@charset "utf-8";

/* CSS Document */

body,
div,
dl,
dt,
dd,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
select,
input,
textarea,
button,
p,
blockquote,
th,
td,
img,
iframe {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input,
button,
textarea,
option {
	font: 12px "\5b8b\4f53", Arial, Helvetica, sans-serif;
}

ul,
li,
div {
	list-style: none;
	border: 0px;
}

img {
	border: 0px;
}

.clear {
	font: 0px/0px serif;
	display: block;
	clear: both;
	overflow: hidden;
}

html {
	-webkit-text-size-adjust: none;
}

input {
	outline: none;
}

button {
	border: none;
}

textarea {
	resize: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

body:nth-of-type(1) input:focus,
textarea:focus {
	outline: none;
}

body {
	font: 12px "\5b8b\4f53", "Tahoma", "Arial", "Microsoft Yahei";
	color: #333;
	min-width: 1200px;
	background: #fff;
	position: relative;
}
/*@media (orientation: portrait) { 
body{
	transform: rotate(90deg);
	margin-top: 163px;
	
}}*/
.header {
	width: 1200px;
	margin: 0 auto;
	height: 75px;
	position: relative;
}

.header .logo {
	position: absolute;
	left: 35px;
	top: 10px;
}
.header span{
	position: absolute;
	left: 400px;
	line-height: 20px;
	top: 25px;
	color: #666;
}
.header span a{
	color: #666;
}
.header span a:hover{
	color: #ff6600;
}
.header p{
	position: absolute;
	right: 0;
	top: 25px;
	color: #666;
	line-height: 20px;
}
.header p a{
	color: #666;
}
.header p a:hover{
	color: #ff6600;
}
.container {
	height: 803px;
	width: 100%;
	background: url(../images/mainBg.jpg) center center no-repeat;
}

.main {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.main .name {
	position: absolute;
	top: 90px;
	color: #550712;
	text-align: center;
	left: 20px;
	width: 240px;
	font: bold 28px "microsoft yahei";
}

.main .card {
	position: absolute;
	top: 173px;
	right: 63px;
	width: 476px;
	height: 352px;
}

.main .card a {
	float: left;
	width: 87px;
	margin-left: 8px;
	position: relative;
	margin-bottom: 5px;
	height: 171px;
	cursor: url(../images/cursor.ico), default;
}

.tips-box{
	display: none;
	width: 370px;
	font:normal 26px/160px "microsoft yahei";
	height: 160px;
	text-indent: 114px;
	position: absolute;
	top: 358px;
	right: 165px; 
	color: #cb1212;
	background: url(../images/tips-box.png) 0 0 no-repeat;
}
.tips-box a.close{
	width: 47px;
	height: 47px;
	position: absolute;
	right: 6px;
	top: 8px;
}

.activitys {
	position: fixed;
	z-index: 9;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/activity.png) center bottom no-repeat;
}

.activitys h3 {
	position: absolute;
	bottom: 230px;
	left: 50%;
	margin-left: -80px;
	color: #fff;
	width: 180px;
	text-align: center;
	font: normal 20px/30px "microsoft yahei";
}

.activitys .close {
	position: absolute;
	bottom: 340px;
	left: 50%;
	margin-left: 153px;
	cursor: pointer;
	width: 52px;
	height: 52px;
}

.rt-nav {
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -277px;
	z-index: 8;
	width: 159px;
	height: 554px;
	background: url(../images/rt-bg.png) 0 0 no-repeat;
}

.rt-nav a.back,
.rt-nav #share {
	position: absolute;
	left: 23px;
	top: 140px;
	width: 115px;
	text-align: center;
	font: normal 17px/26px "microsoft yahei";
	color: #a90003;
	height: 30px;
	background: url(../images/btn-bg.png) 0 0 no-repeat;
	position: absolute;
}

.rt-nav #share {
	top: 195px;
}
.rt-nav a{
	width: 115px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 0;
}
.rt-nav .code {
	position: absolute;
	top: 255px;
	left: 23px;
	width: 115px;
	text-align: center;
}

.rt-nav .code img {
	width: 115px;
}

.rt-nav .code p {
	margin-top: 20px;
	color: #fff;
	font-size: 14px;
}

.card-box {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	height: 100%;
	width: 100%;
}

.card-box img {
	position: absolute;
	left: 50%;
	margin-left: -248px;
	top: 50%;
	margin-top: -412px;
	width: 495px;
	height: 825px;
	z-index: 999;
}

.barrage {
	position: fixed;
	width: 352px;
	height: 75px;
	bottom: 50px;
	margin-right: -360px;
	right: 0;
	background: url(../images/barrage.png) 0 0 no-repeat;
}

.barrage .tx {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
}

.barrage .name {
	float: left;
	margin-left: 110px;
	line-height: 65px;
	font-size: 14px;
	color: #000;
}

.barrage .info {
	float: left;
	margin-left: 20px;
	line-height: 65px;
	font-size: 14px;
	color: #000;
}

.barrage a.close {
	position: absolute;
	height: 30px;
	width: 30px;
	right: 15px;
	top: 19px;
	cursor: pointer;
}

.blur {
	filter: url(..images/blur.svg#blur);
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
}

.login{
	 background: url(../images/login_bg.png) no-repeat;
	 z-index: 99;
	display: none;
	 width: 500px;
	 height: 408px;
	 /* display: none; */
	 left: 50%;
    /*FF IE7*/
	 top: 50%;
    /*FF IE7*/
	 margin-left: -250px!important;
    
	 margin-top: -202px!important;
    
	 margin-top: 0px;
	 position: fixed!important;
    /*FF IE7*/
	 position: absolute;
    /*IE6*/
	 _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2: /*IE6*/
    document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
    /*IE5 IE5.5*/
}
.login_box{
	
	padding-top: 130px;
	padding-left: 113px;
	position: relative;
}
.login_box input{
	width: 270px;
	margin-bottom: 8px;
	height: 50px;
	line-height: 41px;
	color:#a9a8aa;
	border-radius: 3px;
	font-size: 14px;
	text-indent: 64px;
	padding-top:6px;
	border:#e9c7ca 1px solid;
	background-color: #efecec;
}
.login_box p{
	color: #ff0000;
	width: 272px;
	float: left;
	margin-bottom: 8px;
}
.login_box .name{

	background:#efecec url(../images/name_bg.png) 17px center no-repeat;
	
}
.login_box .word{
	background:#efecec url(../images/word_bg.png) 17px center no-repeat;
}
.login_box .phone{
	background:#efecec url(../images/phone_bg.png) 17px center no-repeat;
}
.login_box .weixin_num{
	background:#efecec url(../images/weixin_bg.png) 17px center no-repeat;
}
.login_box .login_btn{
	background: url(../images/login_btn.png) no-repeat;
	border: none;
	width: 177px;
	display: inline-block;
	margin-top: 15px;
}
.login_box .close_btn{
	margin-left: 6px;
	display: inline-block;
	background: url(../images/close_btn.png) no-repeat;
	border: none;
	width:85px;
	margin-top: 15px;
}
.login_box a{
	position: absolute;
	top:0;
	right: -12px;
	width: 43px;
	height: 43px;
	
}
.bg{
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	z-index: 10;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.7);
}