Página inicial Explorar Ajuda
Entrar
caimei365
/
caimei365-www
3
0
Fork 0
Arquivos Issues 0 Pull Requests 0 Wiki
Tree: f214922aee
Branches Tags
caimei365-www
/
src
/
main
/
resources
/
static
/
css
/
article
/
article.css

article.css 55 KB
Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612 
  1. @charset "utf-8";body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td{margin:0;padding:0}
    2. 

  2. body,button,input,select,textarea{font:14px/1.5 Arial,sans-serif}
    3. 

  3. input{line-height:normal}
    4. 

  4. h1{font-size:24px}
    5. 

  5. h2{font-size:20px}
    6. 

  6. h3{font-size:18px}
    7. 

  7. h4{font-size:18px}
    8. 

  8. h5{font-size:14px}
    9. 

  9. h1,h2,h3,h4,h5{font-weight:normal}
    10. 

  10. address,cite,dfn,em,var{font-style:normal}
    11. 

  11. small{font-size:11px}
    12. 

  12. *{-webkit-box-sizing:border-box;box-sizing:border-box}
    13. 

  13. a:hover{color:#FF5B00}
    14. 

  14. abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help}
    15. 

  15. q:before,q:after{content:''}
    16. 

  16. legend{color:#000}
    17. 

  17. fieldset,img{border:none}
    18. 

  18. button,input,select,textarea{font-size:100%;vertical-align:middle}
    19. 

  19. table{border-collapse:collapse;border-spacing:0}
    20. 

  20. html{overflow-y:scroll}
    21. 

  21. body{font-family:"microsoft yahei",serif;color:#999}
    22. 

  22. a{color:#999;text-decoration:none}
    23. 

  23. ul,li{list-style:none;zoom:1}
    24. 

  24. dl,dd,dt{zoom:1}
    25. 

  25. .clearfix:after{display:block;width:100%;height:0;content:" ";clear:both}
    26. 

  26. .clearfix{zoom:1}
    27. 

  27. .clear{clear:both}
    28. 

  28. .show{display:block;visibility:visible}
    29. 

  29. .hide{display:none;visibility:hidden}
    30. 

  30. .fl{float:left}
    31. 

  31. .fr{float:right}
    32. 

  32. .center{text-align:center}
    33. 

  33. .list-select{width:200px;height:32px;margin:5px 0;border:1px solid #e1dedd;border-radius:3px}
    34. 

  34. .loadData{position:fixed;left:0;top:0;width:100%;height:100%;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center}
    35. 

  35. .light-grey{width:50px;height:36px;border:1px solid #ddd;color:#666;border-radius:5px;vertical-align:1px}
    36. 

  36. .article img{width:auto !important;height:auto !important}
    37. 

  37. 

  38. @-webkit-keyframes pointerFlashing {from{opacity: 1} to{opacity: 0.1}}
    39. 

  39. @keyframes pointerFlashing {from{opacity: 1} to{opacity: 0.1}}
    40. 

  40. 

  41. 

  42. @media screen and (min-width:768px){.header .h5-head{display:none}
    43. 

  43. 	#drawer-footer {display: none;}
    44. 

  44. 	.advertisement {display: none;}
    45. 

  45. 	.icon:before{content:'';display:inline-block;background:url(/img/base/icon.png) no-repeat;font-size:0}
    46. 

  46. 	.header .van-overlay {display: none;}
    47. 

  47. 	.header .van-popup {display: none;}
    48. 

  48. 	.AppBanner {display: none !important;}
    49. 

  49. 	/* 阴影*/
    50. 

  50. 	/* 分享，回到顶部 */
    51. 

  51. 	#scrollTop{display:none;position:fixed;right:50%;margin-right:-700px;width:88px;z-index:9999;bottom:120px;}
    52. 

  52. 	#scrollTop .item{width:100%;background-color:#fff;box-sizing:border-box;text-align:center;box-shadow:0 2px 4px rgb(254,246,243);border-radius:2px;margin-bottom:10px;font-size:12px;position:relative}
    53. 

  53. 	#scrollTop .item>span{display:block;width:100%;box-sizing:border-box;position:relative;cursor:pointer;}
    54. 

  54. 	#scrollTop .item>span:hover{color:#FF5B00;}
    55. 

  55. 	#scrollTop .item .wechat{padding:4px 16px 4px 48px;line-height:16px;}
    56. 

  56. 	#scrollTop .item .wechat:before{width:32px;height:32px;background-position:-7px -254px;position:absolute;top:4px;left:16px}
    57. 

  57. 	#scrollTop .item .toTop{padding:12px 16px 12px 48px;line-height:16px;}
    58. 

  58. 	#scrollTop .item .toTop:before{width:32px;height:32px;background-position:-49px -254px;position:absolute;top:4px;left:16px}
    59. 

  59. 	#scrollTop .item .wechatHover{display:none;position:absolute;left:-150px;top:-150px;z-index:999;width:150px;height:150px;padding:15px;background:#FFF;}
    60. 

  60. 	#scrollTop .item .wechatHover a{color:#FF5B00}
    61. 

  61. 	#scrollTop .item .wechatHover span{color:#93979F;margin-top:10px}
    62. 

  62. 	#scrollTop .item .wechatHover a:hover{text-decoration:underline}
    63. 

  63. 	#scrollTop .item:hover .wechatHover{display:block}
    64. 

  64. 	.pageWrap{width:100%;text-align:center;padding:20px 0 36px;background: #fff;}
    65. 

  65. 	.pageWrap a{box-sizing:border-box;display:inline-block;width:40px;height:40px;line-height:40px;border:1px solid #EBECEF;font-size:16px;margin:0 5px;color:#2D3036;background:#fff;border-radius:2px}
    66. 

  66. 	.pageWrap a.on{background:#FF5B00;color:#fff;border:1px solid #FF5B00}
    67. 

  67. 	.pageWrap a:hover{color:#FF5B00}
    68. 

  68. 	.pageWrap a.on:hover{color:#fff;opacity:.8}
    69. 

  69. 	.pageWrap a.btn{width:auto;color:#FF5B00;background:none;border:none}
    70. 

  70. 	.pageWrap .prev:before{content:'\276E'}
    71. 

  71. 	.pageWrap .next:before{content:'\276F'}
    72. 

  72. 	.pageWrap span{display:inline-block;height:40px;line-height:40px;margin:0 5px;color:#93979F}
    73. 

  73. 	.pageWrap b{color:#2D3036;font-weight:normal}
    74. 

  74. 	.pageWrap input{box-sizing:border-box;width:80px;height:40px;line-height:40px;font-size:16px;border:1px solid #EBECEF;outline:none;border-radius:2px;text-align:center}
    75. 

  75. 	/*侧边弹窗*/
    76. 

  76. 	.info-h5-notice {display: none;}
    77. 

  77. 	.side-pop-up {width: 300px;height: 200px;background: #FFFF;position: fixed;top: calc(50% - 150px);right: 12px;border: 1px solid;z-index: 999;}
    78. 

  78. 	.eject {animation: eject ease-in-out forwards .5s;cursor: pointer;}
    79. 

  79. 	.retract {animation: retract ease-in-out forwards .5s;cursor: pointer;}
    80. 

  80. 	@keyframes eject {0% {transform: scale(0.5);width: 100px;height: 100px;border-radius: 50%;} 100% {transform: scale(1);right: calc(50% - 100px);}}
    81. 

  81. 	@keyframes retract {0% {transform: scale(1);right: calc(50% - 100px);} 100% {transform: scale(0.5);right: 0;width: 100px;height: 100px;border-radius: 50%;}}
    82. 

  82. 

  83. 	.loading{box-sizing:border-box;padding:200px 0;text-align:center}
    84. 

  84. 	.hasTop{position:fixed;left:0;bottom:0}
    85. 

  85. 	.header{position:sticky;width:100%;top:0;left:0;z-index:9999;background: white;}
    86. 

  86. 	/*返回首页*/
    87. 

  87. 	.H5-info-logo, .H5-info-menu {display: none;}
    88. 

  88. 	.head-back {width: 100%;height: 40px;background: #F7F7F7;cursor: pointer;}
    89. 

  89. 	.head-back .head {width: 1185px; height: 100%; margin: 0 auto;display: flex;align-items: center;}
    90. 

  90. 	.head-back .head .head-logo {width: 20px;height: 18px;box-sizing: border-box;margin-right: 5px;background: url(/img/article/PC.png) -180px -747px;}
    91. 

  91. 	.head-back .head .text {font-size: 14px; color: #909090;}
    92. 

  92. 

  93. 	/* 信息中心更新搜索头 */
    94. 

  94. 	.header .search-top{display:flex;width:1185px;margin:0 auto; height: 100px;align-items: center;}
    95. 

  95. 	.search-top .info-logo-content {width: 168px;height: 76px;background: url(/img/article/h5-logo.png);background-size: contain;cursor: pointer;}
    96. 

  96. 	.search-top .search{position:relative;display:flex;width:685px;margin-left:134px;flex-direction: column;}
    97. 

  97. 	.search-top .search .search-info {width: 100%;height: 44px;border:1px solid #FF5B00;box-sizing: border-box;border-radius:2px;overflow: hidden;}
    98. 

  98. 	.search-top .search .keyword{width:100%;height:100%;border: none;color:#B2B2B2;font-size:14px; padding: 0 80px 0 16px;}
    99. 

  99. 	.search-top .search .search-info .label-keyword {height: 100%;width: 604px;padding: 0 10px; border: none;color:#B2B2B2;}
    100. 

  100. 	.search-top .search .keywords {display: flex;flex-wrap: wrap;}
    101. 

  101. 	.search-top .search .keywords .label-active {color: #FF5B00;}
    102. 

  102. 	.search-top .search .keywords span {margin-right: 4px;}
    103. 

  103. 

  104. 	.header .nav{display:table;width:100%;background:#FF5B00;}
    105. 

  105. 	/*.nav .logo{display:table-cell;vertical-align:top;height:48px;padding:11px 0;margin-right: 16px;}*/
    106. 

  106. 	/*.nav .logo img{width:168px;height:56px}*/
    107. 

  107. 	.nav .type{display:table-cell;vertical-align:top;height:64px}
    108. 

  108. 	.nav .type .type-content {width: 1185px; margin: 0 auto;display: flex;height: 64px;}
    109. 

  109. 	.header .nav .type-content .type-item {cursor: pointer;display: flex;justify-content: space-around;align-items: center;position: relative;padding: 0 16px;}
    110. 

  110. 	.header .nav .type-content .type-item .type-item-link {box-sizing: border-box;background: url(/img/article/PC.png);width: 24px; height: 24px;background-position: -76px -742px;}
    111. 

  111. 	.header .nav .type-content .type-item:hover .type-item-link {background-position: -110px -742px;}
    112. 

  112. 	.header .nav .type-content .type-item:hover {background: rgba(0,0,0,0.2);}
    113. 

  113. 	.header .nav .type-content .type-item a:hover {background: none;}
    114. 

  114. 	.header .nav .type-content .type-item .nav-menu {flex-direction: column;position: absolute;bottom: unset;left: 0;top: -50%;width: 100%;background: #fff;z-index:-1;display: flex;padding: 70px 0 6px 0;transition: .2s;transform: rotateX(90deg);}
    115. 

  115. 	.header .nav .type-content .type-item:hover .nav-menu {box-shadow: 0 0 10px #ccc;transform: rotateX(0deg);top: 0;}
    116. 

  116. 	.header .nav .type-content .type-item .nav-menu a {width: 100%;height: 40px;color: #4A4F58;display: flex;align-items: center;font-size: 14px;padding-left: 10px;}
    117. 

  117. 	.header .nav .type-content .type-item .nav-menu a:hover {background: #FFF4EE;color: #FF5B00;}
    118. 

  118. 

  119. 	.nav .type .type-content .moreLink {padding: 0 16px;}
    120. 

  120. 	.nav .type .type-content .moreLink:hover {background: rgba(0,0,0,0.2);}
    121. 

  121. 	.nav .type a{height:64px;line-height:64px;font-size:16px;color:#fff;text-align:center;display:table-cell;vertical-align:top;white-space:nowrap; box-sizing: border-box;}
    122. 

  122. 	.type a:hover{background-color:#e96c1c;border-bottom-color: #fec19a}
    123. 

  123. 	.header .nav .type-content .current{background-color:rgba(0,0,0,0.2);padding-right: 16px;}
    124. 

  124. 	.header .nav .type-content .type-item:hover .current{background:none !important;}
    125. 

  125. 	/*.nav .search{position:relative;display:table-cell;vertical-align:top;width:200px;height:32px;margin-left:39px}*/
    126. 

  126. 	/*.nav .search .keyword{width:200px;height:32px;line-height:32px;margin:22px 0 16px 0;padding:0 32px 0 16px;border:none;border-radius:16px;background:#eb7941;color:#fff;font-size:14px}*/
    127. 

  127. 	.search .keyword:focus{border:none;outline:medium}
    128. 

  128. 	.search .searchBtn{position:absolute;display: block;top: 0; right: 0;width: 80px;height: 44px;background: #FF5B00;color:#fff;line-height:44px;text-align: center;}
    129. 

  129. 	.search .keyword::-webkit-input-placeholder,
    130. 

  130. 	.search .keyword:-moz-placeholder,
    131. 

  131. 	.search .keyword::-moz-placeholder,
    132. 

  132. 	.search .keyword:-ms-input-placeholder{color:#B2B2B2}
    133. 

  133. 	/* .content.sea-top{margin-top:110px} */
    134. 

  134. 	.foot{width:100%;height:174px;background:#262626;}
    135. 

  135. 	.footer{width:1185px;margin:0 auto;text-align:center;height: 174px;box-sizing: border-box;padding: 39px 0;}
    136. 

  136. 	.footer p{line-height: 30px;color: #FFFFFF;}
    137. 

  137. 

  138. 	/*友情链接*/
    139. 

  139. 	.footer .back-link {display: flex;justify-content: center;align-items: center;margin-bottom: 25px;font-size: 14px;}
    140. 

  140. 	.footer .back-link a {color: #FFF;}
    141. 

  141. 	.footer .back-link a:hover{color: #E15621;}
    142. 

  142. 

  143. 	.footer p span{margin:0 5px}
    144. 

  144. 	.footer p span a{color: #FFFFFF;}
    145. 

  145. 	.footer p span a:hover{color: #E15621;}
    146. 

  146. 	.footer p span img.icp{width: 18px;height: 18px;display: inline-block;}
    147. 

  147. 	.tip-bar{padding-top: 16px;}
    148. 

  148. 	.bar,.tip{width:1185px;margin:0 auto;padding-bottom:5px}
    149. 

  149. 	.tip{color: #777;}
    150. 

  150. 	.bar a{color:#777;font-size:14px}
    151. 

  151. 	.classify.biaoqian{border-bottom:solid 1px #ededed}
    152. 

  152. 	/*精选文章*/
    153. 

  153. 	.featured-Articles {width:100%;position:relative;height: 298px;box-sizing: border-box;padding: 24px 16px;margin-bottom: 16px;background: #fff;}
    154. 

  154. 	.featured-Articles .featured-title {display: flex;justify-content: space-between;border-bottom: 1px solid #F0F0F0;margin-bottom: 24px;}
    155. 

  155. 	.featured-Articles .featured-title div:nth-child(1) {color: #333333;font-size: 18px;font-weight: bold;border-bottom: 2px solid #FF5B00;height: 40px;}
    156. 

  156. 	.featured-Articles .featured-content {display: flex;}
    157. 

  157. 	.featured-Articles .featured-content .item-content {margin-right:16px;display: flex;flex-direction: column; width: 202px;height: 190px;box-sizing: border-box;}
    158. 

  158. 	.featured-Articles .featured-content .item-content .item-img {width: 100%;height: 120px;}
    159. 

  159. 	.featured-Articles .featured-content .item-content .item-title {margin-top: 10px;width: 100%;font-size: 16px;color: #333333;line-height: 28px; -webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;}
    160. 

  160. 	.featured-Articles .featured-content .item-content a {display: block;height: calc(100% - 130px);}
    161. 

  161. 	.featured-Articles .featured-content .item-content .item-img .img-a {width: 100%;height: 100%;}
    162. 

  162. 	.featured-Articles .featured-content .item-content img {width: 100%;height: 100%;}
    163. 

  163. 	.featured-Articles .featured-content .item-content .item-img .img-a:hover {border: 2px solid #FF5B00;}
    164. 

  164. 	.featured-Articles .featured-content .item-content .text-a:hover .item-title {color: #FF5B00;}
    165. 

  165. 

  166. 	.content{width:1185px;margin:0 auto;position:relative;}
    167. 

  167. 	.content .mainData{float:left;width: 884px;background:#f5f5f5;min-height: 900px; }
    168. 

  168. 	.content .new-list{width:100%;}
    169. 

  169. 	.content .new-list .dataRousce {background: #fff;}
    170. 

  170. 	.dataRousce .handleMore {display: none;}
    171. 

  171. 	.listData-select-title {background: #fff;}
    172. 

  172. 	.search-select {display: flex;width: 800px;margin: 0 30px;padding: 20px 16px 0 16px; border-bottom: 1px solid #F0F0F0;background: #fff;height: 60px;}
    173. 

  173. 	.search-select div {cursor: pointer; font-size: 18px;color: #666666;}
    174. 

  174. 	.search-select .select-earliest {margin-left: 40px;}
    175. 

  175. 	.search-select .select-earliest {}
    176. 

  176. 	.now-search-select {font-weight: Bold;color: #333333;border-bottom: 2px solid #FF5B00;}
    177. 

  177. 

  178. 	.content .row:nth-last-child(1){border-bottom:0}
    179. 

  179. 	/*信息平台banner*/
    180. 

  180. 	.info-banner {width: fit-content;box-sizing: border-box;display: flex;justify-content: space-between;}
    181. 

  181. 	.info-banner .banner {width: 514px;margin-right: 10px;height: 384px;margin-bottom: 16px;}
    182. 

  182. 	.info-banner .sider-banner {width: 360px;display: flex;flex-direction: column;}
    183. 

  183. 	.info-banner .sider-banner div {height: 186px;}
    184. 

  184. 	.info-banner .sider-banner div:nth-child(2) {margin-top: 10px;}
    185. 

  185. 	.info-Notice {width: 284px;background: #fff;float: right;height: 384px;margin-bottom: 16px;}
    186. 

  186. 	.info-Notice .notice-title {display: flex;justify-content: space-between;box-sizing: border-box;height: 48px;padding: 14px 16px;}
    187. 

  187. 	.info-Notice .notice-title div:nth-child(1) {font-size: 16px;font-weight: bold;color: #333333;}
    188. 

  188. 	.info-Notice .notice-content {height: calc(100% - 48px);padding: 0 20px;box-sizing: border-box;overflow: hidden;}
    189. 

  189. 	.info-Notice .notice-content .notice-content-list {border-top: 1px solid #F0F0F0;}
    190. 

  190. 	.info-Notice .notice-content .notice-content-li {padding: 14px 0 14px 18px;border-top: 1px solid #F0F0F0;list-style: disc;cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 16px;color: #333333;position: relative;}
    191. 

  191. 	.info-Notice .notice-content .notice-content-li:before {content: "";width: 6px;height: 6px;background: #ccc;position: absolute;left: 0;border-radius: 50%;top: calc(50% - 4px);}
    192. 

  192. 	.info-Notice .notice-content .notice-content-li:hover {color: #FF5B00;}
    193. 

  193. 	.info-Notice .notice-content .notice-content-li:hover:before {background: #FF5B00;}
    194. 

  194. 

  195. 	.new-list .row{position:relative;display:table;width:800px;height:150px;margin:0 30px;padding:24px 0;border-bottom:solid 1px #ededed}
    196. 

  196. 	.row .new-img{position:absolute;width:210px;height:150px;margin-right:20px;}
    197. 

  197. 	.row .campaign{position:absolute;top:35px;left:5px;width:56px;height:24px;line-height:24px;font-size:16px;color:#fff;text-align:center;border-radius:2px;background-color:#FF5B00;opacity:.7;z-index:99}
    198. 

  198. 	.row .new-img img{width:100%;height:100%;background-size:80%}
    199. 

  199. 	.row .new-img img:hover{border:solid 2px #FF5B00;opacity:0.8}
    200. 

  200. 	.row .new-img img.none:hover{border:none;opacity:1;cursor:default}
    201. 

  201. 	.row .new-blurb{padding-left:230px;min-height:150px;margin-top:-5px;overflow:hidden}
    202. 

  202. 	.row .new-blurb .title{width:570px;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
    203. 

  203. 	.row .new-blurb .title em,.row .new-blurb .introduction em{color:#f97956}
    204. 

  204. 	.P_img{width:33px;height:20px;line-height:20px;margin-right:20px;display:inline-block;}
    205. 

  205. 	.P_img em{display:inline-block;min-width:100px;line-height:24px}
    206. 

  206. 	.P_img em:before{width:24px;height:24px;background-position:-185px -329px;vertical-align:top;margin-right:5px}
    207. 

  207. 	.new-blurb a{color:#333}
    208. 

  208. 	.new-blurb a:hover{color:#FF5B00}
    209. 

  209. 	.new-blurb a.none:hover{color:#333;cursor:default}
    210. 

  210. 	.content .xinxi{color:#aaa;font-size:14px;line-height:26.28px;padding:8px 0}
    211. 

  211. 	.xinxi .write{display:inline-block;margin-right:20px}
    212. 

  212. 	.xinxi .write:before{width:24px;height:24px;background-position:-83px -329px;vertical-align:top;margin-right:5px}
    213. 

  213. 	.xinxi .time{display:inline-block;margin-right:20px}
    214. 

  214. 	.xinxi .time:before{width:24px;height:24px;background-position:-117px -329px;vertical-align:top;margin-right:5px}
    215. 

  215. 	.xinxi .hotspot{display:inline-block}
    216. 

  216. 	.xinxi .hotspot:before{width:24px;height:24px;background-position:-150px -329px;vertical-align:top;margin-right:5px}
    217. 

  217. 	.xinxi .pv{display:inline-block;margin-right:20px}
    218. 

  218. 	.xinxi .pv:before{width:24px;height:24px;background-position:-185px -329px;vertical-align:top;margin-right:5px}
    219. 

  219. 	.xinxi .source{display:inline-block;margin-right:20px}
    220. 

  220. 	.xinxi .source:before{width:24px;height:24px;background-position:-285px -329px;vertical-align:top;margin-right:5px}
    221. 

  221. 	.article .date{margin-right:30px}
    222. 

  222. 	.article .write{margin-left:5px;margin-right:30px}
    223. 

  223. 	.row .new-blurb .introduction{margin-top: 10px; color:#777;font-size:14px;line-height:26px;min-height:52px;overflow :hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
    224. 

  224. 	.other{width:284px;float:right}
    225. 

  225. 	.classify{height:50px;line-height:50px;border-left:solid 4px #FF5B00;font-size: 16px;font-weight: bold;color: #333333;;padding-left:15px;padding-right:5px;background:#fff; display: flex;justify-content: space-between;}
    226. 

  226. 

  227. 

  228. 	.classify .pre,.content .classify .next{display:inline-block;width:16px;height:16px;line-height:16px;color:#fff;text-align:center;float:right;margin-right:10px;margin-top:20px;cursor:pointer;background:#ccc;font-size:12px;font-weight:normal}
    229. 

  229. 	.classify .pre:before{content:"\276E"}
    230. 

  230. 	.classify .next:before{content:"\276F"}
    231. 

  231. 	.classify .pre:hover,.content .classify .next:hover{background:#FF5B00}
    232. 

  232. 	.tags{background:#fff}
    233. 

  233. 	.tag{max-height:437px;overflow:hidden;padding:18px 7px 2px 19px;border-top:solid 1px #ededed;margin-bottom:20px}
    234. 

  234. 	.tag a{float:left;font-size:14px;color:#fff;height:32px;line-height:32px;padding:0 12px;background:#FF5B00;text-align:center;border-radius:4px;margin:2px 12px 18px 0;cursor:pointer}
    235. 

  235. 	.tag a:hover{padding:0 13px;height:35px;line-height:35px;margin:0px 10px 17px 0}
    236. 

  236. 	.other .recommend{background:#fff;margin-bottom:20px}
    237. 

  237. 

  238. 	/*感兴趣的商品*/
    239. 

  239. 	.other .recommend .classify .more-product {display: inline-flex;align-items: center;}
    240. 

  240. 	.other .recommend .classify .more-product a {cursor: pointer; font-size: 12px;}
    241. 

  241. 

  242. 	.other .recommend .row{padding:15px;border-top:solid 1px #ededed;border-bottom:none;padding-bottom:21px}
    243. 

  243. 	.row .new-img.xiao{width:100px;height:70px}
    244. 

  244. 	.row .new-img.xiao img{width:98px;height:68px;object-fit: contain;}
    245. 

  245. 	.row .new-img.xiao img:hover{border:solid 1px #FF5B00}
    246. 

  246. 	.row .new-blurb.xiao{padding-left:110px;min-height:70px !important}
    247. 

  247. 	.row .new-blurb .shuoming{font-size:14px;line-height:25px;max-height:78px;overflow :hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
    248. 

  248. 	.tui .tui-img{display:block;position: relative; width:284px;height: 222px;margin-bottom:20px;overflow:hidden;background:#FFF url(/img/base/placeholder.png) no-repeat center center;background-size:80%}
    249. 

  249. 	.tui .tui-img img{width:100%;height: 100%;object-fit: contain;}
    250. 

  250. 	.tui .tui-img::after{content: "";opacity: 0;width: 100%;height: 100%; position: absolute; left: 0;top: 0;box-sizing: border-box;border: 1px solid #FF5B00; transition: all 0.2s;}
    251. 

  251. 	.tui .tui-img:hover::after{opacity: 1;}
    252. 

  252. 	/*.tui .tui-img img:hover{opacity:0.8;border:solid 1px #FF5B00} */
    253. 

  253. 	.tui .tui-img .none:hover{opacity:1;border:none;cursor:default}
    254. 

  254. 	/*.new-list .search{width:884px;padding:0 30px;border-bottom:solid 1px #ededed}*/
    255. 

  255. 	/*.new-list .search .search-box{position:relative;width:796px;height:50px;margin-top:30px;}*/
    256. 

  256. 	/*.new-list .search-box .keyword{width:696px;height:50px;line-height:50px;padding-left:40px;border:1px solid #ddd;border-right:none;border-radius:12px 0 0 12px;color:#777;font-size:14px;background:url(/img/info/search1.png) no-repeat 10px 12px}*/
    257. 

  257. 	/*.new-list .search-box .keyword:focus{border:1px solid #ddd;border-right:none;outline:medium}*/
    258. 

  258. 	/*.new-list .search-box .search-btn{position:absolute;top:0px;right:1px;display:block;width:100px;height:50px;line-height:50px;text-align:center;border-radius:0 12px 12px 0;color:#fff;background-color:#FF5B00;background-image:none;font-size:20px}*/
    259. 

  259. 	.new-list .search { padding: 32px 32px 0; }
    260. 

  260. 	.new-list .search-box { display: flex; justify-content: space-between; align-items: center; }
    261. 

  261. 	.new-list .search-box .keyword{ flex: 1; flex-shrink: 0; display: block; height: 48px; padding-left:40px; box-sizing: border-box; border:1px solid #ddd;border-right:none; color:#777;font-size:14px; background:url(/img/info/search1.png) no-repeat 10px 12px; }
    262. 

  262. 	.new-list .search-box .search-btn{ display: block; width: 100px; height: 48px; text-align: center; line-height: 48px; color: #fff; background: #FF5B00; font-size: 14px; }
    263. 

  263. 	.new-list .search-tip { display: flex; align-items: center; height: 48px; margin: 15px 0; padding: 0 16px; font-size: 16px; color: #4A4F58; background: #FEF6F3; }
    264. 

  264. 	.new-list .search-tip span { color:#FF5B00; font-weight:bold; margin: 0 2px; }
    265. 

  265. 	.new-list .search-tip a { display: block; width: 88px; height: 32px; background: #FF5B00; color: #fff; text-align: center; line-height: 32px; margin-left: 12px; }
    266. 

  266. 	/* 搜索结果排序 */
    267. 

  267. 	/* .new-list .filter-sort { display: flex; justify-content: flex-start; align-items: center; padding-left: 32px; line-height: 36px; margin-top: 32px; }
    268. 

  268. 	.new-list .filter-sort .filter__label { font-size: 16px; color: #4A4F58; margin-right: 24px;}
    269. 

  269. 	.new-list .filter-sort .filter__item_list { color: #8A8A8A; }
    270. 

  270. 	.new-list .filter-sort .filter__item_list .filter__item { display: inline-block; margin-right: 24px; box-sizing: border-box; padding: 0 16px 0 40px; position: relative; cursor: pointer; }
    271. 

  271. 	.new-list .filter-sort .filter__item_list .filter__item.active { background: #FEF6F3; color: #FF5B00; border-radius: 20px; text-align: center; }
    272. 

  272. 	.new-list .filter-sort .filter__item_list .filter__item.normal::after,
    273. 

  273. 	.new-list .filter-sort .filter__item_list .filter__item.date::after{ content: ""; display: block; width: 20px; height: 20px; background-position: center;
    274. 

  274. 		background-repeat: no-repeat; background-size: 20px;position: absolute; left: 16px; top: 50%; transform: translateY(-50%); }
    275. 

  275. 	.new-list .filter-sort .filter__item_list .filter__item.normal::after { background-image: url("/img/base/pc-icon-sort-normal.png"); }
    276. 

  276. 	.new-list .filter-sort .filter__item_list .filter__item.date::after { background-image: url("/img/base/pc-icon-sort-date.png"); }
    277. 

  277. 	.new-list .filter-sort .filter__item_list .filter__item.normal.active::after { background-image: url("/img/base/pc-icon-sort-normal-active.png"); }
    278. 

  278. 	.new-list .filter-sort .filter__item_list .filter__item.date.active::after { background-image: url("/img/base/pc-icon-sort-date-active.png"); }
    279. 

  279. 	*/
    280. 

  280. 	/* 文章搜索信息 */
    281. 

  281. 	.search-section { display: flex;align-items: center;justify-content: space-between; width: 884px; background: #F5F5F5; padding-bottom: 16px; overflow: hidden; }
    282. 

  282. 	.search-section .search__product_list{flex: 1; height: 178px; background: #fff; transition: all 0.4s; box-sizing: border-box; padding: 0 32px;}
    283. 

  283. 	.search-section .search__product_list .search__tip{ margin: 12px 0; font-size: 16px; color: #4A4F58;}
    284. 

  284. 	.search-section .search__product_list .search__tip span{ color: #FF5B00; font-weight: bold; }
    285. 

  285. 	.search-section .search__product_list .search__content {display: flex;}
    286. 

  286. 	.search-section .search__product_list .search__product{display: block; width: 90px; margin-left: 17px;}
    287. 

  287. 	.search-section .search__product_list .search__product:first-child{ margin-left: 0;}
    288. 

  288. 	.search-section .search__product_list .search__product .search__product_cover{width: 100%; height: 90px; box-sizing: border-box; border: 1px dashed #EEEFF1;}
    289. 

  289. 	.search-section .search__product_list .search__product .search__product_cover img{display: block; width: 88px; height: 88px;}
    290. 

  290. 	.search-section .search__product_list .search__product .search__product_name{width: 100%; margin-top: 10px; font-size: 14px; color: #4A4F58; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    291. 

  291. 	.search-section .search__more { width: 180px; height: 178px; margin-left: 16px; display: flex; justify-content: center;align-items: center; flex-direction: column; background: url("/img/article/pc-icon-search-more-bg.png") no-repeat center; background-size: 180px 178px;}
    292. 

  292. 	.search-section .search__more .search__more_tip{ font-size: 14px; color: #4A4F58; }
    293. 

  293. 	.search-section .search__more .search__more_line{ width: 14px; height: 2px; background: #FF5B00; margin: 18px 0 20px;}
    294. 

  294. 	.search-section .search__more .search__more_link{ display: block; width: 144px; height: 36px; line-height: 36px; text-align: center; color: #fff; font-size: 16px; background: #FF5B00; }
    295. 

  295. 	/* 文章搜索排序 */
    296. 

  296. 	.search-filter{background: #f5f5f5;padding-bottom: 16px;}
    297. 

  297. 	.search-filter .search__content{height: 56px; background: #fff; display: flex;align-items: center;justify-content: space-between; padding: 0 32px; }
    298. 

  298. 	.search-filter .search__content .search__tip{font-size: 16px; color: #4A4F58;background: #fff; flex: 1;}
    299. 

  299. 	.search-filter .search__content .search__tip span{color: #FF5B00; font-weight: bold;}
    300. 

  300. 	.search-filter .search__content .search__sort { position: relative; z-index: 9; cursor: pointer; user-select: none; width: 112px; height: 32px; border: 1px solid #eee; box-sizing: border-box;padding-right: 24px;padding-left: 14px; }
    301. 

  301. 	.search-filter .search__content .search__sort::after{content:""; display: block;width: 24px; height: 24px; position: absolute; top: 3px; right: 4px; background: url("/img/article/pc-icon-search-drap-down.png") no-repeat center; background-size: 24px 24px; }
    302. 

  302. 	.search-filter .search__content .search__sort.active::after{ background-image: url("/img/article/pc-icon-search-drap-up.png") }
    303. 

  303. 	.search-filter .search__content .search__sort .search__sort_current{font-size: 14px; color: #4A4F58;line-height: 30px;}
    304. 

  304. 	.search-filter .search__content .search__sort .search__sort_select{ position: absolute;display: none;padding: 8px 0; top: 36px; left: 50%; transform: translateX(-50%); width: 136px; background-color: #fff;box-shadow: 0px 6px 16px 1px rgba(0,0,0,0.1); border-radius: 2px; }
    305. 

  305. 	@keyframes searchSortSlide { from {opacity: 0.5; top: 60px} to{opacity: 1; top: 36px;}}
    306. 

  306. 	.search-filter .search__content .search__sort.active .search__sort_select{ display: block; animation: searchSortSlide 0.4s forwards ease-in-out; }
    307. 

  307. 	.search-filter .search__content .search__sort .search__sort_select li{position: relative; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #4A4F58; padding-right: 40px;}
    308. 

  308. 	.search-filter .search__content .search__sort .search__sort_select li::after{ content:""; display: block;width: 20px; height: 20px; position: absolute; top: 10px; right: 16px; background: no-repeat center; background-size: 20px 20px; }
    309. 

  309. 	.search-filter .search__content .search__sort .search__sort_select li.selected,
    310. 

  310. 	.search-filter .search__content .search__sort .search__sort_select li:hover{ background-color: #FEF6F3; color: #FF5B00; }
    311. 

  311. 	.search-filter .search__content .search__sort .search__sort_select li.selected::after{ background-image: url("/img/article/pc-icon-search-selected.png") }
    312. 

  312. 

  313. 	.no-result{width:884px;height:500px;text-align:center;padding-top:100px;background: #fff;}
    314. 

  314. 	.no-result .nofound{color:#333;font-size:18px;margin-top:20px}
    315. 

  315. 	.no-result .nofound span{color:#FF5B00}
    316. 

  316. 	.no-result .change{font-size:14px;color:#666;margin-top:8px}
    317. 

  317. 	.emliu{display:inline-block;min-width:100px}
    318. 

  318. 	.middle{text-align:center;font-size:16px;padding:200px 0}
    319. 

  319. 	.middle img{width:200px}
    320. 

  320. 	#articleRelated {background: #fff;}
    321. 

  321. 	.content .new-list.article{padding:24px;margin-bottom:20px;background: #fff;}
    322. 

  322. 	.article .title{line-height:40px;font-size:28px;color:#333}
    323. 

  323. 	.article .xinxi{margin-top:5px;padding-bottom:14px;border-bottom:solid 1px #ededed}
    324. 

  324. 	.article .new-mian{margin:23px 0;width:760px}
    325. 

  325. 	.article .new-mian img{width:auto !important;display:inline-block;display:block;margin:0 auto;height:auto !important}
    326. 

  326. 	.article p{font-size:16px;line-height:30px;color:#777;margin-bottom:15px}
    327. 

  327. 	.dianzan{width:auto;text-align:center}
    328. 

  328. 	.article .like{color: #FF5B00; cursor: pointer;display: inline-block;height: 80px;width: 80px;line-height: 110px;margin: 30px auto;border-radius: 50%;background: #fef6f3;text-align: center;position: relative}
    329. 

  329. 	.article .like:before{width: 45px;height: 45px;background-position: 5px -539px;vertical-align: middle;border-radius: 50%;position: absolute;left: 17px}
    330. 

  330. 	.like.hasDian{color:#FF5B00}
    331. 

  331. 	.dea-tag a{display:inline-block;color:#fff;height:32px;line-height:32px;padding:0 12px;background:#FF5B00;text-align:center;border-radius:4px;margin-right:15px;cursor:pointer;margin-bottom: 10px}
    332. 

  332. 	.article .like:hover{background: #ffe6dc}
    333. 

  333. 	/*ross广告图*/
    334. 

  334. 	.article-right-ross{width:284px;height:343px;float: right; background: #F3920D;text-align: center;line-height: 343px;font-size: 50px;color: #FFFFFF;border-radius: 2px;margin-bottom: 16px;}
    335. 

  335. 	.article-right-ross.none{display: none;}
    336. 

  336. 	.article-right-ross.show{display: block;}
    337. 

  337. 	.article-right-ross>a{width: 100%;height: 100%;display: block;border-radius: 2px;}
    338. 

  338. 	.article-right-ross>a img{width: 100%;height: 100%;display: block;border-radius: 2px;}
    339. 

  339. 	/*ross宣传弹窗*/
    340. 

  340. 	.ross-banner-fiexd{width: 100%;height: 260px;position: fixed;z-index: 999;background: url("/img/ross/ross-bg@1x.png")center no-repeat;left: 0;right: 0;bottom: -260px;box-sizing: border-box;padding: 0 180px;opacity: 0;}
    341. 

  341. 	.ross-banner-fiexd.active{animation: rundbottom 1s backwards;bottom: 0;opacity: 1;}
    342. 

  342. 	.ross-main{width: 440px;height: 100%;box-sizing: border-box;padding: 24px 40px;float: right;position: relative;}
    343. 

  343. 	.ross-close{width: 28px;height: 28px;background: url('/img/activity/pc_close.png') no-repeat;background-size: cover;position: absolute;top: 20px;right: -24px;cursor: pointer;}
    344. 

  344. 	.ross-from{width: 100%;height: auto;}
    345. 

  345. 	.ross-from .from-row{width: 100%;height: 40px;float: left;margin: 12px 0;box-sizing: border-box;}
    346. 

  346. 	.ross-from .from-row.none{margin: 0;padding-left: 60px;}
    347. 

  347. 	.ross-from .from-row .label{width: 60px;height: 40px;float: left;line-height: 40px;font-size: 14px;color: #FFFFFF;text-align: right;padding-right: 5px;box-sizing: border-box;}
    348. 

  348. 	.ross-from .from-row .input{width: 300px;height: 40px;float: left;border-radius: 2px; border: none; line-height: 40px;font-size: 14px;color: #202020;box-sizing: border-box;padding: 0 10px;background: #FFFFFF;}
    349. 

  349. 	.ross-from .from-row .from-btn{width: 300px;height: 40px;float: left;line-height: 40px;font-size: 14px;color: #FFFFFF;text-align: center;background: #202020;cursor: pointer;}
    350. 

  350. 	.ross-from .from-row .from-btn.disabled{background: #CBCBCB;}
    351. 

  351. 	.ross-from .from-row .link{display: block;line-height: 28px;font-size: 14px;color: #FFFFFF;margin: 0 24px;}
    352. 

  352. 	.ross-from .from-row .link.left{float: left;}
    353. 

  353. 	.ross-from .from-row .link.right{float: right;}
    354. 

  354. 	@keyframes rundbottom{ 0%{bottom: -260px;opacity: 0;} 100%{bottom:0;opacity: 1;} }
    355. 

  355. 

  356. }
    357. 

  357. @media screen and (max-width:768px){
    358. 

  358. 	body{height: 100vh;overflow-y: scroll;position: relative;}
    359. 

  359. 	/*信息平台H5修改*/
    360. 

  360. 	.head-back {display: none;}
    361. 

  361. 	.auto-input {display: none;}
    362. 

  362. 	.nav {display: none;}
    363. 

  363. 	.tip-bar {display: none;}
    364. 

  364. 	.search-top .info-logo-content {display: none;}
    365. 

  365. 	.PcBanner {display: none !important;}
    366. 

  366. 	.search-top {position: sticky;display: flex;justify-content: space-between;box-sizing: border-box;height: 13.6vw;background: #fff;padding: 0 4vw;align-items: center;}
    367. 

  367. 	.search-top .H5-info-logo {width: 28vw; height: 12vw;background: url(/img/article/h5-logo.png) center;background-size: cover;}
    368. 

  368. 	.search-top .H5-info-menu {width: 29vw; height: 100%;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between; font-size: 3.2vw;}
    369. 

  369. 	.search-top .H5-info-menu div {width: 7.2vw; height: 7.2vw;display: flex;justify-content: center;align-items: center;color: #FF5B00;}
    370. 

  370. 	.search-top .H5-info-menu div:nth-child(1) {background: url(/img/article/H5.png);background-size: 119vw 158vw;background-position: -27vw 37vw;}
    371. 

  371. 	.search-top .H5-info-menu .right_drawer_close {background: url(/img/article/H5.png);background-size: 119vw 158vw;background-position: -10vw 36vw;}
    372. 

  372. 	.search-top .H5-info-menu .right_drawer_open {background: url(/img/article/H5.png);background-size: 119vw 158vw;background-position: 0vw 36vw;}
    373. 

  373. 	.header .van-overlay {z-index: -1 !important;}
    374. 

  374. 	.header .searchPopup {z-index: -1 !important;padding: 22.6vw 4.333vw 5.6vw 4.333vw;}
    375. 

  375. 	/* 阴影*/
    376. 

  376. 	.search-top-shadow {box-shadow: 0 4vw 9vw #ccc;}
    377. 

  377. 	/*搜索头弹窗*/
    378. 

  378. 	.header .searchPopup .search-title{display: flex;justify-content: space-between;}
    379. 

  379. 	.header .searchPopup .search-title div:nth-child(1) {color: #333333;font-size: 4.7vw;font-weight: bold;}
    380. 

  380. 	.header .searchPopup .search-title div:nth-child(2) {width: 3.867vw;height: 3.867vw;position: relative;}
    381. 

  381. 	.header .searchPopup .search-title div:nth-child(2):after {content: "×";position: absolute;transform: translate(-50%,-50%) scale(1.5);color: #B2B2B2;font-size: 3.867vw;top: 50%;}
    382. 

  382. 	.searchPopup .search-info {margin: 5.7vw 0 5.2vw 0;}
    383. 

  383. 	.searchPopup .search-info .keyword {background: #F7F7F7;height: 10.8vw;width: 74vw;border: none;box-sizing: border-box;padding: 2vw;}
    384. 

  384. 	.searchPopup .search-info .searchBtn {background: #FF5B00;width: 17vw; height: 10.8vw;color: #fff;text-align: center;display: inline-block;line-height: 10.8vw;float: right;}
    385. 

  385. 	.searchPopup .keywords {display: flex;flex-wrap: wrap;}
    386. 

  386. 	.searchPopup .keywords div {margin: 0 2.4vw 2.4vw 0;height: 6.4vw;padding: 1.4vw 3.2vw;background: #F7F7F7;color: #999999;font-size: 2.8vw;}
    387. 

  387. 

  388. 	/*侧边弹窗*/
    389. 

  389. 	.van-popup--right {width: 70vw;height: 100%;z-index: -1 !important;}
    390. 

  390. 	.navPopup {padding: 22.6vw 0 0 6.4vw;}
    391. 

  391. 	.navPopup .nav-popup-item {height: 14vw;box-sizing: border-box;border-bottom: 1px solid #D8D8D8;color: #333333;font-size: 3.6vw;display: flex;align-items: center;justify-content: space-between;transition: all 1s;}
    392. 

  392. 	.navPopup .nav-popup-item .nav-popup-link {color: #333333;position: relative;height: 14vw;line-height: 14vw;}
    393. 

  393. 	.navPopup .nav-popup-child {height: 0;display: none;overflow: hidden;transition: height .3s ease-in-out;will-change: height;}
    394. 

  394. 	.navPopup .nav-popup-item .select-nav {width: 12.4vw;height:6.4vw;}
    395. 

  395. 	.navPopup .nav-popup-item .select-nav:after{content: "\276F";position: absolute;right: 5vw;transform: rotate(90deg);transition: .3s;}
    396. 

  396. 	.navPopup .nav-popup-item:hover .select-nav:after {transform: rotate(270deg);}
    397. 

  397. 	.navPopup .van-cell {height: 14vw;padding: 0 5vw 0 0;font-size: 3.6vw;line-height: 14vw;border-bottom: 1px solid #D8D8D8;}
    398. 

  398. 	.navPopup .van-cell__right-icon {height: 14vw;line-height: 14vw;}
    399. 

  399. 	.van-collapse-item__content {padding: 0 !important;}
    400. 

  400. 	.van-collapse-item__content .van-collapse-nav {padding: 3vw 0 0 3vw;display: block;font-size: 3.2vw;}
    401. 

  401. 	.van-collapse .van-document {height: 14vw;padding: 0 5vw 0 0;font-size: 3.6vw;line-height: 14vw;border-bottom: 1px solid #D8D8D8;display: block;color: #323233;}
    402. 

  402. 

  403. 	.info-Notice {display: none;}
    404. 

  404. 	.info-banner {margin: 3.2vw auto;width: 94.4vw;display: flex;justify-content: space-between;align-items: center;}
    405. 

  405. 	.info-banner .banner {width: 55vw;height: 40vw;box-sizing: border-box;}
    406. 

  406. 	.info-banner .sider-banner {width: 37.8vw;box-sizing: border-box;display: flex;flex-direction: column;}
    407. 

  407. 	.info-banner .sider-banner div {width: 100%;height: 19vw;}
    408. 

  408. 	.info-banner .sider-banner div:nth-child(2) {margin-top: 2vw;}
    409. 

  409. 	.info-h5-notice {height: 10vw;box-sizing: border-box;margin: 1.6vw auto 3.2vw auto;width: 93.6vw;background: #fff;display: flex;justify-content: space-between;padding: 2.7vw 3.2vw;}
    410. 

  410. 	.info-h5-notice .h5-notice {font-weight: bold;font-size: 3.6vw;color: #333333;}
    411. 

  411. 	.info-h5-notice .h5-notice-title ul > li {list-style: disc;white-space: nowrap;text-overflow: ellipsis;width: 60vw;overflow: hidden;font-size: 3.2vw;}
    412. 

  412. 	.featured-Articles {height: 53.1vw;padding: 4vw 3.2vw;box-sizing: border-box;background: #fff;width: 94.4vw;margin: 0 auto 4vw auto;}
    413. 

  413. 	.featured-Articles .featured-title {display: flex;justify-content: space-between;margin-bottom: 10px;border-bottom: 1px solid #CCCCCC;height: 8.8vw;}
    414. 

  414. 	.featured-Articles .featured-title div:nth-child(1) {color: #333333;font-size: 3.6vw;font-weight: bold;border-bottom: 2px solid #FF5B00;}
    415. 

  415. 	.featured-Articles .featured-content {height: 34vw;overflow-x: scroll;width: 100%;white-space: nowrap;}
    416. 

  416. 	.featured-Articles .featured-content .item-content {margin-right:1.6vw;flex-direction: column;width: 33.6vw; box-sizing: border-box;height: 100%;display: inline-block;vertical-align: top;}
    417. 

  417. 	.featured-Articles .featured-content .item-content .item-img {width: 100%;height: 20vw;margin-bottom: 2.4vw;box-sizing: border-box;}
    418. 

  418. 	.featured-Articles .featured-content .item-content img {width: 100%;height:100%;}
    419. 

  419. 	.featured-Articles .featured-content .item-content .item-title {color: #333333;font-size: 2.8vw;width:100%;overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    420. 

  420. 

  421. 	.header .logo,.header .home{display:none}
    422. 

  422. 	.mIcon:before{content:'';display:inline-block;font-size:0;background:url(/img/base/icon_m.png) no-repeat;background-size:100vw auto;transition:all .5s}
    423. 

  423. 	#scrollTop{display:none;position:fixed;right:0;;z-index:9999;bottom:4vw;}
    424. 

  424. 	#scrollTop .item{width:12vw;background-color:rgba(190,194,201,.3);box-sizing:border-box;text-align:center;margin-bottom:2.5vw;font-size:3vw;position:relative}
    425. 

  425. 	#scrollTop .item>span{box-sizing:border-box;display:block;padding:1.5vw;line-height:3.4vw;}
    426. 

  426. 	#scrollTop .item .toTop:before{display:block;margin:0 auto;width:5.8vw;height:5.8vw;background-position:-58.8vw -9vw}
    427. 

  427. 	.loading{box-sizing:border-box;padding:20vw 0;text-align:center}
    428. 

  428. 	.header{position: sticky; top: 0; z-index: 9999; background: #f5f5f5;}
    429. 

  429. 	.h5-head{box-sizing:border-box;width:100%;background:#FFF;height:13.6vw;margin-bottom:2.6vw;padding:2vw 2.6vw;position:relative}
    430. 

  430. 	.h5-head .index{float:left;width:9vw;line-height:3.4vw;text-align:center;font-size:3.7vw;color:#333}
    431. 

  431. 	.h5-head .index img{width:100%}
    432. 

  432. 	.h5-head .hotWord{float:right;background-color:#FF5B00;color:#fff;text-align:center;border-radius:5px;width:16vw;height:9.6vw;line-height:9.6vw;font-size:3.7vw;display: none;}
    433. 

  433. 	.search{position:absolute;top:2vw;left:15vw;width:80vw;height:9.6vw;line-height:9.4vw;margin:0 auto;box-sizing:border-box;border:1px solid #FF5B00;padding: 0 2vw;border-radius: 4.8vw;}
    434. 

  434. 	.search .keyword{border:none;outline:none;width:100%;height:8vw;line-height:8vw;border-radius:4.7vw;font-size:3.7vw;color:#4A4F58;}
    435. 

  435. 	.search .searchBtn{position:absolute;right:3vw;top:1vw;width:7vw;height:7vw;background:#FFF url(/img/info/search-m.png) no-repeat center;background-size:cover;}
    436. 

  436. 	#mHotWord{display:none;position:fixed;bottom:0;left:0;width:100%;height:100%;margin:0 auto;overflow-y:scroll;background-color:rgba(74,79,88,.7);z-index:999;-webkit-overflow-scrolling:touch}
    437. 

  437. 	#mHotWord .tags{background:#fff;border-bottom:1px solid #e9e9e9;-webkit-box-shadow:#e7e7e7 0px 4px 8px;-moz-box-shadow:#e7e7e7 0px 4px 8px;box-shadow:#e7e7e7 0px 4px 8px;padding:2.6vw}
    438. 

  438. 	#mHotWord .classify{border-left:solid 4px #FF5B00;height:4.6vw;font-size:4.6vw;line-height:4.6vw;padding-left:2vw;margin:3vw 0;color:#333}
    439. 

  439. 	#mHotWord .tag{border-top:1px solid #ddd;padding-top:2.6vw;line-height:8vw}
    440. 

  440. 	#mHotWord .tag a{display:inline-block;padding:0 2vw;line-height:6vw;font-size:3.7vw;color:#FF5B00}
    441. 

  441. 	#mHotWord .close{position:absolute;right:3.6vw;top:2.6vw}
    442. 

  442. 	#mHotWord .close:after{content:'\2715';font-size:4.5vw;font-weight:bold}
    443. 

  443. 	.header .type{width:100%;background:#FFF;white-space:nowrap;height:12vw;line-height:12vw;position:relative}
    444. 

  444. 	.header .type>div{width:100%;overflow-x:auto;padding-right:5vw;box-sizing:border-box}
    445. 

  445. 	.header .type a{display:inline-block;margin-right:1vw;padding:0 2vw;font-size:3.7vw}
    446. 

  446. 	.header .type a.current{color:#FF5B00}
    447. 

  447. 	.header .type:after{content:'';position:absolute;top:0;right:0;width:6vw;background-image:linear-gradient(to right,rgba(255,255,255,.5),rgba(255,255,255,1));height:100%}
    448. 

  448. 	/*.tip-bar{display: flex;justify-content: space-between;align-items: center;flex-direction: row-reverse}*/
    449. 

  449. 	.tip-bar{ padding: 2vw 0 }
    450. 

  450. 	.tip,.bar,.classify{height:6vw;line-height:6vw;font-size:3.1vw;overflow:hidden;color:#93979F;padding:0 2vw}
    451. 

  451. 	/*.classify.search-tip{ font-size: 3.2vw; font-weight: bold; }*/
    452. 

  452. 	/*.classify.search-tip em{color:#FF5B00;font-weight:bold;}*/
    453. 

  453. 	/*.classify.search-tip a{ color:#FF5B00; text-decoration: underline; }*/
    454. 

  454. 	/*.classify.search-tip.pointer::after {content: ""; display: inline-block;width: 6.2vw; height: 6.2vw;*/
    455. 

  455. 	/*	background: url(/img/base/icon-pointer-right.png) no-repeat center; background-size: 6.2vw 6.2vw;*/
    456. 

  456. 	/*	-webkit-animation: ease pointerFlashing infinite 0.3s;*/
    457. 

  457. 	/*	animation: ease pointerFlashing infinite 0.3s; -webkit-transform: rotateY(180deg); transform: rotateY(180deg);vertical-align: -1.6vw;*/
    458. 

  458. 	/*	-webkit-filter: invert(54%) sepia(57%) saturate(5587%) hue-rotate(352deg) brightness(90%) contrast(96%);filter: invert(54%) sepia(57%) saturate(5587%) hue-rotate(352deg) brightness(90%) contrast(96%);*/
    459. 

  459. 	/*}*/
    460. 

  460. 	.mainData{min-height:68vh}
    461. 

  461. 	.new-list .search-tip { display: flex; align-items: center; margin: 0 2.4vw 2.4vw; padding: 2.8vw 2.4vw; font-size: 3vw; color: #4A4F58; background: #FEF6F3; }
    462. 

  462. 	.new-list .search-tip .content div { display: inline }
    463. 

  463. 	.new-list .search-tip span { color:#FF5B00; font-weight:bold; }
    464. 

  464. 	.new-list .search-tip a { display: block; flex-shrink: 0; width: 14.6vw; height: 5.4vw; background: #FF5B00; color: #fff; text-align: center; line-height: 5.4vw; margin-left: 3.2vw; }
    465. 

  465. 	/* 搜索结果排序 */
    466. 

  466. 	.new-list .filter-sort { display: flex; justify-content: flex-start; align-items: center; padding-left: 3.2vw; padding-bottom: 5.8vw; padding-top: 2.4vw; line-height: 8vw; font-size: 3.4vw;}
    467. 

  467. 	.new-list .filter-sort .filter__label { color: #4A4F58; margin-right: 3.2vw;}
    468. 

  468. 	.new-list .filter-sort .filter__item_list { color: #8A8A8A; }
    469. 

  469. 	.new-list .filter-sort .filter__item_list .filter__item { display: inline-block; margin-right: 2.4vw; box-sizing: border-box; padding: 0 2.8vw 0 8.4vw; position: relative; cursor: pointer; }
    470. 

  470. 	.new-list .filter-sort .filter__item_list .filter__item.active { background: #FEF6F3; color: #FF5B00; border-radius: 4vw; text-align: center; }
    471. 

  471. 	.new-list .filter-sort .filter__item_list .filter__item.normal::after,
    472. 

  472. 	.new-list .filter-sort .filter__item_list .filter__item.date::after{ content: ""; display: block; width: 4.8vw; height: 4.8vw; background-position: center;
    473. 

  473. 		background-repeat: no-repeat; background-size: 4.8vw;position: absolute; left: 2.8vw; top: 50%; transform: translateY(-50%); }
    474. 

  474. 	.new-list .filter-sort .filter__item_list .filter__item.normal::after { background-image: url("/img/base/h5-icon-sort-normal.png"); }
    475. 

  475. 	.new-list .filter-sort .filter__item_list .filter__item.date::after { background-image: url("/img/base/h5-icon-sort-date.png"); }
    476. 

  476. 	.new-list .filter-sort .filter__item_list .filter__item.normal.active::after { background-image: url("/img/base/h5-icon-sort-normal-active.png"); }
    477. 

  477. 	.new-list .filter-sort .filter__item_list .filter__item.date.active::after { background-image: url("/img/base/h5-icon-sort-date-active.png"); }
    478. 

  478. 

  479. 	/* 文章搜索信息 */
    480. 

  480. 	.search-section { background: #F5F5F5; padding-bottom: 2vw; width: 94.4vw; margin: 0 auto;}
    481. 

  481. 	.search-section .search__product_list{ background: #fff; transition: all 0.4s; box-sizing: border-box;margin-top: 3.2vw;}
    482. 

  482. 	.search-section .search__product_list .search__tip{ margin: 0 3.2vw 0 3.2vw; font-size: 3.4vw; color: #4A4F58; padding: 3.2vw 0;}
    483. 

  483. 	.search-section .search__product_list .search__tip span{ color: #FF5B00; font-weight: bold; }
    484. 

  484. 	.search-section .search__product_list .search__content {display: flex; overflow-y: scroll; padding-bottom: 3.5vw;}
    485. 

  485. 	.search-section .search__product_list .search__product{flex-shrink: 0; display: block; width: 26vw; margin-left: 2.4vw;}
    486. 

  486. 	.search-section .search__product_list .search__product:first-child{ margin-left: 3.3vw;}
    487. 

  487. 	.search-section .search__product_list .search__product .search__product_cover{width: 100%; height: 24vw; box-sizing: border-box; border: 0.2vw dashed #EEEFF1;}
    488. 

  488. 	.search-section .search__product_list .search__product .search__product_cover img{display: block; width: 23.6vw; height: 23.6vw;}
    489. 

  489. 	.search-section .search__product_list .search__product .search__product_name{width: 100%; margin-top: 2.4vw; font-size: 3vw; color: #4A4F58; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    490. 

  490. 	.search-section .search__more { flex-shrink: 0;  width: 30.8vw; height: 30.8vw; margin-left: 4vw; margin-right: 3.3vw; display: flex; justify-content: center;align-items: center; flex-direction: column; background: url("/img/article/h5-icon-search-more-bg.png") no-repeat center; background-size: 30.8vw 30.8vw;}
    491. 

  491. 	.search-section .search__more .search__more_tip{ font-size: 3vw; color: #4A4F58; }
    492. 

  492. 	.search-section .search__more .search__more_line{ width: 2.4vw; height: 0.3vw; background: #FF5B00; margin: 3.5vw 0 3.7vw;}
    493. 

  493. 	.search-section .search__more .search__more_link{ display: block; width: 24.8vw; height: 7.2vw; line-height: 7.2vw; text-align: center; color: #fff; font-size: 3vw; background: #FF5B00; }
    494. 

  494. 	/* 文章搜索排序 */
    495. 

  495. 	.search-filter{background: #f5f5f5;padding-bottom: 2vw;}
    496. 

  496. 	.search-filter .search__content{height: 13.2vw; background: #fff; display: flex;align-items: center;justify-content: space-between; padding: 0 3.2vw; width: 94.4vw;margin: 3.2vw auto 0 auto;}
    497. 

  497. 	.search-filter .search__content .search__tip{font-size: 3.4vw; color: #4A4F58;background: #fff; flex: 1;}
    498. 

  498. 	.search-filter .search__content .search__tip span{color: #FF5B00; font-weight: bold;}
    499. 

  499. 	.search-filter .search__content .search__sort { position: relative; z-index: 9; cursor: pointer; user-select: none; width: 24.8vw; height: 8vw; border: 0.2vw solid #eee; box-sizing: border-box;padding-right: 6.8vw;padding-left: 3vw; }
    500. 

  500. 	.search-filter .search__content .search__sort::after{content:""; display: block;width: 5.4vw; height: 5.4vw; position: absolute; top: 1.3vw; right: 1.4vw; background: url("/img/article/h5-icon-search-drap-down.png") no-repeat center; background-size: 5.4vw 5.4vw; }
    501. 

  501. 	.search-filter .search__content .search__sort.active::after{ background-image: url("/img/article/h5-icon-search-drap-up.png") }
    502. 

  502. 	.search-filter .search__content .search__sort .search__sort_current{font-size: 3vw; color: #4A4F58;line-height: 7.6vw;}
    503. 

  503. 	.search-filter .search__content .search__sort .search__sort_select{ position: absolute;display: none;padding: 1.6vw 0; top: 10vw; left: 50%; transform: translateX(-50%); width: 24.8vw; background-color: #fff;box-shadow: 0px 0.4vw 2.4vw 0.1vw rgba(0,0,0,0.1); border-radius: 0.2vw; }
    504. 

  504. 	@keyframes searchSortSlide { from {opacity: 0.5; top: 11vw} to{opacity: 1; top: 10vw;}}
    505. 

  505. 	.search-filter .search__content .search__sort.active .search__sort_select{ display: block; animation: searchSortSlide 0.4s forwards ease-in-out; }
    506. 

  506. 	.search-filter .search__content .search__sort .search__sort_select li{position: relative; height: 10vw; line-height: 10vw; text-align: center; font-size: 3vw; color: #4A4F58; padding-right: 6.4vw;}
    507. 

  507. 	.search-filter .search__content .search__sort .search__sort_select li::after{ content:""; display: block;width: 4vw; height: 4vw; position: absolute; top: 3vw; right: 2.4vw; background: no-repeat center; background-size: 4vw 4vw; }
    508. 

  508. 	.search-filter .search__content .search__sort .search__sort_select li.selected { background-color: #FEF6F3; color: #FF5B00; }
    509. 

  509. 	.search-filter .search__content .search__sort .search__sort_select li.selected::after{ background-image: url("/img/article/h5-icon-search-selected.png") }
    510. 

  510. 

  511. 	.dataRousce{width:94.4vw;background:#FFF;overflow:hidden;margin: 3.2vw auto 0 auto;}
    512. 

  512. 	.dataRousce .row{width:100%;height:34.8vw;border-top:1px solid #F5F5F5;background:#FFF;overflow:hidden;box-sizing:border-box;padding:2vw 3.3vw 2vw 37vw;position:relative;color:#93979F;line-height:3.5vw;font-size:2.6vw}
    513. 

  513. 	.dataRousce .row:first-child{border-top: 0;}
    514. 

  514. 	.dataRousce .row img{position:absolute;left:3.3vw;top:2.3vw;width:30.4vw;height:30.4vw}
    515. 

  515. 	.dataRousce .row .title{margin-bottom:1vw;color:#2D3036;font-size:3.4vw;max-height:9.6vw;line-height:4.8vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
    516. 

  516. 	.dataRousce .row .xinxi{margin-bottom:1vw;color:#93979f;max-height:8.4vw;line-height:4.2vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
    517. 

  517. 	.dataRousce .row .xinxi em{margin-right:1vw}
    518. 

  518. 	.dataRousce .row .hotspot a{color:#93979f}
    519. 

  519. 	.dataRousce .row .introduction{height:7vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
    520. 

  520. 	/*查看更多*/
    521. 

  521. 	.dataRousce .handleMore {width: 100%;border-top: 1px solid #CCCCCC;margin: 0 auto;display: flex;}
    522. 

  522. 	.dataRousce .handleMore .more {margin: 7.3vw auto 5.3vw auto;}
    523. 

  523. 

  524. 	.footer{width:100%;padding:4vw 0;background:#262626;text-align:center;padding: 5vw;line-height: 6.4vw;}
    525. 

  525. 	.footer .back-link {margin-bottom: 4vw;font-size: 3.4vw;}
    526. 

  526. 	.footer .back-link a {color: #fff;}
    527. 

  527. 	.footer .logo img{width:9.2vw;height:8vw;vertical-align:middle}
    528. 

  528. 	.footer .dizhi{display:inline-table;color:#ccc;font-size:3.1vw;line-height:4.8vw;vertical-align:super}
    529. 

  529. 	.xinxi .write:before{width:4vw;height:4vw;vertical-align:top;background-position:-22.5vw -17.5vw;margin-right:1vw}
    530. 

  530. 	.xinxi .time:before{width:4vw;height:4vw;vertical-align:top;background-position:-37.5vw -17.5vw;margin-right:1vw}
    531. 

  531. 	.xinxi .pv:before{width:4vw;height:4vw;vertical-align:top;background-position:-30vw -17.5vw;margin-right:1vw}
    532. 

  532. 	.xinxi .hotspot:before{width:4vw;height:4vw;vertical-align:top;background-position:-15vw -17.5vw;margin-right:1vw}
    533. 

  533. 	.xinxi .source:before{width:4vw;height:4vw;vertical-align:top;background-position:-68.5vw -39.5vw;margin-right:1vw}
    534. 

  534. 	.dataRousce .row .title em,.introduction em{color:#FF5B00}
    535. 

  535. 	.middle{text-align:center;font-size:3.7vw;padding:20vw 0}
    536. 

  536. 	.middle img{width:30vw}
    537. 

  537. 	.article{background:#fff;padding:3vw;margin-bottom:5vw}
    538. 

  538. 	.article .title{line-height:7vw;font-size:5.2vw;color:#333}
    539. 

  539. 	.article .new-mian{margin:2vw 0}
    540. 

  540. 	.article p{font-size:3.4vw;line-height:5.8vw;color:#777;word-break:break-all;word-wrap:break-word}
    541. 

  541. 	.article .xinxi{margin-bottom:2vw;color:#93979f;line-height:4.2vw;padding:3vw 0;border-bottom:solid 1px #ededed}
    542. 

  542. 	.article .xinxi em{margin-right:2vw}
    543. 

  543. 	.article .xinxi .write:before{width:4vw;height:4vw;vertical-align:top;background-position:-22.5vw -17.5vw;margin-right:1vw}
    544. 

  544. 	.article .xinxi .time:before{width:4vw;height:4vw;vertical-align:top;background-position:-37.5vw -17.5vw;margin-right:1vw}
    545. 

  545. 	.article .xinxi .pv:before{width:4vw;height:4vw;vertical-align:top;background-position:-30vw -17.5vw;margin-right:1vw}
    546. 

  546. 	.article .xinxi .hotspot:before{width:4vw;height:4vw;vertical-align:top;background-position:-15vw -17.5vw;margin-right:1vw}
    547. 

  547. 	.article .xinxi .hotspot a{color:#93979f}
    548. 

  548. 	.xinxi .source:before{width:4vw;height:4vw;vertical-align:top;background-position:-68.5vw -39.5vw;margin-right:1vw}
    549. 

  549. 	.article .join{border-top:solid 1px #ededed;text-align:center;padding:1vw 0}
    550. 

  550. 	.article .join .welcome{line-height:5.8vw;font-size:3.7vw;color:#333;text-align:left}
    551. 

  551. 	.article .join img{width:126px;height:126px;margin:20px auto;margin-right:15px}
    552. 

  552. 	.article .join img:last-child{margin-right:0}
    553. 

  553. 	.dea-tag a{display:inline-block;font-size:3.4vw;color:#fff;height:8vw;line-height:8vw;padding:0 3vw;background:#FF5B00;text-align:center;border-radius:2px;margin:3vw 3vw 0 0;cursor:pointer}
    554. 

  554. 	/*.article .like{display:block;width:35vw;height:12vw;line-height:12vw;margin:5vw auto;border:1px solid #eee;color:#777;padding:0 6vw;border-radius:5px;background:#f7f7f7}*/
    555. 

  555. 	/*.article .like:before{height:10vw;width:10vw;background-position:-75.3vw -38.6vw;vertical-align:middle;margin-right:1vw}*/
    556. 

  556. 	.classify{height:10vw;line-height:10vw;border-left:solid 4px #FF5B00;font-size:3.7vw;color:#333;padding:0 3vw;background:#fff}
    557. 

  557. 	.article .like{color: #FF5B00;cursor: pointer;display: block;height: 18.4vw;width: 18.4vw;line-height: 27.4vw;margin: 5vw auto;border-radius: 50%;background: #fef6f3;text-align: center;position: relative}
    558. 

  558. 	.article .like:before{left: 50%;transform: translateX(-50%);width: 8vw;height: 8vw;background-position: -14vw -78.4vw;vertical-align: middle;border-radius: 50%;position: absolute;top: 3.2vw}
    559. 

  559. 	.no-result{text-align: center;padding: 3.2vw 0;background: #fff;width: 94.4vw;margin: 3.2vw auto 0 auto;}
    560. 

  560. 	/*ross 广告图*/
    561. 

  561. 	.article-right-ross{width:94.4vw;margin: 0 auto 3.2vw auto;border-radius: 2px;box-sizing: border-box;}
    562. 

  562. 	.article-right-ross.none{display: none;}
    563. 

  563. 	.article-right-ross.show{display: block;}
    564. 

  564. 	.article-right-ross>a{width: 100%;height: 100%;display: block;border-radius: 2px;}
    565. 

  565. 	.article-right-ross>a img{width: 100%;height: 100%;display: block;border-radius: 2px;}
    566. 

  566. 	.article-PC {display:none;}
    567. 

  567. 	/*文章列表头*/
    568. 

  568. 	.listData-select-title {background: #fff;width: 94.4vw;padding: 3.6vw 3.2vw;margin: 3vw auto 0 auto;}
    569. 

  569. 	.listData-select-title .search-select {display: flex;border-bottom: 1px solid #CCCCCC;}
    570. 

  570. 	.listData-select-title .search-select div {font-size: 3.6vw;color: #666666;height: 8vw;}
    571. 

  571. 	.listData-select-title .search-select .now-search-select {color: #333333;font-weight: bold;border-bottom: 2px solid #FF5B00;}
    572. 

  572. 	.listData-select-title .search-select .select-new {margin-right: 9vw;}
    573. 

  573. 

  574. 	/*ross宣传弹窗*/
    575. 

  575. 	.ross-banner-fiexd{width: 100%;height: 113.8vw;position: fixed;z-index: 999;background: url("/img/ross/ross-bg@2x.png");left: 0;right: 0;bottom: -113.8vw;box-sizing: border-box;padding: 40vw 0 4vw 0;background-size: cover;animation: all 1s;}
    576. 

  576. 	.ross-banner-fiexd.active{animation: rundbottom 0.5s backwards;bottom: 0;opacity: 1;}
    577. 

  577. 	.ross-main{width: 100%;height: auto;box-sizing: border-box;float: right;padding: 0 7.2vw; position: relative;}
    578. 

  578. 	.ross-close{width: 6vw;height: 6vw;background: url('/img/activity/pc_close.png') no-repeat;background-size: cover;position: absolute;top: -35vw;right: 2vw;cursor: pointer;}
    579. 

  579. 	.ross-from{width: 100%;height: auto;}
    580. 

  580. 	.ross-from .from-row{width: 100%;height: 12vw;float: left;margin: 2vw 0;box-sizing: border-box;}
    581. 

  581. 	.ross-from .from-row.btn{margin-top: 12vw;}
    582. 

  582. 	.ross-from .from-row.none{margin: 0;}
    583. 

  583. 	.ross-from .from-row .label{display: none;}
    584. 

  584. 	.ross-from .from-row .input{width: 100%;height: 12vw;background: none;float: left;border: none; line-height:12vw;font-size: 4vw;color: #FFFFFF;box-sizing: border-box;border-bottom: 1px solid #FFFFFF;}
    585. 

  585. 	.ross-from .from-row .input::-webkit-input-placeholder{ color:#FFFFFF;}
    586. 

  586. 	.ross-from .from-row .input::-moz-input-placeholder{ color:#FFFFFF;}
    587. 

  587. 	.ross-from .from-row .input::-ms-input-placeholder{ color:#FFFFFF;}
    588. 

  588. 	.ross-from .from-row .input::input-placeholder{ color:#FFFFFF;}
    589. 

  589. 	.ross-from .from-row .from-btn{width: 100%;height: 12vw;float: left;line-height: 12vw;font-size: 4vw;color: #FFFFFF;text-align: center;background: #202020;cursor: pointer;}
    590. 

  590. 	.ross-from .from-row .from-btn.disabled{background: #CBCBCB;}
    591. 

  591. 	.ross-from .from-row .link{display: block;line-height: 12vw;font-size: 4vw;color: #FFFFFF;margin: 0 24px;}
    592. 

  592. 	.ross-from .from-row .link.left{float: left;}
    593. 

  593. 	.ross-from .from-row .link.right{float: right;}
    594. 

  594. 	@keyframes rundbottom{
    595. 

  595. 		0%{bottom: -113.8vw;opacity: 0;}
    596. 

  596. 		100%{bottom:0;opacity: 1;}
    597. 

  597. 	}
    598. 

  598. }
    599. 

  599. @media screen and (min-width: 768px) {
    600. 

  600. 	.auto-input ul.auto-select-list{margin: 0;position:absolute;left:0;top:50px;width:50%;padding:8px 0;background:#fff; z-index: 999;box-shadow: 0px 6px 12px 1px rgba(0,0,0,0.1);max-height: 420px;overflow-y:auto;}
    601. 

  601. 	.auto-input ul.auto-select-list::-webkit-scrollbar { width: 8px; background-color: #fff;}
    602. 

  602. 	.auto-input ul.auto-select-list::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #e2e2e2;}
    603. 

  603. 	.auto-input ul.auto-select-list li{padding:0 16px;font-size:14px;line-height:36px;height:36px;color:#2c3e50;user-select: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    604. 

  604. 	.auto-input ul.auto-select-list li:hover{background:#FEF6F3;}
    605. 

  605. }
    606. 

  606. @media screen and (max-width: 768px) {
    607. 

  607. 	.auto-input ul.auto-select-list{margin: 0;position:absolute;left:0;top:5vw;width:50%;padding:2.4vw 0;background:#fff; z-index: 999;box-shadow: 0px 0.6vw 1.2vw 0.1vw rgba(0,0,0,0.1);max-height:82vw;overflow-y:auto;}
    608. 

  608. 	.auto-input ul.auto-select-list::-webkit-scrollbar { width: 1.6vw; background-color: #fff;}
    609. 

  609. 	.auto-input ul.auto-select-list::-webkit-scrollbar-thumb { border-radius: 0.8vw; background-color: #e2e2e2;}
    610. 

  610. 	.auto-input ul.auto-select-list li{padding:0 3.2vw;font-size:3.4vw;line-height:8vw;height:8vw;color:#2c3e50;user-select: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    611. 

  611. 	.auto-input ul.auto-select-list li:hover{background:#ecf0f1;}
    612. 

  612. }
    613.