/* common */
:root {
    --color-theme_1: #2D9CDB;
    --color-black: #000;
    --color-white: #fff;
    --color-a: #1996c8;
    --color-a_2: #1996cb;
    --color-a_hl: #1ea8e2;
    --color_2: #1f2329;
    --color_6: #666;
    --color_8: #888;
    --color_a: #aaa;
    --color_c4: #c4c4c4;
    --color_e: #eee;
    --color-border: #dfe1e6;
    --color-border-input: #56CCF2;
    --color-input: #1f2329;
    --color-hr: #EDF1F6;
    --color-bg-white: #fff;
    --color-text-hl_1: #f60;
    --color-text-hl_2: var(--color-a);
    --color-text-hl_3: #e54b44;
    --size-border-radius-input: 8px;
    --color-bg-header: var(--color-bg-white);
}
* {
    margin: 0;
    padding: 0;
}
/*
body {
    line-height: normal;
}

 */
h1, h2, h3, h4 {
    font-size: revert;
    line-height: normal;
    font-weight: bold;
}
#navigationMobileBar h2 {
    line-height: 60px;
}
a {
    cursor: pointer;
}
/*
a:hover{
    color: var(--color-a);
}

 */
hr {
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
    border-bottom: 1px solid var(--color-hr);
    margin: 10px 0;
}
input[type=search] {
    position: relative;
    min-width: 0;
    padding: 0;
    color: #1f2329;
    line-height: 25px;
    height: 24px;
    outline: none;
    border: none;
    appearance: none;
}
input[type=search]::-webkit-input-placeholder {
    font-weight: lighter;
    color: #999;
}
input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    /*position: relative;*/
    /*margin-right: 15px;*/
    /*height: 15px;*/
    /*width: 15px;*/
    /*border-radius: 50%;*/
    /*background-color: var(--color_c4);*/
    /*cursor: pointer;*/
}
.m-p-init {
    margin: 0;
    padding: 0;
}
/* 定位方式 */
.pr {
	position: relative;
}
.pa {
	position: absolute;
}
.pf {
	position: fixed;
}
.center {
	margin: 0 auto;
}
/* 弹性布局 */
.flex-x {
    display: flex;
}
.flex-y {
    display: flex;
    flex-direction: column;
}
.flex-ct-x {
	display: flex;
	justify-content: center;
	align-items: center;
}
.flex-ct-y {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.flex-fs {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
}
/* 分割线 */
.splitLine-s {
    margin: 0 12px;
    width: 1px;
    height: 24px;
    background: var(--color_8);
}
.splitLine-m {
    margin: 0 10px 0 0;
    width: 2px;
    height: 24px;
    background: var(--color-a);
}
.splitLine-l {
    margin: 0;
    width: 1px;
    height: 70px;
    background: var(--color-border);
}
/* box-sizing */
.bb {
    box-sizing: border-box;
}
.bb>* {
    box-sizing: border-box;
}
/* hr */
.hr-dashed {
    border-style: dashed;
}
.hr-solid {
    border-style: solid;
}
.hr-dotted {
    border-style: dotted;
}
.hr-double {
    border-style: double;
}
/* · */
.hot_article .before-·::before{
    position: absolute;
    left: -16px;
    content: "·";
    /*margin-right: 8px;*/
    font-size: 32px;
    font-weight: bold;
    color: #6B6D70;
}
/* 显示，隐藏 */
.v_hidden {
    visibility: hidden!important;
}
.v_show {
    visibility: visible!important;
}
.d_hidden {
    display: none!important;
}
.d_show {
    display: revert!important;
}
/* text */
.text_hl_1 {
    font-size: 16px;
    color: var(--color-text-hl_1);
}
.text_hl_2 {
    font-size: 16px;
    color: var(--color-text-hl_2);
}
.text_hl_3 {
    color: var(--color-text-hl_3);
}
/* 对齐方式 */
.tal {
	text-align: left;
}
.tac {
	text-align: center;
}
.tar {
	text-align: right;
}
.taj {
	text-align: justify;
}

/* content */
#content {
    box-sizing: border-box;
    min-height: calc(100vh - 65px);
}
@media screen and (max-width: 1200px){
    #content {
        min-height: 100vh;
    }
}

