@charset "utf-8";
@import url('font/YIQI-UI-iconfont.min.css');
/*
* 本软件、著作物、作品版权及著作权归 哈尔滨伟成科技有限公司 所有
* 网站地址 https://www.ourphp.net
* 当前版本 v3.1.0
*
*							【关于YIQI-UI】
*	我们在做模板开发的时候，要写大量的CSS代码。而且达到效果要写很多重复的命令。
*所以我就在想，可不可以把一些常用且重复多次调用的CSS命令集合起来？就这样，YIQI-UI诞生了。
*我们希望使用YIQI-UI能更规范和更方便的开发模板，并在多浏览器和跨屏中能最好的适应匹配~
*【请珍惜开发者的劳动成果，保留版权信息。帮助更多的兄弟姐妹找到并使用YIQI-UI减少重复劳动】
*
*																			2024年3月15日
*/
* {padding: 0;margin: 0;border: 0;font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53";}html, body {width: 100%;height: 100%;}body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, legend, button, form, fieldset, input, textarea, p, blockquote, th, tr, td {padding: 0;margin: 0;font-size: 14px;}:root {--color-f-fff:#fff;--color-f-000:#000;--color-f-333:#333;--color-f-ddd:#ddd;--color-f-999:#999;--color-f-ccc:#ccc;--color-f-f00:#ff0000;--color-f-ff0:#00FF00;--color-f-00f:#0000FF;--color-f-fff0:#FFFF00;--color-f-cef:#CCEEFF;--background-lightblue:#5a98de;--background-lightbluehover:#6aa2e0;--background-skyblue:#3bb4f2;--background-skybluehover:#0f9ae0;--background-green:#5eb95e;--background-greenhover:#429842;--background-orange:#f37b1d;--background-orangehover:#c85e0b;--background-red:#dd514c;--background-redhover:#c62b26;--background-yellow:#F0C847;--background-yellowhover:#cca62c;--background-lightgreen:#8BDA9C;--background-lightgreenhover:#58b96d;--background-black:#595959;--background-blackhover:#6a6a6a;--background-blue:#3795CF;--background-bluehover:#267CB1;--background-white:#EBEDF1;--background-whitehover:#dededf;}q:before, q:after {content: "";}fieldset, img, abbr, acronym {border: 0 none;}abbr, acronym {font-variant: normal;}legend {color: #000;}*:focus {outline: none;}address, caption, cite, code, dfn, em, strong, th, var {font-weight: normal;font-style: normal;}sup {vertical-align: text-top;}sub {vertical-align: text-bottom;}table {border-collapse: collapse;border-spacing: 0;}caption, th {text-align: left;}input, img, select {vertical-align: middle;}ol, ul, li {list-style: none;}input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;-webkit-appearance: none;}h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}ins, a {text-decoration: none;}a:link {color: #009;}a:visited {color: #800080;}a:hover, a:active, a:focus {color: #c00;text-decoration: none;}input[type="submit"] {cursor: pointer;}button {cursor: pointer;}input::-moz-focus-inner {border: 0;padding: 0;}label {cursor: default;}input[type="button"], input[type="submit"], input[type="reset"], input[type="select"] {-webkit-appearance: none;}textarea {-webkit-appearance: none;}.clear {clear: both;}*html {overflow: -moz-scrollbars-vertical;zoom:expression(function(ele) {ele.style.zoom="1";document.execCommand("BackgroundImageCache", false, true) }(this)) }#YIQI-UI {}h1, h2, h3, h4, h5, h6 {font-weight: 500;line-height: 1.1;color: inherit }h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small {font-weight: normal;line-height: 1;color: #999 }h1, h2, h3, h4, h5, h6 {margin: 10px 0;}h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {font-size: 65% }h4 small, h5 small, h6 small, h4 .small, h5 .small, h6 .small {font-size: 75% }h1 {font-size: 36px;}h2 {font-size: 30px;}h3 {font-size: 24px;}h4 {font-size: 22px;}h5 {font-size: 20px;}h6 {font-size: 18px;}#YIQI-UI .center-560 {width: 560px;margin: 0 auto;}#YIQI-UI .center-980 {width: 980px;margin: 0 auto;}#YIQI-UI .center-1000 {width: 1000px;margin: 0 auto;}#YIQI-UI .center-1200 {width: 1200px;margin: 0 auto;}#YIQI-UI .center-1400 {width: 1400px;margin: 0 auto;}#YIQI-UI p {margin-bottom: 5px;margin-top: 5px;}#YIQI-UI small {font-size: 85%;}#YIQI-UI b, #YIQI-UI strong {font-weight: bold;}#YIQI-UI em {font-style: italic;}#YIQI-UI i {font-style: oblique;}#YIQI-UI u {text-decoration: underline;}#YIQI-UI cite {font-style: normal;font-weight: bold;}#YIQI-UI mark {color: #000;background: #ff0 }#YIQI-UI var {}#YIQI-UI kbd {}#YIQI-UI code {}#YIQI-UI dfn {font-style: italic;}#YIQI-UI del {font-family: Simsun }#YIQI-UI code, #YIQI-UI kbd, #YIQI-UI pre, #YIQI-UI samp {font-family: monospace, serif;font-size: 1em }#YIQI-UI pre {white-space: pre-wrap }#YIQI-UI .uppercase {text-transform: uppercase }#YIQI-UI .lowercase {text-transform: lowercase }#YIQI-UI .capitalize {text-transform: capitalize }#YIQI-UI .text-l {text-align: left }#YIQI-UI .text-r {text-align: right }#YIQI-UI .text-c {text-align: center }#YIQI-UI .va * {vertical-align: sub !important;*vertical-align: middle !important;_vertical-align: middle !important }#YIQI-UI .va-t {vertical-align: top !important }#YIQI-UI .va-m {vertical-align: middle !important }#YIQI-UI .va-b {vertical-align: bottom !important }#YIQI-UI .f-l {float: left !important;_display: inline }#YIQI-UI .f-r {float: right !important;_display: inline }#YIQI-UI .text-overflow {overflow: hidden;text-overflow: ellipsis;white-space: nowrap }#YIQI-UI .line {font-size: 0px;line-height: 0px;border-top: solid 1px #ddd;float: none;}#YIQI-UI .overflow {overflow: hidden;}#YIQI-UI .mt-0 {margin-top: 0px;}#YIQI-UI .mt-5 {margin-top: 5px;}#YIQI-UI .mt-10 {margin-top: 10px;}#YIQI-UI .mt-15 {margin-top: 15px;}#YIQI-UI .mt-20 {margin-top: 20px;}#YIQI-UI .mt-25 {margin-top: 25px;}#YIQI-UI .mt-30 {margin-top: 30px;}#YIQI-UI .mt-35 {margin-top: 35px;}#YIQI-UI .mt-40 {margin-top: 40px;}#YIQI-UI .mt-45 {margin-top: 45px;}#YIQI-UI .mt-50 {margin-top: 50px;}#YIQI-UI .mb-0 {margin-bottom: 0px;}#YIQI-UI .mb-5 {margin-bottom: 5px;}#YIQI-UI .mb-10 {margin-bottom: 10px;}#YIQI-UI .mb-15 {margin-bottom: 15px;}#YIQI-UI .mb-20 {margin-bottom: 20px;}#YIQI-UI .mb-25 {margin-bottom: 25px;}#YIQI-UI .mb-30 {margin-bottom: 30px;}#YIQI-UI .mb-35 {margin-bottom: 35px;}#YIQI-UI .mb-40 {margin-bottom: 40px;}#YIQI-UI .mb-45 {margin-bottom: 45px;}#YIQI-UI .mb-50 {margin-bottom: 50px;}#YIQI-UI .ml-0 {margin-left: 0px;}#YIQI-UI .ml-5 {margin-left: 5px;}#YIQI-UI .ml-10 {margin-left: 10px;}#YIQI-UI .ml-15 {margin-left: 15px;}#YIQI-UI .ml-20 {margin-left: 20px;}#YIQI-UI .ml-25 {margin-left: 25px;}#YIQI-UI .ml-30 {margin-left: 30px;}#YIQI-UI .ml-35 {margin-left: 35px;}#YIQI-UI .ml-40 {margin-left: 40px;}#YIQI-UI .ml-45 {margin-left: 45px;}#YIQI-UI .ml-50 {margin-left: 50px;}#YIQI-UI .mr-0 {margin-right: 0px;}#YIQI-UI .mr-5 {margin-right: 5px;}#YIQI-UI .mr-10 {margin-right: 10px;}#YIQI-UI .mr-15 {margin-right: 15px;}#YIQI-UI .mr-20 {margin-right: 20px;}#YIQI-UI .mr-25 {margin-right: 25px;}#YIQI-UI .mr-30 {margin-right: 30px;}#YIQI-UI .mr-35 {margin-right: 35px;}#YIQI-UI .mr-40 {margin-right: 40px;}#YIQI-UI .mr-45 {margin-right: 45px;}#YIQI-UI .mr-50 {margin-right: 50px;}#YIQI-UI .md-0 {margin: 0px;}#YIQI-UI .md-5 {margin: 5px;}#YIQI-UI .md-10 {margin: 10px;}#YIQI-UI .md-15 {margin: 15px;}#YIQI-UI .md-20 {margin: 20px;}#YIQI-UI .md-25 {margin: 25px;}#YIQI-UI .md-30 {margin: 30px;}#YIQI-UI .md-35 {margin: 35px;}#YIQI-UI .md-40 {margin: 40px;}#YIQI-UI .md-45 {margin: 45px;}#YIQI-UI .md-50 {margin: 50px;}#YIQI-UI .pt-0 {padding-top: 0px;}#YIQI-UI .pt-5 {padding-top: 5px;}#YIQI-UI .pt-10 {padding-top: 10px;}#YIQI-UI .pt-15 {padding-top: 15px;}#YIQI-UI .pt-20 {padding-top: 20px;}#YIQI-UI .pt-25 {padding-top: 25px;}#YIQI-UI .pt-30 {padding-top: 30px;}#YIQI-UI .pt-35 {padding-top: 35px;}#YIQI-UI .pt-40 {padding-top: 40px;}#YIQI-UI .pt-45 {padding-top: 45px;}#YIQI-UI .pt-50 {padding-top: 50px;}#YIQI-UI .pb-0 {padding-bottom: 0px;}#YIQI-UI .pb-5 {padding-bottom: 5px;}#YIQI-UI .pb-10 {padding-bottom: 10px;}#YIQI-UI .pb-15 {padding-bottom: 15px;}#YIQI-UI .pb-20 {padding-bottom: 20px;}#YIQI-UI .pb-25 {padding-bottom: 25px;}#YIQI-UI .pb-30 {padding-bottom: 30px;}#YIQI-UI .pb-35 {padding-bottom: 35px;}#YIQI-UI .pb-40 {padding-bottom: 40px;}#YIQI-UI .pb-45 {padding-bottom: 45px;}#YIQI-UI .pb-50 {padding-bottom: 50px;}#YIQI-UI .pl-5 {padding-left: 0px;}#YIQI-UI .pl-5 {padding-left: 5px;}#YIQI-UI .pl-10 {padding-left: 10px;}#YIQI-UI .pl-15 {padding-left: 15px;}#YIQI-UI .pl-20 {padding-left: 20px;}#YIQI-UI .pl-25 {padding-left: 25px;}#YIQI-UI .pl-30 {padding-left: 30px;}#YIQI-UI .pl-35 {padding-left: 35px;}#YIQI-UI .pl-40 {padding-left: 40px;}#YIQI-UI .pl-45 {padding-left: 45px;}#YIQI-UI .pl-50 {padding-left: 50px;}#YIQI-UI .pr-0 {padding-right: 0px;}#YIQI-UI .pr-5 {padding-right: 5px;}#YIQI-UI .pr-10 {padding-right: 10px;}#YIQI-UI .pr-15 {padding-right: 15px;}#YIQI-UI .pr-20 {padding-right: 20px;}#YIQI-UI .pr-25 {padding-right: 25px;}#YIQI-UI .pr-30 {padding-right: 30px;}#YIQI-UI .pr-35 {padding-right: 35px;}#YIQI-UI .pr-40 {padding-right: 40px;}#YIQI-UI .pr-45 {padding-right: 45px;}#YIQI-UI .pr-50 {padding-right: 50px;}#YIQI-UI .pd-0 {padding: 0px;}#YIQI-UI .pd-5 {padding: 5px;}#YIQI-UI .pd-10 {padding: 10px;}#YIQI-UI .pd-15 {padding: 15px;}#YIQI-UI .pd-20 {padding: 20px;}#YIQI-UI .pd-25 {padding: 25px;}#YIQI-UI .pd-30 {padding: 30px;}#YIQI-UI .pd-35 {padding: 35px;}#YIQI-UI .pd-40 {padding: 40px;}#YIQI-UI .pd-45 {padding: 45px;}#YIQI-UI .pd-50 {padding: 50px;}#YIQI-UI .border {border: solid 1px #ddd;}#YIQI-UI .border-dashed {border: dashed 1px #ddd;}#YIQI-UI .border-0 {border: none;}#YIQI-UI .border-2 {border: solid 2px #ddd;}#YIQI-UI .border-3 {border: solid 3px #ddd;}#YIQI-UI .border-4 {border: solid 4px #ddd;}#YIQI-UI .border-5 {border: solid 5px #ddd;}#YIQI-UI .border-t {border-top: none;}#YIQI-UI .border-b {border-bottom: none;}#YIQI-UI .border-l {border-left: none;}#YIQI-UI .border-r {border-right: none;}#YIQI-UI .radius-0 {border-radius: 0px;overflow: hidden;}#YIQI-UI .radius-4 {border-radius: 4px;overflow: hidden;}#YIQI-UI .radius-5 {border-radius: 5px;overflow: hidden;}#YIQI-UI .radius-6 {border-radius: 6px;overflow: hidden;}#YIQI-UI .radius-7 {border-radius: 7px;overflow: hidden;}#YIQI-UI .radius-8 {border-radius: 8px;overflow: hidden;}#YIQI-UI .radius-9 {border-radius: 9px;overflow: hidden;}#YIQI-UI .radius-10 {border-radius: 10px;overflow: hidden;}#YIQI-UI .radius-11 {border-radius: 11px;overflow: hidden;}#YIQI-UI .radius-12 {border-radius: 12px;overflow: hidden;}#YIQI-UI .radius-13 {border-radius: 13px;overflow: hidden;}#YIQI-UI .radius-14 {border-radius: 14px;overflow: hidden;}#YIQI-UI .radius-15 {border-radius: 15px;overflow: hidden;}#YIQI-UI .radius-16 {border-radius: 16px;overflow: hidden;}#YIQI-UI .radius-17 {border-radius: 17px;overflow: hidden;}#YIQI-UI .radius-18 {border-radius: 18px;overflow: hidden;}#YIQI-UI .radius-19 {border-radius: 19px;overflow: hidden;}#YIQI-UI .radius-20 {border-radius: 20px;overflow: hidden;}#YIQI-UI .radius-21 {border-radius: 21px;overflow: hidden;}#YIQI-UI .radius-22 {border-radius: 22px;overflow: hidden;}#YIQI-UI .radius-23 {border-radius: 23px;overflow: hidden;}#YIQI-UI .radius-24 {border-radius: 24px;overflow: hidden;}#YIQI-UI .radius-25 {border-radius: 25px;overflow: hidden;}#YIQI-UI .radius-50 {border-radius: 50px;overflow: hidden;}#YIQI-UI .radius-55 {border-radius: 55px;overflow: hidden;}#YIQI-UI .radius-60 {border-radius: 60px;overflow: hidden;}#YIQI-UI .radius-65 {border-radius: 65px;overflow: hidden;}#YIQI-UI .radius-70 {border-radius: 70px;overflow: hidden;}#YIQI-UI .radius-75 {border-radius: 75px;overflow: hidden;}#YIQI-UI .radius-80 {border-radius: 80px;overflow: hidden;}#YIQI-UI .radius-10p {border-radius: 10%;overflow: hidden;}#YIQI-UI .radius-20p {border-radius: 20%;overflow: hidden;}#YIQI-UI .radius-30p {border-radius: 30%;overflow: hidden;}#YIQI-UI .radius-40p {border-radius: 40%;overflow: hidden;}#YIQI-UI .radius-50p {border-radius: 50%;overflow: hidden;}#YIQI-UI .f-10 {font-size: 10px;}#YIQI-UI .f-12 a {font-size: 10px;}#YIQI-UI .f-12 {font-size: 12px;}#YIQI-UI .f-12 a {font-size: 12px;}#YIQI-UI .f-14 {font-size: 14px;}#YIQI-UI .f-14 a {font-size: 14px;}#YIQI-UI .f-16 {font-size: 16px;}#YIQI-UI .f-16 a {font-size: 16px;}#YIQI-UI .f-18 {font-size: 18px;}#YIQI-UI .f-18 a {font-size: 18px;}#YIQI-UI .f-20 {font-size: 20px;}#YIQI-UI .f-20 a {font-size: 20px;}#YIQI-UI .f-22 {font-size: 22px;}#YIQI-UI .f-22 a {font-size: 22px;}#YIQI-UI .f-24 {font-size: 24px;}#YIQI-UI .f-24 a {font-size: 24px;}#YIQI-UI .f-26 {font-size: 26px;}#YIQI-UI .f-26 a {font-size: 26px;}#YIQI-UI .f-28 {font-size: 28px;}#YIQI-UI .f-28 a {font-size: 28px;}#YIQI-UI .f-30 {font-size: 30px;}#YIQI-UI .f-30 a {font-size: 30px;}#YIQI-UI .f-32 {font-size: 32px;}#YIQI-UI .f-32 a {font-size: 32px;}#YIQI-UI .f-34 {font-size: 34px;}#YIQI-UI .f-34 a {font-size: 34px;}#YIQI-UI .f-36 {font-size: 36px;}#YIQI-UI .f-36 a {font-size: 36px;}#YIQI-UI .f-fff {color: var(--color-f-fff);}#YIQI-UI .f-fff a {color: var(--color-f-fff);}#YIQI-UI .f-000 {color: var(--color-f-000);}#YIQI-UI .f-000 a {color: var(--color-f-000);}#YIQI-UI .f-333 {color: var(--color-f-333);}#YIQI-UI .f-333 a {color: var(--color-f-333);}#YIQI-UI .f-ddd {color: var(--color-f-ddd);}#YIQI-UI .f-ddd a {color: var(--color-f-ddd);}#YIQI-UI .f-999 {color: var(--color-f-999);}#YIQI-UI .f-999 a {color: var(--color-f-999);}#YIQI-UI .f-ccc {color: var(--color-f-ccc);}#YIQI-UI .f-ccc a {color: var(--color-f-ccc);}#YIQI-UI .f-f00 {color: var(--color-f-f00);}#YIQI-UI .f-f00 a {color: var(--color-f-f00);}#YIQI-UI .f-ff0 {color: var(--color-f-ff0);}#YIQI-UI .f-ff0 a {color: var(--color-f-ff0);}#YIQI-UI .f-00f {color: var(--color-f-00f);}#YIQI-UI .f-00f a {color: var(--color-f-00f);}#YIQI-UI .f-fff0 {color: var(--color-f-fff0);}#YIQI-UI .f-fff0 a {color: var(--color-f-fff);}#YIQI-UI .f-cef {color: var(--color-f-cef);}#YIQI-UI .f-cef a {color: var(--color-f-cef);}#YIQI-UI sub, #YIQI-UI sup {position: relative;font-size: 75%;line-height: 0;vertical-align: baseline }#YIQI-UI sup {top: -0.7em }#YIQI-UI sub {bottom: -0.25em }#YIQI-UI .content {position: relative;font-size: 14px;line-height: 25px;overflow: hidden;text-align: left }#YIQI-UI .content h3 {margin-top: 10px;font-size: 16px;}#YIQI-UI .content p {text-indent: 2em;margin-top: 10px;}#YIQI-UI .code {border: 1px #D6D6D6 solid;border-radius: 5px;padding: 10px;background: #F7F7F7;color: #888888;text-align: left;}#YIQI-UI .btn {display: inline-block;cursor: pointer;text-align: center;font-weight: 400;white-space: nowrap;vertical-align: middle;*zoom: 1;-webkit-transition: background-color .1s linear;-moz-transition: background-color .1s linear;-o-transition: background-color .1s linear;transition: background-color .1s linear;}#YIQI-UI a.btn:hover, #YIQI-UI a.btn:focus, #YIQI-UI a.btn:active, #YIQI-UI a.btn.active, #YIQI-UI a.btn.disabled, #YIQI-UI a.btn[disabled] {text-decoration: none }#YIQI-UI .btn:active, #YIQI-UI .btn.active {background-color: #ccc }#YIQI-UI .btn:first-child {*margin-left: 0 }#YIQI-UI .btn.active, #YIQI-UI .btn:active {-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.125) inset;-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.125) inset;box-shadow: 0 1px 8px rgba(0, 0, 0, 0.125) inset;}#YIQI-UI .btn-default {background-color: #e6e6e6 }#YIQI-UI .btn-default:hover, #YIQI-UI .btn-default:focus, #YIQI-UI .btn-default:active, #YIQI-UI .btn-default.active {color: #333;background-color: #c7c7c7;border-color: #c7c7c7;}#YIQI-UI .btn-primary {color: var(--color-f-fff);background-color: var(--background-lightblue);border-color: var(--background-lightblue);}#YIQI-UI .btn-primary:hover, #YIQI-UI .btn-primary:focus, #YIQI-UI .btn-primary:active, #YIQI-UI .btn-primary.active {color: var(--color-f-fff);background-color: var(--background-lightbluehover);border-color: var(--background-lightbluehover);}#YIQI-UI .btn-secondary {color: var(--color-f-fff);background-color: var(--background-skyblue);border-color: var(--background-skyblue);}#YIQI-UI .btn-secondary:hover, #YIQI-UI .btn-secondary:focus, #YIQI-UI .btn-secondary:active, #YIQI-UI .btn-secondary.active {color: var(--color-f-fff);background-color: var(--background-skybluehover);border-color: var(--background-skybluehover);}#YIQI-UI .btn-success {color: var(--color-f-fff);background-color: var(--background-green);border-color: var(--background-green);}#YIQI-UI .btn-success:hover, #YIQI-UI .btn-success:focus, #YIQI-UI .btn-success:active, #YIQI-UI .btn-success.active {color: var(--color-f-fff);background-color: var(--background-greenhover);border-color: var(--background-greenhover);}#YIQI-UI .btn-warning {color: var(--color-f-fff);background-color: var(--background-orange);border-color: var(--background-orange);}#YIQI-UI .btn-warning:hover, #YIQI-UI .btn-warning:focus, #YIQI-UI .btn-warning:active, #YIQI-UI .btn-warning.active {color: var(--color-f-fff);background-color: var(--background-orangehover);border-color: var(--background-orangehover);}#YIQI-UI .btn-danger {color: var(--color-f-fff);background-color: var(--background-red);border-color: var(--background-red);}#YIQI-UI .btn-danger:hover, #YIQI-UI .btn-danger:focus, #YIQI-UI .btn-danger:active, #YIQI-UI .btn-danger.active {color: var(--color-f-fff);background-color: var(--background-redhover);border-color: var(--background-redhover);}#YIQI-UI .btn-link {color: #0e90d2;cursor: pointer;border-color: transparent;background-color: transparent;}#YIQI-UI .btn-link:hover, #YIQI-UI .btn-link:focus, #YIQI-UI .btn-link:active, #YIQI-UI .btn-link.active {color: #095f8a;text-decoration: underline;background-color: transparent }#YIQI-UI .btn.disabled {cursor: not-allowed;background-image: none;opacity: .65;filter: alpha(opacity=65);box-shadow: none;pointer-events: none;color: #BFBFBF }#YIQI-UI .btn-yellow {color: var(--color-f-fff);cursor: pointer;border-color: var(--background-yellow);background-color: var(--background-yellow);}#YIQI-UI .btn-yellow:hover, #YIQI-UI .btn-yellow:focus, #YIQI-UI .btn-yellow:active, #YIQI-UI .btn-yellow.active {color: var(--color-f-fff);background-color: var(--background-yellowhover);border-color: var(--background-yellowhover);}#YIQI-UI .btn-green {color: var(--color-f-fff);cursor: pointer;border-color: var(--background-lightgreen);background-color: var(--background-lightgreen);}#YIQI-UI .btn-green:hover, #YIQI-UI .btn-green:focus, #YIQI-UI .btn-green:active, #YIQI-UI .btn-green.active {color: var(--color-f-fff);background-color: var(--background-lightgreenhover);border-color: var(--background-lightgreenhover);}#YIQI-UI .btn-ash {color: var(--color-f-fff);cursor: pointer;border-color: var(--background-black);background-color: var(--background-black);}#YIQI-UI .btn-ash:hover, #YIQI-UI .btn-ash:focus, #YIQI-UI .btn-ash:active, #YIQI-UI .btn-ash.active {color: var(--color-f-fff);background-color: var(--background-blackhover);border-color: var(--background-blackhover);}#YIQI-UI .btn-blue {color: var(--color-f-fff);cursor: pointer;border-color: var(--background-blue);background-color: var(--background-blue);}#YIQI-UI .btn-blue:hover, #YIQI-UI .btn-blue:focus, #YIQI-UI .btn-blue:active, #YIQI-UI .btn-blue.active {color: var(--color-f-fff);background-color: var(--background-bluehover);border-color: var(--background-bluehover);}#YIQI-UI .btn-white {color: #333;cursor: pointer;border-color: var(--background-white);background-color: var(--background-white);}#YIQI-UI .btn-white:hover, #YIQI-UI .btn-white:focus, #YIQI-UI .btn-white:active, #YIQI-UI .btn-white.active {color: #333;background-color: var(--background-whitehover);border-color: var(--background-whitehover);}#YIQI-UI .btn-primary-o {color: #5a98de;background-color: #fff;border: 1px solid #5a98de;}#YIQI-UI .btn-primary-o:hover, #YIQI-UI .btn-primary-o:focus, #YIQI-UI .btn-primary-o:active, #YIQI-UI .btn-primary-o.active {color: #fff;background-color: #5a98de;border: 1px solid #5a98de;}#YIQI-UI .btn-secondary-o {color: #3bb4f2;background-color: #fff;border: 1px solid #3bb4f2;}#YIQI-UI .btn-secondary-o:hover, #YIQI-UI .btn-secondary-o:focus, #YIQI-UI .btn-secondary-o:active, #YIQI-UI .btn-secondary-o.active {color: #fff;background-color: #0f9ae0;border: 1px solid #3bb4f2;}#YIQI-UI .btn-success-o {color: #5eb95e;background-color: #fff;border: 1px solid #5eb95e;}#YIQI-UI .btn-success-o:hover, #YIQI-UI .btn-success-o:focus, #YIQI-UI .btn-success-o:active, #YIQI-UI .btn-success-o.active {color: #fff;background-color: #429842;border: 1px solid #429842;}#YIQI-UI .btn-warning-o {color: #f37b1d;background-color: #fff;border: 1px solid #f37b1d;}#YIQI-UI .btn-warning-o:hover, #YIQI-UI .btn-warning-o:focus, #YIQI-UI .btn-warning-o:active, #YIQI-UI .btn-warning-o.active {color: #fff;background-color: #c85e0b;border: 1px solid #c85e0b;}#YIQI-UI .btn-danger-o {color: #dd514c;background-color: #fff;border: 1px solid #dd514c;}#YIQI-UI .btn-danger-o:hover, #YIQI-UI .btn-danger-o:focus, #YIQI-UI .btn-danger-o:active, #YIQI-UI .btn-danger-o.active {color: #fff;background-color: #c62b26;border: 1px solid #c62b26;}#YIQI-UI .btn-link-o {color: #0e90d2;cursor: pointer;border-color: transparent;background-color: transparent;}#YIQI-UI .btn-link-o:hover, #YIQI-UI .btn-link-o:focus, #YIQI-UI .btn-link-o:active, #YIQI-UI .btn-link-o.active {color: #095f8a;text-decoration: underline;background-color: transparent }#YIQI-UI .btn.disabled-o {cursor: not-allowed;background-image: none;color: #B5E2F7;background-color: #fff;border: 1px solid #B5E2F7;opacity: .65;filter: alpha(opacity=65);box-shadow: none;pointer-events: none;}#YIQI-UI .btn-yellow-o {color: #F0C847;background-color: #fff;border: 1px solid #F0C847;}#YIQI-UI .btn-yellow-o:hover, #YIQI-UI .btn-yellow-o:focus, #YIQI-UI .btn-yellow-o:active, #YIQI-UI .btn-yellow-o.active {color: #fff;background-color: #F0C847;border: 1px solid #F0C847;}#YIQI-UI .btn-green-o {color: #8BDA9C;background-color: #fff;border: 1px solid #8BDA9C;}#YIQI-UI .btn-green-o:hover, #YIQI-UI .btn-green-o:focus, #YIQI-UI .btn-green-o:active, #YIQI-UI .btn-green-o.active {color: #fff;background-color: #8BDA9C;border: 1px solid #8BDA9C;}#YIQI-UI .btn-ash-o {color: #595959;background-color: #fff;border: 1px solid #595959;}#YIQI-UI .btn-ash-o:hover, #YIQI-UI .btn-ash-o:focus, #YIQI-UI .btn-ash-o:active, #YIQI-UI .btn-ash-o.active {color: #fff;background-color: #595959;border: 1px solid #595959;}#YIQI-UI .btn-blue-o {color: #3795CF;background-color: #fff;border: 1px solid #3795CF;}#YIQI-UI .btn-blue-o:hover, #YIQI-UI .btn-blue-o:focus, #YIQI-UI .btn-blue-o:active, #YIQI-UI .btn-blue-o.active {color: #fff;background-color: #3795CF;border: 1px solid #3795CF;}#YIQI-UI .btn-white-o {color: #EBEDF1;background-color: #fff;border: 1px solid #EBEDF1;}#YIQI-UI .btn-white-o:hover, #YIQI-UI .btn-white-o:focus, #YIQI-UI .btn-white-o:active, #YIQI-UI .btn-white-o.active {color: #333;background-color: #EBEDF1;border: 1px solid #EBEDF1;}#YIQI-UI .btn-l {border: 1px #ddd solid;background: none;float: left;}#YIQI-UI .btn-l:hover, #YIQI-UI .btn-l:focus, #YIQI-UI .btn-l:active, #YIQI-UI .btn-l.active {color: #095f8a;text-decoration: none;background-color: #f4f4f4;}#YIQI-UI .btn-c {border: 1px #ddd solid;border-left: none;background: none;float: left;}#YIQI-UI .btn-c:hover, #YIQI-UI .btn-c:focus, #YIQI-UI .btn-c:active, #YIQI-UI .btn-c.active {color: #095f8a;text-decoration: none;background-color: #f4f4f4;}#YIQI-UI .btn-r {border: 1px #ddd solid;border-left: none;background: none;float: left;}#YIQI-UI .btn-r:hover, #YIQI-UI .btn-r:focus, #YIQI-UI .btn-r:active, #YIQI-UI .btn-r.active {color: #095f8a;text-decoration: none;background-color: #f4f4f4;}#YIQI-UI .btn-lr-4 {border-radius: 4px 0 0 4px;}#YIQI-UI .btn-lr-5 {border-radius: 5px 0 0 5px;}#YIQI-UI .btn-lr-6 {border-radius: 6px 0 0 6px;}#YIQI-UI .btn-lr-7 {border-radius: 7px 0 0 7px;}#YIQI-UI .btn-lr-8 {border-radius: 8px 0 0 8px;}#YIQI-UI .btn-lr-9 {border-radius: 9px 0 0 9px;}#YIQI-UI .btn-lr-10 {border-radius: 10px 0 0 10px;}#YIQI-UI .btn-lr-11 {border-radius: 11px 0 0 11px;}#YIQI-UI .btn-lr-12 {border-radius: 12px 0 0 12px;}#YIQI-UI .btn-lr-13 {border-radius: 13px 0 0 13px;}#YIQI-UI .btn-lr-14 {border-radius: 14px 0 0 14px;}#YIQI-UI .btn-lr-15 {border-radius: 15px 0 0 15px;}#YIQI-UI .btn-rr-4 {border-radius: 0 4px 4px 0;}#YIQI-UI .btn-rr-5 {border-radius: 0 5px 5px 0;}#YIQI-UI .btn-rr-6 {border-radius: 0 6px 6px 0;}#YIQI-UI .btn-rr-7 {border-radius: 0 7px 7px 0;}#YIQI-UI .btn-rr-8 {border-radius: 0 8px 8px 0;}#YIQI-UI .btn-rr-9 {border-radius: 0 9px 9px 0;}#YIQI-UI .btn-rr-10 {border-radius: 0 10px 10px 0;}#YIQI-UI .btn-rr-11 {border-radius: 0 11px 11px 0;}#YIQI-UI .btn-rr-12 {border-radius: 0 12px 12px 0;}#YIQI-UI .btn-rr-13 {border-radius: 0 13px 13px 0;}#YIQI-UI .btn-rr-14 {border-radius: 0 14px 14px 0;}#YIQI-UI .btn-rr-15 {border-radius: 0 15px 15px 0;}#YIQI-UI .maximg {max-width: 100%;}#YIQI-UI .maximg img {max-width: 100%;}#YIQI-UI .maximg a img {max-width: 100%;}#YIQI-UI .img-w20 {width: 20px;height: 20px;}#YIQI-UI .img-w20 img {width: 20px;height: 20px;}#YIQI-UI .img-w25 {width: 25px;height: 25px;}#YIQI-UI .img-w25 img {width: 25px;height: 25px;}#YIQI-UI .img-w30 {width: 30px;height: 30px;}#YIQI-UI .img-w30 img {width: 30px;height: 30px;}#YIQI-UI .img-w40 {width: 40px;height: 40px;}#YIQI-UI .img-w40 img {width: 40px;height: 40px;}#YIQI-UI .img-w50 {width: 50px;height: 50px;}#YIQI-UI .img-w50 img {width: 50px;height: 50px;}#YIQI-UI .img-w60 {width: 60px;height: 60px;}#YIQI-UI .img-w60 img {width: 60px;height: 60px;}#YIQI-UI .img-w80 {width: 80px;height: 80px;}#YIQI-UI .img-w80 img {width: 80px;height: 80px;}#YIQI-UI .img-w100 {width: 100px;height: 100px;}#YIQI-UI .img-w100 img {width: 100px;height: 100px;}#YIQI-UI .img-w120 {width: 120px;height: 120px;}#YIQI-UI .img-w120 img {width: 120px;height: 120px;}#YIQI-UI .img-w150 {width: 150px;height: 150px;}#YIQI-UI .img-w150 img {width: 150px;height: 150px;}#YIQI-UI .img-w200 {width: 200px;height: 200px;}#YIQI-UI .img-w200 img {width: 200px;height: 200px;}#YIQI-UI .img-w250 {width: 250px;height: 250px;}#YIQI-UI .img-w250 img {width: 250px;height: 250px;}#YIQI-UI .img-w300 {width: 300px;height: 300px;}#YIQI-UI .img-w300 img {width: 300px;height: 300px;}#YIQI-UI .img-p-5 {padding: 5px;border: 1px #DDD solid;}#YIQI-UI .img-p-10 {padding: 10px;border: 1px #DDD solid;}#YIQI-UI .img-p-15 {padding: 15px;border: 1px #DDD solid;}#YIQI-UI .img-p-20 {padding: 20px;border: 1px #DDD solid;}#YIQI-UI .img-p-25 {padding: 25px;border: 1px #DDD solid;}#YIQI-UI .imgtrans img {cursor: pointer;transition: all 0.6s;}#YIQI-UI .imgtrans img:hover {transform: scale(1.4);}#YIQI-UI .btn-upload {position: relative;display: inline-block;height: 36px;*display: inline;overflow: hidden;vertical-align: middle;cursor: pointer }#YIQI-UI .upload-url {cursor: pointer }#YIQI-UI .input-file {position: absolute;right: 0;top: 0;cursor: pointer;z-index: 1;font-size: 30em;*font-size: 30px;opacity: 0;filter: alpha(opacity=0) }#YIQI-UI .btn-upload .input-text {width: auto;}#YIQI-UI .form-group .upload-btn {margin-left: -1px;}.input-text, .textarea {box-sizing: border-box;border: solid 1px #dddddd;width: 100%;-webkit-transition: all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;height: auto;font-size: 14px;padding: 4px;}.inputhover:hover {border: solid 1px #f4f4f4;background:#eee;}.input-text.focus, textarea.focus {border: solid 1px #0f9ae0 \9;border-color: rgba(82, 168, 236, 0.8);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6) }.input-text.disabled, .textarea.disabled, .input-text.disabled.focus, .textarea.disabled.focus {background-color: #ededed;cursor: default;border-color: #ddd;-webkit-box-shadow: inset 0 2px 2px #e8e7e7;-moz-box-shadow: inset 0 2px 2px #e8e7e7;box-shadow: inset 0 2px 2px #e8e7e7 }.input-text.disabled, .textarea.disabled {background-color: #e6e6e6;cursor: default }.input-text.box-shadow, .textarea.box-shadow {-ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) }#YIQI-UI .table {width: 100%;empty-cells: show;background-color: transparent;border-collapse: collapse;border-spacing: 0 }#YIQI-UI .table th {text-align: left;font-weight: 400 }#YIQI-UI .table th {font-weight: bold }#YIQI-UI .table th, #YIQI-UI .table td {padding: 8px;line-height: 20px;word-break: break-all }#YIQI-UI .table td {text-align: left }#YIQI-UI .table-border {border-top: 1px solid #ddd }#YIQI-UI .table-border th, #YIQI-UI .table-border td {border-bottom: 1px solid #ddd }#YIQI-UI .table-bordered {border: 1px solid #ddd;border-collapse: separate;*border-collapse: collapse;border-left: 0 }#YIQI-UI .table-bordered th, #YIQI-UI .table-bordered td {border-left: 1px solid #ddd }#YIQI-UI .table tbody tr.success>td {background-color: #dff0d8 }#YIQI-UI .table tbody tr.error>td {background-color: #f2dede }#YIQI-UI .table tbody tr.warning>td {background-color: #fcf8e3 }#YIQI-UI .table tbody tr.info>td {background-color: #d9edf7 }#YIQI-UI .table tbody+tbody {border-top: 2px solid #ddd }#YIQI-UI .table .table {background-color: #fff }#YIQI-UI .table-border {border-top: 1px solid #ddd }#YIQI-UI .table-border th, #YIQI-UI .table-border td {border-bottom: 1px solid #ddd }#YIQI-UI .table-bg thead th {background-color: #f4f4f4 }#YIQI-UI .table-bordered {border: 1px solid #ddd;border-collapse: separate;*border-collapse: collapse;border-left: 0 }#YIQI-UI .table-bordered th, #YIQI-UI .table-bordered td {border-left: 1px solid #ddd }#YIQI-UI .table-border.table-bordered {border-bottom: 0 }#YIQI-UI .table-striped tbody>tr:nth-child(odd)>td, #YIQI-UI .table-striped tbody>tr:nth-child(odd)>th {background-color: #f9f9f9 }#YIQI-UI .table-condensed th, #YIQI-UI .table-condensed td {padding: 4px 5px;}#YIQI-UI .table-hover tbody tr:hover td, #YIQI-UI .table-hover tbody tr:hover th {background-color: #f5f5f5 }#YIQI-UI .table tbody tr.active, #YIQI-UI .table tbody tr.active>td, #YIQI-UI .table tbody tr.active>th, #YIQI-UI .table tbody tr .active {background-color: #F5F5F5 !important }#YIQI-UI .table tbody tr.success, #YIQI-UI .table tbody tr.success>td, #YIQI-UI .table tbody tr.success>th, #YIQI-UI .table tbody tr .success {background-color: #DFF0D8 !important }#YIQI-UI .table tbody tr.warning, #YIQI-UI .table tbody tr.warning>td, #YIQI-UI .table tbody tr.warning>th, #YIQI-UI .table tbody tr .warning {background-color: #FCF8E3 !important }#YIQI-UI .table tbody tr.danger, #YIQI-UI .table tbody tr.danger>td, #YIQI-UI .table tbody tr.danger>th, #YIQI-UI .table tbody tr .danger {background-color: #F2DEDE !important }#YIQI-UI .table .text-c th, #YIQI-UI .table .text-c td {text-align: center }#YIQI-UI .table .text-r th, #YIQI-UI .table .text-r td {text-align: right }#YIQI-UI .table th.text-l, #YIQI-UI .table td.text-l {text-align: left !important }#YIQI-UI .table th.text-c, #YIQI-UI .table td.text-c {text-align: center !important }#YIQI-UI .table th.text-r, #YIQI-UI .table td.text-r {text-align: right !important }#YIQI-UI .docs-example {position: relative;margin: 15px 0;padding: 39px 19px 14px;*position: static;*padding-top: 19px;background-color: #fff;border: 1px solid #ddd;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}#YIQI-UI .docs-example:after {content: "Quote";position: absolute;top: -1px;left: -1px;*position: static;padding: 3px 7px;font-size: 12px;font-weight: bold;background-color: #f5f5f5;border: 1px solid #ddd;color: #9da0a4;-webkit-border-radius: 4px 0 4px 0;-moz-border-radius: 4px 0 4px 0;border-radius: 4px 0 4px 0 }#YIQI-UI .label, #YIQI-UI .badge {display: inline-block;padding: 5px 5px;font-size: 12px;line-height: 14px;color: #fff;white-space: nowrap;vertical-align: baseline;background-color: #999 }#YIQI-UI .label.radius {border-radius: 3px;}#YIQI-UI .badge {padding-right: 9px;padding-left: 9px;border-radius: 15px;}#YIQI-UI .label:empty, #YIQI-UI .badge:empty {display: none }a.label:hover, a.label:focus, a.badge:hover, a.badge:focus {color: #fff;text-decoration: none;cursor: pointer }#YIQI-UI .label-default, #YIQI-UI .badge-default {background-color: #e6e6e6;color: #333;}#YIQI-UI .label-default[href], #YIQI-UI .badge-default[href] {background-color: #e6e6e6;color: #333;}#YIQI-UI .label-primary, #YIQI-UI .badge-primary {background-color: #5a98de }#YIQI-UI .label-primary[href], #YIQI-UI .badge-primary[href] {background-color: #5a98de }#YIQI-UI .label-secondary, #YIQI-UI .badge-secondary {background-color: #3bb4f2 }#YIQI-UI .label-secondary[href], #YIQI-UI .badge-secondary[href] {background-color: #3bb4f2 }#YIQI-UI .label-success, #YIQI-UI .badge-success {background-color: #5eb95e }#YIQI-UI .label-success[href], #YIQI-UI .badge-success[href] {background-color: #5eb95e }#YIQI-UI .label-warning, #YIQI-UI .badge-warning {background-color: #f37b1d }#YIQI-UI .label-warning[href], #YIQI-UI .badge-warning[href] {background-color: #f37b1d }#YIQI-UI .label-danger, #YIQI-UI .badge-danger {background-color: #dd514c }#YIQI-UI .label-danger[href], #YIQI-UI .badge-danger[href] {background-color: #dd514c }#YIQI-UI .pos-r {position: relative;}#YIQI-UI .pos-a {position: absolute;}#YIQI-UI .pos-f {position: fixed;}.commentList .item {list-style: none outside none;margin: 1.6rem 0 0 }.commentList .avatar {border: 1px solid transparent;float: left }.comment-main {position: relative;margin-left: 84px;border: 1px solid #dedede;border-radius: 2px;}.comment-main:before, .comment-main:after {position: absolute;top: 20px;left: -16px;right: 100%;width: 0;height: 0;display: block;content: " ";border-color: transparent;border-style: solid solid outset;pointer-events: none }.comment-main:before {border-right-color: #dedede;border-width: 8px;}.comment-main:after {border-width: 7px;border-right-color: #f8f8f8;margin-top: 1px;margin-left: 2px;}.comment-header {padding: 10px 15px;background: #f8f8f8;border-bottom: 1px solid #eee }.comment-title {margin: 0 0 8px 0;font-size: 1.6rem;line-height: 1.2 }.comment-meta {font-size: 13px;color: #999;line-height: 1.2 }.comment-meta a {color: #999 }.comment-author {font-weight: 700;color: #999 }.comment-body {padding: 15px;overflow: hidden;}.comment-body>:last-child {margin-bottom: 0 }.commentList .comment-flip .avatar {float: right }.comment-flip .comment-main {margin-left: 0;margin-right: 84px;}.comment-flip .comment-main:before {border-left-color: #dedede;border-right-color: transparent }.comment-flip .comment-main:before, .comment-flip .comment-main:after {left: 100%;position: absolute;right: -16px;}.comment-flip .comment-main:after {border-left-color: #f8f8f8;border-right-color: transparent;margin-left: auto;margin-right: 2px;}#YIQI-UI pre {display: block;font-family: Monaco, Menlo, Consolas, "Courier New", monospace;padding: 9.5px;margin-bottom: 10px;font-size: 12px;line-height: 20px;word-break: break-all;word-wrap: break-word;white-space: pre;white-space: pre-wrap;background-color: #f5f5f5;border: 1px solid #ccc;border-radius: 4px;color: #333 }#YIQI-UI .prettyprint {margin-bottom: 20px;padding: 8px;background-color: #f7f7f9;border: 1px solid #e1e1e8 }#YIQI-UI .prettyprint .com {color: #998;font-style: italic;}#YIQI-UI .prettyprint .tag {color: #007 }#YIQI-UI .prettyprint .lit {color: #195f91 }#YIQI-UI .prettyprint .pun, #YIQI-UI .prettyprint .opn, #YIQI-UI .prettyprint .clo {color: #93a1a1 }#YIQI-UI .prettyprint .fun {color: #dc322f }#YIQI-UI .prettyprint .str, #YIQI-UI .prettyprint .atv {color: #D14 }#YIQI-UI .prettyprint .kwd, #YIQI-UI .prettyprint .prettyprint .tag {color: #1e347b }#YIQI-UI .prettyprint .typ, #YIQI-UI .prettyprint .atn, #YIQI-UI .prettyprint .dec, #YIQI-UI .prettyprint .var {color: teal }#YIQI-UI .prettyprint .pln {color: #48484c }#YIQI-UI .prettyprint.linenums {box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0 }#YIQI-UI .pre-scrollable {max-height: 340px;overflow-y: scroll }#YIQI-UI pre ol.linenums {list-style: decimal outside none;margin: 0 0 0 33px;}#YIQI-UI pre ol.linenums li {padding-left: 12px;color: #bbb;line-height: 18px;text-shadow: 0 1px 0 #fff;list-style: decimal outside none;}#YIQI-UI .select {display: inline-block;position: relative;vertical-align: middle;padding: 0;overflow: hidden;background-color: #fff;color: #555;border: 1px solid #ddd;text-shadow: none;border-radius: 4px;transition: box-shadow 0.25s ease;z-index: 2;width: 100%;}#YIQI-UI .select:hover {box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);}#YIQI-UI .select:before {content: "";position: absolute;width: 0;height: 0;border: 10px solid transparent;border-top-color: #ddd;top: 14px;right: 10px;cursor: pointer;z-index: -2;}#YIQI-UI .select select {cursor: pointer;padding: 10px;width: 100%;border: none;background: transparent;background-image: none;-webkit-appearance: none;-moz-appearance: none;}#YIQI-UI .select select:focus {outline: none;}#YIQI-UI .w5 {width: 5%;box-sizing: border-box;}#YIQI-UI .w10 {width: 10%;box-sizing: border-box;}#YIQI-UI .w15 {width: 15%;box-sizing: border-box;}#YIQI-UI .w20 {width: 20%;box-sizing: border-box;}#YIQI-UI .w25 {width: 25%;box-sizing: border-box;}#YIQI-UI .w30 {width: 30%;box-sizing: border-box;}#YIQI-UI .w33 {width: 33.33%;box-sizing: border-box;}#YIQI-UI .w35 {width: 35%;box-sizing: border-box;}#YIQI-UI .w40 {width: 40%;box-sizing: border-box;}#YIQI-UI .w45 {width: 45%;box-sizing: border-box;}#YIQI-UI .w50 {width: 50%;box-sizing: border-box;}#YIQI-UI .w55 {width: 55%;box-sizing: border-box;}#YIQI-UI .w60 {width: 60%;box-sizing: border-box;}#YIQI-UI .w65 {width: 65%;box-sizing: border-box;}#YIQI-UI .w70 {width: 70%;box-sizing: border-box;}#YIQI-UI .w75 {width: 75%;box-sizing: border-box;}#YIQI-UI .w80 {width: 80%;box-sizing: border-box;}#YIQI-UI .w85 {width: 85%;box-sizing: border-box;}#YIQI-UI .w90 {width: 90%;box-sizing: border-box;}#YIQI-UI .w95 {width: 95%;box-sizing: border-box;}#YIQI-UI .w100 {width: 100%;box-sizing: border-box;}#YIQI-UI .lightblue{background-color: var(--background-lightblue);}#YIQI-UI .skyblue{background-color: var(--background-skyblue);}#YIQI-UI .green{background-color: var(--background-green);}#YIQI-UI .orange{background-color: var(--background-orange);}#YIQI-UI .red{background-color: var(--background-red);}#YIQI-UI .yellow{background-color: var(--background-yellow);}#YIQI-UI .lightgreen{background-color: var(--background-lightgreen);}#YIQI-UI .black{background-color: var(--background-black);}#YIQI-UI .blue{background-color: var(--background-blue);}#YIQI-UI .white{background-color: var(--background-white);}#YIQI-UI .progress{--bs-progress-height: 1rem;--bs-progress-font-size: 0.75rem;--bs-progress-bg: #e9ecef;--bs-progress-border-radius: var(--bs-border-radius);--bs-progress-box-shadow: var(--bs-box-shadow-inset);--bs-progress-bar-color: #fff;--bs-progress-bar-transition: width 0.6s ease;display: flex;height: var(--bs-progress-height);overflow: hidden;font-size: var(--bs-progress-font-size);background-color: var(--bs-progress-bg);}#YIQI-UI .progress .progress-bar{display: flex;flex-direction: column;justify-content: center;overflow: hidden;color: var(--bs-progress-bar-color);text-align: center;white-space: nowrap;transition: var(--bs-progress-bar-transition);}#YIQI-UI .progress .progress-bar-striped{background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size: var(--bs-progress-height) var(--bs-progress-height);}#YIQI-UI .progress .progress-bar-animated{animation:1s linear infinite progress-bar-stripes;}#YIQI-UI .progress .progress-bar-animated2{animation: 5s linear infinite moveRight;animation-timing-function: ease-in-out;}@keyframes moveRight {from {transform: translateX(-100%);}to {transform: translateX(100%);}}@keyframes progress-bar-stripes{0%{background-position-x:1rem;}}#YIQI-UI .spinner-border {--bs-spinner-width: 2rem;--bs-spinner-height: 2rem;--bs-spinner-vertical-align: -0.125em;--bs-spinner-border-width: 0.35em;--bs-spinner-animation-speed: 0.75s;--bs-spinner-animation-name: spinner-border;border: var(--bs-spinner-border-width) solid currentcolor;border-right-color: transparent;display: inline-block;width: var(--bs-spinner-width);height: var(--bs-spinner-height);vertical-align: var(--bs-spinner-vertical-align);border-radius: 50%;animation: var(--bs-spinner-animation-speed) linear infinite spinner-border;}@keyframes spinner-border {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}#YIQI-UI .spinner-border .visually-hidden {position: absolute!important;width: 1px!important;height: 1px!important;padding: 0!important;margin: -1px!important;overflow: hidden!important;clip: rect(0,0,0,0)!important;white-space: nowrap!important;border: 0!important;}.spinner-grow {--bs-spinner-width: 2rem;--bs-spinner-height: 2rem;--bs-spinner-vertical-align: -0.125em;--bs-spinner-animation-speed: 0.75s;--bs-spinner-animation-name: spinner-grow;opacity: 0;display: inline-block;width: var(--bs-spinner-width);height: var(--bs-spinner-height);vertical-align: var(--bs-spinner-vertical-align);border-radius: 50%;animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);}@keyframes spinner-grow{0%{transform:scale(0) }50%{opacity:1;transform:none }}#YIQI-UI .alert-primary {background: var(--background-lightblue);border:1px solid var(--background-lightbluehover);}#YIQI-UI .alert-secondary {background: var(--background-skyblue);border:1px solid var(--background-skybluehover);}#YIQI-UI .alert-success {background: var(--background-green);border:1px solid var(--background-greenhover);}#YIQI-UI .alert-warning {background: var(--background-orange);border:1px solid var(--background-orangehover);}#YIQI-UI .alert-danger {background: var(--background-red);border:1px solid var(--background-redhover);}#YIQI-UI .alert-yellow {background: var(--background-yellow);border:1px solid var(--background-yellowhover);}#YIQI-UI .alert-green {background: var(--background-lightgreen);border:1px solid var(--background-lightgreenhover);}#YIQI-UI .alert-ash {background: var(--background-black);border:1px solid var(--background-blackhover);}#YIQI-UI .alert-blue {background: var(--background-blue);border:1px solid var(--background-bluehover);}#YIQI-UI .alert-white {background: var(--background-white);border:1px solid var(--background-whitehover);}.button{width: 140px;line-height: 38px;text-align: center;font-weight: bold;color: #fff;text-shadow:1px 1px 1px #333;border-radius: 5px;position: relative;overflow: hidden;}.button:nth-child(6n){margin-right: 0;}.button.gray{color: #8c96a0;text-shadow:1px 1px 1px #fff;border:1px solid #dce1e6;box-shadow: 0 1px 2px #fff inset,0 -1px 0 #a8abae inset;background: -webkit-linear-gradient(top,#f2f3f7,#e4e8ec);background: -moz-linear-gradient(top,#f2f3f7,#e4e8ec);background: linear-gradient(top,#f2f3f7,#e4e8ec);}.button.black{border:1px solid #333;box-shadow: 0 1px 2px #8b8b8b inset,0 -1px 0 #3d3d3d inset,0 -2px 3px #8b8b8b inset;background: -webkit-linear-gradient(top,#656565,#4c4c4c);background: -moz-linear-gradient(top,#656565,#4a4a4a);background: linear-gradient(top,#656565,#4a4a4a);}.button.red{border:1px solid #b42323;box-shadow: 0 1px 2px #e99494 inset,0 -1px 0 #954b4b inset,0 -2px 3px #e99494 inset;background: -webkit-linear-gradient(top,#d53939,#b92929);background: -moz-linear-gradient(top,#d53939,#b92929);background: linear-gradient(top,#d53939,#b92929);}.button.yellow{border:1px solid #d2a000;box-shadow: 0 1px 2px #fedd71 inset,0 -1px 0 #a38b39 inset,0 -2px 3px #fedd71 inset;background: -webkit-linear-gradient(top,#fece34,#d8a605);background: -moz-linear-gradient(top,#fece34,#d8a605);background: linear-gradient(top,#fece34,#d8a605);}.button.green{border:1px solid #64c878;box-shadow: 0 1px 2px #b9ecc4 inset,0 -1px 0 #6c9f76 inset,0 -2px 3px #b9ecc4 inset;background: -webkit-linear-gradient(top,#90dfa2,#84d494);background: -moz-linear-gradient(top,#90dfa2,#84d494);background: linear-gradient(top,#90dfa2,#84d494);}.button.blue{border:1px solid #1e7db9;box-shadow: 0 1px 2px #8fcaee inset,0 -1px 0 #497897 inset,0 -2px 3px #8fcaee inset;background: -webkit-linear-gradient(top,#42a4e0,#2e88c0);background: -moz-linear-gradient(top,#42a4e0,#2e88c0);background: linear-gradient(top,#42a4e0,#2e88c0);}.round, .side, .tags{padding-right: 30px;}.round:after{position: absolute;display: inline-block;content: "\003c";top:50%;right:10px;margin-top: -10px;width: 17px;height: 20px;padding-left: 3px;line-height:18px;font-size: 10px;font-weight: normal;border-radius: 10px;text-shadow:-2px 0 1px #333;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg);}.gray.round:after{box-shadow:1px 0 1px rgba(255,255,255,1) inset,1px 0 1px rgba(0,0,0,.2);background:-webkit-linear-gradient(top,#dce1e6,#dde2e7);background:-moz-linear-gradient(top,#dce1e6,#dde2e7);background:linear-gradient(top,#dce1e6,#dde2e7);text-shadow:-2px 0 1px #fff;}.black.round:after{box-shadow:1px 0 1px rgba(255,255,255,.5) inset,1px 0 1px rgba(0,0,0,.9);background:-webkit-linear-gradient(top,#333,#454545);background:-moz-linear-gradient(top,#333,#454545);background:linear-gradient(top,#333,#454545);}.red.round:after{box-shadow:1px 0 1px rgba(255,255,255,.6) inset,1px 0 1px rgba(130,25,25,.9);background:-webkit-linear-gradient(top,#b12222,#b42323);background:-moz-linear-gradient(top,#b12222,#b42323);background:linear-gradient(top,#b12222,#b42323);}.yellow.round:after{box-shadow:1px 0 1px rgba(255,255,255,.8) inset,1px 0 1px rgba(148,131,4,.9);background:-webkit-linear-gradient(top,#cf9d00,#d2a000);background:-moz-linear-gradient(top,#cf9d00,#d2a000);background:linear-gradient(top,#cf9d00,#d2a000);}.green.round:after{box-shadow:1px 0 1px rgba(255,255,255,.8) inset,1px 0 1px rgba(51,126,66,.9);background:-webkit-linear-gradient(top,#64c878,#6dcb80);background:-moz-linear-gradient(top,#64c878,#6dcb80);background:linear-gradient(top,#64c878,#6dcb80);}.blue.round:after{box-shadow:1px 0 1px rgba(255,255,255,.8) inset,1px 0 1px rgba(18,85,128,.9);background:-webkit-linear-gradient(top,#1e7db9,#2b85bd);background:-moz-linear-gradient(top,#1e7db9,#2b85bd);background:linear-gradient(top,#1e7db9,#2b85bd);}.side:after{position: absolute;display: inline-block;content: "\00bb";top:3px;right:-4px;width: 38px;height:30px;font-weight: normal;line-height: 26px;border-radius:0 0 5px 5px;text-shadow:-2px 0 1px #333;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg);}.gray.side:after{text-shadow:-2px 0 1px #fff;border-top: 1px solid #d4d4d4;box-shadow:-2px 0 1px #eceef1 inset;background:-webkit-linear-gradient(right,#e1e6ea,#f2f2f6 60%);background:-moz-linear-gradient(right,#e1e6ea,#f2f2f6 60%);background:linear-gradient(right,#e1e6ea,#f2f2f6 60%);}.black.side:after{border-top: 1px solid #222;box-shadow:-2px 0 1px #606060 inset;background:-webkit-linear-gradient(right,#373737,#555 60%);background:-moz-linear-gradient(right,#373737,#555 60%);background:linear-gradient(right,#373737,#555 60%);}.red.side:after{border-top: 1px solid #aa1e1e;box-shadow:-2px 0 1px #c75959 inset;background:-webkit-linear-gradient(right,#b82929,#d73f3f 60%);background:-moz-linear-gradient(top,#b82929,#d73f3f 60%);background:linear-gradient(top,#b82929,#d73f3f 60%);}.yellow.side:after{border-top: 1px solid #ba8f06;box-shadow:-2px 0 1px #deb842 inset;background:-webkit-linear-gradient(right,#d5a406,#fdc40b 60%);background:-moz-linear-gradient(right,#d5a406,#fdc40b 60%);background:linear-gradient(right,#d5a406,#fdc40b 60%);}.green.side:after{border-top: 1px solid #53b567;box-shadow:-2px 0 1px #8ad599 inset;background:-webkit-linear-gradient(right,#69ca7c,#91e5a5 60%);background:-moz-linear-gradient(right,#69ca7c,#91e5a5 60%);background:linear-gradient(right,#69ca7c,#91e5a5 60%);}.blue.side:after{border-top: 1px solid #1971a8;box-shadow:-2px 0 1px #559dca inset;background:-webkit-linear-gradient(right,#2482bd,#3fa2e0 60%);background:-moz-linear-gradient(right,#2482bd,#3fa2e0 60%);background:linear-gradient(right,#2482bd,#3fa2e0 60%);}.tags:after{font-weight: normal;position: absolute;display: inline-block;content: "FREE";top:-3px;right: -33px;color: #fff;text-shadow:none;width: 85px;height:25px;line-height: 28px;-webkit-transform:rotate(45deg) scale(.7,.7);-moz-transform:rotate(45deg) scale(.7,.7);transform:rotate(45deg) scale(.7,.7);}.gray.tags:after{background: #8c96a0;border:2px solid #fff;}.black.tags:after{background: #333;border:2px solid #777;}.red.tags:after{background: #b42323;border:2px solid #df4141;}.yellow.tags:after{background: #d2a000;border:2px solid #fcc100;}.green.tags:after{background: #64c878;border:2px solid #9bebac;}.blue.tags:after{background: #1e7db9;border:2px solid #54b1e9;}.button.rarrow, .button.larrow{overflow:visible;}.rarrow:after, .rarrow:before, .larrow:after, .larrow:before{position:absolute;content: "";display: block;width: 28px;height: 28px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}.rarrow:before{width: 27px;height: 27px;top: 6px;right: -13px;clip: rect(auto auto 26px 2px);}.rarrow:after{top: 6px;right: -12px;clip: rect(auto auto 26px 2px);}.gray.rarrow:before{background: #d6dbe0;}.gray.rarrow:after{box-shadow: 0 1px 0 #fff inset,-1px 0 0 #b7babd inset;background:-webkit-linear-gradient(top left,#f2f3f7,#e4e8ec);background:-moz-linear-gradient(top left,#f2f3f7,#e4e8ec);background:linear-gradient(top left,#f2f3f7,#e4e8ec);}.black.rarrow:before{background: #333;}.black.rarrow:after{box-shadow: 0 1px 0 #8B8B8B inset,-1px 0 0 #3d3d3d inset,-2px 0 0 #8B8B8B inset;background:-webkit-linear-gradient(top left,#656565,#4C4C4C);background:-moz-linear-gradient(top left,#656565,#4C4C4C);background:linear-gradient(top left,#656565,#4C4C4C);}.red.rarrow:before{background: #B42323;}.red.rarrow:after{box-shadow: 0 1px 0 #E99494 inset,-1px 0 0 #954B4B inset,-2px 0 0 #E99494 inset;background:-webkit-linear-gradient(top left,#D53939,#B92929);background:-moz-linear-gradient(top left,#D53939,#B92929);background:linear-gradient(top left,#D53939,#B92929);}.yellow.rarrow:before{background: #D2A000;}.yellow.rarrow:after{box-shadow: 0 1px 0 #FEDD71 inset,-1px 0 0 #A38B39 inset,-2px 0 0 #FEDD71 inset;background:-webkit-linear-gradient(top left,#FECE34,#D8A605);background:-moz-linear-gradient(top left,#FECE34,#D8A605);background:linear-gradient(top left,#FECE34,#D8A605);}.green.rarrow:before{background: #64C878;}.green.rarrow:after{box-shadow: 0 1px 0 #B9ECC4 inset,-1px 0 0 #6C9F76 inset,-2px 0 0 #B9ECC4 inset;background:-webkit-linear-gradient(top left,#90DFA2,#84D494);background:-moz-linear-gradient(top left,#90DFA2,#84D494);background:linear-gradient(top left,#90DFA2,#84D494);}.blue.rarrow:before{background: #1E7DB9;}.blue.rarrow:after{box-shadow: 0 1px 0 #8FCAEE inset,-1px 0 0 #497897 inset,-2px 0 0 #8FCAEE inset;background:-webkit-linear-gradient(top left,#42A4E0,#2E88C0);background:-moz-linear-gradient(top left,#42A4E0,#2E88C0);background:linear-gradient(top left,#42A4E0,#2E88C0);}.larrow:before{top: 6px;left: -13px;width: 27px;height: 27px;clip: rect(2px 26px auto auto);}.larrow:after{top: 6px;left: -12px;clip: rect(2px 26px auto auto);}.gray.larrow:before{background: #d6dbe0;}.gray.larrow:after{box-shadow: 0 -1px 0 #b7babd inset,1px 0 0 #fff inset;background:-webkit-linear-gradient(top left,#f2f3f7,#e4e8ec);background:-moz-linear-gradient(top left,#f2f3f7,#e4e8ec);background:linear-gradient(top left,#f2f3f7,#e4e8ec);}.black.larrow:before{background: #333;}.black.larrow:after{box-shadow: 0 -1px 0 #3d3d3d inset,0 -2px 0 #8B8B8B inset,1px 0 0 #8B8B8B inset;background:-webkit-linear-gradient(top left,#656565,#4C4C4C);background:-moz-linear-gradient(top left,#656565,#4C4C4C);background:linear-gradient(top left,#656565,#4C4C4C);}.red.larrow:before{background: #B42323;}.red.larrow:after{box-shadow: 0 -1px 0 #954B4B inset,0 -2px 0 #E99494 inset,1px 0 0 #E99494 inset;background:-webkit-linear-gradient(top left,#D53939,#B92929);background:-moz-linear-gradient(top left,#D53939,#B92929);background:linear-gradient(top left,#D53939,#B92929);}.yellow.larrow:before{background: #D2A000;}.yellow.larrow:after{box-shadow: 0 -1px 0 #A38B39 inset,0 -2px 0 #FEDD71 inset,1px 0 0 #FEDD71 inset;background:-webkit-linear-gradient(top left,#FECE34,#D8A605);background:-moz-linear-gradient(top left,#FECE34,#D8A605);background:linear-gradient(top left,#FECE34,#D8A605);}.green.larrow:before{background: #64C878;}.green.larrow:after{box-shadow: 0 -1px 0 #6C9F76 inset,0 -2px 0 #B9ECC4 inset,1px 0 0 #B9ECC4 inset;background:-webkit-linear-gradient(top left,#90DFA2,#84D494);background:-moz-linear-gradient(top left,#90DFA2,#84D494);background:linear-gradient(top left,#90DFA2,#84D494);}.blue.larrow:before{background: #1E7DB9;}.blue.larrow:after{box-shadow: 0 -1px 0 #497897 inset,0 -2px 0 #8FCAEE inset,1px 0 0 #8FCAEE inset;background:-webkit-linear-gradient(top left,#42A4E0,#2E88C0);background:-moz-linear-gradient(top left,#42A4E0,#2E88C0);background:linear-gradient(top left,#42A4E0,#2E88C0);}.gray:hover{background: -webkit-linear-gradient(top,#fefefe,#ebeced);background: -moz-linear-gradient(top,#f2f3f7,#ebeced);background: linear-gradient(top,#f2f3f7,#ebeced);}.black:hover{background: -webkit-linear-gradient(top,#818181,#575757);background: -moz-linear-gradient(top,#818181,#575757);background: linear-gradient(top,#818181,#575757);}.red:hover{background: -webkit-linear-gradient(top,#eb6f6f,#c83c3c);background: -moz-linear-gradient(top,#eb6f6f,#c83c3c);background: linear-gradient(top,#eb6f6f,#c83c3c);}.yellow:hover{background: -webkit-linear-gradient(top,#ffd859,#e3bb38);background: -moz-linear-gradient(top,#ffd859,#e3bb38);background: linear-gradient(top,#ffd859,#e3bb38);}.green:hover{background: -webkit-linear-gradient(top,#aaebb9,#82d392);background: -moz-linear-gradient(top,#aaebb9,#82d392);background: linear-gradient(top,#aaebb9,#82d392);}.blue:hover{background: -webkit-linear-gradient(top,#70bfef,#4097ce);background: -moz-linear-gradient(top,#70bfef,#4097ce);background: linear-gradient(top,#70bfef,#4097ce);}.gray:active{top:1px;box-shadow: 0 1px 3px #a8abae inset,0 3px 0 #fff;background: -webkit-linear-gradient(top,#e4e8ec,#e4e8ec);background: -moz-linear-gradient(top,#e4e8ec,#e4e8ec);background: linear-gradient(top,#e4e8ec,#e4e8ec);}.black:active{top:1px;box-shadow: 0 1px 3px #111 inset,0 3px 0 #fff;background: -webkit-linear-gradient(top,#424242,#575757);background: -moz-linear-gradient(top,#424242,#575757);background: linear-gradient(top,#424242,#575757);}.red:active{top:1px;box-shadow: 0 1px 3px #5b0505 inset,0 3px 0 #fff;background: -webkit-linear-gradient(top,#b11a1a,#bf2626);background: -moz-linear-gradient(top,#b11a1a,#bf2626);background: linear-gradient(top,#b11a1a,#bf2626);}.yellow:active{top:1px;box-shadow: 0 1px 3px #816b1f inset,0 3px 0 #fff;background: -webkit-linear-gradient(top,#d3a203,#dba907);background: -moz-linear-gradient(top,#d3a203,#dba907);background: linear-gradient(top,#d3a203,#dba907);}.green:active{top:1px;box-shadow: 0 1px 3px #4d7254 inset,0 3px 0 #fff;background: -webkit-linear-gradient(top,#5eac6e,#72b37e);background: -moz-linear-gradient(top,#5eac6e,#72b37e);background: linear-gradient(top,#5eac6e,#72b37e);}.blue:active{top:1px;box-shadow: 0 1px 3px #114566 inset,0 3px 0 #fff;background: -webkit-linear-gradient(top,#1a71a8,#1976b1);background: -moz-linear-gradient(top,#1a71a8,#1976b1);background: linear-gradient(top,#1a71a8,#1976b1);}.gray.side:hover:after{background:-webkit-linear-gradient(right,#e7ebee,#f8f8f8 60%);background:-moz-linear-gradient(right,#e7ebee,#f8f8f8 60%);background:linear-gradient(right,#e7ebee,#f8f8f8 60%);}.black.side:hover:after{background:-webkit-linear-gradient(right,#555,#6f6f6f 60%);background:-moz-linear-gradient(right,#555,#6f6f6f 60%);background:linear-gradient(right,#555,#6f6f6f 60%);}.red.side:hover:after{background:-webkit-linear-gradient(right,#c43333,#dc4949 60%);background:-moz-linear-gradient(right,#c43333,#dc4949 60%);background:linear-gradient(right,#c43333,#dc4949 60%);}.yellow.side:hover:after{background:-webkit-linear-gradient(right,#e1b21a,#fbc71d 60%);background:-moz-linear-gradient(right,#e1b21a,#fbc71d 60%);background:linear-gradient(right,#e1b21a,#fbc71d 60%);}.green.side:hover:after{background:-webkit-linear-gradient(right,#85da95,#94e0a5 60%);background:-moz-linear-gradient(right,#85da95,#94e0a5 60%);background:linear-gradient(right,#85da95,#94e0a5 60%);}.blue.side:hover:after{background:-webkit-linear-gradient(right,#338fc8,#56b2eb 60%);background:-moz-linear-gradient(right,#338fc8,#56b2eb 60%);background:linear-gradient(right,#338fc8,#56b2eb 60%);}.gray.side:active:after{top:4px;border-top: 1px solid #9fa6ab;box-shadow:-1px 0 1px #a8abae inset;background:-webkit-linear-gradient(right,#e4e8ec,#e4e8ec 60%);background:-moz-linear-gradient(right,#e4e8ec,#e4e8ec 60%);background:linear-gradient(right,#e4e8ec,#e4e8ec 60%);}.black.side:active:after{box-shadow:-1px 0 1px #111 inset;background:-webkit-linear-gradient(right,#414040,#4d4c4c 60%);background:-moz-linear-gradient(right,#414040,#4d4c4c 60%);background:linear-gradient(right,#414040,#4d4c4c 60%);}.red.side:active:after{box-shadow:-1px 0 1px #4b0707 inset;background:-webkit-linear-gradient(right,#b11a1a,#b11a1a 60%);background:-moz-linear-gradient(right,#b11a1a,#b11a1a 60%);background:linear-gradient(right,#b11a1a,#b11a1a 60%);}.yellow.side:active:after{box-shadow:-1px 0 1px #816b1f inset;background:-webkit-linear-gradient(right,#d3a203,#dba907 60%);background:-moz-linear-gradient(right,#d3a203,#dba907 60%);background:linear-gradient(right,#d3a203,#dba907 60%);}.green.side:active:after{box-shadow:-1px 0 1px #33663d inset;background:-webkit-linear-gradient(right,#63a870,#72b37e 60%);background:-moz-linear-gradient(right,#63a870,#72b37e 60%);background:linear-gradient(right,#63a870,#72b37e 60%);}.blue.side:active:after{box-shadow:-1px 0 1px #114566 inset;background:-webkit-linear-gradient(right,#1a71a8,#1976b1 60%);background:-moz-linear-gradient(right,#1a71a8,#1976b1 60%);background:linear-gradient(right,#1a71a8,#1976b1 60%);}.gray.rarrow:hover:after, .gray.rarrow:hover:after{background:-webkit-linear-gradient(top left,#fefefe,#ebeced);background:-moz-linear-gradient(top left,#fefefe,#ebeced);background:linear-gradient(top left,#fefefe,#ebeced);}.black.rarrow:hover:after, .black.larrow:hover:after{background:-webkit-linear-gradient(top left,#818181,#575757);background:-moz-linear-gradient(top left,#818181,#575757);background:linear-gradient(top left,#818181,#575757);}.red.rarrow:hover:after, .red.larrow:hover:after{background:-webkit-linear-gradient(top left,#eb6f6f,#c83c3c);background:-moz-linear-gradient(top left,#eb6f6f,#c83c3c);background:linear-gradient(top left,#eb6f6f,#c83c3c);}.yellow.rarrow:hover:after, .yellow.larrow:hover:after{background:-webkit-linear-gradient(top left,#ffd859,#e3bb38);background:-moz-linear-gradient(top left,#ffd859,#e3bb38);background:linear-gradient(top left,#ffd859,#e3bb38);}.green.rarrow:hover:after, .green.larrow:hover:after{background:-webkit-linear-gradient(top left,#aaebb9,#82d392);background:-moz-linear-gradient(top left,#aaebb9,#82d392);background:linear-gradient(top left,#aaebb9,#82d392);}.blue.rarrow:hover:after, .blue.larrow:hover:after{background:-webkit-linear-gradient(top left,#70bfef,#4097ce);background:-moz-linear-gradient(top left,#70bfef,#4097ce);background:linear-gradient(top left,#70bfef,#4097ce);}.gray.rarrow:active:after, .gray.larrow:active:after{background:-webkit-linear-gradient(top left,#e4e8ec,#e4e8ec);background:-moz-linear-gradient(top left,#e4e8ec,#e4e8ec);background:linear-gradient(top left,#e4e8ec,#e4e8ec);}.black.rarrow:active:after, .black.larrow:active:after{background:-webkit-linear-gradient(top left,#424242,#575757);background:-moz-linear-gradient(top left,#424242,#575757);background:linear-gradient(top left,#424242,#575757);}.red.rarrow:active:after, .red.larrow:active:after{background:-webkit-linear-gradient(top left,#b11a1a,#bf2626);background:-moz-linear-gradient(top left,#b11a1a,#bf2626);background:linear-gradient(top left,#b11a1a,#bf2626);}.yellow.rarrow:active:after, .yellow.larrow:active:after{background:-webkit-linear-gradient(top left,#d3a203,#dba907);background:-moz-linear-gradient(top left,#d3a203,#dba907);background:linear-gradient(top left,#d3a203,#dba907);}.green.rarrow:active:after, .green.larrow:active:after{background:-webkit-linear-gradient(top left,#63a870,#72b37e);background:-moz-linear-gradient(top left,#63a870,#72b37e);background:linear-gradient(top left,#63a870,#72b37e);}.blue.rarrow:active:after, .blue.larrow:active:after{background:-webkit-linear-gradient(top left,#1a71a8,#1976b1);background:-moz-linear-gradient(top left,#1a71a8,#1976b1);background:linear-gradient(top left,#1a71a8,#1976b1);}.gray.rarrow:active:after{box-shadow: 0 1px 0 #b7babd inset,-1px 0 0 #b7babd inset;}.gray.larrow:active:after{box-shadow: 0 -1px 0 #b7babd inset,1px 0 0 #b7babd inset;}.black.rarrow:active:after{box-shadow: 0 1px 0 #333 inset,-1px 0 0 #333 inset;}.black.larrow:active:after{box-shadow: 0 -1px 0 #333 inset,1px 0 0 #333 inset;}.red.rarrow:active:after{box-shadow: 0 1px 0 #640909 inset,-1px 0 0 #640909 inset;}.red.larrow:active:after{box-shadow: 0 -1px 0 #640909 inset,1px 0 0 #640909 inset;}.yellow.rarrow:active:after{box-shadow: 0 1px 0 #816b1f inset,-1px 0 0 #816b1f inset;}.yellow.larrow:active:after{box-shadow: 0 -1px 0 #816b1f inset,1px 0 0 #816b1f inset;}.green.rarrow:active:after{box-shadow: 0 1px 0 #4d7254 inset,-1px 0 0 #4d7254 inset;}.green.larrow:active:after{box-shadow: 0 -1px 0 #4d7254 inset,1px 0 0 #4d7254 inset;}.blue.rarrow:active:after{box-shadow: 0 1px 0 #114566 inset,-1px 0 0 #114566 inset;}.blue.larrow:active:after{box-shadow: 0 -1px 0 #114566 inset,1px 0 0 #114566 inset;}#YIQI-UI .search_from{width:100px;height:40px;border-radius:40px;border:2px solid #CCC;outline:none;text-indent:12px;color:#666;font-size:16px;padding:0;-webkit-transition:width 0.5s;}#YIQI-UI .search_from:focus{width:300px;}#YIQI-UI .box-shadow{-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.1);box-shadow:0 2px 3px rgba(0,0,0,0.1)}#YIQI-UI .text-shadow{-webkit-text-shadow:1px 2px 2px rgba(0 0 0 / 30%);text-shadow:1px 2px 2px rgba(0 0 0 / 30%);}#YIQI-UI .lh-16{line-height:16px;}#YIQI-UI .lh-18{line-height:18px;}#YIQI-UI .lh-20{line-height:20px;}#YIQI-UI .lh-22{line-height:22px;}#YIQI-UI .lh-24{line-height:24px;}#YIQI-UI .lh-26{line-height:26px;}#YIQI-UI .lh-28{line-height:28px;}#YIQI-UI .lh-30{line-height:30px;}#YIQI-UI .hide {display:none;}#YIQI-UI .flex {display: flex;}#YIQI-UI .align-items {display: flex; align-items: center; justify-content: center;}#YIQI-UI .h20 {height:20px;}#YIQI-UI .h25 {height:25px;}#YIQI-UI .h30 {height:30px;}#YIQI-UI .h35 {height:35px;}#YIQI-UI .h40 {height:40px;}#YIQI-UI .h45 {height:45px;}#YIQI-UI .h50 {height:50px;}#YIQI-UI .h55 {height:55px;}#YIQI-UI .h60 {height:60px;}#YIQI-UI .h65 {height:65px;}#YIQI-UI .h70 {height:70px;}#YIQI-UI .h75 {height:75px;}#YIQI-UI .h80 {height:80px;}#YIQI-UI .h85 {height:85px;}#YIQI-UI .h90 {height:90px;}#YIQI-UI .h95 {height:95px;}#YIQI-UI .h100 {height:100px;}#YIQI-UI .toppage {width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px;display:block;}#YIQI-UI .yiqi-ui-menu {--nav-width: 100%;--nav-height: 55px;--nav-lineheight: 55px;float: left;width: var(--nav-width);z-index: 1;height: var(--nav-height);line-height: var(--nav-lineheight);position: relative;background: var(--background-blue);}#YIQI-UI .yiqi-ui-nav {margin: 0px auto;padding: 0px;list-style: none;position: relative;}#YIQI-UI .yiqi-ui-nav a {color: #fff;display: block;width: 100px;text-align: center;font-size: 14px;height: var(--nav-height);line-height: var(--nav-lineheight);text-decoration: none;}#YIQI-UI .yiqi-ui-nav a:hover {color: #fff;background: var(--background-bluehover);display: block;}#YIQI-UI .yiqi-ui-nav .yiqi-ui-item {margin: 0;padding: 0;float: left;height: var(--nav-height);line-height: var(--nav-lineheight);white-space: nowrap;text-align: center;}#YIQI-UI .yiqi-ui-nav .yiqi-ui-item:hover {position: relative;}#YIQI-UI .yiqi-ui-nav .yiqi-ui-item:hover>.yiqi-ui-nav {display: block;}#YIQI-UI .yiqi-ui-nav .yiqi-ui-nav {top: 100%;left: 0;display: none;background: var(--background-bluehover);position: absolute;text-align: left;border-right: 1px var(--background-blue) solid;}#YIQI-UI .yiqi-ui-nav .yiqi-ui-gb {background: var(--background-bluehover);}#YIQI-UI .yiqi-ui-nav .yiqi-ui-nav a {text-align: left;padding-left: 20px;width: 180px;border-bottom: 1px var(--background-blue) solid;}#YIQI-UI .yiqi-ui-nav .yiqi-ui-nav a:hover {text-align: left;background: var(--background-blue);display: block;color: #fff;}#YIQI-UI .yiqi-ui-nav .yiqi-ui-nav .yiqi-ui-item {clear: both;min-width: 180px;position: relative;}#YIQI-UI .yiqi-ui-nav .yiqi-ui-nav .yiqi-ui-child {position: absolute;z-index: 2;right: 12%;top: 0;color: #fff;}#YIQI-UI .yiqi-ui-nav .yiqi-ui-nav .yiqi-ui-nav {top: 0px;left: 100%;}#YIQI-UI .yiqi-ui-nav .yiqi-ui-nav .yiqi-ui-nav .yiqi-ui-nav .yiqi-ui-nav .yiqi-ui-nav {left: auto;right: 100%;}#YIQI-UI .yiqi-ui-pass, #YIQI-UI .yiqi-ui-hide {border: none;background: none;}#YIQI-UI .yiqi-ui-banner {overflow: hidden;position: relative;font-size: 0 }#YIQI-UI .yiqi-ui-b-img {position: absolute;left: 0;top: 0;}#YIQI-UI .yiqi-ui-b-img a {display: block;float: left;}#YIQI-UI .yiqi-ui-b-list {height: 50px;position: relative;margin: 0 auto;z-index: 1;}#YIQI-UI .yiqi-ui-b-list span {display: block;cursor: pointer;width: 14px;height: 14px;border-radius: 50%;border: 3px solid #fff;float: left;margin: 0 5px;_margin: 0 3px;}#YIQI-UI .yiqi-ui-b-list .yiqi-ui-spcss {border: 3px solid #14ab04;}#YIQI-UI view.yiqi-ui-pages {width: 100%;height: 100%;display: block;overflow: hidden;position: relative;box-sizing: border-box;}#YIQI-UI view.yiqi-ui-footer {width: 100%;height: 60px;display: block;position: fixed;left: 0;bottom: 0;z-index: 9999;background: #fff;border-top: 1px #f4f4f4 solid;display: flex;box-sizing: border-box;}#YIQI-UI view.yiqi-ui-top {width: 100%;height: 40px;line-height: 40px;display: block;position: fixed;left: 0;top: 0;z-index: -1;background: #fff;border-bottom: 1px #f4f4f4 solid;box-sizing: border-box;}#YIQI-UI view.yiqi-ui-pages view.yiqi-ui-view {width: 100%;height: 100%;display: block;overflow-y: auto;float: left;box-sizing: border-box;}#YIQI-UI view.yiqi-ui-shade{width: 100%;height: 100%;position: fixed;z-index: 99999;background: rgba(0, 0, 0, 0.5);top: 0;left: 0;}#YIQI-UI view.yiqi-ui-alert {display: none;position: fixed;z-index: 99999999;width: 70%;top: 40%;left: 15%;height: auto;overflow: hidden;background: #fff;box-sizing: border-box;padding: 5%;border-radius: 20px;-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);}#YIQI-UI view.yiqi-ui-alertshade {width: 100%;height: 100%;position: fixed;z-index: 9999999;background: rgba(0, 0, 0, 0.5);top: 0;left: 0;}#YIQI-UI view.yiqi-ui-msg {display: none;position: fixed;z-index: 99999999;overflow: hidden;background: rgba(0, 0, 0, 0.6);box-sizing: border-box;padding:2% 5%;border-radius: 7px;color:#fff;}#YIQI-UI view.yiqi-ui-alert .yiqi-ui-alert-btn {border-top: 1px #f4f4f4 solid;width: 100%;text-align: center;clear: both;box-sizing: border-box;display: block;padding-top: 10px;float: left;margin-top: 20px;font-size: 16px;}#YIQI-UI view.yiqi-ui-sidebar {display: none;height: 100%;position: fixed;z-index: 999999;overflow-y: auto;float: left;background: #fff;box-sizing: border-box;}#YIQI-UI .yiqi-ui-image-gallery {display: flex;flex-wrap: wrap;justify-content: left;}#YIQI-UI .yiqi-ui-image-gallery img {height: auto;cursor: pointer;}#YIQI-UI .yiqi-ui-lightbox {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);z-index: 999999;}#YIQI-UI .yiqi-ui-lightbox-content {position: absolute;width:100%;text-align: center;}#YIQI-UI .yiqi-ui-lightbox .yiqi-ui-close {position: absolute;top: 20px;right: 50px;color: #fff;font-size: 24px;cursor: pointer;}#YIQI-UI .yiqi-ui-lightbox-image {max-width: 85%;max-height: 85%;}