tangxijun 5 years ago
parent
commit
af82f34bb8

+ 237 - 225
2019专题/1908DOTA2/src/_index.html

@@ -16,12 +16,7 @@
     <script src="//www.duowan.com/assets/js/jquery.js"></script>
     <base target="_blank" />
 
-    <style>
-      /* .zt-mod-primary{background-image: url(/src/img/bg-primary.jpg);}
-    .bg1{background: url(/src/img/bg1.jpg) center bottom no-repeat;}
-    .bg2{background: url(/src/img/bg2.jpg) center top no-repeat;height:1770px;}
-    .bg3{background: url(/src/img/bg3.jpg) center bottom no-repeat;padding-bottom: 130px;} */
-    </style>
+
   </head>
 
   <body>
@@ -32,7 +27,6 @@
     ></script>
     <div class="o-wrap">
       <div class="g-mod-title"></div>
-      <div class="bg1">
         <!-- 导航 -->
         <div class="zt-mod-primary" id="top">
           <div class="g-mod-title"></div>
@@ -583,6 +577,102 @@
                               
                             </div>
                         </div>
+                        <ul class='scroe-content-h5-box scroe-content-h5-title'>
+                            <li >战队</li>
+                            <li >胜场</li>
+                            <li >平局</li>
+                            <li >负场</li>
+                            <li >积分</li>
+                            <li >晋级情况</li>
+                        </ul>
+                        <div class="scroe-content-h5-wrap">
+                            <div class=" scroe-h5-content">
+                                    <ul class='scroe-content-h5-box '>
+                                        <li >
+                                            <img src="" alt="">
+                                            <span>4AM</span>
+                                        </li>
+                                        <li >5</li>
+                                        <li >3</li>
+                                        <li >0</li>
+                                        <li >13</li>
+                                        <li >胜者组</li>
+                                    </ul>
+                                    <ul class='scroe-content-h5-box'>
+                                        <li >
+                                            <img src="" alt="">
+                                            <span>4AM</span>
+                                        </li>
+                                        <li >5</li>
+                                        <li >3</li>
+                                        <li >0</li>
+                                        <li >13</li>
+                                        <li >胜者组</li>
+                                    </ul>
+                                    <ul class='scroe-content-h5-box'>
+                                        <li >
+                                            <img src="" alt="">
+                                            <span>4AM</span>
+                                        </li>
+                                        <li >5</li>
+                                        <li >3</li>
+                                        <li >0</li>
+                                        <li >13</li>
+                                        <li >胜者组</li>
+                                    </ul>
+                                    <ul class='scroe-content-h5-box'>
+                                        <li >
+                                            <img src="" alt="">
+                                            <span>4AM</span>
+                                        </li>
+                                        <li >5</li>
+                                        <li >3</li>
+                                        <li >0</li>
+                                        <li >13</li>
+                                        <li >胜者组</li>
+                                    </ul>
+                            </div>
+                            <div class=" scroe-h5-content">
+                                <ul class='scroe-content-h5-box '>
+                                    <li >
+                                        <img src="" alt="">
+                                        <span>4A21M</span>
+                                    </li>
+                                    <li >5</li>
+                                    <li >3</li>
+                                    <li >0</li>
+                                    <li >13</li>
+                                    <li >胜者组</li>
+                                </ul>
+                            </div>
+                            <div class=" scroe-h5-content">
+                                <ul class='scroe-content-h5-box '>
+                                    <li >
+                                        <img src="" alt="">
+                                        <span>4AM</span>
+                                    </li>
+                                    <li >5</li>
+                                    <li >3</li>
+                                    <li >0</li>
+                                    <li >13</li>
+                                    <li >胜者组</li>
+                                </ul>
+                            </div>
+                            <div class=" scroe-h5-content">
+                                <ul class='scroe-content-h5-box '>
+                                    <li >
+                                        <img src="" alt="">
+                                        <span>4AM</span>
+                                    </li>
+                                    <li >5</li>
+                                    <li >3</li>
+                                    <li >0</li>
+                                    <li >13</li>
+                                    <li >胜者组</li>
+                                </ul>
+                            </div>
+                        </div>
+                   
                     </div>
                 </div>
         </div>
