html, body {
    height: 100%
    }
.layui-layer-hui .layui-layer-content {
    padding: 24px 32px !important
    }
.layui-layer-dialog .layui-layer-content {
    font-size: 36px !important;
    line-height: 40px !important
    }
.fontb {
    font-weight: bold;
    text-decoration: none;
    /* 不要下划线 */
    }
.ios11Fixed {
    position: fixed;
    width: 100%
    }
.hidden {
    display: none
    }
.two_my_container_ask {
    background: url(/assets/images/p4_ask.jpg) no-repeat;
    width: 100%;
    height: 420px;
    background-size: cover
    }
.two_data_ask .two_data {
    width: 724px;
    margin: 0 auto;
    height: 100%;
    margin: 0 auto;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden
    }
.main_my_container_ask {
    width: 750px;
    margin: 0 auto;
    overflow: scroll;
    height: 100%;
    position: relative;
    background-size: cover;
    min-height: 100%;
    background-color: #051163
    }
.img100 {
    width: 100%
    }
.red {
    color: #f9eb0f
    }
.green {
    color: #1dbf60
    }
.two_data_ask {
    color: #020100;
    width: 100%
    }
.center {
    text-align: center
    }
.white {
    color: white
    }
.clear:after {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
    }
.h_l {
    float: left;
    width: 298px
    }
.h_r {
    margin-left: 310px;
    border-left: 1px solid white
    }
.h_r li {
    width: 20%;
    margin-left: 12%;
    margin-bottom: 16px;
    font-size: 30px
    }
.c_b li {
    width: 20%;
    margin-left: 4%;
    font-size: 26px
    }
.c_b {
    margin-top: 16px;
    border-top: 1px solid white;
    padding-top: 8px
    }
.c_b ul {
    margin-top: 4px
    }
.bold {
    font-weight: bold
    }
.name {
    font-size: 32px
    }
.xianjia {
    font-size: 40px;
    color: #ffee2f
    }
.zhangdie_ask, .zhangfu_ask {
    font-size: 28px;
    margin-left: 11px;
    margin-right: 11px;
    color: #ffee2f
    }
.time, .date {
    font-size: 20px;
    text-align: center;
    margin-top: 10px;
    line-height: 40px;
    color: #fff;
    font-weight: bold
    }
.time_c {
    margin-top: 8px;
    text-align: center
    }
.h_l > div {
    text-align: center
    }
li .bold {
    line-height: 1.6
    }
.dsj {
    margin-top: 20px;
    margin-left: 32px
    }
.success, .peopleNum {
    color: #ffc600
    }
.inputBg, .inputBgb {
    width: 545px;
    height: 82px;
    margin: 0 auto;
    background-size: 100% 100%
    }
.phone, .phoneb {
    border: none;
    outline: none;
    background: #fff;
    border: 2px solid #ddd;
    height: 100%;
    width: 100%;
    font-size: 38px;
    letter-spacing: 1px;
    text-align: center;
    border-radius: 8px
    }
.btnBg_ask {
    background-image: url(/assets/images/p6_ask.png);
    width: 95%;
    height: 100%;
    line-height: 78px;
    margin: 20px auto;
    background-size: 100% 100%;
    font-size: 36px;
    cursor: pointer;
    text-align: center;
    color: #030a3d
    }
.btnBg_ask span {
    color: #FFEB3B
    }
.tips {
    font-size: 24px
    }
.copyRight {
    font-size: 12px;
    position: absolute;
    bottom: 8px;
    width: 100%
    }
.two_data_ask .left {
    width: 275px;
    float: left;
    margin-top: 20px
    }
.two_data_ask .right {
    width: 440px;
    margin-left: 0;
    float: left;
    margin-top: 55px
    }
.two_data_ask td {
    height: 36px;
    width: 162px;
    text-align: center;
    font-size: 22px;
    font-weight: normal;
    color: #fff
    }
.two_data_ask th {
    height: 36px;
    width: 160px;
    text-align: center;
    font-size: 22px;
    font-weight: normal;
    color: #fff
    }
.two_data_ask .border_bottom_ask {
    border-bottom: 1px solid #7b7b7b
    }
.gName {
    font-size: 30px;
    font-weight: bold;
    margin-top: 18px;
    color: #fff;
    margin-left: 10px;
    width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
    }
.gCode {
    font-size: 42px;
    margin-bottom: -4px;
    color: #fff
    }
.zhishu_ask {
    font-size: 54px;
    font-weight: bold;
    color: rgb(255, 0, 0)
    }
.zhishu_ask img {
    height: 44px;
    width: 30px
    }
.stockStateContent p {
    padding-top: 36px;
    font-size: 28px;
    color: white;
    text-align: center
    }
.left_t1_ask, .left_t2_ask, .left_t3 {
    float: left;
    text-align: center
    }
.left_t1_ask {
    width: 275px;
    height: 222px
    }
.left_t2_ask {
    width: 275px
    }
