@charset "utf-8";

.kefu{
	position: fixed;
	right: 0;
	z-index: 3000;
	top: 35%;
}
.kefu-item{
	padding: 0.3rem 0.3rem;
	height: auto;
	background: #fff;
	text-align: center;
	border-bottom: 1px solid #ddd;
	border-radius: 0.2rem;
	overflow: hidden;
}
.kefu-item a{
	display: block;

}
/*.kefu div:nth-of-type(1){
	margin-bottom: 0.333333rem;
}*/
.kefu div:nth-of-type(1) i{
	display: block;
	width: 2.333333rem;
	height: 2.333333rem;
	background: url(../../images/mobile/xiaoxi.png) no-repeat;
	background-size: 2.333333rem 2.333333rem;
}
.kefu div:nth-of-type(2) i{
	display: block;
	width: 2.333333rem;
	height: 2.333333rem;
	background: url(../../images/mobile/QQ.png) no-repeat;
	background-size: 2.333333rem 2.333333rem;
}
.kefu div.dianhua-itme i{
	display: block;
	width: 2.333333rem;
	height: 2.333333rem;
	background: url(../../images/mobile/dianhua.png) no-repeat;
	background-size: 2.333333rem 2.333333rem;
}
.kefu div.xcx-item i{
	display: block;
	width: 2.333333rem;
	height: 2.333333rem;
	background: url(../../images/mobile/xcx.png) no-repeat;
	background-size: 2.333333rem 2.333333rem;
}
/*小程序图标弹窗样式*/
#alertbox{
  	width: 70%;
    height: 7.2rem;
    position: fixed;
    top: 42%;
    left: 15%;
    font-size: 0.8rem;
    z-index: 99999;
    text-align: center;
    border-radius: 0.3rem;
    line-height: 1.5rem;
    padding: 1.6rem 1rem;
    background: #fff;
}

#alertbutton{
  	border-top: 1px solid rgb(204, 204, 204);
    width: 100%;
    color: #61a7ea;
    height: 2.5rem;
    text-align: center;
    line-height: 2.5rem;
    outline: none;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

#backg{
  top:0;
  position:fixed;
  width:100%;
  height:100%;
  background:#000000;
  opacity:0.3;
  overflow:hidden;
  z-index: 9999;
}
.ovfHiden{
	overflow: hidden;
}

/*============ banner ============*/
.banner{
	width: 100%;
}
.banner .swiper-pagination{
	bottom: 10px;
}
.banner .swiper-pagination-bullet {
    width: 29px;
    opacity: .3;
    border-radius: 0.333333rem;
}
.banner .swiper-pagination-bullet-active {
	opacity: 1;
    background: #fff;
}

/*============ price ============*/
.price{
	padding: 0.5rem 0;
	width: 100%;
	background: #fff;
	overflow: hidden;
}
.price-con{
	width: 100%;
}
.price-cons{
	position: relative;
	width: 100%;
	height: 5rem;
	overflow: hidden;
}
.price-cons ul{
	padding: 0 0.333333rem;
	height: 5rem;
}
.price-cons li{
	float: left;
	width: 33.3%;
	height: 5rem;
}
.price-list{
	width: 100%;
}
.price-list dl dt{
	font-size: 1.2rem;
	text-align: center;
}
.price-list dl dt i{
	font-size: 0.8rem;
}
.price-list dl dd{
	width: 100%;
	text-align: center;
}
.price-list dl dd span{
	display: inline-block;
	font-size: 0.666666rem;
}
.price-list h2{
	font-size: 0.866666rem;
	color: #333;
	text-align: center;
}

.a-price{
	position: absolute;
	right: 0.333333rem;
	z-index: 10;
	height: 5rem;
	line-height: 5rem;
}
.a-price i{
	font-size: 1.333333rem;
	color: #d2d2d2;
}
.a-price:focus i{
	color: #003366;
}

