/* home.html */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body { 
    --themeColor: #0078f2;
    --theme1:#8ad900;
    --theme2:#0078f2;
    --theme3:#ff9000;
    --theme4:#7ecef4;
    --frameColor:#5a5a5a;
    --frame1:#5a5a5a;
    --frame2:#1e1e1e;
    --backgroundColor:#000000;
    --backgroundColor1:#3F3F3F;
    --backgroundColor2:#1f1f1f;
    --backgroundColor3:#3f3f3f;
    --backgroundColor4:#dcdcdc;
    --backgroundColor5:#F5F5F5;
    --backgroundColor6:#4f4f4f;
    --backgroundColor7:#1f1f1f;
    --backgroundColor8:#0d0d0d;
    --backgroundColor9:#2f2f2f;
    --fontColor:#ffffff;
    --fontColor1:#000000;
    --fontColor2:#acacac;
    --fontColor3:#353535;
 } 
html,body{min-height:100%;padding: 0px;margin: 0px;height: 100%;width: 100%;background-color: var(--backgroundColor3);color: var(--fontColor);}
body .width{min-width: 1420px;}
ul,ol{list-style:none;margin:0px;padding: 0px;}
img{border:none;vertical-align:middle}
a{color:var(--fontColor);text-decoration:none}
a:visited{color:var(--fontColor);text-decoration:none}
a:hover{color:var(--fontColor);text-decoration:none}
a:active{color:var(--fontColor);text-decoration:none}