.tableBg {
    width: 750px;
    height: 340px;
    padding-top: 72px
    }
.onlineBlock {
    height: 44px;
    color: #fff;
    font-size: 28px;
    margin-top: 20px
    }
.formBlock {
    background: #000330
    }
.tdFrist {
    width: 228px
    }
.tdLast {
    width: 320px
    }
.table_list_ask {
    text-align: center;
    width: 100%;
    font-size: 24px;
    color: #545455;
    transition: all 0.5s
    }
.table_list_ask td {
    min-width: 100px;
    height: 64px
    }
.tableCon {
    height: 340px;
    overflow: hidden
    }
.searchBg {
    color: #666;
    font-size: 36px;
    border-radius: 10px;
    width: 700px;
    height: 85px;
    margin: 0 auto;
    position: absolute;
    bottom: 85px;
    left: 50%;
    margin-left: -350px;
    border-radius: 5px
    }
.searchInput {
    width: 476px;
    height: 85px;
    border: none;
    outline: none;
    background: none;
    font-size: 36px;
    padding-left: 20px
    }
.searchBtn {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    font-size: 32px;
    height: 80px;
    cursor: pointer;
    width: 176px;
    color: #fff
    }
.imgContent em {
    width: 2px;
    position: absolute;
    display: block;
    height: 135px;
    background: #2b2e32;
    top: 24%;
    left: 48.7%;
    margin-left: 6px;
    animation: xz 8s both infinite alternate;
    transform-origin: center 88%;
    -webkit-animation: xz 8s both infinite alternate;
    -webkit-transform-origin: center 88%
    }
@-webkit-keyframes downLight {
    from {
        top: -94px;
        } to {
        top: 130px;
        }
    }
@keyframes downLight {
    from {
        top: -94px;
        } to {
        top: 130px;
        }
    }
@keyframes xz {
    0%, 100% {
        transform: rotate(0deg);
        } 20% {
        transform: rotate(90deg);
        } 40% {
        transform: rotate(180deg);
        } 60% {
        transform: rotate(360deg);
        } 80% {
        transform: rotate(270deg);
        }
    }
@-webkit-keyframes xz {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        } 20% {
        -webkit-transform: rotate(90deg);
        } 40% {
        -webkit-transform: rotate(180deg);
        } 60% {
        -webkit-transform: rotate(360deg);
        } 80% {
        -webkit-transform: rotate(270deg);
        }
    }
.cancel {
    background-size: 100% 100%;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 32px;
    top: 88px;
    cursor: pointer
    }
.icon {
    width: 217px;
    height: 123px;
    position: absolute;
    left: 184px;
    top: 176px
    }
.tan_title {
    text-align: center;
    color: #ef5456
    }
.barbox div.barline div.charts {
    background: #ffd14f;
    border-radius: 100px;
    overflow: hidden;
    height: 22px
    }
.barbox div.barline {
    width: 353px;
    height: 22px;
    background-size: 100% 100%
    }
.barbox {
    margin-top: 0
    }
.tan_title {
    padding: 20px;
    padding-bottom: 20px
    }
.Land_li_input input {
    border-radius: 24px;
    text-align: center;
    width: 560px;
    height: 91px;
    font-size: 40px
    }
.land_btn {
    width: 100%;
    padding-top: 0;
    margin-top: 24px
    }
.tan_close a {
    width: 44px;
    height: 44px;
    background-size: 100%
    }
.discuss {
    display: inline-block;
    font-size: 1.8rem;
    padding-bottom: 3rem;
    padding-top: 3rem
    }
.tan_400 {
    width: 650px;
    margin-left: -325px;
    min-height: 260px
    }
.discuss {
    color: #ef5456
    }
.promise {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    color: #666;
    margin-top: 24px
    }
.cName {
    font-size: 46px;
    color: #f90303;
    margin-right: 10px;
    font-weight: bold
    }
.one_my_container_ask {
    background: url(/assets/images/p0_ask.jpg) no-repeat;
    background-size: 100% auto;
    height: 600px;
    position: relative
    }
.one_my_container_ask .bk_ask {
    width: 57%;
    position: absolute;
    left: 50%;
    top: 41px;
    margin-left: -25%
    }
.one_my_container_ask .num {
    display: block;
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 8%;
    right: 2.5%
    }
.one_my_container_ask .le, .one_my_container_ask .sx_ask {
    width: 54%;
    position: absolute;
    top: 7%;
    left: 50%;
    margin-left: -24%
    }
.one_my_container_ask .bt {
    position: absolute;
    width: 94%;
    left: 3%;
    bottom: 0
    }
.one_my_container_ask i {
    display: block;
    position: absolute;
    width: 2rem;
    height: 2rem;
    font-size: 0.85rem;
    color: #fff;
    text-align: center;
    line-height: 2rem;
    top: 11%;
    right: 5%;
    text-decoration: none
    }