@@ -595,8 +685,8 @@
                 <div class="zt-mod_bd  rankMainTag scroeTwo">
                     <!-- rankMainTag -->
                     <div class="clearfix  score-nav-main">
-                        <div class="fl nav_item nav  active" data-mt="group">小组赛</div>
-                        <div class="fl nav_item nav" data-mt="fall">淘汰赛</div>
+                        <div class="fl nav_item nav  active" data-mt="1">小组赛</div>
+                        <div class="fl nav_item nav" data-mt="2">淘汰赛</div>
                     </div>
 
                     <div class="clearfix  score-nav-sub">
@@ -611,7 +701,8 @@
                     <div class="score-rank-content scroe-content-two">
                         <!-- subTag -->
                         <!-- subContent -->
-                        <div class="score-content show group-winner" data-mt="A">
+                        <!-- 小组赛胜者组 -->
+                        <div class="score-content show group-winner" >
                             <div class="score-rank clearfix">
                                 <div class="fl">
                                     <span class="score-rank-title">小组赛A组</span>
@@ -841,7 +932,8 @@
                                 </div>
                             </div>
                         </div>
-                        <div class="score-content hide group-looser" data-mt="B">
+                        <!-- 小组赛败者组 -->
+                        <div class="score-content hide group-looser" >
                                 <div class="score-rank clearfix">
                                         <div class="fl">
                                             <span class="score-rank-title">小组赛B组</span>
@@ -1071,222 +1163,123 @@
                                         </div>
                                     </div>
                         </div>
-                        <div class="score-content hide fall-looser" data-mt="winner">
+                        <!-- 淘汰赛胜利组 -->
+                        <div class="score-content show group-winner" >
                                 <div class="score-rank clearfix">
-                                        <div class="fl">
-                                            <span class="score-rank-title">淘汰赛胜者组</span>
-                                            <div class="rank-team rank-team-first">
-                                                <p class="rank-top-team clearfix">
-                                                    <span><img src="./img/INFAMOUS.png"></span>
-                                                    <span class="team-name">Fnatic</span>
-                                                    <span class="team-score">2</span>
-                                                </p>
-                                                <p class="rank-top-team clearfix">
-                                                    <span><img src="./img/Serenity.png"></span>
-                                                    <span class="team-name">serenity</span>
-                                                    <span class="team-score">2</span>
-                                                </p>
-                                            </div>
-                                            
-                                            <div class="rank-line-first">
-                                                <img src="img/winner_line.png">
-                                            </div>
-        
-                                            <div class="rank-team">
-                                                <p class="rank-top-team clearfix">
-                                                    <span><img src="./img/INFAMOUS.png"></span>
-                                                    <span class="team-name">Fnatic</span>
-                                                    <span class="team-score">2</span>
-                                                </p>
-                                                <p class="rank-top-team clearfix">
-                                                    <span><img src="./img/Serenity.png"></span>
-                                                    <span class="team-name">serenity</span>
-                                                    <span class="team-score">2</span>
-                                                </p>
-                                            </div>
-        
-                                            <div class="rank-line-second">
-                                                <img src="img/winner_line.png">
-                                            </div>
-        
-                                            <div class="rank-team">
-                                                <p class="rank-top-team clearfix">
-                                                    <span><img src="./img/INFAMOUS.png"></span>
-                                                    <span class="team-name">Fnatic</span>
-                                                    <span class="team-score">2</span>
-                                                </p>
-                                                <p class="rank-top-team clearfix">
-                                                    <span><img src="./img/Serenity.png"></span>
-                                                    <span class="team-name">serenity</span>
-                                                    <span class="team-score">2</span>
-                                                </p>
-                                            </div>
-        
-                                            <div class="rank-line-third">
-                                                    <img src="img/winner_line.png">
-                                            </div>
-        
-                                            <div class="rank-team rank-team-last">
-                                                <p class="rank-top-team clearfix">
-                                                    <span><img src="./img/INFAMOUS.png"></span>
-                                                    <span class="team-name">Fnatic</span>
-                                                    <span class="team-score">2</span>
-                                                </p>
-                                                <p class="rank-top-team clearfix">
-                                                    <span><img src="./img/Serenity.png"></span>
-                                                    <span class="team-name">serenity</span>
-                                                    <span class="team-score">2</span>
-                                                </p>
-                                            </div>
-        
-                                            <div class="rank-line-four">
-                                                    <img src="img/winner_line.png">
-                                            </div>
+                                    <div class="fl winner-rank">
+                                        <span class="score-rank-title">胜者组第一轮</span>
+                                        <div class="rank-team rank-team-first">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
                                         </div>
