/* = Reset
------------------------------------------------------------------------------------ */
body, div, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, blockquote, p, pre, code, form, button, input, textarea, table, th, td, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { margin: 0; padding: 0; }
html { height: 100%; font-size: 62.5%; -webkit-text-size-adjust: 100%; }
body { height: 100%; background-color: #f5f5f5; line-height: 1; overflow-x: hidden; -webkit-tap-highlight-color: transparent; font-family: "HanHei SC","Helvetica Neue","Microsoft YaHei", "Segoe UI", Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; }
ul, ol { list-style: none; }
a { color: #828282; text-decoration: none; }
button, input, select, textarea { border: none; font-family: inherit; font-size: 100%; outline: none; -webkit-appearance: none; }
textarea { resize: none; }
img { vertical-align: top; }
em, i { font-style: normal; }
:focus { outline: 0; }
.clearfix:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; line-height: 0; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.ab { position: absolute; }
.pr { position: relative; }
.show { display: block; }
.hide { display: none; }
.tc { text-align: center; }
.vm { vertical-align: middle; }
.table-cell { display: table-cell; }

/* = Global UI
------------------------------------------------------------------------------------ */
/* Weui reset */
.weui_toast { width: 11.4em; min-height: 11.4em; margin-left: -5.7em; }
.weui_icon_toast:before { font-size: 1.6rem; }
.weui_toptips, .weui_toast_content { font-size: 0.4rem; }
.weui_toast, .weui_dialog { line-height: 1.6; }
.weui_navbar:after, .weui_navbar_item:after { display: none; }
.weui-photo-browser-modal { z-index: 2000; }
.weui-photo-browser-modal .photo-container img { width: 100%; }
.weui-photo-browser-modal .caption .caption-item { font-size: 0.4rem; }

/* Layout */
.ui-flexbox { display: -webkit-box; display: -webkit-flex; display: flex; }
.ui-flexbox .item-col { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.ui-ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.ui-cover { position: relative; text-align: center; }
.ui-cover img { width: 100%; }
.ui-fixed-top { position: fixed; width: 100%; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 1000; }
.ui-fixed-bottom { position: fixed; width: 100%; bottom: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 1000; }

/* Icon */
i.ui-icon { display: inline-block; background-image: url(../images/g_sprites.png); background-repeat: no-repeat; background-size: 8rem; }
.ftm-icon1 { background-position: 0 0; }
.ftm-icon2 { background-position: 0 -1.06667rem; }
.ftm-icon3 { background-position: 0 -2.13333rem; }
.tgt-icon1 { background-position: -1.06667rem 0; }
.tgt-icon2 { background-position: -1.06667rem -1.2rem; }
.tgt-icon3 { background-position: -1.06667rem -2.4rem; }
.tgt-icon4 { background-position: -1.06667rem -3.6rem; }
.step-icon1 { background-position: -2.4rem 0; }
.step-icon2 { background-position: -2.4rem -1.2rem; }
.step-icon3 { background-position: -2.4rem -2.4rem; }
.step-icon4 { background-position: -2.4rem -3.6rem; }
.step-icon5 { background-position: -2.4rem -4.8rem; }
.step-icon1-s { background-position: -2.61333rem -0.21333rem; }
.step-icon2-s { background-position: -2.61333rem -1.41333rem; }
.step-icon3-s { background-position: -2.61333rem -2.61333rem; }
.step-icon4-s { background-position: -2.61333rem -3.81333rem; }
.step-icon5-s { background-position: -2.61333rem -5.01333rem; }
.type-icon1 { background-position: -3.6rem 0; }
.type-icon2 { background-position: -3.6rem -1.2rem; }
.type-icon3 { background-position: -3.6rem -2.4rem; }
.type-icon4 { background-position: -3.6rem -3.6rem; }
.srv-icon1 { background-position: -4.8rem 0; }
.srv-icon2 { background-position: -4.8rem -1.06667rem; }
.srv-icon3 { background-position: -4.8rem -2.13333rem; }
.srv-icon4 { background-position: -4.8rem -3.2rem; }
.support-icon1 { background-position: -5.86667rem 0; }
.support-icon2 { background-position: -5.86667rem -1.06667rem; }
.support-icon3 { background-position: -5.86667rem -2.13333rem; }
.support-icon4 { background-position: -5.86667rem -3.2rem; }

/* Font */
.ui-fs16 { font-size: 0.21333rem; }
.ui-fs20 { font-size: 0.26667rem; }
.ui-fs24 { font-size: 0.32rem; }
.ui-fs28 { font-size: 0.37333rem; }
.ui-fs30 { font-size: 0.4rem; }
.ui-fs48 { font-size: 0.64rem; }
/* = Module
------------------------------------------------------------------------------------ */
/* Header */
.m-header { position: relative; height: 1.22667rem; line-height: 1.22667rem; color: #3c3c3c; text-align: center; z-index: 1000; }
.m-header h1 { font-size: 0.45333rem; }
.m-header .m-header-main { background-color: #fff; }

.m-header-label { position: absolute; top: 0; left: 0; height: 0.05333rem; padding: 0.58667rem 0.32rem; border: none; cursor: pointer; }
.m-header-label .lines { position: relative; display: block; width: 0.53333rem; height: 0.05333rem; background-color: #00a0e9; border-radius: 0.05333rem; -webkit-transition: background .2s .4s ease; transition: background .2s .4s ease; }
.m-header-label .lines:before, .m-header-label .lines:after { content: ''; position: absolute; left: 0; width: 0.53333rem; height: 0.05333rem; background-color: #00a0e9; border-radius: 0.05333rem; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: top .2s .5s ease,-webkit-transform .2s ease; transition: top .2s .5s ease,-webkit-transform .2s ease; transition: top .2s .5s ease,transform .2s ease; transition: top .2s .5s ease,transform .2s ease,-webkit-transform .2s ease; }
.m-header-label .lines:before { top: 0.13333rem; }
.m-header-label .lines:after { top: -0.13333rem; }

.m-header-state { display: none; }
.m-header-state:checked ~ .m-header-nav { left: 0; display: block; }
.m-header-state:checked ~ .m-header-label .lines { background: 0 0; -webkit-transition: background .2s 0s ease; transition: background .2s 0s ease; }
.m-header-state:checked ~ .m-header-label .lines:after, .m-header-state:checked ~ .m-header-label .lines:before { top: 0; width: 0.53333rem; -webkit-transition: top .2s ease, -webkit-transform .2s .3s ease; transition: top .2s ease, -webkit-transform .2s .3s ease; transition: top .2s ease, transform .2s .3s ease; transition: top .2s ease, transform .2s .3s ease, -webkit-transform .2s .3s ease; }
.m-header-state:checked ~ .m-header-label .lines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
.m-header-state:checked ~ .m-header-label .lines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

.m-header-nav { position: fixed; left: -100%; top: 1.22667rem; width: 3.12rem; background-color: #fff; -webkit-transition: left .5s; transition: left .5s; }
.m-header-nav li { font-size: 0.4rem; box-shadow: 0 1px 0 #efefef, 0 2px 0 #d7d7d7; }
.m-header-nav li:last-child { box-shadow: none; }
.m-header-nav a { display: block; position: relative; line-height: 1.41333rem; }
.m-header-nav a:active { color: #00b7ff; }

/* Footer menu */
.m-footer { height: 1.46667rem; }
.m-footer .ft-menu { height: 1.46667rem; background-color: #fff; font-size: 0.32rem; text-align: center; }
.m-footer .ft-menu i[class*="ftm-icon"] { width: 0.8rem; height: 0.8rem; }
.m-footer .ft-menu .item-col { padding-top: 0.10667rem; color: #727171; }

/* = Container
------------------------------------------------------------------------------------ */
/* Home */
.hm-gallery { width: 100%; }
.hm-gallery img { width: 100%; }
.hm-gallery .swiper-slide { text-align: center; }
.hm-gallery .swiper-pagination { height: 0.21333rem; }
.hm-gallery .swiper-pagination-bullet { width: 0.21333rem; height: 0.21333rem; margin: 0 0.10667rem; background-color: transparent; box-shadow: inset 0 0 0 1px #fff; vertical-align: top; opacity: 1; border-radius: 100px; }
.hm-gallery .swiper-pagination-bullet-active { background-color: #fff; }

.hm-section { position: relative; background-color: #fff; text-align: center; }
.hm-section img { width: 100%; }
.hm-section .hd-title { margin-bottom: 0.13333rem; font-size: 0.48rem; line-height: 1.25; }
.hm-section .hd-text { font-size: 0.24rem; line-height: 0.37333rem; color: #727171; }
.hm-section .bd { position: relative; padding-left: 0.76rem; padding-right: 0.76rem; font-size: 0.26667rem; }
.hm-section .arrow-tips { position: absolute; left: 50%; bottom: 0.53333rem; width: 0.42667rem; height: 0.24rem; margin-left: -0.21333rem; background-repeat: no-repeat; background-size: 100%; }
.hm-section .arrow-tips.arrow-gary { background-image: url(../images/hm_arrow1.png); }
.hm-section .arrow-tips.arrow-blue { background-image: url(../images/hm_arrow2.png); }
.hm-section .arrow-play { position: absolute; left: 50%; width: 0.77333rem; height: 0.77333rem; background-image: url(../images/hm_intro_play.png); background-repeat: no-repeat; background-size: 100%; }

.hm-intro { padding-bottom: 0.8rem; }
.hm-intro .hd { padding-top: 0.8rem; margin-bottom: 0.73333rem; }
.hm-intro .hd-icon { margin-bottom: 0.18667rem; }
.hm-intro .hd-icon img { width: 0.72rem; }
.hm-intro .hd-title { margin-bottom: 0; }
.hm-intro .bd-desc { position: absolute; left: 50%; top: 50%; width: 6.48rem; height: 3.25333rem; padding: 0.8rem 0.26667rem 0 0.26667rem; margin-left: -3.24rem; margin-top: -1.62667rem; line-height: 0.48rem; color: #fff; background-color: rgba(0, 183, 255, 0.9); box-sizing: border-box; }
.hm-intro .bd-desc h3 { font-size: 0.48rem; margin-bottom: 0.05333rem; }
.hm-intro .arrow-play { top: 3.33333rem; margin-left: -0.38667rem; }

.hm-target { padding-bottom: 1.2rem; background-color: #f9f9f9; }
.hm-target .hd { padding-top: 0.93333rem; margin-bottom: 0.86667rem; }
.hm-target .bd { padding: 0; font-size: 0; }
.hm-target .bd-col { display: inline-block; width: 4.10667rem; height: 1.06667rem; margin: 0 0.12rem 0.2rem 0.12rem; color: #727171; text-align: left; overflow: hidden; box-shadow: inset 0 0 0 1px #00b7ff; }
.hm-target .bd-col .icon { float: left; margin-right: 0.21333rem; width: 1.12rem; height: 1.06667rem; background-color: #00b7ff; }
.hm-target .bd-col .icon i { width: 1.12rem; height: 1.06667rem; }
.hm-target .bd-col .label { padding-top: 0.18667rem; font-size: 0.32rem; color: #000; }
.hm-target .bd-col .desc { height: 0.34667rem; line-height: 0.34667rem; font-size: 0.26667rem; }
.hm-target .bd-col .desc span { vertical-align: sub; }

.hm-service .hd { position: absolute; top: 0; right: 0; left: 0; padding-top: 0.93333rem; z-index: 1; }
.hm-service .hd-icon { padding-top: 0.6rem; }

.hm-storetype { padding-bottom: 1.2rem; }
.hm-storetype .hd { padding-top: 0.93333rem; margin-bottom: 0.86667rem; }
.hm-storetype .bd-store { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 0.05333rem; }
.hm-storetype .bd-store .col { width: 2.78667rem; }
.hm-storetype .bd-store .title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 100%; height: 1.04rem; background-color: #00b7ff; line-height: 1.2; color: #fff; }
.hm-storetype .bd-tips { padding: 0.58667rem 0; background-color: #898989; font-size: 0.26667rem; color: #fff; }

.hm-storescope { background-color: #f9f9f9; }
.hm-storescope .hd { position: absolute; top: 0; right: 0; left: 0; padding-top: 0.93333rem; z-index: 1; }
.hm-storescope .hd-statistics { padding-top: 0.73333rem; }
.hm-storescope .hd-statistics span { display: inline-block; padding-left: 0.26667rem; margin-right: 0.26667rem; box-shadow: -1px 0 0 #c1bebe; font-size: 0.4rem; color: #00b7ff; }
.hm-storescope .hd-statistics span:first-child { box-shadow: none; }
.hm-storescope .hd-statistics em { font-size: 0.26667rem; color: #000; }

.hm-storedisplay { padding-bottom: 1.33333rem; }
.hm-storedisplay .hd { padding-top: 0.8rem; margin-bottom: 0.73333rem; }
.hm-storedisplay .arrow-play { top: 50%; margin-left: -0.38667rem; margin-top: -0.38667rem; }

.hm-franchise { padding-bottom: 1.54667rem; background-color: #f9f9f9; }
.hm-franchise i[class*="step-icon"] { width: 1.04rem; height: 1.01333rem; margin-bottom: 0.21333rem; background-color: #f9f9f9; box-shadow: inset 0 0 0 1px #00b7ff; border-radius: 100%; }
.hm-franchise .hd { padding-top: 0.8rem; margin-bottom: 0.6rem; }
.hm-franchise .bd-timeline { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 0.73333rem; background: url(../images/hm_joinin_timeline.png) center 0.48rem no-repeat; background-size: 100%; color: #727171; }
.hm-franchise .bd-timeline li { width: 1.38667rem; }
.hm-franchise .bd-system { position: relative; }
.hm-franchise .bd-system dl { position: absolute; left: 10%; top: 0; right: 10%; font-size: 0; }
.hm-franchise .bd-system dt { padding-top: 0.93333rem; padding-bottom: 0.53333rem; font-size: 0.32rem; color: #fff; }
.hm-franchise .bd-system dd { display: inline-block; width: 2.02667rem; margin-right: 0.06667rem; margin-bottom: 0.08rem; background-color: rgba(255, 255, 255, 0.8); font-size: 0.26667rem; line-height: 0.50667rem; }
.hm-franchise .arrow-tips { bottom: 0.8rem; }

.hm-banner .hd { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; font-size: 0.32rem; line-height: 1.5; color: #fff; z-index: 1; }
.hm-banner .hd p { padding: 0.13333rem 0; }

/* Sotre */
.store-cover { position: relative; }
.store-cover .hd { position: absolute; top: 50%; right: 1.33333rem; left: 1.33333rem; padding: 0.26667rem 0; background-color: rgba(255, 255, 255, 0.8); font-size: 0.32rem; line-height: 0.53333rem; color: #00b7ff; text-align: center; -webkit-transform: translatey(-50%); transform: translatey(-50%); z-index: 1; }

.store-type { padding-top: 1.2rem; padding-bottom: 1.06667rem; background-color: #fff; }
.store-type .hd { margin-bottom: 0.93333rem; font-size: 0.53333rem; text-align: center; }
.store-type .bd { font-size: 0; text-align: center; }
.store-type .bd-col { display: inline-block; width: 2.53333rem; margin: 0 0.12rem 0.2rem 0.12rem; color: #727171; overflow: hidden; }
.store-type .bd-col .type { width: 2.10667rem; height: 2.10667rem; margin-left: auto; margin-right: auto; background-color: #00b7ff; font-size: 0.4rem; line-height: 2.10667rem; color: #fff; border-radius: 100%; }
.store-type .bd-col .text { margin-top: 0.4rem; font-size: 0.29333rem; color: #727171; }

.store-intro { padding: 0 0.45333rem; }
.store-intro .item { padding-bottom: 1.06667rem; box-shadow: 0 1px 0 #d2d2d2; }
.store-intro .item-hd { padding: 1.06667rem 0.34667rem 0.8rem 0.34667rem; text-align: center; }
.store-intro .item-hd-title { margin-bottom: 0.32rem; font-size: 0.4rem; }
.store-intro .item-hd-text { font-size: 0.29333rem; line-height: 0.37333rem; color: #727171; }
.store-intro .item-bd-list { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; height: 1.76rem; padding-left: 2.29333rem; padding-right: 0.26667rem; margin-bottom: 0.16rem; background-color: #fff; }
.store-intro .item-bd-list .icon { position: absolute; left: 0; top: 0; bottom: 0; margin-right: 0.53333rem; width: 1.76rem; background-color: #00b7ff; line-height: 1.76rem; text-align: center; }
.store-intro .item-bd-list .icon i { width: 1.06667rem; height: 1.06667rem; vertical-align: middle; }
.store-intro .item-bd-list .label { margin-bottom: 0.08rem; font-size: 0.4rem; color: #000; }
.store-intro .item-bd-list .desc { font-size: 0.29333rem; line-height: 0.32rem; color: #727171; }

.store-case { position: relative; }
.store-case .hd { position: absolute; top: 50%; right: 1.33333rem; left: 1.33333rem; font-size: 0.4rem; text-align: center; -webkit-transform: translatey(-50%); transform: translatey(-50%); z-index: 1; }
.store-case .hd-tips { margin-bottom: 0.4rem; color: #fff; }
.store-case .hd-more a { display: inline-block; width: 4.8rem; padding: 0.29333rem; color: #00b7ff; box-shadow: inset 0 0 0 0.02667rem #00b7ff; box-sizing: border-box; border-radius: 10em; }

.store-scope { position: relative; margin-bottom: 0.05333rem; background-color: #f9f9f9; }
.store-scope .hd { position: absolute; top: 0; right: 0; left: 0; padding-top: 1.06667rem; text-align: center; z-index: 1; }
.store-scope .hd-statistics { margin-bottom: 2.48rem; }
.store-scope .hd-statistics span { display: inline-block; padding-left: 0.26667rem; margin-right: 0.26667rem; box-shadow: -1px 0 0 #c1bebe; font-size: 0.4rem; color: #00b7ff; }
.store-scope .hd-statistics span:first-child { box-shadow: none; }
.store-scope .hd-statistics em { font-size: 0.26667rem; color: #000; }
.store-scope .hd-text { padding: 0.45333rem 0; margin: 0 0.42667rem; background-color: rgba(0, 183, 255, 0.8); font-size: 0.26667rem; line-height: 1.5; color: #fff; }

.store-display { padding-bottom: 0.24rem; height: auto; }
.store-display img { width: 100%; }
.store-display .weui_navbar { position: relative; margin-bottom: 0.37333rem; }
.store-display .weui_navbar_item { padding: 0.42667rem 0; margin-left: 0.02667rem; background-color: #fff; font-size: 0.32rem; color: #000; text-align: center; }
.store-display .weui_navbar_item:first-child { margin-left: 0; }
.store-display .weui_bar_item_on { background-color: #00b7ff; color: #fff; }
.store-display .weui_tab_bd { padding-top: 0; padding-left: 0.25333rem; padding-right: 0.25333rem; }
.store-display .weui_tab_bd .list { float: left; width: 50%; margin-bottom: 0.24rem; }
.store-display .weui_tab_bd .pic { margin: 0 0.12rem; border: 5px solid #fff; }

/* Service */
.srv-cover { position: relative; }
.srv-cover .hd { position: absolute; top: 50%; right: 0.85333rem; left: 0.85333rem; padding: 0.32rem 0; background-color: rgba(0, 183, 255, 0.8); font-size: 0.32rem; line-height: 0.53333rem; color: #fff; text-align: center; -webkit-transform: translatey(-50%); transform: translatey(-50%); z-index: 1; }

.srv-scope .hd { padding: 1.06667rem 0.85333rem; }
.srv-scope .hd-title { margin-bottom: 0.32rem; font-size: 0.4rem; text-align: center; }
.srv-scope .hd-text { font-size: 0.29333rem; line-height: 0.37333rem; color: #727171; }
.srv-scope .bd { padding-top: 1.06667rem; padding-bottom: 0.53333rem; background-color: #fff; font-size: 0; text-align: center; }
.srv-scope .bd .item { display: inline-block; width: 3.92rem; margin: 0 0.26667rem 0.53333rem 0.26667rem; text-align: left; }
.srv-scope .bd .title { position: relative; padding-left: 0.64rem; margin-bottom: 0.13333rem; font-size: 0.4rem; color: #000; }
.srv-scope .bd .title i { position: absolute; left: -0.13333rem; top: 50%; width: 0.61333rem; height: 0.61333rem; -webkit-transform: translatey(-50%); transform: translatey(-50%); }
.srv-scope .bd .desc { font-size: 0.29333rem; line-height: 1.3; color: #727171; }

.srv-type img { width: 100%; }
.srv-type .hd { text-align: center; }
.srv-type .hd-title { padding: 0.33333rem 0; background-color: #00b7ff; font-size: 0.53333rem; color: #fff; }
.srv-type .bd { padding: 0 0.66667rem 0.66667rem 0.66667rem; }
.srv-type .bd-item { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; height: 2.48rem; padding-left: 2.66667rem; padding-right: 0.53333rem; box-shadow: 0 1px 0 #d2d2d2; overflow: hidden; }
.srv-type .bd-item .icon { position: absolute; left: 0; top: 0; width: 2.66667rem; height: 2.48rem; line-height: 2.48rem; text-align: center; }
.srv-type .bd-item .icon i { display: inline-block; width: 1.06667rem; height: 1.06667rem; vertical-align: middle; }
.srv-type .bd-item .title { margin-bottom: 0.13333rem; font-size: 0.4rem; color: #000; }
.srv-type .bd-item .desc { font-size: 0.29333rem; line-height: 0.4rem; color: #727171; }

/* Franchise */
.frc-cover { position: relative; }
.frc-cover .hd { position: absolute; top: 50%; right: 0.85333rem; left: 0.85333rem; padding: 0.32rem 0; background-color: rgba(0, 183, 255, 0.8); font-size: 0.32rem; line-height: 0.53333rem; color: #fff; text-align: center; -webkit-transform: translatey(-50%); transform: translatey(-50%); z-index: 1; }

.frc-support { padding-bottom: 0.13333rem; }
.frc-support .hd { padding: 1.06667rem 0.85333rem; }
.frc-support .hd-title { margin-bottom: 0.32rem; font-size: 0.4rem; text-align: center; }
.frc-support .hd-text { font-size: 0.29333rem; line-height: 0.37333rem; color: #727171; }
.frc-support .bd { padding-top: 1.06667rem; padding-bottom: 0.53333rem; background-color: #fff; font-size: 0; text-align: center; }
.frc-support .bd .item { display: inline-block; width: 3.92rem; margin: 0 0.26667rem 0.53333rem 0.26667rem; text-align: left; }
.frc-support .bd .title { position: relative; padding-left: 0.64rem; margin-bottom: 0.13333rem; font-size: 0.4rem; color: #000; }
.frc-support .bd .title i { position: absolute; left: -0.13333rem; top: 50%; width: 0.61333rem; height: 0.61333rem; -webkit-transform: translatey(-50%); transform: translatey(-50%); }
.frc-support .bd .desc { font-size: 0.29333rem; line-height: 1.3; color: #727171; }

.frc-step { padding-bottom: 0.24rem; height: auto; }
.frc-step .weui_navbar { position: relative; background-color: none; }
.frc-step .weui_tab_bd { padding-top: 0; }
.frc-step .weui_tab_bd_item { overflow-y: hidden; }
.frc-step .weui_navbar_item { position: relative; padding: 0.42667rem 0; margin-left: 0.02667rem; background-color: #fff; font-size: 0.26667rem; color: #727171; text-align: center; }
.frc-step .weui_navbar_item i { width: 0.61333rem; height: 0.61333rem; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.frc-step .weui_navbar_item:first-child { margin-left: 0; }
.frc-step .weui_navbar_item:before { position: absolute; bottom: -0.16rem; left: 50%; width: 0; height: 0; border-left: 0.13333rem solid transparent; border-right: 0.13333rem solid transparent; border-top: 0.16rem solid #00b7ff; font-size: 0; line-height: 0; -webkit-transform: translatex(-50%); transform: translatex(-50%); }
.frc-step .weui_bar_item_on { background-color: #00b7ff; color: #fff; }
.frc-step .weui_bar_item_on .step-icon1-s { background-position: -7.14667rem -0.21333rem; }
.frc-step .weui_bar_item_on .step-icon2-s { background-position: -7.14667rem -1.41333rem; }
.frc-step .weui_bar_item_on .step-icon3-s { background-position: -7.14667rem -2.61333rem; }
.frc-step .weui_bar_item_on .step-icon4-s { background-position: -7.14667rem -3.81333rem; }
.frc-step .weui_bar_item_on .step-icon5-s { background-position: -7.14667rem -5.01333rem; }
.frc-step .weui_bar_item_on:before { content: ""; }
.frc-step .item-banner { text-align: center; }
.frc-step .item-banner img { width: 100%; }
.frc-step .item-tips { padding: 0.74667rem 0.66667rem; font-size: 0.4rem; line-height: 0.53333rem; color: #727171; text-align: center; }
.frc-step .item-list { padding-bottom: 0.53333rem; margin: 0 0.66667rem; box-shadow: 0 -1px 0 #d2d2d2; }
.frc-step .item-list .list { padding-top: 0.53333rem; padding-bottom: 0.53333rem; box-shadow: 0 1px 0 #d2d2d2; }
.frc-step .item-list .icon { width: 1.38667rem; margin-left: 0.13333rem; margin-right: 0.66667rem; }
.frc-step .item-list .icon img { width: 100%; }
.frc-step .item-list .title { margin-bottom: 0.08rem; font-size: 0.4rem; color: #000; }
.frc-step .item-list .desc { padding-right: 0.26667rem; font-size: 0.29333rem; line-height: 0.4rem; color: #727171; text-align: justify; }

/* Brand */
.br-section img { width: 100%; }
.br-section .hd { text-align: center; }
.br-section .hd-title { padding: 0.33333rem 0; background-color: #00b7ff; font-size: 0.53333rem; color: #fff; }
.br-section .bd { padding: 0 0.8rem; }

.brand-cover { position: relative; }
.brand-cover .hd { position: absolute; top: 50%; right: 0.85333rem; left: 0.85333rem; padding: 0.32rem 0; background-color: rgba(0, 183, 255, 0.8); font-size: 0.32rem; line-height: 0.53333rem; color: #fff; text-align: center; -webkit-transform: translatey(-50%); transform: translatey(-50%); z-index: 1; }

.brand-intro img { width: 100%; }
.brand-intro .hd { padding: 1.06667rem 0.85333rem; }
.brand-intro .hd-title { margin-bottom: 0.32rem; font-size: 0.4rem; text-align: center; }
.brand-intro .hd-text { font-size: 0.29333rem; line-height: 0.37333rem; color: #727171; }
.brand-intro .bd { background-color: #fff; font-size: 0; text-align: center; }
.brand-intro .bd-col { display: inline-block; width: 2.66667rem; padding: 1.06667rem 0; margin: 0 0.26667rem; }
.brand-intro .bd-col .type { width: 2.4rem; height: 2.4rem; margin-left: auto; margin-right: auto; }
.brand-intro .bd-col .text { margin-top: 0.13333rem; font-size: 0.29333rem; line-height: 0.4rem; color: #727171; }

.brand-abouts .bd-list { padding: 0.93333rem 0; font-size: 0.29333rem; background: url(../images/brand_abouts_bg.png) center top no-repeat; background-size: 0.02667rem; line-height: 0.4rem; color: #727171; }
.brand-abouts .list { position: relative; height: 0.90667rem; padding: 0.08rem 0; overflow: hidden; }
.brand-abouts .list .text { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; float: left; width: 43%; height: 100%; text-align: right; }
.brand-abouts .list:nth-child(2n) .text { float: right; text-align: left; }
.brand-abouts .text { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; float: left; width: 3.6rem; height: 100%; text-align: right; }
.brand-abouts .time { position: absolute; left: 50%; top: 50%; width: 0.90667rem; height: 0.90667rem; background-color: #f5f5f5; font-size: 0.28rem; line-height: 0.90667rem; color: #00b7ff; text-align: center; box-shadow: inset 0 0 0 0.02667rem #00b7ff; border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.brand-rule .bd-list { padding: 0.93333rem 0; font-size: 0.29333rem; line-height: 0.64rem; color: #727171; }
.brand-rule .list { position: relative; padding-left: 0.4rem; }
.brand-rule .list:before { content: ""; position: absolute; left: 0.08rem; top: 0.26667rem; width: 0.10667rem; height: 0.10667rem; background-color: #00b7ff; box-shadow: 0 0 0 0.02667rem #f5f5f5; border-radius: 100%; }

.brand-process .bd-list { position: relative; padding-top: 0.93333rem; }
.brand-process .bd-list:before { content: ""; position: absolute; left: 0.12rem; top: 1.25333rem; bottom: 1.6rem; border-left: 2px dotted #bdbec0; }
.brand-process .list { position: relative; padding-left: 0.53333rem; padding-bottom: 0.8rem; }
.brand-process .list:before { content: ""; position: absolute; left: 0.08rem; top: 0.18667rem; width: 0.10667rem; height: 0.10667rem; background-color: #00b7ff; box-shadow: 0 0 0 0.02667rem #f5f5f5; border-radius: 100%; }
.brand-process .title { margin-bottom: 0.13333rem; font-size: 0.4rem; color: #000; }
.brand-process .desc { font-size: 0.29333rem; line-height: 0.4rem; color: #727171; }

/* Order */
.order-form { margin-top: 0.16rem; background-color: #fff; font-size: 0.4rem; line-height: 0.53333rem; }
.order-form .item { display: -webkit-box; display: -webkit-flex; display: flex; padding: 0.4rem 0.53333rem; box-shadow: 0 -1px 0 #ececec; }
.order-form .item-col { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.order-form .item-button { padding-top: 1.86667rem; padding-bottom: 1.86667rem; background-color: #f5f5f5; }
.order-form .ipt-textarea { height: 2.53333rem; }
.order-form .ipt-txt, .order-form .ipt-textarea { width: 100%; }
.order-form .ipt-txt::-webkit-input-placeholder, .order-form .ipt-textarea::-webkit-input-placeholder { color: #cdcdcd; }
.order-form .ipt-button { display: block; width: 4.58667rem; line-height: 1.14667rem; margin: 0 auto; box-shadow: inset 0 0 0 1px #00b7ff; font-size: 0.53333rem; color: #00b7ff; text-align: center; border-radius: 100px; }