.popupMask {
    z-index: 99997;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgb(0 0 0 / 15%)
}

.popupDiv {
    display: table;
    z-index: 99998;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.popupDiv .header .close {
    transition: all .3s
}

.popupDiv .header .close:hover {
    transform: rotate(90deg)
}

.popupDivIn {
    animation: popupDivAnimationIn .3s forwards
}

.popupDivOut {
    animation: popupDivAnimationOut .3s forwards
}

@keyframes popupDivAnimationIn {
    0% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0
    }
    to {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
    }
}

@keyframes popupDivAnimationOut {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
    }
    to {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0
    }
}

.popupMaskIn {
    animation: popupMaskAnimationIn .3s forwards
}

.popupMaskOut {
    animation: popupMaskAnimationOut .3s forwards
}

@keyframes popupMaskAnimationIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes popupMaskAnimationOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.toolTipDiv {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transform-origin: left top
}

.toolTipDivIn {
    animation: toolTipDivIn .2s forwards
}

.toolTipDivOut {
    animation: toolTipDivOut .2s forwards
}

@keyframes toolTipDivIn {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes toolTipDivOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(0)
    }
}

html, body {
    padding: 0;
    margin: 0;
    color: #333;
    background: #e4e4e4
}

h1, h2, h3, h4, h5, ul, li, strong {
    padding: 0;
    margin: 0;
    font-weight: 400
}

ul, li {
    list-style: none
}

i, em {
    font-style: normal
}

*:focus {
    outline: none
}

* {
    font-size: 16px;
    line-height: 1;
    -webkit-user-drag: none
}

a {
    text-decoration: none;
    cursor: pointer
}

@font-face {
    font-family: iconfont;
    src: url(/assets/iconfont-2d384b8d.woff2?t=1679629453861) format("woff2"), url(/assets/iconfont-da9fba5b.woff?t=1679629453861) format("woff"), url(/assets/iconfont-ba4d874b.ttf?t=1679629453861) format("truetype")
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-skype:before {
    content: "\e601"
}

.icon-nankefu:before {
    content: "\e635"
}

.icon-kefu:before {
    content: "\e60e"
}

.icon-shuangjiantou:before {
    content: "\e782"
}

.icon-jiaohuan:before {
    content: "\e6ba"
}

.icon-ego-menu:before {
    content: "\e605"
}

.icon-fanhuidingbu:before {
    content: "\e629"
}

.icon-telegram:before {
    content: "\eaf9"
}

.icon-jiantou:before {
    content: "\e665"
}

.icon-duihuan:before {
    content: "\e62f"
}

.icon-dingdan:before {
    content: "\e65c"
}

.icon-zhuanzhang:before {
    content: "\e904"
}

.icon-huojian:before {
    content: "\e64a"
}

.icon-guanbi:before {
    content: "\e600"
}

.icon-jia:before {
    content: "\e641"
}

.icon-jian:before {
    content: "\e643"
}

.icon-erweima:before {
    content: "\e74a"
}

.icon-fuzhi:before {
    content: "\e610"
}

.icon-wenhao:before {
    content: "\e69b"
}

.icon-yuyanqiehuan:before {
    content: "\e618"
}

.icon-gaoxiao:before {
    content: "\ed15"
}

.icon-anquan:before {
    content: "\e667"
}

.icon-jingji:before {
    content: "\e8d6"
}

.icon-xiajiantou:before {
    content: "\e642"
}

@media screen and (max-width: 600px) {
    .en .exchangeDiv .explain li, .en .faqDiv ul li span, .en .aboutDiv .introduce {
        text-align: left !important
    }

    .en .aboutDiv .list li i {
        margin-top: 2vw
    }

    .en .aboutDiv .list li span {
        line-height: 1.5
    }

    .en .headDiv .nav span {
        width: 42vw
    }

    .en .faqDiv ul li {
        height: 60vw
    }

    .en .faqDiv ul li:nth-child(3) h4 {
        line-height: 1.3
    }

    .en .faqDiv ul li:nth-child(3) span {
        margin-top: 18vw
    }

    .en .coinExchangeDiv h3, .en .coinExchangeDiv h4 {
        line-height: 1.5
    }

    .en .headDiv {
        width: 60vw;
        right: -60vw
    }
}

@media screen and (min-width: 600px) {
    .en .exchangeDiv .explain li {
        text-align: left !important;
        line-height: 1.3;
        padding-bottom: 15px
    }

    .en .headDiv .nav span {
        padding: 0 12px
    }
}

@media screen and (min-width: 600px) {
    .isMobile {
        display: none !important
    }
}

.popupDiv {
    border-radius: 10px;
    padding: 20px;
    background: #f5f5f5;
    overflow: hidden
}

.popupDiv {
    box-shadow: 0 4px 12px #00000026;
    min-width: 200px
}

.popupDiv .header {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 15px
}

.popupDiv .header h3 {
    flex: 1;
    font-weight: 700
}

.popupDiv .header .close {
    cursor: pointer;
    color: #999;
    font-size: 18px
}

.popupDiv .header .close:hover {
    color: #f5a623
}

.popupDiv .body {
    padding-bottom: 15px
}

.popupDiv .buttons {
    display: flex;
    justify-content: end
}

.popupDiv .buttons button {
    border: 0;
    background: #353daa;
    color: #fff;
    height: 40px;
    margin-left: 10px;
    padding: 0 20px
}

.popupDiv .buttons button {
    color: #fff;
    border-radius: 5px;
    cursor: pointer
}

.popupDiv .buttons button.cancel {
    background: #cccccc
}

.pageWidth {
    width: 1200px;
    margin: auto;
    display: table
}

#scrollBox {
    width: 100 wv;
    /* height: 100vh; */
    overflow: hidden;
    overflow-y: scroll
}

#scrollBox::-webkit-scrollbar {
    width: 12px
}

#scrollBox::-webkit-scrollbar-track {
    background-color: #e2e2e2
}

#scrollBox::-webkit-scrollbar-thumb {
    background: #aaaaaa;
    border-radius: 5px;
    box-shadow: inset 0 0 6px #0000004d
}

.qrPopup {
    text-align: center;
    padding: 20px 0 0
}

.qrPopup img {
    width: 150px;
    height: 150px
}

.qrPopup a {
    display: block;
    border: 0;
    background: #353daa;
    width: 140px;
    height: 40px;
    border-radius: 8px
}

.qrPopup a {
    color: #fff;
    margin: 20px auto 0;
    cursor: pointer;
    line-height: 40px
}

.servicePopup {
    padding: 10px;
    width: 460px
}

.servicePopup h3 {
    padding: 20px 0 30px;
    font-size: 24px;
    text-align: center
}

.servicePopup .items {
    display: flex;
    width: 460px;
    margin: auto
}

.servicePopup .items li {
    flex: 1
}

.servicePopup .items li em {
    display: block;
    background: #01aeef;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: auto
}

.servicePopup .items li em {
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 32px
}

.servicePopup .items li span {
    display: block;
    margin: 10px 0;
    text-align: center;
    font-size: 18px
}

.servicePopup .items li button {
    display: block;
    border: 0;
    background: #353daa;
    width: 140px;
    height: 40px;
    border-radius: 8px
}

.servicePopup .items li button {
    color: #fff;
    margin: 20px auto 0;
    cursor: pointer
}

.servicePopup .items li:first-child {
    border-right: 1px solid #eee
}

.headDivArea {
    height: 70px
}

