/* 保留idc.css部分样式。TODO: 待整理 */

.line-introduction a:hover {

	color: #059fff;

}

span.ip-unit {

	margin-left: 10px;

}

.btn-ctrl-layout .up, .btn-ctrl-layout .down {

	display: block;

	width: 28px;

	height: 14px;

}

.btn-ctrl-layout .up {

}

.btn-ctrl-layout .down {

	margin-top: 2px;

}

.btn-ctrl-layout .up:hover, .btn-ctrl-layout .down:hover {

	background-position-y: bottom;

}

.original-price {

	font-size: 16px;

	color: #555;

}

.origin-price-outer .verify-tip {

	width: auto;

	padding-left: 20px;

	background: url(../images/libao.png) no-repeat left center;

}

/*

 * ---------------------------------

 * 重构开始

 * ---------------------------------

 */

body {

	/*background-color: #fafafa;*/

}

a {

	text-decoration: none;

}

input {

	outline: none;

	font-family: "microsoft yahei";

}

/*

 * 原子类

 */

.p-relative {

	position: relative;

	z-index: 10;

}

.margin-left-10 {

	margin-left: 10px;

}

/*

 * 重置组件类（去除buy.css后补充的样式）

 */

.ui-slider {

	position: relative;

	z-index: 10;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

}

.ui-slider-horizontal {

	height: 26px;

	background-color: #ececec;

}

.ui-slider-range {

	position: absolute;

	height: 100%;

	border: 1px solid #009ed8;

	border-right: none;

	border-radius: 2px 0 0 2px;

	background: #00c0ef;

}

.ui-slider-handle {

	position: absolute;

	/* 默认的handle高度只有26px，这里设置高度为32px，所以需要设置top偏移 */

	top: -4px;

	z-index: 10;

	width: 12px;

	height: 32px;

	background: url(../images/icon_slider_handle.png) no-repeat left top;

	cursor: pointer;

}

.input-reset {

	width: 280px;

	height: 30px;

	border: 1px solid #e0e0e0;

	padding-left: 10px;

	line-height: 30px;

	color: #4c4c4c;

}

.ny-number-input {

	padding-left: 10px;

}

/*

 * 新增组件类

 */

.button-group {

	float: left;

	border: 0px;

}

.button-group a {

	float: left;

	position: relative;

	z-index: 10;

	width: 129px;

	height: 35px;

	margin-left: -1px;

	border: 1px solid #dddddd;

	background-color: #fff;

	line-height: 34px;

	text-align: center;

	font-size: 14px;

	color: #4c4c4c;

}

#lineButton.button-group a>span{

	position: absolute;

	display: inline-block;

	min-width: 80px;

	max-width: 300px;

    height: 23px;

	padding: 0 10px;

	left: 64px;

    top: -30px;

    background: url(../images/tips_bg.gif) no-repeat;

    line-height: 18px;

    color: rgb(255, 255, 255);

	font-size: 12px;

	white-space:nowrap;

	display: none;

}



.button-ipa a {

	width: 100px;

}

/*.button-group a:first-child {

	border-radius: 2px 0 0 2px;

}

.button-group a:last-child {

	border-radius: 0 2px 2px 0;

}*/

/*.button-group a.single-btn {

	border-radius: 2px;

}*/

.button-group a.slt {

	z-index: 20;

	border-color: #1a92dd;

	background-color: #059fff;

	color: #fff;

}

.button-group a.disable {

	background-color: #f2f2f2;

	border: 1px solid #dddddd;

	color: #4c4c4c;

}

.button-group a.disable:after {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	width: 20px;

	height: 16px;

	background: url(../images/buy_qin.png) no-repeat center;

}

.button-group.months-button-12 a {

	width: 70px;

}

.button-group.months-button-7 a {

	width: 80px;

}

.slider-length-middle {

	width: 460px;

}

.slider-length-long {

	width: 540px;

}

.slider-higher {

	height: 30px;

}

.slider-higher .ui-slider-handle {

	top: -5px;

	height: 40px;

	background-image: url(../images/icon_slider_handle_heigher.png);

}

/*

 * 去除common_f.css后补充的样式

 */

.main-content {

	/* 若直接使用`padding: 30px 0`则会导致`.auto`类在1200px以下的padding-left丢失 */

	padding-top: 15px;

	padding-bottom: 80px;

	font-size: 14px;

	color: #777;

}

.goods-title {

	height: 40px;

	line-height: 40px;

	font-size: 22px;

	font-weight: normal;

	color: #555;

}

.goods-description {

	line-height: 26px;

	font-size: 14px;

	color: #999;

}

.config-panel {

	/* 在未更新静态缓存时，强制取消浮动 */

	float: none;

}

