|
|
@@ -1,35 +1,76 @@
|
|
|
<template>
|
|
|
- <div class='container'>
|
|
|
- <img src="../assets/activity/top.png" class="topImg" alt="">
|
|
|
- <div class="top"
|
|
|
- :style="{backgroundImage:'url('+require('../assets/activity/top.png')+')'}">
|
|
|
-
|
|
|
- <div class="need">
|
|
|
- <div class="text">
|
|
|
- 1.视频时长20-60s；
|
|
|
- <br />2.剧情创意极佳，或内容具有很强感染力，或看点/梗能得到呈现，且看点有很强的传播力；<br />
|
|
|
- 3.内容表现方式新颖，或后期特效水平极高；具有很强的视觉冲击力或震撼力；<br />
|
|
|
- 4.每位参赛选手可以提交多条视频。
|
|
|
-
|
|
|
- </div>
|
|
|
- <img src="../assets/activity/activity2.png" alt="">
|
|
|
+ <div class='cotianer'>
|
|
|
+ <img src="../assets/activity/new1.png" alt="" class="top">
|
|
|
+
|
|
|
+ <div class="main">
|
|
|
+ <div class="title">比赛主题</div>
|
|
|
+
|
|
|
+ <div class="content">
|
|
|
+ 有关河西CBD的美好影像，不限于自然风景、城市建设、经济发展、光荣与梦想或社会生活等；或者对当下经济、科技、社会发展的观点与感受；也可以是梦想、激情、迷茫、感动的励志故事或生活中的美好瞬间。
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <img src="../assets/activity/activity3.png" alt="" class="activity3">
|
|
|
+ <div class="rule">
|
|
|
+ <div class="title">视频要求</div>
|
|
|
|
|
|
- <div class="text2">
|
|
|
- 有关CBD的美好影像，不限于自然风景、城市建设、经济发展、光荣与梦想或社会生活等；或者对当下经济、科技、社会发展的观点与感受；也可以是梦想、激情、迷茫、感动的励志故事或生活中的没好瞬间。
|
|
|
+ <div class="content">
|
|
|
+ 1.视频时长20-60s、1080*1920px；<br />
|
|
|
+ 2.剧情创意极佳，或内容具有很强感染力，或看点/梗能得到呈现，且看点有很强的传播力；<br />
|
|
|
+ 3.内容表现方式新颖，或后期特效水平极高；具有很强的视觉冲击力或震撼力；<br />
|
|
|
+ 4.每位参赛选手可以提交多条视频。<br />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
- <div class="rule">
|
|
|
+ <img src="../assets/activity/new2.png" @click="goBaoming" alt=""
|
|
|
+ class="baoming">
|
|
|
+
|
|
|
+ <div class="liucheng">
|
|
|
+ <div class="title">比赛流程</div>
|
|
|
+ <img src="../assets/activity/new3.png" alt="" class="liuchengImg">
|
|
|
+ <div class="liuchengSpan liuchengSpan1" @click="goBaoming">报名</div>
|
|
|
+ <div class="liuchengSpan liuchengSpan2">展播 </div>
|
|
|
+ <div class="liuchengSpan liuchengSpan3">初审</div>
|
|
|
+ <div class="liuchengSpan liuchengSpan4">颁奖</div>
|
|
|
+ <img src="../assets/activity/new4.png" alt="" class="liuchengImg2"
|
|
|
+ @click="goBaoming">
|
|
|
+ </div>
|
|
|
|
|
|
- <img src="../assets/activity/activity4.png" alt=""
|
|
|
- class="activity4">
|
|
|
+ <div class="anpai">
|
|
|
+ <div class="title">日程安排</div>
|
|
|
+ <div class="content">
|
|
|
+ 作品征集：2019年10月20日至2019年11月10日<br />
|
|
|
+ 网络展播及专家评审：2019年11月11日至2019年11月30日
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="text3">参赛规则</div>
|
|
|
+ <div class="jiangjin">
|
|
|
+ <div class="title">比赛奖金</div>
|
|
|
+ <div class="content">
|
|
|
+ 一等奖<span>5000</span>元，1个<br />
|
|
|
+ 二等奖<span>2000</span>元，2个<br />
|
|
|
+ 三等奖<span>1000</span>元，4个<br />
|
|
|
+ 入围奖<span>500</span>元，20个
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="biaozhun">
|
|
|
+ <div class="title">大赛评选标准</div>
|
|
|
+ <div class="content">
|
|
|
+ 视觉表现的原创性<br />
|
|
|
+ 媒体形式的独特性<br />
|
|
|
+ 表现手法的艺术性<br />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="biaozhun">
|
|
|
+ <div class="title">网络热度排名</div>
|
|
|
+ <div class="content">
|
|
|
+ <span v-for="(item,index) in list" :key="index">第{{item.rank}}名 {{item.name}}<br /></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="text4">
|
|
|
+ <div class="shuoming">
|
|
|
+ <div class="title">参赛说明</div>
|
|
|
+ <div class="content">
|
|
|
1.所有参赛者必须是参赛作品的合法拥有者，具有自主版权，合法使用图片资料等素材，并承担相应的法律责任。<br />
|
|
|
2.参赛创作者不得歪曲、恶搞、丑化原作品，不得篡改作品原意；避免使用经典文艺作品和红色作品作为素材；不得使用境外未经许可的影剧综艺素材；不得做“标题党”，以低俗创意吸引点击，否则不予参评，并有权禁止再次参加比赛。<br />
|
|
|
3.参赛作品需为个人原创，且不得侵犯任何第三方的合法权益，亦不得违反任何法律、法规、政策、基本道德规范的要求。如您有违反前述承诺，主办方有权随时撤销该作品的参赛权，如作品已获奖，则主办方有权撤销奖项并有权向您追回奖品、并有权禁止再次参加比赛。如您的参赛作品侵权而使主办方遭受争议或索赔，或受到相关政府部门的任何形式的处罚或承担任何形式的责任，您应承担由此产生的全部法律责任，给主办方造成损失的，您应进行赔偿。<br />
|
|
|
@@ -39,43 +80,47 @@
|
|
|
7.本大赛所有作品版权归作者和大赛组委会所有，大赛组委会及合作单位有权将参赛作品用于相关的宣传、展览、网站展示以及宣传制作等用途。<br />
|
|
|
8.在法律规定的范围内，活动主办方有权对活动规则进行解释，并根据活动的实际情况对本活动的规则进行变动或调整，相关变动或调整将公布在本活动规则页面。如遇不可抗力因素，活动主办方拥有取消本次活动的权利。<br />
|
|
|
</div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="text5">
|
|
|
- 评选标准
|
|
|
+ <div class="lianxi">
|
|
|
+ <div class="title">联系方式</div>
|
|
|
+ <div class="content">
|
|
|
+ 工作日周一至周五／10:00am - 17:30pm<br />
|
|
|
+ 移动电话: 13357817864<br />
|
|
|
+ QQ群：766036629<br />
|
|
|
+ 报名链接：http://htxcy55qktvxy025.mikecrm.com/6lIUdE5<br />
|
|
|
</div>
|
|
|
-
|
|
|
- <div class="text6">视觉表现的原创性 媒体形式的独特性 表现手法的艺术性</div>
|
|
|
</div>
|
|
|
|
|
|
- <img src="../assets/activity/activity5.png" alt="" class="activity5">
|
|
|
-
|
|
|
- <img src="../assets/activity/activity6.png" alt="" class="activity6">
|
|
|
-
|
|
|
- <div class="paiming">
|
|
|
- <img src="../assets/activity/activity7.png" alt=""
|
|
|
- class="activity7">
|
|
|
-
|
|
|
- <div class="text7">网络排名</div>
|
|
|
-
|
|
|
- <div class="text8">
|
|
|
- <div v-for="(item,index) in list" :key="index">
|
|
|
- 第{{item.rank}}名 {{item.name}}
|
|
|
- </div>
|
|
|
+ <div class="bottom">
|
|
|
+ <div class="bottom-left">
|
|
|
+ 主办单位：南京河西CBD管委会 | 南京文创实业投资有限公司<br />
|
|
|
+ 承办单位：南京一米世界软件科技有限公司
|
|
|
</div>
|
|
|
+
|
|
|
+ <img src="../assets/activity/logo1.png" alt="" class="logo1">
|
|
|
+ <img src="../assets/activity/logo2.png" alt="" class="logo2">
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
export default {
|
|
|
- name: "",
|
|
|
+ name: "activity",
|
|
|
data() {
|
|
|
return {
|
|
|
- list: []
|
|
|
+ list:[]
|
|
|
};
|
|
|
},
|
|
|
- created() {
|
|
|
- this.$http
|
|
|
+ computed: {},
|
|
|
+ methods: {
|
|
|
+ goBaoming() {
|
|
|
+ window.location.href =
|
|
|
+ "http://htxcy55qktvxy025.mikecrm.com/6lIUdE5";
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created(){
|
|
|
+ this.$http
|
|
|
.get({
|
|
|
url: "http://49.4.67.181:8205/duanshipingrank/all"
|
|
|
})
|
|
|
@@ -86,193 +131,297 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
<style lang='less' scoped>
|
|
|
-.container {
|
|
|
- background-color: #fff;
|
|
|
- .top {
|
|
|
- background-position: center center;
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-size: cover;
|
|
|
- height: 11.2rem;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
+.cotianer {
|
|
|
+ background-color: #2b475d;
|
|
|
+ min-height: 100vh;
|
|
|
+}
|
|
|
|
|
|
- .topImg {
|
|
|
- width: 100%;
|
|
|
- display: none;
|
|
|
- }
|
|
|
+.top {
|
|
|
+ width: 100%;
|
|
|
+ position: relative;
|
|
|
+ z-index: 1;
|
|
|
+}
|
|
|
|
|
|
- .need {
|
|
|
- position: absolute;
|
|
|
- right: 4rem;
|
|
|
- bottom: 0.5rem;
|
|
|
-
|
|
|
- .text {
|
|
|
- font-size: 0.3rem;
|
|
|
- line-height: 0.38rem;
|
|
|
- color: #ffffff;
|
|
|
- position: absolute;
|
|
|
- top: 0.5rem;
|
|
|
- left: 0.2rem;
|
|
|
- padding: 0 0.3rem;
|
|
|
- }
|
|
|
+.main {
|
|
|
+ max-width: 15.47rem;
|
|
|
+ background-color: #1a3446;
|
|
|
+ width: 90%;
|
|
|
+ margin: -2rem auto 0;
|
|
|
+ position: relative;
|
|
|
+ z-index: 2;
|
|
|
+ padding: 0.5rem 0 0.5rem;
|
|
|
|
|
|
- img {
|
|
|
- width: 6.3rem;
|
|
|
- }
|
|
|
+ .content {
|
|
|
+ margin-top: 0.5rem;
|
|
|
}
|
|
|
}
|
|
|
-.activity3 {
|
|
|
- max-width: 10.93rem;
|
|
|
- display: block;
|
|
|
- margin: auto;
|
|
|
- width: 100%;
|
|
|
+
|
|
|
+.title {
|
|
|
+ font-size: 0.6rem;
|
|
|
+ letter-spacing: -0.05rem;
|
|
|
+ line-height: 1.12rem;
|
|
|
+ color: #cfa972;
|
|
|
+ text-align: center;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
|
|
|
-.text2 {
|
|
|
+.content {
|
|
|
+ width: 100%;
|
|
|
font-size: 0.3rem;
|
|
|
- line-height: 0.4rem;
|
|
|
- color: #0191f2;
|
|
|
- max-width: 10rem;
|
|
|
- margin: 0.5rem auto;
|
|
|
+ letter-spacing: -0.02rem;
|
|
|
+ line-height: 0.48rem;
|
|
|
+ color: #ffffff;
|
|
|
+ text-align: left;
|
|
|
+ max-width: 7.94rem;
|
|
|
+ margin: auto;
|
|
|
}
|
|
|
|
|
|
.rule {
|
|
|
+ padding: 0.2rem 0 0.5rem;
|
|
|
+
|
|
|
+ .content {
|
|
|
+ margin-top: 0.5rem;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.baoming {
|
|
|
+ width: 4.04rem;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto 1rem;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.liucheng {
|
|
|
+ max-width: 15.43rem;
|
|
|
+ background-color: #1a3446;
|
|
|
+ margin: auto;
|
|
|
+ overflow: hidden;
|
|
|
position: relative;
|
|
|
- .activity4 {
|
|
|
- max-width: 10.93rem;
|
|
|
- width: 100%;
|
|
|
+ padding: 0.5rem 0;
|
|
|
+
|
|
|
+ .liuchengImg {
|
|
|
+ width: 11.69rem;
|
|
|
display: block;
|
|
|
- margin: auto;
|
|
|
+ margin: 1.5rem auto 1rem;
|
|
|
}
|
|
|
|
|
|
- .text3 {
|
|
|
- position: absolute;
|
|
|
- top: 0.3rem;
|
|
|
- font-size: 0.67rem;
|
|
|
- color: #ffff85;
|
|
|
- left: 50%;
|
|
|
- transform: translateX(-50%);
|
|
|
+ .liuchengSpan {
|
|
|
+ font-size: 0.3rem;
|
|
|
+ letter-spacing: 0.02rem;
|
|
|
+ line-height: 0.48rem;
|
|
|
+ color: #ffffff;
|
|
|
+ font-family: "Alibaba";
|
|
|
font-weight: bold;
|
|
|
+ position: absolute;
|
|
|
}
|
|
|
|
|
|
- .text4 {
|
|
|
- font-size: 0.24rem;
|
|
|
- line-height: 0.4rem;
|
|
|
- color: #0191f2;
|
|
|
- position: absolute;
|
|
|
- top: 1.5rem;
|
|
|
- left: 50%;
|
|
|
- transform: translateX(-50%);
|
|
|
- padding: 0 0.7rem;
|
|
|
+ .liuchengSpan1 {
|
|
|
+ top: 2rem;
|
|
|
+ left: 2.8rem;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
|
|
|
- .text5 {
|
|
|
- position: absolute;
|
|
|
- font-size: 0.67rem;
|
|
|
- color: #ffff85;
|
|
|
- left: 50%;
|
|
|
- transform: translateX(-50%);
|
|
|
- bottom: 3rem;
|
|
|
+ .liuchengSpan2 {
|
|
|
+ top: 2rem;
|
|
|
+ right: 5.8rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .liuchengSpan3 {
|
|
|
+ bottom: 1rem;
|
|
|
+ left: 5.8rem;
|
|
|
}
|
|
|
|
|
|
- .text6 {
|
|
|
+ .liuchengSpan4 {
|
|
|
+ bottom: 1rem;
|
|
|
+ right: 2.7rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .liuchengImg2 {
|
|
|
+ width: 1.6rem;
|
|
|
+ display: block;
|
|
|
position: absolute;
|
|
|
+ top: 2.5rem;
|
|
|
+ left: 2.3rem;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.anpai {
|
|
|
+ padding: 0.5rem 0;
|
|
|
+
|
|
|
+ .content {
|
|
|
+ margin-top: 0.3rem;
|
|
|
+ max-width: 7.5rem;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.jiangjin {
|
|
|
+ padding: 0.3rem 0 0.5rem;
|
|
|
+ max-width: 15.43rem;
|
|
|
+ background-color: #1a3446;
|
|
|
+ margin: auto;
|
|
|
+ .content {
|
|
|
+ margin-top: 0.3rem;
|
|
|
font-size: 0.3rem;
|
|
|
- color: #ffff85;
|
|
|
- left: 50%;
|
|
|
- transform: translateX(-50%);
|
|
|
- bottom: 2.5rem;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 0.67rem;
|
|
|
+
|
|
|
+ span {
|
|
|
+ font-size: 0.48rem;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.activity5 {
|
|
|
- max-width: 10.93rem;
|
|
|
- display: block;
|
|
|
- margin: 0.3rem auto 0;
|
|
|
- width: 100%;
|
|
|
+.biaozhun {
|
|
|
+ padding: 0.5rem 0 1rem;
|
|
|
+ .content {
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 0.5rem;
|
|
|
+ }
|
|
|
}
|
|
|
-.activity6 {
|
|
|
- max-width: 10rem;
|
|
|
- display: block;
|
|
|
- margin: 0.5rem auto 0;
|
|
|
- width: 100%;
|
|
|
+
|
|
|
+.shuoming {
|
|
|
+ max-width: 15.43rem;
|
|
|
+ background-color: #1a3446;
|
|
|
+ margin: auto;
|
|
|
+ padding: 0.2rem 0 1rem;
|
|
|
+
|
|
|
+ .content {
|
|
|
+ margin-top: 0.5rem;
|
|
|
+ line-height: 0.48rem;
|
|
|
+ max-width: 9.07rem;
|
|
|
+ letter-spacing: -0.02rem;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
-.activity7 {
|
|
|
- max-width: 10.93rem;
|
|
|
- display: block;
|
|
|
- margin: 1rem auto 0;
|
|
|
- width: 100%;
|
|
|
- position: relative;
|
|
|
+.lianxi {
|
|
|
+ padding: 0.5rem 0;
|
|
|
+
|
|
|
+ .content {
|
|
|
+ margin-top: 0.5rem;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
-.paiming {
|
|
|
- position: relative;
|
|
|
- .text7 {
|
|
|
- font-size: 0.67rem;
|
|
|
- color: #ffff85;
|
|
|
- position: absolute;
|
|
|
- left: 50%;
|
|
|
- transform: translateX(-50%);
|
|
|
- top: 0.4rem;
|
|
|
- font-weight: bold;
|
|
|
+.bottom {
|
|
|
+ max-width: 15.43rem;
|
|
|
+ background-color: #1a3446;
|
|
|
+ margin: auto;
|
|
|
+ padding: 0.5rem 0.3rem;
|
|
|
+
|
|
|
+ .bottom-left {
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ font-size: 0.33rem;
|
|
|
+ line-height: 0.37rem;
|
|
|
+ letter-spacing: -0.01rem;
|
|
|
+ color: #ffffff;
|
|
|
+ width: 10.2rem;
|
|
|
}
|
|
|
|
|
|
- .text8 {
|
|
|
- font-size: 0.3rem;
|
|
|
- line-height: 0.4rem;
|
|
|
- color: #0191f2;
|
|
|
- position: absolute;
|
|
|
- left: 50%;
|
|
|
- transform: translateX(-50%);
|
|
|
- top: 2rem;
|
|
|
- max-width: 8rem;
|
|
|
- width: 50%;
|
|
|
+ .logo1 {
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ width: 1.72rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .logo2 {
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ width: 2.74rem;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-@media screen and(max-width: 930px) {
|
|
|
- .container .need {
|
|
|
- .text {
|
|
|
- font-size: 0.12rem;
|
|
|
- line-height: 0.8rem;
|
|
|
- max-height: 2.6rem;
|
|
|
- overflow: auto;
|
|
|
- }
|
|
|
+@media screen and(max-width: 600px) {
|
|
|
+ .content {
|
|
|
+ max-width: 90%;
|
|
|
+ line-height: 20px;
|
|
|
+ font-size: 14px;
|
|
|
}
|
|
|
- .text2 {
|
|
|
- font-size: 0.12rem;
|
|
|
- line-height: 0.8rem;
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .main {
|
|
|
+ max-width: 100%;
|
|
|
+ padding: 20px 0;
|
|
|
}
|
|
|
|
|
|
.rule {
|
|
|
- .text4 {
|
|
|
- font-size: 0.14rem;
|
|
|
- line-height: 0.8rem;
|
|
|
- // max-height: 8rem;
|
|
|
- overflow: hidden;
|
|
|
- top: 4rem;
|
|
|
+ padding: 20px 0 30px;
|
|
|
+ .content {
|
|
|
+ width: 80%;
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- .activity4 {
|
|
|
- min-height: 60rem;
|
|
|
+ .liucheng {
|
|
|
+ max-width: 100%;
|
|
|
+ padding: 20px 0;
|
|
|
+
|
|
|
+ .liuchengImg {
|
|
|
+ width: 80%;
|
|
|
}
|
|
|
- .text6 {
|
|
|
- font-size: 0.12rem;
|
|
|
- max-width: 8.5rem;
|
|
|
- bottom: 12rem;
|
|
|
- text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .anpai {
|
|
|
+ padding: 30px;
|
|
|
+ .content {
|
|
|
+ max-width: 100%;
|
|
|
}
|
|
|
- .text5 {
|
|
|
- bottom: 15rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .jiangjin {
|
|
|
+ max-width: 100%;
|
|
|
+ padding: 20px 0;
|
|
|
+
|
|
|
+ .content {
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 26px;
|
|
|
+
|
|
|
+ span {
|
|
|
+ font-size: 20px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .paiming .text8 {
|
|
|
- line-height: 0.8rem;
|
|
|
+ .biaozhun {
|
|
|
+ padding: 20px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .shuoming {
|
|
|
+ max-width: 100%;
|
|
|
+ padding: 20px 0;
|
|
|
+
|
|
|
+ .content {
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 20px;
|
|
|
+ max-width: 80%;
|
|
|
+ }
|
|
|
}
|
|
|
- .activity7 {
|
|
|
- min-height: 10rem;
|
|
|
+
|
|
|
+ .bottom {
|
|
|
+ max-width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ padding: 20px 0 0;
|
|
|
+
|
|
|
+ .bottom-left {
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 20px;
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .logo1 {
|
|
|
+ width: 120px;
|
|
|
+ margin: 10px auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .logo2 {
|
|
|
+ width: 120px;
|
|
|
+ margin: 10px auto 20px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|
