#footer {
    width: unset
}

.downspan {
    display: none;
    width: 19px;
    height: 8px;
    position: absolute;
    left: 60px;
    margin-top: 40px;
    background: url('<?= STNET ?>/vhost/images/m_tb.png') no-repeat center top;
}

.txt_explain {
    font-size: 12px;
    line-height: 18px;
    text-indent: 6px;
    position: absolute;
    /* margin-top: 10px; */
    left: 334px;
    top: 10px;
    color: #999;
    /* border: 1px solid #ccc; */
    border-radius: 8px;
    text-align: center;
    display: none;
}

#jf_list_middle .txt_explain {
    left: 0;
    top: 46px;
}

.price-block {

    height: 46px;
    line-height: 46px;
    padding: 0 14px;
}

.m_1200 {
    margin: 0 auto;
    width: 1200px;
    position: relative;
}

.m_1200>.title {
    font-size: 30px;
    margin: 60px 0 36px;
}

.wenti_box {
    text-align: left;
    background: #fff;
    padding: 40px 65px 10px 36px
}

#vhost_list_box .act {
    border: 1px solid #00A29A !important;
    background: #00A29A;
    color: #fff !important;
}

.choose-icon {
    position: absolute;
    left: 0;
    display: block;
    width: 39px;
    height: 39px;
    background: url('<?= STNET ?>/vhost/images/img.png');
    background-position: 0 -2324px;
}

.duli {
    height: 68px;
    width: 100%;
}

.duli a {
    margin-left: 50px;
    display: block;
    height: 40px;
    width: 100px;
    line-height: 40px;
    border: 1px dashed #000;
    text-align: center;
    color: #444;
    font-weight: bold;
}

.wraper {
    overflow: inherit;
}

.wraper:after {
    content: "";
    display: block;
    clear: both;
}

.vhostlbt {
    font-size: 12px;
}

.carousel-inner>.item {
    display: unset !important;
}

.nav a,
.navbar .navbar-nav {
    background: none
}

.navbar {
    margin-top: 0 !important;
}

.navbar .navbar-nav li {
    padding: 0;
}

.btn-default {
    width: auto !important;
    border: 0;
}

a,
label {
    color: #666;
}

.nav>li:nth-child(2n-1) {
    margin-top: 4px !important;
    border-radius: 5px 5px 0 0;
}

.navbar .navbar-nav {
    position: unset;
    margin-left: 0;
}

.nav a:hover {
    border-radius: 5px 5px 0 0;
}

.top-nav .nav li.nav-item a {
    line-height: 15px !important;
}

/*.list ul li A{*/
/*	background: none!important;*/
/*	!*padding-left: 15px;*!*/
/*	HEIGHT: 15px;*/
/*}*/
/* .column li:hover {
            background-color: white !important;
            color: rgb(179, 71, 0) !important;
        } */

.nav-item>a {
    border-radius: 5px 5px 0 0;
}

.nav_ban {
    height: auto !important;
}

/*  */
/* #focus_vhost{background-color: white}
        #focus_vhost>a{color: rgb(255,102,0)!important;} */
#cloud_host {
    border-bottom: 3px solid #fc8301 !important;
}

.dropdown>a {
    height: 35px
}

.dropdown-menu>ul>li>a:hover {
    color: #b34700 !important;
    text-decoration: underline !important;
    font-weight: normal !important;
}

.dropdown-menu>ul>li>a {
    padding-top: 0 !important;
    height: 20px
}

.nav LI {
    width: 100%
}

.dropdown-menu li {
    float: unset !important;
}

.else_product>li {
    float: left !important;
}

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

.make-vhost-content .block_new {
    flex: 1;
    border: 1px solid #ededed;
    margin: 0;
    display: inline-block;
    background-color: #fff;
}

.clear:after {
    display: none
}

.gmail-Product_center {
    color: #ff6600;
    background-color: #f0f0f0;
    padding: 10px 0 !important;
}

