/* 首页轮播开始 */

.swiper-pagination {position: absolute;z-index: 20;bottom: 10px;width: 100%;text-align: center;}
.swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #555;margin: 0 5px;opacity: 0.8;border: 1px solid #fff;cursor: pointer;}
.swiper-active-switch {background: #fff;}

.swiper-index-box .swiper-index{height: 482px;}
.swiper-index-box .swiper-index .swiper-slide{display: flex;justify-content: center;}
.swiper-index-box .swiper-index .swiper-slide a{display: block;width: 100%;height: 482px; background-repeat:no-repeat;background-size: auto 100%;background-position:center top;}
/* .swiper-index-box .swiper-index .swiper-slide a img{transform: translate(-0%,-0%);} */
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 7px;}
.swiper-index-box .swiper-index .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 0.4;}
.swiper-index-box .swiper-index .swiper-pagination-bullet-active{background-color: #FFF;opacity:0.8;}



/* 首页轮播结束 */
/* 右侧登陆入口开始 */
.swiper-index-box .swiper-logon{position: relative; width: 1200px;margin: 0 auto;z-index: 8;}
.swiper-index-box .swiper-logon .right-logon-box{position: absolute;top: 14px;right: 0;width: 180px;height: 454px;padding: 0 15px;background-color: #fff;}
.swiper-index-box .swiper-logon .right-logon-box .logon-state{width: auto;height: 167px;border-bottom: 1px solid #eee;}
.swiper-index-box .swiper-logon .right-logon-box .logon-state .layui-form{padding-top: 25px;}
.swiper-index-box .swiper-logon .right-logon-box .logon-state .layui-form .layui-form-item{position: relative;margin-bottom: 14px;}
.swiper-index-box .swiper-logon .right-logon-box .logon-state .layui-form input{height: 30px;font-size: 12px;border-radius: 0;border-color: #ddd;color: #666;}
.swiper-index-box .swiper-logon .right-logon-box .logon-state .layui-form .layui-form-mid{position: absolute;top: 8px;right: 0;width: 44px; height: 14px;line-height: 12px;font-size: 12px;color: #e1251b !important;cursor: pointer;border-left: 1px solid #E5E5E5;}
.swiper-index-box .swiper-logon .right-logon-box .logon-state .layui-btn{width: 100%;height: 30px;line-height: 30px;background-color: #e1251b;border-radius: 0;}

.swiper-index-box .swiper-logon .right-logon-box .logon-state .personal-xi{padding-top: 35px;}
.swiper-index-box .swiper-logon .right-logon-box .logon-state .personal-xi .head{width: 50px;height: 50px;border-radius: 50%;overflow: hidden;}
.swiper-index-box .swiper-logon .right-logon-box .logon-state .personal-xi .head img{width: 100%;height: 100%;}
.swiper-index-box .swiper-logon .right-logon-box .logon-state .personal-xi dl{width: 120px;padding: 6px 0;}
.swiper-index-box .swiper-logon .right-logon-box .logon-state .personal-xi dl dt{height: 18px;line-height: 18px;}
.swiper-index-box .swiper-logon .right-logon-box .logon-state .personal-xi dl dt span{max-width: 62px;}
.swiper-index-box .swiper-logon .right-logon-box .logon-state .personal-xi dl dt img{width: 58px;}
.swiper-index-box .swiper-logon .right-logon-box .logon-state .personal-xi a{margin-top: 20px;}
.swiper-index-box .swiper-logon .right-logon-box .logon-state .personal-xi .guideBtn .layui-btn{width: 94px;line-height: 28px; text-align: center;padding: 0;font-size: 14px;border: 1px solid #F2270C;}
.swiper-index-box .swiper-logon .right-logon-box .logon-state .personal-xi .guideBtn .layui-btn.outBtn{width: 76px; background: rgba(242, 39, 12, .1);color: #F2270C;}

.swiper-index-box .swiper-logon .right-logon-box .grid-row{margin-top: 25px;}
.swiper-index-box .swiper-logon .right-logon-box .grid-row li{height: 50px;margin-bottom: 12px;}
.swiper-index-box .swiper-logon .right-logon-box .grid-row li a{display: block;}
.swiper-index-box .swiper-logon .right-logon-box .grid-row li a .grid-label{font-size: 12px;color: #333;margin-top:4px;}
.swiper-index-box .swiper-logon .right-logon-box .grid-row li a:hover .grid-label{color: #e1251b;}

/* 大屏广告 */
.screenAd{display:none;position:fixed;top:178px;width:auto;z-index:99;-webkit-animation-duration:1s;animation-duration:1s}
.screenAd-left{left:0}
.screenAd-right{right:0}
.screenAd .ImgAd{position:relative}
.screenAd .ImgAd .tc_close{position:absolute;width:22px;height:22px;background:url("../../img/icon/mqg-closed.png") no-repeat center top / 22px 22px;right:1px;top:1px;cursor:pointer;z-index:999}
.screenAd-right .ImgAd .tc_close{left:0}
.screenAd .ImgAd img{max-width:238px}

/* 轮播下面的数据介绍开始 */
.databox{padding: 30px 0;background-color: #fff;margin-bottom: 30px;}
.databox .circle{display: flex;flex-wrap:wrap;justify-content:space-between;height: 60px;margin-left: -40px;}
.databox .circle .col-lg{float: left; width: 270px;height: 60px;margin-left: 40px;}
.databox .circle .col-lg a{display: block;}
.databox .circle .col-lg dl{height: 60px;}
.databox .circle .col-lg dl dt{width: 70px;height: 60px;margin-right: 10px;}
.databox .circle .col-lg dl:hover dt{-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);}
.databox .circle .col-lg dl dd{width: 190px;}
.databox .circle .col-lg dl dd h2{height: 18px;line-height: 18px;font-size: 16px;color: #333;margin-bottom: 10px;}
.databox .circle .col-lg dl:hover dd h2{color: #e1251b;}
.databox .circle .col-lg dl dd p{font-size: 12px;}
.databox .circle .col-lg dl:hover dd p{color: #e1251b;}
/* 轮播下面的数据介绍结束 */

/* 左边楼层和右边返回顶部 */
.storey{width: 1200px;height: 0px;margin: 0 auto;overflow-y:scroll;}
.storey .fixedmeau{position: fixed;top: 30%;width: 46px;margin:0;color:#f00;margin-left: -66px;background-color:#fff;}
.storey .fixedmeau li{height: 64px;line-height: 96px; margin: 10px 0;font-size: 14px;color: #999;text-align: center;background: url(../../img/icon/fixe-i1-icon.png) no-repeat center 5px;cursor: pointer;}
.storey .fixedmeau li.i2{background-image: url(../../img/icon/fixe-i2-icon.png);}
.storey .fixedmeau li.i3{background-image: url(../../img/icon/fixe-i3-icon.png);}
.storey .fixedmeau li.i4{background-image: url(../../img/icon/fixe-i4-icon.png);}
.storey .fixedmeau li.i5{background-image: url(../../img/icon/fixe-i5-icon.png);}
.storey .fixedmeau li.i6{background-image: url(../../img/icon/fixe-i6-icon.png);}
.storey .fixedmeau li.i7{background-image: url(../../img/icon/fixe-i7-icon.png);}
.storey .fixedmeau li:hover{color: #e1251b;}
.storey .fixedmeau li:hover.i1{background-image: url(../../img/icon/fixe-i1-active-icon.png);}
.storey .fixedmeau li:hover.i2{background-image: url(../../img/icon/fixe-i2-active-icon.png);}
.storey .fixedmeau li:hover.i3{background-image: url(../../img/icon/fixe-i3-active-icon.png);}
.storey .fixedmeau li:hover.i4{background-image: url(../../img/icon/fixe-i4-active-icon.png);}
.storey .fixedmeau li:hover.i5{background-image: url(../../img/icon/fixe-i5-active-icon.png);}
.storey .fixedmeau li:hover.i6{background-image: url(../../img/icon/fixe-i6-active-icon.png);}
.storey .fixedmeau li:hover.i7{background-image: url(../../img/icon/fixe-i7-active-icon.png);}
.storey .fixedmeau li.active{color: #e1251b;}
.storey .fixedmeau li.active.i1{background-image: url(../../img/icon/fixe-i1-active-icon.png);}
.storey .fixedmeau li.active.i2{background-image: url(../../img/icon/fixe-i2-active-icon.png);}
.storey .fixedmeau li.active.i3{background-image: url(../../img/icon/fixe-i3-active-icon.png);}
.storey .fixedmeau li.active.i4{background-image: url(../../img/icon/fixe-i4-active-icon.png);}
.storey .fixedmeau li.active.i5{background-image: url(../../img/icon/fixe-i5-active-icon.png);}
.storey .fixedmeau li.active.i6{background-image: url(../../img/icon/fixe-i6-active-icon.png);}
.storey .fixedmeau li.active.i7{background-image: url(../../img/icon/fixe-i7-active-icon.png);}

.storey .totop{position: fixed;height: 0; bottom: 20%;margin: 0;margin-left: 1200px;}
.storey .totop a{display: block;width: 52px;height: 52px;background: url(../../img/totop.png) no-repeat center center;}
.storey .totop a:hover{background-image: url(../../img/totop-hov.png);}

/* 底部横幅开始 */
.banner{position: fixed;bottom: 0;right: 100%;width: 100%;height: 150px;background: url(../../img/index-banner.png) no-repeat center center;z-index: 1001;}
.banner .thumbnail{position: fixed;left: 0px;bottom: 30px;width: 160px;height: 120px;cursor: pointer;}
.banner .thumbnail img{width: 160px;}
.banner .box{height: 150px;}
.banner .box .closeee{position: relative;right: -20px;cursor: pointer;}
.banner .box a{margin: 40px -20px 0 0;}

/* 内容区域开始 */
.louceng{height: auto;margin-bottom: 30px;}
/* 每个层的标题 */
.louceng .cen-title{display: flex;justify-content: space-between; width: auto;height: 24px;line-height: 24px;margin: 0px 0 16px 0;}
.louceng .cen-title .oiir{width: 100%;}
.louceng .cen-title .oiir h2{font-size: 24px;color: #333;}
.louceng .cen-title .oiir a{color: #999;}
.louceng .cen-title .oiir a:hover{color: #e1251b;}

.louceng .cen-title .oiir .swiper-button{position: relative;width: 40px;height: 24px;}
.louceng .cen-title .oiir .swiper-button .my-button-disabled{opacity:0.2;}
.louceng .cen-title .oiir .swiper-button .swiper-button-prev{background-image: url(../../img/icon/huanban-left.png);left: 0;}
.louceng .cen-title .oiir .swiper-button .swiper-button-next{background-image: url(../../img/icon/huanban-right.png);right: 0;}
.louceng .cen-title .oiir .swiper-button .swiper-button-next, .louceng .cen-title .oiir .swiper-button .swiper-button-prev{background-size: auto;top: 0;width: 20px;height: 24px;margin-top: 0;}
.louceng .cen-title .oiir .swiper-button div:focus{outline:inherit}


/* 每层左侧 */
.louceng .mq-box .floor{width: 260px;height: 476px;padding: 70px 14px 0;background-color: #828BF0;}
.louceng .mq-box .floor .flexe{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 20px;margin-left: -16px;}
.louceng .mq-box .floor .flexe a{float: left;display: block;width: 102px;height: 26px;line-height: 24px;background: rgba(255, 255, 255, 0.1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);border-color: #fff; border: 1px solid rgba(255, 255, 255, 0.2); text-align: center;color: #fff;font-size: 12px;margin:0 0 16px 14px;}
.louceng .mq-box .floor .flexe a:hover{border-color:#fff;background: rgba(255, 255, 255, 0.2)}

.louceng .mq-box .floor-2{height: 510px;background-color: #5999F7;padding-top: 50px;}
.louceng .mq-box .floor-3{height: 394px;background-color: #678AE2;padding-top: 50px;}
.louceng .mq-box .floor-4{height: 460px;background-color: #FC5F61;padding-top: 50px;}

.louceng .mq-box .floor-4 .flexe{margin-bottom: 20px;}
.louceng .mq-box .floor-4 .swiper-floor{width: 220px;}
.louceng .mq-box .floor-4 .swiper-floor .swiper-slide img{width: 220px;height: 130px;}

.louceng .mq-box{width: auto;height: auto;}
.louceng .mq-box .poster{width: 288px;height: auto;}
.louceng .mq-box .list{width: 896px;background: #fff;}

/* 模切头条 */
.Popular{position: relative;height: 458px;}
.Popular .head-icon{position: absolute;top: 0;left: -40px;box-shadow:4px 7px 15px 0px rgba(237,20,91,0.5);}
.Popular .headline{position: relative;z-index: 6;width: 288px;height:458px; background-color: #fff;}
.Popular .headline .mend-img{position: relative;height: 170px;margin-bottom: 20px;overflow: hidden;}
.Popular .headline .mend-img img{width: 100%;height: 100%;}
.Popular .headline .mend-img:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1); transform: scale(1.1);}
.Popular .headline .mend-img p{position: absolute;left: 0;bottom: 0;width: 268px;background:rgba(0,0,0,.5) !important;color: #fff;padding: 5px 10px;}
.Popular .headline .list {width: auto;padding: 0 10px;}
.Popular .headline .list li{width: auto;height: 36px;margin-bottom: 18px;}
.Popular .headline .list li .ranking{width: 28px;height: 36px;line-height: 30px;text-align: center;font-size: 20px;color: #fff;background: url(../../img/icon/tags-1.png) no-repeat center center;}
.Popular .headline .list li .ranking.ran-2{background-image: url(../../img/icon/tags-2.png);}
.Popular .headline .list li .ranking.ran-3{background-image: url(../../img/icon/tags-3.png);}
.Popular .headline .list li .ranking.ran-4, .Popular .headline .list .ranking.ran-5{background-image: url(../../img/icon/tags-4.png);}
.Popular .headline .list li .title{position: relative;width: 234px;height: 36px;line-height: 16px; margin-left: 6px;color: #333;overflow: hidden;}
.Popular .headline .list li .title dt{margin:-1px 0 6px;}
.Popular .headline .list li .title span{display: inline-block;color: #999;font-size: 12px;padding-left: 21px;background: url(../../img/icon/headline-time.png) no-repeat center left;}
.Popular .headline .list li .title span.icn-1{width: 40px;background-image: url(../../img/icon/headline-preview.png);}
.Popular .headline .list li:hover .title{color: #e1251b;}


/* 最新优质供应商 */
.Popular .excellent{position: relative;width: 592px;background-color: #fff;margin: 0 16px;padding: 20px 0;}
.Popular .excellent .title{height: 20px;margin-bottom: 25px;padding: 0 30px;}
.Popular .excellent .title b{font-size: 20px;color: #F96811;height: 20px;line-height: 20px;}
.Popular .excellent .title a{display: block;height: 20px;line-height: 20px;padding-left: 22px;background: url(../../img/icon/exc-ruzhu-icon.png) no-repeat center left;}
.Popular .excellent .title a:hover{color: #e1251b;}
.Popular .excellent .swiper-container{height: 373px;}
.Popular .excellent .hide{opacity:0;}
.Popular .excellent .swiper-button-next, .Popular .excellent .swiper-button-prev{width: 30px;height: 50px;line-height: 50px;color: #fff;font-size: 30px;font-weight: 300;transition:opacity 0.5s;background:rgba(0,0,0,.3);}
.Popular .excellent .swiper-button-next:focus, .Popular .excellent .swiper-button-prev:focus{outline-color:#fff;}
.Popular .excellent .swiper-button-next{right: 0;border-radius:4px 0px 0px 4px;}
.Popular .excellent .swiper-button-prev{left: 0;border-radius:0px 4px 4px 0px;}
.Popular .excellent .swiper-container .swiper-slide li{width: auto;height: 70px;padding: 0 30px;margin-bottom: 31px;}
.Popular .excellent .swiper-container .swiper-slide li:last-child{margin-bottom: 0;}
.Popular .excellent .swiper-container .swiper-slide li a{display: block;height: 70px;}
.Popular .excellent .swiper-container .swiper-slide li a .toxu{width: 68px;height: 68px;border: 1px solid #efefef;}
.Popular .excellent .swiper-container .swiper-slide li a .toxu img{width: 100%;height: 100%;}
.Popular .excellent .swiper-container .swiper-slide li a dl{width: 440px;height: 70px;margin-left: 20px;}
.Popular .excellent .swiper-container .swiper-slide li a dl dt{font-size: 16px; color: #333;margin-bottom: 10px;}
.Popular .excellent .swiper-container .swiper-slide li:hover a dl dt{color: #e1251b;}
.Popular .excellent .swiper-container .swiper-slide li a dl dd{height: 14px;line-height: 14px;margin-bottom: 8px;}


.Popular .nwe-vip{width: 258px;background-color: #fff;padding: 20px 15px;}
.Popular .nwe-vip .title{height: 20px;margin-bottom: 25px;}
.Popular .nwe-vip .title b{font-size: 20px;color: #149BFA;height: 20px;line-height: 20px;}
.Popular .nwe-vip .title a{display: block;height: 20px;line-height: 20px;}
.Popular .nwe-vip .title a:hover{color: #e1251b;}
.Popular .nwe-vip .swiper-container{height: 373px;}
.Popular .nwe-vip .swiper-container .swiper-slide{height: 60px;}
.Popular .nwe-vip .swiper-container .swiper-slide a{display: block;height: 60px;}
.Popular .nwe-vip .swiper-container .swiper-slide a .toxu{width: 60px;height: 60px;}
.Popular .nwe-vip .swiper-container .swiper-slide a .toxu img{width: 100%;height: 100%;border-radius: 50px;}
.Popular .nwe-vip .swiper-container .swiper-slide a .toxu p{width: 60px;height: 60px;line-height: 55px;background-color: #f60;color: #fff;font-size: 26px;}
.Popular .nwe-vip .swiper-container .swiper-slide a dl{width: 188px;height: 60px;margin-left: 10px;}
.Popular .nwe-vip .swiper-container .swiper-slide a dl dt{height: 16px;line-height: 16px;font-size: 14px; color: #333;margin-bottom: 6px;font-weight: bold;}
.Popular .nwe-vip .swiper-container .swiper-slide:hover a dl dt{color: #e1251b;}
.Popular .nwe-vip .swiper-container .swiper-slide a dl dd{height: 17px;line-height: 17px;margin-bottom: 3px; font-size: 12px;}
.Popular .nwe-vip .swiper-container .swiper-slide a dl dd img{width: 55px;}
.Popular .nwe-vip .swiper-container .swiper-slide a dl dd.vip-icon{width: 132px;}

/* 订单需求样式 */
.order .mq-box .list{display: flex;flex-wrap: wrap;height: auto;}
.order .mq-box .list li{float: left;position: relative;width: 388px;height: 223px; padding: 30px 30px 20px;}
.order .mq-box .list li.demand-done{background: url(../../img/demand-done.png) no-repeat 282px 124px;}
.order .mq-box .list li:nth-child(odd):after{content: " ";display: block;position: absolute;right: -1px;top: 30px; width: 0px; height: 223px;clear: both;border-left: 1px dashed #f2f2f2;}
.order .mq-box .list li:hover:nth-child(odd):after{border-left: 1px dashed transparent;}
.order .mq-box .list li:nth-child(even):after{content: " ";display: block;position: absolute;left: 0;top: 30px; width: 1px; height: 223px;clear: both;}
.order .mq-box .list li:hover:nth-child(even):after{background: #fff;}
.order .mq-box .list li:hover{box-shadow:0 6px 24px rgba(0, 0, 0, 0.1);}
.order .mq-box .list li .details{display: block;padding-bottom: 18px;}
.order .mq-box .list li .details .list-title{width: auto;height: 17px;line-height: 17px;font-size: 16px;margin-bottom: 15px;}
.order .mq-box .list li .details .list-title h2{float: left; width: 300px;color: #333;}
.order .mq-box .list li:hover .details .list-title h2{color: #e1251b;}
.order .mq-box .list li .details .list-title em{float: right;font-size: 12px;color: #999;height: 17px;line-height: 22px;}
.order .mq-box .list li .details .end{margin-bottom: 10px;line-height: 14px;line-height: 18px; background: url(../../img/icon/ask-icon.png) no-repeat 0 0;padding-left: 28px;padding-top: 2px;}
.order .mq-box .list li .details .end.i1{height: 36px;}
.order .mq-box .list li .details .end.i2{background-image: url(../../img/icon/number-icon.png);}
.order .mq-box .list li .details .end.i3{background-image: url(../../img/icon/name-icon.png);}
.order .mq-box .list li .details .receipt{width: auto;height: auto;margin-top: 18px;}
.order .mq-box .list li .details .receipt .portrait {display: flex;width: auto;height: 30px;margin-left: 10px;}
.order .mq-box .list li .details .receipt .portrait .ordersing{width: 86px;height: 26px;margin-top: 2px;margin-left: -10px;}
.order .mq-box .list li .details .receipt .portrait p{float: left;width: 26px;height: 26px;line-height: 16px;border: 2px solid #fff;border-radius: 50%;overflow: hidden;margin-left: -10px;background: #bfbfbf;text-align: center;}
.order .mq-box .list li .details .receipt .portrait p img{width: 100%;height: 100%;}
.order .mq-box .list li .details .receipt .number{line-height: 30px;}
.order .mq-box .list li .attend{height: 27px;}
.order .mq-box .list li .attend span{display: block;float: left;line-height: 27px;background: url(../../img/icon/like-icon.png) no-repeat 0 center;padding-left: 26px;cursor: pointer;}
.order .mq-box .list li .attend span:hover{color: #e1251b;}
.order .mq-box .list li .attend span.i2{background-image: url(../../img/icon/evaluate-icon.png);margin: 0 18px;}
.order .mq-box .list li .attend span.i3{background-image: url(../../img/icon/preview-icon.png);}
.order .mq-box .list li .attend span.i3:hover{color: #666;}
.order .mq-box .list li .attend span.i1:hover{background-image: url(../../img/icon/like-active-icon.png);}
.order .mq-box .list li .attend span.i2:hover{background-image: url(../../img/icon/evaluate-active-icon.png);}
.order .mq-box .list li .attend span.yes1{background-image: url(../../img/icon/like-active-icon.png);color: #e1251b;}
.order .mq-box .list li .attend span.yes2{background-image: url(../../img/icon/evaluate-active-icon.png);color: #e1251b;}

 
.order .mq-box .list li .attend .contact{position: relative; width: 144px;border: 1px solid #e1251b;border-radius:13px;}
.order .mq-box .list li .attend .clearfix:after{content: " ";position: absolute;top: 0;left: 71.5px; width: 1px;height: 25px;background-color: #e1251b;visibility: inherit;}
.order .mq-box .list li .attend .contact a{position: relative;float: left;display:block;height: 25px;line-height: 25px; width: 72px;text-align: center;color: #e1251b;}
.order .mq-box .list li .attend .contact a.he .number-bottom{width: 72px;display: none;position: absolute;top: 22px;left: 0;z-index: 9; -webkit-animation: fadeInTop 0.1s ease-in; animation: fadeInTop 0.15s ease-in;}
.order .mq-box .list li .attend .contact a.he:hover .number-bottom{display: block;}
.order .mq-box .list li .attend .contact a.he .number-bottom .fuwuh{position: relative;left: -158px; width: 260px;height: auto;background: #fff;margin-top: 14px;padding: 20px 0; box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.15);border-radius:2px;}
.order .mq-box .list li .attend .contact a.he .number-bottom .fuwuh .sjiao{position: absolute;top: -18px;right: 58px;}
.order .mq-box .list li .attend .contact a.he .number-bottom .fuwuh dl{width: auto;height: 86px;margin: 0 26px 0 30px;}
.order .mq-box .list li .attend .contact a.he .number-bottom .fuwuh dl dt{width: 86px;height: 80px;}
.order .mq-box .list li .attend .contact a.he .number-bottom .fuwuh dl dt img{width: 100%;height: 100%;}
.order .mq-box .list li .attend .contact a.he .number-bottom .fuwuh dl dd{line-height: 18px; font-size: 12px;color: #666;width: 84px;text-align: left;}

/* 广告位 */
.advert{margin: 30px 0;}

/* 最新招聘 */
.recruit .zp-list{background: #fff;}
.recruit .zp-list li{width: auto;cursor: pointer;}
.recruit .zp-list li:hover{background:url(../../img/recruit-mark.png) no-repeat 0 0;}
/* .recruit .rec-box{} */
.recruit .zp-list li .rec-box{position: relative;height: 100px;padding: 20px 0;}
.recruit .zp-list li .rec-box:after {position: absolute;bottom: 0;left: 30px; width:836px;height: 1px; content: " ";display: block;clear: both;background-color: #EBEBEB;}
.recruit .zp-list li:last-child .rec-box:after{background-color: #fff;}
.recruit .zp-list li .rec-box .recruit-url{display: block;width: 600px;height: 100px;padding-left: 30px;}
.recruit .zp-list li .rec-box .recruit-url .recruit-details{width: auto;height: auto;}
.recruit .zp-list li .rec-box .recruit-url .recruit-details .rec-position{height: 20px;line-height: 20px;color: #333;font-size: 18px;}
.recruit .zp-list li .rec-box .recruit-url .recruit-details .rec-position:hover{color: #e1251b;}
.recruit .zp-list li .rec-box .recruit-url .recruit-details .rec-position .tech{position: relative;top: -2px; display: inline-block;width: 40px;height: 18px;line-height: 18px; font-size: 12px;border: 1px solid #e1251b; border-radius: 2px; text-align: center;color: #e1251b;}
.recruit .zp-list li .rec-box .recruit-url .recruit-details .address{height: 16px;line-height: 16px;margin: 19px 0;}
.recruit .zp-list li .rec-box .recruit-url .recruit-details .address .salary{line-height: 16px;font-size: 16px;color: #e1251b;}
.recruit .zp-list li .rec-box .recruit-url .recruit-details .address .breadcrumb{color: #333;}
.recruit .zp-list li .rec-box .recruit-url .recruit-details .address .breadcrumb span{float: left;}
.recruit .zp-list li .rec-box .recruit-url .recruit-details .address .breadcrumb em{float: left;width: 1px;height: 10px;background-color: #999;margin: 3px 10px 0 10px;}
.recruit .zp-list li .rec-box .recruit-url .recruit-details .welfare{}
.recruit .zp-list li .rec-box .recruit-url .recruit-details .welfare .layui-btn{height: 26px;line-height: 26px;padding: 0 8px;font-size: 12px;color: #999;background-color: #EFEFEF;}
.recruit .zp-list li .rec-box .recruit-url .recruit-details .welfare .layui-btn:hover{opacity: 1;}
.recruit .zp-list li .rec-box .recruit-url .recruit-details .welfare .layui-btn+.layui-btn{margin-left: 8px;}
.recruit .zp-list li .rec-box .company-gs{position: absolute;top: 20px;right: 30px;text-align: right;}
.recruit .zp-list li .rec-box .company-gs dt{height: 20px;line-height: 20px;}
.recruit .zp-list li .rec-box .company-gs dt a{color: #fff;color: #333;font-size: 16px;}
.recruit .zp-list li .rec-box .company-gs dt a:hover{color: #e1251b;}
.recruit .zp-list li .rec-box .company-gs dt .tech{position: relative;top: -2px; display: inline-block;width: 56px;height: 20px; font-size: 12px;background-color: #e1251b;text-align: center;color: #fff;}
.recruit .zp-list li .rec-box .company-gs .breadcrumb{margin: 20px 0;color: #333;}
.recruit .zp-list li .rec-box .company-gs .breadcrumb em{display: inline-block;width: 1px;height: 10px;background-color: #999;margin: 3px 10px 0 10px;}
.recruit .zp-list li .rec-box .see{display: none; position: absolute;bottom: 20px;right: 30px;width: 182px;height: 34px;line-height: 34px; background: #fff;padding-top: 40px;opacity: 0;}
.recruit .zp-list li:hover .rec-box .see{display: block;opacity: 1;}
.recruit .zp-list li .rec-box .see span{display: block;float: left;line-height: 34px;background: url(../../img/icon/collect-icon.png) no-repeat 0 center;padding-left: 26px;cursor: pointer;color: #333;}
.recruit .zp-list li .rec-box .see span:hover{background-image: url(../../img/icon/collect-active-icon.png);color: #e1251b;}
.recruit .zp-list li .rec-box .see span.yes{background-image: url(../../img/icon/collect-active-icon.png);color: #e1251b;}
.recruit .zp-list li .rec-box .see a{float: right; display: block;width: 90px;height: 34px;line-height: 34px;text-align: center;background-color: #e1251b;border-radius:4px;color: #fff;}

/* 最新简历样式 */
.resume .res-list{height: auto;display: flex;flex-wrap: wrap;}
.resume .res-list li{float: left;position: relative; width: 448px;}
.resume .res-list li:hover{box-shadow:0 6px 24px rgba(0, 0, 0, 0.1);}
.resume .res-list li:after{position: absolute;bottom: 0;left: 30px; width:380px;height: 1px; content: " ";display: block;clear: both;background-color: #EBEBEB;}
.resume .res-list li:hover:after{background-color: initial;}
.resume .res-list li:nth-last-of-type(2):after{background-color: initial;}
.resume .res-list li:nth-last-of-type(1):after{background-color: initial;}
.resume .res-list li .resume-url{display: block;width: auto;height: 100px;padding: 28px 38px 20px 30px;}
.resume .res-list li .resume-url .portrait{width: 70px;height: 100px;text-align: center;margin-right: 12px;}
.resume .res-list li .resume-url .portrait img{display: block;width: 70px;height: 70px;border-radius: 50%;}
.resume .res-list li .resume-url .portrait p{font-weight: bold;font-size: 16px;color: #e1251b;line-height: 14px;margin-top: 14px;}
.resume .res-list li .resume-url dl{width: 298px;}
.resume .res-list li .resume-url dl dt{font-size: 18px;color: #333;line-height: 20px;}
.resume .res-list li .resume-url dl dt span{margin-right: 24px;}
.resume .res-list li:hover .resume-url dl dt span{color:#e1251b;}
.resume .res-list li .resume-url dl .breadcrumb{margin: 16px 0;color: #999;line-height: 15px;}
.resume .res-list li .resume-url dl .breadcrumb em{display: inline-block;width: 1px;height: 10px;background-color: #999;margin: 3px 10px 0 10px;}
.resume .res-list li .resume-url dl .text{height: 33px;line-height: 16px;}

/* 行业活动开始 */
.activity .act-list{height: auto;display: flex;flex-wrap: wrap;}
.activity .act-list li{float: left;width: 448px;}
.activity .act-list li:hover{box-shadow:0 6px 24px rgba(0, 0, 0, 0.1);}
.activity .act-list li .activity-url{position: relative;display: block;width: 388px;height: 130px; padding: 20px 30px;}
.activity .act-list li .activity-url .poster{position: relative; width: 160px;height: 130px;margin-right: 14px;}
.activity .act-list li .activity-url .poster .poster-img{width: 160px;height: 130px;overflow: hidden;}
.activity .act-list li .activity-url .poster .poster-img img{width: 160px;height: 130px;}
.activity .act-list li:hover .activity-url .poster .poster-img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1); transform: scale(1.1);}
.activity .act-list li .activity-url .poster .state{position: absolute;top: -2px;left: -2px;}
.activity .act-list li .activity-url  dl{width: 214px;height: 130px;overflow: hidden;}
.activity .act-list li .activity-url  dl dt{height: 36px; color: #333;font-size: 16px;line-height: 18px;margin-bottom: 14px;}
.activity .act-list li:hover .activity-url  dl dt{color: #e1251b;}
.activity .act-list li .activity-url  dl dd{width: auto;height: 22px;line-height: 22px;margin-bottom: 7px;}
.activity .act-list li .activity-url  dl dd img{float: left;margin-right: 6px;}

/* 行业动态开始--数据百科 */
.news{display: flex;justify-content: space-between;height: 344px;margin-left: -16px;}
.news .trade{float: left; width: 592px;margin-left: 16px;}
.news .trade .news-list{width: 532px;padding: 30px;background: #fff;}
.news .trade .news-list li{margin-bottom: 20px;}
.news .trade .news-list li:last-child{margin-bottom: 0;}
.news .trade .news-list .recommend{width: auto;height: 100px;}
.news .trade .news-list .recommend a{display: block;height: 100px;}
.news .trade .news-list .recommend .portrait{width: 160px;height: 100px;margin-right: 20px;}
.news .trade .news-list .recommend .portrait img{width: 160px;height: 100px;}
.news .trade .news-list .recommend .rec-title{width: 352px;height: 50px;line-height: 26px;font-size: 20px;color: #333;font-weight: bold;}
.news .trade .news-list .recommend:hover .rec-title{color: #e1251b;}
.news .trade .news-list .recommend .time{width: 352px;height: 16px;line-height: 16px;color: #999;font-size: 16px;margin-top: 29px;}
.news .trade .news-list .data{height: 16px;line-height: 16px;}
.news .trade .news-list .data a{display: block;height: 100px;}
.news .trade .news-list .data .layui-badge-dot{margin: 4px 10px 0 0;background-color: #e1251b;}
.news .trade .news-list .data .rec-title{width: 340px;line-height: 16px;color: #333;}
.news .trade .news-list .data .rec-title:hover{color: #e1251b;}
.news .trade .news-list .data .time{color: #999;}


/* 合作伙伴样式 */
.hulub{padding: 20px 30px;background-color: #fff;overflow: hidden;}
.hulub .swiper-partner{width: auto;height:auto;}
.hulub .swiper-partner .swiper-slide{text-align: center;font-size: 18px;height: 90px;}
.hulub .swiper-partner .swiper-slide a{position: relative; display: block;width: 202px;height: 88px;border: 1px solid #fff;}
.hulub .swiper-partner .swiper-slide:hover a{border: 1px solid #e1251b;}
.hulub .swiper-partner .swiper-slide a img{width: 100%;height: 100%;}


/* 年会宣传弹出层开始 */
/*.moqieguan-layer{border-radius:12px !important;overflow: hidden;}
.moqieguan-layer .layui-layer-wrap{position: relative;}
.moqieguan-layer .layui-layer-wrap a{display: block;}
.moqieguan-layer .layui-layer-wrap .moqieguan-closed{position: absolute;top: 16px;right: 16px;cursor: pointer;}*/

.tanchang{width: 750px;height: 504px;position: fixed;right: 50%;margin-right: -375px;bottom: 50%;z-index: 99999;margin-bottom: 1000px;border-radius: 10px;overflow: hidden;}
.tanchang a, .tanchang a img{display: block;width: 100%;height: 100%;}
.tanchang .tc_close{position: absolute;width: 30px;height: 30px;background: url("../../img/icon/mqg-closed.png") no-repeat center top / 30px 30px;right: 1px;top: 1px;cursor: pointer;z-index: 999;}

/* 接单弹出层 */
body .orders-skil{border-radius: 6px;}
body .orders-skil .layui-layer-title{background-color: initial;border-bottom: 0 none;}
.ordersLayer{width: 473px;margin: 0 auto;}
.ordersLayer .title{margin-bottom: 36px;}
.ordersLayer textarea{min-height:160rpx !important;resize:none !important;}
.ordersLayer .btnBox{padding: 0 50px 60px;}
.ordersLayer .btnBox .btn{cursor: pointer; height: 38px;line-height: 38px; width: 138px;font-size: 16px;text-align: center;color: #e1251b;border: 1px solid #e1251b;border-radius:4px;background-color: #FFF7F6;}
.ordersLayer .btnBox .btn:hover{background-color:#e1251b;color: #fff;}
.ordersLayer .btnBox .btn.confirm{background-color:#e1251b;color: #fff;}








