#Pages{ max-width: 1200px;}
.section_title{ text-align: left;}
@media screen and (min-width: 1200px) {
    #Pages{ padding-top: 30px;}
}
@media screen and (max-width: 768px) {
    #Pages{ padding-top: 0;}
}
/* 主机信息 */
.vhost_title{ margin-bottom: 30px;}
.vhost_list{ overflow: hidden; background: #fff; padding: 20px; margin: 0 10px;}
.vhost_list li{ float: left; width: 110px; height: 38px; line-height: 38px; text-align: center; font-size: 14px; margin: 10px;}
.vhost_list li a{ display: block; border: 1px solid #ececec; color: #666;}
.vhost_list li:last-of-type{ margin-right: 0;}
.vhost_list li a.hot,.vhost_list li a:hover{ border: 1px solid #c00; background: rgba(204,0,0,.03); color: #666;}

.vhost_box{ background: #fff; padding: 20px; overflow: hidden; text-align: left; margin: 0 10px;}
.vhost_box .left_item{ width: 380px; float: left; margin: 10px;}
.vhost_box .left_item div{ margin: 20px 0 10px; background: url(/vhost/images/vhostDetail/vhost_x.jpg) no-repeat; width: 363px; height: 41px; line-height: 35px; text-align: center; color: #FF6600; font-size: 12px;}
.vhost_box .left_item p{ font-size: 14px; color: #666; line-height: 2.5;}
.left_item p span{ color: #333;}
.vhost_box .right_item{ width: 720px; float: right; margin: 10px;}
.right_item .item{ overflow: hidden; margin-bottom: 20px;}
.right_item .item:last-of-type{ margin-bottom: 0;}
.right_item .item span{ display: block; width: 80px; height: 38px; line-height: 38px; float: left; font-size: 14px;}
.right_item .item .item_info{ float: left; width: calc(100% - 90px);}
.right_item .item li{ float: left; width: 95px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #ececec; margin-right: 10px; cursor: pointer; color: #666;}
.right_item .item li:last-of-type{ margin-right: 0;}
.right_item .item li:hover,.right_item .item li.hot{ border: 1px solid #c00; background: rgba(204,0,0,.03);}
.right_item .price_item{ margin-bottom: 15px;}
.right_item .price_item .item_info{ font-size: 14px;}
.right_item .item .price{ font-size: 30px; display: inline-block; vertical-align: bottom; margin-right: 5px; width: auto; float: none;}
.right_item .item .btn_buy{ width: 210px; height: 38px; line-height: 38px; text-align: center; background: #c00; color: #fff; font-size: 14px; cursor: pointer;}

.left_item h1{ text-align: left; font-size: 18px; margin-bottom: 20px;}
.left_item h1 span{ color: #c00; font-size: 14px;}
/* 表格 */
.vhostMore{ margin: 0 10px;}
.csstable a{outline:none;}
.csstable td{padding:5px 0px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
.csstable .tBar td{background:url(/vhost/images/v5/tbg.jpg) left top repeat-x #ffffff; font-weight:bold; height:45px;}
.csstable .mBar td{ background:url(/vhost/images/v5/tbg.jpg) left -50px repeat-x ; font-weight:bold;text-align:left;padding-left:10px;}
.csstable .sBar td{ background:#f7f7f7; text-align:left;}
.csstable .sBar{ background:#fafafa; text-align:center;font-weight:bold;}
.csstable .w{ background:url(/vhost/images/vhostDetail/ico_yes.png) center no-repeat;}
.csstable .bts2{ display:block; margin:0 auto;}
.csstable .current{background:url(/vhost/images/v5/tbg.jpg) left -20px repeat-x #ffffff !important;border-bottom:1px solid #fff;}
.csstable .tBar a{line-height:45px;display:block;font-weight:normal}
.csstable input{border:0px;}

@media screen and (max-width: 768px) {
    #Pages{ width: 100%; overflow-x: scroll;}
    .vhost_title{ margin-bottom: 20px; margin-top: 20px;}
    .vhost_list{ padding: 20px;}
    .vhost_list li{ margin: 5px;}
    .vhost_data{ margin-bottom: 20px;}
    .vhost_box{ padding: 20px;}
    .vhostMore{ width: 1200px; margin-bottom: 20px !important;}
    .vhost_box .left_item div{ height: auto; width: 100%; background-size: cover;}
    .vhost_box .left_item,.vhost_box .right_item{ width: 100%; float: none; margin-bottom: 20px;}
    .right_item .item li{ margin-bottom: 10px;}
}