body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:'';}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;-webkit-appearance: none;}
input,textarea,select{font-size:100%;}
a{text-decoration:none;}
html{font-size:100px;}
*{ outline: none; }
img{display:block;width:100%;}
.hide{width: 0;height: 0;overflow: hidden;display: block;visibility: hidden;}
.clearfix:after{content:'';display:block;height:0;clear:both}
.t{text-indent:-9999em;display:block;overflow:hidden;}
body,html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none; -webkit-user-select:none;width: 100%;height:100%;}
a{text-decoration:none;outline:none;}
html{-webkit-tap-highlight-color:rgba(0,0,0,0);}
table{border-collapse:collapse;border-spacing:0;}
img{ width: 100%;}

body{background: #7c281b; position: relative;}
.clearfix,
.flex{ display: flex;  display: -webkit-flex; flex-flow: wrap; -webkit-flex-flow: wrap;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
input[type='number'] {
  -moz-appearance: textfield;
}

/* content */
.wrapper{
    color:#572109;
    font-size:20px;
    width: 100%;
    position:relative;
}
.wrapper img{display: block;margin:0 auto;}
.acts{
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 750px;
    overflow: hidden;
    margin-top: -1px;
}
/* 商品 */
.commodity{
    width: 669px;
    height: 927px;
    margin: 78px auto 0;
    position: relative;
}
.btns{
    display: block;
    text-indent: -99999px;
}
.btn_buy{
    width: 171px;
    height: 63px;
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/btn_buy.png") 0 0/100% no-repeat;
    position: absolute;
    right: 53px;
    bottom: 23px;
}

/* 顶部区域 */
.act1{
    height: 1139px;
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/bg1.jpg") 0 0/100% no-repeat;
}
.loging-box {
    position: absolute;
    width: 94%;
    left:3%;
    top: 30px;
    text-align: center;
    color: #ffbd4c;
    font-size: 22px;
}
.loging-box a {color: #ffbd4c;}

/* 圣诞树立牌部分 */
.act2{
    height: 1321px;
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/bg2.jpg") 0 0/100% no-repeat;
}
.commodity1{
    margin-top: 342px;
}

/* 镭射票部分 */
.act3{
    height: 9150px;
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/bg3.jpg") 0 0/100% no-repeat;
}
.commodity2{
    margin-top: 20px;
}

/* 活动规则 */
.act4{
    height: 1041px;
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/bg4.jpg") 0 0/100% no-repeat;
}
.rules{
    font-size: 20px;
    /*color: #c53c26;*/
    width: 640px;
    height: 500px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 223px;
    overflow-y: auto;
}

.highlight{
    color: #cb3312;
}

.rules p{
    margin-bottom: 10px;
    line-height: 30px;
}


/*弹窗*/
.pop{
    display: none;
    position: relative; 
    box-sizing: border-box; 
    color:#ffffff;
    font-size: 24px;
    text-align: center;
    width: 631px;
    height: 884px;
    border: 1px solid transparent;
}
.close{ 
    width: 54px; 
    height: 54px; 
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2023/cookieRun/btn_close.png") 0 0/100% no-repeat;
    position: absolute; 
    right: -48px;
    top: -20px; 
    text-indent: -9999px; 
    overflow: hidden; 
}
.pop .btn_pop_buy{
    width: 165px;
    height: 61px;
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/btn_buy.png") 0 0/100% no-repeat;
    position: absolute;
    right: 35px;
    bottom: 58px;
}
.pop .buy_num_iptbox{
    width: 182px;
    height: 54px;
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/bg_ipt_num.png") 0 0/100% no-repeat;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 78px;
    left: 76px;
}
.pop .buy_num_iptbox .ipt_num{
    width: 32%;
    height: 96%;
    background: none;
    outline: none;
    border: none;
    text-align: center;
    color: #ffffff;
    font-size: .24rem;
}
.pop .buy_num_iptbox .btns{
    width: 34%;
    height: 100%;
}
.pop .buy_num_price{
    position: absolute;
    bottom: 73px;
    left: 250px;
    font-size: 28px;
    font-weight: bold;
}

/* 圣诞立牌弹窗 */
.pop1{ 
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/pop1.png") 0 0/100% no-repeat;
}
.pop1 .buy_num_iptbox{
    position: relative;
    width: 150px;
    height: 44px;
    bottom: 0;
    left: 0;
}
.pop1 .buy_num_iptbox .btns{width: 32%;}
.pop1 .buy_num_iptbox .ipt_num{width: 36%;}

.pop1 .product_img{
    width: 544px;
    height: 338px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 78px auto 0;
}
.pop1 .product_img img{
    width: 562px;
    height: 365px;
    margin: 45px 0 0 1px;
}
.pop1 .chose_btns_box{
    width: 554px;
    margin: 55px 29px 0;
    display: flex;
    flex-direction: column;
}
.pop1 .chose_btns_box .chose_item{
    display: flex;
    margin: 10px 0 20px 20px;
    justify-content: space-between;
}
.pop1 .chose_btns_box .chose_item .btn_chose{
    width: 148px;
    height: 48px;
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/btn_chose_dark_1.png") no-repeat;
    background-size: 700px auto;
    margin-bottom: 16px;

}
.pop1 .chose_btns_box .chose_item.on .btn_chose{
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/btn_chose_on_1.png") no-repeat;
    background-size: 700px auto;
}

.pop1 .chose_btns_box .chose_item:nth-of-type(1) .btn_chose{
    background-position: -1px -1px;
}
.pop1 .chose_btns_box .chose_item:nth-of-type(2) .btn_chose{
    background-position: -165px -1px;
}
.pop1 .chose_btns_box .chose_item:nth-of-type(3) .btn_chose{
    width: 192px;
    background-position: -328px -1px;
}
.pop1 .chose_btns_box .chose_item:nth-of-type(4) .btn_chose{
    background-position: 0 -50px;
}
.pop1 .chose_btns_box .chose_item:nth-of-type(5) .btn_chose{
    background-position: -167px -50px;
}
.pop1 .chose_btns_box .chose_item:nth-of-type(6) .btn_chose{
    background-position: -334px -50px;
}
.pop1 .buy_num_price1{
    left: 56px;
    bottom: 76px;
}
.commodity1 .btn_buy {
    right: 53px;
    bottom: 23px;
}

/* 圣诞镭射票弹窗 */
.pop2{
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/pop2.png") 0 0/100% no-repeat;
}
.pop2 .buy_num_iptbox{
    position: relative;
    width: 150px;
    height: 44px;
    bottom: 0;
    left: 0;
}
.pop2 .buy_num_iptbox .btns{width: 32%;}
.pop2 .buy_num_iptbox .ipt_num{width: 36%;}

.pop2 .product_img{
    width: 544px;
    height: 338px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 78px auto 0;
}
.pop2 .product_img img{
    width: 562px;
    height: 365px;
    margin: 45px 0 0 1px;
}
.pop2 .chose_btns_box{
    width: 554px;
    margin: 20px 30px 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 56px;
}
.pop2 .chose_btns_box .chose_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px 0 20px 20px;
}
.pop2 .chose_btns_box .chose_item .btn_chose{
    width: 148px;
    height: 48px;
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/btn_chose_dark_2.png") no-repeat;
    background-size: 700px auto;
    margin-bottom: 16px;
    
}
.pop2 .chose_btns_box .chose_item.on .btn_chose{
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/btn_chose_on_2.png") no-repeat;
    background-size: 700px auto;
}

.pop2 .chose_btns_box .chose_item:nth-of-type(1) .btn_chose{
    background-position: -1px 0;
}
.pop2 .chose_btns_box .chose_item:nth-of-type(2) .btn_chose{
    background-position: -165px 0;
}
.pop2 .chose_btns_box .chose_item:nth-of-type(3) .btn_chose{
    width: 192px;
    background-position: -328px 0;
}
.pop2 .chose_btns_box .chose_item:nth-of-type(4) .btn_chose{
    background-position: -1px -50px;
}
.pop2 .chose_btns_box .chose_item:nth-of-type(5) .btn_chose{
    background-position: -165px -50px;
}
.pop2 .chose_btns_box .chose_item:nth-of-type(6) .btn_chose{
    background-position: -340px -50px;
}
.pop2 .buy_num_price1{
    left: 56px;
    bottom: 76px;
}
.commodity2 .btn_buy {
    right: 53px;
    bottom: 23px;
}

/* 香薰片弹窗 */
.pop3{
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/pop3.png") 0 0/100% no-repeat;
}
.pop3 .buy_num_iptbox{
    position: relative;
    width: 150px;
    height: 44px;
    bottom: 0;
    left: 0;
}
.pop3 .buy_num_iptbox .btns{width: 32%;}
.pop3 .buy_num_iptbox .ipt_num{width: 36%;}

.pop3 .product_img{
    width: 544px;
    height: 338px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 78px auto 0;
}
.pop3 .product_img img{
    width: 562px;
    height: 365px;
    margin: 45px 0 0 1px;
}
.pop3 .chose_btns_box{
    width: 554px;
    margin: 44px 30px 0;
    display: flex;
    flex-wrap: wrap;
}
.pop3 .chose_btns_box .chose_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px 0 20px 20px;
}
.pop3 .chose_btns_box .chose_item .btn_chose{
    width: 148px;
    height: 48px;
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/btn_chose_dark_3.png") no-repeat;
    background-size: 700px auto;
    margin-bottom: 16px;

}
.pop3 .chose_btns_box .chose_item.on .btn_chose{
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/btn_chose_on_3.png") no-repeat;
    background-size: 700px auto;
}

.pop3 .chose_btns_box .chose_item:nth-of-type(1) .btn_chose{
    background-position: 0 0;
}
.pop3 .chose_btns_box .chose_item:nth-of-type(2) .btn_chose{
    background-position: -164px 0;
}
.pop3 .chose_btns_box .chose_item:nth-of-type(3) .btn_chose{
    width: 193px;
    background-position: -327px 0;
}
.pop3 .chose_btns_box .chose_item:nth-of-type(4) .btn_chose{
    background-position: 0 -50px;
}
.pop3 .chose_btns_box .chose_item:nth-of-type(5) .btn_chose{
    background-position: -164px -50px;
}
.pop3 .chose_btns_box .chose_item:nth-of-type(6) .btn_chose{
    background-position: -340px -50px;
}
.pop3 .buy_num_price1{
    left: 56px;
    bottom: 76px;
}
.commodity3 .btn_buy {
    right: 53px;
    bottom: 22px;
}

/* 亚克力色纸弹窗 */
.pop4{
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/pop4.png") 0 0/100% no-repeat;
}
.pop4 .buy_num_iptbox{
    position: relative;
    width: 150px;
    height: 44px;
    bottom: 0;
    left: 0;
}
.pop4 .buy_num_iptbox .btns{width: 32%;}
.pop4 .buy_num_iptbox .ipt_num{width: 36%;}

.pop4 .product_img{
    width: 544px;
    height: 338px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 78px auto 0;
}
.pop4 .product_img img{
    width: 562px;
    height: 365px;
    margin: 45px 0 0 1px;
}
.pop4 .chose_btns_box{
    width: 554px;
    margin: 44px 30px 0;
    display: flex;
    flex-wrap: wrap;
}
.pop4 .chose_btns_box .chose_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px 0 20px 20px;
}
.pop4 .chose_btns_box .chose_item .btn_chose{
    width: 148px;
    height: 48px;
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/btn_chose_dark_4.png") no-repeat;
    background-size: 700px auto;
    margin-bottom: 16px;

}
.pop4 .chose_btns_box .chose_item.on .btn_chose{
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/btn_chose_on_4.png") no-repeat;
    background-size: 700px auto;
}

