@charset "gb2312";
/* ==========================================================================
   Tpl_2026 ƶʽ㣨ȫվΨ�? ֻع
   --------------------------------------------------------------------------
   λ : config/top.htmlÿҳ top.html
   ˳ :  global.css / tp2016.css / index.css / webhosting.css 
   ϵ     : <=1023px ƽ / <=767px ֻ / <=480px С
   Ӱ :  > 1023px ʱļκӰ
   --------------------------------------------------------------------------
   ԭ
      СС  ֺšࡢͼƬ̶߶ͳһٳ�?
      þо;  ⡢ƬͼƬҳ�?
      ûоͻ  ĶѵıɶС
      ûͻ  ݱѡ�?
   --------------------------------------------------------------------------
   ļ�?
     0  ؼĬأϵã
     1  ƽ�?<=1023px
     2  ֻ <=767px
     3  Сֻ   <=480px
     4  ƫкͣűȫվ CSS Զɣָģ
   ========================================================================== */


/* ==========================================================================
   0. ƶ˵ؼĬأ
   ========================================================================== */

.tp-nav-toggle,
.tp-nav-drawer-head,
.tp-nav-mask {
    display: none;
}


/* ʱҳ */
body.tp-nav-open {
    overflow: hidden !important;
}



/* ==========================================================================
   1. ƽ弰�?= 1023px
   ========================================================================== */
