*,html {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 16px;
    font-family: "微软雅黑";
}
html {
    /*background: #f3f8fc;*/
    background: #fff;
}
a {
    color: #333;
    text-decoration: none;
}
img {
    border: none;
}
ul>li {
    list-style: none;
}

.title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sub-title {
    display: -webkit-box;
    height: 48px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.vertical-center {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

em {
    color: #4A90E2;
    font-weight: normal;
    font-style: normal;
}


.button {
    display: inline-block;
    padding: 2px 12px;
    color: #fff;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    background: #4a90e2;
}

.btn_ff8040 {
    background: #ff8040;
}
.btn_ff8040:active {
    background: #f97d3e;
}
.btn_00c2b1 {
    background: #00c2b1;
}
.btn_00c2b1:active {
    background: #00bcab;
}
.btn_ff8040:active,
.btn_00c2b1:active {
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
}
button {
    cursor: pointer;
    border: none;

}
button:focus {
    outline: none;
}

button:hover {
    -ms-filter: saturate(130%);
    filter: saturate(130%);
}

.show-box-shadow:hover,
.box-shadow {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
}

button:hover,
.show-box-shadow:hover {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}


.tab-message {
    display: none;
}
.tab-message.active {
    display: block;
}


.underline-hover:hover {
    color: #4A90E2;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    /*text-decoration: underline;*/
}



/* page start */
.page-module {
    margin: auto;
    /* padding: 0 10px; */
    box-sizing: border-box;
    max-width: 1200px;
    min-width: 1200px;
    overflow: hidden;
}


/* start index-main */
.main .page-module {
    /* padding-left: 20px; */
    min-width: 1220px;
    max-width: 1220px;
    overflow: initial;
}
/* end index-main*/


.page-main,
.sidebar {
    float: left;
    position: relative;
    display: inline-block;
    margin-top: 24px;
    /* margin-top: 60px; */
}

.page-main {
    width: 870px;
}
.pageTitle {
    padding: 20px 0 10px;
    border-bottom: 1px solid #E9EEF3;
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}
.sidebar {
    float: right;
    margin-right: 10px;
    margin-bottom: 30px;
    width: 294px;
}
.sidebar.lst1 {
    margin-top: 50px;
}
.sidebar .rightRecommand {
    width: 294px;
    margin-bottom: 15px;
}
.sidebar .rightRecommand .recommandTitle {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}
.sidebar .rightRecommand .recommandTitle .icon {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}
.sidebar .rightRecommand .recommandTitle .title {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    line-height: 20px;
}
.sidebar .rightRecommand .recommandCarousel {
    width: 294px;
    height: 165px;
    margin-bottom: 10px;
}
.sidebar .rightRecommand .recommandCarousel .swiper-container {
    height: 165px;
}
.sidebar .rightRecommand .recommandCarousel .swiper-container .swiper-pagination-bullets {
    position: absolute;
    right: 0;
    bottom: 6px;
    text-align: right;
    z-index: 10;
    padding-right: 3px;
    box-sizing: border-box;
}
.sidebar .rightRecommand .recommandCarousel .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
    background: #ffffff;
    width: 4px;
    height: 4px;
    opacity: 1;
    margin: 0 2px;
}
.sidebar .rightRecommand .recommandCarousel .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #1464C8;
}
.sidebar .rightRecommand .recommandCarousel .item {
    width: 294px;
    height: 165px;
    display: block;
}
.sidebar .rightRecommand .recommandCarousel .item .recommandImg {
    width: 294px;
    height: 165px;
    border-radius: 4px;
}
.sidebar .rightRecommand .recommandList .recommandItem {
    display: flex;
    align-items: center;
    padding: 4px 10px;
    box-sizing: border-box;
}
.sidebar .rightRecommand .recommandList .recommandItem:not(:last-of-type) {
    margin-bottom: 4px;
}
.sidebar .rightRecommand .recommandList .recommandItem:hover {
    background: #F4F7FA;
}
.sidebar .rightRecommand .recommandList .recommandItem .circle {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin-right: 6px;
    background: #333333;
}
.sidebar .rightRecommand .recommandList .recommandItem .subject {
    font-size: 13px;
    color: #333333;
    flex: 1;
    width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sidebar .rightRecommand .recommandList .recommandItem:hover .subject {
    color: #1464C8;
}
.sidebar .rightRecommand .recommandList .recommandItem:hover .circle {
    background: #1464C8;
}
.titleMoreBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.titleMoreBox .leftTitle {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}
.titleMoreBox .rightMore a {
    font-size: 12px;
    color: #999999;
}
.sidebar .titleMoreBox {
    padding-bottom: 10px;
    border-bottom: 1px solid #E9EEF3;
}
.sidebar .titleMoreBox .leftTitle {
    display: flex;
    align-items: center;
}
.sidebar .titleMoreBox .leftTitle .titleIcon {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}
.sidebar .eventBox {
    margin-bottom: 20px;
}
.sidebar .eventBox .eventItem {
    display: flex;
    margin-bottom: 10px;
}
.sidebar .eventBox .eventItem:hover {
    background: #F4F7FA;
}
.sidebar .eventBox .eventItem .coverImg {
    width: 110px;
    height: 62px;
}
.sidebar .eventBox .eventItem .subject {
    font-size: 13px;
    color: #333333;
    line-height: 16px;
    height: 36px;
    flex: 1;
    width: 0;
    padding: 4px 10px;
    box-sizing: border-box;
}
.sidebar .eventBox .eventItem:hover .subject {
    color: #1464C8;
}
.sidebar .eventBox .event_img_box {
    position: relative;
    margin-bottom: 8px;
    height: 170px;
    width: 100%;
    display: block;
    overflow: hidden;
}
.sidebar .eventBox .event_img_box img {
    width: 100%;
    height: 165px;
    border-radius: 4px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.sidebar .eventBox .event_img_box:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.sidebar .eventBox .event_img_box p {
    padding: 0 6px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #FFFFFF;
    position: absolute;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(51,51,51,0.6);
}
.sidebar .eventBox .event_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 26px;
    padding: 0 10px;
    font-size: 14px;
    box-sizing: border-box;
}
.sidebar .eventBox .event_item .left_dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #333333;
    margin-right: 10px;
}
.sidebar .eventBox .event_item .right_name {
    font-size: 13px;
    line-height: 18px;
    flex: 1;
    /* text-overflow: -o-ellipsis-lastline; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
    cursor: pointer;
}
.sidebar .eventBox .event_item:hover {
    background: #F4F7FA;
}
.sidebar .eventBox .event_item:hover .left_dot {
    background: #4A90E2;
}
.sidebar .eventBox .event_item:hover .right_name {
    color: #4A90E2;
}



.nav-meun-down .nav-menu-down-item {
    display: none;
    position: absolute;
    line-height: normal;
    z-index: -2;
}
.nav-meun-down:hover .nav-menu-down-item {
    /* z-index: 1;
    opacity: 1;
    display: block; */
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 0px;
    margin-right: 0;
    z-index: -1;
    visibility: inherit;
    /*height: 185px;*/
    opacity: 1;
}

.nav-meun-down.down-type2 .nav-menu-down-item {
    /*margin-left: -200px;*/
    margin-left: -46px;
    /* padding: 15px 35px; */
    width: 470px;
    min-height: 144px;
    box-sizing: border-box;
    background: rgba(255,255,255,.98);
    text-align: center;
    padding-left: 50px;
    /* padding-right: 50px; */
    box-sizing: border-box;
}


.nav-meun-down.down-type1 .nav-menu-down-item {
    margin-left: -17px;
    width: 120px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}




