@charset "UTF-8";
@font-face { font-family: 'yciconfont';
  /* project id 100245 */
src: url("//at.alicdn.com/t/font_100245_iu61ztzwxss.eot"); src: url("//at.alicdn.com/t/font_100245_iu61ztzwxss.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_100245_iu61ztzwxss.woff2") format("woff2"), url("//at.alicdn.com/t/font_100245_iu61ztzwxss.woff") format("woff"), url("//at.alicdn.com/t/font_100245_iu61ztzwxss.ttf") format("truetype"), url("//at.alicdn.com/t/font_100245_iu61ztzwxss.svg#yciconfont") format("svg"); }
.yciconfont { font-family: "yciconfont" !important; font-size: 1.2rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; display: inline; }

/*==========以下部分是Validform必须的===========*/
.Validform_checktip { display: none; line-height: 0.2rem; height: 0.2rem; overflow: hidden; color: #999; font-size: 0.12rem; }

.Validform_right { color: #71b83d; padding-left: 0.2rem; background: url("../images/validform/right.png") no-repeat left center; display: none; }

.Validform_wrong { display: block; color: red; margin-left: 0.95rem; padding-left: 0.2rem; background: url("../images/validform/error.png") no-repeat left center; background-size: 0.16rem 0.16rem; margin-bottom: 0.05rem; margin-top: -0.05rem; }

.Validform_loading { padding-left: 0.2rem; background: url("../images/validform/onLoad.gif") no-repeat left center; }

.Validform_error { background-color: #ffe7e7; }

#Validform_msg { color: #7d8289; font: 0.12rem/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width: 2.8rem; -webkit-box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; background: #fff; position: absolute; top: 0; right: 0.5rem; z-index: 99999; display: none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); }

#Validform_msg .iframe { position: absolute; left: 0; top: -1px; z-index: -1; }

#Validform_msg .Validform_title { line-height: 0.25rem; height: 0.25rem; text-align: left; font-weight: bold; padding: 0 0.08rem; color: #fff; position: relative; background-color: #000; }

#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height: 0.22rem; position: absolute; right: 0.08rem; top: 0; color: #fff; text-decoration: none; }

#Validform_msg a.Validform_close:hover { color: #cc0; }

#Validform_msg .Validform_info { padding: 0.08rem; border: 1px solid #000; border-top: none; text-align: left; }

.layermbox { position: absolute; left: 0; top: 0; width: 100%; z-index: 19891014; }

.layermmain, .laymshade { position: fixed; left: 0; top: 0; width: 100%; height: 100%; }

.layermbtn span, .layermchild { display: inline-block; position: relative; }

.laymshade { background-color: rgba(0, 0, 0, 0.5); pointer-events: auto; }

.layermmain { display: table; font-family: Helvetica,arial,sans-serif; pointer-events: none; }
.layermmain .section { display: table-cell; vertical-align: middle; text-align: center; }

.layermchild { text-align: left; background-color: #fff; font-size: 0.14rem; border-radius: 0.06rem; box-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.1); pointer-events: auto; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .18s; animation-duration: .18s; }

.layermborder { border: 1px solid #999; }

@-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
.layermanim { animation-name: bounceIn; -webkit-animation-name: bounceIn; }

.layermbox0 .layermchild { max-width: 2.6rem; min-width: 1.5rem; }

.layermbox1 .layermchild { border: none; border-radius: 0; }

.layermbox2 .layermchild { width: auto; max-width: 2.6rem; min-width: 0.4rem; border: none; background-color: rgba(0, 0, 0, 0.6); color: #fff; }

.layermchild h3 { padding: 0 0.45rem 0 0.1rem; height: 0.5rem; line-height: 0.5rem; font-size: 0.16rem; font-weight: 400; border-radius: 0.05rem 0.05rem 0 0; border-bottom: 1px solid #EBEBEB; }

.layermbtn span, .layermchild h3 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.layermcont { padding: 0.2rem 0.15rem; line-height: 0.22rem; border-radius: 0.05rem; text-align: center; }

.layermbox1 .layermcont { padding: 0; }

.layermbox2 .layermcont { text-align: center; padding: 0.3rem 0.3rem 0; line-height: 0; }
.layermbox2 .layermcont i { width: 0.15rem; height: 0.15rem; margin-left: 0.08rem; display: inline-block; background-color: #fff; border-radius: 100%; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.layermbox2 .layermcont i:first-child { margin-left: 0; -webkit-animation-delay: -.32s; animation-delay: -.32s; }
.layermbox2 .layermcont i.laymloadtwo { -webkit-animation-delay: -.16s; animation-delay: -.16s; }
.layermbox2 .layermcont > div { line-height: 0.22rem; padding-top: 0.07rem; margin-bottom: 0.2rem; font-size: 0.14rem; }

@-webkit-keyframes bouncedelay { 0%,100%,80% { -webkit-transform: scale(0); }
  40% { -webkit-transform: scale(1); } }
@keyframes bouncedelay { 0%,100%,80% { transform: scale(0); -webkit-transform: scale(0); }
  40% { transform: scale(1); -webkit-transform: scale(1); } }
.layermbtn { position: relative; height: 0.4rem; line-height: 0.4rem; font-size: 0; text-align: center; border-top: 1px solid #EBEBEB; }
.layermbtn span { width: 50%; text-align: center; font-size: 0.14rem; cursor: pointer; border-radius: 0 0.05rem 0 0; }
.layermbtn span:first-child { height: 0.39rem; background-color: #fff; border-radius: 0 0 0 0.05rem; }
.layermbtn:before { content: '\20'; position: absolute; width: 1px; height: 0.39rem; left: 50%; top: 0; background-color: #EBEBEB; }

.layermend { position: absolute; right: 0.07rem; top: 0.1rem; width: 0.3rem; height: 0.3rem; border: 0; font-weight: 400; background: 0 0; cursor: pointer; -webkit-appearance: none; font-size: 0.3rem; }
.layermend::after, .layermend::before { position: absolute; left: 0.05rem; top: 0.13rem; content: ''; width: 0.2rem; height: 0.02rem; background-color: rgba(0, 0, 0, 0.3); transform: rotate(45deg); -webkit-transform: rotate(45deg); border-radius: 0.03rem; }
.layermend::after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, header, hgroup, nav, section, article, aside, footer, figure, figcaption, menu, button { margin: 0; padding: 0; }

body { font-family: "Helvetica Neue",Helvetica,STHeiTi,sans-serif; line-height: 1.5; font-size: 0.16rem; color: #000; background-color: #f8f8f8; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; outline: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th { text-align: left; }

fieldset, img { border: 0; }

li { list-style: none; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0; }

button { -webkit-appearance: none; border: 0; background: 0 0; }

a { -webkit-touch-callout: none; text-decoration: none; }

:focus { outline: 0; -webkit-tap-highlight-color: transparent; }

em, i { font-style: normal; }

.ui-grid, .ui-grid-trisect, .ui-grid-halve { padding-left: 0.15rem; padding-right: 0.1rem; overflow: hidden; padding-top: 0.1rem; }

@media (max-width: 30.2rem) { .ui-grid, .ui-grid-trisect, .ui-grid-halve { padding-left: 0.1rem; padding-right: 0.05rem; } }
.ui-grid li, .ui-grid-trisect li, .ui-grid-halve li { padding-right: 0.05rem; padding-bottom: 0.1rem; float: left; position: relative; -webkit-box-sizing: border-box; }

.ui-grid-trisect > li { width: 33.3333%; }

.ui-grid-trisect-img { padding-top: 149.47%; }

.ui-grid-trisect h4 { position: relative; margin: 0.07rem 0 0.03rem; }
.ui-grid-trisect h4 span { display: inline-block; margin-left: 0.12rem; color: #777; }

.ui-grid-halve > li { width: 50%; }

.ui-grid-halve-img { padding-top: 55.17%; }

.ui-grid-trisect-img, .ui-grid-halve-img { position: relative; width: 100%; }

.ui-grid-trisect-img > span, .ui-grid-halve-img > span { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-repeat: no-repeat; -webkit-background-size: cover; }

.ui-grid-trisect-img img, .ui-grid-halve-img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.ui-grid-trisect-img.active, .ui-grid-halve-img.active { opacity: .5; }

.ui-row { display: block; overflow: hidden; }

.ui-col { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }

.ui-col-10 { width: 10%; }

.ui-col-20 { width: 20%; }

.ui-col-25 { width: 25%; }

.ui-col-33 { width: 33.3333%; }

.ui-col-50 { width: 50%; }

.ui-col-67 { width: 66.6666%; }

.ui-col-75 { width: 75%; }

.ui-col-80 { width: 80%; }

.ui-col-90 { width: 90%; }

.ui-row-flex { display: -webkit-box; width: 100%; -webkit-box-sizing: border-box; }
.ui-row-flex .ui-col { float: none; -webkit-box-flex: 1; width: 0; }
.ui-row-flex .ui-col-2 { -webkit-box-flex: 2; }
.ui-row-flex .ui-col-3 { -webkit-box-flex: 3; }
.ui-row-flex .ui-col-4 { -webkit-box-flex: 4; }

.ui-row-flex-ver { -webkit-box-orient: vertical; }
.ui-row-flex-ver .ui-col { width: 100%; height: 0; }

.ui-header, .ui-footer { position: fixed; width: 100%; z-index: 100; left: 0; }

.ui-header { top: 0; height: 0.45rem; line-height: 0.45rem; }

.ui-header-stable, .ui-header-positive { padding: 0 0.1rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.ui-header-stable, .ui-footer-stable { background-color: #f8f8f8; }

.ui-header-positive, .ui-footer-positive { background-color: #18b4ed; color: #fff; }

.ui-header-positive a, .ui-footer-positive a { color: #fff; }
.ui-header-positive a:active, .ui-footer-positive a:active { color: #fff; }
.ui-header-positive i, .ui-footer-positive i { color: #fff; }

.ui-footer-btn { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9f9), to(#e0e0e0)); color: #00a5e0; }
.ui-footer-btn .ui-tiled { height: 100%; }

.ui-footer { bottom: 0; height: 0.56rem; }

.ui-header ~ .ui-container { border-top: 0.45rem solid transparent; }

.ui-footer ~ .ui-container { border-bottom: 0.56rem solid transparent; }

.ui-header h1 { text-align: center; font-size: 0.18rem; }
.ui-header .ui-icon-return { position: absolute; left: 0; }
.ui-header .ui-btn { display: block; position: absolute; right: 0.1rem; top: 50%; margin-top: -0.15rem; }

.ui-center { width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; -webkit-box-align: center; text-align: center; height: 1.5rem; }

.ui-flex, .ui-tiled { display: -webkit-box; width: 100%; -webkit-box-sizing: border-box; }

.ui-flex-ver { -webkit-box-orient: vertical; }

.ui-flex-pack-start { -webkit-box-pack: start; }

.ui-flex-pack-end { -webkit-box-pack: end; }

.ui-flex-pack-center { -webkit-box-pack: center; }

.ui-flex-align-start { -webkit-box-align: start; }

.ui-flex-align-end { -webkit-box-align: end; }

.ui-flex-align-center { -webkit-box-align: center; }

.ui-tiled li { -webkit-box-flex: 1; width: 100%; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; -webkit-box-align: center; }

.ui-border-t { border-top: 0.01rem solid #e0e0e0; }

.ui-border-b { border-bottom: 0.01rem solid #e0e0e0; }

.ui-border-tb { border-top: #e0e0e0 1px solid; border-bottom: #e0e0e0 1px solid; background-image: none; }

.ui-border-l { border-left: 0.01rem solid #e0e0e0; }

.ui-border-r { border-right: 0.01rem solid #e0e0e0; }

.ui-border { border: 0.01rem solid #e0e0e0; }

.ui-border-radius { border: 0.01rem solid #e0e0e0; border-radius: 0.04rem; }

@media screen and (-webkit-min-device-pixel-ratio: 2) { .ui-border-radius { position: relative; border: 0; }
  .ui-border-radius:before { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 0.01rem solid #e0e0e0; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; padding: 0.01rem; -webkit-box-sizing: border-box; border-radius: 0.08rem; pointer-events: none; } }
a { color: #00a5e0; }

em { color: #ff8444; }

::-webkit-input-placeholder { color: #bbb; }

h1 { font-size: 0.18rem; }

h2 { font-size: 0.17rem; }

h3, h4 { font-size: 0.16rem; }

h5, .ui-txt-sub { font-size: 0.14rem; }

h6, .ui-txt-tips { font-size: 0.12rem; }

.ui-txt-default { color: #000; }

.ui-txt-white { color: #fff; }

.ui-txt-info { color: #777; }

.ui-txt-muted { color: #bbb; }

.ui-txt-warning, .ui-txt-red { color: #ff4222; }

.ui-txt-feeds { color: #314c83; }

.ui-txt-highlight { color: #ff8444; }

.ui-txt-justify { text-align: justify; }

.ui-txt-justify-one { text-align: justify; overflow: hidden; height: 0.24rem; }
.ui-txt-justify-one:after { display: inline-block; content: ''; overflow: hidden; width: 100%; height: 0; }

.ui-arrowlink { position: relative; }
.ui-arrowlink:before { font-family: iconfont !important; font-size: 0.32rem; line-height: 0.44rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .002rem; display: block; color: rgba(0, 0, 0, 0.5); color: #c7c7c7; content: ""; position: absolute; right: 0.15rem; top: 50%; margin-top: -0.22rem; margin-right: -0.1rem; }
.ui-arrowlink.active { background: #e5e6e7; }

@media (max-width: 30.2rem) { .ui-arrowlink:before { right: 0.1rem; } }
.ui-nowrap { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.ui-nowrap-flex { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; -webkit-box-flex: 1; height: inherit; }

.ui-nowrap-multi { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.ui-whitespace { padding-left: 0.15rem; padding-right: 0.15rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (max-width: 30.2rem) { .ui-whitespace { padding-left: 0.1rem; padding-right: 0.1rem; } }
.ui-whitespace-left { padding-left: 0.15rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (max-width: 30.2rem) { .ui-whitespace-left { padding-left: 0.1rem; } }
.ui-whitespace-right { padding-right: 0.15rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (max-width: 30.2rem) { .ui-whitespace-right { padding-right: 0.1rem; } }
.ui-justify { text-align: justify; font-size: 0; }
.ui-justify:after { content: ''; display: inline-block; width: 100%; height: 0; overflow: hidden; }
.ui-justify li { display: inline-block; text-align: center; }
.ui-justify p { font-size: 0.16rem; }

.ui-justify-flex { width: 100%; display: -webkit-box; -webkit-box-pack: justify; -webkit-justify-content: space-between; }

.ui-panel { overflow: hidden; margin-bottom: 0.1rem; }
.ui-panel .ui-grid-halve, .ui-panel .ui-grid-trisect { padding-top: 0; }
.ui-panel h1, .ui-panel h2, .ui-panel h3 { padding-left: 0.15rem; padding-right: 0.15rem; line-height: 0.44rem; position: relative; overflow: hidden; display: -webkit-box; }
.ui-panel h1 span, .ui-panel h2 span, .ui-panel h3 span { display: block; }

.ui-panel-card, .ui-panel-simple { background-color: #fff; }

.ui-panel-pure h2, .ui-panel-pure h3 { color: #777; }

.ui-panel-simple { margin-bottom: 0; }

.ui-panel-subtitle { font-size: 0.14rem; color: #777; margin-left: 0.1rem; }

.ui-panel-title-tips { font-size: 0.12rem; color: #777; position: absolute; right: 0.15rem; }

.ui-arrowlink .ui-panel-title-tips { right: 0.3rem; }

.ui-placehold-wrap { padding-top: 31.25%; position: relative; }

.ui-placehold { color: #bbb; position: absolute; top: 0; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; -webkit-box-align: center; -webkit-box-sizing: border-box; text-align: center; height: 100%; z-index: -1; }

.ui-placehold-img { padding-top: 31.25%; position: relative; }
.ui-placehold-img > span { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-repeat: no-repeat; -webkit-background-size: cover; }
.ui-placehold-img img { width: 100%; height: 100%; }

.ui-btn, .ui-btn-lg, .ui-btn-s { height: 0.30rem; line-height: 0.30rem; padding: 0 0.11rem; min-width: 0.55rem; display: inline-block; position: relative; text-align: center; font-size: 0.15rem; background-color: #fdfdfd; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fff), to(#fafafa)); vertical-align: top; color: #00a5e0; -webkit-box-sizing: border-box; -webkit-background-clip: padding-box; background-clip: padding-box; border: 0.01rem solid #cacccd; border-radius: 0.03rem; }

@media screen and (-webkit-min-device-pixel-ratio: 2) { .ui-btn, .ui-btn-lg, .ui-btn-s { position: relative; border: 0; }
  .ui-btn:before, .ui-btn-lg:before, .ui-btn-s:before { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 0.01rem solid #cacccd; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; padding: 0.01rem; -webkit-box-sizing: border-box; border-radius: 0.06rem; pointer-events: none; } }
.ui-btn:not(.disabled):not(:disabled):active, .ui-btn-lg:not(.disabled):not(:disabled):active, .ui-btn-s:not(.disabled):not(:disabled):active, .ui-btn.active { background: #f2f2f2; color: rgba(0, 165, 224, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; }

.active.ui-btn-lg, .active.ui-btn-s { background: #f2f2f2; color: rgba(0, 165, 224, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; }

.ui-btn:after, .ui-btn-lg:after, .ui-btn-s:after { content: ""; position: absolute; top: -0.07rem; bottom: -0.07rem; left: 0; right: 0; }

.ui-btn-primary { background-color: #18b4ed; border-color: #0baae4; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #1fbaf3), to(#18b4ed)); color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; }
.ui-btn-primary:not(.disabled):not(:disabled):active, .ui-btn-primary.active { background: #1ca7da; border-color: #1ca7da; color: rgba(255, 255, 255, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; }

.ui-btn-danger { background-color: #f75549; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fc6156), to(#f75549)); color: #fff; border-color: #f43d30; -webkit-background-clip: padding-box; background-clip: padding-box; }
.ui-btn-danger:not(.disabled):not(:disabled):active, .ui-btn-danger.active { background: #e2574d; border-color: #e2574d; color: rgba(255, 255, 255, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; }

.ui-btn.disabled { border: 0; color: #ccc; background: #e9ebec; -webkit-background-clip: padding-box; background-clip: padding-box; }

.disabled.ui-btn-lg, .disabled.ui-btn-s { border: 0; color: #ccc; background: #e9ebec; -webkit-background-clip: padding-box; background-clip: padding-box; }

.ui-btn:disabled, .ui-btn-lg:disabled, .ui-btn-s:disabled { border: 0; color: #ccc; background: #e9ebec; -webkit-background-clip: padding-box; background-clip: padding-box; }

.ui-btn-lg { font-size: 0.18rem; height: 0.44rem; line-height: 0.44rem; display: block; width: 100%; border-radius: 0.05rem; }

.ui-btn-wrap { padding: 0.15rem 0.1rem; }

@media (max-width: 30.2rem) { .ui-btn-wrap { padding: 0.1rem; } }
.ui-btn-s { padding: 0; width: 0.55rem; height: 0.25rem; line-height: 0.25rem; font-size: 0.13rem; }

@media screen and (-webkit-min-device-pixel-ratio: 2) { .ui-btn-primary:before { border: 0.01rem solid #0baae4; }
  .ui-btn-danger:before { border: 0.01rem solid #f43d30; }
  .ui-btn, .ui-btn-lg, .ui-btn-s { border: 0; }
  .ui-btn.disabled { border: 0.01rem solid #e9ebec; }
  .disabled.ui-btn-lg, .disabled.ui-btn-s { border: 0.01rem solid #e9ebec; }
  .ui-btn:disabled, .ui-btn-lg:disabled, .ui-btn-s:disabled, .ui-btn.disabled:before { border: 0.01rem solid #e9ebec; }
  .disabled.ui-btn-lg:before, .disabled.ui-btn-s:before { border: 0.01rem solid #e9ebec; }
  .ui-btn:disabled:before, .ui-btn-lg:disabled:before, .ui-btn-s:disabled:before { border: 0.01rem solid #e9ebec; }
  .ui-btn-lg:before { border-radius: 0.1rem; } }
.ui-btn-group { display: -webkit-box; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; }
.ui-btn-group button { display: block; -webkit-box-flex: 1; margin-right: 0.1rem; }
.ui-btn-group button:first-child { margin-left: 0.1rem; }

.ui-avatar, .ui-avatar-lg, .ui-avatar-s, .ui-avatar-one, .ui-avatar-tiled { display: block; -webkit-background-size: cover; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAA8FBMVEXp8Peat8+jwNidutKhvtagvdWcudGfu9Kpwteiv9ecudCsxNifvNTM2+ieu9PE1eSdudDO3OmkvtSyyNu/0eKhvNOivdPm7vWlv9WeutHI2Oa5zd+dudG+0eHn7/bG1+Xi6/SzydzT4Ozc5vDe6PLY5O/a5e/P3eqmv9WmwNW6zt/j7PTX4+6uxtno8Pff6fLh6vPW4u280ODg6fLC1OObuM+buNDD1eTU4eza5fDd5/GhvNKowdarw9jA0+K1y93k7PTk7fXl7fW7zt/F1uXc5/DZ5O/R3+vB0+OnwNXg6vKcuNDM2+mtxNjO3eq3zN1UQ75QAAACR0lEQVR4Xu3W1a7cMBAG4PnHDi4zMx5mxiLD+79Ne7YXq6hKHMU+Ui/8XVpKfo0nMwr9hyzLsizLsqx5ZTfX9DyvmXtXOaNXsd+rYqs9mJFx454HiLwMXsi8CzTO35JZ0x1ABLwlBZAzW0yhAzfgKOmiekLmVEII/peAd22u5ZGMSEpzSWYc30cyoim+oe4/wuU4LgZkwq0HyXEkPCMX9hmC4wmcHpK2VhWS40ncHZG2KcBJBAom2l7kJA6eSFsNDicJsB5qt8SH5EToz0nT1zUCRUi4IE3zqjLkm/aaPGsrQ8oz0nSkDgm1Z750AU4mtL/hYQ1FThZgZ4+0HH9BoAzx9knL8hKsoL9YChCsksdAd3PlWcXBhHSM15CsEqCsNY49uKwm4Lcos5MyAk7BRYmyOpxAcBoOqkca/1sBpyKyl1KH4HQc5J4pmzYkpwQsKJsQnFYRI8qmnD7EwdPrh0gcZA9xio76piBY4iFziACUMw+EcLNXEgKd7o5qVtD52UYeu5RNB3iiifIP0qcRgAplU4N/TNdILsVFgVq/0My6Vxa9lyeTF5jAwzPRsF4gLbfNhBSJ/pRMKPThxGbgkcy4iu19HqdkxN7oR2wlDmqrQ9K39JPm8RLYbZGu8T1cJ3mp1ElXJVqGLAKI7DOJxpA0Le8gJP8VSIGN7RE7Lmr6XfneACCKfwgAjfPFdP8qcpSbk76bgX+BDe+gPqMXs3quj43OQekNGTH+WBmV3nc/fdi+b+9m1S2VuqvZM6lZlmVZlmVZvwEAnS9LHbI74gAAAABJRU5ErkJggg==); }

.ui-avatar { width: 0.5rem; height: 0.5rem; -webkit-border-radius: 2rem; overflow: hidden; }
.ui-avatar > span { width: 100%; height: 100%; display: block; overflow: hidden; background-repeat: no-repeat; -webkit-background-size: cover; -webkit-border-radius: 2rem; }

.ui-avatar-lg, .ui-avatar-one { width: 0.7rem; height: 0.7rem; -webkit-border-radius: 0.02rem; overflow: hidden; }

.ui-avatar-lg > span, .ui-avatar-one > span { width: 100%; height: 100%; display: block; overflow: hidden; background-repeat: no-repeat; -webkit-background-size: cover; -webkit-border-radius: 2rem; }

.ui-avatar-s { width: 0.4rem; height: 0.4rem; -webkit-border-radius: 2rem; overflow: hidden; }
.ui-avatar-s > span { width: 100%; height: 100%; display: block; overflow: hidden; background-repeat: no-repeat; -webkit-background-size: cover; -webkit-border-radius: 2rem; }

.ui-avatar-tiled { width: 0.30rem; height: 0.30rem; -webkit-border-radius: 2rem; overflow: hidden; display: inline-block; }
.ui-avatar-tiled > span { width: 100%; height: 100%; display: block; overflow: hidden; background-repeat: no-repeat; -webkit-background-size: cover; -webkit-border-radius: 2rem; }

.ui-badge, .ui-badge-muted, .ui-badge-num, .ui-badge-corner, .ui-badge-cornernum { display: inline-block; text-align: center; background: #f74c31; color: #fff; font-size: 0.11rem; height: 0.16rem; line-height: 0.16rem; -webkit-border-radius: 0.08rem; padding: 0 0.06rem; -webkit-background-clip: padding-box; background-clip: padding-box; }

.ui-badge-muted { background: #b6cae0; }

.ui-badge-info { background: #008000; }

.ui-badge-warn { background: #ff8000; }

.ui-badge-num { height: 0.19rem; line-height: 0.2rem; font-size: 0.12rem; min-width: 0.19rem; -webkit-border-radius: 0.1rem; }

.ui-badge-wrap { position: relative; text-align: center; }

.ui-badge-corner { position: absolute; border: 0.02rem #fff solid; height: 0.2rem; line-height: 0.2rem; top: -0.04rem; right: -0.09rem; }

.ui-badge-cornernum { position: absolute; top: -0.04rem; right: -0.09rem; height: 0.19rem; line-height: 0.19rem; font-size: 0.12rem; min-width: 0.19rem; -webkit-border-radius: 0.1rem; top: -0.05rem; right: -0.05rem; }

.ui-label { display: inline-block; position: relative; line-height: 0.30rem; height: 0.30rem; padding: 0 0.15rem; border: 0.01rem solid #cacccd; border-radius: 0.15rem; }
.ui-label:active { background-color: #f3f2f2; }

@media screen and (-webkit-min-device-pixel-ratio: 2) { .ui-label { position: relative; border: 0; }
  .ui-label:before { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 0.01rem solid #cacccd; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; padding: 0.01rem; -webkit-box-sizing: border-box; border-radius: 0.30rem; pointer-events: none; } }
.ui-label-list { margin: 0 0.1rem; }
.ui-label-list .ui-label { margin: 0 0.1rem 0.1rem 0; }

.ui-label-s { font-size: 0.11rem; line-height: 0.16rem; display: inline-block; position: relative; padding: 0 0.01rem; color: #ff7f0d; border: 0.01rem solid #ff7f0d; border-radius: 0.02rem; }
.ui-label-s:active { background-color: #f3f2f2; }
.ui-label-s:after { content: ""; position: absolute; top: -0.05rem; bottom: -0.05rem; left: -0.05rem; right: -0.05rem; }

@media screen and (-webkit-min-device-pixel-ratio: 2) { .ui-label-s { position: relative; border: 0; }
  .ui-label-s:before { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 0.01rem solid #ff7f0d; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; padding: 0.01rem; -webkit-box-sizing: border-box; border-radius: 0.04rem; pointer-events: none; } }
.ui-tag-t, .ui-tag-hot, .ui-tag-new, .ui-tag-s-hot, .ui-tag-s-new, .ui-tag-pop-hot, .ui-tag-pop-new { position: relative; }

.ui-tag-t:before, .ui-tag-hot:before, .ui-tag-new:before, .ui-tag-s-hot:before, .ui-tag-s-new:before, .ui-tag-pop-hot:before, .ui-tag-pop-new:before, .ui-tag-t:after, .ui-tag-hot:after, .ui-tag-new:after, .ui-tag-s-hot:after, .ui-tag-s-new:after, .ui-tag-pop-hot:after, .ui-tag-pop-new:after { height: 0.2rem; left: 0; top: 0; z-index: 9; display: block; }

.ui-tag-t:before, .ui-tag-hot:before, .ui-tag-new:before, .ui-tag-s-hot:before, .ui-tag-s-new:before, .ui-tag-pop-hot:before, .ui-tag-pop-new:before, .ui-tag-vip:before, .ui-tag-svip:before, .ui-tag-selected:after { font-family: iconfont !important; font-size: 0.32rem; line-height: 0.44rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .002rem; display: block; color: rgba(0, 0, 0, 0.5); position: absolute; }

.ui-tag-t:before, .ui-tag-hot:before, .ui-tag-new:before, .ui-tag-s-hot:before, .ui-tag-s-new:before, .ui-tag-pop-hot:before, .ui-tag-pop-new:before { content: ""; line-height: 0.2rem; color: red; }

.ui-tag-t:after, .ui-tag-hot:after, .ui-tag-new:after, .ui-tag-s-hot:after, .ui-tag-s-new:after, .ui-tag-pop-hot:after, .ui-tag-pop-new:after { position: absolute; content: ''; width: 0.22rem; text-align: right; line-height: 0.2rem; font-size: 0.12rem; color: #fff; padding-right: 0.14rem; }

.ui-tag-b, .ui-tag-freelimit, .ui-tag-free, .ui-tag-last, .ui-tag-limit, .ui-tag-act, .ui-tag-xy, .ui-tag-vip, .ui-tag-svip { position: relative; }

.ui-tag-b:before, .ui-tag-freelimit:before, .ui-tag-free:before, .ui-tag-last:before, .ui-tag-limit:before, .ui-tag-act:before, .ui-tag-xy:before, .ui-tag-vip:before, .ui-tag-svip:before { position: absolute; font-size: 0.1rem; width: 0.28rem; height: 0.13rem; line-height: 0.13rem; bottom: 0; right: 0; z-index: 9; color: #fff; border-radius: 0.02rem; text-align: center; }

.ui-tag-vip:before, .ui-tag-svip:before { font-size: 0.32rem; text-indent: -0.02rem; border-radius: 0.02rem; }

.ui-tag-vip:before { background-color: red; color: #fffadf; content: ""; }

.ui-tag-svip:before { background-color: #ffd400; color: #b7440e; content: ""; }

.ui-tag-freelimit:before { background-color: #18b4ed; content: '限免'; }

.ui-tag-free:before { background-color: #5fb336; content: '免费'; }

.ui-tag-last:before { background-color: #8f6adb; content: '绝版'; }

.ui-tag-limit:before { background-color: #3385e6; content: '限量'; }

.ui-tag-act:before { background-color: #00c795; content: '活动'; }

.ui-tag-xy:before { background-color: #d7ba42; content: '星影'; }

.ui-tag-freemonthly:before { background-color: #ff7f0d; content: '包月'; }

.ui-tag-onsale:before { background-color: #00c795; content: '特价'; }

.ui-tag-hot:after, .ui-tag-s-hot:after, .ui-tag-pop-hot:after { content: '热'; }

.ui-tag-new:after, .ui-tag-s-new:after, .ui-tag-pop-new:after { content: '新'; }

.ui-tag-hot:before, .ui-tag-s-hot:before, .ui-tag-pop-hot:before { color: #ff7200; }

.ui-tag-s-hot:before, .ui-tag-s-new:before { content: ""; left: -0.02rem; }

.ui-tag-s-hot:after, .ui-tag-s-new:after { width: 0.16rem; padding-right: 0.12rem; }

.ui-tag-selected:after { content: ""; color: #18b4ed; right: -0.05rem; top: -0.05rem; z-index: 9; width: 0.26rem; height: 0.26rem; background: #fff; border-radius: 0.13rem; line-height: 0.26rem; text-indent: -0.03rem; }

.ui-tag-wrap { display: inline-block; position: relative; padding-right: 0.32rem; }
.ui-tag-wrap .ui-tag-vip, .ui-tag-wrap .ui-tag-svip { position: static; }
.ui-tag-wrap .ui-tag-vip:before, .ui-tag-wrap .ui-tag-svip:before { top: 50%; margin-top: -0.07rem; }

.ui-tag-pop-hot:before, .ui-tag-pop-new:before { content: ""; left: -0.1rem; top: 0.01rem; }

.ui-tag-pop-hot:after, .ui-tag-pop-new:after { font-size: 0.11rem; padding-right: 0; text-align: center; left: -0.05rem; }

.ui-searchbar-wrap { display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; background-color: #ebeced; height: 0.44rem; }
.ui-searchbar-wrap button { margin-right: 0.1rem; }
.ui-searchbar-wrap .ui-searchbar-cancel { color: #00a5e0; font-size: 0.16rem; padding: 0.04rem 0.08rem; }
.ui-searchbar-wrap .ui-searchbar-input, .ui-searchbar-wrap button, .ui-searchbar-wrap .ui-icon-close { display: none; }
.ui-searchbar-wrap.focus { -webkit-box-pack: start; }
.ui-searchbar-wrap.focus .ui-searchbar-input, .ui-searchbar-wrap.focus button, .ui-searchbar-wrap.focus .ui-icon-close { display: block; }
.ui-searchbar-wrap.focus .ui-searchbar-text { display: none; }

.ui-searchbar { border-radius: 0.05rem; margin: 0 0.1rem; background: #fff; height: 0.30rem; line-height: 0.30rem; position: relative; padding-left: 0.04rem; -webkit-box-flex: 1; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; color: #bbb; font-size: 0.14rem; width: 100%; }
.ui-searchbar input { -webkit-appearance: none; border: 0; background: 0 0; color: #000; width: 100%; padding: 0.04rem 0; }
.ui-searchbar .ui-icon-search, .ui-searchbar .ui-icon-close { line-height: 0.30rem; }

.ui-searchbar-input { -webkit-box-flex: 1; }

@media screen and (-webkit-min-device-pixel-ratio: 2) { .ui-searchbar.ui-border-radius:before { border-radius: 0.1rem; } }
.ui-list { background-color: #fff; width: 100%; }
.ui-list > li { position: relative; padding-left: 0.15rem; display: -webkit-box; }

.ui-list-pure > li { display: block; }

.ui-list-text > li, .ui-list-pure > li { position: relative; padding-top: 0.1rem; padding-bottom: 0.1rem; padding-right: 0.12rem; -webkit-box-align: center; }

.ui-list-text h4, .ui-list-text p { -webkit-box-flex: 1; }

.ui-list-cover > li { padding-left: 0.15rem; margin-left: 0; }

.ui-list > li.ui-border-t:first-child, .ui-list > li:first-child > .ui-border-t { border: 0; background-image: none; }

.ui-list-thumb, .ui-list-thumb-s, .ui-list-img, .ui-list-icon { position: relative; margin: 0.1rem 0.1rem 0.1rem 0; }

.ui-list-thumb > span, .ui-list-thumb-s > span, .ui-list-img > span, .ui-list-icon > span { display: block; width: 100%; height: 100%; z-index: 1; background-repeat: no-repeat; -webkit-background-size: cover; }

.ui-list-thumb { width: 0.5rem; height: 0.5rem; }

.ui-list-img { width: 1rem; height: 0.68rem; }

.ui-list-thumb-s { width: 0.28rem; height: 0.28rem; }

.ui-list-icon { width: 0.4rem; height: 0.1rem; }

.ui-list .ui-avatar, .ui-list .ui-avatar-s, .ui-list .ui-avatar-lg { margin: 0.1rem 0.1rem 0.1rem 0; }

.ui-list-info { -webkit-box-flex: 1; padding-top: 0.1rem; padding-bottom: 0.1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; padding-right: 0.15rem; }
.ui-list-info p { color: #777; font-size: 0.14rem; }

.ui-list-text .ui-list-info { padding-top: 0; padding-bottom: 0; }

.ui-list li h4 { font-size: 0.16rem; }
.ui-list:not(.ui-list-text) li > p, .ui-list li > h5 { font-size: 0.14rem; color: #777; }

.ui-list-active > li:active, .ui-list li.active { background-color: #e5e6e7; padding-left: 0.15rem; margin-left: 0; }

.ui-list-active > li:active { background-image: none; border-top-color: #e5e6e7; }

.ui-list > li.active { background-image: none; border-top-color: #e5e6e7; }
.ui-list > li.active > .ui-border-t { background-image: none; border-top-color: #e5e6e7; }
.ui-list > li.active + li > .ui-border-t, .ui-list > li.active + li.ui-border-t { background-image: none; border-top-color: #e5e6e7; }

.ui-list-link > li:after { font-family: iconfont !important; font-size: 0.32rem; line-height: 0.44rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .002rem; display: block; color: rgba(0, 0, 0, 0.5); color: #c7c7c7; content: ""; position: absolute; right: 0.15rem; top: 50%; margin-top: -0.22rem; margin-right: -0.1rem; }

.ui-list-text.ui-list-link > li, .ui-list-link .ui-list-info { padding-right: 0.3rem; }

.ui-list-function .ui-list-info { padding-right: 0.75rem; }
.ui-list-function .ui-btn { position: absolute; top: 50%; right: 0.15rem; margin-top: -0.15rem; }
.ui-list-function .ui-btn-s { margin-top: -0.12rem; }
.ui-list-function.ui-list-link .ui-list-info { padding-right: 0.9rem; }
.ui-list-function.ui-list-link .ui-btn { right: 0.3rem; }
.ui-list-function li { -webkit-box-align: inherit; }

.ui-list-one > li { padding-top: 0; padding-bottom: 0; line-height: 0.44rem; }
.ui-list-one .ui-list-info { -webkit-box-orient: horizontal; -webkit-box-align: center; }
.ui-list-one h4 { -webkit-box-flex: 1; }

.ui-form { background-color: #fff; }

.ui-form-item-order.active { background-color: #e5e6e7; }

.ui-form-item { position: relative; font-size: 0.16rem; height: 0.44rem; line-height: 0.44rem; padding-right: 0.15rem; padding-left: 0.15rem; }
.ui-form-item label:not(.ui-switch):not(.ui-checkbox):not(.ui-radio) { width: 0.95rem; position: absolute; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ui-form-item input, .ui-form-item textarea { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; border: 0; background: 0 0; padding-left: 0.95rem; line-height: 0.44rem; }
.ui-form-item input[type=checkbox], .ui-form-item input[type=radio] { padding-left: 0; }
.ui-form-item .ui-icon-close { position: absolute; top: 0; right: 0.06rem; }

.ui-form-item-textarea { height: 60.05rem; }
.ui-form-item-textarea label { vertical-align: top; }
.ui-form-item-textarea textarea { margin-top: 0.15rem; border: 0; }
.ui-form-item-textarea textarea:focus { outline: 0; }

.ui-form-item-link > li:after { font-family: iconfont !important; font-size: 0.32rem; line-height: 0.44rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .002rem; display: block; color: rgba(0, 0, 0, 0.5); color: #c7c7c7; content: ""; position: absolute; right: 0.15rem; top: 50%; margin-top: -0.22rem; margin-right: -0.1rem; }

@media (max-width: 30.2rem) { .ui-form-item-link > li:after { right: 0.1rem; } }
.ui-form-item-l label { color: #00a5e0; text-align: center; }

.ui-form-item-r button { color: #00a5e0; text-align: center; }
.ui-form-item-r .ui-icon-close { right: 10.25rem; }

.ui-form-item-l input:not([type=checkbox]):not([type=radio]) { padding-left: 10.15rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.ui-form-item-r { padding-right: 0; }
.ui-form-item-r input:not([type=checkbox]):not([type=radio]) { padding-left: 0; padding-right: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ui-form-item-r button { width: 1.1rem; height: 0.44rem; position: absolute; top: 0; right: 0; }
.ui-form-item-r button.disabled { color: #bbb; }
.ui-form-item-r button:not(.disabled):active { background-color: #e5e6e7; }

.ui-form-item-pure input, .ui-form-item-pure textarea { padding-left: 0; }

.ui-form-item-show label { color: #777; }

.ui-form-item-link:after { font-family: iconfont !important; font-size: 0.32rem; line-height: 0.44rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .002rem; display: block; color: rgba(0, 0, 0, 0.5); color: #c7c7c7; content: ""; position: absolute; right: 0.15rem; top: 50%; margin-top: -0.22rem; margin-right: -0.1rem; }

.ui-form-item-checkbox, .ui-form-item-radio, .ui-form-item-switch { display: -webkit-box; -webkit-box-align: center; }

.ui-checkbox, .ui-checkbox-s { display: inline-block; }

.ui-checkbox input, .ui-checkbox-s input { display: inline-block; width: 0.25rem; height: 0.01rem; position: relative; overflow: visible; border: 0; background: 0 0; -webkit-appearance: none; outline: 0; margin-right: 0.08rem; vertical-align: middle; }

.ui-checkbox input:before, .ui-checkbox-s input:before { font-family: iconfont !important; font-size: 0.32rem; line-height: 0.44rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .002rem; display: block; color: rgba(0, 0, 0, 0.5); content: ""; color: #18b4ed; position: absolute; top: -0.22rem; left: -0.04rem; color: #dedfe0; }

.ui-checkbox input:checked:before { content: ""; color: #18b4ed; }

.ui-checkbox-s input:checked:before { content: ""; color: #18b4ed; }
.ui-checkbox-s input:before { content: ""; }
.ui-checkbox-s input:checked:before { content: ""; }

.ui-reddot, .ui-reddot-border, .ui-reddot-s { position: relative; display: inline-block; line-height: 0.22rem; padding: 0 0.06rem; }

.ui-reddot:after, .ui-reddot-border:after, .ui-reddot-s:after { content: ''; position: absolute; display: block; width: 0.08rem; height: 0.08rem; background-color: #f74c31; border-radius: 0.05rem; right: -0.03rem; top: -0.03rem; -webkit-background-clip: padding-box; background-clip: padding-box; }

.ui-reddot-static { display: block; width: 0.08rem; height: 0.08rem; padding: 0; }
.ui-reddot-static:after { top: 0; right: 0; }

.ui-reddot-border:before { content: ''; position: absolute; display: block; width: 0.08rem; height: 0.08rem; background-color: #fff; border-radius: 0.05rem; right: -0.04rem; top: -0.04rem; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 0.01rem; }

.ui-reddot-s:after { width: 0.06rem; height: 0.06rem; top: -0.05rem; right: -0.05rem; }

.ui-switch { position: absolute; font-size: 0.16rem; right: 0.15rem; top: 50%; margin-top: -0.16rem; width: 0.52rem; height: 0.32rem; line-height: 0.32rem; }
.ui-switch input { width: 0.52rem; height: 0.32rem; position: absolute; z-index: 2; border: 0; background: 0 0; -webkit-appearance: none; outline: 0; }
.ui-switch input:before { content: ''; width: 0.5rem; height: 0.30rem; border: 0.01rem solid #dfdfdf; background-color: #fdfdfd; border-radius: 0.2rem; cursor: pointer; display: inline-block; position: relative; vertical-align: middle; -webkit-box-sizing: content-box; box-sizing: content-box; border-color: #dfdfdf; -webkit-box-shadow: #dfdfdf 0 0 0 0 inset; box-shadow: #dfdfdf 0 0 0 0 inset; -webkit-transition: border .4s,-webkit-box-shadow .4s; transition: border .4s,box-shadow .4s; -webkit-background-clip: content-box; background-clip: content-box; }
.ui-switch input:checked:before { border-color: #64bd63; -webkit-box-shadow: #64bd63 0 0 0 0.16rem inset; box-shadow: #64bd63 0 0 0 0.16rem inset; background-color: #64bd63; transition: border .4s,box-shadow .4s,background-color 1.2s; -webkit-transition: border .4s,-webkit-box-shadow .4s,background-color 1.2s; background-color: #64bd63; }
.ui-switch input:checked:after { left: 0.21rem; }
.ui-switch input:after { content: ''; width: 0.30rem; height: 0.30rem; position: absolute; top: 0.01rem; left: 0; border-radius: 100%; background-color: #fff; -webkit-box-shadow: 0 0.01rem 0.03rem rgba(0, 0, 0, 0.4); box-shadow: 0 0.01rem 0.03rem rgba(0, 0, 0, 0.4); -webkit-transition: left .2s; transition: left .2s; }

.ui-radio { line-height: 0.25rem; display: inline-block; }
.ui-radio input { display: inline-block; width: 0.26rem; height: 0.26rem; position: relative; overflow: visible; border: 0; background: 0 0; -webkit-appearance: none; outline: 0; margin-right: 0.08rem; vertical-align: middle; }
.ui-radio input:before { content: ''; display: block; width: 0.24rem; height: 0.24rem; border: 0.01rem solid #dfe0e1; border-radius: 0.13rem; -webkit-background-clip: padding-box; background-clip: padding-box; position: absolute; left: 0; top: 0; }
.ui-radio input:checked:after { content: ''; display: block; width: 0.14rem; height: 0.14rem; background: #18b4ed; border-radius: 0.07rem; position: absolute; left: 0.06rem; top: 0.06rem; }

.ui-select { position: relative; margin-right: 0.06rem; }
.ui-select select { -webkit-appearance: none; border: 0; background: 0 0; width: 100%; padding-right: 0.14rem; line-height: 0.44rem; }
.ui-select:after { position: absolute; top: 50%; right: 0; margin-top: -0.04rem; width: 0; height: 0; border-top: 0.06rem solid; border-right: 0.05rem solid transparent; border-left: 0.05rem solid transparent; color: #a6a6a6; content: ""; pointer-events: none; }

.ui-select-group { margin-left: 0.95rem; overflow: hidden; }
.ui-select-group .ui-select { float: left; }

.ui-form-item > .ui-select { margin-left: 0.95rem; }

.ui-input-wrap { background-color: #ebeced; height: 0.44rem; display: -webkit-box; -webkit-box-align: center; }
.ui-input-wrap .ui-btn, .ui-input-wrap i { margin-right: 0.1rem; }

.ui-input { height: 0.30rem; line-height: 0.30rem; margin: 0.07rem 0.1rem; background: #fff; padding-left: 0.1rem; -webkit-box-flex: 1; }
.ui-input input { width: 100%; height: 100%; border: 0; background: 0 0; -webkit-appearance: none; outline: 0; }

.ui-table { width: 100%; border-collapse: collapse; }
.ui-table th { font-weight: 500; }
.ui-table td, .ui-table th { border-bottom: 0.01px solid #e0e0e0; border-right: 0.01px solid #e0e0e0; text-align: center; }
.ui-table tr td:last-child, .ui-table tr th:last-child { border-right: 0; }
.ui-table tr:last-child td { border-bottom: 0; }

.ui-notice { width: 100%; height: 100%; z-index: 99; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; -webkit-box-align: center; position: absolute; text-align: center; }
.ui-notice > i { display: block; margin-bottom: 0.2rem; }
.ui-notice > i:before { font-family: iconfont !important; font-size: 0.32rem; line-height: 0.44rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .002rem; display: block; color: rgba(0, 0, 0, 0.5); content: ""; font-size: 1rem; line-height: 1rem; color: rgba(0, 0, 0, 0.3); }
.ui-notice p { font-size: 0.16rem; line-height: 0.2rem; color: #bbb; text-align: center; padding: 0 0.15rem; }

.ui-notice-btn { width: 100%; -webkit-box-sizing: border-box; padding: 0.5rem 0.15rem 0.15rem; }
.ui-notice-btn button { margin: 0.1rem 0; }

.ui-tips { padding: 0.2rem 0.15rem; text-align: center; font-size: 0.16rem; color: #000; }
.ui-tips i { display: inline-block; width: 0.32rem; height: 0.01rem; vertical-align: top; }
.ui-tips i:before { font-family: iconfont !important; font-size: 0.32rem; line-height: 0.44rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .002rem; display: block; color: rgba(0, 0, 0, 0.5); content: ""; color: #0090ff; line-height: 0.21rem; }

.ui-tips-success i:before { content: ""; color: #65d521; }

.ui-tips-warn i:before { content: ""; color: #f76249; }

.ui-tooltips { width: 100%; position: relative; z-index: 99; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }

.ui-tooltips-cnt { background-color: #fff; line-height: 0.44rem; height: 0.44rem; padding-left: 0.1rem; padding-right: 0.30rem; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ui-tooltips-cnt .ui-icon-close:before { font-size: 0.4rem; color: rgba(0, 0, 0, 0.2); margin-left: -0.1rem; position: absolute; right: 0; top: 0; }

.ui-tooltips-warn .ui-tooltips-cnt { background-color: rgba(255, 242, 183, 0.95); color: #000; }
.ui-tooltips-warn:active .ui-tooltips-cnt { background-color: #e1d498; }

.ui-tooltips-guide .ui-tooltips-cnt { color: #00a5e0; background-color: rgba(205, 242, 255, 0.95); }
.ui-tooltips-guide .ui-tooltips-cnt .ui-icon-close:before { color: rgba(0, 165, 224, 0.2); }
.ui-tooltips-guide:active .ui-tooltips-cnt { background-color: #b5dbe8; }

.ui-tooltips-cnt-link:after { font-family: iconfont !important; font-size: 0.32rem; line-height: 0.44rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .002rem; display: block; color: rgba(0, 0, 0, 0.5); color: #c7c7c7; content: ""; position: absolute; right: 0.15rem; top: 50%; margin-top: -0.22rem; margin-right: -0.1rem; color: rgba(0, 0, 0, 0.5); }

.ui-tooltips-guide .ui-tooltips-cnt-link:after { color: #00aeef; }

.ui-tooltips-warn i { display: inline-block; margin-right: 0.04rem; margin-left: -0.04rem; width: 0.32rem; height: 0.01rem; vertical-align: top; }
.ui-tooltips-warn i:before { font-family: iconfont !important; font-size: 0.32rem; line-height: 0.44rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .002rem; display: block; color: rgba(0, 0, 0, 0.5); content: ""; color: #f76249; }

.ui-newstips-wrap { margin: 0.2rem 0.15rem; text-align: center; }

.ui-newstips { background: #383939; position: relative; height: 0.4rem; line-height: 0.4rem; display: -webkit-inline-box; -webkit-box-align: center; padding-right: 0.25rem; border-radius: 0.05rem; font-size: 0.14rem; color: #fff; padding-left: 0.15rem; }
.ui-newstips .ui-avatar-tiled, .ui-newstips .ui-newstips-thumb, .ui-newstips i { display: block; margin-left: -0.05rem; margin-right: 0.1rem; }
.ui-newstips .ui-newstips-thumb { width: 0.30rem; height: 0.30rem; position: relative; }
.ui-newstips .ui-newstips-thumb > span { display: block; width: 100%; height: 100%; z-index: 1; background-repeat: no-repeat; -webkit-background-size: cover; }
.ui-newstips div { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; -webkit-box-flex: 1; height: inherit; }
.ui-newstips:after { font-family: iconfont !important; font-size: 0.32rem; line-height: 0.44rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .002rem; display: block; color: rgba(0, 0, 0, 0.5); color: #c7c7c7; content: ""; position: absolute; right: 0.15rem; top: 50%; margin-top: -0.22rem; margin-right: -0.1rem; }
.ui-newstips .ui-reddot, .ui-newstips .ui-badge-num { margin-left: 0.1rem; margin-right: 0.05rem; }

@media (max-width: 30.2rem) { .ui-newstips:after { right: 0.1rem; } }
.ui-poptips { width: 100%; position: fixed; top: 0; left: 0; z-index: 999; padding: 0 0.1rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.ui-poptips-cnt { background-color: rgba(0, 0, 0, 0.6); line-height: 0.4rem; height: 0.4rem; color: #fff; font-size: 0.16rem; text-align: center; border-bottom-left-radius: 0.03rem; border-bottom-right-radius: 0.03rem; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ui-poptips-cnt i { display: inline-block; width: 0.32rem; height: 0.01rem; vertical-align: top; }
.ui-poptips-cnt i:before { font-family: iconfont !important; font-size: 0.32rem; line-height: 0.44rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .002rem; display: block; color: rgba(0, 0, 0, 0.5); margin-right: 0.02rem; margin-left: 0.04rem; color: #fff; line-height: 0.4rem; }

.ui-poptips-info i:before { content: ""; }

.ui-poptips-success i:before { content: ""; }

.ui-poptips-warn i:before { content: ""; }

.ui-selector header { padding: 0.06rem 0.1rem; color: #a6a6a6; overflow: hidden; }
.ui-selector header h3 { float: left; }

.ui-selector-content { background: #fff; }

.ui-selector-item p { margin-left: 0.1rem; -webkit-box-flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ui-selector-item .ui-txt-info { margin: 0 0.1rem; font-size: 0.12rem; }
.ui-selector-item .ui-list-link li:after { display: none; }
.ui-selector-item h3:before { content: ''; display: block; width: 0; height: 0; border-left: 0.06rem solid; border-top: 0.05rem solid transparent; border-bottom: 0.05rem solid transparent; color: #a6a6a6; position: absolute; left: 0.25rem; top: 0.15rem; -webkit-transition: all .2s; }
.ui-selector-item.active h3 { border: 0; background-image: none; }
.ui-selector-item.active h3:before { -webkit-transform: rotate(90deg); }
.ui-selector-item.active ul { display: block; }
.ui-selector-item ul { display: none; }
.ui-selector-item h3 { display: -webkit-box; font-size: 0.16rem; padding-left: 0.54rem; line-height: 0.44rem; height: 0.44rem; position: relative; }

.ui-progress { overflow: hidden; width: 100%; height: 0.02rem; font-size: 0; background-color: #e2e2e2; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ui-progress span { display: block; width: 0; background: #65d521; height: 100%; font-size: 0; }

.ui-grid-trisect li .ui-progress, .ui-grid-halve li .ui-progress { position: absolute; height: 0.13rem; bottom: 0; z-index: 9; border: 0.05rem solid rgba(248, 248, 248, 0.9); }

.ui-grid-trisect li .ui-progress span, .ui-grid-halve li .ui-progress span { border-radius: 0.03rem; }

.ui-loading-wrap { display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; text-align: center; height: 0.4rem; }

.ui-loading { width: 0.2rem; height: 0.2rem; display: block; background: url(../img/loading_sprite.png); -webkit-background-size: auto 0.2rem; -webkit-animation: am-rotate 1s steps(12) infinite; }

.ui-loading-bright { width: 0.37rem; height: 0.37rem; display: block; background-image: url(../img/loading_sprite_white.png); -webkit-background-size: auto 0.37rem; -webkit-animation: am-rotate2 1s steps(12) infinite; }

.ui-loading-wrap .ui-loading { margin: 0.1rem; }

.ui-loading-block { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; background: rgba(0, 0, 0, 0.4); display: none; background: transparent; }
.ui-loading-block .ui-loading-cnt { width: 1.3rem; height: 1.1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-align: center; text-align: center; background: rgba(0, 0, 0, 0.65); border-radius: 0.06rem; color: #fff; font-size: 0.16rem; }
.ui-loading-block .ui-loading-bright { margin: 0.18rem 0 0.08rem; }
.ui-loading-block.show { display: -webkit-box; display: box; }

@-webkit-keyframes am-rotate { from { background-position: 0 0; }
  to { background-position: -2.4rem 0; } }
@-webkit-keyframes am-rotate2 { from { background-position: 0 0; }
  to { background-position: -4.44rem 0; } }
.ui-actionsheet { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; opacity: 0; pointer-events: none; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: end; background: rgba(0, 0, 0, 0.4); }
.ui-actionsheet.show { pointer-events: inherit; opacity: 1; }
.ui-actionsheet.show .ui-actionsheet-cnt { -webkit-transform: translateY(0); -webkit-transition-delay: .3s; }

.ui-actionsheet-cnt { font-size: 0.21rem; position: fixed; bottom: 0; padding: 0 0.08rem; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; -webkit-transform: translateY(100%); -webkit-transition-property: all; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: .3s; }

.ui-actionsheet button, .ui-actionsheet h4 { background: rgba(255, 255, 255, 0.84); display: block; width: 100%; color: #0079ff; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ui-actionsheet button { line-height: 0.44rem; height: 0.44rem; }
.ui-actionsheet h4 { line-height: 0.24rem; padding-left: 0.2rem; padding-right: 0.2rem; padding-top: 0.1rem; padding-bottom: 0.1rem; border-top-left-radius: 0.03rem; border-top-right-radius: 0.03rem; }
.ui-actionsheet button:not(:last-child) { border-top: 0.01rem #e0e0e0 solid; }
.ui-actionsheet button:last-child { margin: 0.08rem 0; border-radius: 0.03rem; }
.ui-actionsheet button:nth-last-child(2) { border-bottom-left-radius: 0.03rem; border-bottom-right-radius: 0.03rem; }
.ui-actionsheet button:active { opacity: .84; }
.ui-actionsheet h4 { font-size: 0.13rem; color: #8a8a8a; }
.ui-actionsheet .ui-actionsheet-del { color: #fd472b; }

@media screen and (-webkit-min-device-pixel-ratio: 2) { .ui-actionsheet button:not(:last-child) { border: 0; background-position: left top; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0)); background-repeat: repeat-x; -webkit-background-size: 100% 1px; } }
.ui-dialog { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; background: rgba(0, 0, 0, 0.4); display: none; }
.ui-dialog.show { display: -webkit-box; display: box; }

.ui-dialog-hd { height: 0.48rem; line-height: 0.48rem; text-align: center; position: relative; }

.ui-dialog-cnt { border-radius: 0.06rem; width: 2.7rem; -webkit-background-clip: padding-box; background-clip: padding-box; pointer-events: auto; background-color: rgba(253, 253, 253, 0.95); position: relative; font-size: 0.16rem; }

.ui-dialog-bd { min-height: 0.71rem; border-top-left-radius: 0.06rem; border-top-right-radius: 0.06rem; padding: 0.18rem; display: -webkit-box; display: box; -webkit-box-pack: center; -webkit-box-align: center; -webkit-box-orient: vertical; }
.ui-dialog-bd > h4 { margin-bottom: 0.04rem; width: 100%; text-align: center; }
.ui-dialog-bd > div, .ui-dialog-bd > ul { width: 100%; }

.ui-dialog-ft { border-bottom-left-radius: 0.06rem; border-bottom-right-radius: 0.06rem; display: -webkit-box; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; border-top: 0.01rem solid #e0e0e0; height: 0.42rem; line-height: 0.42rem; }

.ui-dialog-close:before { font-family: iconfont !important; font-size: 0.32rem; line-height: 0.44rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .002rem; display: block; color: rgba(0, 0, 0, 0.5); content: ""; color: #828282; display: block; line-height: 0.32rem; position: absolute; top: 0.03rem; right: 0.03rem; }
.ui-dialog-close:active { opacity: .5; }

.ui-dialog-ft button { color: #00a5e0; text-align: center; border-right: 0.01rem #e0e0e0 solid; width: 100%; line-height: 0.42rem; background: transparent; display: block; margin: 0 !important; -webkit-box-flex: 1; }
.ui-dialog-ft button:active { background-color: rgba(0, 0, 0, 0.1) !important; }
.ui-dialog-ft button:first-child { border-bottom-left-radius: 0.06rem; }
.ui-dialog-ft button:last-child { border-right: 0; border-bottom-right-radius: 0.06rem; }

@media screen and (-webkit-min-device-pixel-ratio: 2) { .ui-dialog-ft { position: relative; border: 0; background-position: left top; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0)); background-repeat: repeat-x; -webkit-background-size: 100% 1px; }
  .ui-dialog-ft button { border-right: 0; background-position: right top; background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0)); background-repeat: repeat-y; -webkit-background-size: 0.01rem 100%; }
  .ui-dialog-ft button:last-child { background: 0 0; } }
.ui-tab { width: 100%; overflow: hidden; }

.ui-tab-nav { width: 100%; background-color: #fff; display: box; display: -webkit-box; font-size: 0.16rem; height: 0.45rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.ui-tab-content { display: -webkit-box; }
.ui-tab-content > li { -webkit-box-flex: 1; width: 100%; }

.ui-tab-nav li { height: 0.45rem; line-height: 0.45rem; min-width: 0.7rem; box-flex: 1; -webkit-box-flex: 1; text-align: center; color: #777; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 0.02rem solid transparent; width: 100%; }
.ui-tab-nav li.current { color: #00a5e0; border-bottom: 0.02rem #00a5e0 solid; }
.ui-tab-nav li:active { opacity: .8; }

@font-face { font-family: "iconfont"; src: url(../font/iconfont-full.ttf) format("truetype"); }
.ui-icon, [class^="ui-icon-"] { font-family: "iconfont" !important; font-size: 0.32rem; line-height: 0.44rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.002rem; display: block; color: rgba(0, 0, 0, 0.5); }

.ui-icon-add:before { content: "\f615"; }

.ui-icon-more:before { content: "\f616"; }

.ui-icon-arrow:before { content: "\f600"; }

.ui-icon-return:before { content: "\f614"; }

.ui-icon-checked:before { content: "\f601"; }

.ui-icon-checked-s:before { content: "\f602"; }

.ui-icon-info-block:before { content: "\f603"; }

.ui-icon-success-block:before { content: "\f604"; }

.ui-icon-warn-block:before { content: "\f605"; }

.ui-icon-info:before { content: "\f606"; }

.ui-icon-success:before { content: "\f607"; }

.ui-icon-warn:before { content: "\f608"; }

.ui-icon-next:before { content: "\f617"; }

.ui-icon-prev:before { content: "\f618"; }

.ui-icon-tag:before { content: "\f60d"; }

.ui-icon-tag-pop:before { content: "\f60f"; }

.ui-icon-tag-s:before { content: "\f60e"; }

.ui-icon-warn-lg:before { content: "\f609"; }

.ui-icon-close:before { content: "\f60a"; }

.ui-icon-close-progress:before { content: "\f619"; }

.ui-icon-close-page:before { content: "\f60b"; }

.ui-icon-emo:before { content: "\f61a"; }

.ui-icon-delete:before { content: "\f61b"; }

.ui-icon-search:before { content: "\f60c"; }

.ui-icon-order:before { content: "\f61c"; }

.ui-icon-news:before { content: "\f61d"; }

.ui-icon-personal:before { content: "\f61e"; }

.ui-icon-dressup:before { content: "\f61f"; }

.ui-icon-cart:before { content: "\f620"; }

.ui-icon-history:before { content: "\f621"; }

.ui-icon-wallet:before { content: "\f622"; }

.ui-icon-refresh:before { content: "\f623"; }

.ui-icon-thumb:before { content: "\f624"; }

.ui-icon-file:before { content: "\f625"; }

.ui-icon-hall:before { content: "\f626"; }

.ui-icon-voice:before { content: "\f627"; }

.ui-icon-unfold:before { content: "\f628"; }

.ui-icon-gototop:before { content: "\f629"; }

.ui-icon-share:before { content: "\f62a"; }

.ui-icon-home:before { content: "\f62b"; }

.ui-icon-pin:before { content: "\f62c"; }

.ui-icon-star:before { content: "\f62d"; }

.ui-icon-bugle:before { content: "\f62e"; }

.ui-icon-trend:before { content: "\f62f"; }

.ui-icon-unchecked:before { content: "\f610"; }

.ui-icon-unchecked-s:before { content: "\f611"; }

.ui-icon-play-active:before { content: "\f630"; }

.ui-icon-stop-active:before { content: "\f631"; }

.ui-icon-play:before { content: "\f632"; }

.ui-icon-stop:before { content: "\f633"; }

.ui-icon-set:before { content: "\f634"; }

.ui-icon-add-group:before { content: "\f635"; }

.ui-icon-add-people:before { content: "\f636"; }

.ui-icon-pc:before { content: "\f637"; }

.ui-icon-scan:before { content: "\f638"; }

.ui-icon-tag-svip:before { content: "\f613"; }

.ui-icon-tag-vip:before { content: "\f612"; }

.ui-icon-male:before { content: "\f639"; }

.ui-icon-female:before { content: "\f63a"; }

.ui-icon-collect:before { content: "\f63b"; }

.ui-icon-commented:before { content: "\f63c"; }

.ui-icon-like:before { content: "\f63d"; }

.ui-icon-liked:before { content: "\f63e"; }

.ui-icon-comment:before { content: "\f63f"; }

.ui-icon-collected:before { content: "\f640"; }

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

html { font-size: 10px; font-size: 62.5%; }

* { margin: 0; padding: 0; }

a:hover { text-decoration: none; }

.blank_s { height: 8px; height: 0.8rem; }

.blank_m { height: 16px; }

.blank_l { height: 26px; }

.bds { border: solid 1px #ccc !important; }

.bdd { border: dashed 1px #ccc !important; }

.bdd_t { border-top: dashed 1px #ccc !important; }

.bdd_l { border-left: dashed 1px #ccc !important; }

.bdd_r { border-right: dashed 1px #ccc !important; }

.bdd_t { border-top: dashed 1px #ccc !important; }

.bds_b { border-bottom: solid 1px #ccc !important; }

.bds_t { border-top: solid 1px #ccc !important; }

.bds_l { border-left: solid 1px #ccc !important; }

.bds_r { border-right: solid 1px #ccc !important; }

.bdd_b { border-bottom: dashed 1px #ccc !important; }

.bdn { border: none !important; }

.bdn_b { border-bottom: none !important; }

.bdn_t { border-top: none !important; }

.bdn_l { border-left: none !important; }

.bg_white { background: #fff !important; }

.bg_f5 { background: #F5F5F5 !important; }

.bg_ff { background: #fff !important; }

.bg_none { background: none  !important; }

.cursor { cursor: pointer; }

.cursor_none { cursor: default !important; }

.dis_blk { display: block !important; }

.dis_none { display: none !important; }

.dis_inline { display: inline !important; }

.dis_inb { display: inline-block !important; }

.clear { clear: both; }

.fl { float: left !important; }

.fwb { font-weight: bold; }

.white { color: #fff !important; }

.red { color: #ff0000 !important; }

.black { color: #000 !important; }

.grey { color: grey !important; }

.blue { color: blue !important; }

.light-blue { color: #009CEB !important; }

.bgc_grey { background: #ccc; }

.lh10 { line-height: 1 !important; }

.lh11 { line-height: 1.1 !important; }

.lh12 { line-height: 1.2 !important; }

.lh13 { line-height: 1.3 !important; }

.lh14 { line-height: 1.4 !important; }

.lh15 { line-height: 1.5 !important; }

.lh16 { line-height: 1.6 !important; }

.lh17 { line-height: 1.7 !important; }

.lh18 { line-height: 1.8 !important; }

.lh19 { line-height: 1.9 !important; }

.lh20 { line-height: 2 !important; }

.lh21 { line-height: 2.1 !important; }

.lh22 { line-height: 2.2 !important; }

.lh23 { line-height: 2.3 !important; }

.lh24 { line-height: 2.4 !important; }

.lh25 { line-height: 2.5 !important; }

.lh26 { line-height: 2.6 !important; }

.lh27 { line-height: 2.7 !important; }

.lh28 { line-height: 2.8 !important; }

.lh29 { line-height: 2.9 !important; }

.lh30 { line-height: 3 !important; }

.fs12 { font-size: 12px !important; font-size: 0.12rem !important; }

.fs13 { font-size: 13px !important; font-size: 0.13rem !important; }

.fs14 { font-size: 14px !important; font-size: 0.14rem !important; }

.fs15 { font-size: 15px !important; font-size: 0.15rem !important; }

.fs16 { font-size: 16px !important; font-size: 0.16rem !important; }

.fs17 { font-size: 17px !important; font-size: 0.17rem !important; }

.fs18 { font-size: 18px !important; font-size: 0.18rem !important; }

.fs19 { font-size: 19px !important; font-size: 0.19rem !important; }

.fs20 { font-size: 20px !important; font-size: 0.2rem !important; }

.fs21 { font-size: 21px !important; font-size: 0.21rem !important; }

.fs22 { font-size: 22px !important; font-size: 0.22rem !important; }

.fs23 { font-size: 23px !important; font-size: 0.23rem !important; }

.fs24 { font-size: 24px !important; font-size: 0.24rem !important; }

.fs25 { font-size: 25px !important; font-size: 0.25rem !important; }

.fs26 { font-size: 26px !important; font-size: 0.26rem !important; }

.fs27 { font-size: 27px !important; font-size: 0.27rem !important; }

.fs28 { font-size: 28px !important; font-size: 0.28rem !important; }

.fs29 { font-size: 29px !important; font-size: 0.29rem !important; }

.fs30 { font-size: 30px !important; font-size: 0.3rem !important; }

.fs31 { font-size: 31px !important; font-size: 0.31rem !important; }

.fs32 { font-size: 32px !important; font-size: 0.32rem !important; }

.fs33 { font-size: 33px !important; font-size: 0.33rem !important; }

.fs34 { font-size: 34px !important; font-size: 0.34rem !important; }

.fs35 { font-size: 35px !important; font-size: 0.35rem !important; }

.fs36 { font-size: 36px !important; font-size: 0.36rem !important; }

.fs37 { font-size: 37px !important; font-size: 0.37rem !important; }

.fs38 { font-size: 38px !important; font-size: 0.38rem !important; }

.fs39 { font-size: 39px !important; font-size: 0.39rem !important; }

.fs40 { font-size: 40px !important; font-size: 0.4rem !important; }

.fs41 { font-size: 41px !important; font-size: 0.41rem !important; }

.fs42 { font-size: 42px !important; font-size: 0.42rem !important; }

.fs43 { font-size: 43px !important; font-size: 0.43rem !important; }

.fs44 { font-size: 44px !important; font-size: 0.44rem !important; }

.fs45 { font-size: 45px !important; font-size: 0.45rem !important; }

.fs46 { font-size: 46px !important; font-size: 0.46rem !important; }

.fs47 { font-size: 47px !important; font-size: 0.47rem !important; }

.fs48 { font-size: 48px !important; font-size: 0.48rem !important; }

.fs49 { font-size: 49px !important; font-size: 0.49rem !important; }

.fs50 { font-size: 50px !important; font-size: 0.5rem !important; }

.fr { float: right !important; }

.br10 { border-radius: 1px !important; border-radius: 0.01rem !important; }

.br20 { border-radius: 2px !important; border-radius: 0.02rem !important; }

.br30 { border-radius: 3px !important; border-radius: 0.03rem !important; }

.br40 { border-radius: 4px !important; border-radius: 0.04rem !important; }

.br50 { border-radius: 5px !important; border-radius: 0.05rem !important; }

.br60 { border-radius: 6px !important; border-radius: 0.06rem !important; }

.br70 { border-radius: 7px !important; border-radius: 0.07rem !important; }

.br80 { border-radius: 8px !important; border-radius: 0.08rem !important; }

.br90 { border-radius: 9px !important; border-radius: 0.09rem !important; }

.br100 { border-radius: 10px !important; border-radius: 0.1rem !important; }

.h10 { height: 10px !important; height: 0.1rem !important; }

.h20 { height: 20px !important; height: 0.2rem !important; }

.h30 { height: 30px !important; height: 0.3rem !important; }

.h40 { height: 40px !important; height: 0.4rem !important; }

.h50 { height: 50px !important; height: 0.5rem !important; }

.h60 { height: 60px !important; height: 0.6rem !important; }

.h70 { height: 70px !important; height: 0.7rem !important; }

.h80 { height: 80px !important; height: 0.8rem !important; }

.h90 { height: 90px !important; height: 0.9rem !important; }

.h100 { height: 100px !important; height: 1rem !important; }

.h150 { height: 150px !important; height: 1.5rem !important; }

.h200 { height: 200px !important; height: 2rem !important; }

.h250 { height: 250px !important; height: 2.5rem !important; }

.h300 { height: 300px !important; height: 3rem !important; }

.h350 { height: 350px !important; height: 3.5rem !important; }

.h400 { height: 400px !important; height: 4rem !important; }

.h450 { height: 450px !important; height: 4.5rem !important; }

.h500 { height: 500px !important; height: 5rem !important; }

.h550 { height: 550px !important; height: 5.5rem !important; }

.h600 { height: 600px !important; height: 6rem !important; }

.h650 { height: 650px !important; height: 6.5rem !important; }

.h700 { height: 700px !important; height: 7rem !important; }

.mb0 { margin-bottom: 0px !important; margin-bottom: 0rem !important; }

.mb5 { margin-bottom: 5px !important; margin-bottom: 0.05rem !important; }

.mb10 { margin-bottom: 10px !important; margin-bottom: 0.1rem !important; }

.mb15 { margin-bottom: 15px !important; margin-bottom: 0.15rem !important; }

.mb20 { margin-bottom: 20px !important; margin-bottom: 0.2rem !important; }

.mb25 { margin-bottom: 25px !important; margin-bottom: 0.25rem !important; }

.mb30 { margin-bottom: 30px !important; margin-bottom: 0.3rem !important; }

.mb35 { margin-bottom: 35px !important; margin-bottom: 0.35rem !important; }

.mb40 { margin-bottom: 40px !important; margin-bottom: 0.4rem !important; }

.mb45 { margin-bottom: 45px !important; margin-bottom: 0.45rem !important; }

.mb50 { margin-bottom: 50px !important; margin-bottom: 0.5rem !important; }

.mb55 { margin-bottom: 55px !important; margin-bottom: 0.55rem !important; }

.mb60 { margin-bottom: 60px !important; margin-bottom: 0.6rem !important; }

.mt0 { margin-top: 0px !important; margin-top: 0rem !important; }

.mt5 { margin-top: 5px !important; margin-top: 0.05rem !important; }

.mt10 { margin-top: 10px !important; margin-top: 0.1rem !important; }

.mt15 { margin-top: 15px !important; margin-top: 0.15rem !important; }

.mt20 { margin-top: 20px !important; margin-top: 0.2rem !important; }

.mt25 { margin-top: 25px !important; margin-top: 0.25rem !important; }

.mt30 { margin-top: 30px !important; margin-top: 0.3rem !important; }

.mt35 { margin-top: 35px !important; margin-top: 0.35rem !important; }

.mt40 { margin-top: 40px !important; margin-top: 0.4rem !important; }

.mt45 { margin-top: 45px !important; margin-top: 0.45rem !important; }

.mt50 { margin-top: 50px !important; margin-top: 0.5rem !important; }

.mt55 { margin-top: 55px !important; margin-top: 0.55rem !important; }

.mt60 { margin-top: 60px !important; margin-top: 0.6rem !important; }

.ml0 { margin-left: 0px !important; margin-left: 0rem !important; }

.ml5 { margin-left: 5px !important; margin-left: 0.05rem !important; }

.ml10 { margin-left: 10px !important; margin-left: 0.1rem !important; }

.ml15 { margin-left: 15px !important; margin-left: 0.15rem !important; }

.ml20 { margin-left: 20px !important; margin-left: 0.2rem !important; }

.ml25 { margin-left: 25px !important; margin-left: 0.25rem !important; }

.ml30 { margin-left: 30px !important; margin-left: 0.3rem !important; }

.ml35 { margin-left: 35px !important; margin-left: 0.35rem !important; }

.ml40 { margin-left: 40px !important; margin-left: 0.4rem !important; }

.ml45 { margin-left: 45px !important; margin-left: 0.45rem !important; }

.ml50 { margin-left: 50px !important; margin-left: 0.5rem !important; }

.ml55 { margin-left: 55px !important; margin-left: 0.55rem !important; }

.ml60 { margin-left: 60px !important; margin-left: 0.6rem !important; }

.mr0 { margin-right: 0px !important; margin-right: 0rem !important; }

.mr5 { margin-right: 5px !important; margin-right: 0.05rem !important; }

.mr10 { margin-right: 10px !important; margin-right: 0.1rem !important; }

.mr15 { margin-right: 15px !important; margin-right: 0.15rem !important; }

.mr20 { margin-right: 20px !important; margin-right: 0.2rem !important; }

.mr25 { margin-right: 25px !important; margin-right: 0.25rem !important; }

.mr30 { margin-right: 30px !important; margin-right: 0.3rem !important; }

.mr35 { margin-right: 35px !important; margin-right: 0.35rem !important; }

.mr40 { margin-right: 40px !important; margin-right: 0.4rem !important; }

.mr45 { margin-right: 45px !important; margin-right: 0.45rem !important; }

.mr50 { margin-right: 50px !important; margin-right: 0.5rem !important; }

.mr55 { margin-right: 55px !important; margin-right: 0.55rem !important; }

.mr60 { margin-right: 60px !important; margin-right: 0.6rem !important; }

.m0 { margin: 0 !important; }

.ma0 { margin: 0 auto; }

.maf1 { margin-left: -1px; }

.pb0 { padding-bottom: 0 !important; }

.p0 { padding: 0px !important; padding: 0rem !important; }

.p5 { padding: 5px !important; padding: 0.05rem !important; }

.p10 { padding: 10px !important; padding: 0.1rem !important; }

.p15 { padding: 15px !important; padding: 0.15rem !important; }

.p20 { padding: 20px !important; padding: 0.2rem !important; }

.p25 { padding: 25px !important; padding: 0.25rem !important; }

.p30 { padding: 30px !important; padding: 0.3rem !important; }

.p35 { padding: 35px !important; padding: 0.35rem !important; }

.p40 { padding: 40px !important; padding: 0.4rem !important; }

.p45 { padding: 45px !important; padding: 0.45rem !important; }

.p50 { padding: 50px !important; padding: 0.5rem !important; }

.p55 { padding: 55px !important; padding: 0.55rem !important; }

.p60 { padding: 60px !important; padding: 0.6rem !important; }

.pl0 { padding-left: 0px !important; padding-left: 0rem !important; }

.pl5 { padding-left: 5px !important; padding-left: 0.05rem !important; }

.pl10 { padding-left: 10px !important; padding-left: 0.1rem !important; }

.pl15 { padding-left: 15px !important; padding-left: 0.15rem !important; }

.pl20 { padding-left: 20px !important; padding-left: 0.2rem !important; }

.pl25 { padding-left: 25px !important; padding-left: 0.25rem !important; }

.pl30 { padding-left: 30px !important; padding-left: 0.3rem !important; }

.pl35 { padding-left: 35px !important; padding-left: 0.35rem !important; }

.pl40 { padding-left: 40px !important; padding-left: 0.4rem !important; }

.pl45 { padding-left: 45px !important; padding-left: 0.45rem !important; }

.pl50 { padding-left: 50px !important; padding-left: 0.5rem !important; }

.pl55 { padding-left: 55px !important; padding-left: 0.55rem !important; }

.pl60 { padding-left: 60px !important; padding-left: 0.6rem !important; }

.pr0 { padding-right: 0px !important; padding-right: 0rem !important; }

.pr5 { padding-right: 5px !important; padding-right: 0.05rem !important; }

.pr10 { padding-right: 10px !important; padding-right: 0.1rem !important; }

.pr15 { padding-right: 15px !important; padding-right: 0.15rem !important; }

.pr20 { padding-right: 20px !important; padding-right: 0.2rem !important; }

.pr25 { padding-right: 25px !important; padding-right: 0.25rem !important; }

.pr30 { padding-right: 30px !important; padding-right: 0.3rem !important; }

.pr35 { padding-right: 35px !important; padding-right: 0.35rem !important; }

.pr40 { padding-right: 40px !important; padding-right: 0.4rem !important; }

.pr45 { padding-right: 45px !important; padding-right: 0.45rem !important; }

.pr50 { padding-right: 50px !important; padding-right: 0.5rem !important; }

.pr55 { padding-right: 55px !important; padding-right: 0.55rem !important; }

.pr60 { padding-right: 60px !important; padding-right: 0.6rem !important; }

.pb0 { padding-bottom: 0px !important; padding-bottom: 0rem !important; }

.pb5 { padding-bottom: 5px !important; padding-bottom: 0.05rem !important; }

.pb10 { padding-bottom: 10px !important; padding-bottom: 0.1rem !important; }

.pb15 { padding-bottom: 15px !important; padding-bottom: 0.15rem !important; }

.pb20 { padding-bottom: 20px !important; padding-bottom: 0.2rem !important; }

.pb25 { padding-bottom: 25px !important; padding-bottom: 0.25rem !important; }

.pb30 { padding-bottom: 30px !important; padding-bottom: 0.3rem !important; }

.pb35 { padding-bottom: 35px !important; padding-bottom: 0.35rem !important; }

.pb40 { padding-bottom: 40px !important; padding-bottom: 0.4rem !important; }

.pb45 { padding-bottom: 45px !important; padding-bottom: 0.45rem !important; }

.pb50 { padding-bottom: 50px !important; padding-bottom: 0.5rem !important; }

.pb55 { padding-bottom: 55px !important; padding-bottom: 0.55rem !important; }

.pb60 { padding-bottom: 60px !important; padding-bottom: 0.6rem !important; }

.pt0 { padding-top: 0px !important; padding-top: 0rem !important; }

.pt5 { padding-top: 5px !important; padding-top: 0.05rem !important; }

.pt10 { padding-top: 10px !important; padding-top: 0.1rem !important; }

.pt15 { padding-top: 15px !important; padding-top: 0.15rem !important; }

.pt20 { padding-top: 20px !important; padding-top: 0.2rem !important; }

.pt25 { padding-top: 25px !important; padding-top: 0.25rem !important; }

.pt30 { padding-top: 30px !important; padding-top: 0.3rem !important; }

.pt35 { padding-top: 35px !important; padding-top: 0.35rem !important; }

.pt40 { padding-top: 40px !important; padding-top: 0.4rem !important; }

.pt45 { padding-top: 45px !important; padding-top: 0.45rem !important; }

.pt50 { padding-top: 50px !important; padding-top: 0.5rem !important; }

.pt55 { padding-top: 55px !important; padding-top: 0.55rem !important; }

.pt60 { padding-top: 60px !important; padding-top: 0.6rem !important; }

.pct1 { width: 1%; }

.pct2 { width: 2%; }

.pct3 { width: 3%; }

.pct4 { width: 4%; }

.pct5 { width: 5%; }

.pct6 { width: 6%; }

.pct7 { width: 7%; }

.pct8 { width: 8%; }

.pct9 { width: 9%; }

.pct10 { width: 10%; }

.pct11 { width: 11%; }

.pct12 { width: 12%; }

.pct13 { width: 13%; }

.pct14 { width: 14%; }

.pct15 { width: 15%; }

.pct16 { width: 16%; }

.pct17 { width: 17%; }

.pct18 { width: 18%; }

.pct19 { width: 19%; }

.pct20 { width: 20%; }

.pct21 { width: 21%; }

.pct22 { width: 22%; }

.pct23 { width: 23%; }

.pct24 { width: 24%; }

.pct25 { width: 25%; }

.pct26 { width: 26%; }

.pct27 { width: 27%; }

.pct28 { width: 28%; }

.pct29 { width: 29%; }

.pct30 { width: 30%; }

.pct31 { width: 31%; }

.pct32 { width: 32%; }

.pct33 { width: 33%; }

.pct34 { width: 34%; }

.pct35 { width: 35%; }

.pct36 { width: 36%; }

.pct37 { width: 37%; }

.pct38 { width: 38%; }

.pct39 { width: 39%; }

.pct40 { width: 40%; }

.pct41 { width: 41%; }

.pct42 { width: 42%; }

.pct43 { width: 43%; }

.pct44 { width: 44%; }

.pct45 { width: 45%; }

.pct46 { width: 46%; }

.pct47 { width: 47%; }

.pct48 { width: 48%; }

.pct49 { width: 49%; }

.pct50 { width: 50%; }

.pct51 { width: 51%; }

.pct52 { width: 52%; }

.pct53 { width: 53%; }

.pct54 { width: 54%; }

.pct55 { width: 55%; }

.pct56 { width: 56%; }

.pct57 { width: 57%; }

.pct58 { width: 58%; }

.pct59 { width: 59%; }

.pct60 { width: 60%; }

.pct61 { width: 61%; }

.pct62 { width: 62%; }

.pct63 { width: 63%; }

.pct64 { width: 64%; }

.pct65 { width: 65%; }

.pct66 { width: 66%; }

.pct67 { width: 67%; }

.pct68 { width: 68%; }

.pct69 { width: 69%; }

.pct70 { width: 70%; }

.pct71 { width: 71%; }

.pct72 { width: 72%; }

.pct73 { width: 73%; }

.pct74 { width: 74%; }

.pct75 { width: 75%; }

.pct76 { width: 76%; }

.pct77 { width: 77%; }

.pct78 { width: 78%; }

.pct79 { width: 79%; }

.pct80 { width: 80%; }

.pct81 { width: 81%; }

.pct82 { width: 82%; }

.pct83 { width: 83%; }

.pct84 { width: 84%; }

.pct85 { width: 85%; }

.pct86 { width: 86%; }

.pct87 { width: 87%; }

.pct88 { width: 88%; }

.pct89 { width: 89%; }

.pct90 { width: 90%; }

.pct91 { width: 91%; }

.pct92 { width: 92%; }

.pct93 { width: 93%; }

.pct94 { width: 94%; }

.pct95 { width: 95%; }

.pct96 { width: 96%; }

.pct97 { width: 97%; }

.pct98 { width: 98%; }

.pct99 { width: 99%; }

.pct100 { width: 100%; }

.nowrap { overflow: hidden; -o-text-overflow: ellipsis; /*兼容opera*/ text-overflow: ellipsis; /*这就是省略号喽*/ overflow: hidden; /*设置超过的隐藏*/ white-space: nowrap; /*设置不折行*/ }

.pos_r { position: relative; }

.pos_a { position: absolute; }

.pos_f { position: fixed; }

.tl { text-align: left !important; }

.tr { text-align: right !important; }

.tc { text-align: center !important; }

.w0 { width: 0px !important; width: 0rem !important; }

.w20 { width: 20px !important; width: 0.2rem !important; }

.w40 { width: 40px !important; width: 0.4rem !important; }

.w60 { width: 60px !important; width: 0.6rem !important; }

.w80 { width: 80px !important; width: 0.8rem !important; }

.w100 { width: 100px !important; width: 1rem !important; }

.w120 { width: 120px !important; width: 1.2rem !important; }

.w140 { width: 140px !important; width: 1.4rem !important; }

.w160 { width: 160px !important; width: 1.6rem !important; }

.w180 { width: 180px !important; width: 1.8rem !important; }

.w200 { width: 200px !important; width: 2rem !important; }

.w220 { width: 220px !important; width: 2.2rem !important; }

.w240 { width: 240px !important; width: 2.4rem !important; }

.w260 { width: 260px !important; width: 2.6rem !important; }

.w280 { width: 280px !important; width: 2.8rem !important; }

.w300 { width: 300px !important; width: 3rem !important; }

.w320 { width: 320px !important; width: 3.2rem !important; }

.w340 { width: 340px !important; width: 3.4rem !important; }

.w360 { width: 360px !important; width: 3.6rem !important; }

.w380 { width: 380px !important; width: 3.8rem !important; }

.w400 { width: 400px !important; width: 4rem !important; }

.w420 { width: 420px !important; width: 4.2rem !important; }

.w440 { width: 440px !important; width: 4.4rem !important; }

.w460 { width: 460px !important; width: 4.6rem !important; }

.w480 { width: 480px !important; width: 4.8rem !important; }

.w500 { width: 500px !important; width: 5rem !important; }

.w520 { width: 520px !important; width: 5.2rem !important; }

.w540 { width: 540px !important; width: 5.4rem !important; }

.w560 { width: 560px !important; width: 5.6rem !important; }

.w580 { width: 580px !important; width: 5.8rem !important; }

.w600 { width: 600px !important; width: 6rem !important; }

.w620 { width: 620px !important; width: 6.2rem !important; }

.w640 { width: 640px !important; width: 6.4rem !important; }

.w660 { width: 660px !important; width: 6.6rem !important; }

.w680 { width: 680px !important; width: 6.8rem !important; }

.w700 { width: 700px !important; width: 7rem !important; }

.w720 { width: 720px !important; width: 7.2rem !important; }

.w740 { width: 740px !important; width: 7.4rem !important; }

.w760 { width: 760px !important; width: 7.6rem !important; }

.w780 { width: 780px !important; width: 7.8rem !important; }

.w800 { width: 800px !important; width: 8rem !important; }

/*from table*/
table.formtable { width: 100%; font-family: verdana, arial, sans-serif; font-size: 11px; color: #333333; border-width: 1px; border-color: #ccc; border-collapse: collapse; }

table.formtable th { border-width: 1px; padding: 8px; border-style: solid; border-color: #ccc; background-color: #dedede; }

table.formtable td { border-width: 1px; padding: 8px; border-style: solid; border-color: #ccc; }

table.tdcenter td { text-align: center; }

table.formtable .ft_title { background: #f5f5f5; text-align: right; padding-right: 5px; width: 120px; }

/*from table*/
.clearfix:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; }

* { padding: 0; margin: 0; box-sizing: border-box; -webkit-text-size-adjust: none; }

.loading { cursor: pointer; }

.link { color: #00a5e0; }

.fs10 { font-size: 10px !important; font-size: 0.1rem !important; }

.body_noscoll { position: relative; width: 100%; height: 100%; overflow: hidden; }

.yciconfont { font-family: "yciconfont" !important; font-size: 0.12rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; display: inline; }

.hide_body { display: none; }

.bg_none { background: none !important; }

.yc_header { position: fixed; background: #fff; border-bottom: solid 1px #ccc; width: 100%; top: 0; left: 0; z-index: 2; }
.yc_header .back, .yc_header .menu { display: block; position: absolute; top: 0.05rem; }
.yc_header .back .yciconfont, .yc_header .menu .yciconfont { font-size: 0.22rem; }
.yc_header .back { left: 0.05rem; top: 0.03rem; }
.yc_header .h1 { text-align: center; font-size: 0.18rem; height: 0.4rem; line-height: 0.4rem; width: 2.4rem; margin: 0 auto; }
.yc_header .menu { right: 0.1rem; }

.yc_header_blank { height: 0.4rem; }

.yc_user_header { background: #FC605A; padding: 0.2rem 0; }
.yc_user_header .head_logo { width: 0.6rem; height: 0.6rem; border-radius: 50%; overflow: hidden; margin: 0 auto; border: #fff solid 0.02rem; }
.yc_user_header .head_logo img { display: block; width: 0.6rem; height: 0.6rem; }
.yc_user_header .name, .yc_user_header .score { color: #fff; line-height: 1.5; }
.yc_user_header .name { font-size: 0.16rem; padding-top: 0.04rem; }
.yc_user_header .name dnf { font-size: 0.12rem; }
.yc_user_header .btn_account { border-radius: 0.3rem; padding: 0.02rem 0.2rem; border: #fff solid 0.01rem; color: #fff; font-size: 0.12rem; margin-top: 0.05rem; }
.yc_user_header .score { font-size: 0.12rem; padding-top: 0.04rem; }
.yc_user_header .menu { display: block; position: absolute; top: 0; right: 0.1rem; color: #FFFFFF; }
.yc_user_header .menu .yciconfont { font-size: 0.22rem; }

.yc_user_orange { background: #fd7831; }

.yc_orders { background: #fff; }
.yc_orders .order_icon { position: relative; text-align: center; color: #666; font-size: 0.12rem; padding: 0.04rem 0; }
.yc_orders .order_icon .yciconfont { font-size: 0.24rem; display: block; text-align: center; margin: 0 auto; }
.yc_orders .order_icon .num { display: block; width: 0.16rem; height: 0.16rem; line-height: 0.16rem; background: #f00; border-radius: 50%; overflow: hidden; color: #fff; position: absolute; right: 0.12rem; top: 0.06rem; font-size: 0.1rem; }
.yc_orders .order_icon .title { display: block; margin-top: -0.05rem; text-align: center; font-size: 0.1rem; }

.yc_copyright { color: #999; }

.yc_usermenu { margin-top: 0.1rem; }
.yc_usermenu .yciconfont { font-size: 0.16rem; display: inline-block; padding-right: 0.05rem; text-align: center; }

.yc_extend_pre { text-align: center; font-size: 0.14rem; background: #fff; }
.yc_extend_pre h1 { color: #999; font-size: 0.14rem; }
.yc_extend_pre .money { color: #000; font-size: 0.18rem; }
.yc_extend_pre .money dnf { font-size: 0.12rem; }

.yc_extend_orders { background: #fff; }
.yc_extend_orders .tab { position: fixed; width: 100%; top: 0.4rem; left: 0; z-index: 1; background: #fff; padding: 0; }
.yc_extend_orders .tab .item { text-align: center; padding: 0.04rem 0; border-bottom: #00A5E0 solid 1px; }
.yc_extend_orders .tab .item_cur { border-bottom: #00A5E0 solid 0.02rem; }
.yc_extend_orders .tab_blank { height: 0.33rem; }
.yc_extend_orders .order_list .item .money_info { border-top: #ccc dashed 1px; border-bottom: #ccc dashed 1px; width: 94%; margin: 0 auto; }
.yc_extend_orders .order_list .item .money_info h2 { font-size: 0.14rem; color: #999; }
.yc_extend_orders .order_list .item .money_info .money { color: #000; }
.yc_extend_orders .order_list .item .money_info .money dnf { font-size: 0.12rem; }
.yc_extend_orders .order_list .item .money_info .money span { font-size: 0.18rem; }
.yc_extend_orders .order_list .btn_more { border-top: #ccc solid 1px; text-align: center; padding: 0.05rem; font-size: 0.14rem; }

.yc_account { background: #fff; font-size: 0.14rem; }
.yc_account .ui-table { font-size: 0.12rem; }
.yc_account .ui-table th { font-size: 0.14rem; }
.yc_account .ui-table td, .yc_account .ui-table th { padding: 0.06rem 0; }

.mainform .ui-form-item { height: auto; }
.mainform .ui-form-item .ui-select .Validform_wrong { margin-left: 0; }

.yc_menu { position: fixed; width: 100%; height: 100%; z-index: 3; top: 0; left: 0; }
.yc_menu .bg_gray { background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: auto; }
.yc_menu .menu_body { width: 1.5rem; height: 100%; position: absolute; background: #333; right: -1.5rem; top: 0; }
.yc_menu .menu_body .head { color: #fff; text-align: center; padding-top: 0.1rem; }
.yc_menu .menu_body .head .head_logo { width: 0.6rem; height: 0.6rem; margin: 0 auto; border-radius: 50%; position: relative; overflow: hidden; }
.yc_menu .menu_body .head .head_logo img { width: 100%; height: 100%; }
.yc_menu .menu_body .body .ui-list { background: none; }
.yc_menu .menu_body .body .ui-list .link { color: #fff; }

.yc_menu_show .menu_body { animation: ani_menu_show 1s infinite; animation-iteration-count: 1; }

.yc_menu_hide { display: none; }
.yc_menu_hide .menu_body { animation: ani_menu_hide 1s infinite; animation-iteration-count: 1; }

@keyframes ani_menu_show { from { right: -1.5rem; }
  to { right: 0; } }
@keyframes ani_menu_hide { from { right: 0; }
  to { right: -1.5rem; } }
.wst-pagination { text-align: center; padding: 0.05rem; }
.wst-pagination a, .wst-pagination span { background: #fff; display: inline-block; border: #ccc solid 1px; padding: 0.03rem 0.05rem; margin-right: 0.05rem; color: #333; }
.wst-pagination .wst-current { color: #999; }

.yc_extend_myextend .qrcode_img { width: 3rem; height: 3rem; }
.yc_extend_myextend .more_icon { font-size: 0.12rem; color: #fff; background: #000; padding: 0.05rem 0.02rem; display: inline-block; margin: 0 0.05rem; }
.yc_extend_myextend .ext_content { word-wrap: break-word; word-break: break-all; font-size: 0.12rem; }

.yc_banner { width: 100%; height: 1rem; overflow: hidden; }
.yc_banner .logoimg { width: 100%; height: 1rem; }

.yc_index_header { position: relative; }
.yc_index_header .logoimg { width: 100%; border: none; display: block; }
.yc_index_header .kf, .yc_index_header .menu { display: block; position: fixed; top: 0.05rem; right: 0.5rem; background: rgba(0, 0, 0, 0.5); border-radius: 50%; width: 0.3rem; height: 0.3rem; line-height: 0.3rem; text-align: center; z-index: 10; }
.yc_index_header .kf .yciconfont, .yc_index_header .menu .yciconfont { color: #fff; font-size: 0.18rem; position: relative; top: 0.02rem; }
.yc_index_header .menu { right: 0.1rem; }

.yc_mzyx { background: #fff; }
.yc_mzyx .table_img { display: table; text-align: center; vertical-align: middle; width: 100%; height: 0.8rem; }
.yc_mzyx .table_img span { height: 100%; display: inline-block; vertical-align: middle; }
.yc_mzyx .yximg { max-width: 100%; max-height: 100%; vertical-align: middle; }
.yc_mzyx .yximg1 { width: 100%; }

.yc_orders_list .title { padding: 0.1rem; }
.yc_orders_list .title .dxyx_img { display: block; }
.yc_orders_list .item { position: relative; background: #fff; border-bottom: #ccc solid 1px; height: 0.8rem; overflow: hidden; }
.yc_orders_list .item .left { width: 0.8rem; height: 0.8rem; position: absolute; left: 0; top: 0; display: table; vertical-align: middle; text-align: center; background: #fff; padding: 0.03rem; box-sizing: border-box; }
.yc_orders_list .item .left span { height: 100%; display: inline-block; vertical-align: middle; }
.yc_orders_list .item .left .yc_lazy { max-width: 100%; max-height: 100%; vertical-align: middle; }
.yc_orders_list .item .right { height: 0.8rem; margin-left: 0.85rem; }
.yc_orders_list .item .right h1, .yc_orders_list .item .right h2 { margin: 0; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: normal; }
.yc_orders_list .item .right h1 { padding-top: 0.03rem; line-height: 0.18rem; font-size: 0.14rem; height: 0.36rem; color: #666; -webkit-line-clamp: 2; }
.yc_orders_list .item .right h2 { font-size: 0.12rem; line-height: 0.16rem; height: 0.32erm; color: #b5621b; }
.yc_orders_list .item .right .icon_span { height: 0.2rem; }
.yc_orders_list .item .right .icon_span .span { display: inline-block; padding: 0.02rem; font-size: 0.1rem; background: #f00; color: #fff; padding: 0.01rem 0.02rem; border-radius: 0.02rem; background: #e49428; }
.yc_orders_list .item .right .icon_span .yx { background: #ff4608; }
.yc_orders_list .item .right p { height: 0.16rem; line-height: 0.24rem; }
.yc_orders_list .item .right .yxj_price { color: #f23030; font-size: 0.12rem; }
.yc_orders_list .item .right .now_price { color: #f23030; font-size: 0.16rem; margin-left: -0.01rem; }
.yc_orders_list .item .right .now_price dnf { font-size: 0.12rem; }
.yc_orders_list .item .right .org_price { color: #999; font-size: 0.14rem; }
.yc_orders_list .item:last-child { border-bottom: none; }

.kf_qrcode { z-index: 999999; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); display: table; }
.kf_qrcode .kf_qrcode_td { display: table-cell; text-align: center; vertical-align: middle; }
.kf_qrcode .kf_qrcode_td img { width: 50%; display: block; margin: 0 auto; }
.kf_qrcode .kf_qrcode_td span { display: block; padding: 0.05rem 0.2rem; font-size: 0.16rem; color: #fff; }
.kf_qrcode .kf_qrcode_td .btn_green { padding: 0.3rem 0.1rem; border-radius: 0.5rem; font-size: 0.14rem; }

.yc_unload { width: 0.2rem !important; }

.yc_important_list .title { font-size: 0.14rem; line-height: 0.34rem; }
.yc_important_list .list .item { width: 0.8rem; padding: 0 0.02rem; }
.yc_important_list .list .item .table_img { display: table; text-align: center; vertical-align: middle; width: 100%; height: 0.76rem; position: relative; }
.yc_important_list .list .item .table_img span { height: 100%; display: inline-block; vertical-align: middle; }
.yc_important_list .list .item .table_img img { max-width: 100%; max-height: 100%; vertical-align: middle; display: inline; }
.yc_important_list .list .item .money { padding: 0; font-size: 0.16rem; text-align: center; color: #f00; line-height: 0.2rem; }
.yc_important_list .list .item .money dnf { font-size: 0.12rem; }
.yc_important_list .list .item .name { font-size: 0.14rem; }
.yc_important_list .yc_index_cate { margin: 0 auto; }
.yc_important_list .yc_index_cate .item { width: 0.8rem; }
.yc_important_list .swiper-pagination-bullet { width: 0.08rem; height: 0.08rem; }

.yc_tb3_list .title { font-size: 0.12rem; line-height: 0.34rem; }
.yc_tb3_list .list .item { padding: 0 0.02rem; }
.yc_tb3_list .list .item .table_img { display: table; text-align: center; vertical-align: middle; width: 100%; height: 0.76rem; position: relative; }
.yc_tb3_list .list .item .table_img span { height: 100%; display: inline-block; vertical-align: middle; }
.yc_tb3_list .list .item .table_img img { max-width: 100%; max-height: 100%; vertical-align: middle; display: inline; }
.yc_tb3_list .list .item .money { padding: 0; font-size: 0.16rem; text-align: center; color: #f00; line-height: 0.2rem; }
.yc_tb3_list .list .item .money dnf { font-size: 0.12rem; }
.yc_tb3_list .list .item .name { font-size: 0.12rem; }
.yc_tb3_list .yc_index_cate { margin: 0 auto; }
.yc_tb3_list .yc_index_cate .item { width: 1rem; }
.yc_tb3_list .swiper-pagination-bullet { width: 0.08rem; height: 0.08rem; }

.yc_pannel_title { position: relative; text-align: center; background: #f8f8f8; }
.yc_pannel_title .title { font-size: 0.16rem; line-height: 0.3rem; height: 0.34rem; color: #ff9625; display: inline-block; background: #f8f8f8; position: relative; padding: 0 0.05rem; }
.yc_pannel_title .line_box { height: 0.16rem; border-bottom: #ff9625 solid 0.02rem; position: absolute; width: 60%; margin: 0 auto; top: 0; left: 20%; }

.yc_list_header { background: #fff; }
.yc_list_header .title { font-size: 0.16rem; height: 0.4rem; line-height: 0.4rem; padding-left: 0.1rem; }

.yc_score_list .title { line-height: 0.34rem; font-size: 0.14rem; position: relative; }

.score_tab { position: fixed; width: 100%; left: 0; top: 0; z-index: 1; }
.score_tab .ui-row-flex { padding: 0; }
.score_tab .ui-row-flex .ui-col { padding: 0.05rem 0; font-size: 0.12rem; background: #333; color: #fff; text-align: center; line-height: 0.16rem; }
.score_tab .ui-row-flex .on { background: #DD2727; }
.score_tab .ui-row-flex .all { line-height: 0.34rem; }

.score_tab_height { height: 0.44rem; }

.yc_scoregoods_list .item { background: #fff; position: relative; }
.yc_scoregoods_list .item .left { display: table; text-align: center; vertical-align: middle; width: 100%; width: 0.9rem; height: 0.9rem; position: absolute; left: 0.05rem; top: 0; padding: 0.05rem 0; }
.yc_scoregoods_list .item .left span { height: 100%; display: inline-block; vertical-align: middle; }
.yc_scoregoods_list .item .left img { max-width: 100%; max-height: 100%; vertical-align: middle; display: inline; }
.yc_scoregoods_list .item .left .no { background: rgba(0, 0, 0, 0.8); font-size: 0.12rem; text-align: center; width: 100%; line-height: 2; position: absolute; bottom: 0; left: 0; color: #fff; }
.yc_scoregoods_list .item .right { padding-right: 0.05rem; margin-left: 1rem; padding-top: 0.04rem; }
.yc_scoregoods_list .item .right .title { color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 0.12rem; line-height: 0.16rem; height: 0.16rem; }
.yc_scoregoods_list .item .right .org_orice { height: 0.2rem; line-height: 0.2rem; font-size: 0.12rem; color: #999; }
.yc_scoregoods_list .item .right .org_orice del { color: #f00; }
.yc_scoregoods_list .item .right .org_orice dnf { font-size: 0.1rem; }
.yc_scoregoods_list .item .right .price { color: #09BB07; font-size: 0.18rem; height: 0.22rem; line-height: 0.22rem; }
.yc_scoregoods_list .item .right .price dnf { font-size: 0.12rem; }
.yc_scoregoods_list .item .right .btn_line { height: 0.28rem; }

.yc_menu_bottom { z-index: 10; width: 100%; position: fixed; bottom: 0; left: 0; background: #fff; }
.yc_menu_bottom .item { position: relative; text-align: center; }
.yc_menu_bottom .item .yciconfont { font-size: 0.2rem; }
.yc_menu_bottom .item p { font-size: 0.12rem; }
.yc_menu_bottom .item .tips { background: #f00; border-radius: 50%; color: #fff; width: 0.2rem; height: 0.2rem; line-height: 0.2rem; position: absolute; top: 0.02rem; right: 0.15rem; font-size: 0.1rem; }

.yc_sg_swiper_img { width: 100%; overflow-x: hidden; }
.yc_sg_swiper_img .swiper-container0 { width: 100%; overflow-x: hidden; }
.yc_sg_swiper_img .swiper-container0 .sg_detail_img { width: 100%; vertical-align: middle; position: absolute; left: 0; top: 0; }
.yc_sg_swiper_img .tableImg { position: relative; width: 3.2rem; display: table; height: 3.2rem; text-align: center; overflow: hidden; }
.yc_sg_swiper_img .tableImg span { height: 100%; display: inline-block; vertical-align: middle; }

.sg_basic_info { height: 100%; padding: 0 0.1rem; }
.sg_basic_info .main_title { height: 100%; }
.sg_basic_info .second_title { height: 100%; }
.sg_basic_info .price { color: #ff5000; }
.sg_basic_info .price dnf { color: #ff5000; font-size: 0.14rem; }
.sg_basic_info .price .price_num { color: #ff5000; font-size: 0.22rem; }
.sg_basic_info .buynum { height: 0.3rem; line-height: 0.3rem; }
.sg_basic_info .buynum .buybtn { position: relative; top: 0.05rem; display: inline-block; width: 1.5rem; }
.sg_basic_info .buynum .buybtn .btn, .sg_basic_info .buynum .buybtn .inp { width: 0.24rem; height: 0.24rem; line-height: 0.24rem; float: left; display: block; text-align: center; font-size: 0.16rem; }
.sg_basic_info .buynum .buybtn .btn { border: #ccc solid 1px; background: #fff; }
.sg_basic_info .buynum .buybtn .inp { border: none; border-top: #ccc solid 1px; border-bottom: #ccc solid 1px; width: 0.4rem; }

.sg_service_promice { padding: 0.05rem 0.1rem; }
.sg_service_promice .sp_item { color: #333; font-size: 0.12rem; display: inline-block; margin-right: 0.05rem; }
.sg_service_promice .sp_item .yciconfont { color: #ff5000; font-size: 0.12rem; margin-right: 0.03rem; }

.yc_sg_detail .content { overflow-x: hidden; }
.yc_sg_detail .content .gooddetail img { max-width: 100%; display: block !important; }
.yc_sg_detail .talkbox .talk li { padding-top: 0.05rem; font-size: 0.12rem; padding-bottom: 0.05rem; border-bottom: #f5f5f5  solid 1px; }
.yc_sg_detail .talkbox .talk li figure { float: left; width: 14%; height: 0; padding-bottom: 14%; border-radius: 50%; overflow: hidden; }
.yc_sg_detail .talkbox .talk li figure img { width: 0.5rem; heigth: 0.5rem; }
.yc_sg_detail .talkbox .talk li dl { float: left; width: 80%; padding-left: 6%; }
.yc_sg_detail .talkbox .talk li dl dt { width: 100%; overflow: hidden; }
.yc_sg_detail .talkbox .talk li dl dt p { color: #666; font-size: 0.14rem; display: inline; }
.yc_sg_detail .talkbox .talk li dl .star { float: right; width: 1rem; display: table; }
.yc_sg_detail .talkbox .talk li dl .star span { display: table-cell; width: 20%; }
.yc_sg_detail .talkbox .talk li dl .star span img { width: 0.2rem; }
.yc_sg_detail .talkbox .talk li dl dd { margin-top: 0.05rem; font-size: 0.12rem; min-height: 0.2rem; }
.yc_sg_detail .talkbox .talk li dl .picbox { width: 100%; }
.yc_sg_detail .talkbox .talk li dl .picbox .imgitem { width: 0.6rem; box-sizing: border-box; height: 0.5rem; line-height: 0.5rem; margin-right: 0.03rem; margin-top: 0.03rem; border: solid 1px #eee; float: left; position: relative; display: table-cell; vertical-align: middle; overflow: hidden; }
.yc_sg_detail .talkbox .talk li dl .picbox img { width: 100%; }

.yc_sg_btnbox { position: fixed; width: 100%; left: 0; bottom: 0; }
.yc_sg_btnbox .btn { background: #DD2727; color: #fff; line-height: 0.44rem; width: 100%; text-align: center; font-size: 0.14rem; }
.yc_sg_btnbox .btnGo { background: #f50; }
.yc_sg_btnbox .btnno { background: #999; }
.yc_sg_btnbox .yc_icon { height: 0.44rem; overflow: hidden; border-right: solid 1px #F5F5F5; text-align: center; padding-top: 0.06rem; color: #666; line-height: 0.22rem; position: relative; }
.yc_sg_btnbox .yc_icon .carnum { width: 0.18rem; height: 0.18rem; line-height: 0.18rem; background: #f00; color: #fff; text-align: center; font-size: 0.1rem; position: absolute; overflow: hidden; top: 0.02rem; right: 0.02rem; border-radius: 50%; }
.yc_sg_btnbox .yc_icon .yciconfont { font-size: 0.22rem; color: #666; }
.yc_sg_btnbox .yc_icon p { color: #666; font-size: 0.1rem; height: 0.14rem; line-height: 0.14rem; }

.yc_zqad_out { position: fixed; z-index: 900; width: 100%; height: 100%; left: 0; top: 0; }
.yc_zqad_out .bg_btm { z-index: 901; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); }
.yc_zqad_out .img_main { z-index: 902; position: relative; width: 3rem; margin: 0 auto; margin-top: 1rem; text-align: center; }
.yc_zqad_out .img_main .img_zq { width: 3rem; }
.yc_zqad_out .img_main .btn_tuiguan, .yc_zqad_out .img_main .btn_ticket, .yc_zqad_out .img_main .btn_close { position: absolute; width: 0.5rem; height: 0.5rem; background: #fff; opacity: 0; }
.yc_zqad_out .img_main .btn_tuiguan { width: 2rem; left: 0.5rem; top: 2.25rem; }
.yc_zqad_out .img_main .btn_ticket { top: 1.7rem; width: 2rem; left: 0.5rem; }
.yc_zqad_out .img_main .btn_close { right: 0; top: 0; }

.page_share { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 910; }
.page_share .share { width: 100%; left: 0; top: 0; position: absolute; animation: share_move 2s infinite linear; -webkit-animation: share_move 2s infinite linear; /* Safari and Chrome */ }
.page_share .share .share_img { width: 100%; }
@keyframes share_move { 0% { top: 0; }
  25% { top: 0.05rem; }
  50% { top: 0.1rem; }
  100% { top: 0.0rem; } }
@-webkit-keyframes share_move { 0% { top: 0; }
  25% { top: 0.05rem; }
  50% { top: 0.1rem; }
  100% { top: 0.0rem; } }
.cart_section .shop_item { margin-bottom: 0.1rem; }
.cart_section .shop_item:last-child { margin-bottom: 0; }
.cart_section .shop_item .sitem .left { width: 0.5rem; float: left; text-align: center; }
.cart_section .shop_item .sitem .left .yciconfont { font-size: 0.2rem; color: #e4602b; }
.cart_section .shop_item .sitem .right { width: 2.7rem; float: right; }
.cart_section .shop_item .title { padding: 0.03rem 0; line-height: 0.28rem; }
.cart_section .shop_item .title .right { font-size: 0.14rem; }
.cart_section .shop_item .title .right .yciconfont { font-size: 0.14rem; }
.cart_section .shop_item .body .goods_item .left { height: 0.8rem; text-align: center; display: flex; justify-content: center; flex-direction: column; }
.cart_section .shop_item .body .goods_item .right .cart_add_goods_span { height: 0.24rem; }
.cart_section .shop_item .body .goods_item .right .cart_add_goods_span span { border: solid 1px #ccc; max-width: 1.5rem; box-sizing: border-box; font-size: 0.12rem; padding: 0.01rem 0.04rem; color: #999; }
.cart_section .shop_item .body .goods_item .goods { position: relative; }
.cart_section .shop_item .body .goods_item .goods .img_box { width: 0.8rem; height: 0.8rem; text-align: center; display: flex; justify-content: center; flex-direction: column; position: absolute; top: 0; left: 0; }
.cart_section .shop_item .body .goods_item .goods .img_box span { height: 100%; display: inline-block; vertical-align: middle; }
.cart_section .shop_item .body .goods_item .goods .img_box img { max-width: 100%; max-height: 100%; }
.cart_section .shop_item .body .goods_item .goods .good_right { margin-left: 0.85rem; }
.cart_section .shop_item .body .goods_item .goods .good_right h1 { padding-top: 0; line-height: 0.16rem; font-size: 0.14rem; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp: 1; /** 显示的行数 **/ overflow: hidden; /** 隐藏超出的内容 **/ }
.cart_section .shop_item .body .goods_item .goods .good_right .price { color: #FF0000; font-size: 0.12rem; height: 0.16rem; line-height: 0.16rem; }
.cart_section .shop_item .body .goods_item .goods .good_right .price dnf { font-size: 0.1rem; }
.cart_section .shop_item .body .goods_item .goods .good_right .button_box { height: 0.3rem; line-height: 0.3rem; position: relative; }
.cart_section .shop_item .body .goods_item .goods .good_right .button_box .buybtn { position: absolute; top: 0.02rem; left: 0; }
.cart_section .shop_item .body .goods_item .goods .good_right .button_box .delbtn { position: absolute; right: 0.05rem; top: 0.02rem; border: solid 1px #ccc; line-height: 0.24rem; height: 0.24rem; padding: 0 0.05rem; font-size: 0.12rem; }
.cart_section .shop_item .body .goods_item .goods .good_right .button_box .delbtn .yciconfont { font-size: 0.12rem; }

.car_sum { width: 100%; position: fixed; left: 0; bottom: 0; }
.car_sum .shop_item .title { padding: 0; }
.car_sum .left { height: 0.4rem; }
.car_sum .right .r_left, .car_sum .right .r_mid, .car_sum .right .r_right { height: 0.4rem; position: relative; float: left; }
.car_sum .right .r_left { width: 0.5rem; }
.car_sum .right .r_mid { width: 1.2rem; }
.car_sum .right .r_right { text-align: center; width: 1rem; }
.car_sum .money { color: #e4602b; font-size: 0.14rem; }
.car_sum .money dnf { font-size: 0.1rem; }
.car_sum .sum_buy { background: #e4602b; color: #fff; text-align: center; border: none; width: 100%; height: 0.4rem; }

.vertical_mid { display: flex; justify-content: center; flex-direction: column; }

.buybtn { position: relative; display: inline-block; }
.buybtn .btn, .buybtn .inp { width: 0.24rem; height: 0.24rem; line-height: 0.24rem; float: left; display: block; text-align: center; font-size: 0.16rem; }
.buybtn .btn { border: #ccc solid 1px; background: #fff; }
.buybtn .inp { border: none; border-top: #ccc solid 1px; border-bottom: #ccc solid 1px; width: 0.4rem; }

.btn_red { padding: 0 0.1rem; line-height: 0.3rem; height: 0.3rem; color: #ffffff; background-color: #ededed; font-size: 0.15rem; background: -webkit-gradient(linear, left top, left bottom, color-start(0.05, #f24537), color-stop(1, #c62d1f)); background: -moz-linear-gradient(top, #f24537 5%, #c62d1f 100%); background: -o-linear-gradient(top, #f24537 5%, #c62d1f 100%); background: -ms-linear-gradient(top, #f24537 5%, #c62d1f 100%); background: linear-gradient(to bottom, #f24537 5%, #c62d1f 100%); background: -webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f', GradientType=0); border: 1px solid #d02718; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; -moz-box-shadow: inset 0 1px 0 0 #f5978e; -webkit-box-shadow: inset 0 1px 0 0 #f5978e; box-shadow: inset 0 1px 0 0 #f5978e; text-align: center; display: inline-block; text-decoration: none; }

.btn_red:hover { background-color: #f5f5f5; background: -webkit-gradient(linear, left top, left bottom, color-start(0.05, #c62d1f), color-stop(1, #f24537)); background: -moz-linear-gradient(top, #c62d1f 5%, #f24537 100%); background: -o-linear-gradient(top, #c62d1f 5%, #f24537 100%); background: -ms-linear-gradient(top, #c62d1f 5%, #f24537 100%); background: linear-gradient(to bottom, #c62d1f 5%, #f24537 100%); background: -webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537', GradientType=0); }

.swiper_container_cate { max-height: 1.34rem; overflow: hidden; }

.index_nav_icon { padding-top: 0.02rem; padding-bottom: 0.02rem; }
.index_nav_icon .item .icon { margin: 0 auto; width: 0.3rem; height: 0.3rem; line-height: 0.32rem; border-radius: 50%; color: #fff; text-align: center; }
.index_nav_icon .item .icon .yciconfont { font-size: 0.25rem; position: relative; }
.index_nav_icon .item .icon1 .yciconfont { top: -0.02rem; color: #ea0f38; }
.index_nav_icon .item .icon2 .yciconfont { color: #ff3968; }
.index_nav_icon .item .icon3 .yciconfont { top: -0.02rem; color: #ff6100; }
.index_nav_icon .item .icon4 .yciconfont { color: #23dd39; }
.index_nav_icon .item .icon5 .yciconfont { color: #19b2ff; }
.index_nav_icon .item .text { line-height: 0.16rem; font-size: 0.1rem; text-align: center; }

.m_qrcode { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; }
.m_qrcode .bg { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); position: absolute; left: 0; top: 0; cursor: pointer; }
.m_qrcode .qrbody { position: relative; z-index: 1; top: 15%; text-align: center; width: 80%; margin: 0 auto; padding: 0.1rem; border-radius: 0.1rem; background: #fff; text-align: center; }
.m_qrcode .qrbody .qrimg { width: 100%; }
.m_qrcode .qrbody .cnt { font-size: 0.14rem; }

.m_add_goods_box { background: #f5f5f5; font-size: 0.14rem; padding: 0.05rem; }
.m_add_goods_box .item { padding: 0.02rem; position: relative; }
.m_add_goods_box .item .item_table_cell { display: table-cell; width: 2.45rem; }
.m_add_goods_box .item .item_name { display: inline-block; background: #fff; padding: 0.03rem 0.02rem; border: #ccc solid 1px; font-size: 0.12rem; color: #FF0000; }
.m_add_goods_box .item .on { border: #FF0000 solid 0.02rem; padding: 0.02rem 0.04rem; }
.m_add_goods_box .item .look { display: table-cell; width: 0.55rem; text-align: right; font-size: 0.12rem; color: #0079FF; height: 100%; line-height: 100%; vertical-align: middle; }

.index_ad_box .ad1, .index_ad_box .ad2 { background: #fff; padding: 0.1rem; }
.index_ad_box .ad1 .imgbox, .index_ad_box .ad2 .imgbox { width: 3.02rem; margin: 0 auto; position: relative; }
.index_ad_box .ad1 .imgbox .logoimg, .index_ad_box .ad2 .imgbox .logoimg { display: block; width: 100%; height: 100%; }
.index_ad_box .ad1 .imgbox { height: 1.3056rem; }
.index_ad_box .ad1 .imgbox .img { display: block; position: absolute; }
.index_ad_box .ad1 .imgbox .img:nth-child(1) { width: 1.77rem; height: 1.3056rem; left: 0; top: 0; }
.index_ad_box .ad1 .imgbox .img:nth-child(2) { width: 1.21rem; height: 0.6272rem; right: 0; top: 0; }
.index_ad_box .ad1 .imgbox .img:nth-child(3) { width: 1.21rem; height: 0.6272rem; right: 0; bottom: 0; }
.index_ad_box .ad2 .imgbox { height: 1.6rem; }
.index_ad_box .ad2 .imgbox .img { display: block; position: absolute; }
.index_ad_box .ad2 .imgbox .img:nth-child(1) { width: 3.02rem; height: 0.93rem; left: 0; top: 0; }
.index_ad_box .ad2 .imgbox .img:nth-child(2) { width: 1.49rem; height: 0.6272rem; left: 0; bottom: 0; }
.index_ad_box .ad2 .imgbox .img:nth-child(3) { width: 1.49rem; height: 0.6272rem; right: 0; bottom: 0; }

/*# sourceMappingURL=main_v1.css.map */