/*门店展示公共样式S*/
/*全网装修公共样式S*/
/*.activity_box_top{ position: fixed!important;top: 40px; width: 100%;z-index: 10;}*/
.active_left_top{ height:36px!important; top:18px!important}
.active_main_top{ padding-top:10px;box-sizing: border-box; height:calc(100vh - 80px)}
/*line-height: 70px;*/
.top{height: 70px;padding-left: 20px;background-color: #fff;box-shadow:0 5px 5px #ddd;position: relative}
.top .top_left{position: absolute; height: 70px; left:0; top:0;width: 210px;padding-left: 20px }
.top .top_right{ position: absolute; height: 70px; right: 0;top:0; width: 340px}
.top .top_center_mobile{ width:750px; margin:0 auto; line-height: 70px }
.top .top_center_pc{ width:1200px; margin:0 auto; }
.top .top_center_product{ width:700px; margin:0 auto; }
.page_edit{margin-top: 20px;}
.top_renovation .top_left{ height: 70px; left:0; top:0;width: 210px }
.top_renovation .top_right{ height: 70px; right:0; top:0;width: 430px }
.top_renovation .top_center_pc{width:1200px; left:245px; position: absolute }
.top_renovation .top_center_mobile{width:750px; left:495px; position: absolute }
.top_renovation .top_center_product{width:870px; left:435px; position: absolute }
.page_edit{margin-top: 20px;}
/* 图片选择 */

/* 图片弹框文件夹选择 */

.folder_img{width: 18px;height: 18px;margin-top: 6px;}
.folder_img img{width: 100%;height: 100%;}
.folder_tit{height: 26px;line-height: 30px;font-size: 14px;margin-left: 10px;max-width: 90px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.folder_tits{height: 26px;line-height: 30px;font-size: 14px;margin-left: 4px;}
.add_folder i{color: rgb(16,92,251);font-size: 17px;}
.add_folder img{width: 100%;height: 100%;}
.add_folders {width: 16px;height: 16px;margin-top: 1px;margin-right: 10px;cursor: pointer;}
.add_folders img {width: 100%;height: 100%;margin-left: 10px;}
.img_year {width: 70px;margin: 50px 0 20px 40px;font-size: 16px;}
.jumplink_sel{height: 40px;line-height: 43px;font-size: 12px;}

/*滚动条样式*/
.left_folder::-webkit-scrollbar {width: 4px; /*height: 4px;*/}
.left_folder::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
.left_folder::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}
.t_body::-webkit-scrollbar {width: 4px;}
.t_body::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
.t_body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}

.center::-webkit-scrollbar {
    width: 4px;
}
.center::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
.center::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}
.site_list{ text-align: left;}
.site_second_title{ font-weight: bold}
.site_item{  line-height: 38px; padding: 5px 0 }

