body{
    background-color: #f7f7f7 !important;
    margin: 0;
    padding:0;
}
[v-cloak]{
    display: none;
}
::-webkit-scrollbar {
    width: 1px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
    background-color: #999;
}
ul{
    padding: 0;
    margin: 0;
}
a{
    text-decoration : none
}
 a:hover {
     color: inherit;
     text-decoration: none;
 }
 *{
 box-sizing: border-box;
}
/* a:hover {
    color: #333 !important;
} */
.wk_back, .yzd_top {
    background-color: #f7f7f7 !important;
}
.big-menu {
    background-color: #393836;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 10px;
    height: 100%;
    width: 110px;
    position: fixed;
    left: 0px;
    top: 0;
    z-index: 1000;
    overflow-y: auto;
    max-height: 100%;
    min-width: 100px;

}
.big-menu .top {
    color: #fff;
    /* padding-top: 10px; */
    height: 55px;
    box-sizing: border-box;
    background-color: #393836;
    width: 110px;
}
.userImgWrapper {
    margin: 0 auto;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    background: #fff;
}
.userImg {
    display: inline-block;
    width: 100%;
    height: 100%;
}
img {
    vertical-align: middle;
}


/* 自定义导航开始 */
.nav_item {
    border:none;
    padding: 1px 0px;

}


/* .nav_item_info a:hover {
 color: #fff !important;
} */
/* color: #333 !important; */

.fbt {
    cursor: default;
    font-size: 14px;
    color: #C3C3C3;
    height: 45px;
    line-height: 45px;
    text-align: left;
    padding-left: 19px;
    border-top: 1px solid #F2F2F2;
}




/* 自定义导航结束 */
.navback_title {
    /* padding: 10px 0; */
    position: fixed;
    left: 110px;
    top: 0px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    border-bottom: 1px solid #eee;
    height: 74px;
    line-height: 74px;
    width: 110px;
    text-align: center;
    background-color: #fff;
    box-sizing: border-box;
}


.navback {
    background-color: white;
    width: 110px;
    height: 100%;
    position: fixed;
    left: 110px;
    top: 74px;
    z-index: 80;
    color: #666;
    line-height: 50px;
    border-right: 1px solid #eee;

}

.nav_item .nav_item_head {

    cursor: pointer;
    height: 50px;

    background-color: #393836;
    color: white;
    border: none;
    box-sizing: border-box;

}

.nav_item .nav_item_head .nav_item_head_title {
    padding: 0px 8px;
    height: 50px;
    line-height: 50px;
    width: 110px;
    float: left;
    font-size: 14px;
    color: white;
    box-sizing: border-box;
}

.nav_item .nav_item_head .nav_item_head_title.active {
    background-color: #ffffff !important;
    color: #000000;
}


.nav_item2 {
    background-color: white;
    width: 110px;
    position: fixed;
    left: 110px;
    top: 74px;
    z-index: 89;
    color: #666;
    line-height: 50px;
    display: block;
    overflow-y: auto;
    height: calc(100vh - 74px);
}

.nav_item2   .nav_item_title2{
      cursor: pointer;
    border: none;
    overflow: hidden;
    white-space: normal;
    text-overflow: clip;
    font-size: 12px;
    height: 50px;
    padding: 0px 10px;
    position: relative;
    display: block;
    color: #555;
  }

.nav_item2   .nav_item_title2.active{

    background-color: #f7f7f7 ;

}


.header {
    background-color: #fff;
    color: #666;
    height: 74px;
    position: fixed;
    top: 0px;

    left: 110px;
    right: 0px;

    z-index: 1000;
    overflow: hidden;
    white-space: nowrap;
    /* max-width: 800px; */
    padding: 0px 20px;
    box-sizing: border-box;
}


.header_right {
    height: 50px;
    padding: 18px 0;
    float: right;
    /* margin-right: 6%; */
    margin-right: 250px;
    /* margin-right: 13%; */

}

.wk_back {
    /* background-color: #fff; */
    margin-left: 230px;
    margin-top: 84px;
    padding-right: 260px;
    position: relative;
    /* min-width: 1470px; */
    padding-bottom: 48px;
    min-height: 740px;
    /* height: auto; */
}

.wk_back_no2menu {
    /* background-color: #fff; */
    margin-left: 115px;
    margin-top: 84px;
    padding-right: 260px;
    position: relative;
    /* min-width: 1470px; */
    padding-bottom: 100px;
    min-height: 740px;
}



.left {
    float: left;
}