.shopping-area {

	margin-top: 15px;

	padding: 25px 15px 35px;

	border: 1px solid #eee;

	border-top: 3px solid #ff8400;

}

.config-row {

	/*height: 30px;*/

	margin-top: 20px;

	line-height: 30px;

}

.config-tier-panel .config-row:first-child {

	margin-top: 0;

}

.config-row-title {

	float: left;

	width: 110px;

	text-align: right;

	font-size: 14px;

	font-weight: normal;

	color: #999;

}

.config-row-title-shorter {

	line-height: 30px;

}

.config-row-content {

	float: left;

	margin-left: 15px;

}

.line-introduction {

	float: left;

	margin-left: 0;

	padding-left: 20px;

	background: url(../images/buy_location.png) no-repeat left center;

	color: #059fff;

}

.line-introduction a {

	color: #059fff;

}

.line-slogan {

	position: absolute;

	left: 0;

	top: -30px;

	z-index: 10;

	margin-left: 165px;

	padding-bottom: 5px;

	/* TODO: 修改背景图文件名 */

	background: url(../images/rmkbg.png) no-repeat;

}

.line-slogan-content {

	height: 18px;

	padding: 0 10px;

	background: #ff6600;

	line-height: 18px;

	font-family: "Simsun";

	font-size: 12px;

	color: white;

}

.config-input-container {

	margin-left: 10px;

}

.config-slider-input {

	float: left;

	width: 40px;

	height: 35px;

	border: 1px solid #ddd;

	border-radius: 2px 0 0 2px;

	line-height: 30px;

	text-align: center;

	color: #4c4c4c;

}

.config-input-unit {

	float: left;

	width: 30px;

	height: 35px;

	border: 1px solid #ddd;

	border-radius: 0 2px 2px 0;

	margin-left: -1px;

	background-color: #f5f5f5;

	line-height: 35px;

	text-align: center;

}

.config-slider-ruler {

	width: 460px;

}

.config-slider-ruler i {

	position: relative;

	float: left;

	width: 25%;

	height: 30px;

	line-height: 40px;

	font-style: normal;

	text-align: center;

}

.config-slider-ruler i:before {

	content: "";

	position: absolute;

	left: 50%;

	top: 0;

	width: 1px;

	height: 6px;

	background: #ddd;

}

i.config-last-scale {

	width: 12.4%;

	text-align: right;

}

i.config-last-scale:before {

	left: inherit;

	right: 0;

}

.config-slider-ruler i:first-child {

	text-align: left;

	width: 12.5%;

}

.config-slider-ruler i:first-child:before {

	left: 0;

}

.config-row-defense .ui-slider-horizontal {

	background: url(../images/defense_bg.png) no-repeat left center;

}

.config-row-defense .ui-slider-range {

	background: url(../images/defense_range.png) no-repeat left center;

}

.config-row-months .ui-slider-horizontal {

	background: url(../images/months_bg.png) no-repeat left center;

}

/* 配置预览表 */

.config-view-outer {

	padding-top: 5px;

}

.config-view-inner {

	position: static;

	margin-left: 0;

	box-shadow: 0px -2px 16px rgba(0, 0, 0, .12);

	background-color: #fff;

	border: #e5e5e5;

	z-index: 100;

}

.view-inner-fixed {

	position: fixed;

	bottom: 0;

	left: 50%;

	margin-left: -610px;

	width: 1220px;

}

.config-view-title {

	height: 38px;

	padding-left: 20px;

	background: #059fff;

	line-height: 38px;

	font-weight: normal;

	font-size: 16px;

	color: #fff;

}

.config-view-list {

	padding-top: 10px;

	padding-bottom: 10px;

	border: 1px solid #eee;

	background: #fff;

	color: #444;

}

.config-view-list li {

	padding: 7px 0;

}

.config-view-item-title {

	display: inline-block;

	width: 98px;

	padding-left: 20px;

	text-align: left;

	font-weight: normal;

	color: #999;

	vertical-align: top;

}

.config-view-list em {

	display: inline-block;

	max-width: 170px;

	font-style: normal;

}

.origin-price-outer {

	line-height: 1;

}

.config-view-item-price {

	font-weight: bold;

	font-size: 24px;

	color: #f60;

}

.config-view-list .padding-indent {

	padding-left: 40px;

}

.config-view-item-submit {

	margin-top: 10px;

	text-align: center;

}

.button-submit {

	display: inline-block;

	width: 220px;

	height: 32px;

	background: #ff8400;

	line-height: 32px;

	font-size: 16px;

	font-weight: normal;

	color: #fff;

	cursor: pointer;

}

.button-submit:hover {

	background: #ff6e00;

}