.pop4 .chose_btns_box .chose_item:nth-of-type(1) .btn_chose{
    background-position: 0 0;
}
.pop4 .chose_btns_box .chose_item:nth-of-type(2) .btn_chose{
    background-position: -163px 0;
}
.pop4 .chose_btns_box .chose_item:nth-of-type(3) .btn_chose{
    width: 192px;
    background-position: -327px 0;
}
.pop4 .chose_btns_box .chose_item:nth-of-type(4) .btn_chose{
    background-position: 0 -50px;
}
.pop4 .chose_btns_box .chose_item:nth-of-type(5) .btn_chose{
    background-position: -163px -50px;
}
.pop4 .chose_btns_box .chose_item:nth-of-type(6) .btn_chose{
    background-position: -334px -50px;
}
.pop4 .buy_num_price1{
    left: 56px;
    bottom: 76px;
}
.commodity4 .btn_buy {
    right: 52px;
    bottom: 23px;
}

.pop5{
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/pop5.png") 0 0/100% no-repeat;
}
.pop5 .buy_num_iptbox{
    position: relative;
    width: 150px;
    height: 44px;
    bottom: 0;
    left: 0;
}
.pop5 .buy_num_iptbox .btns{width: 32%;}
.pop5 .buy_num_iptbox .ipt_num{width: 36%;}

