.policy-all{
    background: #f2f2f2;
    padding: 1.45rem 10%;
    display: flex;
    flex-direction: column;
    align-items: center
}
.policy-all h4{
    font-size: .34rem;
    font-weight: 500
}
.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
}
.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;
}
.policy-all .policy-detail .policy-title-box {
    display: flex;
    align-items: center;
    padding-left: .1rem;
}
.policy-all .policy-detail .policy-title-box .policy-box{
    width: .04rem;
    background: #3d3d3d;
    height: .26rem;
    display: none
}
.policy-all .policy-detail .policy-title-box .policy-title{
    font-size: .27rem;
    color: #222;
    margin-left: 0rem;
    font-weight: 500;
}

.policy-all .policy-detail .policy-list{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 0.44rem;
}
.policy-all .policy-detail .policy-list li{
    width: 33.3%;
    margin-bottom: .4rem;
    padding: 0 .1rem;
}
.policy-all .policy-detail .policy-list li .policy-list-money {
    font-size: .22rem;
    font-weight: normal;
    color: #222
}
.policy-all .policy-detail .policy-list li .policy-list-title{
    font-size: .18rem;
    margin-top: .1rem;
    font-weight: 300;
}
.policy-all .policy-detail .policy-info{
    display: none;
    margin-bottom: 0.5rem;
    padding: 0 .1rem
}
.policy-all .policy-detail .policy-title-box-menglong{
    display: none;
    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-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: .22rem;
    font-weight: normal;
    color: #222;
}
.policy-all .policy-detail .policy-info .policy-info-list{
    margin-top: .1rem
}
.policy-all .policy-detail .policy-info .policy-info-list div{
    font-size: .16rem;
    font-weight: 300;
    color: #949494;
    margin-top: 0.02rem;
}
.policy-all .policy-tips{
    color: #949494;
    font-size: .18rem;
    margin-top: .4rem;
    font-weight: 300
}
.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-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-makers{
    color: #949494;
    font-size: .16rem;
}
@media (max-width: 768px) {
    .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: .26rem;
        padding-bottom: .2rem;
    }
    .policy-all .policy-detail{
        padding: .7rem .67rem
    }
    .policy-all .policy-detail .policy-title-box .policy-box{
        height: .3rem;
        display: none
    }
    .policy-all .policy-detail .policy-title-box .policy-title{
        font-size: .3rem;
        margin-left: 0
    }
    .policy-all .policy-detail .policy-list li{
        width: 100%;
    }
    .policy-all .policy-detail .policy-list li .policy-list-money{
        font-size: .27rem;
    }
    .policy-all .policy-detail .policy-list li .policy-list-title{
        font-size: .23rem;
        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: .19rem;
        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;
    }
}