@charset "utf-8";
@import url("hover-min.css");

/*导入字体*/

/*@font-face { font-family: 'hui'; src: url('../font/hui.eot?#font-spider') format('embedded-opentype'), url('../font/hui.ttf') format('truetype'); font-weight: normal; font-style: normal; }
.hui_footer { font-family: "hui"; color: #fff; }
@font-face { font-family: 'gr'; src: url('../font/gr.eot?#font-spider') format('embedded-opentype'), url('../font/gr.ttf') format('truetype'); font-weight: normal; font-style: normal; }
.gr_footer { font-family: "gr"; color: #fff; }
*/

/* CSS Document wlo:Cflower */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0 none; font: inherit; margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: outside none none; }
blockquote, q { quotes: none; }
blockquote::before, blockquote::after, q::before, q::after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
* { box-sizing: border-box; outline: 0 none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
input, textarea { border-radius: 0; outline: 0 none; resize: none; -webkit-appearance: none;    /*去掉iOS下input的默认内阴影*/ }
.clearfix:after, .clearfloat:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; }
html { font-family: "Arial", "Heiti SC", "Helvetica", "Microsoft YaHei", sans-serif; -webkit-text-size-adjust: none; margin: 0; color: #000; padding: 0; }
body { margin: 0 auto; min-width: 3.2rem; position: relative; width: 100%; height: 100%; background: #000; }
a { text-decoration: none; color: inherit; }
.clearfloat:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; }
.ridius { border-radius: 5px; }
html, body { position: relative; height: 100%; }

/* 假如添加了video标签,可能会出现video标签默认置顶的情况,解决这个bug可以通过样式设置来规避;*/
.compatibleStyle { backface-visibility: hidden; -webkit-backface-visibility: hidden;    /* Chrome 和 Safari */ -moz-backface-visibility: hidden;    /* Firefox */ -ms-backface-visibility: hidden;    /* Internet Explorer */ -webkit-perspective: 0; -webkit-transform: translate3d(0, 0, 0); visibility: visible; }

/*弹出层遮罩div*/
.black_overlay { display: none; position: absolute; top: 0%; left: 0%; bottom: 0; right: 0; width: 100%; height: 100%; background-color: #000; z-index: 988; -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50); }
.btn { display: block; cursor: pointer; }
.pos { position: absolute; }
.fl { float: left; }
.fr { float: right; }
.w750 { width: 100%; }
.curp { cursor: pointer; }
.imgcove { width: 100%; height: 100%; display: block; border: none; }
.yellow { color: #ffd800; }
.hide { display: none; }
.show { display: block; }
.zIndex2 { z-index: 9; position: relative; }
#wrap { position: relative; overflow: hidden; background: #000; max-width: 25.6rem; margin: 0 auto; height: 100vh; height: calc(var(--vh, 1vh) * 100); }
#container { overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
#background_video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; height: 100%; width: 100%; }
#container { height: 100%; }
#overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
#video_cover { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: url('../images/cove/video_cover.jpg') no-repeat 0 0 / 100% auto; }

#video_cover_p0{position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: url('../images/page1.jpg') no-repeat 0 0 / 100% auto; }
/*====cove===*/
.menu { width: 100%; height: 3.66rem; background: url(../images/cove/menu.png) no-repeat 0 0 / 100% 1.66rem; position: fixed; top: 0; z-index: 9; position: relative; overflow: hidden; cursor: pointer; }
.cove_sprite { background: url(../images/cove/cove_sprite.png) no-repeat 0 0 / 2.12rem 3.54rem; }
.icon_shequn { float: right; margin: 0.28rem 0.5rem 0 0; }
.icon_shequn .btn { float: left; margin: 0 0.2rem; }
.icon_wx { width: 0.48rem; height: 0.48rem; background-position: -1.48rem -2.04rem }
.icon_qq { width: 0.48rem; height: 0.48rem; background-position: 0 -0.66rem }
.icon_wb { width: 0.48rem; height: 0.48rem; background-position: -1.0rem -2.04rem }
.icon_tap { width: 0.5rem; height: 0.48rem; background-position: -0.5rem -2.04rem }
.icon_share { width: 0.5rem; height: 0.48rem; background-position: 0 -2.04rem }
.icon_rewbg { width: 1.36rem; height: 1.38rem; background-position: -0.48rem -0.66rem; display: none; position: relative; top: 1.5rem; left: 50%; margin-left: -0.68rem; opacity: 0; }
.icon_rewbg .imgcove { display: block; width: 1.12rem; height: 1.08rem; position: absolute; left: 50%; margin-left: -0.56rem; top: 0.18rem; }
.homelog { width: 2.12rem; height: 1.02rem; background-position: -0px -2.52rem; float: left; margin: 0.1rem 0 0 0.8rem; }
.btn_joingw { width: 2.12rem; height: 0.66rem; background-position: -0px -0px; float: right; margin: 0.2rem 0.8rem 0 0; }

/*====cove end===*/

/* Center slide text vertically */

/*display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;*/

/*------------index---------*/

#global .swiper-wrapper>.swiper-slide { overflow: hidden; position: relative; }
.page0 { }
.swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; }
.logo { width: 2.24rem; height: 1.08rem; background: url(../images/logo.png) no-repeat 0 0 / 100% 100%; position: absolute; left: 50%; top: 0.05rem; margin-left: -1.17rem; z-index: 10; }
.nav { width: 100%; height: 2rem; background: url(../images/nav.png) no-repeat center 0 / 100% 1.66rem; position: fixed; left: 50%; transform: translate(-50%, 0); z-index: 9; }
.nav .swiper-pagination-bullet, .btn_wiki { width: 3.24rem; height: 1.22rem; background: url(../images/list.png) no-repeat 0 0 / 40.32rem 1.22rem; overflow: hidden; opacity: 1; position: absolute; top: -.1rem; border-radius: 0; }

.nav .swiper-pagination-bullet:nth-child(2):after {content: ''; width: 0.01rem; height: 0.53rem; position: absolute; top: 0.35rem; right: 0.02rem; background: url(../images/nav_line.png) no-repeat 0 0 / 0.01rem 0.53rem;}

.nav .swiper-pagination-bullet:nth-child(3):after {content: ''; width: 0.01rem; height: 0.53rem; position: absolute; top: 0.35rem; right: 0.03rem; background: url(../images/nav_line.png) no-repeat 0 0 / 0.01rem 0.53rem;}

.nav .swiper-pagination-bullet:nth-child(4):after { content: ''; width: 0.01rem; height: 0.53rem; position: absolute; top: 0.35rem; right: 0rem; background: url(../images/nav_line.png) no-repeat 0 0 / 0.01rem 0.53rem; }


.nav .swiper-pagination-bullet:nth-child(5):after { content: ''; width: 0.01rem; height: 0.53rem; position: absolute; top: 0.35rem; left: 0.01rem; background: url(../images/nav_line.png) no-repeat 0 0 / 0.01rem 0.53rem; }
.nav .swiper-pagination-bullet:nth-child(6):after { content: ''; width: 0.01rem; height: 0.53rem; position: absolute; top: 0.35rem; left: 0.01rem; background: url(../images/nav_line.png) no-repeat 0 0 / 0.01rem 0.53rem; }
.nav .swiper-pagination-bullet:nth-child(7):after, .btn_wiki:after { content: ''; width: 0.01rem; height: 0.53rem; position: absolute; top: 0.35rem; left: -0rem; background: url(../images/nav_line.png) no-repeat center 0 / 0.04rem 0.74rem; }
.nav .swiper-pagination-bullet:nth-child(1) { display: none; }
.nav .swiper-pagination-bullet:nth-child(2) { background-position: -0.05rem 0; left: .5rem; }
.nav .swiper-pagination-bullet:nth-child(3) { background-position: -6.76rem 0; left: 3.68rem; }
.nav .swiper-pagination-bullet:nth-child(4) { background-position: -13.44rem 0; left: 6.83rem; }
.nav .swiper-pagination-bullet:nth-child(5) { background-position: -20.2rem 0; right: 7.4rem; }
.nav .swiper-pagination-bullet:nth-child(6) { background-position: -26.88rem 0; right: 4.2rem; }
.nav .swiper-pagination-bullet:nth-child(7) { background-position: -33.8rem 0; right: 1rem; }
.nav .swiper-pagination-bullet-active:nth-child(1), .nav .swiper-pagination-bullet:nth-child(1):hover { }
.nav .swiper-pagination-bullet-active:nth-child(2), .nav .swiper-pagination-bullet:nth-child(2):hover { background-position: -3.4rem 0; }
.nav .swiper-pagination-bullet-active:nth-child(3), .nav .swiper-pagination-bullet:nth-child(3):hover { background-position: -10.12rem -0px }
.nav .swiper-pagination-bullet-active:nth-child(4), .nav .swiper-pagination-bullet:nth-child(4):hover { background-position: -16.8rem 0; }
.nav .swiper-pagination-bullet-active:nth-child(5), .nav .swiper-pagination-bullet:nth-child(5):hover { background-position: -23.56rem 0; }
.nav .swiper-pagination-bullet-active:nth-child(6), .nav .swiper-pagination-bullet:nth-child(6):hover { background-position: -30.28rem 0; }
.nav .swiper-pagination-bullet-active:nth-child(7), .nav .swiper-pagination-bullet:nth-child(7):hover, .btn_wiki:hover { background-position: -37.16rem 0; }
.btn_wiki { background-position: -33.8rem 0; right: 1rem; z-index: 99; }
.btn_music { width: 1.19rem; height: 0.56rem; background: url(../images/icon_ck.png) no-repeat 0 100% /2.38rem .56rem; position: absolute; top: 0.22rem; right: 0.1rem; z-index: 10; }
.btn_music:hover { background-position: -1.19rem 0; }
@keyframes music_open {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(-10deg); }
    50% { transform: rotate(0deg); }
    70% { transform: rotate(10deg); }
    100% { transform: rotate(0deg); }
}
@-webkit-keyframes music_open {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(-10deg); }
    50% { transform: rotate(0deg); }
    70% { transform: rotate(10deg); }
    100% { transform: rotate(0deg); }
}