-                                        <div class="fl">
-                                            <span class="score-rank-title">胜者组第二轮</span>
-                                            <div class="rank-team rank-team-first">
-                                                <p class="rank-top-team clearfix">
-                                                    <span><img src="./img/INFAMOUS.png"></span>
-                                                    <span class="team-name">Fnatic</span>
-                                                    <span class="team-score">2</span>
-                                                </p>
-                                                <p class="rank-top-team clearfix">
-                                                    <span><img src="./img/Serenity.png"></span>
-                                                    <span class="team-name">serenity</span>
-                                                    <span class="team-score">2</span>
-                                                </p>
-                                            </div>
-        
-                                            <div class="pk-line">
-                                                <img src="img/pk_line_small.png">
-                                            </div>
-        
-                                            <div class="rank-team">
-                                                <p class="rank-top-team clearfix">
-                                                    <span><img src="./img/INFAMOUS.png"></span>
-                                                    <span class="team-name">Fnatic</span>
-                                                    <span class="team-score">2</span>
-                                                </p>
-                                                <p class="rank-top-team clearfix">
-                                                    <span><img src="./img/Serenity.png"></span>
-                                                    <span class="team-name">serenity</span>
-                                                    <span class="team-score">2</span>
-                                                </p>
-                                            </div>
-                                            <div class="pk-line-second">
-                                                    <img src="img/pk_line_small.png">
-                                            </div>
-                                            <div class="rank-team">
-                                                <p class="rank-top-team clearfix">
-                                                    <span><img src="./img/INFAMOUS.png"></span>
-                                                    <span class="team-name">Fnatic</span>
-                                                    <span class="team-score">2</span>
-                                                </p>
-                                                <p class="rank-top-team clearfix">
-                                                    <span><img src="./img/Serenity.png"></span>
-                                                    <span class="team-name">serenity</span>
-                                                    <span class="team-score">2</span>
-                                                </p>
-                                            </div>
-                                            
-                                            <div class="rank-team rank-team-last">
-                                                <p class="rank-top-team clearfix">
-                                                    <span><img src="./img/INFAMOUS.png"></span>
-                                                    <span class="team-name">Fnatic</span>
-                                                    <span class="team-score">2</span>
-                                                </p>
-                                                <p class="rank-top-team clearfix">
-                                                    <span><img src="./img/Serenity.png"></span>
-                                                    <span class="team-name">serenity</span>
-                                                    <span class="team-score">2</span>
-                                                </p>
-                                            </div>
+                                        
+                                        <div class="winner_pk_line">
+                                            <img src="/src/img/winner_pk_line_small.png"/>
                                         </div>