.ButtonParent input {
    margin: 0px auto;
    width: 100%;
    /* height: 50px; */
    /* background: #00A29A; */
    border: 0;
    padding: 9px 30px;
    margin: 10px 0;
    font-size: 16px;
    cursor: pointer;
}

/* #julisf {
            margin-top: 45px;
        } */

/* .dusnainsei {
            border-radius: 8px 0 0 8px;
        } */

/* .dusnainsei>label {
            border-radius: 8px 0 0 8px;
        } */

.PeriodArray ul li label {
    display: block;
    font-size: 16px;
    width: 100%;
    color: #00A29A;
    padding-right: 2px;
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
}

.price-block ul li label {
    font: 14px/38px "microsoft yahei";
    color: #666666;
    /* padding-right: 15px; */
    cursor: pointer;
}

.PeriodArray ul li {
    /* border: 2px solid #e4e4e4; */
    border-left: 0;
    border-right: 0;
}

.tab-btn>.clickhidden>a {
    display: none;

}

.tab-btn>.clickhidden:first-child>a {
    color: #00A29A;
}

.dis_play {
    display: none;
}

.xiugai {
    background: none;
    padding-right: 0;
}

.linecount {
    display: none;
}

.lineparent {
    position: relative;
}

.options-block_ul {
    flex-wrap: wrap;
    /* justify-content: space-between; */
}


.options-block li {
    margin-bottom: 10px;
    /* margin-right: 1.5%; */
}

/* #options_ip_bottom .options-block_ul li {
            margin-right: 0;
        } */

.options-block ul li a {
    height: 40px;
    display: block;
    font: 15px/38px "microsoft yahei";
    padding: 0 20px;
    color: #666666;
    background: #fff;
    border: 1px solid #CFCFCF !important;
    text-align: center;
}

.options-block ul li a.active {
    border: 1px solid #B2D4EF;
    background: #E0F2FF;
    color: #000;
}

.options-block ul li a:hover {
    color: #000;
}

#jiuVhost>.tab-btn {
    display: flex;
    border-bottom: 1px solid #DCDEE3;
    justify-content: center;
    margin-bottom: 56px
}

#jiuVhost>.title {
    font-size: 30px;
    margin: 60px 0 36px;
}

#jiuVhost>.tab-btn>div {
    padding: 10px 51px;
    cursor: pointer;
}

