/*
@ add 2021-06-28
@ ����ѩ�ڳ�
*/
body {background-color:#0c1638;color:#d1edf8;font-family:'\5FAE\8F6F\96C5\9ED1';width: 7.5rem;}
html{font-size:100px;}
body{background-color:#000;-webkit-text-size-adjust:none;}
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;}
/*public Styles*/
html,body,.wrapper{width: 100%;}
.wrapper {font-size: 0.24rem;font-family:'\5FAE\8F6F\96C5\9ED1';color:#fff;text-align:center;position:relative;overflow:hidden;z-index:1;margin:0 auto;}
.clearfix:after {content:" ";clear:both;height:0;visibility:hidden;display:block;}
.hide {height:0;line-height:0;font-size:0;visibility:hidden;display:block;}
.top{background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti2021/0701crowdfunding/h5/top_m.jpg") center top no-repeat;background-size: 7.5rem 15.02rem;width: 7.5rem; height: 9.62rem;padding-top: 5.4rem;}
.title{background:url("https://img.dnfcity.qq.com/goodsImages/zhuanti2021/0701crowdfunding/h5/title_m.png") no-repeat;background-size: 7.5rem auto;width: 7.5rem; margin: 0 auto; height: .8rem;text-indent: -999em;}
.tit-01{background-position: 0 0;}
.tit-02{background-position: 0 -.9rem;height:1.2rem;}
.tit-03{background-position: 0 -2.54rem;margin: .55rem auto 0}
.tit-04{background-position: 0 -3.64rem;margin: .55rem auto 0}

.cont01{background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti2021/0701crowdfunding/h5/cont01_m.jpg") center top no-repeat; background-size: 7.5rem 59.46rem;width: 7.5rem; height:auto;margin-top: -1px;padding-top: .4rem;padding-bottom: .5rem;}
.mod-slide{width:6.94rem;height:4.35rem; margin:.2rem auto 0 auto;position: relative;background:url("https://img.dnfcity.qq.com/goodsImages/zhuanti2021/0701crowdfunding/h5/swiper_bg.png") .04rem 0 no-repeat;background-size:6.92rem 4.35rem;padding-top:1px;}
.swiper_gift img{width: 6.9rem; height:4.3rem;display: block; margin: 0 auto;}

.swiper-pagination-bullet-active{background: #000!important;}
.comm{background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti2021/0701crowdfunding/h5/comm_m.png") no-repeat;display: block;text-indent: -999em;background-size:8rem auto;}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white,.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti2021/0701crowdfunding/h5/comm_m.png") no-repeat;display: block;text-indent: -999em;background-size:8rem auto;}
.swiper-button-next02.swiper-button-white{background-position:-3.36rem 0;width: .46rem; height:.46rem;left: 0}
.swiper-button-prev02.swiper-button-white{background-position:-4.12rem 0;width: .46rem; height:.46rem;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:-0.1rem!important;}
.act{ background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti2021/0701crowdfunding/h5/act.png") no-repeat;background-size:6.94rem 1.73rem;width: 6.94rem; height:1.73rem;margin:0 auto;position: relative;}
.shirt{color: #333333;text-align: left;font-size: .22rem;position: absolute;left:.32rem;top:.55rem;}
.t-shirt{color: #333333;text-align: left;font-size: .22rem;position: absolute;left:2.89rem;top:.55rem;}

.shirt_jiage{color: #fb2827;position: absolute;left:.58rem;top:.8rem;font-size:.64rem;font-weight:600;}
.t-shirt_jiage{color: #fb2827;position: absolute;left:3.18rem;top:.8rem;font-size:.64rem;font-weight:600}

.btn_purchase{ background-position:0 -2.88rem;width:1.42rem;height:1.4rem;position: absolute;right: 0;bottom:-0.02rem;text-indent: -999em;}

.crowdfunding{ background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti2021/0701crowdfunding/h5/bg03.png") no-repeat;width:6.85rem; height:2.09rem;background-size:6.85rem 2.09rem;margin:.1rem auto 0;padding-top: .15rem;}
.jindu-bar {  position: relative;width:4.25rem; height:.36rem;margin:0 0 .55rem 2.26rem;background: #000;border: 2px #000 solid;border-radius:10rem;}
.jindu-bar p{color: #000;font-size:.20rem;position: absolute;right:0;top:.35rem;}
.jindu-bar p span{font-size:.36rem;color: #fb2827;font-weight: bold;}
.jindu-bar b{color: #000;font-size: .20rem;position: absolute;left:0.1rem;top:0.5rem;}
.load-bar-y1 {width:4.25rem; height:.36rem;position: absolute;  left: 0;  top:0; z-index:5;background: #c9f400;border-radius:10rem;}
.load-bar-y1 .num{position: absolute;left:.2rem;top:.02rem;color: #000000;font-size:.2rem;font-weight: 500;}
.rules li{font-size: .2rem;color: #666666;padding:.1rem 0;line-height:.3rem;text-align: left;}
/*.rules li b{font-weight: bold;display: block;padding-top: 18px;}*/
.rules {width: 7rem; margin:.5rem auto 0;}

/**pop***/
.pop{background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti2021/0701crowdfunding/h5/pop.png") no-repeat;width:7.28rem; height: 8.04rem;background-size:7.28rem 8.04rem;position: relative;display: none;z-index: 9999;}
.dia-close{background-position: 0 0;width:.63rem; height:.63rem;position: absolute;left: 50%;margin-left: -.25rem;top: -.6rem;}
.xuanzhe{font-size:.2rem;color: #000;text-align: left;width:6.9rem;padding:.2rem 0  0 .4rem;height:.33rem; line-height: .33rem;}
.xuanzhe span{background: #c9f400;height:.33rem; line-height: .33rem;display: inline-block;}
.size{padding-bottom:.05rem;}
.size ul li{width:1.69rem;height: 1.69rem;float:left;margin: 0 .2rem .5rem .2rem;position: relative;}
.size ul li p{position: absolute;width: 1.69rem; text-align: center;bottom: .05rem; color: #666;font-size: .16rem;left: 0;}
.size ul li b{position: absolute;width: 1.69rem;text-align: center;bottom: -.55rem; color: #fb2827;font-size: .3rem;left: 0;font-weight: normal;}
.size ul li b span{font-weight: bold;font-size: .4rem;}
.size ul li img{width:1.69rem;height: 1.69rem;display: block;}
.size ul{width:4.7rem;;float:left;padding:.1rem 0 0 .05rem; }
.size .last p{font-size:.24rem;color: #000;font-weight: bold;padding-bottom: 5px;}
.size .last select{width:1.3rem;border:none;text-align: center;color: #89714a;font-size: .24rem;display: block;padding-bottom: .05rem;  background:#fff url("https://img.dnfcity.qq.com/goodsImages/zhuanti2021/0628summer/h5/sele.jpg")center right no-repeat;background-size: .47rem .47rem;height: .47rem;float: left;}
.size .last{width: 1.3rem;float: left;margin:.05rem 0 0 1rem;height:.47rem;display: block;}
.size ul li i{height:.4rem; width: .4rem;background-position:-2.39rem 0;position: absolute;left:-.78rem;top: -1.58rem;display: none;z-index: 99999}
.size ul li.selected{width:1.69rem;height:1.69rem;border-bottom:#bfe800;border-left:#bfe800; }
.selected .btn_choice i,.selected .btn_choice i{display: block;}
.btn_choice{width:1.69rem;height:1.69rem;position: relative;text-indent: -999em;}
.btn_determine{background-position:-2.39rem -2.88rem;width: 2.68rem; height:.89rem;margin: .4rem auto 0;}
.choice {
    width   : 7.1rem;
    height  :6.8rem;
    overflow: auto;
    border  : none;
}
.choice::-webkit-scrollbar {
    width : .15rem;
    height: 1px;
}
.choice::-webkit-scrollbar-thumb {
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #535353;
}
.choice::-webkit-scrollbar-track {
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #ededed;
}
.tab_box a{width: 3.13rem; height: .73rem;display: inline-block;margin: 0 .2rem;}
.tab_box{ margin:.1rem auto 0;text-align: center;}
.btn_nav01{ background-position:0 -4.69rem; }
.btn_nav02{background-position: -3.94rem -4.69rem;}

.btn_nav01:hover,.btn_nav01.curr{background-position: 0 -5.8rem;}
.btn_nav02:hover,.btn_nav02.curr{background-position: -3.94rem -5.8rem;}
.swiper_product {
    width: 7rem;
    margin: .38rem auto 0.4rem;
}
.swiper_product img{width: 7rem; height: 40.77rem;display: block;}