html {
    font-size: 200px;
}

body {
    margin: 0 auto;
    max-width: 750px;
    min-width: auto;
    font-size: .13rem;
    background: #F8F8F8;
}

.sm\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

.sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.btn{
    padding: 0 .12rem;
    font-size: .12rem;
    height: .28rem;
    line-height: .26rem;
    min-width: .5rem;
}

.btn.btn-mini{
    padding: 0 .1rem;
    font-size: .12rem;
    height: .26rem !important;
    line-height: .24rem !important;
}

.mobile-hide{
    display: none !important;
}

.mobile-show{
    display: block !important;
}

.w1200,.w800{
    width: 100%;
    padding: 0 .12rem;
}

.w1680{
    width: 100%;
    max-width: 100%;
    padding: 0 .12rem;
}

.box-g{
    padding: .16rem .12rem;
}

.tag{
    line-height: 1.6em;
    font-size: .12rem;
}

.head_box{
    display: none !important;
}
.mobile-td{
    display: table-cell !important;
}
.wap-header-g,.wap-foot-g{
    display: block !important;
}

.textCenter {
    text-align: center;
}

.textRight {
    text-align: right !important;
}


.iconfont {
    font-size: inherit;
    color: inherit;
    display: inline-block;
}

.gap-4{
    gap: .03rem;
}
.gap-8{
    gap: .06rem;
}
.gap-12{
    gap: .08rem;
}
.gap-16{
    gap: .12rem;
}
.gap-24{
    gap: .16rem;
}
.gap-32{
    gap: .20rem;
}

.font-12 {
    font-size: 0.11rem !important;
}

.font-14 {
    font-size: 0.12rem !important;
}

.font-16 {
    font-size: 0.14rem !important;
}

.font-18 {
    font-size: 0.16rem !important;
}

.font-20 {
    font-size: 0.18rem !important;
}

.font-24 {
    font-size: 0.18rem !important;
}

.font-32 {
    font-size: 0.2rem !important;
}

.ml-4 {
    margin-left: 0.028rem;
}

.ml-8 {
    margin-left: 0.056rem;
}

.ml-12 {
    margin-left: 0.084rem;
}

.ml-16 {
    margin-left: 0.112rem !important;
}

.ml-24 {
    margin-left: 0.168rem;
}

.ml-40 {
    margin-left: 0.28rem;
}

.mr-4 {
    margin-right: 0.028rem;
}

.mr-8 {
    margin-right: 0.056rem;
}

.mr-12 {
    margin-right: 0.084rem;
}

.mr-16 {
    margin-right: 0.112rem !important;
}

.mr-24 {
    margin-right: 0.168rem;
}

.mr-40 {
    margin-right: 0.28rem;
}

.m-8 {
    margin: 0.056rem;
}

.mt-4 {
    margin-top: 0.028rem;
}

.mt-8 {
    margin-top: 0.056rem;
}

.mt-16 {
    margin-top: 0.112rem;
}

.mt-24 {
    margin-top: 0.168rem !important;
}

.mt-32 {
    margin-top: 0.224rem;
}

.mt-40 {
    margin-top: 0.28rem;
}

.mt-50 {
    margin-top: 0.32rem;
}

.mb-4 {
    margin-bottom: 0.028rem;
}

.mb-8 {
    margin-bottom: 0.056rem;
}

.mb-16 {
    margin-bottom: 0.112rem !important;
}

.mb-24 {
    margin-bottom: 0.168rem !important;
}

.mb-32 {
    margin-bottom: 0.224rem;
}

.mb-40 {
    margin-bottom: 0.28rem;
}

.pt-0 {
    padding-top: 0 !important;
}

.pl-12 {
    padding-left: .112rem !important;
}

.pr-12 {
    padding-right: .112rem !important;
}

.pt-8 {
    padding-top: .056rem !important;
}

