@charset "UTF-8";
/*Copyright:成都零点信息技术有限公司 QQ:863230477*/
html,body,iframe,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,var,dl,dt,dd,ol,ul,li,form,label{border:none;outline:none;margin:0;padding:0;font-style:normal;vertical-align:baseline;background:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}
html{height:100%;overflow:auto}
body{width:100%;margin:0 auto;min-height:100%;overflow:auto;font-size:14px;line-height:30px;color:#333333;background:#F3F3F3;word-wrap:break-word;font-family:arial,SimSun,'宋体','Microsoft YaHei','微软雅黑',Helvetica;padding-bottom:env(safe-area-inset-bottom);}
ul{list-style:none}
input,button{outline:none;vertical-align:middle}
select{vertical-align:middle}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}
input:-moz-placeholder,textarea:-moz-placeholder{color:#999}
input::-moz-placeholder,textarea::-moz-placeholder{color:#999}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}
table{table-layout:fixed;border-collapse:collapse;empty-cells:show}
img{vertical-align:middle}
a:link,a:visited{text-decoration:none;cursor:pointer}
.u,a.u,a:hover{text-decoration:underline}
.nou,a.nou{text-decoration:none}
.lineu,.lineu:hover{text-decoration:line-through}
.bgf{background-color:#FFFFFF}
.bge{background-color:#EEEEEE!important;}
.clo0,a.clo0{color:#000}
.clo2,a.clo2{color:#222}
.clo3,a.clo3{color:#333}
.clo5,a.clo5{color:#555}
.clo6,a.clo6{color:#666}
.clo8,a.clo8{color:#888}
.clo9,a.clo9{color:#999}
.clob,b.clob{color:#BBB}
.cloc,a.cloc{color:#ccc}
.clod,a.clod{color:#DDD}
.clof,a.clof,a:visited.clof{color:#FFF}
.red,a.red{color:#E22}
.dred,a.dred{color:#900}
.green,a.green{color:#090}
.blue,a.blue{color:#39C}
.yellow,a.yellow{color:#f90}
.orange,a.orange{color:#f60}
.purple,a.purple{color:#691BA3}
.font10{font-size:10px}
.font11{font-size:11px}
.font12{font-size:12px}
.font13{font-size:13px}
.font14{font-size:14px}
.font15{font-size:15px}
.font16{font-size:16px}
.font18{font-size:18px}
.font20{font-size:20px}
.font24{font-size:24px}
.fontb{font-weight:bold}
.fontn{font-weight:normal}
.fontyahei{font-family:"Microsoft Yahei",微软雅黑}
.left{float:left}
.right{float:right}
.center{text-align:center}
.middle{vertical-align:middle}
.tleft{text-align:left}
.tright{text-align:right}
.ovh{overflow:hidden}
.ova{overflow:auto}
.ove{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nowrap{white-space:nowrap;}
.ov2h{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.hide{display:none}
.pointer,button,input[type=button],input[type=submit],input[type=file],.active_t{cursor:pointer}
.mlr3{margin:0 3px}
.mlr5{margin:0 5px}
.mt5{margin-top:5px}
.mb5{margin-bottom:5px}
.ml3{margin-left:3px}
.ml5{margin-left:5px}
.mr5{margin-right:5px}
.mt10{margin-top:10px}
.mb10{margin-bottom:10px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mt20{margin-top:20px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mt30{margin-top:30px}
.ml35{margin-left:35px}
.ml60{margin-left:60px}
.p10{padding:10px;}
.plr5{padding:0 5px}
.plr10{padding:0 10px}
.plr15{padding:0 15px}
.plr20{padding:0 20px}
.ptb10{padding:10px 0}
.cmlr3 a,.cmlr3 span,.cmlr3 input,.cmlr3 button{margin:0 3px}
.wth40{width:40px}
.wth80{width:80px}
.wth200{width:200px}
.wth300{width:300px}
.ablock{display:block;width:100%;height:100%}
.iblock{display:inline-block;*display:inline;*zoom:1}
.relative{position:relative}
.absolute{position:absolute}
.clear{clear:both}
.border_none{border:none!important;}
.flex_center{display:flex;justify-content:center;align-items:center;}
.flex_between,.flex_layout{display:flex;justify-content:space-between;align-items:center;}
.flex_column{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.flex_around{display:flex;justify-content:space-around;align-items:center;}
.flex_evenly{display:flex;justify-content:space-evenly;align-items:center;}
.active_t:active{position:relative;top:1px;opacity:0.8}

/*去掉浏览器的input type=number的上下箭头(注意:目前tp框架有bug,所以浏览器前缀如:-webkit,-moz的前面必须加有一个空格,否则报错)*/
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{;-webkit-appearance:none !important;}
input[type="number"]{;-moz-appearance:textfield;}

.input_ram{padding:2px;background:transparent;border:none}
.input_ram:focus{background:#FFF;border:1px solid #AAA}
/*高德地图过长的版权申明*/
.amap-copyright{display:none!important;}

/*常用按钮样式*/
.common_btn,.gray_btn,.orange_btn,.green_btn,.white_btn,.red_btn,.alipay_btn{padding:5px 15px;border-radius:3px;font-size:14px;color:#FFF;border:none;cursor:pointer;background:#379ADE}
a.common_btn,a.gray_btn,a.orange_btn,a.green_btn,a.white_btn,a.red_btn,a.alipay_btn{text-decoration:none}

.common_btn[disabled="disabled"],.orange_btn[disabled="disabled"],.green_btn[disabled="disabled"],.white_btn[disabled="disabled"],.red_btn[disabled="disabled"],.alipay_btn[disabled="disabled"]{background:#DDD}
.gray_btn{background:#CCCCCC}
.orange_btn{background:#F86F58}
.green_btn{background:#1AAD19}
.white_btn{background:#FFFFFF;color:#333}
.red_btn{background:#FF0000}
.alipay_btn{background:#3874F6}
.common_btn:active,.orange_btn:active,.gray_btn:active,.green_btn:active,.white_btn:active,.red_btn:active,.alipay_btn:active{position:relative;top:1px;opacity:0.8}

.sub_btn{width:70%;margin:15px auto;line-height:35px;text-align:center;font-size:16px!important;color:#FFF;border:none;border-radius:5px;background:#F85F48}
.sub_btn:active{position:relative;top:2px;opacity:0.8}
a.sub_btn{text-decoration:none}
.sub_btn[disabled=disabled]{background:#CCC}

/*横线标签切换*/
.table_tag{width:100%;margin:0 auto;border-bottom:1px solid #CCCCCC;text-align:center;line-height:35px;background:#FFF;cursor:pointer}
.table_tag td.current{border-bottom:2px solid #EE2222;color:#EE2222}

/*旋转180度*/
.deg180{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.deg90{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}

/*禁止选中*/
.noselect{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}
input,texteare{-webkit-user-select:auto;}

/*弹性布局核心css*/
.hboxpage{display:-webkit-box;display:-moz-box;display:box;position:relative;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal}
.vboxpage{display:-webkit-box;display:-moz-box;display:box;position:relative;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical}
.flex{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;z-index:1;overflow:auto;-webkit-overflow-scrolling:touch}


/*遮罩弹出框*/
.fullbg{position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8)}
.fulltop{position:fixed;z-index:101;left:0;right:0;top:0;margin:0 auto;box-sizing:border-box;padding:20px 10px 20px;background:#FFFFFF;max-height:80vh;overflow:auto;-webkit-overflow-scrolling:touch}
.fullbottom{position:fixed;z-index:101;left:0;right:0;bottom:0;margin:0 auto;box-sizing:border-box;background:#FFFFFF;overflow:auto;-webkit-overflow-scrolling:touch;border-top-right-radius:10px;border-top-left-radius:10px;}
.fullpop{position:fixed;z-index:101;left:4%;right:4%;top:5%;margin:0 auto;box-sizing:border-box;padding:10px;border:1px solid #666;border-radius:5px;background:#FFF;min-height:200px;max-height:80vh;overflow:auto;-webkit-overflow-scrolling:touch}
.fulltop input,.fulltop select,.fulltop button,.fullpop input,.fullpop select,.fullpop button{font-size:14px;padding:3px 2px;vertical-align:middle}

/* 展开二维码 */
#qrc_pop,.qrc_pop,#mini_qrc_pop{position:fixed;z-index:999;left:50%;top:50%;margin:-250px 0 0 -150px;width:300px;height:320px;padding-top:15px;text-align:center;border-radius:5px;box-shadow:10px 10px 200px #000000,-10px -10px 200px #000000;background:#FFFFFF;color:#333;}
#qrc_mini_pop .active_hover{color: #ff6600;}
#qrc_mini_pop{position:fixed;z-index:999;left:50%;top:50%;margin:-250px 0 0 -150px;width:300px;padding-top:15px;text-align:center;border-radius:5px;box-shadow:10px 10px 200px #000000,-10px -10px 200px #000000;background:#FFFFFF;color:#333;}
#qrc_mini_pop .change_btn{display:inline-block;text-align:center;cursor:pointer;flex:1;border-right: 1px solid #ccc;padding: 10px;}
/*自动消失的提示框*/
#clearpop{position:fixed;left:10%;right:10%;bottom:100px;z-index:999;text-align:center}
.clearpop_p{display:inline-block;min-width:100px;max-width:90%;padding:10px 20px;font-size:16px;font-weight:bold;line-height:22px;border-radius:5px;background:rgba(0,0,0,0.7);color:#FFFFFF}
@media screen and (max-height:600px){
    #clearpop{bottom:60px}
    .clearpop_p{padding:6px 12px;font-size:15px;font-weight:normal;border-radius:3px}
}

/*仿confirm提示框*/
#my_confirm_pop{position:fixed;z-index:999;left:50%;top:30vh;margin-left:-125px;width:250px;border-radius:5px;background:#FFF;font-size:16px;color:#999;text-align:center;}
#my_confirm p{padding:20px;text-align:left;line-height:26px;color:#666}
#my_confirm_btn{display:flex;align-items:center;border-top:1px solid #EEE;}
#my_confirm_btn em{flex:1;padding:10px 0;}
#my_confirm_btn em:first-child{border-right:1px solid #EEE;}

/*自定义可输入弹窗样式*/
.text_confirm_pop{min-height:0;border-radius:10px;width:250px;padding:10px 0 0 0;top:30vh !important;}
.text_confirm_txt{outline:none;resize:none;width:80%;}
.text_confirm_box{display:flex;height:40px;}
.text_confirm_btn{border:none;border-top:1px solid #eee;padding:10px;flex:1;-webkit-appearance:none;}

/*加载中..*/
#loader{position:fixed;left:50%;top:200px;margin-left:-36px;width:32px;height:32px;padding:10px 20px;border-radius:10px;background:#fff url(https://u2.0xiao.com/0xiao/static/img/loading.gif) 20px 10px no-repeat;opacity:0.9}
#toploading{width:100%;height:80px;background:#e5e5e5 url(https://u2.0xiao.com/0xiao/static/img/loading.gif) center 25px no-repeat}
#poploading{position:fixed;z-index:101;left:0;top:0;width:100%;height:100%;background:#000 url(https://u2.0xiao.com/0xiao/static/img/loading_124.gif) center no-repeat;background-size:12%;opacity:0.8}

/*站内消息*/
.chat_msg{display:inline-block;width:18px;height:18px;vertical-align:middle;background:url(https://u2.0xiao.com/0xiao/static/img/together/msg.png) no-repeat center center;background-size:contain;}

/*开关按钮*/
.on_off_box{display:inline-block;vertical-align:middle;width:70px;height:20px;line-height:20px;border-radius:10px;border:1px solid #CCCCCC;background:#EEE;color:#999;overflow:hidden;position:relative;z-index:9;cursor:pointer;text-align:center;font-size:14px}
.on_off_open{position:absolute;z-index:10;left:-50px;top:0;width:100%;height:20px;line-height:20px;border-radius:8px;background:#3C3;color:#FFFFFF;transition:all 300ms;-webkit-transition:all 300ms}
.on_off_btn{position:absolute;z-index:11;left:-1px;top:-1px;width:20px;height:20px;border-radius:10px;border:1px solid #DDD;background:#FFFFFF;transition:all 300ms;-webkit-transition:all 300ms}
.on_off_box.hover{border:1px solid #3C3;}
.on_off_box.hover .on_off_open{left:0}
.on_off_box.hover .on_off_btn{left:49px;border:1px solid #3C3}

/* switch开关：<input class="mui-switch mui-switch-animbg" type="checkbox" checked=""> */
.mui-switch{width:50px;height:23px;padding:0!important;position:relative;border:1px solid #dfdfdf;background-color:#fdfdfd;box-shadow:#dfdfdf 0 0 0 0 inset;border-radius:20px;background-clip:content-box;display:inline-block;-webkit-appearance:none;user-select:none;outline:none;}
.mui-switch:before{content:'';width:22px;height:21px;position:absolute;top:0;left:0;border-radius:20px;background-color:#fff;box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);}
.mui-switch:checked{border-color:#64bd63;box-shadow:#64bd63 0 0 0 16px inset;background-color:#64bd63;}
.mui-switch:checked:before{left:27px;}
.mui-switch.mui-switch-animbg{transition:background-color ease 0.4s;}
.mui-switch.mui-switch-animbg:before{transition:left 0.3s;}
.mui-switch.mui-switch-animbg:checked{box-shadow:#dfdfdf 0 0 0 0 inset;background-color:#64bd63;transition:border-color 0.4s, background-color ease 0.4s;}
.mui-switch.mui-switch-animbg:checked:before{transition:left 0.3s;}


/*通用日志记录表格结构*/
.log_tab{table-layout:fixed;width:100%;margin-bottom:30px;font-size:15px;line-height:20px;border-top:1px solid #CCCCCC;text-align:center}
.log_tab tr{border-bottom:1px solid #CCCCCC}
.log_tab tr:nth-child(2n+1){background:#F3F3F3}
.log_tab tr:hover{background:#DAE7F6}
.log_tab tr th{padding:5px 0;background:rgba(100,200,100,0.2)}
.log_tab tr td{padding:8px 0}


/* 替代 marquee */
.container {overflow: hidden;position: relative;}
.container::before {content: '\00a0';}
.scrolling {animation: marquee 10s linear infinite;display: block;min-width: 100%;position: absolute;left: 0;top: 0;white-space: nowrap;}

@keyframes marquee {
    from {
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
}
    to {
        transform: translateX(-100%);
    }
}

/*下拉选择盒子的辅助搜索*/
#box_ul{position:absolute;z-index:9;left:0;top:22px;width:146px;max-height:300px;overflow:auto;text-align:left;background:#FFF;border:1px solid #999;}
#box_ul li{padding:0 5px}
#box_ul li:active,#box_ul li.hover{background:rgba(200, 100, 100, 0.5)}