@charset "utf-8";

/*导入字体*/

/*@font-face { font-family: 'prbn'; src: url('../font/prbn.eot?#font-spider') format('embedded-opentype'), url('../font/prbn.ttf') format('truetype'); font-weight: normal; font-style: normal; }
.panel { font-family: "prbn"; color: #fff; font-size: 0.85rem; }
*/

/* 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; }
body { margin: 0 auto; min-width: 3.2rem; position: relative; width: 100%; height: 100%; background: #fff; }
a { text-decoration: none; color: inherit; }
.clearfloat:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; }
.ridius { border-radius: 5px; }

/* 假如添加了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; }

/*==========文字效果============*/
:root { --h1-font-size: 10vmin; --primary-color: rgb(245, 102, 0); --secondary-color: rgb(230, 96, 0); --tiger-image: url(../images/xh.gif); --texture-image: url(../images/xh.gif); }

/*=========================== 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.9; 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: 7.5rem; }
#alertInfo .close, .layer_close { position: absolute; right: .32rem; top: -0.6rem; overflow: hidden; font-size: 0; text-indent: -999999px; display: block; width: 0.64rem; height: 0.64rem; cursor: pointer; background: url(../images/pop/pop_comm/close.png) no-repeat center center; background-size: 0.64rem 0.64rem; z-index: 220; transition: transform ease-in 0.2s; z-index: 1; }

/* ==========弹出框========== */
.pop { width: 100%; margin: 0 auto; position: relative; overflow: hidden; }

/* 公共部分结束 */
.gTop { width: 0.97rem; height: 0.97rem; background: url(../images/top.png) no-repeat 0 0 / 100% 100%; position: fixed; right: 0.15rem; bottom: 1.5rem; }