.nav-meun-down.down-type1 .nav-menu-down-item ul li {
    margin: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
.nav-meun-down.down-type1 .nav-menu-down-item ul li a,
.nav-meun-down.down-type1 .nav-menu-down-item ul li p {
    color:#666;
    font-size: 14px;
}
.nav-meun-down.down-type1 .nav-menu-down-item ul li a {
    width: 100%;
    height: 40px;
    padding: 0 20px;
    display: block;
    box-sizing: border-box;
}
.nav-meun-down.down-type1 .nav-menu-down-item ul li:hover {
    background: #F0F0F0;
}
.nav-meun-down.down-type1 .nav-menu-down-item ul li:hover a {
    color: #1464C8;
}
.nav-meun-down.down-type1 .nav-menu-down-item ul li a:hover {
}

.nav-meun-down.down-type2 ul li {
    /* margin-top: 20px; */
    overflow: hidden;
}
.nav-meun-down.down-type2 ul li:nth-child(1) {
    margin-top: 0;
}
.nav-meun-down.down-type2 .nav-menu-down-item {
    background: #fff;
}
.nav-meun-down.down-type2 .nav-menu-down-item p.name {
    /* float: left; */
    /* width: 130px; */
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    margin-right: 10px;
    /* cursor: pointer; */
}
.nav-meun-down.down-type2 .nav-menu-down-item p.name a {
    float: none;
    color: #333333;
}
.nav-meun-down.down-type2 .nav-menu-down-item p.name:hover {
    /* background: #F8F8F8; */
}
.nav-meun-down.down-type2 .nav-menu-down-item p.name:hover a {
    /* color: #1464C8; */
}
.nav-meun-down.down-type2 .nav-menu-down-item div {
    float: left;
    width: calc(100% - 50px)
}
.nav-meun-down.down-type2 .nav-menu-down-item a {
    float: left;
    padding: 0 10px;
    font-size: 14px;
    color:#999999;
    line-height: 20px;
}
.nav-meun-down.down-type2 .nav-menu-down-item a:hover {
    color: #1464C8;
}
.nav-meun-down.down-type2 .nav-menu-down-item li {
    display: flex;
    align-items: center;
}
.nav-meun-down.down-type2 .nav-menu-down-item li:not(:last-of-type) {
    margin-bottom: 16px;
}

.menu-name:hover {
    color: #1464C8;
}
.nav-menu-item {
    position: relative;
}
.nav-menu-item .line {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3px;
    width: 30px;
    bottom: 15px;
    left: 50%;
    border-radius: 1.5px;
    background: #1464C8;
    transform: translateX(-15px) scaleX(0);
    /* transform: ; */
    transition: all 0.3s;
}
.nav-menu-item.select .menu-name {
    color: #1464C8;
}
.nav-menu-item.select .line {
    transform: translateX(-15px) scaleX(1);
}
/* .nav-meun-down .line div {
    background: #1464C8;
    height: 2px;
    width: 0;
    transition: width 0.3s;
}
.nav-meun-down .line .left {
    transform:rotate(180deg);
} */
.nav-menu-item:hover .line {
    /* width: 50%; */
    transform: translateX(-15px) scaleX(1);
    /* flex: 1; */
}
.nav-menu-item:hover .menu-name {
    color: #1464C8 !important;
}
.nav-menu-item .menu-name {
    padding: 0 15px;
}

.nav-meun-down.down-type2 .name.item-1 {
    /*background: url("../v2_images/nav-menu-1.png") no-repeat 0 2px;*/
    background-size: 15px;
}

.nav-meun-down.down-type2 .name.item-2 {
    /*background: url("../v2_images/nav-menu-2.png") no-repeat 0 2px;*/
    background-size: 15px;
}

.nav-meun-down.down-type2 .name.item-3 {
    /*background: url("../v2_images/nav-menu-3.png") no-repeat 0 2px;*/
    background-size: 15px;
}

.nav-meun-down.down-type2 .name.item-4 {
    /*background: url("../v2_images/nav-menu-4.png") no-repeat 0 2px;*/
    background-size: 15px;
}

.nav-meun-down .menu-name:before {
    content: '';
    display: block;
    position: absolute;
    margin: auto;
    /*right: -10px;*/
    right: 10px;
    top: 0;
    bottom: 0;
    width: 8px;
    height: 6px;
    /*background: url("../v2_images/icon-down.png") no-repeat;*/
}
.nav-meun-down .menu-name:hover:before {
    /*background: url("../v2_images/icon-down.png") no-repeat;*/
    background-position: -10px 0;
}

.nav-meun-down:hover .nav-menu-down-item {
    display: block;
}


.nav-meun-down.down-type3 .nav-menu-down-item {
    right: 50px;
    top: 80px;
    width: 489px;
    height: 439px;
    background: #fff;
}

.nav-meun-down.down-type3 .tab-list p,
.nav-meun-down.down-type3 .headtitle,
.nav-meun-down.down-type3 .headtitle button {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #999;
}
.nav-meun-down.down-type3 .headtitle {
    padding: 0 10px;
    box-sizing: border-box;
}
.nav-meun-down.down-type3 .tongzhi {
    position: relative;
}
.nav-meun-down.down-type3 .tongzhi.active:after {
    content: '';
    display: block;
    position: absolute;
    left: 25px;
    top: 35px;
    width:8px;
    height:8px;
    border-radius: 50%;
    background:rgba(208,2,27,1);
}

.nav-meun-down.down-type3 .headtitle button {
    float: right;
}
.nav-meun-down.down-type3 .tab-list p.active {
    color: #4a90e2;
}
.nav-meun-down.down-type3 .message-list .message-item {
    padding: 0;
    padding-top: 10px;
}
.nav-meun-down.down-type3 .tab-list {
    height: 40px;
}
.nav-meun-down.down-type3 .tab-list p {
    float: left;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
    width: calc(100% / 2);
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}
.nav-meun-down.down-type3 .message-list .message-item .message-content .content {
    width: 350px;
}
.nav-meun-down.down-type3 .tab-list p:nth-child(1) {
    border-right: solid 1px #eee;
}
.nav-meun-down.down-type3 .message-list .message-item .message-img img {
    margin-top: 0;
    margin-left: 0;
}
.nav-meun-down.down-type3 .message-list .message-item {
    clear: both;
}
.nav-meun-down.down-type3 .more {
    display: block;
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #4a90e2;
}
/* page end */



/* page-header start */
/* 节日背景样式  */
/* .header-block {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
.page-header {
    background: transparent !important;
}
.page-header .fiedx {
    background: rgba(0, 0, 0, .4) !important;
}
.page-header .nav-menu-list .nav-menu-item {
    background: none !important;
}
.page-header .nav-menu-list .menu-name {
    color: #fff;
}
.nav-menu-item.select .line {
    background: #fff !important;
}
.page-header .nav-menu-list .nav-menu-item:hover .menu-name {
    color: #fff !important;
}
.nav-menu-item .line {
    background: #fff !important;
} */
/* 节日背景样式 end */
.header-block,
.page-header {
    width: 100%;
    height: 40px;
}

.page-header {
    position: fixed;
    z-index: 33;
    background: #fff;
    top: 0;
    transition: all 0.3s;
}
.page-header.hide {
    top: -60px;
}

.page-header .page-module {
    position: relative;
    overflow: initial;
}

.page-header .nav-logo a {
    display: block;
    width: 75px;
    height: 25px;
    margin-right: 30px;
}
.page-header .nav-logo img {
    
    /* margin-top: 8px; */
    width: 80px;
    height: 27px;
    /* width: 80px;
    height: 21px; */
}
.page-header .fiedx {
    /* z-index: 10; */
    height: 60px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
    position: relative;
}

.page-header .nav_item_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page-header .nav_item_box .logo_menu_list {
    display: flex;
    align-items: center;
}
.page-header .search_userinfo {
    display: flex;
    align-items: center;
}
.page-header .search_userinfo .appCode {
    margin-left: 30px;
}
.page-header .search_userinfo .appCode .appIcon {
    width: 22px;
    height: 22px;
}
.page-header .search_userinfo .appCode .codeBox {
    width: 150px;
    padding: 15px 0;
    text-align: center;
    background: #fff;
    left: -60px;
    height: 184px;
    box-sizing: border-box;
    overflow: visible;
    top: 60px;
    margin-top: 0 !important;
    /* z-index: 100; */
}
.page-header .search_userinfo .appCode .codeBox .code {
    width: 140px;
    height: 140px;
    float: none;
    border-radius: 0;
    margin: 0px auto 0;
}
.page-header .search_userinfo .appCode .appIconBox .appIcon {
    margin-top: 19px;
    /* margin-top: 10px !important; */
}
.page-header .search_userinfo .appCode .codeBox .tips {
    margin-top: -5px;
}

.page-header .nav-item {
    /* float: left; */
    /* position: relative; */
    /* z-index: 50; */
    /* top: 30px; */
    /* -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); */
}
.page-header .nav-item .logined{
    display: none;
}
.page-header .nav-menu-list {
    display: flex;
    align-items: center;
}
.page-header .nav-menu-list .nav-menu-item {
    /* float: left; */
    position: relative;
    /*margin: 0 20px;*/
    height: 60px;
    line-height: 60px;
    /* padding: 0 20px; */
    background: #fff;
    /* z-index: 100; */
    color: #fff;
}

.page-header .nav-menu-list .menu-name {
    font-size: 16px;
    font-weight:400;
    cursor: pointer;
    line-height: 52px;
    height: 60px;
    padding-top: 2px;
    box-sizing: border-box;
}



.page-header .nav-search {
    /*margin-left: 58px;*/
    /* margin-left: 180px; */
    padding: 0 20px 0 20px;
    width: 220px;
    height: 30px;
    background: #F8F8F8;
    border-radius: 15px;
    box-sizing: border-box;
    display: flex;
    /* float: right; */
}

.page-header .nav-search input:focus {
    outline: none;
}

.page-header .nav-search input {
    width: 160px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #999;
    margin-right: 10px;
}
.page-header .nav-search input::-webkit-input-placeholder {
    color: #ccc;
}

.page-header .nav-search input,
.page-header .nav-search button {
    border: none;
    background: #F8F8F8;
}
.page-header .nav-search button:hover {
    -ms-filter: none;
    filter: none;
}
.page-header .nav-search button img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
}
.page-header .nav-search .select_box {
    margin-right: 8px;
    position: relative;
}
.page-header .nav-search .select_box .select_type {
    
    width: 60px;
    height: 32px;
    background: #E6F1FC;
    border-radius: 15px 0px 0px 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-header .nav-search .select_box .select_type span {
    font-size: 12px;
    color: #409EFF;
}
.page-header .nav-search .select_box .select_type img {
    width: 7px;
    height: 5px;
    margin-left: 5px;
}
.page-header .nav-search .select_box .select_list {
    /* display: none; */
    background: #fff;
    padding: 5px 0;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s;
    border-radius: 4px;
    border: 1px solid #EBEEF5;
    margin-top: 5px;
    position: absolute;
    top: 34px;
    left: 0;
    visibility: hidden;
}
.page-header .nav-search .select_box .select_list .list_item {
    width: 60px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    cursor: pointer;
}
.page-header .nav-search .select_box .select_list .list_item.active {
    color: #409EFF;
    background: #E6F1FC;
}
.page-header .nav-search .select_box .select_list .list_item:hover {
    color: #409EFF;
    background: #E6F1FC;
}
.page-header .nav-search .select_box:hover .select_list {
    /* display: block; */
    opacity: 1;
    visibility: visible;
}
.page-header .nav-userinfo {
    /* float: right; */
    margin-left: 30px;
}
.page-header .nav-userinfo .userinfo-login a,
.page-header .nav-userinfo .userinfo-login span {
    font-size: 14px;
    color: #666;
}
.page-header .nav-userinfo .userinfo-login span {
    margin: 0 5px;
}

.page-header .userinfo-login,
.page-header .userinfo-menu {
    /* float: left; */
    line-height: 10px;
}
.page-header .userinfo-login .login_icon_box a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-header .userinfo-login .login_icon_box .login_icon {
    width: 34px;
    height: 34px;
    cursor: pointer;
}

.page-header .userinfo-menu {
    position: relative;
}
.page-header .userinfo-menu ul li {
    display: inline-block;
    /* margin-left: 20px; */
    height: 60px;
}

.page-header .userinfo-menu .menu-name {
    font-size: 13px;
    color: #4a4a4a;
    text-align: center;
}
.page-header .userinfo-menu .menu-name:before {
    content: '';
    background: none;
}
.page-header .userinfo-menu img {
    float: left;
    margin-top: 20px;
    /* margin-left: 10px; */
    width: 24px;
    height: 24px;
    cursor: pointer;
    border-radius: 50%;
}
.page-header .userinfo-menu .user-btn {
    cursor: pointer;
}
.page-header .userinfo-menu .user-btn:hover {
    color: #4A90E2;
}
.page-header .userinfo-menu .headerimg img {
    margin-top: 14px;
    width: 32px;
    height: 32px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.page-header .userinfo-menu .headerimg .nav-menu-down-item li:last-child {
    /* border-top: solid 1px #eee */
}
.page-header .userinfo-menu .headerimg .nav-menu-down-item li:last-child .exit {
    color: #666;
}
.page-header .userinfo-menu .headerimg .nav-menu-down-item li:first-child {
    border-bottom: solid 1px #eee
}
.page-header .userinfo-menu .down-type1 .nav-menu-down-item {
    margin-top: 60px;
    margin-left: -40px;
}

.page-header .userinfo-btn {
    float: right;
    margin-left: 30px;
}

.page-header .userinfo-btn button {
    width: 80px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    background: #4a90e2;
}
.page-header .login_dialog {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    /* background: url('/static/zixun_v2/v2_images/login_bg.jpg') no-repeat;
    background-size: 100% 100%; */
    z-index: 10000;
    top: 0;
    left: 0;
    display: none;
}
.page-header .login_dialog .login_pop {
    width: 440px;
    height: 460px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
    border-radius: 4px;
    /* margin-bottom: 40px; */
}
.page-header .login_dialog .close_box {
    text-align: right;
    padding: 14px 14px 0 14px;
    /* margin-bottom: 15px; */
}
.page-header .login_dialog .close_box img {
    width: 14px;
    height: 14px;
    cursor: pointer;
}
.page-header .login_dialog .login_pop .tab_box {
    display: flex;
    align-items: center;
    padding: 0 40px;
    margin-bottom: 27px;
}
.page-header .login_dialog .login_pop .tab_box .tab_item {
    flex: 1;
    font-size: 20px;
    color: #999999;
    padding-bottom: 11px;
    border-bottom: 2px solid #E5E5E5;
    text-align: center;
    line-height: 28px;
    cursor: pointer;
}
.page-header .login_dialog .login_pop .tab_box .tab_item.active {
    border-bottom: 3px solid #409EFF;
    color: #666666;
}
.page-header .login_dialog .login_pop .tab_content {
    padding: 0 40px;
}
.page-header .login_dialog .login_pop .tab_content .input_box {
    width: 100%;
    height: 40px;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    margin-bottom: 22px;
}
.page-header .login_dialog .login_pop .tab_content .input_box img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.page-header .login_dialog .login_pop .tab_content .input_box input {
    border: none;
    outline: none;
    font-size: 14px;
    flex: 1;
    color: #606266;
}
.page-header .login_dialog .login_pop .tab_content .input_box input::placeholder {
    color: #dcdfe6;
}
.page-header .login_dialog .login_pop .tab_content .login_btn {
    width: 100%;
    height: 44px;
    background: #409EFF;
    color: #fff;
    border: none;
    border-radius: 4px;
    margin-bottom: 12px;
}
.page-header .login_dialog .login_pop .tab_content .other_actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}
.page-header .login_dialog .login_pop .tab_content .other_actions .left_actions {
    display: flex;
    align-items: center;
}
.page-header .login_dialog .login_pop .tab_content .other_actions .left_actions .checkbox_box {
    display: flex;
    align-items: center;
}
.page-header .login_dialog .login_pop .tab_content .other_actions .left_actions input {
    width: 16px;
    height: 16px;
    outline: none;
    margin-right: 4px;
    position: relative;
    top: 1px;
}
.page-header .login_dialog .login_pop .tab_content .other_actions .left_actions span {
    font-size: 14px;
    color: #999999;
}
.page-header .login_dialog .login_pop .tab_content .other_actions .left_actions .line {
    margin: 0 6px;
    position: relative;
    top: -1px;
}
.page-header .login_dialog .login_pop .tab_content .other_actions .left_actions .actions {
    cursor: pointer;
}
.page-header .login_dialog .login_pop .tab_content .other_actions .left_actions .actions:hover {
    color: #409EFF;
}
.page-header .login_dialog .login_pop .tab_content .other_actions .right_actions {
    font-size: 14px;
    color: #409EFF;
    cursor: pointer;
}
.page-header .login_dialog .login_pop .tab_content .account_number_login,
.page-header .login_dialog .login_pop .tab_content .tel_login{
    display: none;
}
.page-header .login_dialog .login_pop .tab_content .active {
    display: block;
}
.page-header .login_dialog .wechat_login {
    display: flex;
    align-items: center;
    padding: 0 40px;
}
.page-header .login_dialog .wechat_login .line {
    border-bottom: 1px solid #E5E5E5;
    flex: 1;
}
.page-header .login_dialog .wechat_login .wechat_btn {
    margin: 0 12px;
}
.page-header .login_dialog .wechat_login .wechat_btn img {
    width: 48px;
    height: 48px;
}
.page-header .login_dialog .code_box {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
}
.page-header .login_dialog .code_box .input_box {
    flex: 1;
    margin-right: 20px;
    margin-bottom: 0 !important;
}
.page-header .login_dialog .code_box button {
    width: 118px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #b3d8ff;
    font-size: 14px;
    color: #409EFF;
    background: #ecf5ff;
}
.page-header .login_dialog .code_box button:hover {
    background: #409EFF;
    border-color: #409EFF;
    color: #FFF;
}
.page-header .login_dialog .code_box img {
    width: 118px;
    height: 40px;
}
.page-header .login_dialog .forget_password {
    width: 440px;
    height: 500px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 4px;
    display: none;
}
.page-header .login_dialog .content_box {
    padding: 0 40px;
}
.page-header .login_dialog .dialog_title {
    font-size: 18px;
    color: #666666;
    padding: 0 0 22px 0;
}
.page-header .login_dialog .content_box .input_box {
    display: flex;
    align-items: center;
    padding: 10px;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    margin-bottom: 22px;
    height: 40px;
    box-sizing: border-box;
}
.page-header .login_dialog .content_box .input_box img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.page-header .login_dialog .content_box .input_box input {
    border: none;
    outline: none;
    flex: 1;
    font-size: 14px;
    color: #606266;
}
.page-header .login_dialog .content_box .input_box input::placeholder {
    color: #dcdfe6;
}
.page-header .login_dialog .content_box .check_btn {
    width: 100%;
    height: 44px;
    border-radius: 4px;
    margin-bottom: 12px;
    background: #409EFF;
    color: #fff;
    border: none;
}
.page-header .login_dialog .content_box .actions_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page-header .login_dialog .content_box .actions_box div {
    cursor: pointer;
    font-size: 14px;
    color: #409EFF;
}
.page-header .login_dialog .register {
    width: 440px;
    height: 440px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 4px;
    display: none;
}
.page-header .login_dialog .register .actions_box .left {
    display: flex;
    align-items: center;
}
.page-header .login_dialog .register .actions_box .left input {
    width: 16px;
    height: 16px;
    position: relative;
    top: 1px;
    margin-right: 4px;
}
.page-header .login_dialog .register .actions_box .left span {
    color: #999999;
    font-size: 14px;
}
.page-header .login_dialog .register .actions_box .left a {
    font-size: 14px;
    color: #409EFF;
}
.layui-layer-hui {
    top: 444.5px !important;
}
.nav-meun-down.xcx .nav-menu-down-item img {
    padding: 10px;
    width: 120px;
}

.nav-meun-down.xcx .nav-menu-down-item {
    /*right: -40px;*/
    right: -90px;
    background: #fff;
}


/* page-header end */

/* page-footer start */

.page-footer {
    clear: both;
    position: relative;
    z-index: 3;
    margin-top: 40px;
    padding: 20px 0 20px 0;
    min-width: 1200px;
    border-top: solid 4px #4a90e2;
    background: #283746;
}
.page-footer:hover {
    z-index: 5;
}
.page-footer .page-module {
    overflow: inherit;
}
.page-footer p,
.page-footer a {
    color: #fff;
    font-size: 14px;
}
.page-footer .title {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 800;
}
.page-footer .footer-top {
    /*padding-bottom: 40px;*/
    width: 100%;
    height: 255px;
    /*overflow: hidden;*/
    /* border-bottom: solid 1px #fff; */
}
.page-footer .footer-top div {
    float: left;
}
.page-footer p.logo {
    font-size: 18px;
    font-weight: bold;
}
.page-footer .about-me {
    width: 475px;
    line-height: 32px;
}
.page-footer .about-me .logo {
    width: 80px;
    height: 27px;
    /* width: 80px;
    height: 21px; */
}
.page-footer .footer-nav {
    margin-left: 55px;
    width: 170px;
}
.page-footer .footer-nav ul {
    overflow: hidden;
}
.page-footer .footer-nav li {
    display: inline-block;
    float: left;
    width: calc(100%);
    margin-bottom: 16px;
    line-height: 14px;
    cursor: pointer;
}
.page-footer .qrcode {
    margin-left: 55px;
    width: 160px;
}
.page-footer .qrcode.lxwm a {
    display: inline-block;
    margin-top: 20px;
    color: #4a90e2;
}

.page-footer .footer-bottom {
    margin: auto;
    margin-top: 10px;
}

.page-footer .footer-bottom .center {
    text-align: center;
}
.page-footer .footer-bottom .logo,
.page-footer .footer-bottom .content {
    /*float: left;*/
    display: inline-block;
}
.page-footer .footer-bottom .content {
    /*width: 100%;*/
    /*width: 516px;*/
    text-align: left;
}
.page-footer .footer-bottom ul {
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden;
}
.page-footer .footer-bottom .content a {
    /*float: left;*/
    display: inline-block;
    margin-right: 10px;
}
.page-footer .footer-bottom .content p {
    margin-top: 10px
}
.page-footer .footer-bottom .content .content-p {

}
.page-footer .footer-bottom .logo img {
    /*margin-top: 13px;*/
    margin-right: 10px;
    width: 280px;
    height: 40px;
}
.page-footer .footer-bottom 

.page-footer .qrcode ul {
    margin-left: -20px;
    margin-top: -20px;
}

.page-footer .qrcode ul li {
    float: left;
    position: relative;
    margin-left: 20px;
    margin-top: 10px;
    width: 160px;
    height: 40px;
    cursor: pointer;
    background: rgba(255,255,255,.2);
}
.page-footer .qrcode ul li:hover {
    background: rgba(255,255,255,.5);
}
.page-footer .qrcode ul li .title {
    width: 100%;
    padding: 10px 15px;
    box-sizing: border-box;
}
.page-footer .qrcode ul li .title p {
    /*float: left;*/
    /*margin-left: 10px;*/
    width: 100%;
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
}
.page-footer .qrcode.lxwm {
    margin-left: 100px;
}
.page-footer .qrcode ul li .title img {
    float: left;
}

.page-footer .qrcode .popu-qr {
    display: none;
    position: absolute;
    margin: auto;
    left: 175px;
    right: 0;
    top: -65px;
    width: 140px;
    height: 174px;
    border-radius: 8px;
    border: solid 1px #ccc;
    background: rgba(243,242,258,.9);
}
.page-footer .qrcode ul li:hover .popu-qr {
    display: block;
}
.page-footer .qrcode .popu-qr:before {
    content: "";
    display: inline-block;
    position: absolute;
    margin: auto;
    left: -10px;
    bottom: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px;
    border-color: #f3f8fc #f3f8fc transparent transparent;
    transform: rotate(-136deg);
    -webkit-box-shadow: 1px -1px 1px rgba(0,0,0,.2);
    -moz-box-shadow: 1px -1px 1px rgba(0,0,0,.2);
    box-shadow: 1px -1px 1px rgba(0,0,0,.2);
}



.page-footer .qrcode .popu-qr img {
    display: block;
    margin: auto;
    margin-top: 20px;
    border: solid 4px #ccc;
}
.page-footer .qrcode .popu-qr p {
    color: #666;
    font-size: 15px;
    text-align: center;
}
.page-footer .footer-friend-herf {
    display: block;
    width: 100%;
}
.page-footer .footer-friend-herf p {
    /*float: left;*/
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
}
.page-footer .footer-friend-herf div {
    margin-top: 10px;
    /*width: calc(100% - 100px);*/
}
.page-footer .footer-friend-herf a {
    float: left;
    margin-right: 30px;
    font-size: 14px;
    line-height: 30px;
}
.page-footer .footer-friend-herf div a:hover {
    text-decoration: underline;
}
.page-footer .bottom-certificate {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
.page-footer .bottom-certificate .certificate-item {
    position: relative;
    overflow: visible;
}
.page-footer .bottom-certificate .certificate-item:not(:last-of-type) {
    margin-right: 10px;
}
.page-footer .bottom-certificate .certificate-item .img-box {
    position: absolute;
    display: none;
    padding: 20px;
    background: #fff;
    left: 0;
    width: 550px;
    height: auto;
    bottom: 30px;
    z-index: 1000;
}
.page-footer .bottom-certificate .certificate-item .img-box::after {
    content: '';
    display: block;
    position: absolute;
    border-top: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
    bottom: -20px;
    left: 50%;
    transform: translateX(-10px);
}
.page-footer .bottom-certificate .certificate-item .img-box .img {
    width: 550px;
    height: auto;
    max-height: 500px;
}
.page-footer .bottom-certificate .certificate-item:hover .img-box {
    display: block;
}
.page-footer .bottom-certificate .certificate-item .text {
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    cursor: pointer;
}
.page-footer .bottom-certificate .certificate-item .text:hover {
    color: #4a90e2;
}
/* page-footer end */

/* login-popu start */
.login-popu {
    position: fixed;
    z-index: 111111111111;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 480px;
    height: 390px;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.4);
    -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.4);
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.4);
    background: #fff;
}
.login-popu .logo {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -32px;
    width: 225px;
    height: 64px;
}
.login-popu .logo img {
    width: 100%;
    height: 100%;
}
/* login-popu end */


