body, html {padding: 0; margin: 0; width:100%; font-family:'Microsoft YaHei'; background-color:#FFFFFF;}
a, img{text-decoration:none; border:none; outline:none;}
.wrapper{width:100%; position:relative;}
#dim_pop{background:url(../images/vip/dim_pop.png) repeat; width:100%; height:100vh; position:fixed; top:0; left:0; z-index:200; text-align:center;}
#dim_pop img{width:50%; position:relative; top:50%; transform:translateY(-50%); }


#login_btn{margin-left:40px;}
.cms_vip_contain_area, .cms_vip_contain_area_inner{position:relative; width:95%; margin:0 auto;}
.cms_vip_contain_area_inner{width:100%;}
.contain_area_inner{position:relative; width:95%; margin:0 auto;}

#top_txt{ background-color:#f6f6f6; padding:0px 0; position:relative; width:100%;}
.pink_btn{ background-color:#fc226c; font-size:16px; color:#fff; padding:6px 20px; border-radius:15px; margin-left:20px;}
.toptxt1{color:#23242c; font-size:20px;}
.toptxt2{color:#8a8888; font-size:18px;}
.news_col{ text-align:center; position:relative; padding:12px 0 15px;}
#toptxt_left, #toptxt_right{ position:absolute; top:12px; left:10%; cursor:pointer; z-index:50;}
#toptxt_right{ left:auto; right:10%;}

#cms_vip_main_banner{margin-bottom:20px; width:100%; position:relative;}
.hot_product{height:307px; width:100%; background-size:cover; background-position:center center; margin-bottom:5px;}
.line_divide{text-align:center; padding:20px 0;}
#hotpro_txt{ color:#343434; font-size:24px; font-weight:bold; padding-right:12px;}
#hotpro_txt2{ color:#474747; font-size:14px;}
.more_hotpro{float:right; top:5px; position:relative;}
.light_grey_btn, .add_to_cart_btn{ background-color:#d3d3d3; font-size:12px; color:#fff; border-radius:15px; padding:5px 20px;}

#promo_row1{padding:30px 0 50px; w}
#promo_row2{padding:30px 0 50px; background-color:#ebebeb; width:100%; position:relative;}
#pt1{margin:10px 0 0 0; display:table; width:100%; }
.promo_item{display:inline-block; width:32%; padding-bottom:20px;}
.pi_gap{width:2%; display:inline-block; }
.hotcol{margin:20px 0; overflow-x:scroll; white-space: nowrap; display:block; overflow-y:hidden; }
.hotproduct_col{ width:32%; display:inline-table; padding-bottom:30px; margin-right:20px;}
.ptr_col{width:25%; display:inline-table; padding-bottom:30px; margin-right:10px; cursor:pointer;}
.hotproduct_col:last-child, .ptr_col:last-child, .promo_item:last-child{margin-right:0px}
.hotprotxt1{font-size:12px; color:#454545;}
.hotprotxt2{font-size:16px; color:#454545;}
.hotprotxt3{color:#ff0000; font-size:19px; font-weight:bold;}



.top_sub_ad{width:100%; overflow-x:scroll; white-space: nowrap; display:block; overflow-y:hidden; margin-bottom:20px; position:relative;}
.top_sub_ad div{display: inline-block;}
.sub_ad{ width:49%; padding-bottom:20px;}
.sub_ad_gap20{width:2%;}

/* width */
.top_sub_ad::-webkit-scrollbar, .hotcol::-webkit-scrollbar, #pt1::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

/* Track */
.top_sub_ad::-webkit-scrollbar-track, .hotcol::-webkit-scrollbar-track , #pt1::-webkit-scrollbar-track{
  background: #f6f6f6; 
}
 
/* Handle */
.top_sub_ad::-webkit-scrollbar-thumb, .hotcol::-webkit-scrollbar-thumb, #pt1::-webkit-scrollbar-thumb {
  background: #cccccc; 
}

/* Handle on hover */
.top_sub_ad::-webkit-scrollbar-thumb:hover, .hotcol::-webkit-scrollbar-thumb:hover, #pt1::-webkit-scrollbar-thumb:hover {
  background: #555; 
}





.pt1_des{padding:12px 12px 22px; background-color:#131313; position:relative;}
.pt1_des .pink_btn{ position:absolute; top:20px; right:12px;}
.pttxt1{color:#fff; font-size:21px;}
.pttxt2{color:#8a8888; font-size:16px;}

#cms_product_slide{ background-color:#f6f6f6;}

.promo_container_bg{width:100%; height:100vh; position:fixed; top:0; left:0; background:url(../images/vip/dim_pop.png) repeat; z-index:895; display:none;}
.promo_detail{position:fixed; top:50%; left:50%;  z-index:899; width:80%; height:80%; min-height:500px; transform:translate(-49%,-50%); display:none; overflow-y: auto; }
.promo_info_table{width:100%; display:table; height:100%;}
.procol{height:100%; display:inline-block;}
#promo_col_1{width:236px; background-color:#1b1f2a; display:table-cell;}
#promo_col_1 .pl_btn{ text-align:center; padding:10px 0; display:block; cursor:pointer; color:#fff; font-size:16px;}
#ptat1, #ptat2, #ptat_pop_promo{background-color:#f99a1e;}
#ptat1:hover, #ptat2:hover, #ptat_pop_promo:hover{background-color:#f8b55d;}
#ptat3{background-color:#fd2626;}
#ptat3:hover{background-color:#fd6f6f;}

#promo_col_2{background-color:#fff; display:table-cell; vertical-align:top;}
.close_promo_btn, .close_promo_mb{width:28px; height:28px; background:url(../images/vip/close_btn.png); position:absolute; top:10px; right:20px; cursor:pointer;}
.close_promo_btn #pd_close_left, .close_promo_mb{display:none;}
.promo_title{ color:#5b5b5b; font-size:24px; font-weight:bold; border-bottom:solid 1px #5b5b5b; padding:0px 0px 10px 10px;}
.promo_terms{padding:10px 0px 0px 10px; font-size:14px;  color:#1b1f2a;}
.promo_terms table {border-spacing: 0px; border-collapse:collapse;}
.promo_terms table td{
	border-collapse:collapse;
	border:1px solid #999;
	padding:5px 12px;
}
.pro_info{padding:10px; height:97%;}
.proendtime{font-size:36px; line-height:46px; font-family:Arial, Helvetica, sans-serif;}
.promo_countdown{color:#cecece; font-size:16px;}
#allmostend{width:100%; text-align:center; margin-top:30px; display:none;}
#allmostend img{width:80%;}
.terms_title_bar{
	width:100%;  color:#fff;	
}
.terms_title_bar div{ width:80%; margin:0 auto; padding:20px 0; font-size:15px;}
.terms_info{font-size:13px; color:#CCC; width:80%; margin:0 auto; padding-bottom:100px;}
.terms_info ol{ padding-left:18px; margin-top:30px;}
.terms_info li{padding-bottom:8px;}


/* pager */
.cms_vip_cycle-slideshow, .cms_vip_cycle-slideshow a img, .cms_vip_cycle-slideshow a{
	width:100%;
	z-index:10;
}
.cms_vip_pager{ 
	text-align: center; width: 100%; z-index: 999; position: absolute; bottom:25px;
}
.cms_vip_pager span {
	font-family: arial; font-size: 40px; width: 16px; height: 16px; 
	display: inline-block; color: #ddd; cursor: pointer; opacity:0.5; margin:0 12px;
}
.cms_vip_pager span.cycle-pager-active { color:#ffd100; opacity:1;}
.cms_vip_pager > * { cursor: pointer;}



#footer_upper{background-color:#0a0a0a; padding:20px 0;}
.vip_feature{background-color:#151515; width:130px; border-radius:20px; padding:3px 5px; display:inline-block; margin:0 6px;}
.vip_feature span{color:#999999; font-size:14px; position:relative; bottom:5px; padding-left:5px;}
.footer_grey_btn{background-color:#151515; color:#616161; font-size:12px; border-radius:15px; padding:5px 15px; margin:0 2px;}
#vip_f_more{position:relative; top:7px;}
#footer_app_table{margin:20px 0 0; width:100%;}
#footer_bottom{background-color:#050505; padding:20px 0 20px; color:#585858; font-size:11px;}
#footer_bottom a{color:#585858; font-size:11px; }
.footer_link{display:inline-block;  vertical-align:middle;}
.footer_lit{padding:0 15px;}
.footer_right_link{float:right;}
.footer_site{padding:0px 3px;}
#copyright{padding-left:20px;}
.dekstop_hide{display:none;}

@media (max-width:900px){
	#header, #footer, .pi_gap, #top_txt, .mobile_hide{display:none;}
	.dekstop_hide{display:block;}
	.cms_vip_contain_area{width:100%;}
	.cms_vip_contain_area_inner{width:90%;}
	
	.hotcol{margin:20px 0; overflow:visible; white-space:normal; text-align:center; }
	.hotproduct_col{ width:42%;  padding-bottom:30px; margin:0px 2.5%;}
	.ptr_col{ width:47.5%;  padding-bottom:30px; margin:0px 1%;}
	.hotproduct_col:last-child, .ptr_col:last-child {margin-right:0px}
	.hotprotxt1{font-size:12px; color:#454545;}
	.hotprotxt2{font-size:16px; color:#454545;}
	.hotprotxt3{color:#ff0000; font-size:19px; font-weight:bold;}
	.add_to_cart_btn{font-size:18px; color:#fff; border-radius:15px; padding:5px 0px; width:100%; display:block; background-color:#d82c00;}
	.hot_product{height:40vw; width:100%; background-size:cover;}
	
	
	/*
	.hotproduct_col{ width:100%; margin-right:2%;}
	.hotproduct_col:last-child {margin-right:0px}
	.add_to_cart_btn{font-size:18px; color:#fff; border-radius:15px; padding:5px 20px;}
	.hotprotxt1{font-size:15px;}
	.hotprotxt2{font-size:20px;}
	.hotprotxt3{font-size:19px;}
	*/
	
	#top_txt{ background-color:#f6f6f6; padding:12px 0; position:relative;}
	.toptxt1{color:#23242c; font-size:14x;}
	.toptxt2{color:#8a8888; font-size:12px;}
	.news_col{ text-align:center; position:relative;}
	#toptxt_left, #toptxt_right{left:0%;}
	#toptxt_right{ left:auto; right:0%;}
	
	#promo_row2{padding:30px 0 0px;}
	#pt1{margin-top:10px; width:100%; display:block;}
	.promo_item{display:block; width:100%; margin-bottom:15px;}
	.pt1_des{padding:12px 12px 16px; }
	.pttxt1{color:#fff; font-size:15px;}
	.pttxt2{color:#8a8888; font-size:13px;}
	.pink_btn{font-size:16px; color:#fff; padding:6px 10px; margin-left:10px;}
	.pt1_des .pink_btn{ position:absolute; top:15px; right:12px;}
	
	.promo_detail{position:relative; min-height:780px; width:100%; max-height:0; height:auto; background-color:#fff; top:0%; left:0%; transform:translate(0%, 0%); overflow:visible;}
	.promo_info_table{display:block; position:relative; height:100vh; overflow:scroll; width:100%;}
	#promo_col_1{width:100%; display:block; position:relative;}
	#promo_col_1 .pl_btn{ text-align:center; padding:10px 0; display:block; cursor:pointer; color:#fff; font-size:14px;}
	#promo_col_2{background-color:#fff; display:block; vertical-align:top;}
	.close_promo_btn_mb{width:100%; height:auto; position:relative; top:0px; right:0px; background-image:none; background-color:#000000; text-align:center; padding:10px 0 13px; font-size:18px;}
	.close_promo_btn_mb #mb_pd_close_left{display:inline-block;}
	.close_promo_btn_mb:after {content: '返回优惠活动'; color:#fff; font-size:17px;}
	.pro_info{padding:10px 2.5%; height:auto; overflow-y:visible;}
	.promo_title{ color:#5b5b5b; font-size:24px; font-weight:bold; border-bottom:solid 1px #5b5b5b; padding:0px 0px 10px 0px;}
	.promo_terms{padding:10px 0px 0px 0px; font-size:14px;  color:#1b1f2a;}
	.promo_countdown{font-size:12px; padding-bottom:10px;}
	.proendtime{font-size:26px; line-height:26px;}
	#allmostend{width:80px; margin:0; display:none; position:absolute; top:15px; left:10px;}
	#allmostend img{width:100%;}
	
}