/*基础样式*/
body{font-size: 14px;}
/*字体*/
@font-face { font-family: 'Helvetica-Neue';
	src: url('../../bootstrap/fonts/Helvetica-Neue-2.otf') format('otf'),
	url('../../bootstrap/fonts/Helvetica-Neue-2.woff') format('woff'),
	url('../../bootstrap/fonts/Helvetica-Neue-2.ttf') format('truetype'),
	url('../../bootstrap/fonts/Helvetica-Neue-2.svg#webfontmuk63VQd') format('svg');
}

@font-face { font-family: 'Helvetica-Black';
	src: url('../../bootstrap/fonts/Helvetica-Neue-Condensed-Black-2.otf') format('otf'),
	url('../../bootstrap/fonts/Helvetica-Neue-Condensed-Black-2.woff') format('woff'),
	url('../../bootstrap/fonts/Helvetica-Neue-Condensed-Black-2.ttf') format('truetype'),
	url('../../bootstrap/fonts/Helvetica-Neue-Condensed-Black-2.svg#webfontmuk63VQd') format('svg');
}
@font-face { font-family: 'Centurygothic';
	src: url('../../bootstrap/fonts/centurygothic.otf') format('otf'),
	url('../../bootstrap/fonts/centurygothic.woff') format('woff'),
	url('../../bootstrap/fonts/centurygothic.ttf') format('truetype'),
	url('../../bootstrap/fonts/centurygothic.svg#webfontmuk63VQd') format('svg');
}
@font-face { font-family: 'CenturyGothicbold';
	src: url('../../bootstrap/fonts/CenturyGothicbold.otf') format('otf'),
	url('../../bootstrap/fonts/CenturyGothicbold.woff') format('woff'),
	url('../../bootstrap/fonts/CenturyGothicbold.ttf') format('truetype'),
	url('../../bootstrap/fonts/CenturyGothicbold.svg#webfontmuk63VQd') format('svg');
}

table.table-odd tr:nth-child(odd) td {
    background: #fcfcfc;
}
table.table-odd tr:nth-child(even) td {
    background: #f7faff;
}

/*li{word-wrap: break-word;}*/
.row{margin:0 auto;--bs-gutter-x: 0;--bs-gutter-y: 0;}
.text_right{text-align: right}
.text_left{text-align: left}
.text_center{text-align: center}
.show{display: block}
.hidden{display: none}
.drag_box{cursor: pointer;}
ul,li{list-style: none}
#container .edui1_iframeholder{min-height: 200px}
a{color: #000000; text-decoration: none;cursor: pointer;}
p{margin-top: 0; margin-bottom: 0;}
tr,td{padding:5px 10px;}
.layput_num{display: none}
.layui-form-select .layui-edge{right: 25px;}
.layui-colorpicker{line-height:18px}
.layui-form-item .layui-input-inline{width: 210px}
.container,.container-fluid{padding-left: 0;padding-right: 0}
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{position: relative;}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{position: relative;}
.layui-form-select dl{min-width: 98%}
.layui-form-checkbox i{height:30px;}


/* 滚动区域样式 */
.innerbox{overflow-y: auto; background-color: #f8f8f8;}
.innerbox::-webkit-scrollbar {width: 4px;height: 4px;scrollbar-arrow-color:red;}
.innerbox::-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);scrollbar-arrow-color:red;}
.innerbox::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);border-radius: 10px;}
.list_box::-webkit-scrollbar {width: 4px;height: 4px;scrollbar-arrow-color:red;}
.list_box::-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);scrollbar-arrow-color:red;}
.list_box::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);border-radius: 10px;}
.innerbox>div:nth-last-child(1){padding-bottom: 20px;}