@media screen and (max-width: 1023px) {

    /* ---------- 1.1 ȫý塢ı�?---------- */
    img,
    video,
    iframe,
    embed,
    object,
    table {
        max-width: 100%;
    }
    img {
        height: auto;
    }
    p, li, dd, dt, td, th, h1, h2, h3, h4, h5, h6, span, a, div, label, strong, em {
        overflow-wrap: break-word;
    }

    /* ---------- 1.2 С ---------- */
    .wide1190 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 16px !important;
        box-sizing: border-box;
    }
    #MainContentDIV {
        padding: 0 16px 20px !important;
    }
    /* ҳ +  -> ¶ѵ */
    #MainContentDIV #MainLeft,
    #MainContentDIV #MainRight,
    #MainContentDIV .ManagerLeftShow,
    #MainContentDIV .ManagerRightShow,
    #MainContentDIV .main-left,
    #MainContentDIV .main-right {
        float: none !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 0 16px !important;
    }
    /* ͨĶѵ */
    .cl > .f-l,
    .cl > .f-r,
    .f-l,
    .f-r {
        float: none !important;
        max-width: 100% !important;
    }

    /* ---------- 1.4 ť ---------- */
    .tp-nav-toggle {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 4px;
        position: absolute;
        left: 6px;
        top: 50%;
        margin-top: -22px;
        width: 44px;
        height: 44px;
        padding: 12px 10px;
        box-sizing: border-box;
        border: 0;
        background: transparent;
        cursor: pointer;
        z-index: 10060;
        overflow: hidden;
        -webkit-tap-highlight-color: transparent;
    }
    .tp-nav-toggle span {
        display: block;
        width: 100%;
        height: 2px;
        background: #333;
        border-radius: 2px;
        transition: transform .22s ease, opacity .22s ease;
    }
    body.tp-nav-open .tp-nav-toggle span:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }
    body.tp-nav-open .tp-nav-toggle span:nth-child(2) {
        opacity: 0;
    }
    body.tp-nav-open .tp-nav-toggle span:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
    }

    /* ---------- 1.6 ֲ ---------- */
    .tp-nav-mask {
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(16, 20, 32, .5);
        z-index: 10045;
        opacity: 0;
        visibility: hidden;
        transition: opacity .26s ease, visibility .26s ease;
        -webkit-tap-highlight-color: transparent;
    }
    body.tp-nav-open .tp-nav-mask {
        opacity: 1;
        visibility: visible;
    }

    /* ---------- 1.7 ̶߶ȸӦ ---------- */
    #banner,
    .sec-banner,
    .sitebanner,
    .slide-container,
    .slide-container.auto-size-fold {
        height: auto !important;
        min-height: 0 !important;
    }
    .sec-banner .slide-wrapper li,
    #banner .slide-wrapper li,
    .slide-container .slide-wrapper li {
        height: auto !important;
        min-height: 0 !important;
    }
    .slide-container .slide-wrapper li .slide {
        display: block;
        height: auto !important;
        min-height: 170px;
        padding: 56px 20px;
        box-sizing: border-box;
        background-size: cover !important;
        background-position: center center !important;
        font-size: 0;
    }
    .product-bg {
        height: auto !important;
        background-size: cover;
        background-position: center top;
        padding-bottom: 24px;
        /* 濿̶߶ȳס�?auto ԰
           ݡ·뿨Ƭ�?*/
        display: flow-root;
    }
    .product-con {
        padding-top: 40px !important;
    }
    .aboutus,
    .aboutus-con {
        height: auto !important;
    }
    .aboutus-con {
        padding: 0 16px 28px;
    }
    .webhosting-ul .active-hover {
        height: auto !important;
    }
    .mode-content .mc-title {
        height: auto !important;
        padding: 20px 0 !important;
    }

    /* ---------- 1.8 ࣺͳ�?---------- */
    h1.title {
        font-size: 20px;
        line-height: 1.45;
        padding: 26px 0 10px;
    }
    .normal-bg,
    .gray-bg {
        padding-bottom: 24px !important;
    }
    .mode-agent-content {
        padding: 24px 16px 40px !important;
    }
    .news-box {
        padding: 14px !important;
    }
    .content-right {
        padding: 28px 20px 36px !important;
    }
    .content-title {
        min-height: 0 !important;
    }

    /* ---------- 1.9 Ƭդ ---------- */
    .product-con ul li {
        width: 33.333% !important;
        min-width: 0 !important;
        float: left !important;
        box-sizing: border-box;
    }
    .product-con ul li:nth-child(n+4) {
        margin-top: 12px;
    }
    .product-list-con {
        margin: 0 6px !important;
    }
    .columnList li,
    .westhostlist li,
    .columnList li.host-center,
    .webhosting-ul li,
    .webhost-info li,
    .host-list li {
        width: 100%;
        min-width: 0;
        float: none;
        box-sizing: border-box;
    }
    /* ȡ/βƬ߾�?*/
    .columnList li.first-col,
    .westhostlist li.first-col,
    .first-col {
        margin-right: 0;
    }
    .columnList li.last-col,
    .westhostlist li.last-col,
    .last-col {
        margin-left: 0;
    }
    .columnList-container,
    ul.columnList,
    .westhostlist {
        width: 100%;
        max-width: 100%;
    }

    /* ---------- 1.10 ѯȡƫԶλ ---------- */
    .domain-query-container,
    .query-container {
        width: 100% !important;
        max-width: 100% !important;
    }
    .query-container .query-input-container {
        margin-right: 0 !important;
        width: 100% !important;
    }
    .query-container .query-input-container .common-input {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
    .query-container .domain-query-btn {
        position: static;
        right: auto;
        top: auto;
        display: block;
        width: 100%;
        height: 44px;
        line-height: 44px;
        margin: 8px 0 0;
        font-size: 16px;
        border-radius: 4px;
        box-sizing: border-box;
    }
    .query-container .pre-links {
        position: static !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
        margin-top: 8px !important;
        text-align: left !important;
    }
    /* ԭΪɫ֣dzϻῴ˴Ϊ�?*/
    .query-container .pre-links a {
        display: inline-block !important;
        line-height: 1.8 !important;
        margin-right: 14px;
        color: #0b5fd1 !important;
    }
    .domext-wrapper {
        text-align: left !important;
    }

    /* ---------- 1.11 ѡȡ 90px  ---------- */
    .select-webhost {
        padding: 14px !important;
    }
    .select-webhost dl dt {
        float: none !important;
        width: auto !important;
        height: auto !important;
        line-height: 1.6 !important;
        text-align: left !important;
        margin-bottom: 4px;
    }
    .select-webhost dl dd {
        float: none !important;
        display: inline-block;
        margin: 0 4px 4px 0 !important;
    }

    /* ---------- 1.12 ѡ�?/ Ŀĺ򻬶 ---------- */
    .webhosting-tab-list,
    .wjf-ui-tab-style3,
    .wjf-ui-tab,
    .wjf-ui-tab-btn-radius,
    .nav-tabs,
    .miniprogram-tab .tab-list,
    .list_head_pic {
        display: block;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    .webhosting-tab-list > li,
    .wjf-ui-tab-style3 > li,
    .wjf-ui-tab > li,
    .wjf-ui-tab-btn-radius > li,
    .nav-tabs > li,
    .miniprogram-tab .tab-list > li {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    /* ʾ⼷�?*/
    .webhosting-tab-list::-webkit-scrollbar,
    .wjf-ui-tab-style3::-webkit-scrollbar,
    .wjf-ui-tab::-webkit-scrollbar,
    .nav-tabs::-webkit-scrollbar {
        height: 0;
        display: none;
    }
    table:has(thead) th,
    table:has(thead) td {
        word-break: normal !important;
        min-width: 64px;
    }
    /* ۸Уӿ */
    .webhosting-info table th.left,
    .webhosting-info table td.left {
        min-width: 110px;
    }
    /* խλңظֱ */
    .webhosting-info table.high-light-table {
        display: none !important;
    }

    /* ---------- 1.14 ؼ ---------- */
    input[type="text"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="email"],
    input[type="number"],
    select,
    textarea {
        max-width: 100% !important;
        box-sizing: border-box;
    }
    .common-btn,
    .g-common-btn,
    .g-default-btn,
    .g-dark-btn,
    .reg-btn,
    .transfer-btn,
    .btn-mail,
    .manager-btn {
        max-width: 100% !important;
        box-sizing: border-box;
    }
    /* УʾԭΪ 290px ԶԶλ */
    .common-form .inline-warn-txt,
    .reg-prompt {
        padding-left: 0 !important;
        left: auto !important;
        width: auto !important;
    }
    .common-form .other-tip {
        margin-left: 0 !important;
    }

    /* ---------- 1.15 ҳв ---------- */
    .pagenav,
    .pagenavlist,
    .pageinfo,
    .mf-page,
    .el-pagination,
    #MainContentDIV .page {
        text-align: center !important;
    }
    .pagenav a,
    .pagenavlist a,
    .mf-page a {
        display: inline-block;
        min-width: 34px;
        height: 34px;
        line-height: 34px;
        margin: 2px;
        box-sizing: border-box;
    }
    .pagenavlist,
    .pagenav {
        display: block;
        white-space: normal !important;
    }
}



/* ==========================================================================
   2. ֻ£<= 767px
   ========================================================================== */
@media screen and (max-width: 767px) {

    /* ---------- 2.1 ģ ---------- */
    html {
        -webkit-text-size-adjust: 100%;
    }
    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }
    body {
        /* ףκ©ĶԪضٲҳ�?
           /ѡĺ򻬶Ӱ죩 */
        overflow-x: hidden;
    }
    #MainContentDIV {
        padding: 0 12px 16px !important;
    }

    /* ---------- 2.4 ݣһɽ뼷�?---------- */
    h1.title {
        font-size: 18px;
        padding: 20px 0 8px;
    }
    .font40 {
        font-size: 26px !important;
    }
    .font36 {
        font-size: 22px !important;
    }
    .font30 {
        font-size: 20px !important;
    }
    .font20 {
        font-size: 16px !important;
    }
    .font18 {
        font-size: 15px !important;
    }
    .content-title h1 {
        font-size: 21px;
        line-height: 1.4;
    }
    .content-title p {
        line-height: 1.8;
    }
    .mb-30,
    .mb-40,
    .mb-50 {
        margin-bottom: 16px !important;
    }

    /* ---------- 2.5 ͼƬ ---------- */
    .content-title img,
    .aboutus-con img,
    .article img,
    .news-box img,
    .webhosting-info img,
    .mode-content img {
        display: block;
        margin: 0 auto;
        height: auto;
    }
    .domain-top {
        text-align: center !important;
    }
    .domain-top .f-l,
    .domain-top .f-r {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    /* ƷͷԭΪ310px ڱ߾ + Ͻ 290x140 Ʒͼ
       խûط⡣ΪƷͼгһ�?
       ͼ *-title ࣬�?.content-title Ӱ�?*/
    .content-title {
        padding-left: 0 !important;
        min-height: 0 !important;
        background-position: center top !important;
    }
    .basic-title,
    .database-title,
    .twolinevhost-title,
    .morelinevhost-title,
    .twhost-title,
    .hkhost-title,
    .usa-title,
    .linux_host-title,
    .superg-title,
    .asp_net-title,
    .java-title,
    .szhost-title,
    .hostlist-title,
    .sites-title {
        padding: 132px 0 16px !important;
        background-repeat: no-repeat !important;
        background-position: center top !important;
        background-size: auto 120px !important;
    }

    /* ---------- 2.6 Ƭդֻ / һ ---------- */
    .product-con ul li {
        width: 50% !important;
        min-width: 0 !important;
        float: left !important;
        box-sizing: border-box;
    }
    .product-con ul li:nth-child(n+3) {
        margin-top: 12px;
    }
    .product-con {
        padding-top: 32px !important;
    }
    .product-list-con {
        margin: 0 5px !important;
    }
    .product-list-con h1 {
        font-size: 16px;
    }
    .product-list-con .view-more {
        padding: 12px 0 !important;
        font-size: 15px !important;
    }
    .product-list-con .product-icon {
        width: 64px !important;
        height: 64px !important;
        background-size: 64px auto !important;
        margin-top: -32px !important;
    }
    .product-list-con .list-icon2 { background-position: left -64px !important; }
    .product-list-con .list-icon3 { background-position: left -128px !important; }
    .product-list-con .list-icon4 { background-position: left -192px !important; }
    .product-list-con .list-icon5 { background-position: left -256px !important; }

    .columnList li,
    .westhostlist li,
    .columnList li.host-center,
    .webhosting-ul li,
    .webhost-info li,
    .host-list li {
        width: 100%;
        min-width: 0;
        float: none;
        box-sizing: border-box;
    }
    .columnList li,
    .westhostlist li {
        margin: 8px 0;
    }
    /* ƷĿ25% лѹ */
    .banner-bottom li {
        float: none !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 12px 0 !important;
    }
    .banner-bottom .bb_right {
        overflow: hidden;
    }
    .banner-bottom .bb_right i {
        margin: 0 12px 0 4px !important;
    }

    /* ---------- 2.7 Ŀͻ /  / ǣ ---------- */
    .navbar-left {
        float: none !important;
        width: auto !important;
        margin: 0 0 16px !important;
    }
    .navbar-left .nl-title {
        height: 54px !important;
        line-height: 54px !important;
        font-size: 20px !important;
        padding-left: 20px !important;
    }
    .Faq_Div,
    .Faq_Right_Div {
        float: none !important;
        width: auto !important;
        max-width: 100% !important;
    }
    .content-right {
        padding: 22px 14px 30px !important;
    }
    #MainRight #DiySite_List_Box {
        width: auto !important;
        max-width: 100% !important;
    }
    /* Ŀби */
    .navbar-left .nl-list .item a {
        height: auto !important;
        min-height: 44px;
        line-height: 44px !important;
        font-size: 15px;
    }

    /* ---------- 2.8 ײͿƬ۸ѵťͨ ---------- */
    .webhost-title-bg {
        height: auto !important;
        line-height: 1.5 !important;
        padding: 10px 12px !important;
    }
    .webhost-title-bg:has(i) {
        padding-left: 74px !important;
    }
    .webhost-title-bg h1,
    .webhost-title-bg h2 {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: left !important;
    }
    .webhost-title-bg h1 {
        font-size: 17px;
    }
    .webhost-title-bg h2 {
        font-size: 15px !important;
        margin-top: 2px;
    }
    .webhost-detail {
        padding: 0 12px !important;
        margin-top: 8px !important;
    }
    .webhost-detail ul li {
        width: 100% !important;
        float: none !important;
    }
    .btnDiv a {
        display: block !important;
        width: 100% !important;
        margin: 6px 0 !important;
        box-sizing: border-box;
    }

    /* ---------- 2.9 ȫġǩϡؼ¡ѵ ---------- */
    .common-form .common-label {
        display: block !important;
        width: auto !important;
        text-align: left !important;
        margin-bottom: 4px !important;
    }
    .reg-section table,
    .reg-section tbody,
    .reg-section tr,
    .reg-section td {
        display: block !important;
        width: auto !important;
    }
    .reg-section td {
        padding: 6px 0 !important;
    }
    .reg-section table td .common-input {
        width: 100% !important;
        box-sizing: border-box;
    }
    .reg-content {
        padding: 20px 12px 48px !important;
    }
    .reg-content .reg-box {
        padding: 0 !important;
    }
    .reg-flow {
        display: none !important;
    }
    /* ҵʾ֣64+40  120px Ҷǩխ */
    .mail-content .mail-section .mail-left {
        padding-left: 0 !important;
    }
    .custom-mail {
        padding-left: 0 !important;
    }
    .custom-mail .config-box {
        padding: 14px 0 0 0 !important;
    }
    .config-box label {
        float: none !important;
        display: block !important;
        width: auto !important;
        text-align: left !important;
        padding-right: 0 !important;
        margin-bottom: 4px !important;
    }
    .custom-mail p {
        margin-left: 0 !important;
    }
    .mail-list li .mail_right {
        width: auto !important;
        max-width: 100% !important;
    }

    /* ---------- 2.9b 企业邮箱购买页(services/mail, page-mail) 手机版优化 ---------- */
    /* 隐藏 banner 背景图（整块隐藏，避免空白占位） */
    .page-mail .sec-banner {
        display: none;
    }
    /* 卡片内容左右留白，避免贴边（覆盖 4.5 段的 padding:12px 0 20px） */
    .page-mail .mail-content .mail-section {
        padding-left: 14px;
        padding-right: 14px;
        box-sizing: border-box;
    }
    /* 标题区收紧 */
    .page-mail .mail-title {
        margin-top: 20px;
        padding-bottom: 20px;
    }
    .page-mail .mail-title h3 {
        font-size: 17px;
    }
    /* 购买时长标签：允许换行、缩小尺寸，避免溢出屏幕/被悬浮按钮遮挡 */
    .page-mail .config-box .sel {
        display: block;
        margin-top: 0;
        line-height: normal;
    }
    .page-mail .sel a {
        display: inline-block;
        margin: 0 8px 8px 0;
        padding: 7px 16px;
        font-size: 14px;
    }
    /* 输入框占满整行 */
    .page-mail .domain-input {
        width: 100%;
        max-width: 100%;
        height: 40px;
        line-height: 40px;
        box-sizing: border-box;
    }
    .page-mail .postnum {
        height: 36px;
        box-sizing: border-box;
    }
    /* 费用计算说明文字 */
    .page-mail .config-box .fyjs {
        display: inline-block;
        font-size: 13px;
        color: #999;
        line-height: 1.6;
        word-break: break-all;
    }
    /* 协议勾选行：小字号、可换行 */
    .page-mail .agreement-input-label {
        font-size: 13px;
        white-space: normal;
        line-height: 1.7;
        vertical-align: middle;
    }
    /* 立即购买按钮：通栏 + 文字上下居中 */
    .page-mail .btn-mail {
        margin: 18px 0 0 0;
        width: 100%;
        height: 44px;
        line-height: 44px;
        padding: 0;
        border: 0;
        font-size: 16px;
        display: block;
        -webkit-appearance: none;
        appearance: none;
    }
    /* 手机版隐藏底部文字介绍区（企业邮箱优势 / 使用功能等） */
    .page-mail .mail-advantage,
    .page-mail .mail-state {
        display: none;
    }

    /* ---------- 2.10 ﳵ̶߶װ»ѹס�?---------- */
    .bagshow-goods .bagshow-count {
        height: auto !important;
        line-height: 1.9 !important;
        padding: 12px !important;
        box-sizing: border-box;
        display: flow-root;
    }
    .bagshow-goods .bagshow-count-right {
        height: auto !important;
        text-align: left !important;
    }
    .bagshow-goods .bagshow-count-right .bagshow-title-btn,
    .bagshow-title .bagshow-title-right .bagshow-title-btn {
        display: block !important;
        width: 100% !important;
        height: 44px !important;
        line-height: 44px !important;
        margin: 8px 0 0 !important;
        box-sizing: border-box;
    }

    /* ---------- 2.11 ı ---------- */
    .title,
    h1.title,
    .content-title h1,
    td,
    th,
    li,
    dt,
    dd,
    .pagenav,
    .pagenavlist {
        white-space: normal !important;
    }

    /* ---------- 2.13 ťߴ ---------- */
    .common-btn,
    .g-common-btn,
    .g-default-btn,
    .g-dark-btn,
    .reg-btn,
    .transfer-btn,
    .btn-mail,
    .manager-btn {
        min-height: 40px;
        line-height: 1.6;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .select-webhost a {
        padding: 7px 10px !important;
        font-size: 13px !important;
    }

    /* ---------- 2.14 һѹ ---------- */
    .slide-container .slide-wrapper li .slide {
        min-height: 150px;
        padding: 46px 16px;
    }
    .sitebanner {
        min-height: 140px;
    }
}



