@charset "utf-8";
/* CSS Document */
article, aside, body, div, dl, dd, figcaption, figure, footer, h1, h2, h3, h4, h5, h6, header, hgroup, html, input, nav, ol, p, section, select, textarea, ul { margin: 0; padding: 0 }
article, aside, div, figcaption, figure, footer, header, hgroup, img, nav, ol, section, ul { display: block; width: auto; height: auto; }
html { font-family: PingFang SC,Noto Sans CJK SC,Microsoft YaHei,arial,helvetica,tahoma,verdana,sans-serif }
body, html { font-size: 16px; }
body { color: #646663; background-color: #F6F6F6; -webkit-text-size-adjust: none }
.body-white { background-color: #fff; }
a { text-decoration: none; -webkit-tap-highlight-color: transparent; color: #666666; text-decoration: none; }
dl, dd, ol, ul { list-style-type: none; -webkit-margin-start: 0; }
img { max-width: 100%; border: none }
h1, h2, h3, h4, h5, h6, strong, th { font-size: 100%; font-weight: 400 }
em, i { font-style: normal }
input, textarea { line-height: 1.2; border-radius: 0; outline: none; box-sizing: border-box; -webkit-appearance: none; -webkit-tap-highlight-color: transparent }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; line-height: 1.2 }
table { width: 100%; border-collapse: collapse; border-spacing: 0 }
:root .hide { display: none }
.ellips { text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; display: none; background-color: rgba(0,0,0,.3) }



@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2) { /* 兼容iphone4/4s */
    html, body { font-size: 14px; }
}

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2) { /* 兼容iphone5 */
    html, body { font-size: 16px; }
}

@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2) { /* 兼容iphone6 */
    html, body { font-size: 17px; }
}

@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2) { /* 兼容iphone6 Plus */
    html, body { font-size: 18px; }
}

.clear, .clearfix { *zoom: 1; }
.clear:after, .clearfix:after { content: "\200B"; display: block; height: 0; clear: both; }

.bottom_margin { margin-bottom: 5rem; }