.pop5 .product_img{
    width: 544px;
    height: 338px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 78px auto 0;
}
.pop5 .product_img img{
    width: 562px;
    height: 365px;
    margin: 45px 0 0 1px;
}
.pop5 .chose_btns_box{
    width: 554px;
    margin: 92px 29px 0;
    display: flex;
    flex-direction: column;
}
.pop5 .chose_btns_box .chose_item{
    display: flex;
    margin: 10px 0 20px 20px;
    justify-content: space-between;
}
.pop5 .chose_btns_box .chose_item .btn_chose{
    width: 148px;
    height: 48px;
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/btn_chose_dark_5.png") no-repeat;
    background-size: 700px auto;
    margin-bottom: 16px;

}
.pop5 .chose_btns_box .chose_item.on .btn_chose{
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/btn_chose_on_5.png") no-repeat;
    background-size: 700px auto;
}

.pop5 .chose_btns_box .chose_item:nth-of-type(1) .btn_chose{
    background-position: 0 0;
}
.pop5 .chose_btns_box .chose_item:nth-of-type(2) .btn_chose{
    background-position: -165px 0;
}
.pop5 .chose_btns_box .chose_item:nth-of-type(3) .btn_chose{
    width: 192px;
    background-position: -334px 0;
}
.pop5 .chose_btns_box .chose_item:nth-of-type(4) .btn_chose{
    background-position: 0 -50px;
}
.pop5 .chose_btns_box .chose_item:nth-of-type(5) .btn_chose{
    background-position: -167px -50px;
}
.pop5 .chose_btns_box .chose_item:nth-of-type(6) .btn_chose{
    background-position: -334px -50px;
}
.pop5 .buy_num_price1{
    left: 56px;
    bottom: 76px;
}
.commodity5 .btn_buy {
    right: 53px;
    bottom: 23px;
}