.pt-16 {
    padding-top: .112rem !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pb-4 {
    padding-bottom: .028rem !important;
}

.pb-8 {
    padding-bottom: .056rem !important;
}

.pb-16 {
    padding-bottom: .112rem;
}


.pb-24 {
    padding-bottom: .168rem;
}

.full-width-g {
    width: 100% !important;
}

/**
* ====================================================== 模块标题及装饰 start
**/

.table-g th,.table-g td{
    padding: .08rem .06rem !important;
}

.title-g {
    font-size: .18rem;
    line-height: 1.4em;
}

.module-g{
    padding: .32rem 0;
}

.module-title-g{
    font-size: .2rem;
    line-height: 1.4em;
}

.module-desc-g{
    font-size: .12rem;
    padding: .12rem .08rem;
}

/**
* ====================================================== 模块标题及装饰 end
**/

/**
* ====================================================== 输入框 start
**/
.tool-progress-bar {
    width: 1.8rem;
    height: .16rem;
    font-size: .12rem;
}

.tool-progress-bar-inner {
    line-height: .16rem;
}

.checkbox-control {
    line-height: .22rem;
}

.checkbox-control + .checkbox-control {
    margin-left: 0;
}

.checkbox-control-input {
    width: .14rem;
    height: .14rem;
}

.checkbox-control-label {
    height: .22rem;
}

.checkbox-control-label::before {
    width: .14rem;
    height: .14rem;
    margin-right: .05rem;
}

.checkbox-control-label::after {
    width: .03rem;
    height: .08rem;
    border-right: .02rem solid #fff;
    border-top: .02rem solid #fff;
    left: .03rem;
    top: .12rem;
}

.text-input {
    padding: .12rem .16rem;
    font-size: .13rem;
    outline: none;
    border: 0;
    width: 100%;
    height: auto;
    line-height: 1em;
}

::placeholder {
    color: #b8becc;
}

/**
* ====================================================== 输入框 end
**/

/**
* ====================================================== 布局-头部 start
**/

.wap-header-g {
    position: relative;
    width: 100%;
    max-width: 750px;
    z-index: 999;
    background: #fff;
}

.wap-header-g .header {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 0 .12rem;
    height: .48rem;
}

.header-logo-cont{
    left: .1rem;
    margin-left: 0;
    top: .12rem;
    z-index: 8888;
}
.header-logo-cont .header-logo{
    width: 1rem;
    height: .26rem;
    background-size: 100% 100%;
}
.wap-header-g .header.transparent-bg {
    background: transparent;
}
.wap-header-g .header .logo {
    width: 1.1rem;
    height: 0.2rem;
    position: relative;
    top: 0.01rem;
    background: url("../images/comm/logo.png") no-repeat;
    background-size: 100%;
    display: inline-block;
}

.wap-header-g .header .head-nav, .wap-header-g .head-nav-cont .head-nav {
    font-size: .34rem;
    color: #333;
    font-weight: inherit;
    position: absolute;
    right: 0.12rem;
    top: 0.12rem;
}


.wap-header-g.headerBg2 {
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.wap-header-g.headerBg2 .header .head-nav {
    color: #333;
}

.wap-header-g.headerBg2 .header .logo {
    background: url("../images/logo01.png") no-repeat;
    background-size: 100% 100%;
}

/**
* ====================================================== 布局-头部 end
**/


/**
* ====================================================== 布局-底部 start
**/
.footer_top {
    flex-direction: column;
    margin: .08rem auto;
    padding: .12rem 0 0;
}
.footer_top_item {
    width: 100% !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer_top_item:last-child {
    border-bottom: none;
}
.footer_nav_title {
    font-size: .13rem;
    cursor: pointer;
    position: relative;
    padding-right: .2rem;
    width: 100%;
}
.footer_nav_title::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgba(255, 255, 255, 0.6);
    transition: transform 0.3s ease;
}
.footer_top_item.active .footer_nav_title::after {
    transform: translateY(-50%) rotate(180deg);
}
.footer_nav_list {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    display: flex;
    flex-wrap: wrap;
}
.footer_top_item.active .footer_nav_list {
    max-height: 300px;
}
.footer_nav_list a {
    font-size: .12rem;
    width: 50%;
}
.footer_nav_list a:last-child{
    padding-bottom: 0.12rem;
}
.footer_bottom{
    font-size: .11rem;
    gap: .08rem;
    padding: .08rem 0 .16rem;
}
.footer > .company{
    height: auto;
    line-height: .2rem;
    padding: .12rem 0 .16rem;
    justify-content: center;
    gap: 8px;
}

/**
* ====================================================== 布局-底部 end
**/


/**
* ====================================================== 弹窗 start
**/

.PopupMsg{
    left: 0;
    transform: translate(0%, 0px);
    width: 100%;
    display: flex;
    justify-content: center;
}
.PopupMsg span{
    padding: .12rem;
    line-height: 1.6em;
    height: auto;
    max-width: 94%;
}

/*遮罩*/
.mask {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999;
}

.confirm_input {
    border: 1px solid #D5D5D6;
    padding: 10px;
    width: 70%;
}

.weui_mask_transparent {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
}

.cx_mask_transparent {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.1);
}

.web_toast {
    position: fixed;
    margin: 0 .1rem;
    z-index: 9999;
    display: block;
    padding: .1rem 0.16rem;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.8);
    font-size: .14rem;
    text-align: center;
    border-radius: .04rem;
    transition: all 0.5s;
    top: 0rem;
}

.web_loading {
    position: fixed;
    flex-wrap: wrap;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
    display: flex;
    font-size: .14rem;
    justify-content: center;
    align-content: center;
    color: #fff;
}

