@charset "utf-8";
*{margin:0;padding:0}
body{font-family:"微软雅黑"; font-size:14px;background:#f7f7f7; color:#3a2a2f;}

ul{list-style:none}
a{text-decoration:none;color:#000}
img{border:none;vertical-align:top}
input{outline:0px;}
#agree{float:left;margin-top:3px;}
.phcolor{ color:#999;}
/**/
/* Clear Fix */

.clearfix:after {

content:".";

display:block;

height:0;

clear:both;

visibility:hidden;

}

.clearfix {

display:inline-block;

}

/* Hide from IE Mac \*/

.clearfix {display:block;}

/* End hide from IE Mac */

/* end of clearfix */



/* head */
.top-head{border-bottom:1px solid rgba(204,204,204,.5)}
.headbox{width:1024px;height:100px;margin:0 auto;}
.logo{float:left;margin-top:25px}
/*.top-head ul{float:right}
.top-head ul li{display:inline-block;*display:inline;*zoom:1;font-size:18px;width:160px;}
.top-head ul li img{float:left;}
.top-head ul li h1{font-size:20px;float:left;color:#333;margin:10px}*/
.relogin{width:30%;text-align:right;height:20px;color:#000;margin-top: -30px;margin-bottom: 30px;float:right;position: relative;z-index: 2;margin-right: 5%;}
.relogin a{color:#00F}
/* content */
.mid-content{width:100%;padding-top:70px;background: #fff;background: url(../images/loginimg.jpg) no-repeat center;
    background-size: auto 100%;position:relative;}
.mid-content::before{content: "";position: absolute;width: 100%;height: 100%;background: url("../images/login-bg.jpg") repeat-x center;
	background-size:auto 100%;top:0;z-index: -1;}
.contentbox{width:1024px;margin:0 auto;height:450px;padding-bottom: 50px;position: relative;}
.contentbox::before{content: "";position:absolute;height: calc(100% + 70px);width: 32%;left:75%;top:-70px;background: #ffcb01;}
.ad{float:right;}
.frame{float:right;width:32%; -moz-box-shadow: 3px 3px 4px #333;
    -webkit-box-shadow: 3px 3px 4px #333;
    box-shadow: 6px 6px 20px rgba(0,0,0,.2);position: relative;z-index: 2;background: #fff;margin-right: 5%;}
.titleL{font-size:16px;height:40px;line-height:42px;text-align:center;padding-top: 10px;margin-bottom: -10px;}
.titleR{width:50%;float:right;text-align:center;height:40px;line-height:42px;}
.titleR a{font-size:13px;height:40px;line-height:40px;}
/*input*/
.item{padding-left:8%;margin-top:15px}
.itembox{width:92%;border:1px solid rgba(204,204,204,0.75);float:left}
.icon{float:left;width:20%;text-align:center;margin-top:10px}
.login_input{float:left;width:80%;height:40px;margin-top:0px;font-size:12px;border:none;line-height:40px}

.ok{display:none;width:40px;height:30px;background:url(/images/yes.png);float:left}
.info{width:100%;color:red;float:left;margin-left:30px;margin-top:0px}
.msgs{float:left;display:inline-block;width:45%;color:#fff;font-size:16px;text-align:center;height:30px;line-height:30px;background:#0697DA;cursor:pointer;}
form .msgs1{background:#E6E6E6;color:#818080;border:1px solid #CCCCCC;}
.code_msg{float:right;font-size:12px;line-height:50px;width:45%;height:30px;border:1px solid #999;}
.Btn{width:100%;background:#F50;border:none;color:#FFF;display:block;margin-top:15px;cursor:pointer;padding: 10px 0; margin-bottom: 30px;font-size: 16px;
    font-weight: bold; height: 41px;}
.Btn_pass{width:100%;background:#0697DA;border:none;color:#FFF;display:block;font-size:16px;margin-top:15px;cursor:pointer;}
.item p a{padding-left:3px;font-size:12px;}

.codeshow{float:left;height:32px;font-size:20px;letter-spacing:5px;margin-left: 5px;}
.code{float:left;width:43%;padding-left: 2%; height:30px;line-height:50px;border:1px solid rgba(204,204,204,.75);font-size:12px;}

.backto{
	width: 40px;
	height: 40px;
	float: right;
	margin-right: 20px;
	margin-top: 25px;
	background: url(../images/close-login.png) no-repeat center;
    cursor: pointer;
    background-size: 30px;
	display: none;
}

/* foot */
.bottom-foot{background:#F8F8F8;padding-top:50px;border-top:1px solid rgba(204,204,204,.5);}
.footbox{width:100%;margin:0 auto;}
.footbox p{height:30px;text-align:center}
@media only screen and (max-width: 639px){
.contentbox{width:100%;}
.contentbox > p{width:90%;margin-left: 5%;}
.headbox{width:98%;}
.item{margin-left:1%}
.frame{width:90%;margin-left:5%}
.ad{display:none}
.min-show{display: block;}
}

@media screen and (min-width: 640px) and (max-width: 767px){
.contentbox{width:100%;}
.headbox{width:98%;}
.frame{width:90%;margin-left:5%}
.ad{display:none}
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
	.frame{width:50%}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
.contentbox{width:100%;}
.headbox{width:98%;}

}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.headbox{width:1020px}
.contentbox{width:1020px}
}
@media screen and (min-width: 1441px) and (max-width: 1667px){

}
@media screen and (min-width: 1680px) and (max-width: 1919px){

}
@media screen and (min-width: 1920px){

}