@-webkit-keyframes bottom1{0%,100%{bottom:40px}50%{bottom:15px}}@-moz-keyframes bottom1{0%,100%{bottom:40px}50%{bottom:15px}}@-o-keyframes bottom1{0%,100%{bottom:40px}50%{bottom:15px}}@keyframes bottom1{0%,100%{bottom:40px}50%{bottom:15px}}.page_banner{height:700px;background:url("../images/banner/join_banner.jpg") no-repeat center center}.futurefuture_box{position:relative;top:-60px}.futurefuture_box::after{display:block;content:"";position:absolute;top:-40px;right:0;bottom:-40px;left:0;background:#fff;-moz-box-shadow:4px 4px 10px rgba(0,0,0,0.05),-4px 4px 10px rgba(0,0,0,0.05),4px -4px 10px rgba(0,0,0,0.05),-4px -4px 10px rgba(0,0,0,0.05);-webkit-box-shadow:4px 4px 10px rgba(0,0,0,0.05),-4px 4px 10px rgba(0,0,0,0.05),4px -4px 10px rgba(0,0,0,0.05),-4px -4px 10px rgba(0,0,0,0.05);box-shadow:4px 4px 10px rgba(0,0,0,0.05),-4px 4px 10px rgba(0,0,0,0.05),4px -4px 10px rgba(0,0,0,0.05),-4px -4px 10px rgba(0,0,0,0.05)}.futurefuture_box .join_title{position:relative;z-index:2;padding-top:0}.join_title{padding:40px 0;text-align:center}.join_title h1{font-size:34px;color:#625b5c}.join_title h1+h1{padding:15px 0}.join_title h3 span{color:#d1af74}.futurefuture_list{position:relative;z-index:2;padding:10px 20px}.futurefuture_list li{position:relative;flex:1;text-align:center;font-size:16px}.futurefuture_list li span{display:block;width:100%;font-size:62px;margin-bottom:15px}.futurefuture_list li:not(:last-child)::after{position:absolute;right:0;top:50%;display:block;content:"";width:32px;height:19px;transform:translate(50%, -50%);-webkit-transform:translate(50%, -50%);-moz-transform:translate(50%, -50%);-ms-transform:translate(50%, -50%);-o-transform:translate(50%, -50%);background:url("../images/join/futurefuture_icon.png") no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;-ms-background-size:100% 100%;-webkit-background-size:100% 100%}.charge_list{padding:15px 0 80px}.charge_list li{width:380px;padding:40px 0;font-size:42px;line-height:60px;color:#333333;text-align:center;border:1px solid #e0e0e0;-webkit-transition:transform .5s linear;-moz-transition:transform .5s linear;-o-transition:transform .5s linear;-ms-transition:transform .5s linear;transition:transform .5s linear}.charge_list li::before{display:block;font-size:56px;color:#bbbbbb;width:80px;height:80px;line-height:80px;margin:0 auto 30px;border:1px solid #e0e0e0;border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px}.charge_list li:nth-child(1)::before{content:"1"}.charge_list li:nth-child(2)::before{content:"2"}.charge_list li:nth-child(3)::before{content:"3"}.charge_list li:hover{background:#d1af74;border-color:#d1af74;color:#fff;-moz-box-shadow:4px 4px 10px rgba(0,0,0,0.05),-4px 4px 10px rgba(0,0,0,0.05),4px -4px 10px rgba(0,0,0,0.05),-4px -4px 10px rgba(0,0,0,0.05);-webkit-box-shadow:4px 4px 10px rgba(0,0,0,0.05),-4px 4px 10px rgba(0,0,0,0.05),4px -4px 10px rgba(0,0,0,0.05),-4px -4px 10px rgba(0,0,0,0.05);box-shadow:4px 4px 10px rgba(0,0,0,0.05),-4px 4px 10px rgba(0,0,0,0.05),4px -4px 10px rgba(0,0,0,0.05),-4px -4px 10px rgba(0,0,0,0.05);transform:translateY(-15px);-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px)}.charge_list li:hover::before{color:#fff;border-color:#fff}.model_box{background:url(../images/join/model_bg.png) no-repeat top center}.model_box .join_title *{color:#fff}.model_list{margin-top:50px}.model_list li{padding:95px 0 75px;width:390px;margin:0 5px;background:#fff;-moz-box-shadow:4px 4px 10px rgba(0,0,0,0.05),-4px 4px 10px rgba(0,0,0,0.05),4px -4px 10px rgba(0,0,0,0.05),-4px -4px 10px rgba(0,0,0,0.05);-webkit-box-shadow:4px 4px 10px rgba(0,0,0,0.05),-4px 4px 10px rgba(0,0,0,0.05),4px -4px 10px rgba(0,0,0,0.05),-4px -4px 10px rgba(0,0,0,0.05);box-shadow:4px 4px 10px rgba(0,0,0,0.05),-4px 4px 10px rgba(0,0,0,0.05),4px -4px 10px rgba(0,0,0,0.05),-4px -4px 10px rgba(0,0,0,0.05);text-align:center;-webkit-transition:transform .5s linear;-moz-transition:transform .5s linear;-o-transition:transform .5s linear;-ms-transition:transform .5s linear;transition:transform .5s linear}.model_list li h1{margin:40px 0 15px;font-size:24px;color:#333333}.model_list li h3{color:#666666}.model_list li h6{line-height:20px;color:#999999;margin:10px 0 50px}.model_list li::before{background:#f5f5f5;display:block;font-size:36px;color:#362519;width:100px;height:100px;line-height:100px;margin:0 auto;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px}.model_list li:nth-child(1)::before{content:"01"}.model_list li:nth-child(2)::before{content:"02"}.model_list li:nth-child(3)::before{content:"03"}.model_list li::after{display:block;content:"";width:36px;height:36px;margin:0 auto;background:url("../images/join/model_icon.png") no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;-ms-background-size:100% 100%;-webkit-background-size:100% 100%}.model_list li:hover{background:#d1af74;transform:translateY(-15px);-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px)}.model_list li:hover *{color:#fff}.model_list li:hover::before{color:#362519;background:#fff}.model_list li:hover::after{background:url("../images/join/model_active_icon.png") no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;-ms-background-size:100% 100%;-webkit-background-size:100% 100%}.security_box{padding-bottom:30px}.security_swiper{margin-right:10px}.security_swiper .swiper-container{width:620px;height:929px}.security_swiper .imgs_box{width:620px;height:929px;background:#f6f6f6}.security_swiper .imgs_box img{max-width:620px;max-height:929px}.security_list{width:570px}.security_list li{background:#f6f6f6;padding:30px 15px 15px}.security_list li.active{background:#d1af74}.security_list li.active *{color:#fff}.security_list li:not(:last-child){margin-bottom:20px}.security_list h3{color:#333;margin-bottom:5px}.security_list h4{color:#666}.brand_list li{width:350px;margin:0 25px}.brand_list li:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2)}.brand_list li:hover h1{color:#d1af74}.brand_list .imgs_box{width:350px;height:285px}.brand_list .imgs_box img{max-width:350px;max-height:285px}.brand_list h1{line-height:1;padding:30px 0 50px;font-size:35px;color:#555555;font-weight:bold;text-align:center}.channels_box{padding-top:50px;box-sizing:border-box;width:100%;height:765px;background:url("../images/join/channels_bg.png") no-repeat center center}.channels_box .join_title *{color:#fff}.channels_list{background:#fff;text-align:center;margin-top:60px}.channels_list li{position:relative;padding:65px 10px 45px;flex:1;box-sizing:border-box}.channels_list li:not(:last-child)::after{display:block;content:"";position:absolute;top:65px;bottom:45px;right:0.5px;z-index:1;width:1px;background:#c3c3c3}.channels_list li>div{position:relative;z-index:3}.channels_list span{background:#f5f5f5;display:block;font-size:28px;color:#362519;width:60px;height:60px;line-height:60px;margin:0 auto;border-radius:60px;-webkit-border-radius:60px;-moz-border-radius:60px}.channels_list h3{color:#222222;margin:15px 0}.channels_list li.active *{color:#fff}.channels_list li.active span{color:#362519;background:#fff}.channels_list li.active::before{display:block;content:"";position:absolute;top:-15px;left:-2px;right:-2px;bottom:-15px;z-index:2;background:#d1af74}.trader_head{margin-bottom:10px}.trader_img_1{margin:0 5px;width:790px;height:490px}.trader_img_2{margin:0 5px;width:390px;height:490px}.trader_list .img_box{width:290px;height:280px;margin:0 5px}.trader_info{position:absolute;left:0;right:0;bottom:0;top:0;z-index:10;background:rgba(0,0,0,0.5);padding:0 15px;display:none}.trader_info>div::before{display:block;content:"";width:41px;height:35px;margin:0 auto 10px;background:url("../images/join/trader_icon.png") no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;-ms-background-size:100% 100%;-webkit-background-size:100% 100%}.trader_info h1{width:100%;color:#fff;line-height:1.6;font-size:18px}.trader_info a{display:block;margin:10px auto 0;width:126px;height:38px;line-height:38px;text-align:center;color:#fff;background:#d1af74}.trader_head .trader_info{padding:0 25px}.trader_head .trader_info>div::before{margin:0 auto 25px}.trader_head .trader_info a{margin-top:35px}.trader_box .img_box:hover .trader_info{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.workshop_list{margin-bottom:10px}.workshop_list li{margin:0 5px;width:590px;height:400px}.workshop_list li:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2)}.workshops_list{padding-bottom:70px}.workshops_list li{margin:0 5px 10px;width:290px;height:190px}.workshops_list li:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2)}@media screen and (min-width: 1350px){.channels_box>.container{width:1350px}.channels_list li{padding:65px 20px 45px}}