@media(max-width:1200px) {
    .Pictured {
        display: none;
    }

    .Quotaconcent {
        padding: 14px 0px 20px;
    }

    .Quotaconcent .Quotaconcenthr {
        flex-direction: column;
    }

    .make-vhost-left-new .options-block ul li {
        width: 23.5%;
        margin-right: 1.5%;
    }

    /* .boxshow .text_title {
                font-size: 14px;
                color: #000
            } */
    .text_box .text_title {
        font-size: 14px;
        color: #000;
    }

    #f2 {
        overflow: hidden;
        margin-bottom: 20px
    }

    .make-vhost-right>div p {
        padding: 20px 0 20px;
        font: 18px/20px "microsoft yahei";
        color: #666666;
        background: url(/vhost/images/tj_3.jpg) no-repeat;
        background-size: 38px;
        background-position-y: 16px;
        text-align: left;
        padding-left: 44px;
        padding-bottom: 15px;
        margin-bottom: 10px;
        border-bottom: 1px #e4e4e4 solid;
    }

    .cloudHosting-ys {
        margin-top: 50px;
    }

    .linecount {
        display: block;
        width: 105%;
        height: 19px;
        background-color: rgba(250, 250, 250);
        position: absolute;
        left: -9px;
        top: -28px;
    }

    .xiugai {
        margin-top: 10px;
        background: none;
        padding-right: 0;
    }

    .asdfkalfasf ul li label {
        line-height: 24px
    }

    .dis_play {
        /* border: 1px red solid; */
        position: relative;
        top: -30px;
        margin-bottom: 20px;
        display: block;

    }

    .dis_play>div {
        width: 100%;
        /* border: 1px red solid; */
        display: flex;
        padding-top: 10px;
        padding-bottom: 10px;
        position: relative;
    }

    .dis_play>div>span:first-child {
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        color: #000;
    }

    .dis_play>div>span:nth-child(2) {
        font-size: 12px;
        line-height: 24px;
        color: #666;
    }

    .dis_play_c1 input {
        display: none;
    }

    /* 未選中的樣式 */
    .dis_play_c1 input[type=checkbox]+span {
        /* 首先將內聯元素轉化一下，因為內聯元素是無法設置寬高的。 */
        display: inline-block;
        /* 設置成正圓 */
        border-radius: 50%;
        width: 20px;
        height: 20px;
        border: 1px solid #999;
        /* 設置位置 */
        position: absolute;
        right: 13px;
        top: 12px;
    }

    /* 選中之後的樣式，這裏的樣式主要是操作的裏面的小綠點*/
    .dis_play_c1 input[type=checkbox]:checked+span::after {
        /* 使用結構偽類after,必須要寫conten屬性
				這裏面可以換成其他的樣式：√、×等等均可 */
        content: '●';
        /* 對中間小點設置位置，確保在正中間*/
        position: absolute;
        top: -9px;
        left: 1px;
        /* 設置選中圓的顏色 */
        color: #41A863;
        font-size: 30px;
    }

    #result {
        width: 24px;
        text-align: center;
    }

    #result2 {
        width: 24px;
        text-align: center;
    }

    #racount1 {
        width: 20px;
        height: 20px;
        position: absolute;
        right: 13px;
        top: 12px;
        border-radius: 50px;
    }

    #jiuVhost>.tab-btn {
        display: flex;
        border-bottom: 1px solid #DCDEE3;
        justify-content: center;
        margin-bottom: 46px
    }

    .vhost_box3 {
        width: 1150px;
    }

    .vhost_box3_box {
        overflow: auto;
        padding-top: 25px;
    }

    .vhost_box2 {
        width: 1150px;
    }

    .vhost_box2_box {
        overflow: auto;
    }

    #jiuVhost>.title {
        font-size: 20px;
        margin: 28px 0 18px;
    }

    #jiuVhost>.tab-btn>div {
        padding: 10px 14px;
        cursor: pointer;
    }

    #jiuVhost>.tab-btn>li {
        margin: 0px auto;
    }

    .dis_play>.dis_play_c2 {
        display: none;
    }

    .dis_play>.dis_play_c2>span:first-child {
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        color: #000;
    }

    .dis_play>.dis_play_c2>.Arithmetic {
        position: absolute;
        right: 5px;
        top: 10px;
        display: flex;
        line-height: 24px;
    }

    .dis_play>.dis_play_c2>.Arithmetic>div {
        width: 24px;
        height: 24px;
        font-size: 26px;
        background-color: #D9D9D9;
        /* border: 1px red solid; */
        margin: 0px 10px;
        line-height: 22px;
    }

    .disappear {
        display: none;
    }

    .make-vhost {
        margin-top: 30px !important;
    }

    .block_e {
        width: 93px !important;
    }



    .make-vhost-top>.divhidden {
        display: none;
    }

    .make-vhost-top>.divhidden:first-child {
        display: block;
    }

    .ulhidden {
        display: none !important;
    }


    .tab-btn>.clickhidden>a {
        display: block;
        height: 50px;
        line-height: 45px !important;
        border-bottom: 4px solid #00A29A;
        background-color: #ffffff;
        font: normal 28px/80px "microsoft yahei";
        text-align: left;
        color: #000;
        position: relative;
        padding-left: 20px;
        font-size: 16px !important;
    }

    .column>li {
        margin-top: 15px !important;
    }

    .make-vhost-content {
        display: flex;
        justify-content: unset;
        flex-wrap: wrap
    }

    .antd>li:first-child {
        /* margin-bottom:15px !important; */
        margin-top: 25px !important;
    }

    .antd>li {
        margin-bottom: 15px !important;
    }

    #div-freeemail {
        position: relative;
        top: -50px;
        margin-bottom: 15px;
    }

    .PeriodArray .gift {
        bottom: 40px !important;
        left: 24px !important;
    }

    #options_ip_bottom {
        height: auto !important;
        position: relative;
    }

    #options_ip_bottom>p {
        position: relative;
    }

    #options_ip_bottom>ul {
        position: relative;
        top: -35px;
    }

    .PeriodArray ul li {
        border: none;
    }

    .PeriodArray ul li label {
        background: #fff;
    }



    #vhost_list_box li {
        text-align: left;
        border-radius: 4px;
        /* margin: 0px auto; */
        height: auto;
    }

    .PeriodArray ul li label {
        line-height: 28px;
        border-radius: 4px;
    }

    .dusnainsei {
        border-radius: 0px !important;
    }

    .dusnainsei>label {
        border-radius: 0px !important;
    }

    .price-block>ul>li>label {
        height: 28px;
    }

    /* #julisf {
                margin-top: -30px;
            } */

    /* .make-vhost-right>div {
                margin-top: 30px;
            } */

    .options-block {
        text-align: left;
        /* margin-bottom: 36px; */
        padding-bottom: 26px;
    }

    .txt_explain {
        left: 0;
        top: 48px;
    }

    #jf_list_middle .txt_explain {
        left: 0;
    }

    .make-vhost-right div ul li span {
        margin-right: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 400;
        color: #000;
        font-size: 14px !important;
    }

    .ButtonParent {
        /* display: flex; */
        margin-top: 25px;
    }

    .ButtonParent>input {
        margin: 0px auto;
        width: 150px;
        height: 50px;
        background: #00A29A;
        border: 0;
        padding: 10px 30px;
        font-size: 20px;
    }


    .machine ul li .tb_b {
        width: 58px;
    }


    .options-block_ul {
        flex-wrap: wrap;
    }

    .options-block_ul>li {
        position: relative !important;
        /* width: 100px !important; */
        height: 28px;
        /* margin: 0px auto; */
    }

    .options-block_ul>li>a {
        border-radius: 4px;
        line-height: 27px !important;
    }

    #options_list_middle .width-36 {
        width: 50%;
    }

    #options_list_middle .width-100 {
        width: 100%;
        height: 34px;
    }

    #options_list_middle .width-100>a {
        line-height: 33px;
    }

    .Mroomtion {
        position: relative;
        left: 0px;
    }

    .poside {
        position: relative;
        left: 0px;
    }

    .poside>ul>li {
        height: 34px;
        /* background: #00A29A; */
    }

    .poside>ul>li>a {
        border-radius: 4px;
        line-height: 32px;
    }

    .gmail-Product_center {
        display: none;
    }

    .make-vhost-top ul {
        padding-left: 0 !important;
    }

    .orange_sidebar,
    .qq_div,
    .photo_div {
        display: none
    }

    .navbar-collapse {
        padding: 0 !important;
    }

    .navbar-default .navbar-nav>li>a:hover {
        background: none !important;
        border-radius: 0 !important;
        color: rgb(179, 71, 0) !important;
    }

    .navbar-nav li {
        width: 100% !important;
    }

    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .navbar {
        margin-top: 0 !important;
    }

    /* .text-right{display: none} */

    .carousel .carousel-inner .item {
        background-size: cover !important;
    }

    .carousel {
        min-width: 100% !important;
        height: 188px !important;
    }

    /* .carousel .carousel-inner div:first-child{background:url('<?= STNET ?>/vhost/images/index_banner_151216/git-zc.jpg') no-repeat!important;background-size: auto 100%!important;background-position-x: 33%!important;}
            .carousel .carousel-inner div:nth-child(2){background:url('<?= STNET ?>/vhost/images/index_banner_151216/808372656206942017.jpg') no-repeat!important;background-size: auto 100%!important;background-position-x: 74%!important;}
            .carousel .carousel-inner div:nth-child(3){background:url('<?= STNET ?>/vhost/images/index_banner_151216/16800721511107731.jpg')  no-repeat!important;background-size: auto 100%!important;background-position-x: 27%!important;}
            .carousel .carousel-inner div:nth-child(4){background:url('<?= STNET ?>/vhost/images/index_banner_151216/151982105987166092.jpg') no-repeat!important;background-size: auto 100%!important;background-position-x: 31%!important;} */

    #vhost_list_box {
        width: 100%;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .make-vhos-t {
        width: 100%;
        margin: 0 auto;
    }

    .fix {
        width: 95% !important;
    }

    .website-menu-ul {
        display: flex !important;
        justify-content: space-around;
        padding-left: 0 !important;
        width: auto;
    }

    .xiu-jix-ul {
        width: auto;
    }

    .make-vhost-left {
        padding: 10px 16px;
        width: auto;
    }

    .options-block ul li a {
        height: auto;
    }

    .m_1200 {
        width: auto;
    }

    .m_1200>.title {
        font-size: 20px;
        padding: 28px 0 0px;
        background: #fff;
        margin: 0;
        margin-top: 18px;
    }

    .yun {
        overflow: hidden;
        padding-bottom: 0px
    }

    .yun .m_1200>.title {
        font-size: 20px;
        padding: 28px 0 18px;
        background: #fff;
        margin: 0;
        margin-top: 18px;
    }

    .make-vhost-content3 {
        padding: 20px;
    }

    .wenti_box {
        text-align: left;
        background: #fff;
        padding: 20px 15px;
    }

    .website-menu {
        height: 60px !important;
        line-height: 60px !important;
    }

    .website-menu-ul li {
        height: auto !important;
    }

    .website-menu-ul li span {
        margin: 0 10px !important;
    }

    [style="margin-right:282px; color:#ff6600;background-color:#f0f0f0; width:960px; padding:10px 0 !important;"] {
        width: 100% !important;
    }

    .xiu-jix-ul li {
        width: 25% !important;
        white-space: nowrap;
    }

    .xiu-jix-ul li a {
        font-size: 14px !important;
    }

    .xiu-jix-ul li a span {
        right: -15px;
        top: -10px;
        padding: 1px 10px;
    }

    .make-vhost-body>div {
        display: block;
    }

    .make-vhost-right {
        padding: 10px 20px 20px 0;
        margin: 0;
    }

    .make-vhost-body {
        display: unset;
    }

    #div-freeemailshowprice {
        width: 60px !important;
    }

    .machine ul li .left146 {
        margin: 0 auto;
        left: 28px !important;
        border: none;
        top: -29px;
    }

    .price-block {
        width: 100%
    }

    .asdfkalfasf ul li:first-child label {
        border-left: 1px solid #e4e4e4;
    }

    .asdfkalfasf ul li:last-child label {
        border-left: 1px solid #e4e4e4;
        float: right
    }

    .asdfkalfasf ul li {
        width: 24% !important;
    }

    .PeriodArray ul li:first-child label {
        border-left: 1px solid #e4e4e4;
    }

    /* .PeriodArray ul li:last-child label {
                border-left: 1px solid #e4e4e4;
                float: right
            } */

    /* .PeriodArray ul li {
                width: 23% !important;
                background-color: #e4e4e4;
                margin: 0px 5px !important;
            } */

    .make-vhost-content3 li {
        width: 90%;
        padding-left: 8% !important;
    }

    .cloudHosting-td ul li:first-child,
    .cloudHosting-td ul li:nth-child(2),
    .cloudHosting-td ul li:nth-child(3) {
        margin-bottom: 18px
    }

    .wsy-blogroll {
        display: none
    }

    .slider-div {
        width: 75% !important;
    }

    [style="width:150px;height:50px; background:#00A29A;border:0;padding: 10px 30px;font-size: 20px;"] {
        width: 100% !important;
        border-radius: 5px
    }

    .options-block ul li a {
        /* padding: 0 !important; */
        font-size: 12px !important;
    }

    .cloudHosting-td li {
        width: 46% !important;
        margin-left: 3% !important;
        box-sizing: border-box;
    }

    [style="float: right;margin-left: 21px;"] {
        float: left !important;
        margin-left: 0px !important;
    }

    .cloudHosting-ys li {
        margin: 19px 0 0 10px;
        width: auto !important;
    }

    #bottomNav {
        width: 100% !important;
        line-height: 20px;
    }

    #bottomNav2 {
        margin-top: 28px !important;
        line-height: 20px;
    }



    .xiu-jix .title {
        /* overflow: auto; */
        padding: 26px 0 16px;
        font-size: 20px;
    }

    #jf_list_middle ul {
        width: 100%;
    }
}

