|
|
@@ -14,7 +14,7 @@
|
|
|
<div class="icon-right">></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<div class="content-box">
|
|
|
<div class="content-left">
|
|
|
<div class="panel panel-default">
|
|
|
@@ -542,83 +542,80 @@
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
-<style lang='less' scoped>
|
|
|
- .icon-rz{
|
|
|
- height:17px;
|
|
|
- line-height: 18px;
|
|
|
- font-size: 9px;
|
|
|
- background-color: rgb(47,142,255);
|
|
|
- margin-right: 80px;
|
|
|
- padding:0 5px;
|
|
|
- }
|
|
|
- .company-name{
|
|
|
- height:17px;
|
|
|
- font-size:12px;
|
|
|
- font-weight:600;
|
|
|
- line-height:17px;
|
|
|
- margin-left:8px;
|
|
|
- margin-right:3px;
|
|
|
- }
|
|
|
- .company-info:hover{
|
|
|
- background:rgba(0,0,0,0.2);
|
|
|
- cursor:pointer;
|
|
|
- }
|
|
|
- .company-info{
|
|
|
- height:51px;
|
|
|
- background:rgba(0,0,0,0.15);
|
|
|
- border-radius:4px;
|
|
|
- padding: 0 13px;
|
|
|
- width:fit-content;
|
|
|
- margin:0 auto;
|
|
|
- margin-top: 100px;
|
|
|
- }
|
|
|
- .company-info>img{
|
|
|
- width:30px;
|
|
|
- height:30px;
|
|
|
- border-radius: 50%;
|
|
|
- }
|
|
|
- .collect-qu{
|
|
|
- width:191px;
|
|
|
- height:44px;
|
|
|
- border-radius:3px;
|
|
|
- margin:0 auto;
|
|
|
- margin-top: 40px;
|
|
|
- border:1px solid rgba(255,255,255,1);
|
|
|
- line-height: 44px;
|
|
|
- text-align: center;
|
|
|
|
|
|
- }
|
|
|
- .collect-qu:hover{
|
|
|
- font-weight: 600;
|
|
|
- }
|
|
|
- .collect{
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- height: 297px;
|
|
|
- overflow: hidden;
|
|
|
- margin-bottom: 10px;
|
|
|
- color: white;
|
|
|
- margin-top: 40px;
|
|
|
- }
|
|
|
-
|
|
|
- .collect-title {
|
|
|
- height:75px;
|
|
|
- font-size:42px;
|
|
|
- font-weight:600;
|
|
|
- line-height:75px;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .collect-des{
|
|
|
- font-size:17px;
|
|
|
- line-height:24px;
|
|
|
- text-align: center;
|
|
|
- width:80%;
|
|
|
- }
|
|
|
-
|
|
|
- </style>
|
|
|
<style lang='less' scoped>
|
|
|
+ .icon-rz{
|
|
|
+ height:17px;
|
|
|
+ line-height: 18px;
|
|
|
+ font-size: 9px;
|
|
|
+ background-color: rgb(47,142,255);
|
|
|
+ margin-right: 80px;
|
|
|
+ padding:0 5px;
|
|
|
+ }
|
|
|
+ .company-name{
|
|
|
+ height:17px;
|
|
|
+ font-size:12px;
|
|
|
+ font-weight:600;
|
|
|
+ line-height:17px;
|
|
|
+ margin-left:8px;
|
|
|
+ margin-right:3px;
|
|
|
+ }
|
|
|
+ .company-info:hover{
|
|
|
+ background:rgba(0,0,0,0.2);
|
|
|
+ cursor:pointer;
|
|
|
+ }
|
|
|
+ .company-info{
|
|
|
+ height:51px;
|
|
|
+ background:rgba(0,0,0,0.15);
|
|
|
+ border-radius:4px;
|
|
|
+ padding: 0 13px;
|
|
|
+ width:fit-content;
|
|
|
+ margin:0 auto;
|
|
|
+ margin-top: 100px;
|
|
|
+ }
|
|
|
+ .company-info>img{
|
|
|
+ width:30px;
|
|
|
+ height:30px;
|
|
|
+ border-radius: 50%;
|
|
|
+ }
|
|
|
+ .collect-qu{
|
|
|
+ width:191px;
|
|
|
+ height:44px;
|
|
|
+ border-radius:3px;
|
|
|
+ margin:0 auto;
|
|
|
+ margin-top: 40px;
|
|
|
+ border:1px solid rgba(255,255,255,1);
|
|
|
+ line-height: 44px;
|
|
|
+ text-align: center;
|
|
|
|
|
|
+ }
|
|
|
+ .collect-qu:hover{
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+ .collect{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ height: 297px;
|
|
|
+ overflow: hidden;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ color: white;
|
|
|
+ margin-top: 40px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .collect-title {
|
|
|
+ height:75px;
|
|
|
+ font-size:42px;
|
|
|
+ font-weight:600;
|
|
|
+ line-height:75px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .collect-des{
|
|
|
+ font-size:17px;
|
|
|
+ line-height:24px;
|
|
|
+ text-align: center;
|
|
|
+ width:80%;
|
|
|
+ }
|
|
|
@max768: ~"(max-width: 768px)";
|
|
|
.content-box{
|
|
|
background-color: white;
|
