#become-icon-box{padding:100px 0}
#become-icon-box h2{text-align: center;}
#become-icon-box .des{text-align: center;font-size: 18px;line-height: 30px;width: 1000px;margin:30px auto 50px;}

#become-icon-box .icon-box{overflow: hidden;display: flex;gap: 1.25%;flex-wrap: wrap;}
#become-icon-box .icon-box li{width: 23.5%;margin-bottom: 1.25%;background-color: #f8f8f8;padding:30px;
-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
#become-icon-box .icon-box li .img{height: 100px;background-repeat: no-repeat;background-position: center center;background-size: auto 50px;}

#become-icon-box .icon-box li:nth-child(1) .img{background-image: url(../images/become/b_icon1.png);}
#become-icon-box .icon-box li:nth-child(2) .img{background-image: url(../images/become/b_icon2.png);}
#become-icon-box .icon-box li:nth-child(3) .img{background-image: url(../images/become/b_icon3.png);}
#become-icon-box .icon-box li:nth-child(4) .img{background-image: url(../images/become/b_icon4.png);}
#become-icon-box .icon-box li:nth-child(5) .img{background-image: url(../images/become/b_icon5.png);}
#become-icon-box .icon-box li:nth-child(6) .img{background-image: url(../images/become/b_icon6.png);}
#become-icon-box .icon-box li:nth-child(7) .img{background-image: url(../images/become/b_icon7.png);}
#become-icon-box .icon-box li:nth-child(8) .img{background-image: url(../images/become/b_icon8.png);}

#become-icon-box .icon-box li:nth-child(1):hover .img{background-image: url(../images/become/b_icon11.png);}
#become-icon-box .icon-box li:nth-child(2):hover .img{background-image: url(../images/become/b_icon22.png);}
#become-icon-box .icon-box li:nth-child(3):hover .img{background-image: url(../images/become/b_icon33.png);}
#become-icon-box .icon-box li:nth-child(4):hover .img{background-image: url(../images/become/b_icon44.png);}
#become-icon-box .icon-box li:nth-child(5):hover .img{background-image: url(../images/become/b_icon55.png);}
#become-icon-box .icon-box li:nth-child(6):hover .img{background-image: url(../images/become/b_icon66.png);}
#become-icon-box .icon-box li:nth-child(7):hover .img{background-image: url(../images/become/b_icon77.png);}
#become-icon-box .icon-box li:nth-child(8):hover .img{background-image: url(../images/become/b_icon88.png);}


#become-icon-box .icon-box li p{text-align: center;font-size: 18px;color: #999;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
#become-icon-box .icon-box li:hover{background-color: #cfa872;} 
#become-icon-box .icon-box li:hover p{color: #fff;} 






#become-form{background-image: url(../images/become/become-banner.webp);
background-size: cover;background-position: center center;padding:100px 0}
#become-form h2{text-align: center;color: #fff;}
#become-form .des{text-align: center;color: #fff;font-size: 18px;line-height: 30px;width: 1000px;margin:10px auto 50px;}

#become-form .form-box{width: 890px;margin:0 auto;}
#become-form .form-box form{display: block;width: 100%;display: flex;gap:2%;flex-wrap: wrap;}
#become-form .form-box input{display: block;width: 49%;margin-bottom: 2%;height: 55px;line-height: 55px;padding-left: 20px;font-size: 18px;border: 0;}
#become-form .form-box textarea{width: 100%;height: 185px;border: 0;padding:20px;font-size: 16px;line-height: 24px;}
#become-form .form-box button{background-color: #cfa872;display: block;width: 180px;height: 50px;margin:50px auto 0;color: #fff;border: 0;font-size: 18px;}




@media(max-width:1500px){
    #become-icon-box .des{width: 100%;font-size: 16px;line-height: 24px;}

    #become-form .des{width: 100%;font-size: 16px;line-height: 24px;}
}


@media(max-width:1100px){
    #become-icon-box{padding:35px 0}
    #become-icon-box .des{font-size: 14px;line-height: 21px;}
    #become-icon-box .icon-box{gap: 2%;}
    #become-icon-box .icon-box li{width: 49%;margin-bottom: 2%;}
    #become-icon-box .icon-box li p{font-size: 14px;}
    #become-icon-box .icon-box li .img{height: 55px;background-size: auto 35px;}

    #become-form{padding:35px 0}
    #become-form .des{font-size: 14px;line-height: 21px;}

    #become-form .form-box{width: 100%;}
    #become-form .form-box input{width: 100%;height: 35px;line-height: 35px;padding-left: 10px;font-size: 14px;}
    #become-form .form-box textarea{height: 140px;padding: 10px;font-size: 14px;line-height: 21px;}
    #become-form .form-box button{width: 150px;height: 35px;margin: 30px auto 0;}
}


@media(max-width:768px){
    #become-icon-box .des{margin:20px 0}
    #become-form .des{margin:20px 0}
}