@charset 'utf-8';
button { width: 100%!important; background: #f7002f!important; background: -webkit-linear-gradient(left, #ff546c, #f7002f)!important; font-size: 15px!important; color: #fff!important; }
button[disabled] { background: #d4d4db!important; color: #666!important; }
.tips { font-size: 13px; text-align: center; color: #e27500; }
.tlt-black { margin: 0 auto; background: #fff; font-size: 18px; text-align: center; color: #1c1c1c; }
.tlt-black.mt32 { margin: 32px auto 25px; }
.tlt-red { position: relative; width: 270px; margin: 20px auto; background: #fff; font-size: 19px; text-align: center; color: #f51137; }
.tlt-red:after { content: ''; position: absolute; z-index: -1; left: 50%; top: 9px; width: 356px; height: 1px; margin-left: -178px; background: #f51137; }
.tlt-red.f24 { font-size: 24px; }
.tlt-red.t2 { width: 190px; }
.tlt-red.t2:after { width: 276px; margin-left: -138px; }
/*main*/
.tban { padding: 45px 0 25px 28px; background: url(../images/banner.jpg) no-repeat center top #fff; background-size: 374px auto; }
.tban img { width: 161px; height: 67px; }
.tban h2 { margin-top: 20px; font-size: 21px; font-weight: bold; line-height: 30px; color: #fff9b7; }
.tban h2 strong { font-size: 25px; }
.tban p { margin: 16px 0 20px; font-size: 9px; line-height: 13px; color: #fff; }
.tban a { display: block; width: 330px; height: 45px; background: #fff; border: 2px solid #f70532; font-size: 13px; font-weight: bold; line-height: 45px; text-align: center; color: #f80c38; }
.counter-top { padding-top: 31px; background: url(../images/counter-top-bg.png) no-repeat 35px 0; background-size: 241px auto; }
.counter-top h3 { line-height: 26px; text-align: center; color: #606060; }
.counter { width: 356px; padding: 20px 0 24px; margin: 0 auto; background: #fffdf5; border: 2px solid #f51137; border-radius: 10px; }
.counter div { margin-top: 10px; }
.counter div label, .counter div span { display: block; color: #333; line-height: 39px; }
.counter div label { width: 70px; margin-left: 14px; }
.counter div input { width: 196px; margin: 0; }
.counter div span { width: 50px; }
.counter input { display: block; width: 298px; height: 39px; margin: 18px auto 12px; background: #e7e7e7; border: none; text-align: center; }
.counter button { display: block; width: 298px!important; height: 44px; margin: 0 auto; }
.counter-tips { width: 356px; margin: 18px auto 0px; font-size: 10px; line-height: 14px; color: #a0a0a0; }
#b1 { width: 374px; height: 164px; margin: 0 auto 40px; overflow-x: auto; }
#b1 ul li img { width: 303px; height: 164px; margin-left: 17px; }
#b1 ul li:last-child img { margin-right: 17px; }
.shop-tlt { margin: 38px 0 24px 9px; font-size: 15px; }
.shop img { width: 173px; height: 89px; margin: 3px; }
.shop-tel { position: relative; display: block; width: 334px; height: 47px; margin: 32px auto 40px; background: #33a927; border-radius: 47px; font-size: 17px; line-height: 47px; text-align: center; color: #fff; }
.shop-tel:after { content: ''; position: absolute; right: -10px; top: -10px; width: 66px; height: 66px; background: url(../images/shop-btn-tel.png); background-size: 66px auto; }
.hplus { width: 356px; margin: 37px auto 0; }
.hplus li { width: 116px; height: 180px; }
.hplus li:nth-child(1) { background: #112c25; }
.hplus li:nth-child(2) { background: #5f2d23; }
.hplus li:nth-child(3) { background: #652227; }
.hplus li img { width: 116px; height: 81px; }
.hplus li h3 { padding: 15px 0 9px; font-size: 12px; text-align: center; color: #fff; }
.hplus li p { padding: 0 7px 9px; font-size: 10px; line-height: 17px; color: #cdcdcd; }
.joininfo { width: 356px; margin: 0 auto; }
.joininfo.mt33 { margin-top: 33px; }
.joininfo h3 { margin-bottom: 20px; font-size: 20px; text-align: center; color: #363636; }
.joininfo input { width: 100%; height: 48px; padding: 0 10px; margin-top: 13px; border: 1px solid #c0c0c0; font-size: 15px; text-align: center; color: #f70230; }
.joininfo input:focus { border: 1px solid #f70230; }
.joininfo .tips { margin-top: 15px; }
.joininfo button { height: 48px; margin: 15px 0 18px; }
.benifit { width: 356px; padding: 45px 18px 18px; margin: 39px auto 0; border: 1px solid #f70532; }
.benifit.b1 { border-color: #f70532; }
.benifit.b1.mt69 { margin-top: 69px; }
.benifit.b2 { padding: 45px 0 18px; border-color: #ff6f21; }
.benifit.b3 { padding: 53px 13px 18px; border-color: #33a927; }
.benifit h2 { left: 50%; top: -19px; width: 220px; height: 40px; margin-left: -110px; font-size: 18px; line-height: 40px; text-align: center; color: #fff; }
.benifit.b1 h2 { background: #f70532; }
.benifit.b2 h2 { background: #ff6f21; }
.benifit.b3 h2 { background: #33a927; }
.benifit.b1 p { font-size: 15px; line-height: 27px; }
.benifit.b1 p span { text-decoration: underline; color: #000; }
.benifit.b2 h3 { padding-bottom: 12px; font-size: 15px; text-align: center; color: #2a2a2a; }
.benifit.b2 .tips { font-size: 10px; color: #898989; }
.benifit.b2 .tips.t2 { padding-right: 18px; text-align: right; }
.benifit.b2 ul { position: relative; width: 300px; height: 137px; margin: 74px auto 37px; background: url(../images/benifit3-bg.png) no-repeat; background-size: 300px auto; }
.benifit.b2 ul li { position: absolute; display: -webkit-flex; display: flex; justify-content: space-between; font-size: 13px; }
.benifit.b2 ul li span { color: #666; }
.benifit.b2 ul li:nth-child(1) { left: 0; top: -20px; width: 142px; }
.benifit.b2 ul li:nth-child(2) { left: 0; top: 109px; width: 100px; }
.benifit.b2 ul li:nth-child(3) { right: 0; top: -20px; width: 101px; }
.benifit.b2 ul li:nth-child(4) { right: 0; top: 25px; width: 86px; }
.benifit.b2 ul li:nth-child(5) { right: 0; top: 109px; width: 95px; }
.benifit.b3 p { font-size: 16px; font-weight: bold; text-align: center; color: #2a2a2a;line-height: 1.3;margin-bottom:5px; }
.benifit.b3 p strong { color: #f50235; text-decoration: underline; }
.benifit.b3 .tips { padding: 15px 0; font-size: 10px; line-height: 18px; text-align: right; color: #898989;font-weight: normal }
.benifit.b3 .tips.t2 { padding: 6px 90px 7px 0; text-align: right; }
.join-btn { position: relative; display: block; width: 356px!important; height: 45px; margin: 40px auto 47px; padding-left: 40px; }
.join-btn:after { content: ''; position: absolute; left: 16px; top: -23px; width: 74px; height: 68px; background: url(../images/join-btn-bg.png); background-size: 74px auto; }
.join-t1 { width: 356px; margin: 35px auto 50px; border: 1px solid #000; }
.join-t1 tr th, .join-t1 tr td { padding: 15px 0; line-height: 20px; text-align: center; }
.join-t1 tr:nth-child(odd) { background: #faf6e4; }
.join-t1 tr th { color: #676767; }
.join-t1 tr td { color: #202020; }
.join-h3 { margin: 23px auto 28px; font-size: 12px; line-height: 14px; text-align: center; color: #4a4a4a; }
.join-t2 { width: 356px; margin: 0 auto; border: 1px solid #000; }
.join-t2 tr th { position: relative; background: #dadada; font-size: 13px; line-height: 35px; color: #555; }
.join-t2 tr th:first-child:before { content: ''; position: absolute; left: 0; top: 34px; width: 352px; height: 2px; background: #fff; }
.join-t2 tr th:after { content: ''; position: absolute; right: 0; top: 0; width: 2px; height: 78px; background: #fff; }
.join-t2 tr th:last-child:after { background: none; }
.join-t2 tr td { background: #faf6e4; font-weight: bold; line-height: 45px; text-align: center; color: #f70331; }
.join-tips { margin-top: 13px; font-size: 10px; text-align: center; color: #898989; }
.support { width: 286px; height: 286px; margin: 30px auto; background: url(../images/support-bg.jpg); background-size: 286px auto; }
.support li { position: absolute; font-size: 13px; color: #2e2e2e; }
.support li:nth-child(1) { left: 86px; top: 19px; }
.support li:nth-child(2) { left: -23px; top: 68px; }
.support li:nth-child(3) { left: -30px; top: 168px; }
.support li:nth-child(4) { left: 21px; top: 249px; }
.support li:nth-child(5) { width: 100px; left: 180px; top: 239px; }
.support li:nth-child(6) { width: 100px; left: 229px; top: 150px; }
.support li:nth-child(7) { left: 220px; top: 74px; }
.support li:nth-child(8) { left: 230px; top: 87px; }
.support li:nth-child(9) { left: 205px; top: 37px; }
.msg { padding: 25px 10px 21px; background: #e5e5e5; }
.msg h2 { padding: 0 0 24px; font-size: 18px; text-align: center; color: #1c1c1c; }
.msg label { margin-bottom: 15px; font-size: 17px; color: #4f4f4f; }
.msg ul li { width: 104px; height: 33px; margin: 12px 0 0 12px; background: #fff; border: 1px solid #f7002f; line-height: 33px; text-align: center; }
.msg ul li.cur { background: #f7002f; color: #fff; }
.msg ul li:nth-child(1), .msg ul li:nth-child(4) { margin-left: 0; }
.msg textarea, .msg input { width: 100%; padding: 0 15px; background: #fff; border: none; color: #484848; }
.msg textarea { height: 70px; margin: 16px 0 -2px; padding-top: 12px; }
.msg input { height: 42px; margin-top: 4px; }
.msg .tips { margin-top: 20px; }
.msg button { height: 45px; margin-top: 28px; }
.bottom { margin-bottom: 28px; }
.bottom a { display: block; width: 328px; height: 50px; margin: 28px auto 26px; background: #ffe4cc; border-radius: 5px; font-size: 15px; line-height: 50px; text-align: center; color: #262626; }
.bottom a strong { font-size: 20px; color: #f7002f; }
.bottom p { font-size: 15px; text-align: center; color: #484848; }
.bottom p:last-child { margin-top: 9px; font-size: 10px; color: #a6a6a6; }
.daikuan {background: url(../images/daikuan-sky.png) no-repeat;background-size: 100% auto;padding-top: 20px;}
.daikuan h3 {font-size: 25px;color:#f70023;text-align: center;line-height: 1;}
.daikuan p {font-size: 1.6rem;text-align:center;color:white;padding:2.2rem .3rem .7rem;line-height: 1.5;}
.daikuan p span {color:#ffd053;}
.daikuan p small {font-size: 1.2rem;}
.daikuan input {border:1px solid #999;width:350px;height:45px;padding:0 18px;font-size: 15px;display: block;margin:0 auto 10px;}
.daikuan button {background: #f70023;color:white;font-size: 16px;border:0;width:350px!important;height:45px;display: block;margin:0 auto;}
.daikuan button:active {box-shadow: 0 0 25px rgba(0,0,0,.5) inset;}