* { margin:0; padding:0 }
*:focus {outline: none }
html { width:100%; height:100%; font-size:62.5% }
body { font-size:1.4rem; line-height:1.5em; font-family:"DECATHLON-Regular", "SourceHanSansCN", "PingFang SC", "Microsoft YaHei", 微软雅黑, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; color:#000; background: #ebedf0; margin: auto; min-height: 100%; box-sizing: border-box }
@font-face {
  font-family: "SourceHanSansCN";
  font-weight: 400;
  src: url("../images/SourceHanSansCN-Regular.ttf") format("truetype"),
  url("../images/SourceHanSansCN-Regular.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "DECATHLON-Regular";
  font-weight: 350;
  src: url("../images/DECATHLON-Regular.ttf") format("truetype"),
  url("../images/DECATHLON-Regular.woff") format("woff");
  font-display: swap;
}

em, q, cite, address { font-weight:400; font-style:normal }
h1, h2, h3, h4, h5, h6 { font-weight:400 }
address { display:inline }
img { border:none }
li { list-style:none }
q { quotes:none }
strong { font-weight:bold }
table { border-collapse:collapse }
th { text-align:left; font-weight:400 }
small { -webkit-text-size-adjust:none; font-size:10px }
i { font-style:normal } 

/* link */
a { outline-style:none; text-decoration:none; cursor:pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) }

/* clear float */
.cf { zoom:1 } /* for IE */
.cf:after { content:"."; display: block; clear:both; font-size:0; height:0; visibility:hidden; overflow:hidden } /* for other */
/* end of clear float */

/* float */
.fleft { float:left!important }
.fright { float:right!important }
.fnone { float:none!important }
/* text-align */
.tleft { text-align:left }
.tright { text-align:right }
.tcenter { text-align:center }
.tjustify { text-align:justify }
/* display */
.dis { display:block }
.undis { display:none  }
.undisi { display:none !important }
.disinline { display:inline }
.disinblock { display:inline-block }

.cursor_pointer { cursor:pointer }

/*-------------------结构-------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, time { display:block }

/*-------------------定位-------------------*/
.positionRelative { position: relative }
.positionAbsolute { position: absolute } 
.positionStatic { position:static!important; top: 0!important; margin-top: 0!important }

.poabsolute-wh50 { position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.poabsolute-w50 { position:absolute; left:50%; -webkit-transform: translateX(-50%) ; -moz-transform: translateX(-50%) ; -ms-transform: translateX(-50%) ; -o-transform: translateX(-50%) ; transform: translateX(-50%) ; }
.poabsolute-h50 { position:absolute; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
.poabsolute-t { position:absolute; top:0 }
.poabsolute-b { position:absolute; bottom:0 }

.left0 { left:0!important }
.right0 { right:0!important }

.zindex2 { z-index:2 }
.zindex3 { z-index:3 }

.overhidden { overflow:hidden }

/*-------------------通用圆角-------------------*/
.border-radius3 { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }
.border-radius6 { -moz-border-radius:6px ; -webkit-border-radius:6px ; border-radius:6px ; -ms-border-radius:6px ; -o-border-radius:6px ; }
.border-radius50 { -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50% }

/*-------------------透明度-------------------*/
.opacity0 { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.opacity0_1 { filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1 }
.opacity0_3 { filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3 }
.opacity0_4 { filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4 }
.opacity0_5 { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.opacity0_6 { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6 }
.opacity0_7 { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7 }
.opacity0_8 { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }

/*-------------------字体颜色、样式、字体间距-------------------*/

.iconfont { line-height: 1em }
.fa-0_6x { font-size: 0.6em!important }
.fa-0_8x { font-size: 0.8em!important }
.fa-1x { font-size: 1em!important }
.fa-1_2x { font-size: 1.2em!important }
.fa-1_6x { font-size: 1.6em!important }
.fa-2x { font-size: 2em!important }
.fa-2_4x { font-size: 2.4em!important }
.fa-3x { font-size: 3em!important }
.fa-4x { font-size: 4em!important }
.fa-5x { font-size: 5em!important }
.fontsize12 { font-size: 12px; }
.fontsize13 { font-size: 13px; }
.font-bold { font-weight: bold }
.font-thin { font-weight: 300 }

h1, .h1 { font-size: 26px !important; line-height:1.1em }
h2, .h2 { font-size: 24px !important; line-height:1.1em }
h3, .h3 { font-size: 22px !important; line-height:1.3em }
h4, .h4 { font-size: 20px !important; line-height:1.3em }
h5, .h5 { font-size: 18px !important }
h6, .h6 { font-size: 16px !important }

/*-------------------颜色--------------------*/
.colorfff, .colorfff a, a.colorfff { color: #fff }
.color000, .color000 a, a.color000 { color: #000 }

.bgfff { background: #fff }
.bg000 { background: #000 }
.bgf8f8f8 { background: #f8f8f8 }

/*-----------------间距---------------------*/ 
.line-height1em { line-height:1em }
.line-height1_1em { line-height:1.1em }
.line-height1_3em { line-height:1.3em }
.line-height1_4em { line-height:1.4em }
.line-height1_5em { line-height:1.5em }
.line-height1_6em { line-height:1.6em }
.line-height1_7em { line-height:1.7em }
.line-height1_8em { line-height:1.8em }
.line-height2em { line-height:2em }

/*-------------------区块-------------------*/
.width10 { width:10% }
.width15 { width:15% }
.width20 { width:20% }
.width25 { width:25% }
.width30 { width:30% }
.width33 { width:33.33% }
.width35 { width:35% }
.width40 { width:40% }
.width45 { width:45% }
.width50 { width:50% }
.width55 { width:55% }
.width60 { width:60% }
.width65 { width:65% }
.width66 { width:66.66% }
.width70 { width:70% }
.width75 { width:75% }
.width80 { width:80% }
.width85 { width:85% }
.width88 { width:88% }
.width90 { width:90% }
.width95 { width:95% }
.width92 { width:92% }
.width100 { width:100% }

.imgw100 { display:block; max-width:100%; height:auto }

.height100 { height:100% }

.box-sizing { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.margintop5 { margin-top:5px }
.margintop10 { margin-top:10px }
.margintop15 { margin-top:15px }
.margintop20 { margin-top:20px }
.margintop30 { margin-top:30px }
.margintop40 { margin-top:40px }

.marginbottom5 { margin-bottom:5px }
.marginbottom10 { margin-bottom:10px }
.marginbottom15 { margin-bottom:15px }
.marginbottom20 { margin-bottom:20px }
.marginbottom30 { margin-bottom:30px }
.marginbottom40 { margin-bottom:40px }

.marginleft5 { margin-left:5px }
.marginleft10 { margin-left:10px }
.marginleft15 { margin-left:15px }
.marginleft20 { margin-left:20px }
.marginleft30 { margin-left:30px }
.marginleft40 { margin-left:40px }

.marginright3 { margin-right:3px }
.marginright5 { margin-right:5px }
.marginright10 { margin-right:10px }
.marginright15 { margin-right:15px }
.marginright20 { margin-right:20px }
.marginright30 { margin-right:30px }
.marginright40 { margin-right:40px }

.marginauto { margin-left:auto; margin-right:auto }

.margin0 { margin: 0!important }

.paddingtop0 { padding-top:0!important }
.paddingtop5 { padding-top:5px }
.paddingtop10 { padding-top:10px }
.paddingtop15 { padding-top:15px }
.paddingtop20 { padding-top:20px }
.paddingtop30 { padding-top:30px }
.paddingtop40 { padding-top:40px }

.paddingbottom0 { padding-bottom:0!important }
.paddingbottom5 { padding-bottom:5px }
.paddingbottom10 { padding-bottom:10px}
.paddingbottom15 { padding-bottom:15px }
.paddingbottom20 { padding-bottom:20px }
.paddingbottom25 { padding-bottom:25px }
.paddingbottom30 { padding-bottom:30px }
.paddingbottom40 { padding-bottom:40px }

.paddingleft0 { padding-left:0!important }
.paddingleft5 { padding-left:5px }
.paddingleft10 { padding-left:10px }
.paddingleft15 { padding-left:15px }
.paddingleft20 { padding-left:20px }
.paddingleft30 { padding-left:30px }
.paddingleft40 { padding-left:40px }

.paddingright0 { padding-right:0!important }
.paddingright5 { padding-right:5px }
.paddingright10 { padding-right:10px }
.paddingright15 { padding-right:15px }
.paddingright20 { padding-right:20px }
.paddingright25 { padding-right:25px }
.paddingright30 { padding-right:30px }
.paddingright40 { padding-right:40px }

.padding0 { padding:0!important }
.padding5 { padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding10 { padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding15 { padding:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding20 { padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding30 { padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding40 { padding:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding10_20 { padding:10px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding20_10 { padding:20px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding15_30 { padding:15px 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding20_30 { padding:20px 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.row5 { margin-left: -5px; margin-right: -5px }
.row10 { margin-left: -10px; margin-right: -10px }
.row15 { margin-left: -15px; margin-right: -15px }
.row20 { margin-left: -20px; margin-right: -20px }
.row30 { margin-left: -30px; margin-right: -30px }

.container { margin-right:auto; margin-left:auto }
.container:before, .container:after { content:" "; display:table }
.container:after { clear: both }

.block-padding { padding-top: calc(8vh); padding-bottom: calc(8vh) }
.block-padding-t { padding-top: calc(8vh) }
.block-padding-b { padding-bottom: calc(8vh) }
.block-padding-t40 { padding-top: calc(8vh - 20px) }
.block-padding-b40 { padding-bottom: calc(8vh - 20px) }
.block-padding-t45 { padding-top: calc(8vh - 15px) }
.block-padding-b45 { padding-bottom: calc(8vh - 15px) }
.block-padding-t50 { padding-top: calc(8vh - 10px) }
.block-padding-b50 { padding-bottom: calc(8vh - 10px) }

.com-rows_1 { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.com-rows_2 { height:2.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_max2 { max-height:2.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_3 { height:4.45em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical }
.com-rows_max3 { max-height:4.45em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical }
.com-rows_4 { height:5.55em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }
.com-rows_max4 { max-height:5.55em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }
.com-rows_5 { height:6.95em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical }
.com-rows_6 { height:8.35em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical }

.containerrows_2 {
  display: -webkit-box; /* 将容器元素转换为弹性布局 */
  overflow: hidden; /* 隐藏超出部分内容 */
  text-overflow: ellipsis; /* 添加省略号表示被截断的内容 */
  line-clamp: 2; /* 限制最多显示两行 */
}
::-webkit-scrollbar {
width:6px;
height:6px
}
::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,.2)
}
::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,.1)
}
::-webkit-scrollbar-thumb:vertical:hover {
background-color:rgba(0,0,0,.3)
}
::-webkit-scrollbar-thumb:vertical:active {
background-color:rgba(0,0,0,.7)
}

a:hover{color: #fff !important;}
.elementbox { width: 80px; height: calc(100% - 60px); background: #fff; box-sizing: border-box; overflow: hidden; transition: all 0.3s; position: fixed; top: 60px; left: 0; z-index: 1000 }
.elementbox .sidebar { float: left; width: 81px; height: 100%; border-right: 1px solid #ebedf0; box-sizing: border-box; font-size: 12px }
.elementbox .sidebar .iconfont { font-size: 22px!important }
.elementbox .sidebar a { display: block; width: 100%; text-align: center; height: 80px; padding-top: 20px; color: #000; box-sizing: border-box }
.elementbox .sidebar a:hover, .elementbox .sidebar a.cur { color: #5073c3 !important }
.elementbox .sidebar-classify { float: left; width: 279px; height: 100%; padding:0 20px 20px; box-sizing: border-box; overflow-x: hidden; overflow-y: auto }
.elementbox .sidebar-classify>div { display: none }
.elementbox.unfold { width: 360px }

.settingbox { width: 334px; height: calc(100% - 60px); background: #fff; padding: 20px; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; transition: all 0.3s; position: fixed; top: 60px; right: 0; z-index: 1000 }
.setting-list { width: 100%; height: calc(100% - 60px); overflow-x: hidden; overflow-y: auto; margin-top: 20px }
.settingbox .setting-list>div { display: none }

.main-frame { width: calc(100% - 429px); height: calc(100% - 60px); box-sizing: border-box; overflow-x: hidden; overflow-y: auto; background: #fff; transition: all 0.3s; position: fixed; top: 60px; left: 88px; z-index: 1000 }
.main-frame.have-classify { width: calc(100% - 712px); left: 369px }

.main-frame.colorright { width: calc(100% - 615px); left: 273px }


.interface {max-width: 430px; min-width: 430px; width: 40%; height: 88%;  background-size: 100% auto;  box-sizing: border-box; margin: auto; overflow-x: hidden; overflow-y: auto }
.main-frame .interface{
  height: calc(100% - 116px);
  margin-top: 10px;
}

.main-frame .buttonfff2{
  border: 1px solid #000;
  background-color: #fff;
  color: #000;
}
.main-frame .buttonfff2:hover{
  background-color: #5f69c9 !important;
  border: 1px solid #5f69c9;
  color: #fff;
}

.main-frame2 { width: 100% ; height: 100%; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; background: #f7f7f7; transition: all 0.3s; z-index: 1000 }
.main-frame2.have-classify { width: 100% ; }
.main-frame2 .interface{
  height: 100%;
  max-width: 450px;
  min-width: auto;
  width: auto;
}

.colorbox {
  width: auto;
  height: calc(100% - 60px);
  background: #ffffff;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  transition: all 0.3s;
  position: fixed;
  top: 60px;
  left: 88px;
  z-index: 1001;

}
.colorboxleft{
  left: 368px;
}

.colorbox .layui-input{
  height: 32px;
  line-height: 32px;
}

.colorbox .layui-inline{
  margin-bottom: 0;
  margin-right: 0;
  left: -0px !important;
}

.colorbox .flex{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.colorbox .layui-colorpicker{
  width: 32px;
  height: 32px;
}

















.right20{
  right: 20px;
}


/* 头部 */
.top{
  position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99999999;
}
.headspace{
  height: 60px;
}

.top2 .width95{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  line-height: 60px;
}
.top2 .width95 .leftbox,.top2 .width95 .rightbox{
  display: flex;
  align-items: center;
}
.top2 .width95 .leftbox a{
  position: relative;
  padding: 0 20px;
  display: block;
}
.top2 .width95 .rightbox a{
  position: relative;
  padding: 0 20px;
  display: block;
}


.top .width95{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  line-height: 60px;
}
.top .width95 .leftbox,.top .width95 .rightbox{
  display: flex;
  align-items: center;
}
.top .width95 .leftbox a{
  position: relative;
  padding: 0 20px;
  display: block;
}
.top .width95 .rightbox a{
  position: relative;
  padding: 0 20px;
  display: block;
}
.color000i:hover{
  color: #007DBC !important;
  opacity: 1 !important;
}
.top .width95 .rightbox .icon-zhuye{
  background: #fff;
  color: #000;
  font-weight: bold;
  padding: 4px 8px;
  vertical-align: middle;
}
.top .width95 a.active::before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 3px;
  background-color: #fff;
  left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%)
}
/* 首页 */
.buttonfff{
  border: 1px solid #000;
  padding: 4px 10px;
}



.creation .buttonfff{
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  border: 1px solid #3643BA;
  padding: 4px 10px;
}
.bg0002{
  background-color: #3643BA;
}
.border3643BA{
  border-color: #3643BA;
}
.creation .buttonfff:hover{
  background: #5f69c9;
  border: 1px solid #5f69c9;
  color: #fff;

  /* border: #007DBC 1px solid; */
}

.bg007DBC{
  background: #5f69c9;
}
/* 应用创建编辑 */
.moreninput{
  height: 20px;
    width: 330px;
    border: 1px solid #ebedf0;
    border-radius: 2px;
    padding: 10px;
    font-size: 1.4rem;
}
.color7f7f7f{
  color: #7f7f7f;
}
.creation .inputdiv:first-of-type{
  margin-top: 0px;
}
.creation .inputdiv{
  margin-top: 20px;
}
.creation .addimg{
  width: 80px ;
  height: 80px;
  border: 1px solid #ebedf0;
  border-radius: 2px;
}
/* 左边的列表 */
.leftset {
    width: 80px;
    height: calc(100% - 60px);
    position: fixed;
    left: 0;
    top: 60px;
    padding: 20px 0px 20px 0px;
    box-sizing: border-box;
    z-index: 250;
}
.bge5e7e7{background: #e5e7e7;}


.leftset .addyingyong{
  bottom: 0px;
  text-align: center;
  /* border: 1px solid #000; */
  border-radius: 3px;
  width: 80%;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  padding: 8px;
  box-sizing: border-box;

    background: #fff;
}
.color007DBc{
  color: #5f69c9 !important;
}
.index .buttonfff:hover{
  background-color: #5f69c9;
  border-color:#5f69c9 ;
  color: #fff !important;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.leftset .addyingyong:hover{
  /* border: 1px solid #007DBc; */
  border-radius: 4px;
  padding: 8px;
  box-sizing: border-box;
  background-color: #5f69c9 !important;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
/* 主页配置 */
.onepeizhi .flexbox:first-of-type{
  margin-top: 0;
}
.twopeizhi .flexbox:first-of-type{
  margin-top: 0;
}
.rotate-up {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.leftfu14{
  left: -14px;
}
.left40{
  left: 40px;
}
.bg3643BA{
  background-color: #3643BA;
}
.topbai25{
  top: 25%;
}
.height14{
  height: 14px;
}
.disposition .discenterbox .buttonfff{
  border: 1px solid #f7f8f9;
  padding: 4px 10px;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  background-color: #f7f8f9;
  color: #1b2a34;
}
.disposition .discenterbox .buttonfff:hover{
  background: #5f69c9;
  color: #fff;
  border-color:  #5f69c9;
}
.disposition .bg0002{
  background-color: #3643BA !important;
  border: 1px solid #3643BA !important;
}
.disposition .bg0002:hover{
  background-color: #5f69c9 !important;
  border: 1px solid #5f69c9 !important;
}
.disposition .bgfff2{
  background-color: #fff !important;
  color: #1b2a34 !important;
  border: 1px solid #1b2a34 !important;
}
.disposition .bgfff2 i{
  font-weight: bolder;
  color: #1b2a34 ;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.disposition .bgfff2:hover{
  background-color: #5f69c9 !important;
  color: #fff !important;
  border: 1px solid #5f69c9 !important;
}
.disposition .bgfff2:hover i{
  color: #fff !important;
}
.disposition .buttonfff{
  border: 1px solid #b1b1b1;
  padding: 4px 10px;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.disposition .buttonfff:hover{
  background: #5f69c9;
  color: #fff;
  border-color:  #5f69c9;
}
.disposition .button000{
  border: 1px solid #000;
  padding: 4px 10px;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.disposition .button000:hover{
  border: 1px solid #007DBC;
  padding: 4px 10px;
  background: #007DBC;
  color: #fff;
}
.buttonfff2{
  border: 1px solid #3643BA;
  padding: 4px 10px;
  background-color: #3643BA;
  color: #fff;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.disposition .buttonfff2:hover{
  border: 1px solid #5f69c9;
  background: #5f69c9;
  color: #fff;
}
.colorb1b1b1{
  color: #b1b1b1;
}
a.colorb1b1b1:hover{
  color: #b1b1b1 !important;
}
a.color000:hover{
  color: #000 !important;
}
.disposition .flexleft{
  display: flex;
  align-items: center;
}
.disposition .flexend{
  display: flex;
}
.disposition .flexbox{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.disposition .inputdiv label{
  width: 6rem;
  display: inline-block;
}
.disposition .inputdiv .moreninput{
  width: 200px;
}
.disposition .layuitable .layui-table thead tr{
  background-color: #fff;
}

.disposition .layuitable .layui-table-view,.disposition .layuitable .layui-table th,.disposition .layuitable .layui-table td{
  border: 0 !important;
  color: #000;
  
}
.pwidth4 p{
  width: 5em;
  text-align: center;
}
.pwidth4 .undis p{
  border-top: none;
  display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis
}
.pwidth4 .undis p:first-of-type{
  border: 1px solid #b1b1b1
}
.pwidth4 .undis {
 position: relative;
}
.inputbox{
  display: flex;
  align-items: flex-start;
}
.inputbox .fenlei{
  display: flex;
}
.pwidth4 .undis::after {
  content: '';
  position: absolute;
  top: 0%;
  left: 50%;
  margin-left: -10px; /* 箭头水平居中 */
  margin-top: -10px; /* 箭头水平居中 */
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #b1b1b1 transparent; /* 箭头颜色 */
}
.topa.tcenter{
  line-height: 1.4em;
  height: 60px;
  padding-top: 12px !important;
  box-sizing: border-box;
}
.topa {
  position: relative;
}

.topa::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 30px;
  height: 3px;
  transform: translateX(-50%);
}

.topa:hover::before {
  transition: all 0.3s; /* 添加过渡动画 */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;

}

.disposition .layuitable .layui-table-header{
  border-bottom: 1px solid #f7f7f7;
  background: #fff;
}
.padding20_40{
  padding: 20px 40px ;
  box-sizing: border-box;
}
.disposition .layuitable .layui-table-header .layui-table-cell{
  font-size: 14px;
}
.disposition .layui-table-cell{
  font-size: 12px;
}

.disposition .layuitable .layui-table-view .layui-table td,.disposition .layuitable .layui-table-view .layui-table th {
  padding: 0px 0;
  border-top: none;
  border-left: none;
}
.disposition .layuitable .layui-btn {
 background: #f2f2f2;
 color: #000;
}
.disposition .layuitable .layui-form-onswitch {
  background: #3643BA;
  color: #3643BA;
  border-color: #3643BA;
 }

 .disposition .twotable tr, .disposition .twotable .layui-table-header tr {
  background: #f9fafa !important;
 }
 .disposition .twotable .layui-form.layui-border-box.layui-table-view {
  padding: 20px;
  box-sizing: border-box;
 }
 .disposition .twotable .layui-table,.disposition .twotable .layui-table-view {
  margin: 0;
 }
.bgf9fafa{background: #f9fafa;}

.newicon{
  right: -5px;
  top: 1px;
  z-index: 2;
}
.colord14d3d{
  color: #d14d3d;
}
.bg9e9e9e{background: #9e9e9e;}
.paddingbottom8{
  padding-bottom: 8px;
}

.disposition .inputmove{
  border-bottom: 1px solid #e2e2e2;
  padding: 8px 0px;
  box-sizing: border-box;
}
.disposition .inputmove2{
  padding: 8px 20px;
  box-sizing: border-box;
}
.disposition .inputmove:last-of-type{
  border-bottom: 0px solid #e2e2e2;
 
}
.disposition .inputmove input,.disposition .inputmove2 input{
  border:none;
}
.disposition .inputmove2 input,.disposition .inputmove2 input::placeholder{
  background-color: #9e9e9e;
  color: #fff !important;
}
.cursor_scroll{
  cursor: all-scroll;
}
/* 信息配置 */
.message .inputdiv:first-of-type{
  margin-top: 0px;
}
.message .inputdiv{
  margin-top: 20px;
}
.message .inputdiv label{
 width: 5em;
 display: inline-block;
}
.message .inputdiv textarea{
height: 80px;
 }
.message .addimg{
  width: 80px ;
  height: 80px;
  border: 1px solid #ebedf0;
  border-radius: 2px;
  box-sizing: border-box;
}
.message .layui-form-switch{
  margin-top: 0;
}

.bgebedf0{
  background: #ebedf0;
}
.message .layui-form-onswitch{
  border-color: #5f69c9;
  background-color: #5f69c9;
}
xm-select{
  min-height: 40px !important;
  line-height: 40px !important;
}
.layui-layer-btn .layui-layer-btn1:hover{
  color: #333 !important;
}
.layui-layer-btn .layui-layer-btn0 {
  border-color: #3643BA !important;
  background-color: #3643BA !important;
  color: #fff !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}
.layui-layer-btn .layui-layer-btn1 {

  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}
.layui-layer-btn .layui-layer-btn0:hover {
  border-color: #5f69c9 !important;
  background-color: #5f69c9 !important;
  color: #fff !important;
}
.message .layui-btn-container .layui-btn{
 margin-bottom: 0;
}
.tankuang2 .layui-btn-container .layui-btn{
  margin-bottom: 0;
  margin-right: 0;
  width: 330px;
  text-align: left;
  width: 352px;
  border: 1px solid #ebedf0;
  border-radius: 2px;
  padding: 0 10px;
  font-size: 1.4rem;
 }
 .bgf7f7f7{
  background-color: #f7f7f7;
 }
.message .layui-btn{
 padding: 0 10px;
}
.message .layui-btn-primary{
 border: 1px solid #ebedf0;
 color: #969494;
} 
.message .layui-btn-primary:hover{
  border: 1px solid #ebedf0;
 } 
.message_wx{
  position: relative;
}
.message_wx::after{
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  /* right: 120px; */
  left: -10px;
  top: 21px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0) white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  border-width: 5px 5px 5px 5px;
}
/* 左边h5模块 */
.modeltitle{
    position: sticky;
    top: 0;
    display: block;
    z-index: 3333;
    background: #fff;
    padding-top: 20px;
    box-sizing: border-box;
}

/* swiper */
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  /* height: 100%; */
  object-fit: cover;
}
/* ----------------- */

.swiper2 {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.swiper3 .swiper-slide,.swiper2 .swiper-slide {
  background-size: cover;
  background-position: center;
}

.swiper2 {
  height: 80%;
  width: 100%;
}

.swipersmall {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

.swipersmall .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.swipersmall .swiper-slide-thumb-active {
  opacity: 1;
}

/* ----------------- */
.siwperdian .swiper-pagination-bullets.swiper-pagination-horizontal{
  bottom: 0px;
}
.siwperdian .swiper-pagination-bullet{
background: #b2b2b2;
width: 6px;
height: 6px;
}
.siwperdian .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: #4d4d4d;
  width: 15px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}

.swiper6 .swiper-button-next:after, .swiper6 .swiper-button-prev:after {
  font-size: 14px;
  background: #333333;
  color: #fff;
  padding: 10px;
}

.divbottom10{
  margin-bottom: 10px;
}
.divbottom5{
  margin-bottom: 5px;
}
/* 文字编辑 */
.texteditbox .moreninput ,.swipereditbox .moreninput{
  height: 32px;
  line-height: 33px;
  width: 100%;
  border: 1px solid #ebedf0;
  border-radius: 2px;
  padding: 0px 10px;
  font-size: 1.3rem;
  box-sizing: border-box;
}
.swipereditbox .scalebox{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.articleeditbox .flex label,.articleeditbox2 .flex label{
 width: 5em;
}
.articleeditbox .scalebox,.articleeditbox2 .scalebox{
  width: calc(100% - 5em);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.articleeditbox .scalebox span,.articleeditbox2 .scalebox span{
  display: inline-block;
  width: 1em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.articleeditbox .scalebox input,.articleeditbox2 .scalebox input{
  width: calc(100% - 0.5em);

}
/* swiper 编辑 */
.imgbox{
  width: 100%;
  height: 75px;
  background: url('/images/24.jpg') no-repeat center center;
  position: relative;
}
.imgbox i{
background: #fff;
    color: red;
    border-radius: 50%;
    right: -7px;
    top: -7px;
}
.hoveredit{
  position: relative;
  border: none;

  
}
#interface>div.hoveredit:hover{
  border:2px solid red;
  box-sizing: border-box;
 
}
#interface>div.divbottom20{
margin-bottom: 20px;
}


.tablistbox>div.divbottom20{
  margin-bottom: 20px;
  }
  .main-frame2 .tablistbox>div.divbottom10{
    margin-bottom: 10px;
    }
   /* .main-frame2 .tablistbox>div.divbottom10.articlebox:last-of-type{
      margin-bottom: 20px;
      } */
/* .divbottom20{
  margin-bottom: 20px;
} */
/* tab */
.tabbox .tabitem{
  box-shadow: 0px 0px 6px 3px #f6f6f6;
}
.layui-tree-entry{
  overflow: hidden;
}
.tabbox .tabitem2{
  box-shadow: 0px 0px 6px 3px #f6f6f6;
  width: 76px;
}
.tabbox{
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  text-align: center;
}
.tablist .tabflex{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tablist .tabborder{
  border-bottom: 1px solid #f8f8f8;
}
.tablist .tabflex:last-of-type .tabborder{
  border-bottom: 1px solid #00000000;
}
.color323232{color: #323232;}
.tabeditbox .moreninput{
  height: 32px;
  line-height: 33px;
    /* width: 135px; */
    border: 1px solid #ebedf0;
    border-radius: 2px;
    padding:0 10px;
    font-size: 1.3rem;
}
.tabeditbox .tabalias{
  width: 229px;
}
.tab3editbox .moreninput{
  height: 20px;
    /* width: 135px; */
    border: 1px solid #ebedf0;
    border-radius: 2px;
    padding: 10px;
    font-size: 1.3rem;

}
.tab3editbox .moreninputwidth{
    width: calc(100% - 3em);

}
.articleeditbox2 .flex,.articleeditbox .flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.articleeditbox .moreninputwidth,.articleeditbox2 .moreninputwidth{
  width: 229px;
}
.articleeditbox .miaoshu ,.articleeditbox2 .miaoshu{
  height: 80px;
  width: 271px;

}
.articleeditbox .layui-form-switch{
  margin-top: 0 !important;
}
.articleeditbox i.icon-guanbi ,.articleeditbox2 i.icon-guanbi{
  background: #fff;
  color: red;
  border-radius: 50%;
  right: -7px;
  top: -7px;
}
.tabeditbox .flex,.tab3editbox .flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tabeditbox .layui-form-switch{
  margin-top: 0;
}
.bottom0{
  bottom: 0;
}
.bgf3f3f4{
  background-color: #f3f3f4;
}


.textstyle{
  margin-top: 10px;
  border: 1px solid #000;
  box-sizing: border-box;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}
.tabeditbox .childreninput .moreninput{
    height: 32px;
    line-height: 32px;
    width: 100%;
    border-bottom: 1px solid #d9d9da !important;
    border-top: 0px solid #d9d9da !important;
    border-left: 0px solid #d9d9da !important;
    border-right: 0px solid #d9d9da !important;
    border-radius: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px ;
    padding-right: 50px ;
    box-sizing: border-box;
    font-size: 1.3rem;
    background-color: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}
.childreninput{
  cursor: pointer;
}
.color5074c3{
  color: #5074c3;
}
.tabeditbox .addyingyong{
  bottom: 20px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 3px;
  width: 88%;
  padding: 8px;
  box-sizing: border-box;
}
.tab3editbox {
  overflow: hidden;
  height: 90%;
  overflow-y: auto;
}
.tabeditbox .removeyingyong{
  bottom: 20px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 3px;
  width: 88%;
  padding: 8px;
  box-sizing: border-box;
}
.tab3editbox .addyingyong3{
  bottom: 20px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 3px;
  width: 88%;
  padding: 8px;
  box-sizing: border-box;
}
.tab3editbox .removeyingyong3{
  bottom: 20px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 3px;
  width: 88%;
  padding: 8px;
  box-sizing: border-box;
}
.tabeditbox{
  overflow: hidden;
  height: 90%;
  overflow-y: auto;
}
.tabtextstyle p.active{
  background-color: #fff;
  padding: 4px 10px;
  font-weight: bold;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  /* box-shadow: 0px 0px 6px 3px #e9e9e9; */
}
.tabtextstyle p{
  cursor: pointer;
  padding: 6px 10px;
}
.tabtextstyle2{
  padding-bottom: 7px;
}
.tabtextstyle2 p{
  cursor: pointer;
  padding: 6px 0;
}
.tabtextstyle2 p.active{
  font-weight: bold;
  position: relative;
}
.tabtextstyle2 p.active::after{
  font-weight: bold;
  content: '';
  width: 20px;
  height: 2px;
  background-color: #000;
  position:absolute;
  left:50%;
  -webkit-transform: translateX(-50%) ;
  -moz-transform: translateX(-50%) ;
  -ms-transform: translateX(-50%) ;
  -o-transform: translateX(-50%) ;
  transform: translateX(-50%) ;
  bottom: 0;
}
.colorc0c1c4{
  color: #c0c1c4;
}
.articlebox .flex{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.swipereditbox .layui-form-switch {
  margin-top: 0 !important;
}
.message2 .inputdiv span.flex ,.message2 .inputdiv div.flex ,.message2  div.flex{
  display: flex;
  align-items: center;
}
.message2 div.flex2{
  display: flex;
}
.message2 .inputdiv  input[type="radio"] {
  margin-right: 3px; /* 根据需要调整单选框和文本之间的间距 */
}
.message2 .inputdiv  input[type="checkbox"] {
  margin-right: 3px; /* 根据需要调整单选框和文本之间的间距 */
}

/* 审核 */
.check .flexleft{
  display: flex;
  align-items: center;
}
.check .flexbox{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.check .buttonfff{
  border: 1px solid #3643BA;
  padding: 4px 10px;
}
.check .buttonfff.color7f7f7f{
  border: 1px solid #f7f8f9;
  background-color: #f7f8f9;
  padding: 4px 10px;
  color: #1b2a34;
}
.check .buttonfff.border000{
  /* border: 1px solid #000; */
}
.check .inputdiv{
  margin-top: 20px;
}
.check .moreninput{
  border: 1px solid #b1b1b1;
}
.check .addimg{
  width: 80px ;
  height: 80px;
  border: 1px solid #b1b1b1;
  border-radius: 2px;
}
.check .newicon{
  right: -30px;
  top: 2px;
  z-index: 2;
}
.check .jujue{
  background-color: #3643BA;
  color: #fff;
  /*border: #faedeb;
  */transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.checkicon{
  vertical-align: middle !important;
  font-size:1.2em !important;
}
.disicon{
  vertical-align: text-bottom !important;
  font-size:1.2em !important;
}
.check .tongguo{
  background-color: #3643BA;
  color: #fff;
  /* border: #effbf1; */
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.check .tongguo:hover{
  border: 1px solid #5f69c9;
  background: #5f69c9;
}
.check .jujue:hover{
  border: 1px solid #5f69c9;
  background: #5f69c9;
}
/* .check .layui-layer{
  padding: 20px !important;
  box-sizing: border-box !important;
} */
.deleteicon{
  vertical-align: text-top;
    font-size: 15px;
    margin-left: 2px;
}
.main-frame .buttonfff,.tankuang .buttonfff{
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  cursor: pointer;
  padding: 4px 10px;
  border: 1px solid #3643BA;
  background-color: #3643BA !important;
}
.main-frame .buttonfff.bg0002{
  background-color: #3643BA !important;
  border: 1px solid #3643BA;
}
.main-frame .buttonfff.bg0002:hover{
  background-color: #5f69c9 !important;
  border: 1px solid #5f69c9;
}
.elementbox .buttonfff:hover{
  background-color: #5f69c9 !important;
  border: 1px solid #5f69c9;
  color: #fff;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.colorbox .buttonfff:hover{
  background-color: #5f69c9 !important;
  border: 1px solid #5f69c9;
  color: #fff;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}


#imgarrbox .inputdiv:first-of-type{
  margin-top: 20px;
}
.tankuang .buttonfff:hover{
  background: #5f69c9 !important;
  border: 1px solid #5f69c9 !important;
}
.main-frame .buttonfff:hover{
  background: #5f69c9 !important;
  border: 1px solid #5f69c9 !important;
}
.check .layui-layer-content {
  padding: 16px !important;
  box-sizing: border-box !important;
}
.check .layui-layer-content tr{
  line-height: 28px;
}

.movezujian{
  z-index: 3;
  padding: 4px;
  background: red;
  font-size: 12px !important;
  display: none;
  cursor: pointer;
  color: #fff;
}
.hoveredit:hover>.movezujian{
  display: block;
}

.layui-btn:hover {
  color: #fff;
  background-color: #5f69c9 !important;
}
#interface>div.hoveredit {
  border: 2px solid rgba(255, 255, 255, 0);
  box-sizing: border-box;
}
.tankuang{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #0000003f;
  z-index: 666;
}
.tankuang2{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #0000003f;
  z-index: 666;
}
.mintextarea{
  min-width: 330px;
  min-height: 80px;
}
.tankuang3{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #0000003f;
  z-index: 666;
}
.tree-node ul {
  list-style: none;
  margin-left: 20px;
}

.tree li {
  cursor: pointer;
}
.tree span {
  padding: 8.5px 0;
  display: inline-block;
}
.tree-node::before {
  content: '\25B6'; /* Unicode character for a right-pointing triangle */
  display: inline-block;
  margin-right: 5px; /* 调整箭头和文本之间的间距 */
  color: #c5c5c5;
  vertical-align: middle;
  font-size: 11px;
  opacity: 0;
}

.tree-nodebefore::before {
  content: '\25B6'; /* Unicode character for a right-pointing triangle */
  display: inline-block;
  margin-right: 5px; /* 调整箭头和文本之间的间距 */
  color: #c5c5c5;
  vertical-align: middle;
  font-size: 11px;
  opacity: 1;
}
.dropzone.ui-sortable::before {
  content: '\00a0'; /* 不可见的空格 */
}
.tree-nodebefore.collapsed::before {
  content: '\25B7'; /* Unicode character for a right-pointing triangle */
}



table {
  border-collapse: collapse;
  width: 100%; /* 调整表格宽度 */
}

#dynamic-table th,#dynamic-table td {
  border: 1px solid #ddd;
  padding: 8px ;
  text-align: left;
}
#dynamic-table2 th,#dynamic-table2 td {
  border: 1px solid #ddd;
  padding: 8px ;
  text-align: left;
}

.dropzone {
  background-color: #f0f0f0;
  color: #333;
  text-align: center;
  /* font-weight: bold; */
  cursor: pointer;
}
.divlable .inputdiv label{
  width: 10em;
    display: inline-block;
    text-align: right;
}
.divlable2 .inputdiv label,.divlable2 .flexleft label{
  width: 7em;
    display: inline-block;
    text-align: left;
}

.disflex{
  display: flex;
}
.align_center{
  align-items: center;

}
.message2 .phone{
  width: 330px;position: fixed;right: 0;top: 80px;
}
.phone{
  width: 450px;position: fixed;right: 0;top: 80px;
}
.phone.message2{
  width: 450px;
  position: fixed;
  right: -100%;
  top: 0px;
  height: 100%;
  background-color: #efefef;
  transition: all 0.28s;
  -webkit-transition: all 0.28s;
  -moz-transition: all 0.28s;
  -ms-transition: all 0.28s;
  -o-transition: all 0.28s;
  box-shadow: 2px 0px 8px 1px #797979;
}
.phoneimg{
  width: 250px;height: 500px;
}
.message2 .phoneposi{
  top: 70px;left: 17px;width: 250px;
}
.phoneposi{
  top: 69px;
  left: 123px;
  width: 204px;
}
.phoneimg2{
  width: 35px;height: fit-content;
  height: 35px;
}
.miaoshutext{
  width: calc(100% - 35px);
}
.phoneimg3{
  width: 35px;
}
.message2phone{
  width: calc(100% - 570px);
  left: 560px;
}
.message3phone{
  width: calc(500px);
  left: 60px;
  position: fixed;
}
.vertical-text {
  writing-mode: vertical-lr;
  /*从左到右的垂直书写方式*/text-orientation: upright;
  /*使文本直立显示*/white-space: nowrap;
  /*防止文字换行*/transform-origin: bottom right;
  /*从右下角开始旋转*/padding: 5px;
  /*可根据需要设置边距*/padding: 10px 2px 15px 2px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.divlable .inputdiv textarea {
  height: 80px;
}



.itemlist .olditem {
    display:none!important;
}
.removeintabtext {
  bottom: 20px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 3px;
  width: 88%;
  padding: 8px;
  box-sizing: border-box;
}
.tablistbox{
  min-height:100px;
  background: #fafafa;
  display:none;
  padding: 20px;

}
#ww_login{
  box-shadow: 0px 0px 5px 0px #dedede;
}
.userimg{
  width: 35px;
    height: 35px;
    object-fit: cover;
    border-radius: 100%;
    margin-right: 5px;
}
.getmorebutton{
  background: #000;
  color: #fff;
  padding: 4px 20px;
  border: none;
  font-size: 12px;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.getmorebutton:hover{
  background: #007DBC;
}
.tablistbox .buttonfff {
  border: 1px solid #3643BA;
  padding: 2px 10px;
}
.wailian  .moreninput {
  width: 185px;
}
.tablistbox>div.hoveredit {
  border: 2px solid rgba(255, 255, 255, 0);
  box-sizing: border-box;
}
.tablistbox>div.hoveredit:hover {
  border: 2px solid red;
  box-sizing: border-box;
}
.colord2d2d2{
  color: #d2d2d2;
}

.yemianname{
  position:absolute; left:50%; -webkit-transform: translateX(-50%) ; -moz-transform: translateX(-50%) ; -ms-transform: translateX(-50%) ; -o-transform: translateX(-50%) ; transform: translateX(-50%) ;
  top: 37px;
}


.tabimg{
  width: 74px;
  height: 74px;
  object-fit: cover;
  overflow: hidden;
  margin-right: 10px;

}


.tabimg:hover + .tips {
  opacity: 1; /* 当 .tabimg 悬浮时显示 */
}
.tips{
  opacity: 0;
transition: opacity 0.3s ease; /* 添加渐显效果 */

  background: #000;
  position: absolute;
  top: -37px;
  color: #fff;
  padding: 4px 10px;
}
.tips::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px; /* 箭头水平居中 */
  border-width: 5px;
  border-style: solid;
  border-color:#000 transparent transparent  transparent; /* 箭头颜色 */
}

.tabinput,.tab3input,.tabinput_w_href{
  width: calc(100% - 3em);
}
.tabimgright{
  width: calc(100% );

}
.tabimgright .flex label,.tab3imgright .flex label{
  width: 3em;
}
.tabeditbg{
  background: #f0f1f3;
}
.bgebebeb {
  background-color: #ebebeb;
}
.tab_edit_remove_box{
  display: flex;
  padding: 10px;
  box-sizing: border-box;
  margin-top: 10px;
  background: #ebebeb;
  justify-content: space-around;
}
.tab_edit_remove_box div{
  width: 50%;
  position: relative;
  text-align: center;
}
.tab_edit_remove_box div:first-of-type{
 
  cursor: move;
}
.tab_edit_remove_box .divremove::after{
  position: absolute;
  content: '';
  width: 1px;
  background: #000;
  height: 100%;
  left: 0;
  top: 0;
}
.tab_edit_remove_box .div3remove::after{
  position: absolute;
  content: '';
  width: 1px;
  background: #000;
  height: 100%;
  left: 0;
  top: 0;
}
.tabchildrenhead{
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
  /* padding-bottom: 10px; */
}
.xm-body.absolute{
  z-index: 33333;
}


#dynamic-table tr td:nth-child(2) span{
  white-space: nowrap;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
  padding:4px 25px 4px 10px;
  cursor: pointer;
}








.form-control,
.single-line {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #e5e6e7;
  border-radius: 1px;
  color: inherit;
  display: block;
  padding: 0 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  font-size: 14px;
  width: 330px;
  border: 1px solid #ebedf0;
  border-radius: 2px;
  padding: 10px;
  font-size: 1.4rem;
}
.select2 {
  margin-top: 10px;
  width: 332px;
}


.vmiddle{
  vertical-align: middle;
}
.articleeditbox .moreninput, .articleeditbox2 .moreninput{
  font-size: 13px;
}


.swiper-button-prev:after, .swiper-button-next:after{
  font-size: 12px !important;
  color: #fff;
  background: #b7b7b752;
    padding: 7px ;
}
@keyframes flashBorder {
  0%, 100% {
    border-color: transparent; /* 初始边框颜色 */
  }
  50% {
    border-color: red; /* 闪烁时的边框颜色 */
  }
}

.flash-border {
  border: 1px solid initial;
  /*初始边框样式*/animation: flashBorder 0.5s 2;
   /* 动画名称，持续时间和闪烁次数 */
  -webkit-animation: flashBorder 1s 2;
}
.p4041{
  font-size: 34px;
    font-weight: bold;
    line-height: 56px;
}
.p4042{
  font-size: 24px;
    line-height: 34px;
    margin-top: 10px;
}
.p4043{
  font-size: 18px;
    font-weight: bold;
    line-height: 20px;
}
.p4044{
  font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
}
.p404icon{
  font-size: 8em !important;
  color: #007DBC;
}


#embeddedFrame {

  border: none; 
  overflow-y: scroll;
  scrollbar-width: thin; 
  scrollbar-color: darkgray lightgray; 
}

#embeddedFrame::-webkit-scrollbar {
  width: 5px; 
}

#embeddedFrame::-webkit-scrollbar-thumb {
  background-color: darkgray; 
}

#embeddedFrame::-webkit-scrollbar-track {
  background-color: lightgray; 
}

#embeddedFrame::-webkit-scrollbar-thumb {
  border-radius:10px;
  background:rgba(0,0,0,.2)
  }
  #embeddedFrame::-webkit-scrollbar-thumb:window-inactive {
  background:rgba(0,0,0,.1)
  }
  #embeddedFrame::-webkit-scrollbar-thumb:vertical:hover {
  background-color:rgba(0,0,0,.3)
  }
  #embeddedFrame::-webkit-scrollbar-thumb:vertical:active {
  background-color:rgba(0,0,0,.7)
  }

  .phone.message2 .buttonfff2:hover{
    background: #5f69c9;
    border: 1px solid #5f69c9;
  }

.lianjie a{
  color: #333 !important;
}
.lianjie a:hover{
  color: #3643BA !important;
}

.morenbg007DBC{
  background: #3643BA !important;
  color: #fff !important;
}
.selectinputbox{
  width: 350px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.selectinputbox .layui-input{
  width: 120px;
  height: 42px !important;
}
.selectinputbox input{
  width: 200px;
}
/* #note_layui00 { height: calc(45vh - 140px) !important;} */


.edui-button.edui-for-xiumi-connect .edui-button-wrap .edui-button-body .edui-icon {
  background-image: url(/images/xiumi-connect-icon.png) !important;
  background-size: contain;
}



.colorinput{
  width: calc(100% - 330px) !important;
  background-color: red;
}

.colorinput #test-all{
  width: 100%;
}
.colorinput #test-all .layui-colorpicker.layui-colorpicker-lg{
  width: 100%;
  line-height: 37px;
  border: 0;
  height: 37px;
  margin-top: 0px;
  padding: 0;
}
.tankuanga {
  margin-top: 10px;
  height: 40px;
  width: 100%;
  border: 1px solid #cccccc;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.firstp {
  width: calc(100% - 4em);
}
.tankuangaafter {
  position: relative;
  width: 4em;
  text-align: right;
}
/* .tankuangaafter::after {
  content: ('');
  width: 1px;
  height: 15px;
  background-color: #000;
  content: "";
  width: 1px;
  height: 15px;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
} */

.tabimgright label{
  line-height: 1em;
}


.layui-colorpicker-trigger-span{
  border: 0px !important;
}
#publishform .layui-form-switch{
  margin-top: 0 !important;
}
.imgwenzhang img ,.imgwenzhang .headCot,.imgwenzhang a,.imgwenzhang{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.checkcaozuo .leftbox{
  width: 50rem;
  float: left;
  margin-top: 20px;
}
.checkcaozuo .rightbox{
  width: calc(100% - 50rem);
  float: right;

}
.borderradius50{
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.hoverblue:hover{
  color: #007DBC;
}


.check .layui-table-view.layui-table-view-1.layui-form.layui-border-box{
  background: #fff;
}

/* .check .layui-table-box{
  height: 250px;
  overflow-y: auto;
} */

.caidanbox {
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  box-sizing: border-box;
  background-color: #fff !important;
}
.caidanbox .inputdiv label {
  width: 4em !important;
}
.caidanbox .inputdiv .moreninput {
  width: 285px;
}



.itemlist {
    white-space: nowrap; 
    overflow-x: auto; 
    overflow-y: hidden; 
    width: calc(77%); 
    display: block; 
}
.itemlist p {
    display: inline-block; 
    margin-right: 10px; 
}


.yulanatbbox{
  display: flex;
  align-items: baseline;
  padding-bottom: 30px;
  justify-content: center;

}
.yulanatbbox h4{
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 15px !important;
  color: #b7b7b7;
  /* transition: all 0.15s;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -ms-transition: all 0.15s;
  -o-transition: all 0.15s; */
}
.yulanatbbox .active{
  position: relative;
  font-weight: bold;

  font-size: 20px !important;
  color: #000;
}
.yulanatbbox .active::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #3643BA;
  left: 0;
  bottom: -5px;
}

.pop_t{
  max-width: 450px;
  margin: auto;
  left: 0;background: rgba(0,0,0,0.4); z-index: 66;
  width: 100%;

  position:absolute; left:50%; -webkit-transform: translateX(-50%) ; -moz-transform: translateX(-50%) ; -ms-transform: translateX(-50%) ; -o-transform: translateX(-50%) ; transform: translateX(-50%) ; 
}




/* 响应式 */
@media ( min-width:1600px ) {
  .container { width:1500px }
}
  
@media ( min-width:1260px ) and ( max-width:1599px ) {
  .container { width:1160px }
}
  
@media ( min-width:1000px ) and ( max-width:1259px ) {
  .container { width:960px }
}
  
@media ( min-width:801px ) and ( max-width:999px ) {	
  .container { width: 90%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
}


@media ( min-width:380px ) and ( max-width:1600px ) {	
  /* .main-frame2 .tabitem{
    padding-top: 15px;
  } */
}