/*
版本:3.2
更新日期:2025.09.10
开发者QQ:386272743
 */
@charset "utf-8";
body{margin:0;padding:0;line-height:24px;*position:relative;*text-align:center}
body,dd,dt,li,samp,small,span{font-size:16px}
div{*text-align:left}
b,h1,h2,h3,h4,h5,h6{font-weight:400}
.my,b,body,h1,h2,h3,h4,h5,h6,input,samp,strong{font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif;}
button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,img,input,li,p,ul{margin:0;padding:0;border:none;list-style-type:none}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0}
samp,small,span{display:inline-block;vertical-align: top;}
em,i{font-style:normal}
a:active,a:hover{outline:0}
img{border:none}
*,*::before,*::after{box-sizing:border-box;}
.q-italic{font-style:italic;}
.q-cursor-pointer{cursor:pointer;}
.q-whitespace-nowrap{white-space:nowrap;}
.q-align-top{vertical-align:top;}
.q-align-middle{display:table-cell;vertical-align:middle;}
.q-align-bottom{vertical-align:bottom;}
.q-overflow-hidden{overflow:hidden;}
.q-overflow-y-hidden{overflow-y:hidden;}
.q-overflow-y-auto{overflow-y:auto;}
.q-overflow-x-hidden{overflow-x:hidden;}
.q-overflow-x-auto{overflow-x:auto;}

/*清除浮动*/
* html .clearfix{zoom:1} /* IE6 */
/*英文强制换行*/
.word-break{word-break:break-all}
/*页面留白*/
.q-blank,.q-blank-0{height:0px;line-height:0px;*margin:0}
.q-blank-2{height:2px;line-height:2px}.q-blank-4{height:4px;line-height:4px}.q-blank-5{height:5px;line-height:5px}.q-blank-6{height:6px;line-height:6px}.q-blank-8{height:8px;line-height:8px}.q-blank-10{height:10px;line-height:10px}.q-blank-12{height:12px;line-height:12px}.q-blank-14{height:14px;line-height:14px}.q-blank-15{height:15px;line-height:15px}.q-blank-16{height:16px;line-height:16px}.q-blank-18{height:18px;line-height:18px}.q-blank-20{height:20px;line-height:20px}.q-blank-30{height:30px;line-height:30px}.q-blank-40{height:40px;line-height:40px}.q-blank-50{height:50px;line-height:50px}.q-blank-60{height:60px;line-height:60px}.q-blank,.q-blank-0,.q-blank-2,.q-blank-4,.q-blank-5,.q-blank-6,.q-blank-8,.q-blank-10,.q-blank-12,.q-blank-14,.q-blank-15,.q-blank-16,.q-blank-18,.q-blank-20,.q-blank-30,.q-blank-40,.q-blank-50,.q-blank-60{clear:both;visibility:hidden}

/*布局*/
div{margin:0 auto;padding:0}
div,p{vertical-align:top;*vertical-align:baseline}
.q-content{width:1200px;height:auto;*text-align:left;transition: width 0.5s}

