@charset "utf-8";
.wrapper{}
.wrapper .w{width:1200px; margin:0 auto;}
/*login*/
.loginheader{height:100px; overflow:hidden;}
.loginheader .logo{float:left; padding-top:15px;}
.loginheader .header-link{float:right;padding-top: 15px;  text-align:right;}
.loginheader .header-link a{color:#333; padding:0 18px;}
.loginbox{border-top:3px solid #fff;border-bottom:3px solid #fff;background:#7f0d6f url(img/bg_login.jpg) no-repeat center center;}
.loginbox .w{height:731px;}
.loginform{width:420px;height:470px;float:right;margin-top:140px; margin-right:85px; border-radius:20px;background:rgba(255,255,255,0.8);filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#c8ffffff,endColorstr=#c8ffffff);
 }
.loginform .title{height:70px;line-height:70px;text-align:center;font-size:26px; overflow:hidden;}
.loginform .title li{float:left; width:210px;background:#8d3b75; color:#fff; cursor:pointer;}
.loginform .title li a{color:#fff; }
.loginform .title li:first-child{border-top-left-radius:20px;}
.loginform .title li:last-child{border-top-right-radius:20px;}
.loginform .title li.cur{background:none;color:#8d3b75; }
.loginform .bd{padding:5px 53px 20px;}
.loginform .bd .msg{display:block; height:20px; line-height:20px; color:#ff0000; padding:10px 0px 10px;}
.loginform .bd .loginrow{margin-bottom:15px;}
.loginform .txt{width:264px;height:45px; line-height:45px; font-size:16px; border:1px solid #b3b2b3; background:#fff url(img/loginicon.png) no-repeat; padding-left:50px; outline:none;}
.loginform .txt:hover{border:1px solid #8d3b75;}
.loginform .username{background-position:15px 11px;}
.loginform .password{background-position:15px -58px;}
.loginform .code{background-position:15px -132px; width:150px; display:block; float:left;}
.loginform .codeimg{width:112px; height:46px; display:inline-block;}
.loginform .codeimg img{width:100%; height:100%;}
.loginform .loginchk{padding:0px 53px 20px 52px;}
.loginform .loginbtn{padding:0px 53px 20px 52px;}
.loginform .btn{color:#fff;border:none;width:100%; height:49px;background:url(img/loginbtn.png);cursor:pointer;}
.loginform .links{text-align:center;}
.loginform .links a{padding:0 20px;font-size:16px; color:#8d3b75;}
.loginform .reg{text-align:center;border-top:1px dotted #439dd9;padding-top:20px;}
.loginform .reg a{margin-right:20px;color:#439dd9;font-size:14px; }
.loginfooter{text-align:center; padding:30px 0; font-size:18px; color:#666666;}
.loginfooter a{color:#666;}



.loginform .bd .loginrow input#verify_code {
    width: 150px;
    display: block;
    float: left;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    border: 1px solid #b3b2b3;
    padding-left: 50px;
    outline: none;background: #fff url(img/loginicon.png) no-repeat;background-position: 15px -132px;
}


@media screen and (max-width: 1199px){
.wrapper .w {width: 1000px;margin: 0 auto;}
.loginbox .w {height: 500px;}
.loginform {margin-top: 15px;margin-right: 25px;}
}


@media screen and (max-width: 999px){	
.wrapper{min-width:0px;}
.wrapper .w {width: 100%;}
.loginbox .w {height: 470px;}
.loginheader .logo{text-align:center;}
.loginbox { border: none;background: none; margin-top:15px;}
.loginform {width: 350px;height: 470px;float: none;margin: 0px auto;background: #eee;}
.loginform .title li{width:175px;}
.loginform .bd {padding: 5px 18px 20px;}
.loginform .loginchk {padding: 0px 18px 20px 18px;}
.loginform .loginbtn {padding: 0px 18px 20px 17px;}
}