/*dropdown anim*/
@keyframes fadeInDownDrop {
  0% {
    opacity: 0;
    transform: translateX(-10%);
  }

  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}

@keyframes fadeOutUpDrop {
  0% {
    opacity: 1;
    transform: translateX(0%);
  }

  100% {
    opacity: 0;
    transform: translateX(-10%);
  }
}
.dropdown-item.down {
    animation-name: fadeInDownDrop
}
.dropdown-item.up {
    animation-name: fadeOutUpDrop
}
/*qm_select*/
.qm_select{
display: inline-block;
position: relative;
outline:none;
}
.qm_select .qm_select_input {
position: relative;
-webkit-appearance: none;
background-color: #fff;
background-image: none;
border-radius: 4px;
border: 1px solid #dcdfe6;
color: #303233;
display: inline-block;
font-size: inherit;
outline: none;
padding: 8px 15px;
transition: border-color .25s cubic-bezier(.25,.5,.25,1);
width:100%;
text-overflow: ellipsis;
white-space: nowrap;
/*box-shadow: 2px 2px 3px #ededed inset;*/
font-size:15px;
cursor: pointer;
z-index:2002;
width:200px;
}
.qm_select .qm_select_input:hover{
border: 1px solid #15b281;
}
.qm_select .qm_select_input.focus{
border-radius: 4px 4px 0 0;
border: 1px solid #15b281;
border-bottom:1px solid #fff;
}
.qm_select .qm_select_input.z{
z-index:2002;
}
.qm_select .qm_select_input.focus.bottom{
border-top:1px solid #fff;
border-bottom:1px solid #15b281;
border-radius: 0 0 4px 4px;
}
.qm_select .qm_select_input.small{
width:120px;
}
.qm_select:after {
border-bottom: 2px solid #999;
border-right: 2px solid #999;
content: '';
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
transform-origin: 66% 66%;
transform: rotate(45deg);
transition: all 0.25s ease-in-out;
width: 5px;
z-index:2002;
}
.qm_select:hover:after{
border-color:#15b281;
}
.qm_select.open:after{
border-color:#15b281;
transform: rotate(-135deg); 
}
.qm_select .original_select{
position: absolute;
width: 0;
height: 0;
opacity: 0;
margin: 0;
left:-9999px;
}
.qm_select .dropdown{
position: fixed;
border: 1px solid #15b281;
border-top: none;
/*box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);*/
border-radius: 0 0 4px 4px;
background:#fff;
max-height:100px;
outline:none;
overflow:auto;
animation-duration: .25s;
animation-fill-mode: both;
z-index:2001;
}
.qm_select .dropdown.bottom{
border-radius: 4px 4px 0 0;
border: 1px solid #15b281;
border-bottom: none;
}
.qm_select .dropdown .item{
padding: 6px 15px;
display:block;
border-top: 1px solid #f5f5f5;
font-size:15px;
text-overflow: ellipsis;
white-space: nowrap;
text-indent: .5em;
overflow: hidden;
}
.qm_select .dropdown .item.bottom{
border-bottom: 1px solid #f5f5f5;
border-top:none;
}
.qm_select .dropdown .item.disabled{
color:#000;
}
.qm_select .dropdown .item.selected{
font-weight:bold;
background:#3cb2a2;
color:#fff;
}
.qm_select .dropdown .item.checked{
font-weight:bold;
color:#009c84;
}
.qm_select .dropdown .item:not(.disabled):hover{
background:#e1e1e1;
color:#000;
cursor: pointer;
}
.qm_select .dropdown .item.checked:hover{
color:#009c84;
background:#e1e1e1;
}
/*.qm_select .dropdown .item:first-child{
border-radius: 4px 4px 0 0
}
.qm_select .dropdown .item:last-child{
border-radius: 0 0 4px 4px
}*/
.qm_select .dropdown .item.sub{
text-indent: 1em;
}
.qm_select .dropdown .group{
padding: 8px 15px;
display:block;
border-top: 1px solid #f1f1f1;
font-weight:bold;
font-size:14px;
color:#15b281;
background:#f1f1f1;
text-indent: .5em;
}

