body,html{
    overflow-x:hidden;
    /*background-image: url('../images/sckbg.png');*/
    min-width:1440px;
    height:100%;
    width:100%;
    position:relative;
    background-color:#edeceb;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;}
body{overflow: auto;}
*{font-family: PingFang SC, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Microsoft Yahei, \\5FAE\8F6F\96C5\9ED1, STHeiti, \\534E\6587\7EC6\9ED1, sans-serif;}
*{margin:0;padding:0;box-sizing:border-box;}
ul li{list-style: none;}
img{max-width:100%;width:auto;vertical-align:middle;}
a{text-decoration: none;}
input::-webkit-input-placeholder{color: #bbb;letter-spacing: 1px;font-size: 14px;}
input::-moz-input-placeholder{color: #bbb;letter-spacing: 1px;font-size: 14px;}
input::-ms-input-placeholder{color: #bbb;letter-spacing: 1px;font-size: 14px;}
textarea{resize: none;}
textarea::-webkit-input-placeholder {color: #bbb;letter-spacing: 1px;font-size: 14px;}
textarea::-moz-input-placeholder {color: #bbb;letter-spacing: 1px;font-size: 14px;}
textarea::-ms-input-placeholder {color: #bbb;letter-spacing: 1px;font-size: 14px;}
input,textarea,select,button{outline:none;border: 0;box-sizing: border-box;}
/*几行隐藏*/
.a-hiding1{
    display:box;
    display:-o-box;
    display:-ms-box;
    display:-moz-box;
    display:-webkit-box;
    line-clamp:1;
    -o-line-clamp:1;
    -ms-line-clamp:1;
    -moz-line-clamp:1;
    -webkit-line-clamp:1;
    box-orient:vertical;
    -o-box-orient:vertical;
    -ms-box-orient:vertical;
    -moz-box-orient:vertical;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    overflow:hidden;
    word-break:break-all;
}
.a-hiding2{
    display:box;
    display:-o-box;
    display:-ms-box;
    display:-moz-box;
    display:-webkit-box;
    line-clamp:2;
    -o-line-clamp:2;
    -ms-line-clamp:2;
    -moz-line-clamp:2;
    -webkit-line-clamp:2;
    box-orient:vertical;
    -o-box-orient:vertical;
    -ms-box-orient:vertical;
    -moz-box-orient:vertical;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    overflow:hidden;
    word-break:break-all;
}
.a-hiding3{
    display:box;
    display:-o-box;
    display:-ms-box;
    display:-moz-box;
    display:-webkit-box;
    line-clamp:3;
    -o-line-clamp:3;
    -ms-line-clamp:3;
    -moz-line-clamp:3;
    -webkit-line-clamp:3;
    box-orient:vertical;
    -o-box-orient:vertical;
    -ms-box-orient:vertical;
    -moz-box-orient:vertical;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    overflow:hidden;
    word-break:break-all;
}
.a-hiding4{
    display:box;
    display:-o-box;
    display:-ms-box;
    display:-moz-box;
    display:-webkit-box;
    line-clamp:4;
    -o-line-clamp:4;
    -ms-line-clamp:4;
    -moz-line-clamp:4;
    -webkit-line-clamp:4;
    box-orient:vertical;
    -o-box-orient:vertical;
    -ms-box-orient:vertical;
    -moz-box-orient:vertical;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    overflow:hidden;
    word-break:break-all;
}
.a-hiding5{
    display:box;
    display:-o-box;
    display:-ms-box;
    display:-moz-box;
    display:-webkit-box;
    line-clamp:5;
    -o-line-clamp:5;
    -ms-line-clamp:5;
    -moz-line-clamp:5;
    -webkit-line-clamp:5;
    box-orient:vertical;
    -o-box-orient:vertical;
    -ms-box-orient:vertical;
    -moz-box-orient:vertical;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    overflow:hidden;
    word-break:break-all;
}

/*滚动条*/
/*::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track {background-color:rgba(0,0,0,0);}
::-webkit-scrollbar-thumb{background-color:#dfdfdf;border-radius:5px;}*/
/*layui分页*/

/* ------------------------- 公共类 ------------------------- */
/*顶部、底部*/
.Tp{height:40px;width:100%;position:fixed;top:0px;left:0px;background-color:#192224;z-index:100;}
.Foot{width: 100%;height:160px;background-color:#000;font-size: 14px;margin-top: 30px;}
/*素材库内容背景*/
.materialBank-body{width:1480px;margin:0 auto;padding:40px 0px 0px;}
.materialBank-bg{background-color:#fff;box-shadow:0px 4px 7px rgba(0,0,0,0.09);padding:20px 20px 30px;}
/*分割线*/
.materialBank-hr1{height:1px;background-color:#efefef;margin:-1px 20px 0px;}
/* ------------------------- 顶部图片 ------------------------- */
.materialBank-top-img{font-size:0px;padding:0px 0px 0px 20px;height:110px;}
.materialBank-top-img li{display:inline-block;width:240px;}
.materialBank-top-img li:nth-child(1){margin:0px 25px 0px 0px;}
.materialBank-top-img li:nth-child(2){margin:0px 25px;}
.materialBank-top-img li:nth-child(3){margin:0px 25px;}
.materialBank-top-img li:nth-child(4){margin:0px 25px;}
.materialBank-top-img li:nth-child(5){margin:0px 0px 0px 25px;}
.materialBank-top-img li a{display:inline-block;width:100%;}
.materialBank-top-img li img{border-radius:5px;width:100%;}
/* ------------------------- 主导航栏 ------------------------- */
.materialBank-top-nav{padding:0px 20px;font-size:0px;}
.materialBank-top-nav li{display:inline-block;margin-right:20px;font-size:16px;vertical-align:middle;letter-spacing:1px;}
.materialBank-top-nav li a{display:inline-block;padding:0px 15px;color:#797979;height:36px;line-height:36px;border-radius:2px;}
.materialBank-top-nav li i{margin-right:5px;}
.materialBank-top-nav li a:hover{background-color:#f5f5f5;}
.materialBank-top-nav .add a{background-color:#7cbfeb;color:#fff;box-shadow:0px 0px 3px rgba(0,0,0,0.24);}
.materialBank-top-nav .add a:hover{background-color:#6bb4e4;color:#fff;}
/*中间阴影*/
.materialBank-top-shadow{box-shadow:0px 6px 6px -6px #ddd;height:20px;width:100%;}
/* ------------------------- 更多按钮 ------------------------- */
.materialBank-more{width:120px;height:30px;margin:-5px auto;text-align:center;line-height:30px;cursor:pointer;font-size:14px;color:#999;position:relative;}
.materialBank-more img{width:12px;margin-left:5px;}
.materialBank-more:hover{background-color:#f5f5f5;}
/* ------------------------- 中间图片 ------------------------- */
.materialBank-min-img{font-size:0px;padding:0px;margin-top:30px;}
.materialBank-min-img li{display:inline-block;width:20%;padding:0px 20px;}
.materialBank-min-img li a{display:inline-block;width:100%;}
.materialBank-min-img li img{border-radius:5px;width:100%;}
/* ------------------------- 搜索部分 ------------------------- */
.materialBank-sech{height:34px;padding:0px 20px 0px 120px;margin-top:30px;color:#333;position:relative;}
/*默认、已收藏、已屏蔽*/
.materialBank-sech-sel{position:absolute;top:2px;left:20px;border:1px solid #f0f0f0;border-radius:3px;width:80px;cursor:pointer;height:30px;overflow:hidden;z-index: 100;}
.materialBank-sech-sel p{line-height:28px;padding-left:10px;width:100%;}
.materialBank-sech-sel p i{font-size:20px;position:absolute;right:5px;top:0px;}
.materialBank-sech-sel p:hover{background-color:#f5f5f5;}
.materialBank-sech-sel ul{padding:0px 0px 5px;background-color:#fff;}
.materialBank-sech-sel ul li a{display:inline-block;width:100%;padding:0px 10px;color:inherit;line-height:26px;}
.materialBank-sech-sel ul li a:hover{background-color:#f5f5f5;}
.materialBank-sech-sel:hover{height:auto;box-shadow:0px 0px 5px #ddd;}
/*最新、最热、月收藏榜*/
.materialBank-sech-btn{float:left;height:30px;margin-top:2px;line-height:28px;}
.materialBank-sech-btn p{float:left;margin-right:15px;}
.materialBank-sech-btn p a{border:1px solid #f0f0f0;display:inline-block;padding:0px 10px;}
.materialBank-sech-btn p a:hover{background-color:#f5f5f5;}
.materialBank-sech-btn .add a{background-color:#7cbfeb;color:#fff;}
.materialBank-sech-btn .add a:hover{background-color:#7cbfeb;color:#fff;}
/*免费、VIP专属*/
.materialBank-sech-free,.materialBank-sech-vip{float:left;line-height:30px;height:30px;margin-top:2px;cursor:pointer;margin-right:15px;}
.materialBank-sech-free a,.materialBank-sech-vip a{display:inline-block;color:inherit;}
.materialBank-sech-free a:hover,.materialBank-sech-vip a:hover{color:#44b649;}
.materialBank-sech-free span,.materialBank-sech-vip span{
    width:16px;height:16px;border:1px solid #ddd;font-size:12px;
    float:left;margin-top:7px;text-align:center;line-height:14px;color:#fff;margin-right:5px;border-radius:2px;}
.materialBank-sech-free span i,.materialBank-sech-vip span i{position:relative;left:1px;}
.materialBank-sech-free a:hover span,.materialBank-sech-vip a:hover span{border-color:#44b649;}
.materialBank-sech-free .add span,.materialBank-sech-vip .add span{border-color:#44b649;color:#7cbfeb;}
/*搜索框*/
.materialBank-sech-inpu{width:240px;height:34px;position:absolute;top:0px;left:50%;margin-left:-120px;}
.materialBank-sech-inpu div{border:2px solid #7cbfeb;border-radius:4px 0px 0px 4px;width:160px;padding-left:5px;height:34px;float:left;position:relative;}
.materialBank-sech-inpu input{padding:0px 8px 0px 3px;width:100%;;height:100%;}
.materialBank-sech-inpu ul{
    width:160px;background-color:#fff;position:absolute;left:-2px;top:32px;
    padding:15px 0px;box-shadow:0px 0px 8px #999;border-radius:0px 0px 6px 6px;z-index:100;display:none;}
.materialBank-sech-inpu div:hover ul{display:block;}
.materialBank-sech-inpu ul li{cursor:pointer;height:30px;line-height:30px;width:100%;font-size:14px;}
.materialBank-sech-inpu ul li a{display:inline-block;color:#444;padding:0px 10px;width:100%;}
.materialBank-sech-inpu ul li:hover{background-color:#e6efe0;}
.materialBank-sech-inpu ul li a img{margin-left:5px;width:22px;}
.materialBank-sech-inpu p{background-color:#7cbfeb;width:70px;height:34px;text-align:center;line-height:32px;color:#fff;cursor:pointer;float:left;border-radius:0px 4px 4px 0px;}
.materialBank-sech-inpu i{margin-right:5px;}
.materialBank-sech-inpu p:hover{opacity:0.9;}
/*颜色*/
.materialBank-sech-color{float:right;height:24px;margin-top:5px;text-align:center;line-height:24px;}
.materialBank-sech-color a{float:left;height:24px;width:24px;margin-left:8px;border-radius:2px;box-shadow:0px 0px 3px #ddd;cursor:pointer;}
.materialBank-sech-color a:hover{box-shadow:0px 0px 6px #999;}
.materialBank-sech-color .a1{color:#666;}
.materialBank-sech-color .a2{color:#fff;}
.materialBank-sech-color a img{width:100%;height:100%;border-radius:2px;vertical-align:middle;}
.materialBank-sech-color a i{font-size:14px;display:none;}
.materialBank-sech-color .add i{display:inline-block;}
/* ------------------------- 素材库分页 ------------------------- */
#materialBank-page{text-align:center;margin:10px 0px;}
#materialBank-page ul{text-align:center;font-size:0px;}
#materialBank-page ul li{border:1px solid #E3E3E3;display:inline-block;vertical-align:middle;height:26px;line-height:24px;font-size:12px;margin:0 2px;background-color:#fff;border-radius:2px;}
#materialBank-page ul li a{padding:0px 10px;display:inline-block;}
#materialBank-page ul li a:hover{background-color:#f5f5f5;}
#materialBank-page ul li span{display:inline-block;padding:0px 10px;}
#materialBank-page ul li input{padding:0px 10px;width:40px;}
#materialBank-page ul li.search{padding:0px 5px;width: 36px;cursor:pointer;}
#materialBank-page ul .active{background-color:#7cbfeb;color:#fff;border-radius:2px;}
#materialBank-page ul .disabled{color:#aaa;cursor:not-allowed;}
/* ------------------------- 详情页 ------------------------- */
/*分享*/
.materialBankinfo-share{padding:0px 20px;}
/*内容部分*/
.materialBankinfo-show{padding:15px;width:510px;margin:20px auto;border:1px #eee solid;}
.materialBankinfo-show-img{text-align:center;max-width:100%;width:auto;}
/*颜色展示*/
.materialBankinfo-color{width:470px;margin:20px auto;}
.materialBankinfo-color-name{height:30px;line-height:30px;font-size:16px;color:#666;}
.materialBankinfo-color-img{border:1px #eee solid;padding:10px;margin-top:10px;}
.materialBankinfo-color-img img{width:100%;}
.materialBankinfo-color-list{font-size:0px;margin-top:15px;}
.materialBankinfo-color-list p{width:28px;height:28px;display:inline-block;margin:0px 3px 6px;border-radius:2px;cursor:pointer;position:relative;font-size:12px;color:#333;}
.materialBankinfo-color-list span{position:absolute;background-color:#fff;z-index:10;width:72px;height:24px;line-height:24px;
    padding-left:10px;top:-32px;border-radius:2px;box-shadow:0px 0px 10px #aaa;opacity:0.94;display:none;left:0px;}
.materialBankinfo-color-list b{position:absolute;bottom:-6px;left:7px;z-index:4;border-style:solid;border-width:6px 6px 0px 6px;border-color:#fff transparent transparent transparent;}
.materialBankinfo-color-list p:hover span{display:block;}
.materialBankinfo-color-list p:nth-child(14n+1){margin:0px 3px 6px 0px;}
.materialBankinfo-color-list p:nth-child(14n){margin:0px 0px 6px 3px;}
/*标签*/
.materialBankinfo-tags{padding:0px 20px;}
.materialBankinfo-tags-p1{height:1px;background-color:#eee;width:100%;margin:0 auto;}
.materialBankinfo-tags-p2{font-size:0px;line-height:24px;margin-top:10px;}
.materialBankinfo-tags-p2 a,.materialinfo-tags-p2 span{
    margin:0px 4px 8px;background-color:#f5f5f5;height:26px;padding:0px 10px;border-radius:2px;border:1px solid #eee;
    color:#828d95;font-size:13px;display:inline-block;vertical-align:middle;cursor:pointer;}
.materialBankinfo-tags-p2 a:hover,.materialinfo-tags-p2 span:hover{background-color:#7cbfeb;color:#fff;}
/*操作*/
.materialBankinfo-handle{width:100%;margin-top:20px;height:24px;line-height:24px;color:#828d95;padding:0px 20px;}
.materialBankinfo-handle span{float:right;}
.materialBankinfo-handle .sp0{color:#ff9600;font-size:15px;margin-left:15px;}
.materialBankinfo-handle .sp1{margin-left:15px;}
.materialBankinfo-handle .sp1 i{font-size:18px;position:relative;top:1px;}
.materialBankinfo-handle .sp2{margin-left:15px;color:#ff9600;cursor:pointer;}
.materialBankinfo-handle .sp2 i{font-size:18px;}
.materialBankinfo-handle .sp3{margin-left:15px;cursor:pointer;}
.materialBankinfo-handle .sp3:hover{color:#ff9600;}
.materialBankinfo-handle .sp3 i{font-size:18px;}
.materialBankinfo-handle .sp4{margin-left:15px;}
.materialBankinfo-handle .sp4 i{font-size:15px;}
/*标题*/
.materialBankinfo-title{height:33px;color:#fff;border-bottom:1px solid #8bbf9f;margin:40px 20px 0px;font-size:18px;letter-spacing:2px;line-height:34px;}
.materialBankinfo-title p{background-color:#8bbf9f;display:inline-block;vertical-align:bottom;padding:0px 20px;border-radius:8px 8px 0px 0px;font-weight:bold;}
/*推荐内容*/
.materialBankinfo-Sc{font-size:0px;margin-top:10px;padding:20px 15px;min-height:500px;}
.materialBankinfo-Sc ul{width:25%;display:inline-block;padding:0px 10px;vertical-align:top;}
.materialBankinfo-Mo{font-size:0px;margin-top:10px;padding:20px 10px;min-height:500px;}
.materialBankinfo-Bq{font-size:0px;margin-top:10px;padding:20px 10px;min-height:500px;}
.materialBankinfo-Bq ul{width:25%;display:inline-block;padding:0px 10px;vertical-align:top;}
.materialBankinfo-Co{font-size:0px;margin-top:10px;padding:20px 10px;min-height:500px;}
.materialBankinfo-Co ul{width:25%;display:inline-block;padding:0px 10px;vertical-align:top;}


/* ------------------------- 其他 ------------------------- */
/*回到顶部*/
.return-top{
    position:fixed;
    bottom:20px;
    left:50%;
    margin-left:740px;
    text-align:center;font-size:30px;color:#fff;line-height:44px;width:44px;height:44px;cursor:pointer;background-color:#7cbfeb;border-radius:5px;box-shadow:0px 3px 7px 0px rgba(0, 0, 0, 0.35);display:none;}
.return-top:hover{opacity: 0.8;}
/*基础布局样式用到的*/
.material-list-cont .buju001{height:50px;outline: 2px solid rgba(255,150,0,0.4);outline-offset: -3px;}



/* ------------------------- 素材 ------------------------- */
/*一级分类*/
.material-nav1{padding:0px 20px;margin-top:25px;font-size:0px;height:34px;position:relative;}
.material-nav1-li{display:inline-block;vertical-align:middle;margin-right:25px;cursor:pointer;}
.material-nav1-li a{display:inline-block;padding:0px 15px;line-height:30px;letter-spacing:1px;font-size:14px;color:#333;border-bottom:4px solid rgba(0,0,0,0);}
.material-nav1-li a:hover{color:#7cbfeb;}
.material-nav1 .add a{border-color:#7cbfeb;color:#7cbfeb;background-color:#fff;}
/*二级分类*/
.material-nav2{margin-top:20px;padding:0px 20px;}
.material-nav2-li{overflow:hidden;position:relative;}
.material-nav2-main{overflow:hidden;margin-bottom:10px;}
.material-nav2-tit,.material-nav2-cont,.material-nav2-list{font-size:14px;float:left;}
.material-nav2-tit{width:60px;text-align:right;font-weight:bold;color:#333;height:28px;line-height:28px;}
.material-nav2-cont{width: calc(100% - 60px);color:#666;}
.material-nav2-list{height:28px;padding:0px 10px;border:1px solid #fff;line-height:26px;cursor:pointer;margin:0px 5px 5px  0px;border-radius:4px;}
.material-nav2-list:hover{background-color:#f5f5f5;}
.material-nav2 .add{color:#7cbfeb;border-color:#7cbfeb;background-color:#fff;}
/*素材列表*/
.material-main{font-size:0px;margin-top:10px;padding:20px 15px;min-height:500px;}
.material-main ul{width:25%;display:inline-block;padding:0px 10px;vertical-align:top;}
.material-list{background-color:#f5f5f5;margin-bottom:20px;border-radius:2px;font-size:14px;box-shadow: 0px 0px 2px #bbb;padding:1px 1px 6px;}
.material-list{animation:myfirst 1s;-moz-animation:myfirst 1s;-webkit-animation:myfirst 1s;-o-animation:myfirst 1s;
    -webkit-transition: box-shadow 0.3s;-moz-transition: box-shadow 0.3s;-o-transition: box-shadow 0.3s;transition: box-shadow 0.3s;
}
.material-list:hover{box-shadow:0px 0px 15px #999;}
@keyframes myfirst{ from {opacity:0;} to {opacity:1;} }
@-moz-keyframes myfirst{ from {opacity:0;} to {opacity:1;} }
@-webkit-keyframes myfirst{ from {opacity:0;} to {opacity:1;} }
@-o-keyframes myfirst{ from {opacity:0;} to {opacity:1;} }
.material-list-cont{width:100%;padding:10px 5px;background-color:#fff;}
.material-list-tags{overflow:hidden;padding:6px 4px 0px;font-size:12px;color: #828d95;height:64px;line-height:22px;}
.material-list-tags a{float:left;margin:2px;background-color:#fff;height:24px;padding:0px 8px;border-radius:2px;border:1px solid #eee;color:inherit;}
.material-list-tags a:hover{background-color:#7cbfeb;color:#fff;}
.material-list-btn{height:24px;line-height:24px;margin-top:6px;padding:0px 8px;color:#828d95;font-size:12px;}
.material-list-p1{float:left;}
.material-list-p2,.material-list-p3,.material-list-p4,.material-list-p5,.material-list-p6,.material-list-p7{float:right}
.material-list-p2{color:#ff9600;font-size:16px;margin-left:10px;}
.material-list-p3{color:#ff9600;margin-left:10px;cursor:pointer;}
.material-list-p3 i{margin-right:3px;font-size:16px;}
.material-list-p4{margin-left:10px;cursor:pointer;}
.material-list-p4 i{margin-right:3px;font-size:16px;}
.material-list-p5{margin-left:10px;}
.material-list-p5 i{margin-right:3px;font-size:16px;}
.material-list-p6{margin-left:10px;}
.material-list-p6 i{font-size: 15px;margin-right:2px;position:relative;top:1px;}
.material-list-p7{}
.material-list-p7 i{margin-right:3px;font-size:13px;}



/* ------------------------- 全文模板 ------------------------- */
/*模板列表*/
.Template-main{font-size:0px;margin-top:10px;padding:20px 10px;min-height:500px;}
.Template-list{width:25%;display:inline-block;padding:0px 10px;vertical-align:top;}
.Template-list{animation:Molist 0.5s;-moz-animation:Molist 0.5s;-webkit-animation:Molist 0.5s;-o-animation:Molist 0.5s;}
@keyframes Molist{ from {opacity:0;} to {opacity:1;} }
@-moz-keyframes Molist{ from {opacity:0;} to {opacity:1;} }
@-webkit-keyframes Molist{ from {opacity:0;} to {opacity:1;} }
@-o-keyframes Molist{ from {opacity:0;} to {opacity:1;} }
.Template-list a{display:inline-block;}
.Template-list-main{background-color:#f5f5f5;margin-bottom:20px;border-radius:2px;font-size:14px;box-shadow: 0px 0px 3px #ccc;padding:1px 1px 6px;}
.Template-list-main{-webkit-transition: box-shadow 0.3s;-moz-transition: box-shadow 0.3s;-o-transition: box-shadow 0.3s;transition: box-shadow 0.3s;}
.Template-list-main:hover{box-shadow:0px 0px 15px #999;}
/*封面图*/
.Template-list-p1{padding:15px;background-color:#fff;}
.Template-list-p1 img{height:365px;width: 100%;}
/*标签*/
.Template-list-p2{overflow:hidden;padding:6px 4px 0px;font-size:12px;color: #828d95;height:64px;line-height:22px;}
.Template-list-p2 a{float:left;margin:2px;background-color:#fff;height:24px;padding:0px 8px;border-radius:2px;border:1px solid #eee;color:inherit;}
.Template-list-p2 a:hover{background-color:#7cbfeb;color:#fff;}
/*底部数据*/
.Template-list-p3{height:24px;line-height:24px;margin-top:6px;padding:0px 8px;color:#828d95;}
.Template-list-sp1{float:left;}
.Template-list-sp2,.Template-list-sp3,.Template-list-sp4,.Template-list-sp5,.Template-list-sp6,.Template-list-sp7{float:right}
.Template-list-sp2{color:#ff9600;font-size:16px;margin-left:10px;}
.Template-list-sp3{color:#ff9600;margin-left:10px;cursor:pointer;}
.Template-list-sp3 i{margin-right:3px;font-size:16px;}
.Template-list-sp4{margin-left:10px;cursor:pointer;}
.Template-list-sp4 i{margin-right:3px;font-size:16px;}
.Template-list-sp5{margin-left:10px;}
.Template-list-sp5 i{font-size: 15px;margin-right:2px;position:relative;top:1px;}
.Template-list-sp6 i{margin-right:3px;font-size:13px;}



/* ------------------------- 表情图库 ------------------------- */
/*一级分类*/
.Brow-nav1{padding:0px 20px;margin-top:25px;font-size:0px;height:34px;position:relative;}
.Brow-nav1-li{display:inline-block;vertical-align:middle;margin-right:25px;cursor:pointer;}
.Brow-nav1-li a{display:inline-block;padding:0px 15px;line-height:30px;letter-spacing:1px;font-size:14px;color:#333;border-bottom:4px solid rgba(0,0,0,0);}
.Brow-nav1-li a:hover{color:#7cbfeb;}
.Brow-nav1 .add a{border-color:#7cbfeb;color:#7cbfeb;background-color:#fff;}
/*更多按钮*/
.Brow-nav1-more{position:absolute;bottom:0px;right:20px;height:30px;background-color:#f0f0f0;color:#7cbfeb;line-height:30px;
    border-radius:3px 3px 0px 0px;padding:0px 10px;cursor:pointer;font-size:14px;}
.Brow-nav1-more:hover{background-color:#e9e9e9;}
/*二级分类*/
.Brow-nav2{margin-top:20px;padding:0px 20px;}
.Brow-nav2-li{overflow:hidden;position:relative;}
.Brow-nav2-main{overflow:hidden;margin-bottom:10px;}
.Brow-nav2-tit,.Brow-nav2-cont,.Brow-nav2-list{font-size:14px;float:left;}
.Brow-nav2-tit{width:114px;text-align:right;font-weight:bold;color:#333;height:28px;line-height:28px;}
.Brow-nav2-cont{width: calc(100% - 114px);color:#666;}
.Brow-nav2-list{height:28px;padding:0px 10px;border:1px solid #fff;line-height:26px;cursor:pointer;margin:0px 5px 5px  0px;border-radius:4px;}
.Brow-nav2-list:hover{background-color:#f5f5f5;}
.Brow-nav2 .add{color:#7cbfeb;border-color:#7cbfeb;background-color:#fff;}
/*表情图列表*/
.Brow-main{font-size:0px;margin-top:10px;padding:20px 10px;min-height:500px;}
.Brow-main ul{width:25%;display:inline-block;padding:0px 10px;vertical-align:top;}
.Brow-list-li{background-color:#f5f5f5;margin-bottom:20px;border-radius:2px;font-size:14px;box-shadow: 0px 0px 2px #ddd;padding:1px 1px 6px;position:relative;}
.Brow-list-li{
    animation:myfirst 1s;
    -moz-animation:myfirst 1s;
    -webkit-animation:myfirst 1s;
    -o-animation:myfirst 1s;
    -webkit-transition: box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s;
    -o-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
}
@keyframes myfirst{ from {opacity:0;} to {opacity:1;} }
@-moz-keyframes myfirst{ from {opacity:0;} to {opacity:1;} }
@-webkit-keyframes myfirst{ from {opacity:0;} to {opacity:1;} }
@-o-keyframes myfirst{ from {opacity:0;} to {opacity:1;} }
.Brow-list-li:hover{box-shadow:0px 0px 15px #ccc;}
/*图片*/
.Brow-list-p1{background-color:#fff;text-align:center;}
.Brow-list-p1 a{display:inline-block;width:100%;padding:10px;}
.Brow-list-p1 img{width:auto;max-width:100%;}
/*标签*/
.Brow-list-p2{overflow:hidden;padding:6px 4px 0px;font-size:12px;color: #828d95;line-height:22px;}
.Brow-list-p2 a{float:left;margin:2px;background-color:#fff;height:24px;padding:0px 8px;border-radius:2px;border:1px solid #eee;color:inherit;}
.Brow-list-p2 a:hover{background-color:#7cbfeb;color:#fff;}
/*底部数据*/
.Brow-list-p3{height:20px;line-height:20px;color:#aaa;font-size:12px;padding:0px 8px;margin-top:5px;}
.Brow-list-p3 .sp1{float:left;}
.Brow-list-p3 .sp2{float:right;}
/*操作*/
.Brow-list-p4{
    -webkit-transition:height 0.2s;
    -moz-transition:height 0.2s;
    -o-transition:height 0.2s;
    transition:height 0.2s;
    background-color:rgba(0,0,0,0.1);
    position:absolute;
    height:0px;
    width:100%;
    top:4px;
    left:0px;
    font-size:12px;
    line-height:24px;
    color:#999;
    overflow:hidden;}
.Brow-list-li:hover .Brow-list-p4{height:34px;}
.Brow-list-p4 span{border-radius:3px;padding:0px 5px;background-color: #fff;cursor:pointer;margin:5px 5px 0px;}
.Brow-list-p4 span i{margin-right:3px;}
.Brow-list-p4 .sp1{float:left;}
.Brow-list-p4 .sp1:hover{color:#ff9600;}
.Brow-list-p4 .sp1 i{font-size:14px;}
.Brow-list-p4 .sp2{color:#ff9600;float:left;}
.Brow-list-p4 .sp3{float:right;}



/* ------------------------- 配色方案 ------------------------- */
.Blendent-main{font-size:0px;margin-top:10px;padding:20px 10px;min-height:500px;}
.Blendent-main ul{width:25%;display:inline-block;padding:0px 10px;vertical-align:top;}
.Blendent-list-li{background-color:#f5f5f5;margin-bottom:20px;border-radius:2px;font-size:14px;box-shadow: 0px 0px 3px #ddd;padding:1px 1px 6px;position:relative;}
.Blendent-list-li{
    animation:myfirst 1s;
    -moz-animation:myfirst 1s;
    -webkit-animation:myfirst 1s;
    -o-animation:myfirst 1s;
    -webkit-transition: box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s;
    -o-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
}
@keyframes myfirst{ from {opacity:0;} to {opacity:1;} }
@-moz-keyframes myfirst{ from {opacity:0;} to {opacity:1;} }
@-webkit-keyframes myfirst{ from {opacity:0;} to {opacity:1;} }
@-o-keyframes myfirst{ from {opacity:0;} to {opacity:1;} }
.Blendent-list-li:hover{box-shadow:0px 0px 15px #ccc;}
/*名称*/
.Blendent-list-name{background-color:#fff;padding:5px 10px;line-height:20px;}
.Blendent-list-name i{margin-left:10px;color:#ff9600;}
/*颜色图片*/
.Blendent-list-img{background-color:#fff;}
.Blendent-list-img a{display:inline-block;width:100%;padding:0px 2px;}
.Blendent-list-img img{width:100%;vertical-align:middle;}
/*颜色列表*/
.Blendent-list-color{background-color:#fff;font-size:0px;padding:6px 0px 0px 6px;}
.Blendent-list-color p{width:26px;height:26px;display:inline-block;margin:0px 3px 6px;border-radius:2px;cursor:pointer;position:relative;font-size:12px;color:#333;}
.Blendent-list-color span{position:absolute;background-color:#fff;z-index:10;width:72px;height:24px;line-height:24px;
    padding-left:10px;top:-32px;border-radius:2px;box-shadow:0px 0px 10px #aaa;opacity:0.94;display:none;left:0px;}
.Blendent-list-color b{position:absolute;bottom:-6px;left:7px;z-index:4;border-style:solid;border-width:6px 6px 0px 6px;border-color:#fff transparent transparent transparent;}
.Blendent-list-color p:hover span{display:block;}
/*标签*/
.Blendent-list-tags{overflow:hidden;padding:6px 4px 0px;font-size:12px;color: #828d95;line-height:22px;}
.Blendent-list-tags a{float:left;margin:2px;background-color:#fff;height:24px;padding:0px 8px;border-radius:2px;border:1px solid #eee;color:inherit;}
.Blendent-list-tags a:hover{background-color:#7cbfeb;color:#fff;}
.Blendent-list-tags span{float:left;margin:2px;background-color:#fff;height:24px;padding:0px 8px;border-radius:2px;border:1px solid #eee;color:inherit;cursor:pointer;}
.Blendent-list-tags span:hover{background-color:#7cbfeb;color:#fff;}
/*底部数据*/
.Blendent-list-btn{height:24px;line-height:24px;margin-top:6px;padding:0px 8px;color:#828d95;font-size:12px;}
.Blendent-list-btn p{float:left;}
.Blendent-list-p1{margin-right:10px;}
.Blendent-list-p1 i{margin-right: 3px;font-size: 13px;}
.Blendent-list-p2{margin-right:10px;}
.Blendent-list-p2 i{margin-right: 3px;font-size: 16px;}
.Blendent-list-p3{margin-right:10px;cursor:pointer;}
.Blendent-list-p3:hover{color:#ff9600;}
.Blendent-list-p3 i{margin-right: 3px;font-size: 16px;}
.Blendent-list-p4{margin-right:10px;color:#ff9600;cursor:pointer;}
.Blendent-list-p4 i{margin-right: 3px;font-size: 16px;}




/*layui修改分页*/
.layui-laypage{margin: 7px 0;}
.layui-laypage a,.layui-laypage span{margin:0px 2px;padding:0 10px;height:26px;line-height:26px;box-sizing:border-box;}
.layui-laypage span{height:24px;}
.layui-laypage a{border:1px solid #E3E3E3;}
.layui-laypage span{border:none;}
.layui-laypage .layui-laypage-spr{border:none;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#22a351;}
.layui-laypage a:hover{color:#22a351;}
.layui-laypage a .layui-icon{font-size:12px;}
.layui-laydate-content td.laydate-selected{color: #fff !important;background-color: #22a351 !important;}
.layui-laypage .layui-laypage-skip{height: 26px;line-height: 26px;}
.layui-laypage button, .layui-laypage input{height: 26px;line-height: 26px;}
.layui-laypage input:focus, .layui-laypage select:focus {border-color: #22a351!important;}
.layui-laypage button:hover{color: #22a351!important;}


.sytle-search {
    height: 54px;
    margin: 0 auto;
    background-color: #fff;
    margin-top: 30px;
    padding: 0px 20px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}

.sytle-search .search-sort {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}
.sytle-search .search-input {
    height: 32px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    position: relative;
}
.sytle-search .search-sort h4 {
    font-weight: normal;
}

.sytle-search .search-sort ul {
    border-radius: 3px;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    margin-left: 17px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}


.sytle-search .search-sort ul li {
    width: 72px;
    color: #547381;
    background: #f3f6f9;
    cursor: pointer;
    transition: all .2s;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
.sytle-search .search-input {
    height: 32px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    position: relative;
}
.sytle-search .search-input i {
    position: absolute;
    left: 16px;
    color: #909399;
    top: 4px;
}
.sytle-search .search-input input {
    border: 1px solid #eee;
    border-radius: 30px 0px 0px 30px;
    border-right: 0px;
    outline: none;
    font-size: 14px;
    box-sizing: border-box;
    padding-left: 40px;
    width: 190px;
    color: #547381;
}
.sytle-search .search-input button {
    width: 70px;
    background-color: #4ea2f5;
    color: #fff;
    border-radius: 0px 30px 30px 0px;
    border: none;
    outline: none;
    font-size: 13px;
    transition: all .2s;
}

.sytle-search .search-sort ul li.active, .sytle-search .search-sort ul li:hover {
    background: #4ea2f5;
    color: #fff;
}