-                                        <div class="fl">
-                                            <span class="score-rank-title">胜者组第三轮</span>
-                                            <div class="rank-team rank-team-third">
-                                                <p class="rank-top-team clearfix">
-                                                    <span><img src="./img/INFAMOUS.png"></span>
-                                                    <span class="team-name">Fnatic</span>
-                                                    <span class="team-score">2</span>
-                                                </p>
-                                                <p class="rank-top-team clearfix">
-                                                    <span><img src="./img/Serenity.png"></span>
-                                                    <span class="team-name">serenity</span>
-                                                    <span class="team-score">2</span>
-                                                </p>
-                                            </div>
-                                            <div class="rank-line-five">
-                                                    <img src="img/winner_line.png">
-                                            </div>
-                                            <div class="rank-team">
-                                                    <p class="rank-top-team clearfix">
-                                                        <span><img src="./img/INFAMOUS.png"></span>
-                                                        <span class="team-name">Fnatic</span>
-                                                        <span class="team-score">2</span>
-                                                    </p>
-                                                    <p class="rank-top-team clearfix">
-                                                        <span><img src="./img/Serenity.png"></span>
-                                                        <span class="team-name">serenity</span>
-                                                        <span class="team-score">2</span>
-                                                    </p>
-                                                </div>
-                                            <div class="rank-line-six">
-                                                    <img src="img/winner_line.png">
-                                            </div>
+                        
+                        
+                                        <div class="rank-team">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
                                         </div>
-                                        <div class="fl">
-                                            <span class="score-rank-title">胜者组第四轮</span>
-                                            <div class="rank-team rank-team-third">
-                                                <p class="rank-top-team clearfix">
-                                                    <span><img src="./img/INFAMOUS.png"></span>
-                                                    <span class="team-name">Fnatic</span>
-                                                    <span class="team-score">2</span>
-                                                </p>
-                                                <p class="rank-top-team clearfix">
-                                                    <span><img src="./img/Serenity.png"></span>
-                                                    <span class="team-name">serenity</span>
-                                                    <span class="team-score">2</span>
-                                                </p>
-                                            </div>
-                                            <div class="rank-team">
-                                                <p class="rank-top-team clearfix">
-                                                    <span><img src="./img/INFAMOUS.png"></span>
-                                                    <span class="team-name">Fnatic</span>
-                                                    <span class="team-score">2</span>
-                                                </p>
-                                                <p class="rank-top-team clearfix">
-                                                    <span><img src="./img/Serenity.png"></span>
-                                                    <span class="team-name">serenity</span>
-                                                    <span class="team-score">2</span>
-                                                </p>
-                                            </div>
-                                            <div class="pk-line-third">
-                                                <img src="./img/pk_line.png"/>
-                                            </div>
+                                        <div class="winner_pk_line_two">
+                                            <img src="/src/img/winner_pk_line_small.png"/>
                                         </div>
-                                        <div class="fl">
-                                            <span class="score-rank-title">胜者组第五轮</span>
-                                            <div class="rank-team rank-team-five">
-                                                <p class="rank-top-team clearfix">
-                                                    <span><img src="./img/INFAMOUS.png"></span>
-                                                    <span class="team-name">Fnatic</span>
-                                                    <span class="team-score">2</span>
-                                                </p>
-                                                <p class="rank-top-team clearfix">
-                                                    <span><img src="./img/Serenity.png"></span>
-                                                    <span class="team-name">serenity</span>
-                                                    <span class="team-score">2</span>
-                                                </p>
-                                            </div>
-                                            <div class="rank-line-seven">
-                                                <img src="./img/winner_line.png"/>
-                                            </div>
+                        
+                                        <div class="rank-team">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
                                         </div>
