修改样式

src/components/foot.vue

@@ -11,8 +11,12 @@
         </el-col>
         <el-col :span="3" class="foot_2">
           <div class="footTop">关于我们</div>
-          <div class="footTitle footflex1"><span class="footSpan">关于我们</span> <span class="footSpan">意见反馈</span></div>
-          <div class="footTitle footflex1"><span class="footSpan">联系我们</span> <span class="footSpan">法律条款</span></div>
+          <div class="footTitle footflex1">
+            <span class="footSpan" @click="toHelp(0)">关于我们</span> <span class="footSpan" @click="toHelp(1)">意见反馈</span>
+          </div>
+          <div class="footTitle footflex1">
+            <span class="footSpan" @click="toHelp(2)">联系我们</span> <span class="footSpan" @click="toHelp(3)">法律条款</span>
+          </div>
         </el-col>
         <el-col :span="4" class="foot_3 footflex">
           <el-image class="image" src="/src/assets/code.png" fit="fill" />
@@ -22,7 +26,14 @@
     </div>
   </div>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { useRouter } from 'vue-router';
+const router = useRouter();
+// 帮助中心
+const toHelp = (type) => {
+  router.push({ path: '/help', query: { type } });
+};
+</script>
 <style scoped lang="scss">
 .foot {
   padding: 5px 0;

src/router/index.ts

@@ -93,6 +93,11 @@ const router = createRouter({
       path: '/policy/detail',
       meta: { title: '吉林省重点领域技术转移平台' },
       component: () => import('@/views/policy/detail.vue')
+    },
+    {
+      path: '/help',
+      meta: { title: '吉林省重点领域技术转移平台' },
+      component: () => import('@/views/help/index.vue')
     }
   ]
 });

src/views/achieve/index.vue

@@ -4,7 +4,26 @@
       <el-col :span="24" class="main animate__animated animate__backInRight" v-loading="loading">
         <div class="w_1200">
           <el-col :span="24" class="one">
-            <cSearch :is_title="false" :is_search="true" :fields="fields" @search="toSearch"> </cSearch>
+            <cSearch :is_title="false" :is_search="true" :fields="fields" @search="toSearch">
+              <template #type>
+                <el-option v-for="(i, index) in typeList" :key="index" :label="i.label" :value="i.value"></el-option>
+              </template>
+              <template #label>
+                <el-option v-for="(i, index) in areaList" :key="index" :label="i.label" :value="i.value"></el-option>
+              </template>
+              <template #value>
+                <el-option v-for="(i, index) in wayList" :key="index" :label="i.label" :value="i.value"></el-option>
+              </template>
+              <template #sort1>
+                <el-option v-for="(i, index) in matureList" :key="index" :label="i.label" :value="i.value"></el-option>
+              </template>
+              <template #sort2>
+                <el-option v-for="(i, index) in moneyList" :key="index" :label="i.label" :value="i.value"></el-option>
+              </template>
+              <template #sort3>
+                <el-option v-for="(i, index) in cityList" :key="index" :label="i.label" :value="i.value"></el-option>
+              </template>
+            </cSearch>
           </el-col>
           <el-col :span="24" class="two">
             <a-list :loading="loading" :grid="{ gutter: 16, column: 4 }" :data-source="list">
@@ -23,7 +42,8 @@
             </a-list>
           </el-col>
           <el-col :span="24" class="thr">
-            <a-pagination v-model:page-size="limit" show-size-changer :page-size-options="pageSizeOptions" :total="total" @showSizeChange="onShowSizeChange" />
+            <a-pagination v-model:page-size="limit" show-size-changer :page-size-options="pageSizeOptions" :total="total"
+              @showSizeChange="onShowSizeChange" />
           </el-col>
         </div>
       </el-col>
