@charset "UTF-8";

/*
Theme Name: tdsql-pc
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: guolu
Author URI: https://wordpress.org/
Description: 专门为网站pc站点设置的主体 不会自适应h5
Requires at least: 5.3
Tested up to: 5.8
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready,

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/*公共样式开始*/
body, ul {
    padding: 0;
    margin: 0;
}

body {
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: PingFang SC, Microsoft YaHei, Helvetica Neue, Helvetica, Hiragino Sans GB, Arial, sans-serif;
}

html, body {
    height: 100%;
}

ul li {
    list-style: none;
}

a {
    color: #333333;
    text-decoration: none;
}

p {
    margin: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

button {
    cursor: pointer;
}

/* 代码编辑器皮肤样式开始 */
.alignleft {
    float: left;
}

.aligncenter {
    margin: 0 auto;
    display: block;
}

.alignright {
    float: right;
}

/* 代码编辑器皮肤样式结束 */

/* 组件类名 */

.relative {
    position: relative;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 组件类名 */

.clear {
    clear: both;
}

.ellipse {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.center-content {
    width: 1200px;
    margin: 0 auto;
}

/*公共样式结束*/

/*网站头部导航样式开始*/
#csdn-toolbar {
    z-index: 99;
    min-width: 1200px;
}

.header-fixed {
    width: 100%;
    height: 60px;
    z-index: 98;
    background: #2B303B;
    min-width: 1200px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.header-top {
    min-width: 1200px;
    height: 60px;
    width: 100%;
    background: #2B303B;
    display: none;
}

#bsv-content {
    min-height: calc(100% - 135px);
    display: flex;
    flex-direction: column;
    background: #F5F7FA;
    min-width: 1200px;

}

#site-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 60px;
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 98;
    background: #2B303B;
}

.top-logo, .top-logo img {
    width: 180px;
    height: 60px;
}

.top-menu {
    display: flex;
    margin: 0;
    flex-direction: row;
    position: relative;
}

.top-menu {
    display: flex;
    flex-direction: row;
}

.top-menu li {
    display: flex;
    justify-content: center;
    font-size: 20px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 28px;
    width: 160px;
    margin-left: 45px;
}

.top-menu li:first-child {
    margin-left: 40px;
}

.top-menu li a {
    font-size: 20px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 28px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.menu-nav {
    display: flex;
    flex: 1;
    width: 100px;
    justify-content: center;
    align-items: center;
}

.sub-menu {
    position: absolute;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    width: 140px;
    top: 60px;
    display: none;
    z-index: 99;
}


.sub-menu li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 158px;
    height: 43px;
    border: 1px solid #DAE8FF;
    border-bottom: 0;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: 28px;
    padding: 0;
    margin: 0;
}

.sub-menu li:last-child {
    display: flex;
    height: 43px;
    border-bottom: 1px solid #DAE8FF;
}

.sub-menu li a {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: 28px;
}

/* 选中导航菜单的样式 */
.hover-menu-item {
    background: rgba(254, 81, 2, 0.06);
}

.hover-menu-item a {
    height: 20px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #111111;
    line-height: 20px;
}

.current-menu-item {
    border-bottom: 2px solid #FFFFFF;
}

.current-menu-item > a {
    font-size: 20px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: bold !important;
    color: #FFFFFF;
    line-height: 28px;
}

/* 网站头部导航样式结束 */

/*banner轮播图样式开始*/
#site-banner {
    height: 350px;
    width: 100%;
    padding-top: 20px;
    background: #F6F6F6;
}

#site-banner .swiper-slide img {
    width: 100%;
    height: 350px;
    border-radius: 4px;
}

.banner {
    width: 1200px;
    height: 350px;
    margin: 0 auto;
    /*background: #e2e2e2;*/
}

.swiper-container {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.swiper-slide {

}

.swiper-slide .wp-post-image {
    width: 100%;
    height: 100%;
}

/*banner轮播图样式结束*/


/*首页栏目内容开始*/


.center-box {
    display: flex;
    flex-direction: column;
    /*padding-top: 50px;*/
}

.box-top {
    display: flex;
    flex-direction: row;
    height: 28px;
}

.box-title {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-right: 60px;

    height: 28px;
    font-size: 24px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333333;
    line-height: 28px;
}

.box-title img {
    width: 4px;
    height: 20px;
    margin-right: 20px;
}

.box-menu {
    display: flex;
    flex-direction: row;
    /*width: 400px;*/
}

.box-title-more {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-end;
}

.box-more-border {
    height: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.box-more-border-text {
    height: 20px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
}

.box-more-border img {
    width: 5px;
    height: 9px;
    margin-left: 8px;
}

.box-menu-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: 20px;
    margin: 0 40px 0 0;
}

/*首页栏目标题结束*/

/*网站底部版权样式开始*/
#site-bottom {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 1200px;
    height: 90px;
    align-items: center;
    background: #222222;

    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #FFFFFF;
    line-height: 14px;
}

#site-bottom .footer-company {
    height: 19px;
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #FFFFFF;
    line-height: 14px;
    opacity: 0.3;
}


#site-bottom a {
    height: 19px;
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #FFFFFF;
    line-height: 14px;
    opacity: 0.3;
}

#site-bottom .footer-link {
    height: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}


#site-bottom .footer-link a {
    height: 20px;
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #FFFFFF;
    line-height: 20px;
    opacity: 0.5;
}

#site-bottom .footer-link img {
    width: 1px;
    height: 16px;
    margin: 0 20px;
}


#site-bottom p {
    margin: 0;
    height: 19px;
    display: flex;
    justify-content: center;
}

#site-bottom img {
    margin-right: 6px;
}

#site-bottom p:nth-child(1) {
    margin-bottom: 8px;
}


#site-bottom p:nth-child(2) {
    margin-bottom: 2px;
}

.footer-top {
    margin-top: 12px;
    justify-content: center;
}

.footer-top ul, .footer-bottom ul {
    display: flex;
    flex-direction: row;
}

.footer-top ul li, .footer-bottom ul li {
    display: flex;
    flex-direction: row;
    margin-left: 5px;
}

.footer-icon {
    width: 12px;
    height: 14px;
}

.footer-icon img {
    width: 100%;
    height: 100%;
}

/*网站底部版权样式结束*/