@charset "utf-8";
/* CSS Document */
body,div,h1,h2,h3,h4,p,a,span,dd,dt,input,option,label,h5,font,dl,dt,dd{text-rendering: optimizespeed; margin:0px; padding:0px;font-size:22px;font-family:'PingFang SC','SourceHanSansCN-Normal','HiraginoSansGB',"HiraginoSans-W3","Helvetica Neue",Helvetica,STHeiTi,sans-serif; color:#aaaaaa}
body,html{ height:100%}
body{ background-color:#111111}
a,img{ border:0px; vertical-align:top;}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;}
ul,li{ margin:0px; padding:0px;list-style:none;}
.cf:before,.cf:after{content:"";display:table;}
.cf:after{clear:both;}
.cf{zoom:1;}
.fl{float:left}
.fr{float:right;}
input,.Click_bj{outline:none;-webkit-tap-highlight-color:transparent;-webkit-appearance: none;}
.relative{position:relative}
.clear{clear:both}
.wrap{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0 auto;min-height: 100%; height: auto !important;position:relative;padding:85px 0px 100px 0px;min-height: -moz-calc(100% -185px);height: -webkit-calc(100% - 185px);height: calc(100% - 185px);}
.brc{background-color:rgba(0,0,0,0.1);}
.no_info{display:block;font-size:36px; margin-top:48%; color:#afafaf; text-align:center;}
.mb30{ margin-bottom:30px;}
.r_point::before{width:20px;height:20px;content: '';border-right:5px solid #dbdbdb;border-top:5px solid #dbdbdb;background:transparent;position:absolute; top:35px;right:30px;-webkit-transform:rotate(45deg);}

.ns-close{width:28px;height:28px;position:absolute;right:30px;top:30px;overflow:hidden;text-indent:100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.ns-close::before,.ns-close::after{content: '';position: absolute;width: 4px;height:100%;top: 50%;left: 50%;background: #7f7f7f;}
.ns-close::before{-webkit-transform: translate(-50%,-50%) rotate(45deg);transform: translate(-50%,-50%) rotate(45deg);}
.ns-close::after{-webkit-transform: translate(-50%,-50%) rotate(-45deg);transform: translate(-50%,-50%) rotate(-45deg);}

.remind{width:80px; height:37px; display:inline-block;border:2px solid #d6d6d6; padding:4px; border-radius:50px;-webkit-tap-highlight-color:transparent; position:absolute;top:50%; margin-top:-24px;right:25px;}
.remind em{ border-radius:20px; border:3px solid #d6d6d6; width:30px; height:30px; display:inline-block; background-color:#e9e9e9; float:left}
.remind.remind_on{ border-color:transparent;background:#3a90f4}
.remind.remind_on em{ background:url(../images/open_loop.png) no-repeat center center; border:0px; width:37px; height:37px; overflow:hidden; float:right}

.ns-box-inner input.error::-webkit-input-placeholder{color:#fe5555;}
.ns-box-inner input.error{border:1px solid #fe5555}
	/******弹窗提示*****/
.mb10{margin-bottom:10px;}
.msg_t{ position:relative; z-index:121;}
.tinymask{z-index: 99; margin: 0px; padding: 0px; width: 100%; height: 100%; top: 0px; left: 0px;position:fixed; background-color:rgba(0,0,0,0.5);-webkit-tap-highlight-color:transparent;}
.tinybox{ z-index:100;border-radius:10px; overflow:hidden;position:fixed;left:50%; top:280px; width:570px; margin-left:-285px; margin-top:0px; background:#fff;}
.tinybox .notice{ width:100%;padding-top:30px;font-size:32px;text-align:center;}
.tinybox .ns-box-inner{padding:30px;font-size:30px;}
.tinybox .ns-box-inner p{font-size:28px; width:100%}
.tinybox .ns_action{background:#f5f5f9;}
.tinybox .ns_action input{width:50%;text-align:center; font-weight:bold;border-radius:0px; color:#8d8d8d; font-size:30px; padding:30px 0px; display:inline-block; float:left; background:transparent; border:0px;}
.tinybox .ns_action .brc828282{background-color:#828282;}
.tinybox .ns_action .brc169bf8{background-color:#169bf8;}
.tinybox .ns_action .brc48b960{background-color:#48b960;}
.tinybox .ns_action .brc3990f4{background-color:#3990f4}
.tinybox .ns_action .colfff{color:#fff}
.tinybox .ns_action input.brc{opacity:0.6}
.tinybox .ns_action input.cancel.brc{opacity:0.8;background-color:rgba(0,0,0,0.1);}
.tinybox .ns_action input.Iknow{ width:70%; border-top:1px solid #e6e6e6; font-weight:bold; margin:0 15%;}
.tinybox .ns_action input.Iknow.col3a90f4{ color:#3a90f4}
.tinybox .ns_action a{width:50%;text-align:center; color:#8d8d8d; font-size:30px; padding:30px 0px; display:inline-block; float:left;border:0px;}
.tinybox .ns_action a.brc{opacity:0.6}
.ns-box-inner .tips{font-size:28px;color:#3d495c;text-align:center;width:100%; margin:20px auto;line-height:50px;}
.ns-box-inner .tips a{ font-size:28px;}
.ns-box-inner .tips a.col48b960{ color:#48b960}
.ns-box-inner .tips a.col3a90f4{ color:#3a90f4}

.tinybox .notice.msg{ padding-top:50px;color:#7f7f7f}
/***********menu***********/

.nav4{z-index:810;position:fixed;
	bottom:0px; background:#ededed;
	left:0;
	width:100%;
	}
.nav4 ul{
	width:100%;border-top:1px solid rgba(190,190,190,1);
	z-index: 181;
	position:relative;
}
.nav4 li{
	border-left:1px solid rgba(190,190,190,1);
	height:100px;
	border-bottom:0;
	border-right:0;
	position:relative;
	float:left;
	width:28.1%;
}
.nav4 li .Small_keyboard,.nav4 li .Home_page,.connav2{ background:url(../images/Small_keyboard.png) no-repeat center 22px; width:100%; height:100%; display:block;}
.nav4 li .Home_page{ background-position:center -75px; width:100%;}
.nav4 li:nth-of-type(1){border-left:0;}
.nav4 li>a{
	width:100%; height:100%;
	display:block;
	line-height:100px;font-size:28px;
	text-align:center;
	 background:#fafafa;
}
.nav4 li>a.brc{background:#e5e5e5;}
.nav4 li>a:only-child span{
	padding-left:0;
}
.nav4 li>a.on + dl{
	bottom:130px;
	-webkit-transition:  bottom 200ms;
	-moz-transition: bottom 200ms;
	-ms-transition: bottom 200ms;
	-o-transition: bottom 200ms;
	transition: bottom 200ms;
}
.nav4 li>a span{
	color: #4f4d4f; font-size:30px;
	display: inline-block;
	padding-left: 15px;
	text-shadow:0px 1px 0px #ffffff;
}
/***********************/
.nav4 dl{
	position:absolute;
	z-index:220;
	left:8%;
	border:1px solid #bfbfbf; border-radius:8px; width:80%;background:#fafafa;
	bottom:-250px;
	-webkit-transition:  bottom 200ms;
	-moz-transition: bottom 200ms;
	-ms-transition: bottom 200ms;
	-o-transition: bottom 200ms;
	transition: bottom 200ms;
	 z-index:-1;
}
/*, .nav4 dl:after*/
/*.nav4 dl:before{
	content:"";
	display:inline-block;
	position:absolute;
	z-index:240;
	bottom:0;
	left:8%; z-index:8px;
	width:10px;
	height:8px;
}*/
.nav4 dl:after{
	content:"";
	display:inline-block;
	position:absolute;
	z-index:-2;
	bottom:-9px;
	left:50%; z-index:8px; margin-left:-7px;
	width:15px;
	height:15px;
	background:#fafafa; border-color:transparent transparent #bfbfbf #bfbfbf; border-style:solid; border-width:1px;-webkit-transform:rotate(-45deg);
}
.nav4 dl dd{
	line-height:45px;
	text-align:center;
}
.nav4 dl dd:last-of-type{
	background:none;
}
.nav4 dl dd a{
	font-size: 15px;
	display:block;
	width:80%; padding:0 10%;
	color:#4f4d4f;
	text-overflow: ellipsis;
}
.nav4 dl dd:last-child a span{ border-bottom:0px}
.nav4 dl dd a span{ font-size:28px;border-bottom:1px solid rgba(190,190,190,1);padding:20px 0px; display:block;}
.nav4 .masklayer_div{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 180;background: rgba(0,0,0,0);}
.nav4 .masklayer_div.on{display: block;}
.sk_foot_b{position:absolute; width:16px; height:13px; display:block; background:url(../images/sk_foot_b.png) no-repeat center top; left:50%; margin-left:-8px; bottom:-12px;}
.connav2{width:17px; height:17px; display:inline-block; background-position:0px -188px;}

/**************客户与用户交谈对话***************/
.dialogue{height:100%; width:100%;}
.dialogue .customer-w{ width:94%; margin:5% 3% 2% 3%;}
.dialogue .Back-time{ width:100%; text-align:center; font:0.8em/20px 微软雅黑; color:#8d8d8d; margin:5px 0px 8px 0px}
.dialogue .Back-time span{ display:inline-block; padding:8px 12px; margin-bottom:15px; border-radius:8px; background:#d5d5d5; color:#fff;}
.dialogue .customer_info_list{width:80%; background:#fff;background:#fff; border:1px solid #dedede;-moz-border-radius: 12px;-webkit-border-radius:12px;border-radius: 12px; position:relative}
.dialogue .customer-content{ padding:4%; display:inline-block; float:left;position:relative}
.dialogue .customer-content:after{content:'';width:20px;height:20px;background:#fff; border-color:#dedede transparent transparent #dedede; border-style:solid; border-width:1px;-webkit-transform:rotate(-45deg);position:absolute; top:28px;left:-12px;}
.dialogue .customer-content.push:after{ width:0px; height:0px;}

.dialogue .customer-content .Draw-bt-info p{ width:100%;font-size:30px; line-height:42px;font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu}
.dialogue .customer-content .Draw-bt-info p a{ font-size:30px; color:#0589f2; display:inline-block; float:none;}

.dialogue .customer-w a{ display:block;-moz-border-radius: 12px;-webkit-border-radius:12px;border-radius:12px;float:left;}
.dialogue .customer-w a.Click_bj.btn02{background-color:rgba(0,0,0,0.05);}
.dialogue .customer-content .Draw-bt-info span{ width:100%; padding-top:20px;font-size:28px;border-top:1px solid #ddd; display:block; position:relative;}
.dialogue .customer-content .Draw-bt-info span:after{ content:'';width:15px;height:15px;background:transparent; border-color:transparent #888888 #888888 transparent; border-style:solid; border-width:1px;-webkit-transform:rotate(-45deg);position:absolute; top:28px;right:0px;}

.dialogue .app-customer-tx{ width:110px; height:110px;}
.dialogue .app-customer-tx img{width:80px; height:80px;}
.dialogue .customer-content .Draw-bt-info h4{ width:100%; font:normal 32px/42px Microsoft YaHei, Microsoft JhengHei,STHeiti,MingLiu}
.dialogue .customer-content .Draw-bt-info .img img{margin:25px auto; width:100%;}
.dialogue .customer-content .Draw-bt-info .img p{width:100%;font-size:28px; line-height:36px; margin-bottom:25px; color:#848484}

/*****左角返回****/
.return_index{width:100%;background:#f7f7f7; opacity:0.98; padding:1px 0px; position:fixed;top:0px; z-index:880; height:84px; border-bottom:1px solid #ddd}
.return_link,.return_link2{content:'';border-top:5px solid #aaa8b1; border-left:5px solid #aaa8b1; background:transparent;-webkit-transform: rotate(-45deg);transform:rotate(-45deg);background:transparent; width:20px; height:20px; display:block; position:absolute; font-size:35px; color:#000; margin:28px 25px 0px 36px}
.return_link2{ opacity:0.5}
.return_index h1{ font-size:36px; color:#333; display:block; text-align:center; line-height:83px;}

/*****ios9****/
.msg_seeios9{ z-index:802;position: inherit}
.head_ios9{ width:100%; position:relative; height:150px; text-align:center;}
.head_ios9 img{position:absolute; top:-124px; left:50%; margin-left:-124px;}
.clueinfo{text-align:center;font-size:28px; width:100%; line-height:50px}
.clueinfo font{color:#3990f4; font-size:28px}
.gosetup{width:50%; padding:25px 0px; margin:30px auto 20px auto;z-index:999; background:#3a90f4; border-radius:12px; font-size:32px; display:block; text-align:center; color:#fff}
/*********下载小兵规则********/
.protocols{text-align:center; margin:15px 0px; color:#717171;line-height:36px;}
.protocols span{ color:#9b9b9b; display:inline-block; line-height:36px;}
.protocols .radio{padding-left:40px;background:url(../images/smill_deckicon.png) no-repeat 0px -1204px;}
.protocols .radio.agree{ background-position:0px -1247px;}
.protocols .link{background:none; font-size:22px; padding:0px; margin:0px; display:inline-block; color:#717171; width:auto; border-bottom:1px solid #cdcdcd; border-radius:0px;line-height:30px; vertical-align:text-bottom}
/********指向safari 打开下载小兵********/
.safari_top{ display:none;}
.safari_img{ width:100%; text-align:right;top:0px; right:0px; position:fixed; z-index:810;}
.safari_img img{margin:20px 20px 0px 0px;}

.safariopen{z-index: 900; margin: 0px; padding: 0px; width: 100%; height: 100%; top: 0px; left: 0px;position:fixed; background-color:rgba(0,0,0,0.5);-webkit-tap-highlight-color:transparent;}