.wow {
    opacity: 0;
}

.mobile {
    width: 100%;
}

.mobile-inner {
    margin-right: auto;
    margin-left: auto;
    background-color: ;
    position: relative;
    background: #;
    background: #000;
}

.mobile-inner img {
}

.mobile-inner p {
    color: #676767;
    line-height: 25px;
    font-size: 16px;
    padding-bottom: 30px;
    padding-right: 30px;
    padding-left: 30px;
    margin: 0px;
}

.mobile-inner-header {
    width: 100%;
    height: 50px;
    position: relative;
    top: 0px;
    z-index: 666;
    left: 0px;
}

.mobile-inner-header-icon {
    color: #ffffff;
    height: 50px;
    font-size: 25px;
    text-align: center;
    float: right;
    width: 50px;
    position: relative;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}

.mobile-inner-header-icon:hover {
    background-color: rgba(255,255,255,0.2);
    cursor: pointer;
}

.mobile-inner-header-icon span {
    position: absolute;
    left: calc((100% - 25px) / 2);
    top: calc((100% - 1px) / 2);
    width: 25px;
    height: 1px;
    background-color: #fff;
}

.mobile-inner-header-icon span:nth-child(1) {
    transform: translateY(4px) rotate(0deg);
}

.mobile-inner-header-icon span:nth-child(2) {
    transform: translateY(-4px) rotate(0deg);
}

.mobile-inner-header-icon-click span:nth-child(1) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clickfirst;
}

.mobile-inner-header-icon-click span:nth-child(2) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clicksecond;
}

@keyframes clickfirst {
    0% {
        transform: translateY(4px) rotate(0deg);
    }

    100% {
        transform: translateY(0) rotate(45deg);
    }
}

@keyframes clicksecond {
    0% {
        transform: translateY(-4px) rotate(0deg);
    }

    100% {
        transform: translateY(0) rotate(-45deg);
    }
}

.mobile-inner-header-icon-out span:nth-child(1) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outfirst;
}

.mobile-inner-header-icon-out span:nth-child(2) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outsecond;
}

@keyframes outfirst {
    0% {
        transform: translateY(0) rotate(-45deg);
    }

    100% {
        transform: translateY(-4px) rotate(0deg);
    }
}

@keyframes outsecond {
    0% {
        transform: translateY(0) rotate(45deg);
    }

    100% {
        transform: translateY(4px) rotate(0deg);
    }
}

.mobile-inner-nav {
    overflow: auto;
    height: 100vh;
    padding-top: 50px;
}

.mobile-inner-nav {
    background: #000;
    width: 100%;
    position: absolute;
    top: 0;
    padding-bottom: 0%;
    display: none;
    z-index: 444;
}

.mobile-inner-nav a {
    border-bottom: solid 1px rgba(255,255,255,0.3);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    color: #fff;
    transition: all 0.5s;
}

.mobile-inner-nav dl {
    display: none;
}

.mobile-inner-nav dl dd {
    line-height: 33px;
    text-decoration: none;
    text-indent: 3em;
    font-size: 16px;
    color: #FFFFFF;
    border-bottom: solid 1px rgba(255,255,255,0.3);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-weight: 300;
    font-size: 14px;
}

.mobile-inner-nav li {
    border-bottom: solid 1px rgba(255,255,255,0.3);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    line-height: 53px;
    text-indent: 20px;
}

.mobile-inner-nav h2.h2tit {
    line-height: 50px;
    text-decoration: none;
    text-indent: 2em;
    font-size: 16px;
    color: #FFFFFF;
    /* border-bottom:solid 1px rgba(255,255,255,0.3);*/
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-weight: 300;
}

.mobile-inner-nav h2.h2tit a {
    color: #776BA1;
    font-weight: normal;
}

.mobile-inner-nav a {
    border-bottom: none;
}

.mobile-inner-nav li {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: returnToNormal;
    animation-name: returnToNormal;
}

@-webkit-keyframes resize {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale(5,5);
        transform: scale(5,5);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
}

@keyframes resize {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale(5,5);
        transform: scale(5,5);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
}