.headDiv {
    height: 70px;
    margin: auto;
    border-bottom: 1px solid #ffffff30;
    width: calc(100vw - 12px)
}

.headDiv {

    position: fixed;
    top: 0;
    left: 0px;
    background-color: transparent;
    transition: all 1s;
    z-index: 99
}

.headDiv.sticky {
    background-color: #322392;
    border-color: #322392
}

.headDiv .pageWidth {
    display: flex
}

.headDiv .logo {
    padding-right: 50px
}

.headDiv .logo img {
    height: 42px;
    width: 136.7px;
    margin-top: 15px
}

.headDiv .nav {
    display: flex;
    flex: 1
}

.headDiv .nav span {
    display: flex;
    height: 67px;
    border-bottom: 3px solid #ffffff00;
    padding: 0 15px;
    margin-right: 20px
}

.headDiv .nav span {
    color: #fff;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s
}

.headDiv .nav span:hover {
    color: #b8b5d8
}

.headDiv .nav span.cur {
    border-color: #fff
}

.headDiv .nav span.service i {
    font-size: 20px;
    margin-right: 5px
}

.headDiv .nav .batch {
    color: #ff0;
    font-weight: 700;
    border-color: #ff0 !important
}

.headDiv .nav .batch:hover {
    color: #ff0
}

.headDiv .lang {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #b8b5d8;
    height: 32px;
    cursor: pointer
}

.headDiv .lang {
    border: 1px solid #b8b5d8;
    border-radius: 30px;
    padding: 0 10px;
    margin-top: 18px
}

.headDiv .lang .iconfont {
    margin-right: 5px;
    font-size: 18px
}

.headDiv .lang:hover {
    color: #fff
}

.home .firstScreen {
    display: table;
    width: 100%
}

.home .firstScreen {
    background-image: url(/image/bg.jpg);
    background-position: top center;
    background-repeat: no-repeat
}

.home .mainTitle {
    height: 230px;
    color: #fff;
    text-align: center
}

.home .mainTitle h3 {
    font-size: 42px;
    padding-top: 70px
}

.home .mainTitle h4 {
    font-size: 28px;
    padding-top: 20px
}

.zh .enSlider, .en .zhSlider {
    display: none
}

@keyframes roll {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}


.sliderDiv {
    margin-bottom: 20px !important;
    background: #ffffff;
    border-radius: 10px
}

.sliderDiv {
    box-shadow: 0 6px 24px #1718207f;
    cursor: default
}

.sliderDiv .slider {
    width: 1160px;
    margin: auto;
    height: 50px;
    overflow: hidden
}

.sliderDiv .slider ul {
    white-space: nowrap;
    display: table;
    -webkit-animation: 30s roll linear infinite normal;
    animation: 30s roll linear infinite normal;
}

.sliderDiv .slider ul li {
    display: inline-block;
    white-space: nowrap
}

.sliderDiv .slider ul li h3, .sliderDiv .slider ul li span {
    display: inline-block;
    line-height: 50px;
    font-size: 18px
}

.sliderDiv .slider ul li h3 {
    font-weight: 700;
    color: #970790;
    margin-left: 50px
}

.exchangeDiv {
    background-color: #f7f7f7;
    box-shadow: 0 6px 24px #1718201a;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px
}

.exchangeDiv .form {
    display: flex;
    box-sizing: border-box;
    padding: 30px 0
}

.exchangeDiv .form .item {
    flex: 1;
    padding: 0 30px
}

.exchangeDiv .form .item:nth-child(1) {
    flex: 4
}

.exchangeDiv .form .item:nth-child(2) {
    flex: 5;
    border: 1px solid #eee;
    border-top: 0;
    border-bottom: 0
}

.exchangeDiv .form .item:nth-child(3) {
    flex: 5
}

.exchangeDiv .form h5 {
    font-size: 20px;
    margin-bottom: 30px
}

.exchangeDiv .form h5 i {
    display: inline-block;
    background: #f5a623;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    margin-right: 5px
}

.exchangeDiv .form h5 i {
    font-size: 18px;
    color: #fff;
    font-weight: 700
}

.exchangeDiv .form h5 i {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.exchangeDiv .form li {
    display: table;
    padding-bottom: 30px;
    width: 100%;
    position: relative
}

.exchangeDiv .form li strong {
    display: block;
    color: #53556c;
    font-size: 18px;
    margin-bottom: 20px
}

.exchangeDiv .form li strong {
    align-items: center;
    font-weight: 700
}

.exchangeDiv .form li strong i {
    background: #e7e6e6;
    border-radius: 50%;
    padding: 3px;
    margin-left: 5px;
    cursor: pointer
}

.exchangeDiv .form li strong i {
    color: #777a9c;
    font-size: 12px;
    position: relative
}

.exchangeDiv .form li strong em {
    color: #777a9c;
    font-size: 14px
}

.exchangeDiv .form li strong .toolTipDiv {
    background: rgb(23 24 32 / 70%);
    padding: 10px;
    border-radius: 5px
}

.exchangeDiv .form li strong .toolTipDiv {
    left: 30px;
    top: -5px;
    cursor: default;
    z-index: 55;
    width: 240px
}

.exchangeDiv .form li strong .toolTipDiv {
    color: #fff;
    font-size: 14px;
    text-align: justify;
    line-height: 1.3
}

.exchangeDiv .form li strong .toolTipDiv:after {
    content: "";
    position: absolute;
    left: -14px;
    top: 8px
}

.exchangeDiv .form li strong .toolTipDiv:after {
    content: "";
    border-style: solid;
    border-width: 5px 7px 5px 7px
}

.exchangeDiv .form li strong .toolTipDiv:after {
    border-color: transparent rgb(23 24 32 / 70%) transparent transparent
}

.exchangeDiv .form li .input {
    background: #e7e6e6;
    height: 42px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 0 15px
}

.exchangeDiv .form li .input {
    display: inline-flex;
    align-items: center;
    border-radius: 5px
}

.exchangeDiv .form li .input input {
    flex: 1;
    background: #e7e6e6;
    border: 0;
    height: 40px;
    font-size: 18px;
    margin-right: 15px
}

.exchangeDiv .form li .input input::placeholder {
    color: #c4c6d9;
    font-size: 16px
}

.exchangeDiv .form li .input i {
    font-size: 18px;
    color: #777a9c
}

.exchangeDiv .form li .input em {
    color: #f5a623
}

.exchangeDiv .form li .input button {
    border: 0;
    background: #cbcbcc;
    height: 34px;
    width: 34px;
    margin-right: 5px;
    border-radius: 5px
}

.exchangeDiv .form li .input button {
    color: #444;
    cursor: pointer;
    transition: all .3s
}

.exchangeDiv .form li .input button:hover {
    color: #fff;
    background: #4a53c6
}

.exchangeDiv .form li .dayInput {
    align-items: center
}

.exchangeDiv .form li .dayInput input {
    border: 0;
    height: 40px;
    background: #e7e6e6;
    width: 80px;
    border-radius: 5px;
    margin: 0 5px 0 0
}

.exchangeDiv .form li .dayInput input {
    font-size: 18px;
    text-align: center
}

.exchangeDiv .form li .dayInput span i {
    color: #f5a623;
    font-size: 22px;
    font-weight: 700
}

.exchangeDiv .form li .daySelect {
    font-size: 18px;
    height: 40px;
    padding: 0 5px;
    border: 0;
    border-radius: 5px;
    background: #e7e6e6
}

.exchangeDiv .form li .disabled {
    background: #e7e6e6;
    height: 42px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px
}

.exchangeDiv .form li .disabled {
    align-items: center;
    border-radius: 5px;
    line-height: 42px
}

.exchangeDiv .form li .disabled {
    font-size: 16px;
    color: #777a9c
}

.exchangeDiv .form li .disabled i {
    color: #f5a623
}

.exchangeDiv .form li .disabled i.copyBut {
    float: right;
    margin-top: 12px;
    font-size: 20px
}

.exchangeDiv .form li .info {
    display: block;
    margin-top: 10px;
    color: #777a9c;
    font-size: 14px;
    height: 14px
}

.exchangeDiv .form li .info i {
    color: #f5a623;
    font-size: 14px
}

.exchangeDiv .form li .info.saved i {
    font-size: 18px;
    font-weight: 700;
    color: red
}

.exchangeDiv .form li .money {
    color: #f5a623;
    height: 43px
}

.exchangeDiv .form li .money span {
    font-size: 40px
}

.exchangeDiv .form li .money em {
    font-size: 24px
}

.exchangeDiv .form li .money i {
    font-size: 18px;
    color: #999;
    margin-left: 10px;
    cursor: pointer
}

.exchangeDiv .form li .money i:hover {
    color: #666
}

.exchangeDiv .form ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 10px
}