a {
    text-decoration: none;
}

p{
    margin: 0;
}


.content {
    background-color: #f7f7f7;
}
.web_content {
    /* background-color: #fff; */
    /* padding: 20px; */
    /* box-shadow: 0 5px 5px 5px rgba(0,0,0,.01)!important; */
}

.footer {
    background: #fff !important;
    color: #666;
    position: fixed;
    left: 0px;
    right: 0px;
    opacity: 1;
    text-align: center!important;
    padding: 10px 0 !important;
    z-index: 999;
    bottom: 0;
    font-size: 12px;
}



.fl {
    float: left;
}




/* 按钮 */
/* .el-button--yzd{

} */
.el-button--yzd {
    color: #fff !important;
    background-color: #04ba8f !important;
    border-color: #04ba8f !important;
}
.el-button--yzd, .el-button--yzd:focus, .el-button--yzd:hover {
    background-color: #04ba8f !important;
    border-color: #04ba8f !important;
}


/* 首页样式 */
.index_top_left {
    height: 75px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    float: left;
}
.index_top_right .h2 {
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    margin: 0;
}
.index_top_right .h1 {
    height: 35px;
    line-height: 35px;
    font-size: 22px;
    font-weight: 600;
    margin: 0;
}
.index_top_right .p {
    height: 20px;
    line-height: 20px;
    color: #999;
    font-size: 13px;
}
.iconb {
    width: 46px;
    height: 46px;
    line-height: 44px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}
.iconc1 {
    background-color: #009AFE;
}
.iconc2 {
    background-color: #11CD6E;
}
.iconc3 {
    background-color: #F85959;
}
.iconc4 {
    background-color: #FEB822;
}
.iconb .icon {
    font-family: "iconfont" !important;
    font-size: 24px;
    font-style: normal;
}
.color_f {
    color: #fff;
}
.rel {
    position: relative;
}
.ab {
    position: absolute;
}
.icontoo {
    color: #bbb;
}
.icontoo:hover {
    color: #04ba8f;
}

