:root{
	--color:#25408F;
}
*{margin:0;padding:0;border:0;outline:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent;zoom:1;*zoom:1;}
html,body{width:100%;height:100%;word-wrap:break-word;word-break:break-all;font: 14px / 1.5 Arial, "Microsoft Yahei";color:#333;}
li,ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';}
audio,canvas,progress,video{display: inline-block;*display:inline;*zoom:1;vertical-align: baseline;}
:focus{outline:0}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
address,cite,code,dfn,em,i,var{font-style:normal}
button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:none}
button[disabled],input[disabled]{cursor: default;}
img{margin: 0px auto;border:none;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
body{background:#f0f2f5;}
a{text-decoration:none;color:inherit}
textarea{resize:none;}
.left{float:left;}
.right{float:right;}
.clear{clear:both}
.clear:after,.pagination:after,.tabs .tab:after,.inputUploadGroup:after,.ruleGroup:after{content:"";display:block;clear:both;height:0;}
.win{width: 88%;max-width: 1240px;margin: 0 auto;}
.flex{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;}

.style2 .header,.style2 .adminInfo,.style2 .login,.style2 .iframeContent{box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.03);}

.bg_red{background: #ff693c !important;}
.color_red{color: #ff693c !important;}
.color_green{color: #0fb8c9 !important;}
.color_brown{color: #c9760f !important;} 

.tree_item::-webkit-scrollbar{display: none}
.header{height: 3.2rem;line-height: 3.2rem;background: #fff;}
.header .logo{width: 15rem;height: 100%;text-align: center;background: #282c34;color: #fff;font-weight: bold;}
.topNav{width: calc(100% - 15rem);height: 100%;padding: 0 1rem;position: relative;}
.topNav li{float: left;position: relative;}
.topNav a{display: block;padding: 0 1rem;}
.topNav [class^="icon-"]{font-size: 1.1rem;line-height: 1;}
.topNav a span{margin-left: 0.2rem;}
.topNav li:hover{background: var(--color);color: #fff;}
.custom{float: right;height: 100%;}
.custom li:hover [data-toggle="dropdown"] + .dropBox{opacity: 1;visibility: visible;}
.dropBox{position: absolute;right: 0;width: max-content;background: #fff;opacity: 0;visibility: hidden;transition: opacity 0.2s;color: #333;z-index: 100;}
.treeMenu,.mainContent{height: calc(100% - 3.2rem);}
.treeMenu{width: 15rem;float: left;background: #282c34;overflow-x: hidden;overflow-y: auto;}
.treeMenu .item{}
.treeMenu .item a{display: block;color: #fff;padding: 0.8rem 1rem;}
.treeMenu .item a:hover{background: #13161c;}
.treeMenu .item [class^="icon-"]{color: #909399;font-size: 1.2rem;vertical-align: middle;margin-right: 0.5rem;}
.treeMenu .item span{vertical-align: middle;}
.treeMenu .item .dropIcon{font-size: 1rem;float: right;margin-top: 0.25rem;-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;}
.treeMenu .subMenu{height: 0;overflow: hidden;transition: height 0.5s;}
.treeMenu .subMenu .item a{padding-left: 2rem;}
.treeMenu .item.open .dropIcon{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.treeMenu .item.active{background: #13161c;}
.treeMenu .item.active [class^="icon-"]{color: #fff;}
.treeMenu .item.active a:hover{background: initial;}
.mainContent{width: calc(100% - 15rem - 1rem);height: calc(100% - 5.2rem);float: right;margin: 1rem 0 1rem;padding: 1rem;background: #fff;box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.03);overflow: auto;}
.adminInfo{width: 15rem;padding: 1rem;line-height: 1.5;}
.adminInfo .infoHeader b{font-size: 1.3rem;margin-bottom: 0.5rem;display: block;color: initial;}
.adminInfo .infoHeader p{font-size: 0.8rem;color: #666;}
.adminInfo .infoFooter{margin-top: 1rem;}
.adminInfo .infoFooter a{background: #95bbe5;border-radius: 4px;color: #fff;font-size: 0.9rem;padding: 0.2rem 1.5rem;}

.me_msg{float: left;position: fixed;left: 50%;z-index: 99999;top: 23%;min-width: 15%;max-width: 80%;transform: translateX(-50%);background: rgba(0,0,0,0.6);color: #fff;border-radius: 5px;overflow: hidden;}
.me_msgbox{padding:0 10px;text-align:center;word-break:break-all;white-space:normal;}
.me_msgbox .me_conntent{margin:10px 0;}
.me_msgbox .me_title{padding-top:10px;}
.me_msgbox .me_aftertitle{font-size:12px;color:#c7c7c7;}
.me_btns{height: 30px;line-height: 30px;background: rgba(74, 74, 74, 1);display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;}
.me_btns .me_btn{width: 100%; text-align: center; cursor: pointer;}
.me_btns .me_btn:hover{background: #0fbbad;}
.popup{position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 999;}
.popupBox{position: fixed;top: 15%;left: 0;right: 0;margin: auto;width: max-content;background: #fff;border-radius: 0.5rem;overflow: hidden;border: 1px solid rgb(0 0 0 / 60%);max-width: 98%;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-duration: 0.3s;-webkit-animation-duration: 0.3s;-moz-animation-duration: 0.3s;-o-animation-duration: 0.3s;animation-name:showScale;-webkit-animation-name:showScale;-moz-animation-name:showScale;-o-animation-name:showScale;}
.popupBox > .title{line-height: 3;border-bottom: 1px solid #eaeaea;font-weight: bold;padding: 0 1rem;}
.popupBox > .title .text{font-size: 1.1rem;line-height: 3;}
.popupBox > .title .close{float: right;font-size: 1.5rem;line-height: 2;color: #999;cursor: pointer;margin-left: 1rem;font-weight: normal;font-style: normal;}
.popupBox > .close{width: 100%;height: 2.8rem;line-height: 2.8rem;background: #fff;border: 0;border-top: 1px solid #eaeaea;}
.popupBox > .content{padding: 1rem;max-height: calc(80vh - 3rem);overflow: auto;}
.popup .leftBox,.popup .rightBox{top: 0;height: 100%;}
.popup .leftBox{right: auto;left: 0;animation-name:showLeft;-webkit-animation-name:showLeft;-moz-animation-name:showLeft;-o-animation-name:showLeft;}
.popup .rightBox{right: 0;left: auto;animation-name:showRight;-webkit-animation-name:showRight;-moz-animation-name:showRight;-o-animation-name:showRight;}
.popup .topBox{top: 0;animation-name:showTop;-webkit-animation-name:showTop;-moz-animation-name:showTop;-o-animation-name:showTop;}
.popup .bottomBox{top: auto;bottom: 0;animation-name:showBottom;-webkit-animation-name:showBottom;-moz-animation-name:showBottom;-o-animation-name:showBottom;}

.form{}
.form .inputItem,.form .inputGroup{position: relative;margin-bottom: 1rem;vertical-align: middle;}
.form .inputItem > label{color: #222;}
.form .inputItem input,.form .inputItem select,.form .inputItem textarea,.form .inputItem .tree_text{background: #fff;border-radius: 4px;border: 1px solid #dcdfe6;font-size: inherit;-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);transition: border-color .2s cubic-bezier(.645,.045,.355,1);}
.form .inputItem input[type="text"],.form .inputItem input[type="password"],.form .inputItem input[type="url"],.form .inputItem input[type="number"],.form .inputItem input[type="email"],.form .inputItem input[type="month"],.form .inputItem input[type="week"],.form .inputItem input[type="date"],.form .inputItem input[type="datetime"],.form .inputItem input[type="datetime-local"],.form .inputItem input[type="time"],.form .inputItem textarea,.form .inputItem .tree_text{padding: 0.8rem 1rem;width: 100%;float: none;}
.form .inputItem input[type="checkbox"],.form .inputItem input[type="radio"]{width: 1.1rem;height: 1.1rem;vertical-align: text-top;margin:0 0.5rem;}
.form .inputItem select{padding: 0.8rem 1rem;margin-right: 0.5rem;}
.form .inputItem textarea{height: 10rem;font-family: initial;}
.form .inputGroup > label{font-size: 1.1rem;font-weight: 600;margin-bottom: 0.5rem;display: block;}
.form .inputGroup > label ~ .inputItem{margin-left: 1rem;}
.form .iconInput input[type="text"],.form .iconInput input[type="password"],.form .iconInput input[type="url"],.form .iconInput input[type="number"],.form .iconInput input[type="email"],.form .iconInput input[type="month"],.form .iconInput input[type="week"],.form .iconInput input[type="date"],.form .iconInput input[type="datetime"],.form .iconInput input[type="datetime-local"],.form .iconInput input[type="time"]{padding-left: 2.4rem;}
.form .iconInput [class^="icon-"]{position: absolute;top: 0;-webkit-transition: all .3s;height: 100%;color: #C0C4CC;text-align: center;left: 0.5rem;transition: all .3s;font-size: 1.4rem;line-height: 3rem;}
.form .lineInput input[type="text"],.form .lineInput input[type="password"],.form .lineInput input[type="url"],.form .lineInput input[type="number"],.form .lineInput input[type="email"],.form .lineInput input[type="month"],.form .lineInput input[type="week"],.form .lineInput input[type="date"],.form .lineInput input[type="datetime"],.form .lineInput input[type="datetime-local"],.form .lineInput input[type="time"]{width: 15rem;}
.form .inputItem input[readonly]{background: #f1f1f1;cursor: not-allowed;}
.form .lineInput{display: inline-block;}
.form .inputUploadGroup{}
.form .inputUpload{width: 7rem;height: 7rem;overflow: hidden;position: relative;border: 1px solid #dcdfe6;float: left;margin-right: 0.5rem;}
.form .inputUpload img{width: 100%;height: 100%;object-fit: contain;}
.form .inputUpload .delete{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);color: #fff;}
.form .inputUpload .delete i,.form .inputUploadAdd i{margin: 50% 0 0 50%;display: block;line-height: 1;cursor: pointer;}
.form .inputUpload .delete i{font-size: 2rem;transform: translate(-1rem, -1rem);}
.form .inputUpload[draggable]{cursor: move;}
.form .inputUploadAdd{cursor: pointer;border-style: dashed;border-width: 2px;}
.form .inputUploadAdd i{font-size: 3rem;color: #c2c7d3;transform: translate(-1.5rem, -1.5rem);}
.button{line-height: 1;white-space: nowrap;text-align: center;-webkit-transition: .1s;transition: .1s;font-weight: 500;border-radius: 4px;background: var(--color);color: #fff;width: 100%;padding: 1rem 2rem;margin-top: 1rem;max-width: 20rem;}
.button.mini{width: auto;padding: 0.5rem 1rem;}
.button.errorBtn{}
.button:disabled{background: #9da8b7;cursor:not-allowed;}
.button:hover{background: #193585;}

.table{border: 1px solid #f4f4f4;width: 100%;border-collapse: collapse;border-spacing: 0;}
.table td{border: 1px solid #f4f4f4;text-align: center;vertical-align: middle;padding:7px;}
.table thead td{font-weight: 600;background: #fff;border-bottom: 1px solid #e5e5e5;}
.table tbody td a{background: var(--color);padding: 3px 7px;margin: 0 3px;color: #fff;border-radius: 4px;}
.table tbody tr:nth-of-type(odd){background-color: #f9f9f9;}
.pop_modal{position: fixed;top: 0;left: 0;width: 100%;height: 100%;opacity: .5;background: #000;z-index: 1000;}
.pop,.prompt{position: fixed;top: 1rem;left: 1rem;width: calc(100% - 2rem);height: calc(100% - 2rem);background: #fff;opacity: 0;visibility: hidden;-webkit-transform: translate(calc(100% + 2rem),0);transform: translate(calc(100% + 2rem),0);-webkit-transition: transform 0.3s 1ms;transition: transform 0.3s 1ms;z-index: 1001;}
.pop_head{padding: 1rem;border-bottom: 1px solid #dcdfe6;}
.pop_close{font-size: 0.75rem;color: #666;background: none;}
.pop_close i{font-size: 1.2rem;margin-right: 0.05rem;}
.pop_title{margin-left: 1rem;font-size: 1.1rem;}
.pop_load{display: inline-block;font-size: 1.2rem;line-height: 1;color: var(--color);margin-left: 0.25rem;-webkit-animation-name: rotate;animation-name: rotate;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.pop_content{width: 100%;height: calc(100% - 4rem);overflow: auto;padding: 1rem;}
.pop.show,.prompt.show{-webkit-transform: translate(0,0);transform: translate(0,0);opacity: 1;visibility: visible;}
.prompt{top: 20%;left: 50%;width: auto;height: auto;background: #fff;box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.08);}
.prompt .prompt_head{padding: 0.8rem;border-bottom: 1px solid #dcdfe6;}
.prompt .prompt_title{margin-right: 1rem;font-size: 1.1rem;}
.prompt .prompt_close{background: none;float: right;}
.prompt .prompt_close{font-size: 1.4rem;color: #888;}
.prompt .prompt_content{padding: 1rem;}


.tab_list{-webkit-align-self: center;align-self: center;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-lines: single;-moz-box-lines: single;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;width: 100%;}
.tab_list .tab_link{color: #333;width: 8rem;height: 2.6rem;line-height: 2.6rem;-webkit-box-flex: 1;-ms-flex: 1;border: 0;border-bottom: 2px solid transparent;border-radius: 0;text-align: center;}
.tab_list .tab_link.active{color: var(--color);border-bottom: 2px solid var(--color);}
.tabs{min-height: initial;width: 100%;height: auto;}
.tabs .tab {width:100%;height:100%;background: #fff;display: none;padding: 1rem 0;}
.tabs .tab.active{display: block;}
.pagination{margin-top: 1rem;float: right;}
.pagination li{float: left;border: 1px solid #bdbdbd;margin: 0 0.25rem;border-radius: 4px;}
.pagination li span,.pagination li a{padding: 0.5rem 0.8rem;display: block;line-height: 1;}
.pagination li.disabled{color: #e5e5e5;border-color: #e5e5e5;cursor: not-allowed;}
.pagination li.active{color: var(--color);border-color: var(--color);cursor: default;}
.tree_select{position: relative;}
.tree_text{cursor:pointer;}
.tree_menu{position: absolute;left: 0;background: #fff;border: 1px solid #e5e5e5;box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.03);height: 15rem;overflow: hidden;z-index: 9991;display:none;}
.tree_menu .tree_item{min-width: 11rem;height: 100%;overflow: auto;float: left;border-right: 1px solid #e5e5e5;}
.tree_menu .tree_item:last-child{border-right:none;}
.tree_menu .tree_ul{padding: 5px 0;}
.tree_menu .tree_ul li{padding: 0 1rem;height: 2.5rem;line-height: 2.5rem;cursor: pointer;user-select: none;outline:0;}
.tree_menu .tree_ul li:after{content:"";display:block;clear:both;height:0;}
.tree_menu .tree_ul li:hover{background: #f5f5f5;}
.tree_menu .tree_ul li i{float: right;color: #aaa;font-weight: normal;}
.tree_menu .tree_ul li.active{color: var(--color);font-weight: bold;}
.tree_menu .tree_ul li.active i{color: var(--color);}

.tageGroup{}
.tageGroup .item,.verifyTageGroup .item{padding: 0.5rem 1rem;background: var(--color);color: #fff;margin: 0 0.25rem;border-radius: 4px;position: relative;}
.tageGroup .tagesClose{margin-left: 0.5rem;cursor: pointer;}

.loginBody{background: url(../images/login_bg.png) no-repeat;background-size: cover;}
.login{position: absolute;top: 40%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 30rem;background: #fff;padding: 2rem 3rem;border-radius: 0.5rem;}
.login .bigTitle{font-size: 1.5rem;font-weight: 600;color: var(--color);margin-bottom: 2rem;text-align: center;}
.loginForm .inputItem{margin-bottom: 1.5rem;}
.loginForm input{background-color: #EDF1FF !important;border: 0 !important;}
.login_head{padding: 2rem 0;display: flex;justify-content: space-between;}
.login_head .title{}
.login_head .title h3{font-weight: bold;color: var(--color);font-size: 2rem;letter-spacing: 0.3rem;}
.login_head .title p{font-weight: 400;color: var(--color);font-size: 12px;}
.login_footer{position: absolute;bottom: 2rem;left: 0;right: 0;text-align: center;color: #888;}
.capthaCodeInput .capthaCode{width: calc(100% - 12rem) !important;vertical-align: text-bottom;}
.capthaCodeInput .captcha{height: 2.742rem;}

.total_card{width: calc(25% - 1rem);float: left;border: 1px solid #f0f2f5;padding: 1rem;margin: 0 0.5rem;border-radius: 0.5rem;}
.total_card .head{}
.total_card .head .title{font-size: 1rem;color: #666;float: left;}
.total_card .head .tag{background-color: #f0f9eb;border: 1px solid #e1f3d8;color: #67c23a;height: 1.7rem;padding: 0 0.5rem;line-height: 1.7rem;border-radius: 4px;float: right;}
.total_card .content{padding: 1rem 0;}
.total_card .content .value{font-size: 2.2rem;font-weight: 400;}
.total_card .bottom{border-top: 1px solid #f0f2f5;padding-top: 1rem;font-size: 1rem;font-weight: 400;color: #999;}
.total_card .bottom .title{float: left;}
.total_card .bottom .value{float:right;}
.retainedTotalWarp span{flex: 1;text-align: center;}

.schoolList{width: 10rem;}
.deviceList{width: 10rem;}
.deviceList li.noLine{cursor: not-allowed;color: #b3b3b3;}
.videoWarpList{float: left;border-right: 1px solid #f0f2f5;height: 100%;}
.videoWarpList .title{background: #EDF1FF;padding: 0.5rem;}
.videoWarpList ul{height: calc(100% - 2rem);overflow: auto;}
.videoWarpList ul::-webkit-scrollbar{width: 5px}
.videoWarpList ul::-webkit-scrollbar-thumb{background: #eaeaea;border-radius: 4px;}
.videoWarpList li{cursor: pointer;padding: 0.5rem;}
.videoWarpList li:hover,.videoWarpList li.active{background: #EDF1FF;}
.video{width: calc(100% - 20rem);height: 100%;background: #eaeaea;float:right;position: relative;}
.video:after{content: "";display: block;position: absolute;top: 0;width: 100%;height: 100%;background-image: url(../images/video_bg.png);background-repeat: no-repeat;background-position: center;background-size: 10%;opacity: 0.1;}
.videoWarp{position: relative;width: 100%;height: 100%;}
.videoPlayer{width: 100%;height: 100%;}
.videoText{position: absolute;right: 10px;bottom: 10px;z-index: 100;margin: 0;font-size: 14px;text-shadow: 0px 0px 2px #000;color: #fff;}

.searchList{position: absolute;background: #fff;z-index: 2;padding: 0.5rem 0;box-shadow: 0 1px 9px -5px #000;min-width: 15rem;margin: 0;display:none;}
.searchList li{line-height: 2;cursor: pointer;padding: 0 0.5rem;}
.searchList li:hover{background-color: #f5f5f5;}
.searchList li.notResult{text-align: center;font-size: 12px;color: #999;}

.recipePopup .popupBox{width: 25rem;}
.recipePopup .content .head .title{float: left;margin-left: 1rem;font-size: 1.5rem;}
.recipePopup .content .head img{float: left;width: 8rem;height: 8rem;object-fit: contain;}
.recipePopup .content > .title{font-weight: 600;border-bottom: 1px solid #f0f2f5;margin-top: 2rem;font-size: 1.05rem;}
.recipePopup .content .list li{line-height: 1.8;}
.recipePopup .content .list .weight{float: right;}
.recipePopup .content .tag{flex-wrap: wrap;}
.recipePopup .content .tag span{margin: 0.25rem;}

.retained_log{text-align: left !important;}
.retained_tag{font-size: 0.8rem;padding: 3px;border: 1px solid transparent;border-radius: 4px;margin: 0 0.5rem;}
.retained_tag.tag_0{color: #ffa700;border-color: #ffa700;}
.retained_tag.tag_1{color: #008000;border-color: #008000;}
.retained_tag.tag_2{color: #999;border-color: #999;}

.error{text-align: center;margin: 5rem;}
.error .icon{font-size: 4rem;color: #f76f3e;}
.error .message{font-size: 1.2rem;}
.error .btns{margin-top: 5rem;}
.error .btns .button{display: inline-block;width: max-content;}

@-webkit-keyframes rotate{
	from{
		-webkit-transform:rotate(0)
	}
	to{
		-webkit-transform:rotate(360deg)
	}
}
@keyframes rotate{
	from{
		transform:rotate(0)
	}to{
		transform:rotate(360deg)
	}
}


@-webkit-keyframes move {
    0% {
        filter: unset;
    }

    100% {
        filter: hue-rotate(360deg);
    }
}
@keyframes move {
    0% {
        filter: unset;
    }

    100% {
        filter: hue-rotate(360deg);
    }
}