.exchangeDiv .form li .address span {
    font-size: 12px;
    flex: 1;
    color: #111
}

.exchangeDiv .form li .address i {
    cursor: pointer
}

.exchangeDiv .form li strong i.qr {
    padding: 0;
    color: #777a9c;
    font-size: 16px
}

.exchangeDiv .form .currency {
    position: absolute;
    top: -5px;
    right: 0
}

.exchangeDiv .form .currency {
    border: 1px solid #692dd8;
    border-radius: 15px;
    overflow: hidden
}

.exchangeDiv .form .currency span {
    width: 60px;
    text-align: center
}

.exchangeDiv .form .currency span {
    display: inline-block;
    padding: 0;
    cursor: pointer;
    font-size: 14px
}

.exchangeDiv .form .currency span.cur {
    background: #692dd8;
    color: #fff;
    height: 30px;
    line-height: 30px
}

.exchangeDiv .explain {
    padding: 20px 0 0
}

.exchangeDiv .explain h5 {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 700;
    margin-top: 5px
}

.exchangeDiv .explain ul {
    padding: 10px 0 0 20px;
    list-style: initial
}

.exchangeDiv .explain li {
    display: list-item;
    list-style: initial;
    list-style-type: disc;
    padding-bottom: 15px
}

.exchangeDiv .explain li {
    font-size: 16px;
    line-height: 1.5;
    color: #777a9c;
    text-align: justify
}

.exchangeDiv .explain ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.exchangeDiv .form li .energyBalance {
    font-size: 22px;
    font-weight: 700;
    color: #ff7b00
}

.coinExchangeDiv {
    margin-bottom: 50px;
    margin-top: 10px
}

.coinExchangeDiv .main {
    background: #f7f7f7;
    box-shadow: 0 6px 24px #1718201a;
    border-radius: 10px
}

.coinExchangeDiv h3 {
    padding: 50px 0 20px;
    text-align: center;
    font-size: 28px;
    font-weight: 700
}

.coinExchangeDiv h4 {
    padding: 0;
    text-align: center;
    font-size: 18px;
    color: #f5a623
}

.coinExchangeDiv .items {
    display: flex;
    margin: 60px auto 30px;
    width: 1100px
}

.coinExchangeDiv .info {
    margin: 0 0 0 30px;
    width: 600px
}

.coinExchangeDiv .info .form {
    display: flex;
    padding-right: 50px
}

.coinExchangeDiv .info .form .input {
    flex: 1
}

.coinExchangeDiv .info .form .input span {
    display: block;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: center
}

.coinExchangeDiv .info .form .input input {
    background: #e7e6e6;
    border: 0;
    height: 50px;
    width: 100%;
    box-sizing: border-box
}

.coinExchangeDiv .info .form .input input {
    border-radius: 5px;
    padding: 0 10px;
    font-size: 20px;
    text-align: center
}

.coinExchangeDiv .info .form .input input::placeholder {
    color: #c4c6d9;
    font-size: 20px
}

.coinExchangeDiv .info .form .input.num2 input {
    color: #f5a623
}

.coinExchangeDiv .info .form .icon {
    width: 100px;
    position: relative
}

.coinExchangeDiv .info .form .icon .switch {
    display: block;
    background: #692dd8;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer
}

.coinExchangeDiv .info .form .icon .switch {
    position: absolute;
    left: 30px;
    top: -10px;
    opacity: .7
}

.coinExchangeDiv .info .form .icon .switch:hover {
    opacity: 1
}

.coinExchangeDiv .info .form .icon .switch {
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 40px
}

.coinExchangeDiv .info .form .icon .arrow {
    display: block;
    border-radius: 50%;
    margin-top: 45px
}

.coinExchangeDiv .info .form .icon .arrow {
    font-size: 24px;
    color: #b3b3b9;
    text-align: center;
    line-height: 40px
}

.coinExchangeDiv .note {
    margin: 0 30px 30px 80px
}

.coinExchangeDiv .note h5 {
    font-size: 18px;
    margin: 20px 0;
    font-weight: 700
}

.coinExchangeDiv .note span {
    display: block;
    line-height: 1.5;
    color: #777a9c
}

.coinExchangeDiv .pay {
    padding-left: 50px;
    width: 400px;
    border-left: 1px solid #eee
}

.coinExchangeDiv .pay h5 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px
}

.coinExchangeDiv .pay h5 .qr {
    cursor: pointer;
    font-size: 20px;
    color: #777a9c
}

.coinExchangeDiv .pay .address {
    background: #e7e6e6;
    height: 42px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px
}

.coinExchangeDiv .pay .address {
    align-items: center;
    border-radius: 5px;
    line-height: 42px
}

.coinExchangeDiv .pay .address span {
    font-size: 14px;
    color: #111
}

.coinExchangeDiv .pay .address i {
    color: #f5a623;
    float: right;
    margin-top: 12px;
    font-size: 20px;
    cursor: pointer
}

.newsListDiv {
    background: #322392;
    position: relative;
    overflow: hidden
}

.newsList {
    position: relative;
    display: table;
    max-width: 1440px;
    min-width: 1200px;
    margin: auto;
    padding-bottom: 80px
}

.newsList .logo {
    position: absolute;
    opacity: .1;
    width: 400px;
    height: 461px
}

.newsList .logo_left {
    left: -150px;
    top: -200px
}

.newsList .logo_right {
    right: -150px;
    bottom: -200px
}

.newsList .list {
    width: 1200px;
    margin: auto;
    padding-top: 80px
}

.newsList .list h3 {
    color: #fff;
    font-size: 42px;
    text-align: center
}

.newsList .list ul {
    margin-top: 60px
}

.newsList .list li {
    display: block;
    display: flex;
    width: 100%;
    height: 50px
}

.newsList .list li.header {
    background: #322392
}

.newsList .list li.header span {
    font-weight: 700;
    font-size: 16px
}

.newsList .list li {
    background: #5e4cd4;
    border-bottom: 1px solid #ffffff35
}

.newsList .list li:nth-child(2n) {
    background: #4f3ebe
}

