body{font-family:'Microsoft Yahei' 'arial';font-size:62.5%; background:#fff;min-width:320px;max-width:640px; width:expression(document.body.clientWidth <700 ? "640px" : "100%" ); margin:0 auto; color:#34344c;}

/* mobile diaolog style */
.ui-dialog-m{min-width:80%;max-width:90%; word-break: break-all;word-wrap: break-word; background:#fff; border-radius:5px;position:fixed;background: #fff;z-index: 1025; -webkit-animation: dialoClose 0.5s ease-in-out ; animation: dialoClose 0.5s ease-in-out ;}
.ui-dialog-m.ui-dialog-m-active{-webkit-animation: dialogActive 0.5s ease-in-out ; animation: dialogActive 0.5s ease-in-out ;}
.ui-dialog-m a{text-decoration: none}
.ui-dialog-m .ui-dialog-m-content{font-size:1.4rem; color:#666; text-align:center; padding:20px; line-height: 22px}
.ui-dialog-m .ui-dialog-m-content a{ width:100%; bottom:0; line-height:44px; text-align:center; color:#f06000!important; font-size:1.6rem; border-top:1px solid #f9bf99}
.ui-dialog-m .ui-dialog-m-button{ width:100%; bottom:0; line-height:44px; text-align:center;  font-size:1.6rem; border-top:1px solid #f9bf99}
.ui-dialog-m .ui-dialog-m-button a{display: inline-block;line-height: 42px;height: 42px; color:#f06000!important; box-sizing:border-box}
.ui-dialog-m .ui-dialog-m-button a.lf{border-left:none}
.ui-dialog-m .ui-dialog-m-button-line{font-style: normal;color: #F06000;}
.ui-dialog-m-mask{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; -webkit-user-select: none; z-index: 1024; background: #8B8B8B; opacity: 0.3}
.ui-dialog-m .ui-dialog-m-content .empty {height : 50px;width : 50px;border : 1px solid #C7C7C7;border-radius : 50%;animation : dialogLoading 2s infinite;-webkit-animation : dialogLoading 2s infinite;position: relative;box-shadow: 1px 1px 1px #C5C5C5;}
.ui-dialog-m .ui-dialog-m-content .empty .dot{height: 10px;width: 10px;position: absolute;background-color: #65A970;border-radius: 50%;top: 0;left: 5px;}
@-webkit-keyframes dialogActive{
    0% { -webkit-transform: scale(0.01) }
    60% { -webkit-transform: scale(1.05) } 
    80% { -webkit-transform: scale(0.95) }
    100% { -webkit-transform: scale(1.00) }
}
@keyframes dialogActive{
    0% { transform: scale(0.01) }
    60% { transform: scale(1.05) }
    80% { transform: scale(0.95) }
    100% { transform: scale(1.00) }
}
@-webkit-keyframes dialoClose{
    0% { -webkit-transform: scale(1.00); -webkit-opacity: 1 }
    20% { -webkit-transform: scale(0.95);-webkit-opacity: 0.9 }
    60% { -webkit-transform: scale(1.05);-webkit-opacity: 0.7}
    100% { -webkit-transform: scale(0.01);-webkit-opacity: 0 }
}
@keyframes dialoClose{
    0% { -webkit-transform: scale(1.00);opacity: 1 }
    20% { -webkit-transform: scale(0.95);opacity: 0.9  }
    60% { -webkit-transform: scale(1.05) ;opacity: 0.7 }
    100% { -webkit-transform: scale(0.01) ;opacity: 0 }
}
@-webkit-keyframes dialogLoading {
  0% {-webkit-transform : rotate(0deg);}
  100% {-webkit-transform : rotate(360deg);}
}
@keyframes dialogLoading {
  0% {transform : rotate(0deg);}
  100% {transform : rotate(360deg);}
}


.ui-dialog-m{ box-shadow:none;}
.ui-dialog-m { background:#f0f0f0; font-family: 'Microsoft Yahei' 'arial'; font-style:normal;}
.ui-dialog-m .ui-dialog-m-content{border-bottom: 1px solid #e3e3e3;margin-bottom: 12px; font-weight:normal; font-size:1.4rem; padding:20px 20px 15px 20px;}
.ui-dialog-m .ui-dialog-m-button a{ background: #e73600; color:#fff!important; font-size:1.6rem; border-radius:3px;}
.ui-dialog-m .ui-dialog-m-button a.confirm-cancel{ background:#7a7a7a;}
.ui-dialog-m .ui-dialog-m-button{ width: 100%;bottom: 0;line-height: 44px;text-align: center;border:none; padding:0 0 15px 0;}
.ui-dialog-m { padding:0 10px;}
.ui-dialog-m .ui-dialog-m-button-line{ color:#f0f0f0;}
.confirm-ok{background: #3f3f3f; border:none;}
.confirm-ok .ui-dialog-m-content{ border:none; padding:10px; margin:0; color:#fff;}
.ui-dialog-m-mask{background: rgba(0, 0, 0, .7);opacity: 0.7;}