#header{ background-color:transparent; }
#header.headroom--not-top.active{ background:#f13c2a; box-shadow:3px 3px 10px #a10f0a; }
.footer-dark{ background:#BE0502 url('./img/bg01.jpg') no-repeat center top; background-size:100% auto; font-size:14px; }
.footer-dark #footer{ background:#2c3645; }
#main-body{ min-height:800px; padding-top:35%; }

select{ height:28px; line-height:28px; border:1px solid #ccc; padding:5px 10px; border-radius:3px; font-size:12px; }

.button{ font-size:16px; padding:14px 22px; }
.button-radius{ border-radius:30px; }
.button-danger{ background:#e8231e; border-bottom:4px solid #cc0c00; }
.button-danger:hover{ background:#fae003; border-bottom:4px solid #f78108; color:#333; }

.tab-group.tab-group-switch-style>ul{ border:2px solid #fae003; background-color:transparent; padding:5px; }
.tab-group.tab-group-switch-style>ul li{ color:#fff; background-color:transparent; }
.tab-group.tab-group-switch-style>ul li:hover{ color:#fff; background-color:#e24c48; }
.tab-group.tab-group-switch-style>ul li.active{ background-color:#fae003; color:#333; font-weight:bold; }

.product_box{ background:#e8231e; border-radius:30px 30px 10px 10px; box-shadow:4px 4px 10px #970806; position:relative; padding-top:14px; }
.product_box > .heading{ position:absolute; left:0; right:0; top:-19px; height:64px; overflow:hidden; text-align:center; }
.product_box > .heading b{ position:relative; display:inline-block; height:64px; overflow:hidden; padding:0 38px; }
.product_box > .heading b span{ display:inline-block; height:64px; background:url('./img/titbg.png') repeat-x; line-height:64px; font-size:24px; color:#710f0a; padding:0 10px; text-shadow: 2px 4px 3px #df960c; }
.product_box > .heading b:before,
.product_box > .heading b:after{ content:''; display:block; position:absolute; top:0; width:38px; height:64px; }
.product_box > .heading b:before{ background:url('./img/titbg_left.png') no-repeat; left:0; }
.product_box > .heading b:after{ background:url('./img/titbg_right.png') no-repeat; right:0; }
.product_box > .bodying{ margin:0 15px; background:#e8231e; border-radius:20px 20px 10px 10px; border:1px solid #eb291c; box-shadow: 0px 0px 20px #bd1815 inset; padding:60px 30px 30px; }
.product_box > .footing{ padding:15px 0; text-align:center; font-size:12px; color:#ffc0be; }

.product_box .column-row{ margin:-10px; flex-wrap:nowrap; flex-wrap:wrap; }
.product_box .content-row .column-row .column-25,
.product_box .content-row .column-row .column-50,
.product_box .content-row .column-row .column-40,
.product_box .content-row .column-row .column-60{ padding:10px; }

.spec{ background:#fff; border-radius:15px; padding:25px; border-bottom:7px solid #b90500; position:relative; }
.spec .heading{ padding-top:10px; padding-bottom:20px; overflow:hidden; }
.spec .heading b{ display:block; font-size:20px; margin-bottom:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.spec .heading span{ font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.spec .bodying{ padding:20px 0; font-size:12px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:left; }
.spec .bodying .params{ display:-webkit-flex; display:flex; }
.spec .bodying .param{ flex:1; }
.spec .bodying .name{ margin-bottom:7px; color:#999; }
.spec .bodying .value{ color:#333; }
.spec .footing{ padding:20px 0 0; }
.spec .footing .price_list{ display:-webkit-flex; display:flex; background:#ffe3e3; border:1px solid #e8231e; width:100%; text-align:center; margin-bottom:20px; }
.spec .footing .price_list a{ flex:1; color:#e8231e; height:32px; line-height:32px; text-align:center; font-size:14px; cursor:pointer; }
.spec .footing .price_list a.active{ background:#e8231e; color:#fff; }
.spec .footing .price_box{ margin-bottom:20px; display:-webkit-flex; display:flex; line-height:20px; }
.spec .footing .price_box .price_left{ flex:2; white-space:nowrap; }
.spec .footing .price_box .price_right{ flex:1; white-space:nowrap; }
.spec .footing .price_box .price_left .badge{ display:inline-block; font-size:14px; font-weight:normal; padding:2px 4px; background:#ffe3e3; border:1px solid #e8231e; color:#e8231e; border-radius:3px; }
.spec .footing .price_box .price_left b{ font-size:16px; color:#e8231e; font-weight:normal; }
.spec .footing .price_box .price_right{ font-size:12px; text-decoration:line-through; }
.spec .discount{ position:absolute; right:-6px; top:-6px; width:98px; height:91px; background:url('./img/discountbg.png') no-repeat; }
.spec .discount span{ display:block; color:#ea281b; font-weight:bold; padding:12px 0 0 55px; transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); white-space:nowrap; }

.spec_host .bodying .params{ display:block; }
.spec_host .bodying .param{ display:-webkit-flex; display:flex; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:7px 0 0; }
.spec_host .bodying .name{ text-align:left; width:55px; white-space:nowrap; }
.spec_host .bodying .value{ flex:1; color:#333; text-align:left; }

.spec_vhost .spec_bodying{ display:-webkit-flex; display:flex; }
.spec_vhost .spec_bodying .bodying{ border:0; text-align:left; padding:5px 0 10px; }
.spec_vhost .spec_bodying .spec_left{ flex:2; padding-right:20px; }
.spec_vhost .spec_bodying .spec_right{ flex:1; padding-left:30px; border-left:1px solid #e5e5e5; }
.spec_vhost .bodying .name{ margin-bottom:10px; }
.spec_vhost .footing{ padding:18px 0 10px; }
.spec_vhost .footing .price_box{ display:block; }
.spec_vhost .footing .price_box .price_left{ margin-bottom:5px; }
.spec_vhost .button{ font-size:14px; padding:12px 22px; }

.spec_system .bodying{ padding:30px 0; font-size:14px; }
.spec_system .bodying .desc_list{ display:-webkit-flex; display:flex; justify-content:space-between; }
.spec_system .bodying .desc_list .desc_item{ display:-webkit-flex; display:flex; align-items:center; line-height:1.4; color:#333; }
.spec_system .bodying .desc_list .desc_item:first-child{ padding-left:0; }
.spec_system .bodying .desc_list .desc_item .imgi{ width:54px; height:54px; text-align:center; color:#fff; background:#f5332e; border-radius:15px; margin-right:20px; display:-webkit-flex; display:flex; align-items:center; justify-content:center; background-image: linear-gradient(#ee6a68, #e8231e); }
.spec_system .bodying .desc_list .desc_item .imgi i{ font-size:22px; }
.spec_system .footing .price_box{ margin-bottom:0; }
.spec_system .footing .price_box .price_left{ line-height:48px; }
.spec_system .footing .price_box .price_left *{ vertical-align:middle; }
.spec_system .footing .price_box .price_left b{ font-size:28px; }
.spec_system .footing .price_box .price_left .old_price{ text-decoration:line-through; }
.system_left img{ max-width:100%; }

.spec_nav{ position:fixed; left:20px; top:20%; width:155px; }
.spec_nav .product_box{ background:#e7221d; border:1px solid #ed5835; padding-top:50px; border-radius:5px 5px 15px 15px; }
.spec_nav .product_box > .heading{ top:-11px; height:44px; }
.spec_nav .product_box > .heading b{ height:44px; padding:0 18px; }
.spec_nav .product_box > .heading b span{ height:44px; background:url('./img/navtitbg.png') repeat-x; line-height:44px; }
.spec_nav .product_box > .heading b span i{ display:block; width:86px; height:44px; background:url('./img/navtit.jpg') no-repeat center bottom; }
.spec_nav .product_box > .heading b:before,
.spec_nav .product_box > .heading b:after{ width:18px; height:44px; }
.spec_nav .product_box > .heading b:before{ background:url('./img/navtitbg_left.png') no-repeat; }
.spec_nav .product_box > .heading b:after{ background:url('./img/navtitbg_right.png') no-repeat; }
.spec_nav .nav_list,
.spec_nav .nav_list li{ list-style:none; }
.spec_nav .nav_list li{ line-height:1.2; text-align:center; border-top:1px solid #ec534f; font-size:14px; }
.spec_nav .nav_list li a{ display:block; padding:18px 0; color:#fff; text-decoration:none; cursor:pointer; }
.spec_nav .nav_list li i{ font-size:24px; }
.spec_nav .nav_list li:first-child{ border-top:0; }
.spec_nav .nav_list li.active{ background:#ba0400; }
.spec_nav .nav_list li.active a{ color:#fae003; }

.layer_content{ padding:0 10px; }
.layer_content .list{ }
.layer_content .list .param{ display:-webkit-flex; display:flex; padding:5px 0; line-height:30px; }
.layer_content .list .param .name{ padding-right:10px; width:70px; white-space:nowrap; }
.layer_content .list .param .price{ font-size:18px; font-weight:normal; }
.layer_content .list .param .old_price{ text-decoration:line-through; }
.layer_content .buybox{ margin-top:30px; text-align:center; }
.layer_content .buybox .button{ }

@media (max-width: 767px){
    #header .logo, #nav-overlay .logo{ display:none; }

    .spec_vhost .spec_bodying{ display:block; }
    .spec_vhost .spec_bodying .spec_right{ border-left:0; padding-left:0; }
    .spec_vhost .footing .price_box{ display:-webkit-flex; display:flex; }

    .spec_system .bodying{ padding:20px 0; }
    .spec_system .bodying .desc_list{ display:block; }
    .spec_system .bodying .desc_list .desc_item{ margin:5px 0; }
    .spec_system .footing .price_box{ display:block; }
    .spec_system .footing .price_box .price_left{ margin-bottom:10px; }
    .spec_system .footing .price_box .price_left .old_price{ display:none; }
}
@media (max-width: 1400px){
    .spec_nav{ display:none; }
}