<style>
    .layui-layer-iframe {
        top: 10px !important;
    }

    .hang {
        list-style: none;
        margin: 0;

        display: inline-block;
        height: 35px;
        line-height: 32px;
        padding: 0 18px;
        background-color: #f1f2f5;
        color: black;
        white-space: nowrap;
        text-align: center;
        font-size: 10px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        border: 1px solid #f1f2f5;
    }

    .containers {
        line-height: 40px;

    }

    .a_btn {
        display: inline-block;
        background-color: #0bbdff;
        width: 30px;
        height: 30px;
        color: #fff;
        text-align: center;
        line-height: 30px;
        border-radius: 15px;
        font-size: 18px;
    }

    input[type="range"] {
        /*-webkit-box-shadow: 0 1px 0 0px #424242, 0 1px 0 #060607 inset, 0px 2px 10px 0px black inset, 1px 0px 2px rgba(0, 0, 0, 0.4) inset, 0 0px 1px rgba(0, 0, 0, 0.6) inset;*/
        /* -webkit-appearance: none; */
        background: rgba(66, 133, 244, 0.999);
        border-radius: 20px;
        /* -webkit-appearance: none; */
        height: 15px;
        padding: 0;
        border: none;
        width: 70%;
    }

    input[type="range"]::-webkit-slider-thumb {
        /* -webkit-appearance: none; */
        cursor: pointer;
        top: 5px;
        height: 30px;
        width: 30px;
        transform: translateY(0px);
        background: #fff;
        background-size: 100%;
    }



    @media only screen and (max-width: 640px) {

        input[type="range"] {
            width: 100% !important;


        }
    }

    .number-input-box {
        width: 90px;
    }

    .ny-number-unit {
        position: absolute;
        right: 0px;
        top: 0px;
        color: #999;
        text-align: right;
        width: 31px;
        height: 100%;
        background: #f2f2f2;
        line-height: 30px;
        text-align: center;
        border-left: 1px solid #ddd;
    }

    .line-tip {
        max-width: 300px;
        overflow: hidden;
    }

    .pass-desc {
        clear: left;
        padding-top: 10px;
        display: block;
    }

    .config-tip .config-tip-content.config-tip-one {
        top: -180px;
    }

    .config-tip-content {
        width: 285px;
        left: -44px;
    }

    .config-tip-content:before {
        margin-left: -14px;
    }

    .config-tip-one:before {
        margin-left: -22px;
    }

    .only-server-area {
        box-sizing: border-box;
        height: 65px !important;
        border-bottom: none;
        background-color: #f6f6f6 !important;
    }

    .only-server-area.slt {
        border-color: #004DE9 !important;
        color: #4c4c4c !important;
        background-color: #f9fbfe !important;
        /*background-image: url(<!--{$view_default}-->black/pic/duigou.png)!important;
    background-repeat: no-repeat!important;
    background-position-x: right!important;*/
    }

    .only-server-area.slt em {
        color: #004DE9;
        border-color: #004DE9;
    }

    .only-server-area>em {
        display: block;
        height: 30px;
        line-height: 28px;
        font-size: 12px;
        background-color: #fff;
        color: #999;
        overflow: hidden;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .config-tier {
        margin-bottom: 0;
        border: none;
        padding: 10px 35px;
        padding-bottom: 7px;
        white-space: nowrap;
    }

    .config-tier2 {
        padding: 0;
    }

    .p2020713 {
        font-size: 14px;
        color: #666;
        display: inline-block;
        vertical-align: top;
        line-height: 4;
        width: 100px;
    }

    .config-tier-panel {
        margin-left: 0;
        display: inline-block;
    }

    .line-buttons-outer {
        margin-left: 0;
    }

    .config-row-content {
        margin-left: 0;
    }

    .line-type-btn {
        background: #fff !important;
        width: 128px !important;
        height: 45px !important;
        transition: border-color 0.2s ease-in;
        border: 1px solid #e6e9eb !important;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px !important;
        font-weight: 500;
        text-align: center !important;
        white-space: nowrap;
    }

    #lineButton a {
        margin-bottom: 5px;
    }

    .line-type-btn img {
        width: 25px;
        height: 25px;
        margin-right: 10px;
        margin-top: 4px;
    }

    .line-type-btn p {
        color: #8a9099;
        font-size: 12px;
        font-weight: 300;
        overflow: hidden;
    }

    .line-type-btn div {
        line-height: 1.4;
    }

    .server-buy-btn {
        top: 10px;
    }

    .buy-no-login-tip {
        top: 73px;
    }

    .app-scene-block {
        margin-top: 0;
        background-color: #fff;
        justify-content: initial;
        margin-bottom: 127px;
    }

    .app-scene-item {
        cursor: pointer;
    }

    .app-scene-detail {
        cursor: initial;
    }

    .view-inner-fixed {
        margin-left: -685px;
        width: 1370px;
    }

    .world-area .el-tabs__item {
        width: 100px;
        padding: 0;
        text-align: left !important;
    }

    .world-area .el-tabs--left,
    .el-tabs--right {
        display: flex;
        overflow: visible;
    }

    .world-area .el-tabs__content {
        overflow: visible;
    }

    .button-group a.disable:after {
        width: 40px;
        height: 40px;
        background: none;
    }

    .hide {
        display: none;
    }

    .xz3 {
        width: 76px;
        transform: translateX(96px);
    }

    .xz4 {
        width: 56px;
        transform: translateX(0px);
    }

    .el-tabs__content {
        margin-left: -108px;
    }

    #pane-first {
        margin-left: 108px;
    }

    .ky {
        float: right;
    }

    @media screen and (max-width: 960px) {
        .line-type-btn {
            width: 114px !important;
        }

        .button-group {
            margin-top: 0;
        }

        .gift-outer {
            margin-left: 0;
        }

        .ky {
            float: none;
            margin-left: -20px
        }

        .line-buttons {
            margin-right: 0;
        }

        #pane-first,
        .el-tabs__content {
            margin-left: 0;
        }

        .config-row-title {
            background: #ffffff;
            padding-left: 0;
        }

        .line-buttons {
            margin-bottom: 0;
        }

        .view-inner-fixed {
            margin-left: 0;
            width: 100%;
        }

        .p2020713 {
            line-height: 1;
            width: 100%;
            margin-bottom: 10px;
            padding-top: 10px;
        }

        .config-row {
            margin-bottom: 0;
        }

        .config-tier {
            padding: 10px 15px;
        }

        .yc {
            display: none;
        }

        .server-buy-btn {
            top: 0;
            height: 35px;
            line-height: 35px;
            right: 10px;
            padding: 0 20px;
        }
    }

    #lineButton.button-group a>i {
        min-width: 30px;
        height: 30px;
    }

    .line-buttons {
        margin-bottom: 5px;
        margin-right: 0;
    }

    .cspz {
        width: 80%
    }

    .cspz>span {
        width: 45%;
        float: left;
    }

    .cspz>span:nth-child(2n+2) {
        width: 55%;
        float: left;
        padding-left: 12px
    }

    .line-buttons a:hover span {
        display: block !important;
    }

    .zhuyishixiang .list li {
        min-height: 0;
    }

    .tuijiana {
        margin: 0 20px 15px 0;
        border: 1px solid #e6e9eb;
        padding: 20px;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        width: 270px;
    }

    .tuijiana:hover {
        color: #333;
    }

    .tuijiana-active {
        border-color: #004DE9;
        color: #4c4c4c !important;
        background-image: url(<!--{$view_default}-->black/pic/duigou.png) !important;
        background-repeat: no-repeat !important;
        background-position-x: right !important;
    }

    .el-tabs__nav-wrap::after {
        height: 0;
    }

    .s2020715elect .el-input__inner {
        width: 214px;
        height: 46px;
        font-weight: 500;
        font-size: 12px;
        background: none;
        padding-left: 45px;
    }

    .s2020715elect .el-input__suffix {
        display: none;
    }

    .selectdiv {
        position: relative;
        margin: 0 20px 15px 0;
        display: inline-block;
    }

    .spansdatacode {
        position: absolute;
        line-height: 46px;
        margin-left: 75px;
        color: #ccc;
    }

    .select2020715 {}

    .sp2020718 {
        font-size: 15px;
        font-weight: 700;
    }

    .sp2020777 {
        font-size: 12px;
    }

    .sp2020718_price {
        font-size: 24px;
        color: #ff6600;
    }

    .line-type-btn:hover {
        z-index: 21;
    }

    .button-group a.disable {
        cursor: not-allowed;
        background: #eee !important;
        border: 1px solid #eee !important;
    }

    .span-tip {
        background: #fff !important;
        color: #606266 !important;
        border: 1px solid #ebeef5 !important;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1) !important;
        padding: 15px !important;
        height: auto !important;
        border-radius: 4px !important;
        font-size: 14px !important;
        transition: all 0.2s ease-in !important;
        max-width: none !important;
        position: absolute !important;
        top: -65px !important;
        display: none;
    }

    .span-tip:after {
        position: absolute;
        content: '';
        left: 15px;
        bottom: -6px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid rgba(255, 255, 255);
        filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    }

    .cloud-configuration,
    .line-buttons-outer {
        height: auto;
        min-width: 100%;
    }

    #system-height {
        max-height: none !important;
    }

    .yj {
        padding: 30px 35px 0;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }

    @media screen and (max-width:960px) {
        .config-tier {
            white-space: inherit
        }

        .yj {
            padding: 30px 15px 0;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
        }

        .tuijiana {
            width: 100%;
            flex-direction: row;
            justify-content: space-around;
            padding: 15px;
            flex-wrap: wrap;
        }

        .tuijiana>span,
        .tuijiana>div {
            padding: 0 5px;
        }

        .hd {
            height: 45px;
            margin-top: -22px;
        }
    }

    .add-disk-row {
        padding-left: 110px;
    }

    @media screen and (max-width:960px) {

        .p2020713,
        .config-tier-panel {
            display: block;
        }

        .add-disk-row {
            padding-left: 0;
        }

        .config-row-title,
        .config-row-content {
            float: none;
        }

        .input-reset {
            width: 200px;
        }

        .pull-left {
            float: left;
            width: auto;
            padding: 0;
        }

        #addedDisksContainer .config-row-title-shorter {
            display: none;
        }

        .config-input-container {
            margin-left: 0;
        }

        .line-buttons {
            margin-bottom: 0;
        }

        .button-group a {
            min-width: 100px;
            width: auto;
            padding: 0 10px;
        }

        .SSDUPDOWN {
            display: flex;
        }

        .ny-slider {
            display: none;
        }

        .config-slider-input {
            width: 100px;
        }

        .buy-no-login-tip {
            position: initial;
            padding-top: 10px;
        }

        .s2020715elect .el-input__inner {
            height: 45px;
            font-size: 10px;
            width: 168px;
        }

        .el-select .el-input__inner {
            padding-right: 0;
        }

        .selectdiv {
            margin: 0 4px 8px;
        }

        .button-group a {
            margin-left: -1px;
            margin-top: 5px;
        }

        #lineButton a {
            margin-bottom: 0;
        }

        .button-group.months-button-7 a {
            width: 113px;
        }

        .spansdatacode {
            line-height: 45px;
        }

        .s2020715elect .el-input__inner {
            padding-left: 45px;
        }

        .systemButton .select,
        .systemButton dl dt {
            width: 130px;
            font-size: 11px;
        }

        .select-version .select,
        .select-version dl dt {
            width: 160px;
            font-size: 11px;
        }

        .systemButton .select ul li.windows,
        .systemButton .select ul li.windows.hover {
            background-position: 1px 2px !important;
        }

        .systemButton .select ul li.ubuntu,
        .systemButton .select ul li.ubuntu.hover {
            background-position: 1px -88px !important;
        }

        .systemButton .select ul li.FreeBSD,
        .systemButton .select ul li.freebsd,
        .systemButton .select ul li.freebsd.hover,
        .systemButton .select ul li.FreeBSD.hover {
            background-position: 1px -148px !important;
        }

        .systemButton .select ul li.debian,
        .systemButton .select ul li.debian.hover {
            background-position: 1px -28px !important;
        }

        .systemButton .select ul li.centos,
        .systemButton .select ul li.centos.hover {
            background-position: 1px -58px !important;
        }

        .systemButton .select ul li {
            padding-left: 28px;
        }

        .systemButton dl dt .windows {
            background-position: 2px top !important;
        }

        .selectButton dl dt.slt .ico {
            width: 30px !important;
        }

        .select-version .select ul li {
            padding-left: 10px;
        }

        .select-version dl dt {
            padding-left: 10px;
        }
    }

    .core_recommend {
        display: none;
    }



    /* --------------------------------------------固定套餐处 开始*/

    @media screen and (max-width: 1400px) .w {
        padding: 0 3%;
    }

    .w {
        width: 1370px;
        margin: 0 auto;
        max-width: 100%;
    }

    @media screen and (min-width: 961px) .cloudlist {
        margin-top: -3%;
    }

    .cloudlist {
        background: #fff;
        border-radius: 15px;
        padding: 15px;
        box-shadow: 1px 1px 15px rgba(0, 0, 0, .2);
    }

    .cloudlist .sbar {
        max-height: 690px;
        overflow: auto;
    }

    .cloudlist .sbar .list {
        padding: 15px 0 15px 15px;
        width: auto;
    }

    ul,
    li {
        list-style: none;
        margin: 0;
    }

    .cloudlist table {
        min-width: 100%;
        padding-right: 15px;
        border-spacing: 0;
    }

    .cloudlist table tr:nth-child(2n+1) {
        /*
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
	
    border-radius: 8px;
	
    height: 130px;
	
    background: #fff;
	*/
    }

    .cloudlist table tr:nth-child(2n+1) td:nth-child(1) {
        border-radius: 8px 0 0 8px;
        border-left: 1px solid #ddd;
    }

    .cloudlist table tr:nth-child(2n+1) td {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .cloudlist table td {
        width: 11%;
        text-align: center;
        white-space: nowrap;
        padding: 10px;
    }

    .c-666 {
        color: #808080;
    }

    @media screen and (max-width: 1366px) .f-15,
    .f-16 {
        font-size: 14px;
    }

    .f-16 {
        font-size: 16px;
    }

    @media screen and (max-width: 1366px) .f-18 {
        font-size: 17px;
    }

    .f-18 {
        font-size: 18px;
        font-family: element-icons;
    }

    .cloudlist table tr:nth-child(2n+1) td {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .cloudlist table td {
        width: 11%;
        text-align: center;
        white-space: nowrap;
        padding: 10px;
    }



    .cloudlist table tr:nth-child(2n+1) td:last-child {
        border-radius: 0 8px 8px 0;
        border-right: 1px solid #ddd;
    }

    .cloudlist table tr:nth-child(2n+1) td {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .cloudlist table td {
        width: 11%;
        text-align: center;
        white-space: nowrap;
        padding: 10px;
    }

    .cloudlist table aa {
        width: 140px;
        line-height: 48px;
        background: #007bfc;
        color: #fff;
        text-align: center;
        display: block;
        border-radius: 4px;
    }

    .amallbtn {
        overflow: hidden;
        position: relative;
    }

    @media screen and (max-width: 1366px) .f-15,
    .f-16 {
        font-size: 14px;
    }

    .f-16 {
        font-size: 16px;
    }

    .amallbtn em,
    .amallbtn span {
        position: relative;
        z-index: 2;
        font-style: normal;
    }

    * {
        box-sizing: border-box;
        outline: none !important;
        word-break: break-all;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    .cloudlist table aa {
        width: 140px;
        line-height: 48px;
        background: #007bfc;
        color: #fff;
        text-align: center;
        display: block;
        border-radius: 4px;
    }

    .cloudlist table tr:nth-child(2n+1) td {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .cloudlist table tr:nth-child(2n+1) td:last-child {
        border-radius: 0 8px 8px 0;
        border-right: 1px solid #ddd;
    }

    .c-red {
        /*color: #ea0909;*/
        color: #007bfc;
    }

    @media screen and (max-width: 1366px) .f-30 {
        font-size: 16px;
    }

    .f-30 {
        font-size: 18px;
        font-family: element-icons;
    }

    @media screen and (max-width: 1366px) .f-40 {
        font-size: 16px;
    }

    .f-40 {
        font-size: 18px;
    }

    /* --------------------------------------------固定套餐处 开始*/

    /* --------------------------------------------尾部 开始*/
    .footer_config {
        left: 0;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 100px;
        border-top: 1px solid #adb2c7;
        z-index: 101;
        background-color: #fff;
    }

    .config_center {
        max-width: 1200px;
        //background-color: red;
        position: absolute;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .config_price {
        font-size: 18px;

        margin-left: 100px;
        margin-top: 18px;
    }

    .money {
        display: inline-block;
        font-weight: bold;
        color: #E94738;
        line-height: 1;
        font-size: 30px;
    }

    .buybtn {
        background-color: #d900c3 !important;
        color: #fff !important;
        border-radius: 5px;
        width: 135px;
        height: 38px;
        display: inline-block;
        font-size: 16px;
        text-align: center;
        line-height: 37px;
        margin-left: 44px;
        float: right;
        margin-right: 50px;
    }

    .config_text {
        margin-top: 18px;
        font-size: 16px;
    }

    .price_s {
        display: inline;
    }

    .price_d {
        display: none;
    }

    .config_text_s {
        display: none;
        margin-top: 18px;
        font-size: 16px;
    }

    @media only screen and (max-width: 960px) {

        .config_center {
            max-width: 100%;
        }

        .price_s {
            display: inline;
        }

        .price_d {
            display: none;
        }
    }

    @media only screen and (max-width: 640px) {

        .config_price {
            margin-top: 18px;
        }

        .config_price {
            margin-left: 30px;
        }

        .config_text {
            display: none;
        }

        .price_s {
            display: none;
        }

        .price_d {
            display: inline;
        }

        .config_text_s {
            display: block;
            margin-top: 18px;
            color: blue;
        }
    }

    /* --------------------------------------------尾部 结束*/
</style>