* { 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; }
.layoutcontainer0319 { width: 100%; display: block; height: 3300px; 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: 3300px; 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: 770px; width: 990px; }
.layoutcontainer0319 .bd2 { height: 1040px; width: 990px; }
.layoutcontainer0319 .bd3 { height: 610px; width: 990px; }
.layoutcontainer0319 .bd4 { height: 700px; width: 990px; }
.layoutcontainer0319 .bd5 { height: 680px; width: 1080px; }
.layoutcontainer0319 .bd6 { height: 1290px; width: 990px; }
.layoutcontainer0319 .bd7 { height: 700px; width: 1100px; }
.layoutcontainer0319 .bd8 { height: 750px; width: 1200px; }
.layoutcontainer0319 .bd9 { height: 600px; 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: '方正中等线简体'; }

#message { position: fixed; z-index: 9999; width: 500px; height: 63px; text-align: center; color: #d70001; font-size: 20px; line-height: 63px; background: #fff; border-radius: 5px; top: 50%; left: 50%; margin-left: -250px; margin-top: -31px; box-shadow: 0 0 20px rgba(0, 0, 0, .5) }

.sigin-infro { width: 810px; height: 220px; margin: 0 auto; overflow: hidden; }
.sigin-infro dd { float: left; height: 100%; }
.sigin-infro dd p { font-size: 20px; line-height: 32px; color: #101010; padding-top: 15px; }
.sigin-infro dd p span.bg { display: inline-block; padding: 5px 10px; background-color: #fff; border-radius: 2px; }
.sigin-infro dd p span { font-size: 36px; color: #e61a54; margin-right: 5px; }

.signIn-box { width: 880px; height: 535px; margin: 30px auto 0; }
.signIn-box li { width: 130px; height: 240px; margin: 0 45px; float: left; }
.signIn-box li img { display: block; margin: 10px auto; }
.signIn-box li p { text-align: center; font-size: 14px; line-height: 21px; }

.winBox { width: 820px; height: 45px; line-height: 40px; color: #fff; overflow: hidden; position: relative; z-index: 20; left: 12%; }
.winBox .qimo { width: 8000%; }
.winBox .qimo div { float: left; }
.winBox span { display: inline-block; float: left; overflow: hidden; line-height: 40px; font-size: 17px; padding: 0 10px; }
.bd3 .hd-infro { width: 405px; height: 70px; position: absolute; top: 11%; right: 5%; font-size: 16px; color: #1b1b1b; line-height: 30px; }
.bd3 .hd-infro b { font-size: 18px; color: #e61a54; }
.turntable { width: 990px; height: 600px; margin: 0 auto; position: relative; z-index: 20; }
.dowebok { width: 463px; position: relative; float: left; margin-left: 37px; }
.rotary { position: relative; width: 463px; height: 463px; background: url(../image/turntable.png) no-repeat center top; }
.hand { position: absolute; left: 50%; top: 50%; width: 120px; height: 127px; cursor: pointer; border: none; margin-left: -62px; margin-top: -63px; outline: none; }
.partbox { width: 390px; float: right; height: auto; padding-top: 180px; overflow: hidden; }
.partbox .zhuanpan-intro { height: auto; width: 100%; }
.partbox .zhuanpan-intro h5 { font-size: 17px; line-height: 24px; color: #3a3a3a; padding-bottom: 10px; }
.partbox .zhuanpan-intro p { font-size: 15px; color: #3a3a3a; line-height: 26px; }
.partbox .turnInfro { font-size: 15px; line-height: 24px; color: #1e1e1e; padding-top: 20px; }
.partbox .turnInfro a { font-weight: 600; color: #000; }
.bd4 .backTop { width: 335px; height: 70px; margin: 0 auto; }

.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; }
#hbAlert .hd-close { width: 50px; height: 50px; position: absolute; top: 20%; right: 5%; z-index: 55; }
#hbAlert .hdpop-mc { width: 650px; position: fixed; top: 50%; left: 50%; z-index: 53; margin-left: -325px; height: 500px; margin-top: -250px; background: url('../image/hongbao_alert.png') no-repeat center center; }
#hbAlert .hdpop-mc .alert-cont{margin-top: 250px;width: 90%;margin-left: 10%; }
#hbAlert .hdpop-mc .alert-cont p{width: 130px;margin:0 auto;font-size: 42px;color: #333;text-align: center;line-height: 45px;font-weight: 600;}

#turutbAlert .hd-close { width: 50px; height: 50px; position: absolute; top: 12%; right: 14%; z-index: 55; }
#turutbAlert .hdpop-mc { width: 750px; position: fixed; top: 50%; left: 50%; z-index: 53; margin-left: -375px; height: 592px; margin-top: -296px; background: url('../image/turntable_alert.png') no-repeat center center; }
#turutbAlert .hdpop-mc .alert-cont{width:540px;margin:385px auto 0;}
#turutbAlert .hdpop-mc .alert-cont #jpName{font-size: 18px;line-height: 36px;color: #333;text-align: center;height: 60px;}
#turutbAlert .hdpop-mc .alert-cont p{width: 245px;margin:0 auto;font-size: 42px;color: #333;text-align: center;line-height: 45px;font-weight: 600;height: 45px;}