/*按键*/
.q-btn:focus{outline:none;box-shadow:none}
.q-btn{border-radius:4px;display:inline-block;vertical-align: top;width:auto;font-size:16px;padding:0 15px;height:40px;line-height:40px;cursor:pointer;background:#fff;border:1px solid #bfcbd9;text-align:center;color:#5c6b7f;filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;transition:opacity 0.3s}
.q-btn:hover{
  filter:alpha(Opacity=85);
  -moz-opacity:0.85;
  opacity:0.85;
  transition:opacity 0.3s
}
.q-btn i{display:inline-block;vertical-align: top;}
.q-btn:hover{filter:alpha(Opacity=85);-moz-opacity:0.85;opacity:0.85;transition:opacity 0.3s}
.q-btn-lg{font-size:18px;padding:0 15px;height:42px;line-height:42px}
.q-btn-sm{font-size:14px;padding:0 8px;height:30px;line-height:30px}
.q-btn-xs{font-size:12px;padding:0 5px;border-radius:2px;height:22px;line-height:22px}
.q-btn-gray{color:#969696 !important;background-color:#FBFBFB;border-color:#dfdfdf}
.q-btn-silver{color:#7185a0 !important;background-color:#f7fafd;border-color:#c4cedc}
.q-btn-blue{color:#409eff !important;background:#ecf5ff;border-color:#b3d8ff}
.q-btn-green{color:#67c23a !important;background:#f0f9eb;border-color:#c2e7b0}
.q-btn-yellow{color:#e6a23c !important;background:#fdf6ec;border-color:#f5dab1}
.q-btn-red{color:#f56c6c !important;background:#fef0f0;border-color:#fbc4c4}
.q-btn-group .q-btn{border:0;background: none;color: #fff;position: relative;}
.q-btn-group .q-btn::after{content:'';width: 1px;background-color: #fff;height: 100%;position: absolute;top: 0;right: 0;}
.q-btn-group .q-btn:last-child::after{display: none;}
.q-btn-group-2{border: solid 1px #d1d1d1;background-color: #fff;}
.q-btn-group-2 .q-btn{color: #333;border-radius: 0;}
.q-btn-group-2 .q-btn::after{background-color: #d1d1d1;}
/*禁用效果*/
.q-disabled{filter:alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;cursor:inherit;cursor:not-allowed}/*禁用*/


/*描边*/
.q-border-solid{border:solid 1px #e0e6ed;}
.q-border-solid-important{border:solid 1px #e0e6ed !important;}
.q-border-dashed-bg{border:dashed 1px #d8d3c8;background:#fff;}
.q-border-l-solid{border-left:solid 1px #e0e6ed;}
.q-border-r-solid{border-right:solid 1px #e0e6ed;}
.q-border-t-solid{border-top:solid 1px #e0e6ed;}
.q-border-b-solid{border-bottom:solid 1px #e0e6ed;}
.q-border-dashed{border:dashed 1px #d8d3c8;}
.q-border-t-dashed{border-top:dashed 1px #d8d3c8;}
.q-border-b-dashed{border-bottom:dashed 1px #d8d3c8;}
.q-border-w-1{border-width:1px;}
.q-border-w-2{border-width:2px;}
.q-border-w-3{border-width:3px;}
.q-border-w-4{border-width:4px;}
.q-border-w-5{border-width:5px;}
.q-border-w-6{border-width:6px;}
.q-border-w-7{border-width:7px;}
.q-border-w-8{border-width:8px;}
.q-border-w-9{border-width:9px;}
.q-border-w-10{border-width:10px;}
.q-border-none{border:none}
.q-border-0{border:0 !important}


/*幻灯*/
.q-carousel,.q-carousel .pic img{width:100%;height:400px}
.q-carousel{position:relative;overflow:hidden}
.q-carousel .pic{position:relative;z-index:0}
.q-carousel .pic img{display:block}
.q-carousel .pic a b{position:absolute;left:0;bottom:0;color:#fff;width:100%;padding:10px;background:rgba(0, 0, 0, 0.4)!important;filter:Alpha(opacity=40);background:#000;font-size:16px;z-index:866}
.q-carousel .hd{width:100%;position:absolute;bottom:10px;text-align:center;font-size:0;z-index:1}
.q-carousel .hd li{margin:0 5px;background:#666;border-radius:100%;height:7px;overflow:hidden;width:7px;cursor:pointer;display:inline-block;vertical-align: top;*display:inline;zoom:1;filter:alpha(opacity=60);opacity:0.6;border:solid 1px #66707a}
.q-carousel .hd .on{background:#20a0ff;border:solid 1px #4daff8}
.q-carousel .prev,.q-carousel .next{width:60px;height:90px;line-height:90px;background:#333;display:inline-block;vertical-align: top;z-index:999;position:absolute;top:50%;margin:-45px 0 0;color:#fff;font-size:40px;text-align:center;filter:alpha(opacity=20);opacity:0.2}
.q-carousel .prev{left:0}
.q-carousel .next{background-position:0 -90px;right:0}
.q-carousel .prev:hover,.q-carousel .next:hover{filter:alpha(opacity=50) !important;opacity:0.5 !important}
.q-carousel-title .hd{width:auto;right:15px;bottom:4px}

/*表格*/
.q-tab{border-collapse:collapse;border:none;color:#5e6d82}
.q-tab>*{padding:10px 3px;border:1px solid #e0e6ed}
.q-tab th{background:#F9FAFC}
.q-tab td{text-align:center;vertical-align:middle}
.q-tab .alt td{background:#F2F2F2}
.q-tab .over td{background:#EEECEB}
.q-tab tr:hover{background:#EFF2F7}

.q-tab-bottom th,.q-tab-bottom td{border-bottom:1px solid #eaeefb;padding:10px 0;color:#5e6d82}
.q-tab-bottom th{border-top:1px solid #eaeefb;background:#EFF2F7}

/*切换卡*/
.q-tab-box{border:1px solid #eaeefb;text-align:left}
.q-tab-box .hd{height:40px;line-height:40px;background:#EFF2F7;padding:0;border-bottom:1px solid #eaeefb;position:relative}
.q-tab-box .hd ul{float:left;position:absolute;left:-1px;top:-1px;height:32px}
.q-tab-box .hd ul li{float:left;padding:0 20px;cursor:pointer;color:#5e6d82;font-size:16px}
.q-tab-box .hd ul li.on{height:40px;background:#fff;border:1px solid #eaeefb;border-bottom:2px solid #fff}
.q-tab-box .bd li .date{float:right;color:#999}
.q-tab-box-2{border:0}
.q-tab-box-2 .hd,.q-tab-box-4 .hd{background:bottom;border:0}
.q-tab-box-2 .bd{border:1px solid #eaeefb}
.q-tab-box-2 .hd ul{left:0}
.q-tab-box-3 .hd ul li.on{border:0;border-bottom:solid 3px #20a0ff}
.q-tab-box-4 .hd ul li{color: #999;padding: 4px 20px 0;}
.q-tab-box-4 .hd ul li.on{border:0;border-top:solid 4px #20a0ff;padding:0  20px;color: #333;background: none;}


/*盒子*/
.q-box-card img{height:170px;width:100%;}
.q-box-card .box-title{font-size:20px;padding:10px 6px;display:block;}
.q-box-card .box-content{font-size:12px;color:#999;padding:0 6px 6px;}
.q-box-card .box-bottom{position:relative;height:26px;padding:0 6px;color:#8a8a8a;}
.q-box-card .box-bottom small{position:absolute;top:0px;right:6px;}
.q-box-list-item{width:auto;display:block;vertical-align:top;}
.q-box-card .box-img{width:260px;float:left;margin:0 12px 0 0;}
.q-box-list-item .box-bottom{padding:6px 0;font-size:14px;}
.q-box-list-item .box-bottom small{position:initial;margin-left:20px;}
.q-box-list-text .box-content{padding:8px 15px;}
.q-box-title-list>*{padding:1px 10px;}
.q-box-title-list>* a{display:block;position:relative;}
.q-box-title-list>* a span,.box-list>* .box-element{position:absolute;top:0;right:0;color:#a2a6ad;}
.q-box-list>*{border-bottom:1px solid #eaeefb;position:relative;}
.q-box-list>*>a{display:block;}
.q-box-list-2>*{padding:0 8px;}
.q-box-list-2>* .box-element{right:8px;}
.q-box-list-2>*:nth-child(2n),.box-even>*:nth-child(2n),.box-even td:nth-child(2n){background:#fcfcfc;}
.q-box-icon em{top:0;right:0;}
.q-box-icon img,.q-box-icon i{width:56px;height:56px;}
.q-box-icon img{border-radius:100%;}
.q-box-icon a{margin:0 15px;padding:15px 0;display:block;display:flex;border-bottom:solid 1px #f1f1f1;}
.q-box-icon i{display:inline-block;vertical-align: top;line-height:56px;text-align:center;flex-shrink:0;}


/*导航*/
.q-nav,.q-nav>*{float:left;position:relative}
.q-nav>*{_width:110px}
.q-nav>* a{height:50px;line-height:50px;font-size:16px;padding:0 10px;margin:0 5px;display:block;text-align:center}
.q-nav>* a:hover{color:#3ba9fb}
.q-nav ul{display:none;position:absolute;top:50px;left:0;z-index:999}
.q-nav ul li{display:block;width:100%}

.q-nav-2 li{position:static}
.q-nav-2 .item{position:absolute;left:0;top:50px;display:none;background:#fff;width:100%;_width:1177px}

/*分界线*/
.q-hr{clear:both;font-size:0;height:1px;border-bottom: solid 1px #bfcbd9;display:block;width:100%;position:absolute;top:50%;left:0;z-index:1}
.q-hr.dashed{border-bottom: dashed 1px #bfcbd9;}

/*标题*/
.q-title-h1 b,.q-title-h2 b,.q-title-h3 b{font-size:20px;position:relative;z-index:99;vertical-align:inherit}
.q-title-h1 b{height:50px;line-height:50px;border-left:solid 5px #20a0ff;padding:0 12px}
.q-title-h1 small,.q-title-h2 small{position:absolute;top:8px;right:0}
.q-title-h1 small a,.q-title-h2 small a,.q-title-h3 small a{color:#5c6b7f}
.q-title-h2 b{border-bottom:solid 4px #20a0ff;height:30px;line-height:30px;padding:8px 15px;display:inline-block;vertical-align: top;background-color: #fff;}
.q-title-h1 .q-hr,.q-title-h2 .q-hr,.q-title-h3 .q-hr{top:auto;bottom:0}
.q-title-h3{padding:10px}
.q-title-h4 small{position:absolute;top:6px;right:6px;border:0;background:#4ab2ff}
.q-title-h4 small a{color:#fff}

.q-title-hr b{display:inline-block;padding:0 15px;background:#fff;position:relative;z-index:2;color:#677998}

/*表单*/
input,button,select{box-sizing:border-box}
input[type=radio],input[type=checkbox]{width:18px;height:18px;display:table-cell;vertical-align:middle;display:inline-block;margin:0 5px;background-color:#f1f1f1;border:1px solid #c9c9c9;cursor:pointer}
input[type=radio]:checked,input[type=checkbox]:checked{
    background:#666}
input[type=text],input[type=password],button,textarea{appearance:button;-moz-appearance:button;-webkit-appearance:button}
.q-inp,.q-sel{box-sizing:border-box;border:solid 1px #e0e6ed}
input.q-inp,button.q-inp{height:42px;line-height:42px;padding:0 10px;*padding:0}
select{outline:none;background:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none}
select::-ms-expand{display:none} 
select.q-inp{text-align:center;text-align-last:center;height:42px;line-height:42px;padding:10px}
select.q-inp option{padding:10px 0;text-align:center;text-align-last:center}
input[type=checkbox]{box-sizing: border-box;width: 16px;height: 16px;vertical-align: middle;margin: 0 5px;line-height: 16px;}

input[type="checkbox"]::after{content:" ";width:16px;height:16px;color:#fff;display:inline-block;visibility:visible;border-radius:2px;padding:1px 2px;box-sizing:border-box;background-color:#fff;border:1px solid #91abc8;}

input[type="checkbox"]:checked::after{content:"";cursor:pointer;color:#fff;font-size:16px;font-weight:700;background:url(../img/checkbox.jpg) no-repeat center center;border:0;background-size:100%;}

.q-file input[type="file"]{position: absolute;left: 0;top: 0;width: 100%;height: 100%; opacity: 0;}
.q-file .q-file-img img{display: inline-block;width: 80px;height: 80px;border: solid 1px #ebebeb;margin: 10px 10px 10px 0;}


.q-sel2{overflow:hidden;height:40px}
.q-sel2 li{height:40px;line-height:40px;position:relative;cursor:pointer;padding:0 !important}
.q-sel2 li p,.q-sel2 li span{padding:0 10px;display:block;padding:0 12px !important}
.q-sel2 li span:hover{background:#FCFCFC}
.q-sel2 li em{position:absolute;top:10px;right:10px;display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;color:#fff;background-color:#20a0ff;border-radius:100%;transition:all 0.5s;}
.q-sel2 .selected{color:#20A0FF}
.q-sel2-on{height:auto !important;z-index:999}
.q-sel2-on .i{background:#f7f9fd}
.q-sel2-on em{transition:transform 0.3s;transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg)}
.q-radio{display:inline-block;position:relative;line-height:18px;margin-right:10px;cursor:pointer}
.q-radio input{display:none}
.q-radio .radio-bg{display:inline-block;height:18px;width:18px;margin-right:5px;padding:0;border:solid 2px #20a0ff;border-radius:100%;vertical-align:top;cursor:pointer;transition:all 0.2s ease}
.q-radio .radio-on{display:none;transition:border 0.3s}
.q-radio input:checked + span.radio-on{width:10px;height:10px;position:absolute;border-radius:100%;background:#fff;border:solid 6px #20a0ff;top:0;left:0;transition:border 0.3s;display:inline-block}
.q-radio input:checked + span.radio-bg{display:none}

.q-form > li { font-size: 0; }
.q-form li .title { padding: 20px 0; }
.q-form .title span { display: inline-block; padding: 0 5px; }
.q-form li { padding: 5px 0; position: relative; }

.q-form .q-item-title, .q-form .q-item-content { font-size: 16px; }
.q-item-title { color: #999; line-height: 40px; }
.q-item-title i { color: #c00; padding: 0 5px 0 0; display: inline-block; }
.q-item-content select,
.q-item-content input[type="text"],
.q-item-content input[type="number"],
.q-item-content input[type="date"],
.q-item-content input[type="password"],
.input-secondary{display:block;width:100%;*width:95%;border:solid 1px #e0e0e0;line-height:40px;height:40px;padding:0 10px;*padding:0 2%;}
.q-item-content{position:relative;}
.q-item-content a{white-space:nowrap;}
.q-item-content>em{top: 8px;right:14px;position: absolute;}
.q-form .absolute-icon,.q-form .absolute-icon-secondary{position:absolute;top:10px;right:12px;}

.q-form-secondary .q-item-content select,
.q-form-secondary .q-item-content input[type="text"],
.q-form-secondary .q-item-content input[type="number"],
.q-form-secondary .q-item-content input[type="date"],
.q-form-secondary .q-item-content input[type="password"],
.q-form-secondary .input-secondary {
border: 0;
border-radius: 0;
}
.q-form-secondary li { border-bottom: solid 1px #e0e0e0; }
.q-form-secondary .input-quantity { padding: 0 30px 0 10px; }

.q-item-content input[type="text"]::placeholder,
.q-item-content input[type="number"]::placeholder,
.q-item-content input[type="password"]::placeholder,
.input-secondary[type="text"]::placeholder { color: #ccc; }

/* 浏览器前缀兼容性 */
.q-item-content input[type="text"]::-webkit-input-placeholder,
.q-item-content input[type="number"]::-webkit-input-placeholder,
.q-item-content input[type="password"]::-webkit-input-placeholder,
.input-secondary[type="text"]::-webkit-input-placeholder { color: #ccc; }

.q-item-content input[type="text"]:-moz-placeholder,
.q-item-content input[type="number"]:-moz-placeholder,
.q-item-content input[type="password"]:-moz-placeholder,
.input-secondary[type="text"]:-moz-placeholder { color: #ccc; }

.q-item-content input[type="text"]::-moz-placeholder,
.q-item-content input[type="number"]::-moz-placeholder,
.q-item-content input[type="password"]::-moz-placeholder,
.input-secondary[type="text"]::-moz-placeholder { color: #ccc; }

.q-item-content input[type="text"]:-ms-input-placeholder,
.q-item-content input[type="number"]:-ms-input-placeholder,
.q-item-content input[type="password"]:-ms-input-placeholder,
.input-secondary[type="text"]:-ms-input-placeholder { color: #ccc; }


/*步骤*/
.q-step{font-size:0}
.q-step li{font-size:14px;display:inline-block;position:relative;height:100px;text-align:center;*float:left}
.q-step li .co{position:absolute;width:100%;left:0;bottom:30px;z-index:6}
.q-step li .co em{background:#cacaca;height:26px;line-height:26px;width:26px;text-align:center;color:#fff;border:solid 7px #f0f0f0;display:inline-block;border-radius:100%}
.q-step li .co p{padding:10px 0;color:#999}
.q-step .first i{width:50%;left:50%}
.q-step .finally i{width:50%}
.q-step .on .co em{background:#20a0ff;border:solid 7px #e4f0f9}
.q-step .on .q-hr{background:#20a0ff}

.q-step-2 li{display:block;border-left:solid 1px #bfcbd9;margin:0 0 0 9%;text-align:left;height:auto;width:91%}
.q-step-2 li .co{position:relative;bottom:10px;display:block}
.q-step-2 li .co em{position:absolute;left:-22px;top:0}
.q-step-2 li .co p{margin:0 0 0 36px}
.q-step-2 li .co p b{color:#666;font-size:18px;display:block;padding:0 0 6px}
.q-step-2 .on .co p b{color:#333}
.q-step-2 .on{border-left:solid 1px #20a0ff}
.q-step-2 .finally{border:0}

.q-step-3 li .co{bottom:37px;*bottom:44px}
.q-step-3 li .co p{padding:5px 0}
.q-step-3 li .co em,.q-step-4 li .co em{background:#fff;border:solid 2px #20a0ff;width:8px;height:8px}

.q-step-4 li .co{bottom:8px}
.q-step-4 li .co em{left:-6px;top:6px}
.q-step-4 li .co p{padding:0 0 10px;margin:0 0 0 22px}


.q-step-center{background:url(../img/dot.jpg) repeat-y top center;}
.step_top{left: 50%;margin: 0 0 0 -6px;}
.q-step-center li{float: left;width: 100%;}
.q-step-center li .q-step-title{line-height:30px;}
.q-step-center li .q-step-title .q-step-text{float: left;width: 73%;text-align: right;font-size: 20px;}
.q-step-center li .q-step-title p{text-align: right;margin: 0 -7px 0 0;float: right;width:22%;background:url(../img/dot.jpg) repeat-x center center;position: relative;}
.q-step-center li .q-step-title i,.step_top,.step_bottom{display: inline-block;width:10px;height: 10px;background-color: #c9c9c9;border-radius: 100%;border: solid 2px #fff;}
.q-step-center li .q-step-title em{position: absolute;left: 0;top: 50%;display: inline-block;width: 6px;height: 6px;background-color: #c9c9c9;border-radius:100%;margin:-3px 0;}
.q-step-center li .co{width: 76%;float: left;padding: 10px 0;}
.q-step-center li .co .img{width: 40%;float: left;}
.q-step-center li .co .img img{width: 100%;height: auto;}
.q-step-center li .co .coco{display: table;*display: inline-block;padding: 0 0 0 15px;text-align: justify;}
.q-step-center .q-odd .co{float: right;}
.q-step-center .q-odd .q-step-title p{float: left;text-align: left;margin: 0 0 0 -7px;}
.q-step-center .q-odd .q-step-title .q-step-text{float: right;text-align: left;}
.q-step-center .q-odd .q-step-title em{left: auto;right: 0;}

/*手风琴*/
.q-accordion { overflow: hidden; line-height: 28px; }
.q-accordion > li:last-of-type { border: 0; }
.q-accordion > li { border-bottom: solid 1px #e0e6ed; font-size: 16px; position: relative; width: 100%; }
.q-accordion > li i { position: absolute; top: 7px; right: 6px; transition: transform 0.3s; }
.q-accordion > li >a { padding: 6px 10px; display: block; }
.q-accordion > li a>img { width: 16px; height: auto; vertical-align: inherit; display: inline-block; margin: 0 7px 0 0; }
.q-accordion li>ul { display: none; border-top: solid 1px #e0e6ed; background: #f7fafd; }
.q-accordion li>ul li { border: 0; }
.q-accordion .active i{transition:transform 0.3s;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}

/*常用*/
.q-font-bold{font-weight:bold}
.q-font-weight-100{font-weight: 100}
.q-font-weight-200{font-weight: 200}
.q-font-weight-300{font-weight: 300}
.q-font-weight-400{font-weight: 400}
.q-font-weight-500{font-weight: 500}
.q-font-weight-700{font-weight: 700}
.q-font-weight-800{font-weight: 800}
.q-font-weight-900{font-weight: 900}
.q-font-normal{font-weight:normal}
.q-fixed{position:fixed;*position:absolute}
.q-relative{position:relative;*zoom:1}
.q-absolute{position:absolute}
.q-float-left{float:left}
.q-float-right{float:right}
.q-float-none{float:none !important}
.q-hidden{display:none !important}
.q-text-left{text-align:left !important}
.q-text-center{text-align:center !important}
.q-text-right{text-align:right !important}
.q-text-justify{text-align: justify;}/*文字铺满*/
.q-block{display:block !important}
.q-inline-block{display:inline-block !important;*display: inline;vertical-align: top;
*zoom: 1;}
.q-table{display:table;word-spacing:-1em}
.q-table>*{word-spacing:0;display:table-cell;}
.q-table-cell{display:table-cell}

img{border:medium none;vertical-align:bottom}


/*字体大小*/
.q-text-0 { font-size: 0; line-height: 0; }
.q-text-12 { font-size: 12px;line-height: 19px;}
.q-text-13 { font-size: 13px;line-height: 20px;}
.q-text-14 { font-size: 14px;line-height: 22px;}
.q-text-16 { font-size: 16px;}
.q-text-18 { font-size: 18px; line-height: 27px; }
.q-text-20 { font-size: 20px; line-height: 29px; }
.q-text-22 { font-size: 22px; line-height: 32px; }
.q-text-24 { font-size: 24px; line-height: 35px; }
.q-text-26 { font-size: 26px; line-height: 36px; }
.q-text-28 { font-size: 28px; line-height: 39px; }
.q-text-30 { font-size: 30px; line-height: 42px; }
.q-text-32 { font-size: 32px; line-height: 44px; }
.q-text-34 { font-size: 34px; line-height: 47px; }
.q-text-36 { font-size: 36px; line-height: 48px; }
.q-text-38 { font-size: 38px; line-height: 50px; }
.q-text-40 { font-size: 40px; line-height: 52px; }
.q-text-42 { font-size: 42px; line-height: 55px; }
.q-text-46 { font-size: 46px; line-height: 60px; }
.q-text-48 { font-size: 48px; line-height: 62px; }
.q-text-50 { font-size: 50px; line-height: 65px; }

/*字间距*/
.q-tracking-0 { letter-spacing: 0px; }
.q-tracking-1 { letter-spacing: 1px; }
.q-tracking-2 { letter-spacing: 2px; }
.q-tracking-3 { letter-spacing: 3px; }
.q-tracking-4 { letter-spacing: 4px; }
.q-tracking-5 { letter-spacing: 5px; }
.q-tracking-6 { letter-spacing: 6px; }

/*高度*/
.q-h-2{height:2px}.q-h-4{height:4px}.q-h-6{height:6px}.q-h-8{height:8px}.q-h-10{height:10px}.q-h-12{height:12px}.q-h-14{height:14px}.q-h-16{height:16px}.q-h-18{height:18px}.q-h-20{height:20px}.q-h-22{height:22px}.q-h-24{height:24px}.q-h-26{height:26px}.q-h-28{height:28px}.q-h-30{height:30px}.q-h-32{height:32px}.q-h-34{height:34px}.q-h-36{height:36px}.q-h-38{height:38px}.q-h-40{height:40px}.q-h-42{height:42px}.q-h-44{height:44px}.q-h-46{height:46px}.q-h-48{height:48px}.q-h-50{height:50px}.q-h-60{height:60px}
/*行高*/
.q-leading-16{line-height:16px}.q-leading-18{line-height:18px}.q-leading-20{line-height:20px}.q-leading-22{line-height:22px}.q-leading-24{line-height:24px}.q-leading-26{line-height:26px}.q-leading-28{line-height:28px}.q-leading-30{line-height:30px}.q-leading-32{line-height:32px}.q-leading-34{line-height:34px}.q-leading-36{line-height:36px}.q-leading-38{line-height:38px}.q-leading-40{line-height:40px}.q-leading-42{line-height:42px}.q-leading-44{line-height:44px}.q-leading-46{line-height:46px}.q-leading-48{line-height:48px}.q-leading-50{line-height:50px}.q-leading-60{line-height:60px}

/*外边距*/
.q-m-0 {margin: 0}
.q-m-2 {margin: 2px}
.q-m-4 {margin: 4px}
.q-m-6 {margin: 6px}
.q-m-8 {margin: 8px}
.q-m-10 {margin: 10px}
.q-m-12 {margin: 12px}
.q-m-14 {margin: 14px}
.q-m-16 {margin: 16px}
.q-m-18 {margin: 18px}
.q-m-20 {margin: 20px}
.q-m-22 {margin: 22px}
.q-m-24 {margin: 24px}
.q-m-26 {margin: 26px}
.q-m-28 {margin: 28px}
.q-m-30 {margin: 30px}
.q-m-40 {margin: 40px}
.q-m-50 {margin: 50px}
.q-m-60 {margin: 60px}
.q-mx-auto {margin: 0 auto !important}

.q-mx-0 {margin-left: 0px; margin-right: 0px}
.q-mx-2 {margin-left: 2px; margin-right: 2px}
.q-mx-4 {margin-left: 4px; margin-right: 4px}
.q-mx-6 {margin-left: 6px; margin-right: 6px}
.q-mx-8 {margin-left: 8px; margin-right: 8px}
.q-mx-10 {margin-left: 10px; margin-right: 10px}
.q-mx-12 {margin-left: 12px; margin-right: 12px}
.q-mx-14 {margin-left: 14px; margin-right: 14px}
.q-mx-16 {margin-left: 16px; margin-right: 16px}
.q-mx-18 {margin-left: 18px; margin-right: 18px}
.q-mx-20 {margin-left: 20px; margin-right: 20px}
.q-mx-30 {margin-left: 30px; margin-right: 30px}
.q-mx-40 {margin-left: 40px; margin-right: 40px}
.q-mx-50 {margin-left: 50px; margin-right: 50px}
.q-mx-60 {margin-left: 60px; margin-right: 60px}

.q-my-0 {margin-top: 0; margin-bottom: 0}
.q-my-2 {margin-top: 2px; margin-bottom: 2px}
.q-my-4 {margin-top: 4px; margin-bottom: 4px}
.q-my-6 {margin-top: 6px; margin-bottom: 6px}
.q-my-8 {margin-top: 8px; margin-bottom: 8px}
.q-my-10 {margin-top: 10px; margin-bottom: 10px}
.q-my-12 {margin-top: 12px; margin-bottom: 12px}
.q-my-14 {margin-top: 14px; margin-bottom: 14px}
.q-my-16 {margin-top: 16px; margin-bottom: 16px}
.q-my-18 {margin-top: 18px; margin-bottom: 18px}
.q-my-20 {margin-top: 20px; margin-bottom: 20px}
.q-my-30 {margin-top: 30px; margin-bottom: 30px}
.q-my-40 {margin-top: 40px; margin-bottom: 40px}
.q-my-50 {margin-top: 50px; margin-bottom: 50px}
.q-my-60 {margin-top: 60px; margin-bottom: 60px}

.q-ml-0 {margin-left: 0}
.q-ml-2 {margin-left: 2px}
.q-ml-4 {margin-left: 4px}
.q-ml-6 {margin-left: 6px}
.q-ml-8 {margin-left: 8px}
.q-ml-10 {margin-left: 10px}
.q-ml-12 {margin-left: 12px}
.q-ml-14 {margin-left: 14px}
.q-ml-16 {margin-left: 16px}
.q-ml-18 {margin-left: 18px}
.q-ml-20 {margin-left: 20px}
.q-ml-22 {margin-left: 22px}
.q-ml-24 {margin-left: 24px}
.q-ml-26 {margin-left: 26px}
.q-ml-28 {margin-left: 28px}
.q-ml-30 {margin-left: 30px}
.q-ml-40 {margin-left: 40px}
.q-ml-50 {margin-left: 50px}
.q-ml-60 {margin-left: 60px}

.q-mr-0 {margin-right: 0}
.q-mr-2 {margin-right: 2px}
.q-mr-4 {margin-right: 4px}
.q-mr-6 {margin-right: 6px}
.q-mr-8 {margin-right: 8px}
.q-mr-10 {margin-right: 10px}
.q-mr-12 {margin-right: 12px}
.q-mr-14 {margin-right: 14px}
.q-mr-16 {margin-right: 16px}
.q-mr-18 {margin-right: 18px}
.q-mr-20 {margin-right: 20px}
.q-mr-22 {margin-right: 22px}
.q-mr-24 {margin-right: 24px}
.q-mr-26 {margin-right: 26px}
.q-mr-28 {margin-right: 28px}
.q-mr-30 {margin-right: 30px}
.q-mr-40 {margin-right: 40px}
.q-mr-50 {margin-right: 50px}
.q-mr-60 {margin-right: 60px}

.q-mt-0{margin-top:0}.q-mt-2{margin-top:2px}.q-mt-4{margin-top:4px}.q-mt-6{margin-top:6px}.q-mt-8{margin-top:8px}.q-mt-10{margin-top:10px}.q-mt-12{margin-top:12px}.q-mt-14{margin-top:14px}.q-mt-16{margin-top:16px}.q-mt-18{margin-top:18px}.q-mt-20{margin-top:20px}.q-mt-22{margin-top:22px}.q-mt-24{margin-top:24px}.q-mt-26{margin-top:26px}.q-mt-28{margin-top:28px}.q-mt-30{margin-top:30px}.q-mt-40{margin-top:40px}.q-mt-50{margin-top:50px}.q-mt-60{margin-top:60px}

.q-mb-0{margin-top:0}.q-mb-2{margin-bottom:2px}.q-mb-4{margin-bottom:4px}.q-mb-6{margin-bottom:6px}.q-mb-8{margin-bottom:8px}.q-mb-10{margin-bottom:10px}.q-mb-12{margin-bottom:12px}.q-mb-14{margin-bottom:14px}.q-mb-16{margin-bottom:16px}.q-mb-18{margin-bottom:18px}.q-mb-20{margin-bottom:20px}.q-mb-22{margin-bottom:22px}.q-mb-24{margin-bottom:24px}.q-mb-26{margin-bottom:26px}.q-mb-28{margin-bottom:28px}.q-mb-30{margin-bottom:30px}.q-mb-40{margin-bottom:40px}.q-mb-50{margin-bottom:50px}.q-mb-60{margin-bottom:60px}

/*内边距*/
.q-p-0 {padding: 0}
.q-p-2 {padding: 2px}
.q-p-4 {padding: 4px}
.q-p-6 {padding: 6px}
.q-p-8 {padding: 8px}
.q-p-10 {padding: 10px}
.q-p-12 {padding: 12px}
.q-p-14 {padding: 14px}
.q-p-16 {padding: 16px}
.q-p-18 {padding: 18px}
.q-p-20 {padding: 20px}
.q-p-22 {padding: 22px}
.q-p-24 {padding: 24px}
.q-p-26 {padding: 26px}
.q-p-28 {padding: 28px}
.q-p-30 {padding: 30px}
.q-p-40 {padding: 40px}
.q-p-50 {padding: 50px}
.q-p-60 {padding: 60px}

.q-px-0 {padding-left: 0; padding-right: 0}
.q-px-2 {padding-left: 2px; padding-right: 2px}
.q-px-4 {padding-left: 4px; padding-right: 4px}
.q-px-6 {padding-left: 6px; padding-right: 6px}
.q-px-8 {padding-left: 8px; padding-right: 8px}
.q-px-10 {padding-left: 10px; padding-right: 10px}
.q-px-12 {padding-left: 12px; padding-right: 12px}
.q-px-14 {padding-left: 14px; padding-right: 14px}
.q-px-16 {padding-left: 16px; padding-right: 16px}
.q-px-18 {padding-left: 18px; padding-right: 18px}
.q-px-20 {padding-left: 20px; padding-right: 20px}
.q-px-30 {padding-left: 30px; padding-right: 30px}
.q-px-40 {padding-left: 40px; padding-right: 40px}
.q-px-50 {padding-left: 50px; padding-right: 50px}
.q-px-60 {padding-left: 60px; padding-right: 60px}

.q-py-0{padding-top:0px;padding-bottom:0px}.q-py-2{padding-top:2px;padding-bottom:2px}.q-py-4{padding-top:4px;padding-bottom:4px}.q-py-6{padding-top:6px;padding-bottom:6px}.q-py-8{padding-top:8px;padding-bottom:8px}.q-py-10{padding-top:10px;padding-bottom:10px}.q-py-12{padding-top:12px;padding-bottom:12px}.q-py-14{padding-top:14px;padding-bottom:14px}.q-py-16{padding-top:16px;padding-bottom:16px}.q-py-18{padding-top:18px;padding-bottom:18px}.q-py-20{padding-top:20px;padding-bottom:20px}.q-py-30{padding-top:30px;padding-bottom:30px}.q-py-40{padding-top:40px;padding-bottom:40px}.q-py-50{padding-top:50px;padding-bottom:50px}.q-py-60{padding-top:60px;padding-bottom:60px}

.q-pl-0{padding-left:0}.q-pl-2{padding-left:2px}.q-pl-4{padding-left:4px}.q-pl-6{padding-left:6px}.q-pl-8{padding-left:8px}.q-pl-10{padding-left:10px}.q-pl-12{padding-left:12px}.q-pl-14{padding-left:14px}.q-pl-16{padding-left:16px}.q-pl-18{padding-left:18px}.q-pl-20{padding-left:20px}.q-pl-22{padding-left:22px}.q-pl-24{padding-left:24px}.q-pl-26{padding-left:26px}.q-pl-28{padding-left:28px}.q-pl-30{padding-left:30px}.q-pl-40{padding-left:40px}.q-pl-50{padding-left:50px}.q-pl-60{padding-left:60px}

.q-pr-0{padding-right:0}.q-pr-2{padding-right:2px}.q-pr-4{padding-right:4px}.q-pr-6{padding-right:6px}.q-pr-8{padding-right:8px}.q-pr-10{padding-right:10px}.q-pr-12{padding-right:12px}.q-pr-14{padding-right:14px}.q-pr-16{padding-right:16px}.q-pr-18{padding-right:18px}.q-pr-20{padding-right:20px}.q-pr-22{padding-right:22px}.q-pr-24{padding-right:24px}.q-pr-26{padding-right:26px}.q-pr-28{padding-right:28px}.q-pr-30{padding-right:30px}.q-pr-40{padding-right:40px !important}.q-pr-50{padding-right:50px !important}.q-pr-60{padding-right:60px !important}

.q-pt-0{padding-top:0}.q-pt-2{padding-top:2px}.q-pt-4{padding-top:4px}.q-pt-6{padding-top:6px}.q-pt-8{padding-top:8px}.q-pt-10{padding-top:10px}.q-pt-12{padding-top:12px}.q-pt-14{padding-top:14px}.q-pt-16{padding-top:16px}.q-pt-18{padding-top:18px}.q-pt-20{padding-top:20px}.q-pt-22{padding-top:22px}.q-pt-24{padding-top:24px}.q-pt-26{padding-top:26px}.q-pt-28{padding-top:28px}.q-pt-30{padding-top:30px}.q-pt-40{padding-top:40px}.q-pt-50{padding-top:50px}.q-pt-60{padding-top:60px}

.q-pb-0{padding-top:0}.q-pb-2{padding-bottom:2px}.q-pb-4{padding-bottom:4px}.q-pb-6{padding-bottom:6px}.q-pb-8{padding-bottom:8px}.q-pb-10{padding-bottom:10px}.q-pb-12{padding-bottom:12px}.q-pb-14{padding-bottom:14px}.q-pb-16{padding-bottom:16px}.q-pb-18{padding-bottom:18px}.q-pb-20{padding-bottom:20px}.q-pb-22{padding-bottom:22px}.q-pb-24{padding-bottom:24px}.q-pb-26{padding-bottom:26px}.q-pb-28{padding-bottom:28px}.q-pb-30{padding-bottom:30px}.q-pb-40{padding-bottom:40px}.q-pb-50{padding-bottom:50px}.q-pb-60{padding-bottom:60px}

/*缩进*/
.q-indent-0{text-indent:0}
.q-indent-2{text-indent:2px}
.q-indent-4{text-indent:4px}
.q-indent-6{text-indent:6px}
.q-indent-8{text-indent:8px}
.q-indent-10{text-indent:10px}
.q-indent-12{text-indent:12px}
.q-indent-14{text-indent:14px}
.q-indent-16{text-indent:16px}
.q-indent-18{text-indent:18px}
.q-indent-20{text-indent:20px}
.q-indent-22{text-indent:22px}
.q-indent-24{text-indent:24px}
.q-indent-26{text-indent:26px}
.q-indent-28{text-indent:28px}
.q-indent-30{text-indent:30px}
.q-indent-40{text-indent:40px}
.q-indent-50{text-indent:50px}
.q-indent-60{text-indent:60px}

/*定位*/
.q-top-0 {top: 0 !important}
.q-top-2 {top: 2px}
.q-top-4 {top: 4px}
.q-top-6 {top: 6px}
.q-top-8 {top: 8px}
.q-top-10 {top: 10px}
.q-top-12 {top: 12px}
.q-top-14 {top: 14px}
.q-top-16 {top: 16px}
.q-top-18 {top: 18px}
.q-top-20 {top: 20px}
.q-top-22 {top: 22px}
.q-top-24 {top: 24px}
.q-top-26 {top: 26px}
.q-top-28 {top: 28px}
.q-top-30 {top: 30px}
.q-top-40 {top: 40px}
.q-top-50 {top: 50px}
.q-top-60 {top: 60px}

.q-left-0 {left: 0 !important}
.q-left-2 {left: 2px}
.q-left-4 {left: 4px}
.q-left-6 {left: 6px}
.q-left-8 {left: 8px}
.q-left-10 {left: 10px}
.q-left-12 {left: 12px}
.q-left-14 {left: 14px}
.q-left-16 {left: 16px}
.q-left-18 {left: 18px}
.q-left-20 {left: 20px}
.q-left-22 {left: 22px}
.q-left-24 {left: 24px}
.q-left-26 {left: 26px}
.q-left-28 {left: 28px}
.q-left-30 {left: 30px}
.q-left-40 {left: 40px}
.q-left-50 {left: 50px}
.q-left-60 {left: 60px}

.q-right-0{right:0 !important}.q-right-2{right:2px}.q-right-4{right:4px}.q-right-6{right:6px}.q-right-8{right:8px}.q-right-10{right:10px}.q-right-12{right:12px}.q-right-14{right:14px}.q-right-16{right:16px}.q-right-18{right:18px}.q-right-20{right:20px}.q-right-22{right:22px}.q-right-24{right:24px}.q-right-26{right:26px}.q-right-28{right:28px}.q-right-30{right:30px}.q-right-40{right:40px}.q-right-50{right:50px}.q-right-60{right:60px}

.q-bottom-0{bottom:0}.q-bottom-2{bottom:2px}.q-bottom-4{bottom:4px}.q-bottom-6{bottom:6px}.q-bottom-8{bottom:8px}.q-bottom-10{bottom:10px}.q-bottom-12{bottom:12px}.q-bottom-14{bottom:14px}.q-bottom-16{bottom:16px}.q-bottom-18{bottom:18px}.q-bottom-20{bottom:20px}.q-bottom-22{bottom:22px}.q-bottom-24{bottom:24px}.q-bottom-26{bottom:26px}.q-bottom-28{bottom:28px}.q-bottom-30{bottom:30px}.q-bottom-40{bottom:40px}.q-bottom-50{bottom:50px}.q-bottom-60{bottom:60px}

/*层级*/
.q-z-100 {z-index: 100}
.q-z-200 {z-index: 200}
.q-z-300 {z-index: 300}
.q-z-400 {z-index: 400}
.q-z-500 {z-index: 500}
.q-z-600 {z-index: 600}
.q-z-700 {z-index: 700}
.q-z-800 {z-index: 800}
.q-z-900 {z-index: 900}
.q-z-1000 {z-index: 1000}
.q-z-2000 {z-index: 2000}
.q-z-3000 {z-index: 3000}
.q-z-4000 {z-index: 4000}
.q-z-5000 {z-index: 5000}
.q-z-6000 {z-index: 6000}
.q-z-7000 {z-index: 7000}
.q-z-8000 {z-index: 8000}
.q-z-9000 {z-index: 9000}
.q-z-9999 {z-index: 9999}

/*圆角*/
.q-rounded-0 {border-radius: 0}
.q-rounded-4 {border-radius: 4px}
.q-rounded-6 {border-radius: 6px}
.q-rounded-8 {border-radius: 8px}
.q-rounded-10 {border-radius: 10px}
.q-rounded-12 {border-radius: 12px}
.q-rounded-14 {border-radius: 14px}
.q-rounded-16 {border-radius: 16px}
.q-rounded-18 {border-radius: 18px}
.q-rounded-20 {border-radius: 20px}
.q-rounded-100 {border-radius: 100%}

.q-rounded-l-2 {border-radius: 2px 0 0 2px}
.q-rounded-l-4 {border-radius: 4px 0 0 4px}
.q-rounded-l-6 {border-radius: 6px 0 0 6px}
.q-rounded-l-8 {border-radius: 8px 0 0 8px}
.q-rounded-l-10 {border-radius: 10px 0 0 10px}
.q-rounded-r-2 {border-radius: 0 2px 2px 0}
.q-rounded-r-4 {border-radius: 0 4px 4px 0}
.q-rounded-r-6 {border-radius: 0 6px 6px 0}
.q-rounded-r-8 {border-radius: 0 8px 8px 0}
.q-rounded-r-10 {border-radius: 0 10px 10px 0}


/*字颜色*/
.q-white {color:#fff}
a.q-white:hover,button.q-white:hover {color: #fff !important;}
.q-black {color:#000}
.q-gray-100{color:#FCFCFC}
.q-gray-200{color:#F9F9F9}
.q-gray-300{color:#EFEFEF}
.q-gray-400{color:#E0E0E0}
.q-gray-500{color:#CCC}
.q-gray-600{color:#C1C1C1}
.q-gray-700{color:#848484}
.q-gray-800{color:#333}
.q-gray-900{color:#2B2525}
.q-silver-70{color:#FCFEFE}
.q-silver-80{color:#F7FCFD}
.q-silver-90{color:#F1F7FB}
.q-silver-100{color:#E4EFF8}
.q-silver-200{color:#CFDDEB}
.q-silver-300{color:#B8C7D8}
.q-silver-400{color:#99A9BF}
.q-silver-500{color:#6F83A4}
.q-silver-600{color:#58688F}
.q-silver-700{color:#222B45}
.q-silver-800{color:#18203B}
.q-silver-900{color:#0A1028}
.q-blue-70{color:#F6FFFE}
.q-blue-80{color:#EDFFFE}
.q-blue-90{color:#E3FDFF}
.q-blue-100{color:#D2F6FF}
.q-blue-200{color:#A5E8FF}
.q-blue-300{color:#79D5FF}
.q-blue-400{color:#57C1FF}
.q-blue-500{color:#20A0FF}
.q-blue-600{color:#177CDB}
.q-blue-700{color:#105DB7}
.q-blue-800{color:#0A4193}
.q-blue-900{color:#062E7A}
.q-green-70{color:#FCFEF5}
.q-green-80{color:#F9FEEB}
.q-green-90{color:#F4FDE1}
.q-green-100{color:#E8FBCC}
.q-green-200{color:#CDF79B}
.q-green-300{color:#A4E967}
.q-green-400{color:#7CD440}
.q-green-500{color:#48b80d}
.q-green-600{color:#339E09}
.q-green-700{color:#228406}
.q-green-800{color:#146A04}
.q-green-900{color:#0A5802}
.q-purple-70{color:#FEF4F6}
.q-purple-80{color:#FEEAEF}
.q-purple-90{color:#FDDFEA}
.q-purple-100{color:#FBC9E5}
.q-purple-200{color:#F894D5}
.q-purple-300{color:#EA5DC6}
.q-purple-400{color:#D535BA}
.q-purple-500{color:#b900ab}
.q-purple-600{color:#9C009F}
.q-purple-700{color:#770085}
.q-purple-800{color:#56006B}
.q-purple-900{color:#3F0058}
.q-yellow-70{color:#FEFEF5}
.q-yellow-80{color:#FEFCEC}
.q-yellow-90{color:#FEFAE2}
.q-yellow-100{color:#FEF6CF}
.q-yellow-200{color:#FEEAA0}
.q-yellow-300{color:#FDCB4E}
.q-yellow-400{color:#FDCB4E}
.q-yellow-500{color:#FCB214}
.q-yellow-600{color:#D8910E}
.q-yellow-700{color:#B5730A}
.q-yellow-800{color:#925706}
.q-yellow-900{color:#784403}
.q-red-70{color:#FEFAF4}
.q-red-80{color:#FEF5EA}
.q-red-90{color:#FEEEDF}
.q-red-100{color:#FCDBC9}
.q-red-200{color:#F9AF95}
.q-red-300{color:#EF785F}
.q-red-400{color:#E04638}
.q-red-500{color:#cc0000}
.q-red-600{color:#AF000F}
.q-red-700{color:#920019}
.q-red-800{color:#76001E}
.q-red-900{color:#610021}

/*背景色*/
.q-bg-none {background: none !important}
.q-bg-white {background:#fff}
.q-bg-blue {background: #50bfff; border-color: #50bfff; color: #fff}
.q-bg-blue-2 {background: #20a0ff; border-color: #20a0ff; color: #fff}
.q-bg-yellow {background: #f7ba2a; border-color: #f7ba2a; color: #fff}
.q-bg-green {background: #13ce66; border-color: #13ce66; color: #fff}
.q-bg-red {background: #ff4949; border-color: #ff4949; color: #fff}
.q-bg-blue, .q-bg-yellow, .q-bg-green, .q-bg-red, .q-bg-blue-2 {color: #fff !important; transition: background 0.3s}

.q-bg-gray-100{background:#FCFCFC;border-color:#FCFCFC}
.q-bg-gray-200{background:#F9F9F9;border-color:#F9F9F9}
.q-bg-gray-300{background:#EFEFEF;border-color:#EFEFEF}
.q-bg-gray-400{background:#E0E0E0;border-color:#E0E0E0}
.q-bg-gray-500{background:#CCC;border-color:#CCC}
.q-bg-gray-600{background:#C1C1C1;border-color:#C1C1C1}
.q-bg-gray-700{background:#848484;border-color:#848484}
.q-bg-gray-800{background:#333;border-color:#333}
.q-bg-gray-900{background:#2B2525;border-color:#2B2525}
.q-bg-silver-70{background:#FCFEFE;border-color:#FCFEFE}
.q-bg-silver-80{background:#F7FCFD;border-color:#F7FCFD}
.q-bg-silver-90{background:#F1F7FB;border-color:#F1F7FB}
.q-bg-silver-100{background:#E4EFF8;border-color:#E4EFF8}
.q-bg-silver-200{background:#CFDDEB;border-color:#CFDDEB}
.q-bg-silver-300{background:#B8C7D8;border-color:#B8C7D8}
.q-bg-silver-400{background:#99A9BF;border-color:#99A9BF}
.q-bg-silver-500{background:#6F83A4;border-color:#6F83A4}
.q-bg-silver-600{background:#58688F;border-color:#58688F}
.q-bg-silver-700{background:#222B45;border-color:#222B45}
.q-bg-silver-800{background:#18203B;border-color:#18203B}
.q-bg-silver-900{background:#0A1028;border-color:#0A1028}
.q-bg-blue-70{background:#F6FFFE;border-color:#F6FFFE}
.q-bg-blue-80{background:#EDFFFE;border-color:#EDFFFE}
.q-bg-blue-90{background:#E3FDFF;border-color:#E3FDFF}
.q-bg-blue-100{background:#D2F6FF;border-color:#D2F6FF}
.q-bg-blue-200{background:#A5E8FF;border-color:#A5E8FF}
.q-bg-blue-300{background:#79D5FF;border-color:#79D5FF}
.q-bg-blue-400{background:#57C1FF;border-color:#57C1FF}
.q-bg-blue-500{background:#20A0FF;border-color:#20A0FF}
.q-bg-blue-600{background:#177CDB;border-color:#177CDB}
.q-bg-blue-700{background:#105DB7;border-color:#105DB7}
.q-bg-blue-800{background:#0A4193;border-color:#0A4193}
.q-bg-blue-900{background:#062E7A;border-color:#062E7A}
.q-bg-green-70{background:#FCFEF5;border-color:#FCFEF5}
.q-bg-green-80{background:#F9FEEB;border-color:#F9FEEB}
.q-bg-green-90{background:#F4FDE1;border-color:#F4FDE1}
.q-bg-green-100{background:#E8FBCC;border-color:#E8FBCC}
.q-bg-green-200{background:#CDF79B;border-color:#CDF79B}
.q-bg-green-300{background:#A4E967;border-color:#A4E967}
.q-bg-green-400{background:#7CD440;border-color:#7CD440}
.q-bg-green-500{background:#48b80d;border-color:#48b80d}
.q-bg-green-600{background:#339E09;border-color:#339E09}
.q-bg-green-700{background:#228406;border-color:#228406}
.q-bg-green-800{background:#146A04;border-color:#146A04}
.q-bg-green-900{background:#0A5802;border-color:#0A5802}
.q-bg-purple-70{background:#FEF4F6;border-color:#FEF4F6}
.q-bg-purple-80{background:#FEEAEF;border-color:#FEEAEF}
.q-bg-purple-90{background:#FDDFEA;border-color:#FDDFEA}
.q-bg-purple-100{background:#FBC9E5;border-color:#FBC9E5}
.q-bg-purple-200{background:#F894D5;border-color:#F894D5}
.q-bg-purple-300{background:#EA5DC6;border-color:#EA5DC6}
.q-bg-purple-400{background:#D535BA;border-color:#D535BA}
.q-bg-purple-500{background:#b900ab;border-color:#b900ab}
.q-bg-purple-600{background:#9C009F;border-color:#9C009F}
.q-bg-purple-700{background:#770085;border-color:#770085}
.q-bg-purple-800{background:#56006B;border-color:#56006B}
.q-bg-purple-900{background:#3F0058;border-color:#3F0058}
.q-bg-yellow-70{background:#FEFEF5;border-color:#FEFEF5}
.q-bg-yellow-80{background:#FEFCEC;border-color:#FEFCEC}
.q-bg-yellow-90{background:#FEFAE2;border-color:#FEFAE2}
.q-bg-yellow-100{background:#FEF6CF;border-color:#FEF6CF}
.q-bg-yellow-200{background:#FEEAA0;border-color:#FEEAA0}
.q-bg-yellow-300{background:#FEDA71;border-color:#FEDA71}
.q-bg-yellow-400{background:#FDCB4E;border-color:#FDCB4E}
.q-bg-yellow-500{background:#FCB214;border-color:#FCB214}
.q-bg-yellow-600{background:#D8910E;border-color:#D8910E}
.q-bg-yellow-700{background:#B5730A;border-color:#B5730A}
.q-bg-yellow-800{background:#925706;border-color:#925706}
.q-bg-yellow-900{background:#784403;border-color:#784403}
.q-bg-red-70{background:#FEFAF4;border-color:#FEFAF4}
.q-bg-red-80{background:#FEF5EA;border-color:#FEF5EA}
.q-bg-red-90{background:#FEEEDF;border-color:#FEEEDF}
.q-bg-red-100{background:#FCDBC9;border-color:#FCDBC9}
.q-bg-red-200{background:#F9AF95;border-color:#F9AF95}
.q-bg-red-300{background:#EF785F;border-color:#EF785F}
.q-bg-red-400{background:#E04638;border-color:#E04638}
.q-bg-red-500{background:#cc0000;border-color:#cc0000}
.q-bg-red-600{background:#AF000F;border-color:#AF000F}
.q-bg-red-700{background:#920019;border-color:#920019}
.q-bg-red-800{background:#76001E;border-color:#76001E}
.q-bg-red-900{background:#610021;border-color:#610021}


.hover-border-red:hover {border-color: #ff4949; color: #ff4949}
.hover-border-green:hover {border-color: #339E09; color: #339E09}
.hover-text-dark:hover {color: #333}


.q-transition-opacity{transition:opacity 0.3s;}
.q-hover-opacity:hover{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8;transition:opacity 0.3s;}
.q-w-auto{width:auto !important;}
.q-h-auto{height:auto !important;}
.q-h-full{height:100%;}


.q-col-1{width:4.16667%}.q-col-2{width:8.33333%}.q-col-3{width:12.5%}.q-col-4{width:16.66667%}.q-col-5{width:20.83333%}.q-col-6{width:25%}.q-col-7{width:29.16667%}.q-col-8{width:33.33333%}.q-col-9{width:37.5%}.q-col-10{width:41.66667%}.q-col-11{width:45.83333%}.q-col-12{width:50%}.q-col-13{width:54.16667%}.q-col-14{width:58.33333%}.q-col-15{width:62.5%}.q-col-16{width:66.66667%}.q-col-17{width:70.83333%}.q-col-18{width:75%}.q-col-19{width:79.16667%}.q-col-20{width:83.33333%}.q-col-21{width:87.5%}.q-col-22{width:91.66667%}.q-col-23{width:95.83333%}.q-col-24{width:100%}


/*透明*/
[class*="q-opacity-"]{transition:opacity 0.3s;}
.q-opacity-0{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
.q-opacity-1{filter:alpha(Opacity=10);-moz-opacity:0.1;opacity:0.1;}
.q-opacity-2{filter:alpha(Opacity=20);-moz-opacity:0.2;opacity:0.2;}
.q-opacity-3{filter:alpha(Opacity=30);-moz-opacity:0.3;opacity:0.3;}
.q-opacity-5{filter:alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;}
.q-opacity-6{filter:alpha(Opacity=60);-moz-opacity:0.6;opacity:0.6;}
.q-opacity-7{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.q-opacity-8{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8;}
.q-opacity-9{filter:alpha(Opacity=90);-moz-opacity:0.9;opacity:0.9;}
.q-opacity-10{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}




/*移动比例布局*/
.q-flex {
            display: flex;
            flex-wrap: wrap;
            --columns: 4;
            --gap: 0rem;
            gap: var(--gap);
        }
.q-flex>*{flex: auto;margin: 0;flex: none\0;}

/* Flex 方向 */
.q-flex-row { flex-direction: row; }
.q-flex-row-reverse { flex-direction: row-reverse; }
.q-flex-column { flex-direction: column; }
.q-flex-column-reverse { flex-direction: column-reverse; }

/* Flex 换行 */
.q-flex-nowrap { flex-wrap: nowrap; }
.q-flex-wrap { flex-wrap: wrap; }
.q-flex-wrap-reverse { flex-wrap: wrap-reverse; }

/* 主轴对齐方式 */
.q-justify-start { justify-content: flex-start; }
.q-justify-end { justify-content: flex-end; }
.q-justify-center { justify-content: center; }
.q-justify-between { justify-content: space-between; }
.q-justify-around { justify-content: space-around; }
.q-justify-evenly { justify-content: space-evenly; }

/* 交叉轴对齐方式 */
.q-items-stretch { align-items: stretch; }
.q-items-start { align-items: flex-start; }
.q-items-end { align-items: flex-end; }
.q-items-center { align-items: center; }
.q-items-baseline { align-items: baseline; }

/* 多行对齐方式 */
.q-content-stretch { align-content: stretch; }
.q-content-start { align-content: flex-start; }
.q-content-end { align-content: flex-end; }
.q-content-center { align-content: center; }
.q-content-between { align-content: space-between; }
.q-content-around { align-content: space-around; }

/* Flex 项目属性 */
.q-flex-auto { flex: auto; }
.q-flex-initial { flex: 0 1 auto; }
.q-flex-none { flex: none; }
.q-flex-1 { flex: 1; }
.q-flex-2 { flex: 2; }
.q-flex-3 { flex: 3; }

/* 单个项目对齐 */
.q-self-auto { align-self: auto; }
.q-self-start { align-self: flex-start; }
.q-self-end { align-self: flex-end; }
.q-self-center { align-self: center; }
.q-self-baseline { align-self: baseline; }
.q-self-stretch { align-self: stretch; }


/*每行显示多少个元素*/
.q-item {
    flex: 0 0 calc((100% - (var(--gap) * (var(--columns) - 1))) / var(--columns));
    *float: left;
}
.q-item>.q-border-solid{height: 100%;}

.q-cols-1{--columns:1;}
.q-cols-2{--columns:2;}
.q-cols-3{--columns:3;}
.q-cols-4{--columns:4;}
.q-cols-5{--columns:5;}
.q-cols-6{--columns:6;}
.q-cols-7{--columns:7;}
.q-cols-8{--columns:8;}
.q-cols-9{--columns:9;}
.q-cols-10{--columns:10;}

/* flex行列间距 */
.q-gap-0{--gap:0;}
.q-gap-1{--gap:0.25rem;}
.q-gap-2{--gap:0.5rem;}
.q-gap-3{--gap:0.75rem;}
.q-gap-4{--gap:1rem;}
.q-gap-5{--gap:1.25rem;}
.q-gap-6{--gap:1.5rem;}
.q-gap-8{--gap:2rem;}
.q-gap-10{--gap:2.5rem;}
.q-gap-12{--gap:3rem;}

/* Flex 增长和收缩 */
.q-flex-grow-0{flex-grow:0;}
.q-flex-grow-1{flex-grow:1;}
.q-flex-shrink-0{flex-shrink:0;}
.q-flex-shrink-1{flex-shrink:1;}


/* 旧版本浏览器兼容性 */
.q-flex-old{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;}
.q-flex-old > *{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;}

/* 移动比例布局 */
.q-flex-fdc{flex-direction: column;}
.q-flex-aic{align-items: center;}
.q-flex-fww{flex-wrap: wrap;justify-content: center;}
.q-flex-jcs{justify-content: space-between;}

.q-quote{border-left:solid 5px #20a0ff}

/* 图片比例 */
[class*="q-aspect-"]{position:relative;height:0;}
[class*="q-aspect-"] > img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}

/* 1:1 正方形 */
.q-aspect-square{padding-bottom:100%;}
 /* 16:9 视频比例 */
.q-aspect-video{padding-bottom:56.25%;}
 /* 4:2 比例 */
.q-aspect-4-2{padding-bottom:66.67%;}
 /* 4:3 比例 */
.q-aspect-4-3{padding-bottom:75%;}
/* 9:16 竖屏比例 */
.q-aspect-9-16{padding-bottom:177.78%;}
/* 21:9 超宽屏比例 */
.q-aspect-21-9{padding-bottom:42.86%;}

/*ie6~ie8*/
@media \0screen\,screen\9{
    .q-radio input{display: inline-block}
    .q-radio span,.q-radio .q-radio-bg{display:none}
    .q-radio-bg,.q-radio input:checked + span.q-radio-on{display:none !important}
    .q-flex li{float:left;padding:0}
    .q-inline-block{*zoom:1;*display:inline}
}
/*ie9~ie10*/
@media screen and (min-width:0\0){
    .q-flex>*{display:inline-block;float:left\0;padding:0\0;}
    .q-flex {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .q-flex.q-cols-6 .q-item {
        -ms-flex: 0 0 16.6667%;
        flex: 0 0 16.6667%;
        max-width: 16.6667%;
    }
} 
@media only screen and (max-width:800px){
    *{-webkit-tap-highlight-color:rgba(0,0,0,0)}
}