.one_my_container_ask i code {
    font-size: 14px;
    color: #0094ef;
    text-decoration: none
    }
.onlineBlock #number {
    color: #fffc00;
    margin: 0 0.3rem
    }
.one_my_container_ask .bk_ask {
    animation: rood 20s linear infinite;
    -webkit-animation: rood 20s linear infinite
    }
.one_my_container_ask .sx_ask {
    animation: rrood 2s linear infinite;
    -webkit-animation: rrood 2s linear infinite
    }
.footer {
    width: 100%;
    bottom: 0;
    margin-top: 50%;
    position: absolute
    }
.footer h2 {
    text-align: center;
    color: #363636;
    font-size: 18px
    }
.footer p {
    font-size: 18px;
    color: white;
    text-align: center;
    line-height: 30px
    }
.footer p a {
    font-size: 18px;
    color: white;
    text-align: center;
    line-height: 30px
    }
@-moz-keyframes rood {
    from {
        transform: rotate(0deg);
        } to {
        transform: rotate(360deg);
        }
    }
@-webkit-keyframes rood {
    from {
        -webkit-transform: rotate(0deg);
        } to {
        -webkit-transform: rotate(360deg);
        }
    }
@-moz-keyframes rrood {
    from {
        transform: rotate(0deg);
        } to {
        transform: rotate(-360deg);
        }
    }
@-webkit-keyframes rrood {
    from {
        -webkit-transform: rotate(0deg);
        } to {
        -webkit-transform: rotate(-360deg);
        }
    }
@-webkit-keyframes flash {
    0%, 100%, 50% {
        opacity: 1
        } 25%, 75% {
        opacity: 0
        }
    }
@keyframes flash {
    0%, 100%, 50% {
        opacity: 1
        } 25%, 75% {
        opacity: 0
        }
    }
.flash {
    -webkit-animation-name: flash;
    animation-name: flash
    }
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
        } 50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
        } 100% {
        -webkit-transform: scale(1);
        transform: scale(1)
        }
    }
@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
        } 50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
        } 100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
        }
    }
.top-code-name {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 18%;
    z-index: 5;
    text-align: center
    }
.top-code-name span {
    display: inline-block;
    letter-spacing: 4px;
    vertical-align: bottom
    }
.top-code-name .tcn-s1 {
    font-size: 36px;
    color: #fff
    }
.top-code-name .tcn-s2 {
    margin: 0 10px;
    font-size: 48px;
    color: #f9eb0f
    }
.bottom-code-name {
    position: absolute;
    left: 0;
    right: 0;
    top: 25px;
    z-index: 5;
    text-align: center
    }
.bottom-code-name span {
    display: inline-block;
    letter-spacing: 4px;
    vertical-align: bottom;
    color: #fff
    }
.bottom-code-name .bcn-s1 {
    font-size: 28px
    }
.bottom-code-name .bcn-s2 {
    margin: 0 12px;
    font-size: 36px
    }
.three_img {
    margin-top: 15px;
    width: 100%
    }
.bg_table_ask {
    background: url(/assets/images/p7_ask.png) no-repeat;
    width: 724px;
    height: 100%;
    margin: 0 auto;
    color: #422a01;
    font-size: 30px;
    padding-top: 80px
    }
.bg_table_ask td {
    height: 105px
    }
.bg_table_ask .td1 {
    width: 204px;
    text-align: center;
    font-size: 32px
    }
.bg_table_ask .td1 span {
    font-size: 26px
    }
.bg_table_ask .td2 {
    padding-left: 32px;
    text-align: left
    }
.table_list_ask_father_ask {
    overflow: hidden;
    height: 312px
    }
.table_list_ask {
    text-align: center;
    width: 100%;
    font-size: 28px;
    color: #545455;
    transition: all 0.5s
    }
.table_list_ask td {
    min-width: 100px
    }
.red {
    color: #cf3c56
    }
.f00 {
    color: #f00
    }
.green {
    color: #1dbf60
    }
.section {
    text-align: center
    }
.section img {
    width: 100%;
    height: auto;
    display: block
    }
.spinner_ask {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #007bff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite
    }
@keyframes spin {
    0% {
        transform: rotate(0deg);
        } 100% {
        transform: rotate(360deg);
        }
    }
.page_loading_ask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000
    }
.loading-spinner_ask_ask {
    font-size: 1.5rem;
    color: #007bff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #007bff
    }
.main_footer_ask {
    background: #051163;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px
    }
.main_footer_ask .bc {
    font-size: 18px;
    color: white;
    text-align: center;
    line-height: 30px
    }
.main_footer_ask .bc span {
    margin-left: 5px
    }
.spinner {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #007bff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite
    }
@keyframes spin {
    0% {
        transform: rotate(0deg);
        } 100% {
        transform: rotate(360deg);
        }
    }
.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000
    }
.loading-spinner {
    font-size: 24px;
    color: #007bff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #007bff
    }