@charset "utf-8";
html,body {margin: 0;padding: 0;font-family:"microsoft yahei";background: #f4f4f4}
a {text-decoration: none;cursor: pointer;}
.header {width: 100%;height: 70px;padding: 10px 20px;box-sizing: border-box;display: flex;justify-content: space-between;position: fixed;z-index: 5 !important;border-bottom: 1px solid #f2f2f2;background: #FFFFFF;top: 0;left: 0;}
.logomenu {    float: left;position: relative;width: 146px;height: 60px;margin-top: 5px;}
.logo {margin-right: 72px;width: 177px;height: 48px;}
.header .nav{float: left;margin-left: 58px;}
.header .nav ul {display: flex;padding: 0;margin: 0;list-style: none;}
.header .nav li a {height: 50px;line-height: 40px;font-size: 15px;color: #333333;padding: 5px 17px;box-sizing: border-box;display: block;}
.header .nav li a:hover {color: #3b81fa;}
.header .nav li .menu_active {color: #3b81fa !important;}
.header .nav li .menu_active_line {background: #2353f5;width: 30px;height: 3px;position: relative;margin: -5px auto 0 auto;}
.flex {display: flex;}
.f12 {font-size: 12px;}
.f14 {font-size: 14px !important;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f28 {font-size: 28px;}
.c333 {color: #333333 !important;}
.header .search {display: flex;width: 395px;height: 38px;line-height: 38px;   position: relative!important;top: 5px!important;right: -25px!important;float:left;}
.header .search_inp {width: 300px;height: 38px;line-height: 38px;background: #f3f3f3;outline: none;border-radius: 19px 0 0 19px;padding: 8px 0 8px 15px;box-sizing: border-box;border: 1px solid #f3f3f3;}
.header .search_inp::-ms-input-placeholder {font-size: 14px;color: #999999;}
.header .search_inp::-moz-placeholder {font-size: 14px;color: #999999;}
.header .search_inp::-webkit-input-placeholder {font-size: 14px;color: #999999;}
.header .search_btn {cursor: pointer;background: #2353f5;width: 96px;height: 38px;line-height: 38px;text-align: center;color: #ffffff;border-radius: 0 19px 19px 0;outline: none;border: 1px solid #2353f5;}
.header .search_btn:hover{background: #4a73ff;border: 1px solid #4a73ff;}
.header .search_btn img {margin-right: 0px;position: relative;top: -2px;}
.header .search_btn_f {position: relative;top: 0px;}
.header .login {float:right;display: flex;width:170px;margin-top: 6px;}
.header .login .btn_login {padding: 0px 10px;height: 40px;line-height: 40px;box-sizing: border-box;border: 1px solid #2477e8;color: #2477e8;font-size: 14px;text-align: center;border-radius: 4px;margin-right: 10px;cursor: pointer;width:90px;}
.header .login .btn_register {padding: 0px 10px;height: 40px;line-height: 40px;box-sizing: border-box;border: 1px solid #c1c1c1;color: #999999;font-size: 14px;text-align: center;border-radius: 4px;cursor: pointer;width:80px;}
.classify {background: #F4F4F4;position: relative;top: 70px;height: calc(100% - 70px);overflow: auto;z-index: 4 !important;}

.classify .layui-tab-brief>.layui-tab-title .layui-this {color: #3b81fa;}
.classify .layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after {border: none;border-radius: 0;border-bottom: 2px solid #FFFFFF;}
.classify .layui-tab {margin: 0px;text-align: left !important;    background: #f4f4f4;}
.classify .layui-tab .layui-tab-title {border-bottom: none; position: relative;left: 0;height: 60px;padding: 10px 0;box-sizing: border-box;white-space: nowrap;transition: all .2s;-webkit-transition: all .2s;}
.classify .layui-tab-brief .layui-tab-title {display: flex;justify-content: center;box-shadow: 0 2px 6px rgba(0, 0, 0, .1) !important;background: #ffffff;}
.classify .layui-tab-title li .iconfont {font-size: 1.25rem;margin-right: 0.4rem;}
.classify .layui-tab-title li .icon-pengyouquan {font-size: 1.5rem !important;}
.classify .layui-tab-content {height: auto;width: 1200px;max-width: 1200px;/* border: 1px solid red; */margin: 30px auto;background: #f4f4f4;padding: 0 !important;}
/*svg部分*/
.top-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    left: 0;
    width: 100%;
    height: 60px;
    margin-top: 70px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.05);
    box-shadow: 0 3px 6px rgba(0,0,0,.05);
}
.top-nav .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    height: 100%;
    font-size: 14px;
}
.top-nav .nav .nav-item {
    position: relative;
    height: 100%;
    line-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: #333;
    margin-right: 60px;
    white-space: nowrap;
}
.top-nav .nav .nav-item .icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 4px;
    line-height: 20px;
}
.top-nav .nav-item .svg-icon {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    height: 100%;
    fill: #444;
}.top-nav .nav .nav-item.active {
     color: #f73;
 }
.banner {width: 1200px;max-width: 1200px;height: 340px;position: relative;margin-bottom: 50px;}
/* bannner轮播的样式 start*/
.banner .slideBox {width: 1200px;height: 340px;overflow: hidden;position: relative}
.banner .slideBox .hd {width: 100%;position: absolute;bottom: -30px;z-index: 1}
.banner .slideBox .hd ul {text-align: center;margin: 0;padding: 0;}
.banner .slideBox .hd ul li {width: 20px;height: 36px;margin: 0 3px;display: inline-block;position: relative}
.banner .slideBox .hd ul li .dot {width: 20px;height: 4px;background-color: hsla(0, 0%, 60%, .4)}
.banner .slideBox .hd ul li span {display: none;color: #fff;position: absolute;width: 100%;font-size: 14px;left: 0;top: 0;line-height: 36px;cursor: pointer}
.banner .slideBox .hd ul li.on .liner {width: 20px;height: 4px;animation: liner 2.5s;position: absolute;top: 0;left: 0;background: linear-gradient(90deg, #ffffff, #ffffff)}
.banner .slideBox .hd ul li:hover .dot {display: block}
@keyframes liner {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}
.banner .slideBox .bd {width: 1200px;position: relative;height: 340px;overflow: hidden}
.banner .slideBox .bd ul li {text-align: center}
.banner .slideBox .bd ul li a img {width: 100%;height: 340px;}
.banner .slideBox .prev {display: none;position: absolute;left: 2%;top: 50%;margin-top: -25px;width: 29px;height: 52px;background: url(../img/left_array.png) no-repeat;background-size: cover}
.banner .slideBox .next {display: none;position: absolute;right: 2%;top: 50%;margin-top: -25px;width: 29px;height: 52px;background: url(../img/right_array.png) no-repeat;background-size: cover}
.banner .slideBox .prev:hover{display: block}
.banner .slideBox .next:hover{display: block}
.banner .slideBox .bd:hover~.prev {display: block}
.banner .slideBox .bd:hover~.next {display: block}
.banner .slideBox .bd li.active {animation-name: ai-big-out;animation-duration: .3s;animation-timing-function: ease;animation-fill-mode: forwards}
@keyframes ai-big-out {
    0% {
        z-index: 3;
        transform: scale(1.1);
        opacity: 1
    }
    50% {
        transform: scale(1.2);
        opacity: .5
    }
    to {
        transform: scale(1.3);
        opacity: 1
    }
}
/* bannner轮播的样式 end！ */
/* 推荐主题部分 */
.title {font-size: 24px;font-weight: 600;display: flex;justify-content: space-between;margin-bottom:0px;line-height: 25px}
.more{font-size: 14px;color: #333333;font-style: normal;font-weight: normal!important;position: relative;top: 5px;}
.template_across{display: flex;justify-content: space-between;}
.across_item{
    position: relative;
    width: 285px;
    border-radius: 4px;
    cursor: pointer;
    z-index: 0;}
.across_item img{
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .08);
    vertical-align: middle;
    -webkit-transition: opacity 1s;
    transition: opacity 1s}
.across_item:hover .across_item img {
    -webkit-box-shadow: none;
    box-shadow: none
}
.across_item::after{
    content: "";
    position: absolute;
    top: -12px;
    left: -12px;
    right: -12px;
    bottom: -16px;
    background: #fff;
    z-index: -1;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .4);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .4);
    opacity: 0;
    -webkit-transform: scale(.85, .85);
    transform: scale(.85, .85);
    -webkit-transition: opacity 150ms linear 0s, -webkit-transform 150ms linear 0s;
    transition: opacity 150ms linear 0s, -webkit-transform 150ms linear 0s;
    transition: opacity 150ms linear 0s, transform 150ms linear 0s;
    transition: opacity 150ms linear 0s, transform 150ms linear 0s, -webkit-transform 150ms linear 0s
}
.across_item:hover::after{
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
}
.bottom_cover {width: 100%;height: 30px;line-height: 30px;background: rgba(0, 0, 0, 0.6);color: #FFFFFF;text-align: center;font-size: 14px;}
.cover_font {position: relative;width: 80%;margin: 0 auto; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;box-sizing: border-box;}
.flex_sb {display: flex;justify-content: space-between;}
.mar_b50 {margin-bottom: 1.875rem;}
/* 公众号首图部分 */
.mar_b50 .layui-tab .flex_sb .layui-tab-title{box-shadow: none!important;}
.mar_b50 .layui-tab .flex_sb .layui-tab-title li {padding: 0 5px !important;height: 30px;line-height:30px!important;box-sizing: border-box;color: #999;}
.mar_b50 .layui-tab .flex_sb .layui-tab-title li span{color: #999;margin-left: 8px;}
.mar_b50 .layui-tab-title .layui-this:after {position: absolute;left: 0;top: 0;content: '';width: 100%;height:30px;line-height: 30px;border-width: 1px;border-style: none;border-bottom-color: #fff;border-radius: 2px 2px 0 0;box-sizing: border-box;pointer-events: none;}
.mar_b50 .layui-tab .flex_sb .layui-tab-title .layui-this{color: #2b59f5 !important;}
.mar_b50 .layui-tab .flex_sb .layui-tab-title .layui-tab-title li span{margin-left: 8px;color: #999;}
.mar_b50 .layui-tab-content{margin: 0 auto!important;}
.mar_b50 .layui-tab .flex_sb .flex_sb .more{line-height: 60px;margin-left: 30px;}
.gzhst_f {font-size: 24px;font-weight: 600;color: #000000;}
.gzhst_right {display: flex;}
.layui-breadcrumb{visibility: visible!important;}
.gzhst_content {height: auto;width: 1200px;margin: 20px auto 0 auto;box-sizing: border-box;border: none;}
.template_cross_preview {display: flex;flex-wrap: wrap;padding: 0;}
.cross_preview_item {margin-right: 22px;height: auto;margin-bottom: 10px;cursor: pointer;position: relative;z-index: 0;}
.cross_preview_item::after{
    content: "";
    position: absolute;
    top: -12px;
    left: -12px;
    right: -12px;
    bottom: -16px;
    background: #fff;
    z-index: -1;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .4);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .4);
    opacity: 0;
    -webkit-transform: scale(.85, .85);
    transform: scale(.85, .85);
    -webkit-transition: opacity 150ms linear 0s, -webkit-transform 150ms linear 0s;
    transition: opacity 150ms linear 0s, -webkit-transform 150ms linear 0s;
    transition: opacity 150ms linear 0s, transform 150ms linear 0s;
    transition: opacity 150ms linear 0s, transform 150ms linear 0s, -webkit-transform 150ms linear 0s
}
.cross_preview_item:hover::after{
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
}
.itemimg {width: 100%;height: auto;overflow: hidden;position: relative;border-radius: 4px;}
.itemimg_cover {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;}
.cross_preview_item:hover .itemimg_cover {display: block;}
.cross_preview_item:nth-child(4n) {margin-right: 0px !important;}
.item_img{

    height: auto;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .08);
    vertical-align: middle;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}
.cross_preview_item .item_width{width: 283.5px;}
.item_width a,.item_til{font-size: 14px;color: #333333;text-align: center;display: block;width: 95%;margin: 15px auto 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cross_preview_item:hover .item_til {color: #3b81fa;}
.cover_preview {width: 3.75rem;height: 1.75rem;line-height: 1.75rem;text-align: center;border-radius: 4px;font-size: 0.875rem;background: #fff;margin-right: 10px;}
.cover_collect {width: 1.75rem;height: 1.75rem;background: #fff;line-height: 1.75rem;border-radius: 4px;/*2019-11-18 10:09:50 zyn*/display: flex;justify-content: center;align-items: center;}
.cover_upright {display: flex;justify-content: flex-end;padding: 0.625rem;}
.cover_lowleft {position: absolute;bottom: 10px;left: 10px;width: 120px;height: 34px;line-height: 34px;border-radius: 20px;background: rgba(0, 0, 0, 0.6);color: #fff;font-size: 0.875rem;text-align: center;}
.cover_lowleft img {margin-right: 0.3125rem;}
.cover_lowleft:hover {color: #fff;}
.gzhst_more {line-height: 31px;}


/*手机海报*/
.phoneposters {display: flex;flex-wrap: wrap;}
.phoneposters_item{margin-right: 20px;margin-bottom: 10px;position: relative;z-index:0;cursor: pointer;}
.phoneposters_item::after{
    content: "";
    position: absolute;
    top: -12px;
    left: -12px;
    right: -12px;
    bottom: -16px;
    background: #fff;
    z-index: -1;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .4);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .4);
    opacity: 0;
    -webkit-transform: scale(.85, .85);
    transform: scale(.85, .85);
    -webkit-transition: opacity 150ms linear 0s, -webkit-transform 150ms linear 0s;
    transition: opacity 150ms linear 0s, -webkit-transform 150ms linear 0s;
    transition: opacity 150ms linear 0s, transform 150ms linear 0s;
    transition: opacity 150ms linear 0s, transform 150ms linear 0s, -webkit-transform 150ms linear 0s
}
.phoneposters_item:hover::after{
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
}
.phoneposters_item:nth-child(5n) {margin-right: 0 !important;}
.phoneposters_itemimg{width: 224px;height: 398px;overflow: hidden;position: relative;}
.phone_postersimg{
    width: 224px;
    height: 398px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .08);
    vertical-align: middle;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}
.isphoneposters {position: absolute;top: 10px;right: 10px;width: 28px;height: 28px;line-height: 28px;text-align: center;background: #fff;border-radius: 4px;visibility: hidden; z-index: 999;/*2019-11-18 zyn*/display: flex;justify-content: center;align-items: center;}
.phoneposters_item:hover .isphoneposters {visibility:visible;}

.phoneposters_item:hover .item_til{color: #333;}
/* 公众号次图 */
.gzhct_list {display: flex;flex-wrap: wrap;}
.gzhct_list_item {width: 183.33px;height: auto;margin-right: 20px;margin-bottom: 20px;position: relative;z-index: 0;cursor: pointer;}
.gzhct_list_item:nth-child(6n) {margin-right: 0 !important;}
.gzhct_list_item::after{
    content: "";
    position: absolute;
    top: -12px;
    left: -12px;
    right: -12px;
    bottom: -16px;
    background: #fff;
    z-index: -1;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .4);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .4);
    opacity: 0;
    -webkit-transform: scale(.85, .85);
    transform: scale(.85, .85);
    -webkit-transition: opacity 150ms linear 0s, -webkit-transform 150ms linear 0s;
    transition: opacity 150ms linear 0s, -webkit-transform 150ms linear 0s;
    transition: opacity 150ms linear 0s, transform 150ms linear 0s;
    transition: opacity 150ms linear 0s, transform 150ms linear 0s, -webkit-transform 150ms linear 0s
}
.gzhct_list_item:hover::after{
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
}
.gzhct_img{
    width: 183.33px;height: 184px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .08);
    vertical-align: middle;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}
.gzhct_list_item_img {width: 183.33px;height: 184px;overflow: hidden;border-radius: 4px;background: palegoldenrod;}
.gzhct_list_item_img_sel {position: absolute;top: 10px;right: 10px;width: 28px;height: 28px;line-height: 28px;text-align: center;background: #fff;border-radius: 4px;/*2019-11-18 zyn*/ visibility:hidden;display: flex;justify-content: center;align-items: center;}
.gzhct_list_item_til{width: 183.33px;}
.gzhct_list_item:hover .gzhct_list_item_img_sel {visibility: visible;}
/* 长图 */
.template_vertical{display: flex;flex-wrap: wrap;}
.vertical_item {margin-right: 20px;margin-bottom: 10px;position: relative;z-index: 0;cursor: pointer;}
.vertical_item:nth-child(5n) {margin-right: 0 !important;}
.vertical_item::after{
    content: "";
    position: absolute;
    top: -12px;
    left: -12px;
    right: -12px;
    bottom: -16px;
    background: #fff;
    z-index: -1;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .4);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .4);
    opacity: 0;
    -webkit-transform: scale(.85, .85);
    transform: scale(.85, .85);
    -webkit-transition: opacity 150ms linear 0s, -webkit-transform 150ms linear 0s;
    transition: opacity 150ms linear 0s, -webkit-transform 150ms linear 0s;
    transition: opacity 150ms linear 0s, transform 150ms linear 0s;
    transition: opacity 150ms linear 0s, transform 150ms linear 0s, -webkit-transform 150ms linear 0s
}
.vertical_item:hover::after{
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
}
.vertical_item_img {position: relative;width: 224px;height: auto;}
.vertical_item_cover{position: relative;}
.vertical_preview{width: 3.75rem;height: 1.75rem;line-height: 1.75rem;text-align: center;border-radius: 4px;font-size: 0.875rem;background: #fff;margin-right: 10px;position:absolute;right:40px;top: 10px;display: none}
.vertical_img{
    width: 224px;
    height: auto;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .08);
    vertical-align: middle;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}
.vertical_collect {position: absolute;top: 10px;right: 10px;width: 28px;height: 28px;line-height: 28px;text-align: center;background: #fff;border-radius: 4px;/*2019-11-18 zyn*/visibility: hidden;display: flex;justify-content: center;align-items: center;}
.vertical_item:hover .vertical_collect {visibility: visible;}
.vertical_item:hover .vertical_preview{display: block}
.vertical_item .item_til:hover {color: #333;}
.vertical_item .item_width{width: 224px}
.preview .layui-layer {border-radius: 6px !important;}

/* 页面顶部用户信息的样式 */
.user {float: right;}
.userinfo {display: none;position: absolute;top: 5px;right: 0;height: 54px;width:54px;}
.mart12 {margin-top: 12px;}
.headImg{       vertical-align: baseline; width: 100%;}
.user_headimg {height: 45px;width: 45px;line-height: 45px;border-radius: 50%;overflow: hidden;cursor: pointer;float: right}
.user_box{position: absolute;top: 55px;left: -238px; width: 298px;height: auto;padding: 25px 25px 10px 25px;box-sizing: border-box;box-shadow: 0 0 6px rgba(0,0,0,0.3);background: #fff;display: none}
.user:hover .user_box {display: block}
.nick,.rank,.to_member,.toperson{display: flex;justify-content: space-between;position: relative;width: 100%;margin-bottom: 16px;}
.nick_name,.rank_point{display: flex;}
.rank_point{width: 83%}
.rank_point div{font-size: 12px;color: #666666;line-height: 16px;}
.sign{font-size: 12px;color: #2477e8;line-height: 16px;cursor: pointer;width: 17%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: right}
.coin_num{width:50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#rank{text-transform: uppercase;}
.rank_rank{width: 110px;display: flex;margin-right: 16px;}
.coins{width: 120px;display: flex}
.name{width: 75px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;color: #333}
.mem_level{display:none;width: 36px;height: 17px;margin-left: 10px; line-height: 17px;text-align: center;background:rgb(183,207,227);font-size: 12px;color: #333;text-transform: uppercase;border-radius:2px}
.exit{cursor: pointer;color: #666;font-size: 12px;}
.exit:hover{color:red;}
.to_member{display: none}
.to_member div:nth-child(1){font-size: 12px;color: #666;}
.dredge{width: 64px;height: 20px;line-height: 20px;text-align: center;background-image: linear-gradient(-135deg, #E2AA62 0%, #FFE0B8 100%);border-radius: 20px;font-size: 12px;cursor: pointer;color: #673416;display: block}
.to_myproduct{width: 112px;height: 24px;border: 1px solid #1593FF;color:#1593FF;font-size: 12px;line-height: 24px;box-sizing: border-box;text-align: center;display: block;border-radius: 4px}
.to_myproduct:hover{background:#1593FF;color: #fff}
.to_amount{width: 112px;height: 24px;border: 1px solid #CCD5DB;color:#666;font-size: 12px;line-height: 24px;box-sizing: border-box;text-align: center;display: block;border-radius: 4px}
.to_amount:hover{border: 1px solid #1593FF;color:#1593FF;}

.user_info {width: 210px;height: auto;margin-left: -155px;margin-top: 10px;border-radius: 4px;box-shadow: 0 0px 0 1px rgba(245, 245, 245, 0.9);background: #fff;display: none;}
.user_head {height: 80px;background: #2353f5;border-radius: 4px 4px 0 0;padding: 18px 0 15px 15px;box-sizing: border-box;display: flex;}
.user_name {height: 45px;padding: 3px 0 0 10px;box-sizing: border-box;font-size: 14px;color: #fff;}
.user_name div {height: 22px;line-height: 22px;}
.user_dm_list {padding: 0;margin: 0;list-style: none;}
.user_dm_list li{padding: 10px 0;text-align: center;background: #FFFFFF;}
.user_dm_list li:hover {background: #f3f3f3;}
.user_dm_list li a span{font-size: 14px;color: #333333;}
.user_dm_list li a img{margin-right: 20px;}
.user_dm_list li a i{font-size: 22px;margin-right: 20px;color: #888;position: relative;top: 3px;}
.marr20 {margin-right: 20px;}
.pr_l5 {position: relative;left: -5px;}
.pr_l7{position: relative;left: -7px;}
.user_exit {margin-top: 5px;border-top: 1px solid #f3f3f3;padding: 12px 0;text-align: center;display: block;}
.user_exit:hover {background: #f3f3f3;}
.user_exit i{font-size: 22px;margin-right: 20px;color: #888;}
/* 页面顶部用户信息的样式end！ */
/* listpage--列表的css--start */
.list_content{margin-bottom: 100px;}
.lh30 {line-height: 30px;}
.marb10 {margin-bottom: 10px;}
.list_classify{display: flex;margin-bottom: 10px;}
.list_active {background: #ecf3ff;color: #2254f4;font-size: 14px;border-radius: 4px;}
.list_active:hover {color: #2254f4;}
.flex_wrap {display: flex;flex-wrap: wrap;position: relative;width: 100%;}
.list_classify:nth-child(1){padding-left: 0!important;}
.label {width: 50px !important;line-height: 30px;}
.r_classify{line-height: 30px;display: flex;flex-wrap: wrap;position: relative;width: 100%;}

.list_nav{line-height: 30px;margin-bottom: 10px;}
.filtrate {margin-bottom: 10px;display: flex;justify-content: space-between;}
.list_classify .r_classify a {display: block;margin-right: 10px;padding: 0px 10px;line-height: 30px;}
.list_classify .r_classify a:hover {color: #2254f4;}
.filtrate_tab{display: flex;line-height: 30px;}
.filtrate_tab div {margin-right: 20px;cursor: pointer;}
.filtrate_tab_active {color: #2254f4;}
.banshi_out {width: 100px;line-height: 30px;text-align: right;cursor: pointer;position: relative;}
.xiala {margin-left: 10px;}
.banshi {width: 90px;height: 120px;margin-left: 10px;border-radius: 4px;box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);padding: 0;margin: 0;position: absolute;left: 10px;display: none;z-index: 999;background: #FFFFFF;}
.banshi li {text-align: center;color: #666;}
.banshi li:hover {color: #2254f4;}
#format:hover .banshi {display: block;}
.page{text-align: center;}
/* listpage--列表的css--end! */
/* 加入会员join_member.html 部分的css */
.j_banner{margin-top: 70px;}
.j_banner img {width: 100%;}
.join_til {margin: 45px auto;font-size: 28px;color: #333333;display: flex;justify-content: center;}
.join_til_l_line {width: 60px;height: 3px;background: #333333;position: relative;top: 19.5px;margin-right: 15px;}
.join_til_r_line{width: 60px;height: 3px;background: #333333;position: relative;top: 19.5px;margin-left: 15px;}
.join_mem{padding: 0 85px;width: 100%;position: relative;box-sizing: border-box;display: flex;justify-content: space-between;}
.join_mem_item{width: 320px;height: 384px;border: 1px solid #e7e6e6;}
.price{font-size: 50px;color: #ff5c5c;}
.j_cont{width: 1200px;max-width: 1200px;/* border: 1px solid red; */margin: 0 auto;}
.join_mem_item_til{height: 70px;line-height: 70px;text-align: center;font-size: 24px;color: #333333;background: #e7e6e6;}
.bg_longvip{background: #f5d091;position: relative;}
.bg_longvip img{position: absolute;top: 0;left: 0;}
.price_out{margin:35px 0 42px 0; text-align: center;font-size: 20px;color: #333333;}
.marb0{margin-bottom: 0!important;}
.price_out1{margin:35px 0 0 0; text-align: center;font-size: 20px;color: #333333;display: flex;justify-content:center;box-sizing: border-box;}
.longvip_oriprice{text-align: center;text-decoration: line-through;font-size: 14px;color: #999;margin-bottom: 22px;}
.hy_ljsy{width: 175px;height: 38px;line-height: 38px;text-align: center;border: 1px solid #653908;border-radius: 4px;color: #653908;font-size: 16px;margin: 0 auto;display: block;}
.hy_ljsy:hover{color: #653908;}
.hy_norf{margin: 15px auto 0 auto;font-size: 16px;color: #666666;text-align: center;display: flex;justify-content: center;width: 54%;}
.hy_norf img{margin-right: 5px; position: relative;top: -2px;width: 16px;height: 16px;}
.wid56{width: 56%!important;overflow: hidden;}
.vip_btn{width: 130px;height: 38px;line-height: 38px;text-align: center;border-radius: 4px;border: 1px solid #653908;font-size: 16px;color: #653908;display: block;}
.vip_btn:hover{color: #653908;}
.wid26{width: 26px;}
.hy_norf_f{position: relative;width: 100%;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hy_buy_lifelong{width: 175px;height: 38px;line-height: 38px;background: #653908;color: #FFFFFF;border-radius: 4px;text-align: center;font-size: 14px;
    display: block;margin: 0 auto;}
.hy_buy_lifelong:hover{color: #FFFFFF;}
.hy_orprice{text-align: center;text-decoration: line-through;font-size: 14px;color: #999;margin-bottom: 22px;}
.hy_buy_out{padding: 0 20px;box-sizing: border-box;display: flex;justify-content: space-between;}
.f_red{color: #ff5c5c!important;}
/* 预览弹窗的css */
.preview_cont{width: 1030px;height: 700px;display: flex;}
.preview_left{width: 700px;height: 700px;padding: 30px 20px!important; box-sizing: border-box;}
.case{width: 100%;height:100%;overflow-y:auto;position: relative;}
.case>img{position:absolute;top: 0;left: 0;right: 0;bottom: 0;max-height: 100%;max-width: 100%;margin: auto}
.preview_right{width: 330px;height: 700px;padding: 30px 20px;box-sizing: border-box;box-shadow:0px 2px 10px rgba(0,0,0,0.2),0px 0px 0px rgba(0,0,0,0),0px 0px 0px rgba(0,0,0,0),0px 0px 0px rgba(0,0,0,0);}
.right_title{font-size: 20px;font-weight: 600;color: #222222;}
.preview_price{display: flex;justify-content: space-between;margin-bottom: 6px}
.selling_price{font-size: 16px;color: #222;line-height: 35px}
.price_number{font-size: 28px;color: #ff5c5c!important; }
.price_font{font-size: 14px;color: #222}
.ztb_notice{position: relative;top: 5px;cursor: pointer;display: block;line-height: 35px}
.ztb_notice img{position: relative;top:2px;}
.marb15{margin-bottom: 15px;}
.c222{color: #222222;}
.lih35{line-height: 35px;}
.ztb_notice{position: relative;top: 5px;cursor: pointer;display: block;}
.ztb_notice img{position: relative;top:2px;}
.ztb_notice_font{font-size: 12px;color: #ff5c5c!important;}
.online_edit{width: 100%;height: 45px;line-height: 45px;text-align: center;background: #2353f5;border-radius: 6px;color: #fff;cursor: pointer;margin-bottom: 15px}
.preview_enshrine{width: 100%;height: 45px;line-height: 45px;text-align: center;border: 1px solid #2353f5;border-radius: 6px;color: #2353f5;cursor: pointer;}
.preview_cutoff{width: 100%;position:relative;height: 1px;background: #e6e6e6;margin: 25px 0;}
.preview_product_info div:nth-child(1){font-size: 18px;color: #222;font-weight: 600}
.preview_product_info div{line-height: 32px;font-size: 14px;color: #333;}
.lih32{line-height: 32px;}
.preview_notice{font-size: 14px;color: #333333;line-height: 25px;height: 140px;overflow-y: hidden;}

/* login.html的css */
.outermost{padding: 0px 50px 26px 50px;box-sizing: border-box;background: #fff;height: 417px;}
.login_tab{line-height: 44px;width: 50%;text-align: center;border-bottom: 1px solid #e3e3e3;margin-bottom: 25px;font-size: 18px;color: #a1a6c1;cursor: pointer;}
.login_tabqr{line-height: 44px;width: 100%;text-align: center;margin-bottom: 25px;font-size: 18px;color: #333;cursor: pointer;}
.isact{border-bottom: 2px solid #3b81fa!important;font-size: 18px;color: #333333;}
.login_inp{width: 100%;height: 50px;line-height: 50px;border: 1px solid #dedddb;border-radius: 6px;padding:0px 0 0 40px;box-sizing: border-box;outline: none;}
.login_inp::-moz-placeholder{font-size: 14px;color:#7d7d7d;}
.login_inp::-ms-input-placeholder{font-size: 14px;color:#7d7d7d;}
.login_inp::-webkit-input-placeholder{font-size: 14px;color:#7d7d7d;}
.error_msg{font-size: 12px;color:#FF0000;line-height: 15px;margin-top: 5px;}
.marb25{margin-bottom: 25px;}
.login_inp_out{position: relative;width: 100%;height: 50px;}
.login_phone{position:absolute;top:15px;left:15px;background: url(../img/login_pho.png) center no-repeat;width: 13px;height: 20px;}
.login_pwd{position:absolute;top:15px;left:15px;background: url(../img/login_pwd.png) center no-repeat;width: 13px;height: 16px;}
.login_isrem{font-size:14px;color:#666666}
.login_isrem a{color: #00b0f0;}
.qrcode{margin: 0px auto 20px auto;display: flex;justify-content: center;width: 200px;height: 200px;}
.login_check{width:16px;height:16px;position: relative;top: 3px;}
#forgetpwd{position: relative;top:4px;cursor:pointer;font-size:14px;color:#666666}
.login_fpwd_out{position: relative;width: 100%;display: flex;justify-content: space-between;margin: 18px 0 15px 0;}
.login_btn_log{width: 100%;height:50px;line-height: 50px;text-align: center;background: #3b81fa;color: #FFFFFF;border-radius: 4px;font-size:16px;cursor: pointer;}
.login_qq{position: relative;left: 5px;cursor: pointer;width: 26px;height: 26px;background:url(../img/qq.png) center no-repeat;}
.login_reg{color: #3b81fa;cursor: pointer;}
.marb20{margin-bottom: 20px;}
.flex_h26{display: flex;line-height: 26px;}
.lh26{line-height: 26px;}
.login_verification{width:102px;height: 32px;line-height: 32px;text-align: center;background: #3b81fa;color: #FFFFFF;border-radius: 4px;font-size: 12px;position: absolute;top: 9px;right: 10px;cursor: pointer;}
.login_code{position: absolute;top: 0;right: 0;cursor: pointer;width: 42px;height: 42px;background: url(../img/log_code.png) center no-repeat;}
.c666{color: #666666;}
.scan_out{display: flex;justify-content: center;margin-bottom: 20px;}
.scan{width: 30px;height: 28px;background: url(../img/sao.png) center no-repeat;position: relative;top: 2px;margin-right: 5px;}
.ulog .layui-layer-title {padding: 0 80px 0 20px;height: 42px;line-height: 42px;border-bottom: 1px solid #fff;font-size: 14px;color: #333;overflow: hidden;background-color: #fff;border-radius: 2px 2px 0 0;}
.ulog{background: #FFFFFF;}
/* register.html */
.pad_lr50{padding: 0 50px 20px 50px;box-sizing: border-box;}
.reg_title{line-height: 50px;border-bottom: 1px solid #e3e3e3;font-size: 18px;color: #333333;margin-bottom: 25px;}
.success_out{padding: 30px auto;box-sizing: border-box;}
.success{width: 65px;height: 65px;background: url(../img/success.png) center no-repeat;margin: 0 auto 20px auto;}
.success_font{font-size: 18px;color: #333333;text-align: center;margin-bottom: 20px;}
.success_login{width: 150px;height: 45px;line-height: 45px;background: #3b81fa;color: #fff;text-align: center;font-size: 16px;margin: 0 auto;cursor: pointer;}
.mar_t20_b50{margin:20px 0 25px 0;}
.flex_end{display:flex;justify-content: flex-end;}

/* 忘记密码 forget_password.html*/
.pwd_step{width: 100%;display: flex;margin-bottom: 30px;}
.step{font-size: 14px;color: #333333;width: 20%;text-align: center;}
.step p{margin-bottom: 0!important;}
.issetp{color: #3b81fa;}
.step_line{width:20%;height: 1px;background: #e3e3e3;position: relative;top: 10px;}
.step_num{width: 24px;height: 24px;line-height: 24px;border-radius: 50%;background:#d1d1d1;text-align: center;color: #fff;font-size: 12px;margin: 0 auto;}
.isnum{background:#3b81fa;}
.step2,.step3{display: none;}
.resetpwd_notice{font-size: 18px;color: #333333;text-align: center;}
/* 设计管理 design_management.html */
.gray_bg{background: #f8f8fa;width: 100%;padding-top: 30px;box-sizing: border-box;margin-top: 70px;}
.design_content{width:1200px;min-width: 1200px;border: 1px solid #e7e8ec;background: #FFFFFF;display: flex;margin: 0 auto;}
.design_content .design_left{width:210px;box-sizing: border-box;}
.design_left_menu{padding: 0;margin: 0;}
.design_left_menu li{list-style: none;line-height: 66px;text-align: center;}
.design_left_menu li a{display: flex;padding: 0 40px;text-align: left;box-sizing: border-box;font-size: 14px;color: #333;}
.design_left_menu li a .iconfont{margin-right: 22px;font-size: 20px;}
.design_left_menu li>ul li a{text-align: center;display: block;}
.design_this{color:#2353f5!important;}
.isshow_dropdown{width: 11px;height: 6px;position: relative;top: 31px;left: 20px;}
.design_right{width:990px;overflow-y:auto;box-shadow: 0px 2px 8px rgba(0,0,0,0.1);padding: 30px 0 30px 30px; box-sizing: border-box;}
.user-define .layui-layer-title {padding: 0 80px 0 20px;height: 42px;line-height: 42px;border-bottom: none;font-size: 14px;color: #333;overflow: hidden;background-color: #fff;border-radius: 2px 2px 0 0;}
.user-define.layui-layer-btn a {
    height: 36px;
    line-height: 36px;
    margin: 5px 5px 0;
    padding: 0 30px;
    border: 1px solid #dedede;
    background-color: #fff;
    color: #333;
    border-radius: 2px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
}
/*滚动条的宽度*/
::-webkit-scrollbar {width:9px;height:9px;}
/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/
::-webkit-scrollbar-track {width: 6px;background-color:#ccc;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius:2em;}
/*滚动条的设置*/
::-webkit-scrollbar-thumb {background-color:#606d71;background-clip:padding-box;min-height:28px;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius:2em;}
/*滚动条移上去的背景*/
::-webkit-scrollbar-thumb:hover {background-color:#fff;}
.right_title{font-size: 20px;color: #222222;font-weight:600;letter-spacing: 1px;margin-bottom: 15px;}
.right_title .iconfont{font-size: 27px;}
.hot_item{display: flex;justify-content: center;align-items: center;height: 180px;width: 170px;border-bottom: 1px solid #f4f4f5;padding: 30px 15px;box-sizing: border-box;overflow: hidden;}

.hot_item_bottom{text-align: center;height: 45px;padding-top: 14px;box-sizing: border-box;}
.hot_item_name{color: #333333;font-size: 12px;}

.hot_item_tip{height: 15px;margin-top: 0px;font-family: '微软雅黑';font-weight: lighter;background-color:#fff;text-align: center;}
.design_right .hot_item_tip {color: #fff;font-size: 12px;text-align: center;white-space: nowrap;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}

.hot_item_container{width: 170px;height: 225px;margin:0 20px 20px 0;}
.hot_item_default{width: 170px;height: 225px;margin:0 20px 20px 0;}
.hot_item_include{width: 170px;height: 228px; border: 1px solid #eeeeef;border-radius: 4px;background: #FFFFFF;box-shadow: 0px 0px 6px rgba(0,0,0,0.1);cursor:pointer;}
.hot_item_include:nth-child(5n){margin-right: 0px;}

.hot_item_container .hot_item_include:hover{-webkit-box-shadow: rgba(45, 45, 45, .1) 0 2px 2px -8px, rgba(49, 49, 49, .1) 0 4px 4px -8px, rgba(32, 32, 32, .1) 0 16px 16px -8px, rgba(49, 49, 49, .1) 0 32px 32px -8px;
    box-shadow: rgba(45, 45, 45, .1) 0 2px 2px -8px, rgba(49, 49, 49, .1) 0 4px 4px -8px, rgba(32, 32, 32, .1) 0 16px 16px -8px, rgba(49, 49, 49, .1) 0 32px 32px -8px}
.hot_item_container .hot_item_include:hover .hot_item{-webkit-transform: translate(0, 0px);transform: translate(0, 0px)}
.hot_item_container .hot_item_include:hover .hot_item_bottom{-webkit-transform: translate(0, -8px);transform: translate(0, -8px)}
.hot_item_container .hot_item_include:hover .hot_item_bottom .hot_item_name{margin-top: 0px}
.hot_item_container .hot_item_include:hover .hot_item_tip{color: #bbb;margin-top: -0px;height:18px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px}
.margin_lr2{margin: 0 2px;}
.hot_item_default .hot_item_include:hover{-webkit-box-shadow: rgba(45, 45, 45, .1) 0 2px 2px -8px, rgba(49, 49, 49, .1) 0 4px 4px -8px, rgba(32, 32, 32, .1) 0 16px 16px -8px, rgba(49, 49, 49, .1) 0 32px 32px -8px;
    box-shadow: rgba(45, 45, 45, .1) 0 2px 2px -8px, rgba(49, 49, 49, .1) 0 4px 4px -8px, rgba(32, 32, 32, .1) 0 16px 16px -8px, rgba(49, 49, 49, .1) 0 32px 32px -8px}
.hot_item_default .hot_item_include:hover .hot_item{-webkit-transform: translate(0, 0px);transform: translate(0, 0px)}

.bigpop .layui-layer{max-width: 1600px;min-width: 1180px;}
.bigpop .layui-layer-title {padding: 0 80px 0 40px;height: 42px;line-height: 42px;border-bottom: 1px solid #eee;font-size: 14px;color: #333;overflow: hidden;background-color: #fff;border-radius: 2px 2px 0 0;}
.pop_classify{padding: 24px 40px;background: #fff;}
.classify_lab{font-size: 14px;color: #999;margin-right: 38px;line-height: 38px;width: 50px;}
.classify_item{display: flex;flex-wrap: wrap;}
.classify_item div{margin-right: 38px;font-size: 14px;color: #333;line-height: 38px;cursor: pointer;}
.pop_isshow{position: absolute;top:-2px;right: -2px;width:38px;height:38px;background: #fff;line-height:38px;text-align: center;border-radius: 50%;}
.pop_isshow:hover{background: #eee;}
.pop_isactive{color: #3b81fa!important;}
.hide_item{padding-left: 100px;padding-left: 88px;display: flex;flex-wrap: wrap;}
.hide_item div{margin-right: 38px;font-size: 14px;color: #333;line-height: 38px;cursor: pointer;}
.template_box{margin: 8px 16px 0px 40px;border: 1px solid red;display: flex;flex-wrap: wrap;overflow-y: auto;}
.template_item{width: calc(20% - 24px);margin: 22px 24px 0 0;}
.normal_template{position: relative;border-radius: 4px;-webkit-transition: -webkit-transform 0.3s;transition: -webkit-transform 0.3s;transition: transform 0.3s;transition: transform 0.3s, -webkit-transform 0.3s}
.empty_border{display: flex;justify-content: center;align-items: center;background-color: #fff;border-radius: 4px;cursor: pointer;box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);height: 92px;}
.img_box img{width: 20px;height: 20px;}
.template_item_des_title{width: 100%;flex-shrink: 1;font-size: 14px;line-height: 1em;}
.template_item_detail{font-size: 14px;color: #495060;}
.ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.template_item_img{position: relative;width: 100%;}
.template_item_img .normal_item img{position: relative; height: 92px;cursor:pointer;}

@media only screen and (max-width: 1800px){
    .template_item{width: calc(16.666% - 24px);margin: 15px 24px 0 0;}
}

/* my_production.html */
.top_file{position: relative;width: 100%; padding:30px 30px 15px 30px;box-sizing: border-box;border-bottom: 1px solid #e7e8ec;display: flex;}
.top_file_cover{position: absolute;top: 0px;left: 0px; width: 100%;height: 100%;background: rgba(0,0,0,0.7);display: none;}
.top_file_cover .cover_icon{display: flex;justify-content: center;margin: 20px 0;}
.top_file_cover .cover_icon img:nth-child(1){width: 45px;height: 37px;margin-right:15px;}
.top_file_cover .cover_icon img:nth-child(2){width: 35px;height: 4px;margin-right: 15px;position: relative;top:20px;}
.top_file_cover .cover_icon img:nth-child(3){width: 42px;height: 42px;}
.file{text-align: center;position: relative;width: 80px;height: 80px;padding-top: 10px;box-sizing: border-box;}
.file img{cursor: pointer;}

.file_name{font-size: 12px;color: #333333;margin-top: 10px;}
.rename_input{border: none;background:none;width: 80px;text-align: center;}
.isfile{color:#2353f5;}
.badge{position: absolute;right: 19px;bottom: 34px;width: 28px;height: 17px;background: #ffe696;color: #f96723;font-size: 12px;text-align: center;line-height: 17px;border-radius: 4px 0 4px 0;}
.newfile{cursor: pointer;}
.newfile_edit{position: absolute;top: -6px;right: 0px;color:#2353f5;font-size: 16px;letter-spacing:1px;width: 30px;height:25px;display: none;}
.productions_out{padding: 20px 30px;box-sizing: border-box;}
.newfile:hover{background:#f8f8f8;border-radius: 4px;}
.newfile:hover .newfile_edit{display: block;}
.newfile_edit_content{display: none; width: 130px;height: 160px;padding: 15px;box-sizing: border-box;box-shadow: 0 0 2px rgba(0,0,0,0.1);border-radius: 4px;position: absolute;top: 17px;right:-95px;background: #fff;z-index: 9999;}
.newfile_edit_content ul{padding: 0;margin: 0;}
.newfile_edit_content ul li{list-style: none;height:33px;line-height:33px;cursor: pointer;text-align: left;}
.newfile_edit_content ul li:nth-child(2){border-bottom: 1px solid #f1f1f1;}
.newfile_edit_content ul li img{margin-right:15px;position: relative;top: -2px;}
.newfile_edit_content ul li span{font-size: 14px;color: #333333;}

.left_sorts,.right_management{display: flex;}
.sort{margin-right: 40px;position: relative;cursor: pointer;}
.sort_list img{margin-left: 8px;}
.sort .sort_list_content{position: absolute;top:25px; right: -20px; width:90px;height: auto;min-height: 80px; box-shadow: 0 0 2px rgba(0,0,0,0.1);border-radius: 4px;display: none;z-index: 9999!important;background: #FFFFFF;}
.sort_list_content ul{margin: 0;padding: 0;}
.sort_list_content ul li{list-style: none;line-height: 40px;text-align: center;cursor: pointer;font-size: 14px;color: #666666;}
.sequence{position: relative;cursor:pointer;}
.sequence .sort_list_content{position: absolute;top:25px; right:0px; width:90px;height: auto;min-height: 80px; box-shadow: 0 0 2px rgba(0,0,0,0.1);border-radius: 4px;display: none;z-index: 9999!important;background: #FFFFFF;}

.right_management{display: flex;}
.batch_f{font-size: 14px;color: #333;}

.batch,.recycle{cursor: pointer;}
.batch1{display: none;cursor: pointer;}
.right_management div img{margin-right: 10px;position: relative;top: -2px;}
.fenge{margin: 0 20px;color: #dcdcdc;}

.prductions_list{display: flex;flex-wrap: wrap; width: 100%;position: relative;}
.prductions_list_item{width:calc(20% - 15px);height: auto;margin:15px 15px 15px 0;position: relative;cursor: pointer;}
.prductions_list_item:nth-child(5n){margin-right: 0!important;}
.prductions_list_item .item_img{width: 100%;height: 310px;border-radius: 4px;}
.prductions_list_item .item_img img{width: 100%;height: 100%;overflow: hidden;}
.product_edit{position: absolute;top: 10px;right: 5px;width: 25px;height: 25px;line-height: 25px;text-align: center;background: #fff;border: 1px solid #bfbfbf;border-radius: 4px;cursor: pointer;display: none;}
.prductions_list_item:hover .product_edit{display: block;}
.item_title{text-align: left;font-size: 14px;color: #333333;width: 100%;border: none;margin: 15px 0 10px 0;}
.item_bottom{display: flex;justify-content: space-between;}
.item_date{font-size: 12px;color: #999999;}
.item_edit{display: flex;}
.item_edit img{margin-right: 8px;}

.product_edit_list{position: absolute;top: 45px;right: 5px; width:90%;height:auto;background: #FFFFFF;border-radius: 4px;padding: 10px 0;box-sizing: border-box;display: none;}
.product_edit_list ul{margin: 0;padding: 0;}
.product_edit_list ul li{list-style: none;line-height:30px;text-align: left;padding-left: 20px;box-sizing: border-box;display: flex;cursor: pointer;}
.product_edit_list ul li:hover{background: #f3f3f3;}
.product_edit_list ul li .img_out{width: 15px;margin-right: 15px;line-height: 30px;}
.product_edit_list ul li .img_out img{position: relative;top: -2px;}
.product_edit_list ul li .edit_name{font-size: 14px;color: #333333;line-height: 30px;}
.bottom_checkall_bg{visibility: hidden; height:65px;line-height: 65px;position:absolute;bottom: 0;width: 990px;background:rgba(0,0,0,0.8);display: flex;justify-content: space-between;margin-left: -30px;}
.bottom_left{display: flex;line-height: 65px;padding: 10px 30px;box-sizing: border-box;color: #fff;}
.sel_allout{display: flex;line-height: 45px;margin-right: 30px;cursor: pointer;}
.no_sel{width: 15px;height: 15px;border: 1px solid #fff;margin-right: 5px;line-height: 65px;position: relative;top: 12px;}
.no_sel_font{color: #fff;font-size: 14px;}
.all_sel{width: 15px;height: 15px;line-height: 15px; text-align: center;margin-right: 5px;border: 1px solid #fff;position: relative;top: 12px;color: #fff;font-weight: 600;display: none;}
.all_sel_font{color: #fff;font-size: 14px;display: none;}
.sel_num{line-height: 45px;display: none;}
.botttom_right{display: flex;justify-content: space-between;}
.botttom_right ._right_left{display: flex;}
._right_move,._right_del{color: #fff;cursor: pointer;}
.bottom_rimg{margin-right: 5px;position: relative;top: -2px;}
._right_move{margin-right: 30px;}
.botttom_right ._right_right{display: flex;}
.check_finish{width: 104px;height: 32px;line-height:32px;background: #2353f5;border-radius: 20px;color: #fff;font-size: 14px;text-align: center;margin-right: 30px;position: relative;top: 12px;cursor: pointer;}
.check_cancle{width: 104px;height: 32px;line-height:32px;border-radius: 20px;color:#fff;font-size: 14px;text-align: center;border: 1px solid #fff;margin-right: 30px;position: relative;top: 12px;cursor: pointer;}
.pagelimit{display: flex; justify-content: center;}

/*foot*/
.foot{width: 100%;padding: 4px 0;background-color: #2c2c2c;box-sizing: border-box;height: auto}
.foot_content{width: 1050px;min-width: 1050px;margin: 0 auto;}
.foot_recommend{display: flex;justify-content: space-between}
.foot_news{width: 496px;font-family: MicrosoftYaHei;}
.news_title{color: #c7c7c7;font-size: 15px;font-weight: 400;}
.news_list{display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;color: #777;font-size: 14px;margin-top: 24px;}
.news_list .item {width: 226px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 12px;}
.news_list .item:nth-child(2n+1) {margin-right: 44px;}
.news_list .item a,.hot_list .item a{color: #777777!important;}
.news_list .item a:hover,.hot_list .item a:hover{color: #fff!important;}
.foot_recommend .foot_hot {width: 270px;margin-left: 95px;}
.foot_recommend .title {color: #c7c7c7;font-size: 15px!important;font-weight: 400;margin-bottom: 0;}
.foot_hot .hot_list {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;color: #777;font-size: 14px;margin-top: 20px;}
.foot_hot .hot_list .item {width: 70px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-right: 20px;margin-bottom: 12px;}
.foot-wx {width: 100px;margin-left: 78px;}
.foot-wx .wx-qrcode {width: 100px;height: 100px;margin-top: 24px;}
.split-line {width: 100%;height: 1px;background: #fff;opacity: .05;margin: 10px 0 15px 0;}
.foot-cpy {color: #777;font-size: 13px;display: flex;justify-content: space-between;line-height: 31px}
.foot-cpy .f-txt {display: inline-block;vertical-align: middle;font-size: 14px;color: #777777;}
.foot-cpy .fk-trustLink {position: relative;top: 5px;display: inline-block;zoom: 1;margin-left: 10px;vertical-align: bottom;}
.foot_credible{display: flex;position: relative;top: -5px;}
/*收藏*/
.collect_normal{width: 17px;height: 16px;background: url(../img/shoucang.png) center no-repeat;}
.collect_blue{width: 17px;height: 16px;background: url(../img/shoucang_blue.png) center no-repeat;}


/*list_page.html的分类*/
.list_nav{line-height: 30px;margin-bottom: 10px;display: flex;}
.list_nav .layui-icon-right:before {
    content: "\e602";
    margin: 0 15px!important;
}
.fieldset {margin-bottom: 10px;border: 0;outline: 0;vertical-align: baseline;-webkit-box-sizing: border-box;box-sizing: border-box;}
.nav-set {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;background: #fff;-webkit-box-shadow: 0 3px 6px rgba(85,85,85,.05);box-shadow: 0 3px 6px rgba(85,85,85,.05);border-radius: 4px;padding: 12px 0;font-size: 14px;}


.top-name{
    padding-bottom: 25px;
    border-bottom: 1px solid #eae7e7;
    margin-bottom: 0px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    font-size: 20px;
    color: #333;
}
/*通用模板的css 具体参照list_page.html中的demo 一行4个 给父级一个类名col_4即可 一定要参照list_page.html中demo的样式*/
.col_4 .template_item{width:285px;margin-right:20px;height: auto;margin-bottom: 10px;cursor: pointer;position: relative;z-index: 0;}
.col_5 .template_item{width:224px;margin-right:20px;height: auto;margin-bottom: 10px;cursor: pointer;position: relative;z-index: 0;}
.col_6 .template_item{width:183.33px;margin-right:20px;height: auto;margin-bottom: 10px;cursor: pointer;position: relative;z-index: 0;}
.col_7 .template_item{width:154.28px;margin-right:20px;height: auto;margin-bottom: 10px;cursor: pointer;position: relative;z-index: 0;}
.col_4 .template_item:nth-child(4n),.col_5 .template_item:nth-child(5n),.col_6 .template_item:nth-child(6n),.col_7 .template_item:nth-child(7n){margin-right: 0!important;}
.template_item::after{
    content: "";
    position: absolute;
    top: -12px;
    left: -12px;
    right: -12px;
    bottom: -16px;
    background: #fff;
    z-index: -1;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .4);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .4);
    opacity: 0;
    -webkit-transform: scale(.85, .85);
    transform: scale(.85, .85);
    -webkit-transition: opacity 150ms linear 0s, -webkit-transform 150ms linear 0s;
    transition: opacity 150ms linear 0s, -webkit-transform 150ms linear 0s;
    transition: opacity 150ms linear 0s, transform 150ms linear 0s;
    transition: opacity 150ms linear 0s, transform 150ms linear 0s, -webkit-transform 150ms linear 0s
}
.template_item:hover::after{
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
}
.template_item .templateimg{width:100%;height: auto;overflow: hidden;position: relative;border-radius: 4px;}
.template_img{
    width:100%;
    height: auto;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .08);
    vertical-align: middle;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}
.template_item:hover .template_img{box-shadow:none;}
.template_cover{position: absolute;top: 0;right: 0;width: 100px;height:auto;display: none;}
.template_item .templateimg .todetails{display:block!important;}
.template_item:hover .template_cover{display:block}
.template_item .templateimg .template_cover .cover_upright {display: flex;justify-content: flex-end;padding:10px 10px 0 0;}
.template_item .templateimg .template_cover .cover_upright .cover_preview {width: 3.75rem;height: 1.75rem;line-height: 1.75rem;text-align: center;border-radius: 4px;background: #fff;margin-right: 10px;font-size: 14px;color: #333;}
.template_item .templateimg .template_cover .cover_upright .cover_collect {width: 1.75rem;height: 1.75rem;background: #fff;line-height: 1.75rem;border-radius: 4px;display: flex;justify-content: center;align-items: center;}
.template_item .template_title{position: relative;width: 100%!important;}
.template_item .template_title a{font-size:14px;color:#333;text-align:center;display:block;width:90%;margin:15px auto 0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}




.upleft_badge{position: absolute;top: 0;left: 0;width: 38px;height: 38px;overflow:hidden;background:none;}
.member_vip{
    z-index: 1;
    position: relative;
    left: -12px;
    top: 31px;
    padding: 0px;
    font-size: 12px;
    border-radius: 3px;
    background: #c09659;
    width: 60px;
    text-align: center;
    color: #fff;
    -webkit-transform: rotate(-45deg) translateX(16px) translateY(-21px);
    transform: rotate(-45deg) translateX(16px) translateY(-21px);
}
.blogroll{
    position: relative;
    top: 70px;
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
}
.blogroll .links{display: flex;flex-wrap: wrap;margin-top: 10px}
.blogroll .links a{display: block;line-height: 25px;margin-right: 20px;font-size: 14px;color: #333;cursor: pointer;}