@charset "utf-8";
/* CSS Document */
/* 公用样式 */
body {font-family: "微软雅黑";color: #333;font-size: 14px;  padding:0px; background:#fff;}
input, textarea,button{ font-family:"微软雅黑"; font-size:14px; color:#333;}
*{margin:0; padding:0;}
.header{height:80px; color:#ffffff;}
.header .logo{ margin-top:18px; margin-right:40px; }
.header .info{ color:#666666; font-size:15px; line-height:80px;} 
.header a:hover,.header a.on{color: #24B3F2;}
.header .search{ border:1px solid #ffffff; width:146px; height:32px;border-radius:17px; margin-top:23px; margin-right:36px;}
.header .search input{border:none; outline:none; background:none;} 
.header .search input.text[type="text"]{ width:91px;padding:6px 0 7px; color:#ffffff;margin-left:20px;border-radius:17px;  }
.header .search input.submit{background:url(../images/front/search.png )no-repeat center center; width:16px; height:16px;margin-left:10px; cursor:pointer; position:relative;top:2px;}

.header .login a{margin-left:20px;line-height:80px; color:#ffffff; font-size:14px;}
.header .login a.shop{ background:url(../images/front/shop.png) no-repeat left center;  padding-left:22px; }
.header .login img{ width:30px; height:30px; border-radius:50%; vertical-align:middle;margin-left:30px;}
.header .login a.user{ margin-left:10px;}
.header .login a:hover{ color:#24B3F2;}
.login_foot{padding:20px 0; color:#666666; text-align: center; line-height: 26px; }
.login_foot a{  color:#666666;}
.login_foot a:hover{color:#24B3F2;}

.fl{ float:left;}
.fr{ float:right;}
.clear{clear:both;}
.clearfix {overflow: auto;zoom: 1;}
img{ border:none;vertical-align: top;}
a{ text-decoration:none; color:#333333; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; outline:none;}
a:hover{ color:#002FA7;}
.ptb30{ padding:40px 0;}
.wrap{ width:1200px; margin:0 auto;}

.login_con{ background:url(../images/front/loginbg.jpg) no-repeat bottom center; clear:both; background-size:100% 100%; }

.login{border-radius:20px; width:1200px;  margin:0 auto; position:absolute; top:50%; left:50%; margin-left:-600px; margin-top:-200px ;font-size:14px;}
.login .img{ margin-left:80px;}
.login img{ height:420px;}
.login a.home{float: right; position: relative;top: -30px;font-size: 16px;}
.login_input{ position: relative; top:-10px;width:340px; text-align:left; padding:30px 40px 60px; background:#ffffff; border-radius:8px; height: 320px; }
.login_input .login_tit{ font-size:18px; font-weight:500; border-bottom:1px solid #EEEEEE; padding-bottom:20px; margin-bottom:30px;}
.login_input input[type="text"],.login_input input[type="password"]{ outline:none; border:1px solid #ccc;border-radius: 8px; padding:15px 0 15px 10px; background:#fff; width:328px; margin-bottom:30px;}
.login_input .magic-checkbox + label{ padding-left:20px;color:#666666;}
.login_input .magic-checkbox + label::before{border:1px solid #E5E5E5;top:2px; width:12px; height:12px;}
.login_input .magic-checkbox + label::after{top:7px; left:3px;}
.login_input .magic-checkbox:checked + label::before{ border:1px solid #002FA7}
.login_input .remember{ margin-bottom:20px; font-size:12px;}
.login_input .forget a{ color:#999999;}
.login_input button{ height:50px; line-height:50px; font-size:16px; color:#ffffff; border-radius:8px; background:#002FA7; font-size:15px; text-align:center;  width:340px; border:none; cursor:pointer; letter-spacing:8px; margin-bottom:15px;box-shadow: 0px 3px 8px rgba(0, 47, 167, 0.25);}

.register .login_input .login_tit{ padding:0px; margin-bottom:17px;border:none;}
.register .login_input input.short{ width:207px;}
.register .login_input input.btn{ float:right;width:160px; height:34px; background:#24B3F2; color:#fff; border:none; position:relative; top:-1px; cursor:pointer; }
.register .login_input p{ font-size:12px; color:#999; margin-top:10px; text-align:center;}
.register .login_input p a{ color:#2E75C4;}

.login-type{ position: absolute; top:-3px; right:-3px; cursor: pointer;width: 103px; height: 75px; background: url(../images/front/code.png) no-repeat; background-size: 100%;}
.login-type span{position: absolute;right: 100px;top: 15px; width: 67px; height: 30px; line-height: 30px; padding-left:5px;background: url(../images/front/tipbg.png) no-repeat; background-size: 100% 100%;}
.login-type.code{  background: url(../images/front/pc.png) no-repeat; background-size: 100%;}
.codelogin{ text-align: center;}
.codelogin img{width: 200px; height:200px;}
.codelogin p{ margin-top:30px; font-size:16px;}

.editlock{background: url(../images/front/NewLoginBG.png) no-repeat; background-size:100% 100%; }
.editlock .main{ padding-top:40px;}
.editlock .text{ margin-bottom:20px;}
.editlock .text span{ display: inline-block; width: 100px;text-align: right;}
.editlock .text .textbox{ width: 300px!important; height: 40px!important; border-radius:6px;}
.editlock .text .textbox input{ width: 100%!important; height: 100%!important; padding:0!important}

.sLogin{background: url(../images/login/loginbg.png) no-repeat; background-size:100% 100%; height: 100%;  }
.sLogin *{box-sizing: border-box;}
.login-s{ position: absolute; width: 1200px; top:50%; left:50%; transform: translate(-50%,-50%); background: #ffffff; border-radius: 100px; padding:100px 0 130px;}
.login-s a.home{ position: absolute;top: 50px;right: 140px;font-size: 16px; color:#217CF7}
a.home img{ height: 16px; position: relative; top:3px; margin-right:10px;}
.login_div{ width: 324px; margin:0 auto }
.s-title{width:324px; font-size:34px; color:#217CF7; text-align: left; margin:0 auto 60px; font-weight:bold}
.login_div input{width:100%; border:none; outline: none ; line-height: 30px; padding:15px 30px 15px 40px; margin-bottom:20px;}
.login_div input.user{background: #F8F8F8 url(../images/login/user.png) no-repeat 15px center; }
.login_div input.password{background: #F8F8F8 url(../images/login/password.png) no-repeat 15px center; }
.login-s button{ cursor:pointer;border:none; background: #217CF7; width:100%;height: 60px; color:#fff; border-radius:6px; font-size:18px; margin-top:30px;}
.login-link{ text-align: left; margin-top:15px;}
.login-link a{color:#666666; font-size:14px; margin:0 3px;}
.sLogin .login-type span{ top:35px; right:70px; padding-left:0px; display: none;}
.sLogin .login-type{ right:107px; top:72px}
.sLogin .login-type{ right:125px; top:19px;width: 56px;height: 56px;}
.magic-radio + label::before, .magic-checkbox + label::before{ margin-top:2px;}
.magic-checkbox + label::after { top:6px;}
.login-s .magic-checkbox:checked + label::before{ border-color:#217CF7;}
.login-s .magic-checkbox + label::after{ background: #217CF7;}

.password_img{position: relative;}
.password_img img {position: absolute; top: 20px; right: 10px;cursor: pointer;}