article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {margin: 0;padding: 0;}
::-webkit-scrollbar {width: 4px;height: 4px;background-color: #fafafa;}
::-webkit-scrollbar-thumb {background-color: #0097fd;border-radius: 5px;}
.ant-layout-aside .ant-layout-main {min-height: 100%;}

.ant-layout-aside {min-height: 100%;}
.ant-layout-aside .ant-layout-logo {width: 150px;height: 32px;background: #333;border-radius: 6px;margin: 16px 24px 16px 28px;}
.ant-layout-aside .ant-layout-sider {width: 224px;background: #404040;position: absolute;overflow: auto;padding-bottom: 24px;height: 100%;}
.ant-layout-aside .ant-layout-sider > .ant-menu {margin-bottom: 20px;}
.ant-layout-aside .ant-layout-header {background: #fff;height: 64px;border-bottom: 1px solid #e9e9e9;}
.ant-layout-aside .ant-layout-breadcrumb {margin: 7px 0 -17px 24px;}
.ant-layout-aside .ant-layout-main {margin-left: 224px;}
.ant-layout-aside .ant-layout-container {margin: 24px 16px;}
.ant-layout-aside .ant-layout-content {background: #fff;padding: 24px;}
.ant-layout-aside .ant-layout-footer {height: 64px;text-align: center;font-size: 12px;color: #999;background: #fff;border-top: 1px solid #e9e9e9;width: 100%;}
.ant-modal.modal-default {width: 520px; transform-origin: 150px 150px 0px;}
.ant-modal-mask {background-color: rgba(0,0,0,0.45);}

.popout.modal-in .modal {display: block;}
.popout.modal-in {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 2000000;}
.popout .modal {display:none;transition: 0.3s;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.3);opacity: 0;}
.popout .modal-hide {display: none!important;}
.popout .picker {transition: 0.3s;position: absolute;bottom: 0;background-color: #fafafa;width: 100%;height: 400px;transform: translate(0, 100%);-webkit-transform: translate(0, 100%);z-index: 100;}
.popout .picker .header {text-align: center;height: 46px;line-height: 46px;border-bottom: 1px solid #dedede;position: relative;}
.popout .picker .header a.close {position: absolute;right: 8px;top: 8px; background-image: url("../img/popout-close@2x.png");background-size: 20px;background-repeat: no-repeat;background-position: 5px; width: 30px;height: 30px;}
.popout .picker .inputs {margin: 30px 15px;}
.popout .picker .inputs ul {height: 44px;background-color: #fff;border: 1px solid #999;border-radius: 4px;margin-bottom: 10px;display: flex;display: -webkit-flex;}
.popout .picker .inputs ul li {flex:1;-webkit-flex:1;border-right: 1px solid #999;line-height: 44px;text-align: center;font-weight: 500;}
.popout .picker .inputs ul li:last-child {border-right: none;}
.popout .picker .keyboard {background-color: #fff;text-align: center;}
.popout .picker .keyboard ul {display: flex;display: -webkit-flex;}
.popout .picker .keyboard ul:last-child {border-bottom: none;}
.popout .picker .keyboard ul li {display: inline-block;flex:1;-webkit-flex:1;height: 54px;line-height: 52px;font-size: 16px;font-weight: 500;min-width: 60px;touch-action: manipulation;-webkit-touch-action: manipulation;}
.popout .picker .keyboard ul li.hover {background-color: #ededed;opacity: 0.5;}
.popout .picker .keyboard ul li:last-child {border-right: none;}
.popout .picker .keyboard ul li.dark {background-color: #dedede;}
.popout .picker .keyboard ul li.fw300 {font-weight: 300;}
.popout .picker .keyboard ul li.delete {background-image: url("../img/keyboard-delete@2x.png");background-repeat: no-repeat;background-size: 23.5px 17px;background-position: center;}
.popout .picker .keyboard ul li.delete.hover {background-image: url("../img/keyboard-delete-black@2x.png");}
.popout .picker .inputs-search {}
.popout .picker .inputs-search .header {font-size: 14px;color: #666;}
.popout .picker .inputs-search .header span {vertical-align: middle;}
.popout .picker .keyboard li {margin: 4px;border: 1px solid #e5e5e5!important;border-radius: 2px;}
.popout .picker .keyboard .characters {overflow-x: scroll;border-bottom: 1px solid #ededed;}
.popout .picker .keyboard .characters li {border: none!important;flex:none;-webkit-flex:none;width: 60px;height: 44px;line-height: 44px;margin: 0;display: inline-block;}
.popout .picker .keyboard .characters .more {position: absolute;top:46px;right: 0;background-color: #fff;background-image: url("../img/keyboard-down@2x.png");background-repeat: no-repeat;background-size: 15px 8.5px;background-position: center;border-left: 1px solid #ededed!important;}
.popout .picker .inputs-search .submit {background-color: #009dff;color: #fff;}
.popout .picker .keyboard .characters-help {display: none;}
.popout .picker .show-characters .keyboard ul {display: none;}
.popout .picker .show-characters .keyboard .characters {display: block;}
.popout .picker .show-characters .keyboard .characters li {display: inline-block;float: left;}
.popout .picker .show-characters .keyboard .characters .more {display: none;}
.popout .picker .show-characters .keyboard .characters-help {display: block;position: absolute;bottom: 0;width: 100%;border-top: 1px solid #dedede;}
.popout .picker .show-characters .keyboard .characters-help li {width: 60px;display: inline-block;float: left;border: none!important;margin: 0;}
.popout .picker .show-characters .keyboard .characters-help li.delete {float: right;}
.popout .pusher {position: absolute;width: 300px;height: 440px;top: 50%;left: 50%;margin-top: -220px;margin-left: -150px;background-color: #fff;}
.pick-auto .picker {height: auto;}
.pick-nobg .picker {background: none;}
.popout .wind {transition: 0.3s;transform: translate(0, 200%);-webkit-transform: translate(0, 200%);position: absolute;background-color: #fafafa;width:300px;height:400px;z-index: 110;top: 50%;left: 50%;margin-top: -200px;margin-left: -150px;border-radius: 2px;overflow: hidden;}
.popout .wind .header {text-align: center;height: 46px;line-height: 46px;border-bottom: 1px solid #dedede;position: relative;}
.popout .wind .header a.close {position: absolute;right: 8px;top: 8px; background-image: url("../img/popout-close@2x.png");background-size: 20px;background-repeat: no-repeat;background-position: 5px; width: 30px;height: 30px;}
.popout .wind .page-content {overflow-y:scroll;}
.popout .popout-tip {display: none; z-index: 10;position: absolute;top: 50%;margin-top:-157.5px;width:280px;left:50%;margin-left:-140px;background-color: #fff;text-align: center;border-radius: 14px;}
.popout .popout-tip .header {position: relative;min-height: 30px;}
.popout .popout-tip .header a.close {position: absolute;right: 15px;top: 15px; background-image: url("../img/popout-close@2x.png");background-size: 20px;background-repeat: no-repeat;background-position: 5px; width: 30px;height: 30px;}
.popout .popout-tip .header img {width: 100%;}
.popout .popout-tip .btns {display: flex;display: -webkit-flex;padding: 0 30px;}
.popout .popout-tip .btns a {flex:1;-webkit-flex:1;}
.popout .popout-tip .btn-primary {border-radius: 100px;}
.popout .popout-tip .content h2 {color: #ff6000;font-size: 16px;}
.popout .popout-tip .content p {margin: 20px 0;}
.popout .popout-tip .content .btns {margin-bottom: 25px;}
.popout .loading {display: none;position: absolute;top: 50%;left:50%;width: 130px;height: 100px;margin-top: -50px;margin-left:-65px;background-color: rgba(0,0,0,.65);border-radius: 6px;}
.popout .loading_on {display: none;position: absolute;top: 50%;left:50%;width: 300px;height: 110px;margin-top: -55px;margin-left:-150px;background-color: rgba(0,0,0,.65);border-radius: 6px;}
.popout .loading i {width: 37px;height: 37px;display: block;background-image: url(../img/loading_sprite_white.png);-webkit-background-size: auto 37px;-webkit-animation: am-rotate2 1s steps(12) infinite;margin: 0 auto;margin-top: 15px;}
.popout .loading_on i {width: 37px;height: 37px;display: block;background-image: url(../img/loading_sprite_white.png);-webkit-background-size: auto 37px;-webkit-animation: am-rotate2 1s steps(12) infinite;margin: 0 auto;margin-top: 15px;}
.popout .loading p {font-size: 16px;color: #fff;text-align: center;margin: 10px;}
.popout .loading_on p {font-size: 16px;color: #fff;text-align: center;margin: 10px;}
.popout .toast {transition: 0.3s;position: absolute;top: 50%;width: 100%;height: auto;margin-top: -50px;color: #fff;text-align: center;opacity: 0;}
.popout .toast p {background-color: rgba(0,0,0,.65);border-radius: 6px;display: inline-block;margin: 0 auto;font-size: 16px;padding: 10px 30px;min-width: 100px;}
.popout .popup {transition: 0.3s;position: absolute;bottom: 0;background-color: #fff;width: 100%;height: 100%;transform: translate(0, 100%);-webkit-transform: translate(0, 100%);}
.popout.modal-in .picker {transform: translate(0, 0);-webkit-transform: translate(0, 0);}
.popout.modal-in .wind {transform: translate(0, 0);-webkit-transform: translate(0, 0);}
.popout.modal-in .popup {transform: translate(0, 0);-webkit-transform: translate(0, 0);}
.popout.modal-in .modal {opacity: 0.6;}
.popout.modal-in .popout-tip {display: block;}
.popout.modal-in .toast {opacity: 1;}
.popout.modal-in .loading {display: block;}
.popout.modal-in .loading_on {display: block;}
.icon-sizehorse {background-image: url("../img/icon-hj@2x.png");width:14px;height: 14px;display: inline-block;background-size:14px 14px;margin-right: 5px;vertical-align: middle;}

@-webkit-keyframes am-rotate2{from{background-position:0 0}to{background-position:-444px 0}}

@media (min-width:700px) {
	.popout .pusher {width: 450px;height: 660px;margin-top: -330px;margin-left: -225px;}
}