html,body,div,ul,ol,li,dl,dt,dd,form,input,textarea,table,h1,h2,h3,h4,p,span,a,em,i,img{margin: 0; padding: 0; font-style: normal;}
body{font: 1em '\5FAE\8F6F\96C5\9ED1','\9ED1\4F53','\5B8B\4F53';}ul,ol{list-style: none;}
table{border-collapse: collapse;}
img{border: none;}
a{color: #333; text-decoration: none;}
a:hover{text-decoration: none; color: #000;}
input,select,textarea{outline: none; padding: 4px; font: 1em '\5FAE\8F6F\96C5\9ED1','\9ED1\4F53','\5B8B\4F53'; -webkit-appearance: none;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none !important; margin: 0;}
.clearfix:after{content: ''; display: block; clear: both; visibility: hidden;}
/********************************/
.popup-overlay{position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.4); visibility: hidden; opacity: 0; -webkit-transition-duration: 400ms; transition-duration: 400ms; z-index: 999999999;}
.modal-overlay-visible{visibility: visible; opacity: 1; z-index: 999999999;}
.modal{width: 270px; position: fixed; z-index: 999999999; left: 50%; margin-left: -135px; margin-top: 0; top: 30%; text-align: center; border-radius: 7px; opacity: 0; -webkit-transform: translate3d(0, 0, 0) scale(1.185); -ms-transform: translate3d(0, 0, 0) scale(1.185); transform: translate3d(0, 0, 0) scale(1.185); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; color: #000;}
.modal.modal-in {opacity: 1; -webkit-transition-duration: 400ms; transition-duration: 400ms; -webkit-transform: translate3d(0, 0, 0) scale(1); -ms-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1);}
.modal.modal-out {opacity: 0; z-index: 999999998; -webkit-transition-duration: 400ms; transition-duration: 400ms; -webkit-transform: translate3d(0, 0, 0) scale(0.815); -ms-transform: translate3d(0, 0, 0) scale(0.815); transform: translate3d(0, 0, 0) scale(0.815);}
.modal-inner {padding: 15px; border-bottom: 1px solid #b5b5b5; border-radius: 7px 7px 0 0; background: #e8e8e8;}
.modal-title {font-weight: 500; font-size: 18px; text-align: center; margin-top: 5px;}
.modal-text{margin-top: 10px; font-size: 1.1em;}
.modal-buttons{height: 44px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;}
.modal-button{width: 100%; padding: 0 5px; height: 44px; font-size: 17px; line-height: 44px; text-align: center; color: #007aff; background: #e8e8e8; display: block; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #b5b5b5; -webkit-box-flex: 1; -ms-flex: 1; }
.modal-button:first-child{border-radius: 0 0 0 7px;}
.modal-button:last-child{border-right: none; border-radius: 0 0 7px 0;}
.modal-button:first-child:last-child{border-radius: 0 0 7px 7px;}
.modal-button:active {background: #d4d4d4;}
/**************************************************/
#loading{position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,0.2); z-index: 99999999;}
#loading .container{position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; width: 90px; height: 90px; padding: 10px; border-radius: 6px; background: #333; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; -webkit-box-orient: vertical; overflow: hidden;}
#loading .loader,#loading .loader:before,#loading .loader:after{border-radius: 50%;}
#loading .loader:before,#loading .loader:after {position: absolute; content: '';}
#loading .loader:before{width: 22px; height: 44px; background: #333; border-radius: 44px 0 0 44px; top: -2px; left: -4px; -webkit-transform-origin: 22px 21px; transform-origin: 22px 21px; -webkit-animation: progresses 2s infinite ease 1.5s; animation: progresses 2s infinite ease 1.5s;}
#loading .loader{font-size: 11px; text-indent: -99999em; margin: 0 auto; position: relative; width: 40px; height: 40px; box-shadow: inset 0 0 0 4px #FFF;}
#loading .loader:after{width: 22px; height: 44px; background: #333; border-radius: 0 44px 44px 0; top: -3px; left: 20px; -webkit-transform-origin: 0px 22px; transform-origin: 0px 22px; -webkit-animation: progresses 2s infinite ease; animation: progresses 2s infinite ease;}
#loading .text{color: #fff; font-size: 0.9em; text-align: center; padding-top: 8px;}
#toast{position: fixed; top: -20%; left: 50%; max-width: 200px; padding: 6px; font-size: 0.8em; color: #fff; background: rgba(0,0,0,0.55); border-radius: 4px; box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2); transition: top 0.2s ease-in-out; -webkit-transition: top 0.2s ease-in-out; z-index: 99999999;}
#toast.show{top: 20%;}
/************************************************************/
@keyframes progresses{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}
@-webkit-keyframes progresses{0%{-webkit-transform: rotate(0deg);}100%{-webkit-transform: rotate(360deg);}}