@charset "utf-8";
html{ overflow-x:hidden; }
body{ background-color:#050505; }
a{outline:none;}
.header-box h1 a, .index-banner .video-link, .index-banner .dajijie, .index-guide a, .notice-box h3 span, .gift-bag li i, .gift-bag li a, .dajijie-box .join-on .btn, .activity-box .btn, .layer-box .close a, .layer-box .btn a, .mass-box .sign-share a, .mass-box .sgift a, .index-banner .app-down a, .index-banner .alink a{ background-image:url(../images/m3_sprite.png); background-repeat:no-repeat; }
.header-box{ width:100%; height:140px;}
.header-box .inner{ width:1000px; margin:0 auto; }
.header-box h1{ float:left; width:136px; height:115px; margin-top:12px;}
.header-box h1 a{ display:block; width:136px; height:115px; background-position:-622px -394px; }
.header-box ul{ float:right; height:30px; padding-top:65px;}
.header-box ul li{ float:left; width:auto; padding-left:70px;}
.header-box ul li a{ display:inline-block; color:#b3a882; font-size:18px; font-family:"Microsoft YaHei", "微软雅黑", "\5FAE\8F6F\96C5\9ED1"; background:url(../images/nav_icon01.jpg) no-repeat 0 center; padding-left:30px;}
.header-box ul li a:hover{ color:#cb8325; background:url(../images/nav_icon02.jpg) no-repeat 0 center; text-decoration:none;}
.index-banner{ position:relative; width:1000px; height:995px; margin:0 auto;}
.index-banner .banner-img{ position:absolute; left:-460px; top:0; z-index:10; display:block; width:1920px; height:990px; border-top:solid 4px #2f2924; border-bottom:solid 4px #2f2924;}
.index-banner .video-link{ position:absolute; left:150px; bottom:150px; z-index:20; width:815px; height:254px; background-position:0 0; }
.index-banner .video-link a{ display:block; width:75px; height:75px; margin-top:175px; margin-left:560px;}
.index-banner .dajijie{ position:absolute; left:364px; bottom:74px; z-index:30; display:block; width:306px; height:100px; text-align:center; background-position:0 -274px;}
.index-banner .dajijie span{ display:block; color:#491b00; font-family:"新宋体"; padding-top:58px;}
.index-banner .dajijie span strong{ padding:0 2px; }
.index-banner .dajijie:hover{ background-position:-306px -274px; text-decoration:none; }
.index-banner .app-down{ z-index:20; position:absolute; right:0; bottom:15px; width:303px; height:158px; background:url(../images/downapp-bg.png) no-repeat 0 0; }
.index-banner .app-down strong{ display:block; color:#f3eedd; font-size:16px; padding-left:40px; padding-top:5px;}
.index-banner .app-down .erweima{ float:left; width:110px; margin:10px 5px 0;}
.index-banner .app-down .erweima img{display:block; width:100%;}
.index-banner .app-down a{ float:left; width:176px; height:46px;}
.index-banner .app-down a.apple{ background-position:-639px -1120px; margin-top:15px;}
.index-banner .app-down a.android{ background-position:-639px -1167px; margin-top:8px;}
.index-banner .mobile{ display:none; width:100%;}
.index-banner .customer-box{ display:none; }
.index-banner .alink{ z-index:20; position:absolute; left:0; bottom:15px; width:176px; height:158px; }
.index-banner .alink a{ display:block; width:176px; height:46px; }
.index-banner .alink a.account{ background-position:-639px -1261px; margin-top:15px;}
.index-banner .alink a.recharge{ background-position:-639px -1308px; margin-top:8px;}
.index-banner .topic-link{ position:absolute; z-index:20; left:50%; top:670px; display:block; width:426px; margin-left:-213px; }
.index-banner .topic-link img{ display:block; width:100%; }

.mobile-show{ height:auto; }
.mobile-show .mobile{ display:block;}
.mobile-show .banner-img{ display:none; }
.mobile-show .customer-box{ display:block; position:absolute; right:15px; bottom:8px; overflow:hidden;}
.mobile-show .app-down{ right:20px; bottom:5px;}
.mobile-show .topic-link{ top:380px; width:260px; margin-left:-130px;}
.mobile-show .customer-box ul li.code p{ display:block; right:-120px; -webkit-transition:all 0.5s ease-in; transition:all 0.5s ease-in;}
.mobile-show .customer-box ul li.code p span{ position:absolute; left:-6px; top:-6px; display:block; width:16px; height:16px; background-color:#0f0f0f; color:#fff; text-align:center; line-height:16px; border-radius:50%; border:solid 1px #fff; font-size:11px; overflow:hidden; }

.index-focus-tabs{ width:1000px; padding:50px 0; margin:0 auto;}
.focus-box{ position:relative; float:left; width:490px; height:270px; overflow:hidden;}
.focus-box .box{ position:relative; float:left; width:100%; height:100%; overflow:hidden;}
.focus-box .list{ float:left; width:9999px; overflow:hidden;}
.focus-box .list li, .focus-box .list li a, .focus-box .list li a img{ position:relative; float:left; width:490px; height:270px;}
.focus-box .btn{ position:absolute; left:15px; bottom:15px; }
.focus-box .btn li{ float:left; width:14px; height:14px; background-color:#717171; font-family:"新宋体"; text-align:center; line-height:14px; margin-right:5px; cursor:pointer;}
.focus-box .btn li.selected{background-color:#FFD100;}
.tabs-box{ float:right; width:490px;}
.tabs-box .title{ background-color:#2f2924; }
.tabs-box .title li{ float:left; width:121px; height:37px; text-align:center; line-height:37px; font-size:14px; font-weight:700; color:#695c51; font-family:"新宋体"; cursor:pointer; margin-right:1px;}
.tabs-box .title li.last{ margin-right:0; }
.tabs-box .title li.active{ background:url(../images/tab_hover.jpg) no-repeat 0 0; color:#181512; font-size:16px;}
.tabs-box .tab-cont{ position:relative; margin-top:12px; }
.tabs-box .tab-cont .more{ position:absolute; right:0; bottom:-30px; display:block; width:56px; height:24px; line-height:24px; font-size:14px; font-weight:700; text-align:center; color:#988e70; font-family:"新宋体";}

.tabs-box .tab-cont ul{ display:none;}
.tabs-box .tab-cont ul.current{ display:block; }
.tabs-box .tab-cont ul li{ float:left; width:100%; height:37px; line-height:37px; font-size:14px; background-color:#0f0f0f; margin-top:7px;}
.tabs-box .tab-cont ul li a{ float:left; width:100%; height:37px; line-height:37px; color:#988e70; _cursor:pointer;}
.tabs-box .tab-cont ul li .type{ float:left; color:#ffd100; padding-left:20px; padding-right:4px;}
.tabs-box .tab-cont ul li .ellipsis{ float:left; width:360px; }
.tabs-box .tab-cont ul li .date{ float:right; width:50px;}
.tabs-box .tab-cont ul li a:hover{ color:#a3893a; }
.tabs-box .tab-cont ul li a:hover .date{ color:#967650; }
.index-column{ width:100%; height:715px; background:url(../images/index_bg.jpg) no-repeat center 0;}
.index-column .inner{ width:1000px; height:715px; margin:0 auto; }
.index-guide{ padding-left:30px; padding-top:64px; }
.index-guide a{ float:left; width:260px; height:235px; }
.index-guide span{ float:left; width:18px; height:207px; padding:0 35px;}
.index-guide a.pos-g01{ background-position:0 -394px; }
.index-guide a.pos-g01:hover{ background-position:-260px -394px;}
.index-guide a.pos-g02{ background-position:0 -629px; margin-top:-6px;}
.index-guide a.pos-g02:hover{ background-position:-260px -629px; }
.index-guide a.pos-g03{ background-position:0 -864px; margin-top:-20px;}
.index-guide a.pos-g03:hover{ background-position:-260px -864px; }
.index-video{ padding-top:85px; }
.index-video li{ position:relative; float:left; width:316px; height:176px; border:solid 3px #3a322b; margin-left:14px;}
.index-video li.first{ margin-left:0; }
.index-video li img{ display:block; width:316px; height:176px; overflow:hidden;}
.index-video li a{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; _height:176px; background:url(../images/video_btn.png) no-repeat center center; background-color:rgba(0,0,0,0.3); opacity:0.3 /9;}
.index-video li a:hover{ background-color:rgba(0,0,0,0); opacity:0 /9;}
.footer-box{ padding:35px 0; background:#141414;}
.footer-box .inner{ width:1000px; margin:0 auto; }
.footer-box .logo{ float:left; width:274px; text-align:center; border-right:1px solid #404040; margin-right:40px;}
.footer-box .copyright{ float:left; color:#f0f0f0; line-height:20px; font-family:"Microsoft YaHei", "微软雅黑", "\5FAE\8F6F\96C5\9ED1"; margin-top:-5px; _margin-top:0;}

/* introduce */
.introduce-box{ background:url(../images/introduce_bg.jpg) no-repeat center 0; }
.introduce-box .inner{ width:1000px; margin:0 auto; }
.introduce-box .profile{ height:384px; padding:130px 80px 0; }
.introduce-box h3{ text-align:center; font-weight:400; color:#ffdc3b; font-size:44px; font-family:"Microsoft YaHei", "微软雅黑", "\5FAE\8F6F\96C5\9ED1"; padding-bottom:25px;}
.introduce-box p{ text-indent:2em; color:#e0d4b4; font-size:14px; line-height:32px; }
.introduce-box .story{ height:392px; padding:106px 80px 0;}
.introduce-box .type{ height:334px; padding:86px 80px 0; }
.introduce-box .characteristics{ height:340px; padding:95px 0 0 80px;}
.introduce-box .characteristics h3{ padding-right:74px; }
.introduce-box .characteristics p{ text-indent:0; _margin-bottom:10px;}
.introduce-box .characteristics p span{ display:inline-block; vertical-align:middle; width:19px; height:14px; text-align:center; line-height:14px; color:#000; background:url(../images/introduce_icon.jpg) no-repeat 0 0; margin-right:5px;}

/* notice */
.notice-box{ min-height:1143px; _height:1143px; background:url(../images/notice_bg.jpg) no-repeat center 0;}
.notice-box .inner{ width:1000px; margin:0 auto; }
.notice-box h3{ width:597px; height:282px;  padding:47px 0 66px; margin:0 auto;}
.notice-box h3 span{ display:block; width:597px; height:282px; background-position:0 -1120px; }
.notice-info{ float:none; width:auto;}
.notice-info .title{ width:490px; margin:55px auto 18px; }
.notice-info .tab-cont{ width:1000px; overflow:hidden; }
.notice-info .tab-cont ul{ height:440px; margin-left:-20px; overflow:hidden;}
.notice-info .tab-cont ul li{ float:left; width:490px; margin-left:20px; _display:inline;}
.page-box{ text-align:center; padding-top:45px; }
.page-box a{ display:inline-block; width:68px; height:24px; text-align:center; line-height:24px; border:solid 1px #2f2924; color:#645a52; background-color:#0f0f0f; margin:0 10px;}
.page-box a:hover{color:#a3893a;}

.notice-detail .crumbs{ text-align:right; color:#ffc100; font-family:"新宋体"; padding:40px 0 15px;}
.notice-detail .title-info{ height:125px; background:url(../images/notice_bg02.jpg) no-repeat 0 0; padding:0 27px 0 40px;}
.notice-detail .title-info h4{ color:#ffe794; font-size:34px; font-weight:400; font-family:"Microsoft YaHei", "微软雅黑", "\5FAE\8F6F\96C5\9ED1"; padding-top:30px;}
.notice-detail .title-info .date, .notice-detail .title-info .font{ float:left; color:#988e70; font-size:14px; padding-top:12px; }
.notice-detail .title-info .share{ float:right; padding-top:12px; _width:150px;}
.notice-detail .title-info .share .bds_more{color:#fff; padding-left:22px;}
.notice-detail .title-info .font{ padding-left:20px; }
.notice-detail .title-info .font a{ display:inline-block; color:#988e70; margin:0 4px;}
.notice-detail .description{ color:#988e70; font-size:14px; line-height:28px; padding:50px 90px 120px; }
.notice-detail .description p{ text-indent:2em; }

/* da ji jie */
.dajijie-box{ height:943px; background:url(../images/dajjie_bg.jpg) no-repeat center 0; }
.dajijie-box .inner{ position:relative; width:1000px; height:800px; padding-top:143px; margin:0 auto; }
.mass-box{ height:280px;}
.mass-box .tips{ z-index:40; position:relative; font-weight:700; color:#ffd55e; font-family:"Microsoft YaHei", "微软雅黑", "\5FAE\8F6F\96C5\9ED1"; line-height:24px;}
.mass-box .tips span{ color:#2dff00; }
.mass-box .tips a{ color:#00deff; text-decoration:underline; }
.mass-box .tips img{ position:absolute; display:none; left:47px; top:50px; width:207px; height:220px; cursor:default;}
.mass-box .tips a:hover img{ display:block; }
.mass-box .sign-share{ position:relative; width:390px; height:50px; background:url(../images/opacity_bg.png) repeat 0 0; padding-right:20px; margin-top:50px; margin-bottom:2px;}
.mass-box .sign-share .account{ float:left; line-height:50px; color:#a09b8d; font-family:"Microsoft YaHei", "微软雅黑", "\5FAE\8F6F\96C5\9ED1"; padding-left:30px;}
.mass-box .sign-share .account span{ color:#ffd100; font-size:14px; }
.mass-box .sign-share a{ float:right; width:61px; height:27px; margin-left:10px; margin-top:11px;}
.mass-box .sign-share a.share{ background-position:-561px -928px; }
.mass-box .sign-share a.sign{ background-position:-625px -928px;}
.mass-box .sign-share a.signed{ background-position:-697px -928px;}
.mass-box .times{ float:left; width:135px; height:90px; background:url(../images/opacity_bg.png) repeat 0 0; padding-left:30px; padding-top:4px;}
.mass-box .times p{color:#a09b8d; font-family:"Microsoft YaHei", "微软雅黑", "\5FAE\8F6F\96C5\9ED1"; padding-top:4px;}
.mass-box .times p span{color:#ffd100; font-size:14px;}
.mass-box .sgift{ z-index:30; position:relative; float:left; width:243px; height:94px; background:url(../images/opacity_bg.png) repeat 0 0; margin-left:2px;}
.mass-box .sgift a{ display:block; width:100px; height:58px; background-position:-559px -975px; font-family:"Microsoft YaHei", "微软雅黑", "\5FAE\8F6F\96C5\9ED1"; padding-left:99px; margin-left:22px; margin-top:18px;}
.mass-box .sgift a strong{ display:block; color:#362d08; font-size:18px; line-height:18px; padding-top:14px;}
.mass-box .sgift a span{ color:#423100; line-height:12px; }
.mass-box .sgift a:hover{ text-decoration:none; }
.mass-box .sgift a.disabled{ background-position:-559px -1041px; cursor:default;}
.mass-box .sgift a.disabled strong, .mass-box .sgift a.disabled span{ color:#2c2c2c; }
.mass-box .gift-show{ display:none; position:absolute; left:240px; top:10px; width:300px; border:solid 1px #956c52; background-color:#000; padding:15px; padding-top:0;}
.mass-box .gift-show i{ position:absolute; left:-15px; top:28px; display:block; width:15px; height:16px; background:url(../images/arrow.png) no-repeat 0 center; }
.mass-box .gift-show dl dt, .gift-bag .gift-show dl dt{ float:left; width:100%; color:#c99951; text-align:center; font-size:16px; font-weight:700; font-family:"Microsoft YaHei", "微软雅黑", "\5FAE\8F6F\96C5\9ED1"; padding-bottom:5px; padding-top:15px;}
.mass-box .gift-show dl dd, .gift-bag .gift-show dl dd{ float:left; width:50px; margin:0 5px;}
.mass-box .gift-show dl dd img, .gift-bag .gift-show dl dd img{ display:block; width:44px; height:44px; margin:0 auto;}
.mass-box .gift-show dl dd p, .gift-bag .gift-show dl dd p{ text-align:center; color:#664b41; font-family:"新宋体"; }
.mass-box .loading{ display:none; width:16px; height:16px;}
.mass-box .loading img{ display:block; width:100%;}
.mass-box .sign-share .loading{ position:absolute; left:240px; top:16px; }
.mass-box .sgift .loading{ position:absolute; left:4px; top:38px; }

.dajijie-box .join-on{ float:left; width:218px; height:30px; text-align:center; margin-left:20px; margin-top:224px; }
.dajijie-box .join-on p{ color:#ff5d00; font-family:"新宋体";}
.dajijie-box .join-on p strong{ display:inline-block; color:#2dff00; font-size:28px; line-height:28px; vertical-align:middle;}
.dajijie-box .join-on .btn{ display:inline-block; width:117px; height:45px; background-position:-641px -595px;}
.dajijie-box .gift-bag{ float:left; width:700px; padding-left:56px; padding-top:14px;}
.gift-bag li{ z-index:20; position:relative; float:left; width:100%; height:46px;}
.gift-bag li span{ float:left; width:26px; line-height:46px; font-family:"宋体"; padding-left:4px;}
.gift-bag li i{ float:left; width:46px; height:46px; background-position:-654px -529px; margin-right:6px; cursor:pointer;}
.gift-bag li a{ float:left; width:36px; height:19px; margin-top:13px;}
.gift-bag li.g100w span{ color:#f00; }
.gift-bag li.g70w span{ color:#f06b00; }
.gift-bag li.g30w span{ color:#aea401; }
.gift-bag li.g10w span{ color:#55b006; }
.gift-bag li.g100w a{ background-position:-686px -660px; }
.gift-bag li.g70w a{ background-position:-650px -660px; }
.gift-bag li.g30w a{ background-position:-614px -660px; }
.gift-bag li.g10w a{ background-position:-578px -660px; }
.gift-bag li.disabled a{ background-position:-722px -660px; cursor:default;}
.gift-bag li.g100w{ margin-bottom:10px; }
.gift-bag li.g70w{ margin-bottom:39px; }
.gift-bag li.g30w{ margin-bottom:60px; }
.gift-bag li i.active{ background-position:-712px -529px; }
.gift-bag li .loading{ float:left; width:16px; height:16px; margin-left:10px; margin-top:14px;}
.gift-bag li .loading img{ display:block; width:100%; }
.gift-bag .gift-show{ display:none; position:absolute; left:135px; top:-16px; width:300px; border:solid 1px #956c52; background-color:#000; padding:15px; padding-top:0;}
.gift-bag .gift-show b{ position:absolute; left:-15px; top:28px; display:block; width:15px; height:16px; background:url(../images/arrow.png) no-repeat 0 center;}

.activity-box .btn{ position:absolute; right:30px; bottom:0; width:122px; height:35px; background-position:-636px -699px; cursor:pointer; }

/* 弹层 */
.layer-box{ display:none; z-index:99999; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#7f000000", EndColorStr="#7f000000"); zoom:1;}
.layer-box .inner{ margin:0 auto;}
.layer-box .close{ height:47px; text-align:right; }
.layer-box .close a{ display:inline-block; width:47px; height:47px; background-position:-653px -754px; }
.layer-box .close a:hover{background-position:-711px -754px;}
.layer-box h3{ text-align:center; color:#7d4a19; font-size:36px; font-family:"Microsoft YaHei", "微软雅黑", "\5FAE\8F6F\96C5\9ED1";}
.layer-box .btn{ text-align:center; }
.layer-box .btn a{ display:inline-block; width:146px; height:43px; text-align:center; line-height:43px; letter-spacing:5px; color:#fff1d7; font-size:18px; font-weight:700; background-position:-612px -821px;}
.layer-box .btn a:hover{background-position:-612px -865px; text-decoration:none;}

.layer-box .qrcode{ width:200px; height:200px; border:solid 2px #c0b7af; padding:10px; margin:0 auto;}
.layer-box .qr-tips{ text-align:center; font-size:14px; color:#a32929; font-weight:700; padding-top:10px;}

.layer-activity .inner{ width:738px; height:530px; background:url(../images/activity_bg.jpg) no-repeat 0 0; margin-top:200px;}
.layer-activity ul{ font-family:"Microsoft YaHei", "微软雅黑", "\5FAE\8F6F\96C5\9ED1"; padding-bottom:30px; margin:0 50px; }
.layer-activity ul li{ position:relative; font-size:14px; color:#4d4d4d; margin-left:25px; margin-top:10px;}
.layer-activity ul li span{ position:absolute; left:-25px; top:4px; display:block; width:16px; height:16px; text-align:center; line-height:16px; color:#bcbab3; background:url(../images/list_type_icon.jpg) no-repeat 0 0;}
.layer-activity ul li.last span{ background:none; color:#737373; }

.layer-gift .inner{ width:478px; height:330px; background:url(../images/sign_gift_bg.jpg) no-repeat 0 0; margin-top:250px;}
.layer-gift .success{ text-align:center;}
.layer-gift .success h3{ padding-bottom:10px; }
.layer-gift .success .tips01, .layer-gift .success .code, .layer-gift .success .tips02{ color:#4d4d4d; font-size:14px; font-weight:700; font-family:"Microsoft YaHei", "微软雅黑", "\5FAE\8F6F\96C5\9ED1"; padding:10px 0;}
.layer-gift .success .code span{ display:inline-block; font-size:24px; line-height:24px; border:solid 1px #c0b7af; vertical-align:middle; padding:5px 10px;}
.layer-gift .success .tips02{ font-size:16px; color:#a32929;}
.layer-gift h3.fail{ font-size:32px; padding-top:60px;}

.layer-app .inner{ width:478px; height:330px; background:url(../images/sign_gift_bg.jpg) no-repeat 0 0; margin-top:250px;}
.layer-app .appcode{ width:200px; height:200px; border:solid 2px #c0b7af; padding:10px; margin:0 auto;}
.layer-app .apptips{ text-align:center; font-size:14px; color:#a32929; font-weight:700; padding-top:10px;}

/* weixin */
.wxshare-tips{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999999; background:rgba(23, 24, 26, 0.86);}
.wxshare-tips img, .wx-tips img{ display:block; width:100%; margin-top:20px;}
.wx-tips{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999999; text-align:center; background-color:#17181a; }

/* customer box */
.customer-box{ position:fixed; right:20px; bottom:300px; z-index:11; width:174px; height:195px; background:url(../images/customer_bg.png) no-repeat 0 0; padding-top:90px;}
.customer-box .item{ line-height:24px; color:#988e70 !important; padding-left:15px;}
.customer-box  ul{ padding-left:18px; padding-top:15px;}
.customer-box  ul li{ position:relative; float:left; width:75px; margin-top:4px;}
.customer-box  ul li a{ display:block; color:#988e70; padding:2px;}
.customer-box  ul li span{ display:inline-block; font-size:14px; vertical-align:middle; margin-right:5px;}
.customer-box  ul li a:hover{ color:#a3893a; text-decoration:none;}
.customer-box  ul li a:hover span{color:#a3893a;}
.customer-box .btn{ position:absolute; left:1px; bottom:2px; width:182px;}
.customer-box .btn a{ display:block; line-height:35px; color:#fff; font-weight:700; background:url(../images/customer_btn.png) no-repeat 0 0; padding-left:62px;}
.customer-box .btn a:hover{ text-decoration:none; }
.customer-box ul li.code p{ display:none; position:absolute; left:-92px; bottom:-13px; width:88px; height:88px; border:solid 1px #fff; background:url(../images/code.png) no-repeat 0 0;}