.newsList .list li span {
    flex: 1;
    line-height: 50px;
    color: #fff;
    font-size: 14px
}

.newsList .list li span a {
    color: #fff
}

.newsList .list li span.address {
    flex: none;
    width: 450px;
    margin-left: 40px
}

.aboutDiv {
    display: table;
    width: 100%;
    padding-bottom: 50px;
    background: #f8f8f8
}

.aboutDiv h3 {
    margin: 100px 0;
    font-size: 42px;
    text-align: center
}

.aboutDiv .icons {
    margin: auto;
    display: flex;
    width: 800px;
    justify-content: space-between
}

.aboutDiv .icons li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 300px
}

.aboutDiv .icons li i {
    margin: auto;
    background: #e7e6e6;
    border-radius: 20px
}

.aboutDiv .icons li i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px
}

.aboutDiv .icons li i {
    color: #692dd8;
    font-size: 48px
}

.aboutDiv .icons li span {
    margin: 30px auto auto;
    font-size: 22px;
    color: #53556c
}

.aboutDiv .introduce {
    width: 1000px;
    margin: 60px auto auto;
    text-align: justify
}

.aboutDiv .introduce {
    font-size: 18px;
    color: #777a9c;
    line-height: 1.8
}

.aboutDiv .list {
    width: 1000px;
    margin: 50px auto
}

.aboutDiv .list li {
    display: flex;
    justify-content: left;
    width: 300px
}

.aboutDiv .list li {
    float: left;
    width: 500px;
    margin-bottom: 40px
}

.aboutDiv .list li i {
    color: #c8cbee
}

.aboutDiv .list li span {
    padding-left: 10px;
    font-size: 18px;
    color: #777a9c
}

.faqDiv {
    width: 100%;
    background: #f5f5f5;
    display: table;
    padding-bottom: 20px
}

.faqDiv h3 {
    margin: 60px 0;
    font-size: 42px;
    text-align: center
}

.faqDiv ul {
    display: block;
    width: 1200px;
    margin: auto
}

.faqDiv ul li {
    float: left;
    width: 560px;
    height: 300px;
    background: #ffffff;
    padding: 30px 50px;
    margin-bottom: 40px
}

.faqDiv ul li {
    border-radius: 10px;
    position: relative;
    box-sizing: border-box;
    cursor: default;
    overflow: hidden
}

.faqDiv ul li {
    border-bottom: 8px solid #c8cbee;
    transition: all .4s
}

.faqDiv ul li:nth-child(2n) {
    margin-left: 80px
}

.faqDiv ul li:hover {
    box-shadow: 0 6px 32px #1718201a;
    border-bottom-color: #692dd8
}

.faqDiv ul li i {
    color: #692dd8;
    background: #f1f1f1;
    width: 80px;
    height: 80px;
    font-size: 40px
}

.faqDiv ul li i {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.faqDiv ul li em {
    position: absolute;
    color: #f4f5fc;
    font-size: 200px;
    right: -50px;
    top: -50px
}

.faqDiv ul li h4 {
    color: #35364b;
    font-size: 20px;
    margin: 30px 0 20px
}

.faqDiv ul li span {
    color: #53556c;
    font-size: 18px;
    line-height: 1.8
}

.footDiv {
    background: #35364b;
    text-align: center;
    padding: 20px;
    color: #fff
}

.serviceFloat {
    position: fixed;
    bottom: 150px;
    right: 30px;
    width: 80px;
    height: 80px;
    background: #ffffff;
    border-radius: 10px
}

.serviceFloat {
    cursor: pointer;
    text-align: center;
    box-shadow: inset 0 0 16px #692dd85b;
    opacity: .8;
    z-index: 99
}

.serviceFloat:hover {
    opacity: 1
}

.serviceFloat i {
    display: block;
    color: #692dd8;
    font-size: 38px;
    margin-top: 10px
}

.serviceFloat span {
    display: block;
    font-size: 12px;
    margin-top: 5px
}

.toTop {
    position: fixed;
    bottom: -70px;
    right: 30px;
    width: 50px;
    height: 50px;
    opacity: 0
}

.toTop {
    display: flex;
    justify-content: center;
    align-items: center
}

.toTop {
    background: #575859c7;
    border-radius: 50%;
    cursor: pointer
}

.toTop:hover {
    background: #575859
}

.toTop i {
    color: #fff;
    font-size: 20px
}

.toTopIn {
    animation: toTopIn .3s forwards
}

.toTopOut {
    animation: toTopOut .3s forwards
}

@keyframes toTopIn {
    0% {
        opacity: 0;
        bottom: -70px
    }
    to {
        opacity: 1;
        bottom: 20px
    }
}

@keyframes toTopOut {
    0% {
        opacity: 1;
        bottom: 20px
    }
    to {
        opacity: 0;
        bottom: -70px
    }
}

@keyframes faceIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes faceOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.msgDiv {
    background-color: #00000080;
    color: #fff;
    padding: 15px 20px;
    border-radius: 10px;
    font-size: 16px
}

.msgDiv {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999
}

@keyframes msgDivAnimation {
    0% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0
    }
    10% {
        transform: translate(-50%, -50%);
        opacity: 1
    }
    90% {
        transform: translate(-50%, -50%);
        opacity: 1
    }
    to {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0
    }
}

.batchExchangeDiv {
    background-color: #f7f7f7;
    box-shadow: 0 6px 24px #1718201a;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px
}

.batchExchangeDiv .form {
    display: flex;
    box-sizing: border-box;
    padding: 30px 0
}

.batchExchangeDiv .form .item {
    flex: 1;
    padding: 0 30px
}

.batchExchangeDiv .form .item:nth-child(2) {
    flex: 1.1;
    border: 1px solid #eee;
    border-top: 0;
    border-bottom: 0
}

.batchExchangeDiv .form h5 {
    font-size: 20px;
    margin-bottom: 30px
}

.batchExchangeDiv .form h5 i {
    display: inline-block;
    background: #692dd8;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    margin-right: 5px
}

.batchExchangeDiv .form h5 i {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    margin-right: 10px
}

