{"version":3,"sources":["webpack:///./src/views/Resources/whitePaper.vue?dce7","webpack:///src/views/Resources/whitePaper.vue","webpack:///./src/views/Resources/whitePaper.vue?77b4","webpack:///./src/views/Resources/whitePaper.vue","webpack:///./src/views/Resources/whitePaper.vue?06e9","webpack:///./src/views/Resources/whitePaper.vue?8da6"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","newsList","length","_l","item","idx","key","attrs","logo","_s","firstLabel","_e","staticStyle","domProps","newsTitle","newsDesc","on","$event","toDetail","id","subscribe","DialogShow","ref","ruleForm","rules","model","value","callback","$$v","$set","expression","directives","name","rawName","Array","isArray","check","_i","$$a","$$el","target","$$c","checked","$$i","concat","slice","slot","submitForm","staticRenderFns","defaultForm","action","actionCase","targetName","mail","firstname","lastname","company","data","required","message","trigger","type","input","keyWords","lable","created","script","document","dataLayer","window","gtag","methods","webinercookies","localStorage","advertisementFlow","path","source","information","then","res","_this","console","firstName","fullName","form","actionRecords","query","loading","lock","background","setTimeout","gotoUrl","light","getLabelFirstList","pageIndex","pageSize","getNewsList","status","origin","firstLabelIds","search","component"],"mappings":"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CAC,kBACAC,gCACAC,gCACAC,KAAAC,IACA,UAMAhC,cACA,WAEAiC,wBACA,MAuCA,OADAC,+BACA,EAtCAD,iEAIAE,qBACAC,oBACA9B,gBACAG,mBAGAiB,2DACA,+CACAW,8BACAH,eAEAI,2BAIA,gBAIA,GAFA,mBAEA,sCACA,2CACA,gBACA,gBACA,yDAEA,uCACA,oDAGA,mBAAArD,kBAAAsD,OAAAnE,iBAAAyD,6BASAW,UACA,eACAC,QACAC,qCAEAC,gBACA,yBACA,MAEAC,WACA,mBAAAhB,SAAA,cAIAzD,gBACA,2CAOA,mBAAAc,kBAAAsD,OAAAnE,KAAAyD,wBANA,gBACA,mBACA,qBAQAgB,QACA,0BACA,kBACA,oCACA,qCACA,6CACA,oDACA,sDAIAC,oBACAA,gBACAC,aACAC,aACAjB,KAAAC,IACAE,eACA,cAIA,6CACAA,yBAJA,8BAOAe,cACAA,gBACAD,WACAD,YACAG,SACAC,SACAC,2BACArB,KAAAC,IACA,YAIA,yBAHA,kEAMAqB,SAEA,qGAIA,OAHAnB,eACA,wBACA,kBAIA,gDACAe,gBACAD,WACAD,YACAG,SACAC,WACApB,KAAAC,IACA,aAIA,oKACA,cAJA,iEAWA,gDACAiB,gBACAD,WACAD,YACAG,SACAC,WACApB,KAAAC,IACA,YAIA,qEAHA,iEASAiB,gBACAD,WACAD,YACAG,SACAC,WACApB,KAAAC,IACA,aAIA,wOACA,cAJA,oEC3VmW,I,kCCS/VsB,EAAY,eACd,EACA7G,EACAwD,GACA,EACA,KACA,WACA,MAIa,aAAAqD,E,yFCpBf,yBAA4jB,EAAG,G,kCCA/jB,yBAA4jB,EAAG","file":"static/js/chunk-ac06be08.9738ac93.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mediaDetail\"},[_c('div',{staticClass:\"contentParty\"},[_c('div',{staticClass:\"bg\"},[_c('div',{staticClass:\"bigtitle\"},[_vm._v(\"White Paper & Case Study\")]),(_vm.newsList.length>0)?_c('div',{staticClass:\"news\"},_vm._l((_vm.newsList),function(item,idx){return _c('div',{key:idx,staticClass:\"contentInfo\"},[_c('div',[_c('img',{staticClass:\"contentImg\",attrs:{\"src\":item.logo}}),_c('div',{staticClass:\"flex1\"},[(item.firstLabel)?_c('div',{staticClass:\"tag\"},[_vm._v(\" \"+_vm._s(item.firstLabel)+\" \")]):_vm._e(),_c('div',{staticClass:\"contentTitle overflowMulityText2\",staticStyle:{\"color\":\"#2cb1e9\"},domProps:{\"innerHTML\":_vm._s(item.newsTitle)}},[_vm._v(\" \"+_vm._s(item.newsTitle)+\" \")]),_c('div',{staticClass:\"contents overflowMulityText3\",domProps:{\"innerHTML\":_vm._s(item.newsDesc)}},[_vm._v(\" \"+_vm._s(item.newsDesc)+\" \")]),_c('div',{staticClass:\"moreBtn\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toDetail(item.id,item.subscribe,item.newsTitle)}}},[_vm._v(\" READ MORE \")])])])])}),0):_vm._e()])]),_c('el-dialog',{attrs:{\"title\":\"\",\"visible\":_vm.DialogShow,\"width\":\"45%\"},on:{\"close\":function($event){_vm.DialogShow=false}}},[_c('span',[_c('div',{staticClass:\"from\"},[_c('div',{staticClass:\"formtitle\"},[_vm._v(\"Please fill in your information\")]),_c('el-form',{ref:\"ruleForm\",attrs:{\"model\":_vm.ruleForm,\"rules\":_vm.rules}},[_c('el-form-item',{attrs:{\"label\":\"First Name\",\"prop\":\"firstname\"}},[_c('el-input',{model:{value:(_vm.ruleForm.firstname),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"firstname\", $$v)},expression:\"ruleForm.firstname\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Last Name\",\"prop\":\"lastname\"}},[_c('el-input',{model:{value:(_vm.ruleForm.lastname),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"lastname\", $$v)},expression:\"ruleForm.lastname\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Email\",\"prop\":\"mail\"}},[_c('el-input',{model:{value:(_vm.ruleForm.mail),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"mail\", $$v)},expression:\"ruleForm.mail\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Company\",\"prop\":\"company\"}},[_c('el-input',{model:{value:(_vm.ruleForm.company),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"company\", $$v)},expression:\"ruleForm.company\"}})],1),_c('el-form-item',{staticStyle:{\"width\":\"100%\"},attrs:{\"prop\":\"check\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.ruleForm.check),expression:\"ruleForm.check\"}],staticClass:\"check\",attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.ruleForm.check)?_vm._i(_vm.ruleForm.check,null)>-1:(_vm.ruleForm.check)},on:{\"change\":function($event){var $$a=_vm.ruleForm.check,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.ruleForm, \"check\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.ruleForm, \"check\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.ruleForm, \"check\", $$c)}}}}),_c('span',{staticStyle:{\"word-break\":\"break-word\"}},[_vm._v(\"Yes, I would like to receive digital communications from Holden brands. I may opt-out of communications at any time using the unsubscribe link at the bottom of any email communication.\")])])],1)],1)]),_c('span',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{on:{\"click\":function($event){_vm.DialogShow = false}}},[_vm._v(\"cancel\")]),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.submitForm('ruleForm')}}},[_vm._v(\"submit\")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"mediaDetail\">\r\n\r\n    <div class=\"contentParty\">\r\n      <div class=\"bg\">\r\n\r\n        <!-- <div class=\"searchBox\">\r\n          <div class=\"search\">\r\n            <el-input v-model=\"keyWords\" placeholder=\"Please enter your search terms\" @keyup.enter.native=\"search\"></el-input>\r\n            <el-button type=\"primary\" @click=\"search\">Search</el-button>\r\n          </div>\r\n        </div> -->\r\n        <div class=\"bigtitle\">White Paper & Case Study</div>\r\n\r\n        <div v-if=\"newsList.length>0\" class=\"news\">\r\n          <div v-for=\"(item,idx) in newsList\" :key=\"idx\" class=\"contentInfo\">\r\n            <!-- <div class=\"contentInfo flexLeft odd\" v-if=\"(idx+1)%2!=0\"> -->\r\n            <div>\r\n\r\n              <img class=\"contentImg\" :src=\"item.logo\">\r\n              <div class=\"flex1\">\r\n                <div class=\"tag\" v-if=\"item.firstLabel\">\r\n                  {{ item.firstLabel }}\r\n                </div>\r\n                <div class=\"contentTitle overflowMulityText2\" v-html=\"item.newsTitle\" style=\"color:#2cb1e9\">\r\n                  {{ item.newsTitle }}\r\n                </div>\r\n                <div class=\"contents overflowMulityText3\" v-html=\"item.newsDesc\">\r\n                  {{ item.newsDesc }}\r\n                </div>\r\n                <div type=\"button\" class=\"moreBtn\" @click=\"toDetail(item.id,item.subscribe,item.newsTitle)\">\r\n                  READ MORE\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n    <el-dialog title=\"\" :visible=\"DialogShow\" width=\"45%\" @close=\"DialogShow=false\">\r\n      <span>\r\n        <div class=\"from\">\r\n          <div class=\"formtitle\">Please fill in your information</div>\r\n          <el-form :model=\"ruleForm\" :rules=\"rules\" ref=\"ruleForm\">\r\n            <el-form-item label=\"First Name\" prop=\"firstname\">\r\n              <el-input v-model=\"ruleForm.firstname\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"Last Name\" prop=\"lastname\">\r\n              <el-input v-model=\"ruleForm.lastname\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"Email\" prop=\"mail\">\r\n              <el-input v-model=\"ruleForm.mail\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"Company\" prop=\"company\">\r\n              <el-input v-model=\"ruleForm.company\" />\r\n            </el-form-item>\r\n            <!-- <div>We need your permission to stay in touch.</div> -->\r\n            <el-form-item prop=\"check\" style=\"width:100%\">\r\n\r\n              <input class=\"check\" type=\"checkbox\" v-model=\"ruleForm.check\"><span style=\"word-break: break-word;\">Yes, I would like to receive digital communications from Holden brands. I may opt-out of communications at any time using the unsubscribe link at the bottom of any email communication.</span>\r\n            </el-form-item>\r\n          </el-form>\r\n\r\n        </div>\r\n      </span>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button @click=\"DialogShow = false\">cancel</el-button>\r\n        <el-button type=\"primary\" @click=\"submitForm('ruleForm')\">submit</el-button>\r\n\r\n      </span>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst defaultForm = {\r\n  action: \"whitePaper\",\r\n  actionCase: \"Read\",\r\n  targetName: \"\",\r\n  mail: \"\",\r\n  firstname: \"\",\r\n  lastname: \"\",\r\n  company: \"\",\r\n  check: true\r\n};\r\nimport { getNewsList, getLabelFirstList, actionRecords, advertisementFlow } from \"@/api/api\";\r\nexport default {\r\n  name: \"MediaDetail\",\r\n  data() {\r\n    const check = (rule, value, callback) => {\r\n      if (value == false) {\r\n        return callback(new Error(\"Please complete this required field\"));\r\n      } else {\r\n        callback();\r\n      }\r\n    };\r\n    return {\r\n      ruleForm: JSON.parse(JSON.stringify(defaultForm)),\r\n      rules: {\r\n        firstname: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }],\r\n        lastname: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }],\r\n        company: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }],\r\n        mail: [\r\n          { required: true, message: \"Please complete this required field\", trigger: \"blur\" },\r\n          { type: \"email\", message: \"Email must be formatted correctly.\", trigger: [\"blur\"] }\r\n        ]\r\n        // check: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }, { validator: check }]\r\n      },\r\n      DialogShow: false,\r\n      newsList: [],\r\n      input: \"\",\r\n      keyWords: \"\",\r\n      // lable: [{ value: \"Local Insights\" }, { value: \"Industry Update\" }, { value: \"Case Study\" }, { value: \"Industry News\" }, { value: \"Company News\" }, { value: \"Original Research-Voice of Patients\" }, { value: \"Original Research-Voice of Physician\" }],\r\n      lable: [],\r\n      value: \"\"\r\n    };\r\n  },\r\n  created() {\r\n    this.getNewsList();\r\n    this.getLabelFirstList();\r\n    this.loading();\r\n    this.advertisementFlow(); // 在组件创建时加载Google代码\r\n    const script = document.createElement(\"script\");\r\n    script.async = true;\r\n    script.src = \"https://www.googletagmanager.com/gtag/js?id=AW-11335422054\";\r\n    document.head.appendChild(script);\r\n    script.onload = () => {\r\n      window.dataLayer = window.dataLayer || [];\r\n      function gtag() {\r\n        dataLayer.push(arguments);\r\n      }\r\n      gtag(\"js\", new Date());\r\n      gtag(\"config\", \"AW-11335422054\");\r\n    };\r\n    this.webinercookies();\r\n    //  this.getNewsList(2);\r\n  },\r\n  methods: {\r\n    webinercookies() {\r\n      // 如果没有记录cookie\r\n      if (!localStorage.getItem(\"webinersource\")) {\r\n        // 就不重新赋值\r\n        let webinersource = this.$route.query.source;\r\n\r\n        if (webinersource == undefined) {\r\n          localStorage.setItem(\"webinersource\", \"www\");\r\n        } else {\r\n          localStorage.setItem(\"webinersource\", webinersource);\r\n        }\r\n        // console.log(1);\r\n      } else {\r\n        // 如果没有cookie就设置cookie\r\n      }\r\n    },\r\n    advertisementFlow() {\r\n      // 如果没有source\r\n      if (this.$route.query.source == undefined) {\r\n        // console.log(1);\r\n        // 就把source拼接\r\n        advertisementFlow({\r\n          path: \"whitePaper\",\r\n          source: \"\",\r\n          information: \"News_WhitePaper\"\r\n        }).then(res => {\r\n          if (res.code == 10000) {\r\n            // console.log(res);\r\n          }\r\n        });\r\n        // 如果有source\r\n      } else {\r\n        advertisementFlow({\r\n          path: \"whitePaper\",\r\n          source: this.$route.query.source,\r\n          information: \"News_WhitePaper\"\r\n        }).then(res => {\r\n          if (res.code == 10000) {\r\n            // console.log(res);\r\n          }\r\n        });\r\n      }\r\n    },\r\n    submitForm(formName) {\r\n      let _this = this;\r\n      // 数据写入表单\r\n      _this.$refs[formName].validate(valid => {\r\n        if (valid) {\r\n          _this.ruleForm.fullName = _this.ruleForm.firstname + \" \" + _this.ruleForm.lastname;\r\n          let ruleForm = {\r\n            action: \"WhitePaper\",\r\n            actionCase: \"Read\",\r\n            firstName: _this.ruleForm.firstname,\r\n            fullName: _this.ruleForm.fullName,\r\n            mail: _this.ruleForm.mail,\r\n            company: _this.ruleForm.company\r\n          };\r\n          //   console.log(this.ruleForm);\r\n          localStorage.setItem(\"form\", JSON.stringify(this.ruleForm));\r\n          var form = JSON.parse(localStorage.getItem(\"form\"));\r\n          form.targetName = this.submitTitle;\r\n          console.log(form);\r\n          // 提交表单数据\r\n          actionRecords(form).then(res => {\r\n            // console.log(form);\r\n            // 如果没有cookie\r\n            // 提交成功\r\n            if (res.code == 10000) {\r\n              // 关闭弹框\r\n              this.DialogShow = false;\r\n              // 存入cookie\r\n              if (localStorage.getItem(\"agreeCookies\")) {\r\n                var val = localStorage.getItem(\"agreeCookies\");\r\n                var dataobj = JSON.parse(val);\r\n                if (dataobj.val == \"agree\") {\r\n                  this.$cookies.set(\"HoldenCookies\", \"panelDownloads\");\r\n                }\r\n              } else if (this.$cookies.isKey(\"defaultcookies\")) {\r\n                this.$cookies.set(\"HoldenCookies\", \"panelDownloads\");\r\n              }\r\n              // 跳转查看详情\r\n              this.$router.push({ name: \"newsDetail\", query: { id: this.submitId, source: \"whitePaper\" } });\r\n            }\r\n          });\r\n        } else {\r\n          console.log(\"error submit!!\");\r\n          return false;\r\n        }\r\n      });\r\n    },\r\n    loading() {\r\n      this.$loading({\r\n        lock: true,\r\n        background: \"rgba(255, 255, 255,1)\"\r\n      });\r\n      setTimeout(() => {\r\n        this.$loading().close();\r\n      }, 700);\r\n    },\r\n    gotoUrl(path) {\r\n      this.$router.push({ path: path }).catch(err => {\r\n        err;\r\n      });\r\n    },\r\n    toDetail(id, subscribe, newsTitle) {\r\n      if (subscribe == 1 && !this.$cookies.isKey(\"HoldenCookies\")) {\r\n        this.submitId = id;\r\n        this.DialogShow = true;\r\n        this.submitTitle = newsTitle;\r\n      }\r\n      // 如果需要权限并且没有cookie\r\n      else {\r\n        this.$router.push({ name: \"newsDetail\", query: { id: id, source: \"whitePaper\" } });\r\n      }\r\n    },\r\n    // 高亮\r\n    light() {\r\n      this.newsList.map((item, index) => {\r\n        if (this.keyWords) {\r\n          const keyWords = this.keyWords.toLowerCase();\r\n          let reg = new RegExp(this.keyWords, \"ig\");\r\n          let replace = '<span style=\"color:#f73131\">' + keyWords + \"</span>\";\r\n          this.newsList[index].newsTitle = item.newsTitle.replace(reg, replace);\r\n          this.newsList[index].newsDesc = item.newsDesc.replace(reg, replace);\r\n        }\r\n      });\r\n    },\r\n    getLabelFirstList() {\r\n      getLabelFirstList({\r\n        pageIndex: 20,\r\n        pageSize: 0\r\n      }).then(res => {\r\n        console.log(res);\r\n        if (res.code !== 10000) {\r\n          this.$message.error(res.msg);\r\n          return;\r\n        }\r\n        this.lable = res.datalist.filter(k => k.labelName);\r\n        console.log(this.lable);\r\n      });\r\n    },\r\n    getNewsList() {\r\n      getNewsList({\r\n        pageSize: 0,\r\n        pageIndex: 1,\r\n        status: 1, //启用\r\n        origin: 1, //前台\r\n        firstLabelIds: [1, 7, 3, 27]\r\n      }).then(res => {\r\n        if (res.code != 10000) {\r\n          this.$message.error(res.msg || \"Failed to query news information\");\r\n          return;\r\n        }\r\n        this.newsList = res.datalist;\r\n      });\r\n    },\r\n    search() {\r\n      // 如果两边都是空\r\n      if ((this.keyWords.trim().length == 0 && this.value == \"\") || (this.keyWords.trim().length == 0 && this.value == \"all\")) {\r\n        console.log(1);\r\n        this.getNewsList();\r\n        this.keyWords = \"\";\r\n        return;\r\n      }\r\n      // 如果搜索框不为空\r\n      if (this.keyWords.trim().length != 0 && this.value == \"\") {\r\n        getNewsList({\r\n          pageSize: 0,\r\n          pageIndex: 1,\r\n          status: 1, //启用\r\n          origin: 1 //前台\r\n        }).then(res => {\r\n          if (res.code != 10000) {\r\n            this.$message.error(res.msg || \"Failed to query news information\");\r\n            return;\r\n          }\r\n          this.newsList = res.datalist.filter(k => k.newsTitle.toLowerCase().includes(this.keyWords.toLowerCase()) || k.newsDesc.toLowerCase().includes(this.keyWords.toLowerCase()));\r\n          this.light();\r\n\r\n          // console.log(this.value);\r\n          // this.newsList = res.datalist.filter(k =>k.newsLabel.includes(this.value));\r\n        });\r\n      }\r\n      // 如果下拉框不为空\r\n      if (this.value != \"\" && this.keyWords.trim().length == 0) {\r\n        getNewsList({\r\n          pageSize: 0,\r\n          pageIndex: 1,\r\n          status: 1, //启用\r\n          origin: 1 //前台\r\n        }).then(res => {\r\n          if (res.code != 10000) {\r\n            this.$message.error(res.msg || \"Failed to query news information\");\r\n            return;\r\n          }\r\n          this.newsList = res.datalist.filter(k => k.newsLabel.includes(this.value));\r\n\r\n          // console.log(this.value);\r\n        });\r\n      }\r\n      // 如果都不为空\r\n      getNewsList({\r\n        pageSize: 0,\r\n        pageIndex: 1,\r\n        status: 1, //启用\r\n        origin: 1 //前台\r\n      }).then(res => {\r\n        if (res.code != 10000) {\r\n          this.$message.error(res.msg || \"Failed to query news information\");\r\n          return;\r\n        }\r\n        this.newsList = res.datalist.filter(k => (k.newsLabel.includes(this.value) && k.newsTitle.toLowerCase().includes(this.keyWords.toLowerCase())) || (k.newsLabel.includes(this.value) && k.newsDesc.toLowerCase().includes(this.keyWords.toLowerCase())));\r\n        this.light();\r\n        // console.log(this.value);\r\n        // this.newsList = res.datalist.filter(k =>k.newsLabel.includes(this.value));\r\n      });\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.contentParty {\r\n  background: url(\"https://retailplatform.oss-cn-hangzhou.aliyuncs.com/holdenWebH5/newsBg.png\") no-repeat center top;\r\n  background-size: 100vw 280px;\r\n  min-height: 280px;\r\n  padding-top: 80px;\r\n  margin-bottom: 32px;\r\n  .bg {\r\n    margin: 0 195px;\r\n    background-color: #fff;\r\n    .bigtitle {\r\n      font-size: 40px;\r\n      font-weight: 700;\r\n      color: #2cb1e9;\r\n      padding: 30px 50px 0;\r\n    }\r\n    .searchBox {\r\n      height: 80px;\r\n      background: #ffffff;\r\n      margin: 0 195px;\r\n      padding: 20px 0;\r\n\r\n      .search {\r\n        .select {\r\n          height: 100%;\r\n          width: 100%;\r\n          margin-right: 10px;\r\n        }\r\n        display: flex;\r\n        width: 30%;\r\n        position: absolute;\r\n        right: 215px;\r\n        // margin: 0 auto;\r\n      }\r\n    }\r\n    .news {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      .contentInfo {\r\n        width: 27%;\r\n        // height: 480px;\r\n        border: 1px solid #87c1e2;\r\n        box-shadow: 4px 4px 4px 1px #c3ddec;\r\n        border-radius: 3%;\r\n        margin: 3%;\r\n        position: relative;\r\n        background: #ffffff;\r\n        overflow: hidden;\r\n        .tag {\r\n          font-size: 12px;\r\n          display: inline-block;\r\n          padding: 0.7px 7.5px 2px;\r\n          background: #e8f2ff;\r\n          border-radius: 4px;\r\n          color: #2186c8;\r\n          font-size: 10px;\r\n          margin-bottom: 10px;\r\n        }\r\n\r\n        .contentTitle {\r\n          font-size: 18px;\r\n          color: #333333;\r\n          // line-height: 35px;\r\n          font-weight: bold;\r\n          min-height: 58px;\r\n        }\r\n        .contents {\r\n          font-size: 13px;\r\n          color: #333333;\r\n          margin-top: 5px;\r\n          text-align: justify;\r\n          // line-height: 22px;\r\n        }\r\n        .moreBtn {\r\n          // position: absolute;\r\n          // bottom: 10px;\r\n          margin-top: 30px;\r\n          background: #217df6;\r\n          font-size: 13px;\r\n          color: #fff;\r\n          border-radius: 7px;\r\n          text-align: center;\r\n          // width: 120px;\r\n          // height: 39px;\r\n          display: inline-block;\r\n          padding: 0 20px;\r\n          line-height: 39px;\r\n          cursor: pointer;\r\n          transition-delay: 0.1s;\r\n          &:hover {\r\n            background: #f5f5f5;\r\n            color: #333333;\r\n            transition-delay: 0.1s;\r\n          }\r\n        }\r\n        .contentImg {\r\n          width: 100%;\r\n        }\r\n        .flex1 {\r\n          padding: 10px;\r\n        }\r\n      }\r\n      @media screen and (max-width: 768px) and (min-width: 576px) {\r\n        .contentInfo {\r\n          width: 45%;\r\n          // height: 700px;\r\n          margin: 2.5%;\r\n        }\r\n      }\r\n      @media screen and (max-width: 576px) {\r\n        .contentInfo {\r\n          width: 80%;\r\n          // height: 950px;\r\n          margin: 5% 10%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.from {\r\n  // width: 60%;\r\n  // margin: 80px auto;\r\n  // padding: 30px;\r\n  // transform: scale(1.3);\r\n  padding-top: 0px;\r\n  .formtitle {\r\n    text-align: center;\r\n    font-weight: 700;\r\n    font-size: 25px;\r\n    color: #ff0000;\r\n  }\r\n  @media screen and (max-width: 570px) {\r\n    .formtitle {\r\n      font-size: 45px;\r\n    }\r\n  }\r\n  .el-form {\r\n    // display: flex;\r\n    // flex-wrap: wrap;\r\n    // justify-content: space-between;\r\n    padding: 10px;\r\n    /deep/ .el-form-item {\r\n      display: inline-block;\r\n      display: flex;\r\n      // flex-wrap: wrap;\r\n      justify-content: start;\r\n      &:nth-child() {\r\n        .el-form-item__label {\r\n          // margin-left: 7px;\r\n        }\r\n      }\r\n      &:not(.text) {\r\n        // width: 50%;\r\n      }\r\n      &.text {\r\n        width: 100%;\r\n      }\r\n      .el-form-item__content {\r\n        font-size: 11px;\r\n        line-height: 20px;\r\n        flex: 1;\r\n        .el-input {\r\n          width: 238px !important;\r\n        }\r\n      }\r\n\r\n      .el-form-item__label {\r\n        width: 125px;\r\n        font-size: 15px;\r\n        display: block;\r\n        font-weight: normal;\r\n      }\r\n      .el-textarea__inner {\r\n        min-height: 104px !important;\r\n      }\r\n      .el-input__inner,\r\n      .el-textarea__inner {\r\n        background: #fafafa;\r\n        border: 1px solid #e6e6e6;\r\n        border-radius: 7px;\r\n        font-size: 15px;\r\n        width: 390px;\r\n      }\r\n      @media screen and (max-width: 576px) {\r\n        .el-input__inner {\r\n          font-size: 35px;\r\n          width: 700px;\r\n          height: 80px;\r\n        }\r\n        .el-form-item__label {\r\n          font-size: 35px;\r\n          width: 250px;\r\n        }\r\n        .el-form-item__content {\r\n          font-size: 30px;\r\n          line-height: 40px;\r\n        }\r\n      }\r\n      .el-form-item__error {\r\n        font-size: 12px !important;\r\n      }\r\n    }\r\n  }\r\n  & > * {\r\n    margin: 20px;\r\n  }\r\n  div {\r\n    margin-top: 12px;\r\n  }\r\n  .button {\r\n    margin: 0 auto;\r\n    margin-top: 20px;\r\n    background: #217df6;\r\n    font-size: 13px;\r\n    color: #fff;\r\n    border-radius: 7px;\r\n    text-align: center;\r\n    width: 150px;\r\n    padding: 10px;\r\n    // height: 34px;\r\n    // line-height: 34px;\r\n    cursor: pointer;\r\n  }\r\n  @media screen and (max-width: 576px) {\r\n    .button {\r\n      font-size: 35px;\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 576px) {\r\n  .contentParty {\r\n    .bg {\r\n      margin: 0 100px;\r\n      .bigtitle {\r\n        font-size: 80px;\r\n      }\r\n      .news {\r\n        .contentInfo {\r\n          .tag {\r\n            font-size: 50px;\r\n          }\r\n          .contentTitle {\r\n            font-size: 70px;\r\n          }\r\n          .contents {\r\n            font-size: 60px;\r\n            text-align: start;\r\n          }\r\n          .moreBtn {\r\n            font-size: 70px;\r\n            line-height: 120px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n@media screen and (max-width: 576px) {\r\n  /deep/ .searchBox {\r\n    // height: 100px;\r\n    .search {\r\n      // width: 100%;\r\n      .el-input__inner {\r\n        font-size: 40px;\r\n        height: 70px;\r\n        // width: 300px;\r\n      }\r\n      .el-button {\r\n        font-size: 40px;\r\n      }\r\n    }\r\n  }\r\n  /deep/ .el-scrollbar {\r\n    .el-select-dropdown__wrap {\r\n      .el-scrollbar__view {\r\n        .el-select-dropdown__item {\r\n          height: 60px;\r\n          font-size: 40px;\r\n          padding: 10px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  /deep/.el-dialog__wrapper {\r\n    .el-dialog {\r\n      width: 100% !important;\r\n      .el-dialog__footer {\r\n        .el-button {\r\n          font-size: 70px;\r\n          padding: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./whitePaper.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./whitePaper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./whitePaper.vue?vue&type=template&id=a93ff94e&scoped=true&\"\nimport script from \"./whitePaper.vue?vue&type=script&lang=js&\"\nexport * from \"./whitePaper.vue?vue&type=script&lang=js&\"\nimport style0 from \"./whitePaper.vue?vue&type=style&index=0&id=a93ff94e&lang=scss&scoped=true&\"\nimport style1 from \"./whitePaper.vue?vue&type=style&index=1&id=a93ff94e&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a93ff94e\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./whitePaper.vue?vue&type=style&index=1&id=a93ff94e&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./whitePaper.vue?vue&type=style&index=1&id=a93ff94e&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./whitePaper.vue?vue&type=style&index=0&id=a93ff94e&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./whitePaper.vue?vue&type=style&index=0&id=a93ff94e&lang=scss&scoped=true&\""],"sourceRoot":""}