@media(max-width: 611px) {
    /* .options-block_ul>li {
                width: 54px !important;
            } */


    .make-vhost-content {
        display: flex;
        /* justify-content: space-between; */
        flex-wrap: wrap;
    }

    .xiu-jix-ul li {
        width: 25% !important;
        white-space: nowrap;
    }

    .xiu-jix-ul li a {
        font-size: 14px !important;
        height: 26px;
        line-height: 26px;
    }

    .carousel {
        height: 150px !important;
    }
}

@media (max-width: 550px) {

    .website-menu-ul li a,
    [style="display:inline-block; float:left;padding:0 12px;"],
    .make-vhost-left p {
        font-size: 14px !important;
    }
}

@media(max-width: 540px) {
    .price-block ul {
        width: 100%;
        display: flex;
        /* border: 1px red solid; */
    }

    .price-block ul li label {
        color: #000;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
    }

    .price-block ul li label>em {
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 400;
        font-size: 13px !important;
        color: #000;
    }

    [style="float: right;margin-left: 21px;"] {
        float: left !important;
        margin-left: 0px !important;
    }

    .carousel {
        height: 130px !important;
    }
}

@media (max-width: 468px) {
    .cloudHosting-td li {
        height: 250px
    }

    .cloudHosting-ys dl {
        width: 246px !important;
    }

    .make-vhost-content .block {
        margin: 10px 10px;
    }

    .carousel {
        height: 105px !important;
    }

    [style=" width:200px;float:left;"] {
        width: 150px !important;
    }
}





