@charset "UTF-8";


html{margin: 0 !important;padding: 0}
body{margin: 0;padding: 0;font-family:'微软雅黑','pf_regular', sans-serif;font-size: 16px;overflow-x:hidden;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li {margin: 0;padding: 0;list-style: none;}
a{text-decoration: none;color: #333333}
img{display: block}

:root{
    --main-color: #562173;
    --main-color-hover: rgb(14, 168, 182);
    --gray-color:#999999;
    --border-color:#e5e5e5;
    --fz12:12px;
    --fz14:14px;
    --fz16:16px;
    --fz18:18px;
    --fz24:24px;
    --fz26:26px;
}

/*one rank inhibit change*/
.top_bg{background-color: var(--main-color);padding: 10px 0 10px}
.img{position: relative;display: block}
.img img{position: absolute;width: 100%;height: 100%;object-fit: cover;}
.nowrap{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.time{display: flex;flex-direction: column;width: 70px;height: 66px;border: 1px solid var(--main-color);border-radius: 5px}
.time span{width: 70px;display: flex;height: 33px;justify-content: center;align-items: center;color:var(--main-color)}
.time span:first-of-type{background-color: var(--main-color);color: white}
.line_num{display: -webkit-box;-webkit-box-orient:vertical;overflow: hidden;text-overflow:ellipsis;}
/*top*/
header .logo{width: 26.949%;}
header .logo img{width:auto;height:60px; /*max-height: 44px;max-width: 100%*/}
header .top{display: flex;justify-content: space-between;}
header .right .search{width: 259px;height: 36px;position: relative;margin-bottom: 15px;}
header .right form{height: inherit}
header .right .search input{width: 100%;border: none;background-color: #b170d4;outline: none;height: 100%;padding-left: 15px;box-sizing: border-box;color: white}
header .right .search input::-webkit-input-placeholder {color: white;}

header .right .search button{position: absolute;top: 50%;right: 0;transform: translate(0,-50%);background-color: unset;border:none;}
header .right .search img{width: 14px;height: 14px;}
header .right_nav ul{display: flex}
header .right_nav li:not(:first-of-type){padding: 0 12px;}
header .right_nav li:not(:first-of-type)::before{content: '/';color: white;right: 10px;position: relative}
header .right_nav li:first-of-type{padding-right: 12px;}
header .right_nav a{color: white;font-size: var(--fz14);}


nav .nav>ul{display: flex;justify-content: space-between}
nav .nav>ul>li{position: relative;z-index: 50}
nav .nav>ul>li>a{font-size: var(--fz16);color: var(--main-color);font-weight: bold;display: flex;align-items: center;justify-content: center;height: 70px;box-sizing: border-box}
nav .nav>ul>li>a::after{content: '';display: flex;border-top: 6px solid var(--main-color);border-left: 6px solid transparent;border-right: 6px solid transparent;width: 0;height: 0;align-items: center;margin-left: 10px;}
nav .nav ul.dpdown{display: none;flex-direction: column;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
nav .nav ul.dpdown li a{padding: 10px 25px;display: block;white-space: nowrap}



footer .f_body_bg{background-color: #333333;padding: 50px 0;align-items: center}
footer .f_body_bg .f_body{display: flex;justify-content: space-between}
footer .f_body_bg .f_body .f_logo img{width: 418px;height: auto;}
footer .f_body_bg .right .share img{width: 334px;height: 83px;}
footer .f_body_bg .left,footer .middle,footer .right{flex-direction: column;display: flex;}
footer .f_body_bg .f_logo,
footer .f_body_bg .content,
footer .f_body_bg .share{display: flex;flex-direction: column;height: 100%;justify-content:center}
footer .f_body_bg .content p{color: white}
footer .f_body_bg .content p:not(:first-of-type){margin-top: 10px;}
footer .f_copyright_bg{background-color: #131313;padding: 30px 0}
footer .f_copyright{display: flex;justify-content: center}
footer .f_copyright *{color: white}

.index_tit{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid var(--border-color);padding-bottom: 10px;}
.index_tit .t_left{display: flex;align-items: flex-end}
.index_tit .t_left h3{font-size: var(--fz26);color: var(--main-color)}
.index_tit .t_left span{font-size:var(--fz16);color: var(--gray-color)}
.index_tit .t_left span::before{content: '/';color: var(--gray-color);margin: 0 10px}
.index_tit .t_right a{font-size: var(--fz14);color: var(--main-color)}



/*indexbanner*/
.index_banner .swiper-slide .imgss{position: relative}
.index_banner .swiper-slide .imgss p{position: absolute;left: 10px;bottom: 10px;color: white;font-size: var(--fz24);}
.index_banner .swiper-slide img{width: 100%;}


.index_news_bg{background-image: url("../images/index_news_bg.jpg");background-size: cover;background-position: center;padding-bottom: 80px;margin-top: 50px;}
.index_news .left ul{display: grid;grid-template-columns: 32% 32% 32%;justify-content: space-between;margin-top: 24px;}
.index_news .left ul li .img{width: 100%;padding-bottom: 98%;position: relative;overflow: hidden}
.index_news .left ul li:hover img{transform: scale(1.1);transition: all .5s}
.index_news .left ul li .img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover}
.index_news .left .content{background: var(--main-color);padding: 10px;box-sizing: border-box}
.index_news .left .content h3{color: white;font-size: var(--fz16);display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis;}
.index_news .left ul li i img{width: 28px;height: 28px;margin: 10px auto}

.index_news .right,.index_4 .left{display: flex;flex-direction: column;}
.index_news .right ul,.index_4 .left ul{margin-top: 24px;display: flex;justify-content: space-between;flex-direction: column;height: 100%;}
.index_news .right a,.index_4 .left a{display: flex}

.index_news .right .content,.index_4 .left .content{flex: 1;width: 0;margin-left: 8px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;text-overflow:ellipsis;}

.index_edu_bg,.index_4_bg{padding: 35px 0;background-color: #e0ded9;}
.index_edu .index_tit{position: relative;justify-content: center;align-items: center}
.index_edu .t_right{position: absolute;top: 50%;right: 0;transform: translate(0,-50%)}
.index_edu .index_edu_sw{margin-top: 24px;overflow: hidden}
.index_edu .index_edu_sw .body{width: 100%}
.index_edu .index_edu_sw .img{padding-bottom:75.471%;width:inherit;}
.index_edu .index_edu_sw .img img{position: absolute;width: 100%;height: 100%;object-fit: cover;}
.index_edu .index_edu_sw h3{margin-top: 8px;}
.index_edu .index_edu_sw p{color: var(--gray-color);margin-top: 10px;}


.index_3,.index_4{padding: 30px 0}
.index_3 ul{margin-top: 24px;}
.index_3 .img{padding-bottom:75.471%;width:inherit;}
.index_4 .index_honor_sw{overflow: hidden;margin-top: 24px;}
.index_4 .index_honor_sw a{display: block;width: 100%}
.index_4 .index_honor_sw .img{padding-bottom: 100%;}
.index_4 .index_honor_sw .img img{border-radius: 50%;}
.index_4 .index_honor_sw p{font-size: var(--fz18);font-weight: bold;margin-top: 27px;}

.index_5{padding: 45px 0;}
.index_5 .tit{display: flex;justify-content: center;align-items: center}
.index_5 .tit p{background-color: var(--main-color);padding: 15px 40px;display: inline-block;color: white;font-size: var(--fz26);font-weight: bold;}

.index_5 .list {margin-top: 36px;}
.index_5 .list a{display: flex;background-color: #fbfbfb;padding: 24px 30px;box-sizing: border-box;align-items: center;}
.index_5 .list a:hover{background-color: #f2f2f2;}
.index_5 .list a img{width: 52px;height: 52px;}
.index_5 .list .content{margin-left: 17px;}
.index_5 .list .content h3{font-size: var(--fz18);font-weight: normal;}
.index_5 .list .content p{font-size: var(--fz14);color: var(--gray-color)}
.index_5 .button{display: flex;justify-content: center;margin-top: 15px;cursor: pointer}


/*list*/
body.inside{background-color: #f6f6f6;}


.rank_left .top{display: flex;justify-content: center;background:linear-gradient(-90deg, #9d50bb, #6e48aa);padding: 45px 0 45px 69px;flex-direction: column;border-radius: 4px 4px 0 0 }
.rank_left .top *{color: white}
.rank_left ul{background-color: #fff;}
.rank_left ul li a{display: flex;padding: 0 45px 0 69px;line-height: 80px;width: 100%;justify-content: space-between;box-sizing: border-box}
.rank_left ul li a:hover{background-color: var(--main-color);color: white}
.rank_right{background-color: #fff;}
.rank_right .bread{display: flex;align-items: center}
.rank_right .bread_home img{width: 18px;height: 18px;margin: 0 8px}
.rank_right .bread .start a{font-size: var(--fz14);color: #303133;font-weight: bold;}
.rank_right .bread .start i{font-size: var(--fz12);}
.rank_right .top_tit{margin-top: 38px;border-bottom: 1px solid #e5e5e5;padding-bottom: 9px;font-weight: bold;}

.page{margin-top: 50px;}
.page ul{display: flex;justify-content: center;align-items: center}
.page ul a{width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;background-color: var(--main-color);color: white}
.page ul li:not(:first-of-type){margin-left: 8px;}

/*rank end*/


.rank_right .diy_list_1 a{display: flex;}
.rank_right .diy_list_1 .img{padding-bottom:100%;}
.rank_right .diy_list_1 .content{margin-left: 10px;width: 0;flex: 1;}
.rank_right .diy_list_1 .content h3,.rank_right .diy_list_1 .content p{font-size: var(--fz16);}
.rank_right .diy_list_1 .content .line_num{-webkit-line-clamp:3;font-size: var(--fz14);color: #666666;}

.diy_content_1 .content_tit{padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;margin-top: 40px;}
.diy_content_1 .content_tit h3{font-size: var(--fz24);font-weight: normal;}
.diy_content_1 .content_tit p{color: rgb(153, 153, 153);font-size: var(--fz14);margin-top: 15px;}
.diy_content_1 .content{margin-top: 20px;line-height: 1.5rem;padding-bottom: 20px;border-bottom: 1px solid #e5e5e5}
.diy_content_1 .content img{max-width: 100%;height: auto}
.diy_content_1 .content p{line-height: 1.5rem;margin-top: 15px;}
.diy_content_1 .content .alignnone {margin: 0 auto;}
.diy_content_1 .direction{display: flex;margin-top: 20px;}
.diy_content_1 .direction .prev bdi,
.diy_content_1 .direction .next bdi{white-space: nowrap}
.diy_content_1 .direction .prev a,
.diy_content_1 .direction .next a{margin-left: 8px;display: block}
.diy_content_1 .direction .prev,
.diy_content_1 .direction .next,
.diy_content_1 .direction .back{flex: 1;display: flex;justify-content: center;}