.policy-all{
    background: #f2f2f2;
    padding: 1.45rem 10%;
    display: flex;
    flex-direction: column;
    align-items: center
}
.policy-all.policy-all-white{
    background: #f2f2f2
}
.policy-all.policy-all-black{
    background: #222222
}
.policy-all.policy-all-grey{
    background: #5C646A
}
.policy-all.policy-all-black .policy-detail {
    background: #393939
}
.policy-all.policy-all-grey .policy-detail {
    background: #6D7479
}
.policy-all h4{
    font-size: .32rem;
    font-weight: 500;
    letter-spacing: 0.129em;
    color: #393939
}
.policy-all.policy-all-black h4{
    color: #fff
}
.policy-all.policy-all-grey h4{
    color: #fff
}
.policy-all .policy-tabs {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .7rem;

}
.policy-all .policy-tabs .policy-tab{
    flex: 1;
    text-align: center;
    padding-bottom: .2rem;
    font-size: .22rem;
    color: #8a8a8a;
    cursor: pointer;
    border-bottom: 1px solid #d8dde1;
    font-weight: 300;
    position: relative;
    line-height: 1;
    letter-spacing: 0.16em;
}
.policy-all .policy-tabs .policy-tab-active {
    color: #2d2d2d;
    font-weight: normal;
}
.policy-all .policy-tabs .policy-tab::after{
    position: absolute;
    width: 0%;
    height: 2px;
    background-color: #383b3f;
    content: '';
	bottom: -1px;
	display: block;
	transition: width .5s; 
	left: 50%;
	transform: translateX(-50%);
}
.policy-all .policy-tabs .policy-tab-active::after{
    width: 100%;
}
.policy-all .policy-detail{
    background: #fff;
    width: 100%;
    /* padding: .6rem .9rem .2rem; */
        padding: .8rem .9rem .8rem;
    border-radius: .1rem;
}
.policy-all .policy-detail .content_title {
    font-size: .27rem;
    color: #222;
    padding-left: .1rem;
    font-weight: 500;
    margin-top: .4rem
}
.policy-all.policy-all-black .policy-detail .content_title {
    background: #fff
}
.policy-all.policy-all-grey .policy-detail .content_title {
    background: #fff
}
.policy-all .policy-detail .policy-title-box .policy-box{
    font-size: .28rem;
    color: #000;
    margin-left: 0rem;
    font-weight: 500;
    padding-left: 0.1rem
}
.policy-all.policy-all-black .policy-detail .policy-title-box .policy-box{
    color: #fff;
}
.policy-all.policy-all-grey .policy-detail .policy-title-box .policy-box{
    color: #fff;
}
.policy-all .policy-detail .policy-title-box .policy-title{
    font-size: .26rem;
    color: #000;
    margin-left: 0rem;
    font-weight: 500;
    padding-left: 0.1rem
}
.policy-all.policy-all-grey .policy-detail .policy-title-box .policy-title{
    color: #fff;
}

