@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;}
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;}
.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;}
.clamp6{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 6;}
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);}

.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;}
.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: pace-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{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;}
.scroll::-webkit-scrollbar-resizer {display:none;}


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;}
.c-black{color:#262626!important;}

.mb10{margin-bottom: 10px!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 .login{font-size: 13px;color:#3772e0;}
.hd-t .reg{font-size: 13px;color:#000;}
.hd-t .wz a{color:#262626;font-weight:normal;}
.hd-t .wz a:hover{color:#262626;font-weight: normal; border-bottom: 1px solid #262626; }
.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: 190px;height: auto;}

.hd-c .menu{flex:1;overflow: hidden;display: flex;margin-left: 15px;}
.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: 22%;}
.hd-c .menu .col:nth-child(3){width: 24%;}
.hd-c .menu .col:nth-child(4){width: 18%;}
.hd-c .menu .col:nth-child(5){width: 18%;}


.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-b{padding:0 0 5px;}
.hd-b .wrap{background-color: #3772e0;border-radius:5px;display: flex;align-items: center;}

.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;}




.foot{background-color: #1e2937;width: 100%;}
.foot .auto{max-width: 1200px;}
.ft-t{display: flex;align-items: flex-start;padding:40px 0 30px;}
.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 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: 110px;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: 5px 0 10px;}
.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;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: 110px;}

.idx-tt .bt+.tabs{margin:0 0 0 40px;}
.idx-tt .tabs.scroll{white-space: nowrap;overflow-x: scroll;}

.idx-tt .tabs{flex:1;overflow: hidden;}
.idx-tt .tabs .lk{font-size: 16px;color:#333;display: inline-block;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 .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{}
.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-top{margin-bottom: 10px;display: flex;}

.idx-fastmenu{width:auto;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!important;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 .ico{width: 22px;margin-right: 8px;}
.idx-fastmenu .tit-sm{font-size: 14px; min-width:120px; font-weight: bold; color: #000;}

.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 .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-hq .list .zero .wz{color:#262626;}


.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;}


.idx-sp{overflow: hidden;}
.idx-sp .videobox{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;}




.pagelist{margin-top: 40px;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;}





.idx-main .idx-zs{height: 480px;}
.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 .drop{display: none;padding-top: 8px;}
.idx-zs .chart{height: 205px;}
.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-vote{height: 305px;}
.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,.idx-vote .link:hover{background-color: #1e2937;}




.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%;}

.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;}
.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;}
.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-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;} */


.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:5px 20px 15px;}
.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;}
.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: -4%;}
.idx-pp .list li{height: 105px;width: 16%;margin:0 0 10px 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-bottom: 10px;}
.crumb:before{content:'';display: inline-block;vertical-align: middle;width: 18px;height: 18px;background:url(../images/icon_06.png) no-repeat center;background-size:contain;margin:-1px 4px 0 0;}
.crumb,.crumb *{font-size: 16px;color:#999999;}
.crumb a:hover{color:#3366cc;}



.pz-main .idx-zs{height: 355px;}
.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{display: block;}

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


.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-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;}

.report-sec .detail{padding:5px 20px 10px;}

.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-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;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;}
.list-l .titbox .lanm .erji-drop{right: auto;left: 0;margin-top:-3px;}
.list-l .titbox .lanm:hover .erji-drop{display: block;}


