/*
<!--

* 素材8
* 详尽信息请看官网：http://www.sucai8.cn/
*
* Copyright , 素材8
*
* 请尊重原创，未经允许请勿转载。
* 在保留版权的前提下可应用于个人或商业用途

-->
*/
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: #fff;
    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-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: 0;
}

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

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

.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: #a0a0a0;
    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;
    font-weight: bold;
}

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

.icon-search {
    margin-right: 20px;
    background-image: url('data:image/png;base64,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');
}

.icon-share {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAELklEQVRoQ+2aTajcVBSAz8kkfYNgfQhdFPXhQuG5Uen4Ci3WPqpCg8zkXiSoCxeuitZFf+gPCIIgoqJtV+pKBDeFoLlJxC4UKrgQtKBFlIJF8Icu2kJfKejDzJ0jFzolTGcmN5OZZDJvsplFzt93TiY5996DsMEu3GC8MAee9YrPKzyvMAA0m807TNN8BAAeIqL7ADL999cA4BMhhPodetm2vaVer79IRJvTZFPu30DET33fv9wrN/SRtm17oV6vv0lEBxDRzBHEBdM0t3me9+8gG7Ztb15YWDiPiPfn8JNU/Z2IGr2JHgjsuu5dcRyfQcQd4whASrktDMMfB9ninO8GgG/G4atro9PpPBMEwZdJm32BXdfdFMfxWUTcOY4AiOg7IcTjANAZZK/RaFhLS0vnAODhcfhUNoiICyFEKjDn/BAAvN/j+DQAnCGiPzMGtCaE+ElXhzHWAIA7deUB4FlEfLWffBbgSwCwtWuEiF4RQnyYIYhCRFutVsswjM8GvV+0gFut1gO1Wu23BOw5IcRKIQQZnKTBaj/SjLEnEfHrhO/3fN8/kiGWiYsOgL0CAJ8DwL5EsdL/w4wxhoh+QumgEOLUxCk0HQyCbbfbT9Rqtb2IeHJmgIfBRlF0gTGm+oXZAE6DVVWdGWAd2JkB1oWdCeAssJUHzgpbaeBRYCsLPCpsJYHzwFYOmHO+l4iinoXAFdVBqaZCpxGrzHdYwQJAAACbEmCZYJUe5/wlAPi4a0NKuScMw7PJZN22AVB0L90PloiuSSl36la2C+S67t3tdvs8ANxLRF9YlsU8z5NTAzwIloh2B0Hws85j3Cvjum5tfX19OYqiX/rpl1bhScDqJKgU4LJgVUIKBy4TtnDgsmELBZ4G2MKApwW2EOBpgp04cBmw6jsspVyJ4/hiFEVXez9VE3tLlwR7q9MCgD+I6NHUw7RxtJZlwKpKOo6zzzCMj7pV1TpMywvcbDaXTdNUp4T1xP7wtTztok4HVdrykHP+BgC8XjRsacCO4zxnGIY6aVTX9U6ns2vUhYBuZbtypa2HOefPE9GylPJ01iVeVsikfGnAeYLOozsH1pkAyPuWzlOhvLrzCutU2HGcpwzD+CrxWXlXCHEsb/aL0GeMvYOIRxONx9NBECQP92/fAKjKyEO/BDLGfkDEx7r3pJQPhmF4MSnbd2yJc/6X2vlLZGp/EAQfFFGlUX0wxl5GxFsxEtElIcQ9qYsHJTDmsaVRGbT0EHGJiNSowws9Cod93z+hBXxzMO1bRNyu5XXKhIjoe8uydnme958WsBIa9+hhUTlRU3+WZdme513v53PocOnq6mp9cXHxNQA4nnO4dOK8RNQGgLcty3pr2BCr1oB4zvHhScISAPyNiL+qI5Yoiv5Jc6YFnGakSvfnwFWq1iixzis8StaqpLPhKvw/kSH0apnE0gEAAAAASUVORK5CYII=');
}

