/*reset*/
[v-cloak] { display: none; }
::-webkit-scrollbar { display: none; }
/*flex*/
.flex{display:flex;}
.flex-inline{display:inline-flex;}
.flex-reverse{flex-direction:row-reverse;}
.flex-column{flex-direction:column;}
.flex-column.flex-reverse{flex-direction:column-reverse;}
.flex-nowrap{flex-wrap:nowrap;}
.flex-wrap{flex-wrap:wrap;}
.flex-wrap-reverse{flex-wrap:wrap-reverse;}
.flex-start{justify-content:flex-start;}
.flex-center{justify-content:center;}
.flex-end{justify-content:flex-end;}
.flex-between{justify-content:space-between;}
.flex-around{justify-content:space-around;}
.flex-items-start{align-items:flex-start;}
.flex-items-center{align-items:center;}
.flex-items-end{align-items:flex-end;}
.flex-items-baseline{align-items:baseline;}
.flex-items-stretch{align-items:stretch;}
.flex-self-start{align-self:flex-start;}
.flex-self-center{align-self:center;}
.flex-self-end{align-self:flex-end;}
.flex-self-baseline{align-self:baseline;}
.flex-self-stretch{align-self:stretch;}
.flex-content-start{align-content:flex-start;}
.flex-content-center{align-content:center;}
.flex-content-end{align-content:flex-end;}
.flex-content-between{align-content:space-between;}
.flex-content-around{align-content:space-around;}
.flex-middle{justify-content:center;align-items:center;align-self:center;align-content:center;}
.flex-fill{flex:1 1 auto;}
.flex-grow{flex-grow:1;}
.flex-shrink{flex-shrink:1;}
/*table*/
.table{border:1px solid #ddd;border-radius:0.25rem;}
.table th,.table td{border-top:1px solid #ddd;padding:.5rem;border-right:1px solid #ddd;}
.table th{border-top:none;border-bottom-width:1px;vertical-align:middle;}
.table tr:first-child>td{border-top:none;}
.table td:last-child,.table th:last-child{border-right:none;}
.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f5f5f5;}
.table-hover>tbody>tr:hover>td{background-color:#f5f5f5;color:inherit;}
.table-small th,.table-small td{padding:0.25rem;}
.table-big th,.table-big td{padding:1rem;}
.table-line,.table-cube,.table-none{border:none;border-collapse:collapse;border-radius:0;}
.table-line>tbody>tr>th,.table-line>tbody>tr>td{border-right:none;}
.table-none>tbody>tr>th,.table-none>tbody>tr>td{border:none;}
.table.align-center th,.table tr.align-center>th,.table th.align-center{text-align:center;}
.table.align-right th,.table tr.align-right>th,.table th.align-right{text-align:right;}
.table.align-top th,.table tr.align-top>th,.table th.align-top,.table.align-top td{vertical-align:top;}
.table.align-bottom th,.table tr.align-bottom>th,.table th.align-bottom,.table.align-bottom td{vertical-align:bottom;}
/*box*/
.padding-mini{padding:.25rem !important;}
.padding-top-mini{padding-top:.25rem !important;}
.padding-right-mini{padding-right:.25rem !important;}
.padding-bottom-mini{padding-bottom:.25rem !important;}
.padding-left-mini{padding-left:.25rem !important;}
.padding-small{padding:.5rem !important;}
.padding-top-small{padding-top:.5rem !important;}
.padding-right-small{padding-right:.5rem !important;}
.padding-bottom-small{padding-bottom:.5rem !important;}
.padding-left-small{padding-left:.5rem !important;}
.padding{padding:1rem !important;}
.padding-top{padding-top:1rem !important;}
.padding-right{padding-right:1rem !important;}
.padding-bottom{padding-bottom:1rem !important;}
.padding-left{padding-left:1rem !important;}
.padding-big{padding:1.5rem !important;}
.padding-top-big{padding-top:1.5rem !important;}
.padding-right-big{padding-right:1.5rem !important;}
.padding-bottom-big{padding-bottom:1.5rem !important;}
.padding-left-big{padding-left:1.5rem !important;}
.padding-large{padding:2rem !important;}
.padding-top-large{padding-top:2rem !important;}
.padding-right-large{padding-right:2rem !important;}
.padding-bottom-large{padding-bottom:2rem !important;}
.padding-left-large{padding-left:2rem !important;}
.padding-none{padding:0 !important;}
.padding-top-none{padding-top:0 !important;}
.padding-right-none{padding-right:0 !important;}
.padding-bottom-none{padding-bottom:0 !important;}
.padding-left-none{padding-left:0 !important;}
.border{border:solid 1px #ddd !important;}
.border-top{border-top:solid 1px #ddd !important;}
.border-right{border-right:solid 1px #ddd !important;}
.border-bottom{border-bottom:solid 1px #ddd !important;}
.border-left{border-left:solid 1px #ddd !important;}
.border-mini{border-width:0.125rem !important;}
.border-small{border-width:0.25rem !important;}
.border-big{border-width:0.5rem !important;}
.border-large{border-width:1rem !important;}
.border-dashed{border-style:dashed !important;}
.border-dotted{border-style:dotted !important;}
.border-none{border:none !important;}
.border-top-none{border-top:none !important;}
.border-right-none{border-right:none !important;}
.border-bottom-none{border-bottom:none !important;}
.border-left-none{border-left:none !important;}
.radius-mini{border-radius:0.125rem !important;}
.radius-small{border-radius:0.1875rem !important;}
.radius{border-radius:0.25rem !important;}
.radius-big{border-radius:0.5rem !important;}
.radius-large{border-radius:1.25rem !important;}
.radius-circle{border-radius:50% !important;}
.radius-none{border-radius:0 !important;}
.radius-top{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;}
.radius-right{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;}
.radius-bottom{border-top-left-radius:0 !important;border-top-right-radius:0 !important;}
.radius-left{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;}
.margin-mini{margin:.25rem !important;}
.margin-top-mini{margin-top:.25rem !important;}
.margin-right-mini{margin-right:.25rem !important;}
.margin-bottom-mini{margin-bottom:.25rem !important;}
.margin-left-mini{margin-left:.25rem !important;}
.margin-small{margin:.5rem !important;}
.margin-top-small{margin-top:.5rem !important;}
.margin-right-small{margin-right:.5rem !important;}
.margin-bottom-small{margin-bottom:.5rem !important;}
.margin-left-small{margin-left:.5rem !important;}
.margin{margin:1rem !important;}
.margin-top{margin-top:1rem !important;}
.margin-right{margin-right:1rem !important;}
.margin-bottom{margin-bottom:1rem !important;}
.margin-left{margin-left:1rem !important;}
.margin-big{margin:1.5rem !important;}
.margin-top-big{margin-top:1.5rem !important;}
.margin-right-big{margin-right:1.5rem !important;}
.margin-bottom-big{margin-bottom:1.5rem !important;}
.margin-left-big{margin-left:1.5rem !important;}
.margin-large{margin:2rem !important;}
.margin-top-large{margin-top:2rem !important;}
.margin-right-large{margin-right:2rem !important;}
.margin-bottom-large{margin-bottom:2rem !important;}
.margin-left-large{margin-left:2rem !important;}
.margin-top-auto{margin-top:auto !important;}
.margin-right-auto{margin-right:auto !important;}
.margin-bottom-auto{margin-bottom:auto !important;}
.margin-left-auto{margin-left:auto !important;}
.margin-center-auto{margin-left:auto !important;margin-right:auto !important;}
.margin-middle-auto{margin-top:auto !important;margin-bottom:auto !important;}
.margin-none{margin:0 !important;}
.margin-top-none{margin-top:0 !important;}
.margin-right-none{margin-right:0 !important;}
.margin-bottom-none{margin-bottom:0 !important;}
.margin-left-none{margin-left:0 !important;}
.shadow-small{box-shadow:0 3px 5px rgba(0, 0, 0, .175) !important;}
.shadow{box-shadow:0 5px 10px rgba(0, 0, 0, .175) !important;}
.shadow-big{box-shadow:0 8px 15px rgba(0, 0, 0, .175) !important;}
.shadow-none{box-shadow:none !important;}
.opacity-full{opacity:0 !important;}
.opacity-mini{opacity:0.85 !important;}
.opacity-small{opacity:0.7 !important;}
.opacity{opacity:0.5 !important;}
.opacity-big{opacity:0.3 !important;}
.opacity-large{opacity:0.15 !important;}
.opacity-none{opacity:1 !important;}
/*text*/
.size{font-size:1rem !important;}
.size-large{font-size:1.75rem !important;}
.size-big{font-size:1.25rem !important;}
.size-small{font-size:0.875rem !important;}
.size-mini{font-size:0.75rem !important;}
.font-sun{font-family:Georgia,"Times New Roman",Times, SimSun,"FontAwesome",serif;}
.font-kai{font-family:Georgia,"Times New Roman",Times, Kai,"Kaiti SC",KaiTi,BiauKai,"FontAwesome",serif;}
.font-monospace{font-family:Monaco,Menlo,Consolas,"Courier New","FontAwesome",monospace;}
.font-light{font-family:Georgia,"Times New Roman",Times,"Microsoft YaHei Light","Microsoft YaHei","FontAwesome",serif;}
.weight-mini{font-weight:200;}
.weight-small{font-weight:400;}
.weight{font-weight:normal;}
.weight-big{font-weight:bold;}
.weight-large{font-weight:bolder;}
/*kit*/
.loader{position:relative;display:inline-block;font-size:1rem;width:1.5em;height:1em;color:#F76382;}
.loader::before,.loader>i{content:"";position:absolute;border-style:solid;border-width:0.5em;width:1em;height:1em;border-radius:50%;opacity:0.9;margin-left:-0.5rem;}
.loader::before{border-color:currentColor;animation:loaderleft 1.5s ease-in-out infinite,loaderleftz .66s ease-in-out infinite;}
.loader>i{color:#f00;border-color:currentColor;animation:loaderright 1.5s ease-in-out infinite,loaderrightz .66s ease-in-out infinite;}
@keyframes loaderleft{0%{left:0;transform:scale(1.1)}50%{left:100%;transform:scale(1)}100%{left:0;transform:scale(1.1)}}
@keyframes loaderright{0%{left:100%;transform:scale(1.1)}50%{left:0;transform:scale(1)}100%{left:100%;transform:scale(1.1)}}
@keyframes loaderleftz{0%{z-index:0}50%{z-index:1}100%{z-index:0}}
@keyframes loaderrightz{0%{z-index:1}50%{z-index:0}100%{z-index:1}}
.loader-circle{display:inline-block;font-size:1rem;border-radius:50%;width:1em;height:1em;position:relative;color:#F76382;border:solid 0.1em currentColor;border-left-color:transparent;transform:translateZ(0);animation: loadercircle 1.1s infinite linear;}
.loader-circle[class*='border']{border-left-color:transparent !important;}
@keyframes loadercircle{0%{transform:rotate(0deg);}100% {transform:rotate(360deg);}}
.loader-dot{display:inline-block;font-size:1rem;width:3em;height:1em;text-align:center;position:relative;color:#F76382;}
.loader-dot>i,.loader-dot::before,.loader-dot::after{display:inline-block;width:1em;height:1em;border-radius:50%;animation-fill-mode:both;animation: loaderdot 1.4s infinite ease-in-out;}
.loader-dot>i{vertical-align:top;background-color:currentColor;animation-delay: -0.16s;}
.loader-dot::before,.loader-dot::after{content:"";position:absolute;background-color:currentColor;}
.loader-dot::before{left:0;animation-delay: -0.32s;}
.loader-dot::after{left:2em;}
@keyframes loaderdot{0%,100%{transform: scale(0.0);}40%,60%{transform: scale(0.9);}}
/*utility*/
.float-left{float:left !important;}
.float-right{float:right !important;}
.float-none{float:none !important;}
.clearfix::after{content:" ";display:block !important;clear:both;}
.line-mini{line-height:1 !important;}
.line-small{line-height:1.5 !important;}
.line{line-height:1.75 !important;}
.line-big{line-height:2 !important;}
.line-large{line-height:2.5 !important;}
.align-left{text-align:left !important;}
.align-center{text-align:center !important;}
.align-right{text-align:right !important;}
.align-justify{text-align:justify !important;}
.align-top{vertical-align:top !important;}
.align-middle{vertical-align:middle !important;}
.align-bottom{vertical-align:bottom !important;}
.word-indent{text-indent:2em;}
.word-more{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.word-break{word-break:break-all;word-wrap:break-word;}
.word-block{white-space:nowrap;}
.inline{display:inline-block !important;}
.block{display:block !important;}
.relative{position:relative !important;}
.absolute{position:absolute !important;}
.center{margin-left:auto !important;margin-right:auto !important;}
.overflow-hidden{overflow:hidden;}
.overflow-auto{overflow:auto;}
.show,.mini-hidden,.small-hidden,.middle-hidden,.big-hidden,.large-hidden{display:block !important;}
.hidden,.mini-show,.small-show,.middle-show,.big-show,.large-show{display:none !important;}
/*color*/
.text-main,
.button.border-main
{color:#F76382 !important;}
.text-sub,
.button.border-sub
{color:#d0a963 !important;}
.text-dot,
.button.border-dot
{color:#CE7D46 !important;}
.border-main,
.table.border-main td,.table.border-main th
{border-color:#F76382 !important;}
.border-sub,
.table.border-sub td,.table.border-sub th
{border-color:#d0a963 !important;}
.border-dot,
.table.border-dot td,.table.border-dot th
{border-color:#CE7D46 !important;}
.bg-main,
.text.button:hover,
.border.button:hover,
.bg.button:hover,
.button[class*='-main']:hover,
.button[class*='-main'].active
{background-color:#F76382 !important;}
.bg-sub,
.button[class*='-sub']:hover,
.button[class*='-sub'].active
{background-color:#d0a963 !important;}
.bg-dot,
.button[class*='-dot']:hover,
.button[class*='-dot'].active
{background-color:#CE7D46 !important;}
.text-black,
.button.border-black
{color:#000 !important;}
.text-deep,
.button.border-deep
{color:#333 !important;}
.text-dark,
.button.border-dark
{color:#666 !important;}
.text-gray,
.button.border-gray
{color:#999 !important;}
.text-silver,
.button.border-silver
{color:#ddd !important;}
.text-light,
.button.border-light
{color:#f5f5f5 !important;}
.text-white,
.button.border-white,
.validate-tips div>.input-validate
{color:#fff !important;}
.text-danger,
.button.border-danger,
.input-invalid>.input-validate
{color:#f00 !important;}
.text-warning,
.button.border-warning
{color:#fb0 !important;}
.text-success,
.button.border-success,
.input-valid>.input-validate
{color:#2c7 !important;}
.text-info,
.button.border-info
{color:#0ae !important;}
.text,a.text-main:hover{color:#333 !important;}
.text-transparent{color:transparent !important;}
.border-black,
.table.border-black td,.table.border-black th
{border-color:#000 !important;}
.border-deep,
.table.border-deep td,.table.border-deep th
{border-color:#333 !important;}
.border-dark,
.table.border-dark td,.table.border-dark th
{border-color:#666 !important;}
.border-gray,
.table.border-gray td,.table.border-gray th
{border-color:#999 !important;}
.border-silver,
.table.border-silver td,.table.border-silver th
{border-color:#ddd !important;}
.border-light,
.table.border-light td,.table.border-light th
{border-color:#f5f5f5 !important;}
.border-white,
.table.border-white td,.table.border-white th
{border-color:#fff !important;}
.border-danger,
.table.border-danger td,.table.border-danger th,
.input-invalid:not(.input-novalidate) .input,.form-validate .input:focus:invalid
{border-color:#f00 !important;}
.border-warning,
.table.border-warning td,.table.border-warning th
{border-color:#fb0 !important;}
.border-success,
.table.border-success td,.table.border-success th,
.input-valid:not(.input-novalidate) .input,.form-validate .input:focus:valid
{border-color:#2c7 !important;}
.border-info,
.table.border-info td,.table.border-info th
{border-color:#0ae !important;}
.border-transparent{border-color:transparent!important;}
.bg-black,
.button[class*='-black']:hover,
.button[class*='-black'].active
{background-color:#000 !important;}
.bg-deep,
.button[class*='-deep']:hover,
.button[class*='-deep'].active
{background-color:#333 !important;}
.bg-dark,
.button[class*='-dark']:hover,
.button[class*='-dark'].active
{background-color:#666 !important;}
.bg-gray,
.button[class*='-gray']:hover,
.button[class*='-gray'].active
{background-color:#999 !important;}
.bg-silver,
.button[class*='-silver']:hover,
.button[class*='-silver'].active
{background-color:#ddd !important;}
.bg-light,
.button[class*='-light']:hover,
.button[class*='-light'].active
{background-color:#f5f5f5 !important;}
.bg-white,
.button[class*='-white']:hover,
.button[class*='-white'].active
{background-color:#fff !important;}
.bg-danger,
.button[class*='-danger']:hover,
.button[class*='-danger'].active,
.validate-tips .input-invalid>.input-validate
{background-color:#f00 !important;}
.bg-warning,
.button[class*='-warning']:hover,
.button[class*='-warning'].active
{background-color:#fb0 !important;}
.bg-success,
.button[class*='-success']:hover,
.button[class*='-success'].active,
.validate-tips .input-valid>.input-validate
{background-color:#2c7 !important;}
.bg-info,
.button[class*='-info']:hover,
.button[class*='-info'].active
{background-color:#0ae !important;}
.bg,.button.active{background-color:#f5f5f5 !important;}
.bg-inverse a:hover{opacity:.75 !important;}
.bg-inverse,.bg-inverse a{color:#fff !important;}
.bg-transparent{background-color:transparent!important;}
.alert{background-color:#f5f5f5 !important;}
.alert-danger{background-color:#fee !important;}
.alert-warning{background-color:#ffd !important;}
.alert-success{background-color:#efd !important;}
.alert-info{background-color:#eff !important;}