@charset "utf-8";

/* WX:DereK_Ysx 于2021-03-09编写  */



html {

    -webkit-font-smoothing: antialiased;

    height: 100%;

    touch-action: manipulation;

    background-color: #000 !important;

}



blockquote,

body,

code,

dd,

div,

dl,

dt,

fieldset,

form,

h1,

h2,

h3,

h4,

h5,

h6,

input,

legend,

li,

ol,

p,

pre,

td,

textarea,

th,

ul {

    margin: 0;

    padding: 0

}



header,

hgroup,

nav,

menu,

main,

section,

article,

summary,

details,

aside,

figure,

figcaption,

footer {

    display: block;

    margin: 0;

    padding: 0

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



table,

th,

td {

    border: 1px solid black;

}



fieldset,

img {

    border: 0

}



address,

caption,

cite,

code,

dfn,

em,

var {

    font-style: normal;

    font-weight: 400;

}



dl,

ol,

ul {

    list-style-type: none

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-size: 100%;

}



a {

    text-decoration: none;

    color: inherit;

}



a:hover {

    text-decoration: none;

    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);

    outline: 0;

    outline: none;

    blr: expression(this.onFocus=this.blur())

}



sup {

    vertical-align: text-top

}



sub {

    vertical-align: text-bottom

}



textarea {

    resize: none;

    outline: none;

    font-family: Arial, Microsoft Yahei;

}



img {

    vertical-align: middle;

    max-width: 100%;

    height: auto;

}



button,

input[type=submit],

input[type=text],

input[type=button] {

    -webkit-appearance: none;

    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);

    outline: 0;

    blr: expression(this.onFocus=this.blur())

}



input {

    outline: 0;

}



input::-webkit-input-safebox-button {

    display: none;

    /*去掉搜狗浏览器密码软盘*/

}



body {

    background-color: #000;

    font-family: Arial, Microsoft Yahei;

}



body * {

    box-sizing: border-box;

    line-height: 1;

    background-color: transparent;

}



#web-ietip {

    width: 526px;

    height: 90px;

    padding: 83px 0 0 84px;

    overflow: hidden;

    background: url(../css/ietip/browser.png) no-repeat center center;

    margin: 200px auto 0;

}



#web-ietip a {

    display: block;

    width: 65px;

    height: 80px;

    float: left;

}



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

    line-height: 0;

    font-size: 0;

}



.ellipsis {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.eps2 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.eps3 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}



.eps4 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

}





html {

    font-size: calc(100vw / 1920 * 100);

}



@media(max-width: 900px) {

    html {

        font-size: calc(900px / 1920 * 100);

    }

}



body {

    font-size: calc(16 * 100vw / 1920);

}



@media(max-width: 1584px) {

    body {

        font-size: 13.2px;

    }

}



.s12 {

    font-size: calc(12 * 100vw / 1920);

}



@media(max-width: 1920px) {

    .s12 {

        font-size: 12.0px;

    }

}



.s13 {

    font-size: calc(13 * 100vw / 1920);

}



@media(max-width: 1816px) {

    .s13 {

        font-size: 12.3px;

    }

}



.s14 {

    font-size: calc(14 * 100vw / 1920);

}



@media(max-width: 1728px) {

    .s14 {

        font-size: 12.6px;

    }

}



.s15 {

    font-size: calc(15 * 100vw / 1920);

}



@media(max-width: 1651px) {

    .s15 {

        font-size: 12.9px;

    }

}



.s16 {

    font-size: calc(16 * 100vw / 1920);

}



@media(max-width: 1584px) {

    .s16 {

        font-size: 13.2px;

    }

}



.s17 {

    font-size: calc(17 * 100vw / 1920);

}



@media(max-width: 1524px) {

    .s17 {

        font-size: 13.5px;

    }

}



.s18 {

    font-size: calc(18 * 100vw / 1920);

}



@media(max-width: 1472px) {

    .s18 {

        font-size: 13.8px;

    }

}



.s19 {

    font-size: calc(19 * 100vw / 1920);

}



@media(max-width: 1424px) {

    .s19 {

        font-size: 14.1px;

    }

}



.s20 {

    font-size: calc(20 * 100vw / 1920);

}



@media(max-width: 1382px) {

    .s20 {

        font-size: 14.4px;

    }

}



.s21 {

    font-size: calc(21 * 100vw / 1920);

}



@media(max-width: 1344px) {

    .s21 {

        font-size: 14.7px;

    }

}



.s22 {

    font-size: calc(22 * 100vw / 1920);

}



@media(max-width: 1309px) {

    .s22 {

        font-size: 15.0px;

    }

}



.s23 {

    font-size: calc(23 * 100vw / 1920);

}



@media(max-width: 1277px) {

    .s23 {

        font-size: 15.3px;

    }

}



.s24 {

    font-size: calc(24 * 100vw / 1920);

}