-                                        <div class="fl">
-                                            <span class="score-rank-title">淘汰胜者决赛</span>
-                                            <div class="rank-team rank-team-five">
+                        
+                        
+                                        <div class="rank-team rank-team-last">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                        
+                                    </div>
+                                    <div class="fl winner-rank">
+                                        <span class="score-rank-title">胜者组第二轮</span>
+                                        <div class="rank-team rank-team-first score-winner winner-rank-team">
+                                            <p class="rank-top-team clearfix winner-top-team">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix winner-top-team">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        
+                                        <div class="winner_pk_line_three">
+                                            <img src="/src/img/winner_pk_line.png" />
+                                        </div>
+                        
+                                        <div class="rank-team rank-team-last score-winner winner-bottom-team">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                    </div>
+                                    <div class="fl winner-rank">
+                                        <span class="score-rank-title">胜者组第三轮</span>
+                                        <div class="rank-team rank-team-third winner-rank-team-third">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                        <div class="looser_last">
+                                            败者组决赛
+                                        </div>
+                                        <div class="rank-team">
                                                 <p class="rank-top-team clearfix">
                                                     <span><img src="./img/INFAMOUS.png"></span>
                                                     <span class="team-name">Fnatic</span>
@@ -1297,11 +1290,31 @@
                                                     <span class="team-name">serenity</span>
                                                     <span class="team-score">2</span>
                                                 </p>
-                                            </div>
+                                        </div>
+                                        <div class="winner_pk_line_four">
+                                            <img src="/src/img/winner_pk_last_line.png"/>
                                         </div>
                                     </div>
-                        </div>
-                        <div class="score-content hide fall-winner" data-mt="looser">
+                                    <div class="fl winner-rank">
+                                        <span class="score-rank-title">胜者组第四轮</span>
+                                        <div class="rank-team winner-rank-team-last">
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/INFAMOUS.png"></span>
+                                                <span class="team-name">Fnatic</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                            <p class="rank-top-team clearfix">
+                                                <span><img src="./img/Serenity.png"></span>
+                                                <span class="team-name">serenity</span>
+                                                <span class="team-score">2</span>
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        <!-- 淘汰赛败者组 -->
+
+                        <div class="score-content hide fall-winner" >
                                 <div class="score-rank clearfix">
                                         <div class="fl">
                                             <span class="score-rank-title">淘汰赛败者组</span>
@@ -1937,7 +1950,6 @@
             </div>
           </div>
         </div>
-      </div>
     </div>
 
     <script src="lib/mod.js"></script>

+ 20 - 9
2019专题/1908DOTA2/src/modules/page/index.js

