@charset "utf-8";
/* CSS Document */
* {box-sizing: border-box;font-family:"微软雅黑";}
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form{margin:0;}
html,body{ font-size:14px; font-family:"微软雅黑";width:100%; min-height:100%; color:#666666;}
.clearfloat:after{content:"";clear:both;display:block;height:0;visibility:hidden;}
a{  text-decoration:none; blr:expression(this.onFocus=this.blur()); outline:none; cursor:pointer;}
input{outline:none}
a:hover{ text-decoration:none;}
a:link,a:visited{ color:inherit; }
.errinfo{ color: #ff1232; font-size: 12px;}
.martop5{ margin-top: 5px;}
.martop15{ margin-top: 15px;}
.import{ color: #ff1232;}
.grecomtxt{ color:#38c85f !important; }
.dNone{display: none;}
em{ font-style: normal;}
input::-ms-clear, input::-ms-reveal{display: none;}
input,button,select,textarea{
    outline:none;-webkit-apperance:normal;
}
/*登录注册*/
.header{ width: 100%; height: 65px; background: #fff; border:  1px solid #ebebeb; z-index: 9; position: relative;}/*box-shadow: 0 2px 4px 0 #ececec;*/
.inwrapper{ width: 1280px; margin: 0 auto;}
.lglogo,.lgtitle,.lglogan{ display: inline-block; height:65px; margin-right: 12px;}
.lglogo{ background: url("../images/login_logo.png") no-repeat center; width: 125px;}
.lgtitle{background: url("../images/login_biaoti.png") no-repeat center; width: 85px; display: none;}
.lglogan{background: url("../images/login_slong.png") no-repeat center; width: 118px;}
.lgback_index{ float: right;  width: 100px; height: 34px;line-height: 34px; text-indent:30px;border-radius: 5px; border: 1px solid #f0f0f0; background: #fdfdfd url("../images/login_home_icon.png")  no-repeat 10px 10px; margin-top: 14px;}
.lgback_index:hover{ background-color: #f6f6f6;}
.logrebox{ background: #f9f9f9; width: 100%; }
.logrebox .inwrapper{ padding: 20px 0 54px;}
.lgleft{width: 677px;height: 550px;float:left; background: url("../images/loginbanner.png") no-repeat center;}
.lgleft span{ display: inline-block; background:url("../images/login_tuan_z.png") no-repeat center; width: 131px; height: 89px; margin-top: 238px; margin-left: 331px;}
.lgleft span.biyan{background:url("../images/login_tuan_k.png") no-repeat center;}
.lgright{ width: 380px; height: 420px;  position: relative; padding:54px 44px;border-radius: 4px; margin-left: 43px; margin-top:65px; background-color: #ffffff; box-shadow: 0 1px 8px 0 #e4e4e4;  float:left;border: solid 1px #ececec;}
.lricon{ position: absolute; display: inline-block; width: 31px; height: 31px; background: url("../images/login_tudian_icon.png") no-repeat;
top: -13px; left: 186px;}
.lgre_input{ height: 63px; width: 100%;}
.lgre_ipwrapper{ position: relative; border:1px solid #e7e7e7;  height: 44px; border-radius: 4px; line-height: 44px;}
.lgre_ipwrapper.inting{border:1px solid #38c85f;}
.lgre_ipwrapper input{ margin-left: 45px; width: 240px; height: 40px; line-height: 44px; border: none;z-index: 9; }
.lgre_ipwrapper .placeholder{  position: absolute; left: 45px;color: #b1b1b1; }
.lgre_ipwrapper i{ position: absolute;display: inline-block; width: 35px; height: 25px; border-right: 1px solid #f1f1f1; top: 10px;  }
.username i{ background: url("../images/login_user.png") no-repeat center;  }
.userpwd i{ background: url("../images/login_password.png") no-repeat center; }
.jcheckbox{ cursor:pointer; position: relative;}
.jcheckbox input{ opacity: 0;filter:alpha(opacity=0);  }
.jcheckbox i{background: url("../images/chekbok_normal.png") no-repeat center; display: inline-block; position: absolute;left: 0; top: 3px; height: 16px; width: 16px; vertical-align: middle; }
.jcheckbox.checked i{background: url("../images/chekbok_highlight.png") no-repeat center;}


.lgh1{font-size: 20px;letter-spacing: -1.3px; text-align: left;color: #303030; margin-bottom: 15px;}
.lgh1 a{ float: right; font-size: 18px; color: #38c85f; padding-right: 22px; display: inline-block; background: url("../images/login_zhuce_icon_noraml.png") no-repeat right center; }
.lgh1 a:hover{color: #32d85f;background: url("../images/login_zhuce_icon_highlight.png") no-repeat right center;}
.lgcom .lgrepwd{float: right; color: #38c85f; }
.lgcom .lgrepwd:hover{ color: #32d85f;}
.lgcom label input{ vertical-align: middle;}
.loginbtn{ display: block; width: 100%;height: 44px; line-height: 44px; color: #fff !important; margin-top: 10px; text-align: center; font-size: 16px; border-radius: 100px; background-color: #38c85f;}
.loginbtn:hover{ background: #32d85f; color: #fff;}
.lg_other{ text-align: center;  margin-top: 34px;}
.lg_other .qqlogin{ display: inline-block; margin: 10px auto; background: url("../images/login_qq_icon.png") no-repeat center; width: 36px; height: 36px;}
.lg_other .wxlogin{ display: inline-block; margin: 10px auto; background: url("../images/weixinicon.png") no-repeat center; width: 36px; height: 36px;}
.lg_other .qqlogin:hover{background: url("../images/login_qq_icon_highlight.png") no-repeat center;}
.lg_other .wxlogin:hover{background: url("../images/hover-weixinicon.png") no-repeat center;}
.lg_other p i{ border-bottom: 1px  solid #f1f1f1;height: 1px; display: inline-block; width: 84px; vertical-align: super; }
.lg_other p span{ margin: 0 10px;}

/*注册*/
.padtop34{ padding-top: 34px; padding-bottom: 70px;}
.regbox{width: 680px;height: 530px; border-radius: 4px;  background-color: #ffffff;  border: solid 1px #f5f5f5; margin: 0px auto; padding-top: 54px;}
.restep{ width: 300px; margin: 0 auto;}
.step_icon{ position: relative; height: 2px; margin: 0 auto 60px;font-size: 12px; width: 80%; }
.line{height: 2px; border-bottom: 2px solid #efefef; display: inline-block; width: 120px; float: left;}
.cur.line{border-bottom: 2px solid #38c85f; }
.step_icon span{ display: block; position: absolute;text-align: center; width: 80px; }
.step_icon i{ display: block; width: 22px; height: 22px; margin: 0 auto; background: #eeeeee; border-radius: 50%; color: #fff; text-align: center; line-height: 22px; font-style: normal;}
.i_step1{ top:-10px; left:-43px;}
.i_step2{top:-10px; left: 85px;}
.i_step3{top:-10px; left: 200px;}
.step_icon span.cur i{ background: #38c85f;}
.step_icon span.cur,.step_icon span.done { color:#38c85f; }
.step_icon span.done i{ background: url("../images/zhuce_buzhou_wancheng_icon.png") no-repeat center;}

.regbox .lgre_ipwrapper input{ margin-left:12px; width: 240px; height: 40px; line-height: 44px; border: none;z-index: 9; }
.regbox .lgre_ipwrapper .placeholder{  position: absolute; left: 12px; color: #b1b1b1; }
.restep dt{ color: #393939; line-height: 26px;}
.regbox .lgre_ipwrapper.yancode{ width: 180px; display: inline-block; float: left;}
.regbox .lgre_ipwrapper.yancode input{ width: 160px;}
.yanbtn{ display: inline-block; width: 110px;    height: 44px; line-height: 44px; color: #fff; text-align:center;border-radius: 4px; background-color: #38c85f; float: left; margin-left: 10px;}
.yanbtn:hover{ background: #32d85f;}
.yanbtn.unable{ background: #cdcdcd;}
.yanbtn.dNone{ display: none;}
.pwd_icon{ display: inline-block; cursor: pointer;  position:absolute;width:26px; height: 16px;top: 14px; right: 10px; background: url("../images/yinchan_icon4.png") no-repeat center;}
.pwd_icon:hover{background: url("../images/yinchan_icon4_highlight.png") no-repeat center;}
.pwd_icon.open_pwd{background: url("../images/chakan_icon4.png") no-repeat center;}
.pwd_icon.open_pwd:hover{background: url("../images/chakan_icon4_highlight.png") no-repeat center;}
.repwd{ position: relative;}
a.re_tologin{ display: block; margin-top: 18px; margin-right: -140px; text-align: right; padding-right: 26px; height: 26px; line-height: 26px; background: url("../images/login_zhuce_icon_noraml.png") no-repeat center right; color: #38c85f;}
.re_tologin:hover{ color: #32d85f;  background: url("../images/login_zhuce_icon_highlight.png") no-repeat center right; }
.redone{ background: url("../images/wanchen_icon.png") no-repeat center top; padding-top: 76px; text-align: center; margin-top:80px; margin-bottom: 60px; }
.redone h2,.reseth2{ font-size: 24px; color: #393939; margin-bottom: 5px;    font-weight: normal;}
.resetab{ border-bottom: 1px solid #efefef; height: 44px; line-height: 44px; margin: 20px 0;}
.resetab a{ display:inline-block; padding: 0 10px; height: 44px; line-height: 44px;}
.resetab a.cur{ color: #38c85f; border-bottom: 2px solid #38c85f;}
.redone p{ color: #a0a0a0;}
.lblack{ color: #393939; }
.exsituser .resetab,.newuser .resetab{ margin: 10px 0px;}
.xy_user{ background-color: #ffffff;  line-height: 1.6;   border: solid 1px #ececec; padding: 40px 80px 100px; margin: 0px auto 60px;}
.xy_user h3{ color: #1e1e1e; font-weight: 500;}
.xy_user h2{ color: #1d1d1d; font-size: 24px; text-align: center; font-weight: normal; margin-top: 40px;}
.xy_section{ margin-top: 20px;}
.footer{ width: 100%; background: #272727; padding: 33px 0; text-align: center;color: #4e4e4e; font-size: 12px;}

/*遮罩层 弹框*/
.layer{  display:none; z-index:999;}
.layer-bg{width:100%; height:100%; position:absolute;filter:alpha(opacity=70);opacity: 0.7; background:#000; top:0; left:0; z-index:999;}
.div-table{ background:#ffffff; width:420px; position:absolute; left:50%; top:50%; border-radius: 4px; color:#666;box-shadow: 0px 7px 50.7px 6.3px rgba(0, 0, 0, 0.1);z-index:999;}
.layer-main{  padding:20px; }
.cloesbtn,.caluclose{ float:right; display: inline-block; width: 14px; height: 14px; background: url("../images/alert_close_nor.png") no-repeat left center;margin-top: 12px;margin-right: 12px;}
.layertab{ height:40px; line-height:40px; width:100%;  padding-left:18px; color:#242424;  border-bottom: solid 1px #f7f7f7; font-size:16px;}
.common_tips{ width:320px; }
.tips-tab .layer-main p{ width:80%; margin:0 auto;}
.laylist{ padding:20px 10px;}
.laylist dt{ width:20%;  float:left; height:68px; line-height: 44px; font-size:14px;  color:#393939;}
.laylist dd{ width:80%;  float:left; height:68px; position:relative;}
.laylist input[type='text'],.laylist input[type='password']{width: 288px;height: 44px;border-radius: 4px;background-color: #ffffff;border: solid 1px #e7e7e7;padding:0 4px; color:#848484;}
.laylist .error{ text-align:left; margin-top:4px;}
.layer-main .laybtn { text-align:right;}
.secondbox,.return-tips,.logout{ width:380px;}
.tipsTxt{ margin-top:60px; margin-bottom:50px; text-align:center;}
.laybtn a{ display: inline-block;height: 34px; line-height: 34px; border-radius: 4px;text-align: center; padding: 0 20px;}
.laycancel{ background-color: #fbfbfb;border: solid 1px #ebebeb;  color: #686868;}
.laycomfirm,.laycomfirm1{ background-color: #38c85f; color: #fff !important; margin-left: 15px;}
/*滑块*/
#slider {margin:30px auto 10px;  width: 306px; height: 40px; position: relative; background-color: #ececec; overflow: hidden; user-select: none; -moz-user-select: none; -webkit-user-select: none;  text-align: center; box-shadow: inset 0 0 1px 0 rgba(199, 199, 199, 0.5);    border-radius: 100px; color: #444444;}
#slider_bg { position: absolute; left: 0; top: 0; height: 100%;background-color: #2abc52; z-index: 1;}
#label {width: 40px; position: absolute; left: 0;top: 2px; height: 40px; background:  url("../images/yz_button.png") no-repeat center;  z-index: 3; cursor: move;  border-radius: 50%;}
#label.s_slider{background:  url("../images/yz_button_wc.png") no-repeat center;}
#labelTip { position: absolute;  left: 0; width: 100%; height: 100%; font-size: 14px; font-family: 'Microsoft Yahei', serif;  color: #787878; line-height: 38px;  text-align: center;  z-index: 2;}
#slider.color_slider{ background-color: #2abc52; }
.slider_box .layer-main p{ text-align: center; color: #bababa; margin-bottom: 50px;}
/*footer*/
.footer{background-color: #343a40; color: #fff;  line-height: 2; margin-top: 80px; text-align:left;}
.footer .infooter p{ width: 80%; margin-left: 60px; margin-bottom: 14px;}
.footer .infooter p:first-child a{ margin-right: 66px; }
.footer .infooter p:first-child a:hover,.footer .infooter p span a:hover{color: #38c85f;}
.footer .infooter p:last-child a{ margin-right: 40px;}
.footer .infooter p >a:first-child{display: inline-block; width: 80px;margin-right:36px;}
.footer .infooter p span{display: inline-block;    vertical-align: top; width: 80%; }
.footer .infooter p span a{ margin-right:83px; }
.infooter{background-color: #495057; padding: 36px 0; }
.infooter .inwrapper{position: relative;}
.mfooter{ text-align: center; padding: 26px 0 0; }
.ercodewapper{ position: absolute; right:0; top:-13px; width: 233px;}
.erlist{ width: 49%; text-align: center; display: inline-block;}
.erlist img{ width: 96px; height: 96px;}
.erlist span{ display: block; font-size: 12px;    line-height: 1.4;    margin-top:6px;}