@charset "UTF-8";
/*一期代码样式*/

@charset "UTF-8";
/*
 * 页面主样式
 * 日期: 2024-10-25
 * By Killer
 * 
*/

/*** 颜色 ***/

/*** 引用 ***/

/*** 常用工具包 ***/

/*
 * 包含常用工具以及浏览器兼容性
 */

/*** 字体 ***/

/*** 整体 ***/

body {
    font-family: PingFang SC, Microsoft YaHei, Lantinghei SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, \\5FAE\8F6F\96C5\9ED1, STHeitiSC-Light, simsun, \\5B8B\4F53, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: #fff;
    font-family: "fzzzhjt";
    font-weight: 400;
    padding-bottom: constant(safe-area-inset-bottom);
    /* 兼容 iOS < 11.2 */
    padding-bottom: env(safe-area-inset-bottom);
    /* 兼容 iOS >= 11.2 */
    box-sizing: border-box;
}

html {
    height: 100%;
    font-weight: 400;
}

.blue_bg {
    background: #03051C;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

a:focus,
a:hover,
button:hover {
    text-decoration: none;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

a {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

div,
span {
    /*自动换行*/
    word-wrap: break-word;
    word-break: normal;
    /*强制英文单词断行*/
    word-break: break-all;
}

em,
i {
    font-style: normal;
}

::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.login_input .weui-input::-webkit-input-placeholder {
    color: rgba(64, 64, 64, 0.7);
}

.login_input .weui-input::placeholder {
    color: rgba(64, 64, 64, 0.7);
}

.clear {
    clear: both;
}

.alert {
    display: none;
    position: fixed;
    z-index: 5500;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.weui-toast {
    background-color: rgba(0, 0, 0, 0.7);
}

@keyframes moveUpDown {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(10px);
    }
}

/*弹窗*/

.weui-half-screen-dialog {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    background: #fff;
    padding: 0 8.53333vw;
    min-height: 57.59999vw;
    max-height: 75%;
    border-top-left-radius: 5.33333vw;
    border-top-right-radius: 5.33333vw;
    color: rgba(64, 64, 64, 0.7);
}

.weui-half-screen-dialog_show {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.js_dialog_wrap {
    display: none;
    opacity: 1 !important;
}

.js_dialog {
    opacity: 1 !important;
}

.weui-half-screen-dialog__hd {
    min-height: auto;
    padding-top: 10.66666vw;
    justify-content: center;
}

.weui-half-screen-dialog__title {
    font-weight: 400;
    font-size: 4.8vw;
    color: #202020;
}

.weui-half-screen-dialog__bd {
    font-size: 4.26666vw;
    padding-top: 8.26666vw;
    color: rgba(64, 64, 64, 0.7);
    padding-bottom: 8.26666vw;
}

.weui-half-screen-dialog__bd p a {
    color: rgba(64, 64, 64, 0.7);
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: rgba(64, 64, 64, 0.7);
    box-sizing: border-box;
}

.weui-half-screen-dialog__bd .weui-btn_primary {
    margin-top: 8.26666vw;
}

.weui-half-screen-dialog__bd .vscode {
    display: flex;
}

.weui-half-screen-dialog__bd .vscode img {
    width: 25.40000vw;
    margin-left: 2.40000vw;
    border-radius: 3.2vw;
}

.weui-dialog {
    background: #fff;
    color: #333;
    width: 86.66666vw !important;
}

.weui-dialog .weui-dialog__hd {
    color: #333;
    padding: 7.46666vw 0;
    font-size: 5.2vw;
    font-weight: 400;
    line-height: 1.5;
    padding-bottom: 0;
}

.weui-dialog .weui-dialog__bd {
    color: #333;
    padding: 0 7.73333vw;
    margin-bottom: 5.60000vw;
    font-size: 4vw;
    line-height: 1.5;
    font-weight: 400;
    padding-top: 6.26666vw;
}

.js_dialog2 .weui-dialog__bd {
    padding-top: 7.46666vw;
    font-size: 4.2vw;
    margin-bottom: 6.26666vw;
}

.close_btn {
    display: flex;
    justify-content: center;
    padding-bottom: 10.13333vw;
}

.close_btn a {
    background: url("../img/v3/p16.png") no-repeat;
    background-size: cover;
    width: 32vw;
    height: 13.33333vw;
    font-size: 4.26666vw;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333333;
}

.close_btn a.none {
    background: url("../img/v3/p15.png") no-repeat;
    background-size: cover;
    margin-right: 8vw;
}

.ri_close {
    width: 4.2vw;
    position: absolute;
    right: 6.26666vw;
    top: 8.8333vw;
    cursor: pointer;
}

/*注册*/

.register {
    padding: 0 6.4vw;
    color: #fff;
}

.register_top_bg {
    height: 80vw;
    background: url(../img/pic06.png) no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.register_bottom_bg {
    width: 100%;
    height: 85.26666vw;
    background: url("../img/pic02.png") no-repeat;
    background-size: cover;
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
}

.register .logo {
    padding-top: 13.33333vw;
    padding-bottom: 5.33333vw;
    text-align: center;
}

.register .logo img {
    width: 29.33333vw;
}

.register .logo .per {
    width: 18.4vw;
}

.register .title {
    font-size: 7.19999vw;
    text-align: center;
    line-height: 10.8vw;
    padding-bottom: 5.33333vw;
}

.register .message {
    font-size: 4.26666vw;
    line-height: 6.4vw;
    padding-bottom: 6.26666vw;
}

.register .weui-cell {
    margin: 0 2.13333vw;
    padding: 0 5.33333vw;
    font-size: 4vw;
    line-height: 4vw;
    height: 10.66666vw;
    border-radius: 3.2vw;
    border-width: 0px 0px 0.26666vw 0px;
    border-style: solid;
    border-color: rgba(225, 225, 225, 0.02);
    box-sizing: border-box;
    background-color: rgba(107, 128, 231, 0.2);
    margin-bottom: 3.13333vw;
}

.register .weui-input {
    color: #fff !important;
}

.weui-cell__ft {
    color: #fff;
    width: 8.36666vw;
    text-align: left;
}

.register .weui-label {
    width: 13.33333vw;
    color: #fff;
}

.register .weui-cell__ft img {
    width: 3.2vw;
}

.register .weui-cell__bd {
    width: 50.93333vw;
    flex: inherit;
}

.register .weui-cell__bd .radio {
    display: inline-flex;
    align-items: center;
    margin-right: 7.46666vw;
    cursor: pointer;
}

.register .weui-cell__bd .radio i {
    background: url(../img/ic03.png) no-repeat;
    background-size: contain;
    width: 3.2vw;
    height: 3.2vw;
    margin-right: 0.53333vw;
}

.register .weui-cell__bd .radio i.active {
    background: url(../img/ic02.png) no-repeat;
    background-size: contain;
}

.register .weui-cell__bd .radio span {
    margin-top: 0.3vw;
    color: #fff;
}

.weui-privacy {
    font-size: 3.2vw;
    line-height: 4.8vw;
    display: inline-flex;
    align-items: center;
    margin-top: 12vw;
    position: relative;
    padding-bottom: 5.33333vw;
}

.weui-privacy a {
    border-bottom: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    opacity: 0.7;
}

.checkbox {
    display: inline-flex;
    align-items: center;
    margin-right: 1.36666vw;
    cursor: pointer;
}

.checkbox i {
    background: url(../img/ic03.png) no-repeat;
    background-size: contain;
    width: 3.2vw;
    height: 3.2vw;
    margin-right: 1.06666vw;
    opacity: 0.7;
}

.checkbox i.active {
    background: url(../img/ic02.png) no-repeat;
    background-size: contain;
}

.weui-privacy .clause {
    line-height: 4.26666vw;
    background: #FCF3DE;
    border-radius: 0.53333vw;
    display: inline-block;
    position: absolute;
    top: -6.13333vw;
    left: 0;
    color: #D99E16;
    display: flex;
    align-items: center;
    font-size: 2.66666vw;
    padding: 0 1.06666vw;
}

.weui-privacy .clause img {
    width: 2.13333vw;
    margin-right: 0.53333vw;
}

.weui-privacy .clause::after {
    width: 1.6vw;
    height: 0.8vw;
    position: absolute;
    content: "";
    background: url(../img/ic05.png) no-repeat;
    background-size: 100% 100%;
    bottom: -0.8vw;
    left: 0.8vw;
}

.weui-btn_primary {
    border-radius: 6.4vw;
    width: 58.66666vw !important;
    height: 13.33333vw !important;
    background: url("../img/pic01.png") no-repeat;
    background-size: contain;
    font-size: 4.26666vw;
    line-height: 13.33333vw;
    padding: 0;
    margin-top: 5.33333vw;
    color: #333;
}

.weui-btn_primary:active {
    background: url("../img/pic01_0.png") no-repeat;
    background-size: contain;
}

.weui-btn:active::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    background-color: var(--weui-BTN-ACTIVE-MASK);
    border-radius: 6.4vw;
}

.login_input {
    position: relative;
    margin-bottom: 2.13333vw;
}

.login_input .weui-input {
    height: 12.8vw;
    border-radius: 3.2vw;
    line-height: 12.8vw;
    font-size: 4vw;
    background: #F7F7F7;
    padding: 0 5.33333vw;
    width: calc(100% - 10.66666vw);
    color: rgba(32, 32, 32, 0.7);
}

.login_input .weui-input-clear {
    position: absolute;
    right: 2.66666vw;
    width: 5.33333vw;
    top: 3.73333vw;
    display: none;
}

.login_input .vcode {
    border: 1px solid #4581F3;
    width: 22.40000vw;
    height: 7.46666vw;
    border-radius: 2.13333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 2.66666vw;
    top: 2.66666vw;
    font-size: 3.2vw;
    color: #4581F3;
}

.login_input .vcode.disabled {
    color: gray;
    border-color: gray;
    cursor: not-allowed;
}

.weui-half-screen-dialog__bd .weui-privacy .checkbox i {
    background: url(../img/ic07.png) no-repeat;
    background-size: contain;
    width: 4.8vw;
    height: 4.8vw;
    opacity: 1;
}

.weui-half-screen-dialog__bd .weui-privacy .checkbox i.active {
    background: url(../img/ic08.png) no-repeat;
    background-size: contain;
}

.weui-half-screen-dialog__bd .weui-privacy {
    margin-top: 5.33333vw;
}

.weui-half-screen-dialog__bd .consent {
    font-size: 3.2vw;
    padding-left: 5.86666vw;
    margin-top: -1.5vw;
}

.weui-half-screen-dialog__bd .weui-btn_primary {
    width: 100%;
}

/*首页*/

.max.active {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.index_kv {
    width: 100%;
    height: 141.6vw;
    position: relative;
    z-index: 2;
}

.index_kv h2 {
    font-size: 6.83333vw;
    line-height: 1;
    color: #fff;
    padding-top: 6.4vw;
    padding-left: 6.4vw;
    display: flex;
    align-items: center;
}

.index_kv h2 img {
    width: 17.59999vw;
    margin-right: 1.86666vw;
}

.index_kv h2 a img {
    width: 8.4vw;
    margin-left: 2.26666vw;
}

.index_kv ul {
    padding-top: 55.33333vw;
    padding-left: 6.4vw;
    font-size: 6.66666vw;
}

.index_kv ul li {
    padding-bottom: 3.86666vw;
    background: -webkit-linear-gradient(183deg, #FFFFFF 0%, #FFDA30 100%);
    /* Chrome, Safari */
    background: linear-gradient(183deg, #FFFFFF 0%, #FFDA30 100%);
    /* 标准语法 */
    -webkit-background-clip: text;
    /* Chrome, Safari */
    background-clip: text;
    -webkit-text-fill-color: transparent;
    /* Chrome, Safari */
    color: transparent;
    /* 兼容不支持background-clip的浏览器 */
    line-height: 1;
    text-shadow: 0px 4px 4px 0px #272A3E;
}

.index_kv .circle {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.index_kv p {
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 2px 5px 0px #03051C;
    font-size: 5.33333vw;
    line-height: 1;
    padding-top: 73.73333vw;
}

.click_down {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    animation: moveUpDown 1.5s infinite;
    margin-top: -8.5vw;
}

.click_down img {
    width: 6.80000vw;
    margin-top: 5.60000vw;
}

.index_cont {
    width: 100%;
    height: 85.26666vw;
    background: url("../img/pic02.png") no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.max.active .index_cont {
    flex: 1;
    background: url(../img/pic02.png) no-repeat;
    background-size: cover;
}

.index_login {
    display: flex;
    justify-content: center;
}

.mrt40 {
    margin-top: 10.33333vw;
}

.index_cont h2 {
    text-align: center;
    color: #FFFFFF;
    font-size: 5.33333vw;
    padding-bottom: 8vw;
}

.index_login a {
    width: 58.66666vw;
    height: 13.33333vw;
    background: url("../img/pic01.png") no-repeat;
    background-size: contain;
    display: inline-block;
    font-size: 4.26666vw;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    cursor: pointer;
    font-weight: bold;
}

.index_login a:active {
    background: url("../img/pic01_0.png") no-repeat;
    background-size: contain;
}

.lj_btn {
    text-align: center;
    font-size: 3.73333vw;
}

.lj_btn a {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5vw;
}

.lj_btn a img {
    width: 1.6vw;
    margin-left: 1vw;
}

.jc_btn a {
    margin-top: 9.06666vw;
}

.mess_text {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4.8vw;
    line-height: 1;
    color: #fff;
    padding-top: 9.33333vw;
}

.mess_text img {
    width: 1.6vw;
    margin-left: 3.33333vw;
}

.user_iofo {
    position: absolute;
    bottom: 7.19999vw;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 19.06666vw;
}

.user_iofo a {
    color: #FFFFFF;
    font-size: 2.93333vw;
    line-height: 1;
    margin: 0 5.46666vw;
    opacity: 0.6;
}

.index_cont .privacy {
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    font-size: 3.73333vw;
    line-height: 1;
    padding-top: 5.33333vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index_cont .privacy a {
    color: rgba(255, 255, 255, 0.7);
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.7);
    box-sizing: border-box;
}

.index_cont .privacy label {
    margin-right: 0;
}

.index_cont .privacy label span {
    margin-right: 1.36666vw;
    margin-left: 0;
}

.index_cont .privacy span {
    margin: 0 1.36666vw;
}

/*问卷测评*/

.teps_cont {
    padding: 0 6.4vw;
    padding-top: 10.66666vw;
}

.teps {
    border-radius: 2.13333vw;
    height: 13.86667vw;
    background: linear-gradient(284deg, #CA9E57 0%, #F8EFBD 49%, #CA9E57 100%);
    padding: 0 5.33333vw;
    padding-top: 7.46666vw;
    margin-bottom: 6.4vw;
}

.teps h6 {
    color: #333333;
    font-size: 3.73333vw;
    line-height: 1;
    display: flex;
    justify-content: space-around;
    padding-top: 3.86666vw;
    position: relative;
}

.teps h6::before {
    width: 100%;
    height: 0.5vw;
    position: absolute;
    content: "";
    top: -0.5vw;
    left: 0;
    background: #F8EFBD;
    box-shadow: 0px 2px 10px 0px #0000004C;
}

.teps h6 span {
    position: relative;
}

.teps h6 span.active {
    color: #666666;
}

.teps h6 span::after {
    width: 8.26666vw;
    height: 8.26666vw;
    background: url("../img/ic43.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    content: "";
    top: -7.5vw;
    left: 50%;
    transform: translateX(-50%);
}

.teps h6 span.active::after {
    background: url("../img/ic44.png") no-repeat;
    background-size: 100% 100%;
}

.topic {
    background: rgba(107, 128, 231, 0.2);
    border-radius: 2.13333vw;
    padding: 0 4vw;
    padding-top: 5.33333vw;
    color: #2F2F2F;
    overflow-x: hidden;
}

.topic h5 {
    font-size: 4.8vw;
    line-height: 6.13333vw;
    padding-bottom: 3.59999vw;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
}

.topic ul {
    padding: 0;
}

.topic ul li {
    padding: 0;
    background: initial;
    -webkit-text-fill-color: initial;
    color: initial;
    padding-top: 2vw;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    padding-bottom: 0.5334vw;
}

.topic ul li p {
    padding: 0;
    font-size: 3.73333vw;
    text-align: left;
    color: #2F2F2F;
    padding-bottom: 3.73333vw;
}

.bq_model {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.bq_model span {
    background-color: rgba(0, 0, 0, 0.03);
    color: #2F2F2F;
    font-size: 3.46666vw;
    height: 8.26666vw;
    display: inline-flex;
    flex: 0 0 22%;
    justify-content: center;
    line-height: 8.26666vw;
    border-radius: 2vw;
    margin-bottom: 3.4666vw;
    cursor: pointer;
}

.bq_model_2 span {
    flex: 0 48%;
}

.bq_model_3 span {
    flex: 0 0 30%;
}

.bq_model span.selected {
    background: linear-gradient(282deg, #CA9E57 0%, #F8EFBD 49%, #CA9E57 100%);
    color: #333;
}

.topic ul li .bq_model_jd {
    padding-bottom: 1vw;
}

.topic ul li .bq_model_jd p {
    padding-bottom: 3.4666vw;
    line-height: 1.5;
    position: relative;
    font-size: 3.46666vw;
    text-indent: 2em;
}

/*动作采集*/

.message {
    color: #FFFFFF;
    font-size: 4.26666vw;
    line-height: 1.5;
}

.caiji_list ul {
    padding: 0;
    font-size: 6.4vw;
    padding-top: 6.66666vw;
}

.caiji_list ul li {
    border-radius: 5.33333vw;
    background: rgba(107, 128, 231, 0.2);
    margin-bottom: 3.2vw;
}

.caiji_list ul li {
    display: flex;
    align-items: center;
    padding-left: 4.39999vw;
    padding-top: 3.63333vw;
    color: #fff;
    -webkit-text-fill-color: #fff;
    position: relative;
    /* Chrome, Safari */
}

.caiji_list ul li .tx {
    width: 19.33333vw;
}

.caiji_list ul li dl {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}

.caiji_list ul li dl dd {
    width: 53.33333vw;
    text-align: center;
    padding-top: 2.4vw;
    font-weight: 600;
}

.caiji_list ul li dl dt {
    padding-top: 2.6vw;
}

.caiji_list ul li dl dt a {
    font-size: 3.46666vw;
    width: 32vw;
    height: 5.86666vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F1F1F1;
    border-radius: 5.86666vw;
    color: #666666;
    -webkit-text-fill-color: #666666;
}

.caiji_list ul li dl dt a img {
    width: 1.6vw;
    margin-left: 1.6vw;
}

.tp_right {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0px 5.33333vw 0px 5.33333vw;
    background: #22CE1F;
    font-size: 3.2vw;
    line-height: 5.33333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18.66666vw;
    height: 5.33333vw;
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.tp_doing {
    background: #E1C558;
}

.tp_again {
    background: #EB3244;
}

.tp_wait {
    background: #B8B8B8;
}

/*视频*/

.video_mp4 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
}

.player-outer-box {
    height: 100vh;
}

.video_mp4 video {
    width: 100vw !important;
    height: 100vh !important;
    ;
    object-fit: cover;
}

.video-js {
    padding-top: 100vh !important;
}

.vm_tips {
    position: absolute;
    top: 14.53333vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
}

.vm_tips span {
    border-radius: 4.26666vw;
    background: #000000CC;
    width: 70.13333vw;
    height: 29.33333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 6.4vw;
    line-height: 1.5;
    color: #fff;
}

.tg_btn {
    background-color: rgba(0, 0, 0, 0.8);
    width: 26.66666vw;
    height: 10.66666vw;
    color: #fff;
    font-size: 4.26666vw;
    line-height: 10.66666vw;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 17.33333vw;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10.66666vw;
    z-index: 999;
}

/*关节养护建议*/

.cons_body {
    background: rgba(36, 42, 77, 0.5);
    border-radius: 2.66666vw;
    padding: 0 4.53333vw;
    padding-top: 8.53333vw;
    padding-bottom: 10.66666vw;
}

.cons_body h3 {
    font-size: 5.33333vw;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cons_body h3 img {
    width: 3.2vw;
}

.cons_body h3 span {
    padding: 0 2.4vw;
    background: linear-gradient(to right, #CA9E57 0%, #F8EFBD 45%, #CA9E57 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.cons_body p {
    font-size: 3.73333vw;
    color: #fff;
    padding: 0;
    line-height: 5.06666vw;
    padding-top: 5.60000vw;
    line-height: 1.5;
    text-align: left;
    padding-bottom: 11.73333vw;
}

.cons_body .po_a {
    padding-bottom: 0;
    color: #C7C7C7;
}

.cons_body .po_b {
    padding-bottom: 0;
}

.cons_body .po_c {
    padding-top: 0;
}

.cons_cont {
    display: flex;
    align-items: flex-start;
    padding-bottom: 9.33333vw;
}

.cons_cont img {
    width: 17.06666vw;
    margin-right: 3.46666vw;
    height: auto;
}

.cons_cont dl dd {
    font-size: 4.26666vw;
    background: linear-gradient(to right, #CA9E57 0%, #F8EFBD 45%, #CA9E57 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    line-height: 1;
    padding-bottom: 2.93333vw;
    display: inline-block;
}

.cons_cont dl dt {
    width: 58.26666vw;
    color: #fff;
    font-size: 3.46666vw;
    line-height: 1.5;
}

/*专属报告*/

.zhuanshu {
    text-shadow: 0px 2px 5px 0px #03051C4C;
    font-size: 6.4vw;
    line-height: 1;
    padding-top: 2.3vw;
    color: #fff;
    text-align: center;
    padding-bottom: 4.26666vw;
}

.data_re {
    text-shadow: 0px 2px 5px 0px #03051C4C;
    font-size: 3.2vw;
    line-height: 5.60000vw;
    color: #fff;
    opacity: 0.6;
    text-align: center;
    height: 5.06666vw;
    padding-bottom: 5.60000vw;
}

.fx_icon {
    border-radius: 4.26666vw;
    display: flex;
    padding: 5.33333vw 0;
    padding-left: 3.2vw;
}

.fx_icon h5 {
    font-size: 6.4vw;
    line-height: 1;
    padding-bottom: 1.86666vw;
}

.fx_icon h6 {
    font-size: 2.93333vw;
    line-height: 1.5;
}

.fx_icon img {
    width: 10.66666vw;
    margin-right: 1.73333vw;
    height: 10.66666vw;
}

.green_fx {
    background: #2FC584;
    color: #fff;
}

.yellow_fx {
    background: #E0B765;
    color: #fff;
}

.red_fx {
    background: #E5605C;
    color: #fff;
}

.cons_body .zs_p {
    padding-bottom: 5.60000vw;
    text-align: justify;
}

.cons_body .ms_aw {
    font-size: 3.73333vw;
    color: #fff;
    line-height: 1.5;
}

.cons_body .zs_ks_0 {
    padding-bottom: 0;
}

.cons_body .zs_ks_l {
    padding-top: 0;
}

.mySwiper .cons_body {
    padding-bottom: 8.53333vw;
}

.marb20 {
    margin-bottom: 3.2vw;
}

#radarChart {
    height: 62.66666vw;
    width: 100%;
}

.radarChart {
    height: 62.66666vw;
    width: 100%;
}

#radarChart3 {
    height: 62.66666vw;
    width: 100%;
}

.data_list {
    font-size: 3.2vw;
    line-height: 1;
    color: #fff;
}

.data_list dl {
    display: flex;
    align-items: center;
    padding-bottom: 3.73333vw;
}

.data_list dl:last-child {
    padding-bottom: 0;
}

.data_list dl dd {
    width: 32.4vw;
    text-align: right;
}

.data_list dl dt {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.data_list dl dt span {
    width: 13.33333vw;
}

.data_list .pres {
    border: 1px solid #FBD0CE;
    height: 3.73333vw;
    border-radius: 3.73333vw;
    width: 31.6vw;
    position: relative;
}

.data_list .pres_green {
    border: 1px solid #ADD9C6;
}

.data_list .pres_red::after {
    width: 50%;
    height: 3.73333vw;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(251, 208, 206, 0.2);
    content: "";
    border-radius: 0px 3.73333vw 3.73333vw 0px;
}

.data_list .pres_green::after {
    width: 50%;
    height: 3.73333vw;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(189, 221, 207, 0.2);
    content: "";
    border-radius: 3.73333vw 0px 0px 3.73333vw;
}

.swiper-button-next {
    top: 0.745vw;
    width: 3.73333vw;
    height: 3.73333vw;
    background: url("../img/ic26.png") no-repeat;
    background-size: 100% 100%;
    margin-top: 0;
}

.swiper-button-prev {
    top: 0.745vw;
    width: 3.73333vw;
    height: 3.73333vw;
    background: url("../img/ic27.png") no-repeat;
    background-size: 100% 100%;
    margin-top: 0;
}

.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
    content: inherit;
}

.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after {
    content: inherit;
}

.weui-progress__inner-bar {
    height: 2.4vw;
    background: linear-gradient(90deg, rgba(251, 208, 206, 1) 0%, rgba(239, 96, 91, 1) 100%);
    border-radius: 0px 3.73333vw 3.73333vw 0px;
}

.weui-progress__bar {
    height: 2.4vw;
    background: none;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0.66666vw;
}

.pres_green .weui-progress__bar {
    background: none;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 0;
}

.pres_green .weui-progress__inner-bar {
    background: linear-gradient(90deg, rgba(189, 221, 207, 1) 0%, rgba(33, 140, 94, 1) 100%);
}

.fenxiang {
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 3.73333vw;
    justify-content: center;
    padding-top: 5.33333vw;
    padding-bottom: 5.33333vw;
}

.fenxiang a {
    color: #fff;
}

.fenxiang img {
    width: 3.2vw;
    margin-right: 2.26666vw;
}

.dunpai {
    width: 57.33333vw;
    background: url("../img/ic29.png") no-repeat;
    height: 69.06666vw;
    background-size: contain;
    position: relative;
    margin-top: 12vw;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.dn_body .bo_img {
    width: 40.8vw;
    display: none;
    background: url("../img/pic11.png") no-repeat;
    height: 42.93333vw;
    background-size: contain;
}

.dn_hs_bg {
    background: url("../img/ic35.png") no-repeat;
    height: 35.33333vw;
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 58vw;
}

.dn_title {
    font-size: 5.43333vw;
    color: #fff;
    line-height: 1.4;
    /*color: #D9AE55;
    background: linear-gradient(to right, rgba(255, 255, 255) 0, rgba(166, 210, 255, 1) 10px, rgb(255, 255, 255) 100px);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-position: 0;
    animation: shine 1.5s linear infinite; */
}

@keyframes shine {
    0% {
        background-position: 0;
    }
    100% {
        background-position: 50.66666vw;
    }
}

.scan-bar {
    width: 45vw;
    background: url("../img/pic12.png") no-repeat;
    background-size: contain;
    height: 25.6vw;
    position: relative;
    animation: mymove 5s infinite;
    -moz-animation: mymove 5s infinite;
    /* Firefox */
    -webkit-animation: mymove 5s infinite;
    /* Safari and Chrome */
    -o-animation: mymove 5s infinite;
    margin-left: -2.2vw;
    /* Opera */
}

@keyframes mymove {
    0% {
        top: 0px;
    }
    50% {
        top: 36.33333vw;
    }
    100% {
        top: 0px;
    }
}

@-moz-keyframes mymove
/* Firefox */

    {
    0% {
        top: 0px;
    }
    50% {
        top: 36.33333vw;
    }
    100% {
        top: 0px;
    }
}

@-webkit-keyframes mymove
/* Safari and Chrome */

    {
    0% {
        top: 0px;
    }
    50% {
        top: 36.33333vw;
    }
    100% {
        top: 0px;
    }
}

@-o-keyframes mymove
/* Opera */

    {
    0% {
        top: 0px;
    }
    50% {
        top: 36.33333vw;
    }
    100% {
        top: 0px;
    }
}

.dn_wn {
    padding-top: 54.53333vw;
    display: none;
}

.dn_wn p {
    padding: 0;
    background: -webkit-linear-gradient(183deg, #FFFFFF 0%, #FFDA30 100%);
    /* Chrome, Safari */
    background: linear-gradient(183deg, #FFFFFF 0%, #FFDA30 100%);
    /* 标准语法 */
    -webkit-background-clip: text;
    /* Chrome, Safari */
    background-clip: text;
    -webkit-text-fill-color: transparent;
    /* Chrome, Safari */
    color: transparent;
    /* 兼容不支持background-clip的浏览器 */
    line-height: 1.5;
    text-shadow: 0px 4px 4px 0px #272A3E;
}

.dn_wn .p1 {
    font-size: 9.06666vw;
}

.dn_wn .p2 {
    font-size: 8vw;
    padding-top: 2.4vw;
}

/*报告-弹窗页*/

.report_pop h2 {
    font-size: 6.4vw;
    color: #CFA553;
    line-height: 1;
    padding-top: 33.2vw;
}

.report_pop .des {
    font-size: 3.73333vw;
    color: #fff;
    line-height: 1.5;
    padding-top: 7.86666vw;
    padding-bottom: 27.73333vw;
}

/*评测指南*/

.guide_body {
    background: none;
    padding: 0;
    border-radius: 0;
}

.gu_mes {
    color: #FFFFFF;
    font-size: 3.73333vw;
    line-height: 1.5;
    padding: 7.86666vw 0;
}

.gu_sed {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gu_sed_list {
    border-radius: 2.66666vw;
    background: linear-gradient(180deg, #FAF1E1 0%, #F2E2C2 100%);
    width: 40.13334vw;
    padding: 1.06666vw;
    position: relative;
}

.gu_sed_list::after {
    position: absolute;
    left: 1.06666vw;
    top: 1.06666vw;
    content: "";
    width: 39.83333vw;
    height: 33.433vw;
    border-radius: 2.66666vw;
    border: 1px solid #CFA553;
}

.gu_sed_list h4 {
    color: #CFA553;
    font-size: 3.73333vw;
    line-height: 1.5;
    text-align: center;
    padding-bottom: 3.59999vw;
    padding-top: 3.46666vw;
}

.gu_sed_list h6 {
    color: #5B5B5B;
    font-size: 2.93333vw;
    line-height: 1.5;
    padding-bottom: 3.46666vw;
    padding-left: 3.4vw;
    padding-right: 3.4vw;
}

.index_kv .gu_ul {
    padding: 0;
    font-size: 3.73333vw;
    padding-top: 7.19999vw;
    line-height: 1.5;
    padding-bottom: 12vw;
}

.index_kv .gu_ul h5 {
    color: #fff;
    line-height: 1.5;
    font-size: 3.73333vw;
}

.index_kv .gu_ul li {
    font-size: 3.73333vw;
    line-height: 1.5;
    padding: 0;
    color: #fff;
    background: inherit;
    background-clip: inherit;
    -webkit-text-fill-color: #fff;
    list-style: decimal;
    margin-left: 3.66666vw;
}

/*20241118--背景UI更新*/

.bg_new {
    background: url("../img/bg02.jpg") top center no-repeat;
    background-size: cover;
    min-height: 100vh;
}

.bg_new03 {
    background: url("../img/bg03.jpg") top center no-repeat;
    background-size: cover;
    min-height: 100vh;
}

.bg_new .index_cont {
    background: none !important;
    height: auto;
}

.bg_new .index_kv h2 {
    padding-top: 9.73333vw;
    padding-left: 2.26666vw;
}

.bg_new .index_login a {
    background: url(../img/pic15.png) no-repeat;
    background-size: contain;
    height: 10.93333vw;
}

.bg_new .index_login a:active {
    background: url(../img/pic15_0.png) no-repeat;
    background-size: contain;
}

.bg_new .index_kv h2 img.tp_title {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}

.bg_new .index_kv h2 {
    justify-content: space-between;
}

.bg_new .index_kv h2 a img {
    margin-right: 3.33333vw;
    margin-top: 1vw;
}

.bg_new .teps_cont {
    padding-top: 24.4vw;
}

.weui-toast {
    height: 16.6em;
}

.bg_new .mess_text {
    font-size: 3.46666vw;
}

.bg_new .mess_text span {
    opacity: 0.7;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.7);
    padding-bottom: 0.5vw;
}

.bg_index {
    background: url("../img/pic19.jpg") top center no-repeat;
    background-size: cover;
}

.bg_index .index_login a {
    width: 77.86666vw;
    height: 14.26666vw;
    font-size: 6.06666vw;
    cursor: pointer;
    font-weight: bold;
}

.bg_monitor {
    background: url("../img/pic18.jpg") top center no-repeat;
    background-size: cover;
}

.guanjie {
    width: 100%;
    height: 23.33333vw;
    background: url("../img/pic20.png") top center no-repeat;
    background-size: cover;
    font-size: 8vw;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5.33333vw;
}

.bg_monitor .user_iofo {
    position: inherit;
    transform: inherit;
    bottom: inherit;
    left: inherit;
    display: flex;
    justify-content: center;
    padding-bottom: 5vw;
    padding-top: 10vw;
}

.bg_monitor .user_iofo a {
    opacity: 1;
}

.zongzhi {
    font-size: 2.4vw;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 6.33333vw;
    padding-bottom: 1.33333vw;
    opacity: 0.7;
}

/*备案*/

.beian {
    display: flex;
    align-items: center;
    justify-content: center;
    /* flex-flow: column; */
    padding-top: 5.33333vw;
    padding-bottom: 5vw;
    width: 100%;
    color: #fff;
}

.beian a {
    font-size: 2.4vw;
    color: #fff;
    display: flex;
    align-items: center;
    margin: 0 1vw;
}

.beian a span {
    opacity: 0.7;
    color: #fff;
}

.beian em {
    padding: 0 1vw;
    font-size: 2.4vw;
    opacity: 0.7;
    color: #fff;
}

.beian img {
    width: 3.4vw;
    margin-right: 1vw;
    margin-top: -1vw;
}

/*1124更新*/

.beian {
    position: absolute;
    left: 0;
    height: 3.7vw;
    padding-top: 7.33333vw;
}

.ks_cont_os {
    display: none;
    color: #fff;
    font-size: 3.2vw;
    padding: 0 4.39999vw;
    padding-bottom: 6.4vw;
}

.ks_list {
    padding-top: 4.66666vw;
}

.os_title {
    border-top: 1px solid #D8D8D8;
    padding-top: 5.33333vw;
    display: flex;
    justify-content: center;
}

.os_title span {
    position: relative;
    z-index: 1;
}

.os_title span::after {
    position: absolute;
    width: 21.33333vw;
    height: 0.93333vw;
    background: url("../img/ic37.png") no-repeat;
    background-size: 100% 100%;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    bottom: 0.93333vw;
    z-index: -1;
}

.os_cont h6 {
    padding-top: 4.39999vw;
    line-height: 1.5;
    display: flex;
    font-size: 3.2vw;
}

.os_cont h6 em {
    width: 16.73333vw;
}

.os_cont h6 span {
    width: 55vw;
}

.os_mg0 {
    border: 0;
}

.ks_title {
    height: 10.66666vw;
    line-height: 10.66666vw;
    color: #fff;
    font-size: 3.73333vw;
    display: flex;
    justify-content: space-between;
    padding: 0 4.39999vw;
    align-items: center;
    margin-top: 2.66666vw;
}

.ks_title img {
    width: 4vw;
    height: 2.53333vw;
}

.ks_list_cont {
    border-radius: 2.13333vw;
    background: rgba(62, 75, 138, 0.3);
}

.weui-icon_toast.weui-primary-loading {}

.z_privacy {
    padding-top: 24.267vw;
    padding-bottom: 11.867vw;
    width: calc(100% - 6.800vw - 6.800vw);
    margin: 0 auto;
    color: #404040;
}

.z_privacy .tit {
    font-size: 4.000vw;
    padding-bottom: 9.200vw;
    position: relative;
    margin-bottom: 21.600vw;
}

.z_privacy .tit::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #30EA03;
    width: 10.667vw;
    height: 1.333vw;
}

.z_privacy .img {
    width: calc(100% + 6.800vw + 6.800vw);
    margin-left: -6.800vw;
    margin-bottom: 8.400vw;
}

.z_privacy .img img {
    width: 100%;
}

.z_privacy .time {
    font-size: 3.467vw;
    margin-bottom: 5.467vw;
    color: #000;
}

.z_privacy .title {
    font-size: 4.000vw;
    margin-bottom: 4.933vw;
    color: #000;
}

.z_privacy .txt {
    font-size: 3.467vw;
    line-height: 1.5;
}

.z_privacy .txt p {}

/*二期新增样式0527*/

.wifi_jj {
    font-size: 3.8vw;
    color: #000;
    text-align: center;
}

.login_input_yzm .vcode {
    right: 0;
    height: 10.66666vw;
    line-height: 10.66666vw;
    font-size: 3.46666vw;
    top: 0;
    background: #23398C;
    color: #fff;
    border-color: #23398C;
    width: 30.86666vw;
    border-radius: 1.06666vw;
}

.login_input .vcode.disabled {
    color: #fff;
    border-color: #828799;
    cursor: not-allowed;
    background: #828799;
}

.login_input .weui-input {
    background: none;
    border: 1px solid #BDBDBD;
    border-radius: 1.06666vw;
    width: calc(100% - 11.26666vw);
}

.login_input_yzm .weui-input {
    width: 45%;
}

.Wifi_warp .weui-btn_primary {
    background: url("../img/20250527_p1.png") no-repeat;
    background-size: contain;
    width: 82.93333vw !important;
    margin-top: 8vw !important;
}

.Wifi_warp .weui-btn_primary:active {
    background: url("../img/20250527_p1_0.png") no-repeat;
    background-size: contain;
}

.login_input {
    margin-bottom: 4.133vw;
}

.yinsi_wrap .conss {
    font-size: 3.8vw;
    padding-bottom: 4vw;
    color: #191919;
}

.byt_btn {
    display: flex;
    justify-content: space-between;
    padding-top: 9.86666vw;
}

.byt_btn a {
    width: 37.33333vw !important;
    padding: 0 !important;
    height: 13.33333vw;
    margin-top: 0 !important;
    font-size: 3.46666vw !important;
}

.byt_btn .weui-btn_dis {
    background: url("../img/20250527_p2.png") no-repeat;
    background-size: contain;
    color: #666666;
    line-height: 13.33333vw;
}

.byt_btn .weui-btn_primary {
    background: url("../img/20250527_p3.png") no-repeat;
    background-size: contain;
}

.byt_btn .weui-btn_primary:active {
    background: url("../img/20250527_p3_0.png") no-repeat;
    background-size: contain;
}

.weui-half-screen-dialog__hd {
    padding-top: 8.53333vw;
}

.weui-half-screen-dialog__title {
    font-size: 3.8vw;
}

.weui-half-screen-dialog__bd {
    padding-top: 8vw;
}

.login_input .weui-input {
    height: 10.66666vw;
    line-height: 10.66666vw;
    font-size: 3.46666vw
}

.no_warp .weui-btn_primary {
    margin-top: 32.4vw !important;
}

.use_per {
    padding-top: 5.33333vw;
    text-align: center;
    font-weight: 400;
    font-size: 3.73333vw;
}

.use_per a {
    color: #666666;
}

.z_privacy {
    padding-top: 17.33333vw;
}

.lso {
    display: flex;
    padding-bottom: 5.06666vw;
    padding-top: 2vw;
}
.lso img{
  width: 28.93333vw;
}

.tp_hs {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% - 4.66666vw);
    height: 14.33333vw;
    padding-left: 4.66666vw;
    border-bottom: 1px solid #f8f8f8;
    z-index: 2;
}

.tp_hs a {
    display: inline-flex;
    margin-top: 3.16666vw;
}

.tp_hs a img {
    width: 8.53333vw;
}

@media (min-width: 1024px) {
    .register_bottom_bg {
        display: none;
    }
    .register {
        background: url(../img/pic02.png) no-repeat bottom;
        background-size: 100%;
        padding-bottom: 34vw;
    }
}

@media (min-width: 480px) {
    .bg_new {
        background: url("../img/bg02.jpg") top center no-repeat;
        background-size: cover;
        height: 208.53333vw;
    }
    .bg_new03 {
        background: url("../img/bg03.jpg") top center no-repeat;
        background-size: cover;
        height: 208.53333vw;
    }
    .bg_new .register {
        background: none;
    }
    .bg_index {
        background: url("../img/pic19.jpg") top center no-repeat;
        background-size: cover;
    }
    .bg_monitor {
        background: url("../img/pic18.jpg") top center no-repeat;
        background-size: cover;
    }
}

@media (max-width: 375px) {
    .bg_new {
        background: url("../img/bg02.jpg") top center no-repeat;
        background-size: cover;
        height: 208.53333vw;
    }
    .bg_new03 {
        background: url("../img/bg03.jpg") top center no-repeat;
        background-size: cover;
        height: 208.53333vw;
    }
    .bg_index {
        background: url("../img/pic19.jpg") top center no-repeat;
        background-size: cover;
    }
    .bg_monitor {
        background: url("../img/pic18.jpg") top center no-repeat;
        background-size: cover;
    }
}

@media (max-width: 999px) {
    .zz3 {
        position: relative;
    }
    .zz1 {
        height: auto;
        padding-bottom: 10vw;
    }
    .zz2 {
        position: absolute;
        bottom: 0;
        left: 0;
    }
}

/*
 * 页面主样式
 * 日期: 2025-06-12
 * By Killer
 #000209
 */

/*monitor.html*/

.v3_bg {
    background-color: #000209;
    width: 100%;
}

.pt_bottom {
    width: 100%;
    height: 56.26666vw;
    background: url("../img/v3/p6.png") no-repeat;
    background-size: cover;
    position: absolute;
}

.all_bg {
    top: 50.06666vw;
    z-index: -1;
    position: absolute;
    width: 100%;
    left: 0;
}

.all_bootom {
    top: 45.06666vw;
}

.all_exp {
    top: 35.06666vw;
}

.tp_header h2 {
    padding-top: 8.93333vw;
    padding-left: 4.26666vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tp_header h2 img.tp_title {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}

.tp_header h2 img {
    width: 18.8vw;
    margin-right: 1.86666vw;
}

.tp_header h2 a {
    cursor: pointer;
}

.tp_header h2 a img {
    margin-right: 6.4vw;
    margin-top: 2vw;
    width: 9.6vw;
    margin-left: 0;
}

.index_swiper {
    width: 100%;
    height: 56.26666vw;
}

.index_swiper .in_pic {
    width: 100%;
    height: 56.26666vw;
}

.index_swiper a {
    width: 47.46666vw;
    height: 13.33333vw;
    background: url("../img/v3/p3.png") no-repeat;
    background-size: cover;
    display: flex;
    position: absolute;
    bottom: 5.33333vw;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 600;
    font-size: 4.26666vw;
    color: #333333;
    justify-content: center;
    align-items: center;
    z-index: 9;
    cursor: pointer;
}

.index_swiper a:active {
    background: url("../img/v3/p3_0.png") no-repeat;
    background-size: cover;
}

.index_swiper a img {
    width: 3.33333vw;
}

.index_swiper a em {
    background-color: #bf8626;
    width: 4.8vw;
    height: 4.8vw;
    border-radius: 4.8vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1.6vw;
}

.index_swiper .swiper-pagination-bullet {
    width: 1.06666vw;
    height: 1.06666vw;
    background: #ffffff;
    opacity: 0.5;
    margin: 0 0.8vw;
}

.index_swiper .swiper-pagination-bullet-active {
    width: 3.2vw;
    height: 1.06666vw;
    border-radius: 1.06666vw;
    opacity: 1;
}

.index_swiper>.swiper-pagination-bullets {
    bottom: 0.5vw !important;
}

.pt_icon {
    display: flex;
    padding: 0 6.4vw;
    justify-content: space-between;
    padding-top: 4.26666vw;
}

.pt_icon_list {
    cursor: pointer;
}

.pt_icon_list img {
    width: 16vw;
}

.pt_icon_list P {
    padding-top: 2.13333vw;
    background: linear-gradient(to right, #ca9e57 0%, #f8efbd 50%, #ca9e57 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 500;
    font-size: 3.46666vw;
    line-height: 4.13333vw;
    text-align: center;
}

.pt_title {
    font-weight: 500;
    font-size: 5.86666vw;
    line-height: 6.4vw;
    background: linear-gradient(to right, #ca9e57 0%, #f8efbd 45%, #ca9e57 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-align: center;
    padding-top: 9.2vw;
}

.pt_title_line {
    display: flex;
    justify-content: center;
    padding-top: 1.33333vw;
}

.pt_title_line img {
    width: 49.46666vw;
}

.pt_conts {
    padding: 0 6.4vw;
    display: flex;
    justify-content: space-between;
    padding-top: 4.26666vw;
    flex-wrap: wrap;
    padding-bottom: 5.33333vw;
}

.pt_conts_list {
    width: 42.26666vw;
    height: 30vw;
    background: url("../img/v3/p8.png") no-repeat;
    background-size: cover;
    margin-bottom: 2.66666vw;
}

.pt_conts_list p {
    background: linear-gradient(to right, #ca9e57 0%, #f8efbd 45%, #ca9e57 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    line-height: 4.66666vw;
    font-weight: 600;
    font-size: 4.26666vw;
    padding: 0;
    padding-top: 3.73333vw;
    text-align: center;
}

.p_title_line {
    display: flex;
    justify-content: center;
    padding-top: 2.13333vw;
}

.p_title_line img {
    width: 33.73333vw;
}

.pt_conts_list span {
    font-weight: 500;
    font-size: 3.2vw;
    color: #ffffff;
    line-height: 4.8vw;
    padding: 0 2vw;
    display: block;
    padding-top: 1.06666vw;
    text-align: center;
}

.pt_share {
    width: 87.2vw;
    height: 13.33333vw;
    background: url("../img/v3/p10.png") no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 4.8vw;
    color: #333333;
    margin: 0 auto;
    margin-bottom: 10.66666vw;
    cursor: pointer;
}

.pt_share:active {
    background: url("../img/v3/p10_0.png") no-repeat;
    background-size: cover;
}

.pt_share img {
    width: 5.33333vw;
    margin-left: 1.6vw;
}

.zongzhi {
    opacity: 1;
    color: #9e9e9e;
}

.beian_new {
    justify-content: center;
    display: flex;
    align-items: center;
    color: #9e9e9e;
    line-height: 2.93333vw;
}

.beian_new a {
    font-size: 2.4vw;
    color: #9e9e9e;
    margin: 0 1vw;
    align-items: center;
    display: inline-flex;
}

.beian_new em {
    padding: 0 1vw;
    font-size: 2.4vw;
}

.beian_new img {
    width: 3.4vw;
    margin-right: 1vw;
    margin-top: -0.5vw;
}

.bot_mess {
    font-weight: 400;
    font-size: 2.4vw;
    color: #9e9e9e;
    line-height: 2.93333vw;
    text-align: center;
    padding-bottom: 1.2vw;
}

/*gather.html*/

.gather_myElement {
    height: 210vw;
}

.all_bg_gather {
    top: 14.067vw;
}

.teps_cont {
    padding-top: 7.33333vw;
}

.message {
    font-size: 3.73333vw;
}

.caiji_list ul li {
    margin-bottom: 2.26666vw;
}

.pt_80 {
    padding-top: 34.66666vw;
}

.bg_new .index_login a {
    font-weight: 600;
    width: 58.66666vw;
    height: 13.33333vw;
    background: url("../img/v3/p14.png") no-repeat;
    background-size: cover;
    cursor: pointer;
    font-weight: bold;
}

.bg_new .index_login a:active {
    background: url("../img/v3/p14_0.png") no-repeat;
    background-size: cover;
}

.aifenxi {
    color: #fff;
    text-align: center;
    font-size: 3.2vw;
    padding-bottom: 2vw;
}

.teps {
    position: relative;
    padding-top: 0;
    display: flex;
    align-items: center;
    background: transparent;
    height: 8.53333vw;
}

.teps h6 {
    position: initial;
    padding-top: 0;
    width: 100%;
    color: #fff;
    justify-content: space-between;
    box-sizing: border-box;
    padding-left: 3vw;
}

.teps h6::before {
    visibility: hidden;
}

.teps h6 .span {
    position: initial;
}

.teps h6 .span.active:nth-child(1) span {
    margin-left: -2vw;
}

.teps h6 .span.active span img {
    display: block;
}

.teps h6 .span.active:nth-child(2) span {
    left: -2vw;
}

.teps h6 .span:nth-child(3) span {
    left: -2vw;
}

.teps h6 .span.active:nth-child(3) span {
    left: -1vw;
}

.teps h6 .span span {
    position: relative;
    z-index: 4;
    display: flex;
    align-items: center;
}

.teps h6 .span span img {
    display: none;
    width: 3.5vw;
    margin-left: 2vw;
}

.teps h6 .span.active:nth-child(1)::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../img/pic21.png") no-repeat;
    background-size: 100% 100%;
    z-index: 1;
}

.teps h6 .span.active:nth-child(2)::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../img/pic22.png") no-repeat;
    background-size: 100% 100%;
    z-index: 2;
}

.teps h6 .span.active:nth-child(3)::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../img/pic23.png") no-repeat;
    background-size: 100% 100%;
    z-index: 3;
}

.teps h6 .span.active {
    color: #333;
}

.teps h6 .span span::after {
    visibility: hidden;
}

.sk_kw {
    padding: 0;
}

.bg_new .teps_cont {
    padding-top: 7.6vw;
}

.index_login {
    flex-wrap: wrap;
}

.caiji_list ul li {
    background: #fff;
    color: #333;
    -webkit-text-fill-color: #333;
    padding-top: 2.4vw;
    padding-bottom: 2.4vw;
}

.caiji_list ul li .tx {
    width: 14.66666vw;
}

.caiji_list ul li dl dt {
    padding-top: 2.66666vw;
}

.caiji_list ul li dl dd {
    padding-top: 1.2vw;
    font-size: 5.8vw;
    line-height: 1;
}

.caiji_list li {
    position: relative;
}

.caiji_list li .rep {
    position: absolute;
    right: 2.66666vw;
    font-size: 3.46666vw;
    width: 19.2vw;
    height: 5.33333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f1f1;
    border-radius: 5.33333vw;
    color: #333333;
    font-size: 3.46666vw;
    bottom: 2.4vw;
}

.caiji_list li .rep img {
    width: 3.46666vw;
    margin-right: 1.33333vw;
}

.caiji_list ul li dl dt a {
    background: none;
}

.weui-dialog__title {
    font-size: 5.2vw;
    font-weight: bold;
    color: #333;
    text-align: center;
}

.weui-dialog .weui-dialog__bd h4 {
    font-size: 5.2vw;
    font-weight: bold;
    padding-bottom: 2vw;
}

.weui-dialog .weui-dialog__bd p {
    font-size: 4.2vw;
}

.weui-dialog__bd_gather {
    font-size: 4.2vw;
    padding-top: 3vw;
    padding-bottom: 5vw;
}

/*qa.html*/

.mt80 {
    margin-top: 10.66666vw;
}

.bq_model_1 .third {
    width: 100%;
    flex: inherit;
}

.teps_cont {
    position: relative;
}

.bq_model_1 .third {
    justify-content: flex-start;
    padding-left: 4vw;
}

.topic h5 {
    color: #fff;
}

.topic ul li p {
    color: #fff;
}

.bq_model span {
    color: #fff;
    background-color: rgba(62, 75, 138, 0.6);
}

.teps {
    position: relative;
    padding-top: 0;
    display: flex;
    align-items: center;
    background: transparent;
    height: 8.53333vw;
}

.teps h6 {
    position: initial;
    padding-top: 0;
    width: 100%;
    color: #fff;
    justify-content: space-between;
    box-sizing: border-box;
    padding-left: 3vw;
}

.teps h6::before {
    visibility: hidden;
}

.teps h6 .span {
    position: initial;
}

.teps h6 .span span {
    position: relative;
    z-index: 4;
}

.teps h6 .span:nth-child(3) span {
    left: -2vw;
}

.teps h6 .span.active:nth-child(1)::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../img/pic21.png") no-repeat;
    background-size: 100% 100%;
}

.teps h6 .span.active {
    color: #333;
}

.teps h6 .span span::after {
    visibility: hidden;
}

.bq_model span {
    background-color: rgba(101, 104, 123, 0.8);
}

/*conserve.html*/

.bt_tips {
    padding-top: 6vw;
    padding-bottom: 10vw;
}

.bt_tips ul {
    padding: 0;
    font-size: 2.4vw;
}

.sm_mess li {
    background: none;
    color: #fff;
    -webkit-text-fill-color: #fff;
    padding-bottom: 0;
    font-size: 2.8vw;
    line-height: 1.5;
    padding-bottom: 2vw;
    list-style: disc;
    margin-left: 4vw;
    list-style: conic-gradient;
    opacity: 0.7;
    padding-bottom: 1vw;
    font-size: 2.4vw;
}

.pt24 {
    padding-top: 24vw;
    height: 32.267vw;
    margin-top: -24vw;
    z-index: -1;
}

.pt25 {
    padding-top: 24vw;
    height: 32.267vw;
    z-index: -1;
}

.pt26 {
    padding-top: 24vw;
    height: 32.267vw;
    z-index: -1;
    bottom: 0;
}

.dv_rp span {
    position: relative;
    padding-right: 3.8vw;
}

.dv_rp span em {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 2.13333vw;
    right: -2.8vw;
    top: -1vw;
    right: 0;
    width: 3.8vw;
    text-align: center;
}

.dv_rp span em.dob {
    right: -3.8vw;
    right: 0;
}

.weui-toast__content_cons {
    font-size: 4.26666vw;
    padding: 0 5vw;
    line-height: 1.5;
}

.weui-toast_cons {
    width: 60vw;
    height: 24vw;
    top: 50%;
}

/*conserve_share.html*/

/* .share_cont {
    width: 90.93333vw;
    height: 160.8vw;
    background: url("../img/ic59.png")transparent no-repeat;
    background-size: cover;
    margin: 0 auto;
} */

.share_cont {
    width: 82.93333vw;
    margin: 0 auto;
    border-radius: 2.86666vw;
}

.share_cont .lo {
    padding-top: 0;
}

.share_cont .lo img {
    width: 82.93333vw;
    border-radius: 2.86666vw 2.86666vw 0 0;
}

.share_cont .to {
    width: 82.93333vw;
    height: 29.73333vw;
    margin: 0 auto;
    background: url("../img/ic58.jpg") no-repeat;
    background-size: cover;
    border-radius: 0 0 2.86666vw 2.86666vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.to .co_le img {
    width: 56.93333vw;
}

.to .co_le div {
    padding-top: 1.73333vw;
    font-size: 5.33333vw;
    line-height: 1.5;
    color: #03051c;
    line-height: 1.4;
}

.lo {
    display: flex;
    justify-content: center;
    padding-top: 4vw;
}

.co_le {
    padding-left: 4.66666vw;
    font-weight: 600;
}

.co_re {
    padding-right: 4.66666vw;
}



.erweima {
    width: 20.26666vw;
    height: 20.26666vw;
    background-size: contain;
}

.erweima img {
    width: 18.66666vw;
    margin-top: 0.8vw;
    margin-left: 0.8vw;
}

.to .co_le .ts02 {
    font-size: 3.73333vw;
    line-height: 1.5;
    color: #03051c;
    opacity: 0.7;
    padding-top: 0;
}

.pt10 {
    padding-top: 6.66666vw;
}

/* guide_order.html */

.dm_skw {
    font-size: 5.33333vw;
    color: #fff;
    padding-top: 8vw;
    text-align: center;
    line-height: 1.5;
    font-weight: 600;
}

.cons_body_is {
    padding: 0 4.33333vw;
    padding-bottom: 5.33333vw;
    margin-bottom: 5.33333vw;
}

.cons_body_is h3 {
    padding-top: 8.53333vw;
    align-items: baseline;
}

.cons_body_is .po_a {
    color: #c7c7c7;
    font-size: 3.73333vw;
    line-height: 1.5;
}

.cons_body_is .po_a span {
    color: #fff;
}

.js_dialog3 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    left: 0;
    top: 0;
}

.js_dialog3 .close_btn {
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    padding: 0 8.53333vw;
    padding-bottom: 3.2vw;
}

.js_dialog3 .close_btn a {
    margin-right: 0;
    margin-bottom: 5.33333vw;
    width: 100%;
    background: url(../img/v3/p17.png) no-repeat;
    background-size: 100% 100%;
}

.js_dialog3 .close_btn a.none {
    background: url(../img/v3/p14.png) no-repeat;
    background-size: 100% 100%;
}

.js_dialog3 .close_btn a.none:active {
    background: url(../img/v3/p14_0.png) no-repeat;
    background-size: 100% 100%;
}

.js_dialog3 .weui-dialog__bd {
    margin-bottom: 10.66666vw;
    font-size: 4.8vw;
    padding-top: 13.33333vw;
}

.js_dialog3 .close_btn_x {
    position: absolute;
    right: 1.2667vw;
    top: 1.2667vw;
    padding: 3vw;
}

.js_dialog3 .close_btn_x img {
    width: 5.5vw;
}

.register .title {
    margin-top: 2.3333vw;
    margin-bottom: 0.3333vw;
    padding: 0;
    width: 100%;
    height: 21.6vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../img/v3/p18.png) no-repeat;
    background-size: 100% 100%;
    background: transparent;
    height: auto;
    font-size: 6.19999vw;
}

.register .desc {
    background: rgba(36, 42, 77, 0.5);
    border-radius: 1.0667vw;
    width: 100%;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 4.3333vw 4.2667vw;
    padding-bottom: 2.1333vw;
}

.register .desc .message {
    font-size: 3.7333vw;
    color: #ffffff;
    padding-bottom: 4.2667vw;
    text-align: center;
}

.register .desc .weui-cell {
    margin: 0;
    padding: 0;
    width: 36.2667vw;
    height: 8.5333vw;
    background-color: transparent;
    margin-bottom: 3.2667vw;
    border: 0;
}

.register .desc .weui-label {
    width: 11.2vw;
}

.register .desc .weui-cell__bd .radio {
    margin-left: 2.1333vw;
    margin-right: 0;
}

.register .desc .weui-cell__bd.select {
    width: 26.93333vw;
    position: relative;
}

.register .desc .weui-cell__bd .custom-select-trigger {
    width: calc(100% - 1.6vw);
    height: 8.5333vw;
    border-radius: 0.8vw;
    font-size: 3.2vw;
    color: #ffffff66;
    background: transparent;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../img/v3/p19.png) rgba(101, 104, 123, 0.8) no-repeat calc(100% - 0.8vw) 50%;
    background-size: 2.4vw;
    box-sizing: border-box;
    padding: 0 0.8vw;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.register .desc .weui-cell__bd .custom-select-trigger.active {
    padding: 0 2.9333vw;
    font-size: 4.26666vw;
    color: #fff;
}

.register .desc .weui-cell__bd .custom-select-options {
    display: none;
    position: absolute;
    width: calc(100% - 1.6vw);
    top: 100%;
    left: 0;
    right: 0;
    background: #65687b;
    border-radius: 0.8vw;
    z-index: 100;
    padding-top: 1.0667vw;
    padding-bottom: 1.4667vw;
    max-height: 26.867vw;
    overflow: auto;
}

.register .desc .weui-cell__bd .custom-select-options.active {
    display: block;
}

.register .desc .weui-cell__bd .custom-select-options li {
    padding: 0.8vw 0;
    cursor: pointer;
    font-size: 4.8vw;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
}

.register .desc .weui-cell__bd .custom-select-options li:hover {
    font-size: 5.3333vw;
    color: #fff;
}

.register .desc .weui-cell__bd .custom-select-options li.active {
    font-size: 5.3333vw;
    color: #fff;
}

.cons_body_login {
    padding: 0;
    margin-top: 4.6667vw;
    background: transparent;
}

.cons_body_login .desc {
    background: transparent;
    padding: 4.6667vw 4.4vw 4.6667vw;
    padding-bottom: 3.66666vw;
}

.cons_body_login .desc .list {
    padding-bottom: 2.6667vw;
    position: relative;
    display: flex;
    align-items: center;
}

.cons_body_login .desc .list::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 7.7333vw;
    background: #ca9e57;
    z-index: 1;
    left: 3vw;
    bottom: 0;
}

.cons_body_login .desc .list span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.4vw;
    height: 6.4vw;
    background: url(../img/v3/p21.png) no-repeat;
    background-size: 100% 100%;
    font-weight: bold;
    font-size: 3.7333vw;
    color: #333333;
    margin-right: 5.5333vw;
    position: relative;
    z-index: 2;
}

.cons_body_login .desc .list span img {
    width: 100%;
    height: 100%;
    float: left;
}

.cons_body_login .desc .list p {
    font-size: 3.7333vw;
    color: #ffffff;
    padding: 0;
}

.cons_body_login .desc .list:last-child {
    padding-bottom: 0;
}

.cons_body_login .desc .list:last-child::before {
    display: none;
}

.cons_body_login .txt {
    padding: 0;
    font-size: 3.7333vw;
    color: #ffffff;
    text-align: center;
    padding-top: 3.4vw;
}

.bg_new .index_login a {
    width: calc(100% - 4.2667vw - 10.267vw);
    background: url(../img/v3/p22.png) no-repeat;
    background-size: 100% 100%;
}

.bg_new .index_login a:active {
    background: url("../img/v3/p22_0.png") no-repeat;
    background-size: 100% 100%;
}

.index_login {
    margin-top: 3.33333vw;
}

.mrt40_ts {
    padding-bottom: 5.33333vw;
    margin-top: 5vw;
}

.z_yingyang {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.z_yingyang .title {
    width: 100%;
    text-align: center;
    padding-top: 18.6667vw;
    padding-bottom: 5.7333vw;
    position: relative;
}

.z_yingyang .title::before {
    content: "";
    left: 50%;
    transform: translateX(-50%);
    width: 93.3333vw;
    height: 43.4667vw;
    bottom: 0;
    background: url(../img/v3/p23.png) no-repeat bottom;
    background-size: 100%;
    position: absolute;
    z-index: 1;
}

.z_yingyang .title span {
    position: relative;
    z-index: 2;
    font-weight: bold;
    font-size: 6.93333vw;
    color: #ffffff;
}

.z_yingyang .img {
    width: 100%;
    height: 65.7333vw;
    position: relative;
}

.z_yingyang .img img {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

.z_yingyang .desc {
    width: 100%;
    box-sizing: border-box;
    padding: 0 3.2vw;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.z_yingyang .desc .list {
    width: calc(50% - 1.0667vw);
    margin-bottom: 1.0667vw;
    display: flex;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    padding: 6.2667vw 3.7333vw 0;
}

.z_yingyang .desc .list .tit {
    background: linear-gradient(to right, #ca9e57 0%, #f8efbd 45%, #ca9e57 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: bold;
    font-size: 5.3333vw;
    margin-bottom: 3.7333vw;
}

.z_yingyang .desc .list .dt {
    margin-bottom: 4.2667vw;
}

.z_yingyang .desc .list .dt .li {
    display: flex;
    align-items: center;
}

.z_yingyang .desc .list .dt .li img {
    width: 2.4vw;
    margin-right: 1.0667vw;
}

.z_yingyang .desc .list .dt .li p {
    font-size: 3.1vw;
    color: #ffffff;
    line-height: 4.8vw;
}

.z_yingyang .desc .list .txt {
    font-size: 2.4vw;
    color: #ffffff;
    line-height: 3.6vw;
    opacity: 0.7;
    text-align: justify;
}

.z_yingyang .desc .list:nth-child(1) {
    background: url(../img/v3/p25.png) no-repeat;
    background-size: 100% 100%;
    height: 60.4vw;
}

.z_yingyang .desc .list:nth-child(2) {
    background: url(../img/v3/p25.png) no-repeat;
    background-size: 100% 100%;
    height: 60.4vw;
}

.z_yingyang .desc .list:nth-child(3) {
    background: url(../img/v3/p26.png) no-repeat;
    background-size: 100% 100%;
    height: 48.4vw;
}

.z_yingyang .desc .list:nth-child(4) {
    background: url(../img/v3/p26.png) no-repeat;
    background-size: 100% 100%;
    height: 48.4vw;
}

.z_yingyang1 {
    box-sizing: border-box;
    padding: 9.3333vw 6.4vw 0;
    min-height: 64vh;
}

.z_yingyang1 .cons_body {
    padding: 6.4vw 4.2667vw;
    margin-bottom: 5.3333vw;
}

.z_yingyang1 .cons_body .list {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 3.7333vw;
    padding-top: 5.3333vw;
}

.z_yingyang1 .cons_body .list.last {
    margin-bottom: 0;
    padding-top: 0;
}

.z_yingyang1 .cons_body .list img {
    width: 21.3333vw;
    margin-right: 3.7333vw;
}

.z_yingyang1 .cons_body .list .desc {
    flex: 1;
    width: 0;
    display: flex;
    flex-direction: column;
}

.z_yingyang1 .cons_body .list .desc .tit {
    font-size: 4.2667vw;
    color: #ffffff;
    margin-bottom: 1.6vw;
    font-weight: 600;
}

.z_yingyang1 .cons_body .list .desc .txt {
    font-size: 3.7333vw;
    color: #ffffff;
    line-height: 5.6vw;
}

.z_yingyang1 .cons_body .desc1 {
    padding-top: 5.3333vw;
}

.z_yingyang1 .cons_body .desc1 .tit {
    font-size: 4.2667vw;
    color: #ffffff;
    margin-bottom: 2.1333vw;
    font-weight: 600;
}

.z_yingyang1 .cons_body .desc1 .txt {
    font-size: 3.7333vw;
    color: #ffffff;
    line-height: 5.6vw;
}

.z_yingyang1 .cons_body .desc1 .txt .li {
    display: flex;
}

.z_yingyang1 .cons_body .desc1 .txt .li span {
    margin-right: 2vw;
}

.z_yingyang1 .cons_body .desc1 .txt .li p {
    padding: 0;
    font-size: 3.7333vw;
    color: #ffffff;
    line-height: 5.6vw;
}

.z_yingyang1 .cons_body .btn {
    width: 100%;
    padding-top: 6.4vw;
    display: flex;
    justify-content: space-between;
}

.z_yingyang1 .cons_body .btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36.8vw;
    height: 13.3333vw;
    font-size: 3.4667vw;
    color: rgba(255, 255, 255, 0.7);
    background: url(../img/v3/p15.png) no-repeat;
    background-size: 100% 100%;
    font-weight: 600;
    cursor: pointer;
}

.z_yingyang1 .cons_body .btn a.none {
    color: #333333;
    background: url(../img/v3/p16.png) no-repeat;
    background-size: 100% 100%;
}

.z_yingyang1 .cons_body .btn a.none:active {
    background: url(../img/v3/p16_0.png) no-repeat;
    background-size: 100% 100%;
}

.z_yingyang1 .index_login {
    margin-top: 10.6667vw;
}

.z_yingyang1 .index_login a {
    width: 100%;
    background: url(../img/v3/p22.png) no-repeat;
    background-size: 100% 100%;
}

.z_yingyang1 .index_login a:active {
    background: url(../img/v3/p22_0.png) no-repeat;
    background-size: 100% 100%;
}

.z_yingyang2 {
    position: relative;
}

.z_yingyang2 .bg {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: -26.5333vw;
}

.z_yingyang2 .img1 {
    width: 63.8667vw;
    position: relative;
    z-index: 2;
}

.z_yingyang2 .img2 {
    width: 100%;
    position: relative;
    z-index: 2;
    margin-bottom: 56.2667vw;
}

.z_yingyang2 .pinggu {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    padding: 0 4.2667vw;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20.9333vw;
}

.z_yingyang2 .pinggu .list {
    width: 25.2vw;
    position: relative;
}

.z_yingyang2 .pinggu .list img {
    width: 100%;
}

.z_yingyang2 .pinggu .list span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2.2667vw;
    font-size: 3.4667vw;
    color: #ffffff;
    width: 100%;
    text-align: center;
}

.z_yingyang2 .title {
    width: 100%;
    text-align: center;
    padding-top: 7.933vw;
    padding-bottom: 5.2vw;
    position: relative;
    z-index: 2;
    margin-bottom: 6.2667vw;
}

.z_yingyang2 .title::before {
    content: "";
    left: 50%;
    transform: translateX(-50%);
    width: 93.3333vw;
    height: 43.4667vw;
    bottom: 0;
    background: url(../img/v3/p23.png) no-repeat bottom;
    background-size: 100%;
    position: absolute;
    z-index: 1;
}

.z_yingyang2 .title span {
    position: relative;
    z-index: 2;
    font-weight: bold;
    font-size: 5.3333vw;
    color: #ffffff;
    line-height: 6.66666vw;
}

.z_yingyang2 .yingyang2 {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 4.5333vw;
    width: 100%;
}

.z_yingyang2 .desc {
    width: calc(100% - 4.2667vw - 4.2667vw);
    background: url(../img/v3/p36.png) no-repeat;
    background-size: 100% 100%;
    padding-top: 7.6vw;
    padding-bottom: 9.8667vw;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.z_yingyang2 .desc p {
    font-size: 3.7333vw;
    color: #ffffff;
    line-height: 7.4667vw;
    width: calc(100% - 3.6vw - 3.6vw);
    text-align: center;
    padding-bottom: 2.13333vw;
}

.z_yingyang2 .desc p.p1 {
    margin-bottom: 8.4vw;
}

.z_yingyang2 .desc .img1 {
    width: 100%;
    margin-bottom: 6.8vw;
}

.z_yingyang2 .desc .img2 {
    width: 100%;
    margin-bottom: 5.6vw;
}

.z_yingyang2 .desc .img3 {
    width: 100%;
    margin-top: -4.6vw;
}

.z_yingyang2 .desc .duihao {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    margin-top: -7vw;
    margin-bottom: 7.7333vw;
}

.z_yingyang2 .desc .duihao .li {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.z_yingyang2 .desc .duihao .li:first-child {
    margin-right: 2.4vw;
}

.z_yingyang2 .desc .duihao .li img {
    width: 4.9333vw;
    margin-right: 1.2vw;
}

.z_yingyang2 .desc .duihao .li p {
    font-size: 3.7333vw;
    color: #ffffff;
    line-height: 5.6vw;
}

.z_yingyang2 .desc p.p2 {
    font-weight: bold;
    font-size: 4.2667vw;
    line-height: 7.7333vw;
}

.z_yingyang2 .beian_new {
    position: absolute;
    bottom: 2.8vw;
    width: 100%;
}

.more {
    text-align: center;
    font-size: 3.73333vw;
    line-height: 1;
    padding-top: 4.39999vw;
}

.more a {
    color: #ffffff;
}

.checkbox span {
    font-size: 4.8vw;
    line-height: 1;
    color: rgba(51, 51, 51, 0.7);
}

.z_yanghu {
    display: flex;
    flex-direction: column;
}

.z_yanghu .list {
    margin-bottom: 6.4vw;
    display: flex;
    align-items: flex-start;
}

.z_yanghu .list img {
    width: 17.0667vw;
}

.z_yanghu .list .desc {
    flex: 1;
    width: 0;
    margin-left: 3.3333vw;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.z_yanghu .list .desc .tit {
    background: linear-gradient(to right, #ca9e57 0%, #f8efbd 45%, #ca9e57 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 4.2667vw;
    margin-bottom: 2.6667vw;
}

.z_yanghu .list .desc .txt {
    font-size: 3.3667vw;
    color: #ffffff;
    line-height: 5.2vw;
}

.z_yanghu .list:last-child {
    margin-bottom: 0;
}

.bg_new .index_login.index_login_jieguo a {
    width: 58.6667vw;
    background: url(../img/v3/p3.png) no-repeat;
    background-size: 100% 100%;
}

.bg_new .index_login.index_login_jieguo a:active {
    background: url(../img/v3/p3_0.png) no-repeat;
    background-size: 100% 100%;
}

.bg_new .index_login.index_login_fenxiang a img {
    width: 5.3333vw;
    margin-left: 1.6vw;
}

.index_kv.z_index {
    height: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-bottom: 8.5333vw;
    background: url(../img/v3/p46.png) no-repeat bottom;
    background-size: 100%;
}

.index_kv.z_index h2 {
    width: 100%;
    box-sizing: border-box;
}

.index_kv.z_index .img1 {
    width: 79.7333vw;
    margin-top: 8vw;
}

.index_kv.z_index .img2 {
    width: 100%;
    position: relative;
}

.index_kv.z_index .img2 img {
    width: 100%;
}

.index_kv.z_index .img2 .pinggu {
    position: absolute;
    width: 100%;
    left: 0;
    top: 78.5333vw;
    box-sizing: border-box;
    padding: 0 11.4667vw;
    display: flex;
    justify-content: space-between;
}

.index_kv.z_index .img2 .pinggu::before {
    content: "";
    width: 0.5333vw;
    height: 9.2vw;
    background: #ffffff;
    border-radius: 0.2667vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.index_kv.z_index .img2 .pinggu .list {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.index_kv.z_index .img2 .pinggu .list img {
    width: 10.6667vw;
    margin-bottom: 2vw;
}

.index_kv.z_index .img2 .pinggu .list .tit {
    margin-bottom: 2.5333vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.index_kv.z_index .img2 .pinggu .list .tit p {
    padding: 0;
    font-size: 4.4vw;
    background: linear-gradient(0deg, #b2b2b2 0%, #ffffff 51%, #b2b2b2 100%);
    -webkit-background-clip: text;
    color: transparent;
    background-clip: text;
    font-weight: bold;
}

.index_kv.z_index .img2 .pinggu .list .tit p:first-child {
    margin-bottom: 0.93333vw;
}

.index_kv.z_index .img2 .pinggu .list .txt {
    font-size: 2.1333vw;
    color: #ffffff;
}

.index_cont.z_index_cont {
    height: auto;
    background: none;
    margin-top: -38vw;
    z-index: 3;
    min-height: 35vw;
}

.index_cont.z_index_cont .index_login {
    margin-top: 0;
}

.index_cont.z_index_cont .index_login a {
    width: 77.66666vw;
    background: url(../img/v3/p22.png) no-repeat;
    background-size: 100% 100%;
    font-size: 7.0667vw;
    color: #00104c;
}

.index_cont.z_index_cont .index_login a:active {
    background: url(../img/v3/p22_0.png) no-repeat;
    background-size: 100% 100%;
}

.index_cont .privacy label span {
    color: rgba(255, 255, 255, 0.7);
    font-size: 3.73333vw;
    line-height: 1;
}

.index_cont.z_index_cont .zongzhi {
    padding-top: 10.33333vw;
}

.index_cont.z_index_cont .zongzhi.sk_kw {
    padding: 0;
}

.bg_new.bg_new_report {
    background: #000209;
}

.bg_new.bg_new_report .ls_bg {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.bg_new.bg_new_report .data_list dl:last-child {
    padding-bottom: 3.73333vw;
}

.bg_new.bg_new_report progress {
    width: 100%;
    height: 20px;
}

.bg_new.bg_new_report .cons_body h3 {
    padding-top: 0;
}

.bg_new.bg_new_report .fx_icon {
    margin-top: 4.26666vw;
    height: 16vw;
}

.bg_new.bg_new_report .beian {
    padding-top: 2vw;
}

.bg_new.bg_new_report .cons_body {
    margin-bottom: 0;
    border-radius: 0;
}

.bg_new.bg_new_report .data_list dl:last-child {
    padding-bottom: 0;
}

.bg_new.bg_new_report .teps_cont {
    padding-bottom: 13vw;
    padding: 0 5vw;
    padding-top: 20.4vw;
    position: relative;
}

.bg_new.bg_new_report .fx_icon {
    margin-top: 0;
}

.bg_new.bg_new_report .zongzhi {
    padding-top: 7.33333vw;
    padding-bottom: 0;
}
.bg_new.bg_new_report .zongzhi.last{
    text-align: center;
}

.bg_new.bg_new_report .sk_kw {
    padding: 0;
}

.bg_new.bg_new_report .beian {
    padding-top: 1.33333vw;
    padding-bottom: 2vw;
    position: relative;
}

.bg_new.bg_new_report .index_kv h2 img.tp_title {
    z-index: 1;
}

.bg_new.bg_new_report .index_kv h2 img {
    z-index: 2;
}

.bg_new.bg_new_report .index_kv h2 a img {
    z-index: 2;
    position: relative;
}

.bg_new.bg_new_report .teps_cont {
    padding-top: 9.06666vw;
}

.bg_new.bg_new_report .fx_icon h5 {
    font-size: 4.8vw;
    margin-top: 1vw;
}

.bg_new.bg_new_report .fx_icon h6 {
    line-height: 1.5;
    padding-right: 2vw;
}

.bg_new.bg_new_report .weui-progress__inner-bar {
    background: #ff9999;
}

.bg_new.bg_new_report .pres_green .weui-progress__inner-bar {
    background: #2fc584;
}

.bg_new.bg_new_report .ts_bg {
    width: 100%;
    position: absolute;
    top: 89.6vw;
    left: 0;
}

.bg_new.bg_new_report .zs_p span {
    position: relative;
    display: inline-block;
}

.bg_new.bg_new_report .zs_p span em {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 2.13333vw;
    right: -0.5vw;
    top: -1vw;
}

.bg_new.bg_new_report .index_kv ul.sm_mess {
    padding: 0;
    font-size: 2.4vw;
}

.bg_new.bg_new_report .index_kv ul.sm_mess li {
    background: none;
    color: #fff;
    -webkit-text-fill-color: #fff;
    padding-bottom: 0;
    /* font-size: 3.7333vw; */
    line-height: 1.5;
    padding-bottom: 2vw;
    /* list-style: disc; */
    margin-left: 4vw;
    /* opacity: 1; */
}

.bg_new.bg_new_report .index_kv ul.sm_mess li span {
    position: relative;
}

.bg_new.bg_new_report .index_kv ul.sm_mess li span em {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 2.13333vw;
    right: -2vw;
    top: -1vw;
}

.bg_new.bg_new_report .index_kv ul.sm_mess li span em.dob {
    right: -4vw;
}

.bg_new.bg_new_report .bt_tips {
    padding-top: 6vw;
}

.bg_new.bg_new_report .index_kv .sm_mess li {
    list-style: decimal;
    opacity: 0.7;
    padding-bottom: 1vw;
    font-size: 2.4vw;
}

.bg_new.bg_new_report .weui-dialog__title {
    font-size: 25px;
    font-weight: bold;
    color: #333;
    text-align: center;
}
.bg_new.bg_new_report .js_dialog2{
    display: none;
}
.bg_new.bg_new_report .weui-dialog__bd{
    font-size: 21px;
}
.bg_new.bg_new_report .report_fengxian{
    color: #fff; font-size: 3vw; text-align: center; padding-top: 3vw;
}
.bg_new.bg_new_report .cons_body.marb20.cons_body_report1{
    padding-top: 2vw;
}
.bg_new.bg_new_report .cons_body.marb20.cons_body_report2{
    border-radius: 2.66666vw 2.66666vw 0 0;
}
.bg_new.bg_new_report .cons_body.marb20.cons_body_report3{
    border-radius: 0 0 2.66666vw 2.66666vw; padding-top: 2vw;margin-bottom: 5.3333vw;
}
.bg_new.bg_new_report .cons_body.marb20.cons_body_report3 h3{
    padding-bottom: 4.93333vw;
}
.bg_new.bg_new_report .cons_body.marb20.cons_body_report4{
    border-radius: 2.66666vw; padding-top: 8.53333vw;
}
.bg_new.bg_new_report .cons_body.marb20.cons_body_report4 h3{
    padding-bottom: 4.93333vw;
}
.bg_new.bg_new_report .report_fanhui{
    color: #fff; font-size: 3.5vw; text-align: center; padding-top: 3vw; text-decoration: underline;
}
.beian_so {
    padding-top: 1.33333vw;
    padding-bottom: 2vw;
}

.weui-half-screen-dialog-sw {
    height: 100vw;
}

.index_cont .privacy-io {
    flex-wrap: wrap;
}

.index_cont .privacy-io em {
    padding-top: 2vw;
}

.index_login_personal {
    width: 100%;
    padding-top: 2.1333vw;
    padding-bottom: 3.4vw;
    margin-top: 0;
}

.weui-cell::before {
    border: 0;
}

.pt_bottom_personal {
    bottom: 0;
    height: 32.26666vw;
    background: url(../img/v3/p6.png) no-repeat bottom;
    background-size: cover;
}

.z_more_personal {
    padding-top: 5.8667vw;
    display: flex;
    flex-direction: column;
    width: fit-content;
    margin: 0 auto;
}

.z_more_personal a {
    display: flex;
    align-items: center;
    margin-bottom: 5.0667vw;
    font-size: 3.7333vw;
    color: #ffffff;
    line-height: 5.6vw;
    cursor: pointer;
}

.z_more_personal a img {
    width: 3.7333vw;
    margin-right: 1.6vw;
}

.z_more_personal a:last-child {
    margin-bottom: 0;
}

.js_dialog_wrap_personal .weui-half-screen-dialog {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    bottom: auto;
    border-radius: 5.33333vw;
    left: 50%;
    top: 50%;
    width: calc(100% - 6.2667vw - 6.2667vw);
    min-height: initial;
    padding: 0;
    max-height: initial;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.js_dialog_wrap_personal .weui-half-screen-dialog .weui-half-screen-dialog__bd {
    padding-top: 11.2vw;
    padding-bottom: 10.6667vw;
}

.js_dialog_wrap_personal .weui-half-screen-dialog .weui-half-screen-dialog__bd .weui-privacy {
    padding: 0;
    margin: 0;
    margin-bottom: 10.6667vw;
}

.js_dialog_wrap_personal .weui-half-screen-dialog .weui-half-screen-dialog__bd .weui-privacy span {
    font-size: 4.8vw;
    color: #333;
}

.js_dialog_wrap_personal .weui-half-screen-dialog .weui-half-screen-dialog__bd .weui-btn_primary {
    margin: 0;
}

.bg_new .index_kv.index_kv_report h2 {
    padding-top: 8.93333vw;
    padding-left: 4.26666vw;
    line-height: initial;
}

.bg_new .index_kv.index_kv_report h2 img {
    width: 18.8vw;
}

.bg_new .index_kv.index_kv_report h2 img.tp_title {
    width: 100%;
}

.bg_new .index_kv.index_kv_report h2 a {
    cursor: pointer;
}

.bg_new .index_kv.index_kv_report h2 a img {
    margin-right: 6.4vw;
    margin-top: 2vw;
    width: 9.6vw;
    margin-left: 0;
}

.z_yingyang .desc.desc1 .list:nth-child(1) {
    height: 72.7333vw;
}

.z_yingyang .desc.desc1 .list:nth-child(2) {
    height: 72.7333vw;
}

.z_yingyang .desc.desc1 .list:nth-child(3) {
    height: 51.5333vw;
}

.z_yingyang .desc.desc1 .list:nth-child(4) {
    height: 51.5333vw;
}

.z_yingyang .desc.desc1 .txt {}

.z_yingyang .title_txt {
    font-size: 2.4vw;
    color: rgba(255, 255, 255, 0.7);
    width: 100%;
    box-sizing: border-box;
    padding: 0 3.2vw;
    margin-top: 2.6667vw;
    margin-bottom: 6.4vw;
}

.z_yingyang .img1 {
    box-sizing: border-box;
    padding: 0 6.4vw;
    display: flex;
    flex-direction: column;
}

.z_yingyang .img1 img {
    width: 100%;
    margin-bottom: 4.2667vw;
}

.z_yingyang .img1 img:last-child {
    margin-bottom: 0;
}

.per_bg {
    overflow: hidden;
}

.ar_ipad {
    display: none;
}

.video_example{
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}

/* hood */
.video_example #toggleCamera {
    left: inherit;
    right: 17.2vw;
  }

  .video_example #toggleCamera.active {
    display: none;
  }

  .video_example #demoCamera {
    left: 17.2vw;
  }

  .video_example #demoCamera.active {
    display: none;
  }

  .video_example .body_title {
    background-color: #000;
    font-size: 6.4vw;
    width: 70.13333vw;
    height: 18.66666vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4.26666vw;
    color: #fff;
    overflow: hidden;
  }

  .video_example .body_title_sed {
    display: block;
    overflow: inherit;
    background: none;
  }

  .video_example .body_title_sed h2 {
    display: flex;
    align-items: center;
    padding-left: 4vw;
    font-size: 6.4vw;
    height: 14.66666vw;
    margin: 0;
    position: relative;
    background-color: #000;
    border-radius: 4.26666vw;
  }

  .video_example #jindutiao {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
        background: linear-gradient(270deg, rgba(202,158,87,1) 0%, rgba(248,239,189,1) 49%, rgba(202,158,87,1) 100%);
        border-radius: 4.26666vw;
      }
  
      .video_example .body_title_sed h2 span {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
      }
  
      .video_example .body_title_sed h2 span span {
        width: 15.66666vw;
        height: 14.66666vw;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(226, 225, 225, 0.8);
        font-size: 7.46666vw;
        border-radius: 4.26666vw;
        color: #000;
      }
  
      .video_example .body_title_sed p {
        font-size: 3.46666vw;
        color: #fff;
        margin: 0;
        padding-top: 1.6vw;
      }
  
      .video_example .time_out {
        width: 40vw;
        height: 40vw;
        background-color: rgba(0, 0, 0, 0.8);
        font-size: 5.33333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        border-radius: 4.26666vw;
        color: #fff;
        line-height: 1;
      }
  
      .video_example .time_out h2 {
        font-size: 16vw;
        margin: 0;
      }
  
      .video_example .time_out p {
        padding-top: 4.53333vw;
        margin: 0;
        line-height: 1;
      }
  
      .video_example .rest_tanchuang {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 99;
        background: rgba(0, 0, 0);
        display: flex;
        align-items: center;
        justify-content: center;
      }
  
      .video_example .rest_tanchuang .tanchuang {
        width: 87.2vw;
        background: #fff;
        border-radius: 3.2vw;
        color: #333;
        box-sizing: border-box;
        padding: 7.33333vw 6.4vw;
        text-align: center;
        display: flex;
        align-items: center;
        flex-direction: column;
      }
  
      .video_example .rest_tanchuang .tanchuang span {
        color: #333333;
        font-size: 3.2vw;
        line-height: 1.5;
        padding-top: 3.86666vw;
      }
  
      .video_example .rest_tanchuang .tanchuang .jindu {
        width: 100%;
        background: #D9D9D9;
        height: 2.13333vw;
        position: relative;
        border-radius: 2.13333vw;
      }
  
      .video_example .rest_tanchuang .tanchuang p {
        margin: 0;
        padding-bottom: 6.13333vw;
        font-size: 5.33333vw;
        line-height: 1.5;
      }
  
      .video_example .rest_tanchuang .tanchuang .jindu i {
        position: absolute;
        z-index: 9;
        left: 0;
        top: 0;
        height: 100%;
        background: linear-gradient(90deg, #EBD18D 0%, #D9AE55 100%);
        border-radius: 2.13333vw;
      }
  
      .video_example .rest_tanchuang1 {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 999;
        background: rgba(0, 0, 0);
        display: none;
        align-items: flex-end;
      }
  
      .video_example .rest_tanchuang1.active {
        display: flex;
      }
  
      .video_example .rest_tanchuang1 .tanchuang {
        width: 100%;
        background: #fff;
        border-radius: 3.2vw 3.2vw 0 0;
        color: #333;
        box-sizing: border-box;
        padding: 7.46666vw 0 10.73333vw 0;
        text-align: center;
        display: flex;
        align-items: center;
        flex-direction: column;
      }
  
      .video_example .rest_tanchuang1 .tanchuang p {
        margin: 0;
        padding-bottom: 6.4vw;
        font-size: 5.33333vw;
        line-height: 1.5;
        color: #333333;
      }
  
      .video_example .rest_tanchuang1 .tanchuang .danxuan {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 8.66666vw;
        width: 100%;
      }
  
      .video_example .rest_tanchuang1 .tanchuang .danxuan img {
        width: 24.26666vw;
        margin-right: 10.66666vw;
      }
  
      .video_example .rest_tanchuang1 .tanchuang .danxuan ul {
        width: 50.66666vw;
        display: flex;
        flex-direction: column;
        margin: 0;
        padding: 0;
      }
  
      .video_example .rest_tanchuang1 .tanchuang .danxuan ul li {
        display: flex;
        align-items: center;
        cursor: pointer;
        color: #A6A6A6;
        margin-bottom: 7.33333vw;
        font-size: 4.8vw;
      }
  
      .video_example .rest_tanchuang1 .tanchuang .danxuan ul li.active {
        color: #D9AE55;
      }
  
      .video_example .rest_tanchuang1 .tanchuang .danxuan ul li .dian {
        background: #E3E3ED;
        width: 4.53333vw;
        height: 4.53333vw;
        border-radius: 50%;
        margin-right: 4.26666vw;
        background: #F1F1F1;
        border: 0.53333vw solid #D8D8D8;
      }
  
      .video_example .rest_tanchuang1 .tanchuang .danxuan ul li.active .dian {
        background: #B97F39;
        border: 0.53333vw solid #DFDFDF;
      }
  
      .video_example .rest_tanchuang1 .tanchuang .danxuan ul li:last-child {
        margin-bottom: 0;
      }
  
      .video_example .rest_tanchuang1 .tanchuang .anniu {
        width: 90%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 10vw;
        background: #0682EB;
        color: #fff;
        border-radius: 40vw;
        margin-bottom: 3vw;
      }
  
      .video_example .video_mp4 {
        z-index: 999;
        position: relative;
        background: #000;
      }
  
      .video_example .video_mp4.active {
        display: none;
      }
  
      .video_example #play {
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 17vw;
        z-index: 9;
      }
  
      .video_example #fengmian {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 8;
      }
  
      /* added by kevin*/
  
      .video_example .loading-mask {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 1.2em;
        z-index: 1000;
      }
  
      .video_example .spinner {
        border: 4px solid rgba(255, 255, 255, 0.3);
        border-radius: 50%;
        border-top: 4px solid #fff;
        width: 40px;
        height: 40px;
        animation: spin 1s linear infinite;
        margin-right: 10px;
      }
  
  
      .video_example .vm_tips span {
        text-align: center;
      }
  
      .video_example .video_mp4 video {
        object-fit: contain;
        width: 100% !important;
        height: 100% !important;
      }
  
      .video_example .tg_btn {
        position: absolute;
        bottom: 13%;
        right: 5vw;
        left: inherit;
        transform: inherit;
      }
  
      .video_example .tg_btn.active {
        /* bottom: calc(12vw + 11vh); */
      }
  
      @media (min-width: 750px) {
        .video_example #fengmian {
          object-fit: initial;
        }
  
        .video_example #play {
          width: 12vw;
        }
      }
  
      .video_example #defaultCanvas0 {
        transform: rotateY(180deg);
      }
  
      .video_example #defaultCanvas0.active {
        transform: rotateY(0deg);
      }


      .bg_new.bg_share_report {
          background: #000209;
      }

      .bg_share_report .ls_bg {
          width: 100%;
          position: absolute;
          bottom: 0;
          left: 0;
          z-index: -1;
      }

      .bg_share_report .fx_icon h5 {
          font-size: 4.8vw;
          margin-top: 1vw;
      }

      .bg_share_report .fx_icon h6 {
          line-height: 1;
      }

      .bg_share_report .weui-progress__inner-bar {
          background: #FF9999;
      }

      .bg_share_report .pres_green .weui-progress__inner-bar {
          background: #2FC584;
      }

      .bg_share_report .cons_body h3 {
          padding-top: 0;
      }

      .bg_share_report .ts_bg {
          width: 100%;
          position: absolute;
          top: 89.60000vw;
          left: 0;
      }

      .bg_share_report .zs_p span {
          position: relative;
          display: inline-block;
      }

      .bg_share_report .zs_p span em {
          position: absolute;
          right: 0;
          top: 0;
          font-size: 2.13333vw;
          right: -1vw;
          top: -2vw;
      }

      .bg_new.bg_share_report .teps_cont {
          padding-bottom: 10vw;
      }

      .bg_share_report .index_kv ul.sm_mess {
          padding: 0;
          font-size: 2.4vw;
      }

      .bg_share_report .index_kv ul.sm_mess li {
          background: none;
          color: #fff;
          -webkit-text-fill-color: #fff;
          padding-bottom: 0;
          font-size: 2.8vw;
          line-height: 1.5;
          padding-bottom: 2vw;
          list-style: disc;
          margin-left: 4vw;
      }

      .bg_share_report .index_kv ul.sm_mess li span {
          position: relative;
      }

      .bg_share_report .index_kv ul.sm_mess li span em {
          position: absolute;
          right: 0;
          top: 0;
          font-size: 2.13333vw;
          right: -2vw;
          top: -1vw;
      }

      .bg_share_report .index_kv ul.sm_mess li span em.dob {
          right: -4vw;
      }

      .bg_share_report .bt_tips {
          padding-top: 6vw;
      }

      .bg_share_report .index_kv ul.sm_mess li {
          list-style: decimal;
          opacity: 0.7;
          padding-bottom: 1vw;
          font-size: 2.4vw;
      }

      .bg_share_report .ls_bg {
          z-index: 1;
      }

      .bg_share_report .cons_body h3 {
          color: #CFA553;
          background: none;
          background-clip: border-box;
          -webkit-background-clip: inherit;
          -webkit-text-fill-color: inherit;
      }

      .bg_share_report .cons_body {
          position: relative;
          z-index: 2;
      }

      .bg_new.bg_share_report .teps_cont {
          padding-top: 10vw;
          position: relative;
    padding-top: 5vw;
    background: url(../img/bg02.jpg) no-repeat bottom;
    background-size: 100%;
      }
      .bg_new.bg_share_report .teps_cont .zhuanshu.first{
        padding-bottom: 0;
      }

      .bg_share_report .pop_name {
          width: 87.2vw;
          height: 65.66666vw;
          background: #fff;
          border-radius: 3.2vw;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          /* 或者左右居中 */
          left: 50%;
          transform: translate(-50%, -50%);
          text-align: center;
      }

      .bg_share_report .model_name {
          width: 100%;
          height: 100%;
          position: fixed;
          left: 0;
          top: 0;
          background-color: rgba(0, 0, 0, 0.6);
          z-index: 99;
      }

      .bg_share_report .pop_name p {
          line-height: 1.5;
          color: #333333;
          font-size: 4vw;
          text-align: center;
          padding-top: 11.06666vw;
          padding-bottom: 5.06666vw;
      }

      .bg_share_report .pop_name input {
          width: 50.66666vw;
          height: 8vw;
          line-height: 8vw;
          border: 0;
          border-bottom: 0.26666vw solid #666;
          font-size: 4vw;
      }

      .bg_share_report .pop_btn {
          padding-top: 9.6vw;
          display: flex;
          justify-content: center;
      }

      .bg_share_report .pop_btn a {
          border-radius: 40px;
          background: linear-gradient(270deg, #CA9E57 0%, #F8EFBD 49%, #CA9E57 100%);
          width: 28.00000vw;
          height: 10.66666vw;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #333333;
          font-size: 4.26666vw;
          cursor: pointer;
      }
      .bg_share_report .pop_btn a:active{
          opacity: 0.5;
      }

      .bg_share_report .con_bottom {
          position: relative;
          z-index: 2;
          padding-top: 5vw;
          display: flex;
          justify-content: space-between;
      }

      .bg_share_report .con_bottom .co_le img {
          width: 56.93333vw;
      }

      .bg_share_report .con_bottom .co_le div {
          padding-top: 1.73333vw;
          font-size: 3.73333vw;
          line-height: 1.5;
          color: #fff;
      }


      .bg_share_report .co_le {
          padding-top: 3.46666vw;
          padding-left: 0;
          font-weight: normal;
      }

      .bg_share_report .er_mess {
          font-size: 2.4vw;
          line-height: 1.5;
          color: #fff;
          padding-top: 1.6vw;
          opacity: 0.7;
      }

      .bg_share_report .co_re {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          justify-content: center;
          padding-right: 0;
      }

      .bg_new.bg_share_report .max.zz3{
        background: #000209;
      }

      .modal {
        display: block;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: rgba(0, 0, 0, 0.8);
        color: white;
        padding: 15px 20px;
        border-radius: 5px;
        font-size: 16px;
        z-index: 1000;
        animation: fadeIn 0.3s;
    }
    @keyframes fadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
    }

    .share_img{
        max-width: 100%;
    }

    .bg_new.bg_share_report .cons_body.marb20.share1{
        padding-bottom: 8.26666vw;
    }
    .bg_new.bg_share_report .cons_body.marb20.share1 h3 img{
        width: 48.66666vw;
    }
    .bg_new.bg_share_report .cons_body.marb20.share2{
        padding-top: 4.26666vw;padding-bottom: 4.26666vw;
    }
    .bg_new.bg_share_report .cons_body.marb20.share2 .fx_icon h6{
        line-height: 1.5;
    }
    .bg_new.bg_share_report .cons_body.marb20.share3{
        padding-bottom: 0;
    }
    .bg_new.bg_share_report .cons_body.marb20.share3 h3{
        padding-bottom: 4.93333vw;
    }
    .bg_new.bg_share_report .cons_body.marb20.share3 h3 img{
        width: 42.66666vw;
    }
    .bg_new.bg_share_report .cons_body.marb20.share3 p.zs_p{
        padding-top: 0;
    }


      .blue_bg_product .index_login{
        padding-top: 8vw;
        padding-bottom: 8vw;
        margin-top: 0;
    }
    .blue_bg_product .weui-toast{
        width: 60vw;background: #fff;color: #000;height: 12em;top: 50%;
    }
    .z_yingyang .title.title1::before{
        background: url(../img/v3/p60.png) no-repeat bottom;
            background-size: 100%;
    }

    .z_yingyang .bt_tips{
        padding-left: 5vw; padding-right: 5vw;
    }


        /* 自定义 vConsole 面板的 zIndex */

        .bg_index_i18n_test .vc-console {
            z-index: 999999999999 !important;
        }

        /* 自定义 vConsole 切换按钮的 zIndex */

        .bg_index_i18n_test .vc-switch {
            z-index: 999999999999 !important;
        }

        .bg_index_i18n_test .vc-panel {
            z-index: 999999999999 !important;
        }

        .bg_index_i18n_test .index_kv {
            height: 158.6vw;
        }

        .bg_index_i18n_test .beian {
            padding-top: 0;
        }

        @media (min-width: 768px) {
            .bg_index_i18n_test .index_login {
                margin-top: -2vw;
            }
        }

        .bg_index_i18n_test .weui-privacy .clause1 {
            line-height: 4.26666vw;
            background: #FCF3DE;
            border-radius: 0.53333vw;
            display: inline-block;
            position: absolute;
            top: -6.13333vw;
            left: 0;
            color: #D99E16;
            display: flex;
            align-items: center;
            font-size: 2.66666vw;
            padding: 0 1.06666vw;
        }

        .bg_index_i18n_test .weui-privacy .clause1 img {
            width: 2.13333vw;
            margin-right: 0.53333vw;
        }

        .bg_index_i18n_test .weui-privacy .clause1::after {
            width: 1.6vw;
            height: 0.8vw;
            position: absolute;
            content: "";
            background: url(../img/ic05.png) no-repeat;
            background-size: 100% 100%;
            bottom: -0.8vw;
            left: 0.8vw;
        }

        .bg_index_i18n_test .index_cont.active .zongzhi {
            opacity: 0;
        }

        .bg_index_i18n_test .index_cont.active .beian {
            opacity: 0;
        }

        .bg_index_i18n_test .index_cont.active .index_login {
            height: 14.26666vw;
        }

        .bg_index_i18n_test .index_cont.active .index_login a {
            position: fixed;
            bottom: 10vw;
        }

        .bg_index_i18n_test .zongzhi {
            padding-top: 7.33333vw;
            padding-bottom: 0;
        }

        .bg_index_i18n_test .sk_kw {
            padding: 0;
        }

        .bg_index_i18n_test .beian {
            padding-top: 1.33333vw;
            padding-bottom: 2vw;
        }

        .bg_index_i18n_test .weui-half-screen-dialog{
            height: 100vw;
        }

        .bg_index_i18n_test .index_cont .privacy{
            flex-wrap: wrap;
        }

        .bg_index_i18n_test .index_cont .privacy em{
            padding-top: 2vw;
        }
        .bg_new.bg_index.bg_index_i18n_test .index_login{
            margin-top: 0;
        }

        .bg_new.bg_index.bg_index_i18n_test .index_login a{
            width: 77.86666vw;
            height: 14.26666vw;
            background: url(../img/pic15.png) no-repeat;
            background-size: contain;
        }

        .bg_index.bg_index_i18n_test {
            background: url("../img/pic19.jpg") top center no-repeat;
            background-size: cover;
        }

        @media (min-width: 480px) {
            .bg_index.bg_index_i18n_test {
                background: url("../img/pic19.jpg") top center no-repeat;
                background-size: cover;
            }
        }

        .bg_new.bg_new_guide{
            background: url(../img/bg02.jpg) top center no-repeat;
            background-size: cover;
            height: 208.53333vw;
        }
        .bg_new.bg_new_guide .teps_cont {
            padding-top: 12vw;
        }

        .bg_new_guide .cons_body h3 {
            padding-top: 0;
        }

        .bg_new_guide .zongzhi {
            padding-top: 7.33333vw;
            padding-bottom: 0;
            color: #fff;
            opacity: 0.7;
        }

        .bg_new_guide .sk_kw {
            padding: 0;
        }

        .bg_new_guide .beian {
            padding-top: 1.33333vw;
            padding-bottom: 2vw;
        }

        .bg_new_guide .index_kv .gu_ul {
            padding-bottom: 8vw;
        }

        @media (min-width: 768px) {
            .bg_new_guide .index_kv .gu_ul {
                padding-bottom: 6vw;
            }

            .bg_new.bg_new_guide .teps_cont {
                padding-top: 5.5vw;
            }
        }

        .bg_new.bg_new_guide .index_login.mrt40{
            margin-top: 2.66666vw;
        }

        .bg_new.bg_new_guide .index_login a {
            background: url(../img/pic15.png) no-repeat;
            background-size: contain;
            height: 10.93333vw;
            width: 58.66666vw;
        }

  
        .v3_bg_guanjie3d .bg {
            position: relative;
            height: auto;
        }

        .v3_bg_guanjie3d .bg3 .z_bg {
            position: absolute;
        }

        .v3_bg_guanjie3d #controls {
            position: relative;
            height: auto;
            z-index: 2;
            padding-top: 5px;
            padding-bottom: 5px;
            /*padding-top: 10.66666vw;
            padding-bottom: 10.66666vw;*/

        }

        .v3_bg_guanjie3d .z_dibu {
            display: flex;
            align-items: center;
            flex-direction: column;
            position: relative;
            z-index: 2;
            padding-top: 2.5vw;
        }
        .v3_bg_guanjie3d .pt_share{
            width: 80.2vw;
            background-size: 100% 100%;
        }
        .v3_bg_guanjie3d #loading2 {
            position: fixed;
        }

        .v3_bg_guanjie3d .pt_share img {
            height: auto;
        }

        .v3_bg.v3_bg_guanjie3d {
            overflow: initial;
        }

        .v3_bg_guanjie3d .z_dibu1 {
            position: relative;
            box-sizing: initial;
            height: 46.26666vw;
    padding-top: 13vw;
    box-sizing: border-box;
            background-size: 100%;
            background-position: bottom;
        }

        .v3_bg_guanjie3d .beian_new a {
            text-decoration: none;
        }

        .v3_bg.v3_bg_guanjie3d {
            background-color: #0a1123;
        }


        .v3_bg_guanjie3d .bg1 .share {
            width: 10vw;
    display: block;
    float: right;
    margin-top: -14vw;
    position: relative;
    z-index: 2;
    margin-right: 5vw;
        }

        .v3_bg_guanjie3d .bg1 .share img {
            width: 100%;
        }
        .v3_bg_guanjie3d .bg1 .logo {
            width: 14vw;
    display: block;
    float: left;
    margin-top: -14vw;
    position: relative;
    z-index: 2;
    margin-left: 5vw;
        }

        .v3_bg_guanjie3d .bg1 .logo img {
            width: 100%;
        }


        .v3_bg_guanjie{width:100%;height:100%;margin:0;padding:0;overflow: hidden;}
        .v3_bg_guanjie .bg{position: absolute;left:0px;top:0px;width: 100%;height: 100%;display: flex;flex-direction: column;}
        .v3_bg_guanjie .bg1,.bg2{width:100%;height: auto;position: relative;}
        .v3_bg_guanjie .bg3{flex:1;position: relative;overflow: hidden;}
        .v3_bg_guanjie .bg img{width: 100%;display: block;}
        .v3_bg_guanjie .bg3 img{height:100%;}
        .v3_bg_guanjie .bg{background-color: #491b63;}
        .v3_bg_guanjie .iframe1{width:100%;height:100%;border: none;}
        .v3_bg_guanjie #video_container{
            position: absolute;left:0;z-index: 1000;top:0;width: 100%;height: 100%;
            display: none;
        }
        .v3_bg_guanjie #in_video{position: absolute;top: 20.65vw;left: 0;width: 100%;
            z-index: 1000;top:0;height: 100%;
        }
        .v3_bg_guanjie #tipVideo{width: 100%;height: 100%;}


        .body_bak {
            margin: 0;
            padding: 0;
            height: 100%;
            overflow: hidden;
        }

        .body_bak .body_icon {
            background: none;
            color: white;
            font-size: 3.73333vw;
            border: none;
            cursor: pointer;
            position: fixed;
            bottom: 17.17vw;
            z-index: 10;
            width: 10.66666vw;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 100%;
            flex-wrap: wrap;
        }

        .body_bak .body_icon img {
            width: 10.66666vw;
        }

        .body_bak .body_icon span {
            padding-top: 2vw;
            white-space: nowrap;
        }

        .body_bak #toggleCamera {
            left: inherit;
            right: 17.2vw;
        }

        .body_bak #toggleCamera.active {
            display: none;
        }

        .body_bak #exitCamera {
            left: 50%;
            transform: translateX(-50%);
        }

        .body_bak #demoCamera {
            left: 17.2vw;
        }

        .body_bak #demoCamera.active {
            display: none;
        }

        .body_bak .body_title {
            background-color: #000;
            font-size: 6.4vw;
            width: 70.13333vw;
            height: 18.66666vw;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 4.26666vw;
            color: #fff;
            overflow: hidden;
        }

        .body_bak .body_title_sed {
            display: block;
            overflow: inherit;
            background: none;
        }

        .body_bak .body_title_sed h2 {
            display: flex;
            align-items: center;
            padding-left: 4vw;
            font-size: 6.4vw;
            height: 14.66666vw;
            margin: 0;
            position: relative;
            background-color: #000;
            border-radius: 4.26666vw;
        }

        .body_bak #jindutiao {
            position: absolute;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 1;
            background: linear-gradient(270deg, rgba(202, 158, 87, 1) 0%, rgba(248, 239, 189, 1) 49%, rgba(202, 158, 87, 1) 100%);
            border-radius: 4.26666vw;
        }

        .body_bak .body_title_sed h2 span {
            position: relative;
            z-index: 2;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
        }

        .body_bak .body_title_sed h2 span span {
            width: 15.66666vw;
            height: 14.66666vw;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: rgba(226, 225, 225, 0.8);
            font-size: 7.46666vw;
            border-radius: 4.26666vw;
            color: #000;
        }

        .body_bak .body_title_sed p {
            font-size: 3.46666vw;
            color: #fff;
            margin: 0;
            padding-top: 1.6vw;
        }

        .body_bak .time_out {
            width: 40vw;
            height: 40vw;
            background-color: rgba(0, 0, 0, 0.8);
            font-size: 5.33333vw;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-flow: column;
            border-radius: 4.26666vw;
            color: #fff;
            line-height: 1;
        }

        .body_bak .time_out h2 {
            font-size: 16vw;
            margin: 0;
        }

        .body_bak .time_out p {
            padding-top: 4.53333vw;
            margin: 0;
            line-height: 1;
        }

        .body_bak .rest_tanchuang {
            position: fixed;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 99;
            background: rgba(0, 0, 0);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .body_bak .rest_tanchuang .tanchuang {
            width: 87.2vw;
            background: #fff;
            border-radius: 3.2vw;
            color: #333;
            box-sizing: border-box;
            padding: 7.33333vw 6.4vw;
            text-align: center;
            display: flex;
            align-items: center;
            flex-direction: column;
        }

        .body_bak .rest_tanchuang .tanchuang span {
            color: #333333;
            font-size: 3.2vw;
            line-height: 1.5;
            padding-top: 3.86666vw;
        }

        .body_bak .rest_tanchuang .tanchuang .jindu {
            width: 100%;
            background: #D9D9D9;
            height: 2.13333vw;
            position: relative;
            border-radius: 2.13333vw;
        }

        .body_bak .rest_tanchuang .tanchuang p {
            margin: 0;
            padding-bottom: 6.13333vw;
            font-size: 5.33333vw;
            line-height: 1.5;
        }

        .body_bak .rest_tanchuang .tanchuang .jindu i {
            position: absolute;
            z-index: 9;
            left: 0;
            top: 0;
            height: 100%;
            background: linear-gradient(90deg, #EBD18D 0%, #D9AE55 100%);
            border-radius: 2.13333vw;
        }

        .body_bak .rest_tanchuang1 {
            position: fixed;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 999;
            background: rgba(0, 0, 0);
            display: none;
            align-items: flex-end;
        }

        .body_bak .rest_tanchuang1.active {
            display: flex;
        }

        .body_bak .rest_tanchuang1 .tanchuang {
            width: 100%;
            background: #fff;
            border-radius: 3.2vw 3.2vw 0 0;
            color: #333;
            box-sizing: border-box;
            padding: 7.46666vw 0 10.73333vw 0;
            text-align: center;
            display: flex;
            align-items: center;
            flex-direction: column;
        }

        .body_bak .rest_tanchuang1 .tanchuang p {
            margin: 0;
            padding-bottom: 6.4vw;
            font-size: 5.33333vw;
            line-height: 1.5;
            color: #333333;
        }

        .body_bak .rest_tanchuang1 .tanchuang .danxuan {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 8.66666vw;
            width: 100%;
        }

        .body_bak .rest_tanchuang1 .tanchuang .danxuan img {
            width: 24.26666vw;
            margin-right: 10.66666vw;
        }

        .body_bak .rest_tanchuang1 .tanchuang .danxuan ul {
            width: 50.66666vw;
            display: flex;
            flex-direction: column;
            margin: 0;
            padding: 0;
        }

        .body_bak .rest_tanchuang1 .tanchuang .danxuan ul li {
            display: flex;
            align-items: center;
            cursor: pointer;
            color: #A6A6A6;
            margin-bottom: 7.33333vw;
            font-size: 4.8vw;
        }

        .body_bak .rest_tanchuang1 .tanchuang .danxuan ul li.active {
            color: #D9AE55;
        }

        .body_bak .rest_tanchuang1 .tanchuang .danxuan ul li .dian {
            background: #E3E3ED;
            width: 4.53333vw;
            height: 4.53333vw;
            border-radius: 50%;
            margin-right: 4.26666vw;
            background: #F1F1F1;
            border: 0.53333vw solid #D8D8D8;
        }

        .body_bak .rest_tanchuang1 .tanchuang .danxuan ul li.active .dian {
            background: #B97F39;
            border: 0.53333vw solid #DFDFDF;
        }

        .body_bak .rest_tanchuang1 .tanchuang .danxuan ul li:last-child {
            margin-bottom: 0;
        }

        .body_bak .rest_tanchuang1 .tanchuang .anniu {
            width: 90%;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 10vw;
            background: #0682EB;
            color: #fff;
            border-radius: 40vw;
            margin-bottom: 3vw;
        }

        .body_bak .video_mp4 {
            z-index: 999;
            position: relative;
            background: #000;
        }

        .body_bak .video_mp4.active {
            display: none;
        }

        .body_bak #play {
            position: fixed;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 17vw;
            z-index: 9;
        }

        .body_bak #fengmian {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 8;
        }

        /* added by kevin*/

        .body_bak .loading-mask {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            font-size: 1.2em;
            z-index: 1000;
        }

        .body_bak .spinner {
            border: 4px solid rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            border-top: 4px solid #fff;
            width: 40px;
            height: 40px;
            animation: spin 1s linear infinite;
            margin-right: 10px;
        }



        .body_bak .vm_tips span {
            text-align: center;
        }

        .body_bak .video_mp4 video {
            object-fit: contain;
            width: 100% !important;
            height: 100% !important;
        }

        .body_bak .video_mp4 video.active {
            /* height: calc(100% - 11vh) !important; */
            /* height:calc(100vh - constant(safe-area-inset-bottom)) !important;
            height:calc(100vh - env(safe-area-inset-bottom)) !important; */
        }

        .body_bak .tg_btn {
            position: absolute;
            bottom: 13%;
            right: 5vw;
            left: inherit;
            transform: inherit;
        }

        .body_bak .tg_btn.active {
            /* bottom: calc(12vw + 11vh); */
        }

        @media (min-width: 750px) {
            .body_bak #fengmian {
                object-fit: initial;
            }

            .body_bak #play {
                width: 12vw;
            }
        }

        .body_bak #defaultCanvas0 {
            transform: rotateY(180deg);
        }

        .body_bak #defaultCanvas0.active {
            transform: rotateY(0deg);
        }

        .body_bak .body_icon {
            bottom: 15.17vw;
        }



        .body_new{
            margin: 0;
            padding: 0;
            height: 100%;
            overflow: hidden;
        }

        .body_new .body_icon {
            background: none;
            color: white;
            font-size: 3.73333vw;
            border: none;
            cursor: pointer;
            position: fixed;
            bottom: 17.17vw;
            z-index: 999;
            width: 10.66666vw;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 100%;
            flex-wrap: wrap;
        }

        .body_new .body_icon img {
            width: 10.66666vw;
        }

        .body_new .body_icon span {
            padding-top: 2vw;
            white-space: nowrap;
        }

        .body_new #toggleCamera {
            left: inherit;
            right: 17.2vw;
        }

        .body_new #toggleCamera.active {
            display: none;
        }

        .body_new #exitCamera {
            left: 50%;
            transform: translateX(-50%);
        }

        .body_new #demoCamera {
            left: 17.2vw;
        }

        .body_new #demoCamera.active {
            display: none;
        }

        .body_new .body_title {
            background-color: #000;
            font-size: 6.4vw;
            width: 70.13333vw;
            height: 18.66666vw;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 4.26666vw;
            color: #fff;
            overflow: hidden;
        }

        .body_new .body_title_sed {
            display: block;
            overflow: inherit;
            background: none;
        }

        .body_new .body_title_sed h2 {
            display: flex;
            align-items: center;
            padding-left: 4vw;
            font-size: 6.4vw;
            height: 14.66666vw;
            margin: 0;
            position: relative;
            background-color: #000;
            border-radius: 4.26666vw;
        }

        .body_new #jindutiao {
            position: absolute;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 1;
            background: linear-gradient(270deg, rgba(202, 158, 87, 1) 0%, rgba(248, 239, 189, 1) 49%, rgba(202, 158, 87, 1) 100%);
            border-radius: 4.26666vw;
        }

        .body_new .body_title_sed h2 span {
            position: relative;
            z-index: 2;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
        }

        .body_new .body_title_sed h2 span span {
            width: 15.66666vw;
            height: 14.66666vw;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: rgba(226, 225, 225, 0.8);
            font-size: 7.46666vw;
            border-radius: 4.26666vw;
            color: #000;
        }

        .body_new .body_title_sed p {
            font-size: 3.46666vw;
            color: #fff;
            margin: 0;
            padding-top: 1.6vw;
        }

        .body_new .time_out {
            width: 40vw;
            height: 40vw;
            background-color: rgba(0, 0, 0, 0.8);
            font-size: 5.33333vw;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-flow: column;
            border-radius: 4.26666vw;
            color: #fff;
            line-height: 1;
        }

        .body_new .time_out h2 {
            font-size: 16vw;
            margin: 0;
        }

        .body_new .time_out p {
            padding-top: 4.53333vw;
            margin: 0;
            line-height: 1;
        }

        .body_new .rest_tanchuang {
            position: fixed;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 99;
            background: rgba(0, 0, 0);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .body_new .rest_tanchuang .tanchuang {
            width: 87.2vw;
            background: #fff;
            border-radius: 3.2vw;
            color: #333;
            box-sizing: border-box;
            padding: 7.33333vw 6.4vw;
            text-align: center;
            display: flex;
            align-items: center;
            flex-direction: column;
        }

        .body_new .rest_tanchuang .tanchuang span {
            color: #333333;
            font-size: 3.2vw;
            line-height: 1.5;
            padding-top: 3.86666vw;
        }

        .body_new .rest_tanchuang .tanchuang .jindu {
            width: 100%;
            background: #D9D9D9;
            height: 2.13333vw;
            position: relative;
            border-radius: 2.13333vw;
        }

        .body_new .rest_tanchuang .tanchuang p {
            margin: 0;
            padding-bottom: 6.13333vw;
            font-size: 5.33333vw;
            line-height: 1.5;
        }

        .body_new .rest_tanchuang .tanchuang .jindu i {
            position: absolute;
            z-index: 9;
            left: 0;
            top: 0;
            height: 100%;
            background: linear-gradient(90deg, #EBD18D 0%, #D9AE55 100%);
            border-radius: 2.13333vw;
        }

        .body_new .rest_tanchuang1 {
            position: fixed;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 999;
            background: rgba(0, 0, 0);
            display: none;
            align-items: flex-end;
        }

        .body_new .rest_tanchuang1.active {
            display: flex;
        }

        .body_new .rest_tanchuang1 .tanchuang {
            width: 100%;
            background: #fff;
            border-radius: 3.2vw 3.2vw 0 0;
            color: #333;
            box-sizing: border-box;
            padding: 7.46666vw 0 10.73333vw 0;
            text-align: center;
            display: flex;
            align-items: center;
            flex-direction: column;
        }

        .body_new .rest_tanchuang1 .tanchuang p {
            margin: 0;
            padding-bottom: 6.4vw;
            font-size: 5.33333vw;
            line-height: 1.5;
            color: #333333;
        }

        .body_new .rest_tanchuang1 .tanchuang .danxuan {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 8.66666vw;
            width: 100%;
        }

        .body_new .rest_tanchuang1 .tanchuang .danxuan img {
            width: 24.26666vw;
            margin-right: 10.66666vw;
        }

        .body_new .rest_tanchuang1 .tanchuang .danxuan ul {
            width: 50.66666vw;
            display: flex;
            flex-direction: column;
            margin: 0;
            padding: 0;
        }

        .body_new .rest_tanchuang1 .tanchuang .danxuan ul li {
            display: flex;
            align-items: center;
            cursor: pointer;
            color: #A6A6A6;
            margin-bottom: 7.33333vw;
            font-size: 4.8vw;
        }

        .body_new .rest_tanchuang1 .tanchuang .danxuan ul li.active {
            color: #D9AE55;
        }

        .body_new .rest_tanchuang1 .tanchuang .danxuan ul li .dian {
            background: #E3E3ED;
            width: 4.53333vw;
            height: 4.53333vw;
            border-radius: 50%;
            margin-right: 4.26666vw;
            background: #F1F1F1;
            border: 0.53333vw solid #D8D8D8;
        }

        .body_new .rest_tanchuang1 .tanchuang .danxuan ul li.active .dian {
            background: #B97F39;
            border: 0.53333vw solid #DFDFDF;
        }

        .body_new .rest_tanchuang1 .tanchuang .danxuan ul li:last-child {
            margin-bottom: 0;
        }

        .body_new .rest_tanchuang1 .tanchuang .anniu {
            width: 90%;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 10vw;
            background: #0682EB;
            color: #fff;
            border-radius: 40vw;
            margin-bottom: 3vw;
        }

        .body_new .video_mp4 {
            z-index: 999;
            position: relative;
            background: #000;
        }

        .body_new .video_mp4.active {
            display: none;
        }

        .body_new #play {
            position: fixed;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 17vw;
            z-index: 9;
        }

        .body_new #fengmian {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 8;
        }

        /* added by kevin*/

        .body_new .loading-mask {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            font-size: 1.2em;
            z-index: 1000;
        }

        .body_new .spinner {
            border: 4px solid rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            border-top: 4px solid #fff;
            width: 40px;
            height: 40px;
            animation: spin 1s linear infinite;
            margin-right: 10px;
        }



        .body_new .vm_tips span {
            text-align: center;
        }

        .body_new .video_mp4 video {
            object-fit: initial;
            width: 100% !important;
            height: 100% !important;
        }

        .body_new .video_mp4 video.active {
            /* height: calc(100% - 11vh) !important; */
            /* height:calc(100vh - constant(safe-area-inset-bottom)) !important;
            height:calc(100vh - env(safe-area-inset-bottom)) !important; */
        }

        .body_new .tg_btn {
            position: absolute;
            bottom: 13%;
            right: 5vw;
            left: inherit;
            transform: inherit;
        }

        .body_new .tg_btn.active {
            /* bottom: calc(12vw + 11vh); */
        }

        .body_new video, .body_new canvas {
            width: 100vw;
            max-width: 100vw;
            height: 100vh;
            display: block;
        }

        .body_new canvas {
            position: absolute;
            top: 0;
            left: 0;
        }

        @media (min-width: 750px) {
            .body_new #fengmian {
                object-fit: initial;
            }

            .body_new #play {
                width: 12vw;
            }
        }

        .body_new #defaultCanvas0 {
            transform: rotateY(180deg);
        }

        .body_new #defaultCanvas0.active {
            transform: rotateY(0deg);
        }

        .body_new .body_icon {
            bottom: 15.17vw;
        }


 
        .body_zhibo .container {
            position: relative;
            margin-bottom: 10px;
            width: 100%;
            max-width: 100vw;
        }

        .body_zhibo #referenceContainer video,
        .body_zhibo #referenceContainer canvas {
            width: 100%;
            height: 100%;
            transform: rotateY(180deg);
            object-fit: initial;
        }

        .body_zhibo #referenceContainer.active video,
        .body_zhibo #referenceContainer.active canvas {
            transform: rotateY(0);
        }

        .body_zhibo #referenceContainer canvas {
            position: absolute;
            top: 0;
            left: 0;
        }

        .body_zhibo #status {
            margin: 10px 0;
            padding: 10px;
            width: 100%;
            background-color: #f8f8f8;
            border-left: 4px solid #4CAF50;
            font-size: 0.9rem;
        }

        .body_zhibo .error {
            border-left-color: #f44336;
        }

        .body_zhibo #stats {
            width: 100%;
            margin-top: 10px;
            padding: 5px;
            background-color: #fff;
            border: 1px solid #ccc;
            border-radius: 5px;
            max-height: 200px;
            overflow-y: auto;
        }

        .body_zhibo #controls {
            display: flex;
            width: 100%;
            justify-content: space-between;
            margin-bottom: 10px;
        }

        /* 显示/隐藏关键点数据表格 */
        .body_zhibo .collapsible {
            background-color: #777;
            color: white;
            cursor: pointer;
            padding: 12px;
            width: 100%;
            border: none;
            text-align: left;
            outline: none;
            font-size: 1rem;
            margin-top: 10px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .body_zhibo .collapsible:after {
            content: '\002B';
            font-weight: bold;
            float: right;
            margin-left: 5px;
        }

        /* .active:after {
            content: "\2212";
        } */

        .body_zhibo .content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.2s ease-out;
            background-color: #f1f1f1;
        }

        /* 横屏模式优化 */
        @media (orientation: landscape) {
            .body_zhibo .main-content {
                display: flex;
                width: 100%;
            }

            .body_zhibo .container {
                flex: 2;
                margin-right: 10px;
            }

            .body_zhibo .sidebar {
                flex: 1;
            }
        }

        /* 手机竖屏优化 */
        @media (max-width: 768px) {
            .body_zhibo #status {
                font-size: 0.8rem;
                padding: 5px;
            }

            .body_zhibo .controls button {
                margin: 0 2px;
            }
        }

        /* 参考图片样式 - 修改部分 */
        .body_zhibo #referenceImage {
            position: absolute;
            top: 50%;
            left: 50%;
            width: auto;
            height: auto;
            max-width: 60%;
            /* 缩小约三分之一 */
            max-height: 60%;
            /* 缩小约三分之一 */
            pointer-events: none;
            z-index: 1;
            transform: translate(-50%, -50%);
            /* 居中 */
        }

        .body_zhibo #referenceContainer {
            position: relative;
            display: inline-block;
            width: 100%;
            height: 100vh;
            background: #000;
        }
        .body_zhibo {
            margin: 0;
            padding: 0;
            height: 100%;
            overflow: hidden;
        }

        .body_zhibo .body_icon {
            background: none;
            color: white;
            font-size: 3.73333vw;
            border: none;
            cursor: pointer;
            position: fixed;
            bottom: 4vw;
            z-index: 10;
            width: 10.66666vw;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 100%;
            flex-wrap: wrap;
        }

        .body_zhibo .body_icon img {
            width: 10.66666vw;
        }

        .body_zhibo .body_icon span {
            padding-top: 2vw;
            white-space: nowrap;
        }

        .body_zhibo #toggleCamera {
            left: inherit;
            right: 17.2vw;
        }

        .body_zhibo #toggleCamera.active {
            display: none;
        }

        .body_zhibo #switchCameraButton {
            left: 36%;
        }

        .body_zhibo #switchCameraButton.active {
            display: none;
        }


        .body_zhibo #exitCamera {
            left: 10.2vw;
            transform: translateX(-50%);
        }

        .body_zhibo #demoCamera {
            left: 17.2vw;
        }

        .body_zhibo #demoCamera.active {
            display: none;
        }

        .body_zhibo .body_title {
            background-color: #000;
            font-size: 6.4vw;
            width: 70.13333vw;
            height: 18.66666vw;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 4.26666vw;
            color: #fff;
            overflow: hidden;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: 12vw;
            z-index: 9;
        }
        .body_zhibo .body_title.none{
            display: none !important;
        }

        .body_zhibo .body_title_sed {
            display: none;
            overflow: inherit;
            background: none;
            height: 14.66666vw;
        }

        .body_zhibo .body_title_sed h2 {
            display: flex;
            align-items: center;
            padding-left: 4vw;
            font-size: 6.4vw;
            height: 14.66666vw;
            margin: 0;
            position: relative;
            background-color: #000;
            border-radius: 4.26666vw;
        }

        .body_zhibo #jindutiao {
            position: absolute;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 1;
            background: linear-gradient(270deg, rgba(202, 158, 87, 1) 0%, rgba(248, 239, 189, 1) 49%, rgba(202, 158, 87, 1) 100%);
            border-radius: 4.26666vw;
        }

        .body_zhibo .body_title_sed h2 span {
            position: relative;
            z-index: 2;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
        }

        .body_zhibo .body_title_sed h2 span span {
            width: 15.66666vw;
            height: 14.66666vw;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: rgba(226, 225, 225, 0.8);
            font-size: 7.46666vw;
            border-radius: 4.26666vw;
            color: #000;
        }

        .body_zhibo .body_title_sed p {
            font-size: 3.46666vw;
            color: #fff;
            margin: 0;
            padding-top: 1.6vw;
        }

        .body_zhibo .time_out {
            width: 40vw;
            height: 40vw;
            background-color: rgba(0, 0, 0, 0.8);
            font-size: 5.33333vw;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-flow: column;
            border-radius: 4.26666vw;
            color: #fff;
            line-height: 1;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: 9;
        }

        .body_zhibo .time_out h2 {
            font-size: 16vw;
            margin: 0;
        }

        .body_zhibo .time_out p {
            padding-top: 4.53333vw;
            margin: 0;
            line-height: 1;
        }

        .body_zhibo .rest_tanchuang {
            position: fixed;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 99;
            background: rgba(0, 0, 0);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .body_zhibo .rest_tanchuang .tanchuang {
            width: 87.2vw;
            background: #fff;
            border-radius: 3.2vw;
            color: #333;
            box-sizing: border-box;
            padding: 7.33333vw 6.4vw;
            text-align: center;
            display: flex;
            align-items: center;
            flex-direction: column;
        }

        .body_zhibo .rest_tanchuang .tanchuang span {
            color: #333333;
            font-size: 3.2vw;
            line-height: 1.5;
            padding-top: 3.86666vw;
        }

        .body_zhibo .rest_tanchuang .tanchuang .jindu {
            width: 100%;
            background: #D9D9D9;
            height: 2.13333vw;
            position: relative;
            border-radius: 2.13333vw;
        }

        .body_zhibo .rest_tanchuang .tanchuang p {
            margin: 0;
            padding-bottom: 6.13333vw;
            font-size: 5.33333vw;
            line-height: 1.5;
        }

        .body_zhibo .rest_tanchuang .tanchuang .jindu i {
            position: absolute;
            z-index: 9;
            left: 0;
            top: 0;
            height: 100%;
            background: linear-gradient(90deg, #EBD18D 0%, #D9AE55 100%);
            border-radius: 2.13333vw;
        }

        .body_zhibo .rest_tanchuang1 {
            position: fixed;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 999;
            background: rgba(0, 0, 0);
            display: none;
            align-items: flex-end;
        }

        .body_zhibo .rest_tanchuang1.active {
            display: flex;
        }

        .body_zhibo .rest_tanchuang1 .tanchuang {
            width: 100%;
            background: #fff;
            border-radius: 3.2vw 3.2vw 0 0;
            color: #333;
            box-sizing: border-box;
            padding: 7.46666vw 0 10.73333vw 0;
            text-align: center;
            display: flex;
            align-items: center;
            flex-direction: column;
        }

        .body_zhibo .rest_tanchuang1 .tanchuang p {
            margin: 0;
            padding-bottom: 6.4vw;
            font-size: 5.33333vw;
            line-height: 1.5;
            color: #333333;
        }

        .body_zhibo .rest_tanchuang1 .tanchuang .danxuan {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 8.66666vw;
            width: 100%;
        }

        .body_zhibo .rest_tanchuang1 .tanchuang .danxuan img {
            width: 24.26666vw;
            margin-right: 10.66666vw;
        }

        .body_zhibo .rest_tanchuang1 .tanchuang .danxuan ul {
            width: 50.66666vw;
            display: flex;
            flex-direction: column;
            margin: 0;
            padding: 0;
        }

        .body_zhibo .rest_tanchuang1 .tanchuang .danxuan ul li {
            display: flex;
            align-items: center;
            cursor: pointer;
            color: #A6A6A6;
            margin-bottom: 7.33333vw;
            font-size: 4.8vw;
        }

        .body_zhibo .rest_tanchuang1 .tanchuang .danxuan ul li.active {
            color: #D9AE55;
        }

        .body_zhibo .rest_tanchuang1 .tanchuang .danxuan ul li .dian {
            background: #E3E3ED;
            width: 4.53333vw;
            height: 4.53333vw;
            border-radius: 50%;
            margin-right: 4.26666vw;
            background: #F1F1F1;
            border: 0.53333vw solid #D8D8D8;
        }

        .body_zhibo .rest_tanchuang1 .tanchuang .danxuan ul li.active .dian {
            background: #B97F39;
            border: 0.53333vw solid #DFDFDF;
        }

        .body_zhibo .rest_tanchuang1 .tanchuang .danxuan ul li:last-child {
            margin-bottom: 0;
        }

        .body_zhibo .rest_tanchuang1 .tanchuang .anniu {
            width: 90%;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 10vw;
            background: #0682EB;
            color: #fff;
            border-radius: 40vw;
            margin-bottom: 3vw;
        }

        .body_zhibo .video_mp4 {
            z-index: 999;
            position: fixed;
            background: #000;
            right: 0;
            bottom: 0;
            transition: all 1s ease-in-out 0s;
        }
        .body_zhibo .video_mp4 .quanping{
            display: none;
        }
        .body_zhibo .video_mp4.active {
            display: none;
        }
        .body_zhibo .video_mp4.nhov {
            width: 35vw !important;
    height: 28vh !important;
    bottom: 4vw;
    right: 3vw;
        }
        .body_zhibo .video_mp4.nhov .quanping{
            display: block;
            position: absolute;
            width: 7vw;
            z-index: 9;
            bottom: 2vw;
            right: 1.5vw;
            opacity: 0.5;
            cursor: pointer;
        }
        .body_zhibo .video_mp4.nhov .tg_btn.active{
            display: none;
        }
        .body_zhibo #play {
            position: fixed;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 17vw;
            z-index: 9;
        }
        .body_zhibo .video_mp4.nhov #play{
            display: none;
        }
        .body_zhibo #fengmian {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 8;
        }

        /* added by kevin*/

        .body_zhibo .loading-mask {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, .9);
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            font-size: 1.2em;
            z-index: 1000;
        }

        .body_zhibo .spinner {
            border: 4px solid rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            border-top: 4px solid #fff;
            width: 40px;
            height: 40px;
            animation: spin 1s linear infinite;
            margin-right: 10px;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .body_zhibo .vm_tips span {
            text-align: center;
        }

        .body_zhibo .video_mp4 video {
            object-fit: contain;
            width: 100% !important;
            height: 100% !important;
        }

        .body_zhibo .video_mp4 video::-webkit-media-controls-fullscreen-button {
  display: none !important; /* 隐藏全屏按钮 */
}
.body_zhibo .video_mp4 video::-webkit-media-controls-play-button,
.body_zhibo .video_mp4 video::-webkit-media-controls-timeline,
.body_zhibo .video_mp4 video::-webkit-media-controls-current-time-display,
.body_zhibo .video_mp4 video::-webkit-media-controls-time-remaining-display {
  display: none !important; /* 隐藏其他控件 */
}


        .body_zhibo .tg_btn {
            position: absolute;
            bottom: 13%;
            right: 5vw;
            left: inherit;
            transform: inherit;
            display: none;
            cursor: pointer;
        }

        .body_zhibo .tg_btn.active {
            display: flex;
        }

        @media (min-width: 750px) {
            .body_zhibo #fengmian {
                object-fit: initial;
            }

            .body_zhibo #play {
                width: 12vw;
            }
        }

        .body_zhibo #defaultCanvas0 {
            transform: rotateY(180deg);
        }

        .body_zhibo #defaultCanvas0.active {
            transform: rotateY(0deg);
        }

        .body_zhibo .body_icon {
            bottom: 4vw;
        }

        /* 在CSS样式中添加新图片的样式 */
        .body_zhibo #additionalImage {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 103%;
            height: 103%;
            pointer-events: none;
            z-index: 0;
            /* 层级比referenceImage低 */
            transform: translate(-50%, -50%);
        }

        .body_zhibo #faceOverlay {
            display: none;
            position: absolute;
            pointer-events: none;
            z-index: 2;
            transform: translate(-50%, -50%);
            transition: width 0.3s ease, height 0.3s ease;
        }

        .body_zhibo #faceOverlay.active {
            transform: translate(11vw, -50%);
            left: auto !important;
        }

        .body_zhibo #toggleReferenceImage {
            left: inherit;
            right: 17.2vw;
            bottom: 25vw;
            /* 调整位置避免与其他按钮重叠 */
        }

        /* 右下角示范视频 */
        .body_zhibo #rightDemoVideo{
            position: fixed;
            right: 2vw;
            bottom: 4vw;
            width: 35vw;
            z-index: -1;
            opacity: 0;
            visibility: hidden;
            border-radius: 3vw;
        }
        .body_zhibo #rightDemoVideo.active{
            opacity: 0.85;
            visibility: visible;
            z-index: 999;
            display: none;
        }
        .body_zhibo #tg_btn.nhov{
            display: none;
        }
        .body_zhibo #tg_btn1{
            display: none;
        }
        .body_zhibo #tg_btn1.nhov{
            display: flex;
        }
        .btn.active{
            background-image: url(../img/v3/p16.png) !important;
            transform: scale(1) !important;
            color: #333333 !important;
        }

        .delect_navigation{
    display: flex;
    flex-direction: column;
}
        .delect_navigation .list{
    color: #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 3.733vw;
    padding-bottom: 6vw;
  padding-top: 6vw;
  border-bottom: 1px solid #eee;
}
        .delect_navigation .list span{}
        .delect_navigation .list .arrow-right {
            display: inline-block;
            position: relative;
            width: 4.8vw;
            height: 4.8vw;
          }
          .delect_navigation .list .arrow-right::after{
            content: "";
            display: inline-block;
            width: 2.4vw;
            height: 2.4vw;
            border-width: .5333vw .5333vw 0 0;
            border-color: #c7c7c7;
            border-style: solid;
            position: absolute;
            top: 50%;
            right: .8vw;
            margin-top: -1.2vw;
            transform: rotate(45deg);
          }