.policy-all .policy-detail .policy-list{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 0.3rem;
}
.policy-all .policy-detail .policy-list li{
    width: 100%;
    margin-bottom: .4rem;
    padding: 0 .1rem;
    margin-right: 0%
}
.policy-all .policy-detail .policy-list-2 li{
    width: 47.5%;
    margin-right: 5%
}
.policy-all .policy-detail .policy-list-3 li{
    width: 30%;
    margin-right: 5%
}
.policy-all .policy-detail .policy-list-2 li:nth-child(2n){
    margin-right: 0
}
.policy-all .policy-detail .policy-list-3 li:nth-child(3n){
    margin-right: 0
}
.policy-all .policy-detail .policy-list li .policy-list-money {
    font-size: .24rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #000
}
.policy-all.policy-all-black .policy-detail .policy-list li .policy-list-money {
    color: #fff
}
.policy-all.policy-all-grey .policy-detail .policy-list li .policy-list-money {
    color: #fff
}
.policy-all .policy-detail .policy-list li .policy-list-title p{
    margin-top: 0.1rem
}
.policy-all .policy-detail .policy-list li .policy-list-title p{
    font-size: .174rem !important;
    margin-top: .1rem !important;
    font-weight: 200 !important;
    letter-spacing: 0.08em;
    color: #4a4a4a !important
}
.policy-all.policy-all-black .policy-detail .policy-list li .policy-list-title p span{
    color: #fff !important
}
.policy-all.policy-all-grey .policy-detail .policy-list li .policy-list-title p span{
    color: #fff !important
}
.policy-all .policy-detail .policy-info{
    margin-bottom: 0.5rem;
    padding: 0 .1rem
}
.policy-all .policy-detail .policy-title-box-menglong{
    margin-bottom: .4rem
}
.policy-all .policy-detail .policy-title-box-menglong .policy-title{
    font-size: .27rem;
    color: #222;
    margin-left: 0rem;
    font-weight: 500;
}
.policy-all.policy-all-black .policy-detail .policy-title-box-menglong .policy-title{
    color: #fff;

}
.policy-all.policy-all-grey .policy-detail .policy-title-box-menglong .policy-title{
    color: #fff;

}
.policy-all .policy-detail .policy-title-box-menglong .policy-remarks{
    font-size: .18rem;
    font-weight: 300;
    margin-top: 0.1rem;
}
.policy-all .policy-detail .policy-info .policy-info-title{
    font-size: .18rem;
    font-weight: normal;
    color: #4a4a4a;
        border-top: 1px solid #111;
    padding-top: .3rem;

}
.policy-all.policy-all-black .policy-detail .policy-info .policy-info-title{
    color: #fff;
                border-top: 1px solid #fff;

}
.policy-all.policy-all-grey .policy-detail .policy-info .policy-info-title{
    color: #fff;
            border-top: 1px solid #fff;

}
.policy-all .policy-detail .policy-info .policy-info-list{
    margin-top: .1rem
}
.policy-all .policy-detail .policy-info .policy-info-list p{
    font-size: .14rem;
    font-weight: 200;
    color: #949494;
    margin-top: 0.02rem;
}
.policy-all.policy-all-black .policy-detail .policy-info .policy-info-list p{
    color: #A5A5A5;
}
.policy-all.policy-all-grey .policy-detail .policy-info .policy-info-list p{
    color: #B3B6B8;
}
.policy-all .policy-tips{
    color: #949494;
    font-size: .16rem;
    margin-top: .4rem;
    font-weight: 300
}
.policy-all.policy-all-black .policy-tips{
    color: #A5A5A5;
}
.policy-all.policy-all-grey .policy-tips{
    color: #B3B6B8;
}
.policy-all .policy-btn-box{
    display: flex;
    align-items: center;
    margin-top: .4rem;
}
.policy-all .policy-btn-box .policy-btn{
    position: relative;
    height: .5rem;
    width: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #3e4247;
    font-size: .16rem;
    color: #000;
}
.policy-all.policy-all-black .policy-btn-box .policy-btn{
    border: 1px solid #fff;
    color: #fff;
}
.policy-all.policy-all-grey .policy-btn-box .policy-btn{
    border: 1px solid #fff;
    color: #fff;
}
.policy-all .policy-btn-box .policy-btn span{
	width: 100%;
	height: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
	z-index: 1;
	transition: all .3s cubic-bezier(0.165,0.84,0.44,1);
    font-weight: 300;
}
.policy-all .policy-btn-box .policy-btn .policy-mall-qrcode {
    position: absolute;
    left: 0;
    width: 100%;
    top: -2.4rem;
    display: none
}
.policy-all .policy-btn-box .policy-btn .policy-mall-qrcode .qrcode-bg{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}
.policy-all .policy-btn-box .policy-btn .policy-mall-qrcode .qrcode-img{
    width: 80%;
    position: absolute;
    left: 50%;
    top: 0.25rem;
    transform: translateX(-50%);
}

