@charset "UTF-8";
html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;height: 100%;}
label{cursor:pointer}
a:link,a:visited{text-decoration:none}
input:focus{outline:0}
textarea{resize:none}
input,select,textarea{background:0 0;border:none;margin:0;padding:0}
body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0}
dl,li,ol,ul{list-style:none outside none}
article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}
button,h1,h2,h3,h4,h5,h6,input,select,sub,table,td,textarea,th{font-size:1em}
body,button,input,select,sub,textarea{font-family:Arial,sans-serif}
address,cite,em,optgroup{font-style:normal}
code,kbd,samp{font-family:monospace}
button,img,input,select,textarea{vertical-align:middle;outline:0}
fieldset,img{border:0}
abbr,acronym{cursor:help;border-bottom:1px dotted #000}
table{width:100%;border-spacing:0;border:0}
hr,legend{overflow:hidden;position:absolute;top:0;left:0}
caption,hr,legend{visibility:hidden;font-size:0;width:0;height:0;line-height:0}
input:focus,textarea:focus{border:none}
input{border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box}
h1,h2,h3,h4,h5,h6{line-height:100%;font-weight:400}
a{outline:0}
table{border-collapse:collapse;width:100%}
em{color: #a34a22; font-style: normal;font-weight: bold;}
body{font:.22rem/.36rem "\5FAE\8F6F\96C5\9ED1","Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;-webkit-overflow-scrolling:touch;height: 100%;}
.main{width:7.5rem;height: 100%;margin:0 auto;background-color:#5e0000;background: url("../img/bg1.jpg") repeat 0 -28.3rem/7.5rem auto;overflow: hidden;}

/* 悬浮*/
.header {z-index: 100;;position: fixed;top: 0;left: 0;width: 7.5rem;height: .9rem;line-height: .9rem;background: rgba(0, 0, 0, .6);left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0);}
.logo {position: absolute;top: 0.2rem;left: .2rem;width: 2.15rem;height: 1.22rem;background: url("../img/logo.png") center/2.15rem 1.22rem no-repeat;text-indent: -9999px;left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0);display: block;}
.ico {position: absolute;left: .24rem;top: .20rem;width: 1.22rem;height: 1.22rem;background: url("../img/ico.png") center/1.22rem no-repeat;display: block;}
.download {position: absolute;right: 1.2rem;top: .2rem;width: 1.38rem;height: .54rem;background: url("../img/down.png") no-repeat 0 0/1.38rem .54rem;}

/*通用*/
.part{width: 7rem;margin: 0 auto;font-size: 0;position: relative;}

/*标题*/
.breadEval {position: absolute;top: 1.7rem;left: .25rem;left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0);;width: 7rem;line-height: .3rem;text-align: right;color: #c7a880;font-size: .24rem;}
.breadTitle {float: left;height: .29rem;color: #c7a880;font-size: .29rem;font-weight: bolder;line-height: .29rem;}
.breadTitle span {color: #c7a880;font-size: .24rem;font-weight: normal;}


.listArea  {width: 7.5rem;position: absolute;top: 2.35rem;left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0);;height: calc(100% - 3.95rem);background: #fff;}



.article {width: 7.5rem;position: absolute;top: 2.35rem;left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0);;height: calc(100% - 3.95rem);background: #fff;}
.content {color: #422c0b;font-size: .24rem;line-height: .5rem;overflow-y: auto;max-height:  calc(100% - 2.4rem);;margin-top: .2rem;}

.news {width: 100%;height: 100%;position: relative;}
.more {display: block;float: right;width: 1.2rem;height: .64rem;color: #ccae85;font-size: .24rem;text-align: center;}

.news .tab .hd,.guide .tab .hd {height: .64rem;line-height: .64rem;width: 7.2rem;font-size: 0;display: flex;display: -webkit-flex;justify-content: space-around;margin: 0 auto;}
.news .tab li,.guide .tab li  {width: 1.09rem;height: .64rem;font-size: .24rem;text-align: center;color: #000;font-weight: bold;}
.news .tab li.on,.guide .tab li.on {border-bottom:  2px solid #911513;}
.news .list,.guide .list {margin-top: .2rem;}
.news .bd li,.guide .bd li {height: .6rem;line-height: .6rem;position: relative;color: #422c0b;font-size: .24rem;border-bottom: 1px dashed #f6d29a;width: 7.2rem;margin: 0 auto;}
.news .bd li:last-child,.guide .bd li:last-child {border: none;}
.news .bd a,.guide .bd a {padding-left: .2rem;width: 6.2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;color: #422c0b;;}
.news .bd a.rec,.guide .bd a.rec  {color: #b21515;font-weight: bold;}
.news .bd .time,.guide .bd .time  {width: .8rem;display: block;height: .5rem;line-height: .5rem;position: absolute;right: 0;top: 0;color: #836639;}
.bdContent {width: 100%;overflow: hidden;position: relative;left: 0;height: calc(100% - 1.24rem);}
.bd {width: 400%;overflow: hidden;position: relative;left: 0;overflow: hidden;height: 100%;}
.news .bd {width: 500%;}
.guide .bd {width: 600%;}
.item {float: left;width: 7.5rem;position: relative;height: 100%;}
.item ul {position: relative;width: 100%;max-height: 100%;overflow-y: auto;}
.item li {width: 100%;}

.welfare {width: 7.5rem;position: absolute;top: 2.35rem;left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0);;height: calc(100% - 3.95rem);background: #fff;}
.welfare .inner {height: calc(100% - .4rem);}
.giftList {max-height: 100%;overflow-y: auto;color: #000;}
.giftList li {width: 6.2rem;padding: .2rem;height: 2rem;background: #f3f3f4;font-size: .24rem;margin-bottom: .2rem;}
.giftName {line-height: .5rem;font-weight: bold;font-size: .26rem; color: #911513;}
.giftDesc {line-height: .4rem;font-size: .22rem;color: #6d6d6d;height: 1rem;}
.giftFun {line-height: .5rem;font-size: .22rem;}
.lqBtn {float: right;width: 1.2rem;line-height: .5rem; text-align: center;background-color: #983f2e;background: -moz-linear-gradient(top,#791814,#a23c13);background: -webkit-gradient(linear,top,from(#791814),to(#a23c13)); background: -webkit-linear-gradient(top,#791814,#a23c13);color: #c7c7c7;border-top: 1px solid #c24545;}

.inner {padding: .2rem .4rem}
.inner img {width: auto;height: auto;display: block;max-width: 100%;margin: .1rem auto;}

.articleTitle {height: 1.6rem;padding-top: .4rem;color: #6b3d00;font-size: .36rem;text-align: center;font-weight: bold;border-bottom: 1px solid #d2d2d2;}
.publishTime {margin-top: .55rem;color: #848484;font-size: .2rem;font-weight: normal;}

.bottom {position: absolute;bottom: .2rem;text-align: center;width: 7.5rem;left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0);}
.bottom a {display: inline-block;width: 3.24rem;height: 1rem;background: url("../img/btns.png") no-repeat 0 0/6.58rem 1rem;}
.bottom a.back {background-position: -3.34rem 0;}
.bottom a.backTo {background: url("../img/backTo.png") no-repeat 0 0/3.24rem 1rem;}


.clipArea {	width: 5.18rem;height: 3.6rem;background-color: #000;}
.cq-btn {color: #936a3e;border: 1px solid #936a3e; background: #ffcd7b;font-size: .32rem;height: .88rem;line-height: .88rem;width: 2.5rem;border-radius: 999rem;display: block;margin: .3rem auto 0;}

.codeContent {margin: .6rem auto .6rem;line-height: .7rem;color: #805a36;font-size: .46rem;}
.codeContent span {display: inline-block;width: 3.9rem;text-align: center;background: #fff;display: inline-block;border-radius: 999px;line-height: .7rem;}

.pop{position: fixed;z-index: 1000;top: 0;right: 0;left: 0;bottom: 0; background: rgba(0, 0, 0, .6);display: none;}
.pop_main_image{width: 6.89rem; position: fixed; left: 50%;top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 2000; }
.pop_main_video{width: 6.89rem; position: fixed; left: 50%;top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 2000; }
.pop_main{width: 6.89rem; position: fixed; left: 50%;top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 2000; background: url('../img/pop.png') no-repeat 0 0 / 6.92rem 100%;}
.pop_main::after,.pop_main::before{content: ""; width: 6.92rem; height: 1.01rem; position: absolute; left: 0;}
.pop_main::before{top: -.98rem;left: 0rem; background:url('../img/before.png') no-repeat 0 0 / 6.92rem 1.01rem;}
.pop_main::after{bottom: -.99rem; left: -0rem;background:url('../img/after.png') no-repeat 0 0 / 6.92rem 1.01rem;}
.pop_main_video .close ,.pop_main_image .close{right: 0.2rem;top: -.2rem;}
.close{width: .36rem; height: .37rem;background: url('../img/close.png') no-repeat center / .36rem .37rem; position: absolute; z-index: 100;top:-1.4rem; right:0rem; display: block;}
.pop_body{min-height: .6rem;padding:.2rem; color: #805a36; text-align: center; position: relative;font-size: .27rem;}
.pop_body p {line-height: .5rem;}
.view,.resetBtn {display: none;}
.view {width: 2.88rem;height: 2rem;margin: 0 auto;}
.resetBtn {width: 1.2rem;text-align: center;text-decoration: underline;font-size: .26rem;color: #805a36;margin: .2rem auto;}

.pt{margin: 0  auto .3rem;width:100%;height: .54rem;font-size: .53rem;color: #96382a;font-weight: bold;}
.cell{position: relative;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center; align-items: center;}
.bd{-webkit-box-flex: 1;-webkit-flex: 1; flex: 1;color: #d05d00;font-size: .22rem;}

.jf{border: 1px solid #b46919; width: 5.6rem; margin: .1rem auto; text-align: center; line-height: .45rem;}
.jf .cell{border-bottom: 1px solid #d05d00;font-size: .22rem;}
.jf .jf_head{font-weight: bold; color: #d05d00;font-size: .22rem;}
.jf .lable{width: 2.8rem;border-right: 1px solid #d05d00;color: #d05d00;font-size: .22rem;}
.jf .btn_box{width:1.2rem; border-left: 1px solid #d05d00;}
.jf .btn_box .copyBtn{width:100%; background:transparent; margin:0; height:auto; text-indent: 0; font-size: .24rem; color: #ffdcb7;text-decoration: underline;}
.pop_body .rule{margin: .2rem;}
.pop_body .rule p{margin: .1rem 0;}

/*截图*/
.picList {max-height: 100%;overflow-y: auto;}
.picList li {border: none !important;line-height: 3.3rem !important;height: 3.3rem !important;width: 6.6rem !important;text-align: center;display: inline-block;margin-bottom: .2rem;}
.swiper-jt,.swiper-bz{width:100%;overflow:hidden;position: relative;height: 90%}
.swiper-jt .swiper-slide,.swiper-bz .swiper-slide {width: 100%;height: 100%;display: block;}
.swiper-bz-pagination,.swiper-jt-pagination {text-align: center;width: 100%;height: 10%;line-height: 10%;}
.swiper-bz-pagination  .swiper-pagination-bullet,.swiper-jt-pagination .swiper-pagination-bullet {vertical-align: middle;opacity: .4;display: inline-block;width: .2rem;height: .2rem; border: 1px solid #8a7f70; border-radius: 50%; background-color: #000; color: #c7a880;margin: calc(10% - .4rem) .1rem 0;}
.swiper-bz-pagination  .swiper-pagination-bullet-active,.swiper-jt-pagination  .swiper-pagination-bullet-active{background-color: #d7b07f; border-color: #d7b07f; color: #000;opacity: 1;}
.swiper-slide  .photo {height: 2.9rem;display: inline-block;vertical-align: middle;margin: 0 auto;}
.swiper-slide .video {width:100%;height: 2.9rem;display: inline-block;vertical-align: middle;margin: 0 auto;background: #434547;position: relative;}
.picList .desc {height: .4rem;line-height: .4rem;font-size: .22rem;white-space: nowrap;text-overflow: ellipsis;}
.play {position: absolute;width: 100%;height: 100%;background: url("../img/play.png") no-repeat center /.97rem .97rem;background-color: rgba(0, 0, 0, .4);left: 0;top: 0;}
.video img {width: 100%;height: 100%;}


/*展开菜单*/
.open-menu {position: absolute;right: .2rem;width: .6rem;top: .3rem;height: .03rem;background-color: #764d17;}
.open-menu.on {background: transparent;}
.open-menu::after {bottom: -.13rem;position: absolute;width: .6rem;left: 0;height: .03rem;background-color: #764d17;content: "";transition: all 500ms;}
.open-menu::before {bottom: -.26rem;position: absolute;width: .6rem;left: 0;height: .03rem;background-color: #764d17;content: "";transition: all 500ms;}
.open-menu.on::after {transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.open-menu.on::before {transform: translate(0, -0.14rem) rotate(-45deg);-webkit-transform: translate(0, -0.14rem) rotate(-45deg);}
.menu {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 90;background: rgba(0, 0, 0, .8);visibility:hidden;}
.menu.on {visibility: visible;}
.menu ul {margin-top: 1.6rem;}
.menu li {opacity: 0;;width: 100%;line-height: .7rem;color: #fff;font-size: .3rem;text-align: center; border-bottom: 1px solid rgba(201, 159, 92, 0.2);transition: all 500ms;-webkit-transform: translate(0, -0.55rem);transform: translate(0, -0.55rem);}
.menu a {color: #c79f59;width: 100%;text-align: center;display: block;}

.menu.on li {-webkit-transform: translate(0, 0rem);transform: translate(0, 0rem);opacity: 1;transition: all 500ms;}