/*--------------------------------------------------
 *@Name:		gift-css
 *@Author:		xiaohei（小黑）
 *@QQ:		    290948585
 *@Date:        2016-08-10
 *@Edition:		st04
 *@HTTP:		www.dtmuban.com
 *			特注：此文件非经许可，请勿修改
--------------------------------------------------*/
/*导航*/
body {
    background: #f2f2f2;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 500;
}

a.club-normal-btn:hover {
    text-decoration: none;
    color: #fff;
    background-color: #e82512;
}
.fl, .fr {
    display: inline;
}
th{text-align: center !important;}
.addIcon{left: 275px !important;}

.header-club-right li.left_on a{color: red;}
.clearfix, .layout, .clf {
    zoom: 1;
}
.white-bg {
	background-color:#fff
}
.layout {
	width:1200px;
	margin:0 auto
}
.mt-10 {
	margin-top:10px
}

.i-con {
    background: url(img/MQ9HAkslWY.png) no-repeat;
}
.i-con-down {
	background-position:100px 18px
}
.i-con-sort {
	background-position:-20px -90px
}
.i-con-top {
	background-position:0 -90px
}
.i-con-sort-add {
	background-position:57px -113px
}
.i-con-sort-cut {
	background-position:57px -133px
}
.i-con-email {
	background-position:0 -180px
}
.i-con-email:hover {
	background-position:-20px -180px
}
.i-con-gift {
	text-indent:-9999px
}
.i-con-suc {
	background-position:0 -260px
}
.i-con-err {
	background-position:0 -220px
}
.vip-club-logo{
       width:175px;
       height:55px;}
.header-mode {
	height:88px;
	line-height:88px;
	border-bottom: 3px solid #dd2726;
}
.header-left-mode span {
	font-size:20px;
	font-weight:bolder;
	float:left;
	color:#333
}
.header-left-mode h1 {
	font-size:20px;
	font-weight:bolder;
	    margin-top: 20px;
}
.header-left-mode h1 a {
	text-decoration:none;
	color:#333
}
.nav-drop-con {
	display:none
}
.header-club-right li a {
	color:#333
}
.header-club-right li a.active {
	color:#fd4533
}
.club-nav-li a:hover {
	color:#333;
	text-decoration:none
}
.header-club-right {
	margin:30px 6px 0 0
}
.club-nav-li {
	width:124px;
	line-height:38px;
	font-size:16px;
	text-align:right;
	float:left;
	position:relative
}
.club-nav-li a {
	width:122px;
	padding-right:30px;
	display:block
}

.club-nav-drop:hover a.i-con {
	color:#fff;
	background-color:#fd4533;
	background-position:100px -4px
}
.nav-drop-con {
	width:122px;
	border:1px solid #dcdcdc;
	padding:11px 0 12px;
	background-color:#fff;
	position:absolute;
	z-index:99
}
.nav-drop-con li {
	width:124px;
	height:39px;
	line-height:39px;
	overflow:hidden
}
.nav-drop-con li a {
	text-align:left;
	padding:0 0 0 28px;
	width:94px
}
.nav-drop-con li a:hover {
	color:#fd4533;
	background:0
}
.club-nav-drop.active .nav-drop-con {
	display:block
}