.ui-scroll::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.ui-scroll::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.25);
border-radius: 0px;
-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
cursor: pointer;
border-radius: 5px;
transition: color 0.25s ease;
}

.ui-scroll::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.1);
border-radius: 5px;
}

@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-10%);
}

100% {
opacity: 1;
transform: translateY(0%);
}
}

@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0%);
}

100% {
opacity: 0;
transform: translateY(-10%);
}
}

@keyframes fadeInDownTop {
0% {
opacity: 0;
transform: translateY(10%);
}

100% {
opacity: 1;
transform: translateY(0%);
}
}

@keyframes fadeOutUpTop {
0% {
opacity: 1;
transform: translateY(0%);
}

100% {
opacity: 0;
transform: translateY(10%);
}
}

.qm_select .dropdown.down {
animation-name: fadeInDown
}
.qm_select .dropdown.up {
animation-name: fadeOutUp
}
.qm_select .dropdown.down_top {
animation-name: fadeInDownTop
}
.qm_select .dropdown.up_top {
animation-name: fadeOutUpTop
}
.s1,.s2,.s3,.s4{
background-color:#ef6c6c;
border-radius:50%;
width:14px;
height:14px;
display: inline-block;
margin-right: 10px;
position: relative;
top: 2px;
}
.s2{
background-color:#72d056;
}
.s3{
background-color:#76c3f0;
}
.s4{
background-color:#f4cf00;
}
.icon_ok,.icon_filter,.icon_cal,.icon_settings{
background:url("ok.png") no-repeat 50% 50%;
display: inline-block;
margin-right: 10px;
position: relative;
top: 6px;
width:24px;
height:24px;
}
.icon_filter{
background:url("filter.png") no-repeat 50% 50%;
}
.icon_cal{
background:url("cal.png") no-repeat 50% 50%;
}
.icon_settings{
background:url("settings.png") no-repeat 50% 50%;
}
.qm_select .dropdown .item.icon{
padding:2px 15px;
line-height:33px;
}
/*qm_select*/
/*qm_dialog*/
.overlay_qm_dialog{
width: 100%;
height: 100%;
background: #000;
opacity: .8;
display: block;
position: absolute;
top: 0;
left:0;
}
.qm_dialog{
width:360px;
position: fixed;
overflow:visible;
background:#f9f9f9;
top: 50%;
left: 50%;
opacity: 1;
box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);
border-radius:5px;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-transform-origin: center center;
transform-origin: center center;
transition: opacity .15s,transform .2s;
}
.qm_dialog.show{
transform: translate(-50%,-50%) scale(1);
opacity: 1;
transition-property: opacity,-webkit-transform;
transition-property: opacity,transform;
transition-property: opacity,transform,-webkit-transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: cubic-bezier(.54,1.12,.38,1.11);
transition-timing-function: cubic-bezier(.54,1.12,.38,1.11);
-webkit-transition-delay: 0;
transition-delay: 0
}
.qm_dialog.hide{
opacity: 0;
-webkit-transform: translate(-50%,-50%) scale(.8);
transform: translate(-50%,-50%) scale(.8);
}
.qm_dialog .header i{
font-size:32px;
font-weight: bold;
width: 36px;
position: relative;
vertical-align: middle;
margin-top: -3px;
}
.qm_dialog .header{
margin:0;
font-size:18px;
font-family: tahoma,arial,微软雅黑,华文细黑,黑体,Arial;
font-weight:bold;
color:#014a5e;
/*height:32px;
line-height:32px;*/
}
.qm_dialog .header .dialog_close{
color: #666;
float: right;
font-family: "Tahoma";
font-size: 30px;
font-weight: bold;
opacity: .8;
display: block;
cursor: pointer;
/*width: 30px;
height: 30px;
line-height: 30px;*/
height:20px;
line-height:18px;
text-align: right;
transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s;
}
.qm_dialog .header .dialog_close:hover{
opacity: 1;
color:#111;
}
.qm_dialog .container{
padding:20px 20px 20px 20px;
display: block;
max-width: 100% !important;
background:none;
height:auto;
}
.qm_dialog button{
cursor: pointer;
display: inline-block;
min-height: 1em;
vertical-align: baseline;
color: rgba(0, 0, 0, 0.6);
font-family: 微软雅黑, 宋体;
text-transform: none;
text-shadow: none;
font-weight: bold;
font-size:15px;
line-height: 1em;
font-style: normal;
text-align: center;
box-shadow: transparent 0px 0px 0px 1px inset, rgba(34, 36, 38, 0.15) 0px 0em 0px 0px inset;
user-select: none;
-webkit-tap-highlight-color: transparent;
outline: none;
border-width: initial;
border-style: none;
border-color: initial;
text-decoration: none;
border-radius: 4px;
transition: background-color 0.3s ease-in-out 0s;
text-shadow: none;
padding: 12px 20px 12px 48px;
}
.qm_dialog button.positive {
background:#15b281 url(../images/ok.svg) no-repeat 20px center;
background-size: 22px 22px;
color: #FFFFFF;
}
.qm_dialog button.negative {
background:#666 url(../images/cancel.svg) no-repeat 20px center;
background-size: 22px 22px;
color: #FFFFFF;
margin-right:20px;
}
.qm_dialog .content{
margin:30px 10px;
font-size:16px;
font-family:"微软雅黑", "宋体";
overflow:hidden;
}
.qm_dialog button.positive:hover{
background-color:#009c84;
}
.qm_dialog button.positive:active{
background-color:#014a5e;
}
.qm_dialog button.negative:hover{
background-color:#555;
}
.qm_dialog button.negative:active{
background-color:#333;
}
.qm_dialog .right{
text-align: right;
margin-bottom: 0px;
}
/*qm_dialog*/
/*qm_checkbox*/
.qm-checkbox {
white-space: nowrap;
cursor: pointer;
outline: none;
display: inline-block;
line-height: 1;
position: relative;
vertical-align: middle;
border: 2px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
width: 20px;
height: 20px;
background-color: #fff;
z-index: 1;
top: 1px;
transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);
}
.qm-checkbox.top{
margin-right:100px;
margin-top: 8px;
}
.qm-checkbox:hover,.qm-checkbox-label:hover{
/*border-color: #009c84;
color:#009c84;*/
}
.qm-checkbox.is-checked {
background-color: #009c84;
border-color: #009c84;
}
.qm-checkbox.is-checked .qm-checkbox-label{
color:#009c84;
}
.qm-checkbox-org {
opacity: 0;
outline: none;
position: absolute;
margin: 0;
width: 0;
height: 0;
left: -9999px;
}
.qm-checkbox.is-checked:after {
transform: rotate(45deg) scaleY(1);
}
.qm-checkbox:after {
box-sizing: content-box;
content: "";
border: 3px solid #fff;
border-left: 0;
border-top: 0;
height: 12px;
width: 5px;
left: 4px;
position: absolute;
top: -1px;
transform: rotate(45deg) scaleY(0);
transition: transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;
transform-origin: center;
}
.qm-checkbox-label {
display: inline-block;
padding-left: 25px;
font-size: 14px;
position: relative;
top: 0px;
z-index: 1;
font-size:15px;
font-family: "微软雅黑";
font-weight: bold;
color:#666;
}
/*qm_checkbox*/
/*autocomplete*/
.autocomplete-suggestions {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 0px 3px 3px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 3px 3px rgba(50, 50, 50, 0.3); box-shadow: 0px 3px 3px rgba(50, 50, 50, 0.3); border-radius: 0px 0px 5px 5px;
font-family: Tahoma,'微软雅黑','宋体','Hiragino Sans GB',sans-serif;font-size:15px;}
.autocomplete-suggestion { padding: 2px 10px; /*white-space: nowrap;*/ overflow: hidden; }
.autocomplete-suggestion span{float:right;}
.autocomplete-suggestion span.filed2{margin-right:20px;}
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #e1e1e1; }
.autocomplete-suggestions strong { font-weight: bold; color: red; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 15px; color: #666; display: block; border-top: 1px solid #666;border-bottom: 1px solid #666; background:#999;color:#fff;}
.autocomplete-group:first-child{border-top:none;}
/*dialog*/
.overlay{
width: 100%;
height: 100%;
background: #000;
opacity: .8;
display: block;
position: absolute;
top: 0;
left:0;
z-index: 1001;
}
.overlay-transform{
width: 100%;
height: 100%;
background: #000;
opacity: 0;
display: block;
position: absolute;
top: 0;
left:0;
z-index: 1001;
}
.dialog{
position: absolute;
z-index:1002;
width:460px;
overflow:visible;
background:#f9f9f9;
top: 50%;
left: 50%;
opacity: 1;
box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);
border-radius:5px;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-transform-origin: center center;
transform-origin: center center;
transition: opacity .15s,transform .2s;
}

