/* CSS Document */
body{ margin:0 auto; background:#FFF; font-size:12px; font-family:"寰蒋闆呴粦";}
ul,li,ol{ margin:0px; padding:0px; list-style: none outside none;}
dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{ margin:0px; padding:0px;}
fieldset,img{ border:none;}
a{ text-decoration:none;}
/*a:hover{ text-decoration:underline;}*/
input,button,select,textarea{outline:none}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
table { border-collapse: collapse; border-spacing: 0pt; font-size: inherit; }
input, button, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; vertical-align: middle; }
address, caption, cite, code, dfn, em, i, b, strong, th, var, optgroup { font-style: normal; font-weight: normal; }
.clearfix{clear:both;font-size:0px;}
.clearfix:after { content:" "; display: block; height:0px;clear: both; visibility: hidden; }


.top{ margin:0 auto; width:1200px; background:#FFF; height:72px;}
.top .left{ float:left; width:522px; height:65px;  line-height:52px; font-size: 18px;  margin-top: 11px;}
.top .left img{ width: 38px; margin-top: 6px; float: left; }
.top .left span{float: left; display: block;   margin-left: 20px; color: #333;font-size: 20px; }
.top .left a{ display:block; width:240px; height:65px;}
.top .right{ float:right; /* width:570px; padding-right:30px; */ height:72px; line-height:72px; text-align:right;}
.top .right a{ color:#999999; font-size:14px;}
.top .right ul{}
.top .right ul li{ float:left; margin-right:5px;padding:0 10px; color:#333333;}
.top .right ul li a{ display:block;color:#333333; width:auto; font-size:16px;}

.content{ margin:0 auto; width:100%;  padding-top: 30px; background: url(../../login/loginbg.jpg) center top no-repeat;
 background-size: 100%; }
.content .header{ font-size: 34px; padding-left: 80px; color: #fff;letter-spacing:8px; margin-left: 160px; background: url(../images/sp_logo.png) left center no-repeat; background-size: 50px; }
.main{ margin:0 auto; width:1200px;}
.main .left{ float:left; width:610px;  position:relative;}
.main .left img{ display:block; position:absolute;right:-100px;top:0;}
.main .right{height:350px;   float:right; width:340px; background:#FFFFFF; border-radius: 3px; margin: 61px 105px 100px 135px; position: relative;}
.main .right .login_block{ margin:0 auto; width:100%;}
.main .right .login_block h1{ height:60px;  font-size:24px; text-align: center; color:#739bfa;line-height: 85px;}
.main .right .login_block h1 span{ color:red!important;}
.main .right .box{ margin:15px auto 0; width: 288px; height: 25px; padding: 8px 0; border-radius: 3px; background-color: #eff6fc;}
.main .right .box i{ float:left; width: 40px;
   height: 25px; 
    position: relative;
    right: -3px;
    top: 0;
    display: inline-block;  
    background: url(../../login/ht_login_pass.png) center center no-repeat;
     background-size: 25px;
}
.main .right .box i.user{background: url(../../login/ht_login_user.png) center center no-repeat;
background-size: 25px;}
.main .box input{ float:right; width:247px; height: 25px; 
    background-color: #eff6fc;
    margin-left: -2px;
    font-size: 14px;
    color: #000;
    border: none;
}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #eff6fc inset;  }
.main .yzm_box{ margin:26px auto 0;width:288px;}
.main .yzm_box input{ width:100px;
    padding-left: 8px;
    height:38px;
    line-height:38px;
    border: #d2d2d2 solid 1px;
    border-radius: 3px;
    }


.subbtn{margin: 0 auto;
    width: 288px;
    height: 40px;}
.subbtn input{  margin: 20px auto 20px; width: 288px; height: 40px; border: none; outline: none;
        text-align: center; line-height: 40px; color: #fff;cursor: pointer;
background: #35a1ea; font-size: 18px;   border-radius: 3px;}


.main .right .prompt{ width: 130px; height: 25px !important;  text-align: center; line-height: 25px; 
    border:1px solid #56c9ff; color: #56c9ff; font-size:12px; margin: 8px 0 50px 129px; position: relative;}

.main .right .prompt .triangle{
 width: 7px;
    height: 7px;
    border-top: 1px solid #56c9ff;
    border-right: 1px solid #56c9ff;
    display: block;
    background: #fff;
    position: absolute;
    right: -5px;
    top: 9px;transform:rotate(45deg);
-ms-transform:rotate(45deg);     /* IE 9 */
-moz-transform:rotate(45deg);    /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg);  /* Opera */ }
.main .right .switch{ width: 70px; height: 70px; 
    position:absolute; right: 5px; top: 5px;opacity:0.8; cursor: pointer;   }
.main .right .switch:hover{opacity:1;}
.main .right .pc{background: url(../../login/erweima.jpg) top right no-repeat; }
.main .right .erweima{background: url(../../login/pc.jpg) top right no-repeat; }
.main .right .saoma{ text-align: center; font-size: 18px;margin-top: -24px; }
.main .right .saoma img{ width: 40%; margin-top: 48px; }
.main .right .error{ color: red;width: 288px; margin: 25px auto 0; }
.main .right .tishi{ text-align: center; color: #999; font-size: 12px; margin-top: 20px; }

.main .right .login_block h2 { text-align: center; font-size: 28px; line-height: 80px; color: #35a1ea; }
/*.main .right .name input{ width:287px; height:50px; background:#FFF; border:#d2d2d2 solid 1px; border-radius:6px; font-size:18px; color:#999999; padding-left:17px;}*/
/*.main .right .pwd{ margin-top:8px;}*/
/*.main .right .pwd input{ width:287px; height:50px; background:#FFF; border:#d2d2d2 solid 1px; border-radius:6px;font-size:18px; color:#999999; padding-left:17px;}*/
/*.main .right .yzm{ margin:10px auto 0px;}*/
/*.main .right .yzm input{ width:100px; padding-left:8px; height:40px; line-height:40px;border:#d2d2d2 solid 1px;}*/
/*.main .right .tt{ height:35px; line-height:35px; font-size:18px;}*/
/*.main .right .tt a{ display:block;}*/
/*.main .right .tt a.la{ float:left; color:#424242;}*/
/*.main .right .tt a.ra{ float:right; color:#ff5a00;}*/
/*.main .right .btn input{ width:304px; height:50px; background:#00a2ff; border:none; border-radius:6px; color:#FFF; font-size:22px; letter-spacing:8px; cursor:pointer;}*/



.main .right .frm_btm{ margin:10px auto 0px;width:304px;}
.main .right .frm_btm img{width:142px; height:142px;}
.main .right .frm_btm .ll{ float:left; width:142px;}
.main .right .frm_btm .rr{ float:right;width:142px;}
.right .frm_btm .ll span,.rr span{ display:block; text-align:center; font-size:15px; color:#424242;}

.footer{ margin:0 auto; width:100%; height:45px; background:#FFF; padding-top:22px; padding-bottom:10px;}
.footer p{ text-align:center; color:#a1a1a1; font-size:17px; line-height:26px;}
.footer p a{color:#a1a1a1;}

/* admin  */
.lo_wrap{ margin:0 auto; width:100%; min-height:800px;
    background-image: -webkit-radial-gradient(#7abdf1,#2c85e1);
    background-image: radial-gradient(#7abdf1,#2c85e1);
}
.gl_content{ margin:0 auto; width:1100px; padding-top:68px; }
.gl_content h2{ margin:0 auto; width:100%; height:40px; line-height:40px; color:#FFF; text-align: center; font-size:32px;}
.gl_content p{ margin:0 auto; width:100%; height:36px; line-height:36px; color:#FFF; text-align: center; font-size:13px;}
.gl_content .gl_main{ margin:40px auto 0; width:480px; background:rgba(255,255,255,0.23); border:rgba(255,255,255,0.23) solid 3px; border-radius:8px;}
.denglu{ padding-top:25px; padding-bottom:60px;}
.denglu .error{  margin: 25px auto 0;  color: red;width:288px; font-size:14px;}


.denglu .yzm_box input{ width:100px;
    padding-left: 8px;
    height:38px;
    line-height:38px;
    border: #d2d2d2 solid 1px;
    border-radius: 3px;
}


.denglu .box{ margin:15px auto 0; width:351px; height:40px; padding: 8px 0; border-radius: 3px;}
.denglu .box span{ float:left; width:80px; margin-right:5px;height:38px; line-height:38px; display: inline-block; color:#FFF; font-size:18px;}
.denglu .box input{ float:right; width:260px; height:38px;
    background-color: #eff6fc; border-radius:3px; padding-left:5px;
    font-size: 14px;
    color: #000;
    border: none;
}