/* sidebar-advertisement start */
.sidebar-advertisement {
    margin: 16px 0;
}
.sidebar-advertisement img {
    width: 294px;
    height: 171px;
}
/* sidebar-advertisement end */


/* news-flash start */
.news-flash .sidebar-title ul li {
    float: left;
    position: relative;
    width: calc(100% / 4);
    font-size: 14px;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
    font-weight: 800;
    color: #666;
}
.news-flash .sidebar-title ul li a {
    width: 100%;
    color: #666;
    text-align: center;
    text-decoration: none;
}
.news-flash .sidebar-title {
    padding: 0;
}
.news-flash .sidebar-title ul li.active:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 4px;
    background: #4a90e2;
}
/* news-flash end */


/* sidebar-title start */
.sidebar-title {
    /*padding: 0 18px;*/
    margin-top: 30px;
    height: 48px;
    line-height: 48px;
    background: #fff;
}
.sidebar-title img {
    float: left;
    margin-right: 10px;;
    margin-top: 14px;
    /*width: 24px;*/
    height: 20px;
}
.sidebar-title span {
    font-size: 18px;
    color: #4A4A4A;
    font-weight: 500;
}
.sidebar-title a {
    float: right;
    color: #ccc;
    font-size: 12px;
}
/* sidebar-title end */


