/*页面重置样式*/
*{
    margin: 0;
    padding: 0;
    font-family: "PingFang SC", serif;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: none;
    -webkit-text-size-adjust: none!important;/* ios横屏字体放大 */
    -webkit-overflow-scrolling: touch;
}
*:not(input,textarea) {
    -webkit-user-select: none!important;
    -webkit-tap-highlight-color: rgba(200, 200, 200, 0);
}
html,
body {
    margin: 0 auto;
    background: #ffffff;
    font-size: 16px;
}
body{
    max-width: 1600px;
    position: relative;
    margin: 0 auto;

}
img {
    border: none;
    border: 0;
    vertical-align: top;
}
ol,
ul,
li {
    list-style: none;
}
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
span,
a,
em,
i {
    font-size: 100%;
    font-weight: normal;
}
input,
button {
    border: none;
    outline: none;
    border-radius: initial;
    margin: 0;
    padding: 0;
    background: transparent;
}
a {
    color: #333;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    outline: none;
    background: none;
    text-decoration: none;
}
a:focus {
    -webkit-tap-highlight-color: transparent!important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
    background: none;
    text-decoration: none;
}
i,
em {
    font-style: normal;
}
select::-ms-expand {
    display: none;
}
/* 去除Chrome等浏览器文本框默认发光边框 */
input:focus,
textarea:focus {
    outline: none;
}
/* 禁止多行文本框textarea拖拽 */
textarea {
    resize: none;
}
/*全部英文字符下自动换行*/
p {
    word-break: break-all;
}