.renovation_right_main_product{ height: calc(100vh - 160px);background: #fff;overflow-y: auto; width: 100%; box-sizing: border-box}
.site_item_title{text-align: left; color:#999; min-width: 80px; }
.site_min_title{ font-weight: bold; line-height: 40px}
.site_min_remark{ font-size: 12px}

/* 遮罩层 */
.mask {width: 100%;background-color: rgba(0, 0, 0, .5);position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 15;}
.masks{width: 100%;background-color: rgba(0, 0, 0, .5);position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 21;}
.left{
    width: 150px;
    background: #111;
    padding-top: 20px;
    height: 100%;
}
.left_class{
    width: 25px;
    height: 25px;
}

.left_one{
    background-image: url("../../../assets/reason_img/product_class.png");
}
.left_two{
    background-image: url("../../../assets/reason_img/product.png");
}
.left_three{
    background-image: url("../../../assets/reason_img/pic_text_nav.png");
}
.left_four{
    background-image: url("../../../assets/reason_img/pic_icon.png");
}
.left_five{
    background-image: url("../../../assets/reason_img/swiper.png");
}

.left_six{
    background-image: url("../../../assets/reason_img/video.png");
}

.left_seven{
    background-image: url("../../../assets/reason_img/left_pic_right_pic.png");
}

.left_eight{
    background-image: url("../../../assets/reason_img/left_text_right_pic.png");
}

.left_nine{
    background-image: url("../../../assets/reason_img/text_icon.png");
}

.left_ten{
    background-image: url("../../../assets/reason_img/up_text_down_pic.png");
}
.left_eleven{
    background-image: url("../../../assets/reason_img/up_pic_down_text.png");
}

.left_twelve{
    background-image: url("../../../assets/reason_img/separate_bar.png");
}

.company_center{flex: 1;padding: 10px 35px;box-sizing: border-box;overflow-y: auto;height: calc(100vh - 90px);background: #f2f2f2;}
.company_center::-webkit-scrollbar{ display: block}
.compoent_one{padding-left: 30px;cursor: pointer;position: relative;line-height: 48px;height: 48px;font-size: 12px;}
.compoent_one:hover{background: #008dfb;}
.compoent_one_more{ padding-left: 60px!important;}
.compoent_img{width: 24px;height: 25px;position: absolute;left: 25px; /* 45 */top: 15px;background: url("../../../assets/icon/p_decoration_icon.png") no-repeat;}
.line_position{ position: absolute; width: 100%; height: 100%}

.one{background-position: 0 0;}
.two{background-position: 0 -55px;}
.three{background-position: 0 -110px;}
.four{background-position: 0 -162px;}
.five{background-position: 0 -218px;}
.six{background-position: 0 -270px;}
.seven{background-position: 0 -328px;}
.compoent_text{color: #fff;}
.right{width: 360px;text-align: left;height: calc(100vh - 80px);background: #fff;}
.right_con{max-height: calc(100vh - 170px); overflow-y: auto }
.renovation_right{width: 375px;height: calc(100vh - 90px);background: #fff; }
.renovation_right_main{ width: 375px;height: calc(100vh - 155px);background: #fff;overflow-y: auto; }
.site_nav_second_tit{ color:#999; margin-bottom:5px; margin-top:10px}

.site_tips{height: 55px;line-height: 55px;text-align: center;background-color: #e5e5e5;}
.site_title{font-size: 16px;line-height: 50px;padding-left: 20px;background: #e5e5e5;border-bottom:1px solid #e5e5e5}
.site_nav_list{font-size: 14px;line-height: 40px;background: #e5e5e5;text-align: center;}
.site_nav_item{ cursor: pointer}
.site_nav_item.on{background: #fff;color: #005ca9;font-size: 16px;}
.site_second_title{font-size: 14px;line-height: 40px;padding-left: 20px;background: #e5e5e5;font-weight: bold;}
.config_btn_warp{line-height:30px; padding: 5px 20px; box-sizing: border-box;  }
.config_btn_box{ border:1px solid #005ca9; text-align: center; line-height: 30px; color: #005ca9;width: 250px}
.split_line{width: 100%;height: 1px;background-color: rgb(228,228,228);}
.row_show_num{line-height: 50px;margin-left: 20px;font-size: 13px;}
.radio_height{padding: 0 20px;width: 100%;box-sizing: border-box;}
.upload_list{margin: 16px 20px;padding: 12px;}
.upload_list :last-child{margin-bottom: 0;}
.upload_ones{height: 40px;padding: 10px 8px 12px;background: white;margin-bottom: 12px;border: 1px solid #ffffff;cursor: pointer;box-sizing: border-box;}
.msg_text_delicon{margin-left: auto;margin-right: 10px;}
.config_msg_text{margin-left: 10px;font-size: 12px;width: 200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ad_upload_one{position: relative;padding: 10px;background: white;margin-bottom: 12px;border: 1px solid #ffffff;cursor: pointer;box-sizing: border-box;}
.ad_upload_img{ width: 80px; height: 80px; border:1px solid #f2f2f2; margin: 0 auto }
.ad_upload_default_img{ width: 80px; height: 80px;color: #005ca9; border:1px solid #f2f2f2; font-size: 12px; text-align: center; line-height: 80px}
.ad_upload_img img{ max-width: 100%; max-height: 100%; }
.upload_one{position: relative;background: white;margin-bottom: 10px;border: 1px solid #ffffff;cursor: pointer;box-sizing: border-box;}
.upload_one:hover{}
.upload_img{height: 100px;margin-bottom: 10px;}
.video_poster{ width: 300px; min-height: 150px; border:1px solid #f2f2f2}
.video_poster img{ max-width: 300px; max-height: 250px}
.upload_img img{max-height: 100%;max-width: 100%;}
.banner_link{display: flex;justify-content: flex-start;}
.link_tips{margin-right: 10px;font-size: 12px;font-family: PingFangSC;font-weight: 300;color: #333333;line-height: 22px;}
.el-dropdown-link {cursor: pointer;color: #409EFF;}
.el-icon-arrow-down {font-size: 12px;}
.upload_close{position: absolute;top: 0;right: 0;}
.upload_btns{margin: 0 20px;}
.upload_btn{width: 100%;}
.proposal{padding: 10px 0;text-align: center;line-height: 24px;font-size: 12px;font-family: PingFangSC;font-weight: 300;}
.proposals{text-align: center;margin-top: 10px;font-size: 11px;font-family: PingFangSC;font-weight: 300;}
.compoent_class{background-clip:padding-box;position: relative;}
.compoent_class::before{content:'';position: absolute;  width: 100%; height: 100%; left: -2px; top: -2px;z-index: 2; cursor: move;pointer-events: none }
.compoent_class_999::before{border: 1px dashed #999999;}
.compoent_class_333::before{border: 1px dashed #333333;}
.compoent_class_fff::before{border: 1px dashed #ffffff;}
.comp_edit{position: absolute;top: 50%;transform: translateY(-50%);right: -35px;background: #fff;width: 30px;text-align: center;}
.comp_edit_big{right: -35px!important;top:30px!important;}
.comp_edit_min{position: absolute;top: 50%;transform: translateY(-50%);right: -40px;background: #fff;width: 30px;text-align: center;}
.comp_edit_size{font-size: 24px;cursor: pointer;line-height: 35px;text-align: center;height: 35px;}
.comp_edit_size_min{font-size: 18px;cursor: pointer;line-height: 30px;text-align: center;height: 30px;}
.comp_edit_size :hover{color: #2878F0;}
.compoent_class:hover::before{content:'';position: absolute; border: 2px dashed #2878F0; width: 100%; height: 100%; left: -2px; top: -2px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);z-index: 2;pointer-events: none}
.actives::before{content:'';position: absolute; border: 2px dashed #2878F0; width: 100%; height: 100%; left: -2px; top: -2px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2); z-index: 2;pointer-events: none}
.actives_red::before{content:'';position: absolute; border: 2px dashed #E1251B; width: 100%; height: 100%; left: -2px; top: -2px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);z-index:2;pointer-events: none}
.box1 {width: 600px;margin: 0 auto;margin-top: 10px;}
.text_name {line-height: 40px;width: 120px;text-align: right;}
/*电脑端装修非展示区域的样式*/
.reason_no_show_region_left_warp{ width: 66px;position: absolute;height: 100%;left:0;top: 0; overflow: hidden}
.reason_no_show_region_right_warp{ width: 66px;position: absolute;height: 100%;right:0;top: 0;overflow: hidden;z-index:0}
.reason_no_show_region_left{left: 30px;width: 20px; font-size: 20px;color: #999999;line-height: 30px; padding-left:25px}
.reason_no_show_region_right{right: 30px;width: 20px; font-size: 20px;color: #999999;line-height: 30px; padding-right:25px}


/* 轮播图配置分割线 */
.line_config_banner {width: 100%;height: 1px;background-color: #F5F5F5;}
.title {width: 100%;}
/* 轮播图导航编辑框表格 */
.nav_table {margin: 21px auto;border: 1px solid #ebeef5;border-bottom: none;}
.nav_t_head {width: 100%;height: 48px;background-color: #F6F8FA;border-bottom: 1px solid #ebeef5;box-sizing: border-box;}
.nav_t_body {max-height: 240px;overflow-y: auto;}
.nav_t_body_row {width: 100%;height: 48px;border-bottom: 1px solid #ebeef5;box-sizing: border-box;}
.nav_t_body_row:hover {background-color: #F6F8FA;}
.nav_t_body_row> :first-child {border-left: none;}
.nav_t_head :first-child {border-left: none;}
.nav_t_tr_one {line-height: 48px;text-align: center;border-left: 1px solid #ebeef5;box-sizing: border-box;}
.switch_nav_icon {cursor: pointer;width: 14px;margin-right: 10px;}
.nav_title_text {width: 100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;}
.product_title_ipt {height: 36px;margin: 0 20px;margin-bottom: 20px;}
.edit_proc {padding: 12px;background-color: rgba(237, 237, 237, 0.53);margin: 0 20px;}
.pro_class_edit_list {}
.pro_class_edit {margin-bottom: 12px;height: 36px;background-color: #FFFFFF;}
.pro_c_title {font-size: 12px;padding-left: 10px;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 36px;color: #333333;}
.pro_cla_edit_icon {margin-right: 15px;cursor: pointer;}
.pro_cla_edit_icon i {font-size: 14px;line-height: 36px;}
.ng5 {margin-right: 0;}
.add_img_default_item {text-align: center;line-height: 100px;font-size: 12px;color: #005ca9}
.pic_ad_default {width: 100%;position: relative;}
.pic_ad_default .no_img_box {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); }
.no_img_box img {width: 100%}
.no_img_box p {font-size: 14px;color: #999;margin-top: 10px;}
.text_describe{ white-space:pre-wrap; word-break:break-all}


/*产品分类分类图标显示S*/
.product_class_icon_box{ width: 80px; height: 80px;line-height: 80px; text-align: center; border:1px solid #f2f2f2; font-size: 12px}
.product_class_icon_box img{ width: 100%; height: 100%}
.right_product_second_tit{ line-height: 30px}
.product_class_icon_item{ margin-top:5px}
/*产品分类分类图标显示E*/


/*拖动的显示阴影层S*/
.active_shaow{box-shadow: 0 0 30px #acacac;}
/*拖动的显示阴影层E*/