
/*header*/
.hosting-banner{ height:385px; padding-top:175px; color: #fff; background: url("/template/Home/twy/PC/Page/Custom/images/banner.jpg?v=1") center top #1b212d no-repeat; min-width:1280px;}
.hosting-banner h1{ font-size:40px; margin: 0 0 35px;}
.hosting-banner p{ font-size: 18px; margin-bottom: 105px;}
.hosting-banner .btn{ float: left; margin-right: 20px; color: #fff; width: 178px; text-align: center; font-size: 16px; line-height: 48px; height: 48px; border: 1px solid rgba(255,255,255,.5)}
.hosting-banner .btn:hover{border: 1px solid #015bfe; background: #015bfe; color: #fff;}

.hosting-stype{min-width: 1280px; height: 89px; border-bottom: 1px solid #ddd;}
.hosting-stype .container{overflow:hidden; position:relative;}
.hosting-stype .hd .prev,.hosting-stype .hd .next{ display:block;width:20px; height:40px; position: absolute; top:24px; cursor:pointer;}
.hosting-stype .hd .prev{ left: 15px; background:url("/template/Home/twy/PC/Page/Custom/images/prev.png") center no-repeat;}
.hosting-stype .hd .next{ right: 15px; background:url("/template/Home/twy/PC/Page/Custom/images/next.png") center no-repeat;}
.hosting-stype .hd .prev:hover{ background:url("/template/Home/twy/PC/Page/Custom/images/prev_a.png") center no-repeat;}
.hosting-stype .hd .next:hover{ background:url("/template/Home/twy/PC/Page/Custom/images/next_a.png") center no-repeat;}
.hosting-stype .bd { padding-left:32px; }
.hosting-stype .bd ul{ overflow:hidden; zoom:1; }
.hosting-stype .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;}
.hosting-stype .bd li a{ display: block; padding-top: 34px; 150px;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hosting-stype .bd li a:after{content: ""; display: block; width: 100px; height: 3px; margin: 32px auto 0;}
.hosting-stype .bd li:hover a{ color: #015bfe;}
.hosting-stype .bd .active a{ color: #015bfe;}
.hosting-stype .bd .active a:after{ background: #015bfe; }


.hosting-configuration{background: #FFFFFC;padding: 10px 0;min-width:1280px;overflow: hidden;}
.hosting-configuration .container{ padding:20px 0; background: #fff; }
.hosting-configuration dl{ margin: 0 30px 0; position: relative; padding:10px 0 10px 95px;min-height:40px; overflow: hidden; }
.hosting-configuration dt{ width: 95px; height:40px; line-height:40px; position: absolute; left: 0; top: 10px;}
.hosting-configuration dd a{ display: block; float: left; width: 108px; height: 38px; border: 1px solid #dddddd; line-height: 38px; text-align: center;color: #666666; margin-right: 10px;}
.hosting-configuration dd .active{/* border: 1px solid #015bfe; *//* color: #015bfe; *//* background: #f2f5fa; */}
.hosting-configuration .chosed{ margin: 0 30px 0; position: relative; padding:10px 0 0 95px;min-height:40px; overflow: hidden;}
.hosting-configuration .chosed em{ display: block; width: 95px; height:40px; line-height:40px;position: absolute; left: 0; top: 10px;}
.hosting-configuration .chosed span{ display: block; float: left; width: 110px; height:40px;line-height:40px; text-align: center; background: #015bfe; color: #fff; position: relative; margin:0 10px 10px 0;cursor: pointer; }
.hosting-configuration .chosed span:after{ content: "";position: absolute; top:2px; right:2px; width: 12px; height:12px; background: url("/template/Home/twy/PC/Page/Custom/images/close.png") center top no-repeat;}


.hosting-product{padding: 30px 0;min-width: 1200px;overflow: hidden;}
.hosting-product .product-list{margin-left: -10px;overflow: hidden;}
.hosting-product .product-list li{float: left;margin: 0 0 20px 20px;text-align: center;padding:10px 0 0;width: 407px;height: 598px;border: 1px solid #dddddd;}
.hosting-product .product-list h2{ font-size: 18px;justify-content:center;font-weight: bold; margin: 0 50px 18px; line-height: 30px; height: 60px;display: flex;align-items: center; overflow: hidden}
.hosting-product .product-list h2 p{ color: #666666; font-size: 14px; margin:10px 0 0;}
.hosting-product .list{background: #f2f5fa; padding: 0 18px; overflow: hidden; }
.hosting-product .list p{padding: 18px 0; border-bottom: 1px solid #dddddd; overflow: hidden;}
.hosting-product .list p:last-child{ border-bottom: none; }
.hosting-product .list span{ display: block; float: left; width:33.33%; color: #666666;}
.hosting-product .list em{ display: block; margin-bottom: 6px; font-weight: bold;}
.hosting-product .price{ color: #666666;font-size: 16px; padding:22px 0 25px; color: #666666;overflow: hidden}
.hosting-product .price em{ font-size: 30px; color: #ff8a00; font-weight: bold; }
.hosting-product .btn{ display: block; width: 218px; height: 38px; margin: 0 auto; border: 1px solid #015bfe; color: #015bfe; line-height: 38px; font-size: 16px;}
.hosting-product .btn:hover{ background: #015bfe; color: #fff; }
.hosting-product .product-list li:hover{border: 1px solid #015bfe}


.hosting-cloumn-tip{ background: #fff; height: 40px; margin: 35px 0 25px;min-width:1280px; overflow: hidden;}
.hosting-cloumn-tip h1{ float: left; font-size: 24px;}
.hosting-cloumn-tip h1:before{ content: ""; display: inline-block; width: 33px; height: 26px; vertical-align:text-bottom; margin-right: 15px; background: url("/template/Home/twy/PC/Page/Custom/images/icons.png") 0 -20px no-repeat;}
.hosting-cloumn-tip p{ float: right; text-align: right; color: #333333; line-height: 40px;}
.hosting-cloumn-tip p a{ display: inline-block; color: #015bfe;}
.hosting-cloumn-tip p a:hover{ color:#0486d6;}


.info-instructions{ padding:0 50px 0 25px; }
.info-instructions li{ line-height:38px; list-style-type: decimal;}
.info-detail{overflow: hidden;}
.info-detail li{ margin-right: 25px; color: #333; float: left; line-height:35px; width: 400px; }
.info-detail span{ width: 75px; text-align: right; display: inline-block; color: #666666; }
.group-input input{ width: 308px; height: 33px; border: 1px solid #dddddd; padding: 0 10px;}
.group-input em{ color: #ff8a00; margin-left: 20px;}
.ul-jifang li{width: auto !important; padding: 0 20px;}
.ul-block li{ margin-bottom: 2px;}




.product-cloumn{text-align: center; font-size: 32px;}
.product-cloumn span{display: block;font-size: 14px; margin: 25px 0 0}
.product-dosc{padding: 1px 0;min-width: 1280px;overflow: hidden;}
.product-dosc .main{ margin: 75px 0 0 -39px;overflow: hidden}
.product-dosc .main .list{width: 380px;height: 120px;position: relative;padding:28px 10px 0 100px;float: left;margin-left:39px;border: 1px solid #ddd;background: url("/template/Home/twy/PC/Page/Custom/images/dosc-bg.jpg") center top no-repeat;}
.product-dosc .main .list:before{content: ""; height: 60px; width: 60px; position: absolute; left: 25px; top: 30px;}
.product-dosc .main h4{ font-size: 20px; margin: 0 0 15px;}
.product-dosc .main p{ font-size: 16px; color: #666666;}
.product-dosc .item1:before{background: url("/template/Home/twy/PC/Page/Custom/images/ico1.png") center no-repeat;}
.product-dosc .item2:before{background: url("/template/Home/twy/PC/Page/Custom/images/ico2.png") center no-repeat;}
.product-dosc .item3:before{background: url("/template/Home/twy/PC/Page/Custom/images/ico3.png") center no-repeat;}





.price-title {
    font-size: 44px;
    text-align: center;
    padding: 40px 0;
    margin-top: 80px;
}
.price-table{
    border: none;
    border-bottom: 1px solid #e6e6e6;
    /* border-left: 1px solid #e6e6e6; */
}
.price-table td{
    line-height: 20px;
    padding: 20px;
    /* text-align: center; */
    border-left: none;
}
.price-table  td:not(:first-child){
    border-left: none;
}
.price-table .tbody_head td{
    line-height: 22px;
    font-size: 14px;
    padding: 40px 10px;
    border-bottom: 1px solid #e6e6e6;
}
.price-table  td:last-child{
    border-right: 1px solid #e6e6e6;
}
.price-table tr:nth-child(even){
    background: white;
}
.price-table tr:nth-child(odd){
    background: white;
}
.price-table .tbody_head{
    background: #f5f6f8!important;
}
.price-table .tbody_head td>span{
    color: #f7393e;
    font-weight: bold;
}
.price-table .rowName{
    background: #f5f6f8!important;
    width: 20px;
    border-right: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
}
.price-table th, .price-table td.price_td{
    text-align: center;
    color: #ff7000;
}
.price-table th, .price-table td.price_td.free>span{
    padding: 5px 10px;
    background: #02c398;
    color: white;
}

.icon{
    width: 18px;
    height: 20px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.icon1{
    background: url(./img/icon1.png) no-repeat;
}
.icon2{
    background: url(./img/icon2.png) no-repeat;
}

.warn_tips td>p{
    white-space: nowrap;
    line-height: 26px;
}