.aui-contrast-box {
    display: -webkit-box;
    display: -webkit-flex;
    width: auto;
    -webkit-align-content: flex-start;
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    -webkit-box-direction: normal;
    -webkit-box-lines: single;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: justify;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    padding: 1.4rem 0.8rem;
}

.aui-contrast-item {
    width: 33.33333333%;
    -webkit-box-flex: 4;
    -webkit-flex: 4 4 auto;
    text-align: center;
    position: relative;
}

.aui-contrast-hd img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
}

.aui-contrast-item-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background: url(../images/ion-vs.jpg) no-repeat;
    background-size: 100%;
    line-height: 4.2rem;
    position: absolute;
    top: 50%;
    margin-top: -1.5rem;
    left: 50%;
    margin-left: -1rem;
}

.aui-contrast-bd {
    font-size: 0.9rem;
    color: #545454;
    padding-top: 0.5rem;
}

.aui-contrast-speed {
    display: -webkit-box;
    display: -webkit-flex;
    width: auto;
    -webkit-align-content: flex-start;
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    -webkit-box-direction: normal;
    -webkit-box-lines: single;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: justify;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    padding: 0 15px 15px 15px;
}

.aui-praise-fl {
    position: relative;
    min-height: 1px;
    padding-right: 1.03092784%;
    padding-left: 1.03092784%;
    width: 16.66666667%;
    -webkit-box-flex: 2;
    -webkit-flex: 2 2 auto;
}

.aui-praise-bg {
    background-color: #f8f8f8;
    border-radius: 50%;
    display: inline-block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    text-align: center;
}

.icon-praise {
    width: 22px;
    height: 22px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px;
    font-size: .21rem;
    background-size: 22px;
    background-image: url('data:image/png;base64,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');
}

.aui-praise-con {
    position: relative;
    padding-right: 1.03092784%;
    padding-left: 1.03092784%;
    width: 66.66666667%;
    -webkit-box-flex: 8;
    -webkit-flex: 8 8 auto;
    padding-top: 1.8rem;
}

.aui-praise-line {
    width: 100%;
    height: .15rem;
    background-color: #d5d5d5;
    position: relative;
}

.aui-praise-line-inner {
    width: 30px;
    height: .15rem;
    background-color: #ff5c5d;
    position: absolute;
    left: 0;
    right: 0;
}

.aui-praise-text-fl {
    color: #ed6666;
    position: absolute;
    left: 0;
    top: -1.5rem;
}

.aui-praise-text-fr {
    position: absolute;
    right: 0;
    top: -1.5rem;
}

