body {

	background-color: #f5f7f8;

}

.hide {

	display: none;

}

.pack-buy-main {

	background-color: #fff;

	margin-top: 30px;

	margin-bottom: 30px;

	padding: 0 20px 0 20px;

}

.pack-buy-main * {

	box-sizing: content-box;

}

.pack-buy-main a {

	text-decoration: none;

}

/* tips */

.favorable-reminder {

    position: relative;

    display: inline-block;

	padding-left: 25px;

	height: 20px;

	line-height: 20px;

	font-size: 12px;

}

.favorable-reminder p {

	height: 100%;

}

.favorable-reminder:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 20px;

    height: 20px;

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

}

.gift-outer {

    margin-left: 20px;

}

/* 配置 */

.config-details {

	background-color: #fff;

	height: 72px;

	line-height: 72px;

}

.config-details a {

	float: right;

	text-decoration: none;

	color: #059fff;

	font-size: 14px;

	margin-right: 2%;

}

.config-details a:hover {

	text-decoration: underline;

}

.pack-type,

.pack-param {

	display: inline-block;

	float: left;

}

.pack-type {

	font-size: 24px;

	color: #333;

	margin-right: 60px;

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

	padding-left: 52px;

}

.pack-param {

	font-size: 14px;

	color: #999;

	margin-right: 10px;

}

.pack-param span {

	color: #333;

}



.pack-buy-box {

	border-top: 1px solid #f2f2f2;

	border-bottom: 1px solid #f2f2f2;

	padding: 30px 0 30px 4%;

}

.formTable th {

	font-size: 14px;

	font-weight: normal;

	color: #999;

	text-align: right;

	width: 90px;

	vertical-align: middle;

}

.formTable td {

	padding: 10px 0 10px 10px;

}

.tabButton {

	height: 30px;

	float: left;

}

.tabButton ul {

	float: left;

}

.tabButton ul li {

	float: left;

	width: 109px;

	height: 28px;

	margin-left: 1px;

	display: inline-block;

}

.tabButton ul li a {

	display: block;

	float: left;

	width: 109px;

	text-align: center;

	height: 28px;

	line-height: 28px;

	font-size: 14px;

	color: #777;

	border: 1px solid #e1e1e1;

}

.tabButton ul li a.selected {

	background-color: #059fff;

	border-color: #059fff;

	color: #fff

}

.lineButton ul li a.disable {

	background-image: url(../images/server_soldout.gif);

	background-position: right top;

	background-repeat: no-repeat;

}

.tabButton.lineButton ul li {

	width: auto;

}

.tabButton.lineButton ul li a {

	width: auto;

	min-width: 109px;

	/*padding: 0 20px;*/

}

.line-tips,

.time-tips {

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

	height: 23px;

	line-height: 18px;

	padding: 0 10px;

	color: #fff;

	font-family: "宋体";

	font-size: 12px;

	position: absolute;

	margin: -30px auto auto 55px;

}

.selectButton {

	float: left;

	display: inline-block;

	height: 32px;

	overflow: hidden;

}

.selectButton dl dt {

	background-color: #f2f2f2;

	background-repeat: no-repeat;

	height: 30px;

	line-height: 30px;

	cursor: pointer;

	color: #fff;

}

.selectButton dl dt.close {

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

}

.selectButton dl dt.open {

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

}

.selectButton .select {

	background: #fff;

	position: absolute;

	border: 1px solid #ddd;

	border-top: none;

	display: none;

	overflow: hidden;

}

.selectButton .select ul li {

	height: 30px;

	line-height: 30px;

	border-bottom: 1px solid #eee;

	cursor: pointer;

}

.selectButton .select ul li.hover {

	background: #f5f5f5;

}

.selectButton .show {

	display: block;

}

/* 系统镜像 */

.systemButton dl dt {

	min-width: 307px;

	background-position: 289px center;

	border: 1px solid #ddd;

}