.fl { float: left; }
.fr { float: right; }
.hidden { display: none; }
.show { display: block; }
.over_hidden { overflow: hidden; }
.bg_body { background-color: #fff !important; }

/*返回导航图标字符定义*/
.icon-prev:before, .icon-back:before { content: "\e627"; }

/*******gray_bg******/

.bttn { border: none; outline: none; width: 100%; background-color: #517BED !important; height: 2.4rem; line-height: 2.4rem; font-size: 1rem; text-align: center; color: #fff; display: block; border-radius: .2rem; }
.btn { background-color: #517BED !important; height: 3rem; line-height: 3rem; font-size: 1rem; text-align: center; color: #fff; display: block; border-radius: .2rem; }
.input-control { border: 0 none; outline: none; font-size: .9em; }
.fixed-top { display: block; position: fixed; left: 0; right: 0; top: auto; padding: .3rem 0; z-index: 9999; border-top: solid 1px #f2f2f2; border-bottom: solid 1px #f2f2f2; }

.page { /*position: relative;*/ }
.page > .header { position: relative; }
.page > .header-fixed { position: fixed; top: auto; right: 0; top: 0; left: 0; z-index: 500; display: -webkit-flex; display: flex; }
.page-fixed { padding-top: 3rem; }

.page > .body { position: relative; }
.page > .article-box { margin-top: 2.5rem; background-color: #fff; }
.page > .body > section, .page > .body > .form-section { padding-top: .8rem; }
.page > .body > section > .row { position: relative; border-bottom: .1rem solid #eee; background: #fff; height: 3rem; padding-left: .8rem; padding-right: 1.2rem; }
.page > .body > section > .row > label { float: left; line-height: 2.5rem; font-size: .9em; width: 50%; }
.page > .body > section { padding-top: .8rem; }
.page > .body > form > .row { position: relative; border-bottom: .1rem solid #eee; background: #fff; height: 2.5rem; padding-left: .8rem; padding-right: 1.2rem; }
.page > .body > form > .row > label { float: left; line-height: 2.5rem; font-size: .9em; width: 50%; }
.page > .body > section > .row > .input-control { width: 50%; float: right; height: 1rem; line-height: 1rem; text-align: right; margin-top: .75rem; color: #666666 }
.page > .body > section > .row.row-more::before { position: absolute; right: 1rem; z-index: 10; display: block; content: ""; top: 50%; margin-top: -0.3rem; width: .5rem; height: .5rem; border-width: .1rem .1rem 0 0; border-style: solid; border-color: #bbb; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }
.page > .body > section.submit-bar { padding: 1.5rem 2.5rem; }
.page > .body > form > .submit-bar { padding: 1.5rem 2.5rem; }
.modle > .model-body > section.submit-bar { padding: 1.5rem 2.5rem; }
.page > .body > section > .row.row-images { }
.page > .footer { }
.page > .footer-fixed { position: fixed; top: auto; right: 0; bottom: 0; left: 0; z-index: 500; display: -webkit-flex; display: flex; padding: .5rem 0; background-color: #fff; box-shadow: 0 -2px 2px hsla(0,0%,78%,.3); }

.header-body { height: 3rem; background: #fff; position: relative; overflow: hidden; /*padding-left: 2rem;*/ padding-right: 1rem; border-bottom: 1px solid #eee; width: 100%; }
.header-body > .title { word-break: normal; text-wrap: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 1.1em; line-height: 3rem; text-align: center; }
.header-body > .back { position: absolute; left: 0rem; top: 0; padding: .5rem; color: #676767; line-height: 2rem; }
.header-body > .hiddenback { position: absolute; left: 0rem; top: 0; padding: .5rem; color: #676767; line-height: 2rem; }
.header-body > .back > .iconfont { font-size: 1.2rem; }
.header-body > .back > .iconfont > span { color: #de4d4d; }

.footer > .action-bar { display: -webkit-flex; display: flex; width: 100%; }
.footer > .action-bar > a { -webkit-flex: 1 1 auto; flex: 1 1 auto; text-align: center; }
.footer > .action-bar > a.btn { background: #de4d4d; color: #fff; padding: .5rem 1rem; margin-right: 1rem; line-height: 1.6rem; height: 1.6rem; }
.footer > .action-bar > a.fav { padding: 0 1rem; font-size: .8em; line-height: 160%; }
.footer > .action-bar > a.fav .iconfont { font-size: 1.8em; }

/**弹出提示层样式**/
.popup-layer { position: fixed; right: 0; bottom: 0; left: 0; top: 0; z-index: 1500; background-color: rgba(0,0,0,.2) }
.layer-body { margin: 3rem 3rem auto; padding: .5rem 1.5rem; background-color: rgba(0,0,0,.8); border-radius: 5px }
.layer-body p { font-size: .9rem; color: #fff; line-height: 1.5; text-align: center; }
.layer-body-error { background-color: rgba(250,60,60,.7); }
.layer-body-success { background-color: rgba(60, 250, 132, 0.70); }
.layer-body-warning { background-color: #FFDE89; }


@-webkit-keyframes rotate {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

/*通用对话框样式*/
.webapp-dialog-mask { position: fixed; display: none; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; }
.webapp-dialog-mask.show { display: block; }
.webapp-dialog { display: none; z-index: 9999; position: fixed; -webkit-box-sizing: border-box; margin: 1rem auto; width: 100%; top: 45%; left: 0; padding: 0 1.5rem; margin-top: -6rem; }
.webapp-dialog.show { display: block; }
.webapp-dialog .dialog-wrap { padding-top: 0.5rem; max-width: 20rem; margin: 0 auto; border-radius: 0.5rem; -webkit-background-clip: padding-box; background-color: #F8F8F8; }
.webapp-dialog .dialog-header { -webkit-box-sizing: border-box; }
.webapp-dialog .dialog-header h3 { font-size: 1.2rem; line-height: 2.4rem; text-align: center; color: #000; font-weight: normal; }
.webapp-dialog .dialog-close { position: absolute; display: block; left: 0; top: 0; height: 0.42rem; width: 0.42rem; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAANlBMVEVMaXGIiIiJiYmJiYn///+IiIiIiIiRkZGJiYmJiYmIiIiZmZmIiIiIiIiLi4uJiYmIiIiIiIif033nAAAAEXRSTlMA3vWjAZv1FdRBcAq0vhZmK7msGmgAAABkSURBVHgB7dE3AsMgFATRJSsi/fsf1nHb6Vya9pFH9zkEYz12nbEM0B6bxvJy0FZlJ7Wj2lHtqHZUO6od1Y5qR7VbwVNGfXmKKKhac/h+0Kj4/lTwB33/fXVgwbnEpX17KfilJ66vCbNL31qqAAAAAElFTkSuQmCC") no-repeat center; background-size: 0.15rem 0.15rem; }
.webapp-dialog .dialog-img { position: relative; margin: 0 auto; padding: 0.4rem 0 0; text-align: center; }
.webapp-dialog .dialog-img img { display: inline-block; width: 5rem; height: 5rem; }
.webapp-dialog .dialog-img .iconfont { width: 5rem; height: 5rem; display: inline-block; border-radius: 50%; color: #fff; line-height: 5rem; font-size: 2em; }
.webapp-dialog .dialog-header + .dialog-img { padding: 1rem 0 0; }
.webapp-dialog .dialog-header + .dialog-img:before { content: " "; position: absolute; width: 200%; height: 200%; top: 0; left: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; box-sizing: border-box; border-top: 0.01rem solid #E5E5E5; }
.webapp-dialog .dialog-body { -webkit-box-sizing: border-box; padding: 0.6rem 0.6rem 0; }
.webapp-dialog .dialog-body .dialog-brief { display: block; font-size: .9rem; line-height: 1.5rem; text-align: center; color: #676767; }
.webapp-dialog .dialog-footer { margin-top: 1.2rem; border-top: 1px solid #ddd; display: -webkit-box; display: -webkit-flex; }
.webapp-dialog .dialog-footer .dialog-button { -webkit-box-flex: 1; -webkit-flex: 1; display: block; width: 100%; height: 2.4rem; line-height: 2.4rem; font-size: 1rem; background: none; border: 0 none; outline: 0 none; border-left: 1px solid #ddd; -webkit-appearance: none; padding: 0; color: #108ee9; text-align: center; }
.webapp-dialog .dialog-footer .dialog-button:first-child { border-left: 0 none; border-bottom-left-radius: 0.5rem; }
.webapp-dialog .dialog-footer .dialog-button:last-child { border-bottom-right-radius: 0.5rem; }
.webapp-dialog .dialog-footer .dialog-button:disabled { color: #c2c2c2; }
.webapp-dialog .dialog-footer .dialog-button:active,
.webapp-dialog .dialog-footer .dialog-button.hover { background-color: #DDDDDD; }
.webapp-dialog .dialog-footer.selection { display: block; }
.webapp-dialog .dialog-footer.selection .dialog-button { display: block; border-top: 1px solid #ddd; border-left: 0 none; }
.webapp-dialog .dialog-footer.selection .dialog-button:first-child { border-top: 0 none; border-radius: 0; }
.webapp-dialog .dialog-footer.selection .dialog-button:last-child { border-bottom-left-radius: 0.5rem; }
.webapp-dialog .dialog-body input:focus { border-color: #108ee9; }
.webapp-dialog .dialog-body input.am-password-former,
.webapp-dialog .dialog-body input.am-text-former { -webkit-box-sizing: border-box; display: block; width: 100%; height: 2.4rem; overflow: hidden; border: 0.05rem solid #ddd; border-radius: 0.15rem; -webkit-background-clip: padding-box; margin-top: 1rem; padding: 1rem 1rem .8rem; -webkit-box-shadow: 0px 0.1rem 0px rgba(255, 255, 255, 0.4); font-size: .9rem; line-height: 1.5rem; }
.webapp-dialog.simage { margin-top: -8rem; }
.webapp-dialog.simage .dialog-wrap { padding-top: 0; }
.webapp-dialog.simage .dialog-img { padding-top: 1rem; }
.webapp-dialog.simage .dialog-img img { width: 5rem; height: 5rem; }
.webapp-dialog.simage .dialog-img .iconfont { width: 5rem; height: 5rem; display: inline-block; border-radius: 50%; color: #fff; line-height: 5rem; font-size: 2em; }
.webapp-dialog.image { margin-top: -8rem; }
.webapp-dialog.image .dialog-wrap { position: relative; padding-top: 0; }
.webapp-dialog.image .dialog-header h3 { line-height: 3rem; }
.webapp-dialog.image .dialog-footer { padding: 1rem; border: 0 none; margin-top: 0.5rem; }
.webapp-dialog.image .dialog-outlink { display: block; font-size: 0.13rem; text-align: center; padding-top: 0.05rem; }
.webapp-dialog.image .dialog-img + .dialog-header h3,
.webapp-dialog.simage .dialog-img + .dialog-header h3 { line-height: 1.5rem; font-weight: normal; padding-top: .8rem; }
.webapp-dialog .button { width: 100%; padding: 0 .4rem; -webkit-box-sizing: border-box; height: 2.4rem; text-align: center; font-size: 1rem; line-height: 2.4rem; border-radius: .2rem; -webkit-background-clip: padding-box; border: 0; }
.webapp-dialog .webapp-text-former { -webkit-box-sizing: border-box; display: block; width: 100%; height: 1.6rem; overflow: hidden; border: 1px solid #ddd; border-radius: .2rem; -webkit-background-clip: padding-box; margin-top: 1rem; padding: 1rem .5rem 1rem; -webkit-box-shadow: 0 0.1rem 0 rgba(255,255,255,.4); font-size: .9rem; line-height: 1rem; outline: 0 none; }
.webapp-dialog .button.button-blue { border: 0; color: #fff; background-color: #108ee9; }
.webapp-dialog .button.button-primary { border: 0; color: #fff; background-color: #DE4D4D; }
.webapp-dialog .button.button-success { border: 0; color: #fff; background-color: #108ee9; }
.webapp-dialog .button.button-info { border: 0; color: #fff; background-color: #108ee9; }
.webapp-dialog .button.button-warning { border: 0; color: #fff; background-color: #108ee9; }
.webapp-dialog .button.button-danger { border: 0; color: #fff; background-color: #108ee9; }
.webapp-dialog .button.button-link { border: 0; color: #fff; background-color: #108ee9; }
.webapp-dialog .button.button-default { border: 0; color: #fff; background-color: #108ee9; }
.dialog-img-success { background-color: #40C97F; }
.dialog-img-warning { background-color: #F4B846; }
.dialog-img-error { background-color: #E65151; }

/*通用操作信息提示面板样式*/
.webapp-message { text-align: center; display: flex; justify-content: center; flex-direction: column; padding: 2rem 0; }
.webapp-message > .message-body { padding: 2rem; }
.webapp-message > .message-body > .icon { width: 6rem; height: 6rem; color: #fff; text-align: center; line-height: 6rem; border-radius: 3rem; margin: 0 auto; text-align: center; }
.webapp-message > .message-body > .icon > .iconfont { font-size: 3em; }
.webapp-message > .message-body > .icon > img { max-width: 100%; max-height: 100%; }
.webapp-message > .message-body > h3 { color: #333333; font-size: 1.2em; padding: .8rem 0; }
.webapp-message > .message-body > p { color: #909090; font-size: 1em; font-weight: 200; }
.webapp-message.message-success > .message-body > .icon { color: #40C97F; }
/*.webapp-message.message-warning > .message-body > .icon { background-color: #F4B846; }
.webapp-message.message-error > .message-body > .icon { background-color: #E65151; }
.webapp-message.message-empty > .message-body > .icon { background-color: #f2f2f2; }*/
.webapp-message > .message-body > .button { display: block; border: 1px solid #517BED !important; height: 2.4rem; width: 10rem; border-radius: .2rem; color: #517BED !important; font-size: 1.1rem; line-height: 2.4rem; text-align: center; margin: 1rem auto .5rem; }
.webapp-message > .message-body > .image { width: 6rem; height: 6rem; margin: 0 auto; background-size: contain; background-repeat: no-repeat; margin-bottom: 1rem; }
.webapp-message > .message-body > .image img { width: 100%; }
/**通用表单验证提示样式**/
.webapp-tooltip { position: fixed; z-index: 9999; left: 0; top: 0; right: 0; background-color: #F4B846; color: #fff; padding: .5rem 1rem; line-height: 1.4rem; font-size: 1em; }
.webapp-tooltip.tooltip-error { background-color: #e65151; }
.webapp-tooltip.tooltip-success { background-color: #40C97F; }


/**通用TOAST提示样式**/
.webapp-loading { width: 1.5rem; height: 1.5rem; display: inline-block; vertical-align: middle; -webkit-animation: webappLoading 1s steps(12, end) infinite; animation: webappLoading 1s steps(12, end) infinite; background: transparent url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) no-repeat; background-size: 100%; }
.webapp-toast { position: fixed; z-index: 5000; width: 6.5em; min-height: 6.5em; top: 40%; left: 50%; margin-left: -3.25em; margin-top: -3.25em; background: rgba(50, 50, 50, 0.75); text-align: center; border-radius: .5rem; color: #FFFFFF; }
.webapp-toast .toast-icon { margin: 1rem 0 0; display: block; font-size: 2.4rem; }
.webapp-toast .webapp-loading { margin: 1rem auto 0; width: 3rem; height: 3rem; vertical-align: baseline; }
.webapp-toast .toast-content { margin: .3rem 0 1rem; font-size: 1em; }

@-webkit-keyframes webappLoading {
    0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); }
    100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); }
}

@keyframes webappLoading {
    0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); }
    100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); }
}

/*通用页签样式*/
.webapp-tabs { background: #fff; height: 2.4rem; display: -webkit-box; display: flex; }
.webapp-tabs > a { flex: 1; text-align: center; margin: 0 2rem; height: 2.2rem; border-bottom: .2rem solid #fff; line-height: 2.2rem; }
.webapp-tabs > a.active { border-bottom-color: #EF6666; }

/*公共表单提交照片选择样式*/
.photo-select-box { padding: .5rem 0 .8rem; }
.photo-select-box .items { float: left; width: 3.6rem; height: 3.6rem; position: relative; padding: .5rem; display: inline-block; overflow: hidden; }
.photo-select-box .items > .img { width: 3.6rem; height: 3.6rem; position: relative; }
.photo-select-box .items.error > .img:before { position: absolute; z-index: 1; left: 0; bottom: 0; right: 0; background-color: rgba(250,60,60,.7); color: #fff; content: '上传失败'; padding: .2rem; font-size: .7rem; }
.photo-select-box .items.success > .img:before { position: absolute; z-index: 1; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,.3); color: #fff; content: '上传成功'; padding: .2rem; font-size: .7rem; }
.photo-select-box .items.uploading > .img:before { position: absolute; z-index: 1; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,.3); color: #fff; content: '上传中'; padding: .2rem; font-size: .7rem; }
.photo-select-box .items > .img img { width: 3.6rem; height: 3.6rem; }
.photo-select-box .items > .close { width: 1rem; height: 1rem; position: absolute; right: 0; top: 0; background: #de4d4d; color: #fff; text-align: center; border-radius: 50%; }
.photo-select-box .items > .close .iconfont { font-size: .65em; line-height: 1.1rem; display: block; }
.photo-select-box .items-add > .img { width: 3.5rem; height: 3.5rem; border: 1px solid #ddd; text-align: center; line-height: 3.5rem; }
.photo-select-box .items-add > .img .iconfont { color: #ddd; font-size: 2em; }
.photo-select-box::after { content: ''; clear: both; width: 100%; display: block; }

/*通用条件筛选栏*/
.filter-box { position: relative; width: 100%; }
.filter-box > .filter-bar { display: -webkit-flex; display: flex; background: #fff; border-bottom: 1px solid #f2f2f2; padding: .5rem 0; }
.filter-box > .filter-bar > .items { flex: 1; -webkit-flex: 1; text-align: center; font-size: .8em; height: 1rem; overflow: hidden; line-height: 1rem; }
.filter-box > .filter-bar > .items .iconfont { margin-left: .5rem; }
.filter-box > .filter-droplist { display: none; position: absolute; top: 2rem; left: 0; right: 0; z-index: 99999; }
.filter-box > .filter-droplist .mask { content: ''; display: block; position: absolute; z-index: 0; top: 3rem; bottom: 0; right: 0; left: 0; background: rgba(0,0,0,.5); }
.filter-box > .filter-droplist.show { display: block; }
.filter-box > .filter-droplist > dl, .filter-box > .filter-droplist > div { display: none; background: #fff; position: absolute; left: 0; right: 0; }
.filter-box > .filter-droplist > dl.active, .filter-box > .filter-droplist > div.active { display: block; }
.filter-box > .filter-droplist > dl > dd { padding: .5rem 1rem .5rem 2.5rem; line-height: 1rem; border-bottom: 1px solid #f2f2f2; font-size: .9rem; }
.filter-box > .filter-droplist > dl > dd.selected { position: relative; }
.filter-box > .filter-droplist > dl > dd.selected:before { content: '\e602'; position: absolute; left: 1rem; color: rgb(255, 106, 0); font-family: iconfont; }
.filter-droplist .filter-more { padding: 1rem; }
.filter-more section { border-bottom: 0.05rem solid #f2f2f2; }
.filter-more section > h4 { font-size: 1em; line-height: 2rem; }
.filter-more section > .tags { padding: .5rem 0; }
.filter-more section > .tags a { font-size: .8em; width: 20%; float: left; background: #f2f2f2; text-align: center; margin: 0 .5rem .5rem 0; padding: .2rem 0; border-radius: .2rem; }
.filter-more section > .tags a.selected { background: #DE4D4D; color: #fff; }
.filter-more section > .tags::after { clear: both; content: ''; width: 100%; display: block; }
.filter-more > .submit-bar { position: absolute; bottom: 0; left: 0; right: 0; display: -webkit-box; display: flex; padding: 1rem 0; background: #fff; }
.filter-more > .submit-bar > .btn { flex: 1; -webkit-box-flex: 1; margin: 0 .5rem; }
.filter-more > .submit-bar > .btn-cancel { background: #e9e9e9; color: #999; }

/*通用搜索框*/
.search-box { display: block; background: #fff; padding: .3rem .5rem; margin-bottom: .5rem; }
.search-box .search-input { display: block; position: relative; border-radius: 1rem; height: 1.8rem; line-height: 1.8rem; background: #f2f2f2; font-size: .8em; padding: 0 .6rem; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.search-box .search-input > .iconfont { font-size: .9rem; margin-right: .5rem; }
.search-box .search-input > .search-clear { display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 1.1rem; }
.search-box .search-input > .search-clear.show { display: block; }

.webapp-search-view { position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: #fff; z-index: 9999; display: none; }
.webapp-search-view.show { display: block; }
.webapp-search-view > .webapp-search-bar { background: #fff; border-bottom: 1px solid #f2f2f2; padding: .4rem .8rem .4rem .8rem; display: -webkit-box; display: flex; }
.webapp-search-view > .search-list > ul > li { }
.webapp-search-view > .autocomplete-panel { display: none; }
.webapp-search-view > .history-panel { display: none; }
.webapp-search-view > .hotsearch-panel { display: none; }
.webapp-search-view > .autocomplete-panel.show { display: block; }
.webapp-search-view > .history-panel.show { display: block; }
.webapp-search-view > .hotsearch-panel.show { display: block; }
.webapp-search-bar > .search-input { display: -webkit-box; display: flex; flex: 6; -webkit-flex: 6; border-radius: 1rem; height: 1.8rem; line-height: 1.8rem; background: #f2f2f2; font-size: .8em; padding: 0 .6rem; color: #999; }
.webapp-search-bar > .search-input > input { border: 0 none; outline: none; background: #f2f2f2; color: #666666; flex: 4.5; -webkit-flex: 4.5; font-size: .8rem; }
.webapp-search-bar > .search-input > .type { font-size: .8rem; margin-right: .5rem; color: #323232; flex: 1; -webkit-flex: 1; position: relative; overflow: visible; white-space: nowrap; max-width: 3rem; }
.webapp-search-bar > .search-input > .type > label { }
.webapp-search-bar > .search-input > .type > .droplist { display: none; width: 6rem; position: absolute; left: 0; top: 2rem; background: #f9f9f9; }
.webapp-search-bar > .search-input > .type > .droplist.show { display: block; z-index: 1000; border: 1px solid #f2f2f2; box-shadow: 0 0 2px #ccc; }
.webapp-search-bar > .search-input > .type > .droplist li { border-bottom: 1px solid #f2f2f2; padding: .4rem .8rem; line-height: 1.2rem; }


.webapp-search-bar > .search-button { flex: 1; -webkit-flex: 1; line-height: 1.8rem; color: #909090; padding-left: .5rem; text-align: center; }
.webapp-search-view > .search-list > ul > li { border-bottom: 1px solid #f2f2f2; padding: .4rem .8rem; line-height: 1.6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.webapp-search-view > .search-list > ul > li > span { margin-right: 1rem; color: #999; font-size: .9rem; }
.webapp-search-view > .search-list > ul > li > .iconfont { margin-right: .5rem; }
.webapp-search-view > .search-list > h3 { color: #333; font-size: 1em; padding: .3rem .8rem .5rem; background: #f9f9f9; line-height: 1.2em; }
.webapp-search-view > .search-list .btn-clear { display: block; text-align: center; padding: .5rem; font-size: .9rem; color: #666; }
.webapp-search-view > .search-list > .keywords { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 1.2rem; }
.webapp-search-view > .search-list > .keywords > a { display: block; margin: 0 10px 10px 0; padding: 5px 10px; font-size: 14px; color: #333; line-height: 1.2; background-color: #f5f5f5; }

/*加载更多页面*/
.have-loading { font-size: .8rem; height: 3rem; line-height: 3rem; font-size: .8em; text-align: center; border: 1px solid #f2f2f2; display: none; }
.have-loading > i { margin-right: .1rem; }
.have-loading > span { display: inline-block; position: relative; top: 0.15rem; }

.have-more { font-size: .8rem; height: 3rem; line-height: 3rem; font-size: .8em; text-align: center; border: 1px solid #f2f2f2; display: none; }
.have-more > i { margin-right: .1rem; }
.have-more > span { display: inline-block; position: relative; top: 0.15rem; }


/**修复地图标注图片显示兼容性问题*/
.BMap_Marker img { max-width: initial !important; }