.top_con{ width: 6.7rem; height: 0.88rem; padding: 0 0.4rem; display: flex; align-items: center; justify-content: space-between; } .pro_item{ font-size: 0.26rem; color: #333; margin-left: 0.5rem; } .pro_item::before{ width: 0.26rem; height: 0.39rem; display: inline-block; content:""; background-image: url(/uploads/image/mimg/icon-dt.png); background-size: 0.26rem 0.39rem; position: relative; top: 0.08rem; right: 0.05rem; } .pro_item>i{ display: block; box-sizing: border-box; float: right; margin-top: 0.25rem; margin-left: 0.1rem; width:0.1rem; height:0.1rem; border-right: 1px solid #666666; border-bottom: 1px solid #666666; transform: rotate(225deg); -ms-transform: rotate(225deg); /* ie 9 */ -webkit-transform: rotate(225deg); /* safari and chrome */ user-select: none; } .s_logo{ width: 1.9rem; height: 0.53rem; margin-left: -0.2rem; } .top_con>p{ font-size: 0.3rem; } .top_right{ height: 0.88rem; display: flex; align-items: center; font-size: 0; } .top_right .s_search{ display: inline-block; width: 0.4rem; height: 0.4rem; background-image: url(/uploads/image/mimg/s_search.png); background-size: 0.4rem 0.4rem; } .top_right .login_btn{ margin-left: 0.3rem; font-size: 0.26rem; color: #333; } .user_center{ display: block; margin-left: 0.3rem; width: 0.5rem; height: 0.5rem; } .user_center img{ display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 50%; } .zj_banner { width: 7.5rem; height: 3rem; } .zj_banner .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; } .zj_banner .swiper-slide{ width: 7.5rem !important; height: 100%; } .zj_banner .swiper-slide img{ width: 7.5rem !important; height: 100%; } .swiper-pagination-bullet { background-color: #dfdf !important; } .swiper-pagination-bullet-active { background-color: #fff !important; } .swiper-pagination-bullet { width: 0.16rem !important; height: 0.16rem !important; z-index: 2; } .swiper-pagination { width: 1.8rem !important; /*padding: 0.1rem;*/ height: 0.4rem !important; background-color: rgba(0, 0, 0, 0.28); display: flex; align-items: center; justify-content: center; border-radius: 15px; } .swiper-pagination { position: relative !important; top: -0.5rem !important; margin: 0 auto !important; } .zj_nav { width: 7.5rem; /* height: 1.48rem; */ } /* .zj_nav .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; } .zj_nav .swiper-slide { width: 1.3rem; height: 1.48rem; text-align: center; } .zj_nav .swiper-slide a{ display: block; } .zj_nav .swiper-slide a img { width: 0.45rem; height: 0.45rem; position: relative; top: -0.2rem; } .zj_nav .swiper-slide a div { margin-top: 0.1rem; font-size: 0.24rem; color: #666; position: relative; top: -0.45rem; } */ .zj_nav ul{ width: 100%; height: 100%; margin-left: auto; margin-right: auto; display: flex; flex-wrap: wrap; } .zj_nav li{ width: 25%; height: 1.48rem; text-align: center; } .zj_nav li a{ display: block; } .zj_nav li a img { width: 0.45rem; height: 0.45rem; position: relative; top: -0.2rem; } .zj_nav li a div { margin-top: 0.1rem; font-size: 0.24rem; color: #666; position: relative; top: -0.45rem; } .exam_cd{ width: 7.1em; height: 1.5rem; background-color: #f9f9f9; padding: 0.2rem; display: block; } .cd_con{ width: 7.1rem; height: 1.5rem; background-color: #fff; box-shadow: 2px 4px 2px 0px #f9f9f9, 2px -3px 2px 0px #f9f9f9, -2px 0px 1px 0px #f9f9f9; border-radius: 0.1rem; } .cd_left{ font-size: 0.22rem; color: #333; font-weight: bold; float: left; } .cd_left p{ letter-spacing: 1px; position: relative; top: 0.35rem; left: 0.2rem; } .cd_left p.cd_time{ position: relative; top: 0.5rem; letter-spacing: 2px; color: #ff2626; font-size: 0.3rem; } .cd_right{ float: right; width: 1.94rem; height: 1.34rem; position: relative; top: 0.05rem; right: 0.2rem; } .cd_right img{ width: 1.94rem; height: 1.34rem; } .top_line,.jzks_con,.jszg_con,.bszn_con,.bsbk_con,.msjq_con,.stxz_con{ width: 7.1rem; padding: 0.4rem 0.2rem 0rem 0.2rem; margin-top: 0.2rem; background-color: #fff; } .top_title{ width: 1.5rem; height: 0.32rem; line-height: 0.32rem; font-size: 0.3rem; text-align: center; font-weight: bold; color: #333333; } .top_line>ul,.jzks_con>ul,.jszg_con>ul,.bszn_con ul,.bsbk_con ul,.msjq_con ul,.stxz_con ul{ min-height: 2rem; } .top_line>ul li,.jzks_con>ul li,.jszg_con>ul li,.bszn_con ul li,.bsbk_con ul li,.msjq_con ul li,.stxz_con ul li{ height: 1.25rem; border-bottom: 1px dashed #dfdfdf; padding-top: 0.3rem; position: relative; } .top_line ul li:nth-last-child(1){ border-bottom: none; } .list_item{ margin-left: 0.2rem; height: 0.4rem; font-size: 0.28rem; color: #666; line-height: 0.4rem; text-align: left; position: relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .list_item i{ display: inline-block; width: 0.12rem; height: 0.12rem; border-radius: 50%; background-color: #ff8e2e; position: relative; margin-right: 0.1rem; top: -0.03rem; } .list_time{ font-size: 0.24rem; color: #999; line-height: 0.5rem; position: relative; position: absolute; bottom: 0.2rem; right: 0.2rem; } .con_cli{ width: 100%; height: 0.2rem; background-color: #f9f9f9; } .more_info{ width: 100%; height: 0.9rem; text-align: center; line-height: 0.9rem; } .more_info a{ font-size: 0.24rem; color: #999; display: block; height: 0.9rem; text-align: center; line-height: 0.9rem; } li.no_info{ width: 100%; height: 0.2rem; line-height: 0.8rem; text-align: center; font-size: 0.28rem; color: #666; } .exam_cds{ width: 7.1rem; height: 1.5rem; background-color: #fff; box-shadow: 2px 4px 2px 0px #f9f9f9, 2px -3px 2px 0px #f9f9f9, -2px 0px 1px 0px #f9f9f9; border-radius: 0.1rem; } .flex_around{ display: flex; justify-content: space-around; align-items: center; } .code_box{ width: 1.2rem; height: 1.2rem; display: flex; justify-content: center; align-items: center; margin-right: 0.15rem; } .code_box>img{ width: 1.2rem; height: 1.2rem; } .exam_cds_left_text p{ font-size: 0.2rem; color: #666666; text-align: center; } .red_text{ color: #e53333; } .exam_cds ul{ color: #333333; font-size: 0.22rem; } .exam_cds ul li{ position: relative; line-height: 1.5; } .exam_cds ul li i{ display: inline-block; width: 0.12rem; height: 0.12rem; border-radius: 50%; background-color: #ff8e2e; position: relative; margin-right: 0.1rem; top: -0.03rem; } /* banner图 */ .banner_icon{ width: 100%; height: 1.4rem; border-radius: 5px; display: block; line-height: 0; } .banner_icon img{ width: 100%; height: 1.4rem; } .top_title_red .list_item,.top_title_red .list_time{ color: #e53333 !important; }