@media(max-width: 1248px) {

    .s24 {

        font-size: 15.6px;

    }

}



.s25 {

    font-size: calc(25 * 100vw / 1920);

}



@media(max-width: 1221px) {

    .s25 {

        font-size: 15.9px;

    }

}



.s26 {

    font-size: calc(26 * 100vw / 1920);

}



@media(max-width: 1196px) {

    .s26 {

        font-size: 16.2px;

    }

}



.s27 {

    font-size: calc(27 * 100vw / 1920);

}



@media(max-width: 1173px) {

    .s27 {

        font-size: 16.5px;

    }

}



.s28 {

    font-size: calc(28 * 100vw / 1920);

}



@media(max-width: 1152px) {

    .s28 {

        font-size: 16.8px;

    }

}



.s29 {

    font-size: calc(29 * 100vw / 1920);

}



@media(max-width: 1132px) {

    .s29 {

        font-size: 17.1px;

    }

}



.s30 {

    font-size: calc(30 * 100vw / 1920);

}



@media(max-width: 1113px) {

    .s30 {

        font-size: 17.4px;

    }

}



.s31 {

    font-size: calc(31 * 100vw / 1920);

}



@media(max-width: 1096px) {

    .s31 {

        font-size: 17.7px;

    }

}



.s32 {

    font-size: calc(32 * 100vw / 1920);

}



@media(max-width: 1080px) {

    .s32 {

        font-size: 18.0px;

    }

}



.s33 {

    font-size: calc(33 * 100vw / 1920);

}



@media(max-width: 1064px) {

    .s33 {

        font-size: 18.3px;

    }

}



.s34 {

    font-size: calc(34 * 100vw / 1920);

}



@media(max-width: 1050px) {

    .s34 {

        font-size: 18.6px;

    }

}



.s35 {

    font-size: calc(35 * 100vw / 1920);

}



@media(max-width: 1036px) {

    .s35 {

        font-size: 18.9px;

    }

}



.s36 {

    font-size: calc(36 * 100vw / 1920);

}



@media(max-width: 1024px) {

    .s36 {

        font-size: 19.2px;

    }

}



.s37 {

    font-size: calc(37 * 100vw / 1920);

}



@media(max-width: 1011px) {

    .s37 {

        font-size: 19.5px;

    }

}



.s38 {

    font-size: calc(38 * 100vw / 1920);

}



@media(max-width: 1000px) {

    .s38 {

        font-size: 19.8px;

    }

}



.s39 {

    font-size: calc(39 * 100vw / 1920);

}



@media(max-width: 989px) {

    .s39 {

        font-size: 20.1px;

    }

}



.s40 {

    font-size: calc(40 * 100vw / 1920);

}



@media(max-width: 979px) {

    .s40 {

        font-size: 20.4px;

    }

}



.s41 {

    font-size: calc(41 * 100vw / 1920);

}



@media(max-width: 969px) {

    .s41 {

        font-size: 20.7px;

    }

}



.s42 {

    font-size: calc(42 * 100vw / 1920);

}



@media(max-width: 960px) {

    .s42 {

        font-size: 21.0px;

    }

}



.s43 {

    font-size: calc(43 * 100vw / 1920);

}



@media(max-width: 951px) {

    .s43 {

        font-size: 21.3px;

    }

}



.s44 {

    font-size: calc(44 * 100vw / 1920);

}



@media(max-width: 942px) {

    .s44 {

        font-size: 21.6px;

    }

}



.s45 {

    font-size: calc(45 * 100vw / 1920);

}



@media(max-width: 934px) {

    .s45 {

        font-size: 21.9px;

    }

}



.s46 {

    font-size: calc(46 * 100vw / 1920);

}



@media(max-width: 926px) {

    .s46 {

        font-size: 22.2px;

    }

}



.s47 {

    font-size: calc(47 * 100vw / 1920);

}



@media(max-width: 919px) {

    .s47 {

        font-size: 22.5px;

    }

}



.s48 {

    font-size: calc(48 * 100vw / 1920);

}



@media(max-width: 911px) {

    .s48 {

        font-size: 22.8px;

    }

}



.s49 {

    font-size: calc(49 * 100vw / 1920);

}



@media(max-width: 905px) {

    .s49 {

        font-size: 23.1px;

    }

}



.s50 {

    font-size: calc(50 * 100vw / 1920);

}



@media(max-width: 898px) {

    .s50 {

        font-size: 23.4px;

    }

}



.s51 {

    font-size: calc(51 * 100vw / 1920);

}



@media(max-width: 892px) {

    .s51 {

        font-size: 23.7px;

    }

}



.s52 {

    font-size: calc(52 * 100vw / 1920);

}



@media(max-width: 886px) {

    .s52 {

        font-size: 24.0px;

    }

}



.s53 {

    font-size: calc(53 * 100vw / 1920);

}



