@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;    color: #818181;}
a:hover,a:active {outline: 0}
.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('//at.alicdn.com/t/font_1309781_o6vu5r8xciq.eot');
  src: url('//at.alicdn.com/t/font_1309781_o6vu5r8xciq.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1309781_o6vu5r8xciq.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1309781_o6vu5r8xciq.woff') format('woff'),
  url('//at.alicdn.com/t/font_1309781_o6vu5r8xciq.ttf') format('truetype'),
  url('//at.alicdn.com/t/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: 2px 5px 10px #f1f5f5;}
.top .logo{height: 42px}
.top .mesg{margin-left:30px; font-size: 16px}

.swiper-container{width:520px;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 #51c79d}
.tab li{width:100%;font-size: 18px;text-align: center;position: relative;cursor: pointer;}
.tab li:hover{color: #27ae61}
.tab li b{display: none;position: absolute;width: 100%;height: 2px;background:#27ae61;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: 16px;}
.input-box:focus{background:#fff;}
.form-row{width:340px;}
.form-row .forget{color: #51bf90;margin-top: 10px}
.form-row.reg .forget{color: #27ae61;margin-top: 10px}
.form-row .subbtn{width: 340px;height: 50px; border-radius: 25px;font-size: 18px;line-height: 50px;color: #fff;margin-top:10px;cursor: pointer;outline: none;
	letter-spacing: 1em;box-shadow: 5px 5px 10px rgba(39,174,97,.3);position: relative;
background: #27ae61;
background: -moz-linear-gradient(left top,#66d29c,#51c79d);
background: -webkit-linear-gradient(left top,#66d29c,#51c79d);
background: -o-linear-gradient(left top,#66d29c,#51c79d);}
.form-row .subbtn:hover{background: #25a65c;
background: -moz-linear-gradient(left top,#66d29d,#45ba90);
background: -webkit-linear-gradient(left top,#66d29d,#45ba90);
background: -o-linear-gradient(left top,#66d29d,#45ba90);}
.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: 20px;top: 16px;}
.icon-shield:before{content: "\e6bd"}
.txt{color: #27ae61}
.footer{text-align: center;color: #999999;margin: 40px auto 20px auto}
.warning{color: #f50;position: absolute;left: 35px;bottom: 32px;}

.more-row .login-box{padding:60px  0 0 110px;height: 490px;}
.more-row .input-box{margin-top: 20px}

.step { padding:100px  0 0 110px;height: 450px;}
.step .subbtn{margin-top: 24px;letter-spacing: 0}
.step ul{padding-left: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:#58cb9c;}
.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;}

.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: 18px;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: 16px;padding-top:15px;}
.checkbox .options {padding: 10px;cursor: default;}
.checkbox .options p.checked {color: #27ae61}
.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}