@charset 'utf-8';
/*clear-default*/
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { -webkit-overflow-scrolling: touch; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html, body, input, textarea, select, button { font-family: PingFang SC, DroidSans, Microsoft YaHei, Helvetica, Arial, simsun, sans-serif; }
body { background: #fff; font-size: 14px; line-height: 1; color: #000; }
a, a:link, a:visited, a:hover, a:active { text-decoration: none; }
a img, fieldset { border: 0; }
img { display: block; border: 0; }
ul, ol, dl, li { list-style: none; }
hr { display: block; height: 1px; padding: 0; border: none; border-top: 1px solid #eee; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
q, blockquote { quotes: none; }
q:before, blockquote:before, q:after, blockquote:after { content: ''; }
table { border-spacing: 0; border-collapse: collapse; font-size: inherit; }
input, button, select, textarea { outline: none; border: none; border-radius: 5px; -webkit-tap-highlight-color: transparent; }
select { appearance: none; -moz-appearance: none; -webkit-appearance: none; padding-right: 14px; background: url(../images/arrowSel.png) no-repeat right center; background-size: 12px auto; border: #ccc 1px solid; }
select::-ms-expand {
display: none;
}
textarea { overflow: auto; resize: none; }
a, b, body, dd, div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, i, li, ol, p, small, span, td, th, ul { -webkit-tap-highlight-color: rgba(0,0,0,.1); font-weight: normal; }
/*placeholder*/
::-webkit-input-placeholder {
color: #bbb;
}
:-moz-placeholder {
color: #bbb;
}
::-moz-placeholder {
color: #bbb;
}
:-ms-input-placeholder {
color: #bbb;
}
/*reset结束*/
.re { position: relative; }
.ab { position: absolute; }
.wrap { position: absolute; left: 50%; width: 375px; margin-left: -187.5px; padding: 44px 0; }
/*header-footer*/
header { position: fixed; z-index: 102; left: 50%; top: -44px; width: 375px; height: 44px; padding: 0 14px; margin-left: -187.5px; background: #fff; border-bottom: 1px solid #d11556; display: flex; justify-content: space-between; align-items: center; transition: all 400ms; }
header.show { top: 0; }
header .line hr { width: 22px; height: 2px; margin: 5px 0; border: none; background: #d11556; border-radius: 2px; transition: all 800ms; }
header .line.close hr { transform: rotate(-45deg) translate(-5px, 5px); }
header .line.close hr:nth-child(2) { transform: rotate(45deg); }
header .line.close hr:last-child { display: none; }
header p { font-size: 17px; color: #333; }
.navmask { display: none; position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 100%; background: rgba(52,52,52,.7); }
.navmask.show { display: block; }
.nav { position: fixed; z-index: 101; left: -100%; top: 0; width: 272px; height: 1000px; padding: 0 14px; background: #d11556; transition: all 800ms; }
.nav.show { left: 0; }
.nav nav { width: 240px; margin: 60px auto 110px; }
.nav nav a { display: block; width: 240px; height: 59px; padding-left: 95px; background: url("../images/nav-bg.png") no-repeat; background-size: 19px auto; border-bottom: 1px solid rgba(0,0,0,.3); line-height: 59px; color: #fff; }
.nav nav a:nth-child(1) { background-position: 65px 0; }
.nav nav a:nth-child(2) { background-position: 65px -62px; }
.nav nav a:nth-child(3) { background-position: 65px -123px; }
.nav nav a:nth-child(4) { background-position: 65px -184px; }
.nav nav a:nth-child(5) { background-position: 65px -247px; }
.nav nav a:nth-child(6) { background-position: 65px -308px; }
.nav nav a:nth-child(7) { background-position: 65px -370px; }
.nav nav a:nth-child(8) { background-position: 65px -430px; }
footer { position: fixed; z-index: 99; left: 50%; bottom: 0; width: 375px; height: 44px; margin-left: -187.5px; background: #d11556; display: flex; justify-content: center; align-items: center; transition: all 400ms; }
footer.show { bottom: 0; }
footer a { display: block; width: 118px; background: url("../images/footer-bg.png") no-repeat; background-size: 266px auto; font-size: 12px; line-height: 42px; text-align: center; color: #fff; }
footer a:nth-child(1) { background-position: 15px center; }
footer a:nth-child(3) { width: 137px; background-position: -98px center; }
footer a:nth-child(5) { background-position: -235px center; }
footer hr { height: 16px; border: none; border-left: 1px solid #fff; }
#top { display: none; position: fixed; right: 10px; bottom: 20%; }
/*首页*/
.h-info1 { height: 615px; padding-top: 162px; background: url("../images/h-info1-bg.jpg"); background-size: 375px auto; font-size: 12px; line-height: 15px; text-align: center; color: #fff; }
.h-info2 { height: 782px; margin-top: -1px; background: url("../images/h-info2-bg.jpg"); background-size: 375px auto; }
.h-info2 h3 { font-size: 18px; line-height: 1.4; color: #fff; }
.h-info2 h3 strong { font-size: 22px; }
.h-info2 a { display: block; width: 24px; height: 24px; background: url("../images/h-info2-a.png") no-repeat; background-size: 24px auto; }
.h-info2 h3:nth-child(1) { padding: 78px 0 0 60px; }
.h-info2 a:nth-child(2) { margin: 12px 0 0 65px; }
.h-info2 h3:nth-child(3) { margin: 117px 0 0 178px; }
.h-info2 a:nth-child(4) { margin: 14px 0 0 298px; }
.h-info2 h3:nth-child(5) { margin: 146px 0 0 52px; }
.h-info2 a:nth-child(6) { margin: 12px 0 0 52px; }
.h-info3 { padding-bottom: 58px; margin-top: -1px; background: url("../images/h-info3-bg.jpg"); background-size: 375px auto; }
.h-info3 .h-logo { margin: 0 auto; }
.h-info3 h3 { width: 168px; height: 32px; margin: 10px auto 22px; border: 1px solid #fff; border-radius: 32px; font-size: 15px; font-weight: bold; line-height: 32px; text-align: center; color: #fff; }
.h-info3 ul li { width: 345px; height: 211px; padding: 0 10px 0 2px; margin: 15px auto 0; background-repeat: no-repeat; background-size: 345px auto; display: flex; align-items: center; }
.h-info3 ul li:nth-child(1) { background-image: url("../images/h-info3-img1.jpg"); }
.h-info3 ul li:nth-child(2) { justify-content: flex-end; background-image: url("../images/h-info3-img2.jpg"); }
.h-info3 ul li:nth-child(3) { background-image: url("../images/h-info3-img3.jpg"); }
.h-info3 ul li div { display: flex; flex-flow: row wrap; justify-content: center; width: 162px; padding: 18px 9px 13px; background: rgba(27,27,27,.75); border-radius: 5px; }
.h-info3 ul li:nth-child(2) div { width: 116px; padding: 14px 7px 7px; }
.h-info3 ul li div p { margin-top: 10px; font-size: 11px; line-height: 14px; text-align: center; color: #fff; }
.h-info3 ul li:nth-child(2) div p { margin-top: 5px; }
.link-btn { display: block; width: 335px; height: 45px; margin: 50px auto 0; background: #ff347a; border-radius: 5px; font-size: 17px; font-weight: bold; line-height: 45px; text-align: center; color: #fff; }
.link-btn.black { margin: 10px auto 48px; background: #373636; }
.h-cooperate { padding: 90px 0; background: url("../images/h-cooperate-bg.jpg") no-repeat; background-size: 375px auto; }
.h-cooperate h2 { font-size: 19px; font-weight: bold; text-align: center; color: #fff; }
.h-cooperate h3 { margin-top: 12px; font-size: 12px; text-align: center; color: #fff; }
.h-cooperate .ctn { display: flex; align-items: center; width: 294px; height: 273px; margin: 50px auto; background: #fff; border-radius: 5px; }
.h-cooperate .ctn img { margin: 0 auto; }
/*新闻动态*/
#b1 { height: 165px; }
#b1 .swiper-slide { background-size: 100% auto; background-position: center top; background-repeat: no-repeat; }
#b1 .swiper-slide a { display: block; width: 100%; height: 100%; padding: 15px 15px 0; font-size: 17px; line-height: 20px; color: #fff; }
#b1 .swiper-pagination { bottom: 15px; }
#b1 .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 4px; background: #fff; opacity: .5; }
#b1 .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; opacity: 1; }
.n-ctn { margin: 15px 13px; border-top: 1px solid #d9d9d9; }
.n-ctn .news { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-bottom: 1px solid #d9d9d9; }
.n-ctn .news div { width: 220px; }
.n-ctn .news div h2 { height: 40px; overflow: hidden; font-size: 17px; line-height: 20px; color: #333; }
.n-ctn .news div p { margin-top: 9px; color: #afafaf; }
.n-ctn .news img { width: 99px; height: 68px; }
#more { padding-bottom: 15px; text-align: center; }
/*新闻动态-详情*/
.news-ctn h2 { width: 344px; margin: 27px auto 14px; font-size: 24px; font-weight: bold; line-height: 31px; color: #1c1c1c; }
.news-ctn .time { width: 344px; margin: 0 auto; font-size: 12px; color: #8d8d8d; }
.news-ctn .ctn { width: 344px; margin: 20px auto 30px; }
.news-ctn .ctn img { max-width: 344px; margin: 10px 0; }
/*在线留言*/
.leavemsg { margin: 45px 15px; }
.leavemsg label { font-size: 14px; color: #333; }
.leavemsg label span { color: #d11556; }
.leavemsg ul { display: flex; flex-flow: row wrap; justify-content: space-between; margin-bottom: 25px; }
.leavemsg ul li { width: 108px; height: 28px; margin-top: 13px; background: #f2f2f2; border: 1px solid #d11556; border-radius: 28px; font-size: 14px; line-height: 28px; text-align: center; color: #595959; }
.leavemsg ul li.active { background: #d11556; color: #fff; }
.leavemsg input, .leavemsg textarea { width: 344px; height: 39px; margin: 10px 0 20px; padding: 5px; background: #f2f2f2; border: 1px solid #b3b3b3; border-radius: 5px; }
.leavemsg textarea { height: 75px; }
.leavemsg button { width: 344px; height: 40px; background: #d11556; border-radius: 5px; font-size: 17px; font-weight: bold; color: #fff; }
/*在线留言成功*/
.success { height: 500px; display: flex; flex-flow: column wrap; justify-content: center; align-items: center; }
.success h2 { margin: 18px 0; font-size: 24px; color: #000; }
.success h3 { font-size: 15px; color: rgba(0,0,0,.5); }
.success p { position: relative; margin: 80px 0 15px; font-size: 15px; color: #727272; }
.success p:before, .success p:after { content: ''; position: absolute; top: 7px; width: 35px; height: 1px; background: #ddd; }
.success p:before { position: absolute; left: -50px; }
.success p:after { right: -50px; }
/*宝乐迪门店*/
.s-tlt { width: 358px; height: 86px; margin: 30px auto 0; background: url("../images/s-tlt-bg.png"); background-size: 358px auto; font-size: 19px; font-weight: bold; line-height: 86px; text-align: center; color: #fff; }
.s-comment { width: 347px; margin: 0 auto; column-count: 2; column-gap: 10px; }
.s-comment li { display: none; height: 100%; overflow: auto; break-inside: avoid; width: 167px; margin-top: 7px; border-radius: 5px; border: 1px solid #e8e8e8; box-shadow: 0 3px 5px rgba(115,115,115,.13); }
.s-comment li:nth-child(-n+6) { display: block; }
.s-comment.active li { display: block; }
.s-comment li img { width: 165px; height: 123px; border-radius: 5px 5px 0 0; }
.s-comment li h3 { margin: 7px 7px 0; font-size: 14px; font-weight: bold; line-height: 21px; color: #060606; }
.s-comment li ul.ctn { margin: 10px 7px 6px; font-size: 11px; line-height: 15px; color: #060606; }
.s-comment li ul.ctn li { width: auto; padding-left: 13px; background: url("../images/s-comment-bg.png") no-repeat 0 2px; background-size: 8px auto; border: none; border-radius: 0; box-shadow: none; }
.s-comment li .bot { padding: 9px 7px 14px; border-top: 1px solid #e8e8e8; font-size: 10px; color: #808080; }
.s-more { position: relative; width: 60px; margin: 30px auto 0; padding: 2px 0; border-bottom: 1px solid #7b9aaa; font-size: 12px; color: #7b9aaa; }
.s-more:after { content: ''; position: absolute; right: 2px; top: 6px; width: 7px; height: 4px; background: url("../images/s-more.png"); background-size: 7px auto; }
.s-more.active:after { transform: rotate(180deg); }
.s-shop { width: 347px; margin: 0 auto 40px; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; }
.s-shop li { width: 167px; height: 206px; margin-top: 10px; border-radius: 5px; border: 1px solid #e8e8e8; box-shadow: 0 3px 5px rgba(115,115,115,.13); }
.s-shop li img { width: 165px; height: 138px; }
.s-shop li h3 { padding: 10px 9px 0; height: 52px; overflow: hidden; font-size: 14px; font-weight: bold; line-height: 21px; color: #060606; }
/*招商加盟*/
.join-main { background: #1d1832; }
.join-tlt { font-size: 19px; font-weight: bold; text-align: center; color: #fff; }
.join-tlt2 { padding: 28px 0 13px; font-size: 19px; font-weight: bold; text-align: center; color: #4c4c4c; }
.join-prototype { margin-top: 18px; }
.join-prototype li { width: 345px; height: 123px; margin: 10px 0 0 15px; background-size: 345px auto; font-size: 11px; line-height: 16px; color: #fff; }
.join-prototype li:nth-child(1) { padding: 62px 0 0 10px; width: 354px; height: 151px; background-image: url("../images/join-prototype-bg1.jpg"); background-size: 354px auto; }
.join-prototype li:nth-child(2) { padding: 38px 0 0 168px; background-image: url("../images/join-prototype-bg2.jpg"); }
.join-prototype li:nth-child(3) { height: 143px; padding: 60px 0 0 14px; background-image: url("../images/join-prototype-bg3.jpg"); }
.join-surpport { height: 536px; padding-top: 72px; background: url("../images/join-surpport-bg.jpg"); background-size: 374px auto; }
.join-surpport ul { width: 348px; margin: 22px auto 0; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; }
.join-surpport ul li { width: 160px; padding: 18px 0 15px 55px; border-bottom: 1px solid rgba(204,204,204,.4); background: url("../images/join-surpport-ul-bg.png") no-repeat; background-size: 232px auto; }
.join-surpport ul li:nth-child(1) { background-position: 0 12px; }
.join-surpport ul li:nth-child(2) { background-position: -188px 12px; }
.join-surpport ul li:nth-child(3) { background-position: 0 -141px; }
.join-surpport ul li:nth-child(4) { background-position: -188px -141px; }
.join-surpport ul li:nth-child(5) { background-position: 0 -265px; }
.join-surpport ul li:nth-child(6) { background-position: -188px -265px; }
.join-surpport ul li:nth-child(7) { background-position: 0 -409px; }
.join-surpport ul li:nth-child(8) { background-position: -188px -409px; }
.join-surpport ul li:nth-child(7), .join-surpport ul li:nth-child(8) { border-bottom: none; }
.join-surpport ul li:nth-child(odd) { width: 188px; padding-right: 28px; }
.join-surpport ul li h3 { font-size: 12px; font-weight: bold; color: #fff; }
.join-surpport ul li p { height: 54px; overflow: hidden; margin-top: 7px; font-size: 11px; line-height: 17px; color: #d8d8d8; }
.join-benifit { height: 599px; padding-top: 48px; background: url("../images/join-benifit-bg.jpg"); background-size: 374px auto; }
.join-benifit .img { top: -33px; right: 0; }
.join-benifit ul { width: 348px; margin: 20px auto -30px; }
.join-benifit ul li { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; padding: 15px 0; border-top: 1px solid #fff; }
.join-benifit ul li:first-child { border-top: none; }
.join-benifit ul li div { width: 190px; line-height: 16px; color: #fff; }
.join-benifit ul li:nth-child(2) div { text-align: right; }
.join-benifit ul li h3 { font-size: 12px; font-weight: bold; }
.join-benifit ul li p { margin-top: 8px; font-size: 11px; }
.join-pay { margin: 0 auto; border: 2px solid #000; }
.join-pay th, .join-pay td { width: 170px; height: 40px; border-bottom: 1px solid #bfbfbf; text-align: center; }
.join-pay th { background: #eef0f2; border-right: 1px solid #bfbfbf; font-size: 13px; font-weight: bold; }
.join-pay td { font-size: 12px; }
.join-case-top { width: 345px; height: 36px; margin: 0 auto; background: url("../images/join-case-top-bg.jpg"); background-size: 345px auto; font-size: 14px; line-height: 36px; text-align: center; color: #fff; }
.join-case-top em { font-weight: bold; font-style: normal; color: #ff347a; }
.join-case-ctn { width: 345px; height: 245px; padding-top: 7px; margin: 0 auto; border: 2px solid #444; }
.join-case-ctn .img { top: -2px; left: 0; }
.join-case-ctn table { width: 341px; }
.join-case-ctn table th, .join-case-ctn table td { width: 25%; height: 39px; text-align: center; color: #333; border-top: 1px solid #bfbfbf; }
.join-case-ctn table th { background: #eef0f2; border-right: 1px solid #bfbfbf; font-size: 13px; font-weight: bold; }
.join-case-ctn table td {  font-size: 12px; }
.join-case-tips { padding: 22px 0; font-size: 11px; line-height: 16px; text-align: center; color: #4c4c4c; }
.join-counter { height: 600px; padding-top: 86px; background: url("../images/join-counter-bg.jpg"); background-size: 374px auto; }
.join-counter h2 { margin-bottom: 38px; font-size: 19px; font-weight: bold; text-align: center; color: #fff; }
.join-counter ul li { width: 305px; height: 58px; margin: 0 auto; font-size: 14px; color: #fff; display: flex; justify-content: space-between; align-items: center; }
.join-counter ul li label { width: 64px; }
.join-counter ul li input { width: 177px; height: 35px; margin: 0; text-align: left; padding: 0 5px; }
.join-counter ul li span { width: 49px; }
.join-counter input { width: 305px; height: 45px; margin: 27px 0 0 35px; background: #f0f0f0; border-radius: 5px; text-align: center; }
.join-counter button { display: block; width: 305px; height: 45px; margin: 14px auto 16px; background: #ff347a; border-radius: 5px; font-size: 17px; font-weight: bold; line-height: 45px; text-align: center; color: #fff; }
.join-counter .tips { position: relative; margin: 0 auto; width: 140px; font-size: 14px; font-weight: bold; text-align: center; color: #ff347a; }
.join-counter .tips:before, .join-counter .tips:after { content: ''; position: absolute; top: 6px; width: 21px; height: 1px; background: #ff347a; }
.join-counter .tips:before { left: -24px; }
.join-counter .tips:after { right: -24px; }
.join-progress { display: flex; flex-flow: row wrap; justify-content: space-between; background: url("../images/join-progress-bg.png") no-repeat center 20px; background-size: 308px auto; }
.join-progress li { width: 33%; padding: 90px 0 20px; }
.join-progress li h3 { font-size: 13px; text-align: center; color: #333; }
.join-progress li p { height: 42px; margin-top: 5px; font-size: 11px; line-height: 14px; text-align: center; color: #666; }
.join-msg { padding: 24px 0; background: url("../images/join-msg-bg.jpg"); background-size: 374px auto; }
.join-msg input { width: 292px; height: 46px; margin: 0 0 11px 41px; padding-left: 48px; background: url("../images/join-msg-input-bg.png") no-repeat 20px 13px #fff; background-size: 27px auto; border-radius: 5px; text-align: center; }
.join-msg input:nth-child(2) { background-position: 20px -46px; }
.join-msg textarea { width: 292px; height: 66px; margin: 0 0 14px 41px; padding: 5px 10px; background: #fff; border-radius: 5px; }
.join-msg button { width: 292px; height: 46px; margin-left: 41px; background: #ff347a; border-radius: 5px; font-size: 17px; font-weight: bold; color: #fff; }
/*设计和物资*/
.design { background: #150227; }
.design-banner img { width: 375px; display: block; margin: 0 auto; }
.design-banner div { position: absolute; color: white; font-size: 24px; font-weight: bold; width: 25px; }
.design-banner div.text1 { left: 55px; top: 27px; }
.design-banner div.text2 { left: 88px; top: 27px; }
.design-banner div.text3 { right: 66px; top: 405px; }
.design .design-box .swiper-container { width: 345px; height: 235px; border-radius: 5px; overflow: hidden; }
.design .design-box .swiper-slide img { display: block; width: 100%; }
.design .design-box .swiper-pagination-bullet { background: white; opacity: 1; margin: 0 2px; }
.design .design-box .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 30px; border-radius: 100px; }
.design .design-box .swiper-button-prev, .design .design-box .swiper-button-next { width: 30px; height: 30px; background-size: 30px 30px!important; }
.design .design-box .swiper-button-prev { background-image: url(../images/design-btn-prev.png); }
.design .design-box .swiper-button-next { background-image: url(../images/design-btn-next.png); }
.design .design-box .box-name { font-size: 19px; text-align: center; color: white; padding: 20px 0; }
.design .design-box .tips { font-size: 12px; color: #f0e3fd; margin-top: -10px; padding-bottom: 10px; text-align: center; }
.design-link { display: block; width: 335px; height: 45px; line-height: 45px; margin: 10px auto 0; background: #ff347a; color: white; font-size: 15px; border-radius: 5px; text-align: center; }
.btn-shadow:active { box-shadow: 0 0 15px rgba(0,0,0,.3) inset; }
.img-adv { display: block; width: 100%; margin: 25px auto; }
.design-system { background: url(../images/design-system-bg.jpg) no-repeat; background-size: 100% auto; padding-top: 28px; padding-bottom: 40px; }
.design-system .name { font-size: 19px; text-align: center; color: white; }
.design-system .tips { font-size: 13px; line-height: 1.5; text-align: center; color: white; padding: 10px; }
.design-system .box { margin: 20px 0 0; }
.design-system .box img { display: block; width: 95%; margin: 0 auto; }
.design-system .box span { color: white; font-size: 18px; position: absolute; letter-spacing: 0.1em; }
.design-system .box1 span { left: 189px; top: 47px; }
.design-system .box2 span { left: 64px; top: 36px; }
.design .yx .name, .design .ls .name { font-size: 19px; text-align: center; color: white; padding: 20px 0; }
.design .yx img, .design .ls img { display: block; margin: 25px auto 0; width: 92%; }
.design .yx img { margin: 0 auto; }
.design .ls img.img-adv { margin-left: 0; width: 96%; }
.design .design-link { margin: 30px auto 10px; }
.no-m-b { margin-bottom: 0!important; }
.about-banner { background: url(../images/about-banner-bg.jpg) no-repeat; background-size: 375px auto; padding: 50px 10px 430px; color: white; text-align: center; }
.about-banner .name { font-size: 35px; font-weight: bold; line-height: 1.4; text-align: center; }
.about-banner .name span { font-size: 30px; font-weight: bold; }
.about-banner .tips { color: #efe3fd; font-size: 12px; background: #150124; border-radius: 20px; padding: 20px; line-height: 1.2; margin: 10px auto 0; width: 92%; }
.about-banner .tips span { display: block; width: 45px; border-bottom: 1px solid #d0ccd2; margin: 10px auto; }
.fb { background: #150227; padding: 15px 20px; }
.fb .name { font-size: 19px; text-align: center; padding: 20px 0; color: white; }
.fb img { display: block; width: 100%; margin: 0 auto; }
.fb p { font-size: 11px; color: #ffe8f2; line-height: 1.4; padding: 10px 0; }
.no-m-t { margin-top: 0!important; }
.about {/*background: #1e0642;*/ }
.fzlc { margin-top: -60px; }
.fzlc .name { color: white; font-size: 28px; text-align: center; width: 375px; position: absolute; left: 0; top: 0; }
.fzlc .box { left: 0; top: 0; font-size: 11px; font-weight: bold; color: white; }
.fzlc .box dl { position: absolute; }
.fzlc .box dl dt { position: absolute; width: 70px; }
.fzlc .box dl dd { position: absolute; font-size: 10px; line-height: 1.2; }
.fzlc .box dl:nth-child(1) dt { left: 35px; top: 57px; }
.fzlc .box dl:nth-child(1) dd { left: 89px; top: 106px; width: 260px; }
.fzlc .box dl:nth-child(2) dt { left: 284px; top: 170px; }
.fzlc .box dl:nth-child(2) dd { left: 41px; top: 221px; width: 260px; }
.fzlc .box dl:nth-child(3) dt { left: 40px; top: 278px; }
.fzlc .box dl:nth-child(3) dd { left: 34px; top: 317px; width: 220px; }
.fzlc .box dl:nth-child(4) dt { left: 35px; top: 384px; }
.fzlc .box dl:nth-child(4) dd { left: 182px; top: 432px; width: 170px; }
.fzlc .box dl:nth-child(5) dt { left: 35px; top: 487px; }
.fzlc .box dl:nth-child(5) dd { left: 36px; top: 529px; width: 260px; }
.fzlc .box dl:nth-child(6) dt { left: 280px; top: 604px; }
.fzlc .box dl:nth-child(6) dd { left: 141px; top: 652px; width: 190px; }
.fzlc .box dl:nth-child(7) dt { left: 279px; top: 713px; }
.fzlc .box dl:nth-child(7) dd { left: 92px; top: 762px; width: 260px; }
.fzlc .box dl:nth-child(8) dt { left: 34px; top: 843px; }
.fzlc .box dl:nth-child(8) dd { left: 61px; top: 892px; width: 260px; }
.fzlc .box dl:nth-child(9) dt { left: 35px; top: 950px; }
.fzlc .box dl:nth-child(9) dd { left: 40px; top: 989px; width: 305px; }
.fzlc .box dl:nth-child(10) dt { left: 282px; top: 1071px; }
.fzlc .box dl:nth-child(10) dd { left: 160px; top: 1120px; width: 210px; }
.fzlc .box dl:nth-child(11) dt { left: 31px; top: 1202px; }
.fzlc .box dl:nth-child(11) dd { left: 60px; top: 1255px; width: 260px; }
/*营销活动*/
.act-tlt { padding: 15px 0 10px; font-size: 19px; font-weight: bold; text-align: center; color: #fff; }
.act-subtlt { padding-bottom: 28px; font-size: 11px; text-align: center; color: #fff; }
.act-subtlt.pb20 { padding-bottom: 20px; }
.act-info { padding-bottom: 21px; background: url("../images/act-info-bg.jpg"); background-size: 374px auto; }
.act-info .info { margin-bottom: 35px; }
.act-info .info li { width: 345px; height: 160px; padding: 27px 156px 0 20px; margin: 10px auto 0; background: url("../images/act-info-bg1.jpg"); background-size: 345px auto; border-radius: 6px; color: #fff; }
.act-info .info li:nth-child(2) { padding: 20px 13px 0 143px; text-align: right; background-image: url("../images/act-info-bg2.jpg"); }
.act-info .info li h3 { font-size: 19px; font-weight: bold; }
.act-info .info li p { margin-top: 10px; font-size: 11px; line-height: 15px; text-align: left; }
.act-info .img { margin: 0 auto 24px; }
.act-tlt2 { width: 365px; height: 97px; padding: 34px 0 0 83px; margin: 38px auto 25px; background: url("../images/act-tlt2-bg.jpg"); background-size: 365px auto; font-size: 16px; font-weight: bold; line-height: 1.4; color: #fff; }
.auto { margin: 0 auto; }
.act-info2 { width: 345px; margin: 20px auto 0; font-size: 11px; line-height: 16px; color: #4c4c4c; }
.act-tlt3 { padding: 40px 0 22px; font-size: 15px; font-weight: bold; text-align: center; color: #4c4c4c; }
.act-info3 { width: 345px; padding: 0 20px 25px; margin: 0 auto; background: #f0f0f0; }
.act-info3 table { width: 100%; }
.act-info3 table:first-child { border-bottom: 1px solid #b7b7b7; }
.act-info3 th, .act-info3 td { font-size: 12px; text-align: center; color: #333; }
.act-info3 th { line-height: 37px; }
.act-info3 table:first-child td { height: 52px; }
.act-info3 table:first-child td:nth-child(3) { background: url("../images/increase.png") no-repeat bottom center; background-size: 35px auto; }
.act-info3 table:last-child td { line-height: 24px; }
.act-info3 table:last-child tr:nth-child(even) td { background: #e6e6e6; }
.link-btn.mb60 { margin-bottom: 60px; }
/*pop*/
.msg-pop { display: none; position: absolute; left: 50%; width: 344px; height: 336px; padding: 27px 0; margin-left: -172px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.4); }
.msg-pop .close { right: 10px; top: 10px; width: 20px; height: 20px; border: 1px solid #4c4c4c; border-radius: 100%; font-size: 18px; line-height: 16px; text-align: center; color: #4c4c4c; }
.msg-pop h2 { font-size: 17px; font-weight: bold; text-align: center; color: #4c4c4c; }
.msg-pop h3 { padding-top: 8px; font-size: 12px; text-align: center; color: #8e8e8e; }
.msg-pop input { width: 274px; height: 45px; margin: 16px 35px 0; padding: 0 5px; border: 1px solid #d11556; border-radius: 2px; }
.msg-pop button { width: 274px; height: 45px; margin: 16px 35px 0; background: #d11556; border-radius: 2px; font-size: 17px; font-weight: bold; color: #fff; }

.custom-counter { padding: 0 15px; border-style: solid; border-width: 0px; }
.custom-counter h2.tlt { padding: 20px 0 13px; font-size: 20px; font-weight: bold; text-align: center; color: #454545; }
.custom-counter .box { position: relative; margin-top: 10px; display: flex; justify-content: space-between; line-height: 40px; }
.custom-counter .box label { display: block; width: 60px; margin-right: 10px; font-size: 13px; text-align: right; }
.custom-counter .box input { width: 205px; height: 40px; padding: 0 10px; border: 1px solid #8f8f8f; color: #454545;font-size: 13px; }
.custom-counter .box span { display: block; width: 60px; margin-left: 5px; font-size: 12px; color: #828282;text-align: left; }
.custom-counter button {background: #e5005a; width: 100%; height: 40px; margin-top: 13px; border-width: 0; border-style: solid; font-size: 16px; font-weight: bold; color: #fff; }
.custom-counter .tips { padding: 5px 0; font-size: 11px; color: #a3a3a3;opacity: .4; }