body, ul, li { font-family: 'Microsoft YaHei'; padding: 0; margin: 0; }
body { background: #f8f8f8; }
ul, li { list-style-type: none; }
a { text-decoration: none; color:#666; }
a:hover{ color:#F30;}
/*p { text-align: center; font-size: 12px; color: #999; line-height:30px; }*/
.header { width: 100%; }
.header-top1 { height: 80px; background-color: #fff; color: #666; width: 100%; position: relative; box-shadow: 1px 1px 3px #ccc; }
.header-top1 ul { float: left; }
.header-top1 ul li { float: left; width: 120px; text-align: center; }
.header-top1 ul li a { color: #666; line-height: 80px; }
.header-top1 ul li a:hover { color: #F30; }
.header-top1 .logo { float: left; height: 80px; background: url(/Content/images/logo.png) 50% center no-repeat; }
.header-top2 { height: 20px; background: url(../img/logobg.png) no-repeat; }
#main-hd { padding-top: 10px !important; }
.header .buybtn{background:#ff4f00; color:#fff; font-size:14px; padding:6px 25px; border-radius:3px;}
.header .buybtn:hover{ color:#fff;}
.header .right{float:right;text-align:right;padding-right:30px; line-height:80px;font-size:12px;}
.header .right a{ font-size:12px;}
.normal{ color:#ff4f00;}
.loginout{ color:#999;}
.vip{color:#ff4f00;}
/******/
.login_box { height: 500px; background: #fff; margin: 0 auto; margin-top: 50px; padding:50px; float: none; }
.login_box .login_title { float: left; width: 100%; text-align: center; line-height: 40px; margin: 20px 0; }
.login_box .login_title h4 { font-size: 28px; }
.loginform {overflow: hidden; margin: 0 auto; padding: 0; }
.loginform li { float: left; margin: 10px 0; overflow: hidden; padding: 0}
.login_box label { width: 100px; text-align: right; font: 14px/35px "Microsoft YaHei"; float: left; }
.login_box input { background-color: #fff;  width: 286px; height: 35px; float: left; padding-left: 10px; display: inline; margin-left: 30px; border: 1px solid #ddd; box-shadow: 2px 2px 4px #f3f3f3 inset; font: normal 14px/35px "Microsoft YaHei"; color: #999; }
.login_box .btnsubmit { height: 45px; color: #fff; font-family: "Microsoft YaHei"; float: left; margin-left: 130px; border-radius: 3px; border: 1px solid #DC3109; text-align: center; background-color: #E9411A; margin-top: 20px; font-size: 15px; -webkit-appearance: none; box-shadow: none; }
/*//=========*/
.login_box #tsja { height: 45px; color: #fff; font-family: "Microsoft YaHei"; float: left; margin-left: 130px; border-radius: 3px; border: 1px solid #DC3109; text-align: center; background-color: #E9411A; margin-top: 20px; font-size: 15px; -webkit-appearance: none; box-shadow: none; }
/*==========*/

/******/
.banner_top { width: 100%; height: 600px; background: url(../img/bannerbg.jpg) }
.wrap { width: 1200px; margin: 0 auto; }
.wrap h2 { width: 640px; margin: 0 auto; text-align: center; font-size: 36px; color: #333; padding-bottom: 30px; border-bottom: 1px solid #fdabb4; position: relative; margin-bottom: 50px; }
.wrap h2 i { display: block; width: 80px; height: 9px; background: #fc5368; position: absolute; bottom: -5px; left: 50%; margin-left: -40px; }
.banner { width: 100%; float: left; padding: 40px 0; background: #fff; }
.banner_two { background: #fff6f7; }
.banner_four { background: #fcfffb; }
.btn_box { width: 480px; margin: 0 auto; }
.btn_box .btn { float: left; display: block; line-height: 55px; width: 200px; color: #fff; font-size: 18px; margin: 20px; text-align: center; border-radius: 40px; background:#ff9c00; }
.btn_box .btn_buy{ background: #ff4f00;}

@media (max-width: 767px){
	.header-top1{
		height:60px;
	}
	.header-top1 .logo{
		height:60px;
	}
	.login_box input{
		width: 100%;
		margin-left:0px; 
		box-shadow:0px 0px 0px #f3f3f3 inset;
		height: 40px;
		line-height: 40px;
		-webkit-appearance: none;
	}
	.login_box .btnsubmit{
		margin-left:0px;
	}
	.logo_box #tsja{
		margin-left: 0px ;
	}
	.header-top1 .logo{
		background-size: 100%; 
	}
	.login_box{
		margin-top: 10px;
		padding: 50px 20px;
	}
}
@media (min-width: 767px){
	.loginform{
		width:500px;
		float: none;
	}

}