@charset "utf-8";
/*公用样式 start*/
@font-face{font-weight:400;font-style:normal;font-family:HELVETICANEUELTPRO-THEX;src:url(../fonts/HELVETICANEUELTPRO-THEX.OTF)}
*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
ul li{list-style:none}
a{text-decoration:none;transition:all .1s linear;cursor:pointer}
img{border:none}
.clear{clear:both}
.fl{float:left}
.fr{float:right}
.ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body,html{width:100%;height:100%;background:#fff;color:#444;font:9pt Arial,"微软雅黑";font-family:HELVETICANEUELTPRO-THEX,Arial,"微软雅黑",Microsoft YaHei!important;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}
body{overflow-x:hidden;cursor:default}
img{float:none;width:100%}
.clearfix:after{clear:both;display:block;content:''}
.clearfix{zoom:1}
::-webkit-scrollbar-track-piece{width:8px;background-color:#f0f0f0}
::-webkit-scrollbar{width:8px;background-color:#00C0FF}
::-webkit-scrollbar-thumb{width:8px;background-color:#ddd}
::-webkit-scrollbar-thumb:hover{width:8px;background-color:#ffcf00}
.webWidth{width:1300px;margin:0 auto}
.module{position:relative;background:#fff;z-index:2}
.bgParallax{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
body .layui-layer-border{border-radius:5px}
body .layui-icon1{border:1px #01ba9b solid}
body .layui-icon2{border:1px #e85546 solid}
body .layui-icon3{border:1px #f4c501 solid}
body .layui-icon4{border:1px #767677 solid}
body .layui-icon5{border:1px #e74c3c solid}
body .layui-icon6{border:1px #12cd6e solid}
body .layui-icon7{border:1px #f39b13 solid}
.but-bg-color1{background:-webkit-linear-gradient(left,#43a4f6,#63c8f7);background:-o-linear-gradient(right,#43a4f6,#63c8f7);background:-moz-linear-gradient(right,#43a4f6,#63c8f7);background:linear-gradient(to right,#43a4f6,#63c8f7);color:#fff}
.but-bg-color2,.work-rb-ul li:hover{background:-webkit-linear-gradient(left,#2bba43,#67cd1c);background:-o-linear-gradient(right,#2bba43,#67cd1c);background:-moz-linear-gradient(right,#2bba43,#67cd1c);background:linear-gradient(to right,#2bba43,#67cd1c);color:#fff}
.linkColor{color:inherit;height: 100%;display: inline-block;text-decoration:none}
button{outline:0}
/* 定义keyframe动画，命名为blink */
@keyframes animation{
    0%{opacity:1}
    /*50%{opacity:1}*/
    /*50.01%{opacity:0}*/
    100%{opacity:0}
}
@-webkit-keyframes blink{
    0%{opacity:1}
    50%{opacity:1}
    50.01%{opacity:0}
    100%{opacity:0}
}
@-moz-keyframes blink{
    0%{opacity:1}
    50%{opacity:1}
    50.01%{opacity:0}
    100%{opacity:0}
}
@-ms-keyframes blink{
    0%{opacity:1}
    50%{opacity:1}
    50.01%{opacity:0}
    100%{opacity:0}
}
@-o-keyframes blink{
    0%{opacity:1}
    50%{opacity:1}
    50.01%{opacity:0}
    100%{opacity:0}
}
/* 定义blink类*/
.blink{
    animation: blink 1s linear infinite;
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: blink 1s linear infinite;
    -moz-animation: blink 1s linear infinite;
    -ms-animation: blink 1s linear infinite;
    -o-animation: blink 1s linear infinite;
}
/*公用样式 end*/
/*头部导航 start*/
.web-top-main{width:100%;min-width:1300px;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-sizing:border-box;background-color:#fff;font-size:16px;box-shadow:0 0 5px 0 #a5a5a5}
.web-top-logo{height:70%;overflow:hidden;cursor:pointer}
.web-top-logo img{width:auto;height:100%}
.web-top-title .top-title-ul{height:100%;display:flex;align-items:center}
.top-title-ul .top-title-li,.top-title-ul .top-li-vip{line-height:54px;margin:0 20px;padding:0 5px;box-sizing:border-box;position:relative;cursor:pointer}
.top-title-li:hover:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#2bba43}
.top-li-vip.active{color:#1fa71a}
.web-top-user{height:100%;display:flex;align-items:center}
.web-top-button{display:flex;align-items:center}
.my-work-but,.web-top-button .web-top-but{padding:8px 20px;box-sizing:border-box;margin:0 5px;border:0;border-radius:5px;color:#fff;cursor:pointer}
.my-work-but:hover,.web-top-but:hover{color:#fff;text-decoration:none}
.web-top-button .top-but-login{background-color:#fff;border:1px #ddd solid;color:#999}
.web-top-user-menu{display:flex;align-items:center}
.head-portrait{width:40px;height:40px;margin-left:10px;border-radius:50%;overflow:hidden}
.head-news{width:30px;height:30px;margin:0 20px;position:relative;cursor:pointer}
.head-news .head-news-number{position:absolute;top:-10px;right:-10px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background-color:#ff2e42;color:#fff;border-radius:50%;font-size:10px}
/*头部导航 end*/
/*消息中心 start*/
.web-news-main{position:fixed;top:60px;right:0;width:400px;height:calc(100% - 110px);z-index:998;font-size: 14px; display:none}
.web-news-box{width:100%;height:100%;background-color:#fff;box-shadow:-3px 0 3px rgba(0,0,0,.2)}
.web-news-title{width:100%;height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px #ddd solid}
.web-news-title .close-news{width:20px;height:20px;line-height:20px;text-align:right;font-size:30px;color:#cacaca;cursor:pointer}
.web-news-title .web-news-title-span{color:#333;font-size:16px;font-weight:700}
.web-news-content{width:100%;height:calc(100% - 51px)}
.web-news-content .news-con-ul{width:100%;height:100%;overflow-x:hidden;overflow-y:auto}
.web-news-content .news-con-ul .news-con-li{width:100%;padding:10px 20px;box-sizing:border-box;position:relative}
.news-con-li:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;display:inline-block;background-color:#ddd}
.news-con-li:hover{background-color:#f7f7f7}
.news-con-li:hover:before{content:"";position:absolute;left:2px;bottom:0;width:3px;height:100%;background-color:#5ab2f9}
.news-con-li .news-item-title{width:100%;height:30px;display:flex;align-items:center;justify-content:space-between;color:#cacaca}
.news-item-title .news-item-markedRead{display:none;color:#5ab2f9;cursor:pointer}
.news-con-li .news-item-content{width:100%;position:relative;padding-top:5px;font-size:14px}
.news-item-content .news-item-shrink{position:absolute;top:10px;right:0;width:18px;height:18px;cursor:pointer}
.news-item-shrink .news-retract{display:none}
.news-item-content .news-item-con{width:calc(100% - 25px);height:24px;line-height:24px;color:#333;overflow:hidden}
.ellipsis1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.news-small-routine{padding-top:10px;box-sizing:border-box;display:flex;align-items:center}
.news-small-routine .nsr-img{width:140px;height:140px;margin-right:20px}
.news-small-routine .nsr-hint{line-height:40px;padding-bottom:10px;box-sizing:border-box}
.news-small-routine .news-but{width:70px;height:30px;border:0;padding:0;margin-right:10px;color:#fff;border-radius:5px}
.news-small-routine .news-receive{background-color:#4fadf5}
.news-small-routine .news-refuse{background-color:#fc726f}
.news-no-unread{width: 100%; height: 200px;line-height:200px;text-align:center;color:#444;font-size:12px;}
/*消息中心 end*/
/*我的作品 start*/
.web-content-main{width:100%;height:100%;background-color:#f7f7f7;overflow-x:hidden;overflow-y:auto}
.work-main{width:1300px;height:100%;margin:0 auto;position:relative}
.work-box{width:100%;height:100%;padding-top:15px;box-sizing:border-box}
.work-ul{display:flex;flex-wrap:wrap}
.work-ul li{width:calc(100% / 5);padding:10px;box-sizing:border-box;font-size:14px}
.new-work{width:100%;height:360px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#fff;border-radius:5px;cursor:pointer}
.work-add-img{width:100px;height:100px}
.work-add-img img{width:100%;height:100%}
.work-add-text{line-height:50px;font-size: 20px;}
.work-item{width:100%;height:360px;padding-bottom:10px;box-sizing:border-box;border-radius:5px;background-color:#fff;overflow:hidden}
.work-top{width:100%;position:relative}
.work-top .work-img img{width:100%}
.work-top .work-QR-code{display:none}
.work-top:hover .work-QR-code{display:block}
.work-QR-code{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.work-QR-code img{width:140px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.work-name{width:100%;height:40px;line-height:40px;padding:5px 10px;box-sizing:border-box}
.work-lower{width:100%;padding:0 10px;box-sizing:border-box;display:flex}
.work-lower ul{width:100%;display:flex;border:1px #e8e8e8 solid;border-radius:5px;overflow:hidden}
.work-lower ul li{width:calc(100% / 4);line-height:40px;text-align:center;border-right:1px #e8e8e8 solid;padding:0;box-sizing:border-box;cursor:pointer}
.work-lower ul li:last-of-type{border:0}
.work-lower ul .li-select-color:hover{color:#fff;background-color:#1fa71a}
.li-select-color:hover a{color:#fff;text-decoration: none;}
.work-lower ul .li-delete-select-color:hover{color:#fff;background-color:#fe5656}
/*回收站*/
.work-right{position:fixed;right:5%;bottom:30%;z-index:6}
.work-recycle-bin{width:60px;height:60px;padding:10px;box-sizing:border-box;background-color:#fff;border-radius:5px;box-shadow:0 0 5px 2px #e7e7e7;cursor:pointer;position:relative}
.work-recycle-bin img{width:100%;height:100%}
.work-rb-content{display:none;position:absolute;left:-85%;top:50%;transform:translate(-85%,-50%);box-shadow:0 1px 5px 2px #e7e7e7;background-color:#fff;border-radius:5px}
.work-rb-content:after{content:"";display:block;width:0;height:0;border-width:10px 0 10px 10px;border-style:solid;border-color:transparent transparent transparent #fff;position:absolute;top:calc(50% - 10px);right:-10px}
.work-rb-ul{width:200px;min-height:100px;max-height:300px;overflow-y:auto;border-radius:5px;position:relative}
.work-rb-ul::-webkit-scrollbar{width:4px;height:12px;-webkit-border-radius:12px}
.work-rb-ul li{line-height:40px;display:flex;justify-content:space-between;padding:0 10px;box-sizing:border-box;position:relative}
.work-rb-ul li:after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#ddd}
/*复制转让*/
.work-popup-box{position:fixed;top:0;left:0;bottom:0;right:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:9999}
.work-copy-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:400px;height:200px;padding:10px;box-sizing:border-box;background-color:#fff;border-radius:5px;box-shadow:1px 5px 10px #a1a1a1;font-size:14px}
.wcb-title{padding-bottom:10px;box-sizing:border-box;font-size:16px}
.wcb-radio{width:100%;display:flex}
.wcb-p-radio{width:80px;height:40px;display:flex;align-items:center}
.wcb-p-radio input{width:16px;height:16px;margin:5px}
input[type=radioi],input[type=checkboxi]{cursor:pointer}
.wcb-number-input{width:100%;padding:0 10px;box-sizing:border-box;background-color:#fff}
.wcb-number-input input:focus{border:0;border-bottom:2px solid #e5e5e5}
.wcb-number-input input{outline:0;width:100%;height:40px;border:0;border-bottom:1px #e5e5e5 solid;padding:3px 5px;box-sizing:border-box;}
.wcb-explain{line-height:36px;font-size:12px;color:#5faef7}
.wcb-button{position:absolute;right:10px;bottom:5px;height:50px;display:flex;align-items:center;justify-content:flex-end;}
.wcb-but{width:80px;height:40px;border:0;margin-left:10px;background-color:#fff;border-radius:5px;cursor:pointer;font-size:14px}
.wcb-but-no{color:#a3a3a3}
/*我的作品 end*/
/*模板 start*/
.template-main{width:100%;height:100%;}
.template-box{position:relative;height:100%;min-width:1300px;}
.template-box-top{width:100%;height:300px;background-color:#ddd;}
.template-box-content{position:absolute;top:310px;left:0;display:flex;width:100%;justify-content:center;}
@media screen and (max-width:1400px){.template-box-content{margin:0 auto;}
}
.tem-box-con-left{box-sizing:border-box;margin-right:20px;padding:10px;width:260px;border-right:5px;background-color:#fff;}
.tem-color-select,.tem-suitable-for-industry{padding-bottom:20px;width:100%;}
.tem-cs-title,.tem-sfi-title{position:relative;box-sizing:border-box;margin-bottom:10px;padding-left:20px;width:100%;font-weight:700;font-size:16px;}
.tem-cs-title:after,.tem-sfi-title:after{position:absolute;top:0;left:0;width:3px;height:100%;border-radius:25px;background-color:#2bba43;content:"";}
.tem-cs-ul,.tem-sfi-ul{display:flex;width:100%;align-items:center;flex-wrap:wrap;}
.tem-sfi-ul li{display:inline-block;margin:5px;width:calc((100% / 3) - 10px);height:36px;border:1px #ddd solid;border-radius:5px;text-align:center;line-height:36px;cursor:pointer;}
.tem-sfi-ul li.active,.tem-sfi-ul li:hover{background-color:#198ede;color:#fff;}
.tem-cs-ul li{display:flex;margin:5px;width:calc((100% / 5) - 10px);height:36px;cursor:pointer;align-items:center;justify-content:center;}
.tem-cs-ul li.active,.tem-cs-ul li:hover{border:3px #ffd100 solid;}
.tem-color-0{flex-wrap:wrap;}
.tem-color-0 span{display:inline-block;width:50%;height:50%;}
.tem-color-1{background-color:red;}
.tem-color-2{background-color:#ff6300;}
.tem-color-3{background-color:#fae242;}
.tem-color-4{background-color:#80d031;}
.tem-color-5{background-color:#26e0d2;}
.tem-color-6{background-color:#198ede;}
.tem-color-7{background-color:#fe68ff;}
.tem-color-8{border:1px #ddd solid;background-color:#fff;}
.tem-color-9{background-color:#999;}
.tem-color-10{background-color:#000;}
.tem-color-11{background-color:#909;}
.tem-color-12{background-color:#974b00;}
.tem-box-con-right{height:100%;max-width:1312px;min-width:1040px;border-right:5px;background-color:#fff;}
.tem-box-con-title{box-sizing:border-box;padding:0 20px;width:100%;height:60px;border-bottom:1px #ddd solid;color:#7c7c7c;font-size:15px;line-height:60px;}
.tem-number{color:#198ede;font-size:16px;}
.tem-box-con{box-sizing:border-box;margin:0 auto;padding:20px;width:100%;height:calc(100% - 61px);}
.tem-box-con-ul{display:flex;width:100%;min-height:360px;flex-wrap:wrap;}
.tem-box-con-ul li{display:inline-block;margin:5px;width:240px;}
.tem-box-con-ul li .tem-item-con{position:relative;overflow:hidden;width:100%;height:300px;border-radius:5px;}
.tem-box-con-ul li .tem-item-con:hover .scan-QR-code{display:block;}
.tem-item-con .scan-QR-code{position:absolute;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.5);}
.tem-item-con .scan-QR-code .scan-QR-code-box{position:absolute;top:50%;left:50%;width:140px;transform:translate(-50%,-50%);}
.tem-QR-code{overflow:hidden;width:140px;height:140px;border-radius:5px;}
.tem-QR-code-des{padding-top:5px;width:140px;text-align:center;}
.tem-QR-code-text{color:#fff;font-size:12px;}
.tem-but{margin-top:20px;padding:0;width:100%;height:40px;border:0;border-radius:5px;background-color:#0baefd;color:#fff;line-height:40px;cursor:pointer;}
.tem-box-con-ul li .tem-item-img{width:100%;height:100%;}
.tem-box-con-ul li .tem-item-img img{width:100%;height:100%;}
.tem-box-con-ul li .tem-name{width:100%;height:50px;color:#636363;text-align:center;font-size:16px;line-height:50px;}
.new-tem{display:flex;width:100%;height:300px;border:1px #eee solid;border-radius:5px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;}
.tem-add-img{width:100px;height:100px;}
.tem-add-text{font-size:18px;}
/*模板 end*/

/* 分页 begin*/
.text-center{text-align:center;}
.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination>li {display: inline;}
.pagination>li:first-child>a, .pagination>li:first-child>span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {z-index: 3;color: #fff;cursor: default;background-color: #337ab7;border-color: #337ab7;}
.pagination>li>a, .pagination>li>span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
/* 分页 end*


/*页尾*/
.footer-mian{position:fixed; left: 0; bottom: 0;width: 100%; height: 50px;line-height: 50px; text-align: center; border-top: 1px #ddd solid;box-shadow: 5px 0 5px 2px #ddd;}