@charset "utf-8";
/* CSS Document */

/*	 page reset	*/
html,body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol{margin:0;padding:0}
img{vertical-align:middle;border:0 none}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal;text-indent:0}
body{overflow-x:hidden;width:100%; position: relative;}
body,input,button{line-height:1.5;font:normal 12px '\5FAE\8F6F\96C5\9ED1',Arial,'\5B8B\4F53',sans-serif;outline:0}
button{cursor:pointer}a{text-decoration:none;color:#333}
a:focus{outline:0}
.clearfix{*zoom:1;}
.clearfix:after{ content:''; display:block; height:0; overflow:hiddenl; clear:both}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0)}
input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;
	border: none;
}

/*	 function	*/
.left{ float:left;}
.none{ display:none}
.right{ float:right}
.bodyBg{ background:#f3f3f3;}
.bodyBgW{ background:#fff}
.boderShdow{border-top:1px solid #ddd; box-shadow:1px 1px 1px #ddd;}
.borderBottom{ border-bottom:1px solid #ddd;}
.font16{ font-size:16px}
.ML10{ margin-left:10px}
.none{ display:none;}
.ML5{ margin-left:5px}
.w4{ width:4%}
.w96{ width:96%}
.Hide{overflow: hidden;text-overflow:ellipsis;white-space:nowrap; word-wrap:normal;}

/*   top    */
.top{ width:100%; background:#ff7800; min-height:40px; height:44px;}
.top img{ width:85px; height:23px; min-width:85px; margin:8px 5%}
.top_base{ padding:0 1.6666667em; box-sizing:border-box; text-align:center}
.top_title{ margin:0 100px; line-height:40px; color:#fff; font-size:17px;}
.top_base .img_return,.top_base .img_home{ width:22px; height:100%; background:url(../img/icon/return@3x.png) no-repeat center center; background-size:contain}
.top_base .img_home{ background:url(../img/icon/home@3x.png) no-repeat center center;background-size:contain}



/*   login   */
.main .head_photo{overflow:hidden;}
.main .head_meassage{ font-size:12px; line-height:30px;}
.main .head_meassage span{ display:block;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}


/*	 color		*/
.oRange{ color:#ff7800 !important}
.oBlue{ color:#177ce3;}
.oRred{ color:#ff0000;}
.oWhite{ color:#fff}
.disabled-tel{ background:#eee; border:1px solid #ddd; color:#999 !important;}


/*   btn	*/
.btn_a{ font-size:14px;}
.rous{ background:#fef1e4;}
.orange_btn{ background:#ff7800;}
.blue_btn{ background:#48c9b0;}
.gray_btn{ background:#eeeeee; color:#666}
.style_btn{ display:block; color:#fff; text-align:center; width:12.85em; height:2.42em; line-height:2.42em; display:block; border-radius:4px;}
.bottomBt{ padding:1.875em 0.875em 0}
.style_btnB{ display:block; border-radius:3px; width:100%; height:3.125em; line-height:3.125em; color:#fff; text-align:center; font-size:12px;}
.suimitBtn{ border:none}
.subFrom{background:#ff7800;  color:#fff; border:1px solid #ff7800 }
.inputblue{ background:#48c9b0; color:#fff; border:1px solid #48c9b0}
.inputGray{ background:#eee; color:#ccc; border:1px solid #eee}
.subDisable{ background:#ddd; color:#999; border:1px solid #ccc}
.tel-wap-sub{ width:10em; height:2.883em; line-height: 2.883em; border-radius:3px; }

/*	 bottom	 */
.common_b{ font-size:12px; padding:0 1.25em; margin-top:4.16em}
.common_b .line{ display:box; display:-moz-box; display:-webkit-box; margin-bottom:0.83333em;}
.common_b .line span{ display:block;}
.common_b .line .span_title{ padding:0 0.83em; color:#ff7800;}
.common_b .line span:nth-of-type(1){ -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1;}
.common_b .line span:nth-of-type(3){ -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1;}
.common_b .line .process_line{ height:1px; background:#ddd; margin-top:8px;}
.common_b p{ line-height:1.66666em; margin-top:3px; color:#333; margin-bottom:10px;}


/*	personPage	*/
.main_base{ padding:10px 0 48px;}


/*		setPW		*/
.top_base{ position:relative;}
.top_base .img_return{ position:absolute; left:10px; top:0}
.top_base .top_title{ margin:0}
.setfrom{ margin-top:10px;}
.concentSet{padding:0 1.25em; background:#fff}
.newPsW{ height:3.125em; line-height:3.125em; width:30%; font-size:16px}
.setfrom form div .txt_form{height:3.125em; line-height:3.125em; border:none; width:70%; font-size:16px; padding:0}
.setfrom form div .txt_formSm{ width:50% !important;}
.setfrom form div .txt_form::-webkit-input-placeholder {
	font-size:14px;
}
.setfrom form div .txt_form::-ms-input-placeholder {
	font-size:14px;
}
.setfrom form div .txt_form::-moz-input-placeholder {
	font-size:14px;
}


/*    validate   */
/*#mesage,#message{ height:1.875em; line-height:1.875em; text-align:center; font-size:12px;} */
.Validform_wrong{ color:#F00}
.Validform_right{ color:#f3f3f3;}
.newUl-list{ margin-top: 30px;}
.newUl-list span{ display: block; margin-bottom: 14px; font-size: 14px; color: #999}
.newUl-list ul li{ margin-bottom: 8px; color: #ccc; list-style: inside; }


/*	  login		*/
.wap-main{ padding:3.33em 15px 3.33em; }
.inputText{ font-size:14px; border:1px solid #999; border-radius:4px; padding:5px; box-sizing:border-box;}
.input270{ width:100%; height:2.5em; line-height:normal;}
.inputSub{ font-size:14px; width:100%; height:2.5em; line-height:2.5em; display: inline-block; text-align:center; border-radius:4px;}
.error-message{ width:100%; text-align:center; background:rgba(0,0,0,0.5); color:#fff; height:2.91em; line-height:2.91em; border-radius:10px; margin-top:2.5em; position:relative; z-index:999; opacity:0; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s;}
.wap-layout h2{ font-size:14px; color:#999; margin-bottom:2.14em; text-align:left}


inputText::-webkit-input-placeholder { /* WebKit browsers */
	color:#ccc;
	font-size:14px;
}
inputText:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:#ccc;
	font-size:14px;
}
inputText::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#ccc;
	font-size:14px;
}
inputText:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:#ccc;
	font-size:14px;
}


/*   footer  */
.footer{ color:#999; font-size:14px; text-align:center; margin-top:30px;}

/*	 newTop	*/
.h-top{ background:#ff7800; height:45px; line-height:45px; position:relative;}
.h-top .logo-btn,.h-top .search-btn,.h-top  .return{ position:absolute;}
.h-top .logo-btn{width:80px; left:15px; top:8px;}
.h-top  .return{ width:80px; left:15px; top:13.5px;}
.h-top .logo-btn a.logo{ background:url(../img/logo.png) no-repeat left center; width:42px; height:23px; background-size:contain; display:block;}
.h-top  .return .a-return{ background:url(../img/icon-return.png) no-repeat left center; width:18px; height:18px; display:block; background-size:contain}
.h-top .title{ margin:0 80px; text-align:center; color:#fff; font-size:16px;}
.h-top .search-btn{ width:80px; right:0; top:14px;}
.h-top .search-btn a{ width:18px; height:18px; display:block; float:left;margin-left:15px; background-repeat:no-repeat; background-position:left center;background-size:contain;}
.h-top .search-btn a.search{ background-image:url(../img/search.png);}
.h-top .search-btn a.kf{ background-image:url(../img/kf.png);}

.h-top .search-btn .myphoto{ border-radius:9999px; overflow:hidden}
.h-top .search-btn .myphoto img{ width:100%; display:block;}

/*	 process	*/
.process-main{ height:54px; border-bottom:1px solid #ddd; background:#f3f3f3; padding:15px 15px 0; display: -moz-box; display: -webkit-box; display: box; }
.process-line{ -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; height:2px; background:#ddd; margin-top:12px;}
.process-state{ background: url(../img/1_o.png) no-repeat;position: relative; background-size:contain;width: 25px;height: 25px; margin:0 auto 5px;}
.process-list{ width:75px; text-align:center;}
.perocess-txt{white-space: nowrap;display: block;font-size: 12px;color: #bbb;}
.process-st01{ background:url(../img/done.png) no-repeat;background-size:contain;}
.process-st02{ background:url(../img/2_gray.png) no-repeat;background-size:contain;}
.process-st03{ background:url(../img/3_gray.png) no-repeat;background-size:contain;}
.greenLine{background:#44b549;}
.process-active .process-st01{background:url(../img/1_o.png) no-repeat;background-size:contain;}
.process-active .process-st02{background:url(../img/2_o.png) no-repeat;background-size:contain;}
.process-active .process-st03{background:url(../img/3_o.png) no-repeat;background-size:contain;}
.process-ost02 .process-st02,.process-ost03 .process-st03{background:url(../img/done.png) no-repeat;background-size:contain;}
.process-active .perocess-txt{ color:#ff7800}
.process-after .perocess-txt,.process-ost02 .perocess-txt,.process-ost03 .perocess-txt{ color:#44b549}
.titleTop{  background:#f3f3f3; line-height:18px; text-align:center; border-radius:9999px; box-sizing:border-box; padding:9px 40px; color:#ff7800}
.userinfo{ text-align:center; margin:30px 0;}
.userinfo span{ color:#ff7800}
.Layout{ padding:30px 15px;}
.infotop a,.infotop span{ font-size:12px;}
.infoName{ margin-left:10px; position:relative;}
.infoName i{ position:absolute; left:-9px; top:0; width:3px; height:16px; background:#ff7800}
.infoName b{ font-weight:normal; color:#f00; margin-left:5px;}
.infoList{ margin-bottom:20px; position:relative;}
.checkNum{ margin-top:10px;}
.checkBut{ height:28px; float:left; line-height:28px; text-align:center; color:#fff; border-radius:4px; background:#48c9b0; border:1px solid #48c9b0; width:25%; margin-left:4%; font-size:12px;}
.disabled-safe{ border: 1px solid #eee; background: #ddd;}
.checkin{ box-sizing:border-box; width:70%; float:left;border:1px solid #ddd;  border-radius:4px; padding:5px; font-size:12px; height:30px;}
.iput{ box-sizing:border-box; width:100%; border:1px solid #ddd; margin-top:10px; border-radius:4px; padding:5px; font-size:12px; height:30px; display:block;}
.noborder{border: 0px;}
.next{ display:block; width:100%; height:30px; line-height:30px; color:#fff; text-align:center; background:#ff7800; border-radius:4px;}
.next-safe,.kf-tel{ display:block; margin-top:0px; width:100%; height:35px; line-height:35px; color:#fff; text-align:center; background:#ff7800; border-radius:4px;}
.kf-tel{ background:#bbb; color:#333; margin-top:20px;}
.agreeCheck{position: relative;overflow: hidden;float: left;}
.agreeCheck input {
	position: absolute;
	left: -50px;
	top: -50px;
}
.checkedTitle{ color:#999; font-size:14px;}
.agree{  margin-top:20px;}
.agree label span.checked {
	background:url(../img/no_tick.png) no-repeat;
	background-size:contain;
	transition: .2s;
	width: 16px;
	float:left;
	height: 16px;
	position: relative;
	top: 2px;
	margin-right:10px;
}
input:checked~span.checked {
	background:url(../img/tick.png) no-repeat;
	background-size:contain;
}
.Care { border:1px dashed #ccc; padding:5px; margin-top:15px;}
.Care span{ display:block; text-align:center; font-size:14px; color:#999; margin:5px 0;}
.info-argee{ color:#999; line-height:18px;}
.copyright{ margin-top:70px;}
.copyright p{ text-align:center; color:#999; margin-bottom:5px;}
.selectChoose{ margin-top:10px;}
.selectChoose select{ float:left; width:45%; box-sizing:border-box; padding:5px; height:30px; border:1px solid #ddd; border-radius:4px;}
.city{ margin-left:10%}
.orderInfo{ color:#ff7800}
.orderHelp{ color:#999; margin:10px 0;}
.orderHelp.contact2one{ margin:10px 20px;}
.time{width:170px; position:relative; height:18px; padding:5px; line-height:18px; border:1px solid #ddd; border-radius:4px; margin-top:10px;}
.time input{ width:150px; padding:0px; height:20px; line-height:20px; box-sizing:border-box; border:none;}
.time i { width:15px; height:15px; background:url(../img/time.png) no-repeat center center; background-size:contain; position:absolute; right:5px; top:7px}

.orderList{ margin-bottom:20px;}
.orderList{ background:#f8f8f8; border-radius:4px; border:1px solid #ddd;}
.orderList h2{ font-size:12px; height:30px; line-height:30px; margin-bottom: 0; border-bottom:1px solid #ddd; padding-left:10px; position:relative;}
.orderList h2 i{ width:12px; height:12px; background:url(../img/close.png) no-repeat center center;     left: inherit;background-size:contain; position:absolute; right:10px; top:9px}
.orderList h2 span:nth-of-type(1){ color:#ff7800}
.orderList h2 span:nth-of-type(2){ color:#999; margin-left:15px;}
.order-l{ padding:20px 10px;}
.order-l .iput{ margin-top:0;}
.order-l .input-m{ margin-top:20px;}
.add-img{ width:110px; height:70px; display:block; margin:20px auto 0;}
.add-img img{ display:block; width:100%; height: 80px;}
.search-img{ text-align:center; color:#999; display:block; margin-top:20px;}
.add-order{ width:100%;}
.add-order img{ display:block;  width:100%;}
.m20{ margin-bottom:20px;}
.extear{ margin-top:10px; box-sizing:border-box; position:relative; border:1px solid #ddd; border-radius:4px; height:150px; padding:5px;}
.extear textarea{ resize:none; outline:none; border: none; height:120px; width:100%; box-sizing:border-box}
.extear  span{ position:absolute; bottom:5px; right:10px; color:#ccc}
.noCk span{ margin-left:0;}
.passwordhelp{ margin-bottom:20px;}
.otherSet{ margin-top:10px; height:30px; line-height:30px; color:#999;}
.otherSet a{ color:#177ce3}
.more-iput{ box-sizing:border-box; height:80px;  resize:none; width:100%; outline:none; }
.upload-pic{ color:#999;}
.uploadPic{ display: -moz-box; display: -webkit-box;  display: box; width:100%; margin-top:20px; }
.uploadPic a{  -moz-box-flex: 1;  -webkit-box-flex: 1; box-flex: 1;  display:block;}
.uploadPic a img{ width:95%; display:block; margin:0 auto;height: 60px;}
.p-success{ margin:70px auto 40px; font-size:16px; color:#44b549; text-align:center;}
.p-message{ text-align:center; font-size:14px;}
.returnPage{ display:block;margin:50px auto 0; width:150px; height:30px; line-height:30px; border-radius:4px; background:#ff7800; text-align:center; color:#fff}
.fixed-copy{ position:fixed; bottom:20px; left:0; width:100%}
.infoList select{ color:#666}
.tel-error{width: 80%;text-align: center;background: rgba(0,0,0,0.7);color: #fff;height: 2.91em;line-height: 2.91em;border-radius: 50px;margin-top: 2.5em;position: relative;z-index: 999;opacity: 0;  transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	position:fixed;
	left:50%;
	margin-left:-40%;
	bottom:10px;
}
body .infoList:nth-of-type(2){
	margin-bottom:0
}
.disabled-tel,.inputGray{ background: #eee;border: 1px solid #ddd;color: #999;}
.IMEI-p{ position:relative;}
.IMEI-b{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:99; display:none;}
.IMEI-modal{ width:100%; display:none; box-shadow: 1px 1px 1px #615B5B; position:fixed; background:#fff;z-index:999; left:50%; margin-left:-50%; top:0; border-radius:4px;}

.IMEI-modal h2{ height:35px; line-height:35px; font-size:14px; position:relative; text-align: center; border-bottom:1px solid #ddd;}
.IMEI-modal h2 i{ width:12px; height:12px; background:url(../img/close.png) no-repeat center center; background-size:contain; position:absolute; right:10px; top:13px; cursor:pointer;left: initial;}
.IEMI-main{ padding:20px 10px;}
.IEMI-main p{ line-height:22px;}
.input-IMEI{ display:none;}
.input-IMEI .iput { width:90%;}
.input-IMEI i{ width:10%; height:30px; background:url(../img/close.png) no-repeat center center; background-size:15px; margin-top:10px;}
.select-fChoose select{ width:100%}

.infoList .result-list{  top:55px;}
.Mgb-30{ margin-bottom: 30px;}

.a-return{ width:10px; height:30px; display:block; background:url(../img/arrow_left.png) no-repeat center center; background-size:contain;}
.order-help{ padding:0 25px;}
.order-h-pic{ border-bottom:1px solid #ddd; padding-bottom:30px;}
.order-h-pic img{ width:100%; display:block; margin:0 auto;}
.order-h-title{ margin:22px 0 15px 0; font-size:16px; display:block; text-align:center;}
.order-h-black{ display:block; text-align:center; color:#999; font-size:14px; margin-bottom:30px;}
.order-h-last{ display:block; text-align:center; font-size:16px; margin:22px 0;}
.overflow{ }

.num-tetxare{ position: relative;box-sizing: border-box; border: 1px solid #ddd;  border-radius: 4px;  height: 110px;  padding: 5px;  width: 100%;   margin-top: 10px;}
.num-tetxare .num-i{ position: absolute; bottom: 5px; right: 10px; color: #ccc}
.fullnum .num-i{ color: #f00;}

.certification-main{ padding:15px;}
.certification-main .certification-title{ background:#f5f5f5; border-radius:8px; padding:15px;}
.certification-main .certification-title p{ position:relative; padding-left:15px; line-height:20px;}
.certification-main .certification-title p:nth-of-type(1){ margin-bottom:10px;}
.certification-main .certification-title p i{ font-style:normal; color:#f00; position:absolute; left:0; top:2px;}
.certification-form-1ist{ height:60px;}
.c-form{ margin-top:30px;}
.show-m{ height:30px;  display: -moz-box; display: -webkit-box;  display: box; }
.show-m label{ width:70px; display:block; text-align:left; height:30px; line-height:30px;}
.show-m input{    -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; box-sizing:border-box;display:block; height:30px; line-height:30px; padding:5px; border:1px solid #ddd; border-radius:4px;}
.error-m{ height:30px; color:#ff0000; padding-left:70px; line-height:30px;}
.form-a{ width:150px; height:30px; line-height:30px; background:#ff7800; color:#fff; text-align:center; border-radius:4px; display:block; margin:10px 0 0 70px;}

#pop {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);text-align: center;overflow: auto;z-index: 99999;}
.gt_mobile_holder {display: inline-block;position:fixed;margin-top: 10%; left: 50%; margin-left: -130px; z-index: 999999; width: 260px;top: 0;}

.Layout p.p-safe{ padding-bottom:20px; line-height:18px;}

.select{
	height:30px;
	display:block;
	line-height:30px;
	box-sizing:border-box;
	border:1px solid #ddd;
	border-radius:4px;
	width:100%;
	padding-left:5px;
}
.from01 > section{ padding:15px 0; color:#666}
.from01 > section > a{ color:#177ce3}
.copyright-safe{ position:fixed; bottom:20px; color:#666; width:100%; left:0; text-align:center;}
.tel-error1{ background:rgba(0,0,0,0.6); opacity:0; transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; height:30px; line-height:30px; width:80%; position:relative; left:50%; margin-left:-40%; border-radius:20px; margin-top:40px; text-align:center; color:#fff;}
.tel-num{  display: -moz-box; display: -webkit-box; display: box; border:1px solid #ddd; position:relative; height:35px; padding-right:25px; border-radius:4px;}
.tel-num > span{ display:block; width:65px; padding-left:5px; text-align:left; color:#333; line-height: 35px;}
.tel-num > input{  -moz-box-flex: 1;  -webkit-box-flex: 1; box-flex: 1; border:none;height:25px;line-height:25px; padding:5px 0; display:block;}
.tel-num > b{ width:20px; height:20px; position:absolute; right:3px; top:5px}
.tel-num > b.red{ background:url(../img/1-2_03.png) no-repeat center center; background-size:contain;}
.tel-num > b.green{ background:url(../img/1-2_06.png) no-repeat center center; background-size:contain;}
.p-error{ color:#f00}
.d-lx{ width:90px; height:90px; display:block; margin:20px auto 30px; background:url(../img/1-4_03.png) no-repeat center center; background-size:contain; }

.select2{ box-sizing:border-box;width:100%; height:35px; line-height:35px; border:1px solid #ddd; border-radius:4px; font-size:14px; position:relative; }
.select-box{ padding-left:5PX; display: -moz-box; display: -webkit-box;  display: box;}
.select-box p{  -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1;height:33px; line-height:33px; padding-bottom:0; border-right: 1px solid #e8e8e8; cursor: pointer;}
.icon_cirarr{background:url(../img/contact_11.png); display:block; width: 16px;height: 16px;margin: 9px 12px 0 12px; cursor: pointer;}

.country-container {
	display:none;
    width: 100%;
    background: #fff;
    max-height: 270px;
    line-height: 30px;
    border: 1px solid #e8e8e8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: 33px;
    z-index: 98;
}

.country-container ul li{
	padding: 0 10px;
    line-height: 39px;
    clear: both;
    overflow: hidden;
    color: #000;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
}
#message{ height: 30px; line-height: 30px;}
.mesError{ color:#f00;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none; }
input:-internal-autofill-selected {
	-webkit-box-shadow: 0 0 0 50px white inset; }
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 50px white inset;
}