.pop6{
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/pop6.png") 0 0/100% no-repeat;
}
.pop6 .buy_num_iptbox{
    position: relative;
    width: 150px;
    height: 44px;
    bottom: 0;
    left: 0;
}
.pop6 .buy_num_iptbox .btns{width: 32%;}
.pop6 .buy_num_iptbox .ipt_num{width: 36%;}

.pop6 .product_img{
    width: 544px;
    height: 338px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 78px auto 0;
}
.pop6 .product_img img{
    width: 562px;
    height: 365px;
    margin: 45px 0 0 1px;
}
.pop6 .chose_btns_box{
    width: 554px;
    margin: 44px 48px 0;
    display: flex;
    flex-wrap: wrap;
}
.pop6 .chose_btns_box .chose_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px 0 20px 20px;
}
.pop6 .chose_btns_box .chose_item .btn_chose{
    width: 148px;
    height: 62px;
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/btn_chose_dark_6.png") no-repeat;
    background-size: 700px auto;
    margin-bottom: 16px;

}
.pop6 .chose_btns_box .chose_item.on .btn_chose{
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/btn_chose_on_6.png") no-repeat;
    background-size: 700px auto;
}

.pop6 .chose_btns_box .chose_item:nth-of-type(1) .btn_chose{
    background-position: 0 0;
}
.pop6 .chose_btns_box .chose_item:nth-of-type(2) .btn_chose{
    /*width: 192px;*/
    background-position: -162px 0;
}
.pop6 .chose_btns_box .chose_item:nth-of-type(3) .btn_chose{
    background-position: -323px 0;
}
.pop6 .chose_btns_box .chose_item:nth-of-type(4) .btn_chose{
    background-position: 0 -63px;
}
.pop6 .chose_btns_box .chose_item:nth-of-type(5) .btn_chose{
    background-position: -162px -63px;
}
.pop6 .chose_btns_box .chose_item:nth-of-type(6) .btn_chose{
    /*width: 192px;*/
    background-position: -323px -63px;
}
.pop6 .buy_num_price1{
    left: 56px;
    bottom: 76px;
}
.commodity6 .btn_buy {
    right: 53px;
    bottom: 25px;
}

