* {
    font-family: 微软雅黑;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
body, html {
    color: #333;
    background: #EFF3F6;
}
p {
    display: block;
    /* margin-block-start: 1em;
    margin-block-end: 1em; */
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: textfield;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 2px;
    border-width: 2px;
    border-style: inset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
}
input, button, select, textarea {
    outline: none;
}
ul, li {
    list-style: none;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
img {
    display: block;
}
span {
    font-size: 14px;
}
#app {
    font-family: Avenir,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
}
:root {
    --swiper-navigation-size: 44px;
}
:root {
    --swiper-theme-color: #007aff;
}
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}
::-webkit-scrollbar-track {
    background: #e5e5e5;
    border-radius: 2px;
}
.video_wrap {
    cursor: pointer;
}
.visitor .video_wrap .setNum[data-1], .visitor .video_wrap .setNum p[data-1]:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: flex;
    align-items: center;
}
.visitor[data-1] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.7);
    z-index: 10001;
}
.visitor .contain[data-1] {
    width: 1280px;
    height: 861px;
    margin: 0 auto;
}
.visitor.cssauto .contain[data-1] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.visitor .video_wrap[data-1] {
    width: 100%;
    height: 640px;
    position: relative;
    margin: 0 auto;
}
.visitor .video_wrap .video[data-1] {
    height: 100%;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
}
.visitor .video_wrap .video[data-1] video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.visitor .video_wrap .setNum[data-1] {
    height: 32px;
    width: 380px;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    z-index: 10000000;
    color: #fff;
    line-height: 32px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.visitor .video_wrap .setNum p[data-1]:last-child {
    padding: 0 10px;
    height: 25px;
    border-radius: 10px;
    background: rgba(0,0,0,.7);
    line-height: 25px;
    margin-left: 15px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -14.5px;
    color: #999;
    font-size: 14px;
}
.visitor .video_wrap .setNum p:first-child img[data-1] {
    width: 15px;
    height: 15px;
    margin-right: 7px;
    margin-top: -2px;
}
.visitor .video_wrap .setNum p:first-child img[data-1] {
    width: 15px;
    height: 15px;
    margin-right: 7px;
    margin-top: -2px;
}


.closecss[data-1] {
    width: 30px;
    height: 30px;
    background: rgba(0,0,0,.5);
    font-size: 28px;
    color: #fff;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100000000000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}
.closecss img[data-1] {
    width: 16px;
    height: 16px;
}


.visitor .visitor-info .gameinfo[data-1], .visitor .visitor-info[data-1] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.visitor .visitor-info[data-1] {
    width: 100%;
    height: 221px;
    background: #fff;
    border-radius: 0 0 0 20px;
    padding-top: 20px;
    padding-bottom: 32px;
    padding-left: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.visitor .visitor-info .gameinfo[data-1] {
    border-right: 1px solid #e8e8e8;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 52px;
    margin-right: 52px;
}
.visitor .visitor-info .gameinfo .info-item[data-1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}
.visitor .visitor-info .gameinfo .info-item .icon[data-1] {
    width: 68px;
    height: 68px;
}
.visitor .visitor-info .gameinfo .info-item .icon img[data-1] {
    width: 100%;
    height: 100%;
}
.visitor .visitor-info .gameinfo .info-item .title[data-1] {
    margin-left: 13px;
}
.visitor .visitor-info .gameinfo .info-item .title .subject[data-1] {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #222;
    margin-bottom: 14px;
}

.title_val[data-1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.title_val p[data-1]:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.title_val span[data-1] {
    display: block;
    width: 64px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    border: 1px solid #fe8359;
    border-radius: 3px;
    color: #fe8359;
    margin-right: 8px;
}
.title_val span[data-1]:last-child {
    color: #fb3021;
    border-color: #fb3021;
}
.title_val p[data-1]:last-child {
    font-size: 14px;
    color: #999;
    margin-left: 2px;
}
.visitor .visitor-info .gameinfo .grade[data-1] {
    margin-top: 10px;
    /* margin-bottom: 10px; */
}
.visitor .visitor-info .gameinfo .grade .stare[data-1], .visitor .visitor-info .gameinfo .grade[data-1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.visitor .visitor-info .gameinfo .grade .stare p[data-1]:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.visitor .visitor-info .gameinfo .service p span[data-1].time{
    color: #fb3021;
    font-size: 16px;
    font-weight: 700;
    margin-right: 5px;
}
.visitor .visitor-info .card-wrap[data-1] {
    padding-right: 50px;
    border-right: 1px solid #e8e8e8;
}
.visitor .visitor-info .card-wrap .title[data-1] {
    color: #222;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 16px;
}
.visitor .visitor-info .card-wrap .card[data-1] {
    width: 241px;
    height: 62px;
    background: url(../imges/card.png) no-repeat;
    background-size: 100% 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
}
.visitor .visitor-info .card-wrap .card .left[data-1] {
    width: 33px;
    height: 35px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #fb3021;
    margin-left: 16px;
    margin-right: 32px;
}
.visitor .visitor-info .card-wrap .card .right[data-1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.visitor .visitor-info .card-wrap .card .right p[data-1] {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #fff;
}
.visitor .visitor-info .card-wrap .card .right p[data-1]:first-child {
    font-size: 14px;
    font-weight: 700;
}


.visitor .visitor-info .login[data-1] {
    padding-left: 50px;
}
.visitor .visitor-info .login .other .other-title[data-1], .visitor .visitor-info .login .other[data-1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.visitor .visitor-info .login .other[data-1] {
    margin-bottom: 14px;
}
.visitor .visitor-info .login .other .other-title[data-1], .visitor .visitor-info .login .other[data-1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.visitor .visitor-info .login .other .other-title .val[data-1] {
    font-size: 18px;
    color: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
}
.visitor .visitor-info .login .other .other-title .val[data-1]:first-child {
    margin-right: 14px;
}
.visitor .visitor-info .login .other .other-title .val div[data-1] {
    width: 24px;
    height: 24px;
    margin-right: 15px;
    cursor: pointer;
}
.visitor .visitor-info .login .other .other-title .val .wx[data-1] {
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100% 100%;
}
.visitor .visitor-info .login .other .other-title .val .qq[data-1] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABJxJREFUaEPtmV9oHFUUxr8zm4BJdybVIqaipkIg2dmk+AfrgwolIFihKDaZjY2oVYrS4h9QQdOXUhVBUFGqhYJaNRJyN6IItX2oWCEvRiO0yc4GtCokL0pqycxuDJqdI0NSkbDJnDs7GgPel32Y73zn/O6Znbn3DmGdD1rn9SMxgO1fcN3MTLmLme9k4AYA1wIwlybII+AHBo8R6HjBTZ/GQQqSmLzaAQ6yYWdLe8H8HEAtwqLOMdGhYveGD0DEwpiqspoAsqrUzGAF4LaYRZwK6rh38h7rfMz4+LfQ1o/mrlqoLIxozPpKNZ4zFuiWid3pn+NAxOpAVv2SZjSMAsjESbo8hoCxcjl96097aF7XLxZAJu8fJcZe3WSr6/lV17Ge0vXUBmhX5RsNBF8D8W+/akUSUKEAnRO9ZlEHQhvAVv7HAO7WSSLVEvP7hZz1gFQf6rQA2gbLV6ZSwRQAQyeJhvb31B+V5vG+jRekMVoAmXzpSWJ+TWoeS8f8sJuz3pHGagHYyvsMoB1S85i6Ydcxe6SxmgD+LABLah5TN+U65jXSWDFA++CFLUaq7kepcS06QrCp4DT9KvEQA2SV38XA5xLTWjUUGNsKvRvCR3XkEAPY+VIfmAciHRMQEPiugmN9KrESA2SH/P1MOCwxrVVDTA8Wcun3JD5igH/lEbpUMYH3FBzrWKIAtvKeBegliWmtGibsL/aYb0l8xB2wlf8tgOslpgloRlzHFO0xRABZNbuNYXyVQGFyCwMdbrdZiAoQAWTy3jFi0lpkRSUWXD/sOuZjUbpIgKyavQwwphloiDJL+LpfN1/efPb+5vJqvpEA9pD/OAivJ1yczE6wsIsGUN4oQDfJMiarIuDLgmNuj92BNuW1pUCTyZal5cZGJdUycW9juAepOlbtQFb5LzBwQCtl0mLifrfHWvH9syqArfzvALQmXZOm3xnXMa/T7kBWzbYyjBBgzUddKnX12V2N09UKWbEDmby/jxhvrnn14cZ9lcXdigD2kD8AQt9/AQDAUdcxH9HqgK38cQAdS0Hh7qgEQLzVqxE8vHU3A0gv+tCo66Rv1gLIKn/ur7cvIwei+wDeWWNhonAmDFLAp0D09lLAjOuYl2sB2MpfPPZmetfNpR+yh7x+EL0oqqBWEeMJN2e+YSs/PPkOTygC1zFTugDhQes3HtK3Tzv0W+ew114JSOvYLyZHYFRSW8KXV3iIDDScZqBFuwPZIX/XJY3pE2M7ae5iIbbyTgB0R8zCpGF51zGdi+LWgfNWfX19VzFnfaLVgWridlXqNMDhxqZOWo2mbp4QdBacpu+lcZGLueVGGeU9Q6CXpQl0dAzsKzrmEZ0YbYDQ3M77R8B4VCdRpJb5FTdnPR2pWybQB2Ame7jcBeYPAVyhm3AF/RTAu13HGtH10wII/9hMOBQ2QTeRUH+GERwoOk3HhXr59wE77/eAET6X//FBoB0FJ31SkkjcgY7h0lYOuJ+BNgCbqpxSBwB7i0kpXHqEHynC3zDHpYsxvHHpelOVjyvhyfcMgMmUwc+Pd1uijZQYQDIba6H5H2AtZv3vOdd9B/4EgQdwQGPS1UkAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
}
.visitor .visitor-info .login .other .other-title .val .mb[data-1] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAbZJREFUaEPtWUtKxEAQfRUQQRER8QaSWYjoGQaF0ZXg4B107SY5QOIJxCuI6MJN/Cy8wsjsEm8wgogouHBK0swiI0Yrv8kEqldZVFe/V/W6O11FaPighuOHmAB7qyuwrDMwdQCeq4Y4fQAIwF+H5D4NJGvICfj2PYAtidPCNsy35EYdiZ8sBFjisCQbJie0JL6mlQDICUXYREZxJNi3J5mBSgk8khNuStKb1YZ9uwdgI55XZQaUQFpmNAN/aTaxiVVCKqFEBPLcAyohlZBKSH8lft8FehPrTZz1//mHvUpIJaQS0idlugb0QSPYH3qM6jEqkMk/QdLCVmqAEqfQEMBbwWCnTV8AYKrSVZYWK8I+7nYaCLwCuBnBipsVi1mY102gjxm06Th8NqX5uD1F1gOANSmJmglwl5zoMgmWT1oHYD5vBgHmfXKjqzECXqsL4otmECD0wLNtcvovRkL++hLwGUvINC8ko2YJGYgDEK7NF2MPwLIE+MimgiafZ9+BsJ0BRBHTgJxwV+JAXtw1jW46BdMOgHmJ8xw27yAOMOSj0hvdOcBMZIo4AxNBk2MRJZAjaKVO+QbXnWhAS3eNJAAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
}
.visitor .visitor-info .login .other .tstitle[data-1] {
    font-size: 14px;
    color: #fb3021;
}
.visitor .visitor-info .login .text-wrap[data-1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.visitor .visitor-info .login .text-wrap .iput_wrap[data-1] {
    margin-right: 12px;
}
.visitor .visitor-info .login .text-wrap .iput_wrap .input[data-1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    position: relative;
}
.visitor .visitor-info .login .text-wrap .iput_wrap .input p[data-1] {
    font-size: 14px;
    color: rgb(133, 133, 133);
    position: absolute;
    left: 13px;
}
.visitor .visitor-info .login .text-wrap .iput_wrap .input input[data-1] {
    width: 250px;
    height: 36px;
    background: #fff;
    border: 1px solid #e4e8eb;
    border-radius: 4px;
    color: #222;
    padding: 12px 0 10px 66px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.visitor .visitor-info .login .userAgreement[data-1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
}
.visitor .visitor-info .login .userAgreement .radio[data-1] {
    width: 14px;
    height: 14px;
    margin-top: 3px;
    background: #eff3f6;
    cursor: pointer;
    margin-right: 4px;
}
.visitor .visitor-info .login .userAgreement .textRadio[data-1] {
    font-size: 14px;
    color: #000;
}
.visitor .visitor-info .login .userAgreement .textRadio[data-1] span{
    cursor: pointer;
}

.visitor .visitor-info .login .btn_wrap[data-1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px;
}
.visitor .visitor-info .login .btn_wrap .btn[data-1] {
    width: 250px;
    height: 60px;
    background: -webkit-gradient(#ffD900);
    background: #fb3021;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    line-height: 60px;
    font-weight: 700;
    text-align: center;
    margin-right: 12px;
    cursor: pointer;
    position: relative;
}
.visitor .visitor-info .login .btn_wrap .btn.game[data-1] {
    background: #fb3021;
    font-weight: 700;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.visitor .visitor-info .login .btn_wrap .btn.game img[data-1] {
    display: block;
    width: 18px;
    height: 18px;
}
.visitor .visitor-info .login .btn_wrap .btn.game p[data-1] {
    font-size: 16px;
    margin-left: 6px;
}
.visitor .visitor-info .login .btn_wrap .btn.win[data-1] {
    background: #ffD900;
    font-weight: 700;
    color: #9e4b09;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.visitor .visitor-info .login .btn_wrap .btn.win img[data-1] {
    display: block;
    width: 18px;
    height: 18px;
}
.visitor .visitor-info .login .btn_wrap .btn.win p[data-1] {
    font-size: 16px;
    margin-left: 6px;
}




.regbox[data-2] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    z-index: 1000001;
    display: none;
}

.regbox .yy_eightbox[data-2] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 1090px;
    height: 600px;
    
    background-size: 100% 100%;
    z-index: 100000000000;
}
.regbox .yy_eightbox .yy_reglogin[data-2] {
    width: 287px;
    height: 395px;
    margin-left: 408px;
    margin-top: 162px;
}
.regbox .yy_eightbox .yy_reglogin .title_m[data-2] {
    padding-left: 15px;
    padding-top: 5px;
    margin-bottom: 15px;
}
.regbox .yy_eightbox .yy_reglogin .ykTitle[data-2] {
    padding: 0 20px;
    font-size: 18px;
    font-weight: 400;
    color: #f2d284;
    font-weight: 700;
    padding-top: 5px;
    margin-bottom: 5px;
}
.regbox .yy_eightbox .yy_reglogin .ykInfo[data-2] {
    padding: 0 20px;
    font-size: 14px;
    font-weight: 400;
    color: #d22;
    line-height: 22px;
    margin-bottom: 31px;
}
.regbox .yy_eightbox .yy_reglogin .itemInp[data-2] {
    position: relative;
    width: 100%;
    height: 40px;
    background: none;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 21px;
}
.regbox .yy_eightbox .yy_reglogin .itemInp .name[data-2] {
    padding-left: 0;
    padding-right: 20px;
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}
.regbox .yy_eightbox .yy_reglogin .itemInp input[data-2] {
    width: 180px;
    padding: 0 5px;
    height: 30px;
    background-size: 100% 100%;
    font-size: 14px;
    border: none;
    outline: none;
    color: #000;
    background: none;
}
.regbox .yy_eightbox .yy_reglogin .userAgreement[data-2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 90px;
    margin-bottom: 10px;
}
.regbox .yy_eightbox .yy_reglogin .userAgreement .radio[data-2] {
    position: relative;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    color: #424242;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid #6e6e6e;
    background: #424242;
    border-radius: 2px;
}
.regbox .yy_eightbox .yy_reglogin .userAgreement .radio .icon[data-2] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 12px;
    height: 12px;
}
.regbox .yy_eightbox .yy_reglogin .textRadio[data-2] {
    margin-left: 6px;
    font-size: 12px;
    color: #999;
}
.regbox .yy_eightbox .yy_reglogin .textRadio span[data-2] {
    font-size: 12px;
    cursor: pointer;
}
.regbox .yy_eightbox .yy_reglogin .visitor_btn_wrap[data-2] {
    margin: 23px 0 20px 0;
}
.regbox .yy_eightbox .yy_reglogin .visitor_btn_wrap .paly_btn[data-2] {
    margin: 0;
    width: 293px;
    height: 143px;
    background: none;
    cursor: pointer;
    border: none;
    margin-top:-22px;
}
.regbox .yy_eightbox .yy_reglogin .btnBox[data-2] {
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.regbox .yy_eightbox .yy_reglogin .btnBox .loginType[data-2] {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}
.regbox .yy_eightbox .yy_reglogin .btnBox .wx_qq[data-2] {
    width: auto;
    margin: 0;
}
.regbox .yy_eightbox .yy_reglogin .btnBox .wx_qq li[data-2] {
    margin-left: 20px;
    margin-right: 0;
    float: left;
    cursor: pointer;
}
.regbox .yy_eightbox .yy_reglogin .btnBox .wx_qq li[data-2] img {
    width: 32px;
    height: 32px;
}

.regbox .yy_eightbox .close[data-2] {
    position: absolute;
    width: 30px;
    height: 30px;
    cursor: pointer;
    right: -20px;
    top: -10px;
}
.regbox .yy_eightbox .close img[data-2] {
    width: 100%;
    height: 100%;
}
.visitor .visitor-info .login .other .other-title .thirdlogin .btn {
    display: inline-block;
    width: 24px;
    height: 24px;
    text-indent: -9999em;
    border-radius: 500px;
}
.visitor .visitor-info .login .btn_wrap .btn-submit {
    display: block;

    border: none;
    width: 250px;
    height: 60px;
    background: none;
    cursor: pointer;
}
.visitor[data-1] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 10001;
    background: url(../imges/bodybg.jpg) no-repeat;
    background-size: 1920px 1080px;
    background-position: 50% 0%;
}