/*guanggao*/
/*左*/
.header-wrap-left {
	width:240px;
	height:369px;
	padding:20px 19px 0;
	border:1px solid #e3e3e3;
	border-top:0;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px
}
.user-doll {
	width:64px;
	height:64px;
	border-radius:50%;
	margin-right:12px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	overflow:hidden
}
.user-doll img {
	max-height:64px;
	max-width:64px
}
.not-login-box span {
	color:#999;
	width:120px;
	float:left;
	margin-top:14px;
	line-height: 18px;
}
.club-normal-btn {
	width:200px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#fff !important;
	font-size:16px;
	background-color:#fd4533;
	border-radius:2px;
	float:left
}
a.club-normal-btn:hover {
	text-decoration:none;
	color:#fff;
	background-color:#e82512
}
span.club-normal-btn {
	background:#ededed;
	color:#999
}
.club-login-btn, .club-score-btn {
	margin:18px 0 30px
}
.freedom-mode {
	color:#666
}
.freedom-mode-title {
	line-height:19px;
	margin-bottom:12px
}
.freedom-mode-title h3 {
	color:#333;
	font-size:14px;
	font-weight:700;
	float:left
}
.freedom-mode-title a {
	color:#666;
	float:right
}
.freedom-list {
	width: 193px;
    height: 162px;
    overflow: hidden;
    padding-top: 15px;
}
.freedom-list ul {
	zoom:1;
	overflow:hidden;
	border-left:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6
}
.freedom-list li {
	width:65px;
	height:72px;
	text-align:center;
	float:left;
	border:1px solid #e6e6e6;
	margin:0 0 -1px -1px
}
.center-mode-title .i-con, .classify-act-list i, .freedom-list li em {
	background:url(img/et3nuzsT1q.png) no-repeat
}
.freedom-list li em {
	width:22px;
	height:22px;
	margin:14px auto 5px;
	display:block
}
.freedom-list li em.v-ico {
	background-position:0 -10px
}
.freedom-list li em.buy-ico {
	background-position:-41px -10px
}
.freedom-list li em.j-ico {
	background-position:0 -44px
}
.freedom-list li em.e-ico {
	background-position:-41px -44px
}
.freedom-list li em.cloud-ico {
	background-position:0 -73px
}
.freedom-list li em.birth-ico {
	background-position:-41px -73px
}
.freedom-list li a {
	margin:7px 0 12px
}
.freedom-list li a:hover {
	text-decoration:none
}
.freedom-list-con:hover {
	height:56px;
	border-bottom:2px solid #f05112
}
.center-mode-title .i-con {
	text-indent:-9999px;
	margin:5px 0 0 20px
}
.center-mode-title .i-con-gift {
    margin-left: 38%;
	width:149px;
	height:18px;
	background-position:-143px -12px
}
.center-mode-title .i-con-discount {
	width:94px;
	height:19px;
	background-position:-143px -41px
}
.classify-act-list i {
	width:17px;
	height:19px;
	margin:6px 27px 0 0;
	float:left
}
.classify-act-list .i-con-all {
	background-position:-148px -176px;
	margin-top:10px
}
.classify-act-list .active .i-con-all {
	background-position:-188px -176px
}
.classify-act-list .i-con-buyer {
	background-position:-148px -201px
}
.classify-act-list .active .i-con-buyer {
	background-position:-188px -201px
}
.classify-act-list .i-con-double {
	background-position:-148px -227px
}
.classify-act-list .active .i-con-double {
	background-position:-188px -227px
}
.classify-act-list .i-con-cut-price {
	background-position:-148px -252px
}
.classify-act-list .active .i-con-cut-price {
	background-position:-188px -252px
}
.classify-act-list .i-con-user-act {
	background-position:-148px -275px
}
.classify-act-list .active .i-con-user-act {
	background-position:-188px -275px
}
.classify-act-list .i-con-crazy {
	background-position:-148px -300px
}
.classify-act-list .active .i-con-crazy {
	background-position:-188px -300px
}
.classify-act-list .i-con-card {
	background-position:0 -176px
}
.classify-act-list .active .i-con-card {
	background-position:-40px -176px
}
.classify-act-list .i-con-home {
	background-position:0 -227px
}
.classify-act-list .active .i-con-home {
	background-position:-40px -227px
}
.classify-act-list .i-con-car {
	background-position:0 -201px
}
.classify-act-list .active .i-con-car {
	background-position:-40px -201px
}
.classify-act-list .i-con-digital {
	background-position:0 -252px
}
.classify-act-list .active .i-con-digital {
	background-position:-40px -252px
}
.classify-act-list .i-con-factory {
	background-position:0 -275px
}
.classify-act-list .active .i-con-factory {
	background-position:-40px -275px
}
.user-score-mode {
	margin-top:14px
}
.user-score-mode p label {
	margin-right:16px
}
b .user-score-mode p span {
	font-weight:700;
	color:#fd4533
}

/*中*/
.banner-wrap {
	width:720px;
	height:370px;
	overflow:hidden;
	position:relative
}
.banner-wrap img {
	width:720px;
	height:370px
}
/*右*/
.header-wrap-right {
	width:240px;
	height:369px;
	padding:0 19px;
	border:1px solid #e3e3e3;
	border-top:0;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px
}
.wrap-right-title {
	font-size:14px;
	line-height:19px;
	margin:25px 0;
	cursor:pointer;
	position:relative
}
.wrap-right-title em {
	width:17px;
	height:17px;
	position:absolute;
	right:34px
}
.wrap-right-title:hover {
	color:#0f69dc
}