.PeriodArray {
    padding-left: 0;
}

.PeriodArray ul li {
    float: left;
    width: 14%;
}

.PeriodArray .dusnainsei label {
    background: #E0F2FF;
    color: #000;
}

.PeriodArray .dusnainsei label em {
    color: #000;
}

.price-block ul li label em {
    font-style: normal;
    color: #000;
    /* font-size: 18px; */
}

.price-block ul li label {
    font-style: normal;
    color: #000;
    /* font-size: 18px; */
}

.PeriodArray .gift {
    position: absolute;
    bottom: 48px;
    left: 38px;
    border-radius: 5px;
    color: #fff;
    font-size: 10px;
    line-height: 21px;
    background-color: #f8860b;
    width: 55px;
    height: 21px;
    text-align: center;
    font-size: 14px;
}

.PeriodArray .gift::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 45px;
    top: 15px;
    border-right: 5px solid transparent;
    border-left: 5px solid #f8860b;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.ButtonParent .gift {
    position: absolute;
    bottom: 42px;
    left: 112px;
    border-radius: 5px;
    color: #fff;
    font-size: 10px;
    line-height: 28px;
    background-color: #f8860b;
    width: 60px;
    height: 28px;
    text-align: center;
    font-size: 16px;
}

.ButtonParent .gift::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 50px;
    top: 23px;
    border-right: 5px solid transparent;
    border-left: 5px solid #f8860b;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

@media (max-width:500px) {
    .carousel {
        height: 120px !important;
    }
}

.QQ_content>span {
    top: 6px !important;
}