.policy-all .policy-btn-box .policy-btn::after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #3e4247;
	transition: transform .9s cubic-bezier(0.165,0.84,0.44,1);
	transform: scaleX(0);
	transform-origin: right;
	z-index: 0;
}
.policy-all .policy-btn-box .policy-btn:hover span{
	color: #fff;
}

.policy-all .policy-btn-box .policy-btn:hover::after{
	transform: scaleX(1);
	transform-origin: left;
}
.policy-all .policy-btn-box .policy-btn1:hover .policy-mall-qrcode{
    display: block
}
.policy-all .policy-btn-box .policy-btn2{
   border: 1px solid #5d646b;
   color: #fff;
   background: #5d646b;
   margin-left: .27rem;
}
.policy-all.policy-all-black .policy-btn-box .policy-btn2{
   border: 1px solid #fff;
   color: #5d646b;
   background: #fff;
}
.policy-all.policy-all-grey .policy-btn-box .policy-btn2{
   border: 1px solid #fff;
   color: #5d646b;
   background: #fff;
}
.policy-makers{
    color: #949494;
    font-size: .16rem;
}
.policy-all.policy-all-black .policy-makers{
    color: #fff;
}
.policy-all.policy-all-grey .policy-makers{
    color: #fff;
}
@media (max-width: 768px) {
    .policy-all h4{
        font-size: 0.4rem;
        font-weight: 500;
        letter-spacing: 0.09em
    }
    .policy-all .policy-detail .policy-list li .policy-list-title p{
        font-size: 0.24rem !important;
        font-weight: 200 !important
    }
    .policy-all .policy-detail .policy-info .policy-info-list p{
        font-size: 0.21rem;
        line-height: 1.6;
        color: #020202;
    }




    .policy-all .policy-detail .policy-title-box-menglong .policy-title{
        font-size: .3rem;
    }
    .policy-all .policy-detail .policy-title-box-menglong .policy-remarks{
      font-size: .23rem;
    margin-top: 0.16rem;
    line-height: 1.5;
    }
    .policy-all{
        padding: 1.6rem .48rem;
    }
    .policy-all .h4{
        font-size: .4rem;
    }
    .policy-all .policy-tabs{
        margin-top: 1rem;
    }
    .policy-all .policy-tabs .policy-tab{
        font-size: .28rem;
        font-weight: 300;
        padding-bottom: .2rem;
    }
    .policy-all .policy-detail{
        padding: .7rem .67rem
    }
    .policy-all .policy-detail .policy-title-box .policy-box{
        height: auto;
        /* display: none; */
        font-size: .34rem;
    }
    .policy-all .policy-detail .policy-title-box .policy-title{
        font-size: .34rem;
        margin-left: 0
    }
    .policy-all .policy-detail .policy-list li{
        width: 100%;
        margin-bottom: 0.7rem;
        padding-right: 0.1rem;
        margin-right: 0
    }
    .policy-all .policy-detail .policy-list li .policy-list-money{
        font-size: .3rem;
        font-weight: 500
    }
    .policy-all .policy-detail .policy-list li .policy-list-title p{
        font-size: .22rem;
        font-weight: 300;
        margin-top: .16rem;
    }
    .policy-tips-box{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .policy-all .policy-detail .policy-info .policy-info-list{
        margin-top: .15rem;
    }
    .policy-all .policy-detail .policy-info .policy-info-title{
        font-size: .27rem;
    }
    .policy-all .policy-detail .policy-info .policy-info-list div{
        font-size: .2rem
    }
    .policy-all .policy-tips{
        font-size: .18rem;
        margin-top: 0;
        background: #fff;
        width: 100%;
        text-align: center;
        padding: 0 0.4rem 0.5rem;
    }
    .policy-all .policy-btn-box{
        width: 100%;
        justify-content: center;
    }
    .policy-all .policy-btn-box .policy-btn{
        width: 50%;
        height: .76rem;
        font-size: .22rem;
    }
}