/*header*/
.hosting-banner{ height:360px; position: relative; background: url("../../images/hosting/banner.jpg")  center top #101a20 no-repeat; min-width:1220px;}
.header-info{padding-top: 155px; text-align: center;color: #fff; overflow: hidden;}
.header-info h1{ font-size: 36px; margin: 0 0 35px;}

.hosting-stype{ height: 80px; position: absolute; left: 0; right: 0; bottom: 0; }
.hosting-stype .container{overflow:hidden; position:relative;}
.hosting-stype .hd{ overflow:hidden;}
.hosting-stype .hd .prev,.hosting-stype .hd .next{ display:block;width:9px; height:16px; position: absolute; top: 30px; cursor:pointer; background:url("../../images/hosting/icons.png")  no-repeat;}
.hosting-stype .hd .prev{ left: 25px; background-position: 0 0; }
.hosting-stype .hd .next{ right: 25px; background-position: -14px 0;}
.hosting-stype .hd .prev:hover{background-position:-28px 0; }
.hosting-stype .hd .next:hover{background-position:-44px 0;}
.hosting-stype .bd { padding-left:36px; }
.hosting-stype .bd ul{ overflow:hidden; zoom:1; }
.hosting-stype .bd ul li{ margin:0 7px; float:left; _display:inline; overflow:hidden; text-align:center;}
.hosting-stype .bd li a{ display: block; width:140px; line-height: 75px; color: #fff; font-size: 16px; padding: 0 5px; border-bottom: 5px solid transparent;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.hosting-stype .bd li:hover a{ color: #05a0fd; border-bottom: 5px solid #05a0fd;}
.hosting-stype .bd .active a{ color: #05a0fd; border-bottom: 5px solid #05a0fd;}

/*配置*/
.hosting-configuration{ background: #fafafa; padding: 40px 0;min-width:1220px; overflow: hidden; }
.hosting-configuration .container{ padding: 10px 0; background: #fff; }
.hosting-configuration dl{ margin: 0 30px 0; position: relative; padding:10px 0 10px 95px; border-bottom: 1px solid #eeeeee; min-height: 35px; overflow: hidden; }
.hosting-configuration dt{ width: 95px; height: 35px; line-height: 35px; color: #333333; position: absolute; left: 0; top: 10px;}
.hosting-configuration dd a{ display: block; float: left; width: 113px; height: 33px; border: 1px solid #dddddd; line-height: 33px; text-align: center; background: #fafafa; color: #666666; margin-right: 10px;}
.hosting-configuration dd .active{ border: 1px solid #099eff; color: #099eff; background: url("../../images/public/ico/active.png")  right top #fafafa no-repeat; }
.hosting-configuration .chosed{ margin: 0 30px 0; position: relative; padding:10px 0 0 95px;min-height: 35px; overflow: hidden;}
.hosting-configuration .chosed em{ display: block; width: 95px; height: 35px; line-height: 35px; color: #333333; position: absolute; left: 0; top: 10px;}
.hosting-configuration .chosed span{ display: block; float: left; width: 115px; height:35px;line-height:35px; text-align: center; background: #05a0fd; color: #fff; margin:0 10px 10px 0;cursor: pointer; }
.hosting-configuration .chosed span:after{ content: ""; display: inline-block; vertical-align: middle; margin-left: 10px; width: 14px; height: 16px; background: url("../../images/public/ico/close.png")  center 0 no-repeat;}

/*产品列表*/
.hosting-product{ padding: 30px 0;min-width:1220px; overflow: hidden; }
.hosting-product .product-list{ margin-left: -20px; overflow: hidden; }
.hosting-product .product-list li{ float: left; margin:0 0 20px 20px; text-align: center; padding:28px 0 0; width: 288px; height: 430px; border: 1px solid #dddddd;}
.hosting-product .product-list h2{ font-size: 22px; color: #333; }
.hosting-product .product-list h2 p{ color: #666666; font-size: 14px; margin:10px 0 0;}
.hosting-product .list{ margin: 20px 19px; background: #f7f7f7; overflow: hidden; }
.hosting-product .list p{ margin:0 10px; padding: 10px 0 11px; border-bottom: 1px dashed #dddddd; overflow: hidden;}
.hosting-product .list p:last-child{ border-bottom: none; }
.hosting-product .list span{ display: block; float: left; width: 50%; color: #999999;}
.hosting-product .list em{ display: block; font-size: 16px; margin: 0 0 5px; font-weight: bold; color: #666666; }
.hosting-product .price{ color: #666666; }
.hosting-product .price em{ font-size: 30px; color: #ff8a00; }
.hosting-product .price-btn{ display: block; width: 248px; height: 38px; margin: 25px auto 0; border: 1px solid #059fff; color: #059fff; line-height: 38px; }
.hosting-product .price-btn:hover{ background: #059fff; color: #fff; }

/*栏目提示*/
.hosting-cloumn-tip{ background: #fff; height: 40px; margin: 35px 0 25px;min-width:1220px; 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("../../images/hosting/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: #059fff;}
.hosting-cloumn-tip p a:hover{ color:#0486d6;}

/*产品购买*/
.hosting-buy-configuration{ background: #fafafa; padding:0 0 40px;min-width:1220px;}
.hosting-buy-body{ padding:1px 0 0; }
.hosting-buy-body .float-tip{ display:none; border: 1px solid #ff8a00; color: #ff8a00; line-height:18px; font-size: 12px; background: #fff; text-align: center; padding:3px 0; position: absolute; left:15px; right:15px; z-index: 11;}
.hosting-buy-body .float-tip i{ display: block; width: 10px; height: 7px; position: absolute; left: 50%; margin-left: -5px; bottom:-6px; background: url("../../images/public/ico/tip.jpg")  center bottom no-repeat;}

.hosting-buy-list{position: relative;padding:40px 0 10px 60px; background: #fff; border: 1px solid #dddddd; margin-top: 20px;}
.hosting-buy-list:hover{ border: 1px solid #059fff;}
.hosting-buy-list:hover .hosting-buy-name{ background: #059fff; color: #fff; }
.hosting-buy-name{ width: 35px; background: #ebebeb; color: #999999; position: absolute; left: 0; top: 0; bottom: 0; }
.hosting-buy-name span{ position: absolute; left:10px; top:50%; margin-top: -28px; line-height: 14px; display: block; width: 16px; text-align: center;}
.hosting-buy-group{color:#333; margin: 0 0 25px;}
.hosting-buy-group label{ width:75px;line-height: 35px; text-align: right; float: left; margin-right: 15px; color: #666666; }

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

.hosting-buy-group .ul-block{ padding-left:90px;}
.hosting-buy-group .ul-block li{ width: 129px; height: 33px; float: left; position: relative; line-height: 33px; text-align: center; background: #f6f6f6;border: 1px solid #ddd; margin-right: -1px; margin-bottom:2px; cursor: pointer;}
.hosting-buy-group .ul-block .active{ background: #059fff; border: 1px solid #059fff; color: #fff; }
.hosting-buy-group .ul-block .gift{ display: inline-block; margin-right:5px; width: 17px; height: 14px; background: url("../../images/public/ico/gift.png")  center no-repeat;}
.hosting-buy-group .ul-block .float-tip{ bottom: 45px; }
.hosting-buy-group .ul-block li:hover .float-tip{ display:block}
.hosting-buy-group .ul-jifang li{ width:auto; padding:0 20px;}

.config-price .price-parameter ul{ display:none; padding:10px 260px 0 0; overflow: hidden;}
.config-price .price-parameter .wh{ width:305px !important; }
.config-price .price-parameter ul li{ float: left; width:265px; color: #999999; font-size: 12px; line-height: 30px;}