*{
    margin: 0px;
    padding:0px;
}
html{font-size:14px;}
body{
    font:14px Microsoft Yahei,sans-serif,PingFangSC-Regular,Tahoma,helvetica,Segoe UI !important;
    color:#333;
    box-sizing: border-box;
}
ul,ol,dl{
    list-style: none;
}
a{
    color:#333;
    text-decoration: none;
    -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
    cursor: pointer;
}

:root{
   --theme:#333;  /* 主题颜色 */
   --theme_active:#ff7a1a; /* 激活 */
}

/* 隐藏调试工具 */
#think_page_trace_open{
    display: none !important;
}

/* 主体宽度 */
.body{
    width:100%;
    max-width:1400px;
    margin:0 auto;
    padding:0 10px;
    box-sizing: border-box;
}

/* 头部 */
.topBar{
    background-color: #fafafa;
    border-bottom: 1px solid #eee;
}
.topBar .body{
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header{
    background-color: #fff;
    padding:10px 0;
}
.header .site{
    display: flex;
    align-items: center;
}
.header .site h2{
    font-size:28px;
}

.header .body{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header .logo{
    margin-right: 10px;
    max-width:165px;
    height:95px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header .logo a{
    display: block;
}
.header .logo a img{
    display: block;
    max-width: 100%;
    max-height: 90px;
}
.header .info h1{
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    max-width: 600px;
}

.header .qrCode{
    display: flex;
}
.header .qrCode .item{
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: center;
    margin-left:10px;
}
.header .qrCode .item img{
    width:80px;
    height: 80px;
    border: 1px solid #eee;
    display: block;
}
.header .qrCode .item .imgbox{
    width:80px;
    height: 80px;
}
.header .qrCode .item .title{
    font-size:12px;
    margin-top:3px;
}
.header .qrCode a:hover{
    color:var(--theme_active);
}

.header .search{
    width:280px;
}
.header .search .sbar{
    display: flex;
    background-color: #fff;
    border:1px solid #eee;
    border-radius: 5px;
    overflow: hidden;
}
.header .search .sbar input{
    border:none;
    outline: none;
    padding:8px;
    width:100%;
    font-family: Microsoft Yahei,sans-serif,PingFangSC-Regular,Tahoma,helvetica,Segoe UI !important;;
}
.header .search .sbar button{
    background-color: var(--theme_active);
    color:#fff;
    border:none;
    height: 36px;
    width:36px;
    flex-shrink: 0;
    cursor: pointer;
}
.header .search .sbar button .iconfont{
    font-size:22px;
}
.header .search .sbar button:hover{
    opacity: 0.9;
}
.header .info .siteurl{
    color:#666;
}
.header .info .text{
    display: flex;
    align-items: center;
    margin-top:5px;
}
.header .info .zxt{
    background-color: var(--theme_active);
    display: inline-block;
    color:#fff;
    padding: 2px 6px;
    border-radius: 5px;
    margin-right: 8px;
    display: flex;
    align-items: center;
}
.header .info .zxt .num{
    font-size:12px;
    position: relative;
    top:1px;
}
/* 导航条 */
.nav{
    background-color: var(--theme);
    height: 45px;
}
.nav ul{
    display: flex;
}
.nav ul li{
    display: flex;
    align-items: center;
}
.nav ul li::before{
    content:' ';
    display: inline-block;
    height: 11px;
    width:1px;
    background-color: #fff;
    opacity: 0.15;
    position: relative;
    margin:0 8px;
}
.nav ul li:first-child::before{
    display: none;
}
.nav ul li a{
    display: block;
    height: 45px;
    line-height: 45px;
    color:#fff;
    padding:0 20px;
    font-size:14px;
}
.nav ul li a:hover{
    color: var(--theme_active);
}
.nav ul li a.on{
    background-color: var(--theme_active);
}
.nav ul li a.on:hover{
    color:#fff;
}


/* 底部 */
.footer{
    background-color: var(--theme);
    padding:40px 0;
    color:#fff;
}
.footer .fNav {
    margin-bottom: 30px;
}
.footer .fNav ul{
    display: flex;
}
.footer .fNav ul li{
    margin-right: 20px;
}
.footer .fNav ul li a{
    color:#fff;
    font-size:14px;
}
.footer .fNav ul li a:hover{
    color: var(--theme_active);
}
.footer .row{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.footer .company{
   opacity: 0.75;
   max-width: 50%;
}
.footer .company h3{
    font-size:22px;
    font-weight: normal;
    margin-bottom: 5px;
}
.footer .company p{
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.footer .copyright{
    color:#fff;
    opacity: 0.75;
    font-size:13px;
}
.footer .copyright a{
    color:#fff;
}
.footer .copyright a:hover{
    opacity: 1;
    color:var(--theme_active)
}


/* 返回顶部 */
#pageGoTop{
     z-index: 999;
    position: fixed;
    bottom:100px;
    right:30px;
    border:2px solid #333;
    width:35px;
    height: 35px;
    display: flex;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    transition: .3s ease-out; -webkit-transition: .3s ease-out; -moz-transition: .3s ease-out; -o-transition: .3s ease-out;
    cursor: pointer;
    opacity:1;
    visibility: hidden;
    transform:scale(1.2);
}
#pageGoTop .iconfont{
    font-size:22px;
}
#pageGoTop.active{
    visibility:visible;
    opacity:0.9;
    transform:scale(1);
}
#pageGoTop:hover{
    opacity: 1;
    transform:scale(1.1); 
}



/* 通用分页 */
.common_page{
    margin:30px -5px;
    display: flex;
    width:100%;
    align-items: center;
}
.common_page.aligin-right{
    justify-content: flex-end;
}
.common_page.aligin-center{
    justify-content: center;
}
.common_page ul.pagination{
    display: flex;
}
.common_page ul.pagination li{
    margin:4px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    border:1px solid #fff;
    transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out;
}
.common_page ul.pagination li:hover{
    border:1px solid var(--theme_active) !important;
}
.common_page ul.pagination li:hover a{
    color:var(--theme_active);
    background-color: #fff;
}
.common_page ul.pagination li.active span{
    color:#fff;
    background-color: var(--theme_active) !important;
}
.common_page ul.pagination li.disabled{
    background-color: #f5f5f5;
    border:1px solid #f5f5f5;
}
.common_page ul.pagination li a,.common_page ul.pagination li span{
    display: block;
    height: 32px;
    width:32px;
    line-height: 32px;
    text-align: center;
    background-color: #fff;
}
.common_page .count{
    margin-left:15px;
}