.systemButton dl dt span {

	display: block;

	float: left;

	height: 50px;

	font-size: 12px;

	color: #333;

}

.systemButton dl dt .ico {

	width: 45px;

}

.systemButton dl dt .ico span {

	width: 45px;

	height: 26px;

	margin-top: 2px;

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

	background-repeat: no-repeat;

}

.systemButton dl dt .windows {

	background-position: 5px top;

}

.systemButton dl dt .ubuntu {

	background-position: 5px -90px;

}

.systemButton dl dt .centos {

	background-position: 5px -60px;

}

.systemButton dl dt .debian {

	background-position: 5px -30px;

}

.systemButton dl dt .freebsd {

	background-position: 5px -150px;

}

.systemButton dl dt .opensuse {

	background-position: 5px -120px;

}

.systemButton .select {

	width: 307px;

	height: 200px;

	overflow-y: auto

}

.systemButton .select ul li {

	white-space: nowrap;

	padding-left: 45px;

	color: #777;

	font-size: 12px;

}

.systemButton .select ul li.hover {

	background-color: #f5f5f5;

}

.systemVersionButton dl dt {

	width: 160px;

	padding-left: 20px;

	background-position: 158px center;

}

.systemVersionButton dl dt span {

	display: block;

	float: left;

	height: 30px;

}

.systemVersionButton .select {

	width: 178px;

}

.systemVersionButton .select ul li {

	padding-left: 20px;

}

.system-mount {

	float: left;

	height: 30px;

	line-height: 30px;

	color: #999;

	padding-left: 20px;

	font-size: 12px;

}



.loginName input {

	width: 295px;

	height: 30px;

	line-height: 30px;

	border: 1px solid #ddd;

	padding: 0 6px;

	font-size: 16px;

	color: #999;

	background: #f0f0f0

}

.loginName {

	height: 30px;

	line-height: 30px;

}

.loginPsw input {

	width: 295px;

	height: 30px;

	line-height: 30px;

	border: 1px solid #ddd;

	padding: 0 6px;

	font-size: 12px;

	font-family: "Microsoft Yahei";

}

.help-tip {

	height: 30px;

	line-height: 30px;

	color: #999;

	padding-left: 15px;

	font-size: 12px;

}

/* 价格 */

.pack-price,

.return-cash {

	color: #ff8800;

	line-height: 20px;

	font-size: 24px;

}

.back-pack-price {

	color: #ff8800;

	line-height: 20px;

	font-size: 24px;

}

.pack-price-text {

	color: #ff8800;

	line-height: 20px;

	font-size: 24px;

}

.icon-pack-price {

	margin-top: 4px;

	padding-left: 60px;

	background: url(../images/buy_gift.png) no-repeat 36px 2px;

	color: #ff8800;

	line-height: 20px;

	font-size: 24px;

}

/* 购买按钮 */

.buy-button {

	color: #fff;

	font-size: 16px;

	width: 220px;

	height: 32px;

	line-height: 30px;

	text-align: center;

	background: #ff8400;

	display: inline-block;

	border: none;

	cursor: pointer;

	font-family: "microsoft yahei";

	border-radius: 3px;

	outline: none;

}

.buy-button:hover {

	background: #e77400;

}

.buy-button[disabled],

.buy-button[disabled]:hover {

	background-color: #b4b4b4;

	cursor: not-allowed;

}

.tabButton a {

	text-decoration: none;

}

/*  说明提示 */

.buy-notice-box {

	padding: 20px 66px;

	background: url(../images/notice_icon.png) no-repeat 9px center;

	color: #555555;

	font-size: 14px;

	line-height: 1.8em;

}

.notice-blue {

	color: #059fff;

}

.notice-orange {

	color: #ff6600;

}

.origin-price {

	color: #888;

}

.saved-money {

	margin-left: 10px;

	font-size: 14px;

	color: #555;

}