body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
header,
section,
article,
footer {
    margin: 0;
}

body,
button,
input,
select,
textarea {
    font: 12px/1.5 tahoma, "\5FAE\8F6F\96C5\9ED1", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

em,
b {
    font-style: normal;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

img {
    border: 0;
}

html {
    width: 100%;
}

body {
    /* padding-top: 42px; */
    background: #2f2149;
    text-align: center;
    width: 100%;
}

button,
input,
select,
textarea {
    font-size: 100%;
    outline: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th,
ul,
ol {
    padding: 0;
}

ol,
ul {
    list-style: none;
}

.clearfix:after {
    content: "\0020";
    height: 0;
    display: block;
    clear: both;
}

.hidden {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}

.pr {
    position: relative;
}

.overh {
    overflow: hidden;
}

a {
    text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover {
    text-decoration: none;
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
}

.wrap_h1 {
    display: none;
    visibility: hidden;
}

/* footer */
#afooter {
    text-align: center;
    line-height: 0.20rem;
    color: #eff5fe;
    background-color: #000000;
    padding: 0.40rem 0;
    font-size: 0.12rem;
}

#afooter a {
    color: #eff5fe;
}
html , body{
    height: 100%;
} 

@font-face {
    font-family: "BEAUFORTFORLOL-BOLD";
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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U2hpbm4gVHlwZSBGb3VuZHJ5Lk1vbm90eXBlIEltYWdpbmcsIEluYy5OaWNrIFNoaW5uLCBKaW0gRm9yZENvcHlyaWdodCAoYykgMjAwOCwgMjAxMyBieSBOaWNrIFNoaW5uLiBQdWJsaXNoZWQgYnkgU2hpbm4gVHlwZSBGb3VuZHJ5LiBBbGwgcmlnaHRzIHJlc2VydmVkLiBDdXN0b21pemVkIGFuZCBleHRlbmRlZCBmb3IgUmlvdCBHYW1lcyBieSBNb25vdHlwZSBJbWFnaW5nLCBJbmMud3d3LnNoaW5udHlwZS5jb213d3cuc2hpbm50eXBlLmNvbWh0dHA6Ly93d3cuc2hpbm50eXBlLmNvbS9TaGlublR5cGVfRVVMQS5wZGYAQwBvAHAAeQByAGkAZwBoAHQAIAAoAGMAKQAgADIAMAAwADgALAAgADIAMAAxADMAIABiAHkAIABOAGkAYwBrACAAUwBoAGkAbgBuAC4AIABQAHUAYgBsAGkAcwBoAGUAZAAgAGIAeQAgAFMAaABpAG4AbgAgAFQAeQBwAGUAIABGAG8AdQBuAGQAcgB5AC4AIABBAGwAbAAgAHIAaQBnAGgAdABzACAAcgBlAHMAZQByAHYAZQBkAC4AIABDAHUAcwB0AG8AbQBpAHoAZQBkACAAYQBuAGQAIABlAHgAdABlAG4AZABlAGQAIABmAG8AcgAgAFIAaQBvAHQAIABHAGEAbQBlAHMAIABiAHkAIABNAG8AbgBvAHQAeQBwAGUAIABJAG0AYQBnAGkAbgBnACwAIABJAG4AYwAuAEIAZQBhAHUAZgBvAHIAdABmAG8AcgBMAE8ATAAtAEIAbwBsAGQAQgBvAGwAZABNAE8ATgBPACAALQAgAEIAZQBhAHUAZgBvAHIAdAAgAGYAbwByACAATABPAEwAIABCAG8AbABkACAAQgB1AGkAbABkACAAMQAwADAAQgBlAGEAdQBmAG8AcgB0ACAAZgBvAHIAIABMAE8ATAAgAEIAbwBsAGQAVgBlAHIAcwBpAG8AbgAgADEALgAwADAAQgBlAGEAdQBmAG8AcgB0AGYAbwByAEwATwBMAC0AQgBvAGwAZABCAGUAYQB1AGYAbwByAHQAIABQAHIAbwAgAGkAcwAgAGEAIAB0AHIAYQBkAGUAbQBhAHIAawAgAG8AZgAgAGIAeQAgAE4AaQBjAGsAIABTAGgAaQBuAG4ALgAgAFAAdQBiAGwAaQBzAGgAZQBkACAAYgB5ACAAUwBoAGkAbgBuACAAVAB5AHAAZQAgAEYAbwB1AG4AZAByAHkALgBNAG8AbgBvAHQAeQBwAGUAIABJAG0AYQBnAGkAbgBnACwAIABJAG4AYwAuAE4AaQBjAGsAIABTAGgAaQBuAG4ALAAgAEoAaQBtACAARgBvAHIAZABDAG8AcAB5AHIAaQBnAGgAdAAgACgAYwApACAAMgAwADAAOAAsACAAMgAwADEAMwAgAGIAeQAgAE4AaQBjAGsAIABTAGgAaQBuAG4ALgAgAFAAdQBiAGwAaQBzAGgAZQBkACAAYgB5ACAAUwBoAGkAbgBuACAAVAB5AHAAZQAgAEYAbwB1AG4AZAByAHkALgAgAEEAbABsACAAcgBpAGcAaAB0AHMAIAByAGUAcwBlAHIAdgBlAGQALgAgAEMAdQBzAHQAbwBtAGkAegBlAGQAIABhAG4AZAAgAGUAeAB0AGUAbgBkAGUAZAAgAGYAbwByACAAUgBpAG8AdAAgAEcAYQBtAGUAcwAgAGIAeQAgAE0AbwBuAG8AdAB5AHAAZQAgAEkAbQBhAGcAaQBuAGcALAAgAEkAbgBjAC4AdwB3AHcALgBzAGgAaQBuAG4AdAB5AHAAZQAuAGMAbwBtAHcAdwB3AC4AcwBoAGkAbgBuAHQAeQBwAGUALgBjAG8AbQBoAHQAdABwADoALwAvAHcAdwB3AC4AcwBoAGkAbgBuAHQAeQBwAGUALgBjAG8AbQAvAFMAaABpAG4AbgBUAHkAcABlAF8ARQBVAEwAQQAuAHAAZABmAAIAAAAAAAD/agAyAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAAAA8AEQATABQAFQAWABcAGAAZABoAGwAcAJYAAA==) format("truetype");
    font-style: normal;
    font-weight: normal;
}


.head {
    width: 7.5rem;
    height: 7.83rem;
    background: url(../ossweb-img/m/head.jpg) no-repeat top center;
    background-size: 100% 100%;
    overflow: hidden;
}

.head .logo {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 2.14rem;
    height: 0.32rem;
    position: absolute;
    top: 1.5rem;
    left: 0.3rem;
}
/* .logo {
    width: 2.44rem;
    height: 0.72rem;
    background: url(../ossweb-img/m/logo.png) no-repeat;
    background-size: 100% 100%;
} */
.logo-lol {
    display: block;
    width: 1.28rem;
    height: 0.42rem;
    background: url(../ossweb-img/logo-lol.png) no-repeat center / 100%;
    /* position: absolute;
    left: 0.5rem;
    top: 1.22rem; */
    z-index: 2;
}

.logo-zb {
    /* position: absolute;
    top: 1.22rem;
    left: 1.81rem; */
    display: block;
    width: 1.68rem;
    height: 0.36rem;
    background: url(../ossweb-img/logo-zb.png) no-repeat center / 100%;
    display: none;
    z-index: 2;
}
.logo-djc {
    /* position: absolute;
    top: 0.24rem;
    left: 1.81rem; */
    display: block;
    width: 1.48rem;
    height: 0.45rem;
    background: url(../ossweb-img/logo-djc.png) no-repeat center / 100%;
    display: none;
    z-index: 2;
}

.title {
    width: 7.5rem;
    height: 3.87rem;
    margin: 3.75rem auto 0;
    background: url(../ossweb-img/m/head-title.png) no-repeat;
    background-size: 100% 100%;
}

.contact {
    display: block;
    position: fixed;
    bottom: 0.5rem;
    right: 0.5rem;
    width: 1.02rem;
    height: 1.03rem;
    background: url(../ossweb-img/m/contact.png) no-repeat;
    background-size: 100% 100%;
    z-index: 99999;
}

.p1 {
    width: 7.5rem;
    height: 6.41rem;
    background: url(../ossweb-img/m/p1.jpg) no-repeat;
    background-size: 100% 100%;
}

.title1 {
    width: 7.5rem;
    height: 0.84rem;
    margin: 0 auto;
    background: url(../ossweb-img/m/title1.png) no-repeat;
    background-size: 100% 100%;
}

.title2 {
    width: 7.5rem;
    height: 1.17rem;
}

.title2::after {
    display: block;
    content: '';
    background: url(../ossweb-img/m/title2.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 10%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 999;
}

.title3 {
    width: 7.5rem;
    height: 0.84rem;
    margin: 0 auto;
    background: url(../ossweb-img/m/title3.png) no-repeat;
    background-size: 100% 100%;
}

.title4 {
    width: 7.5rem;
    height: 0.84rem;
    margin: 0 auto;
    background: url(../ossweb-img/m/title4.png) no-repeat;
    background-size: 100% 100%;
}

.title5 {
    width: 7.5rem;
    height: 0.84rem;
    margin: 0 auto;
    background: url(../ossweb-img/m/title5.png) no-repeat;
    background-size: 100% 100%;
}

.goods {
    width: 7.5rem;
    height: 2.25rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    margin: 0.5rem auto 0;
}

.goodbox {
    width: 2.15rem;
    height: 2.15rem;
    border: 1px solid transparent;
    background: url(../ossweb-img/m/p1-goodbg.png) no-repeat;
    background-size: 100% 100%;
}

.p1-icon1 {
    width: 2.07rem;
    height: 1.64rem;
    margin: 0.1rem auto 0;
    background: url(../ossweb-img/m/p1-icon1.png) no-repeat;
    background-size: 100% 100%;
}

.p1-icon2 {
    width: 1.35rem;
    height: 1.56rem;
    margin: 0.1rem auto 0;
    background: url(../ossweb-img/m/p1-icon2.png) no-repeat;
    background-size: 100% 100%;
}

.p1-icon3 {
    width: 1.12rem;
    height: 1.63rem;
    margin: -0.2rem auto 0;
    background: url(../ossweb-img/m/p1-icon3.png) no-repeat;
    background-size: 100% 100%;
}

.p1-d1 {
    width: 0.64rem;
    height: 0.68rem;
    position: absolute;
    top: 0.03rem;
    left: 0.03rem;
    background: url(../ossweb-img/m/p1-d1.png) no-repeat;
    background-size: 100% 100%;
}

.p1-d2 {
    width: 0.64rem;
    height: 0.68rem;
    position: absolute;
    top: 0.03rem;
    left: 0.03rem;
    background: url(../ossweb-img/m/p1-d2.png) no-repeat;
    background-size: 100% 100%;
}

.p1-d3 {
    width: 0.64rem;
    height: 0.68rem;
    position: absolute;
    top: 0.03rem;
    left: 0.03rem;
    background: url(../ossweb-img/m/p1-d3.png) no-repeat;
    background-size: 100% 100%;
}

.p1-btn1 {
    width: 1.07rem;
    height: 0.21rem;
    margin: 0 auto;
    font-size: 0.16rem;
    color: #e5b9d0;
    font-weight: bold;
    text-align: center;
    line-height: 0.21rem;
    background: url(../ossweb-img/m/p1-btn1.png) no-repeat;
    background-size: 100% 100%;
}

.p1b1-1 {
    margin-top: -0.14rem;
}

.p1b1-2 {
    margin-top: -0.07rem;
}

.p1b1-3 {
    margin-top: 0.16rem;
}

.p1-price {
    font-size: 0.26rem;
    background: linear-gradient(to right, #f3e2c9 0%, #e6cba6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-family: 'BEAUFORTFORLOL-BOLD';
    margin: -0.05rem auto 0;
}

.p1-price  span {
    font-size: 0.17rem;
}

.p1-subtitle1 {
    width: 2.25rem;
    height: 0.22rem;
    background: url(../ossweb-img/m/p1-subtitle1.png) no-repeat;
    background-size: 100% 100%;
    margin: 0.1rem auto 0;
}

.p1-subtitle2 {
    width: 2.25rem;
    height: 0.22rem;
    background: url(../ossweb-img/m/p1-subtitle2.png) no-repeat;
    background-size: 100% 100%;
    margin: 0.1rem auto 0;
}

.p1-subtitle3 {
    width: 1.28rem;
    height: 0.22rem;
    background: url(../ossweb-img/m/p1-subtitle3.png) no-repeat;
    background-size: 100% 100%;
    margin: 0.1rem auto 0;
}

.p1-btn2 {
    display: block;
    width: 4.89rem;
    height: 0.82rem;
    margin: 0.4rem auto 0.2rem;
    text-align: center;
    line-height: 0.82rem;
    font-size: 0.36rem;
    color: #fff;
    background: url(../ossweb-img/m/p1-btn2.png) no-repeat;
    background-size: 100% 100%;
    
}

.p1 p {
    font-size: 0.2rem;
    color: #aaa3e6;
    text-align: center;
}

.p2 {
    width: 7.5rem;
    height: 13.56rem;
    background: url(../ossweb-img/m/p2.jpg) no-repeat;
    background-size: 100% 100%;
}

.lunbo-bg {
    width: 7.5rem;
    height: 6.62rem;
    margin: -0.25rem auto 0;
    background: url(../ossweb-img/m/lunbo-bg.png) no-repeat;
    background-size: 100% 100%;
}

.p2-prev {
    position: absolute;
    top: 3.12rem;
    left: 0.38rem;
    display: block;
    width: 0.44rem;
    height: 0.47rem;
    background: url(../ossweb-img/m/p2-prev.png) no-repeat;
    background-size: 100% 100%;
    z-index: 999;
}

.p2-next {
    position: absolute;
    top: 3.12rem;
    left: 6.52rem;
    display: block;
    width: 0.44rem;
    height: 0.47rem;
    background: url(../ossweb-img/m/p2-next.png) no-repeat;
    background-size: 100% 100%;
    z-index: 999;
}

.p2-pic1 {
    display: block;
    width: 3.98rem;
    height: 6.01rem;
    margin: 0 auto;
    background: url(../ossweb-img/m/p2-pic1.png) no-repeat;
    background-size: 100% 100%;
}

.p2-pic2 {
    display: block;
    width: 4.45rem;
    height: 6.19rem;
    margin: 0 auto;
    background: url(../ossweb-img/m/p2-pic2.png) no-repeat;
    background-size: 100% 100%;
}

.p2-pic3 {
    display: block;
    width: 3.9rem;
    height: 6.06rem;
    margin: 0 auto;
    background: url(../ossweb-img/m/p2-pic3.png) no-repeat;
    background-size: 100% 100%;
}

.p2-pic4 {
    display: block;
    width: 4.16rem;
    height: 6.19rem;
    margin: 0 auto;
    background: url(../ossweb-img/m/p2-pic4.png) no-repeat ;
    background-size: 100% 100%;
}

.p3 {
    width: 7.5rem;
    height: 9.56rem;
    background: url(../ossweb-img/m/p3.jpg) no-repeat;
    background-size: 100% 100%;
}

.p3-cont {
    width: 7.01rem;
    height: 5.59rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0.4rem auto 0;
}

.p3-border {
    width: 0.48rem;
    height: 6.28rem;
    background: url(../ossweb-img/m/p3-border.png) no-repeat;
    background-size: 100% 100%;
}

.p3-date {
    width: 0.96rem;
    height: 5.59rem;
    margin-top: -0.36rem;
}

.p3-date-border {
    width: 0.93rem;
    height: 0.86rem;
    /* margin: 30px 0; */
    background: url(../ossweb-img/m/p3-date-border.png) no-repeat;
    background-size: 100% 100%;
}

.p3-date-border:nth-child(1) {
    height: 1.2rem;
    margin-top: 0.9rem;
}
.p3-date-border:nth-child(2) {
    margin-top: 1.15rem;
}
.p3-date-border:nth-child(3) {
    margin-top: 1.25rem;
}

.p3-contr {
    width: 5.51rem;
    height: 5.59rem;
}

.p3-date-border p {
    display: block;
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.17rem;
    font-family: 'BEAUFORTFORLOL-BOLD';
}

.p3-date-border:nth-child(2) p {
    line-height: 0.24rem;
}

.p3-date-border p:nth-child(1) {
    padding-top: 0.05rem;
}

.price p ,i{
    background: linear-gradient(to right, #f3e2c9 0%, #e6cba6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.p3-date-border i {
    display: block;
    font-style: normal;
    text-align: center;
    font-size: 0.16rem;
    padding-right: 0.08rem;
    
}

.p3-contr1l {
    /* display: inline-block; */
    width: 1.75rem;
    height: 1.78rem;
    background: url(../ossweb-img/m/p3-iconbg.png)  no-repeat;
    background-size: 100% 100%;
}

.p3-d1 {
    width: 0.82rem;
    height: 0.78rem;
    position: absolute;
    top: 0.06rem;
    left: 0.07rem;
    background: url(../ossweb-img/m/p3-d1.png) no-repeat;
    background-size: 100% 100%;
}

.p3-d3 {
    width: 0.82rem;
    height: 0.78rem;
    position: absolute;
    top: 0.06rem;
    left: 0.07rem;
    background: url(../ossweb-img/m/p3-d3.png) no-repeat;
    background-size: 100% 100%;
}


.p3-contr1 {
    width: 5.51rem;
    height: 1.78rem;
    margin-top: 0.3rem;
}

.p3-contr1r {
    /* display: inline-block; */
    overflow: hidden;
    width: 5.26rem;
    height: 1.65rem;
    margin-left: 0.4rem;
    margin-top: -1.7rem;
    background: url(../ossweb-img/m/p3-contr1r-bg.png) no-repeat;
    background-size: 100% 100%;
}

.p3-icon1 {
    position: absolute;
    top: -0.5rem;
    left: 0.3rem;
    width: 1.46rem;
    height: 2.31rem;
    background: url(../ossweb-img/m/p3-icon1.png) no-repeat;
    background-size: 100% 100%;
}

.p3-btn {
    width: 2.24rem;
    height: 0.3rem;
    margin: 0.1rem auto 0;
    text-align: center;
    line-height: 0.32rem;
    font-size: 0.18rem;
    color: #f9edd9;
    margin-left: 2.1rem;
    background: url(../ossweb-img/m/p3-btn.png) no-repeat;
    background-size: 100% 100%;
}

.p3-subtitle1 {
    width: 2.45rem;
    height: 0.57rem;
    margin: 0.05rem auto 0.05rem;
    margin-left: 2rem;
    background: url(../ossweb-img/m/p3-subtitle1.png) no-repeat;
    background-size: 100% 100%;
}

.p3-subtitle2 {
    width: 1.98rem;
    height: 0.57rem;
    margin: 0.05rem auto 0.05rem;
    margin-left: 2rem;
    background: url(../ossweb-img/m/p3-subtitle2.png) no-repeat;
    background-size: 100% 100%;
}

.p3-subtitle3 {
    width: 2.67rem;
    height: 0.58rem;
    margin: 0.05rem auto 0.05rem;
    margin-left: 2rem;
    background: url(../ossweb-img/m/p3-subtitle3.png) no-repeat;
    background-size: 100% 100%;
}

.p3-contr1r-border {
    width: 3.17rem;
    height: 0.1rem;
    margin-left: 1.5rem;
    background: url(../ossweb-img/m/p3-contr1r-border.png) no-repeat;
    background-size: 100% 100%;
}

.p3-contr1r-price {
    width: 1.5rem;
    height: 0.5rem;
    margin-top: -0.03rem;
    margin-left: 2.3rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    font-family: 'BEAUFORTFORLOL-BOLD';
    font-size: 0.48rem;
    background: linear-gradient(to right, #f3e2c9 0%, #e6cba6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.p3-contr1r-price p {
    font-size: 0.48rem;
    background: linear-gradient(to right, #f3e2c9 0%, #e6cba6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.p3-contr1r-price span {
    font-size: 0.22rem;
    margin-bottom: -0.2rem;
    
}

.p3-icon2 {
    width: 1.41rem;
    height: 1.72rem;
    margin-left: 0.2rem;
    background: url(../ossweb-img/m/p3-icon2.png) no-repeat;
    background-size: 100% 100%;
}

.p3-icon3 {
    width: 1.47rem;
    height: 1.11rem;
    position: absolute;
    top: 0.5rem;
    left: 0.25rem;
    background: url(../ossweb-img/m/p3-icon3.png) no-repeat;
    background-size: 100% 100%;
}

.p3-btn2 {
    width: 4.89rem;
    height: 0.82rem;
    display: block;
    margin: 1rem auto 0.2rem;
    text-align: center;
    line-height: 0.82rem;
    background: url(../ossweb-img/m/p3-btn2.png) no-repeat;
    background-size: 100% 100%;
    
    font-size: 0.36rem;
    color: #f7f3ff;
}

.p3>p {
    font-size: 0.18rem;
    color: #938ac8;
    text-align: center;
}


.p4 {
    overflow: hidden;
    width: 7.5rem;
    height: 12.51rem;
    background: url(../ossweb-img/m/p4.jpg) no-repeat;
    background-size: 100% 100%;
}

.p4-con1 {
    width: 7.5rem;
    height: 1.53rem;
    margin: 0.2rem auto 0;
    background: url(../ossweb-img/m/p4-con1.png)no-repeat;
    background-size: 100% 100%;
}

.p4c1-con {
    width: 888px;
    height: 229px;
    margin: 0 auto;
}

.p4c1-con1 {
    width: 6.57rem;
    height: 0.22rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-left: 0.6rem;
    margin-bottom: 0;
}

.p4c1-con2 {
    width: 6.79rem;
    height: 0.55rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-left: 0.49rem;
    margin-top: 0.2rem;
}

.p4-icon1 {
    width: 0.42rem;
    height: 0.34rem;
    background: url(../ossweb-img/m/p4-icon1.png) no-repeat;
    background-size: 100% 100%;
}

.p4-icon2 {
    width: 0.95rem;
    height: 0.94rem;
    margin-left: -0.2rem;
    background: url(../ossweb-img/m/p4-icon2.png) no-repeat;
    background-size: 100% 100%;
}

.p4-icon3 {
    width: 1.5rem;
    height: 0.07rem;
    background: url(../ossweb-img/m/p4-icon3.png) no-repeat;
    background-size: 100% 100%;
}

.p4c1-con1>p {
    font-size: 0.24rem;
    color: #cf2284;
    font-family: "BEAUFORTFORLOL-BOLD";
}

.p4c1-con1>p:nth-child(4) {
    color: #e3b77f;
    margin-right: 0.28rem;
}

.p4c1-con3>p {
    display: inline-block;
    font-size: 0.24rem;
    color: #f4e8e5;
}

.p4c1-con3>p:nth-child(1) {
    position: absolute;
    top: 0rem;
    left: 0.3rem;
}

.p4c1-con3>p:nth-child(2) {
    position: absolute;
    top: 0rem;
    left: 2.2rem;
}

.p4c1-con3>p:nth-child(3) {
   position: absolute;
    top: 0rem;
    left: 3.55rem;
}

.p4c1-con3>p:nth-child(4) {
    position: absolute;
    top: 0rem;
    left: 6.3rem;
    color: #ffe0b8;
}

.p4c1-con4 span {
    display: inline-block;
    width: 0.08rem;
    height: 0.08rem;
    background: url(../ossweb-img/m/p4-icon4.png) no-repeat;
    background-size: 100% 100%;
}

.p4c1-con4 {
    margin-top: 1rem;
}

.p4c1-con4 p {
    /* margin-top: 1rem; */
    /* display: inline-block; */
    font-size: 0.2rem;
    color: #aaa3e6;
    text-align: left;
    /* line-height: 0.1rem; */
    margin-left: 0.2rem;
}

/* .p4c1-con4 p:nth-child(1)  {
    margin-left: 25px;
}

.p4c1-con4 p:nth-child(2)  {
    margin-left: 240px;
} */

.p4-con2 {
    overflow: hidden;
    width: 6.99rem;
    height: 3.34rem;
    margin: 1.3rem auto 0;
    background: url(../ossweb-img/m/p4-con2.png) no-repeat;
    background-size: 100% 100%;
}

.p4-logo {
    /* display: block; */
    width: 3.96rem;
    height: 0.57rem;
    margin: 0.5rem auto 0.1rem;
    background: url(../ossweb-img/m/p4-logo.png) no-repeat;
    background-size: 100% 100%;
}

.p4c2-r {
    display: inline-block;
    width: 6.51rem;
    height: 1.78rem;
    font-size: 0.2rem;
    color: #ffffff;
    margin-left: 0.1rem;
    text-align: left;
}

.p4c2-r p {
    margin-bottom: 0.2rem;
}

.p4-btn {
    display: block;
    width: 4.89rem;
    height: 0.82rem;
    margin: 0.4rem auto 0;
    font-size: 0.34rem;
    color: #f7f3ff;
    text-align: center;
    line-height: 0.82rem;
    background: url(../ossweb-img/m/p4-btn.png) no-repeat;
    background-size: 100% 100%;
    
}

.p5 {
    width: 7.5rem;
    height: 24.26rem;
    background: url(../ossweb-img/m/p5.jpg) no-repeat;
}

.p5-cont {
    width: 6.91rem;
    height: 21.32rem;
    margin: 0.3rem auto 0;
    text-align: left;
}

.p5 h1 {
    font-size: 0.24rem;
    font-weight: bold;
    color: #ffffff;
    margin: 0.2rem 0;
}
.p5 ul li {
    font-size: 0.2rem;
    color: #ffffff;
    list-style-type: disc;
}

.p5 ul {
    margin-left: 0.5rem;
    margin-bottom: 0.1rem;
}

.p5-cont span {
    font-size: 0.2rem;
    color: #ff7cc6;
}

.p5-cont p {
    display: inline-block;
    font-size: 0.2rem;
    color: #ffffff;
    margin-left: 0.23rem;
    margin-bottom: 0.2rem;
}

.p5-cont em {
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 0.1rem;
    background-color: #fff;
    color: #000;
    text-align: center;
    line-height: 0.2rem;
    vertical-align: middle;
}

/* ���� */
.pop {
    width: 7.5rem;
    height: 6.39rem;
    background: url(../ossweb-img/m/pop-bg.png) no-repeat;
    background-size: 100% 100%;
}

.dia-close {
    position: absolute;
    right: 0.5rem;
    top: 1rem;
    display: block;
    width: 0.35rem;
    height: 0.32rem;
    background: url(../ossweb-img/m/close.png) no-repeat;
    background-size: 100% 100%;
}

.pop-btn {
    display: block;
    width: 1.09rem;
    height: 0.25rem;
    font-size: 0.16rem;
    color: #fff0f8;
    /* padding-left: 0.3rem; */
    line-height: 0.25rem;
    margin-top: 0.8rem;
    margin-left: 0.8rem;
    background: url(../ossweb-img/m/pop-btn.png) no-repeat;
    background-size: 100% 100%;
}

.pop-btn p {
    margin-left: -0.2rem;
}

.pop-title1 {
    width: 3.39rem;
    height: 1.01rem;
    position: absolute;
    top: 1.55rem;
    left: 3.5rem;
    background: url(../ossweb-img/m/pop-title1.png) no-repeat;
    background-size: 100% 100%;
}

.pop-title2 {
    width: 2.41rem;
    height: 0.88rem;
    position: absolute;
    top: 1.55rem;
    left: 3.5rem;
    background: url(../ossweb-img/m/pop-title2.png) no-repeat;
    background-size: 100% 100%;
}
.pop-title2-2 {
    width: 2.39rem;
    height: 0.88rem;
    position: absolute;
    top: 1.55rem;
    left: 3.5rem;
    background: url(../ossweb-img/m/pop-title2-2.png) no-repeat;
    background-size: 100% 100%;
}
.pop-title2-3 {
    width: 2.41rem;
    height: 0.88rem;
    position: absolute;
    top: 1.55rem;
    left: 3.5rem;
    background: url(../ossweb-img/m/pop-title2-3.png) no-repeat;
    background-size: 100% 100%;
}

.pop-title3 {
    width: 3.39rem;
    height: 1.01rem;
    position: absolute;
    top: 1.55rem;
    left: 3.5rem;
    background: url(../ossweb-img/m/pop-title3.png) no-repeat;
    background-size: 100% 100%;
}

.pop-title4 {
    width: 2.64rem;
    height: 0.88rem;
    position: absolute;
    top: 1.55rem;
    left: 3.5rem;
    background: url(../ossweb-img/m/pop-title4.png) no-repeat;
    background-size: 100% 100%;
}
.pop-title5 {
    width: 2.82rem;
    height: 0.88rem;
    position: absolute;
    top: 1.55rem;
    left: 3.5rem;
    background: url(../ossweb-img/m/pop-title4.png) no-repeat;
    background-size: 100% 100%;
}
.pop-title6 {
    width: 2.98rem;
    height: 0.88rem;
    position: absolute;
    top: 1.55rem;
    left: 3.5rem;
    background: url(../ossweb-img/m/pop-title6.png) no-repeat;
    background-size: 100% 100%;
}

.pop-con1 {
    width: 4.44rem;
    height: 2.81rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    margin-top: 1rem;
    margin-left: 1rem;
    position: absolute;
    top: 1.8rem;
    left: 1.8rem;
}

.pop-con2 {
    width: 4.44rem;
    height: 2.81rem;
    margin-top: 1rem;
    margin-left: 1rem;
    position: absolute;
    top: 1.8rem;
    left: 1.8rem;;
}

.pop-con3 {
    width: 4.44rem;
    height: 2.81rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    margin-top: 1rem;
    margin-left: 1rem;
    position: absolute;
    top: 1.8rem;
    left: 1.8rem;
}

.pop1-btn1 {
    width: 2.26rem;
    height: 1.31rem;
    background: url(../ossweb-img/m/pop1-btn3.png) no-repeat;
    background-size: 100% 100%;
}

.pop1-btn2 {
    width: 2.18rem;
    height: 1.31rem;
    background: url(../ossweb-img/m/pop1-btn2.png) no-repeat;
    background-size: 100% 100%;
}

.pop1-btn3 {
    width: 2.18rem;
    height: 1.31rem;
    background: url(../ossweb-img/m/pop1-btn1.png) no-repeat;
    background-size: 100% 100%;
}

.pop1-btn4 {
    width: 2.18rem;
    height: 1.31rem;
}

.pop1-btn4 p {
    font-size: 0.18rem;
    color: #2f1b24;
    margin-top: 0.4rem;
    text-align: center;
}

.pop3-btn1 {
    width: 2.18rem;
    height: 1.38rem;
    background: url(../ossweb-img/m/pop3-btn1.png) no-repeat;
    background-size: 100% 100%;
}

.pop3-btn2 {
    width: 2.18rem;
    height: 1.38rem;
    background: url(../ossweb-img/m/pop3-btn2.png) no-repeat;
    background-size: 100% 100%;
}

.pop3-btn3 {
    width: 2.18rem;
    height: 1.38rem;
    background: url(../ossweb-img/m/pop3-btn3.png) no-repeat;
    background-size: 100% 100%;
}

.pop3-btn4 {
    width: 2.18rem;
    height: 1.38rem;
}

.pop3-btn4 p {
    font-size: 0.18rem;
    color: #2f1b24;
    margin-top: 0.4rem;
    text-align: center;
}

.pop-con2 h1 {
    font-size: 0.18rem;
    color: #ae187c;
    text-align: center;
    font-weight: bold;
}

.pop-con2 p {
    font-size: 0.14rem;
    color: #7a7371;
    text-align: center;
}

.dia_inbsg {
  max-height: 6rem;
  overflow: hidden;
  overflow-y: auto;
}

.dia_xzgd {
    width: 100%;
    height: 1.5rem;
}

.dia_inbsg::-webkit-scrollbar {
  width: 0.06rem;
  height: 0.04rem;
}

/*�����*/
.dia_inbsg::-webkit-scrollbar-track {
  border-radius: 0.02rem;
  background: #ffffff;
  width: 0.02rem;
  height: 100%;
}

/*��������*/
.dia_inbsg::-webkit-scrollbar-thumb {
  border-radius: 0.02rem;
  background: #333333;
  cursor: pointer;
}

.popcon2-tb table tr td {
    border: 1px solid #000;
    text-align: center;
}

.popcon2-tb table thead tr td:nth-child(1) {
    width: 3.35rem;
    height: 0.36rem;
    color: #150906;
    font-size: 0.18rem;
    font-weight: bold;
}

.popcon2-tb table thead tr td:nth-child(2) {
    width: 0.85rem;
    height: 0.36rem;
    color: #150906;
    font-size: 0.18rem;
    font-weight: bold;
}

.popcon2-tb table tbody tr td {
    height: 0.35rem;
    color: #150906;
    font-size: 0.16rem;
}

.pop table {
    margin-left: 0.1rem;
}

.p2 .swiper-pagination {
    position: relative;
    width: 3.06rem;
    height: 0.42rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 0.2rem auto;
}

.swiper-pagination-bullet {
    display: inline-block;
    width: 0.4rem;
    height: 0.37rem;
    cursor: pointer;
    z-index: 999;
    opacity: 1;
    margin: 0 0.1rem;
    background: url(../ossweb-img/icon2.png) no-repeat center;
    background-size: 100% 100%;

}

.swiper-pagination-bullet-active {
    width: 0.4rem;
    height: 0.37rem;
    background: url(../ossweb-img/icon1.png) no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}

.p4-pic1 {
    display: block;
    width: 6.3rem;
    height: 2.1rem;
    background: url(../ossweb-img/m/p4-pic1.jpg) no-repeat;
    background-size: 100% 100%;
}

.p4-pic2 {
    display: block;
    width: 6.3rem;
    height: 2.1rem;
    background: url(../ossweb-img/m/p4-pic2.jpg) no-repeat;
    background-size: 100% 100%;
}


.p4-pic3 {
    display: block;
    width: 6.3rem;
    height: 2.1rem;
    background: url(../ossweb-img/m/p4-pic3.jpg) no-repeat;
    background-size: 100% 100%;
}

.p4-pic4 {
    display: block;
    width: 6.3rem;
    height: 2.1rem;
    background: url(../ossweb-img/m/p4-pic4.jpg) no-repeat;
    background-size: 100% 100%;
}


.p4-pic5 {
    display: block;
    width: 6.3rem;
    height: 2.1rem;
    background: url(../ossweb-img/m/p4-pic5.jpg) no-repeat;
    background-size: 100% 100%;
}

.p4-prev {
    display: block;
    position: absolute;
    top: 0.7rem;
    left: 0.3rem;
    width: 0.46rem;
    height: 0.5rem;
    background: url(../ossweb-img/m/p4-prev.png) no-repeat;
    background-size: 100% 100%;
    z-index: 999;
}

.p4-next {
    display: block;
    position: absolute;
    top: 0.7rem;
    left: 6.6rem;
    width: 0.46rem;
    height: 0.5rem;
    background: url(../ossweb-img/m/p4-next.png) no-repeat;
    background-size: 100% 100%;
    z-index: 999;
}
.swiper-pagination-p4 {
    width: 100%;
}
.p4 .swiper-pagination-bullet {
    display: inline-block;
    width: 0.42rem;
    height: 0.1rem;
    cursor: pointer;
    z-index: 999;
    margin: 0 0.1rem;
    background: url(../ossweb-img/m/p4-icon5.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 0.1rem;
}

.p4 .swiper-pagination-bullet-active {
    width: 0.42rem;
    height: 0.1rem;
    background: url(../ossweb-img/m/p4-icon6.png) no-repeat;
    background-size: 100% 100%;
}

.p4 .swiper-container {
    margin: 1.5rem auto 0;
    margin-left: 0.5rem;
}

.p4 .swiper-paginatio {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 3.2rem;
    margin-top: -1.5rem;
}

.lunbo-m {
    width: 7.01rem;
    width: 2.56rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    /* margin-top: 0.5rem; */
    margin-left: 0.5rem;
}

.lunbo-m-l {
    width: 3.29rem;
    height: 2.34rem;
    background: url(../ossweb-img/m/p2-m-border.png) no-repeat;
    background-size: 100% 100%;
}

.lunbo-m-r {
    width: 3.29rem;
    height: 2.34rem;
    background: url(../ossweb-img/m/p2-m-border.png) no-repeat;
    background-size: 100% 100%;
}

.p2-pic5 {
    display: block;
    width: 3.2rem;
    height: 2.26rem;
    background: url(../ossweb-img/m/p2-pic5.png) no-repeat;
    background-size: 100% 100%;
}

.p2-pic6 {
    display: block;
    width: 3.2rem;
    height: 2.26rem;
    background: url(../ossweb-img/m/p2-pic6.png) no-repeat;
    background-size: 100% 100%;
}


.p2-pic7 {
    display: block;
    width: 3.2rem;
    height: 2.26rem;
    background: url(../ossweb-img/m/p2-pic7.png) no-repeat;
    background-size: 100% 100%;
}


.p2-pic8 {
    display: block;
    width: 3.2rem;
    height: 2.26rem;
    background: url(../ossweb-img/m/p2-pic8.png) no-repeat;
    background-size: 100% 100%;
}


.p2-pic9 {
    display: block;
    width: 3.2rem;
    height: 2.26rem;
    background: url(../ossweb-img/m/p2-pic9.png) no-repeat;
    background-size: 100% 100%;
}

.p2-pic10 {
    display: block;
    width: 3.2rem;
    height: 2.26rem;
    background: url(../ossweb-img/m/p2-pic10.png) no-repeat;
    background-size: 100% 100%;
}


.p2-pic11 {
    display: block;
    width: 3.2rem;
    height: 2.26rem;
    background: url(../ossweb-img/m/p2-pic11.png) no-repeat;
    background-size: 100% 100%;
}


.p2-pic12 {
    display: block;
    width: 3.2rem;
    height: 2.26rem;
    background: url(../ossweb-img/m/p2-pic12.png) no-repeat;
    background-size: 100% 100%;
}

.p2-m-btn {
    display: block;
    width: 4.89rem;
    height: 0.82rem;
    margin: -0.2rem auto 0;
    color: #ffffff;
    font-size: 0.24rem;
    font-family: "BEAUFORTFORLOL-BOLD";
    text-align: center;
    line-height: 0.82rem;
    background: url(../ossweb-img/m/p2-m-btn.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 0.5rem;
}

.p2-m-btn span {
    font-size: 0.46rem;
    color: #ffffff;
    font-family: "BEAUFORTFORLOL-BOLD";
}

.mt {
    margin-top: 0.9rem;
}

.txt-more {
    background: url(../ossweb-img/txt-more.png) no-repeat center / 100%;
    background-size: 100% 100%;
    text-indent: -9999px;
    width: 3.65rem;
    height: 0.32rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.13rem;
}
.txt-zhongj {
    background: url(../ossweb-img/txt-zhongj.png) no-repeat center / 100%;
    background-size: 100% 100%;
    text-indent: -9999px;
    width: 2.04rem;
    height: 0.33rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.13rem;
}

.p2 .p2-swiper-pagination {
    margin-top: -0.3rem;
}

.nav-top {
    width: 7.5rem;
    height: 1rem;
    background: url(../ossweb-img/m/nav-top.png) no-repeat;
    background-size: 100% 100%;
}

.nav-top a {
    display: block;
    height: 1rem;
    position: absolute;
}

.nav-topa1 {
    width: 1.33rem;
    top: 0;
    left: 0.4rem;
}

.nav-topa2 {
    width: 1.17rem;
    top: 0;
    left: 2.53rem;
}

.nav-topa3 {
    width: 0.94rem;
    top: 0;
    left: 4.4rem;
}

.nav-topa4 {
    width: 0.94rem;
    top: 0;
    left: 6.3rem;
}

.p1-zzc1 {
    width: 2.13rem;
    height: 2.15rem;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../ossweb-img/m/p1-zzc1.png) no-repeat;
    background-size: 100% 100%;
}

.p1-zzc2 {
    width: 2.34rem;
    height: 2.39rem;
    position: absolute;
    top: -0.25rem;
    left: 0;
    background: url(../ossweb-img/m/p1-zzc2.png) no-repeat;
    background-size: 100% 100%;
}

.p3-zzc1 {
    position: absolute;
    top: -0.25rem;
    left: 0;
    width: 1.76rem;
    height: 2.04rem;
    background: url(../ossweb-img/m/p3-zzc1.png) no-repeat;
    background-size: 100% 100%;
}

.p3-zzc2 {
    position: absolute;
    top: 0rem;
    left: 0;
    width: 1.76rem;
    height: 1.77rem;
    background: url(../ossweb-img/m/p3-zzc2.png) no-repeat;
    background-size: 100% 100%;
}

.nav-top-xx {
    position: absolute;
    top: 0.06rem;
    left: 2.57rem;
    width: 1.3rem;
    height: 0.85rem;
    background: url(../ossweb-img/m/nav-top-xx.png) no-repeat;
    background-size: 100% 100%;
}