@-webkit-keyframes returnToNormal {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes returnToNormal {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.mobile-inner-nav li:last-child h2.h2tit {
    border-bottom: none;
}

.mobile-inner-nav li .h3tit {
    height: 50px;
    position: relative;
    background: url(../images/51_icon_search@2x.png) no-repeat 30px center;
    background-size: 17px;
}

.mobile-inner-nav li .words {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    text-indent: 60px;
    font-size: 15px;
    color: #fff;
    background: url(../images/search2.png) no-repeat 30px center;
    background-size: 20px;
}

.mobile-inner-nav li:last-child {
    border-bottom: none;
}

.mobile-inner-nav li form {
    display: block;
    width: 100%;
    height: 100%;
}

@charset "utf-8";@charset "UTF-8";.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.animated.infinite {
    animation-iteration-count: infinite;
}

.animated.hinge {
    animation-duration: 2s;
}

.fadeInUp {
    animation-duration: 1.76s;
    animation-name: fadeInUp;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0,40px,0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

* {
    font-family: PingFangSC,PingFang SC;
}

body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr,span {
    margin: 0;
    padding: 0;
}

html {
    font-size: 62.5%;
}

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

html,body {
}

body {
    font-family: "Microsoft YaHei" ! important;
    color: #000000;
    background: #fff;
    margin: 0 auto;
    padding: 0px;
}

body {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

select {
    cursor: pointer;
}

input[type="button"],input[type="submit"],input[type="reset"],input[type="text"] {
    -webkit-appearance: none;
}

input[type="button"],input[type="submit"],input[type="reset"] {
    cursor: pointer;
}

input {
    -webkit-appearance: none;
}

input {
    -webkit-appearance: none!important;
    border-radius: 0;
}

button {
    cursor: pointer;
}

textarea {
    -webkit-appearance: none;
}

a {
    text-decoration: none;
    color: #235aa7;
    outline: none;
}

a:active {
    star: expression(this.onFocus=this.blur());
}

img {
    border: 0px;
    vertical-align: middle;
}

li {
    list-style: none;
}

* {
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

.loading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99999;
}

.loadingfa {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 29px;
    color: #1f8adf;
    position: absolute;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    top: 50%;
}

html {
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: none;
}

html {
    -webkit-tap-highlight-color: transparent;
}

body {
    -webkit-overflow-scrolling: touch;
    background: #000;
    color: #fff;
    line-height: 1;
    background: #000;
}

* {
    padding: 0;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes rotate {
    from {
        -ms-transform: rotate(0deg)
    }

    to {
        -ms-transform: rotate(360deg)
    }
}

@-o-keyframes rotate {
    from {
        -o-transform: rotate(0deg)
    }

    to {
        -o-transform: rotate(360deg)
    }
}

.xuanzhuan {
    animation: 2s linear 0s normal forwards infinite rotate;
    -webkit-animation: 2s linear 0s normal forwards infinite rotate;
    -moz-animation: 2s linear 0s normal forwards infinite rotate;
    -o-animation: 2s linear 0s normal forwards infinite rotate;
}

.xuanzhuan img {
    display: block;
    width: 100%;
}

.pc {
    display: block;
}

.wap {
    display: none;
}

.clearflex:after {
    content: "";
    display: table;
    clear: both;
}

.moveAni {
    animation: move .8s infinite;
    -moz-animation: move .8s infinite;
    -webkit-animation: move .8s infinite;
    -o-animation: move .8s infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.46,0.02,0.97,0.36);
    -webkit-animation-timing-function: cubic-bezier(0.46,0.02,0.97,0.36);
}

.tadaAni {
    animation: tada 2s infinite;
}

.pulseAni {
    animation: pulse 1s infinite;
}

.bounceInAni {
    animation: bounceIn 2s infinite;
}

.flashInAni {
    animation: flash 2s infinite;
}

.swingAni {
    animation: swing 2s infinite;
    transform-origin: right top;
}

.rubberBandAni {
    animation: rubberBand 1s infinite;
}

.bounceAni {
    animation: bounce 1s infinite;
}

.tdAni {
    animation: td .4s infinite;
    -moz-animation: td .4s infinite;
    -webkit-animation: td .4s infinite;
    -o-animation: td .4s infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.46,0.02,0.97,0.36);
    -webkit-animation-timing-function: cubic-bezier(0.46,0.02,0.97,0.36);
}

.heartbeatAni {
    animation: heartbeat 1.4s infinite;
    -moz-animation: heartbeat 1.4s infinite;
    -webkit-animation: heartbeat 1.4s infinite;
    -o-animation: heartbeat 1.4s infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.46,0.02,0.97,0.36);
    -webkit-animation-timing-function: cubic-bezier(0.46,0.02,0.97,0.36);
}

.shing {
    animation: shing 1s infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
}

@keyframes shing {
    0% {
        opacity: 1;
    }

    100% {
        opacity: .6;
    }
}

@keyframes move2 {
    0% {
        transform: translate(0%,0px);
    }

    100% {
        transform: translate(0%,10px);
    }
}

.moveAni2 {
    animation: move2 1s infinite;
}

.moveAni {
    animation: move .8s infinite;
    -moz-animation: move .8s infinite;
    -webkit-animation: move .8s infinite;
    -o-animation: move .8s infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.46,0.02,0.97,0.36);
    -webkit-animation-timing-function: cubic-bezier(0.46,0.02,0.97,0.36);
}

@keyframes move {
    from {
        -o-transform: translate(0%,0%);
        -webkit-transform: translate(0%,0%);
        -moz-transform: translate(0%,0%);
        -ms-transform: translate(0%,0%);
        transform: translate(0%,0%);
    }

    to {
        -o-transform: translate(0%,30px);
        -webkit-transform: translate(0%,30px);
        -moz-transform: translate(0%,30px);
        -ms-transform: translate(0%,30px);
        transform: translate(0%,30px);
    }
}

@keyframes td {
    from {
        -o-transform: translate(0%,0%);
        -webkit-transform: translate(0%,0%);
        -moz-transform: translate(0%,0%);
        -ms-transform: translate(0%,0%);
        transform: translate(0%,0%);
    }

    to {
        -o-transform: translate(0%,20px);
        -webkit-transform: translate(0%,20px);
        -moz-transform: translate(0%,20px);
        -ms-transform: translate(0%,20px);
        transform: translate(0%,20px);
    }
}

@keyframes heartbeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes moveAni2 {
    0% {
        transform: translate(0%,0px);
    }

    100% {
        transform: translate(100vw,0px);
    }
}

.moveAni2 {
    animation: moveAni2 5.5s linear infinite;
}

@keyframes scrollAni1 {
    0% {
        transform: translate(0%,0px) rotate(0);
    }

    100% {
        transform: translate(-100%,0px) rotate(-360deg);
    }
}

.scrollAni1 {
    animation: scrollAni1 1.8s infinite;
    -moz-animation: scrollAni1 1.8s infinite;
    -webkit-animation: scrollAni1 1.8s infinite;
    -o-animation: scrollAni1 1.8s infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
}

@keyframes scrollAni2 {
    0% {
        transform: translate(30%,0px) rotate(0);
    }

    100% {
        transform: translate(0%,0px);
    }
}

.scrollAni2 {
    animation: scrollAni2 1.8s infinite;
    -moz-animation: scrollAni2 1.8s infinite;
    -webkit-animation: scrollAni2 1.8s infinite;
    -o-animation: scrollAni2 1.8s infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-timing-function: linear;
}

@keyframes scrollAni3 {
    0% {
        transform: translate(0%,-20px);
    }

    100% {
        transform: translate(0%,0%);
    }
}

.scrollAni3 {
    animation: scrollAni3 1.8s infinite;
    -moz-animation: scrollAni3 1.8s infinite;
    -webkit-animation: scrollAni3 1.8s infinite;
    -o-animation: scrollAni3 1.8s infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-timing-function: linear;
}

@keyframes scrollAni4 {
    0% {
        transform: translate(0%,10px);
    }

    100% {
        transform: translate(0%,0%);
    }
}

.scrollAni4 {
    animation: scrollAni4 1.8s infinite;
    -moz-animation: scrollAni4 1.8s infinite;
    -webkit-animation: scrollAni4 1.8s infinite;
    -o-animation: scrollAni4 1.8s infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-timing-function: linear;
}

@keyframes scrollAni5 {
    0% {
        transform: none;
    }

    100% {
        transform: scale(1.15,1.15);
    }
}

.scrollAni5 {
    animation: scrollAni5 1.8s infinite;
    -moz-animation: scrollAni5 1.8s infinite;
    -webkit-animation: scrollAni5 1.8s infinite;
    -o-animation: scrollAni5 1.8s infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-timing-function: linear;
}

@keyframes scrollAni6 {
    0% {
        transform: scale(1.05,1.05);
    }

    100% {
        transform: none;
    }
}

.scrollAni6 {
    animation: scrollAni6 1.8s infinite;
    -moz-animation: scrollAni6 1.8s infinite;
    -webkit-animation: scrollAni6 1.8s infinite;
    -o-animation: scrollAni6 1.8s infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-timing-function: linear;
}

@keyframes bubbleMover3 {
    0% {
        -webkit-transform: translateY(0px) translateX(0) rotate(0);
        transform: translateY(0px) translateX(0) rotate(0);
    }

    30% {
        transform: translateY(5px) translateX(4px) rotate(9deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }

    50% {
        transform: translateY(-3px) translateX(1px) rotate(-6deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    80% {
        transform: translateY(-1px) translateX(-5px) rotate(-2deg);
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }

    100% {
        -webkit-transform: translateY(0px) translateX(0) rotate(0);
        transform: translateY(0px) translateX(0) rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
}

@keyframes bubbleMover2 {
    0% {
        -webkit-transform: translateY(0px) translateX(0) rotate(0);
        transform: translateY(0px) translateX(0) rotate(0);
    }

    30% {
        transform: translateY(5px) translateX(4px) rotate(5deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }

    50% {
        transform: translateY(-4px) translateX(2px) rotate(-3deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    80% {
        transform: translateY(-3px) translateX(-3px) rotate(-3deg);
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }

    100% {
        -webkit-transform: translateY(0px) translateX(0) rotate(0);
        transform: translateY(0px) translateX(0) rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
}

@keyframes bubbleMover {
    0% {
        transform: translateY(0px) translateX(0) rotate(0);
    }

    30% {
        transform: translateY(3px) translateX(5px) rotate(5deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }

    50% {
        transform: translateY(5px) translateX(10px) rotate(10deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    80% {
        transform: translateY(3px) translateX(5px) rotate(4deg);
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }

    100% {
        transform: translateY(0px) translateX(0) rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
}

@keyframes rotateAni {
    0% {
        transform: none;
    }

    100% {
        transform: rotateY(180deg);
    }
}

.rotateAni {
    -webkit-animation: rotateAni linear infinite 2s;
    -moz-animation: rotateAni linear infinite 2s;
    -o-animation: rotateAni linear infinite 2s;
    animation: rotateAni linear infinite 2s;
}

.pfAni1 {
    -webkit-animation: bubbleMover linear infinite 5s;
    -moz-animation: bubbleMover linear infinite 5s;
    -o-animation: bubbleMover linear infinite 5s;
    animation: bubbleMover linear infinite 5s;
}

.pfAni2 {
    -webkit-animation: bubbleMover2 linear infinite 5s;
    -moz-animation: bubbleMover2 linear infinite 5s;
    -o-animation: bubbleMover2 linear infinite 5s;
    animation: bubbleMover2 linear infinite 5s;
}

.pfAni3 {
    -webkit-animation: bubbleMover3 linear infinite 5s;
    -moz-animation: bubbleMover3 linear infinite 5s;
    -o-animation: bubbleMover3 linear infinite 5s;
    animation: bubbleMover3 linear infinite 5s;
}

@keyframes scalc {
    0% {
        -webkit-transform: scale(2.05,2.05);
        -o-transform: scale(2.05,2.05);
        -moz-transform: scale(2.05,2.05);
        -ms-transform: scale(2.05,2.05);
        transform: scale(2.05,2.05);
    }

    100% {
        -webkit-transform: none;
        -o-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.sclani {
    animation: scalc 7s forwards;
    animation-timing-function: ease-out;
}

@keyframes scalc2 {
    0% {
        transform: scale(1.2,1.2);
    }

    100% {
        -webkit-transform: none;
        -o-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.sclani2 {
    animation: scalc2 7s forwards;
    animation-timing-function: ease-out;
}

@keyframes clipAni {
    0% {
        clip: rect(auto,0,auto,auto);
    }

    100% {
        clip: rect(auto,300px,auto,auto);
    }
}

.txtModel i {
    animation: clipAni ease-out infinite 2s alternate;
}

.swingAni {
    transform-origin: top center;
    animation: swing 3s infinite ease-in-out;
}

@keyframes swing {
    0% {
        transform: rotate(-6deg);
    }

    50% {
        transform: rotate(6deg);
    }

    100% {
        transform: rotate(-6deg);
    }
}

.swingAni2 {
    -webkit-animation-name: routate;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-name: routate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

@keyframes routate {
    0% {
        -webkit-transform: rotate(7deg);
        -ms-transform: rotate(7deg);
        transform: rotate(7deg);
    }

    50% {
        -webkit-transform: rotate(-7deg);
        -ms-transform: rotate(-7deg);
        transform: rotate(-7deg);
    }

    100% {
        -webkit-transform: rotate(7deg);
        -ms-transform: rotate(7deg);
        transform: rotate(7deg);
    }
}

.bouncing-ball {
    -webkit-mask: radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,black 20.1%,black 75%,black 100%);
    mask: radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,black 20.1%,black 75%,black 100%);
    -webkit-animation: bouncing-ball 1.5s linear infinite;
    animation: bouncing-ball 1.5s linear infinite;
}

@keyframes bouncing-ball {
    0% {
        transform: scale(1,1) translateY(-80%);
    }

    25% {
        transform: scale(1,1.1) translateY(-45%);
    }

    50% {
        transform: scale(1,1.5) translateY(10%);
    }

    66% {
        transform: scale(2,0.75) translateY(25%);
    }

    75% {
        transform: scale(1,1.25) translateY(10%);
    }

    100% {
        transform: scale(1,1) translateY(-80%);
    }
}

.small_Big {
    -webkit-animation: scaleCircles 2s infinite cubic-bezier(0.55,0.15,0.45,0.85) alternate;
    animation: scaleCircles 2s infinite cubic-bezier(0.55,0.15,0.45,0.85) alternate;
}

@keyframes scaleCircles {
    0% {
        z-index: 1;
        transform: scale3d(0,0,0);
    }

    100% {
        z-index: 2;
        transform: scale3d(1,1,1);
    }
}

.index * {
    opacity: 1;
}

.index {
    overflow: hidden;
}

.wrap:after {
    content: "";
    display: table;
    clear: both;
}

.fadeInUpGroup.animated {
    animation-fill-mode: both;
    animation-name: fadeInLeft3;
    opacity: 0;
}

.fadeInUpGroup.animated:nth-child(1) {
    animation-duration: .5s !important;
    animation-delay: .1s !important;
}

.fadeInUpGroup.animated:nth-child(2) {
    animation-duration: 1s !important;
    animation-delay: .6s !important;
}

.fadeInUpGroup.animated:nth-child(3) {
    animation-duration: 1.5s !important;
    animation-delay: .9s !important;
}

.fadeInUpGroup.animated:nth-child(4) {
    animation-duration: 2s !important;
    animation-delay: 1.1s !important
}

.fadeInUpGroup.animated:nth-child(5) {
    animation-duration: 1.5s !important;
    animation-delay: 1.6s !important;
}

.head {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 66666;
    align-items: center;
    background: #000;
    padding-right: calc(120/1920*100vw);
    /* border-bottom:2px solid #141519;*/
}

.head .logo {
    float: left;
    padding-left: calc(112/1920*100vw);
    padding-top: calc(21/1920*100vw);
}

.head .logo a {
}

.head .logo img {
    height: calc(64/1920*100vw);
}

.head .nav {
    float: left;
    padding-left: calc(80/1920*100vw);
}

.head .nav ul {
}

.head .nav ul li {
    float: left;
    margin-right: calc(55/1920*100vw);
}

.head .nav ul li .h2tit {
}

.head .nav ul li.current .h2tit a:after,.head .nav ul li:hover .h2tit a:after {
    width: 100%;
}

.head .nav ul li .h2tit a:after {
    content: "";
    position: absolute;
    background: #fff;
    height: calc(4/1920*100vw);
    position: absolute;
    bottom: 22%;
    left: 50%;
    -o-transform: translate(-50%,0%);
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    width: 0;
}

.head .nav ul li .h2tit a {
    display: block;
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(18/1920*100vw);
    color: #fff;
    position: relative;
    line-height: calc(101/1920*100vw);
}

.head .right {
    display: flex;
    align-items: center;
    float: right;
    padding-top: calc(31/1920*100vw);
}

.head .right .link {
}

.head .right .link a {
    margin-left: calc(16/1920*100vw);
}

.head .right .link img {
    height: calc(32/1920*100vw);
}

.head .right .position {
    position: relative;
}

.head .right .position:hover .slide {
    top: calc(40/1920*100vw);
    visibility: visible;
    opacity: 1;
    z-index: 5;
}

.head .right .position .slide {
    position: absolute;
    width: calc(166/1920*100vw);
    border-radius: calc(20/1920*100vw);
    left: 0;
    top: calc(50/1920*100vw);
    background: url(../images/kuang.png) no-repeat center center;
    background-size: 100% 100%;
    height: calc(88/1920*100vw);
    padding-top: calc(11/1920*100vw);
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    top: calc(50/1920*100vw);
    left: calc(14/1920*100vw);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.head .right .position .slide a:nth-child(2) img {
    width: calc(16/1920*100vw);
    left: calc(33/1920*100vw);
    top: calc(3/1920*100vw);
}

.head .right .position .slide a {
    display: block;
    font-family: D;
    font-weight: normal;
    font-size: calc(16/1920*100vw);
    color: #FFFFFF;
    position: relative;
    line-height: calc(23/1920*100vw);
    padding-left: calc(67/1920*100vw);
    margin: calc(10/1920*100vw) 0px;
}

.head .right .position .slide a img {
    position: absolute;
    left: calc(28/1920*100vw);
    top: 0;
    object-fit: contain;
    width: calc(23/1920*100vw);
    height: calc(23/1920*100vw);
}

.head .right .link2 {
    margin-left: calc(20/1920*100vw);
    width: calc(152/1920*100vw);
    background: #7631D5;
    border-radius: calc(22/1920*100vw);
    text-align: center;
    line-height: calc(40/1920*100vw);
    font-family: PingFangSC,PingFang SC;
    font-weight: 500;
    font-size: calc(16/1920*100vw);
    color: #fff;
    display: block;
}

.section1 {
    padding-top: calc(133/1920*100vw);
    background: #000;
}

.section1 .wrap {
}

.wrap {
    padding: 0px calc(160/1920*100vw);
}

.section1 .wrap .left {
    width: auto;
    float: left;
    padding-bottom: calc(24/1920*100vw);
}

.section1 .wrap .left .title {
    font-size: calc(56/1920*100vw);
    line-height: 1.1;
    font-family: Semibold;
}

.section1 .wrap .left .title img {
    height: calc(104/1920*100vw);
}

.section1 .wrap .left .dec {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(28/1920*100vw);
    color: #FFFFFF;
    padding-top: calc(20/1920*100vw);
    /* padding-bottom:calc(7/1920*100vw);*/
    color: #fff;
}

.section1 .wrap .left .dec p {
    padding-bottom: calc(10/1920*100vw);
}

.section1 .wrap .left .dec a {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(28/1920*100vw);
    color: #0044FF;
    text-decoration: underline;
    margin-left: calc(16/1920*100vw);
}

.section1 .wrap .left .more:after {
    content: "";
    position: absolute;
    height: calc(99/1920*100vw);
    width: calc(158/1920*100vw);
    background: url(../images/2.png) no-repeat center center;
    background-size: 100%;
    top: calc(5/1920*100vw);
    right: calc(-76/1920*100vw);
    animation: scrollAni5 1.8s infinite;
    -moz-animation: scrollAni5 1.8s infinite;
    -webkit-animation: scrollAni5 1.8s infinite;
    -o-animation: scrollAni5 1.8s infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-timing-function: linear;
}

.section1 .wrap .left .more {
    display: block;
    width: calc(581/1920*100vw);
    height: calc(99/1920*100vw);
    font-family: PingFangSC,PingFang SC;
    font-weight: normal;
    font-size: calc(24/1920*100vw);
    color: #FFFFFF;
    background: url(../images/1.png) no-repeat center center;
    background-size: 100%;
    padding-top: calc(36/1920*100vw);
    padding-left: calc(33/1920*100vw);
    color: #fff;
    position: relative;
}

.section1 .wrap .right {
    width: calc(626/1920*100vw);
    height: calc(240/1920*100vw);
    background: #252525;
    border-radius: calc(12/1920*100vw);
    float: right;
    display: flex;
    position: relative;
    overflow: hidden;
    background: #F3E8FF;
    margin-top: calc(32/1920*100vw);
    border: rgba(255,228,137,1) calc(4/1920*100vw) solid;
}

.section1 .wrap .right .imgbox {
    width: calc(240/1920*100vw);
    height: 100%;
    overflow: hidden;
    position: relative;
}

.section1 .wrap .right .imgbox .pic {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.section1 .wrap .right .imgbox .tag {
    position: absolute;
    right: 0;
    top: 0px;
    padding-left: calc(10/1920*100vw);
    line-height: calc(32/1920*100vw);
    border-radius: calc(100/1920*100vw) 0px 0px calc(100/1920*100vw);
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(16/1920*100vw);
    color: #091743;
    padding-right: calc(25/1920*100vw);
    z-index: 4;
    display: none;
}

.section1 .wrap .right .imgbox .tag.up {
    background: url(../images/up.png) no-repeat 90% center #2DFC65;
    background-size: calc(12/1920*100vw);
}

.section1 .wrap .right .imgbox .tag.down {
    background: url(../images/down2.png) no-repeat 90% center #FF5050;
    background-size: calc(12/1920*100vw);
}

.section1 .wrap .right .imgbox .total {
    line-height: calc(34/1920*100vw);
    background: rgb(0 0 0 / 50%);
    position: absolute;
    left: 0;
    bottom: 0px;
    /* width:100%;*/
    text-align: right;
    padding-right: calc(18/1920*100vw);
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(16/1920*100vw);
    color: #FFFFFF;
    z-index: 4;
    right: calc(8/1920*100vw);
    left: auto;
    border-radius: 300px;
    bottom: calc(8/1920*100vw);
}

.section1 .wrap .right .imgbox .total span {
    display: inline-block;
    padding-left: calc(48/1920*100vw);
    background: url(../images/user.png) no-repeat calc(17/1920*100vw) center;
    background-size: calc(17/1920*100vw);
}

.section1 .wrap .right .ris {
    height: 100%;
    position: relative;
    width: calc(100% - calc(280/1920*100vw));
    padding-left: calc(20/1920*100vw);
    padding-top: calc(18/1920*100vw);
}

.section1 .wrap .right .ris .title1 {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(16/1920*100vw);
    color: #999999;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section1 .wrap .right .ris .title1 a {
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(16/1920*100vw);
    color: #7631D5;
    line-height: calc(22/1920*100vw);
    text-align: left;
    font-style: normal;
    text-decoration-line: underline;
}

.section1 .wrap .right .ris .title2 .link {
}

.section1 .wrap .right .ris .title2 .link a {
    margin-left: calc(16 / 1920 * 100vw);
}

.section1 .wrap .right .ris .title2 .link img {
    img;height: calc(18 / 1920 * 100vw);
}

.section1 .wrap .right .ris .title2 {
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(20/1920*100vw);
    color: #FFFFFF;
    /* padding:calc(10/1920*100vw) 0px;*/
    padding-bottom: calc(12/1920*100vw);
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section1 .wrap .right .ris .dec {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(17/1920*100vw);
    color: #999999;
    line-height: 1.3;
}

.section1 .wrap .right .ris .bottom {
    bottom: 0px;
    position: absolute;
    width: 100%;
    /* padding-left:calc(20/1920*100vw);*/
    padding-bottom: calc(15/1920*100vw);
}

.section1 .wrap .right .ris .bottom .title3 .rt {
    display: flex;
    align-items: center;
}

.section1 .wrap .right .ris .bottom .title3 .rt em {
    font-family: D,D;
    font-weight: normal;
    font-size: calc(12/1920*100vw);
    color: #FFFFFF;
    line-height: calc(19/1920*100vw);
    background: url(../images/shang.png) no-repeat #00CC8D calc(8/1920*100vw) center;
    border-radius: calc(12/1920*100vw);
    padding: 0px calc(9/1920*100vw);
    display: inline-block;
    font-style: normal;
    padding-left: calc(18/1920*100vw);
    background-size: calc(8/1920*100vw);
}

.section1 .wrap .right .ris .bottom .title3 {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(16/1920*100vw);
    color: #999999;
    padding-top: calc(16/1920*100vw);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section1 .wrap .right .ris .bottom .title3 b {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(14/1920*100vw);
    color: #333333;
    padding-left: calc(8/1920*100vw);
}

.section1 .wrap .right .ris .bottom .title4:after {
    content: "";
    position: absolute;
    width: calc(46/1920*100vw);
    height: calc(53/1920*100vw);
    left: calc(-20/1920*100vw);
    top: calc(-13/1920*100vw);
    background: url(        ../images/hj.png) no-repeat center center;
    background-size: 100%;
}

.section1 .wrap .right .ris .bottom .title4 {
    margin-top: calc(14/1920*100vw);
    background: none !important;
    line-height: calc(29/1920*100vw);
    border-radius: calc(18/1920*100vw);
    border: rgba(176,75,255,1) 2px solid;
    position: relative;
    font-family: D,D;
    font-weight: normal;
    font-size: calc(17/1920*100vw);
    color: #333333;
    width: auto;
    padding-left: calc(27/1920*100vw);
    padding-right: calc(14/1920*100vw);
    display: inline-block;
    margin-left: calc(14/1920*100vw);
}

.section2 {
    padding-top: calc(32/1920*100vw);
    padding-bottom: calc(50/1920*100vw);
}

.section2 .wrap {
}

.section2 .wrap .block1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: calc(32/1920*100vw);
}

.section2 .wrap .block1 .search {
    width: calc(600/1920*100vw);
    height: calc(60/1920*100vw);
    background: #F3E8FF;
    border-radius: calc(12/1920*100vw);
    position: relative;
    padding-left: calc(56/1920*100vw);
    border: rgba(255,228,137,1) 2px solid;
}

.section2 .wrap .block1 .search .words {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(20/1920*100vw);
    border: none;
    background: none;
    width: 100%;
    height: 100%;
    color: #141519;
}

.section2 .wrap .block1 .search .send {
    position: absolute;
    left: 0;
    top: 0px;
    width: calc(56/1920*100vw);
    height: 100%;
    border: none;
    background: url(../images/search.png) no-repeat center center;
    background-size: calc(24/1920*100vw);
}

.section2 .wrap .block1 .right {
    display: flex;
    align-items: center;
}

.section2 .wrap .block1 .right .selects {
}

.section2 .wrap .block1 .right .selects:hover dl {
    top: calc(60/1920*100vw);
    visibility: visible;
    opacity: 1;
    z-index: 5;
}

.section2 .wrap .block1 .right .selects h2.h2tit {
    font-size: inherit;
    line-height: inherit;
    line-height: calc(60/1920*100vw);
    cursor: pointer;
}

.section2 .wrap .block1 .right .selects dl {
    position: absolute;
    width: 100%;
    border: rgba(255,228,137,1) 2px solid;
    left: 0;
    top: calc(70/1920*100vw);
    border-radius: calc(4/1920*100vw);
    /* border-top:none;*/
    background: #F3E8FF;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}

.section2 .wrap .block1 .right .selects dd {
    cursor: pointer;
    line-height: calc(60/1920*100vw);
    padding: 0px calc(20/1920*100vw);
    font-size: inherit;
}

.section2 .wrap .block1 .right .selects,.section2 .wrap .block1 .right select {
    width: calc(243/1920*100vw);
    height: calc(60/1920*100vw);
    background: #212121;
    border-radius: calc(12/1920*100vw);
    border: #fff;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(20/1920*100vw);
    color: #FFFFFF;
    padding-left: calc(20/1920*100vw);
    background: url(../images/down.png) no-repeat 90% center #F3E8FF;
    background-size: calc(16/1920*100vw);
    color: #141519;
    border: rgba(255,228,137,1) 2px solid;
    position: relative;
}

.section2 .wrap .block1 .right .checkItem {
    width: calc(304/1920*100vw);
    height: calc(60/1920*100vw);
    background: #F3E8FF;
    border-radius: calc(12/1920*100vw);
    line-height: calc(60/1920*100vw);
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(20/1920*100vw);
    color: #FFFFFF;
    margin-left: calc(16/1920*100vw);
    color: #141519;
    border: rgba(255,228,137,1) 2px solid;
}

.checkItem {
    position: relative;
}

.checkItem input[type=radio],.checkItem input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 2;
}

.checkItem input[type=radio]+label,.checkItem input[type=checkbox]+label {
    cursor: pointer;
}

.checkItem input[type=radio]+label::before,.checkItem input[type=radio]+label::after,.checkItem input[type=checkbox]+label::before,.checkItem input[type=checkbox]+label::after {
    content: '';
    display: block;
    position: absolute;
    left: calc(20/1920*100vw);
    top: 50%;
    margin-top: calc(-7/1920*100vw);
    width: calc(16/1920*100vw);
    height: calc(16/1920*100vw);
    background: #FFFFFF;
    border: calc(1/1920*100vw) solid #444;
    background: none;
}

.checkItem input[type=radio]+label::before,.checkItem input[type=checkbox]+label::before {
}

.checkItem input[type=radio]+label::before,.checkItem input[type=radio]+label::after {
    border-radius: 50%;
}

.checkItem input[type=radio]:checked+label::before,.checkItem input[type=radio]:checked+label::after,.checkItem input[type=checkbox]:checked+label::before,.checkItem input[type=checkbox]:checked+label::after {
    -webkit-animation: cd-bounce .3s;
    -moz-animation: cd-bounce .3s;
    animation: cd-bounce .3s;
}

.checkItem input[type=radio]+label::after,.checkItem input[type=checkbox]+label::after {
    background-color: #F29700;
    background: url(../images/right.png) no-repeat center center;
    background-size: 100%;
    display: none;
}

.checkItem input[type=radio]+label::after {
}

.checkItem input[type=radio]:checked+label::after,.checkItem input[type=checkbox]:checked+label::after {
    display: block;
}

@-webkit-keyframes cd-bounce {
    0%,100% {
        -webkit-transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.8)
    }
}

@-moz-keyframes cd-bounce {
    0%,100% {
        -moz-transform: scale(1)
    }

    50% {
        -moz-transform: scale(.8)
    }
}

@keyframes cd-bounce {
    0%,100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8)
    }
}

.checkItem label:after,.checkItem label:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.section2 .wrap .block1 .right .checkItem input {
}

.section2 .wrap .block1 .right .checkItem label {
}

.section2 .wrap .block1 .right .checkItem label span {
    padding-left: calc(50/1920*100vw);
}

.section2 .wrap .block1 .right .icon {
    margin-left: calc(16/1920*100vw);
    width: calc(60/1920*100vw);
    height: calc(60/1920*100vw);
    background: #F3E8FF;
    border-radius: calc(12/1920*100vw);
    position: relative;
    border: rgba(255,228,137,1) 2px solid;
}

.section2 .wrap .block1 .right .icon img {
    height: calc(32/1920*100vw);
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.section2 .wrap .block2:after {
    content: "";
    display: table;
    clear: both;
}

.section2 .wrap .block2 {
}

.section2 .wrap .block2 .item:nth-child(4n) {
    margin-right: 0px;
}

.section2 .wrap .block2 .item {
    float: left;
    margin-right: calc(24/1920*100vw);
    width: calc((100% - calc(72/1920*100vw))/4);
    background: #252525;
    border-radius: calc(12/1920*100vw);
    overflow: hidden;
    margin-bottom: calc(24/1920*100vw);
}

.section2 .wrap .block2 .item .imgbox {
    position: relative;
    overflow: hidden;
    height: calc(322/1920*100vw);
}

.section2 .wrap .block2 .item .imgbox img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.section2 .wrap .block2 .item .imgbox .tag {
    position: absolute;
    right: 0;
    top: 0px;
    padding-left: calc(10/1920*100vw);
    line-height: calc(32/1920*100vw);
    border-radius: calc(100/1920*100vw) 0px 0px calc(100/1920*100vw);
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(16/1920*100vw);
    color: #091743;
    padding-right: calc(25/1920*100vw);
    z-index: 4;
}

.section2 .wrap .block2 .item .imgbox .tag.up {
    background: url(../images/up.png) no-repeat 90% center #2DFC65;
    background-size: calc(12/1920*100vw);
}

.section2 .wrap .block2 .item .imgbox .tag.down {
    background: url(../images/down2.png) no-repeat 90% center #FF5050;
    background-size: calc(12/1920*100vw);
}

.section2 .wrap .block2 .item .content {
    padding: calc(16/1920*100vw);
    padding-bottom: calc(25/1920*100vw);
}

.section2 .wrap .block2 .item .content .title {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(16/1920*100vw);
    color: #FFFFFF;
    line-height: calc(22/1920*100vw);
}

.section2 .wrap .block2 .item .content .title button {
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(16/1920*100vw);
    color: #F7D339;
    line-height: calc(22/1920*100vw);
    text-align: left;
    font-style: normal;
    text-decoration-line: underline;
    border: none;
    background: none;
}

.section2 .wrap .block2 .item .content .title2 {
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(20/1920*100vw);
    color: #FFFFFF;
    line-height: calc(28/1920*100vw);
    padding-top: calc(10/1920*100vw);
}

.section2 .wrap .block2 .item .content .dec {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(14/1920*100vw);
    color: #999999;
    line-height: calc(20/1920*100vw);
    text-align: left;
    font-style: normal;
    padding-top: calc(10/1920*100vw);
}

.section2 .wrap .block2 .item .content .infor {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(16/1920*100vw);
    color: #999999;
    line-height: calc(22/1920*100vw);
    text-align: left;
    font-style: normal;
    padding-top: calc(122/1920*100vw);
}

.section2 .wrap .block2 .item .content .line i {
    display: inline-block;
    height: 100%;
    background: #2DFC65;
    border-radius: calc(10/1920*100vw);
}

.section2 .wrap .block2 .item .content .line {
    height: calc(12/1920*100vw);
    background: #343434;
    border-radius: calc(6/1920*100vw);
    overflow: hidden;
    margin-top: calc(16/1920*100vw);
}

.section2 .wrap .block2 .item .content .infor b {
    color: #FFFFFF;
    font-weight: normal;
}

.section2 .wrap .more {
    display: block;
    margin: auto;
    margin-top: calc(20/1920*100vw);
    width: calc(271/1920*100vw);
    line-height: calc(70/1920*100vw);
    background: #7631D5;
    border-radius: calc(142/1920*100vw);
    text-align: center;
    font-family: PingFangSC,PingFang SC;
    font-size: calc(28/1920*100vw);
    color: #fff;
    font-family: D-DINExp,D-DINExp;
}

.footer {
    background: #4A2B75;
    padding-bottom: calc(30/1920*100vw);
}

.footer .wrap {
    padding-right: calc(460/1920*100vw);
}

.footer .wrap .left {
    padding-top: calc(70/1920*100vw);
    float: left;
}

.footer .wrap .left .logo {
    display: flex;
    align-items: center;
}

.footer .wrap .left .logo img.im2 {
    height: calc(27/1920*100vw);
    margin-left: calc(12/1920*100vw);
}

.footer .wrap .left .logo img {
    height: calc(64/1920*100vw);
}

.footer .wrap .left .link {
    font-size: 0;
    padding-top: calc(16/1920*100vw);
}

.footer .wrap .left .link a {
    margin-right: calc(24/1920*100vw);
}

.footer .wrap .left .link img {
    height: calc(32/1920*100vw);
}

.footer .wrap .right {
    display: flex;
    float: right;
    padding-top: calc(65/1920*100vw);
}

.footer .wrap .right dl {
    padding-left: calc(170/1920*100vw);
}

.footer .wrap .right dl dt {
    font-family: PingFangSC,PingFang SC;
    font-weight: 500;
    font-size: calc(15/1920*100vw);
    color: #fff;
    line-height: 1;
    margin-bottom: calc(28/1920*100vw);
    opacity: .5;
}

.footer .wrap .right dl dd {
}

.footer .wrap .right dl dd a {
    display: block;
    font-family: PingFangSC,PingFang SC;
    font-weight: 500;
    font-size: calc(14/1920*100vw);
    color: #fff;
    line-height: 1;
    margin-bottom: calc(28/1920*100vw);
}

.section3 {
    padding-top: calc(182/1920*100vw);
    text-align: center;
    background: #1A1A1A;
    padding-bottom: calc(40/1920*100vw);
}

.section3 .wrap {
    position: relative;
    z-index: 4;
}

.section3 .wrap .title {
    font-size: calc(60/1920*100vw);
}

.section3 .wrap .title img {
    height: calc(58/1920*100vw);
}

.section3 .wrap .dec {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(20/1920*100vw);
    color: #fff;
    line-height: calc(28/1920*100vw);
    padding-top: calc(27/1920*100vw);
    padding-bottom: calc(56/1920*100vw);
}

.section3 .wrap .list {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.section3 .wrap .list .item:nth-child(2n) {
    float: right;
}

.section3 .wrap .list .item:nth-child(2n) {
    margin-left: calc((100% - calc(1520/1920*100vw)));
}

.section3 .wrap .list .item {
    float: left;
    text-align: left;
    width: calc(760/1920*100vw);
    margin-bottom: calc(40/1920*100vw);
    /* border:calc(4/1920*100vw) solid #7631D5;*/
    /* border-radius:calc(16/1920*100vw);*/
    overflow: hidden;
}

.section3 .wrap .list .item .titles {
    padding-bottom: calc(14/1920*100vw);
    display: flex;
    align-items: center;
}

.section3 .wrap .list .item:nth-child(1) .titles .s2,.section3 .wrap .list .item:nth-child(2) .titles .s2 {
    color: #fff;
}

.section3 .wrap .list .item:nth-child(1) .titles .s1,.section3 .wrap .list .item:nth-child(2) .titles .s1 {
    color: #fff;
}

.section3 .wrap .list .item .titles .s1 {
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(28/1920*100vw);
    color: #ffffff;
}

.section3 .wrap .list .item .titles .s2 {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(16/1920*100vw);
    color: #fff;
    padding-left: calc(16/1920*100vw);
}

.section3 .wrap .list .item .tablelist {
    background: #212121;
    border-radius: calc(16/1920*100vw);
    border: calc(4 / 1920 * 100vw) solid #7631D5;
    border-radius: calc(16 / 1920 * 100vw);
    overflow: hidden;
}

.section3 .wrap .list .item .tablelist table tr td:last-child,.section3 .wrap .list .item .tablelist table tr th:last-child {
    padding-right: calc(34/1920*100vw);
    text-align: right;
}

.section3 .wrap .list .item .tablelist table {
}

.section3 .wrap .list .item .tablelist table tr {
    cursor: pointer;
}

.section3 .wrap .list .item .tablelist table tr th {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(16/1920*100vw);
    color: #666666;
    border-bottom: calc(1/1920*100vw) solid #333333;
    height: calc(50/1920*100vw);
}

.section3 .wrap .list .item .tablelist table tr:hover:not(.section3 .wrap .list .item .tablelist table tr:nth-child(1)) {
    background: #1B2C20;
}

.section3 .wrap .list .item .tablelist table tr:hover td *,.section3 .wrap .list .item .tablelist table tr:hover td {
    background: #261B2C;
    color: #2DFC65 !important;
}

.section3 .wrap .list .item .tablelist table tr td:nth-child(1) {
    text-align: center;
}

.section3 .wrap .list .item .tablelist table tr td .color1 {
    color: #18F1D9
}

.section3 .wrap .list .item .tablelist table tr td .color2 {
    color: red !important;
    !i;!;}

.section3 .wrap .list .item .tablelist table tr td img {
    height: calc(42/1920*100vw);
}

.section3 .wrap .list .item .tablelist table tr td {
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(18/1920*100vw);
    color: #FFFFFF;
    border-bottom: calc(1/1920*100vw) solid #333333;
    padding: calc(24/1920*100vw) 0px;
}

.section3 .wrap .list .item .tablelist table tr:nth-child(5) td:nth-child(1) b {
    /* color:#70C7BA;*/
}

.section3 .wrap .list .item .tablelist table tr td b,.section3 .wrap .list .item .tablelist table tr:hover td b {
    display: block;
    text-align: center;
    font-family: D,D;
    font-weight: normal;
    font-size: calc(18/1920*100vw);
    color: #666666 !important;
    !i;!;}

.section3 .wrap .list .item .tablelist table tr td .flex {
    display: flex;
    align-items: center;
}

.section3 .wrap .list .item .tablelist table tr td .flex .tb {
}

.section3 .wrap .list .item .tablelist table tr td .flex .tb img {
    width: calc(32/1920*100vw);
    height: calc(32/1920*100vw);
    border-radius: calc(300/1920*100vw);
    object-fit: cover;
}

.section3 .wrap .list .item .tablelist table tr td .flex .tit {
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(18/1920*100vw);
    color: #FFFFFF;
    padding-left: calc(16/1920*100vw);
}

.section3 .wrap .list .item .tablelist table tr td .num {
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(16/1920*100vw);
    color: #FFFFFF;
    text-align: right;
}

.section3 .wrap .list .item .tablelist table tr td .line {
    width: 100%;
    height: calc(8/1920*100vw);
    background: #292929;
    border-radius: calc(4/1920*100vw);
    position: relative;
    margin-top: calc(5/1920*100vw);
}

.section3 .wrap .list .item .tablelist table tr td .line i {
    display: block;
    height: 100%;
    background: #F7D339;
    border-radius: calc(4/1920*100vw);
}

.section4 {
    padding-top: calc(133/1920*100vw);
    padding-bottom: calc(80/1920*100vw);
}

.section4 .wrap {
    position: relative;
    z-index: 4;
}

.section4 .wrap .back {
    padding-left: calc(34/1920*100vw);
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(24/1920*100vw);
    color: #fff;
    background: url(../images/back.png) no-repeat left center;
    background-size: calc(16/1920*100vw);
}

.section4 .wrap > .block1 {
    margin-top: calc(32/1920*100vw);
    position: relative;
    zoom:1;overflow: hidden;
    background: #141519;
    border-radius: calc(12/1920*100vw);
    padding: calc(20/1920*100vw);
    border: calc(4/1920*100vw) solid #7631D5;
}

.section4 .wrap .block1 .imgbox {
    width: calc(300/1920*100vw);
    height: calc(350/1920*100vw);
    background: #020619;
    border-radius: calc(8/1920*100vw) calc(8/1920*100vw) 0px 0px;
    float: left;
    overflow: hidden;
}

.section4 .wrap .block1 .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section4 .wrap .block1 .right {
    float: left;
    width: calc(100% - calc(300/1920*100vw));
    position: relative;
    padding-left: calc(35/1920*100vw);
    padding-top: calc(4/1920*100vw);
    height: calc(350/1920*100vw);
}

.section4 .wrap .block1 .right .title1 {
    display: flex;
    justify-content: space-between;
}

.section4 .wrap .block1 .right .title1 .s1 {
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(36/1920*100vw);
    color: #FFFFFF;
    display: flex;
    align-items: center;
}

.section4 .wrap .block1 .right .title1 .s1 button.collect {
    width: calc(32/1920*100vw);
    height: calc(32/1920*100vw);
    border: none;
    background: none;
    background: url(../images/scang.png) no-repeat center center;
    margin-left: calc(16/1920*100vw);
    background-size: 100%;
}

.section4 .wrap .block1 .right .title1 .s2 {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(16/1920*100vw);
    color: #FFFFFF;
}

.section4 .wrap .block1 .right .title1 .s2 button.btn {
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(16/1920*100vw);
    color: #F7D339;
    line-height: calc(22/1920*100vw);
    text-align: left;
    font-style: normal;
    text-decoration-line: underline;
    border: none;
    background: none;
}

.section4 .wrap .block1 .right .title2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: calc(10/1920*100vw);
}

.section4 .wrap .block1 .right .title2 .s1 {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(20/1920*100vw);
    color: #999999;
    line-height: calc(28/1920*100vw);
    display: flex;
    align-items: center;
}

.section4 .wrap .block1 .right .title2 .s1 button.copy {
    margin-left: calc(8/1920*100vw);
    padding-right: calc(32/1920*100vw);
    background: none;
    border: none;
    background: url(../images/coy.png) no-repeat right center;
    background-size: calc(24/1920*100vw);
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(20/1920*100vw);
    color: #FFFFFF;
    line-height: calc(28/1920*100vw);
    height: auto;
}

.section4 .wrap .block1 .right .title2 .s2 {
}

.section4 .wrap .block1 .right .title2 .s2 a {
    margin-left: calc(16/1920*100vw);
}

.section4 .wrap .block1 .right .title2 .s2 img {
    height: calc(24/1920*100vw);
}

.section4 .wrap .block1 .right .dec {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(20/1920*100vw);
    color: #666666;
    line-height: calc(28/1920*100vw);
    padding-top: calc(19/1920*100vw);
}

.section4 .wrap .block1 .right .dec p {
}

.section4 .wrap .block1 .right .items {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
}

.section4 .wrap .block1 .right .items .item {
    height: calc(95/1920*100vw);
    background: #241B2C;
    border-radius: calc(8/1920*100vw);
    width: calc((100% - calc(80/1920*100vw))/5);
    margin-right: calc(20/1920*100vw);
    padding: calc(17/1920*100vw);
}

.section4 .wrap .block1 .right .items .item:last-child {
    margin: 0px;
}

.section4 .wrap .block1 .right .items .item .s1 {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(18/1920*100vw);
    color: #999999;
    line-height: calc(24/1920*100vw);
    display: flex;
    align-items: center;
}

.section4 .wrap .block1 .right .items .item .s1 span.up {
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(18/1920*100vw);
    color: #18F1D9;
}

.section4 .wrap .block1 .right .items .item .s1 span.down {
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(18/1920*100vw);
    color: red;
}

.section4 .wrap .block1 .right .items .item .s2 {
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(20/1920*100vw);
    color: #FFFFFF;
    line-height: calc(28/1920*100vw);
    padding-top: calc(10/1920*100vw);
}

.section4 .wrap > .block2 {
    padding-top: calc(32/1920*100vw);
}

.section4 .wrap .block2 .left {
    float: left;
    width: calc(902/1920*100vw);
}

.section4 .wrap .block2 .left .block1 {
    height: calc(673/1920*100vw);
    background: #212121;
    padding: calc(30/1920*100vw);
    background: #141519;
    border-radius: calc(12/1920*100vw);
    border: calc(4/1920*100vw) solid #7631D5;
}

.section4 .wrap .block2 .left .block1 .tag {
    display: flex;
    align-items: center;
}

.section4 .wrap .block2 .left .block1 .tag img {
    height: calc(40/1920*100vw);
    margin-right: calc(16/1920*100vw);
}

.section4 .wrap .block2 .left .block1 .tag span {
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(24/1920*100vw);
    color: #FFFFFF;
    line-height: calc(33/1920*100vw);
}

.section4 .wrap .block2 .left .block1 .imgbox {
    width: 100%;
    height: auto;
    border-radius: 0px;
    background: none;
    float: none;
}

.section4 .wrap .block2 .left .block1 .imgbox img {
    width: 100%;
    height: calc(575/1920*100vw);
    object-fit: cover;
}

.section4 .wrap .block2 .left .block2 {
    margin-top: calc(50/1920*100vw);
}

.section4 .wrap .block2 .left .block2 .hd {
    display: flex;
    align-items: center;
}

.section4 .wrap .block2 .left .block2 .hd a.current img {
    opacity: 1;
    filter: grayscale(0%);
}

.section4 .wrap .block2 .left .block2 .hd a.current span {
    color: #fff;
}

.section4 .wrap .block2 .left .block2 .hd a {
    display: flex;
    align-items: center;
    margin-right: calc(88/1920*100vw);
}

.section4 .wrap .block2 .left .block2 .hd a img {
    height: calc(32/1920*100vw);
    filter: grayscale(100%);
    transition: filter 0.3s ease;
    margin-right: calc(16/1920*100vw);
    opacity: .5;
}

.section4 .wrap .block2 .left .block2 .hd a span {
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(24/1920*100vw);
    color: #5F5F5F;
}

.section4 .wrap .block2 .left .block2 .bd {
}

.section4 .wrap .block2 .left .block2 .bd .model {
}

.section4 .wrap .block2 .left .block2 .bd .model .tablelist {
    height: calc(415/1920*100vw);
    background: #212121;
    border-radius: calc(12/1920*100vw);
    margin-top: calc(25/1920*100vw);
    background: #141519;
    border-radius: calc(12 / 1920* 100vw);
    border: calc(4/1920*100vw) solid #7631D5;
}

.section4 .wrap .block2 .left .block2 .bd .model .tablelist table {
}

.section4 .wrap .block2 .left .block2 .bd .model .tablelist table tr {
}

.section4 .wrap .block2 .left .block2 .bd .model .tablelist table tr th {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(16/1920*100vw);
    color: #666666;
    height: calc(60/1920*100vw);
    border-bottom: calc(1/1920*100vw) solid #333333;
}

.section4 .wrap .block2 .left .block2 .bd .model .tablelist table tr td {
    text-align: center;
    font-family: PingFangSC,PingFang SC;
    font-size: calc(18/1920*100vw);
    color: #FFFFFF;
    height: calc(70/1920*100vw);
    border-bottom: calc(1/1920*100vw) solid #333333;
    word-break: break-all;
}

.section4 .wrap .block2 .left .block2 .bd .model .tablelist table tr th:nth-child(1),.section4 .wrap .block2 .left .block2 .bd .model .tablelist table tr td:nth-child(1) {
    padding-left: calc(30/1920*100vw);
    text-align: left;
}

.section4 .wrap .block2 .left .block2 .bd .model .tablelist table tr th:last-child,.section4 .wrap .block2 .left .block2 .bd .model .tablelist table tr td:last-child {
    padding-right: calc(30/1920*100vw);
    text-align: right;
}

.section4 .wrap .block2 .left .block2 .bd .model .tablelist table tr td b.green {
    color: #2DFC65
}

.section4 .wrap .block2 .left .block2 .bd .model .tablelist table tr td b {
    color: #F7D339;
    font-weight: 400;
    word-break: break-all;
}

.section4 .wrap .block2 .left .block2 .bd .model .tablelist table tr td span {
    color: #FF0000;
}

.section4 .wrap .block2 .left .block2 .bd .model .ly {
    background: #212121;
    border-radius: calc(12/1920*100vw);
    padding: calc(30/1920*100vw);
    padding-bottom: 0;
    margin-top: calc(25/1920*100vw);
    background: #141519;
    border-radius: calc(12 / 1920* 100vw);
    border: calc(4/1920*100vw) solid #7631D5;
}

.section4 .wrap .block2 .left .block2 .bd .model .ly .text {
    height: calc(200/1920*100vw);
    background: #2E2E2E;
    border-radius: calc(8/1920*100vw);
    position: relative;
}

.section4 .wrap .block2 .left .block2 .bd .model .ly .text textarea {
    height: calc(166/1920*100vw);
    border: none;
    background: none;
    width: 100%;
    resize: none;
    padding: calc(14/1920*100vw) calc(20/1920*100vw);
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(24/1920*100vw);
    color: #fff;
}

.section4 .wrap .block2 .left .block2 .bd .model .ly .text .total {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(18/1920*100vw);
    color: #666666;
    left: calc(20/1920*100vw);
    bottom: calc(27/1920*100vw);
    position: absolute;
}

.section4 .wrap .block2 .left .block2 .bd .model .ly .text .ris {
    position: absolute;
    right: calc(20/1920*100vw);
    bottom: calc(20/1920*100vw);
    display: flex;
    align-items: center;
}

.section4 .wrap .block2 .left .block2 .bd .model .ly .text .ris .bq {
    margin-right: calc(32/1920*100vw);
    width: calc(24/1920*100vw);
    height: calc(24/1920*100vw);
    background: url(../images/biaoqing.png) no-repeat center center;
    background-size: 100%;
}

.section4 .wrap .block2 .left .block2 .bd .model .ly .text .ris button.send {
    width: calc(120/1920*100vw);
    height: calc(40/1920*100vw);
    background: #F7D339;
    border-radius: calc(8/1920*100vw);
    border: none;
    font-family: D-DINExp,D-DINExp;
    font-weight: bold;
    font-size: calc(18/1920*100vw);
    color: #141519;
}

.section4 .wrap .block2 .left .block2 .bd .model .ly .infor1 {
    display: flex;
    padding-top: calc(21/1920*100vw);
    align-items: center;
}

.section4 .wrap .block2 .left .block2 .bd .model .ly .infor1 .id {
    width: calc(116/1920*100vw);
    line-height: calc(40/1920*100vw);
    border-radius: calc(8/1920*100vw);
    border: calc(1/1920*100vw) solid #2DFC65;
    text-align: center;
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(16/1920*100vw);
    color: #2DFC65;
}

.section4 .wrap .block2 .left .block2 .bd .model .ly .infor1 .time {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(16/1920*100vw);
    color: #666666;
    margin-left: calc(16/1920*100vw);
}

.section4 .wrap .block2 .left .block2 .bd .model .ly .infor2 {
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(18/1920*100vw);
    color: #FFFFFF;
    border-bottom: calc(1/1920*100vw) solid #2E2E2E;
    padding-top: calc(24/1920*100vw);
    padding-bottom: calc(24/1920*100vw);
}

.section4 .wrap .block2 .left .block2 .bd .model .ly .last {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(16/1920*100vw);
    color: #666666;
    text-align: center;
    padding-top: calc(16/1920*100vw);
    padding-bottom: calc(24/1920*100vw);
}

.section4 .wrap .block2 .right {
    float: right;
    width: calc(660/1920*100vw);
}

.section4 .wrap .block2 .right .sideSet1 {
    background: #212121;
    border-radius: calc(12/1920*100vw);
    padding: calc(30/1920*100vw);
    background: #141519;
    border-radius: calc(12 / 1920* 100vw);
    border: calc(4/1920*100vw) solid #7631D5;
}

.section4 .wrap .block2 .right .sideSet1 .hd a.current {
    background: #7631D5;
    color: #fff;
}

.section4 .wrap .block2 .right .sideSet1 .hd {
    zoom:1;overflow: hidden;
    background: #241B2C;
    border-radius: calc(8/1920*100vw);
}

.section4 .wrap .block2 .right .sideSet1 .hd a {
    float: left;
    width: 50%;
    background: #241B2C;
    border-radius: calc(8/1920*100vw);
    line-height: calc(80/1920*100vw);
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(28/1920*100vw);
    color: #fff;
    text-align: center;
}

.section4 .wrap .block2 .right .sideSet1 .bd {
}

.section4 .wrap .block2 .right .sideSet1 .bd .model {
}

.section4 .wrap .block2 .right .sideSet1 .bd .model .block1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: calc(40/1920*100vw);
    padding-bottom: calc(16/1920*100vw);
}

.section4 .wrap .block2 .right .sideSet1 .bd .model .block1 .tit {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(18/1920*100vw);
    color: #FFFFFF;
    line-height: calc(40/1920*100vw);
    background: #202125;
    border-radius: calc(8/1920*100vw);
    padding: 0px calc(20/1920*100vw);
}

.section4 .wrap .block2 .right .sideSet1 .bd .model .block1 a.set {
    width: calc(24/1920*100vw);
    height: calc(24/1920*100vw);
    background: url(../images/set.png) no-repeat center center;
    background-size: 100%;
}

.section4 .wrap .block2 .right .sideSet1 .bd .model .block2 {
    height: calc(104/1920*100vw);
    background: #202125;
    border-radius: calc(8/1920*100vw);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: calc(20/1920*100vw);
}

.section4 .wrap .block2 .right .sideSet1 .bd .model .block2 .lef {
}

.section4 .wrap .block2 .right .sideSet1 .bd .model .block2 .lef input.words {
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(24/1920*100vw);
    color: #fff;
    display: block;
    width: calc(270/1920*100vw);
    border: none;
    background: none;
    height: calc(32/1920*100vw);
}

.section4 .wrap .block2 .right .sideSet1 .bd .model .block2 .lef .tit {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(16/1920*100vw);
    color: #666666;
    padding-top: calc(10/1920*100vw);
}

.section4 .wrap .block2 .right .sideSet1 .bd .model .block2 .ris {
    display: flex;
    align-items: center;
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(24/1920*100vw);
    color: #FFFFFF;
}

.section4 .wrap .block2 .right .sideSet1 .bd .model .block2 .ris img {
    margin-left: calc(11/1920*100vw);
    width: calc(32/1920*100vw);
}

.section4 .wrap .block2 .right .sideSet1 .bd .model .block3 {
    padding-top: calc(16/1920*100vw);
    display: flex;
}

.section4 .wrap .block2 .right .sideSet1 .bd .model .block3 button.current {
    color: #000;
    background: #F7D339;
}

.section4 .wrap .block2 .right .sideSet1 .bd .model .block3 button {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(18/1920*100vw);
    color: #FFFFFF;
    border: none;
    background: none;
    height: calc(40/1920*100vw);
    background: #2A2A2A;
    border-radius: calc(8/1920*100vw);
    padding: 0px calc(20/1920*100vw);
    margin-right: calc(16/1920*100vw);
}

.section4 .wrap .block2 .right .sideSet1 .bd .model button.send {
    height: calc(80/1920*100vw);
    background: #F7D339;
    border-radius: calc(12/1920*100vw);
    margin-top: calc(40/1920*100vw);
    border: none;
    width: 100%;
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(28/1920*100vw);
    color: #091743;
}

.section4 .wrap .block2 .right .sideSet2 {
}

.section4 .wrap .block2 .right .sideSet2 .title {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(24/1920*100vw);
    color: #FFFFFF;
    line-height: calc(33/1920*100vw);
    padding-top: calc(23/1920*100vw);
    padding-bottom: calc(16/1920*100vw);
}

.section4 .wrap .block2 .right .sideSet2 .line {
    height: calc(12/1920*100vw);
    background: rgb(216 216 216 / 10%);
    border-radius: calc(6/1920*100vw);
    overflow: hidden;
    position: relative;
}

.section4 .wrap .block2 .right .sideSet2 .line i {
    display: block;
    height: 100%;
    border-radius: calc(300/1920*100vw);
    background: #F7D339;
}

.section4 .wrap .block2 .right .sideSet2 .dec {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(20/1920*100vw);
    color: #999999;
    line-height: calc(32/1920*100vw);
    text-align: left;
    font-style: normal;
    padding-top: calc(18/1920*100vw);
    padding-bottom: calc(32/1920*100vw);
}

.section4 .wrap .block2 .right .sideSet2 .dec p b {
    color: #F7D339;
    font-weight: normal;
}

.section4 .wrap .block2 .right .sideSet3 {
}

.section4 .wrap .block2 .right .sideSet3 .title {
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(24/1920*100vw);
    color: #FFFFFF;
    line-height: calc(33/1920*100vw);
    padding-bottom: calc(16/1920*100vw);
}

.section4 .wrap .block2 .right .sideSet3 .border {
    background: #212121;
    border-radius: calc(12/1920*100vw);
    background: #141519;
    border-radius: calc(12 / 1920* 100vw);
    border: calc(4/1920*100vw) solid #7631D5;
    overflow: hidden;
}

.section4 .wrap .block2 .right .sideSet3 .border .tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(16/1920*100vw);
    color: #666666;
    height: calc(59/1920*100vw);
    border-bottom: calc(1/1920*100vw) solid #333333;
    padding: 0px calc(30/1920*100vw);
}

.section4 .wrap .block2 .right .sideSet3 .border .tit .s1 {
}

.section4 .wrap .block2 .right .sideSet3 .border .tit .s2 {
}

.section4 .wrap .block2 .right .sideSet3 .border .itm:last-child {
    border: none;
}

.section4 .wrap .block2 .right .sideSet3 .border .itm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: calc(1/1920*100vw) solid #333333;
    padding: 0px calc(30/1920*100vw);
    height: calc(70/1920*100vw);
}

.section4 .wrap .block2 .right .sideSet3 .border .itm .s1 {
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(18/1920*100vw);
    color: #F7D339;
}

.section4 .wrap .block2 .right .sideSet3 .border .itm .s2 {
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(18/1920*100vw);
    color: #FFFFFF;
}

.alertmodel {
    position: fixed;
    left: 0;
    top: 0px;
    z-index: 555555;
    width: 100%;
    height: 100%;
    display: none;
}

.alertmodel .shadow {
    height: 100%;
    cursor: pointer;
    background: #000;
    opacity: .9;
}

.section6 .wrap {
    width: calc(1240/1920*100vw);
    margin: auto;
    /* max-width:90%;*/
    padding: 0;
}

.section6 {
    padding: 0;
    position: relative;
    z-index: 4;
    padding-bottom: calc(80/1920*100vw);
}

.section6 .title .s1 b {
    color: red;
}

.section6 .block1 .left .imgfile .title em {
    display: block;
    font-style: normal;
}

.section6 .content {
    background: #FFCF47;
    border-radius: calc(10/1920*100vw);
    padding-top: calc(50/1920*100vw);
    padding-right: calc(50/1920*100vw);
    padding-left: calc(50/1920*100vw);
    padding-bottom: calc(50/1920*100vw);
    background: linear-gradient(132deg,#FF5DFD,#B8C1C0,#65C0E0,#AEA2DB,#81C1D9);
    background: #212121;
    border-radius: 32px;
    border: calc(4/1920*100vw) solid #7631D5;
}

.section6 .block1 {
    zoom:1;overflow: hidden;
}

.section6 .block1 .left {
    float: left;
    width: calc(250/1920*100vw);
}

.section6 .title {
    font-family: Georgia;
    font-weight: normal;
    font-size: calc(24/1920*100vw);
    color: #fff;
    margin-bottom: calc(16/1920*100vw);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section6 .block1 .left .title .s1 {
}

.section6 .block1 .left .imgfile {
    height: calc(250/1920*100vw);
    background: #323232;
    border-radius: calc(10/1920*100vw);
    position: relative;
    overflow: hidden;
}

.section6 .block1 .left .imgfile .title {
    font-family: Georgia;
    font-weight: bold;
    font-size: calc(16/1920*100vw);
    color: #818181;
    line-height: calc(28/1920*100vw);
    position: absolute;
    display: block;
    margin: 0;
    padding-left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/limit.png) no-repeat center calc(68/1920*100vw);
    background-size: calc(55/1920*100vw);
    padding-top: calc(148/1920*100vw);
    text-align: center;
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(16/1920*100vw);
    color: #999999;
    line-height: calc(22/1920*100vw);
}

.section6 .block1 .left .imgfile .filesWrap {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.section6 .block1 .right {
    float: right;
    width: calc(850/1920*100vw);
}

.section6 .block1 .right .words {
    margin-bottom: calc(47/1920*100vw);
}

.section6 .block1 .right .title .s1 {
}

.section6 .block1 .right .title .s2 {
    font-size: calc(18/ 1920* 100vw);
    color: #999999;
}

.section6 .words {
    height: calc(80/1920*100vw);
    background: #000000;
    background: #323232;
    border-radius: 12px;
    border-radius: calc(10/1920*100vw);
    width: 100%;
    display: block;
    border: none;
    padding: 0 calc(20/1920*100vw);
    font-size: calc(20/1920*100vw);
    color: #fff;
}

.section6 .block2 {
}

.section6 .block2 .title {
}

.section6 .block2 .title .s1 em {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(16/1920*100vw);
    color: #999999;
    font-style: normal;
}

.section6 .block2 .title .s1 {
}

.section6 .block2 .title .s2 {
    color: #999999;
    font-size: calc(18/ 1920* 100vw);
}

.section6 .block2 .txt {
    height: calc(265/1920*100vw);
    background: #323232;
    border-radius: calc(10/1920*100vw);
    margin-bottom: calc(45/1920*100vw);
    resize: none;
    border: none;
    width: 100%;
    display: block;
    padding: calc(20/1920*100vw);
    font-size: calc(20/1920*100vw);
    color: #fff;
}

.section6 .block2 .words {
    margin-bottom: calc(26/1920*100vw);
}

.section6 .block2 .txtwrap {
    position: relative;
    overflow: hidden;
}

.section6 .block2 .txtwrap .words2 {
    padding-right: calc(140/1920*100vw);
}

.section6 .block2 .txtwrap .tit {
    position: absolute;
    right: 0;
    top: 0;
    font-family: Georgia;
    font-weight: bold;
    font-size: calc(20/1920*100vw);
    color: #FFFFFF;
    right: calc(23/1920*100vw);
    line-height: calc(98/1920*100vw);
}

.section6 .block2 .txtwrap .tit span {
    display: inline-block;
    vertical-align: middle;
}

.section6 .block2 .txtwrap .tit img {
    width: calc(34/1920*100vw);
    margin-left: calc(11/1920*100vw);
}

.section6 .block2 .send {
    width: 100%;
    height: calc(89/1920*100vw);
    background: #000000;
    border-radius: calc(10/1920*100vw);
    display: block;
    margin: auto;
    margin-top: calc(30/1920*100vw);
    border: none;
    font-family: Georgia;
    font-weight: bold;
    font-size: calc(20/1920*100vw);
    color: #fff;
    height: calc(80/1920*100vw);
    background: #7631D5;
    border-radius: calc(123/1920*100vw);
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(28/1920*100vw);
    color: #fff;
}

.section6 + .section3.type2 {
    margin-top: calc(70/1920*100vw);
}

.section6 .block2 .inputwords {
    height: calc(112/1920*100vw);
    background: #323232;
    border-radius: calc(12/1920*100vw);
    padding: calc(24/1920*100vw);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section6 .block2 .inputwords .lef {
}

.section6 .block2 .inputwords .lef .words {
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(24/1920*100vw);
    color: #fff;
    height: calc(32/1920*100vw);
    margin: 0;
    width: calc(320/1920*100vw);
    padding: 0px 0;
}

.section6 .block2 .inputwords .tit {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(16/1920*100vw);
    color: #666666;
    margin-top: calc(10/1920*100vw);
}

.section6 .block2 .inputwords .ris {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(24/1920*100vw);
    color: #FFFFFF;
    display: flex;
    align-items: center;
}

.section6 .block2 .inputwords .ris img {
    margin-left: calc(10/1920*100vw);
    width: calc(32/1920*100vw);
}

.section7 {
    text-align: center;
    padding-top: calc(184/1920*100vw);
    background: url(../images/yx.png) no-repeat center 0;
    background-size: calc(867/1920*100vw);
}

.section7 .wrap {
}

.section7 .wrap .title {
    font-size: calc(60/1920*100vw);
    line-height: 1.4;
}

.section7 .wrap .title img {
    height: calc(58/1920*100vw);
}

.section7 .wrap .icons {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding-top: calc(35/1920*100vw);
    padding-bottom: calc(48/1920*100vw);
    padding-left: calc(170/1920*100vw);
    padding-right: calc(170/1920*100vw);
}

.section7 .wrap .icons p {
    display: flex;
    align-items: center;
}

.section7 .wrap .icons p img {
    height: calc(47/1920*100vw);
    margin-right: calc(8/1920*100vw);
}

.section7 .wrap .icons p span {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(24/1920*100vw);
    color: #fff;
}

.alertmodel .center {
    width: calc(660/1920*100vw);
    background: #212121;
    border-radius: calc(12/1920*100vw);
    z-index: 3;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    padding: 0px calc(42/1920*100vw);
    padding-bottom: calc(50/1920*100vw);
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #141519;
    border-radius: calc(12 / 1920* 100vw);
    border: calc(4 / 1920* 100vw) solid #7631D5;
}

.alertmodel .center .close {
    width: calc(20/1920*100vw);
    height: calc(20/1920*100vw);
    background: url(../images/gb.png) no-repeat center center;
    background-size: 100%;
    cursor: pointer;
    right: calc(20/1920*100vw);
    top: calc(20/1920*100vw);
    position: absolute;
}

.alertmodel .center .title {
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(20/1920*100vw);
    color: #FFFFFF;
    line-height: calc(28/1920*100vw);
    padding-top: calc(50/1920*100vw);
    padding-bottom: calc(40/1920*100vw);
}

.alertmodel .center .btns {
    margin-top: calc(40/1920*100vw);
    margin-bottom: calc(60/1920*100vw);
    display: flex;
    align-items: center;
}

.alertmodel .center .btns .choose {
    margin-right: calc(16/1920*100vw);
    height: calc(50/1920*100vw);
    border-radius: calc(8/1920*100vw);
    background: #202125;
    overflow: hidden;
    display: flex;
    width: calc(100% - calc(140/1920*100vw));
}

.alertmodel .center .btns button.current {
    background: #7631D5;
    color: #fff;
    border-radius: calc(8/1920*100vw);
}

.alertmodel .center .btns button {
    flex: 1;
    height: 100%;
    border: none;
    background: none;
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(18/1920*100vw);
    color: #FFFFFF;
}

.alertmodel .center .btns .inputwords {
    width: calc(140/1920*100vw);
    height: calc(50/1920*100vw);
    background: #202125;
    border-radius: calc(8/1920*100vw);
    overflow: hidden;
    display: flex;
    align-items: center;
}

.alertmodel .center .btns .inputwords .words {
    width: calc(99/1920*100vw);
    border: none;
    background: none;
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(18/1920*100vw);
    color: #666666;
    color: #fff;
    padding: 0px calc(10/1920*100vw);
    text-align: center;
}

.alertmodel .center .btns .inputwords span {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(18/1920*100vw);
    color: #666666;
}

.alertmodel .center .send {
    height: calc(60/1920*100vw);
    background: #F7D339;
    border-radius: calc(12/1920*100vw);
    width: 100%;
    border: none;
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(24/1920*100vw);
    color: #091743;
}

.bggreen {
    height: calc(464/1920*100vw);
    background: #7631D5;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.section7 {
    position: relative;
}

.section7 .wrap {
    position: relative;
    z-index: 3;
}

.listTYpes1 {
    zoom:1;overflow: hidden;
}

.listTYpes1 .item:nth-child(3n) {
    margin-right: 0px;
}

.listTYpes1 .item {
    float: left;
    margin-right: calc(20/1920*100vw);
    width: calc((100% - calc(40/1920*100vw))/3);
    margin-bottom: calc(20/1920*100vw);
    height: calc(200/1920*100vw);
    background: #F3E8FF;
    border-radius: calc(12/1920*100vw);
    overflow: hidden;
    padding-right: calc(16/1920*100vw);
    border: rgba(255,228,137,1) 2px solid;
}

.listTYpes1 .item .imgbox {
    float: left;
    width: calc(200/1920*100vw);
    height: 100%;
    overflow: hidden;
}

.listTYpes1 .item .imgbox img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.listTYpes1 .item .right {
    float: left;
    width: calc(100% - calc(200/1920*100vw));
    height: 100%;
    position: relative;
    padding-left: calc(16/1920*100vw);
    padding-top: calc(16/1920*100vw);
}

.listTYpes1 .item .right .title2 .link a {
    margin-left: calc(16/1920*100vw);
}

.listTYpes1 .item .right .title2 .link a img {
    height: calc(18/1920*100vw);
}

.listTYpes1 .item .right .title2 {
    font-family: D-DINExp,D-DINExp;
    font-weight: bold;
    font-size: calc(16/1920*100vw);
    color: #333333;
    margin-bottom: calc(10/1920*100vw);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.listTYpes1 .item .right .dec {
    font-family: D,D;
    font-weight: normal;
    font-size: calc(14/1920*100vw);
    color: #999999;
    line-height: calc(16/1920*100vw);
}

.listTYpes1 .item .right .bottom {
    bottom: calc(16/1920*100vw);
    width: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    padding-left: calc(16/1920*100vw);
}

.listTYpes1 .item .right .bottom .title1 {
    font-family: D,D;
    font-weight: normal;
    font-size: calc(12/1920*100vw);
    color: #999999;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: calc(12/1920*100vw);
}

.listTYpes1 .item .right .bottom .title1 a {
    font-family: D,D;
    font-weight: normal;
    font-size: calc(12/1920*100vw);
    color: #7631D5;
    text-align: center;
    font-style: normal;
    text-decoration-line: underline;
}

.listTYpes1 .item .right .bottom .title3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: calc(12/1920*100vw);
}

.listTYpes1 .item .right .bottom .title3 .lf {
    font-family: D,D;
    font-weight: normal;
    font-size: calc(12/1920*100vw);
    color: #999999;
}

.listTYpes1 .item .right .bottom .title3 .rt {
    display: flex;
    align-items: center;
}

.listTYpes1 .item .right .bottom .title3 .rt em {
    font-family: D,D;
    font-weight: normal;
    font-size: calc(12 / 1920 * 100vw);
    color: #FFFFFF;
    line-height: calc(19 / 1920 * 100vw);
    background: url(../images/shang.png) no-repeat #00CC8D calc(8 / 1920 * 100vw) center;
    border-radius: calc(12 / 1920 * 100vw);
    padding: 0px calc(9 / 1920 * 100vw);
    display: inline-block;
    font-style: normal;
    padding-left: calc(18 / 1920 * 100vw);
    background-size: calc(8 / 1920 * 100vw);
}

.listTYpes1 .item .right .bottom .title3 .rt b {
    font-family: PingFangSC,PingFang SC;
    font-weight: 400;
    font-size: calc(14/1920*100vw);
    color: #333333;
    padding-left: calc(8/1920*100vw);
}

.listTYpes1 .item .right .bottom .title4 {
}

.listTYpes1 .item .right .bottom .lines i {
    background: linear-gradient(270deg,#7631D5 0%,#588DFF 100%);
    border-radius: 300px;
    width: 30%;
    display: block;
    height: 100%;
}

.listTYpes1 .item .right .bottom .lines {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.listTYpes1 .item .right .bottom .lines .val:after {
    /* content:"";*/
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    border-radius: 300px;
    left: 0;
    /* top:-1px;*/
}

.listTYpes1 .item .right .bottom .lines .val {
    height: calc(8/1920*100vw);
    /* background:linear-gradient( 270deg,#7631D5 0%,#588DFF 100%);*/
    border-radius: calc(6/1920*100vw);
    width: 100%;
    position: relative;
    border: none !important;
    background: rgb(255 255 255 / 50%);
    overflow: hidden;
}

.listTYpes1 .item .right .bottom .lines .tit {
    font-family: D,D;
    font-weight: normal;
    font-size: calc(12/1920*100vw);
    color: #333333;
    line-height: 1;
    padding-left: calc(7/1920*100vw);
}

.section8 {
}

.section8 .wrap {
    padding: 0px calc(249px / 1920 * 100vw);
}

.section8 .wrap> .title {
    text-align: center;
    font-size: calc(65 / 1920 * 100vw);
    color: #7631D5;
    padding-top: calc(181 / 1920 * 100vw);
    padding-bottom: calc(80 / 1920 * 100vw);
}

.section8 .block1 {
    padding-left: calc(148 / 1920 * 100vw);
    display: flex;
    align-items: center;
}

.section8 .block1 .icon img {
    width: calc(190 / 1920 * 100vw);
}

.section8 .block1 .right {
    padding-left: calc(46 / 1920 * 100vw);
}

.section8 .block1 .right .title b {
    font-family: D-DINExp,D-DINExp;
    font-weight: bold;
    font-size: calc(56 / 1920 * 100vw);
    color: #F7D339;
}

.section8 .block1 .right .title {
    font-family: D-DINExp,D-DINExp;
    font-weight: bold;
    font-size: calc(32 / 1920 * 100vw);
    color: #FFFFFF;
}

.section8 .block1 .right .desc {
    font-family: D-DINExp,D-DINExp;
    font-weight: bold;
    font-size: calc(32 / 1920 * 100vw);
    color: #FFFFFF;
    padding-top: calc(21 / 1920 * 100vw);
    padding-bottom: calc(18 / 1920 * 100vw);
}

.section8 .block1 .right .more {
    font-family: D,D;
    font-weight: normal;
    font-size: calc(24 / 1920 * 100vw);
    color: #7631D5;
    text-decoration: underline;
}

.section8 .block2 {
    font-family: D,D;
    font-weight: normal;
    font-size: calc(24 / 1920 * 100vw);
    color: #FF7B00;
    line-height: calc(32 / 1920 * 100vw);
    padding-top: calc(50 / 1920 * 100vw);
    padding-bottom: calc(24 / 1920 * 100vw);
    text-align: center;
}

.section8 .block2 p {
}

.section8 .block3 {
    background: #141519;
    border-radius: calc(12 / 1920 * 100vw);
    border: calc(4 / 1920 * 100vw) solid #7631D5;
    padding: calc(40 / 1920 * 100vw);
    margin-bottom: calc(40 / 1920 * 100vw);
}

.section8 .block3 .sec1 {
    display: flex;
    justify-content: space-between;
    padding-bottom: calc(24 / 1920 * 100vw);
}

.section8 .block3 .sec1 .lef {
}

.section8 .block3 .sec1 .lef .tit {
    font-family: D,D;
    font-weight: normal;
    font-size: calc(28 / 1920 * 100vw);
    color: #666666;
}

.section8 .block3 .sec1 .lef .val {
    font-family: D-DINExp,D-DINExp;
    font-weight: bold;
    font-size: calc(40 / 1920 * 100vw);
    color: #FFFFFF;
    padding-top: calc(16 / 1920 * 100vw);
}

.section8 .block3 .sec1 .ris {
    display: flex;
    align-items: center;
    background: #202125;
    border-radius: calc(8 / 1920 * 100vw);
    padding: calc(16 / 1920 * 100vw);
}

.section8 .block3 .sec1 .ris .icon img {
    width: calc(68 / 1920 * 100vw);
}

.section8 .block3 .sec1 .ris .txt {
    padding-left: calc(16 / 1920 * 100vw);
    padding-right: calc(45 / 1920 * 100vw);
}

.section8 .block3 .sec1 .ris .txt .tit {
    font-family: D,D;
    font-weight: normal;
    font-size: calc(20 / 1920 * 100vw);
    color: #666666;
}

.section8 .block3 .sec1 .ris .txt .val {
    font-family: D-DINExp,D-DINExp;
    font-weight: bold;
    font-size: calc(32 / 1920 * 100vw);
    color: #FFFFFF;
    padding-top: calc(8 / 1920 * 100vw);
}

.section8 .block3 .sec2 {
    display: flex;
}

.section8 .block3 .sec2 .item:nth-child(1) {
    margin-right: calc(24 / 1920 * 100vw);
}

.section8 .block3 .sec2 .item {
    background: #202125;
    border-radius: calc(8 / 1920 * 100vw);
    padding: calc(24 / 1920 * 100vw);
    width: calc((100% - calc(24 / 1920 * 100vw))/2);
    display: flex;
    align-items: center;
}

.section8 .block3 .sec2 .item .icon img {
    width: calc(80 / 1920 * 100vw);
}

.section8 .block3 .sec2 .item .txt {
    padding-left: calc(30 / 1920 * 100vw);
}

.section8 .block3 .sec2 .item .txt .tit {
    font-family: D,D;
    font-weight: normal;
    font-size: calc(20 / 1920 * 100vw);
    color: #666666;
    line-height: calc(22 / 1920 * 100vw);
}

.section8 .block3 .sec2 .item .txt .val {
    font-family: D-DINExp,D-DINExp;
    font-weight: bold;
    font-size: calc(32 / 1920 * 100vw);
    color: #FFFFFF;
    line-height: calc(35 / 1920 * 100vw);
    padding-top: calc(16 / 1920 * 100vw);
}

.section8 .block3 .sec2 .item .txt .addbg {
    padding-right: calc(30 / 1920 * 100vw);
    background: url(../images/ut.png) no-repeat right center;
    background-size: auto 100%;
}

.section8 .block4 {
    background: #141519;
    padding: calc(40 / 1920 * 100vw);
    background: #141519;
    border-radius: calc(12 / 1920 * 100vw);
    border: calc(4 / 1920 * 100vw) solid #7631D5;
    margin-bottom: calc(24 / 1920 * 100vw);
}

.section8 .block4 .tit {
    font-family: D,D;
    font-weight: normal;
    font-size: calc(28 / 1920 * 100vw);
    color: #666666;
    line-height: calc(30 / 1920 * 100vw);
    padding-bottom: calc(24 / 1920 * 100vw);
}

.section8 .block4 .textwords {
    height: calc(100 / 1920 * 100vw);
    background: #202125;
    border-radius: calc(8 / 1920 * 100vw);
    padding: calc(20 / 1920 * 100vw);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section8 .block4 .textwords .words {
    font-family: D-DINExp,D-DINExp;
    font-weight: bold;
    font-size: calc(32 / 1920 * 100vw);
    color: #fff;
    width: calc(600 / 1920 * 100vw);
    height: 100%;
    border: none;
    background: none;
}

.section8 .block4 .textwords .send {
    background: #7631D5;
    border-radius: calc(12 / 1920 * 100vw);
    width: calc(137 / 1920 * 100vw);
    height: calc(60 / 1920 * 100vw);
    border: none;
    font-family: D-DINExp,D-DINExp;
    font-weight: bold;
    font-size: calc(28 / 1920 * 100vw);
    color: #fff;
}

.section8 .block4 .textwords .disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: default;
    user-select: none;
}

.section8 .block5 {
    margin-bottom: calc(70 / 1920 * 100vw);
    display: flex;
}

.section8 .block5 .left img {
    width: calc(250 / 1920 * 100vw);
}

.section8 .block5 .left {
    border: calc(4 / 1920 * 100vw) solid #2DFC65;
    text-align: center;
    border-right: calc(4 / 1920 * 100vw) dashed rgb(45 252 101 / 50%);
    width: calc(320 / 1920 * 100vw);
    border-radius: calc(12 / 1920 * 100vw);
    padding-top: calc(21 / 1920 * 100vw);
    padding-bottom: calc(11 / 1920 * 100vw);
    border-color: #7631D5 !important;
}

.section8 .block5 .left .tit {
    font-family: D,D;
    font-weight: normal;
    font-size: calc(24 / 1920 * 100vw);
    color: #666666;
}

.section8 .block5 .left .val {
    font-family: D-DINExp,D-DINExp;
    font-weight: bold;
    font-size: calc(40 / 1920 * 100vw);
    color: #F7D339;
    padding-top: calc(12 / 1920 * 100vw);
    padding-bottom: calc(19 / 1920 * 100vw);
}

.section8 .block5 .right {
    border: calc(4 / 1920 * 100vw) solid #2DFC65;
    border-left: none;
    border-radius: calc(12 / 1920 * 100vw);
    padding: calc(40 / 1920 * 100vw);
    width: calc(100% - calc(320 / 1920 * 100vw));
    border-color: #7631D5 !important;
}

.section8 .block5 .right .tit {
    font-family: D,D;
    font-weight: normal;
    font-size: calc(28 / 1920 * 100vw);
    color: #666666;
}

.section8 .block5 .right .copy {
    font-family: D-DINExp,D-DINExp;
    font-weight: bold;
    font-size: calc(32 / 1920 * 100vw);
    color: #FFFFFF;
    margin-top: calc(16 / 1920 * 100vw);
    border: none;
    background: url(../images/copy.png) no-repeat right center;
    padding-right: calc(40 / 1920 * 100vw);
    background-size: calc(24 / 1920 * 100vw);
    word-break: break-all;
}

.section8 .block5 .right .line {
    height: calc(56 / 1920 * 100vw);
}

.listTYpes1 .item .right .bottom .title3 .rt em.xia,.section1 .wrap .right .ris .bottom .title3 .rt em.xia {
    background: url(../images/xia.png) no-repeat #FF2626 calc(8 / 1920 * 100vw) center;
    background-size: calc(8 / 1920 * 100vw);
}

.head .right .lan {
    position: relative;
    margin-left: calc(16/1920*100vw);
}

.head .right .lan .h2tit {
    width: calc(40/1920*100vw);
    height: calc(40/1920*100vw);
    border: calc(2/1920*100vw) solid rgba(107,0,255,1);
    border-radius: calc(300/1920*100vw);
    background: url(../images/lan.png) no-repeat center center;
    background-size: 58%;
    cursor: pointer;
}

.head .right .lan dl {
    position: absolute;
    width: calc(174/1920*100vw);
    background: #141519;
    border-radius: calc(16/1920*100vw);
    border: calc(2/1920*100vw) solid #7631D5;
    right: calc(1/1920*100vw);
    top: calc(69/1920*100vw);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}

.head .right .lan dd a {
    display: block;
    padding-left: calc(25/1920*100vw);
    font-family: PingFangSC,PingFang SC;
    font-weight: 600;
    font-size: calc(20/1920*100vw);
    color: #776BA1;
    line-height: calc(28/1920*100vw);
    line-height: 3;
}

.head .right .lan dd a.current {
    background: url(../images/cur.png) no-repeat calc(134/1920*100vw) center;
    background-size: calc(16/1920*100vw);
    color: #B17CFF;
}

.head .right .lan:hover dl {
    top: calc(59/1920*100vw);
    visibility: visible;
    opacity: 1;
    z-index: 5;
}

.section9 .wrap {
}

.section9 .wrap .back {
    font-family: D;
    font-weight: normal;
    font-size: calc(24/1920*100vw);
    color: #FFFFFF;
    padding-left: calc(32/1920*100vw);
    background: url(../images/back.png) no-repeat center left;
    background-size: calc(15/1920*100vw);
    margin-bottom: calc(37/1920*100vw);
    display: block;
}

.section9 .wrap .content1 {
    background: #141519;
    border-radius: calc(8/1920*100vw);
    padding-left: calc(149/1920*100vw);
    border: calc(4/1920*100vw) solid #7631D5;
    padding-top: calc(50/1920*100vw);
    padding-bottom: calc(50/1920*100vw);
}

.section9 .wrap .content1 .title {
    display: flex;
    position: relative;
    align-items: center;
}

.section9 .wrap .content1 .title img {
    position: absolute;
    left: calc(-84/1920*100vw);
    width: calc(63/1920*100vw);
}

.section9 .wrap .content1 .title span {
    font-family: D;
    font-weight: bold;
    font-size: calc(36/1920*100vw);
    color: #FFFFFF;
}

.section9 .wrap .content1 .copybtn {
    font-family: D;
    font-weight: normal;
    font-size: calc(24/1920*100vw);
    color: #FFFFFF;
    margin-top: calc(47/1920*100vw);
    border: none;
    margin-bottom: calc(50/1920*100vw);
    background: url(../images/copy1.png) no-repeat right center;
    padding-right: calc(46/1920*100vw);
    background-size: calc(34/1920*100vw);
}

.section9 .wrap .content1 .dec {
    font-family: D;
    font-weight: bold;
    font-size: calc(24/1920*100vw);
    color: #FFFFFF;
    text-transform: uppercase;
}

.section9 .wrap .content1 .log {
    width: calc(179/1920*100vw);
    height: calc(51/1920*100vw);
    border-radius: calc(15/1920*100vw);
    display: block;
    border: none;
    font-family: D;
    font-weight: normal;
    font-size: calc(20/1920*100vw);
    color: #FFFFFF;
    padding-left: calc(69/1920*100vw);
    text-align: left;
    margin-top: calc(47/1920*100vw);
    background: url(../images/log.png) no-repeat calc(36/1920*100vw) calc(20/1920*100vw) #7631D5;
    background-size: calc(20/1920*100vw);
}

.section9 .wrap .tab {
    margin-top: calc(48/1920*100vw);
    padding-bottom: calc(100/1920*100vw);
}

.section9 .wrap .tab .hd {
    background: #000000;
    border-radius: calc(8/1920*100vw);
    border: calc(2/1920*100vw) solid #383838;
    display: inline-block;
    font-size: 0;
    padding: calc(8/1920*100vw) calc(20/1920*100vw);
}

.section9 .wrap .tab .hd a {
    font-family: D;
    font-weight: normal;
    font-size: calc(24/1920*100vw);
    padding: 0 calc(19/1920*100vw);
    color: #FFFFFF;
    line-height: calc(50/1920*100vw);
    margin: 0 calc(16/1920*100vw);
    display: inline-block;
}

.section9 .wrap .tab .hd .current {
    background: linear-gradient(180deg,rgba(199,159,255,0.74),rgba(118,49,213,0.74));
    border-radius: calc(8/1920*100vw);
}

.section9 .wrap .tab .bd {
    margin-top: calc(30/1920*100vw);
}

.section9 .wrap .tab .bd .model {
    background: #141519;
    border-radius: calc(8/1920*100vw);
    padding: 0 calc(60/1920*100vw);
    min-height: calc(662/1920*100vw);
    position: relative;
}

.section9 .wrap .tab .bd .scroll {
    padding-bottom: calc(60/1920*100vw);
}

.section9 .wrap .tab .bd tr {
}

.section9 .wrap .tab .bd th:last-child,.section9 .wrap .tab .bd td:last-child {
    text-align: right;
}

.section9 .wrap .tab .bd th {
    font-family: D;
    font-weight: bold;
    font-size: calc(30/1920*100vw);
    color: #FFFFFF;
    height: calc(95/1920*100vw);
    text-align: left;
    border-bottom: calc(1/1920*100vw) solid #7631D5;
}

.section9 .wrap .tab .bd td .more2 {
    width: calc(27/1920*100vw);
    height: calc(28/1920*100vw);
    display: inline-block;
    background: url(../images/more6.png) no-repeat center center;
    background-size: 100%;
}

.section9 .wrap .tab .bd td {
    font-family: D;
    font-weight: bold;
    font-size: calc(24/1920*100vw);
    color: #FFFFFF;
    height: calc(95/1920*100vw);
    padding: calc(34/1920*100vw) 0;
}

.section9 .wrap .tab .bd .infor {
    display: flex;
    align-items: center;
}

.section9 .wrap .tab .bd .icon {
}

.section9 .wrap .tab .bd .icon img {
    width: calc(83/1920*100vw);
}

.section9 .wrap .tab .bd .rihg {
    padding-left: calc(14/1920*100vw);
}

.section9 .wrap .tab .bd td:nth-child(3),.section9 .wrap .tab .bd td:nth-child(2) .tit {
    font-size: calc(20/1920*100vw);
}

.section9 .wrap .tab .bd .tit {
    font-family: D;
    font-weight: bold;
    font-size: calc(30/1920*100vw);
    color: #FFFFFF;
    text-transform: uppercase;
}

.section9 .wrap .tab .bd .dec {
    font-family: D;
    font-weight: normal;
    font-size: calc(18/1920*100vw);
    color: #FFFFFF;
    font-weight: normal;
    padding-top: calc(14/1920*100vw);
}

.section9 .wrap .tab .bd .b1 {
    color: #85FF60;
}

.section9 .wrap .tab .bd .b2 {
    color: #FF0000;
    font-weight: normal;
}

.section9 .wrap .tab .bd .p1 {
    font-family: D;
    font-weight: normal;
    font-size: calc(28/1920*100vw);
    color: #FFFFFF;
    padding-bottom: calc(20/1920*100vw);
}

.section9 .wrap .tab .bd .p2 {
    font-family: D;
    font-weight: normal;
    font-size: calc(18/1920*100vw);
    color: #FFFFFF;
}

.section9 .wrap .tab .bd span {
}

.section9 .wrap .tab .bd .more {
    width: calc(41/1920*100vw);
    height: calc(41/1920*100vw);
    background: url(../images/more5.png) no-repeat center center;
    border-radius: calc(8/1920*100vw);
    display: inline-block;
    vertical-align: text-top;
    position: relative;
    top: calc(-3/1920*100vw);
    margin-left: calc(26/1920*100vw);
    background-size: 100%;
}

.section9 {
    padding-top: calc(174/1920*100vw);
}

.section9 .wrap .tab .bd .icon img.img2 {
    width: calc(46/1920*100vw);
}

.pagesize {
    /* padding-top:calc(185/1920*100vw); */
    text-align: center;
    font-size: 16px;
    color: #fff;
    bottom: calc(30/1920*100vw);
    left: 0;
    width: 100%;
    position: absolute;
}

.pagesize a {
    margin: 0px 10px;
    color: #fff;
}

.pagesize span {
}

.pagesize a.current {
    color: #7631D5;
}