.fiveg_top_wrapper {background: linear-gradient( 180deg, rgba(251,252,253,0) 0%, #F5F7FB 100%); height:880px; 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( 204deg, #BADCFF 0%, rgba(255,239,239,0.22) 100%); top:40px; right:40px;}
.color_dot.purple {background: linear-gradient( 160deg, #C2BAFF 0%, rgba(255,239,239,0.22) 100%); bottom:-20px; 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: radial-gradient( 204% 139% at 4% 6%, #1677FF 0%, #82EAFF 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/1018/phone.png"); background-size:100% 100%; opacity:0; transition:all 0.5s;}
.phone_box .chat_box.cur {opacity:1;}
.phone_box .chat_box img {position: absolute; transition:all 0.3s; opacity:0; max-width:200%;}
.phone_box .chat_box.cur img {opacity:1;}
.phone_box .chat_box.card1 img:first-child {left:-120px; top:160px; transition-delay:0.2s;}
.phone_box .chat_box.card1 img:nth-child(2) {right:-60px; top:356px; transition-delay:0.4s;}
.phone_box .chat_box.card1 img:nth-child(3) {left:-100px; top:460px; transition-delay:0.5s;}

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


.phone_box .chat_box.card2 img:first-child {right:-50px; top:160px; transition-delay:0.2s;}
.phone_box .chat_box.card2 img:nth-child(2) {left:-100px; top:356px; transition-delay:0.4s;}
.phone_box .chat_box.card2 img:nth-child(3) {right:-60px; top:470px; transition-delay:0.5s;}

.phone_box .chat_box.cur.card2 img:first-child {right:-50px; top:120px;}
.phone_box .chat_box.cur.card2 img:nth-child(2) {left:-100px; top:316px;}
.phone_box .chat_box.cur.card2 img:nth-child(3) {right:-60px; top:420px;}


.mms_scene_wrapper {height:1320px; background: linear-gradient(360deg, #ECF5FF 0%, rgba(238,244,255,0.74) 52%, #FFFFFF 100%); overflow:hidden;}
.arrow_box {padding-top:24px;}
.arrow_change {width:24px; height:24px; display:inline-block; cursor:pointer; margin-left:30px;}
.arrow_left {background:url("../images/1002/arrow_left_black.svg");}
.arrow_left:hover {background:url("../images/1002/arrow_left_grey.svg");}
.arrow_right {background:url("../images/1002/arrow_right_black.svg");}
.arrow_right:hover {background:url("../images/1002/arrow_right_grey.svg");}
.arrow_left.pause {background:url("../images/1002/arrow_left_grey.svg"); opacity:.6; cursor:not-allowed;}
.arrow_right.pause {background:url("../images/1002/arrow_right_grey.svg"); opacity:.6; cursor:not-allowed;}

.mms_scene_box { white-space: nowrap; transition: all 0.3s;}
.mms_scene_item {height:474px; width:430px; background:#fff; box-shadow: 0px 16px 24px 0px rgba(227,234,252,0.3); border-radius:30px; overflow: hidden; display:inline-block; margin-right:20px;}
.mms_scene_item .mms_s_bg {height:271px; background: linear-gradient( 106deg, #A1B7FE 0%, #CADBFF 100%); border-radius:30px 30px 0px 0px; padding-top:54px; padding-left:45px; overflow:hidden; transition:all 0.6s;}
.mms_scene_item .mms_s_bg:hover {padding-top:24px; padding-left:20px;}
.mms_scene_item .mms_s_bg>img {width:100%; height:100%;}
.mms_item_info {padding:24px 34px;}
.mms_item_info .tag {background:#CCD8FC; border-radius:7px; line-height:32px; color:#4372FF; padding:0 12px; display:inline-block;}
.mms_scene_item:nth-child(2) .mms_s_bg {background: linear-gradient(135deg, #FBD3DF 0%, #D5B7DE 100%);}
.mms_scene_item:nth-child(3) .mms_s_bg {background: linear-gradient( 225deg, #C1EEFF 0%, #67BFFB 100%);}
.mms_scene_item:nth-child(4) .mms_s_bg {background: linear-gradient( 225deg, #FFFDCD 0%, #FFBD8C 100%);}
.mms_scene_item:nth-child(5) .mms_s_bg {background: linear-gradient( 135deg, #29ADF5 0%, #D5E1FF 100%);}