/* ==========================================================================
   3. Сֻ<= 480px
   ========================================================================== */
@media screen and (max-width: 480px) {
    #MainContentDIV {
        padding: 0 10px 14px !important;
    }

    /* ---------- 3.2 ֺٽһ ---------- */
    h1.title {
        font-size: 17px;
    }
    .content-title h1 {
        font-size: 19px;
    }
    .font40 {
        font-size: 24px !important;
    }
    .font36 {
        font-size: 20px !important;
    }

    /* ---------- 3.3 ƷƬս ---------- */
    .product-list-con {
        margin: 0 4px !important;
    }
    .product-list-con h1 {
        font-size: 15px;
    }
    .product-list-con .view-more {
        font-size: 14px !important;
    }

    /* ---------- 3.4 Ҫťͨ ---------- */
    .common-btn,
    .g-common-btn,
    .g-default-btn,
    .g-dark-btn,
    .reg-btn,
    .transfer-btn,
    .btn-mail,
    .manager-btn {
        display: block !important;
        width: 100% !important;
        margin: 6px 0 !important;
        box-sizing: border-box;
    }
}



/* ==========================================================================

   10. ƫкͣɽűȫվ CSS Զɣָģ

   --------------------------------------------------------------------------

   ģʹù̶(>=200px)̶ƫ(>=150px)

   ͳһ <=1023px ϵкͣ

      width:NNNpx        -> max-width:100%ԪԱԭޣٳĻ

      padding/margin L/R -> 㣨ͼƬԤλխ壩

      absolute left/right-> autoԪرƵĻ�?

   ֲؼͼѩͼųΪֲ�?

   Դtemplate/Tpl_2026 ³ļȫ .css

   ========================================================================== */

