* { margin: 0; padding: 0; }

/* CSS Document */
h2, h3 { margin: 0px !important; }
.fl { float: left; _display: inline; }
.clearfix:after { content: "."; visibility: hidden; display: block; font-size: 0; clear: both; height: 0; }
.clearfix { zoom: 1; }
.mt20 { margin-top: 20px !important; }
ul, li { list-style: none; }
.t-c { text-align: center !important; }
.pb10 { padding-bottom: 10px !important; }
.nav-brandStory-list,.nav-top10-list,.nav-memberCenter-list{z-index: 12!important;}
.layoutcontainer0319 { width: 100%; display: block; height: 14100px; position: relative; z-index: 10; overflow: hidden; background: #fff; font-family: 'Arial', 'Microsoft YaHei'; }
.layoutcontainer0319 .mc { position: relative; z-index: 10; }
.layoutcontainer0319 a { overflow: hidden; position: relative; display: inline-block; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.layoutcontainer0319 .topbg { width: 100%; height: 14100px; position: absolute; top: 0; left: 0px; z-index: 10; overflow: hidden; }
.layoutcontainer0319 .topbg img { position: absolute; width: 1920px; left: 50%; margin-left: -960px; z-index: 11; }
.layoutcontainer0319 .coupons-box { position: absolute; top: 695px; left: 50%; margin-left: -540px; width: 1080px; height: 480px; z-index: 20; }
.layoutcontainer0319 .coupons-box ul { width: 100%; height: 140px; }
.layoutcontainer0319 .coupons-box li { list-style: none; width: 315px; height: 105px; float: left; margin: 0 20px; }
.layoutcontainer0319 .coupons-box li a { width: 100%; height: 105px; display: block; background: url(about:blank); overflow: hidden; position: relative; }
.layoutcontainer0319 .cont-intro { width: 990px; height: 360px; margin: 0 auto; }
.layoutcontainer0319 .cont-intro dt { width: 33.3%; float: left; height: 300px; position: relative; }
.layoutcontainer0319 .hudong-part { position: absolute; top: 1420px; left: 50%; margin-left: -465px; width: 930px; height: 480px; z-index: 20; }
.layoutcontainer0319 .huodong-cont { width: 470px; height: 250px; margin-left: 10px; }
.layoutcontainer0319 .huodong-cont h5 { text-align: center; padding: 50px 0 30px; font-size: 20px; line-height: 40px; color: #333; }
.layoutcontainer0319 .huodong-cont a { width: 155px; height: 40px; display: inline-block; margin-left: 45px; border-radius: 20px; background: #f24541; color: #fff; text-align: center; line-height: 40px; text-decoration: none; font-size: 20px; }
.layoutcontainer0319 .hd-rule { width: 470px; height: 200px; }
.layoutcontainer0319 .hd-rule h6 { font-size: 18px; color: #333; line-height: 40px; }
.layoutcontainer0319 .hd-rule p { color: #4e4e4e; font-size: 16px; line-height: 32px; }
.layoutcontainer0319 .hd-rule p span { color: #d6000f; }
.layoutcontainer0319 .scroll-box { width: 990px; height: 400px; margin: 160px auto 0; }
.layoutcontainer0319 .show-cont { padding-top: 20px; width: 430px; height: 350px; float: left; margin-left: 30px; overflow-y: scroll; }
.layoutcontainer0319 .show-cont .scroll_div { font-size: 16px; line-height: 28px; color: #333; }
.layoutcontainer0319 .show-cont .scroll_div span { padding-right: 10px; }
.layoutcontainer0319 .show-cont .scroll_div p { font-size: 16px; padding: 8px 0; }
.layoutcontainer0319 .right-text { width: 410px; height: 230px; float: right; margin-top: 70px; }
.layoutcontainer0319 .right-text p { font-size: 17px; color: #3c0010; line-height: 28px; margin-top: 20px; }
.layoutcontainer0319 .right-text p span { color: #c80238; }
.layoutcontainer0319 .libao { position: absolute; top: 1065px; left: 50%; z-index: 16; margin-left: -508px; width: 1015px; height: 400px; text-align: center }
.layoutcontainer0319 .libao .libaolist { position: relative; z-index: 17; width: 360px; height: 400px; float: left; }
.layoutcontainer0319 .libao .libaolist span { position: absolute; left: 0; top: 0; z-index: 18; width: 100%; display: inline-block; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(-50px); -o-transform: translateY(-50px); -moz-transform: translateY(-50px); transform: translateY(-50px); -o-transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; transition: all .4s ease; }
.layoutcontainer0319 .libao .libaolist:hover span { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); }
.layoutcontainer0319 .heart-icon { position: absolute; width: 80px; height: 66px; background: url('heart_icon.png') no-repeat center center; z-index: 20; }
.layoutcontainer0319 .topbd { position: absolute; top: 0; left: 50%; margin-left: -600px; width: 1200px; z-index: 13; }
.layoutcontainer0319 .bd { width: 1200px; margin: 0 auto; position: relative; }
.layoutcontainer0319 .bd a { display: block; position: absolute; z-index: 15; background: url(about:blank); }
.layoutcontainer0319 .bd1 { height: 905px; width: 990px; }
.layoutcontainer0319 .bd2 { height: 1245px; width: 1100px; }
.layoutcontainer0319 .bd3 { height: 1550px; width: 1050px; }
.layoutcontainer0319 .bd4 { height: 1115px; width: 990px }
.layoutcontainer0319 .bd5 { height: 1595px; width: 1050px; }
.layoutcontainer0319 .bd6 { height: 2715px; width: 1100px; }
.layoutcontainer0319 .bd7 { height: 2725px; width: 1050px; }
.layoutcontainer0319 .bd8 { height: 1690px; width: 1000px; }
.layoutcontainer0319 .bd9 { height: 150px; width: 1200px; }
.layoutcontainer0319 .use-btn img { display: none; }
.layoutcontainer0319 .use-btn:hover img { display: block; }
.hd-nav-box-wrap { width: 100%; background: #eee; left: 0; top: 0; z-index: 25; box-shadow: 0 3px 8px #bbb; text-align: center; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.hd-nav-box-wrap .hd-nav-box { width: 1200px; margin: 0 auto; height: 50px; }
.hd-nav-box-wrap a { font-family: 'Adobe 黑体 Std'; display: block; float: left; padding: 0 25px; height: 50px; text-align: center; line-height: 50px; font-size: 22px; text-decoration: none; color: #333; position: relative; overflow: visible; border-top: 1px solid #fff; border-right: 1px solid #fff; }
.hd-nav-box-wrap a.last { border-right: none; }
.hd-nav-box-wrap a span { display: none; position: absolute; left: 50%; bottom: -20px; margin-left: -10px; width: 0; height: 0; border: 10px solid; border-color: #e20f2a transparent transparent; }
.hd-nav-box-wrap a.current { border-bottom: 5px solid #c5152c; }
.hd-nav-box-wrap.fixed { top: 0; position: fixed; }
.layoutcontainer0319 .cp-item { width: 100%; height: 100%; background: rgba(0, 0, 0, .5); position: absolute; top: 0px; left: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(-50px); -o-transform: translateY(-50px); -moz-transform: translateY(-50px); transform: translateY(-50px); -o-transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; transition: all .4s ease; z-index: 18; }
.layoutcontainer0319 .cp-item:hover { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); }
.layoutcontainer0319 .cp-item div { width: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.layoutcontainer0319 .cp-item p { width: 100%; color: #fff; font-size: 14px; text-align: center; line-height: 24px; font-family: '方正中等线简体'; }

.hd-nav{
	width: 100%;
	height: 65px;
	margin:170px auto 50px;
}
.hd-nav li{
	width: 50%;
	float: left;
	height: 100%;
	cursor: pointer;
}
.couponBox{
	width: 600px;
	height: 375px;
	margin-left: 90px;
}
.couponBox li{
	width: 240px;
	height: 103px;
	margin-left: 37px;
	margin-bottom:36px ;
	cursor: pointer;
	float: left;
}
.libaoBox{
	width: 840px;
	height: 260px;
	margin:0 auto;
}
.libaoBox dd{
	width: 33.3%;
	height: 100%;
	float: left;
	position: relative;
}

.showToast{
    z-index:99999999999999999999999;position: fixed;left: 50%;top: 50%;font-size:18px;border-radius: 5px;background: rgba(0,0,0,0.8);color:#ffffff;text-align: center;
    padding: 20px;
    line-height: 26px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.hdpop { display: none; }
.hdpop .mask { background-color: #000; opacity: .5; filter: alpha(opacity=50); width: 100%; height: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 52; }
.hdpop .hd-close { width: 50px; height: 50px; position: absolute; top: 20%; right: 0%; z-index: 55; }
.hdpop .hdpop-mc { width: 650px; position: fixed; top: 50%; left: 50%; z-index: 53; margin-left: -325px; height: 500px; margin-top: -250px;}
#hbAlert .hdpop-mc{ background: url('../image/jfAlertbg.png') no-repeat center center; }
#hbAlert .hdpop-mc .alert-cont{width:625px;margin:150px auto 0; }
#hbAlert .hdpop-mc .alert-cont ul{width: 100%;height: auto;overflow: hidden;}
#hbAlert .hdpop-mc .alert-cont ul li{width: 190px;height: 110px;margin-left: 14px;margin-bottom: 30px;float: left;cursor: pointer;}

#turutbAlert .hd-close{top: 20%; right: 5%;}
#turutbAlert .hdpop-mc { background: url('../image/20jfalert.png') no-repeat center center; }
#turutbAlert .hdpop-mc .alert-cont{width:582px;margin:345px auto 0;}
#turutbAlert .hdpop-mc .alert-cont p{width: 190px;height: 50px;float: left;}