@charset "utf-8"; 
/*全局初始化样式*/
html{background: #fff;}
body{font-size:14px;line-height:24px;font-family:"Arial","Microsoft YaHei";color:#333;width:100%;max-width:750px;min-width:320px;zoom:1;/*禁用Webkit内核浏览器的文字大小调整功能*/-webkit-text-size-adjust:none;/*取出点击出现半透明的灰色背景*/-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight:rgba(0,0,0,0);/*设置字体的抗锯齿或者说光滑度*/-webkit-font-smoothing:antialiased;/*整个页面都禁止选择*/-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-x:hidden;padding:0;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;background-color: #f8f8f8;min-height: 100vh;position: relative;}
*{-webkit-box-sizing:border-box;box-sizing:border-box;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#ccc;opacity:1;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#ccc;opacity:1;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc;}
/*默认去除ul、li的默认样式*/
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,p,.p{margin:0;padding:0;}
ul,ul li,dl,dl dd,dl dt,.ul,.ul li,.dl,.dl dd,.dl dt{list-style:none;margin:0;padding:0;font-weight:normal;}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{border-radius:0;-webkit-border-radius:0;color:#333;}
/*表单元素获得焦点时不显示虚线框*/
input:focus{outline:none;}
input,button,select,textarea{font-family:"Arial","Microsoft YaHei";outline:none;/*强制去除表单自带的样式*/}
/*不允许多行输入文本框有滚动条*/
textarea{resize:none;/*强制去除textarea自带的样式*/}
/*初始化表单元素*/
textarea,input,select{background:none;border:none;margin:0;padding:0;}
/*去除figure*/
figure,figcaption{margin:0;padding:0;}
canvas{display:block;}
/*初始化图片*/
img{border:none;border:0;vertical-align:top;max-width:100%;}
/*初始化a*/
a,a:focus{color:#666;text-decoration:none;}
a:hover{color:#3d84fa;}
a,a:hover{outline:none;text-decoration:none;-webkit-transition:all 0.25s linear 0.01s;transition:all 0.25s linear 0.01s;}

/*全局样式*/
.qui-warp{padding: 0 3%;}
.qui-clear{clear:both;height:0px;overflow:hidden;}
.qui-clearfix{zoom:1;}
.qui-clearfix:after{content:'';display:block;height:0;visibility:hidden;clear:both;}
.qui-ytable{display:table;width:100%;table-layout:fixed;}
.qui-ytable-cell{display:table-cell;vertical-align:middle;overflow:hidden;}
.qui-tl{text-align:left!important;}
.qui-tr{text-align:right!important;}
.qui-tc{text-align:center!important;}
.qui-tj{text-align:justify!important;}
.qui-fl{float:left!important;}
.qui-fr{float:right!important;}
.qui-dot{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.qui-dot2{-webkit-line-clamp: 2;height: 48px;overflow : hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.qui-dot3{-webkit-line-clamp: 3;height: 72px;overflow : hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.qui-pic{position:relative;height: 0;overflow: hidden;}
.qui-pic img{position: absolute;left: 0;top: 0;width: 100%;display: block;min-height: 100%;}
/*布局*/
.qui-flex{display: flex;display: -webkit-flex;justify-content: space-between;align-items:center;}
.qui-flex-c{display: flex;display: -webkit-flex;justify-content: space-around;align-items:center;}
.qui-flex1{flex: 1;}
/*颜色*/
.qui-col-df{color:#3d84fa!important;}/*默认*/
.qui-col-ccc{color:#ccc!important;}
.qui-col-333{color:#333!important;}
.qui-col-666{color:#666!important;}
.qui-col-999{color:#999!important;}
/*背景*/
.qui-bg-fff{background-color: #fff!important;}
.qui-bg-f8f8f8{background-color: #f8f8f8!important;}
.qui-bg-f5f5f5{background-color: #f5f5f5!important;}
/*字号*/
.qui-fons12{font-size: 12px!important;}
.qui-fons14{font-size: 14px!important;}
.qui-fons16{font-size: 16px!important;}
.qui-fons18{font-size: 18px!important;}
.qui-fons20{font-size: 20px!important;}
.qui-fons22{font-size: 22px!important;}

/*滚动条样式*/
.qui-gdt::-webkit-scrollbar{width:5px;}
.qui-gdt::-webkit-scrollbar-track{background-color:#f2f2f2;}
.qui-gdt::-webkit-scrollbar-thumb{background-color:#bbb;}
.qui-gdt::-webkit-scrollbar-thumb:hover{background-color:#555}
.qui-gdt::-webkit-scrollbar-thumb:active{background-color:#666} 
.qui-gdt{overflow:auto!important;padding-right:8px!important;}

/*图片放大*/
.qui-img{-webkit-transition:all .4s ease-out;transition:all .4s ease-out;}
a:hover .qui-img{-webkit-transform:scale(1.1);transform:scale(1.1);}

.qui-top-box{position: fixed;width: 100%;background-color: #fff;z-index: 999;padding: 0 calc(3% + 30px);line-height: 60px;text-align: center;font-size: 16px;color: #000;left: 0;top: 0;}
.qui-top-box .qui-back{background: url(../images/lyback.png) left center no-repeat;background-size: auto 14px;position: absolute;left: 3%;top: 0;height: 100%;width: 20px;}

.qui-login{background: url(../images/lybg.jpg) center no-repeat;background-size: cover;position: absolute;width: 100%;height: 100%;padding: 40% 3% 3%;left: 0;top: 0;}

.qui-form .qui-text{display: block;width: 100%;height: 52px;line-height: 22px;background-color: #fff;border-radius: 5px;padding: 15px 15px;font-size: 16px;}
.qui-form .li{margin-bottom: 3vw;}
.qui-form .liBtn{margin-top: 8vw;}
.qui-btn-fm{display: block;width: 100%;line-height: 52px;text-align: center;font-size: 16px;background-color: #fff;color: #3d84fa!important;border-radius: 5px;margin: 0 auto;}
.qui-btn-fm2{width: calc(100% - 6vw);color: #fff!important;background: #3d84fa;position: fixed;left: 3vw;bottom: 6vw;}

.qui-login .quitxt{text-align: center;color: #fff;position: absolute;width: 100%;bottom: 3%;}


.qui-perbox{height: 0;position: relative;text-align: center;padding-bottom: 53.33333333333333333%;background: url(../images/lybg2.jpg) center no-repeat;background-size: cover;}
.qui-perbox .qui-imgbox{position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);font-size: 16px;color: #fff;}
.qui-perbox .qui-imgbox img{display: block;width: 62px;height: 62px;object-fit: cover;border-radius: 50%;border: 2px solid #fff;background-color: #f5f5f5;margin: 0 auto 15px;}

.qui-person .ULLIST{padding: 3vw 1.5%;}
.qui-person .ULLIST .li{width: 50%;text-align: center;padding: 0 1.5%;}
.qui-person .ULLIST .li>a{display: block;overflow: hidden;background: #fff;border-radius: 5px;padding: 9vw 5px;color: #333;font-size: 16px;}
.qui-person .ULLIST .li i{display: block;width: 52px;height: 52px;margin: 0 auto 15px;background: center no-repeat;background-size: contain;}
.qui-person .ULLIST .li1 i{background-image: url(../images/lyico1.png);}
.qui-person .ULLIST .li2 i{background-image: url(../images/lyico2.png);}

.qui-list-tt .ULLIST{background: #fff;}
.qui-list-tt .ULLIST>li{border-bottom: 1px solid #f8f8f8;padding: 15px 3vw;text-align: center;color: #999;}
.qui-list-tt .ULLIST>li>span{width: 30%;}
.qui-list-tt .ULLIST>li>span:first-child{width: 40%;/*text-align: left;*/}
.qui-list-tt .ULLIST .liTop{font-size: 16px;font-weight: bold;margin-top: 3vw;color: #333;}

.qui-loading{text-align: center;color: #ccc;font-size: 14px;flex-direction: column;padding: 4vw;}
.qui-loading i{width: 36px;height: 36px;background: url(../images/lyload.png) center no-repeat;background-size: contain;margin-bottom: 5px;-webkit-animation:circle 1.2s infinite linear;animation:circle 1.2s infinite linear;}

@keyframes circle {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
@-webkit-keyframes circle {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}


@media screen and (max-width:370px){}


#readerBOX .quicls{width: 32px;height: 32px;position: absolute;right: 4%;top: 4%;background: url(../images/cls.png) center no-repeat;background-size: contain;}


.showInfo{ position: fixed; display: flex; z-index: -999; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); align-items: center; justify-content: center;}
.showInfo .shiro{ background: #fff; border-radius: 10px; padding: 20px; width: 80vw; max-width: 700px;}
.showInfo li{ display: flex; padding: 3px 0;}
.showInfo .si_left{ width: 7em; text-align: right;}
.showInfo .si_right{ flex: 1; margin-left: 10px;}
.showInfo .btn_list{ display: flex; margin-top: 20px;}
.showInfo .btn_list > .qui-btn-fm{ background: #3d84fa; color: #fff !important;}
.showInfo .btn_list > * + *{ margin-left: 20px;}
.showInfo .btn_list .qui-btn-fm{ line-height: 40px; height: 40px;  flex: 1;}
.showInfo .btn_list input{ width: 70%; line-height: 38px; border: 1px solid #ddd; padding: 0 10px; border-radius: 5px;}
.showInfo .btn_list .btn2{ border: 1px solid #3d84fa !important; background: none !important; color: #3d84fa !important;}