@charset "utf-8";
.focusBox { margin-bottom:30px; height:360px;}
.focusBox .pic{ background:none}
.focusBox .pic a { height:360px; border-radius:10px}
.focusBox .hd { bottom: 10px; text-align: center}

/*色卡搜索*/
.sekasearch{ margin:0 0 60px; padding:30px 0; float: left; text-align: center; width: 100%; height:120px; background:#edf3f9; border-radius:6px}
.searchbox{ width:800px; }
.searchbox .hd{ float:left; width:150px; margin-top:10px}
.searchbox .hd ul li{ float:right; width:90%; padding:10px 0; background:#edf3f9; color:#666; border:1px solid #dce6f1; border-right:0; border-radius:4px 0 0 0; transition: all .3s;cursor:pointer}
.searchbox .hd ul li:last-child{ border-radius:0 0 0 4px}
.searchbox .hd ul li i{ margin-right:10px}
.searchbox .hd ul li.on{ position:relative; width:100%; padding:12px 0; border-radius:4px 0 0 4px; background:#2190ff; color:#fff; font-size:18px;box-shadow: 0 5px 10px rgba(21, 138, 254, .4);}
.searchbox .bd{ float:left; width:650px;}
.searchbox .bd ul li{ display:block; height:90px; padding:8px; border:3px solid #2190ff; background:#2190ff; border-radius:4px; box-shadow: 0 5px 10px rgba(21, 138, 254, .4);}
.searchbox .bd ul li input{ width:100%; height:90px; text-indent:20px; font-size:16px; background:#fff; border-radius:3px}

/*色卡*/
.seka{ width: auto; margin-bottom:30px; background:#edf3f9; overflow:hidden; padding:30px 4px 10px; border-radius:6px}
.seka .item{ float:left; width:233px; padding:0; margin:0 0 20px 20px;}
.seka .item span{ position:relative; padding:0; display:block}
.seka .item span img{ width:233px; height:334px;}
.seka.yarn .item span img{ height:233px!important;}
/*标题TAB*/
.headmenu{ float:left; margin-left:20px}
.headmenu ul li{ float:left}
.headmenu ul li a{ display:block; font-size:16px; padding:10px 0; margin-right:60px;}
.headmenu ul li.on a{ color:#2190ff; border-bottom:3px solid #2190ff}
/*资讯*/
.sidemenu{ float:left; width:160px; border:1px solid #eee; text-align:center; border-radius:4px; overflow:hidden}
.sidemenu ul li a{ display:block; font-size:16px; padding:15px 0; border-bottom:1px solid #eee}
.sidemenu ul li a:hover{ background:#f8f8f8}
.sidemenu ul li.on a{ background:#2190ff; color:#fff}

.minbox{ float:right; width:850px;}
.minbox2{ float:right; width:750px;}
.news .item{ display:block; padding:30px 0; overflow:hidden}
.news .item .img{ float:left; margin-right:40px; width:260px; height:165px}
.news .item .img img{ width:100%; height:100%; border-radius:4px}
.news .item .title{ font-size:20px; line-height:30px; margin-bottom:20px}
.news .item .dec{ margin-bottom:20px; color:#888;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow:hidden;}
.news .item ul li{ float:left; color:#bbb; font-size:12px; margin-right:20px}
/*侧边广告*/
.sidead{ width:100%}
.sidead .img img{ width:100%}
.pro-info{ width:100%; min-width:1468px; margin-top:68px; background:#fcfcfc; overflow:hidden}
/*侧边企业信息*/
.sidecompany{ float: left; border: 1px solid #eee; }
.sidecompany .con{ padding: 0 20px;}
.sidecompany .con .item{ padding:10px 0;}
.sidecompany .con .bt{ float:right}
/*面包屑*/
.w2 .t .title:after{ display:none}
.position_bar{ float:left; padding:10px 30px; color:#bbb}
.position_bar a{ color:#666}
.position_bar a:hover{ color:#333}
.position_bar i{ font-family:"宋体"; padding:0 5px; color:#caddef}
/*文章内容*/
.content .title{ margin:0; padding:30px 0; border-bottom:1px solid #eee; overflow:hidden}
.content .title h1{ font-weight:300; font-size:30px; padding-bottom:20px; font-family:"Microsoft Yahei Light","Microsoft Yahei"}
.content .title li{ float:left; font-size:12px; padding:10px 30px 0 0; color:#bbb}
.content .dec{ margin:50px 0; background:#f8f8f8; color:#bbb; font-size:16px; padding:30px 60px; border-radius:6px}
.content .con{ padding:30px; line-height:2em; font-size:16px;text-align: justify; color:#666}
.content .con p{ padding:1em 0}
.content .con img{ width:100%; height:100%; border-radius:6px; margin:30px 0}
/*横机*/
.HJscroll{ margin-top:30px; padding-bottom:20px}
.HJscroll dl{float:left;width:186px;position:relative;padding:0; margin:20px 0 0 20px; overflow:hidden;}
.HJscroll dt{margin:0 auto;width:100%;}
.HJscroll dt img{ width:100%; height:186px; border-radius:6px}
.HJscroll dd{ height:40px; padding:10px; text-align:center}
.HJscroll dd span{ display:block; color:#fff; background:#2190ff; border-radius:2px}

/*页码*/
.page {position: relative;z-index: 1;width:100%;text-align:left;padding:30px 0;overflow:hidden;}
.page a{ display:inline-block; padding:5px 15px; border:1px solid #eee; background:#fff;border-radius:3px;margin-right:10px; line-height:30px; font-size:14px}
.page a:hover { color:#000; background-color:#f5f5f5}
.page a.select{ border: 1px solid #2190ff; background-color:#2190ff; color:#fff;}
.page a.now_page{ border: 1px solid #d0320d; background-color:#eee; color:#fff;}
/*详情内容*/
.focus{ float:left; width:330px}
.focus .img img{ width:330px; height:330px; border-radius:4px}
.focus .t{ background:#f5f5f5; margin:20px 0; border-radius:4px}
.focus .t .title{ font-size:18px;}
.con{ padding:0 60px}
.con .info{ float:left; padding:20px 0; width:100%}
.con .info .title{ font-size:30px;padding-bottom:20px; font-family:"Microsoft Yahei Light","Microsoft Yahei"}
.con .info .label{ float:left; width:100px; font-size: 16px; color: #999; margin-right: 20px;}
.con .info .text{ margin-left:120px; font-size: 16px; line-height: 1.5em; text-align: justify; padding: 0 0 50px;}
.con .item{ float:left; width:100%; position: relative;  padding: 20px 0;}
.con .item:after{position: absolute;z-index: 3;right: 0;bottom: 0;left: 0;height: 1px;content: '';background: #eee;}
.con .item .avatar{ float:left; margin-right: 20px;}
.con .item .avatar img{ width: 80px; height: 80px; border-radius: 8px; background: #eee;}
.con .item .label{ float:left; width:100px; font-size: 16px; color: #999; margin-right: 20px;}
.con .item .title{ margin-left:120px; font-size: 20px;}
.con .item .text{ margin-left:120px; font-size: 16px;}
.con .pic{ float:left; width:100%; padding: 30px 0;}
.con .pic .li img{ margin:10px auto; max-width: 100%; padding: 0; border-radius: 10px;}
.con .item .sort{ display: flex; flex-wrap: wrap;}
.con .item .sort .tag{ color: #bbb; margin: 0 6px 0 0;}
/* 企业列表轮播 */
.companyslider{ position:relative; width:100%; min-width:1468px; height:270px; padding:30px 0 0; overflow:hidden; text-align:center;}
.companyslider .bd{ width:1468px; position:absolute; left:50%; margin-left:-734px}
.companyslider .bd li{ width:1468px;  overflow:hidden;}
.companyslider .bd li a{ position:relative; float:left; width:8.5%; padding:5px 2% 0 2%;}
.companyslider .bd li a:before{ transition: all 1s;z-index:1; content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0;filter:alpha(opacity=70);opacity:0.7;}
.companyslider .bd li img{ width:100%; height:100%;-webkit-filter: grayscale(100%); filter: grayscale(100%); border-radius:4px}
.companyslider .bd li a:hover img{ filter:none}
.companyslider .bd li a:hover:before{ filter:alpha(opacity=0);opacity:0;}
.companyslider .tempWrap{ overflow:visible !important }
.companyslider .tempWrap ul{  margin-left:-1468px !important; /*强制位置*/}

.companyslider .hd{ position:absolute; display:none; width:100%; left:0;  z-index:1; bottom:0; text-align:center;}
.companyslider .hd li{ display:inline-block; width:8px; height:8px; overflow:hidden; background:#fff; border-radius:8px; margin:0 5px; cursor:pointer; filter:alpha(opacity=60);opacity:0.6;}
.companyslider .hd li.on{ filter:alpha(opacity=100);opacity:1;  }
.companyslider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:300px; cursor:pointer; }
.companyslider .prev{ left:-50%; margin-left:-734px;}
.companyslider .next{ left:50%;  margin-left:734px;}
.companyslider .pnBtn .blackBg{ display:block; position:absolute; left:0; top:0; width:100%; height:330px; background:#fff; filter:alpha(opacity=90);opacity:0.9;}
.companyslider .pnBtn .arrow{ display:none; position:absolute; top:0; z-index:1; width:100%; height:330px; line-height:330px; font-size:36px; color:#bbb;}
.companyslider .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; }
.companyslider .prev .arrow{ right:0; text-align:right; padding-right:20px}
.companyslider .next .arrow{ left:0; text-align:left; padding-left:20px}
/*企业列表*/
.companylist{ float:left; width:100%; margin-top:0; background:#fff;border-radius:6px;}
.companylist .item{ display:block; position:relative; height:120px; padding:30px; margin:20px; overflow:hidden; border:1px solid #eee; background:#fff; border-radius:6px; box-shadow: 0 1px 2px rgba(0, 0, 0, .05);}
.companylist .item .img{ position:absolute; left:30px; top:30px;  width:120px; height:120px; background:#f8f8f8;border-radius:4px}
.companylist .item .img img{ width:120px; height:120px; border-radius:4px}
.companylist .info{ float:left; margin-left:160px}
.companylist .info .title{ float:left; width:100%; font-size:20px; line-height:30px;}
.companylist .key{ position:absolute; right:30px; top:30px; width:300px; background:#f8f8f8; padding:10px; border-radius:4px}
.companylist .key .label{ float:left; color: #999; font-weight:700 }
.companylist .key .text{ color:#999; text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow:hidden;}
.companylist .li{ float:left; width: 100%; margin-top:5px}
.companylist .li .label{ float:left; width:50px; font-size: 12px; color: #999;}
.companylist .li .text{ font-size: 12px; color:#999}
/*企业主页*/
.companyDetail .topbar{ background:none; padding-top:20px}
.companyDetail .header-fixed .topbar i.bg{ display:none}
.companyDetail .header-main{ height:500px; background:#2190ff url(../images/bg.png) no-repeat 30% top}
.companyDetail .logo{ width:150px}
.companyDetail .menu{ float:left; width:auto; background:none;}
.companyDetail .menu .mauto{ width:auto;}
.companyDetail .menu ul{ width:auto; padding:10px 0; background:none;box-shadow:none}
.companyDetail .menu ul li:last-child{ border:0}
.companyDetail .menu ul li a{ display:block; font-size:16px; color: rgba(255,255,255,.5); padding:0 15px;}
.companyDetail .menu ul li a:hover{ background:none; color:#fff}
.companyDetail .menu ul li.home a{ height:450px; background:none; color:#fff; margin-right:0}
/*加工厂主页*/
.factoryDetail .header-main{ background-color:#2b3744}
.factoryDetail .slider .pnBtn .blackBg{ background:#2b3744;}
.factoryDetail .login a.reg{ color:#2b3744}
.factoryDetail .topbar .nav ul li{ border-color: #232d38}
/* 企业主页轮播 */
.slider{ width:100%; min-width:1468px; height:400px; position:absolute; bottom:0; overflow:hidden; text-align:center;}
.slider .bd{ width:1468px; position:absolute; left:50%; margin-left:-734px}
.slider .bd li{ width:1468px;  overflow:hidden; }
.slider .bd li img{ display:block; width:1468px; height:400px;}
.slider .tempWrap{ overflow:visible !important }
.slider .tempWrap ul{  margin-left:-1468px !important; /*强制位置*/}

.slider .hd{ position:absolute; display:none; width:100%; left:0;  z-index:1; bottom:0; text-align:center;}
.slider .hd li{ display:inline-block; width:8px; height:8px; overflow:hidden; background:#fff; border-radius:8px; margin:0 5px; cursor:pointer; filter:alpha(opacity=60);opacity:0.6;}
.slider .hd li.on{ filter:alpha(opacity=100);opacity:1;  }
.slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:400px; cursor:pointer; }
.slider .prev{ left:-50%; margin-left:-734px;}
.slider .next{ left:50%;  margin-left:734px;}
.slider .pnBtn .blackBg{ display:block; position:absolute; left:0; top:0; width:100%; height:400px; background:#2190ff; filter:alpha(opacity=90);opacity:0.9;}
.slider .pnBtn .arrow{ display:none; position:absolute; top:0; z-index:1; width:100%; height:400px; line-height:400px; font-size:36px; color:#fff;}
.slider .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; }
.slider .prev .arrow{ right:0; text-align:right; padding-right:20px}
.slider .next .arrow{ left:0; text-align:left; padding-left:20px}
/*企业主页导航*/
.companymenu{ position:absolute; z-index:1; left:0; right:0; top:400px; height:60px; padding-top:20px; background:rgba(0,0,0,.5);}
.companymenu ul{ float:right}
.companymenu ul li{ float:left}
.companymenu ul li a{ display:block; color:#fff; padding:2px 20px; font-size:16px; margin:0 20px 0 0; border-radius:4px}
.companymenu ul li a:hover{ color:#43a1ff;}
.companymenu ul li.home a{ background:#43a1ff; color:#fff}
/*企业主页产品分类*/
.submenu{ float:left; width:100%; padding:30px 0}
.submenu ul li{ float:left}
.submenu ul li a{ display:block; margin:0 10px 10px 0; background:#f2f2f2; padding:5px 30px; border-radius:99px;}
.submenu ul li.on a{ background:#158afe; color:#fff}
/*企业主页主信息*/
.focuscompany{ width:388px; position:absolute; left:50%; margin-left:-734px; top:400px; z-index:11; background:#fff; border-radius:20px; box-shadow:0 2px 20px rgba(0,0,0,.05)}
.focuscompany.fixed{ position:fixed; top:80px}
.focuscompany .con{ padding:0 30px}
.focuscompany .con .item .avatar{ float:none; margin:-80px auto 20px; text-align:center}
.focuscompany .con .item .avatar img{ border:5px solid #fff; width:120px; height:120px; border-radius:20px}
.focuscompany .con .item .title{ margin-left:0; font-size: 20px; text-align:center}
.focuscompany .card-body{ padding-left:368px}
.focuscompany .con .bt{ text-align:center; width:100%}
.focuscompany .con .bt button{ float:none; border-radius:99px}
/*企业主页内容*/
.companybox{ padding-left:428px}
.companybox .w2{ width:990px}
/*找工作列表*/
.job{float:left; width:100%;}
.job .item{ position:relative; padding: 20px; background: #fff; margin:0 0 20px 0; display:block; border:1px solid #eee; overflow:hidden}
.job .item-head{ padding-bottom: 10px; width:100%; display:block; overflow:hidden}
.job .title{ float:left; margin-right:30px}
.job .title div{ float:left; font-size: 18px;}
.job .title .p{ width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; background: #0c9cfa; color: #fff; border-radius: 2px; margin-right: 20px;}
.job .money{ float:right; margin-right:300px; font-size:18px; color: #f60; font-weight: 700;}
.job .bt{ position:absolute; right:30px}
.job .tags{ display:block; width:100%; overflow:hidden}
.job .tags div{ float:left; color: #666; border-radius: 2px; margin: 5px 3px 10px 0; padding: 0 15px; border-right:1px solid #eee}
.job .text{ width:700px; padding: 5px 15px; color: #999; background:#f8f8f8; border-radius:4px; text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow:hidden;}
/*招人才列表*/
.resumelist{float:left; width:100%;}
.resumelist .item{ position:relative; padding: 20px; background: #fff; margin:0 0 20px 0; display:block; border:1px solid #eee; overflow:hidden}
.resumelist .item .avatar{ float:left; width:100px}
.resumelist .item .avatar img{ width:100px; height:100px; border-radius:50%}
.resumelist .item .info{ padding-left:120px}
.resumelist .item-head{ padding-bottom: 10px; width:100%; display:block; overflow:hidden}
.resumelist .title{ float:left; margin:0 50px 0 15px}
.resumelist .title div{ float:left; font-size: 18px;}
.resumelist .tip{ float:left; color: #bbb;}
.resumelist .bt{ position:absolute; right:30px}
.resumelist .tags{ display:block; width:100%; overflow:hidden}
.resumelist .tags div{ float:left; color: #666; border-radius: 2px; margin: 5px 3px 10px 0; padding: 0 15px; border-right:1px solid #eee}
.resumelist .text{ width:600px; padding: 5px 15px; color: #999; background:#f8f8f8; border-radius:4px; text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow:hidden;}
/*招聘详情*/
.jobDetail{ padding:30px 0; border:1px solid #eee; background:#fff}
.jobDetail .info .title div{ float:left}
.jobDetail .info .title .p{ width: 42px; height: 42px; line-height: 42px; text-align: center; font-size: 24px; background: #0c9cfa; color: #fff; border-radius: 2px; margin-right: 30px;}
.jobDetail .info .title .money{ color:#f60; margin-left:20px}
.jobDetail .con .item{ width:33.33%;}
.jobDetail .con .item .label{ width:50px; font-size: 16px; color: #999; margin-right: 20px;}
.jobDetail .con .item .title{ margin-left:70px; font-size: 20px;}
.jobDetail .con .item .text{ margin-left:70px; font-size: 16px;}
/*简历详情*/
.resumeDetail{ padding:30px 0; border:1px solid #eee; background:#fff}
.resumeDetail .con .info .avatar{ float:left; margin-right: 30px;}
.resumeDetail .con .info .avatar img{ width: 120px; height: 120px; border-radius: 50%;}
.resumeDetail .con .info .tags{ float:left;}
.resumeDetail .con .info .tags div{ float:left; color: #666; border-radius: 2px; margin: 5px 15px 10px 0; padding: 0 15px 0 0; border-right:1px solid #eee}
/*找纱*/
.zhaosha{ width:100%}
.zhaosha .item{ float:left; width:45%; margin-right:5%; padding:30px 0; overflow:hidden; border-bottom:1px solid #eee}
.zhaosha .item .avatar{ float:left; width:60px; height:60px}
.zhaosha .item .avatar img{ width:100%; height:100%; border-radius:50%}
.zhaosha .item .info{ padding-left:80px}
.zhaosha .item .name{ float:left; font-size:16px; color:#014e9c}
.zhaosha .item ol{ float:right}
.zhaosha .item ol li{ float:left; margin-left:20px; color:#bbb}
.zhaosha .item ol li i{ margin-right:8px}
.zhaosha .item .title{ float:left; width:100%; padding-top:10px; font-size:16px; line-height:30px; margin-bottom:20px}
.zhaosha .item .dec{ margin-bottom:20px; color:#888;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow:hidden;}
.zhaosha .item ul li{ float:left; width:100px; padding:5px; border:1px solid #ddd; color:#bbb; font-size:12px; margin-right:10px; border-radius:3px}
.zhaosha .item ul li img{ float:left; width:100%;}
.zhaosha .item ul.big li{ width:45%}
.zhaoshapush .up button{ float:right; margin:10px 0; width:80px; height:40px; color:#a69150; border:1px solid #ffeb3f; background:#fffce5}
.zhaoshapush .up i{ margin-right:8px}
.zhaoshapush .bt .btn{ margin:0; width:100%}
.zhaoshapush .tip{ float:left; width:100%; text-align:center; padding:20px 0; color:#f60}

.reply{ float:left; width:100%}
.reply .item .avatar{ width:40px; height:40px}
.reply .item .info{ padding-left:60px}
.reply .item .name{ font-size:14px;}
.reply .item .title{font-size:16px;}
.reply .item ul li{ width:60px;}
/*侧边列表信息*/
.sidelist{ padding:10px 20px; border:1px solid #eee; overflow:hidden}
.sidelist .ul a{ display:block; margin:10px 0}
.sidelist .ul a span{ float:right; color:#bbb}
/*公司相册*/
.album .item{ float:left; width:400px; margin:0 20px 20px 0; text-align:center}
.album .item img{ width:400px; height:260px; border-radius:4px}
.album .item span{ display:block; font-size:16px; padding:10px 0 0}
.album .pic img{ float:left; margin:0 20px 20px 0; width:300px; height:180px; border-radius:4px; cursor:pointer}

/*花型*/
.huaxing{ width:1470px;}
.huaxing .item{ float:left; width:273px; padding:0; margin:0 20px 20px 0;}
.huaxing .item span{ width:273px; height:273px; padding:0; display:block}
.huaxing .item span img{ width:273px; height:273px;border-radius:4px 4px 0 0}
.huaxing .item .info{ position:relative; padding:15px}
.huaxing .item h3{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.huaxing .item .num{ color: #bbb; font-size:12px;}
.huaxing .item .avatar{ position:absolute;right:15px;top:15px}
.huaxing .item .avatar img{ width: 20px; height: 20px; border-radius: 2px;}
.huaxing .item .sort{ height:30px;}
.huaxing .item .sort .tag{ float:left; color: #4c8efa; margin: 5px 8px 0 0; background:#cbddfc; padding:0 6px; border-radius:2px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow:hidden; font-size:12px}
.huaxing .item .sort .tag.s2{background:#e4fecd; color:#679c0a}
.huaxing .item .sort .tag.s3{background:#fef9cd; color:#bd9714}
.huaxing .item .sort .tag.s4{background:#d2feef; color:#13b27c}

.patt_info{width:640px;}
.patt_info .title{width:100%; font-size:30px;}
.patt_info .attr{width:100%; font-size:16px; padding:10px 0; border-bottom:#eee solid 1px; overflow:hidden}
.patt_info .attr .label{float:left; width:100px; color:#999}
.patt_info .attr .text{float:left; width:220px; color:#333}

.patt_detail{width:100%; padding-top:40px; clear:both;}
.patt_detail .tit{width:100%; border-bottom:#eee solid 1px;}
.patt_detail .txt{font-size:16px; padding:10px 0  30px 0; text-align:center;}
.patt_detail .txt img{max-width:100%; margin-top:15px;}
/*20210511*/
.pattern{ background:#eff1f4}
.w2,.w1{ position:relative;}
.menu ul li.home a {height: 45px;}
.blur-banner{ position:relative; top:-30px; width: 100%;height: 220px; padding:100px 0; overflow: hidden;}
.blur-banner-bg{ height:140%;-webkit-filter: blur(20px);filter: blur(20px);-ms-filter: blur(20px);width: 140%;left: -20%;position: absolute;top: -50px; z-index:-1}
.blur-banner-bg:before{ content:""; display:block; width:100%; height:100%; background:rgb(0 0 0 / 30%); position:absolute; left:0; top:0;}
.pattern-top{ width:1468px; margin:0 auto}
.pattern-top .img{ float:left; margin-right:40px; width:200px; height:200px; border-radius:6px; overflow:hidden}
.pattern-top .img img{ width:100%; height:100%}
.pattern-top .title{ font-size:46px; color:#fff}
.pattern-top .tag span{float:left; color: #4c8efa; margin: 5px 8px 0 0; background:#cbddfc; padding:5px 20px; border-radius:2px; text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow:hidden; font-size:16px}
.pattern-top .tag span.s2{background:#e4fecd; color:#679c0a}
.pattern-top .tag span.s3{background:#fef9cd; color:#bd9714}
.pattern-top .tag span.s4{background:#d2feef; color:#13b27c}

.sidecompany{ border:0; padding-top:20px}

.pattern-body{ background:#fff; position:relative; top:-100px; overflow:hidden; border-radius:6px; padding:30px}
.pattern-body.mauto{ width:1408px}
.pattern-body .w2{ width:990px}
.pattern-body .patt_info{ width:100%}
.pattern-body .patt_info .attr .text{ width:300px}

.pattern-demo{background:#fce8d6; color:#f40; padding:15px 15px 30px 15px; text-align:center}
.pattern-demo p{text-align:left; margin-bottom:20px}
.pattern-demo a{padding:10px 15px; background:#f80; color:#fff; font-size:14px;}

.pattern-copyright{color:#1e9fff}

/*20210515*/
.soft-detail{width: 100%; border:#ddd solid 1px; box-sizing: border-box; overflow: hidden; margin-bottom: 20px;}
.soft-detail .soft-base{width:600px; float: left; padding:20px}
.soft-detail .soft-base .title{font-size: 24px;}
.soft-detail .soft-base .p-info{margin-top: 20px; width: 100%; overflow: hidden;}
.soft-detail .soft-base .p-info p{width: 50%; float: left; padding:5px 0;}
.soft-detail .soft-base .p-info p span{width:60px; color:#999; display: inline-block; text-align: right; padding-right: 15px;}
.soft-detail .soft-base .p-info p.full{width:100%; color:#f60; font-weight: 700;}
.soft-detail .soft-base .p-tip{width: 95%; background: #d6ebfc; color: #1e9fff; padding:5px 10px; margin-top: 20px;}
.soft-detail .soft-base .p-btn{width: 100%; margin-top: 20px;}
.soft-detail .soft-litpic{width:400px; float: right;}
.soft-detail .soft-litpic img{width: 100%; height: 100%;}
.soft-content{border:#ddd solid 1px; margin-top: 15px; padding:10px 20px; box-sizing: border-box; overflow: hidden;}
.soft-content .title{width:100%; border-left: #1e9fff solid 5px; padding-left: 15px; font-size: 16px;}
.soft-content .video{margin-top: 20px; clear: both;}

/*20210719*/
.dress{ width:1470px;}
.dress .item{ float:left; width:273px; padding:0; margin:0 20px 20px 0;}
.dress .item span{ width:273px; height:371px; padding:0; display:block}
.dress .item span img{ width:273px; height:371px;border-radius:4px 4px 0 0}
.dress .item .info{ position:relative; padding:15px}
.dress .item h3{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.dress .item .num{ color: #bbb; font-size:12px;}
.dress .item .avatar{ position:absolute;right:15px;top:15px}
.dress .item .avatar img{ width: 20px; height: 20px; border-radius: 2px;}
.dress .item .sort{ height:30px;}
.dress .item .sort .tag{ float:left; color: #4c8efa; margin: 5px 8px 0 0; background:#cbddfc; padding:0 6px; border-radius:2px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow:hidden; font-size:12px}
.dress .item .sort .tag.s2{background:#e4fecd; color:#679c0a}
.dress .item .sort .tag.s3{background:#fef9cd; color:#bd9714}
.dress .item .sort .tag.s4{background:#d2feef; color:#13b27c}