/* 禁止长按链接与图片弹出复制图片菜单 */
a,
img {
    -webkit-touch-callout: none;
}
/*禁止长按复制*/
/*在 iOS 上，输入框默认有内部阴影 清除输入框内阴影*/
input,
textarea {
    border: 0;
    /* 方法1 */
    -webkit-appearance: none;
    /* 方法2 */
}
/*弹性滑动*/
.naative-auto {
    overflow: auto;
    /* auto | scroll */
    -webkit-overflow-scrolling: touch;
}
/*单行省略......*/
.dwote {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
/*多行行省略......*/
.dwwo-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.dwwo-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
/*css修改placeholder的颜色*/
::-webkit-input-placeholder {
    color: #a3abb8;
}
:-moz-placeholder {
    color: #a3abb8;
}
::-moz-placeholder {
    color: #a3abb8;
}
:-ms-input-placeholder {
    color: #a3abb8;
}
/**/
/*浮动*/
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.clear-float::after,
.clear-float::before {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}
/*定位*/
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.text-center{
    text-align: center;
}
.bold{
    font-weight:700;
}
.close-bold{
    font-weight: normal!important;
}

.clearfix::after{
    display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";
}
.clearfix{
    *zoom:1;
}
/* 滚动槽 */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    border-radius: 3px;
    background: rgba(0,0,0,0.06);
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.08);
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: rgba(0,0,0,0.12);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
}

       .section-content {
            margin-left: auto;
            margin-right: auto;
            max-width: 692px;
            background: rgb(15, 18, 43) url('bg.jpg') no-repeat;
            background-size: 100% auto;
        }
        .main {
            background: rgba(0, 0, 0, 0.7);
            width: 100%;
            padding-top: .5rem;
            margin: 0 auto;
        }
        .logo {
            background: url('logo.png') no-repeat center;
            background-size: contain;
            height: 3.5rem;
            margin-bottom: .5rem;
        }
        .btn-group {
            margin: 0 auto;
            text-align: center;
        }
        .btn-group .btn {
            width: 40%;
            height: 1rem;
            display: inline-block;
            cursor: pointer;
        }
        .btn-group .btn:first-child {
            margin-right: .3rem;
        }
        .btn-group .ios-btn {
            background: url(ios-btn.png) no-repeat;
            background-size: contain;
        }
        .btn-group .android-btn {
            background: url(android-btn.png) no-repeat;
            background-size: contain;
        }
        .m-title {
            background: url(question-title.png) no-repeat;
            text-align: center;
            margin: .5rem auto 0;
            width: 80%;
            height: .8rem;
            background-size: 100%;
        }
        .m-title2 {
            background: url(group-title.png) no-repeat;
            background-size: 100%;
        }
        .question-box {
            width: 95%;
            background: rgba(0, 0, 0, 0.3);
            margin: 0 auto;
            color: #fff;
            padding: .3rem;
        }
        .app-tab {
            display: flex;
            width: 100%;
            margin: 0 auto;
        }
        .app-tab div {
            width: 50%;
            margin: 0 auto;
            text-align: center;
            background: rgba(255,255,255,.6);
            border-radius: .1rem;
            font-size: .3rem;
            padding: .2rem;
        }
        .app-tab div:first-child {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }
        .app-tab div:last-child {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
        .app-tab div.active {
            background: #ffcd00;
            color: #000;
        }
        .question {
            margin-top: .2rem;
            height: 5.2rem;
            overflow-y: scroll;
        }
        .question p {
            font-size: .2rem;
            line-height: .45rem;
            margin-bottom: .2rem;
        }
        .tg-group-box {
            width: 75%;
            margin: 0 auto;
        }
        .tg-group-box img {
            width: 100%;
            margin-top: .3rem;
        }
        .m-tips {
            color: rgba(255, 255, 255, 0.7);
            width: 92%;
            font-size: .2rem;
            line-height: .4rem;
            margin: .5rem auto 0;
            padding-bottom: .5rem;
        }
        .business-btn {
            background: url(business-btn.png) no-repeat center;
            width: 1.2rem;
            height: .6rem;
            z-index: 999;
            background-size: contain;
            position: fixed;
            right: 0;
            font-size: .2rem;
            background: rgb(253 107 55);
            line-height: .6rem;
            color: #fff;
            text-align: center;
            border-top-left-radius: .5rem;
            border-bottom-left-radius: .5rem;
            top: 6rem;
            cursor: pointer;
        }
        .business-box {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            top: 0;
            margin: auto;
            background: rgba(0,0,0,.7);
            z-index: 999;
            display: none;
        }
        .business-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width: 7rem;
            background: url(business-bg.png?t=2) no-repeat center;
            height: 7rem;
            background-size: contain;
        }
        .business-content ul {
            position: absolute;
            top: 2.1rem;
            left: .8rem;
        }
        .business-content ul li {
            font-size: .25rem;
            color: #fff;
            text-align: left;
            list-style-type: none;
            list-style-image: url(ad-icon.png);
            padding-left: .1rem;
            line-height: .5rem;
        }
        .business-content ul li a {
            color: #fff;
        }
        .business-content ul.list2 {
            top: 4rem !important;
        }
        .business-box .close-btn {
            background: url(close-btn.png?) no-repeat center center;
            width: .8rem;
            height: .8rem;
            background-size: 100%;
            margin: 0 auto;
            cursor: pointer;
        }
        @media screen and (max-width: 960px) {
            .pc-qrcode {
                display: none;
            }
        }
        @media screen and (min-width: 960px) {
            .pc-qrcode {
                text-align: center;
                display: block;
                font-size: 18px;
                font-weight: bold;
            }
            .pc_ios_box {
                position: fixed;
                left: 0;
                top: 50%;
                transform: translate(0, -50%);
            }
            .pc_android_box {
                position: fixed;
                right: 0;
                top: 50%;
                transform: translate(0, -50%);
            }
            .pc-qrcode p {
                margin-bottom: 15px;
            }
            .pc_android_qrcode, .pc_ios_qrcode {
                border-radius: 10px;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 180px;
                height: 180px;
                background: #fff;
                box-shadow: #000 0 0 10px;
            }
        }

        .loading {
            background: #000;
            position: absolute;
            z-index: 9999;
            width: 100%;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }
        .progress {
            position: relative;
            width: 200px;
            height: 8px;
            background: #fff;
            border-radius: 20px;
        }
        .progress-bar {
            position: absolute;
            left: 0;
            top: 0;
            height: 8px;
            line-height: 20px;
            border-radius: 20px;
            background: #d7bb29;
            animation: animate-positive 3s;
        }
        @keyframes animate-positive {
            from {width:0;}
            to {width:85%;}
        }
        @-webkit-keyframes animate-positive {
            from {width:0;}
            to {width:85%;}
        }