/*4图标*/
.main .club-center-mode {
	margin-top:30px
}
.club-center-mode {
	border:1px solid #e6e6e6;
	border-radius:4px
}
.center-mode-title {
	height: 48px;
	line-height: 48px;
	padding: 15px;
	font-size:14px;
	border-bottom:1px solid #e6e6e6
}
.center-mode-title h3 {
	font-size:16px;
	float:left
}
.center-mode-title a {
    margin-top: -15px;
	color:#666;
	float:right
}
.club-score-list li {
	width:201px;
	height:338px;
	padding:20px 49px 34px;
	border-right:1px solid #e6e6e6;
	float:left
}
.change-score-pro {
	width:200px;
	height:200px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
	margin:20px auto 0
}
.change-score-pro img {
	max-height:200px;
	max-width:200px
}
.club-score-list p {
	height:18px;
	margin:17px 0 0;
	text-overflow:ellipsis;
	overflow:hidden
}
.club-score-list p a {
	color:#333
}
.club-act-list {
	width:1200px;
	padding:10px 0;
	overflow:hidden
}
.club-act-list ul {
	width:1204px
}
.club-act-list li {
	width:300px;
	height:140px;
	border-right:1px solid #e6e6e6;
	float:left
}
.club-act-list li a {
	color:#333;
	text-decoration:none;
	display:block
}
.act-list-con {
	width:130px;
	padding-left:19px;
	margin-top:23px
}
.act-list-con strong {
	font-size:18px;
	height:31px;
	line-height:31px;
	overflow:hidden;
	display:block
}
.act-list-con span {
	display:block
}
.act-list-img {
	margin:10px 10px 0 0
}
.act-list-img img {
	width:140px;
	height:120px
}

/*首页礼品*/
.todays-cover {
	width:1200px;
	overflow:hidden
}
.todays {
	position:relative;
	width:300px;
	border-right:1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
.todays .today {
	display:table;
	width:300px;
	height:240px;
	overflow:hidden
}
.today-img {
	margin-top:30px;
	display:table-cell;
	width:300px;
	height:240px;
	vertical-align:middle;
	text-align:center
}
.today-img img {
	margin:0 auto;
	vertical-align:middle;
	max-width:200px;
	max-height:200px
}
a.today-name:hover {
	color:#fe553f;
	text-decoration:none
}
.today-name {
	display:block;
	padding-left:23px;
	width:252px;
	height:54px;
	line-height:54px;
	color:#333;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.today-money {
	font-family:Arail;
	font-weight:700;
	height:22px;
	line-height:22px;
	font-size:14px;
	color:#fc5132;
	text-align:center
}
.today-get {
	margin:21px auto 32px;
	display:block;
	width:96px;
	height:32px;
	background-color:#fe553f;
	border-radius:2px;
	color:#fff !important;
	font-size:14px;
	line-height:32px;
	text-align:center
}
.today-get:hover {
	color:#fff;
	text-decoration:none
}

/*图片*/
.score-act-mode {
    width: 1160px;
    height: 220px;
    border-radius: 4px;
    margin: 20px auto;
    overflow: hidden;
    position: relative;
}
.score-act-mode img {
	width:1160px;
	height:220px
}
.act-click-btn {
	width:140px;
	height:40px;
	float:right;
	position:absolute;
	right:42px;
	top:90px
}
.enter-act-btn {
	width:138px;
	height:38px;
	line-height:38px;
	text-align:center;
	color:#333;
	font-size:18px;
	border:1px solid #333;
	border-radius:4px;
	background-color:#fff;
	float:right;
	position:absolute;
	right:0;
	top:0
}
.enter-act-btn:hover {
	color:#fff;
	text-decoration:none;
	background-color:#333
}

/*面包屑*/
.mf-path {
    position: relative;
    z-index: 90;
    height: 44px;
    line-height: 44px;
}
.path2, .path3 {
    display: inline-block;
    color: #999;
    min-width: 110px;
    _width: auto;
    margin-right: 7px;
    padding-left: 18px;
    float: left;
    overflow: hidden;
}

.path3 a, .path2 a {
    color: #999;
}
.path2 span, .path3 span {
    padding: 0 3px;
}

/*我的兑换记录*/
.supply-main {
    width: 1200px;
    margin: 0 auto;
}
.supply-tbanner {
    height: 420px;
}
.app-table label {
    display: inline-block;
    color: #999;
    width: 75px;
}
.app-table-dd {
    width: 100%;
    border: 1px solid #ededed;
    overflow: hidden;
    background-color:#fff;
    border-radius:3px;
    }
.app-table-dd li {
    margin-top: -1px;
    border-top: 1px solid #ededed;
    margin-right: -1px;
    border-right: 1px solid #ededed;
    padding: 18px;
    line-height: 20px;
    font-size: 14px;
    width: 240.5px;
    float: left;
    text-align: center;
}
.app-table-dd label {
    display: inline-block;
    width: 75px;
}