/*
	datetime: 2019-06-28
	Filename: style.css
	Version:  2.0
	Website:  deals.extrabux.com
	Author:   tianjing
*/

/************************************************************ global ************************************************************/
*{ -moz-box-sizing:content-box; -webkit-box-sizing:content-box; -o-box-sizing:content-box; -ms-box-sizing:content-box; box-sizing:content-box;}
/* background */
/*body{background: #f4f5f7;}*/
#bg{background: #f4f5f7;}

/* width */
.w1200{width:1200px; margin:0 auto;}
#w1200{width:1200px; margin:0 auto;}
.w1010{width:1010px; margin:0 auto;}

/* button */
.gobtn{color: #fff; width: 80px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; display: block; background: #ff6000; border:none; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.gobtn:hover{color: #fff;}
/*.btn_s{ width: 70px; height: 40px; color: #fff; outline:medium; display: block; line-height: 40px; border-radius: 0 5px 5px 0;-moz-border-radius: 0 5px 5px 0;-webkit-border-radius: 0 5px 5px 0; background: #4cb94c; border:none; cursor: pointer;}*/
.btn{background: #ff6000; border: none; color: #fff; display: block; margin:20px auto 0 auto; font-size: 16px; min-width: 100px; min-height: 36px; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.btn a{color: #fff;display: block; line-height: 24px; padding: 3px 8px;}
.btn a:hover{color: #fff;}
.btn_focus{background: url(../images/btn_focus.png) no-repeat; width: 70px; height: 24px; float: left; border:none;outline:medium; cursor: pointer;}
.btn_focused{background: url(../images/btn_focused.png) no-repeat; width: 70px; height: 24px; float: left; border:none;outline:medium; cursor: pointer;}
.btn_focus_en{background: url(../images/btn_focus_en.png) no-repeat; width: 70px; height: 24px; float: left; border:none;outline:medium; cursor: pointer;}
.btn_focused_en{background: url(../images/btn_focused_en.png) no-repeat; width: 70px; height: 24px; float: left; border:none;outline:medium; cursor: pointer;}
.btn_cover{margin:12px 0 0 20px;}
.btn_gain{background: #ff9a52; border:none; cursor: pointer; color: #fff; width: 110px; height: 44px; border-radius:5px;}
.btn_plh{
	background-image: -webkit-gradient(linear,left top,right top,from(#ffa44b),to(#ff941e));
    background-image: -webkit-linear-gradient(left,#ffa44b,#ff941e);
    background-image: -moz-linear-gradient(left,#ffa44b,#ff941e);
    background-image: linear-gradient(to right,#ffa44b,#ff941e);
    border:none;
    width: 150px;
   	height: 44px;
   	color: #fff;
   	border-radius: 5px;
   	-moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
   	box-shadow: 1px 1px 30px rgba(255,154,82,.5);
   	-moz-box-shadow: 1px 1px 30px rgba(255,154,82,.5);
   	-webkit-box-shadow: 1px 1px 30px rgba(255,154,82,.5);
   	cursor: pointer;
   	outline: medium;
}
.btn_plh:hover{background: #ffa341;}
.btn_gray{width: 120px;height: 44px;background: #eee;border:none;cursor: pointer; display: inline-block;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.btn_mdy{border:1px solid #ddd; width: 72px; height: 42px; line-height: 42px; text-align: center; display: inline-block; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.btn_prv{border:1px solid #ddd; background: #fff; display: inline-block; height: 44px; line-height: 44px; padding:0 10px; cursor: pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.btn_plus{border:1px solid #ddd; height: 30px; line-height: 30px; padding:0 10px; display: inline-block; background: #f8f8f8; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.btn_s{background: #7db82a;border:none;color: #fff; font-size:12px; height: 24px; line-height: 24px; padding:0 10px; border-radius: 5px; cursor: pointer;}

	/* dropdown */
	.subnav{position: absolute; top: 36px; z-index: 1001; display: none;background: #fff; border:1px solid #ddd; box-shadow: 1px 1px 5px rgba(153,153,153,.3);-moz-box-shadow: 1px 1px 5px rgba(153,153,153,.3);-webkit-box-shadow:1px 1px 5px rgba(153,153,153,.3); border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px;}
	.subnav a{ display: block; font-size: 14px; color: #333; line-height: 20px; position: relative; text-align: left;}
	.subnav a{ transition: all 0.3s ease-in-out;}
	.subnav a:hover{color: #7db82a;}
	.subnav a i{ display: inline-block; width: 5px;height:2px; background: #7db82a;line-height: 0;font-size:0;vertical-align: middle;-webkit-transform: rotate(45deg); margin-left: 15px;}
	.subnav a i:after{content:'/';display:block;width: 10px;height:2px;background: #7db82a;-webkit-transform: rotate(-90deg) translateY(-50%) translateX(50%);}
	#subnav{ right: 0; padding:10px 0;}
	#subnav a{color: #666;}
	#subnav a:hover{color: #7db82a;}
	#subnav a,#subnav-1 a{border-bottom: 1px solid #eee; margin: 10px 20px 0 20px; padding:0 0 10px 0; white-space:nowrap;}
	#subnav a:last-child,#subnav-1 a:last-child{border:none;}
	#subnav-1{left: -3px;background: #fafcee;padding:10px 0;}
	#subnav2{width: 90px; top:40px;}
	#subnav2 a{margin-left: 0;}
	#subnav3:nth-child(3){width: 240px; height: 30px; line-height: 30px; z-index: 10000; border-radius: 5px; top:0px; left: 32px; color: #ccc; font-size: 12px;}
	#subnav3 a{display: inline-block; font-size: 14px;color: #666; padding:0 5px; background: none;}
	#subnav3 a:hover{color: #5fbf29; transition: all 0.3s ease-in-out;}
	#subnav3 a span{margin-top: 5px; border-right: 1px solid #ddd; display: inline-block; height: 18px; padding-right: 13px;}
	/*#subnav4{ width: 800px; padding: 0 20px 20px 20px; min-height: 120px; left: 0; top:50px;}*/
	#subnav4{ width: 800px; padding: 0 20px 20px 20px; min-height: 180px; right: 0; top:50px;}
	#subnav5{ padding:5px 10px; left: 20px; top: 32px;}

.header_center{ background: #fff;}

	
/* tag */
.tags{background: #fff;min-width: 1110px; width: 100%;height: 50px;position: relative;}
.tags a{margin-right: 18px; margin-top: 13px; display: inline-block; float:left; height:18px; line-height: 18px; font-size: 14px; color: #333; padding:2px 4px;/*-moz-box-sizing:content-box; -webkit-box-sizing:content-box; -o-box-sizing:content-box; -ms-box-sizing:content-box; box-sizing:content-box;*/}
.tags a:hover{color: #fff; color: #7db82a; opacity: 0.9; transition: all 0.3s ease-in-out;}
.tags a.cur{color: #7db82a; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius: 5px;}
.tags a.hl{background: #fed803; border:1px solid #fed803; color: #333;border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius: 5px;}
.tagsl{width: 720px; height: 50px; line-height: 50px; overflow: hidden; float: left;}
.moretags{cursor: pointer; color: #7db82a; height: 50px; line-height: 50px; width: 120px; text-align: right; position: absolute; left: 720px; top: 0px;}
.moretags span{margin:0 0 0 8px;}


/* breadcrumbs */
.bnav{ margin-top:10px; height: 44px; line-height: 44px; font-size: 14px; vertical-align: middle; border-radius:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.bnav li{float: left;margin: 0 5px 0 10px;}
.bnav li.b{width: 600px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.bnav li a:hover{color: #42b700; transition: all 0.3s ease-in-out;}
.bnav li a.tag{color: #7db82a;display:block; height: 18px; line-height: 10px; margin-top: 12px; border:1px solid #7db82a; transition: all 0.3s ease-in-out;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.bnav span.tagl{ display:block; float: left; height: 16px; line-height: 16px; padding:0 4px;}
.bnav span.tagr{display:block; float: left; background: #7db82a; height:18px; line-height: 18px;}
.bnav span.fa-fire{color: #e75667;}
.bnav span.fa-lightbulb-o{color: #ffb005;}
.bnav span.grn{color: #4cb94c;}

/* icons */
.icon_close{background: url(../images/icon_close.png) no-repeat; width: 16px; height: 16px; display:block;}
.icon_fgx{display:block; margin:12px 8px 0 8px;}
.icon_fgx2{background: url(../images/icon_fgx2.gif) no-repeat; width: 2px; height: 14px; display:block; margin:10px 20px 0 20px; /*position: absolute; left: 90px;*/}
.icon_fgx3{background: url(../images/icon_fgx3.gif) no-repeat; width: 2px; height: 20px; display:block; margin:10px 20px 0 20px;}
.icon_shop{background: url(../images/icon_shop.png) no-repeat left center; height: 18px; line-height: 18px; padding-left: 17px; display: inline-block;}
	.icon_shop a{color: #6b829a;}
.icon_heart_ety{background: url(../images/icon_heart_ety.png) no-repeat left center; height: 18px; line-height: 18px; padding-left: 17px; display: inline-block;}
.icon_clock{background: url(../images/icon_clock.png) no-repeat left center; height: 18px; line-height: 18px; padding-left: 17px; display: inline-block;}
.icon_eye{background: url(../images/icon_eye.png) no-repeat left center; height: 18px; line-height: 18px; padding-left: 17px; display: inline-block;}
.icon_shopcart{background: url(../images/icon_shopcart.png) no-repeat left center; width: 18px; height: 18px; line-height: 18px; display: block; margin:15px 0 0 14px;}
.icon_soso{background: url(../images/icon_soso.png) no-repeat left center; width: 18px; height: 18px; line-height: 18px; display: block; margin:15px 0 0 14px;}
.icon_soso_black{background: url(../images/icon_soso_black.png) no-repeat left center; width: 18px; height: 18px; line-height: 18px; display: block; margin:7px 0 0 7px;}
.icon_arrow_grn{background: url(../images/icon_arrow_grn.png) no-repeat left center; width: 18px; height: 18px; line-height: 18px; display: inline-block; float: right; position: relative; top: 16px;}
.icon_share_2{background: url(../images/icon_share_2.png) no-repeat left center; height: 18px; line-height: 18px; display: inline-block; padding-left: 15px;}

/* left area */
.left{width:840px; /*padding-bottom: 20px;*/ min-height: 500px; float: left; position: relative;}
#left{width:840px; min-height: 500px; float: left; position: relative;}

	.taglist{padding:10px 20px 40px 10px; background: #fff;box-shadow: 1px 5px 30px rgba(204,204,204,.3);-moz-box-shadow: 1px 5px 30px rgba(204,204,204,.3);-webkit-box-shadow: 1px 5px 30px rgba(204,204,204,.3);}
	.taglist a{ clear: both; border-bottom:1px solid #ddd; width: 220px; padding:5px 10px;display: inline-block; font-size: 14px; margin:30px 0 0 20px;}
	.taglist a:hover{border-bottom:1px solid #f24646;color: #f24646; transition: all 0.3s ease-in-out;}
	.taglist span{ width: 175px; display: inline-block;overflow: hidden;text-overflow:ellipsis; white-space:nowrap; float: left;}
	.taglist a i{color: #999; font-size: 12px;margin-left: 5px;font-style: normal; float: right;}
	.taglist a:hover i{color: #8295c0;}

/* side area */
.side{width: 330px; float: right;}
	.sidearea{background: #fff; padding:15px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
	.sidearea h3,.scrollx h3{font-size: 18px; color: #666; position: relative;}
	.sidearea p{line-height: 24px;}
		.appbtn{display: inline-block; background: #2d2424; height: 34px; line-height: 34px; padding:2px 8px; color: #FFF;}
		.appbtn span{background: url(../images/app.png) no-repeat; width: 21px; height: 25px; display: inline-block; vertical-align: middle; margin-right: 5px;}
		/*.more{ position: absolute; top: 5px; right: 0px; font-size: 12px;}
		.more a{color: #999;}
		.more a i{margin-left: 5px;}
		.more a:hover{color: #f24646; transition: all 0.3s ease-in-out;}*/

		/* hot recommend */
		.side_tit{ font-size: 14px; line-height: 22px;height: 44px; margin-top: 8px;}
		.side_cb{font-size: 14px; width: 220px; color: #f6463c; margin-top: 5px; height: 20px;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}

		/* leaderboard */
		.tab_li{padding-top: 12px;}
		.s_img{width: 80px; height: 80px; float: left; overflow: hidden;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
		.s_img img{border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
		.s_img_tit{float: right; width: 210px; font-size: 14px; line-height: 18px;}
		.s_img_tit h3 {color: #999; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
		.s_img_tit p{color: #7db82a; margin-top: 7px; line-height: 18px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
		
.side .fixed{width: 300px; top:0;}

/* pagination */
.page{text-align: center;}
.page a{display: inline-block; width: 30px; height: 30px; line-height: 30px; background: #e4e4e4; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: center; color: #84878e;margin:0 5px;}
.page a:hover{color: #fff;background: #7db82a; transition: all 0.3s ease-in-out;}
.page a.prev,.page a.next{ width: 80px;}
.page b{background:#7db82a; width: 30px; height: 30px;margin:0 5px;line-height: 30px; display: inline-block; text-align: center; color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}


/* content detail */
.cnt{padding:15px 15px 20px 15px;background: #fff; min-height: 800px; border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius: 5px;box-shadow: 1px 5px 30px rgba(204,204,204,.3);-moz-box-shadow: 1px 5px 30px rgba(204,204,204,.3);-webkit-box-shadow: 1px 5px 30px rgba(204,204,204,.3);}
	.contimg{width: 300px; height: 300px; border-radius: 5px; -moz-border-radius: 5px;-webkit-border-radius: 5px; overflow: hidden; position: relative;}
	.contbasic{width: 480px;}
	.contbg{background: url(../images/contdata.gif) no-repeat; width: 480px; height: 86px;}
		.contag a{color: #ff8205; border:1px solid #ff8205; font-size: 12px; display: inline-block; height: 20px; line-height: 20px; border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; padding:0 5px; margin:5px 0 0 20px;}
		.contag a:hover{color: #f24646; border:1px solid #f24646; transition: all 0.3s ease-in-out;}
		.business span{font-size: 14px; color: #999;}
		.business span i{font-style: normal; margin-left: 5px;}
		.business span i a{color: #9881ff; transition: all 0.3s ease-in-out;}
.article{margin:50px 55px 0 55px;font-size: 16px; line-height: 30px; color: #4e3b3b; text-align: justify; min-height: 300px;word-wrap: break-word;cword-break: normal;}
.guide_article{margin:50px 55px 0 55px;font-size: 16px; line-height: 30px; color: #4e3b3b; min-height: 300px;word-wrap: break-word;cword-break: normal;}
.article p,.article h2,.guide_article p,.guide_article h2{margin-top: 20px;}
.article img,.guide_article img{ max-width: 700px;}
.article ul li,.guide_article ul li{list-style:disc;}
.article ol li,.guide_article ol li{list-style:decimal;}
.article strong,.guide_article strong{font-weight: bold;}
.article ul,.article ol,.guide_article ul,.guide_article ol{margin:0 0 0 20px;}
.statement{ font-size: 12px; margin:0 10px; text-decoration: underline; font-weight:bold; color: #444; text-align: center;}
.statement2{ font-size: 12px; padding:5px; background: rgb(0,0,0,.3); color: #fff; text-align: center; position: absolute; right: 0; bottom: 0;}
.bg_bar{background: url(../images/bg_bar.gif) no-repeat center center; width: 800px; height: 50px; margin:20px auto 0 auto;}
.noresult{text-align: center; margin: 180px 0 0 0;}
.imgsource{text-align: center; font-size: 12px; color:#aaa; margin-top:-15px;}

.bnr_atl{width: 810px; height: 270px; overflow: hidden; position: relative;}
.contbasicf{width: auto;}

	/* operating article */
	.op_title{font-size: 26px; text-align: center; font-weight: bold; margin:20px auto 10px auto; width: 840px;}
	.op_bnr{width: 840px; margin:10px auto 0 auto;}
	.op_bnr img{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	.op_bar{height: 32px; line-height: 32px; text-align: center;font-size: 12px; color: #999;}
	.op_bar span{margin:0 10px;}
	.op_bar span a{color: #999;}
	.op_bar span i{font-style: normal; margin-left:5px;}
	.article2{font-size: 18px; line-height: 36px;margin:10px 165px 0 165px; /*margin: 0 165px;*/}
	.article2 a{text-decoration: none; color: #7db82a;}
	.article2 img{ max-width: 840px; margin: 15px 0; /*display: block;*/}
	.article2 ul li{list-style:disc;}
	.article2 ol li{list-style:decimal;}
	.article2 strong{font-weight: bold;}
	.share{text-align: center; margin: 20px 0;}
	.share span{color: #7db82a;}
	.share a{display: inline-block; margin: 0 5px; font-size: 16px; width: 32px; height: 32px; line-height: 32px; color: #fff; border-radius: 5px; position: relative; top:10px;}
	.share a.icon_facebook_w{background: #3d5b99;}
	.share a.icon_facebook_w span{background: url(../images/icon_facebook_w.png) center center; width: 32px; height: 32px; display: inline-block;}
	.share a.icon_twitter_w{background: #2c9fd0;}
	.share a.icon_twitter_w span{background: url(../images/icon_twitter_w.png) center center; width: 32px; height: 32px; display: inline-block;}
	.share a.icon_wechat_w{background: #05af10;}
	.share a.icon_wechat_w span{background: url(../images/icon_wechat_w.png) center center; width: 32px; height: 32px; display: inline-block;}
	.share a.icon_weibo_w{background: #e0161f;}
	.share a.icon_weibo_w span{background: url(../images/icon_weibo_w.png) center center; width: 32px; height: 32px; display: inline-block;}

/* insert */
.ist{ width: 760px; margin: 50px auto 0 auto;}
.ist li{width: 210px; height: 310px; background: #fff; margin: 10px 0 0 10px; padding:15px; float: left; box-shadow: 1px 1px 20px rgba(221,221,221,.3);-moz-box-shadow: 1px 1px 20px rgba(221,221,221,.3);webkit-box-shadow: 1px 1px 20px rgba(221,221,221,.3);border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.ist li .istimg{overflow: hidden; width: 210px; height: 210px; display: block;border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;}
.ist li .istimg img{}
.ist li a.istit{font-size: 14px;color: #9d9595;line-height: 24px; display: block; margin-top: 10px;}
.ist li a.istit:hover{color: #f24646; transition: all 0.3s ease-in-out;}
.istbar{font-size: 12px; color: #c3c3c3;}
.istbar b{color: #ea4f4f; font-size: 16px; margin-right: 15px; display: inline-block;}
.istbar del{ font-size: 14px; color: #b0b0b0; margin-left: 5px;}

.isty{margin: 10px auto;width: 430px; height: 110px;padding:15px;background: #fff; box-shadow: 1px 1px 20px rgba(221,221,221,.3);-moz-box-shadow: 1px 1px 20px rgba(221,221,221,.3);webkit-box-shadow: 1px 1px 20px rgba(221,221,221,.3);border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.isty a.istyli{ display: block; color: #333;}
.istyimg{float: left; width: 110px; height: 110px; overflow: hidden;}
.istyinfo{float: right; width: 306px;}
.istyinfo h3{font-size: 16px; height: 52px; line-height: 26px; overflow: hidden; text-align: left;}
.istyinfo h4{font-size: 14px; margin-top: 5px; color: #7db82a;height: 20px; line-height: 20px; overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}
.istybar{height: 30px; line-height: 30px;}
.istybar button{margin-top: 3px;}
.istyinfo h3:hover{color: #7db82a}

.imglink{ width: 600px; background: #fff; margin:20px auto; box-shadow: 1px 1px 20px rgba(221,221,221,.3);-moz-box-shadow: 1px 1px 20px rgba(221,221,221,.3);webkit-box-shadow: 1px 1px 20px rgba(221,221,221,.3);border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; overflow: hidden;}
.imglink p{ padding:10px; margin: 0; line-height: 24px; font-size: 14px;}
.imglink p a{display: inline-block;}

/* 404 */
.noinfo{text-align: center; margin-top: 240px;}
.noinfo p{font-size: 14px; color: #999;}
.noinfo p span{color: #d93434; margin-right: 5px;}
.noinfo p a:hover{color: #f24646; transition: all 0.3s ease-in-out;}

  /* promo code */
  .discode{background: #fdeeee; width: 600px; height: 80px; line-height: 80px; margin: 10px auto 0px auto; position: relative; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
  .discode-l{background: url(../images/discode.png) no-repeat left center; width:74px; height: 80px; float: left;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
  .discode-r{overflow: hidden; text-overflow:ellipsis; white-space:nowrap; float: right; width: 526px;}
  .discode-r strong{color: #e55c5c; font-size: 14px; float: left; display: inline-block; width: 150px;}
  .discode-r p{font-size: 14px; margin-left: 10px; float: left; color: #995656;}

  /* link style */
  .article a,.guide_article a{color: #4e9ef4; text-decoration:underline;}
  .btnlnk{font-weight: bold; font-size: 14px; background: #4cb94c; color: #fff; width: 78px; text-align: center; height: 28px; line-height: 28px; display: inline-block; border-radius: 3px;-moz-border-radius:3px;-webkit-border-radius: 3px;}
  .btnlnk:hover{background: #5fbf29; color: #fff; transition: all 0.3s ease-in-out;}

  /* table style */
  .guide_article table{width: 100%; display: inline-block; line-height: 18px; overflow-y: auto; max-height: 700px;}
  .guide_article tbody{width: 100%; display: table; table-layout:fixed;}
  .guide_article tr:first-child{background: #eee;}
  .guide_article tr:hover{background: rgba(252,255,247,.5); transition: all 0.3s ease-in-out;}
  .guide_article td{font-size: 14px; padding:8px; width: 130px; border-style: solid; border-width: 1px; word-break: break-all;}
  .guide_article td p{margin:0!important;}

  /* full screen */
  .mask{background: rgba(0,0,0,.4); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000;}
  .mask_close{position: absolute; right: 20px; top: 20px; cursor: pointer;}
  .addlayer{
  	display: flex; 
  	align-items: center; 
  	justify-content: center; 
  	position: absolute; 
  	width: calc(100% - 20%);
  	height: 800px;
  	margin:0 10%;
  	top: calc(50% - 400px);
  }
  .fullpic{text-align: center; }
  .fullpic img{width: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/* merchant logo */
.logolist li {width: 240px; float: left; margin-left: 20px; margin-top: 10px; text-align: center;}
.logolist li p{margin-top: 10px;}

/************************************************************ global END ************************************************************/

.shopcart{font-size: 18px; display: inline-block; color: #fff; width: 48px; height: 48px; line-height: 48px; text-align: center; top: 10px; right: 10px; border-radius: 24px; background: rgba(76,185,76,.8); box-shadow: 0px 1px 5px rgba(204,204,204,.5);}
.magnifier{
	font-size: 18px; 
	display: inline-block; 
	color: #fff; 
	width: 32px; 
	height: 32px; 
	line-height: 32px; 
	text-align: center; 
	border-radius: 16px; 
	background: rgba(255,255,255,.8); 
	box-shadow: 0px 1px 5px rgba(204,204,204,.5);
}

/************************************************************ header ************************************************************/


/************************************************************ header END ************************************************************/



/************************************************************ js ************************************************************/
/* image scroll */
/*.scrollimg a{display: block; background: #fbfbfb; text-align: center; height: 70px;line-height: 70px; margin-top: 20px; overflow: hidden;}
.scrollimg a img{height: 50px; margin-top: 10px;}
.scrollbtn{text-align: center;}
.scrollbtn a.pre{background: url(../images/arrow.png) no-repeat -3px -7px; width: 22px; height: 13px; display: inline-block; margin-right: 20px;}
.scrollbtn a.pre:hover{background: url(../images/arrow.png) no-repeat -3px -68px; width: 22px; height: 13px; display: inline-block; transition: all 0.3s ease-in-out;}
.scrollbtn a.next{background: url(../images/arrow.png) no-repeat -3px -36px; width: 22px; height: 13px; display: inline-block; margin-left: 20px;}
.scrollbtn a.next:hover{background: url(../images/arrow.png) no-repeat -3px -99px; width: 22px; height: 13px; display: inline-block; transition: all 0.3s ease-in-out;}
*/
/* css3 image hover */
.imghover img{-webkit-transition:1s;transition:1s;}
.imghover .img_1:hover{-webkit-transform:scale(0.8,1.2);-moz-transition:scale(0.8,1.2);}
.imghover .img_2:hover{-webkit-transform:scale(0.5);-moz-transform:scale(0.5);}
.imghover .img_3:hover{-webkit-transform:scale(-1.2,1.2);-moz-transform:scale(-1.2,1.2);}
.imghover .img_4:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);}

/* expand */
.slidedown{background: url(../images/icon_down.png) no-repeat 240px 6px; font-size: 12px; color: #9a9a9a; text-align: center; border:1px solid #f1f1f1;height: 28px;line-height:28px;margin:10px auto 0 auto;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.slideup{background: url(../images/icon_up.png) no-repeat 240px 6px;font-size: 12px; color: #9a9a9a; border:1px solid #f1f1f1;text-align: center; height: 28px;line-height:28px;margin:10px auto 0 auto;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}

/* focus toggle */
.new_banner{width:250px; position:relative;}
.rslides{width:100%; height:100%; overflow:hidden; position:relative;}
.rslides li img{display: block; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.rslides_tabs{ position:absolute; left:244px; top:-33px;clear:both;text-align:center; z-index:1; width: 75px;}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;}
.rslides_tabs a{ width:10px; height:10px; background:#c6c8c6;text-indent:-5em; overflow:hidden; display:block; float:left; margin-left:5px;border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px;}
.rslides_tabs .rslides_here a{ background:#7db82a;}

/* tabs */
.side .zt-title{float: left; margin-right: 10px; padding-bottom: 7px; font-size: 16px; color: #010101; cursor: pointer;}
.side .cont{ position: relative; clear : both;}
.side .zt-cont{background: #fff;}
.side .zt-selected{color: #7db82a; border-bottom: 2px solid #7db82a;}

.editer .zt-title{float: left; width: 180px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; background: #ebebeb; color: #999; cursor: pointer;}
.editer .title{text-align: center; width: 540px; background: #ccc; margin:30px auto;}
.editer .tabl{border-radius: 5px 0 0 5px;-moz-border-radius: 5px 0 0 5px;-webkit-border-radius: 5px 0 0 5px;}
.editer .tabr{border-radius: 0px 5px 5px 0;-moz-border-radius: 0px 5px 5px 0;-webkit-border-radius: 0px 5px 5px 0;}
.editer .cont{ position: relative; clear : both; padding-top: 20px;}
.editer .zt-cont{background: #fff;}
.editer .zt-selected{color: #fff; background: #4cb94c;}

/* merchant select */
/*.listNav, .ln-letters {overflow:hidden;width: 644px;margin:20px auto 10px auto; font-family:Microsoft Yahei;}
.listNavHide {display:none;}
.listNavShow {display:list-item;}
.letterCountShow {display:block;}
.ln-letters a {font-size:12px; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; display:block;float:left; width: 36px; height: 36px; line-height: 36px; text-align: center; margin:0 5px 10px 5px; color: #d93434; background: #f8f8f8;}
.ln-letters a:hover,.ln-letters .ln-selected {background:#d93434; color: #fff; font-size: 12px;}
.ln-letters .ln-disabled {color:#b5b9c2; color: #999;}
.ln-letter-count {position:absolute;top:0;left:0;width:28px;text-align:center;font-size:14px;color:#ff8205;}*/

.un-modify{margin:0 15px 20px 15px; padding:0 0 20px 0; border-bottom: 1px solid #eee;}

/* Horizontal picture switching */
.scroll_area{width: 230px; padding:0 35px 0 35px; position: relative;}
.scroll_list{overflow:hidden;position:relative;}
.scroll_ul{width:9999px;position:relative;overflow:hidden;clear:both;*zoom:1;}
.scroll_ul li{width:230px;height:300px;list-style:none;float:left;}
.scroll_ul li h3{font-size: 16px; line-height: 22px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.scroll_ul li p{font-size: 16px;color: #f6463c; margin-top: 3px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.btn_icon{position: absolute; top: 107px; z-index: 100; display: inline-block;}
.scroll_area #prev{left: 0; z-index: 100; background: url(../images/icon_arrow_l.png) no-repeat; width: 21px; height: 36px;}
.scroll_area #prev:hover{background: url(../images/icon_arrow_l_hvr.png) no-repeat;}
.scroll_area #next{right: 0; z-index: 100;background: url(../images/icon_arrow_r.png) no-repeat; width: 21px; height: 36px;}
.scroll_area #next:hover{background: url(../images/icon_arrow_r_hvr.png) no-repeat;}

/**/
.scrollx{position: relative; background: #fff; padding: 15px 15px 20px 15px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; box-shadow: 1px 5px 30px rgba(204,204,204,.3);-moz-box-shadow: 1px 5px 30px rgba(204,204,204,.3);-webkit-box-shadow: 1px 5px 30px rgba(204,204,204,.3);}
.scrollx .scrolldiv { width: 810px; margin-top: 10px;}
.scrollx .scrollcon {position: relative;}
.scrollx .scrollcon .btnl {position: absolute;}
.scrollx .scrollcon .btn_arrow {display: block;width: 41px;height: 41px;position: absolute;top: 100px;cursor: pointer; z-index: 1000;}
.scrollx .scrollcon .btnl {background: url(../images/jtl02.png) no-repeat center;left: 0;}
.scrollx .scrollcon .btnr {background: url(../images/jtr02.png) no-repeat center;right: 0;}
.scrollx .scrollcon .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.scrollx .scrollcon .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.scrollx .scrollcon .conbox {position: relative;overflow: hidden;}
.scrollx .scrollcon .conbox ul {position: relative;list-style: none; height: 280px; margin:5px 0 0 0;}
.scrollx .scrollcon .conbox ul li a{display: block; padding-bottom:10px;}
.scrollx .scrollcon .conbox ul li .scrollximg{overflow: hidden; width: 195px; height: 195px;}
.scrollx .scrollcon .conbox ul li {float: left;width: 195px; height: 270px; margin-left: 10px; border-radius: 5px; overflow: hidden;box-shadow: 1px 1px 20px rgba(221,221,221,.3);-moz-box-shadow: 1px 1px 20px rgba(221,221,221,.3);webkit-box-shadow: 1px 1px 20px rgba(221,221,221,.3);}
.scrollx .scrollcon .conbox ul li .highlight4{color: #ff6000; font-size: 14px; height: 24px; line-height: 24px; margin:5px 5px 0 5px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.scrollx .scrollcon .conbox ul li p{font-size: 14px; line-height: 18px; height: 36px; margin:0 5px 0 5px; text-overflow: -o-ellipsis-lastline; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient:vertical;}
.scrollx .scrollcon .conbox ul li:first-child {margin-left: 0;}
.scrollx .scrollcon .conbox ul li img {display: block;width: 195px;height: 195px;}
.scrollx .BoxSwitch {margin: 10px 0 0 0;text-align: center;}
.scrollx .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.scrollx .BoxSwitch span.cur {background: #7db82a;}

/* scroll navigation */
.wrapper02 {position:relative;height: 24px;width: 100%;overflow: hidden;margin:10px auto 10px auto;}
.wrapper02 .scroller {position:absolute}
.wrapper02 .scroller li {height: 24px; color:#333;float: left;line-height: 1rem;font-size: 14px;text-align: center}
.wrapper02 .scroller li a{color:#333;display:block;height: 24px; line-height: 24px; padding:0 10px;}
.wrapper02 .scroller li.cur{background:#7db82a;border-radius: 5px;}
.wrapper02 .scroller li.cur a{color:#fff;}

/************************************************************ js END ************************************************************/




/************************************************************ index ************************************************************/

/* columns */
.deal_item .li1{padding: 15px; background: #fff; margin-bottom: 20px; position: relative; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; box-shadow: 1px 5px 30px rgba(204,204,204,.3);-moz-box-shadow: 1px 5px 30px rgba(204,204,204,.3);-webkit-box-shadow: 1px 5px 30px rgba(204,204,204,.3);}
.deal_item2{overflow: hidden; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; box-shadow: 1px 5px 30px rgba(204,204,204,.3);-moz-box-shadow: 1px 5px 30px rgba(204,204,204,.3);-webkit-box-shadow: 1px 5px 30px rgba(204,204,204,.3);}
.deal_item2 .li1{ background: #fff; position: relative; border-bottom: 1px solid #eff2eb;}
.deal_item2 .li1 a{display: block;padding: 15px;}
/*.deal_item .li1:first-child{padding: 15px; background: #fff}*/
/*.deal_item .li1:last-child{padding: 15px; background: #fff;  border-radius: 0 0 8px 8px;-moz-border-radius: 0 0 8px 8px;-webkit-border-radius: 0 0 8px 8px; box-shadow: 1px 5px 30px rgba(204,204,204,.3);-moz-box-shadow: 1px 5px 30px rgba(204,204,204,.3);-webkit-box-shadow: 1px 5px 30px rgba(204,204,204,.3);}*/
.lytl{float: left;width: 180px;}
.lytl1{float: left;width: 140px;}
	.deal_img{width: 180px; height: 180px; position: relative; overflow: hidden;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
	.deal_img a{display: block;}
	.deal_img img{width: 180px; height: 180px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
	.deal_img1{width: 160px; height: 160px; position: relative; overflow: hidden;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
	.deal_img1 img{width: 160px; height: 160px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
		.expired{position: absolute; font-size: 12px; width: 48px; height: 48px; line-height: 48px; text-align: center; top: 10px; right: 10px; border-radius: 24px; background: rgba(254,216,3,.8); box-shadow: 0px 1px 5px rgba(204,204,204,.8);}
	.deal_img2{width: 130px; height: 130px; position: relative; overflow: hidden;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
	.deal_img2 img{width: 130px; height: 130px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
	.icon_bar{text-align: center;}
	.icon_bar span{display: inline-block;margin:0 8px 0 8px; position: relative;}
	.icon_bar a{display: block; color: #fff; font-size: 14px; width: 32px; height: 32px; line-height: 32px; text-align: center; background: #dadada; border-radius: 16px;-moz-border-radius: 16px;-webkit-border-radius: 16px;}
		.icon_bar a.icon_heart,.icon_bar_side a.icon_heart{background: #f6463c;}
	.icon_bar p,.icon_bar_side p{font-size: 12px; display: inline-block;font-style: normal;color: #b9c2c2;margin: 0;}
	.icon_bar_side{position: fixed; width: 32px; text-align: center; margin-left: -640px; left: 50%; /*top: 350px; bottom: 400px;*/ z-index: 100;}
	.icon_bar_side span{margin:0 0 10px 0; display: inline-block;}
	.icon_bar_side a{background: #fff; display: block; color: #95aa95; width: 32px; height: 32px; line-height: 32px; text-align: center;border-radius: 16px;-moz-border-radius: 16px;-webkit-border-radius: 16px; box-shadow: 1px 1px 30px rgba(204,204,204,.3);-moz-box-shadow: 1px 1px 30px rgba(204,204,204,.3);-webkit-box-shadow: 1px 1px 30px rgba(204,204,204,.3);}
	.icon_facebook{background: url(../images/icon_facebook.png) no-repeat; width: 18px; height: 18px; display: inline-block; margin-top: 6px;}
	.icon_twitter{background: url(../images/icon_twitter.png) no-repeat; width: 18px; height: 18px; display: inline-block;margin-top: 6px;}
	.icon_wechat{background: url(../images/icon_wechat.png) no-repeat; width: 18px; height: 18px; display: inline-block;margin-top: 6px;}
	.icon_weibo{background: url(../images/icon_weibo.png) no-repeat; width: 18px; height: 18px; display: inline-block;margin-top: 6px;}
	.icon_qqzone{background: url(../images/icon_qqzone.png) no-repeat; width: 18px; height: 18px; display: inline-block;margin-top: 6px;}
	.icon_heart_nor{background: url(../images/icon_heart.png) no-repeat; width: 18px; height: 18px; display: inline-block;margin-top: 6px;}
	.icon_heart_on{background: url(../images/icon_heart_on.png) no-repeat; width: 18px; height: 18px; display: inline-block;margin-top: 6px;}
	.icon_share{background: url(../images/icon_share.png) no-repeat; width: 18px; height: 18px; display: inline-block;margin-top: 6px;}

	/* couplet advertisment */
	.couplet_120x600{position: absolute; top: 0; bottom: 400px; width: 120px; height: 600px; text-align: center; margin-left: -170px; z-index: 1000; box-shadow: 1px 1px 10px rgba(0,0,0,.08);}
	/*.couplet_120x600{position: fixed; left: 10px; top: 226px; width: 120px; height: 600px; text-align: center; z-index: 1000; box-shadow: 1px 1px 10px rgba(0,0,0,.08);}*/
	.advt_300x250{ width: 300px; height: 250px;}
	.advt_300x250:nth-child(2){margin-top: 15px;}
	.advt_728x90{ width: 728px; height: 90px; margin:20px auto 10px auto;}

	/* top */
	.setop{ position: absolute; top: -5px; left: 10px; z-index: 1;}
    .setop_c{ float: left; background: #7db82a; padding:0 10px; height: 16px; line-height: 16px; display: inline-block; color: #fff; font-size: 12px;}	
    .setop_l{ float: left; display:inline-block; width: 0; height: 0; border-bottom: 5px solid #5b8c15; border-left: 5px solid transparent;}
	.setop_r{ float: left; display:inline-block; width: 0; height: 0; border-bottom: 5px solid #5b8c15;  border-right: 5px solid transparent;}

	.setop2{ position: absolute; top: -5px; left: 10px; z-index: 1;}
    .setop2_c{ float: left; background: #de1e27; padding:0 10px; height: 16px; line-height: 16px; display: inline-block; color: #fff; font-size: 12px;}	
    .setop2_l{ float: left; display:inline-block; width: 0; height: 0; border-bottom: 5px solid #8c0d13; border-left: 5px solid transparent;}
	.setop2_r{ float: left; display:inline-block; width: 0; height: 0; border-bottom: 5px solid #8c0d13;  border-right: 5px solid transparent;}

	.setop3{ position: absolute; top: -5px; left: 10px; z-index: 1;}
    .setop3_c{ float: left; background: #fed803; padding:0 10px; height: 16px; line-height: 16px; display: inline-block; color: #333; font-size: 12px;}	
    .setop3_l{ float: left; display:inline-block; width: 0; height: 0; border-bottom: 5px solid #ae950a; border-left: 5px solid transparent;}
	.setop3_r{ float: left; display:inline-block; width: 0; height: 0; border-bottom: 5px solid #ae950a;  border-right: 5px solid transparent;}

/* profile picture */	
.deal_item .li1 .userbase p{color: #abb0a8;margin:5px 0 0 0; font-size: 12px;}
.deal_item .li1 .userbase p span{margin-right: 5px;}
.deal_item .li1 .username{color: #999; font-size: 12px;}
.deal_item .li1 .username a{color: #999;}
.cnt .username a{font-size: 12px;}

.lytr{width:600px; float: right;}
.lytr1{width:620px; float: right;}

/* title */
.cashback{font-size: 16px;color: #f08443;font-weight: normal;margin-top: 5px; display: block; position: relative; height: 20px;}
.cashback1{font-size: 16px;color: #f08443;font-weight: normal;margin-top: 5px; display: block; position: relative; height: 20px;}
	.del{opacity: .6;}

.deal_title{font-size: 20px;line-height: 30px; height: 60px; margin-top: 6px; overflow: hidden;}
.deal_title a{color: #333333;}
.deal_title i{display: inline-block; height: 20px; line-height: 20px; background: #ddd; font-size: 12px; padding:0 5px; color: #666; font-style: normal;}
/*.deal_title a:hover{transition: all 0.3s ease-in-out;}*/
.cashback2{font-size: 16px;color: #f08443;font-weight: normal; margin-top: 5px; display: block; position: relative; height: 20px;}
.deal_title2{font-size: 20px;line-height: 30px; font-weight: bold; margin-top: 5px;}
.deal_title2 a{color: #333333;}
.deal_title2 i{display: inline-block; height: 20px; line-height: 20px; background: #ddd; font-size: 12px; padding:0 5px; margin:0 8px 0 0; color: #666; font-style: normal;}
.isty_title i,.subtitle i{display: inline-block; height: 16px; line-height: 16px; background: #ddd; font-size: 12px; padding:0 5px; margin:0 8px 0 0; color: #666; font-style: normal;}
.highlight{font-size: 20px;color: #ff6000; margin-top: 10px; margin-right: 10px;}
.highlight2{font-size: 20px;color: #ff6000; margin-top: 5px;display: block; font-weight: normal;}
.highlight3{font-size: 18px;color: #ff6000; margin-top: 5px;display: block; display: inline-block;margin-right: 10px;}
.extra_cb{color: #4fb6b8; font-size: 14px; margin-top: 2px;}
.cmn_cb{color: #999; font-size: 14px; margin-top: 2px;}
.deal_title3{font-size: 18px;line-height: 26px; height: 60px; margin-top: -5px; overflow: hidden;}
.deal_title3 a{color: #333333;}
.deal_title3 i{display: inline-block; height: 20px; line-height: 20px; background: #ddd; font-size: 12px; padding:0 5px; color: #666; font-style: normal;}

/* Recommended entry */
.des_item_bg{background:#fafffa; border:1px solid #e0eee0; margin:30px 25px 0 25px; padding:5px 10px 10px 10px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.des_item{font-size: 14px; line-height: 26px;color: #999; margin:8px 20px 0 20px;}
.des_item img{ max-width: 100%;}
.des_item li{list-style:disc;}
	.des_item a{color: #4e9ef4;}
	.des_item p{margin:0;}
.article .deals_otl,.des_item li .deals_otl{display: inline-block; position: relative;}
.article b.deals_coupon,.des_item li b.deals_coupon{
    display: inline-block;
    color: #797d73;
    background: #fcfef8;
    font-weight: 700;
    padding: 0 6px;
    line-height: 20px;
    cursor: pointer;
    border: 1px solid #e0e0e0;
    /*position: relative;*/
}
.article .deals_tips,.des_item li .deals_tips{background: rgba(0,0,0,.8); display: inline-block; font-style: normal; position: absolute; left: 0; top:-20px; min-width: 80px; text-align: center; color: #fff;padding: 0 5px;line-height: 20px; font-size: 12px;display: none;}
/*.des_item li b.deals_coupon img{position: absolute; left: 2px; top:2px;}*/

/* sub product */
.subpdt{margin-left:-30px;}
.subpdt a{display: block; width: 180px;float: left;margin:12px 0 0 30px;}
.subimg{width: 180px;height: 180px;overflow: hidden;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.subimg img{border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
	.deal_hl{font-size: 12px; color: #7db82a; margin: 10px 0 0 0; height: 20px; line-height: 20px; overflow: hidden;}
	.deal_price{color: #ccc;font-size: 12px;margin:5px 0 0 0; height: 20px; line-height: 20px;text-align: left;}
		.deal_price span{font-size: 14px;color: #f6463c;margin-right: 7px;vertical-align: middle;}
		.deal_price del{font-style: normal;color: #999;font-size: 14px; margin-left: 7px;vertical-align: middle;}
	.subtitle{font-size: 12px;height:40px;line-height: 20px;color: #333;overflow: hidden;margin:5px 0 0 0; text-align: left;}

/* article  */
.content{font-size: 14px; color: #666; line-height: 30px; margin-top: 10px;text-align: justify;}
.content img{max-width: 570px; border-radius: 5px;}
.content ul li,.content ol li{list-style:decimal;/*margin:0 0 0 20px;*/}
.price span{ font-size: 24px; color: #f6463c; margin-top: 10px; display: block;}
	.price b.sj{color: #fff; font-weight: normal; display: block;}
	.price em.shopnow{font-style: normal; display: block;}
.rm{color: #4e9ef4; text-decoration: underline;}
	/*.tag_deal{margin-top: 15px;}*/
	.tag_deal a{background: #f7f7f7;color: #93a6a1;font-size: 12px; height: 24px;line-height: 24px; display:block;float: left;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;padding:0 8px;}
	.tag_deal span{background: #f6f6f7;color: #93a6a1;font-size: 12px; height: 24px;line-height: 24px; display:block;float: left;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;margin-right: 10px;padding:0 8px;}

	/* Article data */
	.databar{line-height: 30px;}
	.contdata span{font-size: 12px; color: #bcbcbc; margin-right: 20px;}
	.contdata span i{font-style: normal; margin-left: 5px;}

.loading{text-align: center; font-size: 18px; color: #999; height: 32px; line-height: 32px;}
.loading img{vertical-align: middle;}

/* Picture list */
.list li{padding: 15px; height: 180px; background: #fff; box-shadow: 1px 5px 30px rgba(204,204,204,.3);-moz-box-shadow: 1px 5px 30px rgba(204,204,204,.3);-webkit-box-shadow: 1px 5px 30px rgba(204,204,204,.3);}
	.listimg{ width: 180px; height: 180px; overflow: hidden;}
	.listinfo{width: 600px;}
	.listinfo h2{font-size: 18px; color: #444; margin-top: 10px; font-weight: bold; width: 600px; height: 20px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
	.listinfo h2 a:hover{color: #f24646;transition: all 0.3s ease-in-out;}
	.listinfo strong{color: #d93434; font-size: 18px; display: inline-block; margin-top: 12px;}
	.listinfo p{color: #999; font-size: 14px; margin-top: 10px; line-height: 24px;}
	.listinfo p a{color: #f6463c;}
	.listinfo p a:hover{color: #7db82a;transition: all 0.3s ease-in-out;}
/************************************************************ index END ************************************************************/




/************************************************************ footer ************************************************************/

/************************************************************ footer END ************************************************************/

.bg_my{background: url(../images/bg_my.png) no-repeat; height: 162px; position: relative; border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px; box-shadow: 1px 1px 5px rgba(204,204,204,.5);-moz-box-shadow: 1px 1px 5px rgba(204,204,204,.5);-webkit-box-shadow: 1px 1px 5px rgba(204,204,204,.5);}
	.back a{color: #fff; font-size: 18px; position: absolute; top: 10px; left: 10px; display: inline-block;}
	.back a:hover,.edit a:hover{color: #c3eaad;transition: all 0.3s ease-in-out;}
.usercover{padding: 56px 0 0 0; width: 360px; margin: 0 auto;}
.bg_my .userbase{color: #e3fee3;}
.bg_my .userbase p{ height: 24px; line-height: 24px;/*margin:10px 0 0 0;*/ font-size: 14px;}
.bg_my .userbase p a.lnk_cal{display: inline-block; color: #257f25; margin-left: 10px; line-height: 24px; height: 24px; text-decoration: underline;}
	.userbase .lnk_w{color: #e3fee3;}
.avater{background: #e3fee3; width: 60px; height: 60px; float: left; overflow: hidden; border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px; box-shadow: 1px 1px 5px rgba(12,86,12,.3);-moz-box-shadow: 1px 1px 5px rgba(12,86,12,.3);-webkit-box-shadow: 1px 1px 5px rgba(12,86,12,.3);}
.avater_48{background: #e3fee3; width: 48px; height: 48px; float: left; overflow: hidden; border-radius: 24px;-moz-border-radius: 24px;-webkit-border-radius: 24px; box-shadow: 1px 1px 5px rgba(12,86,12,.3);-moz-box-shadow: 1px 1px 5px rgba(12,86,12,.3);-webkit-box-shadow: 1px 1px 5px rgba(12,86,12,.3);}
.avater_32{background: #e3fee3; width: 32px; height: 32px; float: left; overflow: hidden; border-radius: 18px;-moz-border-radius: 18px;-webkit-border-radius: 18px; box-shadow: 1px 1px 5px rgba(12,86,12,.3);-moz-box-shadow: 1px 1px 5px rgba(12,86,12,.3);-webkit-box-shadow: 1px 1px 5px rgba(12,86,12,.3);}
.avater_24{background: #e3fee3; width: 24px; height: 24px; float: left; overflow: hidden; border-radius: 12px;-moz-border-radius: 12px;-webkit-border-radius: 12px; box-shadow: 1px 1px 5px rgba(12,86,12,.3);-moz-box-shadow: 1px 1px 5px rgba(12,86,12,.3);-webkit-box-shadow: 1px 1px 5px rgba(12,86,12,.3);}
	.avater_48 a{display: block; width: 48px; height: 48px;}
	.avater_32 a{display: block; width: 32px; height: 32px;}
	.avater_24 a{display: block; width: 24px; height: 24px;}

.bg_my .username{ font-size: 24px; width: 280px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.edit{position: absolute; right: 10px; bottom:10px;}
.edit a{color: #fff; font-size: 14px;}

.myedit{position: absolute; top: 0px; right: 0; display: none;}
.myedit a{color: #999; font-size: 12px; margin:0 0 0 15px;}
.myedit a:hover{color: #f24646; transition: all 0.3s ease-in-out;}
.myedit i{margin-right: 5px;}

/* personal navigation */
.my-menu{padding:30px 0 30px 40px; height: 48px; line-height: 48px; background: #fff; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; box-shadow: 1px 5px 30px rgba(204,204,204,.3);-moz-box-shadow: 1px 5px 30px rgba(204,204,204,.3);-webkit-box-shadow: 1px 5px 30px rgba(204,204,204,.3);}
.my-menu li{float: left; position: relative; width: 250px; text-align: center; margin-left: 1px;}
.my-menu li i{border-left: 1px solid #eee; display: inline-block; width: 1px; height: 20px; vertical-align: middle; position: absolute; top: 18px; right: -2px;}
.my-menu li a{color: #6d7687; display: inline-block;}
.my-menu li a span{color: #fff; width: 48px; height: 48px; line-height: 48px; margin-right: 10px; font-size: 24px; text-align: center; border-radius: 24px;-moz-border-radius: 24px;-webkit-border-radius: 24px;}
.my-menu li a span.fa-wpforms{background: #ffbc5d; box-shadow: 1px 1px 10px rgba(255,188,93,.5);-moz-box-shadow: 1px 1px 10px rgba(255,188,93,.5);-webkit-box-shadow: 1px 1px 10px rgba(255,188,93,.5);}
.my-menu li a span.fa-edit{background: #bbdd31; box-shadow: 1px 1px 10px rgba(187,221,49,.5);-moz-box-shadow: 1px 1px 10px rgba(187,221,49,.5);-webkit-box-shadow: 1px 1px 10px rgba(187,221,49,.5);}
.my-menu li a span.fa-dollar{background: #5fbf29; box-shadow: 1px 1px 10px rgba(95,191,41,.5);-moz-box-shadow: 1px 1px 10px rgba(95,191,41,.5);-webkit-box-shadow: 1px 1px 10px rgba(95,191,41,.5);}
.my-menu li .subnav a{font-size: 16px; display: block; line-height: 36px;}
.my-menu li .subnav a em.fa-fire{color: #e75667;margin-right: 5px;}
.my-menu li .subnav a em.fa-lightbulb-o{color: #ffb005;margin-right: 5px;}

.rec{text-align: center; padding-bottom:5px;}
.rec p{color: #999; font-size: 14px;}
.recommond{background: #7db82a;color: #fff; font-size: 14px; display: inline-block; min-width: 90px; height: 34px;line-height: 34px; text-align: center; margin:20px 0 10px 15px; padding:0 10px; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;}
.recommond:after{content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 7px 10px 0 0;border-color: #538014 transparent transparent;}

/* form1 */
.ipt{background: #f8f8f8; height: 44px; font-size: 14px; padding:0 10px;border:none; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;box-shadow: 1px 1px 5px rgba(221,221,221,.3) inset;-moz-box-shadow: 1px 1px 5px rgba(221,221,221,.3) inset;-webkit-box-shadow: 1px 1px 5px rgba(221,221,221,.3) inset; outline: medium;}
.ipt_510{width: 500px;}
.ipt_560{width: 560px;}
.ipt_130{width: 130px;}
.txta{background: #f8f8f8; padding:10px;border:none;font-size: 14px; overflow: hidden; resize:none; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; box-shadow: 1px 1px 5px rgba(221,221,221,.3) inset;-moz-box-shadow: 1px 1px 5px rgba(221,221,221,.3) inset;-webkit-box-shadow: 1px 1px 5px rgba(221,221,221,.3) inset; outline: medium;}
.txta_560{width: 560px; height: 60px;}
.prompt{border-bottom: 1px solid #eee; position: relative; width: 640px; margin: 30px auto; height: 20px; text-align: center;}
	.prompt_zn{position:absolute;top: 12px; left:190px; width: 240px; background: #fff; display: inline-block; padding:0 10px; font-size: 14px; color: #8e8d8d;}
	.prompt_en{position:absolute;top: 12px; top:5px; left:150px; width: 320px; background: #fff; display: inline-block; padding:0 10px; font-size: 14px; color: #8e8d8d;}

.form1{margin:30px auto 0 auto; width: 640px;}
.form1 li strong{ font-size: 14px; color: #3d453d; margin-left: 10px;}
.form1 li span{color: #5fbf29;}
.form1 li.li2{text-align: center; line-height: 30px;}
.form1 li.li2 img{vertical-align: middle; margin-right: 5px;}
.upd_cover{background: #f8f8f8; width: 120px; height: 120px; overflow: hidden; position: relative;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;box-shadow: 1px 1px 5px rgba(221,221,221,.3) inset;-moz-box-shadow: 1px 1px 5px rgba(221,221,221,.3) inset;-webkit-box-shadow: 1px 1px 5px rgba(221,221,221,.3) inset;}
.upd_cover2{border:1px solid #ddd; width: 180px; height: 180px; position: relative;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;outline: medium;box-shadow: 1px 1px 5px rgba(221,221,221,.3) inset;-moz-box-shadow: 1px 1px 5px rgba(221,221,221,.3) inset;-webkit-box-shadow: 1px 1px 5px rgba(221,221,221,.3) inset;}
.upd_cover3{border:1px solid #ddd; width: 120px; height: 120px; overflow: hidden; position: relative;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;outline: medium;box-shadow: 1px 1px 5px rgba(221,221,221,.3) inset;-moz-box-shadow: 1px 1px 5px rgba(221,221,221,.3) inset;-webkit-box-shadow: 1px 1px 5px rgba(221,221,221,.3) inset;}
/*.upd_inr{margin:30px auto 0 auto; color: #999;text-align: center; background: url(../images/upd.png) no-repeat; width: 57px;height: 51px;}*/
/*.upd_inr2{margin:50px auto 0 auto; color: #999;text-align: center; background: url(../images/upd2.png) no-repeat; width: 90px;height: 90px;}*/
/*.upd_inr3{margin:30px auto 0 auto; color: #999;text-align: center; background: url(../images/upd3.jpg) no-repeat; width: 60px;height: 60px;}*/
.upd{width: 120px; height: 120px; position:absolute; top:0; left: 0; opacity: 0;}

/* form2 */
.ipt2{ height: 44px; border:1px solid #ddd;padding:0 10px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;outline: medium;box-shadow: 1px 1px 5px rgba(221,221,221,.3) inset;-moz-box-shadow: 1px 1px 5px rgba(221,221,221,.3) inset;-webkit-box-shadow: 1px 1px 5px rgba(221,221,221,.3) inset;}
.ipt2_600{ width: 600px;}
.ipt2_480{ width: 480px;}
.ipt2_120{ width: 120px;}
.ipt2_180{ width: 180px;}
.ipt2_300{ width: 300px;}
.ipt2_680{ width: 680px;}
.txta2{background: #fff; border:1px solid #ddd; padding:10px;font-size: 14px; overflow: hidden;resize:none; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; box-shadow: 1px 1px 5px rgba(221,221,221,.3) inset;-moz-box-shadow: 1px 1px 5px rgba(221,221,221,.3) inset;-webkit-box-shadow: 1px 1px 5px rgba(221,221,221,.3) inset; outline: medium;}
.txta2_580{ width: 580px; height: 130px;}
.form2{margin:30px auto 0 120px;}
.form2 li strong{ font-size: 16px; color: #3d453d; margin-left: 10px; font-weight: normal;}
.form2 li i{color: #f00; font-size: 14px; margin-left: 8px; font-style: normal;}
.form2 li em{color: #f00; font-size: 14px; margin-left: 8px; font-style: normal;}
	/* progress bar */
	.pbarbg{background: #fff; padding:1px; width: 140px; height: 16px; border-radius:8px; position: absolute; top: 85px; left: 20px;box-shadow: 1px 1px 5px rgba(0,0,0,.2);-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.2);-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.2);}
	.pbarbg2{background: #fff; padding:1px; width: 100px; height: 16px; border-radius:8px; position: absolute; top: 50px; left: 10px;box-shadow: 1px 1px 5px rgba(0,0,0,.2);-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.2);-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.2);}
	.pbar{ 
		font-size: 12px;
		height: 12px;
		line-height: 12px;
		border-radius: 6px;
		margin: 2px; 
		text-align: center; 
		color: #ddfe01;
		background-image: -webkit-gradient(linear,left top,right top,from(#5fbf29),to(#4cb94c));
	    background-image: -webkit-linear-gradient(left,#5fbf29,#4cb94c);
	    background-image: -moz-linear-gradient(left,#5fbf29,#4cb94c);
	    background-image: linear-gradient(to right,#6ee929,#4cb94c);
	}

/* Sub product editor */
.child{margin:50px auto 20px 40px;}
.child li{ position: relative; float: left; margin:0 0 50px 30px; width: 240px; padding:10px; border:1px solid #ddd;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; box-shadow: 1px 1px 5px rgba(221,221,221,.3) inset;-moz-box-shadow: 1px 1px 5px rgba(221,221,221,.3) inset;-webkit-box-shadow: 1px 1px 5px rgba(221,221,221,.3) inset;}
	.childtit{font-size: 16px; margin-top: 8px; height: 20px; line-height: 20px; overflow: hidden;}
	.child_hl{color: #42b700;font-size: 16px; margin-top: 10px; height: 20px;}
	.childlnk{color: #219af8;font-size: 16px;margin-top: 10px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; cursor: pointer;}
	.child_price{margin-top: 10px; color: #ccc; font-size: 14px;}
	.child_price span{ font-size: 18px;color: #666; margin-right: 10px;}
	.child_price del{ font-size: 16px;color: #999; margin-left: 10px;}
	.optbar{position: absolute; text-align: center; width: 240px; bottom: -25px;}
	.optbar a{display: inline-block; margin:0 5px; color: #959a92;}
	.optbar span{display: inline-block; color: #fff; margin-right: 5px; font-size: 14px; width: 18px; height: 18px; line-height: 18px; text-align: center; background: #c0c5c0; border-radius: 9px;-moz-border-radius: 9px;-webkit-border-radius: 9px;}
	.child_close{position: absolute; display: inline-block; top: -9px; right:-9px;}
	.child_close a{ background: #ea4f4f; color: #fff; width: 18px; height: 18px; line-height: 18px; text-align: center; border-radius: 9px;-moz-border-radius: 9px;-webkit-border-radius: 9px;}
	.child_close a:hover{color: #fff;}
.childimg{position: relative; overflow: hidden;}
.childimg img{display: block;}
.serial{position: absolute; 
	bottom: -22px; 
	left: -22px; 
	width: 44px; 
	height: 44px; 
	line-height: 22px; 
	text-align: center; 
	background:#4cb94c; 
	color: #fff; 
	font-size: 14px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	/* IE 9 */
	-moz-transform:rotate(45deg); 	/* Firefox */
	-webkit-transform:rotate(45deg); /* Safari and Chrome */
	-o-transform:rotate(45deg); 
}

/* Modify user information */
.avatar-view {display: block;cursor: pointer;overflow: hidden;}
.avatar-view img {display: none;}
.avatar-body {padding-right: 15px;padding-left: 15px;}
.avatar-upload {overflow: hidden;}
.avatar-upload label {display: block;float: left;clear: left;width: 100px;}
.avatar-upload input {display: block;margin-left: 110px;}
.avater-alert {margin-top: 10px;margin-bottom: 10px;}
.avatar-wrapper {height: 250px;width: 100%;margin-top: 15px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;box-shadow: inset 0 0 5px rgba(0,0,0,.2);background-color: #fcfcfc;overflow: hidden;}
.avatar-wrapper img {display: block;height: auto;max-width: 100%;}
.avatar-preview {float: left;margin-top: 15px;margin-right: 15px;border: 1px solid #eee;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background-color: #fff;overflow: hidden;}
.avatar-preview:hover {border-color: #9ad37a;box-shadow: 0 0 5px rgba(0,0,0,.15);}
.avatar-preview img {width: 100%}
.preview-lg {height: 60px;width: 60px;margin-top: 15px;border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;}
.preview-md {height: 48px;width: 48px;border-radius: 24px;-moz-border-radius: 24px;-webkit-border-radius: 24px;}
.preview-sm {height: 24px;width: 24px;border-radius: 12px;-moz-border-radius: 12px;-webkit-border-radius: 12px;}

/*@media (min-width: 992px) {
  .avatar-preview {
    float: none;
  }
}
.avatar-btns {
  margin-top: 30px;
  margin-bottom: 15px;
}
.avatar-btns .btn-group {
  margin-right: 5px;
}*/
@media screen and (max-width: 579px) {
	.side {display:none;}
	#w1200{width: calc(100% - 20px); margin:0 10px;}
	#left{width: 100%; padding-bottom: 20px; min-height: 500px; float: none; position: relative;}
	.row_content li{
		width: calc(50% - 5px); 
		margin-right: 10px;
		float: left; 
		overflow: hidden; 
		margin-bottom: 10px;
		padding-bottom: 10px;
		background: #fff; 
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		box-shadow: 1px 5px 30px rgba(204,204,204,.5);
		-moz-box-shadow: 1px 5px 30px rgba(204,204,204,.5);
		-webkit-box-shadow: 1px 5px 30px rgba(204,204,204,.5);
	}
	.row_content li:nth-child(2n+2){margin:0;}
	.row_content li:last-child{display: none;}
	.row_content li:nth-last-child(2){display: none;}
	.row_content li:nth-last-child(3){display: none;}

	/* Bread crumbs */
	.bnav li.b{width: 180px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}

	/* detail */
	.offers_detail{margin:0px;}
	.content img{width: 100%;}
}
@media screen and (min-width:580px) and (max-width: 767px) {
	.side {display:none;}
	#w1200{width: calc(100% - 20px); margin:0 10px;}
	#left{width: 100%; padding-bottom: 20px; min-height: 500px; float: none; position: relative;}
	.row_content li{
		width: calc(33.33% - 10px); 
		margin-right: 15px;
		float: left; 
		overflow: hidden; 
		margin-bottom: 20px;
		padding-bottom: 10px; 
		background: #fff; 
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		box-shadow: 1px 5px 30px rgba(204,204,204,.5);
		-moz-box-shadow: 1px 5px 30px rgba(204,204,204,.5);
		-webkit-box-shadow: 1px 5px 30px rgba(204,204,204,.5);
	}
	.row_content li:nth-child(3n+3){margin:0;}
	.row_content li:last-child{display: none;}
	.row_content li:nth-last-child(2){display: none;}

	/* Bread crumbs */
	.bnav li.b{width: 280px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}

	/* detail */
	.offers_detail{margin:10px 20px;}
	.content img{width: 100%;}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.side {display:none;}
	.left{width: 840px; float: none; margin:0 auto;}
	#w1200{width: calc(100% - 20px); margin:0 10px;}
	#left{width: 100%; padding-bottom: 20px; min-height: 500px; float: none; position: relative;}
	.w1200,.w1010{width: 840px; margin:0 auto;}
	.top,.top2,.top3,.header,.tags,.copyright{ width: 100%; min-width: 840px;}

	.row_content li{
		width: calc(25% - 15px); 
		margin-right: 20px;
		float: left; 
		overflow: hidden; 
		margin-bottom: 20px;
		padding-bottom: 10px; 
		background: #fff; 
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		box-shadow: 1px 5px 30px rgba(204,204,204,.5);
		-moz-box-shadow: 1px 5px 30px rgba(204,204,204,.5);
		-webkit-box-shadow: 1px 5px 30px rgba(204,204,204,.5);
	}
	.row_content li:nth-child(4n+4){margin:0;}
	.row_content li:last-child{display: none;}

	/* Bread crumbs */
	.bnav li.b{width:500px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}

	/* detail */
	.offers_detail{margin:10px 30px;}
	.content img{width: 100%;}
}
@media screen and (min-width: 1024px) and (max-width: 1220px) {
	.side {display:none;}
	.left{width: 840px; float: none; margin:0 auto;}
	#w1200{width: calc(100% - 20px); margin:0 10px;}
	#left{width: 100%; padding-bottom: 20px; min-height: 500px; float: none; position: relative;}
	.w1200,.w1010{width: 840px; margin:0 auto;}
	.top,.top2,.top3,.header,.tags,.copyright{ width: 100%; min-width: 840px;}

	.op_title{font-size: 26px; text-align: center; font-weight: bold; margin:20px auto 10px auto; width: 810px;}
	.op_bnr{width: 810px;}
	.op_bnr img{width: 810px;}
	.article2{margin: 10px 0 0 0;}
	.article2 img{ max-width:810px; margin: 15px 0; }

	.row_content li{
		width: calc(20% - 16px); 
		margin-right: 20px; 
		float: left; 
		overflow: hidden; 
		margin-bottom: 20px;
		padding-bottom: 10px; 
		background: #fff; 
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px; 
		box-shadow: 1px 5px 30px rgba(204,204,204,.5);
		-moz-box-shadow: 1px 5px 30px rgba(204,204,204,.5);
		-webkit-box-shadow: 1px 5px 30px rgba(204,204,204,.5);
	}
	.row_content li:nth-child(5n+5){margin:0;}

	/* detail */
	.offers_detail{margin:10px 40px;}
	.content img{width: 100%;}
}

@media screen and (min-width: 1221px) {
	.row_content li{
		width: calc(20% - 16px); 
		margin-right: 20px; 
		float: left; 
		overflow: hidden; 
		margin-bottom: 20px;
		padding-bottom: 10px; 
		background: #fff; 
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px; 
		box-shadow: 1px 5px 30px rgba(204,204,204,.5);
		-moz-box-shadow: 1px 5px 30px rgba(204,204,204,.5);
		-webkit-box-shadow: 1px 5px 30px rgba(204,204,204,.5);
	}
	.row_content li:nth-child(5n+5){margin:0;}

	/* Bread crumbs */
	.bnav li.b{width:600px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}

	/* detail */
	.offers_detail{margin:10px 60px;}
	.content img{width: 100%;}
}
@media screen and (max-width: 1560px) {
	.couplet_120x600{display: none;}
}

.ui-helper-hidden-accessible {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}

/* offset */
.main *{-moz-box-sizing:content-box; -webkit-box-sizing:content-box; -o-box-sizing:content-box; -ms-box-sizing:content-box; box-sizing:content-box;}


/* offer */
.maincontent { position: relative;}
.maincontent_holiday {padding-top: 0;overflow: hidden;}
.container {margin: 0 auto;max-width: 1200px;position: relative;}
.breadcrumbs { font-size: 14px; clear: both; padding: 25px 0;}
.topic_banner { max-height: 230px; overflow: hidden; border-radius: 5px; }
.topic_banner img { max-width: 100%; height: auto;}
.offer_banner{background: url(../images/offer_banner.jpg) no-repeat center center; height: 230px; text-align: center; color: #ffd33b;}
.offer_banner .title{ font-size: 36px; padding-top: 70px;}
.offer_banner .stitle{ font-size: 24px; margin-top: 10px;}
.row_header{ position: relative;margin:10px 0;}
.row_header h2{float: left; font-size: 24px; }
.row_header h3{float: left; font-size: 18px; }
.row_header span{position: absolute; right: 0; top: 6px;}
.row_img{overflow: hidden; text-align: center; height: 200px;}
.row_box{width: 80%; height: 180px; line-height: 180px; margin-top:10px; display: inline-block;}
.row_img img{width: 100%;}
.row_content li h3{ height: 40px; line-height: 20px; font-size: 16px; margin:10px 0 5px 0; padding:0 10px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.row_content li p{font-size:14px; color:#7DB82A; height: 14px; line-height: 14px; margin:0; padding:0 10px;}

.offers_title{font-size: 24px; margin:10px 0 0 0; float: left;}
.offers_country{background: url(../images/icon_earth.png) no-repeat center left; padding-left: 24px; font-size: 14px; color: #666; height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.offers_detail li{border-bottom:1px solid #eee; padding:20px 0;}
.offers_detail li:last-child{border:none;}
.offers_icon{float: left;}
.offers_icon img{width: 72px; border-radius: 36px;}
.offers_item{margin-left: 87px;}
.offers_item strong{color:#666; font-size: 14px; font-weight: bold; margin-top:10px; display: block;}
.offers_item p{margin: 5px 0 0 0; line-height: 18px; font-size: 16px; letter-spacing: 1px;}
.offers_item p.advertiser{color:#7DB82A; font-size: 18px;}
.offers_item p.excitation{color:#FF6000; font-size: 18px;}

 ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}