.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):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,.det-head .nav li.cur>a{color:#3772e0;}
.det-head .nav li:hover .drop{display: block;}

.erji-drop{width: 480px;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:80;display: none;}
.erji-drop .lks{margin-left:-2%;font-size: 0;}
.erji-drop .lks .lk{display: inline-block;vertical-align: middle;font-size: 15px;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;height: 22px;border-radius:50%;display: flex;align-items: center;justify-content: center;margin-right: 8px;cursor: pointer;}
.det-xq .font span.checked{color:#fff;background-color: #ee502f;}

.det-xq .share{font-size: 14px;color:#000;display: flex;align-items: center;margin-left: 20px;}
.det-xq .share a{width: 20px;height: 20px;margin-right: 13px;}
.det-xq .share a:last-child{margin-right: 0;}
.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 .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 40px;}
.det-xq .edit *{font-size: inherit;}
.det-xq .edit img{max-width: 100%;}

.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:-2px;}
.det-xq .czbox .thumb:before{background:url(../images/det_05.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 .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-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{margin-bottom: 50px;}
.xq-login .detail{display: flex;border-radius:10px;box-shadow:0 0 9px rgba(204,204,204,.41);align-items: center;}
.xq-login .lbox{width: 58%;padding:35px 40px;}
.xq-login .rbox{width: 42%;text-align: center;border-right:1px solid #e0e0e0;}
.xq-login .rbox .wz{font-size: 22px;font-weight: bold;}
.xq-login .rbox .pic{width: 150px;display: block;margin:15px auto 20px;box-shadow:0 0 36px rgba(0,0,0,.06);}
.xq-login .rbox .smwz{font-size: 16px;font-weight: bold;}

.xq-login .menu{margin-bottom: 20px;text-align: center;}
.xq-login .menu .lk{font-size: 22px;color:#999999;font-weight: bold;position: relative;margin:0 25px;cursor: pointer;line-height: 40px;}
.xq-login .menu .lk:last-child{margin-right: 0;}
.xq-login .menu .lk span{position: relative;z-index:2;}
.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: 20px;}
.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: center;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 .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 .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;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 .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;}

.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 .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);}



.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);
}



/* 公司简介 */
.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 100px;margin-top:20px;}