@@ -69,12 +69,20 @@ function initTab(){
     //     $str = ""
     // })
     console.log($('.scroeTwo .nav_item'))
-    var mtIdOne = 0
-    var subIdOne = 0
+    var mtIdOne = 1
+    var subIdOne = 1
     var $conTwo = $('.scroe-content-two .score-content')
     var $conOne = $('.scroe-content-one .score-content')
-    var $conThree = $('.scroe-content-three .score-content')
 
+    var isPc = !/Android|webOS|iPhone|Windows Phone|iPod|BlackBerry|SymbianOS/i.test(window.navigator.userAgent) && !/[\?&]pc(?:[=&].*|$)/.test(window.location.href)
+    if(isPc){
+
+        var $conThree = $('.scroe-content-three .score-content')
+    }else{
+        var $conThree = $('.scroe-h5-content')
+        $conThree.eq(0).show()
+
+    }
 
     $('.scroeOne .nav_item').on('mouseenter',function(){
         $(this).addClass('active').siblings().removeClass('active')
@@ -102,6 +110,7 @@ function initTab(){
     $('.scroeThree .nav_item').on('mouseenter',function(){
         $(this).addClass('active').siblings().removeClass('active')
         mtIdOne = $(this).attr('data-mt')
+        
         show($conThree)
     })
     $('.scroeThree .nav_item_sub').hover(function(){
@@ -111,18 +120,22 @@ function initTab(){
     })
 
 
+
     function show($con){
-        if(mtIdOne==1&&subIdOne ==1){
+        console.log(mtIdOne,subIdOne)
+        console.log($con)
+        if(parseInt(mtIdOne) ==1&& parseInt(subIdOne) ==1){
             $con.eq(0).show().siblings().hide()
         }
-        if(mtIdOne==1&&subIdOne ==2){
+        if(parseInt(mtIdOne)==1&&parseInt(subIdOne) ==2){
             $con.eq(1).show().siblings().hide()
         }
-        if(mtIdOne==2&&subIdOne ==1){
+        if(parseInt(mtIdOne)==2&&parseInt(subIdOne) ==1){
             $con.eq(2).show().siblings().hide()
         }
-        if(mtIdOne==2&&subIdOne ==2){
+        if(parseInt(mtIdOne)==2&&parseInt(subIdOne) ==2){
             $con.eq(3).show().siblings().hide()
+            
         }
     }
 }
@@ -159,7 +172,6 @@ var V = {
 
         for(var i=0; i<len; i++){
             nextTop = itemTop[i+1];
-           
             if( itemTop[i] <= scrollTop && scrollTop <= nextTop){
                 $sidebarList.eq(i).siblings().find("a").removeClass("active");
                 $sidebarList.eq(i).find("a").addClass("active");
@@ -177,7 +189,6 @@ var C = {
         C.initRankTag()
         C.initTeam()
         C.initWordLimit()
-        initNav()
     },
     initRankTag : function(){
         new Tag('.rankMainTag')

+ 59 - 15
2019专题/1908DOTA2/src/sass/global.scss

@@ -58,7 +58,7 @@ body{
     width: 1136px;
     margin: 0 auto;
 }
-.team-item-last-h5{
+.team-item-last-h5,.scroe-content-h5-box{
     display: none;
 }
 .zt-mod_hd{
@@ -1123,21 +1123,25 @@ $vari: 750 / 640;
       width:px2rem(750);
       margin:0;
     }
-      .zt-title{
-          position: absolute;
-          z-index:222;
-          left:0;
-          .big-title{
-              width:px2rem(640);
-              height:px2rem(184);
-              display: block;
-              background:url("/src/img/big-title.png")no-repeat center ;
-   
-             background-size: cover;
-          }
-      }
-    #dw-topbar,.dwCommonFooter,.zt-mod-sidebar,.dw-mini-popup-wrap,.zt-mod-live,.g-zt-adv{
+    .zt-title{
+        position: absolute;
+        z-index:222;
+        left:0;
+        .big-title{
+            width:px2rem(640);
+            height:px2rem(184);
+            display: block;
+            background:url("/src/img/big-title.png")no-repeat center ;
+
+            background-size: cover;
+        }
+    }
+    #dw-topbar,.dwCommonFooter,.zt-mod-sidebar,.dw-mini-popup-wrap,.zt-mod-live,.g-zt-adv,.scroe-content-box,.scroe-content-three{
+        display: none;
+    }
+    .zt-mod-score .scroe-content-three{
         display: none;
+
     }
     .team-item-last{
         display: none;
@@ -1511,8 +1515,48 @@ $vari: 750 / 640;
                 }
             }
         }
+      
+        .scroe-h5-content{
+            display: none;
+        }
+        .scroe-content-h5-box{
+            color:#fff;
+            display: flex;
+            text-align: center;
+            li{
+                flex:1;
+                line-height: px2rem(71);
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                opacity: 0.4;
+                img{
+                    display: inline-block;
+                    width:px2rem(40);
+                    height:px2rem(40);
+                    background:#ccc;
+                    margin-right:5px;
+                }
+              &:first-child{
+                flex:2;
+                margin-left:px2rem(30);
+                justify-content: flex-start;
+
+              }
+            }
+            &:nth-child(even){
+                background:#271a44;
+            }
+            &:nth-child(odd){
+                background: #32264e;
+            }
+        }
+        .scroe-content-h5-title{
+            background:#271a44 !important;
+        }
     }
   
+  
 }
 
 .g-tag_panel{