/* 搜索框 */
.search-inputWrap {
    box-sizing: border-box;
    justify-content: start;
    /*width: 600px;*/
    height: 60px;
    padding-left: 22px;
    background: #FFFFFF;
    box-shadow: 3px 9px 22px 0 rgba(175,187,222,0.1), 13px 37px 40px 0px rgba(175,187,222,0.09), 30px 84px 54px 0px rgba(175,187,222,0.05), 54px 149px 63px 0px rgba(175,187,222,0.01), 84px 233px 69px 0px rgba(175,187,222,0);
    border-radius: 8px;
    border: 1px solid #2878FF;
    /*box-shadow: 0 2px 24px rgb(28 76 186 / 8%);*/
    transition: width 200ms;
}
.search-inputWrap.active {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
}
.searchIcon {
    margin-right: 5px;
    margin-bottom: -2px;
    width: auto;
    height: auto;
    font-size: 20px;
    cursor: pointer;
    color: var(--color-a);
}
.search-input {
    flex: 1;
    display: flex;
    /*justify-content: space-between;*/
}
.search-input input{
    width: calc(100% - 30px);
    font-size: 14px;
}
.input-cancel-button {
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    width: 30px;
    cursor: pointer;
    margin: 0 5px;

}
.input-cancel-button.active {
    visibility: visible;
}
.input-cancel-button:hover span{
    background-color: var(--color-theme_1);
}
.input-cancel-button span {
    width: 21px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    background: none;
    background-color: #bbbfc4;
    border-radius: 50%;
    color: var(--color-white);
    font-size: 12px;
}
.search-inputRight {
    cursor: pointer;
    height: 60px;
    padding: 0 47px;
    margin-right: -1px;
    /*background-color: var(--color-theme_1);*/
    background-color: #2878FF;
    border-top-right-radius: var(--size-border-radius-input);
    border-bottom-right-radius: var(--size-border-radius-input);
}
@media screen and (max-width: 650px){
    .search-inputRight {
        padding: 0 15px;
    }
}

.search-a {
    color: var(--color-white);
    font-size: 16px;
    width: 2.2em;
    text-align: justify;
    text-align-last: justify;
}
.searchResultWrap {
    display: none;
    left: -1px;
    top: 100%;
    width: 100%;
    background-color: #fff;
    padding: 5px 0;
    box-shadow: 0 8px 5px -5px var(--color_e);
    z-index: 2;
    /*transition: all 200ms cubic-bezier(.4, .4, .25, 1.35);*/
    /*transition: height 200ms;*/
}
/*.searchResultWrap::before { content: ""; position: absolute; z-index: 1; top: 0; pointer-events: none; background-image: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); width: 100%; height: 15px;}*/
/*.searchResultWrap::after { content: ""; position: absolute; z-index: 1; bottom: 0; pointer-events: none; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); width: 100%; height: 30px;}*/
.search-inputWrap.active .searchResultWrap {
    display: revert;
    border: 1px solid #2878FF;
    border-radius: var(--size-border-radius-input);
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    /*border-top: none;*/
}
.searchResult, .searchHistory {
    position: relative;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    /*padding-bottom: 10px;*/
}
.searchHistory .title {
    padding-left: 15px;
    margin-bottom: 5px;
    color: #aaa;
}
.searchHistory .clearSearchHistory {
    position: absolute;
    top: 0;
    right: 15px;
    color: var(--color_8);
    cursor: pointer;
}
.searchHistory .clearSearchHistory:hover {
    color: #2878FF;
}
.searchResult::-webkit-scrollbar, .searchHistory::-webkit-scrollbar { width: 6px; height: 17px; border-radius: 9px;}
.searchResult::-webkit-scrollbar-thumb, .searchHistory::-webkit-scrollbar-thumb { background: #c2c2c2; border-radius: 10px;}
.searchResultLink, .searchHistoryLink{
    padding: 10px 15px;
    font-size: 14px;
    color: var(--color_2);
    /*transition: .2s;*/
}
.searchResultLink.checked, .searchHistoryLink.checked {
    /*background-color: #eee;*/
    background-color: rgba(25 ,150 ,200, .1);
}
.searchResultLink:hover, .searchHistoryLink:hover {
    background-color: #eee;
    /*box-shadow: none;*/

}
.searchResult em {
    /*color: #f60!important;*/
    /*color: #e54b44!important;*/
    color: var(--color-a)!important;
}
.searchLoading {
    flex: var(--line-index);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
}
.searchLoading li {
    --time: calc((var(--line-index) - 1) * 200ms);
    border-radius: 1px;
    width: 2px;
    height: 20px;
    /*background-color: var(--color_c4);*/
    background-color: #2878FF;
    animation: beat 1s ease-in-out var(--time) infinite;
}
.searchLoading li + li {
    margin-left: 6px;
}

@keyframes beat {
    0%, 100% {
        transform: scaleY(1);
    }
    50% {
        transform: scaleY(0.2);
    }
}
.header .nav .item-wrap {
    color: #6B6D70;
}
.header .nav .active .item-wrap, .header .nav>.item-area:hover .item-wrap{
    color: var(--text-color-black) !important;
    background: #edf1f8 !important;
}
.logo-bg-white {
    display: block !important;
}
.logo-bg-colorful {
    display: none !important;
}
.header.bg-none .action a.link-mc {
    color: var(--bg-color-white);
    background: var(--text-color-blue);
}
.header:not(.bg-white) .action a.btn-link {
    color: #2878FF;
}
.section .new {
    position: absolute;
    height: 26px;
}
.section .fps-hot {
    position: absolute;
    height: 24px;
}
.section.media-pc {
    background: #FFFFFF;
    padding-top: 50px;
    margin-top: -10px;
}