.batchExchangeDiv .form h5 i {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.batchExchangeDiv .form li {
    display: table;
    padding-bottom: 30px;
    width: 100%;
    position: relative
}

.batchExchangeDiv .form li strong {
    display: block;
    color: #53556c;
    font-size: 18px;
    margin-bottom: 20px
}

.batchExchangeDiv .form li strong {
    align-items: center;
    font-weight: 700
}

.batchExchangeDiv .form li strong i {
    background: #e7e6e6;
    border-radius: 50%;
    padding: 3px;
    margin-left: 5px;
    cursor: pointer
}

.batchExchangeDiv .form li strong i {
    color: #777a9c;
    font-size: 12px;
    position: relative
}

.batchExchangeDiv .form li strong em {
    color: #777a9c;
    font-size: 14px
}

.batchExchangeDiv .form li strong b {
    color: #f5a623;
    font-size: 18px
}

.batchExchangeDiv .form li .input {
    background: #e7e6e6;
    height: 42px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 0 15px
}

.batchExchangeDiv .form li .input {
    display: inline-flex;
    align-items: center;
    border-radius: 5px
}

.batchExchangeDiv .form li .input input {
    flex: 1;
    background: #e7e6e6;
    border: 0;
    height: 40px;
    font-size: 18px;
    margin-right: 15px
}

.batchExchangeDiv .form li .input input::placeholder {
    color: #c4c6d9;
    font-size: 16px
}

.batchExchangeDiv .form li .input i {
    font-size: 18px;
    color: #777a9c
}

.batchExchangeDiv .form li .input em {
    color: #f5a623
}

.batchExchangeDiv .form li .dayInput {
    align-items: center
}

.batchExchangeDiv .form li .dayInput input {
    border: 0;
    height: 40px;
    background: #e7e6e6;
    width: 80px;
    border-radius: 5px;
    margin: 0 10px
}

.batchExchangeDiv .form li .dayInput input {
    font-size: 16px;
    text-align: center;
    padding: 0
}

.batchExchangeDiv .form li .dayInput span i {
    color: #f5a623;
    font-size: 22px;
    font-weight: 700
}

.batchExchangeDiv .form li .daySelect {
    font-size: 18px;
    height: 40px;
    padding: 0 5px;
    border: 0;
    border-radius: 5px;
    background: #e7e6e6
}

.batchExchangeDiv .form li .daySelect {
    margin: 0 10px
}

.batchExchangeDiv .form li .disabled {
    background: #e7e6e6;
    height: 42px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px
}

.batchExchangeDiv .form li .disabled {
    align-items: center;
    border-radius: 5px;
    line-height: 42px
}

.batchExchangeDiv .form li .disabled {
    font-size: 16px;
    color: #777a9c
}

.batchExchangeDiv .form li .disabled i {
    color: #f5a623
}

.batchExchangeDiv .form li .disabled i.copyBut {
    float: right;
    margin-top: 12px;
    font-size: 20px
}

.batchExchangeDiv .form li .info {
    display: block;
    margin-top: 10px;
    color: #777a9c;
    font-size: 16px;
    height: 14px
}

.batchExchangeDiv .form li .info i {
    color: #f5a623;
    font-size: 14px
}

.batchExchangeDiv .form li .info.saved i {
    font-size: 18px;
    font-weight: 700;
    color: red
}

.batchExchangeDiv .form li .money {
    color: #f5a623;
    height: 43px
}

.batchExchangeDiv .form li .money span {
    font-size: 40px
}

.batchExchangeDiv .form li .money span em {
    font-size: 24px
}

.batchExchangeDiv .form li .money i {
    font-size: 18px;
    color: #999;
    margin-left: 10px;
    cursor: pointer
}

.batchExchangeDiv .form li .money i:hover {
    color: #666
}

.batchExchangeDiv .form ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 10px
}

.batchExchangeDiv .form li .address span {
    font-size: 14px;
    flex: 1;
    color: #111
}

.batchExchangeDiv .form li .address i {
    cursor: pointer
}

.batchExchangeDiv .form li strong i.qr {
    padding: 0;
    color: #777a9c;
    font-size: 16px
}

.batchExchangeDiv .form .energyTotal {
    font-size: 18px
}

.batchExchangeDiv .form .energyTotal i {
    font-size: 18px;
    color: #f5a623
}

.batchExchangeDiv .form .energyTotal span {
    font-size: 32px;
    color: #f5a623
}

.batchExchangeDiv .form .energyTotal em {
    font-size: 18px
}

.batchExchangeDiv .form .currency {
    position: absolute;
    top: -6px;
    left: 110px
}

.batchExchangeDiv .form .currency {
    border: 1px solid #692dd8;
    border-radius: 15px;
    overflow: hidden
}

.batchExchangeDiv .form .currency span {
    width: 60px;
    text-align: center
}

.batchExchangeDiv .form .currency span {
    display: inline-block;
    padding: 0;
    cursor: pointer;
    font-size: 14px
}

.batchExchangeDiv .form .currency span.cur {
    background: #692dd8;
    color: #fff;
    height: 30px;
    line-height: 30px
}

.batchExchangeDiv .form li .addressList {
    height: 230px;
    padding: 0
}

.batchExchangeDiv .form li .addressList textarea {
    border: 0;
    height: 210px;
    width: 100%;
    background: #e7e6e6;
    border-radius: 5px;
    margin: 0 10px
}

.batchExchangeDiv .form li .addressList textarea {
    font-size: 16px;
    padding: 0;
    line-height: 1.5;
    font-family: auto;
    resize: none
}

.batchExchangeDiv .form li .addressList textarea::placeholder {
    color: #c4c6d9;
    font-size: 16px
}

.batchExchangeDiv .submit {
    border: 0;
    background: #692dd8;
    height: 50px;
    width: 200px;
    border-radius: 8px;
    margin-top: 10px;
    letter-spacing: 2px
}

.batchExchangeDiv .submit {
    width: 280px;
    color: #fff;
    cursor: pointer;
    transition: all .3s;
    font-size: 18px;
    font-weight: 700
}

.batchExchangeDiv .submit:hover {
    background: #8346f3
}

.batchExplain {
    background-color: #f7f7f7;
    box-shadow: 0 6px 24px #1718201a;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px
}

.batchExplain {
    padding: 30px;
    box-sizing: border-box
}

.batchExplain h5 {
    font-size: 18px;
    margin: 5px 0 20px;
    font-weight: 700
}

.batchExplain ul {
    padding: 10px 0 0 20px;
    list-style: initial
}

.batchExplain li {
    display: list-item;
    list-style: initial;
    list-style-type: disc;
    padding-bottom: 15px
}

.batchExplain li {
    font-size: 16px;
    line-height: 1.5;
    color: #777a9c;
    text-align: justify
}

.batchExplain ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.batchSubmitPopup {
    width: 550px
}

.batchSubmitPopup h3 {
    font-size: 20px;
    text-align: center;
    margin: 10px 0 30px
}

.batchSubmitPopup h3 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px
}

.batchSubmitPopup h3 span {
    font-size: 24px
}

.batchSubmitPopup h3 i {
    margin: 0 10px;
    font-size: 24px;
    color: #f5a623;
    font-weight: 700
}

.batchSubmitPopup ul li {
    margin: 20px 10px;
    font-size: 17px
}

.batchSubmitPopup ul strong {
    display: inline-block;
    width: 120px;
    text-align: right
}

.batchSubmitPopup ul li.money span {
    font-size: 24px;
    color: #f5a623;
    font-weight: 700
}

.batchSubmitPopup ul li.money span em {
    font-size: 18px
}

.batchSubmitPopup ul li.address span {
    font-size: 14px;
    display: inline-block;
    background: #e7e6e6
}

.batchSubmitPopup ul li.address span {
    padding: 10px;
    border-radius: 5px;
    margin-right: 10px
}

.batchSubmitPopup ul li.address i {
    font-size: 24px;
    color: #f5a623;
    cursor: pointer
}

.batchSubmitPopup ul li.address i.qr {
    color: #333;
    margin-left: 10px
}

.hui {
    margin-left: 16px;
    font-size: 16px !important;
    color: red;
    font-weight: 700;
    border: 1px solid;
    padding: 3px;
    border-radius: 5px
}