.aui-praise-fr .icon-praise {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzRFMEJFMDY5RjY5MTFFODk3MjI5REE0MkM2OEE3MjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzRFMEJFMDc5RjY5MTFFODk3MjI5REE0MkM2OEE3MjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NEUwQkUwNDlGNjkxMUU4OTcyMjlEQTQyQzY4QTcyMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NEUwQkUwNTlGNjkxMUU4OTcyMjlEQTQyQzY4QTcyMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoSJGTEAAAQYSURBVHja7JtZSBVRGMdHW2wxSjKINIQWKYrCiozMMqMFW4zISyHtBD0EBUEZUVgvPWQPrUgL9VBUYxREJAQVraRCC9VD5S1bzfY0M3K5/T88xvTdMzp3vNfuOfbB7+F8M2eu//m+s84xwufzGe3JIrKystrid/qD5SADDACxoAacAQfANbcPNk0zoPsjQyy0C8gDZSAXjBViybqCbHAVHKOX3xZvvmMInx0PLoFEB/eS8DqwNNSCI0Mo9oZDsU22BMxRUTCl8UWQwPxfwWYwGXjAccB7zE0qpvQ+MJT5vGAGKLX4CsBLsNHiozYeB96oEuGJoje22h0hpFRyf57EN1illN7BytVgHvhscz/5q5ivtyqCJ4tIWo3a7IsW6lWyck9VBM9l5ddgr4N631i5ryqCM1n5BKh1UO+lim24u2QYKnRY9z4rD1dBcJzE98xh3XusPNoy/QxbwX0kvo8O614A9dYFDVgZ7oIbZCsxh3UrJaul9TYvMWwE19pMMZ3aLlbuBU4F+Iw2FVwl8fUIoP458FAyrl8BU0GHUG8AJIFZYBSIEb5YsQpyOjGYAG4G8LdQZ1VsEwSakT0AQ0TUqQm9B+9snkWLkgpQBPaYpllnJ5iGhHyQEoSXSR3PoQDrrLOZX7fGboN0iK7hKZ0mLqYE6Yd+uKizEywDP4MoeBzYytvwCHBeTCBaaz4R2QKX9Y+K2dZpo3HfKxi2mqd0CRgjufGu2KaptvioPZSL9lMtqfMWPAnSH9oZJIv2TT13DoiyXK8QTdAawClgvORZg5DWXtoAmC0RWwZWgMvGv7Vf4LqAbC0TXA4RuazOFo/Hc8Tw3x+Lanoj2ZI1bGoYiHU74ZGN63+lQBLz7RdLu3C0CEl/IbMvzQmOYb5HhjoW8GeTSMkQEKW74O+Sta2hSEo3uBHMh5bo/xHWXHC0QintSvAH5ktQKMKu2rCX+QboHmG+2TZQ9zbslYzD/XQWLNtOTdQ5pWk7lX/fSda50yK7oahgn1vBxcyfqnNKywTHKjIeu07pIsnbmqZzStO+bwm7lqFzSpMVSiLcQdcIywR3Mxp3ALVbDxuWjusTu75I5whT5bPs+vwwXx+3SjDZKVamD1cLdE1pMvo8ybc4V+kcYTp6cJD56KvEMF0Fk+02Gr8fWS1H15Qmo4OdJ5mP2nG8rhEm28YeRh/d8hUS3ClQwU8lQ9RMsN1oo6P6rZxaTrJ7QHPnpenT5HQ2DlNbzhS9eYVoQ03Us7KdL5B7uY8LjvV4PGksgHQYZoPdyqo5wa/AGsP/nMZQw/8A+L+ydIGTZaS3uZRussOG/xloFe2WaZq1TgST0am4heCxomJpIrW4pU6LGw1TdEaKTvjsFe033I3OoNBBnZGI7vM/vV57+1e83wIMADzLADgiHrb8AAAAAElFTkSuQmCC');
}

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

.aui-contrast-head {
    padding: 0.6rem 0.8rem;
    text-align: center;
    font-size: 0.9rem;
    font-weight: normal;
    position: relative;
    margin-bottom: 0.5rem;
}

.aui-contrast-head h3 {
    text-align: center;
    font-size: 0.9rem;
    font-weight: bold;
}

.aui-contrast-head:after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 90%;
    height: 1px;
    border-bottom: 1px solid #d2d2d2;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    left: 20px;
}

.aui-contrast-item h4 img {
    width: 11px;
    height: auto;
    display: inline-block;
    border: none;
    /* margin: 0 1px; */
    /* float: left; */
}

.aui-contrast-item h3 {
    color: #ff6600;
    font-weight: normal;
    padding-bottom: 0.5rem;
    font-size: 0.8rem;
}

.aui-contrast-item h4 {
    color: #ff6600;
    font-weight: normal;
    margin-bottom: 0.5rem;
}

.aui-contrast-item .aui-page-btn {
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    height: 1.5rem;
    padding: 0 0.4rem;
    font-size: 0.8rem;
    line-height: 1.5rem;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    color: #676767;
    border-radius: 3px;
    outline: 0;
    background-color: #f5f5f5;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.aui-contrast-default {
    color: #999;
    font-size: 0.8rem;
    line-height: 4rem;
}

.aui-contrast-item p {
    padding: 0.5rem 0;
    color: #6f6f6f;
    font-size: 0.75rem;
}

.aui-essential .aui-contrast-box {
    padding: 0.5rem 0.8rem;
}

.aui-contrast-item h5 {
    padding: 0.5rem 0;
    color: #6f6f6f;
    font-size: 0.75rem;
}

.aui-contrast-default-clear {
    line-height: inherit;
}