.container{width: 1280px;}
.top-header,.footer{min-width: 1280px;}

/*header*/
.hosting-banner{ height:385px; padding-top:175px; color: #fff; background: url("img/banner.jpg") center top #1b212d no-repeat; min-width:1280px;position: relative;}
.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("img/prev.png") center no-repeat;}
.hosting-stype .hd .next{ right: 15px; background:url("img/next.png") center no-repeat;}
.hosting-stype .hd .prev:hover{ background:url("img/prev_a.png") center no-repeat;}
.hosting-stype .hd .next:hover{ background:url("img/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; width: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: #f2f5fa; padding: 40px 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("img/close.png") center top no-repeat;}

/*产品列表*/
.hosting-product{ padding: 30px 0;min-width:1280px; overflow: hidden; }
.hosting-product .product-list{ margin-left: -40px; overflow: hidden; }
.hosting-product .product-list li{ float: left; margin:0 0 40px 40px; text-align: center; padding:10px 0 0; width: 288px; height: 398px; 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("img/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;}