@charset "utf-8";
/*初始化*/
*{margin:0; padding:0;}
.mx{max-width:645px;margin:0 auto;padding:0 10px;}
html *{outline:0;zoom:1;} 
body{ width:100%; min-height: 100%;margin:0 auto; font-size:14px;font-family:Microsoft YaHei,SimSun;color:#222222;background:#ddf0f7 url(/cms/image/loginbg.jpg) no-repeat left top;background-size:cover;line-height:1.5;}
html button::-moz-focus-inner{border-color:transparent!important;} 
img {max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;-webkit-touch-callout:none}
a{text-decoration:none; color:#676767;outline:none;}
li{list-style-type:none;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
input,button,select,textarea{outline:none;font-family: "Microsoft YaHei",sans-serif;}
input[type="submit"], input[type="reset"], input[type="button"],input[type="text"],input[type="password"],textarea, button{appearance: none;-moz-appearance: none;-webkit-appearance: none;}
.r2{ -moz-border-radius: 2px;-webkit-border-radius: 2px;-khtml-border-radius: 2px;border-radius: 2px;}
.r5{ -moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
html{font-size:62.5%;}
@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:87%!important}}
@media only screen and (min-width:561px) {html {font-size:94%!important}}
@media only screen and (min-width:641px) {html {font-size:100%!important}}
ol,ul{list-style-type:none}
a:hover,a.active{color:#893093;}
a:active{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.rb input{margin-top:9px;*margin-top:2px;margin-bottom:0px;margin-bottom:0px !important;vertical-align:middle;float:left}
.rb label{padding-left:5px;margin-right:20px;cursor:pointer;float:left;}
.formerr{margin-left:3px;color:#b13335;display:inline}
.formnormal{margin-left:3px;color:blue;display:inline}
.formdefault{margin-left:3px;color:#999999;display:inline}
.clear{clear:both;height:0px;overflow:hidden;}
.loginwrap{background:url(/cms/image/loginbg.png) no-repeat left top;overflow:hidden;margin-top:50px;margin-bottom:20px;border:solid 0px #611987;}
.loginbg{margin:0 auto;overflow:hidden;width:470px;height:332px;}
.logo{position:relative;z-index:1;margin:15px 0;overflow:hidden;padding-bottom:10px;border-bottom:solid 1px #003366;}
.logo img{width:230px;max-width:350px;}
.logo p{position:absolute;z-index:10;font-size:20px;font-weight:bold;color:#333333;left:250px;bottom:25px;}

.wenben{float:left;width:100%;height:22px;line-height:22px;padding:1px 5px;border:1px solid #cccccc;background-color:transparent;}
.loginform{width:330px;margin:0 auto;overflow:hidden;}
.loginform ul{overflow:hidden;margin-bottom:10px;}
.loginform ul li{display:block;position:relative;z-index:1;padding-left:50px;padding-right:12px;line-height:26px;height:26px;overflow:hidden;}
.loginform ul li p.name{position:absolute;z-index:10;left:0;top:0;}
.loginformbtn{text-align:left;}
.loginformbtn a{display:block;width:80px;padding:0;height:30px;line-height:30px;text-align:center;background:#003366;}
.loginformbtn a.log{color:#ffffff;}
.loginformbtn a.dis{color:#ffffff;display:none;}
.loginformbtn a.log:hover{background:#003366;color:#ffffff;}
.bottom{max-width:600px;margin:0 auto;text-align:center;}
.loginformbtn em{float:right;}

@media only screen and (max-width:767px) 
{
    body{font-size:1.4rem;height:100%;}
.mx{max-width:100%;padding:0 3rem;}
.loginwrap{overflow:hidden;margin-top:2rem;margin-bottom:2rem;border:0;background:none;}
.loginbg{padding:0;width:100%;height:auto;}
.logo{margin-bottom:3rem;padding-bottom:2rem;margin-top:0;}
.logo p{position:relative;display:block;left:0;right:0;bottom:0;margin-top:1rem;font-size:1.8rem;text-align:center;}
.wenben{height:2rem;line-height:2rem;padding:0.1rem 0.5rem;border-width:0.1rem;}
.loginform{width:100%;}
.loginform ul{overflow:hidden;margin-bottom:1.5rem;}
.loginform ul li{padding-left:5rem;padding-right:1.2rem;line-height:2.2rem;height:auto;}
.loginformbtn a{width:10rem;padding:0;height:3rem;line-height:3rem;display:block;}
.loginformbtn a.log:active{background:#003366;color:#ffffff;}
.loginformbtn em{float:none;display:block;margin-bottom:1rem;}
.bottom{max-width:100%;margin:0 auto;text-align:center;padding-bottom:1rem;}
.rb input{margin-top:9px;*margin-top:2px;margin-bottom:0px;margin-bottom:0px !important;vertical-align:middle;float:left}
.rb label{padding-left:5px;margin-right:20px;cursor:pointer;float:left;}


}
@media only screen and (max-width:561px) 
{
}
@media only screen and (max-width:420px) 
{
.mx{max-width:100%;padding:0 2rem;}

}