.dialog .container{
padding:20px 20px 20px 20px;
display: block;
max-width: 100% !important;
}
.dialog .header i{
font-size:32px;
font-weight: bold;
width: 36px;
/* margin-top: 10px; */
position: relative;
/* margin-top: 10px; */
vertical-align: middle;
margin-top: -3px;
}
.dialog .header{
margin:0px -8px 20px -8px;
font-size:18px;
font-family: Tahoma,'微软雅黑','宋体','Hiragino Sans GB',sans-serif;
font-weight:bold;
color:#014a5e;
height:32px;
line-height:32px;
}
.dialog .header .close{
color: #666;
float: right;
font-family: "Tahoma";
font-size: 30px;
font-weight: bold;
opacity: .8;
display: block;
cursor: pointer;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
transition: color 0.3s ease-in-out 0s;
}
.dialog .header .close:hover{
opacity: 1;
color:#111;
}
.dialog.show{
transform: translate(-50%,-50%) scale(1);
opacity: 1;
-webkit-transition-property: opacity,-webkit-transform;
transition-property: opacity,-webkit-transform;
transition-property: opacity,transform;
transition-property: opacity,transform,-webkit-transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: cubic-bezier(.54,1.12,.38,1.11);
transition-timing-function: cubic-bezier(.54,1.12,.38,1.11);
-webkit-transition-delay: 0;
transition-delay: 0
}
.dialog.hide{
opacity: 0;
-webkit-transform: translate(-50%,-50%) scale(.8);
transform: translate(-50%,-50%) scale(.8);
}
.dialog .form{
/*position: relative;*/
max-width: 100%;
overflow:hidden;
}
.fields{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.fields.right{
float:right;
}
.field{
clear:both;
margin: 0 0 15px;
font-family: 微软雅黑, 宋体;
}
.field.right{
text-align:right;
margin-bottom:0px;

}
/*.field.left{
text-align:left;
margin-bottom:0px;
width:50%;
}*/
.field label{
display: block;
margin: 0em 0em 0.28571429rem 0em;
color: rgba(0, 0, 0, 0.87);
font-size: 15px;
font-weight: bold;
text-transform: none;
}
.field label:after{
margin: -0.2em 0em 0em 0.2em;
content: '*';
color: #DB2828;
}
.field label.none:after{
display:none;
}
.dialog input{
width: 388px;
vertical-align: top;
font-family: 微软雅黑, 宋体;
-webkit-appearance: none;
font-size: 15px;
color: rgba(0, 0, 0, 0.87);
outline: none;
padding: 8px 15px;
background: rgb(255, 255, 255);
border-width: 1px;
border-style: solid;
border-color: #dcdfe6;
border-radius: 4px;
transition: color 0.2s ease 0s, border-color 0.2s ease 0s;
}
.dialog input:focus{
border-color:#15b281;
}
.dialog input.disabled{
opacity: .25;
}
.dialog input.readonly{
opacity: .75;
background: #f1f1f1;
}
.dialog input.error{
border-color:#ee0000;
}
.dialog input.ui-date{
background: #fff url("../images/date.svg") no-repeat center right;
}
.dialog button{
cursor: pointer;
display: inline-block;
min-height: 1em;
vertical-align: baseline;
color: rgba(0, 0, 0, 0.6);
font-family: 微软雅黑, 宋体;
text-transform: none;
text-shadow: none;
font-weight: bold;
font-size:15px;
line-height: 1em;
font-style: normal;
text-align: center;
box-shadow: transparent 0px 0px 0px 1px inset, rgba(34, 36, 38, 0.15) 0px 0em 0px 0px inset;
user-select: none;
-webkit-tap-highlight-color: transparent;
outline: none;
border-width: initial;
border-style: none;
border-color: initial;
text-decoration: none;
border-radius: 4px;
transition: background-color 0.3s ease-in-out 0s;
text-shadow: none;
padding: 12px 20px 12px 48px;
color: #FFFFFF;
}
.dialog button.positive {
background:#15b281 url(../images/ok.svg) no-repeat 20px center;
background-size: 22px 22px;
}
.dialog button.positive:hover,
.dialog button.continue:hover{
background-color:#009c84;
}
.dialog button.positive:active,
.dialog button.continue:active{
background-color:#014a5e;
}
.dialog button.continue {
background:#15b281 url(../images/continue.svg) no-repeat 20px center;
background-size: 22px 22px;
}
.dialog button.reset {
background:#666 url(../images/reset.svg) no-repeat 20px center;
background-size: 22px 22px;
margin-right:20px;
}
.dialog button.reset:hover{
background-color:#555;
}
.dialog button.reset:active{
background-color:#333;
}
.dialog .overlay{
z-index: 1;
display:none;
}
.dialog .loading{
position: fixed;
top: 50%;
margin-top: -29px;
left: 50%;
margin-left: -29px;
z-index: 10019;
width: 48px;
height: 48px;
overflow: hidden;
background: #f7f7f7 url(../images/loading.svg) no-repeat center;
z-index: 2;
padding: 10px;
display: block;
border-radius: 10px;
display:none;
}
/*progress*/
.progress {
position: absolute;
height: 4px;
display: block;
width: 100%;
background-color: #15b281;
border-radius: 0px;
overflow: hidden;
display:none;
top:0;
z-index: 1002;
min-width:1280px;
}

.progress .determinate {
position: absolute;
top: 0;
left: 0;
bottom: 0;
background-color: #014a5e;
-webkit-transition: width .3s linear;
transition: width .3s linear
}

.progress .indeterminate {
background-color: #014a5e
}

.progress .indeterminate:before {
content: '';
position: absolute;
background-color: inherit;
top: 0;
left: 0;
bottom: 0;
will-change: left, right;
-webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite
}

.progress .indeterminate:after {
content: '';
position: absolute;
background-color: inherit;
top: 0;
left: 0;
bottom: 0;
will-change: left, right;
-webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-webkit-animation-delay: 1.15s;
animation-delay: 1.15s
}

@-webkit-keyframes indeterminate {
0% {
left: -35%;
right: 100%
}

60% {
left: 100%;
right: -90%
}

100% {
left: 100%;
right: -90%
}
}

@keyframes indeterminate {
0% {
left: -35%;
right: 100%
}

60% {
left: 100%;
right: -90%
}

100% {
left: 100%;
right: -90%
}
}

@-webkit-keyframes indeterminate-short {
0% {
left: -200%;
right: 100%
}

60% {
left: 107%;
right: -8%
}

100% {
left: 107%;
right: -8%
}
}

@keyframes indeterminate-short {
0% {
left: -200%;
right: 100%
}

60% {
left: 107%;
right: -8%
}

100% {
left: 107%;
right: -8%
}
}
/*qm-switch*/
.qm-switch {
display: inline-flex;
align-items: center;
position: relative;
font-size: 14px;
line-height: 20px;
height: 20px;
vertical-align: middle;
}
.qm-switch-input {
position: absolute;
width: 0;
height: 0;
opacity: 0;
margin: 0;
}
.qm-switch-span {
margin: 0;
display: inline-block;
position: relative;
width: 40px;
height: 10px;
border: 1px solid #d1d1d1;
outline: none;
border-radius: 10px;
box-sizing: border-box;
background: #e7e7e7;
cursor: pointer;
transition: border-color .3s,background-color .3s;
vertical-align: middle;
}
.qm-switch-span .qm-switch-btn {
position: absolute;
top: -6px;
left: -1px;
border-radius: 100%;
transition: transform .3s;
width: 18px;
height: 18px;
background-color: #f1f1f1;
border:1px solid #dcdfe6;
}
.qm-switch.is-checked .qm-switch-span  {
border-color: #aae3da;
background-color: #aae3da;
}

.qm-switch-btn.is-checked{
transform: translate3d(20px, 0px, 0px);
border-color: #009c84;
background-color: #009c84;
}
/*qm switch 1*/
.qm-switch {
display: inline-flex;
align-items: center;
position: relative;
font-size: 14px;
line-height: 20px;
height: 20px;
vertical-align: middle;
}
.qm-switch-input {
position: absolute;
width: 0;
height: 0;
opacity: 0;
margin: 0;
}
.qm-switch-span {
margin: 0;
display: inline-block;
position: relative;
width: 40px;
height: 18px;
border: 1px solid #d1d1d1;
outline: none;
border-radius: 10px;
box-sizing: border-box;
background: #e7e7e7;
cursor: pointer;
transition: border-color .3s,background-color .3s;
vertical-align: middle;
}
.qm-switch-span .qm-switch-btn {
position: absolute;
top: 2px;
left: 3px;
border-radius: 100%;
transition: transform .3s;
width: 10px;
height: 10px;
background-color: #fff;
border:1px solid #d1d1d1;
}
.qm-switch.is-checked .qm-switch-span  {
border-color: #009c84;
background-color: #aae3da;
}

.qm-switch-btn.is-checked{
transform: translate3d(20px, 0px, 0px);
border-color: #009c84;
background-color: #009c84;
}
/*qm_radio*/
.qm-radio {
white-space: nowrap;
outline: none;
line-height: 1;
vertical-align: middle;
border: 2px solid #ccc;
border-radius: 100%;
width: 20px;
height: 20px;
background-color: #fff;
position: relative;
cursor: pointer;
display: inline-block;
box-sizing: border-box;
margin-right:100px;
}
.qm-radio.is-checked {
border-color: #009c84;
background: #fff;
}
.qm-radio:hover{
/*border-color: #15b281;*/
}
.qm-radio.is-checked:after {
transform: translate(-50%,-50%) scale(1);
}
.qm-radio:after {
width: 10px;
height: 10px;
border-radius: 100%;
background-color: #009c84;
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%) scale(0);
transition: transform .15s cubic-bezier(.71,-.46,.88,.6);
}
.qm-radio-original {
opacity: 0;
outline: none;
position: absolute;
z-index: -1;
top: 0;
left: -9999px;
right: 0;
bottom: 0;
margin: 0;
}
.qm-radio-label {
display: inline-block;
padding-left: 25px;
font-size: 14px;
position: relative;
top: 0px;
z-index: 1;
font-size:15px;
font-family: "微软雅黑";
font-weight: bold;
color:#666;
}
.qm-radio.is-checked .qm-radio-label{
color:#009c84;
}