/* sidebar-list start */
.sidebar-list{
    margin-bottom: 16px;
}
.sidebar-list ul li {
    position: relative;
    /*height: 40px;*/
    line-height: 40px;
    background: #fff;
}
.sidebar-list ul li a {
    display: block;
    padding-left: 25px;
    font-size: 14px;
}
/*.sidebar-list ul li .title:before {*/
/*content: "";*/
/*position: absolute;*/
/*margin: auto;*/
/*left: 10px;*/
/*top: 0;*/
/*bottom: 0;*/
/*width: 6px;*/
/*height: 6px;*/
/*border-radius: 50%;*/
/*background: #eee;*/
/*}*/

/*.sidebar-list ul li .title:hover:before {*/
/*-webkit-transition: all .3s;*/
/*-moz-transition: all .3s;*/
/*-ms-transition: all .3s;*/
/*-o-transition: all .3s;*/
/*transition: all .3s;*/
/*background: #4A90E2;*/
/*}*/

.sidebar-list li:first-child a {
    border: none;
}
.sidebar-list .open {
    z-index: 1;
    padding: 8px 10px;
    margin-left: -10px;
    width: 314px;
    height: 84px;
    box-sizing: border-box;
}

.sidebar-list .open .title {
    display: none;
}

.sidebar-list .open-status {
    display: none;
}
.sidebar-list .open .open-status {
    display: block;
}
.sidebar-list .open .open-status + .sub-title {
    display: none;
}


