@charset "utf-8";

/* @font-face
{font-family: DIN;
src: url('DIN-Medium.otf')} */

*{box-sizing:border-box;font-size: 16px;color:#333;}
body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{margin:0;padding:0;color:inherit;line-height: inherit; font-family:'PingFang SC','PingFangMedium',"microsoft yahei";/* font-size: inherit; */ }
img{border:0;display: inline-block;/* max-width:100%; */vertical-align: middle;height: auto;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a,p,span,i,em{ text-decoration:none; color:inherit;font-size: inherit;}
pre{word-break: break-word;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h3,h4,h5,h6{font-weight: normal;}
a{cursor: pointer;}
em,i{font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}
.auto{margin:0 auto;width: 1400px;}
:hover{transition: all .2s;}
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-7px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
.normal{font-weight: normal!important;}
.center{text-align: center!important;}
.img{/* width: 100%; */display: block;    height: auto;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.08,1.08);}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.text-center{text-align: center!important;}
.text-bold{font-weight: bold!important;}
.text-red{color: #ff4e11!important;}
.text-green{color: #20b85d!important;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;/* display: -ms-flexbox; */-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}
.clamp1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.clamp2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.clamp3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
body{background: #fff;/* overflow-x: hidden; */}
.item{}
.item .imgbox{display: block;overflow: hidden;}
.item .img{transition: all 1s;width: 100%;display: block;}




.item:hover .imgbox .img{transform: scale(1.1,1.1);}
.date{ font-family:"Arial", "Helvetica", sans-serif; font-weight: normal;  color:#707070;display: block; width:120px; text-align: right; }
.zoomimg{position:relative;overflow: hidden;height: 0;display: block;}
.zoomimg .img{display: block;position:absolute;width: 100%;height: 100%;left: 0;top: 0;}

.flipx .icon{transition: all .3s;}
.flipx:hover .icon{transform:scaleX(-1);}
.scale .icon{transition: all .3s;}
.scale:hover .icon{transform: scale(1.1,1.1);}

.underline:hover{text-decoration: underline;}
label{-webkit-tap-highlight-color: rgba(255,0,0,0);}
.img_full{width: 100%;height: 100%;display: block;object-fit: cover;}

.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-start{align-items: flex-start !important;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-end{align-items: flex-end;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-pack-start{justify-content: flex-start;}
.flex-pack-end{justify-content: flex-end;}
.flex-v {-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: flex;}
.flex-w{flex-wrap:wrap;}
.flex-1{flex:1;overflow: hidden;}
.flex-11{flex:1;}

.flex-justify-center{display: flex;align-items: center;justify-content: space-between;}
.flex-col{display: flex;flex-direction: column;}
.scroll::-webkit-scrollbar{width: 5px;height: 5px;}
.scroll::-webkit-scrollbar-track {background-color:transparent;}
.scroll::-webkit-scrollbar-thumb { background-color:#ccc;border-radius:0;}
.scroll::-webkit-scrollbar-button { display:none;}
.whitespace-nowrap{white-space: nowrap !important;}
.hidden{display: none !important;}

body{min-width: 1150px;background-color: #f3f8fc;}
.auto{min-width: 1150px;}

.c-main{color:#3772e0!important;}
.c-org{color:#ff9c00!important;}
.c-green{color:#20b85d!important;}
.c-red{color:#ff0000!important;}
.mb10{margin-bottom: 10px!important;}
.mt-12{margin-top: 12px!important;}

/* 公共部分 */
.hd-t{height: 30px;background-color: #f3f8fc;}
.hd-t>div{height: 100%;}
.hd-t .wz{display: flex; height:30px; align-items: center;}
.hd-t .wz a{margin-left:10px;   font-size: 14px; align-items: center;display: inline-block;}
.hd-t .login{font-size: 13px !important;color:#3772e0;}
.hd-t .reg{font-size: 13px;color:#000;}
.hd-t .wz a:hover{color:#3772e0;font-weight:500;  }
.hd-t .wz a:first-child{margin-left:0;}
.hd-t .wz a.logout{
    color:#3772e0;
}

.hd-t .lks{font-size: 13px;color:#e5ebf0;display: flex;align-items: center;}
.hd-t .lks li{position: relative;}
.hd-t .lks li>a{color:#79808b;font-size: 13px;padding:0 15px;display: inline-block;vertical-align: middle;position: relative;line-height: 30px;}
.hd-t .lks li>a::after{content:'';position: absolute;width: 1px;height: 13px;background-color: #e5ebf0;right: 0;top: 50%;margin-top:-7px;}
.hd-t .lks li:last-child>a{padding-right: 0;}
.hd-t .lks li>a:hover{color:#3772e0;}
/*.hd-t .lks .drop{width: 116px;background-color: #fff;border-radius:0 0 8px 8px;box-shadow:0 6px 9px rgba(163,163,163,.36);position: absolute;left: 50%;z-index:50;padding:10px 0;margin-left:-58px;display: none;}*/
/*.hd-t .lks .drop .lk{display: block;font-size: 15px;color:#333;text-align: center;line-height: 23px;padding:5px 5px;}*/
/*.hd-t .lks .drop .lk:hover{color:#3772e0;}*/
/*.hd-t .lks li:hover .drop{display: block;}*/



.hd-t .lks .idx-fastmenu{padding-right:0px!important; margin:0!important;position: relative; width:auto!important;}

.hd-t .lks .idx-fastmenu .lks{display: block;}
.hd-t .lks .idx-fastmenu .icon{width: 30px;height: 56px;background:url(../images/icon_01.png) no-repeat center;background-size:20px;display: block;cursor: pointer;}
.hd-t .lks .idx-fastmenu .drop{width: 1000px;border-radius:0 0 8px 8px; background: #fff; box-shadow:0 6px 9px rgba(163,163,163,.36);position: absolute;left:-480px;z-index:50;padding:0;display: none;}
.hd-t .lks .idx-fastmenu .lk{font-size: 16px;color:#333333;line-height: 24px;padding:0!important;}
.hd-t .lks .idx-fastmenu .lk:hover{color: #3772e0;}
.hd-t .lks .idx-fastmenu:hover .drop{display: block;}



.hd-c{padding:10px 0;background-color: #fff;}
.hd-c .wrap{}
.hd-c .logo .img{width: 205px;height: auto;}

.hd-c .samll-logo .img{width: 160px;height: auto;}

.hd-c .menu{flex:1;  display: flex;margin-left: 15px;}/*overflow: hidden;*/

.hd-c .menu ul{display: flex;flex-wrap: wrap;}
.hd-c .menu li{font-size: 15px;color:#333333;width: 33.333%;line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding-right: 3%;}
.hd-c .menu li a:hover{color:#3772e0;}

.hd-c .menu .col{width: 20%;padding:0 1px 0 2%;border-right:1px solid #e5e5e5;}
.hd-c .menu .col:last-child{border:0;}
.hd-c .menu .col:nth-child(1){width: 18%;}
.hd-c .menu .col:nth-child(2){width: 18%;}
.hd-c .menu .col:nth-child(3){width: 20%;}
ß.hd-c .menu .col:nth-child(4){width: 23%;}
.hd-c .menu .col:nth-child(5){width: 23%;}

.hd-c .menu .col1 li{
    width:33%;
}
.hd-c .menu .col1 li:nth-child(3n+3){
    width:34%;
}

.hd-c .menu .col2 li{
    width:28%;
}
.hd-c .menu .col2 li:nth-child(3n+1){
    width:36%;
}
.hd-c .menu .col2 li:nth-child(3n+2){
    width:36%;
}

.hd-c .menu .col3 li{
    width:26%;
}
.hd-c .menu .col3 li:nth-child(3n+2){
    width:40%;
}
.hd-c .menu .col3 li:nth-child(3n+3){
    width:33%;
}
.hd-c .menu .col4{
    width:21%;
}

.hd-c .menu .col4 li:nth-child(3n+1){
    width:45%;
}
.hd-c .menu .col4 li:nth-child(3n+2){
    width:30%;
}

.hd-c .menu .col4 li:nth-child(3n+3){
    width:25%;
}

.hd-c .menu .col5 li:nth-child(4n+1){
    width:30%;
}
.hd-c .menu .col5 li:nth-child(4n+2){
    width:25%;
}

.hd-c .menu .col5 li:nth-child(4n+3){
    width:25%;
}


.hd-c .menu .col5 li:nth-child(4n+4){
    width:20%;
}






.hd-c .menu li  .drop{
    white-space: normal;
}



.hd-c .menu li.c-main:hover .drop{
    display: block;
}

.hd-b{padding:0 0 5px;}
.hd-b .wrap{background-color: #3772e0;border-radius:5px;display: flex;align-items: center;}


.hd-special{padding:10px 0;background-color: #fff;}

.hd-special .logo .img{width: 180px;height: auto;}

.special-title{
    display: flex;

}

.special-title img{
    width:32px; height: 32px;
    margin-right:10px;
}
.special-title h3{
    font-size: 16px;
    font-weight: bold;
    padding:6px 15px;
    color: #ffffff;
}

/*.hd-special .special-nav {*/
/*    flex: 1;*/
/*    display: flex;*/
/*    justify-content: end;*/
/*    background-color:red;*/
/*}*/

/*.hd-special .special-nav ul {*/
/*    list-style: none;*/
/*    display: flex;*/
/*    justify-content: end;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/

/*.hd-special .special-nav li {*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/
/*.hd-special .special-nav li .current{*/
/*    background-color: #f0f0f0;*/
/*    color: #007BFF;*/
/*    border-radius:15px;*/
/*    border-bottom-left-radius:3px;*/
/*}*/

/*.hd-special .special-nav li a {*/
/*    display: block;*/
/*    font-size:16px;*/
/*    padding: 5px 15px;*/
/*    margin: 3px;*/
/*    text-decoration: none;*/
/*    color: #555;*/
/*}*/

/*.hd-special .special-nav li a:hover {*/
/*    background-color: #f0f0f0;*/
/*    color: #007BFF;*/
/*    border-radius:15px;*/
/*    border-bottom-left-radius:3px;*/
/*}*/

/*!* 斜线分隔符 *!*/
/*.hd-special .special-nav .divider {*/
/*    color: #cccccc;*/
/*    padding: 0 5px;*/
/*}*/

.special-nav a {
    position: relative;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    padding: 5px 12px;
    transition: background-color 0.2s ease;
    border-radius:16px;
    border-bottom-left-radius:6px;

}
.special-nav a:hover {
    background-color: #D87812;
    color: #fff;
}
.special-nav a.active {
    color: #fff;
    background-color: #D87812;

    /*content:'';*/
    /*position: absolute;*/
    /*width:40%;*/
    /*left:30% ;*/
    /*margin: auto;*/
    /*height: 0;*/
    /*background-color: #fff;*/

    /*bottom:-3px;*/
    /*border-bottom:5px solid #ffffff;*/
    /*border-radius: 3px;*/
}




.hd-nav{display: flex;flex:1;overflow: hidden;}
.hd-nav li{flex:1;text-align: center;/* border-right:1px solid rgba(255,255,255,.16); */}
.hd-nav li>a{display: block;font-size: 17px;color:#fff;line-height: 56px;position: relative;}
.hd-nav li>a::after{content:'';position: absolute;width: 0;height: 0;border-style: solid;border-width: 0 5.5px 8px 5.5px;border-color: transparent transparent #fff transparent;left: 50%;bottom: 0;margin-left:-4px;display: none;}
.hd-nav li>a:before{content:'';width: 1px;height: 20px;background-color: rgba(255,255,255,.16);position: absolute;left: 0;top: 50%;margin-top:-10px;}
.hd-nav li:first-child{flex:initial;padding:0 22px;}
.hd-nav li:first-child>a:before{display: none;}
.hd-nav li.cur>a::after{display: block;}

.hd-b .menu-more{padding-right: 10px;position: relative;}
.hd-b .menu-more .icon{width: 30px;height: 56px;background:url(../images/icon_01.png) no-repeat center;background-size:20px;display: block;cursor: pointer;}
.hd-b .menu-more .drop{width: 120px;background-color: #fff;border-radius:0 0 8px 8px;box-shadow:0 6px 9px rgba(163,163,163,.36);position: absolute;right: 0;z-index:50;padding:10px 0;display: none;}
.hd-b .menu-more .lk{display: block;font-size: 16px;color:#333333;line-height: 24px;padding:6px 6px 6px 20px;}
.hd-b .menu-more .lk:hover{color: #3772e0;}
.hd-b .menu-more:hover .drop{display: block;}


.hd-b .idx-fastmenu{padding-right: 10px;position: relative; width:30px!important;}
.hd-b .idx-fastmenu .icon{width: 30px;height: 56px;background:url(../images/icon_01.png) no-repeat center;background-size:20px;display: block;cursor: pointer;}
.hd-b .idx-fastmenu .drop{width: 1000px;border-radius:0 0 8px 8px;box-shadow:0 6px 9px rgba(163,163,163,.36);position: absolute;left:-960px;z-index:50;padding:0;display: none;}
.hd-b .idx-fastmenu .lk{display: block;font-size: 16px;color:#333333;line-height: 24px;padding:0!important;}
.hd-b .idx-fastmenu .lk:hover{color: #3772e0;}
.hd-b .idx-fastmenu:hover .drop{display: block;}




.foot{background-color: #1e2937;width: 100%;}
.foot .auto{max-width: 1200px;}
.ft-t{display: flex;align-items: flex-start;padding:40px 0 15px;}
.ft-t .tit{font-size: 18px;color:#fff;font-weight: bold;margin-bottom: 14px;}
.ft-t .menu{flex:1;overflow: hidden;display: flex;justify-content: space-between;padding-right: 8%;}
.ft-t .menu .col{}
.ft-t .menu .lks{}
.ft-t .menu .wz{font-size: 15px;color:rgba(255,255,255,.66);line-height: 1.6;display: block;margin-bottom: 8px;}
.ft-t .menu .phone-400{font-size:17px !important; }
.ft-t .menu a.wz:hover{color:#fff;}

.ft-t .wxbox{display: flex;align-items: flex-start;}
.ft-t .wxbox .col{padding-left: 45px;}
.ft-t .wxbox .box{display: flex;}
.ft-t .wxbox .grp{margin-left: 15px;}
.ft-t .wxbox .grp:first-child{margin-left: 0;}
.ft-t .wxbox .img{width: 80px;display: block;margin:0 auto;}
.ft-t .wxbox .fz{text-align: center;font-size: 15px;color:rgba(255,255,255,.66);margin-top: 10px;}

.ft-c{padding:20px 0;border-top:1px solid rgba(255,255,255,.09);display: flex;align-items: flex-start;}
.ft-c *{font-size: 14px;color:rgba(255,255,255,.66);line-height: 1.6;}
.ft-c .lks{flex:1;overflow: hidden;}
.ft-c .lks a{padding:0 5px;display: inline-block;vertical-align: middle;}
.ft-c .lks a:hover{color:#fff;}

.ft-b{background-color: #18222e;padding:20px 0;}
.ft-b .txt{text-align: center;font-size: 14px;color:rgba(255,255,255,.36);line-height: 24px;}
.ft-b .txt span{margin:0 5px;}



.top-ad{margin-bottom:8px;}
.top-ad .img{width: 100%;display: block;border-radius:8px;}

/* index */

.idx-tt{height: 50px;padding:10px 15px 0;border-bottom:1px solid #e8ecf1;display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.idx-tt .bt{font-size: 20px;color:#000;font-weight: bold;display: flex;   white-space: nowrap; margin:0 5px;  align-items: center;position: relative;line-height: 40px;}
.idx-tt .bt .ico{width: 26px;margin-right: 6px;}
.idx-tt .bt::after{content:'';position: absolute;width: 100%;left: 0;bottom: 0;height: 2px;background-color: #3772e0;}
.idx-tt .more{font-size: 14px;color:#979797;margin-left: 20px;}
.idx-tt .more::after{content:'';display: inline-block;vertical-align: middle;margin-left: 3px;width: 10px;height: 10px;background:url(../images/icon_03.png) no-repeat center;background-size:contain;}
.idx-tt .more:hover{color:#d89300;}
.idx-tt .more:hover::after{background-image:url(../images/icon_03-1.png);}
.idx-tt .bt.minwidth::after{min-width: 150px;}
.idx-tt .index-date{background:url(../images/per_06.png) no-repeat left center; background-size:18px; padding-left:22px; display: block;  font-size: 15px; color:#979797;}

.idx-tt .tabs{flex:1;overflow: hidden;}
.idx-tt .tabs .lk{font-size: 16px;color:#333;display: inline-block; cursor:pointer;vertical-align: middle;margin-right: 22px;line-height: 40px;}
.idx-tt .tabs .lk.cur,.idx-tt .tabs .lk:hover{color:#3772e0;}
.idx-tt .tabs .lk:last-child{margin-right: 0; }
.idx-tt .tabs .title{font-size: 20px; font-weight: bold; color:#333; display:flex; position:relative; vertical-align: middle;margin-right: 22px;line-height: 40px;}
.idx-tt .tabs .title:after{content:'';position: absolute;width: 100%;left: 0;bottom: 0;height: 2px;background-color: #3772e0;}
.idx-tt .bt+.tabs{margin:0 0 0 40px;}
.idx-tt .tabs.scroll{white-space: nowrap;overflow-x: scroll;  -ms-overflow-style: none; scrollbar-width: none;  }
.idx-tt .tabs.scroll::-webkit-scrollbar {
    display: none;             /* Chrome, Safari, Opera */
}


.scroll-container {
    position: relative;
    padding:0 25px;
    margin-left:20px;
    width: 87%;
}
.scroll-container .scroll-wrapper {
    width:100%;
    overflow: hidden;
}
.scroll-container .scroll-content {
    display: flex;
    transition: transform 0.3s;
    white-space: nowrap;
    width: fit-content;  /* 内容宽度自适应 */
    flex-wrap: nowrap;   /* 防止*/
}
.scroll-container .scroll-btn {
    background:url(../images/icon_03.png) no-repeat center;
    position: absolute;
    border: none;
    width:25px;
    height: 25px;
    transform: translateY(-50%);
    z-index: 1;
}

.scroll-container .prev {
    transform: rotate(180deg);
    top: 22.5%;
    left: 0;
}

.scroll-container .next {
    top: 50%;
    right: 0;
}


.idx-tt .bt+.tabs.small{margin:0 0 0 17px;}
.idx-tt .tabs.small .lk{margin-right: 15px;font-size: 15px;}

.idx-tt .bt+.tabs-swiper{margin-left: 15px;}
.idx-tt .tabs-swiper{position: relative;padding:0 20px;}
.idx-tt .tabs-swiper .swiper-container{position: static;}
.idx-tt .tabs-swiper .swiper-slide{width: auto;}
.idx-tt .tabs-swiper .swiper-slide .lk{margin: 0;padding:0 5px;display: block;font-size: 16px;}
.idx-tt .tabs-swiper .swiper-button{width: 20px;height: 20px;background:url(../images/icon_03.png) no-repeat center;background-size:10px;margin-top:-10px;}
.idx-tt .tabs-swiper .swiper-button-prev{left: 0;transform: rotate(180deg);}
.idx-tt .tabs-swiper .swiper-button-next{right: 0;}
.idx-tt .tabs-swiper .cur .lk{color:#3772e0;}

.m{border-radius:8px;background-color: #fff;}

.idx-list{ position: relative;}
.idx-list li{display: flex;justify-content: space-between;align-items: center;}
.idx-list .title{font-size: 16px;/* line-height: 44px; */display: block;-webkit-line-clamp: 1;line-height: 36px;flex:1;overflow: hidden;}
.idx-list .title:before{content:'';display: inline-block;vertical-align: middle;width: 5px;height: 5px;background-color: #bac2c9;border-radius:50%;margin-right: 10px;}
/*.idx-list .date{font-size: 15px;color:#333;margin-left: 25px;font-family: 'Arial';}*/
.idx-list li:hover .title{color:#d89300;}

.idx-list.small .title{font-size: 15px;/* line-height: 35px; */line-height: 33px;}

.idx-list .col-more {

    position: absolute;
    right:10px;
    bottom:10px;
}
.idx-list .col-more a{
    display: block;
    background: url("../images/jiantou.png") no-repeat right center;
    background-size:16px 16px;
    height:26px;
    padding-right:18px;
    line-height:26px;
    font-size:14px;
    color: #bfbfbf;
}

.idx-list .col-more2 {
    position: absolute;
    right:0px;
    bottom:5px;
}

.idx-list .col-more2 a{
    display: block;
}
.idx-list .col-more2 img{
    border: 0;
    height:22px;
    width:22px;
}

.idx-top{margin-bottom: 10px;display: flex;}

.idx-fastmenu{width: 320px;margin-right: 10px;position: relative;}
.idx-fastmenu .font{font-size: 18px;color:#3772e0;height: 46px;line-height: 46px;display: block;background-color: #d5e2f7;border-radius:5px;padding:0 16px;cursor: pointer;}
.idx-fastmenu .font:before{content:'';width: 26px;height: 26px;background:url(../images/icon_02.png) no-repeat center;background-size:contain;margin-right: 20px;display: inline-block;vertical-align: middle;}
.idx-fastmenu:hover .font{color:#fff;background-color: #3772e0;}
.idx-fastmenu:hover .font:before{background-image:url(../images/icon_02-1.png);}
.idx-fastmenu:hover .drop{display: block;}

.idx-fastmenu .drop{width: 1000px;position: absolute;left: 0;z-index:30;padding-top: 2px;display: none;}
.idx-fastmenu .dropbox{background-color: #fff;border:1px solid #3772e0;border-radius:5px;padding:12px 20px;}
.idx-fastmenu .row{display: flex;margin-bottom: 8px;align-items: flex-start;}
.idx-fastmenu .row:last-child{margin-bottom: 0;}
.idx-fastmenu .tit{font-size: 15px;color:#000;font-weight: bold;min-width: 120px;padding-right: 10px;display: flex;align-items: center;}
.idx-fastmenu .tit-sm{font-size: 14px; min-width:120px; font-weight: bold; color: #000;}
.idx-fastmenu .tit .ico{width: 22px;margin-right: 8px;}
.idx-fastmenu .lks{flex:1;overflow: hidden;margin-left:-20px;margin-top:-4px;}

.idx-fastmenu .lks .lk{display: inline-block;vertical-align: middle;font-size: 15px;color:#666;line-height: 24px;margin:4px 0 0 16px;}
.idx-fastmenu .lks .lk:hover{color:#3772e0;}
.idx-fastmenu  .lks .sm{font-size: 13px!important;}
.idx-fastmenu .lks .bold{color: #555555; font-weight: bold;}
.idx-fastmenu  .lks .ml-10{margin-left:10px !important;}
.idx-fastmenu  .lks .ml-12{margin-left:12px !important;}
.idx-top .search{display: flex;overflow: hidden;padding-right: 9%;}
.idx-top .search .smb{display: flex;flex:1;overflow: hidden;border:1px solid #e1e6ea;border-right:0;align-items: center;background-color: #fff;border-radius:5px 0 0 5px;}
.idx-top .search .select{width: 115px;height: 44px;line-height: 44px;border:0;appearance: none;-webkit-appearance: none;background:url(../images/icon_05.png) no-repeat 90% center;background-size:8px 5px;padding-left: 15px;font-size: 16px;}
.idx-top .search .line{width: 1px;height: 28px;background-color: #d7e0e7;}
.idx-top .search .ipt-txt{flex:1;overflow: hidden;font-size: 16px;padding:0 20px;line-height: 40px;}
.idx-top .search .submit{font-size: 16px;color:#fff;width: 115px;height: 46px;display: flex;align-items: center;justify-content: center;background-color: #3772e0;border:0;cursor: pointer;border-radius:0 5px 5px 0;}
.idx-top .search .submit:before{content:'';display: block;width: 18px;height: 18px;background:url(../images/idx_03.png) no-repeat center;background-size:contain;margin-right: 8px;}
.idx-top .search .submit:hover{background-color: #d89300;}

.idx-top .btns{display: flex;}
.idx-top .btns .lk{font-size: 16px;color:#7e868d;width: 110px;height: 46px;line-height: 44px;text-align: center;border:1px solid #b0b9c1;border-radius:5px;margin-left: 10px;display: block;}
.idx-top .btns .lk.this{color:#fff;background-color: #fbb215;border-color:#fbb215;}
.idx-top .btns .lk:hover{color:#fff;background-color: #3772e0;border-color:#3772e0;}

.idx-hq{display: flex;align-items: center;margin-bottom: 10px;padding:10px 0;}
.idx-hq .fz{font-size: 16px;color:#000;}
.idx-hq .wz{font-size: 16px;color:#000;margin-top: 3px;}

.idx-hq .titbox{width: 130px;position: relative;padding-left: 25px;}
.idx-hq .titbox::after{content:'';width: 1px;height: 36px;background-color: #e5e5e5;position: absolute;right: 0;top: 50%;margin-top:-18px;}

.idx-hq .list{flex:1;overflow: hidden;padding:0 2.2%;height: 47px;}
.idx-hq .list li{display: flex;justify-content: space-between;}
.idx-hq .list .wz em{margin-left: 4px;font-size: 13px;}
.idx-hq .list .wz em::after{content:'';display: inline-block;vertical-align: middle;width: 10px;height: 11px;margin-left: 3px;}
.idx-hq .list .up .wz{color:#ff4e11;}
.idx-hq .list .up .wz em::after{background:url(../images/idx_02-1.png) no-repeat center;background-size:contain;}
.idx-hq .list .down .wz{color:#20b85d;}
.idx-hq .list .down .wz em::after{background:url(../images/idx_02.png) no-repeat center;background-size:contain;}



.idx-s1{display: flex;}
.idx-s1 .l{width: 32.5%;}
.idx-s1 .c{flex:1;overflow:hidden;margin:0 10px;}
.idx-s1 .r{width: 27.5%;}


.idx-tps{padding: 15px;}
.idx-tps .slide .item{height: 245px;display: block;border-radius:8px;overflow: hidden;position: relative;}
.idx-tps .slide .title{font-size: 16px;color:#fff;position: absolute;width: 76%;left: 0;bottom: 12px;padding:0 15px;display: block;}
.idx-tps .slide .swiper-pagination{width: auto;left:auto;right: 20px;bottom: 20px;font-size: 0;}
.idx-tps .slide .swiper-pagination-bullet{width: 9px;height: 9px;background-color: #fff;opacity: 1;}
.idx-tps .slide .swiper-pagination-bullet-active{background-color: #fbb215;}

.idx-tps .list{display: flex;justify-content: space-between;}
.idx-tps .list .item{width: 48.5%;margin-top: 3%;}
.idx-tps .list .imgbox{border-radius:8px;height: 135px;}
.idx-tps .list .title{font-size: 16px;line-height: 21px;-webkit-line-clamp: 2;margin-top: 10px;}
.idx-tps .list .item:hover .title{color:#d89300;}


.special-tps .slide .item{height: 289px;display: block;border-radius:8px;overflow: hidden;position: relative;}
.special-tps .slide .title{font-size: 16px;color:#fff;position: absolute;width: 76%;left: 0;bottom: 12px;padding:0 15px;display: block;}
.special-tps .slide .swiper-pagination{width: auto;left:auto;right: 20px;bottom: 20px;font-size: 0;}
.special-tps .slide .swiper-pagination-bullet{width: 9px;height: 9px;background-color: #fff;opacity: 1;}
.special-tps .slide .swiper-pagination-bullet-active{background-color: #fbb215;}

.special-tps .list{display: flex;justify-content: space-between;}
.special-tps .list .item{width: 48.5%;margin-top: 3%;}
.special-tps .list .imgbox{border-radius:8px;height: 135px;}
.special-tps .list .title{font-size: 16px;line-height: 21px;-webkit-line-clamp: 2;margin-top: 10px;}
.special-tps .list .item:hover .title{color:#d89300;}

.special-sub-nav{
    border-radius: 1px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 16px;
    background: #fefefe;
}

.special-sub-nav .nav-menu{
    padding-left:20px;
    width:1400px;
    margin: auto;
    display: flex;
    height:60px;


}

.special-sub-nav .nav-menu .nav-logo{
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 20px;

    margin-right: 20px;
}
.special-sub-nav .nav-menu .nav-logo:after{
    content: '';
    border-right:1px solid #fbfbfb;
    height: 1px;
}
.special-sub-nav .nav-menu .nav-logo img{
    width: auto;
    height: 30px;
    margin-right:20px;
}
.special-sub-nav .nav-menu .menu-list{
    display: flex;
}







.idx-sp{overflow: hidden;}
.idx-sp .videobox{margin: 0 20px 15px;height: 235px;}
.idx-sp .video{width: 100%;height: 100%;object-fit: contain;}



.idx-sp{overflow: hidden;}
.idx-sp .tablebox{margin: 0 20px 15px;height: 235px;}
.idx-sp .video{width: 100%;height: 100%;object-fit: contain;}

.idx-xw{padding: 15px 20px;}
.idx-xw .hot li:nth-child(1) .title,.idx-xw .hot li:nth-child(2) .title,.idx-xw .hot li:nth-child(3) .title{font-weight: bold;}
.special-main .idx-xw{padding: 10px 20px;}

.special-idx-list li:nth-child(1) .title,.special-idx-list li:nth-child(4) .title  {
    font-weight: bold;
    font-size: 20px;
}

.special-idx-xw{padding: 15px 20px;}
.special-idx-list li:nth-child(3){
    margin-bottom: 20px;
}

.special-idx-list li{display: flex;justify-content: space-between;align-items: center;}
.special-idx-list .title{font-size: 16px;/* line-height: 44px; */display: block;-webkit-line-clamp: 1;line-height: 38px;flex:1;overflow: hidden;}
.special-idx-list .title:before{content:'';display: inline-block;vertical-align: middle;width: 5px;height: 5px;background-color: #bac2c9;border-radius:50%;margin-right: 10px;}
/*.idx-list .date{font-size: 15px;color:#333;margin-left: 25px;font-family: 'Arial';}*/
.special-idx-list li:hover .title{color:#d89300;}

.special-idx-list.small .title{font-size: 15px;/* line-height: 35px; */line-height: 33px;}

.special-catalog-block{
    width:497px;
    background: #ffffff;

}

.special-row{
    display: flex;
    justify-content:space-between;
}



.pagelist{margin-top: 30px;text-align: center;}
.layui-laypage{margin: 0;}
.layui-laypage a, .layui-laypage span{font-size: 14px;min-width: 30px;height: 30px;background-color: #fff;margin:0 4px;text-align: center;padding: 0;overflow: hidden;border-radius:5px;line-height: 30px;color:#5e6a75;border:1px solid #d4dce7;}
.layui-laypage>a:last-child, .layui-laypage>a:last-child em{border-radius:5px;}
.layui-laypage .layui-laypage-prev,.layui-laypage .layui-laypage-next{padding:0;border-radius:5px;}
.layui-laypage .layui-laypage-prev em,.layui-laypage .layui-laypage-next em{line-height: 1;}
.layui-laypage .layui-laypage-prev{border-radius:5px!important;background:#fff!important;color:#5e6a75;}
.layui-laypage .layui-laypage-next{background-color: #fff;color:#5e6a75;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #0055ff;}
.layui-laypage a:hover{color:#0055ff;}
.layui-laypage .layui-laypage-skip{background-color: #fff;height: 32px;line-height: 32px;color:#333;}
.layui-laypage .layui-laypage-curr em{display: block;}
.layui-laypage input{width: 44px;height: 32px;text-align: center;line-height: 32px;border:1px solid #d4dce7;border-radius:5px;font-size: 14px;color:#000;margin:0 5px;}
.layui-laypage input:focus, .layui-laypage select:focus{border-color:#d4dce7!important;}
.layui-laypage button{display: none;}
.layui-form-radio{
    padding:0!important;
    margin:0!important;
}





.idx-main .idx-zs{height: 480px;}


.special-main .idx-zs{height: 275px;}


.special-main  .idx-zs .chart{height: 160px;}

.idx-zs .detail{padding:0 20px;}
.idx-zs .row{padding:8px 0;}
.idx-zs .font{display: flex;cursor: pointer;}
.idx-zs .font .wz{font-size: 16px;min-width: 110px;}
.idx-zs .font .zs{display: flex;flex:1;overflow: hidden;}
.idx-zs .font .zs span{width: 33.33%;font-size: 16px;color:#ff4e11;}
.idx-zs .font .red span{color:#ff4e11 !important;}
.idx-zs .font .green span{color:#20b85d !important;}
.idx-zs .font .blue span{color:#155dfc !important;}
.idx-zs .drop{padding-top:0; display: none;}
.idx-zs .chart{height: 205px; position: relative;}
.idx-zs .chart .img{width: 100%;height: 100%;display: block;}
.idx-zs .row.cur .drop{display: block;}
.idx-zs .row.cur .wz{color: #3772e0;}

.idx-zs  .chart-single-slide,.idx-zs  .chart-multi-slide{
    display: block;
    width:320px !important;
    height:210px !important;
    margin-bottom:10px;
}

.idx-zs .chart-multi-slide{
    margin-bottom:30px;
}
.idx-zs .chart-single-slide canvas,.idx-zs  .chart-multi-slide canvas{
    width:100%;
    height:100%;
}





.idx-vote{min-height: 290px; padding-bottom:10px;}
.idx-vote .detail{padding:5px 20px;}
.idx-vote .title{font-size: 18px;color:#000;font-weight: bold;}
.idx-vote .opts{}
.idx-vote .opt{font-size: 16px;line-height: 30px;display: flex;align-items: center;margin-top: 7px;}
.idx-vote .opt input{appearance: none;-webkit-appearance: none;width: 18px;height: 18px;border:1px solid #c2d1dd;border-radius:50%;margin-right: 8px;}
.idx-vote .opt input:checked{background:url(../images/icon_04.png) no-repeat center;background-size:100% 100%;border:0;}

.idx-vote .btns{display: flex;justify-content: center;padding:10px 0 0;}
.idx-vote .submit,.idx-vote .link{font-size: 16px;color:#fff;width: 110px;height: 42px;line-height: 42px;border-radius:23px;text-align: center;border:0;cursor: pointer;margin:0 10px;}
.idx-vote .submit{background-color: #3772e0;}
.idx-vote .link{background-color: #fbb215;}
.idx-vote .submit:hover{background-color: #0141b7;}

.idx-vote .link:hover{background-color: #ca8b02;}

.article-list .detail{padding:5px 20px;}


.idx-s2{display: flex;}
.idx-s2 .imgbox{display: block;height: 100px;border-radius:8px;overflow: hidden;}
.idx-s2 .imgbox1{flex:1;overflow: hidden;}
.idx-s2 .imgbox2{width: 27.5%;margin-left: 10px;}


.idx-mod{display: flex;margin-bottom: 10px;}
.idx-mod .l{flex:1;overflow: hidden;}
.idx-mod .r{width: 27.5%;margin-left: 10px;}

.idx-mod .detail{padding:5px 20px 10px; }
.idx-mod .col{width: 48%;}
.idx-mod .hwrap {min-height:387px;}
.hot-box{display: flex;align-items: center;margin-bottom: 15px;}
.hot-box .imgbox{width:165px; height: 105px;border-radius:8px;overflow: hidden;margin-right: 18px;display: block; border:1px solid #eaeaea}
.hot-box .title{font-size: 22px;line-height: 30px;color:#000;-webkit-line-clamp: 2;font-weight: bold;}
.hot-box:hover .title{color:#d89300;}

.hot-box.small{margin-bottom: 10px;}
.hot-box.small .imgbox{width: 135px;height: 95px;}
.hot-box.small .title{font-size: 18px;line-height: 26px;}

.idx-data .idx-tt .tabs .lk{margin-right: 10px;}
.idx-data .datechoose{height: 30px;border:1px solid #e2e2e2;border-radius:15px;font-size: 14px;color:#979797;width: 130px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.idx-data .datechoose::before{content:'';width: 16px;height: 16px;background:url(../images/idx_17.png) no-repeat center;background-size:18px;margin-right: 6px;display: inline-block;}


.idx-data .smmenu{text-align: center;padding:10px 20px;position: relative;width: 94%;margin:0 auto;}
.idx-data .smmenu .lk{display: inline-block;vertical-align: middle;font-size: 16px;color:#3772e0;border:1px solid #3772e0;line-height: 30px;border-radius:18px;padding:0 15px;margin:0 5px;cursor: pointer;}
.idx-data .smmenu .lk.cur{color:#fff;background-color: #3772e0;}

.idx-data .smmenu .swiper-container{position: static;}
.idx-data .smmenu .swiper-slide{width: auto;}
.idx-data .smmenu .swiper-button{width: 20px;height: 20px;background:url(../images/icon_03.png) no-repeat center;background-size:12px;margin-top:-10px;}
.idx-data .smmenu .swiper-button-prev{left: 0;transform: rotate(180deg);}
.idx-data .smmenu .swiper-button-next{right: 0;}
.idx-data .smmenu .cur .lk{color:#fff;background-color: #3772e0;}




.idx-data .chart{height: 290px;padding: 10px 20px; position: relative;}
.idx-data .chart .img{width: 100%;height: 100%;display: block;}

.idx-data .addicon{width: 20px;height: 20px;background:url(../images/idx_16.png) no-repeat center;background-size:18px;display: inline-block;vertical-align: middle;margin-left:-10px;cursor: pointer;}

.idx-data .tablebox{padding:5px 10px 15px;}
.idx-data .tablebox th,.idx-data .tablebox td{font-size: 14px;line-height: 21px;padding:8px 2px;text-align: center;}
.idx-data .tablebox th{background-color: #e7f1fd;}
.idx-data .tablebox tbody tr:nth-child(even){background-color: #f3f8fc;}
.idx-data .tablebox .icon{width: 18px;height: 18px;background:url(../images/idx_18.png) no-repeat center;background-size:contain;display: inline-block;vertical-align: middle;}
.idx-data .tablebox td .text{width: 100px;   display: block;   overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/* .idx-rili .datebox{width: 160px;height: 30px;border:1px solid #e2e2e2;border-radius:15px;display: flex;align-items: center;justify-content: center;font-size: 14px;color:#979797;}
.idx-rili .datebox span:first-child{cursor: pointer;}
.idx-rili .datebox span:last-child{margin-left: 6px;}
.idx-rili .datebox::after{content:'';width: 8px;height: 8px;background:url(../images/icon_03.png) no-repeat center;background-size:contain;transform: rotate(90deg);margin-left: 9px;} */

.idx-data .price-table{
    width:570px;
}
.idx-data .price-table table{
    width:100%;
}

.idx-data .price-table tr{
    width:100%;
}
.idx-data .price-table tr td:first-child,.idx-data .price-table tr th:first-child{
    width:110px;
}
.idx-data .price-table tr td:nth-child(2),.idx-data .price-table tr th:nth-child(2){
    width:110px;
}.idx-data .price-table tr td:nth-child(3),.idx-data .price-table tr th:nth-child(3){
     width:80px;
 }
.idx-data .price-table tr td:nth-child(4),.idx-data .price-table tr th:nth-child(4){
    width:80px;
}
.idx-data .price-table tr td:nth-child(5),.idx-data .price-table tr th:nth-child(5){
    width:60px;
}
.idx-data .price-table tr td:nth-child(6),.idx-data .price-table tr th:nth-child(6){
    width:110px;
}
.idx-data .price-table tr td:nth-child(7),.idx-data .price-table tr th:nth-child(7){
    width:50px;
}
.idx-data .price-table-tbody{
    height:300px;
    overflow: hidden;
}


.rili-datebox{width: 160px;height: 30px;border:1px solid #e2e2e2;border-radius:15px;line-height:30px;font-size: 14px;color:#979797;position: relative;padding:0 10px;}
.rili-datebox .date{cursor: pointer;width: 100%;display: block;position: relative;z-index:5;}
.rili-datebox .day{margin-left: 6px;position: absolute;left: 95px;top: 0;}
.rili-datebox::after{content:'';width: 8px;height: 8px;background:url(../images/icon_03.png) no-repeat center;background-size:contain;transform: rotate(90deg);position: absolute;right: 10px;top: 50%;margin-top:-4px;}


.idx-rili .list{/* min-height: 160px; */}
.idx-rili .list li{position: relative;}
.idx-rili .list li::after{content:'';position: absolute;width: 1px;height: 16px;background-color: #dae3ea;left: 2px;bottom: -7px;}
.idx-rili .list li:last-child::after{display: none;}
.idx-rili .title{font-size: 15px;line-height: 30px;display: block;-webkit-line-clamp: 1;}
.idx-rili .title:before{content:'';display: inline-block;vertical-align: middle;width: 5px;height: 5px;background-color: #bac2c9;border-radius:50%;margin-right: 10px;}
.idx-rili li:hover .title{color:#d89300;}
.idx-rili li:hover .title:before{background-color: #d89300;}


.idx-jsq{}
.idx-jsq .form{padding:10px 20px;}
.idx-jsq .form .font .tit{min-width: auto;}
.idx-jsq .form .font{display: flex;justify-content: space-between;height: 44px;padding:0 20px;margin-bottom: 20px;background-color: #f3f8fc;align-items: center;}

.idx-jsq .form .row{display: flex;align-items: flex-start;margin-bottom: 15px;}
.idx-jsq .form .tit{font-size: 16px;color:#000;min-width: 65px;text-align: right;margin-right: 8px;line-height: 36px;}
.idx-jsq .form .info{flex:1;overflow: hidden;}
.idx-jsq .form .ipt{width: 100%;border-radius:3px;border:1px solid #e2e2e2;font-size: 16px;}
.idx-jsq .form .ipt-txt,.idx-jsq .form .select{padding:0 12px;height: 36px;line-height: 34px;}
.idx-jsq .form .btns{display: flex;justify-content: center;}
.idx-jsq .form .submit,.idx-jsq .form .reset{font-size: 16px;color:#fff;width: 110px;height: 40px;line-height: 40px;border-radius:23px;text-align: center;border:0;cursor: pointer;margin:0 10px;}
.idx-jsq .form .submit{background-color: #3772e0;}
.idx-jsq .form .reset{background-color: #fbb215;}
.idx-jsq .form .submit:hover,.idx-jsq .form .reset:hover{background-color: #1e2937;}


.idx-qy{}
.idx-qy .list{padding:10px 20px;/* width: 100%!important; */}
.idx-qy .list li{font-size: 16px;color:#333333;line-height: 24px;text-align: center;display: block;padding:8px 0;}
.idx-qy .list li:last-child{margin-bottom: 0;}
.idx-qy .list li:hover{color:#d89300;}



.idx-gq .tablebox{padding:0px;}

.idx-gq .tablebox th,.idx-gq .tablebox td{font-size: 16px;line-height: 24px;padding:10px 5px;text-align: center;border-right:1px solid #d9e3ee;}
.idx-gq .tablebox th{background-color: #e7f1fd; text-align: center;}
.idx-gq .tablebox th:last-child,.idx-gq .tablebox td:last-child{border-right:0;}
.idx-gq .tablebox tbody tr:nth-child(even){background-color: #f3f8fc;}




.idx-pp{}
.idx-pp .detail{padding:5px 20px 10px;}
.idx-pp .list{display: flex;flex-wrap: wrap;margin-left:0;}
.idx-pp .list li{height: 105px;width: 16%;margin:0 0 10px 3.4%;display: flex;align-items: center;justify-content: center;border:1px solid #e8ecf1;border-radius:6px;overflow: hidden;}
.idx-pp .list .img{width: 100%;height: 100%;object-fit: contain;transition: all 0.3s;}
.idx-pp .list li:hover .img{transform: scale(1.1,1.1);}


/* 品种首页 */
.pz-s1{display: flex;}
.pz-s1 .l{width: 250px;}
.pz-s1 .c{flex:1;overflow:hidden;margin:0 10px;}
.pz-s1 .r{width: 360px;}


.pub-smtt{height: 50px;padding:10px 10px 0 15px;display: flex;align-items: center;border-bottom:1px solid #e8ecf1;justify-content: space-between;}
.pub-smtt .bt{font-size: 20px;font-weight: bold;display: flex;align-items: center;}
.pub-smtt .bt:before{content:'';width: 5px;height: 18px;background-color: #3772e0;border-radius:3px;margin-right: 10px;}

.pub-smtt .more{font-size: 14px;color:#979797;}
.pub-smtt .more::after{content:'';display: inline-block;vertical-align: middle;margin-left: 1px;width: 10px;height: 10px;background:url(../images/icon_03.png) no-repeat center;background-size:contain;}
.pub-smtt .more:hover{color:#d89300;}
.pub-smtt .more:hover::after{background-image:url(../images/icon_03-1.png);}



.crumb{line-height: 26px;margin:6px auto;}
.crumb:before{content:'';display: inline-block;vertical-align: middle;width: 16px;height: 16px;background:url(../images/icon_06.png) no-repeat center;background-size:contain;margin:-1px 2px 0 0;}
.crumb,.crumb *{font-size: 14px;color:#999999;}
.crumb a:hover{color:#3366cc;}



.pz-main .idx-zs{min-height: 300px;}
.pz-main .l{width: 250px;}
.pz-main .c{flex:1;overflow: hidden;margin:0 10px;}
.pz-main .r{/* width: 360px; */ width: 25.7%;}
.pz-main .idx-s2 .imgbox2{width: 360px;}

.pz-dd{}
.pz-dd .lks{display: flex;flex-wrap: wrap;justify-content: space-between;padding:5px 10px 10px 20px;}
.pz-dd .lks .lk{min-width: 48%;font-size: 16px;color:#333333;line-height: 30px;margin-top: 5px;}

.pz-sp{}
.pz-sp .detail{padding:10px 10px 10px;}
.pz-sp .hotbox{border-radius:10px;display: block;overflow: hidden;height: 145px;position: relative;}
.pz-sp .hotbox .bot{position: absolute;width: 100%;left: 0;bottom: 0;background-color: rgba(0,0,0,.6);padding:6px 5px;}
.pz-sp .hotbox .title{font-size: 12px;color:#fff;line-height: 1.4;-webkit-line-clamp: 2;}
.pz-sp .hotbox:hover .bot{background-color: rgba(0,0,0,.7);}
.pz-sp .icon{width: 40px;height: 40px;background:url(../images/pz_02.png) no-repeat center;background-size:contain;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-48%);}

.pz-sp .list{}
.pz-sp .list li{font-size: 14px;color:#333333;line-height: 1.4;margin-top: 8px;}
.pz-sp .list li:hover{color:#3366cc;}

.pz-rili .rili-datebox{width: 118px;}

.pz-rili .list{padding:5px 10px 10px 20px;}
.pz-rili .list li{position: relative;}
.pz-rili .list li::after{content:'';position: absolute;width: 1px;height: 16px;background-color: #dae3ea;left: 2px;bottom: -7px;}
.pz-rili .list li:last-child::after{display: none;}
.pz-rili .title{font-size: 15px;line-height: 30px;display: block;-webkit-line-clamp: 1;}
.pz-rili .title:before{content:'';display: inline-block;vertical-align: middle;width: 5px;height: 5px;background-color: #bac2c9;border-radius:50%;margin-right: 10px;}
.pz-rili li:hover .title{color:#3366cc;}
.pz-rili li:hover .title:before{background-color: #3366cc;}

.pz-pp{}
.pz-pp .list{padding:8px 10px 1px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.pz-pp .list li{width: 110px;height: 53px;border:1px solid #e8ecf1;border-radius:6px;margin-bottom: 8px;overflow: hidden;}
.pz-pp .list .img{width: 100%;height: 100%;object-fit: contain;}

.pz-tp{height: 240px;overflow: hidden;display: block;}


.pz-xw{}
.pz-xw .titbox{height: 50px;padding:10px 20px 0;display: flex;align-items: center;justify-content: space-between;border-bottom:1px solid #e8ecf1;}
.pz-xw .titbox .bt{font-size: 20px;display: flex;align-items: center;}
.pz-xw .titbox .ico{width: 20px;margin-right: 8px;}
.pz-xw .titbox .tabs{}
.pz-xw .titbox .tabs .wz{display: inline-block;vertical-align: middle;font-size: 16px;color:#333333;margin-left: 15px;line-height: 36px;}
.pz-xw .titbox .tabs .wz.cur,.pz-xw .titbox .tabs .wz:hover{color:#3366cc;}

.pz-xw .grp{position: relative;display: inline-block;vertical-align: middle;}
.pz-xw .grp:hover .erji-drop,.c-main .grp:hover .erji-drop{display: block;}

.list-l .grp{position: relative;display: inline-block;vertical-align: middle;}
.list-l .grp:hover .erji-drop,.c-main .grp:hover .erji-drop{display: block;}

.list-l .grp .wz{
    display:inline-block;
    background:url(../images/icon_09.png) no-repeat right center;
    padding-right:20px;
}

.pz-xw .detail{padding:4px 20px 20px;}
.pz-xw .idx-list li span{font-size: 16px; font-family:"Arial", "Helvetica", sans-serif; font-weight: normal;  color:#707070;display: block; width:120px; text-align: right; }
.pz-xw .idx-list li:nth-child(8n+1){margin-top: 20px;}
.pz-xw .idx-list li:nth-child(8n+1) .title{font-size: 18px;color:#333;display: block; font-weight: bold; }
.pz-xw .idx-list li:nth-child(8n+1) .title:before{display: none;}
.pz-xw .idx-list li:nth-child(8n+1):hover .title{color:#d89300;}

.pz-xw .idx-list li:nth-child(8n+1) .font-bold:before{display: none;}

.pz-ss{padding:8px 10px;}
.pz-ss .search{display: flex;border:1px solid #e1e6ea;border-radius:5px;overflow: hidden;}
.pz-ss .search .ipt-txt{flex:1;overflow: hidden;font-size: 15px;color:#000;padding:0 10px;}
.pz-ss .search .submit{width: 46px;height: 46px;background:url(../images/idx_03.png) no-repeat center #fbb215;background-size:18px;cursor: pointer;border:0;}
.pz-ss .search .submit:hover{background-color:#3772e0;}
.pz-ss .bot{display: flex;align-items: center;margin-top: 6px;}
.pz-ss .bot .ic{width: 38px;}
.pz-ss .bot .lks{flex:1;overflow: hidden;}
.pz-ss .bot .lk{display: inline-block;vertical-align: middle;font-size: 14px;color:#ccc;margin-left: 5px;}
.pz-ss .bot .lk:hover{color:#3772e0;}
.r .report-sec{margin-bottom:10px;}
.r .report-sec:last-child{margin-bottom:0;}
.report-sec .detail{padding:5px 20px 10px; min-height:215px;}

.pz-jg .tablebox{padding:5px 10px 15px;}
.pz-jg .tablebox th,.pz-jg .tablebox td{font-size: 14px;line-height: 21px;padding:8px 2px;text-align: center;  }
.pz-jg .tablebox th{background-color: #e7f1fd;}
.pz-jg .tablebox tbody tr:nth-child(even){background-color: #f3f8fc;}
.pz-jg .tablebox .icon{width: 18px;height: 18px;background:url(../images/idx_18.png) no-repeat center;background-size:contain;display: inline-block;vertical-align: middle;}
.pz-jg .tablebox td span{overflow: hidden; width:100%; margin: auto; white-space: nowrap; display: block;}
.pz-jg .tablebox td:first-child span{max-width:60px;}
.pz-jg .tablebox td:nth-child(2) span{max-width:80px;}
.pz-jg .tablebox td:nth-child(4) span{max-width:60px;}
.pz-gq .detail{padding:5px 20px 10px;}
.pz-gq .list{}
.pz-gq .list li{font-size: 16px;color:#333333;display: flex;line-height: 32px;}
.pz-gq .list .wz{margin-right: 6px;}
.pz-gq .list .gy{color:#d89300;}
.pz-gq .list .qg{color:#3772e0;}
.pz-gq .list .title{display: block;flex:1;overflow: hidden;}
.pz-gq .list li:hover .gy+.title{color:#d89300;}
.pz-gq .list li:hover .qg+.title{color:#3772e0;}


/* 三级页面 */
.list-main{display: flex;padding:0 0 30px;}
.list-l{flex:1;overflow: hidden;}
.list-r{/* width: 385px; */margin-left: 10px;width: 32%;}

.list-l .titbox{display: flex;align-items: center;border-bottom:1px solid #e8ecf1;height: 65px;padding:15px 20px 0;}
.list-l .titbox .bt{font-size: 20px;color:#999999;margin-right: 25px;font-weight: bold; min-width:120px; white-space: nowrap; display: flex;align-items: center;line-height: 50px;cursor: pointer;}
.list-l .titbox .ico{width: 28px;margin-right: 5px;}
.list-l .titbox .smbt{font-size: 20px;color:#3366cc;padding:0 6px;position: relative;line-height: 50px;font-weight: bold;}

.list-l .titbox .smbt::after{content:'';position: absolute;left: 0;bottom: 0;height: 2px;background-color: #3366cc;width: 100%;}
.list-l .titbox .lanm{position: relative; display: flex;}
.list-l .titbox .lanm .bt{
    margin:0!important;
}
.list-l .titbox .lanm .erji-drop{right: auto;left: 0;margin-top:-3px; top:50px;}
.list-l .titbox .lanm:hover .erji-drop{display: block;}
.list-l .titbox span{display: inline-block; margin: 0 10px; vertical-align: middle;}





.list-l .detail{padding:5px 25px 25px;}
.list-l .idx-list li:nth-child(8n+1){margin-top: 20px;}
.list-l .idx-list li:nth-child(8n+1) .title{font-size: 18px;color:#333;display: block; font-weight: bold; }
.list-l .idx-list li:nth-child(8n+1) .title:before{display: none;}
.list-l .idx-list li:nth-child(8n+1) .text-bold:before{display: none;}
.list-l .idx-list li:nth-child(8n+1):hover .title{color:#d89300;}


.list-ad{display: block;border-radius: 8px;overflow: hidden;}
.list-ad .img{width: 100%;display: block;}

.list-arc{}
.list-arc .detail{padding:5px 20px 10px;}
.list-arc .idx-list li:nth-child(8n+1) .title{font-size: 18px;color:#333;display: block;font-weight: bold;}
.list-arc .idx-list li:nth-child(8n+1) .title:before{display: none;}
.list-arc .idx-list li:nth-child(8n+1):hover .title{color:#d89300;}

.list-rank{}
.list-rank .detail{padding:5px 20px 10px;}
.list-rank .tags{font-size: 0;margin-left:-4px;padding-bottom: 10px;}
.list-rank .tags .lk{display: inline-block;vertical-align: middle;font-size: 14px;color:#79808b;padding:0 8px;line-height: 25px;background-color: #f3f8fc;margin:0 0 4px 4px;}
.list-rank .tags .lk:hover{color:#fff;background-color: #3772e0;}

.list-rank .list li{display: flex;align-items: center;margin-bottom: 5px;}
.list-rank .list .num{font-size: 16px;color:#333;width: 38px;height: 38px;display: flex;align-items: center;justify-content: center;margin-right: 10px;}
.list-rank .list .title{font-size: 16px;color:#333;flex:1;overflow: hidden;}
.list-rank .list li:nth-child(1) .num{font-size: 0;background:url(../images/list_04.png) no-repeat center;background-size:contain;}
.list-rank .list li:nth-child(2) .num{font-size: 0;background:url(../images/list_05.png) no-repeat center;background-size:contain;}
.list-rank .list li:nth-child(3) .num{font-size: 0;background:url(../images/list_06.png) no-repeat center;background-size:contain;}
.list-rank .list li:nth-child(1) *,.list-rank .list li:nth-child(2) *,.list-rank .list li:nth-child(3) *{color:#d89300;}
.list-rank .list li:hover *{color:#d89300;}


/* 详情页-文字 */
.det-head{height: 50px;background-color: #fff;}
.det-head .wrap{height: 100%;display: flex;align-items: center;justify-content: space-between;}
.det-head .l,.det-head .r{display: flex;align-items: center;}
.det-head .smlogo{height: 36px;}

.det-head .grp{display: inline-block;vertical-align: middle;margin-left: 15px;}
.det-head .grp .lk{font-size: 14px;}
.det-head .grp:hover .lk{color:#3772e0;text-decoration: underline;}
.det-head .ewm .lk::after{content:'';display: inline-block;vertical-align: middle;width: 12px;height: 12px;background:url(../images/icon_09.png) no-repeat center;background-size:contain;margin:-1px 0 0 5px;}

.det-head .nav{margin-left: 35px;}
.det-head .nav li{display: inline-block;vertical-align: middle;margin-right: 25px;position: relative;}
.det-head .nav li>a{display: block;font-size: 16px;color:#333;line-height: 40px;}
.det-head .nav li:first-child>a:before{content:'';display: inline-block;vertical-align: middle;width: 18px;height: 18px;background:url(../images/icon_08.png) no-repeat center;background-size:contain;margin:-3px 4px 0 0;}
.det-head .nav li.more>a::after{content:'';display: inline-block;vertical-align: middle;background:url(../images/icon_09.png) no-repeat center;background-size:contain;width: 12px;height: 12px;margin: -2px 0 0 4px;}
.det-head .nav li:hover>a{color:#3772e0;}
.det-head .nav li:hover .drop{display: block;}




.erji-drop{width: 500px;background-color: #fff;position: absolute;right: 0;box-shadow:0 0 9px rgba(163,163,163,.36);border-radius: 8px;padding: 15px 15px 10px 25px;z-index:9000;display: none;}
.erji-drop .lks{margin-left:-2%;font-size: 0;}
.erji-drop .lks .lk{display: inline-block;vertical-align: middle;font-size: 15px; color:#333;line-height: 26px;margin:0 0 8px 2%;min-width: 18%;}
.erji-drop .lks .lk:hover{color:#3772e0;}


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

.det-main{display: flex;align-items: flex-start;padding:0 0 30px;}
.det-main .l{flex:1;overflow: hidden;}
.det-main .r{width: 385px;margin-left: 10px;}

.det-xq{padding:20px 30px;}
.det-xq .title{font-size: 34px;line-height: 1.4;color:#000;font-weight: bold;}
.det-xq .sm{display: flex;justify-content: space-between;align-items: center;margin-top: 10px;}
.det-xq .sm .sm-l,.det-xq .sm .sm-r{display: flex;align-items: center;}
.det-xq .sm .sm-l span{font-size: 14px;color:#999999;margin-right: 20px;}
.det-xq .sm .dz{background:url(../images/det_04.png) no-repeat left center;background-size:16px;padding-left: 19px;}

.det-xq .font{display: flex;align-items: center;}
.det-xq .font em{font-size: 14px;color:#fff;width: 24px;height: 24px;background-color: #3772e0;border-radius:5px;margin-right: 20px;display: flex;align-items: center;justify-content: center;}
.det-xq .font span{font-size: 14px;color:#666666;width: 22px; cursor: pointer; height: 22px;border-radius:50%;display: flex;align-items: center;justify-content: center;margin-right: 8px;}
.det-xq .font span.checked{color:#fff;background-color: #ee502f;}



.det-xq .subscription{

    font-size: 14px;
    color:#333333;
    line-height: 32px;
    height: 32px;
    text-align: center;
    cursor: pointer;
    border:none;
    background: none;
    padding:0px 6px;
    margin-right:10px;
}
.det-xq .subscription span:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right:6px;width: 26px;
    height: 26px;margin-top:-2px;
    background:url(../images/dingyue.png) no-repeat center;background-size:contain;
}
.det-xq .subscription span.cancel:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right:6px;width: 26px;
    height: 26px;margin-top:-2px;
    background:url(../images/dingyue-cancel.png) no-repeat center;background-size:contain;
}





.det-xq .share{font-size: 14px;color:#000;display: flex;align-items: center;margin-left: 10px;}
.det-xq .share a{width: 20px;height: 20px;margin-right: 13px; display: block;}
.det-xq .share a:last-child{margin-right: 0;}

.det-xq .share .bdsharebuttonbox{display: flex; align-items: center;}
.det-xq .share .bds_tsina{background:url(../images/det_13.png) no-repeat center;background-size:contain;}
.det-xq .share .bds_weixin{background:url(../images/det_14.png) no-repeat center;background-size:contain;}
.det-xq .share .bds_more{background:url(../images/det_15.png) no-repeat center;background-size:contain;}
.det-xq .share .close-btn{background:url(../images/icon-close.png) no-repeat left center;background-size:14px; font-size:14px; line-height:26px; color:#7a7a7a;  }

.det-xq .edit.big{font-size: 20px;}
.det-xq .edit.small{font-size: 16px;}

.det-xq .edit{font-size: 18px;line-height: 2.2;margin-top: 35px;padding:0 30px;}
.det-xq .edit.font-small{font-size:16px !important;line-height: 2;}
.det-xq .edit.font-large{font-size:20px !important;line-height: 2.5;}

.shengming{color:#a9a9a9; line-height:1.8;  font-size: 14px;    padding:5px 5px 5px 30px;}


.det-xq .edit *{font-size: inherit;}

#article-content .edit.font-small *{font-size: 16px !important;;}
#article-content .edit.font-small td,#article-content .edit.font-small th{font-size: 16px !important;;}
#article-content .edit.font-large *{font-size:20px !important;}

.det-xq .edit td,.det-xq .edit th,.det-xq .edit td,.det-xq .edit th span{font-size:14px!important;}
.det-xq .edit.font-small td,.det-xq .edit.font-small td span,.det-xq .edit.font-small th,.det-xq .edit.font-small th span{font-size:13px!important;}
.det-xq .edit.font-large td,.det-xq .edit.font-large th,.det-xq .edit.font-large td span,.det-xq .edit.font-large th span{font-size:16px!important;}
.det-xq .edit tr td,.det-xq .edit tr th{  padding:5px; }

.det-xq .edit tr:first-child td span,.det-xq .edit tr:first-child td p,.det-xq .edit tr:first-child th span,.det-xq .edit tr:first-child th p{
    white-space: nowrap;
}
.det-xq .edit img{
    display: block;
    max-width: 100%;
    width: auto;
    margin: auto;
}


.det-xq .edit p,.det-xq .edit div{
    text-align: justify;
    margin-bottom: 20px;
    text-indent: 2em;
}
.det-xq .edit .xq-login{
    margin:20px auto !important;
}
.det-xq .edit .xq-login div{
    text-indent: 0;
    margin-bottom:0!important;
}
.mailiangTheme__table{
    border-collapse: collapse;  /* 合并边框 */
    width: 100%;
    max-width:700px;
    margin:0 auto 20px auto;
}

.chunjing  .edit .mailiangTheme__table{
    max-width:900px !important;
}

.det-xq .edit .permission{
    padding:20px;
}

.det-xq .edit .permission h4{
    font-size: 26px;
    line-height:40px;
    padding:10px;
    font-weight:500;
    text-align: center;
    color: #555555;
}


.det-xq .edit p.no-permission{
    background: url("/images/no_permission.png") no-repeat center;
    height:200px;
    margin: auto 30px;
    padding-bottom:  20px;
    background-size: 180px 180px;
}

.det-xq .edit p.message{
    padding-bottom:30px;
    text-align: center;
    font-size:18px;
    color: #666666;
    line-height:38px;
}
.det-xq .edit p.message a{
    padding-left:5px;
    color: #0000FF;
    text-decoration: underline;
}

/* 单元格边框 */
.mailiangTheme__table tr th ,.mailiangTheme__table tr td {
    border: 1px solid #e0e0e0;
}
.mailiangTheme__table tr th{
    font-weight: 400;
}


.mailiangTheme__table tr th,.mailiangTheme__table tr td{
    line-height: 1.8;
}

.mailiangTheme__table tr:first-child th{
    line-height:1.6;
}

/* 表头样式 */
.mailiangTheme__table tr th {
    white-space: nowrap;  /* 不换行 */
    padding:2px  5px;
    text-align: center;
    background: #f5f5f5;
    /*font-size:16px;*/
}


/* 数据单元格 */
.mailiangTheme__table td {
    padding:2px 5px;
    /*font-size:16px;*/
}

.mailiangTheme__table td.mailiangTheme__tableCell p,.mailiangTheme__table td.mailiangTheme__tableCell span{
    display:inline-block;
    text-indent:0;
    text-align: unset;
    line-height:normal;
    margin:0;
    /*font-size:16px;*/
}
.mailiangTheme__table tr:first-child td.mailiangTheme__tableCell p ,
.mailiangTheme__table th.mailiangTheme__tableCell p {
    text-indent:0;
    text-align: center;
    display: block;
    margin:0;
}

.mailiangTheme__table th.mailiangTheme__tableCell span{
    text-indent:0;
    text-align: center;
    display: inline;
    line-height: 1;
    margin-bottom:3px;
    padding: 0;
    margin:0;
}





.det-xq .czbox{display: flex;justify-content: flex-end;margin-top: 20px;}
.det-xq .czbox span{font-size: 16px;color:#999999;min-width: 120px;line-height: 38px;height: 38px;border-radius:19px;border:1px solid #bfbfbf;margin-left: 14px;text-align: center;cursor: pointer;}
.det-xq .czbox span:before{content:'';display: inline-block;vertical-align: middle;margin-right: 8px;width: 20px;height: 20px;margin-top:-5px;}
.det-xq .czbox .thumb:before{background:url(../images/det_05.png) no-repeat center;background-size:contain;}
.det-xq .czbox .thumb:hover:before{background:url(../images/icon_liked.png) no-repeat center;background-size:contain;}

.det-xq .czbox .thumbd:before{background:url(../images/icon_liked.png) no-repeat center;background-size:contain;}
.det-xq .czbox .star:before{background:url(../images/det_06.png) no-repeat center;background-size:contain;}
.det-xq .czbox .star:hover:before{background:url(../images/icon_favorited.png) no-repeat center;background-size:contain;}
.det-xq .czbox .stared:before{background:url(../images/icon_favorited.png) no-repeat center;background-size:contain;}
.det-xq .czbox .doc:before{background:url(../images/det_07.png) no-repeat center;background-size:contain;}
.det-xq .czbox span.checked{color:#fff;border-color:#3772e0;background-color: #3772e0;}
.det-xq .czbox .doc:hover{color:#fff;border-color:#3772e0;background-color: #3772e0;}
.det-xq .czbox .thumb.checked:before{background:url(../images/det_05-1.png) no-repeat center;background-size:contain;}
.det-xq .czbox .star.checked:before{background:url(../images/det_06-1.png) no-repeat center;background-size:contain;}
.det-xq .czbox .doc:hover:before{background:url(../images/det_07-1.png) no-repeat center;background-size:contain;}


.det-bot{border-top:1px solid #d3d3d3;padding:15px 30px 25px;}

.det-bq{}
.det-bq .top{background:url(../images/det_08.png) no-repeat left center;background-size:26px;padding-left: 45px;}
.det-bq .top a{font-size: 16px;color:#333333;display: inline-block;vertical-align: middle;margin-right: 20px;}
.det-bq .top a:hover{color:#3772e0;}
.det-bq .bot{margin-top: 15px;margin-left: 45px;}
.det-bq .smtit{font-size: 15px;color:#333333;position: relative;margin-bottom: 10px;display: inline-block;vertical-align: middle;line-height: 32px;}
.det-bq .smtit::after{content:'';position: absolute;left: 50%;bottom: 0;left: 10px;right: 10px;background-color: #3772e0;height: 2px;}
.det-bq .list{display: flex;flex-wrap: wrap;max-width: 700px;}
.det-bq .list li{min-width: 30%;margin-right: 3%;font-size: 16px;color:#333333;line-height: 1.6;margin-bottom: 8px;}
.det-bq .list li:hover{color: #3772e0;}

.pagenav{display: flex;justify-content: space-between;margin-top: 25px;}
.pagenav .lk{font-size: 16px;line-height: 1.7;max-width: 435px;border-radius:10px;border:1px solid #bfbfbf;display: flex;width: 47%;}
.pagenav .lk *{font-size: inherit;}
.pagenav span{width: 105px;height: 80px;line-height:80px;background-color: #ebebeb;border-radius:10px;text-align: center;}
.pagenav .b{flex:1;overflow: hidden;padding:0 15px;display: flex;align-items: center;}
.pagenav em{-webkit-line-clamp: 2;width: 100%;}
.pagenav .lk:hover span{color:#fff;background-color: #3772e0;}
.pagenav .lk:hover em{color:#3772e0;}



.det-recom{margin-top: 10px;}
.det-recom .menu{padding:0 30px;margin-bottom: 20px;}
.det-recom .menu .lk{display: inline-block;vertical-align: middle;font-size: 20px;color:#999999;padding:0 12px;line-height: 45px;margin-right: 35px;font-weight: bold;position: relative;}
.det-recom .menu .lk::after{content:'';position: absolute;left: 50%;bottom: 0;height: 2px;background-color: #3772e0;width: 0;transition: all 0.3s;}
.det-recom .menu .lk.cur{color:#000;}
.det-recom .menu .lk.cur::after{width: 100%;left: 0;}

.det-recom .list{}
.det-recom .list .item{display: flex;padding:20px 35px;border-bottom:1px solid #f2f2f2;}
.det-recom .list .item:last-child{border:0;}
.det-recom .list .imgbox{width:170px;height: 115px;border-radius:8px;margin-right: 23px;}
.det-recom .list .info{padding: 7px 0;display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;}
.det-recom .list .title{font-size: 20px;color:#000000;line-height: 32px;font-weight: bold;-webkit-line-clamp: 2;}
.det-recom .list .sm{font-size: 16px;color:#666666;display: flex;justify-content: space-between;width: 100%;}
.det-recom .list .sm .wz{background:url(../images/det_12.png) no-repeat left center;background-size:18px;padding-left: 30px;}
.det-recom .list .item:hover .title{color:#3772e0;}


.det-hot{}
.det-hot .detail{padding:0 20px 10px;}
.det-hot .hot{display: block;border-radius:8px;overflow: hidden;margin-bottom: 8px;}
.det-hot .hot img{height:135px; width:100%;}
.det-tags .detail{padding:5px 20px 10px;}
.det-tags .bqs{font-size: 0;margin-left:-10px;}
.det-tags .bqs .lk{display: inline-block;vertical-align: middle;font-size: 16px;padding:0 18px;line-height: 40px;border-radius:23px;border:1px solid #bfbfbf;min-width: 80px;text-align: center;margin:0 0 13px 10px;}
.det-tags .bqs .lk:hover{color:#fff;background-color: #2e6be5;border-color:#2e6be5;}
.det-tags .smtit{font-size: 18px;font-weight: bold;line-height: 1.6;margin-bottom: 8px;}
.det-tags .kws{font-size: 0;margin-left:-10px;}
.det-tags .kws .lk{display: inline-block;vertical-align: middle;font-size: 16px;padding:0 18px;line-height: 40px;border-radius:23px;margin:0 0 13px 10px;color:#2e6be5;background-color: #eaf2fe;}
.det-tags .kws .lk:hover{color:#fff;background-color: #2e6be5;}

/* 详情页-登录 */
.xq-login{ max-width:800px; margin:80px auto 50px auto; padding-bottom:80px;}
.xq-login div{
    text-indent: 0;
}
.xq-login .detail{display: flex;border-radius:10px;box-shadow:0 0 9px rgba(204,204,204,.41);align-items: center; text-indent: 0;}
.xq-login .lbox{width: 58%;padding:35px 40px; text-indent: unset;}
.xq-login .rbox{width: 42%;text-align: center;border-right:1px solid #e0e0e0; text-indent: 0;}
.xq-login .rbox .wz{font-size: 22px;font-weight: bold; text-align: center; text-indent: 0;}
.xq-login .rbox .pic{width: 150px;display: block;margin:15px auto 20px;box-shadow:0 0 36px rgba(0,0,0,.06); text-indent: 0;}
.xq-login .rbox .smwz{font-size: 16px;font-weight: bold; text-align: center; text-indent:0;}

.xq-login .menu{margin-bottom: 20px;text-align: center; text-indent: unset;}
.xq-login .menu .lk{font-size: 22px;color:#999999;font-weight: bold;position: relative;margin:0 25px;cursor: pointer;line-height: 40px;text-indent: unset;}
.xq-login .menu .lk:last-child{margin-right: 0; text-indent: unset;}
.xq-login .menu .lk span{position: relative;z-index:2; text-indent: unset;}
.xq-login .menu .lk::after{content:'';width: 0;height: 10px;background-color: #97c0fb;border-radius:5px;position: absolute;left: 50%;bottom: 0;transition: all 0.3s;}
.xq-login .menu .lk.cur{color:#000;}
.xq-login .menu .lk.cur::after{width: 50px;margin-left:-25px;}

.xq-login .form{}
.xq-login .form .row{margin-bottom: 10px;}
.xq-login .form .tit{font-size: 16px;}
.xq-login .form .info{position: relative;}
.xq-login .form .ico{width: 22px;margin-right: 10px;position: absolute;left: 19px;top: 50%;transform: translate(0,-50%);}
.xq-login .form .ipt-txt{width: 100%;border:1px solid #e9e9e9;border-radius:5px;font-size: 14px;line-height: 44px;height: 46px;padding:0 20px 0 50px;}
.xq-login .form .tel-number{font-size: 16px;color:#f1c600;margin-top:6px;}
.xq-login .form .btns{display: flex;justify-content: space-between;padding-top:15px;}
.xq-login .form .link{font-size: 16px;color:#3081f8;line-height: 40px;height: 42px;border:1px solid #3081f8;border-radius:6px;margin-bottom: 10px;display: block;text-align: center;cursor: pointer;width: 48%;}
.xq-login .form .submit{color:#fff;background-color: #3081f8;}
.xq-login .form .link:hover{color:#fff;background-color: #0769f8;border-color:#0769f8;}

.xq-login .form .sm{font-size: 16px;text-align: center;width: 100%;justify-content:space-between;padding-top: 5px;}
.xq-login .form .sm .lk{color:#3081f8;display: inline-block;vertical-align: middle;position: relative;line-height: 1.2;}
.xq-login .form .sm .lk::after{content:'';position: absolute;width: 100%;left: 0;bottom: 0;height: 1px;background-color: #3081f8;}
.xq-login .form .sm .lk:hover{font-weight: bold;}
.xq-login .form .getcode{font-size: 14px;color:#333333;width: 120px;height: 30px;line-height: 30px;background-color: #f3f8fc;border-radius:5px;position: absolute;right: 12px;top: 50%;margin-top:-15px;border:0;cursor: pointer;z-index:8;}




/* 登录页 */
.sign-main{min-height: 100vh;background:url(../images/sign_01.jpg) no-repeat center;background-size:cover;display: flex;flex-direction: column;justify-content: center;align-items: center;}

.sign-head{display: flex;align-items: center;justify-content: space-between;padding:50px 0 0;}
.sign-head .welcome{font-size: 18px;color:#333;font-weight: bold;display: flex;align-items: center;}
.sign-head .img{height: 70px;width: auto;margin-right: 20px;}
.sign-head .wz{font-size: 18px;color:#333;}
.sign-head .wz a{color:#3081f8;}
.sign-head .wz a:hover{text-decoration: underline;}

.sign-lks{font-size: 14px;color:#18222e;text-align: center;width: 100%;margin-bottom: 20px;}
.sign-lks a{display: inline-block;vertical-align: middle;font-size: 15px;padding:0 20px;}
.sign-lks a:hover{color:#3081f8;}

.sign-sec{padding: 8vh 0;}
.sign-sec .detail{background-color: #fff;width: 1000px;/* height: 560px; */border-radius:10px;box-shadow:0 0 16px rgba(204,204,204,.32);margin:0 auto;padding:75px 0;}


.sign-login{}
.sign-login .detail{display: flex;}
.sign-login .lbox{width: 50%;padding:0 70px;}
.sign-login .rbox{width: 50%;text-align: center;border-left:1px solid #e0e0e0;}
.sign-login .rbox .wz{font-size: 26px;font-weight: bold;}
.sign-login .rbox .pic{width: 240px;display: block;margin:25px auto 30px;box-shadow:0 0 36px rgba(0,0,0,.06);}
.sign-login .rbox .smwz{font-size: 20px;font-weight: bold;}

.sign-login .menu{margin-bottom: 20px;}
.sign-login .menu .lk{font-size: 26px;color:#999999;font-weight: bold;position: relative;margin-right: 45px;cursor: pointer;line-height: 40px;}
.sign-login .menu .lk:last-child{margin-right: 0;}
.sign-login .menu .lk span{position: relative;z-index:2;}
.sign-login .menu .lk::after{content:'';width: 0;height: 10px;background-color: #97c0fb;border-radius:5px;position: absolute;left: 50%;bottom: 0;transition: all 0.3s;}
.sign-login .menu .lk.cur{color:#000;}
.sign-login .menu .lk.cur::after{width: 80px;margin-left:-40px;}


.sign-sec .form{}
.sign-sec .form .row{margin-bottom: 10px;position: relative;}
.sign-sec .form .ico{width: 22px;margin-right: 10px;position: absolute;left: 19px;top: 50%;transform: translate(0,-50%);}
.sign-sec .form .ipt-txt{width: 100%;border:1px solid #e9e9e9;border-radius:5px;font-size: 15px;line-height: 44px;height: 46px;padding:0 20px 0 50px;}
.sign-sec .form  .success{border:1px solid #20b85d;}
.sign-sec .form  .error{border:1px solid #ff6600}
.sign-sec .form .link{font-size: 16px;color:#3081f8;line-height: 40px;height: 42px;border:1px solid #3081f8;border-radius:6px;margin-bottom: 10px;display: block;text-align: center;cursor: pointer;width: 100%;}
.sign-sec .form .submit{color:#fff;background-color: #3081f8;}
.sign-sec .form .link:hover{color:#fff;background-color: #0769f8;border-color:#0769f8;}
.sign-sec .form .submit[disabled]{
    background-color: #3081f8;
    border:#3081f8 ;
    cursor: not-allowed;
    opacity: 0.6;
    pointer-events: none;
}
.sign-sec .form .sm{font-size: 16px;}
.sign-sec .form .sm .lk{color:#3081f8;display: inline-block;vertical-align: middle;position: relative;line-height: 1.2;}
.sign-sec .form .sm .lk::after{content:'';position: absolute;width: 100%;left: 0;bottom: 0;height: 1px;background-color: #3081f8;}
.sign-sec .form .sm .lk:hover{font-weight: bold;}
.sign-sec .form .getcode{font-size: 14px;color:#333333;width: 120px;height: 30px;line-height: 30px;background-color: #f3f8fc;border-radius:5px;position: absolute;right: 12px;top: 50%;margin-top:-15px;border:0;cursor: pointer;z-index:8;}
/* .sign-sec .form .getcode:hover{color:#fff;background-color: #3081f8;} */

.sign-login .form .sm{padding:5px 0 0;}
.sign-login .social{display: flex;align-items: center;padding:15px 0 25px;}
.sign-login .social .grp{margin-right: 23px;}
.sign-login .social .icon{width: 30px;display: block;border-radius:50%;cursor: pointer;}
.sign-login .social .wz{font-size: 16px;color:#f1c600;font-weight: bold;}


/* 注册页 */
.sign-reg{}
.sign-reg .aut{width: 405px;margin:0 auto;}
.sign-reg .t-tit{font-size: 26px;font-weight: bold;color:#000;text-align: center;margin-bottom: 20px;}
.sign-reg .tips{font-size: 16px; color:#afafaf; margin-bottom: 15px;background:url(../images/sign_08.png) no-repeat left center;background-size:20px;padding-left: 25px;}


.sign-reg .deal{font-size: 14px;padding:5px 0 20px;display: flex;flex-wrap: wrap;}
.sign-reg .deal input{appearance: none;-webkit-appearance: none;width: 20px;height: 20px;border-radius:50%;border:1px solid #ddd;margin-right: 10px;}
.sign-reg .deal input:checked{background:url(../images/sign_10.png) no-repeat center;background-size:contain;border:0;}
.sign-reg .deal a{color:#043782;}
.sign-reg .social{margin:25px 0 20px;}
.sign-reg .social .fz{font-size: 14px;color:#3081f8;text-align: center;margin-bottom: 20px;}
.sign-reg .social .grp{margin:0 20px;}
.sign-reg .social .icon{width: 30px;display: block;border-radius:50%;cursor: pointer;}


/* 会员中心 */
.per-body{min-width: 0!important;overflow-x: hidden!important;}

.per-head{height: 90px;background-color: #fff;padding:0 60px;display: flex;align-items: center;justify-content: space-between;}
.per-head .l,.per-head .r{display: flex;align-items: center;}
.per-head .smlogo{height: 70px;width: auto;}
.per-head .icon{width: 30px;height: 30px;display: block;margin-left: 20px;}
.per-head .down{background:url(../images/per_07.png) no-repeat center;background-size:contain;}
.per-head .msg{background:url(../images/per_08.png) no-repeat center;background-size:contain;}
.per-head .down:hover{background:url(../images/per_07-1.png) no-repeat center;background-size:contain;}
.per-head .msg:hover{background:url(../images/per_08-1.png) no-repeat center;background-size:contain;}
.per-head .user{display: flex;align-items: center;font-size: 18px;margin-left: 75px;}
.per-head .user .hdpic{width: 46px;height: 46px;border-radius:50%;margin-right: 10px;}




.pub-table th,.pub-table td{font-size: 16px;line-height: 24px;padding:10px 5px;text-align: left;}
.pub-table th{background-color: #e7f1fd;}
.pub-table tbody tr:nth-child(even){background-color: #f3f8fc;}


.layui-form-checked[lay-skin=primary] i{border-color: #0055ff !important;background-color: #0055ff;}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color: #0055ff;}


.per-main{padding: 30px;display: flex;}
.per-l{width: 250px;margin-right: 30px;background-color: #fff;}
.per-r{width: calc(100% - 280px);}

.per-menu{padding:0 30px;border-radius:8px;}
.per-menu .lk{font-size: 17px;color:#79808b;height: 70px;border-bottom:1px dashed #cecece;display: flex;align-items: center;}
.per-menu .ico{width: 19px;margin-right: 10px;}
.per-menu .ico-h{display: none;}
.per-menu .lk:last-child{border:0;}
.per-menu .lk:hover,.per-menu .lk.cur{color:#3772e0;}
.per-menu .lk:hover .ico-s,.per-menu .lk.cur .ico-s{display: none;}
.per-menu .lk:hover .ico-h,.per-menu .lk.cur .ico-h{display: block;}

.mem-top{display: flex;align-items: center;margin-bottom: 30px;}
.mem-top .lbox{margin-right: 30px;}
.mem-top .lbox .imgbox{width: 122px;height: 122px;border-radius:16px;overflow: hidden;}
.mem-top .lbox .level{font-size: 14px;color:#fff;line-height: 26px;border-radius:13px;width: 92px;margin:-13px auto 0;display: block;background: linear-gradient(to right, #f7af20 , #fe7835);position: relative;z-index:2;text-align: center;}
.mem-top .rbox{flex:1;overflow: hidden;display: flex;align-items: center;}
.mem-top .tt{display: flex;align-items: center;margin-bottom: 15px;}
.mem-top .title{font-size: 22px;color:#000000;font-weight: bold;}
.mem-top .vip{width: 24px;margin-left:10px;}
.mem-top .date{font-size: 16px;color:#79808b;}
.mem-top .date span{margin-left: 15px;}
.mem-top .shengj{font-size: 16px;color:#fe7835;margin-left: 25px;}
.mem-top .shengj:hover{text-decoration: underline;}
.mem-top .tel{font-size: 16px;color:#79808b;background:url(../images/mem_03.png) no-repeat left center;background-size:20px;padding: 0 15px 0 26px;}
.mem-top .tel span{margin-right: 45px;}
.mem-top .address{font-size: 16px;color:#79808b;background:url(../images/mem_04.png) no-repeat left center;background-size:20px;padding-left: 26px;}
.mem-top .desc{font-size: 16px;color:#79808b;margin-top: 12px;}
.mem-top .modify{font-size: 16px;color:#0055ff;width: 140px;line-height: 40px;height: 40px;text-align: center;border-radius:5px;background-color: #dae7fc;border:0;cursor: pointer;margin-left: 5%;}
.mem-top .modify:hover{color:#fff;background-color: #0055ff;}


.mem-btn{display: flex;margin-bottom: 30px;}
.mem-btn .anniu{font-size: 18px;color:#000;width: 205px;height: 58px;border-radius:10px;display: flex;align-items: center;justify-content: center;margin-right: 20px;background-color: #fff;}
.mem-btn .anniu i{margin-right: 8px;width: 26px;height: 26px;}
.mem-btn .anniu .fabu{background:url(../images/mem_05.png) no-repeat center;background-size:contain;}
.mem-btn .anniu .tougao{background:url(../images/mem_06.png) no-repeat center;background-size:contain;}
.mem-btn .anniu .dingyue{background:url(../images/mem_07.png) no-repeat center;background-size:contain;}
.mem-btn .anniu:hover{color:#fff;background-color: #0055ff;}
.mem-btn .anniu:hover .fabu{background:url(../images/mem_05-1.png) no-repeat center;background-size:contain;}
.mem-btn .anniu:hover .tougao{background:url(../images/mem_06-1.png) no-repeat center;background-size:contain;}
.mem-btn .anniu:hover .dingyue{background:url(../images/mem_07-1.png) no-repeat center;background-size:contain;}

.mem-sec{margin-bottom: 1.6%;}
.mem-sec .tabs{padding:0 30px;border-bottom:1px solid #e8ecf1;}
.mem-sec .tabs .wz{font-size: 18px;color:#333333;display: inline-block;vertical-align: middle;line-height: 60px;margin-right: 75px;position: relative;}
.mem-sec .tabs .wz::after{content:'';position: absolute;left: 50%;bottom: 0;height: 3px;background-color: #3772e0;width: 0;transition: all 0.3s;}
.mem-sec .tabs .sz{font-size: 12px;color:#fff;border-radius:8px;line-height: 16px;min-width: 35px;text-align: center;display: inline-block;vertical-align: middle;border:1px solid #fff;position: absolute;top: 12px;left: 50%;margin-left:30px;background-color: #3772e0;}
.mem-sec .tabs .wz.cur{color:#3772e0;}
.mem-sec .tabs .wz.cur::after{width: 40px;margin-left:-20px;}

.mem-sec .tabs .lock:before{content:'';display: inline-block;vertical-align: middle;margin-right: 5px;width: 22px;height: 22px;background:url(../images/mem_08.png) no-repeat center;background-size:contain;margin-top:-2px;}


.mem-sec .detail{padding:15px 20px 40px;}
.mem-sec .refresh{font-size: 16px;color:#79808b;display: inline-block;vertical-align: middle;cursor: pointer;background:url(../images/mem_15.png) no-repeat left center;background-size:19px;padding-left: 25px;margin-bottom: 15px;}
.mem-sec .refresh:hover{color:#3772e0;background-image:url(../images/mem_15-1.png)}

.mem-sec .table .pic{width: 120px;height: 58px;border-radius:8px;}
.mem-sec .table .wz-lk{margin:0 10px;cursor: pointer;}
.mem-sec .table .wz-lk i{width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 3px;margin-top:-1px;}
.mem-sec .table .wz-lk .update{background:url(../images/mem_12.png) no-repeat center;background-size:contain;}
.mem-sec .table .wz-lk .modify{background:url(../images/mem_13.png) no-repeat center;background-size:contain;}
.mem-sec .table .wz-lk .delete{background:url(../images/mem_14.png) no-repeat center;background-size:contain;}
.mem-sec .table .wz-lk:hover{text-decoration: underline;}
.mem-sec .table .tag{min-width: 80px;line-height: 28px;border-radius:13px;text-align: center;display: inline-block;vertical-align: middle;color:#0055ff;background-color: #e0eaf9;}


.mem-fk{width: 49.2%;}
.mem-fk .idx-tt .bt{margin-right: 33px;cursor: pointer;}
.mem-fk .idx-tt .bt.smm{font-size: 16px;color:#666;}
.mem-fk .idx-tt .bt.smm::after{display: none;}
.mem-fk .idx-tt .bt.smm .ico{display: none;}

.mem-fk .form{padding:10px 20px 15px;}
.mem-fk .form .row{margin-bottom: 20px;display: flex;align-items: flex-start;}
.mem-fk .form .tit{font-size: 16px;color:#333333;min-width: 85px;text-align: right;margin-right: 10px;line-height: 46px;}
.mem-fk .form .info{flex:1;overflow: hidden;}
.mem-fk .form .ipt{width: 100%;border-radius:6px;border:1px solid #e8ecf1;font-size: 16px;}
.mem-fk .form .ipt-txt{padding:0 20px;height: 46px;line-height: 44px;}
.mem-fk .form .con{height: 200px;padding:10px 20px;line-height: 1.4;resize:none;}
.mem-fk .form .btns{padding:10px 0 0;display: flex;justify-content: center;}
.mem-fk .form .ann{font-size: 16px;color:#fff;width: 110px;line-height: 46px;height: 46px;border-radius:10px;text-align: center;border:0;cursor: pointer;margin:0 10px;}
.mem-fk .form .submit{background-color: #3772e0;}
.mem-fk .form .reset{background-color: #fbb215;}

.form-container{
    width: 100%;

}

.form-container .idx-tt .bt{margin-right: 33px;cursor: pointer;}
.form-container .idx-tt .bt.smm{font-size: 16px;color:#666;}
.form-container .idx-tt .bt.smm::after{display: none;}
.form-container .idx-tt .bt.smm .ico{display: none;}

.form-container .form{padding:10px 20px 15px;}
.form-container .form .row{margin-bottom: 20px;display: flex;align-items: flex-start;}
.form-container .form .tit{font-size: 16px;color:#333333;min-width: 85px;text-align: right;margin-right: 10px;line-height: 46px;}
.form-container .form .info{overflow: hidden; margin: 0 10px;}
.form-container .form .ipt{width: 100%;border-radius:6px;border:1px solid #e8ecf1;font-size: 16px;}
.form-container .form .ipt-txt{padding:0 20px;height: 46px;line-height: 44px;}
.form-container .form .con{height: 200px;padding:10px 20px;line-height: 1.4;resize:none;}
.form-container .form .btns{padding:10px 0 0;display: flex;justify-content: center;}
.form-container .form .ann{font-size: 16px;color:#fff;width: 110px;line-height: 46px;height: 46px;border-radius:10px;text-align: center;border:0;cursor: pointer;margin:0 10px;}
.form-container .form .submit{background-color: #3772e0;}
.form-container .form .reset{background-color: #fbb215;}

.form-container .layui-form-label{font-size: 16px; line-height: 30px; color:#333333;width:120px;text-align: right;margin:5px; padding-left: 20px; }
.form-container  .layui-input-block{margin:5px;}
.form-container  .layui-input-block input{ height: 40px;line-height: 36px; padding:0 20px;}
.form-container  .layui-input-inline{margin:5px;}
.form-container  .layui-input-inline input{ height: 40px;line-height: 36px; padding:0 20px;}
.form-container .layui-textarea{height: 280px;}
.form-container .layui-form-mid{padding:15px 0!important;}
.form-container .layui-form-required:before {
    content: '*';
    color: #FF5722;
    margin-right: 4px;
}

.form-container .layui-input-button{
    margin-left: 120px;
}

.form-container  .xm-select{
    height:40px;
}

.form-container .pics-preview {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    min-height: 120px;
    padding: 10px;
}

.form-container .pics-preview .image-item {
    position: relative;
    width: 120px;
    text-align: center;
}

.form-container .pics-preview .image-item img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 4px;
}

.form-container .pics-preview .image-item .del-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    width:30px;
    height: 30px;
    color: #fafafa;
    line-height: 30px;
    padding: 0 5px;
    font-size: 20px;
    border-radius: 2px;
    opacity: 0.5;
}

/* 删除按钮悬浮效果 */
.form-container .pics-preview .image-item:hover .del-btn {
    background: rgba(249, 100, 1, 0.8);

    opacity: 1;
}
.mem-msg{width: 49.2%;}
.mem-msg .detail{padding:5px 20px 15px;}
.mem-msg .table .read{color:#3772e0;margin-left: 5px;}
.mem-msg .table .read:hover{text-decoration: underline;}
.mem-msg .table .tag{width: 60px;line-height: 26px;border-radius:13px;text-align: center;display: inline-block;vertical-align: middle;font-size: 15px;}
.mem-msg .table .tag.yd{color:#3772e0;background-color: #e0eaf9;}
.mem-msg .table .tag.wd{color:#d89300;background-color: #fbf4e5;}

.mem-msg .table th:first-child,.mem-msg .table th:last-child,.mem-msg .table td:first-child,.mem-msg .table td:last-child{text-align: center;}
.mem-msg .table th:nth-child(2),.mem-msg .table td:nth-child(2){padding-left: 5%;}


/* 侧边栏 */
.side-kf{width: 40px;position: fixed;right: 0;bottom: 10%;z-index:100;}
.side-kf .item{position: relative;margin-bottom: 6px; }

.side-kf .item .tip-msg{
    position: absolute;
    top:25%;
    right:50px;
    display: none;
}
.side-kf .item .tip-msg .msg{
    background:rgba(0,0,0,0.6);
    color:#fff;
    padding: 3px 12px;
    font-size: 14px;
    border-radius: 6px;
    white-space: nowrap;
}


.side-kf .item:hover .tip-msg {
    display: flex;
    align-items: center;

}

.side-kf .item  .triangle-right {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid rgba(51, 51, 51, 0.6);
}

.side-kf .smb{display: block;height:40px;padding:7px 0;text-align: center;border-radius:3px;box-shadow:0px 0px 2px 0px #0000001F,0px 2px 4px 0px #00000024;border-radius:8px;background-color: #fff;}
.side-kf .ico{height: 26px;width: auto;display: block;margin:0 auto;}
.side-kf .ico-h{display: none;}
.side-kf .fz{font-size: 14px;color:#333;margin-top: 3px;}





/* .side-kf .item:hover .smb{background-color: #3772e0;} */
.side-kf .item:hover .ico-h{display: block;}
.side-kf .item:hover .ico-s{display: none;}
.side-kf .item:hover .fz{color:#fff;}
.side-kf .item:hover .drop{display: block;}

.side-kf .drop{position: absolute;left: 0;top:0;padding-right: 15px;transform: translate(-100%,0);width: 180px;display: none;}
.side-kf .drop .dropbox{background-color: #fff;border-radius:3px;box-shadow:0 0 6px rgba(146,149,156,.26);}
.side-kf .drop .ewmbox{padding: 7px;}
.side-kf .drop .ewmbox .pic{width: 100%;display: block;}
.side-kf .drop .ewmbox .wz{font-size: 15px;text-align: center;margin-bottom: 6px;}

.side-kf .drop .txt{padding: 10px 15px;}
.side-kf .drop .txt .font{font-size: 14px;line-height: 1.8;}

.side-kf.hide .item{display: none;}
.side-kf.hide .shouqi{display: block;}
.side-kf.hide .shouqi .fz{display: none;}
.side-kf.hide .shouqi .ico{transform: rotate(180deg);}

/**
mozhe
 */
.pagination-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 9px 0;
    font-size: 14px;
}

.page-link {
    display: block;
    padding: 8px 12px;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s ease;
}


.pagination {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0 15px;
}

.page-item {
    margin: 0 2px;
}


.page-item.active .page-link {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.page-item.disabled .page-link {
    color: #999;
    pointer-events: none;
    background-color: #f8f9fa;
    border-color: #ddd;
}

.page-link:hover:not(.disabled) {
    color: #0056b3;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.pagination-info {
    color: #666;
    font-size:16px;
    line-height: 38px;
    padding: 2px 10px;
    vertical-align: middle;
}

.pagination-info input{
    border: 1px solid #ddd;
    border-radius:5px;
    height:35px;
    text-align: center;
    font-size: 16px;
    width:50px;
}
.pagination-info button{
    border: 1px solid #ddd;
    height: 36px;
    line-height:36px;
    border-radius: 5px;
    padding:0 8px;
}
.pagination-info button:hover{
    color: #3772e0;
}

.menu {
    position: relative;
    display: inline-block;
}

.menu-item {
    padding:3px;
    background:none;
    min-width: 150px;
    color:#898989;
    cursor: pointer;
    border-radius: 5px;
    position: relative; /* 为箭头和下拉菜单提供定位 */
}
.menu-item .arrow{
    background: url('../images/icon_09.png') no-repeat center;
    width:20px;
    height:20px;
    margin-left:10px;
    display: inline-block;
}
.menu-item:hover {
    background-color: #fafafa; /* 悬停时的背景色 */
}
.menu-item:hover .arrow{
    background: url('../images/icon_10.png') no-repeat center;
}




.dropdown {
    display: none; /* 默认隐藏下拉菜单 */
    position: absolute;
    background-color: white;
    border: 1px solid #fefefe;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1;
    top:90%;
    left: 0;
    margin-top: 5px; /* 下拉菜单与箭头之间的间距 */
}
.menu-item:hover .dropdown {
    display: block;
}

.dropdown-item {
    min-width:120px;
    padding: 10px 20px;
    text-align: center;
    line-height:25px;
    font-weight: normal;

    cursor: pointer;
}

.dropdown-item:hover {
    background-color: #fafafa; /* 悬停时的下拉项背景色 */
}
.ad-box{
    width: 100%;
    padding:15px;
    background:#fff;
    border-radius: 5px;
    margin-bottom:10px;
}

.video-mian{
    margin:20px auto 0 auto;
}
.video-mian .auto{
    width: 1400px !important;
}

.video-mian .video-box{
    padding:15px !important;
    background-color: #fff !important;
    margin-bottom:15px;
}
.video-mian .toolbar{
    min-height:40px;
    padding:15px 15px 5px 15px;
    display:flex;
    justify-items: center;
    justify-content: space-between;
}
.video-mian .toolbar .time-info{
    display: flex;
    align-items: center;

    color: #999;
    font-size:14px;
    font-weight: 400;
}
.video-mian .toolbar .time-info span{
    margin:0 5px;
}

.video-mian .toolbar .extra-info span{
    font-size: 16px;
    color: #444;
    min-width: 80px;
    display: inline-block;
    line-height: 38px;
    height: 38px;
    border-radius: 19px;
    margin-left: 14px;
    text-align: center;
    cursor: pointer;
}

.video-mian .toolbar .extra-info span:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    margin-top: -2px;
}

.video-mian .toolbar .extra-info  .thumb:before{background:url(images/det_05.png) no-repeat center;background-size:contain;}
.video-mian .toolbar .extra-info .star:before{background:url(images/det_06.png) no-repeat center;background-size:contain;}
.video-mian .toolbar .extra-info  .doc:before{background:url(images/det_07.png) no-repeat center;background-size:contain;}
.video-mian .videoinfo{
    display: flex;
    flex-direction: column;

}
.video-mian .video-info h1{
    font-size: 24px;
    font-weight: 400;
    padding:20px 15px;
    border-bottom: 1px solid #efefef;
}
.video-info .videoinfo-author{
    display: flex;
    width:100%;
    padding:10px  0px;
    align-items: center;
    justify-content:space-between;
}
.author{
    display: flex;
    align-items: center;
    margin-left:0px;
    margin-right:10px;
    font-size:16px;
    color: #333;
}

.author-avatar{
    display: flex;
    align-items: center;
    margin-right: 10px;
    width: 36px;
    height:36px;
    border-radius:18px;
}
.author-avatar img{
    width:100%;
    height:100%;
}
.related-video{
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding:15px 10px;
    border-radius:10px;

}
.related-video h3{
    border-bottom: 1px solid #ccc;
    position: relative;
    display: flex;
    align-items: center;
    font-size:20px;
    padding:0 10px 10px;
    margin-bottom:15px;
    font-weight: bold;
}
.related-video h3 img{
    margin-right:5px;
    border-radius:8px;
}
.related-video h3 span{
    display: inline-block;

}
.related-video h3:after{
    position:absolute;
    width:130px;
    border-radius:1px;
    content: '';
    left: 0;
    bottom:0;
    border-bottom:2px solid #3772e0;
}
.related-video ul{
    display: flex;
    flex-wrap: wrap;
    gap: 16px; /* 水平 & 垂直间距 */
}
.related-video ul li{
    display: flex;
    flex-direction: column;
    width:calc(25% - 16px);
    gap: 20px;
    border-radius:16px;
}

.related-video {
    width: 100%;
    height: auto;
    object-fit: cover;
    cursor: pointer;
}

/* 隐藏原生控件 */
.related-video .video::-webkit-media-controls {
    display: none !important;
}
.related-video .video::-webkit-media-controls-enclosure {
    display: none !important;
}
.related-video .video::-webkit-media-controls-panel {
    display: none !important;
}

/* 其他浏览器处理方式（兼容性差一点） */
.related-video {
    controls: none;  /* 无效于大部分浏览器，但可试试 */
}




/*
供求新增
*/

.container {
    width: 1400px;
    margin: 0 auto;
    padding: 0px;
    margin-bottom:10px;
    box-sizing: border-box;
}

.container-content {
    display: flex;

}

.sidebar {
    width: 380px;
    flex-shrink: 0;
}

.main-content {
    flex: 1;
    min-width: 0;
    margin-left:20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.main-content  .titbox{height: 50px;padding:10px 20px 0;display: flex;align-items: center;justify-content:space-between;border-bottom:1px solid #e8ecf1;}
.main-content .titbox .bt{font-size: 20px;display: flex;align-items: center;}
.main-content  .titbox .ico{width: 20px;margin-right: 8px;}
.main-content .titbox .tabs .wz{display: inline-block;vertical-align: middle;font-size: 16px;color:#333333;margin-left: 15px;line-height: 36px; }
.main-content  .titbox .tabs .wz.cur,.pz-xw .titbox .tabs .wz:hover{color:#3366cc;}

.main-content  .titbox .smbt{margin-left:30px; font-size: 20px;color:#3366cc;padding:0 6px;position: relative;line-height: 50px;font-weight: bold;}

.main-content  .titbox .smbt::after{content:'';position: absolute;left: 0;bottom: -6px;height: 2px;background-color: #3366cc;width: 100%;}

.main-content .tabmenu{ margin-right:30px;}

.date-range input {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.search-box {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 15px;
}

.product-list {
    display: flex;
    flex-direction: column;
    margin: 10px;
    padding:5px 20px;
}

.product-item {
    display: flex;
    padding:10px 20px;
    border-bottom: 1px solid #eee;
    background: #fff;
    justify-content: center;
    align-items: center;
}

.product-image {
    width: 200px;
    height: 130px;
    border-radius:8px;
    display: flex;
    border: 1px solid #efefef;
    align-items: center;
    justify-content: center;
}
.product-image img{
    object-fit: contain;
    width:100%;
    height:100%;
    border-radius:8px;
}

.product-info {
    flex: 1;
    position: relative;
    min-height: 140px;
    margin-left:15px;
}

.product-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 6px;
    color: #333;
}

.product-title:hover {
    color: #1890ff;
    cursor: pointer;
}

.product-meta {
    color: #666;
    font-size: 14px;
    margin-bottom: 6px;
    line-height: 1.6;
}

.product-meta span {
    margin-right: 20px;
}

.product-tags {
    bottom: 0;
    left: 0;
}

.tag {
    display: inline-block;
    padding: 4px 12px;
    background: #f5f5f5;
    border-radius: 4px;
    margin-right: 8px;
    margin-bottom: 8px;
    font-size: 12px;
    color: #666;
}

.tag:hover {
    background: #e6f7ff;
    color: #1890ff;
    cursor: pointer;
}
.table-container{
    padding:10px;
}
.survey-table{
    border:1px solid #e8ecf1;
    collapse:0;
    border-collapse: collapse;
}
.survey-table tr td,.survey-table tr th{
    border:1px solid #ccc;
    height:36px;
    padding:3px 10px;
    font-size: 16px;

}
.survey-table tr td:nth-child(n+2){
    text-align: center !important;
}



.survey-table tr th{
    background:#538ad5;
    color: #fff;
    font-weight: 400;
    text-align: center;
}



@media screen and (min-width:1450px) and (max-width:1650px) {
    .crumb:before{
        width: 15px;
        height: 15px;
    }
    .crumb{ line-height: 22px !important;}
    .crumb,.crumb *{font-size: 12px;}
}



@media screen and (max-width: 1500px) {
    .container {
        width: 1200px;
    }
    .sidebar {
        width: 320px;
        flex-shrink: 0;
    }
}


.filter-section {
    width: 280px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

.filter-group {
    border-bottom: 1px solid #f0f0f0;
    padding:0;
    border-radius: 8px;
    background-color: #fff;
}

.filter-title {
    font-size: 15px;
    font-weight: 600;
    color: #262626;
    margin-bottom: 3px;
    padding-left: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filter-content {
    padding:3px 23px;
    overflow: hidden;
}

.filter-content.expanded {
    max-height: none;
}

.filter-item {
    font-size: 20px;
    padding: 10px 0;
    color: #595959;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all 0.2s ease;
}

.filter-item span{
    font-size: 18px;
}

.filter-item:hover {
    color: #1890ff;
    background: #f5f5f5;
    border-radius: 4px;
    padding-left: 8px;
}

.filter-item.active {
    color: #1890ff;
    font-weight: 500;
    background: #e6f7ff;
    border-radius: 4px;
    padding-left: 8px;
}




.sub-items-wrap {

    display:none;
    grid-template-columns: repeat(3, 1fr);

    flex-wrap: wrap;
    padding: 5px 0 10px 20px;
}

.filter-content .active-sub-items {
    display: flex;
    flex-wrap: wrap;
}



.filter-item.sub-item {
    width: calc(33.33% - 8px);
    padding: 6px 10px;
    font-size: 13px;
    color: #595959;
    background: #f5f5f5;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    align-items: center;     /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    margin:4px;

}

.filter-item.sub-item:hover {
    color: #1890ff;
    background: #e6f7ff;
    border-color: #91d5ff;
    padding: 6px 10px;
}

.filter-item.sub-item.active {
    color: #1890ff;
    background: #e6f7ff;
    border-color: #1890ff;
    font-weight: 500;
}
.filter-item.sub-item > a{
    display: block;
    width:100%;
    height:100%;
    text-align: center;
}

.expand-btn {
    color: #1890ff;
    cursor: pointer;
    font-size: 13px;
    padding: 2px 6px;
    border-radius: 3px;
    transition: background 0.2s;
}

.expand-btn:hover {
    background: #e6f7ff;
}

/* 搜索区域样式优化 */
.search-section {
    padding: 16px;
    border-bottom: 1px solid #f0f0f0;
    background: #fafafa;
    border-radius: 8px 8px 0 0;
}

.search-input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    margin-bottom: 12px;
    transition: all 0.3s;
}

.search-input:hover {
    border-color: #40a9ff;
}

.search-input:focus {
    border-color: #1890ff;
    box-shadow: 0 0 0 2px rgba(24,144,255,0.2);
    outline: none;
}

.date-input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    margin-bottom: 8px;
    transition: all 0.3s;
}

.date-input:hover {
    border-color: #40a9ff;
}

.date-input:focus {
    border-color: #1890ff;
    box-shadow: 0 0 0 2px rgba(24,144,255,0.2);
    outline: none;
}

.area-select {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    transition: all 0.3s;
    background: #fff;
}

.area-select:hover {
    border-color: #40a9ff;
}

.area-select:focus {
    border-color: #1890ff;
    box-shadow: 0 0 0 2px rgba(24,144,255,0.2);
    outline: none;
}

.expand-icon {
    width: 0;
    height: 0;
    margin-right: 8px;
    border-left: 6px solid #bfbfbf;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    transition: transform 0.3s;
}

.filter-item.expanded .expand-icon {
    transform: rotate(90deg);
}

.filter-item.expanded .sub-items-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
}


.company-info {

    padding: 20px;
    margin-top: 20px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.info-item {
    display: flex;
    align-items: center;
    margin-bottom:5px;
}

.info-item:last-child {
    margin-bottom: 0;
}

.info-item .icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    /* 这里可以添加图标的背景图片 */
}

.info-item .label {
    color: #666;
    width: 100px;
    font-size: 18px;
    font-weight: 400;
}

.info-item .value {
    color: #333;
    flex: 1;
}

.detail-content {
    padding: 20px 0;
}

.section-title {
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
    padding-left: 10px;
    border-left: 4px solid #409eff;
}

.content-text {
    line-height: 1.8;
    color: #666;
}

.detail_img img{
    max-width:800px;
    height: auto;
    display: block;
    margin: 0 auto;
}



/* 顶部区域样式 */
.company-header {
    display: flex;
    align-items: stretch;
    background: white;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    margin-bottom: 40px;
    transition: transform 0.3s ease;
}

.company-header:hover {
    transform: translateY(-5px);
}

.logo-container {
    flex: 0 0 300px;

    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#company .logo {
    width: 200px;
    height: auto;
}

.company-info {
    flex: 1;
    padding: 40px;
}

.company-name {
    font-size: 36px;
    color: #2c3e50;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 15px;
}

.company-name::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 4px;
    background: #3772e0;
    border-radius: 2px;
}

.basic-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:20px;
}

.info-item {
    display: flex;
    align-items: center;
    transition: transform 0.2s ease;
}

.info-item:hover {
    transform: translateX(10px);
}

.info-icon {
    width: 40px;
    height: 40px;
    background: #ebf5ff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    color: #3772e0;
}

.info-content {
    flex: 1;
}

.info-label {
    font-size: 14px;
    color: #7f8c8d;
    margin-bottom: 4px;
    display: block;
}

.info-value {
    font-weight: 500;
    color: #2c3e50;
}

/* 公司简介部分 */
.profile-section {
    background: white;
    padding: 50px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.profile-title {
    text-align: center;
    margin-bottom: 50px;
    position: relative;
}

.profile-title h2 {
    font-size: 32px;
    color: #2c3e50;
    display: inline-block;
    position: relative;
}

.profile-title h2::before,
.profile-title h2::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 60px;
    height: 2px;
    background: #3498db;
}

.profile-title h2::before {
    right: 100%;
    margin-right: 20px;
}

.profile-title h2::after {
    left: 100%;
    margin-left: 20px;
}

.profile-content {
    color: #34495e;
    font-size: 16px;
    line-height: 1.8;
}

.profile-content p {
    margin-bottom: 20px;
    text-indent: 2em;
}

.profile-content p:last-child {
    margin-bottom: 0;
}

/* 响应式设计 */
@media (max-width: 992px) {
    .company-header {
        flex-direction: column;
    }

    .logo-container {
        padding: 30px;
    }

    .basic-info {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {

    .company-header,
    .profile-section {
        padding: 30px;
    }

    .company-name {
        font-size: 28px;
    }

    .profile-title h2::before,
    .profile-title h2::after {
        width: 30px;
    }
}
.layer-warning {
    color:#ff6b00;
    background: rgba(255, 251, 248, 0.3);
    border: none;
}
.layui-layer-dialog .layui-layer-content{
    font-size: 16px;
}
.warning .layui-layer-content{
    font-size: 16px;
}
.layer-success {
    color:#20b85d;
    background: rgba(220, 248, 220, 0.9);
    border: none;
}


.interest-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.interest-container button {
    padding: 6px 12px;
    border: 1px solid #ddd;
    border-radius: 16px;
    background: #fff;
    color: #666;
    cursor: pointer;
    transition: all 0.3s;
}

.interest-container button:hover {
    border-color: #1890ff;
    color: #1890ff;
}

.interest-container button.active {
    background: #1890ff;
    border-color: #1890ff;
    color: #fff;
}

.interest-container .hidden-inputs {
    display: none;
}

/* 禁用状态 */
.interest-container button:disabled {
    background: #f5f5f5;
    border-color: #ddd;
    color: #999;
    cursor: not-allowed;
}

/* 响应式布局 */
@media screen and (max-width: 768px) {
    .interest-container button {
        padding: 6px 12px;
        font-size: 14px;
    }
}



.register-success {

    display: flex;
    align-items: center;
    justify-content: center;

}

.success-card {
    max-width: 500px;
    width: 90%;
    padding: 2rem;
    background: #fff;
    border-radius: 8px;

    text-align: center;
}

.success-icon {
    width: 100px;
    height: 100px;
    margin: 0 auto 2rem;
}

.success-icon img {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #10b981;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.register-success h2 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 1rem;
}

.register-success  p {
    color: #666;
    margin-bottom: 2rem;
    line-height: 1.5;
}

.button-group {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.btn {
    display: block;
    padding: 0.75rem 1rem;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-primary {
    background-color: #3b82f6;
    color: #fff;
}

.btn-primary:hover {
    background-color: #2563eb;
}

.btn-secondary {
    background-color: #e5e7eb;
    color: #4b5563;
}

.btn-secondary:hover {
    background-color: #d1d5db;
}

@media (max-width: 640px) {
    .success-card {
        padding: 1.5rem;
    }

    .success-icon {
        width: 48px;
        height: 48px;
    }
}

.chart-loading {
    top:0;
    left: 0;
    position:absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chart-loading img {
    max-width: 100%;
    max-height: 100%;
}



.calendar-container {
    width: 1200px;
    min-height:1000px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    padding: 30px;
}

.calendar-container .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.calendar-container .header h2 {
    font-size: 24px;
    color: #333;
    display: flex;
    align-items: center;
}


.calendar-container .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin:15px 0;
    flex-wrap: wrap;
}

.calendar-container .title h5 {
    font-size: 18px;
    color: #333;
    display: flex;
    align-items: center;
}

.calendar-container .title img{
    width:26px;
    height:26px;
    margin-right:5px;
}



.calendar-container .date-selector input {
    padding: 8px 14px;
    font-size: 15px;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.calendar-container .week-selector {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
    gap: 10px;
}

.calendar-container .week-arrow {
    font-size: 20px;
    background: #eee;
    border: none;
    padding: 8px 12px;
    border-radius: 8px;
    cursor: pointer;
}

.calendar-container  .week-days {
    display: flex;
    gap: 8px;
    flex-grow: 1;
    justify-content: space-between;
}

.calendar-container .day-btn {
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background-color: #f8f8f8;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    flex: 1;
    transition: background 0.2s, color 0.2s;
}

.calendar-container .day-btn:hover {
    background-color: #0072c6;
    color: white;
}

.calendar-container .day-btn.active {
    background-color: #0072c6;
    color: white;
    font-weight: bold;
}

.calendar-container .event-types {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.calendar-container .event-type-btn {
    display: block;
    background-color: #f0f0f0;
    border: none;
    padding: 10px 16px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.2s, color 0.2s;
}

.calendar-container .event-type-btn:hover,
.calendar-container .event-type-btn.active {
    background-color: #0072c6;
    color: white;
}

.calendar-container .event-type-btn.active .weekday{
    background-color: #0072c6;
    color: white;
}



.calendar-container  table.event-list {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.calendar-container table.event-list th, table.event-list td {
    padding: 12px 10px;
    text-align: left;
}

.calendar-container table.event-list th {
    background-color: #e7f1fd;
    color: #333;

    font-weight: bold;
}

.calendar-container table.event-list tr {
    border-bottom: 1px solid #eee;
    transition: background-color 0.2s;
}
.calendar-container table.event-list tr:nth-child(even) {
    background: #f3f8fc;
}


.calendar-container table.event-list tr:hover {
    background-color: #f9fbff;
}

.calendar-container table .star{
    display: inline-block;
    background: url(../images/star.png) center no-repeat;
    background-size:18px 18px;
    width: 20px;
    height: 20px;
    margin-right:3px;
}
.calendar-container table .flag-td{
    vertical-align: middle;
    text-align: center;
    width:100px;
}
.calendar-container table td{
    vertical-align: middle;
    height:32px;
    line-height: 32px;

    align-items: center;

}
.calendar-container table .flag{
    width:26px;
    height:26px;
    border-radius: 50%;
    vertical-align: middle;
    overflow: hidden;
    margin: auto;
}
.calendar-container table .event-info-icon{
    display: inline-block;
    background: url(../images/sign_08.png) center no-repeat;
    background-size:16px 16px;
    margin:5px 10px;
    vertical-align: middle;

    width: 18px;
    height: 18px;
}
.calendar-container  .event-desc{
    display: none;
}
.calendar-container table td.center,.calendar-container table th.center{
    text-align: center;
}
.calendar-container .no-data {
    text-align: center;
    color: #888;
    padding: 20px;
}
.chart-container{
    height:500px;
    width: 100%;
    padding:20px;
}


.video-mian{
    width:1400px;
}


.video-list{
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding:25px;
    border-radius:10px;

}

.video-mian .titbox {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e8ecf1;
    height: 65px;
    padding: 15px 20px 0;
}

.video-mian  .ico {
    width: 28px;
    margin-right: 5px;
}

.video-mian .titbox .smbt {
    font-size: 20px;
    color: #3366cc;
    padding: 0 6px;
    position: relative;
    line-height: 50px;
    font-weight: bold;
}

.video-mian .titbox .smbt::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background-color: #3366cc;
    width: 100%;
}


.video-mian .titbox .bt {
    font-size: 20px;
    color: #999999;
    margin-right: 25px;
    font-weight: bold;
    display: flex;
    align-items: center;
    line-height: 50px;
    cursor: pointer;
}

.video-list h3{
    border-bottom: 1px solid #ccc;
    position: relative;
    display: flex;
    align-items: center;
    font-size:20px;
    padding:0 10px 10px;
    margin-bottom:15px;
    font-weight: bold;
}
.video-list h3 img{
    margin-right:5px;
    border-radius:8px;
}
.video-list h3 span{
    display: inline-block;


}
.video-list h3:after{
    position:absolute;
    width:130px;
    border-radius:1px;
    content: '';
    left: 0;
    bottom:0;
    border-bottom:2px solid #3772e0;
}
.video-list ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom:16px;
}
.video-list ul li{
    display: flex;
    width: calc(25% - 12px);
    flex-direction: column;
    padding:0;
    border: 1px solid #efefef;
    box-shadow: 0 10px 20px rgba(171, 171, 171, 0.1);
    border-radius:16px;
    margin-right:16px;

}
.video-list ul li:last-child{
    margin-right:0;
}

.video-list ul li h5{
    border: none;
    text-align: left;
    padding:8px 10px;
    font-size: 18px;
    font-weight: 400;
}

.video-list ul li .video-info{
    display: flex;
    align-items: center;
    margin-bottom:10px;
    padding:5px 10px;
}

.video-list ul li .video-info img{
    width:30px;
    height:30px;
    border-radius:10px;
    margin-right:10px;
}
.video-list ul li .video-info span,.video-list ul li .video-info a{
    color:#888888;
    font-size:15px;
    margin:1px 5px;
}





/* 公司简介 */
.us-head{line-height:36px;background:#f0f6ff;}
.us-head .wrap{display:flex;align-items: center;justify-content: space-between;}
.us-head .l,.us-head .r{display:flex;align-items: center;}
.us-head .lks{font-size:12px;color:#e5e5e5;}
.us-head .lks .lk{font-size:14px;color:#79808b;padding:0 6px;}
.us-head .lks .lk:hover{color:#3772e0;}

.us-head .font{font-size:14px;color:#000000;}
.us-head .font a{color:#3772e0;}
.us-head .font a:hover{text-decoration: underline;}


.us-sec{padding:0 0 30px;margin-top:20px; }

.us-qy{background:url(../images/us_01.png) no-repeat right top;padding:60px 100px 20px 100px;margin-bottom: 20px;}
.us-qy .top{}
.us-qy .smlogo{width:120px;height:120px;border-radius:50%;margin-right:30px;border:2px solid #e8ecf1;}
.us-qy .info{position: relative;padding:6px 0 6px 15px;}
.us-qy .info:before{content:'';width:2px;background:#3772e0;position: absolute;left:0;top:0;bottom:0;}
.us-qy .tt{display:flex;align-items: center;}
.us-qy .title{font-size:30px;color:#000000;line-height: 1.2;}

.us-qy .pj{display:flex;}
.us-qy .pj .wz{font-size:16px;color:#fff;line-height: 24px;background:url(../images/us_32.png) no-repeat center;background-size:100% 100%;padding:0 14px 0 40px;position: relative;margin-left:25px;}
.us-qy .pj .ic{width:40px;height:40px;position: absolute;left:-5px;top:50%;margin-top:-23px;}

.us-qy .focus{font-size:18px;color:#fff;width:120px;height:44px;line-height:44px; background: linear-gradient(#1d67e7, #95bcff);border-radius:30px;text-align: center;}
.us-qy .focus:hover{background: linear-gradient(#1d67e7, #1d67e7);}

.us-qy .font{font-size:16px;color:#000;margin-top:15px;}
.us-qy .txt{font-size:16px;color:#333333;line-height:2;margin-top:25px;text-indent:2em;-webkit-line-clamp: 4;}
.us-qy .showmore{font-size:16px;color:#1d67e7;cursor: pointer;display:inline-block;margin-top:10px;}
.us-qy .showmore::after{content:'';display:inline-block;vertical-align: middle;background:url(../images/arrow.png) no-repeat right center;background-size:contain;width:14px;height:14px;margin-left:6px;}
.us-qy .showmore:hover{text-decoration: underline;}
.us-qy .showmore.this::after{transform: rotate(180deg);}

.us-tabs{margin-bottom:15px;}
.us-tabs .lk{font-size:24px;color:#999999;margin-right:35px;line-height: 40px;}
.us-tabs .lk.cur,.us-tabs .lk:hover{color:#3772e0;}


.us-smtab{border-bottom:1px solid #e8ecf1;margin:0 0 15px;display:flex;align-items: center;}
.us-smtab .bt{font-size:18px;color:#000000;margin-left:15px;margin-right:50px;padding:0 20px 0 0;display:flex;align-items: center;border-bottom:2px solid #3772e0;line-height:45px;height:45px;font-weight: bold;}
.us-smtab .bt .ico{width:20px;margin:0 6px 0 0;}
.us-smtab .lks{display:flex;}
.us-smtab .lk{font-size:16px;color:#333333;line-height:45px;margin-right:50px;}
.us-smtab .lk:last-child{margin-right:0;}
.us-smtab .lk:hover{color:#3772e0;}

.us-smtab .icon-arrow-right{
    position: relative;
    cursor: pointer;
    padding-right: 20px;
    background:url(../images/icon_09.png) no-repeat   center right;
}
.us-smtab .icon-arrow-right:hover{
    background:url(../images/icon_10.png) no-repeat   center right;
}
.us-smtab .icon-arrow-right:hover > .dropdown-menu{
    display: block;
}

.dropdown-menu{
    position: absolute;
    display: none;
    top:100%;
    z-index:99;
    background:none;
    padding-top:10px;

}
.dropdown-menu .menu-body{
    background-color:#fff;
    border-radius:10px;
    border:1px solid #3366cc;
    padding:10px;transform: translate(0,0);
}
.dropdown-menu .hang{line-height:32px;display:flex;padding:7px 0;}
.dropdown-menu  .smtit{font-size:17px;color:#333;min-width:120px;text-align:left;font-weight: bold;padding-right: 10px;}
.dropdown-menu   .wz{font-size:15px;color:#79808b;margin:0 0 0 20px;display:inline-block;vertical-align: middle;}
.dropdown-menu  .wz:hover{color:#3366cc;}
.dropdown-menu .menu-body ul li{
    color:#333;
    padding:6px 10px;
    margin:0!important;
}

.dropdown-menu .menu-body ul li:hover{
    background:#f5f5f5;
    border-radius:3px;
    color:#333;
}
.w-900{
    width:900px;
    left:-10px;
}
.w-160{
    width:160px;
}

.w-area{
    width:300px;

}

.page-num{
    display: flex;
    items-align: center;
}
.page-num a{
    color:#cccccc;
    display:block;
    border:1px solid #efefef;
    border-radius:6px;
    background:#fff;
    padding:3px 8px;
    margin:0 3px;
}
.page-num a img{
    width:16px;
    height:16px;
}
.page-num a .icon-arrow-left{
    background:url(../images/icon_03.png) no-repeat center;
    width:20px;
    height:20px;

}

.page-num input{
    color:#9a9a9a;
    border:1px solid #eaeaea;
    border-radius:6px;
    background:#fff;
    padding:3px 6px;
    width:50px;
    text-align: center;
}




.us-smtab .action-bar{
    display: flex;
    flex:1;
    items-align: center;
}
.us-smtab .action-bar ul li{
    margin-right: 20px;
}
.us-smtab .action-bar ul li:hover{
    color: #3366cc;
}




.us-list{display: flex;flex-wrap:wrap;margin:-1.5% 0 0 -1.5%;}
.us-list .item{background:#fafafa;border-radius:5px;width:18.5%;margin:1.5% 0 0 1.5%;}
.us-list .box{display: block;}
.us-list .imgbox{height:150px;border-radius:5px;}
.us-list .info{padding:10px 10px;}
.us-list .tt{display:flex;align-items: center;}
.us-list .title{font-size:16px;color:#333333;}
.us-list .tag{font-size:15px;color:#fff;width:48px;height:22px; padding:0; line-height:22px;text-align: center;margin-right:5px;}
.us-list .tag.qg{background:url(../images/us_08.png) no-repeat center;background-size:100% 100%;}
.us-list .tag.gy{background:url(../images/us_09.png) no-repeat center;background-size:100% 100%;}
.us-list .txt{font-size:16px;color:#999999;line-height:1.6;margin-top:8px;}
.us-list .price{font-size:18px;color:#ff0000;margin-top:15px;}
.us-list .item:hover{box-shadow:0 0 15px #dcdcdc;}
.us-list .item:hover .qg + .title{color:#ff9d4c;}
.us-list .item:hover .gy + .title{color:#2f74eb;}


/* 关于我们 */
.about-head{height:70px;}
.about-head .nav li:first-child>a:before{display:none;}
.about-head .smlogo{height:38px;}
.about-head .nav{margin-left: 60px;}


.us-titbox{margin-bottom:25px;}
.us-titbox .bt{font-size:30px;color:#333;line-height:1.2;}
.us-titbox .x{width:40px;height:5px;background:#f1f1f1;margin:9px 0 14px;display:block;}
.us-titbox .en{font-size:40px;color:#dcdcdc;text-transform: uppercase;line-height:1;font-family: 'Arial';}

.us-padding{padding:35px 40px;}


.us-intro{border-radius:8px 8px 0 0;min-height:505px;background:url(../images/us_10.png) #fff no-repeat top right; background-size:100% auto ;margin-top:20px;}
.us-intro .txt{font-size:16px;line-height:1.8;max-width:755px;}
.us-intro .txt p{margin:0 0 6px;}



.us-intro .list{margin-top:40px;display: flex;}
.us-intro .list li{margin-right:75px;text-align: center;}
.us-intro .list li:last-child{margin-right:0;}
.us-intro .list .icon{height:30px;width:auto;margin:0 auto;}
.us-intro .list .fz{font-size:14px;color:#3366cc;margin-top: 3px;}

.us-intro .content{font-size:16px;line-height:1.8;max-width:860px;}
.us-intro .content p{margin:0 0 6px;}
.us-intro .text-list{
    padding:10px;
}
.us-intro h3{
    font-size:18px;
    color:#333;
    font-weight: bold;
    margin-bottom: 15px;
}
.us-intro .text-list ul{
    list-style: none;
}
.us-intro .text-list ul li{
    margin:0 10px 0 10px;
}


.us-content-page{
    border-radius:8px 8px 0 0;min-height:505px;background:url(../images/us_10.png) #fff no-repeat top right; background-size:100% auto ;margin:20px auto 0 auto; width:1000px!important;
}
.us-content-page .content{font-size:13px;line-height:1.8;max-width:860px; color:#666666;}
.us-content-page .content .text{
    font-size:13px;
    line-height:2.1;
}
.us-content-page .content p{margin:0 0 6px; font-size:13px;}
.us-content-page .content strong{
    font-size:13px;
    color:#666666;
}

.us-content-page .text-list{
    padding:5px 10px;
}
.us-content-page h3{
    font-size:13px;
    color:#666666;
    font-weight: bold;
    margin-bottom: 8px;
}
.us-content-page .text-list ul{
    list-style: none;
}
.us-content-page .text-list ul li{
    margin:0 10px 0 10px;
    font-size:13px;
}




.feedback{
    background: #fff;
    margin: auto;
    width:1000px!important;
}

.feedback-container{
    padding:10px;
}


.feedback-container{
    padding:20px;
}

.feedback-label {
    font-size:16px;

    margin-bottom:10px;
    font-weight:500;
}

.feedback-label em{
    font-size:16px;
    color:#9c9c9c;
    font-weight: normal;
    font-style: normal;
}
.feedback-content{
    margin-bottom:20px;
    margin-bottom:10px;
}
.feedback-content p{
    font-size:14px;
    line-height:1.6;
    color: #ccc;
}
.feedback-content .feedback-textarea{
    padding:10px;
    border:1px solid #eaeaea;
    border-radius:5px;
    height:200px;
    width:600px;
    resize: none;
    color: #333;
}
.feedback-content .feedback-input{
    font-size:16px;
    padding:8px 5px;
    width:380px;
    border:1px solid #eaeaea;
    border-radius:5px;
}

.feedback-container .feedback-footer{
    margin-top:40px;
    padding:10px;
    display: flex;
    align-items: center;
}

.feedback-container .feedback-button{
    display: block;
    width:100px;
    padding:10px 20px;
    border-radius: 10px;
}

.feedback-container .submit{
    background: #3081f8;
    border: none;
    color: #fff;
}

.feedback-container .cancel{
    background:#fff;
    color: #888888;
}
.feedback-container .image-item{
    width:200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.feedback-container .image-item img{
    width:100%;
    height: auto;
}
.link-content{
    min-height:600px;
}
.link-content ul{
    padding:20px;
    display: flex;
    flex-wrap: wrap;

}

.link-content ul li{
    border:1px solid #eaeaea;
    margin-right:16px;
    margin-bottom:20px;
    border-radius: 10px;
    text-align: center;
    padding:6px;
    width: calc(19% - 16px);
}




.us-advan{background:url(../images/us_15.jpg) no-repeat center;background-size:cover;display: flex;justify-content: space-between;}
.us-advan .imgbox{width:42%;height:270px;border-radius:10px;overflow: hidden;margin-top:45px;max-width:470px;}
.us-advan .info{width: 53%;}
.us-advan .list{display: flex;justify-content: space-between;}
.us-advan .list .item{background:#fff;border-radius:10px;padding:18px 20px;width:48%;min-height:185px;}
.us-advan .list .title{font-size:18px;color:#333333;margin-bottom:15px;display: flex;align-items: center;}
.us-advan .list .ico{width:24px;margin:0 6px 0 0;}
.us-advan .list .txt{font-size:14px;color:#333333;line-height:20px;}
.us-advan .list .txt p{margin-bottom:10px;position: relative;padding-left:18px;}
.us-advan .list .txt p:before{content:'';width:6px;height:6px;background:#3081f8;border-radius:50%;position: absolute;left:0;top:6px;}


.us-titbox.dark .x{background:#bbcddb;}
.us-titbox.dark .en{color:#d7e4ee;}


.us-cp{background:url(../images/us_19.jpg) no-repeat center;background-size:cover;}
.us-cp .list{display: flex;flex-wrap:wrap;margin:-25px 0 0 -25px;}
.us-cp .list .item{width: calc(25% - 25px);border-radius:10px;background-color: #fafcff;margin:25px 0 0 25px;padding:25px 18px;position: relative;min-height:320px;  box-shadow: 0 4px 12px rgba(0,0,0,0.05);}
.us-cp .list .img{height:135px;width:auto;display:block;margin:0 auto;transition: all 0.3s;}
.us-cp .list .title{font-size:18px;text-align: center;margin-top:10px;}
.us-cp .list .txt{font-size:14px;color:#333333;line-height:1.8;margin-top:10px;}
.us-cp .list .wx{position: absolute;top:100px;left:-25px;z-index:30;overflow: hidden;}
.us-cp .list .wx .font{width:25px;height:120px;background:#e8eef8;font-size:14px;color:#3366cc;padding:0 5px;display: flex;align-items: center;justify-content: center;border-radius:12px 0 0 12px;cursor: pointer;}
.us-cp .list .wx .tpbox{background:#e8eef8;padding:15px 0 0;position: absolute;right:0;top:0;bottom:0;transform: translate(100%,0);transition: all 0.2s;width:0;overflow: hidden; }
.us-cp .list .wx .tp{width:90px;display:block;margin:0 auto;}
.us-cp .list .wx:hover{z-index:30;width:auto;overflow: initial;}
.us-cp .list .wx:hover .font{ }
.us-cp .list .wx:hover .tpbox{width:135px;}

.us-cp .list .item:hover .img{transform: scale(1.05,1.05);}


.us-cul{background:#fff;}
.us-cul .list{display:flex;justify-content: space-between;}
.us-cul .list .item{border-radius:10px;width:32%;padding:35px 3%;text-align: center;background:url(../images/us_28.jpg) no-repeat center;background-size:cover;}
.us-cul .list .icon{height:44px;width:auto;margin:0 auto;}
.us-cul .list .title{font-size:22px;margin-top:8px;}
.us-cul .list .txt{font-size:14px;margin-top:6px;}


/* 供求信息 */
.gq-body{background:url(../images/gq_0.jpg) no-repeat center top;background-size:100% auto;}

.view-body{background:url(../images/gq_0.jpg) no-repeat center top #fff;background-size:100% auto;}





.gq-head{padding-bottom:10px;}
.gq-head .hd-t,.gq-head .hd-c{background:transparent;}
.gq-head .hd-c .logo{display: flex;align-items: center;}
.gq-head .hd-c .logo .tag{font-size:20px;color:#fff;padding:0 15px;line-height:30px;background-color: #4474d9;border-radius:16px 15px 15px 0;margin-left:10px;display:inline-block;vertical-align: middle;}
.gq-head .hd-t .wz{ font-size:13px;}
.gq-head .hd-t .wz a{margin-left:10px;}
.gq-head .r{flex:1;overflow: hidden;display: flex;padding:8px 0 0 5%;justify-content: flex-end;}
.gq-head .searchbox{max-width:700px;}

.gq-head .searchbox .form{border-radius:6px;border:1px solid #3366cc;background:#fff;overflow: hidden;}
.gq-head .searchbox .ipt-txt{padding:0 20px;height:44px;line-height:44px;font-size:16px;}
.gq-head .searchbox .submit{font-size: 16px;color:#3366cc;margin:0 15px 0 0;display: flex;align-items: center;line-height:44px;border:0;cursor: pointer;background:none;}
.gq-head .searchbox .submit:before{content:'';width:18px;height:18px;background:url(../images/gq_22.png) no-repeat center;background-size:contain;margin-right:5px;}

.gq-head .searchbox .bqs{margin-top:5px;}
.gq-head .searchbox .bqs a{font-size:14px;color:#767b80;margin-right:15px;display: inline-block;vertical-align: middle;line-height:24px;}
.gq-head .searchbox .bqs a:last-child{margin-right:0;}
.gq-head .searchbox .bqs a:hover{color:#4474d9;}


.gq-head .samll-search-box{max-width:500px;}

.gq-head .samll-search-box .form{border-radius:6px;border:1px solid #3366cc;background:#fff;overflow: hidden;}
.gq-head .samll-search-box .ipt-txt{padding:0 20px;height:36px;line-height:40px;font-size:16px;}
.gq-head .samll-search-box .submit{font-size: 16px;color:#3366cc;margin:0 15px 0 0;display: flex;align-items: center;line-height:40px;border:0;cursor: pointer;background:none;}
.gq-head .samll-search-box .submit:before{content:'';width:18px;height:18px;background:url(../images/gq_22.png) no-repeat center;background-size:contain;margin-right:5px;}

.gq-head .samll-search-box .bqs{margin-top:5px;}
.gq-head .samll-search-box .bqs a{font-size:14px;color:#767b80;margin-right:15px;display: inline-block;vertical-align: middle;line-height:24px;}
.gq-head .samll-search-box .bqs a:last-child{margin-right:0;}
.gq-head .samll-search-box .bqs a:hover{color:#4474d9;}


.gq-head .btngrp{display: flex;padding-left:30px;}
.gq-head .btngrp .button{min-width:118px;line-height:44px;height:44px;border-radius:6px;margin-left:10px;font-size:14px;color:#fff;display: flex;align-items: center;justify-content: center;padding:0 20px;}
.gq-head .btngrp .button:before{content:'';width:20px;height:20px;margin-right:5px;}
.gq-head .btngrp .button.fabu{background:#4474d9;}
.gq-head .btngrp .button.fabu:before{background:url(../images/gq_20.png) no-repeat center;background-size:contain;}
.gq-head .btngrp .button.dl{background:#fbb215;}
.gq-head .btngrp .button.dl:before{background:url(../images/gq_21.png) no-repeat center;background-size:contain;}
.gq-head .btngrp .button:hover{opacity: 0.9;}

.gq-s{display:flex;margin-bottom:35px;}
.gq-s-l{width:380px;margin-right:20px;}
.gq-s-r{flex:1;overflow:hidden;}


.gq-zs{background:url(../images/gq_01.jpg) no-repeat center;background-size:cover;border-radius:10px;padding:35px 30px;height:640px;}
.gq-zs .tp{height:40px;width:auto;}
.gq-zs .line{height:1px;background:#cad3ea;margin:20px 0 28px;}
.gq-zs .list{}
.gq-zs .list li{font-size:16px;display:flex;line-height:40px;}
.gq-zs .list .bh{color:#000;margin-right:20px;}
.gq-zs .list .link{color:#3366cc;font-weight: bold;}
.gq-zs .list .link:hover{text-decoration: underline;}

.gq-s1{margin-bottom:20px;}
.gq-s1 .gq-s-l{padding:15px;border-radius:8px;background:#fff;}
.gq-s1 .gq-s-r{background:#fff;padding:15px;border-radius:8px;}

.gq-bk{display:flex;flex-wrap:wrap;justify-content: space-between;}
.gq-bk .item{width:49.2%;margin-top:1.6%;display:flex;align-items: center;padding:15px;background:#fbbaa2;border-radius:10px;}
.gq-bk .lbox{width:35%;}
.gq-bk .rbox{padding:15px;border-radius:6px;display:flex;justify-content: space-between;flex:1;overflow:hidden;background:#fff;}
.gq-bk .title{font-size:20px;color:#000000;text-align:center;display: block;}
.gq-bk .title::after{content:'';width:18px;height:18px;background:url(../images/gq_05.png) no-repeat center;background-size:contain;display: block;margin:8px auto 0;}
.gq-bk .grp{display: block;width:47.6%;}
.gq-bk .grp .imgbox{width:100%;}
.gq-bk .grp .smb{position: relative;width: 100%;/* padding-bottom: 100%; */overflow: hidden;border-radius:6px;height:95px;}
.gq-bk .grp .pic{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all 0.8s;}
.gq-bk .grp .price{font-size:18px;color:#ff0000;margin-top:8px;text-align:center;line-height:1.2;}
.gq-bk .grp:hover .pic{transform: scale(1.05,1.05);}
.gq-bk .title:hover{color:#4474d9;}
.gq-bk .title:hover::after{background-image:url(../images/gq_05-1.png);}

.gq-bk .item:nth-child(1){margin-top:0;background: linear-gradient(#fbb8a0, #ffe8ce);}
.gq-bk .item:nth-child(2){margin-top:0;background: linear-gradient(#b8a8ff, #fde2ff);}
.gq-bk .item:nth-child(3){background: linear-gradient(#accbee, #cbe0ff);}
.gq-bk .item:nth-child(4){background: linear-gradient(#a0e99a, #d3efa7);}


.gq-zx{display:flex;justify-content: space-between;margin:20px auto 0;}
.gq-zx .item{width:49%;}
.gq-zx .title{font-size:16px;margin:0 0 10px;font-weight: bold;}
.gq-zx .box{display:flex;}
.gq-zx .info{width:100px;background:#fbfbfb;margin:0 10px 0 0;border-radius:8px;font-size:14px;color:#333333;text-align: center;padding:15px 8px;line-height:1.8;display:flex;flex-direction: column;align-items: center;justify-content: center;}
.gq-zx .price{font-size:16px;color:#ff0000;margin-bottom:15px;font-family: 'DIN';}
.gq-zx .fz{font-size:16px;font-family: 'DIN';}
.gq-zx .percent{font-size:18px;font-family: 'DIN';display: flex;align-items: center;}
.gq-zx .percent:before{content:'';width:15px;height:15px;background:url(../images/gq_19.png) no-repeat center;background-size:contain;margin-right:5px;}
.gq-zx .down{color:#20b85d;}
.gq-zx .down:before{background:url(../images/gq_19.png) no-repeat center;background-size:contain;}
.gq-zx .up{color:#ff0000;}
.gq-zx .up:before{background:url(../images/gq_19-1.png) no-repeat center;background-size:contain;transform: rotate(180deg);}
.gq-zx .tp{flex:1;overflow:hidden;height:180px;}


.gr-cd{position: relative;}
.gr-cd .row{font-size:15px;color:#333333;padding:0 10px;line-height:40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom:6px;border-radius:3px;}
.gr-cd .row:last-child{marign-bottom:0;}
.gr-cd .tit{font-size:17px;color:#000;display:inline-block;vertical-align: middle;margin-right:8px;}
.gr-cd .ico{width:21px;margin:0 4px 0 0;display:inline-block;vertical-align: middle;}
.gr-cd .ico2{display:none;}
.gr-cd .lk{display:inline-block;vertical-align: middle;}
.gr-cd .row:hover{background:#eaeffa;}
.gr-cd .row:hover .tit{color:#3366cc;}
.gr-cd .row:hover .tit .ico1{display:none;}
.gr-cd .row:hover .tit .ico2{display: inline-block;}
.gr-cd .lk:hover{color:#3366cc;}

.gr-cd:hover .gr-cd-more{display: block;}

.gr-cd-more{width:1035px;border:1px solid #3366cc;border-radius:8px;padding:15px;background:#fff;position: absolute;top: 0;right:0;transform: translate(100%,0);z-index:60;display: none;}
.gr-cd-more .hang{line-height:32px;display:flex;padding:7px 0;}
.gr-cd-more .smtit{font-size:17px;color:#333;min-width:120px;text-align:right;font-weight: bold;padding-right: 10px;}
.gr-cd-more .wz{font-size:15px;color:#79808b;margin:0 0 0 20px;display:inline-block;vertical-align: middle;}
.gr-cd-more .wz:hover{color:#3366cc;}

.supply-view-compnay{
    padding:15px 20px;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
    border: 1px solid #eaeaea;
}

.company-info img{
    width:40px;
    height:40px;
    border-radius: 50%;
    margin-right: 15px;
}

.company-info .company-name{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-bottom: 5px;
}

.company-info .company-address{
    font-size: 14px;
    color: #999;
}
.supply-view-compnay .link-btn{
    display: inline-block;
    padding: 5px 10px;
    background: #f6f6f6;
    color: #444;
    border-radius:10px;
    border: 1px solid #f6f6f6;
    text-decoration: none;
}
.supply-view-compnay .link-btn img{
    width: 24px;
    height: 24px;
    margin-right:0px;
}

.company-main{
    margin-top: 20px;

}

.company-main .main-img-boxs{
    width:500px;
    margin:20px;
}

.company-main .main-img-boxs img{
    max-width:100%;
}


.company-main .main-img-boxs .img-swiper{
    width:100%;
    height: 360px;
    background: #f6f6f6;
    border-radius: 10px;
    overflow: hidden;
}
.company-main .main-img-boxs .img-swiper .swiper-wrapper{
    height: 100%;
}

.company-main .main-img-boxs .img-swiper .swiper-slide{
    height:100%;
    display:flex;
    align-items: center;
    justify-content: center;
}
.company-main .main-img-boxs .img-swiper .swiper-slide img{
    width:500px;
    height: 100%;
}

.company-main .main-img-boxs .thumb-swiper{
    display:flex;
    flex-deirection:column;
    align-items: center;
    height: 100px;
}
.company-main .main-img-boxs .thumb-swiper .swiper-slide{
    width: 100px;
    height: 100px;
}
.company-main .main-img-boxs .thumb-swiper .swiper-slide img{
    width:auto;
    height: 100px;
    margin:15px;
    border-radius: 15px;
    background-color: #f5f5f5;
}

.company-main .us-title h1{
    font-size: 24px;
    color: #333;
    font-weight: 600;
}
.detail-box{
    padding: 20px 10px;
    width:560px;
    flex-direction: column;
    justify-content:start;
    display:flex;
}

.detail-box h1{
    font-size: 24px;
    color: #333;
    font-weight: 600;
}

.detail-box .detail-price{
    padding: 10px 0;
    font-size:32px;
    color: red;
    font-weight: 600;
}

.detail-box .detail-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:0px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 400;
}

.detail-box .detail-title img{
    width: 20px;
    height: 20px;
}

.detail-box .detail-params ul li{
    font-size: 16px;
    color:#888;
    padding:5px 0;
}

.detail-box .detail-params ul li span{
    font-size: 18px;
    font-weight: 400;
    color:#444;
    width:100px;
    margin-right:5px;
    display:inline-black;
}

.detail-box  .ask-box{
    margin:15px;
}
.detail-box  .ask-box a{
    width:50%;
    padding:10px;
    height:50px;
    font-size: 18px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.detail-box  .ask-box a img{
    margin-right:10px;
    width:20px;
    height:20px;
}

.detail-box  .ask-box a:first-child{
    border-radius:30px 0 0 30px;
    background:#3366cc;
    color:#fff;
    border:1px solid #3366cc;
}
.detail-box  .ask-box a:nth-child(2){
    border-radius:0 30px 30px 0;
    background:none;
    color:#333;
    border:1px solid #3366cc;
}

.detail-box .detail-shengming{
    margin-top:20px;
    text-align:center;
    font-size:14px;
    color:#888;
}

.detail-box .detail-shengming img{
    width: 18px;
    height: 18px;
    margin-right:5px;
}

.recommend-box{
    background:#fff;
    border-radius: 10px;
}

.recommend-box ul{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    items-align: center;
    padding-bottom:10px;
}
.recommend-box .title{
    padding:16px 10px 10px;
    font-size:24px;
    color:#333;
    font-weight: bold;
}
.recommend-box .title img{
    width: 18px;
    height: 18px;
    margin-right:5px;
}

.recommend-box ul li{
    width:19.5%;
    display:flex;
    flex-direction:column;
    padding:10px;
}
.recommend-box ul li .img-box{
    width:100%;
    height:220px;
    margin-bottom:10px;
}

.recommend-box ul li .img-box img{
    width:auto;
    max-width:100%;
    height:100%;
}

.recommend-box ul li a{
    display:block;
    font-size:18px;
}
.recommend-box ul li h5{
    padding:5px 0;
    font-size:16px;
}


.detail-content{
    margin-top:10px;
    font-size:16px;
    line-height:1.5;
    max-height:180px;
    overflow:hidden;
    position:relative;
}
.view-more{
    right:0;
    bottom:20px;
    background:#fff;
    text-align:right;
    height:20px;
    color:#333;
}

.detail-content .title{
    display:block;
    margin-bottom:10px;
    font-size:18px;
    font-weight:normal;
    color:#888;

}

.detail-content .title img{
    width:16px;
    height:16px;
    margin-right:5px;
}

.detail-content p,.detail-content div{
    margin-bottom:10px;
}



.detail-company{
    position: sticky;
    top: 20px; /* 距离父容器顶部 20px */

    margin-left:20px;
    width:400px;
    height:400px;
    background:#fff;
    margin-bottom: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
    padding: 10px 15px;
}

.detail-company ul li{
    font-size: 16px;
    color:#888;
    padding:5px 0;
}

.detail-company ul li span{
    font-size: 18px;
    font-weight: 400;
    color:#444;
    width:100px;
    margin-right:5px;
    display:inline-black;

}




.pagination-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin:9px 0;
    font-size: 14px;
}

.pagination {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 15px;
}

.page-item {
    margin: 0 2px;
}

.page-link {
    display: block;
    padding: 8px 12px;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.page-item.active .page-link {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.page-item.disabled .page-link {
    color: #999;
    pointer-events: none;
    background-color: #f8f9fa;
    border-color: #ddd;
}

.page-link:hover:not(.disabled) {
    color: #0056b3;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.pagination-info {
    color: #666;
    font-size:16px;
    line-height: 38px;
    padding: 2px 10px;
    vertical-align: middle;
}

.pagination-info input{
    border: 1px solid #ddd;
    border-radius:5px;
    height:35px;
    text-align: center;
    font-size: 16px;
    width:50px;
}
.pagination-info button{
    border: 1px solid #ddd;
    height: 36px;
    line-height:36px;
    border-radius: 5px;
    padding:0 8px;
}
.pagination-info button:hover{
    color: #3772e0;
}





/*media 1500*/
@media screen  and (max-width:1500px){
	.auto{width: 1200px;}

    .hd-c .menu .col{
        padding: 0 1px 0 1.5%;
    }
    .hd-c .menu li{
        font-size: 14px;
    }

    .hd-special {

    }


	/* 公共部分 */
	.hd-t .lks .drop{width: 100px;margin-left:-50px;}
	.hd-t .lks .drop .lk{font-size: 14px;line-height: 21px;}

	.hd-b .wrap{height: 50px;}
	.hd-nav li>a{font-size: 16px;line-height: 50px;}
	.hd-nav li>a::after{border-width: 0 4.5px 7px 4.5px;margin-left:-3px;bottom: 0;}

	.hd-b .menu-more .drop{width: 100px;}
	.hd-b .menu-more .lk{font-size: 14px;}


	.ft-t .tit{font-size: 17px;}
	.ft-t .menu .wz{font-size: 14px;}

    .ft-t .menu .phone-400{font-size: 16px !important; }

	.ft-t .wxbox .img{width: 75px;}
	.ft-t .wxbox .fz{font-size: 14px;}
	.ft-b{padding:15px 0;}
	.ft-b .txt{font-size: 13px;}


	.top-ad{margin: 5px 0 10px;}
	.top-ad .img{width: 100%;display: block;border-radius:8px;}



	/* index */
	.idx-tt{height: 45px;padding:5px 15px 0;margin-bottom: 10px;}
	.idx-tt .bt{font-size: 18px;line-height: 40px;}
	.idx-tt .bt .ico{width: 22px;margin-right: 5px;}

	.idx-tt .more{font-size: 14px;color:#979797;margin-left: 20px;}
	.idx-tt .more::after{content:'';display: inline-block;vertical-align: middle;margin-left: 3px;width: 10px;height: 10px;background:url(../images/icon_03.png) no-repeat center;background-size:contain;}
	.idx-tt .more:hover{color:#d89300;}
	.idx-tt .more:hover::after{background-image:url(../images/icon_03-1.png);}

	.idx-tt .bt.minwidth::after{min-width: 110px;}

	.idx-tt .bt+.tabs{margin:0 0 0 40px;}

	.idx-tt .tabs .lk{font-size: 16px;margin-right: 18px;line-height: 35px;}


	.idx-tt .bt+.tabs.small{margin:0 0 0 10px;}
	.idx-tt .tabs.small .lk{margin-right: 15px;font-size: 15px;}

	.idx-tt .bt+.tabs-swiper{margin-left: 10px;}
	.idx-tt .tabs-swiper{position: relative;padding:0 20px;}
	.idx-tt .tabs-swiper .swiper-container{position: static;}
	.idx-tt .tabs-swiper .swiper-slide{width: auto;}
	.idx-tt .tabs-swiper .swiper-slide .lk{font-size: 14px;}
	.idx-tt .tabs-swiper .swiper-button{width: 20px;height: 20px;background:url(../images/icon_03.png) no-repeat center;background-size:10px;margin-top:-10px;}
	.idx-tt .tabs-swiper .swiper-button-prev{left: 0;transform: rotate(180deg);}
	.idx-tt .tabs-swiper .swiper-button-next{right: 0;}
	.idx-tt .tabs-swiper .cur .lk{color:#3772e0;}

    .scroll-container{
        width:85%;
    }
    .col-more{
        position: absolute;
        right:10px;
        bottom:20px;
    }

	.m{border-radius:8px;background-color: #fff;}


	.idx-list .title{font-size: 15px;line-height: 31px;}
	.idx-list .title:before{width: 4px;height: 4px;margin-right: 8px;}
	.idx-list .date{font-size: 15px;}

	.idx-list.small .title{font-size: 14px;line-height: 29px;}


	.idx-top{margin-bottom: 10px;display: flex;}

	.idx-fastmenu{width: 275px;margin-right: 10px;position: relative;}
	.idx-fastmenu .font{font-size: 17px;height: 40px;line-height: 40px;padding:0 15px;}
	.idx-fastmenu .font:before{width: 20px;height: 20px;margin-right: 16px;}


	.idx-fastmenu .drop{width: 1000px;position: absolute;left: 0;z-index:30;padding-top: 2px;display: none;}
	.idx-fastmenu .dropbox{background-color: #fff;border:1px solid #3772e0;border-radius:5px;padding:12px 20px;}
	.idx-fastmenu .tit{font-size: 15px;}
    .idx-fastmenu .tit-sm{font-size: 12px;}
	.idx-fastmenu .tit .ico{width: 18px;margin-right: 6px;}
	.idx-fastmenu .lks{margin-left:-15px;margin-top:-4px;}
	.idx-fastmenu .lks .lk{font-size: 14px;margin:4px 0 0 15px;}

    .idx-fastmenu .lks .sm{font-size: 12px!important;margin:4px 0 0 15px;}
    .idx-fastmenu  .lks .ml-10{margin-left:9px !important;}
	/* .idx-top .search{display: flex;overflow: hidden;padding-right: 9%;}
	.idx-top .search .smb{display: flex;flex:1;overflow: hidden;border:1px solid #e1e6ea;border-right:0;align-items: center;background-color: #fff;border-radius:5px 0 0 5px;} */
	.idx-top .search .select{width: 100px;height: 40px;line-height: 40px;font-size: 14px;}
	.idx-top .search .line{width: 1px;height: 24px;}
	.idx-top .search .ipt-txt{font-size: 13px;line-height: 40px;}
	.idx-top .search .submit{font-size: 15px;width: 100px;height: 40px;}
	.idx-top .search .submit:before{width: 16px;height: 16px;}

	.idx-top .btns{display: flex;}
	.idx-top .btns .lk{font-size: 15px;width: 95px;height: 40px;line-height: 38px;}



	.idx-hq .fz{font-size: 14px;color:#000;}
	.idx-hq .wz{font-size: 15px;color:#000;margin-top: 3px;line-height: 25px;}

	.idx-hq .titbox{width: 110px;}
	.idx-hq .titbox::after{content:'';width: 1px;height: 30px;margin-top:-15px;}

	.idx-hq .list{flex:1;overflow: hidden;padding:0 2.2%;height: 47px;}
	.idx-hq .list li{display: flex;justify-content: space-between;}
	.idx-hq .list .wz em{margin-left: 4px;font-size: 13px;}
	.idx-hq .list .wz em::after{content:'';display: inline-block;vertical-align: middle;width: 10px;height: 11px;margin-left: 3px;}
	.idx-hq .list .up .wz{color:#ff4e11;}
	.idx-hq .list .up .wz em::after{background:url(../images/idx_02-1.png) no-repeat center;background-size:contain;}
	.idx-hq .list .down .wz{color:#20b85d;}
	.idx-hq .list .down .wz em::after{background:url(../images/idx_02.png) no-repeat center;background-size:contain;}



	.idx-s1 .l{width: 390px;}
	.idx-s1 .c{margin:0 8px;}
	.idx-s1 .r{width: 330px;}


	.idx-tps{padding: 15px;}
	.idx-tps .slide .item{height: 210px;}
	.idx-tps .slide .title{font-size: 16px;}
	.idx-tps .slide .swiper-pagination{right: 15px;}
	.idx-tps .slide .swiper-pagination-bullet{width: 8px;height: 8px;}

	.idx-tps .list .item{width: 48.5%;margin-top: 3%;}
	.idx-tps .list .imgbox{height: 115px;}
	.idx-tps .list .title{font-size: 14px;line-height: 18px;}


	.idx-sp .videobox{margin: 0 15px 10px;height: 200px;}


	.idx-xw{padding: 15px 20px;}
	.idx-xw .idx-tt{margin-top: 13px!important;}


   .special-main .idx-xw{padding: 10px 20px;}

	.pagelist{margin-top: 20px;text-align: center;}



	.idx-main .idx-zs{height: 400px;}
	.idx-zs .detail{padding:0 15px;}
	.idx-zs .row{padding:5px 0;}
	.idx-zs .font .wz{font-size: 15px;}
	.idx-zs .font .zs span{font-size: 15px;}
	.idx-zs .chart{height: 170px; position: relative;}

    .idx-zs  .chart-single-slide,.idx-zs  .chart-multi-slide{
        display: block;
        width:250px !important;
        height:170px !important;
        margin-bottom:10px;
    }

    .idx-zs .chart-multi-slide{
        margin-bottom:25px;
    }
    .idx-zs .chart-single-slide canvas,.idx-zs  .chart-multi-slide canvas{
        width:100%;
        height:100%;
    }


	.idx-vote{min-height: 257px;}
	.idx-vote .detail{padding:3px 15px 5px;}
	.idx-vote .title{font-size: 15px;}
	.idx-vote .opts{}
	.idx-vote .opt{font-size: 15px;line-height: 26px;}
	.idx-vote .opt input{width: 14px;height: 14px;}

    .idx-list .detail{padding:3px 15px 5px;}


	.idx-vote .btns{padding:10px 0 0;}
	.idx-vote .submit,.idx-vote .link{font-size: 15px;width: 90px;height: 32px;line-height: 32px;border-radius:19px;}

    .article-list .detail{padding:3px 15px 5px;}




	.idx-s2{display: flex;}
	.idx-s2 .imgbox{display: block;height: 100px;border-radius:8px;overflow: hidden;}
	.idx-s2 .imgbox1{flex:1;overflow: hidden;}
	.idx-s2 .imgbox2{width: 27.5%;margin-left: 10px;}


	.idx-mod .r{width: 330px;margin-left: 8px;}

	.idx-mod .detail{padding:0 15px 10px;}
	.idx-mod .col{width: 48%;}
    .idx-mod .hwrap{min-height:330px;}

	.hot-box{margin-bottom:15px;}
	.hot-box .imgbox{width:142px;height: 90px;margin-right: 15px;}
	.hot-box .title{font-size: 20px;line-height: 30px;}

	.hot-box.small{margin-bottom: 10px;}
	.hot-box.small .imgbox{width: 115px;height: 80px;}
	.hot-box.small .title{font-size: 18px;line-height: 26px;}


	.idx-data .idx-tt .tabs .lk{margin-right: 4px;}
	.idx-data .datechoose{height: 30px;border:1px solid #e2e2e2;border-radius:15px;font-size: 14px;color:#979797;width: 130px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
	.idx-data .datechoose::before{content:'';width: 16px;height: 16px;background:url(../images/idx_17.png) no-repeat center;background-size:18px;margin-right: 6px;display: inline-block;}


	.idx-data .smmenu{text-align: center;padding:10px 20px;position: relative;width: 94%;margin:0 auto;}
	.idx-data .smmenu .lk{font-size: 14px;line-height: 25px;border-radius:12px;padding:0 15px;margin:0 3px;}



	.idx-data .chart{height: 250px;padding: 10px 20px; position: relative;}

	.idx-data .addicon{width: 20px;height: 20px;background:url(../images/idx_16.png) no-repeat center;background-size:18px;display: inline-block;vertical-align: middle;margin-left:-10px;cursor: pointer;}

	.idx-data .tablebox{padding:0 10px 15px;}
	.idx-data .tablebox th,.idx-data .tablebox td{font-size: 14px;line-height: 20px;padding:6px 2px;}

	.idx-data .tablebox .icon{width: 16px;height: 16px;}




	.rili-datebox{width: 160px;height: 30px;border:1px solid #e2e2e2;border-radius:15px;line-height:30px;font-size: 14px;color:#979797;position: relative;padding:0 10px;}
	.rili-datebox .date{cursor: pointer;width: 100%;display: block;position: relative;z-index:5;}
	.rili-datebox .day{margin-left: 6px;position: absolute;left: 95px;top: 0;}
	.rili-datebox::after{content:'';width: 8px;height: 8px;background:url(../images/icon_03.png) no-repeat center;background-size:contain;transform: rotate(90deg);position: absolute;right: 10px;top: 50%;margin-top:-4px;}



	.idx-rili .title{font-size: 14px;line-height: 25px;}

	.idx-jsq .idx-tt .bt+.tabs.small{margin-left: 25px;}
	.idx-jsq .form{padding:5px 15px;}
	.idx-jsq .form .font{height: 40px;padding:0 20px;margin-bottom: 10px;}
	.idx-jsq .form .tit{font-size: 14px;min-width: 60px;line-height: 30px;}
	.idx-jsq .form .ipt{font-size: 14px;}
	.idx-jsq .form .ipt-txt,.idx-jsq .form .select{padding:0 12px;height: 30px;line-height: 28px;}
	.idx-jsq .form .submit,.idx-jsq .form .reset{font-size: 15px;width: 90px;height: 38px;line-height: 38px;border-radius:19px;}



	.idx-qy .g1{height: 280px!important;}
	.idx-qy .list{padding:10px 15px;/* width: 100%!important; */}
	.idx-qy .list li{font-size: 15px;color:#333333;line-height: 24px;text-align: center;display: block;padding:5px 0;}


	.idx-gq .tablebox{padding:5px 15px 15px;}
	.idx-gq .tablebox th,.idx-gq .tablebox td{font-size: 14px;line-height: 22px;padding:8px 5px;}

	.idx-pp .detail{padding:5px 15px;}
	.idx-pp .list{margin-left: 0px;}
	.idx-pp .list li{height: 90px;width: 190px;margin:0 0 10px 40px;}



	/* 品种首页 */
	.pz-s1{display: flex;}
	.pz-s1 .l{width: 250px;}
	.pz-s1 .c{flex:1;overflow:hidden;margin:0 10px;}
	.pz-s1 .r{width: 360px;}


	.pub-smtt{height: 42px;padding:8px 10px 0 10px;}
	.pub-smtt .bt{font-size: 18px;}
	.pub-smtt .bt:before{width: 3px;height: 18px;margin-right: 6px;}
	.pub-smtt .more{font-size: 13px;color:#979797;}


	.crumb{line-height: 26px;margin-bottom: 10px;}
    .crumb:before{
        width: 15px;
        height: 15px;
    }
	.crumb,.crumb *{font-size: 12px;}



	.pz-main .idx-zs{ min-height:265px;}
	.pz-main .idx-zs .chart{height: 150px;}
	.pz-main .idx-zs .font .wz{min-width: 80px;}
	.pz-main .idx-zs .font .zs span{font-size: 13px;}

	.pz-main .l{width: 218px;}
	.pz-main .c{margin:0 8px;}
	.pz-main .r{width: 280px;}

	.pz-main .idx-s2 .imgbox2{width: 360px;}

	.pz-dd{}
	.pz-dd .lks{display: flex;flex-wrap: wrap;justify-content: space-between;padding:5px 10px 10px 20px;}
	.pz-dd .lks .lk{font-size: 14px;line-height: 22px;}

	.pz-sp{}
	.pz-sp .detail{padding:10px 10px 10px;}
	.pz-sp .hotbox{height: 126px;}


	.pz-sp .icon{width: 34px;height: 34px;}

	.pz-sp .list{}
	.pz-sp .list li{font-size: 14px;color:#333333;line-height: 1.4;margin-top: 8px;}
	.pz-sp .list li:hover{color:#3366cc;}

	.pz-rili .rili-datebox{width: 103px;font-size: 12px;height: 26px;line-height: 26px;padding:0 8px;}

	.pz-rili .list{padding:5px 10px 5px 15px;}
	.pz-rili .list li::after{left: 1px;}

	.pz-rili .title{font-size: 12px;line-height: 27px;}
	.pz-rili .title:before{width:4px;height:4px;margin-right: 10px;}


	.pz-pp{}
	.pz-pp .list{padding:8px 10px 1px;}
	.pz-pp .list li{width: 95px;height: 53px;}

	.pz-tp{height: 205px;}
	.pz-xw{}
	.pz-xw .titbox{height: 42px;padding:8px 20px 0;display: flex;align-items: center;justify-content: space-between;border-bottom:1px solid #e8ecf1;}
	.pz-xw .titbox .bt{font-size: 18px;}
	.pz-xw .titbox .ico{width: 18px;margin-right: 6px;}
	.pz-xw .titbox .tabs{margin-top: 2px;}
	.pz-xw .titbox .tabs .wz{font-size: 15px;margin-left: 14px;line-height: 36px;}

	.pz-xw .detail{padding:4px 20px 15px;}

	.report-sec .detail{padding:5px 15px 10px; min-height:185px; }
	.report-sec .idx-tt .tabs.small .lk{margin-right: 12px;}

	.pz-main .hot-box.small .imgbox{margin-right: 12px;}
	.pz-main .hot-box.small .title{line-height: 22px;-webkit-line-clamp: 3;font-size: 16px;}
	.pz-main .idx-list.small .title{line-height: 27px;}


	.pz-jg .tablebox{padding:0 10px 15px;}
	.pz-jg .tablebox th,.pz-jg .tablebox td{font-size: 13px;line-height: 20px;padding:6px 2px;}
	.pz-jg .tablebox .icon{width: 18px;height: 18px;background:url(../images/idx_18.png) no-repeat center;background-size:contain;display: inline-block;vertical-align: middle;}
    .pz-jg  .tablebox tr:nth-child(2){width:100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

	.pz-gq .detail{padding:0 15px 10px;}
	.pz-gq .list li{font-size: 14px;line-height: 28px;}



	/* 三级页面 */
	.list-r{margin-left: 8px;width: 380px;}

	.list-l .titbox{height: 50px;padding:0 20px;}
	.list-l .titbox .bt{font-size: 18px;margin-right: 20px;line-height: 50px;}
	.list-l .titbox .ico{width: 24px;margin-right: 5px;margin-top:-2px;}
	.list-l .titbox .smbt{font-size: 18px;line-height: 50px;}
    .list-l .titbox span{display:inline-block; margin: 0 8px;}

	.list-l .detail{padding:0 20px 25px;}
	.list-l .idx-list li:nth-child(8n+1){margin-top: 20px;}
	.list-l .idx-list li:nth-child(8n+1) .title{font-size: 17px;}

	.idx-tt .bt.minwidth::after{min-width: 63px;}

	.list-arc .detail{padding:5px 20px 10px;}
	.list-arc .idx-list li:nth-child(8n+1) .title{font-size: 16px;}


	.list-rank{}
	.list-rank .detail{padding:5px 20px 10px;}


	.list-rank .list li{display: flex;align-items: center;margin-bottom: 5px;}
	.list-rank .list .num{font-size: 15px;color:#333;width: 34px;height: 34px;display: flex;align-items: center;justify-content: center;margin-right: 10px;}
	.list-rank .list .title{font-size: 15px;color:#333;flex:1;overflow: hidden;}



	/* 详情页-文字 */
	.det-head{height: 40px;}
	.det-head .smlogo{height: 32px;}

	.det-head .grp{display: inline-block;vertical-align: middle;margin-left: 10px;}
	.det-head .grp .lk{font-size: 13px;}
	.det-head .ewm .lk::after{width: 12px;height: 12px;margin:-1px 0 0 5px;}

	.det-head .nav{margin-left: 30px;}
	.det-head .nav li{margin-right: 20px;}
	.det-head .nav li>a{display: block;font-size: 14px;color:#333;line-height: 30px;}
	.det-head .nav li:first-child>a:before{width: 18px;height: 18px;background:url(../images/icon_08.png) no-repeat center;background-size:contain;margin:-3px 4px 0 0;}
	.det-head .nav li.more>a::after{content:'';display: inline-block;vertical-align: middle;background:url(../images/icon_09.png) no-repeat center;background-size:contain;width: 12px;height: 12px;margin: -2px 0 0 4px;}


	.erji-drop{width: 420px;padding: 15px 15px 10px 25px;}
	.erji-drop .lks{margin-left:-2%;font-size: 0;}
	.erji-drop .lks .lk{font-size: 14px;line-height: 24px;margin:0 0 8px 2%;min-width: 18%;}

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

	.det-main .r{width: 380px;margin-left: 8px;}



	.det-xq{padding:25px 30px;}
	.det-xq .title{font-size: 31px;}
	.det-xq .sm .sm-l span{font-size: 14px;}
	.det-xq .sm .dz{background:url(../images/det_04.png) no-repeat left center;background-size:14px;padding-left: 16px;}


	.det-xq .edit.big{font-size: 18px;}
	.det-xq .edit.small{font-size: 14px;}
	.det-xq .edit{font-size: 16px;line-height: 2;margin: 30px auto 0;padding: 0 10px;max-width: 1000px;}

    .det-xq .edit.font-small{font-size:14px !important;line-height: 1.8;}
    .det-xq .edit.font-large{font-size:18px !important;line-height: 2.2;}

    .det-xq .edit td,.det-xq .edit th,.det-xq .edit td,.det-xq .edit th span{font-size:13px!important;}
    .det-xq .edit.font-small td,.det-xq .edit.font-small td span,.det-xq .edit.font-small th,.det-xq .edit.font-small th span{font-size:13px!important;}
    .det-xq .edit.font-large td,.det-xq .edit.font-large th,.det-xq .edit.font-large td span,.det-xq .edit.font-large th span{font-size:16px!important;}

    .det-xq .edit.font-large td,.det-xq .edit.font-large th,.det-xq .edit.font-large td span,.det-xq .edit.font-large th span{font-size:16px!important;}
    .det-xq .edit tr td,.det-xq .edit tr th{
        padding: 3px; }

    .det-xq .edit tr:first-child td span,.det-xq .edit tr:first-child td p,.det-xq .edit tr:first-child th span,.det-xq .edit tr:first-child th p{
        white-space: nowrap;
    }

    .det-xq .edit p,.det-xq .edit div{
        text-align: justify;
        margin: 0 0 20px;
        text-indent: 2em;
    }
    .det-xq .edit img{
        display: block;
        width: auto;
        margin: auto;
    }
    /*
    .det-xq .edit span{
      display: block;
      width: auto;
      margin: auto;
  }
    .det-xq .edit .xq-login div{*/
    /*    text-indent: 0;*/
    /*    max-width:680px;*/
    /*    margin:0 auto;*/
    /*    padding-bottom:10px;*/
    /*}*/


    .mailiangTheme__table{
        border-collapse: collapse;  /* 合并边框 */
        width: 100%;
        max-width:700px;
        margin:0 auto 20px auto;
    }

    .chunjing  .edit .mailiangTheme__table {
        max-width:860px!important;
    }



    /* 单元格边框 */
    .mailiangTheme__table tr th ,.mailiangTheme__table tr td {
        border: 1px solid #b7b7b7;
    }

    /* 表头样式 */
    .mailiangTheme__table tr th {
        white-space: nowrap;  /* 不换行 */
        padding:2px  3px;
        text-align: center;
        background: #f5f5f5;
    }


    /* 数据单元格 */
    .mailiangTheme__table td,.mailiangTheme__table th {
        padding:2px 3px;
        line-height:1.6;
    }

    .mailiangTheme__table td.mailiangTheme__tableCell p,.mailiangTheme__table td.mailiangTheme__tableCell span{
        display: inline-block;
        text-indent:0;
        line-height: normal;
        text-align: unset;
        margin:0;
    }
    .mailiangTheme__table tr:first-child td.mailiangTheme__tableCell p ,
    .mailiangTheme__table th.mailiangTheme__tableCell p ,
    .mailiangTheme__table tr:first-child td.mailiangTheme__tableCell span,
    .mailiangTheme__table th.mailiangTheme__tableCell span{
        text-indent:0;
        text-align: center;
        display: block;
        margin:0;
    }

    .mailiangTheme__table tr:first-child td.mailiangTheme__tableCell span,
    .mailiangTheme__table th.mailiangTheme__tableCell span{
        text-align: center;
        display: inline;
        margin:0;
    }



    .det-xq .czbox span{font-size: 14px;min-width: 110px;line-height: 38px;height: 38px;border-radius:19px;}
	.det-xq .czbox span:before{margin-right: 8px;width: 18px;height: 18px;margin-top:-2px;}




	.det-bot{padding:15px 30px 25px;}

	.det-bq{}
	.det-bq .top{background:url(../images/det_08.png) no-repeat left center;background-size:26px;padding-left: 45px;}
	.det-bq .top a{font-size: 15px;color:#333333;display: inline-block;vertical-align: middle;margin-right: 20px;}
	.det-bq .top a:hover{color:#3772e0;}
	.det-bq .bot{margin-top: 15px;margin-left: 45px;}
	.det-bq .smtit{font-size: 15px;color:#333333;position: relative;margin-bottom: 10px;display: inline-block;vertical-align: middle;line-height: 32px;}
	.det-bq .smtit::after{content:'';position: absolute;left: 50%;bottom: 0;left: 10px;right: 10px;background-color: #3772e0;height: 2px;}
	.det-bq .list{padding-left: 10px;}
	.det-bq .list li{font-size: 15px;}

	.pagenav .lk{font-size: 15px;line-height: 1.7;max-width: 380px;border-radius:10px;}
	.pagenav span{width: 105px;height: 75px;line-height:75px;border-radius:10px;}



	.det-recom{margin-top: 10px;}
	.det-recom .menu{padding:0 30px;margin-bottom: 5px;}
	.det-recom .menu .lk{font-size: 18px;color:#999999;padding:0 12px;line-height: 45px;margin-right: 35px;}
	.det-recom .menu .lk::after{content:'';position: absolute;left: 50%;bottom: 0;height: 2px;background-color: #3772e0;width: 0;transition: all 0.3s;}
	.det-recom .menu .lk.cur{color:#000;}
	.det-recom .menu .lk.cur::after{width: 100%;left: 0;}

	.det-recom .list{}
	.det-recom .list .item{display: flex;padding:20px 30px;}
	.det-recom .list .imgbox{width:170px;height: 115px;border-radius:8px;margin-right: 23px;}
	.det-recom .list .info{padding: 7px 0;display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;}
	.det-recom .list .title{font-size: 17px;color:#000000;line-height: 26px;}
	.det-recom .list .sm{font-size: 14px;}
	.det-recom .list .sm .wz{background-size:16px;padding-left: 20px;}


	.det-hot .detail{padding:0 15px 10px;}

	.det-tags .detail{padding:5px 15px 10px;}
	.det-tags .bqs .lk{font-size: 15px;padding:0 15px;line-height: 38px;min-width: 100px;margin: 0 0 10px 10px;}

	.det-tags .smtit{font-size: 18px;}
	.det-tags .kws .lk{font-size: 15px;padding:0 15px;line-height: 34px;min-width: 90px;margin: 0 0 10px 10px;}


	/* 详情页-登录 */
	.xq-login{margin-bottom: 40px;padding:0 15px;}

	.xq-login .lbox{width: 58%;padding:30px 40px;}
	.xq-login .rbox{width: 42%;}
	.xq-login .rbox .wz{font-size: 20px;}
	.xq-login .rbox .pic{width: 130px;margin:15px auto 20px;}
	.xq-login .rbox .smwz{font-size: 15px;}

	.xq-login .menu{margin-bottom: 15px;text-align: center;}
	.xq-login .menu .lk{font-size: 20px;margin:0 22px;line-height: 40px;}
	.xq-login .menu .lk::after{height: 8px;}
	.xq-login .menu .lk.cur::after{width: 46px;margin-left:-23px;}

	.xq-login .form{}
	.xq-login .form .row{margin-bottom: 10px;}
	.xq-login .form .tit{font-size: 15px;}
	.xq-login .form .ico{width: 20px;margin-right: 10px;left: 15px;}
	.xq-login .form .ipt-txt{font-size: 14px;line-height: 40px;height: 42px;padding:0 16px 0 44px;}
	.xq-login .form .tel-number{font-size: 15px;color:#f1c600;margin-top:6px;}
	.xq-login .form .btns{padding-top: 10px;}
	.xq-login .form .link{font-size: 15px;color:#3081f8;line-height: 40px;height: 42px;border:1px solid #3081f8;border-radius:6px;margin-bottom: 10px;display: block;text-align: center;cursor: pointer;width: 48%;}
	.xq-login .form .link.submit{color:#fff;}

	.xq-login .form .sm{font-size: 14px;}
	.xq-login .form .getcode{font-size: 14px;color:#333333;width: 120px;height: 30px;line-height: 30px;background-color: #f3f8fc;border-radius:5px;position: absolute;right: 12px;top: 50%;margin-top:-15px;border:0;cursor: pointer;z-index:8;}




	/* 登录页 */
	.sign-head{padding:30px 0 0;}
	.sign-head .welcome{font-size: 16px;}
	.sign-head .img{height: 60px;}
	.sign-head .wz{font-size: 16px;}

	.sign-lks{font-size: 14px;}
	.sign-lks a{font-size: 14px;;}

	.sign-sec{padding: 8vh 0;}
	.sign-sec .detail{width: 1000px;/* height: 560px; */padding:55px 0;}


	.sign-login .lbox{padding:0 90px;flex:1;overflow: hidden;}
	.sign-login .rbox{width: 460px;}
	.sign-login .rbox .wz{font-size: 22px;}
	.sign-login .rbox .pic{width: 200px;margin:15px auto 20px;}
	.sign-login .rbox .smwz{font-size: 16px;}

	.sign-login .menu{margin-bottom: 20px;}
	.sign-login .menu .lk{font-size: 20px;margin-right: 65px;line-height: 40px;}
	.sign-login .menu .lk::after{height: 7px;}
	.sign-login .menu .lk.cur::after{width: 70px;margin-left:-35px;}


	.sign-sec .form{}
	.sign-sec .form .row{margin-bottom: 10px;position: relative;}
	.sign-sec .form .ico{width: 22px;margin-right: 10px;position: absolute;left: 19px;top: 50%;transform: translate(0,-50%);}
	.sign-sec .form .ipt-txt{width: 100%;border:1px solid #e9e9e9;border-radius:5px;font-size: 14px;line-height: 38px;height: 40px;padding:0 20px 0 50px;}
    .sign-sec .form  .success{border:1px solid #20b85d;}
    .sign-sec .form  .error{border:1px solid #ff6600}
    .sign-sec .form .link{font-size: 14px;color:#3081f8;line-height: 40px;height: 42px;border:1px solid #3081f8;border-radius:6px;margin-bottom: 10px;display: block;text-align: center;cursor: pointer;width: 100%;}
	.sign-sec .form .submit{color:#fff;background-color: #3081f8;}
	.sign-sec .form .link:hover{color:#fff;background-color: #0769f8;border-color:#0769f8;}

	.sign-sec .form .sm{font-size: 14px;}
	.sign-sec .form .sm .lk{color:#3081f8;display: inline-block;vertical-align: middle;position: relative;line-height: 1.2;}
	.sign-sec .form .sm .lk::after{content:'';position: absolute;width: 100%;left: 0;bottom: 0;height: 1px;background-color: #3081f8;}
	.sign-sec .form .sm .lk:hover{font-weight: bold;}
	.sign-sec .form .getcode{font-size: 14px;color:#333333;width: 120px;height: 30px;line-height: 30px;background-color: #f3f8fc;border-radius:5px;position: absolute;right: 12px;top: 50%;margin-top:-15px;border:0;cursor: pointer;z-index:8;}


	.sign-login .form .sm{padding:5px 0 0;}
	.sign-login .social{display: flex;align-items: center;padding:15px 0 25px;}
	.sign-login .social .grp{margin-right: 23px;}
	.sign-login .social .icon{width: 30px;display: block;border-radius:50%;cursor: pointer;}
	.sign-login .social .wz{font-size: 16px;color:#f1c600;font-weight: bold;}


	/* 注册页 */
	.sign-reg{}
	.sign-reg .t-tit{font-size: 24px;margin-bottom: 20px;}
	.sign-reg .tips{font-size: 14px;margin-bottom: 15px;background-size:18px;}

	.sign-reg .deal{font-size: 14px;padding:5px 0 20px;display: flex;flex-wrap: wrap;}
	.sign-reg .deal input{width: 16px;height: 16px;margin-top: 2px;}

	.sign-reg .social{margin:20px 0 20px;}
	.sign-reg .social .fz{font-size: 14px;color:#3081f8;text-align: center;margin-bottom: 20px;}
	.sign-reg .social .grp{margin:0 20px;}
	.sign-reg .social .icon{width: 30px;display: block;border-radius:50%;cursor: pointer;}
	.sign-reg .form .sm{font-size: 14px;}


	/* 会员中 心 */

	.pub-table th,.pub-table td{font-size: 14px;line-height: 22px;padding:8px 5px;text-align: left;}




	.per-main{padding: 30px;display: flex;}
	.per-l{width: 250px;margin-right: 20px;background-color: #fff;}
	.per-r{width: calc(100% - 280px);}

	.per-menu{padding:0 25px;}
	.per-menu .lk{font-size: 17px;height: 70px;}
	.per-menu .ico{width: 19px;margin-right: 10px;}


	.mem-top{margin-bottom: 30px;}
	.mem-top .lbox{margin-right: 25px;}
	.mem-top .lbox .imgbox{width: 110px;height: 110px;border-radius:10px;}
	.mem-top .lbox .level{font-size: 14px;color:#fff;line-height: 26px;border-radius:13px;width: 92px;margin:-13px auto 0;}
	.mem-top .tt{display: flex;align-items: center;margin-bottom: 15px;}
	.mem-top .title{font-size: 20px;}
	.mem-top .vip{width: 20px;margin-left:8px;}
	.mem-top .date{font-size: 14px;}
	.mem-top .date span{margin-left: 10px;}
	.mem-top .shengj{font-size: 14px;}
	.mem-top .tel{font-size: 14px;background-size:20px;padding: 0 15px 0 26px;}
	.mem-top .tel span{margin-right: 25px;}
	.mem-top .address{font-size: 14px;color:#79808b;background:url(../images/mem_04.png) no-repeat left center;background-size:20px;padding-left: 26px;}
	.mem-top .desc{font-size: 14px;color:#79808b;margin-top: 12px;}
	.mem-top .modify{font-size: 14px;width: 120px;line-height: 40px;height: 40px;}


	.mem-btn{margin-bottom: 30px;}
	.mem-btn .anniu{font-size: 16px;width: 175px;height: 50px;border-radius:10px;margin-right: 20px;}
	.mem-btn .anniu i{margin-right: 8px;width: 26px;height: 26px;}


	.mem-sec{margin-bottom: 1.2%;}
	.mem-sec .tabs{padding:0 30px;}
	.mem-sec .tabs .wz{font-size: 17px;line-height: 55px;margin-right: 75px;}
	.mem-sec .tabs .sz{font-size: 12px;color:#fff;border-radius:8px;line-height: 16px;min-width: 35px;text-align: center;display: inline-block;vertical-align: middle;border:1px solid #fff;position: absolute;top: 12px;left: 50%;margin-left:30px;}
	.mem-sec .tabs .wz.cur::after{width: 40px;margin-left:-20px;}
	.mem-sec .tabs .lock:before{width: 20px;height: 20px;}


	.mem-sec .detail{padding:15px 20px 40px;}
	.mem-sec .refresh{font-size: 14px;color:#79808b;display: inline-block;vertical-align: middle;cursor: pointer;background:url(../images/mem_15.png) no-repeat left center;background-size:16px;padding-left: 20px;margin-bottom: 15px;}


	.mem-sec .table{overflow-x: scroll;}
	/*.mem-sec table{min-width: 850px;}*/
	.mem-sec .table .pic{width: 100px;height: 50px;}
	.mem-sec .table .wz-lk{margin:0 3px;}
	.mem-sec .table .wz-lk i{width: 16px;height: 16px;}
	.mem-sec .table .tag{min-width: 60px;font-size: 13px;}
    .mem-sec .table td{font-size:14px;}
    .mem-sec .table td div{font-size:14px !important;}
	.mem-fk{width: 47.8%;}
	.mem-fk .idx-tt .bt{margin-right: 30px;}
	.mem-fk .idx-tt .bt.smm{font-size: 15px;}


	.mem-fk .form{padding:10px 20px 15px;}
	.mem-fk .form .row{margin-bottom: 15px;}
	.mem-fk .form .tit{font-size: 15px;min-width: 85px;line-height: 40px;}
	.mem-fk .form .ipt{font-size: 15px;}
	.mem-fk .form .ipt-txt{padding:0 15px;height: 40px;line-height: 38px;}
	.mem-fk .form .con{height: 200px;padding:10px 20px;line-height: 1.4;resize:none;}
	.mem-fk .form .btns{padding:10px 0 0;display: flex;justify-content: center;}
	.mem-fk .form .ann{font-size: 15px;width: 95px;line-height: 42px;height: 42px;margin:0 10px;}


	.mem-msg{width: 51%;}
	.mem-msg .detail{padding:5px 20px 15px;}
	.mem-msg .table .tag{width: 50px;line-height: 26px;font-size: 13px;}


	.mem-msg .table th:first-child,.mem-msg .table th:last-child,.mem-msg .table td:first-child,.mem-msg .table td:last-child{text-align: center;}
	.mem-msg .table th:nth-child(2),.mem-msg .table td:nth-child(2){padding-left: 2%;}


	/* 侧边栏 */
	.side-kf{bottom: 6%;transition: all 0s;background:transparent;box-shadow:none;}
	.side-kf .item{border:0;margin-bottom: 6px;}
	.side-kf .smb{width:100%;}
	.side-kf .fz{display: none;}

	.side-kf .drop{width: 160px;padding-right: 10px;}

	.side-kf .drop .ewmbox{padding: 5px;}
	.side-kf .drop .ewmbox .wz{font-size: 14px;}

	.side-kf .drop .txt{padding: 10px 15px;}
	.side-kf .drop .txt .font{font-size: 12px;}

	.side-kf.hide{width: 36px;}




    .video-mian{
        margin-top: 15px;
    }
    .video-mian .auto{
        width: 1200px !important;
    }

    .video-mian .video-box{
        padding:10px !important;
        background-color: #fff !important;
        margin-bottom:10px;
    }
    .video-mian .toolbar{
        min-height:40px;
        padding:10px 10px 5px 10px;
        display:flex;
        justify-items: center;
        justify-content: space-between;
    }
    .video-mian .toolbar .time-info{
        display: flex;
        align-items: center;

        color: #999;
        font-size:14px;
        font-weight: 400;
    }
    .video-mian .toolbar .time-info span{
        margin:0 5px;
    }

    .video-mian .toolbar .extra-info span{
        font-size: 16px;
        color: #444;
        min-width: 80px;
        display: inline-block;
        line-height: 38px;
        height: 38px;
        border-radius: 19px;
        margin-left: 14px;
        text-align: center;
        cursor: pointer;
    }

    .video-mian .toolbar .extra-info span:before{
        content: '';
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px;
        width: 20px;
        height: 20px;
        margin-top: -2px;
    }

    .video-mian .toolbar .extra-info  .thumb:before{background:url(../images/det_05.png) no-repeat center;background-size:contain;}
    .video-mian .toolbar .extra-info .star:before{background:url(../images/det_06.png) no-repeat center;background-size:contain;}
    .video-mian .toolbar .extra-info  .doc:before{background:url(../images/det_07.png) no-repeat center;background-size:contain;}
    .video-mian .videoinfo{
        display: flex;
        flex-direction: column;

    }
    .video-mian .video-info h1{
        font-size: 20px;
        font-weight: 400;
        padding:20px 15px;
        border-bottom: 1px solid #efefef;
    }
    .video-info .videoinfo-author{
        display: flex;
        width:100%;
        padding:10px  0;
        align-items: center;
        justify-content:space-between;
    }
    .author{
        display: flex;
        align-items: center;
        margin-left:0;
        margin-right:10px;
        font-size:16px;
        color: #333;
    }

    .author-avatar{
        display: flex;
        align-items: center;
        margin-right: 10px;
        width: 36px;
        height:36px;
        border-radius:18px;
    }
    .author-avatar img{
        width:100%;
        height:100%;
    }
    .related-video{
        display: flex;
        flex-direction: column;
        background-color: #fff;
        padding:15px 10px;
        border-radius:10px;

    }
    .related-video h3{
        border-bottom: 1px solid #ccc;
        position: relative;
        display: flex;

        align-items: center;
        font-size:20px;
        padding:0 10px 10px;
        margin-bottom:15px;
        font-weight: bold;
    }
    .related-video h3 img{
        margin-right:5px;
        border-radius:8px;
    }
    .related-video h3 span{
        display: inline-block;

    }
    .related-video h3:after{
        position:absolute;
        width:130px;
        border-radius:1px;
        content: '';
        left: 0;
        bottom:0;
        border-bottom:2px solid #3772e0;
    }
    .related-video ul{
        display: flex;
        flex-wrap: wrap;
        gap: 16px; /* 水平 & 垂直间距 */
    }
    .related-video ul li{
        display: flex;
        flex-direction: column;
        flex: 1 1 calc(25% - 16px);
        gap: 20px;

        border-radius:16px;

    }


    .video-mian{
        width:1200px;
    }


    .video-list{
        padding:20px;
    }

    .video-mian .titbox {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #e8ecf1;
        height: 55px;
        padding: 10px 15px 0;
    }

    .video-mian  .ico {
        width: 20px;
        margin-right: 5px;
    }

    .video-mian .titbox .smbt {
        font-size: 20px;
        color: #3366cc;
        padding: 0 6px;
        position: relative;
        line-height: 50px;
        font-weight: bold;
    }

    .video-mian .titbox .smbt::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        height: 2px;
        background-color: #3366cc;
        width: 100%;
    }


    .video-mian .titbox .bt {
        font-size: 20px;
        color: #999999;
        margin-right: 25px;
        font-weight: bold;
        display: flex;
        align-items: center;
        line-height: 50px;
        cursor: pointer;
    }

    .video-list h3{
        border-bottom: 1px solid #ccc;
        position: relative;
        display: flex;
        align-items: center;
        font-size:20px;
        padding:0 10px 10px;
        margin-bottom:15px;
        font-weight: bold;
    }
    .video-list h3 img{
        margin-right:5px;
        border-radius:8px;
    }
    .video-list h3 span{
        display: inline-block;


    }
    .video-list h3:after{
        position:absolute;
        width:130px;
        border-radius:1px;
        content: '';
        left: 0;
        bottom:0;
        border-bottom:2px solid #3772e0;
    }
    .video-list ul{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom:16px;
    }
    .video-list ul li{
        display: flex;
        width: calc(25% - 12px);
        flex-direction: column;
        padding:0;
        border: 1px solid #efefef;
        box-shadow: 0 10px 20px rgba(171, 171, 171, 0.1);
        border-radius:16px;
        margin-right:16px;

    }
    .video-list ul li:last-child{
        margin-right:0;
    }

    .video-list ul li h5{
        border: none;
        text-align: left;
        padding:8px 10px;
        font-size: 18px;
        font-weight: 400;
    }

    .video-list ul li .video-info{
        display: flex;
        align-items: center;
        margin-bottom:10px;
        padding:5px 10px;
    }

    .video-list ul li .video-info img{
        width:30px;
        height:30px;
        border-radius:10px;
        margin-right:10px;
    }
    .video-list ul li .video-info span,.video-list ul li .video-info a{
        color:#888888;
        font-size:15px;
        margin:1px 5px;
    }


    /* 公司简介 */
    .us-sec{padding:0 0 20px;}

    .us-qy{padding:50px 80px;margin-bottom: 20px;}
    .us-qy .smlogo{width:100px;height:100px;margin-right:25px;}
    .us-qy .title{font-size:20px;}
    .us-qy .pj .wz{font-size:14px;}
    .us-qy .font{font-size:14px;}
    .us-qy .txt{font-size:14px;}
    .us-qy .showmore{font-size:14px;}
    .us-qy .focus{font-size:16px;width:110px;height:40px;line-height:40px;}

    .us-tabs{margin-bottom:8px;}
    .us-tabs .lk{font-size:20px;}


    .us-smtab{border-bottom:1px solid #e8ecf1;margin:0 0 15px;}
    .us-smtab .bt{font-size:16px;line-height:35px;height:35px;}
    .us-smtab .bt .ico{width:20px;margin:0 6px 0 0;}
    .us-smtab .lk{font-size:16px;line-height:45px;margin-right:50px;}

    .us-list .imgbox{height:130px;}
    .us-list .info{padding:8px;}
    .us-list .title{font-size:14px;}
    .us-list .tag{font-size:13px;width:42px;height:20px;line-height:20px;}
    .us-list .txt{font-size:14px;margin-top:5px;}
    .us-list .price{font-size:16px;margin-top:8px;}


    /* 关于我们 */
    .us-titbox{margin-bottom:20px;}
    .us-titbox .bt{font-size:26px;}
    .us-titbox .x{width:32px;height:5px;}
    .us-titbox .en{font-size:32px;}

    .us-padding{padding:30px 30px;}


    .us-intro{border-radius:8px 8px 0 0;min-height:505px;background:url(../images/us_10.jpg) no-repeat center;background-size:cover;min-height:auto;}
    .us-intro .txt{font-size:14px;line-height:1.6;max-width:645px;}
    .us-intro .txt p{margin:0 0 4px;}
    .us-intro .list{margin-top:15px;}
    .us-intro .list li{margin-right:65px;}
    .us-intro .list .icon{height:28px;}
    .us-intro .list .fz{font-size:13px;}

    .us-intro .content{font-size:14px;line-height:1.8;max-width:800px;}
    .us-intro .content p{margin:0 0 6px;}
    .us-intro .text-list{
        padding:10px;
    }
    .us-intro h3{
        font-size:16px;
        color:#333;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .us-intro .text-list ul{
        list-style: none;
    }
    .us-intro .text-list ul li{
        margin:0 8px 0 8px;
    }

    .feedback-container{
        padding:20px;
    }


    .feedback-container{
        padding:20px;
    }

    .feedback-label {
        font-size:16px;
        margin-bottom:10px;
        font-weight:400;
    }
    .feedback-label em{
        font-size:14px;
    }
    .feedback-content{
        margin-bottom:20px;
        margin-bottom:10px;
    }
    .feedback-content p{
        font-size:14px;
        line-height:1.6;
        color: #ccc;
    }
    .feedback-content input{
        font-size:16px;
    }

    .link-content ul{
        padding:20px;
        display: flex;
        flex-wrap: wrap;
    }

    .link-content ul li{
        border:1px solid #eaeaea;
        padding:6px;
        margin-right:16px;
        margin-bottom:20px;
        border-radius: 10px;
        text-align: center;
        width: calc(18% - 13px);
    }





    .us-advan .imgbox{width:38%;height:230px;max-width:400px;}
    .us-advan .info{width: 58%;}
    .us-advan .list .item{background:#fff;border-radius:10px;padding:18px 20px;width:48%;min-height:150px;}
    .us-advan .list .title{font-size:16px;color:#333333;margin-bottom:15px;display: flex;align-items: center;}
    .us-advan .list .ico{width:20px;margin:0 6px 0 0;}
    .us-advan .list .txt{font-size:14px;color:#333333;line-height:20px;}
    .us-advan .list .txt p{margin-bottom:10px;position: relative;padding-left:18px;}
    .us-advan .list .txt p:before{content:'';width:6px;height:6px;background:#3081f8;border-radius:50%;position: absolute;left:0;top:6px;}


    .us-cp .list .item{width: calc(25% - 25px);padding:25px 25px;min-height:auto;}
    .us-cp .list .img{height:110px;}
    .us-cp .list .title{font-size:16px;}
    .us-cp .list .txt{font-size:14px;line-height:1.6;margin-top:8px;}
    .us-cp .list .wx .font{height:100px;}
    .us-cp .list .wx .tpbox{padding:10px 0 0;}
    .us-cp .list .wx .tp{width:80px;}
    .us-cp .list .wx:hover .tpbox{width:125px;}



    .us-cul .list .item{padding:30px 3%;}
    .us-cul .list .title{font-size:18px;margin-top:8px;}
    .us-cul .list .txt{font-size:14px;margin-top:6px;}






    /* 供求信息 */
    .gq-head .hd-c .logo .tag{font-size:16px;}


    .gq-s-l{width:350px;}

    .gr-cd .row{font-size:13px;line-height:35px;margin-bottom:6px;}
    .gr-cd .tit{font-size:15px;}
    .gr-cd .ico{width:20px;}

    .gq-bk .rbox{padding:10px;}
    .gq-bk .item{padding:10px;}
    .gq-bk .grp .smb{height:90px;}
    .gq-bk .grp .price{font-size:16px;}
    .gq-bk .title{font-size:18px;}


    .gq-zx .info{font-size: 13px;}
    .gq-zx .price{font-size: 14px;}
    .gq-zx .fz{font-size: 14px;}
    .gq-zx .percent{font-size:16px;}
    .gq-zx .percent:before{font-size:13px;height:13px;}
    .gq-zx .tp{height:170px;}

    .gq-zs{height:555px;}
    .gq-zs .tp{height:30px;}
    .gq-zs .line{margin:15px 0 20px;}
    .gq-zs .list li{font-size:14px;line-height:35px!important;height:35px!important;}



    .gr-cd-more{width:865px;}
    .gr-cd-more .hang{line-height:28px;padding:5px 0;}
    .gr-cd-more .smtit{font-size:15px;min-width:120px;}
    .gr-cd-more .wz{font-size:14px;}


    .supply-view-compnay{
        padding:15px 20px;
        background: #fff;
        margin-bottom: 10px;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0,0,0,.1);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
        border: 1px solid #eaeaea;
    }

    .company-info img{
        width:40px;
        height:40px;
        border-radius: 50%;
        margin-right: 15px;
    }

    .company-info .company-name{
        font-size: 18px;
        color: #333;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .company-info .company-address{
        font-size: 14px;
        color: #999;
    }
    .supply-view-compnay .link-btn{
        display: inline-block;
        padding: 5px 10px;
        background: #f6f6f6;
        color: #444;
        border-radius:10px;
        border: 1px solid #f6f6f6;
        text-decoration: none;
    }
    .supply-view-compnay .link-btn img{
        width: 24px;
        height: 24px;
        margin-right:0px;
    }

    .supply-main{
        min-height: 500px;
        background:#fff;
        margin-bottom: 10px;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0,0,0,.1);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
    }

    .supply-main .main-img-boxs{
        width:760px;
        margin:20px;


    }


    .supply-main .main-img-boxs .img-swiper{
        width:100%;
        height: 600px;
        background: #f6f6f6;
        border-radius: 10px;
        overflow: hidden;
    }


    .supply-main .main-img-boxs .img-swiper .swiper-slide{
        display:flex;
        align-items: center;
        justify-content: center;
    }
    .supply-main .main-img-boxs .img-swiper .swiper-slide img{
        width:auto;
        height: 100%;
    }

    .supply-main .main-img-boxs .thumb-swiper{
        display:flex;
        flex-deirection:column;
        align-items: center;
        height: 100px;
    }
    .supply-main .main-img-boxs .thumb-swiper .swiper-slide{
        width: 100px;
        height: 100px;
    }
    .supply-main .main-img-boxs .thumb-swiper .swiper-slide img{
        width:auto;
        height: 100px;
        margin:15px;
        border-radius: 15px;
        background-color: #f5f5f5;
    }

    .supply-main .us-title h1{
        font-size: 24px;
        color: #333;
        font-weight: 600;
    }
    .detail-box{
        padding: 20px 10px;
        width:560px;
        flex-direction: column;
        justify-content:start;
        display:flex;
    }

    .detail-box h1{
        font-size: 24px;
        color: #333;
        font-weight: 600;
    }

    .detail-box .detail-price{
        padding: 10px 0;
        font-size:32px;
        color: red;
        font-weight: 600;
    }

    .detail-box .detail-title{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding:0px;
        margin-bottom: 10px;
        font-size: 20px;
        font-weight: 400;
    }

    .detail-box .detail-title img{
        width: 20px;
        height: 20px;
    }

    .detail-box .detail-params ul li{
        font-size: 16px;
        color:#888;
        padding:5px 0;
    }

    .detail-box .detail-params ul li span{
        font-size: 18px;
        font-weight: 400;
        color:#444;
        width:100px;
        margin-right:5px;
        display:inline-black;
    }

    .detail-box  .ask-box{
        margin:15px;
    }
    .detail-box  .ask-box a{
        width:50%;
        padding:10px;
        height:50px;
        font-size: 18px;
        display:flex;
        justify-content:center;
        align-items:center;
    }
    .detail-box  .ask-box a img{
        margin-right:10px;
        width:20px;
        height:20px;
    }

    .detail-box  .ask-box a:first-child{
        border-radius:30px 0 0 30px;
        background:#3366cc;
        color:#fff;
        border:1px solid #3366cc;
    }
    .detail-box  .ask-box a:nth-child(2){
        border-radius:0 30px 30px 0;
        background:none;
        color:#333;
        border:1px solid #3366cc;
    }

    .detail-box .detail-shengming{
        margin-top:20px;
        text-align:center;
        font-size:14px;
        color:#888;
    }

    .detail-box .detail-shengming img{
        width: 18px;
        height: 18px;
        margin-right:5px;
    }

    .pagination-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        margin:5px 0;
        font-size: 14px;
    }

    .page-link {
        font-size:14px;
        display: block;
        padding: 3px 10px;
        color: #333;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        text-decoration: none;
        transition: all 0.3s ease;
    }


    .pagination {
        display: flex;
        align-items: center;
        list-style: none;
        padding: 0;
        margin: 0 15px;
    }

    .page-item {
        margin: 0 2px;
    }


    .page-item.active .page-link {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .page-item.disabled .page-link {
        color: #999;
        pointer-events: none;
        background-color: #f8f9fa;
        border-color: #ddd;
    }

    .page-link:hover:not(.disabled) {
        color: #0056b3;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

    .pagination-info {
        color: #666;
        font-size:14px;
        line-height: 38px;
        padding: 2px 10px;
        vertical-align: middle;
    }

    .pagination-info input{
        border: 1px solid #ddd;
        border-radius:5px;
        height:28px;
        text-align: center;
        font-size: 14px;
        width:45px;
    }
    .pagination-info button{
        border: 1px solid #ddd;
        height:28px;
        line-height:28px;
        font-size: 14px;
        border-radius: 5px;
        padding:0 8px;
    }
    .pagination-info button:hover{
        color: #3772e0;
    }





}

/**Media 1500 End **/

.poll-card  {
    background: #fff;
    border: 1px solid #f3f3f3;
    border-radius: 6px;
    padding: 20px;
    margin:20px 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02);
}
.poll-card  .view-title {
    padding-top:0px;
    margin-bottom:10px;
    display: flex;
    border-bottom: 1px solid #f3f3f3;
}
.poll-card  .view-title h2{
    padding:15px 10px 5px 10px;
    font-size: 20px;
    font-weight:bold;
    margin-left:20px;
    display:flex;
    position: relative;
    border-bottom: 1px solid #f3f3f3;
}

.poll-card  .view-title h2:after{
    content: '';
    position: absolute;
    width: 100%;
    border:2px solid #3772e0;
    bottom: 0;
    left: 0;

}



.poll-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
}

.poll-desc {
    font-size: 14px;
    color: #666;
    margin-bottom: 14px;
}

.poll-option {
    display: flex;
    align-items: center;
    padding:0 20px;
    margin-bottom: 10px;
}

.option-label {
    flex: 2;
    display: flex;
}
.option-label input[type=radio]{
    margin-right: 10px;
}

.progress-bar {
    flex: 3;
    background-color: #eee;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 10px;
    height: 14px;
    position: relative;
}

.progress-bar-inner {
    height: 100%;
    background-color: #4CAF50;
    text-align: right;
    padding-right: 6px;
    color: white;
    font-size: 12px;
    line-height: 14px;
}

.poll-footer{
    margin-top: 12px;
    padding-left:20px;
    margin-bottom:20px;
    display: flex;
    align-items: center;
    font-size: 16px;
}

.poll-footer span{
    display: block;
    margin-left: 20px;
    color: #007BFF;
    line-height: 40px;
}
.poll-footer span em{
    color: #ff6600;
    font-style: normal;
}

.vote-button {
    width: 100px;
    text-align: center;
    padding: 6px 12px;
    font-size: 14px;
    background-color: #007BFF;
    vertical-align: middle;
    border: none;
    border-radius:16px;
    color: white;
    cursor: pointer;
}

.vote-view-button {

    min-width: 100px;
    margin-left:20px;
    display: inline-block;
    padding: 6px 12px;
    font-size:16px;
    text-align: center;
    border:1px solid #fbb215;
    vertical-align: middle;
    background:#fbb215;
    border-radius: 16px;
    color: #ffffff;
    cursor: pointer;
}

.vote-button:disabled {
    background-color: #aaa;
    cursor: not-allowed;
}
.layui-form-radio{
    display: flex;
}
.layui-form-radio > div{
    font-size:16px;
}
.layui-form-radio:hover > * {
    color:#ff6600 !important;
}

    /* 修改选中状态图标颜色 */
.layui-form-radioed > * {
    color: #3772e0 !important;
}