/*棣栭〉*/ .wrapper { position: relative; width: 1200px; margin: 0 auto; } .integration { font-size: 0; margin: 20px auto; } .integration .swiper-container { width: 100%; height: 333px; } .integration .swiper-container .swiper-slide-a { display: block; height: 333px; } .integration .swiper-container .swiper-slide-a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .headline-header { width: 100%; min-width: 1200px; /*background-color: #0f76d1;*/ color: #ffffff; } .headline-header .seminar { padding: 0 50px; z-index: 10; } .seminar .seminar-top { display: flex; justify-content: space-between; align-items: center; padding-top: 15px; } .seminar .seminar-top2 { display: flex; justify-content: space-between; align-items: center; padding: 30px 0 100px 0; } .seminar .swiperBox { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; } .swiperBox .swiper-container { height: 100%; } .swiperBox .swiper-slide-a { display: block; height: 100%; } .swiperBox .swiper-slide-a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .seminar-text .seminar-logoL .seminar-logoLa { display: inline-block; font-size: 0; width: 110px; height: 110px; } .seminar-text .seminar-logoL { font-size: 0; } .seminar-logoL .seminar-logoLa img { width: 100%; height: 100%; } .seminar-top .seminar-topL { font-size: 14px; } .seminar-top .seminar-topR { font-size: 14px; } .seminar-top2 .seminar-text { display: flex; /*justify-content: space-between;*/ align-items: center; } .seminar-text .seminar-name { margin-left: 10px; } .seminar-name .seminar-nameT .seminar-nameTp { font-size: 42px; font-weight: 700; } .seminar-name .seminar-nameT .seminar-nameTp2 { font-size: 16px; } .seminar-name .seminar-nameH { display: flex; /*justify-content: space-between;*/ align-items: center; margin-top: 10px; } .seminar-nameH .seminar-nameH2 { margin-left: 110px; } .seminar-nameH .seminar-nameH1 .seminar-nameH1p { font-size: 16px; } .seminar-nameH .seminar-nameH1 .seminar-nameH1p2 { font-size: 10px; } /*鎼滅储*/ .seminar-search .seminar-searchS { width: 300px; } .seminar-searchS .search-div { font-size: 0; position: relative; } .search-div .search-input { height: 40px; line-height: 40px; background-color: #ffffff; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; width: 100%; font-size: 14px; padding: 0 15px; } .search-div .search-icon { height: 40px; line-height: 40px; text-align: center; position: absolute; top: 0; right: 10px; cursor: pointer; } .search-div .search-icon .iconfont { color: #0f76d1; font-size: 24px; } .search-div2p .search-pPopular { display: inline-block; font-size: 14px; vertical-align: middle; } .search-div2 .search-div2p { font-size: 0; } .search-div2 .search-div2p span { margin-top: 5px; } .search-div2p .search-pLabel { display: inline-block; font-size: 12px; background-color: #0e6dc0; vertical-align: middle; padding: 1px 6px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; margin-right: 5px; cursor: pointer; color: #ffffff; margin-top: 5px; } .headline-header .seminar-nav { } .seminar-nav .seminarNav-m { background-color: #0e6dc0; } .seminarNav-m ul { display: -webkit-box; } .seminarNav-m ul .seminar-navLi { display: inline-block; width: 10%; text-align: center; float: left; position: relative; } .seminarNav-m ul .seminar-navLi .seminar-show { position: absolute; top: 49px; width: 100%; z-index: 999; background-color: #0e6dc0; display: none; } .seminarNav-m ul .seminar-navLi .seminar-show.seminar-navLiActive { display: block; } .seminar-navLi .seminar-show li { border-top: 1px solid #ffffff; width: 100%; display: inline-block; } .seminar-navLi .seminar-show li .seminar-showA { display: block; text-align: center; height: 40px; line-height: 40px; font-size: 16px; color: #ffffff; } .seminar-navLi .seminar-show li .seminar-showA:hover { background-color: #3289d7; } .seminarNav-m ul .seminar-navLi .seminar-navLiA { display: block; height: 50px; line-height: 50px; color: #ffffff; font-size: 16px; } .seminarNav-m ul .seminar-navLi .seminar-navLiA:hover { background-color: #3289d7; } .seminar-navLi .seminar-navLiActive { background-color: #3289d7; } .JouStrip-col .swiper-container { width: 500px; height: 322px; } .JouStrip-col .swiper-container .swiper-slide-a { /*display: block;*/ font-size: 0px; } .JouStrip-col .swiper-container .swiper-slide-a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .JouStrip-col .swiper-container .swiper-slide-text { width: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; } .swiper-container .swiper-slide-text .swiper-slide-tBg { display: block; padding: 5px 10px; font-size: 14px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*椤甸潰涓讳綋*/ .Journalism { } .Journalism .Journalism-flex { display: flex; justify-content: space-between; /*align-items: center;*/ margin-bottom: 20px; } .Journalism-flex .JouStrip { width: 200px; } .Journalism-flex .JouStrip2 { width: 460px; } .Journalism-flex .JouStrip3 { width: 500px; } .JouStrip .JouStrip-col { margin-bottom: 20px; border: 1px solid #dddddd; height: 324px; } .JouStrip .JouStrip-col:last-child { margin-bottom: 0; } .JouStrip-col .JouStrip-col-title { display: flex; justify-content: space-between; align-items: center; position: relative; border-bottom: 2px solid #3289d7; } .JouStrip-col-title .JouStrip-title-l { display: flex; /*justify-content: space-between;*/ align-items: center; color: #ffffff; background-color: #3289d7; padding: 0 10px; font-size: 0; height: 100%; position: relative; } .JouStrip-col-title .JouStrip-title-a { display: inline-block; font-size: 12px; color: #3592e5; margin-right: 10px; } .JouStrip-title-l .JouStrip-title-icon { height: 40px; line-height: 41px; } .JouStrip-title-l .JouStrip-title-icon .iconfont { font-size: 21px; height: 100%; } .JouStrip-title-l .JouStrip-title-text { height: 40px; line-height: 40px; position: relative; z-index: 5; } /*鍚戜笂*/ .JouStrip-title-l .triangle-right { width: 0; height: 0; border-width: 0px 16px 40px; border-style: solid; border-color: transparent transparent #3289d7; position: absolute; right: -16px; z-index: 0; } .JouStrip-title-l .JouStrip-title-text .JouStrip-textS { display: inline-block; font-size: 16px; font-weight: 700; margin-left: 5px; } /*涓夎褰?/ .JouStrip-col-title .triangle { width: 0; height: 0; border-width: 5px 5px 0; border-style: solid; z-index: 1; position: absolute; } .JouStrip-col-title .triangle-lf { left: 0; bottom: -5px; border-color: #1e69ac transparent transparent; /*鐏 閫忔槑 閫忔槑 */ } .JouStrip-col-title .triangle-fr { right: 0; bottom: -5px; border-color: #b0cfe1 transparent transparent; /*鐏 閫忔槑 閫忔槑 */ } .JouStrip-col .JouStrip-col-list { padding: 0 10px; background-color: #ffffff; position: relative; z-index: 10; } .JouStrip-col-list ul .JouStrip-list-li { height: 40px; line-height: 40px; border-bottom: 1px solid #e3e3e3; } .JouStrip-col-list ul .JouStrip-list-li:last-child { border-bottom: 0; } .JouStrip-list-li .JouStrip-list-liA { display: flex; justify-content: space-between; align-items: center; font-size: 14px; } .JouStrip-list-li .JouStrip-list-liA:hover { color: #0f76d1; } .JouStrip-list-li .JouStrip-list-liA .JouStrip-list-liAs { display: block; width: 336px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; } .JouStrip-list-li .JouStrip-list-liA .JouStrip-list-liAs2 { color: #999999; font-size: 12px; } .JouStrip-list-liA .JouStrip-list-liD { position: relative; display: flex; align-items: center; } .JouStrip-list-liA .JouStrip-list-liD .JouStrip-list-new { position: absolute; right: -30px; } .JouStrip-col .JouStrip-block { padding: 10px; background-color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; height: 208px; } .JouStrip-block-tab ul { overflow: hidden; border-bottom: 1px solid #e3e3e3; } .JouStrip-block-tab ul .JouStrip-block-li { display: flex; align-items: center; justify-content: space-between; } .JouStrip-block-li .JouStrip-bliA { font-size: 20px; display: block; padding-bottom: 5px; text-align: center; } .JouStrip-block-li .JouStrip-bliA2 { font-size: 14px !important; color: #55727f; } .JouStrip-block-li .tab-active { color: #3289d7; } .JouStrip-block .tabs-content { margin-top: 5px; } .tabs-content .style-tabD { display: none; } .tabs-content .tab-content-active { display: block; } .tabs-content .style-tabD .style-tabDp { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; text-align: justify; word-wrap: break-word; word-break: break-all; line-height: 2; } .JouStrip-col .JouStrip-col-list2 { padding: 0px 15px; background-color: #ffffff; position: relative; z-index: 10; } .JouStrip-col-list2 ul { } .JouStrip-col-list2 ul .JouStrip-list2-li { display: block; margin: 10px 0; } .JouStrip-col-list2 ul .JouStrip-list2-li.JouStrip-list2-last { padding-bottom: 5px; } .JouStrip-list2-li .JouStrip-list2-liA { display: flex; justify-content: space-between; align-items: center; height: 35px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid #1ab9ff; } .JouStrip-list2-li .JouStrip-list2-liA .JouStrip-list2-icon { width: 35px; height: 35px; line-height: 35px; text-align: center; background-color: #1ab9ff; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .JouStrip-list2-liA .JouStrip-list2-icon .iconfont { font-size: 25px; color: #ffffff; width: 35px; height: 35px; line-height: 35px; text-align: center; } .JouStrip-list2-li .JouStrip-list2-liA .JouStrip-list2-link { width: 100%; height: 35px; line-height: 35px; text-align: center; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .JouStrip-list2-liA .JouStrip-list2-link .JouStrip-list2-linkS { display: block; font-size: 13px; color: #55727f; } .JouStrip-security .security-title { display: flex; justify-content: space-between; align-items: center; position: relative; border-bottom: 2px solid #3289d7; } .security-title .triangle { width: 0; height: 0; border-width: 5px 5px 0; border-style: solid; z-index: 1; position: absolute; } .security-title .triangle-lf { left: 0; bottom: -5px; border-color: #1e69ac transparent transparent; } .security-title .triangle-fr { right: 0; bottom: -5px; border-color: #b0cfe1 transparent transparent; } .security-title .security-title-l { display: flex; /* justify-content: space-between; */ align-items: center; color: #ffffff; background-color: #3289d7; padding: 0 10px; font-size: 0; height: 100%; position: relative; } .security-title .JouStrip-title-a { display: inline-block; font-size: 12px; color: #3592e5; margin-right: 10px; } .security-title-l .security-title-icon { height: 40px; line-height: 41px; } .security-title-l .security-title-icon .iconfont { font-size: 21px; height: 100%; } .security-title-l .security-title-text { height: 40px; line-height: 40px; position: relative; z-index: 5; } .security-title-l .triangle-right { width: 0; height: 0; border-width: 0px 16px 40px; border-style: solid; border-color: transparent transparent #3289d7; position: absolute; right: -16px; z-index: 0; } .security-title-l .security-title-text .security-title-textS { display: inline-block; font-size: 16px; font-weight: 700; margin-left: 5px; } .JouStrip-security .security-flex { display: flex; justify-content: space-between; /*align-items: center;*/ background-color: #ffffff; position: relative; z-index: 10; } .security-flex .security-list { width: 490px; } .security-flex .security-swiper { width: 320px; } .security-flex .security-video { width: 310px; } .security-list ul .security-list-li { height: 50px; line-height: 50px; border-bottom: 1px solid #e3e3e3; } .security-list-li .security-list-liA { display: flex; justify-content: space-between; align-items: center; font-size: 14px; } .security-list-liA .security-list-liAs { width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .security-list-li2 .security-list-liA2 { width: 100%; display: block; font-size: 0; height: 70px; } .security-list-li2 .security-list-liA2 img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .security-video .security-video-tab { background-color: #424242; } .security-video-tab ul { overflow: hidden; } .security-video-tab ul .security-video-li { display: inline-block; width: 25%; float: left; } .security-video-li .security-video-liA { display: block; height: 40px; line-height: 40px; text-align: center; color: #ffffff; font-size: 14px; } .security-video-li .security-video-liA:hover { background-color: #3289d7; } .security-video-li .video-active { background-color: #3289d7; } .video-tabCon .video-tabConDiv { background-color: #363636; padding-bottom: 10px; display: none; } .video-tabCon .video-tabActive { display: block; } .video-tabConDiv ul .tabConDiv-li { padding-top: 10px; } .tabConDiv-li .tabConDiv-liD { display: flex; /*justify-content: space-between;*/ align-items: center; padding: 0 10px; background-color: #444444; cursor: pointer; } .tabConDiv-li .tabConDiv-liD:hover { background-color: #555555; } .tabConDiv-liD .tabConDiv-liDi { font-size: 0; } .tabConDiv-liD .tabConDiv-liDi img { width: 120px; height: 80px; -o-object-fit: cover; object-fit: cover; } .tabConDiv-liD .tabConDiv-liDi2 { width: 100%; margin-left: 10px; color: #ffffff; } .tabConDiv-liDi2 .tabConDiv-liDi2p { text-align: justify; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .tabConDiv-liDi2 .tabConDiv-liDi2s { display: inline-block; font-size: 12px; margin-top: 5px; } .JouStrip-link .JouStrip-link-col { display: flex; justify-content: space-between; align-items: center; padding: 15px 50px; background-color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .JouStrip-friendship .JouStrip-friendshipS { display: inline-block; color: #0e6dc0; font-size: 16px; font-weight: 700; } .Journalism .JouStrip-link { margin: 30px 0; } .JouStrip-allSelect ul { overflow: hidden; } .JouStrip-allSelect ul .JouStrip-allSelect-li { float: left; margin-left: 20px; } .JouStrip-allSelect ul .JouStrip-allSelect-li select { width: 200px; height: 30px; line-height: 30px; padding: 0 20px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; color: #0e6dc0; border-color: #0e6dc0; font-size: 14px; } .footer { width: 100%; min-width: 1200px; background-color: #0f76d1; color: #ffffff; } .footer .footerCon { padding: 10px 0; display: flex; justify-content: space-between; align-items: center; } .footerCon-lf .footerCon-div { display: flex; /*justify-content: space-between;*/ align-items: center; padding: 10px 0; } .footerCon-div .footerCon-divP { display: flex; /*justify-content: space-between;*/ align-items: center; margin-right: 20px; } .footerCon-divP .footerCon-divPs { display: inline-block; font-size: 14px; } .footerCon-divP .contIcon { display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #00ff9d; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #00ff9d; font-size: 18px; } .footerCon-divP .contIcon2 { display: inline-block; color: #00ff9d; font-size: 18px; } .footerCon-divP .footerCon-divPs2 { display: inline-block; font-size: 18px; font-weight: 700; color: #ffae00; margin-left: 5px; } .footerCon-divP .footerCon-divPs3 { display: inline-block; font-size: 14px; margin-left: 5px; } .footerCon-divP .footerCon-divPA { display: inline-block; font-size: 14px; color: #ffffff; margin-right: 15px; } .footerCon-divP .footerCon-divPA:first-child { margin: 0; } .footerCon-fr ul .footerCon-frLi { display: block; margin: 30px 0; } .footerCon-frLi .footerCon-frLiA { display: block; color: #ffffff; font-size: 16px; } .content { margin: 0 auto; } /*璇︽儏椤?/ .content .detailsPage { margin: 20px auto; } .detailsPage .detailFlex { display: flex; justify-content: space-between; /*align-items: center;*/ } .detailFlex-nav .detailFlex-navC { width: 260px; height: 100%; } .detailFlex-navC .detail-Survey { background-color: #0e6dc0; color: #ffffff; font-size: 0; height: 80px; line-height: 80px; padding-left: 20px; } .detailFlex-navC .detail-MList { } .detailFlex-navC .detail-Survey .iconfont { font-size: 40px; display: inline-block; vertical-align: middle; } .detailFlex-navC .detail-Survey .detail-SurveyS { font-size: 24px; display: inline-block; vertical-align: middle; margin-left: 5px; } .detail-MList ul .detail-MList-li { display: block; margin-top: 5px; background-color: #ffffff; position: relative; border: 1px solid #dddddd; } .detail-MList-li .detail-MList-div { display: none; } .detail-MList-li .detail-MList-block { display: block; } .detail-MList-li .detail-posIcon { position: absolute; width: 50px; height: 50px; line-height: 50px; text-align: center; right: 0; top: 0; } .detail-MList ul .detail-MList-li .detail-MList-liA { display: block; font-size: 16px; height: 45px; line-height: 45px; border-left: 4px solid #3289d7; padding-left: 20px; } .detail-MList ul .detail-MList-li .detail-MList-liA:hover { color: #3289d7; } .detail-MList ul .detail-MList-li .MList-liActive { color: #3289d7; } .detail-MList-div ul .detail-MList-dLi { display: block; padding-left: 20px; } .detail-MList-dLi .detail-MList-dLiA { display: block; height: 33px; line-height: 33px; border-bottom: 1px solid #f9f9f9; font-size: 14px; } .detail-MList-dLi .MList-dLiActive { color: #3289d7; } .detail-MList-dLi .detail-MList-dLiA:hover { color: #3289d7; } .detailFlex .detailFlex-nav { margin-right: 20px; } .detailFlex .detailFlex-content { width: 100%; } .detailFlex-content .detailFlex-cTitle { background-color: #ffffff; margin-bottom: 15px; border: 1px solid #dddddd; } .detailFlex-cTitle .con-pos { display: block; line-height: 40px; padding-left: 20px; color: #666666; font-size: 0; } .detailFlex-cTitle .con-pos .iconfont { display: inline-block; color: #0e6dc0; font-size: 24px; vertical-align: middle; margin-right: 5px; } .detailFlex-cTitle .con-pos .CurrChnlCls { display: inline-block; color: #666666; font-size: 14px; vertical-align: middle; } .detailFlex-cTitle .con-pos .CurrChnlClsS { display: inline-block; color: #666666; font-size: 14px; vertical-align: middle; } .detailFlex-content .detailFlex-cCont { background-color: #ffffff; padding: 10px 20px; border: 1px solid #dddddd; } .detailFlex-cCont .detailFlex-cContR { min-height: 200px; } .detailFlex-cCont .detailFlex-cContR h1 { text-align: center; font-size: 24px; font-weight: 700; margin-bottom: 20px; } .detailFlex-cCont .detailFlex-cContR p { text-align: justify; text-indent: 2em; word-break: break-all; line-height: 2; font-size: 14px; } .detailFlex-cCont .detailFlex-cContR img { max-width: 100%; display: block; /* margin: 30px auto; */ } .detailFlex-cContR .detail-newP { font-size: 14px; color: #666666; } .detailFlex-cCont .detailFlex-mTitle { padding-top: 10px; text-align: center; padding-bottom: 17px; margin: 20px; border-bottom: 1px solid #d9d9d9; } .detailFlex-mTitle .detailFlex-mH2 { font-size: 30px; line-height: 30px; margin-bottom: 20px; color: #007abd; } .detailFlex-mTitle .detailFlex-mS { color: #999; margin: 0 10px; } .detailFlex-cList ul .detailFlex-cList-li { display: block; padding: 10px 0; border-bottom: 1px solid #eeeeee; } .detailFlex-cList-li .detailFlex-cList-liA { display: flex; justify-content: space-between; align-items: center; } .detailFlex-cList-liA .detailFlex-liT-nb { width: 35px; height: 35px; line-height: 35px; background-color: #f4cc0f; text-align: center; color: #ffffff; } .detailFlex-liT-nb .detailFlex-liT-nbS { display: inline-block; font-size: 24px; font-weight: 700; } .detailFlex-cList-liA .detailFlex-liA-text { display: flex; /*justify-content: space-between;*/ align-items: center; } .detailFlex-liA-text .detailFlex-liT-bt { margin-left: 10px; max-width: 500px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .detailFlex-liT-bt .detailFlex-liT-btS { display: inline-block; font-size: 14px; } .detailFlex-cList-liA .detailFlex-liA-time { padding-right: 10px; } .detailFlex-liA-time .detailFlex-liA-timeS { display: inline-block; color: #666666; font-size: 12px; } /*浼氬憳琛ㄦ牸*/ .detailFlex-cList .detailFlex-tab { width: 100%; text-align: left; } .detailFlex-tab thead .detailFlex-tr { background-color: #0f76d1; color: #ffffff; } .detailFlex-tab thead .detailFlex-tr .detailFlex-th { height: 30px; line-height: 30px; border-bottom: 1px solid #dddddd; padding-left: 10px; } .detailFlex-tab tbody .detailFlex-tr .detailFlex-td { padding: 10px; border-bottom: 1px solid #dddddd; } .detailFlex-tab tbody .detailFlex-tr .detailFlex-region { color: #3289d7; } .detailFlex-tr .detailFlex-td .detailFlex-logo { display: block; width: 120px; height: 100px; line-height: 100px; border: 1px solid #eeeeee; } .detailFlex-td .detailFlex-logo a { display: block; width: 100%; height: 100%; text-align: center; position: relative; } .detailFlex-td .detailFlex-logo a .detailFlex-img { max-width: 120px; max-height: 100px; -o-object-fit: cover; object-fit: cover; position: absolute; z-index: 10; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .detailFlex-info .detailFlex-d1 .detailFlex-infoA { font-size: 15px; color: #3289d7; font-weight: 700; line-height: 24px; } .detailFlex-info .detailFlex-d1 .detailFlex-infoA:hover { color: #0f76d1; text-decoration: underline; } .detailFlex-info .detailFlex-d2 .detailFlex-d2-p { font-size: 12px; color: #999999; line-height: 22px; } /*涓撳浠嬬粛*/ .detailFlex-cList .xhLeader-ul .xhLeader-li { padding: 10px 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #dddddd; } .xhLeader-ul .xhLeader-li .xhLeader-liL { display: block; border: 1px solid #eeeeee; margin-right: 20px; } .xhLeader-ul .xhLeader-li .xhLeader-liA { display: block; width: 100px; height: 120px; line-height: 120px; text-align: center; position: relative; } .xhLeader-ul .xhLeader-li .xhLeader-liA .xhLeader-liA-img { max-width: 100px; max-height: 120px; -o-object-fit: cover; object-fit: cover; position: absolute; z-index: 10; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .xhLeader-ul .xhLeader-li .xhLeader-liR .xhLeader-liR-p { font-size: 15px; color: #3289d7; font-weight: 700; } .xhLeader-ul .xhLeader-li .xhLeader-liR .xhLeader-liR-a { display: inline-block; font-size: 15px; color: #3289d7; margin: 8px 0; } .xhLeader-ul .xhLeader-li .xhLeader-liR .xhLeader-liR-a:hover { color: #0f76d1; text-decoration: underline; } .xhLeader-ul .xhLeader-li .xhLeader-liR .xhLeader-liR-p2 { font-size: 14px; color: #999999; line-height: 21px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /*鍒嗛〉*/ .detailFlex-cList .settingBox { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; } /*鍒嗕韩*/ .detailShare .detailShare-F { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; padding-top: 20px; border-top: 1px solid #d9d9d9; } .detailShare-F .detailShare-L { font-size: 0; } .detailShare-L .detailShare-La { display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 40px; margin-right: 15px; } .detailShare-L .detailShare-La img { width: 100%; height: 100%; } .detailShare-F .detailShare-R { font-size: 0; } .detailShare-R .detailShare-Ra { font-size: 14px; padding: 5px 12px; display: inline-block; text-align: center; border: 1px solid #dddddd; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; margin-left: 15px; } .detailShare .download { margin-top: 25px; } .download-file ul .download-file-li { margin-top: 5px; } .download-file-li .download-file-liA { display: block; color: #6ba9f8; } .detailFlex-feedBack .detailFlex-block { width: 800px; margin: 50px auto; background-color: #ffffff; } .detailFlex-feedBack .detailFlex-blockW { width: 500px; } .detailFlex-block .detailFlex-block-tit { padding: 30px 50px; border-bottom: 1px solid #dddddd; } .detailFlex-block .detailFlex-block-form { padding: 30px 50px; } .detailFlex-block-tit .detailFlex-block-p { color: #666666; text-align: justify; text-indent: 2em; word-break: break-all; line-height: 2; font-size: 14px; } .detailFlex-block-form .detailFlex-form-list { display: flex; /*justify-content: space-between;*/ align-items: center; margin-bottom: 20px; } .detailFlex-form-list .detailFlex-form-text { text-align: right; margin-right: 20px; } .detailFlex-form-text .detailFlex-form-textS { display: block; width: 80px; height: 40px; line-height: 40px; color: #666666; font-size: 14px } .detailFlex-form-list .detailFlex-form-input { font-size: 0; width: 100%; } .detailFlex-form-list .detailFlex-form-input input { height: 40px; line-height: 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color: #f9f9f9; border: 1px solid #bfbfbf; width: 100%; font-size: 14px; padding: 0 10px; } .detailFlex-form-list .detailFlex-form-input textarea { height: 100px; line-height: 1.5; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color: #f9f9f9; border: 1px solid #bfbfbf; width: 100%; font-size: 14px; padding: 5px 10px; resize: none; outline: none; } .detailFlex-form-list .detailFlex-form-input .detailFlex-fInputP { color: #ff0000; font-size: 14px; margin-top: 2px; } .detailFlex-form-list .detailFlex-upload { height: 100%; } .detailFlex-form-list .detailFlex-upload input { background-color: #f9f9f9; } .detailFlex-form-list .detailFlex-upload .detailFlex-fInputP { color: #ff0000; font-size: 14px; margin-top: 2px; } .detailFlex-block-form .detailFlex-sub { text-align: center; margin-top: 40px; } .detailFlex-sub .AddSave { width: 120px; height: 40px; line-height: 40px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-size: 16px; border: 1px solid #bfbfbf; cursor: pointer; } .detailFlex-sub .AddSaveC { color: #ffffff; background-color: #0f76d1; margin-right: 20px; } .detailFlex-sub .AddSaveC2 { color: #666666; background-color: #f9f9f9; } .detailFlex-block-form .detailFlex-form-signIn { margin-top: 40px; } .detailFlex-form-signIn .signInBub { width: 100%; height: 40px; line-height: 40px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-size: 16px; border: 1px solid #bfbfbf; cursor: pointer; background-color: #0f76d1; color: #ffffff; } /*骞垮憡浣?/ .advertisement .adver-con { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .advertisement .adver-con .adver-conA { width: 100%; height: 70px; display: block; font-size: 0; } .adver-con .adver-conA .adver-conA-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .Advertisement .adver-width { width: 330px; margin-bottom: 20px; } .Advertisement .adver-width2 { width: 500px; margin-bottom: 20px; } .Advertisement .adver-width .adver-widthA { height: 70px; display: block; } .Advertisement .adver-width .adver-widthA img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } /*棣栭〉浼氬憳tab*/ .Journalism .member-com { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } .member-com > .JouStrip-security { width: 590px; border: 1px solid #dddddd; } .security-flex .member-tab { width: 100%; } .security-flex .member-tab .member-tabs { height: 200px; overflow: hidden; } .security-flex .member-tab .member-title { width: 100%; } .member-tab .member-title ul { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .member-title ul .member-title-li { width: 25%; display: block; text-align: center; height: 35px; line-height: 35px; font-size: 14px; cursor: pointer; border-right: 1px solid #eeeeee; } .member-title ul .member-title-li .member-title-span { font-size: 12px; font-weight: normal; } .member-title ul .member-title-li:last-child { border-right: 0; } .member-title ul .member-title-li.active { background-color: #f0f0f0; color: #3289d7; } .member-tabs .member-table { width: 100%; height: 200px; } .member-table .member-tabs-div .member-tabs-tr { display: flex; align-items: center; justify-content: space-around; } .member-table .member-tabs-div .member-tabs-tr .member-tabs-th { text-align: center; line-height: 30px; color: #0f76d1; border-bottom: 1px solid #eeeeee; flex: 1; } .member-table .member-tabs-div .member-tabs-tr .member-tabs-th2 { text-align: left; line-height: 30px; color: #0f76d1; border-bottom: 1px solid #eeeeee; flex: 1; padding: 0 40px; } .member-table .member-tabs-div .member-tabs-tr .th-width { flex: 2.5; } .member-table .member-tabs-div2 { width: 100%; height: 170px; overflow: hidden; } .member-tabs-div2 .member-tabs-list .member-tabs-li { display: flex; align-items: center; justify-content: space-around; height: 30px; line-height: 30px; } .member-tabs-list .member-tabs-li .member-tabs-td { flex: 1; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .member-tabs-list .member-tabs-li .td-width { flex: 2.5; } .member-tabs-li .member-tabs-td .member-tabs-tdA { display: block; width: 100%; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 auto; padding: 0 20px; } .member-tabs-li .member-tabs-td .member-tabs-tdA:hover { color: #0f76d1; text-decoration: underline; } /*鏂伴椈婊氬姩*/ .journalism .journaBox { margin: 20px 0; border: 1px solid #dddddd; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; } .journalism .scroll-box { width: 700px; height: 40px; overflow: hidden; } .journalism .scroll-box ul { list-style: none; } .journalism .scroll-box ul .scroll-li { height: 40px; box-sizing: border-box; line-height: 40px; display: flex; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .journalism .scroll-box ul .scroll-li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .journalism .scroll-box ul .scroll-li .imgFlex { margin-right: 5px; width: 20px; height: 20px; } .scroll-search .search-box { display: flex; align-items: center; } .scroll-search .search-box .search-input { width: 235px; height: 30px; padding: 0 10px; line-height: 26px; border: 1px solid #e2e2e2; font-size: 14px; } .scroll-search .search-box .search-btn { width: 95px; background: #0e6dc0; font-size: 15px; color: #fff; padding: 0; border: none; line-height: 30px; height: 30px; text-align: center; margin-left: 5px; } /* 鍏ヤ細娴佺▼ */ .detail-process { padding-top: 15px; border-top: 1px solid #d9d9d9; } .detail-process .detail-bk { color: #666666; margin-bottom: 30px; } .detail-process .detail-bk .detail-title { font-weight: bold; font-size: 17px; padding-bottom: 10px; } .detail-cont ul .detail-cont-li { line-height: 27px; margin-bottom: 20px; } .detail-cont ul .detail-cont-li:last-child { margin-bottom: 0; } .detail-cont ul .detail-cont-li .detail-li-p { margin-bottom: 0; } .detail-cont ul .detail-cont-li strong { font-size: 15px; } /*涓汉涓績*/ .main_inner .tennis-condition { width: 100%; height: 140px; margin: 20px 0 22px; background-color: #fdfdfd; } .tennis-condition .tennis-left { float: left; width: 230px; height: 140px; border: 1px solid #e8e8e8; border-right: 0 none; background: url(../images/seminar19.png) no-repeat; } .tennis-left .vt-user-pic { float: left; margin: 37px 9px 0 13px; } .vt-user-pic .vt-user-pic-inner { display: block; width: 60px; height: 60px; border: 2px solid #fff; border-radius: 100%; overflow: hidden; } .vt-user-pic .vt-user-pic-inner img { width: 100%; height: 100%; border-radius: 100%; } .vt-user-info h2 { height: 18px; margin-top: 45px; line-height: 18px; font-size: 0; } .vt-user-info h2 .vt-user-nickname { display: inline-block; max-width: 120px; margin-right: 3px; font-size: 14px; vertical-align: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .vt-user-info .user-score { height: 18px; margin-top: 6px; } .user-score .vt-class { display: inline-block; max-width: 120px; line-height: 18px; font-size: 14px; color: #d0a169; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tennis-condition .tennis-right { float: left; width: 970px; height: 140px; border: 1px solid #eee; border-left: 0 none; } .main_inner .mod-mainWrap { border: 1px solid #eaeaea; padding-left: 230px; margin-bottom: 30px; } .mod-mainWrap .custom-main-left-side { float: left; display: inline; margin-left: -100%; width: 230px; margin-left: -230px; min-height: 600px; height: auto !important; height: 600px; background-color: #f9f9f9; } .side-top-tr .mod-side_menu { position: relative; background-color: #f9f9f9; width: 230px; overflow: hidden; padding-top: 11px; } .mod-menu dd { position: relative; } .mod-menu .tle .link { display: block; font-size: 14px; height: 41px; line-height: 41px; padding: 0 0 0 60px; margin-left: -1px; } .link .menu-text:hover { color: #5aa700; } .link .iconfont { font-size: 24px; color: #9f9f9f; float: left; } .link .menu-text { margin-left: 14px; display: inline-block; width: 132px; height: 41px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: black; } .mod-mainWrap .custom-main-outer { float: right; display: inline; width: 100%; padding-left: 1px; } .custom-main-outer .custom-main-inner { min-height: 600px; height: auto !important; height: 600px; _margin-top: 2px; margin-left: -1px; border-left: 1px solid #f0f0f0; padding-bottom: 29px; } .custom-main-inner .custom-main-wrapper-cols { margin-left: 20px; } .custom-main-wrapper-cols .mod-mainRt-title { position: relative; z-index: 1; height: 46px; margin-right: 30px; border-bottom: 2px solid #ddd; margin-bottom: 20px; } .mod-mainRt-title .tab-title { } .tab-title li { float: left; height: 46px; line-height: 44px; margin-right: 40px; } .tab-title .title-text { display: block; font-size: 18px; color: #333; } .tab-title .selected .title-text { color: #5aa700; border-bottom: 2px solid #5aa700; } .tab-title .title-text:hover { color: #5aa700; } .widget-otherinfo .userSetting-setWrap { border: 1px solid #eaeaea; margin-top: 20px; } .mod-mainRt-con { padding-right: 30px; position: relative; } .userSetting-setWrap .odd { background-color: #fafafa; } .userSetting-setWrap .userSetting-setWrap-item { height: 40px; line-height: 34px; padding: 0 20px; font-size: 14px; } .userSetting-setWrap-item .item-title { width: 120px; } .vl-inline { color: #333; display: inline-block; vertical-align: middle; } .userSetting-setWrap-item .item-title label { color: #333; } .vl-inline { color: #333; display: inline-block; vertical-align: middle; } .userSetting-setWrap-item .item-opt { float: right; margin-top: 4px; } .userSetting-setWrap-item .item-opt a { color: #699f00; } .userSetting-setWrap-item .modify-q { display: none; } .userSetting-setWrap-item .item-input { margin-top: -4px; } .item-input .input-common { display: inline-block; width: 230px; height: 28px; border: 1px solid #e4e4e4; padding: 0 5px; line-height: 28px \9; vertical-align: middle; } .mod-mainRt-con .security-con { margin: 0 auto; color: #333; background-color: #fff; max-width: 970px; height: 600px; overflow: auto; } .security-con ul .security-item { height: 80px; line-height: 80px; border-bottom: 1px solid #e9e9e9; font-size: 14px; color: #333; } .security-item .item-name { width: 85px; font-size: 16px; float: left; } .security-item .btn-sec-green { width: 85px; height: 28px; line-height: 28px; background-color: #5aa700; color: #fff; border-radius: 3px; float: right; margin-top: 26px; text-align: center; } .security-item .item-txt { margin: 0 85px; display: block; text-align: center; font-size: 16px; } .security-con .security-inner-title { font-size: 14px; color: #333; margin-bottom: 10px; padding-left: 10px; border-left: 2px solid #5aa700; } .security-con .security-status { font-size: 16px; color: #5aa700; margin-top: 20px; margin-bottom: 82px; height: 18px; line-height: 18px; } .security-con .account-info-con { width: 564px; margin: 0 auto 36px; font-size: 14px; color: #999; } .security-con .info-item-name { display: inline-block; width: 70px; text-align: right; padding-right: 6px; height: 35px; line-height: 35px; } .security-con .info-item-container { width: 300px; height: 35px; border: 1px solid #ddd; border-radius: 3px; display: inline-block; position: relative; vertical-align: top; } .info-item-container .zone-input-con { display: block; height: 32px; line-height: 32px; } .security-con .account-info-con { width: 564px; margin: 0 auto 36px; font-size: 14px; color: #999; } .security-con .info-input { width: 100%; height: 30px; line-height: 30px; padding: 0 7px; border: 0; font-size: 16px; } .security-con .btn-security { width: 107px; height: 35px; line-height: 35px; display: inline-block; border-radius: 3px; border: 0; color: #fff; background-color: #b1b1b1; margin-left: 6px; font-size: 16px; text-align: center; cursor: pointer; } .security-con .btn-security2 { width: 100px; height: 35px; line-height: 35px; display: inline-block; border-radius: 3px; border: 0; color: #da322e; font-size: 14px; text-align: center; cursor: pointer; } .security-con .account-info-con { width: 564px; margin: 0 auto 36px; font-size: 14px; color: #999; } .account-password-con .btn-security { margin-left: 80px !important; display: block; } .security-con .btn-security { width: 107px; height: 32px; line-height: 32px; display: inline-block; border-radius: 3px; border: 0; color: #fff; background-color: #b1b1b1; margin-left: 6px; font-size: 16px; text-align: center; cursor: pointer; } .wangEditor-container .wangEditor-txt blockquote { display: block; border-left: 8px solid #d0e5f2; padding: 5px 10px; margin: 10px 0; line-height: 1.4; font-size: 100%; background-color: #f1f1f1; } table { border: none; border-collapse: collapse; } table td, table th { border: 2px solid #333; padding: 3px 5px; min-width: 50px; height: 20px; } pre { border: 1px solid #ccc; background-color: #f8f8f8; padding: 10px; margin: 5px 0px; font-size: 0.8em; border-radius: 3px; }