@CHARSET "UTF-8";

.flex {
    display: flex;
    align-items: center;
}
.flex_between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex_around {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.header_nav {
    background-color: #0658b3 !important;
    width: 100%;
    height: 59px;
    box-sizing: border-box;
    line-height: 56px;
    border-bottom: 3px solid rgb(238,238,238);   
    z-index: 999;
    background-color: #FFF;
}
.header_nav_main {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    color: #202020;
}
.header_nav_l {
    width: auto;
    height: 100%;
    /*background-color: gray;*/
}
.nav_logo img {
    width: 90px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header_nav_all{
    width: 800px;
    height: 100%;
    padding-left: 30px;
}
.swiper-container {
    padding: 0 14px;
}

.header_nav_li {
    color: #569ff0;
	max-width: 85px !important;
    height: 100%;
    text-align: center;
    font-size: 16px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    box-sizing: content-box;
}
.header_nav_li >a{color: #202020;}
.header_nav_li >a:hover{color: #3c64d7;}
.header_nav_li:hover{color: #FFF;}
.header_nav_li:hover li{color: #FFF;}

.header_nav_dl {
    color: #FFF;
    height: 100%;
    font-size: 18px;
}
.header_nav_dl:hover {
    color: #569ff0;
}
.header_choose_nav {
    color: #fff;
    font-size: 21px;
}
.header_nav_r {
    height: 100%;
    flex-shrink: 0;
}
.user_nav_info{
    position: relative;
    width: 126px;
    height: 100%;
    font-size: 14px;
    cursor: pointer;
    color: #202020;
    display: flex;
    align-items: center;
}
.user_nav_num {
    width: 76px;
    height: 100%;
    color: #202020;
    display: inline-block;
    margin-left: 28px;
    font-size: 14px;text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user_nav_info img{width: 12px;
    height: 6px;
    margin-left: 10px;
}
.user_hovor_list{    /*padding: 6px 0;*/box-sizing: border-box;width: 98px;position: absolute;top: 42px;left: 28px;background-color: #FFF;font-size: 12px;height: auto;display: none;z-index: 2;border:1px solid rgb(210,210,210);}
.user_hovor_list li{width: 100%;height: 38px;line-height: 38px;text-align: center;cursor: pointer;color: #202020;}
.user_hovor_list li:hover{background-color: rgb(240,239,239);color: #3c64d7;}
.user_nav_info:hover .user_hovor_list{display: inline-block;}
.login_nav,.register_nav {margin-left: 28px;font-size: 14px;cursor: pointer;color: #FFF;}
.login_nav:hover,.register_nav:hover {color: #569ff0;}
.login_nav{margin-right: 6px;}
.header_search {
    width: 45px;
    border-right: 1px solid rgb(210,210,210);
    transition: all .5s;
    border-left: 1px solid rgb(210,210,210);
    height: 26px;
    cursor: pointer;
    overflow: hidden;
    position: relative;}
.click_div_search {
    position: absolute;
    top: 3px;
    right: 12px;
    bottom: 0;
    width: 21px;    
    height: 26px;
    background-size: 21px 21px;
    background-image: url(/static/chinaday/image/search.png);
    background-repeat: no-repeat;}
.click_div_search:hover {
    background-image: url(/static/chain/image/search_height.png) !important;
}
.in_search{
    opacity: 0;  border: none;
    font-size: 14px;
    padding-left: 12px;
    padding-right: 20px;
    line-height: 26px;  transition: opacity .3s;  
    box-sizing: content-box;
    outline: none;
}
.load-tip{width: 100%;height: 60px;line-height: 60px;text-align: center;color: #a7a7a7;font-size: 14px;}

@media screen and (max-width:750px) {
    
}
@media screen and (max-width:1199px) {
    .header_nav_li {
        color: #a2a2a2;
    }
    .header_choose_nav {
        color: #569ff0 !important;
        font-size: 16px !important;
    }
    .nav_column {
        width: 100%;height: 38px;line-height: 38px;background-color: #fff;border-bottom: 1px solid #ececec;
    }
    #pc_main {
        margin: 0;
    }
    #pc_main #pc_left {
        width: 98% !important;
        padding-right: 0px !important;
    }
    .small_view{width: 100% !important;float: none !important;}
    .small_hide{display: none !important;}
    .header_nav_all{padding-left: 0px !important;width:auto !important; }
    .header_nav_li {color: #a2a2a2 !important}
    .header_choose_nav {color: #569ff0 !important;}
    .content p{width: 100%;height: auto;line-height: 26px;margin-bottom: 58px;text-indent: 0px;padding: 0 10px;    box-sizing: border-box;}
 }
 @media screen and (min-width:1200px) {
    .source_coll .author_collec_btn:hover{background-image: url(/static/chain/image/collec_ok.png) !important;}
 }