add

.gitignore

+.DS_Store
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw*

README.md

+# athena
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Run your tests
+```
+npm run test
+```
+
+### Lints and fixes files
+```
+npm run lint
+```

babel.config.js

+module.exports = {
+  presets: [
+    '@vue/app'
+  ]
+}

package.json

+{
+  "name": "athena",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build"
+  },
+  "dependencies": {
+    "axios": "^0.18.0",
+    "echarts": "^4.2.0-rc.1",
+    "element-ui": "^2.4.5",
+    "html2canvas": "^1.0.0-alpha.12",
+    "js-md5": "^0.7.3",
+    "jspdf": "^1.4.1",
+    "moment": "^2.22.2",
+    "register-service-worker": "^1.0.0",
+    "vue": "^2.5.17",
+    "vue-echarts-v3": "^1.0.19",
+    "vue-lazyload": "^1.2.6",
+    "vue-router": "^3.0.1",
+    "vuex": "^3.0.1"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "^3.0.4",
+    "@vue/cli-plugin-pwa": "^3.0.4",
+    "@vue/cli-service": "^3.0.4",
+    "stylus": "^0.54.5",
+    "stylus-loader": "^3.0.2",
+    "vue-cli-plugin-element": "^1.0.0",
+    "vue-template-compiler": "^2.5.17"
+  },
+  "postcss": {
+    "plugins": {
+      "autoprefixer": {}
+    }
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 8"
+  ]
+}

public/manifest.json