/* 改版样式 */

.buy-top {

	height: 72px;

	line-height: 72px;

	background-color: #fff;

	box-shadow: 1px 1px 3px rgba(58, 58, 58, 0.2);

}

.buy-top-title {

	border-left: 3px solid #059fff;

	padding-left: 15px;

}

.server-slogan {

	margin-left: 10px;

	font-size: 12px;

}

.buy-top-right {

	padding-left: 27px;

	background: url(../images/buy_icon_favor.png) no-repeat left center;

	font-size: 14px;

}

.buy-tip {

	background-image: url(../images/buy_icon_buy_tip.png);

	margin-right: 20px;

}

.server-warn {

	margin-bottom: 20px;

	background-image: url(../images/buy_gift_mini.png);

}

.config-tier {

	position: relative;

	width: 100%;

	border: 1px solid #eee;

	background-color: #fff;

	margin-bottom: 10px;

	padding: 25px 0;

}

.config-tier-title {

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	width: 30px;

	background: #edf1f2;

}

.config-tier-title span {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 1em;

	margin-top: -10px;

	/*margin-left: -6px;*/

	margin-left: -8px;

	line-height: 1;

	color: #999;

}

.config-tier-title-4 span {

	margin-top: -24px;

}

.config-tier-panel {

	margin-left: 30px;

	padding: 10px 0;

}

.config-tier:hover .config-tier-title {

	background: #059fff;

}

.config-tier:hover {

	border-color: #059fff;

}

.config-tier:hover .config-tier-title span {

	color: #fff;

}

li.price-container {

	padding-top: 3px;

}

.price-title {

	width: 94px;

	vertical-align: bottom;

}

.server-price {

	font-size: 24px;

}

.rmb-symbol {

	font-size: 16px;

}

.gift-outer {

	margin-left: 20px;

	margin-top: 2px;

}

.favorable-reminder {

	position: relative;

	display: inline-block;

	padding-left: 25px;

}

.favorable-reminder:before {

	content: "";

	position: absolute;

	top: 5px;

	left: 0;

	width: 20px;

	height: 20px;

	background: url(../images/buy_gift.png) no-repeat right center;

}

.server-buy-btn {

	display: inline-block;

	position: absolute;

	top: 35px;

	right: 20px;

	padding: 0 30px;

	height: 40px;

	line-height: 40px;

	border: none;

	border-radius: 2px;

	margin-top: 10px;

	background-color: #ff6600;



	font-size: 16px;

	color: #fff;

	text-align: center;

	cursor: pointer;

}

.server-buy-btn.no-login {

	

}

.buy-no-login-tip {

	position: absolute;

	right: 20px;

	top: 98px;

}

.buy-no-login-tip a {

	color: #059fff;

}

.server-buy-btn:hover {

	background-color: #e56100;

}

.server-buy-btn[disabled] {

	background-color: #ccc;

	cursor: not-allowed;

}

.add-disk-row {

	margin-top: 10px;

}

.show-disk-amount {

	margin-left: 20px;

}

.add-disk {

	display: inline-block;

	height: 30px;

	line-height: 30px;

	padding-left: 37px;

	background: url(../images/buy_plus.png) no-repeat left center;

	color: #059fff;

}

.delete-disk-row {

	display: inline-block;

	width: 10px;

	height: 10px;

	background-image: url(../images/buy_icon_close.png);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	cursor: pointer;

}

.delete-disk-row:hover {

	background-position: 0px -10px;

}

/*底部*/

.buyfooter {

	background-color: #fff;

}

.footer-buyfooter {

	width: 100%;

	padding: 20px 0px 30px 0px;

}

.footer-buyfooter p,

.footer-buyfooter a {

	margin-top: 8px;

	font-size: 12px;

	color: #999999;

}

.buyfooter-nav {

	margin-top: 20px;

}

.buyfooter-nav-list li {

	position: relative;

	float: left;

	margin: 0px 10px;

	height: 20px;

	line-height: 20px;

}

.buyfooter-nav-list li:before {

	position: absolute;

	left: -10px;

	top: 4px;

	content: "";

	height: 14px;

	width: 1px;

	background: #aaaaaa;

}

.buyfooter-nav-list li:first-child:before {

	width: 0px;

	height: 0px;

}

.buyfooter-nav-list li a {

	display: inline-block;

	font-size: 14px;

	color: #4c4c4c;

}

/*提示问好*/

.config-tip {

	display: inline-block;

	position: relative;

	width: 16px;

	height: 16px;

	z-index: 100;

	margin-left: 10px;

	background: url(../images/icon_question.png) no-repeat center;

	vertical-align: middle;

}