.us-qy{background:url(../images/us_01.jpg) no-repeat center;background-size:cover;padding:60px 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 .active{color:#3772e0 !important;}


.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;
}

.dropdown-menu .area-body{
    background-color:#fff;
    border-radius:10px;
    border:1px solid #3366cc;
    padding:10px;transform: translate(0,0);
    width:520px;
}
.dropdown-menu .area-body ul{
    clear: both;
}
.dropdown-menu .area-body ul li{
    color:#333;
    padding:6px 10px;
    float: left;
    width:80px;
    text-align: center;
    margin:0!important;
}

.dropdown-menu .area-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;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 .price .price-unit{
    font-size: 14px;
    color: #7a7a7a;
    margin-left:10px;
    display: inline-block;
}
.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.jpg) no-repeat center;background-size:cover;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-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;}
.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;right:-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:0 12px 12px 0;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{border-radius:0;}
.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-t .wz{font-size:14px; color:#262626 !important;}
.gq-head .hd-t .wz a{font-size:14px; margin-left: 10px; color:#262626 !important;}
.gq-head .hd-t .wz a:hover{color:#262626 !important; text-underline: #262626; }
.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 .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 .title .more{font-size: 14px;color:#979797; font-weight: normal; margin-left: 20px;}
.gq-zx .title .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;}

.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:5px;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-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; font-weight: 500; 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;
}

.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 .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 .thumb-swiper {*/
/*    width: 100px;              !* 缩略图的宽度，可以按需调整 *!*/
/*    height: 400px;             !* 限制容器高度 *!*/
/*    overflow: hidden;          !* 超出部分隐藏 *!*/
/*}*/

/*.supply-main .thumb-swiper .swiper-wrapper {*/
/*    flex-direction: column;    !* 竖向排列 *!*/
/*}*/

/*.supply-main .thumb-swiper .swiper-slide {*/
/*    height: 80px;              !* 每张缩略图高度 *!*/
/*    margin-bottom: 10px;*/
/*    cursor: pointer;*/
/*}*/

/*.supply-main .thumb-swiper .swiper-slide img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;         !* 防止图片变形 *!*/
/*    border-radius: 4px;*/
/*}*/


.supply-main .main-img-boxs {
    display: flex;
    height:600px;       /* 统一高度，可以改成百分比 */
    width:760px;
    margin:20px;
}

/* 缩略图固定宽度 */
.supply-main .main-img-boxs  .thumb-swiper {
    width: 100px;
    height: 100%;
    overflow: hidden;
    margin-right: 10px;
}

/* 主图自动伸缩 */
.supply-main .main-img-boxs  .main-swiper {
    flex: 1;             /* 自动占满剩余空间 */
    height: 100%;
    min-width: 0;        /* 关键：防止 flex 子项溢出 */
    overflow: hidden;
    position: relative;
    background: #f9f9f9;
}

.supply-main .main-img-boxs  .thumb-swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    cursor: pointer;
    border:1px solid #ccc;
    padding:2px;
    border-radius:10px;
    overflow: hidden;
}
.supply-main .main-img-boxs  .thumb-swiper .swiper-slide-thumb-active{
    border:2px solid #001324 !important;
}
.supply-main .main-img-boxs  .thumb-swiper .swiper-slide:hover{
    border:1px solid #001324 !important;
}
.supply-main .main-img-boxs  .main-swiper .swiper-slide{
    border:1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:10px;
    overflow: hidden;
}

.supply-main .main-img-boxs  .thumb-swiper .swiper-slide img,
.supply-main .main-img-boxs  .main-swiper .swiper-slide img {
    width: 100%;
    height:auto;
    display: block;
    object-fit: cover;
    border-radius: 4px;
}

.supply-main .main-img-boxs  .main-swiper  .swiper-button-next,
.supply-main .main-img-boxs  .main-swiper  .swiper-button-prev{
    display: none;
}
.supply-main .main-img-boxs  .main-swiper  .swiper-button-next{
    background: url(../images/icon-jiantou-right.png) no-repeat center;
    background-size: cover;
}
.supply-main .main-img-boxs  .main-swiper  .swiper-button-prev{
    background: url(../images/icon-jiantou-left.png) no-repeat center;
    background-size: cover;
}



.supply-main .main-img-boxs  .main-swiper:hover  .swiper-button-next,
.supply-main .main-img-boxs  .main-swiper:hover  .swiper-button-prev{
    display:block;
}

.supply-main .us-title h1{
	font-size: 24px;
	color: #333;
	font-weight: 600;
}
.supply-main .us-title .type-tag{

    font-size: 16px;
    font-weight:500;
    vertical-align: middle;
    color:#FFFFFF;
    width:48px;
    height:22px;
    line-height: 22px;
    text-align: center;
    margin-right:5px;
    display:inline-block;
}
.supply-main .us-title .type-provider{
    background: url("../images/us_08.png") no-repeat;
    background-size: cover;
}
.supply-main .us-title .type-other{
    background: url("../images/us_09.png") no-repeat;
    background-size: contain;
}
.detail-box{
	padding: 20px 10px;
	width:560px;
    min-height:600px;
	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-price .price-unit{
    font-size: 16px;
    color: #666666;
}

.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{
    display: flex;
    align-items: center;
	font-size: 18px;
	color:#444444;
	padding:5px 0;
}

.detail-box .detail-params ul li span{
	font-size: 16px;
	font-weight: 400;
	color:#7a7a7a;
	margin-right:5px;
	display:block;
}


.detail-box  .ask-box{
	margin:15px;


}
.detail-box  .ask-box a{
	width:50%;
	padding:10px;
	height:50px;
	font-size: 18px;
	display:flex;
    cursor: pointer;
	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:15px;
	text-align:center;
	font-size:14px;
	color:#888;
}

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

.detail-box #view-content{
    max-height:400px;
    overflow:hidden;
    font-size:16px;
    color:#262626;
}
.detail-box:hover .view-all-content{
    overflow-y: auto!important;
}





.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:480px;
	overflow:hidden;
	position:relative;
}
.view-more{
    border-radius:12px;
    border:1px solid #efefef;
    padding:5px 30px 5px 15px;
    background: url(../images/icon_09.png) no-repeat 92% 50%;
	text-align:center;
    height:32px;
	color:#262626;
}
.more-up{
    background: url(../images/icon_10.png) no-repeat 92% 50%;
}

.detail-content .title{
	display:block;
	margin-bottom:10px;
	font-size:16px;
	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-content div:first-child{
    margin-bottom:5px;
}




.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: 20px 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 screen and (min-width:1240px) and (max-width:1500px){

	.auto{width: 1200px;}



	/* 公共部分 */
	.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: 100px;}
	.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;}

	.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 .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;}


	/* .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;}


	.pagelist{margin-top: 30px;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;}



	.idx-vote{height: 277px;}
	.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-vote .btns{padding:10px 0 0;}
	.idx-vote .submit,.idx-vote .link{font-size: 15px;width: 90px;height: 38px;line-height: 38px;border-radius:19px;}





	.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%;}

	.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;}

	.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: -50px;}
	.idx-pp .list li{height: 90px;width: 190px;margin:0 0 10px 50px;}



	/* 品种首页 */
	.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: 16px;height: 16px;}
	.crumb,.crumb *{font-size: 15px;}



	.pz-main .idx-zs{height: 280px;}
	.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: 14px;line-height: 26px;}
	.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: 210px;}


	.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;}
	.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: 14px;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-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 .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: 400px;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;max-width: 1000px;}


	.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: 15px;}
	.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 .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-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;}


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

	.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-list .price .price-unit{
        font-size: 14px;
        color: #7a7a7a;
    }

	/* 关于我们 */
	.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-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-head .hd-t .wz{color:#262626;}
    .gq-head .hd-t .wz{ font-size:14px !important;}
    .gq-head .hd-t .wz a{margin-left:10px;font-size:14px!important;color:#262626 !important;}

	.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-main .us-title h1{
		font-size: 20px;
	}

    .supply-main .main-img-boxs {
        display: flex;
        height:480px;       /* 统一高度，可以改成百分比 */
        width:600px;
        margin:10px;
    }

    /* 缩略图固定宽度 */
    .supply-main .main-img-boxs  .thumb-swiper {
        width: 80px;
        margin-right: 8px;
    }

    /* 主图自动伸缩 */
    .supply-main .main-img-boxs  .main-swiper {
        flex: 1;             /* 自动占满剩余空间 */
        height: 100%;
    }

    .supply-main .main-img-boxs  .thumb-swiper .swiper-slide {
        height: 75px;
        border-radius:8px;
    }

    .supply-main .main-img-boxs  .main-swiper .swiper-slide{
        border-radius:8px;
    }

    .supply-main .main-img-boxs  .thumb-swiper .swiper-slide img,
    .supply-main .main-img-boxs  .main-swiper .swiper-slide img {
        border-radius:3px;
    }






    .supply-main .us-title .type-tag{

        font-size: 14px;
        width:48px;
        height:18px;
        line-height: 18px;
        margin-right: 5px;
        text-align: center;
    }
    .supply-main .us-title h1 .type-provider{
        /*background-size:unset;*/
    }


	.detail-box .detail-price{
		padding: 8px 0;
		font-size:26px;
		font-weight: 400;
	}

    .detail-box .detail-price .price-unit{
        font-size: 14px;
    }

	.detail-box .detail-params ul li{
		font-size: 15px;
		padding:3px 0;
	}

	.detail-box .detail-params ul li span{
		font-size: 14px;
		font-weight: 400;
		margin-right:5px;
		display:inline-black;
	}
    .detail-box #view-content{
        font-size: 14px;
    }

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

    .view-more{
        padding-top:3px ;
        padding-bottom:3px ;
        font-size:14px;
        height: 30px;
    }

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

	.detail-box  .ask-box a:first-child{
		border-radius:20px 0 0 20px;

	}
	.detail-box  .ask-box a:nth-child(2){
		border-radius:0 20px 20px 0;

	}

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


	.supply-main .main-img-boxs .img-swiper{
		width:100%;
		height: 500px;
	}

	.detail-box{
		padding:15px 10px;
		width:560px;
        min-height:500px;
	}


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

	}




}