[v-cloak]{display:none}
::-webkit-scrollbar{display:none;}
body{padding:0;margin:0}
/* *{box-sizing:border-box} */
*{margin:0px;padding:0px;font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}
div,ul{box-sizing:border-box}
ul{margin:0px;padding:0px}
li{margin:0px;padding:0px;list-style-type:none;}
a,a:hover,a:visited,a:active{text-decoration:none;}
p{margin:0px;padding:0px}
input,select,textarea{padding:0 5px;border:1px #ddd solid;outline:none;border-radius:5px;background:white;min-height:30px}
input[type=checkbox]{margin-right:5px}

/*q*/
.q-fwh100{float:left;width:100%;height:100%;}

/*box center*/
.q-pfc,.q-box-fixed-center{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);}
.q-pac,.q-box-absolute-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.q-div-input{float:left;width:100%;margin-top:10px;height:40px;}
.q-div-input input{float:left;text-indent:10px;width:100%;height:35px;box-sizing:border-box}

/*width*/
.q-w50{width:50%}


.href,.plink{cursor:pointer;color:#999}
.fl{float:left}
.fr{float:right}

.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}

.w100{width:100%}
.w90{width:90%}
.w80{width:80%}
.w70{width:70%}
.w60{width:60%}
.w50{width:50%}
.w40{width:40%}
.w30{width:30%}
.w20{width:20%}
.w10{width:10%}
.w500{width:500px}
.fwc{display:flex;flex-wrap: wrap;justify-content: center;}

