From ed58afaaa564c54d22a42593265addce08bd5850 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 16 七月 2019 12:09:26 +0800
Subject: [PATCH] format-code
---
src/views/successCase/successCase.vue | 538 +++++++++++++++++++++++++++++------------------------------
1 files changed, 267 insertions(+), 271 deletions(-)
diff --git a/src/views/successCase/successCase.vue b/src/views/successCase/successCase.vue
index fb5286d..beb8265 100644
--- a/src/views/successCase/successCase.vue
+++ b/src/views/successCase/successCase.vue
@@ -1,320 +1,316 @@
<template>
- <div class="main">
- <div class="banner m_hide">
- <img src="../../img/cheng.png" alt="">
- <div class="txt">
- 鎴愬姛妗堜緥 | CASE <div class="txt_s">姣忎竴涓粡鍏告渚嬮兘鏄槑绉戜笌浼欎即浠殑娌ュ績涔嬩綔</div>
- </div>
- </div>
- <div class="banner p_hide">
- <img src="../../img/anli2.png" alt="">
- </div>
- <div class="wrapper">
- <div class="content_title">
- <span>涓煶娌�</span>
- <p>椤圭洰瀹炴柦钀藉湴: 鍖椾含 <label style="margin:0 0.05rem;">琛屼笟: 鑳芥簮琛屼笟</label> 鏃堕棿: 2012骞�3鏈�</p>
- </div>
- <div class="content">
- <div class="contnt-describe">
- <div class="left">
- <h3>浼佷笟鑳屾櫙</h3>
- <p>涓浗鐭虫补宸ョ▼寤鸿鍏徃闅跺睘浜庝腑鍥界煶娌瑰ぉ鐒舵皵闆嗗洟鍏徃锛屾槸闆嗗洟鍏徃涓撻棬浠庝簨鐭虫补宸ョ▼璁捐銆佸埗閫犮�佹柦宸ュ拰宸ョ▼鎬绘壙鍖呯殑涓撲笟鍏徃锛岀幇宸插彂灞曟垚涓洪泦鍥㈠叕鍙稿湪鍥藉唴澶栫煶娌瑰伐绋嬪缓璁鹃鍩熸渶鍏蜂唬琛ㄦ�х殑鍏徃 銆�</p>
- <p>CPECC鍓嶈韩涓哄師鐭虫补宸ヤ笟閮ㄥ熀寤哄眬锛�1980骞寸粡鍥藉姟闄㈡壒鍑嗘垚绔嬪澶栫粡娴庡悎浣滀紒涓氾紝鏄腑鍥介鎵硅繘鍏ュ浗闄呭競鍦虹殑鍏ぇ鍏徃涔嬩竴銆�1998骞寸粡闆嗗洟鍏徃鎶ョ粡鍥藉缁忚锤濮旀壒鍑嗭紝缁勫缓涓轰腑鍥界煶娌瑰伐绋嬪缓璁撅紙闆嗗洟锛夊叕鍙革紝涓嬪睘涓浗鐭虫补澶╃劧姘旂涓�銆佸叚銆佷竷寤鸿鍏徃鍜屽崕涓滃嫎瀵熻璁＄爺绌堕櫌銆�2000骞存垚涓轰腑娌瑰浗闄呭伐绋嬫湁闄愯矗浠诲叕鍙哥殑鍏ㄨ祫瀛愬叕鍙革紝涓嬪睘涓浗鐭虫补澶╃劧姘斿崕涓滃嫎瀵熻璁＄爺绌堕櫌銆�2008骞达紝闆嗗洟鍏徃灏嗕腑鍥界煶娌瑰ぉ鐒舵皵绗竴寤鸿鍏徃鍜屽崕涓滃嫎瀵熻璁＄爺绌堕櫌涓庝腑鍥界煶娌瑰伐绋嬪缓璁撅紙闆嗗洟锛夊叕鍙稿悎骞堕噸缁勶紝缁勫缓涓轰腑鍥界煶娌瑰伐绋嬪缓璁惧叕鍙搞�傚叕鍙哥粡杩囧唴閮ㄤ笟鍔℃暣鍚堬紝鍦ㄥ師绗竴寤鸿鍏徃鍜屽崕涓滆璁￠櫌鐨勫熀纭�涓婏紝缁勫缓浜嗗崕涓滆璁°�佸寳浜璁°�佺涓�寤鸿銆侀噸宸ュ埗閫犮�佹妧鏈湇鍔′簲涓浗鍐呬笓涓氬垎鍏徃銆�</p>
- </div>
- <div class="right" style="margin-top: 1rem;">
- <img src="../../img/china.png" alt="" class="shiyou">
- </div>
- </div>
- </div>
- <div class="content_title">
- <span>椤圭洰鎯呭喌</span>
- </div>
- <div class="content">
- <div class="contnt-describe">
- <div class="right" style="margin-top: 0.8rem;padding-right: 0.35rem;">
- <h3>鐗╄祫鏉＄爜绠＄悊绯荤粺</h3>
- <p class="m_hide">涓浗鐭虫补宸ョ▼寤鸿鍏徃鍦ㄦ棭鏈熷疄鏂戒簡SAP绯荤粺锛屽綋鏃跺湪涔屽吂鍒厠鏂潶杩涜寮�璁剧閬撴灦璁鹃」鐩紝璁稿鐗╂枡闇�瑕佷粠鍥藉唴閲囪喘锛岄�氬叧锛屽啀鍒扮幇鍦轰娇鐢紝鐗╂枡浼楀锛屽苟涓旂己涔忕鐞嗕汉鍛橈紝涓虹墿鏂欑鐞嗐�佽皟閰嶅伐浣滃甫鏉ュ緢澶у洶鎵般�傜粡杩囦笟鍔¤皟鐮旓紝涓煶娌瑰喅瀹氶噰鐢ㄦ槑绉戠殑鏉＄爜绠＄悊绯荤粺杩涜鐗╂枡绠＄悊銆�</p>
- <p class="p_hide">
- 涓浗鐭虫补宸ョ▼寤鸿鍏徃鍦ㄦ棭鏈熷疄鏂戒簡SAP绯荤粺锛屽綋鏃跺湪涔屽吂鍒厠鏂潶杩涜寮�璁剧閬撴灦璁鹃」鐩紝璁稿鐗╂枡闇�瑕佷粠鍥藉唴閲囪喘锛岄�氬叧锛屽啀鍒扮幇鍦轰娇鐢紝鐗╂枡浼楀锛屽苟涓旂己涔忕鐞嗕汉鍛橈紝涓虹墿鏂欑鐞嗐�佽皟閰嶅伐浣滃甫鏉ュ緢澶у洶鎵般��<br />
- 缁忚繃涓氬姟璋冪爺锛屼腑鐭虫补鍐冲畾閲囩敤鏄庣鐨勬潯鐮佺鐞嗙郴缁熻繘琛岀墿鏂欑鐞�.<br />
- 鏄庣涓轰腑鐭虫补瀹炴柦浜嗙墿璧勬潯鐮佺鐞嗙郴缁燂紝璇ョ郴缁熷熀浜嶣/S+鑳栧鎴风璁捐锛屽疄鐜颁簡闇�姹傞儴闂ㄥ湪绾胯鍒掓姤鎵广�佷緵搴斿晢鍗忓悓閫佽揣銆侀」鐩幇鍦烘敹璐с�侀鐢ㄣ�佸簱瀛樼洏鐐圭瓑鍔熻兘绯荤粺閲囩敤浜嗕簰鑱旂綉銆佹棤绾挎妧鏈�佹潯鐮佹妧鏈浉缁撳悎鐨勬柟妗堣繘琛屽疄鏂斤紝涓轰腑鐭虫补鑺傜渷澶ч噺浜哄姏銆佺墿鍔涖��
- </p>
- </div>
- <div class="left">
- <img src="../../img/shiyou.png" alt="" class="left_img">
- <img src="../../img/s33.png" alt="" class="right_img p_hide">
- </div>
- </div>
- </div>
- <div class="content m_hide">
- <div class="contnt-describe" style="padding: 0.5rem 0.2rem;">
- <div class="left">
- <p style="margin-top:0.7rem">鏄庣涓轰腑鐭虫补瀹炴柦浜嗙墿璧勬潯鐮佺鐞嗙郴缁燂紝璇ョ郴缁熷熀浜嶣/S+鑳栧鎴风璁捐锛屽疄鐜颁簡闇�姹傞儴闂ㄥ湪绾胯鍒掓姤鎵广�佷緵搴斿晢鍗忓悓閫佽揣銆侀」鐩幇鍦烘敹璐с�侀鐢ㄣ�佸簱瀛樼洏鐐圭瓑鍔熻兘绯荤粺閲囩敤浜嗕簰鑱旂綉銆佹棤绾挎妧鏈�佹潯鐮佹妧鏈浉缁撳悎鐨勬柟妗堣繘琛屽疄鏂斤紝涓轰腑鐭虫补鑺傜渷澶ч噺浜哄姏銆佺墿鍔涖��</p>
- </div>
- <div class="right" style="padding-left: 0.6rem;">
- <img src="../../img/s33.png" alt="">
- </div>
- </div>
- </div>
- <div class="content_title">
- <span>鏁堟灉璇勪及</span>
- </div>
- <div class="content content22">
- <div class="contnt-describe" style="padding: 0.5rem 0.3rem 1rem;">
- <div class="right" style="width: 55%;">
- <p style="text-align-last: left;margin: 0.5rem 1rem 0 0;">
- 鍥藉唴鏉＄爜琛屼笟棣栦緥澧冨瀹炴柦椤圭洰<br />
- 瀹屾垚SAP鎺ュ彛瀹炴柦锛屾潯鐮佹壂鎻忔敹鍙戣揣鏁版嵁瀹炴椂鍥炰紶<br />
- 瀹炴柦浜ゅ弶椹宠繍妯″潡锛屽噺灏戞暟鎹噰闆嗗伐浣滈噺锛屾彁楂樺簱鎴胯繍杞晥鐜�<br />
- 渚涘簲鍟嗗崗鍚岋紝瀹屾垚璁㈠崟纭銆佸璐с�佹潯鐮佹爣璇嗗崗鍚�<br />
- 鍚屾椂闆嗘垚鏃犵嚎瀹炴椂涓庢壒澶勭悊鏂规锛屾弧瓒冲悇绉嶇幆澧冮渶瑕�<br />
- 瀹炶璁㈠崟搴撳瓨绠＄悊锛屽簱瀛樹緷鎹鍗曢渶姹傞鐢紝鏈夋晥鍚堢悊鎺у埗鐗╂枡闇�姹傝鍒�
- </p>
- </div>
- <div class="p_hide" style="height: 0.3rem;"></div>
- <div class="left" style="width: 45%;">
- <div class="p_txt">鎻愰珮宸ヤ綔鏁堢巼</div>
- <img src="../../img/s44.png" alt="" class="p_img">
- <div class="p_txt2">
- <label>闄嶄綆绠＄悊鎴愭湰</label>
- <label style="float: right;">鎻愰珮浼佷笟鏁堢泭</label>
- </div>
- </div>
- </div>
- </div>
- </div>
+ <div class="main">
+ <div class="banner m_hide">
+ <img src="../../img/cheng.png" alt="">
+ <div class="txt">
+ 鎴愬姛妗堜緥 | CASE <div class="txt_s">姣忎竴涓粡鍏告渚嬮兘鏄槑绉戜笌浼欎即浠殑娌ュ績涔嬩綔</div>
+ </div>
</div>
+ <div class="banner p_hide">
+ <img src="../../img/anli2.png" alt="">
+ </div>
+ <div class="wrapper">
+ <div class="content_title">
+ <span>涓煶娌�</span>
+ <p>椤圭洰瀹炴柦钀藉湴: 鍖椾含 <label style="margin:0 0.05rem;">琛屼笟: 鑳芥簮琛屼笟</label> 鏃堕棿: 2012骞�3鏈�</p>
+ </div>
+ <div class="content">
+ <div class="contnt-describe">
+ <div class="left">
+ <h3>浼佷笟鑳屾櫙</h3>
+ <p>涓浗鐭虫补宸ョ▼寤鸿鍏徃闅跺睘浜庝腑鍥界煶娌瑰ぉ鐒舵皵闆嗗洟鍏徃锛屾槸闆嗗洟鍏徃涓撻棬浠庝簨鐭虫补宸ョ▼璁捐銆佸埗閫犮�佹柦宸ュ拰宸ョ▼鎬绘壙鍖呯殑涓撲笟鍏徃锛岀幇宸插彂灞曟垚涓洪泦鍥㈠叕鍙稿湪鍥藉唴澶栫煶娌瑰伐绋嬪缓璁鹃鍩熸渶鍏蜂唬琛ㄦ�х殑鍏徃 銆�</p>
+ <p>CPECC鍓嶈韩涓哄師鐭虫补宸ヤ笟閮ㄥ熀寤哄眬锛�1980骞寸粡鍥藉姟闄㈡壒鍑嗘垚绔嬪澶栫粡娴庡悎浣滀紒涓氾紝鏄腑鍥介鎵硅繘鍏ュ浗闄呭競鍦虹殑鍏ぇ鍏徃涔嬩竴銆�1998骞寸粡闆嗗洟鍏徃鎶ョ粡鍥藉缁忚锤濮旀壒鍑嗭紝缁勫缓涓轰腑鍥界煶娌瑰伐绋嬪缓璁撅紙闆嗗洟锛夊叕鍙革紝涓嬪睘涓浗鐭虫补澶╃劧姘旂涓�銆佸叚銆佷竷寤鸿鍏徃鍜屽崕涓滃嫎瀵熻璁＄爺绌堕櫌銆�2000骞存垚涓轰腑娌瑰浗闄呭伐绋嬫湁闄愯矗浠诲叕鍙哥殑鍏ㄨ祫瀛愬叕鍙革紝涓嬪睘涓浗鐭虫补澶╃劧姘斿崕涓滃嫎瀵熻璁＄爺绌堕櫌銆�2008骞达紝闆嗗洟鍏徃灏嗕腑鍥界煶娌瑰ぉ鐒舵皵绗竴寤鸿鍏徃鍜屽崕涓滃嫎瀵熻璁＄爺绌堕櫌涓庝腑鍥界煶娌瑰伐绋嬪缓璁撅紙闆嗗洟锛夊叕鍙稿悎骞堕噸缁勶紝缁勫缓涓轰腑鍥界煶娌瑰伐绋嬪缓璁惧叕鍙搞�傚叕鍙哥粡杩囧唴閮ㄤ笟鍔℃暣鍚堬紝鍦ㄥ師绗竴寤鸿鍏徃鍜屽崕涓滆璁￠櫌鐨勫熀纭�涓婏紝缁勫缓浜嗗崕涓滆璁°�佸寳浜璁°�佺涓�寤鸿銆侀噸宸ュ埗閫犮�佹妧鏈湇鍔′簲涓浗鍐呬笓涓氬垎鍏徃銆�</p>
+ </div>
+ <div class="right" style="margin-top: 1rem;">
+ <img src="../../img/china.png" alt="" class="shiyou">
+ </div>
+ </div>
+ </div>
+ <div class="content_title">
+ <span>椤圭洰鎯呭喌</span>
+ </div>
+ <div class="content">
+ <div class="contnt-describe">
+ <div class="right" style="margin-top: 0.8rem;padding-right: 0.35rem;">
+ <h3>鐗╄祫鏉＄爜绠＄悊绯荤粺</h3>
+ <p class="m_hide">涓浗鐭虫补宸ョ▼寤鸿鍏徃鍦ㄦ棭鏈熷疄鏂戒簡SAP绯荤粺锛屽綋鏃跺湪涔屽吂鍒厠鏂潶杩涜寮�璁剧閬撴灦璁鹃」鐩紝璁稿鐗╂枡闇�瑕佷粠鍥藉唴閲囪喘锛岄�氬叧锛屽啀鍒扮幇鍦轰娇鐢紝鐗╂枡浼楀锛屽苟涓旂己涔忕鐞嗕汉鍛橈紝涓虹墿鏂欑鐞嗐�佽皟閰嶅伐浣滃甫鏉ュ緢澶у洶鎵般�傜粡杩囦笟鍔¤皟鐮旓紝涓煶娌瑰喅瀹氶噰鐢ㄦ槑绉戠殑鏉＄爜绠＄悊绯荤粺杩涜鐗╂枡绠＄悊銆�</p>
+ <p class="p_hide">
+ 涓浗鐭虫补宸ョ▼寤鸿鍏徃鍦ㄦ棭鏈熷疄鏂戒簡SAP绯荤粺锛屽綋鏃跺湪涔屽吂鍒厠鏂潶杩涜寮�璁剧閬撴灦璁鹃」鐩紝璁稿鐗╂枡闇�瑕佷粠鍥藉唴閲囪喘锛岄�氬叧锛屽啀鍒扮幇鍦轰娇鐢紝鐗╂枡浼楀锛屽苟涓旂己涔忕鐞嗕汉鍛橈紝涓虹墿鏂欑鐞嗐�佽皟閰嶅伐浣滃甫鏉ュ緢澶у洶鎵般��<br />
+ 缁忚繃涓氬姟璋冪爺锛屼腑鐭虫补鍐冲畾閲囩敤鏄庣鐨勬潯鐮佺鐞嗙郴缁熻繘琛岀墿鏂欑鐞�.<br />
+ 鏄庣涓轰腑鐭虫补瀹炴柦浜嗙墿璧勬潯鐮佺鐞嗙郴缁燂紝璇ョ郴缁熷熀浜嶣/S+鑳栧鎴风璁捐锛屽疄鐜颁簡闇�姹傞儴闂ㄥ湪绾胯鍒掓姤鎵广�佷緵搴斿晢鍗忓悓閫佽揣銆侀」鐩幇鍦烘敹璐с�侀鐢ㄣ�佸簱瀛樼洏鐐圭瓑鍔熻兘绯荤粺閲囩敤浜嗕簰鑱旂綉銆佹棤绾挎妧鏈�佹潯鐮佹妧鏈浉缁撳悎鐨勬柟妗堣繘琛屽疄鏂斤紝涓轰腑鐭虫补鑺傜渷澶ч噺浜哄姏銆佺墿鍔涖��
+ </p>
+ </div>
+ <div class="left">
+ <img src="../../img/shiyou.png" alt="" class="left_img">
+ <img src="../../img/s33.png" alt="" class="right_img p_hide">
+ </div>
+ </div>
+ </div>
+ <div class="content m_hide">
+ <div class="contnt-describe" style="padding: 0.5rem 0.2rem;">
+ <div class="left">
+ <p style="margin-top:0.7rem">鏄庣涓轰腑鐭虫补瀹炴柦浜嗙墿璧勬潯鐮佺鐞嗙郴缁燂紝璇ョ郴缁熷熀浜嶣/S+鑳栧鎴风璁捐锛屽疄鐜颁簡闇�姹傞儴闂ㄥ湪绾胯鍒掓姤鎵广�佷緵搴斿晢鍗忓悓閫佽揣銆侀」鐩幇鍦烘敹璐с�侀鐢ㄣ�佸簱瀛樼洏鐐圭瓑鍔熻兘绯荤粺閲囩敤浜嗕簰鑱旂綉銆佹棤绾挎妧鏈�佹潯鐮佹妧鏈浉缁撳悎鐨勬柟妗堣繘琛屽疄鏂斤紝涓轰腑鐭虫补鑺傜渷澶ч噺浜哄姏銆佺墿鍔涖��</p>
+ </div>
+ <div class="right" style="padding-left: 0.6rem;">
+ <img src="../../img/s33.png" alt="">
+ </div>
+ </div>
+ </div>
+ <div class="content_title">
+ <span>鏁堟灉璇勪及</span>
+ </div>
+ <div class="content content22">
+ <div class="contnt-describe" style="padding: 0.5rem 0.3rem 1rem;">
+ <div class="right" style="width: 55%;">
+ <p style="text-align-last: left;margin: 0.5rem 1rem 0 0;">
+ 鍥藉唴鏉＄爜琛屼笟棣栦緥澧冨瀹炴柦椤圭洰<br />
+ 瀹屾垚SAP鎺ュ彛瀹炴柦锛屾潯鐮佹壂鎻忔敹鍙戣揣鏁版嵁瀹炴椂鍥炰紶<br />
+ 瀹炴柦浜ゅ弶椹宠繍妯″潡锛屽噺灏戞暟鎹噰闆嗗伐浣滈噺锛屾彁楂樺簱鎴胯繍杞晥鐜�<br />
+ 渚涘簲鍟嗗崗鍚岋紝瀹屾垚璁㈠崟纭銆佸璐с�佹潯鐮佹爣璇嗗崗鍚�<br />
+ 鍚屾椂闆嗘垚鏃犵嚎瀹炴椂涓庢壒澶勭悊鏂规锛屾弧瓒冲悇绉嶇幆澧冮渶瑕�<br />
+ 瀹炶璁㈠崟搴撳瓨绠＄悊锛屽簱瀛樹緷鎹鍗曢渶姹傞鐢紝鏈夋晥鍚堢悊鎺у埗鐗╂枡闇�姹傝鍒�
+ </p>
+ </div>
+ <div class="p_hide" style="height: 0.3rem;"></div>
+ <div class="left" style="width: 45%;">
+ <div class="p_txt">鎻愰珮宸ヤ綔鏁堢巼</div>
+ <img src="../../img/s44.png" alt="" class="p_img">
+ <div class="p_txt2">
+ <label>闄嶄綆绠＄悊鎴愭湰</label>
+ <label style="float: right;">鎻愰珮浼佷笟鏁堢泭</label>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
</template>
<script>
export default {
- data(){
- return{
+ data () {
+ return {
- }
- },
- mounted(){
- document.body.scrollTop = 0
- document.documentElement.scrollTop = 0
}
+ },
+ mounted () {
+ document.body.scrollTop = 0
+ document.documentElement.scrollTop = 0
+ }
}
</script>
<style lang="less" scoped>
-
-.content_title{
+ .content_title {
margin: 0.6rem 0 0.5rem;
- p{
- color: #838383;
- font-size: .16rem;
- text-align: center;
- margin-top: .26rem;
+ p {
+ color: #838383;
+ font-size: .16rem;
+ text-align: center;
+ margin-top: .26rem;
}
-}
-h3{
+ }
+ h3 {
font-family:MicrosoftYaHei;
font-weight:400;
font-size: .3rem;
color:rgba(58,58,60,1);
text-align: left;
margin:.2rem 4%;
-}
-.contnt-describe{
+ }
+ .contnt-describe {
width: 100%;
height: auto;
margin: 0 auto;
padding: .3rem 0;
background: #f9f9f9;
- p{
- text-align: left;
- font-size: .16rem;
- line-height: 0.25rem;
- margin-bottom: .2rem;
- margin-left: 0.25rem;
+ p {
+ text-align: left;
+ font-size: .16rem;
+ line-height: 0.25rem;
+ margin-bottom: .2rem;
+ margin-left: 0.25rem;
}
-}
-.content:nth-child(2){
+ }
+ .content:nth-child(2) {
text-align: center;
- a{
- color:#3B3B3C;
- padding: 0.06rem 0.2rem;
- display: inline-block;
- font-size: 0.16rem;
- margin: 0.21rem 0.1rem;
+ a {
+ color:#3B3B3C;
+ padding: 0.06rem 0.2rem;
+ display: inline-block;
+ font-size: 0.16rem;
+ margin: 0.21rem 0.1rem;
}
-}
-.case_list > li{
+ }
+ .case_list > li {
width: 19%;
- float: left;
+ float: none;
text-align: center;
margin: 0.48rem 3% 0;
display: inline-block;
border:1px solid #C0C0C0;
- span{
- display: inline-block;
- background: rgba(0,0,0,1);
- opacity: 0.56;
- width: 100%;
- padding: 0.12rem 0;
- color: #fff;
+ span {
+ display: inline-block;
+ background: rgba(0,0,0,1);
+ opacity: 0.56;
+ width: 100%;
+ padding: 0.12rem 0;
+ color: #fff;
}
-
-}
-.content:nth-child(3){
+ }
+ .content:nth-child(3) {
margin:0.72rem 0 2.88rem;
-}
-@media (min-width: 751px) {
- .content22{
- margin-bottom: 0.5rem;
- }
- .p_txt{
- margin-left: 1.55rem;
- font-size: 0.2rem;
- }
- .p_txt2{
- width: 3rem;
- margin:0.1rem 0 0 0.7rem;
- font-size: 0.2rem;
-
- label{
- float: left;
- }
- }
- .p_img{
- margin-left: 1rem;
- }
- .banner{
- position: relative;
- .txt{
- position: absolute;
- left: 33%;
- top: 35%;
- text-align: center;
- line-height: 0.8rem;
- font-size:0.7rem;
- font-family:SourceHanSansCN-Bold;
- font-weight:bold;
- color: #fff;
- .txt_s{
- font-size: 0.3rem;
- font-weight: 400;
- }
- }
- }
-
- .contnt-describe{
+ }
+ @media (min-width: 751px) {
+ .content22 {
+ margin-bottom: 0.5rem;
+ }
+ .p_txt {
+ margin-left: 1.55rem;
+ font-size: 0.2rem;
+ }
+ .p_txt2 {
+ width: 3rem;
+ margin:0.1rem 0 0 0.7rem;
+ font-size: 0.2rem;
+
+ label {
float: left;
- padding: .1rem .2rem 0.3rem;
- margin-bottom: .2rem;
- .left{
- float: left;
- width: 50%;
-
- span{
- display: inline-block;
- padding-top: .3rem;
- }
+ }
+ }
+ .p_img {
+ margin-left: 1rem;
+ }
+ .banner {
+ position: relative;
+ .txt {
+ position: absolute;
+ left: 33%;
+ top: 35%;
+ text-align: center;
+ line-height: 0.8rem;
+ font-size: 0.7rem;
+ font-family: SourceHanSansCN-Bold;
+ font-weight: bold;
+ color: #fff;
+ .txt_s {
+ font-size: 0.3rem;
+ font-weight: 400;
}
- .right{
- float: right;
- width: 50%;
+ }
+ }
+ .contnt-describe {
+ float: left;
+ padding: .1rem .2rem 0.3rem;
+ margin-bottom: .2rem;
+ .left {
+ float: left;
+ width: 50%;
+
+ span {
+ display: inline-block;
+ padding-top: .3rem;
}
+ }
+ .right {
+ float: right;
+ width: 50%;
+ }
}
- .content_title{
- text-align: center;
- span{
- display: inline-block;
- border-bottom: 0.02rem solid;
- }
- }
- .content_title>span::after {
- display: none;
- }
- .content_title>span::before{
- display: none;
- }
- h3{
- font-size: .3rem;
- }
- .contnt-describe img{
+ .content_title {
+ text-align: center;
+ span {
display: inline-block;
- margin-top: 0.1rem;
+ border-bottom: 0.02rem solid;
+ }
}
-}
-@media (max-width: 750px) and (min-width: 0){
- .shiyou{
- width: 4.6rem;
- }
- .p_txt2{
- width: 4rem;
- margin: 0 auto;
- padding-bottom: 0.4rem;
-
- label{
- float: left;
- }
- }
- .left_img{
- width: 3rem;
- height: 2.1rem;
- margin-top: 0.4rem;
- }
- .right_img{
- width: 3.6rem;
- height: 2.1rem;
- float: right;
- margin-top: 0.4rem;
- }
- h3{
- font-size:0.38rem;
- font-family:PingFang-SC-Medium;
- font-weight:500;
- color:rgba(58,58,60,1);
- margin: 0.2rem 0;
- }
- .contnt-describe{
- padding: 0.3rem 0.32rem 0.8rem;
- p{
- font-size:0.24rem;
- font-family:PingFang-SC-Regular;
- font-weight:400;
- color:rgba(62,62,62,1);
- line-height:0.44rem;
- }
- .right{
- padding-right: 0 !important;
- margin-top: 0.3rem !important;
- }
- }
- .header{
- padding: 0 2%;
+ .content_title > span::after {
+ display: none;
}
- .wrapper{
- width: 100%;
+ .content_title > span::before {
+ display: none;
+ }
+ h3 {
+ font-size: .3rem;
+ }
+ .contnt-describe img {
+ display: inline-block;
+ margin-top: 0.1rem;
+ }
+ }
+ @media (max-width: 750px) and (min-width: 0) {
+ .shiyou {
+ width: 4.6rem;
+ }
+ .p_txt2 {
+ width: 4rem;
+ margin: 0 auto;
+ padding-bottom: 0.4rem;
+
+ label {
+ float: left;
+ }
+ }
+ .left_img {
+ width: 3rem;
+ height: 2.1rem;
+ margin-top: 0.4rem;
+ }
+ .right_img {
+ width: 3.6rem;
+ height: 2.1rem;
+ float: right;
+ margin-top: 0.4rem;
+ }
+ h3 {
+ font-size:0.38rem;
+ font-family:PingFang-SC-Medium;
+ font-weight:500;
+ color:rgba(58,58,60,1);
+ margin: 0.2rem 0;
+ }
+ .contnt-describe {
+ padding: 0.3rem 0.32rem 0.8rem;
+ p {
+ font-size: 0.24rem;
+ font-family: PingFang-SC-Regular;
+ font-weight: 400;
+ color: rgba(62,62,62,1);
+ line-height: 0.44rem;
+ }
+ .right {
+ padding-right: 0 !important;
+ margin-top: 0.3rem !important;
+ }
+ }
+ .header {
+ padding: 0 2%;
+ }
+ .wrapper {
+ width: 100%;
}
.content_title > span::after ,.content_title > span::before {
- display: none;
+ display: none;
}
- .content_title{
- text-align: center;
+ .content_title {
+ text-align: center;
}
- .content_title >span{
- display: inline-block;
- border-bottom: 1px solid #3B3B3C;
+ .content_title > span {
+ display: inline-block;
+ border-bottom: 1px solid #3B3B3C;
}
- .contnt-describe{
- width: 100%;
- .left, .right{
- width: 100% !important;
- }
+ .contnt-describe {
+ width: 100%;
+ .left, .right {
+ width: 100% !important;
+ }
}
-
- .left{
- text-align: center;
- .p_img{
- width: 2.36rem;
- margin: 0.2rem 0;
- }
- }
-}
+ .left {
+ text-align: center;
+ .p_img {
+ width: 2.36rem;
+ margin: 0.2rem 0;
+ }
+ }
+ }
</style>
--
Gitblit v1.8.0