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 {
    text-decoration: none;
    color: #000;
}

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

img {
    border: 0;
}

body {
    background: #f6f6f6;
    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 {
}


.divHeight {
    width: 100%;
    height: 10px;
    background: #f5f5f5;
    position: relative;
    overflow: hidden;
}

.r-line {
    position: relative;
}

.r-line:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    height: 100%;
    border-right: 1px solid #D9D9D9;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.b-line {
    position: relative;
}

.b-line:after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 92%;
    height: 1px;
    border-bottom: 1px solid #e2e2e2;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    left:15px;
}

.aui-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px;
    position: relative;
}

.aui-flex-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    color: #333;
}


/* 必要布局样式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-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-top:-44px;
}

.aui-navBar {
    height: 44px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 1002;
}


.aui-navBar-item {
    height: 44px;
    min-width: 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 0 0.9rem;
    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;
    font-size: 0.7rem;
    white-space: nowrap;
    overflow: hidden;
    color: #808080;
    position: relative;
}

.aui-navBar-item:first-child {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-right: -25%;
    font-size: 0.9rem;
    font-weight: bold;
}

.aui-navBar-item:last-child {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.aui-center {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    height: 44px;
    width: 50%;
    margin-left: 25%;
}

.aui-center-title {
    text-align: center;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    font-size: 0.95rem;
    color: #333;
}

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

.icon-return{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAACVUlEQVRoQ+3bPWsUQRgH8P+/CEgIJKTxE6S0CBgkkHRprP0QqTRapI99ICak8kNYGxSViJ2Cfa4RGzsrId0jA3MwLJu7mZ2XZ3YnV+8e87vnZXZm54jGPmzMi3twTREXkRUArwDsAfgF4ILkTcwYq42wiGwC+Ahg2wHeAjgg+W0oukqwxX4B8KgH9p3kzmTAS7DG+Y/k2iTAHljj/EHy8ejBIrIO4Osdaez6npF8N2qwxX7uNKg+0yXJ50Ox5j71plUSqw4OwJ6SPI6J7PxetQhrYNUirIVVAWtii4NFxDwwXHt042Q12637YjVssebZ+MmS5pMNWyzCtWCLgGvCZgfXhs0KrhGbDVwrNgs4APua5EmKx8WQ70g6LYnIKoBPHlPPMcnTkIGmujYZ2GKv7IbbovGpYZOl9FiwScBjwkaDReQBgA+1p7FbX1E1LCLnAF4saSiqNZt08SAifwFsLABXhU2R0n8APGwJ/AbAUUsp3VbTMpFtalqap/KY0FHTklu7Y0EnAzvp3cbiwUlvszPps1k3/uXhAHTWHcq+6TJpSndq2jfSRdHZwLamq0NnBdeIzg6uDV0E7KBV3ytFr5ZCN9a03xwWB9tIm8MrPuc5snTvYindmbLU0CpgzUirgbXQqmAH7XMgLfqMlkrT6uvsnkcOza3RaPUIOwsOc1z4rhO07u90SPJt6JQ4v74asE1vH/SM5NYkwJ7o6Rwf9kzv9ySfTibCHXTfXwB2Sf6cHNimt/mTx0sA+wB+AzgjORuKrWZaigGE3ltVlw4d/JDrmwP/B+aYEkwljfBBAAAAAElFTkSuQmCC');

}

.aui-flex-header{
    background-repeat:no-repeat;

}

.aui-flex-header{
    background-image:url("../images/head-bg.jpg");
    width:100%;
    height:auto;
    padding-top:35px;
    background-size:100%;
}

.aui-flex-text{
    color:#fff;
    text-align:center;
    padding-bottom:1rem;
}

.aui-flex-text h1{
    font-size:2rem;
}

.aui-flex-text h2{
    width:20px;
    height:4px;
    background:#fff;
    margin:0 auto;
}

.aui-flex-text h3{
    margin-top:0.3rem;
    font-size:0.8rem;
    font-weight:normal;
}

.aui-flex-hos{
    width:120px;
    height:83px;
    margin-right:0.8rem;
    position:relative;
}

.aui-flex-hos img{
    width:100%;
    display:block;
    border:none;
    border-radius:3px;
}

.aui-activity{
    padding:15px;
}

.aui-activity-item{
    background:#fff;
    display:block;
    position:relative;
    margin-bottom:15px;
}

.aui-flex-button button{
    background-image: -webkit-gradient(linear,left top,right top,from(#fe5019),to(#ff7b03));
    background-image: -webkit-linear-gradient(left,#fe5019,#ff7b03);
    background-image: -moz-linear-gradient(left,#fe5019,#ff7b03);
    background-image: linear-gradient(to right,#fe5019,#ff7b03);
    background-color: #fe5019;
    color:#fff;
    border-radius:20px;
    border:none;
    font-size:0.85rem;
    padding:10px 25px;
}

.aui-flex-box h4{
    font-size:0.86rem;
    color:#fa4600;
    font-weight:normal;
}

.icon-gift{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAIAAABuYg/PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRDREM4M0REMzgwMTFFODhFMjJCMTEzQkM4MkE4MTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRDREM4M0VEMzgwMTFFODhFMjJCMTEzQkM4MkE4MTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NENEQzgzQkQzODAxMUU4OEUyMkIxMTNCQzgyQTgxOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NENEQzgzQ0QzODAxMUU4OEUyMkIxMTNCQzgyQTgxOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pvb7ypwAAATmSURBVHjavFZdbFVFEJ7Zcxs1llQEtVj/gpqi6E1okUKIURvUBx+tQa2hxSfQRoqJqAnxBTQhVo0h6YOakNjEBxNfNCQ+qA0YCFpFqmAMpkmrtYott1Da29J7z45nd3bP7p5bCFeD5+HePbszOzPfzHxzkIig8pmapI/egYF+dbqyRWxog/xaQIQLPSd/lkcOyKPfUnFOrLgnevpZqF9WKYULGJuboR2Py7ERvO0uXNpAvxyj2Rlc0SS6dsF1FVfMFuO+Xvn1V5CrEfc2gwR54keouTK3bQeuzGeFqeKR770WtzXK3p3mfeac/PDt+Kk18eZW+dNAIDpxqvxix3z7I+VdL9Efvxv148fmO9tK27dQsZi5ucJYaV5uvFu2r6LidODBdwfjjgfiTQ/KE9+brdN/l7c/M9++Id63l+I4uOPdPec7noj7v8jcLbKR/jlMcRluuROuujqAu/l+3PY6lUryzZdhdBjOz8U9r8pTY6L1MdHZBSK4RyxrUJjNFjN3VxhrWI6LFtOvg7C/DxKrvr1V60VnN80V5VuvyN7dNDIUNa2LNr+QzcoPA/HBLzGXi9asu4QCGTxEe56T8yVRtwTuyMOtjVBbB1EOYknTZ6F/v5yZBhSUhNPyEPJRlKPZWZgs0G/D8ty0qLki2tKNq1suwVjyjA7Jvh4cPCwlqXtJIAoQESkkEDBKIEnWahOTTbOjwBQ1It8cbdwEN960UOl/8zl89gHMTGl9VM2kNFGtp87CmYLeNJciRuLJrdi0XgkcPVz+eB8fIQipT/HapbDoGmUY2S3rU22tePjRHLy/kybGSB8n0joO1FcrIWIdDYDSSZ4lN8DNt6vFyBCiOVIa2ndZKMDkGdQ2IIxbjhcEjY+C5gZkNeI39cP4Ir/a9Gd7FEgLkOEXBQ1SmCOje3oiMZ4IKlF1wGq0QNdbDwLG4jd2ELQm8qu5QfmBBhV1IJQhljBQmD+OwVjgHagsJc8Da5JRCohURaJ+BVklNFGT8TEFRAtyXqgiaCAwWugZTW0zzmlTczQEBkzfWT9DGPx5MCILm9itFAZA2zNhwU2vMs6mGTSiKkqCbFOmPukjNP5Zv8nDQ5UG0oFPrMPGT89/3W3qX6QC2Jg3g2b8Lzp53FNB45TeoeAqNGVtsJISLvL46KFHp3RRLcBM4ebU6tCnsud5fYtqQ92MggmJG9OjKIy638C1rcrQkf7y3t2Ytm1KFmahaIHZJ1nntnaJ1fcJ666w9jX6nAJ0dWXas6LPXD8QcYoZKU4k91k4YnRFoM6vzYHGgFxdGS+ypQ+eB45onJNcL1bNBmQdcX1m3EzL0RZ5EJlX2V6TOZ7TNZyKpaWP5BEP16vPAxfiRksF7K4jyJTpKmB0zodMxVxsuydLQpRtcbaIzifUMTgPhUPEgsmtwpSO3IzI/EZheUDKO4a/yc4KBI8RHNjCNoxkcI1JcqWZDgvMRGLoEB36Pn07wN1K+CRX3TzD6uaZK5Dk86HqeUZVzLMQxn8xz7CKeRYY+5/mWQruZZ5n8N/mGVU1z/yc2UN2i1sAyEXEagGvIpOvlbYthl7po5luRiMHwXRz7pOhYa5jMl8rBEGVWHlyaTY5t5CRX1k2Z4bULetb0qW0wDNp8bgxpSDyE8mftsYJvxoblovF11++eYZ1dVhfn2z+I8AAlguJQs8dBI4AAAAASUVORK5CYII=');
    background-size:15px;
    width:15px;
    height:15px;
    margin-right:0.2rem;
}

.aui-flex-box h5{
    color:#9aa0a6;
    font-weight:normal;
}

.aui-flex-box h5 em{
    color:#fa4600;
    font-style:normal;
    margin-right:0.2rem;
}

.aui-flex-box h2{
    font-weight:normal;
    font-size:0.95rem;
    color:#333;
}

.aui-flex-address{
    font-size:0.8rem;
    width:100%;
    padding:0;

}

.aui-flex-box p{
    color:#676c73;
    font-size:0.7rem;
}


.aui-flex-address .aui-flex-box{
    color:#676c73;
}

.aui-flex-price{
    color:#fe5019;
    font-weight:bold;
    font-size:0.9rem;
}

.aui-flex-price em{
    font-style:normal;
    font-size:0.7rem;
    font-weight:normal;
}

.aui-pattern{
    position:relative;
    overflow:hidden;
}
.aui-pattern em{
    border:1px solid #e6e6e6;
    border-radius:2px;
    color:#9aa0a6;
    font-size:0.7rem;
    font-style:normal;
    padding:0 2px;
}

.aui-pattern .aui-pattern-one{
    border:1px solid #dcecfb;
    background:#dcecfb;
    color:#678eb0;
}

.aui-pattern .aui-pattern-two{
    border:1px solid #ecf5e2;
    background:#ecf5e2;
    color:#698e60;
}

.aui-comm{
    position:absolute;
    bottom:0.5rem;
    left:0.5rem;
}

.icon-comm{
    background-size:15px;
    width:15px;
    height:15px;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAACuUlEQVRoQ+2a4XETMRCF36sAqIB0QKiAUAGhAkgFIRUQKgAqIFQQqABSAaQD0oFTwTLPo7tRzvKdIktny5b+eMb2Svq0T3vaPREH1nhgvGjAvsfN7CmAF5Wo4J7k36m5rnjYQX4GcApAwLW13wA+kdTnSnsAbGbHAH5VCjqEuyJ5NvyyB94z2I5zBdoHlmdPatNvxHxf+/JeAjvv/okwrvEvP0kqHi1bB3wJ4GONNDFzJtkruQNWRHsVY1zpf152j6xDAe73cQOuVLJT024e3veg1TzcPDwVBSr7vUm6SboyyU5Nd2NJXwBQrrlwmdZVRCnoHsAlyS9ehpZipxRWfTym9LQR8EU36W5ZXVlI9aTnI0ud2+4fgCdTrnW/pwP7qZY/mJmNpZgqsAXrY4XshuuQDHxDMlgVMTN9r6pJqM1tlw14QfJZiMjMPgBQtTPUxuzGlJFqlw1YHa3biyoRHSXs4Sm7tyR/DLaPtseUnW+SLGl1snDR9quLtoL8FlEAzGl3DUAl5di2EXDsICX+p0VLeTlQLXDqIjbgdpZO1c6O2jVJN0nvqDRTp9UkfXCSVkJ9nqqXXbcLvT18787Duz73lPndkuzP3d3LNJ1PH1NBSBl4Wza64KIUdNn8Kw/7+FL8TlmVam8rwC7VU975ZluuyDyuioYnw7tboXta+xDA5NnT0EW14NVDV59SIFOdaqwSmdkpG3d3A0AqXZaQQ71lvWtpZjmj/XeS6i9rywrs4kAO6CKwD6J0zmU0M71ReJfYZzHYYsDO0ynQRWGLAidAry3WJyolaJZ9Dw9HiZT3rXtmBiNrVcARnp4Ntrikfc+s8bROQ0frnpk5PRs8WpYYYADtH12DR7/Scyi+hwfAyspUbNDL7P7CZ2lIv/9ZgbuBzUwyVjo6e9sK8OyU3oANeJurP8fY/wFvUoRMWGPCMwAAAABJRU5ErkJggg==');

}

.aui-ora{
    width:30px;
    height:30px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-15px;
    margin-top:-15px;
}

.aui-ora{
    width:30px;
    height:30px;
    display:block;
    border:none;
}