header{ position: relative; z-index: 9999;border-bottom:0.45em solid #282828;height: 6em; box-sizing: border-box;background-color: var(--backgroundColor);}
#h-nav {display: flex;flex-direction: row;justify-content: center;align-items: center;flex-wrap: wrap;position: relative;justify-content: space-between;}
.logo{overflow: hidden;margin-left: 20px;line-height: 6em;}
.logo img {max-width: 100%;height: 4em;}
ul.h-nav {display: inline-flex;flex: 1;height: 6em;margin: 0px;max-width: 1420px;}
li.h-nav-item {flex: 1;transition: 0.2s all linear;display: flex;justify-content: center;max-width: 200px;}
li.h-nav-item>a{display: block;text-align: center;font-size: 18px;;position: absolute;bottom: 0px;padding: 4px 15px 8px;border-radius: 2px;}
li.h-nav-item>a::before {content: "";position: absolute;top: 0;left: 100%;width: 0;height: 100%;bottom: 0px;border-bottom: 6px solid var(--themeColor); transition: 0.2s all linear;}

li.h-nav-item.active>a,li.h-nav-item>a:hover,li.nav-item.active>a{color: var(--themeColor);}
li.h-nav-item.active>a,li.h-nav-item:hover>a::before,li.nav-item.active>a::before{display: block;}
li.h-nav-item.active>a::before,li.h-nav-item>a:hover::before {width: 100%;top: 0;left: 0;transition-delay: 0.1s;border-bottom-color: var(--themeColor);z-index: 99999;}
li.h-nav-item>a:hover ~ li.h-nav-item>a::before {left: 0;}

/* 二级菜单 */
.subMenu{display: none;position: absolute;top: 4.88em;left: 0;width: 100%; height: 2.7em;background-color: var(--themeColor);font-size: 16px;}
.subMenu>ul{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;}
.subMenu>ul>li>a{display:block;padding:0 18px;text-align: center;line-height: 2.7em;color: #ffffff;}
.subMenu>ul>li>a:hover{color:var(--fontColor2)}
.home_right{color: var(--fontColor2);font-size: 16px;margin-top: 3em;padding-right:20px;}
.home_right span>i{width: 18px;height: 18px;margin-right: 8px;-webkit-mask-size: 18px 18px;mask-size: 18px 18px;display: inline-table;cursor: pointer;background-size: 18px;}
.home_right a{float: left;}
.home_right span.out>i{
    background-image: url(../../img/svg/out.png);
    -webkit-mask-image: url(../../img/svg/out.png);
    mask-image: url(../../img/svg/out.png) ;
}
    .home_right span.home > i {
        background: white;
        -webkit-mask-image: url(../../img/svg/home.png);
        mask-image: url(../../img/svg/home.png);
    }
.home_right span.theme>i{
    background-image: url(../../img/svg/theme.png);
    -webkit-mask-image: url(../../img/svg/theme.png);
    mask-image: url(../../img/svg/theme.png) ;
}
.home_right span.info>i{
    background-image: url(../../img/svg/info.png);
    -webkit-mask-image: url(../../img/svg/info.png);
    mask-image: url(../../img/svg/info.png) ;
}
.home_right span.comment>i{
    background-image: url(../../img/icon/comment.png);
    -webkit-mask-image: url(../../img/icon/comment.png);
    mask-image: url(../../img/icon/comment.png) ;
}
.home_right span.ZH>i{
    background-image: url(../../img/svg/中.png);
    -webkit-mask-image: url(../../img/svg/中.png);
    mask-image: url(../../img/svg/中.png) ;
}
.home_right span.EN>i{
    background-image: url(../../img/svg/En.png);
    -webkit-mask-image: url(../../img/svg/En.png);
    mask-image: url(../../img/svg/En.png);
}
.home_right span.declare>i{
    background-image: url(../../img/declare.png);
    -webkit-mask-image: url(../../img/declare.png);
    mask-image: url(../../img/declare.png);
}
.home_right span.sun>i{
    background-image: url(../../img/icon/sun.png);
    -webkit-mask-image: url(../../img/icon/sun.png);
    mask-image: url(../../img/icon/sun.png) ;
}
.home_right span.moon>i{
    background-image: url(../../img/icon/moon.png);
    -webkit-mask-image: url(../../img/icon/moon.png);
    mask-image: url(../../img/icon/moon.png);
}
.home_right span>i:hover{ background: var(--themeColor);}
.home_right span{ display: inline-block;width: 22px;height: 22px; padding: 2px;}
.home_right span:hover{ background: var(--backgroundColor2);border-radius: 2px;}
.iframe-box{
    height: calc(100% - 6.45em);
}
.content{width: 1420px;height: 100%; margin: 0 auto;}
  .back-color{background-color: var(--backgroundColor2);}
/* userManageNew.html */
.operate {display: inline-block;width: 150px;text-align: center;border: 1px solid var(--themeColor);border-radius: 5px;line-height: 40px;cursor: pointer;margin: 0 40px 0 5px;background-color: var(--themeColor);color: var(--fontColor2);font-size: 16px;}
.fr {float: right;}
.menu-left{width: 300px;height: 100%;display: inline-block;background-color: var(--backgroundColor);color: var(--themeColor);padding-top:50px;float: left;text-align: center;border-radius: 10px;}
.menu-left .div-block{color: var(--themeColor);height: 40px;line-height: 40px;width: 220px;border: 1px solid var(--themeColor);margin: 10px auto;font-size: 16px;text-align: center;border-radius: 5px;margin-bottom: 30px;cursor: pointer;}
.menu-left .unselect{color: var(--themeColor);}
.menu-left .div-block .user{
    -webkit-mask-image: url(../../img/icon/user.png);
    mask-image: url(../../img/icon/user.png);
}
.menu-left .div-block .role{
     -webkit-mask-image: url(../../img/icon/role.png);
     mask-image: url(../../img/icon/role.png);
 }
.menu-left .div-block .para{
    -webkit-mask-image: url(../../img/icon/icon-set.png);
    mask-image: url(../../img/icon/icon-set.png);
}
.menu-left .div-block .mode{
    -webkit-mask-image: url(../../img/icon/mode.png);
    mask-image: url(../../img/icon/mode.png);
}
.menu-left .div-block .ai{
    -webkit-mask-image: url(../../img/icon/ai.png);
    mask-image: url(../../img/icon/ai.png);
}
.menu-left .div-block i{  height: 16px;
    width: 16px;
    -webkit-mask-size: 16px 16px;
    mask-size: 16px 16px;
    display: inline-block;
    cursor: pointer;
    background-size: 16px;
    background: var(--themeColor);
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -4px;}
.menu-left .div-block span{vertical-align: top;}
.menu-left .div-block:hover,.menu-left .selected{background-color: var(--themeColor);color: var(--fontColor2);}
.menu-left .div-block:hover>i{background: var(--backgroundColor);}
.menu-left .selected>i,.menu-left.div-block>i:hover{
    background:var(--backgroundColor);
}
.div-right{width: 1080px;display: inline-block;background-color: var(--backgroundColor3);height: 100%;overflow:auto;}
#slidelisttb th{font-size: 16px;text-align: center;width: 220px;}
#slidelisttb tbody{font-size: 16px;color: var(--fontColor2)}
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th { background-color: var(--backgroundColor8);}

#slidelisttb td{text-align: center;vertical-align: middle;}
#slidelisttb td div{width: 120px;padding: 5px;border: 1px solid var(--themeColor);color: var(--themeColor);margin-left: 90px;border-radius: 5px;cursor: pointer;}

/* userAddNew.html */
.div-height60{height: 50px;line-height: 50px;color: #cbcbcb;}
.div-input{height: 30px;margin-top: 14px; background-color: #dcdcdc;border: #dcdcdc;border-radius: 5px;width: 173px;}
.div-body{padding: 10px 40px;display: grid; grid-template-columns: 1fr 2fr;}
.btn-confirm{color: var(--fontColor2);background-color: var(--themeColor);border: var(--themeColor);width: 150px;height: 40px;}

.common-title,.common-btn{
    cursor: pointer;
    color: var(--themeColor);height: 40px;line-height: 40px;width: 160px;border: 1px solid var(--themeColor);margin: 10px auto;font-size: 16px;text-align: center;border-radius: 5px;float: left;
}
.common-btn>.icon{height: 14px;width: 14px;display: inline-block;margin-right: 10px;vertical-align: middle;background-repeat: no-repeat;background-size: 14px;}
.back{
    -webkit-mask-image: url(../../img/imgPicture/back.png);
    mask-image: url(../../img/imgPicture/back.png);
    background: var(--themeColor);
    -webkit-mask-size: 14px;
    mask-size: 14px;
}
.common-btn:hover>.icon{
    background: var(--backgroundColor);
}
.common-title>span,.common-btn>span{vertical-align: top;}
.common-title{height: 60px;line-height: 60px;width: 200px;font-size: 20px;background: var(--backgroundColor2);color: var(--fontColor2);}
.common-btn:hover,.common-btn.selected{background-color: var(--themeColor);color: var(--fontColor2);}
.margin-left30{
    margin-left: 30px;
}
.common-solid-btn{
    cursor: pointer;background-color: var(--themeColor);color: #ffffff;height: 36px;line-height: 36px;width: 90px;border: 1px solid var(--themeColor);margin: 2px auto;font-size: 14px;text-align: center;border-radius: 5px;display: inline-block;
}
.common-solid-btn>span{vertical-align: middle;}
.common-solid-btn:hover{opacity: 0.8;}
.common-solid-btn>.icon{height: 14px;width: 14px;display: inline-block;margin-right: 5px;vertical-align: middle;background-repeat: no-repeat;background-size: 14px;}
.search-icon{
    background-image: url(../../img/imgPicture/search.png);
}
.add-icon{
    background-image: url(../../img/bz/add10.png);
}
.silde-icon{
    background-image: url(../../img/icon-slide.png);
}
.edit-icon{
    background-image: url(../../img/icon-edit.png);
}
.pass-icon{
    background-image: url(../../img/icon-pass.png);
}
.sign-icon{
    background-image: url(../../img/icon/sign.png);
}
.select-icon{
    background-image: url(../../img/icon/select.png);
}
.delete-icon{
    background-image: url(../../img/icon/delete.png);
}
.reject-icon{
    background-image: url(../../img/icon/pre.png);
}
.download-icon{
    background-image: url(../../img/icon-download.png);
}
.save-icon{
    background-image: url(../../img/Analysis-bg2.png);
}
.cancel-icon{
    background-image: url(../../img/Analysis-bg7.png);
}
.close-icon{
    background-image: url(../../img/Analysis-bg5.png);
}
.refresh{
    background-image: url(../../img/icon/refresh.png);
}
.comment-icon{
    background-image: url(../../img/icon/comment.png);
    -webkit-mask-image: url(../../img/icon/comment.png);
    mask-image: url(../../img/icon/comment.png) ;
}
.un-collect-icon{
    background-image: url(../../img/icon/user-unco.png);
}
.collect-icon{
    background-image: url(../../img/icon/user-co.png);
}
.common-solid-btn.large-btn{
    width: 150px;
    margin: 5px auto;
}
.common-solid-btn.large-btn>i{
    margin-right: 15px;
}
.common-solid-btn.icon-btn{
    width: 30px;
}
.common-solid-btn.icon-btn>i{
    margin-right: 0px;
}
.float-right{
    float: right !important;
}
select:focus,input:focus,textarea:focus{
    border: none  !important;
    box-shadow:  0 0 0 1px var(--themeColor) !important;
 }
 canvas:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{
    outline: 0;
 }
 
/*弹出框 kendo样式修改*/
.k-tool-text { display: none; }
.panel-default{border:none;margin-bottom: 0px;}
.margin-left15{margin-left: 15px;}
.div_content{width: 1420px;height: calc(100% - 0.1em);margin: 0 auto}


.common-solid-btn .start-icon{
    width: 0 !important;
    height: 0 !important;
    border-left: 14px solid white;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    margin-right: 10px;
}
.common-solid-btn .stop-icon{
     background-color: white;
     margin-right: 15px;
}
.common-solid-btn .back-icon{
    -webkit-mask-image: url(../../img/imgPicture/back.png);
    mask-image: url(../../img/imgPicture/back.png);
    background:white;
    -webkit-mask-size: 14px;
    mask-size: 14px;
    margin-right: 15px;
}
  /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: var(--backgroundColor5);
    border-radius: 3px;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 3px;
    background-color: var(--backgroundColor5);
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

.content-header{
    margin:15px 0;
    padding: 0 30px;
    display: inline-block;
    width: 1420px;;
}
.header-left{
    width: 325px;
    display: inline-block;
}
.header-right{
    display: inline-block;
    margin: 10px 0;
    text-align: right;
    width: 1025px;
}
 .condition{
    float: right;
}
.condition2{
    margin: 25px 20px;
    text-align: right;
}
.condition2 input,.condition2 select{
   width: 100px;
   margin-left: 10px;
   height: 25px;
}
.condition2 label,.condition label{
    color: var(--fontColor);
    font-size: 18px;
    font-weight: 300;
    vertical-align: middle;
    margin-bottom: 0px;
}
.condition select{
    width: 200px;
    height: 30px;
    outline: none;
    border-radius: 3px;
}
.condition3{
    margin: 5px 20px;
    text-align: right;
    line-height: 100px;
    float: right;
}
.table-content{
    margin: 0px 30px 15px;
    display: inline-block;
    width: 1360px;
    background-color: var(--backgroundColor1);
  }
  .table-content-detail{
    padding: 20px;
  }
  .content-body{
    margin: 0px 30px 15px 0px;
    display: inline-block;
    width: 1325px;
    background-color: var(--backgroundColor3);
    position: relative;
    height: calc(100% - 200px);
  }
  .content-body .left{
    width: 1045px;
    display: inline-block;
    height: 100%;
    vertical-align: top;
    position: relative;
  }
  .content-body-detail{
    padding: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
  }
  .content-body .right{
    width: 240px;
    display: inline-block;
    border-left: 1px solid #5e5e5e;
    vertical-align: top;
    height: 100%;
}
.content-body .right>.right-top{
    height: calc(100% - 180px);
    overflow: auto;
}
.theme-list{
    position: fixed;
    width: 130px;
    right: 20px;
    top: 40px;
    z-index: 9999999;
    background: white;
    border-radius: 5px;
    padding: 12px 10px 2px;
    -moz-box-shadow: 2px 2px 2px #888888; /* 老的 Firefox */
box-shadow: 2px 2px 2px #888888;
}
.theme-list ul{
    display: inline-block;
    text-align: center;
}
.theme-list ul li{
    height: 25px;
    display: inline-block;
    width: 100px;
    margin-bottom: 5px;
    -moz-box-shadow: 1px 1px 1px #888888; /* 老的 Firefox */
    box-shadow: 1px 1px 1px #888888;
}
.theme-list ul li.theme1{
    background-color: var(--theme1);
}
.theme-list ul li.theme2{
    background-color: var(--theme2);
}
.theme-list ul li.theme3{
    background-color:var(--theme3);
}
.theme-list ul li.theme4{
    background-color:var(--theme4);
}
.theme-list ul li:hover{
   
    cursor: pointer;
}

.theme-list ul li:hover.theme1{
    -moz-box-shadow: 2px 2px 2px var(--theme1); /* 老的 Firefox */
    box-shadow: 2px 2px 2px var(--theme1); 
}
.theme-list ul li:hover.theme2{
    -moz-box-shadow: 2px 2px 2px var(--theme2); /* 老的 Firefox */
    box-shadow: 2px 2px 2px var(--theme2); 
}
.theme-list ul li:hover.theme3{
    -moz-box-shadow: 2px 2px 2px var(--theme3); /* 老的 Firefox */
    box-shadow: 2px 2px 2px var(--theme3); 
}
.theme-list ul li:hover.theme4{
    -moz-box-shadow: 2px 2px 2px var(--theme4); /* 老的 Firefox */
    box-shadow: 2px 2px 2px var(--theme4); 
}

.hidden{
    display: none;
}
.width140{width: 140px;}
.width200{width: 200px;}
.operater-btn{border: 1px solid var(--themeColor);
    color: var(--themeColor);
    border-radius: 5px;
    width: 190px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background-color: var(--backgroundColor);
    margin: 9px;
    font-size: 16px;
    display: inline-block;cursor: pointer;}
.operater-btn i{
    height: 16px;
    width: 16px;
    -webkit-mask-size: 16px 16px;
    mask-size: 16px 16px;
    display: inline-block;
    cursor: pointer;
    background-size: 16px;
    background: var(--themeColor);
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -4px;
}
.operater-btn:hover{
    background-color: var(--themeColor);color: var(--fontColor2);
}
.operater-btn:hover>i{
    background: var(--backgroundColor);
}
 .operater-btn .refresh{
    -webkit-mask-image: url(../../img/icon/refresh.png);
    mask-image: url(../../img/icon/refresh.png) ;
}
.operater-btn .compare{
    -webkit-mask-image: url(../../img/icon/compare.png);
    mask-image: url(../../img/icon/compare.png) ;
}
.operater-btn  .polygon{
    -webkit-mask-image:url(../../img/icon/polygon.png);
    mask-image: url(../../img/icon/polygon.png);
}
.operater-btn  .pan{
    -webkit-mask-image:url(../../img/icon/pan.png);
    mask-image: url(../../img/icon/pan.png);
}
.operater-btn  .brush{
    -webkit-mask-image:url(../../img/icon/brush.png);
    mask-image: url(../../img/icon/brush.png);
}
.operater-btn .rubber{
    -webkit-mask-image:url(../../img/icon/rubber.png);
    mask-image: url(../../img/icon/rubber.png);
}
.operater-btn .clear{
    -webkit-mask-image:url(../../img/icon/clear.png);
    mask-image: url(../../img/icon/clear.png);
}
.operater-btn .edit{
    -webkit-mask-image:url(../../img/icon/edit.png);
    mask-image: url(../../img/icon/edit.png);
}
.operater-btn .show{
    -webkit-mask-image:url(../../img/icon/show.png);
    mask-image: url(../../img/icon/show.png);
}
.operater-btn .hide-eye{
    -webkit-mask-image:url(../../img/icon/hide.png);
    mask-image: url(../../img/icon/hide.png);
}
.operater-btn .nike{
    -webkit-mask-image:url(../../img/icon/nike.png);
    mask-image: url(../../img/icon/nike.png);
}
.operater-btn .delete{
    -webkit-mask-image:url(../../img/page_del.png);
    mask-image: url(../../img/icon/page_del.png);
}
.operater-btn .pre{
    -webkit-mask-image:url(../../img/icon/pre.png);
    mask-image: url(../../img/icon/pre.png);
}
.operater-btn .next{
    -webkit-mask-image:url(../../img/icon/next.png);
    mask-image: url(../../img/icon/next.png);
}
.operater-btn .ai-seg{
    -webkit-mask-image:url(../../img/icon/icon-seg.png);
    mask-image: url(../../img/icon/icon-seg.png);
}
.operater-btn .seg-box{
    -webkit-mask-image:url(../../img/icon/icon-cut.png);
    mask-image: url(../../img/icon/icon-cut.png);
}
.mini-btn{
    width: 54px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    padding: 6px;
    margin: 9px 4px;
}
.mini-btn i{
    margin: 0 auto;
    height: 20px;
    width: 20px;
    -webkit-mask-size: 20px 20px;
    mask-size: 20px 20px;
    background-size: 20px;
    vertical-align: super;
}
.operater-btn.mini-btn.select{
    background-color: var(--themeColor);
}
.operater-btn.mini-btn.select>i,.operater-btn.mini-btn:hover>i{
    background: white;
}

.mini2-btn{
    width: 40px;
    text-align: center;
    height: 26px;
    line-height: 26px;
    border-radius: 3px;
    padding: 6px;
    margin: auto;
    vertical-align: middle;
}
.mini2-btn i{
    margin: 0 auto;
    vertical-align: super;
}
.operater-btn.mini2-btn:hover>i{
    background: white;
}
.gray-btn{
    border: 1px solid gray;
}
.gray-btn i{
    background-color: gray;
}
.container{width:1080px;}
#slidelist2 a:hover{color: var(--themeColor)}

#menuShowDialog { position: absolute; top: -9999px; left: -9999px; z-index: 99999; }
        #menuShowDialog ul { float: left;    background: rgba(53,53,53,0.9); padding: 0; box-shadow: 0 0 10px rgb(0 0 0 / 20%) }
        #menuShowDialog ul li {color: var(--fontColor2); display: inline; float: left; clear: both; height: 28px; cursor: pointer; line-height: 28px; white-space: nowrap; padding: 0 20px 0 10px; width: 100%;  text-align: left; box-shadow: 2px 5px 2px rgb(0 0 0 / 5%); }
        #menuShowDialog ul li strong { height: 28px; line-height: 28px; border-bottom: 1px solid #ddd; font-weight: 500; }
        #menuShowDialog ul li.sub { background-repeat: no-repeat; background-position: right 9px; }
        #menuShowDialog ul li.sub::after { content: ">"; float: right; color: white; width: 0px; }
        #menuShowDialog ul li.active { height: 30px; cursor: pointer;color: #353535; line-height: 30px; background-color: rgba(233,233,233,1) !important; background-position: right -8px; }
        #menuShowDialog ul li.active strong { border-bottom: none;border-bottom: 1px solid #353535; }
        #menuShowDialog ul li.active.sub::after { color: #353535;  }
        #menuShowDialog ul ul { display: none; position: absolute; }        #menuShowDialog ul ul { display: none; position: absolute; }        #menuShowDialog ul ul { display: none; position: absolute; }        #menuShowDialog ul ul { display: none; position: absolute; }        #menuShowDialog ul ul { display: none; position: absolute; }
#bg{
    width: 100%;
    height: 100%;
    background-color: var(--backgroundColor);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 11000;
    text-align: center;
    opacity: 0.1;
}
#info{
    width: 400px;
    height: 160px;
    z-index: 20000;
    position: absolute;
    top: 30%;
    background-color: var(--backgroundColor3);
    border-radius: 5px;
    left: 40%;
}
#info .msg{
    padding: 20px 10px 10px 10px;
    text-align: center;
}
#info .div-block{
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
}
#info .div-block button{
    width: 120px;
    height: 36px;
    border-radius: 5px;
    border: none;
    background-color: var(--themeColor);
    color: var(--fontColor2);
    margin: 0px 10px;
}
.left{
    float: left;
}
.right{
    float: right;
}
.margin-top5{
    margin-top: 5px;
}
.k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
    -webkit-box-shadow: inset 0 0 3px 4px var(--themeColor);
    box-shadow: inset 0 0 3px 4px var(--themeColor);
}
.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    color: var(--fontColor2);
    background-color:  var(--themeColor);
    border-color: var(--themeColor);
}
.tab-titles{
    width: 35px;
    float: left;
    margin-left: 30px;
}
.tab-title{
    height: 110px;
    writing-mode: tb-rl;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    border-radius: 8px;
    color: #b9b9b9;
    background: var(--backgroundColor9);
    margin-bottom: 3px;
    cursor: pointer;
    width: 35px;
}
.tab-titles .tab-select{
   color: var(--themeColor);;
   background-color: var(--backgroundColor3);
    border-radius: 8px 0px 0px 8px;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-theme {
    background-color:  var(--themeColor);
    color: var(--fontColor2);
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.scene {
    width: 100%;
    height: 100%;
    -webkit-perspective: 600;
    perspective: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 9999;
    left: 0;
    top: 0;
}

    .scene svg {
        width: 100px;
        height: 100px;
    }

.dc-logo {
    position: fixed;
    right: 10px;
    bottom: 10px;
}

    .dc-logo:hover svg {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-animation: arrow-spin 2.5s 0s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
        animation: arrow-spin 2.5s 0s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    }

    .dc-logo:hover:hover:before {
        content: '\2764';
        padding: 6px;
        font: 10px/1 Monaco, sans-serif;
        font-size: 10px;
        color: #00fffe;
        text-transform: uppercase;
        position: absolute;
        left: -70px;
        top: -30px;
        white-space: nowrap;
        z-index: 20px;
        box-shadow: 0px 0px 4px #222;
        background: rgba(0, 0, 0, 0.4);
    }

    .dc-logo:hover:hover:after {
        content: 'Digital Craft';
        padding: 6px;
        font: 10px/1 Monaco, sans-serif;
        font-size: 10px;
        color: #6E6F71;
        text-transform: uppercase;
        position: absolute;
        right: 0;
        top: -30px;
        white-space: nowrap;
        z-index: 20px;
        box-shadow: 0px 0px 4px #222;
        background: rgba(0, 0, 0, 0.4);
        background-image: none;
    }

@-webkit-keyframes arrow-spin {
    50% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes arrow-spin {
    50% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}
.role-btn{
    display: none !important;
}
.foot{
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background-color: var(--backgroundColor1);
}

#bg-declare{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    background-color: var(--backgroundColor);
    opacity: 0.1;
    min-width: 1420px;
}
#declare{
    width: 70%;
    position: absolute;
    top: 5%;
    left: 15%;
    z-index: 10001;
    min-width: 960px;
    font-size: 16px;
    line-height: 28px;
    background-color: #ffffff;
    border-radius: 10px;
    height: 90%;
    overflow-y: auto;
    min-height: 872px;
}
.bg-logo{
    height: 60px;
    padding-left: 50px;
    margin-top: 30px;
}
.bg-logo img{
    height: 100%;
}
.bg-content{
    padding: 20px 80px;
    color: #1d1d1d;
}
.title-div{
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 60px;
    color: #1C1C1C;
}
.weight-div{
    font-weight: 600;
    line-height: 60px;
    font-size: 16px;
}
.q-div{
    color: #2a2a2a;;
}
.a-div{
    color: #3a3a3a;;;
}
.close-declare{
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index:100002;
}
.bg-btn-div{
    text-align: center;
}
.bg-btn{
    display: inline-block;
    width: 120px;
    background-color: var(--themeColor);
    border-radius: 5px;
    margin: 20px auto;
    line-height: 40px;
    color: var(--fontColor2);
    cursor: pointer;
}
.backgroud-color0{
    background-color: var(--backgroundColor);
}
.backgroud-color1{
    background-color: var(--backgroundColor1);
}
.backgroud-color2{
    background-color: var(--backgroundColor2);
}
.backgroud-color3{
    background-color: var(--backgroundColor3);
}
.backgroud-color4{
    background-color: var(--backgroundColor4);
}
.backgroud-color5{
    background-color: var(--backgroundColor5);
}
.backgroud-color6{
    background-color: var(--backgroundColor6);
}
.font-color0{
    color: var(--fontColor);
}
.font-color1{
    color: var(--fontColor1);
}
.font-color2{
    color: var(--fontColor2);
}
.font-size14{

}