+{
+  "name": "athena",
+  "short_name": "athena",
+  "icons": [
+    {
+      "src": "/img/icons/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/img/icons/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "start_url": "/index.html",
+  "display": "standalone",
+  "background_color": "#000000",
+  "theme_color": "#4DBA87"
+}

public/robots.txt

+User-agent: *
+Disallow:

src/App.vue

+<template>
+  <div id="app">
+    <el-scrollbar ref="wrap">
+      <!-- <div id="nav">
+        <router-link to="/">Home</router-link> |
+        <router-link to="/about">About</router-link>
+      </div> -->
+      <router-view/>
+    </el-scrollbar>
+    <transition name="el-zoom-in-top">
+      <div class="page-component-up" v-show="top>100" @click="goTop">
+        <i class="el-icon-arrow-up"></i>
+      </div>
+    </transition>
+  </div>
+</template>
+<script>
+export default {
+  data () {
+    return {
+      top:0
+    }
+  },
+  mounted() {
+    if(!localStorage.g || localStorage.g == "" || localStorage.g=='undefined'){
+      let msg={
+        GroupId:0,
+        ErpDomain:'',
+        B2BDomain:window.location.host.split(':')[0]
+      }
+      this.apipost('admin_get_GetGroupDomain',msg,r=>{
+        let g={}
+        g.i=r.data.data.GroupId
+        g.n=r.data.data.GroupName
+        g.l=r.data.data.Logo
+        localStorage.g=JSON.stringify(g)
+      },null)
+    }
+    document.body.style.minWidth=(screen.availWidth-50)+'px';
+    this.$refs.wrap.wrap.addEventListener('scroll', this.handleScroll);    
+    let userInfo = this.getLocalStorage();
+    if(userInfo&&userInfo.account){
+      this.$store.commit('changeLogin',1);
+      this.$store.commit('updateUser',userInfo);
+    }
+    
+  },
+  methods: {
+    goTop(){
+      this.$refs.wrap.wrap.scrollTop=0
+      this.top=0
+    },
+    handleScroll(){
+      this.top=this.$refs.wrap.wrap.scrollTop
+    }
+  }
+}
+</script>
+
+<style>
+@import './assets/global/font.css';
+@import '//at.alicdn.com/t/font_863923_3d1f1rd9oj6.css';
+@import './assets/global/global.css';
+body,html{
+  padding: 0px;
+  margin: 0px;
+  font-family:'微软雅黑',' Microsoft YaHei';
+  -webkit-font-smoothing: antialiased;
+  height: 100%;
+}
+#app{
+  height: 100%;
+}
+.el-scrollbar{
+  height: 100%;
+}
+.el-scrollbar__wrap{
+  overflow: auto !important;
+}
+.page-component-up {
+    background-color: #fff;
+    position: fixed;
+    right: calc(8.3% - 60px);
+    bottom: 150px;
+    width: 40px;
+    height: 40px;
+    cursor: pointer;
+    transition: .3s;
+    /* box-shadow: 0 0 6px rgba(0,0,0,.12); */
+    z-index: 5;
+    border:1px solid #ddd;
+    box-sizing: border-box;
+    line-height: 40px;
+    text-align: center;
+}
+.page-component-up i{font-size: 36px;color: #bbb;}
+.page-component-up:hover{
+  background-color: #EF4455;
+  border:1px solid #ec3346;
+}
+.page-component-up:hover i{
+  color: #F1f1f1;
+}
+</style>

src/assets/global/PersonalInfo.css

+.PersonalInfo{
+    height: 100px;
+    padding: 18px 0;
+    background-color: #000;
+    background: #f9f9f9 url(../img/Ps_top_bg.png) no-repeat bottom left/100% auto;
+}
+._head_left{
+    display: flex;
+}
+.PersonalInfo ._head ._head_left>img{
+    height: 64px;
+    width: 64px;
+    border-radius: 50%;
+    display: inline-block;
+}
+._head_left_info{
+    padding-left: 20px;
+    line-height: 30px;
+}
+._head_left_info>P{
+    margin: 0;
+    color: #FFFFFF;
+    font-size: 16px;
+}
+._head_left_info>div{
+    display: flex;
+    align-items: center;
+}
+._head_left_info>div>span{
+    font-size: 14px;
+    color: rgba(255,255,255,0.5);
+}
+._head_left_info>div>img{
+    height: 14px;
+    width: 14px;
+    margin-right: 7px;
+}
+._head_left_line{
+    padding: 0 10px;
+}
+._head_right{
+    display: flex;
+    justify-content: flex-end;
+}
+._head_right>div{
+    text-align: center;  
+    margin-right: 20px;  
+}
+._head_right>div:nth-child(1){
+    margin-right: 80px;
+}
+._head_right>div ._head_right_tit{
+    color: #FFFFFF;
+    font-size: 14px;   
+    margin-top: 10px; 
+}
+._head_right>div ._head_right_num{
+    margin: 0;
+    color: #FFAE00;
+    font-size: 18px;
+    font-weight:bold;
+}
\ No newline at end of file

src/assets/global/font.css

+@font-face{
+    font-family: 'pingfang';
+    src:url('../fonts/pingfang.woff2')  format('woff');
+}
+@font-face {
+    font-family: "PingFangR";
+    src: url("../fonts/Semibold.eot"); /* IE9 */
+    src: url("../fonts/Semibold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
+    url("../fonts/Semibold.woff") format("woff"), /* chrome, firefox */
+    url("../fonts/Semibold.ttf") format("truetype"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+    font-style: normal;
+    font-weight: normal;
+}
+@font-face {
+    font-family: "FZDBSJW";
+    src: url("../fonts/FZDBSJW.woff") format("woff"),
+    url("../fonts/FZDBSJW.TTF") format("truetype"),
+    url("../fonts/FZDBSJW.svg") format('svg'); 
+    font-style: normal;
+    font-weight: normal;
+}
+@font-face{
+    font-family:'方正大标宋简体';
+    src:url('../fonts/FZDBSJW.woff') format('woff')
+}
+@font-face{
+    font-family:'方正宋三简体';
+    src:url('../fonts/FZSSJ.ttf') format('truetype')
+}
\ No newline at end of file

src/assets/global/foot.css

+.foot-box{
+    background: #333;
+    padding: 10px 0;
+    color: #D0D0D0;
+    font-size: 12px;
+}
+.foot-box p{
+    margin: 0;
+    text-align: center;
+    line-height: 30px;
+}
\ No newline at end of file

src/assets/global/global.css

+.hgh_table th{
+    background-color: #333333;
+    color: #f5f5f5;
+    font-size: 12px;
+    padding: 15px 0;
+    font-family: 'PingFangR';
+    font-weight: inherit !important;
+}
+.hgh_font_color_org{
+    color: #FF5F08 !important;
+}
+.hgh_font_color_gre{
+    color:#1BB974 !important;
+}
+.hgh_pay_money_bth{
+    display: inline-block;
+    height: 25px;
+    line-height: 25px;
+    padding: 0 9px;
+    border: 1px solid #E73E6D;
+    color: #E73E6D;
+    cursor: pointer;
+}
+.clearfix:after {content: "\0020";display: block;height: 0;clear: both;}
+.item-pager{
+    text-align: right;
+    margin-bottom: 25px;
+}
+.item-pager .el-pagination__editor, .item-pager .el-pager li,  .el-pagination .btn-next,  .el-pagination .btn-prev{
+    border-radius: 0px;
+    width: 38px;
+    height: 38px;
+    line-height:38px;
+    box-sizing: border-box;
+    border:1px solid #ddd;
+    font-weight: 400;
+    font-family: 'pingfangR'
+}
+.item-pager .el-pager li.active+li{
+    border-left: 1px solid #ddd;
+}
+.item-pager .el-pager li.active{
+    border:1px solid #EF4455;
+    background: #EF4455;
+}
+.el-pagination.is-background .el-pager li:not(.disabled).active{
+    border:1px solid #EF4455 !important;
+    background: #EF4455 !important;
+}
+.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
+    border-radius: 0px !important;
+}
+.item-pager .el-pagination__editor{
+    margin: 0 5px;
+}
+.item-pager .el-pagination__editor input{
+    border: none;
+    outline: none;
+}
+.empty-data{
+    width: 100%;
+    padding: 50px;
+    box-sizing: border-box;
+    text-align: center;
+    color: #bbb;
+    font-size: 12px;
+}
+.empty-data .icon-kong{
+    font-size: 120px;
+    display: block;
+}
+._bgc_f5{background-color: #F5F5F5;}

src/assets/global/header.css

+.header{
+
+}
+.header .header-box{
+    width: 100%;
+    background: #333;
+}
+.header .header-box .small .el-menu-item{
+    height: 30px;
+    line-height: 30px;
+    float: right;
+    font-size: 12px;
+}
+.header .header-box .small.el-menu--horizontal{
+    border-bottom: none;
+}
+.header  a{
+    text-decoration: none !important;
+}
+.header .header-box .small .el-menu-item .iconfont{
+    font-size: 21px;
+    color:#fff;
+}
+.header .second-nav{
+    width: 100%;
+    border-bottom: solid 1px #e6e6e6;
+}
+.header .second-nav .el-menu.el-menu--horizontal{
+    border-bottom: none !important;
+}
+.header .second-nav .el-menu-item,.header .second-nav .el-submenu__title{
+    /* height: 80px;
+    line-height: 80px; */
+    font-family: 'pingfang';
+    font-size: 18px;
+}
+.header .second-nav .logo{
+    max-height: 40px;
+    margin-top: 10px;
+    max-width: 100%;
+}
+.header .second-nav .position{
+    width: 100%;
+    height: 60px;
+    line-height: 60px;
+}
+.header .second-nav .position::after{
+    display: block;
+    clear: both;
+    content: '';
+}
+.header .second-nav .position .iconfont{
+    font-size: 22px;
+    color:#EF4455;
+    float: right;
+}
+.header .second-nav .el-select{
+    float: right;
+}
+.header .second-nav .el-input--mini{
+    width: 77px;
+
+}
+.header .second-nav .el-input__inner{
+    border: none;
+    font-size: 14px;
+    padding: 0 5px;
+}
+.header .second-nav {
+
+}
+.el-menu--popup{
+    background-color: #333 !important;
+}
+.el-select-dropdown__item.selected{
+    font-weight: 400;
+}
+/* 登陆后顶部导航 */
+.login_nav .el-menu--horizontal>.el-submenu .el-submenu__title{
+    height: 30px;
+    line-height: 35px;
+    font-size: 12px;
+}
+.login_nav .el-menu--horizontal>.el-submenu{float: right;}
+.user_nav{
+    display: flex;
+    justify-content: flex-end;
+}
+.user_nav a{
+    color: #333333 !important;
+    font-size: 14px;
+    font-weight:400;
+}
+.login_nav .el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.login_nav .el-menu--horizontal .el-menu-item:not(.is-disabled):hover,.login_nav .el-menu--horizontal>.el-menu-item.is-active{
+    border-bottom: none;
+    color: #909399;
+}
\ No newline at end of file

src/assets/mall/OrderInvoice.css

+.OrderInvoice{background-color: #F5F5F5;}
+.OrderInvoice p{margin: 0;}
+.OrderInvoice ._line div{
+    height: 4px;
+    background-color: #D6D6D6;
+}
+.OrderInvoice ._steps{
+    padding: 20px 0 30px 0;
+    margin-bottom: 20px;
+}
+.OrderInvoice ._step_active ._line div {background-color: #3F6AB3;}
+.OrderInvoice ._steps ._step_active .iconfont {background-color: #3F6AB3;}
+.OrderInvoice ._steps ._step_active ._exp p{color: #3F6AB3;}
+.OrderInvoice ._steps .el-col-8>.el-row{
+    display: flex;
+    align-items: center;
+}
+.OrderInvoice ._steps .iconfont{
+    display: block;
+    margin: 0 auto;
+    width:60px;
+    height:60px;
+    background:#D6D6D6;
+    border-radius:50%;
+    text-align: center;
+    line-height: 60px;
+    font-size: 32px;
+    color: white;
+}
+.OrderInvoice ._steps  ._step_name{
+    text-align: center;
+    font-size: 14px;
+}
+.OrderInvoice ._steps ._exp{position: relative;}
+.OrderInvoice ._steps ._exp p{
+    position: absolute;
+    bottom: -30px;
+    width: 100%;
+}
+.OrderInvoice ._info,.OrderInvoice ._invoice{background-color: #FFFFFF;}
+.OrderInvoice ._info ._tc_or{
+    padding: 16px;
+    color: #000000;
+    font-size: 16px;
+    font-weight:400;
+    border-bottom: 1px solid #E6E6E6;
+}
+.OrderInvoice ._info ._tc_or ._left{text-align: left;}
+.OrderInvoice ._info ._tc_or ._right{text-align: right;}
+.OrderInvoice ._info ._info_box{padding:0 16px;}
+
+.OrderInvoice ._info_cuncost{
+    display: flex;
+    align-items: center;
+}
+.OrderInvoice ._info_box>p{margin: 20px 0;}
+.OrderInvoice ._info_cunzhe{
+    padding: 16px;
+    font-size: 14px;
+    display: flex;
+    align-items: center;
+}
+.OrderInvoice ._info_Cost{
+    padding: 16px;
+    font-size: 14px;
+}
+.OrderInvoice ._info_cunzhe .el-select{margin: 0 10px}
+.OrderInvoice ._info_cunzhe .el-input{width: 154px;}
+.OrderInvoice ._info_Cost {text-align: right;}
+.OrderInvoice ._info_Cost span{font-size:16px}
+.OrderInvoice ._info_trip table{width: 100%;}
+.OrderInvoice ._info_trip table th{
+    background-color: #F5F5F5;
+    text-align: left;
+    padding: 10px 15px;
+    font-family: 'PingFangR';
+    font-weight: inherit !important;
+    color: #666666;
+    font-size: 14px;
+}
+.OrderInvoice ._info_trip table td{
+    padding: 10px 15px;
+    color: #000000;
+    font-size: 14px;
+    background-color: #FBFBFB;
+}
+.OrderInvoice ._info_guest{
+    padding: 16px;
+    font-size: 14px;
+}
+.OrderInvoice ._info_guest .el-input,.OrderInvoice ._info_trip .el-input{
+    width: 100px;
+    margin-left: 20px;
+    margin-bottom: 20px;
+}
+.OrderInvoice ._info_guest .el-col-6 div span{
+    display: inline-block;
+    width: 120px;
+    text-align: right;
+}
+.OrderInvoice ._info_details{
+    color: #666666;
+    font-size: 14px;
+}
+.OrderInvoice ._info_details li{padding: 10px 0;}
+.OrderInvoice ._invoice{
+    padding: 16px;
+    margin-top: 10px;
+}
+.OrderInvoice ._is_invoice{padding: 12px 0;}
+.OrderInvoice ._is_invoice>span{
+    display: inline-block;
+    margin-right: 20px;
+    font-size: 14px;
+}
+.OrderInvoice ._invoice_type span{
+    display: inline-block;
+    color: #999999;
+    font-size: 14px;
+    border:1px solid #D2D2D2;
+    padding: 8px 12px;
+    cursor: pointer;
+    margin-right: 20px;
+}
+.OrderInvoice ._invoice_type span._active{border:1px solid #E95252;}
+.OrderInvoice ._invoice ._invoice_type_1{
+    margin-top: 10px;
+    padding: 16px;
+    border:1px solid #D2D2D2;
+    margin-bottom: 20px;
+}
+.OrderInvoice ._invoice ._invoice_type_1>div{
+    margin-bottom: 20px;
+}
+.OrderInvoice ._invoice ._invoice_type_1>div:last-child{
+    margin-bottom: 0;
+}
+.OrderInvoice ._invoice ._invoice_type_1>div>span{
+    display: inline-block;
+    width: 100px;
+    font-size: 14px;
+    color: #000000;
+    text-align: right;
+}
+.OrderInvoice ._invoice ._invoice_type_1>div .el-input{margin-left: 10px;}
+.OrderInvoice ._invoice ._invoice_type_1>div .w100{width: 100px;}
+.OrderInvoice ._invoice ._invoice_type_1>div .w150{width: 150px;}
+.OrderInvoice ._invoice ._invoice_type_1>div .w300{width: 300px;}
+.OrderInvoice ._invoice ._invoice_type_1>div .w410{width: 410px;}
+.OrderInvoice ._invoice ._invoice_type_1>div._tips{padding-left: 110px}
+.OrderInvoice ._invoice ._invoice_type_1>div._tips .iconfont{
+    color: #E95252;
+    padding-top: 3px;
+}
+.OrderInvoice ._invoice ._invoice_type_1>div._tips>p{
+    display: flex;
+}
+.OrderInvoice ._invoice ._invoice_type_1 ._tips ._tips_text{
+    display: inline-block;
+    margin-left: 6px;
+    width: 430px;
+    font-size: 14px;
+    color: #999999;
+}
+.OrderInvoice ._invoice ._tips{
+    color: #999999;
+    font-size: 12px;
+    padding-bottom: 20px;
+    border-bottom: 1px solid #D2D2D2;
+}
+.OrderInvoice ._ems{margin: 20px 0 30px 0;}
+.OrderInvoice ._ems>div>span{
+    display: inline-block;
+    color: #999999;
+    font-size: 14px;
+    border: 1px solid #E95252;
+    padding: 8px 12px;
+    cursor: pointer;
+    margin-right: 20px;
+}
+.OrderInvoice ._addr{
+    margin-top: 10px;
+    padding: 16px;
+    border:1px solid #D2D2D2;
+    margin-bottom: 20px;
+}
+.OrderInvoice ._addr>p{
+    font-size: 14px;
+    color: #000000;
+    margin-bottom: 16px;
+}
+.OrderInvoice ._addr ul{padding: 0;}
+.OrderInvoice ._addr ul li{
+    list-style: none;
+    float: left;
+    margin-right: 10px;
+    padding: 8px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+}
+.OrderInvoice ._addr ul li._addr_item{
+    width:142px;
+    height:72px;
+    background:#FFF7D9;
+    border:1px solid #FFF7D9;
+}
+.OrderInvoice ._addr ul li._addr_item._active{border-color: #E95252; }
+.OrderInvoice ._addr_item ._n{
+    color: #000000;
+    font-size: 14px;
+}
+.OrderInvoice ._addr_item ._a{
+    color: #999999;
+    font-size: 12px;
+    margin-top: 8px;
+}
+.OrderInvoice ._addr_item .el-icon-check{
+    position: absolute;
+    background-color: #E95252;
+    color: white;
+    font-size: 12px;
+    font-weight: bold;
+    height: 50px;
+    width: 18px;
+    right: -11px;
+    bottom: -13px;
+    transform: rotate(45deg);
+}
+.OrderInvoice ._addr_item .el-icon-check::before{
+    transform: rotate(-45deg);
+    display: inline-block;
+    margin-top: 30px;
+}
+.OrderInvoice ._add_addr{
+    width:68px;
+    height:68px;
+    background:white;
+    border:1px solid #E6E6E6;
+    color: #999999;
+    text-align: center;
+}
+.OrderInvoice ._add_addr>p:nth-child(1){
+    font-size: 40px;
+    margin: 5px 0;
+}
+.OrderInvoice ._add_addr>p:nth-child(2){
+    font-size: 12px;
+    color: #666666;
+}
+.OrderInvoice ._buttom{
+    margin: 60px 0 100px 0;
+    text-align: right;
+}
+.OrderInvoice ._buttom button {
+    border-radius: 0;
+    width: 100px;
+}
\ No newline at end of file

src/assets/mall/PsAccBalance.css

+.PsAccBalance {}
+.PsAccBalance ._content table{width: 100%;}
+.PsAccBalance ._content table td{
+    text-align: center;
+    padding: 20px 28px;
+    font-size: 12px;
+    color: #333333;
+    border-bottom: 1px solid #E6E6E6;
+}
+.PsAccBalance ._el_tab{
+    margin: 20px 0 0 0;    
+}
+.PsAccBalance ._el_tab ul{
+    padding: 0 80px;
+    border-bottom: 1px solid #E6E6E6;
+    margin: 0;
+}
+.PsAccBalance ._el_tab ul li{
+    font-size: 14px;
+    width: auto;
+    color: #999999;
+    list-style: none;
+    cursor: pointer;
+    padding-bottom: 14px;
+    border-bottom: 2px solid white;
+    transition: all linear .2s;
+    float: left;
+    text-align: center;
+    margin: 0 40px;
+}
+.PsAccBalance ._el_tab ul li:hover{
+    color: #E73828;
+    border-bottom: 2px solid #E73828;
+}
+.PsAccBalance ._el_tab ul li.active{
+    color: #E73828;
+    border-bottom: 2px solid #E73828;
+}
+.PsAccBalance ._balance{
+    background-color: #F4F8FA;    
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height:60px;
+    line-height: 60px;
+}
+.PsAccBalance ._balance p{
+    color: #666666;
+    font-size: 12px;
+    margin: 0;
+    display: flex;
+    align-items: center;
+}
+.PsAccBalance ._balance p span{font-size: 18px;}
+.PsAccBalance ._tips{
+    padding: 0 15px;
+    margin-top: 20px;
+    font-size: 14px;
+    height: 42px;
+    line-height: 42px;
+    color: #000000;
+    background-color: #FFE6E5;
+}
+.PsAccBalance ._tips span.iconfont{
+    color: #E73828;
+    display: inline-block;
+    margin-right: 6px;
+}
+.PsAccBalance ._balance_info{margin-top: 20px;}
+.PsAccBalance ._right_item{
+    padding: 30px;
+    font-size: 12px;
+    color: #333333;
+}
+.PsAccBalance ._right_item .el-col-18{color: #999999}
+.PsAccBalance ._right_line{
+    height: 1px;
+    background-color: #f5f5f5;
+}
+.PsAccBalance ._right_item input{
+    border: none;
+    outline: none;
+    border-bottom: 1px solid #f5f5f5;
+    transition: all linear .2s;
+    color: #999999;
+    width: 270px;
+}
+.PsAccBalance ._right_item input:focus{border-bottom: 1px solid red;}
+.PsAccBalance ._edit_box{
+    margin-top: 20px;
+    text-align: right;   
+}
+.PsAccBalance ._edit_box button{
+    width: 100px;
+    border-radius: 0;
+}
+.PsAccBalance .hgh_table {
+    margin-bottom: 20px;
+}
\ No newline at end of file

src/assets/mall/PsCenter.css

+
+.PsCenter{margin: 20px 0;}
+.PsCenter .charts ._top{justify-content: space-between;}
+.PsCenter ._content .information,.PsCenter ._content .charts{
+    height: 432px;
+    border: 1px solid #E6E6E6;
+}
+.PsCenter ._content .order{border: 1px solid #E6E6E6;}
+.PsCenter .information ._bottom{padding: 20px;}
+.PsCenter .information ._bottom p{
+    color: #3965B0;
+    font-size: 16px;
+    margin: 0
+}
+.PsCenter ._img_box{
+    padding-left: 24px;
+    padding-top: 10px;
+    max-height: 230px;
+    overflow: auto;
+}
+.PsCenter ._img_box img{
+    margin-right: 5px;
+    width: 60px;
+    height: 60px;
+}
+.PsCenter .information ._bottom ._font_small{
+    color: #666666;
+    font-size: 12px;
+    margin-top: 15px;
+    display: flex;
+    align-items: end;
+}
+.PsCenter .information ._bottom ._font_small i{padding-right: 10px;}
+.PsCenter ._content ._top{
+    padding: 20px;
+    border-bottom: 1px solid #E6E6E6;
+}
+.PsCenter ._content ._tit_icon{
+    width: 17px;
+    height: 17px;
+    display: inline-block;
+    margin-right: 10px;
+}
+.PsCenter .information ._top,.PsCenter .charts ._top,.PsCenter .charts ._top>div{
+    display: flex;
+    align-items: center;
+}
+.PsCenter ._right .el-input--mini{
+    width: 77px;
+    font-size: 16px;
+    color: #666666;
+}
+.PsCenter ._right ._month,.PsCenter ._right ._year{height: 21px;}
+.PsCenter ._right ._month .el-input--mini{width: 60px;}
+.PsCenter ._right .el-input__inner{
+    border: none;
+    font-size: 14px;
+    padding: 0 5px;
+}
+.PsCenter ._content .order{margin-top: 20px;}
+.PsCenter ._content .order ._table{padding: 20px;}
+.PsCenter ._content .order table{width: 100%;}
+
+.PsCenter ._content .order  tbody td{
+    padding: 6px 0;
+    text-align: center;
+    font-size: 12px;
+    border-bottom: 1px solid #E6E6E6;
+}
+.PsCenter ._content .order  tbody tr,.PsCenter ._content .order  thead {
+    display: table;
+    width: 100%;
+    table-layout: fixed;
+}
+.PsCenter ._content .order tbody {
+    display: block;
+    height: 160px;
+    overflow-y: scroll;
+}
+.PsCenter ._content .order tbody::-webkit-scrollbar,.PsCenter ._img_box::-webkit-scrollbar{
+    width: 4px;
+    height: 8px;
+  }
+.PsCenter ._content .order tbody::-webkit-scrollbar-thumb,.PsCenter ._img_box::-webkit-scrollbar-thumb{
+    border-radius: 4px;
+    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
+    background: #c9c9c9;
+}
+.PsCenter ._content .order tbody::-webkit-scrollbar-track,.PsCenter ._img_box::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
+    border-radius: 4px;
+    background: #ededed;
+}
+._meishayongd{margin-top: 20px;}
+._meishayongd img{width: 100%;}
+._pay_money{cursor: pointer;}
\ No newline at end of file

src/assets/mall/PsOrder.css

+.PsOrder ._content table{
+    width: 100%;
+}
+.PsOrder ._content tbody td{
+    padding: 6px 0;
+    text-align: center;
+    font-size: 12px;
+    border-bottom: 1px solid #E6E6E6;
+}
+.PsOrder ._el_tab{
+    margin: 20px 0 0 0;    
+}
+.PsOrder ._el_tab ul{
+    padding: 0 80px;
+    display: flex;
+    justify-content: space-between;    
+    border-bottom: 1px solid #E6E6E6;
+}
+.PsOrder ._el_tab ul li{
+    font-size: 14px;
+    color: #999999;
+    list-style: none;
+    cursor: pointer;
+    padding-bottom: 14px;
+    border-bottom: 2px solid white;
+    transition: all linear .2s;
+}
+.PsOrder ._el_tab ul li:hover{
+    color: #E73828;
+    border-bottom: 2px solid #E73828;
+}
+.PsOrder ._el_tab ul li.active{
+    color: #E73828;
+    border-bottom: 2px solid #E73828;
+}
+.PsOrder .hgh_table{margin-bottom: 20px;}
\ No newline at end of file

src/assets/mall/PsSystem.css

+.PsSystem{padding-top: 20px;}
+.PsSystem ._left{
+    min-height: 600px;
+    background-color: #F2F2F2;
+}
+.PsSystem ._left ul{padding: 0;}
+.PsSystem ._left ul li{list-style: none;}
+.PsSystem ._left ul li:hover{color: #E73828 ;}
+.PsSystem ._left ul li._active{color: #E73828 ;}
+.PsSystem ._left ul li:hover i{color: #E73828 ;}
+.PsSystem ._left ul li._active i{color: #E73828 ;}
+.PsSystem ._left ul li{
+    color: #333333;
+    font-size: 14px;
+    cursor: pointer;
+    display: flex;
+    align-items: center;    
+    padding:15px 20px;
+    justify-content: space-between;
+}
+.PsSystem ._left ul li i{
+    font-size: 16px;
+    color: #666666;
+}
+.PsSystem ._left ul li div i{
+    display: inline-block;
+    margin-right: 12px;
+}
+.PsSystem ._edit_box{text-align: right;}
+.PsSystem ._edit_box button{
+    border-radius: 0;
+    width: 100px;
+}
+.PsSystem ._right_item{
+    padding: 30px;
+    font-size: 12px;
+    color: #333333;
+}
+.PsSystem ._right_item .el-col-18{color: #999999}
+.PsSystem ._right_line{
+    height: 1px;
+    background-color: #f5f5f5;
+}
+.PsSystem ._right_item input{
+    border: none;
+    outline: none;
+    border-bottom: 1px solid #cfcfcf;
+    transition: all linear .2s;
+    color: #999999;
+    width: 255px;
+}
+.PsSystem ._right_item input:focus{border-bottom: 1px solid red;}
+.PsSystem ._cancel{
+    background-color: white;
+    color: #EF4455;
+}
+.PsSystem ._cancel:hover{
+    background: white;
+    border-color: rgb(242, 105, 119);
+    color: #EF4455;
+}
+.PsSystem ._right_item ._input_style .el-input--mini{
+    width: 77px;
+}
+.PsSystem ._right_item ._input_style .el-input__inner{
+    border: none !important;
+    font-size: 14px;
+    padding: 0 5px;
+    width: 100% !important;
+}
+.PsSystem .el-tag {margin-right: 10px;}
+.PsSystem ._input_style ._tags{margin-right: 10px;}
\ No newline at end of file

src/assets/mall/heeltour.css

+.heel-box{
+
+}
+.heel-box .title{
+    margin: 15px 0;
+}
+.heel-box .title::after{
+    content: '';
+    display: block;
+    clear: both;
+}
+.heel-box .title .t1,.heel-box .title .el-tabs{
+    float: left;
+}
+.heel-box .title .el-tabs .el-tabs__header{
+    margin-bottom: 0px;
+}
+.heel-box .title .el-tabs .el-tabs__header .el-tabs__item{
+    height: 25px;
+    line-height: 20px;
+}
+.heel-box .title .el-tabs__nav-wrap::after{
+    background-color: transparent;
+}
+.heel-box .title .t1{
+    margin-right: 45px;
+}
+.heel-box .title .t1 .t2{
+    font-size: 16px;
+    font-family: 'PingFangR';
+    color: #444;
+    margin: 0 5px;
+}
+.heel-box .title .t1 img{
+    vertical-align: text-bottom;
+}
+.heel-box .team-item{
+    width: 100%;
+    overflow: hidden;
+    border-radius: 4px;
+    position: relative;
+    cursor: pointer;
+}
+.heel-box .item-box .el-col:hover a
+{
+    text-decoration: underline;
+}
+.heel-box .item-box .el-col a{
+    color: inherit;
+    text-decoration: none;
+}
+.heel-box .team-item.noradius{
+    border-radius: 0px;
+}
+.heel-box .team-item img{
+    
+    transition: all 3s;
+    height: 100%;
+    width: 100%;
+}
+.heel-box .team-item img:hover{
+    transform: scale(1.4);
+}
+.heel-box .team-item img.notamin:hover{
+    transform: scale(1);
+}
+.heel-box .item-box .el-row{
+    margin-bottom: 17px;
+}
+.heel-box .team-item .info-box{
+    min-width: 120px;
+    background: rgba(0,0,0,.35);
+    position: absolute;
+    bottom: 8px;
+    right: 8px;
+    border-radius: 4px;
+    padding: 5px 10px;
+    box-sizing: border-box;
+    max-width: calc(100% - 16px);
+    text-align: right;
+    color: #f1f1f1;
+    font-size: 12px;
+}
+.heel-box .team-item .info-box .item-title{
+    font-size: 14px;
+    font-family: 'PingFangR';
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: #f1f1f1;
+}
+.heel-box .team-item .info-box .day{
+    font-size: 14px;
+    vertical-align: text-bottom;
+    margin-right: 10px;
+    color: #FEDD06
+}
+.heel-box .team-item .info-box .price{
+    font-size: 14px;
+    font-family: 'PingFangR';
+    color:#EF4455;
+}
+.heel-box .team-item .seat{
+    width: 100px;
+    height: 100px;
+    border-radius: 100%;
+    background: rgba(0,0,0,.35);
+    color: #f1f1f1;
+    position: absolute;
+    text-align: center;
+    line-height: 100px;
+    font-size: 12px;
+}
+.heel-box .team-item .seat .cnt{
+    font-size: 32px;
+    font-family: 'PingFangR';
+    margin: 0 3px;
+}
+.heel-box .team-item .company{
+    background: rgba(0,0,0,.45);
+    color: #f1f1f1;
+    position: absolute;
+    font-size: 12px;
+    bottom: 0;
+    right: 0;
+    padding: 5px;
+}
+.heel-box .team-item .limit{
+    background-image: url(../img/un_group_index.png);
+    background-repeat: no-repeat;
+    position: absolute;
+    left: 0;
+    top: 0;
+    line-height: 30px;
+    text-align: center;
+    color: #fff;
+    font-style: normal;
+    width: 90px;
+    height: 32px;
+    overflow: hidden;
+    background-position: 0 -20px;
+    width: 50px;
+    font-size: 14px;
+}
+.heel-box .team-item .group-new{
+    background-image: url(../img/un_group_index.png);
+    background-repeat: no-repeat;
+    position: absolute;
+    left: 0;
+    top: 0;
+    line-height: 30px;
+    text-align: center;
+    color: #fff;
+    font-style: normal;
+    width: 90px;
+    height: 32px;
+    overflow: hidden;
+    background-position: 0 -90px;
+    font-size: 14px;
+}
+.heel-box .info{
+    border: 1px solid #ddd;
+    border-top: none;
+    padding: 5px 8px;
+    width: 100%;
+    box-sizing: border-box;
+    
+}
+
+.heel-box .none-border {
+    border:none;
+}
+.heel-box .none-margin .el-row{
+    margin:0;
+}
+.heel-box .info .item-title{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    height: 40px;
+    line-height: 20px;
+    font-size: 16px;
+}
+.heel-box .info .seat{
+    margin: 15px 0;
+    font-size: 14px;
+    color:#999;
+}
+.heel-box .info .price{
+    color:#EF4455;
+    font-size: 24px;
+}
+.heel-box .info .price .ful{
+    font-size: 12px;
+    color: #aaa;
+    margin-left: 5px;
+}
+
+.heel-box .hot_topics {
+    height: 60px;
+    margin: 25px 0 -5px;
+}
+.heel-box .hot_topics table {
+    table-layout: fixed;
+    height: 60px;
+    width: 100%;
+    font-size: 16px;
+    border-collapse: collapse;
+}
+.heel-box .hot_topics th {
+    width: 40px;
+    background: #73b9ff;
+    font-weight: normal;
+    padding: 0 10px;
+    color: #fff;
+    line-height: 1.2;
+}
+.heel-box .hot_topics td {
+    text-align: center;
+    border-right: 1px solid #e8f3ff;
+    background: #f7fbff;
+    margin: 0;
+    padding: 0;
+}
+.heel-box .hot_topics .topics_color1 {
+    color: #79b765;
+}
+.heel-box .hot_topics{height:60px;margin:25px 0px}
+.heel-box .hot_topics table{table-layout:fixed;height:60px;width:100%;font-size:16px;}
+.heel-box .hot_topics th{width:40px;background:#EF4455;font-weight:normal;padding:0 10px;color:#fff;line-height:1.2}
+.heel-box .hot_topics td{text-align:center;border-right:1px solid #e8f3ff;background:#f7fbff;}
+.heel-box .hot_topics a{display:block;line-height:58px;border-top:1px solid #e8f3ff;border-bottom:1px solid #e8f3ff;text-decoration: none}
+.heel-box .hot_topics a:hover{background:#EF4455;text-decoration:none;color:#fff;border-color:#EF4455;}
+.heel-box .hot_topics strong{margin-right:8px;}
+.heel-box .hot_topics .topics_color1{color:#79b765;}
+.heel-box .hot_topics .topics_color2{color:#7b7b6f;}
+.heel-box .hot_topics .topics_color3{color:#b299ff;}
+.heel-box .hot_topics .topics_color4{color:#58a9ee;}
+.heel-box .hot_topics .topics_color5{color:#e5816e;}
+.heel-box .hot_topics .topics_color6{color:#3a9ab2;}
+.heel-box .hot_topics .topics_color7{color:#ff7f00;}
+.heel-box .hot_topics .topics_color8{color:#677999;}
+.heel-box .group-item{
+    border: 1px solid #ddd;
+    box-sizing: border-box;
+    position: relative;
+    cursor: pointer;
+}
+.heel-box .group-item .price{
+    position: absolute;
+    left: 10px;
+    bottom: 10px;
+}
+.heel-box .group-item .seatinfo::after{
+    clear: both;
+    content: '';
+    display: block;
+}
+.heel-box .group-item .seatinfo .seat{
+    float: left;
+}
+.heel-box .group-item .seatinfo .day{
+    float: right;
+    color: #b299ff;
+    margin: 15px 0;
+    font-size: 14px;
+    font-family: 'PingFangR';
+}
+.heel-box .group-item .yuding{
+    position: absolute;
+    right: 10px;
+    bottom: 10px;
+}
+.heel-box .item-content-box .tags{
+    position: absolute;
+    top: 20%;
+    left: 10px;
+    right: 10px;
+    bottom: 10px;
+}
+.heel-box .item-content-box .tags .tag{
+    margin-top: 10px;
+    background: rgba(255,255,255,.4);
+    padding: 3px 15px;
+    border:2px solid rgba(255,255,255,.5);
+    display: inline-block;
+    border-radius: 15px;
+    font-size: 14px;
+    color:#000;
+    cursor: pointer;
+}
+.heel-box .item-content-box .tags .tag:hover{
+    background: #EF4455;
+    border:2px solid #EF4455;
+    color: #f1f1f1;
+}
+.heel-box .vacation_bg{margin:30px 0 20px;background: url(../img/group_index_bg.png);}
+.heel-box .vacation_bd{width:1180px;margin:0 auto;padding: 0 10px;}
+.heel-box .vacation_bd:after{ clear:both; content:'.'; display:block; height:0; overflow:hidden; }
+.heel-box .column_mod{float:left;width:538px;padding:20px 25px;}
+.heel-box .column_mod h2{margin-bottom:5px;padding-left:35px;font-size:24px;font-weight:normal;zoom:1;line-height:40px;height:40px;font-family: 'PingFangR'}
+.heel-box .column_mod h2 i{position: relative;width:28px;height:30px;font-size:28px; color:#EF4455;margin:0px 0 0 -35px;}
+.heel-box .column_mod h2 span{color:#999;font-size:14px;margin-left:20px;}
+.heel-box .brief_list{overflow:hidden;zoom:1;}
+.heel-box .brief_list a{float:left;width:90px;height:100px;text-decoration: none; color: #333; text-align:center;font-size:16px;height:102px;margin-left:10px;display:inline;-webkit-transition: .5s ease;}
+.heel-box .brief_list .list_pic{border:5px solid #fff;width:62px;height:62px;border-radius:50%;margin:0 auto 5px;overflow:hidden;position:relative;background:#fff;-webkit-transition: .5s ease;}
+.heel-box .brief_list .list_pic img{width:62px;height:62px;}
+.heel-box .brief_list a:hover{text-decoration:none;color:#EF4455;}
+.heel-box .brief_list a:hover .list_pic{-webkit-transform:rotateY(180deg);}
+.heel-box .brief_list a:hover .list_pic:after{position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(255,255,255,0.2);content:"";}
+.heel-box .brief_list p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;margin: 0px}
+.heel-box .brief_list .list_more {width:100px;}
+.heel-box .brief_list .list_more .list_pic{margin:0 auto 5px;}
+.heel-box .brief_list .list_more i{display:block;width:60px;height:60px;border:1px solid #ddd;color:#ddd;text-align:center;border-radius:50%;overflow:hidden;-webkit-transition: .5s ease;font-size: 36px;text-align: center;line-height: 60px;}
+.heel-box .brief_list .list_more:hover .list_pic{-webkit-transform:none;}
+.heel-box .brief_list .list_more:hover .list_pic:after{background:none;}
+.heel-box .brief_list .list_more:hover i{border-color:#EF4455;color:#EF4455}
+.heel-box .group_strategy{border-left:4px solid #fff;}
+.heel-box .el-tabs__nav-next, .el-tabs__nav-prev{
+    line-height: 24px;
+}
\ No newline at end of file

src/assets/mall/search.css

+.search-page-box{
+    background:rgba(245,245,245,1);
+}
+.search-page-box .topic{
+    padding: 15px 0;
+    border-bottom: 2px solid #EF4455;
+    font-size: 12px;
+    height:68px;
+    line-height: 38px;
+}
+.search-page-box .topic .second-s-box{
+    width: 100%;
+    height:38px;
+    background:rgba(239,239,239,1);
+    border-radius:6px;
+    box-sizing: border-box;
+}
+.search-page-box .topic .second-s-box .el-input__inner{
+    border:none;
+    background: inherit;
+    text-align: center;
+}
+.search-page-box .topic .second-s-box .search-input{
+    font-size: 14px;
+    font-family: 'pingfang';
+    margin:9px 10px 9px 10px;
+    padding-left:10px;
+    height: 20px;
+    line-height: 20px;
+    border: none;
+    border-left: 1px solid rgba(191,191,191,1);
+    outline: none;
+    display: block;
+    background: inherit;
+    width: calc(100% - 10px);
+    box-sizing: border-box;
+}
+.search-page-box .topic .second-s-box .el-button--medium{
+    width: 100%;
+    height: 38px;
+    font-size: 18px;
+    border-radius:6px;
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
+}
+.search-page-box .topic .chosend-box{
+    width: 100%;
+    overflow: hidden;
+    height: 38px;
+
+}
+.el-tag{
+    margin-right: 5px;
+}
+.search-page-box .searchitem,.search-page-box .orderbyitem{
+    padding:0 0 15px 0;
+    font-size: 14px;
+}
+.search-page-box .searchitem .itme{
+    height: 40px;
+    line-height: 40px;
+    border-bottom: 1px solid #f1f1f1;
+}
+.search-page-box .searchitem .itme .item-title{
+    background:rgba(239,239,239,1);
+    text-align: center;
+    color: #666;
+}
+.search-page-box .searchitem .itme .items{
+    padding:0 20px;
+    color: gray;
+}
+.search-page-box .searchitem .itme .items .el-tabs__header{
+    margin: 0px;
+}
+.search-page-box .searchitem .itme .items .el-tabs__nav-wrap::after{
+    height: 0px;
+}
+.search-page-box .searchitem .itme .items .el-tabs__nav-next, .el-tabs__nav-prev{
+    line-height: 40px;
+}
+.search-page-box .searchitem .itme .items .el-tabs__item{color:#000;font-size: 12px;}
+.search-page-box .searchitem .itme .el-input__inner{border-radius: 0px}
+.search-page-box .searchitem .itme .el-button--mini{margin:0 10px}
+.search-page-box .orderbyitem::after{
+    display: block;
+    content: '';
+    clear: both;
+}
+.search-page-box .orderbyitem .orderby-group{
+    float: left;
+}
+.search-page-box .orderbyitem .pirce{
+    float: right;
+    text-align: right;
+    font-size: 12px;
+    height: 28px;
+    line-height: 28px;
+}
+.search-page-box .orderbyitem .pirce .el-input__inner{
+    width: 80px;
+    border-radius:0px;
+}
+.search-page-box .orderbyitem .pirce .el-input--mini{
+    margin: 0 5px 0 10px;
+    width: auto;
+}
+.search-page-box .orderbyitem .pirce .el-input--mini:last-child{
+    margin:0 10px 0 5px;
+}
+.search-page-box .orderbyitem .pirce strong{font-size: 14px;}
+.search-page-box .teams{
+    margin:0px 0 20px 0;
+    min-height: 320px;
+}
+.search-page-box .teams .teams-item{
+    background:rgba(255,255,255,1);
+    border:1px solid rgba(229,229,229,1);
+    border-radius:4px;
+    height:148px;
+    padding: 10px;
+    display: flex;
+    cursor: pointer;
+    margin-bottom: 10px;
+    visibility: visible
+}
+.search-page-box .teams .teams-item .picbox{
+    width:200px;
+    height: 100%;
+    position: relative;
+}
+.search-page-box .teams .teams-item .picbox .el-carousel__container{
+    height:148px;
+}
+.search-page-box .teams .teams-item .contentbox{
+    flex: 1;
+    height: 100%;
+    padding:0 10px;
+}
+.search-page-box .teams .teams-item .operabox{
+    height: 100%;
+    width:150px;
+}
+.search-page-box .teams .teams-item .el-carousel__indicators{
+    display: none;
+}
+.search-page-box .teams .teams-item .contentbox .title{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    height: 54px;
+    line-height: 27px;
+    width: 100%;
+    color: #333;
+}
+.search-page-box .teams .teams-item:hover .contentbox .title{
+    text-decoration: underline;
+    
+}
+.search-page-box .teams .teams-item .contentbox .item-info,.search-page-box .teams .teams-item .contentbox .item-tag,.search-page-box .teams .teams-item .contentbox .item-canlander{
+    height: 30px;
+    line-height: 30px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+    width: 100%;
+}
+.search-page-box .teams .teams-item .contentbox .item-info span{
+    margin-right: 30px;
+    font-size: 12px;
+    color: #666;
+}
+.search-page-box .teams .teams-item .contentbox .item-info span i{
+    margin-right:5px;
+    font-size: 12px;
+}
+.search-page-box .teams .teams-item .contentbox .item-info span.down:hover{
+    color:#EF4455;
+    text-decoration: underline;
+}
+.search-page-box .teams .teams-item .contentbox .item-tag{
+    height: 34px;
+    line-height: 34px;
+}
+.search-page-box .teams .teams-item .contentbox .item-tag .el-tag{
+    border-radius: 0px;
+    height: 28px;
+    line-height: 28px;
+}
+.search-page-box .teams .teams-item .operabox{
+    text-align: right;
+}
+.search-page-box .teams .teams-item .operabox .huodong{
+    width: 128px;
+    background: url('../img/bg-zxyy.png');
+    height: 20px;
+    display: inline-block;
+}
+.search-page-box .teams .teams-item .operabox .huodong span{
+    display: inline-block;
+    width: 64px;
+    text-align: center;
+    color: #f1f1f1;
+    line-height: 20px;
+    font-size: 12px;
+    vertical-align: top;
+}
+.search-page-box .teams .teams-item .operabox .huodong span:last-child{
+    color: #000;
+}
+.search-page-box .teams .teams-item .operabox .price{
+    height: 30px;
+    margin: 50px 0 10px 0;
+    font-family: 'pingfangR';
+    font-size:24px;
+    color:#FF9600;
+    
+}
+.search-page-box .teams .teams-item .operabox .price span{
+    font-size: 12px;
+    font-family: '微软雅黑';
+    color: gray;
+    margin-left: 5px;
+}
+.search-page-box .teams .teams-item .picbox .daynum{
+    width:38px;
+    height:24px;
+    background:rgba(76,183,129,1);
+    box-shadow:0px -1px 0px 0px rgba(1,173,151,1);
+    text-align: center;
+    line-height:24px;
+    position: absolute;
+    top: 0;
+    left: 7px;
+    color:#f1f1f1;
+    font-size: 12px;
+    z-index: 9999;
+}
\ No newline at end of file

src/assets/mall/swiper.css

+.mall-swiper{
+    position: relative;
+    margin-bottom: 15px;
+}
+.mall-swiper .el-carousel__item img{
+    width: 100%;
+}
+.mall-swiper .el-carousel__button {
+    display: block;
+    opacity: 1;
+    width: 18px;
+    height: 6px;
+    border-radius: 2px;
+}
+.mall-swiper .el-carousel__indicators{
+    right: 30px;
+    left: auto;
+}
+.mall-swiper .el-carousel__indicator{
+    padding: 12px 0 12px 20px;
+}
+.el-carousel__indicator.is-active button{
+    width:30px;
+    background: #EF4455;
+    
+}
+.mall-swiper .search-box{
+    width:580px;
+    height:72px;
+    background:rgba(0,0,0,.4);
+    border-radius:4px;
+    position: absolute;
+    left: calc(50% - 270px);
+    bottom: 10px;
+    z-index: 9999;
+    padding: 6px;
+    box-sizing: border-box;
+}
+.mall-swiper .search-box .chosen-item{
+    width:65px;
+    height:26px;
+    background:rgba(255,255,255,1);
+    border-radius:4px 4px 0px 0px;
+    text-align: center;
+    font-size: 14px;
+    line-height: 26px;
+    color:#333;
+    font-family: 'pingfang';
+}
+.mall-swiper .search-box .search-content{
+    height:34px;
+    background:rgba(255,255,255,1);
+    border-radius:0px 4px 4px 4px;
+    line-height:34px;
+    padding: 0 6px 0 15px
+}
+.mall-swiper .search-box .search-content i{
+    font-size: 15px;
+    color: #AAA;
+}
+.mall-swiper .search-box .search-content .s-input{
+    border: none;
+    outline: none;
+    width: 100%;
+    font-size: 14px;
+    font-family: 'pingfang';
+    color:#333;
+    line-height: 30px;
+    height: 30px;
+    
+}
\ No newline at end of file

src/assets/trip/block/index.css

+.trip-box{
+    width: 1000px;
+    margin: 0 auto;
+    cursor: default;
+}
+.trip-block{
+    max-width: 100%;
+    padding-bottom: 40px;
+    padding-top: 40px;
+    border-bottom: #CCC 1px dotted;
+}
+.trip-block .trip-title {
+    min-height: 48px;
+    font-size: 20px;
+    background: #f3f3f3;
+    padding:0 10px;
+    box-sizing: border-box;
+    color: #333;
+    font-family: 'PingFangR';
+    display: flex;
+    align-items: center;
+}
+.trip-block .trip-title .day{
+    font-size: 36px;
+    width: 135px;
+}
+.trip-block .trip-title p{
+    margin: 0;
+}
+.trip-block .trip-title p:nth-child(2){
+    color: #525252;
+}
+.trip-block .trip-title .desc{
+    border-left: 1px solid #333;
+    padding-left: 20px;
+    height: 100%;
+    flex:1;
+    padding: 10px 10px 10px 20px;
+}
+.trip-block .trip-title .desc i{
+    font-size: 22px;
+    margin: 0 10px;
+}
+.trip-block .block-item{
+   margin-top: 20px;
+}
+.trip-block .block-item .item{
+    padding: 22px;
+    border: 1px solid #ccc;
+    transition: box-shadow 250ms ease-out 0s;
+    font-size: 15px;
+    line-height: 1.5em;
+    margin-bottom:4px;
+    color: #444;
+    background: #f7f7f7;
+    box-sizing: border-box;
+}
+.trip-block .block-item .item:hover{
+    box-shadow: 0 0 12px rgba(0,0,0,0.1) inset;
+}
+.trip-block .block-item .item h3{
+    font-size: 18px;
+    font-family: 'PingFangR';
+    font-weight: 400;
+    color: #222;
+    position: relative;
+    z-index: 2;
+}
+.trip-block .block-item .item .playInfo{
+    margin-top: -17px;
+    height: 25px;
+}
+.trip-block .block-item .item .playInfo .playInfo-item{
+    color: gray;
+    font-size: 12px;
+    margin-right: 20px;
+}
+.trip-block .block-item .item .playInfo .playInfo-item span{
+    display: inline;
+
+}
+.trip-block .block-item .item .playInfo .playInfo-item .iconfont{
+    font-size: 16px;
+    margin-right: 5px;
+}
+.trip-block .block-item .item h3 .iconfont{
+    font-size: 20px;
+    margin: 0 5px;
+    vertical-align: middle;
+}
+.trip-block .block-item .item h4{
+    position: relative;
+    width: 86px;
+    color: #EF4455;
+    font-size: 16px;
+    line-height: 20px;
+    margin: 0;
+    font-weight: 500;
+}
+.trip-block .block-item .item.big{
+    display: flex;
+    padding: 0px !important;
+    height: 450px;
+    background: transparent;
+}
+.trip-block .block-item .item.big .left{
+    flex: 1;
+}
+.trip-block .block-item .item.big .left img{
+    width:100%;
+    height: 100%;
+}
+.trip-block .block-item .item.big .right{
+    width:333px;
+    padding: 22px;
+    box-sizing: border-box;
+    position: relative;
+}
+.trip-block .block-item .item.big .right .details{
+    left: 22px;
+    right: 22px;
+    bottom: 22px;
+    position: absolute;
+    max-height: 392px;
+    overflow: hidden;
+}
+.trip-block .block-item .item .remark{
+    padding-left:12px;
+    font-size: 15px;
+    flex: 1;
+    color: #555;
+    
+}
+.trip-block .block-item .item .up{
+    height: 295px;
+    margin: -22px;
+}
+.trip-block .block-item .item .up img{
+    width: 100%;
+    height: 100%;
+}
+.trip-block .block-item .item .down{
+    height: 150px;
+    overflow: hidden;
+    margin-top: 22px
+}
+.trip-block .block-item .item.hor-box{
+    display: flex;
+    padding: 0px;
+    height: 246px;
+    overflow: hidden;
+}
+.trip-block .block-item .item.hor-box .remark{
+    transition: .4s;
+    padding: 22px;
+    overflow: hidden;
+    height: 173px;
+}
+.trip-block .block-item .item.hor-box .image{
+    flex: 1;
+    height: 100%;
+}
+.trip-block .block-item .item.hor-box .image img{
+    width: 100%;
+    height: 100%;
+    flex: 1;
+}
+.trip-block .block-item .item .three-item{
+    height: 197px;
+    position: relative;
+}
+.trip-block .block-item .item .three-item:hover .image{
+    opacity: 1;
+    filter: alpha(opacity=100);
+    -moz-opacity: 1;
+    -webkit-transition: .3s;
+    transition: .3s;
+}
+.trip-block .block-item .item .three-item .image{
+    position: absolute;
+    -webkit-transition: .3s;
+    top: -40px;
+    left: -22px;
+    bottom: -22px;
+    right: -22px;
+    opacity: 0;
+    filter: alpha(opacity=0);
+    -moz-opacity: 0;
+    transition: .3s;
+    z-index: 0;
+}
+.trip-block .block-item .item .three-item .image img{
+    width: 100%;
+    height: 100%;
+}
+.trip-block .block-item .item .three-item:hover span {
+    opacity: 0;
+    filter: alpha(opacity=0);
+    -moz-opacity: 0;
+    transition: 200ms ease-out;
+}
+.trip-block .block-item .item .three-item span {
+    max-height: 151px;
+    display: inline-block;
+    overflow: hidden;
+}
+.trip-block .block-item .item .three-item:hover h3{
+    color:#f1f1f1;
+}
+.trip-block .block-item .restaurant{
+    margin:20px 0;
+}
+.trip-block .block-item .restaurant .restaurant-item{
+    display: flex;
+}
+.trip-block .block-item .restaurant .restaurant-item .key{
+    width:95px;
+}
+.trip-block .block-item .restaurant .restaurant-item .key img{
+    width:80px;
+    height: 28px;
+}
+.trip-block .block-item .restaurant .restaurant-item .val{
+    flex: 1;
+    font-size: 14px;
+    min-height: 28px;
+    color: #666;
+    line-height: 28px;
+}
+.trip-block .flex{
+    display: flex;
+}
+.trip-block .block-item .five-box{
+    display: flex;
+    margin-bottom: 4px;
+}
+.trip-block .block-item .five-box .left{
+    position: relative;
+    width: 311px;
+    height: 497px;
+    overflow: hidden;
+    margin-right: 4px;
+}
+.trip-block .block-item .five-box .left .item{
+    height: 497px;
+    overflow: hidden;
+}
+.trip-block .block-item .five-box .left .image img{
+    width: 100%;
+    height: 100%;
+}
+.trip-block .block-item .five-box .left .item{
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: transparent;
+    color: #f1f1f1;
+}
+.trip-block .block-item .five-box .left .item span{
+    opacity: 0;
+    transition: 0.3s;
+}
+.trip-block .block-item .five-box .left:hover .item{
+    transition: 0.3s;
+    background: rgba(0,0,0,0.2);
+}
+.trip-block .block-item .five-box .left:hover .item span{
+    opacity: 1;
+    transition: 0.3s;
+    color: #f1f1f1;
+}
+.trip-block .block-item .five-box .left .item h3{
+    color: #f1f1f1;
+    background: rgba(0,0,0,0.1)
+}
+.trip-block .block-item .five-box .right{
+    flex: 1;
+    height: 498px;
+    overflow: hidden;
+}
+.trip-block .block-item .five-box .right .item{
+    height: 247px;
+    overflow: hidden;
+}
+.trip-block .block-item .five-box .right .item .three-item{
+    height: 100%;
+}
+.trip-block .block-item .five-box .right .item .three-item span{
+    /* height: 137px;
+    overflow: hidden;
+    display: inline-block; */
+}
+.trip-block .block-item .item p{
+    margin: 0px !important;
+    padding: 0px !important;
+}
\ No newline at end of file

src/assets/trip/trade/index.css

+.trade{
+    margin: 30px 8.33333%
+}
+.trade .yuding{
+    background: #fffcf6;
+    border: #ffd2b8 1px solid;
+    padding: 12px;
+    font-size: 12px;
+    position: relative;
+    box-sizing: border-box;
+}
+.trade .yuding .el-date-editor.el-input,.trade .yuding .el-date-editor.el-input__inner{
+    width: 140px;
+}
+.trade .yuding .el-input__inner{
+    border-radius:0px;
+}
+.trade .yuding .underline{
+    border-bottom: 1px dotted #333;
+    cursor: pointer;
+}
+.trade .right-btn{
+    text-align: right;
+}
+.trade .right-btn .sumPrice{
+    font-size: 28px;
+    color: #EF4455;
+    margin-right: 10px;
+    font-family: 'PingFangR';
+    vertical-align: middle;
+}
+.trade .right-btn .sumPrice small{
+    font-size: 14px;
+    font-family: '微软雅黑'
+}
+.trade ._trip_xiangqing p{
+    font-size: 20px;
+    font-family: 'pingfangR';
+    /* font-weight: bold; */
+    margin: 10px 0 15px 0;
+    font-weight: 300 !important;
+    color: #555;
+    line-height: 25px;
+}
+.trade ._trip_xiangqing p small{
+    color: #EF4455;
+    font-size: 12px;
+    font-family: '微软雅黑';
+}
+.trade ._trip_xiangqing .tips{
+    font-size: 12px;
+    color: gray;
+    margin: 5px 0;
+}
+.trade ._trip_xiangqing p .chosenUnico{
+    display: inline;
+    margin-left: 20px;
+}
+.trade ._trip_xiangqing ._info_trip table{width: 100%;border-bottom: 1px solid #f1f1f1;}
+.trade ._trip_xiangqing ._info_trip table th{
+    background-color: #f1f1f1;
+    text-align: left;
+    padding: 10px 15px;
+    font-family: 'PingFangR';
+    font-weight: inherit !important;
+    color: #555;
+    font-size: 14px;
+}
+.trade ._trip_xiangqing ._info_trip table td{
+    padding: 10px 15px;
+    color: #666;
+    font-size: 12px;
+    background-color: #FBFBFB;
+}
+.trade ._trip_xiangqing ._info_guest{
+    padding: 16px;
+    font-size: 14px;
+}
+.trade ._trip_xiangqing .place-box{
+    color:#666;
+    margin: 20px 0;
+}
+.trade .red{
+    color:#EF4455 !important;
+}
+.trade ._trip_xiangqing .place-box .iconfont{
+    font-size: 18px;
+    /* color: #3867d6; */
+    margin-right: 5px;
+    vertical-align: middle;
+}
+.trade ._trip_xiangqing ._info_guest .el-input,.trade ._trip_xiangqing ._info_trip .el-input{
+    /* width: 100px; */
+    /* margin-left: 20px;
+    margin-bottom: 20px; */
+}
+.trade ._trip_xiangqing ._info_guest .el-col-6 div span{
+    display: inline-block;
+    width: 120px;
+    text-align: right;
+}
+.trade ._trip_xiangqing ._info_details{
+    color: #666666;
+    font-size: 14px;
+}
+.trade ._trip_xiangqing ._info_details li{padding: 10px 0;}
+.trade ._trip_xiangqing ._info_cuncost{
+    display: flex;
+    align-items: center;
+}
+.trade ._trip_xiangqing ._info_cunzhe{
+    padding: 16px;
+    font-size: 14px;
+    display: flex;
+    align-items: center;
+}
+.trade ._trip_xiangqing ._info_Cost{
+    padding: 16px;
+    font-size: 14px;
+}
+.trade ._trip_xiangqing ._info_cunzhe .el-select{margin: 0 10px}
+.trade ._trip_xiangqing ._info_cunzhe .el-input{width: 154px;}
+.trade ._trip_xiangqing ._info_Cost {text-align: right;}
+.trade ._trip_xiangqing ._info_Cost span{font-size:16px}
+.trade ._trip_xiangqing ._info_remarks{
+    margin-bottom: 20px;
+}
+.trade ._trip_xiangqing ._info_remarks textarea{
+    width: 99%;
+    border-color: #D2D2D2;
+    resize: none;
+    height: 80px;
+}
+.trade .yuding .no-login{
+    padding: 12px 5px;
+    color: gray;
+    border-top: 1px solid #f1f1f1;
+    margin-top: 15px;
+}
+.trade .yuding .no-login .link{
+    color: royalblue;
+    margin: 0 5px;
+    cursor: pointer;
+}
\ No newline at end of file

src/assets/trip/waterfall/index.css

+.waterfall .timeline{
+    position: relative;
+    font-family: 'PingFangR';
+    font-weight: bold;
+    color: #333;
+    font-size: 26px;
+    margin-top: 0;
+}
+.waterfall .timeline{
+    position: relative;
+}
+.waterfall .timeline .timeline-box{
+    width: 1px;
+    background: #ccc;
+    position: absolute;
+    left: 20px;
+    top: 0;
+    bottom: 0;
+    z-index: -1;
+}
+.waterfall .timeline .timeline-item{
+    margin-bottom: 40px;
+    display: flex;
+    color: #333;
+    font-size: 14px;
+    font-family: 'pingfangR'
+}
+.waterfall .timeline .timeline-item .left{
+    width: 40px;
+    margin-right:20px;
+    text-align: center;
+}
+.waterfall .timeline .timeline-item .left i{
+    font-size: 20px;
+    background: #fff;
+    color: #8ccff7;
+}
+.waterfall .timeline .timeline-item span.big{
+    font-size: 40px;
+    background: #fff;
+}
+.waterfall .timeline .timeline-item span.medium{
+    font-size: 28px;
+    line-height: 56px;
+    display: flex;
+}
+.waterfall .timeline .timeline-item span.medium i.iconfont{
+    font-size: 20px;
+    color: #6e6c6c;
+    display: inline-block;
+    margin: 0 10px;
+}
+.waterfall .timeline .timeline-item .right{
+    flex: 1;
+    margin-left: 40px;
+}
+.waterfall .timeline .timeline-item .right .time{
+    font-size: 16px;
+    color: #666;
+}
+.waterfall .timeline .timeline-item .right .title{
+    font-size: 14px;
+    display: block;
+    margin-top:10px;
+}
+.waterfall .timeline .timeline-item .right .content{
+    font-size: 14px;
+    color: #666;
+    display: block;
+    font-family: '微软雅黑';
+    margin-top:10px;
+}
+.waterfall .timeline .timeline-item .right .content.active{
+    margin-top: 0px;
+}
+.waterfall .timeline .timeline-item .right .img-list{
+    display: flex;
+    margin-top: 15px;
+    height: 120px;
+    overflow: hidden;
+}
+.waterfall .timeline .timeline-item .right .img-list .item{
+    margin-right:5px;
+    width: 214px;
+    height: 120px;
+    background-position: center center;
+    cursor: pointer;
+}
+.waterfall .timeline .timeline-item .right .img-list .item img{
+    width:100%;
+    height: 100%;
+}
\ No newline at end of file

src/assets/utils/MarkerWithLabel.js

+
+export function MarkerWithLabel(){  
+    
+}
\ No newline at end of file

src/assets/utils/htmlToPdf.js

+// 导出页面为PDF格式
+import html2Canvas from 'html2canvas'
+import JsPDF from 'jspdf'
+export default{
+  install (Vue, options) {
+    Vue.prototype.getPdf = function () {
+      let then = this;      
+      var title = this.htmlTitle
+      html2Canvas(document.querySelector('#pdfDom'), {
+        useCORS:true
+      }).then(function (canvas) {
+        let contentWidth = canvas.width
+        let contentHeight = canvas.height
+        let pageHeight = contentWidth / 592.28 * 841.89
+        let leftHeight = contentHeight
+        let position = 0
+        let imgWidth = 595.28
+        let imgHeight = 592.28 / contentWidth * contentHeight
+        let pageData = canvas.toDataURL('image/jpeg', 1.0)
+        let PDF = new JsPDF('', 'pt', 'a4')
+        if (leftHeight < pageHeight) {
+          PDF.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight)
+        } else {
+          while (leftHeight > 0) {
+            PDF.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight)
+            leftHeight -= pageHeight
+            position -= 841.89
+            if (leftHeight > 0) {
+              PDF.addPage()
+            }
+          }
+        }
+        PDF.save(title + '.pdf');
+        then.loadNone = false;
+        then.loadingDataList = false;
+      }
+      )
+    }
+  }
+}
\ No newline at end of file