@media screen and (max-width: 600px) {
    * {
        font-size: 4vw
    }

    .isPc {
        display: none !important
    }

    #scrollBox::-webkit-scrollbar {
        width: 0px
    }

    .popupDiv .header h3 {
        font-size: 4.5vw
    }

    .servicePopup {
        padding: 0;
        width: 80vw
    }

    .servicePopup h3 {
        padding: 5vw 0 9vw;
        font-size: 4.5vw;
        font-weight: 700
    }

    .servicePopup .items {
        width: 80vw
    }

    .servicePopup .items li em {
        width: 15vw;
        height: 15vw
    }

    .servicePopup .items li em {
        line-height: 15vw;
        text-align: center;
        color: #fff;
        font-size: 9vw
    }

    .servicePopup .items li span {
        margin: 4vw 0;
        font-size: 4vw
    }

    .servicePopup .items li button {
        width: 32vw;
        height: 10vw;
        border-radius: 2vw
    }

    .servicePopup .items li button {
        margin: 5vw auto 0
    }

    .pageWidth {
        width: 100vw
    }

    .mobileHeader {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        transition: all 1s
    }

    .mobileHeader {
        height: 13vw;
        width: 100vw;
        border-bottom: 1px solid #ffffff30
    }

    .mobileHeader.sticky {
        background-color: #322392;
        border-color: #281f80
    }

    .mobileHeader .logo {
        text-align: left;
        padding-left: 5vw
    }

    .mobileHeader .logo img {
        height: 6vw;
        margin-top: 3.5vw
    }

    .mobileHeader .menu {
        position: absolute;
        right: 3vw;
        top: 3vw
    }

    .mobileHeader .menu i {
        color: #ffffffd7;
        font-size: 7vw
    }

    .sliderDiv {
        margin-bottom: 5vw !important;
        border-radius: 0;
        box-shadow: none
    }

    .sliderDiv {
        background-color: #ffffffb2
    }

    .sliderDiv .slider {
        width: 96vw;
        height: 13vw
    }

    .sliderDiv .slider ul li h3, .sliderDiv .slider ul li span {
        line-height: 13vw;
        font-size: 5vw
    }

    .sliderDiv .slider ul li h3 {
        margin-left: 5vw
    }

    .headDivArea {
        height: 13vw
    }

    .headDiv {
        position: fixed;
        width: 50vw;
        background: #322392;
        height: auto;
        border: 0;
        z-index: 9999999
    }

    .headDiv {
        margin: 0;
        right: -50vw;
        top: 0;
        bottom: 0;
        left: auto;
        transition: all .5s
    }

    .headDiv.sticky {
        background-color: #322392
    }

    .headDiv .pageWidth {
        display: flex;
        flex-direction: column;
        width: 50vw
    }

    .headDiv .logo {
        padding: 0;
        text-align: center
    }

    .headDiv .logo img {
        height: auto;
        width: 38vw;
        margin: 8vw 0 0
    }

    .headDiv .nav {
        display: flex;
        flex-direction: column;
        margin: 5vw 0 0
    }

    .headDiv .nav span {
        height: 15vw;
        padding: 0;
        margin: 0 auto 2vw;
        width: 35vw
    }

    .headDiv .lang {
        height: 12vw;
        margin: auto;
        border-radius: 6vw;
        padding: 0;
        margin-top: 5vw;
        width: 38vw
    }

    .headDiv .lang .iconfont {
        margin-right: 1vw;
        font-size: 5vw
    }

    .mobileMenuMask {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 9999998
    }

    .mobileMenuMask {
        background: #0000002a;
        transition: all .5s;
        display: none;
        opacity: 0
    }

    .home .firstScreen {
        background-image: url(/image/bg_mobile.jpg);
        background-size: auto 40vh;
        width: 100vw;
        display: block
    }

    .home .mainTitle {
        height: 40vw;
        width: 100vw
    }

    .home .mainTitle h3 {
        font-size: 8vw;
        padding-top: 10vw
    }

    .home .mainTitle h4 {
        font-size: 5vw;
        padding-top: 5vw
    }

    .exchangeDiv {
        box-shadow: none;
        border-radius: 0;
        margin-bottom: 3vw;
        width: 100vw
    }

    .exchangeDiv .form {
        padding: 5vw 0;
        display: block
    }

    .exchangeDiv .form .item {
        display: block;
        padding: 0 5vw;
        box-sizing: border-box;
        width: 100vw
    }

    .exchangeDiv .form .item:nth-child(2) {
        border: 0
    }

    .exchangeDiv .form h5, .exchangeDiv .dayDiv {
        display: none !important
    }

    .exchangeDiv .form ul {
        padding: 3vw 0 5vw
    }

    .exchangeDiv .form li {
        display: block;
        padding-bottom: 5vw
    }

    .exchangeDiv .form li strong {
        font-size: 5vw;
        margin-bottom: 4vw;
        font-weight: 700
    }

    .exchangeDiv .form li strong i {
        padding: 1vw;
        margin-left: 1vw;
        font-size: 3vw
    }

    .exchangeDiv .form li strong em {
        font-size: 4vw;
        font-weight: 400
    }

    .exchangeDiv .form li strong .toolTipDiv {
        padding: 3vw;
        border-radius: 1vw
    }

    .exchangeDiv .form li strong .toolTipDiv {
        left: 8vw;
        top: -1vw;
        width: 40vw
    }

    .exchangeDiv .form li strong .toolTipDiv {
        font-size: 4vw
    }

    .exchangeDiv .form li .info.saved i .exchangeDiv .form li .input {
        height: 11vw;
        padding: 0 0 0 3vw;
        border-radius: 2vw
    }

    .exchangeDiv .form li .input input {
        flex: 1;
        height: calc(11vw - 2px);
        font-size: 4.8vw;
        margin-right: 2vw;
        box-sizing: border-box
    }

    .exchangeDiv .form li .input input::placeholder {
        font-size: 4.2vw
    }

    .exchangeDiv .form li .input i, .exchangeDiv .form li .input em {
        font-size: 4.8vw
    }

    .exchangeDiv .form li .input button {
        height: 9vw;
        width: 9vw;
        margin-right: 1vw;
        border-radius: 1.2vw;
        padding: 0
    }

    .exchangeDiv .form li .dayInput input {
        height: 11vw;
        width: 20vw;
        border-radius: 1vw;
        margin: 0 2vw 0 0
    }

    .exchangeDiv .form li .dayInput input {
        font-size: 4vw
    }

    .exchangeDiv .form li .dayInput span i {
        font-size: 5.5vw
    }

    .exchangeDiv .form li .disabled {
        height: 11vw;
        padding: 0 0 0 3vw;
        border-radius: 2vw;
        font-size: 4.2vw
    }

    .exchangeDiv .form li .disabled i, .exchangeDiv .form li .disabled em {
        font-size: 4.2vw
    }

    .exchangeDiv .form li .info {
        margin-top: 3vw;
        font-size: 4vw;
        height: 4vw
    }

    .exchangeDiv .form li .info i {
        font-size: 4vw
    }

    .exchangeDiv .form li .info.saved i {
        font-size: 6vw
    }

    .exchangeDiv .form .mondyDiv {
        background: #f3f3f3;
        padding-top: 5vw
    }

    .exchangeDiv .form li .money {
        height: 11vw
    }

    .exchangeDiv .form li .money span {
        font-size: 11vw
    }

    .exchangeDiv .form li .money span em {
        font-size: 6vw
    }

    .exchangeDiv .form li .money i {
        font-size: 6vw;
        margin-left: 5vw
    }

    .exchangeDiv .form li .address {
        background: #ffffff
    }

    .exchangeDiv .form li .address span {
        font-size: 3vw;
        flex: 1
    }

    .exchangeDiv .form li .address i {
        font-size: 6vw;
        margin-right: 4vw
    }

    .exchangeDiv .form li strong i.qr {
        font-size: 5vw
    }

    .exchangeDiv .form .currency {
        top: -1.2vw;
        right: 0
    }

    .exchangeDiv .form .currency {
        border-radius: 4vw
    }

    .exchangeDiv .form .currency span {
        display: inline-block;
        padding: 0;
        width: 16vw;
        text-align: center;
        font-size: 4vw
    }

    .exchangeDiv .form .currency span.cur {
        height: 8vw;
        line-height: 8vw
    }

    .exchangeDiv .explain h5 {
        font-size: 6vw;
        margin: 8vw 0 4vw;
        display: block !important
    }

    .exchangeDiv .explain h5 {
        text-align: center
    }

    .exchangeDiv .explain ul {
        padding-left: 5vw
    }

    .exchangeDiv .explain li {
        font-size: 4.2vw;
        line-height: 1.5;
        text-align: justify;
        display: list-item
    }

    .exchangeDiv .explain li {
        margin-bottom: 4vw;
        padding: 0
    }

    .exchangeDiv .form li .energyBalance {
        font-size: 5.5vw
    }

    .coinExchangeDiv {
        margin-bottom: 8vw;
        margin-top: 8vw
    }

    .coinExchangeDiv .main {
        box-shadow: none;
        border-radius: 0
    }

    .coinExchangeDiv h3 {
        padding: 10vw 0 5vw;
        font-size: 6.5vw
    }

    .coinExchangeDiv h4 {
        font-size: 4vw
    }

    .coinExchangeDiv .items {
        margin: 10vw auto 15vw;
        width: 100vw;
        display: block
    }

    .coinExchangeDiv .info {
        margin: 0;
        width: 90vw;
        margin-left: 5vw
    }

    .coinExchangeDiv .info .form {
        padding: 0
    }

    .coinExchangeDiv .info .form .input span {
        font-size: 6vw;
        margin-bottom: 5vw
    }

    .coinExchangeDiv .info .form .input input {
        height: 13vw
    }

    .coinExchangeDiv .info .form .input input {
        border-radius: 2vw;
        padding: 0;
        font-size: 5vw
    }

    .coinExchangeDiv .info .form .input input::placeholder {
        font-size: 5vw
    }

    .coinExchangeDiv .info .form .icon {
        width: 20vw
    }

    .coinExchangeDiv .info .form .icon .switch {
        width: 12vw;
        height: 12vw;
        border-radius: 50%;
        left: 4vw;
        top: -3vw
    }

    .coinExchangeDiv .info .form .icon .switch {
        font-size: 8vw;
        line-height: 12vw
    }

    .coinExchangeDiv .info .form .icon .arrow {
        margin-top: 12vw;
        font-size: 6vw
    }

    .coinExchangeDiv .pay {
        padding: 0;
        width: 90vw;
        border: 0;
        margin-left: 5vw
    }

    .coinExchangeDiv .pay h5 {
        font-size: 6vw;
        margin: 6vw 0 4vw
    }

    .coinExchangeDiv .pay h5 .qr {
        font-size: 5.5vw;
        margin-left: 1vw
    }

    .coinExchangeDiv .pay .address {
        height: 12vw;
        padding: 0 3vw;
        border-radius: 2vw;
        line-height: 12vw
    }

    .coinExchangeDiv .pay .address span {
        font-size: 3.2vw
    }

    .coinExchangeDiv .pay .address i {
        margin-top: 3.5vw;
        font-size: 6vw;
        cursor: pointer
    }

    .coinExchangeDiv .note {
        width: 90vw;
        margin: auto
    }

    .coinExchangeDiv .note h5 {
        font-size: 5vw;
        margin: 7vw 0 3vw;
        font-weight: 700
    }

    .coinExchangeDiv .note span {
        width: auto;
        line-height: 1.5;
        font-size: 4.5vw
    }

    .newsList {
        max-width: auto;
        min-width: auto;
        width: 100vw;
        margin: 0;
        padding-bottom: 10vw
    }

    .newsList .logo {
        width: 50vw;
        height: auto
    }

    .newsList .logo_left {
        left: -20vw;
        top: -20vw
    }

    .newsList .logo_right {
        right: -20vw;
        bottom: -20vw
    }

    .newsList .list {
        width: 96vw;
        padding-top: 8vw
    }

    .newsList .list h3 {
        font-size: 7vw
    }

    .newsList .list ul {
        margin-top: 8vw
    }

    .newsList .list li {
        height: 12vw
    }

    .newsList .list li.header span, .newsList .list li span {
        font-size: 4vw
    }

    .newsList .list li span.hash {
        display: none
    }

    .newsList .list li span.address {
        flex: none;
        width: 50vw;
        margin-left: 4vw
    }

    .aboutDiv {
        padding-bottom: 10vw
    }

    .aboutDiv h3 {
        margin: 10vw 0;
        font-size: 7vw
    }

    .aboutDiv .icons {
        width: 90vw
    }

    .aboutDiv .icons li {
        width: 30vw
    }

    .aboutDiv .icons li i {
        border-radius: 15vw
    }

    .aboutDiv .icons li i {
        width: 22vw;
        height: 22vw
    }

    .aboutDiv .icons li i {
        font-size: 10vw
    }

    .aboutDiv .icons li span {
        font-size: 5vw;
        margin-top: 5vw
    }

    .aboutDiv .introduce {
        width: 90vw;
        margin-top: 10vw
    }

    .aboutDiv .introduce {
        font-size: 4.2vw;
        color: #777a9c;
        line-height: 1.8
    }

    .aboutDiv .list {
        width: 90vw;
        margin: 10vw auto
    }

    .aboutDiv .list li {
        width: 100%;
        margin-bottom: 5vw
    }

    .aboutDiv .list li i {
        font-size: 4vw
    }

    .aboutDiv .list li span {
        padding-left: 3vw;
        font-size: 4.2vw
    }

    .faqDiv {
        width: 100vw;
        padding-bottom: 5vw
    }

    .faqDiv h3 {
        margin: 10vw 0;
        font-size: 7vw
    }

    .faqDiv ul {
        width: 90vw
    }

    .faqDiv ul li {
        float: none;
        width: 100%;
        height: 55vw;
        padding: 7vw;
        margin-bottom: 5vw;
        border-radius: 4vw
    }

    .faqDiv ul li {
        border-bottom-width: 3vw
    }

    .faqDiv ul li:nth-child(2n) {
        margin-left: 0
    }

    .faqDiv ul li i {
        display: none
    }

    .faqDiv ul li em {
        font-size: 45vw;
        right: -17vw;
        top: -17vw
    }

    .faqDiv ul li h4 {
        position: absolute;
        font-size: 5vw;
        margin: 2vw 0 5vw;
        font-weight: 700
    }

    .faqDiv ul li span {
        position: absolute;
        font-size: 4.2vw;
        margin-top: 12vw;
        width: 75vw;
        text-align: justify
    }

    .footDiv {
        padding: 4vw 0
    }

    .serviceFloat {
        position: fixed;
        bottom: 4vw;
        right: 4vw;
        width: 12vw;
        height: 12vw;
        border-radius: 50%
    }

    .serviceFloat i {
        font-size: 7vw;
        margin-top: 2.5vw
    }

    .serviceFloat span {
        display: none
    }

    .toTop {
        bottom: -70px;
        right: 4vw;
        width: 12vw;
        height: 12vw
    }

    .toTop {
        background: #5758599a
    }

    .toTop:hover {
        background: #575859de
    }

    .toTop i {
        font-size: 5.5vw
    }

    .toTopIn {
        animation: toTopIn .3s forwards
    }

    .toTopOut {
        animation: toTopOut .3s forwards
    }

    @keyframes toTopIn {
        0% {
            opacity: 0;
            bottom: -70px
        }
        to {
            opacity: 1;
            bottom: 20vw
        }
    }@keyframes toTopOut {
         0% {
             opacity: 1;
             bottom: 20vw
         }
         to {
             opacity: 0;
             bottom: -70px
         }
     }.batchExchangeDiv {
          box-shadow: none;
          border-radius: 0;
          margin-bottom: 5vw
      }

    .batchExchangeDiv .form {
        flex-direction: column;
        padding: 5vw 0
    }

    .batchExchangeDiv .form .item {
        padding: 0 5vw
    }

    .batchExchangeDiv .form .item:nth-child(2) {
        flex: auto;
        border: 0;
        border-bottom: 1px solid #eee
    }

    .batchExchangeDiv .form h5 {
        font-size: 5vw;
        margin-bottom: 5vw
    }

    .batchExchangeDiv .form h5 i {
        width: 8vw;
        height: 8vw;
        border-radius: 2vw;
        margin-right: 1vw
    }

    .batchExchangeDiv .form h5 i {
        font-size: 4.2vw;
        margin-right: 1vw
    }

    .batchExchangeDiv .form li {
        padding-bottom: 8vw
    }

    .batchExchangeDiv .form li strong {
        font-size: 4.8vw;
        margin-bottom: 5vw
    }

    .batchExchangeDiv .form li strong b {
        color: #f5a623;
        font-size: 5vw
    }

    .batchExchangeDiv .form li .input {
        height: 7.2vh;
        padding: 0 0 0 2vw;
        border-radius: 1vw
    }

    .batchExchangeDiv .form li .input input {
        height: 7vh;
        font-size: 5vw;
        margin-right: 2vw
    }

    .batchExchangeDiv .form li .input input::placeholder {
        color: #c4c6d9;
        font-size: 4.5vw
    }

    .batchExchangeDiv .form li .input i {
        font-size: 18px;
        color: #777a9c
    }

    .batchExchangeDiv .form li .input em {
        color: #f5a623
    }

    .batchExchangeDiv .form li .dayInput input {
        height: 7vh;
        width: 18vw;
        border-radius: 2vw;
        margin: 0 1vw;
        font-size: 4vw
    }

    .batchExchangeDiv .form li .dayInput span i {
        font-size: 6vw
    }

    .batchExchangeDiv .form li .daySelect {
        font-size: 4.5vw;
        height: 7vh;
        padding: 0 1vw;
        border: 0;
        border-radius: 1vw
    }

    .batchExchangeDiv .form li .daySelect {
        margin: 0 1vw
    }

    .batchExchangeDiv .form li .disabled {
        height: 12vw;
        padding: 0 3vw;
        border-radius: 2vw;
        line-height: 12vw;
        font-size: 4.5vw
    }

    .batchExchangeDiv .form li .disabled i.copyBut {
        margin-top: 3vw;
        font-size: 6vw
    }

    .batchExchangeDiv .form li .info {
        margin-top: 2vw;
        font-size: 4vw;
        height: 5vw
    }

    .batchExchangeDiv .form li .info i {
        color: #f5a623;
        font-size: 5vw
    }

    .batchExchangeDiv .form li .info.saved i {
        font-size: 6vw
    }

    .batchExchangeDiv .form li .money {
        height: 13vw
    }

    .batchExchangeDiv .form li .money span {
        font-size: 8vw
    }

    .batchExchangeDiv .form li .money span em {
        font-size: 6vw
    }

    .batchExchangeDiv .form li .money i {
        font-size: 6vw;
        margin-left: 2vw
    }

    .batchExchangeDiv .form ul li:last-child {
        padding-bottom: 7vw
    }

    .batchExchangeDiv .form li .address span {
        font-size: 3.5vw
    }

    .batchExchangeDiv .form li strong i.qr {
        font-size: 5vw
    }

    .batchExchangeDiv .form .energyTotal {
        font-size: 4.5vw
    }

    .batchExchangeDiv .form .energyTotal i {
        font-size: 5vw
    }

    .batchExchangeDiv .form .energyTotal span {
        font-size: 7vw
    }

    .batchExchangeDiv .form .energyTotal em {
        font-size: 4.5vw
    }

    .batchExchangeDiv .form .currency {
        top: -1vw;
        left: auto;
        right: 3vw
    }

    .batchExchangeDiv .form .currency {
        border-radius: 5vw
    }

    .batchExchangeDiv .form .currency span {
        width: 15vw;
        font-size: 4vw
    }

    .batchExchangeDiv .form .currency span.cur {
        height: 8vw;
        line-height: 8vw
    }

    .batchExchangeDiv .form li .addressList {
        height: 50vw
    }

    .batchExchangeDiv .form li .addressList textarea {
        height: 45vw;
        border-radius: 1vw;
        margin: 0 1vw
    }

    .batchExchangeDiv .form li .addressList textarea {
        font-size: 4.5vw
    }

    .batchExchangeDiv .form li .addressList textarea::placeholder {
        color: #c4c6d9;
        font-size: 4vw
    }

    .batchExchangeDiv .submit {
        display: block;
        height: 15vw;
        width: 90vw;
        border-radius: 2vw;
        margin: 0 auto 5vw
    }

    .batchExchangeDiv .submit {
        color: #fff;
        cursor: pointer;
        transition: all .3s;
        font-size: 18px;
        font-weight: 700
    }

    .batchExchangeDiv .submit:hover {
        background: #8346f3
    }

    .batchExplain {
        box-shadow: none;
        border-radius: 0;
        margin-bottom: 5vw;
        padding: 5vw
    }

    .batchExplain h5 {
        font-size: 4.5vw;
        margin: 3vw 0
    }

    .batchExplain ul {
        padding: 1vw 0 0 5vw
    }

    .batchExplain li {
        padding-bottom: 3vw;
        font-size: 4.2vw
    }

    .batchSubmitPopup {
        width: 80vw
    }

    .batchSubmitPopup h3 {
        font-size: 6vw;
        text-align: center;
        margin: 2vw 0 0
    }

    .batchSubmitPopup h3 span {
        display: block;
        font-size: 6vw;
        margin-bottom: 5vw
    }

    .batchSubmitPopup h3 i {
        margin: 0 2vw;
        font-size: 7vw
    }

    .batchSubmitPopup ul li {
        margin: 5vw 0;
        font-size: 6vw
    }

    .batchSubmitPopup ul strong {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 5vw
    }

    .batchSubmitPopup ul li.money span {
        display: block;
        text-align: center;
        font-size: 8vw
    }

    .batchSubmitPopup ul li.money span em {
        font-size: 18px
    }

    .batchSubmitPopup ul li.address {
        text-align: center
    }

    .batchSubmitPopup ul li.address span {
        font-size: 3.5vw;
        display: block;
        text-align: center
    }

    .batchSubmitPopup ul li.address span {
        padding: 4vw 0;
        border-radius: 1vw;
        margin: 0
    }

    .batchSubmitPopup ul li.address i {
        display: inline-block;
        font-size: 8vw;
        margin-top: 4vw
    }

    .batchSubmitPopup ul li.address i.qr {
        margin-left: 8vw
    }

    .messageBox {
        display: none;
        position: fixed;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        padding: 10px 20px;
        background-color: #333;
        color: #fff;
        border-radius: 5px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    }
}