/* ==============loading============== */
.loadingbox { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000 url(../images/loading/loadingbg.jpg) no-repeat 0 0 / 100% 100%; z-index: 9999999; }
.percent { font-size: 0.6rem; color: #fff; text-align: center; position: relative; text-align: center; line-height: 2.6rem; -webkit-animation: rotate_right linear 10s infinite; animation: rotate_right linear 10s infinite; }
.loading_run_right { width: 2.6rem; height: 2.6rem; top: 40%; left: 50%; position: absolute; margin-left: -1.3rem; margin-top: -1.3rem; background: url(../images/loading/ani_ran_right.png) no-repeat 0 0 / 100% 100%; -webkit-animation: rotate_left linear 10s infinite; animation: rotate_left linear 10s infinite; z-index: 9; }
.loading_run_right:after { content: ''; width: 2.0rem; height: 2.0rem; background: url(../images/loading/ani_ran_left.png) no-repeat 0 0 / 100% 100%; position: absolute; top: 50%; left: 50%; margin-top: -1.0rem; margin-left: -1.0rem; -webkit-animation: rotate_right linear 5s infinite; animation: rotate_right linear 5s infinite; }
@-webkit-keyframes rotate_left {
    from { transform: rotateZ(0); }
    to { transform: rotateZ(360deg); }
}
@keyframes rotate_left {
    from { transform: rotateZ(0); }
    to { transform: rotateZ(360deg); }
}
@-webkit-keyframes rotate_right {
    from { transform: rotateZ(360deg); }
    to { transform: rotateZ(0deg); }
}
@keyframes rotate_right {
    from { transform: rotateZ(360deg); }
    to { transform: rotateZ(0deg); }
}
.box_rotateZ { width: 4.85rem; height: 4.73rem; position: absolute; top: 50%; left: 50%; margin-left: -3rem; margin-top: -4rem; }
.box_rotateZ .glitch-img { display: block; width: 100%; height: 100%; background: url(../images/loading/icon_load.png) no-repeat 0 0 / 100% 100%; position: absolute; top: 0; left: 0; }
@-webkit-keyframes rotate_Y {
    from { transform: rotateY(0); }
    to { transform: rotateY(720deg); }
}
@keyframes rotate_Y {
    from { transform: rotateY(0); }
    to { transform: rotateY(720deg); }
}
.loadingTxt { position: absolute; left: 50%; top: 7.6rem; width: 4.29rem; height: 0.62rem; transform: translate(-50%, 0); }
.loadingTxt .glitch-img { width: 100%; height: 100%; background: url(../images/loading/loadingtxt.png) no-repeat 0 0 / 100% 100%; display: block; }

/*===加载进度条===*/
@-webkit-keyframes jdtMove {
    0% { background-position: 0 0; }
    100% { background-position: 50px 50px; }
}
@-moz-keyframes jdtMove {
    0% { background-position: 0 0; }
    100% { background-position: 50px 50px; }
}
.aniImg .glitch-img:nth-child(n+2) { -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-delay: 2.8s; animation-delay: 2.8s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; opacity: 0; }
.aniImg .glitch-img:nth-child(2) { background-color: transparent; -webkit-animation-name: glitch-ani1; animation-name: glitch-ani1; }
.aniImg .glitch-img:nth-child(3) { background-color: transparent; -webkit-animation-name: glitch-ani2; animation-name: glitch-ani2; }
.aniImg .glitch-img:nth-child(4) { background-color: transparent; -webkit-animation-name: glitch-ani3; animation-name: glitch-ani3; }
@-webkit-keyframes glitch-ani1 {
    0% { opacity: 1; transform: translate3d(10px, 0, 0); -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); }
    2% { -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%); clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%); }
    4% { -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); }
    6% { -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); }
    8% { -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); }
    10% { -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); }
    12% { -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); }
    14% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); }
    16% { -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); }
    18% { -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); }
    20% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); }
    21.9% { opacity: 1; transform: translate3d(10px, 0, 0); }
    22%, 100% { opacity: 0; transform: translate3d(0, 0, 0); -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0); clip-path: polygon(0 0, 0 0, 0 0, 0 0); }
}
@keyframes glitch-ani1 {
    0% { opacity: 1; transform: translate3d(10px, 0, 0); -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); }
    2% { -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%); clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%); }
    4% { -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); }
    6% { -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); }
    8% { -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); }
    10% { -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); }
    12% { -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); }
    14% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); }
    16% { -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); }
    18% { -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); }
    20% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); }
    21.9% { opacity: 1; transform: translate3d(10px, 0, 0); }
    22%, 100% { opacity: 0; transform: translate3d(0, 0, 0); -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0); clip-path: polygon(0 0, 0 0, 0 0, 0 0); }
}
@-webkit-keyframes glitch-ani2 {
    0% { opacity: 1; transform: translate3d(calc(-1 * 10px), 0, 0); -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%); clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%); }
    3% { -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%); clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%); }
    5% { -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%); clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%); }
    7% { -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); }
    9% { -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%); clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%); }
    11% { -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%); clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%); }
    13% { -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); }
    15% { -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%); clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%); }
    17% { -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%); clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%); }
    19% { -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%); clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%); }
    20% { -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%); clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%); }
    21.9% { opacity: 1; transform: translate3d(calc(-1 * 10px), 0, 0); }
    22%, 100% { opacity: 0; transform: translate3d(0, 0, 0); -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0); clip-path: polygon(0 0, 0 0, 0 0, 0 0); }
}
@keyframes glitch-ani2 {
    0% { opacity: 1; transform: translate3d(calc(-1 * 10px), 0, 0); -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%); clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%); }
    3% { -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%); clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%); }
    5% { -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%); clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%); }
    7% { -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); }
    9% { -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%); clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%); }
    11% { -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%); clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%); }
    13% { -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); }
    15% { -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%); clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%); }
    17% { -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%); clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%); }
    19% { -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%); clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%); }
    20% { -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%); clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%); }
    21.9% { opacity: 1; transform: translate3d(calc(-1 * 10px), 0, 0); }
    22%, 100% { opacity: 0; transform: translate3d(0, 0, 0); -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0); clip-path: polygon(0 0, 0 0, 0 0, 0 0); }
}
@-webkit-keyframes glitch-ani3 {
    0% { opacity: 1; transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1); -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%); clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%); }
    1.5% { -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%); clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%); }
    2% { -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%); clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%); }
    2.5% { -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); }
    3% { -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%); clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%); }
    5% { -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%); clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%); }
    5.5% { -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%); clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%); }
    7% { -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%); clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%); }
    8% { -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); }
    9% { -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%); clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%); }
    10.5% { -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%); clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%); }
    11% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%); clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%); }
    13% { -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%); clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%); }
    14% { -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%); clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%); }
    14.5% { -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%); clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%); }
    15% { -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%); clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%); }
    16% { -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); }
    18% { -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%); clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%); }
    20% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%); clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%); }
    21.9% { opacity: 1; transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1); }
    22%, 100% { opacity: 0; transform: translate3d(0, 0, 0); -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0); clip-path: polygon(0 0, 0 0, 0 0, 0 0); }
}
@keyframes glitch-ani3 {
    0% { opacity: 1; transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1); -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%); clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%); }
    1.5% { -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%); clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%); }
    2% { -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%); clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%); }
    2.5% { -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); }
    3% { -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%); clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%); }
    5% { -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%); clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%); }
    5.5% { -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%); clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%); }
    7% { -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%); clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%); }
    8% { -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); }
    9% { -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%); clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%); }
    10.5% { -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%); clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%); }
    11% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%); clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%); }
    13% { -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%); clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%); }
    14% { -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%); clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%); }
    14.5% { -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%); clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%); }
    15% { -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%); clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%); }
    16% { -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); }
    18% { -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%); clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%); }
    20% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%); clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%); }
    21.9% { opacity: 1; transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1); }
    22%, 100% { opacity: 0; transform: translate3d(0, 0, 0); -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0); clip-path: polygon(0 0, 0 0, 0 0, 0 0); }
}