@@ -110,12 +130,92 @@ const pageSizeOptions = ref<string[]>(['12', '24', '60', '120']);
 // 查询数据
 let searchForm: Ref<any> = ref({});
 let fields: Ref<any[]> = ref([
-  { label: '行业分市场', model: 'type', isSearch: true },
-  { label: '技术领域', model: 'label', isSearch: true },
-  { label: '成熟度', model: 'value', isSearch: true },
-  { label: '出让方式', model: 'sort', isSearch: true },
-  { label: '交易价格', model: 'sort', isSearch: true },
-  { label: '成果地区', model: 'sort', isSearch: true }
+  { label: '行业分市场', model: 'type', isSearch: true, type: 'select' },
+  { label: '技术领域', model: 'label', isSearch: true, type: 'select' },
+  { label: '成熟度', model: 'value', isSearch: true, type: 'select' },
+  { label: '出让方式', model: 'sort1', isSearch: true, type: 'select' },
+  { label: '交易价格', model: 'sort2', isSearch: true, type: 'select' },
+  { label: '成果地区', model: 'sort3', isSearch: true, type: 'select' }
+]);
+// 字典表
+const typeList: Ref<any> = ref([
+  { value: '0', label: '全部' },
+  { value: '1', label: '碳中和' },
+  { value: '2', label: '水利科技' },
+  { value: '3', label: '物联网' },
+  { value: '4', label: '产业计量' },
+  { value: '5', label: '卫生健康' },
+  { value: '6', label: '时尚轻纺' },
+  { value: '7', label: '农业科技' },
+  { value: '8', label: '智能化' },
+  { value: '9', label: '海洋科技' }
+]);
+const areaList: Ref<any> = ref([
+  { value: '0', label: '全部' },
+  { value: '1', label: '先进制造' },
+  { value: '2', label: '地球、空间与海洋' },
+  { value: '3', label: '新材料' },
+  { value: '4', label: '新能源与节能' },
+  { value: '5', label: '核应用技术' },
+  { value: '6', label: '环境保护' },
+  { value: '7', label: '现代交通' },
+  { value: '8', label: '现代农业' },
+  { value: '9', label: '生物医药与医疗器械' },
+  { value: '10', label: '电子信息' },
+  { value: '11', label: '航空航天' }
+]);
+
+const wayList: Ref<any> = ref([
+  { value: '0', label: '全部' },
+  { value: '1', label: '转让' },
+  { value: '2', label: '许可' },
+  { value: '3', label: '作价入股' },
+  { value: '4', label: '其他' },
+  { value: '4', label: '免费许可/先用后转' }
+]);
+const matureList: Ref<any> = ref([
+  { value: '0', label: '全部' },
+  { value: '1', label: '正在研发' },
+  { value: '2', label: '已有样品' },
+  { value: '3', label: '通过小试' },
+  { value: '4', label: '通过中试' }
+]);
+
+const moneyList: Ref<any> = ref([
+  { value: '0', label: '全部' },
+  { value: '1', label: '面议' },
+  { value: '2', label: '1-10万元' },
+  { value: '3', label: '10-20万元' },
+  { value: '4', label: '20-100万元' },
+  { value: '5', label: '100-500万元' },
+  { value: '6', label: '500-1000万元' },
+  { value: '7', label: '1000万元以上' },
+]);
+const cityList: Ref<any> = ref([
+  { value: '0', label: '北京市' },
+  { value: '1', label: '天津市' },
+  { value: '2', label: '河北省' },
+  { value: '3', label: '山西省' },
+  { value: '4', label: '内蒙古自治区' },
+  { value: '5', label: '辽宁省' },
+  { value: '6', label: '吉林省' },
+  { value: '7', label: '上海市' },
+  { value: '8', label: '江苏省' },
+  { value: '9', label: '浙江省' },
+  { value: '10', label: '安徽省' },
+  { value: '11', label: '福建省' },
+  { value: '0', label: '江西省' },
+  { value: '1', label: '山东省' },
+  { value: '2', label: '河南省' },
+  { value: '3', label: '湖北省' },
+  { value: '4', label: '湖南省' },
+  { value: '5', label: '广东省' },
+  { value: '6', label: '广西壮族自治区' },
+  { value: '7', label: '海南省' },
+  { value: '8', label: '重庆市' },
+  { value: '9', label: '四川省' },
+  { value: '10', label: '贵州省' },
+  { value: '11', label: '云南省' }
 ]);
 // 请求
 onMounted(async () => {

src/views/activity/new.vue

@@ -119,6 +119,7 @@ const searchOther = async () => {
       .other {
         color: #383b40;
         margin-top: 13px;
+        font-size: 14px;
         line-height: 20px;
 
         span:first-child {

src/views/demand/index.vue

@@ -4,7 +4,20 @@
       <el-col :span="24" class="main animate__animated animate__backInRight" v-loading="loading">
         <div class="w_1200">
           <el-col :span="24" class="one">
-            <cSearch :is_title="false" :is_search="true" :fields="fields" @search="toSearch"> </cSearch>
+            <cSearch :is_title="false" :is_search="true" :fields="fields" @search="toSearch">
+              <template #type>
+                <el-option v-for="(i, index) in areaList" :key="index" :label="i.label" :value="i.value"></el-option>
+              </template>
+              <template #label>
+                <el-option v-for="(i, index) in matureList" :key="index" :label="i.label" :value="i.value"></el-option>
+              </template>
+              <template #value>
+                <el-option v-for="(i, index) in cityList" :key="index" :label="i.label" :value="i.value"></el-option>
+              </template>
+              <template #sort>
+                <el-option v-for="(i, index) in statusList" :key="index" :label="i.label" :value="i.value"></el-option>
+              </template>
+            </cSearch>
           </el-col>
           <el-col :span="24" class="two">
             <a-list :loading="loading" :grid="{ gutter: 16, column: 4 }" :data-source="list">
@@ -127,10 +140,69 @@ const pageSizeOptions = ref<string[]>(['12', '24', '60', '120']);
 // 查询数据
 let searchForm: Ref<any> = ref({});
 let fields: Ref<any[]> = ref([
-  { label: '技术领域', model: 'type', isSearch: true },
-  { label: '合作方式', model: 'label', isSearch: true },
-  { label: '需求地区', model: 'value', isSearch: true },
-  { label: '需求状态', model: 'sort', isSearch: true }
+  { label: '技术领域', model: 'type', isSearch: true, type: 'select' },
+  { label: '合作方式', model: 'label', isSearch: true, type: 'select' },
+  { label: '需求地区', model: 'value', isSearch: true, type: 'select' },
+  { label: '需求状态', model: 'sort', isSearch: true, type: 'select' }
+]);
+// 字典表
+const areaList: Ref<any> = ref([
+  { value: '0', label: '全部' },
+  { value: '1', label: '先进制造' },
+  { value: '2', label: '地球、空间与海洋' },
+  { value: '3', label: '新材料' },
+  { value: '4', label: '新能源与节能' },
+  { value: '5', label: '核应用技术' },
+  { value: '6', label: '环境保护' },
+  { value: '7', label: '现代交通' },
+  { value: '8', label: '现代农业' },
+  { value: '9', label: '生物医药与医疗器械' },
+  { value: '10', label: '电子信息' },
+  { value: '11', label: '航空航天' }
+]);
+
+const cityList: Ref<any> = ref([
+  { value: '0', label: '北京市' },
+  { value: '1', label: '天津市' },
+  { value: '2', label: '河北省' },
+  { value: '3', label: '山西省' },
+  { value: '4', label: '内蒙古自治区' },
+  { value: '5', label: '辽宁省' },
+  { value: '6', label: '吉林省' },
+  { value: '7', label: '上海市' },
+  { value: '8', label: '江苏省' },
+  { value: '9', label: '浙江省' },
+  { value: '10', label: '安徽省' },
+  { value: '11', label: '福建省' },
+  { value: '0', label: '江西省' },
+  { value: '1', label: '山东省' },
+  { value: '2', label: '河南省' },
+  { value: '3', label: '湖北省' },
+  { value: '4', label: '湖南省' },
+  { value: '5', label: '广东省' },
+  { value: '6', label: '广西壮族自治区' },
+  { value: '7', label: '海南省' },
+  { value: '8', label: '重庆市' },
+  { value: '9', label: '四川省' },
+  { value: '10', label: '贵州省' },
+  { value: '11', label: '云南省' }
+]);
+
+const matureList: Ref<any> = ref([
+  { value: '0', label: '全部' },
+  { value: '1', label: '技术开发' },
+  { value: '2', label: '技术咨询' },
+  { value: '3', label: '技术服务' },
+  { value: '4', label: '许可转让' },
+  { value: '4', label: '完全转让' },
+  { value: '4', label: '技术入股' },
+  { value: '4', label: '合作开发' },
+  { value: '4', label: '其他' }
+]);
+const statusList: Ref<any> = ref([
+  { value: '0', label: '全部' },
+  { value: '1', label: '洽谈中' },
+  { value: '2', label: '已结束' }
 ]);
 // 请求
 onMounted(async () => {
@@ -171,6 +243,7 @@ const onShowSizeChange = (current: number, pageSize: number) => {
 .main {
   background: url(/src/assets/detail.png) right top no-repeat;
   background-size: 100%;
+
   .one {}
 
   .two {

src/views/help/index.vue

@@ -0,0 +1,90 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24" class="main animate__animated animate__backInRight" v-loading="loading">
+        <cHead :siteInfo="siteInfo" style="background-color: #2e3546; color: #f0f2f5"></cHead>
+        <div class="w_1200">
+          <el-row class="help">
+            <el-col :span="6" class="left">
+              <a-menu v-model:selectedKeys="selectedKeys" style="width: 256px" mode="inline" :items="menuList" @select="onOpenChange"></a-menu>
+            </el-col>
+            <el-col v-if="select === '1'" :span="18" class="right">关于我们</el-col>
+            <el-col v-else-if="select === '2'" :span="18" class="right">意见反馈</el-col>
+            <el-col v-else-if="select === '3'" :span="18" class="right">联系我们</el-col>
+            <el-col v-else-if="select === '4'" :span="18" class="right">法律条款</el-col>
+          </el-row>
+        </div>
+        <cFoot style="background-color: #2e3546; color: #f0f2f5"></cFoot>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script setup lang="ts">
+// 基础
+import type { Ref } from 'vue';
+import { onMounted, ref, reactive } from 'vue';
+import { useRoute } from 'vue-router';
+import { ItemType } from 'ant-design-vue';
+import { siteInfo } from '@/layout/site';
+// 接口
+// import { ToolsStore } from '@/stores/tool';
+// import type { IQueryResult } from '@/util/types.util';
+// const toolsAxios = ToolsStore();
+const route = useRoute();
+// 加载中
+const loading: Ref<any> = ref(false);
+const info: Ref<any> = ref({});
+const selectedKeys: Ref<any> = ref(['1']);
+const select: Ref<any> = ref('1');
+const menuList: ItemType[] = reactive([
+  {
+    key: '1',
+    label: '关于我们',
+    title: '关于我们'
+  },
+  {
+    key: '2',
+    label: '意见反馈',
+    title: '意见反馈'
+  },
+  {
+    key: '3',
+    label: '联系我们',
+    title: '联系我们'
+  },
+  {
+    key: '4',
+    label: '法律条款',
+    title: '法律条款'
+  }
+]);
+// 请求
+onMounted(async () => {
+  loading.value = true;
+  search();
+  loading.value = false;
+});
+const search = async () => {
+  //   let res: IQueryResult = await toolsAxios.dataCount();
+  //   if (res.errcode == '0') {
+  //     info.value = res.data;
+  //   }
+};
+const onOpenChange = (item) => {
+  select.value = item.key;
+};
+</script>
+<style scoped lang="scss">
+.main {
+  .help {
+    padding: 10px 0;
+    min-height: 507px;
+
+    .left {
+      display: flex;
+      align-items: normal;
+    }
+  }
+}
+</style>

src/views/home/components/demand.vue

@@ -16,7 +16,7 @@
             <el-col :span="4" class="title">需求地区</el-col>
             <el-col :span="6" class="title">单位</el-col>
           </el-col>
-          <el-col :span="24" class="two_2" id="tableRef">
+          <el-col :span="24" class="two_2">
             <vue3-seamless-scroll :list="list" :hover="true" :step="0.8" :wheel="true" :isWatch="true">
               <el-col :span="24" class="list" v-for="(item, index) in list" :key="index" @click="toView(item)">
                 <el-col :span="10" class="content textOver">

src/views/home/components/service.vue

@@ -318,9 +318,9 @@ const toService = (item) => {
         margin: 10px 0;
       }
 
-      .content {
+      .brief {
         height: 12px;
-        font-size: 11px;
+        font-size: 12px;
         line-height: 12px;
         font-weight: 400;
         margin: 5px 0 0 0;

src/views/login/index.vue

@@ -36,7 +36,7 @@
                   <el-button type="primary" @click="submitForm(ruleFormRef)">登录</el-button>
                 </el-col>
                 <el-col :span="24" class="agree">
-                  <span>登录即表示您同意</span><span @click="toRegister">《{{ siteInfo.zhTitle }}使用协议》</span>
+                  <span>登录即表示您同意</span><span @click="dialog = true">《{{ siteInfo.zhTitle }}使用协议》</span>
                 </el-col>
                 <el-col :span="24" class="other"><span>还没有账号?</span> &nbsp; &nbsp;<span @click="toRegister">去注册</span></el-col>
               </el-form>
@@ -65,7 +65,7 @@
                   <el-button type="primary" @click="submitForm(ruleFormRef)">登录</el-button>
                 </el-col>
                 <el-col :span="24" class="agree">
-                  <span>登录即表示您同意</span><span @click="toRegister">《{{ siteInfo.zhTitle }}使用协议》</span>
+                  <span>登录即表示您同意</span><span @click="dialog = true">《{{ siteInfo.zhTitle }}使用协议》</span>
                 </el-col>
                 <el-col :span="24" class="other"><span>还没有账号?</span> &nbsp; &nbsp;<span @click="toRegister">去注册</span></el-col>
               </el-form>
@@ -75,6 +75,7 @@
         <cFoot></cFoot>
       </el-col>
     </el-row>
+    <el-dialog v-model="dialog" title="使用协议">使用协议</el-dialog>
   </div>
 </template>
 <script setup lang="ts">
@@ -94,6 +95,7 @@ const route = useRoute();
 // 加载中
 const loading: Ref<any> = ref(false);
 const form: Ref<any> = ref({});
+const dialog = ref(false);
 interface RuleForm {
   account: string;
   password: string;
@@ -210,7 +212,7 @@ const toRegister = () => {
         .button {
           padding: 10px 0;
           :deep(.el-button) {
-            width: 285px !important;
+            width: 100% !important;
             height: 44px !important;
             border: 0 !important;
             color: #f8f8f8 !important;

src/views/register/index.vue

@@ -80,7 +80,7 @@
                 </el-col>
                 <el-col :span="24" class="agree">
                   <el-checkbox v-model="isAgree"></el-checkbox>
-                  <span style="margin: 0 0 0 5px">我已阅读并同意</span><span @click="toRegister">《{{ siteInfo.zhTitle }}使用协议》</span>
+                  <span style="margin: 0 0 0 5px">我已阅读并同意</span><span @click="dialog = true">《{{ siteInfo.zhTitle }}使用协议》</span>
                 </el-col>
               </el-form>
             </el-col>
@@ -151,7 +151,7 @@
                 </el-col>
                 <el-col :span="24" class="agree">
                   <el-checkbox v-model="isAgree"></el-checkbox>
-                  <span style="margin: 0 0 0 5px">我已阅读并同意</span><span @click="toRegister">《{{ siteInfo.zhTitle }}使用协议》</span>
+                  <span style="margin: 0 0 0 5px">我已阅读并同意</span><span @click="dialog = true">《{{ siteInfo.zhTitle }}使用协议》</span>
                 </el-col>
               </el-form>
             </el-col>
@@ -222,7 +222,7 @@
                 </el-col>
                 <el-col :span="24" class="agree">
                   <el-checkbox v-model="isAgree"></el-checkbox>
-                  <span style="margin: 0 0 0 5px">我已阅读并同意</span><span @click="toRegister">《{{ siteInfo.zhTitle }}使用协议》</span>
+                  <span style="margin: 0 0 0 5px">我已阅读并同意</span><span @click="dialog = true">《{{ siteInfo.zhTitle }}使用协议》</span>
                 </el-col>
               </el-form>
             </el-col>
@@ -231,6 +231,7 @@
         <cFoot></cFoot>
       </el-col>
     </el-row>
+    <el-dialog v-model="dialog" title="使用协议">使用协议</el-dialog>
   </div>
 </template>
 <script setup lang="ts">
@@ -249,6 +250,7 @@ const router = useRouter();
 // 加载中
 const loading: Ref<any> = ref(false);
 const form: Ref<any> = ref({});
+const dialog = ref(false);
 interface RuleForm {
   account: string;
   password: string;
@@ -371,7 +373,7 @@ const toBack = () => {
         .button {
           padding: 10px 0;
           :deep(.el-button) {
-            width: 318px !important;
+            width: 100% !important;
             height: 44px !important;
             border: 0 !important;
             color: #f8f8f8 !important;

src/views/service/index.vue

@@ -4,7 +4,17 @@
       <el-col :span="24" class="main animate__animated animate__backInRight" v-loading="loading">
         <div class="w_1200">
           <el-col :span="24" class="one">
-            <cSearch :is_title="false" :is_search="true" :fields="fields" @search="toSearch"> </cSearch>
+            <cSearch :is_title="false" :is_search="true" :fields="fields" @search="toSearch">
+              <template #type>
+                <el-option v-for="(i, index) in typeList" :key="index" :label="i.label" :value="i.value"></el-option>
+              </template>
+              <template #label>
+                <el-option v-for="(i, index) in matureList" :key="index" :label="i.label" :value="i.value"></el-option>
+              </template>
+              <template #value>
+                <el-option v-for="(i, index) in cityList" :key="index" :label="i.label" :value="i.value"></el-option>
+              </template>
+            </cSearch>
           </el-col>
           <el-col :span="24" class="two">
             <a-list :loading="loading" :grid="{ gutter: 16, column: 4 }" :data-source="list">
@@ -122,9 +132,60 @@ const pageSizeOptions = ref<string[]>(['12', '24', '60', '120']);
 // 查询数据
 let searchForm: Ref<any> = ref({});
 let fields: Ref<any[]> = ref([
-  { label: '服务类型', model: 'type', isSearch: true },
-  { label: '服务方式', model: 'label', isSearch: true },
-  { label: '服务地区', model: 'value', isSearch: true }
+  { label: '服务类型', model: 'type', isSearch: true, type: 'select' },
+  { label: '服务方式', model: 'label', isSearch: true, type: 'select' },
+  { label: '服务地区', model: 'value', isSearch: true, type: 'select' }
+]);
+const cityList: Ref<any> = ref([
+  { value: '0', label: '北京市' },
+  { value: '1', label: '天津市' },
+  { value: '2', label: '河北省' },
+  { value: '3', label: '山西省' },
+  { value: '4', label: '内蒙古自治区' },
+  { value: '5', label: '辽宁省' },
+  { value: '6', label: '吉林省' },
+  { value: '7', label: '上海市' },
+  { value: '8', label: '江苏省' },
+  { value: '9', label: '浙江省' },
+  { value: '10', label: '安徽省' },
+  { value: '11', label: '福建省' },
+  { value: '0', label: '江西省' },
+  { value: '1', label: '山东省' },
+  { value: '2', label: '河南省' },
+  { value: '3', label: '湖北省' },
+  { value: '4', label: '湖南省' },
+  { value: '5', label: '广东省' },
+  { value: '6', label: '广西壮族自治区' },
+  { value: '7', label: '海南省' },
+  { value: '8', label: '重庆市' },
+  { value: '9', label: '四川省' },
+  { value: '10', label: '贵州省' },
+  { value: '11', label: '云南省' }
+]);
+
+const matureList: Ref<any> = ref([
+  { value: '0', label: '上门服务' },
+  { value: '1', label: '远程服务' },
+  { value: '2', label: '直接对接' },
+  { value: '3', label: '报告交付' },
+  { value: '4', label: '许可转让' },
+  { value: '4', label: '完全转让' },
+  { value: '4', label: '技术入股' },
+  { value: '4', label: '合作开发' },
+  { value: '4', label: '其他' }
+]);
+
+const typeList: Ref<any> = ref([
+  { value: '0', label: '技术转移' },
+  { value: '1', label: '知识产权' },
+  { value: '2', label: '政策咨询/服务' },
+  { value: '0', label: '科技评估/评价' },
+  { value: '1', label: '工业设计' },
+  { value: '2', label: '科技金融' },
+  { value: '0', label: '财税法律' },
+  { value: '1', label: '检验检测' },
+  { value: '2', label: '创业孵化' },
+  { value: '2', label: '其他类型' }
 ]);
 // 请求
 onMounted(async () => {
@@ -165,7 +226,6 @@ const onShowSizeChange = (current: number, pageSize: number) => {
 .main {
   background: url(/src/assets/detail.png) right top no-repeat;
   background-size: 100%;
-  .one {}
 
   .two {
     .list {