/* ================动画=============== */
.ani_liudong1 { -webkit-animation: opacity 500ms 0.02s infinite cubic-bezier(.2, .68, .18, 1.08); animation: opacity 500ms 0.02s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ani_liudong2 { -webkit-animation: opacity 500ms 0.04s infinite cubic-bezier(.2, .68, .18, 1.08); animation: opacity 500ms 0.04s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ani_liudong3 { -webkit-animation: opacity 500ms 0.06s infinite cubic-bezier(.2, .68, .18, 1.08); animation: opacity 500ms 0.06s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ani_liudong4 { -webkit-animation: opacity 500ms 0.08s infinite cubic-bezier(.2, .68, .18, 1.08); animation: opacity 500ms 0.08s infinite cubic-bezier(.2, .68, .18, 1.08); }
@-webkit-keyframes opacity {
    0% { opacity: 1; }
    45% { opacity: 0.5; }
    80% { opacity: 1; }
}
@keyframes opacity {
    0% { opacity: 1; }
    45% { opacity: 0.5; }
    80% { opacity: 1; }
}
@-webkit-keyframes ani_rotate_l {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes ani_rotate_l {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-webkit-keyframes ani_rotate_r {
    0% { transform: rotate(360deg); }
    100% { transform: rotate(0deg); }
}
@keyframes ani_rotate_r {
    0% { transform: rotate(360deg); }
    100% { transform: rotate(0deg); }
}


/*=============page1=============*/
.spg { width: 100%; height: 100%; background: url(../images/spg.png) no-repeat 0 0 / 100% 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: none; z-index: 999; }
.spgyz { width: 100%; height: 100%; background: url(../images/spg_yz.png) no-repeat 0 0 / 100% 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: none; z-index: 999; }


.btn_sprite { background: url(../images/page1/btn_scr.png) no-repeat 0 0 / 4.78rem 4.84rem; }
.page0 .btn_fixed { width: 3.12rem; height: 8.12rem; background: url(../images/page1/btn_fixed.png) no-repeat 0 0 / 100% 100%; position: fixed; top: 50%; margin-top: -4.06rem; left: 0; }
.page0 .btn_google { width: 1.82rem; height: 0.5rem; background-position: -2.82rem 0rem; margin: 0.9rem 0 0 0.3rem; }
.page0 .btn_app { width: 1.82rem; height: 0.5rem; background-position: 0 0; margin: 0.3rem 0 0 0.3rem; }
.page0 .btn_vdplay { width: 1.92rem; height: 1.82rem; background-position: -0px -1.42rem; position: absolute; top: 50%; left: 50%; margin-left: -0.92rem; margin-top: -0.91rem; }
.page0 .btn_yy { width: 3.88rem; height: 1.09rem; background: url(../images/page1/btn_lyjy.png) no-repeat 0 0 / 100% 100%; position: absolute; top: 50%; left: 50%; margin-left: -1.94rem; margin-top: 3.6rem; }
.page0 .btn_yy:hover, .page0 .btn_vdplay:hover { filter: brightness(130%); -webkit-filter: brightness(130%); }
.page0 .slo { width: 13.08rem; height: 2.46rem; margin: 0 auto; position: absolute; left: 50%; top: 50%; margin-left: -6.54rem; margin-top: .7rem; }
.page0 .btn_open { width: 0.5rem; height: 1.45rem;background-position: -1.82rem 0;  position: absolute; top: 0.08rem; right: -0.1rem; transform-origin: 50% 0%; animation: music_open 4s linear infinite; -webkit-animation: music_open 4s linear infinite; }
.page0 .btn_clsoe { width: 0.5rem; height: 1.45rem; background-position: -2.32rem 0; position: absolute; top: 0.08rem; right: -0.1rem; transform-origin: 50% 0%; animation: music_open 4s linear infinite; -webkit-animation: music_open 4s linear infinite; }

/*.page0 .btn_clsoe { background-position: -1.82rem 0; }*/

.page0 .btn_open:hover{
    -webkit-filter: brightness(115%); /* Chrome, Safari, Opera */
    filter: brightness(115%);
}


.page0 .btn_yy,.page0 .btn_vdplay{
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

@keyframes music_open {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(-5deg); }
    50% { transform: rotate(0deg); }
    70% { transform: rotate(5deg); }
    100% { transform: rotate(0deg); }
}
@-webkit-keyframes music_open {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(-5deg); }
    50% { transform: rotate(0deg); }
    70% { transform: rotate(5deg); }
    100% { transform: rotate(0deg); }
}



/*=============page1=============*/
.page1 { width: 100%; height: 100%; background: url(../images/page2.jpg) no-repeat 0 0 / 100% 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.page1 .news_box { width: 16.0rem; height: 8.9rem;    /*background: rgba(0,0,0,.5);  margin-top: 1.5rem;*/ position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; z-index: 2; }
.page1 .newest { width: 6.28rem; height: 100%; }
.page1 .newest .pic1 { width: 6.28rem; height: 3.6rem; margin-bottom: .6rem; border: 0.01rem solid #ffda83; position: relative; overflow: hidden; cursor: pointer; }
.page1 .news { width: 4.34rem; height: 100%; margin: 0 0.5rem; }
.page1 .gonggao_huodong { width: 4.34rem; height: 100%; }
.page1 .new_datial { width: 100%; color: #877959; text-align: left; }
.page1 .new_datial dt { width: 100%; position: relative; overflow: hidden; padding-bottom: 0.1rem; margin-bottom: 0.45rem; cursor: pointer; }
.page1 .new_datial dt:after { content: ''; display: block; width: 100%; height: 0.01rem; background: #fbe5a9; position: absolute; bottom: 0.01rem; }
.page1 .new_datial dt:before { content: ''; display: block; width: 1.38rem; height: 0.04rem; position: absolute; bottom: 0; background: #ffc95f; }
.page1 .newest .new_datial dt h2 i { display: block; overflow: hidden; width: 1.22rem; height: 0.36rem; background-position: -0px -0.34rem; text-indent: -999em; float: left; margin-left: 0.1rem; }
.page1 .new_datial dt .move_news { display: block; position: absolute; top: 0.05rem; right: 0.5rem; width: 0.26rem; height: 0.26rem; background-position: 0 0; transition: all .5s; }
.page1 .new_datial dt:hover .move_news { transform: rotate(270deg); }
.page1 .new_datial dt .after { width: 0.38rem; height: 0.2rem; color: #e4d0a1; font-size: 0.16rem; display: block; position: absolute; right: 0.05rem; top: 0.08rem; }
.page1 .new_datial dd { margin-bottom: 0.5rem; }
.page1 .new_datial dd:hover p b { color: #ffa900; }
.page1 .new_datial dd p { color: #e4d0a1; font-size: 0.24rem; padding-bottom: 0.1rem; margin-bottom: 0.1rem; position: relative; line-height: 0.4rem; }
.page1 .new_datial dd p:after { content: ''; width: 0.6rem; height: 0.01rem; background: #fbe5a9; display: block; position: absolute; top: 0.38rem; transition: width .5s; }
.page1 .new_datial dd:hover  p:after { width: 100%; }
.page1 .new_datial dd span.txt { font-size: 0.18rem; line-height: 0.34rem; transition: color .5s; }
.page1 .new_datial dd:hover span.txt { color: #928362; }
.page1 .tlc5 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
.page1 .creat_time { color: #e4d0a1; font-size: 0.2rem; margin-top: 0.3rem; }

/**/
.page1 .tlc2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.page1 .tlc1 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.page1 .news .pic2 { width: 4.34rem; height: 2.5rem; margin-bottom: .6rem; border: 0.01rem solid #ffda83; position: relative; overflow: hidden; cursor: pointer; }
.page1 .news .new_datial dt h2 i { display: block; overflow: hidden; width: 1.42rem; height: 0.38rem; background-position: -0px -0.72rem; text-indent: -999em; float: left; margin-left: 0.1rem; }

/*33*/
.gonggao_huodong .new_datial dt h2 i { display: block; overflow: hidden; width: 1.28rem; height: 0.38rem; background-position: -1.22rem -0.34rem; text-indent: -999em; float: left; margin-left: 0.1rem; }
.gonggao_huodong .pic3 { width: 4.34rem; height: 2.5rem; margin-bottom: .4rem; border: 0.01rem solid #ffda83; position: relative; overflow: hidden; cursor: pointer; }
.newest .pic1 img, .gonggao_huodong .pic3 img, .news .pic2 img { display: block; padding: 1%; }

/*44*/
.gonggao_huodong .new_datial dd { margin-bottom: 0.4rem; }
.gonggao_huodong .new_datial dt .huodong i { display: block; overflow: hidden; width: 1.36rem; height: 0.34rem; background-position: -0.26rem -0px; text-indent: -999em; float: left; margin-left: 0.1rem; }
.new_sprite { background: url(../images/page2/news_sprite.png) no-repeat 0 0 / 2.5rem 1.1rem; }

/*======================page2====================*/
.page2 { width: 100%; height: 100%; background: url(../images/page2.jpg) no-repeat 0 0 / 100% 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.page2, .#hero_list { width: 100%; height: 100%; position: relative; overflow: hidden; }
.bgvideo { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.hero_tab { text-align: center; position: absolute;top: 22%; left: 55%; z-index: 9; }
.hero_tab_sprite { background: url(../images/page3/tab.png) no-repeat 0 0 / 14.1rem 0.56rem; }
.hero_tab .list { width: 1.66rem; height: 0.56rem; display: inline-block; cursor: pointer; }
.hero_tab .list:nth-child(1) { background-position: -0.84rem 0; }
.hero_tab .list:nth-child(2) { background-position: -4.16rem 0; }
.hero_tab .list:nth-child(3) { background-position: -7.46rem 0; }
.hero_tab .list:nth-child(4) { background-position: -10.76rem 0; }
.hero_tab .list.curr:nth-child(1) { background-position: -2.5rem 0; }
.hero_tab .list.curr:nth-child(2) { background-position: -5.82rem 0; }
.hero_tab .list.curr:nth-child(3) { background-position: -9.12rem 0; }
.hero_tab .list.curr:nth-child(4) { background-position: -12.44rem 0; }
.hero_tab .list:nth-child(1):hover { background-position: -2.5rem 0; }
.hero_tab .list:nth-child(2):hover { background-position: -5.82rem 0; }
.hero_tab .list:nth-child(3):hover { background-position: -9.12rem 0; }
.hero_tab .list:nth-child(4):hover { background-position: -12.44rem 0; }
.hero_box { width: 100%; height: 100%; position: relative; overflow: hidden; }
.hero_box .show { width: 100%; height: 100%; position: relative; overflow: hidden; display: none; }
.hero_box .show.curr { display: block; }
.hero_yingxiong { width: 22.4rem; height: 14.4rem; position: absolute; top: 50%; margin-top: -6.5rem; left: -22.4rem; z-index: 3; }
.hero_name { width: 1.28rem; height: 9.57rem; position: absolute; top: 50%; margin-top: -3.6rem; left: 8.75rem; z-index: 3; }
.btn_herovideo { width: 0.84rem; height: 0.88rem; background: url(../images/page3/btn_play.png) no-repeat 0 0 / 100% 100%; position: absolute; top: 6.1rem; left: 9rem; z-index: 3; cursor: pointer; }
.page2 .hero_mask { content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }

/* 本例子css */
.picScroll-left { width: 8.18rem; overflow: hidden; position: absolute; top: 25%; left: 52%; z-index: 9; }
.picScroll-left .hd { height: 0.42rem; position: relative; }
.picScroll-left .hd .prev, .picScroll-left .hd .next { width: 0.42rem; height: 0.42rem; background-position: -0.42rem -0px; display: block; overflow: hidden; cursor: pointer; }
.picScroll-left .hd .prev { position: absolute; left: 0.1rem; top: 0.85rem; }
.picScroll-left .hd .next { position: absolute; right: .3rem; top: 0.85rem; background-position: 0 0; }
.tempWrap { margin: 0 atuo; }
.picScroll-left .bd ul { overflow: hidden; zoom: 1; }
.picScroll-left .bd ul li { margin: 0 0.1rem; float: left; _display: inline; overflow: hidden; text-align: center; cursor: pointer; width: 1.46rem; height: 1.1rem;    /*width: .90rem;*/    /*height: .88rem;*/ }
.picScroll-left .bd ul li .pic { text-align: center; }
.picScroll-left .bd ul li .p1 img { width: 0.9rem; height: 0.88rem; display: block; margin: 0.15rem auto 0; }
.picScroll-left .bd ul li .p2 img { width: 1.46rem; height: 1.26rem; display: block; margin: 0 auto; }
.tempWrap { border-bottom: 0.01rem solid rgba(255, 238, 192, .5) }
.picScroll-left .bd ul li .p2 { width: 1.46rem; height: 1.46rem; display: none; }
.picScroll-left .bd ul li.curr { float: left; _display: inline; overflow: hidden; text-align: center; cursor: pointer; width: 1.46rem; height: 1.46rem; position: relative; }
.picScroll-left .bd ul li.curr:after { content: ''; display: block; width: 100%; height: 0.03rem; position: absolute; left: 0; bottom: 0; background: #ffeec0; animation: moveAfter 1s; -webkit-animation: moveAfter 1s; /* Safari 与 Chrome */ }
@keyframes moveAfter {
    from { width: 0; }
    to { width: 100%; }
}
@-webkit-keyframes moveAfter {
    from { width: 0; }
    to { width: 100%; }
}
.picScroll-left .bd ul li.curr  .p2 { display: block; }
.picScroll-left .bd ul li.curr  .p1 { display: none; }

/*======================page3====================*/
.page3 { width: 100%; height: 100%; background: url(../images/page2.jpg) no-repeat 0 0 / 100% 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.page3 .pic_box { width: 15.98rem; height: 8.2rem; /*margin-top: 1.5rem;*/ position: relative; border: 0.02rem solid rgba(251, 229, 169, .2); padding: 0.09rem; z-index: 2; }
.pic_link_more { position: absolute; display: block; top: -0.5rem; right: 0; }
.page3 .pic_link_more .after { width: 0.38rem; height: 0.2rem; color: #e4d0a1; font-size: 0.16rem; display: block; position: absolute; right: 0.05rem; top: 0.08rem; }
.page3 .move_news { display: block; position: absolute; top: 0.05rem; right: 0.5rem; width: 0.26rem; height: 0.26rem; background-position: 0 0; transition: all .5s; }
.page3 .pic_link_more:hover .move_news { transform: rotate(270deg); }
.page3 .pic_box .pbx1 { width: 9.0rem; height: 5.04rem; border: 0.01rem solid rgba(251, 229, 169, .5); padding: 0.01rem; position: relative; overflow: hidden; cursor: pointer; }
.page3 .pic_box .pbx1 .btn_vplay { width: 0.84rem; height: 0.88rem; background: url(../images/page4/btn_vplay.png) no-repeat 0 0 / 100% 100%; position: absolute; top: 50%; left: 50%; margin-left: -0.42rem; margin-top: -0.44rem; }
.page3 .pic_box .pbx1 img { transition: all .3s; }
.page3 .pic_box .pbx1:hover img { transform: scale(1.1); }
.page3 .pic_box .pbx2, .pic_box .pbx3 { width: 4.42rem; height: 2.76rem; border: 0.01rem solid rgba(251, 229, 169, .5); padding: 0.01rem; position: relative; overflow: hidden; cursor: pointer; margin-top: 0.15rem; float: left; }
.page3 .pic_box .pbx3 { margin-left: 0.15rem; }
.page3 .pbx4 { width: 3.8rem; height: 5.82rem; border: 0.01rem solid rgba(251, 229, 169, .5); padding: 0.01rem; position: relative; overflow: hidden; cursor: pointer; position: absolute; top: 0.09rem; left: 9.26rem; }
.page3 .pbx5 { width: 3.8rem; height: 1.96rem; border: 0.01rem solid rgba(251, 229, 169, .5); padding: 0.01rem; position: relative; overflow: hidden; cursor: pointer; position: absolute; bottom: 0.12rem; left: 9.26rem; }
.page3 .pbx6 { border: 0.01rem solid rgba(251, 229, 169, .5); padding: 0.01rem; position: relative; overflow: hidden; cursor: pointer; width: 2.62rem; height: 3.88rem; width: 2.62rem; height: 3.88rem; position: absolute; top: 0.09rem; right: 0.09rem; }
.page3 .pbx7 { border: 0.01rem solid rgba(251, 229, 169, .5); padding: 0.01rem; position: relative; overflow: hidden; cursor: pointer; width: 2.62rem; height: 3.88rem; position: absolute; bottom: 0.12rem; right: 0.09rem; }

/*======================page4====================*/
.page4 { width: 100%; height: 100%; background: url(../images/page2.jpg) no-repeat 0 0 / 100% 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.page4 .sfq_box { width: 15.98rem; height: 6.64rem;/* margin-top: 1.5rem;*/ position: relative;    /*border: 0.02rem solid rgba(251, 229, 169, .2);*/ z-index: 2; }
.item_sprite { background: url(../images/page5/sfs.png) no-repeat 0 0 / 4.16rem 19.91rem; }

/*.item_sprite {background: url(../images/page5/sfs.png) no-repeat 0 0 /1.04rem 66.4rem;}*/
.dh ul { position: relative; overflow: hidden; width: 100%; height: 100%; }
.dh ul li { float: left; width: 1.04rem; overflow: hidden; height: 6.64rem; position: relative; cursor: pointer; margin-right: 0.03rem; }
.dh ul li a { display: block; width: 100%; height: 100%; display: none; }
.dh ul li.curr a { display: block; width: 100%; height: 100%; }
.dh ul li a img { float: right; height: 6.58rem; margin-top: 0.06rem; }
.dh ul li .layer { position: absolute; bottom: 0; left: 0; width: 1.04rem; height: 6.64rem; }
.dh ul li:nth-child(1) .layer { width: 1.04rem; height: 6.64rem; background-position: -1.04rem -6.63rem }
.dh ul li:nth-child(2) .layer { width: 1.04rem; height: 6.64rem; background-position: -2.08rem -6.63rem }
.dh ul li:nth-child(3) .layer { width: 1.04rem; height: 6.64rem; background-position: -3.12rem -6.63rem }
.dh ul li:nth-child(4) .layer { width: 1.04rem; height: 6.64rem; background-position: -0px -13.27rem }
.dh ul li:nth-child(5) .layer { width: 1.04rem; height: 6.64rem; background-position: -1.04rem -13.27rem }
.dh ul li.curr:nth-child(1) .layer { width: 1.04rem; height: 6.63rem; background-position: -0px -0px }
.dh ul li.curr:nth-child(2) .layer { width: 1.04rem; height: 6.63rem; background-position: -1.04rem -0px }
.dh ul li.curr:nth-child(3) .layer { width: 1.04rem; height: 6.63rem; background-position: -2.08rem -0px }
.dh ul li.curr:nth-child(4) .layer { width: 1.04rem; height: 6.63rem; background-position: -3.12rem -0px }
.dh ul li.curr:nth-child(5) .layer { width: 1.04rem; height: 6.63rem; background-position: -0px -6.63rem }

.dh ul li:nth-child(1):hover .layer{
    background-position: -0px -0px
}
.dh ul li:nth-child(2):hover .layer{
    background-position: -2.08rem -0px
}
.dh ul li:nth-child(3):hover .layer{
    background-position: -1.04rem -0px
}
.dh ul li:nth-child(4):hover .layer{
    background-position: -3.11rem -0px
}
.dh ul li:nth-child(5):hover .layer{
    background-position: 1px -6.63rem
}


.dh ul li.curr:nth-child(1):hover .layer{
    background-position: -0px -0px
}
.dh ul li.curr:nth-child(2):hover .layer{
    background-position: -1.04rem -0px
}
.dh ul li.curr:nth-child(3):hover .layer{
    background-position: -2.08rem -0px
}
.dh ul li.curr:nth-child(4):hover .layer{
    background-position: -3.11rem -0px
}
.dh ul li.curr:nth-child(5):hover .layer{
    background-position: 0.01rem -6.63rem
}

/*======================page5====================*/
.page5 { width: 100%; height: 100%; background: url(../images/page2.jpg) no-repeat 0 0 / 100% 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.page5 .sq_box { width: 100%; height: 100%;  position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; z-index: 2; }
.sq_box .hvr_sq { width: 3.22rem; height: 100%;    /*background: rgba(0,0,0,.5);*/    /*margin: 0 0.6rem;*/
position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.sq_box .hvr_sq:nth-child(1):after, .sq_box .hvr_sq:nth-child(2):after, .sq_box .hvr_sq:nth-child(3):after { content: ''; display: block; width: 0.04rem; height: 13.32rem; background: url(../images/page6/line.png) no-repeat 0 0 / 100% 100%; position: absolute; top: 50%; margin-top: -6.66rem; right: 0; }
.sq_sprite { background: url(../images/page6/sq_sprite.png) no-repeat 0 0 / 4.58rem 3.0rem; }
.sq_box .hvr_sq p { width: 2.01rem; height: 2.01rem; background-position: -0px -0px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: transform .5s; }
.sq_box .hvr_sq p:hover { background-position: -2.02rem -0px; transform: rotate(45deg)  scale(.9); }

.sq_box .hvr_sq .tmani_wx:hover{
    background-position: -0px -0px;
}
.sq_box .hvr_sq .tmani_qq:hover{
    background-position: -0px -0px;
}

.sq_box .icon_wx { width: 0.78rem; height: 0.66rem; background-position: -3.52rem -2.02rem; transition: transform .5s; }
.sq_box .icon_qq { width: 0.54rem; height: 0.66rem; background-position: -4.04rem -0px; transition: transform .5s; }
.sq_box .icon_wb { width: 0.78rem; height: 0.62rem; background-position: -1.96rem -2.02rem; transition: transform .5s; }
.sq_box .icon_tap { width: 0.98rem; height: 0.98rem; background-position: -0px -2.02rem; transition: transform .5s; }

.sq_box .hvr_sq p:hover .icon_wx { transform: rotate(-45deg); }
.sq_box .hvr_sq p:hover .icon_qq { transform: rotate(-45deg); }
.sq_box .hvr_sq p:hover .icon_wb { background-position: -2.74rem -2.02rem; transform: rotate(-45deg); }
.sq_box .hvr_sq p:hover .icon_tap { background-position: -0.98rem -2.02rem; transform: rotate(-45deg); }



.hvr-shutter-out-vertical { background: none; }
.hvr-shutter-out-vertical:before { background: rgba(0, 0, 0, .05); }
.rwm1,.rwm2 { width: 2.52rem; height: 2.52rem; position: absolute;top: 40%; cursor: pointer;
        transition: .5s ease all .2s;
    opacity: 0;transform: translateY(-10px);
 }

.sq_box .hvr_sq:hover .rwm{
    opacity: 1;transform: translateY(0px)
}

.sq_box .hvr_sq:hover p{
    transform: rotate(45deg)  scale(.9);
}

.sq_box .hvr_sq:hover p .icon_wx,.sq_box .hvr_sq:hover p .icon_qq,
.sq_box .hvr_sq:hover p .icon_wb,
.sq_box .hvr_sq:hover p .icon_tap{
    transform: rotate(-45deg);
}

/*footer*/
.foot1 { height: 3.6rem; z-index: 9; width: 100%; position: absolute; bottom: -3.58rem;  /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.foot1 .after { width: 0.66rem; height: 0.32rem; content: ''; display: block; position: absolute; top: -0.32rem; background: url(../images/fprve.png) no-repeat 0 0 / 100% 100%; right: 5.85rem; cursor: pointer; }
.foot1 .fopen { width: 0.66rem; height: 0.32rem; content: ''; display: block; position: absolute; background: url(../images/fprve.png) no-repeat 0 0 / 100% 100%; right: 5.85rem; cursor: pointer; background: url(../images/fnext.png) no-repeat 0 0 / 100% 100%; top: -0.1rem; display: none; }
.foot1 { height: 3.6rem; background: #19130f url(../images/footer.png) no-repeat center 0 / 100% 100%; color: #fff; width: 100%; }
.foot1 .foo_logo { display: inline-block; width: 3.68rem; height: 1.04rem; background: url(../images/f_logo.png) no-repeat 0 0 / 100% 100%; margin-right: 2.0rem; position: relative; }
.foot1 .foo_logo:after { content: ''; display: block; width: 0.02rem; height: 1.94rem; background: url(../images/f_after.png) no-repeat 0 0 / 100% 100%; position: absolute; right: -1.0rem; top: 50%; margin-top: -0.97rem; }
.foot1 .f_bqtxt p { text-align: left; font-size: 0.18rem; line-height: 0.4rem; letter-spacing: 0.03rem; color: #ffebbb; }
.foot1 .f_bqtxt p.error { color: #978761; }
.foot1 .f_bqtxt p a:hover { color: #eee; }
.icon_bq { padding-left: 0.2rem; background: url(../images/icon_bq.png) no-repeat 0 center / 0.2rem 0.22rem; }

/*烟雾*/
.swiper-slide .frog { z-index: 0 }
.swiper-slide .frog, .swiper-slide .frog .stone, .swiper-slide .frog .fast, .swiper-slide .frog .slow, .swiper-slide .frog .slow:before, .swiper-slide .frog .fast:before, .swiper-slide .frog .slow:after, .swiper-slide .frog .fast:after { position: absolute; bottom: 0; left: 0; height: 4.08rem; width: 100% }

/*.swiper-slide .frog .stone{background: url("../images/stone.png") no-repeat;height:100%;top:auto;bottom:0;background-size:38.4rem 3.98rem; }*/
.swiper-slide .frog .slow, .swiper-slide .frog .fast { top: auto; bottom: 0; height: 4.08rem; }
.swiper-slide .frog .slow:after, .swiper-slide .frog .fast:after, .duya-team-component .frog .slow:before, .swiper-slide .frog .fast:before { top: auto; bottom: 0; content: ""; left: 0; background: url("../images/frog.png") no-repeat; height: 3.98rem; background-size: 18.85rem 4.08rem; }
.swiper-slide .frog .slow:after, .swiper-slide .frog .fast:after { left: -100%; }
.swiper-slide .frog .slow:after, .swiper-slide .frog .fast:after { left: -100%; }
.swiper-slide .frog .slow { animation: slowFlog linear 50s infinite; }
@keyframes slowFlog {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(100%, 0, 0); }
}
.swiper-slide .frog .fast { animation: fastFlog linear 20s infinite; }
@keyframes fastFlog {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(100%, 0, 0); }
}
.nav {
	width: 100%;
	height: .58rem;
	background: url(../../../pre/pc/pic/nav.png) no-repeat center 0 / 100% 100%;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 9;
	top:0;
}
.nav ul{
	width:100%;
	height:.55rem;
	overflow: hidden;
	position:relative;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
}
.nav ul li {
	width:1.3rem;
	height:100%;
	font-size:.2rem;
	color:#858585;
	text-align: center;
	line-height:.55rem;
	position:relative;
}
.nav ul li.active{
	background:url(../../../pre/pc/pic/ho.png) no-repeat center;
	background-size:cover;
	color:#e4e6bd;
}
.nav ul li img{
	display: block;
	width:1.12rem;
	height:.49rem;
	margin:0 auto 0;
}
.nav ul li:nth-child(4) {
	width:1.7rem;
}
.nav ul li:before{
	display: block;
	content:'';
	width:0.01rem;
	height:0.28rem;
	background:#858585;
	position:absolute;
	left:0;
	top:.11rem;
}
.nav ul li:nth-child(7):after{
	display: block;
	content:'';
	width:0.01rem;
	height:0.28rem;
	background:#858585;
	position:absolute;
	right:0;
	top:.11rem;
}
.nav ul li span{
	display: block;
	font-size:.06rem;
	width:100%;
	z-index:2;
	position:absolute;
	text-align: center;
	bottom:-.18rem;
	transform: scale(.6);
	-webkit-transform: scale(.6);
	white-space: nowrap;
}
.page{
	width:100%;
	overflow: hidden;
	position:relative;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	margin-top:.3rem;
	z-index:10;
	padding-bottom:1rem;
}
.page li{
	padding:0.06rem 0.1rem;
	background:#fff;
	border:0.01rem solid #a1a2a3;
	font-size:.12rem;
	line-height:.24rem;
	margin:0 0.03rem;
	position:relative;
}
.page li a{
	display: block;
	width:100%;
	height:100%;
}
.page li.active{
	background:#848484;
	color:#fff;
}
.float{
	width:1.83rem;
	height:5.56rem;
	background:url(../../../pre/pc/pic/float.png) no-repeat center;
	background-size:100% 100%;
	position:fixed;
	left:0.4rem;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
	z-index:5;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.float.active {
	left:-1.8rem;
}
.float.active .opClose{
	background:url(../../../pre/pc/pic/kai.png) no-repeat center;
	background-size:cover;
}
.er_code{
	display: none;
	width:1.36rem;
	height:1.36rem;
	border:0.03rem solid #d4c598;
	position:absolute;
	left:1.82rem;
	top:.2rem;
	z-index:3;
}
.dou_code{
	display: none;
	width:1.36rem;
	height:1.36rem;
	position:absolute;
	left:1.82rem;
	top:2.85rem;
	z-index:3;
}
.float a{
	display: block;
	width:1.68rem;
	height:.45rem;
	overflow: hidden;
	position:relative;
	margin:0.2rem 0 0 .11rem;
}
.float a img{
	display: block;
	width:100%;
}
.float a:nth-child(1){
	margin-top:.33rem;
}
.float a.at:hover img:nth-child(1){
	display: none;
}
.opClose{
	width:.35rem;
	height:1.18rem;
	background:url(../../../pre/pc/pic/shou.png) no-repeat center;
	background-size:cover;
	position:absolute;
	right:-.33rem;
	top:1.33rem;
}
/*==========================二级页==========================*/
.detail { width: 100%; position: relative; background: url(../../../pre/pc/pic/bg.jpg) no-repeat center; min-height: 16.74rem; background-size:cover;overflow-x: hidden;}
.detail:after { content: ''; display: block; width: 100%; height: 7.26rem; background: url(../../../pre/pc/pic/mask.jpg) no-repeat center 0 / 100% 100%; position: absolute; bottom: 0; left: 0; }
.banner { width: 100%; height: 3.85rem; background: url(../../../pre/pc/pic/ban.jpg) no-repeat center 0 / 100% 100%; }
.detail_cen { width: 100%;    /*background: rgba(0,0,0,.2);*/ margin: 0 auto 0; position: relative;}
.detail_cen.detail_data{
	width:100%;
	padding-bottom:5rem;
}
.detail_cen .new_tab { text-align: center;    /*height: 0.52rem;*/ line-height: 0.52rem; border-bottom: 0.02rem solid rgba(34, 27, 35, .3); position: relative; margin-left: 0.05rem; margin-right: 0.05rem;}
.detail_cen .new_tab:after, .detail_cen .new_tab:before { content: ''; display: block; width: 0.1rem; height: 0.1rem; background: url(../images/detail/icon_after.png) no-repeat 0 0 / 100% 100%; position: absolute; left: -0.08rem; bottom: -0.06rem; }
.detail_cen .new_tab:before { left: 99.9%; bottom: -0.06rem; }
.detail_cen .new_tab p { display: inline-block; cursor: pointer; font-size: 0.3rem; color: #000; margin: 0 0.3rem; position: relative; }
.detail_cen .new_tab p.curr:after { content: ''; display: block; width: .83rem; height: 0.04rem; background:url(../images/detail/det.png) no-repeat center;background-size:100% 100%; position: absolute; left: 50%;margin-left:-.415rem; bottom: -0.07rem; z-index: 2; }
.detail_cen .new_tab p.curr{ color:#87690f ;}
.detail_cen .new_tab p:hover { color: #87690f; }
.detail_cen .btn_back { display: block; background-position: -0px -0px; width: 0.28rem; height: 0.52rem; position: absolute; top: 0; left: 0.4rem; z-index: 3; }
.detail_sprite { background: url(../images/detail/detail_sprite.png) no-repeat 0 0 / 2.56rem 1.08rem; }
.new_tab p i { display: inline-block; width: 0.34rem; height: 0.28rem; margin-right: 0.05rem; }
.new_tab p:nth-child(1) i { background-position: -0.84rem -0.52rem; }
.new_tab p:nth-child(2) i { background-position: -1.52rem -0.52rem; position: relative; top: 0.03rem; }
.new_tab p:nth-child(3) i { background-position: -2.2rem -0.52rem; position: relative; top: 0.03rem; }
.new_tab p:nth-child(4) i { background-position: -0.34rem -0.8rem; position: relative; top: 0.03rem; }
.new_tab p:nth-child(1):hover i { background-position: -1.18rem -0.52rem }
.new_tab p:nth-child(2):hover i { background-position: -1.86rem -0.52rem }
.new_tab p:nth-child(3):hover i { background-position: -0px -0.8rem }
.new_tab p:nth-child(4):hover i { background-position: -0.68rem -0.8rem }
.new_box { width: 100%; position: relative; margin: 0 auto; z-index: 2; }
.link_item { 
	width: 100%; 
	height: 1.44rem; 
	border-bottom: 0.02rem solid #d9dbe0;
	/* Center slide text vertically */ 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: -webkit-flex; 
	display: flex; 
	-webkit-box-pack: center; 
	-ms-flex-pack: center; 
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center; 
	/*transition: all 2s;*/ 
	position: relative; 
}
.new_box .show { display: none; }
.new_box .show.curr { display: block; }
.link_item:hover { background: url(../../../pre/pc/pic/hover.png) no-repeat 0 0 / 100% 1.44rem;    /*background:red;*/ }
.link_item:hover:after { background-position: -0.24rem -0.52rem; }
.link_item:hover dl dt,.link_item:hover dl dd {
	color:#74590a;
}
.link_item dl { margin-left: -3.82rem; }
.link_item dl dt { font-size: 0.24rem; color: #000; margin-bottom: 0.1rem; width: 7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	margin-top:.32rem;
}
.link_item dl dt span { }
.link_item dl dd { color: #7a7a7a; font-size: 0.18rem; width: 7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;margin-top:.34rem;margin-left:1.1rem;}
.item_next { width: 0.96rem; height: 0.34rem; border-radius: 0.3rem; border: 0.01rem solid #7a7a7a; position: absolute; right: 0.3rem; bottom: 0.1rem; overflow: hidden; }
.item_next:after { content: ''; display: block; width: 0%; height: 100%; background: #ff4e00; border-radius: 0.3rem; transition: width .2s; }
.link_item:hover .item_next{border: none;}
.link_item:hover .item_next:after { width: 100%; }
.item_next:before { content: ''; display: block; width: .36rem; height: .18rem; border-radius: 0.3rem; background: url(../images/detail/next.png) no-repeat center center / 0.36rem 0.18rem; position: absolute; top: 50%; left: 50%; margin-top: -0.09rem; margin-left: -0.18rem; }
.link_item:hover .item_next:before { background: url(../images/detail/nextc.png) no-repeat center center / 0.36rem 0.18rem; }

/*================详情页===============*/
.detail_data_tit {width:100%;overflow: hidden;position:relative; text-align: center; border-bottom: 0.02rem solid rgba(34, 27, 35, .3); }
.detail_data_tit p { font-size: 0.14rem; color: #9f9f9f; margin-top: 0.38rem; padding-bottom: 0.55rem; }
.detail_data_box { font-size: 0.2rem; color: #7a7a7a; padding-top: 0.5rem ; line-height: 0.36rem;width:11.6rem;margin:0 auto 0; }
.detail_data_box img{display:block;max-width:100%;margin:0 auto;}
.detailTit{
	width:11.6rem;
	overflow: hidden;
	position:relative;
	margin:0 auto 0;
}
.bakIndex{
	font-size:.18rem;
	color:#74590a;
	position:absolute;
	left:0;
	top:.4rem;
	font-family: "Adobe Heiti Std";
}
.bakIndex a{
	color:#74590a;
}
.bakIndex a:hover{
	text-decoration: underline;
}
.detailTit h2{
	font-size:.36rem;
	color:#383838;
	margin-top:.96rem;
}
/*================视频and壁纸列表页===============*/
.detail_cen .tablist_vp { text-align: center;    /*height: 0.52rem;*/ line-height: 0.52rem; border-bottom: 0.02rem solid rgba(34, 27, 35, .3); position: relative; margin-left: 0.05rem; margin-right: 0.05rem; padding-bottom: 0.24rem; }
.detail_cen .tablist_vp p { display: inline-block; cursor: pointer; font-size: 0.3rem; color: #000; margin: 0 0.5rem; position: relative; }
.detail_cen .tablist_vp p.curr:after { content: ''; display: block; width: 100%; height: 0.03rem; background: #ff4e00; position: absolute; left: 0rem; bottom: -0.28rem; z-index: 2; }
.detail_cen .tablist_vp p:hover { color: #ff4e00; }
.vp_box { }
.vp_box .show { display: none; position: relative; }
.vp_box .show.curr { display: block; margin-top: 0.1rem; position: relative; z-index: 2; }
.vp_box .show .vpo { position: relative; overflow: hidden; cursor: pointer; }
.vp_box .show .vpo:nth-child(1) { width: 12.0rem; height: 6.68rem; float: left; }
.vp_box .show .vpo:nth-child(2), .vp_box .show .vpo:nth-child(3), .vp_box .show .vpo:nth-child(4) { width: 3.74rem; height: 2.08rem; float: right; margin-bottom: 0.21rem; }
.vp_box .show .vpo video { width: 100%; height: 100%; }
.vp_box .show .vpo .vpo_mask { width: 100%; height: 100%; background: rgba(0, 0, 0, .4); position: absolute; top: 100%; left: 0; right: 0; bottom: 0; transition: all .5s; }
.vp_box .show .vpo .vpo_mask .btn_vplay { width: 0.5rem; height: 0.64rem; background: url(../images/detail/vplay.png) no-repeat 0 0 / 100% 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.vp_box .show .vpo:hover .vpo_mask { top: 0; }
.vpo_cc { position: relative; overflow: hidden; }
.btn_vporeplace { width: 2.28rem; height: 0.46rem; background-position: -0.28rem 0; margin: 0 auto; position: relative; z-index: 2; cursor: pointer;}
.btn_vporeplace:hover {
    background: url(../images/detail/btn_replace_c.png) no-repeat center 0 / 2.27rem 0.46rem;
}
.vp_box .show .vpc:nth-child(1) { width: 12.0rem; height: 6.68rem; float: left; position: relative; overflow: hidden; }
.vp_box .show .vpc:nth-child(2), .vp_box .show .vpc:nth-child(3), .vp_box .show .vpc:nth-child(4) { width: 3.74rem; height: 2.08rem; float: right; margin-bottom: 0.21rem; position: relative; overflow: hidden; }
.vp_box .show .vpc img { transition: all .3s; }
.vp_box .show .vpc:hover img { transform: scale(1.1); }


/*=========================== dialog通用样式开始 ====================================*/
#maskLayer { display: none; position: fixed; z-index: 10000; left: 0; top: 0; right: 0; bottom: 0; width: 100%; margin: 0 auto; height: 100%; background: #040001; opacity: 0.96; filter: alpha(opacity=90); }
#alertInfo { display: none; background: rgba(255, 255, 255, 0); left: 50%; top: -100%; position: absolute; z-index: 10001; width: 100%; max-width: 25.6rem; }
#alertInfo .close, .layer_close { position: absolute; right: 7.6rem; top: -0.7rem; overflow: hidden;
    font-size: 0; text-indent: -999999px; display: block; cursor: pointer;
    width: 0.6rem; height: 0.6rem;
    background: url(../images/close.png) no-repeat 0 0 / 100% 100%; z-index: 220; transition: transform ease-in 0.2s; z-index: 1; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #2c93b6; }

.dialog-iframe{
    width: 10.16rem;
    height:5.78rem;
    margin: 0 auto;
    background: url(../images/dialog-iframe.png) no-repeat 0 0 / 100% 100%;
}

#alertInfo .close:hover{
    background: url(../images/closec.png) no-repeat 0 0 / 100% 100%;
}

.popVideo video{
    padding: 0.12rem;
    width: 100%;
    height: 100%;
}

/* ==========弹出框========== */
#window { cursor: pointer; display: block; position: relative; z-index: 9; width: 200%; height: 200%; position: fixed; top: -100%; left: -50%; right: 0; bottom: 0; transform: rotate(-45deg); display: none; }
#window:hover, .fabric:hover { cursor: pointer; }
.fabric { width: 100%; height: 2%; background: linear-gradient(#1f2e26, #142a21 20%, #142a21 40%, #2f3e30 60%, #2f3e30); position: relative; transition: transform 0.3s; display: block; z-index: 4; transform: scale(1, 0.2); }



.created_at{
    font-size: .32rem;
    color: #373737;
    position: absolute;
    right: .3rem;
    letter-spacing: 2px;
    width: 0.96rem;
    text-align: right;
}
/*//iphoneX、iphoneXs*/

/*即: 设备屏幕可见宽度为375px， 可见高度为812px及设备像素比为3*/
@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) { }

/*//iphone Xs Max*/
@media only screen and (device-width:414px) and (device-height:896px) and (-webkit-device-pixel-ratio:3) { }

/*//iphone XR*/
@media only screen and (device-width:414px) and (device-height:896px) and (-webkit-device-pixel-ratio:2) { }

/* 兼容iphone5 */
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2) { }

/*兼容iphone6，iphone7，iphone8s*/
@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2) { }

/*兼容iphone6 Plus,iphone7 Plus,iphone8 Plus*/
@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2) { }