/* 闪动 */
.ani_boxLight { -webkit-filter: brightness(1); -webkit-animation: boxLight .8s infinite; animation-direction: alternate; -webkit-animation-direction: alternate; }
@-webkit-keyframes boxLight {
    from { opacity: 1; -webkit-filter: brightness(0.5); }
    to { opacity: 1; -webkit-filter: brightness(1.2); }
}

/* ================动画=============== */
.ani_liudong1 { -webkit-animation: opacity 1s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08); animation: opacity 1s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ani_liudong2 { -webkit-animation: opacity 1s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08); animation: opacity 1s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ani_liudong3 { -webkit-animation: opacity 1s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08); animation: opacity 1s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ani_liudong4 { -webkit-animation: opacity 1s 0.48s infinite cubic-bezier(.2, .68, .18, 1.08); animation: opacity 1s 0.48s 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; }
}

/* ======================================== */
html, body { position: relative; height: 100%;background:#213523; }
.homeVideo { width: 100%; height: 100%; z-index: 1; }
.homeVideo video { width: 100%; position: relative; }

/*=================导航=============*/
.menu { width: 100%; max-width: 7.5rem; height: 1.06rem; background: url(../images/menu.png) no-repeat 0 0 / 100% 100%; position: fixed; top: 0; left: 50%; margin-left: -3.75rem; z-index: 99; overflow: hidden; }
.menu .btn { width: 2.28rem; height: 0.78rem; float: right; margin-top: 0.15rem; margin-right: 0.1rem; }
.btn_yuyue { background: url(../images/btn_yuyue.png) no-repeat 0 0 / 100% 100%; }
.btn_down { display: none; background: url(../images/btn_down.png) no-repeat 0 0 / 100% 100%; }

/*=================导航end=============*/
#wrap { max-width: 7.5rem; width: 100%; min-height: 13.34rem; margin: 0 auto; position: relative; overflow: hidden;  }
#container, #background_video { width: 100%; }
.flogo { width: 2.36rem; height: 1.34rem; background: url(../images/flogo.png) no-repeat 0 0 / 100% 100%; position: absolute; right: 0; bottom: 0rem; z-index: 9; }
.tabs { width: 100%; height: 4.8rem; position: absolute; bottom: 0; left: 0; }
.p_sprite { background: url(../images/tabs.png) no-repeat 0 0 / 9.78rem 3.6rem; }
.tabs p { width: 3.26rem; height: 1.2rem; position: relative;cursor: pointer; }
.tabs p:nth-child(1) span { display: block; width: 0.96rem; height: 1.2rem; background-position: -0px -0px }
.tabs p:nth-child(2) span { display: block; width: 0.96rem; height: 1.2rem; background-position: -0.96rem -0px; }
.tabs p:nth-child(3) span { display: block; width: 0.96rem; height: 1.2rem; background-position: -1.92rem -0px; }
.tabs p:nth-child(4) span { display: block; width: 0.96rem; height: 1.2rem; background-position: -2.88rem -0px; }
.tabs p:nth-child(1) i { display: block; width: 3.26rem; height: 1.2rem; background-position: -4.8rem -0px; }
/*.tabs p:nth-child(2) i { display: block; width: 3.26rem; height: 1.2rem; background-position: -3.26rem -2.4rem; }*/
.tabs p:nth-child(3) i { display: block; width: 3.26rem; height: 1.2rem; background-position: -6.52rem -1.2rem; }
.tabs p:nth-child(4) i { display: block; width: 3.26rem; height: 1.2rem; background-position: -0px -1.2rem; }
.tabs p span, .tabs p i { position: absolute; top: 0; left: 0; }
.tabs p span { z-index: 9; }
.tabs p i { left: -3.26rem; transition: left .5s; }
.tabs .btn { left: 0.96rem; height: 100%; display: block; position: absolute; right: 0; z-index: 10; }
.tabs p.yjl_no:nth-child(2) span { background-position: -3.84rem -0px; }
.tabs p.yjl_no:nth-child(2) i { background-position: -3.26rem -1.2rem; }
.tabs p.yjl_no:nth-child(3) span { background-position: -3.84rem -0px; }
.tabs p.yjl_no:nth-child(3) i { background-position: -0px -2.4rem; }
.tabs p.yjl_no:nth-child(4) span { background-position: -3.84rem -0px; }
.tabs p.yjl_no:nth-child(4) i { background-position: -6.52rem -2.4rem; }
.tabs p.curr:nth-child(1) i { left: 0; }
.tabs p.curr:nth-child(2) i { left: 0; }
.tabs p.curr:nth-child(3) i { left: 0; }
.tabs p.curr:nth-child(4) i { left: 0; }
#wrap_page { max-width: 7.5rem; width: 100%; height: 13.34rem; margin: 0 auto; position: relative; overflow: hidden; background: url(../images/wrap_page.jpg) no-repeat 0 0 / 100% 100%; }
.p1_txt { color: #536953; padding: 1.8rem 0 0 .85rem; }
.p1_txt dl dt { font-size: 0.3rem; padding-bottom: 0.1rem; }
.p1_txt dl dd { font-size: 0.24rem; line-height: 0.4rem; }
.p1_txt dl dd span { color: red; }
.p2_txt { width: 6.56rem; height: 4.12rem; background: url(../images/tit_box.png) no-repeat 0 0 / 100% 100%; margin: 0.6rem auto 0; position: relative; }
.bibili_vi { width: 6.36rem; height: 3.36rem; position: absolute; top: .66rem; left: 50%; margin-left: -3.18rem; background: rgba(0, 0, 0, .3); }
.btn_gobibili { width: 4.04rem; height: 0.8rem; background: url(../images/btn_gobibili.png) no-repeat 0 0 / 100% 100%; margin: 0.2rem auto 0; }
.tit3 { width: 6.26rem; height: 0.4rem; background: url(../images/tit.png) no-repeat 0 0 / 100% 100%; margin: 0.3rem auto 0.1rem; }
.fswp { position: relative; height: 2.04rem; width: 100%rem; }
.swiper-container { height: 2.04rem; width: 100%rem; margin: 0 auto; width: 6.28rem; }
.swiper-slide { text-align: center; width: 3.14rem;/*设为固定值*/ height: 2.04rem;    /*width:auto;根据内容调整宽度*/    /*margin: 0 0.2rem 0 0;*/ }
.swiper-slide img { width: 100%; height: 100%; }
.swp_prve { width: 0.28rem; height: 0.48rem; background: url(../images/prve.png) no-repeat 0 0 / 100% 100%; left: .1rem; top: 50%; margin-top: -0.24rem; position: absolute; }
.swp_next { width: 0.28rem; height: 0.48rem; background: url(../images/next.png) no-repeat 0 0 / 100% 100%; right: .1rem; top: 50%; margin-top: -0.24rem; position: absolute; }

/*=============视频弹框===========*/
.popVideo { width: 7.44rem; height: 3.46rem; margin: 0 auto; position: relative; overflow: hidden; }
.popVideo video { width: 4.68rem; height: 2.64rem; margin: 0.45rem 0 0 0.42rem; }
.danmu .danmu_text { width: 1.62rem; height: 2.22rem; position: absolute; top: 0.45rem; right: 0.6rem; padding: 0.2rem; }
.danmu .danmu_text p { font-size: 0.16rem; padding: 0.05rem 0; }
.danmu input { display: block; width: 1.0rem; height: 0.56rem; color: #000; font-size: 0.26rem; position: absolute; bottom: 0.45rem; right: 1.2rem; border: none; }
.danmu .btn_dm_up { width: 0.58rem; height: 0.28rem; position: absolute; right: 0.58rem; bottom: 0.45rem; }
.move_barrage { width: 4.68rem; height: 2.64rem; margin: 0.45rem 0 0 0.42rem; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .3); z-index: 9; overflow: hidden; color: #fff; font-size: 0.24rem; }

.go_home { width: 1.12rem; height: 0.22rem; background: url(../images/go_home.png) no-repeat 0 0 / 100% 100%; display: block; position: absolute; top: 0.3rem; left: 0.3rem; }

/*2021年9月2日14:58:11*/
.ani_next { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.ani_next b { display: inline-block; width: .16rem; height: .26rem; background: url(../images/ani_next.png) no-repeat 0 0/100% 100%; position: absolute; top: 50%; margin-top: -0.15rem; }
.ani_next b:nth-child(1) { right: 2.2rem; }
.ani_next b:nth-child(2) { right: 2rem; }
.ani_next b:nth-child(3) { right: 1.8rem; }
.ani_liudong1 { -webkit-animation: opacity 1.2s .12s infinite cubic-bezier(.2, .68, .18, 1.08); animation: opacity 1.2s .12s infinite cubic-bezier(.2, .68, .18, 1.08) }
.ani_liudong2 { -webkit-animation: opacity 1.2s .24s infinite cubic-bezier(.2, .68, .18, 1.08); animation: opacity 1.2s .24s infinite cubic-bezier(.2, .68, .18, 1.08) }
.ani_liudong3 { -webkit-animation: opacity 1.2s .36s infinite cubic-bezier(.2, .68, .18, 1.08); animation: opacity 1.2s .36s infinite cubic-bezier(.2, .68, .18, 1.08) }
.ani_liudong4 { -webkit-animation: opacity 1.2s .48s infinite cubic-bezier(.2, .68, .18, 1.08); animation: opacity 1.2s .48s infinite cubic-bezier(.2, .68, .18, 1.08) }
@-webkit-keyframes opacity {
    0% { opacity: 1 }
    45% { opacity: .5 }
    80% { opacity: 1 }
}
@keyframes opacity {
    0% { opacity: 1 }
    45% { opacity: .5 }
    80% { opacity: 1 }
}
.tabs p.curr .ani_next { display: none; }

/*//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) { }


.footer {
  width: 7.5rem;
  height: 4rem;
  margin: 0 auto;
  background-color: #213523;
  padding-top: 0.5rem;
  position: relative;
  overflow: hidden;
}

.footer p {
  color: #ded4a182;
  font-size: 0.18rem;
  line-height: 2;
  text-align: center;
}

.footer-info img {
  vertical-align: middle;
  width: 0.21rem;
  height: 0.21rem;
}

.copyCon {
  width: 0;
  height: 0;
  text-indent: -10000em;
}

.add_end{
    display: block;
    width: 3.26rem;
    height: 1.2rem;
    background: url(../images/add_end.png) no-repeat 0 0 / 100% 100%;
}