/* 公共样式表css */
html,body {
    color: #333;
    margin: 0;
    height: 100%;
    font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a, label, button, input, select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
    text-decoration: none;
    color: #000;
}

img {
    border: 0;
}

body {
    background: #f9f9f9;
    color: #666;
}

html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #08acee;
}

button {
    outline: 0;
}

img {
    border: 0;
}

button,input,optgroup,select,textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
}

li {
    list-style: none;
}

a {
    color: #666;
}

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
}

/* 必要布局样式css */
.aui-flexView {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.aui-navBar {
    height: 50px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: url("../images/icon-nav-toop-bg.png") repeat-x;
    background-size: contain;
}

.aui-navBar-bg {
    height: 44px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: url("../images/icon-nav-boot-bg.png") repeat-x;
    background-size: contain;
    width: 100%;
    /* margin-top: 60px; */
    z-index: 1002;
    position: absolute;
    left: 0;
    top: 50px;
}

.aui-scrollView {
    width: 100%;
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
    margin-bottom: 54px;
    margin-bottom: 54px;
}

.aui-navBar-search {
    overflow: hidden;
    box-flex: 1;
    flex: 1;
    -moz-flex: 1;
    -webkit-flex: 1;
    position: relative;
    background: #fbf1f0;
    border-radius: .25rem;
    box-shadow: inset 0 0.05rem 2px #be8581, inset 0 2px 8px rgba(0,0,0,.15), inset 0 0 0 0.05rem rgba(0,0,0,.1), 0 0.05rem 0.05rem 0 hsla(0,0%,100%,.1);
    color: #333;
    height: 2rem;
    border-radius: 3rem;
    border: 1px solid #a32d29;
    margin: 10px;
}

.aui-navBar-search input {
    font-size: .8rem;
    height: 100%;
    padding-left: 2.1rem;
    background: none;
    border: none;
    width: 100%;
}

.aui-hot-key {
    padding: 20px;
    position: relative;
    z-index: 1002;
}

.aui-hot-key h2 {
    font-size: .8rem;
    line-height: .75rem;
    color: #b0b0b0;
    font-weight: normal;
    padding: .2rem 0 .75rem .35rem;
}

.aui-hot-key ul li {
    position: relative;
    font-size: 0.7rem;
    font-weight: 700;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    padding: 0 16px;
    text-align: center;
    border-radius: .8rem;
    margin: 0 4px 8px 0;
    color: #a34243;
    background-color: #f2d7d6;
}

.aui-hot-key ul li:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: -42.85714%;
    left: 0;
    right: -42.85714%;
    border: 1px solid #e49192;
    border-radius: 1.8rem;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.aui-hot-key ul li:active {
    background: #eabab8;
}

.aui-hot-key ul .tenCent {
    color: #b0651b;
    background-color: #f3e7cb;
}

.aui-hot-key ul .tenCent:active {
    background: #e7d2a3;
}

.aui-hot-key ul .tenCent:before {
    border: 1px solid #deb87d;
}

.aui-hot-key-gray ul li {
    color: #868686;
    background-color: #eeeeee;
}

.aui-hot-key-gray ul li:before {
    border: 1px solid #dbdbdb;
}

.aui-hot-key-gray ul li:active {
    background: #dcd9d9;
}

.aui-input-search {
    position: absolute;
    left: 10px;
    top: 8px;
}

.icon {
    width: 20px;
    height: 20px;
    display: block;
    background-size: 20px;
    background-repeat: no-repeat;
}

.icon-search {
    background-size: 16px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAIAAAC1eHXNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODVBQUIwOTI4MjA1MTFFODhBRjhBQkI1RTQ1NTI1REMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODVBQUIwOTM4MjA1MTFFODhBRjhBQkI1RTQ1NTI1REMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NUFBQjA5MDgyMDUxMUU4OEFGOEFCQjVFNDU1MjVEQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NUFBQjA5MTgyMDUxMUU4OEFGOEFCQjVFNDU1MjVEQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiXYshcAAATwSURBVHjavFgLU9pYFE5CSMJDIMEpIiog3XF2rVbart2d7cz+9912dqY7PtsBanUdJYEAIiCgIYFkT3GHJjeXEB7rmTuCx9yb757ndyTV2zrhQjrdbr1ev200O93Og6L0+33DMGiaZhk2GAxEQuFoVIiEwyRJEjMJ6YxD1/WiKF6L4t3d3cSzOJ9vbXU1tbHBsuwicQCCL+fnPUWZ6kTK4wEoP2QyYK1pcDQwOMDyRycnjUaDmFU4zre3uxMVBPc4bhHVTb1+eHyiaSoxp5DkT1tb6VTKzbOo6eRq9fD42NB1hz0MAwHAQEiqqqb0FMIw8M8ZRq5QUHq9H7e2psMxtAQeBElR8VgsHo9Hed7r9ZoDudlqVWs1USr1ephI+ufykvF6M5ubbv0CMfHHhw99TbObN7m+/jyT4RyzAACJklQ4+4p16KtsFq7hhEMb4oBi8NfHj7e2wPRxvuzLXYHnXYaEqqpHp6e1mxtEDyb8/d07h5tQBBQekiiWpNtm4/H7aC0tBX/79RdB4BG9w2JYZv/N6431NUSv9bVcIe+wkYIfg4H+5ewr8heO5d6+2ec4jnCPYrhIktrZfpGIryL6klxp3bXH7QIcBPi1p1qcShLkq709jmNnTVhyZ3s74Pcj+vOLi/F+IYirYhHRppIb7mMCn4c0DVDQolCpKkoPjwMa2F27bVZ5KM/zSWnmRpaj0WUhaikohCFXZDyOmzoa2/F4jAWPkMT8K5ncQA6vwetwT9KNZmv49busxFYQzcwSe/bM4/FAHow09tf9Z492u4Oo3Denyb2XovhIxFpgNFXFFDrqQXkw/w6Nw1y255dgIIhooONgcAwGAwsOhiUWKgyD3gq4HK7PGQZpqRwLCg2Ta5ADsa+gaa9XM/W2PpiHXCQSDW5vPc8DPM32CgpxBISL7kg+ppX7+3tEwzIMxmzAtq3cxQA+sUAcjWbTYgyPB8uiqXA4jKgq1eoCQfSs2TFutqDs1UIqlRblmmJRRItTNIoPZ56P+Hw+c4kFynktifMXdQg1sSwhykRiFc8/gC4kEglEfXZ23uupcwL5nMvrumHWCLwQ8AfG8o90Mgk91lJ9NfX49NQYR8RdyOXVlT3ONtNpJ/4BAZxOo1MGcMzTT59mg1KW5Vw+jyih0ayMp8rU4wcQDt83CmiNMkk6ODzClmFnS3wbPqwXgBx5YaNFFhyP/vHSNBBBaphS5lWpVv58/75Wq7mJiIf7h78PDnK53GOvMC8wRnhpyWn7oPOdjF1cXubzBSxeXuBhegbDQiGyjW0G1InrYrFUKjsk/Npa4uXOzrh/TFhwgBQgVc4vHJpWKBxaCgaZYW2GXt3pdFutpqa58p0DFBSHs1Xml3FQKPujmXT67f7Pdt4w7egQjoTtelGUTnBpiLHHaEKEaR22zQACggmGhmAgAIkjyxU3ViEH3bbDiTBSwPADZ7nsOIIgbKZTozoBu8ZBgQK/t7s7ggI4OpO5jKbJlQpUtmazaecTELPQtJejy/GVmN82w4ELDo6OZFnGQUmMoLjCYRbIEUVR+kNWC+kDI/xEXg1QwCrlctkBytQ4ZpOJUGjiSQQuDPX6EFqPDYokSeBZUn8Se5itUrJBoWkcdf5/rZLNwgcCJRQKUcTTyqODVuPxkcbv87/OZkn9vks8uYCDPudyRVEMh0IAC4jpvwIMAPQAVO+9sdkoAAAAAElFTkSuQmCC');
}

.icon-close {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTFERTE5MkI4MjA4MTFFODhBRjhBQkI1RTQ1NTI1REMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTFERTE5MkM4MjA4MTFFODhBRjhBQkI1RTQ1NTI1REMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NUFBQjA5NDgyMDUxMUU4OEFGOEFCQjVFNDU1MjVEQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMURFMTkyQTgyMDgxMUU4OEFGOEFCQjVFNDU1MjVEQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv6vXYcAAAbVSURBVHja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');
}

.aui-navBar-close {
    position: absolute;
    right: 35px;
    top: 20px;
}

.aui-tabBar {
    width: 100%;
    position: relative;
    z-index: 100;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 54px;
    background-color: rgba(255, 255, 255, 0.96);
    box-shadow: 0 -11px 32px rgba(0,0,0,.08);
}

.aui-tabBar:before {
    content: "";
    position: absolute;
    top: -1px;
    height: 1px;
    width: 100%;
    background: rgba(0,0,0,.08);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.66667);
    transform: scaleY(.66667);
}

