/*********** 数字新商，跨境贸易数字化趋势论坛 ***********/ /* 导航 */ #forumNavBox .forumNavLi li.cur a, #forumNavBox .forumNavLi li a:hover{color: #037381;} #forumNavBox .forumNavLi li.cur a::after{background: #037381;} @media screen and (max-width: 1055px){ #forumNavBox .forumNavLi li{padding-left: 36px;} } @media screen and (max-width: 1020px){ #forumNavBox .forumNavLi li{padding-left: 36px;} } @media screen and (max-width: 995px){ #forumNavBox .forumNavLi li a{font-size: 18px;} } @media screen and (max-width: 910px){ #forumNavBox .forumNavLi li{padding-left: 36px;} } @media screen and (max-width: 895px){ #forumNavBox .forumNavLi li{text-align: center; padding-left: 36px;} #forumNavBox .forumNavLi li a{height: 38px; line-height: 24px;} #forumNavBox .forumNavLi li span{display: inline-block;} } @media screen and (max-width: 750px){ #forumNavBox .forumNavLi ul{background: #037381;} #forumNavBox .forumNavLi li{padding: 0;} #forumNavBox .forumNavLi li a{font-size: 0.32rem; height: 1.2rem; line-height: 1.2rem;} #forumNavBox .forumNavLi li.cur a{color: #ffffff;} #forumNavBox .forumNavLi li.cur a::after{background: #ffffff;} #forumNavBox .forumNavLi li a:hover {color: #ffffff;} } /* banner */ #forumBannerBox {background: #ffffff url(../images/ccbecBanner.jpg) no-repeat center center; background-size: cover;} #forumBannerBox .exhibitLogoTime{background: #037381; padding: 25px;} #forumBannerBox .forumSignup .formSlogan{color: #037381; font-size: 44px; line-height: 30px;} #forumBannerBox .forumSignup .forumName{color: #037381; font-size: 40px;line-height:54px;padding-bottom: 80px;} #forumBannerBox .forumSignup .forumBannerBtn a{background:#037381; padding-left: 90px;} #forumBannerBox .forumSignup .forumBannerBtn a:hover{background:#0991a2;} #forumBannerBox .exhibitLogoTime .exhibitLogo i{font-size:60px;color:#FFFFFF;} #forumBannerBox .exhibitLogoTime .exhibitionName{color:#FFFFFF;font-size:24px;padding-bottom:60px;} #forumBannerBox .exhibitLogoTime .exhibitTime span{display:block;color:#FFFFFF;font-size:18px;line-height: 32px;} #forumBannerBox .forumSignup{padding: 45px 36px; margin-top: 110px;} #forumBannerBox .forumSignup .forumBannerBtn a::after{left: 50px;} #forumBannerBox .forumSupportLogo i{font-size: 16px; line-height: 26px;} #forumBannerBox .forumSupportLogo{bottom: 0; right: 0; padding: 12px 40px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); background: linear-gradient(90deg, rgba(3, 115, 129, 0.00) 0%, rgba(3, 115, 129, 0.60) 47.92%, rgba(3, 115, 129, 0.00) 100%);} #forumBannerBox .forumSupportLogo i:nth-child(2) img { width: 85px; position: relative; top: 3px;} #forumBannerBox .forumSupportLogo i:nth-child(1) img { width: 135px; position: relative; top: 3px;} #forumBannerBox .forumSupportLogo i:nth-child(1){margin-right: 50px;} @media screen and (max-width: 750px){ #forumBannerBox { background: url(../images/ccbecBannerM.jpg) no-repeat center center; background-size: cover;} #forumBannerBox .exhibitLogoTime{padding: 0.2rem 0.24rem;} #forumBannerBox .exhibitLogoTime .exhibitLogo{padding-bottom: 0.2rem;} #forumBannerBox .exhibitLogoTime .exhibitLogo i{font-size:0.6rem;} #forumBannerBox .exhibitLogoTime .exhibitionName{font-size:0.30rem;padding-bottom:0.6rem;} #forumBannerBox .exhibitLogoTime .exhibitTime span{line-height: 0.32rem;font-size:0.21rem;} #forumBannerBox .forumSignup {padding: 0.48rem 0.4rem;margin-top: 1.1rem;} #forumBannerBox .forumSignup .formSlogan { font-size: 0.44rem; line-height: 0.3rem;} #forumBannerBox .forumSignup .forumName {font-size: 0.40rem;line-height: 0.54rem;padding-bottom:0.8rem;} #forumBannerBox .forumSignup .forumBannerBtn a {padding-left: 0.9rem;} #forumBannerBox .forumSignup .forumBannerBtn a::after {left: 0.5rem;} #forumBannerBox .forumSupportLogo{width:100%; padding: 0.1rem; box-sizing: border-box; text-align: center;} #forumBannerBox .forumSupportLogo i{ line-height: 0.4rem; font-size: 0.22rem;} #forumBannerBox .forumSupportLogo i:nth-child(1){ margin-right: 0.5rem;} #forumBannerBox .forumSupportLogo i:nth-child(2) img { width: 1.08rem; position: relative; top: 0.03rem;} #forumBannerBox .forumSupportLogo i:nth-child(1) img { width: 1.7rem; position: relative; top: 0.03rem;} } @media screen and (max-width: 350px){ #forumBannerBox .forumSignup{padding: 0.48rem 0.3rem;} } /* 活动背景 */ #forumBgBox .forumBgFont p{line-height: 32px;} .forumtitle p{line-height:20px;color:rgba(3, 115, 129, 0.20);} .forumtitle h4{padding-bottom:10px;} .forumtitle p::after{background: #037381;} #forumBgBox .forumBgFont p:nth-child(2) {padding-bottom: 20px;} @media screen and (max-width: 750px){ .forumtitle h4{padding-bottom:0.1rem;} #forumBgBox .forumBgFont p{line-height: 0.42rem;} #forumBgBox .forumBgFont p:nth-child(2) {padding-bottom: 0.3rem;} } /* 议程安排 */ #forumAgenda .forumAgendaTop .forumAgendaName {color: #037381;;} #forumAgenda .forumAgendaTable th {background: #037381;} #forumAgenda .forumAgendaTable tr:last-child td{border-bottom: 1px solid #F4F4F9; } /* 嘉宾阵容 */ #forumGuest .forumGuestList .forumGuestPhoto{background: url(../images/ccbecGuestBG.png) no-repeat center center; background-size: 167px auto;} #forumGuest .forumGuestList .forumGuestName{color: #037381;} #forumGuest .forumGuestList li{width:20%; padding-left: 24px;} #forumGuest .forumGuestList {margin-left: -24px;} @media screen and (max-width: 1229px){ #forumGuest .forumGuestList .forumGuestdetail{min-height: 110px;} } @media screen and (max-width: 1203px){ #forumGuest .forumGuestList li{padding-left: 16px;} #forumGuest .forumGuestList {margin-left: -16px;} } @media screen and (max-width: 1171px){ #forumGuest .forumGuestList .forumGuestdetail{min-height: 132px;} } @media screen and (max-width: 1161px){ #forumGuest .forumGuestList {margin-left: -30px;} #forumGuest .forumGuestList li{width:33.333%; padding-bottom: 30px; padding-left: 30px;} #forumGuest .forumGuestList{padding: 0 80px;} #forumGuest .forumGuestList .forumGuestdetail{min-height: 88px;} #forumGuest .forumGuestList li:nth-child(4){padding-bottom: 0; width:50%;} #forumGuest .forumGuestList li:nth-child(5){padding-bottom: 0; width:50%;} #forumGuest .forumGuestList li:nth-child(4) .forumGuestdetail{min-height: 66px;} #forumGuest .forumGuestList li:nth-child(5) .forumGuestdetail{min-height: 66px;} } @media screen and (max-width: 1033px){ #forumGuest .forumGuestList .forumGuestdetail {min-height: 110px;} } @media screen and (max-width: 911px){ #forumGuest .forumGuestList {padding: 0 60px;} } @media screen and (max-width: 872px){ #forumGuest .forumGuestList {padding: 0 10px;} } @media screen and (max-width: 787px){ #forumGuest .forumGuestList li{padding-left: 16px;} #forumGuest .forumGuestList {margin-left: -16px;} } @media screen and (max-width: 750px){ #forumGuest .forumGuestList{margin-left: -0.24rem; padding: 0;} #forumGuest .forumGuestList li { padding-left: 0.24rem; padding-bottom: 0.3rem;} #forumGuest .forumGuestList .forumGuestPhoto { width: 1.77rem; height: 1.77rem; background-size: 1.77rem auto;} #forumGuest .forumGuestList .forumGuestdetail {min-height: 3.6rem;} #forumGuest .forumGuestList li:nth-child(4) .forumGuestPost {min-height: 0.72rem;} #forumGuest .forumGuestList li:nth-child(5) .forumGuestPost {min-height: 0.72rem;} #forumGuest .forumGuestList li:nth-child(4) .forumGuestdetail{min-height: 2.16rem;} #forumGuest .forumGuestList li:nth-child(5) .forumGuestdetail{min-height: 2.16rem;} #forumGuest .forumGuestList li:nth-child(1) .forumGuestdetail{height: 3.6rem;} } @media screen and (max-width: 369px){ #forumGuest .forumGuestList .forumGuestdetail {min-height: 3.96rem;} /* #forumGuest .forumGuestList li:nth-child(4) .forumGuestPost {min-height: 1.08rem;} #forumGuest .forumGuestList li:nth-child(5) .forumGuestPost {min-height: 1.08rem;} */ } @media screen and (max-width: 353px){ #forumGuest .forumGuestList li .forumGuestPost {min-height: 1.44rem;} } @media screen and (max-width: 346px){ #forumGuest .forumGuestList li:nth-child(4) .forumGuestdetail {min-height: 2.52rem;} #forumGuest .forumGuestList li:nth-child(5) .forumGuestdetail{min-height: 2.52rem;} } @media screen and (max-width: 326px){ /* #forumGuest .forumGuestList li:nth-child(4) .forumGuestPost {min-height: 1.44rem;} */ /* #forumGuest .forumGuestList li:nth-child(5) .forumGuestPost {min-height: 1.44rem;} */ } @media screen and (max-width: 314px){ #forumGuest .forumGuestList li:nth-child(4) .forumGuestPost {min-height: 1.08rem;} #forumGuest .forumGuestList li:nth-child(5) .forumGuestPost {min-height: 1.08rem;} } @media screen and (max-width: 312px){ #forumGuest .forumGuestList .forumGuestdetail {min-height: 5.04rem;} #forumGuest .forumGuestList li:nth-child(1) .forumGuestdetail{height: 5.04rem;} } /*相关报道 */ #forumCoverage .swiperBox .swiper-scrollbar{background: rgba(3, 115, 129, 0.20);} #forumCoverage .swiperBox .swiper-scrollbar-drag{background: #037381;} #forumCoverage .swiperBox .swiper-button-next, .swiperBox .swiper-button-prev {background: url(../images/ccbecSpirit.png) no-repeat top left; background-size: 150px auto;} #forumCoverage .swiperBox .swiper-button-prev {background-position: 0 -117px;} #forumCoverage .swiperBox .swiper-button-next {background-position: -64px -117px;} #forumCoverage .swiperBox .swiper-button-prev:hover {background-position: 0 -181px;} #forumCoverage .swiperBox .swiper-button-next:hover {background-position: -64px -181px;} /*图片集锦 */ #photoGallery .swiperBox .swiper-scrollbar{background: rgba(3, 115, 129, 0.20);} #photoGallery .swiperBox .swiper-scrollbar-drag{background: #037381;} #photoGallery .swiperBox .swiper-button-next,#photoGallery .swiperBox .swiper-button-prev {background: url(../images/ccbecSpirit.png) no-repeat top left; background-size: 150px auto;} #photoGallery .swiperBox .swiper-button-prev {background-position: 0 -117px;} #photoGallery .swiperBox .swiper-button-next {background-position: -64px -117px;} #photoGallery .swiperBox .swiper-button-prev:hover {background-position: 0 -181px;} #photoGallery .swiperBox .swiper-button-next:hover {background-position: -64px -181px;} /* 活动详询 */ #forumContact .forumContactLists ul {display: flex;gap:20px;justify-content:space-between;padding-bottom:50px;} #forumContact .forumContactLists li{flex:1;width:33.3%;} #forumContact .forumContactLists li a {background-color: #FFFFFF;border-radius: 20px;display:flex;flex-direction: column;align-items: center;justify-content: center;padding:20px 10px;text-align:center;height: 100%;text-decoration: none;margin-bottom:10px;} #forumContact .forumContactLists li a i {display: inline-block;font-size:85px;color:#037381;} #forumContact .forumContactLists li a span{color:#037381;font-size:20px;font-weight: 700;padding:5px 0} #forumContact .forumContactLists li a p{word-wrap:break-word;word-break:break-word;white-space:normal;color:rgba(45, 46, 66, 0.70);font-size:16px;} @media screen and (max-width: 750px){ #forumContact .forumContactLists ul {gap:0.05rem;padding-bottom:0.3rem;flex-direction: column;} #forumContact .forumContactLists li{width:100%;} #forumContact .forumContactLists li a {display: flex; flex-direction: row;border-radius: 0.2rem;padding: 0.3rem 0 0.3rem 0.3rem;justify-content: start;align-items: center;} #forumContact .forumContactLists li a i {font-size:1.25rem;} #forumContact .forumContactLists li a .text {display: flex;flex-direction: column;align-items: start;padding-left:0.15rem;} #forumContact .forumContactLists li a span {font-size: 0.32rem;padding: 0.1rem 0;} #forumContact .forumContactLists li a p {font-size: 0.28rem;} } /*********** 数字新商，跨境贸易数字化趋势论坛 ***********/