@charset "utf-8";
/* CSS Document */
html, body {width: 100%; font-family: "Microsoft Yahei";}
/*------------------- link -------------------*/
a,area {blr:expression(this.onFocus=this.blur());} 
:focus {-moz-outline-style: none; outline: none;}
a {color: #bcbcbc; outline: none;}
a:hover {color: #ffe724; text-decoration: none;}

/*------------------- activePage -------------------*/
#wrapper {position: relative; width: 100%; min-width: 1000px; max-width: 1920px; margin: 0 auto; background: url(../img/bg01.jpg) no-repeat center top;}
.logo01, .logo02 {position: absolute; font-size: 0; text-indent: -9999px; z-index: 100;}
.logo01 {top: 89px; left: 72px; width: 226px; height: 130px; background: url(../img/logo01.png) no-repeat;}
.logo02 {top: 83px; right: 43px; width: 200px; height: 136px; background: url(../img/logo02.png) no-repeat;}
.content {position: relative; width: 1000px; margin: 0 auto; background: url(../img/bg02.jpg) no-repeat center top;}
.btn-login {position: absolute; top: 41px; right: -25px; width: 141px; height: 43px; line-height: 43px; color: #fff; font-size: 21px; text-align: center; background: #37383f;}
.btn-area {padding: 478px 0 160px 377px;}
.btn-area a {display: block; width: 312px; height: 95px; margin-bottom: 14px; background: url(../img/btn_bg.png) no-repeat;}
.btn-area a:hover {opacity: .9;}
.btn-area a:nth-child(1) {margin-left: 105px; background-position: -105px 0;}
.btn-area a:nth-child(2) {margin-left: 52px; background-position: -52px -109px;}
.btn-area a:nth-child(3) {background-position: 0 -218px;}

/*------------------- footer -------------------*/
#footer {min-width: 1000px; max-width: 1920px; padding: 35px 0; margin: 0 auto; color: #7b7b7f; background: #111113}
#footer ul {width: 1000px; margin: 0px auto}
#footer ul li {float: left; margin: 0 15px; line-height: 20px;}

/*------------------- popupCon -------------------*/
#TB_overlayBG {position: fixed; top: 0; left: 0; z-index: 199; display: none; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; background:#000;}
.popupCon {display: none; position: absolute; left: 50%; top: 50%; width: 500px; min-height: 330px; background: #fff; z-index: 200;}
#personalIn { min-height: 370px; _height: 370px; margin: -185px 0 0 -280px;}
.popupCon .btnClose {position: absolute; top: 30px; right: 25px; width: 26px; height: 26px; cursor: pointer; background: url(../img/main_bg.png) no-repeat;}
.popupCon .btnClose:hover {background-position: -31px 0;}
.popupCon .popTitle {height: 78px; padding-bottom: 14px; line-height: 78px; color: #333; font-size: 30px; text-align: center; background: url(../img/line.png) no-repeat center bottom;}
.pl-login{padding-left: 164px;}

/* popBox */
.popBox {width: 500px}
.popBox .errorTip {height: 24px; line-height: 24px; color: #ff1d00;}
.popBox li {margin-bottom: 10px; color: #737373}
.popBox .txtArea { display: inline-block; width: 160px; vertical-align: top; font: 16px/30px "Microsoft Yahei"; text-align: right}
.style-input01,.style-input02,.style-input03 { padding: 4px 5px; color: #333; margin-right: 5px; font: 14px/22px "Microsoft Yahei"; border: 1px solid #aeaeb0}
.style-input01 { width: 236px; height: 22px}
.style-input02 { width: 128px; height: 22px; margin-right: 4px}
.style-input03 { width: 236px; height: 42px}
.valfocus, .passtxt { color: #999;}
.passval { display: none;}
.popBox .code { cursor:pointer; text-align:center;}

.user-detail {width: 380px; margin: 28px auto;}
.user-detail .photo {float: left; width: 120px; height: 120px;}
.user-detail .photo img {width: 120px; height: 120px;}
.user-detail .msg {float: right; width: 230px; padding-top: 3px; line-height: 28px;}
.get-after {display: none;}

/*popTips-text*/
.popTips-text { padding: 70px 40px 20px 40px; line-height: 26px; text-align: center}
.gift_txt { color:#ba2023; font-size:24px}

/*popupCon-award*/
.popupCon-award {width: 670px; min-height: 440px; background: url(../img/award_pop.jpg) no-repeat; box-shadow: -5px 5px 10px #000;}
.award-btnClose {position: absolute; top: 0; right: -43px; width: 43px; height: 39px; cursor: pointer; background: url(../img/main_bg.png) no-repeat 0 -39px;}
.award-btnClose:hover {background-position: -44px -39px;}
.award-title {padding: 20px 0; margin: 0 20px 25px; font-size: 33px; line-height: 40px; font-weight: bold; text-align: center; border-bottom: 1px dotted #dbb2a9; background: linear-gradient(to top, #ffebb5, #ffffff); -webkit-background-clip: text; color: transparent; color: #fff5da\0; background: none\0;}
.popupCon-award .pop-content {padding: 0 30px}
.act-detail {width: 585px; padding-bottom: 50px;}
.act-msg {margin-bottom: 3px; overflow: hidden;}
.act-msg .num {float: left; width: 32px; height: 24px; color: #f1456e; font-size: 16px; line-height: 22px; text-align: center; background: url(../img/main_bg.png) no-repeat 0 -80px;}
.act-msg .brief {float: right; width: 548px; line-height: 22px; color: #fff;}
.act-msg .brief p {font-size: 15px; font-weight: bold;}

.table-type {width: 100%; margin-bottom: 12px; text-align: center; border: 1px solid #a64b37;}
.table-type th {padding: 0 10px; color: #ff9487; font-weight: bold; line-height: 34px; text-align: center; background: rgba(94,24,13,0.6);}
.table-type td {padding: 7px 10px; color: #fff; line-height: 18px; text-align: center; background: rgba(94,24,13,0.6);}
.table-type tbody tr:nth-child(odd) td {background-color: rgba(0,0,0,0.6);}

.btn-type01 {display: inline-block; padding: 0 40px; color: #fff; font-size: 18px; line-height: 45px; text-align: center; cursor: pointer; border: none; background: #b92613;}

/*------------------- text -------------------*/
.f18 {font-size: 18px;}
.fcolor01 {color: #666;}
.fcolor02 {color: #ff1d00;}
.fcolor03 {color: #ff9487;}
.fcolor04 {color: #ffea00;}
.txt-type01 {padding-top: 3px; font-size: 21px;}

@media screen and (max-width:1450px){
	.act-detail {padding-bottom: 50px;}
}
@media screen and (max-width:1030px){
	.btn-login {top: 30px; right: 30px;}
}