/*适配1080*1920PAD样式*/

@media screen and (min-width: 720px) {
    .ar_mob {
      display: none;
    }
    .ar_ipad {
      display: inline-block;
    }
    .index_kv h2 {
      padding-top: 5.9333vw;
      padding-left: 7.2vw;
    }
    .index_kv h2 img {
      width: 14.1333vw;
      margin-right: 0;
    }
    .index_kv.z_index .img1 {
      margin-top: 2.4667vw;
      width: 69.8667vw;
    }
    .index_cont.z_index_cont .index_login a {
      width: 67.6vw;
      font-size: 5.6vw;
    }
    .index_login a {
      width: 47.4667vw;
      height: 10.6667vw;
      background-size: 100% 100%;
      font-size: 3.7333vw;
    }
    .index_kv.z_index .img2 {
      margin-top: -11vw;
    }
    .index_cont.z_index_cont .index_login {
      margin-top: 6.33333vw;
    }
    .index_cont .privacy {
      padding-top: 3.33333vw;
    }
    .index_cont.z_index_cont .zongzhi {
      padding-top: 9.33333vw;
    }
    .pt_share {
      width: 88.9333vw;
      height: 11.0667vw;
      font-size: 3.7333vw;
      background-size: 100% 100%;
      margin-bottom: 4.66666vw;
    }
    .pt_share img {
      width: 3.7333vw;
      margin-left: 1.8667vw;
    }
    .tp_header h2 {
      padding-top: 5.8667vw;
      padding-left: 5.6vw;
    }
    .tp_header h2 img.tp_title {
      top: -4vw;
    }
    .tp_header h2 img {
      width: 16.6667vw;
    }
    .tp_header h2 a img {
      width: 9.4667vw;
      margin-right: 5.6vw;
      margin-top: 0;
    }
    .bg_new .teps_cont {
      padding-top: 7.0667vw;
    }
    .bg_new .teps_cont .index_login.mrt40 {
      margin-bottom: 0;
    }
    .teps {
      height: 8.5333vw;
      margin-bottom: 3.5333vw;
    }
    .teps h6 {
      font-size: 3.3333vw;
    }
    .message {
      font-size: 3.3333vw;
    }
    .caiji_list ul {
      padding-top: 4.4vw;
    }
    .caiji_list ul li dl dd {
      font-size: 4.4vw;
    }
    .bg_new .index_login a {
      width: 47.4667vw;
      height: 10.0667vw;
      background-size: 100% 100%;
      font-size: 3.7333vw;
    }
    .pt_80 {
      padding-top: 10.66666vw;
    }
    .gather_myElement {
      height: auto;
    }
    .bg_new {
      height: auto;
      background: url(../img/bg02.jpg) bottom center no-repeat;
      background-size: 100%;
    }
    .cons_body h3 {
      font-size: 4.4vw;
    }
    .register .title {
      /* height: 15.8667vw; */
      font-size: 4.4vw;
    }
    .register .desc {
      align-items: center;
      padding: 2.3333vw 4.2667vw;
    }
    .register .desc .message {
      font-size: 3.3333vw;
      padding-bottom: 2.5333vw;
    }
    .register .desc .weui-cell {
      font-size: 2.9333vw;
      height: 7.2vw;
    }
    .register .desc .weui-cell__bd .custom-select-trigger {
      height: 6.4vw;
      width: calc(100% - 2.6vw);
    }
    .register .desc .weui-cell__bd .custom-select-trigger.active {
      font-size: 3.86666vw;
    }
    .cons_body_login .desc .list {
      padding-bottom: 4.4vw;
    }
    .cons_body_login .desc .list p {
      font-size: 3.3333vw;
    }
    .cons_body_login .txt {
      padding-top: 3.7333vw;
      font-size: 3.3333vw;
    }
    .index_login {
      margin-top: 7.4667vw;
    }
    .mrt40 {
      margin-top: 2.33333vw;
      margin-bottom: 2.333vw;
    }
    .cons_body .index_login.mrt40 {
      margin-bottom: 0;
    }
    .index_login a {
      width: 88.9333vw;
      height: 11.0667vw;
      font-size: 4.2667vw;
      background: url(../img/v3/p22.png) no-repeat;
      background-size: 100% 100%;
    }
    .register {
      padding-bottom: 0;
    }
    .cons_body_login .desc {
      padding-bottom: 3.66666vw;
      padding-top: 2.6667vw;
    }
    .index_swiper {
      height: 50vw;
    }
    .index_swiper .in_pic {
      height: 50vw;
    }
    .index_swiper a {
      width: 47.4667vw;
      height: 11.0667vw;
      background-size: 100% 100%;
    }
    .pt_icon {
      padding: 0 11.0667vw;
      padding-top: 3.7333vw;
    }
    .pt_icon_list img {
      width: 11.0667vw;
    }
    .pt_icon_list P {
      font-size: 2.5333vw;
      padding-top: 1.4667vw;
      line-height: 1;
    }
    .pt_title {
      padding-top: 5.8667vw;
      font-size: 4.4vw;
      line-height: 1;
    }
    .pt_conts {
      padding-bottom: 3.7333vw;
      position: relative;
      z-index: 2;
    }
    .pt_conts_list:nth-child(1) {
      height: 16.9333vw;
      background-size: 100% 100%;
      margin-bottom: 1.6vw;
    }
    .pt_conts_list:nth-child(2) {
      height: 16.9333vw;
      background-size: 100% 100%;
      margin-bottom: 1.6vw;
    }
    .pt_conts_list:nth-child(3) {
      height: 13.6vw;
      background-size: 100% 100%;
      margin-bottom: 0;
    }
    .pt_conts_list:nth-child(4) {
      height: 13.6vw;
      background-size: 100% 100%;
      margin-bottom: 0;
    }
    .p_title_line {
      padding-top: 1.13333vw;
    }
    .pt_conts_list p {
      font-size: 2.9333vw;
      padding-top: 0.8667vw;
    }
    .pt_conts_list span {
      font-size: 2.2667vw;
      padding-top: 0;
      line-height: 3.3333vw;
    }
    .pt_conts_list span br {
      display: none;
    }
    .pt_bottom {
      height: 56.26666vw;
      background: url(../img/v3/p6.png) no-repeat bottom;
      background-size: 100%;
      box-sizing: border-box;
      padding-top: 18vw;
      margin-top: -18.5vw;
    }
    .pt_bottom.pt_bottom_montior {
      padding-top: 21vw;
    }
    .pt_bottom.pt_bottom_qa {
      padding-top: 13vw;
      box-sizing: initial;
    }
    .pt25 {
      padding-top: 24vw;
      height: 27.267vw;
      z-index: -1;
      box-sizing: initial;
      margin-top: -23.5vw;
    }
    .all_bg {
      top: auto;
      bottom: 0;
    }
    .z_more_personal {
      padding-top: 8.8667vw;
      margin-bottom: 9.5vw;
    }
    .z_more_personal a {
      margin-bottom: 3.0667vw;
    }
    .z_yingyang {
      margin-bottom: 6vw;
    }
    .z_yingyang1 {
      margin-bottom: 6.8vw;
      padding: 7.3333vw 10.4vw 0;
    }
    .z_yingyang2 .yingyang2 {
      margin-bottom: 6vw;
    }
    .index_kv.z_index {
      min-height: 100vh;
      box-sizing: border-box;
    }
    .share_cont {
      width: 69.93333vw;
    }
    .share_cont .lo img {
      width: 100%;
    }
    .share_cont .to {
      width: 100%;
    }
    .to .co_le div {
      font-size: 4.33333vw;
    }
    .z_dibu1 {
      margin-top: -10vw;
    }
    .z_yingyang1 .index_login {
      margin-top: 7.4667vw;
    }
    .z_yingyang .title {
      padding-top: 13.6667vw;
    }
    .z_yingyang .title span {
      font-size: 4.93333vw;
    }
    .z_yingyang .title::before {
      width: 80.3333vw;
    }
    .z_yingyang .img1 {
      padding: 0 13.4vw;
    }
    .z_yingyang .desc{}
    .z_yingyang .desc .list{
      padding: 5.2667vw 3.7333vw 0;
      margin-bottom: 0;
  }
    .z_yingyang .desc .list .tit{
      font-size: 4.0333vw;
      margin-bottom: 0.7333vw;
  }
    .z_yingyang .desc .list .dt{
      margin-bottom: 1.2667vw;
  }
    .z_yingyang .desc.desc1 .list:nth-child(1) {
    height: 60.7333vw;
  }
  
  .z_yingyang .desc.desc1 .list:nth-child(2) {
    height: 60.7333vw;
  }
  
  .z_yingyang .desc.desc1 .list:nth-child(3) {
    height: 41.5333vw;
  }
  
  .z_yingyang .desc.desc1 .list:nth-child(4) {
    height: 41.5333vw;
  }
    .z_yingyang .title_txt{
      margin-top: 0;
      margin-bottom: 0;
  }
    .z_yingyang1 .cons_body .list img{
      margin-right: 0;
  }
  .z_yingyang1 .cons_body .btn a{
  width: 32.8vw;
  height: 11.3333vw;
  }
  .weui-half-screen-dialog{
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
      width: 90%;
          margin: 0 auto;
          min-height: initial;
          max-height: initial;
          height: auto;
  }
  .weui-half-screen-dialog_show{
      bottom: auto;
          border-radius: 5.33333vw;
          opacity: 1;
          visibility: visible;
          top: 51vw;
  }
  .byt_btn a{
      width: 33.33333vw !important;
      height: 11.33333vw !important;
      background-size: 100% 100% !important;
      line-height: 11.33333vw !important
  }
  .Wifi_warp .weui-btn_primary{
      width: 100% !important;
      background-size: 100% 100% !important; 
  }
  .teps_cont{
      
padding-top: 3.33333vw;
  }
  .topic{
      padding-top: 2.33333vw;
  }
  .topic ul li p{
      font-size: 3.23333vw;
      padding-bottom: 1.73333vw;
  }
  .bq_model span{
      height: 5.26666vw;
      line-height: 5.26666vw;
      font-size: 2.86666vw;
      margin-bottom: 2.4666vw;
  }
  .topic ul li .bq_model_jd p{
      font-size: 3.26666vw;
      padding-bottom: 1.4666vw;
  }
  .cons_table{
      width: 100%;
      padding: 5.86666vw 0;
  }
  .cons_table .aa{
      border-bottom: 1px solid #D8D8D8;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 2.93333vw;
  }
  .cons_table .aa .a{
      padding-bottom: 1.6vw;
      font-size: 2.93333vw;
      background: linear-gradient(to right, #CA9E57 0%, #F8EFBD 45%, #CA9E57 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      opacity: 0.8;
  }
  .cons_table .aa .a.active{
      position: relative;
      opacity: 1;
  }
  .cons_table .aa .a.active::before{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    background: linear-gradient( 90deg, #CA9E57 0%, #F8EFBD 49%, #CA9E57 100%), #D8D8D8;
    height: 3px;
  }
  .cons_gotop{
    visibility: hidden;
    opacity: 0;
    position: fixed;
    width: 11.0667vw;
    right: .9333vw;
    bottom: 86.3333vw;
    z-index: 99;
  }
  .cons_gotop.active{
    visibility: visible;
    opacity: 1;
  }

  .blue_bg_product .index_login{
    padding-top: 4.2vw;
padding-bottom: 4.2vw;
}
.blue_bg_product .ma_pro{
    width: 84.93333vw;
    margin: 0 auto;
    padding-top: 6.66666vw;
}
.blue_bg_product .ma_pro img{
    width: 100%;
}
.per_bg{
    overflow: initial;
}
.teps_cont_qa{
    z-index: 9;
}


.bg2 img.sandbg{
    max-height: 70vh;
}
.btn{
    font-size: 3.2vw;
}

  }
  
  @media screen and (min-width: 750px) and (max-height: 1400px) {
    .per_bg .pt_bottom{
        position: relative;
    }
  }

.js_dialog3 .weui-dialog__bd.gai_0916{
    padding-top: 5.33333vw;
    text-align: left;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 6.66666vw;
}
.js_dialog3 .weui-dialog__bd.gai_0916 .tit{
    margin-bottom: 6vw;
    font-size: 5.2vw;
}
.js_dialog3 .close_btn.gai_0916{
    flex-direction: initial;
    justify-content: space-around;
}
.js_dialog3 .close_btn.gai_0916 a{
    background: url(../img/v3/p15.png) no-repeat;
    background-size: cover;
    width: 32vw;
}
.js_dialog3 .close_btn.gai_0916 a.none{
    background: url(../img/v3/p16.png) no-repeat;
    background-size: cover;
}
.report_1016_daping{
    font-size: 1.93333vw;
}

@media screen and (min-width: 720px) {
    .report_1016_daping{
        font-size: 2.93333vw !important;
    }
}