/*
   本页样式为VPS主机
*/


/****************************banner区域 开始*******************************/


/****************************banner区域 结束*******************************/


/****************************VPS主机 开始*******************************/

.vps-content {
    _zoom: 1;
    background: #f1f4f4;
    background-color: #F1F4F4;
    padding-top: 20px;
    padding-bottom: 60px;
}

.vps-list li.vps-item {
    width: 290px;
    float: left;
    margin-left: 10px;
}

.wjf-ui-select {
    width: 230px;
}

.vps-list li.taocan-item {
    width: 396px;
    padding: 40px 0;
}

.vps-list li.taocan-item-hover {
    box-shadow: 0px 5px 18px #D0CDCD;
    margin-top: -1px;
    margin-bottom: 1px;
}

.vps-list .border-bottom {
    border-bottom: 1px solid #ddd;
}

.vps-list .border-right {
    border-right: 1px solid #ddd;
}


/*VPS主机 内容*/

.vps-list .column {
    background: #fff;
    width: 260px;
    height: 640px;
    padding: 0 15px;
    margin: 0 auto;
    border: 1px solid #e0e0e0;
    border-top-color: #006eff;
}

.vps-list .column .column-top {
    text-align: center;
}

.vps-list .column .column-top .column-title {
    padding: 30px 0 22px 0px;
    font-size: 24px;
    color: #333;
    line-height: 1;
    border-bottom: 1px solid #e0e0e0;
}
.arrowMouse{ padding:0px; width:280px;}
.ccl{ width:280px;}
.GreenColor{ width:220px;}
.mzpx{ color:#F00;}
.vps-list .column .column-top .icon {
    margin-left: 8px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-style: normal;
    color: #fff;
    text-align: center;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-weight: normal;
}

.vps-list .column .column-top .hot {
    background: #ff3244;
}

.vps-list .column .column-top .recommend {
    background: #26bafd;
}

.vps-list .column .column-top .tehui {
    background: #ffa52e;
}

.vps-list .column .column-config {
    padding-top: 4px;
    line-height: 1.6;
    text-align: left;
    height: 240px;
}

.vps-list .column .column-config dt {
    float: left;
    padding-top: 10px;
    width: 50px;
    color: #484848;
    font-weight: bold;
}

.vps-list .column .column-config dd {
    padding-top: 10px;
    color: #707070;
    overflow: hidden;
    word-break: break-all;
}
 

.vps-list .column .column-config dd span {
    color: #707070;
}
.vps-list .column .column-config dd span.price {
    color: #C00;
}

/*线路*/

.vps-list .column .server-room {
    position: relative;
    margin-top: 10px;
    zoom: 1;
}

.server-room .wjf-ui-select {
    background-color: #f7fbff;
    background-position-x: 240px;
}

.server-room .wjf-ui-select-container {
    width: 229px;
    left: 0;
    top: 0;
}

.server-room .wjf-ui-select-container .item {
    float: none;
}

.server-room .wjf-ui-select-container .first-item {
    background-image: url('/Tpl_2016/images2016/cloudhost/cloudhost-icon_05.png');
    background-repeat: no-repeat;
    background-position: 215px 11px;
}

.server-room .wjf-ui-select span,
.server-room .wjf-ui-select-container span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: right;
    color: #d9d9d9;
    font-family: '宋体';
}

.server-room .wjf-ui-select-container span {
    margin-right: 7px;
}

.server-room .wjf-ui-select span a,
.server-room .wjf-ui-select-container span a {
    color: #2b85d9;
    padding-left: 0px;
}

.server-room .wjf-ui-select span a:hover,
.server-room .wjf-ui-select-container span a:hover {
    color: #fd741b;
}


/*价格*/

.vps-list .column .column-price {
    padding: 6px 0 0 0px;
    line-height: 1;
    color: #787878;
}

.vps-list .column .column-price .ppl {
    padding-right: 10px;
    word-wrap: break-word;
    word-break: break-all;
    line-height: initial;
}

.vps-list .column .column-price .price {
    font-size: 14px;
    font-weight: bold;
    color: #fe6733;
}

.vps-list .column .column-bottom {
    padding: 30px 0;
    text-align: center;
}

.vps-list .column .column-btn {
    display: inline-block;
    width: 198px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #2086ee;
    font-size: 16px;
    color: #2086ee;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
}


/* 聚焦状态 */

.vps-list .vps-item-hover .column {
    box-shadow: -6px 10px 20px -2px rgba(4, 0, 0, 0.15);
    margin-top: -1px;
}

.vps-list .vps-item-hover .column-btn {
    background-color: #2086ee;
    color: #fff;
}


/****************************VPS主机 结束*******************************/


/****************************浮动选项卡 开始*******************************/


/****************************浮动选项卡 结束*******************************/


/****************************西数VPS优势 开始*******************************/

.vps-advantage {}

.vps-advantage .vps-advantage-list {
    margin-bottom: 70px;
}