.sidebar-list .open .open-img {
    float: right;
    width: 114px;
    height: 64px;
}
.sidebar-list .open a {
    padding-left: 0;
    border: none;
}
.sidebar-list .open .open-img img {
    width: 100%;
    height: 100%;
}
.sidebar-list .open .open-deils {
    float: left;
    width: calc(100% - 120px);
}
.sidebar-list .open .open-deils .sub-title {
    margin-top: 4px;
    height: 38px;
    color: #333;
    font-size: 14px;
    line-height: 18px;
}
.sidebar-list .open .open-deils .time {
    margin-top: 5px;
    color: #999;
    font-size: 11px;
    line-height: normal;
}
.sidebar-list .event_img_box {
    position: relative;
    margin-bottom: 15px;
    height: 170px;
    width: 100%;
    display: block;
    overflow: hidden;
}
.sidebar-list .event_img_box img {
    width: 100%;
    height: 170px;
    border-radius: 4px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.sidebar-list .event_img_box:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.sidebar-list .event_img_box p {
    padding-left: 15px;
    font-size: 14px;
    color: #FFFFFF;
    position: absolute;
    bottom: 15px;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sidebar-list .event_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sidebar-list .event_item:not(:last-of-type) {
    margin-bottom: 10px;
}
.sidebar-list .event_item .left_dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #EEEEEE;
    margin-right: 10px;
}
.sidebar-list .event_item .right_name {
    font-size: 13px;
    line-height: 18px;
    flex: 1;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    cursor: pointer;
}
.sidebar-list .event_item:hover .left_dot {
    background: #4A90E2;
}
.sidebar-list .event_item:hover .right_name {
    color: #4A90E2;
}
/* sidebar-list end */



/* page-number 页数 start */
.page-number {
    clear: both;
    position: relative;
    margin: 20px 0;
    margin-bottom: 60px;
    height: 30px;
    font-size: 0;
    text-align: center;
}
.page-number span {
    display: inline-block;
}
.page-number span .button {
    display: inline-block;
    margin-right: 12px;
    float: left;
    padding: 0;
    color: #333;
    width: 50px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 0;
    /*border: solid 1px #eee;*/
    border-left: none;
    background: #F4F4F4;
}
.page-number span:first-child .button,
.page-number span:last-child .button {
    width: 120px;
    color: #333;
    font-size: 14px;
}
.page-number span:first-child .button {
    /*border-left: solid 1px #eee;*/
}
.page-number .active a {
    color: #fff;
    background: #4a90e2;
}
/* page-number end */


/* tag-type start */
.tag-type {
    margin-top: 16px;
    background: #f8f8f8;
}
.tag-type .sidebar-list {
    padding: 20px;
    overflow: hidden;
}
.tag-type h2 {
    padding-top: 20px;
    text-align: center;
    font-size: 18px;
    color: #666;
}
.tag-type .sidebar-list a {
    float: left;
    display: block;
    margin-bottom: 16px;
    width: 254px;
    height: 32px;
    color: #666;
    text-align: center;
    line-height: 32px;
    font-size: 12px;
    border: solid 1px #ccc;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.tag-type .sidebar-list a:nth-child(even) {
    float: right;
}
.tag-type .sidebar-list a:nth-child(-n + 4) {
    width: 120px;
}

.tag-type .sidebar-list a:hover {
    color: #fff;
    background: #4a90e2;
}
/* tag-type end */


/* article-item-list start */
.article-item-list {
    margin-bottom: 40px;
    width: 100%;
    /*overflow: hidden;*/
}
.article-item-list .item {
    position: relative;
    margin-bottom: 2px;
    margin-left: -20px;
    padding: 10px 20px;
    height: 165px;
    /*border-bottom: solid 1px #eee;*/
    box-sizing: border-box;
    background: #fff;
}
.article-item-list .item::after{
    width: 0;
    height: 100%;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s ease;
    background: #f4f4f4;
    z-index: 1;
}
.article-item-list .item:hover:after {
    width: 100%;
}
.article-item-list .item:before {
    content: '';
    position: absolute;
    bottom: -1px;
    display: block;
    width: calc(100% - 20px);
    height: 1px;
    background: #eee;
}

.article-item-list .item:hover{
    /*background: #f6f6f6;*/
    /* -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.08);
    -moz-box-shadow:  0 0 12px 0 rgba(0,0,0,.08);
    box-shadow:  0 0 12px 0 rgba(0,0,0,.08); */
}
.article-item-list .item-img {
    float: left;
    width: 256px;
    height: 144px;
    position: relative;
    z-index: 10;
}
.article-item-list .item-img .itemType {
    position: absolute;
    top: 0px;
    left: 0;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    background: rgba(0,0,0,0.6);
    font-size: 12px;
    color: #fff;
    border-radius: 4px 0 4px 0;
    z-index: 100;
}
.article-item-list .item-img img {
    width: 100%;
    height: 100%;
    border-radius: 2px;
}

.article-item-list .item_content {
    float: right;
    width: calc(100% - 288px);
    height: 144px;
    position: relative;
    z-index: 10;
}
.article-item-list.noCoverImg .item {
    height: 80px;
}
.article-item-list.noCoverImg .item_content {
    width: 100%;
    height: 80px;
}
.article-item-list.noCoverImg .item_content .titleDate {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.article-item-list.noCoverImg .item_content .newstitle {
    font-size: 16px;
    color: #333333;
    line-height: 22px;
}
.article-item-list.noCoverImg .item_content .titleDate .time {
    font-size: 13px;
    color: #999999;
}
.article-item-list .item_content h1.sub-title {
    font-size: 18px;
    max-height: 48px;
    height: auto;
}
.article-item-list.noCoverImg .item_content .titleDate .sub-title {
    width: 650px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.article-item-list.noCoverImg .item_content .guidance {
    font-size: 14px;
    color: #999999;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-clamp: 1;
}

.article-item-list .author-deils {
    /*position: relative;*/
    /*margin-top: 20px;*/
    position: absolute;
    bottom: 0px;
    width: calc(100% - 335px);
    height: 25px;
    line-height: 25px;
    width: 100%;
}
.article-item-list .author-deils span {
    margin-right: 5px;
    color: #aaa;
    font-size: 12px;
}
.article-item-list .author-deils .time {
    float: right;
    margin-right: 0;
}
.article-item-list .author-deils a span {
    color: #4A90E2;
}
.article-item-list .author-deils .author-headerimg {
    float: left;
    margin-right: 10px;
}
.article-item-list .author-deils .author-headerimg img {
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}
.article-item-list .author-deils .article-type {
    position: relative;
    padding-left: 20px;
    color: #4a90e2;
}

.article-item-list .author-deils .tag {
    display: inline-block;
    width: 39px;
    height: 16px;
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -ms-transform: translateY(4px);
    -o-transform: translateY(4px);
    transform: translateY(4px);
}
.article-item-list .author-deils .tag.tag-recommend {
    background: url("../../zixun_v2/v2_images/icon-tag-2.png") no-repeat;
    background-size: 39px 16px;
}
.article-item-list .author-deils .tag.tag-host {
    background: url("../../zixun_v2/v2_images/icon-tag-1.png") no-repeat;
    background-size: 39px 16px;
}
.article-item-list .author-deils .tag.tag-original{
    background: url("../../zixun_v2/v2_images/icon-tag-3.png") no-repeat;
    background-size: 39px 16px;
}


.article-item-list .article-type:before {
    content: "";
    position: absolute;
    margin: auto;
    left:0;
    top: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
    background: url("../new_images/common/title.png") no-repeat;
    background-size: 12px 12px;
}
.article-item-list .item_content .item-deils {
    height: 38px;
    margin-top: 18px;
    color: #999;
    font-size: 14px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.article-item-list .button {
    display: block;
    margin: auto;
    margin-top: 30px;
    width:200px;
    height:40px;
    color: #4a90e2;
    background:rgba(255,255,255,1);
    border:1px solid rgba(20,100,200,1)
}
.article-item-list .button.none {
    color: #ccc;
    border-color: #ccc;
}
.article-item-list .button.none:hover {
    color: #ccc;
    border-color: #ccc;
    background: #fff;
}
.article-item-list .button:hover {
    background: #4a90e2;
    font-size: 16px;
    color: #fff;
}
.article-advertisement {
    margin: 16px 0;
    width: 100%;
    height: 120px;
}
.article-advertisement img {
    width: 100%;
    height: 100%;
}
/* article-item-list end */


/* author start */
.author {
    position: relative;
    padding: 12px 10px;
    padding-bottom: 40px;
    border: solid 1px #eee;
    border-top: solid 2px #4A90E2;
    box-sizing: border-box;
    background: #fff;
}
.author header {
    overflow: hidden;
}
.author .headerimg {
    float: left;
    width: 80px;
    height: 80px;
}
.author .headerimg img {
    margin: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.author header p.title {
    float: left;
    margin-top: 5px;
    margin-left: 10px;
    width: calc(100% - 90px)
}

.author header .button {
    /*float: right;*/
    margin-top: 12px;
    padding: 0;
    width: 60px;
    height: 20px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    border-radius: 0;
    margin-left: 12px;
    color: #4a90e2;
    border: solid 1px #4a90e2;
    background: #fff;
}
.author header .button.active {
    color: #fff;
    border-color: #4a90e2;
    background: #4a90e2;
}

.author header .details.title {
    margin: 0;
    margin-top: 12px;
    width: 100%;
    color: #666;
    font-size: 14px;
}
.author .author-data {
    margin-top: 10px;
    clear: both;
}
.author .author-data .author-data-item {
    padding-left: 8px;
    border-left: solid 2px #4a90e2;
    font-size: 12px;
    color: #999;
    line-height: 20px;
}

/*.author .author-data {*/
/*margin: 10px 0;*/
/*width: 100%;*/
/*overflow: hidden;*/
/*}*/
/*.author .author-data div {*/
/*float: left;*/
/*width: calc(100% / 2);*/
/*height: 40px;*/
/*}*/
/*.author .author-data div p {*/
/*color: #666;*/
/*font-size: 14px;*/
/*text-align: center;*/
/*}*/
.author .author-article-list h2:after {
    content: '';
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    top: -15px;
    right: 0;
    width: 100%;
    height: 1px;
    background: #eee;
}
.author .author-article-list h2 {
    position: relative;
    margin: 14px 0;
    margin-top: 28px;
    padding-left: 8px;
    color: #999;
    font-size: 12px;
    font-weight: normal;
    border-left: solid 2px #4a90e2;
    line-height: 20px;
}
.author .sidebar-list ul li {
    margin-bottom: 10px;
}
.author .sidebar-list ul li a {
    display: -webkit-box;
    padding: 0;
    margin: 0;
    height: auto;
    max-height: 40px;
    line-height: 20px;
    font-size: 13px;
    border: none;
}
.author .sidebar-list ul li p.time {
    font-size:12px;
    font-weight:400;
    color:rgba(153,153,153,1);
}
.author .sidebar-list ul li .title:before {
    left: 0;
}
.sidebar-list ul li:hover{
    /*background: #f6f6f6;*/
    /*-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.2);*/
    /*-moz-box-shadow: 0 0 12px 0 rgba(0,0,0,.2);*/
    /*box-shadow: 0 0 12px 0 rgba(0,0,0,.2);*/
}
.author-more {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: auto;
    padding: 0;
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 0;
    background: #4A90E2;
}
/* author end */


/* about-love start */
.about-love {
    padding: 23px 20px 23px 20px;
    margin-bottom: 40px;
    background: #fff;
    box-sizing: border-box;
}
.about-love ul {
    margin-left: -13px;
    overflow: hidden;
}
.about-love .title {
    margin-bottom: 16px;
    padding-left: 16px;
    border-left: solid 5px #4a90e2;
}
.about-love li {
    float: left;
    margin-left: 13px;
    width: 268px;
    height: 200px;
}
.about-love li img {
    width: 268px;
    height: 150px;
}
.about-love li p {
    color: #666;
    font-size: 14px;
    line-height: 23px;
    margin-top: 4px;
}

/* about-love end */

/* side-share start */
/*.side-share {*/
/*float: left;*/
/*position: relative;*/
/*width: 60px;*/
/*height: 60px;*/
/*}*/
/*.side-share ul.active {*/
/*position: absolute;*/
/*}*/
/*.side-share ul {*/
/*position: fixed;*/
/*z-index: 2;*/
/*width: 60px;*/
/*!*overflow: hidden;*!*/
/*}*/
/*.side-share ul li {*/
/*position: relative;*/
/*width: 60px;*/
/*height: 60px;*/
/*cursor: pointer;*/
/*background: #f4f4f4;*/
/*}*/
/*.side-share ul li i {*/
/*position: absolute;*/
/*z-index: 2;*/
/*margin: auto;*/
/*left: 0;*/
/*right: 0;*/
/*top: 0;*/
/*bottom: 0;*/
/*display: block;*/
/*width: 0;*/
/*height: 0;*/
/*-webkit-transition: all .2s;*/
/*-moz-transition: all .2s;*/
/*-ms-transition: all .2s;*/
/*-o-transition: all .2s;*/
/*transition: all .2s;*/
/*}*/
/*.side-share ul li:nth-child(5) {*/
/*margin-top: 40px;*/
/*}*/
/*.side-share ul li:before {*/
/*content: "";*/
/*position: absolute;*/
/*margin: auto;*/
/*left: 0;*/
/*right: 0;*/
/*bottom: 0;*/
/*top: 0;*/
/*z-index: 3;*/
/*display: block;*/
/*width: 32px;*/
/*height: 32px;*/
/*}*/
/*.side-share ul li:nth-child(3):before {*/
/*width: 25px;*/
/*height: 32px;*/
/*}*/
/*.side-share ul li:nth-child(5):before,*/
/*.side-share ul li:nth-child(6):before,*/
/*.side-share ul li:nth-child(7):before {*/
/*width: 25px;*/
/*}*/

/*.side-share .social-share .icon-wechat .wechat-qrcode {*/
/*top: 0 !important;*/
/*left: 60px !important;*/
/*}*/
/*.side-share .social-share .icon-wechat .wechat-qrcode .qrcode {*/
/*height: 100px;*/
/*}*/


/*.side-share .social-share .icon-wechat .wechat-qrcode:after {*/
/*margin: auto;*/
/*left: -12px;*/
/*top: -140px;*/
/*bottom: 0;*/
/*-webkit-transform: rotate(90deg);*/
/*-moz-transform: rotate(90deg);*/
/*-ms-transform: rotate(90deg);*/
/*-o-transform: rotate(90deg);*/
/*transform: rotate(90deg);*/
/*}*/

/*.side-share .social-share .icon-wechat .wechat-qrcode {*/
/*top: 0;*/
/*right: 0;*/
/*}*/

/*.side-share ul li:nth-child(1):before {*/
/*background: url("../new_images/share/wechat.png") no-repeat;*/
/*background-size: 32px;*/
/*}*/
/*.side-share ul li:nth-child(1):hover:before {*/
/*background: url("../new_images/share/what_w.png") no-repeat;*/
/*background-size: 32px;*/
/*}*/


/*.side-share ul li:nth-child(2):before {*/
/*background: url("../new_images/share/weibo.png") no-repeat;*/
/*background-size: 32px;*/
/*}*/
/*.side-share ul li:nth-child(2):hover:before {*/
/*background: url("../new_images/share/weibo_w.png") no-repeat;*/
/*background-size: 32px;*/
/*}*/


/*.side-share ul li:nth-child(3):before {*/
/*background: url("../new_images/share/QQ.png") no-repeat;*/
/*background-size: 25px;*/
/*}*/
/*.side-share ul li:nth-child(3):hover:before {*/
/*background: url("../new_images/share/QQ_w.png") no-repeat;*/
/*background-size: 25px;*/
/*}*/

/*.side-share ul li:nth-child(4):before {*/
/*background: url("../new_images/share/QZ.png") no-repeat;*/
/*background-size: 32px;*/
/*}*/
/*.side-share ul li:nth-child(4):hover:before {*/
/*background: url("../new_images/share/QZ_w.png") no-repeat;*/
/*background-size: 32px;*/
/*}*/

/*.side-share ul li:nth-child(8):before {*/
/*background: url("../new_images/share/top.png") no-repeat;*/
/*background-size: 25px;*/
/*}*/


/*.side-share ul li:nth-child(5):before,*/
/*.side-share ul li:nth-child(6):before,*/
/*.side-share ul li:nth-child(7):before,*/
/*.side-share ul li:nth-child(8):before {*/
/*padding-top: 25px;*/
/*color: #999;*/
/*font-size: 12px;*/
/*box-sizing: border-box;*/
/*text-align: center;*/
/*}*/


/*.side-share ul li:nth-child(5):before {*/
/*content: "评论";*/
/*background: url("../new_images/share/icon-chat.png") no-repeat;*/
/*background-size: 25px;*/
/*}*/
/*.side-share ul li:nth-child(5):hover:before {*/
/*color: #fff;*/
/*background: url("../new_images/share/like.png") no-repeat;*/
/*background-size: 25px;*/
/*}*/


/*.side-share ul li:nth-child(6):before {*/
/*content: "收藏";*/
/*background: url("../new_images/share/heart.png") no-repeat;*/
/*background-size: 25px;*/
/*}*/
/*.side-share ul li:nth-child(6):hover:before {*/
/*color: #fff !important;*/
/*background: url("../new_images/share/heart_w.png") no-repeat !important;*/
/*background-size: 25px !important;*/
/*}*/

/*.side-share ul li#love.active:before {*/
/*color: #f9575a;*/
/*background: url("../new_images/index/love.png") no-repeat;*/
/*background-size: 25px*/
/*}*/


/*.side-share ul li:nth-child(7):before {*/
/*content: "点赞";*/
/*background: url("../new_images/share/like.png") no-repeat;*/
/*background-size: 25px;*/
/*}*/
/*.side-share ul li:nth-child(7):hover:before {*/
/*color: #fff !important;*/
/*background: url("../new_images/share/like_w.png") no-repeat !important;*/
/*background-size: 25px;*/
/*}*/
/*.side-share ul li#zan.active:before {*/
/*color: #f9575a;*/
/*background: url("../new_images/index/zan.png") no-repeat;*/
/*background-size: 25px*/
/*}*/



/*.side-share ul li:nth-child(8):before {*/
/*content: "顶部";*/
/*background: url("../new_images/share/top.png") no-repeat;*/
/*background-size: 25px;*/
/*}*/
/*.side-share ul li:nth-child(8):hover:before {*/
/*color: #fff;*/
/*background: url("../new_images/share/top.png") no-repeat;*/
/*background-size: 25px;*/
/*}*/




/*.side-share ul li:nth-child(1):hover i{*/
/*width: 60px;*/
/*height: 60px;*/
/*background: #83d944;*/
/*}*/

/*.side-share ul li:nth-child(2):hover i,*/
/*.side-share ul li:nth-child(6):hover i,*/
/*.side-share ul li:nth-child(7):hover i {*/
/*width: 60px;*/
/*height: 60px;*/
/*background: #f9575a;*/
/*}*/


/*.side-share ul li:nth-child(3):hover i,*/
/*.side-share ul li:nth-child(5):hover i,*/
/*.side-share ul li:nth-child(8):hover i {*/
/*width: 60px;*/
/*height: 60px;*/
/*background: #5497fb;*/
/*}*/

/*.side-share ul li:nth-child(4):hover i {*/
/*width: 60px;*/
/*height: 60px;*/
/*background: #ffd801;*/
/*}*/

/*.side-share .social-share .social-share-icon {*/
/*z-index: 4;*/
/*width: 100%;*/
/*height: 100%;*/
/*font-size: 32px;*/
/*line-height: 60px;*/
/*color: #e6e6e6;*/
/*border: none;*/
/*border-radius: 0;*/
/*}*/
/*.side-share  .social-share a {*/
/*margin: 0;*/
/*}*/

/* side-share end */

/* tab start */
.content-tag li.active {
    border-bottom: solid 2px #4a90e2;
}
.paging-tab {
    display: none;
}
.paging-tab.active {
    display: block;
}
/* tab end */

/* a-downlist-item start */
.noneoverflow {
    overflow: inherit;
}
.a-downlist {
    position: relative;
    cursor: pointer;

}
.a-downlist:hover .a-downlist-item {
    /*display: block !important;*/
    opacity: 1;
    visibility: inherit;
    /*overflow: hidden;*/
}


.a-downlist-item {
    visibility: hidden;
    /*display: none !important;*/
    position: absolute;
    z-index: 3;
    top: 80px;
    left: -40px;
    width: 160px;
    /*overflow: hidden;*/
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.2);
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.2);
    background: #fff;
}
.a-downlist-item:before {
    content: "";
    display: inline-block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px;
    border-color: #fff #fff transparent transparent;
    transform: rotate(315deg);
    -webkit-box-shadow: 1px -1px 1px rgba(0,0,0,.2);
    -moz-box-shadow: 1px -1px 1px rgba(0,0,0,.2);
    box-shadow: 1px -1px 1px rgba(0,0,0,.2);
}

.a-downlist-item a {
    display: block;
    /*padding: 10px 20px;*/
    /*width: 160px;*/
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #666;
    font-size: 16px;
    box-sizing: border-box;
    border-bottom: solid 1px #eee;
}
.a-downlist-item a:hover {
    background: #f9f9f9;
}
/* a-downlist-item end */

/* icon  start */
.icon-1:before,.icon-2:before,.icon-3:before,.icon-4:before {
    content: "";
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    width: 23px;
    height: 23px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
.icon-1:before {
    background: url("../new_images/header/star_1.png") no-repeat center center ;
    background-size: 20px;
}
.page-header .down.active .name {
    color: #4a90e2;
}
.page-header .down.active .icon-1:before,
.icon-1:hover:before {
    background: url("../new_images/header/star.png") no-repeat center center ;
    background-size: 20px;
}

.icon-2:before {
    background: url("../new_images/header/time_1.png") no-repeat center center ;
    background-size: 20px;
}
.page-header .down.active .icon-2:before,
.icon-2:hover:before {
    background: url("../new_images/header/time.png") no-repeat center center ;
    background-size: 20px;
}

.icon-3:before {
    background: url("../new_images/header/title_1.png") no-repeat center center ;
    background-size: 20px;
}
.page-header .down.active .icon-3:before,
.icon-3:hover:before {
    background: url("../new_images/header/title.png") no-repeat center center ;
    background-size: 20px;
}
.icon-4:before {
    background: url("../new_images/header/sj.png") no-repeat center center ;
    background-size: 20px;
}
.page-header .down.active .icon-4:before,
.icon-4:hover:before {
    background: url("../new_images/header/sj1.png") no-repeat center center ;
    background-size: 20px;
}


/* icon end */

/* in-article-type start */
.in-article-type .name {
    padding-left: 20px;
    color: #999;
}
.in-article-type:hover .name {
    color: #4a90e2;
}
/* in-article-type end */

.page-header .page-module {
    position: relative;
    overflow: inherit;
}

.layui-layer-content {
    color: #fff;
}


/* author-popu start */
.author-popu {
    padding: 30px;
    width: 460px;
    height: 220px;
    box-sizing: border-box;
    background: #fff;
}
.author-popu h1 {
    font-size: 20px;
    font-weight: normal;
    text-align: center;
}
.author-popu p {
    margin-top: 35px;
    font-size: 20px;
    text-align: center;
}

.author-popu .author-btn {
    margin-top: 35px;
}

.author-popu button {
    float: left;
    margin-left: 20px;
    width: 160px;
    height: 36px;
    border-radius: 6px;
    border: solid 1px #4a90e2;
    color: #4a90e2;
    font-size: 16px;
    cursor: pointer;
    background: #fff;
}
.author-popu button.yes {
    float: right;
    margin: 0;
    margin-right: 20px;
    color: #fff;
    background: #4a90e2;
}

/* author-popu end */

/* page-top start */
.page-top {
    position: fixed;
    margin: auto;
    z-index: 2;
    height: 150px;
    right: 0;
    bottom: 0;
    top: 0;
}
.page-top a {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
}
.page-top a:hover .text {
    z-index: 1;
}
.page-top .text {
    position: absolute;
    z-index: -1;
    padding: 0 10px;
    padding-top: 5px;
    top: 0;
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    box-sizing: border-box;
    background: #4a90e2;
}
/* page-top end */
.nulldate{
    min-height: 1000px;
}
.nulldate img{
    display: block;
    margin: auto;
    margin-top:200px;
}
.nulldate p{
    text-align: center;
}
/*上一页不可点击效果*/
.page-number .prohibit {
    cursor: not-allowed;
    color: #d4d4d4 !important;
    border-color: #d4d4d4 !important;
}
/*详情资鲸精选*/
.ciki-choose-details{
    margin-top: 16px;
}
.margin_top_16{
    margin-top: 16px;
}
/*登录*/
.login-content{
    padding-bottom: 100px;
    background-image: url('/static/zixun_v2/new_images/default/login_background.png');
}
/*法律法规版块*/
.laws-and-regulations{
    margin-top: 16px;
}
/* 404 start */
.error-page {
    position: relative;
    margin: 120px 0;
    width: 100%;
}
.error-page .block {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 10px;
    width: 236px;
    height: 236px;
    border-radius: 50%;
    -webkit-animation: blockanimation 2s;
    -o-animation: blockanimation 2s;
    animation: blockanimation 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;

}
@keyframes blockanimation {
    from{

    }
    to {
        -webkit-box-shadow: 0 0 30px 0 rgba(113, 173, 249,.5);
        -moz-box-shadow: 0 0 30px 0 rgba(113, 173, 249,.5);
        box-shadow: 0 0 30px 0 rgba(113, 173, 249,.5);
    }
}
@-webkit-keyframes blockanimation /* Safari 与 Chrome */
{
    from{
        -webkit-box-shadow: 0 0 12px 0 rgb(113, 173, 249);
        -moz-box-shadow: 0 0 12px 0 rgb(113, 173, 249);
        box-shadow: 0 0 12px 0 rgb(113, 173, 249);
    }
    to {
        -webkit-box-shadow: 0 0 12px 0 rgb(113, 173, 249);
        -moz-box-shadow: 0 0 12px 0 rgb(113, 173, 249);
        box-shadow: 0 0 12px 0 rgb(113, 173, 249);
    }
}
.error-page img {
    display: block;
    margin: auto;
}

.error-page span {
    display: block;
    margin-top: 10px;
    width: 100%;
    font-size: 18px;
    text-align: center;
}
.margin-top-16{
    margin-top: 16px;
}
/*404 end*/




/* enlarged-images start 图片放大特效*/

.enlarged-images {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.enlarged-images img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    overflow: hidden;
}

.enlarged-images:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
/* end enlarged-images 图片放大特效 */


/* active-pay start 活动直播 */
.active-pay {
    margin: 20px 0;
    padding: 0;
}

.active-pay .title {
    display: inline-block;
    width: 200px;
    padding: 0;
    color: #4a90e2;
    font-size: 20px;
    border-left: none;
}
.active-pay header a {
    float: right;
    font-size: 12px;
    color: #999999;
    line-height: 30px;
}
.active-pay ul {
    margin-left: -20px;
}
.active-pay li {
    margin-left: 20px;
    width: 202px;
    height: 160px;
}
.active-pay li img {
    width: 100%;
    height: 114px;
    border-radius: 2px;
}
.active-pay li p {
    line-height: 18px;
    height: 36px;
}
.active-pay li .enlarged-images:hover:before {
    content: '';
    position: absolute;
    display: block;
    z-index: 2;
    top: 0;
    width: 202px;
    height: 124px;
    background:url("../v2_images/icon-pay.png") no-repeat center, rgba(0,0,0,0.35);
}
/* end active-pay 活动直播*/


/* whale-author start 鲸选专题 */
.whale-author {
    margin: 20px 0;
    padding: 0;
}
.whale-author ul {
    margin-left: -18px;
}
.whale-author li {
    position: relative;
    margin-left: 18px;
    margin-bottom: 20px;
    width: 276px;
    height: 156px;
    overflow: hidden;
}
.whale-author .title {
    display: inline-block;
    width: 80%;
    padding: 0;
    color: #4a90e2;
    font-size: 20px;
    border-left: none;
}
.whale-author header a {
    float: right;
    font-size: 12px;
    color: #999999;
    line-height: 30px;
}
.whale-author li img {
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background:rgba(0,0,0,0.35);
}
.whale-author li .enlarged-images:before {
    content: '';
    position: absolute;
    display: block;
    z-index: 2;
    top: 0;
    width: 276px;
    height: 156px;
    background:rgba(0,0,0,0.35);
    border-radius: 2px;
}
.whale-author .whale-author-title {
    position: absolute;
    z-index: 2;
    margin: auto;
    left: 0;
    right: 0;
    top: 20%;
    height: 100%;
    text-align: center;
}
.whale-author .whale-author-title p.sub-title {
    margin-bottom: 10px;
    min-height: 32px;
    height: auto;
}
.whale-author .whale-author-title p {
    padding: 0 10%;
    margin: 0;
    font-size: 16px;
    color: #fff;
}
/* end whale-author 鲸选专题*/

/* 鲸视频 */
.whale-video .content {
    display: flex;
}
.whale-video .content .item .img_box {
    position: relative;
}
.whale-video li {
    height: 180px;
}
.whale-video li p {
    height: auto;
}
.whale-video li .hostname {
    color: #999;
    font-size: 12px;
}
.whale-video li .item {
    background: none;
    padding: 0;
    margin-left: 0;
}
/* advertisement start 广告栏 */
.advertisement {
    margin: 20px auto;
}
.advertisement img {
    width: 870px;
    height: 145px;
}

.advertisement .max-swiper-maxA04 {
    max-width: 870px !important;
    max-height: 145px !important;
}
/* end advertisement 广告栏*/


/* side-whale-active start 鲸活动  */
.side-whale-active header {
    margin-bottom: 10px;
}
.side-whale-active header h2 {
    position: relative;
    font-size:18px;
    color: #4A90E2;
    text-align: center;
}
.side-whale-active header h2:before,
.side-whale-active header h2:after {
    content: '';
    position: absolute;
    margin: auto;
    bottom: 0;
    top: 0;
    width: 30%;
    height: 1px;
    background: #eee;
}
.side-whale-active header h2:before {
    content: '';
    left: 0;
}
.side-whale-active header h2:after {
    content: '';
    right: 0;
}
.side-whale-active  .sidebar-list .open .open-img {
    float: right;
    width: 128px;
    height: 72px;
}
.side-whale-active  .sidebar-list .open .open-img img {
    border-radius: 2px;
}

.side-whale-active .sidebar-list .open .open-deils {
    float: left;
    width: calc(100% - 136px);
}
.side-whale-active .sidebar-list .open {
    margin-left: -10px;
    margin-bottom: 9px;
    width: 294px;
    height: 72px;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
.side-whale-active .sidebar-list li:first-child {
    border: none;
}
.side-whale-active .sidebar-list .time {
    display: inline-block;
    width: 60%;
}
.side-whale-active .sidebar-list .address + .time {
    width: 30%;
    text-align: right;
}
.side-whale-active .sidebar-list .open .open-deils .sub-title {
    font-size: 13px;
}
.side-whale-active .sidebar-list .open:hover .sub-title {
    color: #4a90e2;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.side-whale-active .button {
    display: block;
    margin: auto;
    width:100px;
    height:24px;
    color: #4A90E2;
    font-size: 13px;
    line-height: 24px;
    text-align: center;
    background:rgba(255,255,255,1);
    border-radius:2px;
    border:1px solid rgba(74,144,226,1);
}
.side-whale-active .button:hover {
    color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: #4a90e2;
}
/* side-whale-active end */


/* side-swiper-active 滑动广告栏 start */
.side-swiper-active {
    margin-top: 17px;
    width:292px;
    height:164px;
    overflow: hidden;
}
.side-swiper-active  img {
    height: 164px;
    border-radius:2px;
}

/* end side-swiper-active*/

/* side-scroll-news start 滚动新闻 */
.side-scroll-news ul {
    position: relative;
    height: 400px;
    overflow-y: scroll;
}


.side-scroll-news ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 30px;
}
.side-scroll-news ul li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 4px;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    border: solid 2px #ccc;
}
.side-scroll-news ul li:nth-child(1):after,
.side-scroll-news ul li:nth-child(2):after,
.side-scroll-news ul li:nth-child(3):after {
    border-color: #4a90e2;
}

.side-scroll-news li:before {
    content: '';
    position: absolute;
    left: 10px;
    width: 2px;
    height: 120%;
    background: #eee;
}


.side-scroll-news ul li a {
    font-size: 14px;
    height: auto;
    max-height: 40px;
}
.side-scroll-news ul li p {
    margin-top: 10px;
    font-size:12px;
    color: #ccc;
}
/* end side-scroll-news*/


/* side-advertisement min and max 侧边广告栏 start */
.side-advertisement {
    margin-top: 30px;
    overflow: hidden;
}
.side-advertisement img {
    border-radius: 2px;

}
.side-advertisement.min {
    width:292px;
    height:73px;
}
.side-advertisement.max {
    width:292px;
    height:164px;
}
/* end side-advertisement min and max */

/* side-article start 侧边文章栏 */
.side-article {
    margin-top: 40px;
    min-height: 380px;
}

.side-article .tab-list .tab-item {
    float: left;
    margin-bottom: 10px;
    width: calc(100% / 4);
    height: 40px;
    font-size: 12px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    background: #F4F4F4;
}

.side-article .tab-list .tab-item.active {
    color: #fff;
    background: #4A90E2;
}

.side-article .tab-message {
    clear: both;
}

/* end side-article */


/* side-article start 侧边栏文章 */
.side-article .sidebar-list ul li {
    margin: 10px 0 10px -10px;
    line-height: normal;
}
.side-article .sidebar-list ul li a.sub-title {
    display: -webkit-box;
    max-height: 50px;
    height: auto;
    min-height: 50px;
    line-height: 25px;
}
.side-article .sidebar-list ul li .sub-title:hover {
    color: #4A90E2;
}
.side-article .sidebar-list ul li .open-status + .sub-title:before {
    content: "";
    position: absolute;
    margin: auto;
    left: 10px;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #eee;
}
.side-article .sidebar-list ul li .open-status + .sub-title:hover:before {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: #4A90E2;
}
/* end side-article*/

/* side-law start 法律法规 */
.side-law .sidebar-list .tab-num {
    position:absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    display: inline-block;
    width:24px;
    height:24px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    border-radius: 2px;
    background: #ccc;
}
.side-law .sidebar-list li:nth-child(1) .tab-num {
    background: #E75F5B;
}
.side-law .sidebar-list li:nth-child(2) .tab-num {
    background: #EBA844;
}
.side-law .sidebar-list li:nth-child(3) .tab-num {
    background: #2886E5;
}
.side-law .sidebar-list ul li a {
    padding-left: 35px;
    color: #666;
    font-size: 12px;
}
.side-law .sidebar-list ul li a:hover {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #4a90e2;
}
/* end side-law */

/* null-data start 数据为空 */
.null-data {
    clear: both;
    margin: auto;
    margin-top: 140px;
    margin-bottom: 40px;
    width: 400px;
    overflow: hidden;
    color: #ccc;
    text-align: center;
}
.null-data img {
    float: left;
    margin-bottom: 20px;
}
.null-data p {
    float: left;
    color: #ccc;
    line-height: 197px !important;
}
/* null-data end */

/* aside-zjjx start 资鲸精选 */
.aside-zjjx {
    margin-top: 40px;
}
.aside-zjjx .sidebar-list {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

/* end aside-zjjx */


/* host-article 热点 */
.host-article.side-article {
    margin-top: 0;
}
.host-article.side-article .tab-list .tab-item {
    width: calc(100% / 3);
}
/* end host-article */

/* article-love 你可能会喜欢 start */
.article-love .recommend-article {
    margin-left: 0;
    width: 100%;
    height: 164px;
}
.article-love .remmend-min-article {
    float: inherit;
    width: 100%;
}
/* end article-love  */


/* active-recommend 活动推荐 start */
.active-recommend  .sidebar-title {
    margin-top: 0;
    margin-bottom: 10px;
}

.active-recommend .activity {
    float:left;
    margin-bottom:24px;
    width: 100%;
    height: 248px;
    background:#fff
}

.active-recommend .activity .tag {
    position:absolute;
    padding:5px 20px;
    z-index:2;
    left:10px;
    top:10px;
    color:#fff;
    font-size:12px;
    border-radius:4px;
    background:rgba(0,0,0,.5)
}
.active-recommend .activity .activity-img {
    display:block;
    position:relative;
    width:100%;
    height:165px
}
.active-recommend .activity .activity-img img {
    width:100%;
    height:100%
}
.active-recommend .activity .activity-img:hover:before {
    content:"";
    position:absolute;
    z-index:1;
    bottom:0;
    width:100%;
    height:100%;
    background:rgba(255,255,255,.1)
}
.active-recommend .activity .activity-details {
    font-size:0;
    margin-bottom:13px;
    padding: 10px;
    box-sizing:border-box;
    border: solid 1px #eee;
    border-top: none;
    overflow: hidden;
}
.active-recommend .activity .activity-details .sub-title {
    height:40px
}
.active-recommend .activity .activity-details .sub-title p {
    font-size:15px;
    /*height:40px;*/
    word-break:break-all;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    -ms-box-orient:vertical;
    box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
.active-recommend .activity .activity-details .sub-title:hover p {
    color:#4a90e2;
}
.active-recommend .activity .activity-details span {
    display:inline-block;
    margin-top: 5px;
    float: left;
    width:calc(100% / 2);
    color:#999;
    font-size:13px
}

.active-recommend .activity .activity-details span:nth-child(odd) {
    text-align:right
}

/* end active-recommend */

/* special-column-list start 法律法规列表 */
.special-column-list {
    margin-top: 20px;
}
.special-column-list .special-column-item {
    margin-top: 10px;
    padding: 18px 0;
    border-bottom: solid 1px #eee;
    box-sizing: border-box;
}
.special-column-list .special-column-item .special-title {
    font-size: 18px;
    height: auto;
}
.special-column-list .special-column-item .special-desc {
    margin-top: 20px;
    height: auto;
    color: #999;
    font-size: 14px;
}
.special-column-list .special-column-item .special-desc + div {
    margin-top: 20px;
    overflow: hidden;
}
.special-column-list .special-column-item .special-desc + div p,
.special-column-list .special-column-item .special-desc + div p span {
    float: left;
    font-size: 12px;
    color: #999;
}
.special-column-list .special-column-item .special-desc + div p:last-child {
    float: right;
}
/* end special-column-list */



/* my-messages 我的消息 start */
.message-list .message-item {
    padding: 12px 0 ;
    overflow: hidden;
}
.message-list .message-item .message-img {
    float: left;
    padding: 0 15px;
    box-sizing: border-box;
}
.message-list .message-item .message-img img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: solid 1px #eee;
}
.message-list .message-item .message-content {
    float: left;
    width: calc(100% - 80px);
    padding-right: 15px;
    box-sizing: border-box;
}
.message-list .message-item .message-content p {
    font-size: 14px;
    color: #333;
}
.message-list .message-item .message-content .content {
    margin-top: 15px;
    margin-bottom: 9px;
}
.message-list .message-item .message-content {
    padding-bottom: 10px;
    border-bottom: solid 1px #eee;
}

.message-list .message-item .message-content .sub-title {
    max-width: 740px;
    height: auto;
}

.message-list .message-item .message-content .head,
.message-list .message-item .message-content .footer {
    width: 100%;
    overflow: hidden;
}
.message-list .message-item .message-content p a {
    color: #4a90e2;
    padding-left: 25px;
    background: url("../../zixun_v2/v2_images/law-file.png") no-repeat;
    background-size: 20px auto;
    background-position: left center;
}
.message-list .message-item .message-content .img-list {
    margin-top: 13px;
}

.message-list .message-item .message-content .file-download a {
    margin-top: 13px;
    padding-left: 50px;
    padding-right: 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #999;
    font-size: 14px;
    border: solid 1px #eee;
    background: url("../../zixun_v2/v2_images/file-download.png") no-repeat;
    background-size: 40px;
    background-position: left;
}

.message-list .message-item .message-content .img-list img {
    display: inline-block;
    margin-right: 20px;
    width: 64px;
    height: 64px;
}

.message-list .message-item .footer p,
.message-list .message-item .head p {
    float: left;
    font-size: 14px;
    color: #999;
}
.message-list .message-item .status,
.message-list .message-item .time {
    float: right !important;
}

.message-list .message-item .tag {
    margin-right: 5px;
    width:40px;
    background:rgba(74,144,226,1);
    border-radius:2px;
    text-align: center;
    color: #fff !important;
    font-size: 12px;
}

/* end my-messages */

.down-type4 .nav-menu-down-item {
    margin-left: -95px;
}
.down-type4 ul {
    width: 500px;
    background: #fff;
    overflow: hidden;
}
.down-type4 ul li {
    float: left;
    width: 100px;
    height: 32px;
    text-align: center;
    line-height: 32px;
}
.down-type4 ul li a {
    font-size: 12px;
    color: #999;
}
.down-type4 ul li:hover{
    background: #1464C8;
}
.down-type4 ul li:hover a {
    color: #fff;
}
.down-type5 .menu-name {
    height: 100%;
    display: flex;
    align-items: center;
}
.down-type5 .menu-name .icon {
    /* padding-top: 2px; */
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -2px;
    /* background-image: url('/static/zixun_v2/v2_images/all_ash.svg');
    background-size: 16px; */
}
.down-type5:hover .menu-name .icon {
    /* background-image: url('/static/zixun_v2/v2_images/all_blue.svg'); */
}
.down-type5.select .menu-name .icon {
    /* background-image: url('/static/zixun_v2/v2_images/all_blue.svg'); */
}

.nav-meun-down .nav-menu-down-item,
.xcx.nav-meun-down .nav-menu-down-item,
.nav-meun-down .nav-menu-down-item {
    display: block;
    position: absolute;
    z-index: -2;
    line-height: normal;
    opacity: 0;
    margin-top: -40px;
    /*margin-right: -10px;*/
    /*min-height: 0 !important;*/
    -webkit-transition: opacity,margin 0.6s;
    -moz-transition: opacity,margin 0.6s;
    -ms-transition: opacity,margin 0.6s;
    -o-transition: opacity,margin 0.6s;
    transition: opacity,margin 0.6s;
    visibility: hidden;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}
.all_classify {
    width: 100%;
    position: fixed;
    background: #fff;
    z-index: -1;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    left: 0px;
    /* display: block; */
    line-height: normal;
    opacity: 0;
    margin-top: -30px;
    /*margin-right: -10px;*/
    /*min-height: 0 !important;*/
    -webkit-transition: opacity,margin 0.6s;
    -moz-transition: opacity,margin 0.6s;
    -ms-transition: opacity,margin 0.6s;
    -o-transition: opacity,margin 0.6s;
    transition: opacity,margin 0.6s;
    visibility: hidden;
    height: 240px;
    padding: 30px 10px;
    box-sizing: border-box;
    background-image: url('/static/zixun_v2/v2_images/bg.jpg');
}
.all_classify.show {
    opacity: 1;
    margin-top: 0px;
    visibility: visible;
    z-index: -1;
    /* transition: opacity,margin .3s; */
}
.all_classify .content {
    width: 1200px;
    margin: auto;
    display: flex;
}
.all_classify .content .news {
    margin-right: 40px;
}
.all_classify .content .news .title {
    font-size: 16px;
    padding-bottom: 4px;
    /* margin-bottom: 15px; */
}
.all_classify .content .news .item {
    display: flex;
    align-items: center;
    margin-top: 8px;
}
.all_classify .content .news .item .name {
    font-size: 14px;
    color: #666;
    margin-right: 20px;
}
.all_classify .content .news .item a {
    margin-right: 20px;
    color: #999;
    font-size: 14px;
}
.all_classify .content .news .item a:hover {
    color: #1464C8;
}
.all_classify .content .common {
    margin-right: 60px;
}
.all_classify .content .common .title {
    font-size: 16px;
    color: #333333;
    padding-bottom: 4px;
}
.all_classify .content .common .item {
    margin-top: 8px;
}
.all_classify .content .common .item a {
    color: #666;
    font-size: 14px;
    cursor: pointer;
}
.all_classify .content .common .item a:hover {
    color: #1464C8;
}
.all_classify .content a {
    white-space: nowrap;;
}

.mini_program {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    transition: opacity 0.3s;
}
.mini_program.show {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
.mini_program .content {
    width: 234px;
    height: 240px;
    background: #fff;
    border-radius: 4px;
    padding: 10px;
    box-sizing: border-box;
}
.mini_program .content .close_box {
    text-align: right;
    line-height: 12px;
    margin-bottom: 10px;
}
.mini_program .content .close_box img {
    width: 12px;
    height: 12px;
    cursor: pointer;
}
.mini_program .content .code_img {
    text-align: center;
    margin-bottom: 17px;
}
.mini_program .content .code_img img {
    width: 143px;
    height: 143px;
}
.mini_program .content .tips {
    text-align: center;
    font-size: 14px;
    color: #333333;
}

.page-header .nav-qrcoe {
    padding: 5px 0;
    height: 22px;
    background: #f8f8f8;
    width: 1200px;
}
.page-header .nav-qrcoe span {
    position: relative;
    float: right;
    /*margin-left: 23px;*/
    /* margin-right: 10px; */
    padding-left: 30px;
    /* border-left: solid 1px #ccc; */
    cursor: pointer;
}
.page-header .nav-qrcoe span:first-child {
    /* margin-right: 10px; */
}
.page-header .nav-qrcoe span,
.page-header .nav-qrcoe a {
    color: #666;
    font-size: 12px;
}

.page-header .nav-qrcoe span:hover .qrcode-pop {
    opacity: 1;
    margin-top: 0;
    height: 170px;

}
.page-header .nav-qrcoe .qr {
    margin-right: 10px;
    width: 18px;
    height: 18px;
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
    transform: translateY(-10%);
}

.page-header .nav-qrcoe .qrcode-pop {
    position: absolute;
    opacity: 0;
    z-index: 5;
    margin: auto;
    left: -20px;
    right:0;
    top: 25px;
    /* margin-top: 10px; */
    width:160px;
    /*height: 160px;*/
    height:0;
    overflow: hidden;
    background:rgba(255,255,255,1);
    /*box-shadow:0px 0px 8px 0px rgba(51, 51, 51, 0.35);*/
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    border-radius:8px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.page-header .nav-qrcoe .qrcode-pop.wx{
    left: -10px;
}
.page-header .nav-qrcoe .qrcode-pop img {
    display:block;
    margin: auto;
    margin-top: 10px;
    width:120px;
    height:120px;
}
.page-header .nav-qrcoe .qrcode-pop p {
    margin-top: 10px;
    text-align: center;
    font-size:14px;
    line-height: 18px;
    color: #333;
}
.page-header .nav-qrcoe span:last-child {
    border: none;
}
.page-header .nav-qrcoe span {
    line-height: 22px;
}
.page-header .nav {
    /*position: fixed;*/
    z-index: 5;
    margin: auto;
    left: 0;
    right: 0;
    min-width: 1200px;
    /*-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.08);*/
    /*-moz-box-shadow: 0 0 12px 0 rgba(0,0,0,.08);*/
    /*box-shadow: 0 0 12px 0 rgba(0,0,0,.08);*/
    background: #f8f8f8;
}
.page-header .rclp {
    margin-right: 8px;
    width: 14px;
    height: 14px;
    transform: translateY(1px);
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    -moz-transform: translateY(1px);
    -o-transform: translateY(1px);
}
.centerPosition {
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    margin: auto !important;
    height: 202px;
}

.gatherMessage {
    position: fixed;
    bottom: 0;
    height: 177px;
    left: 0;
    width: 100%;
    min-width: 1200px;
    z-index: 1000;
    transition: transform 0.5s;
    transform-origin: center 150px;
}
.gatherMessage.hide {
    transform: scale(0);
}
.gatherMessage.byDm {
    background: url('../v2_images/article/dm_bg.png') no-repeat;
    background-size: 100% 100%;
}
.gatherMessage.byVca {
    background: url('../v2_images/article/vca_bg.png') no-repeat;
    background-size: 100% 100%;
}
.gatherMessage .gatherMessageContent {
    width: 1200px;
    margin: 0 auto;
    height: 177px;
    padding: 15px 0;
    box-sizing: border-box;
}
.gatherMessage .gatherMessageContent .title-subtitle-close {
    position: relative;
    margin-bottom: 20px
}
.gatherMessage .gatherMessageContent .title-subtitle-close .title-subtitle {
    display: flex;
    align-items: center;
}
.gatherMessage .gatherMessageContent .title-subtitle-close .title-subtitle .title {
    font-size: 24px;
    color: #fff;
    margin-right: 20px;
    line-height: 34px;
}
.gatherMessage .gatherMessageContent .title-subtitle-close .title-subtitle .subtitle {
    font-size: 14px;
    color: #fff;
    line-height: 20px;
}
.gatherMessage .gatherMessageContent .title-subtitle-close .close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 50%;
    cursor: pointer;
    background: url('../v2_images/article/close.png') no-repeat;
    background-size: 100% 100%;
}
.gatherMessage .gatherMessageContent .messageByDmForm {
    
}
.gatherMessage .gatherMessageContent .messageByDmForm .inputBox {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.gatherMessage .gatherMessageContent .messageByDmForm .inputBox input {
    width: 285px;
    height: 36px;
    border-radius: 6px;
    outline: none;
    border: none;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 36px;
}
.gatherMessage .gatherMessageContent .messageByDmForm .inputBox input::placeholder {
    color: #999999;
}
.gatherMessage .gatherMessageContent .messageByDmForm .inputBox input:not(:last-of-type) {
    margin-right: 20px;
}
.gatherMessage .gatherMessageContent .btnBox {
    display: flex;
    align-items: center;
    justify-content: center;
}
.gatherMessage .gatherMessageContent .btnBox button {
    width: 140px;
    height: 36px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.25);
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
}
.gatherMessage.byDm .gatherMessageContent .btnBox button {
    background: linear-gradient(92deg, #E69F34 0%, #E77738 100%);
}
.gatherMessage.byVca .gatherMessageContent .btnBox button {
    background: #E75B3C;
}

.gatherMessageTips {
    position: fixed;
    bottom: 15px;
    width: 1200px;
    height: 40px;
    border-radius: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 999;
    padding: 0 15px 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    transform: scale(0);
}
.gatherMessageTips.show {
    transition: transform 0.5s;
    transform: scale(1);
}
.gatherMessageTips.byDm {
    background: url('../v2_images/article/dm_tips_bg.png') no-repeat;
    background-size: 100% 100%;
}
.gatherMessageTips.byVca {
    background: url('../v2_images/article/vca_tips_bg.png') no-repeat;
    background-size: 100% 100%;
}
.gatherMessageTips .title-subtitle {
    display: flex;
    align-items: center;
}
.gatherMessageTips .title-subtitle .title {
    padding: 0 20px;
    height: 26px;
    line-height: 26px;
    border-radius: 100px;
    background: #fff;
    font-size: 14px;
    margin-right: 20px;
}
.gatherMessageTips.byDm .title-subtitle .title {
    color: #3F71FD;
}
.gatherMessageTips.byVca .title-subtitle .title {
    color: #F5841B;
}
.gatherMessageTips .title-subtitle .subtitle {
    font-size: 14px;
    color: #fff;
}
.gatherMessageTips .handle {
    display: flex;
    align-items: center;
}
.gatherMessageTips .handle .checkDetails {
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    text-decoration: underline;
    margin-right: 22px;
}
.gatherMessageTips .handle .close {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    cursor: pointer;
    background: url('../v2_images/article/close.png') no-repeat;
    background-size: 100% 100%;
}
.swhz-layer {
    box-sizing: border-box;
    width: 372px !important;
    height: 200px;
}
.swhz-layer input {
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
    border: solid 1px #e1e1e1;
    font-size: 12px;
    margin-top: 30px;
    margin-left: 20px;
    width: 220px;
    height: 40px;
    border-radius: 4px;
}
.swhz-layer img {
    float: right;
    display: block;
    margin-top: 30px;
    margin-right: 20px;
    width: 100px;
    height: 36px;
    border-radius: 4px;
}
.swhz-layer h3 {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    color: #303133;
}
.swhz-layer .info {
    height: 52px;
}
.swhz-layer button {
    clear: both;
    display: block;
    margin: auto;
    margin-top: 40px;
    width: 280px;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    height: 40px;
    background-color: #409eff;
}
.layui-layer-msg.layui-layer-hui {
    top: 250px !important;
}