.bg1 {
    background: -webkit-gradient(linear,100% 100%,0 0,from(#fd7080),to(#fc4955));
}
.bg2 {
    background: -webkit-gradient(linear,100% 100%,0 0,from(#fbb462),to(#fe6b58));
}
.bg3 {
    background: -webkit-gradient(linear,100% 100%,0 0,from(#fdd100),to(#f8b027));
}
.bg4 {
    background: -webkit-gradient(linear,100% 100%,0 0,from(#22cd6e),to(#13b769));
}

.item_img {
    width: 100%;
    height: 100%;
    display: block;
}
.item_btitle {
    margin-left: 10px;
    font-size: 16px;
    color: #fff;
}


/* 图片上传 */
.data-image {
    border-radius: 6px;
    height: 100px;
    width: 100px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #c0ccda;
    display: flex;
    justify-content: center;
    align-items: center;
}

.data-image img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    cursor: pointer;
}

.advice {
    color:#909399;
}
.submit_box {
    background-color: #fff;
    margin-top: 10px;
    padding: 20px 0;
    width: 100%;
    text-align: center;
}


/* 权限 */

/* 支持渠道 */
.platfoem img {
    width: 24px;
    height: 24px;
}


.header_title1 {
    font-weight: 600;
    font-size: 14px;
}
.header_title2 {
    font-size: 12px;
    text-align: justify;
    font-weight: 500;
    color: #888888;
    padding-left: 10px;
}



/* 应用中心 */
.app_out_box {
    clear: both;
}
.app_box {
    width: 20%;
    height: 80px;
    padding-right: 15px;
    float: left;
    margin-bottom: 15px;
}
.app_item_box {
    padding: 0 10px 0 15px;
    height: 80px;
    background: #F5F7FA;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.pic img {
    width: 42px;
    height: 42px;
    display: block;
}
.app_item_right_box {
    margin-left: 15px;
    flex: 1;
    -webkit-box-flex: 1;
}
.box_top {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #333;
    font-size: 14px;
}
.box_bottom {
    margin-top: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #999;
    font-size: 12px;
}
.app_item_box:hover {
    /* border: #04ba8f 1px solid; */
}



/* 图片选择框 */
.attachment_img_box {
    border: 1px solid rgb(227, 227, 227);
    margin-bottom: 10px;
    min-height: 400px;
    max-height: 700px;
}
.attachment_img_left {

}

.group-menu {
    border-right: none;
    width: 180px;
}
/* .app-attachment-list {
    padding: 5px;
    width: 960px;
} */
.app-attachment-list {
    padding: 5px;
    width: 100%;
}

.app-attachment-list * {
    box-sizing: border-box;
}

.app-attachment-list:after {
    clear: both;
    display: block;
    content: " ";
}

.app-attachment-upload {
    box-shadow: none;
    border: 1px dashed #b2b6bd;
    height: 100px;
    width: 100px;
    margin: 17.5px;
    padding: 0;
}
.app-attachment-item {
    display: inline-block;
    /* box-shadow: 0 0 0 1px rgba(0, 0, 0, .15); */
    cursor: pointer;
    position: relative;
    float: left;
    width: 100px;
    height: 100px;
    margin: 7.5px;
    text-align: center;
    padding: 10px 10px 0;
}


.app-attachment-item:hover {
    /*del-box-shadow: 0 0 0 1px rgba(84, 200, 255, 0.41);*/
}

.app-attachment-item.checked,
.app-attachment-item.selected {
    box-shadow: 0 0 0 1px #1ed0ff;
    background: #daf5ff;
    border-radius: 5px;
}

.app-attachment-item.checked .app-attachment-active-icon,
.app-attachment-item.selected .app-attachment-active-icon {
    opacity: 1;
}

.app-attachment-item .app-attachment-img {
    display: block;
}

.app-attachment-item .file-type-icon {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #666;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 24px;
}


.app-attachment-upload {
    box-shadow: none;
    border: 1px dashed #b2b6bd;
    height: 100px;
    width: 100px;
    margin: 17.5px;
    padding: 0;
}

.app-attachment-upload i {
    font-size: 30px;
    color: #909399;
}

.app-attachment-upload:hover {
    box-shadow: none;
    border: 1px dashed #409EFF;
}

.app-attachment-upload:hover i {
    color: #409EFF;
}

.app-attachment-upload:active {
    border: 1px dashed #20669c;
}

.app-attachment-upload:active i {
    color: #20669c;
}
.scrollbar {
    height: 100%;
}


/* 可视化样式 */
.page_content {
    width: 100%;
    display: flex;
    position: relative;

}
.page_left {
    background: #f7f7f7;
    overflow: hidden;
    width: 300px;
    padding: 16px;
    border-radius: 4px;
}
.page_middle {
    height: 100%;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    padding-bottom: 50px;
    overflow: auto;
    position: relative;
}
.page_phone {
    width: 401px;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fafafa;
    padding: 20px 12px;
    margin: 0px auto 0;
    position: relative;
}
.page_phone_content {
    min-height: 650px;
    width: 377px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #F7F7F7;
    background-repeat: no-repeat;
    position: relative;
    background-size: contain;
}
.page_phone_title {
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    font-weight: bolder;
    text-align: center;
}
.page_phone_content_content {
    background-color:#F7F7F7
}
.page_phone_bottom {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.page_phone_bottom_box {
    background: #fff;
    border-top: 1px solid #ccc;
    position: absolute;
    bottom: 0px;
    width: 100%;
    display: flex;
    height: 50px;
    -webkit-box-align: center;
    align-items: center;
}
.page_phone_bottom_item {
    -webkit-box-flex: 1;
    flex: 1;
    margin-top: 0;
    text-align: center;
}


/* 富文本编辑器 */
/* .editor-box {
    padding: 0 !important;
}
.edui-menubutton{
    line-height: 0 !important;
}
.edui-splitbutton{
    line-height: 0 !important;
}
.edui-button {
    line-height: 0 !important;
}
.edui-combox {
    line-height: 0 !important;
} */
/* .edui-default{
    line-height: 0px !important;
}
.edui-default td{
    line-height: 10px important;
} */

.bottom_save {
    border-top: 1px solid #E3E3E3;
    position: fixed;
    bottom: 0px;
    background-color: #ffffff;
    z-index: 1000;
    padding: 10px 20px;
    width: 100%;
}


/* 图片展示框*/

.select-img-box {
    width: 60px;
    height: 60px;
    border: 1px solid #eee;
    border-radius: 5px;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
    float: left;
    margin: 8px;
    position: relative;
}

.select-img-box .delete {
    position: absolute;
    top: -5px;
    right: -5px;
    display: none;
    background: transparent;
    z-index: 9999999;

}

.select-img-box:hover .delete {
    display: block;

}

.select-img-box   .upload {
       line-height: 58px;
       font-size: 20px;
       width: 58px;
       height: 58px;
       color: #8c939d;
       text-align: center;
   }