.vps-advantage .vps-advantage-list li {
    padding: 96px 0 0 5px;
    float: left;
}

.vps-advantage .vps-advantage-list .pl-110 {
    padding-left: 119px;
    _padding-left: 104px;
}

.vps-advantage .vps-advantage-list .vps_img {
    float: left;
    width: 98px;
    height: 98px;
    background: url("/Tpl_2016/images2016/vpsserver/vpsserver-icon.jpg") no-repeat center center;
}

.vps-advantage .vps-advantage-list .vps_img_1 {
    background-position: 0 0;
}

.vps-advantage .vps-advantage-list .vps_img_2 {
    background-position: -148px 0px;
}

.vps-advantage .vps-advantage-list .vps_img_3 {
    background-position: -296px 0px;
}

.vps-advantage .vps-advantage-list .vps_img_4 {
    background-position: -444px 0px;
}

.vps-advantage .vps-advantage-list .vps_img_5 {
    background-position: -592px 0px;
}

.vps-advantage .vps-advantage-list .vps_img_6 {
    background-position: -740px 0px;
}

.vps-advantage .vps-advantage-list p {
    font-size: 14px;
}

.vps-advantage .vps-advantage-list .vps-txt {
    padding-left: 15px;
    width: 420px;
    overflow: hidden;
    float: left;
}

.vps-advantage .vps-advantage-list .vps-title {
    padding: 14px 0;
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
}


/****************************西数VPS优势 结束*******************************/


/****************************vps常见问题 开始*******************************/

.vps-faq {
    /*    margin-top: 26px;
    margin-bottom: 50px;*/
}

.vps-faq .faq-list {
    line-height: 1;
}

.vps-faq .faq-list dt {
    padding: 30px 0 8px 0;
    font-size: 16px;
    color: #277cdf;
}

.vps-faq .faq-list dd {
    padding: 10px 0 14px;
    line-height: 1.7;
    font-size: 14px;
    color: #666;
    border-bottom: 1px dashed #d3d3d3;
}

.vps-faq .faq-list dt span,
.vps-faq .faq-list dd span {
    float: left;
    padding-right: 10px;
    font-weight: bold;
}

.vps-faq .faq-list dt span,
.vps-faq .faq-list dd p {
    overflow: hidden;
}

.vps-faq .faq-list .yd_link {
    color: #fd741b;
}

.vps-faq .faq-list .yd_link:hover {
    text-decoration: underline;
}
.vps-faq .faq-btn {
	display:block;
	margin:38px auto 30px;
	width:280px;
	height:50px;
	line-height:50px;
	background:#eee;
	font-size:14px;
	color:#7b7b7b;
	text-align:center
}
.vps-faq .faq-btn:hover {
	background:#e4e4e4
}



/****************************vps常见问题 结束*******************************/


/****************************vps客户评价 开始*******************************/

.vps-pingjia {
    margin-top: 38px;
}

#J_VPSPJListContainer .wjf-page-loading {
    margin-top: 20px;
}


/****************************vps客户评价 结束*******************************/

@media screen and (max-width: 1206px) {
    /*vps主机*/
    .vps-list li.vps-item {
        width: 240px;
        margin-left: 5px;
    }
    .vps-list .column {
        width: 228px;
        padding: 0 5px;
    }
    .vps-list .column .column-top {
        padding: 0px;
        text-align: center;
    }
    .vps-list .column .column-top .column-title {
        padding: 30px 0 22px 0px;
    }
    .vps-list .column .column-config {
        padding: 4px 0px 0 0;
        height: 260px;
    }
    .vps-list .column .server-room {}
    .server-room .wjf-ui-select {
        width: 190px;
        background-position-x: 200px;
    }
    /*西数VPS优势*/
    .vps-advantage .vps-advantage-list .vps-txt {
        width: 369px;
    }
    .vps-advantage .vps-advantage-list .pl-110 {
        padding-left: 21px;
        _padding-left: 15px;
    }
}


/***********IE6-8 responsed START*************/


/*vps主机*/

.desktop .vps-list li.vps-item {
    width: 240px;
    margin-left: 5px;
}

.desktop .vps-list .column {
    width: 228px;
    padding: 0 5px;
}

.desktop .vps-list .column .column-top {
    padding: 0px;
    text-align: center;
}

.desktop .vps-list .column .column-top .column-title {
    padding: 30px 0 22px 0px;
}

.desktop .vps-list .column .column-config {
    padding: 4px 0px 0 0;
    height: 260px;
}

.desktop .vps-list .column .server-room {}

.desktop .server-room .wjf-ui-select {
    width: 190px;
    background-position-x: 200px;
}


/*西数VPS优势*/

.desktop .vps-advantage .vps-advantage-list .vps-txt {
    width: 369px;
}

.desktop .vps-advantage .vps-advantage-list .pl-110 {
    padding-left: 21px;
    _padding-left: 15px;
}


/***********IE6-8 responsed END*************/
