@charset "utf-8";
/* QUI V3.0 初始化样式版
 * Auther:陈小知&七娃博客
 * Data:2021.02.22 15:07:56
 * Description:QUI，是一款打造最简洁美观的CSS初始化样式：无需命名class、不引入js，自动修改html自带的样式效果，达到简约美观的目的，避免重复编写css工作！
 * Preview：  http://ui.51qux.com/
 * Website: https://course.51qux.com
*/
/*QUI-html5初始化，默认一套UI样式*/
html,body{font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}blockquote,body,button,code,dd,div,dl,dt,fieldset,form,html,img,input,legend,pre,table,tbody,td,textarea,th,tr,h1,h2,h3,h4,h5,h6,a{margin:0;padding:0}audio,canvas,video{display:inline-block}fieldset,img{border:none;}img,video{max-width:100%;height:auto;}address,caption,cite,code,dfn,em,optgroup,strong,th,var{font-style:inherit}caption,th{text-align:left}details{display:block;padding:10px;background:#f5f5f5;border-radius:6px;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;overflow:hidden;}summary{padding:10px;margin:-10px;background:#f2f2f2;border-radius:6px;}pre,code{display:block;border-radius:6px;margin:10px 0;}button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}html{scroll-behavior:smooth}body,button,input,select,textarea{font-size:16px;line-height:1.5;color:#272727;word-break:break-all}textarea{display:block;width:min(400px,90%);height:80px;padding:10px;background:#f6f6f6;border-radius:6px;border:none;margin:10px 0;}input{vertical-align:top;}input[type='date']::-webkit-inner-spin-button,input[type='date']::-webkit-clear-button{display:none}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=reset]):not([type=button]),select{display:block;}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=reset]):not([type=button]){width:200px;height:22px;padding:10px;border:none;background:#f6f6f6;border-radius:6px;margin:10px 0;}input:not([type=checkbox]):not([type=radio]):focus{box-shadow:0 0 0 1px  #0075ff;}input[type=checkbox],input[type=radio]{height:1em;width:1em;}input[type=button],input[type=submit],input[type=reset],button{height:42px;width:120px;border-radius:6px;background:#0075ff;color:#fff;border:none;}select{width:220px;height:42px;padding:10px;border:none;background:#f6f6f6;border-radius:6px;margin:10px 0;}select option{height:42px}label{display:inline-block;margin-top:-4px;vertical-align:top;}:focus{outline:0;}h1,h2,h3,h4,h5,h6{font-size:100%;margin:15px 0;}h1{font-size:2.0em;}h2{font-size:1.8em;}h3{font-size:1.6em;}h4{font-size:1.4em;}h5{font-size:1.2em;}h6{font-size:1em;}h1,h2,h3,h4,h5,h6,strong,b,th,em{font-weight:600}em,b,strong,i,s,q{margin:auto 3px;}p{line-height:1.6;}form{font-size:16px}table{width:100%;border:0;font-weight:normal;font-style:normal;table-layout:fixed;border-spacing:0;border-collapse:collapse;}thead{background:#f6f6f6;}table td,table th{padding:10px 15px}table td{font-weight:400;}table td:not([class]):not([align]),table th:not([class]):not([align]){text-align:left}mark{background:none}pre,code{padding:15px;font-size:14px;line-height:1.5;background:#F5F5F5}pre mark{color:red}ins{text-decoration:none}del{text-decoration:line-through}em{font-style:normal}th{text-align:inherit}iframe{display:block}blockquote{position:relative;background:#f6f6f6;padding:10px 10px 10px 20px;display:block;border-radius:6px;margin:10px 0;}blockquote::before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:#0075ff;}blockquote cite{display:block;margin-top:10px;opacity:0.6;}address p{margin:3px 0;}a{color:#0075ff;}input[type="submit"],button{cursor: pointer}input[type="submit"]:hover,button:hover{opacity: 0.8;}
/*常用功能预设，不用可删除以下样式*/
.qui-box{height:auto;overflow:hidden}
.qui-disabled{opacity:.4;filter:alpha(opacity=40);cursor:default;-ms-pointer-events:none;pointer-events:none}
.qui-auto{margin-left:auto;margin-right:auto}
.qui-hand,.qui-point{cursor:pointer}
.qui-left,.left,.l{float:left}
.qui-right,.right,.r{float:right}
.qui-none{float:none}
.qui-overflow-auto{overflow:auto}
.qui-overflow-hidden{overflow:hidden}
/*display预设*/
.qui-hide,#qui-hide{display:none}
.qui-show,#qui-show{display:block}
.qui-d-none{display:none}
.qui-d-inline{display:inline}
.qui-d-block{display:block}
.qui-d-inBlock{display:inline-block}
.qui-d-flex,.flexs,.flex{display:flex}
.qui-conts{display: contents;}
/*flex弹性盒子预设*/ 
.flex-fill{flex:1 1 auto !important}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column-reverse{flex-direction:column-reverse !important}
.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}
.jcc{justify-content:center}.jcfs{justify-content:flex-start}.jcfd{justify-content:flex-end}.jcsb{justify-content:space-between}.acc{align-content:center}.acsb{align-content:space-between}.acfs{align-content:flex-start}.acfd{align-content:flex-end}.aic{align-items:center}.aifs{align-items:flex-start}.aifd{align-items:flex-end}
/*定位预设*/
.qui-p-a{position:absolute}.qui-p-r{position:relative}.qui-p-f{position:fixed}
.t-0{top:0}.d-0{bottom:0}.l-0{left:0}.r-0{right:0}
.translate-middle{transform:translateX(-50%) translateY(-50%) !important}
/*等比分割预设*/
.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10{float:left}.col2{width:48%;margin-right:4%}.col3{width:32%;margin-right:2%}.col4{width:23.5%;margin-right:2%}.col5{width:18%;margin-right:2.5%}.col6{width:15%;margin-right:2%}.col7{width:13%;margin-right:1.5%}.col8{width:11.5%;margin-right:1.14%}.col9{width:10%;margin-right:1.25%}.col10{width:9.1%;margin-right:1%}.col2:nth-of-type(2n),.col3:nth-of-type(3n),.col4:nth-of-type(4n),.col5:nth-of-type(5n),.col6:nth-of-type(6n),.col7:nth-of-type(7n),.col8:nth-of-type(8n),.col9:nth-of-type(9n),.col10:nth-of-type(10n){margin-right:0}
/*浮动分割预设*/
.width100,.width10,.width5,.width15,.width20,.width25,.width30,.width35,.width40,.width45,.width50,.width55,.width60,.width65,.width70,.width75,.width80,.width85,.width90,.width95{float:left}.width100,.box100{width:100%}.width5,.box5{width:5%}.width10,.box10{width:10%}.width15,.box15{width:15%}.width20,.box20{width:20%}.width25,.box25{width:25%}.width30,.box30{width:30%}.width35,.box35{width:35%}.width40,.box40{width:40%}.width45,.box45{width:45%}.width50,.box50{width:50%}.width55,.box55{width:55%}.width60,.box60{width:60%}.width65,.box65{width:65%}.width70,.box70{width:70%}.width75,.box75{width:75%}.width80,.box80{width:80%}.width85,.box85{width:85%}.width90,.box90{width:90%}.width95,.box95{width:95%}
/*字重预设*/
.fw2{font-weight:200}.fw4{font-weight:400}.fw5{font-weight:500}.fw6{font-weight:600}.fw8{font-weight:800}
/*字体预设*/
.qui-t-Abc{text-transform:Capitalize}
.qui-t-ABC{text-transform:Uppercase}
.qui-t-abc{text-transform:Lowercase}
.qui-t-center{text-align:center}
.qui-t-left{text-align:left}
.qui-t-right{text-align:right}
.qui-t-justify{text-align:justify}
.qui-t-last{text-align-last:justify}
.qui-t-nowrap{white-space:nowrap}
.qui-t-und{text-decoration:underline}
.qui-t-del{text-decoration:line-through}
.qui-t-break{word-wrap:break-word !important;word-break:break-word !important}
.qui-t-italic{font-style:italic !important}
.qui-t-normal{font-style:normal !important}
/*行高预设*/
.line1{line-height:1}.line15{line-height:1.5}.line2{line-height:2}.line25{line-height:2.5}.line3{line-height:3}
/*常用字体颜色预设*/
.cor00,.corBlock{color:#000}.cor11{color:#111}.cor22{color:#222}.cor33{color:#333}.cor66{color:#424242}.cor678{color:#f6f7f8}.cor99{color:#999}.corf5{color:#f5f5f5}.cordd{color:#ddd}.coree{color:#eee}.corff{color:#fff}
/*常用背景颜色预设*/
.bg00,.bgBlock{background-color:#000}.bg11{background-color:#111}.bg33{background-color:#333}.bg66{background-color:#666}.bg678{background-color:#f6f7f8}.bg99{background-color:#999}.bgf5{background-color:#f5f5f5}.bgdd{background-color:#ddd}.bgee{background-color:#eee}.bgff{background-color:#fff}
/*字体溢出隐藏预设*/
.qui-h1{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.qui-h2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.qui-h3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.qui-h3-fill{overflow:hidden;position:relative;max-height:90px;}
.qui-h3-fill::after{position:absolute;right:0;bottom:0;padding-left:40px;background:linear-gradient(to right,transparent,#fff 50%);content:"...";}	
/*常用间距*/
.m10{margin:10px}.ml10{margin-left:10px}.mr10{margin-right:10px}.mt10{margin-top:10px}.mb10{margin-bottom:10px}.p10{padding:10px}.pl10{padding-left:10px}.pr10{padding-right:10px}.pt10{padding-top:10px}.pb10{padding-bottom:10px}
.mla{margin-left:auto}
/*行内块垂直对齐方式*/
.vam{vertical-align: middle}.vatt{vertical-align: text-top}.vatb{vertical-align: text-bottom}.vat{vertical-align: top}.vab{vertical-align: bottom}.vasb{vertical-align: sub}.vasp{vertical-align:super}
/*字体边框预设*/
.border{border:1px solid #f6f7f8}.border-bottom{border-bottom:1px solid #f6f7f8}.border-top{border-top:1px solid #f6f7f8}.border-left{border-left:1px solid #f6f7f8}.border-right{border-right:1px solid #f6f7f8;}
/*列表底部去最后一个边框*/
.list-b-border{border-bottom: 1px solid #f5f5f5;}.list-b-border:last-of-type{border: none;}
/*弹出层/模态交互预设，qui-boom>qui-boom-*,在qui-boom-*元素上自定义颜色|高度|圆角属性都可以*/
.qui-boom{width:100%;height:100%;position:fixed;background:rgba(0,0,0,.55);z-index:666;top:0;left:0;right:0;bottom:0}
.qui-boom-top{border-radius: 0rem;overflow: hidden;position: absolute;width: 100%;top: 0;left: 0;right: 0;}
.qui-boom-center{overflow: hidden;position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);}
.qui-boom-bottom{overflow: hidden;position: absolute;width: 100%;bottom: 0;left: 0;right: 0;}
/*底部悬浮预设*/
.qui-foot-fixed{position: fixed;width: 100%;left: 0;bottom: 0;z-index: 666;right: 0;}
/*文本禁止选择*/
.qui-sel-all{-webkit-user-select:all !important;-moz-user-select:all !important;-ms-user-select:all !important;user-select:all !important}
.qui-sel-auto{-webkit-user-select:auto !important;-moz-user-select:auto !important;-ms-user-select:auto !important;user-select:auto !important}
.qui-sel-no{-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;}
/*鼠标事件：用于层级穿透，移除上层鼠标默认样式，底层触摸点击不受影响*/
.qui-pe-none{pointer-events:none !important}.qui-pe-auto{pointer-events:auto !important}
/*显示隐藏 会占位，不占位页面空间请用dispaly*/
.qui-visible{visibility:visible !important}.qui-invisible{visibility:hidden !important}
/*flex 布局中排序*/
.order-first{order:-1 !important}.order-0{order:0 !important}.order-1{order:1 !important}.order-2{order:2 !important}.order-3{order:3 !important}.order-4{order:4 !important}.order-5{order:5 !important}
/*QUI 公共 end 请手动预设 主题项目的主色，间距，图片，头像，字体大小等复用属性*/
:root{
	
}
p,h2,h3,h4,h6{margin: 0;}
.f14{font-size: 15px;}
.f40{font-size: 40px;}
.f20{font-size: 18px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f28{font-size: 28px;}
.f32{font-size: 32px;}
.f33{font-size: 33px}
.f22{font-size: 22px;}
.cor42{color: #424242;}
.cor4d{color: #333;}
.cor52{color: #5271FF;}
.cor43{color: #4339C5;}
.mt5{margin-top: 5px;}
.mt20{margin-top: 20px;}.mtf20{margin-top: -20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}.f24{font-size: 24px;}.mb20{margin-bottom: 20px;}
.mtf50{margin-top: -50px;}
.mb70{margin-bottom: 70px;}.mt60{margin-top:40px;}
.mt80{margin-top: 80px;}
.cor294{color: #294C94;}.f26{font-size: 26px;}
.corcc{color: #ccc;}
.pb60{padding-bottom: 60px;}
.pb601009{padding-bottom: 60px;padding-top:470px;}