@media(max-width: 880px) {

    .s53 {

        font-size: 24.3px;

    }

}



.s54 {

    font-size: calc(54 * 100vw / 1920);

}



@media(max-width: 874px) {

    .s54 {

        font-size: 24.6px;

    }

}



.s55 {

    font-size: calc(55 * 100vw / 1920);

}



@media(max-width: 869px) {

    .s55 {

        font-size: 24.9px;

    }

}



.s56 {

    font-size: calc(56 * 100vw / 1920);

}



@media(max-width: 864px) {

    .s56 {

        font-size: 25.2px;

    }

}



.s57 {

    font-size: calc(57 * 100vw / 1920);

}



@media(max-width: 858px) {

    .s57 {

        font-size: 25.5px;

    }

}



.s58 {

    font-size: calc(58 * 100vw / 1920);

}



@media(max-width: 854px) {

    .s58 {

        font-size: 25.8px;

    }

}



.s59 {

    font-size: calc(59 * 100vw / 1920);

}



@media(max-width: 849px) {

    .s59 {

        font-size: 26.1px;

    }

}



.s60 {

    font-size: calc(60 * 100vw / 1920);

}



@media(max-width: 844px) {

    .s60 {

        font-size: 26.4px;

    }

}



.s61 {

    font-size: calc(61 * 100vw / 1920);

}



@media(max-width: 840px) {

    .s60 {

        font-size: 26.7px;

    }

}



.s62 {

    font-size: calc(62 * 100vw / 1920);

}



@media(max-width: 836px) {

    .s60 {

        font-size: 27.0px;

    }

}



.s63 {

    font-size: calc(63 * 100vw / 1920);

}



@media(max-width: 832px) {

    .s60 {

        font-size: 27.3px;

    }

}



.s64 {

    font-size: calc(64 * 100vw / 1920);

}



@media(max-width: 828px) {

    .s60 {

        font-size: 27.6px;

    }

}



.s65 {

    font-size: calc(65 * 100vw / 1920);

}



@media(max-width: 824px) {

    .s60 {

        font-size: 27.9px;

    }

}



.s66 {

    font-size: calc(66 * 100vw / 1920);

}



@media(max-width: 820px) {

    .s60 {

        font-size: 28.2px;

    }

}



.s67 {

    font-size: calc(67 * 100vw / 1920);

}



@media(max-width: 816px) {

    .s67 {

        font-size: 28.5px;

    }

}



.lh * {

    line-height: inherit;

}





@media(max-width: 750px) {

    .z1 {

        max-width: 500px !important;

        width: 100% !important;

        margin: 0 auto !important;

        padding: 0 !important;

        float: none !important;

        display: block !important;

    }



    .z2,

    .z3,

    .z4,

    .z5 {

        float: none !important;

        display: inline-block !important;

        vertical-align: top !important;

        margin: 0 2% 2% 0 !important;

    }



    .z2 {

        width: 49% !important;

    }



    .z3 {

        width: 32% !important;

    }



    .z4 {

        width: 23.5% !important;

    }



    .z5 {

        width: 18.4% !important;

    }



    .z2:nth-child(2n),

    .z3:nth-child(3n),

    .z4:nth-child(4n),

    .z5:nth-child(5n) {

        margin-right: 0 !important;

    }



    .l1 {

        padding-left: 10px !important;

    }



    .r1 {

        padding-right: 10px !important;

    }



    .t1 {

        padding-top: 10px !important;

    }



    .b1 {

        padding-bottom: 10px !important;

    }



    .l2 {

        padding-left: 20px !important;

    }



    .r2 {

        padding-right: 20px !important;

    }



    .t2 {

        padding-top: 20px !important;

    }



    .b2 {

        padding-bottom: 20px !important;

    }



    .l3 {

        padding-left: 30px !important;

    }



    .r3 {

        padding-right: 30px !important;

    }



    .t3 {

        padding-top: 30px !important;

    }



    .b3 {

        padding-bottom: 30px !important;

    }

}











/* 引入字体 */

@font-face{

    font-family: 'Montserrat-Medium'; 

    src: url('../font/Montserrat-Medium.ttf') format('truetype');

}



@font-face{

    font-family: 'SourceHanSansCN-Medium'; 

    src: url('../font/medium.woff') format('woff');

}



@font-face{

    font-family: 'SourceHanSansCN-Normal'; 

    src: url('../font/normal.woff') format('woff');

}



@font-face{

    font-family: 'SourceHanSansCN-Regular'; 

    src: url('../font/regular.woff') format('woff');

}







@keyframes jump {

    0% {

        transform: translateY(0);

    }



    25% {

        transform: translateY(-6px);

    }



    50% {

        transform: translateY(0px);

    }



    75% {

        transform: translateY(6px);

    }



    100% {

        transform: translateY(0);

    }

}