/* .sub_banner_wrapper { background:url("../images/banner/banner_bg_1004.jpg") center top no-repeat; background-size:auto 100%;} */

.fiveg_top_wrapper {background: linear-gradient( 180deg, rgba(251,252,253,0) 0%, #F5F7FB 100%); height:1620px; padding-top:60px; overflow:hidden;}
.fiveg_top_box {width:1160px; height:530px; background:linear-gradient( 180deg, #F3F5F8 0%, #FAFBFD 100%); box-shadow: 0px 16px 24px 0px rgba(192,199,218,0.3);
 border-radius:30px; border:2px solid; padding:40px 60px; border-image:linear-gradient(45deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 1)) 2 2; margin-top:70px; position:relative;
}
.color_dot { width:350px; height:350px; border-radius:50%; opacity:0.4; position:absolute;}
.color_dot.blue {background: linear-gradient( 30deg, #BAFFE9 0%, #FFEFEF 100%); bottom:-30px; right:40px;}
.color_dot.purple {background: linear-gradient( 160deg, #FFD9BA 0%, rgba(255,255,255,.6) 100%); top:40px; right:-180px;}
.des_title {line-height:28px;}

.rcs_card_box {width:568px; height:288px;}
.rcs_card_item {width:270px; height:265px; background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, #FAFBFD 100%); margin-bottom:20px; transition:all 0.3s;
    box-shadow: 0px 16px 24px 0px rgba(192,199,218,0.3); border-radius: 18px; border: 2px solid #FFFFFF; padding:24px;}
.rcs_card_tag {background: rgba(0,0,0,0.15); width:72px; line-height:24px; font-size:12px; margin-top:24px; cursor:pointer; border-radius:14px; display:inline-block; text-align:center; color:#fff;}
.rcs_card_tag:hover {color:#fff;}
.rcs_card_des {font-size:16px; padding-top:12px; }
.rcs_card_item.cur {background: linear-gradient( 135deg, #48D762 0%, #48D762 51%, #A1F563 100%); color:#fff; border:0;}

.phone_box {width:320px; height:596px; position:absolute; right:-80px; top:-40px; }
.phone_box .chat_box {position:absolute; left:0; top:0; width:100%; height:100%; background:url("../images/1004/phone1.png"); background-size:100% 100%; opacity:0; transition:all 0.5s;}
.phone_box .chat_box.cur {opacity:1;}
.phone_box .chat_box .title {font-size:24px; color:#fff; margin-top:80px; text-align:center;}
.phone_box .chat_box img {position: absolute; transition:all 0.3s; opacity:0;}
.phone_box .chat_box.cur img {opacity:1;}

.phone_box .chat_box.card1 img:first-child {left:-120px; top:150px; transition-delay:0.2s;}
.phone_box .chat_box.card1 img:nth-child(2) {right:-70px; top:410px; transition-delay:0.4s;}

.phone_box .chat_box.cur.card1 img:first-child {left:-120px; top:120px;}
.phone_box .chat_box.cur.card1 img:nth-child(2) {right:-70px; top:316px;}

.sms_shadow_box {width:430px;}
.sms_shadow_box .w_bg {padding-left:32px; padding-right:32px;}

@media screen and (max-width:1360px) {
    .sms_shadow_box {width:410px;}
}