.pop7{
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/pop7.png") 0 0/100% no-repeat;
}
.pop7 .buy_num_iptbox{
    position: relative;
    width: 150px;
    height: 44px;
    bottom: 0;
    left: 0;
}
.pop7 .buy_num_iptbox .btns{width: 32%;}
.pop7 .buy_num_iptbox .ipt_num{width: 36%;}

.pop7 .product_img{
    width: 544px;
    height: 338px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 78px auto 0;
}
.pop7 .product_img img{
    width: 562px;
    height: 365px;
    margin: 45px 0 0 1px;
}
.pop7 .chose_btns_box{
    width: 554px;
    margin: 55px 29px 0;
    display: flex;
    flex-direction: column;
}
.pop7 .chose_btns_box .chose_item{
    display: flex;
    margin: 10px 0 20px 20px;
    justify-content: space-between;
}
.pop7 .chose_btns_box .chose_item .btn_chose{
    width: 148px;
    height: 48px;
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/btn_chose_dark_7.png") no-repeat;
    background-size: 700px auto;
    margin-bottom: 16px;

}
.pop7 .chose_btns_box .chose_item.on .btn_chose{
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/btn_chose_on_7.png") no-repeat;
    background-size: 700px auto;
}

.pop7 .chose_btns_box .chose_item:nth-of-type(1) .btn_chose{
    background-position: 0 0;
}
.pop7 .chose_btns_box .chose_item:nth-of-type(2) .btn_chose{
    background-position: -165px 0;
}
.pop7 .chose_btns_box .chose_item:nth-of-type(3) .btn_chose{
    width: 192px;
    background-position: -328px 0;
}
.pop7 .chose_btns_box .chose_item:nth-of-type(4) .btn_chose{
    background-position: 0 -50px;
}
.pop7 .chose_btns_box .chose_item:nth-of-type(5) .btn_chose{
    background-position: -167px -50px;
}
.pop7 .chose_btns_box .chose_item:nth-of-type(6) .btn_chose{
    background-position: -334px -50px;
}
.pop7 .buy_num_price1{
    left: 56px;
    bottom: 76px;
}
.commodity7 .btn_buy {
    right: 53px;
    bottom: 27px;
}

.pop8{
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/pop8.png") 0 0/100% no-repeat;
}
.pop8 .buy_num_iptbox{
    width: 150px;
    height: 44px;
    bottom: 68px;
    left: 245px;
}
.pop8 .buy_num_price{
    left: 490px;
    bottom: 145px;
}
.commodity8 .btn_buy {
    right: 54px;
    bottom: 25px;
}

