.part4:after { content: ''; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.part4 { position: relative; }
.part4 .choose818 { position: relative; }
.part4 .swiper-button-prev, .part4 .swiper-button-next { width: 60px; height: 60px; background: rgba(255, 255, 255, 1); box-shadow: 0px 0px 6px 0px rgba(3, 9, 25, 0.15); border-radius: 50%; display: block; color: #202020; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); text-align: center; line-height: 60px; font-size: 20px; margin: 0px; top: 63%; }
.part4 .swiper-button-next { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.part4 .company_user { display: block; margin: 30px auto; }
.part4 .big_title { font-size: 30px; font-weight: bold; display: block; color: #444444; text-align: center; margin-top: 60px; margin-bottom: 30px; }
.part4 .big_title span { color: rgba(253, 118, 113, 1); }
.part4 .user_info { width: 485px; height: 310px; background: rgba(255, 255, 255, 1); float: left; margin-right: 16px; margin-bottom: 100px; border-radius: 10px; }
.part4 .user_info:last-child { margin-right: 0px; }
.part4 .user_info .img_header { display: block; width: 56px; height: 56px; margin: 35px 14px 0 35px; }
.part4 .user_info .job { font-size: 16px; color: #202020; font-weight: 400; margin-top: 40px; display: block; }
.part4 .user_info .name { display: block; font-size: 16px; margin-top: 10px; font-weight: 400; color: rgba(131, 131, 131, 1); }
.part4 .user_info .say { font-size: 16px; color: #838383; padding: 0px 35px; display: block; margin: 30px auto 0 auto; text-indent: 30px; line-height: 26px; }
.part4 .user_info_group:after { content: ""; display: block; clear: both; }
.part4 .user_info_group { margin: 50px auto 0px auto; width: fit-content; width: -moz-fit-content; }
#barrage-container { width: 100%; height: 300px; margin: 0 auto; overflow: hidden; }
#barrage-container .barrage-row { height: 80px; margin-bottom: 22px; position: relative; }
.barrage-row .barrage-item { width: auto; max-width: 566px; height: 50px; line-height: 50px; background: rgba(237, 241, 242, 1); border-radius: 20px; padding: 15px 17px; display: inline-block; vertical-align: middle; position: absolute; left: 1200px; overflow: hidden; }
.barrage-row .barrage-item-detail { font-size: 15px; line-height: 27px; display: inline-block; vertical-align: middle; color: #333333; /* width: auto; */ width: calc(100% - 80px); max-width: 490px; height: 100%; overflow: hidden; }
.barrage-item img { height: 50px; width: 50px; border-radius: 100%; vertical-align: middle; margin-right: 15px; }
.barrage-item .userImg { height: 50px; width: 50px; border-radius: 100%; vertical-align: middle; margin-right: 15px; background-size: contain; background-repeat: no-repeat; display: inline-block; }
.barrage-row .barrage-item-detail span { font-weight: bold; color: #202020; }
.barrage-item-hover .barrage-item-detail, .barrage-item-hover-3 .barrage-item-detail { overflow: auto; }
.barrage-row .barrage-item-hover, .barrage-row .barrage-item-hover-3 { height: auto; z-index: 1; }
.barrage-row .barrage-item-hover .barrage-item-detail, .barrage-row .barrage-item-hover img { vertical-align: top; }
.barrage-row .barrage-item-hover .barrage-item-detail, .barrage-row .barrage-item-hover .userImg { vertical-align: top; }
.barrage-row .barrage-item-hover-3 { bottom: 0; }
.barrage-row .barrage-item-hover-3 .barrage-item-detail, .barrage-row .barrage-item-hover-3 img { vertical-align: top; }
.barrage-row .barrage-item-hover-3 .barrage-item-detail, .barrage-row .barrage-item-hover-3 .userImg { vertical-align: top; }
/* =_= */

.barrage-item .userImg-0 { background-image: url("../images/tu_01.png"); }
.barrage-item .userImg-1 { background-image: url("../images/tu_02.png"); }
.barrage-item .userImg-2 { background-image: url("../images/tu_03.png"); }
.barrage-item .userImg-3 { background-image: url("../images/tu_04.png"); }
.barrage-item .userImg-4 { background-image: url("../images/tu_05.png"); }
.barrage-item .userImg-5 { background-image: url("../images/tu_06.png"); }
.barrage-item .userImg-6 { background-image: url("../images/tu_07.png"); }
.barrage-item .userImg-7 { background-image: url("../images/tu_08.png"); }