@charset "utf-8";
/***********************************************************
	Filename: base.css
	Note	: 内页共用CSS样式
	Version : szphp v2.0.0
	Author  : 优尚设计 <547829810@qq.com>
	Web		: www.szphp.cn
	Update  : 2020.7.9
***********************************************************/

/*banner*/
.banner{position:relative;overflow:hidden;width:100%;height:250px;background-position:center top;background-repeat:no-repeat;background-attachment:fixed}
.banner .overlay{position:absolute;top:0;left:0;z-index:98;width:100%;height:100%;background:linear-gradient(45deg,hsl(225deg 98% 46% / 50%),hsl(245deg 2% 4% / 90%))}
.banner .text{position:relative;z-index:100;margin-top:140px}
.banner .title{width:100%;color:#fff}
.banner .title span{margin-left:.5rem}
.banner .title span::before{margin-right:.5rem;content:"/"}
.banner .location{display:inline-block;width:100%;color:rgba(255,255,255,.85);text-align:right;line-height:3rem}
.banner .location a{color:rgba(255,255,255,.85)}
.banner .location a:hover{color:#fff}
.banner .location a::before{margin-right:5px;content:'\f105';font-family:FontAwesome}
.banner .location a:first-child::before{content:''}
.banner .location .fa{margin-right:5px}
.banner_content{height:160px;background:linear-gradient(45deg,hsl(214deg 100% 50%),hsl(245deg 92% 36%))}
.banner_content .text{position:absolute;bottom:20px;z-index:100;margin-top:0}
.banner_content .location{line-height:2rem}
@media screen and (max-width:576px){
    .banner{height:200px;background-size:cover;background-attachment:local}
    .banner .text{margin-top:100px}
    .banner .title{text-align:center}
    .banner .location{text-align:center}
    .banner_content{height:140px}
    .banner_content .location{line-height:1.5rem}
}
/* 功能页面纯色背景banner */
.function-banner{position:relative;height:250px;background-color:#151515}
.function-banner::after{background:url(../svg/guilloche.svg) repeat center center;background-size:20px 20px;content: "";position: absolute;width:100%;height:100%;top:0;left:0;z-index: 0;opacity: .8;-webkit-mask-image:linear-gradient(160deg, rgb(0, 0, 0), rgba(0, 0, 0, 0))}
.function-banner .overlay{background:linear-gradient(45deg,hsl(225deg 98% 46% / 25%),hsl(245deg 2% 4% / 0%))}

/* 分类 */
.category{position:relative;padding-top:15px;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.05);background:#fff;text-align:center}
.category a{display:inline-block;margin-right:5px;padding:10px 1.5rem;border:1px solid rgba(0,0,0,.07);border-radius:2px;color:#333;text-align:center;}
.category .current,.category a:hover{background:#2f5fee;color:#fff}
.category .fa{margin-right:5px}
@media screen and (max-width:576px){
    .category{padding-bottom:0}
    .category a{float:left;box-sizing:border-box;margin-bottom:10px;width:calc(50% - 5px)}
    .category a:nth-child(even){margin-right:0;margin-left:5px}
}

/* 分页 */
.pages{margin:25px 0;padding:0 15px;width:100%;text-align:right}
.pages a{float:none;display:inline-block;margin:0;padding:0 15px;height:30px;border-radius:2px;background:#f1f1f1;color:rgba(51,51,51,.8);text-align:center;line-height:32px;transition:all .3s ease 0s}
.pages .current{font-weight:600}
.pages .current,.pages a:hover{background:rgba(2,62,235,.95);color:#fff}
@media screen and (max-width:768px){
    .pages{text-align:center}
}
@media screen and (max-width:576px){
    .pages{margin:15px 0}
    .pages a{margin:3px;padding:0 10px;height:30px;line-height:30px}
}

/* 搜索主页 */
.search-index{padding-top:150px;padding-bottom:150px;background:#fafafa url(../svg/search_index_background.svg) no-repeat bottom center}
.search-index .s-input,.search-index .s-submit{display:inline-block;height:50px;outline:0;border-radius:0;vertical-align:middle;line-height:50px}
.search-index .s-input{padding-left:1rem;width:80%;border:1px solid rgba(0,0,0,.1);border-right:0;border-bottom-left-radius:2px;border-top-left-radius:2px;background:#fff;color:#333}
.search-index .s-submit{width:20%;border:1px solid #023eeb;border-top-right-radius:2px;border-bottom-right-radius:2px;background:#023eeb;color:#fff;text-align:center;cursor:pointer;transition:all .3s ease-in-out}
.search-index .s-submit:hover{border:1px solid #333;background:#333;color:#fff}
@media screen and (max-width:576px){
    .search-index{padding-top:50px;padding-bottom:50px}
    .search-index .s-input{width:80%}
    .search-index .s-submit{width:20%}
}

/* 搜索主页标签列表 */
.search-index .list{position:relative;margin-top:25px;padding:15px;border:1px solid rgba(0,0,0,.08);border-radius:4px;background:#fff}
.search-index .list .title{margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid #eaeaea}
.search-index .list .title .fa{margin-right:.5rem}
.search-index .list a{display:inline-block;margin-right:5px;margin-bottom:5px;padding:0 .5rem;width:auto;height:25px;border-radius:3px;background:rgba(2,62,235,.05);color:rgba(0,0,0,.7);text-align:center;line-height:25px}
.search-index .list a:hover{background:rgba(2,62,235,.2)}