@charset "utf-8";
/* CSS Document */
body, html {min-width: 1400px; color: #343434; font-family: "Microsoft Yahei";}
a {color: #171717;}
a:hover {color: #c4a85b; text-decoration: none;}
.imgsize {width: 100%;}
.t-center {text-align: center;}
#wrapper {width: 100%; min-width: 1400px; max-width: 1920px; margin: 0 auto; background: #e2e0d4 url(../img/bg01.jpg) no-repeat center top;}
.blockW {position: relative; width: 1000px; margin: 0 auto;}

.sub-tool {position: fixed; top: 57px; right: 0; z-index: 20; width: 208px; height: 529px; background: url(../img/sprite_bg.png) no-repeat -592px 0;}
.tool-list {margin: 113px 40px 0 41px; width: 88px; padding: 10px 20px 0;}
.sub-tool li {position: relative; width: 87px; height: 88px; margin-bottom: 10px;}
.sub-tool a {display: block; width: 87px; height: 88px; background: url(../img/sprite_bg.png) no-repeat;}
.sub-tool a:hover {opacity: .9;}
.sub-tool .st-qq {background-position: -300px 0;}
.sub-tool .st-weixin {background-position: -398px 0;}
.sub-tool .st-douyin {background-position: -496px 0;}
.tool-code {display: none; position: absolute; top: -14px; left: -185px; width: 122px; height: 160px; padding: 16px 15px 0 16px; color: #fff; text-align: center; background: url(../img/sprite_bg.png) no-repeat -430px -94px;}
.tool-code img {width: 122px; height: 122px;}
.tool-code span {display: block; margin: 9px 0; color: #4a3228; font-size: 18px; line-height: 18px;}

/*------------------- header -------------------*/
#header {position: relative; height: 970px;}
.home-page #header:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 970px; background: url(../img/role_bg.png) no-repeat center top;}
.logo {position: absolute; top: 30px; left: 8%; width: 274px; height: 74px; font-size: 0; line-height: 0; background: url(../img/logo.png) no-repeat;}
.head-inner {position: relative; width: 1000px; margin: 0 auto;}
.nav-list {position: absolute; top: 34px; right: 0; z-index: 10;}
.nav-list li {float: left; display: inline; padding: 0 21px 0 29px; font-size: 20px; line-height: 42px; background: url(../img/line.png) no-repeat;}
.nav-list li:nth-child(1) {background: none;}
.nav-list li a {display: block; color: #434343;}
.nav-list li a:hover {color: #8b6d52;}
.slogan {position: absolute; top: 575px; left: 50%; z-index: 10; width: 1088px; height: 170px; margin-left: -493px; text-indent: -9999px; background: url(../img/slogan.png) no-repeat;}
.game-con {position: absolute; top: 748px; left: 50%; z-index: 10; width: 503px; height: 158px; padding: 33px 56px 0; margin-left: -322px; background: url(../img/sprite_bg.png) no-repeat 0 -542px;}
.code-msg {float: left; width: 158px;}
.code-msg h4 {float: left; height: 128px; margin-right: 10px; color: #6e4d48; font-size: 18px; writing-mode: vertical-rl; writing-mode: tb-rl; text-align: center; font-family: SimHei;}
.code-pic {float: left; width: 116px; height: 116px; padding: 6px; background-color: #b28e72;}
.code-pic img {width: 114px; height: 114px; border: 1px solid #fff;}
.down-box {float: left; width: 181px; margin: 0 37px 0 33px;}
.btn-app, .btn-android {display: block; width: 181px; height: 56px; font-size: 0; line-height: 0; background: url(../img/sprite_bg.png) no-repeat;}
.btn-android {margin-top: 16px; background-position: 0 -60px;}
.ageTip {float: right; width: 94px; height: 120px; margin-top: 3px; font-size: 0; line-height: 0; background: url(../img/sprite_bg.png) no-repeat -190px 0;}

/*------------------- content -------------------*/
.content {padding: 40px 0; background: url(../img/bg02.jpg) no-repeat center top;}

.describe {margin-bottom: 73px;}
.title {width: 353px; height: 129px; margin: 0 auto; font-size: 0; text-indent: -9999px; background: url(../img/sprite_bg.png) no-repeat;}
.title01 {background-position: 0 -130px;}
.title02 {background-position: 0 -260px;}
.title03 {background-position: 0 -390px;}

/* notices */
.notices {margin-bottom: 140px;}
.notice-box {position: relative; width: 632px; height: 333px; padding: 98px 56px 60px 62px; margin: 40px 0 0 130px; background: url(../img/news_bg.png) no-repeat;}
.notice-box:before {content: ""; position: absolute; top: 312px; left: -99px; width: 161px; height: 258px; background: url(../img/sprite_bg.png) no-repeat -420px -280px;}
.notice-box:after {content: ""; position: absolute; top: -9px; left: 570px; width: 400px; height: 736px; background: url(../img/role01.png) no-repeat;}
.tag-list {position: relative; margin-bottom: 15px;}
.tag-list li {float: left; display: inline; margin-right: 36px; line-height: 38px;}
.tag-list a {position: relative; display: block; padding: 0 10px 15px; color: #6e4d48; font: bold 20px/20px "SimSun"; cursor: pointer;}
.tag-list .on a, .tag-list a:hover {color: #753b32; background: url(../img/sprite_bg.png) no-repeat -740px -556px;}
.tag-list .more {position: absolute; top: 0; right: 0; z-index: 2; font: normal 14px/20px "Microsoft Yahei";}
.tag-list .more:hover {background: none;}

.recommend {font-size: 16px; font-weight: bold; line-height: 27px; background-color: #f0f0e7;}
.recommend b {position: relative; display: inline-block; width: 53px; color: #fff; margin-right: 14px; text-align: center; font-weight: 300; background-color: #a35f58;}
.recommend b:after {content: ""; position: absolute; top: 11px; right: -4px; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #a35f58;}
.recommend a {display: inline-block; width: 550px; color: #6e4d48; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top;}

.note-list {display: none;} 
.note-list:nth-child(1) {display: block;}
.note-list li {padding: 14px 0; color: #6e4d48; font-size: 14px; overflow: hidden; zoom: 1; border-bottom: 1px solid #c9c1b6;}
.note-list li .time {float: right;}
.note-list a {display: block; width: 76%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #6e4d48;}
.note-list a:hover {color: #9f7e54;}

.staff-wrap {margin-bottom: 143px;}
.staff-con {position: relative; width: 1200px; height: 752px; margin: 93px auto 0; background: url(../img/staff/bg.png) no-repeat;}
.staff-big {position: absolute; top: -85px; left: 138px; width: 864px; height: 884px;}
.small-scroll {position: absolute; top: -38px; right: 146px; width: 200px; height: 728px; background: url(../img/staff/arrow.png) no-repeat;}
.staff-small li {position: absolute; width: 92px; height: 92px; display: none; cursor: pointer; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.staff-small .on {-webkit-filter: grayscale(0); filter: grayscale(0);}
.staff-small li img {width: 92px; height: 92px;}
.staff-small .slide1 {top: 41px; left: 47px; display: block !important;}
.staff-small .slide2 {top: 178px; left: 118px; display: block !important;}
.staff-small .slide3 {top: 315px; left: 143px; display: block !important;}
.staff-small .slide4 {top: 451px; left: 118px; display: block !important;}
.staff-small .slide5 {top: 588px; left: 47px; display: block !important;}
.btn-prev, .btn-next {position: absolute; width: 40px; height: 40px;}
.btn-prev {left: 860px; top: -36px;}
.btn-next {left: 855px; bottom: 63px;}

/* feature */
.features {margin-bottom: 180px;}
.feature-msg {margin-top: 86px;}
.feture-swiper {position: relative; width: 1280px; margin: 0 auto;}
.feture-swiper .swiper-slide {width: 942px; height: 570px;}
.feture-swiper .swiper-slide:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
.feture-swiper .swiper-slide-active:after {background: none; z-index: -1; background: url(../img/feature_bg.png) no-repeat;}
.feture-swiper .swiper-slide img {width: 814px; height: 458px; padding: 56px 64px; opacity: 1; filter: alpha(opacity=100);}
.feture-swiper .swiper-slide-active img {opacity: 1; filter: alpha(opacity=100);}
.features .swiper-button-next, .features .swiper-button-prev {position: absolute; top: 246px; width: 43px; height: 78px; background: url(../img/sprite_bg.png) no-repeat;}
.features .swiper-button-prev {left: 110px; background-position: -360px -196px;}
.features .swiper-button-next {right: 110px; background-position: -360px -116px;}
.features .swiper-button-prev:hover, .features .swiper-button-next:hover {opacity: .8;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {content: "";}

.main-con {width: 1050px; min-height: 800px; padding: 100px 85px; margin: -880px auto 40px; color: #573f29; background-color: #f0eee8;}
.leadbar {position: relative; padding-bottom: 26px; margin-bottom: 35px; line-height: 40px; border-bottom: 1px solid #8b6d52;}
.leadbar h2 {font-size: 40px; font-weight: bold;}
.leadbar h6 {width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 20px; text-align: right;}
.leadbar a {color: #573f29;}

/* news-list */
.news-list {margin-bottom: 25px;}
.news-list li {font-size: 20px; overflow: hidden; zoom: 1;}
.news-list a {position: relative; display: block; padding: 30px 10px; border-bottom: 1px dotted #8b6d52;}
.news-list .type {display: inline-block; color: #9f7e54; vertical-align: middle;}
.news-list .n-title {display: inline-block; width: 900px; color: #573f29; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.news-list .time {float: right; color: #5a5a5a;}
.news-list a:hover {background-color: #eae7e0;}

/* epages */
.epages {font-size: 13px; text-align: center; line-height: 25px;}
.epages a {display: inline-block; padding: 0 9px; margin: 0 4px; color: #000; border: 1px solid #a1a1a1; background: #fff;}
.epages a:hover, .epages em {color: #fff; border: 1px solid #c4a85b; background: #c4a85b;}
.epages em {display: inline-block; padding: 0 9px; margin: 0 4px;}

/* news-detail */
.news-detail {padding: 50px 0; color: #573f29;}
.news-detail h1 {text-align: center; font-size: 30px; font-weight: bold; line-height: 50px;}
.news-detail .summary {padding: 25px 0; margin-bottom: 30px; color: #888; font-size: 16px; text-align: center; border-bottom: 1px solid #ddd;}
.news-detail .summary span {margin: 0 18px;}
.news-detail .article, .news-detail .article p {font-size: 20px; line-height: 42px;}
.article img {max-width: 1050px;}

/*------------------- footer -------------------*/
#footer {padding: 40px 0; background: #313131;}
.footer-box {width: 770px; padding-left: 230px; margin:0 auto; color: #888; font-size: 14px; line-height: 20px; background: url(../img/foot_logo.png) no-repeat left center;}
.footer-box p {font-size: 14px;}
.footer-box a {color: #888;}
.footer-box a:hover {color: #bbb;}
.mr05 {margin-right: 5px;}


#judgment {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 36px; line-height: 36px; color: #eee; font-size: 14px; text-align: center; background: rgba(0,0,0,0.6); z-index: 100;}