﻿body {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom;
	background-color: #000000;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding:0px;
	margin:0px;
}
form{
	padding: 0px;
	margin: 0px;
}
.tablist{
	border: 1px solid #ffffff;
	border-collapse: collapse;
	text-align: center;
	table-layout: fixed;
}
.tablist tr, .tablist tr td{
	border: 1px solid #ffffff;
	border-collapse: collapse;
}
.tag{
	width: 1px;
	clear: both;
}
a{
	color: #ffffff;
	text-decoration: none;
}
a:hover{
	color: #e4b15f;
}
.nav tr td a{
	display:block;
}
.button, .button_no{
	width:58px;
	height:21px;
	line-height: 21px;
	border:0px;
	text-align: center;
	font-family: SimSun;
	font-size: 12px;
}
.button{
	background:url(orange.png);
	color: #FFFFFF;
	cursor: pointer;
	text-shadow: 1px 1px 1px #00000075;
}
.button_no{
	background:url(orange2.png);
	color: #000000;
	cursor: no-drop;
}
.button.big, .button_no.big{
	display: block;
	margin: 0 auto;
}

.text{
	border:1px solid #6e6e6e;
	padding:0px;
	margin:0px;
	height:18px;
	line-height:18px;
	margin-bottom: 4px;
	font-size: 12px;
}
.select{
	border:none;
	padding:0px;
	margin:0px;
	height:22px;
	line-height:22px;
	margin-bottom: 4px;
	font-size: 12px;
}


.orange_text{
	color:#e4b15f;
}
.orange_bg{
	color:#fff;
	background: #e4b15f;
}

.payicon{
	width: 16px;
	height: 16px;
}

.inlineblock{
	display:inline-block;
	*zoom:1;
	*display: inline;
	_zoom:1;
	_display:inline;
}
.inlineblock_middle,.inlineblock_top,.inlineblock_bottom{
	display:inline-block;
	*zoom:1;
	*display: inline;
	_zoom:1;
	_display:inline;
	vertical-align: middle;
}
.inlineblock_top{
	vertical-align: top;
}
.inlineblock_bottom{
	vertical-align: bottom;
}


.pic_button, .pic_button_no{
	width:83px;
	height:26px;
	line-height: 26px;
	border:0px;
	text-align: center;
	font-family: SimSun;
	font-size: 12px;
}

.pic_button{
	background:url(picbtn.png);
	color: #FFFFFF;
	cursor: pointer;
	text-shadow: 1px 1px 1px #00000075;
}
.pic_button_no{
	background:url(picbtn_no.png);
	color: #ffffff;
	cursor: no-drop;
}

.grayselect{
	background: #424242;
	border-color:#808080;
	color:#fff;
}

/* 商品网格布局优化 */
.tablist.product-grid {
	border: 1px solid #ffff !important;
	width: 600px;
}

.tablist.product-grid td {
	border: 1px solid #ffffff;
	vertical-align: top;
	text-align: center;
}

/* IE7-8 兼容性 */
.tablist.product-grid {
	*border-collapse: collapse;
	_border-collapse: collapse;
}






/*  confirm dialog  */
.gb-confirm-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;           /* 半透明黑遮罩 */
	opacity: 0.45;
	filter: alpha(opacity=45);  /* IE6-8 */
	-ms-filter: "alpha(opacity=45)"; /* IE8 */
	z-index: 9998;
	display: none;
}

/* IE6-8 fallback：absolute + 运行时定位模拟 fixed */
* html .gb-confirm-overlay,
* html .gb-confirm-dialog,
*:first-child+html .gb-confirm-overlay,
*:first-child+html .gb-confirm-dialog,
*+html .gb-confirm-overlay,
*+html .gb-confirm-dialog {
	position: absolute !important;
}

/* 对话框外层容器 */
.gb-confirm-dialog {
	position: fixed; /* 现代浏览器 */
	width: 428px;    /* 与 confirm_dialog_bg.png 同宽 */
	min-height: 193px;
	top: 50%;
	left: 50%;
	margin-left: -214px;  /* 宽度一半 428/2 */
	margin-top: -120px;   /* 近似一半高度，打开后会再以 JS 精确置中 */
	background: url('confirm_dialog_bg.png') no-repeat center top;
	z-index: 10000;
	display: none;
	/* 让内部内容与背景镶边留白更协调 */
	padding: 50px 22px 20px; /* 顶部标题与内容区域的内边距 */
	box-sizing: border-box;
}

/* IE6-8 强制取消基于 50% 的 margin 偏移，避免初次显示错误位置 */
* html .gb-confirm-dialog,
*:first-child+html .gb-confirm-dialog,
*+html .gb-confirm-dialog {
	margin-left: 0 !important;
	margin-top: 0 !important;
	top: auto !important;
	left: auto !important;
}

.gb-confirm-title {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	margin: 6px 0 8px;
}

.gb-confirm-content {
	color: #333;
	font-size: 14px;
	line-height: 1.6;
	text-align: center; /* 可根据业务改为 left */
	word-wrap: break-word;
	min-height: 50px;
}

.gb-confirm-actions {
	text-align: center;
	margin-top: 14px;
}

.gb-confirm-content .gb-confirm-contenthtml{
	text-align: left;
	width: 70%;
	margin: 0 auto;
}
.gb-confirm-content .gb-confirm-contenthtml p{
	color:#fff;
	margin:5px 0 0;
	font-size: 13px;
}
/* 项目内已存在按钮样式：此处只规定尺寸与间距，具体皮肤沿用 class=button 与 class=button_no */
.gb-confirm-actions .gb-btn { margin: 0 10px; }

/* vip options */
.vip-options-wrapper{
    width: 100%;
	padding: 8px 0;
}
.vip-option{
    background: url('vip_item_1.png') no-repeat center top;
	background-size: 100% 100%;
	padding: 16px 18px 14px;
	margin: 8px auto;
	color: #fff;
	width: 80%;
}
.vip-option.item_1{
	background: url('vip_item_1.png') no-repeat center top;
}
.vip-option.item_2{
	background: url('vip_item_2.png') no-repeat center top;
}
.vip-option.item_3{
	background: url('vip_item_3.png') no-repeat center top;
}
.vip-option .row{ height: 24px; line-height:24px; }
.vip-option .row.top{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.vip-option .name{ font-weight:bold;color:#000000; }
.vip-option .price{ color:#f8982a; font-weight:bold; margin: 0 8px; }
.vip-option .label{ color:#f8982a; margin-right:6px; }
.vip-option .desc{ color:#000000; }


.tips{
	width:449px;
	margin:0 auto 10px;
}
.tips_label{
	text-align: center;
	font-weight: 600;
	font-size: 14px;
}
.tips_wrapper{
	font-size: 12px;
	margin-top:10px;
}
.tips_wrapper p{
	margin:0;
}

.middle_desc{
	width:449px;
	margin:0 auto;
	text-align: center;
}