.web_loading .iconloading1 {
    width: 100%;
    font-size: .6rem;
    margin-bottom: .1rem;
    animation: rotate 1s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

/**
* ====================================================== 弹窗 end
**/

.scroll-top {
    position: fixed;
    bottom: 0.7rem;
    right: 0.2rem;
    width: 0.36rem !important;
    height: 0.36rem;
    display: none;
    line-height: 0.32rem;
    background: rgba(0, 117, 255, 0.6);
    text-align: center;
    border-radius: 50%;
    color: #fff;
    z-index: 3;
}

.scroll-top i {
    display: inline-block;
    color: #fff;
    font-size: 0.26rem;
}

.head-nav-box {
    position: absolute;
    right: -100%;
    top: 0;
    width: 100vw;
    box-shadow: 0px 0px 8px #e1e1e1;
    transition: all 0.2s;
    opacity: 0;
    z-index: 22222;
    display: none;
}

.head-nav-box.on {
    right: 0%;
    opacity: 1;
}

.head-nav-cont {
    position: relative;
    left: 12vw;
    width: 88vw;
    background: #fff;
    overflow: auto;
}

.head-nav-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
}

.head-nav-pc-a {
    text-align: center;
    line-height: 0.4rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.head-nav-pc-a span {
    width: 1px;
    display: block;
    height: .16rem;
    background: #999;
    margin: 0 .16rem;
}

.head-nav-list {
    font-size: 0.14rem;
    border-bottom: 1px solid #e3e4e5;
}

.head-nav-list1 {
    margin: 0 .16rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .14rem;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.head-nav-list1 span {
    display: flex;
    align-items: center;
}

.head-nav-list1 svg {
    width: .2rem;
    height: .2rem;
    margin-right: .08rem;
}

.head-nav-list2 {
    padding: .08rem 0 .08rem .12rem;
    flex-wrap: wrap;
    display: none;
    background: #f7faff;
}

.head-nav-list2 a {
    width: 50%;
    color: #333;
    line-height: .3rem;
    display: flex;
    align-items: center;
    position: relative;
    font-size: .13rem;
}

.head-nav-list2 a:before {
    content: '';
    display: inline-block;
    width: .04rem;
    height: .04rem;
    border-radius: 50%;
    background: #2f81ff;
    margin-right: .08rem;
}

.head-nav-list.on .head-nav-list2 {
    display: block;
}

.head-nav-list.on .iconarrow-bottom {
    display: inline-block;
    transform: rotate(180deg);
}
.head-nav-list2-title{
    position: relative;
    padding: 0 0 0 .12rem;
    font-weight: bold;
    margin: .08rem 0;
}
.head-nav-list2-title:before{
    content: '';
    background: #2f81ff;
    width: .03rem;
    height: .14rem;
    position: absolute;
    left: 0;
    top: .04rem;
}
.head-nav-list2-content{
    display: flex;
    flex-wrap: wrap;
}
.head-nav-user-box {
    padding: .12rem .16rem;
}

.head-nav-user-box .button-g {
    width: 1rem;
}

.head-nav-user {
    line-height: .28rem;
    width: 100%;
}

.head-nav-tabs {
    border: 1px solid #2f81ff;
    border-radius: 4px;
    height: .32rem;
    margin: 0 16px;
    display: flex;
}

.head-nav-tabs span {
    flex: 1;
    color: #2f81ff;
    text-align: center;
    line-height: .3rem;
    font-size: .13rem;
}

.head-nav-tabs span.on {
    background-color: #2f81ff;
    color: #fff;

}

.iconImgUser {
    width: .28rem;
    height: .28rem;
    display: inline-block;
    margin-right: 0.08rem;
}

.iconImgVip {
    width: .26rem;
    display: inline-block;
    margin-right: 0.08rem;
    margin-left: 0.02rem;
}

.dns-table-tbody span {
    display: block;
    word-break: break-all;
}

.tabs-g {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.tabs-g .tabs-item {
    flex: 1;
    display: block;
    line-height: .52rem;
    text-align: center;
    font-size: .16rem;
    color: #333;
    position: relative;
}

.tabs-g .tabs-item.on {
    color: #226cff;
}

.tabs-g .tabs-item.on:after {
    content: '';
    display: block;
    width: 100%;
    height: .03rem;
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #226cff;
}

.dashboard02 {
    display: flex;
    line-height: 0.22rem;
    padding: .12rem 0;
}

.dashboard02 > a {
    flex: 1;
    text-align: center;
    font-size: 0.12rem;
    color: #999;
}

.dashboard02 > a p {
    font-size: 0.18rem;
    line-height: 0.2rem;
    color: #333;
    padding: .06rem 0;
}

.dashboard02 > a:nth-child(1) {
    border-right: 1px solid #e3e4e5;
}

.head-nav-list-card {
    overflow: auto;
}

.head-nav-list-card .box-g {
    box-shadow: 0 0px 0.1rem 0 rgba(0, 0, 0, 0.1);
    margin-left: .16rem;
    margin-right: .16rem;
    border-radius: .06rem;
    background: #fff;
    padding: .12rem .16rem;
    position: relative;
    line-height: 1.8em;
}

.head-nav-list-card .item_box {
    width: 25%;
    text-align: center;
    font-size: .13rem;
    color: #333;
}

.head-nav-list-card .item_img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: .5rem;
}

.head-nav-list-card .item_box img {
    width: 54%;
}

.noScroll {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
}

.PopupHtmCont, .PopupHtmConts{
    max-width: 90%;
}