* {
    margin: 0;
    padding: 0;
}
html { overflow-y: scroll; overflow-x:hidden; }
ol,ul,li{list-style-type:none;}
img{border:0px; vertical-align:middle;}
form {margin:0px;padding:0px;}
input ,select {font-family:"Microsoft YaHei";}
input::-webkit-input-placeholder { color:#adadad; }
input:-moz-placeholder { color:#adadad; }
input::-moz-placeholder { color:#adadad; }
input:-ms-input-placeholder { color:#adadad; }
.clear { height:0px; clear: both; overflow:hidden; }
.fl { float:left; }
.fr { float:left; }
.gray { color:#828282 !important;}
.mr0 { margin-right:0px !important;}

body { font-size: 14px; line-height: 24px; color: #000000; background-color: #292b3e; font-family:"Microsoft YaHei";}
a { color: #000000; text-decoration: none;}
a:hover { color:#0e8ee7; text-decoration: none;}

#wrap { min-width:1140px; position: relative; }

html {overflow-y:hidden; }

.login_header { background:#fff; }
.login_topbar { width:1200px; margin:0 auto; height:112px;}
.login_topl { float:left; padding-top:27px;}
.login_topr { float:right; padding-top:23px; line-height:32px; color:#878787;}
.login_topr ul li{ float:left; margin-left:40px; text-align:center;}

.login_main { background:url(./pic/bg.jpg) center center no-repeat; position:relative; min-height:500px;}

.login_box { position:fixed; width:300px; padding:0 30px; right:50%; top:50%; border-radius:10px; background:#fff; margin-right:-600px; }
.login_box .tit { padding-top:20px; height:61px; position:relative; margin-bottom:14px; text-align:center; }
.login_box .tit a{ float:left; width:50%; height:61px; text-align:center; font-size:20px; color:#878787;}
.login_box .tit a span{ display:inline-block; height:58px; line-height:58px;}
.login_box .tit a:hover{ color:#0e8ee7;}
.login_box .tit a.on{ color:#0e8ee7;}
.login_box .tit a.on span{ border-bottom:3px #0e8ee7 solid;}
.login_box .tit p{ display:inline-block; height:58px; line-height:58px; font-size:20px; color:#0e8ee7;}
.login_box .tit p{ border-bottom:3px #0e8ee7 solid;}
.login_box .tit i{ display:block; height:18px; width:2px; background:#ededed; position:absolute; top:41px; left:50%; margin-left:-1px;}

.login_box .item { margin-bottom:10px; position:relative; line-height:32px; color:#878787; }
.login_box .item .input{ width:100%; height:42px; border-radius:3px; line-height:42px; font-size:14px; color:#333; border:none; text-align:left; background:#f5f5f5; text-indent:20px;}
.login_box .item .input2{ width:190px; }
.login_box .item .input:focus { border:none; outline:none; background:#f9f9f9; box-shadow:0 0 5px rgba(0,0,0,0.3); }

.login_box .btnbox { padding-top:10px;}
.login_box .btnbox .btn{ display:block; width:100%; height:42px; border-radius:3px; font-size:18px; line-height:42px; text-align:center; color:#fff; background:#0e8ee7; border:none; cursor:pointer; transition:all 500ms ease; -webkit-transition:all 500ms ease;-moz-transition:all 500ms ease; -o-transition:all 500ms ease;}
.login_box .btnbox .btn:hover{ background:#22a4fe; color:#fff;}


.login_box .item a{ color:#878787; }
.login_box .item a:hover{ color:#0e8ee7;}


.login_box .item .yzm{ position:absolute; right:0; top:0; height:42px; width:99px; border-radius:3px; }
.login_box .item .code_btn{ position:absolute; right:0; top:0; height:42px; width:99px; border-radius:3px; text-align:center; font-size:14px; line-height:42px; text-align:center; color:#fff; background:#0e8ee7; border:none; cursor:pointer; transition:all 500ms ease; -webkit-transition:all 500ms ease;-moz-transition:all 500ms ease; -o-transition:all 500ms ease;}
.login_box .item .code_btn:hover{ background:#22a4fe; color:#fff;}

.login_box .success { padding-top:46px; text-align:center; line-height:88px; font-size:24px; font-weight:bold; color:#0e8ee7; margin-bottom:45px;}

.login_box .foot { text-align:center; line-height:42px; color:#878787;}
.login_box .foot a{ color:#0e8ee7; text-decoration:underline; }
.login_box .foot a:hover{ color:#ff9900;}

.login_box1 { height:400px; margin-top:-200px; }
.login_box1 .tit { margin-bottom:25px; }

.login_box2 { height:492px; margin-top:-246px; }
.login_box2 .item { margin-bottom:8px; }

.login_box3 { height:492px; margin-top:-246px; }
.login_box3 .item { margin-bottom:8px; }
.login_box3 .tit { margin-bottom:30px; }


footer { text-align: center; color: #666; margin-top:0px !important; }
footer .footer-content { background: #333; padding: 25px 0 15px; }
footer .footer-content .wrapper { margin: 0 auto; position: relative; }
footer .footer-content .wrapper p { margin-bottom: 10px; font-size: 12px; }
footer .footer-content .wrapper a { color: #aaaaaa; margin: 0 10px; font-size: 12px; }


@media (min-width:320px) and (max-width:800px){
#wrap { min-width:320px; }
.login_header { background:#fff; }
.login_topbar { width: auto; margin:0 auto; height: auto; padding:0 10px;}
.login_topl { float:none; padding-top:10px; padding-bottom:10px;}
.login_topl img{ height:35px;}
.login_topr { display:none;}

.login_main { background:url(./pic/bg.jpg) right center no-repeat; background-size:cover; position:relative; min-height:400px;}

.login_box { width:auto; padding:0 20px; left:20px; right:20px; top:50%; border-radius:10px; margin-right:0px; }
.login_box .tit { padding-top:5px; height:40px; margin-bottom:5px; }
.login_box .tit a{ width:50%; height:40px; font-size:16px; color:#878787;}
.login_box .tit a span{ height:38px; line-height:38px;}
.login_box .tit a.on span{ border-bottom:2px #0e8ee7 solid;}
.login_box .tit p{ height:38px; line-height:38px; font-size:16px; }
.login_box .tit p{ border-bottom:2px #0e8ee7 solid;}
.login_box .tit i{  height:16px; width:1px; top:17px; left:50%; }

.login_box .item { margin-bottom:6px; line-height:28px; }
.login_box .item .input{ width:100%; height:36px; line-height:36px; font-size:14px; text-indent:20px;}
.login_box .item .input2{ width:100%; }

.login_box .btnbox { padding-top:6px;}
.login_box .btnbox .btn{ height:36px; border-radius:3px; font-size:16px; line-height:36px; }



.login_box .item .yzm{ position:absolute; right:0; top:0; height:36px; width:99px; border-radius:3px; }
.login_box .item .code_btn{ position:absolute; right:0; top:0; height:36px; width:99px; font-size:14px; line-height:36px; }

.login_box .success { padding-top:46px; text-align:center; line-height:88px; font-size:20px; font-weight:bold; color:#0e8ee7; margin-bottom:45px;}
.login_box .success img{ height:80px;}

.login_box .foot { line-height:40px; }

.login_box1 { height:280px; margin-top:-140px; }
.login_box1 .tit { margin-bottom:15px; }

.login_box2 { height:380px; margin-top:-190px; }
.login_box2 .item { margin-bottom:5px; }

.login_box3 { height:380px; margin-top:-190px; }
.login_box3 .item { margin-bottom:5px; }
.login_box3 .tit { margin-bottom:20px; }

footer { text-align: center; color: #666; margin-top:0px !important; }
footer .footer-content { background: #333; padding:10px 10px 10px 10px; }
footer .footer-content .wrapper { margin: 0 auto; position: relative; }
footer .footer-content .wrapper p { margin-bottom: 0px; font-size: 11px; line-height:16px; }
footer .footer-content .wrapper a { color: #aaaaaa; margin: 0 10px; font-size: 11px; }

.footer-nav { display:none;}
}