@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,tt,var,b,u,i,center,dl,textarea,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,aside,canvas,button,select,details,embed,figure,figcaption,
footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video,input {margin: 0;padding: 0;border: 0;font-style: normal;font-size: 100%;
  font: inherit;vertical-align: baseline}
article,aside,details,figcaption,figure,footer,header,menu,nav,section {display: block}
ol,ul {list-style: none}
blockquote,q {quotes: none}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none}
html {height: 100%}
body {color: #666;font: 14px Arial, "microsoft yahei", Helvetica, simsun;height: 100%;background:#f5f5f5;}
a {text-decoration: none}
a:hover,a:active {outline: 0}
.fl {float: left;}
.clearfix:before,.clearfix:after {content: "";display: table}
.clearfix:after {clear: both}
.clearfix {*zoom: 1}
.ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.un {-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
/*.wraper {width: 100%;margin: 0 auto;min-width: 980px;}*/
.wrap {width: 1200px;margin: 0 auto}
.xp-fl{float: left}
.xp-fr{float: right}
.bg-white{background:#fff;}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 14px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
@font-face {
  font-family: 'iconfont';  /* project id 1309781 */
  src: url('/css/font/font_1309781_o6vu5r8xciq.eot');
  src: url('/css/font/font_1309781_o6vu5r8xciq.eot?#iefix') format('embedded-opentype'),
  url('/css/font/font_1309781_o6vu5r8xciq.woff2') format('woff2'),
  url('/css/font/font_1309781_o6vu5r8xciq.woff') format('woff'),
  url('/css/font/font_1309781_o6vu5r8xciq.ttf') format('truetype'),
  url('/css/font/font_1309781_o6vu5r8xciq.svg#iconfont') format('svg');
}
html {
    height: 100%;
    min-width: 1200px;
    width: 100%;
}
body {
    color: #666;
    font: 14px Arial, "microsoft yahei", Helvetica, simsun;
    height: 100%;
    background: #f5f5f5;
    min-width: 1200px;
    width: 100%;
}
.wraper {
    width: 100%;
    margin: 0 auto;
    min-width: 1200px;
}

.top{height: 50px;padding:14px 0;line-height: 50px;box-shadow: 0 3px 4px rgba(0,0,0,0.1);}
.top .logo{height: 42px}
.top .mesg{margin-left:30px; font-size: 16px}
.box{margin:5% auto;width:980px;box-shadow: 5px 5px 10px rgba(0,0,0,.1);background:#fff;height:550px }
.swiper-container{width:420px;height: 550px;}

.login-box{width:440px; padding:80px  0 0 110px;height: 470px;position: relative;}
.tab{width:300px;margin: 0 20px;line-height: 56px;border-bottom: 2px solid #f5f5f5}
.tab li{width:50%;font-size: 18px;text-align: center;position: relative;cursor: pointer;}
.tab li:hover{color: #ff5c38}
.tab li b{display: none;position: absolute;width: 100%;height: 2px;background:#ff5c38;bottom: -2px}
.tab li.active b{display: block;}
.input-box{width: 338px !important;height: 46px;margin-top: 24px;background-color: #efefef;border-radius: 22px;border: solid 1px #e9e9e9;position: relative;}
.input-box input{width: 250px;height: 46px;border-radius: 0 23px 23px 0; position: absolute; right: 40px;border: 0; line-height: 46px;background: transparent;
 outline: 0;font-size: 14px;}
.input-box:focus{background:#fff;}
.form-row{width:340px;}
.form-row .forget{color: #666;margin-top: 10px}
.form-row.reg .forget{color: #ff5c38;margin-top: 20px}
.form-row .subbtn{width: 340px;height: 50px; border-radius:22px;font-size: 18px;line-height: 50px;color: #fff;margin-top:10px;cursor: pointer;outline: none;box-shadow: 5px 5px 10px rgba(255,90,60,.3);position: relative;
background: #ff5c38;
background: -moz-linear-gradient(left top,#ff5c38,#f86d4f);
background: -webkit-linear-gradient(left top,#ff5c38,#f86d4f);
background: -o-linear-gradient(left top,#ff5c38,#f86d4f);}
.form-row .subbtn:hover{background: #ff5c38;
background: -moz-linear-gradient(left top,#ff5c38,#f86d4f);
background: -webkit-linear-gradient(left top,#ff5c38,#f86d4f);
background: -o-linear-gradient(left top,#ff5c38,#f86d4f);}
.form-row .subbtn:active{left: 1px;top: 1px;box-shadow: none;}
.form-row .shield{background:transparent;letter-spacing: 0;margin-top: 0;height: 46px;line-height: 46px;box-shadow: none;font-size: 14px;color:#888}
.form-row .shield:hover{background:transparent;}
.form-row .iconfont{position: absolute;color: #bbbbbb}
.form-row .icon-home,.form-row .icon-lock,.form-row .icon-key,.icon-peo{left: 20px;top: 16px}
.form-row .icon-eye-open,.icon-eye-close{right: 20px;top: 16px;cursor: pointer;}
.icon-home:before{content: "\e62a"}
.icon-lock:before{content: "\e62b"}
.icon-eye-open:before{content: "\e625"}
.icon-eye-close:before{content: "\e624"}
.icon-phone{color: #bbb;font-size: 16px;margin-right: 3px;vertical-align: -1px}
.icon-phone:before{content: "\e63c"}
.icon-warning:before{content: "\e603"}
.icon-key:before{content: "\e62d"}
.icon-more:before{content: "\e63d"}
.icon-fly{font-size: 30px;color: #66d29d;}
.icon-fly:before{content: "\e704"}
.icon-peo:before{content: "\e670"}
.icon-shield{left: 110px;top: 0;}
.icon-shield:before{content: "\e6bd"}
.txt{color: #ff5c38}
.footer{text-align: center;color: #999999;margin: 60px auto 20px auto}
.warning{color: #f50;position: absolute;left: 35px;bottom: 10px;}
.more-row .login-box{padding:60px  0 0 110px;height: 450px;}
.more-row .input-box{margin: 15px 0}
.step { padding:100px  0 0 110px;height: 450px;}
.step .subbtn{margin-top: 24px;letter-spacing: 0}
.step ul{padding: 0 0 10px 20px;}
.step li{width: 100px;position: relative;}
.step li div{width: 24px;height: 24px;line-height: 24px;text-align: center;color:#fff; background:#dddddd;border-radius: 50%;margin:0 auto;z-index: 2;position: relative;}
.step li p{color: #ddd;margin-top: 5px;text-align: center;z-index: 1;font-size: 12px}
.step li b{display: block;position: absolute;left: 0;top: 10px;background:#dddddd;width:100px;height: 2px}
.step li.yet div,.step li.yet b{background:#ff5c38;}
.step li.yet p{color: #333;}
.verify input{width:150px;right: 15px}
.verify{width:220px !important;}
.verify .subbtn{width: 108px;position: absolute;right: -118px;top: -26px;box-shadow: none;font-size: 14px}
.verify .subbtn:active{left: 231px;top: -25px;}
.verify .subbtn.disabled{background:#f5f5f5;color: #888;cursor: not-allowed;}
.verify .subbtn.disabled:active{left: 230px;top: -26px;}

.mutual{padding: 10px 100px 0 0;text-align: center;}
.mutual img{width:140px}
.mutual p{padding-top:8px;}
.mutual p a{color: #ff5c38;}

.mesg-box{padding:45px 0 0 0;}
.mesg-box .subbtn{letter-spacing: 0;margin-bottom: 20px}
.mesg-box p{font-size: 15px;line-height: 28px;padding-left: 20px;}
.title{position: absolute;font-size: 24px;left: 246px;top: 54px;}

.assembly_select {height: 46px; line-height:46px; position: absolute;right: 20px;width:280px;} 
.cssSelect {white-space: nowrap;float: left;position: relative;}
.cssSelect * {display: block}
.cssSelect a {color: #666;outline-width: 0;text-decoration: none}.cssSelect .selectBox {cursor: pointer;float: left}
.cssSelect .selectLt {cursor: pointer;float: left;text-align: left}
.cssSelect .selectRt {cursor: pointer;background: url(/images/skin.png) -49px center no-repeat #f2f2f2;float: left}
.cssSelect .selectLt {overflow: hidden;height: 46px;line-height: 46px;padding: 0 10px;background: none transparent scroll repeat 0% 0%;color: #333;
	width:208px;}
.cssSelect .selectRt {height: 30px;padding-bottom: 0;padding-top: 0;padding-left: 0;padding-right: 28px;margin:7px 0 0 10px;}
.cssSelect .sNormal {background-position: 0 0} 
.cssSelect .sHover {background-position: 0 -50px}
.cssSelect .sHover .selectRt {background: url(../images/skin.png) -49px center no-repeat #f2f2f2}
.cssSelect .sPressDown .selectRt {background: url(../images/skin.png) -49px center no-repeat #f2f2f2}
.cssSelect .optionsBox {position: absolute;background: #f0f0f0;padding: 2px;margin: 0;z-index: 100;
width: 298px;left: -22px !important;}
.cssSelect .optionBox {cursor: pointer;padding: 2px 30px 2px 18px;margin: 0;height: 40px;line-height: 40px}
.cssSelect .optionBox:hover {background: #fff;color: #089e67}
.cssSelect .optionBox span {cursor: pointer;font-size: 12px}
.cssSelect .selected {color: #089e67}
.clear-float:after {content: "";display: block;height: 0;clear: both}
.radio .options {padding: 10px}
.radio .options>li i {float: left;margin-right: 5px;width: 12px;height: 12px;border: 1px solid #ddd;border-radius: 50%;cursor: default}
.radio .options>li.checked i {border: 1px solid #5da97e;background: url(../images/on_pic.png) 0 -1px}
.radio_1 .options {padding: 10px}
.radio_1 .options>li i {float: left;margin-right: 5px;width: 12px;height: 12px;border: 1px solid #ddd;border-radius: 1px;cursor: default}
.radio_1 .options>li.checked i {border: 1px solid #b2bec9;background: url(../images/on_pic.png) -15px -1px}
.checkbox{font-size: 12px;}
.checkbox .options {padding: 10px;cursor: default;}
.checkbox .options p.checked {color: #ff5c38}
.checkbox .options p i {float: left;margin-right: 5px;width: 12px;height: 12px;background-color: #fff;border: 1px solid #ddd;border-radius: 1px;cursor: default;margin-top: 2px}
.checkbox .options p.checked i {border: 1px solid #dedede;background: url(../images/on_pic.png) 0 -1px}
.select {position: relative;float: left;margin: 10px;border: solid 1px #ccc}
.select .select-view {position: relative}
.select .select-view .select-text {padding-left: 10px;padding-right: 30px;height: 24px;line-height: 24px}
.select .select-view .select-icon {display: block;position: absolute;right: 5px;top: 10px;border: solid 5px #fff;border-top-color: #ccc;cursor: pointer}
.select .options {display: none;position: absolute;left: -1px;top: 100%;padding: 5px 0;background: #fff;width: 100%;border: solid 1px #ccc}
.select .options>li {margin: 10px;cursor: pointer}

/*404*/
#error404{padding: 40px 0 90px;background: #f5f5f5;}
#error404 .errorbg{width:1200px;height:540px;background-color:#fff; margin:0 auto;}
#error404 .error{padding:100px 0 0 280px;}
#error404 .error .error-con{margin-left: 64px;}
#error404 .error .error-con h2{color:#444; font-size: 26px; line-height: 80px;font-weight: normal;}
#error404 .error .error-con h3{ font-size: 14px; line-height: 26px;font-weight: normal;color: #666;}
#error404 .error .error-con p{padding-top: 43px;}
#error404 .error .error-con p a{ float: left;height: 38px; line-height: 38px;padding:0 18px;margin-right: 20px; border-radius: 2px;}
#error404 .error .error-con p a.back-prevpage{color:#fff; background-color: #fc4349;border:1px #fc4349 solid;}
#error404 .error .error-con p a.back-prevpage:hover{ background: #e84338; }
#error404 .error .error-con p a.back-index{border:1px #d8dce0 solid;color: #444;}
#error404 .error .error-con p a.back-index:hover{ background: #f6f4f4; }
#error404 .error-recommend{margin-top: 320px;}
#error404 .error-recommend h1{text-align: center; font-size: 18px; line-height: 20px; background: url('/images/error-bg.png') center center no-repeat;font-weight: normal;}
#error404 .error-recommend p{padding:22px 42px; line-height: 28px;}
#error404 .error-recommend p span{color:#ccc; font-size:14px;}
#error404 .error-recommend p a{ font-size:14px;display: inline-block;color:#999;margin-right: 20px}
#error404 .error-recommend p a:hover{ color:#e84338;}