.cup{cursor:pointer;color:#888}



/* body{margin:0;padding:0} */
h3{margin:1% 1% 1% 0;}
h3 a,h3 a:hover,h3 a:link,h3 a:visited,h3 a:active{text-decoration:none;color:#999}
/* input,select{border:1px #ddd solid;outline:none;border-radius:3px;background:white;height:30px} */
h3 .current{padding-left:10px}


h4{float:left;margin:0px 1% 5px 1%;padding:8px;padding-right:5px;background:#eee;border-radius:5px;width:auto;display: flex;align-items: center;}
h4 select{color:#999;font-size:14px;}
h4 input{margin-left:5px;margin-right:5px;width:150px;color:#999}
h4 button{border:none;background: #de2f00;padding: 6px 10px;color: white;border-radius: 4px;font-size: 14px;}
h4 button.reset{background: none;border: 1px #ddd solid;color: #888;}

h5{margin:1%}
h5 ul{float:left;margin:5px 0;width:100%;height:40px;border:1px #ddd solid}
h5 ul li{float:left;width:120px;font:12px/38px arial;text-align:center;border-right:1px #eee solid;cursor:pointer}
h5 ul li.on{background:#f2f2f2f2;color:#de2f00}

#body{float:left;width:100%;height:100%}

.page{height:40px;font:12px/40px arial;;text-indent:10px}
.page>a,.page>span{padding: 5px 10px 5px 10px;border: 1px #dddddd solid;cursor: pointer;}
.page>a{color: #444;text-decoration: none;}
.page .rows{float:right;margin-right:10px;width: 200px;height: 40px;font: 12px/40px arial;text-align: right;}
.page li{list-style:none}
.page .current{background:gray;color:white}

.ico-font-size20{font-size:20px}

#apps{float:left;width:100%;min-width:820px}

.table_b{float:left;margin:1%;margin-top:0;background-color: #eee;width:98%;border-spacing:1px;border-collapse:inherit;opacity:0}
.table_b.on{opacity:1;transition: opacity 0.1s linear;}
.table_td_t {background-color: #ddd;height:40px;line-height: normal;}
.table_td_t img{margin-left:2px;height:12px}
.table_td_c {background-color: #FFFFFF;height:40px;font-size:12px;line-height: normal;}

.table_b tr:hover .table_td_c{background:#f2f2f2}
/* margin:2px 5px; */
.table_td_c button{padding: 0 6px;height:30px;background:red;color:white;border:none;border-radius:5px;font-size:12px;cursor:pointer}

.table_td_c .imgs{display:block;margin-top:4px;margin-bottom:4px;width: 40px;height: 40px;border-radius: 50%;border: 1px #f9eff0 solid;font: 18px/40px arial;text-align:center;background-color:#f9eff0;background-size:100%;color: #de2f00;overflow:hidden}

td{padding:5px;height:40px;}
.table_b button{background:none;color:#de2e00}

/**/
.table_body::-webkit-scrollbar {display:block;}
.table_body::-webkit-scrollbar:vertical {width: 0px;}
.table_body::-webkit-scrollbar:horizontal{height:8px;}
.table_body::-webkit-scrollbar-thumb{border-radius: 8px;background-color: rgba(0, 0, 0, .2);}
.table_body{float: left;margin:1%;width: 98%;overflow: auto scroll;border:1px #eee solid}
.table_b.o{border-spacing:0px;width:100%}
.table_b.o td{border-bottom:1px #eee solid}
.table_b.on{margin:0;min-width: 1500px;}
.table_b.ons{margin:0;width:100%;opacity:1}
.table_b .tb-left{position:sticky;left:-1px;}
.table_b .tb-right{position:sticky;right:-1px;}
.table_b .tb-left:after,.table_b .tb-right:after{position: absolute;top: 0;content: "";right: 0;bottom: -1px;width: 30px;transform: translateX(100%);}
.table_b.tb_left .tb-left:after{box-shadow: inset 9px 0px 8px -8px rgba(0,0,0,.15);}

.table_b .tb-right:after{right:auto;left:-60px;}
.table_b.tb_right .tb-right:after{box-shadow: inset -9px 0px 8px -8px rgba(0,0,0,.15);}
.table_b .tabMore{float: right;padding-right: 10px;cursor: pointer;}
/**/

/*form*/
.form{float:left;width:100%;padding:10px 30px;box-sizing:border-box}
.form>ul>li{float:left;width:100%;margin:10px 0;font:12px/40px arial;display: flex;flex-direction: column;}
.form>ul>li .t{float:left;padding-right:5px;width:100%;text-align:left;font: 14px/20px arial;}
.form>ul>li> .t>i{padding-right:4px;color:red}

.form>ul>li span{float:left;padding-right: 5px;width:20%;text-align:right}
.form>ul>li span.w100{width:100%;position:relative;display:flex;align-items: center;}
.form>ul>li span.w100 .tips{position: absolute;left: 0;top: 23px;width: 100%;text-align: left;color: red;z-index:-1}
.form>ul>li.submit{display: flex;flex-direction: row;justify-content: center;}
.form input{width:100%;height:30px;border:1px #ddd solid;}
.form input[type=radio],.form input[type=checkbox]{width:fit-content;}
.form input.on{border:1px red solid}
.form select{width:100%;height:30px;border:1px #ddd solid;}
.form select.on{border:1px red solid}
.form textarea{width:100%;height:200px;border:1px #ddd solid;resize:none;}

.form .but{margin:auto;margin:5px 0;width:150px;height:40px;font:14px/40px arial;background:#ff673f;color:white;text-align:center;border-radius:5px;cursor:pointer;	display: flex;justify-content: center;}

.form .img_head{float: left;padding:0;width: 60px;height: 60px;background-color: #f9eff0;color:#de2f00;border-radius: 50%;	font: 30px/60px arial;text-align: center;background-size:100%;overflow:hidden}
.form .img_head img{max-width:100%;max-height:100%}
.form .img_head_up{heigh:60px;font:14px/60px arial;color:#de2e00;width:80px;cursor:pointer}
.form ul.radio{margin:0;display:flex;flex-direction:row}
.form ul.radio li{margin:0 20px;display:flex;align-items:center}

.form .sellist{position:relative;width:100%;}
.form .sellist .sel_list{position: absolute;padding:0;top: 35px;width:98%;min-height:40px;background: white;box-shadow: 0px 3px 5px 0px #aaa;z-index: 9;display:none;max-height:300px;overflow-y:auto;}

.form .sellist .sel_list.bottom{top:auto;bottom:36px;box-shadow: 0px -2px 5px 0px #aaa;}

.form .sellist .glyphicon{position: absolute;padding: 0;width: 10px;right: 20px;top: 14px;color: #aaa;}
.form .sellist.on .sel_list{display:block}
.form .sellist.on .sel_list li{float: left;width: 100%;height:40px;text-align: left;border-bottom: 1px #eee solid;padding-left: 10px;cursor:pointer}
.form .sellist.on .sel_list li:hover{background:#eee}
.form .sel_list::-webkit-scrollbar{display:block;}
.form .sel_list::-webkit-scrollbar:vertical {width: 3px;}
.form .sel_list::-webkit-scrollbar:horizontal{height:0px;}
.form .sel_list::-webkit-scrollbar-thumb{border-radius: 8px;background-color: rgba(0, 0, 0, .3);} 

.form .sel_list .list_loading{color:red;text-align:center}

#app_bg{position:fixed;top:0;right:0;bottom:0;left:0;background:black;opacity:0;z-index:9998}
#app_bg.on{opacity:0;transition: opacity 0.2s linear;}

/* #app_bg #app_loading{position:fixed;top:50%;left:50%;width:50px;height:50px;border:1px #f2f2f2 solid;border-radius:10px;background: white url("../images/loading.gif") center center no-repeat;background-size:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:9999;opacity:0}
#app_loading.on{opacity:1;transition: opacity 0.2s linear;} */

#appbgloading #app_loading {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
	border: 5px solid #f3f3f3;
	border-top: 5px solid #3498db;
	border-radius: 50%;
	animation: app_loading_spin 1s linear infinite;
}

@keyframes app_loading_spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}



#appbgloading #app_loading.on {
	opacity: 1;
	transition: opacity 0.2s linear;
}

#message{position:fixed;padding:5px 10px;border-radius:5px;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);bottom:15%;background:black;color:white;font-size:14px;z-index:999999}


/*left*/
#menu_bar{position:fixed;top:0px;bottom:0px;width: 150px;background-color: #eee;box-shadow:0 0 5px #ccc;overflow-x:hidden;z-index:30;display:none}
#menu_bar #menu_top{float:left;width:150px;height:50px;background:#de2f00;color:white;overflow:hidden;text-indent: 5px;}
#menu_bar #menu_top img{float:left;margin-top:11px;margin-left:6px;width:24px;height:min-content}
#menu_bar #menu_top .txts{margin-top:2px;display:flex;flex-direction:column}
#menu_bar #menu_top .txts .txt{font-size:18px}
#menu_bar #menu_top .txts .institutionName{font-size:12px;color:aliceblue}

/* #menu_bar #meu_1{float: left;  width:100%;padding-left: 10px;box-sizing:border-box} */
#menu_bar #menu{float: left;  width:100%;overflow: hidden}
#menu_bar #menu .ul1{float:left;width:100%;margin:0}
#menu_bar #menu .ul2{float:left;width:100%;margin:0;text-indent:30px;background:white;display:none}
#menu_bar #menu .ul1 .col{width:150px;text-indent: 10px;color: #333;font:16px/40px arial;cursor:pointer;overflow: hidden;}
#menu_bar #menu .ul1 .col>i{position: relative;top: 5px;}
#menu_bar #menu .ul2 li{height:30px;line-height:30px;font:14px/30px arial;color:#777;overflow:hidden}
#menu_bar #menu .ul2.on{position:fixed;left:35px;z-index:31;width:140px;border:1px #ddd solid;border-left:none;text-indent:20px;}
#menu_bar #menu .ul1 .col.on{background:#999}
#menu_bar #menu .ul2 li:hover,#menu_bar #menu .ul2 li.on{color:red;text-decoration:none;}
#menu_bar #menu .ul1 .col .ico{float: right;padding-right: 10px;}
#menu_bar #menu .ul1 .col .ico svg{transform: rotate(-90deg);color:#ff02008f}
#menu_bar #menu .ul1 .col.on .ico svg{transform: rotate(0deg);}

#menu_bar #userInfo{position: absolute;float: left;width: 100%;bottom: 0;}
#menu_bar #userInfo>ul>li{display: flex;align-items: center;justify-content: space-between;width: 150px;color: #333;font: 16px/48px arial;cursor: pointer;overflow: hidden;}
#menu_bar #userInfo>ul>li:hover{background:white}
#menu_bar #userInfo .imgs{float:left;display:block;margin-left:5px;width: 30px;height: 30px;border-radius: 50%;border: 1px #f9eff0 solid;font: 18px/30px arial;text-align:center;background-color:#ffcbbd;background-size:100%;color: red;overflow:hidden}
#menu_bar #userInfo .info{float:left;font:12px/48px arial;text-indent:5px}
#menu_bar #userInfo .ico svg {transform: rotate(-90deg);color: #ff02008f;}

#menu_bar #userInfo .user_menu{position: fixed;bottom: 3px;left: 150px;min-width:150px;z-index: 99;box-shadow: 0px 1px 12px rgba(0,0,0,0.1);background:white;display:none}
#menu_bar #userInfo .user_menu>li{padding-left:10px;font:12px/36px arial}
#menu_bar #userInfo .user_menu>li:hover{background:#f2f2f2}
#menu_bar.on #userInfo .user_menu{left:35px}

#menu_bar #userInfo li:hover .user_menu{display:block}

#menu_bar #userInfo .user_menu>li .user_menus{position: absolute;top:0;left:100%;min-width:150px;z-index: 99;box-shadow: 0px 1px 12px rgba(0,0,0,0.1);background:white;display:none}
#menu_bar #userInfo .user_menu>li:hover .user_menus{display:block}
#menu_bar #userInfo .user_menu>li .user_menus>li{padding-left:10px}
#menu_bar #userInfo .user_menu>li .user_menus>li.on{color:red}
#menu_bar #userInfo .user_menu>li .user_menus>li:hover{background:#f2f2f2}

/* #menu_bar #menu>ul>.m{ font-size:14px;  color: #000000;  font-weight: 600;} */

/*content*/
/* #content{float:left;width:100%; min-height:300px;overflow-y:auto;display:none}
#content #home_page_content{float: left;margin-top:50px;padding-left:150px;width: 100%; height: calc(100% - 50px);}
#content #home_page_content #page_content{float:left;width:100%;  padding:20px 50px } */

#content {
	position: fixed;
	top: 50px;
	left: 150px;
	right: 0;
	bottom: 0;
	overflow-y: auto;
	display: none
}

#content #home_page_content {
	float: left;
	width: 100%;
	height: 100%;
}

#content #home_page_content #page_content {
	float: left;
	width: 100%;
	padding: 20px 50px
}


#apps .toleft{position: absolute;background: #fa867e;margin-left: 34px;color:white;width:25px;height: 50px;font: 12px/50px arial;cursor:pointer;z-index: 99;-webkit-user-select: none;text-align:center}
	
#apps .toright{position: absolute;background: #fa867e;color:white;width:25px;height: 50px;font: 12px/50px arial;cursor:pointer;z-index: 99;-webkit-user-select: none;text-align:center}

#content .right_top{padding-left:150px;width:100%;height:50px;box-shadow:1px 2px 2px 0px #eae7e8;position:fixed;top:0px;right:0px;background:#f9eff0;z-index:20;box-sizing:border-box;display: flex;justify-content: space-between;}
#content .right_top .list{margin:15px;cursor:pointer}

#apps #userset{width:36px}
#apps #userset .cup svg{margin: 20px 10px;}
/* #content .right_top ul.set{float: right;width:auto;  height: 50px;-webkit-user-select: none;}
#content .right_top ul.set>li{position:relative;float: right;margin:0 10px;height: 50px;  font:16px/50px arial; text-align: center;border-left:1px #eee solid;	display:flex;align-items: center;}
#content .right_top ul.set>li a{color: #171414;  font-weight: 400;}
#content .right_top ul.set .meun{float:left;width:120px;border:1px #ddd solid;border-top:none;display:none;position: relative;z-index: 99;background: white;} */

#apps .right_top .user_menu{position: absolute;width: 150px;top:50px;right: -8px;float: left;border: 1px #eee solid;background: #fff;font:12px/40px arial;display:none}
#apps .right_top .user_menu li{float:left;padding-left:20px;width:100%;text-align:left}
#apps .right_top .user_menu li:hover{background:#ddd}
#apps .right_top ul.set li:hover .user_menu{display:block}
#apps .right_top ul.set .imgs{display:block;margin-top:4px;margin-bottom:4px;width: 40px;height: 40px;border-radius: 50%;border: 1px #f9eff0 solid;font: 18px/40px arial;text-align:center;background-color:#f9eff0;background-size:100%;color: #de2f00;overflow:hidden}



#apps .right_top .menu{width:-webkit-fill-available;border-left:1px #ddd solid;border-right:1px #ddd solid;overflow-y: scroll;background:#f2f2f2}
#apps .right_top .menu::-webkit-scrollbar{display:none}
#apps .right_top ul.menus{width:max-content;position:relative;left:0px}
#apps .right_top ul.menus li{float:left;margin-right:2px;padding:0 15px;font:12px/50px arial;background: #fdfdfd;cursor:pointer;display:flex;align-items: center;-webkit-user-select: none;}
#apps .right_top ul.menus li:hover,#apps .right_top ul.menus li.on{background: #fbd3d7;}

#apps .right_top ul.menus li .close{float:right;margin-left: 20px;margin-right: 0px;font-size: 12px;}
/*bottom*/
#db{float: left;  width: 100%;  height: 78px;  background-color: #E9EDFD; border: 1px solid #8e7b7b36; border-width: 2px 0 0 0;text-align:center;line-height:78px;  color: #6B6D6E;  font-size: 12px;}

#tab{height: 100%}
#tab .tabs {
	position: absolute;
	float: left;
	width: 100%;
	height: 100%;
	display: none;
}

#tab .tabs.on {
	display: block;
	animation: tabs_in_anim 0.6s ease-in-out forwards;
	z-index: 1
}
@keyframes tabs_in_anim {
	0% {
		margin-left: -20px;
		opacity: 0;
	}

	50% {
		margin-left: -20px;
		opacity: 0;
	}

	100% {
		margin-left: 0px;
		opacity: 1;

	}
}

#tab .tabs.out {
	display: block;
	animation: tabs_out_anim 0.6s ease-in-out forwards;
	z-index: 2
}

@keyframes tabs_out_anim {
	0% {
		margin-left: 0px;
		opacity: 1;
	}

	50% {
		margin-left: 20px;
		opacity: 0;
	}

	100% {
		margin-left: 0px;
		opacity: 0;
		display: none;
	}
}


/* box */
.qsbox_mask{position:fixed;top:0;right:0;bottom:0;left:0;background:black;opacity:0.2;z-index:998}
.qsbox{position:fixed;top:50%;left:50%;max-width:80%;border-radius:5px;background: white;background-size:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);min-height: 0px;height: 0px;border: none;overflow: hidden;z-index:998;opacity:0}
.qsbox.on{height:auto;border:1px #f2f2f2 solid;}
.qsbox.ons{height:auto;border:1px #f2f2f2 solid;opacity:1;transition: opacity 0.3s linear;}
.qsbox.ons.right{transform:none;-webkit-transform:none;top:0;right:0;bottom:0;left:auto}

.qsbox .top{float:left;padding:0 10px;width:100%;height:40px;background:#f5f5f5;font:bold 14px/40px arial;cursor:move}
.qsbox .top .close{float:right;margin:0;width:20px;height:40px;text-align:center;font:16px/40px arial;cursor:pointer}
.qsbox .content{float:left;width:100%;max-height:680px;overflow-y:auto}
.qsbox.right .content{max-height:none;height:calc(100% - 40px)}
.qsbox .content .tips{float:left;width:100%}
.qsbox .content .tips .c{float:left;width:100%;min-height:100px;display: flex;justify-content: center;align-items: center;}
.qsbox .content .tips .c .svg.warning{width:40px;height:40px;margin-right:10px;background: url(../images/warning.svg) no-repeat;background-size:100%}
.qsbox .content .tips .button{float:left;width:100%;display: flex;justify-content: space-around;}
.qsbox .content .tips .button div{width:50%;font:14px/40px arial;background:#eee;color:#666;text-align:center;cursor:pointer}
.qsbox .content .tips .button .confirm{background:#b32500;color:white}

.qsbox .box_but{float:left;width:100%;height:60px;border-top:1px #eee solid;}
.qsbox .box_but .close,.box_but .but{float:right;margin:15px;background:#951e24;width:60px;height:30px;border:1px #eee solid;text-align:center;border-radius:5px;color:#333;font:12px/30px arial;cursor:pointer;opacity:1;text-shadow:none}
.qsbox .box_but .but{padding:0px;color:white}
.qsbox .box_but .close{color:#333;background:#eee}


.qsform{float:left;width:100%}
.qsform>ul{float:left;margin:10px auto;width:100%;}
.qsform>ul>li{margin-top:6px;font:12px/30px arial;color:#666}
.qsform>ul>li i{color:red}
.qsform>ul>li:first-child{float:left;width:20%;text-align:right;}
.qsform>ul>li:first-child font {padding-right:10px;display: block;text-align:right;line-height: 0.1;}
.qsform>ul>li:last-child{float:left;width:80%;}
.qsform li input,.qsform li textarea,.qsform li select{height:30px;width:70%;padding-left:10px;border:1px #eee solid;border-radius:4px}


.page{height:30px;font:12px/30px arial;;text-indent:10px}
.page>a,.page>span{padding: 5px 10px 5px 10px;border: 1px #dddddd solid;cursor: pointer;}
.page>a{color: #428bca;text-decoration: none;}
.page .rows{float:right;margin-right:10px;width: 200px;height: 20px;font: 12px/20px arial;text-align: right;}
.page li{list-style:none}

.pages{float:left;margin-left:1%;width:98%;height:40px;font:12px/40px arial;color:#444;opacity:0}
.pages.on{opacity:1;transition: opacity 0.1s linear;}
.pages input{margin:0;margin-right:5px;}
.pages .fl{padding-left:12px;display: flex;justify-items: center;align-items: center;}
.pages .fr{display: flex;justify-items: center;align-items: center;}
.pages .fr select{margin:0 5px;padding:0px;width:44px;height:28px;border:1px #ccc solid;border-radius:3px;background:white}
.pages .fr .pagination{margin:0;padding:0 20px}
.pages .fr .pagination li{float:left;margin-left:5px;min-width:30px;text-align:center;font:12px/26px arial;color:#444;border:1px #ccc solid;border-radius:3px;cursor:pointer}
.pages .fr li.first,.pages .fr li.last{color:#aaa;border:1px #fff solid}
.pages .fr li.ons{border:1px #fff solid}
.pages .fr .first.on,.pages .fr .last.on{color:#0078c1;border:1px #ccc solid}
.pages .fr li.more{font: 16px/16px arial;height: 26px;border:1px #fff solid}
.pages .fr .gopage{margin: 0 5px;padding:0;width: 28px;height: 28px;border: 1px #ccc solid;text-align:center;border-radius:3px}
.pages .fr button{margin:0 0 0 5px;padding:0px 5px;border:1px #ccc solid;color:#444;border-radius:3px;height:28px;line-height:28px}

/*qsswitch*/
.qsswitch{display:none}
.qsswitch-btn{margin:0;outline:0;width:3em;height:1.8em;background: #cdcdcd;border-radius: 0.9em;padding: 2px;-webkit-transition: all .4s ease;transition: all .4s ease;border: 1px solid #e8eae9;cursor:pointer}
.qsswitch+.qsswitch-btn{outline: 0;width: 3em;height: 1.8em;position: relative;cursor: pointer;}
.qsswitch-ios+.qsswitch-btn{background: #cdcdcd;border-radius: 0.9em;padding: 2px;-webkit-transition: all .4s ease;transition: all .4s ease;border: 1px solid #e8eae9;}
.qsswitch-ios:checked+.qsswitch-btn{background: #20a53a}
.qsswitch:checked+.qsswitch-btn:after{left:50%}
.qsswitch-ios+.qsswitch-btn:after{border-radius: 0.9em;background: #fbfbfb;-webkit-transition: left .3s cubic-bezier(.175, .885, .32, 1.275), padding .3s ease, margin .3s ease;transition: left .3s cubic-bezier(.175, .885, .32, 1.275), padding .3s ease, margin .3s ease;-webkit-box-shadow: 0 0 0 1px rgb(0 0 0 / 10%), 0 4px 0 rgb(0 0 0 / 8%);box-shadow: 0 0 0 1px rgb(0 0 0 / 10%), 0 4px 0 rgb(0 0 0 / 8%);}

.qsswitch+.qsswitch-btn:after {left: 50%;}
.qsswitch-ios+.qsswitch-btn:after {border-radius: 0.9em;background: #fbfbfb;-webkit-transition: left .3s cubic-bezier(.175, .885, .32, 1.275), padding .3s ease, margin .3s ease;transition: left .3s cubic-bezier(.175, .885, .32, 1.275), padding .3s ease, margin .3s ease;-webkit-box-shadow: 0 0 0 1px rgb(0 0 0 / 10%), 0 4px 0 rgb(0 0 0 / 8%);box-shadow: 0 0 0 1px rgb(0 0 0 / 10%), 0 4px 0 rgb(0 0 0 / 8%);}
.qsswitch+.qsswitch-btn:after {left: 0;}
.qsswitch+.qsswitch-btn:after{position: relative;display: block;content: "";width: 50%;height: 100%;}

#apps .right_top {
	padding-left: 150px;
	width: 100%;
	height: 50px;
	box-shadow: 1px 2px 2px 0px #eae7e8;
	position: fixed;
	top: 0px;
	right: 0px;
	background: #ffffff;
	z-index: 20;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	z-index: 2
}

#apps .right_top .list {
	margin: 15px;
	cursor: pointer
}