*{margin:0;padding:0;}
@import "/static/style/commonality.css"; 
body{
	font-family:"Helvetica","Arial","PingFang SC","Hiragino Sans GB","Source Han Sans CN","sans-serif";
	background: #fff; font-size: 14px;color: #323232;
}
a{text-decoration: none;}
ul li,ol li{list-style:none;text-decoration: none;}
/*input{-webkit-appearance: none;}*/
input,textarea,button{outline:none;border: none;resize:none}
a,button{cursor: pointer;}
table{border-spacing: 0;}
.fl{float: left;}.fr{float: right;}
.red{color: red;font-size: 18px;vertical-align: sub;}

/*新闻中心*/
.news_banner{width: 100%;min-width: 1050px;}
.container{max-width:1500px;min-width: 980px;margin:0 auto;overflow: hidden;padding: 0 35px;}
.crumbs{margin: 25px 0;font-size: 16px;color: #8d8d8d;}
.news{background: url(../images/news_back.png) bottom center no-repeat;background-size: contain;}
.news .word{
	display: grid; /*grid-column-gap: 40px;*/
	display:-ms-grid;/*定义网格布局*/
	margin-top: 25px;border-bottom: 1px dashed #dcdcdc;	padding-bottom: 25px;
}
.news .word img{
	width: 270px;height: 168px;border: 1px solid #969696;color: #515151;margin-right: 40px;
	grid-column: 1 / 2;grid-row: 1 / 2;
	-ms-grid-column:1;/*该属性标示对象元素在网格中处于第几列*/-ms-grid-column-span:1;
    -ms-grid-row:1;/*确定该元素所在行*/-ms-grid-row-span:1;
}
.news .word div{
	grid-column: 2 / 3;	grid-row: 1 / 2;
	-ms-grid-column:2;/*该属性标示对象元素在网格中处于第几列*/-ms-grid-column-span:2;
    -ms-grid-row:1;/*确定该元素所在行*/-ms-grid-row-span:1;
	padding-top: 15px;
}
.news h4{color: #323232;font-size: 20px;font-weight: 100;margin-bottom: 20px;overflow: hidden;}
.news .word p{
	color: #8d8d8d;font-size: 14px; line-height: 21px;
	padding-right: 10px;max-height: 65px;overflow: hidden;
	text-overflow: ellipsis;display: -webkit-box;
	-webkit-line-clamp: 3;-webkit-box-orient: vertical;
}
/*表 小图标*/
.news .word span{
	color: #959595;font-size: 12px;margin-top: 14px;
	position:relative;text-indent: 2.2em;
	display: inline-block;
}
.news .word span:after,.news .word span:before{
	content: "";position: absolute;top: 50%;left: 2px;
	width: 13px;height: 13px;border: 2px solid #959595;margin-top: -10px;
}
.news .word span:before{border-radius: 18px;}
.news .word span::after {
    left: 10px; width: 3px; height: 5px;
    border-width: 0 0 2px 2px;  margin-top: -7px;  background: transparent;
}
.news .word button{
	color: #3078c0;font-size: 14px;line-height: 17px;
	border: 1px solid #3078c0;border-radius: 30px; background:#fff;
	float: right;margin: 7px 10px 0 0; padding: 5px 20px 4px;
}
.news .word button:hover{background: #3078c0;color:#fff;cursor: pointer;}

.news .particulars{margin-bottom: 120px;}
.news .particulars h2,.news .particulars h5{text-align: center;}
.news .particulars h2{font-size: 28px;margin-bottom: 10px;}
.news .particulars h5{font-size: 16px;color: #666;margin-bottom: 30px;}
.news .particulars img{margin: 0 auto;display: block;}
.news .particulars p{font-size: 16px;text-indent: 2em;line-height: 24px;margin: 20px 0;}

/*分页*/
.end{overflow: hidden; margin: 30px 0 70px 0;}
.end span{color: #8d8d8d;font-size: 16px;line-height: 29px;}
.paging a{float: left;font-size: 16px;color: #212121;padding:5px 11px;border-radius: 5px;}
.paging a:hover{cursor: pointer;}
/*当前页*/
.end .this{background: #3078c0;color: #fff;} 
/*用户管理*/
.usersBody{background: #f7f6f6;}
.users_banner{width: 100%;min-width: 1050px;}
.users_left{float: left; width: 19%;}
.users_left .liBody{display: none;}

.detail_left{min-height: 550px;background: #ececec;padding:15px 0 0 0;}
.detail_left .liTitle{padding-left:16px;border-left: 6px solid rgba(255,255,255,0);}
.detail_left li img{margin-right: 10px;vertical-align: middle;}
.detail_left .liBody li{border-left: 6px solid rgba(255,255,255,0);}
.detail_left .present,.detail_left li .present{background: #fff;border-left: 6px solid #46b5fe;}
.detail_left .liTitle a{color: #414040;font-size: 18px;line-height: 55px;margin: 0;vertical-align: middle;}
.detail_left .liBody a{
	color: #878686;font-size: 16px;text-indent: 3em;
	line-height: 42px; width: 100%;height: 100%;
	display: inline-block;position: relative;
}
.iframeUsers{float: right;width: 81%;}

/*基础信息*/
.basic{margin-bottom: 100px;}
.Rhead{
	border-bottom:1px dashed #c5c5c5;
	margin: 30px 50px 0;padding: 10px 20px;
}
.Rhead strong{color: #c4c4c4;font-size: 28px;}
.Rhead span{
	color: #727171;border-left: 1px solid #c3c3c3;
	font-size: 18px;padding-left: 5px;margin-left: 5px;
}
 
.users_left .iframeUsers{min-height: 674px;}
.users_right{width: 720px;margin:50px 0 53px 50px;color: #414040;}
.users_right p{
	font-size: 14px;line-height: 21px;color: #414040;
	padding: 0 7px;border-bottom: 1px solid #eee;line-height: 45px;
}
.users_right strong{width: 180px;display: inline-block;}
.users_right input{
	background: #f8f8f8;border: 1px solid #eee;border-radius: 5px;
	width: 410px;height: 32px;color: #414040;padding:0 10px;
}
.users_right .verificationCode input{width:260px;}
.users_right .verificationCode button{
	background: #5cb85c;color:#fff;border-radius:5px;
	width: 130px; height:34px;margin-left:15px;line-height: normal;
	vertical-align: middle;
}
.users_right .saveSubmit{
	background:#048ae1;color: #fff;border-radius:20px;
	width:165px; height: 40px;margin:auto;margin-top:34px;
	display: block;
}
.users_right .verificationCode .settimeS{cursor: no-drop; background: #A1A1A1;}
.users_right .error{
	background: url(../images/login_icon.png) no-repeat left center;
	background-size: 16px;display: inherit;color:#ff552e;
	font-size: 14px;font-style: inherit;line-height: 21px;
	margin:0 0 5px 195px;text-indent: 18px;
}
.basics strong{width: 220px !important;}
/*企业信息*/
.firm select{
	border-radius: 5px;padding:5px 6px;padding-right: 25px;width: 205px;
	border: 1px solid #eee;color: #414040;line-height: 17px;
	appearance:none;-moz-appearance:none;-webkit-appearance:none;
	background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll 185px center #f8f8f8;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
}
.firm select::-ms-expand {display: none;}
.firm select:nth-of-type(2){margin-left: 18px;}
textarea{
	background: #f8f8f8;color: #414040;border: 1px solid #eee;border-radius: 5px;
	margin: 8px 0px;padding: 5px 10px;font-size: 14px; overflow: auto;
	width: 416px;height: 65px;line-height: 21px;vertical-align: top;
}
/*修改密码*/
.users_right .resetSubmit{
	background:#048ae1;color: #fff;border-radius:20px;
	width:165px; height: 40px;margin:auto;margin-top:34px;
	display: block;
}
.passwd .firmGrade{margin-left: 185px;}

/*密码强度*/
.passwd .cipher {font-size: 14px;color: #414040;margin: 10px 0 5px;padding-left: 202px;}
.passwd #intension {
    clear: both; position: relative; width: 180px; display: inline-block;
}
.passwd .pw-bar {
    background: url(../images/else/pwd-1.png) no-repeat;
    position: relative; top: 1px; height: 14px;overflow: hidden;width: 179px;
}
.passwd .pw-bar-on {
    background: url(../images/else/pwd-2.png) no-repeat;
    width: 0px; height: 14px;
    position: absolute; top: 1px; left: 2px;
    transition: width .5s ease-in;
    -moz-transition: width .5s ease-in;
    -webkit-transition: width .5s ease-in;
    -o-transition: width .5s ease-in;
}
.passwd .first .initial{width:0px;} 
.passwd .first .pw-bar-on {width: 60px;} 
.passwd .second .pw-bar-on {width: 120px;} 
.passwd .third .pw-bar-on {width: 179px;}
/*剩余条数提醒*/
.surplus .surplusS{
	position: relative;display: inline-block;
	margin-top: 15px;margin-right: 20px;
}
.surplus .surplusS span {
    position: relative;z-index: 1; display: block;  cursor: pointer;
    background: #f8f8f8;color: #414040;border: 1px solid #eee;	border-radius: 5px;
	width: 410px;height: 32px;line-height:32px;padding: 0 10px;
}
.surplus .surplusS span::after {
    content: "";  position: absolute; top: 12px; right: 10px;z-index: -2;
    width: 0; height: 0; cursor: pointer;   border: 7px solid #ccc;
}

.surType{padding: 0 7px;font-size: 14px;position: relative;margin-top: 6px;}
.surType strong{vertical-align: top;margin-top: 9px;}
.surType .surplusList{display: none;background: #f8f8f8;width: 525px;padding: 10px;border-radius: 4px;border: 1px solid #2DB2FF;position: absolute;right: 62px; bottom: 45px;}
.surType .surplusList ul{width: 100%;border-bottom: 2px solid #56b4f8;}
.surType .surplusList li{display:inline-block;text-align: center;cursor: pointer;line-height: 34px;width: 80px;}
.surType .surplusT{background: #56b4f8;color: #fff;border-radius: 3px 3px 0 0;}
.surType article{margin: 10px 0;display: none;}
.surType article label{margin: 5px 0;display: inline-block;width: 32%;cursor: pointer;}
.surType article:nth-of-type(1){display: block;}
.surType article:last-child label{width: 49%;}
.surType input[type=checkbox]{width: 23px;height: 13px;}
.sPT{
	background: #f8f8f8;color: #414040;border: 1px solid #eee;border-radius: 5px;
	width: 390px;min-height: 32px;line-height: 32px;padding: 0 30px 0 10px;position: relative;
	display: inline-block;vertical-align: middle;cursor: pointer;
}
.sPT::before{
	border: solid transparent;border-width: 6px;border-top-color: #4a4a4a;
	content: ' ';position: absolute;top: 14px;right: 10px;
}
.sPT a{line-height: 31px;display: inline-block;padding: 0 5px;}
.check_hint{
	display: inline-block;width: 120px;margin-left: 10px;
	position: absolute;top: 8px;color: #ff552e;text-indent: 18px;
	background: url(../images/login_icon.png) no-repeat left bottom;
	background-size: 15px; 
}
.surOpen .surplusList{display: block;}
.surOpen .sPT{border: 1px solid #2DB2FF;box-shadow: 0 0 3px #3f7ed2;margin-bottom: 8px;}

/*重置key*/
.users_right .text{color: #31a5fe;font-size: 16px;border: none;margin-bottom: 30px;line-height: 34px;}
.users_right input[type="text"]:disabled{cursor: no-drop;}

/*服务管理*/
.serviceList{margin: 30px 60px;color: #5c5c5c;text-align: right;}
.serviceList p{text-align: left;margin-bottom: 10px;font-size: 16px;}
.serviceList p img{margin: 0 5px;vertical-align: middle;}
.serviceList table{
	font-size: 14px;width: 100%;background: #fff;
	border: 1px solid #e5e5e5;border-radius: 5px;
	border-collapse: separate;text-align: center;
}
.serviceList tr{height: 45px;}
.serviceList tbody tr:nth-child(odd){background: #f8f8f8;}
.serviceList th{background: #f8f8f8;}
.serviceList td{border-bottom: 1px solid #dcdcdc;}
.serviceList button{
	background:#fb761e;color: #fff;border-radius:20px;
	width:149px; height: 37px;margin-top: 30px;
}
/*
子账户管理
 */
.subaccount{margin: 30px 60px;color: #5c5c5c;text-align: right;}
.subaccount p{text-align: left;margin-bottom: 10px;font-size: 16px;}
.subaccount p img{margin: 0 5px;vertical-align: middle;}
.subaccount table{
	font-size: 14px;width: 100%;background: #fff;
	border: 1px solid #e5e5e5;border-radius: 5px;
	border-collapse: separate;text-align: center;
}
.subaccount tr{height: 45px;}
.subaccount tbody tr:nth-child(odd){background: #f8f8f8;}
.subaccount th{background: #f8f8f8;}
.subaccount td{border-bottom: 1px solid #dcdcdc;}
.subaccount button{
	background:#fb761e;color: #fff;border-radius:20px;
	width:149px; height: 37px;margin-top: 30px;
}



/*调用明细*/
.callDetail{color: #414040;}
.callDetail form{margin: 30px 0 53px 50px;}
.callDetail .text{color: #31a5fe;font-size: 16px;border: none;margin-bottom: 30px;line-height: 34px;}
.callDetail label{margin-right: 20px;}
.callDetail input{width: 200px;height: 30px;padding: 0 50px 0 15px;color: #414040;cursor: pointer;}
.callDetail .laydate-icon {
	border: 1px solid #eee; 
	background: url(../images/else/personalCenter06.png) no-repeat #f8f8f8;
	background-position: right center;
}
.callDetail button{width: 150px;height: 35px;background: #048ae1;color: #fff;border-radius: 8px;}

/*我的订单*/
.userForm{margin: 30px 70px;color: #414040;}
.userForm .end{margin-bottom: 20px;}
.userForm table{
	font-size: 14px;width: 100%;background: #fff;
	border: 1px solid #e5e5e5;border-radius: 5px;
	border-collapse: separate;text-align: center;
	margin-bottom: 20px;
}
.userForm table tr{height: 45px;}
.userForm table th{background: #f8f8f8;}
.userForm table td {
    color: #494747; border-right: 1px solid #e5e5e5; padding: 10px 0;
}
.userForm table th:first-child{width: 55%;}
.userForm table th:nth-of-type(2){width: 20%;}
.userForm table th:first-child, .userForm table td:first-child {
    padding-left: 15px; text-align: left;
}
.userForm table td:first-child{width: 38%;}

.userForm table th:last-child {text-align: right; padding-right: 20px;}
.userForm th img{cursor: pointer;}
.userForm th span{margin-left: 55px;}
.userForm td span{display: block;line-height: 21px;}
.userForm td button {
    color: #fff;border-radius: 6px;padding: 8px 10px;
    /*width: 99px; height: 36px;*/text-indent: 1.5em;
    background: url("../images/else/personalCenter09.png") no-repeat #048ae1 10px center;
    background-size: 14px;margin: 0 5px;
}
.userForm .end{margin: 0 0 15px 0;}
.userForm .paging .num{overflow: hidden;height: 27px;max-width: 225px;}
.userForm #number p{width: 700px;float: left;transition: all 600ms ease 0s;transform: translateX(0px);}

.userForm #number a{
	width: 18px;height: 27px;line-height: 27px;
	display: inline-block;text-align: center;
	padding: 0;margin-right: 10px;
}
.userForm .paging .ban {opacity: .4;}
.userForm .paging a {
    float: left; font-size: 14px;  color: #212121;  padding: 3px 11px;
	border-radius: 5px;	position: relative;line-height: 22px;
}
.userForm .this{background: #fff;color: red;}
.userForm .this::after {
    content: "";
    border-bottom: 1px solid #000; width: 16px;text-decoration: underline;
    position: absolute;bottom: 0px; left: 2px;
}

/*个人中心——发票*/
.userInvoice{margin: 30px 70px;color: #414040;}
.userInvoice header{margin-bottom: 10px;}
.userInvoice header select{
	width: 60px;height: 25px;border-radius: 5px;border: 1px solid #e5e5e5;
	appearance: none;-moz-appearance: none;-webkit-appearance: none;
	background: url(../images/triangle_E.png) no-repeat 42px center #fff;
	background-size: 8px;padding-left: 10px;
}
.userInvoice table{
	font-size: 14px;width: 100%;background: #fff;
	border: 1px solid #e5e5e5;border-radius: 5px;
	border-collapse: separate;text-align: center;
}
.userInvoice tr{height: 45px;}
.userInvoice tbody tr:nth-child(2n){background: #f8f8f8;}
.userInvoice th{background: #f8f8f8;}
.userInvoice td{border-left: 1px solid #e5e5e5;}
.userInvoice td:first-child{border-left: none;}
.userInvoice .sendOff{color: #55b20a !important;}
.userInvoice .NoI{color: #999;}

.userInvoice .end{margin: 20px 0 0 0;}
.userInvoice .paging .num{overflow: hidden;height: 32px;max-width: 225px;}
.userInvoice #number p{width: 700px;float: left;transition: all 600ms ease 0s;transform: translateX(0px);}

.userForm .paging input,.userInvoice .paging input,#jumpWhere{
	float: left;margin: 4px 0;text-align: center;
	width: 39px;height: 20px;color: #212121;
	border-radius: 4px;border: 1px solid #8d8d8d;
}
.userInvoice #number a{
	width: 20px;height: 31px;line-height: 31px;padding: 0;margin-right: 10px;
	display: inline-block;text-align: center;
}
.userInvoice .paging .ban {opacity: .4;}
.userInvoice .paging a {
    float: left;  font-size: 14px;  color: #212121;line-height:30px;
    padding:0 11px;	border-radius: 5px;	position: relative;
}
.userInvoice .this{background: #fff;color: red;}
.userInvoice .this::after {
    text-decoration: underline;  content: ""; border-bottom: 1px solid #000;
    width: 16px;  bottom: 0px;  left: 2px;  position: absolute;
}

/*个人中心*/
.contactB{width: 100%;min-width: 1050px;}

.contact_first{min-width: 1050px;margin: auto;height: 290px;}
.contact_first .borderBack{
	width: 1112px; height: 67px;border: 4px solid #7ecbf1;
	margin:95px auto;position:relative;
}
.contact_first h3{
	position: absolute;top: -21px;left: 50%;
	width: 202px;height:42px;margin-left: -101px;
	background: #fff;text-align: center;font-weight: 100;
	font-size: 28px;color: #212121;line-height: 43px;
}
.borderW{
	position: absolute;top: 52px;left: 50%;
	width: 854px;margin-left: -462px;padding: 0 35px;
	background: #fff;color: #717171;
	font-size: 16px;line-height: 27px;
}
.borderW p{text-indent: 2em;margin-bottom: 5px;}
/*贰*/
.contact_thirds{min-width: 1050px;}
.contact_section,.contact_third,.contactFo{
	max-width: 1450px;margin: auto;
	overflow: hidden;margin-bottom: 50px;
} 
.contact_section img{float: left; width: 48.3%;}
.contact_section article{float: left;margin-left: 120px;}
.contact_section h3,.contact_third h3,
.contactFo h3{color: #36324a;font-size: 36px;font-weight: 100;}

.contact_section h3{margin: 40px 0;}
.contact_section p:nth-of-type(1){
	color: #727273;font-size: 14px;	line-height: 25px;
}
.contact_section h5,.contact_third h5{
	color: #36324a;font-size: 16px;
	font-weight: 100;margin:50px 0 18px;
}
.contact_section p:nth-of-type(2){color: #727273;font-size: 16px;}
.contact_section a,.contact_third a{color: #0273c9;font-size: 16px;margin-left: 15px;}

/*叁*/
.contact_third article{float: left;padding: 0 7%;width: 36%;}
.contact_third h3{margin: 80px 0 50px;}
.contact_third article p{
	color: #727273;font-size: 14px;text-indent: 2em;
	margin-bottom: 15px;line-height: 21px;	
}
.contact_third article p:last-child{color: #727273;font-size: 16px;text-indent: 0em;}
.versions{
	float: right;width: 50%;height: 580px;
	background:url(../images/else/public.png) no-repeat 460px;
	background-size: contain;
}
.versions div{
	position: relative;width: 510px;height: 395px;
	background:url(../images/else/computer.png) no-repeat;
	background-size: contain;
	margin-top: 94px;margin-left: 90px;color: #404040;
}
.versions h6{
	position: absolute;left: 70px;top: 45px;
	font-weight: initial;font-size: 16px;
}
.versions p{
	position: absolute;left: 70px;top: 75px;
	font-size: 14px;line-height: 20px;
}
/*肆*/
.contact_fourth{min-width: 1050px;}
.contactFo{margin: 40px auto;}
.contactFo article{width: 33%;float: left;padding:0 7%;}
.contactFo h3{margin: 150px 0 10px;}
.contactFo strong{
	color: #1272c3;	font-size: 110px;height: 100px;margin-left: -5px;
	display: inline-block;overflow:hidden;font-family: "Helvetica";
}
.contactFo article p{
	color: #727273;font-size: 15px;text-indent: 2em;
	margin-bottom: 15px;line-height: 30px;
}
.contactFo .example{width: 53%;float: left;position: relative;min-height: 575px;}
.contactFo .example img{position: absolute;}
.contactFo .android{width: 90px;height: 89px;top: 220px;left: 56%;}
.contactFo .c{width: 83px;height: 83px;top: 85px;left: 41.5%;}
.contactFo .cplus{width: 97px;height: 97px;top: 290px;left: 33.5%;}
.contactFo .html{width: 144px;height: 144px;top: 267px;left: 3%;}
.contactFo .ios{width: 87px;height: 87px;top: 90px;left: 73%;}
.contactFo .java{width: 100px;height: 100px;top: 109px;left: 21.3%;}
.contactFo .PHP{width: 90px;height: 90px;top: 410px;left: 53.4%;}
.contactFo .python{width: 99px;height: 99px;top: 479px;left: 23.8%;}
.contactFo .wechat{width: 89px;height: 89px;top: 260px;left: 84.5%;}
.contactFo .circle1{width: 47px;height: 47px;top: 14px;left: 58%;}
.contactFo .circle2{width: 52px;height: 52px;top: 485px;left: 77%;}
/*五*/
#map{width:100%; height:500px; margin:0 auto;min-width: 1050px;}
#allmap{width: 100%; height: 503px;}
#allmap p{color: #383838;font-size: 14px;line-height: 21px;}
#allmap .name{color: #bf0008;font-size: 16px;margin-bottom: 8px;}

/*API*/
.API_main{
	padding:85px 0 30px;margin: auto;height: 100%;
	color: #333;overflow: hidden;max-width: 1500px;
}
.API_main a{
	width: 100%;height: 100%;display: inline-block;
	text-indent: 3em;position:relative;color: #333;
}
.API_main aside{
	width:284px;/*height: 100%;min-height: 800px;*/
	background:#ececec;float: left;
}
.API_main label{
	position: relative;display: inline-block;margin: 25px 0 25px 20px;
}
.API_main input{
	width:179px;height:35px;
	border-radius:40px;color: #777879;padding: 0 32px 0 14px;
}
.API_main label img{position: absolute;right: 10px;top: 8px;width: 18px;}
.API_main ul{
	border-top:1px solid #fff;border-bottom: 1px solid #d2d2d2;
	padding:15px 0; 
}
.API_main aside h3{font-size: 16px;line-height: 32px;padding-left:26px;}
.API_main li{font-size: 14px;line-height: 32px;}
.API_main li a:after{
	content: "";background: #333;width: 6px; height: 6px;
	position: absolute;left: 26px;top: 13px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.API_main .download{
	background: url(../images/else/downloadb.png) no-repeat 185px center;
	background-size: 22px;
}
.API_main li:not(.Nhover):hover{background: #458fff;}
.API_main li:not(.Nhover):hover a{color: #fff;}
.API_main li:not(.Nhover):hover a:after{background: #fff;}
.API_main li:not(.Nhover):hover .download{
	background: url(../images/else/downloadw.png) no-repeat 185px center;
	background-size: 22px;
}
.API_main aside div{padding:15px 0 15px 26px; }
.API_main aside div h3{padding-left: 0;}
.API_main aside p{line-height: 30px;}

.API_details{
	float: left;min-height: 768px;border: 1px solid #ececec;
	padding: 0 60px 30px;color: #333;/*width: 1090px;*/
}
.API_details h3{padding: 30px 0 20px;font-size: 21px;border-bottom: none;}
.API_details h4{
	padding: 30px 0 15px;font-size: 18px;
	border-bottom: 1px solid #ececec;margin-bottom: 20px;
}
.API_details h5{
	font-size: 14px;line-height: 40px;border-radius: 8px;
	background: #579dff;color: #fff;padding: 0px 15px;
}
.API_details p{
	border-radius: 8px;margin: 20px 15px;
	font-size: 14px;line-height: 26px;
}
.API_details strong{margin-bottom: 10px;display: inline-block;}

.API_details table{border: 1px solid #CCC;width: 100%;}
.API_details th{padding:6px;background: #ececec;}
.API_details td{
	border-top: 1px solid #CCC; border-right: 1px solid #CCC;
	font-size: 14px;height: 35px;padding: 0px 8px;
}
.API_details th:first-child{border-right: 1px solid #CCC; }
.API_details td:last-child{border-right: none;text-align: center;}
.API_details td em{color: #C00;font-style: normal;}
.API_details .section td:first-child{width:35%;text-align: center;}
.API_hint {color: red;}
.API_details img{width: 671px;margin: 0 15px;}
.API_details pre{
	margin: 15px 20px;padding: 2px 10px;border: 1px solid #d5d5d5;
	overflow: auto;/*2019.12.24*/
}

/*调用说明*/
.API_invoked table{border-top: none;width: 97%; margin: 0 15px;}
.API_invoked h5{margin-top: 20px;}
.API_invoked h6{font-size: 16px;margin-bottom: 20px;}
.API_invoked h6:nth-of-type(2){margin: 20px 0 0;}
/*附录二*/
.appendix2 h5{padding: 0px 10px;margin: 20px 0px;}
.appendix2 table{margin-top: 20px;}
.appendix2 h6{font-size: 16px; margin: 20px 0 0;}
    
/*示例*/
.API_result .hint,.API_invoked .hint{
	border: 1px #a2a1a1 dashed; padding: 10px;  margin: 20px 10px;
}
.API_result h6{font-size: 16px;}
.API_result h6:nth-of-type(2){margin-bottom: 20px;}
/*高亮*/.highlight{ background-color: yellow;}
#iframeAPI{min-height: 800px;width: 1215px;}
.iframeUser{min-height: 800px;width: 1200px;}
/*协议声明*/
.protocol strong{margin-bottom: 0px;}
	
/*个人中心2*/
.crumbs {margin: 25px 0;font-size: 16px; color: #8d8d8d;}
.users_basic aside a{
	width: 100%; height: 100%; display: inline-block;
    position: relative; color: #333;text-indent: 3em;
}
.users_basic aside{
	width: 284px; height: 100%; min-height: 800px;
    background: #ececec; float: left;
}
.users_basic{
	padding:0 0 30px;margin: auto;height: 100%;
	color: #333;overflow: hidden;max-width: 1500px;
}
.users_basic label{
	position: relative;display: inline-block;margin: 25px 0 25px 20px;
}
.users_basic input{
	width:179px;height:35px;
	border-radius:40px;color: #777879;padding: 0 32px 0 14px;
}
.users_basic label img{position: absolute;right: 10px;top: 8px;width: 18px;}
.users_basic ul{
	border-bottom: 1px solid #d2d2d2;padding:15px 0; 
}
.users_basic ul:nth-of-type(1){border-top:1px solid #fff;}
.users_basic ul:last-child{border:none;}
.users_basic aside h3{font-size: 16px;line-height: 32px;padding-left:26px;}
.users_basic li{font-size: 14px;line-height: 32px;}

.users_basic li a:after{
	content: "";background: #333;width: 6px; height: 6px;
	position: absolute;left: 26px;top: 13px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.users_basic .download{
	background: url(../images/else/downloadb.png) no-repeat 185px center;
	background-size: 22px;
}
.users_basic li:not(.Nhover):hover{background: #458fff;}
.users_basic li:not(.Nhover):hover a{color: #fff;}
.users_basic li:not(.Nhover):hover a:after{background: #fff;}
.users_basic li:not(.Nhover):hover .download{
	background: url(../images/else/downloadw.png) no-repeat 185px center;
	background-size: 22px;
}

.users_basic aside div{padding:15px 0 15px 26px; }
.users_basic aside div h3{padding-left: 0;}
.users_basic aside p{line-height: 30px;}

.iframeUser{border: 1px solid #ececec;}
.Uusers{float: left;min-height: 800px;padding: 0 60px 30px;color: #333;}
.Uusers p{
	border-radius: 8px;margin: 20px 15px;
	font-size: 14px;line-height: 26px;
}
.Uusers strong{margin-bottom: 10px;display: inline-block;}
.Uusers table{border: 1px solid #CCC;width: 100%;}
.Uusers th{padding:6px;background: #ececec;}
.Uusers td{
	border-top: 1px solid #CCC; border-right: 1px solid #CCC;
	font-size: 14px;height: 35px;padding: 0px 8px;
}
.Uusers th:first-child{border-right: 1px solid #CCC; }
.Uusers td:last-child{border-right: none;text-align: center;}
.Uusers td em{color: #C00;font-style: normal;}
.Uusers .section td:first-child{width:35%;text-align: center;}
.Uusers img{width: 671px;margin: 0 15px;}
.Uusers pre{margin: 15px 20px;padding: 2px 10px;border: 1px solid #d5d5d5;}

/*剩余条数*/
.users_remind h4 {
    font-size: 20px;  margin: 30px 0 15px 0; font-weight: inherit;
}
.users_remind{margin:0 0 25px 50px;width: 840px;}
.users_remind table{border: 1px solid #a8c0de;width: 100%;min-height: 90px;overflow:hidden;display: block;border-radius: 5px 5px 0 0;border-bottom: none;}
.users_remind table tbody{width: 100%;display: inline-table;}
.users_remind table tr{background: #fff;}
.users_remind table tr:nth-child(2n+1) {background: #ddf1fd;}
.users_remind table tr:first-child{background: #31a5fe;border-radius: 5px 5px 0 0;}
.users_remind table tr:first-child th{color: #fff}
.users_remind table th,.uc_main .remind table td{font-size: 14px;color: #333;}
.users_remind table th{padding: 10px 20px;text-align: left;}
.users_remind table td{padding: 3px 20px 3px;}
.users_remind table th:last-child{text-align: center;}
#more {
    text-decoration: none;font-size: 16px;line-height: 30px;
    background: #31a5fe;color:#fff;	width: 100%;
	display: block;	text-align: center;
	border-top: none; border-radius: 0 0 8px 8px;
}
#more span { display: inline-block; vertical-align: sub;}
/*开关*/
.onoffswitch {position: relative;width: 83px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.onoffswitch-checkbox { display: none; }
.onoffswitch-label {display: block;overflow: hidden;cursor: pointer;border-radius: 20px;}
.onoffswitch-inner {display: block;width: 200%;margin-left: -100%;transition: margin 0.3s ease-in 0s;}
.onoffswitch-inner:before,.onoffswitch-inner:after {display: block;float: left;width: 50%;height: 30px;padding: 0;line-height: 30px;color: white;font-weight: bold;box-sizing: border-box;}
.onoffswitch-inner:before {content: "ON";padding-left: 13px;background-color: #f1ad0a;box-shadow: 0px 0px 10px rgba(211,139,1,1) inset;color: #FFF;}
.onoffswitch-inner:after {content: "OFF";padding-right: 13px;background-color: #979797;box-shadow: 0px 0px 10px rgba(141,141,141,1) inset;color: #FAFAFA;text-align: right;}
.onoffswitch-switch {display: block;width: 21px;margin: 4.5px;background: #FFF;position: absolute;  top: 0;bottom: 0;right: 49px;border-radius: 20px;transition: all 0.3s ease-in 0s;height: 21px;}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {margin-left: 0;}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {right: 0px;}

/*剩余条数*/
.basics,.firm,.passwd,.key,.users_remind,.surplus {/*padding-left: 100px;*/margin: auto;margin-top: 50px}
.callDetail form{padding-left: 100px;}

@media screen and (max-width:1650px){
	.API_main,.users_basic{width: 1400px;}
	.container{max-width: 1400px;}
	.contact_section,.contact_third,.contactFo{width: 1340px;}
	#iframeAPI{width: 1115px;}
	.iframeUser{width: 1110px;}
	/* .API_details{width:992px;} */
}
@media screen and (max-width:1500px){
	.news .container{max-width: 1270px;}
	.contact_third,.contactFo{width: 1340px;}
	.contact_section{width: 1270px;}
	.versions {
	    background: url(../images/else/public.png) no-repeat right;
	    background-size: contain;
	}
	/*.margin-bottom: 40px; {margin-bottom: 40px;}*/
	.versions div {margin-left: 40px;}
	.API_main,.users_basic{width: 1275px;}
	#iframeAPI{width: 990px;}
	.iframeUser{width: 986px;}
	/* .API_details{width:866px;} */
}
@media screen and (max-width:1400px){
	.contact_section{width: 1120px;}
	.contactFo{width: 1290px;}
	.contactFo article {width: 36%; padding: 0px 5%;}
	.contactFo .html { width: 120px;height: 124px;}
	.contactFo .circle2 {  width: 42px;height: 42px;}
	.contactFo .circle1 { width: 37px;  height: 37px;}
	.borderW { font-size: 14px;}
	.contact_first .borderBack { width: 1035px;}
	.contact_third, .contactFo { width: 1120px;}
	.contact_third article { padding: 0; width: 45%;}
	.contactFo article {  padding: 0;}
	.contactFo .example { width: 61%; float: right;transform:scale(0.9);}
	
	.API_main, .users_basic {width: 1160px;}
	.API_main aside,.users_basic aside { width: 250px;}
	.API_main input,.users_basic input { width: 160px;} 
	.news .container{max-width: 1160px;}
	#iframeAPI{width: 910px;}
	.iframeUser{width: 906px;}
	
}
@media screen and (max-width:1350px){
	.users_left,.developer_left {width: 20%;}
	.iframeUsers {width: 80%;}
	.developer_right {margin: 19px 80px 53px 80px;}
	.contact_third{width: 1230px;}/*个人中心*/
	.contact_third article {float: left; padding: 0 5%; width: 40%;}
	
	.contactFo .example{
		transform:scale(0.9);
    	-webkit-transform:scale(0.9); 
    	-moz-transform:scale(0.9);   
	}
	.container{max-width: 1200px;}
}

@media screen and (max-width:1320px){
	.contact_first .borderBack { width: 1080px;}
	.contact_third, .contactFo { width: 1200px;}
	/* .API_details{width:683px;} */
}
@media screen and (max-width:1230px){
	.contact_first .borderBack {width: 1030px;}
	.contact_third, .contactFo {width: 1140px;}
	.contact_section { width: 1105px;}
	.API_main, .users_basic {width: 1055px;}
	.Rhead{margin: 30px 30px 0;}
	.users_right strong {  width: 135px; } 
	.news .container{max-width: 1050px;}
	.contact_thirds .versions div{
		margin-left: 0px;
		transform:scale(0.9);
        -webkit-transform:scale(0.9);  /*兼容-webkit-引擎浏览器*/
        -moz-transform:scale(0.9);     /*兼容-moz-引擎浏览器*/
	}
	.versions {width: 46%;}
	#iframeAPI{width: 805px;}
	.iframeUser{width: 800px;}
}
@media screen and (max-width:1120px){
	.contact_first .borderBack {width: 950px;}
	.borderW {width: 800px;margin-left: -435px;}
	.contact_third, .contactFo {width: 960px;}
	.news .container{max-width: 1020px;}
	.contact_third article { padding: 0;}
	.versions {width: 54%;}
	.contact_section article { margin-left: 70px;}
	.contactFo .example { width: 64%;}
	.contact_section { width: 1050px;}
	.API_main, .users_basic {width: 1025px;}
	/*剩余条数*/
	.users_remind { width: 730px;}
	.API_details img { width: 600px;}
	.contact_thirds .versions div{
		margin-left: 0px;
		transform:scale(0.85);
        -webkit-transform:scale(0.85); 
        -moz-transform:scale(0.85);    
	}
	.contact_third article {width: 43%;}
	#iframeAPI{width: 775px;}
	.iframeUser{width: 770px;}
	/* .API_details{padding: 0 40px 30px;} */
}

@media screen and (max-width:1080px){
	.API_main, .users_basic {width: 990px;margin-left: 33px;}	
	.news .container { max-width: 985px;}
	#iframeAPI{width: 740px;}
	.iframeUser{width: 735px;}
	/* .API_details{width:658px;} */
}

@media screen and (max-width:910px){
	.basics,.firm,.passwd,.key,.users_remind,.surplus { padding-left: 50px;}
	.callDetail form{padding-left: 50px;}
	.userForm {margin: 30px 50px;}
}
@media screen and (max-width:805px){
	.basics,.firm,.passwd,.key { padding-left: 0px;}
	.callDetail form{padding-left: 0px;}
	.userForm table td:last-child { width: 28%;}
	/*剩余条数*/
	.users_remind,.surplus {padding-left:0px;}
	.users_remind { width: 680px;}
}
@media screen and (max-width:745px){
	/*剩余条数*/
	.users_remind { width: 650px;}
	.userForm td button {padding: 8px 6px;margin: 0 3px;}
}


/*IE*/
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){
	.surType .surplusList li{margin-bottom:-2px;}
	input::-ms-clear{display:none;} /*去掉Ie触发焦点时,x按钮*/
	.news .word a{padding: 9px 20px 4px;}
}

td[data-field='6'] .layui-icon-right:before {
	content: "添加产品";font-size: 14px;background: #218aef;color: #fff;
	padding: 4px 8px;border-radius: 4px;
}

.layui-table-view .layui-table {
	width: 100% !important;
}
/*20230921*/
.listTime{margin-left: -10px;}
.listTime input{ width: calc(100% - 45px); background: #f2f2f2;    border: 1px solid #999;}
.listTime button{height: 100%;  padding: 0 8px;  background: #048ae1;  color: #fff;  border-radius: 3px;}

.contactFi{background: url(../images/mapImg.jpg) no-repeat center center;background-size: cover;position: relative;}
.contactFi .information{
	background: #fff; box-shadow: 0 0 12px 6px rgba(176,176,180,.3); border-radius: 10px; width: max-content;
	position: absolute; top: 110px; left: 50%; transform: translate(-50%); display: grid; grid-template-columns: 180px 1fr;
}
.contactFi .messageBox{width: 100%; height: 100%; background: #0888d2; text-align: center; position: relative; border-radius: 10px 0 0 10px;}
.contactFi .messageBox img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.contactFi .wordBox{padding: 24px 16px;}
.contactFi .wordBox strong{font-size: 24px;margin-bottom: 10px;font-family: -apple-system;display: block;}
.contactFi .wordBox strong,.contactFi .wordBox a{color: #0562c7;}
.contactFi .wordBox p{font-size: 16px;}