@media screen and (max-width: 1023px) {



    /* css\customercenter.css */

    #Customer_PIC_box {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\customercenter.css */

    #Customer_PIC_box #PIC_a {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\customercenter.css */

    #Customer_PIC_box #PIC_b {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\customercenter.css */

    #Customer_PIC_box #PIC_c {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\customercenter.css */

    #Cut_line {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\customercenter.css */

    #DiySite_List_Box .DiySite_List_Box_Contet_1 {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    #Forget_Help_Box {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    #Forget_pass_box {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    #Forget_pass_box #Forget_pass_box_1 {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    #Forget_pass_box #Forget_pass_box_2 {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    #LoginDiv #LoginDiv_Allleft {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    #LoginDiv #LoginDiv_left {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    #LoginDiv #LoginDiv_mid {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    #LoginDiv_Allleft #DownTextBox {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    #Login_failure_pic {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    #MainContentDIV #LoginDiv {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\customercenter.css */

    #MainRight #DiySite_List_Box {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\faq.css */

    #MainRight #contentbox ul {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\faq.css */

    #Maincontent #contentbox {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\customercenter.css */

    #Other_List ul .other_box_li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    #Reg_Box {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    #Reg_Box #Reg_Box_Bottom {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    #Reg_Box #Reg_Box_Content {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    #Reg_Box #Reg_Box_Title {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    #Reg_Box_Title #Reg_remark {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    #Reg_ok_pic {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    #Reg_ok_text {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    #Reg_success_Box {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    #Reg_success_Box #FreeTel {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\customercenter.css */

    #Search_box {

        box-sizing:border-box;

        max-width:100% !important;

        padding-left:0 !important;

        padding-right:0 !important;

    }



    /* css\customercenter.css */

    #Search_box #search_form {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\buy_msg.css */

    #passwordDescription {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\cloudhostly.css */

    #rebox {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\global.css */

    #rightMenuBar2016 .concat-phone-container {

        box-sizing:border-box;

        max-width:100% !important;

        right:auto !important;

    }



    /* css\cloudhost.css */

    #systemSubTypeContainer {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\buy_msg.css */

    #tabs1 .main1box {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\cloudhost.css */

    #texthelp {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\faq.css */

    #thrColEls .Style2009 #MainContentDIV {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\faq.css */

    #thrColEls .Style2009 #MainContentDIV #MainLeft {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\faq.css */

    #thrColEls .Style2009 #MainContentDIV #Maincontent {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\faq.css */

    #thrColEls .Style2009 #MainContentDIV #Mainlist {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\buy_msg.css */

    #titlemsg {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\buy_msg.css */

    #titlemsg div#bottom_left {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\buy_msg.css */

    #titlemsg div#top_left {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\buy_msg.css */

    #z_news_box {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\faq.css */

    .DomainLeftMenu {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\faq.css */

    .Morenewslist li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    ._Remark {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    ._TextLink {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\agentmoshi.css */

    .aa-top {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\agentmoshi.css */

    .aa-top .aa-top-txt .aa-top-left {

        box-sizing:border-box;

        margin-right:0 !important;

        max-width:100% !important;

    }



    /* css\domain.css */

    .adList li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\domain.css */

    .adList li.col-middle {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\agentmoshi.css */

    .agent-level .al-list li .column {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\agentmoshi.css */

    .am-column .am-left {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\bagshow.css */

    .bagshow-flow {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\bagshow.css */

    .bagshow-flow .bagshow-flow-middle {

        padding-left:0 !important;

        padding-right:0 !important;

    }



    /* css\bagshow.css */

    .bagshow-need .bagshow-activity li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\domain.css */

    .banner-right .banner-list {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\domain.css */

    .banner-right .banner-list a {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\buy_msg.css */

    .buymap {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\buy_msg.css */

    .buymapbig {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\sites\case.css */

    .case-tab li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\sites\case.css */

    .case-tab li:last-of-type {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\cloudhost.css */

    .cc-list .item {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\cloudhost.css */

    .cloud-advantage .cloud-advantage-list li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\cloudhost.css */

    .cloud-case .case-box .case-txt {

        padding-left:0 !important;

        padding-right:0 !important;

    }



    /* css\cloudhost.css */

    .cloud-introduce .cloud-introduce-top p {

        padding-left:0 !important;

    }



    /* css\index.css */

    .columnList-flag-container .column-flag {

        left:auto;

    }



    /* css\commonForm.css */

    .common-form .common-label {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\commonForm.css */

    .common-form .inline-warn-txt {

        box-sizing:border-box;

        max-width:100% !important;

        padding-left:0 !important;

    }



    /* css\commonForm.css */

    .common-form .other-tip {

        margin-left:0 !important;

    }



    /* css\commonForm.css */

    .common-form .validate-prompt .validate-prompt-text {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\sites\common.css */

    .common-msg .common-msg-txt {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\buy.css */

    .config-table {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\webhosting-common.css */

    .content-title {

        padding-left:0 !important;

        padding-right:0 !important;

    }



    /* css\step1.css */

    .coupon-template {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\cloudhost.css */

    .cp-info .section .pk-list li .big {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\cloudhost.css */

    .cp-info .section .pk-list li .small {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\vs.css */

    .cplist .cpbom {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\vs.css */

    .cplist .cpmain {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\vs.css */

    .cplist .cptop {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\vs.css */

    .cptitle {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\customercenter.css */

    .customer_que_content {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\domain.css */

    .desktop .adList li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\domain.css */

    .desktop .adList li.col-middle {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\agentmoshi.css */

    .desktop .agent-level .al-list li .column {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\domain.css */

    .desktop .banner-right .banner-list {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\domain.css */

    .desktop .banner-right .banner-list a {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\cloudhost.css */

    .desktop .cc-list .item {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\cloudhost.css */

    .desktop .cloud-advantage .cloud-advantage-list li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\whois.css */

    .desktop .domain-ext-cate-container {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\domain.css */

    .desktop .domain-search .wjf-ui-tab {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\index.css */

    .desktop .domainList li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\index.css */

    .desktop .domainMarket .domainList {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\mail.css */

    .desktop .guide .guide-title {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\server.css */

    .desktop .hosting-list .column {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\mail.css */

    .desktop .mail-list li .mail_right {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\server.css */

    .desktop .server-item .column {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\server.css */

    .desktop .server-list .column {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\server.css */

    .desktop .service .service-list li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\server.css */

    .desktop .service .service-list li .service_right {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\cloudhost.css */

    .desktop .tc-host .taocan-list li.taocan-item {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\transfer.css */

    .desktop .tm-list .column .column-txt {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\transfer.css */

    .desktop .transfer-middle .tm-list {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\webhosting.css */

    .desktop .webhosting-advantage .webhosting-advantage-list li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\webhosting.css */

    .desktop .webhosting-goumai .goumai-section1 {

        padding-left:0 !important;

    }



    /* css\webhosting.css */

    .desktop .webhosting-goumai .goumai-section3 {

        padding-left:0 !important;

    }



    /* css\webhosting.css */

    .desktop .webhosting-list .column {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\webhosting-common.css */

    .desktop .webhosting-tab .webhosting-tab-list li {

        box-sizing:border-box;

        max-width:100%;

    }



    /* css\webhosting-common.css */

    .desktop .webhosting-tab .webhosting-tab-list li.active {

        box-sizing:border-box;

        max-width:100%;

    }



    /* css\whois.css */

    .desktop .whois-info-about {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\whois.css */

    .desktop .whois-info-domain {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\whois.css */

    .desktop .whois-list .column-about {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\whois.css */

    .desktop .whois-list .column-domain {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\common.css */

    .desktop .wjf-page-anchor-nav {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\webhosting.css */

    .desktop .wp-case-list .wp-case-txt p {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\webhosting.css */

    .desktop .wp-sql-list li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\webhosting.css */

    .desktop .wp-zhichi .wp-zhichi-list li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\cloudhostly.css */

    .divhengzhelai div {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\dmbuymore.css */

    .dmbuymore-info .dmbuymore-info-buy {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\dmbuymore.css */

    .dmbuymore-section .dm-error-txt {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\dmbuymore.css */

    .dmbuymore-section .dm-prompt {

        left:auto !important;

    }



    /* css\dmbuymore.css */

    .dmbuymore-section .dm-prompt .dm-prompt-txt {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\whois.css */

    .domain-ext-cate-container {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\index.css */

    .domainList li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\index.css */

    .domainMarket .domainList {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\whois.css */

    .enable-paimai-info .paimai-info {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    .error_class {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\server.css */

    .explain .line-gray {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\buy_msg.css */

    .floatBox {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\mail.css */

    .guide .guide-title {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    .h4_cont {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    .h4_question {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\sites\commonPreview.css */

    .header {

        padding-left:0 !important;

        padding-right:0 !important;

    }



    /* css\cloudhost.css */

    .host-config .current-config {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\server.css */

    .hosting-list .column {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\server.css */

    .hosting-top .hosting-title p {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\index.css */

    .hotList {

        box-sizing:border-box;

        max-width:100%;

    }



    /* css\customercenter.css */

    .hrclass_blue {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\domain.css */

    .line-gray {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\cloudhost.css */

    .linebox1 {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\customercenter.css */

    .list_content {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\customercenter.css */

    .list_head_pic_1 {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\customercenter.css */

    .list_head_pic_2 {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\customercenter.css */

    .list_head_pic_3 {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\login.css */

    .login-box .login-from {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\global.css */

    .login-info {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    .login_adv_l {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    .login_adv_li li div {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    .loginhrclass {

        box-sizing:border-box;

        margin-left:0 !important;

        max-width:100% !important;

    }



    /* css\sites\mobile.css */

    .ma-bottom .ma-list li .ma-list-txt {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\newmail.css */

    .mail-advantage .advantage-list li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\mail.css */

    .mail-advantage .line-gray {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\mail.css */

    .mail-faq {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\mail.css */

    .mail-list li .mail_right {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\newmail.css */

    .mail-section .mail-config {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\common.css */

    .manager-tip {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\sites\commonPreview.css */

    .mc-box .mc-box-r .mc-inner {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\buy_msg.css */

    .menu1box {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    .message_class {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\miniprogram.css */

    .miniprogram-config .config-list li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\templateList.css */

    .mobile-tpl-list-container .tpl-body {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\templateList.css */

    .mobile-tpl-list-container li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\vs.css */

    .more {

        margin-left:0 !important;

    }



    /* css\sites\managesites.css */

    .mt-box {

        margin-left:0 !important;

    }



    /* css\sites\managesites.css */

    .mt-info {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\tp2016.css */

    .navbar-left {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\cloudhostly.css */

    .otherbox {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\server.css */

    .overseas-top .overseas-title p {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\productDetailInfo.css */

    .page-content .page-flow {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\Regsub.css */

    .permission_class {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\pjList.css */

    .pingjia-top .percent {

        padding-left:0 !important;

        padding-right:0 !important;

    }



    /* css\pjList.css */

    .pingjia-top .percent dd {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\pjList.css */

    .pingjia-top .percent dd span {

        right:auto !important;

    }



    /* css\pjList.css */

    .pingjia-top .rate {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\index.css */

    .query-container .pre-links {

        right:auto !important;

    }



    /* css\reg.css */

    .reg-flow .reg-flow-left {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\reg.css */

    .reg-prompt {

        left:auto !important;

    }



    /* css\reg.css */

    .reg-prompt .reg-prompt-txt {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\vs.css */

    .rightword {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\server.css */

    .server-item .column {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\server.css */

    .server-list .column {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\server.css */

    .service .line-gray {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\server.css */

    .service .service-list li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\server.css */

    .service .service-list li .service_right {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\webhosting.css */

    .sheng100 .sheng100-refresh-tip,.domain-tip .domain-refresh-tip {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\sites\common.css */

    .site-tab li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\sites\websites.css */

    .site-tab-container {

        box-sizing:border-box;

        left:auto !important;

        max-width:100% !important;

    }



    /* css\sites\sites.css */

    .sites-box .sb-left {

        box-sizing:border-box;

        max-width:100% !important;

        padding-left:0 !important;

        padding-right:0 !important;

    }



    /* css\sites\sites.css */

    .sites-box .sb-right .right-item .item {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\sites\managesites.css */

    .sites-previvew-container {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\sites\managesites.css */

    .sites-previvew-container .sites-previvew .pc-previvew {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\sites\managesites.css */

    .sites-previvew-container .sites-previvew .pc-previvew i {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\webhosting-common.css */

    .sites-title {

        padding-left:0 !important;

        padding-right:0 !important;

    }



    /* css\sites\common.css */

    .st-list .column {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\miniprogram.css */

    .table-info tr td.left {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\miniprogram.css */

    .table-info.fixed-table-info thead {

        box-sizing:border-box;

        margin-left:0 !important;

        max-width:100% !important;

    }



    /* css\cloudhost.css */

    .tc-host .taocan-list .column {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\cloudhost.css */

    .tc-host .taocan-list li.taocan-item {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\miniprogram.css */

    .template-list li .li-con {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\miniprogram.css */

    .template-list li .li-con .li-show dl {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\transfer.css */

    .tm-list .column .column-txt {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\sites\case.css */

    .tpl-category-container .current-category {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\sites\case.css */

    .tpl-container .ewm-code {

        box-sizing:border-box;

        left:auto !important;

        max-width:100% !important;

    }



    /* css\templateList.css */

    .tpl-list-container li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\transfer.css */

    .transfer-middle .tm-list {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\vs.css */

    .vstable table tr td.vsyun {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\vs.css */

    .vstable table tr th.vscloud {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\sites\websites.css */

    .wa-box-list .mask {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\webhosting.css */

    .webhosting-advantage .webhosting-advantage-list li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\webhosting.css */

    .webhosting-goumai .goumai-section1 {

        padding-left:0 !important;

    }



    /* css\webhosting.css */

    .webhosting-goumai .goumai-section2 {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\webhosting.css */

    .webhosting-goumai .goumai-section3 {

        padding-left:0 !important;

    }



    /* css\webhosting.css */

    .webhosting-goumai .goumai-section4 {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\webhosting.css */

    .webhosting-list .column {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\webhosting-common.css */

    .webhosting-tab .webhosting-tab-list li {

        box-sizing:border-box;

        max-width:100%;

    }



    /* css\webhosting-common.css */

    .webhosting-tab .webhosting-tab-list li.active {

        box-sizing:border-box;

        max-width:100%;

    }



    /* css\sites\websites.css */

    .websites-advantage .wa-box .wa-box-list li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\sites\weishop.css */

    .weishop-right .ws-title {

        padding-left:0 !important;

    }



    /* css\sites\weishop.css */

    .weishop-right .ws-txt {

        padding-left:0 !important;

    }



    /* css\whois.css */

    .whois-domain .whois-domain-title h3 {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\whois.css */

    .whois-info-about {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\whois.css */

    .whois-info-domain {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\whois.css */

    .whois-list .column-about {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\whois.css */

    .whois-list .column-domain {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\vs.css */

    .whybanner {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\vs.css */

    .whycusr {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\vs.css */

    .whyfour {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\vs.css */

    .whyone {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\vs.css */

    .whytd p {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\vs.css */

    .whythree {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\vs.css */

    .whytwo {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\sites\sitesconfig.css */

    .wide1150 {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\dmbuymore.css */

    .width200 {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\global.css */

    .width288 {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* services\css\Admin_Style\mgr\trademark\tm-order\index.css */

    .width800 {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\common.css */

    .wjf-page-anchor-nav {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\common.css */

    .wjf-ui-tab-style2 li a {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\sites\weishop.css */

    .wp-box .wp-txt {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\sites\weishop.css */

    .wp-box-buy {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\webhosting.css */

    .wp-case-list li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\webhosting.css */

    .wp-gaishu .wp-gaishu-list .column {

        box-sizing:border-box;

        max-width:100%;

    }



    /* css\webhosting.css */

    .wp-sql-list li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\webhosting.css */

    .wp-zhichi .wp-zhichi-list li {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\vs.css */

    .ysl {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\buy_msg.css */

    .z_buymsg dt, .z_buymsg dd {

        box-sizing:border-box;

        max-width:100% !important;

    }



    /* css\buy_msg.css */

    .z_buymsg h1 {

        box-sizing:border-box;

        max-width:100%;

    }



    /* css\buy_msg.css */

    .z_buymsg h1, h2, h3 {

        box-sizing:border-box;

        max-width:100% !important;

    }

}


/* ============================================================================
   = 4. ڶϸ767pxжѵ / ѵ / �?/ к
   = ˵ļĩβԴ򿿺󣬿ɸǰκͬԵ !important 
   ========================================================================= */
@media screen and (max-width: 767px) {

/* ---------- 4.1 webhosting/cloudhost  ͨ ---------- */
.dxhosting-page .dxhosting-top { height: auto !important; padding-bottom: 6px; }
.dxhosting-page .dxhosting-top .top-list { padding: 6px 0 !important; }
.dxhosting-page .dxhosting-top .top-list li,
.dxhosting-page .dxhosting-top .top-list li.li-first {
    float: none !important;
    width: 100% !important;
    padding: 12px 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
    border-top: 1px dashed #e4e4e4;
}
.dxhosting-page .dxhosting-top .top-list li:first-child { border-top: 0 !important; }
.dxhosting-page .dxhosting-top .top-list li::before,
.dxhosting-page .dxhosting-top .top-list li::after { display: none !important; }
.dxhosting-page .dxhosting-top .top-list li.li-first i {
    width: 60px !important; height: 60px !important;
    background-size: 60px auto !important;
    margin-right: 12px !important;
}
.dxhosting-page .dxhosting-top .top-list li.li-first .li-first-title { padding-top: 6px !important; font-size: 18px !important; }
.dxhosting-page .dxhosting-top .top-list li .tl-title { font-size: 17px !important; }
.dxhosting-page .dxhosting-top .top-list li p { font-size: 13px !important; line-height: 1.6 !important; }

/* ײͿ / ˵ / FAQ /   ͨ */
.dxhosting-page .dxhosting-list li { float: none !important; width: 100% !important; margin: 0 0 14px !important; box-sizing: border-box; }
.dxhosting-page .dxhosting-list li .dl-btn { display: block !important; width: 100% !important; }
.dxhosting-page .dxhosting-list li .dl-price img { right: 12px !important; }
.dxhosting-page .dxhosting-instruction { padding: 24px 0 40px !important; background-size: 100% auto !important; }
.dxhosting-page .dxhosting-instruction .instruction-list li { float: none !important; width: 100% !important; margin-top: 20px !important; }
.dxhosting-page .dxhosting-instruction .instruction-list li .il-title { font-size: 17px !important; }
.dxhosting-page .dxhosting-instruction .instruction-list li .il-txt { font-size: 14px !important; }
.dxhosting-page .dxhosting-faq .faq-list li { float: none !important; width: 100% !important; }
.dxhosting-page .dxhosting-case { height: auto !important; padding: 24px 0 30px !important; background-size: cover !important; }
.dxhosting-page .dxhosting-case .case-list li { float: none !important; width: 100% !important; margin: 0 0 12px !important; }
.dxhosting-page .dxhosting-case .case-list li img { width: 100% !important; max-width: 100% !important; }
.dxhosting-page .dxhosting-title { font-size: 19px !important; }
.dxhosting-page .dxhosting-title::before,
.dxhosting-page .dxhosting-title::after { width: 26px !important; }
.dxhosting-page .dxhosting-title::before { margin-right: 10px !important; }
.dxhosting-page .dxhosting-title::after { margin-left: 10px !important; }
/* banner480px  + 548px Զλ   */
.dxhosting-page .dxhosting-banner {
    height: auto !important;
    padding: 26px 16px 34px !important;
    box-sizing: border-box;
    background-size: cover !important;
    background-position: center top !important;
}
.dxhosting-page .dxhosting-banner .banner-svga { display: none !important; }
.dxhosting-page .dxhosting-banner .banner-btn { margin: 0 !important; width: auto !important; padding: 0 22px !important; }
/* ĵIJñ  صĵ */
.content .config-table,
.page-content .config-table { position: static !important; width: auto !important; max-width: 100% !important; margin-top: 16px !important; }
/* /ȫ + ڱ߾  ս */
.config-table tr .left-txt { width: auto !important; min-width: 88px !important; padding-left: 12px !important; }
.config-table tr th, .config-table tr td { padding: 10px 12px !important; white-space: nowrap; }
.safety-table tr th { width: auto !important; min-width: 108px !important; padding-left: 12px !important; }
.safety-table tr td { padding-left: 24px !important; }
.safety-table tr td::before { left: 8px !important; }
/* ̶ͷƮĻ  ȡ̶ */
.table-info.fixed-table-info thead { position: static !important; width: auto !important; left: auto !important; margin-left: 0 !important; display: table-header-group !important; }
/* ڰť */
.webhosting-info table td a,
.webhosting-info table td .info-btn,
.webhosting-info table td .buy-btn,
.config-table tr td a,
.safety-table tr td a { display: inline-block !important; white-space: nowrap; }

/* ---------- 4.3 ƷƷ / Ʒ /  / FAQ ---------- */
.cloud-advantage { padding-top: 20px !important; }
/* ---------- 4.6 cloudhost DIY config sliders (mobile, IDC style) ---------- */
#J_txHostDom .linebox1 dd.dd-list { padding: 18px 0 12px !important; border-bottom: 1px solid #f0f0f0 !important; }
#J_txHostDom .cpu_label, #J_txHostDom .ram_label, #J_txHostDom .data_label, #J_txHostDom .flux_label { display: inline-block !important; width: auto !important; font-size: 15px !important; font-weight: 600 !important; color: #333 !important; margin: 0 !important; }
#J_txHostDom .cpu_icon, #J_txHostDom .ram_icon, #J_txHostDom .data_icon, #J_txHostDom .flux_icon { display: none !important; }
#J_txHostDom .cfg-val { float: right !important; display: inline-block !important; min-width: 44px; padding: 1px 10px; box-sizing: border-box; text-align: center; font-size: 13px; font-weight: 600; line-height: 1.6 !important; color: #cc0000 !important; background: rgba(204,0,0,.06); border: 1px solid rgba(204,0,0,.4); border-radius: 15px; }
#J_txHostDom .z_buymsg .slider { width: 100% !important; float: none !important; clear: both !important; box-sizing: border-box !important; height: 4px !important; border: 0 !important; background: #e9e9e9 !important; border-radius: 2px !important; margin: 22px 0 4px !important; }
#J_txHostDom .z_buymsg .progress { height: 4px !important; background: #cc0000 !important; border-radius: 2px !important; }
#J_txHostDom .z_buymsg .handle { width: 20px !important; height: 20px !important; top: -8px !important; margin-top: 0 !important; border-radius: 50% !important; background: #fff !important; background-image: none !important; border: 3px solid #cc0000 !important; box-sizing: border-box !important; box-shadow: 0 2px 6px rgba(0,0,0,.25); }
#J_txHostDom #osdata_range, #J_txHostDom #data_range, #J_txHostDom #flux_range { display: flex !important; align-items: center !important; }
#J_txHostDom #osdata_range .slider, #J_txHostDom #data_range .slider, #J_txHostDom #flux_range .slider { flex: 1 1 auto !important; width: auto !important; margin: 22px 10px 4px !important; }
#J_txHostDom a.slider-leftbutton, #J_txHostDom a.slider-rightbutton { float: none !important; flex: 0 0 auto !important; margin: 0 !important; width: 24px !important; height: 24px !important; border-radius: 50%; }
#J_txHostDom .z_buymsg input.range, #J_txHostDom #osdata_range input, #J_txHostDom #data_range input, #J_txHostDom #flux_range input, #J_txHostDom #cpu_range input, #J_txHostDom #ram_range input { display: none !important; }
#J_txHostDom #osdata_range > div:not(.slider), #J_txHostDom #data_range > div:not(.slider), #J_txHostDom #flux_range > div:not(.slider) { display: none !important; }
#J_txHostDom #cpuvalue { display: flex !important; justify-content: space-between !important; margin: 6px 0 0 !important; }
#J_txHostDom #cpuvalue > div { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; flex: 1 1 auto; text-align: center !important; font-size: 12px !important; }
#J_txHostDom #ramvalue { display: flex !important; flex-wrap: wrap !important; margin: 6px 0 0 !important; }
#J_txHostDom #ramvalue > div { float: none !important; width: 14.28% !important; margin: 0 !important; padding: 3px 0 !important; box-sizing: border-box !important; text-align: center !important; font-size: 12px !important; }
#J_txHostDom #osdata_range ~ div, #J_txHostDom #data_range ~ div, #J_txHostDom #flux_range ~ div { display: flex !important; justify-content: space-between !important; width: auto !important; margin: 8px 0 0 !important; }
#J_txHostDom #osdata_range ~ div > div, #J_txHostDom #data_range ~ div > div, #J_txHostDom #flux_range ~ div > div { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-size: 12px !important; color: #999 !important; }
#J_txHostDom #cpu_datatishi, #J_txHostDom #ram_datatishi, #J_txHostDom #flux_datatishi { width: auto !important; margin: 8px 0 0 !important; font-size: 12px !important; }
#J_txHostDom .jqTransformSelectWrapper { width: 100% !important; max-width: 100% !important; }
#J_txHostDom [id^='msdrpdd'] { width: 100% !important; }
#J_txHostDom dd.dd-list.mb-50 { display: flex; justify-content: center; align-items: center; padding-top: 16px; }
#J_txHostDom dd.dd-list.mb-50 input[name='subbtton'], #J_txHostDom dd.dd-list.mb-50 input[name='testbtton'] { display: block; flex: 0 0 48%; width: 48%; margin: 0; text-align: center; height: 45px; line-height: 45px; padding: 0; }
#J_txHostDom dd.dd-list.mb-50 input[name='subbtton'] { margin-right: 4%; }
#J_txHostDom dd.dd-list.mb-40 { padding-left: 0 !important; display: flex; justify-content: center; align-items: center; }
#J_txHostDom dd.dd-list.mb-40 input[name='submitbutton_re'], #J_txHostDom dd.dd-list.mb-40 input[name='submitbutton_back'] { display: block; flex: 0 0 48%; width: 48%; margin: 0; height: 45px; line-height: 45px; padding: 0; text-align: center; }
#J_txHostDom dd.dd-list.mb-40 input[name='submitbutton_re'] { margin-right: 4%; }
.cloud-advantage .cloud-advantage-list { display: flex !important; flex-wrap: wrap !important; margin-top: 6px !important; }
.cloud-advantage .cloud-advantage-list li { float: none !important; width: 50% !important; padding: 0 8px 16px !important; box-sizing: border-box !important; }
.cloud-advantage .cloud-advantage-list .cloud_img { display: none !important; }
.cloud-advantage .cloud-advantage-list .cloud-title,
.cloud-advantage .cloud-advantage-list p { text-align: left !important; }
/* cloudhost top 3 tabs: shrink to fit one row */
.CloudRightMainSelectMenu .wjf-ui-tab-style2 { display: table !important; table-layout: fixed !important; width: 100% !important; border-left: 0 !important; border-right: 0 !important; }
.CloudRightMainSelectMenu .wjf-ui-tab-style2 > li { float: none !important; display: table-cell !important; width: auto !important; }
.CloudRightMainSelectMenu .wjf-ui-tab-style2 li a { display: block !important; width: auto !important; max-width: 100% !important; padding: 10px 2px !important; font-size: 15px !important; white-space: nowrap; }
.cloud-introduce .cloud-introduce-top {
    margin: 16px 0 0 !important;
    padding: 0 0 20px !important;
    background-size: 100% auto !important;
    background-position: center top !important;
}
.cloud-introduce .cloud-introduce-top p {
    padding: 130px 0 0 !important;
    text-indent: 0 !important;
    text-align: center !important;
    line-height: 1.8 !important;
}
.cloud-introduce .honor-list li { float: none !important; width: 100% !important; padding-right: 0 !important; text-align: center; }
.cloud-introduce .honor-list li img { display: inline-block !important; }
.cloud-faq .faq-btn { width: 100% !important; box-sizing: border-box; }
.cloud-faq .faq-list dt span, .cloud-faq .faq-list dd span { float: none !important; padding-right: 0 !important; }
.cloud-faq .faq-list dd p, .cloud-faq .faq-list dt { overflow: visible !important; }

/* ---------- 4.4 ѡ/Ʒǩѵ + к ---------- */
.linebox1 { width: auto !important; margin: 0 !important; }
.linebox1 dd.clearfix label {
    float: none !important; display: block !important;
    width: auto !important; text-align: left !important; margin-bottom: 4px;
}
.z_buymsg { padding: 12px !important; background-image: none !important; }
.z_buymsg dl { margin: 0 0 14px !important; }
.z_buymsg dt, .z_buymsg dd { float: none !important; width: 100% !important; border-bottom: 0 !important; }
.z_buymsg label, .z_buymsg p {
    float: none !important; width: auto !important; height: auto !important;
    line-height: 1.7 !important; text-align: left !important; display: block !important;
}
.z_buymsg dt label { width: auto !important; padding-left: 0 !important; background: none !important; }
.z_buymsg h1, .z_buymsg h2, .z_buymsg h3 { float: none !important; width: auto !important; font-size: 15px !important; }
.otherbox { width: auto !important; max-width: 100% !important; padding: 12px !important; box-sizing: border-box; }
.host-config .current-config,
.host-config .current-config-fixed,
.host-config .current-config-absolute {
    float: none !important; width: 100% !important; padding-left: 0 !important;
    position: static !important; right: auto !important; top: auto !important; bottom: auto !important;
    background: transparent !important;
}
.host-config .tx-host .tuijian-config { padding: 16px 0 0 !important; overflow: visible !important; }
.host-config .tx-host .tuijian-config a,
.host-config .tx-host .tuijian-config input,
.tuijian-config a, .tuijian-config input {
    width: auto !important; min-width: 72px !important; padding: 0 10px !important;
    margin: 0 6px 8px 0 !important; float: none !important; display: inline-block !important;
    box-sizing: border-box;
}
.current-config .config-list li label { width: 62px !important; }
/* label ռһ */
.config-box { padding: 12px 0 0 !important; overflow: visible !important; }
.config-box label { float: none !important; display: block !important; width: auto !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 4px; }
.config-box .right-side { padding-left: 0 !important; }
.config-box .link-btn { margin: 0 8px 10px 0 !important; padding: 7px 10px !important; }
.config-box .link-btn .btn-desc { position: static !important; left: auto !important; margin-left: 0 !important; display: inline-block !important; margin-top: 4px; }
/*  CPU/ڴ̶  򻬶̶ȵԪ */
.host-config div[style*="margin:15px 0 0 5px"],
.host-config div[style*="margin: 15px 0 0 5px"] {
    overflow-x: auto !important; overflow-y: hidden !important;
    width: auto !important; max-width: 100% !important;
    -webkit-overflow-scrolling: touch; padding-bottom: 8px;
}
.host-config div[style*="width: 107px"], .host-config div[style*="width:107px"] {
    width: 72px !important; float: none !important; display: inline-block !important;
    margin: 0 6px 0 0 !important; padding: 0 !important;
    text-align: center !important; white-space: normal !important;
}
.host-config div[style*="width:34px"], .host-config div[style*="width: 34px"],
.host-config div[style*="width:40px"], .host-config div[style*="width: 40px"] {
    float: none !important; display: inline-block !important;
    margin: 0 0 0 10px !important; padding: 0 !important;
    white-space: normal !important;
}
.host-config div[style*="width: 1000px"], .host-config div[style*="width:1000px"],
.host-config div[style*="width:820px"], .host-config div[style*="width: 820px"],
.host-config div[style*="width:465px"], .host-config div[style*="width: 465px"] {
    width: auto !important; max-width: 100% !important;
}
.host-config div[style*="margin-left:600px"], .host-config div[style*="margin-left: 600px"],
.host-config div[style*="margin-left:482px"], .host-config div[style*="margin-left: 482px"],
.host-config div[style*="margin-left:422px"], .host-config div[style*="margin-left: 422px"],
.host-config div[style*="margin-left:155px"], .host-config div[style*="margin-left: 155px"] {
    margin-left: 0 !important; width: auto !important;
}
.divhengzhelai { overflow: hidden; }
.divhengzhelai div { float: none !important; width: 100% !important; }
.cpu_icon, .ram_icon, .data_icon, .flux_icon { float: none !important; display: inline-block !important; margin: 0 8px 0 0 !important; }

/* ---------- 4.5 ҵʾ֣ +   ѵ ---------- */
.mail-content .mail-section .mail-faq,
.mail-section .mail-config {
    float: none !important; width: 100% !important;
    padding: 12px !important; margin-top: 0 !important;
    border-left: 0 !important; border-right: 0 !important; box-sizing: border-box;
}
.mail-content .mail-section .mail-left { float: none !important; width: 100% !important; border-right: 0 !important; }
.mail-content .mail-section { padding: 12px 0 20px !important; background-image: none !important; }
.mail-faqbotton .faq-list li { float: none !important; width: 100% !important; }
.mail-advantage .mail-list li,
.mail-advantage .advantage-list li { float: none !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; text-align: center; }
.mail-advantage .advantage-list .al-img { float: none !important; margin: 0 auto 8px !important; }
.mail-state .state-column .column-list li { float: none !important; width: 100% !important; text-align: center; }
.mail-state .state-column .column-list li .cl-img { margin: 0 auto !important; }
.mail-state .state-column .column-list li .cl-txt { padding-left: 0 !important; }
.custom-mail p { margin: 10px 0 !important; }

/* ---------- 4.6 С /  / ܿ / 汾�?---------- */
.miniprogram-youshi .youshi-list li { float: left !important; width: 50% !important; padding: 0 8px !important; }
.miniprogram-youshi .youshi-list li p { font-size: 13px !important; height: auto !important; line-height: 1.5 !important; }
.miniprogram-traffic .traffic-list li { float: none !important; width: 100% !important; margin-bottom: 20px !important; }
.miniprogram-traffic .traffic-list li .tl-txt { padding-left: 12px !important; font-size: 14px !important; }
.miniprogram-config .config-list li { float: none !important; width: 100% !important; margin: 0 0 14px !important; box-sizing: border-box; }
.miniprogram-config .config-list li .cl-title { font-size: 17px !important; }
.miniprogram-config .config-list li .cl-txt { font-size: 14px !important; }
.miniprogram-method .method-inner { padding: 14px !important; }
.miniprogram-method .method-inner .inner-list li .il-title {
    float: none !important; width: auto !important; text-align: left !important;
    padding-right: 0 !important; margin-top: 0 !important;
}
.miniprogram-method .method-inner .inner-list li .il-right { margin-left: 0 !important; font-size: 14px !important; }
.miniprogram-method .method-inner .inner-list li .il-right .versions-btn { width: calc(50% - 8px) !important; margin: 0 8px 8px 0 !important; }
.miniprogram-method .method-inner .inner-list li .il-right .il-tips { width: 100% !important; padding: 14px !important; margin-top: 12px !important; }
.miniprogram-method .method-inner .inner-list li .il-right .il-tips .il-type span { width: 50% !important; font-size: 13px !important; }
.miniprogram-method .method-inner .inner-list li .il-right .price { display: block !important; margin-right: 0 !important; line-height: 1.6 !important; }
.miniprogram-method .method-inner .buy-btn-box { margin-left: 0 !important; width: 100% !important; }
.miniprogram-method .method-inner .buy-btn { float: none !important; display: block !important; width: 100% !important; margin-top: 14px !important; }

/* ---------- 4.7 ƽվ6 ͼ  32ͼұ  ѵ ---------- */
.sites-section .ss-list { display: block !important; overflow: hidden; }
.sites-section .ss-list li {
    width: 33.3333% !important; padding: 14px 2px !important;
    border-right: 0 !important; border-bottom: 1px solid #d8d8d8;
}
.sites-section .ss-list li p { font-size: 13px !important; padding-top: 6px !important; line-height: 1.4 !important; }
.sites-box .sb-left {
    float: none !important; width: 100% !important; height: auto !important;
    padding: 150px 12px 14px !important;
    background-size: 100% auto !important; background-position: center top !important;
    border-bottom: 0 !important;
}
.sites-box .sb-left ul li { font-size: 14px !important; line-height: 26px !important; }
.sites-box .sb-right { float: none !important; width: 100% !important; }
.sites-box .sb-right ul { display: block !important; overflow: hidden; }
.sites-box .sb-right ul li,
.sites-box .sb-right .right-item { float: none !important; width: 100% !important; }
.sites-box .sb-right .item,
.sites-box .sb-right .right-item .item {
    display: block !important; width: 100% !important; height: auto !important;
    padding: 14px 10px !important; border-right: 0 !important; box-sizing: border-box;
}
.sites-box .sb-right .li-img { width: 100% !important; height: auto !important; }
.sites-box .sb-right .li-img img { max-width: 100% !important; height: auto !important; }
.sites-box .sb-right h4 { font-size: 16px !important; }
.sites-box .sb-title h3 a { font-size: 18px !important; }
.sites-banner .banner-nav, .banner-nav { position: static !important; width: 100% !important; margin-top: 0 !important; padding: 8px 12px !important; }
.banner-nav .bn-list li a { line-height: 40px !important; font-size: 14px !important; }

/* ---------- 4.8 SSL ֤ ---------- */
.ssl-advantage .sa-list li,
.ssl-edition .se-list li,
.ssl-scene .ss-list li,
.ssl-introduce .si-partner .sp-list li,
.ssl-help .sh-txt li { float: none !important; width: 100% !important; text-align: center; }
.ssl-advantage .sa-list .sa-img { height: auto !important; min-height: 120px; background-size: contain !important; }
.ssl-edition .se-list .se-txt p::before { display: none !important; }
.ssl-title, .si-title { font-size: 19px !important; }
.banner .banner-title { font-size: 22px !important; }
.banner .banner-txt { font-size: 14px !important; line-height: 1.8 !important; }
.banner .banner-btn a.apply-btn,
.banner .banner-btn a.txt-btn { display: block !important; width: 100% !important; margin: 0 0 10px !important; box-sizing: border-box; }

/* ---------- 4.9 ѯ ---------- */
.searchDiv .query-input-container { margin-right: 0; padding: 0; }
.searchDiv .query-input-container .common-input { width: 100%; height: 40px; font-size: 13px; }
.searchDiv .domain-query-btn {
    position: absolute; right: 5px; top: 5px;
    width: 88px; height: 40px; line-height: 40px;
    padding-left: 0; font-size: 14px;
    margin-top: 0; border-radius: 0;
    background-image: none;
}
.domext-wrapper { padding: 12px 0 14px !important; overflow: hidden; }
.domext-wrapper label {
    float: left; box-sizing: border-box;
}
.domext-wrapper .more-domains { float: none !important; margin: 8px 0 0 !important; }
.domext-select-container { text-align: left !important; }
.domext-select-container .left-radio { display: inline-block; }
.query-input-container .input-wrapper .clear-domain-input { right: 8px !important; top: 15px !important; }
.query-input-container .input-wrapper .close { top: 2px !important; }

/* ---------- 4.10 ̱עѯ ---------- */
.trademark-search-form .search-container { margin: 14px 0 !important; padding: 12px !important; }
.trademark-search-form .search-container .input-wrapper input {
    height: 46px !important; line-height: 46px !important; font-size: 14px !important; padding-left: 12px !important;
}
.trademark-search-form .search-container .search-btn {
    position: static !important; width: 100% !important;
    height: 46px !important; line-height: 46px !important;
    margin-top: 10px !important; border-radius: 3px;
}
.trademark-search-form .search-container .search-wrapper { display: block !important; width: 100% !important; }
.module-condition { padding: 12px !important; }
.module-condition .title { font-size: 16px !important; height: auto !important; line-height: 1.6 !important; padding: 8px 0 !important; }
.module-condition .condition-items .c-item { margin-top: 14px !important; }
.module-condition .condition-items .c-item label {
    float: none !important; display: block !important;
    width: auto !important; height: auto !important; line-height: 1.6 !important;
    text-align: left !important; margin-bottom: 6px;
}
.module-condition .condition-items .c-item ul { padding-left: 0 !important; padding-right: 0 !important; overflow: visible !important; }
.module-condition .condition-items .c-item ul.item-sort { padding-right: 0 !important; }
.module-condition .condition-items .c-item ul li { float: none !important; display: inline-block !important; margin: 0 8px 8px 0 !important; vertical-align: top; }
.module-condition .condition-items .c-item ul li:first-of-type { margin-left: 0 !important; }
.module-condition .condition-items .c-item .condition { min-width: auto !important; padding: 0 10px !important; }
.trademark-search-form .jscx-container ul.trademark-cate-list,
.trademark-search-form .txcx-container ul.trademark-cate-list { padding-left: 0 !important; }
.trademark-search-form .jscx-container ul.trademark-cate-list li:first-of-type,
.trademark-search-form .txcx-container ul.trademark-cate-list li:first-of-type { margin-left: 0 !important; }
.trademark-cate-list { display: block !important; overflow: hidden; }
.trademark-cate-list li { float: none !important; display: inline-block !important; margin: 0 10px 8px 0 !important; }

/* ---------- 4.11 ҳƷƬȸ߶루�?---------- */
.product-con { padding-top: 56px !important; }
.product-con ul { font-size: 0; }
.product-con ul li {
    float: none !important;
    display: inline-block !important;
    vertical-align: top !important;
    width: 50% !important;
    font-size: 14px;
    box-sizing: border-box;
}
.product-con ul li:nth-child(n+3) { margin-top: 14px !important; }
.product-list-con { margin: 0 7px !important; }
.product-list-con h1 { font-size: 17px; }
.product-list-con .view-more { font-size: 14px !important; padding: 13px 0 !important; }
.product-list-con .product-icon { margin-top: -34px !important; }

/* ---------- 4.12 ҳĹ / ֧ ---------- */
.footer-top .footer-top-list li {
    float: left !important; width: 50% !important;
    padding-right: 0 !important; box-sizing: border-box;
}
.footer-top-list .section { height: 52px !important; background-size: 44px auto !important; }
.footer-top-list .section .section-title { padding-left: 52px !important; padding-top: 12px !important; font-size: 13px !important; line-height: 1.35 !important; }
.service .service-list li,
.service .service-list li.pr-none {
    float: none !important; width: 100% !important;
    padding: 0 0 20px !important; margin-top: 20px !important;
}
.service .service-list li .service_img { float: none !important; margin: 0 auto 10px !important; }
.service .service-list li .service_right { width: auto !important; padding-left: 0 !important; display: block !important; }

/* ---------- 4.13 ê�?/ ǩ ---------- */
.wjf-page-anchor-nav-container { overflow-x: hidden !important; }
.wjf-page-anchor-nav { display: table !important; table-layout: fixed !important; width: 100% !important; white-space: nowrap !important; }
.wjf-page-anchor-nav > li { float: none !important; display: table-cell !important; }
.wjf-page-anchor-nav > li a { display: block !important; padding: 10px 2px !important; font-size: 14px !important; text-align: center !important; }
.tab-list { display: block !important; overflow-x: auto !important; white-space: nowrap !important; }
.tab-list > li { float: none !important; display: inline-block !important; }
.dxhosting-page .dxhosting-config .dxhosting-tab { overflow-x: auto !important; white-space: nowrap !important; }
.dxhosting-page .dxhosting-config .dxhosting-tab li { float: none !important; display: inline-block !important; }

}


/* ============================================================================
   = 5. С480px΢
   ========================================================================= */
@media screen and (max-width: 480px) {

.product-con ul li { width: 50% !important; }
.product-con ul li:nth-child(n+3) { margin-top: 14px !important; }
.miniprogram-youshi .youshi-list li { float: none !important; width: 100% !important; }
.sites-section .ss-list li { width: 50% !important; }
.footer-top .footer-top-list li { width: 100% !important; }
.miniprogram-method .method-inner .inner-list li .il-right .versions-btn { width: 100% !important; margin-right: 0 !important; }
.miniprogram-method .method-inner .inner-list li .il-right .il-tips .il-type span { width: 100% !important; }
.module-condition .condition-items .c-item ul li { display: block !important; margin-right: 0 !important; }
.host-config div[style*="width: 107px"], .host-config div[style*="width:107px"] { width: 62px !important; }
.dxhosting-page .dxhosting-top .top-list li.li-first .li-first-title { font-size: 16px !important; }

}

/* 移动端：导航栏右侧登录区改为紧凑行，不撑满高�?*/
@media (max-width: 767px) {

    /* 2.10 手机版：隐藏产品/云服务/域名页的介绍类内容区块及其浮动导航（仅限对应页面，避免误伤 oem/ly 等变体） */
    .page-whcloud #J_dxHostingInstruction,
    .page-whcloud #J_dxHostingConfig,
    .page-whcloud #J_dxHostingCase,
    .page-whcloud #J_dxHostingSafety,
    .page-whcloud #J_anchorNavDom,
    .page-cloudhost #J_cloudIntroduceDom,
    .page-cloudhost #J_cloudAdvantageDom,
    .page-cloudhost #J_cloudFaqDom,
    .page-cloudhost #J_anchorNavDom,
    .page-whdefault #J_webGSDom,
    .page-whdefault #J_webAdvantageDom,
    .page-whdefault #J_webFaqDom,
    .page-whdefault #J_anchorNavDom,
    .page-domain .domain-advantage { display: none; }
}

/* 2.11 手机版导航：隐藏云建站、小程序（≤1023px 抽屉形态） */
@media screen and (max-width: 1023px) {
    #header2016 .main-nav-wrapper li.nav-hide-mobile { display: none !important; }
}

/* 2.12 SSL 证书购买页(/services/ssl/buy.asp, page-sslbuy) 手机版：隐藏 banner、左右布局改单列
   基准规则均非 !important，本段全部靠特异性（.page-sslbuy 前缀）压制，不加 !important */
@media screen and (max-width: 767px) {
    /* 隐藏顶部 banner 背景图 */
    .page-sslbuy .banner { display: none; }

    /* 右侧「当前配置」取消绝对定位，改为通栏卡片
       （HTML 中 .list-right 在 .list-left 之前，单列后自然排在最上方） */
    .page-sslbuy .ssl-list .list-right {
        position: static;
        float: none;
        width: auto;
        margin: 14px 14px 0;
        padding: 16px 14px;
        box-sizing: border-box;
        box-shadow: 0 1px 6px rgba(15, 22, 38, .06);
    }
    /* 左侧「产品选择」不再给右栏让位，通栏 */
    .page-sslbuy .ssl-list .list-left {
        margin: 14px;
        padding: 16px 14px;
        box-sizing: border-box;
        box-shadow: 0 1px 6px rgba(15, 22, 38, .06);
    }
    /* 行标签不再浮动挤压（修复「选择品牌」文字竖排） */
    .page-sslbuy .list-left .list-row .lr-left {
        float: none;
        display: block;
        line-height: 32px;
        margin-bottom: 8px;
    }
    .page-sslbuy .list-left .list-row .right-side {
        margin-left: 0;
        padding-left: 0;
    }
    /* 品牌按钮横排、可换行（修复按钮文字逐字竖排） */
    .page-sslbuy .list-row .right-side .rs-btn {
        margin: 0 10px 10px 0;
        white-space: nowrap;
    }
    /* 型号表格 5 列放不下：容器内横向滑动 */
    .page-sslbuy .list-row .right-side .model-table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    /* 立即购买通栏 */
    .page-sslbuy .list-right .config-list-btn {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    /* 下拉框不超容器 */
    .page-sslbuy .buyselect {
        width: 100%;
        max-width: 260px;
        box-sizing: border-box;
    }
    /* 底部「温馨提示」左右留白 */
    .page-sslbuy .wide1190 > .product-detail-desc {
        margin: 0 14px;
        padding: 12px 14px 15px;
    }
}