
/********************************************** common **********************************************/
.scrollbarBox::-webkit-scrollbar {/*滚动条整体样式*/
    width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
    scrollbar-arrow-color:red;
}
.scrollbarBox::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px #c1c1c1;
    box-shadow: inset 0 0 5px #c1c1c1;
    background: #c1c1c1;
    scrollbar-arrow-color:red;
}
.scrollbarBox::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(193,193,193,0.1);
    box-shadow: inset 0 0 5px rgba(193,193,193,0.1);
    border-radius: 0;
    background: rgba(193,193,193,0.1);
}
/*内页顶部*/
.inside-page-top-exchange{ height: 59px;position: absolute;width: 100%;top: 0;left: 0; border-bottom: 1px solid #e7e7e7;}
.inside-page-top-exchange li{font-size: 14px;color: #666666; float: left;width: 186px;height: 60px;line-height: 60px;}
.inside-page-top-exchange li{background-image: url("../images/web_set_title_select.png");background-position: center;background-repeat: no-repeat;background-size: 100% 58px;}
.inside-page-top-exchange li{position: absolute;top: 0;left: 0;z-index: 1;}
.inside-page-top-exchange li:nth-child(1){left: 0;}
.inside-page-top-exchange li:nth-child(2){left: 150px;}
.inside-page-top-exchange li:nth-child(3){left: 300px;}
.inside-page-top-exchange li:nth-child(4){left: 450px;}
.inside-page-top-exchange li a{display: block!important;text-align: center; padding-left: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 30px;}
.inside-page-top-exchange li.active{z-index: 2; color: #2baab1; background-image: url("../images/web_set_title.png");}
.inside-page-top-exchange li.active a{color: #2baab1;}
.inside-page-top-exchange li:hover{z-index: 3;color: #2baab1; background-image: url("../images/web_set_title.png");}
.inside-page-top-exchange li:hover a{color: #2baab1;}

/*内页顶部2*/
.inside-page-top-exchange2{z-index: 9999;max-width: 1200px;width: 100%;height: 50px;padding-top: 9px; border-bottom: 1px solid #dcdcdc;overflow: hidden;}
.inside-page-top-exchange2 li{float: left;}
.inside-page-top-exchange2 li a{line-height: 38px;font-size: 14px; display: block;border-bottom: 2px solid #fff;padding: 0 20px;}
.inside-page-top-exchange2 li.active a{color: #2baab1;border-bottom: 2px solid #2baab1;}
.inside-page-top-exchange2 li:hover a{color: #2baab1;border-bottom: 2px solid #2baab1;}



/*语种*/
.language-exchange{position: absolute;top: 60px;left: 0;width: 100%;height: auto; overflow: hidden;border-left: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7; padding: 10px 20px;}
.language-exchange2{top: 0;}
.language-exchange-no-border{border: 0;}
.language-exchange div{border-bottom: 1px solid #e7e7e7;overflow: hidden;}
.language-exchange .language-btn{min-width: 65px;float: left;margin-right: 5px;border-radius: 5px;}
.language-exchange .language-btn{height: 36px;line-height: 36px;text-align: center;padding: 0 20px; display: inline-block; color: #222; background-color: #fff;border: 1px solid #fff;}
.language-exchange .language-btn:hover{opacity: 1;filter:Alpha(opacity=100); color: #fff; background-color: #2baab1;}
.language-exchange .language-btn.active{opacity: 1;filter:Alpha(opacity=100); color: #fff; background-color: #2baab1;}


.wrap-box{padding: 20px;height: calc(100% - 1px);　　scrollbar-color: transparent transparent;
    　　scrollbar-track-color: transparent;
    　　-ms-scrollbar-track-color: transparent;}
.wrap-box::-webkit-scrollbar {
    display: none;
}
.crm-follow-dialog{　scrollbar-color: transparent transparent;
    　　scrollbar-track-color: transparent;
    　　-ms-scrollbar-track-color: transparent;}
.wrap-box.wrap-index .content-box{overflow-x: hidden;}

.wrap-box .title-h1{line-height: 30px;margin-bottom: 20px;font-size: 20px;color: #222222;}
.wrap-box .title-h1 span{color: #999999;line-height: 30px;font-size: 14px;margin-left: 10px;}
.wrap-box .title-h1 a{color: #999999;line-height: 30px;font-size: 14px;margin-left: 10px;}
.wrap-box .title-h1 a:nth-child(1){font-size: 20px;line-height: 30px;margin-bottom: 20px;color: #222222;margin-left: 0;}
.wrap-box .title-h2{font-size: 16px;line-height: 30px;margin-bottom: 0px;}

.wrap-box .more{margin-left: 10px; color: #999;line-height: 30px;font-size: 14px;font-weight: 400}
.wrap-box .more:hover{color: #2baab1;}

.wrap-box .content-box{border: 1px solid #e7e7e7;border-radius: 10px;padding: 15px; position: relative; width: 100%;overflow-y: auto; height: -moz-calc(100% - 50px);height: -webkit-calc(100% - 50px);height: calc(100% - 50px);}
.wrap-box.wrap-webmg .content-box{border: 0;}

.wrap-box .content-box-noradius{border-radius: 0px;}
.wrap-box .content-box-no-border{border: 0px;padding: 0;}
.wrap-box .content-box .contents{min-height: 100%;height: 100%;min-height: 700px}

.wrap-box .item-box{width: 100%;padding: 0 20px;padding-bottom: 30px;}
.wrap-box .item-box .tips{color: #999;display: inline-block;line-height: 26px;margin-top: 10px;margin-left: 20px;}
.wrap-box .item-box.item-box-bac{background-color: #f5f5f5;}
.wrap-box .item-title{line-height: 30px;font-size: 14px;color:#222;font-weight: 400;position: relative;height: 30px;}
.wrap-box .item-title span{font-size: 12px;color: #999;line-height: inherit;}
.wrap-box .item-title span.xing{color: #ff0000;}
.wrap-box .item-title i{display: inline-block;height: 30px;line-height: 30px;}
.wrap-box .item-title .wen{margin-top: -8px; color: #2baab1;position: relative;display: inline-block;vertical-align: top;}

.wrap-box .item-title .wen .i{font-size: 18px;display: inline-block;margin-top: -10px;}
.wrap-box .item-title .wen .wen-info{display: none;position: absolute;color: #7b8391;padding: 5px 15px;background-color: #d9e7f4;top: 50%;transform: translateY(-50%);left: 28px;width: 300px;font-size: 12px;line-height: 24px;box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.1);}
.wrap-box .item-title .wen .wen-info.width240{width: 240px;}
.wrap-box .item-title .wen:hover .wen-info{display: inline-block;}
.wrap-box .item-title .wen .wen-info:before{content: "";position: absolute;left: -10px;top: 50%;transform: translateY(-50%);border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid #d9e7f4;}

.wrap-box .item-btn{padding-top: 30px;}
.wrap-box .item .input{width: 100%;max-width: 460px;}
.wrap-box .item .textarea{border: 1px solid #e7e7e7;}
.wrap-box .item .item-checkbox-border{margin: 15px 0;border: 1px solid #dcdcdc;padding: 15px 15px 5px;}
.wrap-box .item .item-checkbox-border .check-box-div{margin-bottom: 10px;}

.wrap-box .content-scroll-box{border:0;outline: none;height: calc(100% - 80px);position: absolute;top: 70px;left: 0;width: 100%;  width: 100%;border-left: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;}

.wrap-box .content-scroll-box.xuan{height: calc(100% - 60px); top: 60px;
border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.wrap-box .content-scroll-box0{height: 100%;top: 0;}
.wrap-box .content-scroll-box1{height: calc(100% - 100px);top: 70px;}
.wrap-box .content-scroll-box2{height: calc(100% - 160px);top: 120px;}
.wrap-box .content-scroll-box3{height: calc(100% - 160px);top: 120px;}
.wrap-box .content-scroll-box4{height: calc(100% - 140px);top: 70px;}
.wrap-box .content-scroll-box5{height: calc(100% - 110px);top: 70px;}
.wrap-box .content-scroll-box6{height: calc(100% - 60px);top: 60px;border-bottom: 1px solid #e7e7e7;}
.wrap-box .content-scroll-box6-2{height: calc(100% - 120px);top: 70px;border-bottom: 1px solid #e7e7e7;}
.wrap-box .content-scroll-box7{height: calc(100% - 60px);top: 70px;}
.wrap-box .content-scroll-box8{height: calc(100% - 160px);top: 120px;padding: 10px 10px 20px 20px;}
.wrap-box .content-scroll-box9{height: calc(100% - 120px)}
.wrap-box .content-scroll-box10{height: calc(100% - 70px);}
.wrap-box .content-scroll-box .content-scroll{overflow-y: auto;padding: 10px 20px 30px;width: 100%;}
.wrap-box .content-scroll-box .content-scroll.content-scroll-pdb50{padding-bottom: 50px;}
.wrap-box .content-scroll-box0 .content-scroll{padding: 10px 20px 0px;}
.wrap-box .content-scroll-box .content-scroll-botbtn{height: calc(100% - 46px)}
.wrap-box .content-scroll-box-border{width: calc(100% - 40px);left: 20px;border: 0px solid #dcdcdc;}
.wrap-box .content-scroll-box-border2{width: calc(100% - 40px);left: 20px;border: 0px solid #dcdcdc;}
.wrap-box .content-scroll-box-border .content-scroll{border: 1px solid #dcdcdc;border-radius: 10px;}

.wrap-box .content-scroll-box-no-border{border: 0;}

.wrap-box .content-scroll-box .content-scroll2{padding-top: 60px;}
.wrap-box .content-scroll-box .inside-page-top-exchange2{position: absolute;top: 1px;left: 15px;width:calc(100% - 45px);background-color: #fff; }


.wrap-box .content-scroll-box .item-box{padding: 0;padding-top:10px;position: relative;margin-bottom: 12px}
.wrap-box .content-scroll-box .item-box:nth-of-type(1){padding-top:0px;}
.wrap-box.wrap-seo-edit .content-scroll-box .item-box:nth-of-type(1){padding-top:10px;}
.wrap-box .content-scroll-box .item-box #resize{width: auto;max-width: none!important;overflow: hidden!important;resize: both!important;padding-bottom: 12px;
border: 1px solid #e7e7e7;}
.wrap-box .content-scroll-box .item-box.no-pdt{padding-top: 0;margin-bottom: 0}
.wrap-box .content-scroll-box .item-box.item-btn{padding-top:25px;}
.wrap-box .content-scroll-box .item-box .input{width: 100%;max-width: 460px;margin-top: 8px;position: relative;display: inline-block;}
.wrap-box.content-management .content-scroll-box .item-box .input{margin-top: 0px;}
.wrap-box.wrap-product-category-add-p .content-scroll-box .item-box .input{margin-top: 0px;}
.wrap-box.wrap-product-add-p .content-scroll-box .item-box .input{margin-top: 0px;}
.wrap-box.wrap-basic .content-scroll-box .item-box .input{margin-top: 0px;}
.wrap-box.wrap-basic .content-scroll-box .item-box.item-list .input{margin-top: 10px;}
.wrap-box.wrap-basic .content-scroll-box .item-box.item-list .icon{margin-top: 10px;}

.batch-classify-add-item.translate-group .item-box .input{margin-top: 0px;}
.batch-product-tags-add-item.item-box .item .input{margin-top: 0px;}


.wrap-box .content-scroll-box .item-box .input input{border-radius: 3px;padding: 5px 10px;line-height: 24px; width: 100%;display: block;height: 36px;border: 1px solid #e7e7e7;}
.wrap-box .content-scroll-box .item-box .input select{border-radius: 3px;padding: 5px 10px;line-height: 24px; width: 100%;display: block;height: 36px;border: 1px solid #e7e7e7;}
.wrap-box .content-scroll-box .item-box .input input[readonly]{cursor: no-drop;background-color: #f4f4f4;}
.wrap-box .content-scroll-box .item-box .input textarea{border-radius: 3px;padding: 5px 10px;line-height: 24px; width: 460px;display: block;height: 36px;border: 1px solid #e7e7e7;}

.wrap-box .content-scroll-box .item-box .input.calcute input{padding-right: 70px;}
.wrap-box .content-scroll-box .item-box .input.calcute .num{position: absolute;bottom: 0;right: 0;width: 70px;text-align: center;line-height: 36px;color: #999999;}

.wrap-box .content-scroll-box .item-box .input.calcute textarea{padding-bottom: 30px;}
.wrap-box .content-scroll-box .item-box .input.calcute .num{background-color: #fff; position: absolute;bottom: 1px;right: 1px;width: 70px;text-align: center;line-height: 34px;color: #999999;}
.wrap-box .content-scroll-box .item-box .input.calcute.textarea-box .num{line-height: 16px;background-color: transparent;width: 100%;text-align: right;padding-right:20px}
.wrap-box .content-scroll-box .item-box.item-list .input{width: calc(100% - 40px);margin-top: 20px;vertical-align: top;}
.wrap-box .content-scroll-box .item-box.item-list .m_product_category_id .input{margin-top: 10px;}
.wrap-box .content-scroll-box .item-box.item-list .m_product_category_id .icon{margin-top: 10px;}
.wrap-box .content-scroll-box .item-box.item-list .icon{width: 20px;text-align: center;line-height: 36px;display: inline-block;vertical-align: top;margin-top: 20px;}
.wrap-box .content-scroll-box .item-box.item-list .item-title{margin-bottom: -10px;}
.wrap-box .content-scroll-box .item-box.item-list .item-title .wen .icon{margin-top: 0;}
.wrap-box .content-scroll-box .item-box.item-list .item-title .wen .wen-info{left: 30px;}

.wrap-box .content-scroll-box .item-box.item-list .icon.add{color: #2baab1;font-size: 16px;cursor: pointer;font-weight: bold}
.wrap-box .content-scroll-box .item-box.item-list .icon.delete{color: #666;font-size: 16px;cursor: pointer;}
.wrap-box .content-scroll-box .item-box.item-list>.item .add{display: none;}
.wrap-box .content-scroll-box .item-box.item-list>.item:nth-of-type(1) .delete{display: none;}
.wrap-box .content-scroll-box .item-box.item-list>.item:nth-of-type(1) .add{display: inline-block;}


.wrap-box .content-scroll-box .item-title img{display: inline-block;vertical-align: middle;margin-right: 12px;}
.wrap-box .content-scroll-box .item-box .input textarea{min-height: 100px;}
.wrap-box .content-scroll-box .item-title.fl{line-height: 46px;margin-right: 30px;}
.wrap-box .content-scroll-box .item-box-turn{padding-top: 0px;}

.wrap-box .bottom-btn{position: fixed;width: 100%;bottom: 0px;left: 0; height: 55px;box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);background-color: #fff;display: flex;padding-left: 20px;}
.wrap-box .bottom-btn .layui-btn+.layui-btn{margin-top: 10px;margin-left: 10px;}
.wrap-box .bottom-btn .tip-info{line-height: 20px;color: #999;display: inline-block;margin-left: 15px;margin-top: 10px;vertical-align: middle;word-break: break-all;}

.wrap-box .content-scroll-box .remarks{margin-top: 20px; padding: 0; max-width:460px;width: 100%;border-radius: 5px;}
.wrap-box .content-scroll-box .remarks span{line-height: 26px;color: #666666;padding-left: 35px;font-size: 12px;}
.wrap-box .content-scroll-box .remarks span:nth-child(1){color: #666666;font-size: 12px;margin-right: 3px;padding-left: 0}
.wrap-box .content-scroll-box .remarks span:nth-child(2){padding-left: 0}

    /*banner*/
.wrap-box .content-scroll-box .item-multiple{padding: 0;padding-top: 30px;}
.wrap-box .content-scroll-box .item-multiple.no-pdt{padding-top: 0;}
.wrap-box .content-scroll-box .item-multiple .item-box{padding-top: 0px;}

.wrap-box .content-scroll-box .item-multiple .item-cell-box-banner .info{padding-top: 10px;}
.wrap-box .content-scroll-box .item-multiple .item-cell-box-banner .info .item-title{width: 80px; display: inline-block;vertical-align: top;line-height: 32px;text-align: right;padding: 0 10px;margin-top: 8px;}
.wrap-box .content-scroll-box .item-multiple .item-cell-box-banner .info .item{width: 400px; display: inline-block;vertical-align: middle;}
.wrap-box .content-scroll-box .item-multiple .item-cell-box-banner .info .input{width: 400px; display: inline-block;vertical-align: middle;}
.wrap-box .content-scroll-box .item-multiple .item-cell-box-banner .info .input input{width: 400px;line-height: 22px;height: 32px; display: inline-block;vertical-align: middle;}
.wrap-box .content-scroll-box .item-multiple .item-cell-box-banner .i-btn{position: relative; float: left;width: 60px;height: 130px; margin-left: 10px;}
.wrap-box .content-scroll-box .item-multiple .item-cell-box-banner .i-btn a{display: none; color: #2baab1; position: absolute;top: 50%;transform: translateY(-50%);left: 0px;font-size: 16px;}


.wrap-box .content-scroll-box .item-multiple .item-cell-box-banner .i-btn a.icontuodong{font-size: 20px;}

/*.wrap-box .content-scroll-box .item-multiple .item-cell-box-banner:first-of-type .i-btn a{display: none !important;}*/
.wrap-box .content-scroll-box .item-multiple .item-cell-box-banner .i-btn a+a{left: 28px;color: #333;}
.wrap-box .content-scroll-box .item-multiple .item-cell-box-banner:hover .i-btn a{display: block;}

#content_anli_xg_product span{margin-right: 6px;}
#content_anli_xg_news span{margin-right: 6px;}

.page-top-btns-box{overflow: hidden;}
.page-top-btns-box *{margin-bottom: 0px;margin-left: 0!important;margin-right: 10px !important}

.page-top-btns-box .layui-btn{margin: 10px 0;font-size: 14px;}
.page-top-btns-box .layui-btn::before{font-size: 16px;}
.page-top-btns-box .search-item-box-form .layui-btn{margin:0;}
.page-top-btns-box i{margin-bottom: 0px;margin-left: 0!important;margin-right: 0px !important;}
.page-top-btns-box i.icondaoru{font-size: 16px;    display: inline-block;
    vertical-align: middle;margin-right: 6px!important;
    margin-top: -5px;}
.page-top-btns-box i.icondaochu{font-size: 14px;    display: inline-block;
    vertical-align: middle;margin-right: 6px!important;
    margin-top: -5px;}
.page-top-btns-box i.iconfenpei{font-size: 16px;    display: inline-block;
    vertical-align: middle;margin-right: 6px!important;
    margin-top: -2px;}
.page-top-btns-box i.icondianji{font-size: 18px;    display: inline-block;
    vertical-align: middle;margin-right: 6px!important;
    margin-top: -2px;}
.page-top-btns-box i.iconshanchuanniu{font-size: 16px;    display: inline-block;
    vertical-align: middle;margin-right: 6px!important;
    margin-top: -2px;}
.page-top-btns-box i.iconicon_yijiao{font-size: 16px;display: inline-block;vertical-align: middle;margin-right: 6px!important;margin-top: -2px;}
.page-top-btns-box i.iconyirugonghai {font-size: 16px;display: inline-block;vertical-align: middle;margin-right: 6px!important;margin-top: -2px;}
.page-top-btns-box i.iconEmail{font-size: 20px;display: inline-block;vertical-align: middle;margin-right: 6px!important;margin-top: -2px;}
.page-top-btns-box i.iconicon_yijiao{font-size: 16px;display: inline-block;vertical-align: middle;margin-right: 6px!important;margin-top: -2px;}
.page-top-btns-box .search-margin0 *{
    margin: 0 !important;
}

.search-item-box-div{position: relative;width: 300px;display: inline-block;vertical-align: middle;}
.search-item-box-div input{margin: 0 !important; padding: 5px 10px;line-height: 28px;border: 1px solid #dcdcdc;border-radius: 3px;width: calc(100% - 68px);padding-right: 10px;padding-left: 30px;float: left;}
.search-item-box-div img{margin: 0 !important; position: absolute;top: 50%;transform: translateY(-50%);left: 8px;}
.search-item-box-div button{margin: 0 !important; float: right;width: 60px;min-width: 60px;}
.search-item-box-form .item{display: inline-block;vertical-align: middle;padding-right: 10px;position: relative;}
.search-item-box-form .item p{display: inline-block;vertical-align: middle;}
.search-item-box-form .item select{display: inline-block;vertical-align: middle;}
.search-item-box-form .item input{display: inline-block;vertical-align: middle;}
.search-item-box-form .item button{display: inline-block;vertical-align: middle;}
.search-item-box-form .item p.text{line-height: 36px;padding-right: 10px;}
.search-item-box-form .item select{ height: 36px; padding: 5px 10px;line-height: 24px;border: 1px solid #dcdcdc;border-radius: 3px;width: 240px;padding-right: 10px;}
.search-item-box-form .item input{ height: 36px; padding: 5px 10px;line-height: 24px;border: 1px solid #dcdcdc;border-radius: 3px;width: 240px;padding-right: 10px;}
.search-item-box-form .pro-fenlei-tree{width: 240px;right: 10px;}
.search-item-box-form .item select.short{width: 145px;}
.search-item-box-form .item input.short{width: 145px;}

.page-top-btns-box .fl{}
.page-top-search-box{background-color: #f5f5f5}
.page-top-search-box3{background-color: #fff}
.page-top-search-box2{margin-left: -20px;width: calc(100% + 40px);padding: 10px 20px 20px;margin-top: -10px;margin-bottom: 10px;}
.page-top-search-box4{margin-left: -20px !important;width: calc(100% + 40px) !important;padding: 10px 20px 20px !important;margin-top: -10px !important;margin-bottom: 10px !important;}
.page-top-search-box>div{position: relative;display: inline-block;vertical-align: middle;}
.page-top-search-box>div>span{margin-top: 10px;margin-right: 10px;min-width:35px;text-align: right;display: inline-block;vertical-align: middle;line-height: 36px;}
.page-top-search-box>div>a{margin-top: 10px;margin-right: 10px;display: inline-block;vertical-align: middle;}
.page-top-search-box>div>button{margin-top: 10px;margin-right: 10px;margin-left: 10px;display: inline-block;vertical-align: middle;}
.page-top-search-box>div>input{margin-top: 10px;margin-right: 10px;height: 36px; width: 228px; border: 1px solid #dcdcdc;background-color: #fff;padding: 5px 10px;line-height: 24px;display: inline-block;vertical-align: middle;}
.page-top-search-box>div>select{margin-top: 10px;margin-right: 10px;height: 36px; width: 228px; border: 1px solid #dcdcdc;background-color: #fff;padding: 5px 10px;line-height: 24px;display: inline-block;vertical-align: middle;}

.page-top-search-box div input.time{padding-left: 40px;background-position: 13px center; background-image: url("../images/time.png");background-repeat: no-repeat}
.page-top-search-box3 div select{width: 160px;}
.page-top-search-box3 .search-input-div{position: relative;}
.page-top-search-box3 .search-input-div img{position: absolute;margin: 0; left: 10px;top: 20px;}
.page-top-search-box3 .search-input-div input{padding-left: 30px;width: 260px;}
.page-top-search-box .pro-fenlei-tree{width: 260px; left: 49px;padding: 10px 0px;}
.page-top-search-box .select_fenlei{width: 260px;cursor: pointer;}
.select_fenlei{cursor: pointer;}
.select_fenlei[readonly]{background-color: #fff;border: 1px solid #e7e7e7!important;}
.table-no-data{min-height: 300px;text-align: center;}
.table-no-data p{display: inline-block;vertical-align: middle; padding-top: 30px;line-height: 30px; color: #999;text-align: center;}
.table-no-data p i{display: inline-block;vertical-align: middle;font-size: 26px;line-height: 30px;margin-right: 6px;margin-top: -3px;}

.table-paixu-input{text-align: center; width: 50px;height: 24px;padding: 2px 0px;line-height: 20px;border: 1px solid #dcdcdc;background-color: #FFFFFF!important;}
@media screen and (max-width: 1419px) {
	.page-top-search-box>div>span{min-width:50px;}
    .wrap-box .content-scroll-box .item-multiple .item-cell-box-banner .info .input input{width:100%}
    .wrap-box .content-scroll-box .item-box .input{width:100%}
    .wrap-box .content-scroll-box .item-multiple .item-cell-box-banner .info .input{width:100%}
    .wrap-webmg .shouye-right-content .area-item-box .item-cell-box-banner .info{width: calc(100% - 240px)}
    .wrap-box .content-scroll-box .item-multiple .item-cell-box-banner .info .item{width:calc(100% - 90px)}
    /*.wrap-box .content-scroll-box .item-multiple .item-box{width:calc(100% - 90px)}*/
    .wrap-box .content-scroll-box .item-multiple .item-cell-box-banner .i-btn{position: absolute;right: 0}
    .bank-pic-list-box.banner-box .pic-item{width: 150px}
    .bank-pic-list-box.banner-box .pic-item .img{width: 150px}
    /*.page-top-search-box>div>input{margin-top: 15px}*/
}
@media screen and (max-width: 700px) {
    .page-top-search-box3{float: unset!important;}
}
/********************************************** index **********************************************/


.wrap-box.wrap-index .content-box{border-radius: 0;border: 0;padding: 0;}
.wrap-index .t-top{overflow: hidden;margin-bottom: 20px; height: -moz-calc(20% - 20px); height: -webkit-calc(20% - 20px); height: calc(20% - 20px);}
.wrap-index .t-top li{position: relative; height: 100%;float: left;border-radius: 8px;border: 1px solid #e7e7e7; width: -moz-calc(20% - 16px); width: -webkit-calc(20% - 16px); width: calc(20% - 16px);margin-right: 20px;}
.wrap-index .t-top li:last-child{margin-right: 0px;}
.wrap-index .t-top li .img{width: 13.9%;line-height: 0;font-size: 0;position: absolute;left: 8%;top: 50%;transform: translateY(-50%);}
.wrap-index .t-top li .img img{width: 100%;}
.wrap-index .t-top li .texts{position: absolute;left: calc(21.9% + 15px);top: 50%;transform: translateY(-50%);}
.wrap-index .t-top li .text{line-height: 30px;font-size: 14px;color: #999999;}
.wrap-index .t-top li .num{line-height: 50px;font-size: 28px;color: #2baab1;font-weight: bold;font-family: 'NotoSansHansBold';}
.wrap-index .t-top li a{display: block;overflow: hidden;width: 100%;height: 100%;}

@media screen and (max-width: 1619px) {
    .wrap-index .t-top li .num{font-size: 24px;}

}

@media screen and (max-width: 1419px) {
    .wrap-index .t-top li .num{font-size: 22px;line-height: 40px;}
    .page-top-search-box .pro-fenlei-tree{ left: 64px; }
}
@media screen and (max-width: 1319px) {
    .wrap-index .t-top li .num{font-size: 20px;line-height: 30px;}
}

@media screen and (max-width: 1219px) {
    .wrap-index .t-top li .text{line-height: 24px;font-size: 12px;}
    .wrap-index .t-top li .num{font-size: 18px;line-height: 26px;}
}
@media screen and (max-width: 1119px) {
    .wrap-index .t-top li .img{width: 18%;}
}

@media screen and (max-width: 999px) {
    .wrap-index .t-top li .img{width: 12%;}
    .wrap-index .t-top{height: auto;}
    .wrap-index .t-top li{margin-bottom: 10px; height: 80px; width: -moz-calc(33.3333% - 14px); width: -webkit-calc(33.3333% - 14px); width: calc(33.3333% - 14px);}
    .wrap-index .t-top li:nth-child(3){margin-right: 0;}
}


.wrap-index .liuliang{margin-bottom: 20px; position: relative; padding: 30px 0 10px; border: 1px solid #e7e7e7;border-radius: 8px; height: -moz-calc(40% - 20px); height: -webkit-calc(40% - 20px); height: calc(40% - 20px);}
.wrap-index .liuliang .top{z-index: 9; position: absolute;width: 100%;top: 20px;left: 0;padding: 0 15px;}
.wrap-index .liuliang .top>div *{display: inline-block;vertical-align: middle;line-height: 32px;}
.wrap-index .liuliang .top .num{margin-left: 10px; padding: 0 15px;color: #252631;background-color: #f8fafb;border-radius: 35px;}
.wrap-index .liuliang .top .num span{margin-right: 8px; width: 10px;height: 10px;border-radius: 50%;background-color: #ffab2b;}
.wrap-index .liuliang .top .only{margin-left: 10px; padding: 0 15px;color: #252631;background-color: #f8fafb;border-radius: 35px;}
.wrap-index .liuliang .top .only span{margin-right: 8px;width: 10px;height: 10px;border-radius: 50%;background-color: #2baab1;}
.wrap-index .liuliang .top .btn{margin-right: 10px; line-height: 30px; padding: 0 15px;color: #999;border: 1px solid #d8d8d8; background-color: #fff;border-radius: 3px;}
.wrap-index .liuliang .top .btn.active{background-color: #2baab1;color: #fff;}
.wrap-index .liuliang .top .btn:hover{background-color: #2baab1;color: #fff;}
.wrap-index .liuliang #index_liuliang_chart{width: 100%;height: 100%;}
.wrap-index .liuliang .xf-xzriqin input.time{
		background-position: 13px center;
		background-image: url(../images/time.png);
		background-repeat: no-repeat;
	}
.wrap-index .liuliang .title-h2{font-weight: bold;}
.wrap-index .news .title-h2{font-weight: bold;}
.wrap-index .inquiry .title-h2{font-weight: bold;}
.wrap-index .resource .title-h2{font-weight: bold;}
.wrap-index .keyword .title-h2{font-weight: bold;}


.wrap-index .keyword{float: left;margin-right: 20px;margin-bottom: 20px; padding: 10px 15px 10px;
border: 1px solid #e7e7e7;border-radius: 8px; height: -moz-calc(40% - 20px); height: -webkit-calc(40% - 20px); height: calc(40% - 20px);
width: -moz-calc(50% - 14px);width: -webkit-calc(50% - 14px);width: calc(50% - 14px);}
.wrap-index .keyword .table-scroll{overflow-y: auto; max-height:-moz-calc(100% - 30px);max-height: -webkit-calc(100% - 30px);max-height: calc(100% - 30px);}
.wrap-index .keyword table{border: 0px solid #ddd;margin-top: 6px;}
.wrap-index .keyword table a{color: #2baab1;}
@media screen and (min-width:1291px){
  .wrap-index .keyword table .keyword-name{
	  display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;
  }
  .wrap-index .inquiry table .inquiry-email{
	   display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;
  }
}
  .wrap-index .keyword table .keyword-name{
	  word-break: break-all;
  }

.wrap-index .keyword table a:hover{color: #ffab2b;}
.wrap-index .keyword table thead th{border:1px solid #fff;text-align: left;padding: 1% 8px;font-weight: 400;}
.wrap-index .inquiry table thead th{font-weight: 400;text-align: left;}
.wrap-index .keyword table tbody td{text-align: center;padding: 10px 8px;text-align: left;}


.wrap-index .inquiry{float: left;margin-right: 20px;margin-bottom: 20px; padding: 10px 15px 10px; border: 1px solid #e7e7e7;border-radius: 8px; height: -moz-calc(40% - 20px); height: -webkit-calc(40% - 20px); height: calc(40% - 20px);
width: -moz-calc(30% - 14px);width: -webkit-calc(30% - 14px);width: calc(30% - 14px);}
.wrap-index .inquiry .table-scroll{overflow-y: auto; max-height:-moz-calc(100% - 30px);max-height: -webkit-calc(100% - 30px);max-height: calc(100% - 30px);}
.wrap-index .inquiry table{border: 0px solid #ddd;margin-top: 6px;}
.wrap-index .inquiry table a{color: #2baab1;}
.wrap-index .inquiry table a:hover{color: #ffab2b;}
.wrap-index .inquiry table thead th{border:1px solid #fff;text-align: left;padding: 1% 8px;}
.wrap-index .inquiry table thead th:nth-child(1){text-align: left;}
.wrap-index .inquiry table tbody td{text-align: left;padding: 10px 8px;}
.wrap-index .inquiry table tbody td:nth-child(1){text-align: left;}
.wrap-index .inquiry table tbody td .icon{font-size: 24px;display: inline-block;vertical-align: middle;margin-right: 3px;color: #bbb;}

.wrap-index .resource{float: left;margin-bottom: 20px; position: relative; padding: 30px 0 10px; border: 1px solid #e7e7e7;border-radius: 8px; height: -moz-calc(40% - 20px); height: -webkit-calc(40% - 20px); height: calc(40% - 20px);width: -moz-calc(20% - 14px);width: -webkit-calc(20% - 14px);width: calc(20% - 14px);}
.wrap-index .resource .top{z-index: 9; position: absolute;width: 100%;top: 10px;left: 0;padding: 0 15px;}
.wrap-index .resource .top>div *{display: inline-block;vertical-align: middle;line-height: 32px;}
.wrap-index .resource #index_resource_chart{width: 100%;height: 100%;}


.wrap-index .news{float: left;margin-right: 20px;margin-bottom: 20px; padding: 10px 15px 10px; border: 1px solid #e7e7e7;border-radius: 8px; height: -moz-calc(40% - 20px); height: -webkit-calc(40% - 20px); height: calc(40% - 20px);
width: -moz-calc(50% - 14px);width: -webkit-calc(50% - 14px);width: calc(50% - 14px);}
.wrap-index .news .table-scroll{overflow-y: auto; max-height:-moz-calc(100% - 30px);max-height: -webkit-calc(100% - 30px);max-height: calc(100% - 30px);}
.wrap-index .news table{border: 0px solid #ddd;margin-top: 6px;}
.wrap-index .news table a{color: #2baab1;}
.wrap-index .news table a:hover{color: #ffab2b;}
.wrap-index .news table thead{display: none;}
.wrap-index .news table thead th{border:1px solid #fff;text-align: center;padding: 1% 8px;}
.wrap-index .news table thead th:nth-child(1){text-align: left;}
.wrap-index .news table tbody td{text-align: center;padding: 8px 8px;}
.wrap-index .news table tbody td:nth-child(1){text-align: left;}
.wrap-index .news table .circle{display: inline-block;width: 5px;height: 5px;vertical-align: middle;border-radius: 50%;background-color: #999999;margin-top: -5px;margin-right: 5px;}
.wrap-index .news table .info{display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.wrap-index .no-authority{position: absolute;left: 0;right: 0;top: 45%;transform: translateY(-50%);width: 300px;margin: 0 auto;}
.wrap-index .no-authority .img{float: left;margin-right: 20px;}
.wrap-index .no-authority .text{line-height: 60px;font-size: 30px;color: #2baab1;}
.wrap-index .no-authority .time{line-height: 30px;font-size: 16px;color: #999;}


/********************************************** setting watermark **********************************************/

.wrap-watermark .item-box.item-box-bac{height: 50px;max-width: 1100px;width: 100%;padding-left: 15px;}
.wrap-watermark .item-title.fl{display: inline-block;vertical-align: middle; line-height: 50px; margin-right: 30px;font-weight: bold;}
.wrap-watermark .left-box{width:34%;padding-right: 2%;margin-top:10px;padding-left: 15px}
.wrap-watermark .right-box{width: 50%;padding-left: 2%;border-left: 1px dashed #e7e7e7;margin-top:20px;float: left}
.wrap-watermark .right-box .preview{margin-top: 10px; border: 1px solid #e7e7e7;width: 422px;height: 422px;padding: 10px;}
.wrap-watermark .right-box .preview .img-bac{width: 400px;height: 400px;position: relative;background-image: url("../images/watermark_img.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center;overflow: hidden;}
.wrap-watermark .right-box .preview .img-bac img{position: absolute;top: 0;left: 0;width: auto;height: auto;}
.wrap-watermark .right-box .preview .img-bac img.center{top: 50% !important;left: 50% !important;transform: translate(-50%,-50%) !important;}

.watermark-slide .layui-slider{width: 260px;border: 1px solid #dcdcdc;border-radius: 2px;background-color: #fff;height: 12px;}
.watermark-slide .layui-slider-bar{background-color: #fff !important;}
.watermark-slide .layui-slider-wrap{top: -14px;background-image: url("../images/percent_linebtn.png");background-position: center;background-repeat: no-repeat;}
.watermark-slide .layui-slider-wrap .layui-slider-wrap-btn{border: 0 !important;background-color: unset;}
.watermark-slide .layui-slider-tips:after{display: none;}
.watermark-slide .layui-slider-tips{background-image: url("../images/percent_line_num.png");background-position: center;background-repeat: no-repeat;width: 54px;height: 33px;background-color: unset;color: #333;text-align: center;font-size: 12px;line-height: 30px;}


/********************************************** 网站管理 **********************************************/
.wrap-webmg .shouye-left-content .nano-pane
/* base info */
.wrap-webmg .content-box{border: 0px;position: relative;overflow: hidden;}
.wrap-webmg .nano > .nano-content{right: 0!important;}
.wrap-webmg .shouye-left-content{outline: none;overflow: visible; float: left;width: 480px;position: relative;line-height: 0;font-size: 0;display: block;border: 1px solid #dcdcdc;}
.wrap-webmg .shouye-left-content:focus{border: 1px solid #dcdcdc;outline: none;}
.wrap-webmg .shouye-left-content:active{border: 1px solid #dcdcdc;outline: none;}
.wrap-webmg .shouye-left-content .nano-pane{right: -6px;}
.wrap-webmg .shouye-left-content .mb-back-img{width: 100%;height: auto;}
.wrap-webmg .shouye-left-content .muban-img{width: 100%;height: auto;max-height: none;}
.wrap-webmg .shouye-left-content .click-area{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.wrap-webmg .shouye-left-content .click-area .area{position: absolute;background-color: rgba(0,0,0,0.5);}
.wrap-webmg .shouye-left-content .click-area .area[data-type='bacimg']{background-color: unset;}
.wrap-webmg .shouye-left-content .click-area .area.selected{background-color: unset;border: 2px solid #2baab1;}
.wrap-webmg .shouye-left-content img{max-height:unset}
.wrap-webmg .shouye-right-content{float: right;width: calc(100% - 510px)}
.wrap-webmg .shouye-right-content .area-item-box .item-cell-box-banner{max-width: 800px;padding: 20px 0px 10px;}
/*.wrap-webmg .shouye-right-content .area-item-box.area-banner-box .item-cell-box-banner{border-bottom: 1px solid #dcdcdc;}*/
/*.wrap-webmg .shouye-right-content .area-item-box .item-cell-box-banner:first-of-type{padding-top: 0;}*/
/*.wrap-webmg .shouye-right-content .area-item-box .item-cell-box-banner .i-btn a{display: block !important}*/
.wrap-webmg .shouye-right-content .area-item-box .item-cell-box-banner .info{padding-top: 0px !important;}

.wrap-webmg .shouye-right-content .area-item-box.area-pav-box .item-cell-box-banner .i-btn a{display: none !important}


.wrap-webmg .shouye-right-content .area-item-box{display: none;}
.wrap-webmg .shouye-right-content .area-item-box.show{display: block;}


    /*语言设置*/
.wrap-webmg .set-language-btn{position: relative;margin-top: 5px; vertical-align: middle;display: inline-block;}
.wrap-webmg .set-language-btn input[type='radio']{position: absolute;width: 100%;height: 100%;top:0;left: 0;opacity: 0;filter:Alpha(opacity=0);}
.wrap-webmg.wrap-webmg-language .item-title{min-width: 128px;}
.wrap-webmg.wrap-webmg-language .zifu1{display: inline-block;line-height: 26px;margin-top: 10px;margin-left: 30px;}
.wrap-webmg.wrap-webmg-language .zifu1 span{color: #000;}
.wrap-webmg.wrap-webmg-language .zifu2{display: inline-block;line-height: 26px;margin-top: 10px;margin-left: 30px;}
.wrap-webmg.wrap-webmg-language .zifu2 span{color: #2baab1;}
.wrap-webmg.wrap-webmg-language .item-box .tips{margin-left: 30px;}
.wrap-webmg.wrap-webmg-language .item-box{padding-top: 10px}
.wrap-webmg.wrap-webmg-language #max_language_num{padding-bottom: 10px;}
.wrap-webmg.wrap-webmg-language .language-list{background-color: #f2f6f8;}
.wrap-webmg.wrap-webmg-language .language-list .list{padding: 10px;border: 1px solid #dcdcdc;border-radius: 12px;}
.wrap-webmg.wrap-webmg-language .language-list .list .lists{display: none;}
.wrap-webmg.wrap-webmg-language .language-list .list .lists::after{content:"";clear: both;display:block;}
.wrap-webmg.wrap-webmg-language .language-list .list ul{float: left;width: 20%;}
.wrap-webmg.wrap-webmg-language .language-list .list ul li{position: relative;margin-bottom: 5px;color: #666;}
.wrap-webmg.wrap-webmg-language .language-list .list ul li span{display: inline-block; border: 1px solid #f5f5f5;padding: 0 4px 0 10px;line-height: 28px;}
.wrap-webmg.wrap-webmg-language .language-list .list ul li input[type='checkbox']{position: absolute;width: 100%;height: 100%;top:0;left: 0;opacity: 0;filter:Alpha(opacity=0);}
.wrap-webmg.wrap-webmg-language .language-list .list ul li:hover span{border: 1px solid #5f7eba;color: #5f7eba;border-radius: 4px;}
.wrap-webmg.wrap-webmg-language .language-list .list ul li.checked{}
.wrap-webmg.wrap-webmg-language .language-list .list ul li.checked span{border: 1px solid #5f7eba;color: #fff;padding-right: 30px;background-color: #5f7eba;background-image: url("../images/language_duigou.png");background-position: calc(100% - 8px) center;background-repeat: no-repeat;border-radius: 4px;}
.wrap-webmg.wrap-webmg-language .language-list .list ul li.main.checked span{padding: 0 4px 0 10px;color: #666;border-color: #dae7ed; background-color: #dae7ed;background-image: none;border-radius: 4px;}

.wrap-webmg.wrap-webmg-language .language-list .list .lists.list2 ul{width: 33.33333%;}
.wrap-webmg.wrap-webmg-language .language-list .list .lists.list3 ul{width: 100%;}

@media screen and (max-width: 1419px) {
    .wrap-webmg.wrap-webmg-language .item-box{margin-bottom: 1px}
    .wrap-webmg .set-language-btn{height: 30px;line-height: 30px;padding: 0 5px;min-width: 60px}
}
@media screen and (max-width: 1920px) {
    .wrap-webmg.wrap-webmg-language .language-list .list .lists.list1{display: block;}
    .wrap-webmg.wrap-webmg-language .language-list .list .lists.list2{display: none;}
    .wrap-webmg.wrap-webmg-language .language-list .list .lists.list3{display: none;}
}

@media screen and (max-width: 1219px) {
    .wrap-webmg.wrap-webmg-language .language-list .list .lists.list1{display: none;}
    .wrap-webmg.wrap-webmg-language .language-list .list .lists.list2{display: block;}
    .wrap-webmg.wrap-webmg-language .language-list .list .lists.list3{display: none;}
}

@media screen and (max-width: 767px) {
    .wrap-webmg.wrap-webmg-language .language-list .list .lists.list1{display: none;}
    .wrap-webmg.wrap-webmg-language .language-list .list .lists.list2{display: none;}
    .wrap-webmg.wrap-webmg-language .language-list .list .lists.list3{display: block;}
}
/*导航设置*/
.wrap-webmg.wrap-webmg-navigation .navigation-list{padding-top: 20px; max-width: 700px;width: 100%;}
.wrap-webmg.wrap-webmg-navigation .navigation-list li{margin-bottom: 10px; padding: 18px 20px 18px 30px;position: relative; color: #2baab1; height: 60px;width: 100%;border-radius: 5px;background-color: #f5f5f5;}
/*transition: all .4s;*/
.wrap-webmg.wrap-webmg-navigation .navigation-list li i{font-size: 20px;position: absolute;left: 10px;display: none;}
.wrap-webmg.wrap-webmg-navigation .navigation-list li span{margin-left: 10px; color: #222;float: left;display: inline-block;line-height: 26px;}
.wrap-webmg.wrap-webmg-navigation .navigation-list li a{color: #2baab1;position: absolute;top: 50%;transform: translateY(-50%);right: 20px;}
.wrap-webmg.wrap-webmg-navigation .navigation-list li a.edit{right: 60px;}
.wrap-webmg.wrap-webmg-navigation .navigation-list li:hover{opacity: 0.8!important;}
.wrap-webmg.wrap-webmg-navigation .navigation-list li:hover i{display: block;}

/*选择模板*/
.wrap-webmg-select-muban .left{position: relative; float: left;padding: 15px; height: 100%;width: 36.6%;background-color: #f5f5f5;border-radius: 10px;}
.wrap-webmg-select-muban .left .top{overflow: hidden;padding-bottom: 10px;}
.wrap-webmg-select-muban .left .top .yulan{float: right;}
.wrap-webmg-select-muban .left .top .select{float: right;margin-left: 20px;}
.wrap-webmg-select-muban .left .number{float: left;line-height: 36px;}
.wrap-webmg-select-muban .left .number span{color: #2baab1;margin-left: 6px;}
.wrap-webmg-select-muban .left .img-box{overflow: hidden;position: relative; width: 100%;height: calc(100% - 46px);border: 1px solid #dcdcdc;cursor: pointer}
/*.wrap-webmg-select-muban .left .img-box img{position: absolute;bottom: -100%;top: 0;width: 100%;max-height: unset;left: 0; transition: all 2s;}*/
/*.wrap-webmg-select-muban .left .img-box:hover{border-color: #2baab1;}*/
/*.wrap-webmg-select-muban .left .img-box:hover img{top: -100%;bottom: 0;}*/

.wrap-webmg-select-muban .left .img-box{transition: background-position 6s linear;background: url("../images/select_muban.png") left top no-repeat;background-size: 100% auto !important;}
.wrap-webmg-select-muban .left .img-box:hover{background-position: left bottom !important;}
.wrap-webmg-select-muban .right{float: right;width: 60%;}
.wrap-webmg-select-muban .right .muban-list ul{overflow: hidden;}
.wrap-webmg-select-muban .right .muban-list ul li{padding: 0px 20px 20px; width: 28.3333%;margin: 20px 2.5% 0px;border-radius: 5px; float: left; position: relative;overflow: hidden; background-color: #f5f5f5;}
.wrap-webmg-select-muban .right .muban-list ul li .img{border: 1px solid #dcdcdc;text-align: center;height: 326px;overflow: hidden;}
.wrap-webmg-select-muban .right .muban-list ul li .img img{width: 100%;height: auto;max-height: unset;}
.wrap-webmg-select-muban .right .number{line-height: 40px;}
.wrap-webmg-select-muban .right .number span{color: #2baab1;margin-left: 6px;}
.wrap-webmg-select-muban .right .muban-list ul li .cover{position: absolute;width: 100%;top: 100%;left: 0;height: 100%;transition: all 0.5s ;background-color: rgba(0,0,0,0.4)}
.wrap-webmg-select-muban .right .muban-list ul li:hover .cover{top: 0;}
.wrap-webmg-select-muban .right .muban-list ul li .cover .item-muban-btn{position: absolute;width: 43px;height: 43px;top: 50%;left: 50%;transform: translate(-50%,-50%);background: url("../images/select_muban_unselected.png") center no-repeat;}
.wrap-webmg-select-muban .right .muban-list ul li .cover span{display: none; color: #2baab1;font-weight: bold; position: absolute;top: calc(50% + 40px);left: 50%;transform: translate(-50%,-50%);}
.wrap-webmg-select-muban .right .muban-list ul li.selected .item-muban-btn{background-image: url("../images/select_muban_selected.png")}
.wrap-webmg-select-muban .right .muban-list ul li.selected .cover{top: 0;}
.wrap-webmg-select-muban .right .muban-list ul li.used .cover{top: 0;background-color: unset;border: 2px solid #2baab1;}
.wrap-webmg-select-muban .right .muban-list ul li.used .item-muban-btn{background-image: url("../images/select_muban_selected.png")}
.wrap-webmg-select-muban .right .muban-list ul li.used .cover span{display: block;}
.wrap-webmg-select-muban .right .nano-content{padding-top: 56px;top: 1px;}
.wrap-webmg-select-muban .right .page-top-search-box3{padding: 0 2.5% 10px;position: absolute;width: 100%;top: 0;left: 0;z-index: 9;}
@media screen and (max-width: 1726px){
    .wrap-webmg-select-muban .right .nano-content{padding-top: 102px;}
}
@media screen and (max-width: 1619px){
    .wrap-webmg-select-muban .right .muban-list ul li .img{height: 280px;}
}
@media screen and (max-width: 1519px){
    .wrap-webmg-select-muban .right .muban-list ul li .img{height: 240px;}
}
@media screen and (max-width: 1319px){
    .wrap-webmg-select-muban .right .muban-list ul li .img{height: 200px;}
}
@media screen and (max-width: 1219px){
    .wrap-webmg-select-muban .left{width: 50%}
    .wrap-webmg-select-muban .right{width: 48%}
    .wrap-webmg-select-muban .right .muban-list ul li{width: 45%;}
    .wrap-webmg-select-muban .right .muban-list ul li .img{height: 240px;}
}
@media screen and (max-width: 1129px){
    .wrap-webmg-select-muban .right .nano-content{padding-top: 148px;}
}
@media screen and (max-width: 1072px){
    .wrap-webmg-select-muban .right .nano-content{padding-top: 194px;}
}
@media screen and (max-width: 1019px){
    .wrap-webmg-select-muban .right .muban-list ul li .img{height: 180px;}
}

@media screen and (max-width: 900px){
    .wrap-webmg-select-muban .right .muban-list ul li .img{height: 200px;}
    .wrap-webmg-select-muban .left{width: 60%}
    .wrap-webmg-select-muban .right{width: 38%}
    .wrap-webmg-select-muban .right .muban-list ul li{width: 95%;}
    .page-top-search-box3 .search-input-div input{width: 180px;}
}
@media screen and (max-width: 737px){
    .wrap-webmg-select-muban .right .nano-content{padding-top: 240px;}
}

    /********************************************** 设置 **********************************************/

.wrap-social-account-set .account-item{width: 100%;max-width: 760px;padding-bottom: 10px;}
.wrap-social-account-set .account-item .item{overflow: hidden;padding: 12px 20px;background-color: #f5f5f5;margin-top: 10px;}
.wrap-social-account-set .account-item .item img{margin-right: 10px; float: left; width: 36px;display: inline-block;vertical-align: middle;}
.wrap-social-account-set .account-item .item span{float: left; line-height: 36px; display: inline-block;vertical-align: middle;}
.wrap-social-account-set .account-item .item a{float: right;display: inline-block;vertical-align: middle;}
.wrap-social-account-set .account-item ul{padding-left: 70px;padding-right: 30px;}
.wrap-social-account-set .account-item ul li{padding-top: 24px;overflow: hidden;}
.wrap-social-account-set .account-item ul img{margin-right: 10px; float: left; width: 46px;display: inline-block;vertical-align: middle;}
.wrap-social-account-set .account-item ul span{float: left; line-height: 46px; display: inline-block;vertical-align: middle;}
.wrap-social-account-set .account-item ul a{float: right;display: inline-block;vertical-align: middle;font-size: 16px;line-height: 46px;color: #666;}

.wrap-social-share-manage ul{overflow: hidden;}
.wrap-social-share-manage ul li{float: left;width: 30.3333%;margin: 20px 1.5% 0px;border-radius: 5px;border: 1px solid #dcdcdc;overflow: hidden;}
.wrap-social-share-manage ul li .title{line-height: 33px;background-color: #2baab1;padding: 0 15px;color: #fff;}
.wrap-social-share-manage ul li .text{line-height: 30px;height: 136px;padding: 8px 15px;overflow: hidden;}
.wrap-social-share-manage ul li .bot{height: 33px;background-color: #f5f5f5;text-align: right;}
.wrap-social-share-manage ul li .bot>div{padding: 0 15px; display: inline-block;vertical-align: middle;}
.wrap-social-share-manage ul li .bot>div .icon{line-height: 33px;}

.wrap-setting-kefu .radio-box-div{position: relative; text-align: center;margin-right: 40px;vertical-align: top;margin-top: 10px;}
.wrap-setting-kefu .radio-box-div .text{color: #999;position: absolute;top: -2px;left: 70%;white-space: nowrap;}
.wrap-setting-kefu .top-line{background-color: #f5f5f5;padding: 2px 20px !important;overflow: hidden;}
.wrap-setting-kefu .top-line a{margin-top: 10px;}
.wrap-setting-kefu .kefu-item{position: relative;overflow: hidden;margin-top: 15px;border-bottom: 1px solid #dcdcdc;}
.wrap-setting-kefu .kefu-item .fl{width: 23%;margin-left: 2%;margin-bottom: 20px;margin-top: 10px;}
.wrap-setting-kefu .kefu-item .fl img{width: 50px;display: inline-block;vertical-align: middle;float: left;margin-right: 6px;}
.wrap-setting-kefu .kefu-item .fl .name{line-height: 50px;}
.wrap-setting-kefu .kefu-item .fr{width: 75%;}
.wrap-setting-kefu .kefu-item .fr li{float: left; position: relative; padding: 10px 10px 10px 25px; width: 31.333%;margin-left: 2%;margin-bottom: 20px;background-color: #f5f5f5}
.wrap-setting-kefu .kefu-item .fr li .delete{display: none; position: absolute;top: 10px;right: 20px;color: #2baab1;}
.wrap-setting-kefu .kefu-item .fr li .edit{display: none;position: absolute;top: 10px;right: 60px;color: #2baab1;}
.wrap-setting-kefu .kefu-item .fr li p{line-height: 30px;}
.wrap-setting-kefu .kefu-item .fr li p:first-of-type{width: calc(100% - 80px);}
.wrap-setting-kefu .kefu-item .move{display: none;position: absolute;left: 0;font-size: 22px;}
.wrap-setting-kefu .kefu-item .move1{top: 25px;}
.wrap-setting-kefu .kefu-item .move2{left: 3px; top: 50%;transform: translateY(-50%)}
.wrap-setting-kefu .kefu-item:hover .move1{display: block;}
.wrap-setting-kefu .kefu-item .fr li:hover .move2{display: block;}
.wrap-setting-kefu .kefu-item .fr li:hover .delete{display: block;}
.wrap-setting-kefu .kefu-item .fr li:hover .edit{display: block;}
@media screen and (max-width: 1019px){
    .wrap-setting-kefu .kefu-item .fr li{width: 48%}
}
@media screen and (max-width: 767px){
    .wrap-setting-kefu .kefu-item .fr li{width: 98%}
}

/********************************************** seo优化 **********************************************/

.wrap-seo .content-box{border: 0px;position: relative;overflow: hidden;}
.wrap-seo .seo-edit-item{padding: 15px 0 20px;border-bottom: 1px dotted #dcdcdc;}
.wrap-seo .seo-edit-item .lanmu-name{line-height: 20px;}
.wrap-seo.wrap-seo-add-specification .text{width: 70px;text-align: left;line-height: 30px;}

.wrap-seo.wrap-seo-add-specification .top{overflow: visible;height: 108px;margin-bottom: 30px;margin-top: 10px;}
.wrap-seo.wrap-seo-add-specification .top .select-box{width: calc(100% - 70px);position: relative;}
.wrap-seo.wrap-seo-add-specification .top .select-box{border: 2px solid #2baab1;padding: 8px;height: 108px;}
.wrap-seo.wrap-seo-add-specification .top .select-box .btn{position: absolute;right: 20px; top: 50%;transform: translateY(-50%);font-size: 20px;}
.wrap-seo.wrap-seo-add-specification .top .selected-product{display: none;overflow: hidden;}
.wrap-seo.wrap-seo-add-specification .top .selected-product .text{margin-top: 18px;vertical-align: middle;line-height: 26px;width: calc(100% - 140px);}
.wrap-seo.wrap-seo-add-specification .top .selected-product .img-box{float: left;margin-right: 15px;}
.wrap-seo.wrap-seo-add-specification .top .selected-product .img{display: table-cell;width: 88px;height: 88px;border: 1px solid #dcdcdc;text-align: center;vertical-align: middle;}
.wrap-seo.wrap-seo-add-specification .top .m-error{margin-left: 70px;}
.wrap-seo.wrap-seo-add-specification .top .no-data{display: inline-block;line-height: 30px;height:30px;font-size: 14px;padding-left: 20px; vertical-align: middle;width: calc(100% - 40px);overflow-y: hidden}
.wrap-seo.wrap-seo-add-specification .top .product-list{display: none; top: calc(100% + 12px); position: relative;padding: 20px 20px 20px; width: 100%;z-index: 999;background-color: #fff; left: 0;position: absolute;box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);}
.wrap-seo.wrap-seo-add-specification .top .product-list .search{ text-align: center;border: 1px solid #dcdcdc;border-radius: 5px;}
.wrap-seo.wrap-seo-add-specification .top .product-list .search input{min-width: 200px;max-width: 80%; padding: 5px 10px 5px 30px;line-height: 26px; display: inline-block;}
.wrap-seo.wrap-seo-add-specification .top .product-list .search input{background: url("../images/search.png") 8px center no-repeat;}
.wrap-seo.wrap-seo-add-specification .top .product-list .list-box{ height: 400px;}
.wrap-seo.wrap-seo-add-specification .top .product-list ul{overflow-y: auto;  margin-top: 15px;}
.wrap-seo.wrap-seo-add-specification .top .product-list ul li{padding: 10px 0; overflow: hidden;border-top: 1px solid #dcdcdc;line-height: 88px;cursor:pointer}
.wrap-seo.wrap-seo-add-specification .top .product-list ul li:nth-of-type(1){
	margin-top: 10px;
}
.wrap-seo.wrap-seo-add-specification .top .product-list .text{margin-top: 18px;vertical-align: middle;line-height: 26px;width: calc(100% - 140px);}
.wrap-seo.wrap-seo-add-specification .top .product-list .img-box{float: left;margin-right: 15px;}
.wrap-seo.wrap-seo-add-specification .top .product-list .img{display: table-cell;width: 88px;height: 88px;border: 1px solid #dcdcdc;text-align: center;vertical-align: middle;}

.wrap-seo.wrap-seo-add-specification .bot{overflow: visible;}
.wrap-seo.wrap-seo-add-specification .bot .add-box{width: calc(100% - 70px);position: relative;}
.wrap-seo.wrap-seo-add-specification .bot .add-box{padding: 0px 8px 8px;}
.wrap-seo.wrap-seo-add-specification .bot .add-box .btn{position: absolute;right: 20px; top: 50%;transform: translateY(-50%);}
.wrap-seo.wrap-seo-add-specification .bot .add-box .selected-list{height: 436px;width: 100%;margin-top: 10px;}
.wrap-seo.wrap-seo-add-specification .bot .add-box ul{ margin-top: 15px;}
.wrap-seo.wrap-seo-add-specification .bot .add-box ul li{position: relative; padding: 10px 30px 10px 0; overflow: hidden;border-top: 1px solid #dcdcdc;line-height: 88px;}
.wrap-seo.wrap-seo-add-specification .bot .add-box ul li .text{margin-top: 18px;vertical-align: middle;line-height: 26px;width: calc(100% - 140px);}
.wrap-seo.wrap-seo-add-specification .bot .add-box ul li .img-box{float: left;margin-right: 15px;}
.wrap-seo.wrap-seo-add-specification .bot .add-box ul li .img{display: table-cell;width: 88px;height: 88px;border: 1px solid #dcdcdc;text-align: center;vertical-align: middle;}
.wrap-seo.wrap-seo-add-specification .bot .add-box ul li .delete{display: block; position: absolute;right: 20px;top: 50%;transform: translateY(-50%)}
/*.wrap-seo.wrap-seo-add-specification .bot .add-box ul li:hover .delete{display: block;}*/

.wrap-seo-keyword .seo-keyword-top{min-height: 140px;overflow: hidden}
.wrap-seo-keyword .seo-keyword-top li{float: left;width: 23.5%; line-height: 140px; height: 140px; margin-right: 2%; overflow: hidden;border-radius: 10px;border: 1px solid #dcdcdc;border-top: 6px solid #2baab1;}
.wrap-seo-keyword .seo-keyword-top li{padding: 0 15px; background: url("../images/keyword_top_bac.png") 100% 100% no-repeat;}
.wrap-seo-keyword .seo-keyword-top li:last-of-type{margin-right: 0; }
.wrap-seo-keyword .seo-keyword-top li .left{width: 112px;text-align: left; display: inline-block;vertical-align: middle; line-height: 26px;color: #2baab1;padding-right: 20px;border-bottom: 1px solid #2baab1;}
.wrap-seo-keyword .seo-keyword-top li .right{width: calc(100% - 120px);text-align: right;display: inline-block;vertical-align: middle;line-height: 26px;color: #222;font-size: 30px;}
.wrap-box .content-scroll-box-seo-keyword{top: 230px;height: calc(100% - 280px);width: 100%; position: relative;top: 20px;left: 0;}
.seo-keyword-tip-box{padding-top: 50px;line-height: 26px;}
.seo-keyword-tip-box span:nth-of-type(3){padding-left: 35px;}
.seo-structured-page{line-height: 30px;}
.seo-structured-page .title{line-height: 80px;}
.seo-structured-page span{font-weight: bold;}
.seo-structured-page a{color: #2baab1;font-weight: bold;}

.wrap-seo-map .top{padding-top: 10px; line-height: 26px;color: #2baab1;}
.wrap-seo-map .file-title{padding-top: 20px;}
.wrap-seo-map .file-title span{color: #999;}
.wrap-seo-map .btn a{position: relative;}
.wrap-seo-map .btn a input{opacity: 0;filter:Alpha(opacity=0); position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


.wrap-web-evaluation{position: relative; background: #2baab1 url("../images/web_evaluation_bac.png") center no-repeat;}
.wrap-web-evaluation{height: 100%;}
.wrap-web-evaluation .box{padding-top: 120px; position: absolute;top: 25%;left: 0;right: 0;margin: 0 auto; width: 500px;height: 339px; background: url("../images/web_evaluation_box.png") center no-repeat;}
.wrap-web-evaluation .box *{color: #fff;text-align: center;}
.wrap-web-evaluation .box .btn{margin-top: 20px;}
.wrap-web-evaluation .box .btn a{min-width: 110px;height: 36px;background-color: #2b93ff; line-height: 36px;border-radius: 36px; display: inline-block;vertical-align: middle;}
.wrap-web-evaluation .box .error{padding-bottom: 20px; display: none;line-height: 26px;}
.wrap-web-evaluation .box .text{line-height: 26px;}
.wrap-web-evaluation .box.has-error .error{display: block;}
.wrap-web-evaluation .box.has-error .text{display: none;}
.wrap-web-evaluation .android{position: absolute;top: calc(25% + 270px);left: calc(50% + 280px);}


.wrap-web-evaluation-result{padding: 0;background: #1a2036 url("../images/web_evaluation_result_bac.png") center 340px no-repeat;background-size: contain;}
.wrap-web-evaluation-result::before{content: " ";display: block;background: url("../images/web-top-bg.png") no-repeat;width: 100%;height: 627px;position: absolute;top: 0;}
.wrap-web-evaluation-result .results-box{max-width: 83.33%;margin: 0 auto!important;padding-bottom: 90px; }
.wrap-web-evaluation-result .top{position: relative;width:100%;height: 360px;}

.wrap-web-evaluation-result .top-animate .bac-line{z-index: 0; position: absolute;width: 84%;left: 8%; top: 57%; height: 14px; background: url("../images/web_evaluation_result_top_bac-line.png") center repeat-x;}
.wrap-web-evaluation-result .top-animate .horizontal-star{display: none; transition: left 0s;position: absolute;left: 50%; top: calc(57% + 7px);transform: translateY(-50%);}
.wrap-web-evaluation-result .top-animate li:last-of-type .horizontal-star{display: none !important;}

.wrap-web-evaluation-result .top-animate{display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; }
.wrap-web-evaluation-result .top-animate{text-align: center; z-index: 1;position: absolute;width: 100%;left: 0;top: 0; overflow: hidden;}
.wrap-web-evaluation-result .top-animate li{text-align: center; padding-top: 30px; position: relative;}
.wrap-web-evaluation-result .top-animate li .img{display:inline-block;text-align: center;}
.wrap-web-evaluation-result .top-animate li img.star{position: absolute;bottom: 35%;}
.wrap-web-evaluation-result .top-animate li img.star1{left: 30%;}
.wrap-web-evaluation-result .top-animate li img.star2{left: 50%;}
.wrap-web-evaluation-result .top-animate li img.star3{left: 67%;}
.wrap-web-evaluation-result .top-animate li .text a{font-size: 16px; margin: 0 10px;color: #fff; min-width: 136px;text-align: center;line-height: 59px;height: 59px; display: inline-block;vertical-align: middle;background: url("../images/web_evaluation_result_nav.png") center no-repeat;font-weight: bold;}
.wrap-web-evaluation-result .top-animate li .text.active a{color: #fff;background: url("../images/web_evaluation_result_nav2.png") center no-repeat;}
.wrap-web-evaluation-result .top-animate li .text:hover a{color: #fff;background: url("../images/web_evaluation_result_nav2.png") center no-repeat;}

.wrap-web-evaluation-result .nav-change-box{overflow: hidden;text-align: center;padding-top: 70px;display: none;}
.wrap-web-evaluation-result .nav-change-box a{font-size: 16px; margin: 0 10px;color: #b1d7fe; min-width: 136px;text-align: center;line-height: 59px;height: 59px; display: inline-block;vertical-align: middle;background: url("../images/web_evaluation_result_nav.png") center no-repeat;}
.wrap-web-evaluation-result .nav-change-box a.active{color: #fff;background: url("../images/web_evaluation_result_nav2.png") center no-repeat;}
.wrap-web-evaluation-result .nav-change-box a:hover{color: #fff;background: url("../images/web_evaluation_result_nav2.png") center no-repeat;}

.wrap-web-evaluation-result .complete-status{padding: 20px 0 50px;margin-top: 50px;text-align: center;background: url("../images/web_evaluation_result_title.png") center no-repeat;}
.wrap-web-evaluation-result .complete-status *{color: #fff;margin: 0 10px; display: inline-block;vertical-align: middle;}
.wrap-web-evaluation-result .complete-status span:first-child{color: #b1d7fe;font-size: 24px;}
.wrap-web-evaluation-result .complete-status .evaluation-btn{color: #fff;text-align: center; min-width: 110px;height: 36px;background-color: #2b93ff; line-height: 36px;border-radius: 36px; display: inline-block;vertical-align: middle;}
.wrap-web-evaluation-result .complete-status .evaluation-btn.evaluation-btn-return,.wrap-web-evaluation-result .complete-status .evaluation-btn.evaluation-btn-refresh{width: 130px;}
.wrap-web-evaluation-result .complete-status .evaluation-btn .icon.iconfanhui{margin:3px 5px 0 0;display: inline-block;}
.wrap-web-evaluation-result .complete-status .evaluation-btn.evaluation-btn-refresh .icon{margin:0 3px 0 0;}

.wrap-web-evaluation-result .content-top{height: 160px; background: url("../images/web_evaluation_result_cbac_top.png") center top no-repeat;background-size: contain;}
.wrap-web-evaluation-result .content-top .title{font-weight: bold; font-size: 26px; color: #fff;line-height: 70px;padding: 10px 0;text-align: center;}
.wrap-web-evaluation-result .content-top .text{color: #fff;line-height: 26px;text-align: center;}


.wrap-web-evaluation-result .content-center{width: 100%;margin: -1px auto 0;background-size: 100% auto; padding: 0px 40px 0px;
	background: url("../images/web_evaluation_result_cbac_center.png") repeat-y;
	background-size: calc(100% - 10px) 20px;
	    background-position: 4px 0;
	}
.wrap-web-evaluation-result .content-center .title{line-height: 22px;padding-left: 8px;border-left: 3px solid #abd4ff; font-weight: bold; font-size: 16px; color: #abd4ff;}
.wrap-web-evaluation-result .content-center .title-img{width: calc(100% + 12px);margin-left: -6px;}

.wrap-web-evaluation-result .content-bottom{height: 163px; background: url("../images/web_evaluation_result_cbac_bot.png") center top no-repeat;background-size: calc(100% - 0px) 163px;}


.wrap-web-evaluation-result .search-line{overflow: hidden;padding-top: 30px;padding-bottom: 10px;}
.wrap-web-evaluation-result .search-line *{display: inline-block;vertical-align: middle;}
.wrap-web-evaluation-result .search-line span{margin-right: 10px;line-height: 36px;color: #fff;margin-bottom: 20px;}
.wrap-web-evaluation-result .search-line .item{margin-right: 20px;}
.wrap-web-evaluation-result .search-line input{color: #fff;background-color: unset;margin-bottom: 20px;width: 220px;line-height: 26px;padding: 5px 10px;border: 1px solid #363f5d;}
.wrap-web-evaluation-result .search-line .btn{margin-bottom: 20px;color: #fff;text-align: center; min-width: 150px;height: 36px;background-color: #2b93ff; line-height: 36px;border-radius: 36px; display: inline-block;vertical-align: middle;}

table thead{background-color: #edf2ff;height: 40px;}
table thead tr th{text-align: left; padding: 6px 8px; font-size: 14px;color: #333;line-height: 20px; vertical-align: middle;}
table thead tr th{border:1px solid #fff;padding: 1% 8px;border-top: 1px solid #edf2ff;}
table thead tr th:nth-child(1){border-left: 1px solid #edf2ff;}
table thead tr th:last-child{border-right: 1px solid #edf2ff;}
table tbody tr{background-color: #fff;}
table tbody tr:hover{background-color: rgb(242, 243, 247);}
table tbody tr td{border-bottom: 1px solid #ddd;padding: 10px 6px;}
table tbody tr td{text-align: left; padding: 18px 8px; font-size: 14px;color: #333;line-height: 20px; vertical-align: middle;}
/* table tbody tr:last-child td{border-bottom: 0px solid #ddd;} */



.wrap-web-evaluation-result .table-box {border: 1px solid #363f5d;}
.wrap-web-evaluation-result .table-box .thead{padding: 0 10px; height: 50px;background-color: #323a58;}
.wrap-web-evaluation-result .table-box .thead li{padding: 15px 10px;color: #fff;font-size: 14px;font-weight: bold;display: inline-block;vertical-align: middle;    white-space: nowrap;}
.wrap-web-evaluation-result .table-box .thead li:nth-child(1){width: 37%;}
.wrap-web-evaluation-result .table-box .thead li:nth-child(2){width: 15%;}
.wrap-web-evaluation-result .table-box .thead li:nth-child(3){width: 15%;}
.wrap-web-evaluation-result .table-box .thead li:nth-child(4){width: 7%;}
.wrap-web-evaluation-result .table-box .thead li:nth-child(5){width: 20%;}
.wrap-web-evaluation-result .table-box .tbody ul{padding: 0 10px;height: 50px;display: flex;align-items: center;}
.wrap-web-evaluation-result .table-box .tbody li{font-size: 14px;color: #fff;padding: 12px 10px;background-color: unset;display: inline-block;vertical-align: middle;}
.wrap-web-evaluation-result .table-box .tbody ul:nth-child(even){background-color: #2b3147;border-top: 1px solid #363e5d;border-bottom: 1px solid #363e5d;}
.wrap-web-evaluation-result .table-box .tbody ul:hover{background:url("../images/web_evaluation_result_hover.png") center no-repeat;background-size: 100% 100%;}
.wrap-web-evaluation-result .table-box .tbody li img{display: inline-block;vertical-align: middle;margin-right: 6px;margin-top: -2px;}
.wrap-web-evaluation-result .table-box .tbody ul li:nth-child(1){width: 37%;}
.wrap-web-evaluation-result .table-box .tbody ul li:nth-child(2){width: 15%;padding-left: 35px;}
.wrap-web-evaluation-result .table-box .tbody ul li:nth-child(3){width: 15%;padding-left: 35px;}
.wrap-web-evaluation-result .table-box .tbody ul li:nth-child(4){width: 7%;}
.wrap-web-evaluation-result .table-box .tbody ul li:nth-child(5){width: 20%;}


.wrap-web-evaluation .content-center .nano{}
.wrap-web-evaluation .content-center .nano-content{top: 0px;max-height: 500px;position: static;}
.wrap-web-evaluation.nano  .nano-pane  .nano-slider{background: #67b2ff;}
.wrap-web-evaluation .max-width-limit1200 .nano  .nano-pane {width: 6px;right: 7px;}
.wrap-web-evaluation .max-width-limit1200 .nano  .nano-pane  .nano-slider{background: #67b2ff;}


.wrap-web-evaluation-result .item-suggest{margin-top: 50px;color: #fff;}
.wrap-web-evaluation-result .item-suggest .fl{width: 80px;display: inline-block;line-height: 30px;}
.wrap-web-evaluation-result .item-suggest .fr{width: calc(100% - 80px);}
.wrap-web-evaluation-result .item-suggest .artical{padding-top: 30px;overflow: hidden;}
.wrap-web-evaluation-result .item-suggest .artical li a{display: inline-block;line-height: 30px;color: #fff;}
.wrap-web-evaluation-result .item-suggest .artical li a:hover{color: #67b2ff;}
.wrap-web-evaluation-result .item-suggest .video{padding-top: 50px;overflow: hidden;}
.wrap-web-evaluation-result .item-suggest .video .fr li{display: inline-block;margin-right: 30px;}
.wrap-web-evaluation-result .item-suggest .video .fr li .img{position: relative; width: 420px;height: 237px;display: table-cell;text-align: center;vertical-align: middle;}
.wrap-web-evaluation-result .item-suggest .video .fr li .title2{padding: 10px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.wrap-web-evaluation-result .item-suggest .video .fr li .img a{position: absolute;width: 420px;height: 237px;top: 0;left: 0;}
.wrap-web-evaluation-result .item-suggest .video .fr li .img a img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}

.item-outer-chain{position: relative;}
.item-outer-chain .title-box a.not-click{position: absolute;right: 0;color: #fff;font-size: 14px;}
.item-outer-chain .title-box a.not-click:hover{}
.item-outer-chain .title-box{border-bottom: 1px solid #abd4ff;margin-bottom: 20px;}
.item-outer-chain .title-box a{font-size: 16px; display: inline-block;vertical-align: middle;line-height: 40px;color: #abd4ff;margin-right: 10px;}
.item-outer-chain .title-box a.active{border-bottom: 2px solid #fff;color: #fff;}
.item-outer-chain .title-box a:hover{border-bottom: 2px solid #fff;color: #fff;}

.wrap-web-evaluation-result .item-outer-chain .table-box{display: none;}
.wrap-web-evaluation-result .item-outer-chain .table-box.active{display: block;}
.wrap-web-evaluation-result .item-outer-chain .table-box .tbody ul li:nth-child(1){width: 70%;}
.wrap-web-evaluation-result .item-outer-chain .table-box .tbody ul li:nth-child(2){width: 10%;}
.wrap-web-evaluation-result .item-outer-chain .table-box .tbody ul li:nth-child(3){width: 15%;}
.wrap-web-evaluation-result .item-outer-chain .table-box .tbody ul li:nth-child(3) .self-blue-btn.gray{background-color: #999999;min-width: 120px;}

.wrap-web-evaluation-result .item-outer-chain .table-box.table-box2 .tbody ul li:nth-child(1){width: 100%;}


.wrap-web-evaluation-result .item-artical .title22{border-bottom: 1px solid #abd4ff;margin-bottom: 20px;font-size: 20px;line-height: 40px;color: #abd4ff;}
.wrap-web-evaluation-result .item-artical .content *{color: #fff !important; line-height: 26px;}
.wrap-web-evaluation-result .item-artical .content p{color: #fff; line-height: 26px;}

.wrap-web-evaluation-result .center-item{margin-top: 50px;}
.wrap-web-evaluation-result .center-item .content{padding: 15px 0}
.wrap-web-evaluation-result .center-item .content p{color: #fff; line-height: 26px;}

.wrap-web-evaluation-result .item-suggest .long .fl{width: 120px;}
.wrap-web-evaluation-result .item-suggest .long .fr{width: calc(100% - 120px);}
.wrap-web-evaluation-result .item-suggest .long .self-blue-btn{line-height: 26px;}


.wrap-web-evaluation-result .liuliang{margin-bottom: 20px; position: relative; padding: 20px 0 10px;}
.wrap-web-evaluation-result .liuliang .chart-top{width: 100%;}
.wrap-web-evaluation-result .liuliang .chart-top>div *{display: inline-block;vertical-align: middle;line-height: 32px;}
.wrap-web-evaluation-result .liuliang .chart-top .num{margin-left: 10px; padding: 0 15px;color: #fff;background-color: #343a4f;border-radius: 35px;}
.wrap-web-evaluation-result .liuliang .chart-top .num span{margin-top: -2px;margin-right: 8px; width: 10px;height: 10px;border-radius: 50%;background-color: #ffab2b;}
.wrap-web-evaluation-result .liuliang .chart-top .only{margin-left: 10px; padding: 0 15px;color: #fff;background-color: #343a4f;border-radius: 35px;}
.wrap-web-evaluation-result .liuliang .chart-top .only span{margin-top: -2px;margin-right: 8px;width: 10px;height: 10px;border-radius: 50%;background-color: #18fafe;}
.wrap-web-evaluation-result .liuliang .chart-top .btn{margin-right: 10px; line-height: 32px;padding: 0 15px; text-align: center;min-width: 80px; color: #b1d7fe; background-color: #fff;border-radius: 3px;}
.wrap-web-evaluation-result .liuliang .chart-top .btn{background: url("../images/evaluate_echart_a_bac.png") center no-repeat;}
.wrap-web-evaluation-result .liuliang .chart-top .btn.active{background-color: #343a4f;color: #fff;background: url("../images/evaluate_echart_a_bac2.png") center no-repeat;}
.wrap-web-evaluation-result .liuliang .chart-top .btn:hover{background-color: #343a4f;color: #fff;background: url("../images/evaluate_echart_a_bac2.png") center no-repeat;}
.wrap-web-evaluation-result .liuliang #evaluation_liuliang_chart{width: 100%;height: 250px;}

.wrap-web-evaluation-result input.time-icon{margin-left: 20px; color: #fff; width: 220px;border: 1px solid #67b2ff;line-height: 22px !important; background-color: unset;border-radius: 26px;padding-left: 40px;}
.wrap-web-evaluation-result input.time-icon:hover{border: 1px solid #67b2ff;}

.wrap-web-evaluation-result .center-item.item-list{margin-top: 0;}
.wrap-web-evaluation-result .content-result-list{border: 1px solid #363f5d;margin-top: 50px;}
.wrap-web-evaluation-result .result-item .text-tip{padding: 10px 8% 10px 60px;line-height: 24px; width: 100%; font-size: 14px;color: #fff;background-color: unset;display: inline-block;vertical-align: middle;}

/*result-item1*/
.wrap-web-evaluation-result .result-item>.item-text{cursor: pointer;padding: 15px 8% 15px 25px; width: 100%; font-size: 14px;color: #fff;background-color: unset;display: inline-block;vertical-align: middle;}
.wrap-web-evaluation-result .result-item:nth-child(even){background-color: #2b3147;border-top: 1px solid #363e5d;border-bottom: 1px solid #363e5d;}
.wrap-web-evaluation-result .result-item>.item-text .name{float: left;color: #fff;}
.wrap-web-evaluation-result .result-item>.item-text .tip{text-align: left; width: 275px;white-space: nowrap;float: right;color: #acd5ff;padding-left: 25px;background: url("../images/evaluation_tip.png") left center no-repeat;}
.wrap-web-evaluation-result .result-item>.item-text img{margin-right: 15px; float: left;display: inline-block;vertical-align: middle;}
.wrap-web-evaluation-result .result-item>ul{width: 100%; padding: 0;display: none; overflow: hidden; transition: all 0.5s;}
.wrap-web-evaluation-result .result-item>ul>li{font-size: 0;letter-spacing: 0;padding: 0 60px;}
.wrap-web-evaluation-result .result-item>ul>li>a{padding: 0px 10px 0 0;line-height: 28px;  width: 100%; font-size: 14px;color: #acd5ff;background-color: unset;display: inline-block;vertical-align: middle;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wrap-web-evaluation-result .result-item>ul>li>a:hover{color: #fff;}
.wrap-web-evaluation-result .result-item>ul>li.has-reason>a{max-width: 90%;width: unset;}
.wrap-web-evaluation-result .result-item>ul>li>span{padding: 0px 10px;line-height: 28px; max-width: 50%; font-size: 14px;color: #fff;background-color: unset;display: inline-block;vertical-align: middle;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wrap-web-evaluation-result .result-item>.item-text:hover{background:url("../images/web_evaluation_result_hover.png") center no-repeat;background-size: 100% 100%;}
.wrap-web-evaluation-result .result-item.active>.item-text{background:url("../images/web_evaluation_result_hover.png") center no-repeat;background-size: 100% 100%;user-select: none;}
.wrap-web-evaluation-result .result-item.active>ul{height: auto;display: inline-block;}

/*result-item2*/
.wrap-web-evaluation-result .result-item2{margin: 0 8% 5px 40px;}
.wrap-web-evaluation-result .result-item2>.item-text2{line-height: 20px;cursor: pointer;padding: 10px 10px 10px 55px; width: 100%; font-size: 14px;color: #fff;background-color: unset;display: inline-block;vertical-align: middle;}
.wrap-web-evaluation-result .result-item2>.item-text2{background: #2b3147 url("../images/evaluation_close.png") 20px center no-repeat;}
.wrap-web-evaluation-result .result-item2>.item-text2 .name{display: inline-block;vertical-align: middle;color: #fff;}
.wrap-web-evaluation-result .result-item2>.item-text2 img{margin-right: 10px; display: inline-block;vertical-align: middle;}
.wrap-web-evaluation-result .result-item2>ul{width: 100%; padding: 5px 0 20px;display: none; overflow: hidden; transition: all 0.5s;}
.wrap-web-evaluation-result .result-item2>ul>li{font-size: 0;letter-spacing: 0;}
.wrap-web-evaluation-result .result-item2>ul>li>a{padding: 0px 10px;line-height: 28px; padding-left: 20px; width: 100%; font-size: 14px;color: #acd5ff;background-color: unset;display: inline-block;vertical-align: middle;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wrap-web-evaluation-result .result-item2>ul>li>a:hover{color: #fff;}
.wrap-web-evaluation-result .result-item2>ul>li.has-reason>a{max-width: 50%;width: unset;}
.wrap-web-evaluation-result .result-item2>ul>li>span{padding: 0px 10px;line-height: 28px; max-width: 50%; font-size: 14px;color: #fff;background-color: unset;display: inline-block;vertical-align: middle;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wrap-web-evaluation-result .result-item2.active>.item-text2{background: #2b3147 url("../images/evaluation_open.png") 20px center no-repeat;}
.wrap-web-evaluation-result .result-item2.active>ul{height: auto;display: inline-block;}

/*result-item3*/
.wrap-web-evaluation-result .result-item3{margin: 0 8% 0px 40px;}
.wrap-web-evaluation-result .result-item3:not(:last-child){border-bottom: 1px solid #363e5d;}
.wrap-web-evaluation-result .result-item3>ul{width: 100%; padding: 0px 0 10px; overflow: hidden; transition: all 0.5s;}
.wrap-web-evaluation-result .result-item3:last-of-type>ul{padding-bottom: 10px}
.wrap-web-evaluation-result .result-item3>ul>li{font-size: 0;letter-spacing: 0;}
.wrap-web-evaluation-result .result-item3>ul>li>a{padding: 0px 10px;line-height: 28px; padding-left: 20px; width: 100%; font-size: 14px;color: #acd5ff;background-color: unset;display: inline-block;vertical-align: middle;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wrap-web-evaluation-result .result-item3>ul>li>a:hover{color: #fff;}
.wrap-web-evaluation-result .result-item3>ul>li.has-reason>a{max-width: 50%;width: unset;}
.wrap-web-evaluation-result .result-item3>ul>li>span{padding: 0px 10px;line-height: 28px; max-width: 50%; font-size: 14px;color: #fff;background-color: unset;display: inline-block;vertical-align: middle;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wrap-web-evaluation-result .result-item3 .text-tip{padding: 10px 8% 0px 20px;}

/*result-item4*/
.wrap-web-evaluation-result .result-item4{margin: 0 8% 5px 40px;border-bottom: 1px solid #363e5d;}
.wrap-web-evaluation-result .result-item4>ul{width: 100%; padding: 10px 0 5px; overflow: hidden; transition: all 0.5s;}
.wrap-web-evaluation-result .result-item4>ul>li{font-size: 0;letter-spacing: 0;}
.wrap-web-evaluation-result .result-item4>ul>li>a{padding: 0px 10px;line-height: 28px; padding-left: 20px; width: 100%; font-size: 14px;color: #acd5ff;background-color: unset;display: inline-block;vertical-align: middle;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wrap-web-evaluation-result .result-item4>ul>li>a:hover{color: #fff;}
.wrap-web-evaluation-result .result-item4>ul>li.has-reason>a{max-width: 50%;width: unset;}
.wrap-web-evaluation-result .result-item4>ul>li>span{padding: 0px 10px;line-height: 28px; max-width: 50%; font-size: 14px;color: #fff;background-color: unset;display: inline-block;vertical-align: middle;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wrap-web-evaluation-result .result-item4 .text-tip{padding: 0px 8% 15px 20px;}

/*result-item5*/
.wrap-web-evaluation-result .result-item5{}
.wrap-web-evaluation-result .result-item5:not(:last-child){border-bottom: 1px solid #363e5d;}
.wrap-web-evaluation-result .result-item5>ul{width: 100%; padding: 10px 0 0 0px; overflow: hidden; transition: all 0.5s;}
.wrap-web-evaluation-result .result-item5>ul>li{font-size: 0;letter-spacing: 0;}
.wrap-web-evaluation-result .result-item5>ul>li>a{line-height: 28px;font-size: 14px;color: #acd5ff;background-color: unset;display: inline-block;vertical-align: middle;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 90%;}
.wrap-web-evaluation-result .result-item5>ul>li>a:hover{color: #fff;}
.wrap-web-evaluation-result .result-item5>ul>li.has-reason>a{max-width: 50%;width: unset;}
.wrap-web-evaluation-result .result-item5>ul>li>span{padding: 0px 10px;line-height: 28px; max-width: 50%; font-size: 14px;color: #fff;background-color: unset;display: inline-block;vertical-align: middle;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wrap-web-evaluation-result .result-item5 .text-tip{padding: 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.wrap-web-evaluation-result .result-item5 .text-tip:nth-of-type(even){margin-bottom: 10px}
.wrap-web-evaluation-result .result-item5.url-item5>ul>li>i{color:#fff;font-size: 16px;float: left;line-height: 28px}
.wrap-web-evaluation-result .result-item5.url-item5>ul>li>a{padding-left: 5px}
.wrap-web-evaluation-result .result-item5.url-item5>ul{padding-bottom: 10px}

@media screen and (min-width: 1600px) {
	.wrap-web-evaluation-result .content-top{height: 118px;background-size: 100%;}
	.wrap-web-evaluation-result .content-center{background-size: 100% 20px;background-position: 0px 0;}
}
@media screen and (max-width: 1600px) {
	.wrap-web-evaluation-result .results-box{width: 1400px;}
	.wrap-web-evaluation-result .content-top{height: 118px;background-size: 100%;}
	.wrap-web-evaluation-result .content-center{background-size: 100% 20px;background-position: 0px 0;}
}
@media screen and (max-width: 1400px) {
	.wrap-web-evaluation-result .content-top .title{line-height: 54px;}
	.wrap-web-evaluation-result .content-top{
		height: 101px;
	}
	.wrap-web-evaluation-result .content-center{
		width: 100%;
		background-size: 100% 20px;
	}
}
@media screen and (max-width: 1200px) {
	.wrap-web-evaluation-result .content-top{height: 85px;}
	.wrap-web-evaluation-result .content-center{background-position: 1px 0;}
}
@media screen and (-webkit-min-device-pixel-ratio : 1.1 ) {
	.wrap-web-evaluation-result .content-top{height: 147px;}
	.wrap-web-evaluation-result .content-center{background-size:100% 20px;background-position: 0 0;}
	.wrap-web-evaluation-result .content-bottom{background-size: 100%;}
	.wrap-web-evaluation-result .content-top .title{line-height: 68px;}
}
@media screen and (-webkit-min-device-pixel-ratio : 1.25 ) {
	.wrap-web-evaluation-result .content-top{height: 129px;}
	.wrap-web-evaluation-result .content-top .title{line-height: 56px;}
}
@media screen and (-webkit-min-device-pixel-ratio : 1.5 ) {
	.wrap-web-evaluation-result .content-top{height: 108px;}
	.wrap-web-evaluation-result .table-box .thead li:nth-child(4){min-width:76px;}
	.wrap-web-evaluation-result .content-top .title{line-height: 44px;}
}
@media screen and (-webkit-min-device-pixel-ratio : 1.75 ) {
	.wrap-web-evaluation-result .content-top{height: 93px;}
	.wrap-web-evaluation-result .content-top .title{line-height: 35px;}
}
@media screen and (-webkit-min-device-pixel-ratio : 2 ) {
	.wrap-web-evaluation-result .content-top{height: 81px;}
	.wrap-web-evaluation-result .content-top .title{line-height: 32px;}
}
    /********************************************** 放最后的css **********************************************/



*.red-border{border-color: #ff0000 !important;}
label.m-error{color: #ff0000;line-height: 30px;}
.ajax-form-dialog label.m-error{padding-left: 120px;}

.wrap-seo-flow-add-ads-dialog label.m-error{padding-left: 0;}

.ajax-form-dialog.errorpdl90 label.m-error{padding-left: 90px;}
.ajax-form-dialog.errorpdl0 label.m-error{padding-left: 0px;}
.ajax-form-dialog.error-pdl90 label.m-error{padding-left: 90px;}
.max-width-limit760{width: 100%;max-width: 760px;}
.max-width-limit1000{width: 100%;max-width: 1000px;}
.max-width-limit1200{width: 1200px;max-width: 66%;}
.ajax-form-dialog.guanjian label.m-error{padding-left: 0px;}



/********************************************** 内容管理页面 **********************************************/
.gray-title{
    height:55px;
    background:rgba(245,245,245,1);
    margin: -10px -20px;
}

.gray-title-hr{
    width:4px;
    height:16px;
    background:rgba(58,90,151,1);
    margin: 20px 0 0 20px;
    float: left;
}

.gray-title-text{
    height:16px;
    font-size:16px;
    font-weight:bold;
    color:rgba(58,90,151,1);
    line-height:60px;
    margin: -2px 0 0 10px;
    float: left;
}

/********************************************** 新闻管理 相关css **********************************************/
.about-product-tip{
    align-self:center;
    margin-left: 10px;
    color:rgba(153,153,153,1);
    font-size:13px;
}

.about-product-name{
    font-size:13px;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:18px;
    margin-top: 23px;
	display: flex;
	align-items: center;
}
.about-product-name span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-line-clamp: 1;max-width: 100%;}
.about-product-name img{width: 80px;display: inline-block;vertical-align: middle;}
.about-product-name p{vertical-align: middle;margin: 0 10px;max-width: 855px;}
.about-product-name a{display: inline-block;vertical-align: middle;margin: 0;}
.push-time{
    padding-left: 40px;
    background-position: 13px center;
    background-image: url("../images/time.png");
    background-repeat: no-repeat;
    width: 460px;
}

/********************************************** 下载管理 相关css **********************************************/
.progress-div{
    margin-top: 33px;
    display: none;
}

.progress-name{
    height:15px;
    font-size:13px;
    font-weight:400;
    color:rgba(58,90,151,1);
    line-height:18px;
    float: left;
    align-self: center;
}

.progress-size{
    height:10px;
    font-size:13px;
    font-family:Source Han Sans CN;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:18px;
    float: left;
    margin-left: 48px;
    align-self: center;
}

.progress-div .layui-btn{
    margin-left: 48px;
}

/********************************************** 产品 属性管理 相关css (和上面的其实一样，怎么能合并到一起) **********************************************/
.wen{margin-top: -8px; color: #2baab1;position: relative;display: inline-block;vertical-align: top;}

.wen .i{font-size: 18px;display: inline-block;margin-top: -10px;}
.wen .wen-info{display: none;position: absolute;color: #7b8391;padding: 5px 15px;background-color: #d9e7f4;top: 50%;transform: translateY(-50%);left: 40px;width: 300px;font-size: 12px;line-height: 24px;box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.1);}
.wen .wen-info.w320{
	width: 320px;
}
.wen .wen-info.width240{width: 240px;}
.wen .wen-info.width200{width: 200px;}
.wen:hover .wen-info{display: inline-block;}
.wen .wen-info:before{content: "";position: absolute;left: -10px;top: 50%;transform: translateY(-50%);border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid #d9e7f4;}

.js-delete-tip{
    font-size:13px;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:60px;
}


/********************************************** 智慧营销-email **********************************************/

.wrap-email{padding-bottom: 0;}
.wrap-email .email-content{height: calc(100% - 0px);overflow: hidden;}
.wrap-email .email-content2{height: 100%;border: 1px solid #dcdcdc;border-bottom: 0;border-radius: 10px 10px 0 0}
.wrap-email .email-content .left-menu{float: left;height: 100%; width: 200px;background-color: #F5F5F5;}
.wrap-email .email-content .left-menu .menu-list{padding: 10px 0 20px;}
.wrap-email .email-content .left-menu .menu-list .item{margin: 0 5px 10px;position: relative;}

.wrap-email .email-content .left-menu .menu-list .item>a{padding: 0 20px; font-weight: bold; line-height: 34px; display: block;color: #222;font-size: 14px;}
.wrap-email .email-content .left-menu .menu-list .item>a i{margin-right: 8px;color: #385793}
.wrap-email .email-content .left-menu .menu-list .item>a:hover{background-color: #385793;color: #fff;border-radius: 3px;}
.wrap-email .email-content .left-menu .menu-list .item>a.active{background-color: #385793;color: #fff;border-radius: 3px;}
.wrap-email .email-content .left-menu .menu-list .item>a:hover i{color: #fff;}
.wrap-email .email-content .left-menu .menu-list .item>a.active i{color: #fff;}
.wrap-email .email-content .left-menu .menu-list .item>.nobold{font-weight: normal;}
.wrap-email .email-content .left-menu .menu-list .line{height: 1px;width: 100%;background-color: #dcdcdc;margin: 10px 0;}
.wrap-email .email-content .left-menu .menu-list .item-fenlei{margin: 0 5px 10px;position: relative;}
.wrap-email .email-content .left-menu .menu-list .item-fenlei>a.active{background-color: #385793;color: #fff;border-radius: 3px;}
.wrap-email .email-content .item-fenlei .fenlei-icon{position: absolute;left: 3px;top: 1px;font-size: 14px;}
.wrap-email .email-content .item-fenlei .title{position: relative;padding: 0 20px;  line-height: 34px; display: block;color: #222;font-size: 14px;}
.wrap-email .email-content .item-fenlei .title a.add-btn{font-weight: normal; position: absolute;right: 120px;top: 50%;transform: translateY(-50%); line-height: 34px; display: block;color: #222;font-size: 14px;}
.wrap-email .email-content .item-fenlei ul{display: none;}
.wrap-email .email-content .item-fenlei ul li{padding: 0 10px 0 30px;position: relative;line-height: 30px;}
.wrap-email .email-content .item-fenlei ul li .self-ellipsis-1{max-width: 110px;}
.wrap-email .email-content .item-fenlei ul li.active{
	background-color: #385793;color: #fff;border-radius: 3px;
}
.wrap-email .email-content .item-fenlei ul li.active a{
	color: #FFFFFF;
}
.wrap-email .email-content .item-fenlei ul li .text{ line-height: 30px; display: block;color: #222;font-size: 14px;}
.wrap-email .email-content .item-fenlei ul li .text:hover{color: #385793}
.wrap-email .email-content .item-fenlei ul li .text.active{color: #385793}
.wrap-email .email-content .item-fenlei ul li .edit{display: none; position: absolute;right: 40px;top: 0px; color: #222;font-size: 18px;}
.wrap-email .email-content .item-fenlei ul li .delete{display: none; position: absolute;right: 15px;top: 0px; color: #222;font-size: 18px;}
.wrap-email .email-content .item-fenlei ul li:hover .edit{display: block;color: #fff;}
.wrap-email .email-content .item-fenlei ul li:hover a{color: #FFFFFF;}
.wrap-email .email-content .item-fenlei ul li:hover .delete{display: block;color: #fff;}
.wrap-email .email-content .item-fenlei ul li:hover {background-color: #385793;color: #fff;border-radius: 3px;}
.wrap-email .email-content .item-fenlei.open ul{display: block;}
.wrap-email .email-content .item-fenlei .title .text{padding-right: 90px;}
.wrap-email .email-content .item-fenlei .title .text:hover{color: #222;}

.wrap-email .email-content .iframe-box{overflow: hidden;height: 100%; position: relative; float: right;width: calc(100% - 200px);}
.wrap-email .email-content .iframe-box iframe{width: 100%;height: 100%;overflow: hidden;}
.wrap-email .email-content .right-content-box{position: relative;width: 100%;}
.wrap-email .email-content .right-content-box .right-content{height: calc(100% - 0px)}

.wrap-box.wrap-email .email-content .right-content-box .bottom-btn{position: absolute;}
.wrap-box.wrap-email .email-content .right-content-box .bottom-btn .layui-btn{margin-top: 6px;}

.wrap-email-write .email-content .right-content-box .right-content{padding: 0px 0px 10px; width: calc(100% - 240px);left: 00px;height: calc(100% - 80px);top: 0px;}
.wrap-email-write .email-content .right-content-box .right2-content{position: absolute; left: unset;right: 0px;top: 20px; width: 240px;height: calc(100% - 100px);border: 1px solid #dcdcdc;background-color: #f5f5f5;border-radius: 10px;overflow: hidden;}


/********************************************** 产品 **********************************************/

.wrap-product .content-scroll{width: calc(100% - 200px) !important;}

.wrap-product .right-menu{width: 160px;position: fixed;top: 140px;right: 40px; background-color: #f5f5f5;padding: 10px 20px;}
.wrap-product .right-menu li{border-bottom: 1px solid #dcdcdc;}
.wrap-product .right-menu li:last-of-type{border-bottom: 1px solid #f5f5f5;}
.wrap-product .right-menu li a{display: inline-block;width: 100%;color: #999;line-height: 30px;}
.wrap-product .right-menu li a:hover{color: #333;}
.wrap-product .right-menu li a.active{color: #333;}
.wrap-product .border-radius-item{margin-bottom: 20px; overflow: visible; border-radius: 10px;border: 1px solid #dcdccd;}
.wrap-product .border-radius-item .title{background-color: #f5f5f5;height: 56px;padding: 18px 20px;border-radius: 10px 10px 0 0;}
.wrap-product .border-radius-item .title span{font-size: 16px; display: inline-block;vertical-align: middle;line-height: 20px;padding-left: 8px;border-left: 4px solid #385793;}

.add-product-tags .item{position: relative; display: inline-block !important;margin-bottom: 10px !important;}
.add-product-tags .item .input{position: relative; display: inline-block !important;width: 300px !important;}
.add-product-tags .item .input input.check-input{width: 300px !important;}
.add-product-tags .item .input .add{display: inline-block !important;}
.add-product-tags .item .input ul{z-index: 999; min-height: 150px; border: 1px solid #dcdcdc;background-color: #fff; display: none;position: absolute;top: 100%;width: 100%;left: 0;}
.add-product-tags .item .input ul li{padding: 0 10px;line-height: 30px;font-size: 14px;color: #333;
display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;
}
.add-product-tags .item .input ul li:hover{background-color: #385793;color: #fff;cursor: pointer;}

.add-product-tags .m-error{position: absolute;top: 100%;left: 0;}

.wrap-product .shuxing-box{width: 100%;max-width: 840px;}
.wrap-product .shuxing-box .title{width: calc(100% - 70px);height: unset; padding: 0;line-height: 30px; color: #666;font-size: 14px; border: 1px solid #dcdcdc;margin-right: 80px;background-color: #e7e7e7;border-radius: 10px 10px 0 0;}
.wrap-product .shuxing-box .title .fl{float: left;width: 35%;padding: 0 10px;}
.wrap-product .shuxing-box .title .fr{float: left;width: 65%;padding: 0 10px;}

.wrap-product .shuxing-box .shuxing-item{float: left;width: calc(100% - 70px);}
.wrap-product .shuxing-box .shuxing-item-box .fl{float: left;width: 35%;}
.wrap-product .shuxing-box .shuxing-item-box .fr{float: left;width: 65%;}
.wrap-product .shuxing-box .move{width: 30px;padding-left: 8px; float: left;text-align: center;line-height: 31px;}
.wrap-product .shuxing-box .delete-shuxing-btn{width: 30px;float: left;text-align: center;line-height: 31px;}
.wrap-product .shuxing-box .add-shuxing-btn{width: 30px;float: left;text-align: center;line-height: 31px;}

.wrap-product .shuxing-box .shuxing-item-box .add-shuxing-btn{display: none;}
.wrap-product .shuxing-box .shuxing-item-box:first-child .add-shuxing-btn{display: block;}
.wrap-product .shuxing-box .shuxing-item-box:first-child .delete-shuxing-btn{display: none;}
.wrap-product .content-scroll-box .shuxing-item-box .shuxing-item{border: 1px solid #dcdcdc;}
.wrap-product .content-scroll-box .shuxing-item-box .fl {border-right: 1px solid #dcdcdc;}
.wrap-product .content-scroll-box .shuxing-item-box .fr {border-left: 1px solid #dcdcdc;}
.wrap-product .content-scroll-box .shuxing-item-box .item-box .input select{width: 100%; border: 0px;height: 30px;line-height: 20px;padding: 5px 10px;}
.wrap-product .content-scroll-box .shuxing-item-box .item-box .input{margin-top: 0;width: 100%;max-width: 100%;}
.wrap-product .content-scroll-box .shuxing-item-box .m-error{padding: 0 10px;}


.wrap-product .pro-biaoqian-box .pro-biaoqian{margin-top: 10px;margin-right: 10px; position: relative; width: 60px;text-align: center;display: inline-block;height: 30px;line-height: 30px;background-color: #f5f5f5;}
.wrap-product .pro-biaoqian-box .pro-biaoqian.active{color: #fff;background-color: #385793;}
.wrap-product .pro-biaoqian-box .pro-biaoqian input{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;filter:Alpha(opacity=0);}

.wrap-product .content-scroll-box .shuxing-item-box .item-box .input{position: relative;}

.shuxing-value-list{z-index: 999;background-color: #fff;border: 1px solid #dcdcdc;padding: 20px; display: none; position: absolute;width: 100%;height: 200px;overflow-y: auto;}
.wrap-box.wrap-product .content-scroll-box .item-box .input input[readonly] {
    cursor: pointer;
    background-color: #fff;border: 0;
}
.wrap-product .shuxing-value-list-box .check-box-div{margin-right: 30px;}
.wrap-product .shuxing-value-list-box .check-box-div .text{margin-right: 0px !important;}


/*公共*/
.pro-fenlei-tree{z-index: 999;background-color: #fff;border: 1px solid #dcdcdc;padding: 10px 0px; display: none; position: absolute;width: 100%;min-height: 200px;overflow-y: auto;}
.pro-fenlei-tree .layui-tree-icon{width: 14px;height: 14px;}
.pro-fenlei-tree.scrollbarBox{ height: 350px; }
/*.pro-fenlei-tree .layui-icon-subtraction:before{content: "\e63a;";}*/
/*.pro-fenlei-tree .layui-icon-addition:before{content: "\e66c;";}*/


/********************************************** 发布社交 **********************************************/
.wrap-social-publishing{}
.wrap-social-publishing .menu{padding: 20px; width: 342px;border: 1px solid #dcdcdc;border-radius: 10px;}
.wrap-social-publishing .right-form{width: calc(100% - 342px);padding-left: 20px;}
.wrap-social-publishing .social-item{margin-bottom: 30px;}
.wrap-social-publishing .social-item .top{}
.wrap-social-publishing .social-item .top .fr{width: calc(100% - 48px);margin-top: 5px;}
.wrap-social-publishing .social-item .list{position: relative;padding-left: 15px;margin-top: 20px;}
.wrap-social-publishing .social-item .check-box-div{background-color: #fff; margin-top: 5px;margin-right: 8px; display: inline-block;line-height: 26px;}
.wrap-social-publishing .social-item .list .top .fr{width: calc(100% - 80px);}
.wrap-social-publishing .social-item .list2{padding-left: 18px;position: relative;margin-left: 12px;}
.wrap-social-publishing .social-item .list2 li{margin-top: 20px;position: relative;}

.wrap-social-publishing .social-item .list2 li:last-of-type .v-line{
	height: 50px;bottom: 20px;
}
.wrap-social-publishing .h-line{position: absolute;left: -20px;top: 19px; width: 20px;height: 1px;border: 0;background-color: #E8E8E8;}
.wrap-social-publishing .v-line{position: absolute;left: -20px;bottom: 0px; width: 1px;height: 68px;border: 0;background-color: #E8E8E8;}

.wrap-social-publishing .social-item .list>li>.top{padding-bottom: 6px;}

.wrap-social-publishing .min-num{background-color: #fff;position: absolute;bottom: 1px;right: 18px;width: auto;text-align: center;line-height: 34px;color: #999999;}
.wrap-social-publishing .min-num span{margin-right: 6px;}
.wrap-social-publishing .min-num.facebook .max{padding-left: 18px; background: url("../images/social_publish_facebook_small.png") left center no-repeat;}
.wrap-social-publishing .min-num.linkedin .max{padding-left: 18px; background: url("../images/social_publish_linkedin_small.png") left center no-repeat;}
.wrap-social-publishing .min-num.twitter .max{padding-left: 18px; background: url("../images/social_publish_twitter_small.png") left center no-repeat;}

.wrap-social-publishing .min-num .chazhi{color: #999;}
.wrap-social-publishing .min-num{display: none}



    /********************************************** 产品管理  批量添加分类 **********************************************/

.batch-classification-add{
    min-height: 360px;
    margin-top: 20px;
    border: 1px solid #dcdcdc;
    border-radius:5px;
    display:flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
}
.batch-classification-add.batch-classification-addAll{
    min-height: 360px;
    margin-top: 20px;
    border: 1px solid #dcdcdc;
    border-radius:5px;
    width: 64vw;
    display:flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
    max-width: 80vw;
}

.layui-btn-primary-red{
    color: red;
    margin-top: 20px;
    margin-left: 20px;
    float: left;
}
@media screen and (max-width: 1000px){
    .batch-classification-add.batch-classification-addAll{width: 100%}
}
.crm_contract_follow_input input{ outline:none; border: 0!important;color: grey}
.crm_contract_follow_input input:focus{ outline:none; border: 0!important;box-shadow: unset!important;}

.email-list-search-input:hover{outline:none; border: 1px solid #2baab1!important;}


.email-list-search-input input:focus{outline:none; border: 0!important;box-shadow: unset!important;}
.email-list-search-input input:hover{outline:none; border: 0!important;box-shadow: unset!important;}
.wrap-box .item .input.m_email_setting{width: 100%;max-width: 460px;}

/* seo 本周工作计划 */
.seo-week{width: 693px;height: 711px;background: url("../images/seo-notepad.png") no-repeat;position: relative;padding: 32px 0 0 20px;}
.seo-week>.tit{padding-left: 20px;width: 585px;text-align: center;color: #333333;font-size: 22px;margin: 18px 0 10px 0;}
.seo-week .mgr8{margin-right: 8px;}
.seo-week .week-item{padding-left:50px;}
.seo-week  .title{height: 38px;display: flex;align-items: center;color: #333333;font-size: 14px;font-weight: bold;}
.seo-week  .con{margin-left: 33px;}
.seo-week  .con>p{height: 36px;display: flex;align-items: center;color: #666666;max-width: 480px;}
.seo-week  .con>p::before{content: " ";width: 8px;height: 8px;background-color: #2baab1;margin-right: 10px;border-radius: 50%;}
.seo-week  .con>ul{width: 451px;height: 148px;background: #F5F5F5;border: 1px solid #DCDCDC;padding: 10px;}
.seo-week  .con>ul p{color: #333333;font-size: 14px;margin-bottom: 5px;font-weight: 400;}
.seo-week  .con>ul li{color: #666666;font-size: 12px;line-height: 20px;}
.xiangbeipeo{position: absolute;bottom: 30px;right: -290px;width:290px;height: 345px;}
.xiangbeipeo .peo{position: absolute;left: 0;bottom: 0;}
.xiangbeipeo .chat{position: absolute; right: 0;top: -6px;width: 240px;height: 157px;background: url("../images/seo-chatting.png") no-repeat;display: flex;justify-content: center;}
.xiangbeipeo .chat p{text-align: center;color: #666666;font-size: 16px;display: flex;align-items: center;justify-content: center;height: 123px;}
.xiangbeipeo .chat .close{position: absolute;right: 0;top: 0;cursor: pointer;color: #999999;}
.xiangbeipeo.center{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.xiangbeipeo.center .chat{right: -45px;top: 20px;}


/* 首页添加banner视频 */
.banner-video{max-width: 800px;border-bottom: 1px solid #d9d9d9;padding-bottom: 20px;}
.banner-video .banner-video-box{display: flex;align-items: center;margin: 10px 0;}
.banner-video .banner-video-box .banner-video-upload-btn{position: relative;margin-right: 10px;}
.banner-video .banner-video-box .banner-video-upload-btn input{opacity: 0;position: absolute;width: 100%;height: 100%;}
.banner-video .banner-video-box p{color: #666;font-size: 12px;}
.banner-video .banner-video-text{display: flex;align-items: center;color: #2baab1;margin: 10px 0;}
.banner-video .banner-video-text span+span{margin-left: 15px;}
.banner-video .banner-video-text .video-close{cursor: pointer;}
.banner-video .banner-video-href{display: flex;align-items: center;}
.banner-video .banner-video-href span{color: #000;font-size: 14px;margin-right: 20px;}
.banner-video .banner-video-href input{border: 1px solid #d9d9d9;width: calc(100% - 150px);height: 32px;padding: 5px 10px;}

/* 首页添加Banner轮播间隔时间 */
.banner-interval-time{margin-top: 20px;border-bottom: 1px solid #dcdcdc;padding-bottom: 20px;max-width: 800px;margin-bottom: 10px;}
.banner-interval-time.no-video{margin-top: 35px;}
.banner-interval-time input{border: 1px solid #d9d9d9;width: 60px;height: 32px;padding: 5px 10px;}

.flex-default{display: flex;align-items: center}
.flex-default>.flex-text{flex: 0 0 200px;display: flex;}
.flex-default>.item-box{margin-bottom: 0!important;}
.flex-default .wen1{z-index: 9}
.wen1 {color: #2baab1;position: relative;display: inline-block;}
.wen1 .wen-info{display: none;position: absolute;color: #7b8391;padding: 5px 15px;background-color: #d9e7f4;bottom: 25px;left: 40px;width: 300px;font-size: 12px;line-height: 24px;box-shadow: 3px 3px 3px 0px rgb(0 0 0 / 10%);}
.wen1 .wen-info::before{content: "";position: absolute;left: -31px;top: 16px;display: block;
    border-top: 20px solid transparent;
    border-bottom: 0px solid transparent;
    border-right: 40px solid #d9e7f4;
    transform: rotate(336deg);
}
.wen1:hover .wen-info{display: block;}


/*seo 右侧  */
.seo-example-box{position: absolute;left: 560px;top: 95px;}
.seo-example-box>p{padding: 0 20px;line-height: 29px;color: #666;}
.seo-example{border: 1px solid #D9D9D9;border-radius: 2px;padding: 0 10px;max-width: 720px;height: 136px;}
.seo-example::after{
    content: "";display: flex;position: absolute;left: 20px;top: 100%;font-size: 14px;color: #333;}
.seo-example p{line-height: 29px;}
.seo-example .seo-left{flex: 1;width: calc(100% - 140px);}
.seo-example .seo-left p{word-break: break-word;}
.seo-example .title-preview{font-size: 18px;color: #1A0DAB;}
.seo-example .seo-left p.url-preview{line-height: 50px;}
.seo-example .seo-right{padding: 0;flex: 0 0 135px;text-align: right;line-height: 50px;}
.seo-example .seo-right img{width: 95px;}
.wrap-product-add-z .seo-example>.flex{height: 50px;}