bab-icon/public/home/css/home.css

@import url("font-awesome.min.css");
@import url("../script/layer_mobile/need/layer.css");
@import url("../script/swiper/swiper-4.2.2.min.css");
@import url("icons-extra.css");
@import url("mui.min.css");

*{ -webkit-user-select: auto;}
input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{ -webkit-user-select: auto;}
.mui-android.mui-android-4-2 input,.mui-android.mui-android-4-2 textarea,.mui-android.mui-android-4-3 input,.mui-android.mui-android-4-3 textarea{ -webkit-user-select: auto;}
body{ font-size: 14px; font-family: "思源黑体 CN", "微软雅黑", Whitney Light, Helvetica, Arial, "sans-serif";}
ul, ol, dl, li{ list-style-type: none; margin: 0; -webkit-padding-start: 0; padding-left: 0;}
input, button, textarea, select{ margin-bottom: 0; outline: medium;}
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{ margin-bottom: 0;}
input:internal-outofill-selected{ background-color: transparent !important; color: #FFFFFF !important;}
img{display: block;}
li{ position: relative;}
::-webkit-scrollbar{ width: 0; height: 0;}
input::-webkit-input-placeholder{ color: #C9C9C9; line-height: 20px;}
input:-moz-placeholder{ color: #C9C9C9; line-height: 20px;}
input:-ms-input-placeholder{ color: #C9C9C9; line-height: 20px;}
.mui-btn.mui-disabled, .mui-btn:disabled, button.mui-disabled, button:disabled, input[type=button].mui-disabled, input[type=button]:disabled, input[type=reset].mui-disabled, input[type=reset]:disabled, input[type=submit].mui-disabled, input[type=submit]:disabled{ background: #CCCCCC; opacity: 1;}

a:link, a:visited, a:hover, a:active, a:focus{ text-decoration: none; color: #333333;}

html, body, .mui-content{ background: #F8F8F8; color: #505050;}
html.bg-white, .bg-white .mui-content{ background: #FFFFFF;}
.mui-content-esp{ overflow: auto;}

/*顶部公用样式*/
.mui-bar-nav{ height: auto; background: #131E30; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent;}
.mui-bar .mui-title{ position: relative; width: calc(100% - 80px); height: 44px; margin: 0 auto;}
.mui-title, .mui-bar-nav .mui-icon{ color: #FFFFFF;}
.mui-bar-nav .mui-icon{ display: block; position: absolute; top: 0; height: 44px; line-height: 24px;}
.mui-bar-nav .mui-icon.mui-pull-left{ left: 10px;}
.mui-bar-nav .mui-icon.mui-pull-right{ right: 10px;}
.mui-bar-nav .mui-icon.mui-nav-link{ line-height: 24px; font-size: 14px; font-weight: 300;}

.mui-bar-opcity{ background: transparent;}
.mui-bar-hede{ opacity: 0;}
.mui-bar-opcity~.mui-content, .mui-bar-hede~.mui-content{ padding-top: 0;}

.mui-bar-hidden .mui-title{ opacity: 0;}

.ln-public-blue{ width: 100%; padding: 15px; line-height: 25px; padding-bottom: 25px; font-weight: 600; font-size: 20px; color: #FFFFFF; background: #007AFF;}
.ln-assets-blue{ position: relative; width: 100%; padding: 10px; color: rgba(255,255,255,0.6); padding-top: 0; background: #007AFF;}
.mui-bar-hede~.mui-content .ln-assets-blue, .mui-bar-opcity~.mui-content .ln-public-blue{ padding-top: 60px;}
.mui-bar-opcity~.mui-content .ln-public{ padding-top: 60px; margin: 0;}

/*底部公用样式*/
.mui-bar-zindex{ z-index: 1000;}
.mui-bar-tab{ background: #172941;}
.mui-bar-tab .mui-tab-item.mui-active{ color: #FF6600;}

.mui-bar-btn{ width: 100%; height: 50px; line-height: 50px;}
.mui-bar-btn div{ height: 50px; padding: 0 10px; text-align: center; font-size: 16px; color: #FFFFFF; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mui-bar-btn-2{ width: 50%; background: #146AF0;}
.mui-bar-btn-3{ width: 33.33%; background: #146AF0;}

/*商城顶部导航公用样式*/
.shop-bar-nav~.mui-content{ padding-top: 44px;}
.shop-bar-opcity~.mui-content{ padding-top: 0;}
.shop-bar-opcity~.mui-content .ln-public-blue{ padding-top: 45px; padding-bottom: 15px;}

.shop-bar-nav~.hd-nav, .shop-bar-nav~.linemark-grey, .hd-nav.hd-nav-fixed{ position: fixed; top: 44px; left: 0; z-index: 20; background: #FFFFFF; box-shadow: 0 1px 3px rgba(102,102,102,0.1); -webkit-box-shadow: 0 1px 3px rgba(102,102,102,0.1);}
.hd-nav.hd-nav-fixed~.rebt-list{ margin-top: 43px;}
/*.shop-bar-nav~.hd-nav{ box-shadow: 0px 2px 2px rgba(102,102,102,0.1);}*/
.hd-nav~.mui-content{ padding-top: 87px;}
.linemark-grey~.mui-content{ padding-top: 55px;}
.hd-nav{ width: 100%; height: 43px; line-height: 42px; padding: 0 10px; font-size: 12px; color: #C9C9C9; background: #FFFFFF;}
.hd-nav-iteam{ position: relative; height: 42px; line-height: 42px; text-align: center; float: left;}
.hd-nav-iteam.active span{ display: inline-block; height: 42px; border-bottom: 2px solid #FF6600; color: #FF6600;}

.shop-bar-nav .mui-icon{ color: #FFFFFF;}
.mui-icon~.search{ width: calc(100% - 125px); margin-left: 44px;}

.shop-bar-white{ background: #FFFFFF; -webkit-box-shadow: 0 1px 6px rgba(153,153,153,0.1); box-shadow: 0 1px 6px rgba(153,153,153,0.1);}
.shop-bar-white .mui-icon, .shop-bar-white .shop-bar-title{ color: #333333;}

.shop-bg~.mui-content{ padding-top: 44px;}

.shop-bar-nav .hd-nav{ background: transparent; font-size: 15px; color: rgba(255,255,255,0.5);}
.shop-bar-nav .hd-nav .active{ color: #FFFFFF;}

.shop-bar-share{ background: transparent; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent;}
.shop-bar-share~.mui-content{ padding-top: 0;}
.shop-bar-share .mui-icon{ color: #505050;}

/*底部公用样式*/
.mui-bar-tab{ background: #FFFFFF; -webkit-box-shadow: 0px 1px 6px rgba(102,102,102,0.2); box-shadow: 0px 1px 6px rgba(102,102,102,0.2);}
.mui-bar-tab~.mui-bar-tab{ bottom: 50px; z-index: 8;}
.mui-bar-tab.mui-bar-esp{ -webkit-box-shadow: 0px 0px 0px transparent; box-shadow: 0px 0px 0px transparent;}

/*底部按钮公用样式*/
.ft-iteam{ position: relative; height: 50px; float: left; color: #505050; padding: 5px 3px; text-align: center; overflow: hidden;}
.ft-iteam i{ display: block; width: 22px; height: 22px; line-height: 22px; margin: 0 auto; font-size: 22px;}
.ft-iteam-nm{ width: 100%; height: 18px; line-height: 18px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ft-mark{ position: absolute; right: 0; top: 0; bottom: 0; width: 1px; height: 18px; background: rgba(102,102,102,0.2); margin: auto 0;}
.ft-btn-lblue, .ft-btn-blue{ line-height: 40px; font-size: 16px; color: #FFFFFF;}
.ft-btn-lblue{ background: #FFA927;}
.ft-btn-blue{ background: #FF6600;}
.ft-iteam-con{ height: 50px; line-height: 40px; padding-left: 10px; text-align: left;}
.ft-iteam-con span{ color: #FF6600; font-size: 16px;}

.ft-iteam-18{ width: 18%;}
.ft-iteam-27{ width: 27%;}
.ft-iteam-30{ width: 30%;}
.ft-iteam-32{ width: 32%;}
.ft-iteam-35{ width: 35%;}
.ft-iteam-43{ width: 43%;}
.ft-iteam-50{ width: 50%;}
.ft-iteam-68{ width: 68%;}

/*导航公用样式*/
.nav-list{ width: 100%; padding: 5px; overflow: auto; background: #FFFFFF; margin: 10px 0;}
.nav-list li{ float: left; padding: 5px;}
.nav-list-pic{ position: relative; width: 42px; height: 42px; padding: 6px; overflow: hidden; margin: 0 auto; margin-bottom: 0;}
.nav-list-ad{ width: 66%; margin: 0 auto; margin-bottom: 5px;}
.nav-list-pic img, .nav-list-ad img{ display: block; width: 100%; height: 100%;}
.nav-list-pic i{ display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 28px; color: #FF6600;}
.nav-list-pic i.icon-information2{ font-size: 24px;}
.nav-list-pic i.icon-folder-download{ font-size: 25px;}
.nav-list-mark{ position: absolute; right: 0; top: 0; min-width: 16px; height: 16px; text-align: center; font-size: 12px; line-height: 15px; background: #FF0000; color: #FFFFFF;border-radius: 9px;}
.nav-list-mark div{ width: 100%; height: 100%; overflow: hidden; -webkit-transform: scale(0.7); transform: scale(0.7);}
.nav-list-mark div span{ display: inline-block; line-height: 12px; vertical-align: middle; margin-top: -8px;}
.nav-list-nm{ width: 100%; height: 20px; line-height: 20px; font-size: 12px; color: #505050; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nav-list-mark-esp{ top: 3px; min-width: 8px; width: 8px; height: 8px; overflow: hidden;}
.nav-list-num{ width: 100%; height: 36px; line-height: 36px; font-size: 20px; font-weight: bold; text-align: center;}
.nav-list-tit{ width: 100%; height: 24px; line-height: 24px; color: #ADADAD; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.nav-list-2 li, .nav-list-2 .list-iteam{ width: 50%;}
.nav-list-3 li, .nav-list-3 .list-iteam{ width: 33.33%;}
.nav-list-4 li, .nav-list-4 .list-iteam{ width: 25%;}
.nav-list-5 li, .nav-list-5 .list-iteam{ width: 20%;}
.nav-list-6 li, .nav-list-6 .list-iteam{ width: 16.66%;}

.nav-list-esp .nav-list-pic{ width: 50px; height: 50px; padding: 3px;}


/*商城渐变顶部公用样式*/
.shop-bar-nav{ position: fixed; left: 0; top: 0; width: 100%; z-index: 11;}
.shop-bar-opcity{ opacity: 0;}
/*.bg-gradient{ background: -webkit-linear-gradient(72deg, #3567fd, #8f42fc); background: -o-linear-gradient(72deg, #3567fd, #8f42fc); background: -moz-linear-gradient(72deg, #3567fd, #8f42fc); background: linear-gradient(18deg, #3567fd, #8f42fc); z-index: 10;}*/
.bg-gradient{ background: #FF6600; z-index: 10;}
.shop-bar-opcity~.mui-content .bg-gradient-esp{ position: relative; padding-top: 150px; margin-bottom: -85px; z-index: 0;}
.shop-bar-opcity~.mui-content .bg-gradient-esp2{ position: relative; padding-top: 108px; margin-bottom: -85px; z-index: 0;}
.shop-bar-con{ position: relative; width: 100%; height: 44px; line-height: 44px; color: #FFFFFF;}
.shop-bar-nav .mui-icon{ position: absolute; left: 0; top: 0; min-width: 44px; height: 44px; padding: 10px; line-height: 24px; text-align: center; z-index: 12;}
.shop-bar-nav .mui-icon.mui-pull-right{ left: auto; right: 0;}
.shop-bar-nav .mui-icon.hd-btn{ font-size: 14px;}
.shop-bar-mark{ position: absolute; bottom: 26px; left: 28px; width: 18px; height: 18px; line-height: 17px; padding: 0 2px; border-radius: 8px; background: #FF0000; color: #FFFFFF; text-align: center; font-size: 12px;}
.shop-bar-mark span{ display: inline-block; vertical-align: middle; margin: 0 -2px; margin-top: -10px; -webkit-transform: scale(0.7); transform: scale(0.7);}
.shop-bar-title{ width: 70%; height: 44px; line-height: 44px; font-size: 17px; text-align: center; margin: 0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mui-bar-hidden .shop-bar-title{ opacity: 0;}
.mui-icon-btn{ font-size: 14px;}

.search{ position: relative; width: calc(100% - 80px); height: 32px; border-radius: 16px; background: #FFFFFF; margin: 6px 10px; padding: 6px 10px; padding-left: 36px; float: left;}
.search i{ display: block; position: absolute; left: 0; top: 0; width: 38px; height: 32px; font-size: 18px; text-align: center; line-height: 32px; color: #495B73;}
.search input{ display: block; width: 100%; height: 20px; border: 0; padding: 0; font-size: 13px; background: transparent; color: #333333;}
.search-btn{ display: block; max-width: 60px; height: 44px; line-height: 44px; font-size: 17px; color: #FFFFFF; padding: 0; float: right; background: transparent; border: 0; margin-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.search-btn:visited, .search-btn:hover, .search-btn:active, .search-btn:focus, .search-btn:enabled:active{ background: transparent;}

.shop-bar-orenge, .provison-hd{ background: #FF6600;}
.shop-bar-orenge .shop-bar-title{ color: #FFFFFF;}


/*缺省页样式*/
.empty{ width: 100%; padding: 50px 0;}
.empty-pic{ display: block; width: 28%; margin: 10px auto;}
.empty-com{ width: 100%; padding: 0 10px; line-height: 24px; text-align: center;}
._v-container>._v-content>.loading-layer>.no-data-text.active[data-v-ecaca2b0]{ display: none;}

/*按钮公用样式*/
.edit-ft{ width: 100%; margin: 10px auto; margin-top: 35px;}

.edit-ft-btn{ display: block; height: 45px; line-height: 45px; padding: 0 10px; border: 0; font-size: 16px; text-align: center; background: #FF6600; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.edit-ft-btn-1{ width: 88%; margin: 0 auto;}
.edit-ft-btn-1~.edit-ft-btn-1{ margin-top: 10px;}


/*其他公用样式*/
.bg-green{ background: #28AE80; color: #FFFFFF;}
.bg-red, .bgred{ background: #FB4E4B; color: #FFFFFF;}
.bg-grey{ background: #C9C9C9;}
.bggrey{ background: #C9C9C9; color: #FFFFFF;}
.bg-blue, .bgblue{ background: #FF6600; color: #FFFFFF;}
.text-green{ color: #28AE80;}
.text-red, .textred{ color: #FB4E4B;}
.text-blue, .textblue{ color: #FF6600;}
.textgrey{ color: #C9C9C9;}

.bg-gd{ background: -webkit-linear-gradient(72deg, #3567fd, #8f42fc); background: -o-linear-gradient(72deg, #3567fd, #8f42fc); background: -moz-linear-gradient(72deg, #3567fd, #8f42fc); background: linear-gradient(18deg, #3567fd, #8f42fc);}
.art-hd{ width: 100%; overflow: auto; padding: 20px 10px;}
.mui-bar-opcity~.mui-content .art-hd{ padding-top: 55px;}

.art-hd-esp{ position: fixed; left: 0; top: 0; padding-top: 60px; z-index: 8;}
.art-hd-esp~.mui-content{ padding-top: 131px;}

.edit-list-icon i.icon-openeyes, .edit-list-btn, .edit-link-con, a.edit-link-con, .edit-link-login{ color: #FF6600;}

.ft-btn{ display: block; width: 82%; height: 42px; line-height: 42px; border: 0; border-radius: 3px; text-align: center; padding: 0; font-size: 16px; background: #FF6600; color: #FFFFFF; margin: 15px auto; margin-top: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ft-btn.bg-grey{ background: #1A2B3D;}
.ft-btn.bg-green{ background: #28AE80;}

/*首页搜索框样式*/
.sch{ width: 100%; height: 44px; padding: 0 10px;}
.sch-con{ width: 100%; height: 35px; border: 1px solid #FF6600; border-radius: 6px; margin-top: 4px; float: right;}
.mui-icon~.sch-con{ width: calc(100% - 44px);}
.sch-con i{ display: block; width: 32px; height: 33px; line-height: 33px; text-align: center; font-size: 20px; color: #FF6600; float: left;}
.sch-btn{ width: 60px; height: 33px; line-height: 33px; text-align: center; border: 0; padding: 0 5px; float: right; background: #FF6600; border-radius: 5px; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sch-con input{ display: block; width: calc(100% - 102px); height: 21px; border: 0; padding: 0; font-size: 13px; margin: 6px 5px; float: left;}

/*文字图标样式*/
@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?cq250g');
  src: url('../fonts/icomoon.eot?cq250g#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?cq250g') format('truetype'),
    url('../fonts/icomoon.woff?cq250g') format('woff'),
    url('../fonts/icomoon.svg?cq250g#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.art-icon {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-nodes:before, .mui-active .icon-node:before { content: "\e933";}
.icon-shops:before, .mui-active .icon-store:before { content: "\e938";}
.icon-man:before, .mui-active .icon-mans:before { content: "\e91d";}
.icon-money:before, .mui-active .icon-moneys:before { content: "\e91e";}
.icon-transaction:before, .mui-active .icon-transactions:before { content: "\e913";}

.icon-consumptions:before { content: "\e93b";}
.icon-digital:before { content: "\e93c";}
.icon-upper:before { content: "\e93d";}
.icon-vehicle:before { content: "\e93e";}
.icon-classification:before { content: "\e906";}
.icon-Collet:before { content: "\e926";}
.icon-Collets:before { content: "\e927";}
.icon-customerService:before { content: "\e928";}
.icon-downs:before { content: "\e929";}
.icon-eyes:before { content: "\e92a";}
.icon-Feedback:before { content: "\e92b";}
.icon-histore:before { content: "\e92c";}
.icon-informations:before { content: "\e92d";}
.icon-location:before { content: "\e92e";}
.icon-mallORder:before { content: "\e92f";}
.icon-mans:before { content: "\e930";}
.icon-moneys:before { content: "\e931";}
.icon-node:before { content: "\e932";}
.icon-safe:before { content: "\e934";}
.icon-setUp:before { content: "\e935";}
.icon-shop:before { content: "\e936";}
.icon-shopping:before { content: "\e937";}
.icon-store:before { content: "\e939";}
.icon-transactions:before { content: "\e93a";}
.icon-appeal:before { content: "\e916";}
.icon-bell:before { content: "\e917";}
.icon-cancel:before { content: "\e918";}
.icon-copy:before { content: "\e919";}
.icon-delete:before { content: "\e91a";}
.icon-determine:before { content: "\e91b";}
.icon-left:before { content: "\e91c";}
.icon-order:before { content: "\e91f";}
.icon-phone:before { content: "\e920";}
.icon-pius:before { content: "\e921";}
.icon-qrCode:before { content: "\e922";}
.icon-right:before { content: "\e923";}
.icon-table:before { content: "\e924";}
.icon-up:before { content: "\e925";}
.icon-openeyes:before { content: "\e900";}
.icon-about:before { content: "\e901";}
.icon-announcement:before { content: "\e902";}
.icon-contract:before { content: "\e903";}
.icon-down:before { content: "\e904";}
.icon-eye:before { content: "\e905";}
.icon-home:before { content: "\e907";}
.icon-invite:before { content: "\e908";}
.icon-list:before { content: "\e909";}
.icon-Login:before { content: "\e90a";}
.icon-magnifier:before { content: "\e90b";}
.icon-nolook:before { content: "\e90c";}
.icon-password:before { content: "\e90d";}
.icon-problem:before { content: "\e90e";}
.icon-return:before { content: "\e90f";}
.icon-scan:before { content: "\e910";}
.icon-secondaryVerification:before { content: "\e911";}
.icon-site:before { content: "\e912";}
.icon-under:before { content: "\e914";}
.icon-wallet:before { content: "\e915";}

@font-face {
  font-family: 'shop';
  src:  url('../fonts/shop.eot?6nomyg');
  src:  url('../fonts/shop.eot?6nomyg#iefix') format('embedded-opentype'),
    url('../fonts/shop.ttf?6nomyg') format('truetype'),
    url('../fonts/shop.woff?6nomyg') format('woff'),
    url('../fonts/shop.svg?6nomyg#shop') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.shop-icon{
  font-family: 'shop' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.i-home:before{ content: "\e927";}
.mui-active .i-home:before{ content: "\e926";} 
.i-class:before{ content: "\e913";}
.mui-active .i-class:before{ content: "\e912";} 
.i-reel:before{ content: "\e93b";}
.mui-active .i-reel:before{ content: "\e93c";} 
.i-cart:before{ content: "\e946";}
.mui-active .i-cart:before{ content: "\e945";} 
.i-mine:before{ content: "\e933";}
.mui-active .i-mine:before{ content: "\e932";} 

.i-add:before { content: "\e900";}
.i-add2:before { content: "\e901";}
.i-addSome:before { content: "\e902";}
.i-addsome2:before { content: "\e903";}
.i-addTo:before { content: "\e904";}
.i-alarmClock:before { content: "\e905";}
.i-bag:before { content: "\e906";}
.i-bell:before { content: "\e907";}
.i-box2:before { content: "\e908";}
.i-camera:before { content: "\e909";}
.i-cancel:before { content: "\e90a";}
.i-cancel2:before { content: "\e90b";}
.i-cap:before { content: "\e90c";}
.i-car:before { content: "\e90d";}
.i-car2:before { content: "\e90e";}
.i-car3:before { content: "\e90f";}
.i-champion:before { content: "\e910";}
.i-champion2:before { content: "\e911";}
.i-classification:before { content: "\e912";}
.i-classification2:before { content: "\e913";}
.i-classification3:before { content: "\e914";}
.i-collect:before { content: "\e915";}
.i-collect2:before { content: "\e916";}
.i-collect3:before { content: "\e917";}
.i-contactPerson:before { content: "\e918";}
.i-copy:before { content: "\e919";}
.i-date:before { content: "\e91a";}
.i-delete:before { content: "\e91b";}
.i-document:before { content: "\e91c";}
.i-document2:before { content: "\e91d";}
.i-edit:before { content: "\e91e";}
.i-error:before { content: "\e91f";}
.i-file:before { content: "\e920";}
.i-file3:before { content: "\e921";}
.i-file5:before { content: "\e922";}
.i-fileBox:before { content: "\e923";}
.i-fire:before { content: "\e924";}
.i-fix:before { content: "\e925";}
/*.i-home:before { content: "\e926";}*/
.i-hone2:before { content: "\e927";}
.i-idCae:before { content: "\e928";}
.i-information:before { content: "\e929";}
.i-information2:before { content: "\e92a";}
.i-information3:before { content: "\e92b";}
.i-investList:before { content: "\e92c";}
.i-less:before { content: "\e92d";}
.i-list2:before { content: "\e92e";}
.i-list4:before { content: "\e92f";}
.i-littleFlous:before { content: "\e930";}
.i-location:before { content: "\e931";}
.i-me:before { content: "\e932";}
.i-me2:before { content: "\e933";}
.i-money:before { content: "\e934";}
.i-moneyBag:before { content: "\e935";}
.i-myT:before { content: "\e936";}
.i-Performance2:before { content: "\e937";}
.i-phone:before { content: "\e938";}
.i-phone2:before { content: "\e939";}
.i-redEnvelope:before { content: "\e93a";}
.i-reel:before { content: "\e93b";}
.i-reel2:before { content: "\e93c";}
.i-refresh:before { content: "\e93d";}
.i-reprint:before { content: "\e93e";}
.i-right2:before { content: "\e93f";}
.i-rings:before { content: "\e940";}
.i-safe:before { content: "\e941";}
.i-scan:before { content: "\e942";}
.i-setUp:before { content: "\e943";}
.i-setUp2:before { content: "\e944";}
.i-shoppingCart:before { content: "\e945";}
.i-shoppingCart2:before { content: "\e946";}
.i-tag:before { content: "\e947";}
.i-tag2:before { content: "\e948";}
.i-telephone:before { content: "\e949";}
.i-transferTT:before { content: "\e94a";}
.i-ttturn:before { content: "\e94b";}
.i-turnRight:before { content: "\e94c";}
.i-up3:before { content: "\e94d";}
.i-weixin:before { content: "\e94e";}
.i-zhifubao2:before { content: "\e94f";}




/*加载动画样式*/
.load-dialog{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(102,102,102,1.0); z-index: 999;}
.esp-dialog{ display: none; background: rgba(0,0,0,0.3);}
.dialog-close{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0;}
#allload{ display: none;}
[v-cloak] { display: block;}

.load-dialog .loader-inner{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 50px; height: 50px; margin: auto;}


@-webkit-keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.ball-spin-fade-loader {
  position: relative; }
  .ball-spin-fade-loader > div:nth-child(1) {
    top: 32px;
    left: 17px;
    -webkit-animation: ball-spin-fade-loader 1s 0s infinite linear;
            animation: ball-spin-fade-loader 1s 0s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(2) {
    top: 28.04545px;
    left: 28.04545px;
    -webkit-animation: ball-spin-fade-loader 1s 0.12s infinite linear;
            animation: ball-spin-fade-loader 1s 0.12s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(3) {
    top: 17px;
    left: 32px;
    -webkit-animation: ball-spin-fade-loader 1s 0.24s infinite linear;
            animation: ball-spin-fade-loader 1s 0.24s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(4) {
    top: 6.04545px;
    left: 28.04545px;
    -webkit-animation: ball-spin-fade-loader 1s 0.36s infinite linear;
            animation: ball-spin-fade-loader 1s 0.36s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(5) {
    top: 2px;
    left: 17px;
    -webkit-animation: ball-spin-fade-loader 1s 0.48s infinite linear;
            animation: ball-spin-fade-loader 1s 0.48s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(6) {
    top: 6.04545px;
    left: 6.04545px;
    -webkit-animation: ball-spin-fade-loader 1s 0.6s infinite linear;
            animation: ball-spin-fade-loader 1s 0.6s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(7) {
    top: 17px;
    left: 2px;
    -webkit-animation: ball-spin-fade-loader 1s 0.72s infinite linear;
            animation: ball-spin-fade-loader 1s 0.72s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(8) {
    top: 28.04545px;
    left: 6.04545px;
    -webkit-animation: ball-spin-fade-loader 1s 0.84s infinite linear;
            animation: ball-spin-fade-loader 1s 0.84s infinite linear; }
  .ball-spin-fade-loader > div {
    background-color: #AAAAAA;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute; }

/*公用弹窗样式*/
.mine-dialog{ position: fixed; left: 0; top: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.8); z-index: 999;}

/*公用底部弹窗*/
.ft-dialog{ position: absolute; left: 0; bottom: -445px; width: 100%; border-top-left-radius: 8px; border-top-right-radius: 8px; background: #132436;}
.ft-dialog-con{ position: relative; width: 100%; padding-top: 45px;}
.ft-dialog-hd{ position: absolute; left: 0; top: 0; width: 100%; height: 45px;}
.ft-dialog-hd .icon-cancel{ width: 40px; height: 45px; line-height: 45px; font-size: 24px; text-align: center; float: right; color: #D9E4F6;}
.dialog-tg{ width: 100%; max-height: 400px; line-height: 36px; text-align: center; overflow: scroll;}
.dialog-tg li{ width: 100%; height: 37px; border-top: 1px solid rgba(39,60,83,0.5); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dialog-tg li.active{ background: #007AFF; color: #FFFFFF;}