12.12 页面风格改版，增加事件详情相关概念网页跳转，增加绑定手机号功能

unpackage/dist/dev/mp-weixin/pages/index/stockDetails/stockDetails.wxss

@@ -1,103 +1,105 @@
+page {
+  background-color: #070707;
+}
 .topBg {
   top: 0;
   left: 0;
   width: 100%;
   height: auto;
 }
-.tabC {
-  background-color: white;
-  margin-top: 10rpx;
-  left: 0;
-  right: 0;
-  border-radius: 20rpx 20rpx 0 0;
+.chartDesC {
+  background: linear-gradient(-30deg, #FFF6F0 0%, #FEFEFE 100%);
+  margin: 0 25rpx;
+  padding-top: 10rpx;
+  border-radius: 10rpx;
 }
-.tabC .item {
+.chartDesC .tabC .item {
   display: inline-block;
-  padding: 0 30rpx;
+  padding: 0 25rpx;
   line-height: 60rpx;
   font-size: 28rpx;
   font-weight: 500;
   color: #42485B;
 }
-.tabC .item.select {
+.chartDesC .tabC .item.select {
   font-weight: bold;
-  color: #F97316;
+  color: #F3C368;
 }
-.tabC .item.select .line {
-  background-color: #F97316;
+.chartDesC .tabC .item.select .line {
+  background-color: #F3C368;
   left: calc((100% - 50rpx)/2);
   bottom: 0;
   width: 50rpx;
   height: 2rpx;
 }
-.contentC {
-  background-color: white;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  overflow-y: scroll;
+.chartDesC .volumeAmountC {
+  padding: 25rpx;
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #666;
 }
-.contentC .volumeAmountC {
-  padding: 20rpx;
-  font-size: 26rpx;
-  color: #333;
+.chartDesC .volumeAmountC .volume {
+  margin-right: 30rpx;
 }
-.contentC .volumeAmountC .volume {
-  margin-right: 20rpx;
-}
-.contentC .section {
-  padding: 0 28rpx;
+.chartDesC .section {
+  padding: 0 25rpx;
   line-height: 80rpx;
   font-size: 32rpx;
   font-weight: bold;
   color: #222;
 }
-.contentC .des {
+.chartDesC .des {
   margin: 0 25rpx;
   line-height: 1.4rem;
   font-size: 24rpx;
   font-weight: 500;
   color: #666;
 }
-.contentC .des .ai {
-  color: #C00000;
+.chartDesC .des .ai {
+  color: #EC3440;
 }
-.contentC .riskTips {
+.chartDesC .riskTips {
   margin: 20rpx 25rpx 0;
   padding-bottom: 30rpx;
-  line-height: 1.4rem;
-  font-size: 20rpx;
-  color: #999;
-  border-bottom: solid 1rpx #E4E4E4;
+  line-height: 1.2rem;
+  font-size: 22rpx;
+  color: #A2A2A1;
 }
-.contentC .list {
+.infoSourceC .section {
+  padding: 0 25rpx;
+  line-height: 80rpx;
+  font-size: 27rpx;
+  font-weight: bold;
+  color: #F3C368;
+}
+.infoSourceC .list {
   padding: 0 25rpx;
 }
-.contentC .list .item {
-  background-color: #F8F8F8;
+.infoSourceC .list .item {
+  background: linear-gradient(-30deg, #FFF6F0 0%, #FEFEFE 100%);
   margin-bottom: 20rpx;
   padding: 30rpx 26rpx;
   border-radius: 10rpx;
 }
-.contentC .list .item .content {
+.infoSourceC .list .item .content {
   font-size: 24rpx;
   font-weight: 500;
   color: #222;
 }
-.contentC .list .item .article {
+.infoSourceC .list .item .article {
   margin-top: 10rpx;
   font-size: 22rpx;
   font-weight: 500;
   color: #666;
   text-align: right;
 }
-.contentC .list .item .authorDateC {
+.infoSourceC .list .item .authorDateC {
   margin-top: 30rpx;
   font-size: 22rpx;
   font-weight: 500;
   color: #AAA;
 }
-.contentC .list .item .authorDateC .author {
+.infoSourceC .list .item .authorDateC .author {
   margin-right: 10rpx;
 }
 .contentC.radius {