.active-title{color: white;padding: 3px 10px;}
.big-img{width: 100%;}
.logo-img{width: 100%;height: auto;border-radius: 50%;transition: all .5s;background-color: white;}
.log-large-text{font-size: 50px;align-items: flex-end;}
.logo-text{line-height: 30px;}
.brand{background: linear-gradient(to right,#003F98 0%,#E5000F 100%);border-radius: 10px 10px 0 0;box-sizing: border-box;padding: 20px 50px;}
.large-number{font-size: 60px;font-style: oblique;}
.bg-gray{background-color: #F3F3F3;}
.warehouse{box-sizing: border-box;padding: 60px 50px 20px;background-color: #007BFF;position: relative;}
.warehouse-text{width: 265px;}
.video-content{padding: 31px 30px 0;box-sizing: border-box;}
.video{width: 100%;height: auto;outline: none;}
.warehouse-bottom{position: absolute;width: 100%;left: 50%;transform: translateX(-50%);padding-top: 60px;}
.warehouse-bottom-img{box-sizing: border-box;}
.box{width: 25%;transition: all 0.5s;position: relative;height: 235px;}
.box-4:hover .box{width: 20%;}
.box-4 .box:hover{width: 40% !important;}
.box:nth-child(1){width: 20%;z-index: 1;}
.box:nth-child(2){left: -1%;width: 20%;z-index: 2;}
.box:nth-child(3){left: -2%;width: 20%;z-index: 3;}
.box:nth-child(4){left: -3%;width: 40%;z-index: 4;}
.box-4{box-sizing: border-box;width: 103%;}
.ship-content{width: 100%;position: relative;transition: all .5s}
.ship-box{width: 250px;height: 250px;box-sizing: border-box;text-align: center;margin-bottom: 10px;}
.ship-box img{width: 100%;height: 100%;}
.brand-3{padding: 1px 10px;border-radius: 3px;background-color: #E4E4E4;}
.store-img{width: 250px;}
.img-store{width: 100%;height: auto;overflow: hidden;}
.img-store img{width: 100%;height: auto;transition: all .5s;}
.img-store img:hover{transform: scale(1.2);}
.red-div{width: 10px;}
.store-img-large{width: 515px;}
.store-img-large img{height: 354px;}


.box-shadow{position: relative;border-radius: 50%;overflow: hidden;box-sizing: border-box;padding: 20px;}
.shadow-content{position: absolute;width: calc(100% - 40px);height: calc(100% - 40px);top: 20px;left: 20px;opacity: 0;border-radius: 50%;box-sizing: border-box;padding: 20px;}
.box-shadow:hover .shadow-content{background-color: white;opacity: 1;}
.code{top: 50%;left:50%;transform: translate(-50%,-50%);}
.join-text{height: 145px;}
.join-text div:nth-child(1){font-size: 70px;line-height: 1;}
.video-ground{background-image: url(/static/images/img/join/bg-05.png);background-size: 100% 100%;}
.process{background-image: url(/static/images/img/join/bg-06.png);background-size: 100% 100%;}