.aui-tabBar-item {
    background: #fff;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #979797;
    height: 54px;
}

.aui-tabBar-item a {
    display: inline-block;
    width: 100%;
    position: relative;
    text-align: center;
    height: 54px;
}

.aui-tabBar-item a img {
    display: block;
    margin: 9px auto 4px;
    width: 20px;
}

.aui-tabBar-item a h4 {
    color: #9a9a9a;
    font-size: 27px;
    height: 40px;
    position: relative;
    width: 300%;
    left: -100%;
    line-height: 40px;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.33333);
    transform: scale(.33333);
}

.aui-tabBar ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
}

.active {
    background: linear-gradient(0deg,hsla(0,0%,100%,.05),rgba(0,0,0,.05));
    position: relative;
    box-shadow: inset 5px 0 3px -3px rgba(0,0,0,.01), inset -5px 0 3px -3px rgba(0,0,0,.01);
}

.active:before {
    content: "";
    width: 1px;
    position: absolute;
    top: -25%;
    height: 150%;
    left: 0;
    -webkit-transform: scale(.66667);
    transform: scale(.66667);
    background: linear-gradient(0deg,hsla(0,0%,100%,.03),rgba(0,0,0,.03));
}

.active:after {
    content: "";
    width: 1px;
    position: absolute;
    top: -25%;
    height: 150%;
    right: 0;
    -webkit-transform: scale(.66667);
    transform: scale(.66667);
    background: linear-gradient(0deg,hsla(0,0%,100%,.03),rgba(0,0,0,.03));
}

.aui-tabBar-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 49;
}