.config-tip:hover .config-tip-content {

	display: block;

}

.config-tip-content {

	display: none;

	position: absolute;

	top: -96px;

	left: -43px;

	padding: 20px;

	width: 250px;

	line-height: 20px;

	background-color: #fff;

	-webkit-box-shadow: 1px 1px 3px 2px rgba(58, 58, 58, 0.2);

	border: 1px solid #ccc;

}

.config-tip .config-tip-content.config-tip-one {

	top: -74px;

	width: 326px;

}

.config-tip-content:before,

.config-tip-content:after {

	content: "";

	position: absolute;

}

.config-tip-content:before {

	border: 8px solid transparent;

	border-top-color: #fff;

	bottom: -16px;

	left: 20%;

	z-index: 10;

	margin-left: -8px;

}

.config-tip-content:after {

	border: 10px solid transparent;

	border-top-color: #ccc;

	bottom: -21px;

	left: 48px;

	z-index: 9;

	margin-left: -8px;

}



.ny-slider {

	/*margin: 100px 300px;*/

	float: left;

	position: relative;

	width: 600px;

	height: 35px;

	padding: 0 8px;

	border: 1px solid #dddddd;

	border-left: none;

	background-color: #ffffff;

	border-radius: 2px;

}



.ny-slider-item {

	box-sizing: border-box;

	float: left;

	line-height: 35px;

	border-left: 1px solid #dddddd;

	text-align: right;

	cursor: pointer;

}

.ny-slider-item:first-child {

	border-left: none;

}

.slider-item-number {

	color: #4c4c4c;

	margin-right: 8px;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

}

.ny-slider-range {

	position: absolute;

	top: 0;

	left: 0;

	width: 0;

	height: 100%;

	padding: 0 8px;

	height: 35px;

	line-height: 35px;

	overflow: hidden;

	background-color: #059fff;

	transition: width 0.1s;

	-webkit-transition: width 0.1s;

	border: 1px solid #059fff;

	border-right: none;

	border-radius: 2px 0 0 2px;

	margin-top: -1px;

}

.ny-slider-item-box {

	width: 584px;

}

.ny-slider-range-current {

	width: 584px;

}

.ny-slider-range-item {

	box-sizing: border-box;

	float: left;

	text-align: right;

	border-right: 1px solid #059fff;

	cursor: pointer;

}

.ny-slider-range-item:last-child {

	border-right: none;

}

.range-item-number {

	color: #fff;

	margin-right: 8px;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

}

.ny-slider-btn {

	position: absolute;

	top: -3px;

	left: 0;

	width: 16px;

	height: 40px;

	background: url(../images/slide_range_bg.png) no-repeat center;

	cursor: pointer;

	z-index: 3;

	transition: left 0.1s;

	-webkit-transition: left 0.1s;

}

.margin-left-20 {

	margin-left: 20px;

}

.margin-bottom-0{

	margin-bottom: 2px;

}

.origin-price {

	margin-left: 10px;

	color: #0f9934;

}

.particular-config {

	font-size: 12px;

	color: #999;

}

.particular-btn {

	color: #0088ff;

}

.warm-tip-box {

	margin: 7px 0 16px;

    padding-left: 48px;

    height: 40px;

    line-height: 39px;

    border: 1px solid #ffc8a3;

    background: #ffede0 url(../images/warm_tip_icon.png) no-repeat 24px center;

    font-size: 12px;

    color: #ff6600;

}

 #servicesButton a{
         height: 75px;
        width: 150px;
        border: 1px solid #e0e0e0;
        float: left;
        cursor: pointer;
    }
    #servicesButton a .title{
        height: 35px;
        width: 100%;
        text-align: center;
        background-color: #f9f9f9;
        color: #4c4c4c;
        line-height: 35px;
        display: block;
        border-bottom: 1px solid #e0e0e0;
    }
    #servicesButton a .tip{
        display: none;
        text-align: center;
        font-size: 12px;
        line-height: 14px;
        padding: 0 5px 0 5px;
        color: #777;
    }
    #servicesButton a.slt{
        background-color: #fff;
        height: 120px;
        margin-top: -15px;
        border: 1px solid #059fff;
    }
    #servicesButton a.slt .title{
        height: 35px;
        width: 100%;
        text-align: center;
        background-color: #059fff;
        line-height: 35px;
        display: block;
        border-bottom: 1px solid #059fff;
        
    }
    
    #servicesButton a.slt .price{
        font-size: 18px;
        color: #ff7200;	
    }
    #servicesButton a.slt .title{
      display: block;
      color:#fff;
    }
    #servicesButton a.slt .tip{
      display: block;
    }
    #servicesButton a span{
      display: block;
    }