.pop9{
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/pop9.png") 0 0/100% no-repeat;
}
.pop9 .buy_num_iptbox{
    width: 150px;
    height: 44px;
    bottom: 68px;
    left: 245px;
}
.pop9 .buy_num_price{
    left: 490px;
    bottom: 145px;
}
.commodity9 .btn_buy {
    right: 49px;
    bottom: 24px;
}

.pop10{
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/pop10.png") 0 0/100% no-repeat;
}
.pop10 .buy_num_iptbox{
    position: relative;
    width: 150px;
    height: 44px;
    bottom: 0;
    left: 0;
}
.pop10 .buy_num_iptbox .btns{width: 32%;}
.pop10 .buy_num_iptbox .ipt_num{width: 36%;}

.pop10 .product_img{
    width: 544px;
    height: 338px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 78px auto 0;
}
.pop10 .product_img img{
    width: 562px;
    height: 365px;
    margin: 45px 0 0 1px;
}
.pop10 .chose_btns_box{
    width: 554px;
    margin: 92px 29px 0;
    display: flex;
    flex-direction: column;
}
.pop10 .chose_btns_box .chose_item{
    display: flex;
    margin: 10px 0 20px 20px;
    justify-content: space-between;
}
.pop10 .chose_btns_box .chose_item .btn_chose{
    width: 148px;
    height: 48px;
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/btn_chose_dark_10.png") no-repeat;
    background-size: 700px auto;
    margin-bottom: 16px;

}
.pop10 .chose_btns_box .chose_item.on .btn_chose{
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/btn_chose_on_10.png") no-repeat;
    background-size: 700px auto;
}

.pop10 .chose_btns_box .chose_item:nth-of-type(1) .btn_chose{
    background-position: 0 0;
}
.pop10 .chose_btns_box .chose_item:nth-of-type(2) .btn_chose{
    background-position: -165px 0;
}
.pop10 .chose_btns_box .chose_item:nth-of-type(3) .btn_chose{
    width: 192px;
    background-position: -334px 0;
}
.pop10 .chose_btns_box .chose_item:nth-of-type(4) .btn_chose{
    background-position: 0 -50px;
}
.pop10 .chose_btns_box .chose_item:nth-of-type(5) .btn_chose{
    background-position: -167px -50px;
}
.pop10 .chose_btns_box .chose_item:nth-of-type(6) .btn_chose{
    background-position: -334px -50px;
}
.pop10 .buy_num_price1{
    left: 56px;
    bottom: 76px;
}
.commodity10 .btn_buy {
    right: 49px;
    bottom: 24px;
}

.pop11{
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2024/cookieRun/0201/pop11.png") 0 0/100% no-repeat;
}
.pop11 .buy_num_iptbox{
    width: 150px;
    height: 44px;
    bottom: 40px;
    left: 245px;
}
.pop11 .buy_num_price{
    left: 490px;
    bottom: 133px;
}
.commodity11 .btn_buy {
    right: 46px;
    bottom: 27px;
}
.pop11 .btn_pop_buy{
    right: 35px;
    bottom: 31px;
}

.btn-kefu{
    background: url("https://img.dnfcity.qq.com/mofang/zhongchou/2023/cookieRun/btn-kefu.png") no-repeat;
    display: block;
    width:272px;
    height:122px;
    position: fixed;
    right: 0;
    z-index:99;
    bottom:0;
    text-indent: -999em;
    transition: filter .3s ease-in;
}

.btn-kefu:hover{ filter: brightness(1.4);}

.getover{
    display: block;
    background:url(https://img.dnfcity.qq.com/mofang/zhongchou/2023/cookieRun/soldout.png) center 20px no-repeat;
    background-size:70px auto;
    width:100%;
    height:100%;
    text-indent: -999em;
    z-index: 5;}

.grey{
    pointer-events: none;
    -webkit-filter: grayscale(100%); /* webkit */
    -moz-filter: grayscale(100%); /*firefox*/
    -ms-filter: grayscale(100%); /*ie9*/
    -o-filter: grayscale(100%); /*opera*/
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: gray; /*ie9- */
}