* {margin: 0 auto;padding: 0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.clear{clear: both;}
.center{width:14rem; margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
a:hover{color: #0058CB;}
/* 导航 */
.header{width: 100%; height: 2rem; background: url(/template/a43444418a75472e9d19a2d8d3b48a37/images/header_bg.png) repeat-x top left;background-size: 100% 100%; position: absolute; z-index: 9;}
.header_top{height: 0.68rem;; text-align: right; margin: 0.27rem 0 0.2rem;}
.header_top_item{height: 0.26rem; line-height: 0.26rem; display: inline-block; padding-right: 0.22rem; margin-right: 0.22rem; position: relative;}
.header_top_item::after{content: ""; position: absolute; right: 0; top: 50%; width: 0.01rem; height: 0.16rem; margin-top: -0.08rem; background: #FFF; }
.header_top_item img{width: 0.2rem; height: 0.2rem; margin: 0.02rem 0.06rem 0 0; float: left;}
.header_top_item span{font-size: 0.16rem; color: #FFF;}
.header_top_item span::after{content: ""; left: 0; bottom: 0; border-bottom: 0.01rem solid #FFF; width: 0; display: block; transition: 0.5s;}
.header_top_item:hover span::after{width: 100%;}
.logo{float: left; width: 7.92rem; height: 0.68rem;}
.logo img{width: 100%; height: 100%;}

.nav{margin: 0.1rem 0; font-size: 0;}
.nav_yj{margin: 0 auto; height: 0.5rem; display: flex; width: 100%;}
.nav_yj li{float: left; text-align: center; display:inline-block;vertical-align:middle; line-height: 0.5rem; position: relative; z-index: 999; width: 20%;}
.nav_yj li.on{background: url(/template/a43444418a75472e9d19a2d8d3b48a37/images/nav_bg.png);}
.nav_yj li.on a{color: #FFFFFF;}
.nav_yj li a{display:block;font-size:0.18rem;font-weight: bold;color:#fff;line-height:0.5rem;text-align:center;position:relative}
.nav_yj li.on a:hover{color: #FFFFFF;}
.nav_ej{position: absolute; top: 0.5rem; left: 0; display: none; background: url(/template/a43444418a75472e9d19a2d8d3b48a37/images/nav_bg.png);  float: left; z-index: 999; width: 120%; z-index: 9999; display: none; padding: 0px; margin: 0px; opacity: 1;}
.nav_ej li{text-align: center; background: none; line-height: 0.5rem; float: left;display: inline; width: 100%; display: inline;}
.nav_ej li:hover{background: #FFFFFF;}
.nav_ej li a{font-size: 0.18rem; color: #FFFFFF; display: block; background: none; line-height:0.24rem; padding:0.13rem 0.12rem; }
.nav_ej li a:hover{color: #1C63D2;}
.nav_yj li.on .nav_ej li a:hover{color: #1C63D2;}

/*搜索框*/
.search{float: right; height: 0.29rem; width: 1.6rem; background: url(/template/a43444418a75472e9d19a2d8d3b48a37/images/search.png) no-repeat 0 0; background-size: 100% 100%;}
.search .txt,.search .btn{border: none; background: none; height: 0.29rem; line-height: 0.29rem; float: left;}
.search .txt{padding: 0 0.08rem; width: 1.3rem; color: #fff; font-size: 0.12rem;}
.search .btn{width: 0.3rem;}

/*主体*/
.main{background: #F5F8FC; padding: 0.57rem 0;}

/*轮播*/
.banner-bg{width: 100%; height:7rem;position: relative; margin:0 auto; overflow: hidden;}
.banner-bg .pic{display:block;overflow: hidden; height: 100%; position: relative;}
.banner-bg .pic li{width:100%;height:100%;position: absolute;top:0;left:0;background-position:center top;background-repeat:no-repeat; background-size: cover; text-align: center;  object-fit:cover; transition: all 3s ease; transform-origin: center center; transform: scale(1.2);}
.banner-bg .pic li img{width: 100%; height:100%; margin: auto; position: relative;}
.banner-bg .bg-btn{position: absolute; right: 0 ;bottom: 0.22rem; width: 100%; margin: 0 auto; text-align: center; z-index: 8;}
.banner-bg .btn{display: inline-block;}
.banner-bg .btn li{display:block; width: 0.52rem; height: 0.315rem; background: url(/template/a43444418a75472e9d19a2d8d3b48a37/images/ban_dot.png) no-repeat bottom center; background-size: 0.15rem auto; float: left;margin:0 0.1rem;overflow: hidden;cursor: pointer;}
.banner-bg .btn li.s{background:url(/template/a43444418a75472e9d19a2d8d3b48a37/images/ban_dot_on.png) no-repeat bottom center; background-size: 0.52rem auto;}
.banner-bg .btn li:last{margin-right: 0;}

/*公共代码*/
.imged{width: 100%; height: 100%; overflow: hidden;}
.imged img{width: 100%; height: 100%; object-fit: cover; transform:scale(1); transition: all 2s ease; transform-origin: center center;}
a:hover .imged img{transform: scale(1.1);}
.title-item{height: 0.55rem; position: relative; padding: 0 1rem 0 0.17rem;}
.title-item h2{height: 0.3rem; line-height: 0.3rem; font-size: 0.28rem; font-weight: 700; color: #0946E2;}
.title-item p{height: 0.18rem; line-height: 0.18rem; font-size: 0.14rem; color: #0946E2; padding-left: 0.27rem; position: relative; margin-top: 0.04rem;}
.title-item p::before{content: ""; position: absolute; display: inline-block; left: 0; top: 0.07rem; width: 0.26rem; height: 0.04rem; background: #0946E2;}
.more{position: absolute; right: 0; top: 50%; width: 0.8rem; height: 0.34rem; margin-top: -0.17rem; margin-right: 0.16rem; display: block; line-height: 0.32rem; font-size: 0.16rem; color: #1C63D2; float: right; border-radius: 0.3rem; border: 0.01rem solid #1C63D2; padding-left: 0.13rem; background: url(/template/a43444418a75472e9d19a2d8d3b48a37/images/more.png) no-repeat 0.54rem 0.1rem; background-size: 0.1rem auto;  transition: all .5s ease; transform-origin: center center;}
.more:hover{margin-right: 0.06rem;}
.swiper{width: 100%; height: 100%;}

/* 竞彩网页要闻 */
.box-xyyw{height: 5.25rem; margin-bottom: 0.45rem; position: relative; padding: 0 0 0.74rem 7.2rem;}
.xyyw-swiper{width: 7.2rem; position: absolute; left: 0; top: 0; height: 100%;}
.xyyw-swiper .swiper-slide a{display: block; width: 7.2rem; height: 4.5rem; overflow: hidden; position: relative;}
.video-swiper .swiper-slide a .imged video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.swiper-controls{display: block; height: 0.3rem; position: absolute; right: 0; bottom: 0.2rem; padding: 0 0.4rem; margin-right: 0.1rem; z-index: 50;}
.swiper-controls .swiper-button-next, .swiper-controls .swiper-button-prev{width: 0.14rem; height: 0.23rem; color: #083FCC; z-index: 15; top: 0.125rem; margin-top: 0;}
.swiper-controls .swiper-button-next:after, .swiper-controls .swiper-button-prev:after{font-size: 0.18rem; font-weight: 700;}
.swiper-controls .swiper-pagination{position: initial;}
.swiper-controls .swiper-pagination .swiper-pagination-bullet{background: none; width: auto; height: 0.46rem; float: left; line-height: 0.46rem; font-size: 0.16rem; color: #ADADAD; margin: 0 0.05rem !important; opacity: 1;  transition: all .1s ease; transform-origin: center center;}
.swiper-controls .swiper-pagination .swiper-pagination-bullet-active{font-size: 0.25rem; color: #083FCC; position: relative; padding: 0 0.2rem; background: url(/template/a43444418a75472e9d19a2d8d3b48a37/images/djsz-btn-bg.png) no-repeat top center; background-size: 0.24rem; height: 0.06rem;}
.swiper-controls .swiper-pagination .swiper-pagination-bullet-active::before{content: ""; position: absolute; left: 0; top: 0.225rem; width: 0.15rem; height: 0.01rem; background: #083FCC;}
.swiper-controls .swiper-pagination .swiper-pagination-bullet-active::after{content: ""; position: absolute; right: 0; top: 0.225rem; width: 0.15rem; height: 0.01rem; background: #083FCC;}

.xyyw-con{}
.xyyw-con ul{height: 4.7rem; background: url(/template/a43444418a75472e9d19a2d8d3b48a37/images/xyyw-bg.png) no-repeat; background-size: 100% 100%; padding: 0.3rem 0.3rem 0; border-radius: 0 0.1rem 0.1rem 0.1rem;}
.xyyw-con ul li{height: 0.92rem; margin-bottom: 0.14rem;}
.xyyw-con ul li a{display: block; height: 100%; background: #FFF; box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.2); border-radius: 0.1rem; overflow: hidden; position: relative; padding: 0.1rem 0.3rem 0 0.83rem; transform:scale(1); transition: all .5s ease; transform-origin: center center;}
.xyyw-con ul li a span{display: block;  background: #4298FF; width: 0.77rem; height: 100%; line-height: 0.92rem; position: absolute; left: 0; top: 0; font-size: 0.3rem; color: #FFFFFF; padding-left: 0.13rem;}
.xyyw-con ul li a span::after{content: ""; position: absolute; bottom: 0; right: -0.02rem; width: 0; height: 0; border-color: transparent transparent #FFF transparent; border-style: solid; border-width: 0 0 0.96rem 0.3rem;}
.xyyw-con ul li a h2{color: #474747; font-size: 0.18rem; text-align: justify; line-height: 0.26rem; height: 0.52rem; overflow: hidden; display: -webkit-inline-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.xyyw-con ul li a p{font-size: 0.14rem; color: #0058CB; height: 0.2rem; line-height: 0.2rem;}
.xyyw-con ul li.active a{transform: scale(1.02);}
.xyyw-con ul li.active a h2{font-weight: 700;}

/* 竞彩网页通知 */
.box-xytz{width: 5.45rem; height: 6.3rem;  float: left;}
.box-xytz ul{margin-top: 0.35rem;}
.item-list li{height: 0.9rem; margin-top: 0.22rem;}
.item-list li a{display: block; height: 100%; background: #FFF; box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.2); position: relative; padding: 0.13rem 0.3rem 0.17rem 1.13rem; transform:scale(1); transition: all .5s ease; transform-origin: center center;}
.item-list li a .xytz-date{position: absolute; left: 0; top: 0; width: 1rem; height: 100%; background: rgba(0, 88, 203, 0.2); border-radius: 0 0.25rem 0 0; text-align: center;}
.item-list li a .xytz-date h3{font-size: 0.3rem; color: #0058CB; height: 0.4rem; line-height: 0.4rem;margin-top: 0.12rem;}
.item-list li a .xytz-date span{display: block; font-size: 0.14rem; color: #0058CB; height: 0.26rem; line-height: 0.26rem;}
.item-list li a h2{font-size: 0.18rem; color: #474747; height: 0.32rem; line-height: 0.32rem; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.item-list li a p{font-size: 0.14rem; color: #5A5A5A; height: 0.25rem; line-height: 0.25rem; margin-top: 0.04rem; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.item-list li a:hover{transform: scale(1.02);}
.item-list li a:hover h2{font-weight: 700}

/* 学术讲座 */
.box-xsjz{width: 3.24rem; float: right; position: relative; padding-bottom: 0.74rem;}
.xsjz-swiper{width: 100%; height: 4.9rem; overflow: hidden; background: url(/template/a43444418a75472e9d19a2d8d3b48a37/images/xsjz-bg.png) no-repeat; background-size: 100% 100%;}
.xsjz-swiper .swiper-slide a{display: block; width: 100%; height: 100%; background: url(/template/a43444418a75472e9d19a2d8d3b48a37/images/xsjz-bg2.png) no-repeat; background-size: 100% 100%; padding: 0.67rem 0.42rem 0.3rem;}
.xsjz-swiper .imged{height: 1.55rem;}
.xsjz-title{position: absolute; top: 0.3rem; left: 0.42rem; z-index: 10; font-size: 0.16rem; color: #2C2C2C; font-weight: 700; margin-bottom: 0.15rem;}
.xsjz-con,.xsjz-con p,.xsjz-con div,.xsjz-con span,.xsjz-con font,.xsjz-con strong,.xsjz-con b{font-size: 0.14rem !important; color: #6E6E6E !important; background: none !important; margin: 0 !important; padding: 0 !important; line-height: 0.3rem !important; text-indent: 0 !important;}
.xsjz-con{height: 2.2rem; overflow: hidden; margin-top: 0.12rem !important;}
.xsjz-con p{margin-bottom: 0.08rem !important; text-indent: 1.5em !important;}
.xsjz-con p:nth-child(1),.xsjz-con p:nth-child(2),.xsjz-con p:nth-child(3){ white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.xsjz-con p:nth-child(3){margin-top: 0.12rem !important; margin-bottom: 0.12rem !important;}
.xsjz-con p:nth-child(4){margin-bottom: 0 !important; overflow: hidden; display: -webkit-inline-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.xsjz-con p:nth-child(5){margin-top: -0.1rem !important;}
.xsjz-btn-next,.xsjz-btn-prev{width: 0.25rem; height: 0.44rem; color: #0058CB; z-index: 15; top: initial; right: 0.28rem; bottom: 0; margin-top: 0;}
.xsjz-btn-next:after,.xsjz-btn-prev:after{font-size: 0.46rem; font-weight: 700;}
.xsjz-btn-prev{left: initial; right: 1.02rem;}

/* 教学科研 */
.box-jxky{width: 4.94rem; height: 6.3rem; float: right; background: url(/template/a43444418a75472e9d19a2d8d3b48a37/images/jxky-bg.png) no-repeat; background-size: 100% 100%; padding: 0.2rem 0.25rem;}
.box-jxky .title-item h2,.box-jxky .title-item p{color: #FFF;}
.box-jxky .title-item p::before{background: #FFF;}
.box-jxky .more{border-color: #EAEAEA; color: #EEEEEE; background: url(/template/a43444418a75472e9d19a2d8d3b48a37/images/more2.png) no-repeat 0.54rem 0.1rem; background-size: 0.1rem auto;}
.box-jxky .more:hover{color: #EEEEEE;}
.box-jxky ul{margin-top: 0.1rem;}
.box-jxky ul li{margin-bottom: 0.2rem;}
.box-jxky ul li:last-child{margin-bottom: 0;}
.box-jxky ul li a{display: block; position: relative; padding-bottom: 0.28rem; border-bottom: 0.01rem dashed #FFF; transform:scale(1); transition: all .5s ease; transform-origin: center center;}
.box-jxky ul li a span{position: absolute; right: 0; bottom: 0.08rem; color: #FFF; font-size: 0.14rem;}
.box-jxky ul li a h2{font-size: 0.18rem; color: #FFFFFF; line-height: 0.26rem; height: 0.52rem; overflow: hidden; display: -webkit-inline-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.box-jxky ul li a:hover{transform: scale(1.02);}
.box-jxky ul li a:hover h2{font-weight: 700}

/* 竞彩网页风采 */
.box-xyfc{position: relative;}
.box-xyfc .xyfc-swiper{height: 2.87rem; position: relative; overflow: hidden;}
.box-xyfc{margin-top: 0.28rem;}
.box-xyfc .swiper-slide {padding: 0.1rem;}
.box-xyfc .swiper-slide a{display: block;width: 100%; height: 2.67rem; position: relative; padding: 2.17rem 0.12rem 0.12rem 0.12rem; background: #FFF; box-shadow: 2px 4px 4px 0 #00000040;}
.box-xyfc .swiper-slide a .imged{position: absolute; left: 0; top: 0; height: 2.17rem;}
.box-xyfc .swiper-slide a p{font-size: 0.16rem; width: 100%; height: 0.5rem; line-height: 0.5rem; font-weight: 700; color: #2C2C2C; text-align: center; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.xyfc-btn-prev,.xyfc-btn-next{width: 0.44rem; height: 0.79rem; background: url(/template/a43444418a75472e9d19a2d8d3b48a37/images/xyfc-btn.png) no-repeat; background-size: 100% 100%;}
.xyfc-btn-prev::after,.xyfc-btn-next::after{content: "";}
.xyfc-btn-prev{left: -0.2rem; transform: rotate(180deg);}
.xyfc-btn-next{right: -0.2rem;}

/* 数字化平台 */
.box-szhpt{margin-top: 0.52rem;}
.box-szhpt ul{margin-top: 0.3rem; width: 100%; display: flex; justify-content: space-between;}
.box-szhpt ul li{width: 3.34rem;}
.box-szhpt ul li a{display: block; border-radius: 0.2rem; overflow: hidden; height: 1.72rem; box-shadow: 2px 4px 4px 0 #00000040;}

/*网站底部*/
.footer{}
.footer_con{background: #185194; padding: 0.25rem 0 0.16rem;}
.footer_left{width: 4rem; margin-top: 0.25rem;}
.footer_left .footer_left_item{position: relative; padding-left: 1.02rem; margin-bottom: 0.1rem; width: 3.32rem; float: left;}
.footer_left .footer_left_item h3{position: absolute; left: 0; top: 0; color: #FFF; font-size: 0.2rem; font-weight: 700; height: 0.36rem; line-height: 0.36rem;}
.link_box_public{width: 100%; height:0.36rem; border-radius: 5px; border:1px solid #F6F6F6; background: url(/template/a43444418a75472e9d19a2d8d3b48a37/images/foot_bg.png); position: relative; z-index: 999;}
.link_box_public p{line-height: 0.36rem; color: #FFF; cursor:pointer; font-size:0.14rem; padding: 0 0.13rem; position: relative;}
.link_box_public p::after{position: absolute; content: ""; right:0.21rem; top: 50%; margin-top: -0.05rem; background: url(/template/a43444418a75472e9d19a2d8d3b48a37/images/foot_rig.png) no-repeat right center; width:0.18rem; height: 0.1rem; background-size: 100% auto;}
.link_box_public ul{display: none; position: absolute;width:100%;height: 1.60rem;background: #FFFFFF;overflow-y: scroll;z-index: 99; bottom: 0.29rem;}
.link_box_public:hover ul{display: block;}
.link_box_public ul li a{display: inline-block; width: 100%; font-size: 0.14rem;color: #777777;line-height: 0.24rem;padding: 0.08rem 0.09rem;border-bottom: 0.01rem solid #EEEEEE;}
.link_box_public ul li a:hover{background: #0A3F7D;color: #FFFFFF;}
.footer_left .footer_left_ul{width: 100%; float: left;}
.footer_left .footer_left_ul li{height: 0.32rem; line-height: 0.32rem; color: #FFF; font-size: 0.16rem;}
.footer_right{width: 7.92rem; text-align: center; margin-right: 0.93rem; padding-top: 0.47rem;}
.footer_right img{width: 7.92rem; height: 0.68rem;}
.bottom_wenzi{width:100%; text-align: center; color: #fff; background: #0A3F7D; font-size: 0.16rem; height: 0.68rem; line-height: 0.68rem;}
.bottom_wenzi span{padding: 0 0.1rem;}

/*版本过低提示*/
.pageTips {position: fixed;left: 0;top: 0;width: 100%; height: 100%; background: #000; z-index: 99999999;}
.pageTips .container {color: #fff;position: absolute;left: 50%;top: 50%;width: 630px;margin-left: -315px;margin-top: -160px;}
.pageTips .container a.close {display: block;width: 50px;height: 50px;position: absolute;z-index: 1;left: auto;right: -15px;top: 40px;bottom: auto;}
.pageTips .container .img {text-align: center;}
.pageTips .container .msg {font-size: 18px;line-height: 36px;padding-top: 30px;color: #fff;}
.pageTips .container a {color: #fff; text-decoration: underline;}


/* 内页 */
.ban{width: 100%;}
.ban img{width: 100%;}
.main_list{padding-top: 0.2rem;}
.menu{width: 18%; margin-top: 0.3rem; background: #FFF; box-shadow: 0 0 10px #ddd; border-bottom: 0.05rem solid #185194;}
.menu_tit{background: #185194; color: #FFF; font-weight: 700; padding: 0.2rem; height: 0.7rem; line-height: 0.3rem; font-size: 0.24rem;}
.menu ul{border-bottom: none; margin: 0.01rem 0 0.1rem;}
.menu ul li{line-height:0.56rem;}
.menu ul>li>a{width: 100%; display: block; font-size: 0.18rem; color: #333; padding: 0 0.2rem; position: relative;}
.menu ul>li>a:hover{color: #11448a;}
.menu ul>li>a::before{content:""; right: 0.2rem; bottom: 0; left: 0.2rem; border-bottom: solid 1px #f3f3f3; display: block;}
.menu>ul>li:first-child>a::before{border: none;}
.menu ul .subNavLi .subNav{cursor:pointer; display: block; width: 100%;}
.menu ul .subNavLi .subNav{position: relative;}
.menu ul .subNavLi .subNav::after{content: ""; position: absolute; left: 85%; top: 0.18rem; width: 0.09rem; height: 0.17rem; background: url(/template/a43444418a75472e9d19a2d8d3b48a37/images/zuo_nav.png) no-repeat; background-size: 100% 100%; transition: all .5s ease; transform-origin: center center;}
.menu ul li ul li{padding: 0; border-left: none; line-height: 0.46rem;}
.menu ul li ul li a{font-size: 0.16rem; padding: 0 0.3rem;}
.menu ul .navContent{background: #fff; display: none;}
.menu ul .navContent li a{display:block;}
.menu ul .navContent li:last-child{border-bottom: 0;}
.menu ul .navContent li a,.menu ul .subNavLi .navContent li a{background: none; color: #333; font-weight: normal;}
.menu ul .navContent .active a{color:#11448a !important;font-weight:bold !important;}
.menu ul .navContent .active{color: #11448a;  font-weight: bold;}
.menu ul .navContent li a:hover{color:#11448a;}
.menu ul li.onn a{ color:#11448a; font-weight: bold;}
.menu ul .subNavLi.onn .subNav::after{ background:url(/template/a43444418a75472e9d19a2d8d3b48a37/images/zuo_nav.png) no-repeat; background-size: 100% 100%; transform: rotate(90deg);}

/* 列表页 */
.list{width:78%;background: none; padding-top: 0; height: auto;}
.list .item-list{min-height: 5rem;}
.list_item_th{width: 100%; height: 0.5rem; line-height: 0.5rem; border-bottom: 1px solid #0a3f7d; margin: 20px 0;}
.list_item_th p{color: #000; font-size: 0.24rem; float: left; font-weight: 700;}
.local{float: right; padding-right: 6px; font-size: 16px; color: #7D7D7D; display: block;}
.local a{color: #808080; font-size: 0.16rem; }
.pages{text-align: center; padding: 0.3rem 0;}

/*内容页内容*/
.content{padding: 6px 0 12px 0;}
.content .title{line-height: 28px; font-size: 20px; font-weight: bold; text-align: center; padding: 15px 0px; margin: 0 20px; border-bottom: 1px dotted #dcdcdc;}
.content .txt{text-align: center; color: #888; line-height: 28px; padding: 10px 0;}
.con{min-height: 400px; _height:400px; padding: 5px 15px;}
.con,.con p,.con div,.con span,.con font,.con strong,.con b{font-size: 0.16rem !important; line-height: 0.32rem !important; font-family: "???è??é?…é?‘" !important;}
.con img{max-width: 80%;}
.con b,.con strong{font-weight: bold;}
.con table{margin:0 auto !important;border-collapse:collapse; width:80% !important;}
.con table tr td{border:1px solid #dcdcdc !important;}


/*教师名录*/
.list_jsml h2{font-size: 0.2rem;font-weight: 700;line-height: 0.3rem;padding-left: 0.15rem;position: relative;margin-bottom: 0.2rem;}
.list_jsml h2::after{content: '';display: block;width: 0.04rem;height: 70%;top: 18%;background: #185194;position: absolute;left: 0;}
.list_jsml_name{display: flex;flex-wrap: wrap;margin-bottom: 0.3rem;}
.list_jsml_name li{width: 20%;margin-bottom: 0.2rem;}
.list_jsml_name p{font-size: 0.16rem;color: #333;padding-left: 0.1rem;position: relative;line-height: 0.24rem;display: table;}
.list_jsml_name p::after{content: '';display: block;width: 4px;height: 4px;background: #185194;border-radius: 50%;position: absolute;left: 0;top: calc(50% - 2px);}
.list_jsml_name p::before{content: '';display: block;width: 0;height: 1px;background: #185194;transition: 0.4s;position: absolute;left: 0;bottom: -0.03rem;}
.list_jsml_name li:hover p::before{width: 100%;}