* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Microsoft yahei', '宋体', 'Arial' !important;
	font-size: 14px !important;
	-webkit-font-smoothing: antialiased;
}

a {text-decoration: none; }
a:link {color: #0166B4; }		/* 未访问的链接 */
a:visited {color: #0166B4; }	/* 已访问的链接 */
a:hover {color: #4296D2; text-decoration: none; }	/* 鼠标移动到链接上 */
a:active {color: #0166B4; }	/* 选定的链接 */

ul, li {
	list-style-type: none;
}

table {
	margin: 0 auto;
}

table img {
	display: block;
}

.table-header table table {
	margin: 0;
}

.center {
	width: 902px;
	margin: 0 auto;
}

.header {
	display: none;
	position: relative;
	width: 902px;
	height: 98px;
	padding-bottom: 15px;
	margin: 0 auto 17px auto;
	background: #fff url('../images/header.jpg') repeat-x 0 100%;
}

.header .button {
	display: none;
}

.header .menu {
	position: absolute;
	right: 0;
	bottom: 19px;
	z-index: 1;
	height: 31px;
	line-height: 31px;
}

.header .menu a {
	display: inline;
	font-size: 12px;
	padding-left: 15px;
}

.table-header {
	margin: 0 auto 17px;
}

.table-header a {
	font-size: 12px;
}

.header .menu a.index, .header .menu a.ebank, .header .menu a.fund {
	position: relative;
	left: 1px;
}

.header .menu a.finance, .header .menu a.creditcard {
	position: relative;
	left: .7px;
}

.header .menu a.gold, .header .menu a.insurance {
	position: relative;
	left: .4px;
}

.nav-bar {
	position: fixed;
	z-index: 1;
	top: 100px;
	right: 20px;
	width: 213px;
	height: 559px;
	background: url('../images/nav.png') no-repeat;
}

.nav-bar a {
	display: block;
}

.nav-bar .list {
	width: 130px;
	margin: 0 auto;
	padding-top: 180px;
}

.nav-bar .list a {
	color: #fff;
	height: 52px;
	font-size: 18px;
	line-height: 52px;
	text-align: center;
	border-bottom: 1px dashed #b15ef6;
}

.nav-bar .list a:last-child {
	border-bottom: 0;
}

.rule {
	width: 764px;
	margin: 48px auto;
	background-color: #fff;
	padding: 30px 38px 70px;
}

.rule .content h1 {
	font-size: 30px;
	text-align: center;
	margin-bottom: 18px;
}

.rule .content p {
	font-size: 16px;
	line-height: 180%;
}

.rule .content p a {
	color: #ff0000;
}

.rule .content p a.register {
	color: #000;
}

.bannar {
	position: relative;
	width: 902px;
	margin: 0 auto;
	background: #dbf8ff url('../images/background.jpg') 20px center;
}

.bannar img {
	display: block;
}

.bannar span {
	position: absolute;
	right: 10px;
	bottom: 8px;
	width: 33px;
	height: 16px;
	color: #fff;
	line-height: 16px;
	text-align: center;
	font-family: '黑体';
	background-color: #a8a8a8;
}

.section {
	line-height: 1;
	width: 902px;
	margin: 0 auto;
	overflow: hidden;
	background: #8f31bd url('../images/background.jpg');
}

.section .area {
	margin: 0 30px;
}

.section .area .title {
	height: 120px;
	text-align: center;
	line-height: 120px;
}

.section .area .title img {
	vertical-align: middle;
}

.tab .date {
	height: 60px;
	line-height: 60px;
	background-color: #260635;
}

.tab .date a {
	float: left;
	color: #fff;
	width: 33.33%;
	font-size: 18px;
	text-align: center;
}

.tab .date a.active {
	color: #3b383f;
	background-color: #fcdb12;
}

.tab .content {
	padding: 20px;
	overflow: hidden;
	background-color: #fcdb12;
}

.tab .content .block {
	display: none;
}

.tab .content .block-item {
	float: left;
	width: 394px;
	height: 410px;
	margin-right: 8px;
	background-color: #fff;
}

.tab .content .block-item:nth-child(even) {
	float: right;
	margin-right: 0;
}

.tab .content .photo {
	display: block;
	width: 100%;
	height: 280px;
	text-align: center;
}

.tab .content .name {
	display: block;
	color: #010101;
	font-size: 20px;
	margin: 21px 0;
	text-align: center;
}

.tab .content .button {
	clear: both;
	width: 100%;
	height: 68px;
	border: 1px solid #f46a22;
}

.tab .content .price {
	float: left;
	margin-top: 4px;
	margin-left: 20px;
}

.tab .button a {
	float: right;
	color: #fff;
	width: 174px;
	height: 68px;
	font-size: 24px;
	line-height: 68px;
	text-align: center;
	background-color: #f46a22;
}

.tab .content .activity {
	color: #de2a19;
	font-size: 18px;
	margin-bottom: 7px;
}

.tab .content .activity span {
	font-size: 30px;
	margin-left: 5px;
}

.tab .content .mall {
	color: #636363;
	font-size: 16px;
	text-decoration: line-through;
}

.area .hot {
	position: relative;
	width: 100%;
	height: 270px;
	margin-bottom: 10px;
	background: url('../images/ccc/ccc-1.jpg') no-repeat;
}

.apparel .hot {
	background: url('../images/apparel/apparel-1.jpg') no-repeat;
}

.apparel .hot-last {
	background: url('../images/apparel/apparel-2.jpg') no-repeat;
}

.home .hot {
	background: url('../images/home/home-1.jpg') no-repeat;
}

.home .hot-last {
	background: url('../images/home/home-2.jpg') no-repeat;
}

.beauty .hot {
	background: url('../images/beauty/beauty-1.jpg') no-repeat;
}

.tea .hot {
	background: url('../images/tea/tea-1.jpg') no-repeat;
}

.area .hot .hot-inner {
	position: absolute;
	top: 54px;
	right: 90px;
}

.apparel .hot .hot-inner {
	right: 244px;
}

.apparel .hot-last .hot-inner {
	right: 230px;
}

.home .hot .hot-inner {
	right: 230px;
}

.home .hot-last .hot-inner {
	right: 288px;
}

.beauty .hot .hot-inner {
	right: 258px;
}

.tea .hot .hot-inner {
	right: 195px;
}

.area .hot .name {
	color: #010101;
	font-size: 36px;
}

.area .hot .price {
	margin: 20px 0;
	overflow: hidden;
}

.area .hot .activity {
	float: left;
	color: #de2a19;
	font-size: 18px;
}

.area .hot .activity span {
	font-size: 36px;
	margin-left: 5px;
}

.area .hot .mall {
	float: left;
	color: #636363;
	font-size: 16px;
	margin-left: 20px;
	margin-top: 16px;
	text-decoration: line-through;
}

.area .hot .button {
	display: inline-block;
	color: #fff;
	width: 174px;
	height: 50px;
	font-size: 24px;
	line-height: 50px;
	text-align: center;
	background-color: #f46a22;
}

.ccc .hot .button, .ccc .col .button a {
	background-color: #6ebdff !important;
}

.apparel .hot .button, .apparel .col .button a {
	background-color: #eb547f !important;
}

.beauty .hot .button, .beauty .col .button a {
	background-color: #b360f5 !important;
}

.tea .hot .button, .tea .col .button a {
	background-color: #a3b955 !important;
}

.area .col {
	overflow: hidden;
	padding: 0 24px;
	margin-bottom: 10px;
	background-color: #fff;
}

.ccc .col {
	padding: 10px 50px;
}

.area .col .item {
	float: left;
	width: 50%;
	margin: 20px 0;
}

.area .col-3 .item {
	width: 33.33%;
}

.area .col .photo {
	display: block;
	width: 100%;
	height: 280px;
	line-height: 280px;
	text-align: center;
}

.area .col-3 .photo {
	height: 200px;
	line-height: 200px;
}

.area .col .photo img {
	vertical-align: middle;
}

.area .col .name {
	display: block;
	color: #010101;
	font-size: 18px;
	margin: 21px 0;
	text-align: center;
}

.area .col .button {
	clear: both;
	width: 92%;
	height: 58px;
	margin: 0 auto;
	border: 1px solid #f46a22;
}

.ccc .col .button {
	border-color: #6ebdff;
}

.apparel .col .button {
	border-color: #eb547f;
}

.beauty .col .button {
	border-color: #b360f5;
}

.tea .col .button {
	border-color: #a3b955;
}

.area .col .price {
	float: left;
	margin-top: 5px;
	margin-left: 10px;
}

.area .col .button a {
	float: right;
	color: #fff;
	width: 140px;
	height: 58px;
	font-size: 20px;
	line-height: 58px;
	text-align: center;
	background-color: #f46a22;
}

.area .col-3 .button a {
	width: 100px;
	font-size: 20px;
}

.area .col .activity {
	color: #de2a19;
	font-size: 16px;
	margin-bottom: 7px;
}

.area .col .activity span {
	font-size: 24px;
	margin-left: 5px;
}

.area .col .mall {
	color: #636363;
	font-size: 14px;
	text-decoration: line-through;
}