|
@@ -142,107 +142,105 @@
|
|
|
|
|
|
<div class="tool-box">
|
|
<div class="tool-box">
|
|
|
|
|
|
-
|
|
|
|
- <div class="search-list" >
|
|
|
|
- <style>
|
|
|
|
- .newest-list-pro {
|
|
|
|
- display: flex;
|
|
|
|
- overflow: hidden;
|
|
|
|
- }
|
|
|
|
- .newest-item-x {
|
|
|
|
- /* display: none; */
|
|
|
|
- position: relative;
|
|
|
|
- top: -5px;
|
|
|
|
- margin-left: 5px;
|
|
|
|
- font-size: 5px;
|
|
|
|
- }
|
|
|
|
- .newest-item:hover .newest-item-x{
|
|
|
|
- display: inline-flex;
|
|
|
|
- }
|
|
|
|
- </style>
|
|
|
|
-
|
|
|
|
- <div class="newest-list" style="flex:1;">
|
|
|
|
- <!-- <div class="newest-item i18n-text" i18n="landingpage_Newest"
|
|
|
|
- style="color:#000000;font-weight: bold;cursor: default;">Newest</div>
|
|
|
|
- -->
|
|
|
|
- <div style="margin-right:15px;">
|
|
|
|
- <select class="selectpicker filter-menu" data-width="100px" id="filter-select">
|
|
|
|
- <option class="i18n-text" i18n="landingpage_filter_newest">Newest</option>
|
|
|
|
- <option class="i18n-text" i18n="landingpage_filter_popular">Popular</option>
|
|
|
|
- <option class="i18n-text" i18n="landingpage_filter_clicked">Clicked</option>
|
|
|
|
- </select>
|
|
|
|
- </div>
|
|
|
|
-
|
|
|
|
-
|
|
|
|
- <div class="newest-list-pro ">
|
|
|
|
-
|
|
|
|
- </div>
|
|
|
|
-
|
|
|
|
-
|
|
|
|
- <!-- <div style="flex:1;"></div> -->
|
|
|
|
- <div class="newest-item more-arrow" style=" margin: 0px 20px;width:20px;text-align: center;">
|
|
|
|
- <img src="../../assets/img/landing_right_arrow.png" style="display:none;">
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <style>
|
|
|
|
+ .newest-list-pro {
|
|
|
|
+ display: flex;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ }
|
|
|
|
+ .newest-item-x {
|
|
|
|
+ /* display: none; */
|
|
|
|
+ position: relative;
|
|
|
|
+ top: -5px;
|
|
|
|
+ margin-left: 5px;
|
|
|
|
+ font-size: 5px;
|
|
|
|
+ }
|
|
|
|
+ .newest-item:hover .newest-item-x{
|
|
|
|
+ display: inline-flex;
|
|
|
|
+ }
|
|
|
|
+ </style>
|
|
|
|
+ <div class="newest-list" style="flex:1;">
|
|
|
|
+ <!-- <div class="newest-item i18n-text" i18n="landingpage_Newest"
|
|
|
|
+ style="color:#000000;font-weight: bold;cursor: default;">Newest</div>
|
|
|
|
+ -->
|
|
|
|
+ <div style="margin-right:15px;">
|
|
|
|
+ <select class="selectpicker filter-menu" data-width="100px" id="filter-select">
|
|
|
|
+ <option class="i18n-text" i18n="landingpage_filter_newest">Newest</option>
|
|
|
|
+ <option class="i18n-text" i18n="landingpage_filter_popular">Popular</option>
|
|
|
|
+ <option class="i18n-text" i18n="landingpage_filter_clicked">Clicked</option>
|
|
|
|
+ </select>
|
|
|
|
+ </div>
|
|
|
|
|
|
|
|
|
|
|
|
+ <div class="newest-list-pro ">
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
|
|
- <div class="search-item">
|
|
|
|
|
|
+ <div style="flex:1;"></div>
|
|
|
|
+ <div class="newest-item more-arrow" style=" margin: 0px 20px;width:280px;text-align: center;">
|
|
|
|
+
|
|
|
|
+ <div class="search-list" >
|
|
|
|
|
|
- <div class="input-group">
|
|
|
|
- <input type="text" class="form-control i18n-placeholder landingpage_search" data-toggle="dropdown"
|
|
|
|
- i18n="landingpage_search" placeholder="" aria-describedby="basic-addon2" style="height:42px; width: 220px;">
|
|
|
|
- <span class="input-group-addon" style="
|
|
|
|
- padding: 0px;
|
|
|
|
- " id="basic-addon2">
|
|
|
|
- <button type="button" class="querybtn" style=" width: 50px;
|
|
|
|
- height: 40px; border: 0;">
|
|
|
|
- <i class="glyphicon glyphicon-search query"></i>
|
|
|
|
- </button>
|
|
|
|
|
|
+
|
|
|
|
+ <div class="search-item">
|
|
|
|
|
|
- </span>
|
|
|
|
- <style>
|
|
|
|
- .filterstyle{
|
|
|
|
- padding: 20px;
|
|
|
|
- width: 460px;
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
- .filterstyle span{
|
|
|
|
- padding: 10px;
|
|
|
|
- display: block;
|
|
|
|
- overflow-wrap: break-word;
|
|
|
|
- color: rgba(24, 24, 24, 1);
|
|
|
|
- font-size: 14px;
|
|
|
|
- font-family: Avenir-Roman;
|
|
|
|
- white-space: nowrap;
|
|
|
|
- line-height: 19px;
|
|
|
|
- text-align: left;
|
|
|
|
- }
|
|
|
|
- .filterstyle button{
|
|
|
|
- margin: 5px;
|
|
|
|
- padding: 5px 16px;
|
|
|
|
- font-size: 14px;
|
|
|
|
- color: rgba(130, 130, 130, 1);
|
|
|
|
- }
|
|
|
|
- </style>
|
|
|
|
-
|
|
|
|
- <ul class="dropdown-menu dropdown-menu-right filter-menu filterstyle" aria-labelledby="dropdownMenu1">
|
|
|
|
- <li>
|
|
|
|
- <span class="i18n-text" i18n="landingpage_Resent searches">Resent searches</span>
|
|
|
|
- <div class="resentlist">
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div class="input-group">
|
|
|
|
+ <input type="text" class="form-control i18n-placeholder landingpage_search" data-toggle="dropdown"
|
|
|
|
+ i18n="landingpage_search" placeholder="" aria-describedby="basic-addon2" style="height:42px; width: 220px;">
|
|
|
|
+ <span class="input-group-addon" style="
|
|
|
|
+ padding: 0px;
|
|
|
|
+ " id="basic-addon2">
|
|
|
|
+ <button type="button" class="querybtn" style=" width: 50px;
|
|
|
|
+ height: 40px; border: 0;">
|
|
|
|
+ <i class="glyphicon glyphicon-search query"></i>
|
|
|
|
+ </button>
|
|
|
|
+
|
|
|
|
+ </span>
|
|
|
|
+ <style>
|
|
|
|
+ .filterstyle{
|
|
|
|
+ padding: 20px;
|
|
|
|
+ width: 460px;
|
|
|
|
|
|
- </li>
|
|
|
|
- <li>
|
|
|
|
- <span class="i18n-text" i18n="landingpage_Trending searches">Trending searches</span>
|
|
|
|
- <div class="trendinglist">
|
|
|
|
- </div>
|
|
|
|
- </li>
|
|
|
|
- </ul>
|
|
|
|
|
|
+ }
|
|
|
|
+ .filterstyle span{
|
|
|
|
+ padding: 10px;
|
|
|
|
+ display: block;
|
|
|
|
+ overflow-wrap: break-word;
|
|
|
|
+ color: rgba(24, 24, 24, 1);
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ font-family: Avenir-Roman;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ line-height: 19px;
|
|
|
|
+ text-align: left;
|
|
|
|
+ }
|
|
|
|
+ .filterstyle button{
|
|
|
|
+ margin: 5px;
|
|
|
|
+ padding: 5px 16px;
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ color: rgba(130, 130, 130, 1);
|
|
|
|
+ }
|
|
|
|
+ </style>
|
|
|
|
+
|
|
|
|
+ <ul class="dropdown-menu dropdown-menu-right filter-menu filterstyle" aria-labelledby="dropdownMenu1">
|
|
|
|
+ <li>
|
|
|
|
+ <span class="i18n-text" i18n="landingpage_Resent searches">Resent searches</span>
|
|
|
|
+ <div class="resentlist">
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ </li>
|
|
|
|
+ <li>
|
|
|
|
+ <span class="i18n-text" i18n="landingpage_Trending searches">Trending searches</span>
|
|
|
|
+ <div class="trendinglist">
|
|
|
|
+ </div>
|
|
|
|
+ </li>
|
|
|
|
+ </ul>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
</div>
|
|
</div>
|
|
|
|
+
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|