/*============ menuList ============*/
.menuList{
	padding: 0.5rem 0;
	width: 100%;
	background: #fff;
	overflow: hidden;
}
.menuList ul{
	width: 100%;
}
.menuList ul li{
	float: left;
	width: 20%;
	text-align: center;
}
.menuList ul li a{
	display: block;
	width: 100%;
	text-align: center;
}
.menuList ul li a span{
	margin: 0 auto 0.6rem;
	display: block;
	width: 2.733333rem;
	height: 2.733333rem;
	line-height: 2.733333rem;
	color: #fff;
	background: #003366;
	border-radius: 50%;
}
.menuList ul li a .icon1{
	background: -webkit-linear-gradient(left, #a2b6f5 , #5c7fea); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #a2b6f5 , #5c7fea); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #a2b6f5 , #5c7fea); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #a2b6f5 , #5c7fea); /* 标准的语法（必须放在最后） */
}
.menuList ul li a .icon2{
	background: -webkit-linear-gradient(left, #f9deb2 , #d9993b); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #f9deb2 , #d9993b); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #f9deb2 , #d9993b); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f9deb2 , #d9993b); /* 标准的语法（必须放在最后） */
}
.menuList ul li a .icon3{
	background: -webkit-linear-gradient(left, #f7aca8 , #fb7a78); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #f7aca8 , #fb7a78); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #f7aca8 , #fb7a78); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f7aca8 , #fb7a78); /* 标准的语法（必须放在最后） */
}
.menuList ul li a .icon4{
	background: -webkit-linear-gradient(left, #f8d69b , #f4b84d); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #f8d69b , #f4b84d); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #f8d69b , #f4b84d); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f8d69b , #f4b84d); /* 标准的语法（必须放在最后） */
}
.menuList ul li a .icon5{
	background: -webkit-linear-gradient(left, #c7bbf8 , #9681ec); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #c7bbf8 , #9681ec); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #c7bbf8 , #9681ec); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #c7bbf8 , #9681ec); /* 标准的语法（必须放在最后） */
}
.menuList ul li a span i{
	font-size: 1.4rem;
}
.menuList ul li a p{
	font-size: 0.8rem;
	color: #333;
}

.menuModal{
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 4000;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.menuModal-list{
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling : touch;
}
.menuModal.show{
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: -webkit-transform 0.8s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.menuModal-con{
	padding: 0 0.8rem;
}

.menuModal-hd{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 2.933333rem;
	background: #003366;
	overflow: hidden;
}
.menuModal-title{
	padding: 0 0.8rem;
	height: 2.933333rem;
}
.menuModal-title a{
	width: auto;
}
.menuModal-title h3{
	line-height: 2.933333rem;
	font-size: 1rem;
	color: #fff;
}
.menuModal-list ul{
	margin-top: 2.933333rem;
	padding: 1rem 0;
	width: 100%;
}
.menuModal-list ul li{
	margin-bottom: 0.5rem;
	margin-right: 0.5rem;
	float: left;
	width: 7.4rem;
	overflow: hidden;
}
.menuModal-item{
	padding: 1.8rem 0;
	width: 100%;
	text-align: center;
	background: #fff;
	border: 1px solid #ddd;
}
.menuModal-list ul li:nth-of-type(3n){
	margin-right: 0;
}
.menuModal-list ul li a{
	display: block;
	width: 100%;
	text-align: center;
}
.menuModal-list ul li a span{
	margin: 0 auto 0.6rem;
	display: block;
	width: 2.733333rem;
	height: 2.733333rem;
	line-height: 2.733333rem;
	color: #fff;
	background: #003366;
	border-radius: 50%;
}
.menuModal-list ul li a span i{
	font-size: 1.4rem;
}
.menuModal-list ul li a p{
	font-size: 0.8rem;
	color: #333;
}

/*============ advantage 交易优势 ============*/
.advantage{
	padding: 1rem 0;
	width: 100%;
	background: #fff;
}
.advantage .khlc{
	margin: 0.5rem auto;
    display: block;
    width: 14.333333rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    font-size: 16px;
    background: #fff;
    border-radius: 0.333333rem;
    border: 1px solid #43B1FE;
    color: #1993E9;
}
.hd-title h3{
	font-size: 20px;
    text-align: center;
    color: #1993E9 !important;
    font-weight: bold;
}
.adv-msg{
	padding: 0 0.8rem;
	margin-bottom: 1rem;
	width: 100%;
	overflow: hidden;
}
.resources-img img{
	margin: 0 auto;
	width: 14.233333rem;
	height: 12.266666rem;
}
.adv-msg p{
	font-size: 16px;
	color: #4D4D4D !important;
	margin: 1em 0 1em 0;
}
.chose-cont{display: flex;}
.chose-cont .list-fixe{flex: 4;}
.chose-list{
	padding-bottom: 0.8rem;
	margin: 0 auto;
	width: 66%;
}
.chose-list img{
	margin-bottom: 0.333333rem;
	width: 55%;
	height: 55%;
}
.chose-list p:nth-child(2){
	font-size: 16px;
    color: #4D4D4D;
    text-align: center;
    font-weight: bold;
}
.chose-list p:nth-child(3){
	font-size: 12px;
    color: #4D4D4D;
    text-align: center;
}
.swiper-button-next,
.swiper-button-prev {
    width: 0.9rem;
    height: 1.466666rem;
    margin-top: -0.733333rem;
    background-size: 0.9rem 1.466666rem;
}
.chose .swiper-button-prev,
.chose .swiper-container-rtl .swiper-button-next {
    left: 25%;
}
.chose .swiper-button-next,
.chose .swiper-container-rtl .swiper-button-prev {
    right: 25%;
}
.chose .swiper-pagination-bullet {
    width: 29px;
    border-radius: 0.333333rem;
}
.chose .swiper-pagination-bullet-active {
    background: #006699;
}

/*============ control 风险控制 ============*/
.control{
	padding: 1rem 0;
	width: 100%;
	background: #F8F8F8;
}
.control-list{
	padding-bottom: 2rem;
	margin: 0 auto;
	width: 100%;
}
.control-list img{
	margin-bottom: 2rem;
	width: 14.933333rem;
	height: 11.7rem;
}
.control-list p{
	font-size: 0.666666rem;
	color: #fff;
}
.control-list a{
	margin: 0.5rem auto;
	display: block;
	width: 14.333333rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	font-size: 0.733333rem;
	background: #fff;
	border-radius: 0.333333rem;
}
.control-con{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.control-con .smartBG{
	width: 200px;
    height: 200px;
    background: url(../../images/mobile/Img_Device.png) no-repeat center center;
	background-size: 100% 100%;
	margin-bottom: 1rem;
}
.control-con p:nth-child(2){
	margin: 0.5rem auto;
    display: block;
    width: 14.333333rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    font-size: 16px;
    background: #43B1FE;
    border-radius: 0.333333rem;
    border: 1px solid #43B1FE;
    color: #fff;
}
.control-con p:nth-child(2) a{
	color: #fff;
}
.control-con p:nth-child(3){
	margin: 0.5rem auto;
    display: block;
    width: 14.333333rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    font-size: 16px;
    background: #fff;
    border-radius: 0.333333rem;
    border: 1px solid #43B1FE;
    color: #1993E9;
}
.control-con p:nth-child(3) a{
	color: #1993E9;
}
.control-con .swiper-slide{
	background: #003366 !important;
}
.control-con .swiper-button-next,
.control-con .swiper-button-prev {
    width: 1.3rem;
    height: 3.333333rem;
    margin-top: -1.666666rem;
    cursor: pointer;
}
.control-con .swiper-button-prev,
.control-con .swiper-container-rtl .swiper-button-next {
    left: 30px;
    background: url(../../images/mobile/c-prev.png) no-repeat;
    background-size: 100% 100%;
}
.control-con .swiper-button-next,
.control-con .swiper-container-rtl .swiper-button-prev {
    right: 30px;
    background: url(../../images/mobile/c-next.png) no-repeat;
    background-size: 100% 100%;
}
.control-con .swiper-pagination {
    bottom: 5rem;
}
.control-con .swiper-pagination-bullet {
    width: 2.433333rem;
    border-radius: 10px;
    background: #072646;
    opacity: 1;
}
.control-con .swiper-pagination-bullet-active {
    background: #fff;
}

/*============ resources 世界级支持与资源 ============*/
.resources{
	padding: 1rem 0;
	width: 100%;
	background: #fff;
}

/*============ tabBox ============*/
.tabBox .hd{
	margin-bottom: 0.7rem;
	height:3rem;
}
.tabBox .hd ul{
	height:3rem;
	background:#F8F8F8;
	overflow:hidden;
}
.tabBox .hd ul li{
	float:left;
	width: 50%;
	height: 2.5rem;
}
.tabBox .hd ul li a{
	float:left;
	display:block;
	width: 100%;
	height: 2.5rem;
	line-height: 3rem;
	font-size: 16px;
	text-align: center;
	color:#9F9F9F;
}
.tabBox .hd ul .on{
	background:#43B1FE;
	color:#fff;
}
.tabBox .hd ul .on a{  color:#fff;/* 修复Android 4.0.x 默认浏览器当前样色无效果bug */  }
.tabBox .bd{ width: 100%;  }

.tabBox-con{
	padding: 0 0.8rem;
}
.tabBox-con .content {
    width: 100%;
    height: 12rem;
}
.dataUl{
	width: 100%;
}
.dataUl li{
	padding: 0 0.7rem;
	margin-bottom: 0.5rem;
	width: 100%;
	border-bottom: 1px solid #e4e4e4;
}
.dataTable{
	width: 100%;
	border-bottom: 1px solid #f8f8f8;
}
.dataTable table{
	width: 100%;
}
.dataItem{
	position: relative;
	width: 100%;
}
.dataItem p{
	margin-bottom: 0.4rem;
}
.i-clock{
	display: inline-block;
	width: 0.766666rem;
	height: 0.733333rem;
	background: url(../../images/mobile/clock.png) no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
}
.dataItem p span{
	margin: 0 0.5rem;
	display: inline-block;
	line-height: 0.733333rem;
	font-size: 0.733333rem;
	color: #006699;
	vertical-align: middle;
}
.dataItem-t{
	width: 100%;
}
.s-gq{
	margin-right: 0.5rem;
	display: block;
	width: 1.2rem;
	height: 1.233333rem;
	border-radius:50%;
	overflow: hidden;
}
.s-gq img{
	width:100%;
	height:100%;
}

.dataItem-t h2 a{
	display: block;
	width: 90%;
	font-size: 0.866666rem;
	color: #333;
}
.numVal{
	margin: 0.5rem 0;
	width: 100%;
	text-align: center;
}
.numVal span{
	display: inline-block;
	*display: inline;
	zoom: 0;
	width: 33.3%;
	font-size: 0.666666rem;
	text-align: left;
	color: #666;
}
.s-level{
	position: absolute;
	top: 10px;
	right: 0;
	display: block;
	width: 1.833333rem;
	height: 1.833333rem;
	line-height: 1.833333rem;
	font-size: 0.666666rem;
	color: #fff;
	text-align: center;
	border-radius: 100%;
	overflow: hidden;
}
.sl1{
	background: #ff9e13;
}
.sl2{
	background: #339933;
}
.sl3{
	background: #ee382f;
}
.moreBtn{
	margin: 1rem 0;
	width: 100%;
}
.moreBtn a{
	display: block;
    height: 1.8rem;
    font-size: 14px;
    color: #1993E9;
    text-align: center;
}
.moreBtn a:focus,
.moreBtn a:hover{
	color: #fff;
	background: #003366;
}

.msgUl{
	margin-left: 0.5rem;
	padding-left: 0.5rem;
	border-left: 1px solid #006699;
}
.msgUl li{
	margin-bottom: 0.5rem;
	width: 100%;
}
.msgTble{
	width: 100%;
}
.msgTble table{
	width: 100%;
}
.msgItem{
	width: 100%;
}
.msgItem p{
	font-size: 0.666666rem;
	color: #333;
}
.stime{
	margin-bottom: 0.333333rem;
	position: relative;
	font-size: 0.8rem;
	color: #666;
}
.i-dot{
	margin-top: -0.2rem;
	position: absolute;
	top: 50%;
	left: -0.766666rem;
	display: block;
	width: 0.5rem;
	height: 0.5rem;
	background: url(../../images/mobile/dot.png) no-repeat;
	background-size: 0.5rem 0.5rem;
}

/*============ indexForm ============*/
.indexForm{
	padding: 1rem 0;
	width: 100%;
	background: #fff;
}
.fromBox{
	padding: 0 0.8rem;
	width: 100%;
}
.fromCon{
	padding: 0 0.5rem;
}
.fromCon p{
	margin-bottom: 1rem;
	width: 100%;
	height: 2.466666rem;
	overflow: hidden;
}
.int-control{
	padding-left: 0.7rem;
	width: 100%;
	height: 2.466666rem;
	font-size: 0.8rem;
	background: #F8F8F8;
	border-radius: 0.333333rem;
	border: none;
}
.int-control:focus{
	outline-color: #84CCFF;
}
.s-int{
	width: 16.266666rem;
}
.fromCon a.captBtn{
	display: block;
	width: 5.733333rem;
	height: 2.466666rem;
	border-radius: 0.333333rem;
	overflow: hidden;
}
.fromCon a.captBtn img{
	width:100%;
	height:100%;
}
.numBtn{
	display: block;
    width: 5.733333rem;
    height: 2.466666rem;
    font-size: 0.8rem;
    text-align: center;
    color: #43B1FE;
    background: #fff;
    border-radius: 0.333333rem;
    border: 1px solid #43B1FE;
}
.numBtn:focus{
	outline: none;
}
.subBtn{
	display: block;
	width: 100%;
	height: 2.466666rem;
	font-size:1.066666rem;
	text-align: center;
	color: #fff;
	border-radius: 0.333333rem;
	border: 1px solid #43B1FE;
    background-color: #43B1FE;
}
.subBtn:focus{
	color: #003366;
	background: #fff;
	outline: none;
}

.message_error{
	margin-bottom:0.5rem;
	font-size:0.8rem;
}

/*============ other ============*/
.other{
	padding: 1rem 0;
	width: 100%;
	background: #fff;
}
.otherUl{
	width: 100%;
}
.otherUl li{
	width: 100%;
}
.otherUl li > a{
	display: block;
	padding: 1rem 0.8rem;
	border-bottom: 1px solid #ddd;
}
.otherUl li:last-child > a{
	border-bottom:none;
}
.otherUl li a span{
	font-size: 1.066666rem;
	color: #4d4d4d;
}
.otherUl li a i.iconfont{
	margin-right: 0.5rem;
	color: #003366;
	font-size: 1.066666rem;
}
.otherUl li a i.icon-jiantou{
	color: #ddd;
	transition: all .2s;
}
.otherToggle{
	display: none;
	padding: 0.8rem;
	width: 100%;
	background: #ebebeb;
	overflow: hidden;
}
.otherNav ul li.active .otherToggle{
	display: block;
}
.otherNav ul li.active .icon-jiantou{
	color: #003366;
	transform: rotate(90deg);
}
.otherSub{
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.otherSub a{
	margin: 0 0.8rem;
	display: inline-block;
	font-size: 0.866666rem;
	color: #333;
}

.contact{
	padding: 0 0.5rem;
}
.contact h3{
	margin-bottom: 0.2rem;
	font-size: 0.866666rem;
	color: #333;
}
.contact p{
	font-size: 0.866666rem;
	color: #666;
}
.telCon{
	margin-bottom: 0.5rem;
	width: 100%;
	overflow: hidden;
}
.telCon a{
	margin-right: 0.633333rem;
	display: block;
	width: 7.866666rem;
	height: 2.066666rem;
	line-height: 2rem;
	font-size: 0.8rem;
	text-align: center;
	color: #003366;
	border: 1px solid #003366;
	background: #fff;
	border-radius: 0.333333rem;
	overflow: hidden;
}
.telCon a:focus{
	color: #fff;
	background: #036;
}

.conCode{
	width: 100%;
}
.conCode li{
	float: left;
	width: 33.3%;
}
.conCode-item{
	width: 100%;
	text-align: center;
	overflow: hidden;
}
.conCode-img{
	margin: 0.5rem auto;
	width: 7.066666rem;
	height: 7.066666rem;
	overflow: hidden;
}
.conCode-img img{
	width: 100%;
	height: 100%;
}

.otherMsg{
	padding-top: 0.5rem;
	width: 100%;
}
.otherMsg a{
	margin-bottom: 0.5rem;
	display: block;
	font-size: 14px;
    color: #1993E9;
}
.otherMsg a em{
	margin-left: 0.2rem;
	display: inline-block;
	font-family: '宋体';
	font-style: normal;
}
.otherMsg p{
	margin-bottom: 0.5rem;
    font-size: 14px;
    color: #9F9F9F;
}

/*============ 外汇 ============*/
.mTop{
	margin-top: 5.933333rem;
}
.subNav{
	padding: 0.5rem;
	width: 100%;
	height: 2.833333rem;
}
.subNav ul{
	display: -webkit-flex;
    display: flex;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
	width: 100%;
	height: 1.833333rem;
	border: 1px solid #ddd;
	background: #fff;
}
.subNav ul li{
	-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
	height: 1.766666rem;
	border-right: 1px solid #ddd;
}
.subNav ul li:last-child{
	border-right:none;
}
.subNav ul li a{
	display: block;
	width: 100%;
	height: 1.766666rem;
	line-height: 1.766666rem;
	font-size: 0.8rem;
	text-align: center;
	color: #666;
}
.subNav ul li.active a{
	color: #333;
	background: #ddd;
}

.pageCon{
	width: 100%;
}

.pageItem{
	margin-bottom: 0.666666rem;
	padding: 1rem 0;
	width: 100%;
	background: #fff;
}
.productMsg{
	width: 100%;
}
.productMsg h3{
	margin-bottom: 0.5rem;
	font-size: 1.066666rem;
	color: #003366;
}
.productMsg p{
	margin-bottom: 0.333333rem;
	font-size: 0.8rem;
	color: #666;
}
.productMsg p span:first-child{
	margin-right: 0.2rem;
	display: inline-block;
	width: 0.3rem;
	height: 0.3rem;
	background: url(../../images/mobile/tdot.png) no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
}
/* productList */
.productList{
	margin: 0.5rem 0;
	width: 100%;
	overflow: hidden;
}
.productList li{
	padding-top: 0.666666rem;
	margin: 0 0.5rem;
	float: left;
	width: 10.133333rem;
	height: 7rem;
	text-align: center;
	background: #d7d7d7;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
}
.productList li span{
	font-size: 0.6rem;
	color: #333;
}
.productList li p{
	margin-bottom: 0;
	font-size: 2.4rem;
	font-weight: bold;
	color: #333;
	text-align: center;
}
.productList li p em{
	font-style: normal;
	font-size: 0.8rem;
}
.productList li a{
	display: block;
	width: 100%;
	height:1.733333rem;
	line-height: 1.5rem;
	font-size: 0.6rem;
	color: #fff;
	background: #003366;
}
.productList li a:focus,
.productList li a:hover{
	background: #042445;
}

.pageItem-title{
	margin-bottom: 0.5rem;
}
.pageItem-title h3{
	font-size: 1.2rem;
	color: #003366;
	text-align: center;
}
.productAdv ul{
	width: 100%;
}
.productAdv ul li{
	margin-bottom: 2rem;
	width: 100%;
}
.pro-items{
	width: 100%;
}
.pro-items img{
	margin-right: 0.7rem;
	float: left;
	width: 3.4rem;
	height: 3.4rem;
}
.pro-items-text{
	padding-top: 0.2rem;
	overflow: hidden;
}
.pro-items-text h4{
	margin-bottom: 0.3rem;
	font-size: 0.8rem;
	color: #333;
}
.pro-items-text p{
	font-size: 0.666666rem;
	color: #666;
	text-align: justify;
}

.proAbtn{
	width: 100%;
	overflow: hidden;
}
.proAbtn a{
	margin: 0.5rem auto;
	display: block;
	width: 10.2rem;
	height: 1.733333rem;
	line-height: 1.733333rem;
	text-align: center;
	font-size: 0.533333rem;
	color: #fff;
	background: #003366;
	border-radius: 0.3rem;
	overflow: hidden;
}
.proAbtn a:focus,
.proAbtn a:hover{
	color: #fff;
	background: #032f5c;
}

/*============ 合约细则  ============*/
.subMenu{
	padding: 0.666666rem 0;
	width: 100%;
	overflow: hidden;
}
.subMenu ul{
	width: 100%;
	height: 2.5rem;
	background: #fff;
	overflow: hidden;
}
.subMenu ul li{
	float: left;
	width: 50%;
	height: 2.5rem;
}
.subMenu ul li a{
	display: block;
	width: 100%;
	line-height: 2.5rem;
	font-size: 0.933333rem;
	text-align: center;
	color:#003366;
}
.subMenu ul li.active a{
	color: #fff;
	background: #003366;
}

/* slideRules */
.slideRules{
	width:100%;
}
.slideRules .hd{
	margin-bottom: 0.666666rem;
	width: 100%;
	overflow: hidden;
}
.contract .hd ul{
	width: 100%;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	overflow: hidden;
}
.contract .hd ul li{
	float: left;
	width: 33.3%;
	height:1.766666rem;
	line-height: 1.766666rem;
	text-align: center;
	font-size: 0.8rem;
	color: #666;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	cursor:pointer;
	overflow: hidden;
}
.contract .hd ul li.on{
	color: #003366;
	background: #ddd;
}
.contract .bd {
	width: 100%;
}
.contract .bd div.show {display: block;}
.rules-con{
	display: none;
	width: 100%;
}
.rules-table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #cfcfcf;
	text-align: left;
	background: #fff;
}
.rules-table thead th,
.rules-table tbody tr td{
	padding:0.3rem 0.5rem;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
}
.rules-table thead tr th{
	background: #ddd;
	font-size: 0.866666rem;
	color: #333;
}
.rules-table thead th:first-child{
	width: 25%;
	text-align: center;
}
.rules-table tbody tr td{
	font-size: 0.8rem;
	color: #666;
}
.rules-table tbody tr td:first-child{
	text-align: center;
}

.a-more{
	display: inline-block;
	color: #006699 !important;
	text-decoration: none;
}

/*============ 账户类型  ============*/
.account ul{
	width: 100%;
	background: #fff;
	height: 1.833333rem;
	border: 1px solid #ddd;
}
.account ul li{
	float: left;
	width: 33.3%;
	height: 1.766666rem;
	line-height: 1.766666rem;
	font-size: 0.8rem;
	text-align: center;
	color: #666;
	border-right: 1px solid #ddd;
}
.account ul li:last-child{
	border-right:none;
}
.account .hd ul li.on{
	color: #333;
	background: #ddd;
}

.account-con{
	display: none;
	width: 100%;
}
.account-tips{
    margin-bottom: 0.5rem;
	padding: 0.5rem;
	width: 100%;
	background: #ddd;
	overflow: hidden;
}
.account-tips p{
	margin-bottom: 0.2rem;
	font-size: 0.8rem;
	color: #333;
}

.account-table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #b1b1b1;
	background: #fff;
}
.account-table thead th,
.account-table tbody tr td{
	padding:0.3rem 0.5rem;
	border-right: 1px solid #b1b1b1;
	border-bottom: 1px solid #b1b1b1;
	text-align:center;
}
.account-table thead tr th{
	background: #ddd;
	font-size: 0.866666rem;
	color: #333;
}
.account-table tbody tr td{
	font-size: 0.733333rem;
	color: #666;
}
.account-table tbody tr td:first-child{
	font-size: 0.666666rem;
}

/*============ 软件下载  ============*/
.downMsg{
	margin-bottom: 0.666666rem;
	width: 100%;
}
.downMsg-img{
	width: 100%;
}
.apImg{
	margin: 0 auto;
	width: 12.633333rem;
	height: 13.2rem;
}
.mtImg{
	margin: 0 auto;
	width: 16.433333rem;
	height: 12.8rem;
}
.downMsg-text{
	width: 100%;
}
.downMsg-text p{
	text-align: center;
}
.downMsg-text p span{
	margin: 0 0.5rem;
	display: inline-block;
	font-size: 0.666666rem;
	color: #666;
}
.downBtn{
	margin: 0.3rem auto;
	display: block;
	width: 10.8rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	font-size: 0.8rem;
	color: #fff;
	background: #003366;
	border-radius: 0.333333rem;
	overflow: hidden;
}
.downBtn:focus{
	color: #fff;
	background: #03305d;
}

.downAdv{
	margin-bottom: 0.666666rem;
	width: 100%;
}
.downAdv-title{
	margin-bottom: 0.5rem;
}
.downAdv-title h3{
	font-size: 1.066666rem;
	text-align: center;
	color: #003366;
}
.downAdv-text p{
	margin-bottom: 0.3rem;
	font-size: 0.8rem;
	color: #666;
	text-align: justify;
}

.downSlide{
	margin-bottom: 0.666666rem;
	width: 100%;
}
.downSlide-title{
	margin-bottom: 0.5rem;
	width: 100%;
}
.downSlide-title h3{
	font-size: 1.066666rem;
	text-align: center;
	color: #003366;
}
.downSlide-list{
	padding-bottom: 1.2rem;
	margin: 0 auto;
	width: 100%;
}
.downSlide-list img{
	margin-bottom: 0.333333rem;
	width: 3.533333rem;
	height: 3.533333rem;
}
.downSlide-list p{
	font-size: 0.8rem;
	color: #333;
}
.downSlide-con .swiper-button-next,
.downSlide-con .swiper-button-prev {
    width: 1.666666rem;
    height: 2.433333rem;
    margin-top: -1.233333rem;
    cursor: pointer;
}
.downSlide-con .swiper-button-prev,
.downSlide-con .swiper-container-rtl .swiper-button-next {
    left: 20%;
    background: url(../../images/mobile/d-prev.png) no-repeat;
    background-size: 100% 100%;
}
.downSlide-con .swiper-button-next,
.downSlide-con .swiper-container-rtl .swiper-button-prev {
    right: 20%;
    background: url(../../images/mobile/d-next.png) no-repeat;
    background-size: 100% 100%;
}
.downSlide-con .swiper-pagination-bullet {
    width: 29px;
    border-radius: 10px;
}
.downSlide-con .swiper-pagination-bullet-active {
    background: #003366;
}

.downTips{
	width: 100%;
}
.downTips p{
	margin: 0 auto;
	width: 85%;
	font-size: 0.8rem;
	text-align: center;
	color: #003366;
}
.downTips a{
	margin: 0.3rem auto;
	display: block;
	width: 10.8rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	font-size: 0.8rem;
	color: #fff;
	background: #003366;
	border-radius: 0.333333rem;
	overflow: hidden;
}
.downTips a:focus{
	color: #fff;
	background: #03305d;
}
.llqti{display: none;position: fixed;top: 0;left: 2rem;width: 86%;height: 10rem;z-index: 99999;}
.llqti img{width: 100%;}
.mecan{display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	z-index: 9999;
	opacity: 0.7;
	}
/*==== 弹窗 ====*/
.modal {top: 15%; z-index: 3050;}
.modal-header {border-bottom: none;background: #036;}
.modal-title {text-align: center;color: #fff;}
.close {color: #fff;opacity: 1}
.close:focus,
.close:hover {color: #fff;filter: alpha(opacity=100);opacity: 1;}
.modal-body{padding-top: 0;}
.aside-form-con{margin: 0 auto;width: 85%;}
.aside-form-con .ts{font-size: 0.6rem;margin: 0.6rem 0;}
.aside-form-con .input-c{height: 60px;overflow: hidden;position: relative;}
.aside-form-con .input-c .message_error{position: absolute;top: 39px;left: 5px;color: red;}
.aside-form-con .input-c input.reg-inpt{padding-left: 15px;width: 100%;height: 40px;border: 1px solid #ddd;}
.capt-int{width: 69% !important;}
.a-code{width: 29%;height: 40px;overflow: hidden;}
.a-code img{height: 100%;}
.code-btn{width: 29%;height: 40px;border: none;color: #fff;background: #21399a;}
.code-btn.active{color: #fff;background: #003366;}
.aside-btn{width: 100%;}
.aside-btn a{margin-bottom: 10px;display: block;width: 100%;height: 60px;line-height: 60px;text-align: center;font-size: 24px;color: #fff;background: #003366;border-radius: 5px;}
@media screen and (max-width: 1024px) {
	.modal-dialog{width: 76%;}
}
@media screen and (max-width: 768px) {
	/*==== 弹窗 ====*/
	.modal {top: 20%; }
	.modal-dialog {width: 600px;}
	.aside-form-con{padding-top:0;width: 100%;}
	.aside-btn a{line-height: 3.5rem;height:3.5rem;font-size: 1.2rem;}
}
@media screen and (max-width: 680px) {
    .modal-dialog {width: auto;}

}
/*============ 新闻资讯页   ============*/
.newsItme{
	width: 100%;
}
.newsItme ul li{
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
	width: 100%;
	border-bottom: 1px solid #dbdbdb;
	overflow: hidden;
}
.newsCon{
	width: 100%;
	display: table;
}
.newsCon-text,.newsCon-img{
	display: table-cell;
	vertical-align: middle;
}
.newsCon-text{
	padding: 0 0.5rem;
}
.newsCon-text a{
	display: block;
	width: 100%;
	font-size: 0.933333rem;
	color: #4c4c4c;
}
.newsCon-img{
	width: 6.666666rem;
	height: 4rem;
}
.newsCon-img a{
	display: block;
	width: 100%;
	height: 100%;
}
.newsCon-img img{
	width: 100%;
	height: 100%;
}

/*============ 新闻详情页   ============*/
.detCon{
	width: 100%;
}
.detCon-hd{
	padding-bottom: 0.5rem;
	margin-bottom: 0.666666rem;
	width: 100%;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}
.detCon-title h2{
	margin-bottom: 0.5rem;
	font-size: 1.066666rem;
	color: #333;
}
.detCon-title p span{
	margin-right: 0.5rem;
	display: inline-block;
	font-size: 0.8rem;
	color: #666;
}
.detCon-bd{
	width: 100%;
}
.detCon-bd img{
	margin-bottom: 0.5rem;
    max-width: 100%;
}
.detCon-bd h3{
	margin-bottom: 0.666666rem;
	font-size: 0.933333rem;
	color: #333;
}
.detCon-bd p{
	margin-bottom: 0.5rem;
	margin-bottom: 0.5rem;
	font-size: 0.933333rem;
	color: #666;
}
.detCon-bd p a{
	color: #666;
}
.nativeShare{
	width: 100%;
	height: 2.5rem;
	overflow: hidden;
}
.nativeShare h3{
	float: left;
	line-height: 2rem;
	font-size: 1rem;
	color: #666;
}
.bsBox{
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}
.nativeShare .bshare-custom.icon-medium-plus a {
	margin-right: 0.3rem;
    padding-left: 1.166666rem;
    width: 1.6rem ;
    height: 1.6rem ;
}
.nativeShare .bshare-custom.icon-medium-plus .bshare-weixin {
    display: inline-block;
    background: url(../../images/mobile/share-wx.png) no-repeat;
    background-size: 1.6rem 1.6rem;
}
.nativeShare .bshare-custom.icon-medium-plus .bshare-qqim {
	display: inline-block;
    background: url(../../images/mobile/share-qq.png) no-repeat;
    background-size: 1.6rem 1.6rem;
}
.nativeShare .bshare-custom.icon-medium-plus .bshare-sinaminiblog {
	display: inline-block;
    background: url(../../images/mobile/share-sina.png) no-repeat;
    background-size: 1.6rem 1.6rem;
}

.relNews{
	padding-top: 0.5rem;
	margin-top: 0.5rem;
	width: 100%;
	border-top: 1px solid #ddd;
	overflow: hidden;
}
.relNews ul li{
	width: 100%;
	overflow:hidden;
}
.relNews ul li span{
	float: left;
	display: block;
	font-weight:bold;
	font-size: 1rem;
	color: #003366;
}
.relNews ul li a{
	display: block;
	font-weight:bold;
	font-size: 1rem;
	color: #333;
}
.relNews ul li a:focus{
	color: #003366;
}

/*============ 视频学习   ============*/
.videoBox{
	width: 100%;
	overflow: hidden;
}
.video-con .swiper-pagination-bullet {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    opacity: 0.6;
    background: #fff;
}
.video-con .swiper-pagination-bullet-active {
	opacity: 0.9;
    background: #fff;
}

.videoItem{
	margin-bottom: 0.5rem;
	width: 100%;
	overflow: hidden;
}
.videoItem-title{
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
	width: 100%;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}
.videoItem-title h3{
	font-size: 1.066666rem;
	color: #333;
}
.videoItem-title i{
	margin-right: 0.3rem;
	display: inline-block;
	width: 1.133333rem;
	height: 1.133333rem;
	background: url(../../images/mobile/tico.png) no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
}
.videoList{
	width: 100%;
}
.videoUl li{
	margin-right: 1rem;
	margin-bottom: 0.5rem;
	float: left;
	width: 100%;
}
.videoUl li:nth-of-type(2n){
	margin-right: 0;
}
.videoList-con{
	width: 100%;
	position: relative;
}
.videoList-con a{
	display: block;
}
.videoList-img{
	position: relative;
	width: 100%;
	height: 10.266666rem;
	border-radius: 5px;
	overflow: hidden;
}
.videoList-img img{
	width: 100%;
	height: 100%;
}
.markbg{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
}
.videoList-img i{
	margin-left: -0.666666rem;
	margin-top: -0.666666rem;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 20;
	display: block;
	width: 2rem;
	height: 2rem;
	background: url(../../images/mobile/play.png) no-repeat;
	background-size: 2rem 2rem;
}
.videoList-con h4{
	line-height: 1.2rem;
	font-size: 0.8rem;
	color: #fff;
	position: absolute;
	top: 0.5rem;
	left: 0.5rem;
	z-index: 99;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.videoAbtn{
	width: 100%;
	text-align: right;
}
.videoAbtn a{
	font-size: 0.8rem;
	color: #003366;
}
.videoAbtn a em{
	margin-left: 0.2rem;
	display: inline-block;
	font-style: normal;
	font-family: '宋体';
}
.videoClose{
	display: none;
}
.videoShow{
	display: none;
	width: 100%;
}
.videoToggle li.active .videoShow{
	display: block;
}
.videoToggle li.active .videoMore{
	display: none !important;
}
.videoToggle li.active .videoClose{
	display: block;
}

.videoPlay{
	width: 100%;
	height: 14.3rem;
	overflow: hidden;
}

/*============ 行情数据   ============*/
.priceTab .hd ul li.on a{
	color: #333;
	background: #ddd;
}
.priceData{
	width: 100%;
}
.priceData table{
	width: 100%;
	border-collapse: collapse;
}
.priceData table thead tr th,
.priceData table tbody tr td{
	padding: 0.3rem;
	text-align: center;
	border-bottom: 1px solid #e0e0e0;
	font-size: 0.933333rem;
}
.priceData table thead tr th{
	font-weight: normal;
}
.priceData table tbody tr td:first-child a{
	color: #333;
}
.priceData table tbody tr td:first-child a:hover{
	color: #036;
}
.addTo{
	display: block;
	color: #d9d9d9;
	font-size: 1.2rem;
}
.addTo:focus{
	color: #d9d9d9;
}
.addTo.active{
	color: #003366 !important;
}
/* addMsg */
.addMsg{
	display: none;
	margin-left: -5rem;
	margin-top: -1rem;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10rem;
	height: 2.066666rem;
	font-size: 0.8rem;
	line-height: 2rem;
	color: #003366;
	text-align: center;
	border: 1px solid #003366;
	background: #fff;
	overflow: hidden;
}

/*============ 走势图   ============*/
.chartMsg{
	padding-top: 0.3rem;
	width: 100%;
	overflow: hidden;
}
.chartMsg-con{
	padding:0.2rem 0.8rem;
	margin-bottom: 0.5rem;
	background: #fff;
	overflow: hidden;
}
.chartDl{
	width: 40%;
}
.chartDl dt,.chartDl dd{
	text-align: center;
}
.chartDl dt{
	font-weight: normal;
	font-size: 2rem;
	color: #333;
}
.chartDl dd span{
	display: inline-block;
	font-size: 0.8rem;
}
.chartDl .text-red .i-arrow{
	display: inline-block;
	width: 0.666666rem;
	height: 0.7rem;
	background: url(../../images/mobile/up.png) no-repeat;
	background-size: 0.666666rem 0.7rem;
}
.chartDl .text-green .i-arrow{
	display: inline-block;
	width: 0.666666rem;
	height: 0.7rem;
	background: url(../../images/mobile/down.png) no-repeat;
	background-size: 0.666666rem 0.7rem;
}
.chartUl{
	padding-top: 0.6rem;
	width: 60%;
}
.chartUl li{
	margin-bottom: 0.5rem;
	width: 100%;
	text-align: center;
}
.chartUl li span{
	margin: 0 0.3rem;
	display: inline-block;
	font-size: 0.8rem;
	color: #666;
}

.chartBtn{
	margin: 0.6rem 0;
	width: 100%;
	text-align: center;
	overflow: hidden;
}
.chartBtn a{
	margin: 0 0.3rem;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 11rem;
	height: 2.7rem;
	line-height: 2.633333rem;
	font-size: 1.066666rem;
	color: #003366;
	text-align: center;
	border: 1px solid #003366;
	border-radius: 0.333333rem;
	background: #fff;
	overflow: hidden;
}
.chartBtn a:focus{
	color: #fff;
	background: #003366;
}

/*============ 协议内容   ============*/
.book .content {
    width: 100%;
    height: 28rem;
}
.book p{
	margin-bottom: 0.8rem;
	font-size: 0.8rem;
	color: #666;
	text-align: justify;
}
.agr-main{
	width: 100%;
}
.agr-msg{
	padding-right: 0.3rem;
}
.book .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #003366;
}

/*============ 关于我们   ============*/
.aboutItme{
	margin-bottom: 0.5rem;
	width: 100%;
	background: #fff;
	overflow: hidden;
}
.aboutTitle{
	width: 100%;
	height: 5rem;
}
.aboutTitle img{
	width: 100%;
	height: 100%;
}
.aboutCon{
	padding: 1rem 0;
	width: 100%;
}
/* aboutMsg */
.aboutMsg{
	width: 100%;
}
.aboutMsg h3{
	margin-bottom: 0.3rem;
	font-size: 1rem;
}
.aboutMsg p{
	margin-bottom: 0.3rem;
	font-size: 0.8rem;
	color: #666;
}

.aboutList{
	width: 100%;
}
.aboutList ul li{
	float: left;
	width: 33.3%;
}
.aboutList-c{
	margin: 0 auto;
	width: 3.866666rem;
}
.aboutList-c img{
	margin: 0.4rem auto;
	width: 3.866666rem;
	height: 3.866666rem;
}
.aboutList-c p{
	font-size: 0.8rem;
	text-align: center;
}

.aboutAdv{
	width: 100%;
}
.aboutAdv dl dt{
	margin-bottom: 0.5rem;
	font-weight: normal;
	font-size: 1rem;
	color: #036;
}
.aboutAdv dl dd{
	margin-bottom: 1rem;
	font-size: 0.666666rem;
}
.aboutAdv dl dd:last-child{
	margin-bottom: 0;
}

.aboutCon .contact h3{
	color: #036;
}

/*============ 公告   ============*/
.notice{
	width: 100%;
}
.notice-title{
	padding-bottom: 0.5rem;
	margin-bottom: 0.7rem;
	width: 100%;
	border-bottom: 1px solid #ddd;
}
.notice-title h3{
	padding-left: 0.5rem;
	font-size: 1rem;
	border-left: 10px solid #036;
}
.notice-list{
	width: 100%;
}
.notice-list li{
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
	width: 100%;
	border-bottom: 1px solid #ddd;
}
.notice-list li:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.notice-item{
	width: 100%;
}
.notice-item p{
	margin-bottom: 0.3rem;
}
.notice-item p i{
	margin-right: 0.5rem;
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background: url(../../images/mobile/n-clock.png) no-repeat;
	background-size: 1rem 1rem;
	vertical-align: middle;
}
.notice-item p span{
	display: inline-block;
	font-size: 0.8rem;
	color: #666;
	vertical-align: middle;
}
.notice-item a{
	display: block;
	font-size: 0.933333rem;
	color: #333;
}
.notice-item a:focus{
	color: #036;
}

/*============ 帮助中心   ============*/
.wrapper01 {
	position:relative;
	padding: 0.5rem 0 0.5rem 0.5rem;
	width: 100%;
	height: 2.833333rem;
	overflow: hidden;
}
.wrapper01 .scroller {
	position:absolute;
}
.wrapper01 .scroller ul{
	width: 100%;
	height: 1.833333rem;
	border: 1px solid #ddd;
	background: #fff;
	overflow: hidden;
}
.wrapper01 .scroller li {
	float: left;
	height: 1.766666rem;
	border-right: 1px solid #ddd;
}
.wrapper01 .scroller li a{
	padding: 0 0.5rem;
	float: left;
	display: block;
	line-height: 1.766666rem;
	font-size: 0.8rem;
	text-align: center;
	color: #666;
}
.wrapper01 .scroller li.active a{
	color: #333;
	background: #ddd;
}
.helpTab .pageItem{
	padding: 1.3rem 0;
}

.textToggle{
	width: 100%;
}
.textToggle .page-c{text-align: center;margin-top: 1rem;}
.textToggle .page-c .pager{margin: 0;}
.textToggle .page-c .pager li > span{padding: 0.3rem 0.5rem!important;font-size: 0.6rem;border-radius: 3px;}
.textToggle .page-c .pager li > a{
	padding: 0.3rem 0.5rem!important;
	background: #003366;
	color: #fff;
	margin: 0 1rem;
	font-size: 0.6rem;
    border-radius: 3px;
}
.textToggle .textToggle-list li{
	margin-bottom: 0.3rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #ddd;
}
.textToggle .textToggle-list li a{
	position: relative;
	display: block;
	width: 100%;
	font-size: 0.866666rem;
	color: #333;
}
.textToggle .textToggle-list li.active a{
	font-weight: bold;
	color: #404040;
}
.textToggle .textToggle-list li.active a span{
	display: inline-block;
}
.textToggle-con{
	padding-top: 0.5rem;
	display: none;
	width: 100%;
}
.textToggle-con p{
	margin-bottom: 0.5rem;
	font-size: 0.7rem;
	color: #666;
}
.textToggle li.active .textToggle-con{
	display: block;
}

/*============ 数据中心   ============*/
.dataCon,.dataCon-hd,
.dataCon-title,.dataCon-bd{
	width: 100%;
}
.dataCon-hd{
	padding: 0 0.8rem;
}
.dataCon-hd{
	margin-bottom: 0.666666rem;
}
.dataCon-title h3{
	font-size: 0.933333rem;
	color: #003366;
	height: 1.4rem;
	line-height: 1.4rem;
}
.data-drop{
	margin-left: 0.5rem;
	height: 1.4rem;
	line-height: 1.4rem;
}
.data-drop span{
	padding-right: 0.5rem;
	display: inline-block;
	font-size: 0.666666rem;
	color: #333;
	vertical-align: middle;
}
.data-drop .icon-arrow_down{
	font-size: 0.666666rem;
	vertical-align: middle;
}
.dataMore{
	display: block;
	width: 2.8rem;
	height: 1.4rem;
	line-height: 1.4rem;
	text-align: center;
	font-size: 0.733333rem;
	color: #fff;
	border-radius: 0.333333rem;
	background: #1b3ea8;
	overflow: hidden;
}
.dataMore:focus{
	color: #fff;
	background: #123bb7;
	outline: none;
}

.data-dropcon{
	display: none;
	padding: 0.5rem;
	margin-top: 0.3rem;
	width: 100%;
	height: auto;
	background: #fafbff;
	overflow: hidden;
}
.dropList{
	width: 100%;
}
.dropList li{
	margin-bottom: 0.3rem;
	font-size: 0.666666rem;
	color: #333;
}
.dropList li:last-child{
	margin-bottom: 0;
}

.dataSlide-item{
	margin: 0 0.5rem;
	padding: 0.5rem 0;
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 0.333333rem;
	overflow: hidden;
}
.dataSlide-item h4{
	font-size: 0.8rem;
	color: #036;
	height: 1rem;
	line-height: 1rem;
}
.dataSlide-item i{
	margin-right: 0.3rem;
	display: inline-block;
	width: 0.866666rem;
	height: 0.866666rem;
	border-radius: 50%;
	vertical-align: middle;
	background: #333681;
	overflow: hidden;
}
.dataSlide-price{
	margin: 0.5rem auto;
}
.dataSlide-item p span{
	margin: 0 0.3rem;
	display: inline-block;
	font-size: 0.6rem;
}

.dataSlide-newPrice{
	position: relative;
	width: 100%;
	text-align: center;
}
.dataSlide-newPrice p{
	font-size: 0.6rem;
	height: 1rem;
	line-height: 0.8rem;
}
.dataSlide-newPrice p span{
	margin: 0 0.3rem;
	display: inline-block;
	font-size: 0.6rem;
}
.dataSlide-newPrice p em{
	display: inline-block;
	font-style: normal;
	font-size: 1rem;
	vertical-align: middle;
}
.dataSlide-newPrice a{
	margin: 0 auto;
	display: block;
	width: 110px;
	height: 28px;
	line-height: 26px;
	font-size: 14px;
	color: #fff;
	background:#ff7e00;
	text-align: center;
	border: 1px solid #ff7e00;
	border-radius: 0.2rem;
	overflow: hidden; ;
}
.dataSlide-newPrice a:focus,
.dataSlide-newPrice a:hover{
	color: #fff;
	background: #036;
	border-color: #036;
}


.dataSlide .swiper-button-next,
.dataSlide .swiper-button-prev {
    width: 1.6rem;
    height: 1.6rem;
    margin-top: -0.8rem;
    cursor: pointer;
}
.dataSlide .swiper-button-prev,
.dataSlide .swiper-container-rtl .swiper-button-next {
    left: 0.5rem;
    background: url(../../images/mobile/data-prev.png) no-repeat;
    background-size: 100% 100%;
}
.dataSlide .swiper-button-next,
.dataSlide .swiper-container-rtl .swiper-button-prev {
    right: 0.5rem;
    background: url(../../images/mobile/data-next.png) no-repeat;
    background-size: 100% 100%;
}

.report{
	padding: 0 0.8rem;
}
.report-data{
	width: 100%;
}

/*============ CTFC持仓数据  ============*/
.posData{
	width: 100%;
}
.posData-title{
	margin-bottom: 0.5rem;
	width: 100%;
}
.posData-title h2{
	font-size: 0.933333rem;
	text-align: center;
	color: #036;
	font-weight: bold;
}
.posData-con{
	display: table;
	width: 100%;
}
.posData-img,.posData-text{
	display: table-cell;
	vertical-align: middle;
}
.posData-img{
	margin-right: 0.6rem;
	width: 7.566666rem;
	height: 6.866666rem;
	overflow: hidden;
}
.posData-img img{
	width: 100%;
	height: 100%;
}
.posData-con p{
	font-size: 0.666666rem;
	color: #333;
	text-align: justify;
	overflow: hidden;
}

/*============ CTFC每周持仓多空比例  ============*/
.posData-weekCon{
	width: 100%;
}
.weekCon-item{
	margin-bottom: 0.6rem;
}
.weekCon-item-con{
	margin-bottom: 0.4rem;
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.item-type {
	position: absolute;
	top: 0;
}
.typeL{
	left: 0;
}
.typeL dt span{
	background: #ff0000;
}
.typeR{
	right: 0;
}
.typeR dt span{
	background: #339933;
}
.item-type dt{
	font-weight: normal;
	font-size: 0.7rem;
	color: #999;
}
.item-type dt span{
	margin-right: 0.3rem;
	display: inline-block;
	width: 0.6rem;
	height: 0.6rem;
}
.item-type dd{
	font-weight: bold;
	font-size: 1.4rem;
	color: #333;
}

.item-datac{
	margin: 0 auto;
	position: relative;
	width: 170px;
	height: 4.166666rem;
}
.item-datac-numL,.item-datac-numR{
	width: 1.2rem;
	text-align: center;
	font-size: 0.7rem;
	color: #999;
}
.item-datac-numL,.item-datac-numR,.item-datac-title{
	position: absolute;
	bottom: 0;
}
.item-datac-numL{
	left: 0;
}
.item-datac-numR{
	right: 0;
}
.item-datac-title{
	width: 100%;
}
.item-datac-title h3{
	font-size: 0.7rem;
	text-align: center;
}
.item-datac-chart{
	margin: 0 auto;
	width: 126px;
	height: 4.166666rem;
}
.update-time{
	width: 100%;
}
.update-time p{
	font-size: 0.6rem;
	text-align: center;
	color: #666;
}

.weekCon-tips{
	width: 100%;
}
.weekCon-tips p{
	font-size: 0.7rem;
	color: #999;
}

/*============ 贵金属库存  ============*/
.stockBox{
	margin-bottom: 0.8rem;
}
.stockBox .hd{
	margin-bottom: 0.7rem;
	height:2.5rem;
}
.stockBox .hd ul{
	height:2.5rem;
	border: 1px solid #ddd;
	overflow:hidden;
}
.stockBox .hd ul li{
	float:left;
	width: 50%;
	height: 2.5rem;
}
.stockBox .hd ul li a{
	float:left;
	display:block;
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 0.933333rem;
	text-align: center;
	color:#666;
}
.stockBox .hd ul .on{
	background:#003366;
	color:#fff;
}
.stockBox .hd ul .on a{  color:#fff;/* 修复Android 4.0.x 默认浏览器当前样色无效果bug */  }
.stockBox .bd{ width: 100%;  }
.posData-table{
	width: 100%;
}
.posData-table table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ddd;
}
.posData-table table thead tr th,
.posData-table table tbody tr td{
	padding:0.3rem;
	text-align: center;
}
.posData-table table thead th{
	font-size: 0.8rem;
	background: #fff;
	border-bottom:1px solid #ddd;
}
.posData-table table tbody tr td{
	font-size: 0.7rem;
	border-bottom:1px solid #ddd;
}
.posData-table table tbody tr:nth-of-type(odd){
	background: #c5e0fb;
}

.stock-by{
	width: 100%;
}
.stock-by h3{
	margin-bottom: 0.5rem;
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 0.7rem;
	text-align: center;
	color: #fff;
	background: #003366;
	overflow: hidden;
}

/*============ 投资情绪报告  ============*/
.reportBox{
	width: 100%;
}
.reportBox .hd{
	margin-bottom: 0.7rem;
	height: 1.8rem;
}
.reportBox .hd ul{
	height: 1.8rem;
	overflow:hidden;
}
.reportBox .hd ul li{
	float:left;
	width: 4.666666rem;
	height: 1.8rem;
}
.reportBox .hd ul li a{
	float:left;
	display:block;
	width: 100%;
	height: 1.8rem;
	line-height: 1.8rem;
	font-size: 0.733333rem;
	text-align: center;
	color:#666;
	overflow: hidden;
}
.reportBox .hd ul .on{
	background:#003366;
	color:#fff;
	border-radius: 0.333333rem;
}
.reportBox .hd ul .on a{  color:#fff;/* 修复Android 4.0.x 默认浏览器当前样色无效果bug */  }
.reportBox .bd{ width: 100%;  }

.reportNav a{
	position: relative;
	display: inline-block;
	width: 1.8rem;
	height: 1.8rem;
	line-height: 1.8rem;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%;
}
.reportNav a span{
	position: absolute;
	top: 5px;
	right: 0;
	display: block;
	width: 1.1rem;
	height: 0.433333rem;
	background: url(../../images/mobile/new.png) no-repeat;
	background-size: 1.1rem 0.433333rem;
}
.reportNav a i{
	font-size: 0.7rem;
}
.reportNav a.active{
	background: #036;
}
.reportNav a.active i{
	color: #fff;
}
.reportCon{
	width: 100%;
}
.reportList{
	margin-bottom: 0.5rem;
	width: 100%;
}
.reportList li{
	margin-bottom: 0.4rem;
	margin-right: 0.4rem;
	float: left;
	width: 32%;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 0.7rem;
	text-align: center;
	background: #e3e6f1;
	border-radius: 0.333333rem;
	overflow: hidden;
}
.reportList li:nth-of-type(3n){
	margin-right: 0;
}
.shark{
	width: 100%;
}
.sharkTbale{
	width: 100%;
	border-collapse: collapse;
}
.sharkTbale tr th{
	font-size: 0.866666rem;
}
.sharkTbale tr th span{
	margin-right: 0.3rem;
	display: inline-block;
	width: 0.5rem;
	height: 0.5rem;
	overflow: hidden;
}
.sharkTbale tr th,
.sharkTbale tr td{
	padding: 0.3rem;
}
.sharkTbale tr td{
	font-size: 0.7rem;
	color: #666;
	text-align: center;
}
.sRed{
	background: #ff0000;
}
.sGreen{
	background: #393;
}
.shark-progress{
	width: 100%;
	height: 1.733333rem;
	background: #000;
	border-radius: 0.833333rem;
	overflow: hidden;
}
.shark-progress span{
	display: inline-block;
	height: 1.733333rem;
	line-height: 1.733333rem;
	font-size: 0.7rem;
	text-align: center;
	color: #fff;
}
.shark-progress-left{
	background: #ff0000;
}
.shark-progress-right{
	background: #393;
}
.shark-tips{
	margin-top: 0.5rem;
	width: 100%;
}
.shark-tips p{
	font-size: 0.7rem;
	color: #666;
	text-align: justify;
}

.detailNav{
	padding:0.3rem 0.8rem;
	background: #f4f9fc;
	overflow: hidden;
}
.detailNav i{
	font-size: 0.8rem;
	color: #036;
	vertical-align: middle;
}
.detailNav input{
	width: 5rem;
	border: none;
	background: none;
	font-size: 0.8rem;
	color: #666;
	vertical-align: middle;
}
.detailNav input:focus{
	outline: none;
}
.reportTable{
	width: 100%;
}
.reportTable table{
	width: 100%;
	border-collapse: collapse;
}
.reportTable table thead tr th,
.reportTable table tbody tr td{
	padding: 0.2rem 0.3rem;
	text-align: center;
}
.reportTable table thead tr th{
	font-weight: normal;
	font-size: 0.6rem;
	background: #f4f9fc;
}
.reportTable table thead tr th:first-child{
	width: 12%;
}
.reportTable table tbody tr td{
	font-size: 0.6rem;
}

.reportTable table tbody tr:nth-of-type(even){
	background: #f4f9fc;
}

/*============ 视频滚动内容   ============*/
.videoScroll{
	width:100%
}
.videoScroll-list{
	margin: 0 0.5rem;
	position: relative;
	width: 100%;
}
.videoScroll-list a{
	display: block;
}
.videoScroll-list p{
	padding: 0.3rem;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: left;
	font-size: 0.533333rem;
	color: #fff;
	background: rgba(0,0,0,.5);
}
.videoScroll .swiper-button-next,
.videoScroll .swiper-button-prev {
    width: 1.2rem;
    height: 1.2rem;
    margin-top: -0.6rem;
    cursor: pointer;
}
.videoScroll .swiper-button-prev,
.videoScroll .swiper-container-rtl .swiper-button-next {
    left: 0;
    background: url(../../images/mobile/v-prev.png) no-repeat;
    background-size: 100% 100%;
}
.videoScroll .swiper-button-next,
.videoScroll .swiper-container-rtl .swiper-button-prev {
    right: 0;
    background: url(../../images/mobile/v-next.png) no-repeat;
    background-size: 100% 100%;
}

.comBox{
	width: 100%;
}
.comBox .hd{
	position: relative;
	height: 2.4rem;
	border-bottom: 1px solid #ddd;
}
.comBox .hd ul{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2.4rem;
}
.comBox .hd ul li{
	float: left;
	width: 33.3%;
	height: 2.4rem;
	text-align: center;
}
.comBox .hd ul li a{
	display: inline-block;
	height: 2.4rem;
	line-height: 2.266666rem;
	font-size: 1rem;
	color: #666;
}
.comBox .hd ul li.on a{
	color: #036;
	border-bottom: 0.133333rem solid #036;
}

/*==== 优势   ====*/
.comAdv{
	width: 100%;
}
.comAdv img{
	width: 100%;
	height: 100%;
}
.pt-banner{
	width: 100%;
}
.pt-xb{
	width: 2rem;
	margin: 1rem auto;
}
.pt-js{
	width: 94%;
	margin: auto;
}
.pt-js p{
	font-size: 1rem;
	line-height: 1.6rem;
	text-align: justify;
	color: #323232;
}
.pt-sl{
	margin-top: 2.5rem;
}
.pt-sl h2{
	font-size: 1.4rem;
	color: #292929;
	text-align: center;
	font-weight: bold;
}
.pt-sl h2 span{
	color: #546fde;
}
.pt-sl p{
	text-align: center;
	font-size: 0.8rem;
	line-height: 2.6rem;
	color: #595959;
}
.pt-sl-img{
	width: 100%;
	margin-top: 1rem;
}
.pt-sl2 .pt-sl-img{
	width: 98%;
}
.pt-sl3 .pt-sl-img{
	width: 96%;
	margin: auto;
}
.pt-dz{
	width: 92%;
	margin: auto;
	display: flex;
	flex-direction: row;
	margin-top: 1.5rem;
}
.pt-dz p{
	font-size: 1rem;
	line-height: 1.2rem;
	text-align: left;
}
.pt-dz .pt-dzico{
	width: 1.2rem;
	height: 1.4rem;
	margin-right: 0.5rem;
	margin-top: 0.3rem;
}
.pt-sl .pt-sl-btn{
	width: 86%;
	margin:auto;
	margin-top: 1rem;
	display: flex;
	flex-direction: row;
}
.pt-sl .pt-sl-btn a{
	display: block;
	width: 8.666666rem;
	height: 2.066666rem;
	line-height: 1.933333rem;
	font-size: 0.8rem;
	text-align: center;
	border-radius: 0.333333rem;
	margin: auto;
}
.pt-btn1{
	color: #333;
	border: 0.066666rem solid #333;
}
.pt-btn2{
	color: #546fde;
	border: 0.066666rem solid #546fde;

}

/*======== 牌照监管   ========*/
.supervise{
	width: 100%;
}
.supervise-item{
	width: 100%;
	background: #fff;
	overflow: hidden;
}

.supervise-info{
	padding:0.5rem 1.5rem;
}
.supervise-info h3{
	margin-bottom: 0.5rem;
	font-weight: bold;
	font-size: 1rem;
}
.supervise-info p{
	margin-bottom: 0.6rem;
	font-size: 0.8rem;
	color: #666;
}
.supbg{
	width: 100%;
	height: 0.666666rem;
	background: #f5f5f5;
	overflow: hidden;
}
.padding-large-top{
	padding-top: 1rem;
}
.supervise-title{
	margin-bottom: 1rem;
	width: 100%;
	text-align: center;
	overflow: hidden;
}
.supervise-title i{
	margin-right: 0.5rem;
	display: inline-block;
	width: 1.366666rem;
	height: 1.333333rem;
	background: url(../../images/mobile/supico1.png) no-repeat;
	background-size: 1.366666rem 1.333333rem;
	vertical-align: middle;
}
.supervise-title span{
	display: inline-block;
	font-size: 1.066666rem;
}
.supervise-con{
	padding: 0 1rem;
}
.supervise-list{
	margin-bottom: 1rem;
	width: 100%;
	overflow: hidden;
}
.supervise-list h3{
	margin-bottom: 0.6rem;
	font-weight: bold;
	font-size: 0.933333rem;
	color: #333;
}
.supervise-listc{
	margin-bottom: 0.5rem;
	width: 100%;
	overflow: hidden;
}
.supervise-listc dl dt{
	font-weight: normal;
	font-size: 0.866666rem;
}
.supervise-listc dl dt i{
	margin-right: 0.5rem;
	display: inline-block;
	width: 0.9rem;
	height: 1.066666rem;
	vertical-align: middle;
}
.supervise-listc dl dt i.icon1{
	background: url(../../images/mobile/supico2.png) no-repeat;
	background-size: 100% 100%;
}
.supervise-listc dl dt i.icon2{
	background: url(../../images/mobile/supico3.png) no-repeat;
	background-size: 100% 100%;
}
.supervise-listc dl dd{
	padding-left: 1.5rem;
}
.supervise-listc dl dd p{
	font-size: 0.8rem;
	color: #666;
}
.supervise-listc a.suptel{
	margin-top: 1.5rem;
	margin-right: 1rem;
	display: block;
	width: 8.666666rem;
	height: 2.066666rem;
	line-height: 1.933333rem;
	font-size: 0.8rem;
	color: #036;
	text-align: center;
	border: 0.066666rem solid #036;
	border-radius: 0.333333rem;
}
.supervise-listc a.suptel:focus,
.supervise-listc a.suptel:hover{
	color: #fff;
	background: #036;
}
.supCode{
	width: 100%;
}
.supCode ul li{
	float: left;
	width: 33.3%;
	text-align: center;
}
.supCode ul li img{
	width: 7.066666rem;
	height: 7.066666rem;
}
.supCode ul li p{
	font-size: 0.8rem;
}

/*======== 资金安全   ========*/
.safe{
	width: 100%;
}
.safe-info{
	padding: 0.5rem 2rem;
	height: 100%;
}
.safe-info h3{
	margin-bottom: 0.5rem;
	font-weight: bold;
	font-size: 1rem;
}
.safe-info p{
	line-height: 1.6;
	font-size: 0.8rem;
	color: #666;
}
.safebg{
	height: 10.033333rem;
	background: url(../../images/mobiles/safe04.jpg) no-repeat;
	background-size: cover;
}


/*======== 财经日历解读   ========*/
.calender-details{
	width: 100%;
}
.calender-title{
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
	width: 100%;
	border-bottom: 1px solid #ddd;
}
.calender-title h2{
	font-size: 1.2rem;
	text-align: center;
}
.calender-value{
	margin-bottom: 0.6rem;
	overflow: hidden;
}
.calender-value p{
	font-size: 0.933333rem;
	color: #f41d1d;
}
.calender-value p span{
	margin-right: 0.6rem;
	display: inline-block;
}
.calender-tips{
	width: 100%;
	overflow: hidden;
}
.calender-tips p{
	line-height: 1.5;
	font-size: 0.866666rem;
	color: #4c4c4c;
}
.calender-btn{
	width: 100%;
	overflow: hidden;
}
.calender-btn a{
	margin: 1rem auto;
	display: block;
	width: 9.333333rem;
	height: 2rem;
	line-height: 1.933333rem;
	font-size: 0.8rem;
	color: #036;
	text-align: center;
	border: 1px solid #036;
	border-radius: 0.2rem;
}
.calender-btn a.active{
	color: #fff;
	background: #036;
}
.bgClumn{
	margin: 0 -1rem;
	height: 0.5rem;
	background: #f0f0f0;
	overflow: hidden;
}
.calender-inner{
	padding: 1rem 0;
}
.modal{
	top: 20%;
}
.cal-modal .modal-content{
	overflow: hidden;
}
.cal-modal .modal-header{
	background: #3d8ac4;
}
.cal-modal .modal-title{
	padding-top: 1rem;
	font-size: 1rem;
	color: #fff;
	text-align: center;
}
.cal-modal .close{
	margin-top: -10px;
	font-size: 2rem;
	color: #fff;
	opacity:1;
}
.cal-table{
	width: 100%;
}
.cal-table table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #e3e3e3;
}

.cal-table table thead th,
.cal-table table tbody td{
	color: #404040;
	text-align: center;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}
.cal-table table thead th{
	padding:0.8rem 0;
	font-weight: normal;
	font-size: 1rem;
}
.cal-table table tbody td{
	padding:0.6rem 0;
	font-size: 0.6rem;
}


/*======== 策略分析   ========*/
.Strategy{
    padding-bottom: 1rem;
    width: 100%;
    background: #fff;
}
.Strategy .hd{
    position: relative;
    height: 2.4rem;
    border-bottom: 1px solid #ddd;
}
.Strategy .hd ul{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.4rem;
	display: flex;

}
.Strategy .hd ul li{
    /*float: left;*/
    width: 33.33333%;
    height: 2.4rem;
    text-align: center;
	flex: 2;
}
.Strategy .hd ul li a{
    display: inline-block;
    height: 2.4rem;
    line-height: 2.266666rem;
    font-size: 1rem;
    color: #666;
}
.Strategy .hd ul li.on a{
    color: #036;
    border-bottom: 0.133333rem solid #036;
}
.Strategy-item{
    width: 100%;
}
.Strategy-inner{
    width: 100%;
}
.Strategy-subnav{
    padding: 0 1rem;
    width: 100%;
}
.Strategy-subnav dl{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    width: 100%;
    border-bottom:1px solid #ddd;
}
.Strategy-subnav dl dd{
    float: left;
    width: 25%;
}
.Strategy-subnav dl dd a{
    display: block;
    font-size: 1rem;
    text-align: center;
    color: #666;
}
.Strategy-subnav dl dd a.active{
    font-weight: bold;
    color: #1b3ea8;
}
.Strategy-product{
    width: 100%;
}
.Strategy-product ul{
    width: 100%;
}
.Strategy-product ul li{
    margin-bottom: 0.333333rem;
    margin-right: 0.333333rem;
    float: left;
    width: 4.333333rem;
    height: 1.666666rem;
}
.Strategy-product ul li:nth-of-type(5n){
    margin-right: 0;
}
.Strategy-product ul li a{
    display: block;
    width: 100%;
    height: 1.666666rem;
    line-height: 1.666666rem;
    font-size: 0.8rem;
    text-align: center;
    color: #666;
    background: #ddd;
    border-radius: 0.2rem;
    overflow: hidden;
}
.Strategy-product ul li.active a{
    color: #fff;
    background: #5176e8;
}
.moreNav{
    width: 100%;
    text-align: right;
}
.moreNav a{
    display: inline-block;
    width: 1rem;
    height: 0.833333rem;
}
.moreNav a.moreD{
    background: url(../../images/mobile/d_arr.png) no-repeat;
    background-size: 1rem 0.833333rem;
}
.moreNav a.moreU{
    background: url(../../images/mobile/u_arr.png) no-repeat;
    background-size: 1rem 0.833333rem;
}
.analysis{
    width: 100%;
}
.analysis-hd,.analysis-bd{
    width: 100%;
}
.analysis-hd{
    margin-bottom: 0.5rem;
    padding: 1rem;
    background: #e9edf9;
}
.analysis-bd{
    padding: 0 1rem;
}
.analysis-title{
    width: 100%;
    text-align: center;
}
.analysis-title h2{
    margin-bottom: 0.5rem;
    font-weight: bold;
    font-size: 1rem;
}
.analysis-title p{
    text-align: center;
    font-size: 0.8rem;
    color: #666;
}
.analysis-title p span{
    margin: 0 0.5rem;
    display: inline-block;
}

.analysis-inner{
    width: 100%;
}
.analysis-tips{
    margin-bottom: 1rem;
    overflow: hidden;
}
.analysis-tips ul{
    padding-top: 0.2rem;
    width: 100%;
    border-radius: 0.2rem;
}
.analysis-tips ul li{
    margin-bottom: 0.3rem;
    float: left;
    width: 48%;
    text-align: center;
}
.analysis-tips ul li:nth-of-type(2n){
    float: right;
}
.analysis-tips ul li a{
    margin: 0 auto;
    display: block;
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    background: #f5f5f5;
    border-radius: 0.3rem;
}
.analysis-tips ul li span{
    font-size: 0.8rem;
}
.analysis-tipMsg{
    margin-bottom: 0.6rem;
    width: 100%;
    overflow: hidden;
}
.analysis-tipMsg p{
    width: 100%;
    line-height: 1.5;
    font-weight: bold;
    font-size: 0.933333rem;
    color: #333;
}
.analysis-info{
    width: 100%;
    overflow: hidden;
}
.analysis-info img{
    max-width: 100%;
}
.analysis-info h3{
    margin-bottom: 0.5rem;
    font-weight: bold;
    font-size: 1rem;
    color: #666;
}
.analysis-info p{
    margin-bottom: 0.6rem;
    line-height: 1.5;
    font-size: 0.933333rem;
    color: #666;
}
.analysis-import{
    padding-top: 1rem;
    width: 100%;
    overflow: hidden;
}
.analysis-import h3{
    margin-bottom: 0.3rem;
    font-weight: bold;
    font-size: 1rem;
    color: #999;
}
.analysis-import p{
    margin-bottom: 0.6rem;
    line-height: 1.5;
    font-size: 0.933333rem;
    color: #999;
}
.analysis-importInfo{
    padding: 0.5rem 0;
    width: 100%;
    overflow: hidden;
}
.analysis-importInfo h3{
    padding: 0 4rem;
    position: relative;
    font-size: 0.9rem;
    text-align: center;
    color: #999;
}
.analysis-importInfo h3 span{
    position: absolute;
    top: 0.4rem;
    display: block;
    width: 4rem;
    height: 1px;
    background: #ddd;
    overflow: hidden;
}
.analysis-importInfo h3 span.sline-l{
    left: 0;
}
.analysis-importInfo h3 span.sline-r{
    right: 0;
}
.hotNews{
    width: 100%;
}
.hot-bigNews{
    padding-top: 0.5rem;
    width: 100%;
}
.bigNews-inner{
    padding: 0 1rem;
}
.bigNews-title{
    margin-bottom: 0.5rem;
    width: 100%;
}
.bigNews-title h2 a{
    display: block;
    font-size: 1rem;
    text-align: center;
    color: #333;
}
.bigNews-con{
    width: 100%;
}
.bigNews-info{
    margin-bottom: 0.5rem;
    width: 100%;
    overflow: hidden;
}
.bigNews-info a{
    display: block;
    border-radius: 0.2rem;
    overflow: hidden;
}
.bgline{
    width: 100%;
    height: 0.666666rem;
    background: #f5f5f5;
    overflow: hidden;
}
.hot-smallNews{
    width: 100%;
}
.smallNews-inner{
    padding:1rem;
}
.smallNews-inner a{
    display: block;
}
.smallNews-img{
    margin-right: 0.5rem;
    width: 6.666666rem;
    height: 4rem;
    border-radius: 0.2rem;
    overflow: hidden;
}
.smallNews-info {
    position: relative;
    width: 15.666666rem;
    height: 4rem;
    overflow: hidden;
}
.smallNews-info h3{
    line-height: 1.2;
    font-size: 0.933333rem;
    color: #4c4c4c;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow : hidden;
}
.smallNews-info p{
    position: absolute;
    bottom: 0;
    width: 100%;
}
.smallNews-info p span{
    display: block;
    font-size: 0.8rem;
    color: #999;
}
/*入金流程介绍*/
.rj-step {background: #fff;}
.rj-step img{width: 100%;}
.rj-step .banner{width: 100%;margin-bottom: 1.5rem;}
.rj-step .tab-cont {width: 94%; margin: auto;}
.rj-step .nav {width: 94%;height: 3rem;margin: auto;display: flex;margin-bottom: 2rem;}
.rj-step .nav a {vertical-align: top;display: block;width: 50%;height: 3rem;line-height: 2.8rem;font-size: 0.6rem;text-align: center;flex: 2;cursor: pointer;border: 1px solid #999;color: #999;}
.rj-step .nav a:first-child{border-right: none;}
.rj-step .nav a:last-child{border-left: none;}
.rj-step .nav a.on{border: 1px solid #00adfe;color: #00adfe;}
.rj-step .nav a:last-child img{width: 2rem;height: 2rem;}
.rj-step .nav a:first-child img{width: 2.5rem;height: 2rem;}
.rj-step .nav a span{line-height: 2rem; margin-left: 0.5rem;}
.rj-step .contentBox{width: 100%;}
.rj-step .contentBox .box{display:none;width: 100%;margin-top: -1rem;}
.rj-step .contentBox .box.active{display:block;}
.rj-step .contentBox .box .box-l{width: 49%;margin-top: 1rem;display: inline-block;vertical-align: middle;}
.rj-step .contentBox .box .box-l img{width: 100%;margin-left: 0;}
.rj-step .contentBox .box .box-l h3{padding-right: 1rem;font-size: 1.2rem;font-weight: 600;line-height: 3rem;}
.rj-step .contentBox .box .box-l p{padding-right: 1rem;font-size: 0.8rem;}
.rj-step .contentBox .box .box-r{width: 49%;margin-top: 2rem;display: inline-block;vertical-align: middle;}
.rj-step .contentBox .box .box-r img{width: 100%;margin-left: 0;}
.rj-step .contentBox .box .box-r h3{padding-left: 1rem;font-size: 1.2rem;font-weight: 600;line-height: 3rem;}
.rj-step .contentBox .box .box-r p{padding-left: 1rem;font-size: 0.8rem;}

/*============ 代理商招募页面样式  ===============*/
.agent-main{background: #fff;}
.top-banner{width: 100%;height: 9.2rem;margin-top: 3rem;background: url(../../images/mobile/agent_recruitment/a-banner.jpg) no-repeat;background-size:cover;}
.main-box{width: 100%;background: url(../../images/mobile/agent_recruitment/a-bg.jpg) no-repeat;background-size:100% 100%;}
.re-box{display: flex;flex-direction: row;justify-content: space-around;align-items: center;flex-wrap: wrap; width: 94%;margin: auto;padding-top: 2rem;padding-bottom: 1rem;}
.re-box .box-l{width: 100%;}
.re-box .box-l .p1{font-size: 1rem;color:#474747;line-height: 1.4rem;}
.re-box .box-l .p1 span{color:#000;}
.re-box .box-l .tlt{font-size: 1.4rem;color:#000;margin: 1.5rem 0;}
.re-box .box-l .box-l-box{display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;margin-bottom: 1.2rem;}
.re-box .box-l .box-l-center{display: flex;flex-direction: column;align-items: flex-start;width: 50%;}
.re-box .box-l .box-l-center .box-l-list{display: flex;flex-direction: row;justify-content: space-around;align-items: center;margin-bottom: 0.6rem;}
.re-box .box-l .box-l-center .box-l-list .g-icon{width:0.8rem;height:0.8rem;}
.re-box .box-l .box-l-center .box-l-list .p2{font-size: 0.8rem;color:#474747;margin-left: 0.5rem;}
.re-box .box-l .p3{font-size: 0.8rem;color: #757575;line-height: 1.2rem;}

.re-box .box-r{width: 100%;margin-top: 2rem;padding-bottom: 1rem; background: url(../../images/mobile/agent_recruitment/r-bg.png) no-repeat;background-size: 100% 100%;}
.re-box .box-r .zc-body{padding-top: 1.2rem;}
.re-box .box-r .zc-body .zc-t{text-align: center;font-size: 1.4rem;color: #fff;}
.re-box .box-r .zc-body .aside-form-con2{margin: 0 auto;width: 85%;padding: 0.8rem 0 0 0;}
.re-box .box-r .zc-body .aside-form-con2 .input-c{height: 4.3rem;overflow: hidden;position: relative;}
.re-box .box-r .zc-body .aside-form-con2 .input-c .message_error{position: absolute;top: 3rem;left: 0.5rem;color: #fff;}
.re-box .box-r .zc-body .aside-form-con2 .input-c input.reg-inpt{padding-left: 0.5rem;width: 100%;height: 3rem;border: 1px solid #fff;border-radius: 7px;}
.re-box .box-r .zc-body .capt-int{width: 69% !important;}
.re-box .box-r .zc-body .a-code{width: 29%;height: 3rem;overflow: hidden;}
.re-box .box-r .zc-body .a-code img{height: 100%;}
.re-box .box-r .zc-body .code-btn2{width: 29%;height: 3rem;border: none;color: #da424d;background: #ffd77f;text-align: center;line-height: 3rem;cursor: pointer;border-radius: 7px;}
.re-box .box-r .zc-body .code-btn2:hover{background: #f2ba3f;}
.re-box .box-r .zc-body .aside-btn2{width: 100%;}
.re-box .box-r .zc-body .aside-btn2 a{margin-bottom: 10px;display: block;width: 100%;height: 3rem;line-height: 3rem;text-align: center;font-size: 1rem;color: #da424d;background: #ffd77f;border-radius: 7px;}
.re-box .box-r .zc-body .aside-btn2 a:hover{background: #f2ba3f;}