/*可视化编辑头部样式*/
.module_head {padding: 0;color: #fff;}
.module_head button{margin: 5px}
.module_head .guide {display: flex;justify-content: end;align-items: center;--bs-gutter-x: 0.5rem;min-width: 1200px;height: 44px;background-color: #000000;position: fixed;z-index: 99999;width: 100%}
.module_head .guide .form-select {display: inline;outline: none;font-size: 14px;border: none;padding: 5px 5px 6px 5px;background: none;color: #fff;}
.form-select option {background-color: transparent;color: #000;border: solid 1px #ddd;box-sizing: border-box;font-size: 14px;}
.module_head .btn{line-height: 0.8}
.module_head .title{line-height: 2.5;font-size: 20px;font-weight: 600}
.module_head .fixed-top{top: 3rem;margin: 0 10px 0 10px;width: 14.5%;}
.module_head .select {display: inline-block;position: relative;vertical-align: middle;padding: 0;overflow: hidden;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333));background-color: #555;color: #ffffff;border: 0px solid #555;text-shadow: none;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;-moz-transition: box-shadow 0.25s ease;-o-transition: box-shadow 0.25s ease;-webkit-transition: box-shadow 0.25s ease;transition: box-shadow 0.25s ease;width: 180px;overflow: hidden;}
.module_head .select .fa-chevron-down{position: absolute;right: 10px;top: 48%;transform: translateY(-50%);font-size: 12px;pointer-events: none}
.module_head .guide .toolbar{max-width: 500px;font-size: 14px}


/*左侧菜单样式*/
.module_head .left_menu{display: flex;box-shadow: 0 0 10px rgb(0 0 0 / 40%);z-index: 1000;top: 15%;}
/*.module_head .left_menu{background-color: #00a0e9;}*/
.fa-times{padding: 10px;cursor: pointer}
.model_menu>span:hover{position: relative;background-color: rgba(255,255,255,0.4);}
.model_menu>span:hover::before{position:absolute;left:0;top: 0;content:'';width: 4px;height:100%;background-color:#f39c12;}
.model_menu .active{position: relative;background-color: rgba(255,255,255,0.4);}
.model_menu .active::before{position:absolute;left:0;top: 0;content:'';width: 4px;height:100%;background-color:#f39c12;}
.module_head .left_menu .model_menu_box{height: 500px;background: linear-gradient(#00a0e9, #9198e5);border-right:1px solid #f7f7f7;padding-top: 8px;line-height: 24px;box-shadow: 1px 1px 5px #888888;}
.module_head .left_menu .model_menu_box .model_menu{width: 120px;}
.module_head .left_menu .model_menu span{display: block;padding: 3px 0;padding-left: 15px;width: auto;cursor: pointer;}
.module_head .left_menu .model{margin-left: 10px;}
.module_head .left_menu .model_list {width: 250px;box-shadow: 1px 1px 5px #888888;background-color: #f8f8f8;}
.module_head .left_menu .model_list img{max-width: 220px;}
.module_head .left_menu .model_title {margin-left:15px;line-height: 30px;font-size: 16px}
.module_head .left_menu .list-group2 {max-width:300px;height: 500px;background-color: rgb(246,244,244);color: #000000;}
.menu_icon {width: 50px;height: 50px;border-radius: 50%;border: solid 1px rgb(65, 65, 65);display: flex;justify-content: center;align-items: center;font-size: 30px;color: rgb(80, 80, 80);position: fixed;top: 50%;left: 55px;transform: translateY(-50%);z-index: 100}
.slide-out-left {animation: slide-out-left .5s ease-in both}
.slide-in-left {animation: slide-in-left .5s ease both}
@keyframes slide-out-left {
	0% {transform: translate(0);opacity: 1}
	100% {transform: translate(-100%);opacity: 0}
}
@keyframes slide-in-left {
	0% {transform: translate(-100%);opacity: 0}
	100% {transform: translate(0);opacity: 1}
}
.fa-list-ul{margin-left:8px}



/*右键点击弹出框样式*/
.module_head .right_box{display: none;width: 200px;height: 300px;position: absolute;z-index:9999;background-color: aliceblue;border-radius: 10px;color: #000;border:1px solid;}
.module_head .right_box ul li{list-style: none; margin-left: -10px; line-height: 30px;cursor: pointer;}
.module_head .model_box {position:fixed;right:0;background-color: #e4edf1;height: auto;width: 440px;border: 1px solid #000;border-radius: 10px;padding: 10px 0;color: #000;top: 20%;right: 10px;z-index: 1000;}
.module_head #model_box {display: none}
.module_head .model_box .models_position,.module_head .model_box .models_background,
.module_head .model_box .models_text{display: none}
.module_head .model_box .list_box{display: flex;flex-wrap: wrap;margin: 10px;min-height:200px;position: relative;border-top: 3px solid snow;overflow-y: auto;overflow-x: hidden;max-height: 450px;}
.module_head .model_box .list_box_w{width: 50%}
.module_head .model_box .layui-input, .module_head .model_box .layui-textarea{width: calc(100% - 10px)}
.module_head .model_box .model_box_title{font-size: 14px;font-weight: 600;cursor: pointer;padding: 3px 6px;}
.module_head .model_box .border_pc{display: block;}
.module_head .model_box .border_ipa{display: none;}
.module_head .model_box .border_mob{display: none;}
.module_head .model_box .border_pos{display: none;}
.module_head .model_box .show_button{padding-right:18px;cursor: pointer;padding:3px 17px}
.module_head .model_box .border_bottom{border-top: 2px solid #ffffff;width: 100%;margin-top: 15px;font-size: 16px;font-weight: 700;}
.module_head .model_box .active{background-color: cornsilk;border-radius: 10px; }
.module_head .model_box .span_del{margin-left: 20px;cursor: pointer;display: none}
.module_head .model_box .up_img_src{ display: flex;align-content: baseline;align-items: center;}



/**/
.layui-elem-field{margin-bottom: 0px}
.layui-elem-field legend{margin-left: 0px;font-size: 16px;padding: 0px}
.layui-colorpicker{padding:2px;}
.layui-form-label{width: 200px;padding:10px 0 }
.layui-form-item{margin-bottom: 0px}


/*导航样式*/
.nav-link {color: #000}
.nav .active{color: #0d6efd!important}
.border_all{border:3px dashed #de5717 !important}


.del_img{padding-left: 10px;cursor: pointer;display: none;}
.del_img:hover{color:red;}

.del_list_img{padding-left: 10px;cursor: pointer;}
.del_list_img:hover{color:red;}
#img_box{width: 200px;margin-left: 10px;}

@media screen and (min-width: 768px) and (max-width:1024px){
/*.col-md-1{width: 100%;height: auto}*/
.col-md-2{width: 98%;height: auto;margin:0 1%;}
/*.col-md-3{width: 100%;height: auto}*/
/*.col-md-4{width: 100%;height: auto}*/
/*.col-md-5{width: 100%;height: auto}*/
/*.col-md-6{width: 100%;height: auto}*/
/*.col-md-7{width: 100%;height: auto}*/
.col-md-8{width: 98%;height: auto;margin:0 1%;}
/*.col-md-9{width: 100%;height: auto}*/
/*.col-md-10{width: 100%;height: auto}*/
/*.col-md-11{width: 100%;height: auto}*/
/*.col-md-12{width: 100%;height: auto}*/
}