/* 未能缩小。正在返回未缩小的内容。
(5329,21): run-time error CSS1038: Expected hex color, found '#6666'
(38486,1): run-time error CSS1036: Expected expression, found '}'
(39072,12): run-time error CSS1036: Expected expression, found ';'
(39078,12): run-time error CSS1036: Expected expression, found ';'
(39084,12): run-time error CSS1036: Expected expression, found ';'
(39507,1): run-time error CSS1036: Expected expression, found '}'
(57218,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(57330,32): run-time error CSS1034: 
(57330,32): run-time error CSS1042: Expected function, found ','
(57330,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(60258,41): run-time error CSS1046: Expect comma, found '0'
(60258,45): run-time error CSS1046: Expect comma, found '/'
(68122,20): run-time error CSS1030: Expected identifier, found ' '
(68122,21): run-time error CSS1031: Expected selector, found 'linear-gradient('
(68122,21): run-time error CSS1025: Expected comma or open brace, found 'linear-gradient('
(68144,1): run-time error CSS1019: Unexpected token, found '}'
(69624,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(69625,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '10%'
(69647,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(69648,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '10%'
(70180,58): run-time error CSS1034: 
(70180,58): run-time error CSS1042: Expected function, found ','
(70180,63): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(70399,116): run-time error CSS1034: 
(70399,116): run-time error CSS1042: Expected function, found ','
(70399,162): run-time error CSS1034: 
(70399,162): run-time error CSS1042: Expected function, found ','
(70399,165): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(70481,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(70482,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(70491,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(70492,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(70509,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(70510,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(72142,12): run-time error CSS1036: Expected expression, found ';'
(72396,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(72397,8): run-time error CSS1035: Expected colon, found '{'
(72874,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(72876,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(72888,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(72890,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(73233,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(73234,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(73255,9): run-time error CSS1031: Expected selector, found '@keyframes'
(73255,9): run-time error CSS1025: Expected comma or open brace, found '@keyframes'
(74406,15): run-time error CSS1036: Expected expression, found ';'
(74528,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(76476,50): run-time error CSS1046: Expect comma, found '81'
(76476,57): run-time error CSS1046: Expect comma, found '/'
(76477,42): run-time error CSS1046: Expect comma, found '81'
(76477,49): run-time error CSS1046: Expect comma, found '/'
(77341,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(78302,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(79411,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79412,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79425,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79426,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79612,19): run-time error CSS1036: Expected expression, found ';'
(80705,1): run-time error CSS1019: Unexpected token, found '}'
(81069,2): run-time error CSS1031: Expected selector, found '/'
(81069,2): run-time error CSS1025: Expected comma or open brace, found '/'
(88307,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(88308,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(89021,50): run-time error CSS1046: Expect comma, found '0'
(89021,54): run-time error CSS1046: Expect comma, found '/'
(95598,29): run-time error CSS1046: Expect comma, found '0'
(95598,33): run-time error CSS1046: Expect comma, found '/'
(95806,29): run-time error CSS1046: Expect comma, found '255'
(95806,37): run-time error CSS1046: Expect comma, found '/'
(99714,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(99715,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(113325,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(113326,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(113337,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(113338,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(113350,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(113351,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(113529,45): run-time error CSS1046: Expect comma, found '0'
(113529,49): run-time error CSS1046: Expect comma, found '/'
(113534,45): run-time error CSS1046: Expect comma, found '0'
(113534,49): run-time error CSS1046: Expect comma, found '/'
(113658,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(113660,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(113671,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(113673,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(113686,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(113688,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(114514,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(114515,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(114528,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(114529,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(114542,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(114543,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(114556,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(114557,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(114566,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(114567,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(114576,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(114577,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(116502,29): run-time error CSS1046: Expect comma, found '0'
(116502,33): run-time error CSS1046: Expect comma, found '/'
(117561,29): run-time error CSS1046: Expect comma, found '0'
(117561,33): run-time error CSS1046: Expect comma, found '/'
(118490,29): run-time error CSS1046: Expect comma, found '0'
(118490,33): run-time error CSS1046: Expect comma, found '/'
(118668,2): run-time error CSS1019: Unexpected token, found '}'
(121568,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(121569,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(121580,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(121581,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(121593,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(121594,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(121756,45): run-time error CSS1046: Expect comma, found '0'
(121756,49): run-time error CSS1046: Expect comma, found '/'
(121761,45): run-time error CSS1046: Expect comma, found '0'
(121761,49): run-time error CSS1046: Expect comma, found '/'
(121885,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(121887,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(121898,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(121900,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(121913,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(121915,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(122732,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(122733,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(122746,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(122747,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(122760,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(122761,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(122774,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(122775,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(122784,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(122785,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(122794,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(122795,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(124725,29): run-time error CSS1046: Expect comma, found '0'
(124725,33): run-time error CSS1046: Expect comma, found '/'
(125796,29): run-time error CSS1046: Expect comma, found '0'
(125796,33): run-time error CSS1046: Expect comma, found '/'
(126766,29): run-time error CSS1046: Expect comma, found '0'
(126766,33): run-time error CSS1046: Expect comma, found '/'
(127195,34): run-time error CSS1046: Expect comma, found '0'
(127195,38): run-time error CSS1046: Expect comma, found '/'
(128275,2): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(128276,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128287,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(128288,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128299,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(128300,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128311,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(128312,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128324,2): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(128325,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128344,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(128345,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128364,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(128365,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128384,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(128385,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128404,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(128405,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128424,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(128425,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128444,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(128445,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128464,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(128465,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128484,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(128485,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128496,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(128497,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,328): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,347): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,1031): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,1048): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,1244): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,1263): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,1785): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,1805): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,2428): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,2445): run-time error CSS1062: Expected semicolon or closing curly-brace, found '10%'
(128537,3156): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,3172): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,4611): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,4629): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,5272): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,5292): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,5929): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,5949): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,6591): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,6612): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,7387): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,7409): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,8090): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,8113): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,8795): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,8819): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,9499): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,9522): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,10127): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,10149): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,10907): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,10930): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,11686): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,11707): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,12472): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,12496): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,13258): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,13281): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,14052): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,14076): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,14837): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,14859): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,15629): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,15654): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,16288): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,16305): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,17231): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,17252): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,18275): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,18297): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,19312): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,19332): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,20472): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,20495): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,21672): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,21690): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,22543): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,22565): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,23553): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,23576): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,24558): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,24579): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,25568): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,25592): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,26445): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,26465): run-time error CSS1035: Expected colon, found '{'
(128537,27373): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,27396): run-time error CSS1035: Expected colon, found '{'
(128537,28064): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,28087): run-time error CSS1035: Expected colon, found '{'
(128537,28706): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,28730): run-time error CSS1035: Expected colon, found '{'
(128537,29349): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,29373): run-time error CSS1035: Expected colon, found '{'
(128537,30120): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,30138): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,30376): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,30399): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,30774): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,30796): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,31170): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,31191): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,31589): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,31613): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,31994): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,32013): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,32251): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,32274): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,32657): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,32681): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,33056): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,33078): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,33479): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,33504): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,33815): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,33838): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,34603): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,34627): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,35386): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,35408): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,36176): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,36201): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,36966): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,36990): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,37754): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,37779): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,38537): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,38560): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,39327): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,39353): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,40094): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,40110): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,41253): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,41271): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,42015): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,42034): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,43052): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,43075): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,43970): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,43994): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,44883): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,44905): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,45803): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,45828): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,46723): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,46747): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,47645): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,47670): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,48562): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,48585): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,49486): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,49512): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,50329): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,50345): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(128537,51224): run-time error CSS1019: Unexpected token, found '@keyframes'
(128537,51242): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKgAAADYUHzoRaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4uByr8R4fpuvDNzsDCBw7f/3LmSanREszsHABKIAKi0J7gAAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\f10a"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\f10b"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\f10c"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\f10d"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\f10f"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\f110"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before{content:"\f111"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\f112"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\f113"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\f114"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\f115"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\f116"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\f117"}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:"\f118"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\f119"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\f11a"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\f11b"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\f11c"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\f11d"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\f11e"}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:"\f11f"}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:"\f120"}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-fluid{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);border-radius:.3em;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;margin-left:-1.5em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.666666666666666666em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;top:-.333333333333333em;z-index:1}.video-js .vjs-load-progress{background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:relative;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel .vjs-volume-control:hover,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel:hover .vjs-volume-control{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:9em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3.5em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;visibility:visible;opacity:1;position:relative;transition:none}.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{position:absolute;bottom:3em;left:.5em}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control .vjs-icon-placeholder{cursor:pointer;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:'X';font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block;-webkit-animation:0s linear .3s forwards vjs-spinner-show;animation:0s linear .3s forwards vjs-spinner-show}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@-webkit-keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"\f10d";font-size:1.5em;line-height:inherit}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" \f11d";font-size:1.5em;line-height:inherit}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control{display:none}.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control{display:none}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control{display:none}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:#fff;height:70%}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto}.vjs-text-track-settings .vjs-track-settings-colors{display:block;grid-column:1;grid-row:1}.vjs-text-track-settings .vjs-track-settings-font{grid-column:2;grid-row:1}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:2;grid-row:2}}.vjs-track-setting>select{margin-right:5px}.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none}.vjs-text-track-settings fieldset span{display:inline-block}.vjs-text-track-settings legend{color:#fff;margin:0 0 5px 0}.vjs-text-track-settings .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);display:block;margin:0 0 5px 0;padding:0;border:0;height:1px;width:1px;overflow:hidden}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;visibility:hidden}
@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
        rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
        rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
}

.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
    .animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
    }
}

@charset "UTF-8";
.icon-orange{color:#ff7840}
.icon-blue{color:#659eff}
.icon-red{color:#f02f2f}
.light-gray{color:#eee}
.gray-ccc{color:#ccc}
.tag-r{background-color:#ff605d}
.tag-y{background-color:#f8b243}
.tag-b{background-color:#579bf7}
.warn-text-bl{padding-left:.375rem;border-left:2px solid #f02f2f;color:#f02f2f}
.border-top{border-top:1px solid #4d4d4d}
.line-1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1}
.line-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2}
.padding{padding:.5rem}
.nowrap{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.gray-line{color:#999}
.img-circle{border-radius:50%}
.pay-code{padding:.2rem;background:#f8b243;color:#333;border:none}
.disabled{background:#c8c9cb}
.title-style-2{display:inline-block;padding:0 2rem;line-height:1rem;font-size:.9rem;position:relative}
.title-style-2:before{content:'';width:1.75rem;height:1rem;position:absolute;top:0;left:0;background:url(../images/title-bg-white-l.png) no-repeat left center;background-size:1.75rem auto}
.title-style-2:after{content:'';width:1.75rem;height:1rem;position:absolute;top:0;right:0;background:url(../images/title-bg-white-r.png) no-repeat right center;background-size:1.75rem auto}
@font-face{font-family:number;src:url(../font/FuturaBQ-Medium.otf)}
.number{font-size:110%}
.iconfont{display:inline-block;vertical-align:middle;font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;line-height:20px}
.icon{display:inline-block;font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;margin-top:-.2rem}
.icon-account{margin-top:0;vertical-align:middle}
.icon-type-1{background-image:url(../images/icon-type-1.png)}
.icon-type-2{background-image:url(../images/icon-type-2.png)}
.icon-type-3{background-image:url(../images/icon-type-3.png)}
.icon-type-4{background-image:url(../images/icon-type-4.png)}
.icon-img,.icon-type-1,.icon-type-2,.icon-type-3,.icon-type-4{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:center center;background-size:100%}
.icon-account{width:.9rem;height:.675rem;background:url(../images/icon-account.png) no-repeat center center;background-size:100%}
.icon-tougu{width:.75rem;height:.75rem;background:url(../images/icon-tougu.png) no-repeat center center;background-size:100%}
.icon-trophy{width:1rem;height:1.1rem;background:url(../images/icon-trophy.png) no-repeat center center;background-size:100%}
.icon-enterprise-logo{width:2.2rem;height:2.2rem;display:inline-block;vertical-align:middle;margin-right:.5rem}
.icon-type-1{width:4.75rem;height:.95rem;margin:0 .25rem;margin-top:-.4rem}
.icon-type-2{width:4.75rem;height:.95rem;margin:0 .25rem;margin-top:-.4rem}
.icon-type-3{width:4.5rem;height:.95rem;margin:0 .25rem;margin-top:-.4rem}
.icon-type-4{width:4.75rem;height:1rem;margin:0 .25rem;margin-top:-.4rem}
.icon-mytrophy{background-image:url(../images/icon-mytrophy.png)}
@media only screen and (min-width:320px){html{font-size:17.07px!important}
}
@media only screen and (min-width:325px){html{font-size:17.33px!important}
}
@media only screen and (min-width:330px){html{font-size:17.6px!important}
}
@media only screen and (min-width:335px){html{font-size:17.87px!important}
}
@media only screen and (min-width:340px){html{font-size:18.13px!important}
}
@media only screen and (min-width:345px){html{font-size:18.4px!important}
}
@media only screen and (min-width:350px){html{font-size:18.67px!important}
}
@media only screen and (min-width:355px){html{font-size:18.93px!important}
}
@media only screen and (min-width:360px){html{font-size:19.2px!important}
}
@media only screen and (min-width:365px){html{font-size:19.47px!important}
}
@media only screen and (min-width:370px){html{font-size:19.73px!important}
}
@media only screen and (min-width:375px){html{font-size:20px!important}
}@media only screen and (min-width:414px){html{font-size:22.09px!important}
}
@media only screen and (min-width: 768px) {
    html {
        font-size: 40.96px!important;
    }
}
@media only screen and (min-width: 1024px) {
    html {
        font-size: 20px!important;
    }
}
.f10{font-size:.25rem!important}
.f11{font-size:.275rem!important}
.f12{font-size:.3rem!important}
.f13{font-size:.325rem!important}
.f14{font-size:.35rem!important}
.f15{font-size:.375rem!important}
.f16{font-size:.4rem!important}
.f17{font-size:.425rem!important}
.f18{font-size:.45rem!important}
.f19{font-size:.475rem!important}
.f20{font-size:.5rem!important}
.f21{font-size:.525rem!important}
.f22{font-size:.55rem!important}
.f23{font-size:.575rem!important}
.f24{font-size:.6rem!important}
.f25{font-size:.625rem!important}
.f26{font-size:.65rem!important}
.f27{font-size:.675rem!important}
.f28{font-size:.7rem!important}
.f29{font-size:.725rem!important}
.f30{font-size:.75rem!important}
.f31{font-size:.775rem!important}
.f32{font-size:.8rem!important}
.f33{font-size:.825rem!important}
.f34{font-size:.85rem!important}
.f35{font-size:.875rem!important}
.f36{font-size:.9rem!important}
.f37{font-size:.925rem!important}
.f38{font-size:.95rem!important}
.f39{font-size:.975rem!important}
.f40{font-size:1rem!important}
.f41{font-size:1.025rem!important}
.f42{font-size:1.05rem!important}
.f43{font-size:1.075rem!important}
.f44{font-size:1.1rem!important}
.f45{font-size:1.125rem!important}
.f46{font-size:1.15rem!important}
.f47{font-size:1.175rem!important}
.f48{font-size:1.2rem!important}
.f49{font-size:1.225rem!important}
.f50{font-size:1.25rem!important}
.f51{font-size:1.275rem!important}
.f52{font-size:1.3rem!important}
.f53{font-size:1.325rem!important}
.f54{font-size:1.35rem!important}
.f55{font-size:1.375rem!important}
.f56{font-size:1.4rem!important}
.f57{font-size:1.425rem!important}
.f58{font-size:1.45rem!important}
.f59{font-size:1.475rem!important}
.f60{font-size:1.5rem!important}
.f61{font-size:1.525rem!important}
.f62{font-size:1.55rem!important}
.f63{font-size:1.575rem!important}
.f64{font-size:1.6rem!important}
.f65{font-size:1.625rem!important}
.f66{font-size:1.65rem!important}
.f67{font-size:1.675rem!important}
.f68{font-size:1.7rem!important}
.f69{font-size:1.725rem!important}
.f70{font-size:1.75rem!important}
.f71{font-size:1.775rem!important}
.f72{font-size:1.8rem!important}
.f73{font-size:1.825rem!important}
.f74{font-size:1.85rem!important}
.f75{font-size:1.875rem!important}
.f76{font-size:1.9rem!important}
.f77{font-size:1.925rem!important}
.f78{font-size:1.95rem!important}
.f79{font-size:1.975rem!important}
.f80{font-size:2rem!important}
.mauto{margin-left:auto;margin-right:auto}
.mt0{margin-top:0rem!important}
.mt5{margin-top:.125rem!important}
.mt10{margin-top:.25rem!important}
.mt15{margin-top:.375rem!important}
.mt20{margin-top:.5rem!important}
.mt25{margin-top:.625rem!important}
.mt30{margin-top:.75rem!important}
.mt35{margin-top:.875rem!important}
.mt40{margin-top:1rem!important}
.mt45{margin-top:1.125rem!important}
.mt50{margin-top:1.25rem!important}
.mt55{margin-top:1.375rem!important}
.mt60{margin-top:1.5rem!important}
.mt65{margin-top:1.625rem!important}
.mt70{margin-top:1.75rem!important}
.mt75{margin-top:1.875rem!important}
.mt80{margin-top:2rem!important}
.mt85{margin-top:2.125rem!important}
.mt90{margin-top:2.25rem!important}
.mt95{margin-top:2.375rem!important}
.mt100{margin-top:2.5rem!important}
.mb0{margin-bottom:0rem!important}
.mb5{margin-bottom:.125rem!important}
.mb10{margin-bottom:.25rem!important}
.mb15{margin-bottom:.375rem!important}
.mb20{margin-bottom:.5rem!important}
.mb25{margin-bottom:.625rem!important}
.mb30{margin-bottom:.75rem!important}
.mb35{margin-bottom:.875rem!important}
.mb40{margin-bottom:1rem!important}
.mb45{margin-bottom:1.125rem!important}
.mb50{margin-bottom:1.25rem!important}
.mb55{margin-bottom:1.375rem!important}
.mb60{margin-bottom:1.5rem!important}
.mb65{margin-bottom:1.625rem!important}
.mb70{margin-bottom:1.75rem!important}
.mb75{margin-bottom:1.875rem!important}
.mb80{margin-bottom:2rem!important}
.mb85{margin-bottom:2.125rem!important}
.mb90{margin-bottom:2.25rem!important}
.mb95{margin-bottom:2.375rem!important}
.mb100{margin-bottom:2.5rem!important}
.ml0{margin-left:0rem!important}
.ml5{margin-left:.125rem!important}
.ml10{margin-left:.25rem!important}
.ml15{margin-left:.375rem!important}
.ml20{margin-left:.5rem!important}
.ml25{margin-left:.625rem!important}
.ml30{margin-left:.75rem!important}
.ml35{margin-left:.875rem!important}
.ml40{margin-left:1rem!important}
.ml45{margin-left:1.125rem!important}
.ml50{margin-left:1.25rem!important}
.ml55{margin-left:1.375rem!important}
.ml60{margin-left:1.5rem!important}
.ml65{margin-left:1.625rem!important}
.ml70{margin-left:1.75rem!important}
.ml75{margin-left:1.875rem!important}
.ml80{margin-left:2rem!important}
.ml85{margin-left:2.125rem!important}
.ml90{margin-left:2.25rem!important}
.ml95{margin-left:2.375rem!important}
.ml100{margin-left:2.5rem!important}
.mr0{margin-right:0rem!important}
.mr5{margin-right:.125rem!important}
.mr10{margin-right:.25rem!important}
.mr15{margin-right:.375rem!important}
.mr20{margin-right:.5rem!important}
.mr25{margin-right:.625rem!important}
.mr30{margin-right:.75rem!important}
.mr35{margin-right:.875rem!important}
.mr40{margin-right:1rem!important}
.mr45{margin-right:1.125rem!important}
.mr50{margin-right:1.25rem!important}
.mr55{margin-right:1.375rem!important}
.mr60{margin-right:1.5rem!important}
.mr65{margin-right:1.625rem!important}
.mr70{margin-right:1.75rem!important}
.mr75{margin-right:1.875rem!important}
.mr80{margin-right:2rem!important}
.mr85{margin-right:2.125rem!important}
.mr90{margin-right:2.25rem!important}
.mr95{margin-right:2.375rem!important}
.mr100{margin-right:2.5rem!important}
.pt0{padding-top:0rem!important}
.pt5{padding-top:.125rem!important}
.pt10{padding-top:.25rem!important}
.pt15{padding-top:.375rem!important}
.pt20{padding-top:.5rem!important}
.pt25{padding-top:.625rem!important}
.pt30{padding-top:.75rem!important}
.pt35{padding-top:.875rem!important}
.pt40{padding-top:1rem!important}
.pt45{padding-top:1.125rem!important}
.pt50{padding-top:1.25rem!important}
.pt55{padding-top:1.375rem!important}
.pt60{padding-top:1.5rem!important}
.pt65{padding-top:1.625rem!important}
.pt70{padding-top:1.75rem!important}
.pt75{padding-top:1.875rem!important}
.pt80{padding-top:2rem!important}
.pt85{padding-top:2.125rem!important}
.pt90{padding-top:2.25rem!important}
.pt95{padding-top:2.375rem!important}
.pt100{padding-top:2.5rem!important}
.pb0{padding-bottom:0rem!important}
.pb5{padding-bottom:.125rem!important}
.pb10{padding-bottom:.25rem!important}
.pb15{padding-bottom:.375rem!important}
.pb20{padding-bottom:.5rem!important}
.pb25{padding-bottom:.625rem!important}
.pb30{padding-bottom:.75rem!important}
.pb35{padding-bottom:.875rem!important}
.pb40{padding-bottom:1rem!important}
.pb45{padding-bottom:1.125rem!important}
.pb50{padding-bottom:1.25rem!important}
.pb55{padding-bottom:1.375rem!important}
.pb60{padding-bottom:1.5rem!important}
.pb65{padding-bottom:1.625rem!important}
.pb70{padding-bottom:1.75rem!important}
.pb75{padding-bottom:1.875rem!important}
.pb80{padding-bottom:2rem!important}
.pb85{padding-bottom:2.125rem!important}
.pb90{padding-bottom:2.25rem!important}
.pb95{padding-bottom:2.375rem!important}
.pb100{padding-bottom:2.5rem!important}
.pl0{padding-left:0rem!important}
.pl5{padding-left:.125rem!important}
.pl10{padding-left:.25rem!important}
.pl15{padding-left:.375rem!important}
.pl20{padding-left:.5rem!important}
.pl25{padding-left:.625rem!important}
.pl30{padding-left:.75rem!important}
.pl35{padding-left:.875rem!important}
.pl40{padding-left:1rem!important}
.pl45{padding-left:1.125rem!important}
.pl50{padding-left:1.25rem!important}
.pl55{padding-left:1.375rem!important}
.pl60{padding-left:1.5rem!important}
.pl65{padding-left:1.625rem!important}
.pl70{padding-left:1.75rem!important}
.pl75{padding-left:1.875rem!important}
.pl80{padding-left:2rem!important}
.pl85{padding-left:2.125rem!important}
.pl90{padding-left:2.25rem!important}
.pl95{padding-left:2.375rem!important}
.pl100{padding-left:2.5rem!important}
.pr0{padding-right:0rem!important}
.pr5{padding-right:.125rem!important}
.pr10{padding-right:.25rem!important}
.pr15{padding-right:.375rem!important}
.pr20{padding-right:.5rem!important}
.pr25{padding-right:.625rem!important}
.pr30{padding-right:.75rem!important}
.pr35{padding-right:.875rem!important}
.pr40{padding-right:1rem!important}
.pr45{padding-right:1.125rem!important}
.pr50{padding-right:1.25rem!important}
.pr55{padding-right:1.375rem!important}
.pr60{padding-right:1.5rem!important}
.pr65{padding-right:1.625rem!important}
.pr70{padding-right:1.75rem!important}
.pr75{padding-right:1.875rem!important}
.pr80{padding-right:2rem!important}
.pr85{padding-right:2.125rem!important}
.pr90{padding-right:2.25rem!important}
.pr95{padding-right:2.375rem!important}
.pr100{padding-right:2.5rem!important}
.fb{font-weight:700}
.clearFix{*zoom:1}
.icon-diamond{color:#fea801}
.icon-alipay{width:1.7rem;height:1.7rem;background:url(../images/icon-alipay.png) no-repeat center center;background-size:100%}
.icon-wepay{width:1.8rem;height:1.55rem;background:url(../images/icon-wepay.png) no-repeat center center;background-size:100%}
.table{width:100%;height:100%;display:table}
.table .table-cell{display:table-cell;vertical-align:middle}
.clearFix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;font-size:0}
.header-bar .mid,.header-bar .mid .subtitle,.header-bar .mid h1,.list-box .list.list-link .textTruncate{word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.line-clamp-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2}
.line-clamp-3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3}
.line-clamp-4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4}
.textNowrap{white-space:nowrap}
.white{color:#fff!important}
.black{color:#333!important}
.dark-gray{color:#666!important}
.gray{color:#999!important}
.light-gray{color:#ccc!important}
.blue{color:#579bf7!important}
.red{color:#F5414D!important}
.dark-red{color:#b1001c!important}
.green{color:#33927e!important}
.yellow{color:#f8b243!important}
.bg-default{background:#272729}
.bg-gray{background:#999}
.bg-white{background:#fff}
.bg-blue{background:#579bf7!important;color:#fff!important;border-color:#579bf7!important}
.bg-red{background:#b1001c!important;border-color:#b1001c!important}
.bg-yellow{background:#f8b243!important;border-color:#f8b243!important}
.bg-yellow .list{border-color:#fff!important}
a{color:inherit}
a.green{color:#33927e!important}
a.red{color:#F5414D!important}
a.green{color:#33927e!important}
a.black{color:#333!important}
a.white{color:#fff!important}
a.gray{color:#999!important}
a.blue{color:#579bf7!important}
a.underline{text-decoration:underline}
a:active{opacity:.6}
a.list-link{color:inherit}
img~p{margin-top:.6rem}
p{line-height:1.1rem;text-align:justify;margin:0}
p~p{margin-top:.6rem}
p~img{margin-top:.6rem}
.p{line-height:1.2rem;text-align:justify}
.list-link:active{opacity:.6}
.fr{float:right}
.fl{float:left}
.scroll-x{overflow-x:auto;overflow-y:hidden}
.tright{text-align:right!important}
.tleft{text-align:left!important}
.tcenter{text-align:center!important}
.tcenter p{text-align:center!important}
.no-hide{overflow:visible!important}
.no-ellipsis{overflow:visible!important;white-space:normal!important;text-overflow:initial!important}
hr{background:#efefef;height:1px;border:none}
hr.gray{background:#999;border-color:#999}
hr.light-gray{background:#ccc;border-color:#ccc}
hr.half{width:50%;margin-left:auto;margin-right:auto}
hr.blue{background:#579bf7}
hr.black{background:#333;border-color:#333}
hr.dashed{height:0;background:0 0;border-top:1px dashed}
.content-box{box-sizing:content-box}
.widthauto{width:auto!important}
.ib,.ib-box *{display:inline-block;vertical-align:middle}
.blank{height:10rem}
.btn{width:100%;height:2.25rem;line-height:2.25rem;display:block;text-align:center;border:1px solid #333;margin:auto;border-radius:.1rem;font-size:.8rem;background:0 0;color:#333}
.btn.btn-sm{width:60%}
.btn.btn-round{border-radius:90px}
.btn.btn-red{color:#f02f2f;border-color:#f02f2f}
.btn.btn-red.btn-fill{color:#fff;background:#cc3131;border-color:#cc3131}
.btn.btn-yellow{border-color:#f8b243;color:#f8b243}
.btn.btn-yellow.btn-fill{color:#333;background:#f8b243;border-color:#f8b243}
.btn.btn-fill.disabled,.btn.btn-fill[disabled]{background:#666;cursor:not-allowed;border-color:#666;color:#ccc}
.btn.btn-inline{height:auto;width:auto;line-height:1;display:inline-block;padding:.4rem .25rem}
.btn.disabled,.btn[disabled]{cursor:not-allowed;border-color:#666;color:#ccc}
.btn.btn-yellow-fill-round{height:2.5rem;width:75%;border-radius:9999px;color:#fff;border:none;background:linear-gradient(#fcce30,#f8bf42);box-shadow:inset 0 -.125rem 0 #ef9300}
.blank{height:3rem}
body,html{height:100%;color:#2e2e2e;font-family:number,"PingFang SC"}
body{font-size:.8rem;padding-top: constant(safe-area-inset-top);               
    padding-left: constant(safe-area-inset-left);                
    padding-right: constant(safe-area-inset-right);               
    padding-bottom: constant(safe-area-inset-bottom);     }
::-moz-selection{background:#f02f2f;}
::selection{background:#f02f2f;}
.content{background:#ffffff;font-size:.8rem}
.content .module:nth-child(2n+2){background-color:#fff}

.content .module:nth-child(2n+2) .btn-openMore{background:-webkit-linear-gradient(rgba(64,66,68,0),#404244 60%)}
.content .module:nth-child(2n+2) .hold-stock li{background:#313234}
.content .module:nth-child(2n+1){background:#fff}
.content .module:nth-child(2n+1) .module{background:#404244}
.content .module:nth-child(2n+1) .btn-openMore{background:-webkit-linear-gradient(rgba(49,50,52,0),#313234 60%)}
.content .module:nth-child(2n+1) .hold-stock li{background:#404244}
.content.watermark{-webkit-filter:grayscale(1)}
.content.watermark .module{background-image:url(../images/watermark.png);background-size:10.5rem 5rem}
.content.watermark *{color:#fff!important}
.content.watermark1 .module{-webkit-filter:grayscale(1);background-image:url(../images/watermark1.png);background-size:13rem 6.5rem}
.content.watermark2 .module{-webkit-filter:grayscale(1);background-image:url(../images/watermark2.png);background-size:13.5rem 6.9rem}
.content{transition-duration:.4s}
.list-block{margin:.5rem 0;font-size:.75rem}
.content>.content-block{margin:.5rem 0}
.content-block-title{margin:.75rem 0;padding-left:.75rem}
.content-block{color:inherit}
.content-block-title .item-content{box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.list-block .item-inner{overflow:hidden}
.content-block-title .item-inner{padding-right:.75rem;position:relative;width:100%;overflow:hidden;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.modal-inner{background:#fff;font-size:.75rem}
.modal-button{background:#fff;font-size:.75rem}
.actions-modal-button.bg-danger,.actions-modal-label.bg-danger{color:#fff;background:#b1001c}
.actions-modal-button.color-danger,.actions-modal-label.color-danger{color:#f02f2f}
.actions-modal.modal-in{background:#fff}
.actions-modal.modal-in .actions-modal-group{margin:0}
.actions-modal.modal-in .actions-modal-group .actions-modal-button{font-size:.75rem;line-height:2.5rem;color:#999;cursor:pointer}
.actions-modal.modal-in .actions-modal-label:first-child{background:#999;color:#fff}
.actions-modal.modal-in .actions-modal-button:first-child,.actions-modal.modal-in .actions-modal-label:first-child{font-size:.75rem;border-radius:0}
.picker-calendar{background:#fff}
.picker-calendar .picker-calendar-week-days{color:#333;background:#fff}
.picker-calendar .picker-calendar-day{color:#333}
.picker-calendar .picker-calendar-day-next,.picker-calendar .picker-calendar-day-prev{color:#ccc}
.picker-calendar .picker-calendar-day-today span{color:#fff;background:#f02f2f}
.picker-calendar .toolbar{color:#333}
html:not(.watch-active-state) label.label-checkbox:active,label.label-checkbox.active-state{background:0 0}
a.label-checkbox.active-state,html:not(.watch-active-state) a.label-checkbox:active{background:0 0}
.no-arrow{background:0 0!important;background-image:none!important}
.list-block .item-inner.no-line,.no-line{border-bottom:none!important}
.list-block .item-inner:after{border-bottom:.055rem solid #e7e7e7!important;background-color:transparent!important}
.item-block{display:block!important}
.item-flex{display:-webkit-flex!important;display:-ms-flexbox;display:flex!important;-webkit-box-flex:1!important;-ms-flex:1!important;position:relative;width:100%;box-sizing:border-box;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.badge.badge-blue{background:#3d7ade;color:#fff}
.btn:active,.button:active,button:active{-webkit-transform:scale(.95);transform:scale(.95)}
.btn,.button,a,button{transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}
.item-media .iconfont{line-height:1}
.module-block{padding:.625rem}
.header-bar{height:2.25rem;line-height:1.4;color:#fff;font-size:.8rem;padding:.25rem 0;z-index:9999;position:relative;width:100%;top:0;transition-duration:.4s}
.header-bar .iconfont{font-size:.85rem}
.header-bar.bg-black{background:#F3B43C;color:#2e2e2e}
.header-bar.bg-black a{color:#fff}
.header-bar .left{min-width:2.25rem;height:100%}
.header-bar .left:first-child{padding-left:.75rem}
.header-bar .right{min-width:2.25rem;height:100%;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;white-space:nowrap}
.header-bar .right:last-child{padding-right:.75rem}
.header-bar .mid{width:100%;text-align:center;font-size:.8rem;padding:.625rem}
.header-bar .mid h1{font-size:.8rem;margin:0;font-weight:400}
.header-bar .mid .subtitle{font-size:.6rem}
.header-bar.bg-red{background:#b1001c;color:#fff;border-bottom:none}
.header-bar.bg-red .left a.back{background:0 0;display:inline-block;vertical-align:middle;font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;font-size:120%}
.header-bar.bg-red .left a.back:before{content:"\e616"}
.header-bar~.content{padding-top:2.25rem}
.header-bar.display-none{display:none}
.header-bar.display-none~.content{padding-top:0!important}
.tab-style-1{position:relative;padding-top:2rem}
.tab-style-1 .buttons-tab{height:2rem;transition-duration:.4s;background:#fff;border:none;position:absolute;width:100%;top:0}
.tab-style-1 .buttons-tab .button.active{color:#f02f2f;border-color:#f02f2f}
.tab-style-1 .buttons-tab .button{height:2rem;line-height:2rem;font-size:.75rem;color:#666;box-sizing:border-box;border-color:#fafafa}
.tab-style-1 .tab{overflow:hidden}
.fixedTop{position:fixed!important;top:0;width:100%}
.banner-img img{width:100%;vertical-align:middle}
.flex-box,.list-box .list.list-link{box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.flex-box .flex-cell,.list-box .list.list-link .flex-cell{white-space:nowrap;-webkit-flex-shrink:0;-ms-flex:0 0 auto;-ms-flex-negative:0;flex-shrink:0}
.flex-box .flex-cell:last-child,.list-box .list.list-link .flex-cell:last-child{margin-left:.5rem;/*font-size:100%;*/text-align:center}
.flex-box .flex-cell:first-child,.list-box .list.list-link .flex-cell:first-child{-webkit-flex-shrink:1;-ms-flex:0 1 auto;-ms-flex-negative:1;flex-shrink:1;margin-left:0;font-size:inherit;text-align:left}
.flex-box .flex-cell.flex1,.list-box .list.list-link .flex-cell.flex1{-webkit-flex:1;-ms-flex:1;flex:1}
.flex-box .flex-cell-average,.list-box .list.list-link .flex-cell-average{-webkit-flex:1;-ms-flex:1;flex:1;text-align:center}
.flex-box .flex-cell-average:last-child,.list-box .list.list-link .flex-cell-average:last-child{text-align:right}
.flex-box .flex-cell-average:first-child,.list-box .list.list-link .flex-cell-average:first-child{text-align:left}
.flex-box.flex-column,.list-box .flex-column.list.list-link{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.list-box{transition:height .5s;-moz-transition:height .5s;-webkit-transition:height .5s;-o-transition:height .5s;overflow:hidden;padding-left:0;margin:0}
.list-box .list{min-height:2.25rem;border-top:1px solid #efefef;margin-left:.625rem;list-style:none}
.list-box .list>.flex-box,.list-box .list>.list.list-link{padding:.75rem .625rem .75rem 0}
.list-box .list>.flex-img-text{padding:.75rem .625rem .75rem 0}
.list-box .list:first-child{border-top:none}
.list-box .list>a{color:inherit}
.list-box .list.list-link{position:relative;padding-right:.625rem}
.list-box .list.list-link:after{content:'\e61d';display:inline-block;vertical-align:middle;font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;white-space:nowrap;margin-left:.25rem;font-size:.6rem;color:#ccc}
.list-box .list.list-link .flex-box,.list-box .list.list-link .list.list-link{width:100%;padding-right:0}
.list-box .list.no-line{border-top:none}
.list-box .list.noLine+.list{border-top:none}
.list-box.more-list>li:nth-child(n+4){display:none}
.list-box .list-more{height:2.25rem;background:#404244;margin-left:0}
.list-box.boss-stock{background:#404244}
.list-box.boss-stock .list{position:relative;padding:.75rem .625rem .75rem 6rem}
.list-box.boss-stock .list:nth-child(3n+1) .stock-name{background:#ff605d}
.list-box.boss-stock .list:nth-child(3n+2) .stock-name{background:#f8b243}
.list-box.boss-stock .list:nth-child(3n+3) .stock-name{background:#579bf7}
.list-box.boss-stock .stock-name{width:5.25rem;height:4rem;text-align:center;position:absolute;top:.75rem;left:0}
.list-box.boss-stock .progress{position:relative;padding-left:3.5rem;padding-right:1.75rem}
.list-box.boss-stock .progress .left{height:.8rem;line-height:.8rem;position:absolute;left:0;top:0}
.list-box.boss-stock .progress .right{height:.8rem;line-height:.8rem;position:absolute;right:0;top:0}
.list-box.boss-stock .progress .progress-box{height:.8rem;display:inline-block;vertical-align:top;width:100%;background:#313234;border-radius:90px;box-shadow:inset 0 3px 3px rgba(41,42,44,.2),inset 0 -1px 0 rgba(255,247,213,.24);padding:2px 2px 3px}
.list-box.boss-stock .progress .progress-box .progress-bar{background:#f54a32;border-radius:90px;height:100%;box-shadow:inset 0 -2px 5px rgba(255,23,23,.63),inset 0 2px 5px rgba(255,255,255,.63);vertical-align:top;position:relative}
.list-box.boss-stock .progress .progress-box .progress-bar .value{color:#999;font-size:.55rem;position:absolute;width:.75rem;top:-.8rem;right:0}
.list-box.form-list .list .flex-cell{text-overflow:initial}
.list-box.form-list .list input[type=search],.list-box.form-list .list input[type=email],.list-box.form-list .list input[type=tel],.list-box.form-list .list input[type=url],.list-box.form-list .list input[type=date],.list-box.form-list .list input[type=datetime-local],.list-box.form-list .list input[type=time],.list-box.form-list .list input[type=number],.list-box.form-list .list input[type=text],.list-box.form-list .list input[type=password]{background:0 0;border:none;text-align:right}
.list-box.form-list .list input[type=date]::-webkit-clear-button{display:none}
.list-box.form-list .list input[type=date] #picker{opacity:1}
.list-box.form-list .list select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background:0 0;border:none;direction:rtl}
.today-recommended{padding:0 .625rem .625rem;background:#404244}
.default-title{height:2.25rem}
.renewal-fee,.renewal-fee-2,.renewal-fee-3{height:7rem;margin:auto;background:url(../images/renewal-fee-bg.png) center top no-repeat;background-size:cover;border-radius:.2rem;overflow:hidden}
.renewal-fee p,.renewal-fee-2 p,.renewal-fee-3 p{line-height:1.2rem}
.renewal-fee-2{height:5.5rem}
.renewal-fee-3{height:7.5rem;border-radius:0}
.today-recommended-list{background:#404244}
.today-recommended-list li{border-top-color:#5b5d5f}
.today-recommended-list li:nth-child(2){margin-left:0;font-size:120%!important;color:#333}
.list-box .today-recommended-list li:nth-child(2) .list.list-link,.today-recommended-list li:nth-child(2) .flex-box,.today-recommended-list li:nth-child(2) .list-box .list.list-link{padding:0;background:#f8b243}
.list-box .today-recommended-list li:nth-child(2) .list.list-link:before,.today-recommended-list li:nth-child(2) .flex-box:before,.today-recommended-list li:nth-child(2) .list-box .list.list-link:before{content:'';height:4.25rem;background:url(../images/img-1.png) no-repeat left top;background-size:auto 100%;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-shrink:1;-ms-flex:0 1 auto;-ms-flex-negative:1;flex-shrink:1;margin-left:0}
.list-box .today-recommended-list li:nth-child(2) .list.list-link>*,.today-recommended-list li:nth-child(2) .flex-box>*,.today-recommended-list li:nth-child(2) .list-box .list.list-link>*{-webkit-flex:1;-ms-flex:1;flex:1;text-align:center}
.list-box .today-recommended-list li:nth-child(2) .list.list-link .flex-cell:last-child,.today-recommended-list li:nth-child(2) .flex-box .flex-cell:last-child,.today-recommended-list li:nth-child(2) .list-box .list.list-link .flex-cell:last-child{text-align:right;padding-right:.625rem}
.today-recommended-list li:nth-child(2) .f36{font-size:1.05rem!important}
.today-recommended-list li:nth-child(2) .f26{font-size:.7rem!important}
.tab-style-2{background:#fff;border-top:1px solid #f8f8f8;}
.tab-style-2 .tab-item{font-size:.6rem;color:#666}
.tab-style-2 .tab-item.active{color:#F3B43C}
.tab-style-2 .tab-item:active{color:#f02f2f}
.tab-style-2 .tab-item .icon{ font-size:1rem;line-height:1rem;top:.05rem;margin-top:0}
.tab-style-2 .tab-item1{position:relative;display:table-cell;width:1%;height:2.5rem;color:#929292;text-align:center;vertical-align:middle;font-size:.6rem;color:#959698}
.tab-style-2 .tab-item1.active{color:#f02f2f}
.tab-style-2 .tab-item1:active{color:#f02f2f}
.tab-style-2 .tab-item1 .icon{width:1.2rem;height:1.2rem;padding-top:0;padding-bottom:0;font-size:1rem;line-height:1rem;top:.05rem;margin-top:0}
.tab-style-2 .tab-item1 .icon~.tab-label{position:relative;top:.15rem;display:block;font-size:.55rem}
.swiper-slide img{max-width:100%;vertical-align:middle}
.swiper-style-1 .swiper-pagination-bullet-active{background:#1f2022}
label.label-checkbox.checkbox-style-1{-webkit-align-items:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}
label.label-checkbox.checkbox-style-1.sm i.icon{transform:scale(.8,.8);-ms-transform:scale(.8,.8);-webkit-transform:scale(.8,.8);-o-transform:scale(.8,.8);-moz-transform:scale(.8,.8)}
label.label-checkbox.checkbox-style-1 i.icon-form-checkbox{background:#999;border-color:#999}
label.label-checkbox.checkbox-style-1 i.icon-form-checkbox:after{content:'\e61c';font-size:.55rem;margin-top:-.25rem;margin-left:-.3rem;line-height:1}
label.label-checkbox.checkbox-style-1 input[type=checkbox]:checked+.item-media i.icon-form-checkbox,label.label-checkbox.checkbox-style-1 input[type=radio]:checked+.item-media i.icon-form-checkbox{background-color:#b1001c}
label.label-checkbox.checkbox-style-1 input[type=checkbox]:checked+.item-media i.icon-form-checkbox:after,label.label-checkbox.checkbox-style-1 input[type=radio]:checked+.item-media i.icon-form-checkbox:after{background-image:none}
.deadline{border:1px solid #999;color:#999;min-height:1.125rem;line-height:1.125rem;padding:0 .375rem;text-align:center;position:relative}
.deadline .text{background:#999;padding:0 5px;color:#fff;margin-right:-.375rem}
.deadline .tip{position:absolute;width:100%;white-space:nowrap;left:0;top:1.25rem}
.deadline .flex-cell{word-wrap:initial;text-overflow:initial;white-space:nowrap;overflow:initial}
label.label-checkbox.checkbox-style-1 input[type=checkbox]:checked+.item-media .deadline,label.label-checkbox.checkbox-style-1 input[type=radio]:checked+.item-media .deadline{border-color:#b1001c;color:#f02f2f}
label.label-checkbox.checkbox-style-1 input[type=checkbox]:checked+.item-media .deadline .text,label.label-checkbox.checkbox-style-1 input[type=radio]:checked+.item-media .deadline .text{background:#b1001c}
label.label-checkbox.checkbox-style-1 input[type=radio]:checked~.checkbox-text{color:#f02f2f!important}
a.label-checkbox.active.checkbox-style-1 .deadline{color:#f02f2f;border-color:#f02f2f}
a.label-checkbox.active.checkbox-style-1 .deadline .text{background:#f02f2f}
.list-box a.label-checkbox.active.checkbox-style-1.list.list-link .flex-cell:last-child,a.label-checkbox.active.checkbox-style-1.flex-box .flex-cell:last-child{color:#f02f2f!important}
a.label-checkbox.active.checkbox-style-1 i.icon-form-checkbox{background:#b1001c}
a.label-checkbox.checkbox-style-1{-webkit-align-items:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}
a.label-checkbox.checkbox-style-1.sm i.icon{transform:scale(.8,.8);-ms-transform:scale(.8,.8);-webkit-transform:scale(.8,.8);-o-transform:scale(.8,.8);-moz-transform:scale(.8,.8)}
a.label-checkbox.checkbox-style-1 i.icon-form-checkbox{position:relative;width:1.1rem;height:1.1rem;box-sizing:border-box;border-radius:1.1rem;background:#999;border-color:#999}
a.label-checkbox.checkbox-style-1 i.icon-form-checkbox:after{content:'\e61c';font-size:.55rem;margin-top:-.25rem;margin-left:-.3rem;line-height:1;position:absolute;top:50%;left:50%;width:.6rem;height:.45rem}
a.label-checkbox.checkbox-style-1 input{display:none}
a.label-checkbox.checkbox-style-1 input[type=checkbox]:checked+.item-media i.icon-form-checkbox,a.label-checkbox.checkbox-style-1 input[type=radio]:checked+.item-media i.icon-form-checkbox{background-color:#b1001c}
a.label-checkbox.checkbox-style-1 input[type=checkbox]:checked+.item-media i.icon-form-checkbox:after,a.label-checkbox.checkbox-style-1 input[type=radio]:checked+.item-media i.icon-form-checkbox:after{background-image:none}
.deadline{border:1px solid #999;color:#999;min-height:1.125rem;line-height:1.125rem;padding:0 .375rem;text-align:center;position:relative}
.deadline .text{background:#999;padding:0 5px;color:#fff;margin-right:-.375rem}
.deadline .tip{position:absolute;width:100%;white-space:nowrap;left:0;top:1.25rem}
.deadline .flex-cell{word-wrap:initial;text-overflow:initial;white-space:nowrap;overflow:initial}
a.label-checkbox.checkbox-style-1 input[type=checkbox]:checked+.item-media .deadline,a.label-checkbox.checkbox-style-1 input[type=radio]:checked+.item-media .deadline{border-color:#b1001c;color:#f02f2f}
a.label-checkbox.checkbox-style-1 input[type=checkbox]:checked+.item-media .deadline .text,a.label-checkbox.checkbox-style-1 input[type=radio]:checked+.item-media .deadline .text{background:#b1001c}
a.label-checkbox.checkbox-style-1 input[type=radio]:checked~.checkbox-text{color:#f02f2f!important}
.tag{display:inline-block;padding:3px 5px}
.tag.tag-red{background:#f02f2f}
.tag.tag-r{border-radius:.1rem}
.tag.tag-sm{padding:1px 2px}
.tag.tag-round{border-radius:100px;padding:.15rem .4rem;line-height:1}
.tag.tag-yellow{background:#f8b243}
.tag.tag-blue{background:#579bf7;color:#fff;}
.swiper-style-2{background:#404244}
.swiper-style-2 .default-title{padding:0 .75rem}
.swiper-style-2 .swiper-container{padding-bottom:1.4rem}
.swiper-style-2 .swiper-slide{width:13rem;border-radius:.1rem;overflow:hidden;position:relative;transform:scale(.9,.9);-ms-transform:scale(.9,.9);-webkit-transform:scale(.9,.9);-o-transform:scale(.9,.9);-moz-transform:scale(.9,.9);transition:scale .5s;-moz-transition:scale .5s;-webkit-transition:scale .5s;-o-transition:scale .5s;opacity:.6}
.swiper-style-2 .swiper-slide.swiper-slide-active{transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-moz-transform:scale(1,1);opacity:1}
.swiper-style-2 .swiper-slide img{width:100%}
.swiper-style-2 .swiper-slide .swiper-type{height:1.175rem;line-height:1.175rem;background:#f8b243;color:#333;font-size:.65rem;padding:0 .2rem 0 .5rem;position:absolute;left:0;top:0;text-align:center}
.swiper-style-2 .swiper-slide .swiper-type:after{content:'';width:1rem;height:1.175rem;background:url(../images/swiper-type.png) no-repeat top right;position:absolute;right:-.88rem;top:0}
.swiper-style-2 .swiper-slide .swiper-title{position:absolute;width:100%;bottom:0;background:rgba(0,0,0,.5);padding:.625rem .75rem}
.swiper-style-2 .swiper-pagination{bottom:.2rem}
.swiper-style-2 .swiper-pagination .swiper-pagination-bullet{transition:height .2s;-moz-transition:height .2s;-webkit-transition:height .2s;-o-transition:height .2s;background:#666;border-radius:0}
.swiper-style-2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{height:10px;background:#999}
.swiper-style-2.swiper-style-3{background:#313234}
.swiper-style-2.swiper-style-3 .swiper-container{padding-left:.75rem;padding-right:.75rem;padding-bottom:.7rem}
.swiper-style-2.swiper-style-3 .swiper-slide{width:8rem;height:6rem;transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-moz-transform:scale(1,1);opacity:1}
.swiper-style-2.swiper-style-3 .swiper-slide .swiper-title{padding:.375rem .5rem;font-size:.65rem}
.myType{height:3.75rem;padding:0 .625rem;background:url(../images/img-4.png) no-repeat center center;background-size:100% 100%}
.pip{width:1px;height:1.25rem;background:#4d4d4d}
.myStrategy{height:5rem;position:relative}
.myStrategy:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/section-bg-l.png) no-repeat left center;background-size:auto 4rem;z-index:-1}
.myStrategy:after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/section-bg-r.png) no-repeat right center;background-size:auto 4rem;z-index:-1}
.myStrategy .table-cell{padding:.625rem}
.title-style-1{display:inline-block;padding:0 2rem;line-height:1rem;font-size:.9rem;position:relative}
.title-style-1:before{content:'';width:1.75rem;height:1rem;position:absolute;top:0;left:0;background:url(../images/title-bg-l.png) no-repeat left center;background-size:1.75rem auto}
.title-style-1:after{content:'';width:1.75rem;height:1rem;position:absolute;top:0;right:0;background:url(../images/title-bg-r.png) no-repeat right center;background-size:1.75rem auto}
.title-style-2{display:inline-block;padding:0 2rem;line-height:1rem;font-size:.9rem;position:relative}
.title-style-3{display:inline-block;padding:0 1rem;line-height:1rem;font-size:.9rem;position:relative}
.title-style-3:before{content:'';width:.65rem;height:1rem;position:absolute;top:0;left:0;background:url(../images/title-bg-2-l.png) no-repeat left center;background-size:.65rem auto}
.title-style-3:after{content:'';width:.65rem;height:1rem;position:absolute;top:0;right:0;background:url(../images/title-bg-2-r.png) no-repeat right center;background-size:.65rem auto}
.checkbox-like{padding:1rem 0 .8rem 2rem}
.checkbox-like input[type=checkbox]{display:none}
.checkbox-like input[type=checkbox]:checked+.icon-good:before{content:"\e621";color:#f02f2f}
.more-btn{padding:.875rem 0;text-align:center;display:block}
.more-btn .bubble,.more-btn .new-bubble{min-width:.75rem;height:.75rem;line-height:.75rem;text-align:center;padding:0 .25rem;display:inline-block;vertical-align:middle;border-radius:90px}
.more-btn .bubble .bg-red,.more-btn .new-bubble .bg-red{background:#f02f2f}
.bubble,.new-bubble{min-width:.75rem;height:.75rem;line-height:.75rem;text-align:center;padding:0 .25rem;display:inline-block;vertical-align:middle;border-radius:90px}
.bubble .bg-red,.new-bubble .bg-red{background:#f02f2f}
.default-art{min-height:100%;background:#e9e9ea;text-align:justify}
.default-art article{padding:.625rem}
.default-art article h2{margin-top:0;font-size:1rem;color:#333}
.default-art article .art-info{font-size:.65rem;color:#999}
.default-art article p{color:#333}
.default-art article img{display:block;margin:.6rem auto;max-width:100%}
.default-art .img-lock{width:100%}
.text-banner{padding:.625rem .625rem .625rem 4.8rem;position:relative;background:#454649}
.text-banner .img-5{position:absolute;width:4.8rem;height:100%;text-align:center;left:0;top:0;padding-left:.625rem}
.text-banner .img-5 img{width:3.375rem;height:3.95rem}
.text-banner .text h2{color:#ccc;font-size:.8rem;margin:0}
.text-banner .text p{color:#999;font-size:.65rem;margin-bottom:0}
.standard-stock{margin:.625rem;background:#313234;font-size:.75rem}
.list-box .standard-stock>.list.list-link,.standard-stock>.flex-box{padding:.75rem 1.25rem}
.standard-stock table{background:#ababab;color:#000;text-align:center}
.standard-stock table thead{background:#929191}
.standard-stock table thead th{width:25%;font-size:.8rem;padding:.625rem 0;white-space:nowrap;border:1px solid #272729}
.standard-stock table tr td{width:25%;padding:.625rem 0;white-space:nowrap;border:1px solid #272729}
.standard-stock table tr td:nth-child(5){position:relative}
.standard-stock table tr td:nth-child(5) span.dark-red:before{display:block;content:'达标';position:absolute;border:1px solid #b1001c;padding:0 2px;border-radius:.1rem;font-size:.5rem;transform:rotate(30deg);-ms-transform:rotate(30deg);-moz-transform:rotate(30deg);-webkit-transform:rotate(30deg);-o-transform:rotate(30deg);right:0;top:.3rem}
.input-login input{width:100%;display:block;padding:.75rem 1.25rem;background:#313234;font-size:.75rem;border:none;border-radius:0}
.input-login input::-webkit-input-placeholder{color:#ccc}
.input-login hr.black{background:#404244}
.checkbox-style .icon-checked{width:.8rem;height:.8rem;line-height:.9rem;border-radius:50%;color:#fff;font-size:.5rem;text-align:center;border: 1px solid #f02f2f}
.checkbox-style input{display:none}
.checkbox-style input:checked~.icon-checked{background:#f02f2f}
.checkbox-style input:checked~.icon-checked:before{content:"\e6c1";text-shadow:0 .075rem .2rem #1754a1}
.checkbox-style.checkbox-style-1{width:100%}
.checkbox-style.checkbox-style-1 .label-select{display:block;margin:.75rem 5%}
.checkbox-style.checkbox-style-2{width:100%}
.checkbox-style.checkbox-style-2 .label-select{display:block;position:relative;padding-left:1.5rem;margin:.75rem 5%}
.checkbox-style.checkbox-style-2 .icon-checked{width:1rem;height:1rem;line-height:1rem;background:#fff;border-radius:.25rem;color:#f02f2f;font-size:.65rem;text-align:center;position:absolute;left:0}
.checkbox-style.checkbox-style-2 .icon-checked:before{content:''}
.checkbox-style.checkbox-style-2 input:checked~.icon-checked{background:#fff}
.checkbox-style.checkbox-style-2 input:checked~.icon-checked:before{content:"\e61c";text-shadow:0 0 0}
.checkbox-style.checkbox-style-3{background:#fff;padding:.875rem;color:#333;border-radius:.1rem}

/*持股帮7.0*/
.white{
	color: #fff
}
.tag.tag-blue{
    background: #628ffb;
}
.black-333{
	color: #333;
}


/*! jQuery UI - v1.12.1 - 2018-08-12
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/*! jQuery Timepicker Addon - v1.6.3 - 2016-04-20
* http://trentrichardson.com/examples/timepicker
* Copyright (c) 2016 Trent Richardson; Licensed MIT */

.ui-timepicker-div .ui-widget-header{margin-bottom:8px}.ui-timepicker-div dl{text-align:left}.ui-timepicker-div dl dt{float:left;clear:left;padding:0 0 0 5px}.ui-timepicker-div dl dd{margin:0 10px 10px 40%}.ui-timepicker-div td{font-size:90%}.ui-tpicker-grid-label{background:0 0;border:0;margin:0;padding:0}.ui-timepicker-div .ui_tpicker_unit_hide{display:none}.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input{background:0 0;color:inherit;border:0;outline:0;border-bottom:solid 1px #555;width:95%}.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus{border-bottom-color:#aaa}.ui-timepicker-rtl{direction:rtl}.ui-timepicker-rtl dl{text-align:right;padding:0 5px 0 0}.ui-timepicker-rtl dl dt{float:right;clear:right}.ui-timepicker-rtl dl dd{margin:0 40% 10px 10px}.ui-timepicker-div.ui-timepicker-oneLine{padding-right:2px}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,.ui-timepicker-div.ui-timepicker-oneLine dt{display:none}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label{display:block;padding-top:2px}.ui-timepicker-div.ui-timepicker-oneLine dl{text-align:right}.ui-timepicker-div.ui-timepicker-oneLine dl dd,.ui-timepicker-div.ui-timepicker-oneLine dl dd>div{display:inline-block;margin:0}.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before{content:':';display:inline-block}.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before{content:'.';display:inline-block}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{display:none}
@charset "UTF-8";

body {
  padding-bottom: constant(safe-area-inset-bottom);
}







/*持股帮7.0*/

p {
  word-wrap: break-word;
}

p span {
  white-space: normal;
}

.deep_blue {
  color: #6893fb;
}

.font_bold {
  font-weight: bold;
}







/*账户跟踪*/

.pt400 {
  padding-top: 10rem;
}

.pt200 {
  padding-top: 5rem;
}

.btn-add-optional button {
  padding: 0 1.2rem;
  height: 2.25rem;
  border: none;
  color: #ffffff;
  border-radius: .15rem;
}

.light-green {
  color: #56a8b3;
}

.blackish-green {
  color: #0e2e2e;
}

.bg-blue {
  background: #628ffb;
}

.bg-yellow {
  background: #ffbd53;
}

.gray-bab {
  color: #bababa;
}

.gap {
  width: 100%;
  height: .4rem;
  background: #f7f7f7;
}

.module-head {
  height: 2.25rem;
  line-height: 2.25rem;
  padding: 0 0.625rem;
}

.font-mask-zt {
  display: inline-block;
  width: .8rem;
  height: .8rem;
  margin-left: .2rem;
  background: url(../images/font-tj.png) no-repeat center/.525rem .55rem;
  vertical-align: text-top;
  margin-top: 0.05rem;
}

.border-b-gray {
  border-bottom: 1px solid #fafafa;
}

.font-red {
  padding-left: 0.5rem;
  position: relative;
}

.font-red:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0.1rem;
  top: 30%;
  vertical-align: middle;
  background-image: -moz-linear-gradient(-90deg, rgb(238, 80, 80) 0%, rgb(224, 69, 70) 100%);
  background-image: -webkit-linear-gradient(-90deg, rgb(238, 80, 80) 0%, rgb(224, 69, 70) 100%);
  background-image: -ms-linear-gradient(-90deg, rgb(238, 80, 80) 0%, rgb(224, 69, 70) 100%);
  width: .15rem;
  height: .8rem;
  border-radius: .075rem;
}

.font-gray {
  padding-left: 0.5rem;
  position: relative;
}

.font-gray:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0.1rem;
  bottom: 0.725rem;
  background: rgba(157, 157, 159, 1);
  width: .2rem;
  height: .8rem;
  border-radius: .075rem;
}

.hold-stock-list>li {
  padding: 0.5rem 0.625rem 0.5rem 0.625rem;
}

.mark-question {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/icon-question.png) no-repeat center center;
  background-size: cover;
  vertical-align: -15%;
  margin-left: .2rem;
}

.sort-btn {
  width: 0.5rem;
  height: 0.79rem;
  background: url(../images/icon-sort-none.png) no-repeat center center;
  background-size: cover;
}

.sort-up {
  background: url(../images/icon-sort-up.png) no-repeat center center;
  background-size: cover;
}

.sort-down {
  background: url(../images/icon-sort-down.png) no-repeat center center;
  background-size: cover;
}

.new-dynamic-tips {
  display: inline-block;
  width: .7rem;
  height: .7rem;
  background: #f02f2f;
  border-radius: 50%;
  color: #fff;
  font-size: .45rem;
  position: absolute;
  top: -5%;
  text-align: center;
  line-height: .7rem;
}

.mark-optional {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  background: url(../images/icon-optional.png) no-repeat center center;
  background-size: cover;
  vertical-align: -10%;
  margin-left: .2rem;
}

.investment-style-top {
  width: 100%;
  height: 11rem;
  background: url(../images/bg-style-top.png) no-repeat center center;
  background-size: 100% 11rem;
  position: relative;
}

.side-gap {
  padding: 0 0.6rem;
}

.side-around {
  padding: 0.5rem 0.6rem;
}

.detailed-report-jump {
  display: inline-block;
  width: 3.35rem;
  height: 1.25rem;
  background: rgb(247, 247, 247);
  line-height: 1.25rem;
  text-align: center;
  border-radius: .6rem;
  opacity: 0.851;
}

.report-label>span {
  border: 1px solid #fff;
  border-radius: .15rem;
  word-break: break-all;
  margin-right: 0.3rem;
  margin-top: 0.35rem;
  display: inline-block;
  padding: 0.05rem 0.1rem;
}

.investment-top {
  padding-left: 3rem;
  position: relative;
}

.ul-top-message {
  padding: 0.8rem 0.625rem;
}

.investment-top>img {
  position: absolute;
  left: 0;
  top: 0;
  width: 2.85rem;
  height: 2.85rem;
  border-radius: 50%;
}

.investment-main-right {
  margin-left: 0.5rem;
}

.investment-bottom {
  height: 4rem;
  width: 90%;
  background: #ffffff;
  border-radius: .25rem;
  position: absolute;
  left: 50%;
  bottom: -32%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
  border-style: solid;
  border-width: 1px;
  border-color: rgb(234, 234, 234);
  border-radius: .25rem;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px .075rem .175rem 0px rgba(0, 0, 0, 0.13);
}

.investment-bottom>div {
  padding: 0 0.625rem;
}

.investment-bottom>div>div {
  margin-top: 0.8rem;
  padding: 0.3rem 0 0.25rem 0;
}

.investment-bottom>div>div.flex-cell-average:not(:last-child) {
  border-right: 1px solid rgb(239, 239, 239)
}

.investment-bottom>div>div>div:first-child {
  color: #555555;
  text-align: center;
}

.investment-bottom>div>div>div:last-child {
  color: #b2b2b2;
  font-size: .6rem;
  text-align: center;
  margin-top: 0.25rem;
}

.icon-operation {
  margin-left: 0.1rem;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/icon-operation.png) no-repeat center bottom;
  background-size: .6rem .65rem;
}

.faq-list {
  padding: 0 0 0 0.625rem;
  color: #666;
}


.problems-list .list-item i {
  position: absolute;
  top: .8rem;
  right: 0rem;
  width: .65rem;
  height: .4rem;
  background: url(../images/icon_jiantou_dow.png) no-repeat center center;
  background-size: .65rem .4rem;
}


.btn-show-way {
  position: absolute !important;
  top: .8rem !important;
  right: 0rem !important;
  width: .65rem !important;
  height: .4rem !important;
  background: url(../images/icon_jiantou_up.png) no-repeat center center !important;
  background-size: .65rem .4rem !important;
}

.problems-list>.list-item {
  position: relative;
}

.problems-list>.list-item:not(:last-child) {
  border-bottom: 1px solid #fafafa;
}

.problems-list .list-item {
  height: 2rem;
  line-height: 2rem;
}

.black-444 {
  color: #444444;
}

.icon-band {
  display: inline-block;
  padding: 0 0.35rem;
  height: .85rem;
  text-align: center;
  line-height: .8rem;
  border: 1px solid #cc3131;
  color: #cc3131;
  border-radius: .15rem;
  vertical-align: super;
}

.hotspot-top {
  padding: .6rem .4rem;
}

.icon-share-hot {
  width: .9rem;
  height: .9rem;
  display: inline-block;
  background: url(../images/icon-share-hot.png) no-repeat center center;
  background-size: .85rem;
}

.user-head>a {
  display: inline-block;
  height: 1rem;
}

.user-head img {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 0.15rem;
}

.hotspot-tab>a {
  color: #666;
  background: #eaeaea;
}

.hotspot-tab>a:first-child {
  border-right: 1px solid #efefef !important;
}

.hotspot-tab>a.active {
  color: #cc3131 !important;
  border-bottom: none !important;
  border-top: 1px solid #efefef !important;
  background: none !important;
}

.discuss-item {
  color: #7586ac;
  border: 1px solid #7586ac;
  border-radius: .15rem;
  display: inline-block;
  width: 37%;
  height: 1.8rem;
  line-height: 1.8rem;
  text-align: center;
  border-top: 2px solid #7586ac;
  position: relative;
  vertical-align: middle;
}

.discuss-item>span:nth-child(1) {
  position: absolute;
  left: 0.2rem;
}

.discuss-item>span:nth-child(2) {
  position: absolute;
  right: 0.2rem;
}

.b-f-blue {
  border: 1px solid #cc3131;
  color: #cc3131;
  border-top: 2px solid #cc3131;
}

.discuss-content .discuss-topic {
  display: inline-block;
  border-radius: .15rem;
  background-color: rgb(239, 167, 97);
  opacity: 0.6;
  padding: 0.25rem;
  color: #b55e2e;
}

.discunn-main {
  padding: 0.25rem 0;
}

.discuss-content .discuss-reply {
  background: #f2f2f2;
  border-radius: .15rem;
  padding: 0.5rem 0.35rem;
}

.discuss-content .icon-replay {
  padding: 0.4rem;
  background: url(../images/icon-replay.png) no-repeat center center;
  background-size: .75rem 0.7rem;
}

.border-t-gray {
  border-top: 1px solid #fafafa;
}

.news-list {
  padding: 0.5rem 0.625rem;
}

.news-list>li {
  padding: 0.5rem 0;
}

.news-list>li:not(:first-child) {
  border-top: 1px solid #fafafa;
}

.record-text {
  display: inline-block;
  vertical-align: text-top;
}

.new-discover {
  padding: 0.1rem;
  border: 1px solid #628ffb;
  color: #628ffb;
  border-radius: .15rem;
}

.track-history-list {
  padding: 0 0.625rem;
}

.track-history-list>li {
  padding: 0.65em 0.5rem 0.65rem 1rem;
}

.track-history-list .item-data {
  position: relative;
}

.track-history-list .item-data:before {
  content: "";
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  background: #cc3131;
  border-radius: 50%;
  position: absolute;
  left: -1rem;
  top: 0.15rem;
}

.track-history-list>li:not(:first-child) {
  border-top: 1px solid #fafafa;
}

.point-text {
  padding: 0.625rem;
}

.point-text textarea {
  padding: 0.5rem 0.625rem;
  border: none;
  height: 9.5rem;
  width: 100%;
  border-bottom: 1px solid #f8f8f8;
  resize: none;
}

.btn.btn-pink.btn-fill {
  color: #fff;
  background: #ff6868;
  border-color: #ff6868;
}

.btn.btn-gray.btn-fill {
  color: #FEFEFE;
  background: rgba(142, 142, 142, 1);
  border: none;
}

.hot-point-top {
  width: 100%;
  height: 5.75rem;
  background: url(../images/hot-point-top.png) no-repeat center center;
  background-size: cover;
  position: fixed;
}

.date-show-scroll {
  text-align: center;
  line-height: 1.6rem;
  width: 100%;
  height: 1.6rem;
  background: #f7f7f7 url(../images/bg-scroll-time.png) no-repeat center center;
  background-size: 8.95rem .025rem;
}

.hot-point-data {
  padding-top: 5.75rem;
}

.fixed-top-show {
  text-align: center;
  line-height: 1.6rem;
  width: 100%;
  height: 1.6rem;
  background: #f7f7f7 url(../images/bg-scroll-time.png) no-repeat center center;
  background-size: 8.95rem .025rem;
}

.hot-point-list {}

.hot-white {
  padding-left: 0.6rem;
  background: url(../images/white_hot.png) no-repeat left 0.05rem;
  background-size: .475rem .55rem;
}

.hot-point-list>li {
  background: #fff;
  padding: 0.3rem;
  border-radius: .15rem;
}

.hot-point-list>li:not(:first-child) {
  margin-top: .75rem;
}

.hot-point-list .medal {
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  vertical-align: super;
  text-align: center;
  line-height: 1.8rem;
  color: #fff;
  font-size: .55rem;
}

.hot-point-list .medal.medal-01 {
  background: url(../images/medal-01.png) no-repeat center center;
  background-size: 1.025rem 1.15rem;
}

.hot-point-list .medal.medal-02 {
  background: url(../images/medal-02.png) no-repeat center center;
  background-size: 1.025rem 1.15rem;
}

.hot-point-list .medal.medal-03 {
  background: url(../images/medal-03.png) no-repeat center center;
  background-size: 1.025rem 1.15rem;
}

.hot-point-list .medal.medal-04 {
  background: url(../images/medal-04.png) no-repeat center center;
  background-size: 1.025rem 1.15rem;
}

.v-sup {
  vertical-align: super;
}

.track-tips {
  padding: 0.1rem;
  border-radius: .15rem;
  background: #df632d;
  color: #fff;
}

.bg-gray {
  background: #f7f7f7;
}

.img-move {
  display: inline-block;
  width: 1.25rem;
  height: 0.6rem;
  background: url(../images/img-move.png)no-repeat center center;
  background-size: cover;
}

.icon-roof-placemen {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(../images/roof-placement.png) no-repeat center center;
  background-size: .775rem .85rem;
}

.check-stock .icon-checked {
  vertical-align: -35%;
}

.all-select {
  position: relative;
}

.all-select-item {
  background: #eaeaea;
  border-top: 1px solid #e8e9e9;
}

.black-444 {
  color: #444 !important;
}

.spacing {
  padding: 0.75rem 0.625rem;
}

.black-666 {
  color: #666 !important;
}

.title-link {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0.625rem;
}

.title-link .flex-box {
  width: 100%;
  padding: 0.75rem 0;
  list-style: none;
}

.title-link:after {
  content: '\e61d';
  display: inline-block;
  vertical-align: middle;
  font-family: iconfont !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: .2px;
  -moz-osx-font-smoothing: grayscale;
  white-space: nowrap;
  margin-left: .25rem;
  font-size: .6rem;
  color: #ccc;
}

.btn-write {
  display: inline-block;
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  background: #628ffb url(../images/icon-write.png) no-repeat center center;
  background-size: .9rem;
  position: absolute;
  z-index: 99999;
  bottom: 2.5rem;
  right: 1rem;
}

.index-top {
  height: 3rem;
  background: url(../images/index-top.png) no-repeat center center;
  background-size: cover;
}

.index-top {
  padding: 0.5rem 0.625rem;
}

.index-top input {
  width: 100%;
  height: 100%;
  border-radius: .25rem;
  border: none;
  padding: 0 0.5rem;
  color: #333333;
}

.index-top input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  text-align: center;
}

.index-top input::-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  text-align: center;
}

.index-top input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  text-align: center;
}

.index-top input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  text-align: center;
}

.default-search {
  background: #fff url(../images/bg-magnifier.png) no-repeat 20% center;
  background-size: .725rem .725rem;
}

.date-mask {
  background: #e6e6e6;
  padding: 0.1rem;
  border-radius: .075rem;
}

.track-date {
  padding: 0.1rem;
  background: #f2f2f2;
}

.track-item {
  vertical-align: top;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
  display: inline-block;
  padding: .4rem .625rem;
  width: 15rem;
  min-height: 5.5rem;
  color: #ececec;
  border-radius: .25rem;
}

.data_record {
  color: #d18644;
  width: 3.4rem;
  height: 1.15rem;
  vertical-align: middle;
  line-height: 1.15rem;
  background: #feeee0;
  border-radius: .15rem;
}

.data_record img {
  width: .225rem;
  height: .4rem;
}

.band_mask {
  display: inline-block;
  padding: 0.1rem;
  vertical-align: bottom;
}

.track-item.item_bg_red {
  background: url(../images/item_bg_red.png) no-repeat center center;
  background-size: 15rem 5.5rem;
}

.track-item.item_bg_green {
  background: url(../images/item_bg_green.png) no-repeat center center;
  background-size: 15rem 5.5rem;
}

.track-item.item_bg_gray {
  background: url(../images/item_bg_gray.png) no-repeat center center;
  background-size: 15rem 5.5rem;
}

.track-item-main p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  min-height: 2.2rem;
}

.track-item:not(:first-child) {
  margin-left: 0.5rem;
}

.track-item-container {
  width: 100%;
  overflow: auto;
  white-space: nowrap;
  padding: 0 0.625rem 0.75rem 0.625rem;
}

.border-white {
  border: 1px solid #fff;
  border-radius: .075rem;
}

.v-middle {
  vertical-align: middle;
}

.track-classification>a {
  display: inline-block;
  width: 3rem;
  padding-top: 2.6rem;
  text-align: center !important;
  color: #444;
}

.track-classification {
  padding: 0 1.5rem;
}

.track-classification>a:nth-child(1) {
  background: url(../images/classification-01.png) no-repeat center top;
  background-size: 2.25rem;
}

.track-classification>a:nth-child(2) {
  background: url(../images/classification-02.png) no-repeat center top;
  background-size: 2.25rem;
}

.track-classification>a:nth-child(3) {
  background: url(../images/classification-03.png) no-repeat center top;
  background-size: 2.25rem;
}

.news-victory {
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
}

.news-victory-main {
  padding-left: 3.6rem;
  padding-right: 0.5rem;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  position: relative;
}

.news-victory-main>img {
  position: absolute;
  width: 3.025rem;
  height: 2.5rem;
  left: 1%;
  top: 20%;
}

.news-victory-main>div {
  height: 3.75rem;
  overflow: hidden;
  padding-right: 0.2rem;
}

.news-victory .news-victory-main {
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
}

.page-title {
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 0 0.625rem;
}

.gray-777 {
  color: #777777;
}

.span-right-gap {
  padding-right: 0.3rem;
  border-right: 1px solid #a3a3a3;
}

.routine-list>li {
  padding-left: 0.625rem;
}

.routine-list>li>div {
  padding: 0 0.625rem;
  border-left: 1px dashed #dbdbdb;
  padding-top: 0.5rem;
}

.routine-list>li>div:not(:last-child) {
  padding-bottom: 0.35rem;
  border-bottom: 1px solid #eeeeee;
}

.routine-list>li>div>p {
  padding-bottom: 0.35rem;
  border-bottom: 1px solid #eeeeee;
}

.routine-list .list-date {
  position: relative;
}

.routine-list .list-date:before {
  content: "";
  display: inline-block;
  width: 0.35rem;
  height: 0.35rem;
  background: #cc3131;
  border-radius: 50%;
  position: absolute;
  left: -4.5%;
  top: 20%;
}

.news-victory {
  background: #eeeeee;
  background-size: 100% 4.75rem;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(234, 234, 234);
  border-radius: .25rem;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.13);
}

.t-dynamic-list .dynamic-item-text p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.text-break {
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
  display: inline-block;
}

.dynamic-item-tips {
  color: #fff;
  padding: 0.1rem 0.2rem 0.1rem 0.7rem;
  background: url(../images/dynamic-item-tips.png) no-repeat 0.2rem center/.4rem .625rem, linear-gradient(135deg, rgb(254, 115, 84) 0%, rgb(242, 89, 83) 100%);
  border-radius: .15rem;
}

.dynamic-item-img {
  width: 3.65rem;
  height: 2.4rem;
  padding-top: 0.5rem;
  border-radius: .15rem;
}

.dynamic-item-red {
  border: 1px dashed #cc3131;
  color: #cc3131;
}

.dynamic-item-gray {
  border: 1px dashed #999;
  color: #999;
}

.dynamic-item-green {
  border: 1px dashed #04b235;
  color: #04b235;
}

.dynamic-item-text {
  min-height: 2.5rem;
}

.icon-optinal {
  border: 1px solid #6666;
}

.dynamic-item-img>img {
  width: 4.75rem;
  height: 3.5rem;
  border-radius: .25rem;
}


.t-dynamic-list>li {
  padding: 0.7rem 0.625rem;
}

.gray-999 {
  color: #999999;
}

.icon-replay {
  padding-left: 0.8rem;
  background: url(../images/icon-replay.png) no-repeat left center;
  background-size: .75rem 0.7rem;
  vertical-align: text-bottom;
}

.black-2e2 {
  color: #2e2e2e !important;
}

.t-dynamic-list>li:not(:last-child) {
  border-bottom: 1px solid #f5f5f5;
}

.btn-release {
  position: absolute;
  bottom: 3.2rem;
  right: 0.625rem;
  padding: 0.5rem .725rem;
  border-radius: .85rem;
  background: #f36363;
  color: #fff;
  font-size: .75rem;
  z-index: 10000;
}

.btn-release img {
  width: .65rem;
  height: .65rem;
  vertical-align: top;
  margin-right: 0.15rem;
}

.blue-border {
  border: 1px solid #579bf7;
  padding: 0.1rem;
  border-radius: .1rem;
}

.impression-top {
  height: 3rem;
  line-height: 3rem;
}

.praise-item {
  display: inline-block;
  padding-left: 2rem;
  background: url(../images/g-praise.png) no-repeat 0.5rem center;
  background-size: 1.2rem;
}

.negative-item {
  padding-left: 2rem;
  display: inline-block;
  background: url(../images/g-negative.png) no-repeat 0.5rem center;
  background-size: 1.2rem;
}

.praise-item-l {
  color: #5285ff;
  display: inline-block;
  padding-left: 2rem;
  background: url(../images/g-praise-l.png) no-repeat 0.5rem center;
  background-size: 1.2rem;
}

.negative-item-l {
  color: #f02f2f;
  padding-left: 2rem;
  display: inline-block;
  background: url(../images/g-negative-l.png) no-repeat 0.5rem center;
  background-size: 1.2rem;
}

.font-link {
  padding-left: 1.5rem;
  background: url(../images/font-link.png) no-repeat left center;
  background-size: 1.05rem 1.075rem;
}

.del-link span {
  text-align: center;
  padding: 0 1rem;
  display: inline-block;
  height: 2rem;
  line-height: 2rem;
  border-left: 1px solid #f8f8f8;
}

.date-news-tips {
  padding-left: 1rem;
  background: url(../images/date-new-tips.png) no-repeat left center;
  background-size: .7rem;
}

.key-points-item {
  background: #fff;
}

.key-points-item>div {
  background: #fff6f6;
}

.key-points-item>div:first-child {
  padding: 0.35rem;
}

.more-points {
  display: inline-block;
  height: 3.7rem;
  padding-top: 1.2rem;
  width: 2rem;
}

.comments-part button {
  background: #ffffff;
  padding: 0.2rem 0rem 0.2rem 0.4rem;
  border: 1px solid #bbbbbb;
  color: #bbbbbb;
  border-radius: .625rem;
  margin-left: .5rem;
  margin-top: .65rem;
}

.comments-part button>span {
  margin-left: -0.25rem
}

.gray-c3c {
  color: #c3c3c3;
}

.click-nums {
  vertical-align: sub;
}

.comments-tabs>a>span {
  position: absolute;
  color: #fff;
  padding: 0.14rem;
  background-color: rgb(204, 49, 49);
  border-radius: .275rem;
  height: .55rem;
  width: .85rem;
  line-height: 0.3rem;
  top: 0.2rem;
}

.icon-good {
  padding-left: 1.175rem;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
  background: url(../images/list_item_click.png) no-repeat left center;
  background-size: .925rem .85rem;
}

.icon-good-y {
  padding-left: 1.175rem;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
  background: url(../images/icon_yellow_xin.png) no-repeat left center;
  background-size: .75rem .775rem;
}

.icon-bad {
  padding-left: 0.925rem;
  background: url(../images/icon-bad.png) no-repeat left center;
  background-size: .75rem .775rem;
}

.icon-gooded {
  padding-left: 1.175rem;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
  background: url(../images/list_item_click_red.png) no-repeat left center;
  background-size: .925rem .85rem;
}

.icon-baded {
  padding-left: 0.925rem;
  background: url(../images/icon-baded.png) no-repeat left center;
  background-size: .75rem .775rem;
}

.investment-style-head {
  width: 100%;
  height: 6.85rem;
  background: url(../images/bg-style-head.png) no-repeat center center;
  background-size: 100% 6.85rem;
  position: relative;
}

.discunn-img img {
  max-width: 100%;
  height: auto;
}

.abnormal-img>img {
  width: 100%;
  height: auto;
}

.comment-box {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0.5rem 0.625rem;
  box-shadow: inset 0px 1px 0px 0px rgba(209, 209, 209, 0.004);
  z-index: 999;
  border-top: 1px solid #f0f0f0;
  background-color: rgb(239, 239, 239);
}

.comment-box>input {
  width: 75%;
  height: 1.6rem;
  border: 1px solid #f0f0f0;
  border-radius: .25rem;
  padding: 0 0.625rem;
}

.comment-box>a:nth-child(1) {
  display: inline-block;
  width: 90%;
  height: 1.6rem;
  line-height: 1.6rem;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(212, 212, 212);
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  padding: 0 0.625rem;
}

.comment-box>button {
  width: 10%;
  background: url(../images/gray-comment.png) no-repeat right center;
  background-size: .85rem;
  height: 1.6rem;
  vertical-align: bottom;
  border: none;
}

.active-c-part {
  background: rgb(204, 49, 49) !important;
  color: #fff !important;
  border: none !important;
}

.fixed-comment-box {
  width: 100%;
  position: absolute;
  height: 2.4rem;
  background: #fafafa;
  bottom: 0;
  border-top: 1px solid #eeefef;
}

.fixed-comment-box .comment-good-item {
  height: 100%;
  padding-top: 1.6rem;
  background: url(../images/b-good.png) no-repeat center 0.5rem;
  background-size: .875rem .9rem;
}

.fixed-comment-box .comment-bad-item {
  height: 100%;
  padding-top: 1.6rem;
  background: url(../images/b-bad.png) no-repeat center 0.5rem;
  background-size: .875rem .9rem;
}








































































































/*底部导航栏*/

.icon-discover {
  background: url(../images/icon_zixuan.png) no-repeat center;
  background-size: cover;
}

.active .icon-discover {
  background: url(../images/icon_zixuanr.png) no-repeat center/cover;
}

.icon-track {
  background: url(../images/genzhong.png) no-repeat center/cover;
}

.icon-help-each {
  background: url(../images/icon_hubangno.png) no-repeat center/1.05rem .95rem;
}

.active .icon-help-each {
  background: url(../images/icon_hubangyes.png) no-repeat center/1.05rem .95rem;
}

.active .icon-track {
  background: url(../images/genzhong_1.png) no-repeat center/cover;
}

.icon-hall {
  background: url(../images/dating.png) no-repeat center/cover;
}

.active .icon-hall {
  background: url(../images/dating_1.png) no-repeat center/cover;
}

.icon-my {
  background: url(../images/wode.png) no-repeat center/cover;
}

.active .icon-my {
  background: url(../images/wode_1.png) no-repeat center/cover;
}

.gz_victoryList>ul>li {
  padding: 0 0.625rem 0.5rem 0.625rem;
}

.gz_victoryList>ul>li~li {
  border-top: 0.5rem solid #efefef;
}

.regular_row {
  line-height: 2.2rem;
}

.bg-eae {
  background: #eaeaea !important;
}




































































































/* Generated by less 2.5.1 */

.stock_index {
  width: 100%;
  position: relative;
  background: url(../images/bg_yun.png)no-repeat center/cover;
  box-shadow: 3.536px 3.536px 7px 0px rgba(0, 0, 0, 0.06), inset 0px -1px 0px 0px rgba(239, 239, 239, 0.004);
}

.stock_index .index_top {
  padding: .5rem 0.625rem;
}

.stock_index .index_top div:last-child>a img {
  display: block;
  width: 1.35rem;
  height: 1.25rem;
  margin: 0 auto;
}

.stock_index .index_top div:last-child>a p {
  margin-top: .2rem;
  text-align: center;
}

.stock_index .index_bottom {
  padding: .6rem 0.625rem;
}

.stock_index .index_bottom span.news-tips {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/bg-news-tips.png) no-repeat center / cover;
  position: absolute;
  right: 0;
  top: 0;
}

.stock_index .index_bottom div:first-child a {
  position: relative;
  padding: 0 .5rem 0 .25rem;
  height: 3.2rem;
  background: url(../images/index-b-01.png) no-repeat center / cover;
}

.stock_index .index_bottom div:first-child a>div:nth-child(2)>div {
  text-align: left;
  width: 5.3rem;
  height: 1.35rem;
  line-height: 1.4rem;
  background: #b3c0d5;
  border-radius: .625rem;
  padding-left: 0.35rem;
}

.stock_index .index_bottom div:first-child a>div:nth-child(2)>div>img {
  width: .8rem;
  height: .8rem;
  vertical-align: -15%;
  margin-right: 0.4rem;
}

.stock_index .index_bottom div:last-child>a {
  position: relative;
  height: 2.85rem;
  padding: 0.3rem .5rem 0 .25rem;
}

.stock_index .index_bottom div:last-child>a:first-child {
  margin-right: .125rem;
  background: url(../images/index-b-02.png) no-repeat center / cover;
}

.stock_index .index_bottom div:last-child>a:last-child {
  margin-left: .125rem;
  background: url(../images/index-b-03.png) no-repeat center / cover;
}

.my_stock_market {
  padding: 0.25rem 0 0.25rem 2rem;
  background: url(../images/img-stock-market.png) no-repeat left center / 1.65rem;
}

.news-cicle {
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #cc3131;
  vertical-align: 10%;
}

.dynamic_item .dynamic_title {
  height: 2.25rem;
  line-height: 2.25rem;
  padding: 0 0.625rem;
  border-bottom: 1px solid #fafafa;
}

.dynamic_item .dynamic_title .title_click i {
  vertical-align: middle;
  display: inline-block;
  width: .65rem;
  height: .4rem;
  background: url(../images/icon_jiantou_dow.png) no-repeat right center / 0.65rem 0.4rem;
}

.dynamic_item .dynamic_content {
  padding: 0 0.625rem;
}

.dynamic_item .dynamic_content .dynamic_content_img img {
  max-width: 60%;
  height: auto;
}

.dynamic_item .dynamic_content>div {
  padding-left: 2rem;
}

.dynamic_item .dynamic_content>div>.dynamic_user_top {
  position: relative;
}

.dynamic_item .dynamic_content>div>.dynamic_user_top .anonymous {
  background: #999999;
  color: #fff;
  border-radius: .15rem;
  padding: 0.1rem;
}

.dynamic_item .dynamic_content>div>.dynamic_user_top .user_tips {
  border: 1px solid #999999;
  color: #999999;
}

.dynamic_item .dynamic_content>div>.dynamic_user_top>img {
  width: 1.7rem;
  height: 1.7rem;
  position: absolute;
  left: -2rem;
  border-radius: 50%;
}

.dynamic_item .dynamic_content>div>.dynamic_user_top>div img {
  width: .525rem;
  height: .6rem;
  vertical-align: text-top;
}

.dynamic_item .dynamic_content>div .dynamic_oper_history {
  padding: .6rem 0.625rem .6rem 0.625rem;
  background: #f7f7f7;
}

.dynamic_item .dynamic_content>div .dynamic_oper_history p {
  position: relative;
  padding: 0 0.5rem;
}

.dynamic_item .dynamic_content>div .dynamic_oper_history p:before {
  content: "";
  position: absolute;
  top: 38%;
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #657173;
  left: 0;
}

.dynamic_item .dynamic_content>div .dynamic_oper_history p:nth-child(2) {
  padding-left: 0.55rem;
  position: relative;
}

.dynamic_item .dynamic_content>div .dynamic_oper_history p:nth-child(2):before {
  content: '';
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  background: #333;
  border-radius: 50%;
  position: absolute;
  left: 0.1rem;
  top: 35%;
}

.dynamic_item .dynamic_content>div .dynamic_oper_history p img {
  width: .525rem;
  height: .6rem;
  vertical-align: text-top;
}

.dynamic_item .dynamic_content .dynamic_mask>div:first-child {
  color: white;
  padding: 0.35rem 0.3rem 0.3rem 1.1rem;
  border-radius: .525rem;
  background: #efa761 url(../images/snow-ball.png) no-repeat 0.3rem center / 0.7rem;
}

.item_head_bar {
  height: 2.25rem;
  line-height: 2.25rem;
  padding: 0 0.625rem;
  border-bottom: 1px solid #fafafa;
}

.hot_topic_item .bar_hot_topic img {
  width: .925rem;
  height: 1.05rem;
  vertical-align: sub;
}

.hot_topic_item .hot_topic_content {
  overflow: hidden;
  width: 100%;
}

.hot_topic_item .hot_topic_content ul {
  width: 100%;
  overflow: auto;
  white-space: nowrap;
  padding: .725rem;
}

.hot_topic_item .hot_topic_content ul li {
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
  display: inline-block;
}

.hot_topic_item .hot_topic_content ul li:not(:first-child) {
  margin-left: .5rem;
}

.hot_topic_item .hot_topic_content ul li>img {
  float: left;
  width: 3.15rem;
  height: 2.25rem;
  border-radius: .25rem;
}

.hot_topic_item .hot_topic_content ul li>div {
  overflow: hidden;
}


































































































































/*公开圈*/

.open_circle_head {
  padding: 0.25rem 0.625rem;
}

.open_circle_head .head_title {
  padding: .6rem;
}

.open_circle_head .head_title>div img {
  width: 1.1rem;
  height: 1.1rem;
  vertical-align: text-top;
}

.open_circle_head .head_mask {
  position: relative;
  border-top: 1px solid #fafafa;
}

.open_circle_head .head_mask span {
  color: #bababa;
  position: absolute;
  display: inline-block;
  width: 2rem;
  background: #fff;
  top: -0.4rem;
}

.open_circle_head .head_content {
  padding: .5rem 0;
}

.open_circle_head .head_content .my_stock_list {
  color: #2e2e2e;
  width: 100%;
  overflow: auto;
  white-space: nowrap;
}

.open_circle_head .head_content .my_stock_list li {
  display: inline-block;
  position: relative;
  padding-left: 0.5rem;
}

.open_circle_head .head_content .my_stock_list li:before {
  content: '';
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #cd3031;
  position: absolute;
  top: 28%;
  left: 0;
}

.open_circle_head .head_content .my_stock_list li:not(:first-child) {
  margin-left: 2rem;
}

.open_circle_head .head_content .my_stock_list li img {
  width: .525rem;
  height: .6rem;
}

.instant_message {
  color: #2e2e2e;
}

.instant_message>a {
  height: 3.5rem;
}

.instant_message .message_font {
  height: 2.6rem;
  padding-left: 3.4rem;
  background: url(../images/font-message.png) no-repeat left center / 2.725rem 2.625rem;
}

.instant_message .message_font div img {
  width: .8rem;
  height: .8rem;
  vertical-align: sub;
}

.instant_message .message_font div img:not(:first-child) {
  margin-left: -0.4rem;
}

.instant_message .message_font div>div {
  line-height: 1.3rem;
}

.open_circle_filter .filter_btn_container {
  border-bottom: 1px solid #fafafa;
  padding: 0 0.625rem 0.625rem 0.625rem;
}

.open_circle_filter .filter_btn_container button {
  font-size: .6rem;
  background: #fff;
  border: 1px solid #eeeeee;
  padding: .35rem .6rem;
  border-radius: .625rem;
  color: #999;
  margin: 0.625rem 0.1rem 0 0.1rem;
}

.open_circle_filter .filter_btn_container button.active {
  color: #fff;
  background: #d44f50;
}

.btn_upload_oper button {
  color: #fff;
  width: 6rem;
  height: 2.25rem;
  background: #d55152;
  border: none;
  border-radius: .25rem;
}


































































































































/*新动态*/

.edit_dynamic .edit_top {
  padding: 0.5rem 0.625rem;
}

.edit_dynamic .edit_top textarea {
  width: 100%;
  height: 5rem;
  padding: 0.25rem 0;
  border: none;
  resize: none;
}

.edit_dynamic .edit_top .btn_add_img {
  position: relative;
  padding-top: 3rem;
  width: 4rem;
  height: 5rem;
  border: 1px dashed #eeeeee;
  background: #fdfdfd url(../images/bg-add-img.png) no-repeat center 1.6rem;
  background-size: 1.375rem 1.125rem;
}

.edit_dynamic .edit_top .btn_add_img input[type='file'] {
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
}

.edit_dynamic .edit_top .text_center_tips {
  position: relative;
  border-top: 1px solid #fafafa;
}

.edit_dynamic .edit_top .text_center_tips>span {
  padding: 0 0.5rem;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.edit_dynamic .edit_top .toolbar__select_item>div:nth-child(1)>img {
  width: 1.25rem;
  height: 1.25rem;
}

.edit_dynamic .edit_top .toolbar__select_item>div:nth-child(2)>img {
  width: 1.25rem;
  height: 1.25rem;
}

.edit_dynamic .edit_top .toolbar__select_item>div:nth-child(3)>img {
  width: 1.3rem;
  height: 1.275rem;
}

.edit_dynamic .edit_top .toolbar__select_item>div p {
  color: #2e2e2e;
  font-size: .55rem;
  margin-top: 0;
}

.edit_dynamic .edit_bottom li a {
  color: #2e2e2e;
  font-size: .75rem;
}

.edit_dynamic .edit_bottom li a i {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
}

.edit_dynamic .edit_bottom li a i.icon_identity {
  background: url(../images/icon-identity.png) no-repeat center / 0.8rem;
}

.edit_dynamic .edit_bottom li a i.icon_add_oper {
  background: url(../images/icon-add-oper.png) no-repeat center / 0.8rem;
}

.edit_dynamic .edit_bottom li a i.icon_new_topic {
  background: url(../images/icon-new-topic.png) no-repeat center / 0.8rem;
}


































































































































/*我的身份*/

.identity_head {
  height: 2.25rem;
  text-align: center;
  line-height: 2.25rem;
}

.identity_list ul {
  padding: 0 0.625rem;
}

.identity_list ul li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #fafafa;
}

.identity_list ul li p img {
  width: .525rem;
  height: .6rem;
  vertical-align: initial;
}

.identity_list ul li>div>a.active {
  display: inline-block;
  border-radius: .075rem;
  background-color: #cc3131;
  width: 2rem;
  height: 1.15rem;
  line-height: 1.15rem;
  color: white;
}

.none_identity_list {
  padding-top: 9.75rem;
}

.fixed_bottom {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background: #fff;
  z-index: 1000;
}


































































































































/*动态详情*/

.dynamic_comment_tabs div>a.active {
  border: none;
}

.dynamic_comment_tabs div>a.active>span {
  color: #cc3131;
  border-bottom: .1rem solid #cc3131;
}

.dynamic_comment_tabs div>a>span {
  display: inline-block;
  height: 100%;
}

.dynamic_comment_list>li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #fafafa;
}

.dynamic_comment_list .dynamic_item .dynamic_content>div>.dynamic_user_top>img {
  position: absolute;
  top: -0.5rem;
}

.dynamic_comment_list .dynamic_item .dynamic_content>div>.dynamic_user_emoticon>img {
  width: 3rem;
  height: 3rem;
}









































































































/*圈子提醒*/

.img_group_three>img {
  width: .8rem;
  height: .8rem;
}

.img_group_three>img:not(:first-child) {
  margin-left: -0.4rem;
}









































































































/*我的圈子*/

.my_cicle_list>li {
  border-bottom: 1px solid #fafafa;
}

.my_cicle_list>li>a {
  padding: 0.5rem 0;
}

.my_cicle_list>li>a>div {
  padding-top: .3rem;
  overflow: hidden;
  padding-left: 0.5rem;
}

.my_cicle_list>li>a>span {
  text-align: center;
  color: #fff;
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  background: #628ffb;
  border-radius: 50%;
  font-size: .55rem;
  line-height: 2.25rem;
  float: left;
}

.my_cicle_list>li>a {
  position: relative;
  display: block;
  width: 100%;
}

.my_cicle_list>li>a.news_cicle:after {
  content: '';
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #cc3131;
  position: absolute;
  right: 0;
  top: 47%;
}









































































































/*圈子操作动态*/

.dynamic_oper_detail li>div>div {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #eeeeee;
}

.dynamic_oper_detail li>div>div div div img {
  width: .9rem;
  height: .9rem;
  vertical-align: text-bottom;
  margin-right: .25rem;
}


















































































/*2018 10 24 新动态页图片放大*/

.upload-area img {
  width: 100%;
  height: 100%;
  opacity: 1;
  filter: alpha(opacity=0);
  position: absolute;
  left: 0;
  top: 0;
}

.upload-area .icon-closed {
  position: absolute;
  right: 0.25rem;
  top: 0.25rem;
}

.z_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}

.pop_up_mask {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, .8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}

.oper_tips_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8) !important;
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 9002;
  display: none;
}

.zzz_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}

.lockspace_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}







































































































/*加箭头*/

.icon-down-arrow {
  display: inline-block;
  width: .65rem;
  height: .4rem;
  background: url(../images/icon_jiantou_dow.png) no-repeat center center;
  background-size: .65rem .4rem;
}

.icon-right-arrow {
  display: inline-block;
  width: .4rem;
  height: .65rem;
  background: url(../images/icon-right-arrow.png) no-repeat center center;
  background-size: .4rem .65rem;
}

.icon-up-arrow {
  display: inline-block;
  width: .65rem;
  height: .4rem;
  background: url(../images/icon_jiantou_up.png) no-repeat center center;
  background-size: .65rem .4rem;
}

.click-item {
  padding: 0.75rem 0.625rem;
}







































































































/*散户大厅弹出框*/

.stock_index {
  position: relative;
}

.index_top {
  position: relative;
  background: #fff
}

.index_top>div i {
  vertical-align: 10%;
  margin-left: 0.25rem;
}

.index_top_search a {
  display: inline-block;
  border-width: 1px;
  border-color: rgb(153, 153, 153);
  border-style: solid;
  border-radius: .25rem;
  background-color: rgb(254, 254, 254);
  height: 1.65rem;
  padding-left: 1.6rem;
  font-size: .6rem;
  line-height: 1.65rem;
  background: url(../images/bg-magnifier.png) no-repeat 0.5rem center/.725rem;
}

.index_top_popup {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 9999;
  background: #fff;
}

.index_top_popup>div:not(:last-child) {
  border-right: 1px solid #fafafa;
  margin-right: 1rem;
}





































































































/*2019 01 16*/


/*散户大厅加特效*/

.dynamic_news_tips {
  padding: 0 0 0 0.625rem;
  width: 100%;
  height: 1.6rem;
  background: #f7ebeb;
}

.dynamic_news_tips>div img {
  width: .8rem;
  height: .8rem;
  margin-right: 0.25rem;
  vertical-align: sub;
}

.dynamic_news_tips>div>span {
  display: inline-block;
  width: 2rem;
  height: 1.6rem;
  background: url(../images/icon_close_news.png) no-repeat center center;
  background-size: .65rem;
}









































































































/*量化模型产品页*/

.icon_question_tips img {
  width: .8rem;
  height: .8rem;
  margin-left: .25rem;
}

.small_spans>span {
  border: 1px solid #2e2e2e;
  padding: 0.05rem;
}

.service_duration_tips {
  position: relative;
  height: 1.9rem;
  border-bottom: .2rem solid #efefef;
}

.service_duration_tips>div {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 999;
  width: 100%;
  margin: 0 auto;
  height: 1.9rem;
  background: url(../images/bg-service-tips.png) no-repeat center / cover;
}

.service_duration_tips>div>div>img {
  width: .65rem;
  height: .65rem;
  margin-right: 0.25rem;
  vertical-align: top;
}

.service_duration_tips>div>div>a {
  display: inline-block;
  width: 2.1rem;
  height: 1.1rem;
  background: #fff;
  border-radius: .5rem;
  font-size: .65rem;
  line-height: 1.15rem;
}

.solo_item {
  padding: 0.6rem 0.625rem;
}

.list_box {
  padding: 0 0.625rem;
}

.list_box>.list>a {
  padding: 0.75rem 0;
}

.list_box>.list:not(:last-child) {
  border-bottom: 1px solid #fafafa;
}

.list_head {
  background: #fafafa;
  height: 1.25rem;
  border-top: 1px solid #f8f8f8;
}

.del_list_border>.li {
  border: none;
}

.current_hold_list li>div>a {
  padding: 0.75rem 0.625rem;
}

.current_hold_list li>a {
  padding: 0.3rem 0.625rem;
  background: #f6f9ff;
}

.current_hold_list li>a>div:first-child {
  padding: 0.3rem 0.625rem;
  background: #f6f9ff;
}

.btn-order {
  width: 7rem;
  height: 2.75rem;
  background: #cc3131;
  border: none;
}




































































































/*量化策略产品购买页*/

.buy_page_top {
  padding: 0.75rem 0.625rem;
}

.buy_page_top>div>img {
  width: .75rem;
  height: .75rem;
}

.list-item>.list {
  padding: 0.75rem 0.625rem;
}

.list-item>.list:not(:last-child) {
  border-bottom: 1px solid #fafafa;
}

.list_input>li input[type='text'] {
  text-align: right;
  border: none;
}

.input_tips {
  padding: 0.25rem 0.625rem;
  background: #f7ebeb;
}

.gray-888 {
  color: #888888;
}

.black-555 {
  color: #555555;
}





































































































/*散户大厅表情底部弹窗*/

.fixed-bottom-box {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 998;
}

.expression_popup {
  display: none;
  padding-top: .5rem;
  background: #fff;
}

.expression_popup .buttons-tab .button {
  color: #999999;
  border: none;
}

.expression_popup .buttons-tab .button:first-child {
  padding-left: 1rem;
  background: url(../images/icon-g-bad.png) no-repeat 41.5% center / 0.675rem 0.7rem;
}

.expression_popup .buttons-tab .button:first-child.active {
  color: #2e2e2e !important;
  padding-left: 1rem;
  background: #eeeeee url(../images/icon-g-bad.png) no-repeat 41.5% center / 0.675rem 0.7rem;
}

.expression_popup .buttons-tab .button:last-child {
  padding-left: 1rem;
  background: url(../images/icon-g-good.png) no-repeat 41.5% center / 0.675rem 0.7rem;
}

.expression_popup .buttons-tab .button:last-child.active {
  color: #2e2e2e !important;
  padding-left: 1rem;
  background: #eeeeee url(../images/icon-b-good.png) no-repeat 41.5% center / 0.675rem 0.7rem;
}

.expression_popup .expression_content>div {
  margin-top: .5rem;
}

.expression_popup .expression_content>div>img {
  margin: 0 auto;
  display: block;
  width: 3rem;
  height: 3rem;
}

.expression_popup .expression_content>div>p {
  text-align: center;
  margin-top: .25rem;
  font-size: .6rem;
}

.expression_small_group>img {
  width: .775rem;
  height: .775rem;
}

.fixed_comment_box {
  padding-top: .25rem;
  background: #fff;
  z-index: 9999;
  border-top: 1px solid #f6f6f6;
}

.fixed_comment_box>div>div:nth-child(1)>img {
  width: .85rem;
  height: 0.8rem;
}

.fixed_comment_box>div>div:nth-child(2)>img {
  width: .675rem;
  height: .7rem;
}

.fixed_comment_box>div>div:nth-child(3)>img {
  width: .675rem;
  height: .7rem;
}

.fixed_comment_box>div img {
  display: block;
  margin: 0 auto;
}







































































































/*量化策略产品页加弹窗*/

.popup_tips {
  width: 80%;
  position: fixed;
  left: 10%;
  top: 30%;
  background: #f6f6f6;
  z-index: 100001;
  border-radius: .6rem;
}

.popup_subscribe {
  display: none;
}

.popup_subscribe .popup_top {
  padding: 0.625rem;
}

.popup_subscribe .popup_top>div:first-child {
  padding: 0 0.5rem;
}

.popup_subscribe .popup_top>div:last-child {
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
}

.popup_subscribe .popup_top>div>i {
  padding: 0.25rem;
  display: inline-block;
}

.popup_subscribe .popup_top>div>i>img {
  width: .9rem;
  height: .9rem;
}

.popup_subscribe .popup_bottom {
  border-top: 1px solid #ebebeb;
}

.popup_subscribe .popup_bottom>a {
  display: inline-block;
  height: 2.25rem;
  line-height: 2.25rem;
  width: 100%;
  text-align: center;
}

.push_news_popup {
  display: none;
}

.push_news_popup .popup_top {
  padding: 1.5rem;
}

.push_news_popup .popup_bottom {
  border-top: 1px solid #ebebeb;
}

.push_news_popup .popup_bottom>div>a {
  height: 2.25rem;
  line-height: 2.25rem;
  text-align: center !important;
}

.push_news_popup .popup_bottom>div>a:first-child {
  border-right: 1px solid #ededed;
}

.no_push_tips {
  padding: 0.5rem .9rem;
  background: #f7ebeb;
}

.current_hold_list>li:nth-child(n+4) {
  display: none;
}





































































































/*量化模型产品页（跟踪消息）*/

.list_module>li>a {
  display: block;
  padding: 0.6rem 0.625rem;
}

.list_module>li:not(:last-child) {
  border-bottom: 1px solid #fafafa;
}

.overall_hot_list>li>div>div {
  border-bottom: none !important;
}

.overall_hot_list .list_content {
  background: #efefef;
  padding: 0.5rem;
  display: block;
}

.overall_hot_list .list_content>p {
  line-height: 0.8rem;
  overflow: hidden;
  /*超出部分隐藏*/
  white-space: nowrap;
  /*不换行*/
  text-overflow: ellipsis;
  /*超出部分文字以...显示*/
}

.overall_hot_list .list_content>p~p {
  margin-top: 0.25rem;
}







































































































/*散户大厅增加*/

.my_stock_market>div img {
  width: .8rem;
  height: .8rem;
  margin: 0 0.1rem;
  vertical-align: sub;
}

.care-buttons {
  background: #fff;
  position: fixed;
  z-index: 10000;
  width: 100%;
  border-radius: .25rem .25rem 0 0;
  padding: 0 0.625rem;
  bottom: 0;
  left: 0;
  display: none;
}

.care-buttons>div {
  height: 2.25rem;
  line-height: 2.25rem;
  text-align: center;
}

.care-buttons>div:not(:first-child) {
  border-top: 1px solid #fafafa;
}




































































































/*量化策略介绍页*/

.quantization_intro_top {
  position: relative;
  height: 10.65rem;
  width: 100%;
  background: url(../images/intro_top.png) no-repeat center center/cover;
}

.quantization_intro_top>div {
  padding: 0 1rem;
  width: 100%;
  position: absolute;
  bottom: 0.9rem;
}

.quantization_intro_top>div>div {
  padding-top: 0.35rem;
  width: 4.65rem;
  height: 2.1rem;
  background: url(../images/quantization-unclick.png) no-repeat center center/cover;
  margin: 0 .4rem;
}

.quantization_intro_top>div>div.active {
  padding-top: 0.35rem;
  width: 4.65rem;
  height: 2.1rem;
  background: url(../images/quantization-click.png) no-repeat center center/cover;
  margin: 0 .4rem;
}

.quantization_intro_main {
  padding: 0 0.625rem;
  width: 100%;
  height: 23.1rem;
  background: url(../images/intro_main.png)no-repeat center center/cover;
}

.quantization_intro_main div.main_content {
  width: 100%;
  background: #fff;
  border-radius: .25rem;
  padding-bottom: 1.8rem;
}

.quantization_intro_main .separator-row {
  width: 100%;
  position: relative;
  height: 2.5rem;
  background: url(../images/black-line.png) no-repeat center center/contain;
}

.quantization_intro_main .separator-row>span {
  background: #fff;
  position: absolute;
  left: 0;
  padding: 0.25rem;
  top: 30%;
}

.quantization_intro_main .main_top {
  padding: 0.5rem 0.25rem;
}

.quantization_intro_main .main_bottom {
  padding: 0 0.35rem;
}

.model_p {
  padding: 0 1.2rem;
}

.model_p p {
  background: #dcdcdc;
  padding: 0 0.35rem;
}

.quantization_intro_bottom>img {
  width: 100%;
  height: 21.65rem;
  display: block;
  font-size: 0;
}

.quantization_intro_footer>img {
  width: 100%;
  height: 20.1rem;
  display: block;
  font-size: 0;
}

.strategy_span>span {
  border: 1px solid #2e2e2e;
  margin: 0 0.1rem;
}

.view_detial_btn button {
  background: #dec068;
  color: #fff;
  border: none;
}




































































































/*我的股票圈*/

.my_oper_btns>div {
  display: flex;
  justify-content: center;
}

.my_oper_btns>div {
  padding: 0.5rem 0.625rem;
  border-bottom: 1px solid #fafafa;
  border-top: 1px solid #fafafa;
}

.my_oper_btns>div>button {
  border: none;
  color: #fff;
}

.my_oper_btns>div>button:first-child {
  flex: 1;
  background: #999999;
  margin-right: 0.2rem;
}

.my_oper_btns>div>button:last-child {
  flex: 2;
  background: #cc3131;
  margin-left: 0.2rem;
}




































































































/*智能服务*/

.intelligence_service_list li>a.flex-box {
  padding: 0.75rem 0.625rem;
}

.intelligence_service_list li:not(:last-child) {
  border-bottom: 1px solid #fafafa;
}

.buy_module {
  padding: 0.625rem;
  background: #efefef;
}

.buy_module>div.buy_module_content {
  background: #fff;
  padding: 0.625rem;
  border-radius: .25rem;
}

.img_wenhao {
  width: .8rem;
  height: .8rem;
  margin-left: 0.25rem;
}





































































































/*热点跟踪*/

.hot_track_line {
  text-align: center;
  height: 1.55rem;
  background: #f7ebeb;
  line-height: 1.55rem;
}

.hot_track_line img {
  width: 1.05rem;
  height: .925rem;
  vertical-align: sub;
  margin-right: 0.25rem;
}




































































































/*量化策略产品介绍页 轮播小点点*/

#swiper-one .pagination {
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 100%;
  text-align: center;
}

#swiper-one .swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #555;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}

#swiper-one .swiper-active-switch {
  background: #fff;
}




































































































/*搜索页*/

.search_top {
  display: flex;
  padding: 0.625rem;
  justify-content: center;
}

.search_top>input {
  height: 1.75rem;
  border-radius: .25rem;
  flex: 8.5;
  padding: 0 0.625rem 0 1.6rem;
  border-width: 1px;
  border-color: #cccccc;
  border-style: solid;
  background: rgba(232, 232, 232, 1) url(../images/bg-magnifier.png) no-repeat 0.6rem center / 0.725rem;
}

.search_top>a {
  flex: 1.5;
  text-align: center;
  line-height: 100%;
  line-height: 1.75rem;
}

.icon_del {
  padding: 0.25rem;
}

.icon_del img {
  width: .7rem;
  height: .7rem;
}

.search_history {
  padding: 0.625rem;
}

.search_history ul li:not(:first-child) {
  border-top: 1px solid #fafafa;
}

.search_history ul li a {
  line-height: 2.25rem;
}

.search_filter_tabs {
  background: #efefef;
}

.search_filter_tabs div {
  background: #efefef;
}

.search_filter_tabs div a {
  background: #efefef;
}

.stock_list {
  padding: 0 0.625rem;
}

.stock_list li:not(:first-child) {
  border-top: 1px solid #fafafa;
}

.stock_list li a {
  line-height: 2.25rem;
}

.topic_list li:not(:first-child) {
  border-top: 1px solid #fafafa;
}

.topic_list li a {
  line-height: 2.25rem;
}




































































































/*真实操作匿名交流圈*/

.week_remind_line {
  padding: 0.35rem 0.625rem;
  background: #fff9df;
}

.state-selection-items {
  padding: 0.625rem;
}

.state-selection-items .item {
  border-radius: .25rem;
  padding: 0.5rem 0.625rem;
}

.state-selection-items .icon_w_right img {
  width: .5rem;
  height: .9rem;
}

.state-selection-items>.item-01 {
  background: url(../images/state-selection-01.png) no-repeat center / 100% 3.4rem;
}

.state-selection-items>.item-02 {
  background: url(../images/state-selection-02.png) no-repeat center / 100% 3.4rem;
}

.enter_sanhu a {
  text-align: center;
  border-radius: .25rem;
  padding: 0.5rem 0.625rem;
  background: url(../images/state-selection-03.png) no-repeat center / 100% 2rem;
}

.oper_cicle {
  padding-left: 2.625rem;
  background: url(../images/img-stock-market.png) no-repeat 0.625rem center;
  background-size: 1.65rem;
}

.week_profit_select {
  padding: 1rem 0.625rem;
}

.week_profit_select>div:nth-child(2)>div>a {
  padding: 1.1rem 0;
  border-radius: .25rem;
  text-align: center !important;
  border: 1px solid #d1d1d1;
  margin: 0.25rem;
}






































































































/*发现跟踪页*/

.discover_top_search {
  padding: 0.625rem;
}

.discover_top_search input {
  border: none;
  width: 100%;
  height: 2rem;
  padding: 0 0.35rem;
}

.discover_center_search {
  border-bottom: 1px solid #fafafa;
  padding: 0.75rem 0;
}

.discover_center_search textarea {
  border: none;
  resize: none;
  width: 100%;
  height: 7.5rem;
}

.discover_bottom_search {
  padding: 0.75rem 0;
}

.discover_bottom_search textarea {
  border: none;
  resize: none;
  width: 100%;
  height: 7.5rem;
}




































































































/*股票详情页*/

.subject-matter-part {
  width: 100%;
  overflow: auto;
  white-space: nowrap;
}

.subject-matter-part>div {
  display: inline-block;
}

.subject-matter-part>div {
  min-width: 25% !important;
  text-align: center !important;
}

.subject-matter-part>div {
  margin: 0 0.3rem;
  padding: 0.3rem;
}

.subject-matter-part>div.g-fall {
  border: 1px solid #0ca536;
  color: #0ca536;
  border-radius: 0.25rem;
}

.subject-matter-part>div.r-rise {
  border: 1px solid #df403e;
  color: #df403e;
  border-radius: 0.25rem;
}

.subject-matter-part>div:first-child {
  -webkit-flex-shrink: 0 !important;
  -ms-flex: 0 1 auto;
  -ms-flex-negative: 1;
  flex-shrink: 0 !important;
  margin-left: 0;
}

.subject-matter-top {
  padding-left: 1.2rem;
}

.subject-matter-container {
  padding-left: 0.625rem !important;
}

.subject-matter-li {
  border-bottom: none !important;
}

.selected-subject {
  position: relative;
}

.selected-subject.r-rise {
  background: #df403e;
  border: none !important;
  color: #ffffff !important;
  position: relative;
}

.selected-subject.g-fall {
  background: #0ca536;
  border: none !important;
  color: #ffffff !important;
  position: relative;
}

.subject-matter-part>div {
  overflow: visible !important;
}

.selected-subject.r-rise:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid #de3f3d;
  bottom: -0.35rem;
  left: 40%;
}

.selected-subject.g-fall:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid #0ca536;
  bottom: -0.35rem;
  left: 40%;
}

.stock-index-list {
  margin: 0;
  padding: 0;
}

.stock-index-list>li {
  padding: 0.625rem;
  margin: 0;
}

.stock-index-list>li:not(:last-child) {
  border-bottom: 1px solid #fafafa;
}

.stock-index-list>li>div:first-child {
  padding-left: 1.2rem;
  margin-bottom: 0.25rem;
}


.icon-position {
  background: url(../images/icon-position.png)no-repeat left center;
  background-size: .85rem;
}

.icon-trend {
  background: url(../images/icon-trend.png)no-repeat left center;
  background-size: .85rem;
}

.icon-index-state {
  background: url(../images/icon-index.png)no-repeat left center;
  background-size: .85rem;
}

.icon-cost {
  background: url(../images/icon-cost.png)no-repeat left center;
  background-size: .85rem;
}

.icon-capital-flow {
  background: url(../images/icon-capital-flow.png)no-repeat left center;
  background-size: .85rem;
}

.track-tips-span {
  padding: 0.1rem 0.2rem;
  border-radius: 0.1rem;
  border: 1px solid #579bf7;
  color: #579bf7;
}

.key-tracking-module {
  border-top: 1px solid #58595b;
  background: #313234;
}

.key-tracking-module>a {
  padding-right: 0.625rem;
  position: relative;
  height: 3.5rem;
  width: 100%;
}

.stock-analysis-module ul li:last-child {
  border: none;
}

.stock-analysis-module ul>li>div:first-child {
  background: none !important;
  color: #56a8b3;
  padding-left: 0;
}

.bottom-opera-btn {
  width: 100%;
  position: fixed;
  bottom: 0;
  display: flex !important;
  height: 2rem;
  background: #404244;
}

.bottom-opera-btn>a {
  flex: 1;
  text-align: center;
  line-height: 2rem;
}

.bottom-opera-btn>a:not(:last-child) {
  border-right: 1px solid #656566;
}

.position-top {
  background: #383839;
}

.position-banner {
  box-sizing: border-box;
  width: 100%;
  height: 6.7rem;
  background: url(../images/bg-position.png) no-repeat center center;
  background-size: cover;
  padding: 0.4rem 0.625rem;
}

.position-banner>div:first-child>div:last-child {
  border: 1px solid #ffffff;
  border-radius: 0.1rem;
  padding: 0 0.2rem;
}

.position-banner>div:nth-child(2) {
  text-align: center;
}

.position-banner>div:nth-child(2)>strong {
  text-align: center;
  font-size: 3rem;
}

.position-top>.banner-text {
  padding: 0.4rem 0.625rem;
}

.position-center ul {
  list-style: none;
  padding: 0;
}

.position-center ul li {
  padding: 0.625rem 0;
  margin: 0 0.625rem;
  border-bottom: 1px solid #fafafa;
}

.position-center .switch-btn {
  display: flex;
  width: 14.7rem;
  height: 1.2rem;
  margin: 0 auto;
  box-sizing: content-box;
  padding-bottom: 1.2rem;
}

.position-center .switch-btn div {
  flex: 1;
  text-align: center;
  background: #dedede;
  line-height: 1.2rem;
}

.position-center .switch-btn div:nth-child(2) {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

.switch-btn .bg-blue,
.bg-red-one {
  position: relative
}

.switch-btn .bg-blue>i {
  position: absolute;
  bottom: -1.2rem;
  left: 42%;
}

.switch-btn .bg-red-one>i {
  position: absolute;
  bottom: -1rem;
  left: 42%;
}

.switch-btn .bg-red-one>span {
  position: absolute;
  bottom: -2rem;
  left: 6%;
  font-size: 0.65rem;
  color: #cccccc;
}

.attribute-img img {
  width: 10rem;
  height: 5.65rem;
}

.bg-red-one {
  color: #fff;
  background: #cc3131 !important;
}

.topic_content {
  padding: 0.5rem;
  background: #f6e4e4;
}

.black-555 {
  color: #555;
}

.img-rotate-pointer {
  width: 1.85rem !important;
  height: .95rem !important;
  position: absolute;
  left: 48%;
  top: 3.275rem;
  transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform-origin: 16% 50%;
}




































































































/*登录*/

.login_logo {
  padding: 2.2rem 0 1.2rem 0;
}

.login_logo img {
  width: 3.45rem;
  height: 3.45rem;
}

.login_content {
  padding: 0 1.4rem;
}

.login_content input {
  height: 2.5rem;
}

.login_content input {
  border: none;
  width: 100%;
  border-bottom: 1px solid #fafafa;
}

.login_content div button {
  width: 100%;
}

.login_content input::-webkit-input-placeholder {
  color: #aeaeae;
}






































































































/* 使用webkit内核的浏览器 */

.login_content input::-moz-placeholder {
  color: #aeaeae;
}






































































































/* Firefox版本4-18 */

.login_content input::-moz-placeholder {
  color: #aeaeae;
}





































































































/* Firefox版本19+ */

.login_content input::-ms-input-placeholder {
  color: #aeaeae;
}




























































































































/* IE浏览器 */

.other_logins {
  padding: 0 1.4rem;
}

.other_logins_gap {
  margin-top: 5rem;
  background: url(../images/gap-line.png) no-repeat center center;
  background-size: 100% 1px;
}

.other_parts {
  padding: 0 2.6rem;
}

.other_parts>a {
  width: 1.85rem;
  height: 1.85rem;
}

.yzm_box {
  position: relative;
}

.yzm_box input {
  padding-right: 4.2rem;
}

.yzm_box>a {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  height: 100%;
  line-height: 2.5rem;
}

.other_parts>a>img {
  width: 100%;
  height: 100%;
}

.comment-box>a:nth-child(2) {
  width: 15%;
  display: inline-block;
  text-align: center;
  padding: 0.25rem 0;
}

.btn_agree input {
  opacity: 0;
}

.btn_agree i {
  vertical-align: text-top;
  display: inline-block;
  width: .6rem;
  height: .6rem;
  background: url(../images/icon_agree.png) no-repeat center/100%;
}

.btn_agree input:checked~i {
  background: url(../images/icon_agreed.png) no-repeat center/100%;
}


























































































































/*设置页面*/

.head_select_img img {
  width: 1.7rem;
  height: 1.7rem;
}

.set_box input {
  border: none;
  width: 100%;
  height: 2.25rem;
  padding: 0 0.625rem;
}

.circel-head {
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  background: url(../images/icon_head.png);
  background-size: 1.6rem 1.6rem;
  margin-right: 0.25rem;
}

.identity_written>div {
  height: 2.25rem;
  border-bottom: 1px solid #fafafa;
}



























































































































/*真实匿名操作交流圈--一周盈利加选中圈*/

.week_profit_select .flex-cell-average.active {
  background: url(../images/selected-gou.png) no-repeat right 0;
  background-size: 1.1rem 1.05rem;
  border: 1px solid #cc3131;
}




























































































































/*股票详情*/

.bottom_switch_tabs {
  display: flex;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fafafa;
  border-top: 1px solid #eeefef;
  z-index: 9999;
}

.bottom_switch_tabs>div {
  height: 2.5rem;
  text-align: center;
  padding-top: .3rem;
}

.bottom_switch_tabs>div:not(last-child) {
  border-right: 1px solid #eeefef;
}

.bottom_switch_tabs>div:nth-child(1) {
  flex: 2
}

.bottom_switch_tabs>div:nth-child(2) {
  flex: 1;
}

.bottom_switch_tabs>div:nth-child(3) {
  flex: 1;
}

.bottom_switch_tabs img {
  display: block;
  margin: 0 auto;
  width: .925rem;
  height: .925rem;
  margin-bottom: .25rem;
}

.popup_profit {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10000;
  background: #ffffff;
  width: 100%;
}

.popup_profit>div:nth-child(1) {
  border-bottom: .1rem solid #efefef;
}

.popup_profit>div:not(:last-child) {
  padding: .85rem 0.625rem;
}

.popup_profit>div:nth-child(3)>div {
  padding: .85rem 0.625rem;
  border-top: 1px solid #fafafa;
}

.popup_profit>div:nth-child(3)>div.active {
  background: #efefef url(../images/blue_choose_icon.png) no-repeat 70% center/.575rem .45rem;
  color: #2e2e2e;
}

.mine_admin_top {
  background: #cc3131;
  padding: 1rem 0.625rem;
}

.mine_admin_top img {
  width: 2.85rem;
  border-radius: 50%;
  height: 2.85rem;
  vertical-align: middle;
}

.icon_w_right>img {
  width: .5rem;
  height: .9rem;
}

.mine_admin_list img {
  vertical-align: text-top;
  margin-right: .4rem;
}

.mine_admin_list .mine_admin_00 img {
  width: 1rem;
  height: 1rem;
}

.mine_admin_list .mine_admin_01 img {
  width: .9rem;
  height: .775rem;
}

.mine_admin_list .mine_admin_02 img {
  width: .9rem;
  height: .9rem;
}

.mine_admin_list .mine_admin_03 img {
  width: .825rem;
  height: .8rem;
}

.mine_admin_list .mine_admin_04 img {
  width: .9rem;
  height: .85rem;
}

.mine_admin_list .mine_admin_05 img {
  width: .9rem;
  height: .85rem;
}








































































































/*常见问题*/

.bang_logo img {
  width: 5.175rem;
  height: 5.175rem;
}

.normal_question_list {
  display: inline-block;
}

.normal_question_list p {
  text-align: left !important;
}

.contact_ways {
  padding: 0 2.2rem;
  position: fixed;
  bottom: 2rem;
  ;
  left: 0;
  width: 100%;
}

.contact_ways img {
  width: 2.425rem;
  height: 2.425rem;
}








































































































/*研报007*/

.yanbao_link {
  border-radius: .25rem;
  padding: 0 0.625rem;
  background: url(../images/bg-yanbao.png) no-repeat center center;
  height: 2.25rem;
}

.font_yanbao>img {
  width: .875rem;
  height: .9rem;
  vertical-align: text-top;
  margin-right: 0.25rem;
}











































































































/*参与话题*/

.search_topic_box {
  padding: 0.625rem;
}

.search_topic_box input {
  width: 100%;
  border-width: 1px;
  border-color: rgb(239, 239, 239);
  border-style: solid;
  border-radius: .25rem;
  background-color: rgb(249, 249, 249);
  height: 2.15rem;
}

.search_topic_box {
  position: relative;
}

.search_topic_box input {
  padding-left: 2rem;
  padding-right: 3rem;
  background: url(../images/bg-magnifier.png) no-repeat 0.625rem center;
  background-size: .9rem;
}

.search_topic_box span {
  position: absolute;
  right: 1.25rem;
  display: inline-block;
  height: 1rem;
  line-height: 1rem;
  padding-left: 0.625rem;
  border-left: 1px solid #f0f0f0;
  top: 1.2rem;
}

.not-topic img {
  width: .85rem;
  height: .875rem;
  vertical-align: text-top;
}

.btn_partake {
  padding: 0.2rem 0.3rem;
  border: 1px solid #3d7ade;
  border-width: 1px;
  border-style: solid;
  border-radius: .15rem;
  border-radius: .15rem;
  font-size: .65rem;
  color: #3d7ade;
}

.btn_partake.active {
  color: #999999;
  border-color: #999;
}

.hot_topic_list .hot_topic_head img {
  width: 1.8rem;
  height: 1.8rem;
  vertical-align: middle;
  margin-right: .5rem;
}

.hot_topic_list li {
  padding: .5rem 0;
}

.no_match_topic {
  text-align: center;
  padding-top: 4rem;
}

.no_match_topic img {
  width: 7.475rem;
  height: 7.1rem;
}

.custom_service_list li {
  padding: 0 0.625rem;
}

.custom_service_list li:nth-child(even) {
  background: #f9f9f9;
}

.custom_service_list li>div {
  position: relative;
}

.custom_service_list li p {
  padding: 0.5rem 0;
}











































































































/*话题详情*/

.topic_detail_top {
  padding: 0.8rem 0.625rem;
}

.topic_detail_top>div img {
  width: 4.1rem;
  height: 3.05rem;
}

.topic_detail_top>div p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}










































































































/*股票圈 完成时操作*/

.stock_cicle_top {
  background: #cc3131;
  padding: 0 0.625rem;
  min-height: 9.25rem;
  position: relative;
}

.match_cicle {
  background: #ffffff;
  width: 100%;
  padding: 0.7rem 0.625rem;
  border-radius: .25rem;
}

.stock_cicle_top .close_cicle img {
  width: .75rem;
  height: .75rem;
}

.stock_cicle_top .close_cicle i {
  padding: 0.25rem;
}

.stock_cicle_top .match_cicle {
  position: absolute;
  width: 90%;
  left: 5%;
  bottom: -22%;
  box-shadow: .05rem .05rem .125rem #f4f3f8;
}

.buy_stock img {
  width: .9rem;
  height: .9rem;
  vertical-align: text-top;
}

.ideas_box {
  margin-top: 4rem;
  padding: 0 1.5rem;
}

.ideas_box textarea {
  width: 100%;
  padding-left: 1.2rem;
  background: url(../images/icon-write.png) no-repeat left top/.875rem .8rem;
  resize: none;
  border: none;
  border-bottom: 1px solid #fafafa;
}

.btn_operation button {
  border: 1px solid #cc3131;
  background: none;
  width: 100%;
  color: #cc3131;
  height: 2.2rem;
  border-radius: 1.1rem;
}

.stock_check input {
  opacity: 0;
}

.stock_check i {
  display: inline-block;
  width: 1.675rem;
  height: 1.675rem;
  background: url(../images/bg_white_gou.png) no-repeat center/100%;
  vertical-align: middle;
}

.stock_check input:checked~i {
  background: url(../images/bg_green_gou.png) no-repeat center/100%;
}












































































































/*跟庄*/

.search_link a {
  display: inline-block;
  width: 3.5rem;
  height: 1.15rem;
  background: #efefef;
  border-radius: .55rem;
  color: #999999;
  line-height: 1.15rem;
  font-size: .75rem;
}

.search_link a img {
  width: .65rem;
  height: .65rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.main_force_btn {
  background: #efefef;
  padding: 0.25rem;
  border-radius: .15rem;
}












































































































/*热点修改*/

.fixed-top-show {
  position: fixed;
}










































































































/*跟庄*/

.banker_follow_top {
  height: 5.5rem;
  background: url(../images/bg-genzhuan.png) no-repeat center center/cover;
}

.banker_follow_search {
  position: relative;
}

.banker_follow_search a {
  padding: 0.25rem;
  position: absolute;
  right: 0;
}

.banker_follow_search a img {
  width: .85rem;
  height: .85rem;
}

.banker_follow_tabs {
  display: flex;
  padding: 0 1rem;
}

.banker_follow_tabs button {
  flex: 1;
  border: 1px solid #dddddd;
  background: #fff;
  height: 1.6rem;
  color: #999999;
}

.banker_follow_tabs button.active {
  background: #de584b;
  color: #fff;
  border: 1px solid #de584b;
}

.banker_follow_tabs button:first-child {
  border-radius: .25rem 0 0 .25rem;
}

.banker_follow_tabs button:last-child {
  border-radius: 0 .25rem .25rem 0;
}

.stock_follow_tabs {
  display: flex;
}

.stock_follow_tabs>button {
  width: 49%;
  height: 1.8rem;
  background: #e2e2e2;
  border: none;
}

.stock_follow_tabs>button:nth-child(odd) {
  margin-right: 1%;
}

.stock_follow_tabs>button:nth-child(even) {
  margin-left: 1%;
}

.stock_follow_tabs>button.active {
  border: 1px solid #de584b;
}

.black-555 {
  color: #555;
}

.stock_follow_detail {
  border: 1px solid #de584b;
  position: relative;
  background-color: rgb(255, 255, 255);
  box-shadow: 0.05rem 0.05rem 0.05rem 0.05rem #f0f0f2;
  border-radius: .15rem;
}

.stock_follow_detail.detail_left:before {
  display: inline-block;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: .55rem solid transparent;
  border-right: .55rem solid transparent;
  border-bottom: .55rem solid #de584b;
  left: 15.7%;
  top: -0.55rem;
}

.stock_follow_detail.detail_left:after {
  display: inline-block;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: .5rem solid transparent;
  border-right: .5rem solid transparent;
  border-bottom: .5rem solid #fff;
  left: 16%;
  top: -0.5rem;
}

.stock_follow_detail.detail_right:before {
  display: inline-block;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: .55rem solid transparent;
  border-right: .55rem solid transparent;
  border-bottom: .55rem solid #de584b;
  right: 15.7%;
  top: -0.55rem;
}

.stock_follow_detail.detail_right:after {
  display: inline-block;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: .5rem solid transparent;
  border-right: .5rem solid transparent;
  border-bottom: .5rem solid #fff;
  right: 16%;
  top: -0.5rem;
}

.banker_follow_pages.pages>div:not(:first-child) {
  display: none;
}










































































































/*首页修改*/

.display_table {
  display: table-cell;
  vertical-align: middle;
}

.fixed_height_2 {
  height: 2.3rem;
}









































































































/*股票圈*/

.title_bg_red {
  padding: 0 0.625rem;
  border-radius: .15rem .15rem 0 0;
  background: -webkit-linear-gradient(left, #da4c4c, #d84344);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #da4c4c, #d84344);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #da4c4c, #d84344);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #da4c4c, #d84344);
  /* 标准的语法（必须放在最后） */
}

.mask_evaluate {
  display: inline-block;
  width: 1.525rem;
  height: .75rem;
}

.mask_evaluate_bad {
  background: url(../images/mask_praise.png) no-repeat center center/cover;
  vertical-align: sub;
}

.mask_evaluate_good {
  background: url(../images/mask_negative.png) no-repeat center center/cover;
  vertical-align: sub;
}

.discunn-link p {
  border-radius: .15rem;
  padding: 0.25rem 0.25rem 0.25rem 2.25rem;
  background: #f6d2af url(../images/mask_mian_content.png) no-repeat 0.5rem center/1.1rem;
}

.deep_brown {
  color: #b55e2e;
}








































































































/*股票圈列表弹窗修改*/

.popup_match_cicles {
  height: 4rem;
  overflow-y: scroll;
}








































































































/*散户大厅--热议话题*/

.hot_topic_content ul li {
  width: 90%;
}

.ellipsis_text_01 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-all;
}

.ellipsis_text_02 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
}

.ellipsis_text_03 {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  word-break: break-all;
}

.ellipsis_text_04 {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  word-break: break-all;
}

.ellipsis_text_05 {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 5 !important;
  word-break: break-all;
}

.ellipsis_text_08 {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 8 !important;
  word-break: break-all;
}

.ellipsis_three_box .debunk_input_name {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}



.index_top>div:nth-child(2) a {
  width: 100%;
}











































































































/*添加操作修改*/

.phone_oper_example img {
  width: 90%;
  height: 9.925rem;
}

.computer_oper_example img {
  width: 90%;
  height: 6.35rem;
}









































































































/*我的股票圈*/

.upload_oper_record {
  width: 100%;
  height: 88%;
}

.upload_oper_record img {
  width: 100%;
  height: 100%;
}








































































































/*股票详情修改*/

.all_day_follw {
  padding: 0 0.625rem;
}

.all_day_follw a {
  display: inline-block;
}

.all_day_follw img {
  width: 100%;
  height: auto;
}








































































































/*热点修改*/

.hot_mask img {
  width: .475rem;
  height: .55rem;
  margin-right: 0.25rem;
}

.hot_data_record {
  position: absolute;
  bottom: 0.25rem;
  right: 0.25rem;
  line-height: 0.7rem;
}











































































































/*话题名称修改*/

.topic_detail_top {
  justify-content: flex-start;
}











































































































/*异常详情无评论*/

.no_search_content img {
  width: 7.475rem;
  height: 5.375rem;
}










































































































/*发现 热点跟踪*/

.discuss_label {
  display: inline-block;
  width: 19%;
  padding: 0.1rem 0.2rem;
  background: #f9e8e8;
}

.hot-discuss-container .discuss-item .icon-good {
  background-position: left 0.4rem;
}

.hot-discuss-container .discuss-item .icon-gooded {
  background-position: left 0.4rem;
}











































































































/*异常详情*/

.icon-share-gray {
  display: inline-block;
  width: 9%;
  height: 1.6rem;
  background: url(../images/icon_share_gray.png) no-repeat right center;
  background-size: 1.075rem 1.025rem;
  vertical-align: bottom;
}

.fixed_height_02 {
  height: 2rem;
}










































































































/*首页滚动修改*/

.notice_active>ul {
  height: 100%;
}

.notice_active>ul>li {
  height: 100%;
  display: flex;
  align-items: Center;
}

.notice_active>ul>li>div {
  width: 100%;
}











































































































/*2019 04 08*/

.report_p {
  line-height: 1.4rem;
}

.dynamic-interpretation {
  border: 1px solid rgb(193, 193, 193);
  border-radius: .25rem;
  padding: 1.4rem 1rem 1rem 1rem;
  position: relative;
}

.dynamic-interpretation>span {
  display: inline-block;
  width: 4.75rem;
  height: 1.2rem;
  background: #628ffb;
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -o-transform: skew(-30deg);
  transform: skew(-30deg);
  border-radius: .25rem;
  position: absolute;
  top: -0.5rem;
}

.dynamic-interpretation>span>span {
  display: inline-block;
  line-height: 1.2rem;
  width: 4.75rem;
  text-align: center;
  -webkit-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -o-transform: skew(30deg);
  transform: skew(30deg);
}

.red_buy_icon {
  background: #ce3535;
}

.blue_sell_icon {
  background: #579bf7;
}

.trade_mark {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  line-height: 1.6rem;
}

.gold-order-top img {
  max-width: 100%;
}

.suitable_subjects img {
  width: .875rem;
  height: .875rem;
  vertical-align: text-top;
}

.suitable_subjects_parts>div.subjects_parts_items>div {
  height: 4.55rem;
  background: url(../images/gold-order.png) no-repeat center center;
  background-size: 8.45rem 4.55rem;
  color: #444;
  font-size: 1.05rem;
  line-height: 4.55rem;
}

.recommend_subjects_top {
  padding: 0 0.625rem;
  border-radius: .25rem .25rem 0 0;
  color: #fff;
  height: 2.1rem;
  background: -webkit-linear-gradient(left, #f66a36, #fc844c);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #f66a36, #fc844c);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #f66a36, #fc844c);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #f66a36, #fc844c);
  /* 标准的语法 */
}

.obtain_operation_btn {
  padding: .25rem;
  display: inline-block;
  width: 4.85rem;
  border: 1px solid #fff;
  border-radius: .15rem;
}

.obtained_operation_btn {
  display: inline-block;
  width: 4.85rem;
  padding: .25rem;
  background: #fff0e9;
  border-radius: .15rem;
  color: #fc8244;
}

.recommend_subjects {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(239, 239, 239);
  border-radius: .25rem;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 10px 0px rgba(21, 21, 21, 0.14);
}








































































































/*账户管理*/

.butler_id {
  width: 100%;
  height: 4.55rem;

  background: url(../images/bg_butler_id%20.png) no-repeat center/cover;
}

.butler_set_group {
  color: #876952;
}

.butler_set_group span:first-child {
  padding-right: .5rem;
  border-right: 1px solid #876952;
}

.butler_set_group span:first-child img {
  width: .625rem;
  height: .6rem;
  vertical-align: text-top;
  margin-right: .125rem;
}

.butler_set_group span:last-child {
  padding-left: .5rem;
}

.butler_set_group span:last-child img {
  width: .65rem;
  height: .55rem;
  vertical-align: bottom;
  margin-right: .125rem;
}

.duration_service {
  color: #83786e;
}

.duration_service img {
  width: .65rem;
  height: .65rem;
  vertical-align: bottom;
  margin-right: .125rem;
}

.duration_service_oper button:first-child {
  font-size: .6rem;
  border: none;
  background: #cc3131;
  color: #fff;
  width: 1.65rem;
  height: 1rem;
  line-height: 0.8rem;
  border-radius: 0.15rem;
}

.duration_service_oper button:last-child {
  font-size: .6rem;
  border: 1px solid #d7cdc5;
  color: #876952;
  background: none;
  width: 3.1rem;
  height: 1rem;
  line-height: 0.8rem;
  border-radius: 0.15rem;
}

.analysis_title img {
  width: .875rem;
  height: .875rem;
  vertical-align: text-top;
  margin-right: .25rem;
}

.position_control {
  position: relative;
  width: 100%;
  height: .6rem;
  border-radius: .15rem;
  background: -webkit-linear-gradient(left,
      #1c8d00 0%,
      #309300 16.67%,
      #84b001 33.33%,
      #e9bf02 50%,
      #edb702 66.67%,
      #db7603 83.33%,
      #cc3131 100%);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right,
      #1c8d00 0%,
      #309300 16.67%,
      #84b001 33.33%,
      #e9bf02 50%,
      #edb702 66.67%,
      #db7603 83.33%,
      #cc3131 100%);
  background: linear-gradient(right,
      #1c8d00 0%,
      #309300 16.67%,
      #84b001 33.33%,
      #e9bf02 50%,
      #edb702 66.67%,
      #db7603 83.33%,
      #cc3131 100%);
}

.all_position_control {
  position: relative;
  padding: 0 1rem;
}

.all_position_control>div {
  position: relative;
}

.position_control>span {
  display: inline-block;
  height: 100%;
  width: 30%;
  background: #fff;
  opacity: 0.5;
  position: absolute;
  right: 0;
}

.proposal_position.position_left {
  padding: 0.15rem 0.3rem;
  background: #628ffb;
  border-radius: .15rem;
  color: #fff;
  position: absolute;
  left: 5%;
  top: -2.2rem;
}

.proposal_position.position_left:before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(../images/font_proposal_position.png) no-repeat center/1.3rem 1.7rem;
  position: absolute;
  left: -1.2rem;
  top: 0.3rem;
}

.proposal_position.position_right {
  padding: 0.15rem 0.3rem;
  background: #628ffb;
  border-radius: .15rem;
  color: #fff;
  position: absolute;
  right: 5%;
  top: -2.2rem;
}

.proposal_position.position_right:before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(../images/right_font_proposal.png) no-repeat center/1.3rem 1.7rem;
  position: absolute;
  right: -1.2rem;
  top: 0.3rem;
}

.current_position.position_left {
  padding: 0.15rem 0.3rem;
  background: #cc3131;
  border-radius: .15rem;
  color: #fff;
  position: absolute;
  left: 55%;
  top: -1.1rem;
}

.current_position.position_right {
  padding: 0.15rem 0.3rem;
  background: #cc3131;
  border-radius: .15rem;
  color: #fff;
  position: absolute;
  right: 55%;
  top: -1.1rem;
}

.current_position.position_left:before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(../images/font_current_position.png) no-repeat center/.825rem .675rem;
  position: absolute;
  left: -1.4rem;
  top: -0.25rem;
}

.current_position.position_right:before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(../images/right_font_current.png) no-repeat center/.825rem .675rem;
  position: absolute;
  right: -1.4rem;
  top: -0.25rem;
}

.scale_0 {
  color: #168b00;
}

.scale_50 {
  color: #f19802;
}

.scale_100 {
  color: #a90200;
}

.position_tips {
  background: #fafafa;
}

.current_mask:before {
  content: "";
  display: inline-block;
  width: .3rem;
  height: .3rem;
  background: #cc3131;
  border-radius: 50%;
  margin-right: 0.2rem;
}

.proposal_mask:before {
  content: "";
  display: inline-block;
  width: .3rem;
  height: .3rem;
  background: #628ffb;
  border-radius: 50%;
  margin-right: 0.2rem;
}

.over_mask:before {
  content: "";
  display: inline-block;
  width: .3rem;
  height: .3rem;
  background: #eda802;
  border-radius: 50%;
  margin-right: 0.2rem;
}

.btn_recent_details {
  display: inline-block;
}

.btn_recent_details img {
  width: .75rem;
  height: .75rem;
  vertical-align: text-bottom;
  margin-left: 0.25rem;
}

.recent_details_table {
  width: 100%;
}

.recent_details_table th {
  height: 1.35rem;
  line-height: 1.35rem;
  background: #e4eaf9;
  border: 1px solid #fff;
}

.add_tips img {
  width: 2rem;
  height: 2rem;
}

.recent_details_table td {
  padding: .5rem 0;
  text-align: center;

  border: 1px solid #fff;
  background: #fafafa;
}

.rule_dislog {
  padding: 1rem 1rem 0 1rem;
  position: absolute;
  left: 15%;
  width: 70%;
  top: 20%;
  position: absolute;
  background: #ffffff;
  z-index: 10000;
}









































































































/*历史操作*/

.history_record_tabs {
  border: 1px solid #cd3031;
  display: flex;
  border-radius: .15rem;
}

.history_record_tabs button {
  background: none;
  flex: 1;
  height: 1.75rem;
  background: none;
  border: none;
  color: #cd3031;
}

.history_record_tabs button.active {
  background: #cd3031;
  color: #fff;
}

.history_position_top {
  padding: 0.5rem 0.625rem;
  background: #efefef;
}

.history_position_data li {
  padding: 0.75rem 0.625rem;
  border-bottom: 1px solid #fafafa;
  font-size: .75rem;
  color: #444;
}

.operation_tips {
  padding: 0.15rem 0.25rem;
  border-radius: .15rem;
  color: #fff;
  font-size: .6rem;
}

.bg_red {
  background: #cd3031;
}

.bg_blue {
  background: #7194e8;
}

.bg_green {
  background: #6cbdc7;
}

.bg_orange {
  background: #f6986f;
}









































































































/*设置*/

.setting_items_title {
  padding: 0 0.625rem;
  height: 1.3rem;
  line-height: 1.3rem;
  background: #efefef;
}

.setting_items_content {
  padding: .75rem 0.625rem;
}

.btn-half {
  width: 60%;
  height: 2.25rem;
  line-height: 2.25rem;
  display: block;
  text-align: center;
  margin: auto;
  border-radius: 1.1rem;
  font-size: .8rem;
  background: #cd3031;
  border: none;
  color: #fff;
}

.setting_items_content input {
  border: none;
  font-size: .85rem;
  color: #444;
  text-align: right;
}

.setting_items_content input::placeholder {
  font-size: .75rem;
  color: #999;
}

.setting_items_input>li {
  border-bottom: 1px solid #fafafa;
}









































































































/*历史调仓*/

.history_date {
  padding: 1rem 0.625rem 0 0.625rem;
}

.history_date span {
  background: #fcf2f0;
  padding: 0.1rem 0.2rem;
}

.follow_btn {
  background: #628ffb;
  color: #fff;
  border: none;
  padding: 0.15rem 0.2rem;
  font-size: .6rem;
  border-radius: 0.15rem;
}

.cancel_follow_btn {
  background: #c0c0c0;
  color: #fff;
  border: none;
  padding: 0.15rem 0.2rem;
  font-size: .6rem;
  border-radius: 0.15rem;
}








































































































/*您的私人管家*/

.butler_parts {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}

.butler_parts button {
  width: 47%;
  height: 1.75rem;
  border-radius: .9rem;
  background: none;
  border: 1px solid #cccccc;
  color: #444;
  margin: 0.25rem 0;
}

.butler_parts button.active {
  background: #d03536;
  color: #fff;
}

.gray-faf {
  color: #fafafa;
}

.butler_follow img {
  width: 1.325rem;
  height: 1.15rem;
}

.butler_fast img {
  width: 1.6rem;
  height: 1.025rem;
}

.butler_target img {
  width: .825rem;
  height: 1.375rem;
}

.butler_discipline img {
  width: 1.325rem;
  height: 1.25rem;
}

.butler_trade img {
  width: 1.275rem;
  height: 1.325rem;
}








































































































/*私人管家机器人*/

.dialog_box_container {
  height: 100%;
  position: relative;
}

.dialog_box_top {
  background: #efefef;
  padding: 0.75rem 0.625rem;
  position: relative;
  width: 100%;
  height: 90%;
  padding-top: 0;
}

.left_robot_dialog {
  padding-left: 15%;
  position: relative;
}

.left_robot_dialog .dialog_head {
  position: absolute;
  top: 0rem;
  left: 0;
}

.left_robot_dialog .dialog_head img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}

.left_robot_dialog .dialog_content {
  padding: 0.625rem;
  border-radius: .25rem;
  background-color: rgb(255, 255, 255);
  border: 1px solid #e9e9e9;
  position: relative;
  color: #2e2e2e;
  display: inline-block;
  max-width: 85%;
}
.left_robot_dialog .dialog_content_white{
  background-color: rgb(255, 255, 255);
    border: 1px solid #e9e9e9;
    padding: 0.625rem;
    border-radius: 0.25rem;
    position: relative;
    color: #2e2e2e;
    display: inline-block;
    width: 95%;

}
.left_robot_dialog .dialog_content p {
  display: inline-block;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
}

.left_robot_dialog .dialog_content:before ,.left_robot_dialog .dialog_content_white::before{
  content: "";
  position: absolute;
  left: -0.4rem;
  top: 0.7rem;
  width: 0;
  height: 0;
  border-top: 0.38rem solid transparent;
  border-right: 0.4rem solid #ffffff;
  border-bottom: 0.38rem solid transparent;
  z-index: 889;
}

.left_robot_dialog .dialog_content:after {
  content: "";
  position: absolute;
  left: -0.6rem;
  top: 0.7rem;
  width: 0;
  height: 0;
  border-top: 0.39rem solid transparent;
  border-right: 0.6rem solid #e9e9e9;
  border-bottom: 0.39rem solid transparent;
  z-index: 888;
}

.right_robot_dialog {
  padding-right: 15%;
  position: relative;
  text-align: right;
}

.right_robot_dialog .evaluation_result_box {
  display: inline-block;
}

.right_robot_dialog .evaluation_result_box .box_head {
  border-radius: .5rem .15rem 0px 0px;
}

.right_robot_dialog .dialog_content {
  display: inline-block;
}

.right_robot_dialog .dialog_content p {
  display: inline-block;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
}

.right_robot_dialog .dialog_content_blue p {
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
  text-align: left;
}

.right_robot_dialog .dialog_head {
  position: absolute;
  top: 0rem;
  right: 0;
}

.right_robot_dialog .dialog_head img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}

.right_robot_dialog .dialog_content {
  padding: 0.625rem;
  border-radius: .25rem;
  background-color: #da4646;
  border: 1px solid #e9e9e9;
  position: relative;
  color: #fff;
}

.right_robot_dialog .dialog_content:before {
  content: "";
  position: absolute;
  right: -0.4rem;
  top: 0.7rem;
  width: 0;
  height: 0;
  border-top: 0.38rem solid transparent;
  border-left: 0.4rem solid #da4646;
  border-bottom: 0.38rem solid transparent;
  z-index: 889;
}

.right_robot_dialog .dialog_content:after {
  content: "";
  position: absolute;
  right: -0.6rem;
  top: 0.7rem;
  width: 0;
  height: 0;
  border-top: 0.39rem solid transparent;
  border-left: 0.6rem solid #e9e9e9;
  border-bottom: 0.39rem solid transparent;
  z-index: 888;
}

.quick_reply {
  position: absolute;
  bottom: 3%;
  overflow-x: scroll;
  white-space: nowrap;
  width: 100%;
  left: 0;
  padding: 0 0.625rem;
}

.quick_reply button {
  color: #5987e6;
  border: 1px solid #5987e6;
  border-radius: .75rem;
  padding: .4rem;
  background: none;
  display: inline-block;
  background: #efefef;
}

.quick_reply button:not(:first-child) {
  margin-left: 1rem;
}

.dialog_box_top {
  width: 100%;
  padding-top: 2.25rem;
}

.dialog_box_bottom {
  background: #fff;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px -6px 10px 0px rgba(0, 0, 0, 0.08);
  padding: 0.75rem 0.625rem;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1000;
}

.dialog_box_bottom input {
  width: 80%;
  height: 2.25rem;
  border-width: 1px;
  border-color: rgb(225, 225, 225);
  border-style: solid;
  border-radius: 6px;
  background-color: rgb(250, 250, 250);
  padding: 0 0.625rem;
  margin-right: 2%;
  vertical-align: middle;
}

.dialog_box_bottom input::placeholder {
  color: #999999;
  font-size: .75rem;
}

.dialog_box_bottom button {
  width: 18%;
  border: none;
  height: 2rem;
  border-radius: .15rem;
  background-image: -moz-linear-gradient(-75deg, rgb(103, 147, 239) 0%, rgb(76, 123, 222) 100%);
  background-image: -webkit-linear-gradient(-75deg, rgb(103, 147, 239) 0%, rgb(76, 123, 222) 100%);
  background-image: -ms-linear-gradient(-75deg, rgb(103, 147, 239) 0%, rgb(76, 123, 222) 100%);
  color: #fff;
  font-size: .6rem;
  vertical-align: middle;
}

.dialog_box_bottom button.btn_gray {
  width: 18%;
  border: none;
  height: 2rem;
  border-radius: .15rem;
  background: #999;
  color: #fff;
}

.dialog_item_list {
  padding: 0.725rem 0.6rem 0 0.6rem;
}

.dialog_item_lis>li:last-child {
  margin-bottom: 4rem;
}

.dialog_item_list>li:not(:first-child) {
  margin-top: .75rem;
}

.gray-e5e {
  color: #e5e5e5;
}

.robot_choice_btns button {
  border-width: 1px;
  border-color: rgb(204, 204, 204);
  border-style: solid;
  border-radius: .25rem;
  background-color: rgb(255, 255, 255);
  padding: .2rem .35rem;
}

.robot_choice_btns button:first-child {
  color: #5483e3;
}

.robot_choice_btns button:first-child img {
  width: .55rem;
  height: .55rem;
  margin-right: 0.15rem;
  vertical-align: bottom;
}

.robot_choice_btns button:last-child {
  color: #cc3131;
}

.robot_choice_btns button:last-child img {
  width: .575rem;
  height: .575rem;
  margin-right: 0.15rem;
  vertical-align: bottom;
}

.quick_select_items {
  position: absolute;
  bottom: 10%;
  width: 100%;
  background: #fff;
}

.quick_select_items ul {
  padding: 0 0.625rem;
}

.quick_select_items ul li {
  padding: 0.75rem 0;
  border-bottom: 1px solid #fafafa;
}

.oper_proposal_item {
  padding: 0 0.625rem;
  height: 3.5rem;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(239, 239, 239);
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  opacity: 0.949;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
}

.register_stock_dialog {
  width: 80%;
  position: absolute;
  left: 10%;
  right: 10%;
  background: #ffffff;
  top: 30%;
  z-index: 10001;
}

.register_stock_dialog>div:first-child {
  padding: 2rem 0;
  border-bottom: 1px solid #fafafa;
}

.register_stock_dialog>div button {
  background: none;
  border: none;
  height: 2rem;
}

.bad_choise_dialog {
  width: 80%;
  padding: 0 9%;
  position: absolute;
  left: 10%;
  right: 10%;
  background: url(../images/bg_bad_choise.png) no-repeat center/contain;
  top: 20%;
  z-index: 10001;
  height: 18rem;
}

.green-5ba {
  color: #5baab5;
}

.stock_choise_dialog {
  border-radius: .25rem;
}

.stock_choise_dialog .dialog_top {
  padding-top: 17%;
}

.stock_choise_dialog .dialog_title {
  padding-top: 28%;
}

.btn-green {
  color: #5baab5;
  border: 1px solid #5baab5;
}

.good_choise_dialog {
  width: 80%;
  padding: 0 9%;
  position: absolute;
  left: 10%;
  right: 10%;
  background: url(../images/bg_good_choise.png) no-repeat center/contain;
  top: 20%;
  z-index: 10001;
  height: 17.25rem;
}

.scold_page {
  height: 100%;
  background: #efefef;
  padding: 0.725rem .3rem;
}

.scold_page .scold_page_top {
  height: 100%;
  background: #FFF;
  border-radius: .25rem;
  position: relative;
  width: 100%;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(227, 227, 227);
  background-color: #fff;
  box-shadow: .05rem .15rem .125rem #d1d1d1;
}

.scold_page .scold_page_bottom {
  height: 15%;
  background: #efefef;
  border-radius: .25rem;
}

.scold_step_tabs {
  position: relative;
}

.scold_step_tabs img {
  width: 1.275rem;
  height: .575rem;
  position: absolute;
  top: 36%;
  left: 48%;
}

.scold_step_tabs>a {
  color: #777777;
}

.scold_step_tabs>a.active {
  color: #cc3131 !important;
  border: none;
}

.select_object_page {
  padding: 0.3rem .625rem;
}

.stock_search_box {
  padding: 0.3rem 0.9rem;
}

.stock_search_box input {
  border-width: 1px;
  border-color: rgb(198, 198, 198);
  border-style: solid;
  border-radius: 10px;
  background-color: rgb(249, 249, 249);
  width: 100%;
  height: 2rem;
  padding: 0 0.625rem;
  text-align: center;
}

.stock_search_box input::placeholder {
  text-align: center;
  color: #bcbcbc;
}

.stock_search_box {
  position: relative;
}

.stock_search_box img {
  width: .9rem;
  height: .9rem;
  position: absolute;
  left: 27%;
  top: 0.8rem;
}

.scold_page_top .buttons-tab {
  border-bottom: 1px solid #fafafa;
}

.icon_object_mask {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: text-bottom;
  margin-right: 0.25rem;
}

.icon_g_zui {
  background: url(../images/icon_g_zui.png) no-repeat center/contain;
}

.input_original:checked+div .icon_g_zui {
  background: url(../images/icon_b_zui.png) no-repeat center/contain;
}

.icon_g_kong {
  background: url(../images/icon_g_kong.png) no-repeat center/contain
}

.input_original:checked+div .icon_g_kong {
  background: url(../images/icon_b_kong.png) no-repeat center/contain
}

.icon_g_wu {
  background: url(../images/icon_g_wu.png) no-repeat center/contain
}

.input_original:checked+div .icon_g_wu {
  background: url(../images/icon_b_wu.png) no-repeat center/contain
}

.icon_g_tuo {
  background: url(../images/icon_g_tuo.png) no-repeat center/contain
}

.input_original:checked+div .icon_g_tuo {
  background: url(../images/icon_b_tuo.png) no-repeat center/contain
}

.icon_g_fujin {
  background: url(../images/icon_g_fujin.png) no-repeat center/contain;
}

.input_original:checked+div .icon_g_fujin {
  background: url(../images/icon_b_fujin.png) no-repeat center/contain;
}

.icon_g_duili {
  background: url(../images/icon_g_duili.png) no-repeat center/contain;
}

.input_original:checked+div .icon_g_duili {
  background: url(../images/icon_b_duili.png) no-repeat center/contain;
}

.icon_g_jianzheng {
  background: url(../images/icon_g_jianzheng.png) no-repeat center/contain;
}

.input_original:checked+div .icon_g_jianzheng {
  background: url(../images/icon_b_jianzheng.png) no-repeat center/contain;
}

.icon_g_maizao {
  background: url(../images/icon_g_maizao.png) no-repeat center/contain;
}

.input_original:checked+div .icon_g_maizao {
  background: url(../images/icon_b_maizao.png) no-repeat center/contain;
}

.icon_g_zhangang {
  background: url(../images/icon_g_zhangang.png) no-repeat center/contain;
}

.input_original:checked+div .icon_g_zhangang {
  background: url(../images/icon_b_zhangang.png) no-repeat center/contain;
}

.icon_g_nanguo {
  background: url(../images/icon_g_nanguo.png) no-repeat center/contain;
}

.input_original:checked+div .icon_g_nanguo {
  background: url(../images/icon_b_nanguo.png) no-repeat center/contain;
}

.icon_g_gerou {
  background: url(../images/icon_g_gerou.png) no-repeat center/contain;
}

.input_original:checked+div .icon_g_gerou {
  background: url(../images/icon_b_gerou.png) no-repeat center/contain;
}

.icon_g_shentao {
  background: url(../images/icon_g_shentao.png) no-repeat center/contain;
}

.input_original:checked+div .icon_g_shentao {
  background: url(../images/icon_b_shentao.png) no-repeat center/contain;
}

.select_object_list {
  height: 100%;
  overflow-y: scroll;
}

.select_object_list>li>div:nth-child(1) {
  padding-left: 1.2rem;
  position: relative;
}

.select_object_list>li input[type="checkbox"] {
  -webkit-appearance: none;
  position: absolute;
  left: 0.25rem;
  top: 1rem;
  display: inline-block;
  border-width: 1px;
  border-color: rgb(153, 153, 153);
  border-style: solid;
  border-radius: .125rem;
  background-color: rgb(255, 255, 255);
  width: .6rem;
  height: .6rem;
  z-index: 999;
}

.select_object_list>li input[type="checkbox"] :checked {
  background: none;
}

.input_original:checked+div {
  color: #2e2e2e;
}

.input_original:checked::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/icon_gou.png) no-repeat center/.75rem .625rem;
  top: -0.35rem;
  left: -0.15rem;
  z-index: 1000;
}

.select_next_btn {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}

.scold_page_bottom .buttons-tab {
  border: none !important;
  background: none !important;
}

.scold_page_bottom .buttons-tab>a {
  border: none !important;
  color: #666;
  padding-top: 1.5rem;
}

.scold_page_bottom .buttons-tab>a:nth-child(1) {
  background: url(../images/icon_g_ma.png) no-repeat center top/1.475rem 1.475rem;
}

.scold_page_bottom .buttons-tab>a:nth-child(1).active {
  background: url(../images/icon_ma.png) no-repeat center top/1.475rem 1.475rem;
  color: #f02f2f;
}

.scold_page_bottom .buttons-tab>a:nth-child(2) {
  background: url(../images/icon_g_kan.png) no-repeat center top/1.475rem 1.475rem;
}

.scold_page_bottom .buttons-tab>a:nth-child(2).active {
  background: url(../images/icon_kan.png) no-repeat center top/1.475rem 1.475rem;
  color: #f02f2f;
}

.scold_page_bottom .buttons-tab>a:nth-child(3) {
  background: url(../images/icon_g_xiangguan.png) no-repeat center top/1.45rem 1.45rem;
}

.scold_page_bottom .buttons-tab>a:nth-child(3).active {
  background: url(../images/icon_xiangguan.png) no-repeat center top/1.45rem 1.45rem;
  color: #f02f2f;
}

.select_object_list>li {
  border-bottom: 1px solid #fafafa;
}

.select_object_list>li>div {
  width: 100%;
}

.select_object_list>li>div>a.flex-box {
  width: 100%;
}

.select_object_list .list-link {
  margin-left: 0 !important;
  padding-right: 0 !important;
}

.list_bottom_item {
  width: 100%;
  overflow-x: scroll;
  white-space: nowrap
}

.list_bottom_item>a.view_more {
  display: inline-block;
  height: 1.75rem;
  border-radius: .25rem;
  line-height: 1.75rem;
  padding: 0 0.625rem;
  background: #efefef;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list_bottom_item>div {
  display: inline-block;
  width: 80%;
  height: 1.75rem;
  background: #efefef;
  border-radius: .25rem;
  line-height: 1.75rem;
  padding: 0 0.625rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list_bottom_item>div span.small_head {
  display: inline-block;
  vertical-align: middle;
  width: .875rem;
  height: .875rem;
  background: url(../images/small-robot-head.png) no-repeat center/.875rem;
  border-radius: 50%;
  margin-right: 0.15rem;
}

span.small_location {
  display: inline-block;
  vertical-align: bottom;
  width: .875rem;
  height: .7rem;
  background: url(../images/small_location.png) no-repeat center/.6rem .7rem;
  border-radius: 50%;
  margin-right: 0.15rem;
  vertical-align: sub;
}

.list_bottom_item>div .mask_authentication {
  width: .575rem;
  height: .7rem;
  margin-left: 0.15rem;
  vertical-align: text-bottom;
}

.debunk_page {
  height: 100%;
}

.debunk_page .debunk_page_top {
  padding: 0.25rem 0.625rem;
  height: 50%;
}

.debunk_page .debunk_page_bottom {
  height: 50%;
}

.debunk_page .debunk_page_top .debunk_input_content {
  height: 100%;
  border: 1px solid #dddddd;
  border-radius: .25rem;
  padding: 0.25rem;
  padding-bottom: 0;
}

.debunk_page .debunk_page_top .debunk_input_content .debunk_input_container {
  height: 55%;
  width: 100%;
  position: relative;
}

.debunk_page .debunk_page_top .debunk_input_content .debunk_input_container>div.debunk_bubble_box {
  position: relative;
  left: 8%;
  top: 20.5%;
  width: 80%;
  height: 50%;
}

.content_img_text .debunk_input_container>div.debunk_bubble_box {
  display: inline-block;
  position: relative;
  left: 7%;
  top: 0;
  width: 83%;
  height: 100%;
}

.debunk_page .debunk_page_top .debunk_input_content .debunk_input_box {
  width: 100%;
  height: 100%;
  padding-top: 0.25rem;
  overflow-y: auto;
  outline: none;
}

.debunk_page .debunk_page_top .debunk_input_content .debunk_input_box:empty:before {
  content: attr(placeholder);
  color: #bbb;
}

.debunk_page .debunk_page_top .debunk_input_content .debunk_input_box:focus:before {
  content: none;
}

.debunk_img_box {
  border-radius: 0.25rem;
  display: inline-block;
  border: .1rem solid #000000;
  color: #000;
  outline: none;
  width: 100%;
  font-size: .8rem;
  padding: 0.2rem 0.8rem;
  word-wrap: break-word;
  z-index: 100000;
  line-height: 1.2rem;
  overflow-y: auto;
  height: 100%;
}

.debunk_input_container>div.debunk_bubble_box>img {
  position: absolute;
  width: 2.55rem;
  height: 2.55rem;
  z-index: 998;
}

.debunk_input_container>div.debunk_bubble_box>img:nth-child(1) {
  left: -1.25rem;
  top: -1.25rem;
}

.debunk_input_container>div.debunk_bubble_box>img:nth-child(2) {
  right: -1.25rem;
  top: -1.25rem;
}

.debunk_input_container>div.debunk_bubble_box>img:nth-child(3) {
  right: -1.25rem;
  bottom: -1.25rem;
}

.debunk_input_container>div.debunk_bubble_box>img:nth-child(4) {
  left: -1.25rem;
  bottom: -1.25rem;
}

.content_img_text .debunk_input_container>div.debunk_bubble_box>img:nth-child(1) {
  left: -1.1rem;
  top: -1.1rem;
}

.content_img_text .debunk_input_container>div.debunk_bubble_box>img:nth-child(2) {
  right: -1.1rem;
  top: -1.1rem;
}

.content_img_text .debunk_input_container>div.debunk_bubble_box>img:nth-child(3) {
  right: -1.1rem;
  bottom: -1.1rem;
}

.content_img_text .debunk_input_container>div.debunk_bubble_box>img:nth-child(4) {
  left: -1.1rem;
  bottom: -1.1rem;
}

.debunk_input_img .file_box {
  display: inline-block;
  position: relative;
  width: 2.525rem;
  height: 2.525rem;
  background: url(../images/file_box.png) no-repeat center/cover;
}

.debunk_input_img .file_box>div {
  width: 100%;
  height: 100%;
}

.debunk_input_img .file_box>div>img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10001;
}

.debunk_input_img .file_box>img {
  width: 1rem;
  height: 1rem;
  position: absolute;
  z-index: 100000;
  top: -0.5rem;
  right: -0.5rem;
}

.debunk_input_img .file_box input[type="file"] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  outline: none;
  background-color: transparent;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

.debunk_input_release>div:nth-child(1) {
  width: 23%;
  text-align: center;
  padding-top: 4%;
}

.debunk_input_release>div:nth-child(2) {
  width: 77%;
}

.btn.btn-unavailable.btn-fill {
  color: #fff;
  background: #bcbcbc;
  border-color: #bcbcbc;
}

.expression_select_tabs .button.active {
  color: #cc3131 !important;
  border-color: #cc3131 !important;
}

.hot_expression_box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}

.hot_expression_box>div img {
  height: 100%;
}

.page_bottom_tabs .active:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 36%;
  top: -80%;
  border-width: .85rem .85rem 0;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  z-index: 999;
}

.page_bottom_tabs .active:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 36%;
  top: -70%;
  border-width: .85rem .85rem 3rem;
  border-style: solid;
  border-color: #d4d4d4 transparent transparent transparent;
}








































































































/*加自选按钮*/

.btn_add_select {
  background: none;
  padding: 0.2rem 0.25rem;
  border-radius: 0.15rem;
  border: 1px solid #cc3131;
  background: #cc3131;
  color: #fff;
}

.btn_add_selected {
  background: none;
  padding: 0.2rem 0.25rem;
  border-radius: 0.15rem;
  border: 1px solid #ccc;
  color: #ccc;
}








































































































/*我想开骂滑动*/

.photo_box {
  height: 90%;
  position: relative;
  width: 100%;
  background: #fff;
  padding: 0.6rem 1rem;
  border-radius: 0.25rem;
}

.photo_box>div {
  padding: .375rem 0.5rem;
  height: 100%;
  position: relative;
}

.photo_box>div>div {
  height: 100%;
  position: relative;
  left: 4%;
}

.photo_box>div>div>div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 5px #CCC;
  z-index: 1;
}

.photo_box>div>div>div:first-child {
  position: absolute;
  top: 4%;
  left: -7%;
}

.photo_box .photo_box_container>div {
  padding: 0.625rem;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(227, 227, 227);
  border-radius: .25rem;
  background-color: rgb(255, 255, 255);
  box-shadow: .025rem .175rem .375rem .05rem rgba(0, 0, 0, 0.3);
}

.photo_publish_head img {
  width: .975rem;
  height: .975rem;
  vertical-align: sub;
  margin-right: 0.15rem;
}

.photo_publish_content {
  padding: 0.5rem 0rem 0.5rem 1.125rem;
  line-height: 0.8rem;
  width: 100%;
  height: 100%;
}

.content_img_text {
  width: 100%;
  padding: 1.2rem 0;
  word-break: break-all;
}

.content_img_text .debunk_input_container .div.debunk_bubble_box {
  max-width: 100%;
}

.content_img_text .debunk_img_box {}

.photo_publish_content .content_img>img {
  max-width: 80%;
  max-height: 6rem;
  position: absolute;
  z-index: 10000;
}

.photo_publish_content .content_nearby a {
  padding: 0.2rem 0.3rem;
  background: #e3e3e3;
  border-radius: .475rem;
}








































































































/*异常跟踪*/

.topic_item_content {
  padding-left: 1.15rem;
}








































































































/*跟庄*/

.view_more_follow {
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  border-radius: 0.15rem;
  background: #eaeaea;
}










































































































/*我想开骂*/

.my_publish_tabs .button {
  color: #999;
}

.my_publish_tabs .button.active {
  color: #cc3131;
  border-color: #cc3131;
}

.reply_news {
  padding: 0 1rem;
}

.reply_btn a {
  display: inline-block;
}

.reply_btn a img {
  width: .75rem;
  height: .7rem;
}

.to_curse_btn {
  display: inline-block;
  width: 6.1rem;
  height: 2.1rem;
  background: #43bb81;
  color: #fff;
  line-height: 2.1rem;
  text-align: center;
  border-radius: .15rem;
  font-size: .7rem;
}








































































































/*散户大厅*/

.share_experience {
  padding: 0.625rem 0.725rem;
}

.share_experience .share_items a {
  display: inline-block;
  width: 100%;
  height: 2.5rem;
  color: #fff;
  font-size: .9rem;
  line-height: 2.5rem;
  text-align: center;
}

.share_experience .share_items a:nth-child(1) {
  background: url(../images/bg_share_01.png) no-repeat center/cover;
}

.share_experience .share_items a:nth-child(2) {
  background: url(../images/bg_share_02.png) no-repeat center/cover;
}

.share_experience .share_items a:nth-child(3) {
  background: url(../images/bg_share_03.png) no-repeat center/cover;
}

.icon_drying {
  display: inline-block;
}

.icon_drying img {
  width: .9rem;
  height: .9rem;
  vertical-align: middle;
}

.drying_part {
  background: #f7ebeb url(../images/icon_book.png)no-repeat 0.625rem center/1.675rem 1.85rem;
  margin: 0 !important;
  padding: 1rem 0.625rem 1rem 2.65rem;
  font-size: .65rem;
  color: #c06e6e;
  line-height: 0.9rem;
}

.expression_select_page {
  padding: 0rem 0.625rem;
}

.expression_select_page .swiper-style-1>div {
  height: 100%;
}

.small_expression_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  height: 100%;
  align-content: flex-start;
}

.small_expression_container>div {
  width: 30%;
  height: 45%;
  text-align: center;
  position: relative;
}

.small_expression_container>div>img {
  max-width: 100%;
  height: 80%;
  margin: 0 auto;
}









































































































/*当前最关心*/

.history_view {
  background: #fff6e9;
  padding: 0.35rem 0.625rem;
}

.history_view span:first-child {
  color: #c2a47e;
}

.history_view span:last-child {
  color: #c1b199;
}


.care_top {
  display: inline-block;
  height: .75rem;
}

.care_top h2 {
  vertical-align: text-top
}

.history_view_ball {
  position: relative;
  width: 100%;
  height: 14rem;
  background: url(../images/bg_ball.png) no-repeat center center/cover;
}

.history_view_ball>a {
  position: absolute;
  text-align: center;
  animation: cir 1.5s linear infinite alternate;
  padding: 0 0.35rem;
}

.history_view_ball>a span {
  word-break: normal;
  width: auto;
  display: block;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: hidden;
}

@keyframes cir {
  from {
    margin-top: 0px
  }

  to {
    margin-top: 0.2rem;
  }
}

.history_view_ball .ball_blue {
  padding-top: 1.5rem;
  width: 6rem;
  height: 6rem;
  left: 8%;
  top: 0;
  border-radius: 50%;
  display: inline-block;
  color: #85a1dc;
  background: -webkit-radial-gradient(center, #fefeff, #e7ecf9, #dce4f7);
}

.history_view_ball .ball_yellow {
  padding-top: 1.4rem;
  right: 10%;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  display: inline-block;
  color: #c99d72;

  background: -webkit-radial-gradient(center, #fffefe, #faf3ec, #f1e0cf);
}

.history_view_ball .ball_pink {
  padding-top: 0.8rem;
  width: 3.5rem;
  height: 3.5rem;
  top: 58%;
  left: 12%;
  border-radius: 50%;
  display: inline-block;
  color: #ce7192;
  background: -webkit-radial-gradient(center, #fffefe, #fbe9ef, #f8dbe4)
}

.history_view_ball .ball_purple {
  top: 26%;
  left: 33%;
  padding-top: 2.5rem;
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  display: inline-block;
  color: #9185d2;
  background: -webkit-radial-gradient(center, #fffefe, #efecfa, #e0dbf5)
}

.history_view_ball .ball_red {
  padding-top: 1rem;
  top: 60%;
  right: 8%;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  display: inline-block;
  color: #e77b7e;
  background: -webkit-radial-gradient(center, #fffefe, #f7e7e8, #ebc7c7)
}

.community_tips {
  padding: 0.625rem;
  line-height: 0.8rem;
}

.hot_news_tips {
  width: .475rem;
  height: .55rem;
  margin-right: 0.15rem;
}









































































































/*历史回看*/

.history_data_head {
  padding-top: 1.5rem;
  min-height: 5.5rem;
  background: url(../images/bg_history_data.png) no-repeat center/cover;
}

.history_data_title {
  padding: 0.625rem;
}

.history_data_list>li {
  padding: 0.725rem 0.625rem;
}

.history_data_list>li {
  border-bottom: 1px solid #fafafa;
}

.history_data_list.list_02>li>div:nth-child(2) {}











































































































/*发现首页*/

#swiper-care>div>div>div {
  width: 100%;
  height: 6.6rem;
  color: #fff;
}

#swiper-care>div>div.slide-01>div {
  background: url(../images/care_swiper_01.png) no-repeat center center;
  background-size: 100%;
}

#swiper-care>div>div.slide-02>div {
  background: url(../images/care_swiper_02.png) no-repeat center/cover;
  background-size: 100%;
}

#swiper-care>div>div.slide-03>div {
  background: url(../images/care_swiper_03.png) no-repeat center/cover;
  background-size: 100%;
}

.current_care_title {
  padding: 0.725rem 0.625rem 0.25rem 0.625rem;
}

.current_care_title img {
  width: .725rem;
  height: .9rem;
  vertical-align: bottom;
  margin-right: 0.15rem;
}

.border_w_span {
  color: #f6e7e6;
}

.border_w_span>span {
  border: 0.5px solid #f6e7e6;
  border-radius: .15rem;
  padding: 0.05rem 0.1rem;
  margin-right: 0.15rem;
  color: #f6e7e6;
}

.swiper_care_pagination {
  bottom: 0rem !important;
}

.swiper_care_pagination .swiper-pagination-bullet {
  width: .6rem;
  height: .2rem;
  background: #dadada;
  border: none;
  border-radius: 0;
}

.swiper_care_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #9d9d9d;
}

.hot_follow_items {
  width: 100%;
  padding: 0.5rem 0;
  overflow-x: auto;
  white-space: nowrap;
  padding: 0 0 0.625rem 0.625rem;
}

.hot_follow_items>div {
  display: inline-block;
  border-right: 1px solid #fafafa;
  width: 80%;
  padding: 0.625rem;
  background: #fbf8fb;
  border-radius: .25rem;
  margin-right: 0.625rem;
}

.hot_follow_items>div div p {
  line-height: 1.3;
  white-space: normal;
}

.small-user-head img {
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
  border-radius: 50%;
}

.hot_f_item {
  display: flex;
  border-radius: .25rem;
}

.hot_f_item>div {
  padding: 0.625rem;
  box-shadow: 3px 0px 8px 0px rgba(0, 0, 0, 0.2);
}

.hot_f_item>div:nth-child(1) {
  flex: 2;
  background: #fff;
  border-radius: .25rem;
}

.hot_f_item>div:nth-child(2) {
  flex: 8;
}

.hot_f_item>div:nth-child(2) p {
  line-height: 1.3;
  min-height: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.4;
}

.hot_f_item.item_red {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(248, 74, 77);
  background: #fff0f0;
}

.hot_f_item.item_orange {
  border: 1px solid #ffe7a7;
  background: #fffdf6;
}

.orange {
  color: #da6431;
}

.hot_f_item.item_blue {
  border: 1px solid #c1deff;
  background: #f3f8ff;
}

.bang_f_list {
  padding: 0 0.625rem;
}

.bang_f_list li {
  background: url(../images/bg_bang_items.png) no-repeat center/cover;
  padding: 0.75rem 0.625rem;
  min-height: 7rem;
  border-radius: .25rem;
}

.bang_item_content {
  background: #f5f6f6;
  padding: 0.625rem;
}

.bang_item_content p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.4;
  height: 2rem;
}








































































































/*我想开骂 回复页*/

.reply_news_items {
  padding: 0 0.625rem;
}

.reply_news_items li {
  padding: 0.75rem 0;
  border-bottom: 1px solid #fafafa;
}

#swiper-care {
  padding-bottom: 0.4rem;
}

#swiper-care .swiper-slide {
  width: 92% !important;
  margin: 0 4%;
}

#swiper-care .swiper-slide-prev {
  right: -6%;
}

#swiper-care .swiper-slide-next {
  left: -6%;
}







































































































/*相关对象*/

.relevant_list_top {
  background: #fff6f6;
  height: 4.15rem;
  line-height: 4.15rem;
  text-align: center;
  color: #884646;
  font-size: .85rem;
}

.relevant_list_top span {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: sub;
  margin-right: 0.25rem;
}

.relevant_list_top .icon_zui {
  background: url(../images/icon_brown_zui.png) no-repeat center center/.925rem .625rem;
}

.relevant_list_top .icon_wu {
  background: url(../images/icon_brown_wumai.png) no-repeat center center/.9rem .825rem;
}

.relevant_list_top .icon_kong {
  background: url(../images/icon_brown_kongtou.png) no-repeat center center/.85rem;
}

.relevant_list_top .icon_tuo {
  background: url(../images/icon_brown_tuo.png) no-repeat center center/.9rem;
}

.relevant_list_top .icon_fujin {
  background: url(../images/icon_brown_fujin.png) no-repeat center center/.7rem .875rem;
}

.relevant_list_top .icon_duili {
  background: url(../images/icon_brown_duili.png) no-repeat center center/.9rem;
}

.relevant_list_top .icon_jianzheng {
  background: url(../images/icon_brown_jianzheng.png) no-repeat center center/.9rem;
}

.relevant_list_top .icon_maizao {
  background: url(../images/icon_brown_maizao.png) no-repeat center center/.75rem .9rem;
}

.relevant_list_top .icon_zhangang {
  background: url(../images/icon_brown_zhangang.png) no-repeat center center/.9rem;
}

.relevant_list_top .icon_nanguo {
  background: url(../images/icon_brown_naguo.png) no-repeat center center/.6rem .9rem;
}

.relevant_list_top .icon_gerou {
  background: url(../images/icon_brown_gerou.png) no-repeat center center/.9rem .775rem;
}

.relevant_list_top .icon_shentao {
  background: url(../images/icon_brown_shentao.png) no-repeat center center/.9rem;
}

.relevant_list {
  padding: 0 0.625rem;
}

.relevant_list li {
  padding: 0.725rem 0.35rem;
  background: #efefef;
  border-radius: .25rem;
  color: #666;
  font-size: .75rem;
}

.relevant_list li {
  margin: 0.5rem 0;
}

.authentication_mask {
  width: .75rem !important;
  height: .925rem !important;
  border-radius: 0 !important;
  margin-left: 0.25rem;
}

#swiper-expression-01 .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #f25454;
}

#swiper-expression-02 .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #f25454;
}

#swiper-expression-03 .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #f25454;
}

#swiper-expression-04 .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #f25454;
}

#swiper-expression-01 .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  background: #bcbcbc;
}

#swiper-expression-02 .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  background: #bcbcbc;
}

#swiper-expression-03 .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  background: #bcbcbc;
}

#swiper-expression-04 .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  background: #bcbcbc;
}


.no_expression_box {
  border-width: .05rem;
  border-color: rgb(188, 188, 188);
  border-style: dashed;
  border-radius: .25rem;
  width: 70%;
  height: 54%;
  text-align: center;
  margin: 0 auto;
  color: #000;
  font-size: .5rem;
  position: relative;
}

.no_expression_box span {
  position: absolute;
  left: 0;
  right: 0;
  top: 39%;
}







































































































/*定位气泡滑动圆珠*/

.expression_select_page .swiper-pagination-bullets {
  bottom: .125rem;
}










































































































/*气泡大小修改*/

.content_img_text .debunk_img_box {
  text-align: left;
  font-size: .8rem;
}

.content_img_text .debunk_input_container>div.debunk_bubble_box>img {
  width: 2.35rem;
  height: 2.35rem;
}

.debunk_img_box:empty:before {
  content: attr(placeholder);
  color: #ccc;
}








































































































/*首页修改*/

.stock_red {
  padding: 0.1rem 0.2rem;
  background: #f36c67;
  border-radius: .15rem;
  font-size: .8rem;
  color: #fff;
}

.stock_green {
  padding: 0.1rem 0.2rem;
  background: #04b235;
  border-radius: .15rem;
  font-size: .8rem;
  color: #fff;
}

.hot_follow_items>div>div p {
  padding-top: 0.5rem;
  min-height: 2.2rem;
  border-top: 1px solid #eeedee;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.bang_f_list>li:not(:first-child) {
  margin-top: .5rem;
}









































































































/*当前最关心弹窗*/

.pop_publish_box {
  width: 100%;
  height: 10rem;
  position: fixed;
  left: 0;
  top: 20%;
  right: 0;
  margin: auto;
  background: #fafafa;
  z-index: 99999;
  padding: 0.625rem;
}

.pop_publish_box textarea {
  width: 100%;
  height: 4.6rem;
  background: #fff;
  resize: none;
  border-radius: .25rem;
  border-width: .025rem;
  border-color: rgb(239, 239, 239);
  border-style: solid;
  background-color: rgb(255, 255, 255);
  padding: 0.625rem;
  display: block;
}

.pop_publish_box>div:first-child {
  text-align: right;
  padding-bottom: 0.4rem;
  height: 1.4rem;
}

.pop_publish_box div img {
  width: 0.7rem;
  height: 0.7rem;
}

.pop_publish_box textarea::-webkit-input-placeholder {
  color: #999999;
  font-size: .75rem;
}

.pop_publish_box .publish_btn button {
  border-radius: .25rem;
  background-color: rgb(153, 153, 153);
  color: #fff;
  line-height: 1rem;
  border: none;
  font-size: .8rem;
  margin-top: .5rem;
  padding: 0.3rem 0.725rem;
}









































































































/*气泡背景边框*/

.expression_1 {
  border: .1rem solid #e80016;
  color: #fff;
  background: #b10010;
}

.expression_3 {
  background: #404040;
  border: 1px solid #404040;
  color: #fff;
}

.expression_4 {
  border: .08rem solid #233d7b;
  color: #233d7b;
}

.expression_5 {
  border: .08rem solid #1d3877;
}

.expression_6 {
  border: .08rem solid #1d3877;
}

.expression_9 {
  color: #3d7f21;
}

.expression_10 {
  background: #171e39;
  color: #FFF;
  border-color: #fff;
}

.expression_12 {
  border: 0.08rem solid #007a04;
}

.expression_13 {
  border: 0.08rem solid #6da1bf;
  color: #6da1bf;
}

.expression_14 {
  border: 0.08rem solid #bd7fc6;
  color: #bd7fc6;
  border-radius: 0 0.25rem 0.25rem 0.25rem;
}

.expression_16 {
  border: 0.08rem solid #0066a2;
  color: #0066a2;
}

.expression_18 {
  border: 0.08rem solid #027e00;
  color: #027e00;
  border-radius: 1rem 0 1rem 0;
}

.expression_19 {
  border: 0.08rem solid #017208;
  color: #017208;
}

.expression_20 {
  border: 0.08rem solid #197123;
  color: #197123;
}


.expression_21 {
  border: 0.08rem solid #d30e00;
  color: #d30e00;
}

.expression_22 {
  color: #ff2764;
  border: 0.08rem solid #e9375c;
  background: linear-gradient(-45deg, #fffef7 0%, #fffef6 20%, #fff890 30%, #fff77b 50%, #fff890 70%, #fffef6 80%, #fffef7 100%);
  /* Safari 5.1 - 6.0 */
}

.expression_23 {
  color: #e30157;
  border: 0.08rem solid #e30157;
}

.expression_24 {
  color: #fff;
  border: 0.08rem solid #b21f25;
  background: #b21f25;
  border-radius: 0.25rem 0 0.25rem 0.25rem;
}

.expression_25 {
  color: #e40057;
  border: 0.08rem solid #e40057;
}

.expression_26 {
  color: #e72015;
  border: 0.08rem solid #e72015;
  border-radius: 0.25rem 0.25rem 0.25rem 0;
}

.expression_27 {
  color: #fe4343;
  border: 0.08rem solid #feec5a;
}

.expression_28 {
  color: #ff0b67;
  border: 0.08rem solid #908ea2;
}

.expression_29 {
  color: #fe0000;
  border: 0.08rem solid #fe0000;
  border-radius: 1rem 1em 0 0;
}

.expression_30 {
  color: #e22b49;
  border: 0.08rem solid #e22b49;
}

.bg_expression_0 {
  background: url(../images/bg-default.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_1 {
  background: url(../images/bg-villain.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_2 {
  background: url(../images/bg-yellowDog.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_3 {
  background: url(../images/bg-liar.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_4 {
  background: url(../images/bg-feces.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_5 {
  background: url(../images/bg-skull.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_6 {
  background: url(../images/bg-wring.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_7 {
  background: url(../images/bg-knifeDog.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_8 {
  background: url(../images/bg-wall.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_9 {
  background: url(../images/bg-wineBottle.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_10 {
  background: url(../images/bg-captivity.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_11 {
  background: url(../images/bg-bear.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_12 {
  background: url(../images/bg-leek.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_13 {
  background: url(../images/bg-guard.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_14 {
  background: url(../images/bg-heart.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_15 {
  background: url(../images/bg-tear.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_16 {
  background: url(../images/bg-diving.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_17 {
  background: url(../images/bg-pretend.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_18 {
  background: url(../images/bg-cover.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_19 {
  background: url(../images/bg-coffin.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_20 {
  background: url(../images/bg-umbrella.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_21 {
  background: url(../images/bg-mammon.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_22 {
  background: url(../images/bg-thumb.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_23 {
  background: url(../images/bg-envelopes.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_24 {
  background: url(../images/bg-goodNews.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_25 {
  background: url(../images/bg-scaleIn.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_26 {
  background: url(../images/bg-cattle.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_27 {
  background: url(../images/bg-rocket.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_28 {
  background: url(../images/bg-key.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_29 {
  background: url(../images/bg-strong.png) no-repeat center bottom;
  background-size: contain;
}

.bg_expression_30 {
  background: url(../images/bg-assassination.png) no-repeat center bottom;
  background-size: contain;
}

.debunk_input_content .debunk_input_img {
  height: 25%;
}

.debunk_input_content .debunk_input_release {
  height: 20%;
  padding-bottom: .25rem
}

.debunk_input_content .debunk_input_release>div {
  height: 100%;
}

.debunk_input_content .debunk_input_release button {
  height: 100%;
}








































































































/*散户大厅修改*/

.mask_verified {
  width: .525rem;
  height: .6rem;
  vertical-align: text-top;
}








































































































/*当前关心的*/

.care_top {
  margin-top: -0.5rem;
}

.care_top .care_title {
  border-bottom: .5rem solid #fff1d9;
}

.care_top .care_title>span {
  position: relative;
  top: .75rem;
}








































































































/*我想开骂修改*/

.view_more_object {
  width: 20%;
  height: 1rem;
}

.view_more_object>a {
  display: inline-block;
  width: 100%;
  height: 100%;
}








































































































/*首页修改*/


/*我要开骂修改*/

.debunk_input_container .debunk_input_box {
  line-height: 1.1rem;
}

.debunk_input_container .debunk_input_box * {
  font-size: 0.8rem !important;
}





































































































/*自选股编辑*/

.optional_stock_item {
  padding-left: 2rem;
  position: relative;
}

.optional_stock_item i {
  position: absolute;
  left: 0.625rem;
  top: 0.25rem;
}

.bg_none {
  background: none !important;
}

.notice_active_gain {
  height: 1rem;
}

.notice_active_gain {
  position: absolute;
  right: 0.625rem;
}

.notice_active_gain>span {
  vertical-align: middle;
}







































































































/*相关对象*/

.relevant_list>li>div .small_head {
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  background: url(../images/small-robot-head.png) no-repeat center/1rem;
  border-radius: 50%;
  margin-right: 0.15rem;
}

.relevant_list>li>div .mask_authentication {
  width: .75rem;
  height: .925rem;
  border-radius: 0;
  margin-left: 0.25rem;
}

.news-victory-container {
  overflow: hidden;
}








































































































/*首页修改*/

.current_care_main strong {
  display: block;
  min-height: 2.4rem;
  line-height: 1.2rem;
}

.intelligence_btn {
  width: 100%;
  padding: 0.5rem 0;
  border: none;
  border-radius: .25rem;
  background: #999999;
}























































































/*量化爆发力报告*/

.patent_container {
  padding: 0.625rem
}

.patent_box {
  padding: 0.625rem;
  border-radius: .25rem;
  background-color: rgb(252, 242, 240);
  box-shadow: 0px .05rem .2rem 0px rgba(0, 0, 0, 0.16);
}

.patent_box .patent_top {
  padding-bottom: 0.35rem;
  color: #374890;
  text-align: left;
  padding-left: 4rem;
  background: url(../images/patent_font.png) no-repeat 1.5rem top/1.75rem 1.45rem;
}

.patent_box .patent_bottom p {
  line-height: 0.9rem;
  height: 1.8rem;
  overflow: hidden;
  position: relative;
  padding-bottom: 1rem;
}

.btn_spread {
  position: absolute;
  z-index: 999;
  background: #fcf2f0;
  top: 0.9rem;
  right: 0;
}

.btn_retract {
  position: absolute;
  z-index: 999;
  background: #fcf2f0;
  bottom: 0rem;
  right: 0rem;
}

.ab_bottom {
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
}

.patent_box .patent_bottom {
  padding-top: 0.35rem;
  border-top: 1px solid #f5e9e6;
}

.data_show_line {
  padding: 0.5rem 0;
  border-bottom: 1px solid #fafafa;
}







































































































/*Ai私人管家*/

.monitor_title_line {
  background: #fcf2f0;
  padding: 0.625rem;
}

.monitor_items .monitor_hot_item {
  width: 45%;
  text-align: center;
  border-radius: .25rem;
  background-color: rgb(251, 251, 251);
  box-shadow: 0 .1rem .325rem 0 rgba(0, 0, 0, 0.2);
  padding: 0.725rem 0.625rem 0.625rem 0.625rem;
  height: 7.5rem;
}

.monitor_items .monitor_hot_item .item_title {
  color: #5c9cde;
  font-size: .65rem;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #fafafa;
}

.monitor_items .monitor_hot_item .item_content {
  padding-top: 0.35rem;
}

.monitor_items .monitor_hot_item .item_content_left {
  padding-right: 0.35rem;
  border-right: 1xp solid #fafafa;
  color: #6994fb;
  font-size: .6rem;
}

.monitor_items .monitor_hot_item .item_content_right {
  color: #555555;
  font-size: .6rem;
}

.monitor_items .monitor_hot_item .item_content_left>div:not(:first-child) {
  margin-top: 0.625rem;
}

.monitor_items .monitor_hot_item .item_content_right>div:not(:first-child) {
  margin-top: 0.625rem;
}

.monitor_plan_item {
  border-radius: .25rem;
  background-color: rgb(251, 251, 251);
  box-shadow: 0px .1rem .325rem 0px rgba(0, 0, 0, 0.2);
  height: 7.5rem;
  width: 55%;
  padding: 0.725rem 0.625rem 0.625rem 0.625rem;
}

.monitor_items .monitor_plan_item .item_title {
  color: #5c9cde;
  font-size: .65rem;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #fafafa;
}

.monitor_items .monitor_plan_item .item_content_right .technique_part span.icon_buy {
  width: .9rem;
  height: .9rem;
  display: inline-block;
  line-height: .9rem;
  background: #719afb;
  color: #fff;
  font-size: .5rem;
  border-radius: 50%;
}

.monitor_items .monitor_plan_item .item_content_right .technique_part span.icon_cell {
  width: .9rem;
  height: .9rem;
  display: inline-block;
  line-height: .9rem;
  background: #d15151;
  color: #fff;
  font-size: .5rem;
  border-radius: 50%;
}

.cumulative_stock_explain p {
  margin-top: 0;
}

.technique_part>div>span:last-child {
  vertical-align: middle;
  margin-left: 0.25rem;
}









































































































/*热点跟踪*/

.rela_data_list {
  padding-top: 0 !important;
  padding: 0 !important;
}

.rela_data_list .data_title {
  margin-bottom: 0 !important;
  padding: 0.5rem 0.625rem;
  background: #edf7ff;
}

.rela_data_list>div {
  margin-bottom: 0 !important;
}

.rela_data_list>div:not(:first-child) {
  min-height: 2.5rem;
  padding: 0 0.625rem;
  border-bottom: 1px solid #fafafa;
}







































































































/*散户大厅 我想开骂加蒙版*/

.loading_mask {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10000;
  opacity: 0;
  left: 0;
  top: 0;
}







































































































/*当前最关心加一句提醒*/

.reminder_paragraph {
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-bottom: 0.5rem;
}








































































































/*量化爆发力报告*/

.expect_price {
  padding: 0.5rem 0;
}

.expect_price_left {
  padding-right: 1.6rem;
  border-right: 1px solid #eee;
}

.report_title_img img {
  width: 1rem;
  height: 1rem;
  margin-right: .15rem;
  vertical-align: sub;
}

.flex_container {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.today_risk_tips {
  padding: 0 0.625rem 0 0.625rem;
}

.risk_tips_p {
  line-height: 1rem;
}

.blue_line_title>span {
  position: relative;
  z-index: 1000;
  display: inline-block;
  color: #6893fb;
}

.blue_line_title>span:after {
  content: "";
  position: relative;
  display: inline-block;
  width: 80%;
  left: 10%;
  height: 0.5rem;
  background: #e2eafc;
  border-radius: .25rem;
  z-index: -1;
  bottom: 0.5rem;
}

.max_table {
  width: 100%;
  border-top: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
}

.max_table tr {
  width: 100%;
  display: flex;
}

.max_table tr td {
  flex: 1;
  text-align: center;
  padding: 0.5rem 0;
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}

.risk_factor_p p {
  padding-left: 1.2rem;
  position: relative;
}

.risk_factor_p p:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  background: #6893fb;
  border-radius: 50%;
  top: 0.3rem;
  left: 0.7rem;
}

.risk_factor_p p {
  margin-top: 0.5rem;
  line-height: 0.85rem;
}

.official_risk_tips {
  background: #efefef;
  padding: 0.625rem 0.3rem;
}

.official_risk_tips p {
  line-height: 0.85rem;
}







/*重中之重热点板块*/

.hot_screening_item {
  width: 100%;
  overflow-x: scroll;
  white-space: nowrap;
}

.hot_screening_item>div {
  display: inline-block;
  padding: 0 0.4rem 0.75rem 0.4rem;
  border-bottom: 1px solid #dddddd;
}

.hot_screening_item>div.active {
  border-bottom: 1px solid #f3ae40;
  margin-bottom: -1px;
}

.hot_screening_item button {
  background: #cccccc;
  border-radius: .6rem;
  border: none;
  color: #fff;
  padding: 0 0.5rem;
  height: 1.25rem;
  line-height: 1.2rem;
  text-align: center;
  font-size: .7rem;
}

.border-none {
  border: none !important;
}

.hot_screening_item div.active button {
  background: #f3ae40;
}







/*AI私人财富管家*/

.siren_guanjia div {
  font-size: 0;
}

.siren_guanjia div img {

  width: 100%;
  height: auto;
}

.siren_guanjia {
  background: #a25876;
}

.siren_guanjia button {
  position: absolute;
  bottom: 0;
  left: 0;
}

.login_pop {
  z-index: 10000;
  position: absolute;
  background: #fff;
  width: 92%;
  top: 12%;
  left: 4%;
  padding: 1rem 0;
  border-radius: .25rem;
}

.login_pop .login_title {
  position: relative;
}

.login_pop .icon-closed {
  position: absolute;
  right: 0.625rem;
  top: 0;
}








/*股票详情*/

.btn_add_self {
  background: #FFC056;
  border: none;
  color: #fff;
  border-radius: .5rem;
  font-size: .6rem;
  width: 2.65rem;
  height: 1.05rem;
}

.btn_add_self i {
  vertical-align: middle;
}

.stock_detail_top {
  padding: 0.725rem 0.625rem;
}

.stock_detail_price {
  padding-top: 0.725rem;
  border-top: 1px solid #fafafa;
}

.btn_add_self.active {
  background: #999999;
}

.stock_detail_items {
  width: 100%;
  overflow-x: auto;
  padding: 0.725rem 0.625rem;
  white-space: nowrap;
}

.stock_detail_items>div {
  display: inline-block;
  padding: 0.725rem 0.625rem;
  text-align: center;
  color: #fff;
}

.stock_detail_items>div.item_orange {
  border-style: solid;
  border-width: .025rem;
  border-color: rgb(239, 239, 239);
  border-radius: .25rem;
  background: -moz-linear-gradient(125deg, rgb(255, 154, 95) 0%, rgb(250, 132, 79) 43%, rgb(245, 110, 63) 100%);
  background: -webkit-linear-gradient(125deg, rgb(255, 154, 95) 0%, rgb(250, 132, 79) 43%, rgb(245, 110, 63) 100%);
  background: -ms-linear-gradient(125deg, rgb(255, 154, 95) 0%, rgb(250, 132, 79) 43%, rgb(245, 110, 63) 100%);
  box-shadow: .025rem .025rem .125rem 0px rgba(0, 0, 0, 0.12);
}

.stock_detail_items>div.item_blue {
  border-style: solid;
  border-width: .025rem;
  border-color: rgb(239, 239, 239);
  border-radius: .25rem;
  background: -moz-linear-gradient(125deg, rgb(91, 175, 252) 0%, rgb(67, 136, 244) 43%, rgb(42, 96, 236) 100%);
  background: -webkit-linear-gradient(125deg, rgb(91, 175, 252) 0%, rgb(67, 136, 244) 43%, rgb(42, 96, 236) 100%);
  background: -ms-linear-gradient(125deg, rgb(91, 175, 252) 0%, rgb(67, 136, 244) 43%, rgb(42, 96, 236) 100%);
  box-shadow: .025rem .025rem .125rem 0px rgba(0, 0, 0, 0.12);
}

.stock_detail_items>div.item_purple {
  border-radius: .25rem;
  background: -moz-linear-gradient(125deg, rgb(198, 117, 232) 0%, rgb(177, 87, 223) 43%, rgb(155, 57, 214) 100%);
  background: -webkit-linear-gradient(125deg, rgb(198, 117, 232) 0%, rgb(177, 87, 223) 43%, rgb(155, 57, 214) 100%);
  background: -ms-linear-gradient(125deg, rgb(198, 117, 232) 0%, rgb(177, 87, 223) 43%, rgb(155, 57, 214) 100%);
}

.stock_detail_items>div.item_pink {
  border-radius: .25rem;
  background: -moz-linear-gradient(125deg, rgb(255, 131, 193) 0%, rgb(249, 100, 174) 43%, rgb(242, 68, 154) 100%);
  background: -webkit-linear-gradient(125deg, rgb(255, 131, 193) 0%, rgb(249, 100, 174) 43%, rgb(242, 68, 154) 100%);
  background: -ms-linear-gradient(125deg, rgb(255, 131, 193) 0%, rgb(249, 100, 174) 43%, rgb(242, 68, 154) 100%);
}

.stock_detail_items>div img {
  vertical-align: middle;
  margin-right: 0.25rem;
}

.stock_detail_items>div img.icon_zoushi {
  width: .75rem;
  height: .675rem;
}

.stock_detail_items>div img.icon_ticai {
  width: .75rem;
  height: .75rem;
}

.stock_detail_items>div img.icon_zhibiao {
  width: .8rem;
  height: .725rem;
}

.stock_detail_items>div img.icon_zijin {
  width: .8rem;
  height: .7rem;
}

.stock_detail_items>div img.icon_chengben {
  width: .825rem;
  height: .725rem;
}

.stock_detail_items>div img.icon_zhenduan {
  width: .9rem;
  height: .8rem;
}

.registration_column {
  display: block;
  background: #ef7777;
  color: #fff;
  text-align: center;
  border-radius: .25rem;
  padding: 0.625rem 0;
}

.registration_column img {
  width: .625rem;
  height: .65rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}

.evaluation_category_btns {
  padding-bottom: .5rem
}

.evaluation_screening_btns button {
  border: 1px solid #cc3131;
  background: #fff;
  color: #888888;
  font-size: .75rem;
  text-align: center;
  padding: 0.35rem 0.8rem;
}

.evaluation_screening_btns button:first-child {
  border-radius: .25rem 0 0 .25rem;
}

.evaluation_screening_btns button:first-child {
  border-right: 0;
}

.evaluation_screening_btns button:last-child {
  border-radius: 0 .25rem .25rem 0;
}

.evaluation_screening_btns button:last-child {
  border-left: 0;
}

.evaluation_screening_btns button.active {
  color: #fff;
  background: #cc3131;
}

.evaluation_category_btns button {
  background: none;
  border: 1px solid #eaeaea;
  color: #888888;
  border-radius: 1rem;
  padding: 0.35rem 0.8rem;
  font-size: .7rem;
  margin-right: 0.5rem;
  margin-top: 0.5rem;
}

.evaluation_category_btns button.active {
  color: #cc3131;
  border: 1px solid #cc3131;
  background: #fff5f5;
}

.praise_mask {
  width: 1.525rem !important;
  height: .75rem !important;
  border-radius: 0 !important;
  vertical-align: middle;
  margin-left: 0.25rem;
}

.discuss-content .font-link {
  padding: 0.5rem 0.625rem 0.5rem 2.2rem;
  background: #f7d3b0 url(../images/icon_y_lock.png) no-repeat 0.5rem center/1.1rem;
}

.event_list {
  margin: 0;
  list-style: none;
  padding-left: 0.5rem;
}

.event_list li {
  border-left: .05rem solid #f8f8f8;
  padding-left: 1rem;
  position: relative;
}

.event_list li:before {
  content: "";
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-width: 1px;
  border-color: rgb(204, 204, 204);
  border-style: solid;
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  position: absolute;
  left: -0.35rem;
  top: 0.6rem;
}

.event_list li>div {
  border-bottom: 1px solid #fafafa;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.event_list li>div .list_title {
  position: relative;
}

.event_list li>div .list_title:before {
  content: "";
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: rgb(98, 143, 251);
  position: absolute;
  left: -1.2rem;
  top: 0.25rem;
}

.detail_items_pop {
  width: 76%;
  position: absolute;
  background: #fff;
  z-index: 100000;
  border-radius: .25rem;
  left: 12%;
  top: 20%;
}

.detail_items_pop ul {
  margin: 0;
  padding: 0;
}

.detail_items_pop ul li {

  padding: 0.5rem 0;
}

.detail_items_pop ul li:not(:first-child) {
  border-top: 1px solid #fafafa;
}

.detail_items_pop .pop_top {
  padding: 0.5rem;
  border-bottom: 1px solid #fafafa;
}

.detail_items_pop .pop_center {
  padding: 0 1rem;
}

.detail_items_pop .pop_bottom {
  padding: 0.625rem 0;
  border-top: 1px solid #fafafa;
}

.impression_pop {
  width: 100%;
  left: 0;
  top: 20%;
  padding: 0.625rem;
  z-index: 10000;
  background: #fafafa;
  z-index: 10000;
  position: absolute;
}

.impression_pop .pop_center {
  border: 1px solid #f8f8f8;
  position: relative;
  height: 8rem;
  background: #ffffff;
  padding: 0.5rem 0.625rem;
  width: 100%;
}

.impression_pop .pop_center textarea {
  width: 100%;
  height: 5rem;
  overflow: hidden !important;
  border: none;
  resize: none;
}

.impression_pop .pop_center textarea::-webkit-input-placeholder {
  color: #999999;
  font-size: .75rem;
}

.impression_pop .pop_bottom .publish_btn button {
  border-radius: .25rem;
  background-color: rgb(153, 153, 153);
  color: #fff;
  line-height: 1rem;
  border: none;
  font-size: .8rem;
  margin-top: .5rem;
  padding: 0.2rem 0.6rem;
}

.choise_points {
  color: #b55e2e;
  padding: 0.35rem 0.5rem;
  background: #f7d3b0;
  border-radius: .15rem;
  font-size: .7rem;
  position: absolute;
  left: 0.625rem;
  bottom: 0.5rem;
}

.impression_expression img {
  width: 1rem;
  height: 1rem;
  vertical-align: text-bottom;
}

.deep_yellow {
  color: #ffbd53;
}

.deep_red {
  color: #cc3131;
}

.content_points>div:first-child {
  background: #f7d3b0 url(../images/font-link.png) no-repeat 0.4rem center/1.05rem 1.075rem;
  padding-right: 0.5rem;
  padding-left: 1.8rem;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  border-radius: .25rem;
  width: 80%;
}

.content_points>div:last-child {
  width: 20%;
  padding-right: 1rem;
}

.content_points>div:first-child p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.content_points {
  position: absolute;
  left: 0.625rem;
  bottom: 0.5rem;
  width: 100%;
}

.publish_btn_red button {
  background: #cc3131;
  border-radius: .25rem;
  color: #fff;
  line-height: 1rem;
  border: none;
  font-size: .8rem;
  margin-top: .5rem;
  padding: 0.2rem 0.6rem;
}

.hold-stock-list>li:not(:first-child) {
  border-top: 1px solid #fafafa;
}

.smart-hd span:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 90%;
  left: 5%;
  height: 0.25rem;
  background: #ffbd53;
  border-radius: .25rem;
  z-index: 1;
  bottom: 0rem;
  opacity: 0.7;
}







/*到期提醒*/

.expire_tips_popup {
  width: 80%;
  background: #fff;
  position: absolute;
  left: 10%;
  top: 20%;
}

.expire_tips_popup .popup_top {
  width: 100%;
}







/*定制买入——风险提示弹窗*/

.risk_cues_popup {
  z-index: 100001;
  width: 80%;
  background: #fff;
  position: absolute;
  left: 10%;
  top: 20%;
  padding: 0.625rem;
}

.risk_cues_popup .popup_top img {
  width: .8rem;
  height: .9rem;
  vertical-align: middle;
  margin-right: 0.2rem;
}

.risk_cues_popup .popup_center p {
  margin-top: 0.2rem;
}

.risk_cues_popup .popup_bottom button {
  width: 50%;
  height: 1.75rem;
  background: #cc3131;
  border-radius: .875rem;
  border: none;
  color: #fff;
}








/*黄金主动命令3*/

.inappropriate_topic img {
  width: 7.85rem;
  height: 7.85rem;
}









/*持股帮7.2*/

.reading_red_title {
  font-size: 39.21px;
  font-family: "Tensentype";
  color: rgb(212, 59, 60);
  line-height: 1.02;
  -moz-transform: matrix(1, 0, -0.20178040429271, 1, 0, 0);
  -webkit-transform: matrix(1, 0, -0.20178040429271, 1, 0, 0);
  -ms-transform: matrix(1, 0, -0.20178040429271, 1, 0, 0);
}

.user_portrait {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}

.icon_medal {
  width: .75rem;
  height: .75rem;
}

.icon_youliao {
  width: 1rem;
  height: .5rem;
}

.user_message_line img {
  vertical-align: middle;
}

.reading_analysis_item {
  padding: 0.625rem;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(250, 250, 250);
  border-radius: .25rem;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.06);
}

.hot_point_items {
  padding: 0.625rem;
}

.hot_point_items>div {
  text-align: center !important;
  border-width: .025rem;
  border-color: rgb(250, 250, 250);
  border-style: solid;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px .05rem .175rem 0px rgba(0, 0, 0, 0.1);
  padding: 0 1rem
}

.hot_point_items>div>.item_title {
  height: 1.75rem;
}

.hot_point_items>div>.item_content {
  height: 3.9rem;
}

.hot_point_items>div:nth-child(1) {
  margin-right: 0.35rem;
}

.hot_point_items>div:nth-child(2) {
  margin-left: 0.35rem;
}

.hot_point_items>div .item_title {
  padding: 0.5rem 0;
  border-bottom: 1px solid #fdfdfd;
}

.item_content {
  position: relative;
}

.reading_stock .reading_main {
  height: 7rem;
  background: url(../images/bg-reading.png) no-repeat center center;
  background-size: 17.825rem 6.85rem;
}

.reading_main {
  position: relative;
}

.reading_stock .reading_main>div {
  text-align: center !important;
}

.reading_stock .reading_main>div:nth-child(1) {
  margin-top: -2rem;
}

.reading_stock .reading_main>div:nth-child(2) {
  margin-top: -1rem;
}

.reading_scroll_line {
  position: absolute;
  width: 100%;
  height: 1rem;
  color: #555;
  font-size: .6rem;
  line-height: 1rem;
  bottom: 1.25rem;
  background: url(../images/bg-scroll-line.png) no-repeat center/cover;
  overflow: hidden
}

.reading_scroll_line>div {
  height: 1rem;
}

.reading_scroll_line img {
  width: .75rem;
  height: .75rem;
  vertical-align: middle;
  border-radius: 50%;
  margin-right: .25rem;
}

.reading_more_message button {
  border-radius: .25rem;
  background-color: rgb(230, 112, 101);
  border: none;
  color: #fff;
  width: 5.5rem;
  height: 1.75rem;
}

.sunny_plate {
  position: relative;
  padding: 0.5rem 0.625rem 0.85rem 0.625rem;
  height: 6.15rem;
  width: 100%;
  background: url(../images/sunny-plate.png) no-repeat center;
  background-size: 100% 6.15rem;
}

.closed_plate {
  position: relative;
  padding: 0.5rem 0.625rem 0.85rem 0.625rem;
  height: 6.15rem;
  width: 100%;
  background: url(../images/closed-plate.png) no-repeat center;
  background-size: 100% 6.15rem;
}

.reading_bureau {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -1.5rem;
}

.reading_bureau>div {
  width: 100%;
  height: 2.25rem;
  background: #fff;
  border-radius: .25rem;
  box-shadow: 0px .15rem .25rem 0px rgba(0, 0, 0, 0.16);
}

.reading_bureau div a:nth-child(1) img {
  width: 1.2rem;
  height: 1.2rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.reading_bureau div a:nth-child(2) img {
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.reading_bureau>div>a {
  text-align: center !important;
}

.reading_detail_img img {
  max-width: 100%;
  height: auto;
}

.reading_detail_img span {
  white-space: inherit !important;
}

.font_reading_state {
  padding: 0.2rem 0.3rem;
  border-radius: .15rem;
  font-size: .5rem;
  border: 1px solid #ebb589;
  color: #ebb589;
}

.reading_view_fall {
  background: #04b235;
  color: #fff;
  padding: 0.2rem 0.25rem;
  margin-left: .25rem;
  border-radius: .075rem;
}

.reading_view_rise {
  background: #da4646;
  color: #fff;
  padding: 0.2rem 0.25rem;
  margin-left: .25rem;
  border-radius: .075rem;
}

.write_reading_point>div {
  width: 100%;
  min-height: 6.65rem;
  padding-top: 0.725rem;
  border: none;
  resize: none;
  max-height: 20rem;
  overflow-y: scroll;
}

.write_reading_point textarea::-webkit-input-placeholder {
  color: #999;
  font-size: .75rem;
}

.write_reminder {
  background: #ccc;
  border-radius: .25rem;
  width: 84%;
  height: 4.75rem;
  margin: 0 auto;
}

.btn_forecast {
  color: #fff;
  background: #628ffb;
  border-radius: .25rem;
  padding: 0.2rem 0.25rem;
  font-size: .6rem;
}

.btn_forecast.btn_green {
  background: #04b235
}

.btn_forecast.btn_red {
  background: #da4646;
}

.write_reminder img {
  width: .7rem;
  height: .7rem;
}

.search_input {
  position: relative;
}

.search_input input {
  width: 100%;
  height: 2rem;
  border-radius: .25rem;
  border: 1px solid #bcbcbc;
  text-align: center;
  font-size: .7rem;
}

.search_input img {
  width: 0.9rem;
  height: 0.9rem;
  position: absolute;
  top: 0.5rem;
  left: 10%;
}

.search_input .icon_close {
  position: absolute;
  left: 92%;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
}

.search_input input::-webkit-input-placeholder {
  color: #bcbcbc;
}

.stock_select_list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.stock_select_list>li {
  padding: 0.6rem 0;
  border-top: 1px solid #fafafa;
}

.stock_select_list .btn_bullish {
  color: #cc3131;
  border: 1px solid #cc3131;
  background: #fff;
  border-radius: .15rem;
}

.stock_select_list .btn_bearish {
  color: #04b235;
  border: 1px solid #04b235;
  background: #fff;
  border-radius: .15rem;
}

.font_classify {
  padding: 0.1rem 0.15rem;
  border-radius: .05rem;
  font-size: .6rem;
  color: #fff;
  margin-right: .5rem;
}

.bottom_popup {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1001;
}

.bullish_bearish_popup {
  display: none;
  background: #fff;
  height: 20rem;
  overflow-y: auto;
}

.search_mask {
  position: absolute;
  width: .725rem;
  height: .725rem;
  left: 10%;
  top: 30%;
}

.text_input_popup textarea {
  height: 7.75rem;
  width: 100%;
  padding: 0.5rem 0.625rem;
  border: none;
  resize: none;
}

.text_input_popup textarea::-webkit-input-placeholder {
  color: #bcbcbc;
}

.bg_faf {
  background: #fafafa;
}

.btn_confirm button {
  background: #da4646;
  border: none;
  border-radius: .15rem;
  color: #fff;
  font-size: .75rem;
  padding: 0.35rem 1.25rem;
}

.text_input_popup {
  display: block;
  z-index: 1001;
  background: #fff;
}

.add_reading {
  height: 3.75rem;
}

.add_reading>div {
  margin: 0 auto;
}

.reading_course_list .course_main {
  padding: 0.725rem 0.625rem;
  border-radius: .25rem;
  box-shadow: 0 .15rem .25rem 0 rgba(0, 0, 0, 0.16);
}

.course_main_text>div:first-child {
  width: 70%;
}

.course_main_text>div:last-child {
  width: 30%;
}

.course_main_text>div:last-child img {
  max-width: 100%;
  height: auto;
}

.course_view {
  background: url(../images/bg_course_view.png)no-repeat center/cover;
  height: 1.6rem;
  border-radius: .25rem;
  color: #fff;
  line-height: 1.6rem;
  font-size: .7rem;
  padding: 0 0.625rem;
}

.course_view img {
  width: .75rem;
  height: .75rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}

.salvage_screen_btns {
  background: #e0dce7;
  padding-top: 0.5rem;
  border-radius: .25rem .25rem 0 0;
  padding-bottom: 0.5rem;
}

.salvage_screen_btns>div {
  text-align: center !important;
}

.red_bc {
  color: #bc0002;
}

.btn_put_bin {
  text-align: center;
  margin-top: 1.2rem;
}

.btn_put_bin button {
  width: 5.4rem;
  height: 1.7rem;
  line-height: 1.5rem;
  color: #fff;
  font-size: .75rem;
  background: #cc3131;
  border-radius: .25rem;
  border: none;
}

.put_bin_times {
  width: 100%;
  height: 1.35rem;
  line-height: 1.35rem;
  background: #eae7ef;
  text-align: center;
  border-radius: .65rem;
  position: relative;
  margin-top: 7rem;
}

.put_bin_times i {
  position: absolute;
  right: 0.3rem;
  top: 0.15rem;
}

.bin_scroll_date {
  height: 1.6rem;
  text-align: center;
  background: #fcf2f0;
  line-height: 1.6rem;
}

.bin_item {
  border-width: 1px;
  border-color: rgb(250, 250, 250);
  border-style: solid;
  border-radius: .25rem;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px .05rem .175rem 0px rgba(0, 0, 0, 0.5);
  padding: 0.625rem;
}

.bin_item_container {
  padding: 0.625rem;
}

.salvage_main_text {
  background: #fff;
  width: 100%;
  padding: 0.725rem 0.625rem;
  border-radius: .25rem;
}

.view_rise_num {
  background: #fff;
  width: 100%;
  padding: 0.35rem 0.625rem;
  border-radius: .25rem;
}

.view_rise_num img {
  width: .7rem;
  height: .75rem;
  margin-right: .15rem;
  vertical-align: middle;
}

.calendar_week_head {
  display: flex;
  height: 1.5rem;
}

.calendar_week_head>li {
  flex: 1;
  text-align: center;
  line-height: 1.5rem;
}

.calendar_date_list {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.calendar_date_list li {
  display: block;
  width: 14.2857%;
  text-align: center;
  background: #fff;
  position: relative;
  font-size: .6rem;
  color: #777;
  height: 1.75rem;
  line-height: 1.75rem;
}

.calendar_year_head {
  height: 2.1rem;
  line-height: 2.1rem;
  border-bottom: 1px solid #fafafa;
}

.screen_complete img {
  width: .475rem;
  height: .475rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.screen_accuracy img {
  width: .55rem;
  height: .4rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.calendar_date_list .active_complete {
  background: #da4646;
  color: #fff;
}

.calendar_date_list .active {
  border: 1px solid #eeeeee;
}

.calendar_date_list .active_accuracy {
  background: url(../images/accuracy.png) no-repeat right top;
  background-size: .55rem .4rem;
}

.calendar_date_list .active_complete.active_accuracy {
  background: #da4646 url(../images/accuracy.png) no-repeat right top;
  background-size: .425rem .425rem;
}

.calendar_date_list .no_date {
  background: #fafafa;
  color: #999;
  opacity: 0;
}

.screen_accuracy_btn input {
  margin-right: .25rem;
  vertical-align: middle;
}

.toolbar_reminder {
  display: flex;
  height: 2.1rem;
  line-height: 2.1rem;
  border-top: 1px solid #fafafa;
}

.toolbar_reminder>div {
  flex: 1;
  text-align: center;
}

.toolbar_weight img {
  width: .375rem;
  height: .625rem;
}

.toolbar_p img {
  width: .7rem;
  height: .675rem;
}

.toolbar_picture img {
  width: .8rem;
  height: .7rem;
}

.toolbar_reminder img {
  vertical-align: middle;
  margin-right: .125rem;
}

.btn_w_bureau {
  position: fixed;
  bottom: 3rem;
  right: 0.625rem;
  z-index: 10001;
}

.btn_w_bureau button {
  padding: 0.625rem 0.5rem;
  background: #f36363;
  color: #fff;
  border-radius: 1rem;
  border: none;
}

.btn_w_bureau img {
  width: .65rem;
  height: .65rem;
  margin-right: .125rem;
}

.sun_situation {
  width: 4.025rem;
  height: 4.025rem;
}

.rain_situation {
  width: 4.3rem;
  height: 3.475rem;
}

.cloudy_situation {
  width: 4.725rem;
  height: 3rem;
}

.sunny_plate>img {
  position: absolute;
  right: 1rem;
  top: 0.625rem;
}

.yellow_header {
  height: 2.25rem;
  line-height: 1.4;
  background: url(../images/bg_y_header.png) no-repeat center center/cover;
  color: #fff;
  padding: .25rem 0;
  z-index: 9999;
  position: relative;
  width: 100%;
  top: 0;
}

.yellow_header h1 {
  font-size: .8rem !important;
}

.gray_header {
  height: 2.25rem;
  line-height: 1.4;
  background: url(../images/bg_g_header.png) no-repeat center center/cover;
  color: #fff;
  padding: .25rem 0;
  z-index: 9999;
  position: relative;
  width: 100%;
  top: 0;
}

.gray_header h1 {
  font-size: .8rem !important;
}

.yellow_header~.content {
  padding-top: 2.25rem;
}

.gray_header~.content {
  padding-top: 2.25rem;
}

.write_reading_point>div:empty:before {
  content: attr(placeholder);
  font-size: .85rem;
  color: #999;
}

.write_reading_point>div:focus:before {
  content: none;
}

.write_reading_point .write_reading_box img {
  max-width: 80%;
}

.middle_popup_box {
  background: #fff;
  width: 80%;
  border-radius: .25rem;
  position: absolute;
  left: 10%;
  right: 0;
  top: 20%;
  padding: 0 0.625rem;
  z-index: 10001;
}

.btn_closed_popup {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}

.popup_double_btn {
  display: flex;
  border-top: 1px solid #fafafa;
}

.popup_double_btn button {
  flex: 1;
  height: 2rem;
  background: none;
  border: none;
}

.popup_double_btn button:first-child {
  border-right: 1px solid #fafafa;
}

.salvage_date_day {
  font-size: 2.5rem !important;
}

.bg_salvage {
  height: 100%;
  width: 100%;
  background: url(../images/bg_salvage.png) no-repeat center center;
  background-size: cover;
}

.salvage_date_index img {
  width: 2.55rem;
  height: 2.05rem;
}

.icon_bin img {
  width: 1.65rem;
  height: 1.2rem;
}

.b_icon_salvage img {
  width: 2.1rem;
  height: 1.975rem;
}

.b_icon_write img {
  width: 2.9rem;
  height: 2.175rem;
}

.b_icon_find img {
  width: 2.95rem;
  height: 1.95rem;
}

.put_bin_times img {
  width: .7rem;
  height: .7rem;
}

.black_hole {}

.black_hole img {
  width: 16rem;
  height: 16.45rem;
}

.text_break_all>p {
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.text_break_all>div {
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.top_screen {
  border-bottom: 1px solid #fafafa;
}

.top_screen button {
  background: #fff;
  color: rgba(153, 153, 153, 1);
  font-size: .65rem;
  padding: 0.25rem 0.4rem;
  margin-right: .5rem;
  border-radius: .15rem;
  border: 1px solid rgba(153, 153, 153, 1);
}

.top_screen button.active {
  color: rgba(255, 255, 255, 1);
  background: rgba(222, 91, 91, 1);
  border: 1px solid rgba(222, 91, 91, 1)
}

.dynamic_comment_tabs {
  border-bottom: 1px solid #f1f1f1;
}

.class_identifier {
  color: #fff;
  padding: 0.15rem 0.2rem;
  font-size: .5rem;
  border-radius: .075rem;
  background: #fba57f;
  vertical-align: text-top;
  margin-right: .125rem;
}

.text_left_image {
  text-align: right;
}

.text_right_image img {
  width: 4.5rem;
  height: 3rem;
  border-radius: .2rem;
}

.text_left_msg {
  min-height: 3rem;
  position: relative;
}

.text_left_msg .msg_bottom {
  bottom: 0;
  position: absolute;
  width: 100%;
}

.news_text_box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.news_text_box .text_left_msg {
  flex: 7;
}

.news_text_box .text_right_image {
  flex: 3;
  text-align: center;
}

.hot_bang_list li {
  padding: .625rem 0;
  border-bottom: 1px solid #f5f5f5;
}

#hot_bang_list li {
  padding: 1rem 0;
}

.recent_data {
  height: 2.5rem;
  background: #fafafa;
  line-height: 2.5rem;
}

.help_popup {
  position: absolute;
  bottom: 0;
  background: #fff;
  z-index: 10001;
  left: 0;
  width: 100%;
}

.help_popup_head {
  position: relative;
  height: 2.2rem;
  line-height: 2.2rem;
  border-bottom: 1px solid #fafafa;
}

.help_popup_head i {
  position: absolute;
  right: 0.625rem;
  top: 0.725rem;
  padding: 0 0.25rem;
}

.help_popup_main .main_left img {
  width: 1.7rem;
  height: 1.7rem;
}

.help_popup_main .main_right img {
  width: 2.025rem;
  height: 1.6rem
}

.help_popup_more {
  padding: 0 0.625rem;
  height: 1.65rem;
  line-height: 1.65rem;
}

.help_popup_more img {
  width: .65rem;
  height: .65rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.icon_answer {
  display: inline-block;
  color: #3aaaf1;
  border: 1px solid #3aaaf1;
  padding: 0.15rem 0.3rem;
  border-radius: .5rem;
}

.icon_answer img {
  width: .5rem;
  height: .45rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.help_answer_list {
  overflow: auto;
  white-space: nowrap;
  width: 100%;
}

.help_answer_list li {
  white-space: normal;
  width: 100%;
  display: inline-block;
  padding: 0.6rem 0.725rem;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(239, 239, 239);
  border-radius: .25rem;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.08);
}

.help_answer_container {
  width: 100%;
}

.b_react_list {
  padding: 0 0.625rem;
}

.b_react_list li {
  border-bottom: 1px solid #f5f5f5;
  padding: 0.7rem 0;
}

.no_invite_img img {
  width: 7.425rem;
  height: 5.35rem;
}

.answer_line_container {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -3rem;
  padding: 0 0.625rem;
}

.answer_line {
  width: 100%;
  height: 2.25rem;
  border-radius: .25rem;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px .075rem .2rem 0.45px rgba(0, 0, 0, 0.3);
}

.answer_line .left_img img {
  width: .8rem;
  height: .8rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.answer_line .right_img img {
  width: 1.325rem;
  height: .8rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.answer_num {
  margin-top: 2.5rem;
  height: 2rem;
  background: #fbeeee;
  font-size: .65rem;
  color: #777;
  line-height: 2.4rem;
  padding: 0 0.625rem;
}

.help_detail_container {
  position: relative;
}

.user_category_id {
  color: #999;
  font-size: .6rem;
  padding: 0.1rem;
  border-radius: .1rem;
  border: 1px solid #999;
  margin-left: .25rem;
}

.best_answer {
  color: #ffba00;
}

.detail_answer_list {
  padding: 0rem 0.625rem;
}

.detail_answer_list li {
  padding: 0.7rem 0;
}

.detail_answer_list .answer_list_img_01 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 0;
}

.detail_answer_list .answer_list_img_01 img {
  width: 49%;
  height: 5.05rem;
}

.detail_answer_list .answer_list_img_02 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 0;
}

.detail_answer_list .answer_list_img_02 img {
  width: 49%;
  height: 5.05rem;
}

.detail_answer_list .answer_list_img_03 {
  font-size: 0;
}


.icon_v {
  width: .6rem;
  height: .55rem;
  margin-left: 0.1rem;
}

.best_answer img {
  width: .65rem;
  height: .575rem;
  vertical-align: top;
  margin-right: .25rem;
}

.choose_best {
  border-width: 1px;
  border-color: rgb(88, 170, 251);
  border-style: solid;
  border-radius: .325rem;
  color: #58aafb;
  font-size: .6rem;
  padding: 0.05rem 0.1rem;
}

.right_double_btn {
  display: inline-block;
  padding: 0.25rem 0.35rem;
  border-width: 1px;
  border-color: rgb(158, 166, 184);
  border-style: solid;
  border-radius: .625rem;
}

.right_double_btn button {
  background: none;
  border: none;
}

.right_double_btn .btn_flower img {
  width: .575rem;
  height: .7rem;
  vertical-align: text-bottom;
  margin-right: .125rem;
}

.right_double_btn .btn_flower span {
  padding: 0.15rem 0 0.2rem 0;
  padding-right: 0.8rem;
  border-right: 1px solid rgb(158, 166, 184);
}

.right_double_btn .btn_comment img {
  width: .75rem;
  height: .675rem;
  vertical-align: text-bottom;
  margin-right: .125rem;
}

.goode_selected_mask {
  color: #ffba00;
}

.goode_selected_mask img {
  vertical-align: middle;
  width: .425rem;
  height: .4rem;
  margin-right: .25rem;
}

.wirte_reply_top {
  padding: 0 0 0.625rem 0;
  border-bottom: 1px solid #efefef;
}

.wirte_reply_textarea {
  width: 100%;
}

.wirte_reply_textarea textarea {
  width: 100%;
  height: 8rem;
  border: none;
  padding: 0.625rem;
}

.wirte_reply_textarea textarea::-webkit-input-placeholder {
  color: #bcbcbc;
  font-size: .7rem;
}

.btn_set_up {
  color: #fff;
  background: #999999;
  border-radius: .25rem;
  padding: 0.2rem 0.3rem;
  font-size: .7rem;
}

.btn_set_up.btn_red {
  background: #da4646;
}

.r_red_release button {
  background: #999;
  padding: 0.4rem 1rem;
  border-radius: 1rem;
  font-size: .75rem;
  border: none;
}

.r_red_release .btn_red {
  background: #da4646;
}

.raise_friends_popup {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 10001;
  background: #fff;
}

.raise_friends_popup .popup_head {
  height: 2.1rem;
  padding: 0 0.625rem;
  background: #fafafa;
  line-height: 2.1rem;
  color: #444;
  font-size: .85rem;
}

.raise_friends_head img {
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: middle;
}

.raise_friends_list {
  padding: 0 0.625rem;
}

.raise_friends_list li {
  padding: 0.625rem 0;
}

.icon_raise {
  border-radius: .15rem;
  background-color: rgb(98, 143, 251);
  color: #fff;
  border: none;
  display: inline-block;
  width: 3rem;
  height: 1rem;
  font-size: .65rem;
  text-align: center;
}

.icon_cancel_raise {
  background: #999999;
  color: #fff;
}

.anonymos_line {
  padding: 0.5rem 0
}

.anonymos_line img {
  width: .925rem;
  height: .65rem;
  margin-right: .125rem;
  vertical-align: middle;
}

.raise_friends_popup .popup_head {
  position: relative;
}

.raise_friends_popup .popup_head .icon-closed {
  position: absolute;
  right: 0.625rem;
  top: 0.5rem;
}

.invited_tips {
  height: 2.5rem;
  line-height: 2.5rem;
}

.invited_answer_head {
  height: 2.8rem;
  padding-left: 3.5rem;
  background: url(../images/bg_invited_head.png) no-repeat center center/cover;
}

.mask_hat {
  display: inline-block;
  vertical-align: middle;
  width: .95rem;
  height: .775rem;
  background: url(../images/mask_y_hat.png) no-repeat center center/cover;
  background-size: .95rem .775rem;
}





































































































/*仿苹果手机滑动按钮*/

.a-switch {
  display: inline-block !important;
  width: 1.5rem !important;
  height: .75rem !important;
  border-radius: .5rem !important;
  -webkit-appearance: none !important;
  user-select: none !important;
  outline: none !important;
  background-color: #e0e0e0 !important;
  box-shadow: #c2c2c2 0 0 0 0 inset !important;
  position: relative !important;
  transition: 0.4s !important;
}

.a-switch:before {
  content: '';
  width: 28px;
  height: 28px;
  border-radius: 100%;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 1px;
  transition: 0.3s;
}

.a-switch:checked {
  border-color: #81d480;
  box-shadow: #83e482 0 0 0 14px inset;
  background-color: #81d480;
}

.a-switch:checked:before {
  left: 32px;
}

.identity_authentication_popup {
  width: 100%;
  position: absolute;
  z-index: 10002;
  background: #fff;
  bottom: 0;
}

.identity_authentication_popup .identity_img img {
  width: 5.45rem;
  height: 5.45rem;
}

.identity_authentication_popup .popup_head {
  height: 2rem;
  background: #fafafa;
  padding: 0 0.625rem;
}

.identity_authentication_popup .popup_bottom button {
  width: 6.25rem;
  height: 1.9rem;
  border-radius: .25rem;
  background: #999;
  color: #fff;
  border: none;
  margin-top: 4rem;
}

.identity_authentication_popup .popup_bottom button.btn_red {
  background: #cc3131;
}

.popup_b_btn {
  background: none;
}

.switch {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  position: relative;
  width: 2rem;
  height: 1rem;
  outline: none !important;
  border-radius: .4rem;
  border: 1px;
  box-sizing: border-box;
  background-color: #DFDFDF;
  transition: background-color .1s, border .1s;
}

.switch::before {
  content: " ";
  position: absolute;
  width: 2rem;
  height: 1rem;
  left: 0px;
  top: 0;
  border: 1px solid #DFDFDF;
  border-radius: .5rem;
  background-color: #999999;
  transition: transform .35s cubic-bezier(0.45, 1, 0.4, 1);
}

.switch::after {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #FFFFFF;
  box-shadow: 0 1px .075rem rgba(0, 0, 0, 0.4);
  transition: transform .35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
}

.switch:checked {
  border-color: #61a3f5;
  background-color: #61a3f5;
}

.switch:checked::before {
  transform: scale(0);
}

.switch:checked::after {
  transform: translateX(20px);
}

.icon_public_mask {
  padding: 0.1rem;
  border-radius: 1px;
  background: rgb(212, 59, 60);
  font-size: .5rem;
  vertical-align: middle;
  margin-left: .25rem;
}

.publish_bureau_popup {
  position: absolute;
  z-index: 10002;
  background: #fff;
  width: 90%;
  left: 5%;
  top: 20%;
  padding: 1rem;
  border-radius: .25rem;
  padding-bottom: 2rem;
}





































































































/*股票详情页*/

.target_circle_line {
  padding: 0.5rem 0.625rem;
}

.target_circle_line img {
  width: 1.45rem;
  height: 1.325rem;
  margin-right: .25rem;
  vertical-align: middle;
}

.loop_popup {
  position: absolute;
  z-index: 100001;
  width: 100%;
  background: #fff;
  padding: 0.625rem;
  bottom: 0;
  left: 0;
  display: none;
}

.loop_popup .loop_popup_content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.loop_popup .loop_popup_content>div {
  width: 48%;
  height: 3.1rem;
  border-radius: .25rem;
  margin-top: 0.35rem;
}

.loop_popup .loop_popup_content>div.red_rise {
  border: 1px solid #cc3131;
}

.loop_popup .loop_popup_content>div.red_fall {
  border: 1px solid #04b235;
}

.icon_leave_cicle {
  background: #cc3131;
  color: #fff;
  padding: 0.2rem;
  border-radius: .15rem;
}

.icon_leave_cicle img {
  width: .675rem;
  height: .625rem;
  margin-right: .125rem;
  vertical-align: inherit;
}

.cicle_target_container {
  position: relative;
  padding-top: 7rem;
}

.cicle_target_top {
  position: fixed;
  left: 0;
  width: 100%;
  height: 7rem;
  background: #fff;
}

.head_group {
  position: relative;
  display: inline-block;
  top: -0.8rem;
}

.head_group img {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}

.head_group img:nth-child(1) {
  z-index: 10;
  position: absolute;
  top: 0;
}

.head_group img:nth-child(2) {
  z-index: 11;
  position: absolute;
  left: .4rem;
  top: 0;
}

.head_group img:nth-child(3) {
  z-index: 12;
  position: absolute;
  left: 0.8rem;
  top: 0;
}

.cicle_dynamic_list {
  padding: 0 0.625rem;
}

.cicle_dynamic_list li:not(:first-child) {
  border-top: 1px solid #fafafa;
  padding-bottom: 1rem;
}

.gray_bg_module {
  padding-left: 1.2rem;
}

.gray_bg_module>div {
  background: #efefef;
  padding: 0.5rem 0.625rem;
}

.publish_bureau_items>div {
  text-align: center !important;
}

.publish_bureau_items img {
  width: 2.15rem;
  height: 2.15rem;
}





































































































/*黄金主动命令*/

.suitable_subjects_parts>div.subjects_parts_items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.suitable_subjects_parts>div.subjects_parts_items>div {
  width: 46%;
  margin-top: 1rem;
}

.login_first_btn {
  padding-top: 10rem;
}

.login_first_btn button {
  background: #cc3131;
  color: #fff;
  border: none;
  padding: 0.625rem 2rem;
  border-radius: .25rem;
}






































































































/*内侧邀请*/

.nc-input-box {}

.nc-input-box .nc-mobile {
  width: 100%;
  height: 2.1rem;
  border-radius: .25rem;
  border: 1px solid #ededed;
  padding: 0 0.625rem;
}

.nc-input-box .nc-code {
  height: 2.1rem;
  border-radius: .25rem;
  border: 1px solid #ededed;
  padding: 0 0.625rem;
  width: 65%;
}

.nc-input-box .btn-get-code {
  background: none;
  border: 1px solid #ededed;
  border-radius: .25rem;
  height: 2.1rem;
  color: #5283f1;
  width: 32%;
  margin-left: 3%;
  font-size: .65rem;
}

.btn-confirm-receive {
  text-align: center;
  margin-top: .75rem;
}

.btn-confirm-receive button {
  text-align: center;
  height: 2rem;
  background: #ed7058;
  border: none;
  border-radius: .975rem;
  color: #fff;
  padding: 0 2.25rem;
}





































































































/*我的-个人中心*/

.wd_questions_list li {
  padding: 0.5rem 0.625rem;
  border-bottom: 1px solid #fafafa;
}





































































































/*发跟踪*/

.btn_add_stocks {
  background: #efefef;
  color: #cc3131;
  font-size: .65rem;
  border: none;
  padding: 0.35rem 0.4rem;
  border-radius: .675rem;
}

.must_choose {
  color: #cc3131;
  font-size: .65rem;
}

.gz_title_input input {
  width: 100%;
  border: none;
  height: 2.25rem;
  color: #666;
}

.gz_title_input input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: .75rem;
  color: #999999;
}

.gz_title_input div[contenteditable="true"] {
  min-height: 1.2rem;
  width: 100%;
  line-height: 1.1rem;
  background: #fff;
  max-height: 2.4rem;
  overflow: hidden;
  padding: 0.5rem 0;
}

.gz_title_input div[contenteditable="true"]:empty::before {
  content: attr(placeholder);
  font-size: .75rem;
  color: #999;
}

.gz_content_textarea textarea {
  border: none;
  resize: none;
  width: 100%;
  padding-top: 0.725rem;
  color: #666;
}

.gz_add_img {
  display: inline-block;
  position: relative;
  padding-top: 2rem;
  width: 3.75rem;
  height: 3.75rem;
  border: 1px dashed #eeeeee;
  background: #fdfdfd url(../images/bg-add-photo.png) no-repeat center .5rem;
  background-size: 1.575rem 1.45rem;
}

.gz_add_img input[type='file'] {
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
}

.gz_img_container {
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.gz_photo_box {
  display: inline-block;
  width: 3.75rem;
  height: 3.75rem;
  margin-left: .25rem;
  vertical-align: bottom;
  position: absolute;
  left: 0;
  top: 0;
}

.gz_photo_box img {
  width: 100%;
  height: 100%;
}

.gz_photo_box i {
  position: absolute;
  top: 0;
  right: 0.15rem;
  z-index: 1;
}

.gz_choose_news {
  position: relative;
}

.gz_choose_news p {
  padding: 0.5rem 0.625rem;
  background: #f7f7f7;
  color: #2e2e2e;
  font-size: .65rem;
  height: 3.2rem;
  overflow-y: scroll;
}

.gz_choose_news>i.icon-guanbi {
  position: absolute;
  right: 0.25rem;
  top: 0;
}

.identity_img {
  position: relative;
}

.identity_img input[type='file'] {
  display: inline-block;
  opacity: 0;
  width: 5.45rem;
  height: 5.45rem;
  z-index: 999;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.gz_stock_popup {
  width: 100%;
  position: absolute;
  background: #fff;
  bottom: 0;
  left: 0;
  height: 80%;
  overflow-y: scroll;
  z-index: 100001;
}

.gz_stock_popup .btn_close_popup {
  position: absolute;
  left: 0.625rem;
}

.gz_stock_popup .popup_top {
  height: 2rem;
  background: #fafafa;
  line-height: 2rem;
  position: relative;
}

.gz_stock_popup .icon-closed {
  position: absolute;
  left: 0.625rem;
  top: 0.5rem;
}

.gz_stock_popup .btn_complete {
  position: absolute;
  right: 0.625rem;
  top: 0rem;
  color: #2e8ce3;
}

.gz_stock_popup .popup_input {
  width: 100%;
  padding: 0.7rem 0.625rem;
  position: relative;
}

.gz_stock_popup .popup_input input {
  width: 100%;
  background: #f9f9f9;
  border: none;
  height: 2.25rem;
  border-radius: .25rem;
  padding: 0 0.625rem 0 2rem;
  border-width: 1px;
  border-color: rgb(204, 204, 204);
  border-style: solid;
  border-radius: .25rem;
  background-color: rgb(249, 249, 249);
}

.gz_stock_popup .popup_input img {
  width: .725rem;
  height: .725rem;
  position: absolute;
  left: 1.625rem;
  top: 1.5rem;
}

.stock_code_btn {
  padding: 0.25rem 1.2rem 0.25rem 0.25rem;
  background: #eaeaea;
  border-radius: .15rem;
  position: relative;
}

.stock_code_btn i {
  position: absolute;
  right: 0.2rem;
}

.xg_abnormal_btns button {
  background: #eaeaea;
  padding: 0.3rem 0.45rem;
  border-radius: .25rem;
  border: none;
  color: #777;
  font-size: .65rem;
  margin-right: .35rem;
  margin-top: .625rem;
}

.xg_abnormal_btns button.active {
  color: #628ffb;
  background: #eef3ff;
}

.xg_abnormal_table {
  border: 1px solid #ecedee;
}

.xg_abnormal_table th {
  padding: 0.5rem 0;
  border-right: 1px solid #ecedee;
  border-bottom: 1px solid #ecedee;
}

.xg_abnormal_table td {
  padding: 0.5rem 0;
  border-right: 1px solid #ecedee;
  border-bottom: 1px solid #ecedee;
}

.xg_abnormal_text {
  padding: 0.725rem 0.625rem;
}

.xg_abnormal_text.active {
  border-bottom: 1px solid #96b4fc;
  border-top: 1px solid #96b4fc;
}

.gz_table_data {
  padding: 0.625rem;
  background: #fafafa;
  border-left: 1px solid #bfd1fc;
}




































































































/*热点跟踪*/

.capital_outflow_btn {
  color: #fff;
  background: rgba(98, 143, 251, 1);
  border: 1px solid #628ffb;
  font-size: .6rem;
  padding: 0.3rem 0.4rem;
  border-radius: .6rem;
}

.gz_source_box {
  padding: 0.725rem 0.625rem;
}

.gz_source_module {
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 1px 8px 0px rgba(13, 103, 124, 0.26);
}


.gz_source_module .module_top {
  padding: 0 0.625rem;
  height: 1.8rem;
  line-height: 1.8rem;
  background: url(../images/bg_source_module.png) no-repeat center center/cover;
  color: #fff;
}

.gz_source_module .module_bottom {
  height: 2.75rem;
  line-height: 2.75rem;
}

.personal_center_enter {
  margin-left: 0.7rem;
}

.personal_center_enter img {
  width: 1.1rem;
  height: 1.1rem;
}

.ask_top_input input {
  width: 100%;
  height: 2rem;
  border: none;
  border-bottom: 1px solid #fafafa;
}

.ask_top_input input::-webkit-input-placeholder {
  color: #999999;
  font-size: .85rem;
}

























































































/*模拟交易*/

.mn_cc_page .cg_head {
  padding: 0.625rem;
}

.cc_stock_container .cc_stock_list li {
  padding: 0 0.625rem;
}

.cc_stock_container .cc_stock_list .list_top {
  padding: 0.625rem 0;
  border-bottom: 1px solid #fafafa;
}

.cc_btns_group div:nth-child(1) button {
  background: #cc3131;
  border: none;
  color: #fff;
  width: 80%;
  height: 1.75rem;
}

.cc_btns_group div:nth-child(2) button {
  background: #628ffb;
  border: none;
  color: #fff;
  width: 80%;
  height: 1.75rem;
}




































































































/*模拟交易买入*/

.mr_input_buy_01 {
  position: relative;
}

.mr_input_buy_01 input {
  width: 100%;
  height: 1.8rem;
  border: 1px solid #eebaba;
  text-align: left;
  font-size: .7rem;
  padding: 0 3.8rem 0 0.625rem;
}

.mr_input_buy_01>span.search_code_span {
  position: absolute;
  right: 0.625rem;
  display: inline-block;
  height: 1.8rem;
  line-height: 1.8rem;
  right: 0;
  color: #666666;
  font-size: .75rem;
  padding-right: 0.625rem;
}

.mc_input_cell_01 {
  position: relative;
}

.mc_input_cell_01 input {
  width: 100%;
  height: 1.8rem;
  border: 1px solid #628ffb;
  text-align: left;
  font-size: .7rem;
  padding: 0 3.8rem 0 0.625rem;
}

.mc_input_cell_01>span.search_code_span {
  position: absolute;
  right: 0.625rem;
  display: inline-block;
  height: 1.8rem;
  line-height: 1.8rem;
  right: 0;
  color: #666666;
  font-size: .75rem;
  padding-right: 0.625rem;
}

.mr_input_buy_02 {
  width: 100%;
  height: 1.8rem;
  border: 1px solid #eebaba;
  position: relative;
}

.mr_input_buy_02 input {
  width: 40%;
  height: 100%;
  border: none;
  vertical-align: bottom;
  font-size: .7rem;
}

.mr_input_buy_01 input::-webkit-input-placeholder {
  color: #999999;
}

.mr_input_buy_02 input::-webkit-input-placeholder {
  color: #999999;
}

.mr_input_buy_02 button {
  width: 15%;
  background: #ffe7e7;
  height: 100%;
  font-size: 1rem;
  font-weight: bold;
  color: #cc3131;
}

.mr_input_buy_02 button.btn_reduce {
  border: none;
  border-right: 1px solid #eebaba;
  position: absolute;
  left: 0;
  top: 0;
}

.mr_input_buy_02 button.btn_add {
  border: none;
  border-left: 1px solid #eebaba;
  position: absolute;
  right: 0;
  top: 0;
}

.mr_input_buy_02 .left_input_num {
  padding-left: 0.625rem;
}

.mc_input_cell_02 {
  width: 100%;
  height: 1.8rem;
  border: 1px solid #628ffb;
  position: relative;
}

.mc_input_position {
  position: relative;
  text-align: center;
}

.mc_input_position.mc_input_cell_02 input {
  width: 70% !important;
}

.mr_input_buy_02.mc_input_position input {
  width: 70% !important;
}

.mc_input_cell_02 input {
  width: 40%;
  height: 100%;
  border: none;
  vertical-align: bottom;
  font-size: .7rem;
}

.mc_input_cell_01 input::-webkit-input-placeholder {
  color: #999999;
}

.mc_input_cell_02 input::-webkit-input-placeholder {
  color: #999999;
}

.mc_input_cell_02 button {
  width: 15%;
  background: #fafbff;
  height: 100%;
  font-size: 1rem;
  font-weight: bold;
  color: #628ffb;
}

.mc_input_cell_02 button.btn_reduce {
  border: none;
  border-right: 1px solid #628ffb;
  position: absolute;
  left: 0;
  top: 0;
}

.mc_input_cell_02 button.btn_add {
  border: none;
  border-left: 1px solid #628ffb;
  position: absolute;
  right: 0;
  top: 0;
}

.mc_input_cell_02 .left_input_num {
  padding-left: 0.625rem;
}

.can_buy_num {
  color: #999999;
  display: inline-block;
  height: 100%;
  line-height: 1.8rem;
  right: 0.625rem;
  font-size: .7rem;
  position: absolute;
}

.filter_proportion_btns span {
  display: inline-block;
  width: 22%;
  text-align: center;
  height: 1.2rem;
  line-height: 1.2rem;
  border: 1px solid #628ffb;
  color: #628ffb;
  border-radius: .075rem;
  font-size: .6rem;
}

.filter_proportion_btns span:not(:first-child) {
  margin-left: 2%;
}

.btn_red_buy button {
  width: 100%;
  height: 1.55rem;
  line-height: 1.5rem;
}

.tips_up_down {
  border: 1px solid #f9f9f9;
  border-right: .075rem;
  background: #fcfcfc;
  padding: 0.15rem;
}

.buy_stock_box {
  align-items: flex-start;
}

.buy_stock_box .buy_left_box {
  width: 62%;
}

.buy_stock_box .buy_right_box {
  width: 38%;
}

.buy_stock_box .buy_right_box .data_box {
  text-align: center !important;
  border: 1px solid #fafafa;
  width: 100%;
  padding: 0 0.3rem;
}

.buy_stock_box .buy_right_box .data_box>div {
  width: 100%;
  padding: 0.3rem 0;
}

.buy_stock_box {
  padding: 0.625rem;
}

.cd_title_line {
  padding: 0.7rem 0.625rem;
  border-bottom: 1px solid #fafafa;
}

.cd_stock_module {
  padding-left: 1.8rem;
  position: relative;
}

.cd_stock_module .blue_buy {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: #628ffb;
  color: #fff;
  font-size: .8rem;
  border-radius: 50%;
  text-align: center;
  line-height: 1.6rem;
  position: absolute;
  left: 0rem;
  top: 0.1rem;
}

.cd_stock_module .blue_sell {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: #cc3131;
  color: #fff;
  font-size: .8rem;
  border-radius: 50%;
  text-align: center;
  line-height: 1.6rem;
  position: absolute;
  left: 0rem;
  top: 0.1rem;
}

.cd_btn button {
  border: 1px solid #cc3131;
  color: #cc3131;
  border-radius: .075rem;
  padding: 0.2rem 0.4rem;
  background: #fff;
  font-size: .75rem;
}

.cd_main_content {
  padding: 0.7rem 0.625rem;
}

.cx_order_list li {

  border-bottom: 1px solid #fafafa;
}

.cx_order_list li a {
  padding: 0.6rem 0.625rem;
}

.cx_order_list li .right_mask img {
  width: .8rem;
  height: .8rem;
}

.black-555 {
  color: #555;
}

.deal_btn button {
  border: 1px solid #999999;
  color: #999999;
  border-radius: .075rem;
  padding: 0.2rem 0.4rem;
  background: #fff;
  font-size: .75rem;
}

.date_filter_line input {
  width: 42%;
  border: 1px solid #ececec;
  border-radius: .075rem;
  height: 1.4rem;
  text-align: center;
  color: #555555;
  font-size: .65rem;
}

.date_filter_line span {
  display: inline-block;
  width: 16%;
  text-align: center;
}

.date_filter_line span img {
  width: .75rem;
  height: .75rem；
}

.date_filter_container {
  padding: 0.5rem 1.7rem;
  z-index: 20;
  background: #fff;
  position: relative;
}

.entrust_popup .popup_title {
  line-height: 2.5rem;
}

.entrust_popup .popup_main {
  padding: 0 1.5rem;
}

.entrust_popup .popup_bottom {
  border-top: 1px solid #fafafa;
}

.entrust_popup .popup_bottom button {
  width: 50%;
  height: 2.5rem;
  background: none;
  border: none;
}

.entrust_popup .popup_bottom button:nth-child(1) {
  border-right: 1px solid #fafafa;
}

.entrust_tips_popup .popup_title {
  line-height: 2.5rem;
}

.entrust_tips_popup .popup_main {
  line-height: 2.5rem;
  text-align: center;
}

.entrust_tips_popup .popup_bottom {
  border-top: 1px solid #fafafa;
}

.entrust_tips_popup .popup_bottom button {
  height: 2.5rem;
  background: none;
  border: none;
  width: 100%;
}

.picture_selection_popup {
  position: absolute;
  bottom: 0;
  left: 4%;
  width: 92%;
  text-align: center;
  z-index: 10001;
  padding-bottom: 1rem;
}

.picture_selection_popup .popup_top {
  background: #f2f2f2;
  color: #007aff;
  border-radius: .5rem;
}

.picture_selection_popup .popup_top>div {
  line-height: 2.75rem;
}

.picture_selection_popup .popup_top>div:not(:first-child) {
  border-top: 1px solid #fafafa;
}

.picture_selection_popup .popup_bottom {
  height: 2.75rem;
  border-radius: .5rem;
  line-height: 2.75rem;
  background: #f2f2f2;
}

.chart_middle_popup {
  background: #fff;
  width: 98%;
  border-radius: .25rem;
  position: absolute;
  left: 1%;
  right: 0;
  top: 20%;
  z-index: 1;
}

.choose_pictures_upload {
  position: relative;
}

.choose_pictures_upload input[type="file"] {
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.keyboard_top_btns {
  height: 2rem;
  line-height: 2rem;
  position: relative;
}

.keyboard_top_btns>span:nth-child(1) {
  vertical-align: middle;
  margin-left: 0.625rem;
  padding: 0 0.5rem;
  width: 2rem;
  display: inline-block;
}

.keyboard_top_btns>span:nth-child(2) {
  margin-left: 0.625rem;
  padding: 0 0.5rem;
  width: 2rem;
  display: inline-block;
  top: 0;
}

.keyboard_top_btns .btn_img_upload img {
  width: 1.05rem;
  height: .9rem;
  vertical-align: middle;
}

.keyboard_top_btns .btn_line_feed img {
  width: 1rem;
  height: .85rem;
  vertical-align: middle;
}




































































































/*模拟交易 添加输入联想盒子*/

.mr_input_buy_01 {
  position: relative;
}

.search_association_box {
  position: absolute;
  width: 100%;
  background: #fff;
  z-index: 10000;
  left: 0;
  top: 1.8rem
}

.search_association_box ul {
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  padding: 0 0.625rem;
}

.search_association_box ul li {
  padding: 0.6rem 0;
  border-bottom: 1px solid #fafafa;
  color: #2e2e2e;
  font-size: .7rem;
}

.btn.btn-blue.btn-fill {
  background: #628ffb;
  border-color: #628ffb;
  color: #fff;
}
























































































/*自选-持仓*/

.switch_header {
  background: #e34848;
  height: 2.25rem;
}

.switch_header .tab_switch_button {
  display: inline-block;
  background: #9e3232;
  border-radius: .2rem;
  margin-top: 0.3rem;
  border: 1px solid #9e3232;
}

.switch_header .tab_switch_button button {
  background: #9e3232;
  border-radius: .2rem;
  height: 1.6rem;
  padding: 0 1rem;
  border: none;
  color: #fff;
  font-size: .75rem;
}

.switch_header .tab_switch_button button.active {
  background: #e5494a;
}

.add_self_stock {
  padding-top: 7.5rem;
}

.cc_stock_filter {
  padding: 0.7rem 0.625rem;
  border-bottom: 1px solid #fafafa;
}

.switch_page>div:nth-child(1) {
  display: none;
}

.switch_page>div:nth-child(2) {
  display: block;
}

.cc_stock_filter {
  align-items: flex-start;
}

.cc_stock_filter>div:nth-child(1) {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.cc_stock_filter .filter_btns button {
  border-radius: .075rem;
  background: #efefef;
  color: #555555;
  font-size: .7rem;
  border: none;
  padding: 0.25rem 0.35rem;
  border-radius: .15rem;
  margin-right: .375rem;
  margin-top: .375rem;
}

.cc_stock_filter .filter_btns button.active {
  color: #d33a3b;
  background-color: rgb(251, 238, 238);
}













































































/*

.cc_stock_filter .filter_btns button:not(:first-child) {
	margin-left: 0.5rem;
}
*/

.filter_self_btn {
  margin-top: .5rem;
}

.filter_self_btn input {
  vertical-align: -10%;
}




































































































/*帮友圈*/

.firends_filiter_container>div>div>img {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
}

.interested_search_box>strong {
  width: 40%;
  display: inline-block;
}

.interested_search_box>a {
  width: 58%;
  display: inline-block;
  border-width: 1px;
  border-color: rgb(188, 188, 188);
  border-style: solid;
  border-radius: .25rem;
  background-color: rgb(255, 255, 255);
  height: 1.85rem;
  padding: 0 0.625rem;
  margin-left: 2%;
  line-height: 1.85rem;
}

.concernable_user_list {
  padding: 0.7rem 0;
}

.concernable_user_list li {
  position: relative;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.2);
  border-radius: .15rem;
  padding: 1.3rem 0.625rem 1.3rem 4.25rem;
}

.concernable_user_list li img.c_user_head {
  width: 3rem;
  height: 3rem;
  position: absolute;
  left: 0.625rem;
  top: 0.6rem;
  border-radius: 50%;
}

.concernable_user_list li button {
  background: #628ffb;
  color: #fff;
  border-radius: .15rem;
  background-color: rgb(98, 143, 251);
  border: none;
  font-size: .65rem;
  width: 4rem;
  height: 1.25rem;
}

.concernable_user_list li:not(:first-child) {
  margin-top: .5rem;
}

.concernable_user_list li button.btn_active {
  background: #9b9b9b;
}

.concernable_filter_btns .btn_change button {
  background-color: rgb(234, 234, 234);
  width: 6rem;
  height: 2.2rem;
  border: none;
  font-size: .85rem;
  color: #999;
  border-radius: 1.1rem;
}

.concernable_filter_btns {
  display: flex;
}

.concernable_filter_btns>div {
  flex: 1;
  text-align: center;
}

.concernable_filter_btns .btn_all button {
  background-color: rgb(98, 143, 251);
  width: 6rem;
  height: 2.2rem;
  border: none;
  font-size: .85rem;
  color: #fff;
  border-radius: 1.1rem;
}

/* 相关认证人员 */
.mine_page_identify_person_list {
  padding: 0 .75rem;
}

.mine_page_identify_person_list_item {
  padding: .5rem 0;
  border-bottom: 0.05rem solid #efefef;
  display: flex;
  align-items: center;
}

.mine_page_identify_person_list_item_avatar img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}

.mine_page_identify_person_list_item_userinfo {
  margin-left: .45rem;
  height: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.mine_page_identify_person_list_item_username {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: .8rem;
}

.mine_page_identify_person_list_item_identify {
  display: flex;
  align-items: center;
}

.mine_page_identify_person_list_item_identify img {
  width: .6rem;
  height: .6rem;
  margin-right: .25rem;
}

.mine_page_identify_person_list_item_identify_text {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: .55rem;
}


.mine_page_identify_person_list_item_tips {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #353535;
  line-height: .55rem;
}


.tj_publication_list {
  padding: 0 0.625rem;
  list-style: none;
}

.tj_publication_list li {
  padding: 1rem 0;
  position: relative;
}

.tj_publication_list li:not(:last-child) {
  border-bottom: .05rem solid #f3f3f3;
}

.tj_publication_list li .publication_user_container .publication_user_head {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  position: relative;
}

.tj_publication_list li .publication_user_container .publication_user_label {
  position: absolute;
  bottom: -24%;
  width: .875rem;
  height: .875rem;
  left: 20%;
  border-radius: 50%;
}

.tj_publication_list li .publication_img_box img {
  width: 32%;
  height: 3.5rem;
}

.tj_publication_list li .publication_img_box img {
  margin: 0 0.6%;
  border-radius: .2rem;
}

.icon_forward img {
  width: .65rem;
  height: .675rem;
  margin-right: 0.2rem;
  vertical-align: text-top;
}

.icon_comment img {
  width: .75rem;
  height: .7rem;
  margin-right: 0.125rem;
  vertical-align: inherit;
}

.icon_click img {
  width: .75rem;
  height: .775rem;
  margin-right: .125rem;
  vertical-align: inherit;
}

.publication_label span {
  color: #9ea6b8;
  border: 1px solid #9ea6b8;
  padding: 0rem 0.25rem;
  font-size: .55rem;
  border-radius: .075rem;
}

.publication_label span:not(:first-child) {
  margin-left: .2rem;
}

.more_publication_msg img {
  width: 1.5rem;
  height: .9rem;
  vertical-align: inherit;
}

.btn_retract_up {
  text-decoration: underline;
  color: #9ea6b8;
  font-size: .7rem;
  margin-left: .125rem;
}

.byq_publish_textarea {
  border: none !important;
  height: 9rem !important;
}

.byq_publish_textarea>div {
  height: 100% !important;
}

.byq_publish_change {
  text-align: right;
  position: relative;
}

.byq_publish_change button {
  background: #628ffb;
  border: none;
  color: #fff;
  padding: 0.5rem 0.625rem;
  font-size: .75rem;
  border-radius: .25rem;
}

.byq_img_container {
  position: relative;
  display: inline-block;
  width: 24%;
  height: 3.9rem;
  line-height: 3.9rem;
}

.byq_img_container i {
  position: absolute;
  right: 0.25rem;
  top: 0rem;
}

.byq_img_container>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  flex: 1;
}

.byq_img_add {
  width: 24% !important;
  height: 3.9rem;
  padding-top: 2.4rem;
  background: rgba(239, 239, 239, 1) url(../images/bg-add-photo.png) no-repeat center;
  background-size: 1.5rem 1.35rem;
  vertical-align: top;
  border: .05rem dashed rgba(204, 204, 204, 1);
}

.pyq_upload_img>span {
  margin-top: .25rem;
  text-align: center;
}

.byq_warn_line {
  padding: .6rem 0.625rem;
  border-bottom: 1px solid #fafafa;
  border-top: 1px solid #fafafa;
}

.byq_warn_line .btn_warn img {
  width: .8rem;
  height: .8rem;
}

.btn_group_publish button {
  border: none;
}

.btn_group_publish .btn_replay {
  width: 60%;
}

.btn_group_publish .btn_replay.btn_red {
  background: #cd3031;
  color: #fff;
  padding: 0.5rem 0;
  border-radius: .25rem;
}

.btn_group_publish .btn_release {
  color: #fff;
  background: #999999;
  width: 36%;
  padding: 0.5rem 0;
  border-radius: .25rem;
  margin-left: 4%;
}

.btn_group_publish .btn_release.btn_red {
  background: #cd3031;
}

.byq_publish_container {
  padding: 0 !important;
}

.byq_expression_container {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 1000;
  left: 0;
  top: 2.5rem;
  background: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(227, 227, 227);
  border-radius: .25rem;
  background-color: rgb(255, 255, 255);
}

.byq_expression_container:before {
  display: inline-block;
  position: absolute;
  top: -0.75rem;
  z-index: 10001;
  right: 1.4rem;
  content: '';
  width: 0;
  height: 0;
  border-left: .5rem solid transparent;
  border-right: .5rem solid transparent;
  border-bottom: .75rem solid #fff;
}

.byq_expression_container:after {
  display: inline-block;
  position: absolute;
  top: -0.78rem;
  z-index: 10000;
  right: 1.3rem;
  content: '';
  width: 0;
  height: 0;
  border-left: .6rem solid transparent;
  border-right: .6rem solid transparent;
  border-bottom: .78rem solid rgb(227, 227, 227);
}

.byq_s_box>div {
  height: auto !important;
  margin: 0.1rem 1.66%
}

.byq_s_box>div>img {
  height: auto !important;
}

.byq_expression_container .swiper-wrapper {
  padding-bottom: 1.6rem !important;
}

.byq_expression_container .swiper-pagination-bullets {
  bottom: 0.5rem !important;
}

.byq_object_box {
  display: none;
  width: 98%;
  left: 1%;
  overflow-y: auto;
  position: absolute;
  bottom: 3rem;
  z-index: 100003;
  border-radius: .25rem;
  height: 16rem;
  background: #fff;
}


.byq_warn_container {
  position: relative;
}

.byq_object_select {
  padding-top: 0.5rem;
}

.byq_bottom_group {
  background: #fff;
}

































































































/*个人首页*/

.personal_homepage_container .homepage_top .top_des .des_head {
  background: url(../images/des_head.png) no-repeat center center;
  background-size: 100% 5.3rem;
  text-align: center;
  height: 5.3rem;
  width: 100%;
  position: relative;
}

.personal_homepage_container .homepage_top .top_des .des_head img {
  width: 4.125rem;
  height: 4.125rem;
  border-radius: 50%;
}

.personal_homepage_container .homepage_top .top_des .des_head .des_head_file {
  position: relative;
  width: 100%;
  height: 100%;
}

.personal_homepage_container .homepage_top .top_des .des_head .des_head_file input[type="file"] {
  position: absolute;
  width: 4.125rem;
  height: 4.125rem;
  opacity: 0;
  z-index: 10001;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.personal_homepage_container .homepage_top .top_des .des_head .des_background_file {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
}

.personal_homepage_container .homepage_top .top_des .des_head .des_background_file>input[type="file"] {
  width: 100%;
  height: 100%;
  opacity: 0;
}

.personal_homepage_container .homepage_top .top_fans>div:nth-child(2) {
  padding: 0.15rem 0;
  border-left: 1px solid #9ea6b8;
  border-right: 1px solid #9ea6b8;
}

.personal_homepage_container .homepage_top .top_des .des_head .more_oper a {
  display: inline-block;
}

.personal_homepage_container .homepage_top .top_des .des_head .more_oper .oper_follow {
  margin-right: .5rem;
}

.personal_homepage_container .homepage_top .top_des .des_head .more_oper .oper_follow img {
  width: 1.025rem;
  height: 1.075rem;
  vertical-align: middle;
}

.personal_homepage_container .homepage_top .top_des .des_head .more_oper {
  position: relative;
}

.personal_homepage_container .homepage_top .top_des .des_head .more_oper .oper_other img {
  width: 1.025rem;
  height: .25rem;
  vertical-align: middle;
}

.personal_homepage_container .homepage_top .top_des .des_head .des_head_file img {
  width: 4.125rem;
  height: 4.125rem;
}

.personal_homepage_container .homepage_top .top_des .des_head .des_background_file img {
  width: 100%;
  height: 100%;
}

.personal_homepage_container .homepage_top .top_des .des_name {
  position: relative;
}

.personal_homepage_container .homepage_top .top_des .des_name .name_gender {
  position: relative;
}

.personal_homepage_container .homepage_top .top_des .des_name .name_gender img {
  width: .675rem;
  height: .675rem;
  vertical-align: middle;
  margin-left: .125rem;
}

.personal_homepage_container .homepage_top .top_des .des_name .name_gender .btn_more_oper {
  position: absolute;
  padding: 0 0.625rem;
  right: 0;
}

.personal_homepage_container .homepage_top .top_des .des_name .name_gender .btn_more_oper img {
  width: .25rem;
  height: .925rem;
}

.personal_homepage_container .homepage_top .top_des .des_text {
  padding: 0 2.95rem;
  color: #6e6e6e;
  line-height: 0.85rem;
}

.personal_homepage_container .homepage_top .top_des .des_follow button {
  border: none;
  padding: 0.25rem 0.5rem;
  background: #628ffb;
  border-radius: .15rem;
  color: #fff;
  font-size: .65rem;
}

.personal_homepage_container .homepage_top .top_des .des_follow button.active {
  background: #9ea6b8;
}

.fake_swiper_container {
  height: 8.5rem;
  padding: 0 0.625rem;
}

.fake_swiper_container>div>div {
  margin-left: .5rem;
}

.fake_slide_item {
  position: relative;
  padding: 0.5rem .35rem;
  width: 86% !important;
  height: 7rem;
  border-style: solid;
  border-width: .05rem;
  border-color: rgb(255, 198, 0);
  border-radius: .375rem;
  background-image: -moz-linear-gradient(66deg, rgb(255, 255, 255) 34%, rgb(255, 255, 255) 36%, rgb(255, 255, 255) 75%, rgb(255, 246, 239) 86%, rgb(255, 236, 223) 100%);
  background-image: -webkit-linear-gradient(66deg, rgb(255, 255, 255) 34%, rgb(255, 255, 255) 36%, rgb(255, 255, 255) 75%, rgb(255, 246, 239) 86%, rgb(255, 236, 223) 100%);
  background-image: -ms-linear-gradient(66deg, rgb(255, 255, 255) 34%, rgb(255, 255, 255) 36%, rgb(255, 255, 255) 75%, rgb(255, 246, 239) 86%, rgb(255, 236, 223) 100%);
  box-shadow: 0px .05rem .2rem 0.45px rgba(0, 0, 0, 0.25);
}

.gray-9ea {
  color: #9ea6b8;
}

.latest_release_list {
  padding: 0 0.625rem;
}

.latest_release_list li {
  padding: 0.7rem 0.625rem;
  border-radius: .375rem;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px .05rem .2rem 0.45px rgba(0, 0, 0, 0.25);
}

.latest_release_list li {
  margin-bottom: .5rem;
}

.oper_other_list {
  padding: 0.4rem 0;
  position: absolute;
  width: 5.8rem;
  z-index: 9001;
  border-radius: .125rem;
  right: 1.6rem;
  top: -2rem;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px .05rem .2rem 0.45px rgba(0, 0, 0, 0.25);
}

.fake_stock_mask {
  text-align: center;
  color: #fff;
  position: absolute;
  right: -0.5rem;
  width: 3.55rem;
  height: 2.225rem;
  background: url(../images/fake_mask.png) no-repeat center/cover;
  top: -0.25rem;
  z-index: 10001;
}

#fake_swiper_container .swiper-pagination {
  bottom: 4px;
}

#fake_swiper_container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ffc103;
}

.oper_other_list:before {
  top: 2.6rem;
  display: inline-block;
  position: absolute;
  right: -0.5rem;
  z-index: 999;
  content: '';
  width: 1.325rem;
  height: 1.075rem;
  background: url(../images/up_right.png) no-repeat center center;
  background-size: 1.325rem 1.075rem;
}

.oper_other_list ul li {
  text-align: left;
}

.oper_other_list ul li>a {
  padding-left: 2rem;
  display: block !important;
}

.oper_other_list ul li>a>span {
  display: block;
  padding: 0.7rem 0rem 0.7rem 0;
}

.oper_other_list ul li:not(:last-child)>a>span {
  border-bottom: 1px solid #fafafa;
}

.oper_other_list .other_sixin {
  background: url(../images/font_sixin.png) no-repeat 0.625rem center/.925rem .875rem;
}

.oper_other_list .other_beizhu {
  background: url(../images/font_beizhu.png) no-repeat 0.625rem center/.9rem .875rem;
}

.oper_other_list .other_cancel {
  background: url(../images/icon_cancel_atten.png) no-repeat 0.625rem center/1.2rem 1.2rem;
}

.oper_other_list .other_jubao {
  background: url(../images/font_jubao.png) no-repeat 0.625rem 0.5rem/.775rem .95rem;
}

.oper_other_list .other_hei {
  background: url(../images/font_hei.png) no-repeat 0.625rem center/.9rem .875rem;
}

.oper_other_list .other_fenxiang {
  background: url(../images/font_fenxiang.png) no-repeat 0.625rem center/.85rem .925rem;
}

.list_container .list_link>a {
  height: 2.25rem;
}

.list_link a>div:last-child:after {
  content: "";
  display: inline-block;
  width: .425rem;
  height: .8rem;
  vertical-align: text-top;
  margin-left: .35rem;
  background: url(../images/icon-right-arrow.png) no-repeat center center/.35rem .55rem;
}

.list_container .list_link {
  border-bottom: 1px solid #f3f3f3;
}


.autograph_textarea>div {
  width: 100%;
  border: 1px solid #eaeaea;
  background: #f9f9f9;
  padding: 0.7rem 0.625rem;
  height: 4.2rem;
  border-radius: .125rem;
  overflow: auto;
  color: #6e6e6e;
  font-size: .7rem;
  line-height: 1rem;
}

.profile_textarea>div {
  width: 100%;
  border: 1px solid #eaeaea;
  background: #f9f9f9;
  padding: 0.7rem 0.625rem;
  border-radius: .125rem;
  height: 6.5rem;
  overflow: auto;
  color: #6e6e6e;
  font-size: .7rem;
  line-height: 1rem;
}

.textarea_active {
  border: .05rem solid #6c6c6c !important;
}

.personal_textarea_box {
  padding-bottom: .75rem;
  border-bottom: 1px solid #f3f3f3;
}

.portrait_word {
  padding: 0 2rem;
}

.portrait_word>span {
  position: relative;
  color: #9ea6b8;
  display: inline-block;
  font-size: .7rem;
  border: 1px solid #9ea6b8;
  padding: 0.1rem 0.5rem 0.1rem 0.1rem;
  border-radius: .075rem;
  margin-right: .75rem;
  margin-bottom: 0.5rem;
}

.portrait_word>span i.span_del {
  position: absolute;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/icon_gray_close.png) no-repeat center/.65rem;
  right: -0.5rem;
  top: -0.5rem;
  z-index: 1;
}

.edit_popup {
  background: #fff;
  width: 80%;
  border-radius: .25rem;
  position: absolute;
  left: 10%;
  right: 0;
  top: 20%;
  z-index: 10001;
}

.edit_popup .popup_input_name {
  padding: 0 1.4rem;
}

.edit_popup .popup_input_name input {
  border-width: 1px;
  width: 100%;
  height: 2rem;
  padding: 0 0.625rem;
  border-color: rgb(188, 188, 188);
  border-style: solid;
  border-radius: 5px;
  background-color: rgb(249, 249, 249);
}

.edit_popup .popup_btn_group button {
  flex: 1;
  height: 2.45rem;
  background: none;
  border: none;
}

.edit_popup .popup_btn_group {
  border-top: 1px solid #fafafa;
  display: flex;
}

.edit_popup .popup_btn_group button:nth-child(1) {
  border-right: 1px solid #fafafa;
}

.edit_popup .popup_input_gender {
  padding: 0 2rem;
}

.edit_popup .popup_input_gender>div {
  position: relative;
}

.popup_input_gender .icon_radio {
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  border: 1px solid #9fa7b9;
  border-radius: 50%;
  vertical-align: middle;
}

.popup_input_gender input[type="radio"] {
  position: absolute;
  width: 1.125rem;
  height: 1.125rem;
  top: 0rem;
  left: 0;
  opacity: 0;
}

.popup_input_gender input:checked~label i.icon_radio {
  background: url(../images/bg_gender_radio.png) no-repeat center/cover;
  border: none;
}

.region_item .region_show {
  padding: 0.7rem 0.625rem;
  background: #efefef;
}

.img_caution {
  width: .9rem;
  height: .9rem;
  vertical-align: text-top;
  margin-right: .25rem;
}

.img_location {
  width: .7rem;
  height: .85rem;
  vertical-align: text-top;
  margin-right: .25rem;
}




































































































/*选择股龄弹窗*/

.popup_age_strands {
  height: 12.25rem;
  padding: 0 0 0 3rem;
  position: relative;
}

.popup_age_strands div.swiper-container {
  height: 100%;
}

.popup_age_strands div.swiper-container>.swiper-wrapper {
  height: 100%;
  width: 50%;
  text-align: center;
}

.popup_age_strands div.swiper-container>.swiper-wrapper>div {
  height: 2.45rem !important;
  color: #333333;
  font-size: .8rem;
  line-height: 2.45rem;
}

.popup_age_strands .swiper-slide-active {
  color: red !important;
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
}

.popup_age_strands .top_mask {
  top: 0rem;
  height: 2.45rem;
  width: 50%;
  z-index: 100;
  position: absolute;
  background-image: -moz-linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 18%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 18%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 18%, rgba(255, 255, 255, 0) 100%);
}

.popup_age_strands .bottom_mask {
  bottom: 0rem;
  height: 2.45rem;
  width: 50%;
  z-index: 100;
  position: absolute;
  background-image: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 18%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 18%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 18%, rgba(255, 255, 255, 0) 100%);
}

.popup_age_strands .middle_year {
  color: #cc3131;
  font-size: .8rem;
  top: 4.9rem;
  padding-right: 1.6rem;
  height: 2.45rem;
  right: 0;
  width: 50%;
  z-index: 100;
  position: absolute;
  line-height: 2.45rem;
  text-align: center;
}

.radius_tabs_header {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px -2px 9px -1px rgba(0, 0, 0, 0.15);
  border-radius: .5rem 0.5rem 0 0;
}

.radius_tabs_header>div {
  border-radius: .5rem;
}

.gray-bcb {
  color: #bcbcbc;
}

.report_comment_box {
  position: relative;
}

.report_comment_box .btn_report {
  width: 5.9rem;
  padding: 0 0.625rem;
  display: inline-block;
  text-align: center;
  line-height: 2.7rem;
  font-size: .75rem;
  color: #000;
  border-radius: .125rem;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px .05rem .2rem 0.45px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0.8rem;
  right: 0;
  z-index: 1000002;
}

.report_comment_box .btn_report>div:not(:first-child) {
  border-top: 1px solid #fafafa;
}

.report_comment_box .btn_report:before {
  display: inline-block;
  position: absolute;
  top: -0.25rem;
  z-index: 10000;
  right: 0.15rem;
  content: '';
  width: 0;
  height: 0;
  border-left: .2rem solid transparent;
  border-right: .2rem solid transparent;
  border-bottom: .25rem solid #fff;
}

.report_comment_box .btn_report:after {
  display: inline-block;
  position: absolute;
  top: -0.3rem;
  z-index: 10001;
  right: 0.1rem;
  content: '';
  width: 0;
  height: 0;
  border-left: .25rem solid transparent;
  border-right: .25rem solid transparent;
  border-bottom: .3rem solid #fafafa;
}

.report_comment_box .btn_report img {
  width: .775rem;
  height: .95rem;
  vertical-align: text-top;
  margin-right: 1rem;
}

.search_tabs_header>div {
  background: #f7f7f7 !important;
}

.stock_search_list li {
  padding: 0.725rem 0;
  border-bottom: 1px solid #fafafa;
}

.stock_search_list li .btn_add {
  background: #FEBA5D;
  color: #2e2e2e;
  border: none;
  border-radius: .25rem;
  padding: 0.2rem 0.4rem;
  font-size: .7rem;
}

.stock_search_list li .btn_add.active {
  background: none;
  color: #999;
}

.search_result_user img {
  width: 1.3rem;
  height: 1.3rem;
  vertical-align: middle;
  margin-right: .25rem;
  border-radius: 50%;
}

.no_match_msg img {
  width: 7.75rem;
  height: 5.575rem;
}

.search_list_top {
  padding: 0.7rem 0.625rem;
  background: #f7f7f7;
}

.change_inline {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.personal_data_top {
  padding: 0 0.625rem;
  position: relative;
  padding-bottom: .75rem;
}

.personal_data_top .data_mask {
  width: 8.175rem;
  height: 1.925rem;
  background: url(../images/bg_cgb_renzheng.png) no-repeat center/cover;
  color: #fff;
  line-height: 2rem;
  padding-left: 1rem;
  position: absolute;
  top: -0.725rem;
  left: 0.625rem;
}

.personal_data_top .data_des {
  padding: 0 0.625rem;
}

.personal_data_top .data_des>div {
  padding: 0 0.625rem;
  height: 6.35rem;
  width: 100%;
  background: url(../images/bg_personal_des.png) no-repeat center/cover;
}

.personal_data_top .data_des .hb_mask img {
  width: 3.75rem;
  height: 3.75rem;
  vertical-align: middle;
}

.hb_data_line {
  color: #ee1313;
  width: 50%;
}

.data_bar_container {
  border-width: 1px;
  border-color: rgb(204, 49, 49);
  border-style: solid;
  border-radius: .25rem;
  background-color: rgb(255, 255, 255);
  height: .75rem;
  width: 100%;
  padding: 0.1rem;
}

.data_bar_container div.data_bar {
  width: 40%;
  height: 100%;
  border-radius: .25rem;
  background: #f96767;
}

.hb_data_line .flex-box {
  align-items: baseline;
}

.personal_data_top .hb_bao {
  color: #9e3eff;
}

.personal_data_top .hb_bao img {
  width: 2.6rem;
  height: 2.4rem;
}

.personal_data_top .hb_xunzhang img {
  width: 2.6rem;
  height: 2.4rem;
}

.personal_data_top .hb_xunzhang {
  color: #4273ff;
}

.data_des_hb>div:nth-child(1) {
  width: 62%;
}

.data_des_hb>div:nth-child(2) {
  width: 38%;
}

.personal_data_top .data_label span {
  padding: 0.1rem 0.35rem;
  border-radius: 1rem;
  color: #fff;
  margin-right: .25rem;
}

.personal_data_top .data_label span.region {
  border: 1px solid #365baf;
  background: -webkit-linear-gradient(left, #539cff, #348aff);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left, #539cff, #348aff);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left, #539cff, #348aff);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(left, #539cff, #348aff);
  /* 标准的语法（必须放在最后） */
}

.personal_data_top .data_label span.strands {
  border: 1px solid #177051;
  background: -webkit-linear-gradient(left, #48ae8b, #0c845a);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left, #48ae8b, #0c845a);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left, #48ae8b, #0c845a);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(left, #48ae8b, #0c845a);
  /* 标准的语法（必须放在最后） */
}

.personal_data_top .data_label span.lines {
  border: 1px solid #ba1616;
  background: -webkit-linear-gradient(left, #ff5757, #dd3434);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left, #ff5757, #dd3434);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left, #ff5757, #dd3434);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(left, #ff5757, #dd3434);
  /* 标准的语法（必须放在最后） */
}

.personal_data_detail .data_detail_title img {
  width: .85rem;
  height: .75rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.fans_list {
  padding: 0.5rem 0.625rem;
}

.fans_list li {
  border-bottom: 1px solid #fafafa;
  padding: 0.5rem 0;
}

.fans_list li img.fans_user_head {
  width: 3rem;
  height: 3rem;
  vertical-align: middle;
  border-radius: 50%;
}

.fans_list .fans_identity_mask {
  border: 1px solid #9a9899;
  color: #9a9899;
  font-size: .6rem;
  border-radius: 0.1rem;
  border-radius: .075rem;
}

.fans_list .fans_identity_mask img {
  width: .6rem;
  height: .55rem;
  margin-left: .125rem;
  vertical-align: middle;
}

.add_fans_follow button {
  background: #628ffb;
  color: #fff;
  border-radius: .15rem;
  background-color: rgb(98, 143, 251);
  border: none;
  font-size: .65rem;
  width: 3.2rem;
  height: 1.25rem;
}

.add_fans_follow button.btn_active {
  background: #9b9b9b;
}

.btn_forecast_box .btn_forecast_close {
  display: inline-block;
  vertical-align: middle;
  margin-left: .25rem;
}

.btn_forecast_box .btn_forecast_close img {
  width: 0.8rem;
  height: 0.8rem;
}

.bangbao_popup .popup_head_01 {
  color: #fff;
  font-size: .9rem;
  background-image: -moz-linear-gradient(90deg, rgb(97, 0, 230) 0%, rgb(152, 6, 254) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(97, 0, 230) 0%, rgb(152, 6, 254) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(97, 0, 230) 0%, rgb(152, 6, 254) 100%);
  height: 3.575rem;
  line-height: 4.8rem;
  padding: 0 1.15rem;
}

.bangbao_popup .popup_head_02 {
  background-image: -moz-linear-gradient(0deg, rgb(104, 1, 233) 0%, rgb(116, 6, 253) 26%, rgb(186, 131, 254) 74%, rgb(255, 255, 255) 93%);
  background-image: -webkit-linear-gradient(0deg, rgb(104, 1, 233) 0%, rgb(116, 6, 253) 26%, rgb(186, 131, 254) 74%, rgb(255, 255, 255) 93%);
  background-image: -ms-linear-gradient(0deg, rgb(104, 1, 233) 0%, rgb(116, 6, 253) 26%, rgb(186, 131, 254) 74%, rgb(255, 255, 255) 93%);
  height: 2.275rem;
  line-height: 2.4rem;
  color: #fff;
  font-size: .9rem;
  padding: 0 1.15rem;
}

.bangbao_popup .popup_content {
  padding: 0 1.15rem;
}

.bangbao_popup .popup_content>div {
  margin-top: .25rem;
}

.bangbao_popup {
  background: #fff;
  width: 80%;
  border-radius: .25rem;
  position: absolute;
  left: 10%;
  right: 0;
  top: 20%;
  z-index: 10001;
}

.popup_bottom_btn button {
  background: none;
  width: 50%;
  height: 2rem;
  border: none;
}

.prestige_data_detail {
  display: inline-block;
}

.prestige_data_box {
  width: 100%;
}

.prestige_data_box img {
  width: 3.4rem;
  height: 3.4rem;
}

.prestige_data_box .prestige_data_img {
  width: 20%;
  display: inline-block;
  vertical-align: middle;
}

.prestige_data_box .prestige_data_detail {
  width: 78%;
  vertical-align: middle;
}

.prestige_data_detail>div.flex-box {
  align-items: baseline;
  color: #ee1313;
}

.prestige_data_detail .prestige_data_line {
  border-width: 1px;
  border-color: rgb(204, 49, 49);
  border-style: solid;
  border-radius: .25rem;
  background-color: rgb(255, 255, 255);
  height: 1rem;
  width: 100%;
  padding: 0.1rem;
}

.prestige_data_detail .prestige_data_line>div {
  width: 40%;
  height: 100%;
  border-radius: .25rem;
  background: #f96767;
}

.prestige_classify_box {
  padding: 0 1rem;
  display: flex;
  flex-wrap: wrap;
}

.prestige_classify_item {
  width: 33%;
  margin-top: .5rem;
}

.prestige_classify_item img {
  width: 3.4rem;
  height: 3.4rem;
}

.prestige_explain {
  background: #fff3f3;
  padding: 1rem 1.2rem 3rem 1.2rem;
}

.bang_medal_box .medal_title {
  width: 100%;
  height: 1rem;
  background: url(../images/bg_line.png) no-repeat center center;
  background-size: 100% .125rem;
  text-align: center;
}

.bang_medal_box .medal_title>div {
  display: inline-block;
  margin: 0 auto;
  background: #fff;
  padding: 0 0.5rem;
}

.medal_item_box {
  text-align: center;
}

.medal_item_box .medal_top {
  font-size: 0;
}

.medal_item_box .medal_top img {
  width: 4.6rem;
  height: 4.2rem;
}

.medal_item_box .medal_button button {
  border: 1px solid #999999;
  color: #999999;
  border-radius: .125rem;
  font-size: .6rem;
  padding: 0.1rem 0.2rem;
  background: none;
}

.bang_medal_box .medal_items {
  display: flex;
  flex-wrap: wrap;
  padding: 0 1rem;
}

.medal_item_box {
  width: 33%;
  margin-top: 1rem;
}

.medal_item_box .medal_button .received_btn {
  background: #628ffb;
  border: none;
  color: #fff;
}

.medal_item_box .medal_button .receivable_btn {
  background: #ff5151;
  border: none;
  color: #fff;
}

.keyboard_top_btns .btn_img_upload {
  position: relative;
}

.keyboard_top_btns .btn_img_upload input[type="file"] {
  position: absolute;
  outline: none;
  background-color: transparent;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.user_label_span {
  background: #628ffb;
  padding: 0.1rem 0.2rem;
  font-size: .55rem;
  color: #fff;
  border-radius: .075rem;
}

.user_head_msg img {
  vertical-align: middle;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
}

.user_head_msg .user_msg>div {
  line-height: 1;
}

.bang_xg_box .bang_xg_title {
  height: 1.8rem;
  background: #fefaf2;
  line-height: 1.8rem;
  padding: 0 0.625rem;
}

.bang_xg_box .bang_xg_title img {
  width: 2.275rem;
  height: .7rem;
  vertical-align: text-top;
  margin-right: .125rem;
}

.hot_module_container {
  background: #efefef;
}

.hot_module_box {
  padding: 0.5rem 0.3rem 0 0.3rem;
}

.hot_module_box .hot_module_head {
  width: 100%;
  height: 3.05rem;
  background: url(../images/hot_module_head.png) no-repeat center/cover;
  padding: 0 1rem;
}

.hot_module_box .hot_module_head .stock_name {
  color: #58544c;
  font-size: .95rem;
}

.hot_module_box .hot_module_head .stock_range {
  background: #cc3131;
  padding: 0.1rem 0.15rem;
  color: #fff;
  border-radius: .15rem;
}

.stock_oper_title {
  color: #777777;
  font-size: .55rem;
  display: flex;
  height: 1.75rem;
  line-height: 1.75rem;
  border-bottom: 1px solid #fafafa;
}

.stock_oper_title>div:nth-child(1) {
  width: 35%;
  text-align: center;
}

.stock_oper_title>div:nth-child(2) {
  width: 65%;
  text-align: center;
}

.hot_stock_list li {
  padding: 0.5rem 0.625rem;
  display: flex;
}

.hot_stock_list li .li_item_left {
  flex: 3.5;
}

.hot_stock_list li .li_item_right {
  flex: 6.5;
  display: flex;
}

.hot_stock_list li {
  border-bottom: 1px solid #fafafa;
}

.hot_module_content {
  padding: 0 0.5rem;
}

.hot_module_content>div {
  background: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(239, 239, 239);
  border-radius: 0 0 .25rem .25rem;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px .1rem .175rem 0px rgba(0, 0, 0, 0.06);
  margin-top: -0.15rem;
}

.open_more_msg {
  padding: 0.725rem;
  text-align: center;
}

.open_more_msg img {
  width: .8rem;
  height: .425rem;
  margin-left: .125rem;
}

.history_data_title {
  background: #eef3ff;
  font-weight: bold;
}

.bottom_switch_item {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

.bottom_switch_item>div:nth-child(1) {
  flex: 9;
  background: #eef3ff;
  padding: 0.5rem 0.625rem;
  font-size: .9rem;
  color: #2e2e2e;
  font-weight: bold;
}

.bottom_switch_item>div:nth-child(2) {
  flex: 1;
  background: #d6dae5;
  position: relative;
}

.bottom_switch_item>div:nth-child(2) img {
  width: .7rem;
  height: .725rem;
  vertical-align: middle;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.history_data_container {
  padding-bottom: 3rem;
}

.sx_banner {
  position: relative;
}

.sx_banner .sx_xly {
  position: absolute;
  left: 0;
  top: 0.5rem;
  display: inline-block;
  width: 1.6rem;
  height: 5.475rem;
  background: url(../images/bg_xly.png) no-repeat center center/cover;
  color: #fff;
  padding: 0.5rem 0.4rem;
  border-radius: 0 0.5rem 0.5rem 0;
  line-height: 0.9rem;
  font-size: .8rem;
}

.sx_banner>a {
  display: inline-block;
  width: 100%;
  height: 6.6rem;
}

.sx_banner .banner_top {
  display: flex;
  height: 4.525rem;
  background: url(../images/bg_sx_banner.png) no-repeat center;
  background-size: 100% 4.525rem;
  color: #462a6c;
  padding-top: 1.3rem;
}

.sx_banner .banner_bottom {
  display: flex;
}

.sx_banner .banner_bottom>div:nth-child(1) {
  flex: 1;
  text-align: right;
  padding-right: 1.5rem;
}

.sx_banner .banner_bottom>div:nth-child(2) {
  flex: 1;
  text-align: left;
  padding-left: 1rem;
}

.sx_banner .banner_top>div:nth-child(1) {
  flex: 4;
  text-align: right;
}

.sx_banner .banner_top>div:nth-child(2) {
  flex: 6;
  padding-left: 2.5rem;
}

.djt_detail_list li>div {
  padding: 0.725rem 0.625rem;
}

.djt_detail_list li:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: .4rem;
  background: #efefef;
}

.djt_detail_list li img {
  width: 100%;
  height: 7.15rem;
}

.djt_detail_list p {
  font-weight: bold;
}

.sx_tabs {
  display: flex;
  background: #efefef;
  padding: 0.5rem 0.5rem 0.2rem 0.5rem;
}

.sx_tabs>div {
  flex: 1;
  height: 2.1rem;
  text-align: center;
  line-height: 2.1rem;
}

.sx_tabs>div.active {
  background: #fff;
  border-radius: .5rem .5rem 0 0;
  background-color: rgb(255, 255, 255);
  color: #cc3131;
}

.sx_current_position {
  padding: 0.725rem 0.625rem;
}

.sx_current_position>li {
  position: relative;
  width: 100%;
  border-radius: .125rem;
  background-image: -moz-linear-gradient(66deg, rgb(255, 255, 255) 34%, rgb(255, 255, 255) 36%, rgb(255, 255, 255) 75%, rgb(255, 246, 239) 86%, rgb(255, 236, 223) 100%);
  background-image: -webkit-linear-gradient(66deg, rgb(255, 255, 255) 34%, rgb(255, 255, 255) 36%, rgb(255, 255, 255) 75%, rgb(255, 246, 239) 86%, rgb(255, 236, 223) 100%);
  background-image: -ms-linear-gradient(66deg, rgb(255, 255, 255) 34%, rgb(255, 255, 255) 36%, rgb(255, 255, 255) 75%, rgb(255, 246, 239) 86%, rgb(255, 236, 223) 100%);
  box-shadow: 0px 2px 8.55px 0.45px rgba(0, 0, 0, 0.25);
  padding: 0.725rem 0.625rem;
}

.sx_current_position>li:not(:first-child) {
  margin-top: .75rem;
}

.position_detail>div {
  text-align: center !important;
  border-width: 1px;
  border-color: rgb(158, 166, 184);
  border-style: solid;
  border-radius: .25rem;
  padding: .4rem 0;
  margin: 0 3%;
}

.sx_current_position>li .mask_adopt {
  width: 1.825rem;
  height: 2.425rem;
  position: absolute;
  right: 0.5rem;
  top: -0.3rem;
}

.transaction_details {
  padding: 0.5rem 3.25rem;
  border-bottom: 1px solid #eeeeee;
}

.transaction_details>div {
  text-align: center !important;
}

.transaction_details .date_select img {
  width: .8rem;
  height: .75rem;
}

.transaction_details_list {
  padding: 0 1rem;
}

.transaction_details_list>li {
  padding: 1rem;
  border-left: 1px dashed #eeeeee;
}

.transaction_details_list>li .date_show {
  position: relative;
}

.transaction_details_list>li .date_show:before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  background: url(../images/img_date_cicle.png) no-repeat center/cover;
  background-size: 1rem;
  left: -1.5rem;
  top: -0.25rem;
}

.transaction_details_list .transaction_price {
  border-radius: .25rem;
  background-color: rgb(247, 247, 247);
  padding: .35rem;
  display: inline-block;
}

.join_num {
  background: #efefef;
  height: 2.8rem;
  line-height: 2.8rem;
  text-align: center;
}

.camp_detail_data {
  padding: 0 0.625rem;
  background: #efefef;
}

.bang_ideas_list .item_top .user_head img {
  width: 1.55rem;
  height: 1.55rem;
  vertical-align: middle;
  border-radius: 50%;
}

.bang_ideas_list .item_top .user_head .user_mask {
  color: #ec4e4f;
  border: 1px solid #ec4e4f;
  border-radius: .075rem;
}

.bang_ideas_list li {
  padding: 0 0.625rem;
}

.bang_ideas_list li .item_top {
  padding: 0.725rem 0;
  border-bottom: 1px solid #fafafa;
}

.bang_ideas_list li .item_bottom {
  padding: 0.725rem 0;
}

.bang_ideas_list li .item_bottom .go_buy {
  border-width: 1px;
  border-color: rgb(204, 49, 49);
  border-style: solid;
  padding: 0.15rem 0.3rem;
  border-radius: 1rem;
  font-size: .65rem;
  color: rgb(204, 49, 49);
}

.bang_ideas_list li .item_bottom .go_sell {
  border-width: 1px;
  border-color: #04b235;
  border-style: solid;
  padding: 0.15rem 0.3rem;
  border-radius: 1rem;
  font-size: .65rem;
  color: #04b235;
}

.bang_ideas_list .item_top .user_authentication img {
  width: 1.6rem;
  height: 1.9rem;
  vertical-align: middle;
}

.bang_ideas_list .item_top .user_authentication span {
  background: #feffe8;
  display: inline-block;
  color: #e4ab13;
  padding: 0.1rem;
  vertical-align: middle;
}

.bg_red_span {
  color: #fff;
  background: #cc3131;
  border-radius: .075rem;
  padding: 0 0.1rem;
}

.bg_blue_span {
  color: #fff;
  background: #7b9ff6;
  border-radius: .075rem;
  padding: 0 0.1rem;
}

.bg_green_span {
  color: #fff;
  background: #04b235;
  border-radius: .075rem;
  padding: 0 0.1rem;
}

.sharing_links img {
  width: 2.3rem;
  height: 2.3rem;
}

.sharing_links {
  padding: 0.35rem;
  padding-left: 2.85rem;
  background: #f7f7f7 url(../images/sharing_links.png) no-repeat 0.3rem center;
  background-size: 2.3rem;
  display: block;
}

.bang_proposal_btns {
  border-top: 1px solid #fafafa;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 0.6rem 0.625rem;
}

.bang_proposal_btns .btn_buy {
  background: #f06868;
  border: none;
  border-radius: .075rem;
  padding: 0.35rem 0.4rem;
  color: #fff;
  font-size: .6rem;
  margin-right: .5rem;
}

.bang_proposal_btns .btn_sell {
  background: #36c95f;
  border: none;
  border-radius: .075rem;
  padding: 0.35rem 0.4rem;
  color: #fff;
  font-size: .6rem;
}

.reason_input_box textarea {
  width: 100%;
  height: 5.75rem;
  border-width: 1px;
  border-color: rgb(239, 239, 239);
  border-style: solid;
  border-radius: 10px;
  background-color: rgb(250, 250, 250);
  padding: .75rem 0.625rem;
}

.bang_relevant_track input[type="radio"] {
  -webkit-appearance: none;
  display: inline-block;
  width: .8rem;
  height: .8rem;
  position: absolute;
  left: -1.2rem;
  top: 0.6rem;
  z-index: 1000;
}

.bang_relevant_track i {
  display: inline-block;
  border-width: 1px;
  border-color: rgb(204, 204, 204);
  border-style: solid;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  position: absolute;
  left: -1.2rem;
  top: 0.6rem;
}

.bang_relevant_track {
  padding: 0 0.625rem 0 2.25rem;
}

.bang_relevant_track li {
  position: relative;
  padding: 0.5rem 0;
}

.bang_relevant_track li:not(:last-child) {
  border-bottom: 1px solid #fafafa;
}

.bang_relevant_track input[type="radio"]:checked~i {
  background: url(../images/bg_checked_radio.png) no-repeat center center/cover;
  border: none;
}

.camp_detail_data {}

.camp_detail_data>ul {
  padding: 0 0.625rem;
  background: #fff;
}

.camp_detail_data>ul>li {
  padding: 1.25rem 0;
}

.camp_detail_data>ul>li:not(:last-child) {
  border-bottom: 1px solid #fafafa;
}

.camp_detail_data .user_camp_head img {
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
}

.fixed_bottom_line {
  height: 2.2rem;
  line-height: 2.2rem;
  background: #efefef;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 0 0 0.625rem;
}

.fixed_bottom_line>div>img {
  width: .8rem;
  height: .425rem;
}

.fixed_bottom_line>div:nth-child(2) {
  padding: 0 0.625rem;
}

.sx_advertisement_img {
  width: 95%;
  height: 6.6rem;
  position: absolute;
  left: 2.5%;
  top: 0.5rem;
  z-index: 1000;
}

.sx_advertisement_img a {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.sx_advertisement_img a img {
  width: 100%;
  height: 100%;
}

.icon_close_advertisement {
  position: absolute;
  right: 0.35rem;
  top: 0.3rem;
  display: inline-block;
  width: .925rem;
  height: .925rem;
  background: url(../images/closed_cicle.png) no-repeat center;
  background-size: .75rem .75rem;
  opacity: 0.7;
}

.invite_page {
  background: #efefef;
  height: 100%;
}

.invite_input input {
  width: 100%;
  border-width: 1px;
  border-color: rgb(153, 153, 153);
  border-style: solid;
  border-radius: .25rem;
  background-color: rgb(254, 254, 254);
  width: 100%;
  height: 1.95rem;
}

.invite_gz_page {
  padding: 0.725rem 0.625rem;
}

.invite_self_items {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: space-between;
}

.invite_gz_page .invite_input {
  position: relative;
}

.invite_gz_page .invite_input input {
  padding-left: 2.2rem;
}

.invite_gz_page .invite_input img {
  width: .9rem;
  height: .9rem;
  position: absolute;
  left: .75rem;
  top: 0.5rem;
}

.invite_self_items span {
  border-width: 1px;
  border-color: rgb(153, 153, 153);
  border-style: solid;
  border-radius: .25rem;
  background-color: rgb(255, 255, 255);
  font-size: .75rem;
  height: 2rem;
  display: inline-block;
  line-height: 2rem;
  margin-top: .725rem;
  width: 30%;
}

.invite_hd_page {
  padding: 0 0.625rem;
  background: #efefef;
}

.invite_hd_page .add_question a {
  display: inline-block;
  width: 100%;
  border-width: 1px;
  border-color: rgb(188, 0, 2);
  border-style: solid;
  border-radius: 10px;
  background-color: rgb(254, 254, 254);
  height: 1.95rem;
  line-height: 1.95rem;
  text-align: center;
  color: #bc0002;
}

.bang_question_list li {
  padding: 0.725rem 0.625rem;
  background: #fff;
  color: #2e2e2e;
  font-size: .8rem;
}

.bang_question_list li.active {
  border: 1px solid #e8b956;
  background: #fff url(../images/list_active.png) no-repeat bottom right;
  background-size: 1.375rem;
}

.bang_question_list li:not(:first-child) {
  margin-top: .5rem;
}

.span_bg_yellow {
  background: #e8b956;
  font-size: .65rem;
  padding: 0.1rem 0.15rem;
  color: #fff;
  margin-right: .25rem;
}

.bang_invite_list {
  background: #efefef;
}

.bang_invite_list li {
  margin-top: .4rem;
}

.bang_invite_list li .list_top {
  background: #f3f7ff;
  height: 2rem;
  line-height: 2rem;
  padding: 0 0.625rem;
}

.bang_invite_list li .list_bottom {
  padding: 0.725rem 0.625rem;
  background: #fff;
}

.hb_invite_page {
  background: #efefef;
  height: 100%;
}

.bg_blue_btn {
  background: #628ffb;
  padding: .25rem;
  border-radius: .15rem;
  border: none;
  font-size: .75rem;
  color: #fff;
}

.bg_blue_span {
  background: #628ffb;
  padding: .1rem 0.2rem;
  border-radius: .15rem;
  border: none;
  font-size: .75rem;
  color: #fff;
  font-size: .6rem;
}





























































































/*帮提醒*/

.bang_remind_list {
  height: 100%;
  background: #efefef;
  padding: 0.725rem 0.625rem;
}

.bang_remind_list li {
  background: #ffffff;
  padding: 0.725rem 0.625rem;
}

.bang_remind_list li:not(:first-child) {
  margin-top: .5rem;
}

.publish_hot_top {
  padding: .95rem 0.625rem;
}

.ask_top_input input::-webkit-input-placeholder {
  color: #999999;
}

.ask_top_input input::-moz-placeholder {
  color: #999999;
}

.ask_top_input input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999999;
}

.ask_top_input input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999999;
}

.ask_top_input textarea {
  padding: 0.5rem 0;
  resize: none;
  border: none;
  width: 100%;
  line-height: 1.1rem;
  border-bottom: 1px solid #fafafa;
}

.ask_top_input textarea::-webkit-input-placeholder {
  color: #999;
  font-size: .85rem;
}

.publish_hot_top div img {
  width: .75rem;
  height: .75rem;
  vertical-align: text-top;
  margin-right: .25rem;
}

.track_nums {
  background: #fafafa;
}

.track_nums>div:nth-child(1) {
  width: 40%;
  height: 1.75rem;
  background: url(../images/bg_y_track.png) no-repeat center center;
  background-size: 100% 1.75rem;
  color: #fff;
  line-height: 1.75rem;
  padding: 0 0 0 0.625rem;
}

.track_nums>div:nth-child(2) {
  padding-right: 0.625rem;
}

.hot_track_times {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(204, 204, 204);
  border-radius: .375rem;
  background-image: -moz-linear-gradient(66deg, rgb(255, 255, 255) 34%, rgb(255, 255, 255) 36%, rgb(255, 255, 255) 75%, rgb(255, 246, 239) 86%, rgb(255, 236, 223) 100%);
  background-image: -webkit-linear-gradient(66deg, rgb(255, 255, 255) 34%, rgb(255, 255, 255) 36%, rgb(255, 255, 255) 75%, rgb(255, 246, 239) 86%, rgb(255, 236, 223) 100%);
  background-image: -ms-linear-gradient(66deg, rgb(255, 255, 255) 34%, rgb(255, 255, 255) 36%, rgb(255, 255, 255) 75%, rgb(255, 246, 239) 86%, rgb(255, 236, 223) 100%);
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
}

.brown {
  color: #b39667;
}

.hot_track_tips p {
  line-height: .9rem;
}

.mask_successful img {
  width: 2.9rem;
  height: 2.9rem;
}

.login_upload_avatar {
  position: relative;
}

.login_upload_avatar img {
  width: 4.2rem;
  height: 4.2rem;
  vertical-align: text-bottom;
}

.login_upload_avatar>span {
  position: absolute;
  left: 2.5rem;
}

.login_upload_avatar input[type='file'] {
  opacity: 0;
  width: 4.2rem;
  height: 4.2rem;
  z-index: 999;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.login_user_name {
  position: relative;
}

.login_user_name>span {
  position: absolute;
  left: 2.5rem;
}

.login_user_name input {
  border: none;
  text-align: center;
  border-bottom: 1px solid #eeeeee;
}

.login_user_gender {
  position: relative;
}

.login_user_gender>span {
  position: absolute;
  left: 2.5rem;
}

.login_user_gender input[type="radio"] {
  appearance: none;
  width: .7rem;
  height: .7rem;
  -webkit-appearance: none;
  display: inline-block;
  position: absolute;
}

.login_user_gender label {
  position: relative;
}

.login_user_gender i {
  display: inline-block;
  width: .7rem;
  height: .7rem;
  border: 1px solid #e9e9e9;
  background: #efefef;
  border-radius: 50%;
  position: relative;
}

.login_user_gender input[type="radio"]:checked~i:before {
  display: inline-block;
  content: "";
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: #628ffb;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.gender_female {
  margin-left: 2rem;
}

.login_upload_avatar>div:nth-child(2) {
  position: relative;
}

.login_successful_popup {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10000;
  background: #fff;
}

.normal_list {
  padding: 0 0.625rem;
}

.normal_list li {
  padding: 0.725rem 0;
}

.underworld_list .underworld_cover {
  display: inline-block;
  width: 2.6rem;
  height: 2.35rem;
  background: #f7f6f9 url(../images/img_add_cover.png) no-repeat center center;
  background-size: 1.225rem 1.225rem;
  position: relative;
}

.underworld_list .underworld_cover input[type="file"] {
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
}

.underworld_list .underworld_name input {
  border: none;
  text-align: right;
}

.underworld_list li:not(:last-child) {
  border-bottom: 1px solid #fafafa;
}

.underworld_introduce textarea {
  width: 100%;
  height: 6rem;
  border: none;
  resize: none;
  padding: 0.725rem 0.625rem;
}

.underworld_introduce_title {
  padding: 0.725rem 0.625rem;
}

.add_underworld_label {
  text-align: center;
  line-height: 4rem;
}

.add_underworld_label a {
  padding: .35rem 1.15rem;
  color: #628ffb;
  border: 1px solid #628ffb;
  border-radius: .75rem;
}

.underworld_label_items {
  padding: 0 0.625rem;
}

.underworld_label_items span {
  padding: .375rem .5rem;
  font-size: .65rem;
  color: #777;
  border-radius: .75rem;
  border: 1px solid #777777;
  display: inline-block;
  margin-right: .375rem;
  margin-top: .5rem;
}

.underworld_label_items span i {
  margin-left: .125rem;
}

.underworld_items_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 0.625rem;
}

.underworld_items_container>.my_underworld_item {
  width: 48.5%;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(239, 239, 239);
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: .1rem .1rem .25rem 0px rgba(0, 0, 0, 0.06);
  padding: 0.625rem;
  margin-top: 0.625rem;
  height: 11.25rem;
}

.underworld_items_container>.my_underworld_item>div {
  position: relative;
}

.underworld_items_container>.my_underworld_item .item_background {
  position: relative;
  height: 7.55rem;
}

.underworld_items_container>.my_underworld_item .item_mask {
  background: #ccc;
  text-align: center;
  position: absolute;
  height: 2rem;
  width: 100%;
  line-height: 2rem;
  opacity: 0.8;
  color: #000;
  font-size: .7rem;
  left: 0;
  top: 0;
}

.underworld_items_container>.my_underworld_item img {
  height: 7.55rem;
  width: 100%;
}

.my_underworld_item .add_underworld_btn {
  width: 100%;
  height: 6.25rem;
  background: url(../images/img_add_more.png) no-repeat center 3rem/2.175rem;
}

.my_underworld_item>a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.detail_p p {
  line-height: 1.4rem;
}

.detail_img img {
  max-width: 80%;
  height: auto;
}

.find_friends_link {
  padding: 0.725rem 0.625rem;
  background: #efefef;
}

.find_friends_link img {
  width: .75rem;
  height: .775rem;
  margin-right: .25rem;
  vertical-align: text-top;
}

.no_friends_tips img {
  width: 4.2rem;
  height: 4.2rem;
}

.remind_mail_list {
  height: 20rem;
  overflow-y: auto;
}

.remind_mail_list li.mail_item {
  padding: 0 0.625rem;
}

.remind_mail_list li.mail_item>div {
  padding: .4rem 0;
}

.remind_mail_list li.mail_title {
  padding: .35rem 0.625rem;
  background: #efefef;
  font-size: .65rem;
  color: #666;
}

.remind_mail_list li.mail_item:not(:first-child)>div {
  border-top: 1px solid #fafafa;
}

.remind_mail_list li img {
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  margin-right: .65rem;
  border-radius: 50%;
}

.remind_mail_popup {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 999;
  background: #fff;
}

.remind_mail_popup .popup_top {
  position: relative;
  padding: 1.1rem 0 .75rem 0;
  border-radius: .25rem .25rem 0 0;
}

.remind_mail_popup .popup_top i {
  position: absolute;
  right: 0.625rem;
}

.set_price_line {
  padding: .95rem 0.625rem;
}

.set_price_line input[type="text"] {
  border: none;
  width: 65%;
}

.limited_period_radios label {
  margin-right: .75rem;
  position: relative;
}

.limited_period_radios input[type="radio"] {
  position: absolute;
  width: .75rem;
  height: .75rem;
  top: 0rem;
  left: 0;
  opacity: 0;
}

.limited_period_radios {
  padding: 1rem 0;
}

.limited_period_radios i {
  display: inline-block;
  width: .8rem;
  height: .8rem;
  border: 1px solid #c9c9c9;
  border-radius: 50%;
  position: relative;
  vertical-align: text-top;
  margin-right: .25rem;
}

.limited_period_radios input[type="radio"]:checked~i {
  background: url(../images/radio_blue_checked.png) no-repeat center center/cover;
  border: none;
}

.btn_agreement {
  position: fixed;
  bottom: 3.5rem;
  left: 0;
  width: 100%;
}

.remind_mail_list>li>div {
  position: relative;
}

.remind_mail_list button {
  background: none;
  border: none;
  text-align: left;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  padding-left: 2.8rem;
}

.personal_data_top .data_label span {
  display: inline-block;
  word-wrap: normal;
  margin-top: .25rem;
}

.system_top .system_top_input input {
  border-width: 1px;
  border-color: rgb(204, 204, 204);
  border-style: solid;
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  height: 2rem;
  width: 100%;
}

.system_top .system_top_input {
  position: relative;
}

.system_top .system_top_input img {
  position: absolute;
  left: 19%;
  top: 0.6rem;
  width: 0.9rem;
  height: 0.9rem;
}

.normal_radio_box input[type="radio"] {
  appearance: none;
  width: .7rem;
  height: .7rem;
  -webkit-appearance: none;
  display: inline-block;
  position: absolute;
}

.normal_radio_box input[type="checkbox"] {
  appearance: none;
  width: .7rem;
  height: .7rem;
  -webkit-appearance: none;
  display: inline-block;
  position: absolute;
}

.normal_radio_box label {
  position: relative;
}

.normal_radio_box i {
  display: inline-block;
  width: .7rem;
  height: .7rem;
  border: 1px solid #e9e9e9;
  background: #efefef;
  border-radius: 50%;
  position: relative;
}

.normal_radio_box input[type="radio"]:checked~i:before {
  display: inline-block;
  content: "";
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: #628ffb;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.normal_radio_box input[type="checkbox"]:checked~i:before {
  display: inline-block;
  content: "";
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: #628ffb;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.pb120 {
  padding-bottom: 3rem;
}





























































































/*私信用户*/

.right_robot_dialog .dialog_content_blue {
  background: #bcddff;
  padding: 0.625rem;
  border-radius: .25rem;
  border: 1px solid #e9e9e9;
  position: relative;
  color: #2e2e2e;
  display: inline-block;
  max-width: 85%;
}

.right_robot_dialog .dialog_content_white {
  background-color: rgb(255, 255, 255);
  border: 1px solid #e9e9e9;
  padding: 0.625rem;
  border-radius: .25rem;
  position: relative;
  color: #2e2e2e;
  display: inline-block;
  width: 95%;
}

.right_robot_dialog .dialog_content_blue:before {
  content: "";
  position: absolute;
  right: -0.4rem;
  top: 0.7rem;
  width: 0;
  height: 0;
  border-top: 0.38rem solid transparent;
  border-left: 0.4rem solid #bcddff;
  border-bottom: 0.38rem solid transparent;
  z-index: 20
}

.right_robot_dialog .dialog_content_white:before {
  content: "";
  position: absolute;
  right: -0.4rem;
  top: 0.7rem;
  width: 0;
  height: 0;
  border-top: 0.38rem solid transparent;
  border-left: 0.4rem solid #fff;
  border-bottom: 0.38rem solid transparent;
  z-index: 20
}

.right_robot_dialog .dialog_content_blue:after {
  content: "";
  position: absolute;
  right: -0.6rem;
  top: 0.7rem;
  width: 0;
  height: 0;
  border-top: 0.39rem solid transparent;
  border-left: 0.6rem solid #e9e9e9;
  border-bottom: 0.39rem solid transparent;
  z-index: 19;
}

.right_robot_dialog .dialog_content_white:after {
  content: "";
  position: absolute;
  right: -0.6rem;
  top: 0.7rem;
  width: 0;
  height: 0;
  border-top: 0.39rem solid transparent;
  border-left: 0.6rem solid #e9e9e9;
  border-bottom: 0.39rem solid transparent;
  z-index: 19;
}

.system_top {
  background: url(../images/bg_system_top.png) no-repeat top center;
  background-size: 100% 8.275rem;
  padding: 0 0.625rem;
}

.font_bigdata {
  color: #41c4fe;
  font-size: .95rem;
  line-height: 1.2;
  text-shadow: 0.518px 1.932px 4px rgba(47, 69, 85, 0.21);
}

.font_bigdata img {
  width: 1.275rem;
  height: 1.275rem;
  vertical-align: middle;
}

.system_top_data {
  background: #fff;
  padding: .625rem .75rem;
  border-width: 1px;
  border-color: rgb(239, 239, 239);
  border-style: solid;
  border-radius: .25rem;
  background-color: rgb(255, 255, 255);
  box-shadow: 5.657px 5.657px 10px 0px rgba(0, 0, 0, 0.1);
}

.system_top_data .text_box {
  display: flex;
  align-items: baseline;
}

.system_top_data .text_box .box_left {
  width: 35%;
  color: #ca3f3f;
  font-size: .75rem;
}

.system_top_data .text_box .box_right {
  color: #716262;
  background: #fef6f6;
  width: 65%;
  padding: .25rem .75rem;
  font-size: .75rem;
  line-height: 1.3;
}

.system_link_items {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 0.625rem;
}

.system_link_items>a {
  width: 48%;
  height: 3.1rem;
  line-height: 3.1rem;
  border-width: 1px;
  border-color: rgb(239, 239, 239);
  border-style: solid;
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 2.828px 2.828px 7px 0px rgba(0, 0, 0, 0.1);
  font-size: .7rem;
  color: #444;
  padding-left: 0.625rem;
  margin-top: .5rem;
}

.system_link_items>a:nth-child(1) {
  background: url(../images/bg_news.png) no-repeat 80% 0.4rem/3.2rem 2.9rem;
}

.system_link_items>a:nth-child(2) {
  background: url(../images/bg_panmian.png) no-repeat 80% 0.4rem/3.2rem 2.9rem;
}

.system_link_items>a:nth-child(3) {
  background: url(../images/bg_changjin.png) no-repeat 80% 0.7rem/3.2rem 2.9rem;
}

.system_link_items>a:nth-child(4) {
  background: url(../images/bg_guchi.png) no-repeat 80% 0.7rem/3.2rem 2.9rem;
}

.system_link_items>a img {
  margin-right: .25rem;
}

.system_link_items>a:nth-child(1) img {
  width: 1.725rem;
  height: 1.625rem;
  vertical-align: middle;
}

.system_link_items>a:nth-child(2) img {
  width: 1.35rem;
  height: 1.35rem;
  vertical-align: middle;
}

.system_link_items>a:nth-child(3) img {
  width: 1.35rem;
  height: 1.35rem;
  vertical-align: middle;
}

.system_link_items>a:nth-child(4) img {
  width: 1.35rem;
  height: 1.35rem;
  vertical-align: middle;
}

.material_bank_line {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #ffffff;
  z-index: 9999;
}

.material_bank_line img {
  width: 1.4rem;
  height: 1.4rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.material_bank_line>div:nth-child(1) {
  position: relative;
  padding: 0.725rem 0.625rem;
}

.material_bank_line>div:nth-child(1) span {
  display: inline-block;
  color: #fff;
  width: .75rem;
  height: .75rem;
  background: #cc3131;
  border-radius: 50%;
  position: absolute;
  right: 0rem;
  top: 0.5rem;
  text-align: center;
}

.material_bank_line>div:nth-child(2) button {
  height: 100%;
  background: #cc3131;
  width: 100%;
  border: none;
  color: #fff;
  font-size: .8rem;
  height: 2.75rem;
  padding: 0 1rem
}

.material_put_up {
  position: absolute;
  bottom: 2.8rem;
  left: 0;
  width: 100%;
  background: #efefef;
  text-align: center;
  padding: 0.25rem 0;
  z-index: 9999;
}

.material_put_up img {
  width: .8rem;
  height: .425rem;
  vertical-align: baseline;
}

.material_bank_popup {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #fff;
  height: 60%;
  overflow: auto;
  z-index: 10001;
}

.material_bank_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
}

.material_bank_popup .popup_head {
  padding: .8rem 0;
  position: relative;
  text-align: center;
  border-bottom: .2rem solid rgba(239, 239, 239, 1);
}

.material_bank_popup .popup_head .material_title {
  position: absolute;
  left: 0.625rem;
  top: 0.5rem
}

.material_bank_popup .popup_head img {
  width: .8rem;
  height: .425rem;
}

.material_bank_popup .popup_head .material_del img {
  width: .7rem;
  height: .7rem;
  margin-right: .125rem;
}

.material_bank_popup .popup_head .material_del {
  position: absolute;
  right: 0.625rem;
  top: 0.5rem;
}

.material_screen>button {
  border-width: 1px;
  border-color: rgb(204, 204, 204);
  border-style: solid;
  border-radius: .25rem;
  background-color: rgb(255, 255, 255);
  padding: .3rem .55rem;
  margin-right: .625rem;
  margin-top: .5rem;
  font-size: .7rem;
}

.material_item_container {
  padding: 0.35rem 0.625rem;
}

.material_item_list .list_mask {
  padding: 0.1rem;
  border-radius: .15rem;
  background-color: rgb(233, 239, 253);
}

.material_item_list>li {
  border-width: 1px;
  border-color: rgb(239, 239, 239);
  border-style: solid;
  border-radius: .25rem;
  background-color: rgb(255, 255, 255);
  box-shadow: .025rem .05rem .175rem 0px rgba(0, 0, 0, 0.1);
  padding: 0.5rem 0.625rem;
  margin-bottom: .625rem;
}

.material_item_list .material_item_top {
  padding-bottom: 0.5rem;
}

.material_item_list .material_item_bottom {
  padding: 0.5rem 0;
  border-top: 1px dashed #555555;
}

.mask_benefit_good {
  color: #cc3131;
  border-width: 1px;
  border-color: rgb(204, 49, 49);
  border-style: solid;
  border-radius: .15rem;
  font-size: .65rem;
  padding: 0.1rem 0.2rem;
  margin-left: .25rem;
}

.material_screen .active {
  background: #628ffb;
  color: #fff;
  border: none;
}

.mormal_line {
  padding: 0.725rem 0.625rem;
}

.draft_line .btn_release {
  color: #fff;
  background: #999999;
  border-radius: .575rem;
  color: #fff;
  padding: 0.15rem 0.5rem;
  font-size: .75rem;
}

.draft_line .btn_release.btn_red {
  background-color: rgb(204, 49, 49);
}

.draft_line {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px .1rem .15rem 0px rgba(0, 0, 0, 0.06), inset 0px -1px 0px 0px rgba(239, 239, 239, 0.004);
}

.write_reading_point .write_reading_box {
  min-height: 10rem;
  overflow-y: auto;
}

.alert_library img {
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.remind_checkbox_container input {
  vertical-align: text-top;
  margin-right: .125rem;
}

.top_gray_line {
  padding: 0.625rem;
  background: #efefef;
}

.byq_sck_box {
  padding: 0.725rem 0.625rem;
}

.byq_sck_box>div:nth-child(1) img {
  width: 1rem;
  height: 1rem;
  vertical-align: text-top;
  margin-right: .125rem;
}

.byq_sck_box>div:nth-child(2) img {
  width: .8rem;
  height: .425rem;
  vertical-align: text-top;
}

.remind_bz_check {
  padding: 0.725rem 0.6rem;
  position: relative;
}

.remind_bz_check .icon_checkbox {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border: 1px solid #9fa7b9;
  border-radius: 50%;
  vertical-align: middle;
}

.remind_bz_check input[type="checkbox"] {
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 0.725rem;
  left: 0.625rem;
  opacity: 0;
}

.remind_bz_check input:checked~label i.icon_checkbox {
  background: url(../images/bg_gender_radio.png) no-repeat center/cover;
  border: none;
}

.search_highlight {
  position: relative;
}

.search_highlight .line_top {
  width: 100%;
  height: 2.25rem;
  background: #555555;
  line-height: 2.25rem;
  text-align: center;
  border-radius: 0 0 .25rem .25rem;
  position: absolute;
  z-index: 10001;
  top: 0;
  left: 0;
}

.search_highlight .line_top img {
  width: .8rem;
  height: .425rem;
  vertical-align: middle;
  margin-left: .25rem;
}

.search_highlight .line_top .line_top_popup {
  position: absolute;
  width: 100%;
  text-align: center;
  background: #fff;
  z-index: 999;
  font-size: .75rem;
  color: #444;
  top: 2.25rem;
  left: 0;
}

.search_highlight .line_top .line_top_popup>div {
  line-height: 2.9rem;
}

.search_highlight .line_top .line_top_popup>div:not(:last-child) {
  border-bottom: 1px solid #fafafa;
}

.search_highlight {
  width: 100%;
  height: 100%;
  position: relative;
  background: #fff;
}

.search_highlight .search_content {
  padding: 0.725rem 0.625rem;
}

.search_highlight .search_input input {
  width: 100%;
  border-width: 1px;
  border-color: rgb(193, 193, 193);
  border-style: solid;
  border-radius: .25rem;
  background-color: rgb(255, 255, 255);
}

.search_input_content {
  overflow: auto;
  height: 25rem;
}

.mask_benefit_bad {
  color: #04b235;
  border-width: 1px;
  border-color: #04b235;
  border-style: solid;
  border-radius: .15rem;
  font-size: .65rem;
  padding: 0.1rem 0.2rem;
  margin-left: .25rem;
}

.investor_mentality_text {
  width: 100%;
}

.investor_mentality_container .investor_mentality_data {
  width: 100%;
}

.find_msg_container {
  padding-top: 3.5rem;
  text-align: center;
  padding: 2.25rem 2.25rem 2.25rem 2.25rem;
}

.find_msg_container>div>button {
  width: 100%;
  height: 2.2rem;
  line-height: 2.2rem;
  color: rgb(98, 143, 251);
  font-size: .85rem;
  border-width: 1px;
  border-color: rgb(98, 143, 251);
  border-style: solid;
  border-radius: .25rem;
  background: none;
}

.find_msg_container>div:not(:first-child) {
  margin-top: .75rem;
}

.switch_popup_line {
  padding: 0.725rem 0.625rem;
  font-size: .8rem;
  color: #2e2e2e;
  background: #e1e1e1;
}

.good_stock_mask {
  border-width: 1px;
  border-color: rgb(46, 46, 46);
  border-style: solid;
  border-radius: .15rem;
  color: #2e2e2e;
  font-size: .6rem;
  margin-left: .25rem;
  display: inline-block;
  vertical-align: middle;
  padding: 0.05rem;
}

.service_point_screen {
  background: #efefef;
  padding: 0.725rem 0.625rem;
}

.service_point_screen>div .screen_box button {
  width: 30%;
  border-radius: .25rem;
  background-color: rgb(255, 255, 255);
  height: 1.35rem;
  background: #fff;
  border: none;
  font-size: .7rem;
  color: #777;
  margin-top: .5rem;
}

.service_point_screen>div .screen_box button.active {
  background: #628ffb;
  color: #fff;
}

.service_point_screen>div .screen_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}





























































































/*谁@我 私信我 点赞我*/

.user_activity_list li {
  padding: 1rem .625rem 1rem 2rem;
  border-bottom: 1px solid #fafafa;
}

.user_activity_list li .list_user_title .user_head_line {
  position: relative;
}

.user_activity_list li .list_user_title .user_head_line img {
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  left: -1.5rem;
  top: -0.25rem;
  border-radius: 50%;
}

.user_activity_list .user_main_msg {
  padding: 0.725rem 0.625rem;
  background: #f4f4f4;
  position: relative;
}

.view_more_msg {
  display: inline-block;
}

.view_more_msg img {
  width: .85rem;
  height: .85rem;
}

.user_activity_list .user_main_msg.msg_new:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  background: #da4646;
  border-radius: 50%;
  top: -0.25rem;
  left: -0.25rem;
}





























































































/*笔记列表*/

.note_list {
  padding: 0.625rem;
}

.note_list li {
  position: relative;
  padding: 0.725rem 0.625rem;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(239, 239, 239);
  border-radius: .25rem;
  background-image: -moz-linear-gradient(-75deg, rgb(252, 252, 252) 0%, rgb(243, 243, 243) 100%);
  background-image: -webkit-linear-gradient(-75deg, rgb(252, 252, 252) 0%, rgb(243, 243, 243) 100%);
  background-image: -ms-linear-gradient(-75deg, rgb(252, 252, 252) 0%, rgb(243, 243, 243) 100%);
  box-shadow: 0px 4px 15px 0px rgba(50, 22, 8, 0.16);
}

.note_list li:not(:first-child) {
  margin-top: .625rem;
}

.note_text {
  background: #f7f7f7;
  padding: 0.725rem 0.625rem;
}

.note_type_mask {
  padding: 0.05rem 0.15rem;
  border-radius: .075rem;
  border: 1px solid #9ea6b8;
  color: #9ea6b8;
  font-size: .55rem;
}

.note_list li .btn_share {
  border-width: 1px;
  border-color: rgb(158, 166, 184);
  border-style: solid;
  border-radius: .075rem;
  background-color: rgb(123, 159, 246);
  color: #fff;
  padding: 0.1rem 0.25rem;
  font-size: .55rem;
  border-radius: .075rem；
}

.note_img_text {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
}

.note_img_text img {
  width: 5rem;
  height: 3.1rem;
}

.newest_list_btn {
  padding: 0 0.625rem;
}

.newest_list_btn img {
  width: .6rem;
  height: .35rem;
  vertical-align: 1.5%;
}

.newest_list_btn {
  position: relative;
  height: 2rem;
  line-height: 2rem;
}

.newest_list_btn .newest_list_content {
  border-radius: .125rem;
  position: absolute;
  padding: 0 0.625rem;
  color: #2e2e2e;
  right: 0.625rem;
  top: 2rem;
  z-index: 999;
  background: #fff;
  box-shadow: 0px .1rem .15rem 0px rgba(0, 0, 0, 0.06), inset 0px -1px 0px 0px rgba(239, 239, 239, 0.004);
}

.newest_list_btn .newest_list_content:after {
  display: inline-block;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: .3rem solid transparent;
  border-right: .3rem solid transparent;
  border-bottom: .4rem solid #fff;
  right: 0.625rem;
  top: -0.5rem;
  z-index: 102;
}

.newest_list_btn .newest_list_content:before {
  display: inline-block;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: .35rem solid transparent;
  border-right: .35rem solid transparent;
  border-bottom: .45rem solid #fafafa;
  right: 0.6rem;
  top: -0.55rem;
  z-index: 101;
}


.newest_list_btn .newest_list_content>div {
  padding: 0 1rem;
  line-height: 2rem;
}

.newest_list_btn .newest_list_content>div:not(:last-child) {
  border-bottom: 1px solid #fafafa;
}

.li_dele_btn {
  display: inline-block;
  padding: 0.625rem 1rem;
  box-shadow: 0.05rem .05rem .175rem 0.05rem rgba(0, 0, 0, 0.1);
  border-radius: .15rem;
  color: #000;
  position: absolute;
  background: #fff;
  left: 42%;
  top: -10%;
  z-index: 10002;
}

.li_dele_btn:before {
  display: inline-block;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: .3rem solid transparent;
  border-right: .3rem solid transparent;
  border-top: .4rem solid #fff;
  right: 1.3rem;
  bottom: -0.4rem;
  z-index: 101;
}

.li_dele_btn:after {
  display: inline-block;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: .35rem solid transparent;
  border-right: .35rem solid transparent;
  border-top: .45rem solid rgba(0, 0, 0, 0.1);
  right: 1.25rem;
  bottom: -0.45rem;
  z-index: 100;
}

.focusing_buttons_tab .button.active>span {
  padding: 0 2.2rem !important;
}

.black-000 {
  color: #000;
}

.selected_trends_items .by-info {
  color: #555555;
  text-align: left;
  font-size: 0.7rem;
}

.picture_list_three {
  font-size: 0;
}

.picture_list_three img {
  width: 32%;
  height: 3.45rem;
  margin: 0 0.5%;
}




























































































/*我的钱包*/

.wallet_mask img {
  width: 1rem;
  height: .925rem;
  vertical-align: text-bottom;
  margin-right: .25rem;
}

.wallet_container {
  border: 1px solid rgb(218, 175, 121);
  border-radius: .25rem;
  padding: 0.725rem 0.625rem;
}

.wallet_container .wallet_detail a {
  border-width: .05rem;
  border-color: rgb(218, 175, 121);
  border-style: solid;
  color: rgb(218, 175, 121);
  padding: 0.15rem 0.625rem;
  border-radius: .6rem;
}

.wallet_container .wallet_amount {
  color: #cea168;
  font-size: 1.75rem;
  font-weight: bold;
}

.wallet_settlement .settlement_num {
  color: #cea168;
  font-size: .75rem;
}

.binding_weChat_popup {
  position: absolute;
  width: 70%;
  left: 15%;
  top: 30%;
  background: #fff;
  padding: 1rem 1rem 0 1rem;
  border-radius: .5rem;
  z-index: 10001;
}

.weChat_logo img {
  width: 3.175rem;
  height: 3.175rem;
}

.binding_weChat_button button {
  background: none;
  border: none;
  height: 2.4rem;
  line-height: 2.4rem;
  border-top: 1px solid #fafafa;
  width: 100%;
}

.detail_date_screen {
  background-color: rgb(98, 143, 251);
  color: #fff;
  font-size: .7rem;
  padding: .2rem 0.625rem;
  border-radius: .575rem;
}

.icon_white_down {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: .2rem solid transparent;
  border-right: .2rem solid transparent;
  border-top: .3rem solid #fff;
  margin-left: .125rem;
}

.icon_white_up {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: .2rem solid transparent;
  border-right: .2rem solid transparent;
  border-bottom: .3rem solid #fff;
  margin-left: .125rem;
}

.more_question a {
  display: inline-block;
}

.more_question img {
  width: .8rem;
  height: .8rem;
}

.detail_date_container {
  padding: 0.625rem;
  background: #efefef;
}

.amount_order_list {
  padding: 0 0.625rem;
}

.amount_order_list>li>div {
  padding-left: 2.1rem;
  position: relative;
}

.amount_order_list>li {
  padding: 0.725rem 0;
}

.amount_order_list>li>div img.line_font_mask {
  position: absolute;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
  top: 0;
}

.amount_order_list>li>div .detail_type_main {
  align-items: flex-start;
}

.amount_order_list>li>div .detail_type_main .main_left {
  min-height: 2.2rem;
  line-height: 1rem;
}

.amount_order_list>li {
  border-bottom: 1px solid #fafafa;
}

.small_popup {
  position: absolute;
  width: 70%;
  left: 15%;
  top: 30%;
  background: #fff;
  border-radius: .25rem;
  z-index: 10001;
}

.small_popup .popup_main {
  padding: 2rem 0 1.5rem 0;
}

.all_cancel_btn button {
  width: 100%;
  height: 2.5rem;
  line-height: 2.5rem;
  background: none;
  border: none;
}

.cash_amount_box {
  padding: 0.725rem 0.625rem;
}

.cash_amount_box .amount_input {
  border-bottom: 1px solid #fafafa;
}

.amount_input strong {
  display: inline-block;
  width: 26%;
  text-align: center;
}

.amount_input input {
  width: 74%;
  height: 2rem;
  border: none;
  font-size: 1rem;
}

.join_gang_bi {
  width: 100%;
  height: 5.4rem;
  line-height: 5.4rem;
  color: #cc3131;
  border: 1px solid #cc3131;
  position: relative;
}

.join_gang_bi .fans_mask {
  display: inline-block;
  width: 2.25rem;
  height: 1rem;
  background: #cc3131;
  border-radius: .125rem;
  font-size: .7rem;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1rem;
  border-top-left-radius: 0;
}

.bottom_b_gz {
  background: #4c4c4c;
  color: #fff;
  border-radius: .25rem;
}

.bottom_b_gz>div {
  text-align: center;
}

.bottom_b_gz>div:nth-child(1) {
  flex: 1.8;
  border-radius: 0.25rem 0 0 0.25rem;
}

.bottom_b_gz>div:nth-child(2) {
  flex: 1.8;
  border-right: 1px solid #606060;
}

.bottom_b_gz>div:nth-child(3) {
  flex: 1.8;
  border-right: 1px solid #606060;
}

.bottom_b_gz>div:nth-child(4) {
  flex: 1.8;
  border-right: 1px solid #606060;
}

.bottom_b_gz>div:nth-child(5) {
  flex: 1.8
}

.bottom_b_gz>div:nth-child(6) {
  flex: 1
}

.bottom_b_gz>div:nth-child(1) {
  background: #444444 url(../images/bg_b_gz.png) no-repeat center center;
  background-size: 2.525rem 1.1rem;
  height: 2.25rem;
  line-height: 2.25rem;
}

.bottom_b_gz>.gz_jiantou img {
  width: .7rem;
  height: .6rem;
}

.bottom_gz_box {
  position: fixed;
  bottom: 3rem;
  left: 0;
  width: 100%;
}


























































































/*我的*/

.mine_top {
  background: url(../images/bg_mine_top.png) no-repeat center top;
  background-size: 100% 4.95rem;
  position: relative;
  padding: 5rem 0.625rem 0 0.625rem;
}

.mine_head_msg {
  width: 94%;
  padding: 1rem 0.625rem;
  display: flex;
  align-items: flex-start;
  background: #fff url(../images/bg_mine_head.png) no-repeat 3.5rem -3.2rem;
  background-size: 14.775rem 22.85rem;
  border-radius: .25rem;
  box-shadow: 0px .1rem .2rem 0px rgba(0, 0, 0, 0.16);
  position: absolute;
  top: 10%;
  left: 3%;
  z-index: 100;
  align-items: baseline !important;
}

.mine_head_msg .msg_left {
  width: 78%;
}

.mine_head_msg .msg_left img {
  width: 2.5rem;
  height: 2.5rem;
  vertical-align: middle;
  border-radius: 50%;
}

.mine_head_msg .msg_left .msg_detail {
  width: 75%;
}

.mine_head_msg .msg_left .msg_detail>div:nth-child(2) {
  line-height: 0.8rem;
  height: 0.8rem;
}

.mine_banghui img {
  width: 1.5rem;
  height: 1.5rem;
}

.mine_mywall img {
  width: 1.225rem;
  height: 1.35rem;
}

.mine_mynot img {
  width: 1.3rem;
  height: 1.25rem;
}

.bg_red_span {
  background: #cc3131;
  color: #fff;
  border-radius: .075rem;
}

.personal_index_link img {
  width: .3rem;
  height: .4rem;
  vertical-align: inherit;
  margin-left: .25rem;
}

.link_imitate img {
  width: 1.1rem;
  height: 1.1rem;
}

.link_msg img {
  width: 1.1rem;
  height: 1.1rem;
}

.link_report img {
  width: 1.1rem;
  height: 1.1rem;
}

.link_hand img {
  width: 1.1rem;
  height: 1.1rem;
}

.link_vip img {
  width: 1.1rem;
  height: 1.1rem;
}

.link_spot img {
  width: 1.05rem;
  height: 1.05rem;
}

.link_comment img {
  width: 1.05rem;
  height: .925rem;
}

.link_fabulous img {
  width: .975rem;
  height: .975rem
}

.link_letter img {
  width: 1.05rem;
  height: .8rem;
}

.link_service img {
  width: 1rem;
  height: 1rem;
}

.link_complaint img {
  width: .9rem;
  height: 1.125rem
}

.link_examine img {
  width: .925rem;
  height: 1.05rem;
}

.link_set img {
  width: 1.025rem;
  height: .975rem;
}

.mine_oper_list img {
  vertical-align: text-bottom;
  margin-right: .25rem;
}

.mine_oper_list {
  padding: 0 0.625rem;
}

.simulated_transaction_popup {
  position: absolute;
  width: 100%;
  background: #fff;
  bottom: 0;
  left: 0;
  z-index: 10001;
}

.simulated_transaction_popup .popup_head {
  background: #efefef;
  padding: 0.725rem 0.625rem;
}

.simulated_transaction_popup .popup_head img {
  width: .6rem;
  height: .6rem;
}

.simulated_transaction_popup .popup_main {
  padding: 0.725rem 0.625rem;
  border-bottom: 1px solid #fafafa;
}

.simulated_transaction_popup .popup_footer img {
  width: 2.475rem;
  height: 2.45rem;
}

.login_ways_popup {
  position: absolute;
  z-index: 10001;
  background: #fff;
  width: 100%;
  bottom: 0;
}

.login_ways_popup .popup_head {
  padding: 0.5rem 0.625rem;
}

.login_ways_popup .popup_head img {
  width: .6rem;
  height: .6rem;
}

.login_ways_popup .popup_main {
  padding: 1.5rem 2rem;
}

.login_ways_popup .popup_main img {
  width: 1.825rem;
  height: 1.825rem;
}

.share_idea>span {
  display: inline-block;
}

.share_idea img {
  width: .575rem;
  height: .575rem;
  vertical-align: text-top;
  border-radius: 50%;
}

.click_num img {
  width: .75rem;
  height: .775rem;
}

.text_bg_gray {
  padding: 0.725rem 0.625rem;
  background: #f7f7f7;
}

.bh_search_result li div img {
  width: 2.5rem;
  height: 2.5rem;
  vertical-align: middle;
}

.bh_search_result li {
  padding: 0.625rem 0;
  border-bottom: 1px solid #fafafa;
}

.introduce_content {
  min-height: 3rem;
  padding: 0.5rem 0.625rem;
}

.icon_edit_msg img {
  width: 0.8rem;
  height: 0.8rem;
  vertical-align: text-top;
}

.add_underworld_bg {
  position: relative;
  width: 4.3rem;
  height: 4.3rem;
  overflow: hidden;
}

.add_underworld_bg img {
  width: 4.3rem;
  height: 4.3rem;
}

.add_underworld_bg input[type="file"] {
  width: 2.2rem;
  height: 2.2rem;
  z-index: 999;
  position: absolute;
  bottom: 0.15rem;
  right: 0;
  opacity: 0;
}

.add_underworld_bg>span {
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
  z-index: 998;
  background: url(../images/bg_add_banghui.png) no-repeat center/1.7rem;
  position: absolute;
  bottom: 0.15rem;
  right: 0;
}

.underworld_label_items {
  min-height: 4rem;
}

.black-333 {
  color: #333;
}

.bottom_popup_box {
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10002;
  border-radius: .5rem .5rem 0 0;
}

.bottom_popup_box .popup_main .main_left img {
  width: 1.4rem;
  height: 1.575rem;
}

.bottom_popup_box .popup_main {
  padding: 2rem;
  border-radius: .5rem .5rem 0 0;
}

.bottom_popup_box .popup_main .main_right img {
  width: 1.5rem;
  height: 1.65rem;
}

.bottom_popup_box .popup_footer button {
  width: 100%;
  height: 2.25rem;
  background: none;
  border: none;
  color: #747e95;
  font-size: .8rem;
  line-height: 2.25rem;
}

.common_problem_list .list_title {
  padding: 0.725rem 0.625rem;
}

.common_problem_list .list_programme {
  padding: 0.725rem 0.625rem;
  background: #efefef;
}

.view_more_msg {
  position: relative;
}

.view_more_msg .btn_report {
  width: 5.9rem;
  padding: 0 0.625rem;
  display: inline-block;
  text-align: center;
  line-height: 2.7rem;
  font-size: .75rem;
  color: #000;
  border-radius: .125rem;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px .05rem .2rem 0.45px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 1.3rem;
  right: 0;
  z-index: 1000002;
}

.view_more_msg .btn_report:before {
  display: inline-block;
  position: absolute;
  top: -0.25rem;
  z-index: 10000;
  right: 0.15rem;
  content: '';
  width: 0;
  height: 0;
  border-left: .2rem solid transparent;
  border-right: .2rem solid transparent;
  border-bottom: .25rem solid #fff;
}

.view_more_msg .btn_report:after {
  display: inline-block;
  position: absolute;
  top: -0.3rem;
  z-index: 10001;
  right: 0.1rem;
  content: '';
  width: 0;
  height: 0;
  border-left: .25rem solid transparent;
  border-right: .25rem solid transparent;
  border-bottom: .3rem solid #fafafa;
}

.yanbao_title img {
  width: 100%;
  height: 5rem;
}

.subscription_line {
  padding-bottom: .5rem;
  border-bottom: 1px dashed #eeeeee;
}

.subscription_line button {
  background: #cc3131;
  border-radius: .15rem;
  color: #fff;
  font-size: .75rem;
  border: none;
  padding: 0.25rem 0.4rem;
}

.faucet_stocks img {
  width: 3.05rem;
  height: .75rem;
}

.faucet_stocks_box {
  padding-right: 2.6rem;
  position: relative;
  max-height: 2rem;
  overflow: hidden;
  padding-top: 0.25rem;
}

.faucet_stocks_box>span {
  display: inline-block;
  border-width: 1px;
  border-color: rgb(204, 49, 49);
  border-style: solid;
  color: rgb(204, 49, 49);
  border-radius: .15rem;
  -webkit-transform: skew(-5deg);
  transform: skew(-5deg);
  padding: 0.15rem 0.2rem;
  margin: .3rem .1rem;
  font-size: .65rem;
  vertical-align: 25%;
}

.faucet_stocks_box>span>span {
  display: inline-block;
  -webkit-transform: skew(5deg);
  transform: skew(5deg);
}

.faucet_stocks_box .more_faucet {
  display: inline-block;
  position: absolute;
  right: 0;
  top: .75rem;
}

.more_faucet img {
  width: .8rem;
  height: .425rem;
  vertical-align: middle;
  margin-left: .125rem;
}

.abstract_title>span {
  padding: 0 0.1rem;
  background: #fff;
}

.btn_unlock {
  text-align: center;
}

.btn_unlock button {
  background: none;
  padding: 0.5rem 1.2rem;
  border-width: 1px;
  border-color: rgb(204, 49, 49);
  border-style: solid;
  border-radius: .975rem;
  color: rgb(204, 49, 49);
}

.btn_unlock button img {
  width: .675rem;
  height: .8rem;
  vertical-align: text-top;
  margin-right: .25rem;
}

.related_recommendations_title {
  color: #579bf7;
}

.related_recommendations_title img {
  width: .925rem;
  height: .8rem;
  margin-right: .25rem;
  vertical-align: middle;
}

.bg_related_mask {
  background: url(../images/font_related.png) no-repeat center center;
  background-size: 1.55rem .7rem;
  color: #fff;
  display: inline-block;
  width: 1.6rem;
  height: .8rem;
  font-size: .6rem;
  text-align: center;
  line-height: .8rem;
  margin-right: .25rem;
}

.related_recommendations_list .text_img img {
  width: 4rem;
  height: 2.5rem;
  vertical-align: text-top;
}

.related_recommendations_list li {
  padding: 0.725rem 0;
}

.related_recommendations_list li:not(:last-child) {
  border-bottom: 1px solid #eeeeee;
}

.price_out_popup {
  width: 100%;
  border-radius: .25rem .25rem 0 0;
  background-color: rgb(255, 255, 255);
  box-shadow: inset 0px -1px 0px 0px rgba(239, 239, 239, 0.004);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10001;
  padding: 0.725rem 0.625rem 0 0.625rem;
}

.price_out_popup .popup_main {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 0.5rem;
}

.price_out_popup .popup_main>span {
  display: inline-block;
  width: 30%;
  text-align: center;
  border-width: .05rem;
  border-color: rgb(239, 174, 174);
  border-style: solid;
  border-radius: .25rem;
  height: 1.9rem;
  line-height: 1.9rem;
  margin-top: .725rem;
  color: #555;
}

.price_out_popup .popup_bottom button {
  width: 100%;
  background: none;
  border: none;
  color: #628ffb;
  font-size: .8rem;
  line-height: 2.5rem;
  border-top: 1px solid #fafafa;
}

.audit_reminder img {
  width: .575rem;
  height: .575rem;
  vertical-align: text-top;
}

.bottom_price_term {
  background: #fff;
  padding: 0.625rem;
  box-shadow: 0px -6px 10px 0px rgba(0, 0, 0, 0.06);
}

.bottom_price_term button:first-child {
  width: 65%;
  border: 1px solid #cc3131;
  color: #cc3131;
  background: none;
  font-size: .75rem;
  height: 2.25rem;
  line-height: 2.25rem;
  border-radius: .25rem;
}

.bottom_price_term button:last-child {
  width: 30%;
  margin-left: 5%;
  display: inline-block;
  border-radius: .25rem;
}

div[contenteditable="true"] input[type="button"] {
  background: none;
  border: none;
  color: #628ffb;
  font-size: .75rem;
}

.button_call {
  background: none;
  border: none;
  color: #628ffb;
  font-size: .75rem;
}

.week_profit_select .module {
  width: 40%;
}

.week_profit_select .module.active {
  background: url(../images/selected-gou.png) no-repeat right 0;
  background-size: 1.1rem 1.05rem;
  border: 1px solid #cc3131;
}

.week_profit_select>div .module {
  padding: 0.725rem 0 !important;
}

.week_profit_select>div>div>a.module {
  padding: 1.1rem 0;
  border-radius: .25rem;
  text-align: center !important;
  border: 1px solid #999999;
  margin: 0.25rem;
}

.code_share_container {
  height: 100%;
  background: #7f7f7f;
  padding: 10% 8% 0 8%;
}

.code_share_container .code_share_main {
  width: 100%;
  border-radius: .5rem;
  height: 80%;
  padding: 0 1.2rem;
  background: url(../images/bg_code_main.png) no-repeat center/cover;
  position: relative;
}

.code_share_container .code_share_main .code_head {
  height: 13%;
}

.code_share_container .code_share_main .code_head img {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: .25rem;
}

.code_share_container .code_share_main .code_content {
  width: 100%;
  background: #fff;
  border-radius: 0.5rem;
  height: 75%;
}

.code_share_container .code_share_main .code_bottom {
  height: 12%;
}

.code_share_container .code_share_main .code_content .content_head img {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
}

.code_share_container .code_share_main .code_content .code_box img {
  width: 6.8rem;
  height: 6.8rem;
  margin: 0 auto;
}

.code_share_container .code_share_main .code_content .code_user_mask {
  color: #fff;
  background: #628ffb;
  font-size: .55rem;
  padding: 0.05rem 0.1rem;
  border-radius: .075rem;
  margin-left: 0.125rem;
}

.preserve_code {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  text-align: center;
  padding: 0.5rem;
  border-radius: 0.25rem 0.25rem 0 0;
}

.preserve_code img {
  width: 1.5rem;
  height: 1.5rem;
}

























































































/*技术联调*/

.reading_detail_p img {
  max-width: 70%
}

.publication_img_box {
  font-size: 0;
}
























































































/*申请帮会修改*/

.bh_name_input input {
  border: none;
}

.my_mygangcollect {
  width: .825rem !important;
  height: .8rem !important;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}

.bh_name_container {
  height: 2.475rem;
}

.expand_box {
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-start;
  padding-right: 0 !important;
  justify-content: space-between;
  padding-left: 0 !important;
}

.expand_box>div {
  width: 31% !important;
  margin: 0 !important;
}

.expand_box .by-avatar>img {
  border-radius: 50%;
  width: 4rem;
  height: 4rem !important;
}

.selected_trends_items .by-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-weight: bold;
}

.selected_trends_items .by-info {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.inline_block {
  display: inline-block;
}

.share_app_head {
  background: url(../images/bg_share_app.png) no-repeat center center;
  background-size: cover;
  height: 10%;
}

.share_bh_logo img {
  width: 2rem;
  height: 2.1rem;
  vertical-align: middle;
}

.share_bh_logo>div {
  vertical-align: middle;
}

.share_app_head .app_link button {
  border: 1px solid #cc3131;
  color: #cc3131;
  font-size: .7rem;
  background: none;
  padding: 0.15rem 0.25rem;
  border-radius: .15rem;
}

.bottom_box_link {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 2.25rem;
  background: #ffffff;
  border-top: 1px solid #f0f0f0;
  z-index: 10001;
}

.bottom_box_link>a {
  display: inline-block;
  height: 100%;
  flex: 1;
  text-align: center;
  line-height: 2.25rem;
}

.bottom_box_link>a:not(:last-child) {
  border-right: 1px solid #f0f0f0;
}

.bottom_box_link>a span:not(:last-child) {
  border-right: 1px solid red;
}

.bottom_box_link .homepage_link img {
  width: .7rem;
  height: .7rem;
  vertical-align: text-top;
  margin-right: .25rem;
}

.bottom_box_link .user_link img {
  width: .825rem;
  height: .8rem;
  vertical-align: text-top;
  margin-right: .25rem;
}

#swiper-expression-share {
  height: 100%;
}

#swiper-expression-share div img {
  height: 85%;
}

.share_app_container {
  height: 100%;
}

.share_app_main {
  background: #efefef;
  text-align: center;
  padding-top: 1.5rem;
  height: 90%;
}

.share_img_pagination {
  position: absolute;
  z-index: 10001;
  right: 0.825rem !important;
  top: 42% !important;
}

.share_img_pagination .swiper-pagination-bullet-active {
  background: #d84242 !important;
}

.my_bb_box {
  padding: 0.725rem 0.625rem;
}

.my_bb_box .icon_bang_bao {
  width: .825rem;
  height: .9rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.my_bb_box .icon_bang_nums {
  width: .9rem;
  height: .675rem;
  margin-left: .125rem;
  vertical-align: text-bottom;
}

.icon_bang_ask {
  padding: 0.725rem 0.625rem;
}

.icon_bang_ask img {
  width: .7rem;
  height: .7rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.get_bangbao_content {
  position: relative;
  padding-left: 1.6rem;
}

.get_bangbao_content .icon_bang_question {
  position: absolute;
  left: 0;
  top: 0.3rem;
}

.icon_bang_question {
  width: 1.4rem;
  height: 1.4rem;
  vertical-align: middle;
}

.get_bangbao_content .icon_bang_cicle {
  position: absolute;
  left: 0;
  top: 0.3rem;
}

.get_bangbao_list li {
  padding: 0.725rem 0.625rem;
  border-top: 1px solid #fafafa;
}

.get_bangbao_list li .inline_block {
  vertical-align: middle
}

.get_bangbao_list li .icon_bang_nums {
  width: .9rem;
  height: .675rem;
  vertical-align: text-bottom;
  margin-left: .125rem;
}

.icon_bang_cicle {
  width: 1.325rem;
  height: 1.425rem;
  vertical-align: middle;
}

.mine_bangbao img {
  width: 1.15rem;
  height: 1.225rem;
}

.msg_img_box img {
  max-width: 80%;
  height: auto;
}

.msg_img_box p span {
  white-space: inherit !important;
}

.btn_blue {
  background: #628ffb !important;
  color: #fff !important;
}
























































































/*个人主页新增*/

.my_invite_list {
  padding: 0 0.625rem;
}

.my_invite_list .link_help img {
  width: .875rem;
  height: .875rem;
  margin-right: .25rem;
  vertical-align: text-bottom;
}

.my_invite_list .link_track img {
  width: .875rem;
  height: .875rem;
  margin-right: .25rem;
  vertical-align: text-bottom;
}























































































/*互帮详情 修改*/

.icon_blue_share {
  width: .85rem;
  height: .85rem;
}
























































































/*回答详情页修改*/

.fixed_right_btn {
  background: #fff;
  position: absolute;
  right: 0.625rem;
  bottom: 1.5rem;
}

.cc_stock_filter {
  background: #fff;
}


.set_price_input img {
  width: .65rem;
  height: .75rem;
  margin-right: .25rem;
}





















































































/*笔记类表修改 删除按钮*/

.del_note_item {
  padding: .5rem 0.625rem;
}

.del_note_item img {
  width: .475rem;
  height: .575rem;
  vertical-align: text-top;
  margin-right: .125rem;
}


.bottom_publish_view {
  width: 100%;
  position: absolute;
  display: flex;
  bottom: 0;
  height: 2.7rem;
  background: #efefef;
  padding: 0 0.625rem;
  align-items: center;
}

.bottom_publish_view .part_click img {
  width: .925rem;
  height: .95rem;
}

.bottom_publish_view .part_note img {
  width: .975rem;
  height: .925rem;
}

.bottom_publish_view .part_share img {
  width: .975rem;
  height: .95rem;
}

.bottom_publish_view>div:nth-child(1) {
  width: 80%;
}

.bottom_publish_view>div:nth-child(1) input {
  width: 100%;
  height: 1.65rem;
  background: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(212, 212, 212);
  border-radius: .25rem;
  padding: 0 0.625rem;
}

.bottom_publish_view>div:nth-child(2) {
  width: 10%;
}

.bottom_publish_view>div:nth-child(3) {
  width: 10%;
}

.bottom_publish_view>div:nth-child(4) {
  width: 10%;
}

.help_answer_list>div {
  white-space: normal;
  width: 100%;
  display: inline-block;
  padding: 0.6rem 0.725rem;
}





















































































/*发现笔记*/

.discovery_notes_head img {
  width: 3rem;
  height: 3rem;
  vertical-align: middle;
  border-radius: 50%;
}

.discovery_notes_textarea textarea {
  width: 100%;
  resize: none;
  border-radius: .15rem;
  border: 1px solid #fafafa;
  padding: 0.725rem 0.625rem;
}

.code_share_img img {
  width: 2.925rem;
  height: 2.925rem;
  margin: 0 auto;
}

.show_author_container {
  border-bottom: 1px solid #fafafa;
  border-top: 1px solid #fafafa;
  padding: 0.725rem 0 !important;
}

.show_author_container input[type="checkbox"] {
  left: 0.625rem !important;
  top: 0.725rem !important;
}

.text_img_box img {
  max-width: 100%;
  height: auto;
}

.center_red_border {
  border: .075rem solid #ff3657;
  border-radius: .25rem;
  padding: 0.725rem 0.625rem;
}

.center_orange_border {
  border: .075rem solid #fa976b;
  border-radius: .25rem;
  padding: 0.725rem 0.625rem;
}

.note_share_hb {
  position: relative;
}

.note_share_hb>span.class_identifier {
  position: absolute;
  left: 0.625rem;
  top: -0.25rem;
}

.white_space_all * {
  white-space: normal !important;
}

.detail_answer_list .answer_list_img_03 img {
  width: 32%;
  height: 3.5rem;
  margin: 0.5% 0.5%;
  border-radius: .2rem;
}

.detail_title_line {
  line-height: 1.4rem;
}

.deep_yellow {
  color: #ff9600
}

.close_material_bank {
  padding: 0.8rem 0.625rem;
  right: 0;
  top: 0;
  position: absolute;
}

.close_material_bank img {
  width: .725rem !important;
  height: .725rem !important;
}

.icon_close_forecast {
  padding: 0 0.25rem;
  vertical-align: middle;
}

.icon_close_forecast img {
  width: .475rem;
  height: .475rem;
}

.risk_warning_line p {
  line-height: 1.5;
}

.no_message_tips {
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.no_message_tips img {
  width: 8.65rem;
  height: 5.575rem;
}

.no_dynamic_tips {
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.no_dynamic_tips img {
  width: 7.75rem;
  height: 5.575rem;
}

.material_bank_box {
  bottom: 0 !important;
}

.detail_answer_list>li:not(:last-child) {
  border-bottom: .125rem solid #fafafa;
}





















































































/*目标圈修改*/

.title_line {
  padding: 0.725rem 0.625rem;
}

.cicle_dynamic_list .user_p_msg {
  margin-left: 1.2rem;
  border-width: 1px;
  border-color: rgb(239, 239, 239);
  border-style: solid;
  border-radius: .25rem;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px .05rem .125rem 0px rgba(0, 0, 0, 0.08);
  padding: 0.5rem;
}

.cicle_dynamic_list .user_p_link {
  margin-left: 1.2rem;
  display: inline-block;
  padding: 0.5rem;
  border-radius: .15rem;
  background-color: #fafafb;
}

.cicle_dynamic_list .user_p_link img {
  width: .8rem;
  height: .8rem;
  margin-left: .5rem;
}

.bottom_group_btns {
  display: flex;
  border-top: 1px solid #fafafa;
  background: #fff;
}

.bottom_group_btns button {
  border-radius: .15rem;
  font-size: .75rem;
}

.bottom_group_btns button:nth-child(1) {
  margin-right: 2%
}

.bottom_group_btns button:nth-child(1) img {
  width: .725rem;
  height: .675rem;
  vertical-align: inherit;
  margin-right: .125rem;
}

.bottom_group_btns button:nth-child(2) {
  margin-left: 2%
}

.right_more_oper {
  position: absolute;
  right: 0.625rem;
  top: 0.5rem;
}

.right_more_oper ul {
  top: 1.5rem !important;
  right: 0 !important;
}

.get_more_btn {
  width: 1.15rem;
  height: 1.175rem;
}

.padding_same {
  padding-left: 2.425rem;
}

.track_stock_input {
  border-bottom: 1px solid #fafafa;
}

.track_stock_input input {
  width: 100%;
  background-color: rgb(245, 245, 245);
  height: 1.85rem;
  border-radius: .9rem;
  border: none;
  padding: 0 1rem;
  font-size: .7rem;
  color: #2e2e2e;
}

.track_stock_input input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  text-align: center;
  font-size: .7rem;
  color: #999;
}

.track_stock_input input::-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  text-align: center;
  font-size: .7rem;
  color: #999;
}

.track_stock_input input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  text-align: center;
  font-size: .7rem;
  color: #999;
}

.track_stock_input input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  text-align: center;
  font-size: .7rem;
  color: #999;
}

.track_stock_entering input {
  padding: 0 40% 0 1rem;
}

.track_stock_entering {
  position: relative;
}

.track_stock_entering a {
  position: absolute;
  right: 1.625rem;
  top: 1.1rem;
  padding-left: 0.625rem;
  border-left: 1px solid #ccc;
}

.track_stock_entering .entering_content {
  position: absolute;
  left: 1.625rem;
  top: 1.1rem;
}

.track_stock_entering .entering_content img {
  width: .7rem;
  height: .7rem;
  margin-left: .25rem;
  vertical-align: top;
}

.right_share_btn img {
  width: .975rem;
  height: 1rem;
}

.all_same_line div {
  line-height: 1.1rem;
}

.go_homepage {
  background: #f36363;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  position: absolute;
  right: 0.625rem;
  bottom: 5.5rem;
}

.go_homepage {
  text-align: center;
  padding-top: 0.25rem;
}

.go_homepage img {
  width: 1.2rem;
  height: 1.2rem;
}

.mine_series_items {
  margin-top: 1.2rem;
  padding-bottom: .8rem;
}









/*持股帮7.3*/

.byq_tabs {
  padding: .75rem 2rem;
  text-align: center;
  border-bottom: 1px solid rgba(226, 226, 226, 1);
}

.byq_tabs a {
  display: inline-block;
  width: 26%;
  padding: .325rem;
  font-size: .8rem;
  color: #666666;
}

.byq_tabs a.active {
  background: #cc3131;
  color: #fff;
  border-radius: .7rem;
}

.tj_publication_list .list_user_name {
  color: #2e2e2e;
  font-size: .8rem;
}

.tj_publication_list .list_user_name .user_name {
  font-size: .7rem;
  color: #2e2e2e;
}

.tj_publication_list .text_detail_content {
  font-size: .8rem;
  color: rgb(46, 46, 46);
  line-height: 1.15rem;
  letter-spacing: .05rem;
}


.list_img_01 img {
  max-width: 100%;
  height: auto;
  border-radius: .15rem;
  max-height: 8rem;
}

.comment_click {

  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
}



.comment_item img {
  width: .9rem;
  height: .85rem;
  margin-right: .25rem;
  vertical-align: middle;
}

.comment_item span {
  vertical-align: middle
}

.click_item img {
  width: .925rem;
  height: .85rem;
  margin-right: .25rem;
  vertical-align: middle;
}

.click_item span {
  vertical-align: middle;
}

.list_img_box {
  margin-top: .5rem;
}

.list_bottom_items {
  margin-top: .825rem;
}

.comment_detail_content {
  background: #fafafa;
  line-height: 1.05rem;
  padding: .55rem .775rem;
}

.comment_detail_content span.blue_445 {
  font-weight: bold;
}

.comment_detail_content p {
  line-height: 1.05rem;
  margin: 0;
  white-space: normal;
  word-break: break-all;
}

.blue_445 {
  color: #445C97;
}

.comment_detail_content {
  position: relative;
  border-radius: .15rem;
}

.comment_detail_content:before {
  display: inline-block;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: .55rem solid transparent;
  border-right: .55rem solid transparent;
  border-bottom: .6rem solid #fafafa;
  left: 0.625rem;
  top: -0.35rem;
}

.list_img_box.list_img_02 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.list_img_box.list_img_03 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.list_img_box.list_img_03>div {
  width: 100px;
  height: 100px;
  margin-top: .25rem;
  border-radius: .15rem;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.list_img_box.list_img_03>div {
  margin-right: .25rem;
  margin-top: .25rem;
}

.list_img_box.list_img_02>img {
  width: 32%;
  height: 5rem;
  margin-top: .25rem;
  border-radius: .15rem;
  text-align: center;
  overflow: hidden;
  position: relative;
  object-fit: cover;
}

.list_img_box.list_img_02>img:not(:nth-child(3n+0)) {
  margin-right: 2%;
}

.share_detail_text img {
  width: 2.35rem;
  height: 2.35rem;
  vertical-align: middle;
  border-radius: .25rem;
}

.share_detail_text {
  background: #EBECED;
  padding: .25rem .25rem;
  border-radius: .15rem;
  display: flex;
  align-items: center;
}

.share_detail_text p {
  padding-left: .25rem;
  font-size: .7rem;
  line-height: 1rem;
}

.bottom_line_popup {
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}

.bottom_line_popup .btn_cancel {
  border-top: .2rem solid rgba(239, 239, 239, 1);
}

.bottom_line_popup>div {
  height: 2.825rem;
  line-height: 2.825rem;
  text-align: center;
  color: #2E2E2E;
  font-size: .85rem;
}

.bottom_line_popup div>a {
  display: block;
  height: 100%;
}

.bottom_line_popup>div:not(:first-child) {
  border-top: 1px solid #fafafa;
}

.b_check {
  padding: .225rem .45rem;
  background: #FFD8CD;
  color: #D33A3B;
  font-size: .7rem;
  border-radius: .075rem;
  margin-right: .125rem;
  vertical-align: top;
}

.detail_title {
  line-height: 1.5rem;
}

.m_lineheight {
  line-height: 1.15rem;
}

.s_lineheight {
  line-height: .8rem;
}

.l_lineheight {
  line-height: 1.45rem;
}

.detail_title_box {
  padding: .725rem .6rem;
  background: rgba(242, 242, 242, 1);
}

.answer_num_title {
  padding: .875rem .6rem;
  border-bottom: 1px solid #fafafa;
}

.answer_num_title img {
  width: .85rem;
  vertical-align: sub;
  height: .9rem;
}

.user_answer_list {
  padding: 0 !important;
}

.user_answer_list li {
  padding-left: 2.725rem;
  padding-right: 0.6rem;
}

.user_answer_list li {
  border-bottom: .4rem solid rgba(239, 239, 239, 1) !important;
}

.user_answer_list li .publication_user_container {
  left: 0.6rem;
}

.answer_user_mask {
  color: #FF7A45;
  font-size: .55rem;
  padding: .15rem .15rem;
  border-radius: .075rem;
  border: 1px solid #FF7A45;
  vertical-align: 15%;
}

.best_answer {
  width: 2.35rem;
  height: 2.35rem;
  position: absolute;
  right: 1rem;
  top: 0.5rem;
}

.set_bestter {
  padding: .175rem .3rem;
  background: #FF9D01;
  font-size: .6rem;
  color: #fff;
  border: none;
  border-radius: .45rem;
}

.write_answer_line {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  background: #fff;
  width: 100%;

  color: #4C4F58;
  font-size: .8rem;
  border-bottom: 1px solid #EAEAEA;
  border-top: 1px solid #EAEAEA;
  box-shadow: 0px -1px 6px 0px rgba(0, 0, 0, 0.06)
}

.write_answer_line>div {
  padding: 0.725rem 0;
}

.write_answer_line>div span {
  vertical-align: middle
}

.write_answer_line>div:nth-child(1) {
  flex: 4;
}

.write_answer_line>div:nth-child(1) img {
  width: .9rem;
  height: .9rem;
  vertical-align: middle;
  border-right: 1px solid #fafafa;
  margin-right: .25rem;
}

.write_answer_line>div:nth-child(2) {
  background: rgba(216, 30, 6, 1);
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  flex: 6;
}

.write_answer_line>div:nth-child(2) img {
  width: .85rem;
  height: .85rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.write_answer_line>div:nth-child(2) .icon_active {
  width: .925rem;
  height: .85rem;
  vertical-align: text-top;
  margin-right: .25rem;
}

.msg_del_tips {
  text-align: center;
  padding-top: 7.5rem;
}

.msg_del_tips img {
  width: 4.2rem;
  height: 4.2rem;
}

.padding_box {
  padding: .725rem .6rem;
}

.detail_user_head img {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: .25rem;
    position: relative;
   
}

.chb_index_list .detail_user_head .user_name {
  font-size: .7rem;
}

.detail_user_head {
  color: #2E2E2E;
  line-height: 1;
}

.detail_user_head span.name {
  vertical-align: middle;
  font-weight: bold;
  font-size: .85rem;
}

.btn_follow {
  padding: 0.2rem 0.5rem;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(98, 143, 251, 1);
  border-radius: .15rem;
  font-size: .65rem;
  color: #628FFB;
}

.btn_follow.btn_active {
  border: 1px solid rgba(123, 129, 143, 1);
  color: #7B818F;
}

.comment_title_line {
  padding: .875rem .6rem;
  border-bottom: 1px solid #EFEFEF;
}

.comment_title_line img {
  width: .85rem;
  height: .775rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.comment_title_line span {
  vertical-align: middle;
}

.share_item img {
  width: .65rem;
  height: .65rem;
}

.bottom_comment_line {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: .625rem;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(234, 234, 234, 1);
  box-shadow: 0px -1px .15rem 0px rgba(0, 0, 0, 0.06);
  display: flex;
}

.publish_comment_link {
  padding: 0 1.075rem;
  display: inline-block;
  height: 2rem;
  background: rgba(237, 237, 237, 1);
  border-radius: 1rem;
  color: #7B818F;
  font-size: .8rem;
  line-height: 2rem;
}

.bottom_comment_line .click_part {
  font-size: .55rem;
  color: #595D68;
}

.bottom_comment_line .publish_comment_link {
  flex: 6;
}

.bottom_comment_line .share_part {
  font-size: .55rem;
  color: #595D68;
}

.bottom_comment_line .click_part img {
  width: .925rem;
  height: .85rem;
}

.bottom_comment_line .share_part img {
  width: .65rem;
  height: .65rem;
}

.publish_input {
  padding: 0 0.6rem;
}

.publish_input .input_line input {
  height: 3.2rem;
  border: none;
  width: 100%;
}

.other_oper_box {
  flex: 4;
  display: flex;
  justify-content: center;
  align-items: center;
}

.other_oper_box>div {
  flex: 1;
}

.publish_input .input_line input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #999;
  font-size: .85rem;
}

.publish_input .input_line input::-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
  font-size: .85rem;
}

.publish_input .input_line input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
  font-size: .85rem;
}

.publish_input .input_line input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999;
  font-size: .85rem;
}

.publish_input .div_line {
  border-top: 1px solid #fafafa;
}

.btn_material_bank {
  width: 4.35rem;
  height: 1.45rem;
  border: 1px solid rgba(153, 153, 153, 1);
  border-radius: .725rem;
  color: #555;
  font-size: .65rem;
  background: none;
}

.btn_material_bank img {
  width: .675rem;
  height: .8rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.btn_material_bank span {
  vertical-align: middle;
}

.icon_essence {
  width: 2.35rem;
  height: 2.35rem;
  position: absolute;
  right: 3.2rem;
  top: 0.5rem;
}

.mask_red {
  padding: 0.05rem 0.1rem;
  border: 1px solid rgba(204, 49, 49, 1);
  border-radius: .075rem;
  font-size: .6rem;
  font-weight: 400;
  color: rgba(204, 49, 49, 1);
  line-height: 1.325rem;
  vertical-align: middle;
}

.mask_black {
  padding: 0.05rem 0.1rem;
  border-radius: .075rem;
  font-size: .6rem;
  font-weight: 500;
  border: 1px solid rgba(123, 129, 143, 1);
  color: rgba(123, 129, 143, 1);
  line-height: 1.325rem;
  vertical-align: middle;
}

.mask_blue {
  padding: 0.05rem 0.1rem;
  border-radius: .075rem;
  font-size: .6rem;
  font-weight: 500;
  border: 1px solid #9EB6F1;
  color: #9EB6F1;
  line-height: 1.325rem;
  vertical-align: middle;
}

.list_user_name>span {
  vertical-align: middle;
}

.user_main_content {
  padding-left: 2.125rem;
  margin-top: .5rem;
}

.publication_user_head {
  vertical-align: middle;
  margin-right: .25rem;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
}

.user_name {
  vertical-align: middle;
  font-weight: bold;
}

.user_state_explain span.state_mask {
  background: rgba(239, 239, 239, 1);
  border-radius: .075rem;
  color: #999;
  font-size: .5rem;
  padding: 0.05rem 0.1rem;
  margin-right: .25rem;
}

.p_answer_mask {
  width: .675rem;
  height: .75rem;
  vertical-align: text-top;
  margin-right: .25rem;
}

.share_detail_text .p_ask_mask {
  width: .675rem;
  height: .75rem;
  vertical-align: text-top;
  margin-right: .25rem;
  border-radius: 0 !important;
}

.stock_name_mask {
  display: table-cell;
  width: 2.35rem;
  height: 2.35rem;
  color: #fff;
  font-size: .8rem;
  line-height: .9rem;
  background: #4d8ded;
  text-align: center;
  vertical-align: middle;
  padding-top: 0.25rem;
  border-radius: .15rem;
}
















































































/*话题中心*/

.user_msg_box .user_head {
  width: 1.95rem;
  height: 1.95rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.topic_item_top {
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(239, 239, 239, 1);
  box-shadow: 0px .05rem .375rem 0px rgba(0, 0, 0, 0.06);
  border-radius: .25rem;
  padding: .925rem .6rem;
}

.font_orange {
  color: #F57900;
}

.topic_calendar_head {
  height: 1.75rem;
  background: #F36363;
  border-radius: .25rem;
  padding: 0 .6rem;
  color: #fff;
  font-size: .75rem;
}

.topic_calendar_content {
  background: url(../images/bg_calendar_content.png) no-repeat center center/cover;
}

.topic_calendar_content .item_top {
  font-family: PingFang-SC-Bold;
  font-size: 6rem;
  color: #F36363;
  font-weight: bold;
  margin-top: .75rem;
}

.topic_calendar_content .item_center {
  margin-top: .5rem;
}

.topic_calendar_content .item_bottom {
  color: #333333;
  font-size: .85rem;
  font-weight: bold;
  margin-top: 1.625rem;
  padding-bottom: .5rem;
}

.calendar_tips {
  font-size: 1.05rem;
  font-weight: bold;
  display: inline-block;
  line-height: 1.825rem;
  width: 1.825rem;
  height: 1.825rem;
  background: rgba(255, 130, 130, 1);
  border-radius: .725rem;
  color: #fff;
  vertical-align: middle;
  margin-right: .5rem;
}

.hot_topics_list {
  padding: 0 0.6rem;
}

.hot_topics_list li {
  padding: 0.725rem 0;
  font-size: .75rem;
  color: #444;
}

.hot_topics_list li:not(:last-child) {
  border-bottom: 1px solid #fafafa;
}

.topic_item_bottom {
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(239, 239, 239, 1);
  box-shadow: 0px .05rem .375rem 0px rgba(0, 0, 0, 0.06);
  border-radius: .25rem;
}

.detail_text_p p {
  font-size: .8rem;
  color: #666;
  line-height: 1.4rem;
}

.detail_text_p p~p {
  margin-top: 1rem;
}

.ver_middle {
  vertical-align: middle
}

.btn_edit {
  padding: .25rem 0.5rem;
  border: 1px solid rgba(98, 143, 251, 1);
  border-radius: .65rem;
  font-weight: 500;
  background: #fff;
  font-size: .65rem;
  font-weight: 500;
  color: rgba(98, 143, 251, 1);
}

.write_reply_box {
  padding: 0.5rem 0.6rem;
  background: #F2F2F2;
}

.write_reply_box>div {
  box-shadow: .05rem .075rem .25rem 0px rgba(0, 0, 0, 0.16);
  border-radius: .25rem;
  padding: 0.7rem 0.625rem;
  background: #fff;
}

.img_write_answer {
  width: .75rem;
  height: .75rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.hb_detail_list {
  padding: 0 0.6rem 1rem !important;
}


.hb_detail_list>li {
  border-bottom: .05rem solid #efefef !important;
}

.icon_help_answer {
  background: rgba(98, 143, 251, 1);
  border-radius: .55rem;
  color: #fff;
  font-size: .6rem;
  padding: 0.25rem 0.6rem;
}

.icon_help_answer img {
  width: .5rem;
  height: .45rem;
  vertical-align: inherit;
  margin-right: .125rem;
}

.bottom_oper_popup {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(255, 255, 255, 1);
  z-index: 10001;
  bottom: 0;
  left: 0;
}

.bottom_oper_popup .oper_items>a {
  text-align: center !important;
}

.bottom_oper_popup .oper_items img {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
}

.bottom_oper_popup>div {
  width: 100%;
  position: absolute;
  bottom: 3.5rem;
  left: 0;
}

.icon_close_normal {
  width: .9rem;
  height: .9rem;
}

.suggest_popup {
  border-radius: .25rem .25rem 0 0;
  position: absolute;
  z-index: 1001;
  left: 0;
  width: 100%;
  bottom: 0;
  background: #fff;
}

.suggest_popup .popup_top {
  padding: 0.725rem 1rem;
}

.suggest_popup .popup_title {
  height: 2.1rem;
  line-height: 2.1rem;
  background: linear-gradient(90deg, rgba(255, 29, 66, 1) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 0px .125rem .125rem 0px;
  color: #fff;
  padding: 0 1rem;
}

.suggest_popup .popup_content {
  padding: 0.725rem 1rem;
  height: 20rem;
  overflow-y: auto;
}

.suggest_popup .popup_content p~p {
  margin-top: .4rem;
}

.text_notes span {
  color: #777;
  font-size: .8rem;
  position: relative;
}

.suggest_popup .icon_close_popup {
  width: 2rem;
  height: 2rem;
  position: absolute;
  background: rgba(0, 0, 0, .3);
  z-index: 1000;
  right: 0.6rem;
  top: -1rem;
  border-radius: 50%;
  z-index: 1002;
  text-align: center;
  padding-top: 0.2rem;
}

.suggest_popup .icon_close_popup img {
  width: 1.55rem;
  height: 1.55rem;
}

.lineheight_40 {
  line-height: 1rem;
}

.vote_module {
  background: rgba(235, 236, 237, 1);
  border: .2rem solid rgba(235, 236, 237, 1);
  border-radius: .15rem;
  padding: .625rem .75rem;
}

.vote_module .vote_module_content div {
  color: #FF8C55;
  font-size: .7rem;
  height: 2rem;
  line-height: 2rem;
  background: #fff;
  text-align: center;
  border-radius: .15rem;
  position: relative;
}

.vote_module .vote_module_content div>span.v_dsc {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
}

.byq_tabs_box {
  padding-top: 2.9rem;
}

.byq_tabs {
  position: fixed;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 999;
  display: flex;
  justify-content: space-between;
}

.v_proportion {
  display: inline-block;
  background: gainsboro;
  position: absolute;
  left: 0;
  height: 100%;
}

.proportion_background {
  background: rgba(220, 234, 255, 1);
}

.border_blue {
  border: 1px solid rgba(92, 157, 255, 1);
}

.v_nums {
  font-size: .7rem;
  right: 0.6rem;
  position: absolute;
  display: inline-block;
  height: 100%;
  top: 0;
  display: none;
  color: #999999;
}

.border_gray {
  border: 1px solid #999;
}

.nums_blue {
  color: #5C9DFF;
}

.mask_blue_gou {
  width: .75rem;
  height: .625rem;
  position: absolute;
  top: 0.725rem;
  margin-left: .25rem;
}

.zn_help_write img {
  width: 4.575rem !important;
  height: 1.375rem !important;
}

.send_vote_head img {
  width: 100%;
  height: auto;
}

.write_vote_topic textarea {
  width: 100%;
  height: 4rem;
  border: .05rem solid rgba(153, 153, 153, 1);
  resize: none;
  padding: .6rem;
  color: #333;
  font-size: .8rem;
}

.option_box {
  padding: 0.5rem .3rem;
}

.option_num {
  display: inline-block;
  width: 15%;
  vertical-align: middle;
}

.option_content {
  vertical-align: middle;
  display: inline-block;
  width: 70%;
  text-align: center;
  height: 1.5rem;
  border: .05rem solid rgba(153, 153, 153, 1);
  border-radius: .125rem;
  line-height: 1.5rem;
  font-size: .7rem;
  color: #2e2e2e;
}

.option_del {
  display: inline-block;
  width: 15%;
  text-align: center;
}

.option_del img {
  width: 1.05rem;
  height: 1.05rem;
  vertical-align: middle;
}

.end_date {
  display: inline-block;
  vertical-align: middle;
}

.icon_choose_date {
  width: 1.025rem;
  height: 1.1rem;
  vertical-align: middle;
}

.date_calendar_input {
  vertical-align: middle;
  border: 1px solid rgba(153, 153, 153, 1);
  border-radius: .125rem;
  width: 5.5rem;
  height: 1.1rem;
  margin: 0 .5rem;
  color: #2e2e2e;
  font-size: .7rem;
  text-align: center;
}

.fixed_bottom_btn {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 0.5rem 0.6rem;
  border-top: 1px solid #efefef;
  z-index: 999;
  background: #fff;
}

.comments_del {
  padding: .3rem .5rem;
  background: rgba(232, 232, 232, 1);
  color: #777777;
  font-size: .6rem;
}

.write_topic_input input {
  height: 2.75rem;
  border: .05rem solid rgba(153, 153, 153, 1);
  border-radius: .125rem;
  width: 80%;
  vertical-align: middle;
  text-align: center;
  padding: 0 .6rem;
}

.write_topic_input>span {
  display: inline-block;
  width: 20%;
  text-align: center;
}

.write_comment_box {
  width: 100%;
  left: 0;
  top: 20%;
  z-index: 1002;
  position: absolute;
}

.write_comment_box .icon_close_popup img {
  width: .55rem;
  height: .55rem;
  vertical-align: text-top;
}

.write_comment_box .box_top {
  height: 2.25rem;
  padding: 0.6rem;

  background: #EFEFEF;
}

.write_comment_box textarea {
  width: 100%;
  height: 5.5rem;
  padding: 0.5rem 0;
  background: rgba(255, 255, 255, 1);

  border: none;
  resize: none;
}

.zn_help_box {
  text-align: right;
  background: #fff;
  margin-top: -.25rem;
  padding: 0 0.6rem;
  padding-bottom: 0.3rem;
  height: 1.8rem;
}

.zn_help_write {
  display: inline-block;
  height: 1.4rem;
}

.btn_add_msg {
  position: fixed;
  right: 0.6rem;
  bottom: 3rem;
  width: 2.2rem;
  height: 2.2rem;
  background: #FFC056;
  box-shadow: 0px .05rem .15rem 0px rgba(0, 0, 0, 0.22);
  border-radius: 50%;
  color: #2e2e2e;
  font-size: 1.4rem;
  text-align: center;
  line-height: 2.1rem;
  z-index: 999;
}

.share_where_popup {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: .5rem .5rem 0 0;
  background: rgba(239, 239, 239, 1);
  z-index: 1002;
  padding-top: 1rem;
}

.share_where_items {
  padding: 1.25rem 0.6rem;
  justify-content: flex-start;
}

.share_where_items>a {
  text-align: center;
  display: inline-block;
  width: 19%;
}

.share_where_items .share_name {
  color: #747E95;
  font-size: .6rem;
  margin-top: .25rem;
}

.share_where_items img {
  width: 2.2rem;
  height: 2.2rem;
}

.btn_cancel_share button {
  width: 100%;
  height: 2.5rem;
  background: #fff;
  border: none;
}

.border_top {
  border-top: 1px solid rgba(173, 178, 191, 1);
}

.byq_sck_box {
  border: 1px solid rgba(153, 153, 153, 1) !important;
  border-radius: .725rem !important;
  background: none !important;
  padding: .35rem 0.625rem !important;
  color: #555 !important;
  font-size: .6rem !important;
}

.byq_sck_box img {
  vertical-align: middle;
  width: .675rem;
  height: .8rem;
  font-size: .6rem;
  margin-right: .25rem;
}

.btn_change_box {
  border: 1px solid rgba(153, 153, 153, 1) !important;
  border-radius: .725rem !important;
  background: none !important;
  padding: .35rem 0.625rem !important;
  color: #555 !important;
  font-size: .6rem !important;
}

.btn_change_box img {
  width: .725rem;
  height: .725rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.gz_img_container .byq_img_container:not(:nth-child(3n+0)) {
  margin-right: 3% !important;
}

.btn_pay_attention {
  padding: 0 0.35rem;
  height: 1.05rem;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(98, 143, 251, 1);
  border-radius: .15rem;
  color: #628FFB;
  font-size: .65rem;
}

.btn_pay_attention.btn_active {
  color: #7B818F;
  font-size: .65rem;
  border: 1px solid rgba(123, 129, 143, 1);
}


.same_my_bh input[type="checkbox"] {
  position: absolute;
  width: .75rem;
  height: .75rem;
  top: 0rem;
  left: 0;
  opacity: 0;
}

.same_my_bh i {
  display: inline-block;
  width: .8rem;
  height: .8rem;
  border: 1px solid #c9c9c9;
  border-radius: 50%;
  position: relative;
  vertical-align: middle;
  margin-right: .25rem;
}

.same_my_bh input[type="checkbox"]:checked~i {
  background: url(../images/radio_blue_checked.png) no-repeat center center/cover;
  border: none;
}

.same_bh_line {
  padding: 0.725rem 0;
  border-bottom: 1px solid #fafafa;
}

.same_line {
  padding: 0 0.6rem;
}

.same_line>div {
  border-bottom: 1px solid #fafafa;
}

.btn_add_sucai {
  width: 5rem;
  height: 1.7rem;
  background: #628FFB;
  border-radius: .15rem;
  border: none;
  color: #fff;
  font-size: .85rem;
}

.no_sucai_img img {
  width: 10.625rem;
  height: 8.15rem;
}

.bh_head_container {
  background: url(../images/bg_bh_head.png) no-repeat center center/cover;
  width: 100%;
  padding: 0.725rem 0.6rem 0.725rem 0.6rem;
  position: relative;
}

.bh_head_container .head_top .head_name img {
  width: 3.1rem;
  height: 3.1rem;
  border-radius: .25rem;
  vertical-align: middle;
}

.bh_head_container .head_mask {
  padding: 0.1rem 0.25rem;
  background: rgba(248, 204, 119, 1);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.45);
  border-radius: .075rem;
  font-size: .6rem;
  color: #494A4B;
  margin-right: .125rem;
}

.bh_head_container .head_dsc {
  font-size: .65rem;
  color: #fff;
  line-height: .85rem;
}

.bh_head_container .head_label span {
  font-weight: bold;
  font-size: .7rem;
  color: #fff;
  margin-right: 1.75rem;
}

.bh_head_container .head_top {
  align-items: flex-start;
}

.bh_head_container .icon_share {
  display: inline-block;
  width: 1.35rem;
  height: 1.35rem;
  background: #000000;
  border-radius: 50%;
  padding: 0.35rem;
  vertical-align: text-top;
}

.bh_head_container .icon_share img {
  text-align: center;
  width: .65rem;
  height: .65rem;
}

.user_small_head {
  width: 1.7rem;
  height: 1.7rem;
  vertical-align: middle;
  border-radius: 50%;
}

.bz_mask_img img {
  width: .7rem;
  height: .7rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.icon_more_line {
  display: inline-block;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  background: #000000;
  text-align: center;
}

.icon_more_line img {
  width: .85rem;
  height: .2rem;
  vertical-align: -5%;
}

.bh_items_group {
  position: absolute;
  color: #555;
  font-size: .55rem;
  background: #fff;
  border-radius: .25rem;
  width: 94%;
  padding: .925rem 0;
  left: 3%;
  bottom: -2.8rem;
  box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.16);
}

.bh_items_group .item_assist img {
  width: 1.45rem;
  height: 1.425rem;
}

.bh_items_group .item_hot img {
  width: 1.25rem;
  height: 1.4rem;
}

.bh_items_group .item_topic img {
  width: 1.5rem;
  height: 1.425rem;
}

.bh_items_group .item_tool img {
  width: 1.275rem;
  height: 1.3rem;
}

.pt150 {
  padding-top: 3.75rem;
}

.options_box {
  position: absolute;
}

.more_line_list {
  background: #fff;
  border: 1px solid rgba(239, 239, 239, 1);
  box-shadow: 0px .15rem .3rem 0px rgba(111, 168, 128, 0.35);
}

.more_oper_box {
  position: relative;
}

.options_line_box {
  position: absolute;
  right: 0rem;
  z-index: 1001;
  top: 0.25rem;
  display: block;
  border-radius: .25rem;
}

.more_line_list {
  width: 5.4rem;
  color: #2E2E2E;
  font-size: .65rem;
}

.more_line_list li a {
  display: flex;
  padding: .5rem 0;
  padding-left: 0.6rem;
}

.more_line_list li:not(:last-child) {
  border-bottom: 1px solid #fafafa;
}

.more_line_list li a span {
  width: 90%;
  text-align: center;
  height: 1rem;
  line-height: 1rem;
}

.option_share_line img {
  width: .8rem;
  height: .775rem;
  vertical-align: middle;
}

.option_check_line img {
  width: .7rem;
  height: .8rem;
}

.option_edit_line img {
  width: .85rem;
  height: .85rem;
}

.option_out_line img {
  width: .725rem;
  height: .775rem;
}

.btn_filter_news img {
  width: .8rem;
  height: .425rem;
  vertical-align: middle;
  margin-left: .25rem;
}

.option_recommend_line img {
  width: .8rem;
  height: .75rem;
}

.option_publish_line img {
  width: .7rem;
  height: .8rem;
}

.option_remind_line img {
  width: .8rem;
  height: .8rem;
}














































































/*.options_line_box:before{
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-left: 0.2rem solid transparent;
	border-right: 0.2rem solid transparent;
	border-bottom: 0.3rem solid #fff;
	top: -0.3rem;
	right: 0.5rem;
	
}*/

.filter_line_box {
  display: none;
}

.oper_line_box {
  display: none;
}

.user_img_box {
  position: relative;
  display: inline-block;
}

.user_img_box>span.bh_menbers {
  position: absolute;
  display: inline-block;
  width: 100%;
  bottom: 0;
  color: #fff;
  font-size: .5rem;
  left: 0;
  padding: 0.15rem;
}

.fx_bh_container {
  background: #fff;
  padding: 0 2rem 0.25rem 0.6rem;
}

.fx_bh_swiper {
  width: 100%;
}

.fx_bh_swiper>div {
  margin-right: 0.725rem;
}

.fx_bh_swiper .bh_item {
  padding: 0 0.6rem;
  background: rgba(255, 255, 255, 1);
  box-shadow: .05rem .075rem .35rem 0px rgba(0, 0, 0, 0.16);
  border-radius: .25rem;
}

.fx_bh_swiper .bh_item .item_box {
  padding: 0.6rem 0;
  white-space: nowrap;
}

.fx_bh_swiper .bh_item .item_box>img {
  width: 14%;
}

.fx_bh_swiper .bh_item .item_box>div {
  width: 86%;
}

.fx_bh_swiper .bh_item .item_box>div>p {
  white-space: normal;
}

.fx_bh_swiper .bh_item .item_box:nth-child(1) {
  border-bottom: 1px solid #fafafa;
}

.fx_bh_swiper .bh_item img {
  width: 2.2rem;
  height: 2.2rem;
  vertical-align: middle;
  border-radius: .15rem;
}

.bh_swiper_text {
  height: 100%;
  box-shadow: .1rem .15rem .2rem 0px rgba(0, 0, 0, 0.16);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: .25rem;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3))
}

.bh_swiper_text p {
  position: absolute;
  bottom: 0.5rem;
  left: 0.6rem;
  font-size: .9rem;
  font-weight: bold;
  line-height: 1rem;
  color: #fff;
  padding-right: 0.9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.bh_head_slide {
  position: relative;
}

.icon_doubt_img {
  width: .575rem;
  height: .575rem;
  vertical-align: middle;
  margin-left: .25rem;
}

.small_target {
  width: 4.1rem;
  height: 4.45rem;
}

.all_play {
  width: 4.1rem;
  height: 4.45rem;
}

.share_app_line {
  padding: 0.725rem 0.6rem;
  background: rgba(239, 239, 239, 1);
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999999;
}

.share_app_line .logo_bang {
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.share_app_line .logo_put_right {
  width: .225rem;
  height: .4rem;
  vertical-align: middle;
  margin-left: .25rem;
}

.share_app_line .logo_put_up {
  width: .4rem;
  height: .225;
  vertical-align: middle;
  margin-left: .25rem;
}

.share_app_line .logo_login {
  width: 1.075rem;
  height: 1.075rem;
  border-radius: 50%;
}

.reading_tips {
  padding: 0 0.6rem;
}

.reading_tips a {
  text-align: center;
  display: inline-block;
  font-size: .65rem;
  color: #628FFB;
  width: 100%;
  line-height: 1.8rem;
  height: 1.8rem;
  border-radius: .25rem;
  background: rgba(242, 242, 242, 1)
}

.share_container {
  padding-top: 2.6rem;
  height: 100%;
}

.share_items .icon_enter {
  width: .825rem;
  height: .875rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.share_items .icon_check {
  width: .975rem;
  height: .825rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.share_items_container {
  background: #fff;
  padding: 0.6rem;
  border-radius: .25rem;
}

.share_items>a {
  height: 1.5rem;
  line-height: 1.5rem;
}

.go_index_line a {
  display: inline-block;
  width: 100%;
  height: 1.8rem;
  border: 1px solid rgba(218, 70, 70, 1);
  border-radius: .25rem;
  text-align: center;
  line-height: 1.8rem;
  color: #DA4646;
  font-size: .75rem;
  font-weight: bold;
}

.share_code_container {
  width: 70%;
  position: absolute;
  left: 15%;
  top: 30%;
  background: #fff;
  padding-top: 1.625rem;
  border-radius: .5rem;
  z-index: 1001;
}

.share_code_container .code_box {
  text-align: center;
}

.share_code_container .code_box img {
  width: 6.9rem;
  height: 6.9rem;
}

.btn_close_box button {
  width: 100%;
  background: none;
  border-top: 1px solid #fafafa;
  color: #628FFB;
  height: 2.25rem;
  line-height: 2.25rem;
  font-size: .8rem;
  border: none;
}

.share_padding_top {
  padding-top: 2.5rem;
}

.all_text_img img {
  display: block;
  max-width: 80%;
  height: auto;
}

.out_table table {
  width: 100% !important;
}

.write_textarea_box {
  padding: 0rem 0.6rem 0.6rem 0.725rem;
  background: #fff;
}

.btn_send_msg button {
  height: 2.5rem;
  background: rgba(239, 239, 239, 1);
  line-height: 2.5rem;
  color: #999;
  font-size: .8rem;
  font-weight: bold;
  border: none;
  width: 100%;
  text-align: center;
}

.login_by_weixin img {
  width: .8rem;
  height: .8rem;
  vertical-align: middle;
  margin-right: .125rem;
}


.bottom_payment_line {
  background: rgba(250, 250, 250, 1);
  box-shadow: 0px 1px 0px 0px rgba(204, 204, 204, 1);
}

.bottom_payment_line>div:nth-child(1) {
  padding: 0 0.6rem;
  height: 2.2rem;
  line-height: 2.2rem;
}

.bottom_payment_line>div:nth-child(2) {
  width: 30%;
}

.bottom_payment_line>div:nth-child(2) a {
  display: inline-block;

  height: 100%;
  background: rgba(204, 49, 49, 1);
  color: #fff;
  font-size: .75rem;
  height: 2.2rem;
  line-height: 2.2rem;
  width: 100%;
  text-align: center;
}

.buy_success_tips img {
  width: .6rem;
  height: .6rem;
}

.buy_success_text p {
  background: #fff;
  padding: .975rem .85rem;
  line-height: 1.25rem;
}

.buy_success_box {
  height: 100%;
  background: #f7f7f7;
}

.buy_success_tips img {
  margin-right: .25rem;
  width: .6rem;
  height: .6rem;
}

.buy_success_check a {
  color: #628FFB;
  font-size: .7rem;
  padding: 0.2rem 0.6rem;
  border: 1px solid rgba(98, 143, 251, 1);
  border-radius: 6px;
}

.public_address_line {
  background: url(../images/bg_goumaiye.png) no-repeat center center;
  background-size: cover;
  height: 2.2rem;
  color: #fff;
  padding: 0 0.6rem;
}

.abstract_title {
  position: relative;
}

.abstract_title p {
  border: 1px solid #628ffb;
  color: #628ffb;
  line-height: 1.05rem;
  font-size: .7rem;
  padding: 0.725rem 0.6rem 0.5rem 0.6rem;
  border-radius: .075rem;
}

.abstract_title span.line_title {
  position: absolute;
  left: 0;
  top: -0.35rem;
  font-size: .7rem;
  color: #628ffb;
  padding: 0.1rem 0.3rem 0.2rem 0;
}

.abstract_title {
  position: relative;
}

.abstract_title p {
  border: 1px solid #628ffb;
  color: #628ffb;
  line-height: 1.05rem;
  font-size: .7rem;
  padding: 0.725rem 0.6rem 0.5rem 0.6rem;
  border-radius: .075rem;
}

.abstract_title span.line_title {
  position: absolute;
  left: 0;
  top: -0.35rem;
  font-size: .7rem;
  color: #628ffb;
  padding: 0.1rem 0.3rem 0.2rem 0;
}

.pay-order-way>div:nth-child(3) {
  padding: 0.725rem;
  border-top: 1px solid #ebebeb;
}

.pay-order-way>div:nth-child(3) i.font_img {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  background: url("../images/icon_weixinlogo.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: -40%;
}















































































/*持股帮7.4.0*/

.filter_tabs_box {
  padding: 0.725rem 0.6rem;
  border-bottom: 1px solid rgba(226, 226, 226, 1);
}

.filter_tabs_box button {
  color: #666666;
  font-size: .65rem;
  background: rgba(239, 239, 239, 1);
  border-radius: .15rem;
  padding: .25rem 0.5rem;
  border: none;
}

.filter_tabs_box button:not(:first-child) {
  margin-left: .25rem;
}

.filter_tabs_box button.active {
  background: rgba(252, 242, 240, 1);
  border: 1px solid rgba(218, 70, 70, 1);
  color: #CD3031;
  font-weight: bold;
}

.user_attestation {
  font-size: .5rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  padding: 0.1rem 0.15rem;
  background: rgba(218, 70, 70, 1);
  border-radius: .075rem;
}

.line_title_explain {
  background: rgba(239, 239, 239, 1);
  font-size: .6rem;
  font-weight: 500;
  color: rgba(153, 153, 153, 1);
  line-height: 1.55rem;
  text-align: center;
  height: 1.55rem;
}

.hot_date_show {
  background: rgba(252, 242, 240, 1);
  height: 1.55rem;
  line-height: 1.55rem;
  text-align: center;
  font-size: .75rem;
  color: #666666;
}

.hot_module {
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(250, 250, 250, 1);
  box-shadow: 0px .05rem .175rem 0px rgba(0, 0, 0, 0.5);
  border-radius: .25rem;
  padding: 0 0.6rem;
}

.hot_module li {
  padding: 0.725rem 0;
}

.hot_module li:not(:last-child) {
  border-bottom: 1px solid #fafafa;
}

.hot_event_box {
  padding: .625rem 1.175rem;
}


.limited_period_radios input[type="checkbox"]:checked~i {
  background: url(../images/radio_blue_checked.png) no-repeat center center/cover;
  border: none;
}

.limited_period_radios input[type="checkbox"] {
  position: absolute;
  width: .75rem;
  height: .75rem;
  top: 0rem;
  left: 0;
  opacity: 0;
}

.bh_tabs>div {
  border-bottom: none;
}

.bh_tabs>div a {
  height: 2.25rem !important;
  line-height: 2.25rem !important;
}

.bh_user_head {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
}

.gray_user_mask {
  background: rgba(119, 119, 119, 1);
  padding: 0.05rem 0.3rem;
  font-size: .5rem;
  border-radius: .325rem;
}

.position_relative {
  position: relative;
}

.user_state {
  color: #CC3131;
  padding: 0.05rem 0.1rem;
  font-size: .45rem;
  position: absolute;
  bottom: -0.25rem;
  left: 0;
  background: #fff;
  white-space: nowrap;
  border-radius: .325rem;
}

.new_user_mask {
  position: absolute;
  font-size: .5rem;
  color: #fff;
  padding: 0.05rem 0.2rem;
  background: #777777;
  border-radius: .325rem;
  bottom: 0;
  right: -0.05rem;
}

.bh_user_nums {
  padding: 0.35rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: .85rem;
  font-size: .7rem;
  font-weight: bold;
}

.bh_all_news {
  background: rgba(0, 0, 0, 0.25);
  color: #fff;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 0.35rem 0.6rem;
}

.bh_all_news img {
  width: 2.025rem;
  height: 1.625rem;
}

.right_link {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(../images/icon_w_right.png) no-repeat center right;
  background-size: .5rem .9rem;
  text-align: right;
}

.hd_center_link {
  width: 100%;
  height: 5.25rem;
  background: url(../images/bg_qiandao.png) no-repeat center center;
  background-size: cover;
  padding: 0 0.6rem;
  position: relative;
}

.icon_ignore {
  color: #9DABB0;
  font-size: .65rem;
}

.icon_ignore span {
  vertical-align: -100%;
}

.icon_center_link {
  background: linear-gradient(90deg, rgba(255, 128, 57, 1), rgba(252, 174, 45, 1));
  border-radius: .65rem;
  padding: 0.25rem 0.4rem;
  color: #FFFFFF;
  font-size: .65rem;
}

.hd_center_link .bottom_line {
  position: absolute;
  bottom: 0.5rem;
  width: 100%;
  left: 0;
  padding: 0 0.6rem;
}

.option_synopsis_line img {
  width: .7rem;
  height: .8rem;
}

.option_member_line img {
  width: .975rem;
  height: .775rem;
}

.option_share_line img {
  width: .85rem;
  height: .875rem;
}

.option_manage_line img {
  width: .875rem;
  height: .875rem;
}

.bangbi_nums {
  color: #CC3131;
  font-size: 1.35rem;
}

.help_get_bangbi img {
  width: .75rem;
  height: .75rem;
}

.bangbi_select_items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.bangbi_select_items>div.item {
  border: 1px solid rgba(153, 153, 153, 1);
  border-radius: .25rem;
  padding: 0.6rem;
  width: 48.5%;
  margin-top: .5rem;
  text-align: center;
}

.bangbi_select_items>div.item.active {
  border: .05rem solid rgba(204, 49, 49, 1);
}

.btn_weixin_pay button {
  width: 100%;
  height: 2rem;
  background: rgba(60, 176, 53, 1);
  border-radius: .25rem;
  border: none;
  color: #fff;
}

.btn_zhifu_pay button {
  width: 100%;
  height: 2rem;
  background: rgba(98, 143, 251, 1);
  border-radius: .25rem;
  border: none;
  color: #fff;
}

.bottom_gray_agreement {
  background: rgba(237, 237, 237, 1);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.35rem;
  line-height: 2.35rem;
}

.hd_center_top {
  width: 100%;
  background: url(../images/bg_hd_date.png) no-repeat center/cover;
  min-height: 11.75rem;
  padding: 1.5rem 0.6rem 2.6rem 0.6rem;
}

.hd_center_top .date_box_out {
  height: 100%;
  width: 100%;
  border: .05rem solid rgba(145, 155, 177, 1);
  padding: 0.1rem;
}

.hd_center_top .date_box_in {
  height: 100%;
  width: 100%;
  border: .05rem solid rgba(145, 155, 177, 1);
  padding: 0.725rem 0.6rem;
}

.hd_center_top .date_box_in .box_head>span.date_number {
  width: 26%;
}

.hd_center_top .date_box_in .box_head>div.date_detail {
  width: 72%;
}

.date_number {
  display: inline-block;
  color: #F36363;
  font-size: 3rem;
  padding-right: 0.5rem;
  border-right: 1px solid #CCCCCC;
}


.date_yiji {
  border: 1px solid #919BB1;
  padding: 0.1rem;
  position: relative;
}

.date_yiji>div {
  border: 1px solid #919BB1;
  padding: 0.25rem;
  padding-left: 1.6rem;
}

.date_yiji .yiji_mask {
  color: #FFFFFF;
  display: inline-block;
  width: 1.85rem;
  height: 1.85rem;
  font-size: 1.35rem;
  background: url(../images/bg_yiji.png) no-repeat center/cover;
  text-align: center;
  line-height: 1.85rem;
  position: absolute;
  left: -0.25rem;
  top: -0.15rem;
}

.bh_center_items {
  position: static !important;
}

.center_items_box>div {
  margin: 0 auto;
  margin-top: -1.25rem;
}

.hd_title {
  padding-left: 1.8rem;
  position: relative;
}

.hd_title img {
  width: 1.3rem;
  height: 1.25rem;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0;
}

.hd_title P {
  margin-top: 0 !important;
}

.all_day_hd>li.day_hd_item {
  padding: 0.6rem;
  background: urL(../images/bg_hd_item.png) no-repeat center/cover;
  margin-top: .5rem;
}

.hd_item_mask {
  border-radius: .075rem;
  background: #2E2E2E;
  color: #FFDC6D;
  font-size: .55rem;
  padding: 0.1rem 0.2rem;
  margin-right: .125rem;
}

.btn_change_hd {
  color: #628FFB;
  font-size: .55rem;
  padding: 0.1rem 0.3rem;
  border-radius: .425rem;
  background: #fff;
  border: 1px solid #628FFB;
}

.hd_dynamic_textarea div[contenteditable="true"] {
  width: 100%;
  height: 5rem;
  border-radius: .25rem;
  background: #FFF;
  resize: none;
  border: none;
  padding: 0.725rem 0.6rem;
  line-height: 1.05rem;
}

.btn_hd_dynamic button {
  height: 1.8rem;
  width: 100%;
  color: #fff;
  line-height: 1.8rem;
  background: #CC3131;
  border-radius: .25rem;
  border: none;
}

.comment_link {
  padding: 0.725rem 0.6rem;
  background: #fff;
}

.comment_link img {
  width: .8rem;
  height: .8rem;
}

.hd_select_groups {
  background: #fff;
  padding: 0.725rem;
  border-radius: .25rem;
}

.hd_select_groups a {
  padding: 0.1rem;
}

.hd_select_groups a:nth-child(1) {
  border-right: 1px solid #fafafa;
}

.center_topic_popup {
  position: absolute;
  z-index: 1001;
  width: 96%;
  left: 2%;
  background: #fff;
  top: 20%;
  border-radius: .25rem;
}

.center_topic_popup .popup_top {
  border-bottom: 1px solid #E2E2E2;
  padding: 1.2rem 0 0.8rem 0;
}

.pupup_btn_cancel {
  width: 100%;
  height: 2.25rem;
  background: none;
  border: none;
  color: #999999;
  font-size: .8rem;
}

.dapan_item_box {
  background: url(../images/bg_dapan.png) repeat-y top center/cover;
  padding-bottom: .725rem;
}

.shares_mask {
  color: #fff;
  font-size: .55rem;
  padding: 0.1rem 0.2rem;
  border-radius: .075rem;
  background: linear-gradient(#F5712C, #FA9A4B);
  vertical-align: middle;
  margin-left: .25rem;
}

.icon_tanhao img {
  width: .8rem;
  height: .8rem;
}

.mask_buy {
  width: .9rem;
  height: .9rem;
  display: inline-block;
  line-height: .9rem;
  background: #719afb;
  color: #fff;
  font-size: .45rem;
  border-radius: 50%;
}

.mask_sell {
  width: .9rem;
  height: .9rem;
  display: inline-block;
  line-height: .9rem;
  background: #CC3F3F;
  color: #fff;
  font-size: .45rem;
  border-radius: 50%;
}

.dapan_item_box {
  border-radius: .25rem;
}

.tiny_item_box {
  padding: 0 0.6rem;
}

.tiny_item_box .item_title {
  padding: 0.5rem 0;
}

.tiny_item_box .item_content {
  background: #fff;
  border-radius: .25rem;
  padding: 0.5rem 0.6rem;
}

.latest_p p~p {
  margin-top: .2rem;
}

.max_table tr th {
  padding: .4rem 0;
  background: #CCCCCC;
  color: #555555;
  font-size: .6rem;
  flex: 1;
  background: rgba(204, 204, 204, 1);
}

.hot_plate_list li {
  padding: 0.5rem 0;
}

.hot_plate_list li:not(:last-child) {
  border-bottom: 1px solid #fafafa;
}

.add_dapan_items {
  width: 100%;
  height: 18.875rem;
  background: rgba(239, 239, 239, 1);
  border: .05rem dashed rgba(204, 204, 204, 1);
  border-radius: .15rem;
}

.btn_add_dapan {
  margin-top: 7rem;
  display: inline-block;
  width: 2.45rem;
  height: 2.45rem;
  color: #fff;
  background: #628FFB;
  border-radius: 50%;
  font-size: 2.4rem;
  text-align: center;
  line-height: 2.4rem;
}

.normal_textarea textarea {
  width: 100%;
  height: 5.675rem;
  resize: none;
  border: none;
  background: rgba(239, 239, 239, 1);
  border-radius: .25rem;
  padding: 0.6rem;
}

.bg_gray_line {
  padding: 0.6rem;
  background: rgba(239, 239, 239, 1);
}

.floating_surplus_red {
  background: rgba(255, 255, 255, 1);
  border: 1px dashed rgba(204, 49, 49, 1);
  border-radius: .15rem;
  padding: 0.15rem 0.2rem;
  color: #CC3131;
  font-size: .55rem;
}

.floating_surplus_green {
  background: rgba(255, 255, 255, 1);
  border: 1px dashed #1b8a3a;
  border-radius: .15rem;
  padding: 0.15rem 0.2rem;
  color: #1b8a3a;
  font-size: .55rem;
}

.oper_guide_buy {
  color: #fff;
  font-size: .7rem;
  display: inline-block;
  width: 1.15rem;
  height: 1.15rem;
  line-height: 1.15rem;
  text-align: center;
  border-radius: 50%;
  background: #628FFB;
  vertical-align: middle;
}

.oper_guide_sell {
  color: #fff;
  font-size: .7rem;
  display: inline-block;
  width: 1.15rem;
  height: 1.15rem;
  line-height: 1.15rem;
  text-align: center;
  border-radius: 50%;
  background: #CC3131;
  vertical-align: middle;
}

.AI_dialog_box {
  position: relative;
  padding-left: 2.5rem;
}

.AI_dialog_box .dialog_head {
  position: absolute;
  left: 0;
}

.AI_dialog_box .dialog_head .dialog_img img {
  width: 2rem;
  height: 2rem;
}

.AI_dialog_box .dialog_content p {
  color: #2E2E2E;
  font-size: .7rem;
  background: rgba(239, 239, 239, 1);
  border-radius: .25rem;
  line-height: 1.05rem;
  padding: 0.5rem 0.6rem;
}

.dialog_question_list a {
  display: inline-block;
  padding: 0.5rem 0.6rem;
  border: 1px solid rgba(136, 136, 136, 1);
  border-radius: 1.2rem;
  line-height: .9rem;
}

.dialog_question_input input {
  height: 2rem;
  background: rgba(250, 250, 250, 1);
  border: 1px solid rgba(225, 225, 225, 1);
  border-radius: .15rem;
  padding: 0 0.6rem;
  width: 80%;
}

.dialog_question_input button {
  height: 2rem;
  background: linear-gradient(165deg, rgba(103, 147, 239, 1), rgba(76, 123, 222, 1));
  border-radius: .15rem;
  color: #fff;
  margin-left: 2%;
  border: none;
  width: 18%;
  font-size: .75rem;
}

.border_blue_btn {
  padding: 0.15rem 0.4rem;
  border-radius: .525rem;
  border: 1px solid rgba(98, 143, 251, 1);
  color: #628FFB;
  font-size: .7rem;
  background: none;
}

.border_red_btn {
  padding: 0.15rem 0.4rem;
  border-radius: .525rem;
  border: 1px solid #CC3131;
  color: #CC3131;
  font-size: .7rem;
  background: none;
}

.bg_gray_btn {
  padding: 0.15rem 0.4rem;
  border-radius: .525rem;
  color: #FFFFFF;
  font-size: .7rem;
  background: none;
  background: #999999;
  border: none;
}

.pool_list li {
  padding: 0.725rem 0;
}

.pool_list li:not(:last-child) {
  border-bottom: 1px solid #fafafa;
}

.pool_item_content {
  padding: 0 0.6rem;
}

.pool_item_content ul {
  background: #fef5f0
}

.list_float {
  position: relative;
  width: 106%;
  left: -3%;
  background: #fff;
}

.border_radius_bottom {
  border-radius: 0 0 .25rem .25rem;
}

.border_radius_top {
  border-radius: .25rem .25rem 0 0;
}

.icon_blue_select {
  width: .525rem;
  height: .525rem;
  vertical-align: top;
  margin-left: .125rem;
}

.list_title_line {
  background: #EFEFEF;
  color: #666666;
  font-size: .6rem;
  padding: 0.5rem;
}

.new_selected_list li {
  padding: 0.5rem 0;
}

.new_selected_list li:not(:last-child) {
  border-bottom: 1px solid #fafafa;
}

.btn_add_zixuan {
  background: rgba(204, 49, 49, 1);
  border-radius: .15rem;
  padding: 0.15rem 0.2rem;
  border: none;
  color: #fff;
  font-size: .75rem;
}

.border_red_mask {
  border: 1px solid rgba(204, 49, 49, 1);
  border-radius: .15rem;
  padding: 0.1rem 0.2rem;
  font-size: .6rem;
  color: #CC3131;
  margin-left: .25rem;
}

.capital_flow_list li>div {
  padding: 0.5rem 0;
}

.capital_flow_list li {
  padding: 0 0.6rem;
  border: 1px solid rgba(239, 239, 239, 1);
  box-shadow: .05rem .05rem .125rem 0px rgba(0, 0, 0, 0.08);
  border-radius: .25rem;
}

.capital_flow_list li:not(:first-child) {
  margin-top: .5rem;
}

.capital_flow_list li>div:nth-child(1) {
  border-bottom: 1px dashed #CCCCCC;
}

.btn_hide_dynamic {
  color: #7B818F;
  font-size: .5rem;
  border: 1px solid rgba(123, 129, 143, 1);
  border-radius: .525rem;
  padding: 0.1rem 0.2rem;
  background: none;
}

.btn_show_dynamic {
  color: #628FFB;
  font-size: .5rem;
  border: 1px solid #628FFB;
  border-radius: .525rem;
  padding: 0.1rem 0.2rem;
  background: none;
}

.btn_hide_setdynamic {
  color: #7B818F;
  font-size: .5rem;
  border: 1px solid rgba(123, 129, 143, 1);
  border-radius: .525rem;
  padding: 0.1rem 0.2rem;
  background: none;
}

.btn_show_setdynamic {
  color: #628FFB;
  font-size: .5rem;
  border: 1px solid #628FFB;
  border-radius: .525rem;
  padding: 0.1rem 0.2rem;
  background: none;
}

.default_setting_popup {
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: .25rem .25rem 0 0;
  z-index: 10001;
}

.silvery {
  color: #747E95;
}

.default_setting_popup .popup_top {
  padding: 0.725rem 1rem;
}

.default_setting_popup .popup_center {
  padding: 0.725rem 1rem;
}

.default_setting_popup .popup_bottom {
  padding: 0.725rem 1rem;
}

.zn_attend_item {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px .05rem .15rem 0px rgba(0, 0, 0, 0.22);
  border-radius: .25rem;
  padding: 0.725rem 0.6rem;
}

.filter_stock_input {
  opacity: 0.97;
  border-radius: .25rem;
  border: none;
  width: 100%;
  vertical-align: middle;
  font-size: .7rem;
  height: 1.6rem;
  padding-left: 1.8rem;
  background: #fff url(../images/img_fangdajin.png) no-repeat 0.6rem center/.625rem;
}

.btn_down_tips {
  display: inline-block;
  width: 1rem;
  height: 0.5rem;
  vertical-align: middle;
  border-bottom: none !important;
  background: url(../images/icon_jiantou_dow.png) no-repeat center/.8rem .425rem;
}

.btn_up_tips {
  display: inline-block;
  width: 1rem;
  height: 100%;
  vertical-align: middle;
  border-bottom: none !important;
  background: url(../images/icon_jiantou_up.png) no-repeat center/.8rem .425rem;
}

.screening_contents_box {
  position: absolute;
  background: #fff;
  width: 6.15rem;
  box-shadow: 0px .075rem .2rem 0px rgba(0, 0, 0, 0.25);
  border-radius: .25rem;
  left: 2rem;
  top: 2.725rem;
  z-index: 10001;
}

.screening_contents_box ul li {
  height: 2.25rem;
  line-height: 2.25rem;
  font-size: .75rem;
  background: #fff;
}

.screening_contents_box>ul>li:not(:last-child) {
  border-bottom: 1px solid #fafafa;
}

.add_items_box a div img {
  width: 2.8rem !important;
  height: 2.8rem !important;
}

.not_open {
  width: 100%;
  height: 8rem;
  background: url(../images/bg_kongbai1.png) no-repeat center center/9.625rem 6.8rem;
}

.application_open {
  width: 100%;
  height: 8rem;
  background: url(../images/bg_kongbai2.png) no-repeat center center/9.625rem 6.8rem;
}

.application_btn button {
  padding: 0.25rem 0.35rem;
  border-radius: .25rem;
  background: #628FFB;
  color: #fff;
  font-size: .8rem;
  border: none;
}

.already_open {
  width: 100%;
  height: 8rem;
  background: url(../images/bg_kongbai3.png) no-repeat center center/9.625rem 6.8rem;
}

.opent_describe {
  padding: 0 1.5rem;
}

.btn_manage {
  padding: 0.15rem 0.5rem;
  border: 1px solid rgba(119, 119, 119, 0.2);
  border-radius: .475rem;
  background: #fff;
  color: #777;
  font-size: .6rem;
}

.btn_manage img {
  width: .55rem;
  height: .55rem;
  vertical-align: middle;
}

.icon_interaction {
  width: .9rem;
  height: .825rem;
  vertical-align: middle;
}

.interaction_list {
  padding: 0 0.6rem;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px .2rem 0px rgba(0, 0, 0, 0.25);
}

.interaction_list li {
  padding: 0.725rem 0;
}

.interaction_list li:not(:last-child) {
  border-bottom: 1px solid #fafafa;
}

.s_user_head {
  width: .9rem;
  height: .9rem;
  vertical-align: middle;
  border-radius: 50%;
}

.leaving_btn button {
  background: linear-gradient(165deg, rgba(103, 147, 239, 1), rgba(76, 123, 222, 1));
  border-radius: .15rem;
  padding: 0.5rem 0.725rem;
  border: none;
  color: #fff;
  font-size: .75rem;
}

.reminder_line {
  background: rgba(242, 242, 242, 1);
}

.reminder_line p {
  text-align: center;
  line-height: 2.25rem;
}

.unlock_space_popup {
  position: absolute;
  background: #fff;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 10001;
}

.unlock_space_popup .popup_top {
  padding: 0.725rem 0.6rem;
}

.unlock_space_popup .popup_top img {
  width: .75rem;
  height: .75;
}

.btn_bg_blue {
  padding: 0.25rem 0.4rem;
  background: #628FFB;
  border-radius: .25rem;
  border: none;
  color: #fff;
  font-size: .75rem;
}

.unlock_space_popup .popup_content {
  padding: 0.5rem 0.6rem;
}

#swiper-bzs {
  padding-bottom: 1rem;
}

#swiper-bzs>div.swiper-wrapper .swiper-slide {
  height: 18rem;
  overflow: hidden;
}

#swiper-bzs .swiper-pagination {
  bottom: 10px !important;
}

#swiper-bzs .swiper-pagination .swiper-pagination-bullet {
  width: .55rem;
  height: .15rem;
  background: #ccc;
}

#swiper-bzs .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #628FFB;
}

.hd_date_text {
  padding: 0.725rem 0.4rem 0 4.8rem;
  font-size: .75rem;
}

.audit_header {
  height: 2.5rem;
  background: rgba(239, 239, 239, 1);
}

.audit_header>div {
  position: relative;
}

.audit_content_list li {
  padding: 0.725rem 0.6rem;
}

.audit_content_list li:not(:last-child) {
  border-bottom: .175rem solid #E8E8E8;
}

.audit_btn_gray {
  width: 4.5rem;
  height: 1.125rem;
  border: 1px solid rgba(123, 129, 143, 1);
  border-radius: .075rem;
  background: none;
  color: #7B818F;
  font-size: .6rem;
}

.audit_btn_blue {
  color: #628FFB;
  font-size: .6rem;
  width: 4.4rem;
  height: 1.125rem;
  border: 1px solid #628FFB;
  border-radius: .075rem;
  background: none;
}

.audit_screen_box {
  position: absolute;
  background: #fff;
  width: 90%;
  box-shadow: 0px .075rem .2rem 0px rgba(0, 0, 0, 0.25);
  border-radius: .25rem;
  left: 0.6rem;
  top: 2rem;
  z-index: 10001;
}

.audit_screen_box ul li {
  height: 2.25rem;
  line-height: 2.25rem;
  font-size: .75rem;
  background: #fff;
  text-align: left;
  padding-left: 2rem;
}

.audit_screen_box>ul>li:not(:last-child) {
  border-bottom: 1px solid #fafafa;
}

.bang_jiedu_tips {
  padding: 0.5rem 0.6rem;
  border: 1px dashed #999999;
  position: relative;
}

.bg_gray_tanhao {
  width: .6rem;
  height: .55rem;
  vertical-align: middle;
  margin-right: .25rem;
  border-radius: 50%;
}

.bang_jiedu_tips div p {
  line-height: 1rem;
}

.icon_red_close {
  width: .7rem;
  height: .7rem;
  position: absolute;
  right: -0.35rem;
  top: -0.35rem;
}

.bang_tips_box {
  background: #fff;
  padding: 0.725rem 0.6rem;
  margin-top: -.25rem;
}

.price_btns_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.price_btns_box span {
  width: 30%;
  display: inline-block;
  height: 1.75rem;
  background: rgba(240, 243, 248, 1);
  border-radius: .25rem;
  line-height: 1.75rem;
  text-align: center;
  color: #2E2E2E;
  font-size: .8rem;
}

.price_btns_box span.active {
  color: #CC3131;
  border: 1px solid #CC3131;
  background: url(../images/selected-gou.png) no-repeat right top/1.1rem 1.05rem;
}

.black_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 1);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}

.QA_list li {
  padding: 0.725rem 0.6rem;
}

.QA_list li:not(:last-child) {
  border-top: 1px solid #EFEFEF;
}

.QA_list li>div {
  display: flex;
  align-items: flex-start;
}

.QA_list li div .mask_question {
  background: rgba(204, 49, 49, 1);
  border-radius: .075rem;
  font-weight: bold;
  font-size: .65rem;
  padding: 0.1rem 0.15rem;
  color: #fff;
  margin-right: .25rem;
}

.QA_list li div .mask_answer {
  background: #628FFB;
  border-radius: .075rem;
  font-weight: bold;
  font-size: .65rem;
  padding: 0.1rem 0.15rem;
  color: #fff;
  margin-right: .25rem;
}

.bg_light_pink {
  background: linear-gradient(180deg, rgba(255, 244, 244, 0.5), rgba(255, 235, 235, 0.5));
}

.return_test_top img {
  width: 8.45rem;
  height: 9.25rem;
}

.return_test_box {
  padding: 4rem 1.2rem 0 1.2rem;
}

.btn_start_test {
  margin-top: 3rem;
}

.btn_start_test button {
  width: 90%;
  height: 2.2rem;
  background: linear-gradient(150deg, rgba(218, 70, 70, 1), rgba(205, 48, 49, 1));
  box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.18);
  border-radius: 44px;
  border: none;
  color: #fff;
  font-size: .95rem;
}

.return_test_list li {
  padding: 0.5rem 0.625rem;
  border-bottom: 1px solid rgba(239, 239, 239, 1)
}

.btn_invest {
  padding: 0.725rem 0.6rem;
}

.btn_invest button {
  width: 100%;
  height: 2.5rem;
  background: rgba(204, 49, 49, 1);
  border-radius: 50px;
  border: none;
  color: #fff;
}

.live_img_box {
  text-align: center;
  position: relative;
}

.live_img_box img {
  max-width: 100%;
}

.live_share_text {
  color: #fff;
  width: 90%;
  position: absolute;
  left: 5%;
  bottom: 0;
  padding: 0.5rem 0.6rem;
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 50%);
}

.gray-dcd {
  color: #DCDCDC;
}

.fixed_bottom_box {
  position: fixed;
  width: 100%;
  bottom: 0;
  background: #fff;
  padding: 0.5rem 0.6rem;
  box-shadow: 0px -.15rem .25rem 0px rgba(0, 0, 0, 0.08);
}

.btn_border_blue {
  padding: 0.35rem 0.5rem;
  border-radius: .25rem;
  border: 1px solid #628FFB;
  color: #628FFB;
  font-size: .7rem;
  background: none;
}

.live_host_top {
  background: rgba(211, 211, 211, 1);
  padding: 1rem 0.6rem;
  height: 14%;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 10;
}

.live_dialogue_box {
  height: 76%;
  padding: 0.725rem 0.6rem;
  margin-top: 8rem;
}

.live_dialogue_box ul li:not(:first-child) {
  margin-top: 1.25rem;
}

.live_user_head {
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  border-radius: 50%;
}

.left_dialogue {
  text-align: left;
}

.left_dia_text {
  display: inline-block;
  padding: 0.5rem;
  background: #fff;
  color: #2e2e2e;
  font-size: .75rem;
  border-radius: .25rem;
}

.left_dia_text .text_title {
  border-bottom: 1px dashed #2E2E2E;
  padding-bottom: 0.35rem;
}

.left_dia_img img {
  max-width: 70%;
  max-height: 8rem;
}

.right_dia_img img {
  max-width: 70%;
  max-height: 8rem;
}

.left_dia_box {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
  position: relative;
}

.left_dia_box>div {
  display: flex;
}

.btn_dia_reply {
  padding: 0.05rem 0.15rem;
  font-size: .65rem;
  color: rgba(255, 254, 254, 1);
  background: #6793EF;
  border-radius: .125rem;
  border: none;
}

.right_dialogue .dialogue_head {
  display: flex;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  align-items: center;
}

.mask_bang_host {
  color: #CC3131;
  padding: 0.1rem;
  border: 1px solid #CC3131;
  border-radius: .075rem;
  font-size: .6rem;
}

.right_dia_box {
  padding-right: 2.25rem;
  padding-left: 2.25rem;
}

.right_dia_box>div {
  display: flex;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  align-items: center;
}

.right_dia_text {
  display: inline-block;
  color: #2e2e2e;
  background: #f5f5f5;
  border-radius: .25rem;
  padding: 0.5rem;
  border-radius: .25rem;
}

.right_dia_text .text_title {
  border-bottom: 1px dashed #999;
  padding-bottom: 0.35rem;
}

.live_dia_input {
  height: 10%;
  display: flex;
  align-items: flex-end;
}

.live_dia_input .file_img_box {
  position: relative;
}

.live_dia_input>input[type="text"] {
  flex: 8.8;
  background: rgba(250, 250, 250, 1);
  border: 1px solid rgba(225, 225, 225, 1);
  border-radius: .15rem;
  height: 2rem;
  padding: 0 0.6rem;
}

.live_dia_input>div {
  flex: 1.2;
}

.live_dia_input .input_img img {
  width: .875rem;
  height: .775rem;
}

.center_dialogue {
  text-align: center;
  position: absolute;
  top: 8rem;
  left: 0;
  width: 100%;
  z-index: 10;
  height: 2.25rem;
  line-height: 2.25rem;
  background: #f4f5f6;
}

.center_dialogue a {
  padding: 0.25rem 0.6rem;
  background: linear-gradient(165deg, rgba(103, 147, 239, 1), rgba(76, 123, 222, 1));
  border-radius: .15rem;
  color: #fff;
  font-size: .7rem;
}

#checkbox_view {
  opacity: 0;
}

.live_view_checkbox i {
  display: inline-block;
  width: .75rem;
  height: .75rem;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(153, 153, 153, 1);
  border-radius: .125rem;
  vertical-align: middle;
  margin-right: .125rem;
}

#checkbox_view:checked~i {
  border: 1px solid #DA4646;
  background: #fff url(../images/red_gou.png) no-repeat center center/.6rem .45rem;
}

.bg_light_pink {
  background: linear-gradient(180deg, rgba(255, 244, 244, 0.5), rgba(255, 235, 235, 0.5));
}

.live_host_reply li {
  padding: 0.725rem 0.6rem;
  border-bottom: 1px solid #888888;
}

.time_choose_box {
  display: flex;
}

.time_choose_box input {
  width: 40%;
  color: #628FFB;
  font-size: .8rem;
  text-align: center;
  height: 1.7rem;
  border: 1px solid rgba(204, 204, 204, 1);
}

.time_choose_box span {
  width: 10%;
  text-align: center;
}

.time_choose_box span img {
  width: .925rem;
  height: .3rem;
}

.live_partake_checkbox {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.6rem;
}

.live_partake_checkbox>div {
  font-size: .7rem;
  color: #777;
  width: 48%;
  margin-top: .5rem;
}

.live_partake_checkbox>div label {
  position: relative;
}

.live_partake_checkbox>div input[type="checkbox"] {
  opacity: 0;
  margin-right: .25rem;
  position: absolute;
  left: 0;
  top: 0;
  vertical-align: middle;
}

.live_partake_checkbox>div i {
  display: inline-block;
  width: .9rem;
  height: .8rem;
  background: url(../images/checkbox-icon.png) no-repeat center/cover;
  vertical-align: middle;
  margin-right: .25rem;
}

.live_partake_checkbox>div span {
  vertical-align: middle;
}

.live_partake_checkbox>div input[type="checkbox"]:checked~i {
  background: url(../images/checkbox-icon-active.png) no-repeat center/cover;
}

.live_partake_checkbox>div input[type="checkbox"]:checked~span {
  color: #CC3131;
}

.live_partake_checkbox>div:nth-child(even) {
  margin-left: 4%;
}

.icon_more_question {
  width: .575rem;
  height: .575rem;
  vertical-align: middle;
  margin: 0 .5rem;
}

.choose_menber_popup {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1001;
  width: 100%;
  background: #fff;
}

.choose_menber_popup .popup_top {
  display: flex;
  justify-content: space-between;
  padding: 0.725rem 0.6rem;
  background: rgba(239, 239, 239, 1);
}

.choose_menber_popup .popup_content .search_box input {
  width: 100%;
  height: 2.2rem;
  border: 1px solid rgba(153, 153, 153, 1);
  border-radius: .25rem;
  padding-left: 2rem;
  padding-right: 0.6rem;
  background: url("../images/img_fangdajin.png")no-repeat 0.6rem center/.9rem;
}

.red_gou_checkbox input[type="checkbox"] {
  opacity: 0;
  margin-right: .25rem;
  position: absolute;
  left: 0;
  top: 0;
  vertical-align: middle;
}

.red_gou_checkbox i {
  display: inline-block;
  width: .9rem;
  height: .8rem;
  background: url(../images/checkbox-icon.png) no-repeat center/cover;
  vertical-align: middle;
  margin-right: .25rem;
}

.red_gou_checkbox input[type="checkbox"]:checked~i {
  background: url(../images/checkbox-icon-active.png) no-repeat center/cover;
}

.red_gou_checkbox input[type="checkbox"]:checked~span {
  color: #CC3131;
}

.choose_menber_list {
  height: 10rem;
  overflow-y: auto;
}

.choose_menber_list li {
  padding: 0.5rem 0.6rem;
  border-bottom: 1px solid #EFEFEF;
}

.icon_user_vip {
  color: #fff;
  font-size: .5rem;
  padding: 0.1rem 0.2rem;
  background: rgba(204, 49, 49, 1);
  border-radius: .075rem;
  margin-right: .25rem;
}

.bottom_share_items img {
  width: 1.5rem;
  height: 1.5rem;
}

.examine_screen_box {
  position: relative;
  height: 8%;
}

.examine_screen_box .screen_top {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  position: relative;
}

.examine_screen_box .screen_content {
  position: absolute;
  left: 0;
  top: 2.5rem;
  width: 100%;
  display: none;
  z-index: 1001;
}

.examine_screen_box .screen_content ul {
  background: rgba(239, 239, 239, 1);
  padding: 0 0.6rem;
}

.examine_screen_box .screen_content ul li {
  height: 2.5rem;
  line-height: 2.5rem;
  color: #555555;
  font-size: .8rem;
}

.examine_screen_box .screen_content ul li:not(:last-child) {
  border-bottom: 1px solid rgba(233, 233, 233, 1);
}

.screen_put {
  position: absolute;
  right: 0.6rem;
  top: 0.725rem;
  width: 1rem;
  height: 1rem;
  display: inline-block;
}

.put_up {
  background: url(../images/icon_jiantou_up.png) no-repeat center/.8rem .425rem;
}

.put_down {
  background: url(../images/icon_jiantou_dow.png) no-repeat center/.8rem .425rem;
}

.examine_slide_container {
  padding: 0.725rem 0.6rem 0.5rem 0.6rem;
  background: #efefef;
  height: 76%;
  width: 100%;
}

.examine_slide_container .examine_slide_page {
  background: #FfEAB1;
  height: 100%;
  width: 100%;
  border-radius: .4rem;
}

.orange_fdc {
  color: #FDC222
}

.examine_slide_notes {
  padding: .25rem 0.6rem 0 0.6rem;
  height: 6%;
  color: #999;
  font-size: .65rem;
  background: #efefef;
}

.bottom_btns_group {
  height: 10%;
  width: 100%;
  background: rgba(255, 255, 255, 1);
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px -.15rem .25rem 0px rgba(0, 0, 0, 0.06);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.6rem;
}

.bottom_btns_group>button {
  width: 30%;
  height: 72%;
  border: none;
  border-radius: .25rem;
  color: #fff;
  font-size: .8rem;
}

.bottom_btns_group>button.btn_gray {
  background: rgba(153, 153, 153, 1);
}

.bottom_btns_group>button.btn_orange {
  background: rgba(235, 186, 65, 1);
}

.bottom_btns_group>button.btn_blue {
  background: rgba(98, 143, 251, 1);
}

.bg_red_span {
  color: #fff;
  font-size: .55rem;
  background: #CC3131;
  padding: 0.05rem 0.1rem;
  border-radius: .075rem;
}

.live_detail_item .item_main {
  display: flex;
  padding-top: 1.2rem;
}

.live_detail_item .item_main .item_left_img {
  flex: 3;
}

.live_detail_item .item_main .item_main_content {
  flex: 7
}

.live_detail_item .item_main .item_left_img img {
  width: 4.5rem;
  height: 6rem;
}

.live_detail_item {
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(239, 239, 239, 1);
  box-shadow: 0px 1px .3rem 0px rgba(0, 0, 0, 0.12);
  border-radius: .25rem;
}

.live_detail_item>div:nth-child(1) {
  padding: 1.2rem 0.6rem 0.725rem 0.6rem;
}

.live_detail_item>div:nth-child(2) {
  height: 2.25rem;
  padding: 0 0.6rem;
}

.item_main_content {
  position: relative;
}

.item_main_content>div {
  width: 100%;
}

.item_main_content .content_bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-left: .5rem;
  padding: 0.5rem 0rem 0.5rem 0.5rem;
  width: 100%;
}

.bg_pink {
  text-align: center;
  padding: 0.05rem;
  background: rgba(246, 119, 49, 0.12);
  border-radius: .075rem;
  margin-right: .125rem;
}

.live_detail_list li {
  padding: 0.725rem 0.6rem 0.725rem 0.6rem;
}

.live_detail_list li:not(:last-child) {
  border-bottom: .4rem solid #EFEFEF;
}

.icon_live_share {
  width: .675rem;
  height: .675rem;
}

.input_file_img {
  position: absolute;
  width: 2rem;
  height: 2rem;
  z-index: 1;
  left: 0;
  bottom: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

.icon_tv_live {
  width: 1.25rem;
  height: .9rem;
  margin-left: .25rem;
  vertical-align: middle;
}

.intimate_tv_show .tv_img img {
  width: 6.775rem;
  height: 4.8rem;
}

.intimate_tv_show .tv_show_btn button {
  background: rgba(98, 143, 251, 1);
  border-radius: .25rem;
  padding: 0.25rem 0.4rem;
  border: none;
  color: #fff;
  font-size: .8rem;
}

.item_bottom_btns {
  display: flex;
}

.item_bottom_btns button {
  height: 2rem;
  background: none;
  border: none;
  font-size: .7rem;
  width: 4rem;
}

.item_bottom_btns button:nth-child(1) {
  border-right: 1px solid #EFEFEF;
}

.risk_warning_box {
  padding: 0.5rem 0.6rem;
  background: rgba(238, 238, 238, 1);
  color: #666;
  font-size: .65rem;
}

.yj_header {
  padding: .75rem;
  background: #d8363b;
  color: #fff;
}

.header-top,
.header-hd {
  display: -moz-box;
  /* Firefox */
  display: -ms-flexbox;
  /* IE10 */
  display: -webkit-box;
  /* Safari */
  display: -webkit-flex;
  /* Chrome, WebKit */
  display: box;
  display: flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.yj_content {
  padding: .75rem;
  font-size: .75rem;
}

.yj_content .ct {
  font-size: .8rem;
  color: #d8363b;
}

.yj_content .large_title {
  font-size: .9rem;
  text-align: center;
  margin: .75rem 0;
}

.yj_content .min-title {
  font-size: .75rem;
  margin: .4rem 0;
  color: #d8363b;
}

.yj_footer {
  font-size: .7rem;
  color: #777;
  padding: .75rem;
}

.stock-bg-green {
  background: linear-gradient(120deg, rgba(131, 194, 203, 1), rgba(99, 186, 198, 1));
  box-shadow: 0px .1rem .2rem 0px rgba(0, 0, 0, 0.12);
  border-radius: .25rem;
}

.stock-bg-red {
  background: linear-gradient(180deg, rgba(218, 70, 70, 1), rgba(205, 48, 49, 1));
  box-shadow: 0px .15rem .25rem 0px rgba(0, 0, 0, 0.16);
  border-radius: .25rem;
}

.stock-bg-green .stock-c {
  color: #5CAEB9;
}

.stock-bg-red .stock-c {
  color: #CC3F3F;
}













































































/*直播审核左滑右滑*/

.examine_slide_container>div {
  position: relative;
}

.photo_box_0>.examine_slide_page {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}













































































/*直播审核入口*/

.live_audit {
  display: inline-block;
  position: absolute;
  bottom: 2rem;
  left: 0.625rem;
  width: 3.325rem;
  height: 3.325rem;
  font-size: .7rem;
  color: #fff;
  background: rgba(243, 99, 99, 1);
  box-shadow: 0px .05rem .15rem 0px rgba(0, 0, 0, 0.22);
  border-radius: 50%;
  padding-top: 0.9rem;
  line-height: 0.9rem;
}














































































/*7.4.0测试bug修改*/

.normal_textarea {
  position: relative;
}

.empty_content {
  position: absolute;
  right: 0.6rem;
  bottom: 0.6rem;
}

.empty_content img {
  width: .65rem;
  height: .65rem;
  vertical-align: middle;
}

.empty_content>span {
  vertical-align: middle;
  margin-left: .125rem;
}

#swiper-bzs .check_detail {
  padding: 0.3rem 0.625rem;
  font-size: .6rem;
  font-weight: 500;
  color: rgba(98, 143, 251, 1);
  background: rgba(255, 255, 255, 0.39);
  border: 1px solid rgba(98, 143, 251, 1);
  box-shadow: 1px .05rem .175rem 0px rgba(56, 47, 18, 0.2);
  border-radius: .6rem;
  position: absolute;
  right: 0.6rem;
  top: 16rem;
  z-index: 10;
}

#swiper-bzs {
  width: 100%;
}

#swiper-bzs .swiper-slide {
  padding: 0.25rem 0.6rem .325rem 0.6rem;
  width: 100% !important;
  border-width: 1px;
  border-color: rgb(239, 239, 239);
  border-style: solid;
  border-radius: 10px;
  background-image: -moz-linear-gradient(-75deg, rgb(219, 225, 243) 0%, rgb(200, 200, 220) 100%);
  background-image: -webkit-linear-gradient(-75deg, rgb(219, 225, 243) 0%, rgb(200, 200, 220) 100%);
  background-image: -ms-linear-gradient(-75deg, rgb(219, 225, 243) 0%, rgb(200, 200, 220) 100%);
}

#swiper-bzs .swiper-slide:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: .275rem;
  background: rgb(204, 207, 228);
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
}

.empty_content_small {
  display: inline-block;
  width: 0.725rem;
  height: 0.725rem;
  background: url(../images/icon_cicle_closed.png) no-repeat center center;
  background-size: .7rem;
  position: absolute;
  bottom: 0.45rem;
  right: 0.415rem;
  z-index: 1;
}

.icon_state {
  width: .8rem;
  height: 2.25rem;
}

.icon_state.icon_show {
  background: url(../images/icon_jiantou_dow.png) no-repeat center/.8rem .425rem;
}

.icon_state.icon_hide {
  background: url(../images/icon_jiantou_up.png) no-repeat center/.8rem .425rem;
}

.num_bg_orange {
  background: rgba(249, 149, 105, 1);
  border-radius: .15rem;
  padding: 0.15rem 0.2rem;
  font-size: .6rem;
  color: #fff;
  margin-left: .5rem;
}

.num_bg_brown {
  background: #F3C4A8;
  border-radius: .15rem;
  padding: 0.15rem 0.2rem;
  font-size: .6rem;
  color: #fff;
  margin-left: .5rem;
}

.leaving_btn button {
  position: relative;
}

.leaving_btn .leaving_msg_nums {
  position: absolute;
  display: inline-block;
  width: 1.1rem;
  height: 1.1rem;
  background: rgba(255, 73, 73, 1);
  border-radius: 50%;
  font-size: .45rem;
  text-align: center;
  line-height: 1.1rem;
  left: -0.55rem;
  top: -0.55rem;
}

.space_between {
  padding: 0.725rem 0.6rem;
}

.lh_list_box>div:not(:last-child) {
  border-bottom: 1px solid #fafafa;
}


.vip_limited_period {
  width: 100%;
  height: 3rem;
  background: url(../images/bg_vip_date.png) no-repeat center/cover;
  line-height: 3rem;
  text-align: center;
  color: #E3D3B4;
  font-size: .65rem;
}

.dynamic_comment_tabs .buttons-tab {
  z-index: 1000 !important;
}

.b_double_btns {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  padding: 0.6rem;
}

.b_double_btns>a:nth-child(1) {
  flex: 2;
  height: 2.2rem;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(242, 99, 101, 1);
  box-shadow: 1px .05rem .1rem 0px rgba(0, 0, 0, 0.2);
  border-radius: 1.1rem;
  font-weight: bold;
  color: rgba(242, 99, 101, 1);
  line-height: 2.2rem;
  text-align: center;
  font-size: .9rem;
  margin-right: .25rem;
}

.b_double_btns>a:nth-child(2) {
  flex: 3;
  height: 2.2rem;
  background: rgba(242, 99, 101, 1);
  box-shadow: 1px .05rem .1rem 0px rgba(0, 0, 0, 0.2);
  border-radius: 1.1rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  line-height: 2.2rem;
  font-size: .9rem;
  text-align: center;
  margin-left: 0.25rem;
}

.tips_bg_gray {
  background: rgba(244, 245, 246, 1);
  padding: 0.6rem;
}

.bg_white {
  background: #fff;
}

.btn_pro_intro {
  background: none;
  border: 1px solid #ccc;
  padding: 0.1rem 0.2rem;
  border-radius: .075rem;
  color: #2e2e2e;
  font-size: .6rem;
}

.state_live {
  background: rgba(204, 49, 49, 1);
  border-radius: 0 .25rem .25rem .25rem;
  color: #fff;
  font-size: .55rem;
  font-weight: 500;
  padding: 0.1rem 0.2rem;
  position: absolute;
  left: 0;
  top: 0;
}

.state_examine {
  background: rgba(255, 189, 83, 1);
  border-radius: 0 .25rem .25rem .25rem;
  color: #fff;
  font-size: .55rem;
  font-weight: 500;
  padding: 0.1rem 0.2rem;
  position: absolute;
  left: 0;
  top: 0;
}

.state_notice {
  background: rgba(98, 143, 251, 1);
  border-radius: 0 .25rem .25rem .25rem;
  color: #fff;
  font-size: .55rem;
  font-weight: 500;
  padding: 0.1rem 0.2rem;
  position: absolute;
  left: 0;
  top: 0;
}

.state_end {
  background: rgba(142, 142, 142, 1);
  border-radius: 0 .25rem .25rem .25rem;
  color: #fff;
  font-size: .55rem;
  font-weight: 500;
  padding: 0.1rem 0.2rem;
  position: absolute;
  left: 0;
  top: 0;
}

div.live_detail_item {
  position: relative;
}

.icon_red_del {
  width: .675rem;
  height: .65rem;
  vertical-align: middle;
}

.icon_gray_edit {
  width: .625rem;
  height: .625rem;
  vertical-align: middle;
}

.icon_blue_share {
  width: .675rem;
  height: .675rem;
  vertical-align: middle;
}

.btn_establish_live {
  background: rgba(240, 244, 255, 1);
  border: 1px dashed rgba(98, 143, 251, 1);
  border-radius: .075rem;
  font-size: .9rem;
  color: rgba(98, 143, 251, 1);
  padding: 0.1rem 0.15rem;
  margin: 0 .25rem;
}

.bg_pale_grey {
  background: #f4f5f6;
}

.items_container>.tj_publication_list:not(:last-child) {
  border-bottom: .4rem solid #f7f7f7;
}

.limit_height {
  max-height: 5rem;
}

.index_tj_publication_list_li {
  border-bottom: 1px solid rgba(226, 226, 226, 1);
  padding: 1rem 0;
  position: relative;
}












































































/*持股帮7.5.0*/

.rela_cicle_items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0rem 0.6rem;
}

.rela_cicle_items>a {
  width: 48%;
  padding: 0.35rem 0.6rem;
  margin-bottom: 0.5rem;
}

.rela_cicle_items .item_border_red {
  background: rgba(255, 226, 226, 1);
  border: 1px solid rgba(238, 147, 147, 1);
  border-radius: .25rem;
  color: #CC3131;
  position: relative;
}

.rela_cicle_items .item_border_red:after {
  content: "";
  display: inline-block;
  width: .85rem;
  height: .85rem;
  background: url(../images/icon_redCicle_right.png) no-repeat center/.85rem;
  position: absolute;
  right: 0.6rem;
  top: 0.7rem;
}

.rela_cicle_items .item_border_green {
  background: rgba(243, 255, 246, 1);
  border: 1px solid rgba(155, 231, 174, 1);
  border-radius: .25rem;
  color: #04B235;
  position: relative;
}

.rela_cicle_items .item_border_green:after {
  content: "";
  display: inline-block;
  width: .85rem;
  height: .85rem;
  background: url(../images/icon_greenCicle_die.png) no-repeat center/.85rem;
  position: absolute;
  right: 0.6rem;
  top: 0.7rem;
}

.hot_stock_title {
  height: 1.25rem;
  background: rgba(239, 239, 239, 1);
  border-radius: .625rem;
  color: #777;
  font-size: .65rem;
  padding: 0 1rem;
}

.hots_filter {
  padding: 0 0.6rem;
}

.hots_filter .hots_list {
  padding: 0 0.6rem;
}

.hots_filter .hots_list li {
  padding: 0.725rem 0;
}

.stock_tips_upDown {
  width: .45rem;
  height: .575rem
}

.icon_question_answer {
  width: .85rem;
  height: .9rem;
  margin-right: .25rem;
  vertical-align: middle;
}

.hot_bang_list>li {
  padding: 0.725rem 0.6rem;
}

.hot_bang_list>li:not(:last-child) {
  border-bottom: 0.4rem solid rgba(239, 239, 239, 1);
}

.search_icon_close {
  width: .725rem;
  height: .725rem;
  position: absolute;
  right: 1.2rem;
  top: 1.1rem;
}

.hot_bang_list>li .hot_item_ask {
  padding: 0rem .3rem 0.6rem 1.6rem;
  position: relative;
}

.hot_bang_list>li .hot_item_answer {
  padding: 0.6rem .3rem 0.6rem 1.6rem;
  position: relative;
}

.hot_bang_list>li .hot_item_ask .icon_question_answer {
  position: absolute;
  left: .3rem;
  top: 0rem;
}

.hot_bang_list>li .hot_item_answer .icon_question_answer {
  position: absolute;
  left: .3rem;
  top: .6rem;
}

.hot_bang_list>li .hot_item_answer {
  background: rgba(250, 250, 250, 1);
  border-radius: .25rem;
}

.small_user_head {
  width: .93rem;
  height: .93rem;
  border-radius: 50%;
  vertical-align: middle;
}

.gz_stock_item {
  background: url(../images/bg_gz_item.png)no-repeat center/cover;
  padding: 0.68rem 0.55rem;
  border-radius: .25rem;
}

.stock_instructions {
  padding-left: .25rem;
  border-left: 1px solid #777;
}

.gz_stock_list>li:not(:first-child) {
  margin-top: .5rem;
}

.add_self_select {
  border: none;
  background: linear-gradient(90deg, rgba(213, 63, 63, 1), rgba(228, 106, 106, 1));
  border-radius: .575rem;
  padding: 0.25rem 0.35rem;
  color: #fff;
  font-size: .6rem;
}

.add_self_select.active {
  border: none;
  background: #999999;
  border-radius: .575rem;
  padding: 0.25rem 0.35rem;
  color: #fff;
  font-size: .6rem;
}












































































/*自选跟踪页面*/

.zx_gz_switch {
  width: 100%;
  background: #CC3131;
  height: 2.25rem;
  line-height: 2.25rem;
  position: relative;
}

.zx_gz_switch .switch_tabs {
  text-align: center;
}

.zx_gz_switch .switch_tabs a {
  display: inline-block;
  width: 4rem;
  color: #fff;
}

.zx_gz_switch .switch_tabs a.active>span {
  padding-bottom: 0.15rem;
  border-bottom: 1px solid #fff;
  font-size: 1.05rem;
  font-weight: bold;
}












































































/*删除代码*/


/*.zx_gz_switch .switch_tabs a.active>span:after{
	content: "";
	display: inline-block;
	width: .425rem;
	height: .05rem;
	background: #fff;
	position: absolute;
	bottom: -.1rem;
	left: .725rem;
	font-size: 1.05rem;
	font-weight: bold;
}*/

.gray-8e8 {
  color: #8E8E8E !important;
}

.select_looks img {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 .125rem;
}

.put_look {
  display: inline-block;
  width: 1.1rem;
  height: 2rem;
}

.put_look.put_look_down {
  background: url(../images/icon_jiantou_dow.png) no-repeat center/.8rem .425rem;
}

.put_look {
  background: url(../images/icon_jiantou_up.png) no-repeat center/.8rem .425rem;
}

.now_gz_stock {
  box-shadow: 4px -10px 7px 0px rgba(0, 0, 0, 0.06);
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 2.25rem;
  z-index: 8;
  background: #fff;
}

.search_select_self {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  background: url(../images/white_search.png) no-repeat center center/.85rem;
}

.horizontal_gz_stock {
  width: 100%;
  overflow: auto;
  white-space: nowrap;
  padding: 0.75rem 0.625rem 0.75rem 0.625rem;
}

.horizontal_gz_stock>li {
  display: inline-block;
  width: 80%;
  margin-right: 5%;
}

.text_gz_jb {
  line-height: 1.2rem;
  font-size: .95rem;
  font-weight: 800;
  color: #F25953;
  position: absolute;
  width: 3.025rem;
  height: 2.5rem;
  left: 0rem;
  top: 20%;
  text-align: center;
  border-right: 1px solid rgba(209, 209, 209, 1);
}

.btn_add_gz {
  position: absolute;
  right: 0.6rem;
  bottom: 1rem;
  border: none;
  padding: 0.2rem 0.6rem;
  background: #FF8C55;
  box-shadow: .075rem .1rem .175rem 0px rgba(0, 0, 0, 0.18);
  border-radius: .85rem;
}

.btn_add_gz>span {
  color: #fff;
}

.btn_add_gz>span.add_code {
  font-size: .75rem;
  font-weight: bold;
  margin-right: .125rem;
}












































































/*申请认证*/

.bg_pink_line {
  padding: .675rem 0.6rem;
  background: rgba(255, 245, 245, 1);
  font-size: .65rem;
  font-weight: 400;
  color: rgba(219, 92, 92, 1);
}

.application_img {
  width: 100%;
  height: 8.6rem;
  background: url(../images/bg_app_pic.png) no-repeat center/cover;
  position: relative;
}

.application_img .btn_add_pic {
  width: 2.2rem;
  height: 2.2rem;
}

.upload_pic_file {
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
}

.application_img .pic_show {
  z-index: 9;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}












































































/*互帮*/

.hb_top_search {
  padding: 0.5rem 0.6rem;
  background: #cc3131;
}

.hb_top_search {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hb_top_search>div:nth-child(1) {
  flex: 8.5;
}

.hb_top_search>div input[type="text"] {
  width: 100%;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  border: none;
  border-radius: .15rem;
  padding-left: 1.8rem;
  padding-right: 0.6rem;
  background: #fff url(../images/icon_sousuo.png) no-repeat 0.6rem center/.8rem;
}

.hb_top_search>div input[type="text"]::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: rgba(142, 142, 142, 1);
  font-size: .6rem;
}

.hb_top_search>div input[type="text"]::-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(142, 142, 142, 1);
  font-size: .6rem;
}

.hb_top_search>div input[type="text"]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(142, 142, 142, 1);
  font-size: .6rem;
}

.hb_top_search>div input[type="text"]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(142, 142, 142, 1);
  font-size: .6rem;
}

.hb_top_search>a:nth-child(2) {
  color: #fff;
  font-size: .65rem;
  margin-left: 0.6rem;
}

.hb_top_search>a:nth-child(2) img {
  width: 1.1rem;
  height: .875rem;
}

.hb_dt_list {
  padding: 0;
}

.hb_dt_list>li {
  padding: 0.725rem 0.6rem;
}

.hb_dt_list>li:not(:last-child) {
  border-bottom: .05rem solid #f3f3f3;
}

.btn_follow_user {
  font-size: .75rem;
  color: #628FFB;
  padding: 0.25rem 0.5rem;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(98, 143, 251, 1);
  border-radius: .15rem;
}

.btn_follow_user.active {
  font-size: .75rem;
  color: #999;
  padding: 0.25rem 0.5rem;
  background: rgba(255, 255, 255, 1);
  border: 1px solid #999;
  border-radius: .15rem;
}

.btn_follow_user.btn_active {
  border: 1px solid rgba(142, 142, 142, 1);
  border-radius: .15rem;
  background: #fff;
  color: rgba(142, 142, 142, 1);
}

.user_questions_answered {
  width: 100%;
  margin-top: .5rem;
}

.user_questions_answered>a {
  display: inline-block;
  width: 100%;
  padding: 0.6rem;
  border-radius: .25rem;
  background: rgba(245, 245, 245, 1);
  position: relative;
}

.user_questions_answered>a:after {
  position: absolute;
  height: 100%;
  right: 0.6rem;
  content: "";
  display: inline-block;
  width: .8rem;
  top: 0;
  background: url(../images/icon_jiantou_right.png) no-repeat center/.8rem;
}












































































/*详情页面*/

.bang_check {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(255, 220, 109, 1);
  padding: 0.1rem;
  background: rgba(46, 46, 46, 1);
  border-radius: .15rem;
}

.btn_item_click {
  width: 6.7rem;
  height: 1.8rem;
  border: 1px solid rgba(142, 142, 142, 1);
  border-radius: .9rem;
  font-size: .55rem;
  font-weight: 500;
  color: rgba(142, 142, 142, 1);
  padding-left: 3.3rem;
  background: url(../images/list_item_click.png) no-repeat 2.4rem center/.675rem;
  text-align: left;
}

.btn_item_click.btn_active {
  background: url(../images/list_item_click_red.png) no-repeat 2.4rem center/.675rem;
  border: 1px solid rgba(204, 49, 49, 1);
  color: rgba(218, 70, 70, 1);
}

.bottom_oper_line {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border: 1px solid rgba(234, 234, 234, 1);
  box-shadow: 0px -1px 6px 0px rgba(0, 0, 0, 0.06);
  display: flex;
  padding: 0.825rem 0;
}

.bottom_oper_line>a {
  flex: 1;
  text-align: center;
  font-size: .8rem;
  font-weight: 500;
  color: rgba(76, 79, 88, 1);
}

.icon_detail_fenxaing {
  width: .675rem;
  height: .675rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.icon_detail_pinglun {
  width: .675rem;
  height: .65rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.more_p_container>p {
  line-height: 1.35rem;
  margin: 0;
}

.bottom_publish_link {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: .25rem 0.6rem;

  z-index: 10;
  color: #7B818F;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(234, 234, 234, 1);
  box-shadow: 0px -1px 6px 0px rgba(0, 0, 0, 0.06);
}

.bottom_publish_link>a {
  height: 2rem;
  display: inline-block;
  width: 100%;
  line-height: 2rem;
  background: rgba(237, 237, 237, 1);
  border-radius: 1rem;
  padding: 0 1rem;
}

.bottom_oper_line .click_good img {
  width: .675rem;
  height: .675rem;
  margin-right: .25rem;
  vertical-align: middle;
}

.bottom_oper_line .click_dashang img {
  width: .875rem;
  height: .825rem;
  margin-right: .25rem;
  vertical-align: middle;
}




.bottom_oper_line a span {
  vertical-align: middle;
}

.bottom_oper_line a .img_click_good {
  display: inline-block;
  width: .825rem;
  height: .825rem;
  margin-right: .25rem;
  vertical-align: middle;
  background: url(../images/list_item_click.png) no-repeat center/.825rem;
}

.bottom_oper_line a.active .img_click_good {

  background: url(../images/list_item_click_red.png) no-repeat center/.825rem;
}

.bottom_oper_line a.active .img_click_good~span {
  color: rgba(218, 70, 70, 1);
}

.bottom_oper_line a .img_click_bad {
  display: inline-block;
  width: .825rem;
  height: .825rem;
  margin-right: .25rem;
  vertical-align: middle;
  background: url(../images/icon_cai.png) no-repeat center/.825rem;
}

.bottom_oper_line a .img_click_bad~span {
  color: #999;
}

.bottom_oper_line a.active .img_click_bad {
  background: url(../images/icon_cai_gray.png) no-repeat center/.825rem;
}

.bottom_oper_line>a:not(:last-child) {
  border-right: 1px solid rgba(204, 204, 204, 1);
}

.reply_comments_list {
  padding: 0;
}

.reply_comments_list>li {
  padding: 0.725rem 0.6rem;
}

.reply_comments_list>li:not(:last-child) {
  border-bottom: .4rem solid rgba(244, 245, 246, 1);
}













































































/*帮主认证*/

.bz_rz_container {
  padding: 0.6rem 0.6rem 0 0.6rem;
}

.bz_rz_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.725rem 0.6rem;
  text-align: center;
  border-bottom: 1px solid rgba(244, 245, 246, 1);
}

.bz_rz_head .head_img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}

.rz_title_line {
  padding: .85rem 0.6rem;
  border-bottom: 1px solid rgba(244, 245, 246, 1);
}

.icon_renzheng {
  width: .75rem !important;
  height: .7rem !important;
  vertical-align: middle !important;
  border-radius: 0 !important;
  margin-right: 0 !important;
}

.brown_886 {
  color: #88682E;
}

.bz_rz_list {
  padding: 0 0.6rem;
}

.bz_rz_list li {
  padding: 0.5rem 0;
}

.bz_rz_list li:not(:last-child) {
  border-bottom: 1px solid rgba(244, 245, 246, 1)
}

.bz_rz_list li>div .list_item_link {
  display: inline-block;
  height: 2.1rem;
  background: rgba(244, 245, 246, 1);
  line-height: 2.1rem;
  padding: 0 1rem;
}

.button_tips_text {
  padding: 0.5rem;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}

.lineheight_38 {
  line-height: .95rem;
}

.gray-c9c {
  color:
}

.link_jiantou_tips img {
  width: .325rem;
  height: .6rem;
}

.bh_jh_swiper {
  width: 100%;
  height: 8rem;
}

.bh_jh_swiper .swiper-slide img {
  width: 100%;
  height: 100%;
}

.yellow_fed {
  color: #FED233;
}

.bhb_head {
  width: 100%;
  padding: 0.725rem 0.6rem;
  background: url(../images/bg_huoyuebang.png) no-repeat center/cover;
}

.bnb_content_container {
  padding: 0 0.6rem;
}

.bnb_content_container .bhb_contents {
  width: 100%;
  padding: 0.6rem 1rem;
  background: #E8E8E8 url(../images/icon_jiangbei.png) no-repeat 85% center/4.2rem 3.725rem;
}

.hy_bh_list li {
  padding: 0.725rem 0;
}

.hy_bh_list li:not(:last-child) {
  border-bottom: 1px solid rgba(234, 234, 234, 1);
}

.my_bh_link {
  padding: 0.725rem 0.6rem;
  background: rgba(234, 234, 234, 1);
}

.my_bh_link>div:nth-child(1) {
  position: relative;
}

.nums_bg_red {
  display: inline-block;
  width: .9rem;
  height: .9rem;
  font-size: .55rem;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  background: #CC3131;
  position: absolute;
  top: -0.5rem;
  right: -0.9rem;
  line-height: 0.9rem;
}

.cz_zs_box {
  padding: .8rem .675rem 0 .925rem;
}

.cz_zs_out {
  padding: .7rem .725rem;
  background: rgba(254, 249, 243, 1);
  border: 1px solid rgba(232, 232, 232, 1);
  border-radius: .15rem;
  position: relative;
}

.cz_zs_in {
  background: rgba(254, 249, 243, 1);
  border: 1px solid rgba(232, 232, 232, 1);
  border-radius: .15rem;
  padding: 0 0.8rem;
}

.brown_906 {
  color: #906D49;
}

.cz_zs_list>li {
  padding: 1rem 0;
}

.cz_zs_list>li:not(:last-child) {
  border-bottom: 1px solid #906D49;
}

.cz_zs_dsc {
  background: rgba(244, 245, 246, 1);
  padding: 0.5rem 0;
}

.img_yinzhang {
  position: absolute;
  width: 4.675rem;
  height: 4.675rem;
  right: 0;
  bottom: -0.5rem;
}

.bh_hyb_box {
  width: 100%;
  padding: 0.725rem 0.6rem;
  background: url(../images/bg_banghui_hyb.png) repeat-y center/cover;
}

.bh_hyb_list {
  background: #fff;
  border-radius: .25rem;
  padding: 0 0.6rem;
}

.user_jiangbei img {
  width: 1.475rem;
  height: 1.55rem;
}

.bh_hyb_list li {
  padding: 0.725rem 0;
}

.bh_hyb_list li:not(:last-child) {
  border-bottom: 1px solid rgba(234, 234, 234, 1);
}

.bh_hyb_item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.bh_hyb_item>div:nth-child(1) {
  flex: 1.5;
  text-align: center;
}

.bh_hyb_item>div:nth-child(2) {
  flex: 8.5;
}

.hyb_user_msg {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.hyb_user_msg>div:nth-child(1) {
  flex: 2.5;
  text-align: center;
}

.hyb_user_msg>div:nth-child(2) {
  flex: 7.5;
}

.hyb_user_msg .user_head_img img {
  width: 3.1rem;
  height: 3.1rem;
  border-radius: .15rem;
}

.mask_bg_orange {
  border: .075rem;
  padding: 0.05rem 0.1rem;
  background: rgba(255, 122, 69, 1);
  margin-right: .25rem;
  font-size: .55rem;
  color: #fff;
}

.icon_jb_num {
  font-size: 1.25rem;
  font-family: DINPro;
  font-weight: bold;
  color: rgba(142, 142, 142, 1);
}












































































/*分享*/

.share_download_link {
  border-right: 1px solid rgba(208, 208, 208, 1);
  ;
}

.share_app_btn {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 2rem;
  text-align: center;
  z-index: 9999999;
}

.share_app_btn button {
  font-size: .775rem;
  color: #fff;
  padding: 0.7255rem 0.8rem;
  background: rgba(98, 143, 251, 1);
  opacity: 0.8;
  border-radius: 1.25rem;
  border: none;
}

.download_app_box {
  width: 100%;
  height: 100%;
  position: relative;
}

.download_app_box img {
  width: 100%;
  height: 100%;
}

.btn_download_now {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 3rem;
  text-align: center;
}

.btn_download_now button {
  width: 10.5rem;
  height: 3.5rem;
  background: rgba(111, 94, 94, 1);
  border: .05rem solid rgba(255, 255, 255, 1);
  opacity: 0.4;
  border-radius: .25rem;
  font-size: 1.15rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
}

.app_mask {
  background: rgba(0, 0, 0, 1);
  opacity: 0.5;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
}

.app_mask>img {
  width: 10.125rem;
  height: 3.4rem;
  position: absolute;
  right: 0.6rem;
  top: 2.25rem;
  z-index: 11;
}

.bottom_item_link {
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(239, 239, 239, 1);
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: .45rem .475rem;
}

.user_square_head img {
  width: 3.1rem;
  height: 3.1rem;
  border-radius: .15rem;
}

.index_swiper .index_up {
  padding: 0.5rem 0;
  background: #FFFFFF;
  text-align: center !important;
  line-height: 1;
  background: rgba(255, 241, 241, 1);
}

.index_swiper .index_flat {
  padding: 0.5rem 0;
  background: #FFFFFF;
  text-align: center !important;
  line-height: 1;
  background: rgba(255, 241, 241, 1);
}

.index_swiper .index_up .index {
  font-weight: 500;
  color: rgba(204, 49, 49, 1);
  font-size: .95rem;
}

.index_swiper .index_up .up_down {
  font-weight: 500;
  color: rgba(204, 49, 49, 1);
  font-size: .65rem;
}

.index_swiper .index_down .up_down {
  font-weight: 500;
  color: #34927E;
  font-size: .65rem;
  line-height: 1;
}

.index_swiper .index_down {
  padding: 0.5rem 0;
  background: #FFFFFF;
  text-align: center !important;
  line-height: 1;
  background: rgba(245, 250, 244, 1);
}

.index_swiper .index_flat {
  background: #eaeaea;
}

.index_swiper .index_down .index {
  font-weight: 500;
  color: #34927E;
  font-size: 1rem;
}

.index_swiper .index_flat .index {
  font-weight: 500;
  font-size: 1rem;
}

.index_swiper .index_flat .up_down {
  font-weight: 500;
  font-size: .65rem;
  line-height: 1;
}

.index_show_popup {
  padding: .3rem .6rem;
  background: #F5F4F9;
  width: 100%;
}

.stock_index_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  display: none;
}

.stock_index_show {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}

.stock_index_show .index_show_popup {
  display: block;
}












































































/*.stock_index_top{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}*/

.index_swiper .flex-cell-average:nth-child(2) {
  margin: 0 .25rem;
}

.index_swiper {
  padding-bottom: 0.6rem;
}

.index_swiper .swiper-pagination {
  bottom: -0.1rem;
}

.index_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

  background: rgba(204, 49, 49, 1);
}

.index_swiper .swiper-pagination .swiper-pagination-bullet {
  height: .11rem;
  width: .625rem;

  background: #D3D1DA;
  border-radius: 0 !important;
}

.proportion_up_down {
  display: flex;
  justify-content: space-between;
  height: 4rem;
  align-items: flex-end;
}

.proportion_up_down>div {
  width: 8%;
  height: 100%;
  position: relative;
}

.proportion_up_down>div>div.nums {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #2e2e2e;
  font-size: 0.45rem;
  top: -0.5rem;
  left: 0;
  opacity: 1;
}

.proportion_up_down>div.up_stop {
  background: rgba(204, 49, 49, 0.2);
  height: 10%;
}

.proportion_up_down>div.up_7 {
  background: rgba(204, 49, 49, 0.4);
  opacity: ;
  height: 10%;
}

.proportion_up_down>div.up_57 {
  background: rgba(204, 49, 49, 0.5);
  opacity: ;
  height: 20%;
}

.proportion_up_down>div.up_25 {
  background: rgba(204, 49, 49, 0.7);
  opacity: ;
  height: 20%;
}

.proportion_up_down>div.up_02 {
  background: rgba(204, 49, 49, 1);

  height: 20%;
}

.proportion_up_down>div.flat {
  background: rgba(119, 119, 119, 1);
  height: 30%;
}

.proportion_up_down>div.down_02 {
  background: rgba(4, 178, 53, 1);
  height: 30%;
}

.proportion_up_down>div.down_25 {
  background: rgba(4, 178, 53, 0.7);
  height: 30%;
}

.proportion_up_down>div.down_57 {
  background: rgba(4, 178, 53, 0.5);
  height: 30%;
}

.proportion_up_down>div.down_7 {
  background: rgba(4, 178, 53, 0.4);
  height: 30%;
}

.proportion_up_down>div.down_stop {
  background: rgba(4, 178, 53, 0.2);
  height: 30%;
}

.num_up_down {
  display: flex;
  justify-content: space-between;
}

.num_up_down>div {
  width: 8%;
  font-size: .45rem;
  color: #666666;
  text-align: center;
}

.stripe_up_down {
  display: flex;
  height: .45rem;
  position: relative;
}

.stripe_up_down>div:nth-child(1) {
  background: rgba(204, 49, 49, 1);
  transform: skew(-30deg, 0);
  width: 40%;
  height: 100%;
  position: relative;
}

.stripe_up_down>div:nth-child(2) {
  background: rgba(119, 119, 119, 1);
  width: 10%;
  height: 100%;
  transform: skew(-30deg, 0);
  margin: 0 .25rem;
}

.stripe_up_down>div:nth-child(3) {
  background: rgba(4, 178, 53, 1);
  width: 50%;
  height: 100%;
  transform: skew(-30deg, 0);
}












































































/*帮宝打赏弹窗*/

.bb_reward_popup {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 10002;
  background: #fff;
}

.reward_bb_nums {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  justify-content: space-between;
}

.reward_bb_nums>div {
  text-align: center;
  font-size: .7rem;
  color: #666666;
  text-align: center;
  flex: 1;
}

.reward_bb_nums>div>div {
  margin: 0 auto;
}

.reward_bb_nums>div>div:nth-child(1) {
  width: 2.6rem;
  height: 2.6rem;
  background: rgba(243, 243, 243, 1);
  border: 1px solid rgba(204, 204, 204, 1);
  border-radius: .15rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.reward_bb_nums>div.active>div:nth-child(1) {
  border: 1px solid rgba(217, 69, 69, 1);
  background: rgba(243, 243, 243, 1) url(../images/selected-gou.png) no-repeat right top/.6rem;
}

.reward_bb_nums>div.active>div:nth-child(2) {
  color: rgba(218, 69, 69, 1);
}

.reward_bb_nums>div>div:nth-child(2) {
  margin-top: .125rem;
}

.icon_close_popup {
  width: .7rem;
  height: .7rem;
}

.bb_reward_popup .popup_content {
  padding: 0.5rem 0.6rem;
}

.reward_bb_nums>div .icon_bangbao {
  width: 1.05rem;
  height: 1.05rem;
  vertical-align: middle;
}

.icon_bangbao_nums {
  width: .775rem;
  height: .775rem;
  vertical-align: middle;
}

.reward_bb_nums>div .icon_bangbao_1 {
  width: 1.3rem;
  height: 1.05rem;
  vertical-align: middle;
}

.reward_bb_nums>div .icon_bangbao_2 {
  width: 1.475rem;
  height: 1.3rem;
  vertical-align: middle;
}

.reward_bb_nums>div .icon_bangbao_3 {
  width: 1.625rem;
  height: 1.3rem;
  vertical-align: middle;
}

.reward_user_comment {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.reward_user_comment>div {
  width: 30%;
  height: 2rem;
  line-height: 2rem;
  background: rgba(239, 239, 239, 1);
  border-radius: .15rem;
  text-align: center;
  color: rgba(46, 46, 46, 1);
  font-size: .75rem;
}

.reward_user_comment>div.active {
  border: 1px solid rgba(217, 69, 69, 1);
  background: rgba(243, 243, 243, 1) url(../images/selected-gou.png) no-repeat right top/.6rem;
  color: rgba(218, 69, 69, 1);
}

.zdy_bb_nums input {
  width: 100%;
  height: 2.2rem;
  padding: 0 0.6rem;
  background: rgba(243, 243, 243, 1);
  border: 1px solid rgba(204, 204, 204, 1);
  border-radius: .15rem;
}

.reward_user_des textarea {
  width: 100%;
  height: 4.1rem;
  background: rgba(243, 243, 243, 1);
  border: 1px solid rgba(204, 204, 204, 1);
  border-radius: .15rem;
  resize: none;
  padding: .675rem;
}

.reward_waitting {
  position: absolute;
  width: 60%;
  height: 8.425rem;
  border-radius: .25rem;
  left: 20%;
  top: 30%;
  z-index: 10003;
  background: url(../images/bg_waitting.png) no-repeat center/cover;
}

.waitting_tips_img {
  text-align: center;
  padding-top: .45rem;
}

.waitting_tips_img img {
  width: 6.4rem;
  height: 6.025rem;
  -webkit-animation: rotate 1.5s linear infinite;
  animation: rotate 1.5s linear infinite;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
  }
}












































































/*我的帮宝*/

.my_bb_head {
  width: 100%;
  height:
}

.white_bangbi {
  width: .95rem;
  height: .95rem;
}

.get_bangbi_nums {
  padding: 0.2rem 0.6rem;
  background: rgba(244, 245, 246, 1);
  border-radius: .525rem;
  font-size: .6rem;
  font-weight: 500;
  color: rgba(142, 142, 142, 1);
}

.my_bangbi_list {
  padding: 0 0.6rem;
}

.my_bangbi_list>li {
  padding: 0.725rem 0;
}

.my_bangbi_list>li:not(:last-child) {
  border-bottom: 1px solid rgba(244, 245, 246, 1);
}

.nums_proportion_box {
  height: .15rem;
  width: 5rem;
  background: rgba(234, 234, 234, 1);
}

.nums_proportion_content {
  width: 33.3%;
  height: 100%;
  background: rgba(228, 169, 25, 1);
  border-radius: 0px .075rem .075rem 0px;
}

.yellow_e5a {
  color: #E5A919
}

.user_comment_tips {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  text-align: center;
  padding: 0.5rem 0;
  font-size: .55rem;
  font-weight: bold;
  color: rgba(142, 142, 142, 1);
  background: rgba(255, 240, 240, 1);
}












































































/*个人主页加入口*/

.bz_link {
  background: rgba(0, 0, 0, 1);
  opacity: 0.4;
  border-radius: .65rem 0 0 .65rem;
  font-size: .55rem;
  color: #fff;
  font-weight: 400;
  padding: 0.4rem 0.5rem 0.4rem 0.8rem;
  position: absolute;
  right: 0;
  top: 30%;
  z-index: 10;
}












































































/*我的帮会加入口*/

.become_bz_link {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  height: 2.25rem;
  z-index: 10;
  background: #fff;
}

.become_bz_link>a {
  color: #628FFB;
  font-size: .65rem;
}












































































/*帮会主页-加入前*/

.btn_reward {
  font-size: .6rem;
  color: #fff;
  padding: 0.35rem 0.5rem;
  background: linear-gradient(150deg, rgba(218, 70, 70, 1), rgba(205, 48, 49, 1));
  border-radius: .25rem;
  border: none;
}

.icon_bangbi_show {
  width: .625rem;
  height: .625rem;
  vertical-align: middle;
}












































































/*帮主认证修改*/

.all_rz_list {
  padding: 0 0.6rem;
}

.all_rz_list>li {
  padding: 0.725rem 0;
}

.all_rz_list li:not(:last-child) {
  border-bottom: 1px solid rgba(244, 245, 246, 1);
}












































































/*我的*/

.icon_red_news {
  display: inline-block;
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 50%;
  background: rgba(218, 69, 69, 1);
  vertical-align: 5% !important;
}












































































/*我的胜绩*/

.my_victory_head {
  padding: 0.6rem;
}

.sl_ls_items {
  display: flex;
}

.sl_ls_items>a {
  width: 48%;
}

.sl_ls_items>a:nth-child(1) {
  margin-right: 2%;
  padding: 0.725rem 0.6rem;
  background: url(../images/icon_shenglu.png) no-repeat center/cover;
  color: #FFFFFF;
  border-radius: .15rem;
}

.sl_ls_items>a:nth-child(2) {
  margin-left: 2%;
  padding: 0.725rem 0.6rem;
  background: url(../images/icon_liansheng.png) no-repeat center/cover;
  color: #FFFFFF;
  border-radius: .15rem;
}

.icon_gray_share {
  vertical-align: middle;
  width: .6rem;
  height: .6rem;
}

.victory_record_item {
  display: flex;
  padding: 0.5rem 0;
  align-items: center;
}

.victory_record_item .item_main {
  display: flex;
  justify-content: center;
  align-items: center;
}

.victory_record_item>div:nth-child(1) {
  flex: 5;
  text-align: center;
}

.victory_record_item>div:nth-child(2) {
  flex: 3;
  text-align: center;
}

.victory_record_item>div:nth-child(3) {
  flex: 2;
  text-align: center;
}

.record_negative {

  background: url(../images/icon_sheng.png) no-repeat left center/1.475rem 1.85rem;
}

.record_list {
  padding: 0 0.6rem;
}

.icon_view_rise {
  padding: 0.05rem 0.2rem;
  background: rgba(249, 90, 90, 1);
  border-radius: .35rem;
  font-size: .55rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  vertical-align: 10%;
}

.icon_view_fall {
  padding: 0.05rem 0.2rem;
  background: #2C923C;
  border-radius: .35rem;
  font-size: .55rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  vertical-align: 10%;
}

.icon_open_quotation {
  padding: 0.05rem 0.2rem;
  background: #628FFB;
  border-radius: .35rem;
  font-size: .55rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  vertical-align: 10%;
}

.record_win {

  background: url(../images/icon_bai.png) no-repeat left center/1.425rem 1.425rem;
}












































































/*我的帮宝*/

.my_bangbao_head {
  padding: 0.725rem 0;
  background: url(../images/bg-style-head.png) no-repeat center/cover;
}

.my_bangbao_head .bz_head_img img {
  width: 2.85rem;
  height: 2.85rem;
  border-radius: 50%;
}












































































/*自选新加*/

.show_gz_stock {
  height: 1rem;
  background: rgba(255, 255, 255, 1);
  border-radius: .25rem .25rem 0px 0px;
  text-align: center;
}

.show_gz_stock>img {
  width: 1.075rem;
  height: .525rem;
}












































































/*活动详情*/

.bz_bt_top {
  width: 100%;
  height: 9.15rem;
  position: relative;
  background: url(../images/bg_bz_bt.png) no-repeat center/cover;
}

.bt_date_share {
  position: absolute;
  width: 100%;
  top: 1.2rem;
  padding-left: 31%;
}

.bt_date_share .date {
  color: #F7A64D;
  font-size: .5rem;
  font-weight: bold;
  background: #fff;
  padding: 0.1rem 0.2rem;
  border-radius: .375rem;
}

.bt_date_share .share img {
  width: .7rem;
  height: .7rem;
}

.bt_content {
  width: 100%;
  padding: 0 1.2rem;
  position: absolute;
  left: 0;
  bottom: 2rem;
  height: 3rem;
}

.bz_bt_vs {
  width: 100%;
  height: 3.6rem;
  background: url(../images/bg_bt_vs.png) no-repeat center/cover;
  color: #fff;
  position: absolute;
  top: -.725rem;
  z-index: 1;
  left: 0;
}

.bz_bt_vs>div {
  height: 100%;
  display: flex;
  align-items: center;
}

.bz_bt_vs>div>div:nth-child(1) {
  padding-left: 14%;
  padding-top: 1rem;
  line-height: 0.8rem;
}

.bz_bt_vs>div>div:nth-child(2) {
  padding-left: 9%;
  padding-right: 5%;
  padding-top: 1rem;
  line-height: 0.8rem;
}

.bz_bt_vs>div>div {
  width: 50%;
  height: 100%;
  justify-content: center;
}

.bz_bt_vs>div>div>div {
  width: 66%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.bz_bt_main {
  padding: 0 0.6rem;
  position: relative;
  margin-top: -.125rem;
}

.mask_bz_z {
  color: #FC3657;
  font-size: .5rem;
  padding: .025rem;
  border: .025rem;
  background: #fff;
  margin-right: .125rem;
  border-radius: .025rem;
}

.mask_bz_f {
  color: #258BEE;
  font-size: .5rem;
  padding: .025rem;
  border: .025rem;
  border: .025rem;
  background: #fff;
  margin-right: .125rem;
  border-radius: .025rem;
}

.bz_bt_imgs {
  display: flex;
}

.bz_bt_imgs>div {
  width: 48.5%;
}

.bz_bt_imgs>div:nth-child(1) {
  margin-right: 1.5%;
}

.bz_bt_imgs>div:nth-child(2) {
  margin-left: 1.5%;
}

.bz_bt_imgs>div>img {
  height: 11.15rem;
  width: 100%;
}

.bz_bt_pk {
  width: 100%;
  background: url(../images/bg_bt_pk.png) no-repeat center center/3.875rem 1.975rem;
  height: 3.025rem;
  position: absolute;
  bottom: -0.6rem;
  left: 0;
  display: flex;
  justify-content: space-around;
  align-items: center
}

.bz_bt_pk>div:nth-child(1) {
  width: 30%;
  padding: 0.25rem;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  background: linear-gradient(90deg, rgba(252, 54, 70, 1), rgba(251, 53, 111, 1));
  border-radius: .25rem;
  line-height: .8rem;
  border: 1px solid #fff;
  position: relative;
  height: 2.25rem;
}

.bz_bt_pk>div:nth-child(1)::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 0.3rem solid transparent;
  border-right: 0.3rem solid transparent;
  border-bottom: 0.5rem solid rgba(252, 54, 70, 1);
  top: -0.4rem;
  left: 0.6rem;
  z-index: 2;
}

.bz_bt_pk>div:nth-child(1)::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-bottom: 0.55rem solid #fff;
  top: -0.6rem;
  left: 0.5rem;
  z-index: 1;
}

.bz_bt_pk>div:nth-child(2) {
  width: 30%;
  padding: 0.25rem;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  background: linear-gradient(90deg, rgba(37, 146, 245, 1), rgba(38, 125, 224, 1));
  border-radius: .25rem;
  line-height: .8rem;
  border: 1px solid #fff;
  position: relative;
  height: 2.25rem;
}

.bz_bt_pk>div:nth-child(2)::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 0.3rem solid transparent;
  border-right: 0.3rem solid transparent;
  border-bottom: 0.5rem solid rgba(37, 146, 245, 1);
  top: -0.4rem;
  right: 0.6rem;
  z-index: 2;
}

.bz_bt_pk>div:nth-child(2)::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-bottom: 0.55rem solid #fff;
  top: -0.6rem;
  right: 0.5rem;
  z-index: 1;
}

.icon_bt_hotting {
  width: 2.45rem;
  height: 1.075rem;
  vertical-align: middle;
}

.bl_detail_list {
  padding: 0 0.6rem;
  overflow: hidden;
}

.bl_detail_list>li {
  padding: 0.5rem 0.6rem;
  border-radius: .25rem;
  background: rgba(244, 245, 246, 1);
}

.bl_detail_list>li:not(:first-child) {
  margin-top: .5rem;
}

.bl_detail_list>li.support_item {
  border: .1rem solid #FC3647;
  position: relative;
}

.bl_detail_list>li.opposition_item {
  border: .1rem solid #628FFB;
  position: relative;
}

.bl_detail_list>li.opposition_item:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-bottom: .4rem solid transparent;
  border-top: .4rem solid transparent;
  border-left: .4rem solid rgba(244, 245, 246, 1);
  border-right: .4rem solid transparent;
  right: -.7rem;
  top: .5rem;
  z-index: 2;
}

.bl_detail_list>li.opposition_item:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-bottom: .5rem solid transparent;
  border-top: .5rem solid transparent;
  border-left: .5rem solid #628FFB;
  border-right: .5rem solid transparent;
  right: -1rem;
  top: .4rem;
  z-index: 1;
}

.bl_detail_list>li.support_item:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-bottom: .4rem solid transparent;
  border-top: .4rem solid transparent;
  border-left: .4rem solid transparent;
  border-right: .4rem solid rgba(244, 245, 246, 1);
  left: -.7rem;
  top: .5rem;
  z-index: 2;
}

.bl_detail_list>li.support_item:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-bottom: .5rem solid transparent;
  border-top: .5rem solid transparent;
  border-left: .5rem solid transparent;
  border-right: .5rem solid #FC3647;
  left: -1rem;
  top: .4rem;
  z-index: 1;
}

.bl_user_comments {
  display: flex;
  justify-content: flex-end;
}

.bl_user_comments .click_opposition {
  height: 1rem;
  line-height: 1rem;
  padding-left: .85rem;
  background: url(../images/icon_gray_opposition.png) no-repeat left center/.75rem;
  color: #7B818F;
}

.bl_user_comments .click_opposition.active {
  height: 1rem;
  line-height: 1rem;
  padding-left: .85rem;
  background: url(../images/icon_red_opposition.png) no-repeat left center/.75rem;
  color: #DA4646;
}

.bl_user_comments .click_support {
  height: 1rem;
  line-height: 1rem;
  padding-left: .85rem;
  background: url(../images/list_item_click.png) no-repeat left center/.7rem;
  color: #7B818F;
}

.bl_user_comments .click_support.active {
  height: 1rem;
  line-height: 1rem;
  padding-left: .85rem;
  background: url(../images/list_item_click_red.png) no-repeat left center/.7rem;
  color: #DA4646;
}

.bl_user_leaving {
  padding-top: .5rem;
  border-top: 1px solid rgba(221, 221, 221, 1);
}

.add_bl_items {
  width: 2.5rem;
  height: 2.5rem;
  border: .125rem solid rgba(255, 255, 255, 1);
  background: linear-gradient(0deg, rgba(253, 52, 68, 1) 0%, rgba(255, 119, 97, 1) 100%);
  box-shadow: 0px .075rem .125rem 0px rgba(0, 0, 0, 0.3);
  border-radius: 1.25rem;
  position: absolute;
  bottom: 2rem;
  right: 0.6rem;
  text-align: center;
  color: #fff;
  font-weight: bold;
  line-height: 2rem;
  font-size: 1.5rem;
}












































































/*互帮页*/

.email_tips:after {
  content: "";
  display: inline-block;
  width: 0.35rem;
  height: 0.35rem;
  background: #FFDA59;
  position: absolute;
  right: -0.175rem;
  top: -0.175rem;
  border-radius: 50%;
}

.news_tips:after {
  content: "";
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  background: rgba(204, 49, 49, 1);
  position: absolute;
  right: 0rem;
  top: 0rem;
  border-radius: 50%;
}

.servicetime.news_tips:after {
  content: "";
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  background: rgba(204, 49, 49, 1);
  position: relative;
  right: 0rem;
  top: 0rem;
  border-radius: 50%;
}

.NoticeNews_Tips:after {
    content: "";
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    background: rgba(204, 49, 49, 1);
    position: relative;
    right: -0.25rem;
    top: 0rem;
    border-radius: 50%;
}

.replenish_Tips:after {
    position: absolute;
    top: 2.75rem;
    right: 1rem;
}

.Track_Tips:after {
    position: absolute;
    top: 0.75rem;
    right: 0;
}

.speech_s {
  font-size: .55rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  padding: 0.05rem 0.1rem;
  background: linear-gradient(90deg, rgba(252, 54, 70, 1), rgba(251, 53, 111, 1));
  border-radius: .15rem;

  margin-left: .25rem;
}

.speech_b {
  font-size: .55rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  padding: 0.05rem 0.1rem;
  background: #258BEE;
  border-radius: .15rem;

  margin-left: .25rem;
}












































































/*区块链*/

.block_container {
  width: 100%;
  height: 100%;
  background: url(../images/bg_qukuailian.png) repeat center/cover;
  padding: 1.4rem .65rem;
}

.block_container>div {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px .15rem .2rem 0px rgba(103, 75, 47, 0.06);
  opacity: 0.95;
  border-radius: .5rem;
  padding: .5rem;
}

.bg_add_mask {
  color: #FEAD03;
  font-size: .55rem;
}

.block_title {
  padding-bottom: .125rem;
  border-bottom: .15rem solid rgba(254, 173, 3, 1);
}












































































/*同步提示图标*/

.icon_synchronization {
  width: .75rem;
  height: .4rem;
  vertical-align: middle;
  margin-right: .25rem;
}












































































/*帮宝蒙板*/

.coinsreward_bank_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}












































































/*自选页跟踪模块固定两行*/

.fixed_two_lines {
  height: 2.2rem;
}

.yellow_c99 {
  color: #C99F5B;
}

.user_i_s {
  width: .725rem !important;
  height: .7rem !important;
  vertical-align: middle;
}












































































/*个人主页*/

.personal_index_top {
  background: linear-gradient(rgba(252, 54, 70, 1), #fff);
  padding: 0.6rem;
}

.personal_index_top .top_main {

  padding: 0.6rem;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px .075rem .175rem 0px rgba(0, 0, 0, 0.17);
  border-radius: .25rem;
}

.personal_msg {
  display: flex;
  align-items: center;
  line-height: 1;
  position: relative;
}

.personal_msg .personal_detail>div {
  align-items: center;
}

.personal_msg>div:nth-child(1) {
  flex: 2.3;
}

.personal_msg>div:nth-child(2) {
  flex: 7.7;
}

.personal_head_img {
  position: relative;
}

.personal_head_img img {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
}

.personal_msg .btn_sx {
  padding: 0.25rem 0.725rem;
  border: 1px solid rgba(204, 49, 49, 1);
  border-radius: .15rem;
  color: #CC3131;
  font-size: .75rem;
  background: none;
}

.personal_msg .btn_gz {
  background: rgba(204, 49, 49, 1);
  border-radius: .15rem;
  padding: 0.25rem 0.725rem;
  border: 1px solid rgba(204, 49, 49, 1);
  color: #fff;
  font-size: .75rem;
}

.personal_msg .btn_gz.active {
  background: rgba(153, 153, 153, 1);
  border-radius: .15rem;
  padding: 0.25rem 0.725rem;
  border: 1px solid rgba(153, 153, 153, 1);
  color: #fff;
  font-size: .75rem;
}

.personal_msg .per_v {
  background: url(../images/user_dav_tips.png) no-repeat center/1rem;
  width: 1rem;
  height: 1rem;
  position: absolute;
  bottom: 0.25rem;
  left: .5rem;
  z-index: 1002;
}

.gender_male {
  background: url(../images/icon_nan.png) no-repeat center/cover;
  width: 1rem;
  height: 1rem;
  position: absolute;
  bottom: 0;
  right: 0;
}

.gender_female {
  background: url(../images/icon_nv.png) no-repeat center/cover;
  width: 1rem;
  height: 1rem;
  position: absolute;
  bottom: 0;
  right: 0;
}

.personal_masks {
  display: flex;
}

.personal_autograph {
  line-height: .95rem;
}

.brown_452 {
  color: #452C18;
}

.brown_735 {
  color: #73543C;
}

.per_bh_link {
  height: 2.15rem;
  line-height: 2.15rem;
  background: url(../images/bg_personal_bh.png) no-repeat center/cover;
  padding: 0 0.6rem;
}

.personal_index_tabs {
  padding: 0 0.6rem;
  height: 2rem;
}

.personal_index_tabs .tab-link {
  color: #666666;
  font-size: .7rem;
}

.tab-link-only {
  margin-right: 0 !important;
}

.personal_index_tabs .tab-link>span {
  display: inline-block;
  height: 100%;
}

.personal_index_tabs .tab-link.active {
  color: #DB4C4C;
  font-size: .9rem;
  font-weight: bold;
}

.personal_index_tabs .tab-link.active>span {
  border-bottom: .1rem solid rgba(219, 76, 76, 1);
}

.personal_dt_xly>.tabs {
  border-top: 1px solid rgba(239, 239, 239, 1);
}

.per_dt_screen {
  padding-left: 0.6rem;
}

.per_dt_screen>button {
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(204, 204, 204, 1);
  border-radius: .25rem;
  color: #777777;
  font-size: .7rem;
  padding: 0.25rem 0.6rem;
  margin-top: .75rem;
  margin-right: .5rem;
}

.per_dt_screen>button.active {
  padding: 0.25rem 0.6rem;
  background: rgba(255, 244, 244, 1);
  border: 1px solid rgba(219, 76, 76, 1);
  border-radius: .25rem;
  color: #DB4C4C;
  font-size: .7rem;
}

.xly_list>li {
  padding: 0.725rem 0.6rem;
  position: relative;
}

.xly_list>li .item_msg {
  display: flex;
  justify-content: flex-start;
}

.xly_list>li .msg_img img {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
}

.blue_445 {
  color: #445C97
}

.xly_list .state_success {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon_chenggong.png) no-repeat center/cover;
  position: absolute;
  right: 0.6rem;
  top: .5rem;
}

.xly_list>li:not(:last-child) {
  border-bottom: .4rem solid rgba(239, 239, 239, 1)
}

.xly_list .state_fail {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon_shibai.png) no-repeat center/cover;
  position: absolute;
  right: 0.6rem;
  top: .5rem;
}

.icon-dav {
  padding-right: 0.6rem;
  padding-left: 1rem;
  background: rgba(252, 240, 227, 1);
  border-radius: .35rem;
  background-size: .725rem .7rem;
  color: #A66022;
  position: relative;
}

.icon-dav:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: .75rem;
  height: .75rem;
  background: url(../images/icon_dav.png) no-repeat center/.725rem .7rem;
}












































































/*首页插入*/

.sy-list-live-items {
  white-space: nowrap;
  overflow: auto;
  padding-bottom: 0.5rem;
}

.living-gif {
  width: .4rem !important;
  height: .4rem !important;
  border-radius: 0 !important;
  vertical-align: middle !important;
}

.sy-list-live-items>a {
  text-align: center;
  display: inline-block;
  padding-bottom: .5rem;
  position: relative;
  background: rgba(239, 239, 239, 1);
  border: 1px solid rgba(232, 233, 235, 1);
  border-radius: .15rem;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  margin-right: 0.2rem;
}

.sy-list-live-items .live-tips {
  padding: 0.05rem 0.1rem;
  background: #fff;
  line-height: .8rem;
  border-radius: .15rem;
  color: #CC3131;
  font-size: .45rem;
  text-align: center;
  border: 1px solid rgba(232, 233, 235, 1);
  position: absolute;
  left: -1px;
  top: -1px;
}

.sy-list-live-items .tips-notic {
  background: #628FFB;
  color: #fff;
}

.sy-list-live-items .live-img {
  margin-top: 1rem;
  margin-bottom: .5rem;
}

.sy-list-live-items .live-img img {
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 50%;
}

.sy-list-live-items .tips-living {

  color: #fff;
  background: #CC3131;
}

.sy-list-live-icon {
  display: inline-block;
  width: .775rem;
  height: .825rem;
  margin-right: .2rem;
  background: url(../images/icon_chaogu.png) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: top;
}

.rating_box {

  font-size: .5rem;
  color: #fff;
}

.rating_box .rating_show {
  display: inline-block;
  width: 3.25rem;
  height: .5rem;
  margin-left: .125rem;
}

.rating_box .rating_00 {
  background: url(../images/rating-0.png) no-repeat center/3.225rem .5rem;
}

.rating_box .rating_01 {
  background: url(../images/rating-1.png) no-repeat center/3.225rem .5rem;
}

.rating_box .rating_02 {
  background: url(../images/rating-2.png) no-repeat center/3.225rem .5rem;
}

.rating_box .rating_03 {
  background: url(../images/rating-3.png) no-repeat center/3.225rem .5rem;
}

.rating_box .rating_04 {
  background: url(../images/rating-4.png) no-repeat center/3.225rem .5rem;
}

.rating_box .rating_05 {
  background: url(../images/rating-5.png) no-repeat center/3.225rem .5rem;
}

.rating_box .rating_06 {
  background: url(../images/rating-6.png) no-repeat center/3.225rem .5rem;
}

.rating_box .rating_07 {
  background: url(../images/rating-7.png) no-repeat center/3.225rem .5rem;
}

.rating_box .rating_08 {
  background: url(../images/rating-8.png) no-repeat center/3.225rem .5rem;
}

.rating_box .rating_09 {
  background: url(../images/rating-9.png) no-repeat center/3.225rem .5rem;
}

.gray-9a9 {
  color: #9A9A9A;
}

.rating_high {
  display: inline-block;
  width: .7rem;
  height: .7rem;
  line-height: .7rem;
  font-size: .5rem;
  color: #CC3131;

  border-radius: 50%;
  background: rgba(255, 233, 233, 1);
}

.rating_flat {
  display: inline-block;
  width: .7rem;
  height: .7rem;
  line-height: .7rem;
  font-size: .5rem;
  color: #A7A7A7;
  border-radius: 50%;
  background: rgba(238, 238, 238, 1);
}

.rating_low {
  display: inline-block;
  width: .7rem;
  height: .7rem;
  line-height: .7rem;
  color: #2C923C;
  border-radius: 50%;
  background: rgba(229, 249, 233, 1);
}

.bz_head_img {
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 50%;
}

.user_living_show {
  display: inline-block;
  width: 2.3rem;
  height: .75rem;
  line-height: .75rem;
  background: rgba(204, 49, 49, 1);
  border-radius: .15rem;
  font-size: .45rem;
  color: #fff;
  position: absolute;
  text-align: center;
  left: 0;
  bottom: 0;
}

.user_living_show>img {
  width: .4rem;
  height: .4rem;
}












































































/*7.6*/


/*消息*/

.icon-fans {
  width: 1.75rem;
  height: 1.75rem;
}

.icon-call-mine {
  width: 1.75rem;
  height: 1.75rem;
}

.icon-c-mine {
  width: 1.75rem;
  height: 1.75rem;
}

.icon-say-good {
  width: 1.75rem;
  height: 1.75rem;
}

.icon-news-hb {
  width: 1.75rem;
  height: 1.525rem;
}

.btn_fans_follow {
  padding: 0.15rem 0.5rem;
  vertical-align: middle;
  background: #C1C1C1;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  border-radius: .25rem;
  border: none;
}

.btn_fans_follow.active {
  background: #FFAC5E;
}

.btn_letter {
  width: 1.45rem;
  height: 1.45rem;
  background: #628FFB url(../images/icon_letter.png) no-repeat center/.775rem .7rem;
  border-radius: .15rem;
  border: none;
  vertical-align: middle;
}

.fans_label_line {
  padding-left: 1.95rem;
}

.fans_label {
  color: #4269C7;
  font-size: .55rem;
  background: rgba(244, 245, 246, 1);
  border-radius: .15rem;
  padding: 0.05rem 0.1rem;
  color: #8E8E8E;
}












































































/*我的帮友*/

.my_bfriend_tab .buttons-tab .button {
  color: #2E2E2E;
  font-size: .8rem;
}

.my_bfriend_tab .buttons-tab .button.active {
  color: #FFC351;
  border-color: #FFC351;
  font-weight: bold;
}

.news_nums_tips {
  padding: 0rem 0.2rem;
  text-align: center;
  color: #fff;
  background: rgba(204, 49, 49, 1);
  border-radius: 50%;
  font-size: .6rem;
  line-height: 1rem;
  position: absolute;
  right: 0.05rem;
  /*top: -0.1rem;*/
}

.read_button {
  height: 1.2rem;
  background: rgba(219, 230, 255, 1);
  border-radius: .6rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
  padding: 0 0.6rem;
  position: absolute;
  right: 0.6rem;
  bottom: 3rem;
  background: #fff;
  z-index: 1;
  border: 1px solid #8E8E8E;
}

.read_button img {
  width: .7rem;
  height: .55rem;
  vertical-align: middle;
}

.read_button span {
  vertical-align: middle;
  margin-left: .125rem;
}












































































/*文章详情*/


/*.bottom_oper_line{
    background:rgba(244,245,246,1);
   box-shadow:0px 1px 0px 0px rgba(216,216,216,1);
}
.bottom_oper_line>a>span{
    vertical-align: middle;
    font-size: .75rem;
    color: #6C6C6C;
}
.bottom_oper_line .click_good img{
    width: .675rem;
    height: .675rem;
    vertical-align: middle;
    margin-right: .25rem;
}
.click_dashang img{
    width: .875rem;
    height: .825rem;
    vertical-align: middle;
    margin-right: .25rem;
}*/


/*我的消息*/

.right_top_nums {
  position: absolute;
  right: -0.5rem;
  top: -0.5rem;
}

.inline_item {
  position: relative;
  display: inline-block;
}












































































/*私信页面*/

.dislog_tips_line {
  width: 100%;
  padding: 0.725rem 0.6rem;
  color: #E07B7B;
  font-size: .65rem;
  background: rgba(255, 240, 240, 1);
  position: relative;
  z-index: 100;
}












































































/*帮友*/

.fwq_screen_box {
  background: #f0f4f7;
  padding: 0.6rem;
}

.fwq_screen_box .screen_items {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.screen_items>a {
  height: 2.5rem;
  background: #fff;
  border-radius: .25rem;
  width: 31%;
  color: #2E2E2E;
  font-size: .75rem;
  text-align: center;
  line-height: 2.5rem;
  position: relative;
}

.fwq_screen_box .screen_items .item_search_person img {
  width: .875rem;
  height: .85rem;
}

.fwq_screen_box .screen_items .item_my_bfriend img {
  width: 1.075rem;
  height: .9rem;
}

.fwq_screen_box .screen_items .item_byquan img {
  width: 1.075rem;
  height: .95rem;
}

.screen_items>a span {
  vertical-align: middle;
  color: #2e2e2e;
  font-size: .75rem;
  margin-left: .25rem;
}

.screen_items>a img {
  vertical-align: middle;
}

.fwq_show_box {
  background: linear-gradient(90deg, rgba(68, 67, 80, 1), rgba(110, 113, 124, 1));
  border-radius: .25rem
}

.fwq_show_box .left_title {
  color: #FFE1BD;
  font-size: .8rem;
}

.fwq_show_box .right_active {
  color: #D6D6D6;
  font-size: .6rem
}

.fwq_exclusive_items_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fwq_exclusive_items_box>div {
  flex: 1;
  font-size: .6rem;
  color: #FFFFFF;
  text-align: center;
}

.fwq_exclusive_items_box>div img {
  width: 3.3rem;
  height: 3.3rem;
}

.fwq_exclusive_link {
  padding: 0.6rem;
}

.fwq_exclusive_items_box {
  padding: 0.6rem 0;
}

.bfriend_recommend_line {
  padding: 0.725rem .75rem;
  border-bottom: 1px solid #EAEAEA;
}

.bfriend_recommend_line .icon_more_msg img {
  width: .925rem;
  height: .925rem;
  vertical-align: middle;
}

.byquan_tips {
  display: inline-block;
  width: .45rem;
  height: .45rem;
  background: rgba(204, 49, 49, 1);
  border-radius: .225rem;
  position: absolute;
  right: -0.225rem;
  top: -0.225rem;
}

.icon_exclusive {
  width: .85rem;
  height: .8rem;
  vertical-align: middle;
}

.fwq_exclusive_dialogue {
  padding: 0.75rem 0.6rem 1.25rem 0;
}

.fwq_exclusive_dialogue>div {
  padding-left: 3.6rem;
  background: url(../images/icon_jixiangwu.png) no-repeat .75rem top;
  background-size: 2.5rem 3.15rem;
  min-height: 3.2rem;
}

.fwq_exclusive_dialogue .dialogue_content {
  display: inline-block;
  padding: 0.25rem 0.6rem;
  background: rgba(227, 228, 231, 1);
  border: 1px solid rgba(204, 204, 204, 1);
  border-radius: .15rem;
  color: #444444;
  font-size: .65rem;
  line-height: .95rem;
  position: relative;
}

.fwq_exclusive_dialogue .dialogue_content:before {
  display: inline-block;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: .4rem solid transparent;
  border-right: .35rem solid rgba(227, 228, 231, 1);
  ;
  border-bottom: .4rem solid transparent;
  left: -0.3rem;
  top: 0.25rem;
}












































































/*个人主页*/

.personal_label_dsc {
  padding: 0.25rem 0.3rem;
  font-size: .65rem;
  color: #66502E;
  background: linear-gradient(90deg, rgba(243, 208, 152, 0.96), rgba(231, 189, 124, 0.96));
  border-radius: .15rem;
}

.personal_label_dsc>img {
  width: .3rem;
  height: .55rem;
  vertical-align: middle;
  margin-left: .5rem;
}

.personal_brief_introduction>span {
  color: #999999;
  font-size: .6rem;
  border-left: 1px solid #E58181;
  padding-left: 0.6rem;
}

.follow_fans_nums {
  display: flex;
}

.bottom_btn_group {
  position: fixed;
  display: flex;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(249, 249, 249, 1);
  box-shadow: 0px 1px 0px 0px rgba(226, 226, 226, 1);
}

.btn_follow_letter {
  background: #fff;
  padding: 0.5rem 0.6rem;
  background: #fff;
}

.btn_follow_letter>button.btn_follow {
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(204, 49, 49, 1);
  border-radius: .25rem;
  margin-right: 0.3rem;
  color: #CC3131
}

.btn_follow_letter>button.btn_private_letter {
  background: rgba(98, 143, 251, 1);
  border-radius: .25rem;
  color: #fff;
  margin-left: 0.3rem;
}

.bottom_btn_group span {
  vertical-align: middle;
}

.bottom_btn_group button {
  flex: 1;
  background: none;
  border: none;
  font-size: .75rem;
  height: 2.1rem;
}

.btn_private_letter>img {
  width: .7rem;
  height: .7rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.btn_follow_letter .btn_follow.active {
  border: 1px solid rgba(102, 102, 102, 1);
  color: #666;
}












































































/*诊股页*/

.diagnostic_unit_container {
  padding: 0.725rem 0.6rem;
  width: 100%;
  background: linear-gradient(180deg, rgba(218, 70, 70, 1), rgba(221, 77, 78, 1));
}

.wdbg_link {
  opacity: 0.8;
}

.unit_list>li {
  background: #fff;
  border-radius: .4rem;
  padding: 0.5rem 0;
}

.unit_main_chart {
  padding: 0.725rem 0;
  text-align: center;
  background: #fff;
  border-radius: .4rem;
}

.unit_list>li:not(:last-child) {
  border-bottom: .05rem dashed rgba(216, 213, 216, 1);
}

.unit_list .item_main_container {
  padding: 0.5rem 0.625rem;
  color: rgba(102, 102, 102, 1);
  line-height: 1.05rem;
  font-size: .7rem;
}

.unit_list .item_main_container p~p {
  margin-top: 0 !important;
}

.zjl_chart_box {
  padding: 0.5rem 0.6rem;
}

.zjl_chart_box .chart_main {
  width: 100%;
  border-bottom: 1px solid rgba(204, 204, 204, 1);
  height: 2.25rem;
  position: relative;
}

.zjl_chart_box .chart_main .chart_part {
  position: absolute;
  width: 20%;
  text-align: center;
  height: 100%;
}

.chart_part.chart_00 {
  left: 0;
}

.chart_part.chart_01 {
  left: 20%;
}

.chart_part.chart_02 {
  left: 40%;
}

.chart_part.chart_03 {
  left: 60%;
}

.chart_part.chart_04 {
  left: 80%;
}

.zjl_chart_box .chart_main .chart_part .part_show {
  display: inline-block;
  width: 70%;
  position: absolute;
  left: 15%;
}

.chart_part.chart_positive .part_show {
  background: rgba(204, 49, 49, 1);

  bottom: 0;
}

.chart_part.chart_negative .part_show {
  background: #008000;
}

.chart_part.chart_01.chart_negative .part_show {
  bottom: -40%;
}

.chart_part.chart_00 .part_show {

  height: 100%;
}

.chart_part.chart_01 .part_show {
  height: 40%;
}

.chart_part.chart_02 .part_show {
  height: 40%;
}

.chart_part.chart_03 .part_show {
  height: 25%;
}

.chart_part.chart_04 .part_show {
  height: 15%;
}

.chart_part .part_nums {
  display: inline-block;
  width: 100%;
  position: absolute;
}

.chart_part.chart_positive .part_nums {
  color: #CC3131;
  font-size: .55rem;
  bottom: -1.1rem;
  left: 0;
}

.chart_part.chart_negative .part_nums {
  color: #008000;
  font-size: .55rem;
  bottom: 0rem;
  left: 0;
}

.zjl_chart_box .chart_dsc {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .55rem;
  color: #8E8E8E;
  padding-top: 2.3rem;
}

.zjl_chart_box .chart_dsc>div {
  flex: 1;
  text-align: center;
}












































































/*编辑个人资料*/

.edit_personal_head img {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
  vertical-align: middle;
}

.list_container .edit_personal_head input[type="file"] {
  position: absolute;
  opacity: 0;
}

.personal_msg .personal_detail>.flex-box>div:nth-child(1) {
  flex: 8;
}

.personal_msg .personal_detail>.flex-box>div:nth-child(2) {
  flex: 2;
}











































































/*顾问式服务*/

.consultative_service_box {
  height: 100%;
  background: rgba(240, 244, 247, 1);
  padding: 0.725rem 0.6rem;
}

.time_interval_list>li {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px .1rem .25rem 0px rgba(0, 0, 0, 0.1);
  border-radius: .4rem;

  padding: 0.825rem 0.6rem;
}

.time_interval_list>li:not(:last-child) {
  margin-bottom: .5rem;
}

.consultative_edit_popup {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
  z-index: 10002;
}

.consultative_edit_popup .popup_top {
  padding: 0.725rem 0.6rem;
  background: #fff;
}

.consultative_edit_popup .popup_top .icon_close_popup img {
  width: .65rem;
  height: .65rem;
}

.consultative_edit_popup .popup_main {
  background: rgba(241, 239, 242, 1);
  padding: 0.6rem;
}

.consultative_edit_popup .popup_main .textarea_box {
  margin-top: .5rem;
}

.consultative_edit_popup .popup_main .textarea_box textarea {
  width: 100%;
  height: 5.25rem;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(204, 204, 204, 1);
  border-radius: .25rem;
  resize: none;
  padding: .875rem .925rem;
}

.consultative_edit_popup .popup_main .select_box {
  padding: 0 0.6rem;
  height: 1.8rem;
  min-width: 7rem;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(204, 204, 204, 1);
  border-radius: .25rem;
}












































































/*授权书*/

.black-6a6 {
  color: #6A686B;
}

.authorization_container>div:not(:first-child) {
  margin-top: .375rem;
}

.authorization_container>div p {
  line-height: 1.35rem;
}

.much_p_box p~p {
  margin-top: 0;
}

.key_words_box {
  border-bottom: 1px solid #6A686B;
}

.bottom_line_input {
  width: 8rem;
  border: none;
  border-bottom: 1px solid #6A686B;
}

.normal_popup {
  position: absolute;
  width: 80%;
  left: 10%;
  top: 30%;
  background: #fff;
  z-index: 10003;
  padding: 1rem 1.4rem;
  border-radius: .4rem;
}

.normal_popup .input_box {
  width: 100%;
  border-bottom: 1px solid #EAEAEA
}

.normal_popup .input_box input {
  border: none;
  width: 100%;
  padding-bottom: .725rem;
  font-size: .8rem;
}

.img_seal {
  width: 7.925rem;
  height: 7.925rem;
  position: absolute;
  left: 4rem;
  bottom: -2.5rem;
}

.radio_group>div {
  position: relative;
}

.radio_group label>i {
  vertical-align: middle;
}

.radio_group label>span {
  vertical-align: middle;
}













































































/*首页定制私人服务群弹窗*/

.customized_tips_popup {
  position: absolute;
  height: 28rem;
  z-index: 10001;
  width: 80%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.customized_tips_popup .popup_head {
  position: relative;
}

.exclusive_group_box {
  background: #fff;
  height: 17rem;
  padding: 0.725rem 1.2rem;
  overflow-y: auto;
  border-radius: 0 0 .25rem .25rem;
  margin-top: -1px;
}

.exclusive_group_list li:not(:last-child) {
  margin-bottom: .5rem;
}

.exclusive_group_list li {
  background: rgba(254, 250, 244, 1);
  box-shadow: -.05rem .075rem .225rem 0px rgba(0, 0, 0, 0.1), -.1rem 0px 0px 0px rgba(235, 204, 157, 1);
  border-radius: .15rem;
  padding: 0.45rem 0.5rem;
}

.exclusive_user_head img {
  width: 2.05rem;
  height: 2.05rem;
  border-radius: 50%;
}

.customized_tips_popup .btn_close_popup {
  width: 1.2rem;
  height: 1.2rem;
  background: none;
  border: none;
  position: absolute;
  right: 0.6rem;
  top: 3rem;
  background: url(../images/icon-close-gray.png) no-repeat center/1.2rem;
}

.customized_tips_popup .go_exclusive button {
  width: 7.2rem;
  height: 1.9rem;
  background: linear-gradient(-29deg, rgba(220, 170, 101, 1), rgba(236, 205, 155, 1));
  border-radius: .25rem;
  font-size: .8rem;
  font-weight: bold;
  color: rgba(172, 124, 59, 1);
  border: none;
}

.customized_tips_popup .go_exclusive {
  position: absolute;
  width: 100%;
  bottom: 0rem;
  left: 0;
  text-align: center;
}












































































/*专属群引导*/

.customized_guide_popup {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 100001;
}

.customized_guide_popup .guide_main {
  width: 94%;
  margin-left: 3%;
  padding: 0.725rem 0.725rem 0.725rem 3.5rem;
  background: rgba(255, 255, 255, 1) url(../images/icon_jixiangwu.png) no-repeat 0.725rem center/2rem 3.15rem;
  opacity: 1;
  border-radius: .25rem;
  border-radius: .25rem;
}

.customized_guide_popup .gudie_main p {
  line-height: 1.15rem;
}

.customized_guide_popup .guide_jiantou {
  width: 20%;
  margin-left: 20%;
  height: 2.25rem;
  text-align: center;
  padding-top: 0.5rem;
}

.customized_guide_popup .guide_jiantou img {

  width: .825rem;
  height: 1.25rem;
}

.customized_guide_popup .guide_item>div {
  width: 20%;
  text-align: center;
  margin-left: 20%;
  background: rgba(255, 255, 255, 1);
  border-radius: .25rem;
  font-size: .6rem;
  color: #959698;
  vertical-align: middle;
  height: 2.5rem;
  padding-top: 0.3rem
}


.customized_guide_popup .guide_item .item_img_box img {
  width: .875rem;
  height: 1.05rem;
}












































































/*加入帮会*/

.zhifu_choose_list {
  padding: 0 0.6rem;
}

.zhifu_choose_list li {
  padding: 0.725rem 0;
  border-bottom: 1px solid rgba(239, 239, 239, 1);
}

.zhifu_choose_list .weixin_item img {
  width: 1.15rem;
  height: 1.15rem;
  vertical-align: middle;
}

.zhifu_choose_list .zhifubao_item img {
  width: 1.15rem;
  height: .925rem;
  vertical-align: middle;
}

.zhifu_choose_list .apple_item img {
  width: 1.15rem;
  height: .675rem;
  vertical-align: middle;
}

.zhifu_choose_list .pay_select input[type="radio"] {
  opacity: 0;
  width: 1rem;
  height: 0.5rem;
}

.zhifu_choose_list .pay_select i {
  display: inline-block;
  width: 1.025rem;
  height: 1.025rem;
  border: .05rem solid rgba(204, 204, 204, 1);
  box-shadow: 0px .05rem .15rem 0px rgba(35, 24, 21, 0.06);
  border-radius: 50%;
  vertical-align: middle;
}

.zhifu_choose_list .pay_select input[type="radio"]:checked~i {
  background: url(../images/icon_agreed.png) no-repeat center/100%;
  border: none;
}












































































/*首页服务群弹窗*/

.customized_tips_popup .popup_head img {
  width: 100%;
  height: 8.75rem;
}

.exclusive_group_title {
  padding-bottom: 0.5rem;
  text-align: center;
  color: #D5B486;
  font-size: .6rem;
}












































































/*新人礼包*/

.li_head img {
  width: 100%;
  height: auto;
}

.bb_receive_show {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px .05rem .25rem 0px rgba(179, 193, 206, 1);
  border-radius: .125rem;
  padding: 0.725rem 0;
  margin-top: .5rem;
}

.bb_receive_show .received {
  color: #8E8E8E;
  font-size: .85rem;
}

.bb_receive_show .receive {
  color: #F24A52;
  font-size: .85rem;
  font-weight: bold;
}

.receive_items_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 0.4rem;
}

.receive_tips_line {
  padding-bottom: .5rem;
}

.receive_items_box>div.item {
  flex: 1;
}

.receive_items_box>div.item>div {
  width: 90%;
  height: 4rem;
  margin: 0 auto;
  background: url(../images/bg_bb_item.png) no-repeat center center/cover;
  border-radius: .25rem;
  color: #FFFFFF;
  font-size: .65rem;
  font-weight: bold;
  line-height: 1rem;
  text-align: center;
  padding-top: 0.8rem;
  position: relative;
}

.receive_items_box>div.item>div p {
  text-align: center;
  margin: 0;
}

.receive_items_box>div.item>div:after {
  position: absolute;
  display: inline-block;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: .6rem solid transparent;
  border-top: .5rem solid #FC5C64;
  border-right: .6rem solid transparent;
  position: absolute;
  left: 50%;
  bottom: -0.5rem;
  transform: translate(-50%, -50%);
}

.receive_bar_show {
  display: flex;
  margin-top: .5rem;
  position: relative;
}

.receive_bar_show>div {
  flex: 1;
  height: 0.25rem;
  background: rgba(208, 220, 231, 1);
  text-align: center;
  position: relative;
}

.receive_bar_show>div>span {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 1);
  border: .075rem solid rgba(208, 220, 231, 1);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
}

.bb_introduction_link {
  text-align: center;
}

.bb_introduction_link>a {
  display: inline-block;
  color: #FFFEFE;
  font-size: .7rem;
  padding: 0.4rem 0.6rem;
  border-radius: 1rem .075rem 1rem .075rem;
  background: url(../images/bg_bb_gl.png) no-repeat center center/cover;
}

.bb_introduction_link>a img {
  width: .95rem;
  height: .8rem;
  vertical-align: text-top;
}

.bb_introduction_link>a span {
  margin-left: .25rem;
}

.gift_item_yj {
  width: 100%;
  min-height: 13.25rem;
  background: url(../images/bg_li_yjbg.png) no-repeat center/cover;
  padding-top: 4.8rem;
}

.gift_item_yj .item_main {
  display: flex;
  padding: 0 0.6rem;
  justify-content: space-between;
  align-items: center;
}

.gift_item_yj .item_main>a {
  width: 49%;
  background: #fff;
  border-radius: .25rem;
  padding: 0.725rem 0.5rem;
}

.gift_item_yj .item_main>a div img {
  width: 100%;
  height: auto;
}

.gift_item_yj .item_main>a p {
  margin: 0;
  line-height: 1rem;
}

.gift_item_lh {
  width: 100%;
  background: url(../images/bg_li_gpc.png) no-repeat center/cover;
  background-size: 100% 9.95rem;
  height: 9.95rem;
  padding-top: 5.4rem;
}

.gift_item_lh .item_main {
  color: #FFFFFF;
  padding: 0 0.6rem;
}

.gift_item_lh .item_main p {
  margin: 0;
  font-size: .7rem;
  line-height: 1rem;
}

.rule_des_box {
  padding: 0.725rem 0.6rem;
  background: rgba(244, 245, 246, 1);
}

.rule_des_box div p {
  line-height: 1.05rem;
  color: #2E2E2E;
  font-size: .7rem;
}

.rule_des_box div p~p {
  margin-top: 0.25rem;
}

.rule_des_box .rule_title img {
  width: 1.2rem;
  height: 1.2rem;
  vertical-align: middle;
}

.rule_des_box .rule_title span {
  vertical-align: middle;
  color: #2E2E2E;
  font-size: .9rem;
  font-weight: bold;
  margin-left: .25rem;
}

.receive_bar_show .red_bar {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 80%;
  background: #FC5C64;
  border-radius: 0 .075rem .075rem 0;
}

.receive_bar_show .no_claimed {
  background: rgba(255, 255, 255, 1);
  border: .075rem solid rgba(252, 92, 100, 1);
}

.receive_bar_show .no_claimed.claimed {
  background: rgba(252, 92, 100, 1);
  border: .075rem solid rgba(252, 92, 100, 1);
}

.exclusive_group_des {
  width: 100%;
  line-height: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-bottom: 1.5rem;
  padding-left: 1.2rem;
}

.achievement_item_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  padding-bottom: 0.6rem;
}

.achievement_item_box>li {
  flex: 0 0 calc(50%);
  text-align: center;
  margin-top: .6rem;
}

.achievement_item_box>li.item .item_img {
  width: 100%;
  height: 3.4rem;
}

.achievement_item_box>li.active.item .item_title>span {
  position: relative;
}

.achievement_item_box>li.active.item .item_title>span:after {
  content: "";
  display: inline-block;
  width: .6rem;
  height: .6rem;
  background: url(../images/icon_xz_gou.png) no-repeat center/.6rem;
  position: absolute;
  right: -0.3rem;
  top: -.3rem;
}

.achievement_item_box>li.item .item_title span {
  display: inline-block;
  color: #FFFFFF;
  width: 3.4rem;
  font-size: .6rem;
  padding: 0.2rem 0.25rem;
  background: linear-gradient(180deg, rgba(255, 124, 124, 1) 0%, rgba(255, 74, 74, 1) 100%);
  border-radius: .5rem;
}

.achievement_item_box>li.item .item_des {
  font-weight: bold;
  color: rgba(46, 46, 46, 1);
  font-size: .7rem;
  margin-top: .5rem;
}

.achievement_item_box>li.item .item_nums {
  font-weight: 500;
  color: rgba(142, 142, 142, 1);
  margin-top: .25rem;
  font-size: .6rem;
}

/*.mask_dav {
  position: relative;
}

.mask_dav:after {
  content: "";
  display: inline-block;
  width: .7rem;
  height: .7rem;
  position: absolute;
  left: 1rem;
  top: 1rem;
  background: url(../images/user_dav_tips.png) no-repeat center/cover;
}*/











































































/*7.6bug修改*/

.absolute_center {
  position: absolute;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.align_start {
  align-items: flex-start !important;
}

.align_center {
  align-items: center !important;
}

.icon_per_more {
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
  background: url(../images/icon_gengduo_dunhao.png) no-repeat right center/.775rem .15rem;
}

.more_oper_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
  display: none;
}

.personal_gets_box {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: .5rem;
}

.personal_gets_box>div {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: .6rem;
}

.personal_gets_box>div>img {
  width: 100%;
  height: 100%;
}

.gets_xz_popup {
  width: 70%;
  position: absolute;
  left: 15%;
  top: 30%;
  background: rgba(0, 0, 0, 1);
  opacity: 0.5;
  border-radius: .4rem;
  color: #fff;
  padding: 0 2rem;
  padding-bottom: 1rem;
}

.gets_xz_popup .icon_close_popup {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/icon_white_close.png) no-repeat center/.7rem;
  position: absolute;
  right: 0.6rem;
  top: 0.3rem;
}

.gets_xz_popup .popup_main {
  text-align: center;
  background: url(../images/bg_xz_gh.png) no-repeat center center/cover;
  width: 100%;
  height: 8rem;
  padding-top: 2rem;
}

.gets_xz_popup .popup_main>img {
  width: 3.55rem;
  height: 3.55rem;
  border-radius: 50%;
}

.gets_xz_popup .popup_text {
  margin-top: -1rem;
}

.gets_xz_popup .popup_text p {
  text-align: center;
}

.white-e0e {
  color: #E0E0E0;
}











































































/*成就勋章*/

.achievement_item_box li:nth-child(1) .item_img {
  background: url(../images/img_gk_10.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(1).active .item_img {
  background: url(../images/l_img_gk_10.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(2) .item_img {
  background: url(../images/img_gk_100.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(2).active .item_img {
  background: url(../images/l_img_gk_100.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(3) .item_img {
  background: url(../images/img_gk_1000.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(3).active .item_img {
  background: url(../images/l_img_gk_1000.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(4) .item_img {
  background: url(../images/img_dz_10.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(4).active .item_img {
  background: url(../images/l_img_dz_10.png) no-repeat center/2.75rem 3rem;
}


.achievement_item_box li:nth-child(5) .item_img {
  background: url(../images/img_dz_100.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(5).active .item_img {
  background: url(../images/l_img_dz_100.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(6) .item_img {
  background: url(../images/img_dz_1000.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(6).active .item_img {
  background: url(../images/l_img_dz_1000.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(7) .item_img {
  background: url(../images/img_hz_5.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(7).active .item_img {
  background: url(../images/l_img_hz_5.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(8) .item_img {
  background: url(../images/img_hz_50.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(8).active .item_img {
  background: url(../images/l_img_hz_50.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(9) .item_img {
  background: url(../images/img_hz_1000.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(9).active .item_img {
  background: url(../images/l_img_hz_1000.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(10) .item_img {
  background: url(../images/img_fs_20.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(10).active .item_img {
  background: url(../images/l_img_fs_20.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(11) .item_img {
  background: url(../images/img_fs_100.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(11).active .item_img {
  background: url(../images/l_img_fs_100.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(12) .item_img {
  background: url(../images/img_fs_1000.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(12).active .item_img {
  background: url(../images/l_img_fs_1000.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(13) .item_img {
  background: url(../images/img_xly_play_5.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(13).active .item_img {
  background: url(../images/l_img_xly_play_5.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(14) .item_img {
  background: url(../images/img_xly_play_20.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(14).active .item_img {
  background: url(../images/l_img_xly_play_20.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(15) .item_img {
  background: url(../images/img_xly_play_50.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(15).active .item_img {
  background: url(../images/l_img_xly_play_50.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(16) .item_img {
  background: url(../images/img_ls_2.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(16).active .item_img {
  background: url(../images/l_img_ls_2.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(17) .item_img {
  background: url(../images/img_ls_5.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(17).active .item_img {
  background: url(../images/l_img_ls_5.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(18) .item_img {
  background: url(../images/img_ls_10.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(18).active .item_img {
  background: url(../images/l_img_ls_10.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(19) .item_img {
  background: url(../images/img_byq_10.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(19).active .item_img {
  background: url(../images/l_img_byq_10.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(20) .item_img {
  background: url(../images/img_byq_50.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(20).active .item_img {
  background: url(../images/l_img_byq_50.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(21) .item_img {
  background: url(../images/img_byq_100.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(21).active .item_img {
  background: url(../images/l_img_byq_100.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(22) .item_img {
  background: url(../images/img_share_30.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(22).active .item_img {
  background: url(../images/l_img_share_30.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(23) .item_img {
  background: url(../images/img_share_100.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(23).active .item_img {
  background: url(../images/l_img_share_100.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(24) .item_img {
  background: url(../images/img_share_500.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(24).active .item_img {
  background: url(../images/l_img_share_500.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(25) .item_img {
  background: url(../images/img_reach_3.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(25).active .item_img {
  background: url(../images/l_img_reach_3.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(26) .item_img {
  background: url(../images/img_reach_10.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(26).active .item_img {
  background: url(../images/l_img_reach_10.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(27) .item_img {
  background: url(../images/img_reach_30.png) no-repeat center/2.75rem 3rem;
}

.achievement_item_box li:nth-child(27).active .item_img {
  background: url(../images/l_img_reach_30.png) no-repeat center/2.75rem 3rem;
}

.flex_8_2 {
  display: flex;
  justify-content: flex-start;
}

.flex_8 {
  flex: 8;
}

.flex_2 {
  flex: 2;
}

.just_start {
  justify-content: flex-start !important;
}

.bar.bar-tab.tab-style-2 {
  line-height: 1;
}

.icon_click_dashang {
  width: .875rem;
  height: .825rem;
  margin-right: .25rem;
  vertical-align: middle;
}





































































/*发图文新增*/

.byq_publish_topic {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: .475rem .525rem;
  background: rgba(239, 239, 239, 1);
}

.byq_publish_topic .topic_img img {
  width: 2.95rem;
  height: 2.95rem;
}

.byq_publish_topic .topic_text {
  margin-left: .5rem;
}

.byq_publish_topic .topic_text p {
  line-height: 1rem;
}

.comment_click .comment_item {
  width: 3.6rem;
}

.comment_click .click_item {
  width: 3.6rem;
  text-align: right;
}

.comment_click .click_item>span:nth-child(2) {
  display: inline-block;
  width: 1.5rem;
  text-align: left;
  overflow: hidden;
}

.comment_click .share_item span {
  vertical-align: middle;
}

.comment_click .share_item img {
  margin-right: 0.25rem;
  width: 1.15rem;
  height: 1.1rem;
  vertical-align: middle;
}

.comment_click .detail_fenxaing img {
  margin-right: 0.25rem;
  width: 1.15rem;
  height: 1.1rem;
  vertical-align: middle;
}

.dt_main_content {
  background: rgba(239, 239, 239, 1);
  border-radius: .25rem;
  padding: 0.5rem 0.6rem;
  margin-top: .5rem;
}

.dt_main_content p {
  font-size: .7rem;
  color: .6rem;
}

.q_someone {
  color: #445C97;
  font-weight: bold;
}

.dt_main_content .main_img_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: .5rem;
  flex-wrap: wrap;
}

.dt_main_content .main_img_box>img {
  width: 30%;
  height: 4.375rem;
  margin-right: 3.3%;
}

.dt_comment_content {
  margin-top: .5rem;
  padding: 0 0.6rem;
  border-left: .05rem solid rgba(234, 234, 234, 1);
}

.dt_comment_content>p {
  margin-top: .125rem;
  line-height: 1.05rem;
  font-size: .7rem;
  color: #8E8E8E;
}






































































/*辩论赛*/

.bls_gz_line {
  margin-bottom: .5rem;
}

.bls_gz_line .line_left {
  color: rgba(142, 142, 142, 1);
  font-size: .7rem;
}

.bls_gz_line .line_left span {
  vertical-align: middle;
  margin-right: .125rem;
}

.bls_gz_line .line_left img {
  width: .65rem;
  height: .65rem;
  vertical-align: middle;
}

.bls_gz_line .line_right span.icon_ggk {
  display: inline-block;
  width: 4rem;
  height: 1.25rem;
  background: url(../images/bg-ggk.png) no-repeat center/cover;
  vertical-align: middle;
}

.bls_gz_line .line_right .btn_share {
  height: 1.125rem;
  background: rgba(255, 214, 206, 1);
  border: .075rem solid rgba(238, 87, 30, 1);
  border-radius: .35rem;
  font-weight: 800;
  color: rgba(238, 87, 30, 1);
  font-size: .65rem;
  vertical-align: middle;
  margin-left: .5rem;
}

.new_msg_tips {
  text-align: center;
  margin-top: 1rem;
}

.new_msg_tips a {
  padding: 0.6rem 2rem;
  background: rgba(255, 214, 206, 1);
  border-radius: 1rem;
  font-weight: 500;
  color: rgba(238, 87, 30, 1);
  font-size: .7rem;
}

.bls_zf_ff {
  margin-top: 1rem;
}

.bls_zf_ff .zf {
  color: #E2555E;
  font-size: .65rem;
}

.bls_zf_ff .ff {
  color: #3B93D6;
  font-size: .65rem;
}

.bls_pk_show {
  width: 100%;
  white-space: nowrap;
  position: relative;
}

.bls_pk_show .zf_show_part {
  position: relative;
  height: 2.9rem;
  min-width: 35%;
  max-width: 65%;
  text-align: center;
  line-height: 1.2;
  padding-top: 0.4rem;
  color: #FFFFFF;
  width: 60%;
  display: inline-block;
  background: linear-gradient(180deg, rgba(215, 64, 76, 1), rgba(229, 91, 99, 1), rgba(215, 64, 76, 1));
  border: .2rem solid rgba(242, 166, 172, 1);
  box-shadow: 0px .175rem 0px 0px rgba(196, 61, 71, 1);
  border-radius: 1.45rem 0px 0px 1.45rem;
}

.bls_pk_show .ff_show_part {
  position: relative;
  min-width: 35%;
  max-width: 65%;
  padding-top: 0.4rem;
  height: 2.9rem;
  line-height: 1.2;
  text-align: center;
  color: #FFFFFF;
  width: 40%;
  display: inline-block;
  background: linear-gradient(180deg, rgba(69, 103, 195, 1), rgba(56, 160, 219, 1), rgba(69, 103, 195, 1));
  border: .2rem solid rgba(131, 188, 235, 1);
  box-shadow: 0px .175rem 0px 0px rgba(62, 80, 191, 1);
  border-radius: 0px 1.45rem 1.45rem 0px;
}

.bls_pk_show .bls_pk {
  width: 3.575rem;
  height: 3.575rem;
  position: absolute;
  right: -1.8rem;
  top: -.5rem;
  z-index: 99;
}

.bls_zf_ff .zff_data {
  padding: 0 0.6rem;
}

.qm_tips {
  margin-top: 1.25rem;
}

.qm_tips img {
  width: 100%;
  height: auto;
}

.pls_qm_list .user_head img {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
  vertical-align: middle;
}

.pls_qm_list {
  padding: 0.9rem 0.6rem;
}

.pls_qm_list li {
  background: rgba(255, 255, 255, 1);
  padding: 0.725rem 0.6rem;
  border-radius: .25rem;
}

.pls_qm_list li:not(:first-child) {
  margin-top: .5rem;
}

.pls_qm_list .user_msg {
  display: inline-block;
  vertical-align: middle;
}

.pls_qm_list .user_msg .name {
  color: #2E2E2E;
  font-size: .85rem;
  vertical-align: middle;
}

.pls_qm_list .user_msg .mask_ff {
  background: linear-gradient(90deg, rgba(37, 146, 245, 1), rgba(38, 125, 224, 1));
  border-radius: .15rem;
  color: #fff;
  font-size: .6rem;
  padding: 0.15rem 0.2rem;
  vertical-align: middle;
  margin-left: .25rem;
}

.pls_qm_list .user_msg .mask_zf {
  background: linear-gradient(180deg, rgba(233, 100, 106, 1), rgba(208, 51, 65, 1));
  border-radius: .15rem;
  color: #fff;
  font-size: .6rem;
  padding: 0.15rem 0.2rem;
  vertical-align: middle;
  margin-left: .25rem;
}

.pls_qm_list .qm_text {
  font-weight: 500;
  color: rgba(46, 46, 46, 1);
  line-height: 1.05rem;
  font-size: .7rem;
  margin-top: .5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}

.pls_qm_list .item_zf {
  position: relative;
  border: .1rem solid rgba(215, 64, 76, 1);
}

.pls_qm_list .item_ff {
  border: .1rem solid rgba(72, 88, 189, 1);
}

.pls_qm_list .btn_comment {
  border-radius: 1rem;
  color: #fff;
  line-height: 1.2;
  border: none;
  padding: 0.15rem 0.725rem;
}

.btn_comment.btn_good {
  position: relative;
  background: linear-gradient(-37deg, rgba(255, 125, 146, 1), rgba(255, 40, 40, 1));
  box-shadow: 0px .075rem .05rem 0px rgba(255, 255, 255, 0.4), 0px .15rem .225rem 0px rgba(255, 0, 31, 0.4);
}

.btn_comment.btn_bad {
  position: relative;
  background: linear-gradient(-37deg, rgba(59, 214, 114, 1), rgba(89, 189, 72, 1));
  box-shadow: 0px 3px 2px 0px rgba(255, 255, 255, 0.4), 0px 6px 9px 0px rgba(37, 156, 68, 0.4);
}

.icon_qm_click {
  width: .875rem;
  height: .925rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.click_record_list {
  height: 78px;
  overflow: hidden;
}

.click_record_list li {
  text-align: center;
  color: #A38467;
  font-size: .7rem;
  line-height: .9rem;
  height: 26px;
}

.click_record_list li p {
  text-align: center;
}

.click_record_list li p~p {
  margin-top: 0.25rem;
}

.btn_my_qm.zf_qm .zf_tips>span {
  padding: 0.1rem 0.2rem;
  border-radius: .15rem;
  background: rgba(225, 84, 93, 1);
  color: #fff;
  font-size: .55rem;
}

.btn_my_qm .zf_tips {
  text-align: right;
  margin-bottom: -0.25rem;
  padding: 0 0.9rem;
}

.btn_my_qm.ff_qm .zf_tips>span {
  padding: 0.1rem 0.2rem;
  border-radius: .15rem;
  background: rgba(60, 142, 212, 1);
  color: #fff;
  font-size: .55rem;
}

.btn_my_qm.zf_qm .zf_qm_area {
  position: relative;
  width: 8.325rem;
  height: 4.25rem;
  background: url(../images/bg-zf-qm.png) no-repeat center/8.325rem 4.25rem;
}

.btn_my_qm.ff_qm .zf_qm_area {
  position: relative;
  width: 8.325rem;
  height: 4.25rem;
  background: url(../images/bg-ff-qm.png) no-repeat center/8.325rem 4.25rem;
}

.btn_clcik_qm {
  position: absolute;
  right: -0.6rem;
  bottom: 1rem;
  z-index: 10;
}

.item_zf_tip {
  position: absolute;
  top: .2rem;
  right: .2rem;
  content: "";

  width: 4.5rem;
  height: 2rem;
  background: url(../images/lead_tips.png) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.btn_qm_refresh {
  padding: 0 1.2rem;
  margin-top: 1rem;
}

.btn_qm_refresh button {
  width: 2.5rem;
  height: 2.5rem;
  border: none;
  box-shadow: 0px .075rem .125rem 0px rgba(0, 0, 0, 0.3);
  border-radius: 1.25rem;
  display: inline-block;
  background: rgba(131, 167, 255, 1) url(../images/icon_white_refresh.png) no-repeat center/1.2rem 1.375rem;
}

.pls_qm_popup {
  width: 66%;
  position: absolute;
  left: 17%;
  top: 20%;
  z-index: 10001;
  background: #fff;
}

.pls_qm_popup .popup_head {
  position: relative;
}

.pls_qm_popup .popup_head .icon_close {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 0.3rem;
  top: 0.5rem;
  background: url(../images/icon_white_close.png) no-repeat center/.7rem;
}

.pls_qm_popup .popup_head img {
  width: 100%;
  height: auto;
}

.pls_qm_popup {
  border-radius: .25rem;
}

.pls_qm_popup .popup_content {
  padding: 0.5rem 0;
  text-align: center;
  font-size: .7rem;
  color: #2e2e2e;
  padding: 0 1rem;
}

.pls_qm_popup .popup_content p {
  text-align: center;
  line-height: .9rem;
}

.pls_qm_popup .popup_content p~p {
  margin-top: 0.25rem;
}

.pls_qm_popup .popup_btn {
  padding: 0 1rem;
  padding-bottom: 1rem;
  margin-top: 0.5rem;
}

.pls_qm_popup .popup_btn button {
  height: 1.8rem;
  line-height: 1.8rem;
  background: linear-gradient(180deg, rgba(233, 100, 106, 1), rgba(208, 51, 65, 1));
  border-radius: .9rem;
  color: #fff;
  font-size: .8rem;
  font-weight: bold;
  width: 100%;
  border: none;
}

.pls_qm_popup .popup_content .bg_gray_item {
  background: rgba(0, 0, 0, 0.1);
  padding: 0.2rem;
  font-size: .6rem;

  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  line-height: .9rem;
  border-radius: .075rem;
}

.pls_qm_popup .popup_content .bg_gray_item p {
  line-height: .9rem;
  text-align: left;
  margin-top: 0.1rem;
}

.my_qm_popup {
  width: 90%;
  position: absolute;
  top: 20%;
  left: 5%;
  z-index: 10001;
}

.my_qm_popup .popup_head {
  background: #fff;
  border-radius: .25rem;
}

.my_qm_popup .popup_content {
  background: #fff;
  margin-top: .5rem;
  border-radius: .25rem;
  background: #FAFAFA;
}

.my_qm_popup .popup_content .head_line {
  padding: 0.5rem 0.6rem;
}

.my_qm_popup .popup_content .btn_send_msg {
  padding: 0.15rem 0.5rem;
  background: rgba(218, 71, 82, 1);
  border-radius: .15rem;
  color: #fff;
  font-size: .75rem;
  border: none;
}

.my_qm_popup .popup_content .btn_send_msg.active {
  background: #999;
}

.my_qm_popup .popup_content .main_textarea_box {
  background: #fff;
  padding: 0 0.6rem;
  background: #fff;
}

.my_qm_popup .popup_content .main_textarea_box textarea {
  background: #fff;
  padding: 0.5rem 0.6rem;
  width: 100%;
  height: 5rem;
  border: none;
}

.bls_bt_title {
  padding: 0 0.6rem;
  padding-bottom: 0.725rem;
}

.bls_bt_title p {
  line-height: .9rem;
}

.my_qm_fy {
  width: 90%;
  position: absolute;
  left: 5%;
  height: 2.5rem;
  line-height: 2.5rem;
  background: rgba(0, 0, 0, 0.7);
  top: 10%;
  border-radius: .25rem;
  font-size: .8rem;
  text-align: center;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
}

.blgd_all_container {
  padding: 0 0.6rem;
}

.blgd_list_box>.blg-detail-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.blgd_list_box>.blg-detail-wrap>div {
  width: 49%;
}

.blgd_list_box>.blg-detail-wrap>div li:not(:first-child) {
  margin-top: .5rem;
}

.blgd_all_container .blgd_title_line {
  padding: 0.725rem 0;
}

.blgd_items .user_head img {
  width: .85rem;
  height: .85rem;
  vertical-align: middle;
  border-radius: 50%;
}

.blgd_items .item_bottom {
  text-align: right;
  line-height: 1;
  margin-top: .25rem;
}

.blgd_items .item_bottom .click_good {
  padding-left: 0.8rem;

  background: url(../images/icon_bl_good.png) no-repeat left center/.525rem;
  color: rgba(46, 46, 46, 1);
  font-size: .55rem;
}

.blgd_items .item_bottom .click_good.active {
  padding-left: 0.8rem;
  background: url(../images/icon_bl_good_active.png) no-repeat left center/.525rem;
  color: #FF3F45;
  font-size: .55rem;
}

.blgd_items .item_bottom .click_bad {
  padding-left: 0.8rem;

  margin-left: 1rem;
  background: url(../images/icon_bl_bad.png) no-repeat left center/.525rem;
  color: rgba(46, 46, 46, 1);
  font-size: .55rem;
}

.blgd_items .item_bottom .click_bad.active {
  padding-left: 0.8rem;
  background: url(../images/icon_bl_bad_active.png) no-repeat left center/.525rem;
  color: #4FC555;
  font-size: .55rem;
}

.blgd_items {
  background: #fff;
  padding: 0.6rem;
  border-radius: .25rem;
}

.blgd_items .user_name {
  color: rgba(46, 46, 46, 1);
  font-size: .65rem;
  margin-left: .25rem;
}

.blgd_items .item_content {
  margin-top: .5rem;
}

.blgd_items .item_content p {
  font-weight: 500;
  color: rgba(46, 46, 46, 1);
  line-height: 1.05rem;
  font-size: .7rem;
}

.blgd_items.border_red {
  border: .05rem solid rgba(215, 64, 76, 1);
}

.blgd_items.border_blue {
  border: .05rem solid rgba(72, 88, 189, 1);
}

.blgd_items_text {
  margin-top: 0.25rem;
}

.blgd_items_text p {
  font-weight: 500;
  color: rgba(153, 121, 91, 1);
  line-height: .75rem;
  font-size: .55rem;
}

.ggk_items {
  background: #fff;
  border-radius: .25rem;
}

.ggk_items .ggk_head {
  width: 100%;
  height: 1.35rem;
  background: url(../images/bg_ggk_dj.png) no-repeat left center/5.45rem 1.35rem;
  color: #fff;
  padding-left: 1.2rem;
  font-size: .55rem;
  line-height: 1.35rem;
}

.ggk_content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0.6rem;
}

.ggk_content .content_img_box img {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: .25rem;
}

.ggk_content .content_text {
  margin-left: .25rem;
}

.ggk_content .content_text .text_title {
  font-weight: 800;
  color: rgba(251, 125, 38, 1);
  line-height: .8rem;
}

.ggk_content .content_text .text_p {
  margin-top: .125rem;
}

.ggk_content .content_text .text_p p {
  font-weight: 500;
  color: rgba(142, 142, 142, 1);
  font-size: .55rem;
  line-height: .7rem;
}

.yellow_fb7 {
  color: #FB7D26;
}

.ggk_items .ggk_bottom {
  padding: 0 0.6rem;
  padding-bottom: 0.5rem;
}

.btn_item_ggk {
  display: inline-block;
  width: 3.5rem;
  height: 1.1rem;
  background: url(../images/bg-ggk.png) no-repeat center center/cover;
}


.txhb_popup {
  width: 90%;
  position: absolute;
  top: 7%;
  left: 5%;
  background: #fff;
  border-radius: .25rem;
  z-index: 10001;
}

.txhb_popup .popup_head {
  text-align: center;
}

.txhb_popup .popup_head .head_img img {
  width: 3.375rem;
  height: 2.75rem;
}

.txhb_popup {
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}

.txhb_popup .popup_head .head_nums {
  font-size: 1.8rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(255, 69, 59, 1);
}

.txhb_popup .popup_head .head_tx_btn {
  margin-top: .75rem;
}

.txhb_popup .popup_head .head_tx_btn button {
  width: 7rem;
  height: 2.2rem;
  background: rgba(204, 49, 49, 1);
  border-radius: .25rem;
  color: #fff;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  border: none;
}

.txhb_popup .popup_content {
  padding: 0.5rem 1rem;
}

.txhb_popup .popup_content .content_list_title {
  padding: 0.725rem 0;
  border-top: 1px solid rgba(239, 239, 239, 1);
}

.txhb_popup .popup_content .content_list_main {
  height: 4.2rem;
  overflow: scroll;
}

.txhb_popup .popup_content .content_list_main ul li {
  padding: 0.25rem 0;
  color: #2C2C2C;
  font-size: .7rem;
  font-weight: 500;
}

.txhb_popup .popup_content .content_list_main ul li .get_hb {
  width: 3.15rem;
  height: 1.15rem;
  background: rgba(204, 49, 49, 1);
  border-radius: .25rem;
  border: none;
  color: #fff;
  font-size: .6rem
}

.txhb_popup .popup_content .content_list_main ul li .yy_hb {
  width: 3.15rem;
  height: 1.15rem;
  background: #3A98D7;
  border-radius: .25rem;
  border: none;
  color: #fff;
  font-size: .6rem
}

.txhb_popup .popup_content .content_list_main ul li .get_hb.active {
  width: 3.15rem;
  height: 1.15rem;
  background: rgba(142, 142, 142, 1);
  border-radius: .25rem;
  border: none;
  color: #fff;
  font-size: .6rem
}

.tx_hb_record_box {
  max-height: 4rem;
  overflow: auto;
  margin-top: 0.5rem;
}

.tx_hb_record {



  padding: 0.725rem 0;
  border-top: 1px solid rgba(239, 239, 239, 1);
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(142, 142, 142, 1);
}

.tx_hb_rule {
  padding: 0 1rem;
  font-size: .65rem;

  font-weight: 500;
  color: rgba(142, 142, 142, 1);
  line-height: .9rem;
}

.tx_hb_rule p {
  margin-top: 0;
}





































































/*发言记录回放*/

.bl_fy_bd {
  text-align: center;
  margin-top: 1rem;
}

.bl_fy_bd img {
  width: .65rem;
  height: .65rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.bl_fy_bd>span {
  display: inline-block;
  width: 5.75rem;
  height: 1.35rem;
  background: rgba(255, 214, 206, 1);
  border: .075rem solid rgba(238, 87, 30, 0.29);
  border-radius: .675rem;
  color: #D7404C;
  font-size: .65rem;
  line-height: 1.2rem;
}

.bl_fy_bd>span>span {
  vertical-align: middle;
}

.fy_record_list {
  padding: 0 2rem;
}

.fy_record_list>li:not(:last-child) {
  margin-bottom: 1rem;
}

.fy_record_list li .content_text {
  width: 100%;
  border-radius: .25rem;
  background: #fff;
  padding: 0.5rem 0.6rem;
  margin-top: .25rem;
  position: relative;
}

.fy_record_list li .content_text p {

  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(46, 46, 46, 1);
  line-height: 1.2rem;
}

.fy_record_list .item_left .content_times {
  text-align: right;
  color: #E55B63;
  font-size: .65rem;
  font-weight: 500;
}

.fy_record_list .item_right .content_times {
  text-align: left;
  color: #399BD9;
  font-size: .65rem;
  font-weight: 500;
}

.fy_record_list li .content_date {
  margin-top: .25rem;
}

.red-e55 {
  color: #E55B63;
}

.fy_record_list .item_left .content_text .item_head_name {
  position: absolute;
  left: -2rem;
  top: -1.2rem;
}

.fy_record_list .item_left .content_text .item_head_name>div {
  font-size: 0;
}

.fy_record_list .item_right .content_text .item_head_name {
  position: absolute;
  right: -2rem;
  top: -1.2rem;
}

.fy_record_list li .content_text .item_head_name img {
  width: 1.725rem;
  height: 1.725rem;
  border-radius: 50%;
}

.fy_record_list li .content_text .item_head_name .name {
  text-align: center;
  color: #2E2E2E;
  font-size: .65rem;
  vertical-align: top;
  margin: 0 0.3rem;
}

.blue-3a9 {
  color: #3A98D7;
}

.fy_record_list .item_history_record {
  position: relative;
  width: 100%;
  height: 1rem;
  text-align: center;
}

.red-ee5 {
  color: #E55B63;
}

.item_history_record:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 49%;
  height: 1px;
  background: #ECB987;
  top: 0.5rem;
  left: -2rem;
}

.item_history_record:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 49%;
  height: 1px;
  background: #ECB987;
  top: 0.5rem;
  right: -2rem;
}

.fy_record_list .item_history_record>span {
  padding: 0.1rem 0.2rem;
  color: #c18143;
  font-size: .65rem;
}

.get_praise_popup {
  width: 80%;
  position: absolute;
  z-index: 10001;
  border-radius: .25rem;
  background: #fff;
  top: 20%;
  left: 10%;
}

.get_praise_popup .popup_head img {
  width: 100%;
  height: auto;
  border-radius: .25rem .25rem 0 0;
}

.get_praise_popup .popup_content {
  padding: 0.5rem 1rem;
}

.get_praise_popup .popup_content li {
  padding: 0.25rem 0;
}

.popup_bottom {
  padding: 0.5rem 0;
}

.popup_bottom a {
  padding: 0.5rem 1rem;
}

.bls_jg_popup {
  width: 90%;
  position: absolute;
  top: 10%;
  left: 5%;
  background: linear-gradient(150deg, rgba(255, 240, 226, 1), rgba(250, 205, 161, 1));
  border-radius: .25rem;
  z-index: 10001;
  padding: 1rem 0;
}

.bls_jg_popup .popup_head {
  text-align: center;
}

.bls_jg_popup .popup_head .title_name {
  font-size: 1.85rem;
  font-weight: 800;
  color: rgba(147, 115, 85, 1);
  line-height: 1.2;
}

.bls_jg_popup .popup_head .title_content {
  font-size: 1.5rem;
  font-family: PingFang SC;
  font-weight: 800;
  line-height: 1.2;
}

.bls_jg_popup .popup_content {
  padding: 0 0.6rem;
}

.brown-a38 {
  color: #A38467;
}

.bls_jg_popup .popup_bottom {
  text-align: center;
}

.bls_jg_popup .popup_bottom {
  padding: 0 3rem;
}

.bls_jg_popup .popup_bottom button {
  height: 1.8rem;
  line-height: 1.8rem;
  background: linear-gradient(180deg, rgba(233, 100, 106, 1), rgba(208, 51, 65, 1));
  border-radius: .9rem;
  color: #fff;
  font-size: .8rem;
  font-weight: bold;
  width: 100%;
  border: none;
}

.mask_qm_success {
  position: absolute;
  width: 3.1rem;
  height: 2.575rem;
  right: -1.3rem;
  top: -1.9rem;
  margin-top: 0;
}

.btn_comment.btn_good canvas {
  display: block;
  position: absolute;
  bottom: 100px;
  right: -24px;
  z-index: 10001;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.btn_comment.btn_bad canvas {
  display: block;
  position: absolute;
  bottom: 100px;
  right: -24px;
  z-index: 10001;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.personal_msg_jb {
  margin-top: .5rem;
}

.personal_msg_jb li span {
  color: #2E2E2E;
  font-size: .75rem;
  vertical-align: middle;
}

.personal_msg_jb li>label {
  display: block;
  padding: 0.5rem 0;
  position: relative;
}

.personal_msg_jb li>label input {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.personal_msg_jb li>label i {
  width: 0.9rem;
  display: inline-block;
  height: 0.9rem;
  border: .05rem solid rgba(166, 166, 167, 1);
  border-radius: 50%;
  vertical-align: middle;
  margin-right: .5rem;
}

.personal_msg_jb li>label input[type="checkbox"]:checked~i {
  background: url(../images/icon_agreed.png) no-repeat center/100%;
  border: none;
}




































































/*个人分享*/

.personal_share_box {
  padding: 0.5rem 0.6rem;
  background: #fff;
}

.personal_share_box .box_in {
  background: linear-gradient(158deg, rgba(255, 240, 226, 1), rgba(249, 205, 161, 1));
  border: .15rem solid rgba(248, 183, 118, 1);
  border-radius: .5rem;
  padding: 1rem 0.6rem;
}

.personal_share_box .box_in .head {
  text-align: center;
}

.personal_share_box .box_in .head img {
  width: 12.6rem;
  height: auto;
}

.personal_share_box .box_in .bq_bt .bt_title {
  color: #99744F;
  font-size: .85rem;
}

.personal_share_box .box_in .bt_text {
  color: #2D2D2D;
  font-size: .8rem;
  font-weight: bold;
  color: rgba(45, 45, 45, 1);
  line-height: 1.25rem;
  margin-top: .25rem;
}

.personal_share_box .box_in .rb_main {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1rem;
}

.personal_share_box .box_in .rb_main .rb_user .user_head {
  text-align: center;
}

.personal_share_box .box_in .rb_main .rb_user .user_head img {
  width: 1.675rem;
  height: 1.675rem;
  border-radius: 50%;
  border: .25rem solid rgba(215, 63, 75, 1);
}

.personal_share_box .box_in .rb_main .rb_user .user_name {
  color: #2D2D2D;
  font-size: .75rem;
  white-space: nowrap;
}

.personal_share_box .box_in .rb_main .rb_content {
  position: relative;
  background: rgba(255, 245, 236, 1);
  border: .05rem solid rgba(215, 63, 75, 1);
  padding: 0.5rem 0.6rem;
  font-weight: 500;
  color: rgba(132, 93, 56, 1);
  line-height: 1.1rem;
  font-size: .7rem;
  border-radius: .5rem;
  margin-left: .5rem;
  font-weight: 500;
}

.personal_share_box .box_in .rb_main .rb_content:before {
  content: "";
  display: inline-block;

  border-right: .4rem solid #de584b;
  border-top: .4rem solid transparent;
  border-bottom: .4rem solid transparent;
  position: absolute;
  left: -0.4rem;
  top: 0.5rem;
}

.personal_share_box .box_in .rb_main .rb_content:after {
  z-index: 1;
  content: "";
  display: inline-block;
  border-right: .3rem solid #fff;
  border-top: .35rem solid transparent;
  border-bottom: .35rem solid transparent;
  position: absolute;
  left: -0.3rem;
  top: 0.55rem;
}

.personal_share_box .box_in .rb_code_box {
  margin: 0 auto;
  width: 5.3rem;
  height: 5.3rem;
  background: rgba(255, 255, 255, 1);
  border: .15rem solid rgba(241, 183, 129, 1);
  box-shadow: 0px .1rem .175rem 0px rgba(125, 60, 0, 1);
  border-radius: .125rem;
  margin-top: 1rem;
}

.personal_share_box .box_in .rb_code_box img {
  width: 100%;
  height: 100%;
}

.s_code_tips {
  text-align: center;
  margin-top: 1rem;
}

.s_code_tips img {
  width: 14.425rem;
  height: 2.15rem;
}

.get_hb_items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
}

.get_hb_items>div {
  padding: 0.15rem 0.5rem;
  border-radius: .6rem;
  background: rgba(255, 91, 103, 1);
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  font-size: .6rem;
}

.get_hb_menbers {
  text-align: center;
  margin-top: 0.5rem;
}

.get_hb_menbers span {
  font-weight: bold;
  color: rgba(195, 144, 97, 1);
  font-size: .65rem;
}

.rb_content .icon_mask_zf {
  display: inline-block;
  width: 5.35rem;
  background: url(../images/icon_jiantou_zf.png) no-repeat center/cover;
  text-align: right;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  font-size: .6rem;
  padding-right: 0.3rem;
}

.rb_content .icon_mask_ff {
  display: inline-block;
  width: 5.35rem;
  background: url(../images/icon_jiantou_ff.png) no-repeat center/cover;
  text-align: left;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  font-size: .6rem;
  padding-left: 0.3rem;
}

.bottom_share_btn {
  margin-top: 1.5rem;
}

.bottom_share_btn button {
  width: 100%;
  height: 2.25rem;
  background: linear-gradient(0deg, rgba(255, 55, 59, 1) 0%, rgba(255, 113, 131, 1) 100%);
  border-radius: .25rem;
  font-weight: bold;
  color: rgba(254, 254, 254, 1);
  font-size: .9rem;
  border: none;
}




































































/*持股帮7.8.0*/


/*帮会页*/

.label_bh_topic {

  background: #FFF3E5;
  border-radius: .15rem;
  padding: 0.1rem 0.2rem;
}

.label_bh_topic>img {
  width: auto;
  max-height: .675rem;
  vertical-align: middle;
  margin-right: 0.125rem;
}

.label_bh_topic>span {
  color: #FFA639;
  font-size: .55rem;
  vertical-align: middle;
}

.label_bh_mask {
  background: rgba(252, 241, 235, 1);
  border-radius: .15rem;
  padding: 0.1rem 0.2rem;
}

.label_bh_mask>img {
  width: .55rem;
  height: .55rem;
  vertical-align: inherit;
  margin-right: 0.25rem;
}

.label_rela_stock_mask {
  border-radius: .15rem;
  padding: 0.1rem 0.2rem;
  background: rgba(247, 247, 247, 1);
  color: #579bf7;
  font-size: .55rem;
}

.label_bh_mask>span {
  color: #E38D81;
  font-size: .55rem;
  vertical-align: 6%;
}

.img_bh_topci {
  width: 1.05rem;
  height: 1.05rem;
  vertical-align: middle;
}

.item_main_box {
  display: flex;
}

.item_main_box .box_left {
  flex: 7;
  margin-right: .5rem;
}



.item_main_box .box_left .left_top p {
  line-height: 1.15rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.item_main_box .box_right {
  flex: 3;
}

.item_main_box .box_right>img {
  width: 100%;
  height: 3.5rem;
  border-radius: .15rem;
}

.tc_list>li {
  padding: 0.8rem 0.6rem;
}

.tc_list>li:not(:last-child) {
  border-bottom: 1px solid #EFEFEF;
}

.byq_gray_tabs {
  padding: 0.6rem;
  white-space: nowrap;
  padding-top: 1rem;
  background: #fff;
}

.byq_gray_tabs a {
  padding: 0.25rem 0.6rem;
  border-radius: .15rem;
  color: #2E2E2E;
  font-size: .7rem;
  margin-right: .3rem;
  background: rgba(234, 234, 234, 1);
}

.byq_gray_tabs a.active {
  color: #D74041;
}



































































/*互帮问答*/

.hb_tabs_line {
  box-shadow: -1px -1px 0px 0px rgba(203, 203, 203, 1);
  text-align: center;
  background: rgba(247, 245, 245, 1);
  border-bottom: 1px solid #CBCBCB;
}

.hb_tabs_line>a {
  display: inline-block;
  line-height: 2.2rem;
  height: 2.2rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(45, 45, 45, 1);
  padding: 0 1rem;
}

.hb_tabs_line>a.active {
  color: #D94646;
  border-bottom: 1px solid #D94646;
}

.bh_ask_list {
  padding: 0 0.6rem;
}

.no_gap_list {
  padding: 0 !important;
}

.bh_ask_list>li {
  padding: 0.5rem 0;
}

.bh_ask_list>li.list_item {

  padding: 0.5rem 0.6rem;
}

.bh_ask_list.no_gap_list>li:not(:last-child) {
  border-bottom: .25rem solid #F5F4F9;
}

.no_gap_list>li.list_item {
  border-radius: none !important;
  background: none !important;
  padding: none !important;
}

.bh_ask_list>li.list_item {
  border-radius: .25rem;
  background: #e7e8ed;
  padding: 0.5rem 0.6rem;
}

.no_gap_list>li.list_item>div {
  border-radius: .25rem;
  background: #e7e8ed;
  padding: 0.5rem 0.6rem;
}

.bh_ask_list .no_bg_list_item {
  background: #fff;
}

.bh_ask_list>li .item_title p {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(46, 46, 46, 1);
  line-height: 1.25rem;
}

.bh_ask_list>li .item_title .title_mask {
  padding: 0.05rem 0.1rem;
  background: #2E2E2E;
  color: #FFDC6D;
  font-size: .6rem;
  font-weight: bold;
  margin-right: .125rem;
  vertical-align: text-top;
}

.bh_ask_list>li .user_head .user_dav {
  position: relative;
  display: inline-block;
}

.bh_ask_list>li .user_head .user_dav:after {
  content: "";
  display: inline-block;
  width: .7rem;
  height: .7rem;
  background: url(../images/user_dav_tips.png) no-repeat center/.7rem;
  position: absolute;
  right: -0.05rem;
  bottom: 0rem;
}

.item_record_nums {
  margin-top: .5rem;
}

.item_record_nums>span:nth-child(1) {
  padding-right: 0.3rem;
}

.item_record_nums>span:nth-child(2) {
  padding-left: 0.4rem;
}

.bh_ask_list>li .item_main {
  background: #fff;
  border-radius: .25rem;
  margin-top: .5rem;
  padding: 0.6rem;
  border: 1px solid #FFD0BA;
}

.bh_ask_list>li .item_main .user_head>span {
  vertical-align: middle;
}

.bh_ask_list>li .item_main .user_head .head_img .head {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
  vertical-align: middle;
}

.bh_ask_list>li .item_main .user_head .head_name {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(68, 92, 151, 1);
  margin-left: .25rem;
}

.bh_ask_list>li .item_main .main_content {
  margin-top: .5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bh_ask_list>li .item_main .main_content .content_left {
  flex: 7;
  margin-right: .5rem;
}

.bh_ask_list>li .item_main .main_content .content_left p {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(46, 46, 46, 1);
  line-height: 1.15rem;
}

.bh_ask_list>li .item_main .main_content .content_right {
  flex: 3;
}

.bh_ask_list>li .item_main .main_content .content_right img {
  width: 100%;
  height: 3rem;
  border-radius: .15rem;
}

.hb_qw_list>li {
  padding: 0.725rem 0.6rem;
}

.hb_qw_list>li {
  border-bottom: 1px solid rgba(239, 239, 239, 1);
}

.hb_qw_list>li .item_title p {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(46, 46, 46, 1);
  line-height: 1.25rem;
}

.hb_qw_list>li .item_title .title_mask {
  padding: 0.05rem 0.1rem;
  background: #2E2E2E;
  color: #FFDC6D;
  font-size: .6rem;
  font-weight: bold;
  margin-right: .125rem;
  vertical-align: text-top;
}

.item_user_msg {
  margin-top: .5rem;
}

.item_user_msg .user_head {
  vertical-align: middle;
}

.item_user_msg .user_head img {
  width: 1.05rem;
  height: 1.05rem;
  border-radius: 50%;
  vertical-align: middle;
}

.item_user_msg .user_name {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(141, 141, 141, 1);
  margin-left: .25rem;
}

.item_record_nums .reply_new {
  background: rgba(255, 221, 221, 1);
  border-radius: .075rem;
  padding: 0.2rem 0.4rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(203, 49, 49, 1);
  margin-left: 0.4rem;
}

.item_record_nums .reply_all {
  font-size: .65rem;
  font-weight: 400;
  color: #777777;
  margin-left: 0.4rem;
}



































































/*帮会主页*/

.label_span_yellow {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  padding: 0.05rem 0.2rem;

  background: rgba(218, 166, 65, 1);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.45);
  border-radius: .125rem;
}

.label_span_box>*:not(:first-child) {
  margin-left: .25rem;
}

.label_span_green {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  padding: 0.05rem 0.2rem;

  background: #009943;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.45);
  border-radius: .125rem;
}

.btn_add_bh {
  padding: 0.25rem 0.5rem;
  background: rgba(217, 69, 69, 1);
  box-shadow: 0px 1px .1rem 0px rgba(0, 0, 0, 0.15);
  border-radius: .575rem;
  border: none;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  font-size: .6rem;
}

.bz_index_link {
  display: flex;
  padding: 0.725rem 0.6rem;
  color: #7B818F;
  justify-content: space-between;
}

.bz_index_link span {
  vertical-align: middle;
}

.bz_index_link img {
  vertical-align: middle;
}

.bz_index_link .user_head img {
  width: .875rem;
  height: .875rem;
  border-radius: 50%;
  vertical-align: middle;
}

.bz_index_link .user_name {
  color: #2D2D2D;
}

.bz_index_link .user_img_box {
  position: relative;
  width: 1.8rem;
  height: 1rem;
}

.bz_index_link .user_img_box img {
  width: .875rem;
  height: .875rem;
  border-radius: 50%;
}

.bz_index_link .user_img_box img:nth-child(1) {
  position: absolute;
  z-index: 1;
  left: 0rem;
  top: 0.1rem;
}

.bz_index_link .user_img_box img:nth-child(2) {
  position: absolute;
  z-index: 2;
  left: 0.425rem;
  top: 0.1rem;
}

.bz_index_link .user_img_box img:nth-child(3) {
  position: absolute;
  z-index: 3;
  left: 0.85rem;
  top: 0.1rem;
}

.link_mask_img img {
  width: .4rem;
  height: .55rem;
}

.live_topci_line {
  padding: 0.5rem 0.6rem;
  background: rgba(239, 239, 239, 1);
}

.live_topic_link {
  padding: 0.25rem 0.6rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.live_topic_link>p {
  color: #2E2E2E;
  font-size: .7rem;
  font-weight: 500;
  line-height: 1rem;
  font-family: PingFang SC;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.live_topic_link .live_mask {
  font-size: .5rem;
  color: rgba(255, 255, 255, 1);
  background: linear-gradient(0deg, rgba(245, 65, 77, 1), rgba(255, 140, 85, 1));
  border-radius: .075rem;
  padding: 0.15rem 0.2rem;
  font-family: YouSheBiaoTiHei;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
}

.live_topic_link .text {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(45, 45, 45, 1);
  line-height: .875rem;
  margin-left: .25rem;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.bg-gray-box {
  background: rgba(231, 232, 237, 1);
  height: 100%;
}

.data-statistics-list .data-item-title {}

.head_link_box {
  position: relative;
}

.head_link_box img {
  width: 100%;
  height: 6.5rem;
}



































































/*专题详情页*/

.live_topic_link .tips_mask {
  background: rgba(245, 100, 100, 1);
  padding: 0 0.15rem;
  border-radius: 0.075rem;
  margin-right: .125rem;

  font-size: .7rem;
  font-family: YouSheBiaoTiHei;
  font-weight: 400;
  color: #FFFFFF;
  vertical-align: text-top;
  white-space: nowrap;
}

.dy_link_box>.live_topic_link {
  text-shadow: none;
  border-bottom: .4rem solid rgba(244, 245, 246, 1);
}

.bottom_publish_box {
  position: fixed;
  left: 0;
  bottom: 0;
  background: rgba(233, 237, 240, 1);
  padding: 0.6rem;
  display: flex;
  z-index: 2;
  width: 100%;
}

.bottom_publish_box .user_link {
  flex: 1.5;
  justify-content: center;
  position: relative;
}

.bottom_publish_box .user_link img {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
}

.bottom_publish_box .publish_link {
  flex: 8.5;
  height: 1.775rem;
  line-height: 1.6rem;
  padding-left: 1.6rem;
  background: rgba(255, 255, 255, 1) url(../images/icon_bi_xie.png) no-repeat 0.8rem center /.475rem .575rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(142, 142, 142, 1);
  border: .075rem solid rgba(243, 243, 243, 1);
  border-radius: .9rem;
}



































































/*话题详情*/

.topic_head_img {
  position: relative;
}

.topic_head_img img {
  width: 100%;
  height: 7.65rem;
  background: rgba(27, 9, 9, 0.5);
}

.topic_head_img .head_text {
  position: absolute;
  bottom: 0.25rem;
  left: 0rem;
  z-index: 3;
  padding: 0 0.6rem;
}

.topic_head_img .head_text>div:nth-child(1)>p {
  line-height: 1.4rem;
}

.topci_items_box {
  background: #fff;
  position: relative;
  margin-top: -1rem;
  padding-top: 0.725rem !important;
  border-radius: 0.5rem 0.5rem 0 0;
}

.user_main_content .content_answer_text p {
  line-height: 1.15rem;
}

.user_main_content .content_answer_text .answer_mask {
  padding: 0.15rem 0.2rem;
  color: #fff;
  font-size: .55rem;
  border-radius: .075rem;
  vertical-align: text-top;
  background: #FF8C55;
  border-radius: .075rem;
  margin-right: .125rem;
}




































































/*回答详情*/

.btn_next_question {
  position: absolute;
  z-index: 10;
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(226, 226, 226, 1);
  box-shadow: 0px .1rem .125rem 0px rgba(226, 226, 226, 0.55), 0px 1px 0px 0px rgba(226, 226, 226, 1);
  border-radius: 1.1rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(20, 20, 20, 1);
  line-height: 1.05rem;
  right: 0.6rem;
  bottom: 3rem;
}

.btn_next_question>img {
  width: .5rem;
  height: .55rem;
  vertical-align: middle;
  margin-right: .25rem;
}



































































/*互帮详情*/

.question_time_box {
  margin-left: .5rem;
}

.question_time_box>span {
  padding: 0 0.2rem;
}

.question_time_box>span:nth-child(2) {
  border-left: 1px solid #8E8E8E;
}

.btn_want_question {
  padding: 0.2rem;
  background: rgba(98, 143, 251, 1);
  border-radius: .15rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);

  border-radius: .15rem;
  color: #fff;
  border: none;
}

.btn_want_question.active {
  background: #999;
}

.statement_reminder_box p {
  padding: 0.6rem;
  background: rgba(250, 250, 250, 1);
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(142, 142, 142, 1);
  line-height: .9rem;
}



































































/*发动态 发文章*/

.add_bh_topic_list li {
  padding: 0.725rem 0.6rem;
  border-bottom: 1px solid #fafafa;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.add_bh_topic_list li img {
  vertical-align: middle;
}

.add_bh_topic_list li span {
  vertical-align: middle;
}

.add_bh_topic_list li.add_topic .topic_title {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(20, 132, 255, 1);
  margin-left: .25rem;
}

.add_bh_topic_list li .icon_mask {
  width: .75rem;
  height: .775rem;
}

.add_bh_topic_list li.add_bh .bh_title {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(250, 95, 107, 1);
  margin-left: .25rem;
}

.add_bh_topic_list li .icon_right {
  width: .35rem;
  height: .625rem;
}

.fixed_bottom_normal_popup {
  height: 70%;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
  z-index: 1002;
}

.fixed_bottom_normal_popup .popup_head {
  text-align: center;
  height: 2.5rem;
  background: rgba(239, 239, 239, 1);
  line-height: 2.5rem;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(46, 46, 46, 1);
  position: relative;
}

.fixed_bottom_normal_popup .popup_head .btn_close {
  display: inline-block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 0.6rem;
}

.fixed_bottom_normal_popup .popup_head .btn_close img {
  width: .55rem;
  height: .55rem;
  vertical-align: middle;
}

.fixed_bottom_normal_popup .popup_content {
  padding: 0.6rem;
}

.joined_bh_popup .popup_content {
  height: 90%;
}

.joined_bh_list li.list_item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.joined_bh_list li .user_head img {
  width: 3.1rem;
  height: 3.1rem;
  border-radius: .15rem;
}

.joined_bh_list {
  height: 100%;
  overflow-y: auto;
}

.joined_bh_list li {
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(219, 219, 219, 1);
  box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.09);
  border-radius: 6px;
  padding: 0.5rem 0.3rem;
}

.joined_bh_list li:not(:first-child) {
  margin-top: .5rem;
}

.joined_bh_list li .item_des {
  margin-left: .25rem;
  padding: 0.2rem 0;
}

.joined_bh_list li .item_des .des_title {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(46, 46, 46, 1);
}

.joined_bh_list li .item_des .des_detail p {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(85, 85, 85, 1);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.bg_gray_input_box {
  position: relative;
}

.bg_gray_input_box input {
  width: 100%;


  border-radius: .25rem;
  height: 2rem;
  padding-left: 1.8rem;
  border: 1px solid rgba(204, 204, 204, 1);
  border-radius: .25rem;
  background: rgba(250, 250, 250, 1) url(../images/bg-magnifier.png) no-repeat 0.6rem center/.8rem;
}

.bg_gray_input_box .btn_del_content {
  position: absolute;
  right: 0.6rem;
  top: 0.5rem;
  width: .925rem;
  height: .925rem;
}

.add_topic_popup .popup_content {
  height: 80%;
}

.add_topic_popup .add_topic_list_box {
  height: 100%;
  overflow-y: auto;
}

.add_topic_popup .tabs {
  height: 100%;
}

.add_topic_popup .tabs .tab {
  height: 100%;
}

.add_topic_popup .tabs .tab>div {
  height: 100%;
}

.add_topic_popup .tabs .tab .tc_list {
  height: 90%;
  overflow-y: auto;
}

.byq_gray_tabs_box {
  padding-top: 1.8rem;
  background: #fff;
}

.byq_gray_tabs {
  position: fixed;
  top: 2.25rem;
  width: 100%;
  left: 0;
  z-index: 1002;
  overflow: auto;
}

.bz_xyl_box {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 1px .125rem 0px rgba(0, 0, 0, 0.3);
  border-radius: .125rem;
  padding: 0.5rem 0.3rem;
}

.btn_reward_evaluation {
  height: 1.15rem;
  background: rgba(255, 85, 85, 1);
  box-shadow: 0px 1px .125rem 0px rgba(255, 90, 90, 0.7);
  border-radius: .575rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(255, 254, 254, 1);
  line-height: .95rem;
  border: none;
  padding: 0 0.6rem;
  vertical-align: middle;
}

.icon_right_tips {
  width: .375rem;
  height: .675rem;
  vertical-align: middle;
  margin-left: .25rem;
}


.account-link-popup {
  width: 80%;
  left: 10%;
  top: 20%;
  z-index: 1001;
  position: absolute;
  background: #fff;
}

.account-link-popup .popup-head {
  width: 100%;
  height: 3.125rem;
  background: linear-gradient(90deg, rgba(255, 251, 232, 1), rgba(252, 223, 151, 1));
}

.gray-8e8 {
  color: #8E8E8E;
}

.balck-2e2 {
  color: #2E2E2E;
}

.account-link-popup .popup-content {
  padding: 0.725rem 0.6rem;
}

.account-link-popup .popup-content .btn-copy {
  background: rgba(237, 234, 231, 1);
  border: 1px solid rgba(251, 126, 40, 1);
  border-radius: .15rem;
  padding: 0.05rem 0.2rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(251, 126, 40, 1);
}

.account-link-popup .popup-content .copy-link-oper {
  padding-bottom: 0.5rem;
  border-bottom: .05rem dashed rgba(204, 204, 204, 1);
}

.account-link-popup .content-bottom .code-area {
  width: 5.325rem;
  height: 5.325rem;
  background: rgba(214, 214, 214, 1);
  margin: 0 auto;
}

.account-link-popup .content-bottom .btn-sm-code {
  text-align: center;
  margin-top: .5rem;
}

.account-link-popup .content-bottom .btn-sm-code button {
  width: 5.75rem;
  height: 1.425rem;
  background: linear-gradient(90deg, rgba(255, 205, 114, 1), rgba(248, 160, 110, 1));
  border-radius: .725rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  line-height: .9rem;
  border: none;
}

.account-link-popup .btn-close>img {
  width: 1.2rem;
  height: 1.2rem;
}

.account-link-popup .btn-close {
  position: absolute;
  right: -1.2rem;
  top: -1.2rem;
}

.hot_bh_items_box {
  background: rgba(245, 245, 245, 1);
  box-shadow: 0px -1px 0px 0px rgba(239, 239, 239, 1);
  padding: 0.6rem;
}

.hot_bh_items_box .items_box {
  white-space: nowrap;
  margin-top: .5rem;
  overflow-x: auto;
}

.hot_bh_items_box .items_box .item {
  display: inline-block;
  border-radius: .25rem;
  font-size: .85rem;
  width: 40%;
  font-family: PingFang SC;
  font-weight: 800;
  color: rgba(255, 255, 255, 1);
  height: 4.85rem;
  position: relative;
  padding: 0.25rem;
  background: url(../images/note_img_left.png) no-repeat center/cover;
}

.hot_bh_items_box .items_box .item .item_content {}

.hot_bh_items_box .items_box .item .item_content>div.item_top {
  position: absolute;
  top: 0.15rem;
  left: 0.15rem;
}

.hot_bh_items_box .items_box .item .item_content>div.item_middle {
  position: absolute;
  top: 1.5rem;
  text-align: center;
  width: 100%;
  left: 0;
  font-weight: 800;
}

.hot_bh_items_box .items_box .item .item_content>div.item_bottom {
  position: absolute;
  bottom: 0.15rem;
  text-align: left;
  width: 100%;
  left: 0.15rem;
}

.hot_bh_items_box .items_box .item {
  margin-right: .125rem;
}

.hot_bh_items_box .items_box .item:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  border-radius: .25rem;
  z-index: 1;
}

.hot_bh_items_box .items_box .item>div {
  padding: 0.2rem;
}

.hot_bh_items_box .items_box .add_mask {
  background: #FF8C56;
  border-radius: .15rem;
  padding: 0.025rem 0.1rem;
  font-size: .5rem;
  font-weight: 400;
  color: rgba(252, 252, 252, 1);
}

.hot_bh_items_box .items_box .item_content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.hot_bh_items_box .items_box .item_content .num {
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  margin-top: .5rem;
}

.normal_title_box {
  padding: 0.725rem 0.6rem;
}

.topic_hd_item_box {
  white-space: nowrap;
  overflow-x: auto;
  margin-top: .5rem;
}

.topic_hd_item_box .hd_item {
  display: inline-block;
  width: 80%;
  margin-right: .5rem;
  vertical-align: text-top;
}

.topic_hd_item_box .hd_item .item_line {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: .5rem;
}

.topic_hd_item_box .hd_item .item_line .line_img_box {
  width: 20%;
  position: relative;
}

.topic_hd_item_box .hd_item .item_line .line_img_box .bg_yellow_mask {
  padding: 0.05rem 0.1rem;
  border-radius: .075rem;
  position: absolute;
  font-size: .5rem;
  font-weight: 500;
  color: rgba(255, 255, 254, 1);
  background: linear-gradient(-90deg, rgba(231, 201, 144, 1), rgba(211, 186, 139, 1));
  left: 0;
  top: 0;
}

.topic_hd_item_box .hd_item .item_line .line_img_box>img {
  width: 3rem;
  height: 2.25rem;
  border-radius: .25rem;
}

.topic_hd_item_box .hd_item .item_line .line_text_box {
  margin-left: .5rem;
  width: 80%;
}

.topic_hd_item_box .hd_item .item_line .line_text_box p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: break-spaces;
}

.resources_from_line {}

.resources_from_line {
  margin-top: .5rem;
}

.resources_from_line>img {
  width: .9rem;
  height: .975rem;
  vertical-align: middle;
}

.resources_from_line>span {
  vertical-align: middle;
  margin-left: .25rem;
}

.award_area_box {
  white-space: nowrap;
  overflow-x: auto;
}

.award_area_box>a {
  display: inline-block;
  width: 65%;
  vertical-align: middle;
  margin-right: .5rem;
}

.award_area_box>a>img {
  font-size: .75rem;
  display: inline-block;
  font-family: PingFang SC;
  font-weight: 800;
  width: 100%;
  height: auto;
  color: rgba(255, 255, 255, 1);
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
  text-align: center;
  border-radius: .25rem;
  margin-right: .5rem;
}

.award_area_box {
  margin-top: .5rem;
}

.award_area_box>a p {
  text-align: center;
}

.zx_zyq_tabs {
  border-bottom: 1px solid #EFEFEF;
}

.zx_zyq_tabs>a {
  display: inline-block;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(142, 142, 142, 1);
  padding: 0.725rem 0;
  position: relative;
}

.zx_zyq_tabs>a.active {
  border-bottom: .15rem solid #FFC351;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.work_out_line {
  padding: 0.5rem 0.6rem;
}

.work_out_line p {
  text-align: center;

  text-align: center;
  padding: 0.5rem 0;
  background: rgba(255, 241, 241, 1);
  border-radius: .25rem;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(234, 125, 125, 1);
}


.my_zx_list {
  border-top: none !important;
}

.my_zx_list .list_item .item_main {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.btn_work_out {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #F5424E;
  padding: 0.15rem 0.6rem;
  background: rgba(255, 241, 241, 1);
  border-radius: .575rem;
}

.btn_call_someone {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #EE5C5C;
  padding: 0.15rem 0.6rem;
  background: rgba(255, 241, 241, 1);
  border-radius: .575rem;
}

.my_zx_list .list_item {
  padding: 0.5rem 0.6rem;
}

.my_zx_list .list_item .item_bottom {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: .625rem;
}

.my_zx_list .list_item {
  border-bottom: 1px solid #F5F4F9;
}

.my_zx_list .list_item .item_bottom .user_head {
  position: relative;
  margin-right: .25rem;
}

.my_zx_list .list_item .item_bottom .user_head img {
  width: .9rem;
  height: .9rem;

  border-radius: 50%;
  vertical-align: middle;
}

.my_zx_list .list_item .item_bottom .user_head img:nth-child(2) {

  margin-left: -0.5rem;
}

.my_zx_list .list_item .item_bottom .user_head img:nth-child(3) {
  margin-left: -0.5rem;
}

.my_zx_list .list_item .item_bottom .user_text {
  font-size: .65rem;

  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: .65rem;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;
  padding: 0.15rem 0.6rem;
  background: #FBFBFb;
}

.work_out_tips {
  position: absolute;
  width: 8rem;

  background: rgba(255, 241, 241, 1);
  border-radius: .25rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(234, 125, 125, 1);
  line-height: .7rem;
  padding: 0.2rem 0.6rem;
  border-radius: .25rem;
  left: 3.8rem;
  top: 0.25rem;
}

.zx_zyq_tabs>a.news_cicle:after {
  content: "";
  display: inline-block;
  width: .25rem;
  height: .25rem;
  border-radius: 50%;
  background: rgba(204, 49, 49, 1);
  position: absolute;
  right: 0.25rem;
  top: 0.5rem;
}

.zx_zyq_tabs>a.news:after {
  content: "";
  width: 0.25rem;
  height: .25rem;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  background: rgba(204, 50, 50, 1);
  right: -0.25rem;
  top: 0.5rem;
}

.bottom_scroll_popup {
  width: 100%;
}

.bottom_scroll_popup {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 70%;
  background: #fff;
  width: 100%;
  z-index: 1001;
  overflow-y: auto;
}

.bottom_scroll_popup .popup_head {
  text-align: center;
  padding: 0.6rem 0;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(46, 46, 46, 1);
  background: rgba(239, 239, 239, 1);
  box-shadow: 0px -2px 0px 0px rgba(229, 229, 229, 1), 0px 2px 0px 0px rgba(236, 236, 236, 1);
}

.bottom_scroll_popup .popup_content .item_list_box {
  padding: 1rem 0.6rem;
}

.bottom_scroll_popup .popup_head .btn_close {
  position: absolute;
  display: inline-block;
  right: 0.6rem;
  top: 0.6rem;
}

.select_objext_popup .popup_content {
  height: 100%;
  overflow-y: auto;
}

.bottom_scroll_popup .popup_head .btn_close img {
  width: .55rem;
  height: .55rem;
}

.select_zx_object li .user_head>img {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  vertical-align: middle;
}

.select_zx_object li {
  background: rgba(251, 251, 251, 1);
  border-radius: .15rem;
  padding: 0.725rem 0.6rem;
}

.select_zx_object li:not(:first-child) {
  margin-top: .5rem;
}

.select_zx_object li p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.select_zx_object li p span {
  vertical-align: middle;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(46, 46, 46, 1);
  line-height: .65rem;
}

.select_zx_object li .user_head {
  margin-right: .25rem;
}

.select_zx_object li .user_head>img:nth-child(2) {

  margin-left: -0.5rem;
}

.select_zx_object li .user_head>img:nth-child(3) {

  margin-left: -0.5rem;
}

.mine_head_link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.6rem;
  overflow: hidden;
}

.mine_head_link .head_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.mine_head_link .head_box .img_box img {
  width: 2.85rem;
  height: 2.85rem;
  border-radius: 50%;
}

.mine_head_link .right_jiantou img {
  width: .425rem;
  height: .8rem;
}

.functional_module_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.functional_module_box>a {
  width: 25%;
  text-align: center;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(46, 46, 46, 1);
  padding: 0.6rem 0;
}

.functional_module_box>a>div:nth-child(1) {
  height: 1.4rem;
  line-height: 1.6rem;
}

.functional_module_box .m_xiaoxi img {
  width: 1.175rem;
  height: .975rem;
}

.functional_module_box .m_dianpu img {
  width: 1.125rem;
  height: 1.075rem;
}

.functional_module_box .m_dianhua img {
  width: 1.075rem;
  height: 1.075rem;
}

.functional_module_box .m_shezhi img {
  width: 1.2rem;
  height: 1.15rem;
}

.functional_module_box .m_monidanping img {
  width: 1.075rem;
  height: 1.1rem;
}

.functional_module_box .m_vip img {
  width: 1.175rem;
  height: .6rem;
}

.functional_module_box .m_zhangdan img {
  width: .95rem;
  height: .975rem;
}

.functional_module_box .m_hongbao img {
  width: .85rem;
  height: 1.05rem;
}

.functional_module_box .m_zixuan img {
  width: 1.075rem;
  height: 1.15rem;
}

.mine_new_gift {
  padding: 0rem 0.6rem;
}

.mine_new_gift>img {
  max-width: 100%;
}

.mine_bb_head {
  padding: 0.5rem 0.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.btn_mine_ggk img {
  width: 4.6rem;
  height: 1.3rem;
}

.font_red_mask {
  padding-left: 0.5rem;
  position: relative;
}

.font_red_mask:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: .1rem;
  height: .8rem;
  left: 0;
  top: 0.25;
  background: rgba(204, 49, 49, 1);
}

.task_module_box {
  padding: 0.5rem 0.6rem;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px .225rem 1px rgba(47, 61, 146, 0.2);
  border-radius: .125rem;
}

.task_module_box .module_head {
  padding: 0.5rem 0.3rem;
}

.task_module_out_container {
  padding: 0.5rem 0.6rem;
}

.more_task_list .item_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.more_task_list .btn_go_on {
  background: rgba(98, 143, 251, 1);
  border-radius: .125rem;
  font-size: .7rem;
  display: inline-block;
  text-align: center;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  padding: 0.2rem 0rem;
  width: 2.6rem;
}

.more_task_list .item_box .box_left {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.more_task_list .item_box {
  padding: 0.5rem 0;
}

.more_task_list .list_item {
  border-top: 1px solid #F4F5F6;
}

.more_task_list .item_box .box_left .font_img_box {
  margin-right: .5rem;
}

.more_task_list .item_box .box_left .font_img_box img {
  width: 1.75rem;
  height: 1.75rem;
}

.commonly_used_head {
  padding: 0.725rem 0.6rem;
}

.mask_question {
  width: .575rem;
  height: .575rem;
  vertical-align: middle;
  margin-left: .25rem;
}

.first_in_img {
  text-align: center;
  margin-top: -2rem;
}

.first_in_img img {
  width: 15.525rem;
  height: 15.525rem;
}

.first_in_text_box {
  padding: 0 1.5rem;
  overflow: hidden;
}

.first_in_text_box .text_box p {
  line-height: 1.775rem;
  font-size: 1.05rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(75, 75, 75, 1);
}

.care_area_btn_box button {
  width: 100%;
  height: 2.75rem;
  font-size: .8rem;
  font-weight: 500;
  border-radius: 1.375rem;
  margin-top: .725rem;
}

.care_area_btn_box input {
  background: rgba(250, 250, 250, 1);
  border: 1px solid rgba(204, 204, 204, 1);
  border-radius: 1.375rem;
  width: 100%;
  height: 2.75rem;
  font-size: .8rem;
  font-weight: 500;
  border-radius: 1.375rem;
  margin-top: .725rem;
  text-align: center;
}

.care_area_btn_box .btn_bg_gray {
  background: rgba(250, 250, 250, 1);
  border: 1px solid rgba(204, 204, 204, 1);
  border-radius: 1.375rem;
  font-size: .8rem;

  font-weight: 500;
  color: rgba(102, 102, 102, 1);
  line-height: 1.8rem;
}

.care_area_btn_box .bg_gray_input {
  color: #F5424E;
}

.btn_bg_blue {
  background: rgba(222, 232, 255, 1);
  border: 1px solid rgba(98, 143, 251, 1);

  color: rgba(98, 143, 251, 1);
}

.btn_bg_red {
  background: rgba(255, 226, 226, 1);
  border: 1px solid rgba(204, 49, 49, 1);
  color: rgba(204, 49, 49, 1);
}

.bg_gray_input {
  background: rgba(250, 250, 250, 1);
  border: 1px solid rgba(204, 204, 204, 1);
  color: rgba(136, 136, 136, 1);
}

.stock_focuse_box {
  display: flex;
  flex-wrap: wrap;
}

.stock_focuse_box>div {
  padding: 0.25rem 0.5rem;
  border-radius: .25rem;
  font-size: .65rem;
  font-weight: 500;
  text-align: center;
  line-height: .75rem;
  margin-top: 0.725rem;
  width: 25%;
}

.stock_focuse_box>div.focused_item {
  background: rgba(255, 243, 244, 1);
  border: 1px solid rgba(245, 66, 78, 1);
  border-radius: .25rem;
  font-size: .65rem;
  font-weight: 500;
  color: rgba(245, 66, 78, 1);
  line-height: .75rem;
}

.stock_focuse_box>div.add_focused_item {
  background: rgba(250, 250, 250, 1);
  border: 1px solid rgba(142, 142, 142, 1);
  color: rgba(142, 142, 142, 1);
}

.stock_focuse_box>div {
  margin-right: .375rem;
}

.all_oper_over_btn {
  position: fixed;
  bottom: 1rem;
  width: 100%;
  left: 5%;
}

.all_oper_over_btn button {
  width: 90%;
  background: rgba(245, 66, 78, 1);
  border-radius: 1.25rem;
  height: 2.5rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  border: none;
}

.chb_index_head {
  padding: 0.5rem 0;
  display: flex;
}

.chb_index_head>a {
  flex: 1;
  text-align: center;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
}

.chb_index_head>a>div:nth-child(1) {
  height: 2rem;
}

.chb_index_head>a>div:nth-child(2) {
  margin-top: .25rem;
}

.bg_zsfuq_box {
  background: url(../images/icon_zsfwq.png) no-repeat center/2.5rem;
}

.bg_banghui_box {
  background: url(../images/icon_banghuidasha.png) no-repeat center/2.5rem;
}

.bg_bls_box {
  background: url(../images/icon_bls.png) no-repeat center/2.5rem;
}

.bg_hbwd_box {
  background: url(../images/icon_hbwd.png)no-repeat center/2.5rem;
}

.add_stock_scroll_box {
  padding: 0.3rem 0.6rem;
  background: rgba(240, 240, 240, 1);
  align-items: center;
}

.add_stock_scroll_box {
  display: flex;
}

.add_stock_scroll_box>div:nth-child(1) {
  flex: 9;
  text-align: center;
  display: flex;
  white-space: normal;
  overflow-x: auto;
  flex-shrink: 0;
}

.add_stock_scroll_box>div:nth-child(1)>div {
  padding: 0.5rem 0.6rem;
  border-radius: .2rem;
  font-size: .5rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  margin-right: .125rem;
  line-height: .6rem;
  flex-shrink: 0;
  width: 28%;
}

.add_stock_scroll_box>div:nth-child(1)>div.add_stock_btn_item {
  width: inherit;
}

.add_stock_scroll_box>div:nth-child(1)>div>div:nth-child(2) {
  margin-top: .25rem;
}

.add_stock_scroll_box>div:nth-child(1)>div.bg_gray_ping {
  background: #fff;
  box-shadow: .075rem .125rem .375rem 0px rgba(0, 0, 0, 0.08);
}

.add_stock_scroll_box>div:nth-child(1)>div.bg_red_rise {
  background: #fff;
  box-shadow: .075rem .125rem .375rem 0px rgba(0, 0, 0, 0.08);
}

.add_stock_scroll_box>div:nth-child(1)>div.bg_green_fall {
  background: #fff;
  box-shadow: .075rem .125rem .375rem 0px rgba(0, 0, 0, 0.08);
}

.add_stock_scroll_box>div:nth-child(2) {
  flex: 1;
  text-align: center;
  background: #fff;
  box-shadow: .075rem .125rem .375rem 0px rgba(0, 0, 0, 0.08);
  border-radius: .2rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(98, 143, 251, 1);
  padding: 0.725rem 0;
  margin-left: .25rem;
}

.add_stock_scroll_box>div:nth-child(2) img {
  width: .7rem;
  height: .7rem;
}

.icon_samll_more_msg {
  width: .775rem;
  height: .15rem;
  vertical-align: middle;
}

.icon_samll_line_mask {
  width: .575rem;
  height: .575rem;
  vertical-align: middle;
}

.chb_index_list .user_main_content {
  padding-left: 0;
}

.hd_topic_list {
  padding: 0 0.6rem;
}

.hd_topic_list li {
  border-bottom: 1px solid #EFEFEF;
}

.hd_topic_list .hd_item {
  width: 100%;
  margin-right: 0;
}

.hd_topic_list .line_text_box {
  margin-left: 0rem !important;
}

.btn_ongoing {
  padding: 0.15rem 0.2rem;
  border-radius: .15rem;
  background: #CC3131;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  font-size: .55rem;
  border: none;
}

.btn_ongoing.active {
  background: #999999;
}

.topic_item_list .item_img_box img {
  height: 7.5rem;
  width: 100%;
  border-radius: .25rem;
}

.topic_item_list {
  padding: 0 0.6rem;
}

.topic_item_list li {
  padding: 0.6rem 0;
}

.ban_topic_link {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 0.725rem 0.6rem;
}

.ban_topic_link .link_left img {
  width: .9rem;
  height: .9rem;
  vertical-align: middle;
}

.ban_topic_link .link_left span {
  font-size: .8rem;
  vertical-align: middle;
  font-weight: 500;
  color: rgba(0, 0, 0, 1);
  margin-left: .25rem;
}

.ban_topic_link .link_right img {
  width: .425rem;
  height: .8rem;
  vertical-align: middle;
}


































































/*作业墙*/

.zyq_head_tabs {
  padding: 0 0.6rem;
}

.zyq_head_tabs span {
  padding: 0.6rem 0;
  display: inline-block;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(46, 46, 46, 1);
  margin-right: 0.8rem;
}

.zyq_head_tabs a {
  display: inline-block;
  padding: 0.725rem 0;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(46, 46, 46, 1);
  margin-right: 0.8rem;
}

.zyq_head_tabs .tab-link.active {
  font-size: 1rem;

  font-weight: bold;
  color: rgba(46, 46, 46, 1);
  border-bottom: .15rem solid #F2B237;
}

.zyq_head_scroll_msg {
  padding: 0.3rem 0.6rem;
  background: rgba(255, 241, 241, 1);
}

.zyq_head_scroll_msg>div>img {
  width: .85rem;
  height: .85rem;
  border-radius: 50%;
  vertical-align: middle
}

.zyq_head_scroll_msg>div>img:nth-child(2) {
  margin-left: -0.3rem;
}

.zyq_head_scroll_msg>div>img:nth-child(3) {
  margin-left: -0.3rem;
}

.zyq_head_scroll_msg>div span {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(255, 129, 74, 1);
  line-height: .65rem;
  vertical-align: middle;
  margin-left: .25rem;
}

.zyq_head_tabs>a {
  position: relative;
}

.new_work_tips {
  width: .975rem;
  height: .475rem;
  position: absolute;
  right: -0.8rem;
  top: 0.2rem;
}

.work_item {
  padding: 0.5rem 0.6rem;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(239, 239, 239, 1);
  box-shadow: .1rem .1rem .325rem 0px rgba(0, 0, 0, 0.15);
  border-radius: .25rem;
}

.work_item .item_title strong {
  font-size: .9rem;
  font-weight: 800;
  color: rgba(46, 46, 46, 1);
}

.holding_status {
  padding: 0.1rem;
  background: rgba(247, 247, 247, 1);
  border-radius: .15rem;
  font-size: .65rem;

  font-weight: bold;


  line-height: .65rem;
}

.holding_status img {
  width: .45rem;
  height: .55rem;
  vertical-align: middle;
}

.holding_status {
  margin-top: .5rem;
}

.holding_status span {
  vertical-align: middle;
  margin-right: .25rem;
}

.holding_status.fall span {
  color: #4DB965;
}

.holding_status.rise span {
  color: #CC3131;
}

.work_item .item_text {
  margin-top: .5rem;
}

.work_item .item_text p {
  font-size: 28px;

  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(46, 46, 46, 1);
  line-height: 1.05rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.work_item .item_img_box {
  margin-top: .25rem;
}

.work_item .item_img_box img {
  width: 100%;
  height: 4.5rem;
}

.work_item_container {
  padding: 0.6rem;
}

.flex_small_head_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .5rem;
}

.flex_small_head_box .user_msg_box .user_head_img {
  width: .8rem;
  height: .8rem;
  border-radius: 50%;
  vertical-align: middle;
}

.flex_small_head_box .user_msg_box .name {
  font-size: .6rem;
  margin-left: .125rem;
  font-weight: 400;
  color: rgba(142, 142, 142, 1);
  line-height: .65rem;
  vertical-align: middle;
}

.homework_tips {
  position: relative;
  padding: .45rem .65rem 0 .65rem;
  font-size: 0.7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.homework_tips span {
  color: #CC3131;
}

.homework_tips::after {
  position: absolute;
  bottom: 0;
  left: .45rem;
  content: "";
  display: block;
  width: 11rem;
  height: .45rem;
  background: #FFE5C1;
  border-radius: .05rem;
  z-index: -1;
}

.histroy_homework_list {
  padding: 0 .65rem .35rem .65rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #BABABA;
  line-height: .6rem;
}

.histroy_homework_divider {
  width: 5rem;
  height: .05rem;
  background: #BABABA;
}

.work_item_container .grid-sizer {
  width: 48%;
}

.btn_publish_work {
  position: absolute;
  bottom: 2.25rem;
  right: 0.6rem;
  width: 2.7rem;
  height: 2.7rem;
  background: #F2B237;
  box-shadow: 0px .075rem .25rem 1px rgba(0, 0, 0, 0.13);
  border-radius: 50%;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 2.7rem;
  border: none;
}

.flex_text_img_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex_text_img_box .flex_text .text_detail {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(46, 46, 46, 1);
  line-height: 1.15rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.flex_text_img_box .flex_img {
  position: relative;
  width: 3rem;
  height: 3rem;
}

.flex_text_img_box .flex_img .bg_yellow_span {
  background: linear-gradient(180deg, rgba(240, 160, 82, 1), rgba(251, 163, 22, 1));
  padding: 0.05rem 0.1rem;
  color: rgba(255, 255, 255, 1);
  font-size: .55rem;
  position: absolute;
  left: 0;
  top: 0;
}

.flex_text_img_box .flex_img img {
  width: 3rem;
  height: 3rem;
}

.flex_text_img_box.flex_start {
  justify-content: flex-start;
}

.flex_text_img_box .flex_text .text_des_detail {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(46, 46, 46, 1);
  line-height: .95rem;
  margin-top: .25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.fixed_height_2 {
  height: 2.4rem;
}

.flex_text_img_box .flex_img .bg_red_living {
  position: absolute;
  left: 0;
  top: 0;
  color: rgba(255, 255, 255, 1);
  font-size: .55rem;
  padding: 0.05rem 0.1rem;
  background: rgba(204, 49, 49, 1);
  border-radius: 0px .15rem .15rem 6px;
}

.flex_text_img_box .flex_img .bg_red_living img {
  width: .4rem;
  height: .4rem;
  vertical-align: middle;
}

.flex_text_img_box_1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.flex_text_img_box_1 .flex_text .text_datail {
  min-height: 2.3rem;
  font-size: .85rem;
  font-weight: bold;
  color: rgba(46, 46, 46, 1);
  line-height: 1.15rem;
}

.flex_text_img_box_1 .flex_img {
  width: 5rem;
  height: 3.75rem;
  position: relative;
}

.flex_text_img_box_1 .flex_img img {
  width: 5rem;
  height: 3.75rem;
  border-radius: .15rem;
}

.item_holding_status {
  display: inline-block;
  background: rgba(247, 247, 247, 1);
  border-radius: .15rem;
  color: rgba(142, 142, 142, 1);
  font-size: .65rem;
  padding: .4rem 0.6rem;
}

.item_holding_status img {
  width: .45rem;
  height: .55rem;
  margin-left: .125rem;
  vertical-align: inherit;
}

.mmultiple_answers_box {}

.mmultiple_answers_box>img {
  width: .85rem;
  height: .85rem;
  border-radius: 50%;
  vertical-align: middle;
}

.mmultiple_answers_box>img:nth-child(2) {
  margin-left: -0.4rem;
}

.mmultiple_answers_box>img:nth-child(3) {
  margin-left: -0.4rem;
}

.mmultiple_answers_box>span {
  margin-left: .25rem;
}

.add_zx_btn {
  background: rgba(220, 83, 83, 1);
  border-radius: .5rem;
  padding: 0.15rem 0.25rem;
  font-size: .6rem;
  font-family: SourceHanSansSC;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  border: none;
}

.add_bet_btn {
  background: #FF8F34;
  border-radius: .5rem;
  padding: 0.15rem 0.25rem;
  font-size: .6rem;
  font-family: SourceHanSansSC;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  border: none;
}


































































/*回答详情*/

.rela_stock_add_box {
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
}

.rela_stock_add_box .rela_stock_item {
  font-size: .6rem;
  font-weight: 400;
  color: rgba(46, 46, 46, 1);
  width: 47%;
  text-align: center;
}

.rela_stock_add_box .rela_stock_item button img {
  width: .6rem;
  height: .5rem;
  vertical-align: 15%;
}

.rela_stock_add_box .rela_stock_item {
  background: rgba(240, 240, 240, 1);
  border-radius: .25rem;
}

.rela_stock_add_box .rela_stock_item>span {
  display: inline-block;
  height: 1.35rem;
  vertical-align: middle;
  line-height: 1.4rem;
  border-radius: .25rem 0 0 .25rem;
  padding: 0 0.3rem;
}

.rela_stock_add_box .rela_stock_item button {
  color: #8E8E8E;
  font-size: 1rem;
  height: 1.35rem;
  border: none;
  vertical-align: middle;
  padding: 0 .6rem;
  border-radius: 0 .25rem .25rem 0;
  background: #ccc;
  line-height: 1.2rem;
}

.rela_stock_add_box .rela_stock_item {
  margin-right: 0.25rem;
  margin-top: 0.25rem;
  display: flex;
  justify-content: space-between;
}

.input_flex_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.725rem 0;
}

.publish_work_list {
  padding: 0 0.6rem;
}

.input_flex_box>div:nth-child(1) {
  flex: 2
}

.input_flex_box>div:nth-child(2) {
  flex: 8
}

.input_flex_box>div:nth-child(2) input {
  width: 100%;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(204, 204, 204, 1);
  border-radius: .25rem;
  height: 2rem;
  padding: 0 1rem;
}

.input_flex_box input[type="text"] {
  border: none;
}

.middle_textarea_box {
  padding: 0.6rem;
}

.middle_textarea_box textarea {
  width: 100%;
  height: 5.9rem;
  border: none;
  resize: none;
}

.quick_input_select {

  text-align: right;
  position: relative;
}

.quick_input_select>a {
  font-size: .6rem;

  font-weight: 400;
  color: rgba(142, 142, 142, 1);
  line-height: 1.35rem;
}

.quick_input_select>.tab_button {
  border: 1px solid rgba(98, 143, 251, 1);
  border-radius: .15rem;
  font-size: .55rem;
  font-weight: 500;
  color: rgba(98, 143, 251, 1);
  background: none;
  padding: 0.05rem 0.25rem;
}

.quick_input_select .tab_button:nth-child(2) {
  margin-right: .5rem;
}

.upload_img_box {
  padding: 0.6rem;
}

.popup_select_box div span {
  padding: 0.25rem 0.6rem;
  background: rgba(98, 143, 251, 1);
  border-radius: .25rem;
  font-size: .7rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
}

.popup_select_box {

  padding: 0.6rem;
  position: absolute;
  bottom: 1.15rem;
  left: 0;
  width: 100%;
  z-index: 1001;
}

.popup_select_box>div {

  width: 100%;
  text-align: left;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(219, 219, 219, 1);
  box-shadow: .125rem .125rem .2rem 0px rgba(0, 0, 0, 0.09);
  border-radius: .15rem;
  height: 10rem;
  overflow-y: auto;
  padding: 0 0.6rem;
}

.popup_select_box>div>div {
  margin-top: 1rem;
}

.quick_input_select .tab_button {
  position: relative;
}

.quick_input_select .tab_button.active {
  background: rgba(98, 143, 251, 1);
  border-radius: .15rem;
  color: rgba(255, 255, 255, 1);
}

/* .quick_input_select .tab_button.active:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-top: 0.6rem solid rgba(219, 219, 219, 1);
  top: -0.85rem;
  left: 1rem;
  z-index: 1002;
}

.quick_input_select .tab_button.active:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 0.35rem solid transparent;
  border-right: 0.35rem solid transparent;
  border-top: 0.55rem solid #fff;
  top: -0.85rem;
  left: 1.05rem;
  z-index: 1003;
} */

.work_oper_head {
  height: 2rem;
  background: rgba(239, 239, 239, 1);
  line-height: 2rem;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(98, 143, 251, 1);
  padding: 0 0.6rem;
}

.pop_up_help_title {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FF964C;
  line-height: 1.05rem;
}

.pop_up_tab_button {
  border: .05rem solid #FF964C !important;
  color: #FF964C !important;
}

.pop_up_tab_button_active {
  border: .05rem solid #FF964C !important;
  background-color: #FF964C !important;
  color: #FFF !important;
}

.data_select_input_box {
  position: relative;
}

.data_select_input_box .icon_right_mask {
  width: .8rem;
  height: .425rem;
  position: absolute;
  right: 0.6rem;
  top: 0.8rem;
}

.work_content_select_box {
  display: flex;
  padding: 0 0.6rem;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
}

.work_content_select_box .upload_img_box {
  position: relative;
  height: 3.9rem;
  padding-top: 2.4rem;
  background: rgba(239, 239, 239, 1) url(../images/bg-add-photo.png) no-repeat center 0.7rem;
  background-size: 1.5rem 1.35rem;
  vertical-align: top;
  border: .05rem dashed rgba(204, 204, 204, 1);
}

.work_content_select_box .upload_img_box>img {

  width: 100%;
  height: 100%;
  z-index: 998;
  position: absolute;
  top: 0;
  left: 0;
}

.work_content_select_box .upload_img_box input[type="file"] {
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
}

.get_work_head img.user_head {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  vertical-align: middle;
}

.get_work_head {
  text-align: left !important;
  padding-left: 0.6rem !important;
  padding-right: 0.6rem !important;
}

.get_work_head .btn_close {
  top: 0.8rem !important;
}

.work_optional_textarea {
  padding: 1rem 0.6rem;
}

.work_optional_textarea textarea {
  width: 100%;
  border: none;
  resize: none;
  height: 6rem;
}

.btn_send_word_box {
  padding: 0 0.6rem;
  text-align: right;
}

.btn_send_word_box button {
  background: rgba(204, 49, 49, 1);
  border-radius: .15rem;
  padding: 0.25rem 0.6rem;
  border: none;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
}

.quick_input_box {
  margin-top: .5rem;
  padding: 0.5rem 0.6rem;
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px .15rem .175rem 0px rgba(243, 201, 201, 0.16);
}

.quick_input_box .quick_select_item {
  padding: 0.2rem;
  width: 3.5rem;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(98, 143, 251, 1);
  border-radius: .15rem;
  font-size: .7rem;
  font-weight: 500;
  color: rgba(98, 143, 251, 1);
}

.quick_input_box .quick_select_item.active {
  background: rgba(98, 143, 251, 1);
  border-radius: .15rem;
  color: rgba(255, 255, 255, 1);
}

.popup_select_box.optional_select_box {
  top: -7rem !important;
  left: 0 !important;
}

.popup_select_box.optional_select_box>div {
  height: 6rem !important;
}

.optional_bet_line {
  padding-top: 0.725rem;
  border-top: 1px solid #EFEFEF;
}

.input_opinions_box {
  background: rgba(233, 237, 240, 1);
  padding: 0.6rem 0.3rem;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.input_opinions_box .box_left {
  flex: 8.5;
  text-align: center;
}

.input_opinions_box .box_left input {
  width: 100%;
  height: 1.8rem;
  padding-left: 2rem;
  padding-right: 0.7rem;
  border: none;
  background: rgba(255, 255, 255, 1);
  border: .075rem solid rgba(243, 243, 243, 1);
  border-radius: .9rem;
  background: #fff url(../images/icon-pen.png) no-repeat 0.7rem center/.7rem;
}

.input_opinions_box .box_right {
  flex: 1.5;
  text-align: center;
}

.input_opinions_box .box_right {
  font-size: .55rem;

  font-weight: 500;
  color: rgba(108, 108, 108, 1);
}

.input_opinions_box .box_right img {
  width: .675rem;
  height: .7rem;
}

.stock_detail_tabs_box a {
  font-size: .8rem;
  font-weight: 400;
  color: #999999;
  background: #fff;
  margin-right: .725rem;
}

.stock_detail_tabs_box {
  padding: 0.6rem 0.6rem 0 0.6rem;
  background: #fff;
  width: 100%;
  z-index: 10;
  white-space: nowrap;
  overflow-x: auto;
}

.stock_detail_tabs_box a.active {
  font-size: .9rem;
  font-weight: bold;
  color: rgba(46, 46, 46, 1);
  border-bottom: .15rem solid #FFA639;
}

.bottom_more_oper_items {
  display: flex;
  flex-wrap: wrap;
}

.bottom_more_oper_items>a {
  width: 45%;
  background: rgba(245, 244, 249, 1);
  border-radius: .15rem;
  padding: 0.1rem 0.6rem;

  margin: 0 2.5%;
  margin-top: .725rem;
}

.bottom_more_oper_items>a .item_title {
  font-size: .8rem;
  vertical-align: middle;
  font-weight: bold;
  color: rgba(46, 46, 46, 1);
  line-height: 1.4rem;
  margin-left: .25rem;
}

.bottom_more_oper_items>a img {
  width: .9rem;
  height: .9rem;
  vertical-align: middle;
}

.expression_item_mask {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  background: rgba(180, 180, 180, 0.8);
  border-radius: .125rem;
  z-index: 2;
  text-align: center;
  top: 0;
}

.expression_item_mask .icon_lock img {
  width: 1.65rem;
  height: 1.9rem;
}

.expression_item_mask .icon_bao_nums img {
  width: .55rem;
  height: .55rem;
  vertical-align: middle;
}

.expression_item_mask .icon_bao_nums {
  background: rgba(0, 0, 0, 0.3);
  padding: 0.25rem 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.expression_item_mask .icon_bao_nums span {
  font-size: .75rem;
  vertical-align: middle;
  margin-left: .125rem;
  font-weight: bold;
  color: rgba(255, 255, 254, 1);
}

.hall_mood_box {
  width: 9.15rem;
  height: 2.2rem;
  display: flex;
  background: url(../images/bg_gray_wait_hongbao.png) no-repeat center/cover;
  border-radius: 1rem;
  line-height: 1;
}

.hall_mood_box.active {
  background: url(../images/bg_red_wait_hongbao.png) no-repeat center/cover;
}

.hall_mood_box>div:nth-child(1) {
  padding-left: 0.3rem;
  width: 3rem;
}

.hall_mood_box .mood_img_box {
  text-align: center;
  padding-top: 1.1rem;
}

.hall_mood_box .mood_img_box img {
  width: .6rem;
  height: .6rem;
  margin: 0 .075rem;
  border-radius: 50%;
}

.mood_gift_btn {
  width: 6.15rem;
  background: none;
  padding-left: 1.6rem;
  border: none;
  color: rgba(255, 255, 255, 1);
  padding-top: 0.2rem;

  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.mood_gift_btn.active {
  background: linear-gradient(180deg, rgba(255, 121, 85, 1), rgba(255, 87, 42, 1));
}

.lq_hb_popup {
  text-align: center;
  width: 100%;
  padding: 0 1.5rem;
  position: absolute;
  z-index: 1002;
  left: 0;
  top: 20%;
}

.lq_hb_popup .hb_title {
  font-size: 1.2rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(0, 0, 0, 1);
  margin-bottom: .5rem;
  background: linear-gradient(177deg, rgba(247, 201, 121, 1) 0%, rgba(250, 199, 118, 1) 47.998046875%, rgba(253, 227, 145, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.lq_hb_popup .hb_time_out {
  font-size: 2.3rem;
  font-family: DIN Next LT Pro;
  font-weight: 500;
  color: rgba(0, 0, 0, 1);

  background: linear-gradient(177deg, rgba(247, 201, 121, 1) 0%, rgba(250, 199, 118, 1) 47.998046875%, rgba(253, 227, 145, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.lq_hb_popup .hb_content {
  height: 20rem;

  background: url(../images/icon_hb_lq_01.png) no-repeat center -0.5rem/19.5rem;
}

.lq_hb_popup .hb_bottom {
  font-size: .65rem;
  font-weight: bold;
  margin-top: -6.5rem;
  color: rgba(252, 213, 131, 1);
  line-height: .95rem
}

.lq_hb_popup .bottom_btn button {
  width: 7.2rem;
  height: 2.2rem;
  background: linear-gradient(180deg, rgba(255, 121, 85, 1), rgba(255, 87, 42, 1));
  border-radius: 1.1rem;
  font-size: 1rem;

  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  line-height: .95rem;
  border: none;
  margin-top: 1rem;
}

.lq_hb_popup_02 {
  text-align: center;
  width: 90%;
  padding: 0 1.5rem;
  position: absolute;
  z-index: 1002;
  left: 0;
  top: 20%;
  left: 5%;
  background: url(../images/bg_hb_lq_03.png) no-repeat center;
  background-size: contain;
  height: 16rem;
}

.lq_hb_popup_02 .popup_content {
  text-align: center;
}

.lq_hb_popup_02 .popup_content .get_name {
  font-size: 1.75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(248, 77, 62, 1);
  line-height: 2.95rem;
  padding-top: 1rem;
}

.lq_hb_popup_02 .popup_content .get_num {
  font-size: 1.05rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(52, 52, 52, 1);
  line-height: 1.225rem;
}

.lq_hb_popup_02 .popup_content .get_btn {
  margin-top: 2.5rem;
}

.lq_hb_popup_02 .popup_content .get_btn button {
  font-size: 1rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(248, 78, 62, 1);
  line-height: 1.375rem;
  border: none;
  background: none;
}

.lq_hb_popup_02 .popup_content .get_keyword {
  font-size: .75rem;
  margin-top: 1.5rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(255, 254, 254, 1);
  line-height: .95rem;
  opacity: 0.8;
  padding: 0 1rem;
}

.lq_hb_popup_01 .hb_content {
  height: 20rem;
  background: url(../images/icon_hb_lq_02.png) no-repeat center -0.5rem/19.5rem;
}

.redPaper {
  width: 100%;
  height: 100%;
  /* border: 1px solid black; */
  overflow: hidden;
}

.redPaper li {
  position: absolute;
  animation: all 3s linear;
  top: -100px;
  width: 100%;
  left: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.redPaper li a {
  display: block;
  width: 100%;
}

.redPaper li a img {
  left: 0;
  top: 0;
  position: absolute;
}

.add_atten_popup {
  width: 100%;
  z-index: 1002;
  position: absolute;
  bottom: 0;
  height: 80%;
  background: #fff;
  border-radius: .25rem .25rem 0px 0px;
}

.add_atten_popup .popup_head {
  display: flex;
  padding: 0.6rem;
  justify-content: space-between;
  align-items: center;
}

.add_atten_popup .popup_head .btn_close img {
  padding: .5rem;
  width: 1.45rem;
  height: 1.45rem;
  vertical-align: middle;
}

.add_atten_popup .popup_input_box {
  width: 100%;
  padding: 0.6rem;
  position: relative;
}

.add_atten_popup .popup_input_box .search_content_del {
  width: .8rem;
  height: .8rem;
  position: absolute;
  right: 1.2rem;
  top: 1.3rem;
}

.add_atten_popup .popup_input_box input {
  background: rgba(245, 244, 249, 1);
  border: 1px solid rgba(204, 204, 204, 1);
  border-radius: .25rem;
  height: 2.2rem;
  width: 100%;
  padding: 0 1.85rem;

  background: rgba(245, 244, 249, 1) url(../images/img_fangdajin.png) no-repeat 0.6rem center;
  background-size: .9rem;
}

.hot_stock_atten_box {
  padding: 0.6rem;
}

.hot_stock_atten_box .box_title {
  font-size: .8rem;
  font-weight: 400;
  color: rgba(153, 153, 153, 1);
  padding-bottom: .5rem;
  border-bottom: 1px solid #efefef;
}

.hot_stock_atten_box .box_title img {
  width: .775rem;
  height: .8rem;
  vertical-align: middle;
}

.hot_stock_atten_box .box_content .hot_atten_stock_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.hot_stock_atten_box .box_content .hot_atten_stock_list li {
  width: 33.3%;
}

.hot_stock_atten_box .box_content .hot_atten_stock_list li>label {
  display: flex;
  justify-content: space-between;
  align-items: center;

  padding: 0.5rem 0;
  position: relative;
}

.hot_stock_atten_box .box_content .hot_atten_stock_list li>div {
  position: relative;
}

.hot_stock_atten_box .box_content .hot_atten_stock_list .select_icon {
  padding-right: 0.8rem;
}

.hot_stock_atten_box .box_content .hot_atten_stock_list .select_icon input {
  opacity: 0;
  position: absolute;
  right: 0;
  width: 1rem;
  height: 1rem;
  top: 0;
}

.hot_stock_atten_box .box_content .hot_atten_stock_list .select_icon i {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/icon_add_atten_stock.png) no-repeat center/.95rem;
}

.hot_stock_atten_box .box_content .hot_atten_stock_list .select_icon input:checked~i {
  background: url(../images/icon_added_atten_stock.png) no-repeat center/.95rem;
}

.associate_stock_list {
  height: 100%;
  overflow: auto;
  padding: 0 0.6rem;
}

.associate_stock_list>li {
  border-bottom: 1px solid #EFEFEF;
  font-size: .8rem;
  font-weight: 500;
}

.associate_stock_list>li>label {
  padding: 0.725rem 0;
  display: flex;
  justify-content: space-between;
}

.associate_stock_list .select_stock_input input {
  opacity: 0;
  position: absolute;
  left: 0;
  width: 1rem;
  height: 1rem;
}

.associate_stock_list .select_stock_input {
  position: relative;
}

.associate_stock_list .select_stock_input i {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/icon_add_atten_stock.png) no-repeat center/.95rem;
}

.associate_stock_list .select_stock_input input:checked~i {
  background: url(../images/icon_added_atten_stock.png) no-repeat center/.95rem;
}

.chb_index_list .state_success {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon_chenggong.png) no-repeat center/cover;
  position: absolute;
  right: 1.6rem;
  top: 2rem;
}

.chb_index_list .state_fail {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon_shibai.png) no-repeat center/cover;
  position: absolute;
  right: 1.6rem;
  top: 2rem;
}

.bar-tab .tab-item.item-red-add {
  position: relative;

  background: #fff;
  padding: 0 !important;
  border-radius: 1.5rem;
}

.bar-tab.tab-style-2 {
  box-shadow: 0px .075rem .175rem 0px rgba(0, 0, 0, 0.13);
}

.bar-tab .tab-item .icon-red-add {
  height: 2.5rem !important;
  width: 2.5rem !important;
  background: #fff url(../images/bg_red_add.png) no-repeat center/1.7rem;
  position: absolute;
  left: 0;
  right: 0;
  top: -1rem;
  margin-left: auto;
  margin-right: auto;

  border-radius: 50%;
}

.chb_index_input_box {
  padding: 0.6rem;
}

.chb_index_input_box a {
  width: 100%;
  display: inline-block;
  border: 1px solid #F5424E;
  height: 1.8rem;
  border-radius: .25rem;
  color: rgba(245, 66, 78, 1);
  padding: 0 1.6rem;
  font-size: .7rem;
  background: url(../images/icon_red_searchmag.png) no-repeat 0.6rem center/.65rem;
  line-height: 1.8rem;
}

#index_swiper_container {
  width: 100%;
}

#index_swiper_container .swiper-wrapper .swiper-slide>img {
  width: 100%;
  height: 7rem;
  border-radius: .25rem;
}

.add_stock_scroll_box div .name {
  font-size: .7rem;
  font-weight: 500;
  color: rgba(46, 46, 46, 1);
}

.add_stock_scroll_box div.bg_red_rise .price {
  font-size: .65rem;

  font-weight: bold;
  color: rgba(245, 66, 78, 1);
}

.add_stock_scroll_box div.bg_green_fall .price {
  font-size: .65rem;
  font-weight: bold;
  color: rgba(52, 146, 126, 1);
}

.add_stock_scroll_box div.bg_red_rise .of_price {
  font-size: .6rem;
  font-weight: 500;
  color: rgba(245, 66, 78, 1);
}

.add_stock_scroll_box div.bg_gray_ping .price {
  font-size: .65rem;
  font-weight: bold;
  color: #ccc;
}

.add_stock_scroll_box div.bg_gray_ping .of_price {
  font-size: .6rem;
  font-weight: 500;
  color: #ccc;
}

.add_stock_scroll_box div.bg_green_fall .of_price {
  font-size: .6rem;
  font-weight: 500;
  color: rgba(52, 146, 126, 1);
}

.thematic_module_box .module_box {

  background: linear-gradient(225deg, rgba(255, 191, 82, 0.2), rgba(255, 140, 85, 0));
  border: 1px solid #EFEFEF;
  border-radius: .25rem;
  padding: 0.6rem;
}

.thematic_module_box .module_box>div {
  background: url(../images/bg_thematic_module.png) no-repeat right bottom/3.375rem 3.45rem
}

.bg_orange_span {

  border: 1px solid rgba(239, 239, 239, 1);
  border-radius: .25rem;
  font-size: .55rem;
  background: #FFBF55;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  padding: 0.1rem 0.2rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.thematic_module_box .module_box .box_text p {

  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.15rem;
}

.thematic_module_box .module_box .box_question {
  margin-top: .5rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: .85rem;
}

.add_stock_btn_item {
  background: #fff !important;
  padding: 0.725rem 0.25rem !important;
}

.add_stock_btn_item img {
  width: .7rem;
  height: .7rem;
}

.thematic_module_scroll_news {
  overflow: hidden;
  margin-top: 0.8rem;
}

.thematic_module_scroll_news .scroll_news_box {
  background: rgba(0, 0, 0, 0.05);
  border-radius: .625rem;
  padding: 0.1rem 0.2rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.thematic_module_scroll_news .scroll_news_box img {
  width: .9rem;
  height: .9rem;
  border-radius: 50%;
}

.thematic_module_scroll_news .scroll_news_box span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(102, 102, 102, 1);
  line-height: 1.15rem;
  margin-left: .35rem;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.more_msg_popup {
  background: rgba(255, 255, 255, 1);
  box-shadow: .1rem 6px .375rem 0px rgba(0, 0, 0, 0.08);
  font-size: .7rem;
  font-weight: 500;
  color: rgba(154, 154, 154, 1);
  position: absolute;
  right: 0;
  bottom: 0.725rem;
  z-index: 10;
}

.get_more_msg_box {
  position: relative;
}

.more_msg_popup>div {
  padding: 0.5rem 1rem;
  white-space: nowrap
}

.pet_reminder_popup {
  position: absolute;
  bottom: 2.25rem;
  left: 0;
  z-index: 1000;
}

.pet_reminder_popup .reminder_text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  background: #FFF;
  padding: 1rem 0.6rem;

  border-radius: .5rem;
  border: .05rem solid #F5424E;
  position: relative;
  left: 1rem;

  top: -0.5rem;
  padding-right: 1rem;
}

.pet_reminder_popup .reminder_text img {
  width: 2.125rem;
  height: 2.125rem;
}

.pet_reminder_popup .reminder_text:after {
  content: "";
  display: inline-block;
  width: 1.4rem;
  height: 1.125rem;
  background: url(../images/reminder_text_jiao.png) no-repeat center/1.4rem 1.125rem;
  position: absolute;
  bottom: -0.9rem;
  left: 1rem;
}

.reminder_text_box {
  display: none;
}

.pet_reminder_popup .reminder_text .text {
  position: relative;
}

.pet_reminder_popup .reminder_text .text p {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(46, 46, 46, 1);
  line-height: 1.15rem;
}

.pet_reminder_popup .reminder_pet {
  display: none;
}

.pet_reminder_popup .reminder_pet img {
  width: 2.775rem;
  height: 4.6rem;
}

.my_risk_type_link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.725rem 0.6rem;
}

.my_risk_type_link .type_link_active img {
  width: .425rem;
  height: .8rem;
  vertical-align: middle;
}

.more_task_list .box_left>div:nth-child(2) {
  font-size: .8rem;
  color: rgba(46, 46, 46, 1);
  line-height: 1.05rem;
}

.more_task_list .btn_go_on.active {
  background: rgba(229, 229, 229, 1);
  color: rgba(135, 135, 135, 1);
}

.stock_work_remind {
  background: rgba(0, 0, 0, 0.6);
  font-size: .55rem;

  font-weight: 500;
  color: rgba(251, 212, 66, 1);

  border-radius: .725rem;
  padding: 0.35rem 0.6rem;
  position: absolute;
  white-space: nowrap;
  line-height: 1;
  bottom: -1rem;
  left: 0;
}

.btn_search_self_select img {
  width: .7rem;
  height: .7rem;
  vertical-align: middle;
}

.stock_work_remind:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -0.25rem;
  left: 1.1rem;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-bottom: 0.3rem solid #666;
}

.zx_zyq_tabs_box {
  padding: 0 0.6rem;
}

.btn_add_self_select {
  text-align: center;
  line-height: 2rem;
}

.btn_add_self_select span {
  font-size: .65rem;
  font-weight: 400;
  color: rgba(245, 66, 78, 1);
  vertical-align: middle;
}

.btn_add_self_select img {
  width: .6rem;
  height: .6rem;
  vertical-align: middle;
}

.btn_add_optional_box {
  text-align: center;
  padding-top: 5rem;
}

.btn_add_optional_red {
  width: 6.175rem;
  height: 2.2rem;
  background: #FEBA5D;
  border-radius: .25rem;
  border-radius: .25rem;
  color: #2e2e2e;
  border: none;
  margin-top: 1rem;
}

.tj_publication_list .state_success {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon_chenggong.png) no-repeat center/cover;
  position: absolute;
  right: 1.6rem;
  top: 2rem;
}

.tj_publication_list .state_fail {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon_shibai.png) no-repeat center/cover;
  position: absolute;
  right: 1.6rem;
  top: 2rem;
}

.functional_module_box>a {
  position: relative;
}

.functional_module_box a .new_msg_tips {
  position: absolute;
  background: rgba(245, 66, 78, 1);
  color: #fff;
  border-radius: 50%;
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  font-size: 0.5rem;
  right: 1.2rem;
  top: -0.7rem;
  text-align: center;
  line-height: 0.8rem;
}

.work_oper_detail_box {

  border-radius: .075rem;
}

.work_oper_detail_item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0.725rem 0.6rem;
}

.work_oper_detail_item .item_left_img img {
  width: 3.35rem;
  height: 2.5rem;
  border-radius: .15rem;
}

.work_oper_detail_item .item_right_text {
  margin-left: .5rem;
}

.work_oper_detail_item .item_right_text .text_dsc {
  font-size: .75rem;
  font-weight: 500;
  color: rgba(46, 46, 46, 1);
  line-height: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.work_oper_detail_item .item_right_text .text_mask {
  line-height: 1rem;
  margin-top: .25rem;
}

.work_oper_detail_item .item_right_text .text_mask span {
  vertical-align: middle;
}

.work_oper_detail_item .item_right_text .text_mask img {
  width: .575rem;
  height: .7rem;
  vertical-align: middle;
  margin-left: .25rem;
}

.work_oper_detail_box.border_pink {

  border: 1px solid rgba(253, 218, 220, 1);
}

.work_oper_detail_box.border_gray {

  background: #F6F5F5;
  border: 1px solid #EDEDED;
}

.work_oper_detail_box .work_oper_add_select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(246, 245, 245, 1);
  padding: 0.6rem;
}

.work_oper_detail_box .work_oper_add_select .box_left {
  font-size: .65rem;

  font-weight: 500;
  color: rgba(46, 46, 46, 1);
  line-height: .8rem;
}

.work_oper_detail_box .work_oper_add_select .box_right {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(220, 84, 84, 1);
  line-height: .8rem;
}

.work_oper_detail_box.border_green {
  border: 1px solid rgba(202, 239, 231, 1);
}

.work_oper_detail_item .item_left_img_mask img {
  width: 2.75rem;
  height: 2.75rem;
}

.stock_detail_tabs_box .cicle_msg_tips {
  position: relative;
}

.stock_detail_tabs_box .cicle_msg_tips:after {
  content: "";
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background: #CC3131;
  position: absolute;
  top: -0.1rem;
  right: -0.1rem;
}

.copy_weixin_popup {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;

  z-index: 1002;
  border-radius: .25rem .25rem 0 0;
}

.copy_weixin_popup .popup_head {
  padding: 1rem 0.6rem 0.6rem 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: .25rem .25rem 0 0;
}

.copy_weixin_popup .popup_head img {
  width: .55rem;
  height: .55rem;
}

.copy_weixin_popup .popup_content {
  padding: 0.6rem;
}

.copy_weixin_popup .popup_content .copy_content {
  display: flex;
  justify-content: space-between;
  margin-top: .5rem;
}

.copy_content .content_text {
  background: rgba(253, 253, 253, 1);
  border: 1px solid rgba(239, 239, 239, 1);
  border-radius: .15rem;
  padding: 0.6rem 0.6rem;
  flex: 8;
}
.content_text img{max-width: 100%;}
.content_text video{width: 100%;}
.copy_content .content_btn button {
  background: rgba(253, 253, 253, 1);
  border: 1px solid rgba(239, 239, 239, 1);
  border-radius: .15rem;
  padding: 0.6rem 0.6rem;
  flex: 2;

  background: rgba(245, 66, 78, 1);
  border-radius: .15rem;
  color: rgba(255, 255, 255, 1);
}

.popup_content .tips_text {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(245, 66, 78, 1);
  padding-bottom: 1.5rem;
  margin-top: .5rem;
}

.work_scroll_box {
  overflow: hidden;
}

.proportion_up_down_box {
  border-top: 1px solid #efefef;
  padding: 0.6rem;
}

.my_zx_list_head {
  display: flex;
  justify-content: space-between;
  background: #FBFBFB;
  padding: 0.5rem 0.6rem;
}

.my_zx_list_head>div {
  text-align: center;

  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
}

.flex_item_2 {
  flex: 2;
}

.flex_item_4 {
  flex: 4;
}

.my_zx_list .list_item .item_main>div {
  text-align: center;
}

.my_zx_list .list_item .item_main>div:nth-child(1) {
  text-align: left !important;
}



































































/*7.8.0bug修改*/

.none_padding_box {
  padding: 0 !important;
}

.single_reply {
  padding: 0.725rem 0.6rem !important;
}

.double_reply_padding {
  padding: 0 .75rem;
}

.first_replay {
  margin-top: .25rem;
  background-color: #fafafa;
  padding: .2rem .75rem .75rem;
}

.first_link_sharing_item {
  background-color: #fff !important;
}

.messagePage_user_question {
  display: flex;
  align-items: center;
  margin-top: .6rem;
}

.messagePage_user_question_icon {
  width: .85rem;
  height: .85rem;
  margin-right: .3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #628FFB;
  border-radius: .15rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.messagePage_user_question_desc {
  flex: 1;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.dongtai_list_box>li {
  padding: 0.725rem 0.6rem;
}

.entering_content_job {
  top: 0.5rem !important;
  left: 1rem !important;
  display: block;
  width: 95%;
}

.track_stock_entering .entering_content_job img {
  vertical-align: middle;
  position: absolute;
  right: 1rem !important;
  top: 0.25rem !important;
}

.b_r_gray {
  position: relative;
}

.b_r_gray:after {
  display: inline-block;
  content: "";
  width: .05rem;
  height: 0.55rem;
  position: absolute;
  right: 0;
  background: #777;
  top: 0.15rem;
}

.flex_three_average {
  display: flex;
  justify-content: flex-start;
}

.flex_three_average>div {
  flex: none !important;
  width: 33% !important;
}

.btn_stock_write {
  width: .525rem;
  height: .55rem;
  vertical-align: middle;
  margin-left: .125rem;
}

.fixed_bottom_sign_in {
  position: fixed;
  bottom: 2rem;
  width: 100%;
  text-align: center;
  left: 0;
  background: #fff;
}

.fixed_bottom_sign_in>a {
  font-size: .7rem;
  font-weight: 500;
  text-decoration: underline;
  color: #9A9A9A;
}

.loading_waitting_popup {
  position: absolute;
  z-index: 1002;
  width: 80%;
  left: 10%;
  background: #fff;
  top: 30%;
  text-align: center;
  border-radius: .25rem;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: .8rem;
}

.loading_waitting_popup img {
  width: 5rem;
  height: 5rem;
}

.stake_popup {
  position: absolute;
  width: 80%;
  left: 10%;
  z-index: 1002;
  background: #fff;
  padding: 0 1rem;
  border-radius: .5rem;
  top: 30%;
}

.stake_popup .popup_top_img {
  width: 9.25rem;
  height: 11.875rem;
  position: absolute;
  left: 20%;
  top: -5rem;
}

.stake_popup .popup_middle_content {
  padding-top: 4.5rem;
  font-size: .8rem;
  font-weight: 500;
  color: #666666;
  line-height: 1.2rem;
  text-align: center;
}

.stake_popup .popup_bottom_buttons {
  padding-bottom: .5rem;
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}

.stake_popup .popup_bottom_buttons .btn_left {
  border: 1px solid #FF8C56;
  border-radius: 36px;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #F64A4E;
  background: #fff;
  width: 5.45rem;
  height: 1.8rem;
}

.stake_popup .popup_bottom_buttons .btn_right {
  width: 5.45rem;
  height: 1.8rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  background: linear-gradient(90deg, #F5424E, #FF8C56);
  border-radius: .9rem;
  border: none;
}

.btn_edit_detail {
  color: #F64A4E;
  font-size: .7rem;
  padding-left: .25rem;
  border-left: 1px solid #ccc;
}

.get_more_msg_box span {
  position: relative;
}

.head_link_box>.zt_detail_mask {
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, .5);
  position: absolute;
  top: 0;
  left: 0;
}

.topic_head_img>.zt_detail_mask {
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, .5);
  position: absolute;
  top: 0;
  left: 0;
}

.btn_red_complete {
  padding: 0.25rem 0.6rem;
  background: #F5424E;
  border-radius: .5rem;
  border: none;
  font-size: .55rem;
  font-weight: 500;
  color: #FFFFFF;
}

.personal_msg_des_box {
  display: flex;
  justify-content: space-between;
  padding: 0.6rem;
  font-size: .75rem;
  font-weight: 500;
  color: #2E2E2E;
}

.personal_gift_img img {
  width: 3.5rem;
  height: 3.5rem;
  margin-right: -1rem;
  vertical-align: -72%;
}


































































/*2020 09 16*/

.combat_item_box {
  padding: 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.combat_item_box .box_left {

  font-size: 1.8rem;
  font-family: YouSheBiaoTiHei;
  font-weight: 400;

  color: #FFFEFE;
  text-shadow: 1px .05rem 0px #FAA69E;
}

.combat_item_box .box_right {

  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFEFE;
}

.trap_tips_line p {
  text-align: left;
  padding: 0.3rem 0.6rem;

  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.buying_selling_btns {
  padding: 0.6rem;
  display: flex;
}

.buying_selling_btns>button {
  flex: 1;

  height: 2.55rem;
  border: 1px solid #CCCCCC;
  border-radius: 1.275rem;

  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  background: #fff;
}

.buying_selling_btns>button.btn_buy {
  color: #CC3232;
  margin-right: .25rem;
}

.buying_selling_btns>button.btn_sell {
  margin-left: .25rem;
  color: #46BC46;
}

.bottom_statement_text {
  padding: 0.6rem;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.bottom_statement_text p {
  line-height: .8rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #9A9A9A;
}

.stock_index_item_rise {
  text-align: center;
}

.stock_index_item_rise .price {
  font-size: .55rem;
  font-weight: bold;
  color: #F5424E;
  line-height: .8rem;
}


.stock_index_item_rise .range {

  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #F5424E;
  line-height: .8rem;
  background: #FFECED;
}

.stock_index_item_fall {
  text-align: center;
}

.stock_index_item_fall .price {
  font-size: .55rem;
  font-weight: bold;
  color: rgba(52, 146, 126, 1);
  line-height: .8rem;
}


.stock_index_item_fall .range {

  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(52, 146, 126, 1);
  line-height: .8rem;
  background: #FFECED;
}

.k_line_graph_container {
  width: 100%;
  height: 100%;
  position: relative;
  box-shadow: .125rem .125rem .5rem 0px rgba(0, 0, 0, 0.1);
  border-radius: .25rem;
}

.grap_out_container {
  position: relative;
  margin-top: -6rem;
  background: #fff;
  box-shadow: .125rem .125rem .5rem 0px rgba(0, 0, 0, 0.1);
  border-radius: .25rem;
}

.judgment_prompt_text p {
  text-align: center;
  margin-top: 0;

  font-size: 1rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #444444;
  line-height: 1.25rem;
}

.prompt_tips_text {

  padding: 0.6rem;
}

.prompt_tips_text .tips_title>img {
  width: .725rem;
  height: .8rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.prompt_tips_text .tips_title span {

  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #5A6172;
  vertical-align: middle;
  line-height: 1.15rem;
}

.prompt_tips_text .tips_content {
  padding: 0.725rem 0.6rem;

  background: #FFFFFF;
  box-shadow: .1rem .1rem .5rem 0px rgba(171, 133, 67, 0.1);
  border-radius: .25rem;
}

.prompt_tips_text .tips_content p {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #5A6172;
  line-height: 1.15rem;
}

.prompt_tips_text .tips_content .tips_content_text {
  padding-top: .5rem;
  border-top: 1px solid #EFEFEF;
  margin-top: .5rem;
}

.prompt_tips_text p {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: .825rem;
}

.say_st_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem;
}

.say_st_box .say_scroll_box {


  flex: 8;
  padding: 0 0.6rem;

  height: 1.4rem;
  background: #F6F5F8;
  border-radius: .7rem;
}

.say_st_box .say_scroll_box>div {
  height: 100%;
  line-height: 1.3rem;
}

.say_st_box .say_scroll_box span {
  vertical-align: middle;
  margin-left: .25rem;

  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 30px;
}

.say_st_box .say_scroll_box img {
  vertical-align: middle;
  width: .8rem;
  height: .8rem;
  border-radius: 50%;
}

.btn_add_say {
  flex: 2;
  text-align: center;
}

.btn_add_say button {

  height: 1.4rem;
  background: #FD8634;
  border-radius: 28px;
  width: 100%;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: bold;
  border: none;
  color: #FFFFFF;
  line-height: .75rem;
}

.summary_characteristics_box {
  display: flex;
  padding: 0.6rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #5A6172;
  line-height: 1.05rem;
  align-items: center;
}

.summary_characteristics_box .left_img img {
  width: 2.35rem;
  height: 3.65rem;
}

.summary_characteristics_box .right_dialog {
  padding: 0.5rem 0.725rem;
  background: #FFFFFF;
  border: .1rem solid #C9D9FF;
  border-radius: .25rem;
  margin-left: 1.5rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: .925rem;
  position: relative;
}

.summary_characteristics_box .right_text p {
  margin-top: 0;
  text-align: center;
}

.summary_penetrate p {
  text-align: center;
  margin: 0;
  color: #5A6172;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: .825rem;
}

.fixed_b_red_btn {

  padding: 1rem 0.6rem;
}

.fixed_b_red_btn>button {
  height: 2.25rem;
  line-height: 2.25rem;
  color: #fff;
  width: 100%;
  font-size: .9rem;
  font-weight: 500;
  border: none;

  background: linear-gradient(180deg, #FEAA33, #FC6534);
  border-radius: .25rem;
}

.probability_show {
  position: absolute;
  left: 0rem;
  top: 0rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #5E4609;
  line-height: .725rem;

  background: #E8D0A4;
  border-radius: .25rem 0px .25rem 0px;
  padding: 0.2rem 0.4rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  z-index: 100;
}

.unknown_mask {
  width: 33%;
  height: 100%;
  position: absolute;
  right: 0rem;
  top: 0;
  background: url(../images/img_cgsz_zs.png) no-repeat center/ cover;
}

.app_load_head {
  display: flex;
  padding: 0.7255rem 0.6rem;
  justify-content: space-between;
  align-items: center;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: .725rem;

  background: rgba(0, 0, 0, 0.15);
}

.app_load_head>div:nth-child(1) img {
  width: .9rem;
  height: .9rem;
  margin-right: .25rem;
  vertical-align: middle;
}

.app_load_head>div:nth-child(1) span {
  vertical-align: middle;
}

.app_load_head>div:nth-child(2) {
  position: relative;
  width: 1.05rem;
  height: 1.05rem;
}

.app_load_head>div:nth-child(2)>img {
  width: 1.05rem;
  height: 1.05rem;
  border-radius: 50%;
}

.bottom_deduction_trend {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 100;
  background: #f95734;
}

.bottom_deduction_trend .box_top {
  padding: 0.5rem 0;

  text-align: center;

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #F3D9B9;
}

.bottom_deduction_trend .box_center {
  position: relative;
  width: 92%;
  display: flex;
  align-items: center;
  margin: 0 auto;
  height: 2.2rem;
  background: #FFFFFF;
  border: 1px solid #F89B88;
  box-shadow: 0px .15rem .3rem 0px rgba(0, 0, 0, 0.13);
  border-radius: 1.1rem;
}

.bottom_deduction_trend .box_center>div.left_input {
  flex: 7;
  position: relative;
  height: 2.2rem;
}

.bottom_deduction_trend .box_center>div.right_btn {
  flex: 3;
}

.bottom_deduction_trend .box_center>div.left_input input {
  position: absolute;
  left: 0;
  top: 0;
  height: 2.2rem;
  padding: 0 1.5rem 0 1rem;
  width: 100%;
  background: none;
  border-radius: 1.1rem;
  line-height: 2.2rem;
  margin-right: -0.15rem;
  border: none;
}

.bottom_deduction_trend .box_center>div.right_btn button {
  height: 2.2rem;
  width: 100%;
  background: url(../images/bg_deduction_trend.png) no-repeat center/cover;
  border-radius: 1.1rem;
  border: none;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: bold;
  text-align: center;
  color: #8C0200;
}

.bottom_deduction_trend .box_bottom {
  padding: 0.6rem 0;
  text-align: center;
}

.bottom_deduction_trend .box_bottom a {

  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: bold;
  text-decoration: underline;
  color: #FEEFDD;
}

.bottom_deduction_trend .box_center .btn_del_search {
  width: .8rem;
  height: .8rem;
  position: absolute;
  right: 0.5rem;
  top: 0.7rem;
}

.box_center .btn_del_search {
  width: .8rem;
  height: .8rem;
  position: absolute;
  right: 4.2rem;
  top: 0.7rem;
}

.bg_activity_index {
  height: 100%;
  background: url(../images/bg_active_index.png) no-repeat center /100% 100%;
}

.btn_activity_rule {
  padding: 0.15rem 0.6rem 0.15rem 0.3rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #F95834;
  background: #F6E8C8;
  border-radius: 0 .525rem 0.525rem 0;
  margin-top: .75rem;
}

.combat_out_box {
  width: 100%;
  height: 9.375rem;
  background: url(../images/bg_cgsz_head.png);
}

.grap_position_box {
  padding: 0.6rem;
}

.judgment_prompt_text .judgment_img_box {
  text-align: center;
}

.judgment_prompt_text .judgment_img_box img {
  width: 9.375rem;
  height: 6.25rem;
}

.judgment_prompt_text .judgment_result {
  margin-top: -2.65rem;
  font-size: 1rem;
  font-family: ZoomlaCuHei-A003;
  font-weight: 400;
  color: #2E2E2E;
  background: linear-gradient(180deg, #FEAA33 0%, #FC6534 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.judgment_prompt_text .judgment_result_explain {
  margin-top: .5rem;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #5A6172;
}

.orange_fc6 {
  color: #FC6934 !important;
}

.see_trap_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.see_trap_box>div {
  width: 8%;
  text-align: center;

  background: #EEEDF0;
  border-radius: .15rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1rem;
}

.see_trap_box>div>div:nth-child(2) {
  height: 1rem;
  background: url(../images/pic_small_hb.png) no-repeat center/.725rem .625rem;
}

.see_trap_box>div.last_step {
  position: relative;
}

.see_trap_box>div.last_step>div:nth-child(2) {
  background: url(../images/pic_libao.png) no-repeat center/1.025rem 1rem !important;
}

.see_trap_box>div.active {

  background: #FFA610;

  color: #fff;
}

.see_trap_box>div.active>div:nth-child(2) {
  height: 1rem;
  background: url(../images/pic_white_gou.png) no-repeat center/.45rem .35rem;
}

.see_trap_out_box {
  padding: 0.6rem;
}

.bonus_tips {

  background: linear-gradient(180deg, #F7D668, #F1B85A);
  border-radius: .15rem;
  padding: 0.05rem 0.2rem;
  white-space: nowrap;
  position: absolute;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #6A3A05;
  right: 0;
  top: -1.25rem;
}

.bonus_tips:after {
  content: "";
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-top: 0.25rem solid #FFA610;
  position: absolute;
  bottom: -0.25rem;
  right: 0.4rem;
}

.invitation_tips_text {
  padding: 0 0.6rem 0.6rem 0.6rem;

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
  line-height: 1.05rem;
}

.invitation_tips_text p {
  margin-top: 0;
}

.yellow_fd7 {
  color: #FD7B34 !important;
}

.summary_characteristics_box .right_dialog:before {
  content: "";
  border-right: 0.8rem solid #C9D9FF;
  border-bottom: 0.5rem solid transparent;
  border-top: 0.5rem solid transparent;
  position: absolute;
  top: 0.5rem;
  left: -0.8rem;
  z-index: 1;
}

.summary_characteristics_box .right_dialog:after {
  content: "";
  border-right: 0.7rem solid #FFF;
  border-bottom: 0.35rem solid transparent;
  border-top: 0.35rem solid transparent;
  position: absolute;
  top: 0.65rem;
  left: -0.7rem;
  z-index: 2;
}

.combat_popup {
  width: 90%;
  position: absolute;
  left: 5%;
  bottom: 20%;
  background: #fff;
  z-index: 1001;
  border-radius: .25rem;
}

.combat_popup .popup_head {
  text-align: center;
  border-radius: .25rem .25rem 0 0;
  padding: 0.5rem 0;
  font-size: 1.55rem;
  font-family: YouSheBiaoTiHei;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 1.8rem;
  text-shadow: .025rem .05rem 0px #A24D1A;
  background: url(../images/bg_cgsz_head.png) no-repeat center/cover;
}

.combat_popup .popup_content {
  padding: 0.6rem;
}

.combat_popup .popup_content .img_text_box {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.combat_popup .popup_content .img_text_box .left_img {
  margin-right: .25rem;
}

.combat_popup .popup_content .img_text_box .left_img img {
  width: 4.75rem;
  height: 3.8rem;
}

.combat_popup .popup_content .img_text_box .right_text {
  text-align: left;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 800;
  margin-left: .25rem;
  color: #5A6272;
  line-height: 1.275rem;
}

.combat_popup .popup_content .combat_nums_tips {
  text-align: center;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #5A6272;
  line-height: 1.05rem;
  margin-top: .5rem;
}

.combat_popup .popup_content .btn_invite_friend {
  width: 100%;
  border: none;
  margin-top: .5rem;
  height: 2.2rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: .375rem;
  background: linear-gradient(180deg, #FEAA34, #FC6634);
  border-radius: 10px;
}

.combat_popup .popup_content .see_trap_text {
  text-align: center;
  margin-top: .5rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #747987;
  line-height: 1.15rem;
}

.combat_popup .popup_content .see_trap_text p {
  text-align: center;
}

.combat_popup .popup_content .invite_reward_text {
  margin-top: .5rem;
  border-top: 1px solid #EFEFEF;
  padding-top: .75rem;
}

.combat_popup .popup_content .invite_reward_text p {

  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #5A6272;
  line-height: 0.8rem;
}

.combat_popup .popup_bottom {
  text-align: center;
  background: #EFEFEF;
  border-radius: 0 .25rem .25rem 0;
  padding: 0 0.6rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #9A9A9A;
}

.btn_close_popup {
  width: 100%;
  position: absolute;
  bottom: -3rem;
  text-align: center
}

.btn_close_popup>span {
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(../images/icon_close_transparent.png) no-repeat center/1.3rem;
}

.pet_reminder_popup .icon_close_popup {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/icon-close.png) no-repeat center/.65rem;
  position: absolute;
  right: -0.8rem;
  top: -0.8rem;
}

.combat_success_popup .popup_head {
  height: 7.8rem;
  width: 100%;
}

.combat_success_popup .popup_content .img_text_box {
  margin-top: -4rem;
  background: #fff;
  padding: 0.6rem 1rem;
  position: relative;
  box-shadow: 0px .1rem .2rem 0px rgba(0, 0, 0, 0.07);
  border-radius: .25rem;
  justify-content: space-between;
}

.combat_success_popup .popup_bottom {
  text-align: left;
  margin-top: .5rem;
  padding: 0.3rem 0.6rem;
}

.turn_combat_head {
  background: url(../images/bg_tuiyan_stock.png) no-repeat center/cover;
  width: 100%;
  height: 7rem;
}

.turn_combat_head .head_title {
  text-align: center;
  padding-top: 1rem;
  font-size: 1.5rem;
  font-family: YouSheBiaoTiHei;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 2.475rem;
  text-shadow: 1px .05rem 0px #A24D1A;
}

.turn_combat_head .head_items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.5rem;
  margin-top: 0.7rem;
}

.turn_combat_head .head_items>div {
  width: 3.15rem;
  background: url(../images/bg_shipoxianjin.png) no-repeat center/cover;
  height: 3.4rem;
  text-align: center;
  padding-top: 0.7rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #9F7E3C;
  line-height: 1.05rem;
}

.turn_combat_content {
  text-align: center;
  margin-top: 1.5rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #747987;
  line-height: 1.25rem;
}

.turn_combat_content .turn_nums_tips {

  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #5A6272;
  line-height: 1.525rem;
}

.turn_combat_content p {
  text-align: center;
  margin-top: 0;
}

.turn_combat_content .turn_invite_tips {
  margin-top: .5rem;
}

.turn_combat_content .turn_invite_tips span {
  display: inline-block;
  width: 7.9rem;
  height: 1.275rem;
  background: url(../images/bg_invite_together.png) no-repeat center/7.9rem 1.275rem;

  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 1.275rem;
}

.turn_combat_text {
  padding: 2rem;
  margin-top: 1rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #5A6272;
  padding-top: 1rem;
  border-top: 1px solid #EFEFEF;
}

.turn_combat_text p {
  line-height: 0.65rem;
}

.turn_combat_bottom {
  padding: 1rem 0.6rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.turn_combat_bottom>button {
  width: 100%;
  height: 2.2rem;
  background: linear-gradient(180deg, #FEAA34, #FC6634);
  border-radius: .25rem;

  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: .375rem;
  border: none;
}

.fixed_head_tips_line {
  padding: 0.5rem 0.6rem;

  background: #FFF1EA;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FF8C56;
  line-height: 1.05rem;
}

.fixed_head_tips_line img {
  width: .8rem;
  height: .8rem;
  vertical-align: -12%;
  margin-right: .25rem;
}

.silk_bag_group {
  background: #f6f6f6;
}

.bag_mask {
  padding: 0.05rem 0.1rem;
  color: #FFFFFF;
  position: absolute;
  font-size: .45rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: .75rem;
  left: 0;
  top: 0;
  white-space: nowrap;
  background: #FF8C56;
}

.silk_bag_group .user_square_head {
  position: relative;
}

.join_us_tips {
  padding: 0.2rem 0.6rem;
}

.join_us_tips img {
  width: .5rem;
  height: .625rem;
  vertical-align: middle;
}

.join_us_tips span {
  margin-left: .25rem;
  vertical-align: middle;

  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
  line-height: .8rem;
}

.authentication_code {
  position: absolute;
  padding: 0.5rem 0.6rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
  line-height: .35rem;
  right: 0rem;
  bottom: 0rem;
  background: #F7F7F7;
  border-radius: .25rem 0px .25rem 0px;
}

.my_bh_items {
  padding: 0.05rem 0.35rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;

  background: #FF8C55;
  border-radius: .45rem;
}

.my_hot_bh_items_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.my_hot_bh_items_box>div:nth-child(1) {
  flex: 9;
}

.my_hot_bh_items_box>div:nth-child(2) {
  flex: 1;
  line-height: 1;
  margin-left: .6rem;
}

.my_hot_bh_items_box>div:nth-child(2) a {
  width: 100%;
  text-align: center;
  display: inline-block;
  border-radius: .25rem;
  height: 4.85rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
  padding-top: 1.6rem;
  background: #DEDEDE url(../images/icon_more_my_bh.png) no-repeat center 0.8rem/.55rem;
}

.get_more_bh_items {
  width: 1.7rem;
  display: inline-block;
  height: 4.85rem;
  background: #DEDEDE;
  border-radius: .25rem;
  line-height: 1;
  text-align: center;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
  padding-top: 1.6rem;
  background: #DEDEDE url(../images/icon_more_my_bh.png) no-repeat center 0.8rem/.55rem;
  vertical-align: top;
  margin-right: .125rem;
}

.association_content_box {
  width: 100%;
  background: #fff;
  position: absolute;
  left: 0.25rem;
  z-index: 1001;
  overflow-y: auto;
  padding: 0.25rem 0;
}

.save-img-popup {
  position: absolute;
  width: 90%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1002;
}


.save-img-popup .img-box img {
  width: 92%;
}

.save-img-popup .btn-save button {
  height: 2.2rem;
  background: linear-gradient(90deg, rgba(255, 205, 114, 1), rgba(248, 181, 110, 1));
  border-radius: .25rem;
  line-height: 2.2rem;
  width: 100%;
  border: none;
  font-size: .8rem;
  margin-top: .5rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
}

.save-img-popup .btn-save {
  text-align: center;
  margin-top: .25rem;
}

.save-img-popup .img-box {
  text-align: center;
}

.save-img-popup .btn-save img {
  width: .85rem;
  height: .95rem;
  vertical-align: middle;
}

.save-img-popup .btn-save span {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  line-height: .9rem;
  vertical-align: middle;
  margin-left: .25rem;
}

.save-img-popup .btn-close {
  position: absolute;
  right: -0.5rem;
  top: -1.4rem;
}

.save-img-popup .btn-close>img {
  width: 1.2rem;
  height: 1.2rem;
}

.activity_rules_detail_box {
  min-height: 100%;
  padding: 1.8rem 0.8rem 0.8rem 0.8rem;
  background: url(../images/bg_act_detail.png) no-repeat center/cover;
}

.activity_rules_detail_box_00 {
  min-height: 100%;
}

.rules_detail_text_box {
  height: 100%;
  background: #FDE3C4;
  border-radius: .5rem;
  padding: 0.6rem;
}

.rules_detail_text_box .text_detail {
  background: #fff;
  height: 100%;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.05rem;
  padding: 1rem 0.8rem;
}

.rules_detail_text_box .text_detail>div:not(:first-child) {
  margin-top: .75rem;
}

.rules_detail_text_box .text_detail p~p {
  margin-top: 0;
}

.text_detail_head {
  text-align: center;
  margin-top: -2.85rem;
}

.rules_detail_text_box .text_detail_bottom {

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #777777;
  line-height: 1.05rem;
  margin-top: .75rem;
}

.rules_detail_text_box .text_detail_bottom p~p {
  margin-top: 0;
}

.text_detail_head>span {
  background: url(../images/bg_act_head.png) no-repeat center/100% 100%;
  height: 3.1rem;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #F95834;
  line-height: 3.1rem;
  padding: 0 0.6rem;
}

.text_detail_head>div {
  background: url(../images/bg_act_head.png) no-repeat center/100% 100%;
  height: 3.1rem;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #F95834;
  line-height: 3.1rem;
  padding: 0 0.6rem;
}

.icon_fpj_mask {
  width: 4.175rem;
  height: 1.425rem;
  display: inline-block;
  background: url(../images/icon_fanpanjin.png) no-repeat center/cover;
  vertical-align: -1%;
}

.download_cgb_app {
  width: 100%;
  height: 100%;
  background: url(../images/bg_app_download.png) no-repeat center/100% 100%;
}

.association_stock_name {
  display: inline-block;
  height: 1.9rem;
  position: absolute;
  right: 2.5rem;
  line-height: 1.9rem;
  top: 0;
}

.activity_fpszy_box {
  background: #f95734;
}

.activity_fpszy_box>img {
  width: 100%;
  height: auto;
}

.activity_fpszy_box .app_load_head {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.activity_fpszy_box .btn_activity_rule_box {
  position: absolute;
  top: 3rem;
  left: 0;
}


































































/*8.1.0*/

.recommended_talent_line_box {
  background: #F5F4F9;
}

.recommended_talent_line {
  width: 100%;
  overflow-x: scroll;
  white-space: nowrap;
}

.recommended_talent_line>div {
  padding: 0 0.6rem;
  text-align: center;
  display: inline-block;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #646464;
  line-height: 1.05rem;
}

.recommended_talent_line>div>div {
  text-align: center;
}

.recommended_talent_line>div>div>img {
  width: 2.45rem;
  height: 2.45rem;
  border-radius: 50%;
}

.recommended_talent_line>div .name.active {
  color: #F5424E;
}

.fixed_top_recommended {
  position: fixed;
  left: 0;
  top: 2.25rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0.6rem;
  z-index: 1;
  background: #F5F4F9;
}

.fixed_head_padding {
  padding-top: 3.25rem;
}

.fixed_top_recommended .recommended_main {
  display: flex;
  align-items: center;
}

.fixed_top_recommended .recommended_main .user_head img {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
}

.fixed_top_recommended .recommended_main .user_detail {
  margin-left: .25rem;
}

.fixed_top_recommended .recommended_main .user_detail .detail_name {

  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #2E2E2E;
}

.fixed_top_recommended .recommended_main .user_detail .detail_des {

  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #9A9A9A;
}

.fixed_top_recommended .btn_recommended {

  background: #F5424E;
  border-radius: .15rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  padding: 0.15rem 0.6rem;
  border: none;
}

.fixed_top_recommended .btn_recommended.active {
  background: #999;
  color: #FFFFFF
}

.hb_head_tabs {
  display: flex;
}

.hb_head_tabs>a {
  flex: 1;
  text-align: center;

  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #9A9A9A;
  line-height: 2.5rem;
  border-bottom: 1px solid #EFEFEF;
}

.hb_head_tabs>a.active>span {
  border-bottom: .15rem solid #CC3232;
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  display: inline-block;
  height: 2.5rem;
}

.icon_user_huiyuan {
  width: .8rem !important;
  height: .7rem !important;
  vertical-align: middle !important;
  margin: 0 0.15rem !important;
}

.btn_topping_up {
  padding: 0.01rem 0.2rem;
  background: #CCCCCC;
  border-radius: .15rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 1.475rem;
}

.click_good_bad_box {

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #7B818F;
}

.click_good_bad_box .hubang_zhuanfa {
  padding-left: 1.1rem;
  background: url(../images/hubang_page_icon_zhuanfa.png) no-repeat left center/.9rem .85rem;
}

.click_good_bad_box .click_bad {
  padding-left: 1.1rem;
  background: url(../images/hubang_page_icon_liuyan.png) no-repeat left center/.9rem .85rem;
}


.click_good_bad_box .click_good {
  padding-left: 1.1rem;
  background: url(../images/hubang_page_icon_heart.png) no-repeat left center/1.15rem 1.05rem;
}

.click_good_bad_box .click_good.active {
  color: #F5414D;
  background: url(../images/hubang_page_icon_heart_current.png) no-repeat left center/.95rem .85rem;
}

.hot_gang_list {
  width: 100%;
  overflow: scroll;
  white-space: nowrap;
}

.hot_gang_list>div {
  text-align: center;
  display: inline-block;
  padding: 0.5rem 0.6rem;
  position: relative;
}

.hot_gang_list>div img {
  width: 2.45rem;
  height: 2.45rem;
  border-radius: 1.225rem;
}

.hot_gang_list .hot_gang_des {
  position: absolute;
  font-size: .45rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FF8C55;
  background: #FAFAFA;
  border: 1px solid #EFEFEF;
  border-radius: .35rem;
  left: 0.6rem;
  bottom: 0.25rem;
  padding: 0 0.05rem;
  z-index: 1;
}

.type_screen_tabs {
  display: flex;
  border-bottom: 1px solid #EFEFEF;
}

.type_screen_tabs>a {
  flex: 1;
  line-height: 2.5rem;
  text-align: center;

  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
  line-height: 2.5rem;
}

.type_screen_tabs>a.active {
  color: #CC3131;
}

.join_helping_pool_box {
  padding: 0.6rem;
}

.join_helping_pool {
  display: inline-block;
  width: 100%;
  height: 6.375rem;
  background: url(../images/bg_jiaru_hbc.png) no-repeat center/cover;
  background-size: 100% 6.375rem;
  position: relative;
}

.join_helping_pool .now_jackpot {
  position: absolute;
  left: 0.7rem;
  bottom: 0.25rem;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FEE44D;
  text-shadow: 0px .05rem 0px rgba(0, 0, 0, 0.31);
}

.interactive_item_screening_box {
  padding: 0.6rem 0;
}

.interactive_item_screening_box>span {
  padding: 0.1rem 0.6rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: bold;

  background: #F6F3F7;
  color: #555555;
  line-height: 42px;

  border-radius: .575rem;
  margin-right: 0.6rem;
}

.interactive_item_screening_box>span.active {
  color: #FF8C55;
  background: #FFE9DE;
}

.praise_step_popup {
  width: 90%;
  background: #fff;
  z-index: 1002;
  position: absolute;
  left: 5%;
  top: 30%;
  padding: 0.6rem;
  border-radius: .25rem;
  display: none;
}

.praise_step_popup .popup_close {
  text-align: right;
}

.praise_step_popup .popup_close img {
  width: .625rem;
  height: .625rem;
}

.praise_step_popup .popup_content {
  padding: 0 0.65rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
  line-height: 1.05rem;
  margin-top: .5rem;
}

.praise_step_popup .popup_bottom {
  display: flex;
  margin-top: .5rem;
}

.praise_step_popup .popup_bottom>div {
  flex: 1;
  text-align: center;
}

.praise_step_popup .popup_bottom>div>span {
  padding: 0.15rem 0.6rem;

  background: #F6F3F7;
  border-radius: .075rem;
  font-size: .725rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #555555;
  line-height: 1.175rem;
}

.praise_step_popup>img {
  position: absolute;
  left: 50%;
  width: 4.35rem;
  height: 4.35rem;
  top: -6%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
}

.reference_resources_line {
  padding: .5rem 0;
}

.reference_resources_line .resources_title {

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.reference_resources_line .resources_title img {
  width: .65rem;
  height: .65rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.reference_resources_line .resources_content {
  padding: 0.1rem 0.6rem;
  background: #FFF9F9;
  border-radius: .5rem;

  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.open_anonymous_line input {
  vertical-align: middle;
}

.open_anonymous_line span {
  vertical-align: middle;
  margin-left: 0.125rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
}

.invitation_popup {
  width: 90%;
  position: absolute;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  z-index: 1002;
  background: #fff;
  border-radius: .25rem;
}

.invitation_popup .popup_head {
  width: 100%;
  height: 6rem;
  background: url(../images/bg_popup_yqh.png) no-repeat center -1.1rem/cover
}

.invitation_popup .popup_content {
  padding: 0.8rem;
}

.invitation_popup .popup_content .invitation_item {
  display: block;
  padding: 0.25rem 0;
  text-align: center;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: .25rem;
  height: 2.75rem;
}

.invitation_popup .popup_content .invitation_item .item_title {

  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FF8C55;
}

.invitation_popup .popup_content .invitation_item .item_des {

  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
}

.invitation_popup .popup_content>a:not(:first-child) {
  margin-top: .5rem;
}

.invitation_popup .icon_close {
  bottom: -2rem;
  width: 1.075rem;
  height: 1.075rem;
  position: absolute;
  left: 50%;
  bottom: -2.5rem;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
}

.payment_amount_box {
  padding-top: 2.5rem;
  text-align: center;
}

.payment_amount_box .payment_num {

  font-size: 2.2rem;
  font-family: DIN Next LT Pro;
  font-weight: 500;
  color: #2E2E2E;
}

.payment_amount_ways_box {
  position: absolute;
  bottom: 4rem;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 0.6rem;
}

.payment_amount_ways_box div label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 0;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.payment_amount_ways_box div label.zf_pg {
  border-top: 1px solid #EFEFEF;
}

.payment_amount_ways_box div label.zf_pg img {
  width: 1.425rem;
  height: .85rem;
  vertical-align: middle;
}

.payment_amount_ways_box div label.zf_pg span {
  vertical-align: middle;
  margin-left: .25rem;
}

.payment_amount_ways_box div label.zf_wx img {
  width: 1.4rem;
  height: 1.25rem;
  vertical-align: middle;
}

.payment_amount_ways_box div label.zf_wx span {
  vertical-align: middle;
  margin-left: .25rem;
}

.payment_amount_ways_box div label.zf_zfb img {
  width: 1.4rem;
  height: 1.05rem;
  vertical-align: middle;
}

.payment_amount_ways_box div label.zf_zfb span {
  vertical-align: middle;
  margin-left: .25rem;
}

.payment_amount_ways_box input[type="radio"] {
  opacity: 0;
}

.payment_amount_ways_box input[type="radio"]~i {
  width: .95rem;
  height: .95rem;
  background: #EAEBF1;
  border: 1px solid #DADCE8;
  border-radius: 50%;
  display: inline-block;
}

.payment_amount_ways_box input[type="radio"]:checked~i {
  background: url(../images/agree-icon.png) no-repeat center/cover;
}

.work_content_select_box .upload_img_box .icon_close {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 0.01rem;
  top: 0.01rem;
  z-index: 1001;
  background: url(../images/icon_gray_close.png) no-repeat center/.65rem;
}

.btn_provide_help_box {
  position: absolute;
  left: 50%;
  bottom: 1%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
  text-align: center;
}

.btn_provide_help {
  padding: 0.25rem 0.6rem;
  border: none;
  background: #FF8C55;
  box-shadow: .075rem .1rem .175rem 0px rgba(0, 0, 0, 0.18);
  border-radius: .85rem;
}

.btn_provide_help img {
  width: .725rem;
  height: .65rem;
  vertical-align: middle;
}


.btn_provide_help span {
  vertical-align: middle;
  margin-left: 0.125rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.scroll_message_bar {
  display: flex;
  justify-content: space-between;
  align-items: center;

  background: #FFFBF9;
  padding: 0 0.6rem;
}

.scroll_message_bar>div:nth-child(1) {

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #2E2E2E;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}

.scroll_message_bar>div:nth-child(1) .scroll_message_ba_swiper {
  display: flex;
  flex-wrap: nowrap;
}

.scroll_message_bar>div:nth-child(1) .scroll_message_ba_swiper>div>div>div {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.scroll_message_bar>div:nth-child(1)>div:not(:first-child) {
  margin-left: 0.25rem;
}

.scroll_message_bar>div:nth-child(2) {
  margin-left: 0.125rem;
  text-align: right;
}

.scroll_message_bar>div:nth-child(1)>div img {
  width: .85rem;
  height: .85rem;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 0.125rem;
}

.scroll_message_bar>div:nth-child(1)>div span {
  vertical-align: middle;
  color: #2e2e2e;
  font-size: .65rem;
}

.btn_add_scroll_message {
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  border: 1px solid #FFE2D8;
  box-shadow: .05rem .075rem .25rem 0px rgba(0, 0, 0, 0.19);
  border-radius: .25rem;
  padding: 0.25rem 0.1rem 0.25rem 1.2rem;
  background: #FFE8E1 url(../images/icon_taoxin.png) no-repeat left center/1.5rem 1.2rem;
}

.btn_add_scroll_message .btn_top {

  font-size: .525rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FE6648;
  line-height: .575rem;
}

.btn_add_scroll_message .btn_bottom {
  font-size: .4rem;
  font-family: PingFang SC;
  font-weight: 300;
  color: #4F4F4F;
  line-height: .575rem;
}

.scroll_message_bar.add_identification_msg {

  background: #F9FCFF;
}

.scroll_message_bar.add_identification_msg .btn_add_scroll_message {
  background: #D8EEFF url(../images/icon_rentong.png) no-repeat left center/1.5rem 1.2rem;

  border: 1px solid #D8EEFF;
  box-shadow: .05rem .075rem .25rem 0px rgba(0, 0, 0, 0.19);
}

.btn_support_it {

  background: #FF8C55;
  border-radius: .15rem;
  padding: 0rem 0.5rem;
  border: none;

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 1.2rem;
}

.btn_support_it.active {

  color: #FFFFFF;
  background: #CCCCCC;
}

.ta_business_card {
  position: absolute;
  right: -0.6rem;
  top: 0;
  width: 5.375rem;
  height: 3.225rem;
  background: url(../images/icon_mingp.png) no-repeat center/5.375rem 3.225rem;
}

.ta_business_card .name {

  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #303330;
}

.ta_business_card .des {

  font-size: .4rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #343134;
  opacity: 0.77;
  margin-top: .125rem;
}

.ta_business_card>div {
  padding-left: 1.3rem;
  padding-top: 0.5rem;
  transform: rotate(7deg);
  -o-transform: rotate(7deg);
  -webkit-transform: rotate(7deg);
  -moz-transform: rotate(7deg);
}

.membership_title {

  font-size: 1.05rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
}

.membership_list li>a {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0.6rem;
  background: #FFFFFF;
  box-shadow: .05rem .075rem .25rem 0px rgba(0, 0, 0, 0.1);
  border-radius: .25rem;
  margin-top: .5rem;
}

.membership_list .user_head .head_img {
  position: relative;
  display: inline-block;
}

.membership_list .user_head .head_img img {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
}

.membership_list .user_head .head_img.dav_identity:after {
  content: "";
  display: inline-block;
  width: .7rem;
  height: .7rem;
  background: url(../images/user_dav_tips.png) no-repeat center/.7rem;
  position: absolute;
  right: -0.05rem;
  bottom: 0.2rem;
}

.membership_list .use_detail_msg {
  margin-left: .25rem;
  width: 100%;
}

.membership_list .use_detail_msg .detail_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.membership_list .use_detail_msg>div:last-child p {

  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #444444;
  line-height: 1.2rem;
}

.membership_list .use_detail_msg .detail_top .detail_name {

  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #2E2E2E;
}

.mutual_member_popup {
  position: absolute;
  width: 80%;
  left: 10%;
  top: 30%;
  background: #fff;
  border-radius: .25rem;
  z-index: 1001;
  padding: 0.5rem;
}

.mutual_member_popup .popup_head {
  text-align: center;
}

.mutual_member_popup .popup_head img {
  width: 3.135rem;
  height: 3.175rem;
}

.mutual_member_popup .popup_content p {

  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
  line-height: .9rem;
  padding: 0 1rem;
}

.mutual_member_popup .popup_bottom {
  text-align: center;
  margin-top: .5rem;
}

.mutual_member_popup .popup_bottom button {

  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  padding: 0.3rem 0.725rem;
  background: #FF8C55;
  border-radius: .15rem;
  border: none;
}

.award_bonus_popup {
  position: absolute;
  top: 30%;
  left: 15%;
  width: 70%;
  z-index: 1001;
  height: 14.125rem;
  background: url(../images/bg_award_bonus.png) no-repeat center/cover;
}

.award_bonus_popup .popup_head {
  text-align: center;
  padding-top: 1.8rem;
}

.award_bonus_popup .popup_head {
  font-size: .75rem;
  color: #666;
}

.award_bonus_popup .popup_head .bonus_num {
  color: #FE6648;
  font-size: 2.5rem;
}

.award_bonus_popup .popup_content p {
  color: #2e2e2e;
  font-size: .6rem;
  line-height: .7rem;
  padding: 0rem 2.6rem;
}

.award_bonus_popup .popup_bottom {
  text-align: center;
  margin-top: 2.25rem;
}

.award_bonus_popup .popup_bottom button {
  background: #FEE44D;
  color: #FE6648;
  font-size: .8rem;
  padding: 0.15rem 1.5rem;
  border-radius: .15rem;
  border: none;
}

.publicist_line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.725rem 0;
}

.publicist_person .person_head {

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.publicist_person .person_head img {
  width: .85rem;
  height: .85rem;
  margin-right: .125rem;
  border-radius: 50%;
  vertical-align: middle;
}

.publicist_person .person_head span {
  vertical-align: middle;
}

.firm_status {
  padding: 0.6rem;
  background: #F5F5F5;
  width: 100%;
  font-family: PingFang SC;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.firm_status>div:nth-child(1) {
  width: 100%;
}

.firm_status>div:last-child {
  text-align: center;
}

.firm_status .btn_withdraw {
  background: none;
  border: none;
  padding: 0.1rem 0.4rem 0.1rem 1.2rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FC6934;
  background: url(../images/icon_withdraw.png) no-repeat 0.4rem center/.675rem .575rem;
  border: 1px solid #FC6934;
  border-radius: .575rem;
  white-space: nowrap;
}

.publicist_operation_record_box {
  border-top: 1px solid #EFEFEF;
  padding-top: .75rem;
}

.publicist_operation_record_box .box_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.publicist_operation_record_box .box_content {
  margin-top: .25rem;
}

.publicist_operation_record_box .box_content table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

.publicist_operation_record_box .box_content table tr:not(first-child) {

  border: 1px solid #EFEFEF;
}

.publicist_operation_record_box .box_content table th {
  text-align: center;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  background: #F5F5F5;
  padding: 0.725rem 0;
}

.publicist_operation_record_box .box_content table td {
  text-align: center;
  vertical-align: middle;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  padding: 0.5rem 0;
}

.btn_add_scroll_help {

  background: #FFE8E1;
  border: 1px solid #FFE2D8;
  box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.19);
  border-radius: 10px;

  font-size: .525rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FE6648;
  line-height: .575rem;
  border: none;
  padding: 0.5rem 0.725rem;
}

.mutual_firm_offer_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.mutual_firm_offer_box>a {
  width: 50%;
  padding: 0.5rem 0;
  text-align: center;
}

.mutual_firm_offer_box>a .user_head img {
  width: 4.9rem;
  height: 4.9rem;
  border-radius: 50%;
}

.mutual_firm_offer_box>a .user_des span {

  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  background: #EDEDED;
  padding: 0.05rem 0.15rem;

  border-radius: .15rem;
}

































































/*互帮池*/

.mutual_help_pool_box .box_head {
  height: 8rem;
  position: relative;
  padding: 0.6rem;
  background: url(../images/bg_hbc_head.png) no-repeat center -2rem/cover;
}

.mutual_help_pool_box .box_head .head_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mutual_help_pool_box .box_head .head_top .part_left span {

  box-shadow: 0px .05rem 0px 0px rgba(0, 0, 0, 0.18);
  background: rgba(0, 0, 0, 0.2);
  border-radius: .5rem;
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  padding: 0.05rem 0.1rem;
}

.mutual_help_pool_box .box_head .head_top .part_right span {

  background: #FFE068;
  border: .1rem solid #FF9954;
  box-shadow: 0px .05rem 0px 0px rgba(0, 0, 0, 0.18);
  opacity: 0.9;
  border-radius: .5rem;
  padding: 0.05rem 0.3rem;
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FB263A;
  opacity: 0.8;
}

.mutual_help_pool_box .box_head .head_top .part_right span:first-child {
  margin-right: .5rem;
}

.mutual_help_pool_box .box_head .head_middle {
  text-align: center;
  margin-top: .5rem;
}

.mutual_help_pool_box .box_head .head_middle .accumulation_num {

  font-size: 1.375rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0px .1rem .05rem rgba(0, 0, 0, 0.29);
}

.mutual_help_pool_box .box_head .head_middle .accumulation_num .num {
  color: #FEED34;
}

.mutual_help_pool_box .box_head .head_middle .closing_date {

  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  opacity: 0.77;
}

.mutual_help_pool_box .box_head .head_bottom {
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;

  background: rgba(0, 0, 0, 0.2);
  padding: 0.5rem 0;
  width: 100%;
}

.mutual_help_pool_box .box_content {
  border-radius: .5rem .5rem 0 0;
  margin-top: -0.25rem;
  background: #fff;
  position: relative;
  z-index: 1;
}

.mutual_help_pool_box .box_content .tabs_button {
  display: flex;
  align-items: center;
  line-height: 2rem;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.mutual_help_pool_box .box_content .tabs_button>a {
  flex: 1;
  text-align: center;
}

.mutual_help_pool_box .box_content .tabs_button>a.active {
  color: #2E2E2E;
  opacity: 0.66;
}

.mutual_help_pool_box .box_content .tabs_button>a.active>span {
  border-bottom: .1rem solid #E14326;
}

.hbc_help_list li>a {
  display: flex;
  align-items: flex-start;
  padding: 0.725rem 0.6rem;
}

.hbc_help_list li .item_left {

  font-size: 2rem;
  font-family: zcoolqingkehuangyouti;
  font-weight: bold;
  color: #999999;
}

.hbc_help_list li .item_right .main_content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.hbc_help_list li .item_right .main_content .main_user_head>span {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

.hbc_help_list li .item_right .main_content .main_user_head span img {
  width: 2.65rem;
  height: 2.65rem;
  background: #FFFFFF;
  border: .05rem solid #FCD012;
  border-radius: 50%;
}

.hbc_help_list li .item_right {
  margin-left: .725rem;
  width: 100%;
  white-space: normal;
}

.hbc_help_list li .item_right .main_content .main_text {
  margin-left: .25rem;
  white-space: normal;
}

.hbc_help_list li .item_right .main_content .main_text .user_name_mask .name {
  vertical-align: middle;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.3rem;
}

.hbc_help_list li .item_right .main_content .main_text .text_detail p {

  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: .9rem;
}

.hbc_help_01 {

  background: linear-gradient(0deg, #FEF2F2, #FFFFFF);
}

.hbc_help_02 {
  background: linear-gradient(0deg, #FDF2FD, #FFFFFF);
}

.hbc_help_01 .item_left {

  color: #FCD012 !important;
}

.hbc_help_02 .item_left {

  color: #C5D3E3 !important;
}

.hbc_help_03 .item_left {

  color: #F9A771 !important;
}

.hbc_help_list .ranking_mask {
  position: relative;
}

.hbc_help_01 .ranking_mask:after {
  content: '';
  width: 1.375rem;
  height: 1.375rem;
  display: inline-block;
  background: url(../images/icon_hg_1.png) no-repeat center/cover;
  position: absolute;
  left: -0.6rem;
  top: -0.6rem;
}

.hbc_help_02 .ranking_mask:after {
  content: '';
  width: 1.375rem;
  height: 1.375rem;
  display: inline-block;
  background: url(../images/icon_hg_2.png) no-repeat center/cover;
  position: absolute;
  left: -0.6rem;
  top: -0.6rem;
}

.hbc_help_03 .ranking_mask:after {
  content: '';
  width: 1.375rem;
  height: 1.375rem;
  display: inline-block;
  background: url(../images/icon_hg_3.png) no-repeat center/cover;
  position: absolute;
  left: -0.6rem;
  top: -0.6rem;
}

.hbc_help_list .bottom_des {
  margin-top: .75rem;
}

.hbc_help_list .bottom_des .bar_box {
  width: 100%;
  height: .2rem;
  background: #DEDEDE;
}

.hbc_help_list .bottom_des .bar_box .bar_length {
  height: 100%;
  width: 50%;
  background: #CCCCCC;
}

.hbc_help_list .hbc_help_01 .bottom_des .bar_box .bar_length {

  background: #FCD012;
}

.hbc_help_list .hbc_help_02 .bottom_des .bar_box .bar_length {
  background: #C5D3E3;
}

.hbc_help_list .hbc_help_03 .bottom_des .bar_box .bar_length {
  background: #F9A771 !important;
}

.hbc_help_list .bottom_des .how_people {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  margin-top: .25rem;
  vertical-align: middle;

  color: #8E8E8E;
}

.hbc_help_list .bottom_des .how_people>span {
  margin-left: .25rem;
}

.hbc_help_list .bottom_des .how_people>img {
  width: .575rem;
  height: .575rem;
  border-radius: 50%;
  vertical-align: middle;
}

.hbc_help_list .bottom_des .how_people>img:nth-child(2) {
  margin-left: -0.35rem;
}

.hbc_help_list .bottom_des .how_people>img:nth-child(3) {
  margin-left: -0.35rem;
}

.hot_gang_box {
  padding: 0.5rem 0.6rem;
}

.hot_gang_box .hot_gang_title p {

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: .9rem;
}

.hot_gang_box .hot_gang_screen {
  margin-top: 1rem;
  padding-bottom: 1rem;
}

.hot_gang_box .hot_gang_screen span {
  padding: 0.25rem 0.6rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
  line-height: 1rem;

  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: .7rem;
  margin-right: .5rem;
}

.hot_gang_box .hot_gang_screen span.active {

  border: 1px solid #FF8C55;
  color: #FF8C55;
}

.hbc_help_list.hot_gang_list .item_right .main_content .main_user_head span img {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
}

.hbc_help_list.hot_gang_list .item_right .main_content .main_user_head .ranking_mask:after {
  width: .925rem;
  height: .925rem;
  left: -0.4rem;
  top: -0.4rem;
}

.hbc_help_list.hot_gang_list .item_right .main_content .get_dispatch_nums {

  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #F54F2F;
}

.hbc_help_list.hot_gang_list .bottom_des {
  margin-top: .25rem;
}

.hbc_help_list.hot_gang_list .bottom_des .new_answer_content p {

  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
  line-height: .9rem;
  word-break: break-all;
  word-wrap: break-word;
}

.add_drip_tank {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 1001;
  background: #EFEFEF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.6rem;

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
}

.add_drip_tank>div:nth-child(1) {
  margin-right: 2rem;
}

.add_drip_tank>div:nth-child(1) p {

  line-height: .85rem;
}

.add_drip_tank button {

  background: #F5414D;
  border-radius: .25rem;
  padding: 0.25rem 0.6rem;

  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: .875rem;
  border: none;

  white-space: nowrap;
}

.lead_way_head {
  padding: 0.3rem 0.6rem;
  background: #FFF7F4;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FC7A4C;
}

.lead_way_head .icon_close img {
  width: .55rem;
  height: .55rem;
  vertical-align: middle;
}

.lead_way_main .main_banner_box {
  padding: 0.6rem;
}

.lead_way_main .main_banner {
  height: 3.4rem;
  display: block;
  background: url(../images/bg_lead.png) no-repeat center/cover;
}

.membership_list.main_list>li {
  padding: 0 0.6rem;
}

.membership_list.main_list>li>a {
  box-shadow: none;
  padding: 0.5rem 0 !important;
}

.membership_list.main_list>li a {
  border-bottom: 1px solid #EFEFEF;
}

.membership_list.main_list>li.item_hot_gang {
  padding: 0;
  border-top: .25rem solid #EFEFEF;
  border-bottom: .25rem solid #EFEFEF;
}

.btn_lead_way_man {

  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  background: #fff;
  border-radius: .575rem;
  padding: 0.15rem 0.5rem;

  color: #FF8C55;
  border: 1px solid #FF8C55;
}

.btn_lead_way_man.active {
  color: #999999;
  border: 1px solid #CCCCCC;
  background: #fff;
}

.lead_way_billboard {
  white-space: nowrap;
  width: 100%;
  overflow: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem 0;
}

.lead_way_billboard .man_item {
  text-align: center;
  padding: 0.5rem 0.6rem;
}

.lead_way_billboard .man_item .man_head {
  position: relative;
  display: inline-block;
}

.lead_way_billboard .man_item .man_head img {
  width: 2.45rem;
  height: 2.45rem;
  border-radius: 50%;
}

.lead_way_billboard .man_item .man_head .head_mask {

  background: linear-gradient(180deg, #F5414D, #FF8C55);
  border-radius: .35rem;
  font-size: .45rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFEFE;
  padding: 0.01rem 0.05rem;
  position: absolute;
  right: -1rem;
  top: 0.05rem;
}

.lead_way_billboard .man_item .man_name {

  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #636363;
}

.answer_invitation_tabs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #EAEAEA;
}

.answer_invitation_tabs a {
  flex: 1;
  line-height: 2.5rem;

  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
  line-height: 2.5rem;
  text-align: center;
}

.answer_invitation_tabs a span {
  display: inline-block;
  height: 100%;
  position: relative;
}

.answer_invitation_tabs a.active>span {
  border-bottom: .15rem solid #CC3131;

  font-weight: bold;
  color: #2E2E2E;
}

.answer_invitation_tabs .invitation_news_tips {
  position: absolute;
  display: inline-block;
  background: #CC3131;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  text-align: center;
  line-height: 1rem;
  font-size: .45rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  right: -0.6rem;
  ;
  top: 0;
}

.answered_question_item {
  padding: 0.6rem;

  background: #FAFAFA;
}

.small_tips_line {

  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FBD341;
  padding: 0.2rem 0.5rem;
  white-space: nowrap;
  background: #000000;
  opacity: 0.6;
  border-radius: .725rem;
  position: absolute;
  bottom: -1rem;
  left: 1rem;
}

.small_tips_line:after {
  position: absolute;
  display: inline-block;
  content: "";
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-bottom: 0.4rem solid rgba(0, 0, 0, 0.8);
  top: -0.35rem;
  left: 1rem;
}

.membership_tips_line {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FBD341;
  padding: 0.2rem 0.5rem;
  white-space: nowrap;
  background: #000000;
  opacity: 0.6;
  border-radius: .725rem;
  position: absolute;
  left: 50%;
  top: -1.25rem;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
}

.membership_tips_line:after {
  position: absolute;
  display: inline-block;
  content: "";
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-top: 0.4rem solid rgba(0, 0, 0, 0.8);
  bottom: -0.55rem !important;
  left: 50%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
}

.trading_oper_popup {
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
  width: 90%;
  z-index: 1005;
  border-radius: .25rem;
  text-align: center;
}

.trading_oper_popup .popup_head {

  font-size: 1.05rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #C9A974;
  line-height: 1.45rem;
  padding: 0.6rem 0;
}

.trading_oper_popup .popup_des p {

  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  text-align: center;
  line-height: .975rem;
}

.trading_oper_popup .popup_content {

  padding: 0rem 1rem;
}

.trading_oper_popup .popup_des {
  padding: 0.6rem 0;
}

.trading_oper_popup .popup_content>div {
  padding: 0.3rem 0;
  background: #FAFAFA;
}

.trading_oper_popup .popup_content p {
  text-align: center;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #C9A974;
  line-height: .975rem;
  margin-top: 0;
}

.trading_oper_popup .popup_remind {
  padding: 0.5rem 0;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: .975rem;
}

.trading_oper_popup .popup_remind .help_user {

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.trading_oper_popup .popup_remind .help_user img {
  width: .85rem;
  height: .85rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.trading_oper_popup .popup_bottom {
  padding: 0 !important;
  border-top: 1px solid #EFEFEF;
}

.trading_oper_popup .popup_bottom button {
  width: 100%;
  height: 2.5rem;
  background: none;

  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: .975rem;
  border: none;
}

.my_ways_lead_popup {
  position: absolute;
  width: 100%;
  z-index: 1001;
  bottom: 2rem;
  background: #fff;
  height: 20rem;
}

.my_ways_lead_popup .popup_head {
  height: 2.5rem;
  line-height: 2.5rem;
  display: flex;
  padding: 0 0.6rem;
  justify-content: space-between;
  align-items: center;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  border-bottom: .4rem solid #E6E6E6;
}

.my_ways_lead_popup .popup_head .icon_close {
  width: .6rem;
  height: .6rem;
  vertical-align: middle !important;
}

.my_ways_lead_popup .popup_content {
  height: 17.5rem;
  overflow-y: auto;
}

.my_ways_lead_list {
  padding: 0 0.6rem;
}

.my_ways_lead_list li {
  display: flex;
  justify-content: space-between;
  align-content: center;
  padding: 0.725rem 0;
}

.my_ways_lead_list li .item_left span {

  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #2E2E2E;
  vertical-align: middle;
}

.my_ways_lead_list li .item_left .user_head {
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
  vertical-align: middle;

  margin-right: .25rem;
}

.my_ways_lead_list li .item_right button {

  border: 1px solid #FF8C55;
  background: none;
  border-radius: .55rem;
  padding: 0.15rem 0.5rem;

  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FF8C55;
}

.my_ways_lead_list li {
  border-bottom: 1px solid #F0F0F0;
}

.my_ways_lead_list li .item_right button.active {
  background: none;
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;

  border: 1px solid #8E8E8E;
}

.my_ways_lead_popup .popup_bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.6rem;
  width: 100%;
}

.my_ways_lead_popup .popup_bottom button {
  width: 100%;

  height: 2.2rem;
  background: #FF8C55;
  border-radius: .25rem;
  border: none;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.475rem;
}

.my_ways_lead_popup .no_content_show {
  text-align: center;
  padding-top: 2rem;

  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
  line-height: 1.05rem;
}

.my_ways_lead_popup .no_content_show img {
  width: 7.45rem;
  height: 6rem;
  margin-bottom: .725rem;
}

.seek_help_popup {
  padding: 0.725rem 0.6rem;
}

.seek_help_popup .help_popup_content .content_title {

  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FF8C55;
  line-height: 1.05rem;
}

.seek_help_popup .help_popup_content .content_main {
  margin-top: .5rem;
}

.seek_help_popup .help_popup_content .content_main p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
  line-height: 1.05rem;
}

.seek_help_popup .help_popup_btn {
  width: 100%;
  margin-top: 2rem;
}

.seek_help_popup .help_popup_btn button {
  background: #FF8C55;
  border-radius: .25rem;
  height: 2.2rem;
  border: none;
  width: 100%;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.anonymous_area {
  width: auto !important;
  bottom: 3rem;
  right: 0;
}


.absolute_bottom_box {
  position: relative !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.popup_bottom_help_btn {
  background-color: #FF964C;
  outline: 0;
  border: 0;
  color: #fff !important;
}

.invite_guide_line {
  display: flex;
  width: 100%;
  padding: 0 .6rem .25rem 0;
  justify-content: end;
  align-items: center;
}

.invite_guide_line .item_right img {
  width: .7rem;
  height: .6rem;
  vertical-align: middle;
}

.invite_guide_line .item_right span {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
  line-height: 1.05rem;
  margin-left: .25rem;
  vertical-align: middle;
}

































































/*投资学院*/

.investment_index_head {
  padding: 0 0.6rem 0.25rem 0.6rem;
}

.investment_index_tabs .stock_detail_tabs_box a {
  padding-bottom: 0;
}

.investment_index_head .head_bottom {
  margin-top: .5rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.investment_index_head .head_bottom .item_left img {
  width: 4.1rem;
  height: 4.1rem;
  border-radius: .15rem;
}

.investment_index_head .head_bottom .item_left>div>span {
  display: inline-block;
  position: relative;
}

.investment_index_head .head_bottom .item_left>div>span>input {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
}

.investment_index_head .head_bottom .item_right {
  width: 100%;
  margin-left: .5rem;
}

.investment_index_head .head_bottom .item_right .user_head_name {
  vertical-align: middle;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #2E2E2E;
}

.investment_index_head .head_bottom .item_right .user_mask {
  vertical-align: middle;
  display: inline-block;
  height: 1rem;
  line-height: 1.05rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  background: #FF8366;
  position: relative;
  padding: 0 0.1rem;
  border-radius: .075rem;
  overflow: visible;
}

.investment_index_head .head_bottom .item_right .user_mask:before {
  display: inline-block;
  content: "";
  position: absolute;
  left: -0.3rem;
  top: 0.25rem;
  border-right: 0.3rem solid #FF8366;
  border-top: 0.25rem solid transparent;
  border-bottom: 0.25rem solid transparent;
}

.investment_index_head .head_bottom .item_right .personal_progress_bar {
  width: 80%;
  margin-top: .375rem;
}

.investment_index_head .head_bottom .item_right .personal_progress_bar .bar_name {
  position: absolute;
  z-index: 1;
  display: inline-block;
  height: .9rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0 .3rem;
  line-height: .9rem;
  border-radius: .2rem;
}

.investment_index_head .head_bottom .item_right .personal_progress_bar .bar_name.bg_gray {
  background: #8E8E8E;
  font-weight: bold;
  color: #FFFFFF;
}

.investment_index_head .head_bottom .item_right .personal_progress_bar .bar_title img {
  width: .6rem;
  height: .6rem;
  vertical-align: middle;
}

.investment_index_head .head_bottom .item_right .personal_progress_bar .bar_title span {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  vertical-align: middle;
  margin-left: .25rem;
}

.investment_index_head .head_bottom .item_right .personal_progress_bar .bar_content {
  position: relative;

  border-radius: .2rem;
  height: .9rem;
  background: #E7E7E7;
}

.investment_index_head .head_bottom .item_right .personal_progress_bar .bar_content .bar_tips {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: .2rem;
}

.investment_index_head .head_bottom .item_right .personal_progress_bar.investment_power_bar .bar_content .bar_tips {
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg, #FF9E66, #FF6667);
}

.investment_index_head .head_bottom .item_right .personal_progress_bar.effect_bar .bar_content .bar_tips {
  height: 100%;
  width: 60%;
  background: linear-gradient(90deg, #029FFF, #0D85FC);
}

.flex_box {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.flex_box .flex_cell {
  white-space: nowrap;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.flex_box .flex_cell:last-child {
  margin-left: .5rem;
  /*font-size:100%;*/
  text-align: center
}

.flex_box .flex_cell:first-child {
  -webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  margin-left: 0;
  font-size: inherit;
  text-align: left
}

.increase_investment_list {
  padding: 0.6rem;
}

.increase_investment_list>li:not(:first-child) {
  margin-top: .5rem;
}

.increase_investment_list>li>a {
  padding: 0.725rem 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.6rem;
  background: #FFFFFF;
  box-shadow: 0.05rem 0.075rem 0.25rem 0px rgba(0, 0, 0, 0.1);
  border-radius: .25rem;
}

.increase_investment_list>li .item_left .left_img {
  margin-right: .5rem;
}

.increase_investment_list>li .item_left .left_img img {
  width: 1.65rem;
  height: 1.65rem;
  vertical-align: middle;
}

.increase_investment_list>li .item_left .left_text .text_title span {
  vertical-align: middle;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.increase_investment_list>li .item_left .left_text .text_content {

  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.tz_completion_sign {
  width: .725rem;
  height: .95rem;
  vertical-align: middle;
  margin-left: .25rem;
}

.tz_conduct_sign {
  padding: 0.01rem 0.25rem !important;
  font-size: .5rem !important;
  vertical-align: middle !important;
  color: #fff !important;
  background: #04b235 !important;
  border-radius: .5rem;
  margin-left: .25rem;
}

.btn_tz_state {
  border: none;
  border-radius: .7rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  padding: 0.3rem 0.8rem;
}

.btn_tz_completion {


  background: linear-gradient(90deg, #029FFF, #0D85FC);
  box-shadow: .05rem .075rem .6rem 0px rgba(21, 76, 129, 0.15);
}

.btn_tz_conduct {

  background: #04b235 !important;
}

.btn_tz_not_started {

  background: linear-gradient(90deg, #AFAFAF, #8E8E8E);
  box-shadow: .025rem .05rem .4rem 0px rgba(116, 116, 116, 0.31);
}

.fixed_bottom_get_btn {
  padding: 0.35rem 0;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  text-align: center;
  background: #EFEFEF;
}

.fixed_bottom_get_btn .top_text {

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: .85rem;
}

.fixed_bottom_get_btn .bottom_btn {
  margin-top: .25rem;
}

.fixed_bottom_get_btn .bottom_btn button {

  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: .875rem;
  background: #F5414D;
  border-radius: .25rem;
  border: none;
  padding: 0.25rem 1rem;
}

.rm_sp_head {
  background: url(../images/bg_rm_sp_head.png) no-repeat center -0.1rem/cover;
  color: #fff;
  padding: 1rem 0.6rem;
  padding-bottom: 1.6rem;
}

.rm_sp_head .head_main_content {
  margin-top: .25rem;
  padding: 0.5rem 0.6rem;
  background: linear-gradient(180deg, #FFFFFF, rgba(250, 250, 250, 0.6));
  box-shadow: .1rem .15rem .725rem 0px rgba(114, 114, 114, 0.25);
  position: relative;
  border-radius: .25rem;
  display: flex;
  align-items: center;
}

.rm_sp_head .head_main_content .live_tips {
  width: 2.725rem;
  height: .975rem;
  position: absolute;
  right: 0.25rem;
  top: 0.25rem;
}

.rm_sp_head .head_main_content .left_img img {
  width: 1.95rem;
  height: 1.95rem;
  border-radius: 50%;
}

.rm_sp_head .head_main_content .right_text .text_top {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.rm_sp_head .head_main_content .right_text {
  margin-left: .25rem;
}

.rm_sp_head .head_main_content .right_text .text_bottom {

  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.rm_sp_head .head_bottom_tips {
  margin-top: .5rem;
}

.rm_sp_head .head_bottom_tips p {
  line-height: .9rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFF3F3;
}

.head_bottom_tips .tips_horn {
  width: .675rem;
  height: .6rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.rm_sp_head .user_msg img {
  width: .85rem;
  height: .85rem;
  border-radius: 50%;
  vertical-align: middle;
}

.rm_sp_head .user_msg span {

  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  margin-left: .125rem;
}

.rm_sp_head .user_mask {

  font-size: .45rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #B35C48;
  background: #FFE9E4;
  border-radius: .15rem;
  padding: 0.01rem 0.03rem;
  margin-left: .25rem;
}

.rm_sp_content {
  padding: 0.6rem;
}

.class_task_title .title_main {

  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  vertical-align: middle;
}

.class_task_title .dyna_pet {
  width: 1.3rem;
  height: 1.225rem;
  vertical-align: middle;
  margin-left: .25rem;
}

.class_task_title .title_img {
  width: .7rem;
  height: .7rem;
  vertical-align: middle;
  margin-left: .125rem;
}

.class_task_title .title_des {
  margin-left: .25rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
  vertical-align: bottom;
}

.class_task_title .title_des_tips {
  position: relative;
  top: -0.5rem;
  background: #FF9066;
  border-radius: .475rem;
  padding: 0.1rem 0.3rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.class_task_title .title_des_tips>img {
  position: absolute;
  width: .45rem;
  height: .425rem;
  left: -0.2rem;
  bottom: 0.1rem;
}

.task_video_list .item_title span {

  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  margin-left: .5rem;
}

.task_video_list .item_title {
  position: relative
}

.task_video_list .item_title:before {
  content: "";
  display: inline-block;
  width: .35rem;
  height: .45rem;
  vertical-align: middle;
  background: url(../images/icon_sp_jdt.png) no-repeat center/cover;
}

.task_video_list .item_content {
  padding: 0.5rem 0.6rem 1rem 0.85rem;
  border-left: 1px solid #EAEAEA;
  overflow-x: auto;
  width: 100%;
  white-space: nowrap;
}

.task_video_list .item_content .video_part {
  width: 30%;
  height: 3.2rem;
  display: inline-block;
  border-radius: .15rem;
  position: relative;
  margin-right: .25rem;
}

.task_video_list .item_content .video_part .video_img {
  width: 100%;
  height: 100%;
  border-radius: .15rem;
}

.task_video_list .item_content .video_part .video_bf_img {
  width: 1.325rem;
  height: 1.325rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
  z-index: 2;
}

.task_video_list .item_content .video_part .video_stu_mask {
  position: absolute;
  left: 0;
  top: 0;

  font-size: .45rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.4);
  border-radius: .075rem;
  padding: 0.05rem 0.2rem;
  z-index: 2;
}

.task_video_list .item_content .video_part .video_stu_mask span {
  opacity: 0.7
}

.task_video_list .item_content .video_part .video_stu_mask img {
  width: .45rem;
  height: .45rem;
  margin-right: 0.125rem;
}

.task_video_list .item_content .video_part .img_mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.task_video_list .item_content .video_part .video_des {
  padding: 0.05rem 0.2rem;


  font-size: .45rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  opacity: 0.7;
}

.rm_sp_bottom {
  padding: 0.7245rem 0.6rem;
  border-top: .25rem solid #EAEAEA;
}

.class_task_title .title_sz_img {
  margin-left: 0.125rem;
  width: .775rem;
  height: .7rem;
  vertical-align: middle;
}

.style_test_item {
  background: url(../images/bg_rm_sp_bottom.png) no-repeat center/cover;
  padding: 1rem;
  border-radius: .25rem;
  margin-top: .5rem;
}

.style_test_item div p {
  text-align: left;

  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.15rem;
}

.style_test_item .what_means_tips {
  margin-top: .5rem;
}

.style_test_item .what_means_tips a {

  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  text-decoration: underline;
  color: #8E8E8E;
  line-height: 1.4rem;
}


.style_test_item div button {
  margin-top: .5rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  border: none;
  border-radius: .8rem;
  background: #FF6A31;
  border-radius: .8rem;
  padding: 0.25rem 0.5rem;
}

.style_test_item div button span {
  vertical-align: middle;
}

.style_test_item div button img {
  vertical-align: middle;
  margin-left: .25rem;
  width: .65rem;
  height: .65rem;
}

.btn_per_assistant {
  padding: 0 0.2rem;
  display: inline-block;
  height: 1rem;
  background: #e4f3ff;

  border-radius: .475rem;
  line-height: 0.8rem;
}

.btn_per_assistant img {
  width: .75rem;
  height: .6rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.btn_per_assistant span {

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #0D85FC;

  vertical-align: middle;
}

.btn_assistant_send {

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  background: #F5414D;
  border-radius: .15rem;
  border: none;
  padding: 0.1rem 0.6rem;
}

.individual_stock_list_box {
  background: #fff;
  padding: 0.6rem;
}

.stock_list_screen>span {
  padding: 0.15rem 0.5rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  border: 1px solid #CCCCCC;
  border-radius: .15rem;
  margin-right: .5rem;
}

.stock_list_screen>span.active {
  border: none;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #F5414D;
  background: #FFE4E4;
  border-radius: .15rem;
}

.individual_stock_list>li {
  padding: 0.5rem 0.6rem;
  margin-top: .5rem;

  background: #FFFFFF;
  border: 1px solid #DBDBDB;
  border-radius: .15rem;
}

.btn_use_stock {
  width: 2.5rem;
  margin-left: .5rem;
  white-space: nowrap;
  padding: 0.03rem 0.4rem;
  background: none;
  border: 1px solid #8E8E8E;
  border-radius: .475rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.list_item_text p {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: .8rem;
}

.write_comment_box .comment_box_top {
  background: #fff;
  height: 40%;
}

.write_comment_box .comment_box_bottom {
  height: 60%;
}

.stock_list_screen {
  height: 10%;
}

.stock_list_content {
  height: 90%;
}

.write_comment_box .comment_box_bottom ul {
  height: 100%;
  overflow-y: auto;
}

.anonymous_checkbox_select {
  padding: 0 0.7rem;
  display: inline-block;
  height: 1rem;
  background: #e4f3ff;
  border-radius: .475rem;
  line-height: 0.8rem;
  position: relative;
}

.anonymous_checkbox_select span {

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.anonymous_checkbox_select input {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.anonymous_checkbox_select input~i {
  width: .5rem;
  height: .5rem;
  border: 1px solid #CCCCCC;
  border-radius: .25rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.125rem;
}

.anonymous_checkbox_select input:checked~i {
  background: url(../images/radio_blue_checked.png) no-repeat center/.5rem;
  border: none;
}

.anonymous_checkbox_select input:checked~span {
  color: #0C88FC;
}

.anonymous_checkbox_select i,
.anonymous_checkbox_select span {
  vertical-align: middle;
}

.assistant_tabs {
  display: flex;
  justify-content: space-between;
}

.assistant_tabs>a {

  padding: 0.3rem 0;
  text-align: center;
  width: 49%;
  border-radius: .25rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #2E2E2E;

  background: #EFEFEF;
}

.assistant_tabs>a span {
  vertical-align: middle;
}

.assistant_tabs>a.active {

  font-weight: bold;
  color: #F5414D;
  background: #FFE4E4;
}

.assistant_tabs>a.active:before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: .95rem;
  vertical-align: middle;
  margin-right: .125rem;
  background: url(../images/icon_stock_ti.png) no-repeat center/cover;
}

.assistant_search_stock input {
  width: 80%;
  height: 2rem;

  background: #F5F4F9;
  border: 1px solid #CCCCCC;
  border-radius: .25rem;
  padding: 0 0.6rem;
  padding-right: 2rem;
  vertical-align: middle;
}

.assistant_search_stock button {
  border: none;
  width: 18%;
  margin-left: 2%;
  height: 2rem;
  vertical-align: middle;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  background: #F5414D;
  border-radius: .25rem;
}

.stock_detail_out_container {
  padding-top: .5rem;
  margin-top: -1rem;
  border-radius: .5rem .5rem 0 0;
  background: #fff;
}

.class_task_list li:not(:last-child) {
  border-bottom: 1px solid #EFEFEF;
}

.class_task_list li>a {
  display: flex;
  padding: 0.725rem 0;
  justify-content: space-between;
}

.class_task_list li>a>div:nth-child(1) {

  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.class_task_list li>a>div:nth-child(1) img {
  width: .65rem;
  height: .65rem;
  vertical-align: middle;
}

.class_task_list li>a>div:nth-child(2) {

  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
}

.class_task_list li>a>div:nth-child(1) span {
  margin-right: .125rem;
  vertical-align: middle;
}

.class_task_list li>a>div:nth-child(1):before {
  content: "";
  display: inline-block;
  width: .7rem;
  margin-right: .25rem;
  height: .7rem;
  vertical-align: middle;
  background: url(../images/icon_black_bofang.png) no-repeat center/cover;
}

.leaving_message_list {
  padding: 0 0.6rem;
}

.leaving_message_list li {
  padding: 0.725rem 0;
  border-bottom: 1px solid #EFEFEF;
}

.leav_identification {
  margin-left: .25rem;
  background: #FF6F67;
  border-radius: .075rem;
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  padding: 0.01rem 0.2rem;
}

.video_play_detail_box .box_video {
  width: 100%;
  height: 10rem;
}

.video_play_detail_box .box_des {
  padding: 0.725rem 0.6rem;
  border-bottom: 1px solid #EFEFEF;
}

.video_play_detail_box .box_des img {
  width: .85rem;
  height: .825rem;
  vertical-align: middle;
}

.actual_combat_report {
  padding: 0.6rem;
  position: relative;
}

.actual_combat_report .report_head {
  padding: 0.6rem;
  background: #FF6F67;
  text-align: center;
  border-radius: .25rem;
}

.actual_combat_report .report_head .report_date {
  line-height: 1;
  margin-top: .5rem;
  text-align: center;
  font-size: .45rem;
  color: #fefefe;
}

.actual_combat_report .report_head>div {

  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.report_item_head {
  padding: 0.725rem 0.6rem;
}

.font_vertical_red:before {
  content: '';
  display: inline-block;
  width: .15rem;
  height: .75rem;
  vertical-align: middle;
  background: #F5414D;
  margin-right: .125rem;
}

.font_vertical_red strong {
  vertical-align: middle;
}

.selection_item {
  position: relative;
}

.selection_item input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.selection_item input[type="checkbox"]~i {
  display: inline-block;
  width: .6rem;
  height: .6rem;
  vertical-align: middle;

  border-radius: .15rem;
  border: 1px solid #CCCCCC;
}

.selection_item input[type="checkbox"]:checked~i {
  border: none;
  background: url(../images/agree-icon.png) no-repeat center center/.7rem;
}

.selection_item span {
  margin-left: .25rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
  vertical-align: middle;
}

.tz_style_items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .725rem;
}

.tz_style_items>span {
  padding: 0.2rem 0.5rem;
  background: #F4F6FA;
  border: 1px solid #DEDEDE;
  border-radius: .25rem;

  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.tz_style_items>span.active {
  border: none;
  background: #F5414D;

  color: #FFFFFF;
}

.red_border_item {
  border-bottom: 1px solid #FFB0AB;
  background: #FFF7F6;
  border-top: 1px solid #FFB0AB;
}

.report_inner_item {
  padding: 0 0 0 0.6rem;
}

.stock_position_input {
  text-align: center;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  width: 3.2rem;
  background: #F4F6FA;
  border: 1px solid #DEDEDE;
  border-radius: .25rem;
}

.input_text_select_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.input_text_select_box>div:nth-child(1) {
  flex: 2.5;

  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
}

.input_text_select_box>div:nth-child(2) {
  flex: 7.5;
  margin-left: .25rem;
}

.input_text_select_box .topic_link {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.6rem;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  background: #F4F6FA;
  border: 1px solid #DEDEDE;
  border-radius: .25rem;
  height: 1.55rem;
}

.input_text_select_box .topic_link img {
  width: .275rem;
  height: .5rem;
}

.input_text_select_box .topic_textarea textarea {
  width: 100%;
  height: 5.65rem;
  background: #F4F6FA;
  border: 1px solid #DEDEDE;
  border-radius: .25rem;
  padding: 0.6rem;
  font-size: .75rem;
  resize: none;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.05rem;
}

.report_inner_item.border_b_item {
  padding-bottom: .725rem;
  border-bottom: 1px solid #EFEFEF;
}

.input_text_select_box .topic_input_box {
  padding: 0 0.6rem;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  background: #F4F6FA;
  border: 1px solid #DEDEDE;
  border-radius: .25rem;
  height: 1.55rem;
  width: 100%;
}

.proposal_buy_input_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.proposal_buy_input_box>div:nth-child(1) {
  width: 30%;

  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
}

.proposal_buy_input_box>div:nth-child(2) {
  width: 70%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.proposal_buy_input_box>div:nth-child(2) input {
  text-align: center;
  height: 1.6rem;
  background: #F4F6FA;
  border: 1px solid #DEDEDE;
  width: 30%;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  border-radius: .25rem;
  padding: 0 0.6rem;
}

.proposal_buy_input_box>div:nth-child(2) span {
  width: 25%;
  text-align: center;
}

.proposal_buy_input_box>div:nth-child(2) a {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-left: .5rem;
  background: url(../images/icon_input_area.png) no-repeat center/.925rem .8rem;
}

.stop_loss_profit_box {
  display: flex;
}

.stop_loss_profit_box>div:nth-child(1) {
  width: 30%;
  letter-spacing: 0.18rem;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
}

.stop_loss_profit_box>div:nth-child(2) {
  width: 70%;
}

.stop_loss_profit_box>div:nth-child(2) input {
  width: 100%;
  height: 1.6rem;
  padding: 0 0.6rem;
  background: #F4F6FA;
  border: 1px solid #DEDEDE;
  border-radius: .25rem;
}

.stocks_analysis_head {

  position: relative;
  padding: 0 0.6rem;
  padding-top: 1rem;
  padding-bottom: 0.6rem;
  background: url(../images/bg-style-top.png) no-repeat center/cover;
}

.stocks_analysis_content {
  border-radius: .5rem .5rem 0 0;
  margin-top: -1rem;
  padding-top: 0.5rem;
  background: #fff;
}

.border_top_none {
  border-top: none !important;
}

.report_inner_item .bg_gray_text {
  margin-top: .5rem;
}

.report_inner_item .bg_gray_text textarea {
  padding: 0.6rem;
  background: #F4F6FA;
  border: 1px solid #DEDEDE;
  border-radius: .25rem;
  width: 100%;
  resize: none;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.05rem;
}

.gg_sub_options_list li label {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0.5rem 0.6rem;
}

.gg_sub_options_list li {
  margin-bottom: 0.4rem;
}

.gg_sub_options_list li label>div:nth-child(1) {
  margin-right: .5rem;
}

.gg_sub_options_list li label>div:nth-child(1) i {
  vertical-align: inherit !important;
}

.gg_sub_options_list li label>div:nth-child(2) {
  width: 100;
}

.gg_sub_options_list li label>div:nth-child(2) p {

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
}

.bg_gray {
  background: #F4F6FA;
}

.gg_sub_options_list>li {
  margin-left: 0 !important;
}

.gg_sub_options_list .check_more_list {
  color: #0C88FC;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  background: none !important;
}

.gg_sub_options_list .check_more_list span {
  vertical-align: middle;
  margin-right: 0.125rem;
}

.gg_sub_options_list .check_more_list img {
  vertical-align: middle;
  width: .525rem;
  height: .3rem;
  vertical-align: middle;
}

.bg_fafa {
  background: #FAFAFA;
}

.practical_exercises_tabs {
  display: flex;
  background: #fff;
}

.practical_exercises_tabs a {
  flex: 1;
  display: inline-block;
  height: 2rem;
  background: #FFFFFF;
  border: 1px solid #F5414D;
  border-radius: .15rem;
  line-height: 2rem;
  text-align: center;

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #F5414D;
}

.practical_exercises_tabs a:nth-child(1) {
  border-radius: .15rem 0 0 .15rem;
}

.practical_exercises_tabs a:nth-child(2) {
  border-radius: 0 .15rem .15rem 0;
}

.practical_exercises_tabs a.active {

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  background: #F5414D;
}

.practical_any_list li {
  background: #FFFFFF;
  border: 1px solid #EAEAEA;
  box-shadow: 0px .05rem .4rem 0px rgba(0, 0, 0, 0.08);
  border-radius: .25rem;
}

.practical_any_list li a {
  display: block;
  padding: 1.5rem 0.6rem 0.6rem 0.6rem;
  position: relative;
}

.practical_any_list li a .item_title_mask {

  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  background: #F5414D;
  box-shadow: 0px .05rem .175rem 0px rgba(255, 2, 19, 0.19);
  border-radius: .25rem;
  padding: 0.05rem 0.2rem;
  position: absolute;
  left: 0;
  top: 0;
}

.practical_any_list li {
  margin-top: .5rem;
}

.practical_any_list li .list_item_bottom {
  text-align: center;
  padding: 0.725rem 0;
  border-top: 1px solid #EFEFEF;
}

.practical_any_list li .list_item_bottom button {
  width: 60%;
  height: 1.45rem;
  border: 1px solid #F5414D;
  border-radius: .725rem;
  background: none;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #F5414D;
}

.practical_any_list li a .item_main_detail {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.practical_any_list li a .item_main_detail .left_part img {
  width: 2.05rem;
  height: 2.05rem;
  border-radius: .25rem;
}

.practical_any_list li a .item_main_detail .right_part {
  margin-left: .25rem;
}

.practical_any_list li a .item_main_detail .right_part .part_top {

  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.practical_any_list li a .item_main_detail .right_part .part_bottom {

  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
}

.share_comments_box {
  width: 100%;
  padding: 0.725rem 0.6rem;
  background: #fff;
  position: fixed;
  left: 0;
  bottom: 0;

  box-shadow: 0px -.1rem .575rem 0px rgba(0, 0, 0, 0.08);
  border-radius: .75rem .75rem 0 0;
}

.share_shock_item {
  padding: 0.01rem 0.1rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #F5414D;
  background: #FFE7E9;
  border-radius: .15rem;
  margin-left: .25rem;
}

.no_practical_any {
  text-align: center;
  padding-top: 5rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.no_practical_any img {
  width: 5.025rem;
  height: 4.525rem;
}

.btn_be_analyzed {
  background: none;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #F5414D;
  height: 1.25rem;
  border: 1px solid #F5414D;
  border-radius: .15rem;
  padding: 0.01rem 0.2rem;
}

.right_fixed_red_item {
  padding: 0.25rem 0.6rem;
  position: fixed;
  right: 0;
  bottom: 2rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  background: #F5414D;
  box-shadow: 0px .05rem .4rem 0px rgba(255, 0, 17, 0.16);
  border-radius: .7rem 0 0 .7rem;
}

.btn_be_analyzed.active {
  border: 1px solid #CCCCCC;
  color: #8E8E8E;
}

.analysis_head_line {
  padding: 0.25rem 0.6rem;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.analysis_head_line img {
  width: .9rem;
  height: .9rem;
  vertical-align: middle;
  border-radius: 50%;
  margin-right: .25rem;
}

.analysis_head_line span {
  vertical-align: middle;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.span_reporter {
  background: rgba(0, 0, 0, 0.1);

  border-radius: .075rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.quick_evaluation_popup {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #fff;
  padding: 0.6rem;

  box-shadow: 0px -.15rem .4rem 0px rgba(57, 3, 7, 0.18);
  border-radius: .5rem .5rem 0 0;
}

.quick_evaluation_popup .popup_head {

  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.quick_evaluation_popup .popup_head img {
  width: 1.425rem;
  height: 1.4rem;
  margin: 0 0.5rem;
}

.quick_evaluation_popup .content_bottom_user {
  text-align: right;
}

.quick_evaluation_popup .content_bottom_user span {

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.quick_evaluation_popup .content_bottom_user>span {
  margin-right: .125rem;
}

.quick_evaluation_popup .content_bottom_user img {
  width: .9rem;
  height: .9rem;
  border-radius: 50%;
  margin-right: .125rem;
}

.quick_evaluation_popup .popup_bottom {
  margin-top: 1.25rem;
}

.quick_evaluation_popup .popup_bottom button {
  border: none;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  height: 2.2rem;
  background: #F5414D;
  border-radius: .25rem;
  width: 100%;
}

.my_report_list {
  padding: 0.6rem;
}

.my_report_list>li {

  background: #FFFFFF;
  border: 1px solid #EAEAEA;
  box-shadow: 0px .05rem .4rem 0px rgba(0, 0, 0, 0.08);
  border-radius: .25rem;
}

.my_report_list>li>a {
  display: block;
  padding: 0.6rem;
  position: relative;
}

.my_report_list .report_man_line span {

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  vertical-align: middle;
}

.my_report_list .report_man_line span img {
  width: .9rem;
  height: .9rem;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: .125rem
}

.my_report_list>li:not(:first-child) {
  margin-top: .5rem;
}

.my_report_list .item_right_share_box {
  position: absolute;
  right: 0.6rem;
  top: 0.6rem;
}

.my_report_list .item_right_share_box button {
  width: 3.225rem;
  height: 1.45rem;
  border: 1px solid #F5414D;
  border-radius: .725rem;
  background: none;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #F5414D;
}

.excellent_report_list>li>a {
  padding: 0.3rem 0.35rem;
}

.excellent_report_out_box {
  padding-top: 1.6rem;
  background: url(../images/bg_head_tz_report.png) no-repeat center/cover;
}

.excellent_report_out_box .box_title {
  padding: 0 0.6rem;

  font-size: 1.5rem;
  font-family: Tensentype RuiHeiJ-W5;
  font-weight: bold;
  color: #FFFFFF;

  background: linear-gradient(0deg, #FFE0D2 0%, #FFFFFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.excellent_report_list .excellent_top {
  position: absolute;
  right: -0.35rem;
  top: 0.25rem;
  border-radius: .15rem;
  padding: 0.01rem 0.2rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  box-shadow: 0px .05rem .15rem 0px rgba(57, 3, 7, 0.17);
}

.excellent_report_list .excellent_top.top_01 {

  background: #FFBC0C;
}

.excellent_report_list .excellent_top.top_02 {


  background: #F5AC36;
}

.excellent_report_list .excellent_top.top_03 {


  background: linear-gradient(170deg, #FF9364, #FD6828);
}

.report_wall_list_item {
  text-align: left;
  background: #FFFFFF;
  position: relative;
  padding-top: .75rem;
  border: 1px solid #EAEAEA;
  box-shadow: 0px .075rem .4rem 0px rgba(0, 0, 0, 0.08);
  border-radius: .25rem;
  display: block;
  padding-bottom: 2rem;
}

.report_wall_list_item .click_good_bad_box {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0.6rem;
  z-index: 1;
  text-align: right;
  padding: 0 0.6rem;
}

.report_wall_list_item>div:nth-child(1) {
  line-height: 1
}

.report_wall_list_item>div:nth-child(2) {
  line-height: 1
}

.share_img_save_popup {
  position: absolute;
  top: 3rem;
  width: 90%;
  left: 5%;
  z-index: 1001;
  text-align: center;
}

.share_img_save_popup>img {
  max-width: 100%;
  height: auto;
}

.right_fixed_click_btn {
  position: absolute;
  text-align: center;
  line-height: 2.2rem;
  right: 0;

  bottom: 1rem;
  width: 2.725rem;
  height: 2.2rem;
  background: #FFFFFF;
  box-shadow: 0px 0px .275rem 0px rgba(0, 0, 0, 0.15);
  border-radius: 1.1rem 0 0 1.1rem;
}

.assistant_search_stock {
  position: relative;
}

.assistant_search_stock .icon_del_content {
  position: absolute;
  right: 24%;
  top: 0.5rem;
  width: 1rem;
  height: 1rem;
}

.publish_scu_head {
  text-align: center;
  padding-top: 3rem;
}

.publish_scu_head .head_img {
  width: 7.5rem;
  height: 6.2rem;
}

.text_head_box_line {

  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
}

.text_head_box_line .text_head_content {
  padding: 0 2rem;
  color: #2e2e2e;
  font-size: .8rem;
  text-align: center;
  margin-top: 0;
}

.text_head_box_line span {

  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: 500;
  margin: 0 0.125rem;
  color: #2E2E2E;
  vertical-align: bottom;
}

.text_head_box_line span img {
  width: 1.3rem;
  height: 1.3rem;
  vertical-align: middle;
  margin-right: 0.125rem;
  border-radius: 50%;
}

.download_app_tips {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 1rem 0.6rem;
  width: 100%;
}

.download_app_tips>div {
  width: 100%;
  padding: 1rem 0;
  text-align: center;
  background: #FFFDFC;
  border: 1px solid rgba(202, 176, 155, 0.48);
  box-shadow: 0px .25rem .775rem 0px rgba(0, 0, 0, 0.12);
  border-radius: .25rem;
}

.download_app_tips .tips_head {
  display: flex;
  justify-content: center;
  align-items: center;
}

.download_app_tips .tips_head>div {
  text-align: left;
}

.download_app_tips .tips_head>div>img {
  width: 2.2rem;
  height: 2.2rem;
}

.download_app_tips .tips_bottom {

  padding: 0 1.8rem;
  padding-top: 1rem;
}

.download_app_tips .tips_bottom button {
  line-height: 1.8rem;
  background: #F5414D;
  border-radius: 36px;
  width: 100%;
  border: none;

  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.topic_screen_popup {
  background: #fff;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 60%;
  z-index: 1002;
}

.topic_screen_popup .popup_head {
  background: #EFEFEF;
  padding: 0.35rem 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 15%;
}

.topic_screen_popup .popup_head div:nth-child(1) {
  flex: 9;
}

.topic_screen_popup .popup_head div:nth-child(1) input {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  height: 1.95rem;
  border-radius: .25rem;
  padding: 0 0.6rem;
}

.topic_screen_popup .popup_head div:nth-child(2) {
  flex: 1;
  text-align: right;
}

.topic_screen_popup .popup_head div:nth-child(2) img {
  width: .55rem;
  height: .55rem;
}

.topic_screen_popup .popup_content {
  height: 85%;
  display: flex;
}

.topic_screen_popup .popup_content>div:nth-child(1) {
  flex: 2.5;
}

.topic_screen_popup .popup_content>div:nth-child(2) {
  flex: 7.5;
}

.topic_screen_popup .popup_content>div:nth-child(1) ul {
  height: 100%;
  overflow-y: auto;
  background: #EFEFEF;
}

.topic_screen_popup .popup_content>div:nth-child(1) ul li {
  width: 100%;
  padding: 0.5rem 0;
  font-size: .7rem;
  text-align: center;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.topic_screen_popup .popup_content>div:nth-child(1) ul li.active {

  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #F5414D;
  background: #fff;
}

.topic_screen_popup .popup_content>div:nth-child(2) {
  padding: 0.725rem 1rem;
}

.topic_screen_popup .popup_content>div:nth-child(2) .main_content {
  margin-top: .5rem;
}

.topic_screen_popup .popup_content>div:nth-child(2) .main_content p {

  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 1.05rem;
}

.topic_screen_popup .popup_content>div:nth-child(2) .main_btn {
  margin-top: 4rem;
  text-align: right;
}

.topic_screen_popup .popup_content>div:nth-child(2) .main_btn button {
  width: 3.25rem;
  height: 1.5rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  background: #F5414D;
  border-radius: .25rem;
  border: none;
}

.topic_screen_popup .popup_content .no_message_show {
  text-align: center;
  padding-top: 3rem;
}

.topic_screen_popup .popup_content .no_message_show img {
  width: 5.025rem;
  height: 4.525rem;
}

.topic_screen_popup .popup_content .no_message_show p {
  padding: 0 3rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  margin-top: 2rem;
  color: #8E8E8E;
}

.small_text_head_img {
  width: .85rem;
  height: .85rem;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: .125rem;
}

.scroll_message_ba_swiper {
  display: flex;
  flex-wrap: nowrap;
  position: absolute;
  left: 0;
  top: 0px;
  white-space: nowrap;
  height: 100%;
}

.scroll_message_ba_swiper>div:not(:first-child) {
  margin-left: .5rem;
}

.scroll_message_ba_swiper_container {
  position: relative;
  overflow: hidden;

  height: 2.25rem;
  line-height: 2.25rem;
  margin: 0;
}

.tz_yxy_container {
  height: 100%;
  background: #FF8922;
}

.background_ff8 {
  background: #FF8922;
}

.tz_yxy_container .yxy_head img {
  width: 100%;
  height: auto;
}

.tz_yxy_container .yxy_content {
  width: 92%;
  margin: 0 auto;
  background: #FFFFFF;
  box-shadow: 0px .075rem .525rem 0px rgba(0, 0, 0, 0.23);
  border-radius: .5rem;
  margin-top: -7.5rem;
  position: relative;
  padding: 0 0.6rem;
  padding-bottom: 0.6rem;
  min-height: 72%;
}

.tz_yxy_container .yxy_content .content_title {
  width: 100%;
  text-align: center;
  height: 1.775rem;

  font-size: 1rem;
  font-family: Source Han Sans CN;
  font-weight: 1000;
  color: #FFFFFF;
  line-height: 1.775rem;
  background: linear-gradient(180deg, #F4AB00, #EFC564);
  box-shadow: 0px .225rem .4rem 0px rgba(0, 0, 0, 0.1);
}

.tz_yxy_container .yxy_content .content_main ul li {
  display: flex;
}

.tz_yxy_container .yxy_content .content_main ul li {
  padding: 0.625rem 1rem;
  border-bottom: 1px solid #EFEFEF;
  position: relative;
}

.tz_yxy_container .yxy_content .content_main ul li .left_part {

  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  white-space: nowrap;

  color: #2E2E2E;
}

.tz_yxy_container .yxy_content .content_main ul li .right_part {
  margin-left: .75rem;
}

.tz_yxy_container .yxy_content .content_main ul li .right_part input {
  border: none;
  width: 6.5rem;
}

.tz_yxy_container .yxy_content .content_main ul li .part_right_code {
  position: absolute;
  right: 0.6rem;
  top: 0.725rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #490301;
  border: 1px solid #490301;
  border-radius: .15rem;
  padding: 0.1rem 0.25rem;
  white-space: nowrap;
}

.tz_yxy_container .yxy_content .get_service_user_msg {
  text-align: center;
}

.tz_yxy_container .yxy_content .get_service_user_msg img {
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 50%;
}

.tz_yxy_container .yxy_content .content_bottom button {
  border: none;

  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #490301;
  height: 2.2rem;
  background: linear-gradient(180deg, #FFB403, #FCD987);
  box-shadow: 0px .1rem .35rem 0px rgba(0, 0, 0, 0.16);
  border-radius: 1.1rem;
  width: 100%;
}

.pet_customized_popup {
  width: 94%;
  bottom: 3.8rem;
  position: absolute;
  left: 3%;
  z-index: 999;
  background: #fff url(../images/index_jiaxingwu.png) no-repeat 0.6rem 0.2rem/2.75rem 3.475rem;
  border: 1px solid #F8C0BE;
  box-shadow: 0px .175rem .375rem 0px rgba(253, 105, 64, 0.43);
  border-radius: .25rem;
  padding: 0.6rem 0;
  padding-left: 3.5rem;
  padding-right: 0.6rem;
}

.pet_customized_popup p {
  font-size: .675rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
  line-height: 1.025rem;
}

.to_my_page_check_popup {
  z-index: 1002;
  position: absolute;
  width: 94%;
  left: 3%;
  background: #fff;
  top: 20%;
  text-align: center;
  padding: 0.725rem 0.6rem;
  border-radius: .25rem;
}

.publish_scu_head .enlist_tips {
  padding: 0 2rem;
  margin-top: .5rem;
}

.publish_scu_head .enlist_code_box {
  margin-top: 1rem;
}

.publish_scu_head .enlist_code_box .code_box {
  width: 7.5rem;
  height: 7.5rem;
  background: #FCC925;
  margin: 0 auto;
  border-radius: .25rem;
  padding: 0.75rem;
}

.publish_scu_head .enlist_code_box .code_box>img {
  width: 100%;
  height: 100%;
}

.to_my_page_check_popup .popup_head img {
  width: 7.5rem;
  height: 6.2rem;
}

.to_my_page_check_popup .popup_line_01 {

  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.to_my_page_check_popup .popup_line_02 {
  color: #8E8E8E;
  font-size: .75rem;
}

.to_my_page_check_popup .popup_bottom button {
  width: 9.325rem;
  height: 2.5rem;

  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  background: #F5414D;
  border-radius: .25rem;
  border: none;
}

.be_recognized_popup {
  z-index: 1002;
  position: absolute;
  width: 94%;
  left: 3%;
  background: #fff;
  top: 20%;
  text-align: center;
  padding: 0.725rem 0.6rem;
  border-radius: .25rem;
}

.be_recognized_popup .popup_title {
  text-align: center;
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.be_recognized_popup .popup_title_dec img {
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
}

.be_recognized_popup .popup_title_dec span {
  vertical-align: middle;
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #F5414D;
}

.be_recognized_popup .popup_content {
  padding: 0.6rem 1rem;
  text-align: left;

  background: #FAFAFA;
}

.be_recognized_popup .popup_content p {

  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: 1.05rem;
}

.be_recognized_popup .popup_content .bottom_tips img {
  width: .7rem:;
  height: .7rem;
  vertical-align: middle;
}

.be_recognized_popup .popup_content .bottom_tips a {

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  text-decoration: underline;
  color: #628FFB;
  margin-left: .25rem;
}

.be_recognized_popup .popup_bottom {
  display: flex;
  padding: 0 0.6rem;
}

.be_recognized_popup .popup_bottom button {
  flex: 1;
  height: 2.5rem;
  border: none;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  border-radius: .25rem;
}

.be_recognized_popup .popup_bottom button:nth-child(1) {
  margin-right: .25rem;
}

.be_recognized_popup .popup_bottom button:nth-child(2) {
  margin-left: .25rem;
}

.be_recognized_popup .popup_bottom button.bg_gray {

  background: #CCCCCC;
}

.be_recognized_popup .popup_bottom button.bg_red {

  background: #F5414D;
}

.report_inner_item .bg_gray_text .contenteditable {
  padding: 0.6rem;
  background: #F4F6FA;
  border: 1px solid #DEDEDE;
  border-radius: .25rem;
  width: 100%;
  resize: none;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.05rem;
}

.over_all_btn {
  position: absolute;
  width: 100%;
  text-align: right;
  top: 1rem;
  left: 0;
  padding: 0 0.6rem;
}

.over_all_btn button {
  padding: 0 0.725rem;
  height: 1.25rem;
  border: none;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.25);
  border-radius: .625rem;
}

.icon_per_cust {
  position: absolute;
  left: 0rem;
  bottom: 4rem;
  z-index: 10;
}

.icon_per_cust a {
  text-align: center;
  font-size: .5rem;
  color: #fff;
  padding: 0.25rem 0.2rem 0.25rem 0.1rem;
  line-height: 1.2;
}

.icon_per_cust .bg_ora_item a {
  width: 3.25rem;
  height: 1.85rem;
  display: inline-block;
  background-image: -moz-linear-gradient(90deg, rgb(253, 122, 83) 0%, rgb(248, 84, 79) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(253, 122, 83) 0%, rgb(248, 84, 79) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(253, 122, 83) 0%, rgb(248, 84, 79) 100%);
  word-break: break-all;
  border-radius: 0 1rem 1rem 0;
  z-index: 10;
}

.icon_per_cust .bg_bla_item a {
  background-color: rgb(0, 0, 0, 0.7);
  border-radius: 0 1rem 1rem 0;
  width: 3.25rem;
  height: 1.85rem;
  z-index: 10;
  display: inline-block;
}

.btn_change_head {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  border-radius: 0 0 .15rem .15rem;
  text-align: center;
  padding: 0.1rem 0;
}

.icon_write_name {
  width: .55rem;
  height: .55rem;
  vertical-align: middle;
}

.change_name_popup {
  position: absolute;
  z-index: 1002;
  width: 86%;
  left: 7%;
  top: 30%;
  background: #fff;

  border-radius: .25rem;
}

.change_name_popup .popup_head img {
  width: .55rem;
  height: .55rem;
}

.change_name_popup .popup_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
}

.change_name_popup .popup_content {
  padding: 0 1rem;
}

.change_name_popup .popup_content input {
  width: 100%;

  background: #FAFAFA;
  border-radius: .25rem;
  border: none;
  padding: 0.6rem;
}

.change_name_popup .popup_bottom {
  text-align: center;
}

.change_name_popup .popup_bottom button {
  width: 4.175rem;
  height: 1.7rem;
  background: linear-gradient(90deg, #FF9E66, #FF6667);
  border-radius: .25rem;
  border: none;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.effect_text_tips {
  padding: 2rem 0.6rem 0 0.6rem;
  text-align: center;
}

.effect_text_tips p {
  padding: 0.725rem 0.6rem;
  background: url(../images/bg_text_yxl.png) no-repeat center/cover;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1rem;
}

.stock_comes_list li.come_list_item>div {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0.6rem;
  background: #FFFFFF;
  box-shadow: 0.05rem 0.075rem 0.25rem 0px rgba(0, 0, 0, 0.1);
  border-radius: .25rem;
  box-shadow: none;
  padding: 0.725rem 0rem;
}

.style_test_item_anoth li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.style_test_item_anoth {
  padding: 0 0.6rem !important;
}

.style_test_item_anoth li {
  padding: 0.6rem 0;
}

.style_test_item_anoth li:not(:first-child) {
  border-top: 1px solid #D0D4DE;
}

.style_test_item_anoth .style_test_item_list .list_item_left {
  display: flex;

  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: .95rem;
}

.style_test_item_anoth .style_test_item_list .list_item_left p {

  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: .95rem;
}

.img_complete_mask {
  width: .65rem;
  height: .65rem;
  vertical-align: middle;
  margin-left: .125rem;
}

.link_hollow_red {
  white-space: nowrap;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #F5414D;
  padding: 0.1rem 0.3rem;
  border: 1px solid #F5414D;
  border-radius: .15rem;
}

.individual_stocks_anyl_img>img {
  width: 100%;
  height: 17.5rem;
}

.individual_stocks_anyl_container {
  min-height: 100%;
  background: linear-gradient(60deg, #FFCF00, #FF7800);
}

.individual_stocks_anyl_container .stocks_anyl_user_head {
  width: 100%;
  padding: 0.8rem;
  margin-top: -17.5rem;
  position: relative;
}

.individual_stocks_anyl_container .stocks_anyl_user_head>div {
  background: #fff;
  display: flex;
  padding: 0.1rem 0.2rem;
  border-radius: 1.25rem;
  align-items: center;
  padding-right: 1rem;
}

.individual_stocks_anyl_container .stocks_anyl_user_head>div img {
  width: 1.975rem;
  height: 1.975rem;
  border-radius: 50%;
}

.individual_stocks_anyl_container .stocks_anyl_user_head>div p {

  line-height: 0.9rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.individual_stocks_anyl_container .stocks_anyl_main {
  width: 100%;
  padding: 0 0.6rem;
  position: relative;
  margin-top: 6rem;
}

.individual_stocks_anyl_container .stocks_anyl_main>div {
  background: #fff;
  padding: 0.6rem;
  border-radius: .25rem;
}

.individual_stocks_anyl_container .stocks_anyl_main .main_bg_red_box {
  text-align: center;
  background: #FFEEEC;
  border-radius: .25rem;
  padding: 0.35rem 0.6rem;
  margin-top: .5rem;
}

.individual_stocks_anyl_container .stocks_anyl_main .main_bg_red_box .box_title {

  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #F5414D;
}

.individual_stocks_anyl_container .stocks_anyl_main .main_bg_red_box .box_report {
  margin-top: .25rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.report_man_name_msg img {
  width: .9rem;
  height: .9rem;
  border-radius: 50%;
  margin-right: .125rem;
  vertical-align: middle;
}

.report_man_name_msg span {
  vertical-align: middle;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.main_bottom_btn button {
  width: 100%;
  border: none;
  border-radius: .25rem;
  height: 2.2rem;
  font-size: .7rem;
}

.main_bottom_btn.btn_red button {


  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;

  background: #F5414D;
  border-radius: .25rem;
}

.main_bottom_btn.btn_white button {

  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #F5414D;
  background: #fff;
  border: 1px solid #F5414D;
}

.main_bottom_tips_line p {

  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: .75rem;
}

.investment_process_container .container_head img {
  width: 100%;
  height: 22.25rem;
}

.investment_process_container {
  min-height: 100%;
  background: #FFBA00;
}

.investment_process_container .container_content {
  position: relative;
  margin-top: -19.5rem;
  padding: 0 0.6rem;
}

.investment_process_container .container_content>div {
  background: #fff;
  width: 100%;
  box-shadow: .15rem 0px 0px 0px #EA7B46;
  border-radius: .5rem;
}

.investment_process_container .container_content>div>ul {
  padding: 0 0.6rem;
}

.investment_process_container .container_content>div>ul>li {
  padding: 0.725rem 0;
}

.investment_process_list .item_line {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.investment_process_list .item_line .item_left .title_num {
  display: inline-block;
  background: #FFFFFF;
  width: .85rem;
  height: .85rem;
  background: #5F2D0B;
  text-align: center;
  line-height: .85rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  vertical-align: middle;
  border-radius: 50%;
}

.investment_process_list .item_line .item_left .title_text {
  vertical-align: middle;
  margin-left: .25rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #5F2D0B;
}

.investment_process_list .item_line .item_right>span {
  width: .8rem;
  height: .8rem;
  vertical-align: middle;
  display: inline-block;
  background: url(../images/icon_jiantou_right.png) no-repeat center/.8rem .8rem;
}

.investment_process_list .item_line .item_right>span.icon_dowm {
  width: .8rem;
  height: .425rem;
  display: inline-block;
  vertical-align: middle;
  background: url(../images/icon_jiantou_dow.png) no-repeat center/ .8rem .425rem;
}

.investment_process_list>li {
  border-bottom: 1px solid #EFEFEF;
}

.investment_process_list .item_open_content {
  padding: 0 0 0 0.35rem;
  display: none;
}

.investment_process_list .item_open_content>div {
  border-left: 1px solid #f1eae6;
  padding: 0.725rem 0 0.725rem 0.725rem;
}

.investment_process_list .item_open_content>div p {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
  line-height: 1rem;
}

.investment_process_list .item_open_content .content_table_img {
  text-align: center;
}

.investment_process_list .item_open_content .content_table_img img {
  max-width: 100%;
  height: auto;
}

.investment_process_list .item_open_content li {
  padding: 0.25rem 0;
  padding-left: 0.6rem;
  position: relative;
}

.investment_process_list .item_open_content li:before {
  content: "";
  display: inline-block;
  width: .275rem;
  height: .35rem;
  position: absolute;
  left: 0;
  top: 0.55rem;
  background: url(../images/icon_red_sanjiao.png) no-repeat center/cover;
}

.fixed-button {
  width: 100%;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99999;
}

.fixed-button>div {
  flex: 1;
  height: 2.25rem;
  background: #eaeaea;
  font-size: 0.6rem;
  color: #666666;
  box-sizing: border-box;
}

.fixed-button>div:nth-child(1) {
  padding-top: 1.25rem;
  background: #eaeaea url('../../Content/images/cl/icon-comment.png') no-repeat center 0.35rem;
  background-size: 1.15rem 1.05rem;
  line-height: 1.25rem;
}

.fixed-button>div:nth-child(2) {
  padding-top: 1.25rem;
  background: #eaeaea no-repeat center 0.35rem;
  background-size: 1rem 1rem;
  line-height: 1.25rem;
}

.invite_user_head_msg {
  text-align: center;
  margin-top: -14rem;
  position: relative;
}

.invite_user_head_msg img {
  width: 4.1rem;
  height: 4.1rem;
  border-radius: 50%;

  background: #EFEFEF;
  border: .275rem solid #FFFFFF;
  box-shadow: 0px .3rem .5rem 0px rgba(244, 80, 54, 0.06);
  border-radius: 50%;
}

.invite_user_head_msg .user_name {

  font-size: 1.1rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #672B09;
  line-height: 2.125rem;
}

.bg_pink_container {
  background: #FCF3FF !important;
}

.collect_service_input input {
  height: 2.3rem;
  background: #FAFAFA;
  border: 1px solid #CCCCCC;
  border-radius: 1.15rem;
  padding: 0 1.2rem;
}

.collect_service_input span.get_code {
  text-align: center;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #490301;
  height: 2.3rem;
  line-height: 2.3rem;
  background: #FDCE5F;
  border-radius: 1.15rem;
}

.flex_box .flex_all {
  flex: 1;
}

.flex_box .flex_6 {
  flex: 6;
}

.flex_box .flex_4 {
  flex: 4;
}

.tz_yxy_container .yxy_content .content_fixed_bottom {
  width: 92%;
  bottom: 1rem;
  left: 4%;
  padding: 0 0.6rem;
  position: absolute;
}

.live_dia_input>div.text_input_area {
  flex: 8.5;
  background: rgba(250, 250, 250, 1);
  border: 1px solid rgba(225, 225, 225, 1);
  border-radius: .15rem;
  padding: 0.35rem 0.6rem;
  max-height: 7rem;
  overflow-y: auto;
  box-sizing: border-box;
  -webkit-user-modify: read-write-plaintext-only;
}




























































/*
[contentEditable=true]:empty:not(:focus):before {
	content: attr(data-text);
	color: #999;
}
*/

.live_dia_input .btn_send_msg {
  padding: 0.15rem 0.5rem;
  background: #999;
  border-radius: .15rem;
  color: #fff;
  font-size: .75rem;
  height: 2rem;
  border: none;
  margin-left: .25rem;
  flex: 1.5;
}

.live_dia_input .btn_send_msg.active {
  background: rgba(218, 71, 82, 1);
}

.effect_interests_page {
  padding: 0.6rem;
}

.icon_flag {
  width: .8rem;
  height: .8rem;
  vertical-align: middle;
  margin-left: .25rem;
}

.effect_interests_page .interests_page_bottom {
  background: url(../images/bg_yxl_quanyi.png) no-repeat -3rem center/cover;
  padding: 0.6rem 1rem;
  margin-top: .5rem;
}

.effect_interests_page .interests_page_bottom .unclaimed_nums {
  padding: 0.15rem 0.2rem;
  margin-left: .25rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  vertical-align: middle;
  background: rgba(0, 0, 0, 0.1);
  border-radius: .15rem;
}

.effect_interests_page .interests_page_bottom .check_detail {
  padding: 0.1rem 0.6rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FF6767;

  background: #FFFFFF;
  border-radius: 19px;
}

.unlock_benefits_popup {
  position: absolute;
  background: #fff;
  height: 75%;
  z-index: 1002;
  left: 0;
  bottom: 0;
  width: 100%;
}

.unlock_benefits_popup .popup_head {
  height: 12%;
  text-align: center;
  padding: 0.6rem;
  position: relative;
}

.unlock_benefits_popup .popup_head img.head_img {
  width: 11.25rem;
  height: 1.6rem;
}

.unlock_benefits_popup .popup_head .icon_close {
  width: .6rem;
  height: .6rem;
  position: absolute;
  right: 0.6rem;
  top: 1rem;
}

.unlock_benefits_popup .popup_content {
  height: 88%;
  padding: 0.6rem;
}

.unlock_benefits_popup .popup_content .unlock_list {
  height: 100%;
}

.unlock_benefits_popup .popup_content .unlock_list li {
  display: flex;
  height: 14%;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem;
  background: #FFFFFF;
  border: .05rem solid #FAEDD8;
  border-radius: .15rem;
}

.unlock_benefits_popup .popup_content .unlock_list li:not(:first-child) {
  margin-top: .5rem;
}

.unlock_benefits_popup .popup_content .unlock_list li span {
  vertical-align: middle;
  margin-left: .25rem;
  font-size: .75rem;
}

.unlock_benefits_popup .popup_content .unlock_list li .btn_receive {
  width: 3.4rem;
  height: 1.2rem;
  line-height: 1.15rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  border: none;
  background: linear-gradient(75deg, #FF6867, #FF9C66);
  border-radius: .15rem;
}

.unlock_benefits_popup .popup_content .unlock_list li .btn_receive.active {

  background: #CCCCCC !important;
}

.unlock_benefits_popup .popup_content .unlock_list li .btn_get {
  width: 3.4rem;
  height: 1.2rem;
  line-height: 1.15rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;

  color: #8E8E8E;
  background: #fff;
  border-radius: .15rem;

  border: 1px solid #CCCCCC;
}

.unlock_benefits_popup .popup_content .unlock_list li>div>img {
  width: 1.7rem;
  height: 1.7rem;
  vertical-align: middle;
}

.quick_login_popup {
  position: absolute;
  z-index: 1001;
  background: #fff;
  width: 100%;
  left: 0;
  bottom: 0;
}

.quick_login_popup .popup_head {
  display: flex;
  justify-content: space-between;
  align-content: center;
  padding: 0.6rem;
}

.quick_login_popup .popup_head img {
  width: .6rem;
  height: .6rem;
}

.quick_login_popup .popup_content {
  text-align: center;
  padding: 1rem 0;
}

.quick_login_popup .popup_content>a {
  display: inline-block;
}

.quick_login_popup .popup_content>a img {
  width: 2rem;
  height: 2rem;
}

.live_video_mask {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
  left: 0;
  top: 0;
}

.live_video_mask>button {
  width: 6.325rem;
  height: 2.6rem;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FF7A45;
  line-height: .6rem;
  background: #FFFFFF;
  border: .05rem solid #FF7A45;
  opacity: 0.88;
  border-radius: 1.3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.yun_first_in_box {
  height: 100%;
  position: absolute;
  z-index: 1001;
  left: 0;
  bottom: 0;
  background: url(../images/bg_first_in.png) no-repeat center/cover;
}

.yun_first_in_box .yun_intro {
  text-align: right;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0 0.6rem;
  padding-top: 20%;
}

.yun_first_in_box .yun_content {
  padding: 0 1.6rem;
  margin-top: 48%;
}

.yun_first_in_box .yun_content p {
  text-align: left;

  font-size: 1.1rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #4B4B4B;
  margin-top: 0;
  line-height: 1.75rem;
}

.yun_first_in_box .yun_bottom {
  text-align: center;
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.6rem;
}

.yun_first_in_box .yun_bottom button {
  flex: 1;
  border: none;
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.775rem;
  height: 2.5rem;
  background: #fff;
  border-radius: .25rem;
  font-weight: bold;
}

.yun_first_in_box .yun_bottom button:nth-child(1) {
  margin-right: 0.5rem;
  border: 1px solid #FF6967;
  color: #FF6967;
}

.yun_first_in_box .yun_bottom button:nth-child(2) {
  background: #FC6934;
  margin-left: 0.5rem;
  background: #FF6967;
  color: #FFFFFF;
}

.chapter_progress_popup {
  width: 80%;
  border-radius: .25rem;
  position: absolute;
  left: 50%;
  z-index: 1001;
  top: 50%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
  background: url(../images/bg_yun_goon.png) no-repeat center/cover;
}

.chapter_progress_popup .popup_head {
  padding: 0.5rem 0.6rem;
  text-align: right;
}

.chapter_progress_popup .popup_head img {
  width: .55rem;
  height: .55rem;
}

.chapter_progress_popup .popup_content {
  margin-top: 4.5rem;
  padding: 0 0.725rem;
  text-align: left;
}

.chapter_progress_popup .popup_content p {

  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #4B4B4B;
  line-height: 1.5rem;
  margin-top: 0;
}

.chapter_progress_popup .popup_bottom {
  text-align: center;
  margin-top: 1.5rem;
  padding-bottom: 1rem;
}

.chapter_progress_popup .popup_bottom button {
  padding: 0.3rem 1.5rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  background: linear-gradient(90deg, #FF9E66, #FF6667);
  border-radius: .25rem;
  border: none;
}

.enter_chapter_tips_popup {
  position: absolute;
  left: 0;
  z-index: 1001;
  bottom: 0rem;
  padding: 0.6rem;
  width: 100%;
}

.enter_chapter_tips_popup>div {
  width: 100%;
  color: #fff;
  background: rgba(0, 0, 0, 0.825);
  border-radius: .25rem;
}

.enter_chapter_tips_popup .popup_head {
  text-align: right;
  padding: 0.25rem 0;
}

.enter_chapter_tips_popup .popup_head span {
  padding: 0.35rem 0.6rem;
}

.enter_chapter_tips_popup .popup_head img {
  width: .55rem;
  height: .55rem;
}

.enter_chapter_tips_popup .popup_content {
  padding-left: 4rem;
  padding-right: 0.6rem;
  background: url(../images/icon_jixiangwu.png) no-repeat 1rem center/2.35rem 3.7rem;
}

.enter_chapter_tips_popup .popup_bottom {
  padding-bottom: 1rem;
}

.living_tips_popup {
  position: absolute;
  width: 80%;
  left: 10%;
  background: #fff;
  z-index: 1001;
  top: 25%;
  border-radius: .25rem;
  padding-bottom: 1rem;
}

.living_tips_popup .popup_head {
  text-align: center;
  padding-top: 1rem;
}

.living_tips_popup .popup_head img {
  width: 9rem;
  height: 6.35rem;
}

.living_tips_popup .popup_content {
  text-align: center;
  padding: 0 1rem;
}

.living_tips_popup .popup_bottom {
  text-align: center;
  margin-top: 1.2rem;
}

.living_tips_popup .popup_bottom button {
  background: rgba(218, 71, 82, 1);
  border: none;
  font-size: .75rem;
  color: #fff;
  padding: 0.35rem 1.2rem;
  border-radius: 1.4rem;
}

.zt_detail_img_box img {
  width: 100%;
  height: auto;
}

.bg_yellow_fd7 {
  background: #FD7444;
}

.invite_comments_box .box_head {
  text-align: right;
}

.invite_comments_box .box_head .head_mask {
  font-size: .825rem;
  font-family: PingFang SC;
  font-weight: bold;
  border-radius: 0 0 0 0.25rem;
  color: #FFFE74;
  line-height: 1.6rem;
  padding: 0.2rem 0.3rem;
  background: rgba(0, 0, 0, 0.21)
}

.invite_comments_box .box_title {
  color: #fff;
}

.invite_comments_box .box_main_content {
  padding: 1rem 0.6rem;
  background: #FFFFFF;
  box-shadow: 0px .15rem .45rem 0px rgba(4, 0, 0, 0.13);
  border-radius: .25rem;
}

.invite_comments_box .box_main_content .user_msg {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  line-height: 1;
}

.invite_comments_box .box_main_content .user_msg .user_head img {
  width: 2.475rem;
  height: 2.45rem;
  border-radius: 50%;
}

.invite_comments_box .box_main_content .user_msg .user_dtetail {
  margin-left: .5rem;
}

.invite_comments_box .box_main_content .para_mask {
  color: #fff;
  font-size: .65rem;
  vertical-align: text-top;
  padding: 0.05rem 0.1rem;
  margin-right: .125rem;
  background: #FD7444;
  border-radius: .075rem;
}

.invite_comments_box .box_main_content .btn_comments {
  width: 100%;
  height: 2.25rem;
  background: #FD7444;
  border-radius: 1.25rem;
  border: none;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.icon_large_user_huiyuan {
  width: 1.15rem;
  height: 1.025rem;
  margin-left: .25rem;
  vertical-align: middle;
}

.invite_comments_box .bottom_invite {
  display: flex;
  margin-top: .75rem;
  padding: 0.6rem;
  background: #fff;
  align-items: center;
  justify-content: space-between;
  border-radius: .25rem;
}

.invite_comments_box .bottom_invite .flex_left img {
  width: 5.575rem;
  height: .85rem;
}

.invite_comments_box .bottom_invite .flex_left p {
  font-size: .675rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #F54F2F;
  line-height: .9rem;
}

.invite_comments_box .bottom_invite .flex_right img {
  width: 2.325rem;
  height: 2.325rem;
  border-radius: .25rem;
}

.invite_comments_box .bottom_invite .flex_right {
  text-align: center;
}

.trading_oper_popup .popup_head_close {
  text-align: right;
  padding: 0.6rem;
}

.trading_oper_popup .popup_head_close .icon_close {
  width: .7rem;
  height: .7rem;
}

.item_small_user_head .head_img {
  display: inline-block;
  position: relative;
}

.item_small_user_head .head {
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: .25rem;
}

.item_small_user_head span,
.item_small_user_head img {
  vertical-align: middle;
}

.item_small_user_head .user_dav:after {
  content: "";
  display: inline-block;
  width: .45rem;
  height: .45rem;
  background: url(../images/user_dav_tips.png) no-repeat center/.45rem;
  position: absolute;
  right: 0.25rem;
  bottom: 0.02rem;
}

.icon_ques_tips {
  width: .75rem;
  height: .75rem;
  vertical-align: middle;
  margin-left: .25rem;
}

.to_help_module {
  padding: 0.5rem;

  border: 1px solid #FFE3D5;
  box-shadow: 0px .175rem .25rem 0px rgba(49, 20, 6, 0.08);
  border-radius: .15rem;
}

.to_help_list li {
  padding: 0.6rem 0;
}

.to_help_list li:not(:last-child) {
  border-bottom: 1px solid #EFEFEF;
}

.to_help_list li .publication_user_head {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  margin-right: .125rem;
}

.to_help_list li .user_name {

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #2E2E2E;
}

.to_help_list li .mask_dav:after {
  content: "";
  display: inline-block;
  width: .475rem;
  height: .475rem;
  position: absolute;
  left: .75rem;
  top: 0.725rem;
  background: url(../images/user_dav_tips.png) no-repeat center/.475rem;
}

.to_help_list li .flex_text_img_box_1 .flex_text .text_datail {

  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.15rem;
}

.to_help_list li .btn_be_analyzed {
  font-size: .55rem;
  line-height: 1rem;
  height: 1rem;
  padding: 0 0.2rem;
}

.to_help_list li .item_holding_status {
  padding: 0.15rem 0.25rem;
}

.to_help_list .list_title {
  padding: 0;
  border-bottom: none !important;
}

.to_help_list .list_title img {
  width: .8rem;
  height: .7rem;
  vertical-align: middle;
}

.to_help_list .list_title strong {
  margin-left: .25rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  vertical-align: middle;
}

.help_each_poor_box {
  min-height: 100%;
  position: relative;
  padding-top: 2.5rem;
  background: #fc6530 url(../images/bg_hbb_head.png) no-repeat top center/100% 10.375rem;
}


.help_each_poor_out_box {
  position: absolute;
  z-index: 1003;
  width: 100%;
  background: #fb4a25;
}

.help_each_poor_out_box .bd_tabs {
  padding: 0.6rem;
  width: 100%;
}

.help_each_poor_out_box .bd_tabs .specific_rule_link {
  position: absolute;
  right: 0;
  display: inline-block;
  margin-right: 0;
  top: 0.7rem;
  padding: 0.05rem 0.6rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  border-radius: .8rem 0 0 .8rem;
  color: #FFFFFF;
  padding-right: 0.3rem;
}


.help_each_poor_out_box .bd_tabs a {
  margin-right: 2rem;
}

.help_each_poor_out_box .bd_tabs a span {
  padding-bottom: .25rem;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  opacity: 0.6;
}

.help_each_poor_out_box .bd_tabs a.active span {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  opacity: 1;
  border-bottom: .1rem solid #FEED34;
}

.hot_help_bang_box {
  padding: 0.6rem;
}

.hot_help_bang_box .bang_head .head_title {


  font-size: 1.125rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.hot_help_bang_box .bang_head .head_tips {

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  opacity: 0.8;
}

.hot_help_bang_box .bang_head .bang_periods {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  opacity: 0.8;
}

.hot_help_bang_box .bang_head .publicity_periods {
  padding: 0.1rem 0.6rem 0.1rem 1.2rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FB4A25;
  margin-left: .5rem;
  background: #fff url(../images/icon_wqrw.png) no-repeat 0.6rem center/.55rem .55rem;
  border-radius: .5rem;
}

.poor_ranking_item {
  display: flex;
  align-items: flex-start;
  background: #fff;
  padding: 0.725rem 0;
}

.poor_ranking_item .item_left img.user_head {
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 50%;
}

.poor_ranking_item .item_right {
  margin-left: .25rem;
  width: 100%;
}

.poor_ranking_item .item_right .rang_num {
  margin-right: .25rem;
  font-size: 1.125rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #ABACB6;
  vertical-align: middle;
}

.poor_ranking_item .item_right .ranking {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
  margin-left: .25rem;
}

.poor_ranking_item .item_right .ranking.rang_up {
  background: url(../images/rank_up.png) no-repeat left center/.475rem .775rem;
}

.poor_ranking_item .item_right .ranking.rang_down {
  background: url(../images/rank_down.png) no-repeat left center/.475rem .775rem;
}

.poor_ranking_item .item_right .ranking.rang_flat {
  background: url(../images/rank_flat.png) no-repeat left center/.65rem .05rem;
}

.poor_ranking_item .item_right .user_name {
  vertical-align: middle;
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #2E2E2E;
}

.seek_help_text {
  position: relative;
  margin-top: .25rem;
  background: #EAEAEA;
  border-radius: .25rem;
  padding: 0.5rem 0.6rem;
  font-size: .7rem;
  font-family: PingFang SC;
  color: #2E2E2E;
  line-height: 1rem;
  background: #EAEAEA;
  border-radius: .25rem;
  white-space: normal;
}

.seek_help_text p {

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.poor_ranking_list {
  margin-top: .5rem;
  background: #FFFFFF;
  border: .15rem solid #FCCC4E;
  border-radius: .5rem;
  padding: 0 0.6rem;
}

.poor_ranking_list>li:not(:last-child) {
  border-bottom: 1px solid #EFEFEF;
}

.seek_help_text:before {
  position: absolute;
  content: "";
  border-right: 0.25rem solid #EAEAEA;
  border-bottom: 0.25rem solid transparent;
  border-top: 0.25rem solid transparent;
  top: 0.25rem;
  left: -0.25rem;
}

.hot_gang_screen>span {
  padding: 0.15rem 0.725rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  border-radius: .675rem;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.3)
}

.hot_gang_screen {
  margin-top: .75rem;
}

.hot_gang_screen>span.active {

  background: #FCCC4E;
  box-shadow: 0px .1rem .05rem 0px rgba(0, 0, 0, 0.29);
  border-radius: .675rem;
}

.hot_gang_screen>span:not(:first-child) {
  margin-left: .5rem;
}

.invite_support_box {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 0.6rem;
  background: rgba(42, 42, 42, 0.9);
}

.invite_support_box .inner_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.invite_support_box .inner_box .box_left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.invite_support_box .inner_box .box_left .user_head img {
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 50%;
  vertical-align: middle;
}

.invite_support_box .inner_box .box_left .user_name {

  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #FFFFFF;
}

.invite_support_box .inner_box .box_left .user_des {

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  opacity: 0.6;
}

.invite_support_box .inner_box .box_right button {
  padding: 0.25rem 0.6rem;
  background: #F5414D;
  border-radius: .25rem;
  border: none;
  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  white-space: nowrap;
}

.tzyxy_out_box {
  padding: 0.6rem;
}

.tzyxy_out_box .tzyxy_card {

  border: 1px solid #FFE4E4;
  box-shadow: .05rem .075rem .275rem 0px rgba(0, 0, 0, 0.41);
  border-radius: .25rem;
}

.tzyxy_out_box .tzyxy_card .card_head img {
  max-width: 100%
}

.tzyxy_out_box .card_content {
  padding: 1rem 0.725rem;
  background: url(../images/icon_yxy_zhang.png) no-repeat 94% 1rem/4.15rem 4.075rem;
}

.tzyxy_out_box .card_content>div {
  display: flex;
  align-items: center;
}

.tzyxy_out_box .card_content .edit_head_img {
  width: 3.675rem;
  height: 3.675rem;
  border-radius: .15rem;
  position: relative;
}

.tzyxy_out_box .card_content .edit_head_img>img {
  width: 100%;
  height: 100%;
  border-radius: .15rem;
}

.tzyxy_out_box .card_content .edit_head_img input[type="file"] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 10;
}

.tzyxy_out_box .card_content .trainee_msg {
  margin-left: .5rem;

  font-size: .775rem;
  font-family: PingFang SC;

  color: #8E8E8E;
}

.tzyxy_out_box .card_content .trainee_msg .msg_main {
  color: #2e2e2e;
  font-weight: bold;
}

.tzyxy_out_box .card_content .edit_head_img .edit_tips {
  background: rgba(0, 0, 0, 0.3);
  font-size: .55rem;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 0.05rem;
  font-family: PingFang SC;
  font-weight: 500;
  white-space: nowrap;
  color: #FFFFFF;
  position: absolute;
  bottom: 0;
  z-index: 9;
  left: 0;
}

.tzyxy_out_box .card_tips {
  background: #EFEFEF;
  padding: 0.6rem 0.725rem;
}

.tzyxy_out_box .card_tips>div {
  display: flex;
  justify-content: space-between;
  align-content: center;
  color: #2e2e2e;
  font-size: .7rem;
  font-weight: bold;
  color: #666666;
  line-height: 0.9rem;
}

.btn_fill {
  border: none;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  border-radius: .25rem;
}

.btn_orange {
  background: #FC6133;
}

.fixed_code_img_popup {
  position: absolute;
  left: 25%;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: 1002;
}

.fixed_code_img_popup .img_code_box {
  text-align: center;
  overflow-y: scroll;
  padding-top: 3rem;
  width: 100%;
  margin: 0 auto;
  height: 66%;
}

.fixed_code_img_popup .img_code_box img {
  max-width: 100%;
  max-height: 100%;
}

.icon_stu_card {
  width: .9rem;
  height: .65rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.upload_img_mask {
  z-index: 9002;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.upload_img_mask .img_box {
  width: 80%;
  left: 10%;
  top: 20%;
  position: absolute;
}

.upload_img_mask .img_box>div {
  text-align: center;
}

.upload_img_mask .img_box>div:nth-child(1)>img {
  max-width: 100%;
}

.upload_img_mask .img_box>div:nth-child(2) {
  margin-top: .5rem;
}

.upload_img_mask .img_box>div:nth-child(2)>img {
  width: 1.55rem;
  height: 1.55rem;
}

.icon_green_awarded {
  width: .75rem !important;
  height: .75rem !important;
  vertical-align: middle;
  margin-left: .5rem;
  border-radius: 50%;
}































































/*持股帮8.1.0补充页面*/

.multiple_attention_popup {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10001;
  width: 100%;
  background: #fff;
  border-radius: .25rem .25rem 0 0;
  height: 24rem;
}

.multiple_attention_popup .popup_head {
  padding: 0.725rem 1.5rem;
  position: relative;
  height: 12%;
}

.multiple_attention_popup .popup_head .icon_close {
  width: .7rem;
  height: .7rem;
  position: absolute;
  right: 1rem;
  top: 1.2rem;
}

.multiple_attention_popup .popup_content {
  padding: 0.25rem 1.5rem;
  height: 88%;
  overflow-y: scroll;
}

.multiple_attention_popup .popup_content>div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.multiple_attention_popup .popup_content>div>div {
  width: 48%;
  text-align: center;
  padding: 0.6rem 0;
  background: #FAFAFA;
  border: 1px solid #EFEFEF;
  border-radius: .25rem;
  margin-top: .5rem;
}

.multiple_attention_popup .popup_content .item_user_head img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}

.multiple_attention_popup .popup_content .item_user_name {

  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #2E2E2E;
}

.multiple_attention_popup .popup_content .item_add_btn button {
  border: none;
  background: none;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #444444;
  line-height: 1.425rem;
}

.multiple_attention_popup .popup_content .item_add_btn button.active {

  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #CCCCCC;
}

.multiple_attention_popup .popup_bottom {
  padding: 0.25rem 1.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.multiple_attention_popup .popup_bottom .btn_one_atten {

  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  width: 100%;
  height: 2.5rem;
  background: #FB4A25;
  border-radius: 50px;
  color: #FFFFFF;
  width: 100%;
  border: none;
}

.normal_follow_popup {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10002;
  height: 24rem;
  width: 100%;
  background: #fff;
  border-radius: .25rem .25rem 0 0;
}

.normal_follow_popup .popup_head {
  height: 12%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem;
}

.normal_follow_popup .popup_head .icon_close img {
  width: .625rem;
  height: .625rem;
  vertical-align: middle;
}

.normal_follow_popup .popup_content {
  height: 76%;
  overflow-y: auto;
}

.normal_follow_popup .popup_content>div {
  height: 100%;
}

.normal_follow_popup .popup_bottom {
  display: flex;
  padding: 0.6rem;
  justify-content: space-between;
  background: #E9EDF0;
  width: 100%;
}

.normal_follow_popup .popup_bottom>div:nth-child(1) {
  width: 100%;
}

.normal_follow_popup .popup_bottom>div:nth-child(1) .bottom_more_know_swiper {
  width: 100%;
}

.normal_follow_popup .popup_bottom>div:nth-child(2) {
  width: 30%;
  text-align: right;
  white-space: nowrap;
}

.normal_follow_popup .popup_bottom a {
  padding: 0;
}

.normal_follow_popup .popup_bottom .user_per_msg .user_head {
  width: .85rem;
  height: .85rem;
  vertical-align: middle;
  border-radius: 50%;
}

.normal_follow_popup .popup_bottom .user_per_msg .user_name {
  margin-left: .25rem;
  font-size: .75rem;
  vertical-align: middle;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.normal_follow_popup .popup_bottom .user_per_msg .user_mask {
  margin-left: .25rem;
  border: 1px solid #FB4A25;
  border-radius: .15rem;
  padding: 0.05rem 0.1rem;
  font-size: .45rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FB4A25;
  line-height: .775rem;
}

.normal_user_text_list {
  padding: 0 0.6rem;
}

.normal_user_text_list>li {
  padding: 00.6rem 0;
  border-bottom: 1px solid #EFEFEF;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.normal_user_text_list>.list_item .item_left {
  position: relative;
}

.normal_user_text_list>.list_item .item_left img {
  width: 1.725rem;
  height: 1.725rem;
  border-radius: 50%;
}

.normal_user_text_list>.list_item .item_left .red_news_tips {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #FB4A25;
  border-radius: 50%;
  text-align: center;
  line-height: 1rem;
  font-size: .475rem;
  font-family: DIN Next LT Pro;
  font-weight: 500;
  color: #FFFFFF;
  position: absolute;
  right: -0.25rem;
  top: -0.25rem;
}

.normal_user_text_list>.list_item .item_right .text_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.normal_user_text_list>.list_item .item_right {
  margin-left: .5rem;
  width: 100%;
}

.normal_user_text_list>.list_item .item_right .text_main p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 1.05rem;
}

.normal_user_text_detail {
  padding: 0.6rem;
  background: #F0F4F7;
  height: 100%;
  overflow-y: scroll;
}

.normal_user_text_detail li {
  margin-top: .5rem;
}

.normal_user_text_detail .item_box {
  display: flex;
  align-items: flex-start;
}

.normal_user_text_detail .item_box .item_left img {
  width: 1.725rem;
  height: 1.725rem;
  border-radius: 50%;
}

.normal_user_text_detail .item_box .item_right {
  margin-left: .25rem;
  width: 100%;
}

.normal_user_text_detail .item_box .item_right .text_main {
  padding: 0.5rem 0.6rem;
  background: #FFFFFF;
  border: .075rem solid #F3F3F3;
  border-radius: .15rem .5rem .5rem .5rem;

  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.15rem;
}

.user_per_msg .news_tips_mask {
  width: 1.65rem;
  height: 1.05rem;
}

.icon_trun_left {
  width: .375rem;
  height: .675rem;
  margin-right: .5rem;
  vertical-align: middle;
}

.user_news_tips_mask {
  position: absolute;
  top: 7.5rem;
  left: 0;
  z-index: 10000;
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
  box-shadow: 0px .15rem .25rem 0px rgba(0, 0, 0, 0.03);
  border-radius: 0 .9rem .9rem 0;
  padding: 0.3rem 0.6rem;
}

.user_news_tips_mask>div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.user_news_tips_mask span,
.user_news_tips_mask img {
  vertical-align: middle;
}

.user_news_tips_mask img.user_head {
  width: .85rem;
  height: .85rem;
  border-radius: 50%;
}

.user_news_tips_mask .user_name {
  color: #2E2E2E;
  font-size: .65rem;
  font-weight: bold;
  margin-left: .125rem;
}

.user_news_tips_mask .news_nums_mask {
  margin-left: .125rem;
  color: #666666;
  font-size: .65rem;
  white-space: nowrap;
}

.user_news_tips_mask .news_nums {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  text-align: center;
  line-height: 0.8rem;

  font-size: .45rem;
  font-family: DIN Next LT Pro;
  font-weight: 500;
  margin-left: 0.125rem;
  background: #FB4A25;
  color: #FFFFFF;
}

.user_news_tips_mask .icon_line_open_tips {
  width: .45rem;
  height: .25rem;
  margin-left: .5rem;
}

.user_news_tips_mask .all_msg_box {
  vertical-align: inherit;
}

.bg_border_none {
  background: none;
  border: none;
}

.position_abs_right {
  position: absolute;
  right: 1rem;
  top: 0;
}

.user_news_tips_swiper {
  height: 1.15rem;
}

.give_up_know_popup {
  width: 86%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  z-index: 1001;

  border-radius: .7rem;
  padding: 0.725rem 1.2rem;
}

.give_up_know_popup .popup_head {
  text-align: center;
}

.give_up_know_popup .popup_head img {
  width: 8.025rem;
  height: 8.675rem;
}

.give_up_know_popup .popup_content p {
  text-align: center;

  font-size: .95rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #323232;
  line-height: 1.35rem;
}

.give_up_know_popup .popup_bottom {
  display: flex;
  margin-top: .5rem;
}

.give_up_know_popup .popup_bottom button {
  flex: 1;
  background: none;
  height: 1.95rem;
  border: 1px solid #8E8E8E;
  border-radius: .975rem;
}

.give_up_know_popup .popup_bottom button:nth-child(1) {

  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  margin-right: .25rem;
  border: 1px solid #8E8E8E;
}

.give_up_know_popup .popup_bottom button:nth-child(2) {
  margin-left: .25rem;
  border: none;
  background: #FB4A25;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.follow_news_tips_popup {
  position: absolute;
  padding: 0.6rem;
  bottom: 3.2rem;
  left: 0;
  width: 100%;
  z-index: 1002;
}

.follow_news_tips_popup>div {
  background: rgba(0, 0, 0, 0.75);
  border-radius: .25rem;
  position: relative;
  overflow: visible;
}

.follow_news_tips_popup>div:after {
  position: absolute;
  content: "";
  border-right: 0.25rem solid transparent;
  border-left: 0.25rem solid transparent;
  border-top: 0.35rem solid rgba(0, 0, 0, 0.75);

  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
  left: 50%;
  bottom: -0.5rem;
}

.follow_news_tips_popup .popup_head {
  text-align: right;
  padding-bottom: 0;
  position: relative;
  width: 100%;
}

.follow_news_tips_popup .popup_head img {
  width: .6rem;
  height: .6rem;
  position: absolute;
  right: 0.25rem;
  top: 0.25rem;
}

.follow_news_tips_popup .popup_content {
  padding: 0.9rem 1.2rem 0.5rem 0.5rem;
  display: flex;
  align-items: center;
}

.follow_news_tips_popup .popup_content img {
  width: 2.775rem;
  height: 2.35rem;
  vertical-align: middle;
}

.follow_news_tips_popup .popup_content .content_right_text p {

  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 1.05rem;
}

.bar-tab .item-red-add .icon_cgxb {
  position: absolute;
  height: 4rem;
  display: inline-block;
  width: 100%;
  bottom: 0.25rem;
  left: 0;
  background: url(../images/jiaxingwu_cgxb.png) no-repeat center bottom/1.6rem 3.2rem;
}

.pers_cust_link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  background: #FFF3F4;
  padding: 0.6rem;
}

.pers_cust_link img {
  width: .45rem;
  height: .45rem;
}

.pers_cust_link a {
  color: #F5414D;
}

.find_the_best_mask {
  position: absolute;
  z-index: 10002;
  top: 11rem;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 0 1.6rem;
}

.find_the_best_mask button {

  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #2E2E2E;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: .7rem;
  padding: 0.1rem 0.25rem;
}

.find_the_best_mask>div:nth-child(2) {
  text-align: right;
  padding: 0 0.2rem;
  margin-top: -1rem;
}

.find_the_best_mask img {
  width: 14.9rem;
  height: 4.85rem;
}

.per_recom_link {
  margin-right: 0 !important;
}

.per_recom_link.active {
  border-bottom: none !important;
}

.per_recom_link img {
  width: .675rem;
  height: .65rem;
  vertical-align: middle;
}

.per_recom_link span {
  vertical-align: middle;
  margin-left: .125rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
}

.sy-search-info {
  width: 100% !important;
  margin-left: 0 !important;
}

.index_search_container {
  padding: 0 0.6rem;
  display: flex;
  background: #fff;
  position: absolute;
  z-index: 1001;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.index_search_container>div:nth-child(2) img {
  width: 1.8rem;
  height: 1.8rem;
  vertical-align: middle;
}

.index_swiper_out_container {
  padding-top: 3.5rem;
}

.exclusive_news_tips_mask {
  position: absolute;
  top: 7.5rem;
  right: 0;
  z-index: 9998;
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
  box-shadow: 0px 0.15rem 0.25rem 0px rgba(0, 0, 0, 0.03);
  border-radius: .9rem 0 0 .9rem;
  padding: 0.3rem 0.6rem;
}

.exclusive_news_tips_mask>img {
  width: 1.175rem;
  height: 1.175rem;
  vertical-align: middle;
}

.exclusive_news_tips_mask>span.red_news_tips {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  text-align: center;
  line-height: 0.8rem;
  font-size: .45rem;
  font-family: DIN Next LT Pro;
  font-weight: 500;
  margin-left: 0.125rem;
  background: #FB4A25;
  color: #FFFFFF;
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
}

.index_search_container .btn_release {
  text-align: center;
  white-space: nowrap;

  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
}

.index_search_container .btn_release img {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

.btn_add_atten {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  right: 0.6rem;
  bottom: 3rem;
  z-index: 999;
  border: none;
  background: none;
  background: url(../images/bg_red_add.png) no-repeat center/cover;
}

.follow_news_tips_popup .popup_content .item_left_logo img {
  width: 2.525rem;
  height: 2.525rem;
}




























































/*8.2.0*/

.notification_authority_out_box {
  padding: 0.725rem 0.6rem
}

.notification_authority_in_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #FFE4DD;
  border-radius: .25rem;
  padding: 0.35rem 0.5rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #F7534F;
  line-height: 1.05rem;
}

.notification_authority_in_box .box_left img {
  width: .825rem;
  height: 1rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.notification_authority_in_box .box_left span {
  vertical-align: middle;
}

.notification_authority_in_box .box_right img {
  width: .6rem;
  height: .6rem;
  vertical-align: middle;
}

.personal_new_list {
  border-top: none !important;
  border-bottom: none !important;
}

.personal_new_list .detail_user_head {
  position: relative;
  display: inline-block;
}

.news_nums_tips.nums_tips_only {
  display: inline-block !important;
  width: 0.8rem;
  height: 0.8rem;
  line-height: 0.85rem;
  text-align: center;
}

.stock_detail_tabs_box .search_more_msg a {
  margin-right: 0 !important;
}

.stock_detail_tabs_box .search_more_msg img {
  width: .85rem;
  height: .85rem;
  vertical-align: middle;
}


.dongtai_list_box .comment_detail_content:before {
  right: 6rem !important;
  left: inherit !important;
}

.dongtai_list_box .comment_detail_content {
  margin-top: 0.6rem !important;
}

.user_head_name_box .head_msk_box {
  position: absolute;
  width: 1.7rem;
  height: 1.7rem;
  left: 0;
  top: 0;
}

.user_head_name_box .user_head_img {
  visibility: hidden;
}

.head_msk_box>canvas {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50%;
}

.user_head_name_box {
  position: relative;
  line-height: 1;
}

.status_label_screen_box {
  height: 100%;
}

.status_label_screen_box .box_top_main {
  width: 100%;
  height: 40%;
  overflow-y: scroll;

  font-size: 34px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.status_label_screen_box .box_top_main i.icon_close {
  width: 0.725rem;
  height: 0.725rem;
  background: url(../images/icon_white_close.png) no-repeat 0.3rem center/0.45rem 0.45rem;
  display: inline-block;
  vertical-align: middle;
}

.status_label_screen_box .box_top_main span {
  margin: 0.35rem;
  padding: 0.4rem 0.8rem;
  display: inline-block;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;

  vertical-align: middle;
  background: linear-gradient(180deg, #FFAD65, #FFC351);
  border-radius: .975rem;
}

.status_label_screen_box .box_middle_tabs {
  width: 100%;
  white-space: nowrap;
  overflow-x: scroll;
  height: 2.25rem;
  background: #FFFFFF;
  box-shadow: 0px .15rem .175rem 0px rgba(0, 0, 0, 0.08);
}

.status_label_screen_box .box_middle_tabs a {
  padding: 0 0.6rem;

  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
}

.status_label_screen_box .box_middle_tabs a.active span {

  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  border-bottom: .1rem solid #FFC351;
}

.status_label_screen_box .box_middle_tabs a span {
  padding: 0.35rem 0;
  display: inline-block;
}

.status_label_screen_box .box_bottom_select {
  height: 43%;
}

.status_label_screen_box .box_bottom_select>div {
  height: 100%;
}

.status_label_screen_box .box_bottom_select>div>div {
  height: 100%;
  overflow-y: scroll;
  padding: 0.25rem;
  padding-top: 0.5rem;
}

.status_label_screen_box .box_bottom_select>div>div span {
  margin: 0.35rem;
  padding: 0.4rem 0.8rem;
  display: inline-block;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  background: #ECECEC;
  border-radius: .975rem;
}

.status_label_screen_box .box_bottom_select>div>div span.select {

  color: #FFFFFF;
  background: linear-gradient(180deg, #FFAD65, #FFC351);
}

.status_label_finish {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0.6rem;
  width: 100%;
}

.status_label_finish button {
  width: 100%;
  height: 2.5rem;

  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  background: linear-gradient(180deg, #FFAD65, #FFC351);
  box-shadow: 0px .075rem .225rem 0px rgba(45, 45, 45, 0.15);
  border-radius: 1.25rem;
}

.dialog_per_index {
  padding: 0.6rem;
}

.dialog_per_inner_box {
  background: #FFFFFF;
  box-shadow: 0px .175rem .225rem 0px rgba(45, 45, 45, 0.16);
  border-radius: .5rem .5rem .5rem .1rem;
  padding: 0.6rem;
  position: relative;
}

.dialog_per_inner_box .per_msg_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.dialog_per_inner_box .per_msg_box .user_head img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}

.dialog_per_inner_box .per_msg_box .user_name {

  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #030303;
  line-height: 1.15rem;
}

.dialog_per_inner_box .per_msg_box .user_mask {
  word-break: break-all;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
  line-height: 1.15rem;
}

.dialog_per_inner_box .per_msg_box .user_msg_detail {
  margin-left: .25rem;
}

.want_to_talk {
  background: #fff;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.15rem;
  padding: 0.1rem 0.3rem;
  border-radius: .075rem;
}

.want_to_talk:before {
  content: "";
  display: inline-block;
  width: .25rem;
  height: .25rem;
  background: #FEBF55;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: .25rem;
}

.mask_browse_page {
  position: absolute;
  padding: 0.1rem 0.2rem 0.1rem 0.6rem;

  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 1.15rem;
  background: #FEBF55;
  border-radius: 1rem 0 0 1rem;
  right: 0;
  top: 0.6rem;
}

.private_chat_box {
  height: 100%;
  position: relative;
  background: #F0F4F7;
}

.dialog_risk_statement {
  background: rgba(0, 0, 0, 0.08);
  padding: 0.35rem 0.6rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;

  border-radius: .25rem;
  margin-top: .75rem;
}

.dialog_risk_statement p {
  line-height: .85rem;
}

.private_chat_box .dislog_main_area {
  overflow-y: auto;
  height: 85%;
  padding-bottom: 2rem;
}

.private_chat_box .dislog_main_area .dialog_content_blue {

  background: #FEBF55 !important;
}

.private_chat_box .right_robot_dialog .dialog_content_blue:before {
  border-left: 0.4rem solid #FEBF55;
}

.left_robot_dialog .dialog_img_content {
  background: none;
  padding: 0;
}

.left_robot_dialog .dialog_img_content img {
  max-width: 80%;
  max-height: 8rem;
}

.right_robot_dialog .dialog_img_content img {
  max-width: 80%;
  max-height: 8rem;
}

.bottom_chat_input_box {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1000;
}

.bottom_chat_input_box .bottom_chart_more {
  border-top: 1px solid #D8DADB;
  background: #F0F4F7;
  box-shadow: 0 0.025rem 0.075rem rgb(0 0 0 / 18%);
}

.bottom_chat_input_box .box_top {
  position: relative;
  padding: 0.6rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

.bottom_chat_input_box .box_top textarea {
  height: 1.75rem;
  background: #ededed;
  border: .075rem solid #F3F3F3;
  border-radius: .9rem;
  resize: none;
  padding: 0 0.6rem;
  padding-top: 0.25rem;
  width: 100%;
}

.mood-copy-text-wrp {
  position: relative;
  display: flex;
  align-items: center;
  background: #fff;

  padding: .5rem;

  font-size: .7rem;
}

.mood-copy-text-wrp>a {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
}

.mood-copy-inner {
  width: 100%;
  margin-right: .5rem;
}

.mood-copy-text-wrp>a>img {
  width: .5rem;
}

.bottom_chat_input_box .box_top button {
  height: 1.65rem;
  line-height: 1.65rem;
  border: none;
  background: #FEBF55;
  border-radius: .85rem;
  padding: 0 0.6rem;
  white-space: nowrap;

  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  margin-left: .5rem;
}

.bottom_chat_input_box .box_top img {
  width: 1rem;
  height: auto;
  margin-left: .5rem !important;
}

.not_written_mask {
  padding-left: 2rem !important;
  background: #fff url(../images/icon_bi_xie.png) no-repeat 1rem center/.475rem .575rem !important;
}

.chart_more_oper_box {
  padding: 0.6rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.chart_more_oper_box>div {
  width: 20%;
}

/* .chart_more_oper_box>div:nth-child(4)~div {
  margin-top: 0.5rem;
}
 */
.chart_more_oper_box>div>div {
  position: relative;
}

.chart_more_oper_box input[type="file"] {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.chart_more_oper_box>div {
  text-align: center;

  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #949494;
  line-height: 1.15rem;
}

.chart_more_oper_box>div img {
  width: 2rem;
  height: 2rem;
}

.emoji_container {
  width: 100%;
  overflow: hidden;
  display: none;
  border-top: 1px solid #D8DADB;
  background: #F0F4F7;
  box-shadow: 0 .025rem .075rem rgba(0, 0, 0, 0.176);
}

.emoji_container .emoji_content {
  width: 100%;
  height: 6rem;
  padding-left: .05rem;
  padding-right: .05rem;
}

.emoji_container .emoji_content .emoji_item {
  margin: 0;
  float: left;
  width: 100%;
  overflow: hidden;
  overflow-y: scroll;
  border-collapse: collapse;
  padding: 0.6rem 0.3rem;
}

.emoji_container .emoji_content .emoji_item ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding-top: 1px;
}

.emoji_container .emoji_content .emoji_item ul li {
  padding: .25rem;
  margin-left: -1px;
  width: 12.5%;
  margin-top: -1px;
}

.emoji_container .emoji_content .emoji_item ul li img {
  vertical-align: middle;
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 auto;
  display: block;
}

.emoji_container .emoji_tabar {
  display: none;
}

.emoji_container .emoji_tabar ul {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
}

.emoji_container .emoji_tabar ul li {
  display: inline-block;
  padding: .125rem;
  height: 100%;
  flex: 1;
  background-color: rgba(177, 177, 177, 0.1);
  border-right: 1px solid rgba(177, 177, 177, 0.4);
  border-radius: .075rem;
  margin-left: 0;
}

.emoji_container .del_expression {
  display: inline-block;
  width: 4rem;
  height: 2.2rem;
  position: absolute;
  right: 0.6rem;
  bottom: 0.5rem;
  z-index: 2;
  background: url(../images/chart_bq_del.png) no-repeat center/3.725rem 2.025rem;
}

.home_page_top {
  padding: 0.6rem;
  background: url(../images/bg_home_page_top.png) no-repeat center/cover;
}

.home_page_top .more_set_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .25rem;
}

.home_page_top .more_set_box .btn_more img {
  width: .95rem;
  height: .7rem;
}

.home_page_top .more_set_box .btn_set {
  margin-left: 1rem;
}

.home_page_top .more_set_box .btn_set img {
  width: .875rem;
  height: .875rem;
}

.home_page_top .more_set_box .btn_email_msg {
  display: inline-block;
  position: relative;
}

.home_page_top .more_set_box .btn_view_more img {
  width: 1.075rem;
  height: .25rem;
}

.home_page_top .more_set_box .btn_email_msg .new_tips {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #F7534F;
  position: absolute;
  right: -0.4rem;
  top: -0.1rem;

  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.8rem;
}

.home_page_top .more_set_box .btn_email_msg img {
  width: 1.1rem;
  height: .8rem;
}

.home_page_top .more_set_box .btn_oper img {
  width: .9rem;
  height: .85rem;
}

.home_page_top .my_head_box {
  margin-top: 1rem;
  display: flex;
}

.home_page_userinfo {
  margin-left: .55rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.home_page_userinfo_username {
  display: flex;
  align-items: center;
}

.home_page_top .my_head_box .head_img img {
  width: 3.025rem;
  height: 3.025rem;
  border-radius: 50%;
}

.home_page_top .my_head_box .head_name {
  margin-right: .6rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

/* 8.5.4新增 */
.home_page_identify {
  margin-top: 1.2rem;
}

.home_page_identify_title {
  display: flex;
  align-items: center;
}

.home_page_identify_title_avatar {
  width: .8rem;
  height: .8rem;
  margin-right: .3rem;
}

.home_page_identify_name {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #D4D3D3;
  line-height: .65rem;
}

.home_page_identify_info {
  margin-top: .3rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 1rem;
}




.my_per_masks {
  margin-top: .5rem;
}

.my_per_masks>span.set_state {

  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FEBF55;
}

.my_per_masks>span.set_state img {
  width: .575rem;
  height: .55rem;
  margin-right: .125rem;
  vertical-align: -5%;
}

.my_per_masks>span {
  margin-top: .25rem;
  height: 1.2rem;
  display: inline-block;
  line-height: 1.2rem;
  padding: 0 0.3rem;
  background: rgba(0, 0, 0, 0.25);
  border-radius: .6rem;
  margin: 0 .15rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  white-space: nowrap;
}

.home_page_top .my_per_nums {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .725rem;
}

.home_page_top .my_per_nums>div {
  text-align: center;
  flex: 1;
  height: .8rem;
  font-size: .7rem;
  line-height: .8rem;
  font-family: DIN Next LT Pro;
  font-weight: 500;
  color: #FFFFFF;
}

.home_page_top .my_per_nums>div:nth-child(1) {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.home_page_top .my_per_nums>div:nth-child(3) {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.home_page_top .my_per_nums>div:nth-child(4) {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.my_per_masks .add_more_mask {
  width: 1.2rem;
  text-align: center;
  color: #fff;
  font-size: .55rem;
  height: 1.2rem;

  display: inline-block;
  background: rgba(0, 0, 0, 0.25);
  margin: 0 .15rem;
  border-radius: 50%;
  white-space: nowrap;
  line-height: 1.1rem;
}

/* .my_per_masks .add_more_mask.mask_text {
  border-radius: .5rem;
  display: inline;
  padding: 0.25rem 0.3rem;
} */

.my_per_masks .link_more_mask {
  width: 1.2rem;
  text-align: center;
  margin: 0 .15rem;
  height: 1.2rem;
  display: inline-block;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  line-height: 1.1rem;
}

.my_per_masks .link_more_mask img {
  width: .275rem;
  height: .45rem;
  vertical-align: middle;
}

.add_more_mask.mask_text span {
  background: none !important;
}

.my_per_masks .add_more_mask img {
  width: .4rem;
  height: .4rem;
  vertical-align: middle;
}

.font-yellow {
  position: relative;
  padding-left: 0.5rem;
}

.font-yellow:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0.1rem;
  top: 30%;
  vertical-align: middle;
  background: rgba(254, 191, 85, 1);
  width: .15rem;
  height: .8rem;
  border-radius: .075rem;
}

.home_dynamic_list>li:nth-child(1) {
  padding-top: 0 !important;
}

.no_dynamic_tips_box {
  text-align: center;
  padding-top: 1rem;
}

.no_dynamic_tips_box img {
  width: 11.1rem;
  height: 6.9rem;
}

.no_dynamic_tips_box .text_tips {
  margin-top: .5rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 1.05rem;
}

.no_notes_tips_box {
  text-align: center;
  margin-top: .5rem;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 3.5rem;
  left: 0;
}

.no_notes_tips_box>div:nth-child(2) {
  margin-top: -1.8rem;
}

.no_notes_tips_box {
  -webkit-animation: rock 2s 0s ease-in-out infinite;
  -moz-animation: rock 2s 0s ease-in-out infinite;
  -ms-animation: rock 2s 0s ease-in-out infinite;
  -o-animation: rock 2s 0s ease-in-out infinite;
  animation: rock 2s 0s ease-in-out infinite;
}

.no_notes_tips_box img {
  width: 7.5rem;
  height: 5.15rem;
}

@keyframes rock {
  0% {
    bottom: 3.5rem;
  }

  20% {
    bottom: 3.6rem;
  }

  30% {
    bottom: 3.7rem;
  }

  40% {
    bottom: 3.8rem;
  }

  50% {
    bottom: 3.9rem;
  }

  60% {
    bottom: 3.8rem;
  }

  70% {
    bottom: 3.7rem;
  }

  80% {
    bottom: 3.6rem;
  }

  90% {
    bottom: 3.5rem;
  }

  100% {
    bottom: 3.5rem;
  }
}

@-webkit-keyframes rock {
  from {
    bottom: 3.5rem;
  }

  to {
    bottom: 4rem;
  }
}


.no_notes_tips_box>div {
  margin-top: .5rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 1.05rem;
}

.home_focus_private {
  position: fixed;
  padding: 0.6rem 0;
  width: 100%;
  left: 0;
  bottom: 0;
}

.home_focus_private button.btn_gray {
  border: 1px solid #ccc;
  color: #ccc;
  background: none;
}

.home_focus_private>div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home_focus_private button {
  flex: 1;
  font-size: .8rem;
  height: 2.05rem;
  border-radius: 1.025rem;
  line-height: 1.05rem;
  border: 1px solid #FEBF55;
  margin: 0 0.6rem;
}

.home_focus_private .btn_focus {
  background: #fff;

  font-family: PingFang SC;
  font-weight: 500;
  color: #FFC056;
}

.home_focus_private .btn_private {
  border: none;
  color: #000000;
  background: #FFC056;
}

.first_enter_box {
  padding: 0.6rem;
  position: relative;
}

.done_select_box {
  padding: 0.725rem 0;
}

.done_select_box span {
  margin: 0.35rem;
  padding: 0.4rem 0.8rem;
  display: inline-block;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  background: #ECECEC;
  border-radius: .975rem;
}

.first_enter_box .item_title_tips {
  padding: 0 0.35rem;
}

.first_enter_box .item_footer_tips p {
  text-align: center;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 1.1rem;
  margin-top: 1rem;
}

.done_select_box span.active {
  color: #FFFFFF;
  background: linear-gradient(180deg, #FFAD65, #FFC351);
}

.first_enter_box {
  height: 100%;
}

.first_enter_box>div {
  position: relative;
}

.first_enter_box .enter_00 {
  height: 100%;
  padding: 0.6rem;
}

.first_enter_box .dialog_content_blue {
  background: #FEBF55 !important;
}

.first_enter_box .right_robot_dialog .dialog_content_blue:before {
  border-left: 0.4rem solid #FEBF55;
}

.enter_app_dialog_list .left_robot_dialog .dialog_content {
  color: #030303;
  background: #F6F6F6;
  border: 1px solid #F3F3F3;
}

.enter_app_dialog_list .dialog_select_item {
  padding: 0.6rem;
  display: block;

  border: 1px solid #F3F3F3;
  box-shadow: 0px .15rem .175rem 0px rgba(243, 201, 201, 0.16);
  border-radius: .5rem;
}

.enter_app_dialog_list .dialog_select_item .item_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.enter_app_dialog_list .dialog_select_item .item_top .box_right {
  position: relative;
}

.enter_app_dialog_list .dialog_select_item .item_top .box_right span {
  vertical-align: middle;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #CCCCCC;
}

.enter_app_dialog_list .dialog_select_item .item_top .box_right input {
  opacity: 0;
  width: .7rem;
  height: .7rem;
  position: absolute;
  left: 0;
  top: 0;
}

.enter_app_dialog_list .dialog_head img {
  width: 1.7rem;
  height: 1.7rem;
}

.enter_app_dialog_list>li:first-child>div {
  margin-top: 0 !important;
}

.enter_app_dialog_list .dialog_select_item .item_top .box_left img {
  width: .825rem;
  height: .825rem;
  vertical-align: middle;
  margin-right: .125rem;
  border-radius: 50%;
}

.enter_app_dialog_list .dialog_select_item .item_top .box_left span {
  vertical-align: middle;
}

.enter_app_dialog_list .dialog_select_item.active {

  border: .05rem solid rgba(254, 191, 85, 0.33);
}

.enter_app_dialog_list .dialog_select_item {
  margin-top: .5rem;
}

.enter_app_dialog_list .dialog_select_item .item_top .box_right i {
  display: inline-block;
  width: .7rem;
  height: .7rem;
  vertical-align: middle;
  background: url(../images/enter_no_select.png) no-repeat center/cover;
  margin-left: .125rem;
}

.enter_app_dialog_list .dialog_select_item .item_top input:checked~i {
  background: url(../images/enter_select.png) no-repeat center/cover;
}

.enter_app_dialog_list .dialog_select_item .item_top input:checked+span {
  color: #FEBF55;
}

.enter_app_dialog_list .dialog_select_item .item_bottom p {

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  margin-top: .35rem;
  line-height: 1.15rem;
}

.enter_01 .enter_app_dialog_list .dialog_select_item .item_bottom p {

  font-family: PingFang SC;
  font-weight: bold;
  color: #030303;
  font-size: .8rem;
  line-height: 1.15rem;
}

.first_enter_box>div {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.first_enter_box .enter_01 {
  height: 100%;
  padding: 0.6rem;
}

.first_enter_box .enter_01 .dislog_main_area {
  overflow-y: scroll;
  height: 90%;
}

.first_enter_box .enter_02 {
  height: 100%;
  padding: 0.6rem;
}

.first_enter_box .enter_02 .dislog_main_area {
  overflow-y: scroll;
  height: 90%;
}

.first_enter_box .enter_03 {
  height: 100%;
  padding: 0.6rem;
}

.first_enter_box .enter_04 {
  height: 100%;
  padding: 0.6rem;
}

.dialog_selected_item_box {
  border: 1px solid #F3F3F3;
  border-radius: .5rem;
  padding: 0 0.6rem;
  margin-top: .5rem;
}

.dialog_selected_item_box>.dialog_select_item {
  margin-top: 0 !important;
  border-radius: 0;
  box-shadow: none;
  border: none !important;
  padding: 0.5rem 0;
  border-bottom: 1px solid #F3F3F3 !important;
}

.enter_00 .done_select_box {
  height: 85%;
  overflow-y: scroll;
}

.online_people_nums_box {
  height: 100%;
}

.online_people_nums {
  height: 80%;
  width: 100%;
  position: relative;
  background: url(../images/bg_dating_match.png) no-repeat center/cover;
}

.online_people_nums>div {
  display: inline-block;
  text-align: center;
}

.bubble_box .box_text {
  width: 4.2rem;
  background: #fff;
  padding: 0.15rem;
  border-radius: .25rem;
  border: 1px solid #2E2E2E;
  position: absolute;
  display: none;
  left: 50%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
  top: -1.2rem;
}

.audience_layout .box_text {
  background: #fff;
  display: none;
  padding: 0.15rem;
  white-space: nowrap;
  border-radius: .25rem;
  border: .05rem solid #000000;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
  top: -65%;
  text-align: center;
  line-height: 0.8rem;
  max-width: 7rem;
  font-size: .55rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #2E2E2E;
}

.audience_layout .box_text img {
  width: .55rem;
  vertical-align: middle;
  height: .55rem;
}

.audience_layout .box_text p {
  overflow: hidden;
}

.audience_layout .box_text:before {
  content: "";
  position: absolute;
  left: 44.5%;
  border-right: 0.25rem solid transparent;
  border-top: 0.3rem solid #fff;
  border-left: 0.25rem solid transparent;
  bottom: -0.25rem;
  z-index: 10;
}

.audience_layout .box_text:after {
  content: "";
  position: absolute;
  left: 44.2%;
  bottom: -0.4rem;
  border-right: 0.25rem solid transparent;
  border-top: 0.35rem solid #2e2e2e;
  border-left: 0.25rem solid transparent;
  z-index: 9;
}

.bubble_box .box_text:before {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
  border-right: 0.25rem solid transparent;
  border-top: 0.3rem solid #fff;
  border-left: 0.25rem solid transparent;
  bottom: -0.4rem;
  z-index: 10;
}

.bubble_box .box_text:after {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
  border-right: 0.25rem solid transparent;
  border-top: 0.35rem solid #2e2e2e;
  border-left: 0.25rem solid transparent;
  bottom: -0.5rem;
  z-index: 9;
}

.bubble_box .box_text p {
  line-height: 1.2;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}


.online_people_nums .bubble_box .box_img {

  animation: Updown 2s infinite alternate;
  -webkit-animation: Updown 2s alternate infinite;
  /*infinite无限播放，alternate轮流反向播放*/
}

@keyframes Updown {
  from {
    margin-top: .25rem;
  }

  to {
    margin-top: .15rem;
  }
}

@-webkit-keyframes Updown {
  from {
    margin-top: .5rem;
  }

  to {
    margin-top: .35rem;
  }
}

.online_people_nums .bubble_box {
  position: absolute;
}

.online_people_nums .bubble_box:nth-child(1) {
  left: 10%;
  top: 4rem;
}

.online_people_nums .bubble_box:nth-child(2) {
  left: 34%;
  top: 4rem;
}

.online_people_nums .bubble_box:nth-child(3) {
  left: 67%;
  top: 2.5rem;
}

.online_people_nums .bubble_box:nth-child(4) {
  left: 12%;
  top: 9rem;
}

.online_people_nums .bubble_box:nth-child(5) {
  left: 42%;
  top: 8rem;
}

.online_people_nums .bubble_box:nth-child(6) {
  left: 70%;
  top: 6rem;
}

.online_people_nums .bubble_box:nth-child(7) {
  left: 30%;
  top: 14.8rem;
}

.online_people_nums .bubble_box:nth-child(8) {
  left: 50%;
  top: 14rem;
}

.online_people_nums .bubble_box:nth-child(9) {
  left: 75%;
  top: 12.5rem;
}

.online_people_nums .bubble_box:nth-child(1)>div:nth-child(2) {
  width: 1.35rem;
  height: 1.4rem;
  background: url(../images/dt_baoyou.png) no-repeat center/100%;
}

.online_people_nums .bubble_box:nth-child(2)>div:nth-child(2) {
  width: 2.75rem;
  height: 2.45rem;
  background: url(../images/dt_niu.png) no-repeat center/100%;
}

.online_people_nums .bubble_box:nth-child(3)>div:nth-child(2) {
  width: 1.45rem;
  height: 1.3rem;
  background: url(../images/dt_jiayou.png) no-repeat center/100%;
}

.online_people_nums .bubble_box:nth-child(4)>div:nth-child(2) {
  width: 3.7rem;
  height: 3.25rem;
  background: url(../images/dt_niu.png) no-repeat center/100%;
}

.online_people_nums .bubble_box:nth-child(5)>div:nth-child(2) {
  width: 2.475rem;
  height: 2.375rem;
  background: url(../images/dt_meiyuanfu.png) no-repeat center/100%;
}

.online_people_nums .bubble_box:nth-child(6)>div:nth-child(2) {
  width: 3.025rem;
  height: 3.025rem;
  background: url(../images/dt_liuhan.png) no-repeat center/100%;
}

.online_people_nums .bubble_box:nth-child(7)>div:nth-child(2) {
  width: .95rem;
  height: 1.025rem;
  background: url(../images/dt_baoyou.png) no-repeat center/100%;
}

.online_people_nums .bubble_box:nth-child(8)>div:nth-child(2) {
  width: 3.025rem;
  height: 3.225rem;
  background: url(../images/dt_baoyou.png) no-repeat center/100%;
}

.online_people_nums .bubble_box:nth-child(9)>div:nth-child(2) {
  width: 1.575rem;
  height: 1.375rem;
  background: url(../images/dt_jiayou.png) no-repeat center/100%;
}

.share_matching_box {
  position: absolute;
  bottom: 0rem;
  left: 0;
  padding: 0.6rem;
  width: 100%;
  height: 33%;
  text-align: center;
  background: url(../images/bg_share_matching_box.png) no-repeat center top/cover;
}

.share_matching_box>div:nth-child(1) {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  left: 50%;
  top: 45%;
  position: absolute;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0.6rem;
}

.share_matching_box>div:nth-child(1) .people_num {
  color: rgba(243, 180, 60, 1);
}

.share_matching_box>div:nth-child(2) {
  text-align: center;
  margin-top: .5rem;
}

.share_matching_box>div button.btn_complementary {
  border-radius: .5rem;
  text-align: center;
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFCF2;
  border: none;
  padding: 0;
  text-shadow: .025rem .05rem 0px rgba(46, 46, 46, 0.24);
  width: 20%;
  height: 3.5rem;
  background: url(../images/bg_shdt_hbl.png) no-repeat center/cover;
}

.share_matching_box>div button.btn_angel_card {
  border-radius: .5rem;
  width: 20%;
  text-align: center;
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFCF2;
  padding: 0;
  border: none;
  text-shadow: .025rem .05rem 0px rgba(46, 46, 46, 0.24);
  height: 3.5rem;
  background: url(../images/bg_shdt_tsk.png) no-repeat center/cover;
}

.share_matching_box>div button:last-child {
  border: none;
  padding: 0.5rem 0.8rem;
  height: 3.5rem;
  justify-content: center;
  display: flex;
  color: #FFFFFF;
  background: url(../images/bg_tips_mask_box.png) no-repeat center/cover;
  justify-content: flex-start;
  align-items: center;
  line-height: 1;
  border-radius: .5rem;
}

.share_matching_box>div button:nth-child(1) div img {
  width: 1.125rem;
  height: 1.225rem;
}

.share_matching_box>div button:nth-child(2) div img {
  width: 1.55rem;
  height: 1.15rem;
}

.share_matching_box>div button:nth-child(1) div:nth-child(2) {
  margin-top: .125rem;
}

.share_matching_box>div button:nth-child(2) div:nth-child(2) {
  margin-top: .125rem;
}

.share_matching_box>div button img {
  width: 2.2rem;
  height: 1.925rem;
}

.share_matching_box>div button:last-child>div {
  margin-left: .25rem;
  margin-top: -.25rem;
  white-space: nowrap;
}

.share_matching_box>div button .box_top {
  font-size: 1rem;
  font-family: "PingFang SC";
  font-weight: bold;
  color: #fff;
  text-shadow: #000 .025rem .025rem .025rem;
}

.share_matching_box>div button .box_bottom {
  font-size: .55rem;
  color: #fff;
  text-shadow: #000 .025rem .025rem .025rem;
  margin-top: .25rem;
}

.app_login_img_box {
  text-align: center;
  padding-top: 2rem;
}

.app_login_img_box img {
  max-width: 100%;
}

.login_ways_box {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 1.2rem;
  background: #fff;
}

.login_with_main button {
  height: 2.2rem;
  background: #FFB23E;
  border-radius: .25rem;
  font-size: .725rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: .95rem;
  border: none;
  width: 100%;
}

.login_with_main button img {
  width: .5rem;
  height: .75rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.login_with_more {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
}

.login_with_more>a {
  flex: 1;

  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
  line-height: 1.05rem;
  text-align: center;
  text-align: center;
}

.login_with_more>a img {
  width: 1.575rem;
  height: 1.575rem;
}

.login_with_more>a>div:nth-child(2) {
  margin-top: .25rem;
}

.both_choose_one_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 4rem;
}

.both_choose_one_box>div.choose_left.active {
  background: #FFAD65 url(../images/bg_active_gou.png) no-repeat -0.6rem 1.5rem/5rem 5rem;
}

.both_choose_one_box>div>div:nth-child(2) {
  margin-top: .25rem;
}

.both_choose_one_box>div.choose_right.active {
  background: #51B7FF url(../images/bg_active_gou.png) no-repeat 4rem 1.5rem/5rem 5rem;
}

.both_choose_one_box>div {
  width: 46%;
  padding: 1rem 0.6rem;
  position: relative;
  height: 5.5rem;
}

.both_choose_one_box>div>div p {
  height: 2.3rem;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.1rem;
}

.both_choose_one_box>div>div img {
  width: .8rem;
  height: .8rem;
  border-radius: 50%;
  vertical-align: middle;
}

.both_choose_one_box>div>div span {
  color: rgba(46, 46, 46, 0.6);
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  vertical-align: middle;
  margin-left: .125rem;
}

.both_choose_one_box>div:nth-child(1) {
  padding-right: 0;
  background: #FFAD65;
  border-radius: .5rem 0px 0px .5rem;
}

.both_choose_one_box>div:nth-child(1):after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-right: 0rem solid transparent;
  border-bottom: 5.5rem solid transparent;
  border-left: 1rem solid #FFAD65;
  right: -1rem;
  top: 0;
}

.both_choose_one_box>div:nth-child(1) .icon_both_or {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  right: -1.5rem;
  z-index: 2;
  top: 38%;
}

.both_choose_one_box>div:nth-child(2):before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-right: 1rem solid rgba(81, 183, 255, 1);
  border-top: 5.5rem solid transparent;
  border-left: 0rem solid transparent;
  left: -1rem;
  top: 0;
}

.both_choose_one_box>div:nth-child(2).bg_item_yellow:before {
  border-right: 1rem solid #FFAD65 !important;
}

.both_choose_one_box>div:nth-child(1).bg_item_blue:after {
  border-left: 1rem solid #51B7FF !important;
}

.both_choose_one_box>div:nth-child(2).bg_item_yellow {
  background: #FFAD65 !important;
}

.both_choose_one_box>div:nth-child(1).bg_item_blue {
  background: #51B7FF !important;
}

.both_choose_one_box>div:nth-child(2) {
  text-align: right;
  padding-left: 0.6rem;
  background: #51B7FF;
  box-shadow: -.05rem -.05rem .225rem 0px rgba(45, 45, 45, 0.15);
  border-radius: 0px .5rem .5rem 0px;
}

.btn_none_b_gray {
  border: none;
  background: none;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  padding: 0;
}

.btn_none_b_gray.active {
  color: #999999;
}

.home_more_oper_box {
  position: absolute;
  width: 0%;
  z-index: 1002;
  left: 0;
  top: 0;
  background: #fff;
  padding-top: 2rem;
  height: 100%;
  transition: all .3s;
}

.nav_right_show {
  width: 60%;
  height: 100%;

  transition: all .3s;
}

.home_more_oper_box a {
  display: none;
}

.nav_right_show a {
  display: block;
  overflow: hidden;
  padding: .9rem 0;
  padding-left: 1.6rem;
  border-bottom: 1px solid #FAFAFA;
  transition: all .3s;
}

.home_more_oper_box ul li {

  padding: 0 0.6rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  display: block;

  color: #2E2E2E;
  line-height: 1.05rem;
}

.home_more_oper_box ul li a span {
  vertical-align: middle;
}

.home_more_oper_box ul li a img {
  width: .9rem;
  margin-right: .25rem;
  height: .9rem;
  vertical-align: middle;
}

.state_mask_edit_popup {
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 10000;
  position: absolute;
  left: 0;
  bottom: 0;
  display: none;
  padding: 0.6rem;
}

.state_mask_edit_popup .popup_head {
  text-align: right;
}

.state_mask_edit_popup .popup_head img {
  width: .75rem;
  height: .75rem;
}

.state_mask_edit_popup .popup_bottom {
  position: absolute;
  width: 100%;
  padding: 0.6rem;
  bottom: 0;
  left: 0;
}

.state_mask_edit_popup .popup_bottom button {
  height: 2.5rem;
  width: 100%;
  background: none;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFC056;
  line-height: 1.775rem;
  border: 1px solid #FFC056;
  border-radius: 1.25rem;
}

.match_online_people_ing {
  width: 100%;
  height: 100%;
  z-index: 10000;
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 8rem;
  background: url(../images/bg_ld_match.png) no-repeat center/cover;
}

.match_online_people_ing .img_container {
  text-align: center;
  position: relative;
}

.match_online_people_ing .img_container .img_turn_left {
  width: 11.4rem;
  height: 11.4rem;
  animation: rotateLeft 5s linear infinite;
  -webkit-animation: rotateLeft 5s linear infinite;
}

@-webkit-keyframes rotateLeft {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

.match_online_people_ing .img_container .img_mask_center {
  width: 9.175rem;
  height: 5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
}

.match_online_people_ing .img_container .img_turn_center {
  width: 10.175rem;
  height: 10.175rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
}

.match_online_people_ing .img_container .img_turn_right {
  position: absolute;
  width: 9.85rem;
  height: 9.85rem;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  animation: rotateRight 2s linear infinite;
  -webkit-animation: rotateRight 2s linear infinite;
}

@-webkit-keyframes rotateRight {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

.match_online_people_ing .text_container {
  margin-top: 2rem;
  text-align: center;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #D84238;
  line-height: 1.05rem;
}

.match_online_people_ing .text_container>span {
  display: inline-block;
  width: 1rem;
}

.match_online_people_ing .text_container>span:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  animation: ellipsis 1s infinite;
  content: "\2026";
}

@keyframes ellipsis {
  from {
    width: 0.25rem;
  }

  to {
    width: 0.8rem;
  }
}


.anonymous_publishing_line {
  position: relative;
}

.anonymous_publishing_line input {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.anonymous_publishing_line span {
  vertical-align: middle;

  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 2.5rem;
}

.anonymous_publishing_line i {
  display: inline-block;
  width: .7rem;
  height: .7rem;
  vertical-align: middle;
  background: url(../images/enter_no_select.png) no-repeat center/cover;
  margin-right: .125rem;
}

.anonymous_publishing_line input:checked~i {
  background: url(../images/enter_select.png) no-repeat center/cover;
}






























/*.stock_detail_tabs_list {
	height: 100%;
	overflow-y: auto;
}*/

.bar-tab .tab-item .msg_nums_tips {
  position: absolute;
  padding: 0.05rem 0.1rem;
  background: #F7534F;
  right: 1rem;
  top: 0.25rem;
  color: #fff;
  font-size: .55rem;
  text-align: center;

  border-radius: 40%;
  z-index: 100;
}

.bar-tab .tab-item .msg_nums_tips.nums_only {
  display: inline-block;
  line-height: 1;
  width: 0.7rem;
  height: 0.7rem;
  line-height: 0.68rem;
}

.personal_new_list li>div {
  align-items: center;
}

.personal_new_list li {
  background: #fff;
}

.bar-tab.tab-style-2 .tab-label {
  font-size: .6rem !important;
}

.flex_right_all_box {
  display: flex;
  width: 100%;
  padding: 0.6rem 0;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: .05rem solid #f3f3f3;
  padding-right: 0.6rem;
}

.flex_right_all_box>div:nth-child(2) {
  text-align: right;
}

.personal_new_list .swipeout {
  padding-left: 0.6rem;
}

.personal_new_list .swipeout .swipeout-actions-right>a {
  height: 100%;
}

.personal_new_list .swipeout .user_name {

  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.475rem;
}

.no_dynamic_tips_box.no_msg_record {
  margin-top: 7rem;
}



.tab-style-2 .tab-item .icon {
  width: 1.2rem;
  height: 1.2rem;
}

.list_padding>li {
  padding: 0.6rem;
  border-bottom: .05rem solid #f3f3f3;
}

.chart_item_list {
  padding: 0.6rem 0 !important;
}

.chart_item_list li {
  padding: 0 0.6rem;
}

.chart_more_oper_tips {
  height: 2rem;

  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  background: #DDE1E4;
  border: 1px solid #D4D4D4;
  line-height: 2rem;
  text-align: center;
}

.chart_more_oper_tips img {
  width: .575rem;
  vertical-align: middle;
  height: .6rem;
  margin-right: .25rem;
}

.chart_more_oper_tips span {
  vertical-align: middle;
}

.chart_more_oper_tips .go_oper {
  margin-left: .25rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFA001;
}

.cheer_up_line {
  text-align: center;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
}

.double_click_head {
  position: absolute;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.15rem;
  background: rgba(0, 0, 0, 0.55);
  padding: 0.2rem 0.3rem;
  white-space: nowrap;
  border-radius: .15rem;
  top: 2.25rem;
  left: 0rem;
  z-index: 999;
}

.double_click_head:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 0.35rem solid transparent;
  border-right: 0.35rem solid transparent;
  border-bottom: 0.3rem solid rgba(0, 0, 0, 0.55);
  z-index: 1;
  top: -0.3rem;
  left: 0.725rem;
}

.exchange_stock_popup {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  height: 90%;
  background: #fff;
  z-index: 10001;
  overflow: auto;
  border-radius: .5rem .5rem 0 0;
}

.exchange_stock_popup .popup_head {
  text-align: right;
  padding: 0.6rem;
}

.exchange_stock_popup .popup_head img {
  width: .8rem;
  height: .8rem;
}

.exchange_stock_popup .popup_img {
  text-align: center;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  margin-top: .5rem;
}

.exchange_stock_popup .popup_img img {
  width: 3.5rem;
  height: 3.5rem;
}

.exchange_stock_popup .popup_text {
  padding: 0.5rem 1rem;
}

.exchange_stock_popup .popup_text p {
  text-align: center;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
}

.exchange_stock_popup .popup_search {
  padding: 0.5rem 1rem;
  position: relative;
}

.exchange_stock_popup .popup_search img {
  width: .8rem;
  height: .8rem;
  position: absolute;
  right: 1.8rem;
  top: 1.4rem;
}

.exchange_stock_popup .popup_search input {
  height: 2.5rem;
  text-align: center;
  background: #FAFAFA;
  border: 1px solid #CCCCCC;
  border-radius: 1.25rem;
  width: 100%;
  padding: 0 0.6rem;
  padding-right: 1.6rem;
}

.exchange_stock_popup .popup_btn {
  width: 100%;
  text-align: center;
}

.exchange_stock_popup .popup_btn button {
  padding: 0 1.4rem;
  border: none;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  height: 2.5rem;
  background: #E1E1E1;
  border-radius: 1.25rem;
}

.exchange_stock_popup .popup_btn button.active {
  background: #FEBF55;
}

.chart_img_text_box {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  position: relative;
}

.chart_img_text_box .box_left img {
  width: 2.7rem;
  height: 2.7rem;
  vertical-align: middle;
}

.chart_img_text_box .box_right {
  margin-left: .25rem;
  text-align: left;
  position: relative;
  width: 100%;
}

.chart_img_text_box .box_right .text_top p {

  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #030303;
  line-height: 0.9rem;
}

.chart_img_text_box .box_right .text_bottom {
  margin-top: .25rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
}

.chart_img_text_box .box_right .text_bottom span {
  line-height: 0.8rem;
}

.how_view_stock {
  margin-top: .5rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #404040;
}

.how_view_stock span {
  vertical-align: middle;
}

.how_view_stock .view_opinion {
  padding: 0.05rem 0.3rem;
  background: #FFFFFF;
  border-radius: .15rem;

  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  margin: 0 .25rem;
}

.how_view_stock .view_00 {
  color: #CC3131;
  border: 1px solid #CC3131;
}

.how_view_stock .view_01 {

  border: 1px solid #00B408;
  color: #00B408;
}

.how_view_stock .view_02 {
  border: 1px solid #8E8E8E;

  color: #8E8E8E;
}

.questioning_view_line {
  text-align: center;
  background: rgba(0, 0, 0, 0.08);
  border-radius: .25rem;
  padding: 0.6rem 0;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: .85rem;
}

.questioning_view_line span {
  vertical-align: middle;
}

.questioning_view_line .btn_opening {
  color: rgba(255, 160, 1, 1);
  margin-left: .5rem;
}

.stake_part_box {
  display: flex;
  padding: 0.5rem 2rem;
  align-items: center;
  justify-content: space-between;
}

.stake_part_box>div {
  width: 45%;
  border-radius: .5rem;
  padding: 0.5rem;
  font-weight: bold;
  color: #FFFFFF;
}

.stake_part_box>div.part_left {

  background: linear-gradient(180deg, #FF4046, #FF8C31);
  box-shadow: 0px .15rem .425rem 1px rgba(255, 80, 66, 0.24);
}

.stake_part_box>div.part_right {

  background: linear-gradient(180deg, #15CB5E, #8BDA60);
  box-shadow: 0px .15rem .425rem 1px rgba(8, 115, 43, 0.24);
}

.stake_part_box .name {

  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.stake_part_box .name img {
  width: .575rem;
  height: .825rem;
  vertical-align: middle;
  margin-left: .25rem;
}

.stake_part_box .des {
  color: rgba(255, 255, 255, 0.7);

  font-size: .7rem;
}

.stake_part_box .stake_btn {
  text-align: center;
  margin-top: .375rem;
}

.stake_part_box .stake_btn button {
  box-shadow: 0px .075rem .25rem 1px rgba(93, 54, 33, 0.14), 0px -6px 16px 0px rgba(255, 138, 48, 0.46);
  border-radius: .8rem;
  border: none;
  background: #FFF3EA;
  padding: 0.15rem 0.725rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: bold;
}

.stake_part_box .part_left .stake_btn {
  color: #FF4F42;
}

.stake_part_box .part_right .stake_btn {
  color: rgba(43, 206, 94, 1);
}

.stake_success_tips .tips_title {
  text-align: center;
  font-size: .95rem;
  height: 2.2rem;
  line-height: 2rem;
  position: absolute;
  top: -0.725rem;
  left: 0;
  width: 100%;
  font-family: PingFang SC;
  font-weight: 800;
  color: #FFFFFF;
  background: url(../images/bg_stake.png) no-repeat center/12.825rem 2.2rem;
}

.stake_success_tips {
  padding: 0.5rem 1.4rem;
  position: relative;
  margin-top: 1rem;
}

.stake_success_tips .tips_content {
  padding: 2rem 1rem 1rem 1rem;
  background: #FFEFCF;
  z-index: -1;
  border: .075rem solid #F3F3F3;
  border-radius: .15rem .5rem .5rem .5rem;
}

.stake_success_tips .tips_content textarea {
  width: 100%;
  border: none;
  padding: 0.6rem;
  min-height: 6rem;
  resize: none;
  background: #FFFFFF;
  border-radius: .15rem .5rem .5rem .5rem;
}

.questioning_view_line .view_mask {
  color: rgba(204, 49, 49, 1);
  display: inline-block;
  margin-top: .25rem;
  font-size: .9rem;
}

.finger_guessing_which {
  padding: 0.5rem 1rem;
}

.finger_guessing_which .which_title {
  text-align: center;
  font-size: 1.05rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FD7B2E;
  line-height: 2.325rem;
}

.finger_guessing_which .which_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.finger_guessing_which .which_content>div {
  width: 32%;
  border-radius: .5rem;

  border: .1rem solid rgba(254, 164, 123, 0.22);
  text-align: center;
  padding: 0.6rem 0;
}

.finger_guessing_which .which_content>div.active {
  border: .1rem solid rgba(254, 164, 123, 1);
}

.finger_guessing_which .which_content div img {
  max-width: 100%;
  height: auto;
}

.fixed_b_both_btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0.6rem;
}

.fixed_b_both_btn>button {
  width: 48%;
}

.fixed_b_both_btn button.btn_left {
  height: 2.25rem;
  line-height: 2.25rem;

  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FD8933;

  border: 1px solid #FC6934;
  font-weight: 500;
  background: none;
  border-radius: .35rem;
}

.fixed_b_both_btn button.btn_right {
  height: 2.25rem;
  line-height: 2.25rem;
  background: linear-gradient(180deg, #FEAA33, #FC6534);
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  border-radius: .35rem;
  border: none;
}

.little_secret_result {

  background: #FEBF55;
  border-radius: .5rem;
}

.little_secret_result .result_title {
  padding: 0.3rem 0.6rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: .85rem;
}

.little_secret_result .result_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #F0F4F7;
  border: .1rem solid #FEBF55;
  border-radius: .5rem .5rem;
  position: relative;
  background: #fff;
}

.little_secret_result .result_content .mask_mine {
  position: absolute;
  right: 0;
  top: 0;
  background: #999;
  color: #fff;
  font-size: .9rem;
  padding: 0.05rem 0.35rem;
  border-radius: 0 .5rem 0 .5rem;
}

.little_secret_result .result_content>div {
  width: 33%;
}

.little_secret_result .result_content>div>img {
  width: 100%;
  height: auto;
}

.little_secret_result .result_content>div:nth-child(1) {
  -webkit-transform: rotate(90deg);

  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}

.little_secret_result .result_content>div:nth-child(3) {
  -webkit-transform: rotate(-90deg);

  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.guess_boxing_img {
  display: flex;
  padding: 0.5rem 2.8rem;
  flex-wrap: wrap;
  justify-content: space-between;
}

.guess_boxing_img>div {
  width: 48%;
  border-radius: .25rem;
  border: .1rem solid #AFAFAF;
}

.guess_boxing_img>div.active {
  border: .1rem solid #FF892C;
  position: relative;
}

.guess_boxing_img>div.active:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: .8rem;
  right: 0;
  bottom: 0;
  height: .8rem;
  background: url(../images/enter_select.png) no-repeat center/.8rem;
}

.guess_boxing_img>div:nth-child(2)~div {
  margin-top: .5rem;
}

.guess_boxing_img>div img {
  max-width: 100%;
  border-radius: .25rem;
}

.change_guess_img {
  text-align: center;
}

.change_guess_img span {

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  text-decoration: underline;
  color: #628FFB;
  line-height: 1.05rem;
}

.exchange_stock_popup .guess_text {
  width: 100%;
  padding: 0.5rem 0.6rem;
}

.exchange_stock_popup .guess_text input {
  width: 100%;
  height: 2.2rem;
  padding: 0 1rem;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
}

.reference_resources_line {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #404040;
  padding: 0.5rem 0.6rem;
}

.reference_resources_line .view_opinion {
  padding: 0.05rem 0.3rem;
  background: #FFFFFF;
  color: rgba(98, 143, 251, 1);
  border: 1px solid rgba(98, 143, 251, 1);
  border-radius: .15rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  margin: 0 .25rem;
}

.dialog_guess_img {
  margin-top: .5rem;
}

.dialog_guess_img img {
  max-width: 100%;
  max-height: 8rem;
  border-radius: .5rem;
}

.btn_deduction span {

  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  text-decoration: underline;
  color: #8E8E8E;
  line-height: 1.775rem;
}

.mask_tips_item {
  width: 98%;
  margin: 0 auto;
  border-radius: .5rem;
  padding: 0.2rem !important;

  border: .05rem dashed #FFFFFF;
}

.mask_tips_item li {
  background: #fff;

  border-radius: .5rem;
  padding: 0.2rem !important;
}

.mask_tips_text_explain {
  font-size: .8rem;
  font-family: HYXiZhongYuanJ;
  font-weight: 400;
  color: #fff;
  line-height: 1.2rem;
  padding: 0.5rem 2rem;
}

.mask_tips_text_explain span {
  vertical-align: middle;
}

.mask_tips_text_explain img {
  width: 1.85rem;
  height: 1.5rem;
  vertical-align: text-bottom;
  margin-right: .5rem;
}

.mask_tips_text_explain .tips_box {
  text-align: left;
}

.mask_tips_text_explain .button_box {
  text-align: right;
  margin-top: .725rem;
}

.mask_tips_text_explain .button_box span {
  width: 4.325rem;
  height: 2.225rem;
  display: inline-block;
  border: none;
  background: url(../images/icon_i_know.png) no-repeat center/4.325rem 2.225rem;
}

.second_mask_tips_text_explain {
  font-size: .8rem;
  font-family: HYXiZhongYuanJ;
  font-weight: 400;
  color: #fff;
  line-height: 1.2rem;
  padding: 0.5rem 1.2rem;
  margin-top: 8rem;
  padding-right: 3rem;
}

.second_mask_tips_text_explain .tips_box {
  white-space: nowrap;
}

.second_mask_tips_text_explain .tips_box img {
  width: 1.85rem;
  height: 1.5rem;
  margin-top: -3.7rem;
  margin-right: .5rem;
}

.second_mask_tips_text_explain .tips_box span {
  display: inline-block;
  white-space: pre-wrap;
  overflow: hidden;
  padding-right: 2rem;
}

.second_mask_tips_text_explain .button_box {
  text-align: right;
}

.second_mask_tips_text_explain .button_box span {
  width: 4.325rem;
  height: 2.225rem;
  display: inline-block;
  border: none;
  background: url(../images/icon_i_know.png) no-repeat center/4.325rem 2.225rem;
}

.tips_user_head_box {
  position: relative;
}

.tips_user_head_box:after {
  content: "";
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  border: 1px dashed #fff;
  position: absolute;
  left: -0.1rem;
  top: -0.1rem;
}

.thematic_module_box_list {
  border-bottom: .4rem solid #FAFAFA !important;
  border-top: .4rem solid #fafafa;
}

.tips_mask_box {
  position: relative;
  z-index: 10001 !important;
  overflow: inherit !important;
  /*  transform: translateZ(1000px);*/
}

.share_matching_box .tips_mask_box:after {
  content: "";
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  display: inline-block;
  position: absolute;
  width: 110%;
  border: 1px dashed #fff;
  height: 110%;
  border-radius: .75rem;
  z-index: 10001;
}

.tips_mask_explain_box {
  position: absolute;
  text-align: right !important;
  right: 0.6rem;
  bottom: 3%;
  z-index: 9003;
}

.tips_mask_explain_box .tips_mask_text img {
  width: 1.85rem;
  height: 1.5rem;
  vertical-align: sub;
  margin-right: .25rem;
}

.tips_mask_explain_box .tips_mask_button {
  margin-top: .125rem;
}

.tips_mask_text {
  white-space: nowrap;
  text-align: center;
  color: #fff;
  font-size: .8rem;
  font-family: HYXiZhongYuanJ;
  font-weight: 400;
  color: #fff;
  line-height: 1.2rem;
}

.tips_mask_text img.icon_finger {
  width: 1.85rem;
  height: 1.5rem;
  vertical-align: middle;
  margin-right: .5rem;
}

.tips_mask_text span {
  display: inline-block;
  white-space: pre-wrap;
  overflow: hidden;
  vertical-align: middle;
}

.tips_mask_button span {
  width: 4.325rem;
  height: 2.225rem;
  display: inline-block;
  border: none;
  background: url(../images/icon_i_know.png) no-repeat center/4.325rem 2.225rem;
}

.want_to_talk.border_dashed_box:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 104%;
  height: 130%;
  border: 1px dashed #fff;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  border-radius: .15rem;
}

.tips_mask_chart {
  padding: 0.5rem 2rem 0 2rem;
  margin-top: 9rem;
}

.tips_mask_chart .tips_mask_text span {
  padding-right: 2.5rem;
}

.tips_mask_chart .tips_mask_text .icon_finger {
  vertical-align: unset;
}

.tips_mask_chart .tips_mask_button {
  text-align: right;
  margin-top: 1rem;
}

.btn_more_oper .border_dashed_box {
  display: inline-block;
  position: absolute;
  width: 120%;
  height: 110%;
  border: 1px dashed #fff;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  border-radius: .15rem;
  z-index: 10002;
}

.bottom_chat_input_box .btn_more_oper {
  display: inline-block;
  width: 3.8rem !important;
  height: 1.8rem;
  margin-left: .5rem;
  background: url(../images/chart_more_oper.png) no-repeat center/1.625rem 1.65rem;
}

.tips_mask_more_oper {
  position: absolute;
  padding: 0 5rem 0 2rem;
  bottom: 3rem;
  left: 0;
  width: 100%;
}

.tips_mask_more_oper .tips_mask_text .icon_finger {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}














































/*散户大厅*/

.investors_hall_box {
  height: 100%;
  background: #febf55;
  overflow: hidden;
}









































/*.investors_hall_box .hall_top_box {
	height: 70%;
}*/

.investors_hall_box .hall_top_box {
  height: 58%;
  position: relative;
}

.investors_hall_box .hall_top_box .hall_screen_box {
  padding-bottom: 0;
  min-height: 59%;
  position: relative;
}

.investors_hall_box .audience_layout {
  text-align: center;
  padding-top: 2rem;
  margin-top: -0.1rem;
  background: url(../images/bg_audience_seat.png) no-repeat center/ 100% 100%;
}

.audience_layout {
  height: 16.7rem;
}

.audience_layout>div {
  display: inline-block;
  visibility: hidden;
  height: 3rem;
  position: relative;
}









































/*.audience_layout > div:nth-child(1) {
	width: 8.2%;
	height: 1.4rem;
	top: -1.3rem;
	background: url(../images/audience_right.png) no-repeat center/1.3rem 1.4rem;
}

.audience_layout > div:nth-child(2) {
	width: 8.2%;
	height: 1.4rem;
	top: -1.3rem;
	background: url(../images/audience_right.png) no-repeat center/1.3rem 1.4rem;
}

.audience_layout > div:nth-child(3) {
	width: 8.2%;
	height: 1.4rem;
	top: -1.3rem;
	background: url(../images/audience_right.png) no-repeat center/1.3rem 1.4rem;
}

.audience_layout > div:nth-child(4) {
	width: 8.2%;
	height: 1.4rem;
	top: -1.3rem;
	background: url(../images/audience_left.png) no-repeat center/1.3rem 1.4rem;
}

.audience_layout > div:nth-child(5) {
	width: 8.2%;
	height: 1.4rem;
	top: -1.3rem;
	background: url(../images/audience_left.png) no-repeat center/1.3rem 1.4rem;
}

.audience_layout > div:nth-child(6) {
	width: 8.2%;
	height: 1.4rem;
	top: -1.3rem;
	background: url(../images/audience_left.png) no-repeat center/1.3rem 1.4rem;
}


.audience_layout > div:nth-child(8) {
	width: 11%;
	top: -2.3rem;
	height: 1.625rem;
	background: url(../images/audience_right.png) no-repeat center/1.5rem 1.625rem;
}

.audience_layout > div:nth-child(9) {
	width: 11%;
	top: -2.3rem;
	height: 1.625rem;
	background: url(../images/audience_right.png) no-repeat center/1.5rem 1.625rem;
}

.audience_layout > div:nth-child(10) {
	width: 11%;
	top: -2.3rem;
	height: 1.625rem;
	background: url(../images/audience_right.png) no-repeat center/1.5rem 1.625rem;
}

.audience_layout > div:nth-child(11) {
	width: 11%;
	top: -2.3rem;
	height: 1.625rem;
	background: url(../images/audience_left.png) no-repeat center/1.5rem 1.625rem;
}

.audience_layout > div:nth-child(12) {
	width: 11%;
	top: -2.3rem;
	height: 1.625rem;
	background: url(../images/audience_left.png) no-repeat center/1.5rem 1.625rem;
}

.audience_layout > div:nth-child(13) {
	width: 11%;
	top: -2.3rem;
	height: 1.625rem;
	background: url(../images/audience_left.png) no-repeat center/1.5rem 1.625rem;
}

.audience_layout > div:nth-child(15) {
	width: 13%;
	height: 1.9rem;
	top: -3.38rem;
	background: url(../images/audience_right.png) no-repeat center/1.75rem 1.9rem;
}

.audience_layout > div:nth-child(16) {
	width: 13%;
	top: -3.38rem;
	height: 1.9rem;
	background: url(../images/audience_right.png) no-repeat center/1.75rem 1.9rem;
}

.audience_layout > div:nth-child(17) {
	width: 13%;
	top: -3.38rem;
	height: 1.9rem;
	background: url(../images/audience_right.png) no-repeat center/1.75rem 1.9rem;
}

.audience_layout > div:nth-child(18) {
	width: 13%;
	top: -3.38rem;
	height: 1.9rem;
	background: url(../images/audience_left.png) no-repeat center/1.75rem 1.9rem;
}

.audience_layout > div:nth-child(19) {
	width: 13%;
	top: -3.38rem;
	height: 1.9rem;
	background: url(../images/audience_left.png) no-repeat center/1.75rem 1.9rem;
}

.audience_layout > div:nth-child(20) {
	width: 13%;
	height: 1.9rem;
	top: -3.38rem;
	background: url(../images/audience_left.png) no-repeat center/1.75rem 1.9rem;
}

.audience_layout > div:nth-child(22) {
	width: 15.5%;
	height: 2.225rem;
	top: -4.765rem;
	background: url(../images/audience_right.png) no-repeat center/2.05rem 2.225rem;
}

.audience_layout > div:nth-child(23) {
	width: 15.5%;
	top: -4.765rem;
	height: 2.225rem;
	background: url(../images/audience_right.png) no-repeat center/2.05rem 2.225rem;
}

.audience_layout > div:nth-child(24) {
	width: 15.5%;
	height: 2.225rem;
	top: -4.765rem;
	background: url(../images/audience_right.png) no-repeat center/2.05rem 2.225rem;
}

.audience_layout > div:nth-child(25) {
	width: 15.5%;
	top: -4.765rem;
	height: 2.225rem;
	background: url(../images/audience_left.png) no-repeat center/2.05rem 2.225rem;
}

.audience_layout > div:nth-child(26) {
	width: 15.5%;
	top: -4.765rem;
	height: 2.225rem;
	background: url(../images/audience_left.png) no-repeat center/2.05rem 2.225rem;
}

.audience_layout > div:nth-child(27) {
	width: 15.5%;
	height: 2.225rem;
	top: -4.765rem;
	background: url(../images/audience_left.png) no-repeat center/2.05rem 2.225rem;
}*/

.audience_layout>div:nth-child(1) {
  width: 11.7%;
  height: 1.625rem;
  top: -0.18rem;
  background: url(../images/audience_right.png) no-repeat center/1.5rem 1.625rem;
}

.audience_layout>div:nth-child(2) {
  width: 11.7%;
  height: 1.625rem;
  top: -0.18rem;
  background: url(../images/audience_right.png) no-repeat center/1.5rem 1.625rem;
}

.audience_layout>div:nth-child(3) {
  width: 11.7%;
  height: 1.625rem;
  top: -0.18rem;
  background: url(../images/audience_right.png) no-repeat center/1.5rem 1.625rem;
}

.audience_layout>div:nth-child(4) {
  width: 11.7%;

  height: 1.625rem;
  top: -0.18rem;
  background: url(../images/audience_left.png) no-repeat center/1.5rem 1.625rem;
}

.audience_layout>div:nth-child(5) {
  width: 11.7%;
  height: 1.625rem;
  top: -0.18rem;
  background: url(../images/audience_left.png) no-repeat center/1.5rem 1.625rem;
}

.audience_layout>div:nth-child(6) {
  width: 11.7%;
  height: 1.625rem;
  top: -0.18rem;
  background: url(../images/audience_left.png) no-repeat center/1.5rem 1.625rem;
}

.audience_layout>div:nth-child(8) {
  width: 14%;
  height: 1.9rem;
  top: -0.75rem;
  background: url(../images/audience_right.png) no-repeat center/1.75rem 1.9rem;
}

.audience_layout>div:nth-child(9) {
  width: 14%;
  height: 1.9rem;
  top: -0.75rem;
  background: url(../images/audience_right.png) no-repeat center/1.75rem 1.9rem;
}

.audience_layout>div:nth-child(10) {
  width: 14%;
  height: 1.9rem;
  top: -0.75rem;
  background: url(../images/audience_right.png) no-repeat center/1.75rem 1.9rem;
}

.audience_layout>div:nth-child(11) {
  width: 14%;
  height: 1.9rem;
  top: -0.75rem;
  background: url(../images/audience_left.png) no-repeat center/1.75rem 1.9rem;
}

.audience_layout>div:nth-child(12) {
  width: 14%;
  height: 1.9rem;
  top: -0.75rem;
  background: url(../images/audience_left.png) no-repeat center/1.75rem 1.9rem;
}

.audience_layout>div:nth-child(13) {
  width: 14%;
  height: 1.9rem;
  top: -0.75rem;
  background: url(../images/audience_left.png) no-repeat center/1.75rem 1.9rem;
}

.audience_layout>div:nth-child(15) {
  width: 14%;
  left: -0.1rem;
  height: 2.225rem;
  top: -1.4rem;
  background: url(../images/audience_right.png) no-repeat center/2.05rem 2.225rem;
}

.audience_layout>div:nth-child(16) {
  width: 16%;
  height: 2.225rem;
  top: -1.4rem;
  background: url(../images/audience_right.png) no-repeat center/2.05rem 2.225rem;
}

.audience_layout>div:nth-child(17) {
  width: 16%;
  height: 2.225rem;
  top: -1.4rem;
  background: url(../images/audience_right.png) no-repeat center/2.05rem 2.225rem;
}

.audience_layout>div:nth-child(18) {
  width: 16%;
  height: 2.225rem;
  top: -1.4rem;
  background: url(../images/audience_left.png) no-repeat center/2.05rem 2.225rem;
}

.audience_layout>div:nth-child(19) {
  width: 16%;
  height: 2.225rem;
  top: -1.4rem;
  background: url(../images/audience_left.png) no-repeat center/2.05rem 2.225rem;
}

.audience_layout>div:nth-child(20) {
  width: 13.5%;
  height: 2.225rem;
  top: -1.4rem;
  left: 0.25rem;
  background: url(../images/audience_left.png) no-repeat center/2.05rem 2.225rem;
}


.hall_screen_box {
  width: 100%;
  padding: 0.6rem;
  padding-top: 0;
}

.hall_screen_box .screen_area {
  height: 100%;
  display: flex;
  padding: 0.3rem;
  padding-top: 1rem;
  justify-content: space-between;
  align-items: center;
  background: #FF8C00 url(../images/bg_hall_screen.png) no-repeat top;
  background-size: 17.75rem 1.175rem;
  border-radius: 1rem 1rem 0.25rem 0.25rem;
}

.hall_screen_box .screen_area>div {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: .5rem;
  padding-bottom: 0.3rem;
}

.hall_screen_box .screen_area>div .index_show_popup {
  background: #fff;
  border-radius: .5rem .5rem 0 0;
}

.hall_screen_box .screen_area .box_left {
  flex: 7;
  height: 100%;
  padding: 0.3rem;
  background: #FAFAFA;
  border-radius: .5rem;
  margin-right: .25rem;
}

.hall_screen_box .screen_area .box_left .chart_title {
  height: 12%;
}

.hall_screen_box .screen_area .chart_describe_text {
  display: flex;
  align-items: center;
  padding: 0 0.6rem;
}

.hall_screen_box .screen_area .box_left .chart_area_box {
  border-radius: .075rem;
  height: 64%;
  border: 1px solid #DCDCDC;
  margin-top: .25rem;
}

.hall_screen_box .screen_area .chart_describe_text p {
  margin-top: .25rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
  line-height: .85rem;
}

.hall_screen_box .screen_area .mask_info {
  background: #FF8B2F;
  border-radius: .1rem;
  font-size: .6rem;
  padding: 0.025rem 0.1rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  margin-right: .125rem;
}

.hall_screen_box .screen_area .box_left .stock_name {

  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.hall_screen_box .screen_area .box_left .stock_num {

  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 800;
  margin-left: .125rem;
}

.hall_screen_box .screen_area .box_left .stock_range {

  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 800;
  margin-left: .125rem;
}

.hall_screen_box .screen_area .box_right {
  height: 100%;
  padding: 0.15rem 0;

  background: #FAFAFA;
  border-radius: .5rem;
}

.hall_screen_box .screen_area .box_right ul {
  height: 100%;
  overflow-y: auto;
  padding: 0 0.3rem;
}

.hall_screen_box .screen_area .box_right ul>li {
  padding: 0.25rem 0;
  line-height: 1;
}

.hall_screen_box .screen_area .box_right ul>li:not(:last-child) {
  border-bottom: 1px solid #E3E3E3;
}

.hall_screen_box .screen_area .box_right ul>li .stock_name {
  vertical-align: middle;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.hall_screen_box .screen_area .box_right ul>li .stock_num {

  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: .9rem;
}

.stock_star_mask {
  width: .5rem;
  height: .5rem;
  vertical-align: middle;
  margin-left: .125rem;
}

.exchange_stock_popup.popup_small {
  width: 80%;
  position: absolute;
  left: 50%;
  overflow: inherit;
  top: 50%;
  height: fit-content !important;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  padding-bottom: .725rem;
  border-radius: .5rem;
}

.exchange_stock_popup.popup_small .popup_btn {
  position: static !important;
}

.exchange_stock_popup.popup_small .popup_btn button {
  width: 60%;
}

.exchange_stock_popup.popup_small .popup_head_img {
  position: absolute;
  left: 50%;
  top: .7rem;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.exchange_stock_popup.popup_small .popup_head_img img {
  width: 4.525rem;
  height: 5.4rem;
}

.wave {
  position: absolute;
  text-align: center;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 1;
}

.wave .circle {
  display: inline-block;
  opacity: 0;
  left: 0;
  top: 0;
  border-radius: .5rem;
}











































/* 波动效果 */

.wave.solid .circle {
  width: 100%;
  height: 100%;
  background: #fff;
}

.wave.solid .circle_00 {

  animation: circle-opacity-00 5s infinite;
}

.wave.solid .circle_01 {

  animation: circle-opacity-01 5s infinite;
}

.wave.solid .circle_02 {

  animation: circle-opacity-02 5s infinite;
}

.wave.solid.warning .circle {
  background: #FF8C00;
}

@keyframes circle-opacity-00 {
  from {
    opacity: 1;
    transform: scale(0);
  }

  to {
    opacity: 0;
    transform: scale(1.6);
  }
}

@keyframes circle-opacity-01 {
  from {
    opacity: 1;
    transform: scale(0);
  }

  to {
    opacity: 0;
    transform: scale(1.4);
  }
}

@keyframes circle-opacity-02 {
  from {
    opacity: 1;
    transform: scale(0);
  }

  to {
    opacity: 0;
    transform: scale(1.2);
  }
}

.set_state.border_dashed_box:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 120%;
  height: 140%;
  border: 1px dashed #fff;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  border-radius: .75rem;
  z-index: 10000;
}

.tips_mask_mine {
  position: absolute;
  width: 14rem;
  right: 1rem;
  top: 10.5rem;
  width: 10rem;
}

.tips_mask_mine .tips_mask_text span {
  width: 8rem;
}

.tips_mask_mine .tips_mask_text img {
  vertical-align: top;
}

.tips_mask_mine .tips_mask_button {
  margin-top: 1rem;
}

.user_head_name_box.border_dashed_box:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 2.1rem;
  height: 2.1rem;
  border: .05rem dashed #fff;
  left: -0.1rem;
  top: -0.1rem;
  border-radius: 50%;
  z-index: 10000;
}

.tips_mask_box_line {
  width: 97%;
  border-radius: .675rem;
  background: #fff;
  overflow: inherit;
}

.tips_mask_box_line .border_dashed_box {
  display: inline-block;
  position: absolute;
  width: 105%;
  height: 110%;
  border: .05rem dashed #fff;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  z-index: 10000;

  border-radius: .675rem;
}

.chart_news_line_tips {
  padding: 0.5rem 2rem 0 2rem;
  margin-top: 7rem;
}

.chart_news_line_tips .tips_mask_button {
  text-align: right;
}

.chart_news_line_tips .tips_mask_text {
  padding-right: 2rem;
}

.chart_news_line_tips img.icon_finger {
  vertical-align: super;
}

.oper_tips_mask_head img {
  vertical-align: middle;
  position: absolute;
  margin-right: .25rem;
  width: 1.7rem;
  box-sizing: content-box;
  height: 1.7rem;
  border-radius: 50%;
  padding: .05rem;
  border: .05rem dashed #fff;
  z-index: 10002;
  left: .5rem;
}

.my_per_masks_box {
  z-index: 10;
  width: 100%;
}

.loss_experience_textarea {
  padding: 0.6rem;
}

.loss_experience_textarea textarea {
  width: 100%;
  height: 9.45rem;
  background: #FFFFFF;
  padding: 0.6rem;
  resize: none;
  border: 1px solid #CCCCCC;
}

.fixed_head_line {
  position: absolute;
  width: 100%;
  background: #fff;
  z-index: 100;
}

.loss_state_explain {
  padding: 0.6rem;
  position: relative;
}

.loss_explain_line {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.loss_explain_line>div {
  margin-top: .5rem;
}

.loss_explain_line>div:nth-child(1) {
  white-space: nowrap;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.loss_explain_line>div:nth-child(2) {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.075rem;
}

.invite_friends_help {
  padding: 0.6rem;
}

.invite_friends_help>div {
  text-align: center;
  background: #F0F4F7;
  border-radius: .5rem;
  padding: 1rem 0;
}

.invite_friends_help .invite_text p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #030303;
  text-align: center;
  line-height: 1.15rem;
}

.invite_friends_help .invite_text p~p {
  margin-top: 0.15rem;
}

.invite_friends_help .invite_head {
  display: flex;
  justify-content: center;
  align-items: center;
}

.invite_friends_help .invite_head>div {
  position: relative;
  margin: 0 .35rem;
  margin-top: .5rem;
}

.invite_friends_help .invite_head>div img {
  width: 1.85rem;
  height: 1.85rem;
  vertical-align: middle;
  border-radius: 50%;
}

.invite_friends_help .invite_head>div {
  position: relative;
}

.invite_friends_help .invite_head>div>div {
  position: relative;
}

.invite_friends_help .invite_head>div span {
  position: absolute;
  left: 50%;
  white-space: nowrap;
  bottom: -32%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
}

.invite_friends_help .invite_head>div .mask_mine {
  font-size: .45rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  padding: 0.01rem 0.02rem;
  background: #FEBF55;
  border-radius: .15rem;
}

.invite_friends_help .invite_head>div .mask_other {
  font-size: .45rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  padding: 0.01rem 0.02rem;
  background: #628FFB;
  border-radius: .15rem;
}

.img_seal_budget {
  position: absolute;
  width: 5.55rem;
  height: 5.55rem;
  right: 1rem;
  top: -0.6rem;
}






































/*8.3.0*/

.mine_set_box {
  width: 100%;
  background: #efefef;
  min-height: 100%;
  position: relative;
}

.mine_set_box .mine_head {
  min-height: 5.15rem;
  padding: 0.6rem;
  background: #FEBF55;
  padding-bottom: 1.5rem;
}

.mine_set_box .mine_head .user_msg_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.my_login_register {
  margin-left: .5rem;
}

.my_login_register button {
  background: none;
  border: none;
  padding: 0.1rem;
}

.my_login_register button {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  padding: 0.1rem 0.5rem;
  background: #FFEBC8;
  border-radius: .7rem;
}

.mine_set_box .mine_head .user_msg_box .user_img img {
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 50%;
}

.mine_set_box .mine_head .user_msg_box .member_num {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #AB7924;
}

.mine_set_box .mine_head .name_set_box {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.mine_set_box .mine_head .name_set_box .name {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.mine_set_box .mine_head .name_set_box .nickName_label {
  background: #8E8E8E;
  border-radius: 30px;
  padding: 1.5px 10px;
  font-family: 'PingFang SC';
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: #FFFFFF;
  flex-shrink: 0;
}

.mine_set_box .mine_head .name_set_box .btn_set img {
  width: .9rem;
  height: .85rem;
}

.mine_set_box .mine_head .name_set_box .btn_get_msg {
  margin-right: .5rem;
  position: relative;
}

.mine_set_box .mine_head .name_set_box .btn_get_msg img {
  width: .975rem;
  height: .775rem;
}

.mine_set_box .mine_head .name_set_box .btn_get_msg>span {
  display: inline-block;
  font-size: .4rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  width: 0.6rem;
  height: 0.6rem;
  position: absolute;
  right: -0.2rem;
  top: -0.2rem;
  line-height: 0.6rem;
  text-align: center;
  border-radius: 50%;
  background: #CC3131;
}

.mine_set_box .mine_head .user_msg_box .user_text {
  margin-left: .25rem;
  line-height: 1;
}

.mine_set_box .mine_head .user_mask {
  margin-top: .25rem;
}

.mine_set_box .mine_head .user_mask span {
  background: rgba(255, 255, 255, 0.75);
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  padding: 0.01rem 0.2rem;
  display: inline-block;
  height: 1.1rem;
  color: #555555;
  line-height: 1.1rem;
  border-radius: .525rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.mine_set_box .mine_head .user_mask span.mask_more_oper {
  width: 1.1rem;
  border-radius: 50%;
  line-height: 1rem;
  text-align: center;
}

.mine_set_box .mine_middle {
  background: #FFFFFF;
  border-radius: .5rem;
  display: flex;
  justify-content: space-between;
  padding: 0.725rem 0;
  align-items: center;
}

.mine_set_box .mine_middle .num {
  color: rgba(255, 138, 0, 1);
  font-size: .9rem;
}

.mine_set_box .mine_middle {
  font-size: .6rem;
  color: rgba(142, 142, 142, 1);
}

.mine_set_box .mine_middle>div {
  flex: 1;
  text-align: center;
}

.mine_set_box .mine_middle>div:nth-child(2) {
  border-right: 1px solid rgba(46, 46, 46, .2);
  border-left: 1px solid rgba(46, 46, 46, .2);
}

.mine_set_box .mine_middle>div:last-child {
  border-left: 1px solid rgba(46, 46, 46, .2);
}

.mine_set_detail_box {
  padding: 0 0.6rem;
  margin-top: -1rem;
}

.mine_set_box .mine_center_oper {
  background: #FFFFFF;
  border-radius: .5rem;
  padding: 0.6rem;
  margin-top: .375rem;
}

.mine_set_box .mine_center_oper .oper_top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #EFEFEF;
  padding-bottom: 0.5rem;
}

.mine_set_box .mine_center_oper .oper_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: .5rem;
}

.mine_set_box .mine_center_oper .oper_bottom>div>div:nth-child(1) {
  height: 1.9rem;
}

.mine_set_box .mine_center_oper .oper_bottom>div>div:nth-child(1) img {
  vertical-align: bottom;
}

.mine_set_box .mine_line_oper {
  background: #fff;
  border-radius: .5rem;
  margin-top: .375rem;
}

.mine_set_box .mine_center_oper .oper_bottom div img {
  max-width: 100%;
}

.mine_set_box .mine_center_oper .oper_bottom>div {
  flex: 1;
  text-align: center;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
}

.mine_set_box .mine_center_oper .oper_bottom .img_loss_compensate img {
  width: 1.85rem;
  height: 1.775rem;
}

.mine_set_box .mine_center_oper .oper_bottom .img_report img {
  width: 1.8rem;
  height: 1.5rem;
}

.mine_set_box .mine_center_oper .oper_bottom .img_visa img {
  width: 1.875rem;
  height: 1.975rem;
}

.mine_set_box .mine_center_oper .oper_bottom .img_activity img {
  width: 2.375rem;
  height: 1.825rem;
}

.mine_oper_list .list_link .flex-box img {
  width: 1.1rem;
  height: 1.1rem;
  vertical-align: middle;
}

.mine_oper_list .list_link .flex-box span {
  vertical-align: middle;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
}

.retail_alliance_head {
  background: url(../images/bg_lm_head.png) no-repeat center/cover;
  padding: 0.6rem;
  position: relative;
}

.retail_alliance_head .icon_hbc {
  width: .825rem;
  height: .8rem;
  vertical-align: middle;
}

.retail_alliance_head .icon_title {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #454545;
  vertical-align: middle;
  margin-left: .125rem;
}

.retail_alliance_head .icon_mask {
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 500;
  background: #FFFAF2;
  border: 1px solid #FFC056;
  border-radius: .15rem;
  color: #FAAF32;
  margin-left: .25rem;
}

.retail_alliance_head .amount {
  font-size: 1.7rem;
  font-family: DIN Next LT Pro;
  font-weight: bold;
  color: #2E2E2E;
  vertical-align: middle;
}

.retail_alliance_head .icon_link_mask {
  width: .35rem;
  margin-left: .25rem;
  height: .525rem;
  vertical-align: middle;
}

.retail_alliance_head .img_right_alliance {
  position: absolute;
  width: 6.2rem;
  height: 3.55rem;
  right: 0.6rem;
  top: 1rem;
}

.get_into_line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #FAFAFA;
  border-radius: .5rem;
  padding: 0.6rem;
  margin-top: .375rem;
}

.get_into_line .line_left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.get_into_line .line_left .into_user img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}

.get_into_line .line_left .into_user {
  position: relative;
}

.get_into_line .line_left .into_user .user_head_mask {
  display: inline-block;
  width: .775rem;
  height: .775rem;
  background: url(../images/icon_mask_lm.png) no-repeat center/cover;
  position: absolute;
  right: 0;
  bottom: 0;
}

.get_into_line .line_left .user_msg {
  margin-left: .25rem;
}

.get_into_line .line_left .user_msg .name {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #030303;
  line-height: 1;
}

.get_into_line .line_left .user_msg div {
  line-height: 1.2;
}

.get_into_line .line_left .user_msg .des {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
  line-height: 1;
}

.get_into_line .line_right button {
  background: #FFC056;
  border-radius: .65rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  border: none;
  padding: 0.15rem 0.5rem;
}

.recent_event_list>li>a {
  display: inline-block;
  width: 100%;
  padding: 0.6rem;
  border-radius: .5rem;
}

.recent_event_list>li>a.bg_00 {
  background: url(../images/img-text02.png) no-repeat center/cover;
}

.recent_event_list>li:not(:first-child) {
  margin-top: .5rem;
}

.recent_event_list>li .list_item_top {
  display: flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.recent_event_list>li .list_item_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.recent_event_list>li .list_item_top .item_left {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFC056;
}

.recent_event_list>li .list_item_top .item_right span {
  background: #FFC056;
  border-radius: .15rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  padding: 0.05rem 0.1rem;
}

.recent_event_list>li .list_item_bottom {
  margin-top: .375rem;
}

.recent_event_list>li .list_item_bottom .item_left {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.recent_event_list>li .list_item_bottom .item_left span {
  vertical-align: middle;
}

.recent_event_list>li .list_item_bottom .item_right {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.outstanding_representatives_box {
  padding: 0.6rem 0;
  display: flex;
  background: #fff;
  border-radius: .5rem;
  justify-content: space-between;
}

.outstanding_representatives_box>div {
  text-align: center;
  flex: 1;
}

.outstanding_representatives_box>div img {
  width: 3.1rem;
  height: 3.1rem;
  border-radius: 50%;
  border: .1rem solid #FFC056;
}

.outstanding_representatives_box>div .epresentatives_mask {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #000000;
  background: #FFC056;
  border-radius: .4rem;
  padding: 0.01rem 0.15rem;
}

.outstanding_representatives_box>div .epresentatives_mask_box {
  margin-top: -0.725rem;
}

.union_vote_list .list_item .item_top p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.05rem;
}

.union_vote_list .list_item .item_top p .text_mask_red {
  background: linear-gradient(180deg, #FF403F, #FF5355);
  border-radius: .15rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  margin-right: .125rem;
  padding: 0.01rem 0.1rem;
}

.union_vote_list .list_item .item_top p .text_mask_blue {
  background: linear-gradient(180deg, #0663F3, #5CD0FB);
  border-radius: .15rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  margin-right: .125rem;
  padding: 0.01rem 0.1rem;
}

.union_vote_list>li {
  background: #Fff;
  border-radius: .5rem;
  padding: 0.6rem;
}

.union_vote_list>li:not(:first-child) {
  margin-top: .375rem;
}

.union_vote_list .list_item .item_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .375rem;
}

.union_vote_list .list_item .item_bottom .bottom_left {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: 1.05rem;
}

.union_vote_list .list_item .item_bottom .bottom_right {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: 1.05rem;
}

.union_vote_list .list_item .item_bottom .bottom_right .vote_item_mask {
  font-size: .45rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 1.05rem;
  background: #8E8E8E;
  border-radius: .15rem;
  margin-left: .125rem;
  padding: 0 0.05rem;
}

.samll_head_group {
  margin-left: .125rem;
  display: inline-block;
  white-space: nowrap;
  margin-right: .125rem;
  vertical-align: middle;
}

.samll_head_group>img {
  width: .7rem;
  height: .7rem;
  border-radius: 50%;
}

.samll_head_group>img:nth-child(2) {
  margin-left: -0.3rem;
}

.samll_head_group>img:nth-child(3) {
  margin-left: -0.3rem;
}

.hb_pool_head {
  background: rgba(255, 192, 86, 1);
  min-height: 12.5rem;
}

.hb_pool_head .head_top {
  text-align: center;
  padding-top: 2rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.hb_pool_head .head_top .amount {
  font-size: 2.025rem;
  font-family: DIN Next LT Pro;
  font-weight: bold;
  color: #2E2E2E;
  vertical-align: middle;
}

.hb_pool_head .head_top .icon_link_mask {
  width: .4rem;
  height: .625rem;
  vertical-align: middle;
  margin-left: .5rem;
}

.donation_list_box {
  background: #FFFFFF;
  border: 1px solid #FAFAFA;
  border-radius: .5rem;
  padding: 0.35rem 0.6rem;
  margin-top: -5rem;
}

.donation_list_box .box_title img {
  width: .65rem;
  height: .625rem;
}

.donation_list_box .box_title span {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  vertical-align: middle;
  margin-left: .125rem;
}

.donation_list_box .box_content .content_main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
}

.donation_list_box .box_content .content_main>div {
  flex: 1;
  text-align: center;
}

.donation_list_box .box_content .content_main>div:nth-child(1) .part_img img {
  width: 3.225rem;
  height: 3.225rem;
  border: .1rem solid #A0A7C4;
  border-radius: 50%;
}

.donation_list_box .box_content .content_main>div:nth-child(2) .part_img img {
  width: 3.75rem;
  height: 3.75rem;
  border: .1rem solid #FFB538;
  border-radius: 50%;
}

.donation_list_box .box_content .content_main>div:nth-child(2) {
  margin-top: -1rem;
}

.donation_list_box .box_content .content_main>div:nth-child(3) .part_img img {
  width: 3.225rem;
  height: 3.225rem;
  border: .1rem solid #E09A7D;
  border-radius: 50%;
}

.donation_list_box .box_content .content_main>div .part_num {
  margin-top: -.6rem;
}

.donation_list_box .box_content .content_main>div:nth-child(1) .part_num>span {
  background: #F4FAFF;
  border-radius: .15rem;
}

.donation_list_box .box_content .content_main>div:nth-child(2) .part_num>span {
  background: #FFEFD5;
  border-radius: .15rem;
}

.donation_list_box .box_content .content_main>div:nth-child(3) .part_num>span {
  background: #FFEBDE;
  border-radius: .15rem;
}

.donation_list_box .box_content .content_main>div:nth-child(1) .part_num>span>span:nth-child(1) {
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  background: #A0A7C4;
  border-radius: .15rem;
  padding: 0.01rem 0.1rem;
}

.donation_list_box .box_content .content_main>div:nth-child(2) .part_num>span>span:nth-child(1) {
  font-size: .575rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  background: #FFB538;
  border-radius: .15rem;
  padding: 0.01rem 0.1rem;
}

.donation_list_box .box_content .content_main>div:nth-child(3) .part_num>span>span:nth-child(1) {
  background: #E09A7D;
  border-radius: .15rem;
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0.01rem 0.1rem;
}

.donation_list_box .box_content .content_main>div:nth-child(2) .part_num>span>span:nth-child(2) {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFAE25;
  padding: 0.01rem 0.2rem;
}

.donation_list_box .box_content .content_main>div:nth-child(3) .part_num>span>span:nth-child(2) {
  font-size: .475rem;
  font-family: PingFang SC;
  font-weight: bold;
  padding: 0.01rem 0.2rem;
  color: #E09A7D;
}

.donation_list_box .box_content .content_main>div:nth-child(1) .part_num>span>span:nth-child(2) {
  font-size: .475rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #A0A7C4;
  padding: 0.01rem 0.2rem;
}

.donation_list_box .box_content .content_main>div .part_moneny {
  font-size: .75rem;
  font-family: DINPro;
  font-weight: 400;
  color: #666666;
}

.donation_list_box .content_button {
  text-align: center;
  margin-top: 0.5rem;
  padding-bottom: 0.3rem;
}

.donation_list_box .content_button button {
  background: #FFC056;
  border-radius: .9rem;
  padding: 0.3rem 2.5rem;
  border: none;
}

.available_funds_line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #FAFAFA;
  border-radius: .5rem;
  padding: 0.6rem;
  margin-top: .375rem;
}

.available_funds_line .line_left {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.available_funds_line .line_left span {
  vertical-align: middle;
  margin-left: .125rem;
}

.available_funds_line .line_left img {
  width: .625rem;
  height: .7rem;
  vertical-align: middle;
}

.available_funds_line .line_right img {
  width: .775rem;
  height: .775rem;
}

.hb_pool_module_box .module_tabs {
  display: flex;
  padding-top: .75rem;
  justify-content: space-between;
  align-items: center;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.hb_pool_module_box .module_tabs>a {
  flex: 1;
  text-align: center;
  padding-bottom: 0.5rem;
}

.hb_pool_module_box .module_tabs>a.active {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  position: relative;
}

.hb_pool_module_box .module_tabs>a.active>span {
  position: relative;
}

.hb_pool_module_box .module_tabs>a.active>span:after {
  content: "";
  display: inline-block;
  width: 50%;
  position: absolute;
  height: .1rem;
  background: #FFC056;
  border-radius: .05rem;
  left: 50%;
  bottom: -14%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
}

.hb_pool_module_box .module_item {
  background: #FFFFFF;
  border-radius: .5rem;
}

.hb_pool_module_box .module_item .item_title {
  padding: 0.5rem 0.6rem;
  background: #FFFBF4;
  border-radius: .5rem .5rem 0 0;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8e
}

.hb_pool_module_box .module_item .item_content {
  padding: 0 0.6rem;
}

.hb_pool_module_box .module_item .item_content ul>li {
  padding: 0.735rem 0;
  border-bottom: 1px solid #EFEFEF;
}

.hb_pool_module_box .module_item:not(:first-child) {
  margin-top: .375rem;
}

.hb_pool_module_box .module_item .item_content ul>li>div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.hb_pool_msg_list li .list_detail_top .top_left {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.hb_pool_msg_list li .list_detail_top .top_right {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.hb_pool_msg_list li .list_detail_bottom {
  margin-top: .5rem;
}

.hb_pool_msg_list li .list_detail_bottom .bottom_left {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.hb_pool_msg_list li .list_detail_bottom .bottom_right {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.hb_pool_msg_list li .list_detail_bottom .bottom_right span {
  margin-left: .125rem;
}

.hb_pool_msg_list .get_more_list {
  text-align: center;
  padding: 0.35rem 0 !important;
}

.hb_pool_msg_list .get_more_list span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
  vertical-align: middle;
}

.hb_pool_msg_list .get_more_list img {
  width: .4rem;
  height: .3rem;
  margin-left: .25rem;
}

.survey_plat_box .survey_head {
  background: url(../images/bg_survey_head.png) no-repeat center right, linear-gradient(0deg, #FFE5CE, #FFFBF7);
  background-size: 7.6rem 7.925rem;
  padding: 0.6rem 5.6rem 0.6rem 0.6rem;
}

.survey_head .head_title {
  font-size: 1.15rem;
  font-family: Source Han Serif CN;
  font-weight: bold;
  color: #E98600;
}

.survey_head .head_text {
  margin-top: .25rem;
}

.survey_head .head_text p {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #F09E2F;
  line-height: .9rem;
}

.survey_head .head_user {
  margin-top: .5rem;
}

.survey_head .head_user span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
}

.current_report_item {
  background: #fff;
  width: 100%;
  /* box-shadow: 0px -.5rem 1rem 0px rgba(0, 0, 0, 0.34);
    border-radius: .5rem .5rem 0 0;*/
}

.current_report_item .item_title {
  padding: 0 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.current_report_item .item_title .title_right span {
  padding: 0.3rem 0.6rem 0.3rem 1.3rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  white-space: nowrap;
  border-radius: .7rem;
  background: #EFEFEF url(../images/img_fangdajin.png) no-repeat 0.6rem center/.55rem .6rem;
}

.current_report_item .item_content {
  white-space: nowrap;
  overflow-x: auto;
  padding: 0.6rem;
  padding-bottom: 1rem;
}

.current_report_item .item_content>div {
  width: 30%;
  display: inline-block;
  text-align: center;
  padding: 0.6rem;
  border-radius: .5rem;
  background: url(../images/bg_survey_item.png) no-repeat center/cover;
  position: relative;
}

.current_report_item .item_content>div:not(:first-child) {
  margin-left: 3%;
}

.current_report_item .item_content>div .item_top span {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.current_report_item .item_content>div .item_bottom {
  margin-top: .25rem;
}

.current_report_item .item_content>div .item_bottom span {
  padding: 0.15rem 0.5rem;
  background: linear-gradient(90deg, #FF9D17, #FFBF67);
  border-radius: .475rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.ally_proposal_item .item_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.6rem;
  border-top: .4rem solid #efefef;
}

.ally_proposal_item .item_title .title_right {
  background: #EFEFEF;
  border-radius: .7rem;
}

.ally_proposal_item .item_title .title_right a {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
  padding: 0.15rem 0.4rem;
  border-radius: .7rem;
}

.ally_proposal_item .item_title .title_right a.active {
  background: #FFFFFF;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.proposal_detail_list {
  padding: 0 0.6rem;
}

.proposal_detail_list>li {
  padding: 0.6rem 0;
  border-bottom: 1px solid #efefef;
}

.proposal_detail_list li .item_top {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 42px;
}

.proposal_detail_list li .item_middle {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.2rem;
  margin-top: .25rem;
}

.proposal_detail_list li .item_middle>span {
  background: #FFFAF6;
  border-radius: .15rem;
  padding: 0.025rem 0.1rem;
}

.proposal_detail_list li .item_middle>span>span {
  margin-right: .125rem;
}

.proposal_detail_list li .item_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .375rem;
}

.proposal_detail_list li .item_bottom .left_user_msg img {
  width: .7rem;
  height: .7rem;
  border-radius: 50%;
  vertical-align: middle;
}

.proposal_detail_list li .item_bottom .left_user_msg .user_name {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: 1.05rem;
  vertical-align: middle;
}

.proposal_detail_list li .item_bottom .left_user_msg .user_mask {
  font-size: .45rem;
  vertical-align: middle;
  font-family: PingFang SC;
  font-weight: 500;
  background: #FFBD63;
  border-radius: .075rem;
  padding: 0.005rem 0.01rem;
  color: #FFFFFF;
}

.proposal_detail_list li .item_bottom .left_user_msg .date {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
  margin-left: .5rem;
}

.proposal_detail_list li .item_bottom .right_click_item>span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  display: inline-block;
  width: 2.5rem;
  color: #8E8E8E;
  padding-left: 0.9rem;
  background: url(../images/icon_click_default.png) no-repeat left center/.725rem .75rem;
}

.proposal_detail_list li .item_bottom .right_click_item>span.click {
  color: #FFAE40;
  background: url(../images/icon_click_yellow.png) no-repeat left center/.725rem .75rem;
}

.fixed_right_bottom_btn {
  position: fixed;
  width: 100%;
  padding: 0.6rem;
  text-align: right;
  bottom: 0.5rem;
}

.fixed_right_bottom_btn>button {
  padding: 0.3rem 0.6rem;
  background: linear-gradient(90deg, #FF9D17, #FFBF67);
  box-shadow: 0px .15rem .325rem 0px rgba(0, 0, 0, 0.09);
  border-radius: .9rem;
  border: none;
  font-size: .725rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.search_item_box {
  padding: 0.6rem;
}

.search_item_box .re_survey_item {
  padding: 0.6rem;
  background: #FFE8DC;
  border: 1px solid #FAFAFA;
  border-radius: .5rem;
}

.search_item_box .his_survey_item {
  padding: 0.6rem;
  background: #EFEFEF;
  border: 1px solid #FAFAFA;
  border-radius: .5rem;
}

.search_item_box .his_survey_item .item_text p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 42px;
}

.search_item_box .his_survey_item .item_mask {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: 1.05rem；
}

.search_item_box .re_survey_item .item_text p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.05rem;
}

.search_item_box .re_survey_item .item_mask {
  margin-top: .5rem;
}

.search_item_box ul li:not(:first-child) {
  margin-top: .375rem;
}

.search_item_box .re_survey_item .item_mask span {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  background: linear-gradient(90deg, #FF9D17, #FFBF67);
  border-radius: .475rem;
  padding: 0.05rem 0.3rem;
}

.no_msg_tips_box {
  text-align: center;
}

.no_msg_tips_box img {
  width: 5.125rem;
  height: 3.7rem;
  opacity: 0.66;
}

.first_enter_match_online {
  position: static !important;
  background: none !important;
  padding-top: 0 !important;
}

.first_enter_match_online img {
  width: 6.25rem !important;
  height: 6.25rem !important;
}

.first_enter_match_online .img_container {
  background: rgba(0, 0, 0, 0.2);
  width: 8.5rem;
  height: 8.5rem;
  border-radius: .5rem;
  margin: 0 auto;
}

.first_enter_match_online .img_container .img_turn_left {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.first_enter_match_online {
  margin-top: .725rem;
}

.first_enter_match_online .img_container .img_mask_center {
  width: 4rem !important;
  height: 4rem !important;
}

.first_enter_match_online .img_container .img_mask_center img {
  vertical-align: middle;
}

.compensation_page_head {
  height: 14.25rem;
  background: url(../images/bg_compensation_head.png) no-repeat center -2.5rem/cover;
}

.compensation_page_head .head_src_line {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.compensation_page_head {
  padding: 0.6rem;
}

.compensation_page_head .head_src_line .more_msgs a {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #AA6B34;
  white-space: nowrap;
  vertical-align: text-bottom;
}

.compensation_page_head .head_src_line {
  background: rgba(255, 255, 255, 0.33);
  border-radius: .8rem;
  padding: 0 0.3rem;
}

.compensation_page_head .head_src_line .scroll_news_box {
  background: none;
}

.compensation_page_head .head_src_line .scroll_news_box span {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #81400D;
  vertical-align: middle;
}

.solicitation_event_item {
  margin-top: -6rem;
}

.solicitation_event_item .available_funds_line {
  box-shadow: 0px .225rem .25rem 0px rgba(0, 0, 0, 0.03);
}

.solicitation_event_item .item_head_box {
  padding: 0 0.6rem;
  margin-bottom: -0.5rem;
}

.solicitation_event_item .item_content_box {
  background: #FFFFFF;
  border-radius: .25rem;
  padding: 0.6rem;
}

.solicitation_event_item .item_content_box .content_list li {
  background: #FFFAF5;
  border: 1px solid #EFEFEF;
  border-radius: .25rem;
  padding: 0.5rem 0.6rem;
}

.solicitation_event_item .item_content_box .content_list li:not(:first-child) {
  margin-top: .25rem;
}

.solicitation_event_item .item_content_box .content_list .list_top span {
  vertical-align: middle;
}

.solicitation_event_item .item_content_box .content_list .list_top .event_mask {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  padding: 0.01rem 0.05rem;
  background: linear-gradient(90deg, #FF9D17, #FFBF67);
  border-radius: .15rem;
  margin-right: .125rem;
}

.solicitation_event_item .item_content_box .content_list .list_top .list_text {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.solicitation_event_item .item_content_box .content_list .list_bot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .375rem;
}

.solicitation_event_item .item_content_box .content_list .list_bot .bot_left .num {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #CC3131;
  margin-right: .5rem;
}

.solicitation_event_item .item_content_box .content_list .list_bot .bot_left .head_msg {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  vertical-align: middle;
}

.solicitation_event_item .item_content_box .content_list .list_bot .bot_right span {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #CC3131;
  position: relative;
  padding: 0.01rem 0.15rem;
  background: rgba(204, 49, 49, 0.15);
  border-radius: .15rem;
  padding-left: 0.5rem;
}

.solicitation_event_item .item_content_box .content_list .list_bot .bot_right span:after {
  content: '';
  width: .75rem;
  height: .95rem;
  display: inline-block;
  background: url(../images/icon_hot_mask.png) no-repeat center/.75rem .95rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
}

.schedule_application_item {
  background: #FFFFFF;
  border-radius: .25rem;
  margin-top: .375rem;
}

.schedule_application_item .content_list .list_main {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.schedule_application_item .content_list .list_main .main_right {
  width: 100%;
  margin-left: .25rem;
}

.schedule_application_item .content_list .list_main .main_right .right_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.schedule_application_item .content_list .list_main .main_right .right_top span {
  vertical-align: middle;
  white-space: nowrap;
}

.schedule_application_item .content_list .list_main .main_right .right_top .name {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
}

.schedule_application_item .content_list .list_main .main_right .right_top .user_mask {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  padding: 0.01rem 0.05rem;
  background: #999999;
  border-radius: .1rem;
}

.schedule_application_item {
  padding: 0 0.6rem;
}

.schedule_application_item .content_list li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #efefef;
  background: #fff;
}

.schedule_application_item .content_list .list_main .main_left img {
  width: 1.95rem;
  height: 1.95rem;
  border-radius: 50%;
}

.schedule_application_item .content_list .list_main .main_left img.user_mine {
  border: .1rem solid #FFC056;
}

.schedule_application_item .content_list .list_main .main_right .right_top .sur_num {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: 1rem;
}

.schedule_application_item .content_list .list_main .main_right .right_top .sur_ta {
  border: 1px solid #FFBD63;
  border-radius: .6rem;
  padding: 0.15rem 0.5rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFBD63;
  white-space: nowrap;
}

.schedule_application_item .content_list .list_main .main_right .right_top .sur_ta.active {
  border: 1px solid #999;
  border-radius: .6rem;
  padding: 0.15rem 0.5rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999;
}

.sur_ta_find {
  border-radius: .6rem;
  padding: 0.17rem 0.5rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  background: #FFC056;
}

.schedule_application_item .content_list .list_main .main_right .right_bot {
  margin-top: .375rem;
}

.schedule_application_item .content_list .list_main .main_right .right_bot p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  word-wrap: break-word;
  word-break: break-all;
}

.schedule_application_item .content_list .list_main .main_right .right_bot .event_mask {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  padding: 0.01rem 0.05rem;
  background: linear-gradient(90deg, #FF9D17, #FFBF67);
  border-radius: .15rem;
  margin-right: .125rem;
}

.btn_bg_yellow {
  background: #FFC056;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.bot_btn_radius {
  border-radius: 1.1rem;
}

.bot_btn_fill {
  width: 100%;
  height: 2.2rem;
  border: none;
}

.popup_text.title_top_text {
  margin-top: .5rem;
}

.popup_text.title_top_text p>span {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  padding: 0 0.15rem 0 0;
  margin-top: -1rem;
  position: absolute;
  top: 0.5rem;
  left: -0.1rem;
  background: #fff;
}

.popup_text.title_top_text>p {
  position: relative;
  border: 1px solid #CCCCCC;
  padding: 0.5rem 0.6rem;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  text-align: left;
  line-height: 1.05rem;
  padding-top: 0.8rem;
}

.grap_apply_box {
  padding: 0.6rem;
  overflow-y: auto;
}

.grap_apply_box .box_grap_title p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.reason_select_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.reason_select_box>div {
  width: 45%;
  text-align: center;
  background: #EFEFEF;
  border-radius: .8rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  padding: 0.25rem 0;
  margin-top: 0.35rem;
}

.reason_select_box>div.active {
  background: #FFF9EE;
  border: 1px solid #FEBF55;
  border-radius: .8rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFA817;
}

.reason_text_state {
  margin-top: .5rem;
}

.reason_text_state>textarea {
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  width: 100%;
  height: 9.45rem;
  resize: none;
  padding: 0.6rem;
}

.plp_img_top img {
  max-width: 100%;
  height: auto;
}

.plp_img_bottom {
  position: relative;
}

.plp_img_bottom img {
  max-width: 100%;
  height: auto;
}

.plp_img_box {
  width: 100%;
  height: 100%;
  overflow-y: hidden;
  background: url(../images/bg_plp_box.png) repeat-y center/100% 11rem;
}

.research_proposal_search {
  position: relative;
}

.research_proposal_search input {
  width: 100%;
  border: none;
  padding: 0.725rem 1.7rem 0.725rem 0.6rem;
}

.research_proposal_text {
  padding: 0.6rem;
}

.research_proposal_text .text_title {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.research_proposal_text {
  border-top: .4rem solid rgba(239, 239, 239, 1);
}

.research_proposal_text .text_content {
  margin-top: .5rem;
}

.research_proposal_text .text_content textarea {
  padding: 0.6rem;
  width: 100%;
  height: 8.75rem;
  border: none;
  background: #F5F4F7;
}

.research_proposal_search .icon_close {
  width: .8rem;
  height: .8rem;
  position: absolute;
  right: 0.6rem;
  top: 0.8rem;
}

.icon_my_material {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
  background: #fff;
  position: absolute;
  right: 0;
  top: 4rem;
  padding: 0.25rem 0.6rem;
  box-shadow: 0px .125rem .425rem 0px rgba(0, 0, 0, 0.15);
  border-radius: .9rem 0 0 .9rem;
}

.icon_my_material img {
  width: .8rem;
  height: .9rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.bottom_btn_box {
  display: flex;
  width: 100%;
  position: absolute;
  justify-content: space-between;
  align-items: center;
  top: 0;
  left: 0;
}

.bottom_btn_box>div {
  flex: 1;
  text-align: center;
  padding-top: 0.5rem;
}

.bottom_btn_box>div>button {
  width: 4.05rem;
  height: 4.05rem;
  border-radius: .75rem;
  border: none;
  background: none;
}

.material_popup {
  left: 50%;
  top: 50%;
  z-index: 1001;
  width: 80%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
  position: absolute;
  background: #fff;
  border-radius: .5rem;
}

.material_popup .popup_head {
  height: 3.8rem;
  width: 100%;
}

.material_popup .popup_head {
  text-align: right;
}

.material_popup .popup_head img {
  width: 100%;
  height: 3.8rem;
  margin-top: -2rem;
}

.material_popup .popup_head img.icon_close {
  width: .65rem;
  height: .65rem;
  position: absolute;
  right: 0.6rem;
  top: 1.5rem;
}

.material_popup .popup_title {
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #2E2E2E;
  margin-top: -1rem;
}

.material_popup .popup_text {
  font-size: .75rem;
  margin-top: 0.725rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.1rem;
  padding: 0 1.2rem;
}

.material_popup .popup_bottom {
  padding: 1rem 2rem;
  margin-top: 1rem;
}

.material_popup .popup_bottom button {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  border: none;
  height: 2.5rem;
  background: #FFBD63;
  border-radius: 1.25rem;
  width: 100%;
}

.material_popup .popup_close {
  text-align: right;
  padding: 0.6rem;
}

.material_popup .popup_close img {
  width: .65rem;
  height: .65rem;
}

.throw_materials_popup {
  width: 100%;
  height: 80%;
  position: absolute;
  left: 0;
  overflow-y: auto;
  bottom: 0;
  background: #fff;
  padding: 0.6rem;
  border-radius: .5rem .5rem 0 0;
}

.throw_materials_popup .popup_close {
  text-align: right;
}

.throw_materials_popup .popup_close img {
  width: .65rem;
  height: .65rem;
}

.throw_materials_popup .popup_title {
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #2E2E2E;
}

.throw_materials_popup .popup_textarea {
  margin-top: .5rem;
}

.throw_materials_popup .popup_textarea textarea {
  height: 8.725rem;
  width: 100%;
  padding: 0.6rem;
  resize: none;
  background: #FFF9F2;
  border: none;
}

.popup_select_sync i {
  width: .875rem;
  height: .875rem;
  background: #EAEBF1;
  border: 1px solid #DADCE8;
  border-radius: 50%;
  vertical-align: middle;
  display: inline-block;
  margin-right: .25rem;
}

.popup_select_sync span {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  vertical-align: middle;
}

.popup_select_sync input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
}

.popup_select_sync input[type="checkbox"]:checked~i {
  background: url(../images/icon_yellow_gou.png) no-repeat center/cover;
  border: none;
}

.throw_materials_popup .popup_bottom_btn {
  position: absolute;
  width: 100%;
  bottom: 2rem;
  text-align: center;
  left: 0;
}

.throw_materials_popup .popup_bottom_btn button {
  height: 2.5rem;
  background: #FFBD63;
  border-radius: 1.25rem;
  border: none;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  padding: 0 3rem;
}

.souvenir_card_box .box_title {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.775rem;
  padding: 0.3rem .6rem;
}

.souvenir_card_box .box_content .box_list {
  padding: 0 0.6rem;
}

.souvenir_card_box .box_content .box_list li {
  display: flex;
  padding: 0.3rem;
  justify-content: flex-start;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
  box-shadow: 0px .2rem .2rem 0px rgba(0, 0, 0, 0.06);
  border-radius: .4rem;
}

.souvenir_card_box .box_content .box_list li .item_left img {
  width: 5.6rem;
  height: 4.2rem;
  border-radius: .25rem;
}

.souvenir_card_box .box_content .box_list li:not(:first-child) {
  margin-top: .5rem;
}

.souvenir_card_box .box_content .box_list li .item_right .right_top .name {
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.souvenir_card_box .box_content .box_list li .item_right .right_top .price {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFB23E;
}

.souvenir_card_box .box_content .box_list li .item_right {
  margin-left: .5rem;
}

.souvenir_card_box .box_content .box_list li .item_right .right_bottom button {
  background: #FFB23E;
  border-radius: .7rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #000000;
  border: none;
  padding: 0.2rem 0.725rem;
}

.claim_module_box {
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
  box-shadow: 0px .2rem .2rem 0px rgba(0, 0, 0, 0.06);
  border-radius: .5rem;
  position: relative;
}

.claim_module_box .box_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #FFF5F0;
  padding: 0.5rem 0.6rem;
}

.claim_module_box .box_top .item_left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.claim_module_box .box_top .item_left img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}

.claim_module_box .box_top .item_left .left_right_msg {
  line-height: 1;
  margin-left: .5rem;
}

.claim_module_box .box_top .item_left .left_right_msg .name {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #534E44;
  line-height: 1;
}

.claim_module_box .box_top .item_left .left_right_msg .name_mask {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #534E44;
  line-height: 1;
}

.claim_module_box .box_top .item_left .left_right_msg .name_date {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
  line-height: 1;
}

.claim_module_box .box_top .item_right .right_top {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  background: #FFAC5E;
  padding: 0.05rem 0.25rem;
  border-radius: .25rem .25rem 0 0;
}

.claim_module_box .box_top .item_right .right_bot {
  background: #FFFFFF;
  padding: 0.05rem 0.25rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
}

.claim_module_box .box_bottom .text_title {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFAC5E;
  white-space: nowrap;
  background: #FFF5F0;
  border-radius: .15rem;
  padding: 0.01rem 0.02rem;
}

.claim_module_box .box_bottom {
  padding: 0.6rem;
}

.claim_module_box .box_bottom .text_main {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  margin-left: .125rem;
}

.claim_module_box .box_bottom .bot_text {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.for_against_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .5rem;
}

.for_against_box .num {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.for_against_box .box_center {
  text-align: center;
  min-width: 5%;
}

.for_against_box .box_center img {
  width: 1.875rem;
  height: 1.65rem;
}

.for_against_box .box_left {
  height: 2.3rem;
  font-size: .825rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: PingFang SC;
  font-weight: 800;
  color: #FFFFFF;
  background: linear-gradient(0deg, #366AFA, #3B8CF5);
  border-radius: 1.375rem .25rem .25rem 1.375rem;
  width: 40%;
  text-align: center;
  line-height: 1;
  margin-right: .15rem;
  position: relative;
}

.for_against_box .box_left:after {
  content: "";
  border-left: 0.3rem solid transparent;
  border-bottom: 2.3rem solid #fff;
  position: absolute;
  bottom: 0;
  right: 0rem;
}

.for_against_box .box_right {
  text-align: center;
  position: relative;
  height: 2.3rem;
  margin-left: .15rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .825rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 1;
  background: linear-gradient(0deg, #EC4925, #F36531);
  border-radius: .25rem 1.375rem 1.375rem .25rem;
  width: 40%;
}

.for_against_box .box_right:after {
  content: "";
  border-right: 0.3rem solid transparent;
  border-top: 2.3rem solid #fff;
  position: absolute;
  bottom: 0;
  left: 0rem;
}

.icon_against_select {
  width: .675rem;
  height: .675rem;
  margin-right: .125rem;
}

.for_against_box>div.active>div:nth-child(1)>div:nth-child(1) span {
  padding-left: 0.8rem;
  background: url(../images/bg_white_gou.png) no-repeat left center/.675rem .675rem;
}

.for_against_box .box_right.active {
  background: url(../images/bg_active_gou.png) no-repeat 80% 0.5rem/2.65rem 2.65rem, linear-gradient(0deg, #EC4925, #F36531);
}

.for_against_box .box_left.active {
  background: url(../images/bg_active_gou.png) no-repeat 20% 0.5rem/2.65rem 2.65rem, linear-gradient(0deg, #366AFA, #3B8CF5);
}

.mask_sup {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  background: linear-gradient(0deg, #EC4925, #F36531);
  border-radius: .1rem;
  padding: 0.01rem 0.1rem;
  margin-left: .125rem;
  vertical-align: middle;
}

.mask_oppo {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  padding: 0.01rem 0.1rem;
  background: linear-gradient(0deg, #366AFA, #3B8CF5);
  border-radius: .1rem;
  margin-left: .125rem;
  vertical-align: middle;
}

.share_tips_item {
  position: absolute;
  bottom: 3.5rem;
  background: #7f7f7f;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FEBF55;
  line-height: .7rem;
  padding: 0.2rem 0.3rem;
  border-radius: .25rem;
  right: 0.6rem;
  z-index: 22;
}

.share_tips_item:after {
  content: "";
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid #7f7f7f;
  position: absolute;

  right: 1.1rem;
}

.claim_right_box {
  padding: 0.6rem;
}

.claim_right_box .box_head {
  background: linear-gradient(90deg, #FFAC5E, #FA7D5B);
  border-radius: .25rem;
  padding: 0.5rem 0.6rem;
}

.claim_right_box .box_head p {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.3rem;
}

.claim_right_box .box_head .stock_mask {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  background: linear-gradient(0deg, #EC4925, #F36531);
  border: 1px solid #FF9C3E;
  border-radius: .15rem;
  padding: 0.05rem 0.1rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.claim_right_box .box_title {
  background: #FFFFFF;
  margin-top: .5rem;
  padding: 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.5rem .5rem 0 0;
}

.claim_right_box .box_title>div {
  text-align: center;
}

.claim_right_box .box_title>div>div:nth-child(1) {
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.05rem;
}

.claim_right_box .box_title>div>div:nth-child(2) {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: 1.05rem;
  margin-top: .125rem;
}

.claim_right_box .box_main {
  background: #FFFFFF;
  border: 1px solid #F7F7F7;
  border-radius: .5rem;
  padding: 0.6rem;
  margin-top: .5rem;
}

.claim_right_box .box_main .title_p {
  margin-top: .5rem;
}

.claim_right_box .box_main .title_p p {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: 1.05rem;
  position: relative;
  padding-left: 0.4rem;
}

.claim_right_box .box_main .title_p p:after {
  content: "";
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background: #8E8E8E;
  position: absolute;
  left: 0;
  top: 0.45rem;
}

.claim_right_box .box_main .title_p p~p {
  margin-top: 0;
}

.claim_right_list>li {
  padding: 0.5rem 0.6rem;
  background: #F7F7F7;
  border-radius: .25rem;
}

.claim_right_list>li .item_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.claim_right_list>li .item_top>.item_top_left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  line-height: 1;
}

.claim_right_list>li .item_top .top_left img {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
}

.claim_right_list>li .item_top .top_left img.head_mine {
  border: .1rem solid #FFAC5E;
}

.claim_right_list>li .item_top .top_right .name {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.claim_right_list>li .item_top .top_right {
  margin-left: .125rem;
}

.claim_right_list>li .item_top .top_right .name_mask {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.claim_right_list>li .item_top .top_right .name_date {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
}

.claim_right_list>li {
  margin-top: .5rem;
}

.claim_right_list>li.list_item .item_center {
  margin-top: .5rem;
}

.claim_right_list>li.list_item .item_center p {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
  line-height: .9rem;
}

.claim_right_list>li.list_item .item_bot {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #CC3131;
  margin-top: .375rem;
  line-height: 1.05rem;
}

.bot_claim_oper {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}

.bot_claim_oper>div {
  display: flex;
  background: #fff;
  background: #fff;
  box-shadow: 0px -.025rem 0px 0px #EFEFEF;
  justify-content: flex-start;
  align-items: center;
}

.bot_claim_oper>div>div {
  height: 2.75rem;
  text-align: center;
  line-height: 2.75rem;
}

.bot_claim_oper>div>div:nth-child(1) {
  flex: 1.3;
}

.bot_claim_oper>div>div:nth-child(1)>a {
  display: inline-block;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  color: rgba(255, 172, 94, 1);
}

.bot_claim_oper>div>div:nth-child(2) {
  flex: 1.7;
  position: relative;
  text-align: center;
  background: linear-gradient(90deg, #FFAC5E, #FA7D5B);
}

.bot_claim_oper>div>div:nth-child(2) input {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.bot_claim_oper>div>div:nth-child(2) span {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.img_compensate img {
  width: 3.525rem;
  height: 3.225rem;
  margin-bottom: -0.6rem;
}

.investors_attestation_box .investors_head {
  padding: 0.5rem 0.6rem;
  background: url(../images/bg_shjd_head.png) no-repeat center -0.025rem/cover;
}

.investors_attestation_box .investors_head_area {
  height: 18.1rem;
  padding: 0 1.6rem;
  padding-top: 4.2rem;
  position: relative;
  background: url(../images/bg_investors_attestation.png) no-repeat center/cover;
}

.investors_attestation_box .investors_head_area p {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #111111;
  line-height: 1rem;
}

.investors_attestation_box .investors_head_area .head_area_bot {
  text-align: right;
  margin-top: .5rem;
}

.investors_attestation_box .investors_head_area .head_area_bot span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #3E1C13;
}

.investors_attestation_box .investors_head .head_title {
  font-size: 1.15rem;
  font-family: Source Han Serif CN;
  font-weight: bold;
  color: #FFFFFF;
}

.investors_attestation_box .head_area_btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.6rem;
}

.investors_attestation_box .head_area_btn button:nth-child(1) {
  background: url(../images/bg_investors_btn_one.png) no-repeat center/100% 100%;
}

.investors_attestation_box .head_area_btn button:nth-child(2) {
  background: url(../images/bg_investors_btn_two.png) no-repeat center/100% 100%;
}

.investors_attestation_box .head_area_btn button:nth-child(3) {
  background: url(../images/bg_investors_btn_red.png) no-repeat center/100% 100%;
}

.investors_attestation_box .head_area_btn>button {
  background: none;
  border: none;
  text-align: center;
  height: 2.5rem;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #0E0E0E;
}

.investors_attestation_box .head_area_btn .btn_bot {

  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  font-size: .6rem;
  opacity: 0.8;
}

.investors_attestation_box .head_area_btn>button:nth-child(1) {
  width: 24%;
  padding-right: 0.6rem;
}

.investors_attestation_box .head_area_btn>button:nth-child(2) {
  width: 36%;
  line-height: 1.1;
}

.investors_attestation_box .head_area_btn>button:nth-child(3) {
  width: 36%;
  padding-left: 0.6rem;
  line-height: 1;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.1;
}

.investors_attestation_box .investors_head .head_main {
  margin-top: .375rem;
}

.investors_attestation_box .investors_head .head_main p {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: .9rem;
}

.investors_attestation_box .investors_head .head_bot span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7)
}

.investors_main_area {
  margin-top: -0.35rem;
  box-shadow: 0px -.5rem 1rem 0px rgba(0, 0, 0, 0.34);
  border-radius: .5rem .5rem 0 0;
  background: #fff;
}

.investors_main_area .main_title {
  border-bottom: 1px solid #efefef;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.6rem;
}

.investors_main_area .main_title a {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  display: inline-block;
  padding: 0.5rem 0.6rem;
}

.investors_main_area .main_title a.active {
  font-weight: bold;
  color: #FE574D;
  border-bottom: .1rem solid #FE574D;
}

.investors_main_area .main_title .box_right span {
  padding: 0.3rem 0.6rem 0.3rem 1.3rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  border-radius: .7rem;
  background: #EFEFEF url(../images/img_fangdajin.png) no-repeat 0.6rem center/.55rem .6rem;
}

.btn_distinguish {
  border: 1px solid #FFFFFF;
  border-radius: .25rem;
  color: rgba(252, 124, 69, 1);
  border: 1px solid rgba(252, 124, 69, 1);
  padding: 0.1rem 0.35rem;
}

.fixed_bot_fishing_material {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}

.fixed_bot_fishing_material>div {
  display: flex;
  height: 3.875rem;
  justify-content: center;
  color: #FFFFFF;
  align-items: center;

  background: url(../images/bg_shjd_plp.png) no-repeat center/cover;
}

.fixed_bot_fishing_material>div>div {
  margin-top: -0.6rem;
}

.fixed_bot_fishing_material>div img {
  width: 1.825rem;
  height: 2.05rem;
  margin-right: .125rem;
}

.fixed_bot_fishing_material>div .text_top {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.fixed_bot_fishing_material>div .text_bot {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  opacity: 0.8;
}

.material_search_result_box .tabs_head {
  display: flex;
}

.material_search_result_box .tabs_head>a {
  flex: 1;
  text-align: center;
  padding: 0.3rem 0;
}

.material_search_result_box .tabs_head>a span {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.material_search_result_box .tabs_head>a.active span {
  font-weight: bold;
  color: #FFBD63;
  padding-bottom: 0.3rem;
  border-bottom: .1rem solid #FFBD63;
}

.my_material_page .page_head .head_title {
  padding: 0 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.my_material_page .head_main {
  overflow-x: auto;
  padding: 0 0 0.725rem 0.6rem;
  white-space: nowrap;
}

.my_material_page .head_main>div {
  display: inline-block;
  width: 28%;
  text-align: center;
  box-shadow: 0px 0px .1rem 0px rgba(255, 189, 99, 0.34), 0px .175rem .375rem 0px rgba(255, 189, 99, 0.48);
  padding: 0.35rem 0;
  margin-right: .25rem;
}

.my_material_page .head_main .item_top {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.my_material_page .head_main .item_bot {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  opacity: 0.77;
}

.appraisal_box {
  margin-top: .5rem;
}

.appraisal_box .box_top .item_top p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.05rem;
}

.appraisal_box .box_bottom {
  margin-top: .725rem;
}

.appraisal_box .box_top .item_bottom>div>span {
  background: #FFFAF6;
  border-radius: .15rem;
  padding: 0.025rem 0.1rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.icon_hbc_question {
  text-align: right;
  padding: 0 0.6rem;
}

.icon_hbc_question img {
  width: .925rem;
  height: .9rem;
}

.new_donation_list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}

.new_donation_list>div {
  width: 24%;
  text-align: left;
  background: #FAFAFA;
  border-radius: .25rem;
  padding: 0.05rem 0.25rem;
  margin-top: .25rem;
}

.new_donation_list>div img {
  width: .7rem;
  height: .7rem;
  border-radius: 50%;
  vertical-align: middle;
}

.new_donation_list>div span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
  vertical-align: middle;
  margin-left: .25rem;
}

.new_donation_list>div.active {
  border: .05rem solid #F8A628;
  position: relative;
}

.new_donation_list>div.active:after {
  content: "我";
  display: inline-block;
  padding: 0.01rem 0.1rem;
  font-size: .4rem;
  font-family: PingFang SC;
  font-weight: 500;
  background: #F8A628;
  border-radius: .25rem 0 .25rem 0;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}

.hbc_accumulated_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .5rem;
}

.hbc_accumulated_box div p~p {
  margin-top: 0;
}

.hbc_accumulated_box .box_left {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: 1.25rem;
}

.hbc_accumulated_box .box_right {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFB230;

  line-height: 1.25rem;
}

.hbc_accumulated_box .box_right p {
  text-align: right;
}

.new_contribution_list li {
  padding: 0.5rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.new_contribution_list li .item_left {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.new_contribution_list li .item_right {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFB230;
}

.bot_bg_yellow_btn {
  padding: 0.725rem 0;
  text-align: center;
}

.bot_bg_yellow_btn button {
  background: #FFC056;
  border-radius: .9rem;
  padding: 0.3rem 2.5rem;
  border: none;
}

.thematic_report_box_list>div {
  padding: 0.725rem 0.6rem;
  border: 1px solid #EFEFEF;
  border-radius: .25rem;
  background: url(../images/bg_cg_report.png) no-repeat right bottom/6.1rem 3.35rem, linear-gradient(225deg, rgba(255, 191, 82, 0.2), rgba(255, 140, 85, 0));
}

.thematic_report_box_list .report_item .item_top {
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.thematic_report_box_list .report_item .item_bot span {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  vertical-align: middle;
  opacity: 0.8;
}

.friends_help_head {
  font-size: 0;
}

.friends_help_head img {
  /* width: 100%;
	height: 7.175rem; */
  border-radius: .5rem;
}

.friends_help_main {
  background: #fff;
  border-radius: .25rem .25rem 0px 0px;
  position: relative;
  margin-top: -.5rem;
}

.img_head_gyhd img {
  width: 100%;
  height: auto;
  font-size: 0;
}

.igyhd_main_box {
  margin-top: -.5rem;
  border-radius: 0.25rem 0.25rem 0 0;
  position: relative;
  z-index: 2;
  background: #fff;
}

.alliance_progress_box {
  height: 100%;
  padding: 0.6rem 0;
  background: #efefef;
}

.union_card_box {
  white-space: nowrap;
  overflow-x: auto;
}

.union_card_box>div {
  display: inline-block;
  width: 90%;
  border-radius: .5rem;
  margin-right: .375rem;
}

.union_card_box .card_item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: .5rem;
  padding: 0.5rem 0.6rem;
  background: url(../images/bg_lmsfk.png) no-repeat center/cover;
}

.union_card_box .card_item .item_left img {
  width: 5.6rem;
  height: 4.2rem;
  border-radius: .25rem;
}

.union_card_box .card_item .item_right {
  margin-left: .5rem;
  color: #fff;
  width: 100%;
}

.union_card_box .card_item .item_right .right_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.union_card_box .card_item .item_right .top_left {
  font-size: 1rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #FFFFFF;
}

.union_card_box .card_item .item_right .top_right {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.union_card_box .card_item .item_right .right_bot {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  margin-top: .25rem;
}

.card_bag_box {
  margin-top: .5rem;
  background: #fff;
  border-radius: .5rem;
  padding: 0 0.6rem;
}

.card_bag_box .box_main .main_item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.6rem;
}

.card_bag_box .box_main .main_item:not(:first-child) {
  margin-top: .5rem;
}

.card_bag_box .box_main .main_item .item_left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.card_bag_box .box_main .main_item .item_left .left_img img {
  width: 2.1rem;
  height: 2.1rem;
  background: #FFFFFF;
  border-radius: 50%;
}

.card_bag_box .box_main .main_item .item_left .left_text {
  margin-left: .25rem;
}

.card_bag_box .box_main .main_item .item_right {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.card_bag_box .box_main .main_item .item_left .left_text .text_top {
  font-size: .875rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #2E2E2E;
}

.card_bag_box .box_main .main_item .item_left .left_text .text_bot {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.card_bag_box .box_main .main_item .item_left .left_bot {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.main_item.item_angel_light {
  background: url(../images/bg_gnk_ts.png) no-repeat center/cover;
  border-radius: .5rem;
}

.main_item.item_report_light {
  background: url(../images/bg_gnk_yb.png) no-repeat center/cover;
  border-radius: .5rem;
}

.main_item.item_angel_gray {
  background: url(../images/bg_gnk_ts_gray.png) no-repeat center/cover;
  border-radius: .5rem;
}

.apply_angel_box .box_head {
  background: url(../images/bg_shts_head.png) no-repeat center/cover;
  font-size: .75rem;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0.6rem;
  padding-bottom: 1rem;
  height: 20%;
}

.apply_angel_box .box_content {

  border-radius: .75rem .75rem 0px 0px;
  background: #fff;
  position: relative;
  width: 100%;
  height: 80%;
}

.apply_angel_box .box_content .item_bottom {
  width: 100%;
  text-align: center;
  position: absolute;
  ;
  left: 0;
  bottom: 2rem;
}

.apply_angel_box .box_content .item_bottom span {
  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.apply_angel_box .box_content .item_bottom .btn_last_step {
  background: #fff;
  border: 1px solid #FFC056;
  border-radius: 1.075rem;
  padding: 0.3rem 2.5rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFC056;
  margin-top: .125rem;
}

.apply_angel_box .box_content .item_bottom .btn_submit {
  margin-left: .25rem;
  background: linear-gradient(0deg, #FEA41F 0%, #FFC35E 100%);
  border-radius: 1.075rem;
  padding: 0.3rem 2.5rem;
  border: none;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.apply_angel_box {
  height: 100%;
}

.apply_angel_box .box_content .content_item {
  padding: 1.2rem 0.6rem 0.6rem 0.6rem;
  height: 100%;
}

.apply_angel_box .box_content>div {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
}

.apply_angel_box .content_item .item_title {
  font-size: 1rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.apply_angel_box .content_item .item_main {
  padding-top: .5rem;
}

.apply_angel_box .content_item .item_main>div {
  background: #FFFAF5;
  border: 1px solid #EFEFEF;
  border-radius: .25rem;
  padding: 0.6rem;
  margin-top: .5rem;
}

.apply_angel_box .content_item .item_main>div.active {
  background: #FFDB83;
  border: .05rem solid #FFB642;
}

.apply_angel_box .content_item .item_main .answer_error {
  text-align: right;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FE4343;
  margin-top: .125rem;
}

.apply_angel_box .content_item .item_main .answer_correct {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #3BA24A;
  text-align: right;
  margin-top: .125rem;
}

.answer_result_popup {
  background: #fff;
  border-radius: .5rem;
  width: 80%;
  z-index: 1002;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%, -50%);
  text-align: center;
  padding: 0.725rem 0;
}

.answer_result_popup .popup_head {
  font-size: 1rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.answer_result_popup .popup_content {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  margin-top: .75rem;
}

.answer_result_popup .popup_bot {
  margin-top: .75rem;
}

.answer_result_popup .popup_bot button {
  background: linear-gradient(0deg, #FEA41F 0%, #FFC35E 100%);
  border-radius: 1.075rem;
  padding: 0.3rem 2.5rem;
  border: none;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  margin-top: .125rem;
}

.apply_angel_box .content_result {
  padding: 1.2rem 0.6rem 0.6rem 0.6rem;
}

.mutual_improvement_line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 0.6rem;

  border-radius: .25rem;
  padding-left: 3rem;
  background: #FFF4E4 url(../images/bg_improvement_plan.png) no-repeat center left/2.675rem 100%;
}

.mutual_improvement_line .line_left strong {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FF8902;
  vertical-align: middle;
}

.mutual_improvement_line .line_right a {
  vertical-align: middle;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.mutual_improvement_line .line_right a {
  padding: 0.15rem 0.35rem;
  background: #FF9202;
  font-size: .475rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF
}

.mutual_improvement_line .line_right span.news:after {
  content: "";
  display: inline-block;
  width: .2rem;
  height: .2rem;
  background: #CC3131;
  border-radius: .1rem;
  position: absolute;
  right: 0.15rem;
  top: 0.35rem;
}

.mutual_improvement_line .line_right img {
  width: .25rem;
  height: .5rem;
  margin-left: .125rem;
}

.mutual_process_popup {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
  border-radius: .5rem .5rem 0 0;
  z-index: 1002;
  padding: 0.6rem;
}

.mutual_process_popup .icon_close {
  width: .8rem;
  height: .8rem;
  position: absolute;
  right: 0.6rem;
  top: 0.6rem;
}

.mutual_process_popup .popup_title {
  text-align: center;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.mutual_process_popup .popup_title img {
  width: 3rem;
  height: 3rem;
}

.mutual_process_popup .popup_head {
  margin-top: .5rem;
}

.mutual_process_popup .popup_head p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: .95rem;
}

.mutual_process_popup .popup_main {
  border-radius: .5rem .5rem 0 0;
  background: url(../images/icon_test_paper.png) no-repeat 95% 0.6rem, linear-gradient(0deg, rgba(255, 133, 39, 0.9), rgba(255, 163, 47, 0.9));
  box-shadow: 0px .075rem 0px 0px rgba(255, 255, 255, 0.54);
  padding: 0.5rem 0.6rem;
  margin-top: .5rem;
}

.mutual_process_popup .popup_main .main_head .head_top img {
  width: 1.025rem;
  height: .975rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.mutual_process_popup .popup_main .main_head .head_top span {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  vertical-align: middle;
}

.mutual_process_popup .popup_main .main_head .head_bot {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.alliance_interaction_list li {
  background: #FFF5E6;
  border: 1px solid #FFD2AE;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: .25rem;
  padding: 0.3rem;
  margin-top: .5rem;
}

.alliance_interaction_list .list_item .item_left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: .25rem;
}

.alliance_interaction_list .list_item .item_left .left_img img.img_hbl {
  width: 2.55rem;
  height: 2rem;
}

.alliance_interaction_list .list_item .item_left .left_img img.img_xxjd {
  width: 2.8rem;
  height: 1.75rem;
}

.alliance_interaction_list .list_item .item_left .left_img img.img_cgdy {
  width: 3rem;
  height: 2.15rem;
}

.alliance_interaction_list .list_item .item_left .left_img img.img_sd {
  width: 2.775rem;
  height: 2rem;
}

.alliance_interaction_list .list_item .item_left .text_top {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #2E2E2E;
}

.alliance_interaction_list .list_item .item_left .text_bot {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.alliance_interaction_list .list_item .item_right .btn_get {
  background: #FEBF55;
  border-radius: .675rem;
  padding: 0.15rem 0.5rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  white-space: nowrap;
}

.alliance_interaction_list .list_item .item_right .btn_get.active {
  background: #CCCCCC;
  color: #666666;
}

.improvement_program_box {
  position: static !important;
  padding: 0 !important;
  height: 100% !important;
}

.improvement_program_box .popup_main {
  margin-top: 0 !important;
  border-radius: 0 !important;
  height: 100% !important;
}

.improvement_program_box .main_title .title_top {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.05rem;
  text-shadow: .025rem .025rem 0px rgba(0, 0, 0, 0.1);
}

.improvement_program_box .main_title .title_bot {
  margin-top: .5rem;
}

.improvement_program_box .main_title .title_bot a {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  padding: 0.15rem 0.6rem;
  border-radius: .675rem;
  background: #FFEAC8;
}

.improvement_program_box .main_title .title_bot {
  text-align: right;
}

.improvement_program_box .main_content {
  background: #fff;
  margin-top: .75rem;
  border-radius: .5rem;
  padding: 0.6rem;
  height: 80% !important;
}

.improvement_program_box .main_content .text_top {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FF5A00;
}

.improvement_program_box .main_content .text_bot {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FF5A00;
}

.improvement_program_box .main_content ul li {
  background: #FFF5E6 !important;
  border: 1px solid #FFD2AE !important;
}

.exchange_stock_popup .popup_title {
  padding: 0 0.6rem;
}

.exchange_stock_popup .popup_title .title_main {
  font-size: 1rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.exchange_stock_popup .popup_title .title_state {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.btn_both_group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .75rem;
}

.btn_both_group>button {
  flex: 1;
  border: 1px solid #8E8E8E;
  border-radius: 1.25rem;
  padding: 0.5rem 0;
  text-align: center;
  background: none;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.btn_both_group>button.active {
  background: #FEBF55;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  border: none;
}

.btn_both_group>button:nth-child(1) {
  margin-right: .375rem;
}

.btn_both_group>button:nth-child(2) {
  margin-left: .375rem;
}

.tree_hole_line_box {
  padding: 0 0.6rem;
  position: absolute;
  left: 0;
  width: 100%;
}

.tree_hole_line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 2.6rem;

  padding: 0 0.6rem;
  font-size: .7rem;
  font-family: FZXS12;
  font-weight: 400;
  padding-top: 0.15rem;
  color: #FEBF55;
  background: url(../images/bg_tree_line.png) no-repeat center/cover;
}

.tree_hole_line div img {
  width: .775rem;
  height: .775rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.representation_feedback_item {
  background: #FFFFFF;
  border: 1px solid #FEBF55;
  border-radius: .5rem;
  padding: 0.5rem 1rem;
}

.representation_feedback_item .item_text p {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: 1rem;
  text-align: center;
}

.representation_feedback_text {
  background: #DDE1E4;
  border: 1px solid #D4D4D4;
  padding: 0.6rem 1rem;
}

.representation_feedback_text>div {
  padding: 0.6rem 1rem;
}

.representation_feedback_text p {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #404040;
  line-height: 1rem;
}

.representation_feedback_text .feedback_link_item {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  text-align: right;
  color: #FFA001;
}

.representation_feedback_text .feedback_link_item>a:nth-child(1) {
  margin-right: 2rem;
}

.my_proposal_box {
  padding: 0.6rem;
}

.my_proposal_box .proposal_tabs a {
  background: #EFEFEF;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #676767;
  border-radius: .6rem;
  padding: 0.1rem 0.6rem;
  margin-right: .25rem;
}

.my_proposal_box .proposal_tabs a.active {
  color: #2E2E2E;
  background: linear-gradient(180deg, #FFAD65, #FFC351);
}

.compensation_proposal img {
  width: .9rem !important;
  height: .85rem !important;
  vertical-align: middle;
  margin-right: .125rem;
}

.my_proposal_list>li {
  margin-top: .5rem;
}

.research_proposal img {
  width: .95rem !important;
  height: .8rem !important;
  vertical-align: middle;
  margin-right: .125rem;
}

.my_invitation_code_tabs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2.5rem;
}

.my_invitation_code_tabs>a {
  flex: 1;
  background: #fff;
  text-align: center;
  line-height: 2.5rem;
  display: inline-block;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.my_invitation_code_tabs a.active {
  border-bottom: .1rem solid #FFC056;
  color: #2E2E2E;
}

.code_sharing_list {
  padding: 0.6rem;
}

.code_sharing_list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #EFEFEF;
  border-radius: .25rem;
  margin-top: .5rem;
  padding: 0.5rem 0.6rem;
}

.code_sharing_list li .item_left .left_top {
  font-size: 1.15rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #8E8E8E;
}

.code_sharing_list li .item_left .left_bot {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
}

.code_sharing_list li .item_right .btn_share {
  border: 1px solid #FFC056;
  border-radius: .725rem;
  padding: 0.1rem 0.5rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFC056;
  background: none;
}

.invite_investors_list {
  padding: 0.6rem;
}

.invite_investors_list>li {
  display: flex;
  padding: 0.5rem 0.6rem;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #efefef;
}

.invite_investors_list>li .item_left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.invite_investors_list>li .item_left .left_img_head img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}

.invite_investors_list>li .item_left .left_text {
  margin-left: .25rem;
}

.invite_investors_list>li .item_left .left_text .text_name {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #030303;
}

.invite_investors_list>li .item_left .left_text .text_state {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E
}

.invite_investors_list>li .item_right {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFC056;
}














/*.tree_hole_container {
	height: 100%;
	padding: 0.5rem 0.6rem;
	background: url(../images/bg_sd_fm.png) no-repeat center/cover;
}

.tree_hole_container .tree_hole_video_box {
	height: 40%;
}

.tree_hole_video_box .box_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.tree_hole_video_box {
	position: absolute;
	padding: 0.5rem 0.6rem;
	width: 100%;
	z-index: 1000;
    background: rgba(255, 255, 255, 0);
}

.tree_hole_video_box .box_title .title_right button {
	font-size: .6rem;
	font-family: PingFang SC;
	font-weight: 500;
	color: #2E2E2E;
	padding: 0.05rem 0.15rem;
	background: #FFDF6B;
	border-radius: .525rem;
	border: none;
	white-space: nowrap;
}

.tree_hole_video_box .box_title .title_left {
	font-size: .8rem;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FFE567;
	
}
.tree_hole_video_box .box_title .title_right{
	font-size: .7rem;
font-family: PingFang SC;
font-weight: 400;
color: #FFE566;
}
.tree_hole_video_box .box_main {
	border-radius: .5rem;
	position: relative;
	margin-top: .5rem;
}

.tree_hole_video_box .box_main > div.box_main_content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100%;
}

.tree_hole_video_box .box_main > div > div {
	flex: 1;
	height: 100%;
	position: relative;
	width: 100%;
}

.tree_hole_video_box .box_main > div > div > video {
	width: 100%;
	height: 100%;
}

.live_broadcast_msg {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 1;
	padding-top: .725rem;
	text-align: center;
	background: url(../images/item_img_test.png) no-repeat center/1000%;
}

.live_broadcast_msg .msg_head .head_top img {
	width: 3.05rem;
	height: 3.05rem;
	border: .1rem solid rgba(255, 223, 107, 1);
	border-radius: 50%;
}

.live_broadcast_msg .msg_head .head_bot {
	font-size: .7rem;
	font-family: PingFang SC;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.1rem;
	text-shadow: 1px 1px 0px rgba(45, 45, 45, 0.16);
}

.live_broadcast_msg .msg_time_tips {
	margin-top: .5rem;
}

.live_broadcast_msg .msg_time_tips span {
	font-size: .55rem;
	font-family: PingFang SC;
	font-weight: 500;
	color: #2E2E2E;
	padding: 0.15rem 0.5rem;
	background: rgba(255, 255, 255, 0.4);
	border-radius: .65rem;
}

.live_broadcast_msg.top_mask:after {
	content: '';
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	background: rgba(0, 0, 0, .55);
}

.live_broadcast_msg_left.top_mask:after {
	border-radius: .5rem 0 0 .5rem;
}

.live_broadcast_msg_right.top_mask:after {
	border-radius: 0 .5rem .5rem 0;
}

.icon_sd_mask {
	position: absolute;
	z-index: 3;
	width: 4.45rem;
	height: 1.05rem;
	left: 50%;
	top: .5rem;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.img_sd_mask {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	border-radius: .5rem;
	left: 0;
	top: 0;
}

.icon_play {
	width: 2.55rem;
	height: 2.55rem;
	left: 50%;
	top: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 4;
}

.live_broadcast_msg_left {
	border-radius: .5rem 0 0 .5rem;
}

.live_broadcast_msg_right {
	border-radius: 0 .5rem .5rem 0;
}

.live_broadcast_msg.active_live .msg_head .head_bot {
	font-weight: bold;
	color: #FFDF6B;
}

.live_broadcast_msg_right.active_live:after {
	content: "";
	display: inline-block;
	width: 1.25rem;
	height: 3.075rem;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0 .4rem 0 0;
	background: url(../images/icon_sd_live.png) no-repeat center/cover;
}

.live_broadcast_msg_left.active_live:after {
	content: "";
	display: inline-block;
	width: 1.25rem;
	height: 3.075rem;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: .4rem 0 0 0;
	background: url(../images/icon_sd_live.png) no-repeat center/cover;
}

.live_broadcast_msg .msg_oper_group {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.6rem;
}

.live_broadcast_msg .msg_oper_group div img {
	width: 1.95rem;
	height: 2.05rem;
}

.tree_hole_video_box .box_bot {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	white-space: nowrap;
	overflow-x: auto;
	margin-top: .5rem;
}

.tree_hole_video_box .box_bot .bot_title {
	font-size: .7rem;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FFDF6B;
	line-height: 1.1rem;
	opacity: 0.7;
}

.tree_hole_video_box .box_bot .bot_item_group {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	white-space: nowrap;
}

.tree_hole_video_box .box_bot .bot_item_group > div {
	padding: 0.1rem 0.35rem;
	background: rgba(255, 255, 255, 0.16);
	border-radius: .25rem;
	display: flex;
	align-items: center;
	margin-right: .25rem;
}

.tree_hole_video_box .box_bot .bot_item_group > div img {
	width: .7rem;
	border-radius: 50%;
	height: .7rem;
	vertical-align: middle;
}

.tree_hole_video_box .box_bot .bot_item_group > div span {
	font-size: .6rem;
	font-family: PingFang SC;
	font-weight: 500;
	vertical-align: middle;
	margin-left: .125rem;
	color: #FFFFFF;
}

.tree_hole_container .tree_hole_chat_box {
	height: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.tree_hole_chat_list {
	overflow-y: auto;
	height: 100%;
	/*padding-bottom: 2.5rem;*/

-webkit-mask-image: linear-gradient(to bottom,
  rgba(255,
    255,
    255,
    0) 0,
  rgba(255,
    255,
    255,
    .6) 15%,
  rgba(255,
    255,
    255,
    1) 100%);









}

.tree_hole_chat_list li {
  text-align: left;
}

.tree_hole_chat_list>li>div {
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.22);
  border-radius: .5rem;
  margin-top: .5rem;
  display: inline-block;
  max-width: 100%;
}

.tree_hole_chat_list>li .chat_text {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 1.1rem;
}

.tree_hole_chat_list>li .text_user {
  margin-right: .125rem;
  vertical-align: bottom;
}

.tree_hole_chat_list>li .text_user img {
  width: .975rem;
  border-radius: 50%;
  height: .975rem;
  vertical-align: middle;
}

.tree_hole_chat_list>li .text_user span {
  color: #FFDF6B;
  margin-left: .125rem;
  vertical-align: middle;
  font-size: .7rem;
}




.tree_hole_container {
  height: 100%;
  padding: 0.5rem 0.6rem;
  background: url(../images/bg_sd_fm.png) no-repeat center/cover;
}

.tree_hole_container .tree_hole_video_box {
  height: 40%;
}

.tree_hole_video_box .box_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tree_hole_video_box {
  position: absolute;
  padding: 0.5rem 0.6rem;
  width: 100%;
  z-index: 1000;
  background: url(../images/bg_sd_fm.png) no-repeat center/cover;
}

.tree_hole_video_box .box_title .title_right button {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  padding: 0.05rem 0.15rem;
  background: #FFDF6B;
  border-radius: .525rem;
  border: none;
  white-space: nowrap;
}

.tree_hole_video_box .box_title .title_left {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFDF6B;
  opacity: 0.8;
}

.tree_hole_video_box .box_main {
  /* border: .1rem solid rgba(255, 223, 107, 1); */

  border-radius: .5rem;
  position: relative;
  /* height: 8.2rem; */
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.tree_hole_video_box .box_main>div.box_main_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}

.tree_hole_video_box .box_main>div>div {
  flex: 1;
  height: 100%;
  position: relative;
}

.tree_hole_video_box .box_main>div>div>video {
  width: 100%;
  height: 100%;
}

.live_broadcast_msg {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
  padding-top: .725rem;
  text-align: center;
  background: url(../images/item_img_test.png) no-repeat center/1000%;
}

.live_broadcast_msg .msg_head .head_top img {
  width: 3.05rem;
  height: 3.05rem;
  border: .1rem solid rgba(255, 223, 107, 1);
  border-radius: 50%;
}

.live_broadcast_msg .msg_head .head_bot {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.1rem;
  text-shadow: 1px 1px 0px rgba(45, 45, 45, 0.16);
}

.live_broadcast_msg .msg_time_tips {
  margin-top: .5rem;
}

.live_broadcast_msg .msg_time_tips span {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  padding: 0.15rem 0.5rem;
  background: rgba(255, 255, 255, 0.4);
  border-radius: .65rem;
}

.live_broadcast_msg.top_mask:after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background: rgba(0, 0, 0, .55);
}

.live_broadcast_msg_left.top_mask:after {
  border-radius: .5rem 0 0 .5rem;
}

.live_broadcast_msg_right.top_mask:after {
  border-radius: 0 .5rem .5rem 0;
}

.icon_sd_mask {
  position: absolute;
  z-index: 3;
  width: 4.45rem;
  height: 1.05rem;
  left: 50%;
  top: .5rem;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.img_sd_mask {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  border-radius: .5rem;
  left: 0;
  top: 0;
}

.icon_play {
  width: 2.55rem;
  height: 2.55rem;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 4;
}

.live_broadcast_msg_left {
  border-radius: .5rem 0 0 .5rem;
}

.live_broadcast_msg_right {
  border-radius: 0 .5rem .5rem 0;
}

.live_broadcast_msg.active_live .msg_head .head_bot {
  font-weight: bold;
  color: #FFDF6B;
}

.live_broadcast_msg_right.active_live:after {
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 3.075rem;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 .4rem 0 0;
  background: url(../images/icon_sd_live.png) no-repeat center/cover;
}

.live_broadcast_msg_left.active_live:after {
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 3.075rem;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: .4rem 0 0 0;
  background: url(../images/icon_sd_live.png) no-repeat center/cover;
}

.live_broadcast_msg .msg_oper_group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem;
}

.live_broadcast_msg .msg_oper_group div img {
  width: 1.95rem;
  height: 2.05rem;
}

.tree_hole_video_box .box_bot {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
  overflow-x: auto;
  margin-top: .5rem;
}

.tree_hole_video_box .box_bot .bot_title {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFDF6B;
  line-height: 1.1rem;
  opacity: 0.7;
}

.tree_hole_video_box .box_bot .bot_item_group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
}

.tree_hole_video_box .box_bot .bot_item_group>div {
  padding: 0.1rem 0.35rem;
  background: rgba(255, 255, 255, 0.16);
  border-radius: .25rem;
  display: flex;
  align-items: center;
  margin-right: .25rem;
}

.tree_hole_video_box .box_bot .bot_item_group>div img {
  width: .7rem;
  border-radius: 50%;
  height: .7rem;
  vertical-align: middle;
}

.tree_hole_video_box .box_bot .bot_item_group>div span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  vertical-align: middle;
  margin-left: .125rem;
  color: #FFFFFF;
}

.tree_hole_container .tree_hole_chat_box {
  height: 100%;
  position: relative;
}

.tree_hole_chat_list {
  overflow-y: auto;

  padding-bottom: 4.5rem;
}

.tree_hole_chat_list li {
  text-align: left;
}

.tree_hole_chat_list>li>div {
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.22);
  border-radius: .5rem;
  margin-top: .5rem;
  display: inline-block;
  max-width: 100%;
}

.tree_hole_chat_list>li .chat_text {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 1.1rem;
}

.tree_hole_chat_list>li .text_user {
  margin-right: .125rem;
  vertical-align: bottom;
}

.tree_hole_chat_list>li .text_user img {
  width: .8rem;
  border-radius: 50%;
  height: .8rem;
  vertical-align: middle;
}

.tree_hole_chat_list>li .text_user span {
  color: #FFDF6B;
  margin-left: .125rem;
  vertical-align: middle;
}

.my_page_average_label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  padding: 0.5rem 0;
}

.my_page_average_label>div {
  flex: 1;
  text-align: center;
  line-height: 1;
}

.my_page_average_label .item_top {
  font-size: .9rem;
  font-family: DIN Next LT Pro;
  font-weight: 500;
  color: rgba(255, 138, 0, 1);
}

.my_page_average_label .item_bot {
  color: rgba(142, 142, 142, 1);
  font-size: .6rem;
  font-family: DIN Next LT Pro;
  margin-top: .25rem;
  font-weight: 500;
}

.my_page_items {
  padding: 0 0.6rem;
  background: #fff;
  margin-top: .5rem;
  padding-bottom: 0.5rem;
}

.item_my_contribution {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.item_my_contribution>div {
  flex: 1;
  height: 5.6rem;
  text-align: center;
  color: #fff;
}

.item_my_contribution .item_left {
  background: url(../images/bg_orange_item.png) no-repeat center/cover;
  width: 100%;
  border-radius: .5rem;
  padding-top: 1rem;
}

.item_my_contribution .item_left .left_top {
  line-height: 1;
}

.item_my_contribution .item_left .left_top .num {
  font-size: 2.4rem;
  font-family: DIN Next LT Pro;
  font-weight: bold;
}

.item_my_contribution .item_left .left_top .com {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.item_my_contribution .item_left .left_bot {
  font-size: .7rem;
  margin-top: .125rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  opacity: 0.85;
}

.item_my_contribution .item_left {
  margin-right: .125rem;
}

.item_my_contribution .item_right {
  margin-left: .125rem;
}

.item_my_contribution .item_right .samll_item_top {
  background: url(../images/bg_deepblue_item.png) no-repeat center/cover;
  border-radius: .5rem;
  padding: 0.25rem 0;
}

.item_my_contribution .item_right .small_item_bot {
  background: url(../images/bg_yellow_item.png) no-repeat center/cover;
  border-radius: .5rem;
  padding: 0.25rem 0;
  margin-top: .25rem;
}

.item_my_contribution .item_right .right_top {
  line-height: 1;
}

.item_my_contribution .item_right .right_top .num {
  font-size: 1.3rem;
  font-family: DIN Next LT Pro;
  font-weight: 500;
  color: #FFFFFF;
}

.item_my_contribution .item_right .right_top .com {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.item_my_contribution .item_right .right_bot {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  opacity: 0.85
}

.item_my_volunteer .volunteer_item_top {
  padding: 0.6rem 0.65rem;
  background: url(../images/bg_large_yellow.png) no-repeat center/cover;
  border-radius: .5rem;
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.35rem;
  text-shadow: .05rem .05rem 0px rgba(161, 80, 13, 0.1);
}

.item_my_volunteer .volunteer_item_bot {
  padding: 0.6rem 0.65rem;
  background: url(../images/bg_large_lue.png) no-repeat center/cover;
  border-radius: .5rem;
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  margin-top: .5rem;
  line-height: 1.35rem;
  text-shadow: .05rem .05rem 0px rgba(161, 80, 13, 0.1);
}

.bot_share_career {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
  background: #fff;
  width: 100%;
}

.bot_share_career .career_title {
  font-size: 1rem;
  font-family: YouSheBiaoTiHei;
  font-weight: 400;
  color: #B4B4B4;
  text-align: center;
  background: #EFEFEF;
  ;
  padding: 0.25rem 0;
}

.bot_share_career .career_main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem;
}

.bot_share_career .career_main .main_left img {
  width: .825rem;
  height: .825rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.bot_share_career .career_main .main_left span {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  vertical-align: middle;
}

.bot_share_career .career_main .main_right img {
  width: 1.15rem;
  vertical-align: middle;
  height: 1.15rem;
}

.bot_share_career .career_main .main_right img:nth-child(1) {
  margin-right: .725rem;
}

.proposal_swiper_container>div {
  padding-bottom: 1rem;
}

.proposal_swiper_container .swiper-pagination {
  bottom: -0.25rem !important;
}

.proposal_swiper_container .swiper-pagination .swiper-pagination-bullet-active {

  background: #FF8A00 !important;
}

.alliance_news_modules_list {
  padding-top: .5rem;
}

.alliance_news_modules_list>li {
  background: #FFFFFF;
  border-radius: .25rem;
  padding: 0.5rem 0.6rem;
}

.alliance_news_modules_list>li:not(:first-child) {
  margin-top: .5rem;
}

.alliance_news_modules_list>li .item_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.alliance_news_modules_list>li .item_top .top_left .item_title {
  padding-left: 1rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.alliance_news_modules_list>li .item_top .top_right .item_time {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.alliance_news_modules_list>li .item_bot {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  margin-top: .5rem;
}

.alliance_news_modules_list .icon_code {
  background: url(../images/icon_s_invite_code.png) no-repeat left center/.65rem .65rem;
}

.alliance_news_modules_list .icon_contribution {
  background: url(../images/icon_s_gx.png) no-repeat left center/.725rem .65rem;
}

.alliance_news_modules_list .icon_invitation {
  background: url(../images/icon_s_yq.png) no-repeat left center/.7rem .65rem;
}

.alliance_news_modules_list .icon_angel {
  background: url(../images/icon_s_tsk.png) no-repeat left center/.825rem .6rem;
}

.alliance_news_modules_list .icon_report {
  background: url(../images/icon_s_ybk.png) no-repeat left center/.725rem .675rem;
}

.alliance_news_modules_list .icon_loss {
  background: url(../images/icon_s_ksbc.png) no-repeat left center/.775rem .6rem;
}

.alliance_news_modules_list .icon_apply {
  background: url(../images/icon_s_sqdy.png) no-repeat left center/.65rem .65rem;
}

.invitation_out_box {
  height: 100%;
  padding-top: 1rem;
  background: url(../images/bg_invite_out_box.png) no-repeat center/cover;
}

.invitation_out_box .invitation_in_box {
  height: 90%;
  width: 100%;
  background: url(../images/bg_invite_in_box.png) no-repeat center;
  background-size: 100%;
  padding: 0rem 2.2rem;
  padding-top: 30%;
  color: #F95E19;
}

.synch_to_underworld {
  text-align: center;
  padding: 0.35rem 0;
  background: #fff;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  position: relative;
}

.synch_to_underworld input {
  opacity: 0;
  position: absolute;
}

.synch_to_underworld i {
  display: inline-block;
  width: .7rem;
  height: .7rem;
  vertical-align: middle;
  border: 1px solid #999;
  border-radius: 50%;
}

.synch_to_underworld span {
  vertical-align: middle;
  margin-left: .125rem;
}

.synch_to_underworld input[type="checkbox"]:checked~i {
  border: none;
  background: url(../images/icon_yellow_gou.png) no-repeat center/cover;
}

.bottom_guess_box {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 10001;
  background: #fff;
  padding: 0.5rem;
  border-radius: .5rem .5rem 0 0;
}

.bottom_guess_box .popup_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bottom_guess_box .popup_head .head_left {
  font-size: .95rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.bottom_guess_box .popup_head .head_right img {
  width: .8rem;
  height: .8rem;
  vertical-align: middle;
}

.bottom_guess_box {
  height: auto !important;
}

.bottom_guess_box .popup_btn button {
  width: 8.75rem !important;
}

.grassroots_report_box {
  padding: 0.6rem;
}

.grassroots_report_head {
  background: url(../images/bg_head_report.png) no-repeat center/cover;
  color: #fff;
  padding: 0.3rem;
}

.grassroots_report_head .icon_share {
  text-align: right;
}

.grassroots_report_head .icon_share button {
  background: url(../images/bg_btn_share.png) no-repeat center/cover;
  width: 2.425rem;
  height: 1rem;
  border: none;
}

.grassroots_report_head .icon_share .icon_collect {
  background: url(../images/icon_collect.png) no-repeat center/cover;
  margin-right: .5rem;
}

.grassroots_report_head .icon_share .icon_collect.active {
  background: url(../images/icon_collected.png) no-repeat center/cover;
  width: 3rem !important;
}

.grassroots_report_head .head_title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.grassroots_report_head .head_title .box_left span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.grassroots_report_head .head_title .box_right span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  opacity: 0.7;
}

.grassroots_report_head .head_main {
  margin-top: .5rem;
}

.grassroots_report_head .head_main .main_title {
  font-size: 1.125rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.2rem;
}

.grassroots_report_head .head_main .main_text {
  font-size: .75rem;
  margin-top: .25rem;
}

.grassroots_report_main .main_text {
  background: #FAFAFA;
  border: 1px solid #DDE7FF;
  padding: 0.6rem;
  margin-top: .5rem;
  padding-top: 1.25rem;
  position: relative;
}

.grassroots_report_box p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.2rem;
}

.grassroots_report_main .main_text .text_mask {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  background: #628FFB;
  color: #FFFFFF;
  position: absolute;
  left: 0;
  top: 0;
}

.grassroots_report_main .text_tips {
  margin-top: .5rem;
}

.grassroots_report_main .text_tips p {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #565656;
  line-height: 0.8rem;
}

.grassroots_report_main .text_img_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.grassroots_report_main .text_img_box img {
  width: .775rem;
  height: .775rem;
  margin-top: 0.25rem;
  margin-right: 0.25rem;
  border: .075rem solid #CCCCCC;
}

.tabs_button_group {
  background: #EFEFEF;
  border-radius: .7rem;
}

.tabs_button_group>a {
  padding: 0.1rem 0.35rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
}

.tabs_button_group>a.active {
  background: #FFFFFF;
  border-radius: .65rem;
}

.dy_friends_swiper {
  padding: 0 0.6rem 0.6rem 0.6rem;
}

.dy_friends_swiper .swiper-pagination {
  bottom: 0 !important;
}

.dy_friends_swiper .swiper-slide {
  border-radius: .5rem;
}

.dy_friends_swiper div img {
  height: auto;
  border-radius: .5rem;
}

.dy_friends_swiper .swiper-pagination .swiper-pagination-bullet {
  background: #efefef;
  width: .3rem;
  height: .3rem;
}

.clues_provided_textarea textarea {
  width: 100%;
  height: 8.25rem;
  background: #FAFAFA;
  border: 1px solid #EAEAEA;
  border-radius: .5rem;
  padding: 0.6rem;
}

.btn_fixed_right_bot {
  box-shadow: 0px .075rem .25rem 1px rgba(0, 0, 0, 0.13);
  border-radius: 1.025rem;
  background: #F2B237;
  position: absolute;
  right: 0.6rem;
  bottom: 1rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  z-index: 1001;
  padding: 0.45rem 0.6rem;
  border: none;
}

.btn_my_compensation_popup {
  display: inline-block;
  width: 2.9rem;
  height: 2.35rem;
  background: url(../images/icon_my_buchanjin.png) no-repeat center/cover;
  position: absolute;
  right: 0.6rem;
  top: 5rem;
  z-index: 10;
}

.my_compensation_popup {
  position: absolute;
  z-index: 1001;
  bottom: 0;
  left: 0;
  background: #fff;
  width: 100%;
  padding: 0.6rem;
  border-radius: .5rem .5rem 0 0;
}

.my_compensation_popup .popup_head {
  text-align: center;
}

.my_compensation_popup .popup_head .icon_close {
  width: .8rem;
  height: .8rem;
  position: absolute;
  right: 0.6rem;
  top: 0.6rem;
}

.my_compensation_popup .popup_title {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  margin-top: .5rem;
}

.my_compensation_popup .popup_main {
  height: 15rem;
  overflow-y: auto;
}

.my_compensation_popup .popup_main .main_list .item_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1;
}

.my_compensation_popup .popup_main .main_list li {
  padding: 0.6rem 0;
  border-bottom: 1px solid #efefef;
}

.my_compensation_popup .popup_main .main_list .item_top .top_left p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.my_compensation_popup .popup_main .main_list .item_top .top_right {
  font-size: .95rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.my_compensation_popup .popup_main .main_list .item_bot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .25rem;
}

.my_compensation_popup .popup_main .main_list .item_bot .bot_left {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.my_compensation_popup .popup_main .main_list .item_bot .bot_right {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.card_package_popup {
  width: 80%;
  position: absolute;
  left: 10%;
  top: 20%;
  z-index: 1001;
}

.card_package_popup .card_package_angel {
  height: 20rem;
  background: url(../images/card_package_angel.png) no-repeat center/15.55rem 19.25rem;
}

.card_package_popup .card_head {
  position: absolute;
  font-size: 1rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #FFFFFF;
  width: 100%;
  text-align: center;
  top: 1.5rem;
  left: 0;
}

.card_package_popup .card_content {
  width: 90%;
  left: 5%;
  position: absolute;
  bottom: 3.8rem;
}

.card_package_popup .card_content p {
  text-align: center;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.card_package_popup .card_btn {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 1.5rem;
  z-index: 10;
}

.card_package_popup .card_btn button {
  border-radius: .5rem;
  background: linear-gradient(0deg, #FFC03A 0%, #FFE29B 100%);
  padding: 0.25rem 0;
  width: 90%;
  border: none;
  font-size: 1rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #924800;
}

.card_package_popup .card_package_report {
  background: url(../images/card_package_report.png) no-repeat center/15.65rem 19.25rem;
  height: 20rem;
}

.card_package_popup .icon_close {
  width: 1.4rem;
  height: 1.4rem;
  position: absolute;
  left: 50%;
  bottom: -3rem;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */

  -webkit-transform: translate(-50%, -50%);
}

.mentoring_program_popup {
  width: 76%;
  left: 12%;
  top: 30%;
  position: absolute;
  background: #fff;
  z-index: 10001;
  padding: 1rem 0.6rem;
  border-radius: .5rem;
}

.mentoring_program_popup .popup_head {
  text-align: center;
}

.mentoring_program_popup .popup_head img {
  width: 3.95rem;
  height: 4.8rem;
  vertical-align: middle;
}

.mentoring_program_popup .popup_main {
  margin-top: .5rem;
}

.mentoring_program_popup .popup_main .main_top {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FB7A1F;
}

.mentoring_program_popup .popup_main .main_bot p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
  line-height: 1rem
}

.mentoring_program_popup .popup_btn {
  text-align: center;
  margin-top: .75rem;
}

.mentoring_program_popup .popup_btn button {
  padding: 0.5rem 3rem;
  border-radius: 1.25rem;
  border: none;
  background: #FFBD63;
}

.start_up_00 img {
  max-width: 100%;
  height: auto;
}

.start_up_page .page_head {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #565656;
  padding: 0.35rem 0.6rem;
}

.start_up_page .page_head img {
  width: .8rem;
  height: .8rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.start_up_page .page_head span {
  vertical-align: middle;
}

.start_up_01,
.start_up_02,
.start_up_03,
.start_up_05 {
  text-align: center;
  padding-top: .5rem;
}

.start_up_01 img,
.start_up_02 img,
.start_up_03 img,
.start_up_05 img {
  max-width: 78%;
  height: auto;
}

.start_up_04 {
  text-align: right;
}

.start_up_04 img {
  max-width: 85%;
  height: auto;
}

.start_up_00_text {
  margin-top: .5rem;
}

.start_up_00_text p {
  font-size: .9rem;
  font-family: TXWZhengHeiS-DB-GB;
  font-weight: 400;
  color: #2E2E2E;
  line-height: 1.3rem;
  padding-left: 20%;
}

.start_up_00_text p~p {
  margin-top: 0;
}

.start_up_00_text_by {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #9D9A9D;
  padding-right: 15%;
  text-align: right;
  margin-top: .5rem;
}

.start_up_00_text_by img {
  width: .85rem;
  height: .85rem;
  vertical-align: middle;
  border-radius: 50%;
}

.start_up_swiper {
  width: 100%;
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.start_up_swiper>div {
  width: 100%;
  position: absolute;
  left: 0;
  height: 70%;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.start_up_swiper .swiper-container {
  padding-bottom: 1rem;
}

.start_up_swiper .swiper-pagination .swiper-pagination-bullet {
  background: #FFC056;
  border-radius: .2rem;
}

.fixed_bottom_start {
  bottom: 0rem;
  left: 0;
  width: 100%;
  position: absolute;
  background: #fff;
  z-index: 10;
  padding: 0.6rem;
  background: #FFFDFA;
  box-shadow: 0px 1px 0px 0px #EFEFEF;
}

.fixed_bottom_start .btn_group {
  display: flex;
  justify-content: space-between;
}

.fixed_bottom_start button {
  padding: 0.5rem 0;
  border-radius: 1.25rem;
  border: none;
}

.fixed_bottom_start .btn_left {
  flex: 4;
  margin-right: .125rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  border: 1px solid #FFC056;
  color: #FFC056;
  background: none;
}

.fixed_bottom_start .btn_right {
  flex: 6;
  margin-left: .125rem;
  background: #FFC056;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.test_btn_group button {
  white-space: nowrap;
}

.test_btn_group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.test_btn_group>button {
  flex: 1;
  padding: 0.5rem 0 !important;
}

.test_btn_group .btn_left {
  border: 1px solid #8E8E8E !important;
  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #8E8E8E;
  margin-right: .125rem;
  background: none !important;
}

.test_btn_group .btn_right {
  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  margin-left: .125rem;
}

.new_code_line {
  display: flex;
  margin-top: .5rem;
  padding: 0.5rem 0.6rem;
  border: 1px solid #FAFAFA;
  border-radius: .5rem;
  background: #fff;
  align-items: center;
  justify-content: space-between;
}

.new_code_line .line_left img {
  width: .95rem;
  height: 1.15rem;
  vertical-align: middle;
}

.new_code_line .line_left span {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #787878;
  vertical-align: middle;
  margin-left: .25rem;
}

.new_code_line .line_right {
  position: relative;
}

.new_code_line .line_right img {
  width: .25rem;
  height: .5rem;
  vertical-align: middle;
}

.new_code_line .line_right.news:after {
  content: "";
  display: inline-block;
  width: .2rem;
  height: .2rem;
  background: #CC3131;
  border-radius: .1rem;
  position: absolute;
  left: -.4rem;
  top: 0.55rem;
}

.share_code_box {
  padding: 0.6rem;
}

.share_code_box .box_img {
  text-align: center;
}

.share_code_box .box_img img {
  max-width: 60%;
  height: auto;
}

.share_code_box .box_copy {
  border: .05rem solid #CCCCCC;
  padding: 0.6rem 0.725rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .5rem;
}

.share_code_box .box_copy .box_left {
  font-size: 1.05rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.share_code_box .box_copy .box_right button {
  background: #FEBF55;
  border-radius: .625rem;
  padding: 0.2rem 0.6rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  border: none;
}

.share_code_box .box_copy .box_title {
  font-size: .8rem;
  font-family: TXWZhengHeiS-DB-GB;
  font-weight: 400;
  color: #FF8900;
  position: absolute;
  left: -0.6rem;
  top: -0.6rem;
  padding: 0 0.6rem;
  background: #fafafa;
}

.share_code_box .box_text {
  margin-top: .5rem;
}

.share_code_box .box_text p {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
  line-height: .95rem;
}

.share_code_box .box_text p~p {
  margin-top: 0;
}

.material_search_box {
  padding: 0.3rem 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.material_search_box .box_left {
  position: relative;
}

.material_search_box .box_left img {
  width: 1.45rem;
  height: 1.675rem;
  animation: swing 2.5s .15s linear infinite;
  -webkit-animation: swing 2.5s .15s linear infinite;
  /* Safari and Chrome */
}

@-webkit-keyframes swing {
  10% {
    transform: rotate(15deg);
  }

  20% {
    transform: rotate(-10deg);
  }

  30% {
    transform: rotate(5deg);
  }

  40% {
    transform: rotate(-5deg);
  }

  50%,
  100% {
    transform: rotate(0deg);
  }
}

@keyframes swing {
  10% {
    transform: rotate(15deg);
  }

  20% {
    transform: rotate(-10deg);
  }

  30% {
    transform: rotate(5deg);
  }

  40% {
    transform: rotate(-5deg);
  }

  50%,
  100% {
    transform: rotate(0deg);
  }
}

.material_search_box .box_left span {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  text-align: center;
  line-height: .8rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  background: #CC3131;
  border-radius: 50%;
  position: absolute;
  right: -0.2rem;
  top: -0.2rem;
}

.material_search_box .box_right {
  width: 100%;
  margin-left: .5rem;
}

.material_search_box .box_right>a {
  display: inline-block;
  width: 100%;
  border-radius: .775rem;
  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #454545;
  height: 1.65rem;
  line-height: 1.65rem;
  padding-left: 1.6rem;
  background: rgba(255, 255, 255, 0.33) url(../images/icon_black_search.png) no-repeat 0.6rem center/.7rem .7rem;
}

.audio_box {
  width: 103%;
  height: 103% !important;
  position: absolute !important;
  left: -1.5%;
  top: -1.5%;
  z-index: 5;
  text-align: center;
  padding-top: 6rem;
  border-radius: .25rem;
}

.audio_box audio {
  height: 1.5rem;
}

.bot_withdrawal_box {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.bot_withdrawal_box>div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bot_withdrawal_box>div>div {
  height: 2.75rem;
  text-align: center;
  line-height: 2.75rem;
}

.bot_withdrawal_box>div .box_left {
  flex: 1.7;
  position: relative;
  text-align: center;
  background: linear-gradient(90deg, #FFAC5E, #FA7D5B);
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.bot_withdrawal_box>div .box_right {
  flex: 1.3;
  white-space: nowrap;
  background: #fff;
  color: rgba(255, 172, 94, 1);
}

.bot_withdrawal_box>div .box_right span.active {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #999999;
}

.mask_identity {
  padding: 0.01rem 0.15rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FEBF55;
  background: #FFEDD5;
  border: 1px solid #FEBF55;
  border-radius: .1rem;
  margin-left: .125rem;
  vertical-align: middle;
}

#livePlayer {
  position: absolute;
  left: 0;
  top: 0;
}

.join_union_now {
  background: url(../images/bg_join_now.png) no-repeat center/100% 100%;
  display: flex;
  padding: 0.6rem 0.725rem;
  justify-content: space-between;
  align-items: center;
}

.join_union_now .box_left {
  color: #fff;
}

.join_union_now .box_left .left_top {
  font-size: 1rem;
}

.join_union_now .box_left .left_bot {
  font-size: .8rem;
  opacity: 0.8;
}

.join_union_now .box_right button {
  border: none;
  background: #FFDF6B;
  padding: 0.35rem 0.6rem;
  border-radius: 1rem;
  color: #000;
  font-size: .8rem;
}

.tree_hole_chat_box .fixed_top_item {
  position: fixed;
  left: 0.6rem;
  top: 15rem;
  padding: 0.3rem 0.5rem;
  background: #5c3358;
  border-radius: .5rem;
  color: #FFFFFF;
  z-index: 100;
  max-width: 88%;
}

.tree_hole_chat_box .fixed_top_item p {

  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 1.1rem;
}

.tree_hole_chat_box .fixed_top_item img {
  width: .8rem;
  border-radius: 50%;
  height: .8rem;
  vertical-align: middle;
}

.tree_hole_chat_box .fixed_top_item span {
  vertical-align: middle;
  color: #FFDF6B;
}

.claim_right_box_top {
  padding: 0.6rem;
  padding-bottom: 3.5rem;
  background: linear-gradient(-10deg, #FFAF51 0%, #F95529 100%);
  border-radius: 0 0 0.35rem 0.35rem;
}

.claim_right_box_top .top_title_text {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.3rem
}

.claim_right_box_top .top_title_text .text_mask {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: .15rem;
  padding: 0.01rem 0.1rem;
  background: linear-gradient(0deg, #EC4925, #F36531);
  margin-right: .125rem;
  vertical-align: text-top;
}

.claim_right_box_top .top_img {
  text-align: center;
  margin-top: .5rem;
}

.claim_right_box_top .top_img img {
  max-width: 92%;
  height: auto;
}

.claim_right_main_top {
  margin-top: -3.7rem;
}

.claim_right_main_top>div {
  border-radius: .5rem;
}

.claim_right_main_top .box_main_item {
  padding: 0.5rem 0.6rem;
  background: #fff;
  padding-top: 0;
}

.claim_right_main_top .box_main_item .claim_right_list {
  background: #EDEDED !important;
}

.tip_mask_area {
  position: relative;
}

.tip_mask_area:after {
  content: "";
  display: inline-block;
  width: 106%;
  height: 106%;
  background: #fff;
  position: absolute;
  left: -3%;
  top: -3%;
}

.break_through_box .box_title {
  font-size: 0.8rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #5E4522;
  background: linear-gradient(180deg, #FFAD65, #FFC351);
  box-shadow: 0px .075rem .225rem 0px rgba(45, 45, 45, 0.15);
  border-radius: 0px .075rem .075rem 0px;
  padding: 0.6rem;
}

.break_through_box .box_main {
  margin-top: -0.25rem;
  border-radius: .25rem .25rem 0px 0px;
  background: #fff;
  padding: 0.6rem;
}

.break_through_box .box_main .box_head {
  text-align: center;
}

.break_through_box .box_main .box_head .head_top {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  margin-bottom: .5rem;
  color: #4B4B4B;
}

.break_through_box .box_main .box_head .head_center img {
  width: 3.5rem;
  height: 3.5rem;
}

.break_through_box .box_main .box_head .head_bot {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.break_through_box .box_main .box_text_img .text_img_title {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #4B4B4B;
}

.break_through_box .box_main .box_text_img .text_img_main {
  text-align: center;
  margin-top: .5rem;
}

.break_through_box .box_main .box_text_img .text_img_main img {
  max-width: 60%;
  border-radius: .25rem;
}

.break_through_box .box_main .box_text_img .text_img_main span {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
}

.break_through_box .box_main .box_text_img .text_img_detail {
  padding: 0.5rem 1rem;
}

.break_through_box .box_main .box_text_img .text_img_detail p {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
  line-height: 1.15rem;
}

.break_through_box .box_main .my_point {
  margin-top: .75rem;
}

.break_through_box .box_main .my_point .point_title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .875rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #4B4B4B;
  margin-top: .25rem;
}

.break_through_box .box_main .my_point .point_title>span:nth-child(1) {
  flex: auto;
}

.break_through_box .box_main .my_point .point_title>span:nth-child(2) {
  flex-wrap: nowrap;
  text-align: center;
}

.break_through_box .box_main .my_point .point_title>span:nth-child(3) {
  flex: auto;
}

.break_through_box .box_main .my_point .point_title .line {
  border-bottom: 1px solid #ccc;
}

.break_through_box .box_main .my_point .point_main {
  margin-top: .75rem;
}

.break_through_box .box_main .my_point .point_main .both_choose_one_box>div {
  height: 4.3rem !important;
}

.break_through_box .box_main .my_point .point_main .both_choose_one_box>div p {
  text-align: center !important;
  font-size: .75rem;
  font-size: 1rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.break_through_box .box_main .both_choose_one_box>div.choose_left.active {
  background: #FFAD65 url(../images/bg_active_gou.png) no-repeat -0.3rem 1rem/4.625rem 4.625rem !important;
}

.break_through_box .box_main .both_choose_one_box>div.choose_right.active {
  background: #51B7FF url(../images/bg_active_gou.png) no-repeat 4rem 1rem/4.625rem 4.625rem !important;
}

.break_through_box .box_main .my_point .point_main .both_choose_one_box>div:nth-child(1):after {
  border-bottom: 4.3rem solid transparent !important;
}

.break_through_box .box_main .my_point .point_main .both_choose_one_box>div:nth-child(2):before {
  border-top: 4.3rem solid transparent !important;
}

.break_through_box .box_main .my_point .point_main .both_choose_one_box>div:nth-child(1) .icon_both_or {
  top: 30%;
}

.break_through_box .box_main .my_point .point_tips {
  margin-top: .5rem;
}

.break_through_box .box_main .my_point .point_tips p {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 1.1rem;
}

.break_through_box .box_main .my_point .point_tips p~p {
  margin-top: 0;
}

.break_through_box .box_main .both_choose_one_box>div.bg_gray {
  background: #B7B7B7 !important;
}

.break_through_box .box_main .both_choose_one_box>div.bg_gray:after {
  border-left: 1rem solid #B7B7B7 !important;
}

.break_through_box .box_main .both_choose_one_box>div.bg_gray:before {
  border-right: 1rem solid #B7B7B7 !important;
}

.break_through_box .box_main .both_choose_one_box .choose_main {
  text-align: center !important;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #423C37;
}

.break_through_box .box_main .both_choose_one_box .choose_main .user_name {
  line-height: 1.1rem;
}

.break_through_box .box_main .both_choose_one_box .choose_main img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}

.my_point_result .both_choose_one_box>div {
  height: 6.225rem !important;
  padding-top: 0.75rem !important;
}

.my_point_result .both_choose_one_box>div:nth-child(1):after {
  border-bottom: 6.225rem solid transparent !important;
}

.my_point_result .both_choose_one_box>div:nth-child(2):before {
  border-top: 6.225rem solid transparent !important;
}

.my_point_result .both_choose_one_box .choose_text p {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 0.8rem;
}

.both_choose_btn_box {
  margin-top: 1rem;
}

.both_choose_btn_box .btn_title {
  font-size: .875rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #4B4B4B;
  line-height: 1.775rem;
  text-align: center;
}

.both_choose_btn_box .btn_main {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.35rem 0.6rem;
}

.both_choose_btn_box .btn_main button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: .875rem;
  font-family: PingFang SC;
  font-weight: bold;
  width: 48%;
  color: #FFFFFF;
  padding: 0.35rem 0rem 0.35rem 0.5rem;
  border-radius: 1.375rem;
}

.both_choose_btn_box .btn_main button img {
  opacity: 0.5;
  width: 2.25rem;
  height: 1.975rem;
}

.both_choose_btn_box .btn_main .btn_left {
  box-shadow: 0px .125rem .45rem .05rem rgba(38, 188, 38, 0.4);
  border: none;
  background: url(../images/icon_boom.png) no-repeat right center/4.9rem 4.35rem, linear-gradient(-23deg, #349D34 0%, #62C362 100%);
  margin-right: .25rem;
}

.both_choose_btn_box .btn_main button.active {
  box-shadow: 0px .125rem .45rem .05rem rgb(132, 132, 132, 0.4);
  background: url(../images/icon_boom.png) no-repeat right center/4.9rem 4.35rem, -webkit-linear-gradient(-90deg, rgb(166, 166, 166) 0%, rgb(132, 132, 132) 100%);
}

.both_choose_btn_box .btn_main .btn_right {
  box-shadow: 0px .125rem .45rem .05rem rgba(255, 73, 112, 0.4);
  margin-left: .25rem;
  border: none;
  background: url(../images/icon_downlove.png) no-repeat right center/4.3rem, linear-gradient(-23deg, #FF5231 0%, #FFB87C 100%);
}

.tips_mask_text_chat {
  padding-right: 8rem;
}

.tips_chat_box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

.tips_mask_mine_fir {
  position: absolute;
  left: 1rem;
}

.tips_mask_mine_fir .tips_mask_text {
  padding-right: 5rem;
  text-align: left;
}

.fixed_top_line {
  position: absolute;
  left: 0;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2rem;
  line-height: 2rem;
}

.fixed_top_line img {
  width: .725rem;
  height: .725rem;
  vertical-align: middle;
}

.fixed_top_line span {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 400;
  vertical-align: middle;
}

.fixed_top_line a {
  line-height: 1;
  display: inline-block;
  padding: 0.5rem 0;
}

.per_msg_inner_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.icon_y_question img {
  width: .6rem;
  height: .6rem;
}

.retail_investors_pay {
  position: fixed;
  width: 100%;
  text-align: center;
  bottom: 2.5rem;
  padding: 0 0.3rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.6) 10%, rgba(242, 237, 238, 1) 100%);
  height: 8rem;
  padding-bottom: 1rem;
  z-index: 10;
}

.retail_investors_pay img {
  max-width: 100%;
  height: auto;
}

.retail_investors_pay_shrink {
  position: fixed;
  width: 100%;
  text-align: center;
  bottom: 3.5rem;
  text-align: left;
  display: none;
}

.retail_investors_pay_shrink a {
  background: #FFF0DB;
  border-radius: 0px .35rem .35rem 0px;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FEA842;
  display: inline-block;
  width: 1.6rem;

  word-wrap: break-word;
  text-align: center;
  padding: 0.5rem 0.3rem;
  line-height: 1.15;
}

.retail_investors_pay_shrink a img {
  width: .65rem;
  height: .65rem;
}

.compensation_tips_mask .tips_mask_text {
  width: 100%;
}

.compensation_tips_mask .tips_mask_text span {
  width: 80%;
  text-align: left;
}

.compensation_tips_mask .tips_mask_button {
  text-align: right;
  padding-right: 1rem;
}

.compensation_tips_mask .step {
  position: absolute;
}

.compensation_tips_mask .step_01 {
  left: 10%
}

.compensation_tips_mask .step_02 {
  right: 0;
}

.tips_mask_box_absolute {
  z-index: 100002;
}

.link_sharing_item {
  padding: 0.3rem;
  display: flex;
  background: #EFEFEF;
  border-radius: .25rem;
  justify-content: flex-start;
  align-items: center;
  line-height: 1;
  margin-top: .5rem;
}

.link_sharing_item .item_left img {
  width: 2.5rem;
  height: 2.5rem;
}

.link_sharing_item .item_right p {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  margin-left: .25rem;
  line-height: .9rem;
}

.link_sharing_item .item_right div {
  word-wrap: break-word;
  word-break: break-all;
}

.link_sharing_item .item_right p {
  word-wrap: break-word;
  word-break: break-all;
 
}

.num_bangcoin {
  background: rgba(0, 0, 0, 0.5);
  border-radius: .475rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFF6E7;
  padding-right: 0.4rem;
}

.num_bangcoin img {
  width: 1rem;
  height: .85rem;
  vertical-align: middle;
}

.num_bangcoin span {
  vertical-align: middle;
  margin-left: .125rem;
}

.achievement_btn {
  pointer-events: none;
  width: 100%;
  height: 15rem;
  position: fixed;
  z-index: 101;
  top: 2.25rem;
  left: 0;
  background: url(../images/achievement_btn.png) no-repeat center 0rem/contain, linear-gradient(180deg, rgb(3, 0, 0, 0.4) 0%, rgba(3, 0, 0, 0.2) 37%, rgb(3, 0, 0, 0) 100%);
  display: none;
}

.achievement_btn button {
  width: 2.8rem;
  height: 2.8rem;
  pointer-events: painted;
  position: absolute;
  right: 0.8rem;
  top: 4.5rem;
  border-radius: 50%;
  background: none;
  border: none;
  z-index: 10;
}

.achievement_btn marquee {
  font-size: .775rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  opacity: 0.77;
  position: absolute;
  top: 6.25rem;
  width: 8rem;
  left: 35%;
}

.achievement_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .85);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
}

.achievement_mask .part_00 {
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 10001;
  transform: perspective(1000);
  -webkit-transform: perspective(1000);
}

.achievement_mask .part_00 .img_gm {
  width: 40rem;
  height: 40rem;
  background: url(../images/img_gm.png) no-repeat center/43.25rem 43.25rem;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  margin-top: -20rem;
  /* 高度的一半 */

  margin-left: -20rem;
  animation: turn 3s linear infinite;
  -webkit-animation: turn 3s linear infinite;
  -moz-animation: turn 3s linear infinite;
}

.achievement_mask .part_00 .img_bt {
  max-width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
  bottom: 0;
  margin: auto;
  -webkit-animation: play 2s ease-in infinite;
  -moz-animation: play 2s ease-in infinite;
  animation: play 2s ease-in infinite;
}

@keyframes turn {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes play {
  0% {
    -webkit-transform: rotateY(360deg);
  }

  25% {
    -webkit-transform: rotateY(0deg);
  }

  50% {
    -webkit-transform: rotateY(360deg);
  }

  100% {
    -webkit-transform: rotateY(0deg);
  }
}

@keyframes play {
  0% {
    transform: rotateY(360deg);
  }

  25% {
    transform: rotateY(0deg);
  }

  50% {
    transform: rotateY(360deg);
  }

  100% {
    transform: rotateY(0deg);
  }
}

.achievement_mask .part_01 {
  padding: 2rem 0.6rem;
  color: #FFFFFF;
}

.achievement_mask .part_01 .part_head {
  text-align: right;
}

.achievement_mask .part_01 .part_head img {
  width: .85rem;
  height: .85rem;
}

.achievement_mask .part_01 .part_content .cont_title {
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: 500;
  text-align: center;
  margin-top: 1rem;
}

.achievement_mask .part_01 .part_content .cont_img {
  text-align: center;
  padding: 1.5rem 0;
  margin-top: -1rem;
  background: url(../images/bg_gm.png) no-repeat center/150%;
}

.achievement_mask .part_01 .part_content .cont_img img {
  width: 10.55rem;
  height: auto;
}

.achievement_mask .part_01 .part_content .cont_name {
  font-size: 1rem;
  font-family: PingFang SC;
  font-weight: bold;
  text-align: center;
}

.achievement_mask .part_01 .part_content .cont_detail {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  text-align: center;
}

.achievement_mask .part_01 .part_content .cont_cour {
  font-size: 1rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #FFCC3F;
  text-align: center;
  margin-top: 1rem;
}

.achievement_mask .part_01 .part_content .cont_get {
  text-align: center;
  margin-top: .25rem;
}

.achievement_mask .part_01 .part_content .cont_get>div {
  display: inline-block;

  padding: 0.3rem 0.5rem;
  background: #FFFFFF;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFCC3F;
  text-align: center;
  border-radius: 1rem;
}

.achievement_mask .part_01 .part_content .cont_get img {
  width: 1.35rem;
  height: 1.1rem;
  vertical-align: middle;
}

.achievement_mask .part_01 .part_bot {
  text-align: center;
  margin-top: 2rem;
}

.achievement_mask .part_01 .part_bot button {
  background: linear-gradient(0deg, #FFC350, #F2B238);
  border-radius: .25rem;
  border: none;
  padding: 0.25rem 1.5rem;
}

.achievement_mask .part_01 .part_bot button .btn_top {
  font-size: 1.025rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #FFFFFF;
  text-shadow: 0px .075rem 0px #D59618;
}

.achievement_mask .part_01 .part_bot button .btn_bot {
  font-size: .75rem;
}

.sign_in_banner {
  position: relative;
}

.sign_in_banner img {
  width: 100%;
}

.sign_in_task_box {
  white-space: nowrap;
  overflow-x: auto;
  padding: 0.6rem;
}

.sign_in_task_box>div {
  background: url(../images/img_qiandao_lq.png) no-repeat center/cover;
  width: 21%;
  height: 5.5rem;
  text-align: center;
  margin-right: .5rem;
  display: inline-block;
  vertical-align: top;
}

.sign_in_task_box>div.active {
  background: url(../images/img_qiandao_lq.png) no-repeat center/cover;
  width: 28%;
  height: 7.75rem;
}

.sign_in_task_box>div.silk_bag {
  background: url(../images/img_qiandao_linqu_01_active.png) no-repeat center/cover;
}

.sign_in_task_box>div.silk_bag.no_get_gray {
  background: url(../images/img_qiandao_linqu_01_gray.png) no-repeat center/cover;
}

.sign_in_task_box>div.silk_bag.active.no_get_gray {
  background: url(../images/img_qiandao_linqu_01_gray.png) no-repeat center/cover;
  width: 28%;
  height: 7.75rem;
}

.sign_in_task_box>div.silk_bag .main_name {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.sign_in_task_box>div.silk_bag.active {
  background: url(../images/img_qiandao_linqu_01_active.png) no-repeat center/cover;
  width: 28%;
  height: 7.75rem;
}

.sign_in_task_box>div.silk_bag.active .main_name {
  font-size: .725rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFB236;
}

.sign_in_task_box>div.active .item_top {
  font-size: .65rem;
}

.sign_in_task_box .item_top {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #D08204;
  margin-top: -0.3rem;
}

.sign_in_task_box>div.active .item_main .main_date {
  font-size: .95rem;
  font-family: DIN Next LT Pro;
  font-weight: 500;
  color: #FFFFFF;
  text-shadow: .05rem .05rem 0px rgba(51, 36, 12, 0.16);
  margin-top: .525rem;
}

.sign_in_task_box>div.active .main_name {
  font-size: 1.4rem;
  font-family: TXWZhengHeiS-DB-GB;
  font-weight: 400;
  color: #F15F55;
}

.sign_in_task_box .item_main .main_date {
  font-size: .7rem;
  font-family: DIN Next LT Pro;
  font-weight: 500;
  color: #FFFFFF;
  margin-top: .25rem;
  text-shadow: .05rem .05rem 0px rgba(51, 36, 12, 0.16);
}

.sign_in_task_box .item_main .main_name {
  font-size: .9rem;
  font-family: Adobe Heiti Std;
  font-weight: normal;
  color: #F15F55;
  margin-top: .25rem;
}

.sign_in_task_box .item_main .main_name.no_get>span {
  background: #EFEFEF;
  border: 1px solid #EFEFEF;
  padding: 0.1rem 0.2rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #767676;
  border-radius: .075rem;
}

.sign_in_bb_title {
  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #D08204;
}

.sign_in_bb_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.6rem;
}

.sign_in_bb_title>div:nth-child(1) {
  flex: auto;
  border-bottom: 1px solid rgba(220, 179, 135, 1);
}

.sign_in_bb_title>div:nth-child(3) {
  flex: auto;
  border-bottom: 1px solid rgba(220, 179, 135, 1);
}

.sign_in_bb_module {
  padding: 0 1rem;
}

.sign_in_bb_module span.received {
  position: absolute;
  font-size: 0.9rem;
  white-space: nowrap;
  color: #333;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */

  -webkit-transform: translate(-50%, -50%);
}

.sign_in_bb_module .module_line {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}

.sign_in_bb_module .module_line img {
  width: 3.3rem;
  height: 3.3rem;
}

.sign_in_bb_module .module_line>div {
  position: relative;
  width: 25%;
  margin-top: 0.5rem;
}

.sign_in_bb_module .module_line>div div {
  text-align: center;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #68440D;
}

.sign_in_bb_module .module_line>div span.num {
  font-size: .7rem;
  font-family: Yuanti SC;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-stroke: .05rem rgba(237, 148, 25, 1);
  text-stroke: .05rem rgba(237, 148, 25, 1);
  position: absolute;
  bottom: 0.65rem;
  right: -0.25rem;
}

.fixed_bot_red_btn {
  padding: 0.6rem;
  width: 100%;
}

.fixed_bot_red_btn .btn_title {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #D08204;
  text-align: center;
  margin-bottom: .25rem;
}

.fixed_bot_red_btn .btn_main button {
  width: 100%;
  background: linear-gradient(180deg, #E84340, #FA7E6C);
  border-radius: .5rem;
  border: none;
  height: 2.25rem;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.bg_pale_yellow {
  background: linear-gradient(180deg, #F5E4C6, #FEF9E4);
}

.hammer_tab img {
  width: .775rem;
  height: 1.025rem;
  margin-left: .25rem;
  vertical-align: middle;
}

.hammer_page_head img {
  width: 100%;
  height: auto;
}

.hammer_page_head {
  position: relative;
}

.hammer_page_head .head_text_box {
  padding: 0.3rem 0.6rem;
  position: absolute;
  bottom: 1.5rem;
  left: 0;
}

.hammer_page_head .head_text {
  border-radius: .25rem;
  padding: 0.3rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: .85rem;
  background: rgba(0, 0, 0, 0.5)
}

.hammer_hot_stock_item {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0 0.6rem;
}

.hammer_hot_stock_item .item_left {
  width: 60%;
}

.hammer_hot_stock_item .item_left .name {
  padding: 0.1rem 0.2rem;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  height: 1.25rem;
  line-height: 1.25rem;
  color: #74591C;
  vertical-align: middle;
  padding-left: 0.5rem;
  background: linear-gradient(0deg, #FAE8A1, #FAD17D);
  border-radius: .25rem 0px .25rem 0px;
  box-shadow: 0px .05rem 1px 0px rgba(231, 111, 65, 0.64), 0px .075rem .05rem 0px rgba(255, 255, 255, 0.52);
}

.hammer_hot_stock_item .item_left .data {
  font-size: .9rem;
  padding: 0.1rem 0.2rem;
  height: 1.25rem;
  line-height: 1.1rem;
  margin-left: -0.2rem;
  padding-left: 0.5rem;
  vertical-align: middle;
  font-family: PingFang SC;
  font-weight: 800;
  color: #CC3131;
  display: inline-block;
  width: 100%;
  background: linear-gradient(90deg, #FAD17D, #F5E4C6);
  border: 1px solid #EFEFEF;
}

.hammer_hot_stock_item .item_left .stock_text {
  text-align: right;
  margin-bottom: 1rem;
  position: relative;
}

.hammer_hot_stock_item .item_left .stock_text :after {
  content: "";
  display: inline-block;
  background: url(../images/dialog_right_jiao.png) no-repeat center/cover;
  width: .625rem;
  height: .525rem;
  position: absolute;
  right: -0.6rem;
  top: 38%;
}

.hammer_hot_stock_item .item_left .stock_text p {
  background: #FFFFFF;
  font-size: .65rem;
  font-family: TXWZhengHeiS-DB-GB;
  font-weight: 400;
  color: #2E2E2E;
  border: 1px solid #CCCCCC;
  text-align: left;
  padding: 0.35rem 0.4rem;
  border-radius: .15rem;
  line-height: 0.8rem;
  display: inline-block;
  max-width: 100%;
}

.hammer_hot_stock_item .item_left .stock_oper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem;
  background: #FFFFFF;
  background: rgba(255, 255, 255, 0.7);
  border-radius: .25rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
}

.hammer_hot_stock_item .item_right img {
  max-width: 6.75rem;
  height: auto;
}

.hammer_hot_stock_item .item_right {
  text-align: center;
}

.hammer_hot_stock_item .item_right .right_mask .mask_name {
  font-size: .475rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  padding: 0.1rem 0.2rem;
  background: #FFC647;
  border-radius: .075rem;
}

.hammer_hot_stock_item .item_right .right_mask .mask_des {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
  margin-left: .25rem;
}

.hammer_hot_stock_box {
  margin-top: -1.25rem;
  z-index: 2;
  position: relative;
  background: none !important;
  box-shadow: none !important;
}

.hammer_hot_stock_box .item_title {
  background: #fff;
  border-radius: .5rem .5rem 0 0;
}

.hammer_hot_stock_item .stock_detail {
  margin-bottom: 1rem;
  white-space: nowrap;
}

.hammer_hot_stock_publish {
  padding: 0 0.6rem;
  white-space: nowrap;
  overflow-x: auto;
  position: relative;
  bottom: -1rem;
}

.hammer_hot_stock_publish>div.publish_item {
  display: inline-block;
  width: 80%;
  margin-right: .5rem;
}

.hammer_hot_stock_publish>div.publish_item>div {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
  box-shadow: 0px .125rem .3rem 0px rgba(70, 48, 10, 0.08);
  border-radius: .5rem;
  padding: 0.3rem;
}

.hammer_hot_stock_publish>div.publish_item>div .item_left img {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 1.375rem;
  vertical-align: middle;
}

.hammer_hot_stock_publish>div.publish_item .item_right {
  margin-left: .25rem;
}

.hammer_hot_stock_publish>div.publish_item .item_right .right_name_msg {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.hammer_hot_stock_publish>div.publish_item .item_right .right_name_msg .name {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.hammer_hot_stock_publish>div.publish_item .item_right .right_name_msg .oper img {
  width: .575rem;
  height: .725rem;
  vertical-align: middle;
}

.hammer_hot_stock_publish>div.publish_item .item_right .right_text p {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #787878;
  line-height: .85rem;
  white-space: pre-wrap;
}

.hammer_hot_stock_publish>div.publish_item .item_right .right_name_msg .oper span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #628FFB;
  vertical-align: middle;
  margin-left: .125rem;
}

.hammer_hot_stock_item_list {
  background: #EFEFEF;
}

.hammer_hot_stock_item_list li {
  background: linear-gradient(180deg, #F5E4C6, #FEF9E4);
  margin-bottom: 1rem;
  padding: 0.5rem 0;
}

.a_hammer_index {
  height: 100%;
  padding: 0.6rem;
  position: relative;
  background: url(../images/bg_deepBlue.png) no-repeat center/cover;
}

.hammer_nums_item div {
  margin-top: 0.5rem;
}

.hammer_nums_item div span {
  font-size: .65rem;
  font-family: Yuanti SC;
  font-weight: bold;
  display: inline-block;
  width: 5.75rem;
  line-height: 1rem;
  height: 1.1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid;
  border-image: linear-gradient(180deg, #67707F, #9FBDB9)0 0;
  box-shadow: 0px -.05rem .05rem 0px rgba(89, 118, 118, 0.47), 0px 1px .05rem 0px rgba(100, 99, 115, 0.64);
  border-radius: .5rem;
  font-size: .65rem;
  font-family: Yuanti SC;
  font-weight: bold;
  color: #FFFFFF;
  padding-left: 0.6rem;
  -webkit-text-stroke: 0.015rem #555555;
  text-stroke: 0.015rem #555555;
}

.hammer_oper_items_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.hammer_oper_items_box .box_left {
  flex: auto;
}

.hammer_oper_items_box .box_left img {
  max-width: 4rem;
  height: auto;
}

.hammer_oper_items_box .box_right {
  flex: auto;
  text-align: right;
}

.hammer_oper_items_box .box_right img {
  max-width: 4rem;
  height: auto;
}

.hammer_oper_items_box .box_center {
  flex: 1;
  text-align: center;
}

.hammer_oper_items_box .box_center .img_box {
  transform: perspective(1000);
  -webkit-transform: perspective(1000);
}

.hammer_oper_items_box .box_center .img_box img {
  width: 8rem;
  height: auto;
}

.hammer_oper_items_box .box_center {
  position: relative;
}

.hammer_oper_items_box .box_center .center_mask .mask_name {
  font-size: .475rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  padding: 0.1rem 0.2rem;
  background: #FFC647;
  border-radius: .075rem;
}

.hammer_oper_items_box .box_center .center_mask {
  text-align: center;
  margin-top: .5rem;
}

.hammer_oper_items_box .box_center .center_mask .mask_des {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
  margin-left: .25rem;
}

.hammer_main_area {
  width: 100%;
  padding: 0 0.6rem;
  position: absolute;
  bottom: 0;
  height: 80%;
  left: 0;
  background: url(../images/bg_deepBotYellow.png) no-repeat center bottom/cover;
}

.add_one_tenth {
  width: 100%;
  text-align: center;
  font-size: .85rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #FFF0F0;
  margin-top: -2rem;
  position: absolute;
  z-index: 1;
  background: linear-gradient(to right, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .85) 50%, rgba(0, 0, 0, .1) 100%);
  z-index: 10;
}

.hammer_card_items_box {
  background: #6B3310;
  border: .1rem solid #A16E32;
  border-radius: .5rem;
  padding: 0.3rem;
  white-space: nowrap;
  overflow-x: scroll;
  margin-top: .5rem;
}

.hammer_card_items_box>div {
  display: inline-block;
  width: 35%;
  vertical-align: middle;
  text-align: center;
  border-radius: .25rem;
  margin-right: .25rem;
  padding: 0.3rem 0.6rem;
  background: url(../images/bg_item_ham.png) no-repeat center/cover;
}

.hammer_card_items_box .item_top p {
  font-size: .65rem;
  font-family: Yuanti SC;
  font-weight: bold;
  white-space: pre-wrap;
  color: #7B4919;
  line-height: 0.8rem;
  height: 1.8rem;
}

.hammer_card_items_box .item_img {
  margin-top: .5rem;
}

.hammer_card_items_box .item_img img {
  width: 3.6rem;
  height: auto;
}

.hammer_card_items_box .item_detail .det_top {
  font-size: .9rem;
  font-family: Yuanti SC;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-stroke: .05rem #7B4919;
  text-stroke: .05rem #7B4919;
}

.hammer_card_items_box .item_detail {
  margin-top: -1.3rem;
}

.hammer_card_items_box .item_detail .det_bot {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #6C3410;
}

.hammer_card_items_box .item_btn {
  margin-top: .25rem;
}

.hammer_card_items_box .item_btn button {
  min-width: 4rem;
  height: 1.5rem;
  background: linear-gradient(180deg, #E84340, #FA7E6C);
  border: none;
  color: #fff;
  font-size: .65rem;
  border-radius: .5rem;
}
































/*8.3.0补充*/
.bot_card_box {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.bot_card_box .card_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.6rem;
}

.bot_card_box .card_box>div {
  flex: 1;
  text-align: center;
}

.bot_card_box .card_box .item_top img {
  height: auto;
  max-width: 94%;
}

.bot_card_box .card_box .item_center {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  text-align: center;
  margin-top: .25rem;
}

.bot_card_box .card_box .item_bot span {
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #D9913C;
  padding: 0.05rem 0.1rem;
  background: #FFE5C7;
  border-radius: .15rem;
}

.register_loss_span {
  position: absolute;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #975D00;
  padding: 0.25rem 0.5rem;
  background: rgba(255, 223, 107, 0.35);
  border-radius: .775rem;
  bottom: 3.5rem;
  left: 0.6rem;
}

.popup_bot_oper_tips {
  text-align: center;
  margin-top: .75rem;
}

.popup_bot_oper_tips .tips_top {
  font-size: .775rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
}

.popup_bot_oper_tips .tips_bot {
  margin-top: .25rem;
  margin-bottom: 0.5rem;
}

.popup_bot_oper_tips .tips_bot a {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  text-decoration: underline;
  color: #628FFB;
}

.mutual_process_popup {
  height: 80%;
}

.fixed_bot_btns_both {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0.6rem;
}

.fixed_bot_btns_both {
  display: flex;
  width: 100%;
}

.fixed_bot_btns_both>button {
  flex: 1;
  text-align: center;
  height: 2.5rem;
}

.fixed_bot_btns_both>button.btn_bg_none {
  background: #FFFAEB;
  border: 1px solid #FEBF55;
  border-radius: 1.25rem;
  margin-right: .125rem;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  background: none;
  color: #2E2E2E;
}

.fixed_bot_btns_both>button.btn_bg_yellow {
  background: #FEBF55;
  border-radius: 1.25rem;
  margin-left: .125rem;
  border: none;
}

.fixed_bot_btns_both>button.btn_bg_yellow .btn_top {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: .95rem;
}

.fixed_bot_btns_both>button.btn_bg_yellow .btn_bot {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #AB7315;
}

.accelerate_loss_box {
  height: 100%;
  padding: 0 0.6rem;
  background: url(../images/accelerate_bg_00.png) no-repeat center/100% 100%;
}

.accelerate_loss_box .inner_box {
  position: absolute;
  left: 0;
  top: 10rem;
  width: 100%;
  padding: 0 0.6rem;
}

.accelerate_loss_box .inner_box>div {
  padding: 0 1.25rem;
  padding-top: 4rem;
  text-align: center;
  min-height: 20rem;

  width: 100%;
  left: 0;
  background: url(../images/accelerate_bg_01.png) no-repeat center/cover;
}

.accelerate_loss_box .inner_box .box_input input {
  background: #F9F9F9;
  border: .05rem solid #ACACAC;
  border-radius: .25rem;
  width: 100%;
  height: 2.25rem;
  padding: 0 0.6rem;
}

.accelerate_loss_box .inner_box .box_input input::-webkit-input-placeholder {
  font-size: .675rem;
  font-family: PingFang SC;
  font-weight: 300;
  color: #2E2E2E;
}

.accelerate_loss_box .inner_box .box_text {
  margin-top: 3.5rem;
}

.accelerate_loss_box .inner_box .box_text p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  text-align: center;
  line-height: 1.5rem;
}

.accelerate_loss_box .inner_box .box_text p~p {
  margin-top: 0;
}

.accelerate_loss_box .inner_box .box_btn {
  margin-top: 2rem;
}

.accelerate_loss_box .inner_box .box_btn button {
  background: rgba(255, 192, 86, 1);
  height: 2.2rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  width: 100%;
  color: #2E2E2E;
  border: none;
  border-radius: 1.25rem;
  box-shadow: 0px .2rem .4rem .1rem rgba(92, 45, 0, 0.2), 0px 1px 0px 0px #EFEFEF;
}

.user-card-box {
  padding: 1rem 0.6rem 0 0.6rem;
  background: #fff;
}

.user-card-msg .msg-main {
  width: 100%;
  height: 9rem;
  text-align: left;
  position: relative;
  box-shadow: 0px 2px 10px 1px rgba(45, 45, 45, 0.21);
}

.user-card-msg .msg-main>img.img-head {
  width: 50%;
  height: 100%;
  border-radius: .25rem 0px 0px .25rem;
}

.user-card-msg .msg-main .right-text {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  z-index: 1;
  padding-right: 1rem;
  padding-top: 1.5rem;
}

.user-card-msg .msg-main .user-msg {
  position: absolute;
  right: 1rem;
  top: 1rem;
  text-align: right;
}

.user-card-msg .msg-main .img-mask {
  width: 100%;
  height: 9.5rem;
  position: absolute;
  left: 0;
  top: -0.2rem;
}

.user-card-msg .msg-main .right-text .user-belong {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(102, 102, 102, 1);
  margin-top: .5rem;
}

.user-card-msg .msg-main .right-text .user-name {
  font-size: .95rem;
  font-weight: 500;
  color: rgba(46, 46, 46, 1);
  text-align: right;
}

.msg-main .user-intro {
  margin-top: 4.5rem;
  padding-left: 0.5rem;
}

.msg-main .user-intro p {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(102, 102, 102, 1);
  line-height: .8rem;
  text-align: left;
}

.user_recommendation_head {
  background: rgba(231, 232, 237, 1);
  box-shadow: 0px .275rem .25rem 1px rgba(45, 45, 45, 0.06);
  padding: 0.35rem 0.6rem;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 10;
}

.wz-module-box {
  padding-top: 1rem;
  padding-bottom: 4.25rem;
}

.wz-module-box>div {
  margin-top: 1rem;
}

.open-more-msg {
  text-align: center;
}

.open-more-msg img {
  width: .55rem;
  height: .3rem;
  vertical-align: middle;
  margin-left: .25rem;
}

.open-more-msg>span {
  display: inline-block;
  height: 2.2rem;
  line-height: 2.2rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(142, 142, 142, 1);
  padding: 0 2rem;
  background: url(../images/icon_jiantou_down.png) no-repeat 85% center/.55rem .3rem;
}

.open-more-msg>span.active {
  background: url(../images/icon_jiantou_up.png) no-repeat 85% center/.55rem .3rem;
}

.card-detail-msg {
  background: rgba(243, 243, 243, 1);
}

.card-detail-msg ul {
  padding: 0 0.6rem;
}

.card-detail-msg ul li {
  padding: 0.5rem 0;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(142, 142, 142, 1);
}

.card-detail-msg ul li:not(:last-child) {
  border-bottom: 1px solid #E4E4E4;
}

.card-detail-msg ul li button {
  background: rgba(231, 232, 237, 1);
  border: 1px solid rgba(98, 143, 251, 1);
  border-radius: .15rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(98, 143, 251, 1);
  padding: 0.15rem 0.4rem;
}

.card-detail-msg ul li .msg-title {
  margin-right: 1.25rem;
}

.inquiry-button-box {
  position: absolute;
  right: 0.6rem;
  bottom: 7rem;
  z-index: 2;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background: url(../images/bg_head_ask.png) no-repeat center/100%;
  text-align: center;
  padding-top: 0.3rem;
}

.inquiry-button-box>img {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
}

.inquiry-button-box>span {
  position: absolute;
  bottom: 0rem;
  left: 0;
  display: inline-block;
  width: 3.2rem;
  height: .9rem;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(98, 143, 251, 1);
  border-radius: .425rem;
  color: #2E2E2E;
  font-size: .55rem;
  text-align: center;
}

.left-large-mask img {
  width: .625rem;
  height: .6rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.enter_item_text_title p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #030303;
  line-height: 1.15rem;
}

.enter_item_text_list ul li {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #030303;
  line-height: 1.15rem;
  margin-top: .75rem;
}

.enter_item_text_list ul li a {
  color: rgba(98, 143, 251, 1);
}

.btn_call_angel {
  width: 100%;
  height: 2.4rem;
  border: none;
  background: url(../images/btn_bg_zhts.png) no-repeat center/auto 100%;
  position: relative;
  margin-top: .25rem;
}

.btn_call_angel .icon_finger {
  width: 1.625rem;
  height: 1.625rem;
  position: absolute;
  left: 1rem;
  top: 0.5rem;
}

.btn_call_angel .icon_hot {
  width: 2.15rem;
  height: .925rem;
  position: absolute;
  right: 2rem;
  top: -0.5rem;
}

.popup_main_content .alliance_interaction_list .list_item .item_left .left_img {
  margin-right: .375rem;
}

.popup_main_content .alliance_interaction_list .list_item .item_left .left_img img {
  width: 1.5rem;
  height: auto;
}

.little_assistant_link {
  margin-top: .5rem;
}

.little_assistant_link>a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #EFEFEF;
  border-radius: .25rem;
  padding: 0.3rem;
}

.little_assistant_link>a .link_left img {
  width: .95rem;
  height: .95rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.little_assistant_link>a .link_left span {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #767676;
  vertical-align: middle;
}

.little_assistant_link>a .link_right {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.little_assistant_popup {
  width: 70%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */

  -webkit-transform: translate(-50%, -50%);
  z-index: 10001;
  background: #fff;
  border-radius: .5rem;
}

.little_assistant_popup .popup_head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem 0.6rem;
}

.little_assistant_popup .popup_head .head_left img {
  width: 3.35rem;
  height: 3.35rem;
  border-radius: .25rem;
}

.little_assistant_popup .popup_head .head_right {
  line-height: 1.4;
  margin-left: .375rem;
}

.little_assistant_popup .popup_text {
  padding: 0 0.6rem;
}

.little_assistant_popup .popup_text p {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.05rem;
}

.little_assistant_popup .popup_btns {
  margin-top: .5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #efefef;
}

.little_assistant_popup .popup_btns>a {
  display: inline-block;
  width: 50%;
  height: 2rem;
  text-align: center;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 2rem;
}

.little_assistant_popup .popup_btns>a:nth-child(1) {
  border-right: 1px solid #efefef;
}

.fixed_bot_btns_both {
  margin-top: .5rem;
}

.fixed_bot_btns_both .btn_bg_yellow {
  position: relative;
}

.fixed_bot_btns_both .btn_bg_yellow img {
  width: 4.6rem;
  height: 1.45rem;
  position: absolute;
  right: -0.5rem;
  top: -1rem;
}

.popup_bot_oper_tips .tips_top img {
  width: .95rem;
  height: .95rem;
  margin-right: .125rem;
  vertical-align: middle;
}

.share_tips_item .icon_close {
  width: .5rem;
  height: .5rem;
  position: absolute;
  right: 0.25rem;
  bottom: 0.2rem;
}

.accelerate_loss_box .box_input {
  position: relative;
}

.accelerate_loss_box .box_input input {
  padding-right: 1.5rem !important;
}

.accelerate_loss_box .box_input img {
  width: .7rem;
  height: .7rem;
  position: absolute;
  right: 0.6rem;
  top: 0.8rem;
}

.popup_bot_oper_tips {
  position: absolute;
  width: 100%;
  padding-top: .5rem;
  left: 0;
  bottom: 0;
  background: #fff;
}

.ta_card_box {
  background: rgba(255, 255, 255, 0.33);
  border-radius: .525rem;
  line-height: 1;
  padding-right: 0.5rem;
}

.ta_card_box img {
  width: 1.05rem;
  height: 1.05rem;
  vertical-align: middle;
}

.ta_card_box span {
  vertical-align: middle;
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  padding-left: .125rem;
}

.cgb_app_download_tips {
  background: url(../images/bg_app_download_head.png) no-repeat center/cover;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.1rem 0.6rem;
  position: fixed;
  width: 100%;
  z-index: 99999;
  height: 2.5rem;
  left: 0;
}

.cgb_app_download_tips .tips_img_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.cgb_app_download_tips .tips_img_box .left_img img {
  width: 2.05rem;
  height: 2.05rem;
  margin-right: .125rem;
}

.cgb_app_download_tips .tips_img_box .right_text .text_top {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #FFFFFF;
  text-shadow: .025rem .05rem 0px rgba(0, 0, 0, 0.19);
}

.cgb_app_download_tips .tips_img_box .right_text .text_bot {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  text-shadow: .025rem .05rem 0px rgba(0, 0, 0, 0.19);
}

.cgb_app_download_tips .tips_download_link a {
  border-radius: .7rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FA431E;
  background: rgba(255, 255, 255, 0.8);
  padding: 0.25rem 0.5rem;
}

.video_normal_box {
  display: inline-block;
  position: relative;
}

.video_normal_box video {
  max-height: 7rem;
}

.video_normal_box i {
  position: absolute;
  right: 0.25rem;
  top: 0rem;
}































/*8.3.0补充结束*/
.hammer_dialog {
  background: #FFFFFF;
  font-size: .625rem;
  font-family: Source Han Sans CN;
  font-weight: 800;
  color: #2E2E2E;
  line-height: .85rem;
  padding: 0.2rem 0.3rem;
  position: absolute;
  display: inline-block;
  border-radius: .15rem;
  border: 1px solid #BA8473;
  top: -2.625rem;
  left: 45%;
  max-width: 9rem;
}

.hammer_dialog:after {
  content: '';
  display: inline-block;
  background: url(../images/dialog_down_jiao.png) no-repeat center/cover;
  width: .525rem;
  height: .625rem;
  position: absolute;
  left: 20%;
  bottom: -0.6rem;
}

.hammer_scroll_container {
  height: 1.5rem;
}

.hammer_scroll_container>div .swiper-slide {
  text-align: center;
  margin-bottom: 0.125rem;
}

.hammer_scroll_container>div .swiper-slide>div {
  margin-bottom: .25rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  border-radius: .55rem;
  display: inline-block;
  padding: 0.15rem 0.725rem;
  background: rgba(0, 0, 0, 0.12)
}

.hammer_animation_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .9);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: ;
}

.hammer_animation_mask .step_00 .top_img {
  margin-bottom: -3rem;
  text-align: right;
  padding-top: 2.5rem;
}

.hammer_animation_mask .step_00 .top_img img {
  max-width: 100%;
  height: auto;

  position: absolute;
  left: 0;
  top: 0;
}

.hammer_animation_mask .step_00 .center_text p {
  display: inline-block;
  font-size: .625rem;
  font-family: Source Han Sans CN;
  font-weight: 800;
  color: #2E2E2E;
  line-height: .85rem;
  background: #FFFFFF;
  padding: 0.5rem 0.6rem;
  border-radius: .25rem;
  border: 1px solid #BA8473;
  position: absolute;
  top: 10rem;
  left: .6rem;
  z-index: 1;
}

.hammer_animation_mask .step_01 .center_text p {
  display: inline-block;
  font-size: .625rem;
  font-family: Source Han Sans CN;
  font-weight: 800;
  color: #2E2E2E;
  line-height: .85rem;
  background: #FFFFFF;
  padding: 0.5rem 0.6rem;
  border-radius: .25rem;
  border: 1px solid #BA8473;
  position: absolute;
  left: 30%;
  top: 15rem;
}

.hammer_animation_mask .step_02 .center_text p {
  display: inline-block;
  font-size: .625rem;
  font-family: Source Han Sans CN;
  font-weight: 800;
  color: #2E2E2E;
  line-height: .85rem;
  background: #FFFFFF;
  padding: 0.5rem 0.6rem;
  border-radius: .25rem;
  border: 1px solid #BA8473;
  position: absolute;
  left: 28%;
  top: 8rem;
}

.hammer_animation_mask .step_00 .center_img img {
  position: absolute;
  max-width: 100%;
  height: auto;
  left: 0;
  top: 0;
}

.hammer_animation_mask .click_time {
  font-size: 1rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #FFF0F0;
  text-align: center;
}

.hammer_animation_mask .step_00 .center_img {
  text-align: center;
}






























/*.hammer_animation_mask  .step{
	height: 70%;
}*/
.hammer_animation_mask .bot_btn {
  text-align: center;
  margin-top: .75rem;
}

.hammer_animation_mask .bot_btn button {
  background: url(../images/hammer_click.png) no-repeat center/cover;
  width: 7.6rem;
  height: 2.8rem;
  border: none;
}

.btn_click_light img {
  width: 1.575rem;
  height: 1.7rem;
  position: absolute;
  left: 0;
  top: -0.35rem;
}

.btn_click_light {
  white-space: nowrap;
  position: relative;
  background: #EFEFEF;
  border-radius: .7rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  padding: 0 0.6rem;
  padding-left: 1.6rem;
  color: #FA431E;
  display: inline-block;
  height: 1.375rem;
  line-height: 1.375rem;
}

.btn_click_light.active {
  color: #767676;
}

.light_lighthouse_popup {
  position: absolute;
  width: 100%;
  top: 10%;
  left: 0;
  text-align: center;
  z-index: 1001;
  display: none;
}

.light_lighthouse_popup .popup_close_btn {
  text-align: right;
  padding: 0.5rem 0.6rem;
}

.light_lighthouse_popup .popup_close_btn img {
  width: .8rem;
  height: .8rem;
}

.light_lighthouse_popup .popup_main_img.bg_gm {
  background: url(../images/bg_gm.png) no-repeat center/40rem 40rem;
}

.light_lighthouse_popup .popup_main_img img {
  width: 19.3rem;
  height: 17.525rem;
  -webkit-animation: play 2s ease-in 1;
  -moz-animation: play 2s ease-in 1;
  animation: play 2s ease-in 1;
}

.light_lighthouse_popup .popup_text {
  font-size: 1.1rem;
  font-family: PingFang SC;
  margin-top: -3.5rem;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.45rem;
  -webkit-text-stroke: .015rem #2F4D65;
  text-stroke: .015rem #2F4D65;
  position: relative;
}

.light_lighthouse_popup .popup_mask {
  font-size: .975rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFEC68;
  margin-top: .75rem;
  background: linear-gradient(0deg, #FFC350 0%, #F2B238 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.light_lighthouse_popup .popup_btn {
  margin-top: .5rem;
}

.light_lighthouse_popup .popup_btn button {
  background: linear-gradient(0deg, #FFC350, #F2B238);
  border-radius: .25rem;
  color: #FFFFFF;
  padding: 0.5rem 2rem;
  border: none;
}

.light_lighthouse_popup .popup_btn button .btn_top {
  font-size: 1.025rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #FFFFFF;

  text-shadow: 0px .075rem 0px #D59618;
}

.light_lighthouse_popup .popup_btn button .btn_bot {
  font-size: .725rem;
  text-shadow: 0px .075rem 0px #D59618;
}

.light_lighthouse_popup .popup_title img {
  width: 13.425rem;
  height: 2.45rem;
}

.light_lighthouse_popup .popup_main {
  display: none;
}

.rota_animal {
  animation: rotation 0.1s linear 1;
  transform-origin: right bottom;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(-50deg);
  }
}

.hammer_animation_mask .step_01 {
  padding-top: 2rem;
}

.hammer_animation_mask .step_01 .img_top {
  text-align: right;
}

.hammer_animation_mask .step_01 .img_top img {
  max-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: auto;
}

.hammer_animation_mask .step_01 .img_bot img {
  max-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: auto;
}

.hammer_animation_mask .step_01 .img_bot {
  text-align: center;
  margin-top: -5rem;
}

.hammer_animation_mask .step_02 .top_img {
  text-align: center;
  padding-top: 11.5rem;
}

.hammer_animation_mask .step_02 .top_img img {
  max-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: auto;
}






























/*.hammer_animation_mask .step_same {
	padding-top: 8rem;
}*/
.hammer_animation_mask .step_same .top_title {
  text-align: center;
  position: relative;
}

.hammer_animation_mask .step_same .top_title img {
  width: 15.75rem;
  height: 4.925rem;
}

.hammer_animation_mask .step_same .top_img {
  text-align: center;
}

.hammer_animation_mask .step_same .top_img img {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100%;
  height: auto;
}

.hammer_animation_mask .step_same .top_title .title_text {
  font-size: .75rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  position: absolute;
  left: 22%;
  top: 3.2rem;
}

.hammer_animation_mask .step_same .top_title .title_num {
  font-size: .625rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  position: absolute;
  right: 20%;
  top: 2.85rem;
}

.top_sentence_box .sentence_main {
  background: linear-gradient(0deg, #FFFAF2, #FFF2E2);
  box-shadow: 0px .075rem .075rem 0px rgba(199, 171, 160, 0.64), 0px -.15rem .175rem 0px rgba(232, 193, 163, 0.74);
  border-radius: .5rem;
  padding: 0.5rem 0.6rem;
}

.top_sentence_box .sentence_main .main_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.top_sentence_box .sentence_main .main_top .top_left img {
  width: 1.05rem;
  height: 1.05rem;
  border-radius: 50%;
  vertical-align: middle;
}

.top_sentence_box .sentence_main .main_top .top_left span {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  vertical-align: middle;
}

.top_sentence_box .sentence_main .main_top .top_right {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
}

.top_sentence_box .sentence_main .main_text p {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: .8rem;
  margin-top: .25rem;
  color: #866A50;
}

.top_sentence_box .sentence_btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .725rem;
}

.top_sentence_box .sentence_btns button {
  flex: 1;
  height: 2.15rem;
  border: none;
}

.top_sentence_box .sentence_btns .btn_left {
  background: linear-gradient(0deg, #FFF9F1, #FFF2E3);
  box-shadow: 0px -.1rem .1rem 0px rgba(237, 196, 162, 0.74), 0px .1rem .15rem 0px rgba(255, 255, 255, 0.64);
  border-radius: 1.075rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
  margin-right: .35rem;
}

.top_sentence_box .sentence_btns .btn_right {
  background: linear-gradient(0deg, #FF6A67, #FD2E2E);
  box-shadow: 0px -.1rem .1rem 0px rgba(205, 15, 20, 0.74), 0px .1rem .15rem 0px rgba(255, 192, 184, 0.64);
  border-radius: 1.075rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  margin-left: .35rem;
  line-height: 1;
}

.top_sentence_box .sentence_btns .btn_right .bot_num {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  margin-top: 0.25rem;
}

.hammer_animation_mask .mask_bot {
  width: 100%;
  bottom: 2rem;
  left: 0;
  position: absolute;
  z-index: 10;
}

.combo_count {
  color: rgba(255, 140, 0, 1);
  font-size: 1rem;
}

.hammer_animation_mask .step_01 .combo_count_box {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 7rem;
  z-index: 11;
}

.hammer_animation_mask .combo_count_box span {
  font-size: 1.7rem;
  background-image: -webkit-linear-gradient(45deg, #EBDC9B, #FF8C00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  letter-spacing: .175rem;
  font-family: "HGCH_CNKI";
  color: rgb(255, 240, 240);
  text-transform: uppercase;
  line-height: 1.2;
  text-align: center;
  text-shadow: .1rem .175rem 0px rgba(0, 0, 0, 0.004);
  -moz-transform: matrix(2.47955633596084, 0, 0, 2.47955633596084, 0, 0);
  -webkit-transform: matrix(2.47955633596084, 0, 0, 2.47955633596084, 0, 0);
  -ms-transform: matrix(2.47955633596084, 0, 0, 2.47955633596084, 0, 0)
}

.hammer_animation_mask .combo_count_box .num {
  font-size: 2.65rem;
}

.hammer_animation_mask .step_02 .combo_count_box {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 4rem;
  z-index: 11;
}

.fixed_bot_oper_group {
  position: absolute;
  left: 0;
  z-index: 10001;
  bottom: 0;
  width: 100%;
  background: #fff;
  border-radius: 0.25rem 0.25rem 0 0;
}

.fixed_bot_oper_group li {
  padding: 0.625rem 0;
  text-align: center;
}

.fixed_bot_oper_group label {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.fixed_bot_oper_group li:not(:last-child) {
  border-bottom: 1px solid #efefef;
}

.fixed_bot_oper_group li span {
  color: #2e2e2e;
  font-size: .7rem;
}

.fixed_bot_oper_group li input[type="file"] {
  opacity: 0;
  display: none;
}

.complaint_popup {
  position: absolute;
  width: 80%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */

  -webkit-transform: translate(-50%, -50%);
  z-index: 10001;
  background: #fff;
  border-radius: .5rem;
  padding: 0.5rem 0.8rem;
}

.complaint_popup .popup_close {
  text-align: right;
}

.complaint_popup .popup_close img {
  width: .65rem;
  height: .65rem;
}

.complaint_popup .popup_head {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  text-align: center;
}

.complaint_popup .popup_main {
  margin-top: .5rem;
}

.complaint_popup .popup_main ul li {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 400;
  position: relative;
  color: #2E2E2E;
  padding: 0.5rem 0;
}

.complaint_popup .popup_main ul li input {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0.2rem;
}

.complaint_popup .popup_main ul li span {
  vertical-align: middle;
}

.complaint_popup .popup_main ul li input~i {
  width: 1rem;
  height: 1rem;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: .25rem;
}

.complaint_popup .popup_main ul li input:checked~i {
  background: url(../images/icon_yellow_gou.png) no-repeat center/cover;
  border: none;
}

.complaint_popup .popup_btn {
  margin-top: 0.5rem;
}

.complaint_popup .popup_btn button {
  height: 2.025rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  background: #F2B237;
  border-radius: 1.025rem;
  width: 100%;
  border: none;
}

.part_text_complaint {
  text-align: center;
  margin-top: .5rem;
}

.part_text_complaint span {
  text-decoration: underline;
  font-size: .65rem;
  font-weight: bold;
  color: #fff;
}

.btn_sign_in {
  display: inline-block;
  position: absolute;
  right: 0.6rem;
  bottom: 7.5rem;
  width: 5.7rem;
  height: 5.325rem;
}

.btn_sign_in>span {
  display: inline-block;
  width: 6rem;
  height: 5rem;
  z-index: 100000;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/7days_qiandao.png) no-repeat center top/contain;
}

.btn_sign_in.active {
  width: 3.75rem;
  height: 3.795rem;
}

.btn_sign_in.active span {
  width: 3.75rem;
  height: 3.795rem;
}

.icon_viedo_bf {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: url(../images/icon_sp_bf.png) no-repeat center/1.4rem 1.4rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */

  -webkit-transform: translate(-50%, -50%);
}

.list_img_01 {
  position: relative;
  display: inline-block;
}

.btn_step_close {
  width: 100%;
  text-align: right;
  top: 6rem;
}

.btn_step_close img {
  width: .8rem;
  height: .8rem;
}

.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash
}

@-webkit-keyframes flash {

  0%,
  100%,
  50% {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0.4
  }
}

@keyframes flash {

  0%,
  100%,
  50% {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0.4
  }
}

.hammer_animation_mask .step_03 {
  padding-top: 6rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.hammer_animation_mask .top_sentence_box {
  padding: 0.6rem;
}

.mine_head_each_items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .5rem;
  font-size: .6rem;
  color: rgba(137, 99, 35, 1);
  margin-bottom: 0.3rem;
}

.mine_head_each_items .num {
  font-size: .9rem;
  font-family: DIN Next LT Pro;
  font-weight: 500;
  color: #2E2E2E;
}

.my_bangbao_link {
  background: #FFFFFF;
  border-radius: .5rem;
  display: flex;
  justify-content: space-between;
  padding: 0.6rem;
  align-items: center;
}

.my_bangbao_link .link_left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  line-height: 1;
}

.my_bangbao_link .link_left img {
  max-width: 1.3rem;
  height: auto;
  vertical-align: middle;
}

.my_bangbao_link .link_left span {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFA000;
  margin-left: .125rem;
  vertical-align: middle;
}

.my_bangbao_link .link_right {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
}

.achievement_btn .btn_close {
  padding: 0.6rem;
  text-align: right;
  position: absolute;
  width: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: all;
}

.achievement_btn .btn_close img {
  width: .8rem;
  height: .8rem;
}

.btn_click_light_box {
  text-align: center;
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.btn_click_light_box button {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #0C759E;
  width: 7.5rem;
  padding-left: 2.4rem;
  padding-top: 0.65rem;
  height: 3.325rem;
  border: none;
  background: url(../images/bg_btn_click_light.png) no-repeat center/cover;
}

.btn_click_light_box button.active {
  color: #FA431E;
  background: url(../images/bg_btn_click_light_active.png) no-repeat center/cover;
}

.hammer_oper_link img {
  width: .575rem;
  height: .725rem;
  vertical-align: middle;
}

.hammer_oper_link span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #628FFB;
  vertical-align: middle;
  margin-left: .125rem;
}

.get_ach_list .list_item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.get_ach_list .list_item .item_left {
  position: relative;
}

.get_ach_list .list_item .item_left .img_xunzhang {
  width: 3.225rem;
  height: 3.225rem;
}

.get_ach_list .list_item .item_left .icon_check {
  width: .7rem;
  height: .7rem;
  position: absolute;
  right: 0.5rem;

  top: 2rem;
}

.get_ach_list {
  padding: 0 0.6rem;
}

.get_ach_list .list_item {
  padding: 0.6rem 0;
  border-bottom: 1px solid #efefef;
}

.get_ach_list .list_item .item_right {
  width: 100%;
}

.get_ach_list .list_item .item_right .top_line {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.get_ach_list .list_item .item_right .top_line .ach_mask {
  background: linear-gradient(0deg, #CC3131, #EF6262);
  border-radius: .575rem;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0.05rem 0.2rem;
  position: relative;
}

.get_ach_list .list_item .item_right .top_line .ach_mask_gray {
  background: #8E8E8E;
  border-radius: .575rem;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0.05rem 0.2rem;
  position: relative;
}

.get_ach_list .list_item .item_right .top_line .ach_mask img {
  width: .7rem;
  height: .7rem;
  position: absolute;

  top: -0.3rem;
  right: -0.3rem;
}

.get_ach_list .list_item .item_right .top_line .top_line_right span {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFBF54;
}

.get_ach_list .list_item .item_right .bot_line p {
  font-size: .65rem;
  font-family: PingFang SC;
  margin-top: .25rem;
  font-weight: 500;
  line-height: .9rem;
  color: #8E8E8E;
}

.search_head_box {
  padding: 0.6rem;
}

.search_head_box .top_search_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.search_head_box .top_search_box .box_left {
  flex: auto;
}

.search_head_box .top_search_box .box_left_img {
  margin-right: .5rem;
  position: relative;
  line-height: 1;
}

.search_head_box .top_search_box .box_left_img img {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  animation: turnCicle 3s linear infinite;
}

.search_head_box .top_search_box .box_left a {
  display: inline-block;
  width: 100%;
  height: 1.55rem;
  background: #FAFAFA;
  border: 1px solid #CCCCCC;
  border-radius: .775rem;
  padding-left: 1.6rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
  background: url(../images/img_fangdajin.png) no-repeat 0.6rem center/.65rem .65rem;
  line-height: 1.55rem;
}

.search_head_box .top_search_box .box_left input[type='text'] {
  display: inline-block;
  width: 100%;
  height: 1.55rem;
  background: #FAFAFA;
  border: 1px solid #CCCCCC;
  border-radius: .775rem;
  padding-left: 1.6rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
  background: url(../images/img_fangdajin.png) no-repeat 0.6rem center/.65rem .65rem;
  line-height: 1.55rem;
}

.search_head_box .top_search_box .box_right {
  width: 1.15rem;
  height: 1.15rem;
  margin-left: 0.6rem;
  background: url(../images/yellow_msg.png) no-repeat center/1.15rem .85rem;
  position: relative;
}

.search_head_box .top_search_box .box_right>span {
  font-size: .45rem;
  font-family: DIN Next LT Pro;
  font-weight: 500;
  color: #FFFFFF;
  display: inline-block;
  width: .7rem;
  height: .7rem;
  background: #CC3131;
  border-radius: 50%;
  text-align: center;
  line-height: .65rem;
  position: absolute;
  right: -0.1rem;  
}

.top_oper_group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .5rem;
}

.top_oper_group>div {
  flex: 1;
  text-align: center;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
}

.top_oper_group>div .item_top_img {
  height: 2rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: .125rem;
}

.top_oper_group>div .item_top_img img {
  max-width: 1.875rem;
  height: 1.6rem;
}

.hammer_oper_items_box .img_box img.rotate_center {

  animation: move 0.6s 0s 1;
  -webkit-animation: move 0.6s 0 1;
  transform-origin: center;
  -webkit-transform-origin: center;
}

@keyframes move {
  0% {
    -webkit-transform: rotateY(0deg);
  }

  25% {
    -webkit-transform: rotateY(180deg);
  }

  50% {
    -webkit-transform: rotateY(360deg);
  }

  75% {
    -webkit-transform: rotateY(180deg);
  }

  100% {
    -webkit-transform: rotateY(360deg);
  }
}

-webkit-@keyframes move {
  0% {
    -webkit-transform: rotateY(0deg);
  }

  25% {
    -webkit-transform: rotateY(180deg);
  }

  50% {
    -webkit-transform: rotateY(360deg);
  }

  75% {
    -webkit-transform: rotateY(180deg);
  }

  100% {
    -webkit-transform: rotateY(360deg);
  }
}

.fixed_bot_oper_group .btn_cancel {
  border-top: .4rem solid #efefef;
}

.hit_quick_toast {
  padding: 0.6rem;
  border-radius: .25rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */

  -webkit-transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  font-size: .75rem;
  text-align: center;
  line-height: 1rem;
}

.hit_quick_toast>div {
  white-space: nowrap;
}



























/*8.4.1*/
.msg_tis_frame {
  background: rgba(0, 0, 0, 0.65);
  border-radius: .25rem;
  padding: 0.5rem 0.6rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #fff;
  line-height: .7rem;
  z-index: 10;
  position: absolute;
  right: -0.1rem;
  top: 1.4rem;
}

.msg_tis_frame div {
  white-space: nowrap;
}

.msg_tis_frame:after {
  content: "";
  position: absolute;
  display: inline-block;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-bottom: 0.3rem solid #000000FF;
  opacity: 0.65;
  top: -0.29rem;
  right: 0.2rem;
}

.bottom_comment_line .other_oper_box>div>div:nth-child(1) {
  height: 1rem;
}

.bottom_comment_line .collect_part {
  font-size: .55rem;
  color: #595D68;
}

.bottom_comment_line .collect_part>div:nth-child(1) {
  background: url(../images/star_collect.png) no-repeat center bottom/1.125rem 1.1rem;
}

.bottom_comment_line .collect_part.active {
  color: #FFAC5E;
}

.bottom_comment_line .collect_part.active>div:nth-child(1) {
  background: url(../images/star_collect_active.png) no-repeat center bottom/1.11rem 1.05rem;
}

.border_blue_reply span {
  border: 1px solid #628FFB;
  border-radius: .575rem;
  padding: 0.15rem 0.85rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #628FFB;
}

.news_tabs_box .buttons-tab {
  border-bottom: 1px solid #EFEFEF;
}

.news_tabs_box a {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #2E2E2E;
}

.news_tabs_box .button.active {
  font-size: .95rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.news_tabs_box .tab_comment {
  position: relative;
}

.news_tabs_box .tab_comment .news_nums_tips {
  right: -0.7rem;
  top: -0.25rem;
}

.btn_collection {
  padding-left: 1.2rem;
  background: url(../images/star_collect.png) no-repeat left bottom/1.1rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  padding-top: 0.25rem;
}

.btn_collection.active {
  background: url(../images/star_collect_active.png) no-repeat left bottom/1.05rem;
  color: #FFAC5E;
}

.get_into_app {
  min-height: 100%;
  background: url(../images/bg_get_into.png) no-repeat center/cover;
}

.get_into_app .get_00 {
  padding: 0.6rem;
}

.get_into_app .get_00 img {
  width: 14.675rem;
  height: 6.025rem;
}

.get_into_app .app_main_box {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 23.7rem;
  width: 100%;
  background: url(../images/get_01.png) no-repeat center 0.5rem/16.85rem 30.3rem;
}

.get_into_app .app_main_box .main_text {
  text-align: center;
}

.get_into_app .app_main_box .main_text img {
  width: 6.4rem;
  height: 13.925rem;
  margin-top: 2.8rem;
}

.app_main_box .get_step_00 img {
  width: 13.175rem;
  height: 3.675rem
}

.app_main_box .get_step_00 {
  text-align: center;
  padding-left: 0.6rem;
  margin-top: 2rem;
}

.app_main_box .get_step_01 {
  text-align: right;
  margin-top: -0.5rem;
}

.app_main_box .get_step_02 {
  text-align: left;
  padding-left: 1rem;
  margin-top: -1.25rem;
}

.app_main_box .get_step_03 {
  text-align: right;
  padding-right: 1.5rem;
  margin-top: -1rem;
}

.app_main_box .get_step_04 {
  margin-top: -2.25rem;
}

.app_main_box .get_step_01 img {
  width: 12.825rem;
  height: 4rem;
}

.app_main_box .get_step_02 img {
  width: 13.3rem;
  height: 4.5rem;
}

.app_main_box .get_step_03 img {
  width: 13.525rem;
  height: 5.1rem;
}

.app_main_box .get_step_04 img {
  width: 13.375rem;
  height: 5.6rem;
}

.app_main_box .get_step_05 img {
  width: 13.375rem;
  height: 5.6rem;
}

.app_main_box .get_step_00 a {
  display: inline-block;
  width: 13.175rem;
  height: 3rem;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 1rem 0 1rem 0;
}

.app_main_box div a {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
}

.app_main_box .get_step_01 a {
  transform: rotate(3deg);

  -webkit-transform: rotate(3deg);
  /* Safari 和 Chrome */

  width: 12.825rem;
  height: 3rem;
  top: 0.2rem;
}

.app_main_box .get_step_02 a {
  top: 0.3rem;
  width: 13rem;
  height: 3.1rem;
  transform: rotate(7deg);

  -webkit-transform: rotate(7deg);
  /* Safari 和 Chrome */
}

.app_main_box .get_step_03 a {
  top: 0.5rem;
  width: 13rem;
  height: 3.5rem;
  transform: rotate(9deg);

  -webkit-transform: rotate(9deg);
  /* Safari 和 Chrome */
}

.app_main_box .get_step_04 a {
  top: 0.7rem;
  width: 13rem;
  height: 3.5rem;
  transform: rotate(9deg);

  -webkit-transform: rotate(9deg);
  /* Safari 和 Chrome */
}

.get_into_btn {
  padding: 0.3rem 0.6rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.get_into_btn button {
  width: 100%;
  color: #fff;
  font-size: .75rem;
  font-weight: bold;
  background: rgba(222, 91, 91, 1);
  height: 2.5rem;
  border: none;
  border-radius: 1.2rem;
}

.app_main_box .get_step>div {
  display: inline-block;
  position: relative;
}

.blue_question_bb a img {
  width: .65rem;
  height: .65rem;
  vertical-align: middle;
}

.blue_question_bb span {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  vertical-align: middle;
  margin-left: .125rem;
  color: #628FFB;
}

.blue_question_bb a {
  padding-bottom: 0.1rem;
  border-bottom: 1px solid #628FFBFF;
}

.brown_question_bb a {
  padding-bottom: 0.1rem;
  border-bottom: 1px solid #8D8D8D;
}

.brown_question_bb a img {
  width: .65rem;
  height: .65rem;
  vertical-align: middle;
}

.brown_question_bb span {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8D8D8D;
  vertical-align: middle;
  margin-left: .125rem;
}

.question_absolute_line img {
  width: .65rem;
  height: .65rem;
  vertical-align: middle;
}

.question_absolute_line {
  padding-bottom: 0.1rem;
  border-bottom: 1px solid #936A21;
  position: absolute;
  right: 0.6rem;
  top: 0.25rem;
  line-height: 1;
}

.question_absolute_line span {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #936A21;
  vertical-align: middle;
  margin-left: .125rem;
}

.chatting_tips_box {
  width: 96%;
  position: absolute;
  left: 2%;
  top: 0.5rem;
  background: rgba(0, 0, 0, 0.78);
  z-index: 10001;
  padding: 0.5rem;
  border-radius: .5rem;
}

.chatting_tips_box .box_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.chatting_tips_box .box_head img {
  width: .55rem;
  height: .55rem;
}

.chatting_tips_box .box_main .top_user_msg .user_head {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  vertical-align: middle;
}

.chatting_tips_box .box_main .top_user_msg .user_name {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #423C37;
  vertical-align: middle;
  margin-left: .125rem;
}

.chatting_tips_box .box_main {
  background: #FFFFFF;
  border-radius: .5rem;
  margin-top: .5rem;
  padding: 0.5rem 0.3rem;
}

.chatting_tips_box .box_main .top_user_msg .user_mask {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  margin-left: .125rem;
  background: linear-gradient(0deg, #EC4925, #F36531);
  border-radius: .1rem;
  line-height: 1;
  padding: 0rem 0.05rem;
  vertical-align: middle;
}

.chatting_tips_box .box_main .main_text p {
  font-size: .7rem;
  font-family: PingFang SC;
  margin-top: .25rem;
  font-weight: 500;
  color: #666666;
  line-height: 1.05rem;
}

.box_btn_group {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}

.box_btn_group>button {
  width: 46%;
  height: 2.3rem;
  border-radius: 1.075rem;
  border: none;
}

.box_btn_group>button.btn_left {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  background: #FFFAEB;
  border: 1px solid #FEBF55;
}

.box_btn_group>button.btn_right {
  background: #FEBF55;
  position: relative;
}

.box_btn_group>button.btn_right img {
  width: 4.6rem;
  height: 1.45rem;
  position: absolute;
  right: -0.5rem;
  top: -0.8rem;
}

.box_btn_group>button.btn_right .text_top {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: .825rem;
  color: #2E2E2E;
}

.box_btn_group>button.btn_right .text_bot {
  font-size: .475rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #AB7315;
  line-height: .825rem;
}

.force_value_box .box_top_head {
  padding: 0.5rem 0.6rem;
  text-align: right;
  margin-bottom: -1.2rem;
}

.force_value_box .box_top_head img {
  width: 1.425rem;
  height: 1.425rem;
  margin-left: .5rem;
}

.force_value_box .box_top_main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.6rem;
}

.force_value_box .box_top_main .main_left {
  width: 50%;
}

.force_value_box .box_top_main .main_right {
  width: 50%;
}

.segments_item_box {
  /*  display: flex;
    justify-content: flex-start;
    white-space: nowrap;
    align-items: center;
    line-height: 1;
    margin-top: .5rem;*/

  margin-bottom: .25rem;
}

.segments_item_box .item_left span {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  vertical-align: middle;
}

.segments_item_box .item_right {
  font-size: 0;
}

.segments_line_state {
  margin-left: .125rem !important;
  font-size: .55rem !important;
  font-family: PingFang SC;
  font-weight: 500 !important;
  color: #8E8E8E !important;
}

.segments_item_box .item_right img {
  width: .75rem;
  height: .75rem;
  vertical-align: middle;
  font-size: 0;
  margin-right: 0.25rem;
}

.box_top_scroll_part {
  overflow-x: auto;
  padding: 0.5rem 0.6rem;
  padding-top: 0;
  white-space: nowrap;
}

.box_top_scroll_part>div {
  display: inline-block;
  padding: 0.6rem 1rem;
  width: 11rem;
  height: 3.8rem;
  background: url(../images/bg_wuwei.png) no-repeat center/cover;
}

.box_top_scroll_part>div .item_top {
  font-size: .875rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.box_top_scroll_part>div .item_bot {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 400;
  margin-top: .125rem;
  color: #FFFFFF;
}

.news_tabs_box {
  overflow-x: scroll;
  width: 100%;
  z-index: 1;
  background: #fff;
}

.force_value_list .item_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.force_value_list {
  padding: 0rem 0.6rem;
}

.force_value_list .item_top .left_part img {
  width: .725rem;
  height: .8rem;
  vertical-align: middle;
}

.force_value_list .item_top .left_part span {
  font-size: .875rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  vertical-align: middle;
  margin-left: .25rem;
}

.force_value_list .item_top .right_part button {
  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  background: linear-gradient(0deg, #FF832C 0%, #FFB886 100%);
  border-radius: .125rem;
  border: none;
  padding: 0.2rem 0.6rem;
}

.force_value_list .item_bot {
  margin-top: .25rem;
  padding-left: .975rem;
}

.force_value_list .item_bot span {
  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
  margin-right: .5rem;
}

.force_value_list li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #EFEFEF;
}

.news_tabs_box .button.active {
  border-bottom: none;
}

.news_tabs_box .button.active:after {
  content: "";
  display: inline-block;
  width: 40%;
  height: .15rem;
  background: linear-gradient(180deg, #FFAD65, #FFC351);
  border-radius: .075rem;
  position: absolute;
  bottom: 0;
  left: 30%;
}

.dzb_box {
  padding: 0.5rem 0.6rem;
  height: 3.5rem;
}

.dzb_box .box_text {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.dzb_box .box_bar {
  height: 1.3rem;
  padding: 0.15rem;
  margin-top: .5rem;
  background: #D3D3D3;
  border-radius: .625rem;
}

.dzb_box .box_bar>div {
  width: 50%;
  background: linear-gradient(-90deg, #FFD48C 0%, #FFBA46 100%);
  border-radius: .5rem;
  height: 100%;
  text-align: center;
  position: relative;
  line-height: 1rem;
}

.dzb_box .box_bar>div>span {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  white-space: nowrap;
  color: #FFFFFF;
  text-shadow: 0px 0px .125rem rgba(246, 52, 0, 0.7);
}

.wwblz_show_box {
  padding: 0.5rem 0.6rem;
  height: 3.5rem;
}

.wwblz_show_box>div {
  padding: 0.5rem 0;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  border-radius: .25rem;
  text-align: center;
  text-shadow: 0px 0px .125rem rgba(197, 56, 0, 0.5);
  background: url(../images/icon_wwblzsz.png) no-repeat center/cover;
}

.fixed_bot_pet_tips {
  padding: 0.6rem;
  position: absolute;
  padding-top: 4.5rem;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(3, 0, 0, 0.1) 0%, rgba(3, 0, 0, 0.85) 20%, rgba(3, 0, 0, 1) 100%);
  width: 100%;
  z-index: 10001;
}

.tips_open_box .box_main {
  background: #FFFFFF;
  border-radius: .25rem;
  padding: 0.35rem 0.6rem;
  position: relative;
}

.tips_open_box .box_main:after {
  content: "";
  display: inline-block;
  border-left: 0.3rem solid transparent;
  border-right: 0.3rem solid transparent;
  border-top: 0.3rem solid #fff;
  position: absolute;
  left: 1.3rem;
  bottom: -0.3rem;
}

.tips_open_box .box_main .main_head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.tips_open_box .box_main .main_head .head_left {
  font-size: 1.1rem;
  font-family: Tensentype JiaLiCuHeiJ;
  font-weight: bold;
  color: #E75038;
  line-height: 1;
}

.tips_open_box .box_main .main_head .head_right img {
  width: .675rem;
  height: .7rem;
}

.tips_open_box .box_main .main_text {
  margin-top: .25rem;
}

.tips_open_box .box_main .main_text p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;

  color: #2E2E2E;
}

.tips_open_box .box_main .main_text p~p {
  margin-top: 0;
}

.tips_open_box .box_other {
  margin-top: .5rem;
  position: relative;
}

.tips_open_box .box_other .icon_pet {
  width: 3.15rem;
  height: 5.525rem;
}

.tips_open_box .box_other a {
  font-size: .675rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #201813;
  padding: 0.2rem 0.5rem;
  background: #FFD35F;
  border-radius: .775rem;
  position: absolute;
  right: 0rem;
  top: 0.5rem;
}

.tips_open_box .box_other a img {
  width: .65rem;
  height: .65rem;
  vertical-align: middle;
}

.tips_open_box .box_other a span {
  vertical-align: middle;
  margin-right: .125rem;
}

.tips_close_box {
  position: absolute;
  bottom: 3rem;
  left: 0.6rem;
  z-index: 10001;
}

.tips_close_box img {
  width: 3.475rem;
  height: 3.875rem;
}

.quintuple_bang_box {
  width: 92%;
  background: url(../images/bg_wcb.png) no-repeat center center/100% 100%;
  z-index: 10002;
  position: absolute;
  top: -24rem;
  padding-bottom: 1rem;
  left: 4%;
}

.quintuple_bang_box .box_head {
  text-align: right;
  padding: 0.3rem 0.6rem;
}

.quintuple_bang_box .box_head img {
  width: .65rem;
  height: .65rem;
}

.quintuple_bang_box .box_title {
  text-align: center;
}

.quintuple_bang_box .box_title img {
  height: 1.95rem;
  width: 15.575rem;
}

.quintuple_bang_box .box_main {
  text-align: center;
  margin-top: 1rem;
}

.quintuple_bang_box .box_main button {
  border: none;
}

.quintuple_bang_box .box_main ul li {
  margin-top: .25rem;
}

.quintuple_bang_box .box_main .btn_bang_1 {
  width: 15.575rem;
  height: 3.175rem;
  background: url(../images/wcb_1.png) no-repeat center/cover;
}

.quintuple_bang_box .box_main .btn_bang_2 {
  width: 15.575rem;
  height: 3.175rem;
  background: url(../images/wcb_2.png) no-repeat center/cover;
}

.quintuple_bang_box .box_main .btn_bang_3 {
  width: 15.575rem;
  height: 3.175rem;
  background: url(../images/wcb_3.png) no-repeat center/cover;
}

.quintuple_bang_box .box_main .btn_bang_4 {
  width: 15.575rem;
  height: 3.175rem;
  background: url(../images/wcb_4.png) no-repeat center/cover;
}

.quintuple_bang_box .box_main .btn_bang_5 {
  width: 15.575rem;
  height: 3.175rem;
  background: url(../images/wcb_5.png) no-repeat center/cover;
}

.check_more_text {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  margin-left: .25rem;
  color: #FFDF6B;
}

.msg_from_mask {
  padding: 0.05rem 0.15rem;
  border-radius: .15rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.bg_orange_msg_from {
  background: linear-gradient(-90deg, #FD3B2F, #FC7C45);
}

.bg_yellow_msg_from {
  background: linear-gradient(270deg, #FF6F03, #FFA301);
}

.bg_blue_msg_from {
  background: linear-gradient(270deg, #00BDFD, #00E0FF);
}

.bg_violet_msg_from {
  background: linear-gradient(-90deg, #5673F2, #7199FD);
}

.bg_red_msg_from {
  background: linear-gradient(-90deg, #CC3132, #CC3131);
}

.forward_msg_box {
  padding-top: 0.25rem;
  border-top: 1px solid #999;
}

.forward_msg_box p {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 1.1rem;
}

.forward_msg_from {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  opacity: 0.8;
  vertical-align: bottom;
}

.application_stock_box {
  background: #F7F7F7;
  border: 1px solid #FAFAFA;
  opacity: 0.9;
  border-radius: .25rem;
  padding: 0.35rem 0.4rem;
}

.application_stock_box .box_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.application_stock_box .box_bot {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.application_stock_box .box_top .top_stock_name img {
  vertical-align: middle;
  width: .825rem;
  height: .825rem;
}

.application_stock_box .box_top .top_stock_name .name {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  vertical-align: middle;
  margin-left: .125rem;
}

.application_stock_box .box_top .top_stock_name .stock_mask {
  background: #FFEDCC;
  border-radius: .25rem;
  font-size: .575rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #9E7E1F;
  padding: 0.05rem 0.1rem;
  margin-left: .125rem;
}

.application_stock_box .box_top .top_date {
  font-size: .575rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.application_stock_box .box_bot {
  margin-top: .25rem;
}

.application_stock_box .box_bot .bot_left {

  font-family: PingFang SC;
  font-weight: 400;
  color: #565656;
}

.application_stock_box .box_bot .bot_right img {
  width: .3rem;
  height: .5rem;
}

.forward_line_box {
  margin-top: .25rem;
  padding-top: 0.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #CCCCCC;
}

.dislog_forward {
  padding: 0 0.725rem;
}

.bottom_chat_btn_group {
  padding: 0 0.6rem;
  padding-top: 0.5rem;
}

.bottom_chat_btn_group button {
  background: #FD871A;
  border-radius: .775rem;
  padding: 0 0.6rem;
  height: 1.525rem;
  line-height: 1.5rem;
  border: none;
  font-size: .65rem;
  margin-right: .5rem;
}

.bottom_chat_btn_group .btn_dengji {
  color: #FFFFFF;
  background: #FD871A;
}

.bottom_chat_btn_group .btn_jiaru {
  background: #FFFFFF;
  border: .075rem solid #F3F3F3;
  color: #2E2E2E;
}

.select_objects_popup {
  position: absolute;
  width: 100%;
  bottom: 0;
  background: #fff;
  z-index: 10001;
  border-radius: .5rem .5rem 0 0;
  height: 90%;
  overflow-y: hidden;
}

.select_objects_popup .popup_head {
  display: flex;
  padding: 0.5rem 0.6rem;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  justify-content: space-between;
  border-bottom: .4rem solid #F5F4F9;
}

.select_objects_popup .popup_head .head_right span {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/icon-close.png) no-repeat center/.55rem .55rem;
}

.select_objects_popup .search_main_box {
  padding: 0 0.6rem;
  margin-top: .5rem;
  position: relative;
}

.select_objects_popup .search_main_box input {
  background: ;
  width: 100%;
  height: 2.2rem;
  border: 1px solid #CCCCCC;
  border-radius: .25rem;
  padding: 0.6rem 2rem;

  background: url(../images/icon_sousuo.png) no-repeat 0.6rem center/.8rem .8rem;
}

.select_objects_popup .search_main_box input::-webkit-input-placeholder {
  text-align: left;
}

.select_objects_popup .search_main_box input::placeholder {
  text-align: left;
}

.select_objects_popup .search_main_content .content_head {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
  margin-top: .25rem;
}

.select_objects_popup .search_main_content {
  padding: 0.5rem 0.6rem;
  height: 75%;
}

.select_objects_popup .search_main_content .content_main {
  margin-top: .5rem;
}

.select_objects_popup .search_main_content .content_main ul li .user_head {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
}

.select_objects_popup .search_main_box .btn_close {
  width: .9rem;
  height: .9rem;
  position: absolute;
  right: 1.2rem;
  top: 0.6rem;
}

.select_objects_popup .search_main_content .content_main {
  overflow-y: auto;
  height: 100%;
}

.select_objects_popup .search_main_content .content_main ul li {
  border-bottom: 1px solid #EFEFEF;
}

.select_objects_popup .search_main_content .content_main ul li>div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 0;
}

.select_objects_popup .search_main_content .content_main ul li .user_name {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  margin-left: .25rem;
}

.select_objects_popup .search_main_content .content_main ul li .user_mask>span {
  background: #EFEFEF;
  border-radius: .15rem;
  padding: 0.05rem 0.1rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  margin: 0 0.125rem;
  color: #8E8E8E;
}

.align_center_absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  z-index: 998;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */

  -webkit-transform: translate(-50%, -50%);
  padding-right: 0.5rem;
}

.fishing_material_popup {
  position: absolute;
  width: 86%;
  left: 50%;
  top: 50%;

  z-index: 10002;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */

  -webkit-transform: translate(-50%, -50%);
}

.fishing_material_popup .material_box {
  background: url(../images/bg_laoliao.png) no-repeat center top/cover;
  height: 21.725rem;
  width: 100%;

  text-align: center;
}

.fishing_material_popup .get_material_box {
  background: url(../images/bg_laoliao_shou.png) no-repeat center top/cover;
  height: 20.825rem;
  width: 100%;
  padding-top: text-align: center;
}

.fishing_material_popup .material_box .main_text {
  padding: 3.7rem 2.5rem 0 2.7rem;
}

.fishing_material_popup .get_material_box .main_text {
  padding-top: 3.7rem;
}

.fishing_material_popup .get_material_box .main_text .text_top {
  height: 5.8rem !important;
}

.fishing_material_popup .get_material_box .main_text .img_box img {
  max-height: 3.7rem !important;
}

.fishing_material_popup .material_box .main_text .text_top {

  font-family: PingFang SC;
  font-weight: 500;
  color: #C28432;

  height: 5.6rem;
}

.fishing_material_popup .material_box .main_text .text_top p {
  font-size: .8rem;
  line-height: .85rem;
}

.fishing_material_popup .material_box .main_text .text_top .img_box {
  text-align: left;
  margin-top: .25rem;
}

.fishing_material_popup .material_box .main_text .text_top .img_box img {
  max-height: 3.5rem;
  width: auto;
}

.fishing_material_popup .material_box .main_text .text_bot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #A98647;
}

.fishing_material_popup .material_box .main_text .text_bot .left_user_msg img {
  width: .7rem;
  height: .7rem;
  border-radius: 50%;
  vertical-align: middle;
}

.fishing_material_popup .material_box .main_text .text_bot .left_user_msg span {
  vertical-align: middle;
}

.fishing_material_popup .material_box .center_oper_group {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #B07A2D;
  text-align: center;
  margin-top: 1.1rem;
}

.fishing_material_popup .icon_close {
  text-align: right;
  margin-bottom: 0rem;
}

.fishing_material_popup .icon_close img {
  width: .95rem;
  height: .95rem;
}

.fishing_material_popup .material_box .center_oper_group>div:nth-child(1) {
  margin-right: 1.8rem;
}

.fishing_material_popup .material_box .center_oper_group>div:nth-child(1) span {
  background: url(../images/icon_yellow_border_sc.png) no-repeat left center/.825rem .8rem;
}

.fishing_material_popup .material_box .center_oper_group>div:nth-child(1) span.active {
  background: url(../images/star_collect_active.png) no-repeat left center/.825rem .8rem;
}

.fishing_material_popup .material_box .center_oper_group>div:nth-child(2) span {
  background: url(../images/icon_yellow_border_fx.png) no-repeat left center/.65rem;
}

.fishing_material_popup .material_box .center_oper_group>div:nth-child(2) {
  margin-left: 1.8rem;
}

.fishing_material_popup .material_box .center_oper_group span {
  padding-left: 1rem;
}

.material_against_box .for_against_box .box_left:after {
  display: none !important;
}

.material_against_box .for_against_box .box_right:after {
  display: none !important;
}

.material_against_box .for_against_box {
  padding: 0 1.6rem 0 1.8rem;
  margin-top: 1.6rem;
}

.evaluation_box {
  padding: 0 1.8rem 0 2rem;
  margin-top: 0.725rem;
}

.evaluation_box span {
  width: 100%;
  display: inline-block;
  height: 1.825rem;
  background: #FFFFFF;
  border: .075rem solid #F3F3F3;
  line-height: 1.7rem;
  border-radius: .25rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
  text-align: left;
  padding-left: 1.4rem;
  background: #fff url(../images/icon_gray_write.png) no-repeat 0.6rem center/.575rem .7rem;
}

.ww_published_successfully {
  width: 100%;
  position: fixed;
  z-index: 10001;
  bottom: 0;
  background: linear-gradient(0deg, rgba(76, 76, 76, 0.9) 38%, rgba(214, 214, 214, 0.9) 100%);
  left: 0;
  border-radius: .5rem .5rem 0px 0px;
}

.ww_published_successfully .published_head {
  text-align: center;
  padding-top: 1rem;
}

.ww_published_successfully .published_head span {
  font-size: .875rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #FFBD4E;
  padding: 0.15rem 0.6rem;
  font-size: .875rem;
  font-family: PingFang SC;
  background: #4C4C4C;
  border-radius: .75rem;
  font-weight: 800;
  color: #FFBD4E;
}

.ww_published_successfully .published_text {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  margin-top: 0.5rem;
  color: #FFFFFF;
  line-height: 1rem;
  text-align: center;
}

.ww_published_successfully .icon_close {
  position: absolute;
  width: .525rem;
  height: .525rem;
  top: 0.5rem;
  right: 0.5rem;
}

.back_to_homepage {
  display: inline-block;
  position: fixed;
  border: none;
  bottom: 0.5rem;
  width: 3rem;
  padding: 0;
  height: 3rem;
  right: 0.35rem;
  z-index: 10;
  background: url(../images/back_index.png) no-repeat center/3.075rem 3.075rem;
}

.pledge_list .item_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pledge_list .item_top .top_left strong {
  font-size: 1rem;
  font-family: Tensentype JiaLiCuHeiJ;
  font-weight: bold;
  color: #2E2E2E;
}

.pledge_list .item_top .top_right img {
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
}

.pledge_list .item_main p {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.05rem;
  margin-top: .25rem;
}

.pledge_list .item_main .stock_name {
  color: rgba(98, 143, 251, 1);
  text-decoration: underline;
}

.pledge_list .item_bot {
  margin-top: .5rem;
}

.pledge_list .item_bot span {

  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  margin-right: .5rem;
}

.pledge_list li {
  padding: 0.5rem 0.6rem;
  border-bottom: .4rem solid #EFEFEF;
}

.absolute_wuwei_popup {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */

  -webkit-transform: translate(-50%, -50%);
  z-index: 10002;
  width: 94%;
  background: #fff;
  border-radius: .25rem;
  padding-bottom: .725rem;
}

.absolute_wuwei_popup .popup_head {
  padding: 0.725rem 0.6rem;
}

.absolute_wuwei_popup .popup_head .head_title {
  font-size: 1rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  margin-top: 0.625rem;
}

.absolute_wuwei_popup .popup_head img {
  width: .55rem;
  height: .55rem;
  position: absolute;
  right: 0.6rem;
  top: 0.5rem;
}

.more_set_box_group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.more_set_box_group .group_wuwei_link {
  margin-right: .5rem;
}

.group_wuwei_link span {
  box-shadow: 0px -.15rem .45rem 0px rgba(255, 255, 255, 0.56);
  background: url(../images/bg_link_wuwei.png) no-repeat center -0.2rem/110% 125%;
  font-size: .575rem;
  font-family: Adobe Heiti Std;
  font-weight: normal;
  color: #FFD557;
  padding: 0.3rem 0.6rem;
}

.download_app_popup {
  position: absolute;
  width: 80%;
  left: 50%;
  top: 50%;
  z-index: 1002;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */

  -webkit-transform: translate(-50%, -50%);
  border-radius: .5rem;
  text-align: center;
  padding-bottom: 0.5rem;
  background: url(../images/bg_app_download_popup_00.png) no-repeat center -0.15rem/100% 13.05rem;
}

.download_app_popup .popup_head {
  text-align: right;
  padding: 0.3rem 0.5rem;
}

.download_app_popup .popup_head img {
  width: .65rem;
  height: .65rem;
}

.download_app_popup .popup_main .main_img_box img {
  max-width: 5.25rem;
  height: auto;
}

.download_app_popup .popup_main .main_text_box p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #DC8E1E;
  line-height: 1.3rem;
  text-align: center;
}

.download_app_popup .popup_main .main_text_box p~p {
  margin-top: 0;
}

.download_app_popup .popup_btn {
  padding: 0.625rem 0;
}

.download_app_popup .popup_btn button {
  background: linear-gradient(180deg, #F2AD36, #E89B2F);
  box-shadow: 0px .2rem .3rem 0px rgba(136, 87, 23, 0.31);
  padding: 0.35rem 2rem;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  border: none;
  border-radius: .975rem;
}

.find_bang_chat_box {
  position: fixed;
  bottom: 2.6rem;
  left: 0;
  width: 100%;
  z-index: 999;
  padding: 0 1rem;
  padding-bottom: 1rem;

  padding-top: 5rem;
  background: linear-gradient(180deg, rgba(3, 0, 0, 0) 0%, rgba(3, 0, 0, 0.7) 30%, rgba(3, 0, 0, 1) 100%);
}

.find_bang_chat_box .main_img {
  text-align: center;
  max-width: 100%;
  height: auto;
}

.find_bang_chat_box .main_img>img {
  max-width: 100%;
}

.find_bang_chat_box .icon_close {
  width: .775rem;
  height: .775rem;
  position: absolute;
  right: 1.4rem;
  top: 5.45rem;
}

.find_bang_chat_box .icon_after {
  width: 1.225rem;
  height: .775rem;
  position: absolute;
  bottom: .3rem;
  right: 25%;
}

.continue_chat_box {
  width: 98%;
  left: 1%;
  z-index: 1001;
  position: relative;
  background: url(../images/top_xiaobang_chat_box.png) no-repeat center/cover;
  padding-right: 4.5rem;
  height: 4.15rem;
  padding-left: 0.6rem;
}

.continue_chat_box .center_index {}

.continue_chat_box div p {
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #565656;
  line-height: 1.25rem;
  padding-top: 0.8rem;
}

.continue_chat_box div img {
  width: 1.95rem;
  height: 1.55rem;
  vertical-align: bottom;
  margin: 0 0.1rem;
}

.continue_chat_box .icon_close {
  width: .45rem;
  height: .45rem;
  position: absolute;
  right: 0.35rem;
  top: 0.85rem;
}

.view_more_text {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFDF6B;
}

.mine_center_oper .oper_bottom>div {
  position: relative;
}

.new_msg_tips_img {
  width: 1.65rem;
  height: .825rem;
  display: inline-block;
  background: url(../images/icon_msg_news.png) no-repeat center/cover;
  position: absolute;
}

.mine_center_oper .oper_bottom>div .new_msg_tips_img {

  right: 0;
  top: -0.3rem;
}

.current_report_item .item_content>div .new_msg_tips_img {
  right: -0.3rem;
  top: -0.3rem;
}

.coun_down_num {
  font-size: .65rem;
  font-family: Yuanti SC;
  font-weight: bold;
  color: #FFFFFF;
  position: absolute;
  -webkit-text-stroke: .05rem rgba(255, 161, 146, 1);
  text-stroke: .05rem rgba(255, 161, 146, 1);
  left: 50%;
  bottom: 0.5rem;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */

  -webkit-transform: translate(-50%, -50%);
  white-space: nowrap;
}

.get_silk_bag_popup {
  position: absolute;
  /*top: 20%;*/

  z-index: 10001;
  width: 100%;
}

.get_silk_bag_popup .popop_head {
  text-align: right;
  padding: 0.6rem;
}

.get_silk_bag_popup .popop_head img {
  width: .85rem;
  height: .85rem;
}

.get_silk_bag_popup .popup_text {
  margin-bottom: -2rem;
}

.get_silk_bag_popup .popup_text p {
  font-size: 2rem;
  font-family: Tensentype JiaLiCuHeiJ;
  font-weight: bold;
  color: #FAE200;
  text-align: center;
  line-height: 2rem;
}

.get_silk_bag_popup .popup_main_img img {
  max-width: 100%;
}

.get_silk_bag_popup .popup_bot_tips {
  padding: 0 0.6rem;
}

.get_silk_bag_popup .popup_bot_tips p {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 1.1rem;
  padding: 0 1rem;
  margin-top: -1.3rem;
}

.get_silk_bag_popup .popup_bot_tips button {
  height: 2.5rem;
  background: linear-gradient(180deg, #FBB53E, #FEE47E);
  border-radius: 1.25rem;
  font-size: .85rem;
  width: 100%;
  font-family: PingFang SC;
  font-weight: bold;
  font-size: .85rem;
  color: #2E2E2E;
}

.stock_affairs_box {
  padding: 0.6rem;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 10;
  width: 100%;
}

.stock_affairs_box>span {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #787878;
  white-space: nowrap;
  padding: 0.15rem 0.35rem;
  display: inline-block;
  background: #EFEFEF;
  border-radius: .2rem;
  margin: 0.3rem 0.3rem;
}

.jinnang_btn_box {
  position: absolute;
  z-index: 999;
  right: 0.6rem;
  bottom: 2.5rem;
  text-align: center;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #68440D;
}

.jinnang_btn_box .count_time {
  font-size: .6rem;
  font-family: Yuanti SC;
  font-weight: bold;
  color: gray;
  position: absolute;
  white-space: nowrap;
  text-align: center;
  /* -webkit-text-stroke: .025rem rgba(255, 161, 146, 1); */
  /* text-stroke: .025rem rgba(255, 161, 146, 1); */

  bottom: -0.35rem;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */

  -webkit-transform: translate(-50%, -50%);
  left: 50%;
  background: #fff;
  border-radius: .25rem;
  padding: 0.05rem 0.2rem;
}

.jinnang_btn_box div img {
  width: 4.075rem;
  height: 4.075rem;
  margin-bottom: 1.2rem;
}

.search_news_out_box {
  position: relative;
  z-index: 10001;
  background: #fff;
}

.popup_mask {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: none;
}

.popup_next_tips {
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  vertical-align: middle;
  text-align: center;
  margin-top: -0.5rem;
}

.popup_next_tips img {
  width: .61rem;
  height: .5rem;
  vertical-align: middle;
  margin-left: .25rem;
}

.popup_next_tips span {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  padding: 0.4rem 1rem;
  border-radius: .925rem;
  background: rgba(244, 244, 244, 0.7)
}

.pie_out_box {
  position: relative;
  padding: 0.8rem 0;
}

.pie_out_box .indicator_box {
  position: absolute;
  text-align: center;
}

.pie_out_box .indicator_box .box_top span {
  font-size: .675rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #2E2E2E;
  text-align: center;
  padding: 0.1rem 0.5rem;
  background: -webkit-linear-gradient(bottom, #b5c8ff, #d7e2ff);
  border-radius: .7rem;
}

.pie_out_box .indicator_box .box_bot {
  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
}

.pie_out_box .indicator_box.box_00 {
  left: 50%;
  top: 6%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */

  -webkit-transform: translate(-50%, -50%);
}

.pie_out_box .indicator_box.box_01 {
  left: 4%;
  top: 30%;
}

.pie_out_box .indicator_box.box_02 {
  left: 17%;
  bottom: 5%;
}

.pie_out_box .indicator_box.box_03 {
  right: 17%;
  bottom: 5%;
}

.pie_out_box .indicator_box.box_04 {
  right: 6%;
  top: 30%;
}

.stock_affairs_tab .icon_show_tips {
  background: url(../images/yellow_sanjiao_down.png)no-repeat center/cover;
  display: inline-block;
  width: .375rem;
  height: .25rem;
  vertical-align: 9%;
  margin-left: .25rem;
}

.stock_affairs_tab.get .icon_show_tips {
  background: url(../images/yellow_sanjiao_up.png)no-repeat center/cover;
}

.reply_who_content p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.2rem;
}

.who_main_content {
  background: #FAFAFA;
  padding: 0.5rem 0.6rem;
  margin-top: .25rem;
}

.who_main_content .link_sharing_item {
  background: #fff;
}

.msg_module_list>li {
  border-bottom: .4rem solid #EFEFEF !important;
}

.bg_gray_module {
  background: #F6F6F6;
}

.continue_chat_out_box {
  width: 100%;
  padding-top: 0.5rem;
  top: 2.25rem;
  left: 0;
  z-index: 1001;
  padding-bottom: 1rem;
  position: absolute;
  background: linear-gradient(180deg, rgba(3, 0, 0, 1) 0%, rgba(3, 0, 0, 0.85) 70%, rgba(3, 0, 0, 0.1));
}

.contribution_value_progress {
  padding: 0 0.6rem;
}

.contribution_value_progress>div {
  width: 100%;
  padding: 0.6rem;
  padding-bottom: 0.8rem;
  background: url(../images/bg_contribution_value.png) no-repeat center top/cover;
}

.contribution_value_progress .progress_title {
  text-align: center;
  font-size: .9rem;
  font-family: Yuanti SC;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-stroke: .035rem rgba(254, 113, 0, 1);
  text-stroke: .035rem rgba(254, 113, 0, 1);
  text-shadow: .025rem .025rem 0.25rem rgba(254, 113, 0, 1);
  /*rgb(246 52 0 / 70%)*/
}

.contribution_value_progress .progress_text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .25rem;
  padding: 0 0.6rem;
}

.contribution_value_progress .progress_text .text_left {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
}

.contribution_value_progress .progress_text .text_right {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
}

.contribution_value_progress .progress_main {
  height: 1.6rem;
  background: linear-gradient(180deg, #F9DCBC, #FCC6A0);
  border: 1px solid #FFB37C;
  box-shadow: 0px .05rem .075rem 0px rgba(0, 0, 0, 0.14);
  border-radius: .8rem;
  padding: .1rem;
  width: 100%;

  width: 94%;
  margin: 0 auto;
  margin-top: .25rem;
}

.contribution_value_progress .progress_main .bar_all {
  background: rgba(252, 186, 112, 1);
  height: 100%;
  box-shadow: 0px .15rem .1rem 0px rgba(143, 77, 26, 0.11), 0px -4px 1px 0px rgba(255, 255, 255, 0.29);
  border-radius: .65rem;
  position: relative;
}

.contribution_value_progress .progress_main .bar_all>span {
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  position: absolute;
  right: 0.25rem;
  top: 0.25rem;
}

.contribution_value_progress .progress_main .bar_all .bar_center {
  background: rgba(32, 14, 4, 0.2);
  width: 70%;
  box-shadow: 0px -.225rem .35rem 0px rgba(143, 77, 26, 0.11), 0px .175rem .325rem 0px rgba(255, 255, 255, 0.29);
  border-radius: .625rem;
  height: 100%;
  position: relative
}

.contribution_value_progress .progress_main .bar_all .bar_main {
  background: #FA6D26;
  height: 100%;
  width: 25%;
  box-shadow: 0px -.225rem .35rem 0px rgba(143, 77, 26, 0.11), 0px .175rem .325rem 0px rgba(255, 255, 255, 0.29);
  border-radius: .625rem;
  text-align: right;
  padding-right: 0.5rem;
  position: relative;
}

.contribution_value_progress .progress_main .bar_all .bar_center .center_text {
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  position: absolute;
  right: 0.25rem;
  top: 0.15rem;
  line-height: .5rem;
  padding-right: 0.3rem;
}

.contribution_value_progress .progress_main .bar_all .bar_main span {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.contribution_value_progress .progress_bot {
  font-size: .75rem;
  text-align: center;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #FE7100;
  margin-top: .25rem;
  padding-bottom: 0.5rem;
}

.new_mine_set_box {
  background: url(../images/bg_new_mine_set.png) repeat-y center top/contain;
}

.hbc_detail_item_box {
  width: 100%;
  padding: 0.5rem 0.6rem;
}

.hbc_detail_item_box .box_title {
  font-size: 1.55rem;
  font-family: TXWZhengHeiS-DB-GB;
  font-weight: 400;
  color: #FFFFFF;
  text-shadow: 0px .2rem .3rem #1E130F;
  text-align: center;
}

.hbc_detail_item_box .box_main {
  background: #FDEEC3;
  box-shadow: 0px .05rem .325rem 0px rgba(138, 99, 20, 0.42);
  border-radius: .5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.6rem;
  margin-top: .25rem;
}

.hbc_detail_item_box .box_main>div {
  flex: 1;
}

.hbc_detail_item_box .box_bot {
  text-align: center;
  margin-top: .25rem;
}

.hbc_detail_item_box .box_bot a {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: bold;
  text-decoration: underline;
  color: #FFFFFF;
  line-height: .525rem;
}

.hbc_detail_item_box .module_box .module_main {
  background: url(../images/bg_detail_module.png) no-repeat center/cover;
  height: 5.475rem;
  font-size: .65rem;
  font-family: Tensentype JiaLiCuHeiJ;
  font-weight: bold;
  color: #FFFDDC;
  text-shadow: 0px .05rem .1rem rgba(84, 54, 12, 0.3);
  margin-right: .25rem;
  text-align: center;
}

.hbc_detail_item_box .module_box .module_main .main_top {
  height: 3.5rem;
  padding: 0.6rem 0.4rem;
  line-height: 1.075rem;
}

.hbc_detail_item_box .module_box .module_main .main_bot {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
}

.hbc_detail_item_box .module_box .box_footer {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: bold;
  text-align: center;
  color: #E07233;
  margin-top: .25rem;
}

.my_mentality_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #FFF3E5;
  padding: 0.5rem 0.6rem;
}

.my_mentality_head .head_left a {
  background: #FFFFFF;
  border: .075rem solid #F2B237;
  border-radius: .7rem;
  padding: 0.1rem 0.35rem;
}

.my_mentality_head .head_left a img {
  width: 1.025rem;
  height: .95rem;
  vertical-align: middle;
}

.my_mentality_head .head_left a span {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  vertical-align: middle;
  margin-left: .125rem;
}

.my_mentality_head .head_right span {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #4D80FB;
}

.my_mentality_search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.6rem;
}

.my_mentality_search input[type='text'] {
  flex: 7;
  background: #F4F4F4;
  border: 1px solid #CDCDCD;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
  height: 2rem;
  border-radius: .25rem;
  margin-right: .5rem;
  padding-left: 2rem;
  background: url(../images/img_fangdajin.png) no-repeat 0.6rem center/.9rem .9rem;
}

.my_mentality_search button {
  flex: 3;
  background: #F2B237;
  border-radius: 1rem;
  height: 2rem;
  border: none;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.chat_style_item {
  padding: 0.5rem 0.6rem;
}

.chat_style_item>div {
  text-align: center;
  background: url(../images/bg_chat_style_item.png) no-repeat center/cover !important;
  padding: 0.5rem 0;
  border-radius: .5rem;
}

.chat_style_item .item_top {
  font-size: 1rem;
  font-family: SourceHanSans;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.475rem;
}

.chat_style_item .item_bot {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 1.475rem;
}

.today_mentality_popup {
  position: absolute;
  bottom: 2.25rem;
  width: 100%;
  z-index: 1001;
  background: #FFDA92;
  box-shadow: 0px -.075rem .225rem 1px rgba(242, 178, 55, 0.3);
  border-radius: .75rem .75rem 0px 0px;
  padding: 1rem 0;
  padding-top: 0.5rem;
}

.today_mentality_popup .popup_head {
  text-align: right;
  padding: 0 0.6rem;
}

.today_mentality_popup .popup_head img {
  width: .6rem;
  height: .6rem;
}

.today_mentality_popup .popup_title {
  text-align: center;
  font-size: 1.05rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.today_mentality_popup .popup_content {
  display: flex;
  padding: 0.5rem 1rem;
  justify-content: space-between;
  align-items: center;
}

.today_mentality_popup .popup_content>div {
  width: 46%;
  text-align: center;
}

.today_mentality_popup .popup_content .main_item {
  background: url(../images/bg_mentality_main_item.png) no-repeat center/cover;
  padding: 0.5rem 0;
  border-radius: .5rem;
}

.today_mentality_popup .popup_content .main_item.active {
  border: .25rem solid #4D80FB;
}

.today_mentality_popup .popup_content .main_item .item_top img {
  width: 2.2rem;
  height: 2.075rem;
}

.today_mentality_popup .popup_content .main_item .item_center {
  font-size: .875rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.475rem;
  margin-top: .25rem;
}

.today_mentality_popup .popup_content .main_item .item_bot {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: 1.475rem;
}

.financial_quotient_tabs>div {
  background: #FAFAFA;
}

.financial_quotient_tabs .button.active {
  color: #FFB85B;
}

.financial_pair_mask {
  font-size: .6rem;
  padding: 0.25rem 0.6rem;

  font-family: PingFang SC;
  font-weight: 800;
  background: #fff;
  color: #F8BE00;
  border-radius: .8rem;
  border: 1px solid #F8BE00;
}

.quotient_user_mask {
  border: 1px solid #CCCCCC;
  border-radius: .4rem;
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  padding: 0.0rem 0.2rem;
  margin-right: .25rem;
  margin-top: .25rem;
}

.financial_pair_btn {
  white-space: nowrap;
}

.financial_pair_btn .pair_span {
  font-size: .6rem;
  padding: 0.25rem 0.4rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #fff;
  background: #F8BE00;
  border-radius: .8rem;
  white-space: nowrap;
  margin-left: -0.5rem;
}

.financial_pair_btn .pair_explain {
  background: #FAFAFA;
  border: 1px solid #CFCFCF;
  border-radius: .575rem;
  padding: 0.25rem 0.5rem 0.25rem 0.3rem;
  font-size: .6rem;
}

.financial_comment_click>div {
  width: 3rem !important;
}

.icon_location_img {
  width: .4rem;
  height: .5rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.icon_lock_img {
  width: .475rem;
  height: .6rem;
  vertical-align: text-top;
  margin-right: .125rem;
}

.msg_tips_box {
  text-align: center;
  margin-left: .5rem;
}

.msg_tips_box .box_top {
  position: relative;
  text-align: center;
  line-height: 1;
}

.msg_tips_box .box_top img {
  width: 1rem;
  height: .8rem;
}

.msg_tips_box .box_bot {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #454545;
}

.msg_tips_box .box_top span {
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  padding: 0.1rem;
  background: #CC3131;
  border-radius: 50%;
  position: absolute;
  right: -0.1rem;
  top: -0.1rem;
  display: inline-block;
  width: .6rem;
  height: .6rem;
  line-height: .5rem;
}

.financial_quotient_pair_page {
  padding-bottom: 1rem;
}

.financial_quotient_pair_page .page_head {
  background: #fff;
  padding: 0.5rem 0.6rem;
}

.bg_efe {
  background: #EFEFEF;
}

.financial_quotient_detail_list {
  background: #fff;
}

.financial_quotient_detail_list li {
  border-bottom: .4rem solid #EFEFEF;
}

.financial_user_head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.financial_user_head .head_left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.financial_user_head .head_left .head_img {
  position: relative;
}

.icon_gender {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: .5rem;
  position: absolute;
  right: 0rem;
  bottom: 0rem;
}

.icon_male {
  background: #EFEFEF url(../images/hl-man-icon.png) no-repeat center/.575rem;
}

.icon_female {
  background: #EFEFEF url(../images/hl-women-icon.png) no-repeat center/.575rem;
}

.financial_user_head .head_left .head_img img {
  width: 2.7rem;
  height: 2.7rem;
  border: .05rem solid #F47B3E;
  border-radius: 50%;
  vertical-align: middle;
}

.financial_user_head .head_left .user_name {
  font-size: 1rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #423C37;
}

.financial_user_head .head_left .head_name_mask {
  margin-left: .25rem;
}

.financial_user_head .head_left .user_mask {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.financial_user_head .head_right a {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
}

.pari_btns_group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .725rem;
  line-height: 1;
}

.pari_btns_group button {
  height: 2.075rem;
  flex: 1;
  border-radius: .25rem;
}

.pari_btns_group>div {
  height: 2.075rem;
  flex: 1;
  border-radius: .25rem;
  line-height: 2.075rem;
  text-align: center;
}

.pari_btns_group button.btn_left {
  background: #FFFCF8;
  border: 1px solid #FFB55E;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFBF54;
  margin-right: .25rem;
}

.pari_btns_group div.btn_left {
  background: #FFFCF8;
  border: 1px solid #FFB55E;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFBF54;
  margin-right: .25rem;
  position: relative;
}

.pari_btns_group button.btn_left.btn_no_pair {
  background: #EFEFEF;
  border: 1px solid #CCCCCC;
  color: #565656;
}

.pari_btns_group button.btn_right {
  background: #FFBF54;
  border-radius: .25rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  border: none;
  height: 2.125rem;
  margin-left: .25rem;
  color: #2E2E2E;
  position: relative;
}

.pari_btns_group>div.btn_right {
  background: #FFBF54;
  border-radius: .25rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  border: none;
  height: 2.125rem;
  margin-left: .25rem;
  color: #2E2E2E;
  position: relative;
}

.pari_btns_group>div.btn_right span {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #565656;
  padding: 0.1rem 0.2rem;
  background: #E7E7E7;
  border-radius: .15rem;
  position: absolute;
  white-space: nowrap;
  top: -1.25rem;
  left: 1rem;
  line-height: 1;
}

.pari_btns_group button.btn_right span {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #565656;
  padding: 0.1rem 0.2rem;
  background: #E7E7E7;
  border-radius: .15rem;
  position: absolute;
  white-space: nowrap;
  top: -1.25rem;
  left: 1rem;
}

.icon_set_img {
  width: .55rem;
  height: .55rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.financial_quotient_pair_page .page_main {
  padding: 0.5rem 0.6rem;
}

.financial_quotient_pair_page .page_main .detail_module {
  background: #fff;
  padding: 0.5rem 0.6rem;
  background: #FFFFFF;
  box-shadow: 0px .125rem .25rem 0px rgba(0, 0, 0, 0.11);
  border-radius: .5rem;
  margin-bottom: .5rem;
}

.financial_quotient_pair_page .page_main .detail_module .module_main {
  margin-top: 1rem;
}

.intimacy_degree img {
  width: 1.15rem;
  height: 1rem;
  vertical-align: middle;
}

.intimacy_degree span {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #DC4F4F;
  vertical-align: middle;
  margin-left: .125rem;
}

.wuwei_degree span {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  vertical-align: middle;
  margin-left: .125rem;
}

.wuwei_degree img {
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
}

.main_detail_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main_detail_title .title_left span {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  padding-bottom: 0.2rem;
  position: relative;
}

.main_detail_title .title_left span:after {
  content: "";
  display: inline-block;
  background: linear-gradient(180deg, #FFAD65, #FFC351);
  border-radius: .075rem;
  height: .15rem;
  width: 60%;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */

  -webkit-transform: translate(-50%, -50%);
}

.main_detail_title .title_right span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.main_detail_content {
  padding: 0.6rem;
  background: #FFFAF2;
  border-radius: .25rem;
  margin-top: .5rem;
}

.main_detail_content .content_line {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.2rem;
}

.module_bot_btn button {
  height: 2.075rem;
  background: #FFBF54;
  border-radius: 1.05rem;
  width: 100%;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  border: none;
}

.intimacy_wuwei_box {
  padding: 0.625rem 1rem;
}

.filled_in_tips .tips_top p {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: .8rem;
  text-align: center;
  padding: 1rem 0;
}

.filled_in_tips .tips_bot {
  margin-top: .5rem;
}

.filled_in_tips .tips_bot {
  text-align: center;
}

.filled_in_tips .tips_bot button {
  font-size: .65rem;
  font-family: PingFang SC;
  background: #FFFAF2;
  border: 1px solid #CCCCCC;
  border-radius: .775rem;
  font-weight: 500;
  color: #2E2E2E;
  padding: 0.2rem 0.6rem;
}

.icon_lock_data_tips img {
  width: .575rem;
  height: .475rem;
  vertical-align: middle;
  margin-right: .1rem;
}

.icon_lock_data_tips {
  background: #FAFAFA;
  border: 1px solid #CFCFCF;
  border-radius: .15rem;
  padding: 0.025rem 0.25rem;
  border-radius: .15rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
  line-height: 1;
}

.little_module_user_line img {

  width: .7rem;
  height: .7rem;
  border-radius: 50%;
  vertical-align: middle;
}

.little_module_user_line span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: 1.05rem;
  vertical-align: middle;
}

.personal_five_dimensions_list>li {
  padding: 0.5rem 0.6rem;
}

.personal_five_dimensions_list>li:not(:last-child) {
  border-bottom: .4rem solid #EFEFEF;
}

.personal_five_dimensions_module .module_title {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 1.75rem;
}

.personal_five_dimensions_module .module_img_box {
  margin-top: .5rem;
}

.personal_five_dimensions_module .module_img_box>img {
  max-width: 100%;
  height: auto;
}

.personal_five_dimensions_module .module_tips p {
  font-size: .9rem;
  text-align: center;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFBB58;
  line-height: 1.775rem;
  margin-top: .5rem;
}

.financial_user_head .head_left .user_mask img {
  width: 1rem;
  height: 1rem;
  margin-right: .125rem;
}

.five_dimensions_show_box {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.pie_wuwei_state {
  text-align: center;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: 1.05rem;
}

.pari_nums_text {
  font-size: .55rem;
  color: rgba(152, 113, 47, 1);
}

.pari_num_none_tips {
  text-align: center;
  padding-top: .5rem;
}

.pari_num_none_tips .tips_text {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
}

.pari_num_none_tips .tips_link a {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  text-decoration: underline;
  color: #628FFB;
}

.wuwei_pair_popup {
  position: absolute;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */

  -webkit-transform: translate(-50%, -50%);
  z-index: 10001;
  background: #FFFFFF;
  text-align: center;
  border-radius: .5rem;
}

.wuwei_pair_popup .popup_main {
  min-height: 5rem;
  display: flex;
  padding: 0.5rem 0;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.wuwei_pair_popup .popup_main div p {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
  text-align: center;
  line-height: 1.05rem;
}

.wuwei_pair_popup .popup_main div strong {
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.2rem;
}

.wuwei_pair_popup .popup_main div p~p {
  margin-top: 0;
}

.wuwei_pair_popup .popup_bot {
  padding: 0.625rem 0;
  border-top: 1px solid #efefef;
}

.wuwei_pair_popup .popup_bot button {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #628FFb;
  border: none;
  background: #fff;
}

.matching_personnel_popup {
  position: absolute;
  z-index: 1001;
  background: #fff;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.725rem 0.6rem 0.5rem 0.6rem;
  border-radius: .5rem .5rem 0 0;
}

.matching_personnel_popup .popup_head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.matching_personnel_popup .popup_head .head_left {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #000000;
}

.matching_personnel_popup .popup_head .head_right {
  margin-top: -0.15rem;
}

.matching_personnel_popup .popup_head .head_right img {
  width: .575rem;
  height: .575rem;
}

.matching_personnel_popup .popup_main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .5rem;
}

.matching_personnel_popup .popup_main>div {
  flex: 1;
  text-align: center;
}

.l_per_match_module .mo_head img {
  width: 3.55rem;
  height: 3.55rem;
  border-radius: 1.775rem;
}

.l_per_match_module .mo_name .per_name {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  margin-right: .125rem;
}

.l_per_match_module .mo_tips span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #C76901;
  padding: 0.025rem 0.5rem;
  background: linear-gradient(270deg, #FDE9A7, #EBC35F);
  border-radius: .575rem;
}

.matching_personnel_popup .popup_btn {
  margin-top: .725rem;
}

.matching_personnel_popup .popup_btn button {
  width: 100%;
  height: 2rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #F8BE00;
  border: 1px solid #F8BE00;
  border-radius: 1rem;
  background: none;
}

.red_spot {
  display: inline-block;
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 50%;
  position: absolute;
  right: 0.2rem;
  top: -0.1rem;
  background: #CC3131;
}

.fixed_bot_yellow_btn {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  position: fixed;
  bottom: 2rem;
  right: 0.6rem;
  background: #FFBF54;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  border: none;
  color: #2E2E2E;
  line-height: 1.1;
  z-index: 10;
}

.financial_quotient_pair_tips_page {
  position: relative;
}

.financial_quotient_pair_tips_page .tips_top_line {
  padding: 0.6rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.financial_quotient_pair_tips_page .tips_top_line>div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  border-radius: .25rem;
  padding: 0.5rem 0.6rem;
}

.financial_quotient_pair_tips_page .tips_top_line>div .line_left {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  opacity: 0.8;
}

.financial_quotient_pair_tips_page .tips_top_line>div .line_right a {
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  padding: 0.3rem 0.35rem;
  background: #FFBF54;
  border-radius: .65rem;
}

.financial_quotient_pair_tips_page>img {
  width: 100%;
  height: auto;
}

.zh_mf_head {
  padding: 0.5rem 0.6rem;
  display: flex;
  justify-content: space-between;
  -webkit-box-shadow: 0 .025rem .075rem 0 rgb(23 81 153 / 5%);
  box-shadow: 0 .025rem .075rem 0 rgb(23 81 153 / 5%);
  border-bottom: 1px solid rgba(18, 18, 18, .06);
}

.zh_mf_head .head_left {
  font-size: 1.2rem;
  color: rgb(0, 102, 255);
}

.zh_mf_head .head_right {
  font-size: .75rem;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: .75rem;
  color: #06f;
  align-items: center;
}

.zh_mf_head .head_right a {
  color: inherit;
  white-space: nowrap;
}

.zh_mf_head .head_right .part_left_link {
  border-right: 1px solid #ebebeb;
  padding-right: 1rem;
}

.zh_mf_head .part_right_link {
  padding-left: 1rem;
}

.zh_mf_main {
  padding: 1rem 0.6rem;
}

.zh_mf_main .main_title h1 {
  font-weight: 500;
  color: #121212;
  font-size: 1rem;
  margin-bottom: 1rem;
}

.zh_mf_main p {
  word-break: break-word;
  line-height: 1.5;
  font-size: .8rem;
  margin: 0.725rem 0;
}

.zh_mf_main table {
  border-collapse: collapse;
  font-size: 15px;
  margin: 0.25rem auto;
  max-width: 100%;
  table-layout: fixed;
  text-align: left;
  width: 100%;
  display: table;
  border-collapse: separate;
  box-sizing: border-box;
  text-indent: initial;
  border-spacing: .05rem;
  border-color: grey;
}

.zh_mf_main table th {
  background: rgb(235, 235, 235);
  color: rgb(18, 18, 18);
  font-weight: 500;
  border: 1px solid rgb(211, 211, 211);
  line-height: 1rem;
  height: 1rem;
  padding: 0.5rem 0.65rem;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  word-break: break-word;
  line-height: 1.5;
  font-size: .8rem;
}

.zh_mf_main table td {
  border: 1px solid rgb(211, 211, 211);
  line-height: 1rem;
  height: 1rem;
  padding: 0.5rem 0.65rem;
  display: table-cell;
  vertical-align: inherit;
  word-break: break-word;
  line-height: 1.5;
  display: table-cell;
  vertical-align: middle;
  font-size: .75rem;
}

.who_match_pair_popup {
  position: absolute;
  width: 95%;
  left: 0;
  bottom: 0;
  z-index: 10001;
  background: #fff;
  width: 100%;
  border-radius: .5rem .5rem 0 0;
}

.who_match_pair_popup .popup_title {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.6rem;
}

.who_match_pair_popup .popup_title .ti_left {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: 1.05rem;
}

.who_match_pair_popup .popup_title .ti_right img {
  width: .7rem;
  height: .7rem;
}

.who_match_pair_popup .match_select_item .item_main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.match_select_item .item_main .main_left label {
  position: relative;
}

.who_match_pair_popup .popup_main {
  padding: 0 0.6rem;
}

.who_match_pair_popup .popup_main .match_select_item {
  padding: 0.325rem 0;
  border-bottom: 1px solid #EFEFEF;
}

.match_select_item .item_main .main_left label input[type='radio'] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0.2rem;
}

.match_select_item .item_main .main_left label input~i {
  width: 1rem;
  height: 1rem;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.match_select_item .item_main .main_left label input:checked~i {
  background: url(../images/icon_yellow_gou.png) no-repeat center/cover;
  border: none;
}

.match_select_item .item_main .main_left label .match_name {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  vertical-align: middle;
  margin-left: .125rem;
}

.who_match_pair_popup .match_select_item .item_main .main_left label .match_name_state {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  vertical-align: middle;
  margin-left: .125rem;
  color: #2E2E2E;
}

.who_match_pair_popup .match_select_item .item_text p {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  margin-top: .25rem;
  line-height: 1rem;
}

.who_match_pair_popup .match_select_item .item_main .main_right select {
  background: #FFFFFF;
  border: 1px solid #999999;
  border-radius: .15rem;
  padding: 0.05rem 0.4rem;
  text-align: center;
}

.who_match_pair_popup .popup_bot_tips p {
  padding: 0.25rem 0.6rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
  line-height: .9rem;
  background: #EFEFEF;
}

.view_ta_index a {
  font-size: .7rem;
  color: #8e8e8e;
  white-space: nowrap;
}

















/*持股帮8.5.0*/
.my_order_link {
  text-align: center;
  font-size: .575rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #2E2E2E;
  white-space: nowrap;
  line-height: 1;
  margin-left: .5rem;
}

.my_order_link img {
  width: .825rem;
  height: 1.025rem;
}

.item_title_font_y strong {
  vertical-align: middle;
}

.item_title_font_y:before {
  content: "";
  display: inline-block;
  background: #F2B237;
  border-radius: .075rem;
  vertical-align: -8%;
  margin-right: .25rem;
}

.item_title_font_y.f40:before {
  width: .25rem;
  height: .95rem;
}

.commodity_little_module .module_main {
  margin-top: .5rem;
}

.commodity_little_module .module_main .main_top {
  position: relative;
  /* max-height: 6rem; */
  overflow: hidden;
  box-shadow: 0 0 5px #ccc;
border-radius: .25rem;
margin-bottom: .25rem;
}
.commodity_group_module .commodity_little_module .module_main .main_top {
  /* max-height: 4rem; */
}
.commodity_little_module .module_main .main_top img {
  max-width: 100%;
  font-size: 0;
  vertical-align: top;
}

.commodity_little_module .com_title {
  background: linear-gradient(180deg, #FFC149, #F1AF31);
  border-radius: .125rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  padding: 0.05rem 0.15rem;
}

.commodity_little_module .com_way {
  font-size: .875rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.commodity_little_module .com_price {
  font-size: .875rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #F2B237;
}

.commodity_little_module .com_deduction {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
}

.commodity_group_module {
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
  flex-wrap: wrap;
}

.commodity_group_module>div {
  width: 48%;
}

.sold_out_tips {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0px 0px .125rem .125rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  padding: 0.25rem 0;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.commodity_sale_box {
  padding: 0 0.6rem;
}

.commodity_head_search .search_box input {
  width: 100%;
  height: 2rem;
  border-radius: .25rem;
  border: none;
  padding: 0 0.6rem 0 1.6rem;
  background: #FFFFFF url(../images/img_fangdajin.png) no-repeat 0.6rem center/.65rem .65rem;
}

.my_order_item .order_main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: .5rem;
}

.my_order_item .order_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.my_order_item .order_main .main_l {
  width: 48%;
}

.my_order_item .order_main .main_r {
    width: 46%;
    text-align: right;
    overflow: hidden;
}

.my_order_item .order_main .main_l .l_topic {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.2rem;
}

.my_order_item .order_main .main_l .l_title p {
  font-size: .875rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: .875rem;
}

.my_order_item .order_main .main_l .l_way {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
  line-height: 1rem;
  margin-top: .5rem;
}

.my_order_item .order_main .main_l .l_bb {
  font-size: .875rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #F2B237;
  line-height: 1.2rem;
}

.my_order_item .order_main .main_r img {
    width: 4rem;
}

.my_order_item .order_detail {
    position: relative;
    margin-top: .25rem;
    font-size: .75rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: #8E8E8E;
    line-height: 1rem;
}

.my_order_list li {
  background: #fff;
  margin-bottom: .375rem;
  padding: 0.5rem 0.6rem;
}

.my_order_search_head {
  padding: 0.5rem 0.6rem;
}

.my_order_search_head .commodity_head_search {
  margin-top: .5rem;
}

.retail_investors_pay_link {
  position: absolute;
  bottom: 1rem;
  left: 4%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0rem;
  padding-top: 0.3rem;
  background: #fff;
  box-shadow: 0px .1rem .275rem 1px rgba(0, 0, 0, 0.08);
  border-radius: .4rem;
  width: 92%;
}

.retail_investors_pay_link>a {
  flex: 1;
}

.survey_plat_swiper {
  padding: 0 !important;
}

.survey_plat_swiper img {
  border-radius: 0 !important;
}

.icon_l_gender {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: .5rem;
  position: absolute;
  left: 1rem;
  bottom: 0rem;
}

.survey_img_box img {
  width: 100%;
  height: auto;
}

.content_mask {
  width: 100%;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10001;
  display: none;
  overflow-y: auto;
}

.get_into_btn .count_time {
  color: #fff;
  font-size: .8rem;
  font-weight: bold;
}

.cs_match_tips_img {
  width: 8.975rem;
  height: 1.65rem;
  left: -0.25rem;
  position: absolute;
  bottom: -2rem;
}

.no_match_msg_tips_box {
  text-align: center;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
  padding-top: 5rem;
}

.no_match_msg_tips_box img {
  width: 6.9rem;
  height: 7.15rem;
}

.no_match_msg_tips_box .box_text {
  margin-top: -1rem;
}

.confirm_order_head {
  padding: 0.5rem 0.6rem;
  background: #fff;
}

.confirm_order_head .head_img_box img {
  width: 100%;
  height: auto;
}

.confirm_order_head .head_title {
  font-size: .875rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.2rem;
  text-align: center;
}

.confirm_order_head .head_tips p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1rem;
  margin-top: .75rem;
}

.pay_ways_items_box .pay_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.725rem 0.6rem;
}

.pay_ways_items_box .pay_item .item_l {
  font-size: .875rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.pay_ways_items_box .pay_item .l_weixin img {
  width: 1.25rem;
  height: 1.125rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.confirm_order_pay_ways {
  background: #fff;
  margin-top: .4rem;
}

.pay_ways_items_title {
  padding: 0.5rem 0.6rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.pay_ways_items_box .pay_item .item_r {
  position: relative;
}

.pay_ways_items_box .pay_item .item_r input {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0.2rem;
}

.pay_ways_items_box .pay_item .item_r input~i {
  width: 1rem;
  height: 1rem;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.pay_ways_items_box .pay_item .item_r input:checked~i {
  background: url(../images/icon_yellow_gou.png) no-repeat center/cover;
  border: none;
}

.order_detail_line_list {
  padding: 0 0.6rem;
  background: #fff;
}

.order_detail_line_list>li:not(:last-child) {
  border-bottom: 1px solid #EFEFEF;
}

.order_detail_line_list .line_item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.5rem 0rem;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.checkbox_icon_style {
  position: relative;
}

.checkbox_icon_style input {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.checkbox_icon_style input~i {
  width: 1rem;
  height: 1rem;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.checkbox_icon_style input:checked~i {
  background: url(../images/icon_yellow_gou.png) no-repeat center/cover;
  border: none;
}

.warning_tips_popup {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */

  -webkit-transform: translate(-50%, -50%);
  border-radius: .25rem;
  width: 60%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.725rem 0;
}

.warning_tips_popup .popup_head img {
  width: 2.725rem;
  height: 2.725rem;
}

.warning_tips_popup .popup_head {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFCC69;
  line-height: 1.2rem;
}

.warning_tips_popup .popup_bot {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  margin-top: .5rem;
  color: #FFFEFE;
  line-height: 1.2rem;
}

.confirm_success_popup {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url(../images/bg_match_success_img.png) no-repeat center/cover;
  text-align: center;
  padding: 0.725rem 0;
}

.confirm_success_popup .popup_head img {
  width: 3.35rem;
  height: 3.35rem;
}

.confirm_success_popup .popup_middle {
  font-size: 1rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFE;
  line-height: 1.2rem;
}

.confirm_success_popup .popup_bot {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFEFE;
  line-height: 1.2rem;
  margin-top: .5rem;
}

.custom_bangbao_popup {
  background: #fff;
  bottom: 0;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10001;
  border-radius: .5rem .5rem 0px 0px;
  text-align: center;
}

.custom_bangbao_popup .popup_head {
  text-align: right;
  padding: 0.5rem 0.6rem;
}

.custom_bangbao_popup .popup_head img {
  width: .6rem;
  height: .6rem;
}

.custom_bangbao_popup .popup_title {
  font-size: 1.25rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.2rem;
}

.custom_bangbao_popup .popup_search {
  padding: 0.5rem 0.6rem;
}

.custom_bangbao_popup .popup_search input {
  background: #F5F5F5;
  border: 1px solid #8E8E8E;
  border-radius: .25rem;
  text-align: center;
  height: 2.5rem;
  width: 100%;
}

.custom_bangbao_popup .popup_btn {
  padding: 0.5rem 3.5rem;
}

.custom_bangbao_popup .popup_btn button {
  background: #F2B237;
  border-radius: .25rem;
  border: none;
  width: 100%;
  padding: 0.725rem 0;
}

.xunzhang_state_span {
  text-align: center;
  margin-top: -0.5rem;
}

.xunzhang_state_span span {
  padding: 0.05rem 0.2rem;
  background: #C7C7C7;
  border-radius: .075rem;
  font-size: .575rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.xunzhang_state_span span.active {
  background: #FFBF54;
}

.stock_friend_tips {
  background: rgba(0, 0, 0, 1);
  border-radius: .25rem;
  position: absolute;
  bottom: 5.5rem;
  z-index: 10001;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.1rem 0.3rem;
  left: 0.6rem;
}

.stock_friend_tips:after {
  content: "";
  display: inline-block;
  position: absolute;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid rgba(0, 0, 0, 1);
  bottom: -0.45rem;
  left: 0.5rem;
}

.stock_friend_tips .tips_l {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FEFEFE;
}

.stock_friend_tips .tips_r img {
  width: .4rem;
  vertical-align: inherit;
  margin-left: 0.6rem;
  height: .4rem;
}

.bang_app_download_popup {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
  background: url(../images/bg_popup_download_app.png) no-repeat center top/cover;
  padding: 0.6rem;
  padding-top: 1.4rem;
}

.bang_app_download_popup .popup_head {
  font-size: .75rem;
  font-family: PingFang SC font-weight: 500;
  color: #000000;
  padding: 0.6rem 0 0 3.2rem;
}

.bang_app_download_popup .popup_bot {
  margin-top: .5rem;
}

.bang_app_download_popup .popup_bot a {
  background: #FFFFFF;
  opacity: 0.9;
  border-radius: 1.075rem;
  line-height: 2.15rem;
  text-align: center;
  width: 100%;
  display: inline-block;
  height: 2.15rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #F3A000;
}

.order_ac_detail {
  background: #EFEFEF;
  border-radius: 1px;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
  padding: 0.5rem 0.6rem;
  line-height: 1rem;
}

.order_ac_detail .ac_state {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FF3F1F;
  margin-top: .25rem;
}

.order_ac_detail .state_explain {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  padding: 0.05rem 0.2rem;
  background: #C3C3C3;
  border-radius: .125rem;
  margin-left: .5rem;
}

.force_value_tab_box>a {
  width: inherit !important;
}

.quotient_type_mask {
  background: linear-gradient(176deg, #AAF4FB, #72AAEB);
  border-radius: .625rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: .05rem .05rem 0px #97B4D7;
  padding: 0.2rem 0.5rem;
}

.btn_tz_give_friends {
  background: linear-gradient(90deg, #FF9E66, #FF6667);
  box-shadow: .025rem .05rem .4rem 0px rgba(137, 12, 11, 0.31);
  border-radius: .7rem;
  line-height: 1;
  font-size: .55rem;
}

.tz_give_open {
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FF8366;
  margin-top: .25rem;
}

.quotient_work_list {
  padding: 0 0.6rem;
  background: #fff;
  padding-top: .5rem;
}

.quotient_work_list .work_item_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.5rem 0;
  border-bottom: 1px solid #E8E8E8;
}

.quotient_work_list .work_item_box .item_l {
  margin-right: .5rem;
  position: relative;
  font-size: 0;
}

.quotient_work_list .work_item_box .item_l .img_explain_text {
  position: absolute;
  bottom: 0;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  line-height: 1.15;
  padding: 0.05rem 0.2rem;
}

.quotient_work_list .work_item_box .item_l img {
  width: 4.5rem;
  height: 3.5rem;
}

.quotient_work_list .work_item_box .item_r {
  width: 100%;
}

.quotient_work_list .work_item_box .item_r .r_top p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.quotient_work_list .work_item_box .item_r .r_bot {
  display: flex;
  justify-content: space-between;
  margin-top: .25rem;
  align-items: center;
}

.quotient_work_list .work_item_box .item_r .r_bot .bot_l {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  margin-right: .25rem;
}

.quotient_work_list .work_item_box .item_r .r_bot .bot_r {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #628FFB;
}

.quotient_work_list .work_item_box .item_r .r_bot .bot_r span {
  white-space: nowrap;
}

.quotient_work_list .work_item_box .item_r .r_bot .bot_r span.active {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
}

.work_mask_y {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FDB201;
  padding: 0.05rem 0.1rem;
  background: #FFF9E4;
  border-radius: .075rem;
  margin-left: .25rem;
  white-space: nowrap;
}

.quotient_promote_list {
  background: #fff;
  padding: 0.5rem 0.6rem;
}

.quotient_promote_list .promote_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid #EFEFEF;
}

.quotient_promote_list .promote_item .item_l {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.quotient_promote_list .promote_item .item_l .l_img_box {
  position: relative;
}

.quotient_promote_list .promote_item .item_l .l_img_box img {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
}

.quotient_promote_list .promote_item .l_name_mask {
  margin-left: .5rem;
}

.quotient_promote_list .promote_item .icon_gender {
  width: .625rem;
  height: .625rem;
  background-size: .4rem .4rem;
  bottom: 0.4rem;
}

.quotient_promote_list .promote_item .item_l .promote_name {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.quotient_promote_list .promote_item .item_r span {
  white-space: nowrap;
}

.quotient_promote_list .promote_item .study_days {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #628FFB;
  padding: 0 0.25rem;
  background: #E1EAFF;
  border-radius: .4rem;
  margin-right: .25rem;
  white-space: nowrap;
}

.quotient_promote_list .promote_item .wuwei_ds_mask {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FF9E0C;
  background: #FFE2BA;
  border-radius: .4rem;
  margin-right: .25rem;
  white-space: nowrap;
}

.quotient_promote_list .promote_item .wuwei_value {
  font-size: 1.2rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #F4B43C;

  background: linear-gradient(180deg, #FFB72E 0%, #FF971E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.quotient_promote_fixed_line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.quotient_promote_fixed_line .quotient_promote_list {
  padding: 0;
}

.quotient_promote_fixed_line .quotient_promote_list li {
  padding: 0.5rem .6rem;
}

.bang_app_download_center_popup {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */

  -webkit-transform: translate(-50%, -50%);
  width: 70%;
  background: url(../images/bg_bang_samll_popup.png) no-repeat center top/cover;
  padding: 0.5rem 0.6rem;
}

.bang_app_download_center_popup .popup_head img {
  width: .55rem;
  height: .55rem;
}

.bang_app_download_center_popup .popup_head {
  text-align: right;
}

.bang_app_download_center_popup .popup_text {
  margin-top: 5rem;
  text-align: center;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #000000;
}

.bang_app_download_center_popup .popup_bot {
  margin-top: .5rem;
  padding-bottom: .5rem;
}

.bang_app_download_center_popup .popup_bot button {
  width: 100%;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 800;
  height: 2.75rem;
  background: #FFFFFF;
  border-radius: .5rem;
  color: #F3A000;
  border: none;
}

.go_app_view_more_box {
  padding: 0 0.6rem;
}

.go_app_view_more {
  height: 8.5rem;
  background: url(../images/bg_zg_b_go_app.png) no-repeat center/cover;
  text-align: center;
  border-radius: .25rem;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #5F5F5F;
  line-height: 1.05rem;
  padding-top: 4rem;
}

.vip_mask_img {
  width: 1.075rem;
  height: .825rem;
  vertical-align: middle;
  margin-left: .125rem;
}

.go_get_contribut {
  margin-top: .5rem;
}

.go_get_contribut button {
  height: 1.7rem;
  background: #FFFFFF;
  width: 100%;
  border: 1px solid #FF9F1B;
  border-radius: .85rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FF9F1B;
  background: #fff;
}

.commodity_information_line {
  background: linear-gradient(90deg, #FF8A0D, #FF7612);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  padding: 0.35rem 0.6rem;
}

.commodity_information_line .line_l .l_top {
  font-size: .75rem;
  font-weight: 500;
}

.commodity_information_line .line_l .l_bot {
  font-size: 1.25rem;

  font-weight: bold;
}

.commodity_information_line .line_r {
  font-size: .75rem;
  font-weight: 400;
}

.deduction_num {
  background: #FFEBD2;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FE6300;
  padding: 0.1rem 0.6rem;
}

.commodity_information_main {
  padding: 0.5rem 0.6rem;
}

.commodity_information_main .main_title {
  font-size: 1rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 48px;
}

.commodity_information_main .main_text p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1rem;
}
.commodity_information_main .main_text img{max-width: 100%;}
.commodity_information_main .main_bot p {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FE6300;
  line-height: 1rem;
  margin-top: .75rem;
}

.fixed_bot_commodity_information {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.fixed_bot_commodity_information {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fixed_bot_commodity_information>button {
  flex: 1;
  border: none;
  line-height: 1.2;
  padding: 1rem 0;
  font-size: .85rem;
}

.fixed_bot_commodity_information>button.btn_l {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  background: #E9EDF0;
}

.fixed_bot_commodity_information>button.btn_l img {
  width: .75rem;
  height: .7rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.fixed_bot_commodity_information>button.btn_l .btn_state {
  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  opacity: 0.5;
}

.fixed_bot_commodity_information>button.btn_r {
  background: #F2B237;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.fixed_bot_commodity_information>button.btn_r.active {
  background: #A0A0A0;
}

.fixed_bot_commodity_information>button.btn_r .btn_state {
  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.sp_detail_swiper .swiper-pagination {
  text-align: left;
  padding-right: 0.6rem;
  padding-left: 0.25rem;
  font-family: PingFang SC;
  font-weight: 500;
  bottom: 0.25rem;
}

.sp_detail_swiper .swiper-pagination>div {
  display: inline-block;
  background: rgba(0, 0, 0, 0.5);
  border-radius: .5rem;
  font-size: .45rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  padding: 0.05rem 0.3rem;
  background: rgba(0, 0, 0, 0.2)
}

.voucher_card_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem;
  background: url(../images/bg_voucher_card.png) no-repeat left center/cover;
  font-family: PingFang SC;
  position: relative;
}

.voucher_card_box.active {
  background: url(../images/bg_voucher_card_gray.png) no-repeat left center/cover;
}

.voucher_card_box.active .box_l {
  color: #8C8C8C;
}

.voucher_card_box.active .box_l strong {
  color: #8C8C8C;
}

.voucher_card_box .box_l {
  padding-left: 0.3rem;
  color: #DF003A;
}

.voucher_card_box .box_l strong {

  font-weight: bold;
  color: #DF003A;
  font-size: 1.25rem;
}

.voucher_card_box .box_r {
  font-size: .75rem;
  font-weight: 500;
  color: #FFFFFF;
  text-align: right;
}

.exchange_code_box {
  padding: 0.5rem 0.6rem;
}

.exchange_code_box .box_head {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 800;
  text-align: center;
  color: #2E2E2E;
}

.exchange_code_box .box_search {
  margin-top: .5rem;
}

.exchange_code_box .box_search input {
  background: #F5F5F5;
  border: 1px solid #8E8E8E;
  border-radius: .25rem;
  text-align: center;
  width: 100%;
  height: 2.5rem;
}

.check_more_voucher {
  text-align: center;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #4D80FB;
  padding: 0.6rem;
}

.check_more_voucher>span {
  padding: 0 0.6rem;
  line-height: 1;
}

.check_more_voucher>span:nth-child(1) {
  border-right: 1px solid #4D80FB;
}

.guyou_square_box {
  text-align: center;
}

.guyou_square_box .box_img {
  text-align: center;
}

.guyou_square_box .box_img img {
  width: 1.45rem;
  height: 1.2rem;
  margin-left: 0 !important;
}

.guyou_square_box .box_text {
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #767676;
  white-space: nowrap;
}

.voucher_card_box .card_mask {
  position: absolute;
  right: -0.5rem;
  top: -0.5rem;
  width: 2.85rem;
  height: 1.85rem;
  display: inline-block；
}

.voucher_card_box .card_mask.card_used {
  background: url(../images/voucher_use.png) no-repeat center/cover;
}

.voucher_card_box .card_mask.card_over {
  background: url(../images/voucher_overdue.png) no-repeat center/cover;
}

.hbc_detail_img_box img {
  width: 100%;
  height: auto;
}

.icon_achievement {
  max-width: 2rem !important;
  height: auto !important;
  margin-left: 0.25rem;
}

.app_login_page {
  padding: 0.5rem 0.6rem;
}

.app_login_page .page_head span {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  padding: 0.15rem 0.5rem;
  background: #95929F;
  border-radius: .15rem;
}

.app_login_page .page_head {
  text-align: right;
}

.app_login_page .page_logo {
  text-align: center;
  margin-top: 2rem;
}

.app_login_page .page_logo img {
  width: 3.3rem;
  height: 3.3rem;
  border-radius: .45rem;
}

.app_login_page .page_main {
  padding: 0.5rem 0.6rem;
}

.app_login_page .page_main .main_tel_phone {
  text-align: center;
  font-size: 1.2rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.05rem;
  margin-top: 1.5rem;
}

.app_login_page .page_main .main_search_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.app_login_page .page_main .main_search_box {
  border-bottom: 1px solid #EFEFEF;
}

.app_login_page .page_main .main_search_box input {
  border: none;
}

.app_login_page .page_main .main_search_box {
  padding: 0.5rem 0;
  padding-left: 1.4rem;
  margin-top: .5rem;
}

.app_login_page .page_main .main_search_box.account_box {
  background: url(../images/phone_account.png) no-repeat left center/.55rem .825rem;
}

.app_login_page .page_main .main_search_box.account_box .box_r img {
  width: .7rem;
  height: .7rem;
}

.app_login_page .page_main .main_search_box.password_box {
  background: url(../images/phone_password.png) no-repeat left center/.7rem .825rem;
}

.app_login_page .page_main .main_search_box.password_box .box_r {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.app_login_page .page_main .main_login_btns {
  margin-top: 2rem;
}

.app_login_page .page_main .main_login_btns .btns_t button {
  background: #FFB23E;
  border-radius: .25rem;
  font-size: .725rem;
  font-family: PingFang SC;
  font-weight: 500;
  height: 2.3rem;
  color: #2E2E2E;
  border: none;
  width: 100%;
}

.app_login_page .page_main .main_login_btns .btns_b {
  text-align: center;
  margin-top: .75rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #565656;
  line-height: 1.05rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.app_login_fixed_bot {
  padding: 0.6rem 0;
}

.app_login_fixed_bot .login_with_more {
  padding: 0.5rem 2rem;
}

.app_login_fixed_bot .login_text {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 300;
  color: #999999;
  text-align: center;
}

.justify_center {
  justify-content: center !important;
}

.mui-switch.mui-switch-anim.switch_bg_y:checked {
  box-shadow: #F8BE00 0 0 0 16px inset !important;
  background-color: #F8BE00 !important;
  border-color: #F8BE00;
}

.training_camp_list {
  background: #fff;
}

.training_camp_list li {
  border-bottom: 1px solid #E8E8E8;
}

.training_camp_list li>a {
  box-shadow: none;
  padding: 0.6rem 0;
}

.click_yellow {
  color: #F8BE00;
}

.tzxy_video_head {
  padding: 0.5rem 0.6rem;
  margin-top: 10rem;
}

.tzxy_video_head .video_title_explain {
  font-size: .95rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.tzxy_video_head .video_text_explain {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
  margin-top: .5rem;
}

.video_curriculum_module .module_head {
  background: #EFEFEF;
  padding: 0.5rem 0.6rem;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: rgba(46, 46, 46, 1);
}

.video_curriculum_module .module_head .order_num {
  color: rgba(142, 142, 142, 1);
  margin-right: .125rem;
}

.video_curriculum_module .module_content ul {
  background: #fff;
}

.video_curriculum_module .module_content ul li {
  padding: .725rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 1.8rem;
  padding-right: 0.6rem;
}

.video_curriculum_module .module_content ul li:not(:last-child) {
  border-bottom: 1px solid #EFEFEF;
}

.curriculum_tabs a {
  padding: 0 1.25rem;
}

.video_curriculum_list .box_l {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.video_curriculum_list .box_r {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.video_curriculum_list .box_r .play_duration {
  padding-right: 0.6rem;
  background: url(../images/solid_b_sanjiao_r.png) no-repeat right center/.25rem .3rem;
}

.video_curriculum_list .list_box.active {
  background: url(../images/solid_y_sanjiao_r.png) no-repeat 1rem center/.375rem .45rem;
}

.video_curriculum_list .list_box.active .box_l {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #F3A700
}

.video_curriculum_list.active_box {
  background: #fff url(../images/bg_video_bf_top.png) no-repeat 1rem 0.6rem/6.925rem 5.6rem !important;
}

.video_curriculum_list .list_box.active .box_r span {
  background: none;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #F3A700;
  padding-right: 0;
}

.tzxy_video_box {
  object-fit: fill;
  width: 100%;
  height: 10rem;
}

.tzxy_video_box video {
  object-fit: fill;
  width: 100%;
  height: 10rem;
}

.tzxy_play_wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
}

.tzxy_play_wrap .video_popup_mask {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 12;
  width: 100%;
  height: 100%;
}

.tzxy_play_wrap .video_popup_mask .mask_title {
  padding: 0.5rem 0.6rem;
}

.tzxy_play_wrap .video_popup_mask .mask_title span {
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.tzxy_play_wrap .video_popup_mask .mask_img {
  text-align: center;
  margin-top: 1.25rem;
}

.tzxy_play_wrap .video_popup_mask .mask_img img {
  width: 2.225rem;
  height: 2.225rem:
}

.tzxy_play_wrap .video_bg_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  z-index: 9;
}

.tzxy_play_wrap .video_bg_img img {
  width: 100%;
  height: 100%;
}














/*.switch_bg_y:before {
	background: #F8BE00!important
}*/
.switch_bg_y:checked:before {
  background: #fff !important;
}

.invitation_code_popup {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */

  -webkit-transform: translate(-50%, -50%);
  z-index: 10001;
  width: 76%;
}

.invitation_code_popup .popup_main {
  background: #FFFFFF;
  border-radius: .5rem;
  padding: 0.725rem 1.1rem;
}

.invitation_code_popup .popup_head {
  text-align: right;
}

.invitation_code_popup .popup_head img {
  width: .925rem;
  height: .925rem;
  border-radius: 50%;
  margin-right: -1rem;
}

.invitation_code_popup .popup_main .main_t strong {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: .6rem;
}

.invitation_code_popup .popup_main .main_m {
  margin-top: .35rem;
}

.invitation_code_popup .popup_main .main_m input {
  border: none;
  border-bottom: 1px solid #EFEFEF;
  padding: 0.6rem 0;
  text-align: center;
  width: 100%;
}

.invitation_code_popup .popup_main .main_b {
  margin-top: .725rem;
}

.invitation_code_popup .popup_main .main_b button {
  background: #FFC056;
  border-radius: 1.05rem;
  border: none;
  width: 100%;
  height: 2.1rem;
}

.invitation_code_popup .popup_bot_text {
  margin-top: .5rem;
  text-align: center;
}

.invitation_code_popup .popup_bot_text a {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  text-decoration: underline;
  color: #FFFFFF;
}

.invitation_code_popup .main_img {
  margin-top: .5rem;
  padding: 0 0.5rem;
}

.invitation_code_popup .main_img img {
  width: 100%;
  height: auto;
}

.invitation_code_popup .main_copy {
  text-align: center;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  white-space: nowrap;
  margin-top: .5rem;
}

.invitation_code_popup .main_copy .copy_num {
  color: rgba(98, 143, 251, 1);
}

.invitation_code_popup .main_copy .copy_btn {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  padding: 0.05rem 0.35rem;
  background: #FFC056;
  border-radius: .2rem;
  border: none;
  margin-left: .125rem;
}

.invitation_code_popup .main_text {
  text-align: center;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
  line-height: 1.05rem;
  white-space: nowrap;
  margin-top: .3rem;
}

.roll_item_box .box_title {
  padding: 0.5rem 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.roll_item_box .box_title .t_l strong {
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.roll_item_box .box_title .t_l span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  margin-left: .25rem;
}

.roll_item_box .box_title .t_r img {
  width: .25rem;
  height: .5rem;
  vertical-align: middle;
}

.roll_item_box .box_main {
  white-space: nowrap;
  padding: 0.5rem 0.6rem;
  overflow-x: scroll;
  padding-top: 0;
}

.roll_item_box .box_main .main_item {
  display: inline-block;
  background: #FFFFFF;
  width: 90%;
  border: 1px solid #EFEFEF;
  box-shadow: 0px .125rem .375rem 0px rgba(9, 1, 3, 0.03);
  border-radius: .25rem;
  padding: 0.3rem;
  vertical-align: middle;
}

.roll_item_box .box_main .main_item .i_t {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 2.5rem;
}

.roll_item_box .box_main .main_item .i_t .t_l p {
  white-space: initial !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.15rem;
  height: 2.3rem;
}

.roll_item_box .box_main .main_item {
  margin-right: .35rem;
}

.roll_item_box .box_main .main_item .i_t .t_r {
  margin-left: .25rem;
}

.roll_item_box .box_main .main_item .i_t .t_r img {
  width: 3.65rem;
  height: 2.425rem;
  border-radius: .15rem;
}

.roll_item_box .box_main .main_item .i_b {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.3rem;
}

.roll_item_box .box_main .main_item .i_b .b_l>span {
  background: #EFEFEF;
  border-radius: .15rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
  padding: 0.05rem 0.2rem;
}

.roll_item_box .box_main .main_img_item img {
  height: 5rem;
  width: 15.5rem;
}

.roll_item_box .box_main .main_img_item {
  display: inline-block;
  margin-right: .35rem;
}

.retail_investors_pay_link .pay_part {
  text-align: center;
}

.retail_investors_pay_link .pay_part .p_t {
  height: 2.5rem;
  line-height: 2.5rem;
}

.retail_investors_pay_link .pay_part .p_t_1 img {
  max-width: 100%;
  height: 1.775rem;
}

.retail_investors_pay_link .pay_part .p_t_2 img {
  width: 2.275rem;
  height: 1.625rem;
}

.retail_investors_pay_link .pay_part .p_t_3 img {
  width: 1.95rem;
  height: 1.475rem;
}

.retail_investors_pay_link .pay_part .p_t_4 img {
  width: 1.7rem;
  height: 1.475rem;
}

.retail_investors_pay_link .pay_part .p_m {
  font-weight: bold;
  font-size: .75rem;
  color: #2e2e2e;
  line-height: 1;
}

.retail_investors_pay_link .pay_part .p_b {
  color: #999;
  font-size: .6rem;
}

.user_wuwei_blz {
  padding: 0.05rem 0.15rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  background: #EFEFEF;
  border-radius: .4rem;
  margin-left: .25rem;
}

.my_his_transaction_head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.my_his_transaction_box {
  padding: 0.5rem 0.6rem;
}

.my_his_transaction_head .head_l .l_t {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2e;
}

.my_his_transaction_head .head_l .l_b {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #F65B5B;
}

.my_his_transaction_head .head_r button {
  background: #FFB02B;
  border-radius: .25rem;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  padding: 0.15rem 0.6rem;
  border: none;
}

.my_his_transaction_select {
  margin-top: .5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.my_his_transaction_select label {
  position: relative;
}

.my_his_transaction_select label input {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
}

.my_his_transaction_select label input[type='radio']~i {
  display: inline-block;
  width: .7rem;
  height: .7rem;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: .35rem;
  vertical-align: middle;
}

.my_his_transaction_select label input[type='radio']:checked~i {
  background: url(../images/bg_green_gou.png) no-repeat center/cover;
  border: none;
}

.my_his_transaction_select label span {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  vertical-align: middle;
  margin-left: .125rem;
}

.app_download_mask .mask_main {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
  left: 0;
  background: linear-gradient(90deg, rgba(3, 0, 0, 0.1) 0%, rgba(3, 0, 0, 0.85) 30%, rgba(3, 0, 0, 1) 100%);
}

.app_download_mask .mask_text {
  text-align: center;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 1rem;
  color: #fff;
}

.app_download_mask .mask_text img {
  width: 1.8rem;
  height: 1.8rem;
}

.swipeout_moni {
  background: #628FFB !important;
  padding: 0 0.3rem !important;
}

.swipeout_cyc {
  background: #FFC419 !important;
  padding: 0 0.6rem !important;
}

.material_stock_add {
  margin: .35rem 0;
}

.material_stock_add .rela_stock_item span {
  background: rgba(227, 201, 164, 1) !important;
}

.material_stock_add .rela_stock_item button {
  background: rgba(243, 221, 190, 1);
  color: rgba(98, 143, 251, 1);
}

.operation_record_popup {
  position: absolute;
  z-index: 10;
  background: url(../images/bg_history_de.png) no-repeat top left/100% 100%;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 6rem;
}

.bot_oper_group_box {
  position: absolute;
  bottom: 3rem;
  left: 0;
  width: 100%;
  background: #FFFCF7;
  box-shadow: 0px -.275rem .25rem 0px rgba(0, 0, 0, 0.09);
  border-radius: .5rem .5rem 0px 0px;
  padding: 0.5rem 0.6rem;
}

.bot_oper_group_box .box_t {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bot_oper_group_box .box_b {
  text-align: center;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  margin-top: .25rem;
}

.bot_oper_group_box .box_t .t_item {
  text-align: center;
  background: linear-gradient(180deg, #FFD14A, #FFBE00);
  border-radius: .25rem;
  padding: 0.35rem 0;
  width: 30%;
  line-height: 1;
}

.bot_oper_group_box .box_t .t_item .i_t {
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #AD3700;
}

.bot_oper_group_box .box_t .t_item .i_b {
  font-size: .725rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #AD3700;
  opacity: 0.8;
  margin-top: .25rem;
}

.operation_record_popup .popup_title {
  font-size: 1rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.operation_record_popup .popup_img {
  margin-top: .5rem;
}

.operation_record_popup .popup_text {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: 500;
  margin-top: 1.5rem;
  color: #FFFFFF;
}

.operation_record_popup .popup_img img {
  width: 5.55rem;
  height: auto;
}

.operation_record_popup .popup_btn {
  margin-top: .5rem;
}

.operation_record_popup .popup_btn button {
  background: #FFB02B;
  border-radius: .25rem;
  padding: 0.25rem 1rem;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  border: none;
}

.operation_record_popup .popup_line {
  margin-top: .5rem;
}

.operation_record_popup .popup_line a {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  text-decoration: underline;
  color: #CDCDCD;
}

.revenue_list_link {
  background: #EFEFEF;
  border: 1px solid #EE9400;
  border-radius: .575rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #EE9400;
  padding: 0.05rem 0.2rem;
  margin-left: .25rem;
}

.revenue_list_link img {
  width: .725rem;
  height: .725rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.exchange_banner_box img {
  width: 100%;
  height: auto;
}

.exchange_review_box {
  background: #F2F2F2;
  border-radius: .25rem;
  padding: 0.5rem 0.6rem;
}

.exchange_review_box .box_t p {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.125rem;
}

.exchange_review_box .box_b .bangy_user img {
  width: 1rem;
  height: 1rem;
  border-radius: .5rem;
  vertical-align: middle;
}

.exchange_review_box .box_b {
  margin-top: .5rem;
}

.exchange_review_box .box_b .bangy_user span {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #628FFB;
  vertical-align: middle;
  margin-left: .125rem;
}

.review_bot_btn button {
  background: #FFB944;
  border-radius: 1.125rem;
  font-size: .8rem;
  width: 100%;
  border: none;
  font-family: PingFang SC;
  font-weight: 500;
  color: #000000;
  height: 2.25rem;
}

.bb_treasure_popup {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* 50%为自身尺寸的一半 */

  -webkit-transform: translate(-50%, -50%);
  width: 80%;
  z-index: 10001;
  background: #fff;
  border-radius: .25rem;
  padding: 0.5rem 0.6rem;
}

.bb_treasure_popup .popup_head {
  text-align: right;
}

.bb_treasure_popup .popup_head img {
  width: .55rem;
  height: .55rem;
}

.bb_treasure_popup .popup_title {
  text-align: center;
  margin-top: .5rem;
}

.bb_treasure_popup .popup_title strong {
  font-size: .95rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  text-align: center;
}

.bb_treasure_popup .popup_img {
  text-align: center;
  margin-top: .5rem;
}

.bb_treasure_popup .popup_img img {
  width: 4.85rem;
  height: 8.35rem;
}

.bb_treasure_popup .popup_btn {
  margin-top: -2.5rem;
}

.bb_treasure_popup .popup_btn button {
  height: 2.5rem;
  background: linear-gradient(0deg, #FF510E 0%, #FF9E6F 100%);
  border-radius: 1.25rem;
  width: 100%;
  border: none;
  font-size: .875rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFEFE;
}

.new_empowerment_box {
  background: rgba(0, 0, 0, 0.08);
  border-radius: .25rem;
  padding: 0.35rem 0.6rem;
  padding-top: 0.2rem;
}

.new_empowerment_box .box_head {
  text-align: right;
}

.new_empowerment_box .box_head img {
  width: .525rem;
  height: .525rem;
}

.new_empowerment_box .box_main {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: .85rem;
}

.new_empowerment_box .box_main img {
  width: .825rem;
  height: .825rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.his_deal_btn {
  height: 1.8rem;
  border: none;
  padding: 0 0.6rem;
  border-radius: 1rem;
  color: #000000;
  background: #FFC056;
  font-size: .65rem;
  position: absolute;
  right: 0.6rem;
  bottom: 6rem;
}

.audio_play_box {
  background: #FFFFFF;
  box-shadow: 0px .125rem .425rem 0px rgba(0, 0, 0, 0.4);
  border-radius: .75rem;
  padding: 0.2rem 0.4rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.audio_play_box .box_l {
  position: relative;
}

.audio_play_box .box_l>img {
  width: 2.45rem;
  height: 2.45rem;
  border-radius: 50%;
}

.audio_play_box .box_r {
  margin-left: .725rem;
  padding-right: 2.5rem;
  position: relative;
}

.audio_play_box .box_r .icon_close {
  width: .425rem;
  height: .425rem;
  position: absolute;
  right: -0.1rem;
  top: .1rem;
  margin: 0.2rem;
}

.audio_play_box .box_r .r_t {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.audio_play_box .box_r .r_t .top_l {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.audio_play_box .box_r .r_t .top_l>div {
  margin-right: .5rem;
}

.audio_play_box .box_r .r_t .top_l .l_play {
  width: 1.5rem;
  height: 1.5rem;
  background: url(../images/audio_play.png) no-repeat center/1.25rem 1.25rem;
}

.audio_play_box .box_r .r_t .top_l .l_play.active {
  background: url(../images/audio_pause.png) no-repeat center/1.25rem 1.25rem;
}

.audio_play_box .box_r .r_t .top_l .l_next {
  width: 1.5rem;
  height: 1.5rem;
  background: url(../images/audio_next.png) no-repeat center/.775rem .675rem;
}

.audio_play_box .box_r .r_t .top_l .l_list {
  width: 1.5rem;
  height: 1.5rem;
  background: url(../images/audio_list_order.png) no-repeat center/.8rem .65rem;
  position: relative;
}

.audio_play_box .box_r .r_t .top_l .l_broadcast {
  width: 2.5rem;
  height: 1.5rem;
  text-align: left;
  background: url(../images/icon_bg_white_living.png)no-repeat left center/2.05rem .675rem;
}

.l_broadcast_img {
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
}

.audio_play_box .box_r .r_t .top_r {
  margin-left: .5rem;
}

.audio_play_box .box_r .r_t .top_r div {
  background: #FFF8EC;
  border: 1px solid #F7B945;
  border-radius: .65rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #F7B945;
  padding: 0.25rem 0.4rem;
  white-space: nowrap;
  line-height: 1;
}

.audio_play_box .box_r .r_b {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  margin-left: .2rem;
  max-width: 10rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.audio_player_box {
  position: absolute;
  z-index: 2005;
  white-space: nowrap;
  top: 5rem;
}

.audio_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2003;
  display: none;
}

.audio_list_popup {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #fff;
  z-index: 2003;
  border-radius: .5rem .5rem 0 0;
}

.audio_list_popup .popup_head {
  text-align: center;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  padding: 0.5rem 0.6rem;
  color: #565656;
  border-bottom: 1px solid #EFEFEF;
}

.audio_list_popup .popup_head img {
  width: .625rem;
  height: .625rem;
  position: absolute;
  right: 0.6rem;
  top: 0.6rem;
}

.audio_list_popup .audio_demand_list {
  padding: 0 0.6rem;
  height: 20rem;
  overflow-y: scroll;
}

.audio_list_popup .audio_demand_list li {
  padding: 0.625rem 0;
  border-bottom: 1px solid #EFEFEF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.audio_list_popup .audio_demand_list li.active {
  font-family: PingFang SC;
  font-weight: 500;
  color: #CC3131;
}

.audio_list_popup .audio_demand_list li.living {
  padding-left: 1rem;
  background: url(../images/waitting_img.gif) no-repeat -0.15rem center/1.2rem 1.2rem;
}

.audio_list_popup .audio_demand_list li.active img {
  width: .75rem;
  height: .75rem;
}

.my_bb_gxz_line {
  position: absolute;
  bottom: 0.2rem;
  padding: 0 0.6rem;
  width: 100%;
}

.my_bb_gxz_line .line_box {
  display: flex;
  justify-content: space-between;
  font-size: .8rem;
  font-family: DIN Next LT Pro;
  font-weight: 500;
  color: #2E2E2E;
}

.my_bb_gxz_line .line_box>div {
  background: rgba(255, 255, 255, 0.95);
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  padding: 0.025rem 0.5rem;
  display: inline-block;
  color: #555555;
  border-radius: .525rem;
  vertical-align: middle;
}

.my_bb_gxz_line .line_box span {
  color: rgba(137, 99, 35, 1);
  font-size: .6rem;
  margin-left: .125rem;
}

.sign_in_tips_line {
  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #D08204;
  text-align: center;
  margin-top: -0.5rem;
}

.exchange_detail_intro_img img {
  width: 100%;
  height: auto;
  font-size: 0;
}

.exchange_detail_intro_text {
  padding: 0.5rem 0.6rem;
}

.exchange_detail_intro_text .text_head {
  text-align: center;
  font-size: .875rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #2E2E2E;
  line-height: 1.475rem;
  margin-bottom: .5rem;
}

.exchange_detail_intro_text .list_item_head p {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.05rem
}

.exchange_detail_intro_text li {
  margin-bottom: 1.6rem;
}

.exchange_detail_intro_text .list_item_head p~p {
  margin-top: 0;
}

.exchange_detail_intro_text .list_item_content {
  margin-top: .5rem;
}

.exchange_detail_intro_text .list_item_content p {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #929292;
  line-height: 1.05rem;
}

.open_more_list_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #929292;
}

.open_more_list_box span {
  vertical-align: middle;
}

.open_more_list_box img {
  width: .625rem;
  height: .325rem;
  margin-left: .125rem;
  vertical-align: middle;
}

.open_more_list_box>div:nth-child(1) {
  flex: auto;
  border-bottom: 1px solid #C3C3C3;
  margin-right: .5rem;
}

.open_more_list_box>div:nth-child(3) {
  flex: auto;
  border-bottom: 1px solid #C3C3C3;
  margin-left: .5rem;
}

.banner_img_box {
  padding: 0 0.6rem;
}

.banner_img_box>div {
  margin-bottom: .5rem;
}

.banner_img_box>div img {
  width: 100%;
  height: auto;
}

.btn_preferential {
  background: linear-gradient(0deg, #FF510C 0%, #FF9B6A 100%);
  border-radius: 1.525rem;
  width: 100%;
  border: none;
  padding: 0.3rem 0;
}

.btn_preferential .btn_t {
  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: 500;
  text-decoration: line-through;
  color: #FFFFFF;
}

.btn_preferential .btn_b {
  font-size: .875rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFAA9;
}

.record_axis {
  background: url(../images/audio_tips_line.png) no-repeat center/.675rem 2.35rem;
  position: absolute;
  display: inline-block;
  width: .55rem;
  height: 1.875rem;
  right: -0.35rem;
  top: .3rem;
}

.audio_play_box .box_l.active>img {
  animation: turnCicle 3s linear infinite;
  animation-delay: 0.35s;
  -webkit-animation-delay: 0.35s;
}

@keyframes turnCicle {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

.audio_play_box .box_l.active .record_axis {
  animation: turnAngle 0.3s linear 1 alternate forwards;
}

@keyframes turnAngle {
  0% {
    -webkit-transform: rotate(0deg);
    -webkit-transform-origin: left top;
  }

  100% {
    -webkit-transform: rotate(30deg);
    -webkit-transform-origin: left top;
  }
}















/*发草根研报*/
.research_report_page .report_top input {
  width: 100%;
  padding: 0.6rem;
  border: none;
}

.report_msg_box {
  padding: 0 0.6rem;
}

.report_msg_box .report_msg_box_title .title_text {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  vertical-align: middle;
  color: #2E2E2E;
}

.report_msg_box .report_msg_box_title .title_tips {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #CC3131;
  vertical-align: middle;
}

.report_msg_box .report_msg_box_title img {
  width: .95rem;
  height: auto;
  vertical-align: middle;
  margin-right: .125rem;
}

.report_msg_box .report_msg_box_title {
  padding: 0.5rem 0;
}

.report_msg_box_main {
  background: #F5F4F7;
  border-radius: .25rem;
  padding: 0 0.6rem;
}

.report_msg_box_main .main_head {
  border-bottom: 1px solid #D5D5D5;
}

.report_msg_box_main .main_head input {
  width: 100%;
  padding: 0.6rem 0;
  border: none;
  background: none;
}

.report_msg_box_main .main_content textarea {
  min-height: 5rem;
  width: 100%;
  resize: none;
  background: none;
  border: none;
  padding: 0.5rem 0;
}

.btn_one_touch {
  border: 1px solid #628FFB;
  border-radius: .625rem;
  padding: 0.15rem 0.4rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #628FFB;
}

.one_touch_box {
  padding-bottom: .5rem;
  text-align: right;
}

.report_msg_box_line {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.report_msg_box_line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
}

.report_msg_box_line .line_r {
  width: 1rem;
  height: 1rem;
  background: url(../images/icon_jiantou_dow.png) no-repeat center/.625rem .35rem;
}

.report_msg_box_line .line_r.active {
  background: url(../images/icon_jiantou_up.png) no-repeat center/.625rem .35rem;
}

.box_main_hidden {
  display: none!important;
}

.preview_generate_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.preview_generate_box .btn_preview {
  width: 30%;
  border: 1px solid #E98600;
  border-radius: .25rem;
  height: 2.2rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #EFA440;
}

.preview_generate_box .btn_generate {
  flex: 8;
  width: 65%;
  height: 2.2rem;
  background: #FFBD63;
  border-radius: .25rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  border: none;
  margin-left: 4%;
}

.star_rating_box {
  display: inline-block;
  padding: 0.15rem 0.35rem;
  background: #FFF5DF;
  border-radius: .625rem;
}

.star_rating_box .star_text {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  vertical-align: middle;
}

.star_rating_box .star_box {
  vertical-align: 5%;
}

.star_rating_box .star_box img {
  font-size: 0;
  width: .75rem;
  height: .75rem;
  margin: 0 .125rem;
  vertical-align: ;
}

.star_rating_box .star_rating {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #F9B82E;
  vertical-align: middle;
  margin-left: .125rem;
}

.report_msg_box_main .main_bot {
  padding-bottom: .5rem;
}

.grassroots_innner_box {
  padding: 0.5rem 0.6rem;
  margin-top: -2rem;
  background: #fff;
  border-radius: .75rem .75rem 0px 0px;
}

.grassroots_innner_box .box_top {
  border-bottom: 1px solid rgba(239, 239, 239, 1);
}

.grassroots_innner_box .box_top .t_head p {
  font-size: 1rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.35rem;
}

.grassroots_innner_box .t_main {
  padding: 1.5rem 0.6rem 0.6rem 0.6rem;
  background: #F5F4F7;
  position: relative;
  margin-top: .5rem;
}

.grassroots_innner_box .t_main span {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.02rem 0.2rem;
  background: #628FFB;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.grassroots_innner_box .t_main p {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.2rem;
}

.grassroots_innner_box .t_bot {
  padding: 0.5rem 0;
}

.grassroots_innner_box .t_bot .star_rating_box {
  background: none;
}

.grassroots_report_list .list_item .item_title img {
  width: .875rem;
  height: .875rem;
  vertical-align: middle;
}

.grassroots_report_list .list_item {
  padding: 0.725rem 0;
}

.grassroots_report_list .list_item .item_title span.title_text {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #FB9862;
  vertical-align: middle;
  margin-left: .125rem;
}

.grassroots_report_list .list_item .item_main {
  margin-top: .5rem;
}

.grassroots_report_list .list_item .item_main p {
  size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.2rem;
}

.grassroots_report_list .list_item .item_title .title_mask {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  padding: 0.05rem 0.2rem;
  background: #FFF9F6;
  border: 1px solid #8E8E8E;
  border-radius: .15rem;
  vertical-align: middle;
  margin-left: .125rem;
}

.play_living_tips {
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: -0.2rem;
  left: 0;
}

.play_living_tips .img_living {
  width: 2.6rem;
  height: .75rem;
}

.play_living_tips .img_play {
  width: .825rem;
  height: .825rem;
}

.inves_research_tabs {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.inves_research_tabs a {
  padding: 0.5rem 0.6rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.inves_research_tabs a span {
  padding-bottom: .35rem;
}

.inves_research_tabs a.active span {
  border-bottom: .15rem solid rgba(255, 159, 29, 1);
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.grassroots_report_list {
  padding: 0.5rem 0.6rem;
}

.grassroots_report_list .list_item_box {
  background: #FFFFFF;
  box-shadow: 0px .2rem .175rem 0px rgba(0, 0, 0, 0.06);
  border-radius: .5rem;
  padding: 0.5rem 0.6rem;
  margin-bottom: .5rem;
}

.grassroots_report_list .list_item_box .box_head img {
  width: .75rem;
  height: .75rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.grassroots_report_list .list_item_box .box_head span {
  vertical-align: middle;
}

.grassroots_report_list .list_item_box .box_head strong {
  vertical-align: middle;
}

.grassroots_report_list .list_item_box .box_main {
  margin-top: .3rem;
}

.grassroots_report_list .list_item_box .box_main p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.05rem;
}

.left_user_msg .report_man {
  font-size: .6rem;
  vertical-align: middle;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.stock_view_mask {
  font-size: .45rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  padding: 0.01rem 0.1rem;
  border: 1px solid #8E8E8E;
  border-radius: .075rem;
  margin-left: .125rem;
}

.btn_g_report {
  bottom: 3rem;
}

.btn_g_report button {
  background: linear-gradient(90deg, #628FFB, #628fff);
}

.news_audio {
  width: .95rem !important;
  height: .525rem !important;
  position: absolute;
  ;
  right: -0.2rem;
  top: -0.1rem;
  z-index: 10;
  animation: none !important;
  border-radius: 0 !important;
}

.stock_detail_msg_item {
  margin-top: .5rem;
}

.stock_detail_msg_item>span {
  background: #EFEFEF;
  border-radius: .15rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
  padding: 0.05rem 0.2rem;
}

.news_audio_list {
  width: 1.1rem !important;
  height: .6rem !important;
  vertical-align: middle;
}

.grass_roots_report_head {
  padding: 0.6rem;
  background: url(../images/grass_roots_report_head.png) no-repeat center/cover;
  padding-bottom: 3rem;
}

.grass_roots_report_head .head_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.grass_roots_report_head .head_top .top_left {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.grass_roots_report_head .head_top .top_right {
  font-size: .575rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}

.grass_roots_report_head .head_main {
  background: #FFF8E6;
  border-radius: .25rem;
  padding: 0.5rem 0.6rem;
  margin-top: .5rem;
}

.grass_roots_report_head .head_main .main_top p {
  font-size: 1.05rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.25rem;
}

.star_level_box {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FB9862;
  margin-top: .5rem;
}

.star_level_box img {
  font-size: 0;
  vertical-align: text-top;
  width: .85rem;
  height: .85rem;
  margin: 0 .125rem;
}

.grass_roots_user {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: .5rem;
}

.grass_roots_user .user_head_left img {
  width: 1.75rem;
  height: 1.75rem;
}

.grass_roots_user .user_head_right {
  line-height: 1;
  margin-left: .125rem;
}

.grass_roots_user .user_head_right .user_head_name {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  vertical-align: middle;
  color: #FFFFFF;
}

.grass_roots_user .user_head_right .user_xunzhang {
  max-width: 1.5rem;
  height: auto;
  vertical-align: middle;
}

.grass_roots_user .user_head_right .cais_level span {
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FF8948;
  background: rgba(255, 238, 228, .9);
  padding: 0.015rem 0.1rem;
}

.icon_head_live {
  width: 1.75rem !important;
  height: auto !important;
  position: absolute;
  left: 0;
  bottom: 0rem;
  border-radius: 0 !important;
  z-index: 2;
  animation: none !important;
}

.icon_audio_tips_line {
  width: .4rem !important;
  height: auto !important;
  border-radius: 0 !important;
  position: absolute;
  right: -0.35rem;
  top: 0.15rem;
  transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  -moz-transform: rotate(35deg);
  -webkit-transform: rotate(35deg);
  -o-transform: rotate(35deg);
  transform-origin: left top;
  z-index: 1;
  animation: none !important;
}


.new_audio_tips {
  background: #CC3131;
  width: 0.3rem;
  height: 0.3rem;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
}

.normal_img_container img {
  max-width: 100%;
  height: auto;
  border-radius: .15rem;
}

.text_break_all {
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}

.hidden {
  display: none !important;
}

.audio_player_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2003;
  display: none;
}















/*持股帮8.5.0*/
.dt_hqzx_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.6rem;
  border-bottom: 1px solid #EFEFEF;
  width: 100%;
  background: #fff;
  z-index: 10;
}

.dt_hqzx_head .box_left img {
  width: .975rem;
  height: 1.125rem;
  box-shadow: 1px 1px .075rem 0px rgba(0, 0, 0, 0.24);
}

.dt_hqzx_head .box_center .hq_zx_tab {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #565656;
}

.dt_hqzx_head .box_center .hq_zx_tab a.active {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFAE2C;
}

.dt_hqzx_head .box_center .hq_zx_tab .button.active span {
  border-bottom: .1rem solid #FFBE55;
  padding-bottom: 0.35rem;
}

.dt_hqzx_head .box_center .hq_zx_tab .button.active {
  border-bottom: none;
}

.dt_hqzx_head .box_center .hq_zx_tab {
  border-bottom: none;
}

.dt_hqzx_head .box_right img {
  width: .9rem;
  height: .9rem;
}

.today_stock_show_box {
  padding: 0.5rem 0.6rem;
}

.today_stock_show_box .box_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.today_stock_show_box .box_head .head_left strong {
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.today_stock_show_box .box_head .head_right {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
}

.popularity_main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .5rem;
}

.popularity_stock_show_box {
  padding: 0.5rem 0.6rem;
}

.popularity_stock_show_box .box_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.popularity_stock_show_box .box_head .head_left {
  font-size: .9rem;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #CC3131;
}

.popularity_stock_show_box .box_head .head_right a {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
}

.popularity_stock_msg .msg_name {
  font-size: 1rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.popularity_stock_msg .msg_data {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  opacity: 0.9;
  border-radius: .15rem;
}

.popularity_main .main_l {
  border-radius: .125rem;
  flex: 1;
  padding: 0.3rem 0.5rem;
  height: 6.8rem;
  position: relative;
}

.popularity_bg_yellow {
  background: linear-gradient(to right, rgba(255, 190, 85, 0.05), rgba(255, 190, 85, 0.6));
}

.popularity_bg_yellow .msg_data {
  background: linear-gradient(270deg, rgba(204, 49, 49, 0.2), rgba(204, 49, 49, 0.01));
}

.popularity_main .main_l .msg_data {
  border-radius: .15rem;
}

.popularity_main .main_r {
  flex: 1;
  margin-left: .25rem;
}

.popularity_bg_green {
  background: linear-gradient(to right, rgba(79, 144, 127, 0.05), rgba(79, 144, 127, 0.6));
}

.popularity_bg_green .msg_data {
  background: linear-gradient(270deg, rgba(75, 141, 124, 0.2), rgba(163, 198, 187, 0.01));
}

.popularity_stock_item_box {
  position: absolute;
  bottom: 0rem;
  left: 0rem;
  width: 100%;
  padding: 0.3rem 0.5rem;
}

.popularity_stock_msg.msg_02 {
  border-radius: .15rem;
}

.popularity_stock_msg.msg_02 .msg_data {
  border-radius: .15rem;
}

.popularity_main .main_r .popularity_stock_msg {
  padding: 0.3rem 0.5rem;
}

.popularity_main .main_r .popularity_stock_msg:nth-child(2) {
  margin-top: .25rem;
}

.popularity_main .popularity_stock_msg {
  position: relative;
}

.popularity_stock_msg .msg_num {
  position: absolute;
  right: 0rem;
  top: 0rem;
  font-size: 2.95rem;
  color: rgba(253, 99, 47, 1);
  border-radius: .15rem;
  line-height: 1;
}

.popularity_stock_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(0, 0, 0, 0.05);
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #565656;
  margin-top: .125rem;
  border-radius: .15rem;
  padding: 0.05rem 0.1rem;
}

.popularity_stock_item .item_l img {
  width: .675rem;
  height: .6rem;
  margin-right: .125rem;
  vertical-align: middle;
}

.popularity_stock_item .item_l span {
  vertical-align: middle;
}

.dt_hqzx_mid_line {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
}

.dt_hqzx_mid_line>div {
  flex: 1;
  display: inline-block;
  text-align: center;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #000000;
}

.dt_hqzx_mid_line>div>div:nth-child(1) {
  height: 1.6rem;
  line-height: 1.6rem;
}

.dt_hqzx_mid_line>div img {
  max-width: 1.5rem;
  max-height: 1.225rem;
  height: auto;
  vertical-align: bottom;
}

.dt_hqzx_mid_line>div>div:nth-child(2) {
  margin-top: .25rem;
}

.stock_recent_msg_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.6rem;
  border-bottom: 1px solid #F5F4F9;
}

.stock_recent_msg_item .item_l {
  width: 100%;
}

.stock_recent_msg_item .item_l .l_top p {
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.05rem;
}

.stock_recent_msg_item .item_l .l_bot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .5rem;
}

.stock_recent_msg_item .item_r {
  margin-left: .5rem;
}

.stock_recent_msg_item .item_r img {
  width: 4.5rem;
  height: 3.45rem;
  border-radius: .15rem;
}

.stock_recent_msg_item .item_l .l_bot .bot_left {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
  background: #EFEFEF;
  border-radius: .15rem;
  padding: 0.05rem 0.1rem;
}

.stock_recent_msg_item .item_l .l_bot .bot_right {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
}

.stock_hq_mask {
  font-size: .45rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  padding: 0.01rem 0.1rem;
  border: 1px solid #8E8E8E;
  border-radius: .075rem;
  margin-left: .125rem;
  vertical-align: middle;
}














/*伸缩容器*/
.flex-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.flex-ul {
  background: #f2f2f2;
  border-top: 0.05rem solid #e4eaf2;
  border-bottom: 0.05rem solid #e4eaf2;
}

.flex-ul li a {
  display: block;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  border-bottom: 2px solid #f2f2f2;
  text-align: center;
}

.flex-ul .active a {
  margin-bottom: -1px;
  border-bottom-color: #e8322c;
  color: #e8322c;
}

.last-li {
  position: relative;
}

.last-li:hover .more {
  display: block;
}

.row-flex>section,
.flex-table>.row-flex>div,
.row-flex>li,
.flex-other span,
.flex-other-span span {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

.k-c table:nth-child(1) {
  background: url("../images/sell.png") center no-repeat;
}

.k-c table:nth-child(2) {
  background: url("../images/buy.png") center no-repeat;
}

#div_info_detail {
  width: 100px;
  height: 279px;
  z-index: 2;
  right: 0px;
  top: 14px;
  position: absolute;
  padding-left: 0.2rem;
}

#div_wd td:nth-child(3n + 3) {
  width: 37px;
  height: 20px;
  line-height: 20px;
  overflow: hidden
}

.close-pop {
  width: 100%;
  background: url(../images/icon_jiantou_up.png) no-repeat center;
  background-size: .8rem .325rem;
  padding-bottom: 0.3rem;
  padding-top: .3rem;
}

.pull-pop {
  width: 100%;
  background: url(../images/icon_jiantou_dow.png) no-repeat center;
  background-size: .8rem .425rem;
  padding-bottom: .3rem;
  padding-top: .3rem;
}

.dynamic_filtering_box {
  padding: 0 0.6rem;
}

.dynamic_filtering_box>span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;

  display: inline-block;
  padding: 0.05rem 0.2rem;

  border-radius: .15rem;
  margin-top: 0.5rem;
  margin-right: 0.5rem;
  color: #767676;
  white-space: nowrap;
  background: #fafafa;
}

.dynamic_filtering_box>span.active {
  background: #FFBB58;
  color: #2E2E2E;
}

.share_fetails_bot_line {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #efefef;
  padding: 0.25rem 0;
}

.share_fetails_bot_line>div {
  flex: 1;
  justify-content: space-between;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #565656;
  text-align: center;
}

.share_fetails_bot_line>div img {
  max-width: .9rem;
  height: auto;
}

.icon_hammer_one {
  width: 3.325rem;
  height: 4.15rem;
  position: absolute;
  right: 0.6rem;
  bottom: 3rem;
}

.news_list {
  background: #fff;
}

.news_list li {
  line-height: 1.5;
  position: relative;
  padding: .725rem 0.6rem 0.725rem 0.6rem;
  border-bottom: 1px solid #e4eaf2;
}











/*
.news_list li .time {
	position: absolute;
	right: 0.6rem;
	bottom: 0.8rem;
	color: #9b9d9d;
	font-size: .6rem;
}
*/
.open_more_comment_line {
  text-align: center;
  padding: 0.6rem 0;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FEBF55;
  border-top: 1px solid #EEEEEE;
}

.recommended_highlights_line {
  background: #EEEEEE;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #868686;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem;
}

.recommended_highlights_line>div:nth-child(1) {
  margin-bottom: 0.25rem;
}

.recommended_highlights_line>div:nth-child(3) {
  margin-bottom: 0.25rem;
}

.chat_filtering_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-top: .25rem;
}

.chat_filtering_box .box_l {
  background: rgba(255, 255, 255, 0.2);
  border-radius: .125rem;
  text-align: center;
  padding: 0.3rem 1.1rem 0.3rem 0.5rem;
  line-height: 1;
  background: rgba(255, 255, 255, 0.2) url(../images/white_up.png) no-repeat 3.25rem 0.6rem/.4rem .225rem;
}

.chat_filtering_box .box_l.item_open {
  background: rgba(255, 255, 255, 0.2) url(../images/white_down.png) no-repeat 3.25rem 0.6rem/.4rem .225rem;
}

.chat_filtering_box .box_l .filtering_item {
  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: 400;
  vertical-align: middle;
  color: #FFFFFF;
}

.chat_filtering_box .box_l img {
  width: .4rem;
  height: .225rem;
  vertical-align: middle;
  margin-left: .25rem;
}

.chat_filtering_box .filtering_open_box {
  position: absolute;
  left: 0;
  bottom: -4.825rem;
  background: rgba(255, 255, 255, .95);
  border-radius: .125rem;
}

.filtering_open_box li {
  padding: 0.5rem 0.8rem;
  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #25211F;
}

.chat_filtering_box .box_r button {
  width: 4.5rem;
  height: 1.55rem;
  background: url(../images/i_wanna_jb.png) no-repeat center/cover;
  border: none;
  vertical-align: middle;
}

.tree_hole_chat_out_box {
  padding-top: 11rem;
}

.tree_hole_live_module {
  margin-left: .75rem;
  width: 4rem;
  flex-shrink: 0;
  position: absolute;
  right: 0;
  top: 0;
  padding-left: .375rem;
  text-align: center;
  padding-top: 3.5rem;
  background: url(../images/live_broadcasting_room.png) no-repeat center top/4rem 6.225rem;
}

.tree_hole_live_module img {
  width: 2.65rem;
  margin-bottom: .375rem;
  height: 2.35rem;
}

.yellow_live_ing {
  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #261E00;
  background: #FFDF6B;
  border-radius: .45rem;
  padding: 0.05rem 0.2rem;
  margin-right: .25rem;
}

.yellow_live_ing img {
  width: .475rem;
  height: .625rem;
  margin-right: .075rem;
}

.item_jiabing {
  border: .05rem solid #FF863F;
}

.icon_jiabing {
  width: 1.325rem !important;
  height: .7rem !important;
  vertical-align: middle;
  margin-left: .25rem;
  border-radius: 0 !important;
}

.item_zhuchi {
  border: .05rem solid #FFE156;
}










}

.icon_zhuchi {
  width: 1.35rem !important;
  height: .7rem !important;
  border-radius: 0 !important;
  margin-left: .25rem;
}

.btn_audio_play {
  display: inline-block;
  width: 1.2rem;
  vertical-align: middle;
  height: 1.2rem;
  background: url(../images/audio_play.png) no-repeat center/1.2rem 1.2rem;
  margin-right: .25em;
}

.btn_audio_play.active {
  background: url(../images/audio_pause.png) no-repeat center/1.2rem 1.2rem;
}

.dynamic_development_popup {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  background: #fff;
}

.development_inner_popup {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.development_inner_popup>div {
  width: 25%;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #000000;
  text-align: center;
  padding: 0.35rem 0;
}

.development_inner_popup>div>div:nth-child(1) {
  height: 2rem;
  line-height: 2rem;
}

.development_inner_popup>div>div:nth-child(1)>img {
  max-width: 1.85rem;
  max-height: 1.8rem;
}

.dynamic_development_popup .popup_cancel {
  text-align: center;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
  padding: 0.725rem 0;
  border-top: 1px solid #efefef;
}

.icon_hot_stock_mask {
  width: 3.725rem;
  height: .825rem;
}

.hammer_popup {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 100002;
  background: #fff;
  height: 90%;
}

.hammer_ani_box {
  padding: 0.6rem;
  position: relative;
  height: 100%;
  background: url(../images/bg_deepBlue.png) no-repeat center/cover;
}

.hammer_ani_box .icon_popup_close {
  text-align: right;
}

.hammer_ani_box .icon_popup_close img {
  width: .6rem;
  height: .6rem;
}

.notice_set_list .set_item_main {
  background: #fff;
  padding: 0.725rem 0.6rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.notice_set_list .set_item_title {
  padding: 0.725rem 0.6rem 0.3rem 0.6rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
}

.mui-switch {
  background: #E9E9E9 !important;
}

.notice_page_more_shares {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: .75rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: .65rem;
}

.notice_page_more_shares img {
  width: .7rem;
  height: .35rem;
  margin-left: .2rem;
}

.notice_page_add_shares_btn {
  margin: 1.2rem auto .65rem;
  width: 17.7rem;
  height: 2.5rem;
  background: #F2B237;
  border-radius: .25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.05rem;
}


.notice_page_popup_main {
  margin-top: .4rem;
}

.notice_page_popup_add_shares_input_area {
  position: relative;
}

.notice_page_popup_add_shares .popup_main input {
  width: 100%;
  height: 2.25rem;
  background: #F4F4F4;
  border: .05rem solid #DADADA;
  border-radius: .15rem;
  padding: .8rem 1.65rem .8rem .6rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #000000;
}

.notice_page_popup_add_shares .popup_main input::placeholder {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
  text-align: center;
}



.notice_page_popup_add_shares_input_area img {
  position: absolute;
  width: .75rem;
  height: .7rem;
  top: 50%;
  transform: translateY(-50%);
  right: .65rem;
}

.notice_page_popup_shares_content_item {
  padding: .9rem 0 1rem 0;
  height: auto !important;
}

.notice_page_popup_shares_content_item_text_name {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: .7rem;
}

.notice_page_popup_shares_content_item_text_number {
  margin-top: .35rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: .45rem;
}





.combat_props_item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem 0.6rem;
}

.combat_props_item .item_name {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
}

.combat_props_item .item_card {
  text-align: center;
  margin-left: .5rem;
}

.combat_props_item .item_card .card_img img {
  width: 3.9rem;
  height: 3.775rem;
}

.combat_props_item .item_card .card_text {
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ADADAD;
  height: 1.325rem;
  line-height: 1.325rem;
}

.combat_props_item .item_card .card_btn button {
  background: url(../images/btn_exchange.png) no-repeat center/3.075rem 1.325rem;
  width: 3.1rem;
  height: 1.325rem;
  border: none;
}

.card_package_popup .card_package_chongzhi {
  height: 20rem;
  background: url(../images/card_chongzhi.png) no-repeat center/15.55rem 19.25rem;
}














/*新加*/
.check_more_text {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 10000;
  bottom: 2rem;
}

.check_more_text span {
  background: #628FFB;
  color: #fff;
  padding: 0.1rem 0.5rem;
  border-radius: .5rem;
  font-size: .75rem;
}














/*树洞新加*/
.sd_slide_img img {
  height: 7.1rem;
}














/*8.5.1*/
.per_chat_list li.chat_item {
  display: flex;
  align-items: flex-start;
  margin: .5rem .75rem 0;
  max-width: 75%;
  position: relative;
}

.per_chat_list li .item_head img {
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 50%;
}

.per_chat_list li .item_detail .de_name {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFCA56;
  display: flex;
  align-items: center;
}
.chat_room_white_box .per_chat_list li .item_detail .de_name{
  color: #fb9862;
}
.per_chat_list li .item_detail .de_text {
  margin-top: .25rem;
  position: relative;
  word-wrap: break-word;
  word-break: break-all;
}

.per_chat_list li .item_detail .de_text>div {
  min-width: 110px;
}

*/ .btn-yellow-radius {
  display: inline-block;
  background: #FFCA56;
  border-radius: 1rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  padding: 0.5rem 1.5rem;
  line-height: 1;
}

.st-none-tab4 {
  padding: 2rem 0;
  background: #fff;
  border-radius: .5rem;
  font-size: .7rem;
}

.de-text-img {
  position: absolute;
  left: 0;
  bottom: -3.2rem;
  z-index: 10;
}

.de-text-img img {
  width: 6rem;
}

.de-copy-text {
  margin-top: .25rem;
}

.de-copy-text-p,
.text_state_img_box {
  padding: .25rem 1.5rem .25rem .5rem;
  font-size: .65rem;
  border-radius: .25rem;
  /* background: #ededed; */
  color: #fff;
  background: rgba(0, 0, 0, .22);
}

.de-copy-text-p i {
  font-style: normal;
  color: #CC3131;
}

.de-text-inner {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.de-text-inner>a {
  flex: 1;
  text-indent: -9999px
}

.per_chat_list li .item_detail {
  margin-left: .5rem;
  width: 100%;
}

.per_chat_list li .item_detail .de_text>div {
  position: relative;
  /* display: inline-block; */
}

.text_main_handle {
  margin-left: .5rem;
  display: flex;
}

.text_main_handle ._handle_lk {
  width: 30px;
  height: 23px;
  background: rgba(0, 0, 0, .3) url('../images/icon-dianzan.png') no-repeat 6px center;
  background-size: 11px;
  /* opacity: 0.3; */
  border-radius: 5px;
  margin-right: 4px;
}

.text_main_handle ._handle_lk.active {
  background-color: #FFCA56;
}
.chat_room_white_box .text_main_handle ._handle_lk.active{
  background-color: #fb9862;
}
.text_main_handle ._handle_lk b {
  margin-left: 19px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FEFEFE;
}

.text_main_handle ._handles {
  position: relative;

}

.text_main_handle ._handles>a {
  display: block;
  width: 30px;
  height: 23px;
  background: rgba(0, 0, 0, .3) url('../images/icon-handles.png') no-repeat center center;
  background-size: 11px;
  /* opacity: 0.3; */
  border-radius: 5px;
}

/* 正常显示时ul的位置 */
.text_main_handle ._handles ._handles_opmenu {
  position: absolute;
  display: flex;
  justify-content: space-evenly;
  top: -2.1rem;
  left: 15px;
  text-align: center;
  background: #FFFFFF;
  border-radius: .5rem;
  z-index: 99999;
  transform: translateX(-50%);
}

/* 让ul显示在下方 */
.text_main_handle ._handles ._handles_opmenu_change {
  position: absolute;
  display: flex;
  justify-content: space-evenly;
  top: 1.6rem;
  left: 15px;
  text-align: center;
  background: #FFFFFF;
  border-radius: 0.5rem;
  z-index: 99999;
  transform: translateX(-50%);
}
.chat_room_white_box .text_main_handle ._handles ._handles_opmenu,.chat_room_white_box .text_main_handle ._handles ._handles_opmenu_change{
  background: rgba(0, 0, 0, .6);
}
/* 正常显示时小三角的位置 */
.text_main_handle ._handles ._handles_opmenu::after {
  position: absolute;
  content: "";
  bottom: -12px;
  left: 50%;
  margin-left: -6px;
  width: 0;
  height: 0;
  border-top: 6px solid #fff;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.chat_room_white_box .text_main_handle ._handles ._handles_opmenu::after{
  border-top: 6px solid rgba(0, 0, 0, .6);
}
.chat_room_white_box .text_main_handle ._handles ._handles_opmenu_change::after{
  border-bottom: 6px solid rgba(0, 0, 0, .6);
}
/* 根据ul的位置改变小三角的位置 */
.text_main_handle ._handles ._handles_opmenu_change::after {
  position: absolute;
  content: "";
  bottom: 1.55rem;
  left: 50%;
  margin-left: -6px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}


.text_main_handle ._handles li {
  padding: .25rem .5rem;
  font-size: .7rem;
  font-weight: 500;
  color: #000000;
  white-space: nowrap;
  /* line-height: 44px; */
}
.chat_room_white_box .text_main_handle ._handles li {color: #fff;}
.text_main_handle ._handles li i {
  font-style: normal;
}

.text_main_handle ._handles li:not(:last-child) {
  border-right: 1px solid #CCCCCC;
}

.per_chat_list li .item_detail .de_text .de_text_answer {
  display: inline-block;
  margin-top: 5px;
  float: right;
}

.per_chat_list li .item_detail .de_text .de_text_answer .de_text_answerr {
  background: linear-gradient(0deg, rgba(239, 64, 64, .9) 0%, rgba(245, 132, 132, .9) 100%);
  border-radius: 5px;
  padding: 6px 9px 7px;
  font-size: 11px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  /* line-height: 30px; */
}

.per_chat_list li .item_detail .de_text .de_text_answer .de_text_answerr a {
  text-decoration: underline;
}

.per_chat_list li .item_detail .de_text .de_text_answer .de_text_answerg {
  float: right;
  display: inline-block;
  padding: 7px 10px;
  background: linear-gradient(0deg, rgba(141, 141, 141, 1) 0%, rgba(175, 175, 175, 1) 100%);
  border-radius: 5px;
  font-size: 11px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FEFEFE;
  margin-top: 4px;
}

.per_chat_list li .item_detail .de_text .de_text_reward {
  display: inline-block;
  float: right;
  margin-top: 5px;
  background: linear-gradient(0deg, rgba(255, 104, 51, .9) 0%, rgba(240, 174, 125, .9) 100%);
  border-radius: 5px;
  padding: 7px 10px;
  font-size: 11px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.per_chat_list li .item_detail .de_text .de_text_reward i {
  font-style: normal;
}

.per_chat_list li .item_detail .de_text .de_text_reward a {
  text-decoration: underline;
}


.per_chat_list li .item_detail .text_main {
  /* background: rgba(0, 0, 0, .22); */
  background: #dedede;

  /* font-size: .7rem; */
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
  padding: 0.1rem 0.3rem;
  border-radius: .075rem .25rem .25rem .25rem;
  display: inline-block;
  /* min-width: 7rem; */
  border: 1px solid rgba(0,0,0,0)
  
}

.de_name_img {
  width: .6rem;
  height: .6rem;
  margin-right: .15rem;
}

.c_text_main_c {
  background-color: #FFCA56 !important;
  color: #232323 !important;
}
.chat_room_white_box .c_text_main_c{
  background-color: #fb9862 !important;
  color: #fff !important;
}
.per_chat_list li .item_detail .text_main b {
  display: block;
  font-style: normal;
  margin-bottom: 15px;
}

.per_chat_list li .item_detail .text_main i {
  font-style: normal;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #CC3131;
}

.per_chat_list li .item_detail .text_main i a {
  text-decoration: underline;
}

.add_optional_item {
  border-radius: .075rem .75rem .75rem .75rem;
  display: inline-block;
}

.add_optional_item .item_title {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  text-align: center;
  background: rgba(255,
      202,
      86,
      1);
  padding: 0.3rem 0;
  border-radius: 0 0.75rem 0rem 0;
}

.add_optional_item .item_main {
  background: rgba(255,
      255,
      255,
      0.33);
  border-radius: 0 0 0.75rem 0.75rem;
  padding: 0.3rem;
}
.chat_room_white_box .add_optional_item .item_main {
  background: rgba(0,
      0,
      0,
      0.33);
}
.add_optional_item .item_main .main_head p {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: .85rem
}

.add_optional_item .item_main .main_bot span {
  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  background: #FFCA56;
  border-radius: .475rem;
  padding: 0.05rem 0.25rem;
}

.add_optional_item .item_main .main_bot {
  text-align: center;
}

.bot_various_operations {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  background: #fff;
  padding: 0.725rem 0;
  display: none;
}

.chat_room_box {
  background: url(../images/bg_chat_room.png) no-repeat center /100% 100%;
  padding: 0.6rem 0;
}
.chat_room_white_box{
  background: url(../images/bg_chat_room_white.png) no-repeat center /100% 100%;
}
.de_stock_detail_box {
  display: inline-block;
  width: 100%;
}

.de_stock_detail_box .box_top {
  background: #fff;
  padding: 0.6rem;
  border-radius: 0 .75rem 0 0;
}

.de_stock_detail_box .box_bot {
  background: #EFEFEF;
  border-radius: 0 0 .75rem .75rem;
  padding: 0.3rem 0.6rem;
  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.de_stock_detail_box .box_bot .bot_right img {
  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.bot_various_operations>div {
  width: 25%;
  text-align: center;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #949494;
  line-height: 1.15rem;
  margin-top: 0.5rem;
}

.bot_various_operations>div img {
  width: 2.7rem;
  height: 2.7rem;
}

.dia_redbag_box {
  width: 10.65rem;
  height: 4.025rem;
  color: #fff;
  padding-left: 2.5rem;
  padding-top: 1rem;
  font-size: .8rem;
  background: url(../images/dialog_bigredbag.png) no-repeat center/10.65rem 4.025rem;
}

.dia_redbag_box.active {
  padding-top: 0.5rem;
  color: #fdf8f0;
  background: url(../images/dialog_bigredbag_active.png) no-repeat center/10.65rem 4.025rem;
}

.dia_redbag_record {
  text-align: center;
}

.dia_redbag_record img {
  width: .65rem;
  height: .725rem;
  margin-right: .125rem;
}

.dia_redbag_record span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  opacity: 0.7;
}

.chat_room_white_box .dia_redbag_record span {
  color: #565656 !important;
}

.redbag_nums_popup {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1002;
  background: #fff;
  padding: 0.5rem 0.6rem;
  border-radius: .5rem .5rem 0 0;
}

.redbag_nums_popup .popup_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.redbag_nums_popup .popup_head .head_l img {
  width: .925rem;
  height: 1.075rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.redbag_nums_popup .popup_head .head_l span {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  vertical-align: middle;
}

.redbag_nums_popup .popup_head .head_r img {
  width: .6rem;
  height: .6rem;
}

.redbag_nums_popup .popup_main .bag_input_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2.75rem;
  background: #F5F5F5;
  border: 1px solid #CCCCCC;
  border-radius: .25rem;
  padding: 0 0.6rem;
  margin-top: .725rem;
}

.redbag_nums_popup .popup_main .bag_input_box .box_r input {
  border: none;
  background: none;
  text-align: right;
}

.redbag_nums_popup .popup_main .bag_input_box .box_r .num_input {
  width: 4rem;
}

.redbag_nums_popup .popup_main .bag_input_box .box_r .text_input {
  width: 8rem;
}

.box_explain {
  text-align: right;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.btn_send_redbag {
  width: 100%;
  height: 2.75rem;
  background: #FFCA56;
  border-radius: .25rem;
  border: none;
  margin-top: 1.5rem;
}

.red_envelope_popup {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1002;
  background: #fff;
  border-radius: .5rem .5rem 0 0;
}

.red_envelope_popup .en_head {
  display: flex;
  padding: 0.5rem 0.6rem;
  justify-content: space-between;
  align-items: center;
}

.red_envelope_popup .en_head img {
  width: .6rem;
  height: .6rem;
}

.red_envelope_popup .en_neck {
  margin-top: -1rem;
}

.red_envelope_popup .en_neck .neck_top .t_head img {
  width: 1.05rem;
  height: 1.05rem;
}

.red_envelope_popup .en_neck .neck_top .t_head {
  text-align: center;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.red_envelope_popup .en_neck .neck_top .t_bot {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
  text-align: center;
}

.red_envelope_popup .en_neck .neck_bot {
  padding: 1.5rem 0;
}

.red_envelope_popup .en_neck .neck_bot .b_head {
  text-align: center;
  line-height: 1;
}

.red_envelope_popup .en_neck .neck_bot .b_head .num {
  font-size: 3rem;
  font-family: DIN Next LT Pro;
  font-weight: 500;
  color: #DD5847;
}

.red_envelope_popup .en_neck .neck_bot .b_head .name {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #DD5847;
}

.red_envelope_popup .en_neck .neck_bot .b_bot {
  text-align: center;
}

.red_envelope_popup .en_neck .neck_bot .b_bot a {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #DD5847;
}

.red_envelope_popup .en_main {
  border-top: .4rem solid #EFEFEF;
  padding: 0.5rem 0.6rem;
  height: 14rem;
}

.red_envelope_popup .en_main .receive_title {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.red_envelope_popup .receive_title {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.receive_bb_list {
  height: 10rem;
  overflow-y: auto;
}

.receive_bb_list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.receive_bb_list .li_head img {
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 50%;
  vertical-align: middle;
}

.receive_bb_list .li_msg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: .25rem;
  border-bottom: 1px solid #EFEFEF;
  padding: 0.5rem 0;
}

.receive_bb_list .li_msg .msg_name {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.receive_bb_list .li_msg .date {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.receive_bb_list .li_msg .msg_num {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.receive_bot_state {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: 1.1rem;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 0.5rem;
}

.open_redbag_popup {
  width: 75%;
  height: 19.3rem;
  position: absolute;
  transform: translate(-50%,
      -50%);
  z-index: 1002;
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%,
      -50%);
  left: 50%;
  top: 50%;
  border-radius: .5rem;
  position: absolute;
  background: url(../images/bg_bigredbag.jpg) no-repeat center/cover;
}

.open_redbag_popup .popup_head {
  text-align: center;
  padding-top: 1rem;
}

.open_redbag_popup .open_redbag_close {
  text-align: center;
  position: absolute;
  bottom: -3rem;
  width: 100%;
}

.open_redbag_popup .open_redbag_close img {
  width: 2rem;
  height: 2rem;
}

.open_redbag_popup .popup_head .head_name {
  text-align: center;
  white-space: nowrap;
  font-family: "PingFang SC";
  color: rgb(231,
      212,
      182);
  font-size: .75rem;
}

.open_redbag_popup .popup_head .head_img img {
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 50%;
}

.open_redbag_popup .popup_main {
  margin-top: 2rem;
}

.open_redbag_popup .popup_main .main_head {
  font-size: 0.8rem;
  text-align: center;
  white-space: nowrap;
  font-family: "PingFang SC";
  color: rgb(231,
      212,
      182);
  line-height: 1.2;
  text-shadow: 0px .075rem .1rem rgba(53,
      53,
      53,
      0.44);
}

.open_redbag_popup .popup_main .main_bot {
  font-size: 1.2rem;
  text-align: center;
  /*white-space: nowrap;*/
  font-family: "PingFang SC";
  color: rgb(231,
      212,
      182);
  line-height: 1.2;
  text-shadow: 0px .075rem .1rem rgba(53,
      53,
      53,
      0.44);
  margin-top: .5rem;
  word-break: break-all;
}

.open_redbag_popup .btn_open {
  width: 5rem;
  height: 5rem;
  position: absolute;
  bottom: -1rem;
  border-radius: 50%;
  transform: translate(-50%,
      -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%,
      -50%);
  left: 50%;
  border: none;
  opacity: 0;
}

.bang_oper_more_popup {
  position:absolute;
  margin-top: .5rem;
  width: 75%;
  transition:width 0.5s;
}

.bang_oper_more_popup .more_head {
  background: #FFFFFF;
  border-radius: .25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1;
  height: 3.65rem;
}

.bang_oper_more_popup .more_head .head_l {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.35rem;
  width: 100%;
}

.bang_oper_more_popup .more_head .head_r {
  height: 100%;
  padding: 0 0.2rem;
  background: #EFEFEF;
  line-height: 3.65rem;
  border-radius: 0px .25rem .25rem 0px;
}

.bang_oper_more_popup .more_head .head_r img {
  width: .25rem;
  height: .45rem;
}

.bang_oper_more_popup .more_head .item_mid {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
  margin-left: .5rem;
}

.bang_oper_more_popup .more_head .item_title strong {
  font-size: 1.575rem;
  font-family: DIN Next LT Pro;
  font-weight: 500;
}

.bang_oper_more_popup .more_head .item_title .item_b {
  margin-top: .25rem;
  font-size: .6rem;
}

.bang_oper_more_popup .more_head .item_title .item_b span:nth-child(1) {
  margin-right: .5rem;
}

.bang_oper_more_popup .more_head .item_mid span {
  margin-right: .25rem;
}

.bang_oper_more_popup .more_head .item_mid .mid_b {
  margin-top: .725rem;
}

.more_bang_oper_tabs {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.more_bang_oper_tabs>a {
  flex: 1;
  background: rgba(255,
      255,
      255,
      .85);
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #5E4A31;
  text-align: center;
  border-radius: .25rem;
  padding: 0.15rem 0;
  margin: 0 .125rem;
}

.more_bang_oper_tabs>a:nth-child(1) {
  margin-left: 0;
}

.more_bang_oper_tabs>a:last-child {
  margin-right: 0;
}

.more_bang_oper_tabs>a img {
  width: 1.45rem;
  height: 1.45rem;
}

.more_bang_oper_tabs>a.active {
  background: linear-gradient(0deg,
      #FFD372,
      #FFF8E7);
}

.more_bang_oper_tabs>a>div:nth-child(2) {
  margin-top: -0.3rem;
}

.tabs_page_content {
  background: #FFFFFF;
  border: .075rem solid #FFD883;
  border-radius: .25rem;
  margin-top: .25rem;
}

.tabs_page_content .tab {
  overflow: scroll;
  min-height: 8rem;
}

.bang_oper_list {
  padding: 0.3rem;
}

.bang_tiaoyan_mask {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  background: #628FFB;
  border-radius: .15rem;
  color: #FFFFFF;
  padding: 0.1rem 0.15rem;
  margin-right: .125rem;
  vertical-align: middle;
  line-height: 1;
  display: inline-block;
}

.bang_oper_list .list_top p {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.bang_oper_list li {
  border-bottom: 1px solid #EFEFEF;
  padding: 0.3rem 0;
}

.bang_oper_list .list_bot {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.btn_publish_reminder {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  padding: 0.05rem 0.1rem;
  background: #FFCA56;
  border-radius: .15rem;
}

.bang_news_mask {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  background: #CC3131;
  padding: 0.05rem 0.1rem;
  border-radius: .15rem;
  margin-right: .125rem;
  vertical-align: middle;
}

.more_tiaoyan_content {
  padding: 0.25rem 0;
  text-align: center;
  padding-top: 0.15rem;
}

.more_tiaoyan_content a {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #628FFB;
}

.more_line_rise_fall {
  border-radius: .625rem;
  border: 1px solid rgba(249,
      212,
      181,
      1);
  margin-top: .375rem;
  height: 1.35rem;
}

.more_line_rise_fall .rise_fall_box {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: .625rem;
  background: #2B952B;
  padding: 0.05rem;
}

.rise_fall_box .box_l {
  width: 40%;
  background: #CC3131;
  height: 104%;
  border-radius: .475rem 0 0 .475rem;
  position: relative;
}

.rise_fall_box .box_l:after {
  content: "";
  position: absolute;
  border-bottom: 0.6rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 1.35rem solid #CC3131;
  right: -0.5rem;
}

.rise_fall_box .box_l span {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #CC3131;
  padding: 0.05rem 0.25rem;
  background: #FFFFFF;
  border-radius: .475rem;
}

.rise_fall_box .box_r span {
  background: #FFFFFF;
  border-radius: .475rem;
  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2B952B;
  padding: 0.05rem 0.25rem;
  white-space: nowrap;
}

.rise_fall_box .num {
  background: none !important;
  font-size: .55rem !important;
  font-family: PingFang SC;
  font-weight: bold !important;
  color: #FFFFFF !important;
  margin: 0 0.25rem;
  padding: 0 !important;
  white-space: nowrap;
}

.dingpan_list {
  padding: 0.3rem;
  background: #fff;
}

.dingpan_list li {
  display: flex;
  justify-content: flex-start;
  padding-top: 0.25rem;
}

.dingpan_list .dingpan_main_head p {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  word-break: break-all;
}

.dingpan_list .dingpan_main_bot {
  border-bottom: 1px solid #EFEFEF;
  padding-bottom: 0.3rem;
}

.dingpan_list .dingpan_main_bot p {
  font-size: .65rem;
  color: #2E2E2E;
}

.dingpan_list .list_bot {
  padding-bottom: 0.3rem;
  padding-left: 0.35rem;
  width: 100%;
}

.dingpan_list .list_top {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
  border-right: 1px solid rgba(239,
      239,
      239,
      1);
  position: relative;
  padding-right: 0.3rem;
  width: 2.5rem;
}

.dingpan_list .list_top span {
  white-space: nowrap;
}

.dingpan_list .list_top .date:after {
  content: "";
  display: inline-block;
  width: .225rem;
  height: .225rem;
  background: #628FFB;
  border-radius: .125rem;
  position: absolute;
  right: -0.1rem;
  top: 0.35rem;
}

.same_subject_box {
  position: absolute;
  right: 0;
  width: 20%;
  text-align: center;
  z-index: 12;
  margin-top: 1.1rem;
}

.same_subject_box .same_head {
  background: rgba(255,
      202,
      86,
      0);
  border: .05rem solid #F9D4B5;
  border-radius: .625rem 0 0 .625rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #FFCA56;
  border-right: none;
  padding: 0.25rem 0;
}

.same_subject_box .same_subject_subbox {
  height: 156px;
  overflow-y: auto;
}

.same_subject_box .subject_head {
  position: relative;
  margin-top: .375rem;
}

.same_subject_box .subject_head .head_b span {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  padding: 0 0.1rem;
  background: #FFCA56;
  border-radius: .15rem;
  line-height: 1;
}

.same_subject_box .subject_head .head_b {
  margin-top: -0.65rem;
}

.same_subject_box .subject_head .head_t img {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
}

.subject_people_nums {
  margin-top: .375rem;
  background: rgba(0,
      0,
      0,
      0.3);
  border-radius: 0.8rem;
  display: inline-block;
  padding: 0.1rem 0.35rem;
  line-height: 1.4;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.subject_people_nums .people_nums_head {
  text-align: center;
}

.subject_people_nums .people_nums_head img {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  margin: 0 -0.2rem;
}

.share_invitation_box,
.call_assistant_box {
  margin-top: .375rem;
}

.share_invitation_box>div,
.call_assistant_box>div:nth-child(1) {
  display: inline-block;
  background: rgba(0,
      0,
      0,
      0.3);
  border-radius: 50%;
  width: 2.2rem;
  height: 2.2rem;
  font-size: .45rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  padding-top: 0.25rem;
}

.share_invitation_box>div img,
.call_assistant_box>div img {
  width: .725rem;
  height: .725rem;
}


.share_invitation_box_copy {
  margin-top: .375rem;
}

.share_invitation_box_copy>div {
  display: inline-block;
  background: rgba(0,
      0,
      0,
      0.3);
  border-radius: 50%;
  width: 2.2rem;
  height: 2.2rem;
  font-size: .45rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  padding-top: 0.25rem;
}

.same_subject_popup {
  position: absolute;
  right: 0;
  height: 100%;
  z-index: 10001;
  background: #fff;
  width: 70%;
}

.same_subject_popup .popup_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem;
}

.same_subject_popup .popup_head .head_title {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #000000;
}

.same_subject_popup .popup_head .head_close {
  width: .6rem;
  height: .6rem;
}

.same_subject_popup .popup_main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 90%;
}

.same_subject_popup .popup_main .main_right {
  padding: 0.6rem;
  height: 100%;
  overflow-y: auto;
}

.same_subject_popup .popup_main .main_left ul li {
  height: 1.95rem;
  line-height: 1.95rem;
  width: 3.55rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  text-align: center;
}

.same_subject_popup .popup_main .main_left ul li>a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.same_subject_popup .popup_main .main_left ul li>a.active {
  background: #FEC15A;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #000000;
}

.same_subject_matter_list {
  height: 100%;
  overflow-y: auto;
}

.same_subject_matter_list li {
  border-radius: .25rem;
  width: 8.3rem;
  position: relative;
  padding: 0.5rem 0.6rem;
  padding-top: 1.5rem;
  margin-bottom: .5rem;
}

.bg_matter_green {
  background: #E7FFF5;
}

.matter_list .list_title {
  background: #FEC15A;
  border-radius: .25rem 0px .25rem 0px;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #C9232D;
  padding: 0.1rem 0.15rem;
  position: absolute;
  left: 0;
  top: 0;
}

.matter_list .list_stock_main {
  font-size: .85rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #2E2E2E;
}

.list_stock_mask span {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #44AD7C;
}

.bg_matter_red {
  background: #FFEDEE;
}














/*我的消息页*/
.chat_news_tab_line {
  background: #F4F4F4;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.6rem;
}

.chat_news_tab_line .line_right {
  white-space: nowrap;
}

.chat_news_tab_line .line_left a {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  padding: 0.4rem 0.4rem;
  position: relative;
  white-space: nowrap;
}

.chat_news_tab_line .line_left a.active {
  font-weight: bold;
  color: #2E2E2E;
  font-size: .7rem;
  position: relative;
}

.chat_news_tab_line .line_left a.active:after {
  content: "";
  display: inline-block;
  height: .15rem;
  width: 50%;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%,
      -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%,
      -50%);
  background: rgba(254,
      203,
      106,
      1);
}

.chat_news_tab_line .line_right img {
  max-width: .975rem;
  height: .975rem;
  margin-left: .25rem;
}

.moment_mood_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: url(../images/bg_moment_mood.png) no-repeat center/cover;
  padding: 0.35rem 0.6rem;
  border-radius: .25rem;
}

.moment_mood_box .box_left {
  text-align: center;
}

.moment_mood_box .box_left .left_t {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 1.475rem;
  text-shadow: 0px .05rem 0px #8B00B7;
  white-space: nowrap;
}

.moment_mood_box .box_left .left_b {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  white-space: nowrap;
}

.moment_mood_box .box_mid img {
  width: 2.8rem;
  height: 3rem;
}

.moment_mood_box .box_right span {
  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FF7E00;
  border-radius: .75rem;
  padding: 0.25rem 0.6rem;
  background: rgba(255,
      255,
      255,
      0.9);
}

.moment_mood_out_box {
  padding: 0.6rem;
}














/*发动态*/
.mood_moment_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: .25rem;
}

.mood_moment_box .box_l {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFB23E;
}

.mood_moment_box .box_r {
  background: #FFEACA;
  border-radius: .85rem;
  padding: 0.2rem 0.5rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFB23E;
  margin: .3rem !important;
}

.mood_moment_box .box_r img {
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 50%;
}

.mood_moment_box .box_r span {
  margin-left: .25rem;
}

.img_index_box {
  border: 1px solid #EFEFEF;
  background: rgba(239,
      239,
      239,
      1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  width: 100%;
  left: 0;
  line-height: 1;
  bottom: 0;
  padding: 0.2rem 0.1rem;
}

.img_index_box .box_l {
  font-size: .45rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(46,
      46,
      46,
      1);
  white-space: nowrap;
}

.img_index_box .box_r {
  font-size: .45rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  white-space: nowrap;
}













/*大厅自选*/
.dt_zx_head_box {
  box-shadow: 0px .15rem .2rem 0px rgba(0, 0, 0, 0.02), 0px 0px 0px 0px #EFEFEF;
  background: #fff;
  padding: 0.5rem 0.6rem;
  width: 100%;
  z-index: 1001;
  position: fixed;
  left: 0;
  top: 0;
}

.dt_zx_head_box .box_top {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
    /* padding-right: 3.6rem; */
}

.dt_zx_head_box .box_top>div {
  /* flex: 1; */
  text-align: center;
  white-space: nowrap;
  overflow-x: scroll;
}

.dt_zx_head_box .box_top>div.top_new_left {
  text-align: left;
  /* flex: 1; */
  overflow-y: hidden;
}

.dt_zx_head_box .box_top .top_left a {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  margin-right: .65rem;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #6B6B6B;
  position: relative;
}

.dt_zx_head_box .box_top .top_left a.active {
  font-size: 1rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.dt_zx_head_box .box_top .top_new_left .new_stock_name {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.dt_zx_head_box .box_top .top_new_left span.active {
 border-bottom: 0.15rem solid #FFA639;
}

.dt_zx_head_box .box_top .top_new_left .stock_num {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  margin-left: .125rem;
}

.dt_zx_head_box .box_top .top_new_left img {
  width: .4rem;
  height: .225rem;
  vertical-align: middle;
  margin-left: .125rem;
}

.dt_zx_head_box .box_top .top_right {
  /* position: absolute;
  top: 0;
  right: 0;*/
  text-align: right;
}

.top_right_message_absolute {
    padding: .3rem .5rem;
    background-color: rgba(0, 0, 0, .6);
    border-radius: .25rem;
    position: sticky;
    top: 1.5rem;
    right: 0;
    font-size: .55rem;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #FFFFFF;
}

#page_Square_index .top_right_message_absolute {
    padding: .3rem .5rem;
    background-color: rgba(0, 0, 0, .6);
    border-radius: .25rem;
    position: absolute;
    font-size: .55rem;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #FFFFFF;
    top: 1.75rem;
    right: 0.1rem;
    z-index: 9998;
    width: 5.5rem;
}

#page_My_index .top_right_message_absolute {
    padding: .3rem .5rem;
    background-color: rgba(0, 0, 0, .6);
    border-radius: .25rem;
    position: absolute;
    font-size: .55rem;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #FFFFFF;
    top: 2.25rem;
    right: 2.25rem;
    z-index: 9998;
}

.top_right_message_absolute::after {
  position: absolute;
  top: -0.3rem;
  right: .3rem;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: .2rem solid transparent;
  border-right: .2rem solid transparent;
  border-bottom: .3rem solid rgba(0, 0, 0, .6);
}

.dt_zx_head_box .box_top .top_right img:nth-child(1) {
  margin-right: 1rem;
  width: .9rem;
  height: .9rem;
}

.dt_zx_head_box .box_top .top_right img {
  width: 1.025rem;
  height: .75rem;
}

.dt_zx_head_box .box_top .top_right span {
  border-radius: .225rem;
  font-size: .45rem;
  font-family: PingFang SC;
  font-weight: 500;
  padding: 0 0.2rem;
  line-height: 1;
  color: #FFFFFF;
  position: absolute;
  background: #CC3131;
  right: -0.2rem;
  top: 0;
  border-radius: 50%;
}

.search_area_bgcolor {
  position: absolute;
  top: 0rem;
  left: 0;
  width: 100vw;
  height: 3rem;
  background: #EFEFEF;
  z-index: -1;
}

.dt_zx_head_box .box_bottom {
  margin-top: .7rem;
  position: relative;
  z-index: 999;
}

/*更多群聊*/
#page_Hall_MoreHallOperateList .dt_zx_head_box .box_bottom {
  margin-top: 0rem;
  position: relative;
  z-index: 999;
}

/*更多群聊*/

.dt_zx_head_box .box_bottom input {
  width: 100%;
  height: 2rem;
  border-radius: 1rem;
  border: .075rem solid #FF964C;
  padding-left: 1.8rem;
  background: url(../images/icon-search.png) no-repeat 0.6rem center/.725rem .725rem;
  background-color: #fff;
}

.dt_zx_head_box .box_bottom .search_btn {
  top: .2rem;
  right: .25rem;
  position: absolute;
  width: 3.2075rem;
  height: 1.5825rem;
  background-color: #FF964C;
  color: #fff;
  font-size: .574rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .7905rem;
}

.dt_zx_head_box .box_bottom .swiper_placeholder {
  position: absolute;
  top: .6rem;
  left: 2rem;
  width: 5.7rem;
  height: 1rem;
  font-size: .65rem;
  font-family: PingFangSC;
  font-weight: 300;
  color: #999999;
}

.swiper_placeholder .text_to_ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

.icon_list_area {
  margin-top: .9rem;
}

.icon_list_area .icon_list {
  /* height: 8.375rem; */
  display: flex;
  flex-wrap: wrap;
}

.icon_list_area .icon_list li {
  height: 3.05rem;
  margin-bottom: .9rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 20%;
  font-size: .6rem;
}

.icon_list_area .icon_list li img {
  width: 2rem;
  height: 2rem;
}

.icon_list_area .icon_list li div {
  width: 100%;
  text-align: center;
  line-height: .6rem;
}

.divider {
  width: 100vw;
  height: .4rem;
  background: #EFEFEF;
}

/* 机构帮解盘区域 */
.organization_solve {
  margin-top: 1.4rem;
  padding: .7rem .55rem .2rem;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(254, 191, 85, 0.16));
  border-radius: .25rem;
}

.organization_solve_title {
  font-size: .95rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2A2A2A;
  line-height: .95rem;
}

.organization_solve_content {
  margin-top: .5rem;
}

.organization_solve_item {
  height: 5rem;
  margin-bottom: .4rem;
  background: #666666;
  border-radius: .5rem;
}

/* 大厅页中间大banner区域 */
.dating_page_banner {
  position: relative;
  /* height: 17.25rem; */
}

.dating_page_banner_shouqi {
    /* height: 14.8rem !important; */
}

.dating_page_banner>img {
  width: 100%;
}

.dating_page_banner_swiperBox {
  position: absolute !important;
  top: 2.5rem;
  left: .95rem;
  width: 12rem;
  height: 3.85rem;
  padding: .35rem 0 .4rem .5rem;
  box-shadow: 0px .15rem .2rem 0px rgba(0, 0, 0, 0.08);
  border-radius: .25rem;
  z-index: 9;
}

.dating_page_banner_swiperBox::after {
  content: "";
  display: block;
  position: absolute;
  width: 12rem;
  height: 3.85rem;
  top: 0;
  left: 0;
  background: #FFF9F2;
  opacity: .5;
  border-radius: .25rem;
  z-index: -1;
}

.dating_page_banner_swiperBox_title {
  display: flex;
  align-items: center;
  z-index: 9;
}

.dating_page_banner_swiperBox_title img {
  width: .95rem;
  height: .95rem;
}

.dating_page_banner_swiperBox_title div:nth-child(2) {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #2E2E2E;
  margin: 0 .15rem 0 .25rem;
  line-height: .75rem;
}

.dating_page_banner_swiperBox_title div:nth-child(3) {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #2E2E2E;
  line-height: .5rem;
}

.dating_page_banner_swiperBox_info {
  width: 95%;
  padding: .15rem 0 .35rem 0;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
  line-height: .65rem;
  border-bottom: .05rem solid #F2DBC5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dating_page_banner_swiperBox_desc {
  display: flex;
  align-items: center;
  margin-top: .3rem;
}

.dating_page_banner_swiperBox_desc_tag {
  display: flex;
  margin-right: .15rem;
  align-items: center;
  justify-content: center;
  background: #BF5C2E;
  border-radius: .15rem;
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: .5rem;
  padding: .15rem .15rem;
}

.dating_page_banner_swiperBox_desc_msg {
  max-width: 7.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #BF5C2E;
  line-height: .6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dating_page_banner_box {
  margin-left: .75rem;
  margin-right: .75rem;
  margin-top: -1.5rem;
  transform: translateX(0);
  background: #FFFFFF;
  border: .15rem solid #EFAE41;
  box-shadow: 0px .15rem .4rem 0px rgba(0, 0, 0, 0.04);
  border-radius: .5rem;
}

.dating_page_banner_box_topBox {
  padding: .6rem .8rem 0;
}

.dating_page_banner_box_title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dating_page_banner_box_title span {
  display: block;
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #5B3221;
  line-height: .85rem;
}

.dating_page_banner_box_title span:last-child {
  margin-left: .25rem;
}

.dating_page_banner_box_number {
  width: .9rem;
  height: 1.15rem;
  margin-left: .25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(0deg, #FFFFFF, #EDEDED, #FFFFFF);
  border: .05rem solid #EFEFEF;
  font-size: .9rem;
  font-family: DIN Next LT Pro;
  font-weight: 500;
  color: #EA3547;
}

.dating_page_banner_box_subTitle {
  width: 9.85rem;
  display: flex;
  margin: .5rem auto .8rem;
  padding: .3rem .9rem;
  justify-content: center;
  align-items: center;
  background: #FEFCF5;
  border: .05rem solid #EFD6C4;
  border-radius: .4rem;
}

.dating_page_banner_box_subTitle span {
  display: block;
  font-size: .7rem;
  color: #5B3221;
  line-height: .65rem;
  font-weight: 500;
}

.dating_page_banner_box_subTitle div {
  font-size: .7rem;
  color: #EA3547;
  line-height: .65rem;
  font-weight: 500;
}

.dating_page_banner_box_searcharea {
  margin-top: .75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: .8rem;
}

.dating_page_banner_box_searcharea input {
  width: 100%;
  height: 2.25rem;
  padding: .75rem;
  background: #EFEFEF;
  border: .05rem solid #CCCCCC;
  border-radius: .5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: .5rem;
}

.dating_page_banner_box_searcharea input::placeholder {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
}

.dating_page_banner_box_searchbtn {
  width: 3.75rem;
  height: 2.25rem;
  padding: 0 .25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(0deg, #FE8646, #FCC998);
  border-radius: .5rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #FFFFFF;
  text-align: center;
  flex-shrink: 0;
}

.dating_page_banner_box_myshares_area {
  position: relative;
  padding: .35rem 0 0.2rem .5rem;
  
}
.dpb-tip-wrp{
  position: absolute;
  top: .25rem;
  left: 2rem;
  background: rgba(0, 0, 0, .8);
  color: #fff;
  font-size: .6rem;
  padding: .1rem .3rem;
  border-radius: .2rem;
  z-index: 100;
  padding-right: 1.2rem;
}
.dpb-tip-wrp::after{
  position: absolute;
  bottom: -6px;
  left: 1rem;
  content: "";
  width: 0;
  height: 0;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: rgba(0, 0, 0, .8) transparent transparent transparent;
}
.dpb-tip-wrp a{
  position: absolute;
  height: 1rem;
  line-height: 1rem;
  width: 1rem;
  top: 0;
  right: 0;
  text-align: center;
}
.dating_page_banner_box_myshares_area_title {
  display: flex;
  align-items: center;
  margin-bottom: .5rem;
}

.dating_page_banner_box_myshares_area_title div:nth-child(1) {
  margin-right: .35rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #5B3221;
}


.dating_page_banner_box_myshares_area_title div:nth-child(2) {
  display: flex;
  height: .85rem;
  padding: 0 .35rem;
  line-height: .55rem;
  align-items: center;
  justify-content: center;
  background: #628FFB;
  border-radius: .4rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.dating_page_banner_box_myshares_area_title div:nth-child(2) img {
  width: .5rem;
  height: .6rem;
  margin-right: .1rem;
}

.dating_page_banner_box_myshares_area_tag_area {
  width: 100%;
  margin-top: .15rem;
  overflow-x: scroll;
  white-space: nowrap;
}

.dating_page_banner_box_myshares_area_tag {
  position: relative;
  display: inline-block;
  padding: .4rem 0 .35rem .35rem;
  width: 4rem;
  height: 2.05rem;
  background: #F8F8F8;
  border-radius: .25rem;
  margin-right: .15rem;
}
.dating_page_banner_box_myshares_area_tag.active,.dating_page_banner_box_myshares_area_tag2.active{background: #FFF4E6;}
.dating_page_banner_box_myshares_area_tag_dot {
  width: .4rem;
  height: .4rem;
  position: absolute;
  top: 0;
  left: 0;
  background-color: red;
  border-radius: 50%;
}
.dpb-close-btn{
  position: absolute;
  width: 1rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  top: 0;
  right: 0;
  font-size: .8rem;
  color: #999;

}
.dating_page_banner_box_myshares_area_tag2 {
  position: relative;
  display: inline-block;
  padding: .4rem 0 .35rem .35rem;
  width: 4rem;
  height: 2.05rem;
  background: #f8f8f8;
  border-radius: .25rem;
  margin-right: .15rem;
}


.dating_page_banner_box_myshares_area_tag_title {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #000000;
  line-height: .6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dating_page_banner_box_myshares_area_tag_info {
  margin-top: .3rem;
  font-size: .6rem;
  font-family: DIN Next LT Pro;
  font-weight: 500;
  color: #297B29;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shares_price_up {
  color: #ff0000 !important;
}




/* 热门群聊区域 */
.dt_zx_stock_module {
  padding: .75rem .3rem 0 .4rem;
}



.dt_zx_stock_module .tab_list {
  position: relative;
  display: flex;
  align-items: center;
  /* margin-bottom: .7rem; */
}

.tab_list a:active {
  color: #333;
  opacity: 1;
}

/* web、手机自带浏览器端 */
.tab_list_fixed {
  width: 100vw;
  padding: .45rem 0 .7rem 0;
  position: fixed;
  top: 4.75rem;
  left: 0;
  display: flex;
  align-items: center;
  background: #fff;
  z-index: 99;
}

/* app端，微信浏览器端 */
.tab_list_fixed_mobile {
  width: 100vw;
  padding: .45rem 0 .7rem 0;
  position: fixed;
  top: 2.5rem;
  left: 0;
  display: flex;
  align-items: center;
  background: #fff;
  z-index: 99;
}

.tab_list_fixed:nth-child(1) {
  padding-left: .4rem;
}

.tab_list_fixed_mobile:nth-child(1) {
  padding-left: .4rem;
}

.tab_list a:active {
  color: #333;
  opacity: 1;
}


.dt_zx_stock_module .tab_list .myline {
  position: absolute;
  width: 3.5rem;
  height: .4rem;
  background-color: #F8D42D;
  border-radius: .2rem;
  opacity: 0.6;
  bottom: .2rem;
  left: -0.1rem;
}

.dt_zx_stock_module .select_tab {
  position: relative;
  font-size: .8rem;
  font-weight: bold;
  z-index: 9;
}

.emptydiv {
  width: 1.2rem;
}

.dt_zx_stock_module .select_tab::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: .4rem;
  background: #FEBF55;
  border-radius: .2rem;
  opacity: 0.6;
  bottom: .2rem;
  left: 0;
  z-index: -1;
}

.dt_zx_stock_module .noselect_tab {
  font-size: .7rem;
}

.dt_zx_stock_module>div {
  background: #fff;
  border-radius: .25rem;
}

.dt_zx_stock_module .item_box {
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
}

.dt_zx_stock_module .module_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.6rem;
  background: linear-gradient(52deg, #FFF2E8, #FFEADB);
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.dt_zx_stock_module .module_head .head_left {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FE6F33;
}

.dt_zx_stock_module .module_head .head_right span {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
  vertical-align: middle;
}

.dt_zx_stock_module .module_head .head_right img {
  width: .65rem;
  height: .65rem;
  vertical-align: middle;
}

/* 帮友求助区域 */
.bangyou {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(98, 143, 251, 0.16));
  border-radius: 5px;
}

.bangyou_area {
  margin-top: 1rem;
  padding: .7rem .3rem 0 .4rem;
}

.bangyou_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .75rem;
}

.bangyou_head .bangyou_title {
  font-size: .95rem;
  line-height: .95rem;
  font-family: PingFangSC-Medium;
  font-weight: bold;
  color: #2a2a2a;
}

.bangyou_head .bangyou_more {
  display: flex;
  align-items: center;
}

.bangyou_head .bangyou_more span:nth-child(1) {
  font-size: 13px;
  color: #999999;
}

.bangyou_head .bangyou_more span:nth-child(2) {
  font-size: 13px;
  color: #628ffb;
}

.bangyou_head .bangyou_more img {
  width: .60rem;
  height: .60rem;
  margin-left: .25rem;
}

.bangyou_new {
  height: 2.125rem;
  margin-bottom: .75rem;
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 1.05rem !important;
}

.bangyou_new .btn_newest {
  width: 2.4rem;
  height: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #628FFB;
  margin-left: .45rem;
  margin-right: .3rem;
  border-radius: 0.7rem;
  font-size: .65rem;
  font-family: PingFangSC;
  font-weight: 500;
  color: #FFFFFF;
}

.bangyou_new .bangyou_people {
  flex: 1;
  font-size: .65rem;
  font-family: PingFangSC;
  font-weight: 400;
  color: #565656;
  max-height: 100%;
  padding-right: .25rem;
}

.bangyou_new .bangyou_people span {
  color: #628FFB;
}

/* 帮友求助滑动区域 */
.bangyou_scroll_area {
  width: 100vw;
  overflow-x: scroll;
  white-space: nowrap;
  padding-left: .35rem;
  height: 8.85rem;
  font-size: 0;
}

.bangyou_scroll_area .scroll_item {
  display: inline-block;
  width: 8.3rem;
  height: 8.85rem;
  background: #fff;
  margin-right: .6rem;
  font-size: .65rem;
  box-shadow: 0px 0px .25rem 0px rgba(123, 96, 75, 0.11);
  border-radius: .25rem;
}

.bangyou_scroll_area .scroll_item .scroll_item_title {
  padding: .9rem 0 .5rem .5rem;
  font-size: .85rem;
  line-height: .85rem;
  font-family: PingFangSC;
  font-weight: 600;
  color: #2E2E2E;
}

.bangyou_scroll_area .scroll_item .scroll_item_tips {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  line-height: 1.45rem;
  padding-left: .35rem;

  width: 7.45rem;
  height: 1.45rem;
  margin: 0 .4rem .4rem .45rem;
  background: #FFF4F4;
  border-radius: .25rem;
  font-size: 0.65rem;
  font-family: PingFangSC;
  font-weight: 400;
  color: #CC3131;
}

.bangyou_scroll_area .scroll_item .scroll_item_info {
  padding: 0 .7rem 0 .5rem;
  font-size: 0.65rem;
  font-family: PingFangSC;
  font-weight: 400;
  color: #2E2E2E;
  line-height: 1rem;
  height: 2rem;
  white-space: normal;
  margin-bottom: 1rem;
  /* 文字溢出隐藏，需要设置好高度使用 */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.bangyou_scroll_area .scroll_item .scroll_item_userInfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 .4rem 0 .5rem;
  font-size: .6rem;
  color: #8E8E8E;
  font-family: PingFangSC;
  font-weight: 400;
  margin-top: .5rem;
}

.bangyou_scroll_area .scroll_item .scroll_item_userInfo .scroll_item_userInfo_left {
  display: flex;
  align-items: center;
  flex: 1;
  overflow: hidden;
}

.bangyou_scroll_area .scroll_item .scroll_item_userInfo .scroll_item_userInfo_left .user_avatar {
  width: .75rem;
  height: .75rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: .2rem;
  font-size: 0;
}

.bangyou_scroll_area .scroll_item .scroll_item_userInfo img {
  width: .75rem;
  height: .75rem;
}

.bangyou_scroll_area .scroll_item .scroll_item_userInfo .scroll_item_userInfo_left span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.help_btn_area {
  padding: .75rem .35rem .35rem .4rem;
}

.btn_help {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  background: #FEBF55;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  font-family: PingFangSC;
  font-weight: bold;
  color: #FFFFFF;
}

.bangyou_tips {
  text-align: center;
  margin-bottom: 1.2rem;
  font-size: 0.6rem;
  font-family: PingFangSC;
  font-weight: 400;
  color: #CC3131;
}

/* 空盒子撑开高度 */
.empty_block {
  height: 8.25rem;
}


/* 下拉加载区域 */
.loadmore_area {
  position: relative;
  width: 80vw;
  margin: 0 auto;
}

.loadmore_area_fixed {
  width: 80vw;
  position: fixed;
  bottom: 3rem;
  left: 50%;
  transform: translateX(-50%);
}

.loadmore_tips {
  font-size: .55rem;
  font-family: PingFangSC;
  font-weight: 300;
  color: #999999;
  line-height: .6rem;
  text-align: center;
}

.loadmore_tips_fixed {
  position: fixed;
  bottom: 3.2rem;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: .55rem;
  font-family: PingFangSC;
  font-weight: 300;
  color: #999999;
  line-height: .6rem;
}

#loadmore_tips img {
  width: .55rem;
  height: .55rem;
  margin-left: .1rem;
}

.loadmore_img {
  position: absolute;
  top: 1.2rem;
  left: 50%;
  transform: translateX(-50%);
}

/* 底部固定tab，测试用 */
.my_current_tab {
  height: 2.5rem;
  width: 100vw;
  background-color: pink;
  position: fixed;
  bottom: 0;
  z-index: 999;
  color: #fff;
  text-align: center;
  font-size: 1.1rem;
  line-height: 2.5rem;
}

/* 消息页样式 */
.messagePage_sort {
  display: flex;
  align-items: center;
  justify-content: end;
}

.messagePage_sort img {
  width: .3rem;
  height: .5rem;
  margin-left: .3rem;
}

.drop_down_list::after {
  position: absolute;
  top: -0.4rem;
  right: 1.65rem;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-left: .5rem solid transparent;
  border-right: .5rem solid transparent;
  border-bottom: .5rem solid #fff;
}








.dt_zx_stock_scroll_box {
  width: 100%;
  margin-top: .6rem;
  overflow-x: scroll;
  white-space: nowrap;
  padding: 0 0.6rem 0.6rem 0.6rem;
  overflow-y: hidden
}

.dt_zx_stock_scroll_box .stock_detail_item {
  display: inline-block;
  width: 30%;
  text-align: center;
  border-radius: .25rem;
  margin-right: .35rem;
  vertical-align: top;
  position: relative;
}

.dt_zx_stock_scroll_box .stock_detail_item.item_bg_red .item_t {
  background: #FFEDEE;
}

.dt_zx_stock_scroll_box .stock_detail_item.item_bg_green .item_t {
  background: #E7FFF5;
}

.dt_zx_stock_scroll_box .stock_detail_item .t_title {
  width: 100%;
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 1px 1px 0px rgba(0,
      0,
      0,
      0.21);
  font-family: PingFang SC;
  font-weight: bold;
  text-align: left;
  z-index: 9;
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dt_zx_stock_scroll_box .stock_detail_item .t_index span {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
}

.dt_zx_stock_scroll_box .stock_detail_item .item_t {
  padding: 0.2rem 0.25rem;
  height: 5.15rem;
  width: 5.15rem;
  border-radius: .25rem;
  position: relative;
  background: url(../images/bg-option-two.png) no-repeat center/cover;
}

.dt_zx_stock_scroll_box .stock_detail_item .item_t::after {
  position: absolute;
  display: block;
  content: "";
  width: 5.15rem;
  height: 5.15rem;
  border-radius: 0.25rem;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
}

.dt_zx_stock_scroll_box .stock_detail_item .item_t .t_index {
  text-align: center;
  position: absolute;
  top: 1.5rem;
  z-index: 9;
  left: 0;
  padding: 0 0.1rem;
}

.dt_zx_stock_scroll_box .stock_detail_item .item_t .t_index span {
  background: rgba(255,
      255,
      255,
      0.66);
  border-radius: .375rem;
  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 1;
  padding: 0.05rem 0.3rem;
  color: #CC3131;
}

.dt_zx_stock_scroll_box .stock_detail_item .item_t .t_info {
  position: absolute;
  bottom: .35rem;
  font-size: .55rem;
  font-family: PingFangSC;
  color: #fff;
  white-space: normal;
  text-align: left;
  z-index: 9;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  overflow: hidden;
}

.dt_zx_stock_scroll_box .stock_detail_item .item_b {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  padding: 0.25rem 0.1rem;
  height: auto;
}

.dt_zx_stock_scroll_box .stock_detail_item .item_b p {
  white-space: normal !important;
  /* width: 4.2rem; */
  height: 1.25rem;
  font-size: .55rem;
  font-family: PingFangSC;
  font-weight: 400;
  color: #565656;
  line-height: .65rem;
  /* 多行文本变省略号 */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.dt_zx_stock_scroll_box .stock_detail_item.item_bg_red .item_b {
  font-size: .65rem;
  background: #fff;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.dt_zx_stock_scroll_box .stock_detail_item.item_bg_red .item_b p {
  line-height: 0.9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.dt_zx_stock_scroll_box .stock_detail_item.item_bg_green .item_b {
  background: #fff;
}

.dt_zx_stock_scroll_box .stock_detail_item.item_bg_green .item_b p {
  line-height: 0.9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.dt_zx_stock_scroll_box .stock_detail_item .item_img_box img {
  width: 100%;
  border-radius: .25rem;
  height: 100%;
}

.dt_zx_stock_scroll_box .stock_detail_item .item_bg_gray_b {
  background: #fff;
  height: 2.4rem;
  border-radius: .25rem;
  padding: 0.25rem 0.1rem;
  font-size: .65rem;
}

.dt_zx_stock_scroll_box .stock_detail_item .item_bg_gray_b p {
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
  width: 100%;
  line-height: 0.9rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.stock_detail_item .item_text_state {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  position: absolute;
  bottom: 2.35rem;
  left: 0rem;
  width: 100%;
  border-radius: .25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  padding: 0 0.1rem;
}

.work_gird_container {
  padding: 0.6rem;
  position: relative;
}

.dia_redbag_record_list {
  margin-left: 1.55rem;
  width: 100%;
  text-align: center;
}

.bg_f0f {
  background: #F0F0F0;
}

.share_details_head {
  background: #FFFFFF;
  border-radius: .5rem;
}

.share_details_out_box {
  padding: 0.5rem 0.6rem;
  overflow-x: hidden;
}

.each_time_chart {
  background: #FFFFFF;
  border-radius: .5rem;
  margin-top: .5rem;
}

.each_time_chart>ul {
  background: #fff !important;
}

.each_time_chart .flex-ul .active a {
  border-bottom-color: rgba(255,
      162,
      26,
      1);
  color: rgba(255,
      162,
      26,
      1);
}

.shares_detail_tabs_box {
  background: #F0F0F0;
}

.shares_detail_tabs_box a {
  background: none;
  text-align: center;
  padding: 0 0.1rem;
  position: relative;
}

.shares_detail_tabs_box a.active {
  border-bottom: none;
}

.shares_detail_tabs_box a .shares_tab_t {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
}

.shares_detail_tabs_box a .shares_tab_b {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.shares_detail_tabs_box a.active .shares_tab_t {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.shares_detail_tabs_box a.active .shares_tab_b {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  background: #FFCA56;
  border-radius: .35rem;
  color: #48350C;
}

.stock_detail_tabs_list {
  border-radius: .5rem;
  margin-top: .5rem;
}

.rela_stock_add_box .rela_stock_item button {
  color: #8E8E8E;
  font-size: 1rem;
  height: 1.35rem;
  border: none;
  vertical-align: middle;
  padding: 0 .6rem;
  border-radius: 0 .25rem .25rem 0;
  background: #F7F7F7;
}

.private_chat_list {
  background: #fff;
  padding: 0 0.35rem;
  border-radius: .5rem;
}

.private_chat_list .list_item {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.5rem 0;
}

.private_chat_list .list_item .item_left {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.private_chat_list .list_item .item_left .itme_user_head img {
  width: 2.9rem;
  height: 2.9rem;
  border-radius: 50%;
}
.itme_user_head{
  position: relative;
}
.itme_user_head_v{
  position: absolute;
  right: 0;
  bottom: 0;
  width: .8rem;
  height: .8rem;
  background: url("../images/qunliao_daV2.png") no-repeat;
  background-size: contain;
}
.private_chat_list .list_item .item_left .item_user_msg {
  margin-top: 0;
}

.private_chat_list .list_item .item_left .item_user_msg .msg_name {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.private_chat_list .list_item .item_left .item_user_msg {
  margin-left: .375rem;
}

.private_chat_list .list_item .item_right span.btn_chat {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  padding: 0.25rem 0.6rem;
  background: #FFCA56;
  border-radius: .675rem;
  white-space: nowrap;
}

.private_chat_list .list_item .item_left .item_user_msg .msg_state {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.private_chat_list .list_item .item_left .item_user_msg .msg_profit {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
}

.shares_dingpan_list {
  border-radius: .5rem;
}

.shares_news_list {
  border-radius: .5rem;
}

.more_shareholders_box .box_head {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  padding: 0.85rem 0.6rem 0.5rem 0.6rem;
}

.more_shareholders_box .box_main {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
}

.more_shareholders_box .box_main .shareholders_group_item {
  display: inline-block;
  width: 34%;
  margin-right: .25rem;
  text-align: center;
  background: #FFFFFF;
  border-radius: .5rem;
  padding: 0.5rem 0;
}

.shareholders_group_item .item_top .t_state {
  font-size: .7rem;
  color: #2E2E2E;
}

.shareholders_group_item .item_top .t_name {
  font-size: .65rem;
  color: rgba(142,
      142,
      142,
      1);
}

.shareholders_group_item .item_bot {
  margin-top: .5rem;
}

.shareholders_group_item .item_bot .btn_match {
  background: #FFCA56;
  border-radius: .675rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  padding: 0.25rem 0.725rem;
  line-height: 1;
}

.base-avatar-box {
  margin: 0 auto;
  background-color: #e8e8e8;
  width: 3rem;
  height: 3rem;
  border-radius: .075rem;
}

.base-img {
  padding: .05rem;
  box-sizing: border-box;
}

.avatar-box-1 {
  margin: 0 auto;
  background-color: #e8e8e8;
  width: 3rem;
  height: 3rem;
}

.avatar-box-1 .img {
  padding: .05rem;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

.avatar-box-2 {
  margin: 0 auto;
  background-color: #e8e8e8;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
}

.avatar-box-2 .img {
  padding: .05rem;
  box-sizing: border-box;
  width: 50%;
  height: 50%;
}

.avatar-box-3 {
  margin: 0 auto;
  background-color: #e8e8e8;
  width: 3rem;
  height: 3rem;
  position: relative;
}

.avatar-box-3 .img {
  padding: .05rem;
  box-sizing: border-box;
  width: 50%;
  height: 50%;
}

.avatar-box-3 .img:nth-of-type(1) {
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translateX(-50%);
}

.avatar-box-3 .img:nth-last-child(2) {
  position: absolute;
  bottom: 1px;
  left: 1px;
}

.avatar-box-3 .img:nth-last-child(1) {
  position: absolute;
  bottom: 1px;
  right: 1px;
}

.avatar-box-4 {
  margin: 0 auto;
  background-color: #e8e8e8;
  width: 3rem;
  height: 3rem;
  position: relative;
}

.avatar-box-4 .img {
  padding: .05rem;
  box-sizing: border-box;
  width: 50%;
  height: 50%;
}

.avatar-box-4 .img:nth-of-type(1) {
  position: absolute;
  top: 1px;
  left: 1px;
}

.avatar-box-4 .img:nth-of-type(2) {
  position: absolute;
  top: 1px;
  right: 1px;
}

.avatar-box-4 .img:nth-last-child(2) {
  position: absolute;
  bottom: 1px;
  left: 1px;
}

.avatar-box-4 .img:nth-last-child(1) {
  position: absolute;
  bottom: 1px;
  right: 1px;
}

.avatar-box-5 {
  margin: 0 auto;
  background-color: #e8e8e8;
  width: 3rem;
  height: 3rem;
  position: relative;
}

.avatar-box-5 .img {
  padding: .05rem;
  box-sizing: border-box;
  width: 33.333333333333336%;
  height: 33.333333333333336%;
}

.avatar-box-5 .img:nth-of-type(1) {
  position: absolute;
  top: 16.666666666666668%;
  left: 16.666666666666668%;
}

.avatar-box-5 .img:nth-of-type(2) {
  position: absolute;
  top: 16.666666666666668%;
  right: 16.666666666666668%;
}

.avatar-box-5 .img:nth-last-child(3) {
  position: absolute;
  bottom: 16.666666666666668%;
  left: 1px;
}

.avatar-box-5 .img:nth-last-child(2) {
  position: absolute;
  bottom: 16.666666666666668%;
  left: 50%;
  transform: translateX(-50%);
}

.avatar-box-5 .img:nth-last-child(1) {
  position: absolute;
  bottom: 16.666666666666668%;
  right: 1px;
}

.avatar-box-6 {
  margin: 0 auto;
  background-color: #e8e8e8;
  width: 3rem;
  height: 3rem;
  position: relative;
}

.avatar-box-6 .img {
  padding: .05rem;
  box-sizing: border-box;
  width: 33.333333333333336%;
  height: 33.333333333333336%;
}

.avatar-box-6 .img:nth-of-type(1) {
  position: absolute;
  top: 16.666666666666668%;
  left: 1px;
}

.avatar-box-6 .img:nth-of-type(2) {
  position: absolute;
  top: 16.666666666666668%;
  left: 50%;
  transform: translateX(-50%);
}

.avatar-box-6 .img:nth-of-type(3) {
  position: absolute;
  top: 16.666666666666668%;
  right: 1px;
}

.avatar-box-6 .img:nth-last-child(3) {
  position: absolute;
  bottom: 16.666666666666668%;
  left: 1px;
}

.avatar-box-6 .img:nth-last-child(2) {
  position: absolute;
  bottom: 16.666666666666668%;
  left: 50%;
  transform: translateX(-50%);
}

.avatar-box-6 .img:nth-last-child(1) {
  position: absolute;
  bottom: 16.666666666666668%;
  right: 1px;
}

.avatar-box-7 {
  margin: 0 auto;
  background-color: #e8e8e8;
  width: 3rem;
  height: 3rem;
  position: relative;
}

.avatar-box-7 .img {
  padding: .05rem;
  box-sizing: border-box;
  width: 33.333333333333336%;
  height: 33.333333333333336%;
}

.avatar-box-7 .img:nth-of-type(1) {
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translateX(-50%);
}

.avatar-box-7 .img:nth-last-child(6) {
  position: absolute;
  top: 33.333333333333336%;
  left: 1px;
}

.avatar-box-7 .img:nth-last-child(5) {
  position: absolute;
  top: 33.333333333333336%;
  left: 50%;
  transform: translateX(-50%);
}

.avatar-box-7 .img:nth-last-child(4) {
  position: absolute;
  top: 33.333333333333336%;
  right: 1px;
}

.avatar-box-7 .img:nth-last-child(3) {
  position: absolute;
  bottom: 1px;
  left: 1px;
}

.avatar-box-7 .img:nth-last-child(2) {
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translateX(-50%);
}

.avatar-box-7 .img:nth-last-child(1) {
  position: absolute;
  bottom: 1px;
  right: 1px;
}

.avatar-box-8 {
  margin: 0 auto;
  background-color: #e8e8e8;
  width: 3rem;
  height: 3rem;
  position: relative;
}

.avatar-box-8 .img {
  padding: .05rem;
  box-sizing: border-box;
  width: 33.333333333333336%;
  height: 33.333333333333336%;
}

.avatar-box-8 .img:nth-of-type(1) {
  position: absolute;
  top: 1px;
  left: 16.666666666666668%;
}

.avatar-box-8 .img:nth-of-type(2) {
  position: absolute;
  top: 1px;
  right: 16.666666666666668%;
}

.avatar-box-8 .img:nth-last-child(6) {
  position: absolute;
  top: 33.333333333333336%;
  left: 1px;
}

.avatar-box-8 .img:nth-last-child(5) {
  position: absolute;
  top: 33.333333333333336%;
  left: 50%;
  transform: translateX(-50%);
}

.avatar-box-8 .img:nth-last-child(4) {
  position: absolute;
  top: 33.333333333333336%;
  right: 1px;
}

.avatar-box-8 .img:nth-last-child(3) {
  position: absolute;
  bottom: 1px;
  left: 1px;
}

.avatar-box-8 .img:nth-last-child(2) {
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translateX(-50%);
}

.avatar-box-8 .img:nth-last-child(1) {
  position: absolute;
  bottom: 1px;
  right: 1px;
}

.avatar-box-9 {
  margin: 0 auto;
  background-color: #e8e8e8;
  width: 3rem;
  height: 3rem;
  position: relative;
}

.avatar-box-9 .img {
  padding: .05rem;
  box-sizing: border-box;
  width: 33.333333333333336%;
  height: 33.333333333333336%;
}

.avatar-box-9 .img:nth-of-type(1) {
  position: absolute;
  top: 1px;
  left: 1px;
}

.avatar-box-9 .img:nth-of-type(2) {
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translateX(-50%);
}

.avatar-box-9 .img:nth-of-type(3) {
  position: absolute;
  top: 1px;
  right: 1px;
}

.avatar-box-9 .img:nth-last-child(6) {
  position: absolute;
  top: 33.333333333333336%;
  left: 1px;
}

.avatar-box-9 .img:nth-last-child(5) {
  position: absolute;
  top: 33.333333333333336%;
  left: 50%;
  transform: translateX(-50%);
}

.avatar-box-9 .img:nth-last-child(4) {
  position: absolute;
  top: 33.333333333333336%;
  right: 1px;
}

.avatar-box-9 .img:nth-last-child(3) {
  position: absolute;
  bottom: 1px;
  left: 1px;
}

.avatar-box-9 .img:nth-last-child(2) {
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translateX(-50%);
}

.avatar-box-9 .img:nth-last-child(1) {
  position: absolute;
  bottom: 1px;
  right: 1px;
}

.bang_assurance_list {
  background: #fff;
  border-radius: .5rem;
  margin-top: .5rem;
}

.bang_assurance_list .list_item {
  padding: 0.5rem 0.6rem;
  border-bottom: 1px solid #EFEFEF;
}

.bang_assurance_list .list_item .item_top p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.15rem;
}

.bang_assurance_list .list_item .item_bot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .25rem;
}

.bang_assurance_list .list_item .item_bot .bot_left {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.bang_assurance_list .list_item .item_bot .bot_right {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.bang_jianzheng_item_box {
  width: 100%;
  white-space: nowrap;
  overflow: auto;
}

.bang_jianzheng_item_box>div {
  vertical-align: middle;
}

.bang_jianzheng_item_box .item_jz_toupiao {
  display: inline-block;
  width: 90%;
  border-radius: .5rem;
  height: 6.3rem;
  background: url(../images/bg_jianzheng_toupiao.png) no-repeat center/cover;
  margin-right: .5rem;
  padding: 0.5rem 0.6rem;
}

.bang_jianzheng_item_box .item_jz_toupiao .item_top p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.15rem;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.bang_jianzheng_item_box .item_jz_dasheng {
  display: inline-block;
  width: 16.075rem;
  border-radius: .15rem;
  height: 6.3rem;
  background: url(../images/bg_jianzheng_dasheng.png) no-repeat center/cover;
  padding-left: 2.5rem;
}

.ds_item_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding-right: 0.6rem;
}

.ds_item_container .ds_item {
  text-align: center;
}

.ds_item_container .ds_item .item_top img {
  width: 2.55rem;
  height: 2.55rem;
  border-radius: 50%;
}

.ds_item_container .ds_item .item_main {
  font-size: .45rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: .95rem;
}

.ds_item_container .ds_item .item_bot {
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFCA56;
  line-height: .95rem;
}

.jianzheng_against_box .box_right:after {
  border-top: 1.5rem solid #FFD372;
}

.jianzheng_against_box .box_left:after {
  border-bottom: 1.5rem solid #FFD372;
}

.chat_item_pic img {
  width: auto;
  max-width: 100%;
  max-height: 8rem;
}

.chat_item_people_into {
  background: -webkit-linear-gradient(left,
      rgba(0,
        0,
        0,
        0.7),
      rgba(0,
        0,
        0,
        0.2));
  opacity: 0.88;
  width: 70%;
  border-radius: .15rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFCA56;
  padding: 0.2rem 0.6rem;
}

.fund_tabs_line {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fund_tabs_line>a {
  flex: 1;
  text-align: center;
  padding: 0.5rem 0;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #2E2E2E;
}

.fund_tabs_line>a.active span {
  border-bottom: .15rem solid rgba(255,
      195,
      81,
      1);
  font-size: .95rem;
  font-family: PingFang SC;
  font-weight: bold;
  padding-bottom: 0.25rem;
  color: #2E2E2E;
}

.information_list {
  padding: 0 0.6rem;
}

.information_list>li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #EFEFEF;
}

.information_list>li .list_inner_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.information_list>li .list_inner_box .box_left p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.05rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 2.5rem;
}

.information_list>li p {
  height: 2.5rem;
}

.information_list>li .list_inner_box .box_right {
  margin-left: .5rem;
}

.information_list>li .list_inner_box .box_right img {
  width: 3.3rem;
  height: 2.15rem;
}

.fund_hot_topics_list {
  padding: 0.6rem;
  background: url(../images/bg_hot_topic.png) no-repeat center top/cover;
}

.fund_hot_topics_list li {
  background: #FFFFFF;
  box-shadow: 0px .15rem .125rem 0px rgba(0,
      0,
      0,
      0.04);
  border-radius: .25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.725rem 0.6rem;
  margin-bottom: .5rem;
}

.fund_hot_topics_list li .fund_list_name {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  margin-left: .5rem;
  vertical-align: middle;
}

.fund_hot_topics_list li .fund_list_num {
  width: 2.875rem;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.fund_hot_topics_list li .fund_list_num>span {
  background: #EDEDED;
  border-radius: 50%;
  font-size: 1rem;
  width: 1.6rem;
  display: inline-block;
  height: 1.6rem;
  text-align: center;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.6rem;
}

.icon_hot_topic {
  width: 2.875rem;
  height: 1.825rem;
}

.icon_zx_ranking {
  width: .975rem;
  height: 1.05rem;
  margin-right: .25rem;
  vertical-align: baseline;
}

.icon_zx_ranking_num {
  padding: 0 0.35rem;
}

.group_chat_item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.group_chat_item .item_msg_box {
  border-radius: .25rem;
  width: 3.2rem;
  text-align: center;
  padding-top: 0.35rem;
  height: 3.2rem;
}

.group_chat_item .item_msg_box .box_top {
  font-size: 33px;
  font-family: PingFang SC;
  font-weight: bold;
}

.group_chat_item .item_msg_box .box_bot {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500
}

.more_group_chat_list {
  padding: 0.6rem;
}

.more_group_chat_list>li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #EFEFEF;
}

.group_chat_item .item_msg_box.box_bg_gray {
  background: #C1C1C1;
  ;
  border: 1px solid #F0F0F0;
}

.group_chat_item .item_msg_box.box_bg_red {
  background: #FFEDEE;
  border: 1px solid #F0F0F0;
  color: #CC3131;
}

.group_chat_item .item_msg_box.box_bg_green {
  background: #E7FFF5;
  border: 1px solid #E7FFF8;
  color: #0ca536;
}

.group_chat_item .item_right {
  margin-left: .5rem;
}

.group_chat_item .item_right .item_t {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.group_chat_item .item_right .item_b {
  margin-top: .5rem;
}

.group_chat_item .item_right .item_b span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #2E2E2E;
  padding: 0.05rem 0.2rem;
  background: #FAFAFA;
  border: 1px solid #CCCCCC;
  border-radius: .15rem;
}

.group_chat_item .item_img_box img {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: .25rem;
}

.group_more_oper_popup {
  overflow-y: scroll;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  background: #fff;
  border-radius: .5rem .5rem 0 0;
}

.group_more_oper_popup_fixedTop {
  overflow-y: scroll;
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  z-index: 10001;
  background: #fff;
  border-radius: .5rem .5rem 0 0;
}

.group_more_oper_popup .popup_head {
  text-align: center;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #000000;
  border-radius: .5rem .5rem 0 0;
  padding: 0.625rem 0;
  position: relative;
}

.group_more_oper_popup .popup_head .popup_close_btn {
  position: absolute;
  top: .5rem;
  right: .5rem;
  width: 1.4rem;
  height: 1.4rem;
}

.group_more_oper_popup .popup_head img {
  width: .6rem;
  height: .6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.group_more_oper_popup .popup_main {
  padding: 0 .6rem .4rem;
  /* height: 16rem; */
  /* overflow-y: scroll; */
}

.group_setting {
  height: 21.8rem;
}

.group_setting_back {
  position: absolute;
  top: 50%;
  left: .1rem;
  transform: translateY(-50%);
  width: 1.4rem;
  height: 1.4rem;
}

.group_setting_back>img {
  width: .35rem !important;
  height: .6rem !important;
}

.group_setting_popup_head {
  border-bottom: .05rem solid #efefef;
}

.m_popup_main_lists {
  margin-top: .25rem;
}

.group_setting .popup_main .popup_textarea {
  width: 100%;
  height: 7.5rem;
  padding: .5rem .65rem;
  margin-top: 1rem;
  resize: none;
  border: .05rem solid #CCCCCC;
  border-radius: .25rem;
}

.group_setting_advertisment_btn {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 17.25rem;
  height: 2.5rem;
  background: #FFCA56;
  border-radius: .25rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  display: flex;
  justify-content: center;
  align-items: center;
}

.group_setting_item .item_box {
  display: flex;
  justify-content: space-between;
}

.group_setting_item .item_box .box_l .l_top {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  margin-bottom: .25rem;
}

.c_box_l {
  width: 100%;
}

.c_l_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.m_l_top {
  font-weight: 500 !important;
}

.c_l_top .box_r>span {
  display: inline-block;
  font-size: .7rem;
  font-weight: 600;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FF3A3A;
  padding: .1rem 1rem;
  background-image: linear-gradient(to right,rgba(255,232,203,.1),rgba(255,232,203,1));
}

.group_setting_item .item_box .box_l .l_bot {
  width: 100%;
  font-size: .7rem;
  line-height: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #6E6E6E;
  /* overflow: hidden;
   white-space: nowrap;
  text-overflow: ellipsis; */
}

.group_setting_item .item_box .box_r img {
  width: .45rem;
  height: .85rem;
  margin-left: .3rem;
}

.group_setting_item {
  padding: 0.85rem 0;
  border-bottom: 1px solid #EFEFEF;
}

.group_more_oper_popup .popup_bot {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color:#fff;
}

.group_more_oper_popup .popup_bot .btn_sign_out_box {
  border-top: .25rem solid #EFEFEF;
  width: 100%;
}

.group_more_oper_popup .popup_bot button.btn_sign_out {
  width: 100%;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #CC3131;
  height: 2.25rem;
  background: none;
  border: none;
}

.add_link_input {
  width: 100%;
  height: 2.5rem;
  background: #FFFFFF;
  border: 1px solid #EAEAEA;
  border-radius: .25rem;
  padding: 0 0.6rem;
}

.group_more_oper_popup .popup_bot .btn_add_link {
  height: 2.5rem;
  background: #FFCA56;
  border-radius: .25rem;
  width: 100%;
  border: none;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.btn_add_link_box {
  padding: 0.6rem;
}

.group_members_list li {
  padding: .7625rem 0;
  border-bottom: 1px solid #EFEFEF;
}

.group_members_list .group_members_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.group_members_list .group_members_item .item_head img {
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
}

.group_members_list .group_members_item .jinyan-audiostatic_img {
  width: .6rem;
  height: .65rem;
  margin-right: .2rem;
}

.group_members_list .group_members_item>span {
  min-width: 2.2rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.my_item_avatar {
  position: relative;
}

.my_icon_position {
  bottom: -5px;
  right: -5px;
}

.item_userInfo {
  display: flex;
  flex-wrap: wrap;
  margin-left: .55rem;
}

.item_userInfo .item_status {

  font-size: 13px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
}

.group_members_item_left {
  width: 100%;
}

.group_members_item_img {
  width: .45rem;
  height: .7rem;
}

.group_members_list .group_members_item .item_msg {
  width: 100%;
  display: flex;
  align-items: center;
}

.group_members_list .group_members_item .msg_name {
  max-width: 10.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  margin-right: .6rem;
}

.group_members_list .group_members_item .msg_bg_purple {
  background: #B864F4;
  border-radius: .15rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  padding: 0 0.1rem;
}

.group_members_list .group_members_item .msg_bg_blue {
  background: #4E80FF;
  border-radius: .15rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  padding: 0 0.1rem;
}

.group_members_list .group_members_item .msg_bg_orange {
  background: #FF8831;
  ;
  border-radius: .15rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  padding: 0 0.1rem;
}

.member_item {
  width: 100%;
  height: 3.75rem;
  padding: 0 .8rem;
  background: #F4F4F4;
  display: flex;
  align-items: center;
}

.member_item_avatar {
  margin-right: .7rem;
}

.member_item_avatar>img {
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
}

.member_item_username {
  max-width: 70%;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.member_config_list_item {
  padding: .85rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.member_config_list_item_static {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: .65rem;
}

.my_switch {
  width: 2.9rem !important;
  height: 1.45rem !important;
  background: #cacaca !important;
}

.my_switch::before {
  width: 26px !important;
  height: 26px !important;
  top: 0px !important;
  left: 0px !important;
}

.my_switch:checked:before {
  left: 28.5px !important;
}

.man_come_in_line {
  width: 13.375rem;
  height: 2.55rem;
  background: url(../images/bg_chuc_dh.png) no-repeat center/cover;
  margin-left: -0.6rem;
  position: relative;
  margin-top: 1rem;
  display: none;
  position: absolute;
  left: 0;
  top: 8rem;
}

.man_come_in_line .line_main {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-left: 0.6rem;
}

.man_come_in_line .line_main .main_l img {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
}

.man_come_in_line .line_main .main_r {
  margin-left: .25rem;
}

.man_come_in_line .line_main .main_r .r_name {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #462E06;
}

.man_come_in_line .line_main .main_r .r_text p {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #6A5122;
  width: 7.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.man_come_in_line .line_img {
  position: absolute;
  right: 0.5rem;
  bottom: 0;
  width: 3.4rem;
  height: 3.2rem;
}

.bang_jz_head_img_box {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
}

.bang_jz_head_img_box>.item_box {
  display: inline-block;
  width: 80%;
  border-radius: .25rem;
  vertical-align: middle;
  margin-right: .25rem;
  padding: 0.3rem 0.35rem;
}

.bang_jz_head_img_box>.item_box.bg_black_item {
  background: linear-gradient(180deg,
      #213C63,
      #102544);
  border: 1px solid #EFEFEF;
}

.bang_jz_head_img_box>.item_box .item_top p {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: .95rem;
  white-space: pre-wrap;
}

.bang_jz_head_img_box>.item_box .item_bot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .5rem;
}

.bang_jz_head_img_box>.item_box .item_bot .bot_l span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.mask_publ_reminder {
  background: #FFCA56;
  border-radius: .15rem;
  padding: 0.05rem 0.15rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #112645;
}

.bang_jz_text_list {
  padding: 0 0.6rem;
}

.bang_jz_text_list .list_item {
  border-bottom: 1px solid #F6F6F6;
  padding: 0.5rem 0;
}

.bang_jz_text_list .list_item .item_top p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.15rem;
}

.bang_jz_text_list .list_item .item_bot .bot_l span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.bang_jz_head_img_container {
  background: #fff;
}

.bang_jz_head_img_padding {
  padding: 0.3rem 0 0.3rem 0.3rem;
}

.bang_jz_text_s_list {
  padding: 0 0.3rem;
}

.bang_jianzheng_s_item_box {
  padding: 0.3rem 0 0.3rem 0.3rem;
}

.bang_jianzheng_s_item_box .item_jz_toupiao .item_top p {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: .85rem;
}

.bang_jianzheng_s_item_box .item_jz_toupiao {
  height: 4.675rem;
}

.bang_jianzheng_s_item_box .for_against_box .box_left {
  height: 1.5rem;
}

.bang_jianzheng_s_item_box .for_against_box .box_right {
  height: 1.5rem;
}

.bang_jianzheng_s_item_box .for_against_box .box_center img {
  width: 1.6rem;
  height: 1.4rem;
}

.bang_jianzheng_s_item_box .item_jz_dasheng {
  height: 4.675rem;
  background: url(../images/bg_jianzheng_dasheng.png) no-repeat center/16.075rem 4.675rem;
}

.group_scroll_news_out_container {
  position: fixed;
  background: #FFFFFF;
  border-radius: 1.2rem;
  /*bottom: 4rem;*/
  left: 0;
  top: 70%;
  z-index: 2000;
  box-shadow: 0px .05rem .25rem 0px rgba(252,
      155,
      62,
      0.42);
  background: #fff;
}

.group_scroll_news_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  height: 2.5rem;
}

.group_scroll_news_box .box_l {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}








/*11.23新加*/
.pic_show_popup {
  position: absolute;
  z-index: 1002;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,
      -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%,
      -50%);
  text-align: center;
  display: none;
}

.pic_show_popup .popup_img img {
  max-width: 80%;
  height: auto
}

.pic_show_popup .popup_close {
  text-align: center;
  margin-top: .5rem;
}

.pic_show_popup .popup_close img {
  width: 1.5rem;
  height: 1.5rem;
}






/*新加活动专题*/
.grow_up_head {
  background: url(../images/cz_bg_head.png) no-repeat center/cover;
  padding: 1rem 0.6rem;
  padding-bottom: 1.25rem;
}

.grow_up_head .head_t {
  text-align: center;
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #FFFFFF;
  line-height: .75rem;
}

.grow_up_head .head_c {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .5rem;
}

.grow_up_head .head_c .l_top {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #FFFFFF;
  line-height: .75rem;
}

.grow_up_head .head_c .l_bot {
  font-size: 1.25rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 1.1rem;
  margin-top: .5rem;
}

.grow_up_head .head_c .c_right img {
  width: 3.55rem;
  height: 3.55rem;
  border-radius: 50%;
}

.grow_up_head .head_b {
  margin-top: .5rem;
}

.grow_up_head .head_b .b_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.grow_up_head .head_b .b_title a {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  text-decoration: underline;
  color: #FFFFFF;
}

.grow_up_head .head_b .b_title img {
  width: .7rem;
  height: .65rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.grow_up_head .head_b .b_title span {
  font-size: .65rem;
  font-family: YouYuan;
  font-weight: 400;
  color: #F2D21C;
  vertical-align: middle;
}

.grow_up_head .head_b .b_main.progress_1 {
  height: .85rem;
  margin-top: .25rem;
  background: url(../images/cz_0.png) no-repeat center/cover;
}

.grow_up_head .head_b .b_main.progress_2 {
  height: .85rem;
  margin-top: .25rem;
  background: url(../images/cz_30.png) no-repeat center/cover;
}

.grow_up_head .head_b .b_main.progress_3 {
  height: .85rem;
  margin-top: .25rem;
  background: url(../images/cz_60.png) no-repeat center/cover;
}

.grow_up_head .head_b .b_main.progress_4 {
  height: .85rem;
  margin-top: .25rem;
  margin-bottom: .5rem;
  background: url(../images/cz_100.png) no-repeat center/cover;
}

.grow_up_step_list {
  padding: 0.6rem;
}

.grow_up_step_list li {
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
  box-shadow: 0px .125rem .725rem 0px rgba(52,
      53,
      53,
      0.07);
  border-radius: .5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .75rem;
  padding: 0.725rem 0.6rem;
}

.grow_up_step_list li.list_item .list_left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.grow_up_step_list li.list_item .list_left .left_msg_img img {
  width: 2.675rem;
  height: 2.425rem;
}

li.list_item .list_left .left_msg_text {
  margin-left: .5rem;
}

li.list_item .list_left .left_msg_text .text_top {
  font-size: .95rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #000000;
  line-height: .975rem;
}

li.list_item .list_left .left_msg_text .text_bot {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
  line-height: .75rem;
  margin-top: .325rem;
}

li.list_item .list_right .btn_complete {
  border-radius: .8rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
  background: #FED03E;
  padding: 0.2rem 0.6rem;
  border: 1px solid #FED03E;
  white-space: nowrap;
}

li.list_item .list_right .btn_complete.active {
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: .8rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  white-space: nowrap;
  color: #999999;
  padding: 0.2rem 0.6rem;
}

li.list_item .list_right .btn_complete.wait {
  background: #FFFFFF;
  border: 1px solid #FED03E;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FED03E;
  white-space: nowrap;
}

.fixed_bot_bg_y_btn {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0.6rem;
  width: 100%;
}

.bg_yellow_btn {
  height: 2.75rem;
  background: #FED03E;
  border-radius: .5rem;
  border: none;
  width: 100%;
}

.bg_yellow_btn.active {
  background: #FFEEB8;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.planet_cup_container {
  font-size: 0;
  position: relative;
  min-height: 100%;
}

.planet_cup_container>img {
  width: 100%;
  height: auto;
}

.planet_cup_container button {
  position: fixed;
  width: 16.5rem;
  height: 4.225rem;
  z-index: 10;
  left: 50%;
  bottom: -1rem;
  border: none;
  transform: translate(-50%,
      -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%,
      -50%);
  background: url(../images/btn_czjh.png) no-repeat center/cover;
}

.group_scroll_news_box .box_l .item_main_head {
  padding: .35rem;
  border-radius: 50%;
  position: relative;
}

.group_scroll_news_box .box_l .item_main_head .head_text {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  font-size: .6rem;
  font-family: PingFang SC;
  line-height: .75rem;
  font-weight: bold;
  color: #2E2E2E;
  text-align: center;
  padding-top: 0.25rem;
  background: #FEC15A;
}

.group_scroll_news_box .box_l .item_main_head .head_text>div {
  width: 1.85rem;
  margin: 0 auto;
}

.icon_font_group {
  width: 1.325rem;
  height: 1.375rem;
  vertical-align: middle;
}

.group_scroll_news_box .box_l .item_main_msg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
}

.group_scroll_news_box .box_l .item_main_msg>div {
  vertical-align: middle;
}

.item_main_msg .msg_top {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #4B4C58;
  line-height: 1;
}

.item_main_msg .msg_bot {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(123,
      123,
      123,
      1);
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1;
  height: .6rem;
}

.group_scroll_news_box .box_r img {
  width: .675rem;
  height: .7rem;
}

.pay_attention_line {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  padding: 0.6rem;
  background: url(../images/bg_chat_head.png) no-repeat center/cover;
}
.pay_attention_line_white{
  background: url(../images/bg_chat_head_white.png) no-repeat center/cover;
}
.pay_attention_line .line_box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 1.5rem;
}
.pay_attention_line_back{
  position: absolute;
  top: -.25rem;
  left: -.5rem;
  padding: .5rem;
  color: #fff;
}
.pay_attention_line .line_box .line_l {
  border-radius: 1.2rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #FFFFFF;
  position: relative;
  line-height: 1;
  background: #E7E6E8;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: 0.6rem;
}

.pay_attention_line .line_box .line_l .l_head_img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}

.pay_attention_line .line_box .line_center {
  margin-left: .25rem;
  line-height: 1;
}

.pay_attention_line .line_box .line_center .center_top {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #2E2E2E;
  line-height: 1;
}

.pay_attention_line .line_box .line_center .center_bot {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #CC3131;
  line-height: 1;
  margin-top: .25rem;
  white-space: nowrap;
}

.pay_attention_line .line_box .line_center .center_bot span {
  vertical-align: middle;
}

.pay_attention_line .line_box .line_center .center_bot img {
  width: .575rem;
  height: .575rem;
  vertical-align: middle;
  margin: 0 0.25rem;
}

.pay_attention_line .line_box .line_l .l_head_text {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  line-height: 1.95rem;
  text-align: center;
  background: #FFCA56;
  font-size: .45rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.pay_attention_line .line_box .line_r {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pay_attention_line .line_box .line_l .l_add_attention {
  background: #FF6600;
  border-radius: .75rem;
  font-size: .6rem;
  display: inline-block;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  padding: 0 0.25rem;
  height: 1.2rem;
  line-height: 1.2rem;
  white-space: nowrap;
}

.pay_attention_line .line_box .line_r .r_search_box {
  width: 1.3rem;
  height: 1.3rem;
  background: rgba(0,
      0,
      0,
      0.4) url(../images/icon_white_cicle_search.png) no-repeat center/.75rem;
  color: #FFFFFF;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
}

.pay_attention_line .line_box .line_r .r_search_btn {
  width: 1.3rem;
  height: 1.3rem;
  display: inline-block;
  border-radius: 50%;
  margin-left: .5rem;
  vertical-align: middle;
  background: rgba(0,
      0,
      0,
      0.4) url(../images/icon_white_cicle_close.png) no-repeat center/.75rem;
}

.pay_attention_line .line_box .line_r .r_close_btn {
  width: 2rem;
  height: 0.8rem;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
  background: url(../images/icon_white_cicle_close.png) no-repeat center/.75rem;
}

.shares_container_swiper {
  position: relative;
  margin-top: .5rem;
}
.shares_container_swiper .swiper-container{
  border-radius: .5rem;
}
.shares_cs_btn{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background:rgba(0, 0, 0, .6);
  z-index: 3;
  padding: 0 .75rem;
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
  color: #fff;
  font-size: .7rem;
  perspective: 1000;
  -webkit-perspective: 1000;
 
}
.shares_cs_btn span{
  position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
}
.mood_select_frame {
  background: #FFFFFF;
  border: .075rem solid #F2B237;
  border-radius: .625rem;
  padding: 0.2rem 0.25rem;
  line-height: 1;
}

.mood_select_frame .icon_mood {
  width: .825rem;
  height: .825rem;
  vertical-align: middle;
  margin-right: .25rem;
}

.mood_select_frame span {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  vertical-align: middle;
}

.mood_select_frame .icon_right_jiantou {
  width: .25rem;
  height: .45rem;
  vertical-align: middle;
  margin-left: .25rem;
}

.pull_down_refresh_line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.6rem;
}

.pull_down_refresh_line .line_center {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
  margin: 0 0.25rem;
}

.pull_down_refresh_line .line_side {
  flex: auto;
  border-bottom: 1px solid #EAEAEA;
}

.item_main_msg_box {
  width: 15rem;
}

.group_scroll_news_out_container .btn_get_into {
  background: #FEC15A;
  border-radius: .15rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  padding: 0.05rem 0.15rem;
  margin-right: 1.25rem;
  vertical-align: middle;
  vertical-align: middle;
}

.group_scroll_news_out_container .group_news {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  display: inline-block;
  height: .8rem;
  width: .8rem;
  line-height: .8rem;
  text-align: center;
  background: #CC3131;
  border-radius: 50%;
  position: absolute;
  right: -0.1rem;
  display: none;
  top: -0.1rem;
}

.fund_group_tabs_page {
  background: #FFFFFF;
  box-shadow: .125rem -.225rem .75rem 0px rgba(184,
      150,
      56,
      0.34);
  border-radius: .5rem;
}

.fund_group_tabs_page .page_tabs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: url(../images/fond_tabs_active1.png) no-repeat center/100% 100%;
  border-radius: .5rem .5rem 0 0;
}

.fund_group_tabs_page .page_tabs>a {
  text-align: center;
  flex: 1;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  padding: 0.5rem 0;
  padding-bottom: 1.2rem;
  background-size: 100% 100%;
}

.fund_group_tabs_page .page_tabs>a.tab_1 {
  color: #B89F5A;
}

.fund_group_tabs_page .page_tabs>a.tab_2 {
  color: #B89F5A;
}

.fund_group_tabs_page .page_tabs>a.tab_3 {
  color: #A28127;
}

.fund_group_tabs_page .page_content {
  height: 12.3rem;
  margin-top: -0.5rem;
}

.page_content .more_content_line {
  padding: .5rem 0;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  text-align: center;
  color: #999999;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.more_content_line {
  padding: .5rem 0;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  text-align: center;
  color: #999999;
}

.fund_theme_frame {
  position: relative;
  height: 7rem;
}

.fund_theme_frame>.frame_box {
  text-align: center;
  position: absolute;
  line-height: 1.2;
}

.fund_theme_frame>div .frame_cicle .cicle_t {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #DDA825;
}

.fund_theme_frame>div .frame_cicle .cicle_b {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.fund_theme_frame>div.frame_0 {

  left: 5rem;
  top: 0.5rem;
}

.fund_theme_frame>div.frame_1 {
  left: 1rem;
  top: 1rem;
}

.fund_theme_frame>div.frame_2 {
  right: 1rem;
  top: 1.5rem;
}

.fund_theme_frame>div.frame_3 {
  left: 3rem;
  bottom: 2.3rem;
}

.fund_theme_frame>div.frame_4 {
  right: 3rem;
  bottom: 2rem;
}

.fund_theme_frame>div.frame_0 .frame_cicle {
  padding-top: 1.25rem;
  width: 3.625rem;
  height: 3.625rem;
  border-radius: 50%;
  background: url(../images/fond_topic_cicle.png) no-repeat center/cover;
  text-align: center;
}

.fund_theme_frame>div.frame_1 .frame_cicle {
  padding-top: 1rem;
  width: 3.35rem;
  height: 3.35rem;
  border-radius: 50%;
  background: url(../images/fond_topic_cicle.png) no-repeat center/cover;
  text-align: center;
}

.fund_theme_frame>div.frame_2 .frame_cicle {
  padding-top: 1rem;
  width: 3.35rem;
  height: 3.35rem;
  border-radius: 50%;
  background: url(../images/fond_topic_cicle.png) no-repeat center/cover;
  text-align: center;
}

.fund_theme_frame>div.frame_3 .frame_cicle {
  padding-top: 0.8rem;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background: url(../images/fond_topic_cicle.png) no-repeat center/cover;
  text-align: center;
}

.fund_theme_frame>div.frame_4 .frame_cicle {
  padding-top: 0.8rem;
  width: 2.825rem;
  height: 2.825rem;
  border-radius: 50%;
  background: url(../images/fond_topic_cicle.png) no-repeat center/cover;
  text-align: center;
}

.fund_theme_frame>div.frame_0 .frame_title img {
  width: 1.7rem;
  height: .875rem;
}

.fund_theme_frame>div.frame_1 .frame_title img {
  width: 1.7rem;
  height: .875rem;
}

.fund_theme_frame>div.frame_2 .frame_title img {
  width: 1.7rem;
  height: .875rem;
}

.fund_theme_frame>div.frame_3 .frame_title img {
  width: 1.575rem;
  height: .825rem;
}

.fund_theme_frame>div.frame_4 .frame_title img {
  width: 1.575rem;
  height: .825rem;
}

.tree_hole_chat_nums_tips {
  /*  position: absolute; */
  bottom: 3.25rem;
  width: 100%;
  left: 0;
  text-align: center;
}

.tree_hole_chat_nums_tips span {
  background: rgba(255,
      202,
      86,
      0.9);
  border-radius: .725rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #2B2A58;
  padding: 0.25rem 0.6rem;
}

.tree_hole_chat_nums_tips img {
  width: .55rem;
  height: .55rem;
  vertical-align: inherit;
  margin-left: .25rem;
}

.item_img_box_mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: linear-gradient(0deg,
      rgba(3,
        0,
        0,
        0.8),
      rgba(255,
        255,
        255,
        0));
  border-radius: .25rem;
}

.stock_detail_item .item_img_box {
  height: 2.7rem;
  position: relative;
}

.box_index_swiper {
  padding: 0.6rem;
  position: absolute;
  width: 100%;
  background: #fff;
  left: 0;
  top: 2rem;
  display: none;
  z-index: 9999;
}

.bang_tiaoyan_zanwu .zanwu_pic {
  text-align: center;
}

.bang_tiaoyan_zanwu .zanwu_pic img {
  max-width: 12.9rem;
  height: auto;
}

.zanwu_send_other_list {
  padding: 0.5rem 0.6rem;
}

.zanwu_send_other_list li {
  background: rgba(255,
      255,
      255,
      0.3);
  border: 1px solid #EFEFEF;
  box-shadow: -.125rem .125rem .625rem 0px rgba(0,
      0,
      0,
      0.15);
  border-radius: .25rem;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.6rem;
  align-items: center;
  margin-bottom: .5rem;
}

.zanwu_send_other_list li .list_left p {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: .95rem;
}

.zanwu_send_other_list li .list_right {
  margin-left: .5rem;
}

.btn_bg_y_send {
  background: #FFCA56;
  border-radius: .775rem;
  width: 3.525rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  border: none;
  padding: 0.25rem 0;
}

.bang_diaoyan_users>img {
  width: .875rem;
  height: .875rem;
  margin-right: .375rem;
}

.bang_jianzheng_zanwu {
  background: #fff;
  padding: 0 0.6rem;
}

.bang_jianzheng_zanwu .zanwu_pic {
  text-align: center;
  padding-top: 1rem;
}

.bang_jianzheng_zanwu .zanwu_pic img {
  max-width: 12.9rem;
  height: auto;
}

.bang_jianzheng_zanwu .zanwu_text {
  text-align: center;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  padding-top: .5rem;
  line-height: 1.2rem;
}

.zanwu_mutual_help {
  padding: 0 0.6rem;
}

.zanwu_mutual_help .help_top {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #DCA870;
  line-height: 1.2rem;
}

.zanwu_mutual_help .help_main img {
  width: .7rem;
  height: .7rem;
  border: .075rem solid #CCCCCC;
}

.zanwu_operation {
  text-align: center;
  margin-top: .5rem;
}

.zanwu_operation button {
  background: #FFCA56;
  border: none;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  border-radius: 1.1rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  padding: 0.35rem 0.6rem;
}

.bang_tiaoyan_zanwu_other {
  padding: 0.6rem;
}

.tiaoyan_zanwu_other_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 7.725rem;
  padding: 0.6rem;
  padding-left: 5rem;
  background: url(../images/bang_diaoyan_kong_1.png) no-repeat left center/cover;
}

.tiaoyan_zanwu_other_box .box_left img {
  max-width: 16.575rem;
}

.tiaoyan_zanwu_other_box .box_right .r_top_text {
  background: url(../images/zanwu_diaoyan_dialog.png) no-repeat center/cover;
  width: 11rem;
  height: 2.7rem;
  padding-left: 1rem;
  padding-top: 0.35rem;
}

.tiaoyan_zanwu_other_box .box_right .r_top_text .text_main {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #705E3A;
  line-height: .95rem;
}

.tiaoyan_zanwu_other_box .box_right .r_top_text .text_img img {
  height: .85rem;
  width: .85rem;
}

.tiaoyan_zanwu_other_box .box_right .r_bot_btn {
  text-align: center;
  margin-top: 1rem;
}

.tiaoyan_zanwu_other_box .box_right .r_bot_btn button {
  background: #FFCA56;
  border-radius: .9rem;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  padding: 0.35rem 0.6rem;
  border: none;
}

.de_link_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  /* background: #FFFFFF; */
  background: rgba(0, 0, 0, .22);
  color: #fff;
  border-radius: .075rem .75rem .75rem .75rem;
  padding: 0.35rem 0.5rem;
}

.de_link_box .box_left img {
  width: 2.1rem;
  height: 2.1rem;
  background: #EFEFEF;
  border-radius: .3rem;
}

.de_link_box .box_right {
  margin-left: .25rem;
}

.de_link_box .box_right p {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #fff;
  line-height: .9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
}

.per_chat_list li .item_head {
  position: relative;
}

.item_head_mood {
  position: absolute;
  width: .75rem !important;
  height: .75rem !important;
  right: 0;
  bottom: 0;
}

.check_get_text {
  position: absolute;
  width: 100%;
  bottom: 0.3rem;
  left: 0;
  font-size: 0.7rem;
  text-align: center;
  white-space: nowrap;
  font-family: "PingFang SC";
  color: rgb(231,
      212,
      182);
  line-height: 1.2;
  text-shadow: 0px .075rem .1rem rgba(53,
      53,
      53,
      0.44);
}

.shares_swiper_img>img {
  width: 100%;
  height: 4.525rem;
  border-radius: .5rem;
}

.chat_mood_select {
  /* position: absolute; */
  margin-left: 9px !important;
}

.text_state_img_box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.text_state_img_box .box_l p {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  /*  color: #2E2E2E; */
  color: #fff;
  line-height: 1.1rem;
}

.icon_small_link {
  width: .6rem;
  height: .6rem;
  vertical-align: middle;
  margin: 0 0.25rem;
}

.text_state_img_box .box_r img {
  width: 1.45rem;
  height: 1.45rem;
  border-radius: .075rem;
  margin-left: .25rem;
}

.r_more_oper_box {
  height: 1.3rem;
  display: inline-block;
  background: rgba(0,
      0,
      0,
      0.4);
  border-radius: .8rem;
  margin-left: .25rem;
  white-space: nowrap;
}

.r_more_oper_box .r_more_btn {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  height: 0.8rem;
  vertical-align: middle;
  background: url(../images/icon_white_more_oper.png) no-repeat center/.8rem .2rem;
}

.double_btn_normal_popup {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,
      -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%,
      -50%);
  background: #FFFFFF;
  border-radius: .5rem;
  z-index: 10002;
  padding: 0.625rem 1rem;
  width: 70%;
}

.double_btn_normal_popup .popup_top p {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.1rem;
}

.double_btn_normal_popup .popup_bot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .5rem;
}

.double_btn_normal_popup .popup_bot>button {
  width: 46%;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: .25rem;
  height: 2rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.double_btn_normal_popup .popup_bot>button.bg_yellow {
  background: #FFCA56;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  border: 1px solid #FFCA56;
}

.xbquan_btn_popup {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,
      -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%,
      -50%);
  background: #FFFFFF;
  border-radius: .5rem;
  z-index: 10002;
  padding: 1.1rem 1.1rem 0.6rem 1.1rem;
  width: 80%;
}
.xbquan_btn_popup .popup_bot {
  justify-content: space-between;
  align-items: center;
 margin: 0.5rem 0rem auto;
text-align: center;
}
.xbquan_btn_popup .popup_bot>button {
  width: 70%;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: .25rem;
  height: 1.5rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}
.xbquan_btn_popup .popup_bot>button.bg_yellow {
  background: #FFCA56;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  border: 1px solid #FFCA56;
}

.xbquan_btn_popup .popup_top p {
    text-align:center;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 1.1rem;
}

.de_activity_box {
  /* background: #FFFFFF; */
  background: rgba(0, 0, 0, .22);
  border-radius: .075rem .75rem .75rem .75rem;
  padding: 0.35rem 0.5rem;
}

.de_activity_box .box_top p {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  /*  color: #2E2E2E; */
  color: #fff;
}

.de_activity_box .box_bot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .25rem;
  width: 100%;
}

.de_activity_box .box_bot .bot_l p {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  /* color: #787878; */
  color: #fff;
  line-height: .9rem;
}

.de_activity_box .box_bot .bot_r {
  margin-left: .25rem;
}

.de_activity_box .box_bot .bot_r img {
  width: 2.1rem;
  height: 2.1rem;
  border-radius: .3rem;
}

.label_bh_group_from {
  font-family: Source Han Sans CN;
  font-weight: 400;
  margin-top: .5rem;
  line-height: 1;
}

.detail_user_head .l_head_text {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  line-height: 1.95rem;
  text-align: center;
  background: #FFCA56;
  font-size: .45rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  margin-right: .25rem;
}

.shares_list_tabs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem;
}

.shares_list_tabs>a {
  background: #FAFAFA;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
  border: 1px solid #CCCCCC;
  border-radius: .8rem;
}

.shares_list_tabs>a.active {
  font-size: .7rem;
  font-family: PingFang SC;
  background: #F4B43D;
  font-weight: 500;
  color: #2E2E2E;
  border: none;
}

.shares_head_shili {
  padding: 0.6rem;
  background: url(../images/bg_shares_shishi.png) no-repeat center/cover;
}

.shares_head .title_img img {
  width: 5.325rem;
  height: .95rem;
}

.shares_head .title_text {
  margin-top: .25rem;
}

.shares_head .title_text p {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #5A3105;
  line-height: .85rem;
}

.shares_head .head_main {
  margin-top: .5rem;
}

.shares_head .head_main .main_title img {
  max-width: .8rem;
  height: auto;
  vertical-align: middle;
}

.shares_head .head_main .main_title span {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #CC3131;
  vertical-align: middle;
  margin-left: .25rem;
}

.shares_head .head_main .main_content {
  display: flex;
  justify-content: space-between;
  align-items: center;

  margin-top: .2rem;
}

.shares_head .head_main .main_content>div {
  width: 31%;
  padding-bottom: .5rem;
}

.shares_detail_small_item {
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
  box-shadow: 0px .125rem .725rem 0px rgba(52,
      53,
      53,
      0.07);
  opacity: 0.88;
  border-radius: .25rem;
}

.shares_detail_small_item .item_title {
  margin-top: -0.1rem;
}

.shares_detail_small_item .item_title span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  background: #CC3131;
  padding: 0 0.15rem;
  border-radius: .25rem;
}

.shares_detail_small_item .item_text {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: .75rem;
  text-align: center;
  margin-top: .25rem;
}

.shares_detail_small_item .item_num {
  color: rgba(46,
      46,
      46,
      1);
  font-size: .6rem;
  line-height: .75rem;
  text-align: center;
  margin-top: .25rem;
}

.shares_detail_small_item .item_num .num {
  font-size: 1rem;
  font-family: DIN Next LT Pro;
  font-weight: 500;
  color: #CC3131;
}

.shares_detail_msg_box {
  white-space: nowrap;
  overflow-x: auto;
}

.shares_detail_msg_box .box_head {
  padding: 0 0.6rem;
  background: #EFEFEF;
  display: inline-block;
  font-size: 0;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
}

.shares_detail_msg_box .box_head>div {
  display: inline-block;
  width: 4rem;
  padding: 0.6rem 0;
  text-align: center;
  background: #EFEFEF;
  font-size: .65rem;
}

.shares_detail_msg_list .list_item_main {
  font-size: 0;
}

.shares_detail_msg_list .list_item_main>div {
  display: inline-block;
  width: 4rem;
  font-size: .7rem;
  text-align: center;
  font-family: PingFang SC;
  font-weight: 500;
  color: #000000;
  vertical-align: middle;
}

.shares_detail_msg_list {
  padding: 0 0.6rem
}

.shares_detail_msg_list>li {
  padding: 0.5rem 0;
  display: table-caption;
}

.shares_detail_msg_list>li:not(:last-child) {
  border-bottom: 1px solid #EFEFEF;
}

.shares_detail_msg_list .list_item_text {
  /*background: rgba(98, 143, 251, 0.1);*/
}

.shares_detail_msg_list .list_item_text p {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #628FFB;
  line-height: .95rem;
  padding: 0.5rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 2.25rem;
}

.list_item_text .text_time {
  text-align: right;
  margin-left: .25rem;
}

.list_item_text .text_time {
  font-size: .55rem;
  padding: 0.1rem 0.2rem;
  font-family: PingFang SC;
  font-weight: 500;
  background: rgba(98,
      143,
      251,
      0.1);
  color: #628FFB;
  border-radius: .25rem;
  white-space: nowrap;
}

.load_more_list_line {
  padding: 0.5rem 0.6rem;
}

.load_more_list_line>div {
  text-align: center;
  background: #EFEFEF;
  border-radius: 1.075rem;
  padding: 0.5rem 0;
}

.load_more_list_line>div span {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.load_more_list_line>div img {
  width: .8rem;
  height: .425rem;
  vertical-align: middle;
  margin-left: .25rem;
}

.shares_head_zhuli {
  padding: 0.6rem;
  background: url(../images/bg_shares_zhuli.png) no-repeat center/cover;
}

.shares_head_news {
  padding: 0.6rem;
  background: url(../images/bg_shares_xiaoxi.png) no-repeat center/cover;
}

.icon_blue_gth {
  width: .6rem;
  height: .6rem;
  margin-left: .125rem;
  vertical-align: middle;
}

.list_item_bg_y_text {
  margin-top: 0.5rem;
}

.list_item_bg_y_text {
  padding: 0.6rem;
  background: rgba(244,
      180,
      61,
      .1);
}

.list_item_bg_y_text img {
  width: .65rem;
  height: .725rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.list_item_bg_y_text p {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #E3860C;
  line-height: .75rem;
}

.list_item_samll_module {
  margin-top: .5rem;
}

.list_item_samll_module>span {
  background: #FEF7EB;
  border-radius: .15rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #E3860C;
  padding: 0.25rem 0.6rem;
  margin-right: .5rem;
}

.shares_calendar_box {
  background: #EFEFEF;
  padding: 0.5rem 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.shares_calendar_box .box_side img {
  width: .3rem;
  height: .55rem;
  vertical-align: middle;
}

.shares_calendar_box .box_side span {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
  margin: 0 0.25rem;
  vertical-align: middle;
}

.shares_calendar_box .box_main {
  flex: auto;
  text-align: center;
}

.shares_calendar_box .box_main input {
  font-size: .7rem;
  font-family: PingFang SC;
  background: none;
  font-weight: 800;
  width: 5.3rem;
  color: #2E2E2E;
  vertical-align: middle;
  border: none;
}

.shares_calendar_box .box_main img {
  width: .775rem;
  height: .7rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.bottom_chat_input_box .box_top .box_top_textcontent {
  position: relative;
  width: 100%;
  min-height: 1.75rem;
  background: #ededed;
  border: .075rem solid #F3F3F3;
  border-radius: .9rem;
  padding: .25rem 1.5rem 0.25rem .6rem;
}

.bottom_chat_input_box .box_top .textareaDiv {
  resize: none;
  width: 100%;
  position: relative;
  outline: none;
  overflow-y: auto;
  line-height: .9rem;
  font-size: 0.75rem;
  border-radius: 0.9rem;
  background: #ededed;
  padding: 0.25rem 0.25rem 0.25rem 0.6rem;
  word-break: break-all
}

.bottom_chat_input_box .box_top .textareaDiv>img {
  margin-left: 0;
  width: 1.2rem;
  height: 1.2rem;
  vertical-align: text-top;
}

div#MsgContent_New:before {
  color: #bbb;
  content: attr(placeholder);
}

.box_top_textcontent .uplaceholder:before {
  color: red !important;
  content: none !important;
}

.admission_reminder_container {
  padding: 0.35rem 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: .25rem;
  background: #fff;
}

.admission_reminder_container .admission_mask {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FF8D37;
  background: #FFFAF7;
  border: 1px solid #FF8D37;
  border-radius: .15rem;
  padding: 0.05rem 0.1rem;
  margin-right: .125rem;
}

.admission_reminder_container .admission_stock {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  margin-right: .125rem;
}

.btn_change_list {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  background: #FF964C;
  border-radius: .25rem;
  padding: 0.15rem 0.3rem;
  border: none;
}

.admission_reminder_container .swiper-container {
  height: 1.8rem;
  line-height: 1.8rem;
  margin: inherit;
}

.admission_reminder_out_container {
  padding: 0.5rem 0.6rem 0 0.6rem;
  background: #EFEFEF;
}

.look_ups_downs_popup {
  position: absolute;
  bottom: 3.5rem;
  right: 0.3rem;
  z-index: 999;
}

.look_ups_downs_popup .look_ups_downs_head {
  text-align: right;
  margin-bottom: .25rem;
}

.look_ups_downs_popup .look_ups_downs_head img {
  width: .75rem;
  height: .75rem;
}

.look_ups_downs_main {
  background: #27080D;
  border-radius: .3rem;
  padding: 0.35rem 0.6rem;
  border: .075rem solid rgba(255,
      202,
      86,
      1);
}

.look_ups_downs_main .popup_head {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFCA56;
}

.look_ups_downs_main .popup_main {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.look_ups_downs_main .popup_main {
  border-radius: .425rem;
  margin-top: .25rem;
}

.look_ups_downs_main .popup_main .main_l {
  background: linear-gradient(90deg,
      #F74056,
      #E54443);
  width: 40%;
  border-radius: .425rem 0 0 .425rem;
  text-align: left;
  padding-left: 0.3rem;
  height: .825rem;
  line-height: .825rem;
  position: relative;
}

.look_ups_downs_main .popup_main .main_l:after {
  position: absolute;
  content: "";
  width: 0;
  right: -0.25rem;
  height: 0;
  top: 0;
  border-bottom: 0.5rem solid transparent;
  border-right: .3rem solid transparent;
  border-top: .825rem solid #E54443;
}

.look_ups_downs_main .popup_main .main_r {
  flex: auto;
  border-radius: 0 .425rem .425rem 0;
  text-align: right;
  background: linear-gradient(90deg,
      #2B952B,
      #61AB61);
  padding-right: 0.3rem;
  height: .825rem;
  line-height: .825rem;
}

.look_ups_downs_main .popup_main>div span {
  font-size: .6rem;
  font-family: DIN Next LT Pro;
  font-weight: 500;
  color: #FFFFFF;
  opacity: 0.7;
}

.look_ups_downs_main .popup_bot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .375rem;
}

.look_ups_downs_main .popup_bot .bot_l button {
  border-radius: .15rem;
  background: rgba(255,
      255,
      255,
      0.88);
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: bold;
  border: none;
  color: #CC3131;
}

.look_ups_downs_main .popup_bot .bot_r button {
  border-radius: .15rem;
  background: rgba(255,
      255,
      255,
      0.88);
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: bold;
  border: none;
  color: #2B952B;
}

.look_ups_downs_main .popup_bot .bot_c img {
  width: 1.65rem;
  height: 1.025rem;
}

.fixed_top_line {
  padding: 0 0.6rem;
}

.fixed_top_line>div:nth-child(2) {
  flex-wrap: nowrap;
}

.fixed_top_line>div:nth-child(1) {
  flex: auto;
}

.fixed_top_line>div:nth-child(3) {
  flex: auto;
}

.fixed_top_line .line_l {
  text-align: left;
}

.fixed_top_line .line_r {
  text-align: right;
}

.fixed_top_line .line_l img {
  width: .375rem;
  height: .675rem;
  vertical-align: middle;
}

.fixed_top_line .line_l span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
}

.fixed_top_line .line_r .r_follow {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  background: #FEBF55;
  border-radius: .55rem;
  padding: 0.15rem 0.5rem;
  color: #FFFFFF;
}

.icon_more_oper {
  display: inline-block;
  width: 1rem;
  position: relative;
  height: 1rem;
  background: url(../images/icon_gray_more.png) no-repeat center/.825rem .6rem;
  margin-left: .5rem;
}

.greet_topic_box {
  padding: 0.5rem 0.6rem;
  background: #F6F6F6;
  border-radius: .5rem;
}

.greet_topic_box .box_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.greet_topic_box .box_head .head_l img {
  width: 1.2rem;
  height: .775rem;
  margin-right: .125rem;
}

.greet_topic_box .box_head .head_l span {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFAE27;
}

.greet_topic_box .box_head .head_r img {
  width: .55rem;
  height: .55rem;
}

.greet_topic_box .box_main {
  margin-top: .5rem;
}

.greet_topic_box .box_main .topic_module_list li button {
  background: #FFFCF8;
  border: 1px solid #FFAE27;
  border-radius: 1.1rem;
  height: 2.2rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #000000;
  width: 100%;
}

.greet_topic_box .box_main .topic_module_list>li {
  margin-top: .5rem;
}

.follow_ta_line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #F6F6F6;
  border-radius: .5rem;
  padding: 0.5rem 0.6rem;
}

.follow_ta_line .line_l span {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #000000;
}

.follow_ta_line .line_r button {
  background: #FEBF55;
  border-radius: .8rem;
  border: none;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #000000;
  padding: 0.4em 0.725rem;
}

.dialog_state {
  position: absolute;
  left: -1rem;
  top: 50%;
  transform: translate(-50%,
      -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%,
      -50%);
}

.dialog_state img {
  width: .8rem;
  height: .8rem;
}

.delete_dialog_box {
  position: absolute;
  bottom: -2rem;
  right: 2.6rem;
  z-index: 1002;
  display: none;
}

.delete_dialog_box.left_delete_dialog_box {
  right: inherit !important;
  left: 2.6rem;
}

.delete_dialog_box_mask {
  width: 100%;
  height: 100%;
  background: rgba(0,
      0,
      0,
      .1);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}

.delete_dialog_box .box_main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(0,
      0,
      0,
      0.6);
  border-radius: .15rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  padding: 0.3rem 0;
}

.delete_dialog_box .box_main:after {
  content: "";
  position: absolute;
  display: inline-block;
  border-bottom: 0.35rem solid rgba(0,
      0,
      0,
      0.6);
  border-right: .4rem solid transparent;
  border-left: .4rem solid transparent;
  left: 50%;
  top: -0.17rem;
  transform: translate(-50%,
      -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%,
      -50%);
}

.delete_dialog_box .box_main>div {
  padding: 0 0.6rem;
  white-space: nowrap;
}

.delete_dialog_box .box_main>div:nth-child(2) {
  border-right: 1px solid rgba(255,
      255,
      255,
      0.2);
  border-left: 1px solid rgba(255,
      255,
      255,
      0.2);
}

.another_private_chat_box {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  box-shadow: 0px .075rem .35rem 0px rgba(239,
      239,
      239,
      0.35);
  border-radius: .5rem;
}

.another_private_chat_box .private_chat_main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.6rem;
  padding-right: 1.5rem;
}

.private_chat_main .chat_head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.private_chat_main .chat_head .head_img img {
  width: 1.95rem;
  height: 1.95rem;
  border-radius: 50%;
}

.private_chat_main .chat_head .head_text {
  margin-left: .25rem;
}

.private_chat_main .chat_head .head_text .text_top {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.private_chat_main .chat_head .head_text .text_bot {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.private_chat_main .chat_head .head_text .user_tag {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FB9862;
  background: #EFEFEF;
  margin-left: .125rem;
  border-radius: .15rem;
}

.private_chat_main .chat_btn {
  margin-right: 0.725rem;
}

.private_chat_main .chat_btn button {
  background: #FEBF55;
  border-radius: .8rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #000000;
  color: #000000;
  border: none;
  padding: 0.4em 0.725rem;
  white-space: nowrap;
}

.private_chat_main .chat_change {
  text-align: center;
}

.private_chat_main .chat_change .change_top img {
  width: .7rem;
  height: .7rem;
}

.private_chat_main .chat_change .change_bot {
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  white-space: nowrap;
}

.another_private_chat_box .icon_close {
  width: .775rem;
  height: .775rem;
  position: absolute;
  right: 0;
  top: -0.35rem;
}

.dialog_read {
  position: absolute;
  left: -1rem;
  bottom: -0.35rem;
  line-height: 1;
  top: inherit !important;
  transform: translate(-50%,
      -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%,
      -50%);
}

.unread_message_box {
  background: rgba(0,
      0,
      0,
      0.6);
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  padding: 0.2rem 0.35rem;
  border-radius: .6rem;
  position: absolute;
  bottom: 8.5rem;
  right: 0.6rem;
  z-index: 999;
}

.unread_message_box img {
  width: .475rem;
  height: .325rem;
}

.unread_message_scroll {
  padding: 0.2rem 0.6rem;
}

.item_text_state {
  word-break: break-all;
  word-wrap: break-word;
  display: inline-block;
  overflow: hidden;
}

.item_text_state p {
  padding-right: 1.2rem !important;
  word-break: break-all;
  word-wrap: break-word;
  white-space: normal;
  overflow: hidden;
}

.fixed_top_line .more_oper_list_box {
  position: absolute;
  z-index: 1004;
  right: 0;
  display: none;
  top: 1.3rem;
}

.fixed_top_line .more_oper_list_box:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  right: 0.2rem;
  top: -0.25rem;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-bottom: 0.3rem solid #fff;
  z-index: 11;
}

.fixed_top_line .more_oper_list_box:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  right: 0.15rem;
  top: -0.35rem;
  border-left: 0.3rem solid transparent;
  border-right: 0.3rem solid transparent;
  border-bottom: 0.35rem solid #DEDEDE;
  z-index: 10;
}

.fixed_top_line .new_msg_tips {
  background: #CC3131;
  color: #fff !important;
  font-size: .5rem !important;
  padding: 0.05rem 0.25rem;
  vertical-align: middle;
  border-radius: 1rem;
  margin: 0 0.125rem;
  line-height: 1;
}

.fixed_top_line .more_oper_list_box ul {
  padding: 0 0.6rem;
  background: #FFFFFF;
  border: 1px solid #DEDEDE;
  box-shadow: 0px .25rem 19px 0px rgba(0,
      0,
      0,
      0.13);
  border-radius: .25rem;
}

.fixed_top_line .more_oper_list_box ul li {
  width: 4.5rem;
  text-align: center;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #565656;
}

.fixed_top_line .more_oper_list_box ul li:not(:last-child) {
  border-bottom: 1px solid #EFEFEF;
}

.fixed_top_line .more_oper_list_box ul li.active {
  color: #CC3131;
}

.red_cicle_news_tips {
  background: #CC3131;
  line-height: 1;
  padding: 0.05rem 0.25rem;
  border-radius: 1rem;
  color: #FFFFFF;
  text-align: center;
  line-height: .75rem;
  position: absolute;
  right: -0.2rem;
  top: 0rem;
  text-align: center;
}

.focus_group_box {
  border-bottom: .4rem solid #EFEFEF;
}

.focus_group_box .focus_group_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.6rem;
}

.focus_group_box .focus_group_head .head_l {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.focus_group_box .focus_group_head .head_r a {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
}

.focus_group_box .focus_group_main {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  padding: 0 0.6rem;
  padding-bottom: .5rem;
}

.focus_group_box .focus_group_main>div {
  display: inline-block;
  text-align: center;
  margin-right: .5rem;
}

.focus_group_item .item_top img {
  width: 2.85rem;
  height: 2.85rem;
  border-radius: .075rem;
}

.focus_group_item .item_bot span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.focus_fans_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.6rem;
  border-bottom: .4rem solid #EFEFEF;
}

.focus_fans_box .box_l img {
  width: 2rem;
  height: 2rem;
  margin-right: .25rem;
}

.focus_fans_box .box_l span {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.focus_fans_box .box_r img {
  width: .3rem;
  height: .55rem;
}

.for_help_box {
  background: rgba(0,
      0,
      0,
      .8);
  border-radius: 0 .25rem .25rem 0;
  padding: 0.35rem 0.5rem .5rem;
  display: inline-block;
}

.for_help_box .box_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 !important;
  background: none !important;
}

.for_help_box .box_top .top_left span {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFDF6B;
  vertical-align: middle;
}

.for_help_box .box_top .top_left img {
  width: .45rem;
  height: .6rem;
  vertical-align: middle;
  margin-right: .125rem;
  margin-left: 0 !important;
}

.for_help_box .box_top .top_right img {
  width: .7rem;
  height: .7rem;
  margin-left: 3rem;
}

.for_help_box .box_bot a {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  text-decoration: underline;
  color: #FFFFFF;
}

.today_topic_line {
  left: 0;
  width: 80%;
  margin-top: .5rem;
}

.today_topic_line>div {
  width: 100%;
  background: url(../images/bg_today_topic.png) no-repeat left center/cover;
  height: 1.65rem;
}

.topic_line_text {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #FFFFFF;
  text-shadow: 1px 1px .1rem rgba(0,
      0,
      0,
      0.25);
  padding-left: 3.4rem;
  padding-top: 0.4rem;
  padding-right: 0.6rem;
}

.listen_player_box {
  padding: 0.6rem;
  width: 100%;
  position: absolute;
  bottom: 3rem;
  z-index: 1000;
}

.listen_player_box .audio_player_box .audio_play_box {
  border-radius: .25rem !important;
  position: relative;
}

.listen_player_text {
  margin-left: .25rem;
}

.listen_player_text p {
  white-space: normal;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.05rem;
}

.listen_player_box .btn_listen {
  margin-left: .725rem;
  margin-right: .5rem;
}

.listen_player_box .btn_listen button {
  background: #628FFB;
  border-radius: .15rem;
  border: none;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.listen_player_box .btn_listen .icon_white_sanjiao {
  width: .4rem;
  height: .45rem;
  margin-left: .125rem;
}

.audio_player_countdown {
  border-radius: .075rem 0 .25rem 0;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  background: rgba(0,
      0,
      0,
      0.45);
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 1;
  text-align: center;
  padding: 0.05rem 0.25rem;
}

.waitting_group_chat {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,
      -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%,
      -50%);
  background: rgba(0,
      0,
      0,
      .35);
  z-index: 1000;
  padding: 0.7rem;
  border-radius: .5rem;
}

.waitting_group_chat .chat_top {
  text-align: center;
}

.waitting_group_chat .chat_top img {
  width: 2.25rem;
  height: 2.25rem;
  animation: turn 3s linear infinite;
}

@keyframes turn {
  0% {
    -webkit-transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(90deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
  }

  75% {
    -webkit-transform: rotate(270deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

.waitting_group_chat .chat_bot {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  margin-top: .25rem;
}

.trans_mask {
  width: 100%;
  height: 100%;
  background: rgba(0,
      0,
      0,
      0);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1003;
  display: none;
}

.group_announcement {
  padding: 0.6rem;
  position: absolute;
  width: 100%;
  bottom: 3rem;
  left: 0;
  z-index: 1000;
}

.group_announcement>div.group_announcement_main {
  background: rgba(0,
      0,
      0,
      .3);
  padding: 0.1rem 0.35rem;
  border-radius: .25rem;
}

.group_announcement>div.group_announcement_main p {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFCA56;
  line-height: 1.1rem;
}

.group_announcement_main .icon_y_laba {
  width: .8rem;
  height: .625rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.icon_news_reply {
  text-align: right;
}

.icon_news_reply>span {
  padding: 0.25rem 0.25rem 0.25rem 0.6rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #628FFB;
  line-height: 1;
  background: #FFFFFF;
  border-radius: .675rem;
}

.item_time_show {
  text-align: center;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 1.1rem;
  opacity: 0.7;
  margin-top: .5rem;
}

.chat_room_white_box .item_time_show {
  color: #565656 !important;
}

.pairing_search_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.6rem;
}

.pairing_search_box .box_search {
  width: 100%;
}

.pairing_search_box .box_search input {
  width: 100%;
  border: 1px solid #F5F5F5;
  height: 1.7rem;
  border-radius: .85rem;
  height: 1.7rem;
  background: #FAFAFA url(../images/search-jin.png) no-repeat 0.6rem center/.725rem;
  padding-left: 1.6rem;
}

.pairing_search_box .box_search_btn {
  text-align: center;
}

.pairing_search_box .box_search_btn img {
  width: .95rem;
  height: .95rem;
}

.pairing_search_box .box_search_btn {
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #628FFB;
  white-space: nowrap;
  margin-left: .25rem;
}

.pairing_search_list .list_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.625rem 0;
  border-bottom: 1px solid #EFEFEF;
}

.pairing_search_list .list_item .item_l {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.pairing_search_list .list_item .item_l .l_img_head {
  position: relative;
}

.pairing_search_list .list_item .item_l .l_img_head .icon_sex {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  z-index: 1;
}

.l_img_head .icon_sex.sex_nan {
  background: url(../images/icon_nan.png) no-repeat center/cover;
}

.l_img_head .icon_sex.sex_nv {
  background: url(../images/icon_nv.png) no-repeat center/cover;
}

.pairing_search_list .list_item .item_l .l_img_head img {
  width: 1.95rem;
  height: 1.95rem;
  border-radius: 50%;
}

.pairing_search_list .list_item .item_l .l_text {
  line-height: 1;
  margin-left: .25rem;
}

.pairing_search_list .list_item .item_l .l_text .text_name {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  vertical-align: middle;
  margin-left: .125rem;
}

.pairing_search_list .list_item .item_l .l_text .text_mask {
  background: #EFEFEF;
  border-radius: .15rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FB9862;
  vertical-align: middle;
  margin-left: .125rem;
  line-height: 1;
  padding: 0.05rem 0.1rem;
}

.pairing_search_list .list_item .item_l .l_text .text_follow {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  border: 1px solid #FEBF55;
  border-radius: .15rem;
  color: #FEBF55;
  vertical-align: middle;
  line-height: 1;
  padding: 0.05rem 0.1rem;
  margin-left: .125rem;
}

.pairing_search_list .list_item .item_l .l_text .text_state {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.pairing_search_list .list_item .item_l .l_text .text_bot {
  margin-top: .25rem;
}

.pairing_search_list {
  padding: 0 0.6rem;
}

.pairing_search_list .list_item .item_r .btn_pairing {
  background: #FEBF55;
  border-radius: .8rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #000000;
  padding: 0.25rem 0.6rem;
  border: none;
  white-space: nowrap;
}

.check_more_pairing {
  padding: 0.625rem 0;
  text-align: center;
}

.check_more_pairing span {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  vertical-align: middle;
}

.check_more_pairing img {
  width: .5rem;
  height: .275rem;
  vertical-align: middle;
  margin-left: .125rem;
}

.pairing_follow_head {
  padding: 0.5rem 0.6rem;
  background: #EFEFEF;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #787878;
}

.heart_show_box {
  text-align: right;
  padding: 0.6rem;
}

.heart_show_box img {
  width: 2rem;
  height: 1.75rem;
  margin: 0 .25rem;
}

.heart_show_box>span {
  width: 2rem;
  height: 1.75rem;
  margin: 0 .25rem;
  display: inline-block;
  vertical-align: middle;
  font-size: .35rem;
  font-family: Yuanti SC;
  font-weight: bold;
  text-align: center;
  color: #E56060;
  line-height: 1;
  padding-top: 0.3rem;
}

.heart_show_box>span.xin_1 {
  background: url(../images/red_star/xin_1.png) no-repeat center/2rem 1.75rem;
}

.heart_show_box>span.xin_2 {
  background: url(../images/red_star/xin_2.png) no-repeat center/2rem 1.75rem;
}

.heart_show_box>span.xin_2>div:nth-child(2) {
  color: #fff;
}

.heart_show_box>span.xin_3 {
  color: #fff;
  background: url(../images/red_star/xin_3.png) no-repeat center/2rem 1.75rem;
}

.heart_show_box>span.xin_4 {
  color: #fff;
  background: url(../images/red_star/xin_4.png) no-repeat center/2rem 1.75rem;
}

.mutual_evaluation_popup {
  position: absolute;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 70%;
  transform: translate(-50%,
      -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%,
      -50%);
  z-index: 1002;
  background: #fff;
  border-radius: .5rem;
}

.mutual_evaluation_popup .popup_head {
  background: #FEBF55;
  border-radius: .5rem .5rem 0 0;
  padding: 0.5rem 0;
  text-align: center;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #3B2809;
  position: relative;
}

.mutual_evaluation_popup .popup_head .icon_close {
  width: .6rem;
  height: .6rem;
  position: absolute;
  right: 0.6rem;
  top: 0.6rem;
}

.evaluation_screen_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.3rem 0;
}

.evaluation_screen_box .box_l {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FEBF55;
  white-space: nowrap;
}

.evaluation_star_select .sel_left {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #898989;
}

.evaluation_textarea_box textarea {
  background: #EFEFEF;
  border-radius: .15rem;
  padding: 0.3rem;
  border: none;
  resize: none;
  width: 100%;
}

.evaluation_textarea_btn {
  margin-top: .25rem;
}

.evaluation_textarea_btn button {
  background: #FEBF55;
  border-radius: .15rem;
  width: 100%;
  height: 2rem;
  background: #FEBF55;
  border: none;
}

.mutual_evaluation_popup .popup_main {
  padding: 0 0.6rem;
  padding-bottom: 0.5rem;
}

.evaluation_star_select {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem 0;
}

.evaluation_star_select .sel_right {
  margin-left: .5rem;
}

.evaluation_star_select .sel_right img {
  width: .95rem;
  vertical-align: top;
  margin: 0 .5rem;
  height: .95rem;
}

.evaluation_result_box {
  background: #F6F6F6;
  border: 1px solid #F3F3F3;
  width: 85%;
  border-radius: .15rem .5rem .5rem .5rem;
}

.evaluation_result_box .box_head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: rgba(254,
      191,
      85,
      1);
  padding: 0.3rem 0.6rem;
  border-radius: .15rem .5rem 0px 0px;
  line-height: 1;
}

.evaluation_result_box .box_head .head_l {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #7B5514;
}

.evaluation_result_box .box_head .head_r {
  height: .8rem;
  width: 5.2rem;
  margin-left: .25rem;
}

.star_show_1 {

  background: url(../images/red_star/star_1.png) no-repeat center/5.2rem .8rem;
}

.star_show_2 {

  background: url(../images/red_star/star_2.png) no-repeat center/5.2rem .8rem;
}

.star_show_3 {

  background: url(../images/red_star/star_3.png) no-repeat center/5.2rem .8rem;
}

.star_show_4 {

  background: url(../images/red_star/star_4.png) no-repeat center/5.2rem .8rem;
}

.star_show_5 {

  background: url(../images/red_star/star_5.png) no-repeat center/5.2rem .8rem;
}

.evaluation_result_box .box_text {
  background: #fff;
  padding: 0.6rem;
  border-radius: 0px .5rem 0px 0px;
}

.evaluation_result_box .box_text p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #030303;
}

.real_time_job>div {
  display: flex;
  justify-content: space-between;
  background: #FFFFFF;
  border-radius: .5rem;
  line-height: 1;
  padding: 0.35rem 0.5rem;
}

.real_time_job>div .box_l img {
  width: .675rem;
  height: .65rem;
  vertical-align: middle;
}

.real_time_job>div .box_l span {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #F8822B;
  vertical-align: middle;
  margin-left: .125rem;
}

.real_time_job>div .box_r span {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #565656;
  margin-left: .25rem;
  vertical-align: middle;
}

.real_time_job>div .box_r img {
  width: .65rem;
  height: .65rem;
  vertical-align: middle;
  margin-left: .125rem;
}

.shares_calendar_container {
  position: fixed;
  left: 0;
  z-index: 10;
  background: #fff;
  width: 100%;
}

.jiiin_bang_oper_tabs a>div:nth-child(1) {
  height: 1.6rem !important;
}

.jiiin_bang_oper_tabs a>div:nth-child(1)>img {
  max-height: 1.25rem;
  width: inherit !important;
  height: inherit !important;
  vertical-align: -webkit-baseline-middle;
}

.publish_button_group {
  display: flex;
}

.publish_button_group .btn_article {
  width: 40%;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: .25rem;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
  margin-right: .5rem;
  white-space: nowrap;
}

.icon_cleaning {
  width: 1rem;
  height: 1rem;
  vertical-align: text-bottom;
  margin-left: .25rem;
}

.icon_real_time {
  background: #FFCA56;
  border-radius: .15rem;
  white-space: nowrap;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  padding: 0.05rem 0.2rem;
  color: #DD5847;
  line-height: 1;
}

.de_real_time_box {
  margin-top: .125rem;
}

.operation_steps_box {
  margin-top: .5rem;
}

.operation_steps_box .steps_title span {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #565656;
  vertical-align: middle;
}

.operation_steps_box .steps_title img {
  width: .875rem;
  height: .75rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.operation_steps_box p {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
  line-height: 1.5rem;
  margin-top: 0;
}

.icon_dy_report {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  background: #628FFB;
  border-radius: .1rem;
  padding: 0.05rem 0.1rem;
  margin-right: .125rem;
}

.icon_viewpoint {
  font-size: .45rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  border: 1px solid #8E8E8E;
  border-radius: .075rem;
  line-height: 1;
  padding: 0 0.1rem;
  margin-left: .125rem;
}

.tree_hole_chat_out_container {
  height: 92%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  padding-top: 2.25rem;
}

.tree_hole_chat_out_container .tree_hole_chat_box {
  width: 100%;
}

.tree_hole_chat_out_container .tree_hole_chat_box {
  height: 100%;
}

.tree_hole_chat_out_container .tree_hole_chat_box .per_chat_list {
  height: 100%;
  overflow: auto;
}

.icon_red_heart {
  width: .9rem;
  height: .8rem;
}

.icon_red_pair {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  background: linear-gradient(0deg,
      #F7534F 0%,
      #F48380 100%);
  border-radius: .15rem;
  padding: 0.05rem 0.1rem;
  margin-left: .125rem;
}

.pay_attention_index_container {
  height: 0.8rem;
  line-height: 0.8rem;
}

.chat_main_right {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.btn_seek_help {
  position: absolute;
  right: 0.6rem;
  bottom: 2rem;
  padding: 0.35rem 0.6rem;
  border: none;
  background: #FF8C55;
  box-shadow: 0.075rem 0.1rem 0.175rem 0px rgb(0 0 0 / 18%);
  border-radius: .85rem;
  vertical-align: middle;
  margin-left: 0.125rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.content_none_load {
  height: 3rem;
  line-height: 3rem;
  text-align: center;
}

.content_none_load img {
  width: .8rem;
  height: .8rem;
  animation: turn 1s linear infinite;
  -webkit-animation: turn 1s linear infinite;
  -moz-animation: turn 1s linear infinite;
}

.bg_f5f {
  background: #F5F5F5 !important;
}





/*8.5.2*/
.real_time_container {
  height: 100%;
  width: 100%;
  background: #3722ac url(../images/bg_real_time_transaction.png) no-repeat center top/100% 30.25rem;
  position: relative;
  overflow: hidden;
}

.real_time_container .icon_rule {
  position: absolute;
  right: -1.6rem;
  top: 1.2rem;
  width: 5.15rem;
  height: 1.15rem;
}

.real_time_container button {
  width: 17.975rem;
  height: 3.7rem;
  border: none;
  background: url(../images/btn_real_time_exchange.png) no-repeat center/cover;
}

.real_time_container .btn_exchange_box {
  position: absolute;
  width: 100%;
  bottom: 3rem;
  text-align: center;
}

.exchange_date_popup {
  padding: 1rem;
  position: absolute;
  bottom: 0;
  z-index: 1002;
  left: 0;
  background: linear-gradient(180deg,
      #F7F2D3,
      #F8F5E7);
  box-shadow: .35rem .35rem .725rem .05rem rgba(174,
      30,
      0,
      0.79),
    .2rem .2rem 0px 0px #AE1E00;
  border-radius: .5rem .5rem 0 0;
  width: 100%;
}

.exchange_date_popup .icon_close {
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 0.25rem;
  top: -1.2rem;
}

.exchange_date_list li {
  background: #FFFFFF;
  border-radius: .5rem;
  padding: 0.5rem 0.6rem;
  margin-bottom: .5rem;
}

.exchange_date_list li.active {
  border: .1rem solid #F75437;
}

.exchange_date_list .list_item_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.exchange_date_list .list_item_top .top_l {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.exchange_date_list .list_item_top .top_r {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.exchange_date_list .list_item_bot {
  margin-top: .25rem;
}

.exchange_date_list .list_item_bot .bot_main {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.exchange_date_list .list_item_bot .bot_tips {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  text-decoration: line-through;
  color: #2E2E2E;
  margin-left: .5rem;
}

.exchange_date_popup .exchange_btn_box {
  width: 100%;
}

.exchange_date_popup .exchange_btn_box button {
  background: linear-gradient(7deg,
      #FF5F3E,
      #E33725);
  border: 1px solid #FFE380;
  box-shadow: 1px 1px .1rem 0px rgba(255,
      250,
      243,
      0.29);
  border-radius: 1.2rem;
  font-size: 1rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FAFCFD;
  width: 100%;
  height: 2.35rem;
}

.exchange_tips_popup {
  width: 80%;
  background: #FFFFFF;
  border-radius: .5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,
      -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%,
      -50%);
  z-index: 1002;
  padding: 1rem;
}

.exchange_tips_popup .popup_title {
  font-size: .975rem;
  text-align: center;
  font-family: PingFang SC;
  font-weight: 800;
  color: #FF5F3E;
  line-height: .975rem;
  /*-webkit-text-stroke: 1px #FF5F3E;
	text-stroke: 1px #FF5F3E;*/

  background: linear-gradient(7deg,
      #FF5F3E 0%,
      #E33725 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.exchange_tips_popup .popup_main {
  margin-top: .5rem;
}

.exchange_tips_popup .popup_main p {
  text-align: center;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.2rem;
  margin: 0;
}

.exchange_tips_popup .popup_btn {
  margin-top: 1rem;
}

.exchange_tips_popup .popup_btn button {
  height: 2.35rem;
  width: 100%;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  background: linear-gradient(7deg,
      #FF5F3E,
      #E33725);
  border: 1px solid #FFE380;
  box-shadow: 1px 1px .1rem 0px rgba(255,
      250,
      243,
      0.29);
  border-radius: 1.2rem;
}

.exchange_tips_popup .popup_btn button.active {
  background: #EFEFEF;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #565656;
}

.exchange_tips_popup .popup_tips_text {
  background: #EFEFEF;
  border-radius: .25rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  padding: 0.725rem 0.6rem;
  margin-top: .5rem;
}

.each_label_filter_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: .5rem;
  overflow-x: scroll;
  height: 1.8rem;
}

.each_label_filter_box>span {
  background: rgba(0,
      0,
      0,
      0.4);
  border-radius: .55rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  padding: 0.15rem 0.5rem;
  margin-right: .5rem;
  position: relative;
  white-space: nowrap;
}

/* tab栏切换后的样式 */
.each_label_filter_box .current_span {
  background: linear-gradient(0deg, #FF4F11 0%, #FFC547 100%);
  border-radius: .55rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  padding: 0.15rem 0.5rem;
  margin-right: .5rem;
  position: relative;
  white-space: nowrap;
}


.for_help_box {
  min-width: 40%;
}

.for_help_box .box_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255,
      255,
      255,
      0.2);
  padding-bottom: 0.25rem;
}

.for_help_box .box_head .top_left img {
  width: .7rem;
  height: .7rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.for_help_box .box_head .top_left span {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FF6600;
  vertical-align: middle;
}

.for_help_box .box_head .top_right span {
  font-size: .575rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}

.for_help_box .box_head .top_right img {
  width: .55rem;
  height: .55rem;
  vertical-align: middle;
  margin-right: .125rem;
}

.for_help_box .box_bot a {
  padding-top: 0.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
}

.for_help_box .box_bot .bot_right img {
  width: .325rem;
  height: .6rem;
}

.help_bar_label_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: .5rem;
}

.help_bar_label_box>span {
  background: #fff;
  border-radius: .625rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  padding: 0.2rem 0.5rem;
  margin: 0 .25rem;
  color: #333;

}

.group_scroll_news_out_container .btn_close {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(../images/icon-close.png) no-repeat center/.6rem .6rem;
  vertical-align: middle;
}

.each_label_filter_box .icon_red_cicle_news {
  display: inline-block;
  font-size: .35rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  width: .65rem;
  height: .65rem;
  background: #FF4747;
  text-align: center;
  line-height: .65rem;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: -0.3rem;
}


/* tab栏切换后的样式 */




.block_sale_line {
  display: flex;
  width: 100%;
  background: rgba(197,
      202,
      214,
      0.1);
  justify-content: space-between;
  align-items: center;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  padding: 0.2rem 0.6rem;
  color: #628FFB;
}

.block_sale_line .line_r img {
  width: .275rem;
  height: .5rem;
}

.block_sale_line .line_l.news_cicle:before {
  content: "";
  display: inline-block;
  width: .35rem;
  height: .35rem;
  background: #CC3131;
  border-radius: .175rem;
  margin-right: .125rem;
  vertical-align: middle;
}




/*日历*/

/*.calendar_1 .picker-calendar-day.picker-calendar-day-selected span {
	background: none;
}
.calendar_1 .picker-calendar-week-days {
	height: 1.55rem;
	border-radius: .25rem .25rem 0px 0px
}
.calendar_1 .picker-calendar-week-days > div {
	line-height: 1.55rem;
	background: #FF6600;
	font-size: .7rem;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
}
.calendar_1 .picker-calendar {
	height: 18rem;
}

.calendar_1 .picker-calendar-row {
	height: 3.55rem;
}
.calendar_1 .picker-calendar-row > div {
	position: relative;
	border-right: 1px solid #ccc;
}
.calendar_1 .picker-calendar-row > div .item_title {
	position: absolute;
	background: rgba(255,
	255,
	255,
	0.6);
	white-space: nowrap;
	font-size: .55rem;
	font-family: PingFang SC;
	font-weight: 500;
	color: #2E2E2E;
	width: 100%;
	top: 0.1rem;
	left: 0;
	line-height: 1;
	height: inherit;
	border-radius: 0;
}
.calendar_1 .picker-calendar-day.picker-calendar-day-selected span {
	color: #2E2E2E;
}
.calendar_1 .picker-calendar-row > div .item_text {
	position: absolute;
	background: #FFFFFF;
	border-radius: .325rem;
	font-size: .5rem;
	font-family: PingFang SC;
	font-weight: 800;
	width: 96%;
	left: 2%;
	bottom: 0.1rem;
	line-height: 1;
	height: inherit;
}
.calendar_1 .picker-modal .toolbar + .picker-modal-inner {
	height: 100%;
}
.calendar_bg_orange {
	background: #FFA14E;
}
.calendar_bg_red {
	background:rgba(255, 63, 63, 1);
}
.calendar_bg_purple{
	background: #BA6FFF;
}
.calendar_bg_hyacinthine{
	background:  rgba(117, 114, 255, 1)
}
.calendar_bg_pink{
	background: #FF589F;
}
.calendar_bg_gray{
	background: #BDBDBD;
}
.calendar_1  .day_today{
	background: #FF6600!important;
border: .05rem solid #FFFFFF;
border-radius: 50%;
	width: .75rem;
height: .75rem;
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	font-size: .4rem;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF!important;
	text-align: center;
	line-height: .75rem;
}
.calendar_1 .picker-calendar .picker-calendar-day-today span{
	background: none;
	color: #2E2E2E;
}
.calendar_1 .day_today_tomorrow{
	width: .75rem;
height: .75rem;
	display: inline-block;
background: #BDBDBD!important;
	font-size: .425rem;
	text-align: center;
	line-height: .75rem;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF!important;
border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
}
.data_cell_item{
	position: absolute;
	width: 100%;
	height: 75%;
	bottom: 0;
}*/
.show_currentbox {
  display: block !important;
}

.hide_currentbox {
  display: none !important;
}

.tracking_foresight_box {
  padding-right: .3rem;
  position: relative;
  background: #FFFFFF;
  border: .075rem solid #FFD883;
  border-radius: .25rem;
  width: 14.4rem;
  margin-top: .5rem;
  /* padding-bottom: 0.6rem; */
  z-index: 9;
}

.haowen_box {
  padding: .6rem .6rem .85rem .65rem;
}

.box_sanjiaoxing {
  display: block;
  position: absolute;
  top: -0.3rem;
  left: 1.35rem;
  width: 0;
  height: 0;
  border-left: .5rem solid transparent;
  border-right: .5rem solid transparent;
  border-bottom: .5rem solid #fff;
}

.bangdiaoyan {
  top: -0.3rem;
  left: 5.3rem !important;
}

.bangjianzheng {
  top: -0.3rem;
  left: 8.55rem !important;
}

.haowen {
  top: -0.3rem;
  left: 12.1rem !important;
}

.haowen_itembox {
  width: 13.15rem;
  height: 3.9rem;
  padding: .6rem 1.35rem .65rem .6rem;
  background: #F6F6F6;
  border-radius: 0.15rem;
}

.haowen_itembox .haowen_title {
  height: 1.8rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: .9rem;
}

.haowen_itembox .haowen_info {
  margin-top: .3rem;
  /*  width: 8.5rem; */
  height: .6rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
}

.haowen_box .haowen_btn {
  margin-top: .8rem;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.haowen_box .haowen_btn .haowen_divider {
  width: 1px;
  height: 15px;
  background: #D4D4D4;
}

.haowen_box .haowen_btn img {
  width: .45rem;
  height: .2rem;
}

.tracking_foresight_box .box_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem;
}

.tracking_foresight_box .box_head .head_l {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tracking_foresight_box .box_head .head_l .l_title img {
  width: 5.025rem;
  height: .875rem;
  vertical-align: middle;
}

.tracking_foresight_box .box_head .head_l .l_more a {
  background: #FFE9D8;
  border-radius: .5rem;
  padding: 0 .5rem .15rem;
  line-height: 1;
  vertical-align: middle;
  margin-left: .75rem;
}

.tracking_foresight_box .box_head .head_l .l_more a span {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FF4200;
  line-height: 1;
}

.tracking_foresight_box .box_head .head_l .l_more img {
  width: .175rem;
  height: .275rem;
  margin-left: .125rem;

  line-height: 1;
}

.tracking_foresight_box .box_head .head_r img {
  width: .6rem;
  height: .6rem;
}

.btn_gz_qz {
  width: 3.925rem;
  height: 1.1rem;
  margin-right: .5rem;
}

.optional_prompt_box {
  background: rgba(0, 11, 60, 0.7);
  border-radius: .25rem;
  font-size: .575rem;
  font-family: PingFang SC;
  font-weight: 400;
  left: 0;
  position: absolute;
  bottom: -1.4rem;
  color: #FFFFFF;
  padding: 0.1rem 0.3rem;
  white-space: nowrap;
  z-index: 9999;
}

.optional_prompt_box:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: -0.2rem;
  left: 0.6rem;
  border-left: 0.2rem solid transparent;
  border-right: 0.2rem solid transparent;
  border-bottom: 0.2rem solid rgba(0, 11, 60, 0.7);
}




/*日历新*/
.day_tomorrow {
  width: .75rem;
  height: .75rem;
  display: inline-block;
  background: #BDBDBD !important;
  font-size: .425rem;
  text-align: center;
  line-height: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF !important;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}

.day_today {
  background: #FF6600 !important;
  border: .05rem solid #FFFFFF;
  border-radius: 50%;
  width: .75rem;
  height: .75rem;
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  font-size: .4rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF !important;
  text-align: center;
  line-height: .75rem;
}

.calendar-tbody td {
  position: relative;
}

.show_more {
  position: absolute;
  top: .5rem;
  right: .25rem;
  width: 1.7rem;
  height: 3.4rem;
  display: flex;
  padding: .55rem .55rem .55rem .5rem;
  flex-wrap: wrap;
  justify-content: center;
  white-space: normal;
  background: #EDEDED;
  border-radius: 0.15rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: 15px;
}

.show_more img {
  margin-top: .25rem;
  width: .6rem;
  height: .6rem;
}

.calendar_show_box div:nth-last-child(2) {
  margin-right: 1.3rem;
}

.calendar_show_box .show_item {
  width: 20%;
  height: 3.25rem;
  position: relative;
  background: #EDEDED;
  box-shadow: 0px .075rem .2rem 0px #CECECE;
  border-radius: .125rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: .125rem;
}

.calendar_show_box .show_item.active:before {
  content: "";
  display: inline-block;
  width: .45rem;
  height: .45rem;
  background: url(../images/bg_orange_gou.png) no-repeat center/cover;
  position: absolute;
  right: 0;
  top: 0;
}

.calendar_show_box .item_title {
  font-size: .45rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  height: 23%;
  text-align: left;
}

.calendar_show_box {
  padding: .5rem;
  white-space: nowrap;
  overflow-x: auto;
  padding-left: 0.6rem;
}

.calendar_show_box .item_main {
  position: absolute;
  height: 77%;
  width: 100%;
  border-radius: .125rem;
}

.calendar_show_box .item_main .main_top {
  overflow: hidden;
  background: rgba(255,
      255,
      255,
      0.6);
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0.1rem;
  padding: 0.15rem 0;
  text-align: center;
  white-space: nowrap;
  line-height: 1;
}

.calendar_show_box .item_main .main_bot {
  text-align: center;
  position: absolute;
  bottom: 0.1rem;
  left: 0;
  padding: 0 0.3rem;
  width: 100%;
}

.calendar_show_box .item_main .main_bot span {
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 800;
  background: #FFFFFF;
  border-radius: .325rem;
  display: inline-block;
  width: 100%;
  height: .65rem;
  line-height: .65rem;
}

.calendar_text_box {
  padding: 0.6rem;
}

.calendar_text_box .text_time {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.calendar_text_box .text_main {
  background: #F6F6F6;
  border-radius: .125rem;
  padding: 0.35rem 0.5rem;
  margin-top: .25rem;
}

.calendar_text_box .text_main .main_top p {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: .875rem;
}

.calendar_text_box .text_main .main_bot {
  background: #FFE9DB;
  border-radius: .125rem;
  padding: 0.2rem 0.35rem;
  margin-top: .25rem;
}

.calendar_text_box .text_main .main_bot p {
  font-size: .575rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: .875rem;
}

.icon_text_book {
  width: .575rem;
  height: .625rem;
  margin-right: .125rem;
}

.icon_unscramble {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #CC3131;
  margin-right: .125rem;
}

.text_main_tips {
  position: relative;
  font-size: .6rem;
  padding: .4rem 0;
  font-family: PingFang SC;
  font-weight: 500;
  text-align: center;
  color: #8E8E8E;
}

.text_main_tips .btn_yinyong {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  width: 2.25rem;
  height: 1.25rem;
  background: #628FFB;
  border-radius: 0.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFEFE;
  line-height: .55rem;
}

.text_put_away {
  text-align: center;
}

.text_put_away span {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #CACACA;
}

.text_put_away img {
  width: .6rem;
  height: .325rem;
  vertical-align: middle;
  margin-left: .125rem;
}

.new_msg_tips_box {
  display: inline-block;
  font-size: .35rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  width: .65rem;
  height: .65rem;
  background: #FF4747;
  text-align: center;
  line-height: .65rem;
  border-radius: 50%;
  position: absolute;
  right: -0.3rem;
  top: -0.3rem;
}

.unscramble_news_line {
  background: #F4F4F4;
  padding: 0.15rem 0.6rem;
}

.unscramble_news_line_c {
  background: #fff !important;
  padding: 0.15rem 0rem !important;
}

.unscramble_news_line .line_date {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.unscramble_news_line .line_main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.unscramble_news_line .line_main .main_l {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.unscramble_item {
  display: flex;
  margin-left: .5rem;
  justify-content: space-between;
  width: 100%;
  background: #8986FF;
  border-radius: .125rem;
  height: 1.75rem;
  line-height: 1.75rem;
  padding: 0 0.6rem;
}

.unscramble_item .item_l {
  width: 100%;
  text-align: center;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FEFEFE;
}

.unscramble_item .item_r span {
  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #CC3131;
  background: #FFFFFF;
  border-radius: .5rem;
  padding: 0.1rem 0.6rem;
  white-space: nowrap;
}

.unscramble_news_record_box {
  padding: 0.6rem;
}

.unscramble_record_list>li {
  margin-top: 1rem;
}

.unscramble_record_item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.unscramble_record_item .record_main_text {
  padding-top: 1.5rem;
}

.unscramble_record_item .record_date .date_title {
  background: #F2F2F2;
  border: 1px solid #C9C9C9;
  border-radius: .125rem;
  padding: 0.1rem 0.3rem;
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
  white-space: nowrap;
}

.unscramble_record_item .record_date .date_text {
  width: 3.575rem;
  height: 3.575rem;
  font-size: .625rem;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: .75rem;
  text-align: center;
  padding-top: 1rem;
  margin-top: 0.5rem;
}

.date_text.text_bg_red {
  color: #F5414D;
  background: url(../images/text_bg_red.png) no-repeat center/cover;
}

.date_text.text_bg_green {
  color: #039365;
  background: url(../images/text_bg_green.png) no-repeat center/cover;
}

.date_text.text_bg_gray {
  color: #999999;
  background: url(../images/text_bg_gray.png) no-repeat center/cover;
}

.calendar_record_box {
  padding: 0;
}

.calendar_record_box .main_top p {
  line-height: 1rem !important;
}

.main_change_list {
  background: #FFFFFF;
  border: 1px solid #C9C9C9;
  border-radius: .5rem;
  display: inline-block;
  padding: 0.25rem 0.1rem;
  line-height: 1;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  padding-right: 0.3rem;
  color: #2E2E2E;
  margin-top: .5rem;
}

.main_change_list .icon_change {
  background: linear-gradient(135deg,
      #FF5050 0%,
      #FF8672 100%);
  border-radius: .4rem 0px .375rem .35rem;
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  padding: 0.05rem 0.25rem;
  margin-right: .25rem;
}

.unscramble_record_item .main_bot {
  margin-top: .5rem !important;
}

.main_mystery_line {
  background: #F6F6F6;
  border-radius: .125rem;
  padding: 0.5rem 0.3rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
  margin-top: .5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main_mystery_line a {
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 400;
  white-space: nowrap;
  color: #628FFB;
}

.optional_prompt_box img {
  width: .35rem;
  height: .35rem;
  vertical-align: middle;
  margin-left: .5rem;
}

.unscramble_news_container {
  background: #fff;

}

.unscramble_news_container .unscramble_record_list {
  padding: 0 0.3rem;
  border-radius: .15rem;
}

.at-tips {
  background: #FFFFFF;
  border-radius: 27px;
  padding: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #628FFB;
}

.at-tips img {
  margin-left: 3px;
  vertical-align: text-top;
}

.dl-ckaswer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 287px;
  background: #FFFFFF;
  border-radius: 10px;
  text-align: center;
  padding: 9px 10px 18px 21px;
  z-index: 1001;
}

.dl-ckaswer .dl-ckaswer-cl {
  float: right;
  width: 10px;
  height: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dl-ckaswer .dl-ckaswer-cl img {
  width: 100%;
}

.dl-ckaswer .dl-ckaswer-tl {}

.dl-ckaswer .dl-ckaswer-tl img {
  transform: scale(.5);
}

.dl-ckaswer .dl-ckaswer-tips {
  text-align: center;
  margin-top: 19px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 24px;
  padding: 0 30px;
}

.dl-ckaswer a {
  display: block;
  margin-top: 16px;
  background: linear-gradient(7deg, #FF5F3E, #E33725);
  border: 1px solid #FFE380;
  box-shadow: 1px 1px 4px 0px rgba(255, 250, 243, 0.29);
  border-radius: 48px;
  padding: 16px 90px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.more_prize_question {
  position: absolute;
  top: 8rem;
  left: 0;
  border-radius: 0 40px 40px 0;
  padding: 11px 17px 12px 12px;
  font-size: 13px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  background: url('../images/bg-moprques.png') no-repeat center center;
}

.box_top_tips {
  position: absolute;
  height: 2rem;
  top: -2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 333px;
  background: linear-gradient(261deg, #FFAA5F 0%, #FF742F 100%);
  border-radius: 7px 7px 0px 0px;
  padding: 8px 18px 7px 9px;
  display: flex;
  align-items: center;
}

.box_top_tips b {
  margin-left: 7px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  flex: 1;
  line-height: 28px;
}

.box_top_moqu {
  position: absolute;
  top: -229px;
  left: 0;
  width: 100%;
  z-index: 1002;
  background: #FBFBFB;
  border-radius: 10px 10px 0px 0px;
  padding: 12px 15px 15px 13px;
}

.box_top_moqu .box_top_moqu_head {
  display: flex;
}

.box_top_moqu .box_top_moqu_head .box_top_moqu_cl {
  transform: scale(.6);
}

.box_top_moqu .box_top_moqu_head b {
  margin-left: 7px;
  font-size: 17px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  font-style: normal;
  flex: 1;
  line-height: 28px;
}

.box_top_moqu_item1,
.box_top_moqu_item2 {
  display: flex;
  margin-top: 10px;
  width: 92vw;
  background: #F5F5F5;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  padding: 19px 19px 12px;
  font-size: 17px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

.box_top_moqu_item1 label,
.box_top_moqu_item2 label {
  /* font-size: 17px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #2E2E2E; */
  flex: 1;
}

.box_top_moqu_item1 input,
.box_top_moqu_item2 input {
  border: none;
  background: #F5F5F5;
  width: 100px;
  text-align: right;
}

.box_top_moqu .box_top_moqu_tips {
  text-align: center;
  margin-top: 12px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
  border-bottom: 1px solid #EDEDED;
  padding-bottom: 15px;
}






/* 
  更多群聊页面
*/
.group_search_input {
  margin-top: 0 !important;
}

.group_main_content {
  padding-top: 3rem;
}

.group_list_item {
  padding: 0 0.3rem 0 0.4rem;
}

.group_list_item_content {
  height: 2.75rem;
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: .05rem solid #EFEFEF;
  line-height: .85rem;
}

.group_list_item .group_chat_img {
  width: 1.05rem;
  height: 1.05rem;
  margin-right: .35rem;
}

.group_list_item span {
  flex: 1;
}

.group_list_item_right_arrow {
  width: .6rem;
  height: .5rem;
}

.group_list_item_current {
  background-color: #efefef !important;
  padding-bottom: .7rem;
}

.group_list {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0 !important;
  overflow: visible;
  padding: .5rem 0 0 0 !important;
  border: .05rem solid #EFEFEF;
  box-shadow: 0 .15rem .4rem 0 rgba(0, 0, 0, 0.08);
  border-radius: .25rem;
}

.group_list .stock_detail_item {
  width: 33.333%;
  margin-right: 0;

}

.group_list .stock_detail_item .item_b {
  width: 4.9rem;
}

.group_list .stock_detail_item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.group_list .item_b {
  margin: 0.25rem 0.1rem .85rem;
  padding: 0 !important;
  height: auto !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: .65rem;
}

.group_list_item_current .group_list_item_right_arrow {
  width: .6rem;
  height: .3rem;
}








/* 更多功能页面 */
.more_multi_function li {
  width: 25% !important;
}
















/* 搜索页面 */
.searchpage_search_area {
  height: 2.95rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: .1rem .1rem .2rem 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px #EFEFEF;
}

.searchpage_search_input {
  width: 15.6rem !important;
  border: 0 !important;
  background-color: #EFEFEF !important;
  height: 1.75rem;
  border-radius: .25rem;
  padding: 0 1.7rem 0 1.6rem;
  border-width: .05rem;
  border-color: #cccccc;
  border-style: solid;
  background: rgba(232, 232, 232, 1) url(../images/bg-magnifier.png) no-repeat 0.6rem center / 0.725rem;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #2E2E2E;
}

.searchpage_search_input::placeholder {
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
}

.searchpage_search_icon_close {
  position: absolute;
  top: 1.1rem;
  right: 3.3rem;
  width: 0.8rem;
  height: 0.8rem;
}


.searchpage_search_area span {
  margin-left: .65rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #628FFB;
}

.searchpage_tabs {
  height: 2.5rem;
  border-bottom: .05rem solid #efefef;
}

.searchpage_tabs ul {
  height: 100%;
  display: flex;
  justify-content: space-evenly;
}

.searchpage_tabs ul li {
  height: 100%;
  display: flex;
  align-items: center;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #2E2E2E;
}

.searchpage_tabs .current_li {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FF954B;
  border-bottom: .15rem solid #F8B26F;
}

.searchpage_table_title {
  height: 2rem;
  padding: 0 .75rem 0 .75rem;
}

.searchpage_table_title .history_search_content {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #565656;
  border-bottom: .05rem solid #efefef;
}

.history_search_content .icon_rubbish_bin {
  position: absolute;
  right: 0;
  width: .8rem;
  height: .9rem;
}

.history_search_content .icon_hot_c {
  margin-right: .2rem;
  width: .65rem;
  height: .85rem;
}

.searchpage_table_content {
  padding: .75rem 0 0 .6rem;
}

.searchpage_table_content .searchpage_table_content_ul1 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: .4rem;
}

.searchpage_table_content .searchpage_table_content_ul1 li {
  max-width: 47%;
  min-width: 3.3rem;
  height: 1.25rem;
  margin-right: .5rem;
  margin-bottom: .65rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FAFAFA;
  border: .05rem solid #EFEFEF;
  border-radius: .65rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
  padding: 0 .75rem 0 .75rem;
}

.searchpage_table_content_ul1 li>span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.searchpage_divider {
  height: .4rem;
  background: #EFEFEF;
}

.searchpage_table_content_ul2 {
  display: flex;
  flex-wrap: wrap;
}

.searchpage_table_content_ul2 li {
  width: 33.33%;
  margin-bottom: 1.35rem;
}

.searchpage_table_content_ul2 .table_content_li_title {
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 1em;
}

.table_content_li_id {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #565656;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 1em;
}

.searchpage_table_content_after_search {
  padding: 0 0.75rem 0 0.75rem;
}

.searchpage_table_content_after_search .shares_content_item {
  position: relative;
  padding: .5rem 0;
  border-bottom: .05rem solid #efefef;
  display: flex;
  align-items: center;
}

.searchpage_current {
  color: #FF954B !important;
}

.hit {
  color: #FF954B !important;
}

.table_content_li_number {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #2E2E2E;
}

.icon_searchpage_add {
  position: absolute;
  right: 0;
  width: .9rem;
  height: .9rem;
}

.shares_content_item_isAdd {
  position: absolute;
  right: 0;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
}

.searchpage_showmore {
  height: 2.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
}

.user_content_item {
  position: relative;
  height: 2.7rem;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #efefef;
}

.searchpage_user_avatar {
  width: 1.8rem;
  height: 1.8rem;
  min-width: 1.8rem;
  min-height: 1.8rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: .4rem;
}

.searchpage_user_avatar img {
  width: 100%;
  height: 100%;
}

.searchpage_username {
  width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.searchpage_tabs_list {
  margin-top: 0.4rem;
  display: flex;
  align-items: center;
}

.searchpage_tab_item {
  width: 2.75rem;
  display: flex;
  color: #999;
  font-size: .65rem;
  align-items: center;
  justify-content: center;
  background-color: #f2f2f2;
  margin-right: .5rem;
  border-radius: .15rem;
}

.searchpage_tab_item_current {
  background-color: #ffb380 !important;
  color: #333 !important;
}


.user_content_item_btn {
  max-width: 3.85rem;
  position: absolute;
  padding: .35rem .5rem .35rem .55rem;
  right: 0;
  background: #F8B26F;
  border-radius: .25rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: .65rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.topic_content_item {
  display: flex;
  /* height: 4.6rem; */
  padding: .7rem 0 .85rem 0;
  border-bottom: .05rem solid #efefef;
}

.topic_content_item_img {
  width: 4.4rem;
  height: 3.1rem;
  min-width: 4.4rem;
  min-height: 3.1rem;
  margin-right: .65rem;
  border-radius: .25rem;
  overflow: hidden;
}

.topic_content_item_img img {
  width: 100%;
  height: 100%;
}

.topic_content_item_info {
  max-width: 70%;
  flex: 1;
}

.topic_content_item_title {
  height: 1.2rem;
  max-width: 100%;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.topic_content_item_desc {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.information_content_item {
  min-height: 7.7rem;
  padding: .8rem 0 .8rem 0;
  border-bottom: .05rem solid #efefef;
}

.information_content_item_title {
  height: .8rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: .8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.information_content_item_desc {
  height: 1.9rem;
  margin-top: .45rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: .95rem;
}

.information_content_item_tag {
  max-width: 70%;
  margin: .7rem 0 .2rem 0;
  display: inline-block;
  padding: .2rem .45rem .15rem .45rem;
  background: #F7F9F6;
  border-radius: .15rem;
  color: #628FFB;
  font-size: .7rem;
  line-height: .65rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.information_content_item_info {
  position: relative;
  display: flex;
  align-items: center;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
  line-height: .6rem;
}

.information_content_item_info_relative {
  max-width: 70%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.information_content_item_tips,
.information_content_item_user,
.information_content_item_time,
.information_content_item_info_tag {
  margin-right: .65rem;
  line-height: .85rem;
}

.information_content_item_info_tag {
  border: .05rem solid #999999;
  border-radius: .15rem;
  display: inline-block;
  padding: .15rem .4rem .15rem .4rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: .55rem;
}

.information_content_item_comment {
  max-width: 4.775rem;
  line-height: .85rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.discuss_content_item {
  /* min-height: 7.3rem; */
  padding: .8rem 0 1rem 0;
  border-bottom: .05rem solid #efefef;
}

.discuss_content_item_title {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: .85rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.discuss_content_item_img_area {
  display: flex;
  flex-wrap: wrap;
  margin-top: .55rem;
}

.discuss_content_item_img {
  width: 3.65rem;
  height: 3.65rem;
  margin-right: .55rem;
  margin-bottom: .25rem;
  border-radius: .25rem;
  overflow: hidden;
}

.discuss_content_item_img>img {
  width: 100%;
  height: 100%;
}

.discuss_content_item_info {
  position: relative;
  margin-top: .6rem;
  display: flex;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #8E8E8E;
}

.discuss_content_item_info_relative {
  max-width: 80%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.discuss_content_item_info_divider {
  margin: 0 1.05rem 0 1.05rem;
}

.discuss_content_item_info_thumb,
.discuss_content_item_info_comment {
  margin-right: .5rem;
}

.discuss_content_item_info_time {
 /*  max-width: 16%; */
  position: absolute;
  right: 0;
  /* overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; */
}

.discuss_content_item_desc {
  margin-top: .5rem;
  height: 2.55rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: .85rem;
}

/* 8.5.4诊股个股页 */
.zhengupage_fixed_top_line {
  position: fixed !important;
  z-index: 999;
  background-color: #fff;
}

.zhengu_icon_more_oper {
  background: url("../images/zhengu_icon_more.png") no-repeat center/1rem .25rem !important;
  ;
}

.zhengupage_more_oper_list {
  padding: 0 !important;
}

.zhengupage_banner {
  width: 100%;
  margin-top: 2rem;
  height: 4rem;
  padding: .8rem .7rem .9rem .8rem;
  background-image: url("../images/zhengu_banner.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.zhengupage_banner_title {
  display: flex;
  justify-content: space-between;
}

.zhengupage_banner_title_left {
  display: flex;
  align-items: flex-end;
}

.zhengupage_banner_title_left div:nth-child(1) {
  font-size: 1rem;
  font-family: PingFang SC;
  margin-right: .25rem;
  font-weight: 800;
  color: #000000;
  line-height: .95rem;
}

.zhengupage_banner_title_left div:nth-child(2) {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #565656;
  line-height: .6rem;
}

.zhengupage_banner_title_right {
  width: 2.9rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F39C19;
  border-radius: .5rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.zhengupage_banner_number {
  display: flex;
  font-size: .85rem;
  margin-top: .6rem;
  font-family: DIN Next LT Pro;
  font-weight: 500;
  color: #297B29;
  line-height: .6rem;
  align-items: flex-end;
}

.zhengupage_banner_number_up {
  color: #ff0000 !important;
}

.zhengupage_banner_number div {
  margin-right: .5rem;
}

.zhengupage_banner_more_info {
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: .5rem !important;
}

.zhengupage_live_happening_item_answer img {
  width: 100%;
}

/* 诊股页弹窗 */
.zhengu_popup_close_confirm {
  padding: 1.2rem .65rem .65rem .8rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 15.45rem;
  background: #FFFFFF;
  border-radius: .5rem;
  z-index: 1001;
}

.zhengu_popup_close_confirm_text {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
  line-height: 1.15rem;
}

.zhengu_popup_close_confirm_btnArea {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
}

.zhengu_popup_close_confirm_btn {
  width: 6.5rem;
  height: 2.25rem;
  background: #FFFFFF;
  border: .05rem solid #999999;
  border-radius: .25rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #999999;
  line-height: 1.05rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zhengu_popup_close_confirm_btn_c {
  background: #F39C19;
  width: 6.5rem;
  height: 2.25rem;
  background: #F39C19;
  border: .05rem solid #999999;
  border-radius: .25rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.05rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 诊股页版心 */
.zhengupage_banxin {
  position: relative;
  padding: 0 .75rem;
}

/* 诊股订阅跟踪 */
.zhengupage_genzong {
  margin-top: .75rem;
}

.zhengupage_genzong_title {
  display: flex;
  margin-bottom: .6rem;
}

.zhengupage_genzong_title img {
  width: .85rem;
  height: .65rem;
  margin-right: .3rem;
}

.zhengupage_genzong_title div {
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #F39C19;
  line-height: .6rem;
}

.zhengupage_genzong_history_desc,
.zhengupage_genzong_future_desc {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
  line-height: .8rem;
}

.unscramble_news_container_c {
  margin-top: .75rem;
}

.unscramble_news_container_c_item_l {
  font-size: .65rem !important;
}

.line_main_c {
  position: relative;
  padding-bottom: .5rem;
}

.line_main_c:last-child {
  padding-bottom: 0 !important;
}

.line_main_c::after {
  position: absolute;
  left: 2.5rem;
  top: 0;
  content: "";
  display: block;
  height: 100%;
  width: 0.05rem;
  background-color: #999;
}

.line_main_c::before {
  position: absolute;
  left: 2.32rem;
  top: .7rem;
  content: "";
  display: block;
  width: .4rem;
  height: .35rem;
  background: #8986FF;
  border-radius: 50%;
  z-index: 9;
}

.unscramble_item_c {
  width: 80% !important;
}

.main_l_c {
  font-weight: bold !important;
}

.date_title_c {
  width: 300%;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.text_main_c {
  padding: 0.35rem 0.5rem 0.5rem !important;
}

.unscramble_news_container_c_loadmore {
  margin-top: .7rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.unscramble_news_container_c_loadmore_text {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #628FFB;
  text-align: center;
}

.unscramble_news_container_c_loadmore_line {
  width: 6.3rem;
  height: .05rem;
  background-color: #efefef;
}

.zhengupage_yunying {
  margin-top: .7rem;
  height: 2.05rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("../images/zhengu_yidong_banner.png") no-repeat;
  background-size: contain;
  border-radius: .5rem;
  color: #000;
  font-size: 1.25rem;
  font-weight: bold;
}

.zhengu_organization {
  margin-top: .6rem;
  background: #FFFFFF;
  box-shadow: 0px .2rem .4rem 0px rgba(0, 0, 0, 0.04);
  border-radius: .25rem;
}

.zhengu_organization_title {
  height: 1.85rem;
  padding: .55rem .5rem .55rem .65rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FFEDE2;
  border-radius: .25rem .25rem 0px 0px;
}

.zhengu_organization_title_left {
  display: flex;
  align-items: center;
}

.zhengu_organization_title_left_text {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: .75rem;
}

.zhengu_organization_title_left img {
  max-width: 1.2rem;
  max-height: 1.2rem;
  margin-right: .3rem;
  margin-left: .3rem;
}

.zhengu_organization_title_right img {
  width: .75rem;
  height: .7rem;
}

.zhengu_organization_scroll_list {
  margin-top: .35rem;
  overflow-x: scroll;
  white-space: nowrap;
}

.zhengu_organization_scroll_item {
  display: inline-block;
  padding: 0 .5rem;
  border-right: .05rem solid #efefef;
}

.zhengu_organization_scroll_item:last-child {
  border-right: 0;
}

.zhengu_organization_scroll_item_user {
  display: flex;
}

.zhengu_organization_scroll_item_useravatar img {
  width: 2.45rem;
  height: 2.4rem;
  border-radius: 50%;
}

.zhengu_organization_scroll_item_topright {
  margin-left: .4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.zhengu_organization_scroll_item_username {
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.zhengu_organization_scroll_item_askquestion {
  max-width: 3.5rem;
  background: #628FFB;
  padding: .15rem .15rem .2rem;
  border-radius: .15rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: .5rem;
  text-align: center;
}

.zhengu_organization_scroll_item_userinfo {
  max-width: 6.5rem;
  margin-top: .35rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #787878;
  line-height: .5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.zhengu_organization_more_organization {
  margin-top: .75rem;
}

.zhengu_organization_more_organization_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .5rem;
}

.zhengu_organization_more_organization_title_text {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.zhengu_organization_more_organization_title_line {
  width: 14.6rem;
  height: .05rem;
  background: #EFEFEF;
}

.zhengu_organization_more_organization_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .6rem 0.5rem;
}

.zhengu_organization_more_organization_item_c {
  background: #efefef !important;
}

.zhengu_organization_more_organization_item_info {
  display: flex;
  align-items: center;
}

.zhengu_organization_more_organization_item_info_avatar img {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  margin-right: .5rem;
}

.zhengu_organization_more_organization_item_info_name {
  margin-right: .2rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.zhengu_organization_more_organization_item_info_company {
  background: #FFFFFF;
  padding: .15rem .35rem;
  margin-top: .1rem;
  border: .05rem solid #FF9900;
  border-radius: .15rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FF9900;
  line-height: .55rem;
  display: inline-block;
}

.zhengu_organization_more_organization_item_askquestion {
  background: #628FFB;
  padding: 0.15rem 0.15rem 0.2rem;
  border-radius: 0.15rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: .5rem;
}

/* 问诊实况 */
.zhengupage_live_happening {
  margin-top: 1.15rem;
  background: #FFFFFF;
  box-shadow: 0px .2rem .4rem 0px rgba(0, 0, 0, 0.04);
  border-radius: .25rem;
}

.zhengupage_live_happening_title {
  height: 1.85rem;
  padding: .55rem .5rem .55rem .65rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #e2f6ff;
  border-radius: .25rem .25rem 0px 0px;
}

.zhengupage_live_happening_list {
  padding: 0 0.5rem;
}

.zhengupage_live_happening_list_item {
  padding: .65rem 0;
  border-bottom: .05rem solid #efefef;
}

.zhengupage_live_happening_item_title {
  display: flex;
  align-items: center;
}

.zhengupage_live_happening_item_question_desc {
  flex: 1;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.zhengupage_live_happening_item_user {
  display: flex;
  align-items: center;
  margin-top: .15rem;
}

.zhengupage_live_happening_item_useravatar {
  margin-right: .3rem;
}

.zhengupage_live_happening_item_useravatar img {
  width: .95rem;
  height: .95rem;
  border-radius: 50%;
}

.zhengupage_live_happening_item_user {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
}

.zhengupage_live_happening_item_username {
  margin-right: .3rem;
}

.zhengupage_live_happening_item_answer {
  margin-top: .6rem;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #565656;
  line-height: .9rem;
}

.zhengupage_askquestion_fixed {
  position: fixed;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  bottom: 4.55rem;
  right: .75rem;
  width: 5.25rem;
  height: 2.5rem;
  background: #F39C19;
  box-shadow: 0px .15rem .15rem 0px rgba(0, 0, 0, 0.11);
  border-radius: 1.25rem;
}

.zhengupage_askquestion_fixed_first {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.zhengupage_askquestion_fixed_first img {
  width: .9rem;
  height: .85rem;
}

.zhengupage_askquestion_fixed_second,
.zhengupage_askquestion_fixed_third {
  font-size: .5rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: .55rem;
}


/* 提问页 */

.ask_question_page_banxin {
  padding: .55rem .75rem .8rem;
}

.ask_question_page_question_area_title {
  display: flex;
  justify-content: space-between;
}

.ask_question_page_question_area_title_userinfo {
  display: flex;
}

.ask_question_page_question_area_title_userinfo_text {
  margin-left: .35rem;
}

.ask_question_page_question_area_title_userinfo_avatar img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}

.ask_question_page_question_area_title_userinfo_text {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}

.ask_question_page_question_area_title_username {
  font-size: .9rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: .85rem;
}

.ask_question_page_question_area_title_tag {
  padding: .2rem .3rem .2rem .15rem;
  background: #E6E6E6;
  border-radius: .15rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: .55rem;
}

.ask_question_page_question_area_title_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  padding: .25rem .55rem;
  background: #F39C19;
  border-radius: .5rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.ask_question_page_question_input {
  margin-top: .7rem;
}

.ask_question_page_question_input textarea {
  width: 100%;
  padding: .6rem .5rem;
  height: 8.5rem;
  background: #FAFAFA;
  border: .05rem solid #EFEFEF;
  border-radius: .25rem;
  resize: none;
}

.ask_question_page_question_input textarea::placeholder {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
}

.ask_question_page_question_btn {
  width: 100%;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F39C19;
  border: .05rem solid #EFEFEF;
  border-radius: .25rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.ask_question_page_add_people {
  margin-top: .7rem;
}

.ask_question_page_add_people_title {
  margin-bottom: .35rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: .65rem;
}

.ask_question_page_add_people_list {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
}

.ask_question_page_add_people_item {
  display: flex;
  padding: 0 .7rem;
  border-right: 0.05rem solid #efefef;
}

.ask_question_page_add_people_item:first-child {
  padding-left: 0;
}

.ask_question_page_add_people_item:last-child {
  padding-right: 0;
  border-right: 0;
}

.add_people_item_avatar img {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%f;
}

.add_people_item_text {
  margin-left: .35rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}

.add_people_item_name {
  display: flex;
  align-items: center;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: .75rem;
  white-space: nowrap;
}

.add_people_item_name span {
  max-width: 3.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.add_people_item_name input {
  position: relative;
  margin-left: .15rem;
  width: .75rem;
  height: .75rem;
}

.add_people_item_name input::after {
  position: absolute;
  top: -0.05rem;
  left: -0.05rem;
  content: "";
  display: block;
  width: .75rem;
  height: .75rem;
  background-color: #efefef;
  opacity: .6;
  border: .05rem solid #CCCCCC;
  border-radius: .15rem;
  visibility: visible;
}

.add_people_item_company {
  line-height: .55rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 4rem;
}

.ask_question_page_divider {
  width: 100vw;
  height: .4rem;
  background: #EFEFEF;
}

.ask_question_page_tips {
  padding-bottom: 1rem;
  border-bottom: .05rem solid #efefef;
}

.ask_question_page_tips_title {
  font-size: .7rem;
  line-height: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #CC3131;
}

.ask_question_page_tips_contain {
  margin-top: .3rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: .95rem;
}

.ask_question_page_other_tips {
  padding-top: .8rem;
}


.ask_question_page_other_tips_contain {
  padding-top: .6rem;
}

.ask_question_page_other_tips_title {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
  line-height: .6rem;
}

.ask_question_page_other_tips_item {
  display: flex;
  margin-top: .75rem;
}

.ask_question_page_other_tips_item:first-child {
  margin-top: 0;
}

.ask_question_page_other_tips_num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: .6rem;
  height: .6rem;
  background: #ACACAC;
  border-radius: 50%;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.ask_question_page_other_tips_text {
  margin-left: .25rem;
  flex: 1;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #8E8E8E;
  line-height: .7rem;
}

.ask_question_page_pop_up_success {
  text-align: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 15.45rem;
  padding: .85rem .5rem .95rem;
  background: #fff;
  border-radius: .5rem;
  z-index: 1001;
}

.ask_question_page_pop_up_success_icon_close {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  right: -0.25rem;
  top: -1.65rem;
}

.ask_question_page_pop_up_success_icon_close img {
  width: 1.15rem;
  height: 1.15rem;
}

.ask_question_page_pop_up_success_title {
  text-align: center;
  font-size: 1.05rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #2E2E2E;
  line-height: 1.1rem;
}

.ask_question_page_pop_up_success_contain {
  width: 14.5rem;
  /* height: 6.25rem; */
  margin-top: .85rem;
  background: url("../images/askquestion_popup_success_bg.png") no-repeat;
  background-position: -3.5rem -15rem;
  border-radius: .5rem;
}

.ask_question_page_pop_up_success_contain_left_top {
  position: relative;
  height: 1.05rem;
  width: 8.5rem;
  background: url("../images/askquestion_popup_success_bg2.png") no-repeat;
  background-size: 8.5rem 21px;
}

.ask_question_page_pop_up_success_contain_left_top_text1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: .55rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: .65rem;
}

.ask_question_page_pop_up_success_contain_left_top_text2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: .4rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFE400;
  line-height: .6rem;
}

.ask_question_page_pop_up_success_contain_chat_list {
  padding: .65rem .65rem .35rem .55rem;
}

.ask_question_page_pop_up_success_contain_chat_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ask_question_page_pop_up_success_contain_chat_item_useravatar img {
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
}

.ask_question_page_pop_up_success_contain_chat_item_text {
  flex: 1;
  margin-bottom: .65rem;
  margin-left: .15rem;
  text-align: left;
  background: #F6F6F6;
  padding: .45rem .6rem .4rem .55rem;
  border: .1rem solid #F3F3F3;
  border-radius: .15rem .5rem .5rem .5rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #030303;
  line-height: .9rem;
  word-break: break-all;
  word-wrap: break-word;
}



.ask_question_page_pop_up_success_btn {
  margin-top: .65rem;
  display: inline-block;
  background: #F39C19;
  border-radius: .5rem;
  padding: .38rem 1.15rem;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}


/* 8.5.4写回答页面 */
.write_answer_page_top_tips {
  height: 1.55rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFF4DF;
  font-size: .75rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFA700;
}

.write_answer_page_input_tips {
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
}

.write_answer_page_btn {
  background: #F3B43C;
  border: 0;
  font-size: .85rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.hubang_page_userInfo_area {
  margin-top: .25rem;
  display: flex;
  align-items: center;
}

.hubang_page_userInfo_area img {
  width: .9rem;
  height: .9rem;
  border-radius: 50%;
}

.hubang_page_userInfo_username {
  margin-left: .35rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
  line-height: .9rem;
}


.write_answer_page_biaotaiBox {
  margin-top: .6rem;
  margin-bottom: .6rem;
  background: #FFFFFF;
  border: .05rem solid #EFEFEF;
  box-shadow: 0px .1rem .15rem 0px rgba(0, 0, 0, 0.11);
  border-radius: .25rem;
}

.write_answer_page_title {
  display: flex;
  align-items: center;
  height: 1.1rem;
  min-width: 11.05rem;
  max-width: 12.05rem;
  background-image: url("../images/write_answer_page_title_banner.png");
  background-size: cover;
}

.write_answer_page_title_text {
  margin-left: .5rem;
  font-size: .7rem;
  font-family: Tensentype RuiHeiJ-W6;
  font-weight: normal;
  color: #FFFFFF;
}

.write_answer_page_title_name {
  margin-left: 1.3rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2E2E2E;
}

/* 进度条区域 */
.write_answer_page_jindutiao_area {
  padding: .75rem .5rem .75rem;
  background: #fafafa;
}


/* 进度条 */
.write_answer_page_jindutiao {
  border-radius: 0.425rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.jindutiao_left {
  background: #CC3131;
  width: 50%;
  border-radius: 0.425rem 0 0 0.425rem;
  text-align: left;
  padding-left: 0.3rem;
  height: 1.65rem;
  line-height: .825rem;
  position: relative;
}

.jindutiao_left::after {
  position: absolute;
  content: "";
  width: 0;
  right: -0.75rem;
  height: 0;
  top: 0;
  border-bottom: 0.5rem solid transparent;
  border-right: 0.8rem solid transparent;
  border-top: 1.65rem solid #CC3131;
}




.jindutiao_left_text {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.jindutiao_right {
  flex: auto;
  border-radius: 0 0.425rem 0.425rem 0;
  text-align: right;
  background: #50B934;
  padding-right: 0.3rem;
  height: 1.65rem;
  line-height: .825rem;
}

.jindutiao_right_text {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.jindutiao_no_select_left {
  position: relative;
  background-color: #999999 !important;
}

.jindutiao_no_select_left::after {
  position: absolute;
  content: "";
  width: 0;
  right: -0.75rem;
  height: 0;
  top: 0;
  border-bottom: 0.5rem solid transparent;
  border-right: 0.8rem solid transparent;
  border-top: 1.65rem solid #999;
}

/* 添加给看空的背景灰色 */
.jindutiao_no_select_right {
  background-color: #999999 !important;
}

.write_answer_page_jindutiao_area_tips {
  margin-top: .6rem;
  font-size: .55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #628FFB;
  line-height: .55rem;
}


/* 8.5.4问题详情页修改 */
.hubang_page_follow_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.6rem;
  height: 1.15rem;
  border: .05rem solid #FF8C55;
  border-radius: .6rem;
  font-size: .6rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FF8C55;
}

.detail_user_head_c img {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
}

.change_inline_c_title {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #2E2E2E;
}

.question_detail_page_answer_item_content {
  padding-left: 2rem;
}

.hubang_page_tag1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.1rem;
  background: #50B934;
  border-radius: .25rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  margin-right: .55rem;
}

.hubang_page_tag2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.35rem;
  height: 1.1rem;
  background: #CCCCCC;
  border-radius: .25rem;
  font-size: .65rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.hubang_page_tag3 {
  background: #F5414D !important;
}

.write_answer_page_title_c {
  width: 13.85rem;
  background-image: url("../images/hubang_page_banner_title.png") !important;
  display: flex;
  align-items: center;
  height: 1.1rem;
  background-size: cover;
}

.write_answer_page_title_name_c {
  margin-left: .5rem !important;
}

.write_answer_page_title_c_price {
  font-size: .75rem;
  font-family: DIN Next LT Pro;
  font-weight: 500;
  color: #50B934;
}

.jindutiao_left_hubang {
  width: 60%;
}

.hubang_page_qustion_tips {
  display: flex;
  align-items: center;
  margin-bottom: .1rem;
}

.hubang_page_qustion_tips img {
  width: .85rem;
  height: .85rem;
}

.hubang_page_qustion_tips_text {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2E2E2E;
}

.hubang_page_qustion_tips_text_current {
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #628FFB;
}

.jindutiao_right_c {
  padding-right: 0 !important;
}

.hubang_page_icon_list {
  display: flex;
  align-items: center;
}

.hubang_page_icon_zhuanfa {
  width: 1.15rem;
  height: 1.1rem;
}

.hubang_page_icon_list>div:nth-child(2) {
  margin-left: 1.4rem;
  margin-right: 1.4rem;
}

.hubang_page_icon_liuyan {
  width: .9rem;
  height: .85rem;
  margin-right: .1rem;
}

.hubang_page_icon_heart {
  width: .95rem;
  height: .85rem;
  margin-right: .1rem;
}


/* 8.5.4回答详情修改 */
.answer_page_btnArea {
  display: flex;
  height: 30%;
}

.answer_page_delete_btn {
  font-size: .7rem;
  padding-right: .75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #CC3131;
  border-right: .05rem solid #efefef;
}

.answer_page_edit_btn {
  margin-left: .75rem;
  font-size: .7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #628FFB;
}


/* 8.5.3大厅页新增群聊区域运营位 */
.dating_page_group_chat_swiper_area {
  width: 100%;
  border-radius: .5rem !important;
}

.dating_page_group_chat_swiper_area img {
  width: 100%;
}

/* 8.5.4回答详情页修改 */
.answer_page_font_red {
  color: #ff0000 !important;
}

/* 8.5.4给头像添加v_logo */
.user_head_img_area {
  position: relative;
}

.user_head_img_vlogo {
  position: absolute;
  right: .25rem;
  bottom: 0;
  width: .75rem;
  height: .75rem;
}

/* 宽高20px */
.user_head_img_vlogo20 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1rem !important;
  height: 1rem !important;
}

.user_img {
  position: relative;
  width: 2.7rem;
  height: 2.7rem;
}


.searchpage_current {
  color: #FF954B !important;
}

.hit {
  color: #FF954B !important;
}

.double_btn_product_popup {
    width: 80%;
    position: absolute;
    left: 50%;
    overflow: inherit;
    top: 50%;
    height: fit-content !important;
    transform: translate(-50%, -50%);
    background: #fff;
    z-index: 10001;
}

.double_btn_product_popup .popup_head {
    text-align: center;
    padding: 0.6rem;
    border-bottom: 1px solid #ebe5e5;
}

.double_btn_product_popup .popup_text {
    padding: 0.5rem 1rem;
}

.double_btn_product_popup .popup_btn {
    width: 100%;
    text-align: center;
    display: flex;
    padding: 0.75rem;
}

.double_btn_product_popup .popup_btn button {
    border: none;
    color: #2E2E2E;
    height: 2.5rem;
}

.double_btn_product_popup .popup_btn > button {
    margin-right: 0.5rem;
    flex: 1;
}

.haslightup {
    border: 1px solid  #ffb049 !important;
}

.mask_LastTags {
    font-size: .6rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #4ba1f9;
    background: #f0f9ff;
    border: 1px solid #9ed7ff;
    border-radius: 0.1rem;
    margin-left: 0.125rem;
    vertical-align: middle;
    display: inline-block;
    margin-top: 0.25rem;
    padding: 0.1rem 0.2rem 0.15rem;
}
.double_btn_product_popup {
    width: 80%;
    position: absolute;
    left: 50%;
    overflow: inherit;
    top: 50%;
    height: fit-content !important;
    transform: translate(-50%, -50%);
    background: #fff;
    z-index: 10001;
}

.double_btn_product_popup .popup_head {
    text-align: center;
    padding: 0.6rem;
    border-bottom: 1px solid #ebe5e5;
}

.double_btn_product_popup .popup_text {
    padding: 0.5rem 1rem;
}

.double_btn_product_popup .popup_btn {
    width: 100%;
    text-align: center;
    display: flex;
    padding: 0.75rem;
}

.double_btn_product_popup .popup_btn button {
    border: none;
    color: #2E2E2E;
    height: 2.5rem;
}

.double_btn_product_popup .popup_btn > button {
    margin-right: 0.5rem;
    flex: 1;
}

.user_main_content .content_img_text > .debunk_input_container img {
    max-width: 100%;
}

/* 9.14 by cdx */
.zhangu_area {
  position: relative;
  margin: 0 .75rem;
}

.zhangu_title {
  display: flex;
  justify-content: space-between;
}

.zhangu_title img {
  width: 6.6865rem;
  height: 1.203rem;
}

.zhangu_title span {
  font-family: 'PingFang SC';
  position: absolute;
  top: .4rem;
  left: 2.2rem;
  color: #8e8e8e;
  font-size: .6rem;
}

.zhangu_title_right {
  display: flex;
  align-items: center;
  justify-content: center;
 

  color: #fff;
  border-radius: 1.4rem;
  font-family: 'Tensentype RuiHeiJ-W6';

}

.zhangu_title_right img {
  width: 5rem;
}

.zhangu_content {
  padding: .75rem .45rem .45rem;
  position: relative;
  margin-top: .35rem;
  border-radius: .2rem;

 
}

.zhangu_content_bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}

.zhangu_content_bg img {
  width: 17.25rem;
  z-index: 0;
}

.zhangu_content_title {
  display: flex;
  align-items: center;
}

.zhangu_content_title img {
  width: 1.062rem;
  height: .809rem;
  margin-right: .25rem;
}

.zhangu_content_title_time {
  font-size: .8rem;
  line-height: 1rem;
  color: #EFAE41;
  margin-right: .25rem;
  font-family: 'Abel';
}

.zhangu_content_title_desc {
  font-family: 'PingFang SC';
  font-size: .6rem;
  line-height: 1rem;
  color: #EFAE41;
}


/* 战股每一项 */
.zhangu_content_item {
  margin-top: .4rem;
  border: .025rem solid #EFAE41;
  border-radius: .2rem;
  padding: .55rem .45rem .35rem;
  background-color: #fff;
}

.zhangu_content_item_top {
  display: flex;
  justify-content: space-between;
}

.zhangu_content_item_top_left {
  font-size: .7rem;
  flex: 1;
}

.zhangu_content_item_top_left div:nth-child(1) {
  max-width: 7.35rem;
  font-family: 'PingFang SC';
  color: #2e2e2e;
  font-weight: 500;
  line-height: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zhangu_content_item_top_left div:nth-child(2) {
  color: #8e8e8e;
  line-height: .7rem;
}

.zhangu_content_item_top_center,
.zhangu_content_item_top_right {
  width: 4rem;
  text-align: center;
  color: #999;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: .5rem;
  line-height: .7rem;
}
.zhangu_content_item_top_center div:nth-child(1),
.zhangu_content_item_top_right div:nth-child(1){
  color: #F5414D;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.4rem;
}

.zhangu_content_item_bottom {
  margin-top: .2rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.zhangu_content_item_tag {
  margin-right: .2rem;
  margin-bottom: .2rem;
  padding: .05rem .2rem;
  font-family: 'PingFang SC';
  font-size: .45rem;
  line-height: .65rem;
  color: #B4875A;
  background: #FCF3EA;
  border-radius: .1rem;
}

.zhangu_content_item_tag:last-child {
  margin-right: 0;
}


/* 捞好股 */
.squarepage_laohaogu {
  height: 2.15rem;
  position: relative;
  margin: .8rem 15px;
  background-color: #efae41;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .2rem;
  font-family: 'PingFang SC';
  font-weight: 500;
  font-size: .8rem;
}

.squarepage_laohaogu_bg1 {
  position: absolute;
  top: 0;
  left: 0;
}

.squarepage_laohaogu_bg1 img {
  width: 3.1rem;
  height: 2.15rem;
}

.squarepage_laohaogu_bg2 {
  position: absolute;
  top: 0;
  right: 0;
}

.squarepage_laohaogu_bg2 img {
  width: 4.85rem;
  height: 2.15rem;
}

.lingzhang_content {
  padding-right: 0;
  background: #fcf6ee url(../images/zhangu/zhangu-bg.png) top right no-repeat;
  background-size: cover;
}

.lingzhang_content_list {
  display: flex;
  overflow-x: scroll;
  flex-wrap: nowrap;
}

.lingzhang_item_scroll {
  margin-right: .4rem;
}

/* ljr --- 战股详情 --- start */
.war_shares_detail_content {
  padding: .55rem .75rem 1rem;
}

.war_shares_detail_content_title {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 150%;
  color: #000000;
}
.small_label_list{margin-bottom: .25rem;}
.small_label_list_item {
  display: inline-block;
  padding: .05rem .2rem;
  font-family: 'PingFang SC';
  font-weight: 400;
  line-height: .65rem;
  color: #B4875A;
  background-color: #fcf3ea;
  font-size: .6rem;
}

.challenge_goal_box {
  display: flex;
  flex-direction: column;
  box-shadow: 0px .2rem .9rem rgba(0, 0, 0, 0.08);
border-radius: .2rem;
}

.challenge_goal_box_top {
    display: flex;
    justify-content: space-between;
    padding: .55rem .45rem;
    background: #FFF4E6;
    border-radius: .2rem .2rem 0 0;
}

.challenge_goal_box_top_add {
  position: relative;
  height: 1.2rem;
  line-height: 1.2rem;
  padding: 0 0 0 .4rem;
  background: #FFFFFF;
  border-radius: .2rem;
}

.challenge_goal_box_top_add span {
  font-family: 'PingFang SC';
  font-size: .75rem;
  
  margin-right: 22px;
}

.challenge_goal_box_top_add_btn {
  position: absolute;
  right: -24px;
  top: 0;
  width: 1.2rem;
  height: 1.2rem;
  background: #F7F7F7;
}
.challenge_goal_box_top_add_btn img {
  width: 1.2rem;
  height: 1.2rem;
  vertical-align: top;
}

.challenge_goal_box_top_add_btn_option {
  position: absolute;
  top: -1.4rem;
  width: 6.1rem;
  height: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  background: #000000;
  color: #EFAE41;
  border-radius: .2rem;
  font-size: .6rem;
}

.challenge_goal_box_top_add_btn_option::before {
  position: absolute;
  content: "";
  bottom: -0.6rem;
  width: 0;
  height: 0;
  border: .3rem solid transparent;
  border-top: .3rem solid #000;
}


.challenge_goal_box_top_wytz {
  padding: .175rem .6rem;
  color: #2E2E2E;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  background: #EFAE41;
  border-radius: .95rem;
  font-size: .6rem;
}

.challenge_goal_box_bottom {
  display: flex;
  justify-content: space-between;
  padding: .45rem .5rem .35rem;
}
.chat_item .challenge_goal_box_bottom{
  background: #efefef;
  margin-top: .25rem;
  padding: .45rem .25rem .35rem;
}
.challenge_goal_box_bottom_item {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.challenge_goal_box_bottom_item div:last-child {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 600;
  font-size: .6rem;
  line-height: 1.1rem;
  text-align: center;
  color: #F5414D;
}

  .challenge_goal_box_bottom_item div:first-child {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 300;
    font-size: .55rem;
    line-height: .65rem;
    color: #8E8E8E;
  }
.challenge_goal_box_bottom > div:nth-child(3) > div:nth-child(2),.challenge_goal_box_bottom > div:nth-child(4) > div:nth-child(2){
  color: #2e2e2e;
  font-weight: normal;
  font-size: .6rem;
}
  .war_shares_detail_dynamic_list {
    margin-top: .45rem;
    /* padding: 0 .5rem; */
    box-shadow: 0px .15rem .6rem rgba(0, 0, 0, 0.05);
    border-radius: .2rem;
  }

  .war_shares_detail_dynamic_list_top {
    display: flex;
  }

  .war_shares_detail_dynamic_list_user_img {
    margin-right: .4rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
  }

  .war_shares_detail_dynamic_list_user_img img {
    width: 100%;
    height: 100%;
  }

  .war_shares_detail_dynamic_list_user_info_title {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 600;
    font-size: .8rem;
    line-height: 1.1rem;
  }

  .war_shares_detail_dynamic_list_user_info_tag {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: .5rem;
    line-height: .7rem;
    color: #8E8E8E;
  }

  .war_shares_detail_dynamic_list_content {
    margin-top: .3rem;
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: .8rem;
    color: #2E2E2E;
  }

  .war_shares_detail_dynamic_list_content .zhiding_txt {
    padding: 0 .1rem;
    font-size: .5rem;
    color: #FFFFFF;
    font-weight: 300;
    line-height: .7rem;
    background: #F5414D;
    border-radius: .1083rem;
  }

  .war_shares_detail_dynamic_list_work_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem .5rem .75rem;
    font-weight: 400;
    font-size: .7rem;
    line-height: 1rem;
    color: #8E8E8E;
  }

  .war_shares_detail_dynamic_list_work_rg {
    display: flex;
    justify-content: space-between;
  }
  .war_shares_detail_dynamic_list_work_rg div {
    display: flex;
    align-items: center;
    margin-left: 1.25rem;
  }

  .war_shares_detail_dynamic_list_work_rg div:first-child {
    margin: 0;
  }

  .war_shares_detail_dynamic_list_work_rg div img {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .35rem;
  }

  .war_shares_detail_comments {
    background: #FAFAFA;
padding: .75rem 0 0 0;
  }

  .war_shares_detail_comments_title {
    display: flex;
    align-items: center;
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: .9rem;
    line-height: 1.25rem;
    text-align: center;
    color: #2E2E2E;
    text-align: left;
    padding-left: .75rem;
  }

  .war_shares_detail_comments_risk {
    margin-top: .5rem;
    
    background: #fff;
padding: .5rem .75rem;
    border-radius: .2rem;
  }

  .war_shares_detail_comments_risk_title {
    margin-bottom: 9px;
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: .8rem;
    line-height: 1.1rem;
    color: #2E2E2E;
  }

  .war_shares_detail_comments_risk_nav span {
    margin-right: .4rem;
    padding: .25rem .55rem;
    font-size: .6rem;
    color: #2E2E2E;
    background: #EFAE41;
    border-radius: .2rem;
    display: inline-block;
  }

  .war_shares_detail_comments_risk_list {
    margin-top: .45rem;
  }

  .war_shares_detail_comments_risk_list_txt {
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-size: .6rem;
    line-height: 2;
    color: #565656;
  }
  .war_shares_detail_comments_risk_list_txt div {
    font-size: .7rem;
  }
  .war_shares_detail_comments_look_btn {
    padding: .8rem 0;
    background-color: #fafafa;
    text-align: center;
  }

  .war_shares_detail_comments_look_btn div{
    padding: .6rem 0;
    background: #FFFFFF;
    border-radius: .2rem;
    font-size: .7rem;
    color: #565656;
    box-shadow: rgba(0, 0, 0, 0.08);
  }

  .war_shares_detail_statement {
    padding: .6rem .75rem;
    background-color: #f9f9f9;
  }

  .war_shares_detail_statement div {
   
    font-weight: 400;
    font-size: .5rem;
    line-height: 150%;
    color: #565656;
    
    border-radius: .2rem;
  }
  .war_shares_detail_comments_risk_nav{
    white-space: nowrap;
    overflow-x: scroll;
  }
  .war-comment-wrp{
    display: flex;
    padding: .25rem 0;
    align-items: center;
    box-shadow: 0 0 5px #ccc;
  }
  .war-comment-wrp input{

    width: 100%;
    margin: 0 .75rem;
    background: #f8f8f8;
    border: none;
    padding: .5rem .75rem;
    border-radius: .25rem;

    
  }
  .war-comment-wrp input::placeholder{
    color: #8e8e8e;
  }
  .war-comment-wrp button{
    width: 4rem;
    flex-shrink: 1;
    margin-right: .75rem;
    background: #EFAE41;
    color: #2e2e2e;
    border-radius: .25rem;
    font-size: .75rem;
    border: none;
    height: 1.6rem;
  }
  .war_shares_detail_floor_nav {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    padding: .3rem 0 .75rem;
    height: 2.5rem;
    padding: .3rem .75rem;
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0px -0.5px 0px #EFEFEF;
  }
  .war_shares_detail_floor_nav > div {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .2rem;
    height: 1.9rem;
    line-height: 1.9rem;
    font-size: .7rem;
    font-weight: 500;
    flex: 1;
    margin-right: .5rem;
  }
  .war_shares_detail_floor_nav > div:last-child{
    margin-right: 0;
  }
  .war_shares_detail_floor_nav > div img {
    margin-right: .25rem;
  }

  .war_shares_detail_floor_nav_dz {
    border:1px solid #b8b8b8;
    
    color: #565656;
  }

  .war_shares_detail_floor_nav_fx {
    width: 4.55rem;
    color: #565656;
    border: .05rem solid #b8b8b8;
  }
  .war_shares_detail_floor_nav_fx.active{
    border-color: #F5414D;
    color:#F5414D
  }
  .war_shares_detail_floor_nav_xyt {
   
    color: #2E2E2E;
    background-color: #efae41;
  }
/* ljr --- 战股详情 --- end */



/* ljr -- 战股_tab栏 start */
.tab_zhangu_record {
  padding: .8rem .75rem;
}

.tab_zhangu_record_title {
  display: flex;
  justify-content: space-between;
  padding: 0 0 .25rem;
  border-bottom: 1px solid #F4F4F4;
  box-shadow: 0px 0.5px 0px rgba(255, 255, 255, 0.6);
}

.tab_zhangu_record_title_lf > div{
  display: inline-block;
  margin-right: .25rem;
  vertical-align: middle;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4rem;
}

.tab_zhangu_record_title_lf img {
  width: 1rem;
}

.tab_zhangu_record_title_rg > div {
  display: inline-block;
  vertical-align: middle;
}

.tab_zhangu_record_title_rg img {
  width: 24px;
}

.tab_zhangu_record_data_row {
  display: flex;
  justify-content: space-between;
  margin-top: .65rem;
  padding-bottom: .15rem;
}

.tab_zhangu_record_item {
  width: 5.75rem;
  text-align: center;
}

.tab_zhangu_record_item_num {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.4rem;
  color: #2E2E2E;
}

.tab_zhangu_record_item_txt {
  font-weight: 500;
  font-size: .6rem;
  line-height: .85rem;
  color: #8E8E8E;
}

.tab_zhangu_op_time {
  padding: .8rem .75rem;
}

.tab_zhangu_op_time_title {
  display: flex;
  justify-content: space-between;
  height: 1.4rem;
  line-height: 1.4rem;
}

.tab_zhangu_op_time_title_lf {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4rem;
  color: #2E2E2E;
}

.tab_zhangu_op_time_title_rg span {
  font-size: .6rem;
  color: #999;
}
.tab_zhangu_op_time_title_rg img {
  vertical-align: middle;
}

.tab_zhangu_op_time_table {
  margin-top: .3rem;
  border: 1px solid #EFEFEF;
}

.tab_zhangu_op_time_table_row {
    display: flex;
    height: 1.5rem;
    line-height: 1.5rem;
    border-bottom: 1px solid #efefef;
}

.tab_zhangu_op_time_table_row:last-child {
  border: none;
}

.tab_zhangu_op_time_table_row_title {
  font-size: .6rem;
  height: 1.5rem;
  line-height: 1.5rem;
}

.tab_zhangu_op_time_table_col {
  width: 33%;
  color: #565656;
  font-size: .7rem;
  text-align: center;
  border-right: 1px solid #EFEFEF;
}

.tab_zhangu_op_time_table_col:last-child {
  border: none;
  color: #F5414D;
}

.tab_zhangu_op_time_table_row_title .tab_zhangu_op_time_table_col {
  color: #8E8E8E;
  font-size: .6rem;
}

.tab_zhangu_list_wrap {
  padding: .25rem .75rem;
}

.tab_zhangu_list_item {
  padding-bottom: .5rem;
  border-bottom: 1px solid #F4F4F4;
  box-shadow: 0 .025rem 0 rgba(255, 255, 255, 0.6);
}

.tab_zhangu_list_time {
  font-weight: 400;
  font-size: .6rem;
  line-height: .85rem;
  color: #8E8E8E;
}

.tab_zhangu_list_title {
  font-weight: 500;
  font-size: .8rem;
  line-height: 1.1rem;
  color: #2E2E2E;
}

.tab_zhangu_list_content {
  font-weight: 400;
  font-size: .6rem;
  line-height: 150%;
  color: #565656;
}

.tab_zhangu_list_content_txt {
  display: flex;
  justify-content: space-between;
  margin-top: .5rem;
}
.tab_zhangu_list_content_txt_lf  {
  background-color: #f8f8f8;
  height: .85rem;
  font-weight: 400;
  font-size: .6rem;
  color: #628FFB;
}

.tab_zhangu_list_content_txt_rg {
  font-weight: 400;
  font-size: .6rem;
  text-align: right;
  color: #565656;
}

.tab_zhangu_list_content_txt_rg span{
  font-size: .6rem;
  color: #F5414D;
}
/* ljr -- 战股_tab栏 end */







/* 9.19 by cdx  start*/
.zhangu_content_title_btn {
  padding: .275rem .8rem;
  font-family: 'PingFang SC';
  font-weight: 500;
  font-size: .6rem;
  line-height: .85rem;
  background-image: url('../images/zhangu/zhangu-title-btn-bg.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #efae41;
  border-radius: 1rem;
  z-index: 9;
  width: 3.5rem;
}

.zhangu_bangdan_tab {
  display: flex;
  align-items: center;
  background-color: #f8deb3;
  border-top-left-radius: .2rem;
  border-top-right-radius: .2rem;
  overflow: hidden;
}

.zhangu_bangdan_tab_item {
  width: 33.333%;
  height: 2.05rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.zhangu_bangdan_tab_item_select {
  background-color: #ffa544;
  background-image: url(../images/zhangu/zhangu_bangdan_bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.zhangu_bangdan_tab_item_line1 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .75rem;
  color:#565656;
  line-height: 1.05rem;
}
.zhangu_bangdan_tab_item_line2 {
  font-size: .5rem;
  color:#8e8e8e;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: .7rem;
}

.zhangu_bangdan_tab_item_line1_select,
.zhangu_bangdan_tab_item_line2_select {
  color: #fff;
}

.zhangu_content_other {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  min-height: 40rem;
}

.dontai_wenda_tab {
  margin: .7rem .75rem 0;
  padding: .15rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #e9e9e9;
  border-radius: .2rem;
}

.dontai_wenda_tab_item {
  color: #2e2e2e;
  font-size: .7rem;
  line-height: .98rem;
  text-align: center;
  padding: .35rem 0;
  width: 50%;
  border-radius: .15rem;
}

.dontai_wenda_tab_item_select {
  background-color: #fff;
}

.dongtai_detail_tag {
  margin-top: .2rem;
  display: inline-block;
  padding: .1rem .4rem;
  background: #F8F8F8;
  border-radius: .2rem;
  color: #33927E;
  font-size: .7rem;
  font-family: PingFang SC;
  line-height: .98rem;
}


/* ljr -- 战股弹窗_捞料次数不够时 start  */
.war_shares_popop_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
}


.war_shares_popop_container .z_mask {
  display: block;
}

.war_shares_popop_container .war_shares_popop {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: .85rem .45rem 1.1rem .6rem;
  width: 90%;
  background: #FFF8ED;
  border-radius: .4rem;
  z-index: 9999;
}

.war_shares_popop_close {
  position: absolute;
  top: -2.85rem;
  right: 0;
}

.war_shares_popop_close span {
  color: #9B9B9B;
  font-size: .6rem;
}
.war_shares_popop_close  img {
 vertical-align: middle;
}
 
.war_shares_popop_container .war_shares_popop .title_text {
  width: 100%;
  font-size: .9rem;
  text-align: center;
  font-weight: bold;
  line-height: .9rem;
}

.war_shares_popop_container .war_shares_popop .war_shares_popop_conten {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  padding: .45rem .35rem;
  background: #fff;
  border: 1px solid #EFAE41;
}

.war_shares_popop_conten_row_1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 12rem;
}
.war_shares_popop_conten_row_1 > div {
  font-weight: bold;
  font-size: .6rem;
}

.war_shares_popop_btm_txt {
  margin-top: .65rem;
  font-size: .7rem;
  line-height: 150%;
  font-weight: 400;
  font-size: .7rem;
  text-align: center;
  color: #2E2E2E;
}

.war_shares_popop_btn {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}

.war_shares_popop_btn > div {
  flex: 1;
  height: 1.9rem;
  font-size: .7rem;
  text-align: center;
  font-weight: 500;
  line-height: 1.9rem;
  background-color: #EFAE41;
  border-radius: 4px;
}

.war_shares_popop_btn .war_shares_popop_btn_lf {
  color: #EFAE41;
  border: 1px solid #EFAE41;
  background-color: #fff8ed;
}
.war_shares_popop_btn > div:nth-child(2){margin-left: .5rem;}
/* ljr -- 战股弹窗_捞料次数不够时 end  */

/* ljr -- 战股捞好料弹窗 start */
.laohaoliao_popop_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
}

.laohaoliao_popop_container .z_mask{
  display: block;
}

.laohaoliao_popop_conten {
  position: absolute;
  bottom: 0;
  z-index: 9999;
  width: 100%;
  padding: .7rem .75rem;
  background: linear-gradient(110.48deg, #FFFCF8 -0.86%, #FFF4E3 100%);
  border-radius: .4rem .4rem 0px 0px;
}

.laohaoliao_popop_conten_title {
  margin-bottom: 1.35rem;
  color: #000000;
  font-size: .8rem;
  text-align: center;
  font-weight: 500;
  line-height: 1.1rem;
}

.laohaoliao_popop_conten_item_title {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #2E2E2E;
}

.laohaoliao_popop_conten_item_option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .2rem;
  padding: .5rem .2rem .5rem .6rem;
  height: 2.2rem; 
  background: #fff;
  border: 1px solid #ECDFC8;
  border-radius: .2rem;
}
.laohaoliao_popop_conten_item_val {
  font-weight: 400;
  font-size: .75rem;
  color: #2E2E2E;
}

.laohaoliao_popop_conten_item_option img {
  width: 1.2rem;
  height: 1.2rem;
}

.laohaoliao_popop_conten_item_val_unselected {
  color: #8E8E8E;
}

.laohaoliao_popop_laohaogu_btn {
  position: relative;
  margin-top: 1.25rem;
  height: 2.5rem;
  font-weight: 500;
  text-align: center;
  line-height: 2.5rem;
  background: #EFAE41;
  border-radius: 1.25rem;
}

.laohaoliao_popop_laohaogu_btn > div {
  position: absolute;
  top: 0;
}

.laohaoliao_popop_laohaogu_btn > div img {
  width: 100%;
  height: 100%;
}

.laohaoliao_popop_laohaogu_btn .laohaoliao_btn_lf {
  left: 0;
  width: 4rem;
  height: 2.5rem;
  opacity: .6;
}

.laohaoliao_popop_laohaogu_btn .laohaoliao_btn_rg {
  right: 0;
  width: 6.5rem;
  height: 50px;
}
/* ljr -- 战股捞好料弹窗 end */

/* ljr -- 战股捞好料_挑战目标 -弹窗 start */
.laohaoliao_popop_target_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
}
.l_mask{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 2rem;
  z-index: 100000;
  background: #fff;
  opacity: 0;
}
.laohaoliao_popop_target_container .z_mask {
  display: block;
}

.laohaoliao_popop_target_content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 14.4rem;
  z-index: 99999;
}

.laohaoliao_popop_target_close {
  position: absolute;
  right: 0;
  top: -1.85rem;
}

.laohaoliao_popop_target_content_title {
  padding: .15rem 0;
  width: 6rem;
  height: 1.8rem;
  margin: 0 auto;
}

.laohaoliao_popop_target_content_title img {
  width: 100%;
  height: 100%;
}

.laohaoliao_popop_target_option {
  margin-top: .6rem;
  width: 100%;
  background: #FFFFFF;
  border-radius: .4rem;
}

.laohaoliao_popop_target_option_item {
  padding: 0 .5rem;
  height: 2rem;
  color: #565656;
  font-size: .8rem;
  text-align: center;
  font-weight: 400;
  line-height: 2rem;
}
/* ljr -- 战股捞好料_挑战目标 -弹窗 end */



/* 我的消息 -- 创作圈主群 start */
.creative_circle_group_list_item  {
  margin: .8rem .75rem 0;
  background: #FFFFFF;
  box-shadow: 0rem .15rem .5rem rgba(0, 0, 0, 0.08);
  border-radius: .1rem;
  padding: .45rem;
}
.creative_circle_group_list_item .header_userInfo {
  display: flex;
  justify-content: space-between;
}
 .creative_circle_group_list_item .header_userInfo .header_userInfo_left .userInfo_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
 .creative_circle_group_list_item .header_userInfo .header_userInfo_left .userInfo_box .avatar_box {
  position: relative;
  margin-right: .4rem;
  width: 1.7rem;
}
 .creative_circle_group_list_item .header_userInfo .header_userInfo_left .userInfo_box .avatar_box .avatar {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
}
 .creative_circle_group_list_item .header_userInfo .header_userInfo_left .userInfo_box .avatar_box .icon_usericon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
}
 .creative_circle_group_list_item .header_userInfo .header_userInfo_left .userInfo_box .avatar_box .icon_on_line {
  position: absolute;
  width: 1.7rem;
  height: .7rem;
  left: 0;
  bottom: -0.4rem;
  background: #628FFB;
  border: .025rem solid #FFFFFF;
  border-radius: 1.25rem;

  text-align: center;
  font-family: 'DIN Next LT Pro';
  font-style: normal;
  font-weight: 500;
  font-size: .4rem;
  line-height: .5rem;
  color: #fff;
  box-sizing: border-box;
}

 .creative_circle_group_list_item .header_userInfo .header_userInfo_left .userInfo_box .name_box {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: .25rem;
}
 .creative_circle_group_list_item .header_userInfo .header_userInfo_left .userInfo_box .name_box .name_box_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
 .creative_circle_group_list_item .header_userInfo .header_userInfo_left .userInfo_box .name_box .name_box_top span {
  font-weight: 500;
  font-size: .7rem;
  line-height: 1rem;
  color: #2e2e2e;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
 .creative_circle_group_list_item .header_userInfo .header_userInfo_left .userInfo_box .name_box .name_box_bottom {
  font-weight: 400;
  font-size: .6rem;
  line-height: .85rem;
  color: #8e8e8e;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
 .creative_circle_group_list_item .header_userInfo_bottom{
  margin-left: 2.1rem;
}
.Keyword_description{
  overflow-x: scroll;
    white-space: nowrap;
}
 .creative_circle_group_list_item .header_userInfo_bottom .Keyword_description span {
  font-weight: 400;
  font-size: .5rem;
  line-height: .7rem;


  display: inline-block;
  padding: .1rem .2rem;
  margin-right: .4rem;

  border: 1px solid #9ed7ff;
  color: #4ba1f9;
  background: #f0f9ff;
  border-radius: .1rem;
  box-sizing: border-box;
  margin-bottom: .25rem;
}
.creative_circle_group_list_item .header_userInfo_bottom .shareholders_number {
  font-weight: 400;
  font-size: .5rem;
  line-height: .7rem;
  color: #8E8E8E;
}
 .creative_circle_group_list_item .header_userInfo_bottom .Keyword_description span:last-child {
 
}

.creative_circle_group_list_item .right_tab {
  position: relative;
  width: 4rem;
  height: .8rem;
  box-sizing: border-box;
  background: #fff;
  border-radius: 1.25rem;
  border: .025rem solid #FFA000;
  box-sizing: border-box;
}
.creative_circle_group_list_item .right_tab .tab_item {
  position: absolute;
  width: 54%;
  height:100%;
  color: #565656;
  text-align: center;
  background: #fff;
  font-weight: 400;
  font-size: .5rem;
  line-height: .1rem;
  color: #000;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.creative_circle_group_list_item .right_tab .tab_item:first-child {
  border-top-left-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
}
.creative_circle_group_list_item .right_tab .tab_item:last-child {
  right: 0;
  top: 0;
  border-top-right-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
}
.creative_circle_group_list_item .right_tab .current_item {
  background: #FFA000;
  color: #fff;
  z-index: 1;
  border-radius: 1.25rem;
  
}

.discover_more_creators{
  background: url('../images/discover_more_creators_bg.png') no-repeat center center;
  background-size: 100%;
  box-sizing: border-box;
  position: fixed;
  width: 10rem;
  height: 2.4rem;
  text-align: center;
  line-height: 2.85rem;
  left: 50%;
  bottom: 4rem;
  transform: translate(-50%, 0);
  border-radius: .1rem;
  font-weight: 500;
  font-size: .8rem;
  color: #FFFFFF;
}

.become_a_creator_btn{
  background: url('../images/become_a_creator.png') no-repeat center center;
  background-size: 100% auto;
  box-sizing: border-box;
  position: fixed;
  width: 100%;
  text-align: center;
  line-height: 2.85rem;
  left: 50%;
  bottom: 2.2rem;
  transform: translate(-50%, 0);
  border-radius: .1rem;
  font-weight: 500;
  font-size: .7rem;
  color: #FFFFFF;
  letter-spacing: .2rem;
}
/* 我的消息 -- 创作圈主群 end */

/* 话题详情页 start */
.topic_details_content{
  background-color: #000000;
}
.topic_details_topImg_box{
  padding: 1rem .75rem;
  width: 100%;
  border-radius: .1rem;
  overflow: hidden;
}
.topic_details_topImg_box img{
  width: 100%;
}

.topic_details_tabBox{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.6rem;
}
.topic_details_tabBox a {
  text-align: center;
  flex: 1;
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #fff;
  padding: 0.4rem 0.4rem;
  position: relative;
  white-space: nowrap;
  line-height: 1.1rem;
}

.topic_details_tabBox a.active {
  color: #EFAE41;
  font-size: .9rem;
  position: relative;
  font-weight: 500;
}

.topic_details_tabBox a.active:after {
  content: "";
  display: inline-block;
  height: .15rem;
  width: 1rem;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%,
      -50%);
  /* 50%为自身尺寸的一半 */
  -webkit-transform: translate(-50%,
      -50%);
  background: rgba(254,
      203,
      106,
      1);
}

/* 话题详情页 end */


/* 聊天页面（树洞） start */
.de_real_time_box .help_label_btn{
  background: #FFFFFF;
  border: .025rem solid #628FFB;
  border-radius: .1rem;
  font-weight: 400;
  font-size: .5rem;
  line-height: .7rem;
  color: #628FFB;
  padding: .2rem .4rem;

}

.de_real_time_box .help_replied{
  font-weight: 400;
  font-size: .5rem;
  line-height: .7rem;
  color: #628FFB;
  margin-left: .5rem;
}
.de_real_time_box .betting_down_or_up_btn{
  background: #FFFFFF;
  border: .025rem solid #FFA000;
  border-radius: .1rem;
  font-weight: 400;
  font-size: .5rem;
  line-height: .7rem;
  color: #FFA000;
  padding: .2rem .4rem;

}

.betting_down_or_up_text{
  border-radius: 0rem .2rem .2rem .2rem;
  padding: .3rem;
  color: #2E2E2E;
  font-weight: 400;
  font-size: .6rem;
  line-height: 150%;
}
.betting_down_color{
  background: #F1FFFC;
  border: .025rem solid #33927E;
}
.betting_up_color{
  background: #FFF6F7;
  border: .025rem solid #F5414D;
}
.betting_down_or_up_text .down_green{
  color: #33927E;
}
.betting_down_or_up_text .up_red{
  color: #F5414D;
}

.call_assistant_box .click_help_popup{
  position: absolute;
  top: 47%;
  right: 3.8rem;
  background: #FFFFFF;
  border-radius: .5rem;
  text-align: center;
  padding: .25rem .5rem .5rem;
  z-index: 1001;
  width: 14.5rem;
  height: 11.15rem;
}
.click_help_popup::after{
  content: "";
  position: absolute;
  right: -0.85rem;
  top: 6.5rem;
  display: block;
	width: 0;
	height: 0;
	border: .5rem solid transparent;
	border-left-color: #fff;
}
.click_help_popup_title{
  font-weight: 500;
  font-size: 1rem;
  line-height: 150%;
  color: #2E2E2E;
  margin-bottom: .2rem;
}
.click_help_popup_content{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.click_help_popup_content_item{
  height: 4rem;
  width: 4rem;
  background: #FFF3EC;
  border-radius: .2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}
.help_popup_item_active{
  border: .05rem solid #FB9862;
}
.click_help_popup_content_item:nth-child(-n+3){
  margin-bottom: .7rem;
}
.click_help_popup_content_item>p{
  font-weight: 400;
  font-size: .8rem;
  line-height: 150%;
  text-align: center;
  margin: 0 !important;
}
.latest_publication{
  font-weight: 400;
  font-size: .6rem;
  color: #FAA71B;
  position: absolute;
  top: 0;
  right: 0;
}
.like_rating_box{
  width: 5.25rem;
  height: 1rem;
  background: #DCDCDC;
  border-radius: .087rem;
  display: flex;
  align-items: center;
  padding: .2rem;
}
.like_rating_box img{
  width: .6rem;
  height: .6rem;
  margin-right: .175rem;
  display: inline-block;
}
.like_rating_box span{
  font-weight: 500;
  font-size: .5rem;
  color: #FFFFFF;
  flex: 1;
  padding-top: .2rem;
}
.steward_asks_questions_box{
  margin-top: 2.75rem;
  margin-bottom: 1rem;
  max-width: 100%;
}
.questions_box_line{
  width: 98%;
  background-color:  #8E8E8E;
  height: .05rem;
  margin-bottom: .5rem;
}
.questions_box{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100vw;
  padding-left: .65rem;
  box-sizing: border-box;
}
.questions_box>p{
  max-width: 100%;
  background: #D9D9D9;
  border-radius: 1.2rem 1.2rem 0rem 1.2rem;
  padding: .35rem .6rem .25rem;
  word-break:break-all;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-break:break-all;
  font-weight: 400;
  font-size: .5rem;
  color: #000000;
}


.selection_and_heat {
  width: 100%;
  /* padding: 0 1rem; */
  box-sizing: border-box;
  /* position: absolute; */
  /* top: 5.45rem; */
  left: 0;
  margin-top: .5rem;
  background: #fff;
padding: .25rem;
box-shadow: 0 0 5px #ccc;
border-radius: .2rem;
}
.selection_and_listStyle{
  /* margin-bottom: 1.05rem; */
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  font-size: .6rem;
  line-height: 0rem;
  color: #2E2E2E;

}
.choice_content_box{
  display: flex;
}
.choice_content_box>div{
  display: flex;
  align-items: center;
}
.choice_content_box>div:nth-child(1){
 margin-right: .95rem;
}
.choice_content_box>div img{
  width: .7rem;
  height: .7rem;
  margin-right: .2rem;
}

.list_mode_btn{
  display: flex;
  align-items: center;
}
.list_mode_btn img{
  width: .75rem;
  margin-right: .25rem;
}
.heat_of_group_box {
  position: relative;
  width: 4rem;
  height: .8rem;
  box-sizing: border-box;
  border-radius: 1.25rem;
  border: .025rem solid #FFA000;
  box-sizing: border-box;
}
.heat_of_group_box .tab_item {
  position: absolute;
  width: 54%;
  height:100%;
  color: #565656;
  text-align: center;
  background: #fff;
  font-weight: 400;
  font-size: .5rem;
  line-height: .1rem;
  color: #000;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.heat_of_group_box .tab_item:first-child {
  border-top-left-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
}
.heat_of_group_box .tab_item:last-child {
  right: 0;
  top: 0;
  border-top-right-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
}
.heat_of_group_box .current_item {
  background: #FFA000;
  color: #fff;
  z-index: 1;
  border-radius: 1.25rem;
 
}
/* 聊天页面（树洞） end */


/* 空间风纪宣言and删帖记录流水 弹框 start */
.declaration_and_deletePostingRecord {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: calc(100% - 1.5rem);
  background: #FFFFFF;
  border-radius: .5rem;
  padding: 1rem 0 .8rem;
  z-index: 1001;
}

.declaration_title,.deletePostingRecord_title{
  font-weight: 500;
  font-size: .8rem;
  line-height: 1.05rem;
  color: #2E2E2E;
  mix-blend-mode: normal;
  opacity: 0.9;
  margin-bottom: .55rem;
}
.declaration_content>P{
  font-weight: 400;
  font-size: .7rem;
  line-height: 150%;
  text-align: justify;
  color: #565656;
  margin-top: 0 !important;
}
.declaration_content{
  margin-bottom: .65rem;
}
.declaration_btn_box{
  display: flex;
  border-radius: .1rem;
  box-sizing: border-box;
}
.declaration_box,.deletePostingRecord_box{
  padding: 0 1rem;
}
.declaration_btn_box>div{
  flex: 1;
  text-align: center;
  font-weight: 400;
  font-size: .7rem;
  line-height: 1rem;
  color: #FFFFFF;
  border: .05rem solid #8E8E8E;
  color: #2E2E2E;
  padding: .35rem 0;
  box-sizing: border-box;
}
.declaration_btn_box>div:nth-child(1){
  border-radius: .1rem 0rem 0rem .1rem;
  border-right: 0;
}
.declaration_btn_box>div:nth-child(2){
  border-radius: 0rem .1rem .1rem 0rem;
}
.declaration_btn_active{
  color: #fff !important;
  background: #FFA000;
}
.declaration_and_deletePostingRecord_line{
  width: 100%;
  background-color: #EFEFEF;
  height: .05rem;
  margin: 1rem 0 .9rem 0;
}
.deletePostingRecord_content>div{
  display: flex;
}
.deletePostingRecord_content>div>div:nth-child(1){
  word-break:break-all;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.deletePostingRecord_content>div>div:nth-child(2){
  margin-left: 1.1rem;
  margin-right: 1.55rem;
}
.deletePostingRecord_content>div>div:nth-child(3){
  flex: 1;
}
.deletePostingRecord_content>div>div:nth-child(1),
.deletePostingRecord_content>div>div:nth-child(2){
  width: 3.5rem;
}
.deletePostingRecord_content_th{
  font-weight: 500;
  font-size: .7rem;
  line-height: 150%;
  text-align: center;
  color: #565656;
}
.deletePostingRecord_content_tb{
  font-weight: 400;
  font-size: .6rem;
  line-height: 168%;
  text-align: center;
  color: #565656;
}

.deletePostingRecord_content_tb .people_nums_head {
  text-align: center;
}

.deletePostingRecord_content_tb .people_nums_head img {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  margin: 0 -0.2rem;
}

/* 空间风纪宣言and删帖记录流水 弹框 end */


/* 聊天页面（树洞）列表模式 start */
.tree_hole_chat_out_container{
  width: 100%;
}
.chat_list_mode{
  margin: 0 !important;
  height: 100%;
  overflow: auto;
}
.chat_list_mode_item{
  overflow: hidden;
  display: flex;
  border-bottom: 0.025rem solid #8E8E8E;
  background-color: #fff;
}
.chat_list_mode_lists{
  border: 0 !important;
  background:transparent !important;
}
.chat_list_mode_lists .content_wrap{
  background:transparent !important;
}
.chat_list_mode_lists>li {
  padding: 0.5rem 0.75rem 0;
}
.content_wrap {
  overflow: hidden;
  display: flex;
  border-bottom: .025rem solid #8E8E8E;
  background-color: #fff;
}
.content_wrap .content_txt {
  width: 100%;
  overflow-x: auto;
}
.content_wrap .content_txt .title {
  font-weight: 600;
  font-size: .8rem;
  line-height: 1.12rem;
}
.content_wrap .content_txt .quote_txt {
  background: #EFEFEF;
  font-weight: 400;
  font-size: .7rem;
  line-height: 150%;
  color: #565656;
  padding: .2rem .45rem .4rem;
  box-sizing: border-box;
  margin-bottom: .75rem;
}
.content_wrap .content_txt .txt {
  margin-bottom: .3rem;
  font-weight: 400;
  font-size: .8rem;
  line-height: 150%;
  color: #2E2E2E;
}
.content_wrap .content_txt .content_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;

  font-weight: 400;
  font-size: .6rem;
  line-height: .85rem;
  color: #8E8E8E;
  margin-bottom: .9375rem;
}
.content_wrap .content_txt .content_bottom .content_bottom_name_and_time>div:nth-child(1){
  margin-right: 1rem;
}
.content_wrap .content_txt .content_bottom .content_bottom_like_box {
  display: flex;
  justify-content: start;
  align-items: flex-end;
}
.content_wrap .content_txt .content_bottom .content_bottom_like_box>img {
  width: 1rem;
  height: 1rem;
  margin-right: .1rem;
}
.content_wrap .content_txt .content_bottom>div {
  display: flex;
}
.content_wrap .content_img {
  max-width: 5rem;
  margin-left: .85rem;
}
.content_wrap .content_img img {
  width: 5rem;
  height: 3.5rem;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: .2rem;
}

.chat_list_mode_right_btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.chat_list_mode_right_btn img{
  width: 1.1rem;
  height: 1.1rem;
}
.chat_list_mode_right_btn span {
  margin-left: .1rem;
  font-weight: 500;
  font-size: .7rem;
  color: #ffffff;
}

/* 聊天页面（树洞）列表模式 end */

/* 聊天页面（树洞）押涨跌弹窗 start */
.betting_up_or_down_popup{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1002;
  background: #fff;
  border-top: .05rem solid #E3E3E3;
  border-radius: 1rem 1rem 0rem 0rem;
  box-sizing: border-box;
  min-height: 69%;
}
.betting_up_or_down_popup .close_popup_icon{
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: .85rem;
  top: -1.55rem;
  z-index: 1003;
}
.betting_up_or_down_popup .betting_up_or_down_popup_top_bg{
  width: 100%;
  border-radius: 1rem 1rem 0rem 0rem;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1002;
}

.betting_up_or_down_popup_content{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1003;
  background: #fff;
  border-radius: 20px 20px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: .95rem .75rem 1.05rem;
  box-sizing: border-box;
  overflow-y: scroll;
  max-height: calc(100% - 135px);
  box-shadow: 0px -4px 18px rgba(0, 0, 0, 0.18);
}

.betting_up_or_down_popup_content .popup_head{
  position: relative;
  font-weight: 400;
  font-size: 1.0718rem;
  line-height: .95rem;
  text-align: center;
  color: #000000;
  margin-bottom: .575rem;
}
.betting_up_or_down_popup_content .no_betting_word{
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3rem;
  text-align: center;
  color: #8E8E8E;
 }
.betting_up_or_down_popup_content .up_red{
 color: #F5414D;
}
.betting_up_or_down_popup_content .up_red_word{
  background: linear-gradient(328.47deg, #F5414D -6.91%, #FF7079 103.89%);
 }
.betting_up_or_down_popup_content .down_green{
  color: #33927E;
 }
 .betting_up_or_down_popup_content .down_green_word{
  color: #33927E;
  background: linear-gradient(328.47deg, #33927E -6.91%, #71D1BD 103.89%);
 }
 .betting_up_or_down_popup_content .up_or_down_word{
  font-weight: 900;
  font-size: 2.4rem;
  line-height: 3rem;
  text-align: center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
 }
.betting_up_or_down_popup_content .popup_head::after{
  content: "";
  position: absolute;
  background-color: red;
  left: -0.2rem;
  top: .15rem;
  width: 105%;
  height: .774rem;
  background: #261A7C;
  opacity: 0.11;
  border-radius: .12rem;
}
.betting_up_or_down_popup_content .popup_head img{
  position: absolute;
  top: -0.55rem;
  left: -1.2rem;
  width: 1.075rem;
  height: .6rem;
}
.betting_up_or_down_popup_content .group_leader_betting{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: .1227rem .3273rem;
  gap: .941rem;
  background: linear-gradient(109.51deg, #7163D1 -13.78%, #261A7C 140.89%);
  border-radius: 0rem .4091rem;
  font-weight: 500;
  font-size: .4909rem;
  line-height: .65rem;
  text-align: center;
  color: #FFFFFF;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin-bottom: .75rem;
}
.betting_up_or_down_popup_content .betting_chat_txt_box{
  display: flex;
  padding: 0 .7rem;
 /*  height: 2.2rem; */
  box-sizing: border-box;
  margin-bottom: 1rem;
  align-items: center;
}
.betting_up_or_down_popup_content .betting_chat_txt_box>img{
  width: 2.2rem;
  height: 2.2rem;
  border: .025rem solid #BFBFBF;
  margin-right: .6rem;
  border-radius: 50%;
  box-sizing: border-box;
}
.betting_up_or_down_popup_content .betting_chat_txt_content{
  background: #D9D9D9;
  border-radius: .5rem;
  position: relative;
  padding: .2rem .4rem .2rem .55rem;
  box-sizing: border-box;

  font-weight: 400;
  font-size: .6rem;
  
  color: #2E2E2E;
}
.betting_up_or_down_popup_content .betting_chat_txt_content::after{
  content: "";
  position: absolute;
  width: .425rem;
  height: .425rem;
  left: 0;
  top: 50%;
  background: #D9D9D9;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.betting_up_or_down_popup_content .betting_chat_line{
  height: .05rem;
  width: 100%;
  background-color: #EFEFEF;
}
.betting_up_or_down_popup_content .betting_btn_box{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: .9rem;
  width: 100%;
}
.betting_up_or_down_popup_content .betting_btn_box>div{
  flex: 1;
  border-radius: .3rem;
  height: 2.2rem;
  text-align: center;
  line-height: 2.2rem;
  font-weight: 500;
  font-size: .8rem;
  color: #FFFFFF;
  position: relative;
}
.betting_up_or_down_popup_content .betting_btn_box>div:nth-child(1){
  margin-right: .6rem;
 }
 .betting_up_or_down_popup_content .betting_up_btn{
  background-color: #F5414D;
}
.betting_up_or_down_popup_content .betting_btn_rightIcon{
  background-color: #F5414D;
  position: absolute;
  background: #EFAE41;
  border-radius: 0rem .3rem 0rem .2rem;
  padding: .05rem .2rem .05rem .25rem;
  top: 0;
  right: 0;
  font-weight: 400;
  font-size: .5rem;
  line-height: .7rem;
  color: #2E2E2E;
}
.betting_up_or_down_popup_content .betting_down_btn{
  background-color: #33927E;
}
.betting_up_or_down_popup_content .betting_btn_grey{
  background-color: #ccc;
}
.betting_remarks_box{
  width: 100%;
  margin-top: .75rem;
  font-weight: 400;
  font-size: .5rem;
  line-height: 150%;
  color: #8E8E8E;
  text-align: start;
  margin-bottom: .6rem;
}
.betting_record_box{
  background: #F8F8F8;
  border-radius: .5rem;
  width: 100%;
  height: 2.2rem;
  padding: .7rem .4rem;
}
.betting_record_box .swiper-slide{ height: .8rem;}
.betting_record_box P{
  word-break: break-all;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 400;
  font-size: .6rem;
  line-height: 150%;
  color: #565656;
  margin: 0;
}

.betting_up_or_down_popup_content .betting_popup_textarea_box {
  width: 100%;
}


.betting_up_or_down_popup_content .betting_popup_textarea_box textarea {
  width: 100%;
  height: 8.35rem;
  overflow-y: scroll;
  border: none;
  resize: none;
  background: #F8F8F8;
  padding: .65rem;
  border: .05rem solid #EFEFEF;
  border-radius: .5rem;
  width: 100%;
  font-size: .8rem;
  line-height: 150%;
  margin-top: .95rem;
}


.betting_up_or_down_popup_content .push_betting_reason_btn{
  width: 100%;
  background: #EFAE41;
  border-radius: .3rem;
  font-weight: 500;
  font-size: .8rem;
  line-height: 1.1rem;
  color: #2E2E2E;
  flex: none;
  order: 0;
  flex-grow: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .55rem 0;
}

/* 聊天页面（树洞）押涨跌弹窗 end */


/* 押涨跌结果 start */
.msg_module_list .betting_item{
  border: 0 !important;
  padding-bottom: 0 !important;
}
.betting_item .bottom_txt{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: .025rem solid #EFEFEF;
  padding-bottom: .4rem;
}
.betting_item .bonus_txt{
  font-weight: 400;
  font-size: .6rem;
  line-height: .85rem;
  color: #628FFB;
}
.betting_item .betting_top_left{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.betting_item .betting_top_left_label{
  background: #FFFFFF;
  border: .025rem solid #628FFB;
  border-radius: .2rem;
  font-weight: 400;
  font-size: .6rem;
  line-height: .85rem;
  color: #628FFB;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin-left: .4rem;
  padding: .15rem .2rem;
  box-sizing: border-box;
}

/* 押涨跌结果 end */

/* 我的帮圈、小帮圈、创作者 start */
.help_group_tabs{
  position: absolute;
  width: 100%;
  left: 0;
  top: 7.3rem;
}

.help_group_top{
  position: fixed;
  width: 100%;
  left: 0;
  background: #fff;
  z-index: 1001;
}
.help_group_tab_box {
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 0 .5rem;
}
.help_group_tab_box  a {
  padding: 0.4rem 0.4rem;
  position: relative;
  white-space: nowrap;
  font-weight: 400;
  font-size: .8rem;
  line-height: 1.1rem;
  color: #000000;
}

.help_group_tab_box  a.active {
  font-weight: 500;
  font-size: .9rem;
  line-height: 1.25rem;
  color: #000000;
  position: relative;
}

.help_group_tab_box  a.active:after {
  content: "";
  display: inline-block;
  height: 0.15rem;
  width: 2em;
  position: absolute;
  left: 50%;
  bottom: .25rem;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background: #EFAE41;
}

.help_group_tab_box  a.w2em:after {
  content: "";
  width: 4em !important;
}


.help_group_list_item  {
  margin: .8rem .75rem 0;
  background: #FFFFFF;
  box-shadow: 0rem .15rem .5rem rgba(0, 0, 0, 0.08);
  border-radius: .1rem;
  padding: .5rem;
}

.help_group_list_item1  {
  padding: .8rem .5rem;
}

.help_group_list_item .header_userInfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
 .help_group_list_item .header_userInfo .header_userInfo_left .userInfo_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
 .help_group_list_item .header_userInfo .header_userInfo_left .userInfo_box .avatar_box {
  position: relative;
  margin-right: .4rem;
  width: 1.7rem;
}
 .help_group_list_item .header_userInfo .header_userInfo_left .userInfo_box .avatar_box .avatar {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
}
 .help_group_list_item .header_userInfo .header_userInfo_left .userInfo_box .avatar_box .icon_usericon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
}
 .help_group_list_item .header_userInfo .header_userInfo_left .userInfo_box .avatar_box .icon_on_line {
  position: absolute;
  width: 1.7rem;
  height: .7rem;
  left: 0;
  bottom: -0.4rem;
  background: #628FFB;
  border: .025rem solid #FFFFFF;
  border-radius: 1.25rem;

  text-align: center;
  font-family: 'DIN Next LT Pro';
  font-style: normal;
  font-weight: 500;
  font-size: .4rem;
  line-height: .5rem;
  color: #fff;
  box-sizing: border-box;
}

 .help_group_list_item .header_userInfo .header_userInfo_left .userInfo_box .name_box {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: .25rem;
}
 .help_group_list_item .header_userInfo .header_userInfo_left .userInfo_box .name_box .name_box_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
 .help_group_list_item .header_userInfo .header_userInfo_left .userInfo_box .name_box .name_box_top span {
  font-weight: 500;
  font-size: .7rem;
  line-height: 1rem;
  color: #2e2e2e;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.help_group_list_item .header_userInfo .header_userInfo_left .userInfo_box .name_box .name_box_top .achievement {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: .1rem;
}
 .help_group_list_item .header_userInfo .header_userInfo_left .userInfo_box .name_box .name_box_bottom {
  font-weight: 400;
  font-size: .6rem;
  line-height: .85rem;
  color: #8e8e8e;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}


.help_group_list_item .header_userInfo .header_userInfo_right{
  padding: .3rem .6rem;
   background: #EFAE41;
   border-radius: .1rem;
  height: 1.45rem;
   font-weight: 500;
   font-size: .6rem;
   line-height: .85rem;
   color: #FFFFFF;
   flex: none;
   order: 0;
   flex-grow: 0;
   display: flex;
   align-items: center;
 }

 .help_group_list_item .header_userInfo .header_userInfo_right1 {
  flex: none;
  order: 0;
  flex-grow: 0;
  display: flex;
  height: 2.1rem;
 }
 .help_group_list_item .header_userInfo .header_userInfo_right1 .lable{
  border-radius: 1.75rem;
  height: .9rem;
  font-weight: 400;
  font-size: .5rem;
  line-height: .9rem;
  padding: .05rem .5rem;
 }
 .header_userInfo_right1 .lable1{
  background: rgba(43, 50, 189, 0.1);
  color: #2B32BD;

 }
 .header_userInfo_right1 .lable2{
  background: rgba(245, 65, 77, 0.1);
  color: #F5414D;
 }

 .help_group_list_item .help_group_list_item_main{
  background: #EFEFEF;
  border-radius: .1rem;
  width: calc(100% - .45rem);
  height: 70px;
  padding: .35rem .5rem;
  position: relative;
  box-sizing: border-box;
  margin-top: .65rem;
}

.help_group_list_item .help_group_list_item_main>P{
  word-break: break-all;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 400;
  font-size: .6rem;
  line-height: 150%;
  color: #565656;
  margin: 0;
}
.help_group_list_item .help_group_list_item_main .help_group_list_item_main_num{
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%,-50%);
  background: #F5414D;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;

  font-family: 'DIN Next LT Pro';
  font-style: normal;
  font-weight: 500;
  font-size: .5rem;
  line-height: .6rem;
  letter-spacing: -0.03em;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.help_group_list_item .right_tab {
  position: relative;
  width: 4rem;
  height: .8rem;
  box-sizing: border-box;
  background: #fff;
  border-radius: 1.25rem;
  border: .025rem solid #FFA000;
  box-sizing: border-box;
}
.help_group_list_item .right_tab .tab_item {
  position: absolute;
  width: 54%;
  height:100%;
  color: #565656;
  text-align: center;
  background: #fff;
  font-weight: 400;
  font-size: .5rem;
  line-height: .1rem;
  color: #000;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.help_group_list_item .right_tab .tab_item:first-child {
  border-top-left-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
}
.help_group_list_item .right_tab .tab_item:last-child {
  right: 0;
  top: 0;
  border-top-right-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
}
.help_group_list_item .right_tab .current_item {
  background: #FFA000;
  color: #fff;
  z-index: 1;
  border-radius: 1.25rem;
  width: 46%;
}

.help_group_post_article_btn{
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #F7BB37;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  right: 15px;
  bottom: 70px;
}
.help_group_post_article_btn>img{
  width: 30px;
  height: 30px;
  display: inline-block;
}

.help_group_search_bar{
  width: 100%;
  padding: .45rem 0 .65rem;
  background: #fff;
}
.help_group_search_bar_content{
  display: flex;
  align-items: center;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  height: 2rem;
  padding: .35rem .65rem .4rem;
  background: #FAFAFA;
  border-radius: .2rem;
}
.help_group_search_bar_content input {
  border: none;
  background: none;
  margin-left: .4rem;
  font-size: .8rem;
  line-height: 1.1rem;
}

.help_group_search_bar_content1{
  display: flex;
  align-items: center;
  margin: 0 15px;
  height: 35px;
  padding: 0 14px;
  background: #FAFAFA;
  border-radius: 35px;
  border: #F7BB37 1px solid;
  box-sizing: border-box;
}
.help_group_search_bar_content1 input{
  border: none;
  background: none;
  flex: 1;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #BBBBBB;
}

.help_group_search_img{
  width: .95rem;
  height: .95rem;
}

.help_group_search_img1{
  width: 1.1rem;
  height: 1.1rem;
}

.my_group_follow_btn{
  width: .7rem;
  height: .7rem;
  margin-right: .1rem;
}
.join_exclusive_group{
  width: calc(100% + 1rem);
  transform: translate(-0.5rem, 0);
  background: rgba(239, 174, 65, 0.4);
  border: .025rem solid #EFAE41;
  border-radius: .1rem;

  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  font-size: .6rem;
  line-height: .85rem;
  color: #2E2E2E;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .3rem 0 .35rem;
  box-sizing: border-box;
  margin-top: .5rem;
}

.my_group_tabs {
  position: absolute;
  width: 100%;
  left: 0;
  top: 10.25rem;
}
.research_literature_box{
  padding: .5rem .7rem 0 .8rem;
}
.research_literature_list_item{
  border-bottom: .025rem solid #EFEFEF;
  margin: .5rem .55rem;
}
.research_literature_list_item_title{
  font-weight: 500;
  font-size: .8rem;
  line-height: 1.1rem;
  color: #2E2E2E;
  margin-bottom: .25rem;
}
.research_literature_list_item_content{
  font-weight: 400;
  font-size: .8rem;
  line-height: 150%;
  color: #565656;
  margin-bottom: .55rem;
}
.research_literature_list_item_bottom{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: .6rem;
}
.research_literature_time{
  font-weight: 400;
  font-size: .6rem;
  line-height: .85rem;
  color: #8E8E8E;
}
.research_literature_share_box{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-weight: 400;
  font-size: .7rem;
  line-height: 1rem;
  color: #565656;
}
.research_literature_share_box img{
  width: .75rem;
  height: .75rem;
  margin-right: .3rem;
}

.my_group_follow_box {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.my_group_follow_btn1,
.my_group_follow_btn2 {
  width: 3.3955rem;
  height: 1.5rem;
  border-radius: .2rem;
  font-weight: 500;
  font-size: .6rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.my_group_follow_btn1 {
  background: #efae41;
  color: #2E2E2E;
}
.my_group_follow_btn2 {
  border: .05rem solid #8e8e8e;
  background: #fff;
  color: #8e8e8e;
}
.mutual_attention {
  width: 3.9rem;
}
.my_group_list_item{
  padding-bottom: 0!important;
}


.creators_box{
  padding: 1.2rem .75rem 0;
}
.creators_box .creators_list{
  position: relative;
  margin-left: 0.75rem;
  padding-top: .25rem;
  white-space: nowrap;
  overflow-x: auto;
}

.creators_box .creators_list::-webkit-scrollbar {
  display: none;
}
.creators_box .creators_item{
  display: inline-block;
  position: relative;
  width: 2.8rem;
  margin-right: .4rem;
  white-space: normal;
  vertical-align: top;
  text-align: center;
}
.creators_box .creators_item:last-child{
  margin-right: 0 !important;
}
.creators_box .creators_item .avatar_box{
  position: relative;
  width: 2.8rem;
}
.creators_box .creators_item .avatar{
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  border: .1rem solid #FFFFFF;
  box-sizing: border-box;
}
.creators_box .creators_item .icon_usericon{
  position: absolute;
  right: 0;
  bottom: 0;
  width: .8rem;
  height: .8rem;
  border-radius: 50%;
}
.creators_box .creators_item .creators_name{
  font-family: 'PingFang HK';
  font-style: normal;
  font-weight: 400;
  font-size: .6rem;
  line-height: .85rem;
  color: #2E2E2E;
  width: 35px;
}
.creators_box .more_creatorss_item{
  margin: 0 !important;
  margin-bottom: .5rem !important;
}
.creators_box .creators_box_title{
  font-family: 'PingFang HK';
  font-style: normal;
  font-weight: 500;
  font-size: .8rem;
  line-height: 1.1rem;
  color: #2E2E2E;
  margin-bottom: .65rem;
}
.creators_box .latest_label{
  color: #628FFB;
}
.help_group_tabs_lists_empty,
.help_group_tabs_lists_empty>p{
  font-family: 'PingFang SC';
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  color: #8E8E8E;
  margin: 0;
}
.help_group_tabs_lists_empty>img{
  width: 141px;
  height: 143px;
  display: inline-block;
  margin-top: 40px;
}
.wx_new_tabbar{
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  height: 50px;
  box-shadow: inset 0px 0.5px 0px rgba(0, 0, 0, 0.18);

  font-family: 'PingFang SC';
  font-weight: 500;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  color: #565656;
}
.wx_new_tabbar>div{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wx_new_tabbar>div>img{
  width: 28px;
  height: 28px;
  display: inline-block;
}
.wx_new_tabbar .wx_new_tabber_active{
  color: #EFAE41;
}
/* 小帮圈 、我的帮圈、创作者 end */



._js-h-list {
  position: relative;
  margin-left: 0.75rem;
  padding-top: .25rem;
  white-space: nowrap;
  overflow-x: auto;
}

._js-h-item {
  display: inline-block;
  position: relative;
  width: 80%;
  white-space: normal;
  font-size: .6rem;
  border-top: .05rem solid #FF8F1F;
  vertical-align: top;
}

.yidong_important_star {
  display: flex;
  align-items: center;
  padding: .15rem .4rem;
  background: #F5414D;
  border-radius: 23px;
  color: #fff;
  font-size: 10px;
  line-height: 14px;
}

.yidong_important_star img {
  width: .6rem;
  margin-right: .1rem;
}

.yidong_important_star img:last-child {
  margin-right: 0;
}

.yidongpage_related_stock {
  display: flex;
  align-items: center;
}

.yidongpage_related_stock>div:nth-child(1) {
  line-height: .7rem;
  margin-right: .3rem;
}

.related_stock_tag_list {
  max-width: 85%;
  overflow-x: scroll;
  white-space: nowrap;
}

.related_stock_tag {
  margin-right: .2rem;
  display: inline-block;
  padding: .05rem .2rem;
  background-color: #efae41;
  border-radius: .1rem;
  font-size: .6rem;
  line-height: .85rem;
  color: #fff;
}

.related_stock_tag:last-child {
  margin-right: 0;
}

.zhengu_qiehuan_tab {
  margin-bottom: .55rem;
  display: flex;
  align-items: center;
  background-color: #efefef;
  border-radius: 39px;
}

.zhengu_qiehuan_item {
  flex: 1;
  text-align: center;
  font-weight: 500;
  font-size: .6rem;
  line-height: .85rem;
  color: #8e8e8e;
}

.zhengu_qiehuan_item_actived {
  padding: .225rem 0;
  background-color: #efae41 !important;
  border-radius: 39px;
  color: #2E2E2E !important;
}

.zhengu__zg-tag-tip {
  padding: 0.5rem;
  position: absolute;
  width: 10rem;
  top: 1.5rem;
  background: #fff;
  z-index: 1000;
  font-size: .6rem;
  box-shadow: 0 0 5px rgb(0 0 0 / 20%);
  right: 0;
}


.zhengu__zg-tag-tip::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  top: -0.55rem;
  border-width: .3rem;
  right: 2rem;
  border-color: transparent #fff transparent transparent;
  transform: rotate(90deg); /*顺时针旋转90°*/
}


/* 研文详情 start */
.research_papers_detail_title{
  padding: .6rem .75rem .55rem .75rem;
  font-weight: 500;
  font-size: .9rem;
  line-height: 1.35rem;
  color: #1E1E1E;
  border-bottom: .025rem solid #EFEFEF;
  box-sizing: border-box;
}
.research_papers_detail .make_summary{
  margin: 0 .75rem;
  padding: .6rem;
  display: flex;
  margin-top: .8rem;
  background: rgba(239, 174, 65, 0.05);
  border-radius: .2rem;

  font-weight: 500;
  font-size: .6rem;
  line-height: 1rem;
  color: #DD8F0D;
}
.research_papers_detail .make_summary .make_summary_icon img{
  width: .9rem;
  height: .9rem;
  margin-right: .25rem;
}

.research_papers_detail_content{
  padding: 0 .75rem;
  margin-top: .6rem;

  margin-bottom: 4.7rem;
}
.research_papers_detail_content img{max-width: 100%;}
.research_papers_detail_content video{width: 100%;}
.research_papers_detail_content .content_text{
  font-weight: 400;
  font-size: .8rem;

  line-height: 1.2rem;
  color: #2E2E2E;
}
.research_papers_detail_content .content_img_box{
  position: relative;
  overflow: hidden;
  margin: .6rem 0;
  border-radius: .2rem;
}
.research_papers_detail_content .content_img{
  width: 100%;
  height: auto;
}
.content_img_box::after {
  content: "长图";
  position: absolute;
  bottom: 0;
  right: 0;
  padding: .075rem .75rem;
  background: #2E2E2E;
  opacity: 0.75;
  border-radius: .2rem 0rem;
  color: #FAE7C6;
  font-size: .6rem;
  line-height: .85rem;
}


.research_papers_detail .header_userInfo {
  display: flex;
  justify-content: space-between;
  padding: 0 .75rem;
  margin-top: .85rem;
}
 .research_papers_detail .header_userInfo .header_userInfo_left .userInfo_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-width: calc(100vw - 5rem);
}
 .research_papers_detail .header_userInfo .header_userInfo_left .userInfo_box .avatar_box {
  position: relative;
  margin-right: .4rem;
  width: 2.2rem;
  height: 2.2rem;
}
 .research_papers_detail .header_userInfo .header_userInfo_left .userInfo_box .avatar_box .avatar {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
}
 .research_papers_detail .header_userInfo .header_userInfo_left .userInfo_box .avatar_box .icon_usericon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: .7rem;
  height: .7rem;
  border-radius: 50%;
}

 .research_papers_detail .header_userInfo .header_userInfo_left .userInfo_box .name_box {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: .25rem;
}
 .research_papers_detail .header_userInfo .header_userInfo_left .userInfo_box .name_box .name_box_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
 .research_papers_detail .header_userInfo .header_userInfo_left .userInfo_box .name_box .name_box_top span {
  font-weight: 500;
  font-size: .75rem;
  line-height: 1.05rem;
  color: #2e2e2e;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.research_papers_detail .header_userInfo .header_userInfo_left .userInfo_box .name_box .name_box_top .achievement {
  width: 1.2rem;
  height: 1.2rem;
}
 .research_papers_detail .header_userInfo .header_userInfo_left .userInfo_box .name_box .name_box_bottom {
  font-weight: 400;
  font-size: .5rem;
  line-height: .7rem;
  color: #8e8e8e;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.research_papers_detail .research_papers_detail_fixed_bottom {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.research_papers_detail .research_papers_detail_statement{
  margin-top: .95rem;
  padding: .35rem 1.5rem;
  background: #F8F8F8;
  font-weight: 400;
  font-size: .5rem;
  line-height: .7rem;
  color: #999999;
}

.research_papers_detail .research_papers_detail_bottom_tools {
  background: #fff;
  display: flex;
  padding: .35rem 0;
}

.research_papers_detail .research_papers_detail_bottom_tools>a {
  flex: 1;
  text-align: center;
  font-size: .8rem;
  font-weight: 500;
  color: rgba(76, 79, 88, 1);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.research_papers_detail .research_papers_detail_bottom_tools>a img{
 width: 1rem;
 height: 1rem;
}
.research_papers_detail .research_papers_detail_bottom_tools>a span{
  font-size: .6rem;
  line-height: .85rem;
  color: #565656;
}
.research_papers_detail .research_papers_detail_bottom_tools>a .on_like{
  color: #f5414d;
}

.research_papers_popup{
  height: 18.8rem;
  background: linear-gradient(180deg, rgba(239, 174, 65, 0) 0%, rgba(239, 174, 65, 0.85) 100%);
  border-radius: 1.75rem 1.75rem 0rem 0rem;
  background-color: rgb(255 255 255 / 92%);
  text-align: center;
  bottom: 4.65rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2.6rem;
}

.research_papers_popup .icon_glide{
  position: absolute;
  left: auto;
  top: .25rem;
  width: 1.2rem;
  height: 1.7rem;
}
.research_papers_popup_title{
  font-weight: 400;
  font-size: .8rem;
  line-height: 150%;
  color: #1E1E1E;
}
.research_papers_popup_mina{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.research_papers_popup_btns{
  margin-top: 1.05rem;
}
.research_papers_popup_btns>div{
  background: #FFFFFF;
  border: .025rem solid #EFAE41;
  border-radius: 1.9rem;
  min-width: 9.3rem;
  height: 2.5rem;
  padding: .65rem .9rem;
  font-weight: 400;
  font-size: .8rem;
  line-height:1.2rem;
  color: #1E1E1E;
  margin-bottom: .8rem;
  display: inline-block;
}
.have_bangCoins{
  font-weight: 400;
  font-size: .8rem;
  line-height: 1.2rem;
  color: #1E1E1E;
}
.research_papers_popup_tip{
  margin-top: .75rem;
  font-weight: 400;
  font-size: .6rem;
  line-height: .9rem;
  color: #F5414D;
  padding: 0 .75rem;
}
.dialog_of_subscribe_research_papers{
 text-align: center;
 padding: .7rem 1.05rem 1.25rem 1.05rem;
}
.research_papers_popup_tip1{
  padding: 0 !important;
}
/* 研文详情 end */


/* 订阅付费弹框 start */
.dialog_of_bangCoins_notEnough{
  padding: .65rem 0 1rem;
}
.dialog_of_bangCoins_notEnough_title{
  text-align: center;
  font-weight: 500;
  font-size: .9rem;
  line-height: 1.35rem;
  color: #1E1E1E;
}
.dialog_of_bangCoins_notEnough_tip{
  text-align: center;
  font-weight: 400;
  font-size: .6rem;
  line-height: .9rem;
  color: #565656;
  margin-bottom: .7rem;

}
.dialog_of_bangCoins_notEnough_content{
  border-top: .05rem solid #EFEFEF;
  padding: .6rem .55rem 0;
  font-family: 'PingFang SC';

  font-weight: 400;
  font-size: .7rem;
  line-height: 150%;
  color: #1E1E1E;
}
.dialog_of_bangCoins_notEnough_content a{
color: #628FFB;
text-decoration: underline;
}
.dialog_of_bangCoins_notEnough_content>div:nth-child(n+2){
  text-align: center;
}
.dialog_of_bangCoins_notEnough_content>div:nth-child(2){
  padding:  .5rem 0;
  margin: 1rem .75rem .15rem;
  font-weight: 400;
  font-size: .7rem;
  line-height: 1rem;
  color: #FFFFFF;
  background: #F7BB37;
  border-radius: 1.7rem;
}

.is_to_subscribe_dialog_top{
  font-family: 'PingFang SC';
  font-weight: 400;
  font-size: .8rem;
  line-height:1.2rem;
  text-align: center;
  color: #2E2E2E;
  text-align: center;
  padding: .5rem .5rem 0;
}
.is_to_subscribe_dialog_content{
  position: relative;
  font-family: 'PingFang SC';
  width: 12.6rem;
  margin-top: 1.05rem;
  font-weight: 400;
  font-size: .6rem;
  line-height: .9rem;
  color: #F5414D;
  left: 50%;
  transform: translateX(-50%);
}
.is_to_subscribe_dialog_content img{
  width: .6rem;
  height: .6rem;
  vertical-align:middle;
}
.is_to_subscribe_dialog_content>div{
  position: absolute;
  right: 0;
  bottom: 0;
}
.is_to_subscribe_dialog_content>div>a{
  color: #628FFB;
  text-decoration: underline;
}
.is_to_subscribe_dialog_btns{
  display: flex;
  justify-content: space-around;
  align-items: center;
  box-sizing: border-box;
  height: 2.3rem;
  line-height: 2.3rem;
  border-top: .05rem solid #EFEFEF;
  margin-top: .85rem;
}
.is_to_subscribe_dialog_btns>div{
  flex: 1;
  text-align: center;
  height: 100%;
}
.is_to_subscribe_dialog_btns>div:nth-child(1){
  color: #999999;
  border-right: .05rem solid #EFEFEF;
}
.is_to_subscribe_dialog_btns>div:nth-child(2){
  color: #EFAE41;
}
/* 订阅付费弹框 end */

/* 订单确认页面 start */
 .order_confirmation_page{
  background-color: #fafafa;
}
.order_confirmation_page .amount_display_cls{
  font-weight: 500;
  font-size: .8rem;
  line-height: 1.2rem;
  color: #F5414D;
}
.order_confirmation_page .amount_display_cls>span{
  font-size: 1.5rem;
}
.order_confirmation_page_top{
  position: relative;
  width: 100%;
}
.order_confirmation_page_top>img{
  width: 100%;
  height: auto;
  display: inline-block;
}
.order_confirmation_page_top>div{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: absolute;
  left: 0;
  top: 46%;
  transform: translateY(-50%);
  padding: 0 1.6rem 0 1.2rem;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #2E2E2E;
}

.order_confirmation_page_content{
  font-family: 'PingFang SC';
  margin-top: 1.2rem;
  padding: 0 .75rem;
  font-weight: 400;
  font-size: .8rem;
  line-height: 1.6rem;
  color: #2E2E2E;
}

.order_confirmation_page_content .successful_payment_text_yellow{
  color: #E2930D;
}
.order_confirmation_page_content .related_agreements_a{
  color: #628FFB;
  text-decoration: underline;
}
.order_confirmation_page_bottom{
  position: fixed;
  left: 0;
  bottom: 0;
  height: 3.8rem;
  padding: .9rem .75rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 100%;
  background-color: #fff;
  line-height: 1.3rem;
}
.order_confirmation_page_bottom span{
  display: inline-block;
}
.order_confirmation_page_bottom>span:nth-child(1){
  color: #8E8E8E;
  margin-right: .3rem;
}
.order_confirmation_page_toPay_btn{
  background: #F7BB37;
  border-radius: 1.7rem;
  font-weight: 400;
  font-size: .7rem;
  line-height: 1rem;
  color: #FFFFFF;
  padding: .5rem 1.5rem;
  margin-left: .55rem;
}
/* 订单确认页面 end */

/* wx帮圈[app我的-个人中心] 研文tab start */
.research_literature_tabList_subscription_time_tips{
  font-family: 'PingFang SC';
  font-weight: 400;
  font-size: .6rem;
  line-height: .85rem;
  letter-spacing: .05rem;
  color: #F5414D;
  text-align: center;
  padding: .2rem;
  border-bottom: .025rem solid rgba(245, 65, 77, 0.2);
  border-top: .025rem solid rgba(245, 65, 77, 0.2);
  box-sizing: border-box;
  margin-top: .5rem;
}
.research_literature_tabList_subscription_time_tips>span{
  color: #628FFB;
  text-decoration: underline;
}
.research_literature_tabList>li{
  border: 0 !important;
  padding: 0 .1rem 0 .35rem !important;
}
.research_literature_tab_btns{
  position: fixed;
  left: 0;
  bottom: -0.3rem;
  overflow: hidden;
  width: 100%;

  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
}

.click_to_share_research_literature{
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background: #F7BB37;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: .75rem;
}
.click_to_share_research_literature>img{
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
}
.click_to_subscribe_now_btn {
    background: url('../images/become_a_creator.png') no-repeat center center;
    background-size: 100% 100%;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    line-height: 2.85rem;
    border-radius: .1rem;
    font-weight: 500;
    font-size: .7rem;
    color: #FFFFFF;
    letter-spacing: .2rem;
    position: fixed;
    bottom: 0;
    z-index: 999;
    left: 0;
    margin-bottom: 0.5rem;
}
/* wx帮圈[app我的-个人中心] 研文tab end */


/* 新分享弹框 start */
.share_where_popup1 {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 1rem 1rem 0rem 0rem;
  background: #fff;
  z-index: 1002;
  padding-top: .8rem;
  font-family: 'PingFang SC';
}
.share_where_popup1_title{
  font-weight: 500;
  font-size: .75rem;
  line-height: 1.05rem;
  color: #000000;
  text-align: center;
}

.share_where_popup1 .share_where_items {
  justify-content: flex-start;
  padding: .1rem 1.45rem .35rem 1.5rem;
}

.share_where_popup1 .share_where_items>a {
  text-align: center;
  display: inline-block;
  width: 32%;
  padding: .8rem 0;
}

.share_where_popup1 .share_where_items .share_name {
  font-weight: 400;
  font-size: .6rem;
  line-height: 1.1rem;
  text-align: center;
  color: #565656;
  margin-top: .2rem;
}

.share_where_popup1 .share_where_items img {
  width: 2.2rem;
  height: 2.2rem;
}
.cancel_share_where_popup1_btn{
  font-weight: 400;
  font-size: .8rem;
  line-height: 1.1rem;
  text-align: center;
  color: #8E8E8E;
  padding: .8rem 0 .9rem 0;
  border-top: .05rem solid #EFEFEF;
  box-sizing: border-box;
}
/* 新分享弹框 end */


/* 创作者中心 start */
.ccz-header-bar{
background-color: #f7bb37 !important;
}
.creator-center-header-box{
  padding: 0 1.35rem 0 1.4rem;
}
.creator-center-wrp{
  background: url('../images/ccz_bg.png') no-repeat;

  background-size:100% auto;
}
.creator-center-header{
  padding-top: .8rem;
  position: relative;
  border-radius: .2rem;
}
.creator-center-hd-avatar{
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: .1rem solid #fff;
  display: inline-block;
  box-sizing: border-box;

}
.creator-center-hd-user{
  display: flex;
  justify-content: space-between;
  margin-top: .45rem;
  color: #FFFFFF;
}
.creator-center-user-name{
  font-weight: 500;
  font-size: .8rem;
  line-height: 1.1rem;
}
.creator-center-user-meta{
  font-size: .6rem;
  margin-top: .2rem;
}
.creator-center-user-meta >span{
  border-right: .05rem solid #efefef;
  margin-right: .4rem;
  padding-right: .4rem;
}
.creator-center-user-meta > a{
  color: #2B32BD;
  text-decoration: underline;
}
.creator-center-contact-customer{
  border: .05rem solid #FFFFFF;
  border-radius: .1rem;
  font-weight: 500;
  font-size: .5rem;
  line-height: 1.2rem;
  height: 1.2rem;
  padding: 0 .5rem;
  margin-left: 1.5rem;
  flex-shrink: 0;
  box-sizing: border-box;
}
.creator-center-contact-customer>img{
  transform: rotate(90deg);
  width: .5rem;
}

.creator-center-hd-news{
  display: flex;
  align-items: center;
  padding: .5rem .6rem;
  border-top: .05rem solid #efefef;
  font-size: .6rem;
}
.creator-center-hd-news > span{
  flex-shrink: 0;
  height: .6rem;
  color: #EFAE41;
  padding-right: .5rem;
  margin-right: .5rem;
  border-right: .05rem solid #efefef;
  line-height: 1;
}
.creator-center-swiper{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: .9rem;
}
.creator-center-nav,.creator-center-date{
  margin: .75rem;
  margin-bottom: .8rem;
  background: #FFFFFF;
  box-shadow: 0rem .2rem .75rem rgba(0, 0, 0, 0.05);
  border-radius: 1.5rem;
}
.creator-center-nav{
  margin-top: 1.2rem;
}
.creator-center-nav-list{
  display: flex;
  flex-wrap: wrap;
  padding-bottom: .75rem;
}
.creator-center-nav-list > a{
  width: 20%;
  margin-top: .75rem;
  text-align: center;
  font-size: .6rem;
}
.creator-center-nav-list > a > img{
  width: 1.6rem;
  margin-bottom: .2rem;
  vertical-align: top;
}
.creator-center-date{
  padding: .6rem;
}
.creator-center-date-title{
  font-weight: 500;
  font-size: .8rem;
  line-height: 1.1rem;
  color: #2E2E2E;
  margin-bottom: .6rem;
}
.creator-center-date-bd{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.creator-center-date-item{
  text-align: center;
  width: 25%;
}
.creator-center-date-item > span{
  font-size: .6rem;
  color: #8E8E8E;
}
.creator-center-date-item > span > span{
  color: #2B32BD;
}
.creator-center-date-item > div{
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2;
}
.creator-center-banner{
  margin: 0.75rem;
  height: 6rem;
  overflow: hidden;
}

.creator-center-school-hd{
  font-size: .9rem;
  font-weight: 600;
  padding-left: .75rem;
  padding-bottom: .5rem;
}
.creator-center-school-bd{
  display: flex;
  flex-wrap: wrap;
  padding-right: .75rem;
  padding-left: .75rem;
}
.creator-center-school-item{
  width: 48%;
  margin-bottom: .75rem;
  background: #FFFFFF;
  box-shadow: 0rem .2rem .75rem rgba(0, 0, 0, 0.05);
  border-radius: 1.5rem;
  overflow: hidden;
}
.creator-center-school-bd > .creator-center-school-item:nth-child(even){margin-left: 4%;}
.creator-center-school-media{
  height: 5.4rem;
}
.creator-center-school-media img{
  max-width: 100%;
  vertical-align: top;
  border-radius: 1.5rem;
}
.creator-center-school-text{
  margin: .45rem .5rem;
  font-weight: 400;
  font-size: .7rem;
  line-height: 1rem;
  color: #2E2E2E;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 2;
  /** 显示的行数 **/
  overflow: hidden;
  max-height: 2rem;
}
.creator-center-popup-wrp{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 80%;
  border-radius: 1.5rem 1.5rem 0rem 0rem;
  background: #fff;
  z-index: 10000;
  overflow-y: auto;
  transform: translateY(100%);
  transition: all .3s;
}
.creator-center-popup-show{
  transform: translateY(0);
}
.creator-center-popup-hd{
  position: relative;
  padding: .75rem 0;
  margin: 0 .75rem;
  border-bottom: .05rem solid #efefef;
}
.creator-center-popup-close{
  position: absolute;
  right: 0;
  top: .75rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url(../images/icon-cl.png) center no-repeat;
  background-size: 50%;
}
.creator-center-popup-title{
  font-weight: 500;
  font-size: .9rem;
  line-height: 1.25rem;
  color: #1E1E1E;
}
.creator-center-popup-meta{
  font-size: .7rem;
  color: #8e8e8e;
}

.creator-center-customer-dialog{
  padding: .9rem 1.35rem .75rem 1.25rem;
  text-align: center;
}
.creator-center-customer-dialog-text{
  margin-bottom: .95rem;
  padding: 0 .35rem;
}
.creator-center-customer-dialog-btn{
  background: #F7BB37;
  border-radius: 1.7rem;
  font-weight: 400;
  font-size: .7rem;
  line-height: 1rem;
  color: #FFFFFF;
  padding: .5rem 0;
}
.creator-center-popup-table table td{
  border:.025rem solid #EFEFEF;
  text-align: center !important;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: .6rem;
  line-height: .8rem;
}
.creator-center-popup-table table tbody td:nth-child(1){
 width: 4.5rem;
}
.creator-center-popup-table table thead td{
  padding-left: 0 !important;
}
.creator-center-popup-table thead {
  background-color: #f8f8f8 !important;
}
.creator-center-popup-time{
  text-align: left !important;
}
.creator-center-subscribers-popup .creator-center-popup-hd{
  border:0;
}
.creator-center-ttip-box{
  position: relative;
}
.creator-center-ttip-box img{
    width: .6rem;
    height: .65rem;
    display: inline-block;
    vertical-align: middle;
}
.creator-center-ttip-box .creator-center-ttip{
  position: absolute;
  width: 9.35rem;
  bottom: 1.1rem;
  right: -1.35rem;
  background: rgba(0, 0, 0, .8);
  border-radius: .25rem;
  z-index: 10001;
  padding: .3rem .425rem;

  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: .6rem;
  line-height: .85rem;
  color: #FFFFFF;
  opacity: 0.8;
}
.creator-center-ttip-box .creator-center-ttip::after{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-width: .2rem .2rem 0 .2rem ;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.8) transparent  transparent  transparent;
  bottom: -0.2rem;
  right: 1.4rem;
}

.congratulations_toBe_creator_box{
  width: 100%;
  height: 100%;
  position: relative;
  z-index:  10000;
}
.congratulations_toBe_creator_box>div{
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  text-align: center;
}
.congratulations_toBe_creator_bg{
  width: 100%;
  height: auto;
}
.congratulations_toBe_creator_close{
  width: 1rem;
  height: 1rem;
}
/* 创作者中心 end */

/* wx小帮圈-发现-关注 start */
.help_group_find_list_item{
  border-bottom: .025rem solid #EFEFEF;
  margin: 0 .75rem;
  padding-bottom: .85rem;
}
.help_group_find_content .research_papers_title_box{
  display: flex;
  align-items: center;
  margin-top: .55rem;
}
.help_group_find_content .research_papers_title_box .research_papers_title{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  /*-webkit-line-clamp: 1;*/

  font-weight: 500;
  font-size: .75rem;
  line-height: 1.05rem;
  color: #2E2E2E;
}
.help_group_find_content .research_papers_title_box>img{
  width: 1rem;
  height: .85rem;
  margin-right: .3rem;
  display: inline-block;
}
.help_group_find_content .research_papers_item_bottom{
  margin-top: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;

  font-weight: 400;
  font-size: .6rem;
  line-height: .85rem;
  color: #8E8E8E;
}
.help_group_find_content .research_papers_item_bottom>div>img{
  width: 1rem;
  height: 1rem;
  vertical-align: bottom;
}
.help_group_find_content .make_summary{
  padding: .6rem;
  display: flex;
  margin-top: .65rem;
  background: rgba(239, 174, 65, 0.05);
  border-radius: 1.5rem;

  font-weight: 500;
  font-size: .6rem;
  line-height: 1rem;
  color: #EFAE41;
}
.help_group_find_content .make_summary .make_summary_icon img{
  width: .9rem;
  height: .9rem;
  margin-right: .25rem;
}
.help_group_find_content .make_summary .make_summary_content{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.help_group_find_content .header_userInfo {
  display: flex;
  justify-content: space-between;
  margin-top: .85rem;
}
.help_group_find_content .header_userInfo .header_userInfo_right {
  font-weight: 500;
  font-size: .6rem;
  line-height: 1.15rem;
  color: #DD8F0D;
  flex-shrink: 0;
}
 .help_group_find_content .header_userInfo .header_userInfo_left .userInfo_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-width: calc(100vw - 5rem);
}
 .help_group_find_content .header_userInfo .header_userInfo_left .userInfo_box .avatar_box {
  position: relative;
  margin-right: .4rem;
  width: 2.2rem;
}
 .help_group_find_content .header_userInfo .header_userInfo_left .userInfo_box .avatar_box .avatar {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
}
 .help_group_find_content .header_userInfo .header_userInfo_left .userInfo_box .avatar_box .icon_usericon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: .7rem;
  height: .7rem;
  border-radius: 50%;
}

 .help_group_find_content .header_userInfo .header_userInfo_left .userInfo_box .name_box {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: .25rem;
}
 .help_group_find_content .header_userInfo .header_userInfo_left .userInfo_box .name_box .name_box_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
 .help_group_find_content .header_userInfo .header_userInfo_left .userInfo_box .name_box .name_box_top span {
  font-weight: 500;
  font-size: .75rem;
  line-height: 1.05rem;
  color: #2e2e2e;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.help_group_find_content .header_userInfo .header_userInfo_left .userInfo_box .name_box .name_box_top .achievement {
  width: 1.2rem;
  height: 1.2rem;
}
 .help_group_find_content .header_userInfo .header_userInfo_left .userInfo_box .name_box .name_box_bottom {
  font-weight: 400;
  font-size: .5rem;
  line-height: .7rem;
  color: #8e8e8e;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
/* wx小帮圈-发现-关注 end */


/* wx购买成功 start */
.purchase_succeeded_page{
  background-color: #FAFAFA;
  display: flex;
  flex-direction: column;
}
.purchase_succeeded_page_topBox{
  background-color: #fff;
  text-align: center;
  padding-top: 1.05rem;
  padding-bottom: .8rem;

}
.purchase_succeeded_page_topBox_top{
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #1E1E1E;
}
.purchase_succeeded_page_topBox_top>img{
  width: 4rem;
  height: 4rem;
  vertical-align: middle;
}
.purchase_succeeded_page_topBox_top>div{
  padding-left: .25rem;
  margin-top: .75rem;
}
.purchase_succeeded_page_topBox_bottom{
  display: flex;
  justify-content: space-around;
}
.purchase_succeeded_page_topBox_bottom>div{
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: #1E1E1E;

  font-family: PingFang SC;
  font-size: .7rem;
  font-weight: 400;
  line-height: .9rem;
  letter-spacing: 0rem;
  margin-top: .5rem;
}
.purchase_succeeded_page_topBox_bottom>div>img{
  width: .9rem;
  height: .9rem;
}
.purchase_succeeded_page_topBox_bottom>div .numtxt{
  font-family: 'DIN Next LT Pro';
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.05rem;
  letter-spacing: 0rem;
  color:#F5414D;
}
.succeeded_page_continue_subscription_btn{
  background: #F7BB37;
  border-radius: 2.05rem;
  width: calc(100% - 1.5rem);

  font-family: 'PingFang SC';
  font-weight: 500;
  font-size: .8rem;
  line-height: 1.1rem;
  color: #FFFFFF;
  padding: .7rem 0;
  margin: 1.4rem .75rem 1.3rem;
  text-align: center;
  box-sizing: border-box;
}
.purchase_succeeded_page_content{
  flex: 1;
  padding: 0 .75rem;
}
.purchase_succeeded_subscription_statement_box{
  margin-top: 1.5rem;
  background: #FFFFFF;
  border-radius: 1.5rem;
  padding: .55rem .8rem .65rem;
  text-align: left;
  font-weight: 400;
  font-size: .6rem;
  line-height: 150%;
}

.purchase_succeeded_subscription_statement_box>div:nth-child(1){
  font-weight: 500;
  font-size: .7rem;
  line-height: 150%;
}
.purchase_succeeded_subscription_statement_box>div:nth-child(2){
  color: #8E8E8E;
  margin-bottom: .55rem;
}
.purchase_succeeded_page_content>div:nth-child(2){
  margin-top: .75rem;
  font-weight: 400;
  font-size: .6rem;
  line-height: .9rem;
  color: #8E8E8E;
}
.purchase_succeeded_subscription_select{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: .4rem;
}
.purchase_succeeded_subscription_select>img{
  width: .6rem;
  height: .6rem;
  margin-right: .2rem;
}
.purchase_succeeded_subscription_select>a{
  color: #628FFB;
  text-decoration: underline;
}
/* wx购买成功 end */

/* wx证件信息 start */
.certificate_information_page{
  padding:0 .75rem;
  background-color: #F8F8F8;
}
.certificate_information_page_top{
  font-weight: 400;
  font-size: .7rem;
  line-height: 1rem;
  color: #8E8E8E;
}

.certificate_information_page_top>div:nth-child(1){
  margin-top: .8rem;
}
.certificate_information_page_top>div:nth-child(3){
  margin-top: .7rem;
}
.certificate_information_page_top>div:nth-child(3)>a{
 color:#628FFB;
 text-decoration: underline;
}
.certificate_information_page_form{
  margin-top: .7rem;
  color: #000;
  background: #FFFFFF;
  border-radius: .3rem;
  padding: 0 .6rem;
}

.certificate_information_page_form>input{
  border: 0;
  margin: 0;
  padding: .6rem 0;
  width: 100%;
}
.certificate_information_page_form>input:nth-child(2){
  border-top: .025rem solid #EFEFEF;
  border-bottom: .025rem solid #EFEFEF;
}


.Modify_certificate_information_btn{
  background: #F7BB37;
  border-radius: 2.05rem;
  width: calc(100% - 1.5rem);

  font-family: 'PingFang SC';
  font-weight: 500;
  font-size: .8rem;
  line-height: 1.1rem;
  color: #FFFFFF;
  padding: .7rem 0;
  margin: 1.4rem .75rem 1.3rem;
  text-align: center;
  box-sizing: border-box;
}
.tactics_of_introduction_box{
  margin-top: 2.1rem;
}
.tactics_of_introduction_title{
  font-weight: 500;
  font-size: .8rem;
  line-height: 150%;
  color: #2E2E2E;
  margin-bottom: .4rem;
}
.tactics_of_introduction_content{
  padding: .45rem 0 .5rem .5rem;
  height: 14.6rem;
  background: #FFFFFF;
}
.tactics_of_introduction_content>div{
  width: 100%;
  height: 100%;
  overflow-y:scroll;
  padding-right: 1rem;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: .7rem;
  line-height: 150%;
  color: #2E2E2E;
}
/* wx证件信息 end */

/* wx我的 start */
.wx_mine_page .mine_set_box{
  background-color: #fff;
}
.wx_mine_page .mine_set_detail_box{
  margin-top: -1.25rem;
}
.wx_mine_page .wx_mine_top_box{
  background-color: #f7bb37;
  padding: 0 .75rem;
}
.wx_mine_page .wx_mine_top_box .fans_and_cions_num_box{
 display: flex;
 align-items: center;
 justify-content: space-around;
 padding: 1.55rem 0 2.1rem;
}
.wx_mine_page .wx_mine_top_box .fans_and_cions_num_box>div{
  display: flex;
  flex-direction: column;
}
.wx_mine_page .wx_mine_top_box .fans_and_cions_num_box>div>span:nth-child(1){
  font-family:'DIN Next LT Pro';
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2rem;
  letter-spacing: 0rem;
  text-align: center;
}
.wx_mine_page .wx_mine_top_box .fans_and_cions_num_box>div>span:nth-child(2){
  font-family: 'PingFang SC';
  font-size: .6rem;
  font-weight: 500;
  line-height: .85rem;
  letter-spacing: 0rem;
  text-align: center;
}
.wx_mine_page .header_userInfo {
  display: flex;
  justify-content: space-between;
  padding-top: .85rem;
}
.wx_mine_page .header_userInfo .header_userInfo_right>.mine_page_setting_icon {
  width: .8rem;
  height: .8rem;
}
 .wx_mine_page .header_userInfo .header_userInfo_left .userInfo_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-width: calc(100vw - 5rem);
}
 .wx_mine_page .header_userInfo .header_userInfo_left .userInfo_box .avatar_box {
  position: relative;
  margin-right: .4rem;
  width: 2.2rem;
}
 .wx_mine_page .header_userInfo .header_userInfo_left .userInfo_box .avatar_box .avatar {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
}
 .wx_mine_page .header_userInfo .header_userInfo_left .userInfo_box .avatar_box .icon_usericon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: .7rem;
  height: .7rem;
  border-radius: 50%;
}

 .wx_mine_page .header_userInfo .header_userInfo_left .userInfo_box .name_box {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: .25rem;
}
 .wx_mine_page .header_userInfo .header_userInfo_left .userInfo_box .name_box .name_box_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
 .wx_mine_page .header_userInfo .header_userInfo_left .userInfo_box .name_box .name_box_top span {
  font-weight: 500;
  font-size: .75rem;
  line-height: 1.05rem;
  color: #2e2e2e;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.wx_mine_page .header_userInfo .header_userInfo_left .userInfo_box .name_box .name_box_top>.nickName_label {
  background: #8E8E8E;
  border-radius: 30px;
  padding: 1.5px 10px;
  font-family: 'PingFang SC';
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: #FFFFFF;
  flex-shrink: 0;
}

.wx_mine_page .header_userInfo .header_userInfo_left .userInfo_box .name_box .name_box_top .achievement {
  width: 1.2rem;
  height: 1.2rem;
}
 .wx_mine_page .header_userInfo .header_userInfo_left .userInfo_box .name_box .name_box_bottom {
  font-weight: 400;
  font-size: .5rem;
  line-height: .7rem;
  color: #8e8e8e;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.wx_mine_page .my_bangbao_link {
  background: #FFFFFF;
  box-shadow: 0rem .2rem .65rem rgba(0, 0, 0, 0.1);
  border-radius: 2rem;
  display: flex;
  justify-content: space-between;
  padding: .7rem;
  align-items: center;

  font-weight: 400;
  font-size: .8rem;
  line-height: 1.1rem;
  color: #2E2E2E;
}
.wx_mine_page .my_bangbao_link:nth-child(n+2) {
  margin-top: .8rem;
}
.wx_mine_page .my_bangbao_link .link_right img {
  width: .325rem;
  height: .58rem;
  vertical-align: middle;
  margin-bottom: .1rem;
}
.wx_mine_page  .my_bangbao_link .link_left img {
  max-width: 1.2rem;
  margin-right: .35rem;
}
/* wx我的 end */

/* wx我的收益明细 start */
.my_income_details_page .my_income_details_top{
  background: #F7BB37;
  border-radius: 0rem 0rem 1.5rem 1.5rem;
  padding-bottom: .6rem;
  text-align: center;
}

.my_income_details_page .my_income_details_top_showNum{
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-top: 1.15rem;
  color: #fff;
}
.my_income_details_page .my_income_details_top_showNum>div{
  flex: 1;
}
.my_income_details_page .my_income_details_top_showNum>div:nth-child(1){
  border-right: .025rem solid #EFEFEF;
}
.my_income_details_page .my_income_details_top_showNum>div>div:nth-child(1){
  font-family: 'PingFang SC';
  font-weight: 400;
  font-size: .7rem;
  line-height: 1.1rem;
  letter-spacing: -0.0205rem;
  margin-bottom: .25rem;
}
.my_income_details_page .my_income_details_top_showNum>div>div:nth-child(2){
  font-family: 'DIN Next LT Pro';
  font-weight: 500;
  font-size: 1.7rem;
  line-height: 1.1rem;
}
.my_income_details_page .my_income_details_kefu_btn{
  background: #FFFFFF;
  box-shadow: 0rem .1rem 0rem #DC9112;
  border-radius: 2.15rem;
  margin-top: .85rem;

  font-family: 'PingFang SC';
  font-weight: 400;
  font-size: .5rem;
  line-height: 1rem;
  color: #EFAE41;
  width: 2.8rem;
  height: 1rem;
  display: inline-block;
}

.my_income_details_tab_box {
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 0 .5rem;
}
.my_income_details_tab_box  a {
  padding: 0.4rem 0.4rem;
  position: relative;
  white-space: nowrap;
  font-weight: 400;
  font-size: .8rem;
  line-height: 1.1rem;
  color: #000000;
}

.my_income_details_tab_box  a.active {
  font-weight: 500;
  font-size: .9rem;
  line-height: 1.25rem;
  color: #000000;
  position: relative;
}

.my_income_details_tab_box  a.active:after {
  content: "";
  display: inline-block;
  height: 0.15rem;
  width: 1rem;
  position: absolute;
  left: 50%;
  bottom: .25rem;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background: #EFAE41;
}

.my_income_details_page .my_income_details_tabs{
  width: 100%;
}
.my_income_details_page .cash_toBe_withdrawn_box{
  background: linear-gradient(180deg, rgba(239, 174, 65, 0.51) 0%, rgba(252, 194, 97, 0.51) 0.01%, #FFF5E6 100%);
  border-radius: .2rem;
  margin: .6rem .75rem .3rem;
  padding: .5rem .75rem .75rem .75rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.my_income_details_page .cash_toBe_withdrawn_box_left{
  font-family: 'PingFang SC';
  font-weight: 500;
  line-height: 1.1rem;
  color: #E2930D;
}
.my_income_details_page .cash_toBe_withdrawn_box_left>div:nth-child(1){
  font-size: .8rem;
  line-height: 1.1rem;
  letter-spacing: -0.0205rem;
  color: #E2930D;
}
.my_income_details_page .cash_toBe_withdrawn_box_left>div:nth-child(2){
  font-family: 'DIN Next LT Pro';
  font-size: 1.7rem;
  margin-top: .8rem;
  margin-bottom: .05rem;
}
.my_income_details_page .cash_toBe_withdrawn_box_left>div:nth-child(3){
  font-weight: 400;
  font-size: .7rem;
  letter-spacing: -0.0205rem;
}
.my_income_details_page .withdraw_immediately_btn{
  background: #F7BB37;
  border-radius: 1.7rem;
  padding: .5rem 1.35rem;
  font-weight: 400;
  font-size: .7rem;
  line-height: 1rem;
  color: #FFFFFF;
}
.my_income_details_tabs .zgs-ti-title{
  font-weight: 500;
  font-size: .8rem;
  line-height: 1.1rem;
  letter-spacing: -0.0205rem;
  color: #2E2E2E;
}
.my_income_details_page .my_income_details_tabs .zgs-ti-cont td{
  font-weight: 400;
  font-size: .7rem;
  line-height: 1.1rem;
  color: #565656;
}

.my_income_details_ttip_box{
  position: relative;
}

.my_income_details_ttip_box img{
    width: .6rem;
    height: .65rem;
    display: inline-block;
    vertical-align: middle;
}
.my_income_details_ttip_box .my_income_details_ttip{
  position: absolute;
  width: 8rem;
  bottom: 1.1rem;
  right: -0.85rem;
  background: rgba(0, 0, 0, .8);
  border-radius: .25rem;
  z-index: 10001;
  padding: .3rem .425rem;

  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: .6rem;
  line-height: .85rem;
  color: #FFFFFF;
  opacity: 0.8;
}
.my_income_details_ttip_box .my_income_details_ttip::after{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-width: .2rem .2rem 0 .2rem ;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.8) transparent  transparent  transparent;
  bottom: -0.2rem;
  right: .9rem;
}

.income_details_lists_empty,
.income_details_lists_empty>p{
  font-family: 'PingFang SC';
  font-weight: 400;
  font-size: .6rem;
  line-height: .85rem;
  text-align: center;
  color: #8E8E8E;
  margin: 0;
}
.income_details_lists_empty>img{
  width: 7.05rem;
  height: 7.15rem;
  display: inline-block;
  margin-top: 2rem;
}
/* wx我的收益明细 end */


/* wx帮币明细 start */
.BangCions_details_page .zgs-txt-item{
  padding-top: 0 !important;
  border-top: .05rem solid #b3b3b3;
}
.BangCions_details_page .zgs-ti-cont td{
  font-weight: 400;
  font-size: .7rem;
  line-height: 1.1rem;
  color: #565656;
}
.BangCions_details_page .zgs-ti-cont tr>td:nth-child(1){
  width: 4.25rem;
}
/* wx帮币明细 end */


/* wx个股异动榜介绍 start */
.individualShares_changeList_introduction_page{
  display: flex;
  flex-direction: column;
}
.individualShares_changeList_introduction_content{
  flex: 1;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: .7rem;
  line-height: 1.05rem;
  color: #2E2E2E;
  padding: .65rem .75rem 0;
}
.individualShares_changeList_introduction_content>p:last-child{
  font-size: .6rem;
  color:#8E8E8E;
}

.individualShares_changeList_introduction_btn{
  background: #F7BB37;
  border-radius: 2.05rem;
  width: calc(100% - 1.5rem);

  font-family: 'PingFang SC';
  font-weight: 500;
  font-size: .8rem;
  line-height: 1.1rem;
  color: #FFFFFF;
  padding: .7rem 0;
  margin: 1.4rem .75rem 1.3rem;
  text-align: center;
  box-sizing: border-box;
}
/* wx个股异动榜介绍 end */

/* wx 海报弹框 start */
.canvas_box_popup{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border-radius: 1.5rem;
  min-width: 16.25rem;
  z-index: 10001;
  text-align: center;
}
.canvas_box_popup>img{
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.canvas_box_popup_close_btn {
  margin-top: 1rem;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(../images/close-white-icon.png) center center no-repeat;
  background-size: 60%;
}

/* wx 海报弹框 end */


/* 诊股首页_详情报告 start */
.zhengu_dr_red{
  color: #F5414D !important;
}
.zhengu_dr_page{
  font-family: 'PingFang SC';
  padding-bottom: 1.9rem;
}
.zhengu_dr_top{
  position: relative;
  margin: .5rem .75rem 0 .75rem;
  overflow: hidden;
  border-radius: .2rem;
}
.zhengu_dr_top img{
  width: 100%;
  vertical-align: middle;
}
.zhengu_dr_top>div{
  position: absolute;
  width: 100%;
  padding: .65rem 0 .85rem .5rem;
}
.zhengu_dr_top>div>div:nth-child(1){
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 1.1rem;
  letter-spacing: -0.0205rem;
  color: #FFFFFF;
} 
.zhengu_dr_top>div>div:nth-child(2){
 display: inline-block;
 font-weight: 500;
 font-size: .6rem;
 line-height: 1.1rem;
 color: #FFFFFF;
 opacity: 0.8;
}
.zhengu_dr_top>div>div:nth-child(2)::after{
  content: "";
  display: inline-block;
  width: 6.4rem;
  height: .05rem;
  vertical-align: top;
  margin-top: .25rem;
  margin-left: .15rem;
  background-color: #fff;
 }
.zhengu_dr_page ul>li{
  margin: .5rem .75rem 0 .75rem;
  background-color: #FFF0F0;
  padding: .45rem .65rem;
  border-radius: .2rem;
}
.zhengu_dr_page ul>li .zhengu_dr_title{
  border-bottom: .025rem solid #F3B9B9;
  display: flex;
  padding-bottom: .6rem;
  box-sizing: border-box;
}
.zhengu_dr_page ul>li .zhengu_dr_title div{
  display: inline-block;
  font-weight: 600;
  font-size: .9rem;
  line-height: 1.1rem;
  letter-spacing: -0.0205rem;
  color: #2E2E2E;

}
.zhengu_dr_page ul>li .zhengu_dr_title .dr_title_orderNumber{
  font-family: 'DIN Next LT Pro';
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.1rem;
  letter-spacing: -0.0205rem;
  color: #F5414D !important;
  transform: matrix(1, 0, -0.21, 0.98, 0, 0);
  margin-right: .275rem;
}
.zhengu_dr_page .zhengu_dr_content{
  padding-top: .5rem;
  font-weight: 400;
  font-size: .7rem;
  line-height: 150%;
  letter-spacing: -0.0205rem;
  color: #565656;
}
.zhengu_dr_page .zhengu_dr_content .zhengu_dr_red{
  line-height: 1.2rem;
  font-size: .8rem;
}

/* 诊股首页_详情报告 end */


/* 广告页 start */
.ad_page {
  height: 100%;
  padding-bottom: 100px;
  overflow-y: scroll;
}
.ad_page .input_area {
  padding: 22px 15px;
  background-color: #fff;
}
.ad_page .input_area .phone_input{
  margin-bottom: 22px;
  border-radius: 47px;
  background: #E4E4E4;
  height: 50px;
  display: flex;
  align-items: center;
}
.ad_page .input_area .phone_input .phone_icon{
  margin-left: 20px;
  width: 28px;
  height: 26px;
}
.ad_page .input_area .phone_input .verifysms_icon{
  margin-left: 20px;
  width: 24px;
  height: 24px;
}
.ad_page .input_area .phone_input input{
  margin-top: 2px;
  margin-left: 5px;
  height: 25px;
  background-color: transparent;
  border: 0;
}
.ad_page .input_area .phone_input .send_verifysms{
  margin-left: 10px;
  color: #F45B4B;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.ad_page .input_area .phone_input input::placeholder{
  color: #8E8E8E;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.ad_page .input_area .apply_btn{
  padding: 11px 0;
  text-align: center;
  color: #fff;
  background-color: #f45b4b;
  border-radius: 47px; 
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal; 
}
.ad_page img{
  width: 100%;
}
.ad_page .img_bottom{
  position: fixed;
  bottom: 0;
  left: 0;
}

/* 广告页end */

    .ac_results {
    left: 0 ;
    width: 100% ;
    padding: 0 1.625rem;
    overflow: hidden;
    z-index: 9999;
    color: #333333
    }
.ac_results ul {
    border: 1px solid #eee;
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
    border-radius: 0.1rem;
    padding: 0 0.625rem;
}
.ac_results li {
    margin: 0px;
    padding: 0.4rem 0.25rem;
    cursor: default;
    display: block;
    font-size: 0.75rem;
    line-height: 1.2rem;
    overflow: hidden;
    position: relative;
    z-index: 0
}
.ac_results li:not(:last-child){
    border-bottom: 1px solid #fafafa;
}
.ac_results li a {
    position: absolute;
    display: none;
    right: 10px;
    top: 3px;
    width: auto;
    height: auto
}
.ac_results li:hover a {
    display: block;
    z-index: 999
}
.ac_results li.ac_over {
    background-color: #999;
    color: white
}
.ac_results .ac_loading {
    background: #fff url("indicator.gif") right center no-repeat
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  /*font-size: 100%;*/
  /*font: inherit;*/
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #d2d2d2;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #d2d2d2;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #d2d2d2;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #d2d2d2;
}

.r {
  color: #cc3131
}

.g {
  color: #04b235
}

.orange-a {
  color: #de6263
}

.stock-dl,
.dialog-list-item,
.item-v1-hd,
.stock-v1-hd,
.pay-gj-b,
.pay-gj-item,
.pay-order-item,
.buy-top-tip,
.buy-stock-info,
.mc-ai-b-h,
.mc-ai-b-b a,
.mc-ai-b-b>div,
.card-text-hd,
.card-text-fd,
.ds-item-hd,
.ds-item-bd {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

img {

  vertical-align: middle;
}

.a-underline {
  text-decoration: underline
}

ul {
  margin: 0;
  padding: 0
}

.list-input-content {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .75rem;
  border-bottom: 1px solid #efefef;
}

.list-input-content input[type='text'] {
  border: none;
  text-align: right;
}

.list-input-content .red-tip {
  color: #cc3131;
}

.buttons-fill-row {
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.asc-swiper .swiper-pagination-bullet-active {
  background: #FF7244;
}
.asc-swiper{padding-bottom: 10px;}
.asc-swiper .swiper-pagination{bottom: -2px;}
.asc-swiper .gauge-wrp{box-shadow: none;}
.buttons-fill-row .button {
  border: none;
  background: #efefef;
  color: #333;
}

.buttons-fill-row .button:first-child {

  border-radius: .25rem 0 0 .25rem;
}

.buttons-row .button:last-child {
  border-radius: 0 .25rem .25rem 0;
}

.buttons-fill-row .button.active {
  background: #cc3131;
  color: #fff;

}

.button-gray-add {
  border: 1px solid #8e8e8e;
  border-radius: 1rem;
  padding: .3rem .8rem .2rem;
  font-size: .6rem;
  color: #8e8e8e;
  background: #fff;
  line-height: 1.2;
}

.button-gray-full {
  width: 100%;
  border: 1px solid #8e8e8e;
  border-radius: 1.5rem;
  padding: .5rem;
  font-size: .75rem;
  color: #8e8e8e;
  background: #fff;

}

.profitdetail_button {
  position: fixed;
  width: 100%;
  bottom: 1rem;
  padding: 0.3rem 0 0.75rem;
  height: 2.5rem;
  padding: 0.3rem 0.75rem;
  text-align: center;
  background: #FFFFFF;
}

.list-input-file {
  width: 5rem;
}

.list-input-content-link {
  padding-right: 1.5rem;
  background-image: url(../images/icon_jiantou_right.png);
  background-repeat: no-repeat;
  background-position: 93% center;
  /* background-position: -webkit-calc(100% - .5rem) center; */
  background-position: calc(100% - .35rem) center;
  background-size: .7rem;
}

.icon-wenhao {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: .2rem;
  background: url("../images/icon-question.png") center no-repeat;
  -webkit-background-size: .9rem;
  background-size: .9rem;
  vertical-align: middle;
}

.list-input-file-wrap {
  position: relative;
  display: inline-block;
  width: 5rem;
  height: 3rem;
  vertical-align: middle;
}

.list-input-file-wrap>* {
  position: absolute;
  top: 0;
  left: 0;
}

.list-input-file-wrap>input {
  height: 3rem;
  opacity: 0;
  z-index: 100;
}

.list-input-file-wrap>div {
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  z-index: 99;
  text-align: center;
  border: 1px dashed #9d9d9d;
  color: #bababa;
}

.tip-block {
  background: #efefef;
  color: #999;
  padding: .65rem .75rem;
  line-height: 1.8;
  font-size: .65rem;
}

.title-line {
  text-align: center;
  color: #6893fb;
}

.title-line span {
  position: relative;
}

.title-line span:after,
.title-line span:before {
  content: '';
  position: absolute;
  top: .4rem;
  width: 1.5rem;
  height: 1px;
  background: #6893fb;
}

.title-line span:before {

  left: -2rem;
}

.title-line span:after {
  right: -2rem;
}

.title-line-content {
  padding: .75rem;
  text-align: center;
}

.title-line-content img {
  max-width: 100%;
  height: auto;
}

.fill-button-wrap {
  padding: .75rem;
  border-top: 1px solid #efefef;
}

.dialog-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 9999;
  transition: all .3s;
}

.dialog-wrap {
  position: fixed;
  width: 80%;
  top: 20%;
  left: 10%;
  background: #fff;
  border-radius: .25rem;
  z-index: 10000;
  box-shadow: 0 0 10px #999;
}

.dialog-hd {
  text-align: center;
  font-size: .8rem;
  padding: .75rem 0;
  border-bottom: 1px solid #efefef;
  color: #333;
}

.dialog-hd-meta {
  margin-top: .5rem;
  font-size: .65rem;
  color: #999;

}

.dialog-bd {
  padding: .75rem;
}

.dialog-hd-avatar {
  text-align: center;
  font-size: .8rem;
}

.dialog-hd-avatar img {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  margin-top: -2rem;
}

.dialog-list-item,
.item-v1-hd {
  font-size: .75rem;
  padding-bottom: .75rem;
  border-bottom: 1px solid #efefef;
  margin-bottom: .75rem;
}

.dialog-stock-detail>div:nth-child(2) {
  margin-top: .2rem;
  color: #999;

}

.dialog-list>.dialog-list-item:nth-last-child(1) {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.dialog-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 2rem;
  height: 2rem;
  background: url("../images/icon-close.png") center no-repeat;
  background-size: .75rem
}

.dialog-warnning-text {
  font-size: .75rem;
  line-height: 1.5;
}

.dialog-fd {
  position: relative;
  border-top: 1px solid #efefef;
  height: 2rem;
  line-height: 2rem;
}

.dialog-fd>input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.dialog-fd>a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  color: #6893fb;
}

.upload-wrap {
  position: relative;
}

.upload-wrap img {
  position: absolute;
  max-width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.dialog-list-item-normal {
  margin-bottom: 0;
  padding: .75rem;
}

.dialog-list-item-normal span {
  margin-right: .4rem;
}

.swiper-comment {
  left: 0;
  width: 100%;
  height: 8.5rem;
  position: fixed;
  bottom: -6.5rem;
  z-index: 10000;
  background: #fff;
}

.swiper-comment>.swiper-wrapper>.swiper-slide:nth-child(1) {
  border-top: 1px solid #d5d5d5;
  height: 2.5rem;
  padding-top: .5rem;
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
  background: #e8e8e8;


}

.slide-up-line {
  width: 4rem;
  height: .1rem;
  margin: 0 auto;
  background: #515151;
  border-radius: .5rem;

}

.slide-up-text {
  margin-top: .4rem;
  text-align: center;
  color: #a6a6a6;
  font-size: .7rem;
}

.dynamic-reply {
  margin-top: .25rem;
  padding: .25rem;
  background: #ededed;
  font-size: .65rem;
}

.swiper-container-scrollbar .swiper-slide {
  height: auto;
}

.swiper-container-scrollbar {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.swiper-container-scrollbar .swiper-wrapper {
  height: 100%;
}

.swiper-container-scrollbar .swiper-slide {

  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1);
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.pieTable table {
  width: 100%;
}

.pieTable table thead {
  font-size: .65rem;
  color: #ccc;
  text-align: center;
}

.pieTable table td {
  padding: .25rem .5rem;
}

.pieTable table tbody td {
  font-size: .7rem;
  text-align: center;
  padding-right: 0;
}

.item-v1-hd {
  padding: .75rem;
}

.item-v1-hd>span {
  font-size: .8rem;
  color: #2e2e2e;
}

.item-v1-hd>a {
  font-size: .7rem;
  color: #888;
}

.stock-dl {
  padding: .65rem 1.25rem;
}

.item-v1-bd {
  padding: 0 .75rem .75rem;
}

.stock-v1-hd {
  padding: .5rem .75rem;
  color: #ffffff;

}

.stock-v1 {
  padding-bottom: .25rem;
}

.stock-v1-bd {
  position: relative;
  background: #fff;
  margin: 0 .25rem;
  border-radius: 5px;
}

.stock-v1-bd>a {
  position: absolute;
  top: 0;
  height: 100%;
  width: 1rem;
}

.stock-left-btn {
  left: 0;
  background: url("../images/left-arrow-gray.png") center no-repeat;
  -webkit-background-size: 50%;
  background-size: 50%;
}

.stock-right-btn {
  right: 0;
  background: url("../images/right-arrow-gray.png") center no-repeat;
  -webkit-background-size: 50%;
  background-size: 50%;
}

.stock-v1-sell {
  border-radius: 5px;
  background-image: -moz-linear-gradient(-30deg, rgb(255, 103, 102) 0%, rgb(240, 89, 88) 100%);
  background-image: -webkit-linear-gradient(-30deg, rgb(255, 103, 102) 0%, rgb(240, 89, 88) 100%);
  background-image: -ms-linear-gradient(-30deg, rgb(255, 103, 102) 0%, rgb(240, 89, 88) 100%);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);

}

.stock-v1-add {
  border-radius: 5px;
  background-image: -moz-linear-gradient(-30deg, rgb(248, 154, 113) 1%, rgb(245, 139, 93) 100%);
  background-image: -webkit-linear-gradient(-30deg, rgb(248, 154, 113) 1%, rgb(245, 139, 93) 100%);
  background-image: -ms-linear-gradient(-30deg, rgb(248, 154, 113) 1%, rgb(245, 139, 93) 100%);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
}

.stock-v1-minus {
  border-radius: 5px;
  background-image: -moz-linear-gradient(-30deg, rgb(131, 194, 203) 0%, rgb(99, 186, 198) 100%);
  background-image: -webkit-linear-gradient(-30deg, rgb(131, 194, 203) 0%, rgb(99, 186, 198) 100%);
  background-image: -ms-linear-gradient(-30deg, rgb(131, 194, 203) 0%, rgb(99, 186, 198) 100%);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);

}

.stock-v1-none {
  border-radius: 5px;
  background-image: -moz-linear-gradient(-30deg, rgb(125, 158, 237) 0%, rgb(110, 145, 230) 100%);
  background-image: -webkit-linear-gradient(-30deg, rgb(125, 158, 237) 0%, rgb(110, 145, 230) 100%);
  background-image: -ms-linear-gradient(-30deg, rgb(125, 158, 237) 0%, rgb(110, 145, 230) 100%);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);

}

.stock-v1-none .stock-c {
  color: #5e7cc5;
}

.stock-v1-sell .stock-c {
  color: #d53d3d;
}

.stock-v1-minus .stock-c {
  color: #5caeb9;
}

.stock-v1-none .stock-v1-hd {}

.stock-v1-add .stock-c {
  color: #e98459;
}

.stock-tip-text {
  padding: .25rem;
  background: #fcf2f0;
  font-size: .7rem;
  text-align: center;
}

.stock-v1-hd>a {
  font-size: .65rem;
}

.stock-ne {
  font-size: .85rem;
  color: #2e2e2e;
}

.stock-pz {
  margin-top: .65rem;
  font-size: .7rem;
}

.stock-pz span {
  font-size: 1rem;
}

.stock-v1-none .stock-pz span,
.stock-te {
  color: #cc3131;
}

.stock-dl {
  display: flex;
  text-align: center;
}

.stock-dl>div>div:nth-child(odd) {
  font-size: .65rem;
  margin-bottom: .5rem;
  color: #777777;

}

.stock-te {
  font-size: 1rem;
  margin-top: .25rem;
  font-weight: 600;
}

.stock-j {
  font-size: .9rem;
  font-weight: bold;
}

.smart-hd {
  font-size: .7rem;
}

.smart-hd span {
  position: relative;
  margin-right: .5rem;
  font-size: 1rem;
  color: #2e2e2e;

}

/*.smart-hd span:before{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: .5rem;
    background: #ffbd53;
    border-radius: 10px;

}*/
.smart-hd {
  padding: .75rem;
}

.smart-dia {
  position: relative;
}

.s-d-a {
  position: absolute;
  top: 0;
  left: .75rem;
  width: 3rem;
}

.s-d-a img {
  max-width: 100%;
  height: auto;
}

.smart-dia {
  padding-left: 4.5rem;
  padding-right: .75rem;
}

.s-d-b {
  position: relative;
  border: 1px solid #ccc;
  background: #ffffff;
  box-shadow: 0 0 10px #999;
  padding: .5rem;
  line-height: 1.6;
  font-size: .7rem;
  border-radius: 5px;
}

.s-d-b>i {
  position: absolute;
  top: .75rem;
  left: -.5rem;
  width: .5rem;
  height: 1rem;
  background: url("../images/white-arrow.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.smart-pro {
  padding: .75rem;
  margin-top: .75rem;
}

.smart-pro>div:nth-child(1) {
  color: #628ffb;
}

.smart-pro>div:nth-child(1) span {
  color: #9fb7f9;
  font-size: .7rem;
}

.smart-pro>div:nth-child(2)>a {
  display: inline-block;
  padding: .4rem .8rem;
  border-radius: 20px;
  border: 1px solid #ccc;
  margin-top: .5rem;
  margin-right: .5rem;
  font-size: .7rem;
}

.smart-input {
  display: flex;
  margin-top: 1rem;
}

.smart-input input {
  flex: 5;
  height: 2rem;
  line-height: 2rem;
  padding-left: .75rem;
  border: 1px solid #e1e1e1;
}

.smart-input button {
  flex: 1;
  background: #6490ed;
  color: #fff;
  border: none;
}

.smart-dia {
  margin-top: .75rem;
}

.test-start {
  margin-top: 2rem;
}

.test-start img {
  max-width: 60%;
}

.test-start>div {
  margin: 1rem 0;
  line-height: 1.5;
  padding: 0 1rem;
}

.button-red-gradients {
  width: 80%;
  height: 2.2rem;
  color: #fff;
  border: none;
  border-radius: 1rem;
  background-image: -moz-linear-gradient(-60deg, rgb(218, 70, 70) 0%, rgb(205, 48, 49) 100%);
  background-image: -webkit-linear-gradient(-60deg, rgb(218, 70, 70) 0%, rgb(205, 48, 49) 100%);
  background-image: -ms-linear-gradient(-60deg, rgb(218, 70, 70) 0%, rgb(205, 48, 49) 100%);
  box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.18);
}

.button-red-gradients-fill {
  width: 100%;
  height: 2.2rem;
  color: #fff;
  border: none;
  border-radius: .5rem;
  background-image: -moz-linear-gradient(-60deg, rgb(218, 70, 70) 0%, rgb(205, 48, 49) 100%);
  background-image: -webkit-linear-gradient(-60deg, rgb(218, 70, 70) 0%, rgb(205, 48, 49) 100%);
  background-image: -ms-linear-gradient(-60deg, rgb(218, 70, 70) 0%, rgb(205, 48, 49) 100%);
  box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.18);
}

.button-orange-gradients-fill {
  width: 100%;
  padding: .5rem 0;
  color: #fff;
  border: none;
  border-radius: .5rem;
  background-image: -moz-linear-gradient(-90deg, rgb(255, 81, 58) 0%, rgb(255, 109, 71) 100%);
  background-image: -webkit-linear-gradient(-90deg, rgb(255, 81, 58) 0%, rgb(255, 109, 71) 100%);
  background-image: -ms-linear-gradient(-90deg, rgb(255, 81, 58) 0%, rgb(255, 109, 71) 100%);
  box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.18);
}

.btn-orange-radius,
.btn-gray-radius {
  background: #FFB049;
  color: #fff;
  height: 1.4rem;
  padding: 0 .35rem;
  border-radius: 1rem;
  border: none;
  font-size: .6rem;
}

.btn-gray-radius {
  background: #CACACA;
}

.button-small {
  height: 1.6rem;
  font-size: .7rem;
}

.button-orange {
  width: 100%;
  height: 2rem;
  color: #fff;
  border: none;
  background: #FF8C55;
  border-radius: .25em;
  font-size: .75rem;
}

.buttons-yellow {
  width: 100%;
  height: 2rem;
  color: #fff;
  border: none;
  background: #efae41;
  border-radius: .25em;
  font-size: .75rem;
}

.gradient-text-yellow {
  background-image: -webkit-linear-gradient(#fb9629, #c04f00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1rem;
}

.button-yellow {
  padding: .5rem 3rem;
  border: none;
  border-radius: 2rem;
  background-image: linear-gradient(#ffe7ba, #ffba3c)
}

.button-yellow-small {
  padding: .2rem .5rem;
  border: none;
  font-size: .6rem;
  border-radius: 2rem;
  background: #ffb049;
  color: #fff;
}

.button-yellow-black {
    padding: 0.2rem 0.5rem 0.05rem;
    border: none;
    font-size: .6rem;
    border-radius: 1rem;
    background: #EFAE41;
    color: #333;
}
.button-ybb{
  padding: .4rem 1rem .3rem;
  border: none;
  font-size: .8rem;
  border-radius: .2rem;
  background: #EFAE41;
  color: #333;
}
.button-ybs{
  padding: .3rem .6rem;
  border: none;
  font-size: .6rem;
  border-radius: .2rem;
  background: #EFAE41;
  color: #333;
}
.button-ybs.ps{ padding: .1rem .2rem;}
.button-ybs.default{  background: #b6b6b6 !important;
  color: #fff !important;}
.button-yellow-full-black {
  width: 100%;
  border-radius: 1.5rem;
  background: #EFAE41;
  color: #333;
  border: none;
  padding: .5rem 0;
  font-size: .75rem;
}

.button-gray {
  width: 100%;
  height: 2.2rem;
  color: #fff;
  border: none;
  background: #ccc;
  border-radius: 1.5rem;
}

.button-red-gradients>span {
  font-size: .6rem;
}

button.default {
  opacity: .3;
}

.btn-default {
  background: #b6b6b6 !important;
  color: #fff !important;
}

.test-progress {
  position: relative;
  width: 100%;
  height: .5rem;
  background: #e3e3e3;
}

.test-progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: .5rem;
  background: #f1c771;
}

.test-problem-tip {
  margin: 1rem 0;
  color: #888;
  text-align: center;
  font-size: .7rem;
}

.test-problem {
  padding: 0 .75rem;

}

.tp-num>span {
  font-size: 1.5rem;
  color: #ce3334;
}

.tp-title {
  margin-top: .75rem;

  color: #ce3334;
  font-size: .85rem;

}

.tp-cont {
  margin-top: 1.25rem;
}

.tp-cont>.tp-item:nth-last-child(1) {
  border-bottom: 1px solid #ebebeb;
}

.tp-item {
  display: flex;
  padding: 1.25rem 0;
  border-top: 1px solid #ebebeb;
  justify-content: space-between;
  align-items: center;
  font-size: .8rem;
}

a.tp-item {
  display: block;
}

.tp-item input {
  border: none;
  text-align: right;
}

.tp-item .label {
  font-size: .85rem;
  color: #555;

}

.tp-item>.tp-i {
  color: #999999;
  font-size: .7rem;
}

.tp-item>.tp-i>input {
  font-size: .8rem;
  margin-right: .2rem;
}

.tp-warnning {
  padding: 1rem 0;
  text-align: center;
  color: #ce3334;
  font-size: .7rem;
  line-height: 1.5;
}

.test-result-card {
  position: relative;
  display: flex;
  box-shadow: 0 2px 4px #b3b3b3;
  background: url("../images/ai-bg.png") no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.test-result-card>img {
  max-width: 100%;
}

.test-result-card {
  padding: 1rem .75rem;
}

.rc-lt {
  font-size: 1rem;
  color: #333;
}

.rc-lt span {
  font-size: .75rem;
  color: #878787;
}

.rc-dt {
  margin-top: .5rem;
}

.rc-dt>div:nth-child(1) i {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: .2rem;
  background: url("../images/star-red-sign.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: -20%;
}

.rc-dt>div:nth-child(2) {
  margin-top: .5rem;
  font-size: .65rem;
}

.fh {
  margin: 1.5rem 0;
  font-size: .8rem;
  text-align: center;
  line-height: 1.5;
}

.pay-gj-data {
  padding: .75rem;
}

.pay-gj-tl {
  font-size: 1rem;
  color: #333;

}

.pay-gj-b {
  margin-top: .75rem;
  font-size: .7rem;
}

.pay-gj-b>div:nth-child(1)>a {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  line-height: .9rem;
  border: 1px solid #ccc;
  text-align: center;
  font-size: 1rem;
  border-radius: 4px;
}

.pay-gj-b>div:nth-child(1)>span {
  display: inline-block;
  margin: 0 .2rem;
  padding: 0 .3rem;
  height: 1.2rem;
  line-height: 1rem;
  font-size: .7rem;
  border: 1px solid #ccc;
  vertical-align: top;
  border-radius: 4px;
  color: #333;

}

.pay-gj-b>div:nth-child(2) {
  color: #777;

}

.pay-gj-item {
  padding: .75rem;
  border-bottom: 1px solid #ebebeb;
}

.pay-gj-item input {
  border: none;
  text-align: right;
}

.pay-gj-item .code {
  background: #628ffb;
  color: #fff;
  border: none;
  padding: .35rem .5rem;
  border-radius: .2rem;
  font-size: .7rem;

}

.pay-gj-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  display: flex;

}

.pay-gj-btn>div {
  flex: 4;
  padding-left: .75rem;
  font-size: .7rem;
  background: #eaeaea;
}

.pay-gj-btn>div>span {
  font-size: .95rem;
  color: #cc3131;
}

.pay-gj-btn>button {
  flex: 1;
  background: #cc3131;

  color: #fff;
  border: none;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  font-size: .7rem;
}

.pay-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  z-index: 9999;
}

.pay-dialog {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  background: #fff;
  z-index: 10000;
  line-height: 1.5;
  font-size: .7rem;
}

.pay-d-t {
  text-align: right;
  padding-top: .75rem;
}

.pay-d-t img {
  max-width: 90%;
}

.pay-info {
  padding: .75rem 0 .75rem .5rem;
}

.pay-info-item {
  position: relative;
  padding: .5rem 0 .5rem 2.2rem;
  font-size: .65rem;
}

.pay-info-item>img {
  position: absolute;
  top: .55rem;
  left: 0;
  width: 1.8rem;
}

.pay-user-info span,
.pay-info-hd>div:nth-child(2) {
  color: #628ffb;
}

.pay-info-hd>div:nth-child(1)>span {
  color: #999;
  font-size: .7rem;
}

.pay-close-btn {
  position: absolute;
  top: -.8rem;
  right: -.8rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/close-red-btn.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.test-result-sort {
  margin-top: 2rem;
  text-align: center;
  margin-bottom: 2rem;
}

.pay-info-hd>div:nth-child(2) {
  font-size: .8rem;
}

.test-result-sort>div {
  margin: 1.5rem 0 1rem;
  font-size: 1.8rem;
  color: #cc3131;
  font-weight: 600;
}

.test-result-sort>span {
  font-size: .7rem;
  color: #b2b2b2;

}

.test-result img {
  max-width: 50%;
}

.pay-order-item {
  padding: .75rem;
  border-bottom: 1px solid #ebebeb;
  background: #ffffff;
}

.border-blue-a {
  border-left: 1px solid #ccc;
  font-size: .7rem;
}

.pay-order-way {
  background: #ffffff;
}

.pay-order-way>div:nth-child(1) {
  background: #efefef;
  font-size: .65rem;
  padding: .5rem .75rem;
}

.pay-order-way>div:nth-child(2) {
  padding: .75rem;
}

.pay-order-way>div:nth-child(2) i.font_img {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  background: url("../images/alipay-icon.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: -40%;
}

.pay-order-text>div:nth-child(1) {
  padding: .75rem 0;
  text-align: center;
  font-size: .7rem;
}

.pay-order-text>div:nth-child(2) {
  padding: 0 .75rem;
  font-size: .7rem;
  color: #999;
  line-height: 1.5;
}

.border-blue-a a {
  color: #628ffb;
}

.gz-btn,
.gz-btn-a {
  display: inline-block;
  width: 2.6rem;
  padding: .2rem 0;
  font-size: .7rem;
  color: #fff;
  text-align: center;
  border-radius: 3px;
}

.gz-btn {
  background: #628ffb;


}

.gz-btn-a {
  background: #ccc;

}

.list_box .list-1 {
  padding: .5rem 0;
}

.agree-icon {
  display: inline-block;
  width: .8rem;
  height: .8rem;
  background: url("../images/agree-icon.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  margin-right: .2rem;
  vertical-align: -15%;
}

.pay-order-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  background: #cc3131;
  color: #fff;

}

.pay-ing {
  background: #999;
}

.minus-icon,
.add-icon {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  text-align: center;
  font-weight: bold;
  color: #fff;
  border-radius: 50%;
  font-size: 1rem;
}

.minus-icon {
  background: #0ca536;
  line-height: .8rem;
}

.add-icon {
  background: #cc3131;
  line-height: .8rem;
}

.change-stock-wrap input {
  margin: 0 .5rem;
  border: none;
  width: 4rem;
}

.red-tip-text {
  color: #cc3131;
  margin: .75rem;
  line-height: 1.4;
  font-size: .7rem;
}

.buy-top-tip {
  padding: .5rem .75rem;
  background: #fcf2f0;
  font-size: .7rem;
}

.checkbox-default {
  display: inline-block;
  width: 1.2rem;
  height: 1rem;
  background: url("../images/checkbox-icon.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: -30%;
}

.checkbox-default-active {
  background: url("../images/checkbox-icon-active.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.buy-top-tip>div:nth-child(3) {
  font-size: .65rem;
  color: #adadad;
}

.buy-stock-info {
  padding: .75rem;
}

.buy-stock-info>div:nth-child(1) {
  position: relative;
  padding-left: 2.5rem;
}

.buy-stock-info>div:nth-child(1)>span {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  font-size: .7rem;
}

.buy-stock-in {
  background: #ce3535;
}

.buy-stock-out {
  background: #04b235;
}

.buy-si-f {
  font-size: .9rem;
}

.buy-si-s {
  margin-top: .4rem;
  font-size: .65rem;
  color: #b1b1b1;

}

.buy-stock-detail {
  display: flex;
  padding: .5rem .75rem;
  font-size: .7rem;
  line-height: 1.5;
  align-items: center;
}

.buy-stock-detail>div {
  flex: 1;

}

.buy-stock-detail>div:nth-child(1) {
  border-right: 1px solid #e1e1e1;
}

.buy-stock-detail>div:nth-child(2) {
  text-align: center;
}

.smart-dia-link {
  margin-top: .75rem;
  padding-top: .75rem;
  border-top: 1px solid #eee;
}

.smart-dia-link>a {
  display: block;
  line-height: 2;
  background-image: url("../images/link-icon.png");
  background-repeat: no-repeat;
  background-position: 97% center;
  background-position: -webkit-calc(100% - .5rem) center;
  background-position: calc(100% - .5rem) center;
  background-size: .7rem;
}

.link-buy-in>span {
  text-decoration-line: underline;
  color: #cc3131;
}

.link-buy-out>span {
  text-decoration-line: underline;
  color: #628ffb;
}

.buy-reason-choice {
  margin-top: 1rem;
  padding: 0 .75rem;
}

.buy-check-item {
  display: inline-block;
  width: 45%;
  margin-top: .75rem;
  color: #989898;

}

.table-4,
.table-5 {
  width: 100%;
}

.table-5>thead td,
.table-4>thead td {
  background: #efefef;
  color: #7d7d7d;
  font-size: .65rem;
  text-align: center;
  padding: .4rem .75rem;
}

.table-4>tbody td,
.table-5>tbody td {
  padding: .65rem .75rem;
  line-height: 1.4;
  border-bottom: 1px solid #eee;
}

.table-4>tbody>tr>td:nth-child(4n+1) {}

.table-4>tbody>tr>td:nth-child(4n+2) {
  text-align: center;
}

.table-4>tbody>tr>td:nth-child(4n+3) {
  text-align: center;
}

.table-4>tbody>tr>td:nth-child(4n+4) {
  text-align: right;
}

.table-4>tbody>tr>td>span:nth-child(1) {
  font-size: .9rem;
}

.table-4>tbody>tr>td>span:nth-child(3) {
  font-size: .7rem;
  color: #a7a7a7;
}

.buy-success {
  padding-top: 4rem;
  background: url("../images/yellow-top-bg.png") left top no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.buy-success img {
  max-width: 100%;
  height: auto;
}

.buy-success-wrap {
  margin: 0 .75rem 0 .75rem;
  background: #ffffff;
  box-shadow: 0 0 5px #ccc;
  border-radius: 5px;
}

.buy-sw-top {
  text-align: center;
}

.buy-sw-top img {
  max-width: 40%;
  margin-top: -2.2rem;
}

.buy-sw-text {
  margin: 1rem 0 1.5rem;
  text-align: center;
  font-size: 1.4rem;
  color: #e1a64c;
  font-weight: bold;
}

.buy-sw-text i {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: .4rem;
  background: url("../images/yellow-right-icon.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: -20%;
}

.buy-sw-fw {
  padding: 0 2rem 2rem 2rem;
  line-height: 1.5;
  font-size: .75rem;
}

.mc-item i {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: -30%;
}

.mc-item-tip {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  background: #cd3031;
  color: #fff;
  text-align: center;
  font-size: .65rem;
  border-radius: 50%;
}

.icon-red-circle {
  background: url("../images/icon-red-circle.png") no-repeat;
}

.icon-blue-circle {
  background: url("../images/icon-blue-circle.png") no-repeat;
}

.mc-item a,
.mc-ai-b-b a {
  display: flex;
  padding: .75rem 1.5rem .75rem .75rem;
  justify-content: space-between;
  align-items: center;
  background-image: url("../images/icon_jiantou_right.png");
  background-repeat: no-repeat;
  background-position: 97% center;
  background-position: -webkit-calc(100% - .5rem) center;
  background-position: calc(100% - .5rem) center;
  background-size: .7rem;
  border-bottom: 1px solid #eee;
}

.mc-ai-b-b>div {

  padding: .75rem 0 .75rem 0;
  border-bottom: 1px solid #eee;
}

.mc-ai-hd {
  padding: .35rem 0;
  background: #efefef;
  text-align: center;
  color: #8b8b8b;
  font-size: .7rem;
}

.mc-ai-bd {}

.mc-ai-b-h {
  padding: .75rem;
  border-bottom: 1px solid #eee;

}

.mc-ai-b-h>a {
  padding: .2rem .5rem;
  background: #628ffb;
  color: #fff;
  font-size: .75rem;
  border-radius: 4px;
}

.mc-ai-b-h>span {
  padding: .2rem .5rem;
  background: #999999;
  color: #fff;
  font-size: .75rem;
  border-radius: 4px;
}

.icon-cs {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  line-height: 1.8rem;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  font-style: normal;
  font-size: .75rem;
  vertical-align: top;
}

.ma-ai-stock {
  display: inline-block;
}

.icon-cs-buy {
  background: #628ffb;
}

.icon-cs-sell {
  background: #cc3f3f;
}

.icon-cs-add {
  background: #e98459;
}

.icon-cs-minus {
  background: #5caeb9;
}

.mc-ai-ss {
  display: block;
  margin-bottom: .25rem;
  font-size: .65rem;
  color: #999;
}

.mc-list li {
  position: relative;
}

.mc-list li a {
  display: block;
  padding: .75rem 2.5rem .75rem .75rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border-bottom: 1px solid #eee;
}

.mc-list-time {
  position: absolute;
  right: .75rem;
  top: .85rem;
  font-size: .65rem;
  color: #999;
}

.bl-title-red {
  margin-left: .75rem;
  padding: 0 0 .75rem 0
}

.bl-title-red span {
  padding-left: .5rem;
  border-left: 2px solid #cc3131;
}

.adjustment-amount button {
  display: inline-block;
  width: 1.6rem;
  height: 1.7rem;
  border: none;
  position: relative;
  border-radius: 0.16rem;
  color: #fff
}

.adjustment-amount button:first-child {
  background: #04b235;
}

.adjustment-amount button:last-child {
  background: #cc3131;
}

.adjustment-amount button:first-child span {
  position: absolute;
  top: -0.2rem;
  left: 30%;

  font-size: .9rem !important;
}

.adjustment-amount button:last-child span {
  position: absolute;
  top: -0.2rem;
  left: 30%;
  font-size: .9rem !important;

}

.adjustment-amount button:first-child strong {
  position: absolute;
  bottom: -0.1rem;
  left: 0.4rem;
}

.adjustment-amount button:last-child strong {
  bottom: -0.1rem;
  left: 0.4rem;
  position: absolute;
}

.border-input {
  text-align: center !important;
  width: 5rem;
  border: 1px solid #999999 !important;
  border-radius: 0.2rem;
  padding: 0.25rem;
  vertical-align: baseline;
}

.tag-span {
  padding: .1rem .3rem;
  border: 1px solid #ccc;
  font-size: .6rem;
  border-radius: 4px;
}

.mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  z-index: 9999;
}

.popover-up {
  display: none;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #fff;
  z-index: 10000;
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem;
}

.popover-up>a {
  display: block;
  padding: 1rem 0;
  text-align: center;
  color: #a3a9b9;
}

.popover-icon-wrap {
  display: flex;
  padding: 1.8rem 0 1.2rem 0;
  border-bottom: 1px solid #efefef;
}

.popover-icon-wrap>div {
  flex: 1;
  text-align: center;
}

.popover-icon-wrap>div>a {
  display: block;
  line-height: 2;
  color: #a3a9b9;
  font-size: .75rem;
}

.icon-mind {
  width: 2.4rem;
  height: 2.4rem;
  background: url("../images/icon-diandeng.png ") no-repeat
}

.icon-article {
  width: 2.4rem;
  height: 2.4rem;
  background: url("../images/icon-wenzhang.png") no-repeat;
}

.icon-computer-stock {
  width: 2.4rem;
  height: 2.4rem;
  background: url("../images/icon-diannao.png") no-repeat
}

.dialog,
.dialog-yz {
  display: none;
  position: absolute;
  top: 20%;
  left: 10%;
  width: 80%;

  z-index: 10000;
  line-height: 1.5;
  font-size: .75rem;
}

.dialog-zj {
  position: absolute;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 3rem;
}

.dialog-group-wrp .dialog-hd img {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 1px solid #FF6600
}

.blgd-shadow {
  box-shadow: 0 0 5px #f00;
}

.dialog-zj .dialog-yz-close {
  width: 1.5rem;
  height: 1.5rem;
}

.dialog-zj>img {
  max-width: 100%;
}

.dialog-zjc {
  position: absolute;
  width: 80%;
  left: 10%;
  top: 10rem;
}

.dialog-zj-c {
  animation: xz 8s;
  transform-origin: center;
  -webkit-animation: xz 8s infinite linear;
  -webkit-transform-origin: center;
}

@keyframes xz {
  0% {
    transform: rotate(120deg);
  }

  50% {
    transform: rotate(240deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.dialog-zjc img {
  max-width: 100%;
}

.dialog-zjb {
  position: absolute;
  bottom: -1rem;
}

.dialog-zjt {
  position: absolute;
  bottom: -1.2rem;
}

.dialog-zja {
  position: absolute;
  top: -1.2rem;
  left: 0;
}

.dialog-zji {
  display: flex;
  justify-content: space-between;
  margin: 0 .75rem;
}

.dialog-zji img {
  margin: 0 .15rem;
  width: 23%;
}

.dzi-2 {
  animation-delay: .15s;
}

.dzi-3 {
  animation-delay: .25s;
}

.dzi-4 {
  animation-delay: .35s;
}

.dialog-zj-close {
  position: absolute;
  width: 2rem;
  height: 2rem;
  top: 0;
  right: 0;
}

.dialog {
  background: #fff;
}

.dialog-yz-hd {
  position: relative;
}

.dialog-yz-close {
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: .5rem;
  right: .5rem;
  background: url("../images/icon-close-gray.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  z-index: 100;
}

.dialog-yz-share {
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: .5rem;
  right: .5rem;
  background: url("../images/icon_cicle_share.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  z-index: 100;
}

.dialog-yz-hd img {
  max-width: 100%;
}

.dialog-yz-hdt {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  color: #fff;
  text-align: center;
  font-size: .7rem;
}

.dialog-yz-hdt h2 {
  font-size: 1.25rem;
  margin-bottom: .25rem;
}

.dialog-yz-bd {
  padding: 1rem;
  background: #fff;

}

.dialog-yz-input textarea {
  width: 100%;
  padding: .5rem .75rem;
  border: 1px solid #ccc;
  min-height: 6rem;
}

.dialog-yz-blueBtn {
  background: #628ffb;
  color: #fff;
  padding: .25rem 2rem;
  border: none;
  border-radius: .25rem;
}

.dsm-tag-info {
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: .25rem;
  color: #fff;
  font-size: .7rem;
  padding: .25rem .5rem;

}

.dsm-gj {
  background: #ff6600;
}

.dsm-yj {
  background: #ff9600;
}

.dsm-jj {
  background: #f8bf42;
}

.dialog-yz-grayBtn {
  background: #ccc;
  color: #fff;
  padding: .25rem 2rem;
  border: none;
  border-radius: .25rem;
}

.dialog-yz-purpleBtn {
  background: linear-gradient(180deg, #FD4FFF, #863DFF);
  color: #fff;
  padding: .25rem 2rem;
  border: none;
  border-radius: .25rem;
}

.dialog-yz-yellowBtn {
  background: linear-gradient(180deg, #FFCC00, #FF7800);
  color: #fff;
  padding: .25rem 2rem;
  border: none;
  border-radius: .25rem;
}

.dialog-yz-pinkBtn {
  background: linear-gradient(180deg, #FF8585, #FF3C65);
  color: #fff;
  padding: .25rem 2rem;
  border: none;
  border-radius: .25rem;
}

.dialog-2-c span {
  color: #A144FF;
}

.dialog-yz-avatar span {
  color: #999;
  margin-left: .5rem;
}

.dialog-yz-avatar img {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  margin-left: -.25rem;
}

.dialog-3-cf {
  color: #A144FF
}

.dialog-3-cf i {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: .25rem;
  background: url("../images/icon-bangbao.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: -40%;
}

.dialog-3-c {
  color: #666
}

.dialog-3-ct {
  margin: .5rem 0;
  font-size: 1rem;
  color: #FD8A02;
}

.dialog-3-ctg {
  margin: .5rem 0;
  font-size: 1rem;
  color: #FF524E;
}

.dialog-gz-cont {
  font-size: .7rem;
  color: #666;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 2;
  /** 显示的行数 **/
  overflow: hidden;
}

.support_item-p {
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 4;
  /** 显示的行数 **/
  overflow: hidden;
}

.dialog-gz-foot {
  margin-top: .35rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dialog-gz-foot span {
  font-size: .65rem;
  color: #999;
}

.dialog-gz-item {
  padding-bottom: .75rem;
  border-bottom: 1px solid #efefef;
  margin-bottom: .75rem;
}

.dialog-2 {}

.actions-modal-hd {
  padding: .75rem;
  display: flex;
  justify-content: space-between;
}

.actions-modal-close {
  display: block;
  width: .75rem;
  height: .75rem;
  background: url("../images/icon-close.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.actions-modal-bd {
  padding: .005rem 0;
  background: #F1EFF2;
  max-height: 15rem;
  overflow-y: scroll;
}

.actions-modal-bd .dsm-item {
  font-size: .7rem !important;
}

.actions-modal-bd .dsm-item-foot {
  padding: .35rem .75rem;
  color: #FF7C38;
}

.ds-wen-icon {
  display: block;
  width: .75rem;
  height: .75rem;
  padding: 0 !important;
  background: url("../images/icon_wenhao@2x.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.ds-wen-sm-icon {
  width: .65rem;
  height: .65rem;
}

.dialog-text {
  display: none;
  position: absolute;
  top: 20%;
  left: 10%;
  width: 80%;
  padding: 1rem .75rem;
  background: #fff;
  z-index: 10000;
  line-height: 1.5;
  font-size: .75rem;
  border-radius: .5rem;
}

.modal-textarea {
  background: #fff;
  margin: .75rem;
  padding: .5rem .75rem;
}

.modal-textarea textarea {
  width: 100%;
  min-height: 4rem;
  border: none;
}

.modal-textarea-tip {
  margin: .25rem .75rem .5rem;
}

.close-line-btn {
  position: absolute;
  left: 50%;
  bottom: -2.2rem;
  width: 1rem;
  height: 2.2rem;
  background: url("../images/close-line-btn.png ") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.dialog-hd-bg {
  background: url("../images/dt.png") no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  font-size: 1rem;
  color: #fff;

}

.dialog-bg-f {
  padding: 0 .75rem;
  text-align: center;
}

.dialog-bg-f button {
  width: 100%;
  border: 1px solid #d63f3f;
  border-radius: 1.2rem;
  color: #d63f3f;
  font-size: .9rem;
  padding: .5rem 0;
  background: #fff;

}

.dialog-bg-f a {
  display: inline-block;
  color: #999;
  padding: .5rem;
}

.change-stock-wrap {
  padding: .75rem 0;
  line-height: 1.5;
}

.cs-tip {
  padding-left: .75rem;
  font-size: .65rem;

}

.cs-bd>div {
  box-shadow: 0 0 2px #c5c5c5;
  border-radius: 4px;
  padding: .35rem .25rem;
  line-height: 2;
}

.cs-bd {
  padding: .75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: url("../images/change-icon.png") center no-repeat;
  -webkit-background-size: .7rem;
  background-size: .7rem;
  font-size: .65rem;
}

.cs-title>b {
  font-size: .8rem;
}

.tgr,
.tgg {
  padding: .1rem;
  background: #d43b3c;
  color: #fff;
  line-height: 1;

}

.tgg {
  background: #5981e0;
}

.line-blue-title {
  position: relative;
  padding-left: .75rem;
  color: #acacac;

}

.line-blue-title>span {
  background: #fff;

}

.line-blue-title:after {
  position: absolute;
  content: "";
  left: 50%;
  right: .75rem;
  top: .5rem;
  height: 1px;
  background: #e1e1e1;


}

.dialog-hd-bg-1 {
  padding-bottom: 0;
  border-bottom: none;
  text-align: left;
  background: url("../images/dt-1.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.dialog-hd-bg-1 img {

  max-width: 50%;
  margin-top: -1.55rem;
}

.dialog-btn-two,
.dialog-btn-two-s {
  display: flex;
  padding-bottom: 1rem;
}

.dialog-btn-two a,
.dialog-btn-two-s a {
  padding: .5rem 1.5rem;
  margin: 0 1rem;
  flex: 1;
  text-align: center;
  border-radius: 1rem;
}

.dialog-btn-two-s a {
  padding: .35rem 1.5rem;
}

.dialog-btn-two a:nth-child(1) {
  border: 1px solid #666;

}

.dialog-btn-two a:nth-child(2) {


  background: #ea4e42;
  color: #fff;

}

.dialog-btn-two-s a:nth-child(1) {
  border: 1px solid #ea4e42;
  color: #ea4e42;
}

.dialog-btn-two-s a:nth-child(2) {
  border: 1px solid #666;
  color: #666;
}

.dialog-time-line {
  position: relative;
  display: flex;
  margin: 1rem 0 .5rem;
  justify-content: space-between;
  align-items: center;
}

.dialog-time-line:before {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  background-color: #d5d5d5;
  position: absolute;
  top: .8rem;
  left: 0;
  z-index: -1;
}

.dialog-time-line span {
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6rem;
  border-radius: 50%;
  background: #cccccc;
  text-align: center;
}

.dialog-time-line span.active {
  background: #ea4e42;
  color: #fff;

}

.hb-btn {
  position: fixed;
  right: .75rem;
  bottom: 5rem;
  display: block;
  width: 2rem;
  height: 2.5rem;
  background: url("../images/hongbao.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.dialog-ft-btn a {
  display: block;
  padding: .75rem 0;
  text-align: center;
  color: #cc3131;
}

.dialog-hb-top {
  padding-bottom: .75rem;
  color: #ffffff;
  background: url("../images/hb-btg.png") no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.dialog-hb-title {
  padding: 1rem 0 .75rem;
  text-align: center;
}

.dialog-hb-cont {
  margin: 0 .75rem;
  padding: .5rem;
  background: rgba(255, 255, 255, .2);
}

.dialog-hb-md img {
  max-width: 100%;
  vertical-align: top;
}

.dialog-hb-ft {
  padding: .25rem 0 1rem;
  background: #e43435;
  text-align: center;
}

.dialog-hb-ft a {
  display: inline-block;
  background: #fff;
  padding: .5rem 1.25rem;
  color: #e43435;
  border-radius: 1.5rem;
}

.test-result-list {
  padding: .75rem;
}

.test-result-list .test-result-card {
  margin-bottom: .75rem;
}

.progressbar {
  position: relative;
  width: 4rem;
  height: 4rem;
  border: .3rem solid #ccc;
  border-radius: 50%;
}

.left-container,
.right-container {
  position: absolute;
  width: 2rem;
  height: 4rem;
  top: -.3rem;
  overflow: hidden;
  z-index: 1;

}

.left-container {
  left: -.3rem;
}

.right-container {
  right: -.3rem;
}

.left-circle,
.right-circle {
  position: absolute;
  top: 0;
  width: 4rem;
  height: 4rem;
  border: .3rem solid transparent;
  border-radius: 50%;
  transform: rotate(-135deg);
  transition: all .5s linear;
  z-index: 2;
}

.left-circle {

  left: 0;
  border-top: .3rem solid blue;
  border-left: .3rem solid blue;
}

.right-circle {
  border-right: .3rem solid blue;
  border-bottom: .3rem solid blue;
  right: 0;

}

.stock-dl-add .stock-c {
  color: #e98459;
}

.stock-dl-minus .stock-c {
  color: #5caeb9;
}

.stock-dl-sell .stock-c {
  color: #d53d3d;
}

.stock-dl-data {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .75rem;
  border-top: 1px solid #efefef;
  font-size: .75rem;
}

.stock-dl-data>div:nth-child(1)>p>span {
  font-size: .8rem;
}

.stock-dl-data>div:nth-child(1)>p~p {
  margin-top: .35rem;
}

.stock-dl-hd {
  padding: .75rem;
  border-bottom: 1px solid #efefef;
  color: #000;

}

.stock-dl-bd {
  padding: .75rem;
}

.warning-fixed-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #b0b0b0;
  font-size: .6rem;
}

.warning-fixed-bottom p {
  padding: .5rem;
  line-height: 1.3;
}

.gray-label-btn {
  background: #c5c5c5;
  font-size: .7rem;
  padding: .1rem .15rem;
  color: #fff;
  border-radius: 3px;
  width: 3.2rem;
}

.history_position_data .flex-box-li-link {
  padding: 0.25rem 0.625rem;
  font-size: .6rem;
  background: #e8e8e8;
}

.history_position_data .flex-box-li-link a {}

.card-text {
  margin: .75rem;
  box-shadow: 0 0 5px #ccc;
  color: #444;
  line-height: 1.5;
}

.card-text-hd {
  padding: .5rem .75rem;
  border-bottom: 1px solid #efefef;
}

.card-text-bd {
  padding: .5rem .75rem;
}

.card-text-title {
  margin-bottom: .25rem;
  color: #222;
  font-size: .85rem;
}

.card-text-cont {
  position: relative;
  max-height: 3.15rem;
  font-size: .7rem;
  overflow: hidden;
}

.card-text-cont button {
  position: absolute;
  bottom: 0;
  right: 0;
  border: none;
  color: #628ffb;
  background: #fff;

}

.card-text-show {
  max-height: 100%;
  overflow: visible;
}

.card-text-fd {
  padding: .5rem .75rem;
}

.warn-text-normal {
  margin: .75rem;
  color: #acacac;
  line-height: 1.5;
  font-size: .65rem;
}

.flex-box-2 {
  padding: 1rem .75rem 0 .75rem;
}

.flex-box-title {
  font-size: .75rem;
  color: #999;
}

.flex-box-2 .flex-box {
  margin-bottom: .45rem;
  line-height: 1.5;
}

.flex-box-2>.flex-box:nth-child(2n+1)>div {
  max-width: 60%;
}

.comment-box-fixed {
  z-index: 1000;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 0 5px #ccc;
}

.comment-box-hd>div {
  width: 100%;
  height: 2.2rem;
  border-bottom: 1px solid #e5e5e5;
}

.comment-box-hd>div>span {
  display: inline-block;
  vertical-align: middle;
}

.comment-box-hd>div>span:nth-child(1) {
  margin-right: .5rem;
  line-height: 1.2;
  background: #628ffb;
  color: #fff;
  font-weight: bold;
  padding: .15rem .5rem;
}

.jc-w {
  z-index: 1000;
}

.jc-w .comment-box-hd>div>span:nth-child(1) {
  border-top-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  margin: -5px 0 0 -5px;
  padding: .25rem .5rem;
}

.comment-box-hd>div>span:nth-child(2) {
  max-width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0.25rem 0;
}

.comment-up-btn {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 2rem;
  height: 2rem;
  background: #fff url("../images/blue-arrow-up.png") center no-repeat;
  -webkit-background-size: 50%;
  background-size: 50%;
}

.comment-box-fd {
  display: flex;
  padding: .45rem .75rem;
  height: 2.4rem;
  align-items: center;
  justify-content: space-between;
}

.comment-box-fd>div {

  flex: 7;

}

.comment-box-fd img {
  max-width: 100%;
  height: auto;
}

.comment-box-fd>a {
  flex: 1;
  color: #d4d4d4;
  text-align: center;

}

.gray-comment-icon {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url("../images/gray-comment-icon.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: middle;
}

.gray-share-icon {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url("../images/gray-share-icon.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.jc-w {

  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;

}

.jc-w>div {
  border: 5px solid #ffe27e;
  border-bottom: none;
  border-top-left-radius: 1rem;
  box-shadow: 0 0 10px #b4b4b4;
  border-top-right-radius: 1rem;
}

.jc-bd {
  padding: .5rem .75rem;
  font-size: .75rem;
  line-height: 1.5;

}

.jc-c {
  margin: .5rem 0;
  font-size: .65rem;
  color: #ccc;

}

.group-people-icon {
  display: inline-block;
  width: .8rem;
  height: .8rem;
  margin-right: .25rem;
  background: url("../images/group-people.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: -15%;

}

.jc-f {
  display: flex;
}

.jc-f>button {
  flex: 1;
  text-align: center;
  color: #fff;
  border-radius: .4rem;
  border: none;
  height: 1.8rem;
  line-height: 1.8rem;
}

.jc-f>button:nth-child(1) {
  margin-right: .3rem;
  background: #f25454;
}

.jc-f>button:nth-child(2) {
  margin-left: .3rem;
  background: #628ffb;
}

.jc-w-close-btn {
  position: absolute;
  top: .25rem;
  right: .25rem;
  width: 2rem;
  height: 2rem;
  background: url("../images/icon-close.png") center no-repeat;
  -webkit-background-size: 40%;
  background-size: 40%;
}

.jc-t {
  max-height: 2.25rem;
  overflow: hidden;

}

.fingerprints-icon {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-left: .2rem;
  background: url("../images/fingerprints.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: -15%;
}

.jc-f-s {
  margin-left: .2rem;
}

.flex-cell-average {
  position: relative;
}

.circle-red-point {
  position: absolute;
  top: -.2rem;
  left: 2.9rem;
  width: .8rem;
  height: .8rem;
  color: #fff;
  border-radius: 50%;
  background: #F05958;
  text-align: center;
  line-height: .8rem;
  font-style: normal;
}

.dialog-form input {
  border: none;
  border-bottom: 1px solid #eee;
  text-align: right;
  margin-right: .2rem;
  width: 6rem;
}

.img-res {
  margin-bottom: .75rem;
}

.img-res img {
  max-width: 60%;
  height: auto;
}

.img-res-full img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.ds-item-hd {
  padding: .75rem;
  background: #eaeaea;
}

.ds-item-bd {
  padding: .5rem .75rem;
  border-bottom: 1px solid #eee;
}

.list-block .item-content-bg .item-title.label {
  width: 55%
}

.list-block .item-content-bg .item-input,
.list-block .item-content-bg .item-input input,
.list-block .item-content-bg .item-input select {
  text-align: right;
}

.br-lh {
  padding: .75rem 0;
  border-bottom: 1px solid #efefef;
}

.br-lh-title {}

.br-lh-b {
  color: #333;
  border-left: 4px solid #da4646;
  padding-left: .75rem;
  height: 1rem;
  line-height: 1;
}

.br-lh-img img {
  width: .8rem;
  height: .8rem;
  margin-right: .05rem;
  vertical-align: middle;
}

.stock-detail-4 {
  display: flex;
  margin: .75rem 0;
  padding: 0 .75rem;
}

.stock-detail-4>div {
  flex: 1;
  font-size: .7rem;
}

.stock-detail-4>div>div:nth-child(1) {
  margin-bottom: .85rem;
  padding-top: .2rem;
}

.stock-detail-4>div:nth-child(1)>div:nth-child(1) {
  font-size: 1.8rem;
  margin-bottom: 0;
  padding-top: 0;
}

.bt-hd {
  padding: .5rem 0;
  color: #6893fb;
  font-size: .75rem;
}

.bt-hd i {
  display: inline-block;
  width: .5rem;
  height: .5rem;
  margin-right: .25rem;
  border-radius: 50%;
  background: #6893fb;
}

.bt-bd {
  position: relative;
  padding: 0 .75rem;
  line-height: 1.5;
}

.bt-bd-news {
  padding-right: 5rem;
}

.bt-bd .good-news {
  position: absolute;
  right: .75rem;
  top: .75rem;
  padding: .5rem .75rem;
  border: 1px dashed #cc3131;
  color: #cc3131;
  font-size: 1rem;
}

.bt-bd .bad-news {
  position: absolute;
  right: .75rem;
  top: .75rem;
  padding: .5rem .75rem;
  border: 1px dashed #04b235;
  color: #04b235;
  font-size: 1rem;
}

.border-table,
.table-title {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;

}

.table-title thead {
  background: #999;
  color: #fff;

}

.add-gz-none {
  background: #c0c0c0;
  color: #fff;
  border: none;
  width: 3.8rem;
  height: 1rem;
  font-size: .65rem;
  border-radius: 0.15rem;
}

.border-table td,
.table-title td {
  border: 1px solid #e5e5e5;
  text-align: center;
  padding: .5rem 0;
  font-size: .6rem;
}

.table-title td {
  font-size: .75rem;
}

.circle-pro-wrap {
  padding-top: 2.5rem;
  padding-bottom: 1rem;
}

.circle-pro-cont {
  position: relative;
  width: 45%;
  margin: 0 auto;
}

.circle-inner-text {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 35%;
  left: 0;
  color: #abc3fd;

}

.circle-inner-text span {
  font-size: 1rem;
  color: #7a9ef3;
  font-weight: bold;
  line-height: 1.5;
}

.circle-pro-cont img {
  max-width: 100%;
  height: auto;
}

.circle-text {
  height: 1.4rem;
  line-height: 1.4rem;
  text-align: center;
  margin-top: .5rem;
  color: #989898;
}

.circle-l-item {
  position: absolute;
  width: 3.4rem;
  height: 3.4rem;

}

.circle-l-item span {
  position: absolute;
  width: 2.6rem;
  padding: .2rem;
  background: #7fa4fc;
  color: #fff;
  font-size: .6rem;
  text-align: center;


}

.circle-l-item:nth-child(1) span,
.circle-l-item:nth-child(2) span,
.circle-l-item:nth-child(3) span {
  top: -.2rem;
  left: -1rem;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
}

.circle-l-item:nth-child(4) span,
.circle-l-item:nth-child(5) span,
.circle-l-item:nth-child(6) span {
  top: -.2rem;
  right: -1rem;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
}

.circle-l-item:nth-child(1) {
  left: -3.5rem;
  top: 4.2rem;
}

.circle-l-item:nth-child(2) {
  left: -3rem;
  top: .8rem;
}

.circle-l-item:nth-child(3) {
  left: -1rem;
  top: -2.2rem;
}

.circle-l-item:nth-child(4) {
  right: -1rem;
  top: -2.2rem;
}

.circle-l-item:nth-child(5) {
  right: -3rem;
  top: .8rem;
}

.circle-l-item:nth-child(6) {
  right: -3.5rem;
  top: 4.2rem;
}

.circle-pro-v2 {
  padding-top: 1.2rem;
  padding-bottom: .75rem;
}

.circle-pro-v2 .circle-pro-cont {
  width: 35%;
}

.circle-pro-v2 .circle-l-item {
  width: 2.4rem;
}

.circle-pro-v2 .circle-l-item:nth-child(1) {
  width: 3rem;
  top: -.8rem;
  left: -2.4rem;
}

.circle-pro-v2 .circle-l-item:nth-child(2) {
  left: -4rem;
  top: 1.4rem;
}

.circle-pro-v2 .circle-l-item:nth-child(3) {
  left: -2.4rem;
  top: 3.2rem;
}

.circle-pro-v2 .circle-l-item:nth-child(4) {

  top: -.8rem;
  right: -1.5rem;
}

.circle-pro-v2 .circle-l-item:nth-child(5) {
  right: -4rem;
  top: .6rem;
  width: 3rem;
}

.circle-pro-v2 .circle-l-item:nth-child(6) {
  right: -2.4rem;
  top: 3.2rem;
}

.text-rc-tr {
  position: absolute;
  right: .5rem;
  top: .5rem;
  font-size: .7rem;
}

.circle-bar .circle-bar-text-bottom {
  background: #fff;
  bottom: -4.2rem;
  font-size: .7rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  border-radius: 50%;
  color: #d24e40;

}

.echart-line-nav {
  padding-left: .75rem;
  font-size: .7rem;
}

.echart-line-nav a {
  padding: 0 .2rem;
}

.echart-line-nav a.active {
  background: #d4ebff;
  color: #fc4d4d;
}

.echart-line-time {
  padding: .3rem 5%;
  font-size: .6rem;
  display: flex;
  justify-content: space-between;
}

.echart-line-time span {}

.icon-ball-red {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url("../images/ball-red.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: -10%;
}

.stock-group-block {
  padding-bottom: .75rem;
  background: url("../images/gupiaoquanbg.jpg") no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.sg-bt {
  padding: .75rem;
  font-size: 1rem;
  color: #333;

}

.sg-bd {
  margin: 0 .75rem;
  background: #fff;
  border-radius: .4rem;
  padding: .5rem .75rem;
  box-shadow: 0 0 8px #aeaeae;
}

.sg-bd-t,
.jc-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sg-bd-b {
  margin-top: .75rem;
}

.jc-btn button {
  width: 40%;
  border: none;
  height: 2rem;
  color: #fff;
  border-radius: .4rem;
}

.jc-btn button:nth-child(1) {
  background: #ff7171;
}

.jc-btn button:nth-child(3) {
  background: #00c8a9;
}

.stock-group-mine {
  margin-top: -.3rem;
  padding-left: .75rem;
}

.icon-no-ren {
  display: inline-block;
  height: .7rem;
  width: 3.2rem;
  background: url("../images/wzr.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: -10%;
}

.stock-group-mine i {
  margin-left: .2rem
}

ul,
li {
  list-style: none;
}

.tou-h {
  display: flex;
  justify-content: space-between;

}

.tou-h i {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: -15%;
}

.icon-tou-red {
  margin-right: .2rem;
  background: url("../images/red-gou.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.icon-tou-green {
  margin-left: .2rem;
  background: url("../images/green-gou.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.tou-progress {
  position: relative;
  height: 1.5rem;
  background: #00c8a9;
  border-radius: .4rem;
}

.tou-left,
.tou-right {
  position: absolute;
  top: 0;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  color: #fff;
}

.tou-left {
  left: 0;
  background: #ff7171;
  border-radius: .4rem;
}

.tou-right {
  right: 0;
  background: #00c8a9;
  border-radius: .4rem;
}

.tou-h>div:nth-child(1) {
  color: #ff7171;
}

.tou-h>div:nth-child(2) {
  color: #00c8a9;
}

.du-chart-time {
  display: flex;
  justify-content: space-between;
  color: #b5b5b5;
  font-size: .7rem;
}

textarea.write_reading_box {
  width: 100%;
  border: none;
  min-height: 10rem;
}

.text-bar {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}

.text-bar-cont {
  display: flex;
  height: 2rem;
  line-height: 2rem;
  font-size: .7rem;
}

.text-bar-cont>span {
  flex: 1;
  color: #b4b4b4;
  text-align: center;
}

.nc-bd img,
.nc-hd img {
  display: block;
  max-width: 100%;
  height: auto;
}

.nc-hd {
  position: relative;
}

.nc-hd>div {
  position: absolute;
  left: 0;
  bottom: 0.5rem;
  width: 100%;
}

.nc-hd>div>div {
  margin: 0 .75rem;
  background: #fff;
  border-radius: .4rem;
  padding: .75rem .75rem;
}

.n-swiper {
  padding: 0.6rem;
  background: url("../images/nbt.png") left top no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.n-swiper>.swiper-wrapper>div.swiper-slide {
  width: 92% !important;
  margin-right: 0.6rem;
}

.n-swiper>div>div>img {
  width: 100%;
  height: 6.85rem;
  border-radius: .5rem;
}

.index-top {
  background: #ed5050 !important;

}

.tab-style-new {
  margin-top: .75rem;
}

.tab-style-new .buttons-tab {
  padding-top: .75rem;
  border-bottom: none;
  background: url("../images/ntbg.png") top left no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.tab-style-new i {
  display: inline-block;
  width: .9rem;
  height: .9rem;
  margin-right: .15rem;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: -8%;
}

.tab-style-new span {
  display: inline-block;
}

.tab-style-new .buttons-tab .button.active {
  border-color: #fff;
  color: #e54a4a;

}

.tab-style-new .buttons-tab .button {
  border-bottom: none;
}

.tab-style-new .buttons-tab .button.active span {
  background: #fff;
  padding: 0 .95rem;
  border-top-left-radius: .8rem;
  border-top-right-radius: .8rem;
  border-bottom-right-radius: .8rem;
  box-shadow: 0 0 5px #efd1c2;
}

.ju-i {
  background: url("../images/ni-1.png") no-repeat;
}

.xu-i {
  background: url("../images/ni-2.png") no-repeat;
}

.hu-i {
  background: url("../images/ni-3.png") no-repeat;
}

.active .ju-i {
  background: url("../images/ni-1-a.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.active .xu-i {
  background: url("../images/ni-2-a.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.active .hu-i {
  background: url("../images/ni-3-a.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.by-avatar img {
  width: 4.4rem;
  vertical-align: top;
}

.by-wrap {
  display: -webkit-box;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  padding: .75rem;
}

.by-item {
  display: inline-block;
  width: 5.6rem;
  margin-right: .5rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, .3);
  font-size: .7rem;
  text-align: center;
  padding: .5rem;
  line-height: 1.5;
  border-radius: .3rem;

}

.by-item>a {
  display: block;
}

.by-name {
  margin: .25rem 0;

}

.by-info {
  /*    background: #e8f3f7;*/
  /*    padding: .25rem .5rem;*/
  white-space: normal;
  font-size: .65rem;

}

.selected_trends_items .by-item {
  vertical-align: text-top;
}

.selected_trends_items .by-avatar img {
  height: 4.4rem;
}

.selected_trends_items .by-name {
  height: 1rem;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
}

.selected_trends_items .by-info {
  height: 2.2rem;
  line-height: 1.1rem;
}

.by-info span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.user-tag-img img {
  max-width: 100%;
  height: .9rem;
  vertical-align: middle;
  margin-left: .2rem;
}

.user-head-new>a>img {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 0.15rem;
}

.xl-group {
  position: relative;
}

.xl-group img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.xl-group-detail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.side-gap-bottom li {
  padding-left: .75rem;
  padding-right: .75rem;
  border-bottom: .35rem solid #e8e8e8;
}

.xl-g-at {
  position: absolute;
  top: .95rem;
  right: 0;
  background: #3e1844;
  color: #f4b65e;
  padding: .35rem .75rem;
  font-size: .7rem;
  border-top-left-radius: .75rem;
  border-bottom-left-radius: .75rem;
}

.xl-g-b {
  padding: 3.5rem .5rem 0 .5rem;
  display: flex;
  justify-content: space-between;
}

.xl-g-b a {
  display: block;
  width: 3rem;
  height: 3rem;

}

.xl-g-b a:nth-child(1) {
  background: url("../images/my-ph-icon.png") center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.xl-g-b a:nth-child(2) {
  background: url("../images/my-group-icon.png") center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.tab-group {
  margin-top: .5rem;
  padding: 0 1.5rem;
}

.tab-group .buttons-tab {
  background: rgba(0, 0, 0, .3);
  border-radius: 2rem;
  border-bottom: none;
  padding: .1rem .1rem .25rem .1rem;
  height: 2.55rem;
}

.tab-group .buttons-tab .button {
  color: #fff;
  border-bottom: none;
  height: 2.2rem;
  line-height: 2.2rem;
}

.tab-group .buttons-tab .button.active {
  background: -webkit-linear-gradient(#f9cb88, #ecac50);
  background: -moz-linear-gradient(#f9cb88, #ecac50);
  background: linear-gradient(#f9cb88, #ecac50);
  border-radius: 2rem;
}

.group-list-hd {
  display: flex;
  justify-content: space-between;
}

.g-user {
  display: flex;
  align-items: center;
}

.g-user>img {

  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  margin-right: .3rem;
}

.g-user-info {
  font-size: .85rem;
  color: #2e2e2e;
}

.g-user-info i {
  display: inline-block;
  height: 1.3rem;
  width: 5.5rem;
  margin-left: .3rem;
  background: url("../images/pt-1.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: middle;
}

.g-btn-ing,
.g-btn-bm {
  background: #edae69;
  color: #ffffff;
  padding: .45rem .55rem;
  font-size: .8rem;
  border: none;
  border-radius: .25rem;
}

.g-btn-bm {
  background: #628ffb;
}

.group-list li {
  position: relative;
  margin: 0 .75rem .75rem .75rem;
  background: #ffffff;
  padding: 1rem .5rem .5rem .5rem;
  border-radius: .25rem;
}

.group-tl {
  position: absolute;
  top: 0;
  left: 0;
  background: #e8a55c;
  color: #fff;
  border-top-left-radius: .25rem;
  border-bottom-right-radius: .25rem;
  padding: .1rem .2rem;
  font-size: .65rem;
}

.group-list-bd {
  margin-top: .5rem;
  font-size: .85rem;
  color: #2e2e2e;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.group-list-fd {
  margin-top: .75rem;
  text-align: right;
  color: #a3a3a3;
  font-size: .7rem;
}

.group-tab-wrap {
  position: relative;
  background: url("../images/my-group-bg-2.jpg") repeat-y;
  -webkit-background-size: contain;
  background-size: contain;
  padding-bottom: .75rem;
}

.group-time-tip {
  position: absolute;
  top: -1.9rem;
  left: 0;
  width: 100%;
  font-size: .7rem;
  background: rgba(0, 0, 0, .3);
  color: #ffffff;
  padding: .45rem .75rem;
}

.kb-icon {
  display: inline-block;
  width: 2rem;
  height: 1rem;
  background: url("../images/kb-icon.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: -10%;
}

.group-hot-icon {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url("../images/my-hot-icon.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: -10%;
  margin-right: .2rem;
}

.tab-group .buttons-tab .button.active .group-hot-icon {

  background: url("../images/my-hot-icon-active.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;

}

.n-swiper-news {
  position: absolute;
  right: 0;
  bottom: 1.25rem;
  width: 90%;
  padding-left: .75rem;
  background: rgba(0, 0, 0, .7);
  color: #fff;
  z-index: 9999;
  white-space: nowrap;
  border-top-left-radius: 2rem;
  border-bottom-left-radius: 2rem;
}

.n-swiper-news .n-swiper-main {
  overflow: hidden;
  width: 90%;
  margin-left: 15%
}

.n-news-i {
  display: inline-block;
  width: 2.5rem;
  height: 2rem;
  margin-top: -.75rem;
  background: url("../images/lingdang.png") no-repeat;
  -webkit-background-size: 2.2rem 1.55rem;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  left: 0.625rem;
  top: 0.5rem;

}

.n-news-t {
  display: inline-block;
  padding: .5rem .75rem;
  width: 20rem;
  white-space: nowrap;
  overflow: hidden;
  animation: 10s wordsLoop linear infinite normal;
}

.challenge-group-item {
  position: relative;
  margin-top: .75rem;
  padding: .5rem 3rem .5rem .75rem;
}

.challenge-group-media {
  position: relative;
  display: block;
}

.challenge-group-item-content {
  display: flex;


}

.challenge-group-item-content>div {
  padding-left: .85rem;
}

.challenge-group-media img {
  width: 3.2rem;
}

.challenge-group-media i {
  position: absolute;
  display: block;
  -webkit-background-size: contain;
  background-size: contain;

}

.challenge-group-media .cup-icon {
  width: 1.5rem;
  height: 1.5rem;
  right: -.6rem;
  top: -.4rem;
}

.challenge-group-item-after {
  position: absolute;
  right: 0;
  top: .75rem;
  padding: 0 .75rem;
  background: #fff;
  text-align: center;
}

.challenge-group-item-after>p {
  text-align: center;
  font-size: .7rem;
  color: #999;

}

.challenge-group-item-inner {
  position: relative;
  display: block;

  width: 100%;
}

.challenge-group-title {
  font-weight: 600;
  font-size: .8rem;
  padding-top: .25rem;
}

.challenge-group-text {
  font-size: .65rem;
  margin: .25rem 0 .5rem 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.challenge-group-foot {
  font-size: .7rem;
}

.cup-icon-1 {
  background: url("../images/cup-1.png") no-repeat;
}

.dz-icon {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  background: #999 url("../images/good-white-icon.png") center no-repeat;
  -webkit-background-size: 50%;
  background-size: 50%;
  border-radius: 50%;
}

.num-icon {}

.team-info {
  position: relative;
}

.team-info .team-personal-wrap {
  position: absolute;
  top: .5rem;
  left: 20%;
  width: 60%;
  justify-content: space-between;

}

.team-bg {
  width: 100%;
  height: 5rem;
  overflow: hidden;
}

.team-bg img {
  max-width: 100%;
}

.team-info-detail {
  position: relative;
  display: flex;
  padding: 0 .75rem;
  margin-top: -3.2rem;
}

.team-info-media {
  position: relative;
  display: flex;
  width: 4.4rem;
  height: 4.4rem;

}

.team-info-text {
  width: 100%;
  margin-left: .75rem;
  color: #fff;

}

.team-info-text>div {
  font-size: 1rem;
  font-weight: bold;
}

.team-info-media img {
  width: 4.4rem;
  height: 4.4rem;
  border-radius: .5rem;
}

.team-leader-name {
  padding-left: 5.9rem;
  font-size: .7rem;
  margin-top: -1rem;
}

.tag-g {
  background: #999;
  color: #fff;
  margin-right: .5rem;
}

.team-words {
  margin: 1rem .75rem;
  display: flex;
  align-items: center;
  position: relative;
  padding: .5rem .75rem .5rem 5.25rem;
  box-shadow: 0 0 5px rgba(128, 67, 37, .2);
}

.team-words>span {
  width: 4.5rem;
  font-size: 1rem;
  font-weight: bold;
  font-family: "微软雅黑";
  color: #e9b47d;
  position: absolute;
  top: .5rem;
  left: .75rem;

}

.team-words>div {
  padding-top: .2rem;
}

.team-personal {
  position: relative;
}

.team-personal>img {
  max-width: 100%;
}

.team-personal-content {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  color: #fff;
  padding: .75rem .75rem 0;
}

.team-personal-partner {
  flex: 2;
}

.team-personal-leader {
  flex: 1;
}

.team-personal-wrap {
  display: flex;
}

.team-personal-item {
  position: relative;
  width: 2.8rem;
  height: 2.8rem;
}

.team-personal-item>img {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  border: .2rem solid #fff;
}

.leader-tag {
  position: absolute;
  top: -.3rem;
  right: -.5rem;
  background: #dfa852;
  padding: .1rem .2rem;
  font-size: .65rem;
  color: #fff;
}

.team-partner-score {
  position: absolute;
  left: 0;
  bottom: -.85rem;
  font-size: .6rem;
  background: #fff;
  border-radius: .25rem;
  padding: .2rem 0 .2rem .2rem;
  width: 2.8rem;
  overflow: hidden;
  color: #666;
}

.team-personal-leader-cont .team-partner-score {
  bottom: -.5rem;
}

.team-personal-leader .team-score {
  padding-left: .75rem;
}

.team-partner-id,
.team-partner-cj {
  display: block;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.team-partner-cj {
  margin-top: .2rem;
}

.team-score {
  margin-bottom: .75rem;
}

.team-score>span {
  margin-right: .5rem;

  font-size: 1rem;
  font-weight: 600;
}

.team-personal-leader-cont {
  padding-left: 2.75rem;
}

.team-stock-list {}

.ts-list-title {
  padding: .75rem;
  border-bottom: .1rem solid #efefef;
}

.ts-t-l {
  font-size: .85rem;
  color: #000;
  padding-left: .75rem;
  border-left: .1rem solid #e94c4c;
}

.ts-list-button {
  padding: 1.25rem 0;
  text-align: center;
  border-bottom: .1rem solid #efefef;
}

.ts-list-button>a {
  color: #628ffb;
  font-size: .9rem;
}

.icon-data-color,
.icon-comment-color {
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
}

.ts-t-li {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin-left: .75rem;
  font-size: .7rem;
}

.ts-list-bd>ul>li {
  margin-bottom: .5rem;
}

.ts-list-bd {
  padding: 0 .75rem;
}

.ts-bd-hd {
  padding: .75rem 0;
}

.ts-bd-title span {
  font-size: .85rem;
  color: #000;
}

.ts-bt-a {
  padding: 0 .75rem;
  color: #628ffb;
}

.ts-bd-meta {
  margin-top: -.4rem;
  font-size: .7rem;
  color: #666;
}

.ts-bd-cont {
  margin-top: .5rem;
  padding: .5rem 0 .5rem .5rem;
  background: #efefef;
  font-size: .75rem;
  line-height: 1.5;
}

.icon-data-color {
  background: url("../images/icon-data-color.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.icon-comment-color {
  background: url("../images/icon-comment-color.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.fixed-red-btn {
  position: fixed;
  right: 1rem;
  bottom: 4rem;
  background: #f36363;
  color: #fff;
  font-size: .85rem;
  padding: .5rem 1rem;
  border-radius: 1rem;
}

.team-last-news {
  position: absolute;
  top: -1.2rem;
  left: 20%;
  width: 60%;
  background: rgba(0, 0, 0, .5);
  color: #fff;
  padding: .5rem 1rem;
  border-radius: 1rem;
  text-align: center;
}

.team-face-user {
  position: absolute;
  top: .5rem;
  left: .75rem;
  background: rgba(0, 0, 0, .5);
  color: #fff;
  padding: .35rem .75rem;
  border-radius: 1rem;
  font-size: .7rem;
}

.team-pk-wrap {
  position: relative;
}

.team-pk-bg {
  margin-top: -1.2rem;
}

.team-pk-bg img {
  max-width: 100%;
}

.team-pk-group {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.team-pk-group>div {
  width: 33%;
}

.team-pk-blue {
  margin-left: .75rem;
  padding-top: 1rem;
}

.team-pk-red {
  margin-right: .75rem;
  padding-top: 3.2rem;
}

.team-pk-head {
  position: relative;
  width: 3rem;
  height: 3rem;
}

.team-pk-head .name {
  position: absolute;
  left: 0;
  bottom: -.25rem;
  font-size: .6rem;
  background: #fff;
  border-radius: .25rem;
  padding: .2rem 0 .2rem .2rem;
  width: 2.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;

}

.team-pk-cont {
  margin-top: .75rem;
  padding: .5rem 0 .5rem .25rem;
  background: rgba(255, 255, 255, .8);
  border-radius: .5rem;
}

.team-pk-head>img {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: .2rem solid #fff;
}

.tj_publication_replay {
  margin-top: .2rem;
  padding: .5rem .75rem;
  background: #f7f7f7;
  color: #666;
  font-size: .7rem;
}

.tj_publication_list.tj_publication_media_big li .publication_user_container .publication_user_head {
  width: 1.8rem;
  height: 1.8rem;
}

.tj_publication_list.tj_publication_media_big li {
  padding-left: 2.3rem;
}

.publication_user_name {
  position: absolute;
  bottom: -.3rem;
  left: 0;
  padding: .1rem .2rem;
  background: #dfa852;
  color: #fff;
  font-size: .6rem;
  border-radius: .15rem;
}

.icon-pen {
  width: 1rem;
  height: 1rem;
  background: url("../images/icon-pen.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.fixed-edit-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

.fixed-edit-btn>div {
  padding: .5rem .75rem;
  background: #efefef;
  position: relative;
}

.fixed-edit-btn>div>i {
  position: absolute;
  top: 1rem;
  left: 1.5rem;
}

.fixed-edit-btn>div>input {
  height: 1.8rem;
  line-height: 1.8rem;
  width: 100%;
  padding-left: 2.2rem;
  border: 1px solid #ccc;
  border-radius: .4rem;
}

.easy-list-hd {
  display: flex;
  padding: .5rem .75rem;
  justify-content: space-between;
  background: #fff2ed;
  color: #f07d4e;

}

.icon-qz {
  width: 1rem;
  height: 1rem;
  background: url("../images/icon-orange-sm.png") no-repeat;
}

.icon-gd {
  width: 1rem;
  height: 1rem;
  background: url("../images/icon-orange-more.png") no-repeat;
}

.easy-list-wrap {
  padding-right: 2rem;
}

.easy-list-item {
  margin-left: .75rem;
  margin-top: .75rem;
  box-sizing: border-box;

}

.easy-list-item>a {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem .75rem .5rem 4.5rem;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .1);
  border: 1px solid #efefef;
  border-radius: .25rem;
  box-sizing: border-box;
}

.easy-list-media {
  position: absolute;
  top: .5rem;
  left: .75rem;
  display: flex;
  box-sizing: border-box;
  flex-wrap: nowrap;
}

.easy-list-media img {
  width: 3rem;
  height: 3rem;
  border-radius: .25rem;
}

.easy-list-inner {
  width: 100%;
  display: block;
  box-sizing: border-box;
  min-height: 3rem;
}

.easy-list-inner-title {
  color: #000;
}

.easy-list-inner-meta {
  margin: .35rem 0;
  font-size: .65rem;
  color: #999;

}

.easy-list-inner-text {
  display: -webkit-box;
  font-size: .75rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.list-swiper .swiper-slide {}

.easy-list-n .easy-list-item {
  margin-right: .75rem;
}

.join-group-header {
  position: relative;
  height: 7.05rem;
}

.join-group-header .jg-share-btn-1 {
  position: absolute;
  top: 0.5rem;
  right: 0.625rem;
}

.join-group-header img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.join-group-header>img.join-group-banner {
  width: 100%;
  height: 7.05rem;
  vertical-align: top;
}

.join-group-before,
.join-group-after {
  position: absolute;
  top: 2.1rem;
  left: 0;
  width: 100%;
}

.join-group-after {
  top: 1.4rem;
}

.join-group-after .bh-name-bg {
  height: 2.475rem;
}

.bh-name-bg {
  max-width: 90% !important;
  margin-left: 5%;
}

.bh-name-avatar {
  position: absolute;
  bottom: -2.4rem;
  left: .5rem;
  width: 3.6rem !important;
  height: 3.6rem !important;
  border-radius: 50%;
  border: .2rem solid #fff;
}

.join-group-name {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2.4rem;
  line-height: 2.5rem;
  text-align: center;
  font-size: 1rem;
  color: #000;
}

/*.join-group-after .join-group-name{
    text-align: left;
    padding-left: 4.2rem;
}*/
.tag-gray {
  background: #9ea6b8;
  padding: .1rem .25rem;
  color: #fff;

}

.star-img {
  width: 1rem;
  vertical-align: -15%;
  margin-left: .25rem
}

.icon-gth {
  width: .6rem;
  height: .6rem;
  background: url("../images/icon-gth.png") no-repeat;
  margin-left: .35rem;
}

.tag-w span {
  display: inline-block;
  background: #fff;
  color: #333;
  font-size: .6rem;
  padding: .15rem .35rem;
  border-radius: .15rem;
}

.join-after-info {
  margin-top: .1rem;
  margin-left: 4.2rem;
  color: #fff;
  font-size: .75rem;
}

.join-group-time {

  margin-top: .75rem;
  color: #fff;
  text-align: center;
}

.join-group-time span {
  position: relative;
}

.join-group-time span:before,
.join-group-time span:after {
  position: absolute;
  content: "";
  top: .45rem;

  height: 1px;
  width: 4rem;
  background: rgba(255, 255, 255, .7);
}

.join-group-time span:before {
  left: -5rem;
}

.join-group-time span:after {
  right: -5rem
}

.join-group-detail {
  padding: .75rem;
  color: #9ea6b8;
}

.padding-normal {
  padding: 0 .75rem;
}

.border-bottom-list {
  border-bottom: .5rem solid #efefef;
}

.jg-info-hd {
  position: relative;
}

.jg-share-ul {
  position: absolute;
  right: 0.625rem;
  top: 2rem;
  background: #ffffff;
  width: 5rem;
  z-index: 9999;
  text-align: center;
  box-shadow: 0 0 4px #ccc;
  font-size: .75rem;
}

.jg-share-ul li a {
  display: block;
  padding: .75rem;
  border-bottom: 1px solid #efefef;
  line-height: 1;
}

.icon-share-jg {
  width: 1rem;
  height: 1rem;
  background: url("../images/icon_share_white.png") no-repeat;
}

.icon-ts {
  width: .9rem;
  height: .9rem;
  margin-right: .5rem;
  background: url("../images/icon-feedback.png") no-repeat;
}

.icon-tj {
  width: .9rem;
  height: .9rem;
  margin-right: .5rem;
  background: url("../images/icon-tuijian.png") no-repeat;
}

.icon-fb {
  width: .9rem;
  height: .9rem;
  margin-right: .5rem;
  background: url("../images/icon-fabiao.png") no-repeat;
}

.icon-td {
  width: .9rem;
  height: .9rem;
  margin-right: .5rem;
  background: url("../images/icon-wode.png") no-repeat;
}

.icon-ld {
  width: 1rem;
  height: 1rem;
}

.hide-share-btn,
.hide-share-btn1 {
  display: block;
  margin-top: 2rem;
  padding: 1rem 0;
  text-align: center;
  border-top: 1px solid #efefef;
}

.share-icon-wrap .icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-bottom: .25rem;
}

.share-box-big .icon {
  width: 2.15rem;
  height: 2.15rem;
  font-size: .7rem;
}

.icon-weixin {
  background: url("../images/icon_qudao_weixin@2x.png") center;
}

.icon-pyq {
  background: url("../images/icon_qudao_pengyouquan@2x.png") center;
}

.icon-lianjie {
  background: url("../images/icon_qudao_lianjie@2x.png") center;
}

.icon-haibao {
  background: url("../images/icon_qudao_tupian@2x.png") center;
}

.icon-zhidian {
  background: url("../images/icon_shezhi_zhiding.png") center;
}

.icon-zhidian-un {
  background: url("../images/icon_zhiding_un.png") center;
}

.icon-jinhua {
  background: url("../images/icon_shezhi_jinhua.png") center;
}

.icon-jinhua-un {
  background: url("../images/icon_jinhua_un.png") center;
}

.icon-yulan {
  background: url("../images/icon_shezhi_yulan.png") center;
}

.icon-yulan-un {
  background: url("../images/icon_yulan_un.png") center;
}

.icon-dongtai {
  background: url("../images/icon_shezhi_dongtai.png") center;
}

.icon-dongtai-un {
  background: url("../images/icon_dongtai_un.png") center;
}

.icon-biji {
  background: url("../images/xingxing.png") center;
}

.icon-biji-un {
  background: url("../images/xingxing_un.png") center;
}

.share-icon-wrap {
  display: flex;
}

.icon-store {
  margin-top: 0;
  margin-right: .1rem;
  background: url("../images/icon-star-default.png") no-repeat;
  width: .6rem;
  height: .6rem;
  vertical-align: -5% !important;
}

.store-icon-wrp.active {
  color: #ff6600
}

.store-icon-wrp.active .icon-store {
  background: url("../images/icon-star.png") no-repeat;
  background-size: contain;
}

.btn-blue-empty-small {
  padding: .1rem .25rem .05rem .25rem;
  font-size: .5rem;
  border: 1px solid #628ffb;
  color: #628ffb;
  border-radius: .5rem;
}

.share-icon-wrap>a {
  display: block;
  text-align: center;
  font-size: .7rem;
}

.jg-info-bd {
  position: relative;
  font-size: .7rem;
  line-height: 1.5;
  padding-bottom: .75rem;
}

.jg-info-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  font-size: .65rem;
  color: #4499c7;
  background: #fff;
  padding-left: .75rem;

}

.jg-info-text {
  position: relative;
  display: -webkit-box;
  overflow: hidden;
  font-size: .75rem;
  line-height: 1.05rem;
  color: #5f646e;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.join-user-avatar img {
  width: 3rem;
  height: 3rem;
  margin-right: .5rem;
  border-radius: 50%;
}

.join-user-detail {
  text-align: center;
  line-height: 1.5;
}

.y-tag {
  background: #fff9e6;
  padding: 0.1rem;
  font-size: .65rem;
  color: #bfbcb5;
}

.jh-wrap img {
  width: 2rem;
}

.jg-bm {
  margin-left: 4rem;
  align-items: center;
}

.tip-gray-text {
  padding: .725rem 0;
  text-align: center;
  color: #999;
  background: #fefaf2;
  font-size: .7rem;
}

.join-pay-wrap {
  position: fixed;
  width: 100%;
  height: 3.5rem;
  bottom: 0;
  left: 0;
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, .06);
  z-index: 999;
}

.join-pay {
  padding: .75rem;
  align-content: center;
}

.join-pay-btn {
  background: #cc3131;
  border: none;
  color: #fff;
  padding: .5rem 1rem;
}

.join-pay-price a {
  text-decoration: underline;
  line-height: 1.5;
}

.join-user-title {
  position: relative;
}

.join-user-title img {
  width: 9rem;
}

/*.join-user-title span{
    position: absolute;
    top: .75rem;
    left: .6rem;
    font-size:.7rem;
    color: #fff;
    max-width: 8rem;
    overflow: hidden;
}*/
.join-user-title span {
  color: #7d7d7d;
  overflow: hidden;
  max-width: 9rem;
  display: block;
  margin-top: .25rem;
  line-height: 1.2;
  font-size: .65rem;
}

.user-tag-bg {
  display: inline-block;
  padding: .15rem .3rem;
  border: 1px solid #c7c7c7;
  font-size: .55rem;
  border-radius: .2rem;
  box-shadow: 1px 1px 5px #ccc;
}

.bz-rule {

  padding: .75rem;
  line-height: 1.8;
  font-size: .7rem;
}

.bz-rule-table {
  margin: .5rem 0;
  width: 100%;
  font-size: .6rem;
}

.bz-rule-table td {
  border: 1px solid #e2e2e2;
  text-align: center;
  padding: .35rem 0;
}

.chat-h {
  display: flex;
  justify-content: space-between;
  padding: .75rem;
  color: #2e2e2e;
  border-bottom: .5rem solid #efefef;
}

.chat-h>a {
  color: #628FFB;
}

.chat-c-h {
  padding: .75rem;
}

.chat-tag-default span,
.chat-tag-small span {
  display: inline-block;
  padding: .25rem .5rem;
  background: #efefef;
  color: #666;
  border-radius: .5rem;
}

.chat-tag-small span {
  padding: .15rem .35rem;
  font-size: .6rem;
}

.chat-tag-default span.active,
.chat-tag-small span.active {
  background: #FFE9E5;
  color: #CD3031;
}

.chat-c-media img {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
}

.chat-c-i {
  display: flex;
  padding: .75rem;
}

.chat-c-inner {
  width: 100%;
  margin-left: .5rem;
}

.chat-t-name {
  margin-bottom: .25rem;
  color: #445C97;

}

.chat-c-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.char-top-r {
  position: relative;
}

.chat-del {
  position: absolute;
  top: 1.4rem;
  right: 0;
  width: 3rem;
  padding: .5rem 0;
  box-shadow: 0 0 5px #b3b3b3;
  text-align: center;
  background: #fff;
  border-radius: .25rem;
}

.chat-slh {

  display: inline-block;
  width: 2rem;
  height: 1.2rem;
  background: url("../images/img_cicle_more.png") no-repeat;

  -webkit-background-size: contain;
  background-size: contain;
}

.sd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1.4;
  padding: .75rem;
}

.chat-inner-text {
  margin-top: .4rem;
  line-height: 1.4;
}

.chat-inner-text .time {
  color: #999;
  margin-right: .25rem;
  font-size: .65rem;
}

.chat-inner-btn {
  padding: .45rem 0;
  text-align: center;
  width: 6rem;
  background-image: linear-gradient(to right, #6793EF, #4C7BDE);
  color: #fff;
  border: none;
  border-radius: .25rem;
}

.chat-bz-share {
  position: absolute;
  top: .75rem;
  right: 1rem;
  width: 3rem !important;
  height: 1.5rem !important;
  line-height: 1.5rem !important;
  background-image: linear-gradient(to right, #6793EF, #4C7BDE);
  color: #fff;
  border: none;
  border-radius: .25rem;
  font-size: .65rem;
}

.chat-inner-btn-red {
  background-image: linear-gradient(to right, #DC3A3A, #CC3131);
}

.img-responsive {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.reply-icon-color {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url("../images/reply-icon-color.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: middle;
  margin-right: .25rem;
}

.chat-dey {
  color: #999;
  margin-bottom: .25rem;
}

.mc-ai-ss {
  margin-bottom: 0 !important;
  margin-top: .35rem;
}

.reply-tg {
  font-size: .6rem;
  padding: .15rem .5rem;
  border: 1px solid #999;
  border-radius: 1rem;
  font-style: normal;
  color: #999;
}

.sd>div:nth-child(1)>div {
  display: inline-block;
  vertical-align: middle;
}

.sd>div span {
  display: block;
  color: #666;
  font-size: .65rem;
}

.sd-h {
  padding: .75rem;
  background: #FFF3F3;

}

.sd-h span {
  display: inline-block;
  font-size: .6rem;
  border: 1px solid #CC3131;
  color: #CC3131;
  vertical-align: baseline;
  padding: .1rem .2rem;
  border-radius: .25rem;
  margin-left: .25rem;
}

.sd-i {
  width: 2rem;
  height: 2rem;
  margin-right: .25rem;
  line-height: 2rem;
  text-align: center;
  background: #CC3131;
  color: #fff;
  border-radius: 50%;
}

.sd-i-s {
  background: #628FFB;

}

.iii {
  border-bottom: .5rem solid #efefef;
}

.dot-item {
  padding: .75rem;
}

.dot-item-hd {
  color: #6893FB;
}

.dot-item-hd i {
  display: inline-block;
  width: .5rem;
  height: .5rem;
  margin-right: .25rem;
  background: #6893FB;
  border-radius: 50%;
}

.dot-item-bd {
  margin-top: .75rem;
  font-size: .75rem;
  line-height: 1.4;
}

.yb-item {
  margin-bottom: .75rem;
}

.yb-item a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .75rem;
  border: 1px solid #D6D6D6;
  border-radius: .5rem;
}

.yb-item a>div:nth-child(1) {
  line-height: 1.2;
}

.yb-item a>div:nth-child(1) span {
  color: #777;
  font-size: .65rem;
}

.yb-item a>div:nth-child(2) {
  color: #777;
  font-size: .7rem;
}

.cgb-table {
  width: 100%;
}

.cgb-table td {
  text-align: center;
  padding: .25rem;
}

.cgb-table tbody td {
  color: #2E2E2E;
  font-size: .75rem;
  line-height: 1.4;
}

.cgh-ai-ul>li>div {
  display: none;
}

.transform-90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.nc-item {
  position: relative;
  display: flex;
  padding: .75rem .75rem 1.5rem .75rem;
  border-bottom: 1px solid #e1e1e1;
}

.nc-i-media {
  width: 2rem;

}

.nc-i-content {
  position: relative;
  background: #fff;
  font-size: .7rem;
  padding: .5rem;
  margin-left: .75rem;
  border-radius: .25rem;
  line-height: 1.4;
  max-width: 75%;
  min-width: 40%
}

.nc-md .nc-i-content {
  margin: 0 auto;
  background: #FFF4F2;
}

.arrow-left-side {
  position: absolute;
  top: .5rem;
  left: -.4rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .4rem .4rem .4rem 0;
  border-color: transparent #fff transparent transparent;
}

.arrow-right-side {
  position: absolute;
  top: .5rem;
  right: -.4rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .4rem 0 .4rem .4rem;
  border-color: transparent transparent transparent #DA4646;
}

.nc-user {
  margin-top: .15rem;
  text-align: center;
  font-size: .5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.nc-i-media img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: block;
}

.select-circle {

  position: absolute;

  width: 1.2rem;
  height: 1.2rem;
  border: 1px solid #999;
  background: #fff;
  border-radius: 50%;
  right: .5rem;
  top: 50%;
  margin-top: -.6rem;

}

.new-chat>.nc-item:nth-last-child(2) {
  border-bottom: none;
}

.chat-bg-tip {
  display: inline-block;

  background: #d5d5d5;
  padding: 0 .5rem;
  border-radius: .5rem;
  color: #888;
  font-size: .6rem;

}

.selected-circle {
  background: #CC3131 url("../images/gou-02.png") center no-repeat;
  -webkit-background-size: 80%;
  background-size: 80%;
  border: 1px solid #CC3131;
}

.un-selected-circle {
  background: #999 url("../images/gou-02.png") center no-repeat;
  -webkit-background-size: 80%;
  background-size: 80%;
}

.nc-time {
  position: absolute;
  display: flex;
  justify-content: space-between;
  left: 0;
  width: 100%;
  bottom: -1.25rem;
}

.nc-time-right {
  font-size: .65rem;
  color: #999;

}

.nc-time>div:nth-child(1) {
  color: #999;
  font-size: .6rem;
}

.chat-tip-words {
  display: none;
  right: 0;
  top: 1rem;
  position: absolute;
  background: #fff;
  padding: .25rem .5rem;
  color: #666;
  box-shadow: 0 0 2px #ccc;
  border-radius: .25rem;
  z-index: 100;
}

.nc-ir {
  justify-content: flex-end;
}

.nc-ir .nc-i-content {
  margin-right: .75rem;
  margin-left: 0;
  background: #DA4646;
  color: #fff;

}

.chat-footer {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  box-shadow: 0 0 5px #ccc;
  background: #ffffff;
}

.chat-footer .chat-footer-input {
  display: flex;
  padding: .75rem;

}

.chat-footer input {
  width: 100%;
}

.chat-footer button {
  width: 4rem;
  height: 2rem;
  background: #4C7BDE;
  border: none;
  color: #fff;
  border-radius: .25rem;
  text-align: center;
  line-height: 2rem;
  margin-left: .75rem;
}

.chat-footer input {
  border: 1px solid #e1e1e1;
  border-radius: .25rem;
  padding-left: .75rem;
}

.chat-bz-wrap img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}

.bz-tag {
  display: inline-block;
  background: #d4d4d4;
  padding: 0 .45rem;
  margin: .25rem 0;
  border-radius: .25rem;
  font-size: .65rem;
}

.chat-bz-wrap {
  padding: .5rem 0;
  line-height: 1.5;
  font-size: .7rem;
  color: #777;

}

.product-tab {
  border: none;
}

.product-tab .button {
  height: auto;
  bottom: 0;
  padding: 0;
  border: none;
}

.quantization_intro_main {
  height: auto !important;
}

.sy-search {
  background: #cc3131;
  padding: .5rem;

}

.sy-search-text {
  color: #bcbcbc;
  font-size: .6rem;
  margin-left: .5rem;
}

.sy-search-box {
  position: relative;
  padding-right: 2rem;
}

.sy-search-info {
  margin: .75rem;
  padding-left: .5rem;
  padding-right: .5rem;
  border: 1px solid rgb(204, 204, 204);
  border-radius: .25rem;
  height: 1.8rem;
  line-height: 1.8rem;
  display: flex;
  background-color: rgb(250, 250, 250);


}

.icon-search-gray {
  width: .8rem;
  height: .8rem;
  background: url("../images/bg-magnifier.png") no-repeat;
}
.icon-search-black{
  width: 1rem;
  height: 1rem;
  background: url("../images/dating_search.png") no-repeat;
}
.icon-personal {
  position: absolute;
  right: 0;
  top: .5rem;
  width: 1.2rem;
  height: 1.2rem;
  background: url("../images/img_personal_center.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.sy-search-stock {
  line-height: 1.2;
  color: #bcbcbc;
  font-size: .6rem;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.sy-search-tip {
  margin-top: .35rem;
  color: #fff;
  font-size: .65rem;
}

.sy-nav {
  margin: .75rem 0;
}

.sy-nav ul {
  display: flex;
  justify-content: space-between;
}

.sy-nav ul li {}

.sy-nav ul li:nth-child(1) {
  margin-left: .5rem
}

.sy-nav ul li:nth-last-child(1) {
  margin-right: .5rem
}

.sy-nav ul li img {
  width: 3rem;
  height: auto;
}

.sy-stock-mood {
  background: #fff;
  padding: .5rem;
  color: #999;
  display: flex;
  justify-content: space-between;
  line-height: 1.4;

}

.sy-mood-f {}

.sy-mood-f>span {
  display: inline-block;
  vertical-align: middle;

}

.sy-mood-f>span:nth-child(1) {
  background-image: -webkit-linear-gradient(bottom, #DE6061, #CC3131);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;
  font-weight: bold;
  line-height: 1.2;

}

.sy-mood-f img {
  max-width: 1rem;
  margin-left: .25rem;
}

.sy-mood-s {
  display: flex;
}

.sy-mood-s>div {
  font-size: .65rem;
  margin-left: .75rem;
  text-align: center;

}

.sy-mood-s>div:nth-child(1) {
  margin-left: 0;
}

.sy-mood-s>div>span {
  font-size: .85rem;
}

.sy-banner {
  margin: 1rem auto;
  text-align: center;
}

.sy-banner img {
  max-width: 100%;
}

#sy-banner {
  margin: .5rem 0 1rem 0;
  text-align: center;
}

#sy-banner img {
  max-width: 95%;
}

.sy-news-tip {
  text-align: center;
}

.sy-news-tip span {
  position: relative;
  display: inline-block;
  height: 1.8rem;
  line-height: 1.8rem;
  background: #628FFB;
  color: #fff;
  padding-left: 1.4rem;
  padding-right: .5rem;
  border-radius: .25rem;
}

.sy-news-tip img {
  position: absolute;
  left: -1rem;
  top: -0.1rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}

.sy-list {
  margin-top: 1rem;
  padding: 0 .5rem;

}

.sy-list-hd {
  display: flex;
  justify-content: space-between;
}

.sy-list-hd {
  margin-bottom: .5rem;
}

.sy-list-hd>div:nth-child(1) {
  font-size: .8rem;
  color: #444;
}

.sy-list-hd>div:nth-child(2) {
  font-size: .7rem;
  color: #777;

}

.sy-list-bd img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  border-radius: .25rem;
}

.sy-list-bd-1:after,
.sy-list-bd-1:before,
.sy-list-bd-3:after,
.sy-list-bd-3:before {
  display: table;
  content: "";
}

.sy-list-bd-1:after,
.sy-list-bd-3:after {
  clear: both;
}

.sy-list-bd-1>div {
  float: left;
  width: 47%;
}

.sy-list-bd-1>div {}

.sy-list-bd-1>div:nth-child(1) {
  width: 50%;
  height: 12.5rem;
  margin-right: .5rem;
}

.sy-list-bd-1>div:nth-child(2),
.sy-list-bd-1>div:nth-child(3) {
  height: 6rem;
  overflow: hidden;
}

.sy-list-bd-1>div:nth-child(3) {
  margin-top: .5rem;
}

.sy-list-bd-1>div:nth-child(1) img {
  height: 12.5rem;
  width: 100%;
}

.sy-list-bd-1>div:nth-child(2) img {
  width: 100%;
  height: 6rem;
}

.sy-list-bd-1>div:nth-child(3) img {
  height: 6rem;
  width: 100%;
}

.sy-list-bd-2 img {
  width: 100%;
  height: 6rem;
}

.sy-list-bd-2>.sy-list-item {
  margin-bottom: .5rem;
}

.sy-list-bd-3>div {
  float: left;
  width: 48.5%;
  height: 6rem;
  margin-bottom: .5rem;
}

.sy-list-bd-3>div img {
  height: 6rem;
  width: 100%;
}

.sy-list-bd-3>div:nth-child(2n+1) {
  margin-right: .5rem;
}

.sy-list-bd-1>div:nth-child(2)>div:nth-child(2) {
  margin-top: .5rem;
}

.sy-list-item {
  position: relative;
}

.sy-list-tag {
  position: absolute;
  top: .5rem;
  right: .5rem;
  background: #fff;
  font-size: .6rem;
  padding: .15rem .25rem;
  color: #444;
  border-radius: .5rem;
}

.sy-list-hd-icon {
  display: inline-block;
  width: .8rem;
  height: .8rem;
  margin-right: .2rem;
  background: url("../images/icon-blue-wenjian.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: top;
}

.sy-list-item>a {
  display: block;
}

.sy-list-text {
  position: absolute;
  background: rgba(0, 0, 0, .5);
  color: #fff;
  width: 100%;
  padding: .35rem .5rem;
  left: 0;
  bottom: 0;
  border-radius: .25rem;
  line-height: 1.3;

  font-size: .7rem;


}

.sy-list-text span {
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 2;
  /** 显示的行数 **/
  overflow: hidden;
}

.sy-fhd-more {
  display: block;
  margin-bottom: .75rem;
  text-align: center;
  color: #999;
}

.sy-fhd {
  position: relative;
}

.sy-fhd img {
  max-width: 100%;
  height: auto;
}

.sy-fdh-text {

  text-align: center;

}

.sy-fhd-tl {
  margin-left: .5rem;
  font-size: .75rem;


}

.sy-fhd-tl i {
  display: inline-block;
  width: .75rem;
  height: .75rem;
  margin-right: .25rem;
  background: url("../images/icon_lsdz.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: -10%;
}

.sy-fhd-meta {
  margin-bottom: 1rem;
  color: #8e8e8e;
  font-size: .65rem
}

.sy-fbd-item {
  position: relative;
  margin: .5rem;
  padding: 0 .5rem .5rem .5rem;
  box-shadow: 0 0 8px #b9b9b9;
  border-radius: .25rem;
}

.fi-tag {
  display: inline-block;
  padding: .25rem .5rem;
  border: 1px solid #DA4646;
  color: #DA4646;
  border-radius: 1rem;
  font-size: .75rem;

}

.fi-bd {
  padding-top: .5rem
}

.fi-hd {

  padding-top: .5rem
}

.bd-cont-t {
  background: #D4D7DF;
  border-radius: .25rem;
  padding: .5rem;
}

.bd-t-bd {
  display: flex;
  color: #2e2e2e;
  font-size: .8rem;
  line-height: 1.3;
}

.bd-t-ft {
  display: flex;
  margin-top: 1rem;
  justify-content: space-between;
  align-items: center;
  color: #777;
  font-size: .65rem;
}

.sy-user-info>img {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  vertical-align: -45%;
}

.bd-cont-f {
  margin-top: .5rem;
  display: flex;
}

.bd-cont-f-media img {
  width: 4rem;
  height: 4rem;
  margin-right: .5rem;

}

.bd-cont-f-inner {
  line-height: 1.3;
}

.bd-f-inner-title,
.bd-f-inner-cont,
.bd-bz-title {

  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 2;
  /** 显示的行数 **/
  overflow: hidden;
}

.bd-f-inner-title {
  font-size: .75rem;
  color: #2e2e2e;
  margin-bottom: .5rem;
}

.bd-f-inner-cont {

  font-size: .8rem;
  color: #2e2e2e;
}

.fi-ft {
  display: flex;
  margin-top: 1rem;
  justify-content: space-between;
  align-items: center;
  font-size: .65rem
}

.fi-ft>span {
  display: inline-block;
  background: #FA9061;
  color: #fff;
  font-size: .6rem;
  padding: .15rem .25rem;
  border-radius: .25rem;
}

.fi-ft a {
  display: inline-block;
  width: .6rem;
  height: .6rem;
  background: url("../images/icon-close.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: -10%;
  margin-left: .4rem
}

.sy-icon-replay,
.sy-icon-ask {
  display: inline-block;
  width: .8rem;
  height: .8rem;
  margin-right: .2rem;
  line-height: .8rem;
  font-size: .6rem;
  background: #ffffff;

  text-align: center;
}

.sy-icon-replay {
  color: #DA4646;
}

.sy-icon-ask {
  color: #628FFB;
}

.bd-t-dz {
  margin-right: .5rem;
  text-align: center;
  color: #777;
  font-size: .6rem;

}

.dz-default {
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  background: #fff url("../images/icon_click_black.png") center no-repeat;
  border-radius: 50%;
  -webkit-background-size: 60%;
  background-size: 60%;


}

.dz-active {
  background: #fff url("../images/icon_like_red.png") center no-repeat;
  border-radius: 50%;
  -webkit-background-size: 60%;
  background-size: 60%;
}

.bd-inner-img img {
  display: block;
  margin-top: .4rem;
  max-width: 100%;
}

.sy-bh-info {
  width: 100%;
  overflow: hidden;
}

.sy-bh-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: .3rem;
  border-bottom: 1px solid #bebebe;
}

.sy-bh-title>div:nth-child(1) {
  font-size: 1rem;
}

.sy-bh-title>div:nth-child(2) {
  font-size: .75rem;
  color: #777;

}

.sy-bh-jj {
  padding-top: .3rem;
  color: #777;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .7rem;
}

.sy-bz-info {
  margin-top: .5rem;
}

.sy-bz-tag span {
  display: inline-block;
  margin-right: .25rem;
  padding: .15rem .3rem;
  background: #EDEFF4;
  color: #777;
  border-radius: .5rem;
  font-size: .6rem;
}

.sy-bz-wrap {
  display: flex;
  justify-content: space-between;

}

.sy-bz-avatar {
  text-align: center;
  margin-right: .5rem;
}

.sy-bz-avatar img {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
}

.sy-bz-avatar span {
  display: inline-block;
  background: #DA4646;
  color: #fff;
  margin-top: .15rem;
  padding: .15rem .3rem;
  border-radius: .25rem;
  font-size: .6rem;
}

.sy-bz-wrap {
  margin-top: .5rem;
  padding-top: .5rem;
  border-top: 1px solid #e6e6e6;
}

.sy-bz-detail {
  width: 100%;
  overflow: hidden;

}

.bz-name {
  font-size: .9rem;
}

.bz-jj {
  margin: .25rem 0;
  padding: .25rem .5rem;
  background: #EDEFF4;
  color: #777;
  font-size: .7rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bz-dt span {
  color: #777;
  font-size: .7rem;
  margin-right: .5rem;
}

.bd-bz-cont {
  padding-top: 1rem;
}

.bd-bz-title {
  font-size: 1rem;
}

.bd-bz-text {
  margin-top: 1rem;
  font-size: .65rem;
  color: #555;
  line-height: 2;
}

.bd-bz-ft {
  display: flex;
  justify-content: space-between;
  color: #628FFB;
  margin-top: 1rem;
  font-size: .7rem;
}

.tag-liveing {
  display: inline-block;
  margin-left: -.5rem;
  padding: .25rem .5rem;
  background: #CC3131;
  color: #fff;
  border-top-left-radius: .25em;
  font-size: .65rem;
}

.zt-banner {
  position: relative;
  max-height: 8.75rem;
  overflow: hidden
}

.zt-banner img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.zt-banner-t {
  position: absolute;
  top: .5rem;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-size: .65rem;
}

.zt-banner-t>div {
  padding-left: .5rem;
}

.zt-banner-t>span {
  margin-right: .5rem;
  background: #fff;
  color: #555;
  padding: .15rem .3rem;
  border-radius: .5rem;
}

.zt-banner-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, .5);
  padding: .5rem 0;
  font-size: 1rem;

}

.zt-banner-text span {
  display: block;
  padding: 0 .5rem;
  color: #fff;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 2;
  /** 显示的行数 **/
  overflow: hidden;
  line-height: 1.3;
  font-size: .7rem
}

.zt-saying {
  margin: 1rem 0;
}

.zt-saying-hd {
  color: #DA4646;
  text-align: center;
}

.zt-saying-hd span {
  position: relative;
}

.zt-saying-hd span:before {
  position: absolute;
  content: "";
  top: 0.1rem;
  left: -.9rem;
  width: .6rem;
  height: .6rem;
  background: url("../images/icon_mygangcollect.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.zt-saying-hd span:after {
  position: absolute;
  content: "";
  top: 0.1rem;
  right: -.9rem;
  width: .6rem;
  height: .6rem;
  background: url("../images/icon_mygangcollect.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.zt-saying-bd {
  margin: .75rem .5rem;
  padding: .5rem;
  box-shadow: 0 0 5px #f4ab9b;
  border-radius: .25rem;
  color: #2e2e2e;
  font-size: .7rem;
  line-height: 1.4;
}

.zt-list-item {
  margin: .5rem;
  height: 3rem;
  line-height: 3rem;
  border-radius: .25rem;
  color: #fff;
  padding-left: .5rem;
}

.zt-list-item:nth-child(1) {
  background: url("../images/blue-list.jpg") no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.zt-list-item:nth-child(2) {
  background: url("../images/purple-list.jpg") no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.zt-list-item:nth-child(3) {
  background: url("../images/orange-list.jpg") no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.zt-list-item>a {
  display: block;
  padding-right: 1.5rem;
  background: url("../images/icon_jiantou_right.png") right center no-repeat;

}

.sy-info-list {
  position: absolute;
  top: 2rem;
  right: 0;
  background: #fff;
  box-shadow: 0 0 5px #c5c5c5;
  border-radius: .258rem;
  z-index: 999
}

.sy-info-list a {
  display: block;
  padding: .5rem .5rem;
  text-align: center;
  font-size: .7rem;
  color: #666;
  border-bottom: 1px solid #eaeaea;
}

.sy-info-list>li:nth-last-child(1)>a {
  border-bottom: none;
}

.xl-banner {

  position: relative;

}

.xl-banner img,
.yz-wrap img,
.xl-item img {
  max-width: 100%;
  height: auto;
}

.xl-news {
  position: absolute;
  top: .75rem;
  left: 50%;
  margin-left: -3rem;
  width: 6rem;
  padding: .25rem 0;
  border-radius: .5rem;
  text-align: center;
  background: rgba(0, 0, 0, .5);
  color: #fff;
  font-size: .75rem;
}

.xl-banner-right {
  position: absolute;
  top: 1rem;
  right: 0;
  padding: .25rem 0 .25rem .5rem;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
  background: #ffffba;
  color: #A91C11;
  font-size: .65rem;
  line-height: 1.3;
}

.icon-bao {
  display: inline-block;
  width: .65rem;
  height: .65rem;
  background: url("../images/icon-capital-flow.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: -10%;
  margin-right: .15rem;
}

.xl-banner-info {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 70%;
  left: 15%;
  bottom: 2.8rem;
  font-size: .7rem;
  color: #fff;
}

.xl-yz {
  position: relative;
  margin: -2rem .75rem .75rem .75rem;
  box-shadow: 0 0 5px #999;
  border-radius: .5rem;
  padding: .75rem;
  background: #fff;

}

.yz-title {
  font-size: 1.1rem;
}

.xy-yz-img {
  position: absolute;
  top: .5rem;
  right: .5rem;
  width: 4.5rem;
}

.yz-meta {
  padding: .5rem;
  margin: .75rem 0 1rem;
  background-image: -webkit-linear-gradient(right, rgba(204, 49, 49, 0) 30%, rgba(231, 51, 104, 0.2) 100%);
  font-size: .7rem;

}

.yz-wrap {
  position: relative;
}

.yz-btn {
  position: absolute;
  width: 90%;
  left: 5%;
  bottom: .5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.yz-btn>a {
  flex: 1;

}

.yz-btn>a>div {
  position: absolute;
  top: .65rem;
  color: #fff;
  font-size: .75rem;
}

.yz-btn-left {
  left: 28%;
}

.yz-btn-right {
  right: 8%;
}

.yz-progress {
  height: .65rem;
  position: relative;
}

.yz-progress-l {

  position: absolute;
  height: .65rem;
  left: 0;
  top: 0;
  background: #fd3f49 url("../images/yz-progress-bg.png") top center repeat-x;
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;

}

.yz-progress-r {
  position: absolute;
  height: .65rem;
  right: 0;
  top: 0;
  background: #389c48 url("../images/yz-progress-bg.png") top center repeat-x;
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
}

.yz-progress-text {
  display: flex;
  justify-content: space-between;
  font-size: .65rem;
  color: #8e8e8e;
  margin-top: .5rem;
}

.yz-text-tip {
  margin: 1rem;
  color: #8e8e8e;
  font-size: .7rem;
  line-height: 1.5;
}

.yz-btn>a:nth-child(1) {
  margin-right: 2rem
}

.xl-item {
  margin: 1.5rem .75rem;
}

.xl-wrap-just .xl-item {
  margin: .75rem;
}

.xl-item-hd {
  position: relative;
  font-size: 1.1rem;
  margin-bottom: .75rem;
}

.xl-hd-btn {
  position: absolute;
  top: -1rem;
  right: 0;
  width: 6rem;
}

.xl-item-bd {
  box-shadow: 0 0 5px #999;
  border-radius: .25rem;
  padding: .75rem;
  background: #fff;
}

.xl-item-bd>div {
  display: flex;

}

.xl-item-stock {
  flex: 2;
  line-height: 1.4;
}

.xl-item-tag {
  position: relative;
  flex: 1;
}

.xl-stock-up span {
  height: .65rem;
  max-width: 80%;
  margin-left: .25rem;
  display: inline-block;
  background: #fd3f49 url("../images/yz-progress-bg.png") top center repeat-x;
  border-radius: .25rem;
}

.xl-stock-down span {
  max-width: 80%;
  height: .65rem;
  margin-left: .25rem;
  display: inline-block;
  background: #389c48 url("../images/yz-progress-bg.png") top center repeat-x;
  border-radius: .25rem;
}

.xl-tab-cont {
  position: absolute;
  width: 100%;
  top: .8rem;
  left: 0;
  text-align: center;
  line-height: 1.2;
}

.xl-tab-hd {
  font-size: .85rem;
  color: #fff;

}

.xl-tab-bd {
  font-size: .55rem;

}

.xl-tab-tip {
  text-align: right;
  font-size: .55rem;
  color: #999;

}

.xl-item-fd {
  margin-top: .75rem;
  display: flex;
  justify-content: space-between;
  font-size: .7rem;
  color: #666666;
}

.xl-move-list li {
  position: relative;
  margin: 1rem 0 1.5rem;
  padding-left: 3.25rem;
}

.move-avatar {
  position: absolute;
  left: .75rem;
  top: 0;
  text-align: center;
}

.move-avatar img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}

.move-tag-up {
  display: inline-block;
  margin-top: .15rem;
  background: #fd3f49;
  color: #fff;
  font-size: .55rem;
  padding: .15rem .3rem;
  border-radius: .25rem;
}

.move-tag-down {
  display: inline-block;
  background: #389c48;
  color: #fff;
  font-size: .55rem;
  padding: .15rem .3rem;
  border-radius: .25rem;
}

.move-user {
  font-size: .85rem;
}

.move-detail {
  font-size: .75rem;
  color: #666;
  margin: .25rem 0;
  line-height: 1.3;
}

.move-time {
  font-size: .6rem;
  color: #999;

}

.xl-search-wrap {
  position: relative;
  margin: .75rem;
  background: #e6e6e6;
  padding: .5rem .5rem .5rem 1.5rem;
  border-radius: .25rem;
}

.xl-search-icon {
  position: absolute;
  top: 0;
  left: -.5rem;
  width: .8rem;
  height: .8rem;
  background: url("../images/icon_sousuo.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;

}

.xl-close-btn {
  position: absolute;
  top: .5rem;
  right: .5rem;
  width: 1.2rem;
  height: 1.2rem;
  background: url("../images/icon_cicle_closed.png") center no-repeat;
  -webkit-background-size: 70%;
  background-size: 70%;
}

.xl-search-wrap input {
  background: none;
  font-size: .7rem;
  border: none;
  color: #666;

}

.xl-is-none {
  font-size: 1.2rem;
  color: #afafaf;

}

.xl-yz-hd {
  font-size: .75rem;
  padding: .5rem .75rem;
  color: #8e8e8e;
}

.xl-yz-wrap {
  position: relative;
}

.xl-yz-box {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.xl-yz-wrap>img {
  max-width: 100%;
  height: auto;
}

.yz-box-cont {
  padding: 1rem .75rem;
}

.box-cont-hd {
  text-align: center;
  font-size: .7rem;
}

.rg {
  display: inline-block;
  width: 1rem;
  height: .8rem;
  line-height: .8rem;
  text-align: center;
  background: #fe4d4f;
  color: #fff;
  vertical-align: 10%;
  border-radius: .15rem;
  font-size: .55rem;
}

.gg {
  display: inline-block;
  background: #2baf54;
  color: #fff;
  width: 1rem;
  height: .8rem;
  line-height: .8rem;
  text-align: center;
  vertical-align: 10%;
  border-radius: .15rem;
  font-size: .55rem;
}

.box-cont-info {
  display: flex;
  margin-top: .5rem;
}

.box-cont-info>div {
  position: relative;
  flex: 1;
  height: 7rem;

}

.cont-info-up span {
  position: absolute;
  top: 3.6rem;
  left: 4.3rem;
  font-size: .75rem;
  color: #fff;
}

.cont-info-down span {
  position: absolute;
  top: 3.6rem;
  left: 4rem;
  font-size: .75rem;
  color: #fff;
}

.cont-info-de {
  background: #fff;
  padding: .5rem 0 0 0;
  border-radius: .25rem;
  box-shadow: 0 0 5px #ccc;
}

.cont-stock-name {
  font-size: .85rem;
  line-height: 1;
}

.cont-stock-info {
  margin-top: .5rem;
  padding-left: .5rem;
  font-size: .65rem;
  color: #666;
  line-height: 1.6;
}

.yz-user-wrap {
  position: relative;
  margin: -1.2rem .75rem .75rem .745rem;
}

.yz-user-hd {
  margin-bottom: .75rem;
  font-size: 1.1rem;
}

.yz-user-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}


/*显示多行*/
.yz-news-cont {
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 4;
  /** 显示的行数 **/
  overflow: hidden;
  line-height: 1.5;
  font-size: .75rem;
}

.yz-user-l {
  display: flex;
}

.yz-user-l img {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: .25rem;
  border-radius: 50%;

}

.yz-user-info-none {
  margin: 1.5rem 0;
  text-align: center;
  color: #d03536;
  line-height: 1.5
}

.yz-news-foot {
  margin-top: .5rem;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.yz-news-foot>div:nth-child(1) {
  font-size: .85rem;
  color: #333;
}

.yz-news-foot>div:nth-child(2) {
  color: #999;
  font-size: .65rem
}

.yz-news-item {
  margin-top: .75rem;
  color: #666
}

.TrackBox {
  padding-bottom: .75rem;
}

.TrackItems {
  height: 20rem;
  overflow-y: scroll;
}

.badge-new {
  position: absolute;
  top: .3rem;
  left: 50%;
  z-index: 100;
  width: .4rem;
  height: .4rem;

  margin-left: .3rem;
  font-size: .6rem;
  line-height: .8rem;
  color: white;
  vertical-align: top;
  background: red;
  border-radius: 50%;
}

.yz-user-middle {
  display: inline-block;
  padding: .25rem .5rem;
  color: #fff;
  font-size: .75rem;

  border-radius: .25rem;
}

.yz-user-middle.up {
  background: #cc3131;
}

.yz-user-middle.down {
  background: #04b235;
}

.yz-user-r>div:nth-child(2) {
  font-size: .77rem;
  color: #579bf7;
}

.yz-user-r>div:nth-child(2) span {
  background: #cc3131;
  color: #fff;
  font-size: .6rem;
  padding: .05rem .25rem;
  border-radius: .25rem;
  vertical-align: 10%;
}

.sy-gua {
  position: fixed;
  right: .75rem;
  top: 50%;
  z-index: 999;

}

.sy-gua img {
  width: 4rem;
}

.gua-dialog {
  position: fixed;
  width: 80%;
  padding-bottom: 1rem;
  top: 20%;
  left: 10%;
  background: linear-gradient(180deg, #e21f49, #fd6338);
  border-radius: .25rem;
  z-index: 10000;
  box-shadow: 0 0 10px #999;
}

.gua-header {
  margin-top: -5rem;
}

.gua-header img {
  max-width: 100%;
}

.gua-title {
  margin-top: .75rem;
  font-size: 1rem;
  text-align: center;
  font-weight: bold;
  color: #f1f27f;
}

.gua-wrap {
  position: relative;
  padding: .75rem 1rem .5rem 1rem;
}

.gua-mask {
  height: 6rem;
  line-height: 6rem;
  font-size: 2rem;
  background: #eae8e6;
  text-align: center;
  color: #a19da1;
}

.gua-tip {
  text-align: center;
}

.gua-tip span {
  display: inline-block;
  padding: .25rem 1rem;
  background: rgba(0, 0, 0, .3);
  color: #fff;
  font-size: .75rem;
  border-radius: 1rem;
}

.gua-tip span i {
  padding: 0 .25rem;
  color: #ffd981;
}

.gua-intro {
  padding: .75rem 1rem;
  font-size: .7rem;
  color: #f6e8ce;
  line-height: 1.3;
}

.gua-foot {
  text-align: center;
  font-size: .75rem;
  color: #fff;
}

.gua-dialog-close {
  position: absolute;
  top: -3rem;
  right: -1rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icon-close-gray.png") no-repeat;
  background-size: contain;
}

.gua-canvas {
  position: relative;
  width: 100%;
  height: 7rem
}

#mask_img_bg {
  position: absolute;
  left: 0.2rem;
  top: 0.2rem;
  bottom: 0.2rem;
  right: 0.2rem;
  background: #fff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
}

#mask_img_bg img {
  max-width: 100%;
  height: 6.5rem;
  margin: 0 auto;
  display: block;
}

#redux {
  z-index: 22;
  position: absolute;
  padding: 0.2rem;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  -webkit-border-radius: 6px;
}

.sy-share-btn {
  position: absolute;
  right: .5rem;
  top: .5rem
}

/* 打赏活动 */

.dst {
  position: relative;
}

.dst img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.dst-tag {
  position: absolute;
  top: 0;
  left: 0;
  background: #d2d2dd;
  color: #cc3131;
  padding: .25rem .5rem;
  font-size: .7rem
}

.dst-icon {
  position: absolute;
  right: 0;
  top: 22%;
  width: 3.2rem;
}

.dst-icon img {
  max-width: 100%;
}

.dst-text {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: .3rem;
  color: #e7632c;
  text-align: center;
  font-size: .7rem;
}

.dsm {
  background: #3b3c7c;
}

.dsm-hd {
  text-align: center;
  padding-top: 1.5rem
}

.dsm-hd span {
  position: relative;
  color: #fde6b4;
  font-weight: bold;
  font-size: 1rem;
}

.dsm-hd span:before {
  position: absolute;
  content: "";
  top: .55rem;
  left: -4rem;
  width: 3rem;
  height: 1px;
  background: #fde6b4;
}

.dsm-hd span:after {
  position: absolute;
  content: "";
  top: .5rem;
  right: -4rem;
  width: 3rem;
  height: 1px;
  background: #fde6b4;
}

.dsm-item-cont {
  display: flex;
  padding: .75rem;
}

.dsm-item {
  position: relative;
  margin: .75rem;
  background: #fff;
  border-radius: .5rem
}

.dsm-item-media img {
  width: 3rem;
  height: 3rem;
  margin-right: .75rem;
  border-radius: 50%;
}

.dsm-item-title {
  color: #37327b;
  font-size: 1rem;
  margin-bottom: .35rem
}

.dsm-item-detail {
  font-size: .8rem;
  color: #8e8e8e;
  line-height: 1.3;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 2;
  /** 显示的行数 **/
  overflow: hidden;
}

.dsm-item-tag {
  position: absolute;
  top: 0;
  right: 0;
  padding: .25rem .5rem;
  border-top-right-radius: .5rem;
  border-bottom-left-radius: .25rem;
  color: #fff;
  font-size: .75rem;
  background: #eca521;
}

.dsm-item-foot {

  background: #fff2d7;
  border-bottom-left-radius: .5rem;
  border-bottom-right-radius: .5rem
}

.dsm-item-foot a {
  display: block;
  padding: .5rem .75rem;
  color: #ff7c38;

}

.dsm-foot-cont {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.dsm-foot-tag {
  display: inline-block;
  padding: .15rem .25rem;
  background: #ff7d39;
  color: #fff;
  margin-right: .25rem;
  border-radius: .15rem
}

.dsm-page {
  text-align: center;
}

.dsm-page li {
  display: inline-block;
}

.dsm-page li a {
  display: block;
  color: #fff;
  padding: .35rem .55rem;
}

.dsm-page li a.active {
  color: #f5e156;
  text-decoration: underline
}

.dsm {
  padding-bottom: .75rem
}

.ds-rule {
  padding: 0 .75rem 2.5rem;
  background: #4447b5;
  color: #fff;
}

.ds-rule-cont {
  margin-top: .75rem;
  font-size: .7rem;
}

.ds-rule-y {
  color: #ffdc93;
  line-height: 1.5
}

.ds-rule-y i {
  display: inline-block;
  width: .6rem;
  height: .6rem;
  background: url("../images/star.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.ds-rule-tip {
  margin-top: .25rem;
  padding: .5rem .75rem;
  background: #3230a0;
  line-height: 1.5
}

.ds-rule-lt {
  margin-top: .75rem;
  font-size: .85rem;
  color: #ffc95a
}

.ds-rule-item {
  margin-top: .5rem;
  line-height: 1.4
}

.ds-rule-item>span {
  background: #f8b259;
  color: #3230a0;
  padding: .05rem .15rem;
  border-radius: 0.15rem;
}

.ds-rule-btn a {
  display: inline-block;
  color: #fbea74;
  padding: .75rem 3rem
}

.ds-fixed-btn {
  position: fixed;
  text-align: center;
  left: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(#e84181, #f8b710);
  color: #fff;
  font-size: .8rem;
  padding: .75rem 0
}

/*===私人服务群=====*/
.pl-header {
  position: fixed;
  top: 2.25rem;
  left: 0;
  width: 100%;
  display: flex;
  box-shadow: 0 0 10px #dadada;
  border-bottom-left-radius: .25rem;
  border-bottom-right-radius: .25rem;
  background: #fff;
  z-index: 9999;

}

.plh-item {
  position: relative;
  width: 2.8rem;
  margin: .5rem .5rem .5rem .75rem;

}

.plh-item-red-point {
  position: absolute;
  top: .25rem;
  right: .2rem;
  width: .3rem;
  height: .3rem;
  background: #d64140;
  border-radius: 50%;
  z-index: 999;
}

.chat-avatar-bg {
  position: absolute;
  width: 3rem !important;
  height: 3rem !important;
  top: -.1rem;
  left: -.1rem;
}

.pl-header>.plh-item:nth-child(1) {
  /*background: url("../images/avatar-gold-bg.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;*/
}

.plh-item img {
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;

}

.plh-item-name {
  width: 2.8rem;
  font-size: .55rem;
  margin-top: .25rem;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.pl-chat-wrap {
  height: 100%;
  /*padding-top: 4.7rem;*/
  background: #F0F4F7;
  overflow-y: scroll;
  margin-bottom: 4.8rem;
}

.pl-chat-item {
  position: relative;
  margin-bottom: 1rem;
  padding: 0 .75rem;
}

.pl-chat-item>div {
  display: flex;

}

.pl-chat-item .pl-chat-right {
  justify-content: flex-end;
}

.pl-chat-avatar {
  position: relative;
}

.chat-avatar-bg-sm {
  position: absolute;
  top: -.1rem;
  left: -.1rem;
  width: 2.2rem !important;
  height: 2.2rem !important;
}

.pl-chat-avatar img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;

}

.pl-chat-inner-blue {
  font-size: .9rem;
  color: #628FFB;
  display: block;
}

.pl-chat-name {
  width: 2rem;
  margin-top: .2rem;
  font-size: .45rem;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.pl-chat-inner {
  font-size: .75rem;

}

.pl-chat-left .pl-chat-inner {
  margin-right: 2.5rem;
  margin-left: .5rem;
  border-bottom-left-radius: .5rem;
  border-top-left-radius: .15rem;
  border-bottom-right-radius: .5rem;
  border-top-right-radius: .5rem;
}

.pl-chat-right .pl-chat-inner {
  margin-left: 2.5rem;
  margin-right: .5rem;

}

.pl-chat-inner-emoji img {
  max-width: 100%;
}

.pl-chat-inner-text {
  padding: .5rem .6rem;
  word-wrap: anywhere;
}

.pl-chat-right .pl-chat-inner-text {
  border-bottom-left-radius: .5rem;
  border-top-left-radius: .5rem;
  border-bottom-right-radius: .5rem;
  border-top-right-radius: .15rem;
  background: #FFE48B;
}

.pl-chat-left .pl-chat-inner-text {
  background: #fff;
}

.pl-weather-info>div:nth-child(1) {
  font-size: 1rem;
  color: #FDB515;
}

.pl-weather-info>div:nth-child(2) {
  font-size: .65rem;
  color: #777;
}

.pl-chat-weather {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pl-weather-img img {
  max-width: 3.4rem;
}

.pl-chat-data-b {
  margin-top: .75rem;
  text-align: right;
  font-size: .65rem;

}

.pl-chat-rl {
  padding: .5rem;
  background: #E7DDD1;
  /*width: 14rem;*/

}

.pl-chat-rl>div {
  padding: .25rem .5rem;
  /*background: url("../images/rili-bg.png") no-repeat;*/
  -webkit-background-size: cover;
  background-size: cover;
  color: #2e2e2e;
}

.circle-red-md,
.circle-gray-md {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  line-height: 1rem;
  text-align: center;
  color: #fff;
  font-size: .5rem;
  vertical-align: 10%;
  margin-right: .3rem;

}

.circle-red-md {
  background: #CC3131;
}

.circle-gray-md {
  background: #8E8E8E
}

.pl-chat-rl>div>div:nth-child(1) {
  color: #CC3131;
}

.pl-chat-rl>div>div:nth-child(2) {
  position: relative;
  margin: .5rem 0;
  padding-left: 1.3rem;
}

.pl-chat-rl>div>div:nth-child(3) {
  position: relative;
  padding-left: 1.3rem;
}

.pl-chat-rl>div>div:nth-child(2) span,
.pl-chat-rl>div>div:nth-child(3) span {
  position: absolute;
  top: 0;
  left: 0;
}

.pl-chat-input {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 4.8rem;
  box-shadow: 0 0 10px #dadada;
  z-index: 9999;
  background: #fff;

}

.pl-chat-input>div {
  display: flex;
  padding: .5rem;
}

.pl-chat-input-l img {

  width: 3.4rem;
  margin-left: -.5rem;

}

.pl-chat-input-l {
  position: relative;
  width: 2.2rem;
  margin-right: .75rem;
}

.pl-chat-left-tip {
  position: absolute;
  top: -1.2rem;
  left: 0;
  width: 3rem;
  height: 1.5rem;
  background: url("../images/icon_qipao.png") no-repeat;
  background-size: contain;
}

.pl-chat-input-r {

  width: 17rem;
}

.pl-chat-tag {
  position: relative;
  white-space: nowrap;
  overflow-x: scroll;
}

.pl-chat-tag-tip {
  position: absolute;
  top: -1.6rem;
  left: 4rem;
  height: 1.6rem;
  background: rgba(0, 0, 0, .6);
  line-height: 1.6rem;
  color: #FBD341;
  padding: 0 .5rem;
  font-size: .65rem;
  border-radius: 1rem;
}

.pl-chat-tag-tip i {
  position: absolute;
  width: 0;
  height: 0;
  top: 1.6rem;
  left: 1.5rem;
  border-left: .4rem solid transparent;
  border-right: .4rem solid transparent;
  border-top: .4rem solid rgba(0, 0, 0, .6);
}

.pl-chat-tag span {
  display: inline-block;
  padding: .25rem .25rem;
  border: 1px solid #dcdcdc;
  border-radius: 1rem;
  font-size: .75rem;
  margin-right: .25rem;

}

.pl-chat-tag span.active {
  border: 1px solid #FBD341;
  background-color: #FBD341;
}

.pl-chat-tag span.pl-chat-tag-fir {
  padding: 0.25rem .75rem;
  border: 1px solid #fd871b;
  background: #fd871b;
  color: #fff;
}

.pl-chat-type {
  display: flex;
  align-items: center;
  margin-top: .3rem
}

.pl-chat-type input {
  height: 2rem;
  width: 13rem;
  padding-left: .75rem;
  border-radius: 1rem;
  border: 1px solid #dcdcdc;
  font-size: .65rem;
}

.pl-chat-type a {
  width: 1.8rem;
  height: 1.8rem;
  margin-left: .3rem;
  background: url("../images/icon_fasong@2x.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.pl-chat-type input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: DarkSlateGray;
}

.pl-chat-type input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: DarkSlateGray;
}

.pl-chat-type input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: DarkSlateGray;
}

.pl-chat-type input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: DarkSlateGray;
}

.chat-popup-wrap {
  width: 100%;
  height: 100%;
  background: url("../images/chat-bakcground.png") no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.chat-jx-w {
  position: absolute;
  width: 12rem;
  left: 50%;
  bottom: 1rem;
  margin-left: -6rem;

}

.chat-jx-w img {
  max-width: 100%;
}

.chat-step {
  padding: .75rem;
  color: #fff;
  font-size: .8rem;
}

.chat-step-cont {
  padding: .5rem .75rem;
  background: rgba(255, 255, 255, .5);
  border-radius: .4rem;

}

.chat-step-btn {
  margin-top: .75rem;
  text-align: right;
}

.chat-step-btn a {
  display: inline-block;
  padding: .35rem 1.75rem;
  border-radius: 1rem;
  color: #fff;
  background: rgba(255, 255, 255, .5);
}

.chat-popup-wrap .close-popup {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background: url("../images/icon_back.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.close-popup-btn {
  padding: 1rem .75rem 0 0;
  text-align: right;
}

.chat-num-img {
  position: relative;
  width: 60%;
  margin-left: 20%;
  margin-bottom: -2rem;
}

.chat-num-img img {
  max-width: 100%;
}

.chat-num-cont {
  width: 100%;
  position: absolute;
  bottom: 2.5rem;
  left: 0;
  text-align: center;
}

.chat-edit-wrap {
  position: relative;
  margin: 1rem 0;
  height: 2.2rem;
  background: #fff;
  padding-right: 1.5rem;
  border-radius: .5rem;
  line-height: 2.2rem;
  color: #2e2e2e;
  padding-left: .75rem;
}

.freshen-icon {
  position: absolute;
  right: .5rem;
  top: .55rem;
  width: 1rem;
  height: 1rem;
  background: url("../images/freshen-icon.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.pl-chat-inner-reply {
  margin-top: .35rem;
  color: #888;
  padding-left: .5rem;
  border-left: 1px solid #ccc;
  font-size: .7rem;
}

.chat-step-tip {
  position: absolute;
  top: -1.4rem;
  left: 50%;
  width: 125%;

  color: #666;
  font-size: .75rem;

}

.chat-step-tip span,
.chat-step-tip-1 span {
  background: #F7E9DA;
  padding: .35rem .75rem;
  border-radius: .25rem;
}

.chat-step-tip img {
  position: absolute;
  width: 1rem;
  bottom: -.75rem;
  left: .5rem;
}

.chat-step-tip-1 {
  position: absolute;
  top: -1.4rem;
  left: 0;
  width: 200%;
  color: #666;
  font-size: .75rem;
}

.chat-step-tip-1 img {
  position: absolute;
  width: 1rem;
  bottom: -.75rem;
  left: 6.5rem;
}

.dialog-chat {
  border-radius: .5rem;
}

.dialog-chat-hd {
  margin-top: -2rem;
  text-align: center;
}

.dialog-chat-hd img {
  width: 4rem;
}

.dialog-chat-btn {
  display: flex;
  padding: 0 1rem 1rem 1rem;
}

.pl-chat-inner-gif {
  margin-top: -1rem
}

.pl-chat-inner-gif img {
  width: 8rem;
}

.dialog-chat-btn>a {
  flex: 1;

  padding: .5rem 1.5rem;
  border-radius: 1rem;
  text-align: center;
}

.dialog-chat-btn>a:nth-child(1) {
  background: #CC3131;
  color: #fff;
  margin-right: .75rem;
}

.dialog-chat-btn>a:nth-child(2) {
  border: 1px solid #ccc;
  color: #999;
}

.list_user_name {
  line-height: 1
}

.bao-header {
  display: flex;
  padding: .75rem;
  background: #cc3131;
  color: #fff;
  justify-content: space-between;
  line-height: 1.2;

}

.bao-avatar {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
}

.bao-icon {
  display: inline-block;
  width: .9rem;
  height: .9rem;
  margin-right: .1rem;
  background: url("../images/b-icon.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: -15%;
}

.bao-gua-img {
  height: 1.45rem;
}

.bao-r {
  text-align: right;
}

.bao-r-b {
  display: flex;
  margin-top: .5rem;
}

.bao-r-b>div {
  text-align: center;
  margin-left: 0.4rem;
}

.bao-banner {
  padding: .5rem;
}

.bao-banner>img {
  max-width: 100%;
}

.bao-banner>div {
  margin-top: .25rem;
  text-align: right;
  font-size: .7rem;
}

.xz-icon {
  background: url("../images/c-icon.png") no-repeat;

}

.gz-icon {
  background: url("../images/d-icon.png") no-repeat;

}

.xz-hongbao {
  background: url("../images/icon_huodonghongbao.png") no-repeat;
}

.xz-icon,
.gz-icon {
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  -webkit-background-size: contain;
  background-size: contain;
}

.bao-list-hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #2e2e2e;
  padding: 0 .75rem .5rem;
  line-height: 1;
}

.bao-list-hd>div {
  font-size: .85rem;
  font-weight: 600;
  padding-left: .5rem;
  border-left: 2px solid #CC3131;
}

.bao-list-hd>span {
  font-size: .7rem;


}

.button.button-white {
  background: #F4F5F6;
  color: #8e8e8e;

}
.btn-white-raduis{
  border: 1px solid #999;
  color: #8e8e8e;
  font-size: .6rem;
  border-radius: .75rem;
  padding: .25rem .75rem;
}
.bao-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .5rem.75rem;
}

.bao-list-title {
  color: #2e2e2e;
  font-size: .8rem;
}

.bao-list-text {
  margin-top: .1rem;
  color: #8e8e8e;
  font-size: .6rem;
}

.bao-tip {
  margin-top: .75rem;
  padding: .5rem 0;
  background: #FFF0F0;
  color: #8e8e8e;
  text-align: center;
  font-size: .55rem;
}

.dialog-bao-rule {
  padding-top: .75rem;
}

.dia-r-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .5rem .75rem;
}

.dia-r-time {
  font-size: .65rem;
  color: #8e8e8e;
  line-height: 1.2;
}

.dia-r-item>div:nth-child(2) {
  margin: 0 .5rem;
}

.dialog-rule {
  border-radius: .25rem;

}

.dialog-rule .hl-n-rule {
  margin: 0;
  padding: 3rem 0 2rem 0;
}

.dialog-rule .hl-nrt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: .75rem 0;
}

.dialog-rule .hl-nrc {
  padding: .75rem;
  max-height: 15rem;
  overflow-y: scroll;
}

.dialog-rule-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background: #ff3232;
  color: #fff;
  height: 2rem;
  line-height: 2rem;
  border-bottom-left-radius: .25rem;
  border-bottom-right-radius: .25rem;
}

.dialog-rule-list {
  max-height: 15rem;
  overflow-y: scroll;
}

.hl-n1-week-top {
  padding-left: .5rem;
  color: #fff;
  font-size: .75rem;
}

.tag-link-wrap {
  padding: .25rem .5rem;
}

.tag-link-wrap a {
  display: inline-block;
  color: #a9a9a9;
  font-size: .75rem;
  padding: .5rem .75rem;

}

.tag-link-wrap a.active {
  background: #eee;
  color: #666;


}

.pl-chat-back-line {
  position: relative;
  margin-bottom: .75rem;
  text-align: center;
  color: #8e8e8e;
  font-size: .7rem;
}

.pl-chat-back-line:after {
  left: 0
}

.pl-chat-back-line:before {
  right: 0;
}

.pl-chat-back-line:after,
.pl-chat-back-line:before {
  content: '';
  position: absolute;
  width: 40%;
  top: .5rem;

  height: 1px;
  background: #e0e0e0;
  z-index: 1;

}

.chat-tc-hd {
  background: #D33A3B;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  text-align: center;
  color: #fff;
  padding: .5rem;
}

.chat-tc-list {
  min-height: 9.5rem;
  padding: .5rem 0;
  background: #fff;
  text-align: center;
}

.chat-tc-list li {
  padding: .5rem 0;
}

.pl-chat-lx {
  position: fixed;
  left: 0;
  bottom: 4.8rem;
  width: 100%;
  padding: .5rem 0;
  background: #fff;
  z-index: 100;
}

.pl-chat-lx ul li {
  padding: .5rem 0 .5rem 1.5rem;
}

.chat-tc .swiper-slide {
  width: 80%;
  margin: 0 .25rem;

}

.chat-tc-item {
  border-radius: .5rem;
  box-shadow: 0 0 5px #ccc;
}

.chat-tc .swiper-slide-prev,
.chat-tc .swiper-slide-next {
  transform: scale(.9);
  opacity: .5;
}

/*  辩论赛  */
.hb-img {
  text-align: center;
}

.hb-img img {
  max-width: 90%;
}

.bh-btn {
  position: absolute;
  left: 0;
  bottom: 1rem;
  width: 100%;
  height: 3rem;
}

.bls-j {
  position: relative;
}

.bls-j img {
  max-width: 100%;
}

.bls-ja img {
  max-width: 65%;
  margin-top: 1.85rem;
}

.bls-j>div {
  position: absolute;
  left: 21%;
  bottom: 1.2rem;
}

.bls-j>div i {
  padding: .15rem .5rem;
  font-style: normal;
  background: #feda7c;
  color: #d53241;
  font-size: .65rem;
  border-radius: .25rem;
}

.bls-j span {

  padding: .1rem .45rem;
  background: rgba(0, 0, 0, .1);
  color: #fddd88;
  border-radius: .25rem;
  font-size: .65rem;
}

.bls-j a {
  position: absolute;
  width: 5rem;
  height: 100%;
  top: 0;
  right: 0;
}

.bls-cont {
  padding: .75rem;
  background-image: linear-gradient(#fff0e2, #fad0a6);
  min-height: 100%;

}

.bls-dy {
  border-radius: .25rem;
}

.bls-dy-hd {
  height: .9rem;
  line-height: .6rem;
  background: #f1b782;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}

.bls-dy-hd i {
  display: inline-block;
  width: .3rem;
  height: .3rem;
  border-radius: 50%;
  background: #fff;
  margin-left: .5rem;
}

.bls-dy-bd {
  padding: .75rem .5rem;
  background: #fff;
  box-shadow: 2px 2px 5px #efab80;
  border-bottom-left-radius: .25rem;
  border-bottom-right-radius: .25rem;
}

.bls-dy-bd-t {
  margin-bottom: .25rem;
  font-size: 1rem;
  font-weight: 600;
  color: #ffae25;
}

.bls-dy-title {
  font-size: .9rem;
  line-height: 1.2;
}

.bls-dy-text {
  position: relative;
  margin-top: 1.5rem;
  font-size: .8rem;
  color: #8e8e8e;
}

.bls-dy-text:before {
  top: -.9rem;
  left: -.8rem;
  background: url("../images/syh-top.png") no-repeat;
}

.bls-dy-text:after {
  bottom: -.2rem;
  right: -.8rem;
  background: url("../images/syh-bottom.png") no-repeat;
}

.bls-dy-text:before,
.bls-dy-text:after {
  position: absolute;
  content: "";

  width: .9rem;
  height: .9rem;

  -webkit-background-size: contain;
  background-size: contain;
}

.bls-bd-link {
  display: block;
  margin-top: .5rem;
  text-decoration: underline;
  color: #628ffb;
  font-size: .8rem;
}

.bls-yz-detail {
  position: relative;
  margin-top: .75rem;
}

.bls-yz-wrap {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  align-items: center;
}

.bls-yz-wrap span {
  width: 45%;
  font-size: 1rem;
  color: #fff;
  text-align: center;

}

.bls-yz-detail img {
  max-width: 100%;
  text-align: center;
}

.bls-gd {
  display: flex;
  margin-top: .5rem;
}

.bls-gd>div {
  flex: 1;
  color: #8e8e8e;
}

.bls-gd p {
  font-size: .7rem;
}

.bls-gd-z>div {
  color: #e35861;

}

.bls-gd-z {
  border-right: 1px solid #fcca9c;
  padding-right: 1rem;
}

.bls-gd-f {
  padding-left: 1rem;
}

.bls-gd-f>div {
  color: #3f81ce;

}

.bls-news {
  margin: .75rem 0;
  padding: .5rem .75rem;
  background: #f9cea8;
  border-radius: .25rem;
  color: #906c4c;
  box-shadow: 2px 2px 2px #f5c198;
}

.bls-news-list li {
  height: 2rem;
  line-height: 2rem;
}

.bls-news-list {
  height: 6rem;
  overflow: hidden;
}

.bls-news-list .swiper-slide {
  margin: .5rem 0;
  height: 1.5rem;
  line-height: 1.5rem;
}

.bls-news-list img {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  vertical-align: -20%;
}

.bls-news-hd {
  color: #e0525c;
}

.hb-price {
  position: absolute;
  width: 100%;
  top: 7rem;
  left: 0;
  text-align: center;
  font-weight: bold;
  color: #b61e13;
  line-height: 1;
  font-size: 2rem;
}

.hb-price span {
  font-size: 4.5rem;
}

.bls-rules {
  color: #a38467;
}

.blgd_list_box {
  height: 1500px;
  overflow: hidden;
}

.bls-load-more {

  display: block;
  margin-top: -.5rem;
  padding: 1rem 0;
  text-align: center;
  background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));

}

.pls_qm_list li {
  position: relative;
}

.bls-gd-wrap>div {
  float: left;
  width: 48%;
  margin-bottom: .75rem;
}

.bls-gd-wrap>div:nth-child(2n+2) {
  margin-left: 4%;
}

.bls-tab-wrap {
  position: fixed;
  top: 2.25rem;
  width: 100%;
  left: 0;
  padding-right: 4rem;
  z-index: 99999;
}

.bls-choice-btn {
  position: absolute;
  right: 0;
  top: 1px;
  width: 4rem;
  height: 2rem;
  line-height: 2rem;
  border-bottom: 1px solid #d0d0d0;
  text-align: center;
  color: #777;
  background: #fff;

}

.choice-btn {
  width: .75rem;
  height: .75rem;
  background: url("../images/choice-icon.png") center no-repeat;
  -webkit-background-size: 50%;
  background-size: 50%;
}

.bls-choice-list {
  position: absolute;
  top: 2rem;
  right: .5rem;
  background: #fff;
  z-index: 99999;
  box-shadow: 0 0 5px #ccc;
  font-size: .7rem;
  max-height: 6.3rem;
  overflow-y: scroll;
}

.bls-choice-list li {
  padding: .5rem 1.25rem;
  border-bottom: 1px solid #eaeaea;
  color: #888;
}

.bls-p-item {
  position: relative;
  padding-left: 3.6rem;
  padding-right: .75rem;
  margin-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #eaeaea;
}

.bls-p-num {
  position: absolute;
  top: .25rem;
  left: .75rem;
  background: #628ffb;
  color: #fff;
  padding: .2rem .5rem;
  font-size: .7rem;
}

.bls-p-hd {

  font-size: .8rem;
  color: #2e2e2e;
}

.bls-p-bd {
  margin-top: .25rem;
  font-size: .7rem;
  color: #666;
}

.popup-list-ul>li>div>div:nth-child(3n+1) {
  flex: 1;
}

.popup-list-ul>li>div>div:nth-child(3n+2) {
  flex: 2;
  text-align: left;
}

.popup-list-ul>li>div>div:nth-child(3n+3) {
  flex: 2;
  text-align: right;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.bls-gd-title {
  display: flex;
  margin-bottom: .5rem;
}

.bls-gd-title span {
  flex: 1;
  text-align: center;
}

.bls-gd-title>span:nth-child(1) {
  color: #DF515B;
}

.bls-gd-title>span:nth-child(2) {
  color: #618FFA;
}

.blgd_all_container {
  position: relative;

}

.swiper-pagination-a {
  display: block !important;
  text-align: center;
  margin-top: .35rem;
}

.swiper-pagination-a .swiper-pagination-bullet {
  background: none;
  width: 3rem;
  height: auto;
  opacity: 1;
  font-size: .7rem;
}

.swiper-pagination-a .swiper-pagination-bullet i {
  display: block;
  width: .4rem;
  height: .4rem;
  margin-top: .3rem;
  margin-left: 1.3rem;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 1px #333;

}

.swiper-pagination-a .swiper-pagination-bullet-active {
  background: none;
  color: #CC3131;

}

.swiper-pagination-a .swiper-pagination-bullet-active i {
  background: #CC3131;
}

/*masonry*/

.grid-sizer,
.grid-item {
  width: 48%;
}

.gutter-sizer {
  width: 4%;
}

.grid-item {
  margin-bottom: .75rem;
}

.b-shop-tip {
  padding: .5rem .75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffe6e5;
  color: #ce3132;
}

.b-shop-tip img {
  vertical-align: -40%;
}

.b-shop-tip>a {
  display: block;
  width: .75rem;
  height: .75rem;
  background: url("../images/close-pink.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.b-shop-hd {
  border-bottom: 1px solid #efefef;
}

.b-shop-hd a {
  display: inline-block;
  margin-left: .75rem;
  padding: .75rem 1rem;
}

.b-shop-hd a.active {
  border-bottom: 2px solid #cc3131;
  color: #cc3131;
}

.b-shop-list li {
  margin-top: .75rem;
  float: left;
  width: 45.5%;

  margin-left: 3%;
  border: 1px solid #e3e3e3;
  border-radius: .5rem;
  overflow: hidden;
}

.b-shop-list:after,
.b-shop-list:before {
  content: "";
  display: table;
}

.b-shop-list:after {
  clear: both;
}

.b-shop-list li>div {
  padding: .5rem 0 .5rem .5rem;
}

.s-mood-det {
  display: flex;
  align-items: center;
}

.mood-det-i {
  flex: 2;
}

.mood-det-t {
  flex: 1;
  font-size: .65rem;
  text-align: center;
  line-height: 1.4;
}

.mood-det-bd {
  margin-top: .15rem;
  font-size: .6rem;
  color: #989898;
}

.s-mood-btn {
  margin-top: .75rem;
  margin-right: .5rem;
  display: flex;
  align-items: center;
  border: 1px solid #f14639;
  border-radius: 1rem;
}

.s-mood-btn>* {
  flex: 1;

}

.s-mood-btn>a {
  padding: .35rem 0;
  background: #f14639;
  color: #fff;
  text-align: center;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;

}

.shop-i-wrp {
  color: #ff832b;
  font-weight: 600;
  text-align: center;
}

.shop-i-wrp i {
  display: inline-block;
  width: .75rem;
  height: .75rem;
  margin-right: .25rem;
  background: url("../images/b-shop-icon.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: -10%;
}

.b-shop-bd {
  position: relative;
}

.b-shop-bd .swiper-pagination {
  width: 100%;
  bottom: -20px;
}

.b-shop-bd .swiper-pagination-bullet {
  margin: 0 .25rem;
}

.b-shop-bd .swiper-pagination-bullet-active {
  background: #f25454;

}

.dialog-shop {
  padding-top: .75rem;
}

.dia-shop-hd {
  display: flex;
}

.dia-shop-hd>div {
  flex: 1;
}

.dia-shop-hd>div img {
  max-width: 100%;

}

.dia-shop-hd>div:nth-child(1) {
  margin-right: .5rem;
}

.dia-mood-title {
  text-align: center;
  font-weight: bold;
  font-size: .85rem;
}

.dia-mood-det {
  font-size: .65rem;
  color: #8f8f8f;
}

.dia-shop-bd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: .75rem 0;
}

.dia-shop-bd a {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background: #efefef;
  color: #999;
  text-align: center;
  vertical-align: top;
  line-height: 1.25rem;
}

.dia-shop-bd input {
  width: 2rem;
  height: 1.25rem;
  background: #efefef;
  border: none;
  vertical-align: top;
  text-align: center;
}

.dialog-shop .s-mood-btn {
  margin-right: 0;
}

.dialog-shop-succeed {
  background: none !important;
  width: 90% !important;
  left: 5% !important;
}

.dialog-shop-succeed img {
  max-width: 100%;
}

.dialog-shop-succeed-cont {
  position: absolute;
  top: 31%;
  left: 15%;
  width: 70%;
  padding: .25rem;
  background: #fff;
  background: rgba(255, 0, 30, .2);
  border-radius: .125rem;

}

.dialog-shop-succeed-cont>div {
  background: #fff;
  border-radius: .125rem;

}

.dialog-shop-succeed-cont img {
  max-width: 80%;
  margin-left: 10%;
  padding: 1rem 0;

}

.shop-dia-name {
  position: absolute;
  height: 1.5rem;
  width: 100%;
  left: 0;
  text-align: center;
  color: #fff;
  bottom: -2rem;
  font-weight: bold;
  text-shadow: 1px 1px #910000
}

.dialog-shop-succeed .dialog-close {
  top: 2rem;
  right: 1.5rem;
}

.mood-det-i img {
  height: 4.55rem;
}

.f-new-wrap {

  padding: 0 .75rem .75rem .75rem;
  background: #F5F4F9;

}

.f-pp {
  font-size: .85rem;
  padding: 1.25rem 0 0;
  line-height: 1.5;
}

.f-pa {
  font-size: .8rem;
}

.f-pa a {
  display: block;
  padding: .75rem;
  line-height: 1.4;
  margin-top: .5rem;
  text-align: center;
  background: #fff;
  color: #FF8C55;
  border-radius: .25rem;
  box-shadow: 3px 3px 5px #e7e7e7;
}

.f-pa a.active {
  background: #FF8C55;
  color: #fff;

}

.user-info-2020 {
  padding: .75rem;
}

.u-info-link>a {
  padding: .75rem 1rem .75rem 0;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.u-info-avatar img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  vertical-align: top;
}

.u-info-avatar {
  height: 2rem;
  line-height: 2rem;
}

.u-info-link>a:after {
  position: absolute;
  right: 0;
  top: .75rem;
  content: "\e617";
  color: #999;
}

.u-info-textarea textarea {
  width: 100%;
  min-height: 3rem;
  padding: .5rem .75rem;
  border: 1px solid #999;
  border-radius: .25rem;
}

.u-info-title {
  margin: 1rem 0 .75rem;
}

.user-info-2020>.u-info-link:nth-child(1)>a:after {
  top: 1.4rem;
}

.u-info-item {
  padding-bottom: .5rem;
}

.u-info-tag {
  padding: .5rem 0;
  box-shadow: 1px 2px 5px #e6e6e6;
  border-radius: .25rem;
}

.u-info-tag span {
  display: inline-block;
  padding: .5rem 1rem;
  margin-bottom: .5rem;
  background: #f7f7f7;
  color: #999;
  font-size: .7rem;
  border-radius: 1rem;
}

.u-info-tag span.active {
  background: #FF8C55;
  color: #fff;

}

.fr-hd {
  position: relative;
}

.fr-hd img {
  max-width: 100%;
}

.fr-h-text {
  position: absolute;
  width: 92%;
  top: 1rem;
  left: 4%;
  background: #fff;

  box-shadow: 0 0 5px #c8c8c8;
}

.fr-h-text>div {
  padding: 1rem 1rem 1.5rem;
  line-height: 1.5;
}

.fr-h-text h2 {
  margin: .5rem 0;
  text-align: center;
}

.fr-bd {
  padding: 1rem .75rem;
}

.fr-bd-t {
  position: relative;
  margin-top: 4rem;
  border: 2px solid #F5414D;
  padding: 2rem .75rem 1rem .75rem;
  border-radius: .25rem;
}

.fr-t-name {
  position: absolute;
  top: -1.25rem;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: .85rem;
  font-weight: bold;
  line-height: 1.5;

}

.fr-t-name span {
  display: inline-block;
  background: #fff;
  padding: 0 .25rem;
}

.f-result-wrp {
  line-height: 1.5;
}

.fr-tl-btn {
  text-align: center;
}

.fr-tl-btn span {
  display: inline-block;
  background: linear-gradient(#F5414D, #FF784F);
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  padding: .25rem 1rem;
  border-radius: .25rem;
}

.fr-tl-tip {
  margin: .5rem 0 .75rem;
  color: #F5424D;
  font-size: .75rem;
  text-align: center;
}

.fr-t-r {
  font-size: .75rem;
}

.rt-t-a {
  margin-top: .5rem;
  text-align: center;
}

.rt-t-a a {
  color: #FF874E;
}

.fr-bd-i {
  margin-top: 1.5rem;
}

.fr-bd-ti span {
  display: inline-block;
  padding: .5rem .75rem;
  color: #fff;
  border-top-right-radius: 1.2rem;
  border-bottom-right-radius: 1.2rem;
  font-size: .8rem;
  font-weight: bold;

}

.fr-ti-1 span {
  background: linear-gradient(#FFC62E, #FFA200);
  box-shadow: 1px 3px 3px rgba(255, 144, 0, .4);
}

.fr-ti-2 span {
  background: linear-gradient(#6BB3FF, #1387FF);
  box-shadow: 1px 3px 3px rgba(0, 124, 252, .4);
}

.fr-ti-3 span {
  background: linear-gradient(#FF6E8C, #F5414D);
  box-shadow: 1px 3px 3px rgba(255, 47, 110, .4);
}

.fr-text-i {
  position: relative;
  padding-left: 1rem;
  font-size: .75rem;
  margin-top: .75rem;
}

.fr-text-i i {
  position: absolute;
  top: .1rem;
  left: 0;
  width: .475rem;
  height: .875rem;

}

.fr-text-1 i {
  background: url("../images/icon_huang.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.fr-text-2 i {
  background: url("../images/icon_lan.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.fr-text-3 i {
  background: url("../images/icon_hong.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.fr-jy {
  margin-top: 1.5rem;
  font-size: .75rem;
}

.fr-jy-t,
.fr-jy-img {
  font-size: .8rem;
  font-weight: bold;
  ;
}

.fr-jy-img {
  text-align: center;
  margin-bottom: .75rem;
}

.fr-jy-img img {
  margin: 1rem 0 .25rem;
  max-width: 5rem;
  border-radius: 50%;
}

.fr-saying {
  margin-top: 1.5rem;
}

.fr-say-t img {
  max-width: 5rem;
}

.fr-say-i {
  margin-top: 1rem;
}

.fr-say-i>div {
  margin-top: .25rem;
  text-align: right;
  font-weight: bold;
}

.gray-filter {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(1);


}

.title-border {
  padding: .75rem 0;
  margin: 0 .75rem;
  border-bottom: 1px solid #ddd;
  font-size: .7rem;
  line-height: 1.5;
}

.list-form-block li {
  margin-bottom: .75rem;
}

.list-form-block {
  margin-left: .75rem;
  margin-right: .75rem;
}

.list-form-input {
  margin-top: .5rem;
  padding: .5rem .75rem;
  display: flex;
  border: 1px solid #ccc;
  justify-content: space-between;
  align-items: center;
}

.list-form-input input {
  border: none;
}

.list-form-label {
  font-size: .75rem;
}

.first_in_text_box {
  position: relative;
  height: 57%;
}

.first_04 {
  height: 100%;
}

.first_in_text_box>div {
  position: absolute;
  top: 0;
  left: 5%;
  width: 90%;
}

.first_02 {
  height: 100%;
}

.fixed_bottom_sign_in {
  bottom: 0 !important;
}

.test-group-btn p {
  margin-bottom: 1rem;
}

.reading_detail_img img {
  max-width: 100%;
}

.enter-img {
  background: #fff;
}

.enter-img img {
  max-width: 100%;


}

.entry-btn-wrap button {
  width: 100%;
  height: 2.75rem;
  font-size: .8rem;
  font-weight: 500;
  border-radius: 1.375rem;
  margin-top: .725rem;
}

.entry-btn-wrap .btn_bg_gray {
  background: rgba(250, 250, 250, 1);
  border: 1px solid rgba(204, 204, 204, 1);
  border-radius: 1.375rem;
  font-size: .8rem;
  font-weight: 500;
  color: rgba(102, 102, 102, 1);
  line-height: 1.8rem;
}

.btn_bg_red {
  background: rgba(255, 226, 226, 1) !important;
  border: 1px solid rgba(204, 49, 49, 1) !important;
  color: rgba(204, 49, 49, 1) !important;
}

.grap_out_container {
  position: relative;
}

.k_line_graph_container {
  position: absolute;
  top: 0;
  left: 0;

}

.pl-chat-news {}

.pl-chat-nb li {
  padding: .5rem 0;
}

.pl-chat-af {
  display: flex;
}

.pl-chat-af>div {
  flex: 1;
  position: relative;
}

.pl-chat-af>div>img {
  max-width: 100%;
}

.pl-chat-af>div>div {
  position: absolute;
  top: .85rem;
  left: 12%;
  width: 76%;
  color: rgba(207, 95, 0, 1);
  font-size: .65rem;
}

.pl-chat-as>div {
  position: relative;
  margin-bottom: .35rem;
}

.pl-chat-as>div>img {
  max-width: 100%;
}

.pl-chat-as>div>div {
  position: absolute;
  top: .85rem;
  left: 10%;
  width: 80%;
  font-size: .65rem;
  color: rgba(207, 95, 0, 1);
}

.stock-line {
  padding: .75rem;
}

.stock-l-n {
  font-size: .85rem;
}

.stock-l-t {
  display: flex;
}

.stock-l-t span {
  flex: 1;
  text-align: center;
  background: #F2F1F7;
  color: #8E8E8E;

}

.stock-l-t span.active {
  background: #fff;
  color: #333;
}

.stock-l-btn {
  position: fixed;
  bottom: 1rem;
  left: 5%;
  width: 90%;
}

.pl-chat-cl {
  position: relative;
}

.pl-chat-cl img {
  max-width: 100%;
}

.pl-chat-cl-wrp {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  color: #fff;
  text-align: center;
}

.pl-chat-cl-wrp>h2 {
  padding-top: 1rem;
  font-size: .9rem;
}

.pl-chat-cl-wrp>p {
  text-align: center;
  font-size: .7rem;
}

.pl-chat-cl-wrp>p:nth-child(2) {
  font-size: .6rem;

}

.pl-chat-cl-wrp>p:nth-child(3) {
  margin-top: .3rem;
}

.pl-chat-det {
  background: #FFE9E7;
  padding: .5rem;
  border-radius: .25rem;
}

.pl-chat-det p {
  color: #FF3F29;
}

.tz-top {
  padding-top: 4rem;
  text-align: center;
}

.tz-top>img {
  max-width: 40%;
}

.tz-top-info img {
  margin: 0 .25rem;
  width: .75rem;
  height: .75rem;
  border-radius: 50%;
  vertical-align: -10%;
}

.tz-footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
}

.tz-footer-wrp {
  padding: .75rem;

}

.tz-footer-hd {
  position: relative;
  border: 1px solid #56BC68;
  border-radius: .25rem;
  display: flex;
  padding: .75rem 0 .75rem .75rem;

}

.tz-footer-media img {
  width: 3.4rem;
  border: 1px dashed #bbb;
  margin-right: .5rem;
}

.tz-footer-inner img {
  width: .75rem;
  height: .75rem;
  border-radius: 50%;
  margin: 0 .25rem;
  vertical-align: -10%;
}

.tz-footer-inner>div:nth-child(2) {
  margin-top: .25rem;
  font-size: .7rem;
  color: #8c8c8c;

}

.tz-footer-tip {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 1.4rem solid #56BB67;
  border-left: 1.4rem solid transparent;
}

.tz-footer-tip img {
  position: absolute;
  top: .65rem;
  right: .1rem;
  width: .75rem;
}

.tz-footer-bd {
  display: flex;
  margin-top: .75rem;
}

.tz-footer-bd button {
  flex: 1;
  border: none;
  border-radius: .25rem;
  height: 1.8rem;
}

.tz-footer-bd>button:nth-child(1) {
  background: #EAEAEA;
  color: #56BB69;
  margin-right: .75rem;
}

.tz-footer-bd>button:nth-child(2) {
  background: #56BC68;
  color: #fff;
}

.pl-chat-media-avatar {
  padding: .25rem 0 0 .25rem;
  display: flex;
  align-items: center;
}

.pl-chat-media-avatar>img {
  width: 2.2rem;
  height: 2.2rem;
  margin-right: .25rem;
  border-radius: 50%;
  border: 3px solid #fff;
  box-shadow: 1px 1px 3px #666;
}

.pl-chat-ma-det {
  line-height: 1;
}

.pl-chat-ma-det>div {
  margin-bottom: .25rem;
}

.pl-chat-ma-det span {

  background: #fff;
  font-size: .6rem;
  padding: .1rem .2rem;
  border-radius: .2rem;
  box-shadow: 1px 1px 2px #313131;
}

.pl-chat-ma-stock {
  margin-top: .25rem;
  margin-left: .5rem;
  text-align: left;
  font-size: .65rem;
}

.pl-chat-ma-fd {
  position: absolute;
  left: 0;
  bottom: 0;
}

.pl-chat-ma-fd span {
  display: inline-block;
  padding: .15rem .5rem;
  background: rgba(0, 0, 0, .5);
  font-size: .55rem;
  color: #fff;
  border-radius: .25rem;
}

.fbh,
.fbb {
  padding: .75rem;
}

.fbh>p,
.fbb>p {
  padding-bottom: .75rem;
}

.fbh-tag span {
  display: inline-block;
  background: #f4f5f6;
  padding: .5rem 1rem;
  border-radius: .25rem;
  line-height: 1;
}

.fbh-tag .active {
  background: #ff8c55;
  color: #fff;

}

.fbb-edit-wrp {
  position: relative;
  border: 1px solid #bababa;
  padding: .5rem .75rem;
  border-radius: .25rem;
}

.fbb-edit-wrp textarea {
  width: 100%;
  border: none;
  min-height: 5rem;
}

.fbb-edit-wrp .edit-num {
  position: absolute;
  bottom: .5rem;
  right: .5rem;

}

.edit-num {
  background: #ebebeb;
  padding: .25rem .5rem;
  border-radius: 1rem;
  font-size: .65rem;
  color: #999;
}

.fbb-edit-upload {
  margin-top: .75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.img-upload-wrp {
  position: relative;
}

.img-upload-wrp>input {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.5rem;
  height: 100%;
  opacity: 0;
}

.img-upload-text {
  border: 1px solid #999999;
  border-radius: .25rem;
  padding: .5rem 1rem;
  color: #6c6c6c;

}

.img-upload-text i {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: .25rem;
  background: url("../images/bg-add-photo.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  vertical-align: -15%;
}

.fbf-contact {
  display: flex;
  padding-top: 1rem;
}

.fbf-contact>div {
  flex: 1;
  text-align: center;
}

.fbf-wx {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("../images/icon_qudao_weixin@2x.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.fbf-phone {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("../images/contact_phone.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.fbf-btn {
  padding: 2rem .75rem .75rem .75rem;
}

.ps-h {
  position: relative;
}

.ps-h>img {
  max-width: 100%;
}

.ps-ht {
  position: absolute;
  width: 90%;
  left: 5%;
  top: 55%;

  border-radius: .25rem;
}

.ps-pt-hd {
  padding: .75rem 0;
  font-size: .75rem;
  line-height: 2;
  background: #ffffff;
}

.ps-ht>div>h2 {
  padding-left: .75rem;
  font-size: .85rem;
}

.ps-ht>div>div {
  text-align: center;
}

.ps-ht>div>div>div {
  padding: 0 .75rem;
}

.ps-ht>div button {
  margin-top: .5rem;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ps-b {
  padding: 3rem .75rem 0 .75rem;

}

.ml-l {
  display: flex;
}

.ml-l .pl-chat-inner-text {
  padding: 0;
}

.ml-media {
  width: 4rem;
  height: 2.6rem;
  margin-right: .5rem;
  overflow: hidden;
}

.ml-media img {
  max-width: 100%;
  vertical-align: top;
}

.ml-inner {
  line-height: 1;
  font-size: .7rem;
}

.ml-inner>div {
  margin-bottom: .25rem;
}

.ml-inner>div:nth-last-child(1) {
  margin-bottom: 0;
}

.mi-inner-name {
  color: #999;
  font-size: .65rem;
}

.ml-link>a {
  display: block;
  color: dodgerblue;
  ;
}

.ps-bi {
  margin-top: .5rem;
  display: flex;
  justify-content: space-between;
}

.ps-bi li {}

.ps-bi li img {
  max-width: 4rem;
}

.ps-bi li div {
  margin-top: .25rem;
  font-size: .7rem;
  text-align: center;
}

.fbb-edit-img ul {
  display: flex;

}

.fbb-edit-img ul li {
  position: relative;
  margin-left: .4rem;
}

.fbb-edit-img ul li img {
  width: 4rem;
  height: 4rem;
}

.fbb-edit-img ul li:nth-child(1) {
  margin-left: 0;
}

.fbb-edit-img ul li i {
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: .2rem;
  right: .2rem;
  background: url("../images/icon_gray_close.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.left_robot_dialog .dialog_content {
  max-width: 95% !important;
}

.pl-chat-hb {
  position: fixed;
  left: .5rem;
  bottom: 5.5rem;
  width: 2.4rem;
}

.pl-chat-hb img {
  max-width: 100%;
}

.flex-box-default {
  display: flex;
}

.ps-ht-i img {
  max-width: 100%;
}

.xcx-wrp {
  padding: .75rem;
}

.xcx-wrp img {
  max-width: 100%;
}

.add-xcx {
  position: absolute;
  padding: .25rem .5rem;
  background: #FF8C55;
  color: #fff;
  border-radius: .25rem;
  z-index: 10000;
  right: .75rem;
  top: .6rem;
  font-size: .7rem;
}

.add-xcx span {
  position: absolute;
  width: 0;
  height: 0;
  top: -.5rem;
  right: 1.5rem;
  border-style: solid;
  border-width: 0 .5rem .5rem .5rem;
  border-color: transparent transparent #FF8C55 transparent;
}

/*守护天使*/
.sh-head {
  position: relative;
  height: 10rem;
  background: #fd9502;
}

.sh-head-wrp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.sh-head-cont {
  padding: .75rem .75rem 0 .75rem;
}

.sh-ht {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .75rem;
  background: rgba(255, 255, 255, .8);
  border-radius: .5rem;
}

.sh-ht-l {
  display: flex;
}

.sh-ht-l>img {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: .35rem;
  border-radius: 50%;

}

.sh-head-title {
  font-size: .9rem;
}

.sh-head-after {
  font-size: .7rem;
  color: #8e8e8e;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}

.sh-hb {
  margin-top: .25rem;
  font-size: .7rem;
}

.tar {
  text-align: right
}

.sh-hbt {
  display: flex;
  margin-top: .75rem;
}

.sh-hbt>div {
  flex: 1;
  text-align: center;
}

.sh-cont-wrp {
  position: absolute;
  width: 100%;
  top: 11.25rem;
  left: 0;
  background: #fff;

  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}

.sh-cont {
  padding: .75rem;
}

.sh-cont-ht-title {
  margin-bottom: .75rem;
  font-size: .85rem;
  text-align: center;
  font-weight: normal;
  ;
}

.sh-cont-medal {
  display: flex;
}

.sh-cont-medal>div {
  flex: 1;
  text-align: center;
  font-size: .7rem;
}

.sh-medal-1 {
  background: url("../images/sh-icon-1.png") no-repeat;
}

.sh-medal-2 {
  background: url("../images/sh-icon-2.png") no-repeat;
}

.sh-medal-3 {
  background: url("../images/sh-icon-3.png") no-repeat;
}

.sh-medal-4 {
  margin-right: .5rem;
  background: url("../images/sh-icon-4.png") no-repeat;
}

.sh-medal-1,
.sh-medal-2,
.sh-medal-3,
.sh-medal-4 {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  -webkit-background-size: contain;
  background-size: contain;
}

.sh-detail-item {
  display: flex;
  align-items: center;
  padding: .5rem 1rem;
  margin: 0 .75rem .75rem .75rem;
  background: url("../images/sh-icon-bg.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  font-size: .7rem;
  height: 3.2rem;
}

.sh-detail-item-1 {}

.sh-item-media {
  width: 2.5rem;
}

.sh-item-media img {
  width: 1.5rem;

}

.sh-cont-detail {
  position: relative;
  margin-top: 1rem;
  padding-top: 1rem;
}

.sh-cont-detail:before {
  position: absolute;
  content: "";
  left: 0;
  top: -.5rem;
  width: 100%;
  height: .5rem;
  background: #f0f4f7;
}

.sh-fixed-wrp {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #fff;

}

.sh-fix-cont {
  display: flex;
  padding: .5rem .75rem;
}

.sh-icon-edit {
  display: inline-block;
  width: .85rem;
  height: 1rem;
  background: url("../images/sh-icon-8.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;

}

.sh-fix-link {
  text-align: center;
  font-size: .7rem;
  color: #ff9701;
  flex: 2;
  line-height: 1.2;
}

.sh-fix-cont button {
  flex: 5;
  width: 100%;
  height: 2rem;
  color: #fff;
  border: none;
  background-image: linear-gradient(90deg, #fea41f, #ffc35e);
  border-radius: 1rem;
  font-size: .75rem;
}

.sh-dialog-btn {

  width: 50%;
  height: 2rem;
  color: #fff;
  border: none;
  background-image: linear-gradient(90deg, #fea41f, #ffc35e);
  border-radius: 1rem;
  font-size: .75rem;
}

.sh-fixed-wrp~.content {
  bottom: 3rem;
}

.sh-cont-switch-wrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sh-switch-l {
  display: flex;
  align-items: center;
}

.sh-switch-title {
  font-size: .85rem;
  font-weight: 600;
}

.sh-switch-after {
  font-size: .6rem;
  color: #8e8e8e;
}

.sh-cont-switch-text {
  margin-top: .75rem;
  padding: .5rem .75rem;
  background: #fffaf5;
  color: #ff9905;
  border: 1px solid #ff9905;
  text-align: center;
  font-size: .6rem;
  border-radius: .25rem;
}

.sh-switch-label label,
.sh-switch-label input {
  vertical-align: middle;
}

.sh-switch-label label {
  display: block;

}

.mui-switch {
  position: relative;
  width: 40px;
  height: 20px;
  border: 1px solid #dfdfdf;
  background: #fdfdfd;
  border-radius: 15px;
  background-clip: content-box;
  display: inline-block;
  -webkit-appearance: none;
  user-select: none;
  outline: none;
}

.mui-switch:before {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  top: 0;
  left: 0;
  border-radius: 15px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.mui-switch:checked {
  border-color: #ff9905;
  box-shadow: #ff9905 0 0 0 16px inset;
  background-color: #ff9905;
}

.mui-switch.mui-switch-anim {
  transition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.4s;
}

.mui-switch.mui-switch-anim:before {
  transition: left 0.3s;
}

.mui-switch.mui-switch-anim:checked {
  box-shadow: #ff9905 0 0 0 16px inset;
  background-color: #ff9905;
  transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s;
}

.mui-switch.mui-switch-anim:checked:before {
  transition: left 0.3s;
}

.mui-switch:checked:before {
  left: 20px;
}

.dialog-sh-group {
  background: none !important;
}

.dialog-sh-bd {
  background-image: linear-gradient(#ff472e, #ff3f3f);
  padding: .75rem .75rem 1.5rem;
}

.dialog-sh-icon {
  display: flex;
  padding-top: .75rem;
  text-align: center;
}

.dialog-sh-icon>div {
  flex: 1;
  margin-left: .75rem;

}

.dialog-sh-icon>div:nth-child(1) {
  margin-left: 0;
}

.dialog-sh-icon img {
  max-width: 100%;
}

.dialog-sh-btn-orange {
  display: inline-block;
  padding: .25rem 3.5rem;
  background-image: linear-gradient(90deg, #fea41f, #ffc35e);
  border-radius: 2rem;
  color: #764500;
  font-size: .6rem;
}

.join-party-btn {

  padding: .5rem 3rem;
  border: none;
  border-radius: 2rem;
  background-image: linear-gradient(#ffe7ba, #ffba3c);
  color: #764500;
  font-size: .8rem;
}

.join-party-btn-wrp {

  text-align: center;
}

.dialog-sh-btn-orange span {
  font-size: 1rem;
  font-weight: bold;
}

.dialog-close-fd {
  position: absolute;
  left: 50%;
  bottom: -2.8rem;
  width: 1.8rem;
  height: 1.8rem;
  margin-left: -.9rem;
  background: url("../images/close-white-icon.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.dialog-sh-hd {
  position: relative;
}

.dialog-sh-hd-text {
  position: absolute;
  left: .75rem;
  bottom: .5rem;
  color: #fff;
  font-size: .7rem;
}

.sh-banner {
  position: relative;
}

.sh-banner-text {
  position: absolute;
  width: 100%;
  top: 2.7rem;
  left: 0;
  color: #fff;
  font-size: .75rem;
}

.sh-banner-text p {
  padding-left: .75rem;
  padding-right: .75rem;
}

.sh-nav-icon {
  display: flex;
  margin-top: .75rem;
}

.sh-nav-icon>div {
  flex: 1;

  text-align: center;
}

.sh-nav-icon>div {
  display: block;
  position: relative;
}

.sh-nav-icon>div.active:after {
  position: absolute;
  content: "";
  left: 50%;
  margin-left: -.325rem;
  bottom: -.75rem;
  width: .75rem;
  height: .45rem;
  background: url("../images/white-tip-hd.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.sh-nav-icon>div img {
  max-width: 2.5rem;
}

.sh-nav-icon>div p {
  margin-top: 0;
  font-size: .7rem;
  text-align: center;
  line-height: 1.2;
  color: #666;

}

.sh-tip-wrp {
  margin: .75rem;
  padding: .75rem;
  box-shadow: 0 0 6px rgba(0, 0, 0, .15);
  border-radius: .5rem;
}

.sh-toolbar {
  display: flex;
  background: #f2f2f2;
}

.sh-toolbar a {
  flex: 1;
  background: #f2f2f2;
  color: #666;
  font-size: .65rem;
  text-align: center;
  padding: .35rem 0;
}

.sh-toolbar a span {
  font-size: .8rem;
  font-weight: bold;
}

.sh-toolbar a.active {
  background: #ffb537;
  color: #fff;

}

.sh-user-wrp .user_head img {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  margin-right: .35rem;
}

.sh-gird {
  padding: .75rem;
}

.sh-grid-hd,
.pd-header-icon {
  margin-bottom: .5rem;
  color: #2e2e2e;
  font-size: .8rem;

}

.icon-comment-right {

  width: .8rem;
  height: .8rem;
  background: url("../images/sh-icon-17.png") no-repeat;
}

.icon-edit-yellow {
  width: .8rem;
  height: .8rem;
  margin-right: .25rem;
  background: url("../images/sh-icon-16.png") no-repeat;
}

.sh-gird-item-fd {
  background: #fff8ed;
  color: #ffc056;
  font-size: .65rem;
  text-align: center;
  margin: .6rem -.6rem -.5rem -.6rem;
  padding: .5rem 0;
}

.grid-item-tr {
  position: absolute;
  top: 0;
  right: 0;
  padding: .15rem .45rem;
  background: #ffc056;
  color: #fff;
  font-size: .65rem;
  border-top-right-radius: .25rem;
  border-bottom-left-radius: .5rem;

}

.invitation_out_box {
  height: 100%;
  padding-top: 1rem;
  background: url(../images/bg_invite_out_box.png) no-repeat center/cover;
}

.invitation_out_box .invitation_in_box {
  height: 90%;
  width: 100%;
  background: url(../images/bg_invite_in_box.png) no-repeat top center;
  background-size: 100%;
  padding: 0rem 2.2rem;
  padding-top: 30%;
  color: #F95E19;

}

.invitation_out_box .invitation_in_box_code {
  background: url(../images/bg_invite_in_box-1.png) no-repeat top center;
  background-size: 100%;
  padding-top: 70%;
}

.invitation_out_box .invitation_in_box .head_title {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 800;
  color: #F95E19;
}

.invitation_out_box .invitation_in_box .head_main {
  margin-top: 0.5rem;
}

.invitation_out_box .invitation_in_box .head_main p {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #F95E19;
  line-height: 1.25rem;
}

.invitation_out_box .invitation_in_box .head_main p~p {
  margin-top: 0;
}

.invitation_out_box .invitation_in_box .head_code {
  text-align: center;
  margin-top: 1.25rem;
}

.invitation_out_box .invitation_in_box .head_code .code_title {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #C37E3B;
}

.invitation_out_box .invitation_in_box .head_code .code_num {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FF3232;
  margin-top: .5rem;
}

.invitation_out_box .invitation_in_box .head_main p:before {
  content: "";
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  vertical-align: middle;
  margin-right: .25rem;
  background: url(../images/invite_star.png) no-repeat center/.575rem .55rem;
}

.invitation_out_box .invitation_in_box .box_input_group {
  margin-top: 3.5rem;

}

.invitation_out_box .invitation_in_box_code .box_input_group {
  margin-top: 3rem;

}

.invitation_out_box .invitation_in_box .box_input_group input {
  background: #FFFFFF;
  border: 1px solid #FFC056;
  border-radius: .5rem;
  width: 100%;
  padding: 0.5rem 0.6rem;
}

.box-ig-c {
  margin-top: .5rem;
  position: relative;
}

.box-ig-c input {
  padding-right: 4.5rem;

}

.box-ig-c span {
  font-size: .8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FF961A;
  position: absolute;
  right: 0;
  padding: 0.5rem 0.6rem;
  top: -0.1rem;
  vertical-align: middle;
}

.box-ig-b1 {
  margin-top: 1.5rem;
}

.swiper-sh {
  height: 1.5rem;
  overflow: hidden;
  padding-left: .75rem;
  margin: 1rem -.75rem 0 -.75rem;
  line-height: 1.5rem;
  background: rgba(255, 255, 255, .2);
  color: #fff;
  font-size: .7rem;
}

.swiper-sh .swiper-slide {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.join-party-wrp {
  position: relative;
}

.join-party-text {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.join-party-text-1,
.join-party-text-2 {

  font-size: .7rem;
  color: #8e8e8e;
  line-height: 1.1;
}

.join-party-text-1 {
  margin-top: 10.5rem;
}

.join-party-text-2 {
  margin-top: 7rem;
}

.join-party-text-1 span,
.join-party-text-2 span {
  color: #ff3232;
  font-size: 1.2rem;
}

.join-user-hd {
  padding: 0 .75rem;
  font-size: 1rem;
  color: #fff;
  line-height: 1.2;
}

.join-user-hd span {
  background-image: -webkit-linear-gradient(#ffba3b, #ffe7ba);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.join-user-list {
  position: absolute;
  width: 100%;
  left: 0;
  top: 7rem;
}

.join-user-item {
  position: absolute;
  width: 4rem;
  height: 4rem;
  animation: 2s linear 0s infinite alternate bs;
}

.join-user-list>.join-user-item:nth-child(1) {
  top: 1rem;
  left: 2.5rem;
}

.join-user-list>.join-user-item:nth-child(2) {
  top: 0;
  left: 8rem;
  transform: scale(.8);
}

.join-user-list>.join-user-item:nth-child(3) {
  top: 2.5rem;
  right: 1.5rem;
  transform: scale(.9);
}

.join-user-list>.join-user-item:nth-child(4) {
  top: 6rem;
  right: 8rem;
  transform: scale(.9);
}

.join-user-list>.join-user-item:nth-child(5) {
  top: 8rem;
  left: 1.5rem;
  transform: scale(.8);
}

.join-user-list>.join-user-item:nth-child(6) {
  top: 12rem;
  left: 5.5rem;
  transform: scale(.7);
}

.join-user-list>.join-user-item:nth-child(7) {
  top: 10rem;
  right: 3rem;
  transform: scale(1.1);
}

.join-user-item>img {
  position: absolute;

}

.join-ui-bg {
  top: 0;
  left: 0;
  max-width: 100%;
  z-index: 11;
}

.join-ui-avatar {
  top: .8rem;
  left: .8rem;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  z-index: 10;
}

.join-user-text {
  margin: .75rem .75rem 0 .75rem;
  background: #fdf4e3;
  box-shadow: 0 0 10px rgba(255, 192, 0, .6);
}

.join-user-shadow {
  padding: .75rem;
  box-shadow: 0 0 50px rgba(255, 226, 158, .78) inset;
}

.join-us-hd {
  color: #ff3232;
  font-size: .8rem;
}

.join-bd-title {
  margin: .5rem 0;
  font-size: .7rem;
  color: #8E8E8e;

}

.join-bd-title img {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  margin-left: -.5rem;
}

.join-bd-title img:nth-child(1) {
  margin-left: 0;
}

.join-bd-title span {
  padding-left: .5rem;
}

.join-bd-cont {
  background: #fff;
  padding: .5rem;
  box-shadow: 0 0 5px #ccc;
}

.join-bd-cont>div {
  padding: .5rem .75rem;
  border: 1px dashed #fbecd6;
  font-size: .7rem;
}

.join-user-fd {
  position: relative;
}

.join--fd-cont {
  position: absolute;
  width: 100%;
  left: 0;
  top: 8rem;
}

/*婚恋 start*/
.hl-content {
  background: #fcae43;
}

.hl-step-wrp {
  padding: 0 .75rem .75rem .75rem;
}

.hl-step-cont {
  position: relative;
  height: 100%;
  padding: .75rem;
  background: #fff;
  border-radius: .5rem;
}

.hl-cont-tr-i {
  position: absolute;
  top: -3.5rem;
  right: 0;
  width: 7rem;
}

.hl-step-head img {
  width: 1rem;
}

.hl-step-question {
  font-size: .9rem;
  margin: .5rem 0;
}

.hl-step-avatar {
  display: flex;
}

.hl-step-avatar>div {
  flex: 1;
  text-align: center;
}

.hl-avatar-detail {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  border: 2px solid #efefef;
  display: inline-block;
  margin-bottom: .25rem;
}

.hl-avatar-detail img {
  max-width: 100%;
}

.hl-avatar-item.active {
  color: #fa8d2e;
}

.hl-avatar-item.active .hl-avatar-detail {
  border-color: #fa8d2e;
}

.hl-step-btn {
  display: flex;
  margin-top: 2rem;
}

.hl-step-btn button {

  padding: .5rem 0;
  background: #fa8d2e;
  color: #fff;
  width: 100%;
  text-align: center;
  border: none;
  border-radius: 1.5rem;
}

.hl-step-btn .hl-step-cancel-btn {
  margin-left: .75rem;
  background: #efefef;
  color: #999;
}

.hl-gd {
  position: relative;
}

.hl-gd-text {
  position: absolute;
  display: table;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  min-height: 6rem;
}

.hl-gd-text>div {
  display: table-cell;

  vertical-align: middle;
  padding: 0 .75rem;
  font-size: .7rem;
  width: 50%;
}

.hl-gd-text>div:nth-child(1).active {
  background: url("../images/hl-9.png") left bottom no-repeat;
  background-size: 50%;
}

.hl-gd-text>div:nth-child(2).active {
  background: url("../images/hl-9.png") right bottom no-repeat;
  background-size: 50%;
}

.hl-input-fill {
  position: relative;
  display: flex;
  align-items: center;
}

.hl-input-fill input {
  width: 100%;
  margin-right: .5rem;
  padding: 0 .5rem .5rem;
  border: none;
  border-bottom: 1px solid #efefef;
}

.hl-if-code {
  position: absolute;
  top: -.15rem;
  right: 0;
  padding: .15rem .35rem;
  border-radius: 1rem;
  background: #fb9669;
  color: #fff;
  font-size: .6rem;
}

.hl-input-fill input::-webkit-input-placeholder {
  font-size: .7rem;
}

.hl-input-fill input::-moz-placeholder {
  font-size: .7rem;
}

.hl-cont-banner {
  position: relative;
}

.hl-banner-text {
  position: absolute;
  width: 100%;
  bottom: .2rem;
  left: 0;
  text-align: center;
  color: #fff;

}

.hl-user-hd {
  display: flex;
  align-items: center;
  line-height: 1.4;
}

.h-user-media img {
  width: 2rem;
  height: 2rem;
  margin-right: .5rem;
  border-radius: 50%;
}

.hl-user-name {
  font-size: .85rem;
  color: #000;

}

.hl-user-tag {
  display: flex;
  font-size: .55rem;
  color: #8e8e8e;
}

.hl-user-tag span {
  position: relative;
  font-size: .6rem;
  color: #333;
  margin-left: .3rem;

}

.hl-user-tag span:after {
  position: absolute;
  content: "";
  left: -10%;
  bottom: -.05rem;
  width: 120%;
  height: .3rem;
  background: rgba(250, 145, 48, .2);
  z-index: 1;
}

.hl-user-bd-title {
  margin: .75rem 0 .5rem;
  color: #fa8d2e;
  font-size: 1rem;
  text-align: center;
  font-weight: 600;
}

.hl-user-bd-cont {
  position: relative;
  font-size: .8rem;
  padding: 0 .75rem;

}

.hl-user-bd-cont:after,
.hl-user-bd-cont:before {
  position: absolute;
  top: .15rem;

  content: "";
  width: .4rem;
  height: .4rem;
  background: url("../images/hl-text-left-icon.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.hl-user-bd-cont:after {
  left: 0;
  background: url("../images/hl-text-left-icon.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.hl-user-bd-cont:before {
  right: 0;
  background: url("../images/hl-text-right-icon.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.triangle-down {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: .35rem;
  border-left: .35rem solid transparent;
  border-right: .35rem solid transparent;
  border-top: .35rem solid #fa8d2e;
}

.hl-user-fd-t {
  font-size: .7rem;
  text-align: center;
  color: #8e8e8e;

}

.hl-user-fd-text {
  margin: 2rem 0 .5rem;
  text-align: center;
  font-size: .7rem;
  color: #a26b1b;
}

.hl-user-btn-wrp {
  display: flex;
  padding: 0 .75rem;
}

.hl-user-btn-wrp>button {
  flex: 1;
  padding: .5rem 0;
  font-size: .75rem;
  border-radius: .25rem;
}

.hl-user-btn-wrp>button:nth-child(1) {
  background: #ff5a58;
  color: #fff;
  border: none;
  margin-right: .75rem;
}

.hl-user-btn-wrp>button:nth-child(2) {
  background: #ffe6a7;
  color: #a26b1b;
  border: none;
}

.hl-user-fd-btn {
  /*position: absolute;
    left: 0;
    bottom: 1rem;
    width: 100%;*/
}

.hl-user-fd-b {
  padding: .75rem 2rem .5rem;
}

.hl-user-fd-b button {
  width: 100%;
  padding: .5rem 0;
  background: #ff5a58;
  border: none;
  color: #fff;
  border-radius: .25rem;
  text-align: center;
}

.hl-feedback-item {
  display: flex;
}

.hl-feedback-media img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  margin-right: .5rem;
}

.hl-feedback-title {
  color: #8e8e8e;
  font-size: .7rem;
}

.hl-feedback-cont {
  font-size: .75rem;
}

.hl-feedback-inner {
  padding-bottom: .75rem;
  border-bottom: 1px solid #efefef;
}

.hl-feedback-item {
  margin-top: .75rem;
}

.dialog-textarea {
  border: 1px solid #efefef;
}

.dialog-textarea textarea {
  width: 100%;
  height: 4rem;
  padding: .5rem .75rem;
  border: none;
}

.dialog-yellow-btn button {
  width: 100%;
  border: none;
  padding: .5rem 0;
  background: #fa8d2e;
  color: #fff;
  font-size: .75rem;
}
.dialog-yellow-radius-btn button{
  width: 100%;
  border: none;
  padding: .5rem 0;
  background: #F7BB37;
  color: #fff;
  font-size: .75rem;
  border-radius: 1rem;
}
.dialog-hl-logo img {
  width: 8rem;
}

.scale-main {
  position: relative;
  height: .75rem;
  border: 1px solid #ffd5b1;
  border-radius: .375rem;
}

.drag-list-title {
  font-size: .75rem;
  margin-bottom: .25rem;
}

.scale-main>div {
  position: absolute;
  left: -1px;
  bottom: -1px;
  height: .75rem;
  width: 0;
  border-radius: .375rem;
  background-image: linear-gradient(#fcc07a, #fb9569);
}

.drag-list-item {
  margin-bottom: 1rem;
}

.scale-main-drag {
  position: absolute;
  top: -.125rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #fb9569;
}

.scale-title {
  position: absolute;
  top: 0;
  right: .15rem;
  font-size: .6rem;
}

.hl-textarea-wrp {
  border: 1px solid #efefef;
}

.hl-textarea-wrp textarea {
  border: none;
  padding: .5rem .75rem;
  min-height: 4rem;
}

.hl-ib {
  position: relative;
}

.hl-ib-list {
  margin-bottom: .75rem;
}

.hl-ib-c {
  position: absolute;
  display: flex;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}

.hl-ib-user {
  padding: .5rem 0 .5rem .5rem;
  background: #fff;
  border-top-right-radius: .75rem;
  border-bottom-right-radius: .75rem;
  flex: 2;
}

.hl-ib-md {
  flex: 1;
  padding: 0 .5rem;

}

.hl-ib-md-text {
  text-align: center;
}

.hl-ib-md-text span {
  margin-top: .5rem;
  display: inline-block;
  background: rgba(0, 0, 0, .2);
  color: #fff;
  padding: .25rem .75rem;
  line-height: 1;
  border-radius: .55rem;
  font-size: .7rem;


}

.hl-ib-user-r {
  flex: 2;
  background: #fff;
  padding: .5rem 0 .5rem .75rem;
  border-top-left-radius: .75rem;
  border-bottom-left-radius: .75rem;
}

.hl-ib-r {
  margin-left: 1rem;
  font-size: .65rem;
  color: #fff;

}

.hl-ib-ra {
  margin-top: .5rem;
  display: inline-block;
  padding: .5rem 1.5rem;
  border-radius: 1rem;
  line-height: 1;
  background: #fff;
  color: #df4f07;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, .2);
}

.hl-ut {
  margin-top: .25rem;
  color: #8e8e8e;
  font-size: .6rem;
}

.hl-uf a {
  display: block;
  color: #f58a53;
  margin-top: .15rem;
  font-size: .55rem;
  text-decoration: underline;
}

.hl-uf a.hl-uf-btn {}

.hl-ib-user-r .hl-uf a {
  color: #628ffb;
}

.hl-ib-r {
  flex: 3;
}

.hl-ib-rl {
  flex: 3;
  color: #666;
  font-size: .7rem;
}

.hl-ua {
  display: flex;
  align-items: center;
}

.hl-ua-media {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: .35rem;
  line-height: 2.3rem;
  text-align: center;
  background: #fbe7da;
  border-radius: 50%;

}

.hl-ib-user-r .hl-ua-media {
  background: #eceef6;
}

.hl-ua-media img {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  border: 1px solid #f47b3e;
}

.hl-ib-user-r .hl-ua-media img {
  border-color: #628ffb;
}

.hl-ua-inner-name {
  font-size: .8rem;
  font-weight: 600;

}

.hl-ua-inner {
  line-height: 1.2;
}

.hl-ua-inner-tag {
  color: #efa578;
  background: #ffe5d0;
  font-size: .55rem;
  border-radius: .15rem;
  padding: .1rem .2rem;
}

.hl-ib-user-r .hl-ua-inner-tag {
  color: #628ffb;
  background: #e6e7f5;
}

.hl-step-point {
  position: relative;
  margin: .5rem 0;
  text-align: center;
}

.hl-step-point:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  top: .55rem;
  background: #999;

}

.hl-step-point span {
  position: relative;
  background: #fff;
  padding: 0 .75rem;
}

.block {
  margin: .75rem 0 1rem;
}

.block-list-head {
  display: flex;
  justify-content: space-between;
  padding: 0 .75rem;
  align-items: center;

}

.block-list-after {
  font-size: .65rem;
  color: #f5414d;

}

.block-list-after-media {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  vertical-align: -30%;
}

.block-list-banner {
  max-height: 5rem;
  margin: .5rem .75rem;
  overflow: hidden;
}

.hl-game-list {
  display: flex;
  margin-top: .5rem;
  padding-left: .5rem;
  padding-right: .5rem;
}

.hl-game-list>li {
  position: relative;
  flex: 1;
}

.hl-game-item {
  display: block;
  position: relative;
}

.hl-game-item.default {
  -webkit-filter: grayscale(100%);
  /* webkit */
  -moz-filter: grayscale(100%);
  /*firefox*/
  filter: grayscale(100%);
}

.hl-game-item-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: .75rem;
  color: #fff;
  display: flex;
  align-items: center;


}

.hl-text-wait-tip {
  line-height: 1;
  position: absolute;
  right: .1rem;
  top: .25rem;
  background: #ffc004;
  color: #fff;
  padding: .1rem .5rem;
  font-size: .55rem;
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
}

.hl-game-pass-icon {
  position: absolute;
  width: 2rem;
  height: 2rem;
  top: -.4rem;
  right: -.2rem;
  z-index: 999;
}

.hl-game-item-inner>div {
  width: 100%;
}

.hl-icon-1 {
  width: .85rem;
  height: .85rem;
  margin-right: .25rem;
  background: url("../images/hl-icon-01.png") no-repeat;
}

.hl-icon-2 {
  width: .85rem;
  height: .85rem;
  margin-right: .25rem;
  background: url("../images/hl-icon-02.png") no-repeat;
}

.hl-user-list {
  display: flex;
  margin: .5rem 0 .75rem;
}

.hl-user-list li {
  flex: 1;
  text-align: center;
  font-size: .7rem;
}

.hl-user-list>li>img {
  width: 2.2rem;
  height: 2.2rem;
  margin-bottom: .2rem;
  border-radius: 50%;
}

.hl-ml-item {
  display: flex;
  justify-content: space-between;
  padding: .75rem;
  align-items: center;
  border-bottom: 1px solid #efefef;
}

.hl-mil {
  display: flex;
  align-items: center;
}

.hl-mil-media {
  position: relative;
  width: 2rem;
  height: 2rem;

}

.hl-mil-media i {
  position: absolute;
  width: .75rem;
  height: .75rem;
  bottom: 0;
  right: 0;
}

.hl-mil-man-icon {
  background: url("../images/hl-n-man-icon.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.hl-mil-women-icon {
  background: url("../images/hl-n-women-icon.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.hl-mil-nv-icon {
  background: url("../images/icon_nv.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.hl-mil-inner {
  margin-left: .5rem;
}

.hl-miz-icon {
  width: .8rem;
  height: .8rem;
  margin-right: .2rem;
  background: url("../images/hl-n-flower-icon.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.hl-mir-hd {
  font-size: .7rem;
  color: #8E8E8e;
}

.hl-mir-bd {
  text-align: right;
  font-size: 1.2rem;
  color: #f4b43c;
  font-weight: bold;
}

.hl-mil-media img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.h-mil-inner-title {
  color: #000;
}

.hl-mil-inner-tag span {
  font-size: .6rem;
  border-radius: .5rem;
  padding: .15rem .25rem;
}

.hl-mil-tag-g {
  background: #e1eaff;
  color: #628ffb;
}

.hl-mil-tag-y {
  background: #ffe2ba;
  color: #ff9e0c;
}

.hl-in-rn {
  background: #fff;
  padding: .5rem 0;
  color: #f47b3e;
  margin-right: .75rem;
  border-radius: .75rem;
}

.hl-in-rn .hl-ib-ra {
  background-image: linear-gradient(#ffce64, #ffbb2b);
  color: #fff;

}

.hl-echart-wrap .grap_position_box {
  padding: 0;
}

.hl-echart-head {
  display: flex;
  margin: .5rem 0;
  justify-content: space-between;
  align-items: center;
}

.dialog-hl {
  border-radius: .5rem;
}

.dialog-hl-user span {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: #ecf1ff;
  padding: .5rem;
}

.dialog-hl-user span img {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 1px solid #628ffb;

}

.dialog-hl-user-name {
  font-size: .8rem;
  margin-top: .25rem;
}

.dialog-hl-user-name span {
  background: #e8e8f8;
  line-height: 1;
  font-size: .55rem;
  color: #628ffb;
  padding: .15rem .2rem;
  border-radius: .25rem;
  margin-left: .2rem;
}

.dialog-hl-user-tip {
  margin-top: .25rem;
  font-size: .6rem;
  color: #8E8E8e;

}

.dialog-hl-user-tip a {
  text-decoration: underline;
}

.dialog-hl .dialog-btn-two a {
  flex: 1;
  padding: .5rem 0;
}

.dialog-hl .dialog-btn-two a:nth-child(1) {
  border-color: #ccc;
  color: #8E8E8e;

}

.dialog-hl .dialog-btn-two a:nth-child(2) {
  background: #ffbd63;
  color: #333;

}

.hl-succeed-wrp {
  padding: .75rem;
  background: #ffaa20 url("../images/hl-index-banner.jpg ") top no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.hl-succeed-wrp .hl-ib {

  background: #fff;
  padding: .75rem;
  border-radius: .5rem;
}

.hl-succeed-wrp .hl-ib-c {
  position: relative;
}

.hl-succeed-wrp .hl-ib-md {
  padding: 0;
}

.hl-s-text {
  margin: .25rem 0 .5rem;
  font-size: .7rem;
  color: #fbaa26;
}

.hl-succeed-num {
  padding: .75rem 0;
  text-align: center;
  border-bottom: 1px solid #efefef;
}

.hl-succeed-num span {
  display: inline-block;
  padding: .25rem 1.5rem;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  background: url("../images/hl-text-succeed.png") no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  border-radius: .5rem;
}

.hl-ib-rl span {
  display: inline-block;
  padding: .05rem 1.5rem;
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  background: url("../images/hl-text-succeed.png") no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  border-radius: .5rem;
}

.hl-sb-info {
  margin-top: .75rem;
}

.hl-sb-info-c {
  padding-left: .75rem;
  color: #565656;
  line-height: 2;
}

.dialog-close-bottom {
  position: absolute;
  bottom: -3rem;
  left: 50%;
  margin-left: -.75rem;
  width: 1.5rem;
  height: 1.5rem;
  background: url("../images/dialog-close-bottom.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.hl-step-bg {
  background: #ffe0c5;
  padding: .5rem;
  border-radius: .5rem;

}

.hl-star-wrp {
  margin-top: .5rem;
}

.hl-star-wrp img {
  width: 1.2rem;
  margin-right: .75rem;
}

.hl-wt .hl-step-wrp {
  margin-top: -2rem;
}

.hl-cont-tr-it {
  position: absolute;
  top: -7rem;
  left: 0;
  width: 90%;
  z-index: 111;
}

.list-block-hl li {
  margin-top: .75rem;
}

.list-block-hl .item-inner {
  position: relative;
  display: flex;
  align-items: center;
}

.item-input-tip {
  position: absolute;
  right: .75rem;
  top: .25rem;
}

.list-block-hl .item-inner .label {
  width: 25%;
  font-size: .7rem;
}

.list-block-hl .item-inner .item-input {
  width: 75%;
}

.list-block-hl input[type="text"] {
  border: 1px solid #dadada;
  padding: .35rem .5rem;
  width: 100%;

}

.list-block-hl .item-inner select {
  width: 100%;
  border: 1px solid #dadada;
  padding: .35rem .5rem;
}

.hl-pj-star img {
  width: 1rem;
}

.hl-pj-w {
  display: flex;
}

.hl-pj-l {
  text-align: right;
}

.hl-pj-l .hl-pj-w {
  justify-content: flex-end;
}

.hl-pj-wm {
  text-align: center;
  font-size: .7rem;
}

.hl-pj-wm img {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
}

.hl-pj-wi {
  max-width: 80%;
  font-size: .75rem;
}

.hl-pj-l .hl-pj-wi {
  margin-right: .5rem;
  text-align: left;
}

.hl-pj-r .hl-pj-wi {
  margin-left: .5rem;
}

.hl-user-ba-w {
  margin-bottom: -2rem;
}

.hl-user-ba {

  display: inline-block;
  font-size: .7rem;

  background-image: linear-gradient(#ffa359, #ff640e);
  color: #fff;
  padding: .75rem 2rem;
  border-radius: 2rem;
  line-height: 1.2;
}

.hl-user-ba span {
  font-size: 1rem;
}

.dialog-ti {
  border-radius: .5rem;
}

.dialog-ti-head {
  position: relative;
}

.dialog-ti-head img {
  border-radius: .5rem;
}

.dialog-ti-hc {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  align-items: center;
  color: #fff;
  font-size: 1rem;
}

.dialog-ti-hc span {
  width: 100%;
}

.icon-man-sign,
.icon-women-sign {
  width: .75rem;
  height: .75rem;
  margin-left: .15rem;
  background-size: contain;
}

.icon-man-sign {
  background: url("../images/icon-man-sign.png") no-repeat;
}

.icon-women-sign {
  background: url("../images/icon-women-sign.png") no-repeat;
}

.dialog-dl-sign {
  position: absolute;
  top: 1rem;
  right: 2rem;
  z-index: 999999;
}

.dialog-dl-sign img {
  max-width: 9rem;

}

.hl-project-hd {
  padding: .75rem;
  background: #ffbb58;

}

.hl-pro-c .hl-ml-item {
  background: #fff;
  border-radius: .5rem;
}

.hl-mir-hd-btn {
  color: #c1c1c1;
  font-size: .7rem;
  padding: .35rem .75rem .25rem;
  border: 1px solid #d6d6d5;
  border-radius: .25rem;
}

.hl-pro-c .hl-mir-bd {
  display: inline-block;
  vertical-align: -10%;
  font-size: 1rem;
}

.hl-pro-xg {
  position: relative;
  padding: .75rem;
}

.hl-pro-xg a {
  position: absolute;
  width: 4rem;
  height: 2rem;
  top: 1.5rem;
  right: 1.5rem;
  background: #ff5a58;
  color: #fff;
  text-align: center;
  line-height: 2rem;
  border-radius: .25rem;
}

.btn-blue-fill {
  display: inline-block;
  padding: .25rem .75rem;
  background: #628ffb;
  color: #fff;
  border-radius: .25rem;
}

.hl-pro-zl {
  padding: 0 .75rem .75rem;
}

.hl-pzl-hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.hl-pzl-hd>span {
  font-size: .9rem;
  position: relative;
}

.hl-pzl-hd>span:after {
  position: absolute;
  content: "";
  width: 1rem;
  left: 50%;
  margin-left: -.5rem;
  height: 2px;
  bottom: 0;
  background: #ffbe55;
}

.hl-pzl-bd {
  line-height: 1.8;
}

.hl-pro-top {
  display: flex;
  justify-content: space-between;
}

.hl-jp-hd img {

  max-width: 5rem;
  margin: 1rem 0;
}

.hl-ji-hd {
  font-size: .9rem;
  color: #2e2e2e;
}

.hl-ji-bd {
  font-size: .8rem;
  color: #565656;

}

.hl-jp-item {
  padding: 0 .75rem .75rem;
}

.hlg-w {
  position: relative;
}

.hlg-wa a {
  position: absolute;
  width: 5rem;
  height: 5rem;
}

.hlg1 {
  top: 1rem;
  left: .75rem;
}

.hlg2 {
  top: .5rem;
  right: 5rem;
}

.hlg3 {
  top: 5rem;
  left: 5rem;
}

.hlg4 {
  top: 5rem;
  right: .5rem;
}

.hl-step-u1 {
  padding: .5rem;
  display: flex;
  margin-bottom: .75rem;
  background: #fffaf5;
  align-items: center;
  border: 1px solid #efefef;
  border-radius: .25rem;
}

.hl-step-u1.active {
  background: #ffdb83;
  border-color: #ffb642;
}

.hl-su-f {
  width: 1.5rem;

  font-size: 1rem;
}

.hl-su-s {
  width: 100%;
}

.hl-su-list {
  display: flex;
}

.hl-su-list li {
  flex: 1;
}

.hl-su-media {
  position: relative;
}

.hl-su-media {
  width: 3.5rem;
  height: 3.5rem;
  margin: 0 auto;
}

.hl-su-media>img {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
}

.hl-su-media i {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1rem;
  height: 1rem;
}

.hl-su-info>span {
  display: inline-block;
  vertical-align: middle;

}

.hl-su-info-name {
  max-width: 3rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: .7rem;
}

.hl-su-info-xz {
  background: #fb669b;
  color: #fff;
  padding: 0 .35rem;
  border-radius: .5rem;
  font-size: .5rem;
}

.hl-su-tip {
  color: #c76901;
  font-size: .6rem;
}

.hl-cf-cont {
  padding: .75rem;
}

.hl-cf-list {
  border-left: 2px solid #ffe0c5;
  padding-left: 14px;

}

.hl-cf-item {
  display: flex;
  position: relative;
  justify-content: space-between;
  margin-bottom: .75rem;
}

.hl-cf-circle {
  position: absolute;
  top: 0;
  left: -19px;
  width: 8px;
  height: 8px;
  background: #ffe0c5;
  border-radius: 50%;
}

.hl-cf-text {
  width: 100%;
  font-size: .75rem;
}

.hl-cf-time {
  font-size: .65rem;
  color: #999;

  text-align: right;
}

.hl-cf-ti img {
  margin-top: .35rem;
  max-width: 100%;
}

.hl-get-wrap {
  height: 100%;
  padding: .75rem;
  background: url("../images/luckydraw/bg-1.jpg") no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.hl-gw-cont {
  position: relative;
  height: 100%;
  background: #fff;
  border-radius: .5rem;
  box-shadow: 0 0 8px #b7b7b7;
}

.hl-gw-hd {
  padding: 1rem .75rem;
}

.hl-gw-hd img {
  width: 4rem;
  height: 4rem;
  margin-bottom: .25rem;
  border-radius: 50%;
}

.hl-gw-info {
  display: flex;
  margin: .75rem;
  justify-content: space-between;
}

.hl-gw-text {
  margin: .75rem;
}

.hl-gw-fd {
  position: absolute;
  width: 100%;
  bottom: 1rem;
  left: 0;
}

.fb-fixed-bottom {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #efefef;

}

.fb-fixed-cont {
  padding: .5rem .75rem;
}

.fb-fixed-form {
  display: flex;
  align-items: center;
}

.fb-fixed-input {
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  padding-left: .5rem;
  border: none;
  font-size: .75rem;

  background: #ffffff;
  outline: none;
  border-radius: .25rem;
}

.fb-fixed-btn {
  width: 3rem;
  margin-left: .5rem;
  text-align: center;
  background: #FF971E;
  color: #fff;
  border-radius: .25rem;
  border: none;
}

.dialog-fill-input input {
  width: 100%;
  border: 1px solid #efefef;
  border-radius: .25rem;
  padding: .35rem .5rem;
}

/*婚恋 end*/


/*抽奖转盘*/
.panell {
 height: 100%;
height: 100%;
background: #fe9459 url("../images/luckydraw/bg-2.png") no-repeat;
 -webkit-background-size: contain;
  background-size: contain;

}

.zp {
  max-width: 84%;
  margin-left: 8%;
  margin-top: 30%;
  height: auto;
}

.panell .panel-face {
  background-image: url("../images/luckydraw/zhuanpan_cs03.png?v=1.1");
  background-size: cover;
  width: 300px;
  height: 300px;
  position: absolute;
  top: 140px;
  left: 50%;
  margin-left: -150px;
}

.header-bar~.content .panell .panel-face {
  top: 185px;
}

.panell .panel-btn {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 240px;
  left: 50%;
  margin-left: -50px;
  background-image: url("../images/luckydraw/zhizheng-1.png");
  background-size: cover;
}

.header-bar~.content .panell .panel-btn {
  top: 285px;
}

.jpc {
  background: #fff;
  position: absolute;
  width: 100%;
  left: 0;
  top: 600px;
  font-size: .75rem;
  box-shadow: 0 0 5px #ccc;
}

.jp-list {
  display: flex;

}

.jp-item {
  flex: 1;
  text-align: center;
}

.jp-i {
  width: 4rem;
  height: 4rem;
  margin: .5rem auto .25rem;
  border: 1px solid #efefef;
  border-radius: .25rem;
}

.jp-i img {
  max-width: 100%;
}

.jp-cont {
  padding: .75rem;
  color: #888;
}

.jp-btn-w {
  margin-top: .75rem;
}

.jp-btn-w a {
  display: block;
  background: #ff8358;
  padding: .5rem 0;
  border-radius: .25rem;
  color: #fff;
  text-decoration: none;
  text-align: center;
}

.jp-btn-tip {
  color: #999;
  font-size: .7rem;
  margin-top: .25rem;
  text-align: center;
}

.jp-b-tip {
  display: flex;
  justify-content: space-between;
  font-size: .65rem;
  background: #dfdfdf;
  padding: .5rem .75rem;
  align-items: center;
  color: #2e2e2e;
}

.jp-b-tip>a {
  display: block;
  background: #fdab1c;
  width: 5rem;
  padding: .25rem 0;
  margin-left: .5rem;
  border-radius: .5rem;
  text-align: center;
}

.jpc-swiper {
  position: absolute;
  height: 2rem;
  width: 100%;
  top: -2rem;
  left: 0;
  line-height: 2rem;
  overflow: hidden;
  background: rgba(0, 0, 0, .5);
  color: #fff;

}

.jpc-swiper .swiper-slide {
  text-align: center;
}

.jpc-swiper .swiper-slide img {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: .15rem;
  border-radius: 50%;
  vertical-align: -15%;
}

.jp-member-w {
  position: absolute;
  width: 100%;
  top: 460px;
  left: 0;
  text-align: center;
  color: #ff4800;
}

.header-bar~.content .jp-member-w {
  top: 500px;
}

@media screen and (min-width: 860px) {
  body {
    width: 500px;
    margin: 0 auto !important;

  }

  .dt_zx_head_box,
  .zhengupage_fixed_top_line,
  .cgb_app_download_tips {
    width: 500px;
    left: 50%;
    margin-left: -250px;
  }

}

@media screen and (min-width: 414px) {
  .panell .panel-face {
    width: 350px;
    height: 350px;
    position: absolute;
    top: 120px;
    left: 50%;
    margin-left: -175px;
  }

  .header-bar~.content .panell .panel-face {
    top: 200px
  }

  .panell .panel-btn {
    width: 120px;
    height: 120px;
    position: absolute;
    top: 230px;
    left: 50%;
    margin-left: -60px;
  }

  .header-bar~.content .panell .panel-btn {
    top: 310px;
  }

  .jp-member-w {
    top: 460px;
  }

  .jpc {
    top: 560px;
  }

  .header-bar~.content .jpc {
    top: 700px;
  }

  .header-bar~.content .jp-member-w {
    top: 570px;
  }
}

/*抽奖转盘 end*/
/*财商对抗赛*/
.hl-n-banner {
  padding: .75rem .5rem;
}

.hl-n-banner-title {
  color: #fc794c;
  font-size: .7rem;
}

.hl-n-banner-img {
  position: relative;
}

.hl-n-banner-img a {
  position: absolute;

}

.hl-n-ia1 {
  top: 0;
  right: .25rem;
  width: 25%;
  height: 100%;
}

.hl-n-ia2 {
  right: .5rem;
  bottom: .5rem;
  padding: .25rem .75rem;
  border-radius: .75rem;

  background: rgba(0, 0, 0, .5);
  color: #fff;
  font-size: .7rem;

}

.hl-n-tab {
  display: flex;

  background: #f2f4f5;
  text-align: center;
  border-bottom: none;
}

.hl-n-tab>a {
  position: relative;
  padding: .4rem 0;
  flex: 1;
}

.hl-n-tab>a.active:after {
  position: absolute;
  content: "";
  left: 50%;
  margin-left: -.5rem;
  bottom: .3rem;
  width: 1rem;
  height: .1rem;
  background: #f3a252;
  border-radius: .1rem;
}

.hl-n-tab>a:nth-child(1).active:after {
  background: #fff;
}

.hl-n-tab>a:nth-child(1).active {

  background: url("../images/xsinds.png") no-repeat;
  background-size: contain;
}

.hl-n1-title {
  position: relative;
}

.hl-nt-btn {
  position: absolute;
  right: .75rem;
  bottom: -1rem;
  width: 5rem;
  height: 1.8rem;
  line-height: 1.8rem;
  text-align: center;
  font-size: .75rem;

}

.hl-n1-title-text {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  color: #fff;
  align-items: flex-end;
}

.hl-n-tabs-1 {
  background: #faaa08;
}

.hl-n1-week-list {
  margin: .5rem;
  padding: .5rem;
  background: #fff;
  border-radius: .25rem;
}

.hw-item {
  display: flex;
  margin-bottom: .75rem;
}

.hw-avatar {
  position: relative;
  width: 3rem;
  height: 3rem;
  margin-right: 1rem;
  margin-top: .5rem;
  margin-left: .75rem;
}

.hw-avatar>img {
  position: absolute;

}

.hw-name,
.hw-item-fd {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ha-item .hw-avatar {
  width: 2.4rem;
  height: 2.4rem;
  margin-left: .25rem;
  margin-right: .75rem;
}

.hw-user {
  top: 0;
  left: 0;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  z-index: 10;
}

.ha-item .hw-user {
  width: 2.2rem;
  height: 2.2rem;
}

.hw-user-1 {
  border: .1rem solid #f7c996;
}

.hw-user-2 {
  border: .1rem solid #dfdffb;
}

.hw-user-3 {
  border: .1rem solid #f7ab82;
}

.hw-user-default {
  border: .1rem solid #8e8e8e;
}

.hw-top {
  top: -.5rem;
  right: -.25rem;
  width: 1.4rem;
  z-index: 9;
}

.hw-bottom {
  bottom: -.2rem;
  left: -.7rem;
  width: 4.2rem;
  z-index: 11;
}

.hw-item-inner {
  flex: 1;
}

.hw-title {
  position: relative;
  padding-left: .75rem;
  display: flex;
  justify-content: space-between;
}

.hw-title>div>span {
  position: relative;
}

.hw-title>div>span:after {
  position: absolute;
  content: "";
  width: 100%;
  height: .25rem;
  left: 0;
  bottom: .2rem;
  background: rgba(255, 241, 140, .25);
}

.hw-title>div:nth-child(1) {
  position: relative;
}

.hw-title>div:nth-child(1):after {
  position: absolute;
  left: -.75rem;
  top: 0;
  content: "";
  width: .5rem;
  height: .7rem;
  background: url("../images/hl-n-tl.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.hw-title>div:nth-child(1):before {
  position: absolute;
  right: -.75rem;
  bottom: -.15rem;
  content: "";
  width: .5rem;
  height: .7rem;
  background: url("../images/hl-n-br.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.hw-user-list {
  display: flex;
}

.hw-ul-avatar {
  position: relative;
}

.hw-ul-avatar img {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  border: .1rem solid #f7c996;
}

.hw-ul-avatar>div {
  position: absolute;
  width: 80%;
  bottom: 0;
  left: 10%;
  background: #f7ab82;
  color: #fff;
  font-size: .5rem;
  text-align: center;
  border-radius: .2rem;
}

.hw-ul-name span {
  display: inline-block;
  font-size: .5rem;
  width: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}

.hw-ul-name i {
  width: .55rem;
  height: .55rem;
  vertical-align: 5%;
  margin-left: .05rem;
}

.hw-ul-item {
  margin-right: .7rem;
}

.hw-content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.hl-na-title {
  font-size: 1.8rem;
  color: #fff;

}

.hl-na-title {
  padding-left: .5rem;
}

.ha-item {
  display: flex;
  margin-bottom: .75rem;
}

.hl-n1-all-list {
  margin: .5rem;
  padding: .5rem;
  background: #fff;
  border-radius: .25rem;
}

.ha-item-name {
  position: absolute;
  width: 3rem;
  left: -.15rem;
  bottom: -1.1rem;
  font-size: .6rem;
}

.ha-item-name span {
  display: inline-block;
  width: 2rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.ha-item-name i {
  width: .6rem;
  height: .6rem;
  margin-left: 0;
  vertical-align: 10%;
}

.hl-n-tabs-1 {
  padding-bottom: 5rem;
  position: relative;
  height: 100%;
}

.hl-n-share-wrap {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #fff;
  z-index: 100;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  box-shadow: 0 0 5px #b2b2b2;
}

.hl-n-share {
  display: flex;
  padding: .5rem;
}

.hw-btn-share {
  background: #febf55;
  padding: .1rem .25rem;
  color: #fff;
  border-radius: .25rem;
}

.hw-s-content {
  position: relative;
  display: flex;
  line-height: 1;
  height: 2rem;
}

.hw-s-content>div {
  position: absolute;
  width: 30%;
  flex: 1;
  top: 0;
  background-image: linear-gradient(#ffd14a, #ffbe00);
  color: #ad3700;
  text-align: center;
  border-radius: .25rem;
  padding: .25rem 0;
  z-index: 10000;

}

.xq-plan-wrp {
  position: relative;
}

.xq-btn-1 {
  position: absolute;
  height: 3rem;
  bottom: 1rem;
  left: 0;
  width: 100%;
  text-indent: -9999px;
}

.xq-btn-2 {
  position: absolute;
  height: 3rem;
  bottom: 5rem;
  left: 0;
  width: 100%;
  text-indent: -9999px;
}

.share-yellow-btn {
  display: inline-block;
  background: #ffbe00;
  padding: 0 .5rem;
  border-radius: .75rem;
  font-size: .6rem;
  color: #333;
}

.modal-share-wrp {
  background: #efefef;

}

.modal-share-title {
  padding: .5rem 0;
  text-align: center;
}

.modal-share-icon ul {
  display: flex;
}

.modal-share-icon ul li {
  margin-left: .75rem;
  font-size: .6rem;
  color: #6f737c;
}

.modal-share-icon img {
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: .25rem;
}

.modal-share-fd a {
  display: block;
  background: #fff;
  padding: .5rem 0;
  text-align: center;
  font-size: .6rem;
}

.hw-s-content>div:nth-child(3) {
  background-image: linear-gradient(#b2bdff, #9eabfc);
  color: #545d8d;
}

.hl-guide-img {
  display: none;
  position: absolute;

  left: -55%;
  width: 4.5rem;
}

.dialog-img {
  background: none;
}

.dialog-abt {
  position: relative;
}

.dialog-abt-btn {
  position: absolute;
  width: 100%;
  height: 2.5rem;
  bottom: 1rem;
  left: 0;
  text-indent: -9999px;
}

.hl-guide-close-btn {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 4rem;
  margin-left: -2rem;
  padding: .5rem 0;
  background: #fff;
  color: #666;
  border-radius: .25rem;
  z-index: 10000;
  text-align: center;
  font-size: .7rem;
  box-shadow: 0 0 5px #ccc;
}

.hl-gi-1 {
  left: -55%;
  top: -4.5rem;
}

.hl-gi-2 {
  top: -6.5rem;
}

.hl-gi-3 {
  width: 6rem;
  top: -9.2rem;
  left: -90%;


}

.hw-s-content>div:nth-child(1) {
  top: 0;
  left: 0;

}

.hw-s-content>div:nth-child(2) {
  left: 35%;

}

.hw-s-content>div:nth-child(3) {
  left: 70%;

}

.hl-n-tabs-2 {
  position: relative;
  height: 100%;
}

.hl-n-qt {
  display: flex;
  padding-right: .75rem;
}

.hl-n-qt>div {
  padding: .5rem;
  margin-left: .75rem;
  margin-top: .75rem;
  margin-bottom: .75rem;
  flex: 1;
  background-image: linear-gradient(#fdead3, #ffd0a5);
  border-radius: .25rem;
}

.hl-n-qt>div>span {
  display: block;
  text-align: center;
}

.hl-n-qt>div>span:nth-child(1) {
  color: #e3363a;
  font-size: 1rem;
}

.hl-n-qt>div>span:nth-child(2) {
  color: #8b3c00;
  font-size: .7rem;
}

.hl-share-hd {
  display: flex;
  align-items: center;
  padding: .75rem .75rem 0;
}

.hl-share-media img {
  width: 2.8rem;
  height: 2.8rem;
  border: .1rem solid #8e8e8e;
  border-radius: 50%;
}

.hl-share-inner {
  margin-left: .5rem;
}

.hl-share-btn {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 6rem;
  z-index: 199;
}

.hl-share-btn a {
  display: block;
  margin-left: .5rem;
  margin-right: .5rem;
  padding: .5rem 0;
  background-image: linear-gradient(#ffd14a, #ffbe02);
  color: #ad3700;
  border-radius: .25rem;
  text-align: center;
}

.hl-n-rule {
  padding: .75rem;
  margin: 0 .75rem;
  background: #fff;
  font-size: .75rem;
  border-radius: .5rem;
}

.hl-nrt {

  text-align: center;
  font-size: .85rem;
  padding-bottom: .75rem;
  margin-bottom: .75rem;
  border-bottom: 1px solid #eee;
}

.hl-ibn {
  position: relative;

}

.hl-ibn a {
  position: absolute;
  width: 5rem;
  height: 100%;
  right: 0;
  top: 0;
  text-indent: -9999px;
}

.hl-btn-2 {
  display: flex;

}

.hl-btn-2 a {
  flex: 1;
  font-size: .7rem;
  padding: .35rem 0 .25rem;
  border-radius: .25rem;
  text-align: center;
}

.hl-btn-2>a:nth-child(1) {
  margin-right: .75rem;
  border: 1px solid #ffbb58;
  color: #ffbb58;

}

.hl-btn-2>a:nth-child(2) {
  background: #ffbb58;
}

.hl-pro-top {
  padding: .5rem;
  background: #f6a14e url("../images/hl-cs-n1.jpg") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  align-items: center;
  color: #fff;

}

.hl-pta>img {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
}

.fixed-right-btn {
  position: fixed;
  right: 1rem;
  bottom: 10%;
  background: #faaa08;
  color: #fff;
  padding: .25rem .75rem;
  border-radius: .25rem;
  box-shadow: 0 0 8px #999;
  font-size: .7rem;

}

.qx-w {
  position: relative;
}

.qx-a1 {
  position: absolute;
  top: 15.5rem;
  right: 4rem;
  width: 7rem;
  height: 1.5rem;
  text-indent: -9999px;
}

.qx-a2 {
  position: absolute;
  height: 2rem;
  width: 100%;
  left: 0;
  bottom: 0;
  text-indent: -9999px;
}

.qx-btn {
  background: #febb7b;
  padding: .75rem;
}

.qx-btn a {
  display: block;
  background: #ff5a58;
  color: #fff;
  border-radius: .25rem;
  text-align: center;
  font-size: .7rem;
  padding: .5rem 0;
}

.hl-share-s {
  position: relative;
  height: 100%;

}

.hl-share-s a {
  position: absolute;
  display: block;
  width: 90%;
  left: 5%;
  bottom: 1rem;
  background: #ff5a58;
  color: #fff;
  border-radius: .25rem;
  text-align: center;
  font-size: .7rem;
  padding: .5rem 0;
}

.hl-share-s1 {
  background: #ef9837;
}

.hl-share-s2 {
  background: #e9f0ff;
}

.hl-share-s3 {
  background: #fd8f32;
}

.hl-share-s4 {
  background: #4e5fb7;
}

.dialog-input-bg {
  position: relative;
  margin-top: .5rem;
}

.dialog-input-bg>img {
  max-width: 100%;

}

.dialog-input-bg>input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 100;
}

.dialog-upload-img {
  text-align: center;

}

.dialog-upload-img img {
  margin-top: .5rem;
  width: 4rem;
  height: 4rem;
}

.hl-sex-choice {
  display: flex;
  margin-top: 1rem;
}

.hl-sex-choice>div {
  flex: 1;
  text-align: center;
}

.hl-sex-man,
.hl-sex-women {
  display: inline-block;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
}

.hl-sex-man {
  background: #efefef url("../images/hl-man-icon.png") center no-repeat;
  background-size: 30%;
}

.hl-sex-man.active {
  background: #ffbc4c url("../images/hl-man-icon-active.png") center no-repeat;
  background-size: 30%;
}

.hl-sex-women {
  background: #efefef url("../images/hl-women-icon.png") center no-repeat;
  background-size: 30%;
}

.hl-sex-women.active {
  background: #ffbc4c url("../images/hl-women-icon-active.png") center no-repeat;
  background-size: 30%;
}

.hl-date-pick input {
  width: 80%;
  padding: .5rem 0;
  border-radius: 1rem;
  border: none;
  background: #efefef;
  text-align: center;
}

.hl-info-ud {
  position: relative;
  width: 5rem;
  height: 5rem;
  margin: 1rem auto;
  overflow: hidden;
  border-radius: 50%;
}

.hl-info-ud input {
  position: absolute;
  top: 0;
  left: 0;
  width: 5rem;
  height: 5rem;
  opacity: 0;
  z-index: 100;
}

.hl-info-nw input {
  width: 80%;
  margin-left: 10%;
  padding: .5rem 0;
  border-radius: 1rem;
  border: none;
  background: #efefef;
  text-align: center;
}

.hl-pro-warnning {
  background: #fff4e6;
  font-size: .6rem;
  padding: .5rem 0;
  margin-top: -.5rem;
  text-align: center;
  border-bottom-left-radius: .5rem;
  border-bottom-right-radius: .5rem;
}

.icon-red-warnning {
  width: .75rem;
  height: .75rem;
  margin-right: .25rem;
  background: url("../images/icon-red-warnning.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.dia-img-avatar img {
  width: .75rem;
  height: .75rem;
  border-radius: 50%;
  margin-right: .25rem;
  vertical-align: -10%;
}

.xc-fd {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  background: #ffffff;
  box-shadow: 0 0 8px #c0c0c0;
}

.xc-fd>a {
  flex: 1;
  text-align: center;
  color: #fff;
  height: 2.8rem;
  padding: .5rem 0;
  line-height: 1.2;
}

.xc-fd>a:nth-child(1) {
  background: #ff8358;
  line-height: 1.8rem;
}

.xc-fd>a:nth-child(2) {
  background: #cc3131;
}

.mn-reset-btn {
  position: relative;
  display: inline-block;
  border: 1px solid #d65a5a;
  font-size: .5rem;
  padding: 0.1rem .35rem 0;
  border-radius: .5rem;
}

.icon-mn-res {
  width: .6rem;
  height: .6rem;
  margin-right: .25rem;
  background: url("../images/mn-shuaxin.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.swipeout-buy-btn {
  background: #628ffb !important;

}

.swipeout-play-btn {
  background: #ffc419 !important;

}

.list-block .swipeout-actions-left a,
.list-block .swipeout-actions-right a {
  padding: 0 1rem;
}

.mn-banner-wrp img {
  max-width: 100%;
}

.mn-banner-wrp .swiper-container-horizontal>.swiper-pagination-bullets,
.mn-banner-wrp .swiper-pagination-custom,
.mn-banner-wrp .swiper-pagination-fraction {
  bottom: 5.5rem;
}

.mn-banner-wrp .swiper-pagination-bullet-active {
  background: #fff;

}

.mw-item {
  margin: 0 .75rem .75rem;
  padding: .5rem;
  box-shadow: 0 0 8px rgba(247, 104, 44, .25);
  border-radius: .5rem;
  background: #fff;
}

.mw-item-title-before {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.mw-item-title-before>div {
  font-size: 1.05rem;
  color: #ff6c24;
  font-weight: bold;
}

.mw-item-title-after {
  display: flex;
  justify-content: space-between;
}

.orange-ff6 {
  color: #ff6c24 !important;
}

.icon-jxz {
  margin-right: .25rem;
  width: .7rem;
  height: .7rem;
  background: url("../images/mn-icon-1.png") no-repeat;
}

.icon-zwks {
  margin-right: .25rem;
  width: .7rem;
  height: .7rem;
  background: url("../images/mn-icon-8.png") no-repeat;
}

.icon-yjs {
  margin-right: .25rem;
  width: .7rem;
  height: .7rem;
  background: url("../images/mn-icon-9.png") no-repeat;
}

.mic-text-none {
  padding: 1rem 0;
  text-align: center;
  font-size: .7rem;
  color: #ffc095;
}

.mic-text-none img {
  max-width: 8rem;
}

.mw-item-cont,
.mw-prize-item {
  background: #fff5de;
  border-radius: .5rem;
}

.mw-prize-item {
  margin-bottom: .5rem;
  padding: .5rem;

}

.mw-item-bd>.mw-prize-item:nth-last-child(1) {
  margin-bottom: 0;
}

.mic-hl-media img,
.mw-prize-media img {
  width: 2rem;
  height: 2rem;
  margin-right: .25rem;
  border-radius: 50%;
  border: 2px solid #ff6c24;
}

.mic-hd-l {
  display: flex;
}

.mic-hd-r .orange-radius-sm {
  padding: .25rem .5rem;
  font-size: .6rem;
}

.mic-hd {
  padding: .5rem;
  border-bottom: 1px solid #ecddbc;
}

.mic-hl-name img {
  width: 1rem;
  height: 1rem;
  margin-left: .25rem;

}

.mic-table {
  padding: .5rem 0
}

.mic-table table {
  width: 100%;
  text-align: center;
}

.mic-table table thead {
  color: #565656;
  font-size: .6rem;
}

.orange-radius-sm {
  display: inline-block;
  padding: .25rem .75rem;
  background: #ff6c24;
  color: #fff;
  border-radius: 1rem;
  font-size: .65rem;
}

.orange-radius-xl {
  display: inline-block;
  width: 100%;
  padding: .5rem 0;
  background: #ff6c24;
  color: #fff;
  border-radius: .5rem;
  text-align: center;

}

.orange-xl-text {
  padding: .15rem 0;
}

.orange-radius-xl.disabled {
  background: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.mic-nav {
  display: flex;
}

.mic-nav li {
  flex: 1;
  text-align: center;
}

.mic-nav li a {
  display: block
}

.mic-nav li .icon {
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: .1rem;
}

.mw-hero-title {
  padding: .5rem;
  text-align: center;
}

.mw-hero-title img {
  max-width: 6rem;
}

.mw-prize-l,
.mw-prize-name,
.mw-prize-school {
  display: flex;
}

.mw-prize-user {
  max-width: 6rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.mw-prize-l {
  align-items: center;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.orange-tag {
  display: inline-block;
  margin-right: .5rem;
  padding: 0 .25rem;
  background: #ff5906;
  color: #fff;
  border-radius: 1rem;
}

.blue-tag {
  display: inline-block;
  padding: 0 .25rem;
  background: #628ffb;
  color: #fff;
  border-radius: 1rem;
  font-size: .6rem;
}

.red-tag {
  display: inline-block;
  padding: 0 .25rem;
  background: #F5414D;
  color: #fff;
  border-radius: 1rem;
  font-size: .6rem;
}
.red-light-tag{
  display: inline-block;
  padding: 0 .25rem;
  background: #F5414D;
  color: #fff;
  border-radius: .2rem;
  font-size: .6rem;
}
.tag-up {
  display: inline-block;
  background: #cc3131;
  color: #fff;
  border-radius: .25rem;
  font-size: .6rem;
  padding: .25rem .5rem;
}

.tag-down {
  display: inline-block;
  background: #33927e;
  color: #fff;
  border-radius: .25rem;
  font-size: .6rem;
  padding: .25rem .5rem;
}

.mw-prize-r {
  width: 2.4rem;
  text-align: right;
  color: #ff5906;
  font-size: .6rem;
}

.mw-prize-r img {
  max-width: 1.5rem;
}

.mw-sq-list {

  display: flex;
  padding-right: .75rem;
  white-space: nowrap;
  overflow-x: scroll;
}

.mw-sq-item {
  width: 45%;

  margin-left: .75rem;
  text-align: center;
  padding: .5rem;
  border-radius: .5rem;
  box-shadow: 0 0 8px rgba(247, 104, 44, .25);
}

.mw-sq-list>.mw-sq-item:nth-child(2n+1) {
  background: url("../images/mn-item-bg-1.png") bottom right no-repeat;
  background-size: 50%;
}

.mw-sq-list>.mw-sq-item:nth-child(2n+2) {
  background: url("../images/mn-item-bg-2.png") bottom right no-repeat;
  background-size: 50%;
}

.mw-sq-wrp {
  position: fixed;
  width: 100%;
  bottom: .25rem;
  left: 0;
  background: #fff;

}

.mn-main-wrp {
  position: relative;

}

.mn-main-cont {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 999;
  padding-bottom: 1rem;
}

.icon-mn-1 {
  background: url("../images/mn-icon-2.png") no-repeat;
}

.icon-mn-2 {
  background: url("../images/mn-icon-3.png") no-repeat;
}

.icon-mn-3 {
  background: url("../images/mn-icon-4.png") no-repeat;
}

.icon-mn-4 {
  background: url("../images/mn-icon-5.png") no-repeat;
}

.icon-mn-5 {
  background: url("../images/mn-icon-6.png") no-repeat;
}

.hl-icon-people {
  display: inline-block;
  width: .6rem;
  height: .6rem;
  margin-right: .15rem;
  background: url("../images/hl-icon-people.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.dialog-boh {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dialog-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  z-index: 10000;
}

.dialog-boh {
  padding: .75rem;
}

.dia-exp-list li {
  display: inline-block;
  width: 32%;
  padding-bottom: .5rem;
  text-align: center;
  font-size: .6rem;
  color: #999;

}

.dia-exp-list li img {
  width: 2.5rem;
}

.dia-ex-btn {
  padding: .75rem;
}

.dia-ex-btn a {
  display: block;
  padding: .5rem 0;
  text-align: center;
  border-radius: .25rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

.dialog-ex-close {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icon-close.png") center no-repeat;
  background-size: 50%;
}

.dialog-s-wrp {
  position: relative;
  margin: 0 .75rem .5rem .75rem;
  padding: .25rem .75rem;
  border: 1px solid #efefef;
  border-radius: .25rem;
}

.dialog-s-wrp input {
  margin-left: .25rem;
  border: none;
  outline: none;
}

.dialog-s-chart {
  padding: 0 .75rem .75rem;
  height: 10rem;
}

.dsw-im {
  position: absolute;
  top: 2.2rem;
  left: 0;
  right: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, .15);
  z-index: 1000;
}

.dsw-im ul {
  max-height: 8rem;
  overflow-y: scroll;
}

.dsw-im li {
  padding: .5rem;
  border-bottom: 1px solid #efefef;
  font-size: .65rem;
}

.kh-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .75rem .5rem;
  border-bottom: 1px solid #ECECEC;
}

.kh-item-inner {
  display: flex;
  align-items: center;

}

.kh-inner-media img {
  width: 2rem;
  height: 2rem;
  margin-right: .5rem;
}

.kh-title {
  font-size: .9rem;
  font-family: "Adobe 黑体 Std R";
}

.kh-content {
  font-size: .65rem;
}

.kh-tag span {
  display: inline-block;
  color: #ff6601;
  background: #fff4e8;
  font-size: .6rem;
  padding: .1rem .35rem;
  border-radius: .25rem;
}

.kh-list-item>a {
  background: #f2f2f2;
  color: #ff6601;
  padding: .25rem .75rem;
  border-radius: 1rem;
  width: 3.5rem;
  text-align: center;

}

.bd-dia-hd {
  background: #f4b43d;
  text-align: center;
  font-size: 1rem;
  padding: .25rem;
  font-family: "Adobe 黑体 Std R";
}

.bd-dia-foot {
  display: flex;
  justify-content: space-between;
  padding: .75rem;
  align-items: center;
  border-top: 1px solid #ececec;
  color: #cc3131;
}

.bd-dia-foot>div:nth-child(1) {
  display: flex;
  align-items: center;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.bd-dia-foot>div:nth-child(1)>div {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.7rem;
}

.share-warnning-text {
  padding: .25rem .5rem;
  font-size: .7rem;
  background: #ff8f8c;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.share-warnning-text>a {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background: url("../images/close-white-icon.png") center no-repeat;
  background-size: 60%;
}

.share-warnning-text>p>a {
  text-decoration: underline
}

.bd-dia-hd {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}

.bd-dialog {
  border-radius: .25rem;
  box-shadow: 0 0 10px #a5a5a5;
}

.bd-dia-foot i {
  display: inline-block;
  margin-right: .25rem;
  width: .85rem;
  height: .85rem;
  background: url("../images/db_dia_icon.png") no-repeat;
  background-size: contain;
}

.bd-dia-foot button {
  width: 4rem;
  background: #628ffb;
  color: #fff;
  border: none;
}

.shares_detail_small_item {
  position: relative;
}

.shares_detail_small_item .item_title span {}

.shares_detail_small_item.active {
  border-color: #f5bb4f;
}

.shares_detail_small_item .item_title {
  margin-top: -.25rem
}

.sds-ii {
  position: absolute;
  width: .6rem;
  height: .6rem;
  top: -.25rem;
  right: -.25rem;
  background: url("../images/gou-yellow-icon.png") no-repeat;
  background-size: contain;
}

.popup_main_search_wrp input {
  width: 100%;
  border: 1px solid #dadada;
  background: #f4f4f4;
  padding: .5rem;
  text-align: center;
  border-radius: .25rem;
  font-size: .75rem;
}

.group_members_item_left {
  display: flex;
  align-items: center
}

.icon-gou-default {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icon-gou-gray.png") center no-repeat;
  background-size: 70%;
}

.icon-gou-default.active {
  background: url("../images/icon-gou-orange.png") center no-repeat;
  background-size: 70%;
}

.pm-tag-wrp {
  display: flex;
  flex-wrap: wrap;

}

.pm-tag-item {
  display: flex;
  align-items: center;
  border: 1px solid #febf55;
  padding: .25rem;
  border-radius: .25rem;
  margin-bottom: .5rem;
  margin-right: .25rem;
}

.pm-tag-info img {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}

.pm-tag-info {
  display: flex;
  align-items: center;
}

.pm-tag-name {
  margin-left: .15rem;
  display: inline-block;
  max-width: 3rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: .65rem;
  color: #a5a5a5;
}

.pm-tag-close {
  margin-left: .15rem;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url("../images/icon-close.png") center no-repeat;
  background-size: 50%;
}

.textareaDiv {
  position: relative;
}

.textarea-icon-right {
  position: absolute;
  top: 50%;
  right: .2rem;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  text-align: right;
  font-style: normal;
  font-size: 1rem;
  font-family: "微软雅黑";
}

.tab-sort-wrp {
  position: relative;
  background: #efefef;
  height: 1.8rem;
  padding-right: .75rem;
  text-align: right;

}

.tab-sort-wrp>span {
  font-size: .65rem;
  color: #999;
  line-height: 1.8rem;
}

.tab-sort-wrp ul {
  position: absolute;
  top: 1.8rem;
  right: .5rem;
  background: #fff;
  font-size: .75rem;
  color: #2e2e2e;
  z-index: 10;
  box-shadow: 0 0 10px #a8a8a8;
  border-radius: .25rem;
  display: none;
}

.tab-sort-wrp ul li {

  border-bottom: 1px solid #efefef;
}

.tab-sort-wrp ul li a {
  display: block;
  padding: .5rem .75rem;
  text-align: center;
}

.tab-sort-wrp span.open~ul {
  animation: dropSelect .5s forwards;
  display: block;
}

.mood-copy-text-wrp>a {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  width: 1.5rem;
  height: 1.5rem;
  text-align: right;
}

.mw-ih-orange-tag {
  display: inline-block;
  margin-left: 5px;
  padding: 05px;
  border-radius: 4px;
  font-size: .5rem;
  background-color: #FFF5DE;
  color: #FF5906;
  line-height: 1.2;
}

.list-row2-item {
  display: flex;
  margin-top: .5rem;
  padding: .5rem;
  justify-content: space-between;
  align-items: center;
  background-color: #F4F4F4;
  border-radius: .25rem;
}

.list-row2-inner {
  width: 100%;
  padding-right: .5rem;
}

.list-row2-title {
  color: #000;
}

.list-row2-title span {
  margin-left: .2rem;
  font-size: .65rem;
  color: #666;
}

.list-row2-sub {
  font-size: .7rem;
  color: #666;
}

.list-row2-after-btn {
  display: inline-block;
  white-space: nowrap;
  font-size: .6rem;
  background-color: #FBD71A;
  color: #3C1A00;
  padding: .4rem .6rem;
  border-radius: .25rem .75rem .75rem .75rem;
}

.tip-help-icon-wrp {
  position: relative;
}

.tip-help-icon-wrp img {
  position: absolute;
  width: 7rem;
  top: -0.7rem;
  right: -7.2rem;
}

.sign_mask_2022 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  z-index: 10000;
}

.sm-2022 {
  position: absolute;
  top: 20%;
  width: 60%;
  left: 20%;
  padding: 2rem 0 1rem;
  background: #fff;
  border-radius: 0.25rem;
  color: #333;
  text-align: center;
}

.sm-2022 img {
  max-width: 60%;
}

.sign-qun-task-wrp>div {
  position: relative;
  margin-top: 2.2rem;

}

.sign-qun-task-wrp {
  position: relative;
}

.sign-qun-task-wrp>div>span {
  position: absolute;
  background: #FFC995;
  border-radius: 1rem;
  color: #fff;
  padding: .1rem .5rem;
  font-size: .65rem;
  top: -2.2rem;
  left: 50%;

  transform: translate(-50%, 10%);

}

.sign-qun-task-wrp>div>span::before {
  position: absolute;
  content: "";
  height: 3px;
  background: #FF8417;
  width: 100%;
  left: 100%;
  top: .5rem;
}

.sign-qun-task-wrp>div:nth-last-child(1)>span::before {
  display: none;
}

.sign-qun-task-wrp>div>span.active {
  padding-right: 1.25rem;
  background: #FF8417;
}

.sign-qun-task-wrp>div>span.active::after {
  position: absolute;
  content: "";
  right: .5rem;
  top: .35rem;
  width: .5rem;
  height: .5rem;
  background: url(../images/pic_white_gou.png) no-repeat;
  background-size: contain;

}

.sign-qun-banner-wrp {
  position: relative;
}

.sign-qun-banner-wrp>div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sign-qun-banner-wrp img {
  max-width: 100%;
}

.sign-qun-succeed-text {
  padding-left: 2rem;
  color: #fff;
  text-shadow: 1px 1px 3px #666;
  font-family: "微软雅黑";
}

.sign-qun-succeed-img {
  position: relative;
}

.sign-qun-succeed-img>span {
  position: absolute;
  bottom: .65rem;
  left: .3rem;
  color: #fff;
  font-size: .65rem;
}

.icon-wen-blue {
  margin-right: .2rem;
  width: .8rem;
  height: .8rem;
  background: url(../images/icon-wen-blue.png) no-repeat;
  background-size: contain;
}

.qa-twrp {
  padding: .5rem .75rem;
  background: #F6F6F6;

}

.qa-tpb {
  position: relative;
  margin-top: .25rem;
  padding: .5rem;
  background: #FFF0E2;
}

.qa-tpb-title {
  font-size: .8rem;
  color: #565656;
}

.qa-tpb-title span {
  margin-right: .25rem;
  font-family: "微软雅黑";
  color: #000;
  font-size: 1rem;
}

.qa-tpb-cont a {
  margin-left: .25rem;
  font-size: .6rem;
  color: #8E8E8E;
}

.qa-tpb-add {
  position: absolute;
  top: .5rem;
  right: .5rem;
  padding: .2rem .5rem;
  background: #F39C19;
  color: #fff;
  font-size: .6rem;
  border-radius: 1rem;
  line-height: 1;
}

.qa-mwrp {
  padding: .75rem;
}

.qa-mph-media {
  display: flex;
}

.qa-mph {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.qa-mph-btn {
  position: absolute;
  top: 0;
  right: 0;
  background: #F39C19;
  color: #fff;
  font-size: .65rem;
  padding: .1rem .25rem;
  border-radius: .25rem;
}

.qa-mph-media>img {
  width: 2.2rem;
  height: 2.2rem;
  margin-right: .5rem;
  border-radius: 50%;
  flex-shrink: 0;
}

.qa-mph-inner {
  width: 100%;
}

.qa-mph-title {
  font-size: .9rem;
  color: #000;
  line-height: 1;

}

.qa-mph-tag {
  margin-top: .25rem;
}

.qa-mph-tag span {
  display: inline-block;
  background: #ECECEC;
  color: #8e8e8e;
  font-size: .55rem;
  border-radius: .25rem;
  padding: 0.05rem .35rem;
}

.qa-mpm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: .5rem 0;
  padding: .5rem .75rem;
  background: #FFEEEE;
  border-radius: .25rem;
  font-size: .75rem;
}

.qa-mpm-r {
  color: #cf3737;
}

.qa-mpm-r>img {
  width: .8rem;
  margin-right: .15rem;
  vertical-align: -10%;
}

.qa-mpd {
  padding: .5rem .75rem;
  margin: .5rem 0;
  border-radius: .25rem;
  box-shadow: 0 0 5px #ccc;
  font-size: .75rem;
}

.qa-mpd img {
  max-width: 100%;
}

.qa-mpt {
  position: relative;
  display: flex;
  justify-content: center;
}

.qa-mpt-time {
  position: absolute;
  right: 0;
  top: .6rem;
  font-size: .65rem;
  color: #8e8e8e;
}

.qa-mpt-btn {
  padding: .5rem 1rem;
  background: #628FFB;
  font-size: .75rem;
  color: #fff;
  border-radius: 1.5rem;
}

.qa-mpt1 {
  display: flex;
  justify-content: space-between;
}

.qa-mpt1-tag span {
  display: inline-block;

  margin-right: .5rem;
  font-size: .6rem;
  padding: .1rem .25rem;
  border-radius: .25rem;
}

.qa-mpt1-tag .bg-gray {
  background-color: #cacaca;
  color: #777;
}

.qa-mpt1-tag .bg-green {
  background-color: #0ca536;
  color: #fff;
}

.qa-mpt1-tag .bg-red {
  background: #F5414D !important;
  color: #fff;
}

.qa-mpt2-tag {
  display: inline-block;
  background: #50B934;
  color: #fff;
  font-size: .6rem;
  padding: .1rem .25rem;
  border-radius: .25rem;
}

.qa-mpt2-tag2 {
  background: #F5414D !important;
}

.qa-mpt1-time {
  font-size: .65rem;
  color: #8e8e8e;
}

.qa-mpc {
  margin: .5rem 0;
  padding: .75rem;
  border-radius: .25rem;
  box-shadow: 0 0 5px #ccc;

}

.qa-mpc-cont {
  position: relative;
  padding: 2.2rem .75rem .75rem;
  border-radius: .25rem;

  background: url(../images/0010.jpg) no-repeat;
  background-size: cover;
}

.qa-mpc-cont-hd {
  position: absolute;
  top: 0;
  left: 0;
  font-size: .7rem;
}

.qa-mpc-qun {
  display: inline-block;
  background: #f39c19;
  color: #fff;
  padding: .1rem .25rem;
}

.qa-mpc-tao {
  padding: .1rem .25rem;
  display: inline-block;
  background: #221c22;
  color: #FFE400;
}

.qa-mc-item {
  display: flex;
  align-items: center;
}

.qa-mc-item {
  margin-bottom: .5rem;
}

.qa-mc-item:nth-last-child(1) {
  margin-bottom: 0;
}

.qa-mc-item>img {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: .5rem;
  border-radius: 50%;
}

.qa-mci-cont {
  background: #fff;
  font-size: .7rem;
  padding: .25rem .5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: .25rem;
}

.qa-mpc-btn {
  margin-top: .75rem;
  text-align: center;
}

.qa-mpc-btn a {
  padding: .5rem 1.25rem;
  display: inline-block;
  background: #F39C19;
  color: #fff;
  border-radius: .5rem;
}

.icon-heart-default {
  width: .8rem;
  height: .8rem;
  background: url(../images/icon_black_xin.png) no-repeat;
}

.icon-heart-active {
  width: .8rem;
  height: .8rem;
  background: url(../images/list_item_click_red.png) no-repeat;
}

.text-warning {
  padding: .5rem .75rem;
  background: #f6f6f6;
  color: #8e8e8e;
  font-size: .7rem;
}

.text_detail_box img {
  max-width: 100%;
}

.qs-wrp {
  background: #101216;
}

.qs-swiper-wrp {
  padding: .75rem;
}

.qs-swiper-wrp img {
  border-radius: .25rem;
}

.qs-tab-wrp {
  padding: 0 .75rem .75rem;
}

.qsb-list-item {
  margin-top: .75rem;
  padding: .5rem;
  background: #fff;

  border-radius: .25rem;
}

.qsb-inner-media {
  margin-right: .5rem;
}

.qsb-inner-media img {
  width: 3.5rem;
  max-height: 3.5rem;
  padding: .25rem;
  border: 1px solid #efefef;
  border-radius: .25rem;
  flex-shrink: 0;
}

.qsb-item-hd {
  display: flex;
  justify-content: space-between;
}

.qsb-item-inner {
  display: flex;

}

.qsb-inner-title {
  font-size: .9rem;
  font-family: "微软雅黑";
  line-height: 1;
}

.qsb-inner-star {
  /*margin: .25rem 0 .1rem;*/
  color: #fec553;
}

.user_head_name_box .qsb-inner-star {
  margin-top: 0;
}

.qsb-inner-star img {
  margin-right: .2rem;
  width: .8rem;
  height: .8rem;
  vertical-align: middle;
}

.user_head_name_box .qsb-inner-star img {
  width: .8rem;
}

.qsb-inner-meta {
  font-size: .65rem;
  color: #565656;
}

.qsb-inner-star span {
  display: inline-block;
  font-size: .85rem;
  vertical-align: -15%;
}

.qsb-item-hd-after img {
  width: 3rem;
}

.qsb-item-ft {
  position: relative;
  margin-top: .5rem;
  padding: .35rem .5rem .35rem 1.2rem;
  background-image: linear-gradient(to right, #fff9f7, #ffe5d8);
  border-radius: .25rem;
  font-size: .75rem;
}

.qsb-item-ft::before {
  position: absolute;
  content: "";
  top: .5rem;
  left: .5rem;
  width: .45rem;
  height: .45rem;
  background: url(../images/qs-006.png) no-repeat;
  background-size: contain;

}

.qs-tab-wrp .buttons-tab {
  background: none;
  border-bottom: none;
}

.qs-tab-wrp .buttons-tab .button {
  color: #fff;
  border-bottom: none;
}

.qs-tab-wrp .buttons-tab .button.active {
  color: #ffdc38;
}

.qs-tab-wrp .buttons-tab .button span {
  position: relative;
}

.qs-tab-wrp .buttons-tab .button.active span::after {
  position: absolute;
  content: "";
  bottom: -.5rem;
  width: 50%;
  left: 25%;
  height: 4px;
  background: #ffdc38;
  border-radius: 4px;
}

.qs-page-top .my_head_box {
  margin-top: 0;
}

.home_page_top.qs-page-top .my_head_box .head_img img {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: .25rem;
}

.home_page_top.qs-page-top .my_head_box .head_name {
  line-height: 1;
  font-size: 1rem;
}

.qs-page-top {
  padding-bottom: 1.5rem !important;
}

.qs-page-top .home_page_identify {
  margin-top: .5rem;
}

.qs-pt-tag {}

.qs-pt-tag span {
  display: inline-block;
  margin-top: .5rem;
  padding: .2rem .5rem;
  color: #fff;
  font-size: .65rem;
  border-radius: .25rem;
}

.qs-pt-tag>span:nth-child(3n+1) {
  background: #ff9900;
}

.qs-pt-tag>span:nth-child(3n+2) {
  background: #ff6666;
}

.qs-pt-tag>span:nth-child(3n+3) {
  background: #ff6600;
}

.qs-top-link {
  background: #fff;
  margin: -1rem .6rem 0;
  border-radius: .25rem;
  box-shadow: 0 0 2px #ccc;
}

.qs-link-item {
  display: flex;
  padding: .5rem;
  justify-content: space-between;
}

.qs-link-inner {
  display: flex;
}

.qs-li-media img {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  margin-right: .5rem;
}

.qs-lic-title {
  line-height: 1.2;
}

.qs-lic-meta {
  font-size: .6rem;
  color: #8e8e8e;
}

.qs-feedback-wrp {
  margin: .6rem;
  padding: .5rem;
  background: #d0d0d0;
  border-radius: .25rem;
}

.qs-fw-title {
  font-size: .9rem;
  font-family: "微软雅黑";
}

.qs-fw-title span {
  font-size: 1.25rem;
  color: #ffa011;
  line-height: 1;
  display: inline-block;
  vertical-align: -10%;
  margin-left: .25rem;
}

.qs-fw-cont,
.qs-fw-cont-active {
  padding: .5rem;
  margin-top: .35rem;

  background: #fff;
  border-radius: .25rem;

}

.qs-fw-cont {
  display: flex;
}

.qs-cl-sore {
  font-size: 2.0rem;
  font-weight: 600;
  line-height: 1;
  color: #ffa011;
}

.qs-cl-meta {
  font-size: .6rem;
  color: #787878;
}

.qs-cr-star img {
  width: 1.5rem;
  margin-right: .5rem;
}

.qs-ca-hd {
  text-align: center;
}

.qs-ca-hd img {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  margin-right: .25rem;
  vertical-align: -15%;
}

.qs-fw-fd {
  display: flex;
  margin-top: .5rem;
  justify-content: space-between;
  align-items: center;
}

.qs-fw-fd>a:nth-child(2) {
  background: #ff9900;
  color: #fff;
  font-size: .6rem;
  border-radius: .25rem;
  padding: .1rem .25rem;
}

.edit-icon {
  width: .8rem;
  height: .8rem;
  margin-right: .1rem;
  background: url(../images/icon_gray_edit.png) no-repeat;
}

.share-icon {
  width: .8rem;
  height: .8rem;
  margin-right: .1rem;
  background: url(../images/icon_live_share.png) no-repeat;
}

.take-star-wrp {
  padding: 1rem 0;
  text-align: center;
}

.take-star-wrp img {
  width: 1.5rem;
}

.tsw-item {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 .2rem;
  background: url(../images/icon_big_star_kong.png) no-repeat;
  background-size: contain;
}

.tsw-item.active {
  background: url(../images/icon_big_star.png) no-repeat;
  background-size: contain;
}

.fab-backdrop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .4);
  z-index: 1400;
  visibility: hidden;
  opacity: 0;
  transition-duration: .4s;
}

.fab-backdrop.backdrop-in {
  visibility: visible;
  opacity: 1;
}

.fab {
  right: 1rem;
  bottom: 7rem;
  position: absolute;
  z-index: 1500;
}

.fab>a,
.fab-buttons a {
  position: relative;
  display: flex;
  padding: 0 1rem 0 1rem;
  transition: .3s;
  justify-content: center;
  align-items: center;
  background: #ffca56;
  color: #333;
  height: 1.8rem;
  line-height: 1.8rem;
  border-radius: .9rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
}

.fab-buttons a {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 4rem;
  font-size: 1.5rem;
  font-family: "微软雅黑";
  padding: 0;
}

.fab>a {
  width: 5rem;
}

.fab-buttons>a:nth-child(1) {
  margin-top: .5rem;
  background: #cc3131;
}

.fab-buttons>a:nth-child(2) {
  background: #44ad7c;
}

.fab-buttons {
  display: flex;
  visibility: hidden;
  pointer-events: none;
  position: absolute;

}

.fab-buttons-top {
  bottom: 100%;
  margin-bottom: 16px;
  flex-direction: column-reverse;
  width: 3rem;
  left: 50%;
  margin-left: -1.5rem;
}

.icon-money-black {
  width: .85rem;
  height: .85rem;
  margin-top: 0 !important;
  margin-right: .25rem;
  background: url(../images/money-black-icon.png) no-repeat;
}

.fab-opened .fab-buttons a {
  opacity: 1;
  transform: translate3d(0, 0px, 0) scale(1) !important;
}

.fab-buttons-top a {
  transform: translate3d(0, 8px, 0) scale(.3);
  transform-origin: center bottom;
}

.fab-opened .fab-buttons {
  visibility: visible;
  pointer-events: auto;
}

.fab-opened .fab-buttons a:nth-child(2) {
  transition-delay: 50ms;
}

.fab.fab-opened>a {
  background: #fff !important;

  transition: .3s;
}

.fab.fab-opened>a span {
  display: inline-block;
  text-indent: -999px;
}

.fab.fab-opened>a .icon {
  margin-right: 0;
  background: url(../images/icon_black_close.png) no-repeat;
  background-size: contain;

}

.qs-list-message-link {
  border: 1px solid #628ffb;
  border-radius: .25rem;
}

.qs-list-message-link a {
  display: block;
  padding: .5rem .75rem;
  color: #628ffb;
  background: url(../images/icon-5.png) no-repeat;
  background-position: 97% center;
  background-position: -webkit-calc(100% - .5rem) center;
  background-position: calc(100% - .5rem) center;
  background-size: .7rem;
}

.message-blue-icon {
  width: 1.4rem;
  height: 1.4rem;
  margin-right: .2rem;
  background: url(../images/icon_more_service_logo.png) no-repeat;
}

@keyframes dropSelect {
  0% {
    top: 0;
    opacity: 0;
  }

  100% {
    top: 1.8rem;
    opacity: 1;
  }
}

@keyframes wordsLoop {
  0% {
    transform: translateX(14rem);
    -webkit-transform: translateX(14rem);

  }

  100% {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}

@-webkit-keyframes wordsLoop {
  0% {
    transform: translateX(14rem);
    -webkit-transform: translateX(14rem);
  }

  100% {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}

@media screen and (max-width: 320px) {}

@media screen and (max-width: 375px) {
  .mn-main-cont {
    top: 6rem;
  }

  #Candlestick {
    width: 100%;
  }

  .fr-bd-t {
    margin-top: 6rem;
  }

  .echart-line,
  .du-chart {
    width: 100%;
  }

  .hb-price {
    top: 6.4rem;
  }

  .pl-chat-input-r {
    width: 15rem
  }

  .plh-item {
    margin: .5rem 0 .5rem .75rem;

  }

  .yz-btn>a>div {

    top: .55rem;

  }

  .bls-ja {
    max-width: 4.5rem !important;
  }

  .bls-ja img {
    max-width: 62%;
    margin-top: 1.8rem;
  }

  .cont-info-up span {
    top: 3rem;
    left: 3.8rem;
  }

  .cont-info-down span {

    top: 3rem;
    left: 3.6rem;

  }

  .box-cont-info>div {
    height: 6rem;
  }

  .cont-stock-info {
    margin-top: .2rem;
    padding-left: .5rem;
    font-size: .65rem;
    color: #666;
    line-height: 1.5;
  }
}

@media screen and (min-width:390px) {
  .mn-main-cont {
    top: 6rem;
  }
}

#chart-bar-01,#chart-bar-03,#chart-pie,#chart-bar-07{width: 320px}
#chart-bar-04{width: 180px;}
#chart-bar-02{width: 240px;}
#chart-bar-05{width: 120px;}
#chart-bar-06{width: 60px;}
#Ncandlestick{width: 220px !important;}
@media screen and (max-width:390px){
  #chart-bar-01,#chart-bar-03,#chart-bar-07{width: 300px}
  #chart-bar-02{width: 220px;}
  #Ncandlestick{width: 205px  !important;}
}
@media screen and (max-width:375px){
  #chart-bar-05{width: 100px;}
  #Ncandlestick{width: 195px  !important;}
}

@media screen and (min-width: 414px) {

  .echart-line,
  .du-chart {
    width: 100%;
  }

  .bls-j>div {
    bottom: 1.4rem;
  }

  #Candlestick {
    width: 100%;
  }

  .chat-num-cont {
    bottom: 2.9rem
  }

  /* .pl-chat-rl{ width: 14rem}*/
  .chat-popup-wrap {

    background: url("../images/chat-bakcground-big.png") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
}

@media screen and (min-width: 768px) {
  .circle-pro-v2 .circle-l-item:nth-child(1) {
    width: 5rem;
    top: -.8rem;
    left: -3.5rem;
  }

  .circle-pro-v2 .circle-l-item:nth-child(2) {
    width: 3rem;
    left: -4rem;
    top: 4.4rem;
  }

  .circle-pro-v2 .circle-l-item:nth-child(3) {
    width: 3rem;
    left: -2.8rem;
    top: 7.5rem;
  }

  .circle-pro-v2 .circle-l-item:nth-child(6) {
    right: -3rem;
    top: 7.2rem;
    width: 3rem;
  }

  .circle-pro-v2 .circle-l-item:nth-child(5) {
    right: -5rem;
    width: 5rem;
    top: 2rem;
  }

  .circle-pro-v2 .circle-l-item:nth-child(4) {
    top: -.8rem;
    right: -1.5rem;
    width: 3rem;
  }

  ::-webkit-scrollbar {
    width: 8px;
    background-color: #fff;
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #bababa;
  }

  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
    border-radius: 10px;
    background-color: #fff;
  }

}

.circle-bar {
  font-size: 70px;
  width: 1em;
  height: 1em;
  position: relative;
  background: -webkit-linear-gradient(180deg, #d8e3fd, #6994fb);
  /* Safari 5.1 - 6.0 */
  background: linear-gradient(180deg, #d8e3fd, #6994fb);
  /* 标准的语法 */
  background: -moz-repeating-linear-gradient(180deg, #d8e3fd, #6994fb)
}

.circle-bar-left,
.circle-bar-right {
  width: 1em;
  height: 1em;
  background: #d8e3fd;
}

/*
    这里采用clip剪切了圆，实现左右两个半圆，右半圆在后面，因此在更上一层，
    clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
 */
.circle-bar-right {
  clip: rect(0, auto, auto, .5em);
}

.circle-bar-left {
  clip: rect(0, .5em, auto, 0);
}

.mm-mask {
  width: 0.8em;
  height: 0.8em;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
  line-height: 0.2em;
  color: rgba(0, 0, 0, 0.5);
}

.mm-mask :first-child {
  font-size: 0.3em;
  height: 0.8em;
  line-height: 0.8em;
  display: block;
}

/*所有的后代都水平垂直居中，这样就是同心圆了*/
.circle-bar * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

/*自身以及子元素都是圆*/
.circle-bar,
.circle-bar>* {
  border-radius: 50%;
}

.circle-bar-text {
  top: 2.4em;
  left: 2em;
  font-size: .12em;
  z-index: 99;
}

.circle-bar-orange {
  background: -webkit-linear-gradient(180deg, #e39a6a, #d24e40);
  /* Safari 5.1 - 6.0 */
  background: linear-gradient(180deg, #e39a6a, #d24e40);
  /* 标准的语法 */
  background: -moz-repeating-linear-gradient(180deg, #e39a6a, #d24e40);
  transform: rotate(-145deg);
}

.circle-bar-orange .mm-mask {
  width: .85em;
  height: .85em;
}

.circle-bar-orange .circle-bar-left,
.circle-bar-orange .circle-bar-right {
  background: #dedede
}

.circle-bar-text-transform {
  transform: rotate(145deg);
}

/*==加载动画===*/
.load6>div {
  width: .4rem;
  height: .4rem;
  background-color: #00bfff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.load6 .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.load6 .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0.0)
  }

  40% {
    -webkit-transform: scale(1.0)
  }
}

@keyframes bouncedelay {

  0%,
  80%,
  100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  }

  40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

@keyframes bs {

  0%,
  80%,
  100% {
    transform: scale(.8);
  }

  40% {
    transform: scale(1.2);
  }
}

#MainExpressionDialog .dialog-boh {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#MainExpressionDialog {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  z-index: 10000;
}

#MainExpressionDialog .dialog-boh {
  padding: .75rem;
}

#MainExpressionDialog .dia-exp-list li {
  display: inline-block;
  width: 32%;
  padding-bottom: .5rem;
  text-align: center;
  font-size: .6rem;
  color: #999;

}

#MainExpressionDialog .dia-exp-list li img {
  width: 2.5rem;
}

#MainExpressionDialog .dia-ex-btn {
  padding: .75rem;
}

#MainExpressionDialog .dia-ex-btn a {
  display: block;
  padding: .5rem 0;
  text-align: center;
  border-radius: .25rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

#MainExpressionDialog .dialog-ex-close {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icon-close.png") center no-repeat;
  background-size: 50%;
}

.group_more_oper_popup .popup_main .popup_main_lists {
  height: 36vh;
  overflow: auto;
}


.group_more_oper_popup .popup_main .popup_main_btns {
  margin: 2.75vh auto 0;
  text-align: center;
  width: 37.3vw;
  padding: 2.4vw 0;
  border-radius: 5px;
  background: #EDEDED;
  border: 1px solid #EFEFEF;
}

.group_more_oper_popup .popup_main .popup_main_fhbtn {
  font-size: 14px;
  font-weight: 500;
  color: #8E8E8E;
}

.group_more_oper_popup .popup_main .popup_main_btns.active .popup_main_fhbtn {
  color: #222;
}

.group_more_oper_popup .popup_main .popup_main_btns.active {
  background: #FFCA56;
}

.module_head {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
}

.text_detail_box {
  overflow: hidden;
}

.qs-up-icon {
  display: inline-block;
  width: .4rem;
  height: 2rem;
  margin-left: -0.15rem;
  background: url(../images/qs-008.png) no-repeat;
  background-size: contain;
  vertical-align: -20%;
}

.qs-up-icon-sm {
  display: inline-block;
  background: url(../images/qs-009.png) no-repeat;
  background-size: contain;
}

.qs-up-icon-sm {
  height: 1rem;
  width: .5rem;
  margin-left: 0rem;
}

.qs-up-icon.down,
.qs-up-icon-sm.down {
  transform: rotate(180deg);
}

.qs-up-icon.down {
  vertical-align: -10%
}

.DrawServiceSpaceShare {
  background: #fff;
  width: 90%;
  border-radius: 0.25rem;
  position: absolute;
  left: 5%;
  right: 0;
  top: 15%;
  z-index: 99999999;
}

.DrawServiceSpaceShareNew {
  /* background: #fff; */
  width: 100%;
  border-radius: 0.25rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 10%;
  z-index: 9999;
  height: 100%;
  text-align: center;
}


.fixed_bot_commodity_information button.active {
  background: #f2b237;
}

.fixed_bot_commodity_information button.unactive {
  background: #a0a0a0;
  color: #fff;
}

._order_detail_service {
  position: absolute;
  right: 0;
  top: .5rem;
  color: #1387FF;
}

.bangbao-icon-01 {
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/icon_bangbao_coin.png) no-repeat;
  vertical-align: -20%;
  margin-right: .2rem;
}

.bangbao-icon-02 {
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/icon_bangbao_coin_blue.png) no-repeat;
  vertical-align: -20%;
  margin-right: .2rem;
}

.bangbao-nav-top {
  display: flex;
  justify-content: space-between;
  padding: .6rem;
}

.bangbao-nav-list {
  display: flex;
  margin-bottom: .5rem;
}

.bangbao-nav-list>a {
  position: relative;
  flex: 1;
  text-align: center;
  font-size: .7rem;
}

.bangbao-nav-list>a>img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

._qj-w-banner {
  position: relative;
}

._qj-w-banner img {
  max-width: 100%;
}

._qj-w-banner a {
  position: absolute;
  width: 1.1rem;
  top: .75rem;
  right: 0;
  background: rgba(0, 0, 0, .5);
  color: #fff;
  font-size: .6rem;
  line-height: 1.2;
  text-align: center;
  padding: .25rem 0;
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

._qj-w-cont {
  padding: 0 .5rem 4.75rem;
  background: #feecde;
}

._qj-stock {
  position: relative;

  padding: .5rem;

  border: 1px solid #f3b38b;
  border-radius: .25rem;
  background-image: linear-gradient(to bottom, #fff8f1, #ffe2d0);
}

._qj-stock-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e3c4af;
  padding-bottom: .5rem;
}

._qj-stock-bd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #686868;
  font-size: .6rem;
  padding-top: .5rem;
}

._qj-stock-bd span {
  color: #2e2e2e;
  font-size: .85rem;
}

._qj-stock-bd>div {
  flex: 1;
  text-align: center;
}

._qj-s-l {
  font-size: .65rem;
}

._qj-s-l h2 {
  font-size: 1.2rem;
  color: #4c3740;
}

._qj-s-l>div {
  display: flex;
  padding: .25rem 0;
  background: #ffe1c8;
  border: 1px solid #fff;
  border-radius: .1rem;

}

._qj-s-l>div>span {
  flex: 1;
  padding: 0 .25rem;
  text-align: center;
  color: #ff8652;
  line-height: 1;
  font-size: .65rem;

}

._qj-s-l>div>span:nth-child(1) {
  border-right: 1px solid #ffbfa3;
}

._qj-s-r {
  color: #ff473d;
}

._qj-t-r {
  position: absolute;
  top: 0;
  right: 0;
  background-image: linear-gradient(to bottom, #ff513a, #ff6a45);
  font-size: .6rem;
  color: #fff;
  padding: 0 .25rem;
  border-top-right-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

._qj-table {
  position: relative;
  margin-top: .25rem;
  background: #fff;
  border: 1px solid #f3b38b;
  border-radius: .25rem;
}

._qj-table-tip-img {
  position: absolute;
  width: 5rem;
  top: -2.5rem;
  right: 0;
}

._qj-echart-wrp {
  margin-top: .25rem;
  padding-top: .5rem;
  background: #fff;
  border: 1px solid #f3b38b;
  border-radius: .25rem;
}

._qj-table table {
  border-radius: .25rem;
}

._qj-table table>tbody td {
  padding: .1rem .75rem !important;
}

._qj-table .table-5 td {
  padding: .35rem .15rem !important;
  text-align: center !important;
  vertical-align: middle;
}

._qj-table-hd {
  display: flex;
  justify-content: space-between;
  margin-top: .5rem;
}

._qj-table-hd span {
  border-left: 2px solid #ff473d;
  padding-left: .5rem;
}

._qj-table tbody td {
  vertical-align: middle;
}

._qj-tip-text {
  margin-bottom: .25rem;
  font-size: .7rem;
  color: #ff6a45;
  text-align: center;
}

._qj-wrap {
  height: 100%;
  background: #feecde;
}

.border-bottom {
  padding-bottom: .75rem;
  border-bottom: 1px solid #efefef;
}

.qj-t {
  align-items: center;
  padding: 0 .75rem;
}

.mu-stock-tag span {
  display: inline-block;
  padding: 0 8px;
  background: #ffefea;
  color: #ff916e;
  font-size: 12px;
  border-radius: 5px;
}

.qj-btn {
  padding-left: .75rem;
}

.qj-sy {
  padding: .75rem .2rem;
  font-size: .65rem;
  line-height: 2;
  color: #444;
}

.pink-tip-text {
  padding: .45rem .75rem;
  background: #ffefef;
  color: #f5414d;
  font-size: .65rem;
}

.stock-list-hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .75rem;
  border-bottom: 1px solid #e5e5e5;
}

.stock-list-hd span {
  border-left: .2rem solid #c52e2f;
  padding-left: .5rem;
}

.hg-table {
  line-height: 1.2;
}

table {
  width: 100%;
}

.hg-table thead td:first-child,
.table-row-4>table>tbody>tr>td:nth-child(4n+1),
.table-row-5>tbody>tr>td:nth-child(5n+1),
.table-row-3>tbody>tr>td:nth-child(3n+1) {
  padding-left: .75rem;
  text-align: left;
}

.table-row-3>tbody>tr>td:nth-child(3n+1) {
  padding-left: 0;
}

.hg-table tbody td {
  padding: .5rem 0;
  padding-left: 0px;
  text-align: center;
  border-bottom: 1px solid #efefef;
  vertical-align: middle;
}

.table-row-5 td {
  /*  width: 20%; */
}

.table-row-2 tbody tr>td:nth-child(2n+1) {
  text-align: left;
  padding-left: 0.75rem;
}

.hg-table thead {
  background: #efefef;
  color: #b6b6b6;
  font-size: .6rem;
}

.hg-table thead td {
  padding: .5rem 0;
  padding-left: 0px;
  text-align: center;
  vertical-align: middle;
}

._qj-report {
  position: relative;
  padding: 7rem .75rem 0;
  height: 100%;
  background: url(../images/qj-001.jpg) top center no-repeat, url(../images/qj-00.jpg) bottom center no-repeat;
  background-color: #ff990d;
  background-size: contain;
}

._qj-report-hd {
  position: absolute;
  top: 2.75rem;
  right: .75rem;
  font-size: .85rem;
  font-family: "Adobe 黑体 Std";
  color: #ff4e00;
}

._qj-report-cont {
  background: #fff;
  padding: .75rem;
  border-radius: .5rem;
  box-shadow: 0 0 8px #ffb910;
  font-family: "Adobe 黑体 Std";
  font-size: .85rem;

}

._qj-report-cont input,
._qj-report-cont textarea {
  background: #efefef;
  border: 1px solid #d0d0d0;
  border-radius: .2rem;
  padding: .25rem .5rem;
}

._qj-report-cont input::placeholder,
._qj-report-cont textarea::placeholder {
  font-size: .75rem;
  color: #999;
}

._qj-report-cont textarea {
  display: block;
  margin-top: .25rem;
  width: 100%;
  padding: .5rem .75rem;
  max-height: 4rem;

}

._qj-w-hd {
  margin-bottom: .5rem;
  background: #f4c3a1;
  color: #613f39;
  font-size: 0.65rem;
  padding: .5rem 0 .5rem .25rem;
  border: 2px solid #fff;
  border-radius: .25rem;
}

._qj-code-wrp {
  display: flex;
  align-items: center;
  text-align: left;
  padding: 0 1rem;
}

._qj-code-wrp>div {
  padding-left: 1rem;
  font-size: .7rem;
}

._qj-code-wrp,
._qj-report-code {
  margin-top: .5rem;
  text-align: center;
}

._qj-code-wrp img,
._qj-report-code img {
  width: 5rem;
}

._qj-report-code>div {
  font-size: .7rem;
  padding: .5rem 2rem;
}

._qj-report-code>div {
  color: #fff;
  font-size: .9rem;
  text-shadow: 0 0 3px #ffb910;
}

._ask-stock-wrp {
  padding: .75rem .75rem .5rem .75rem;
  white-space: nowrap;
  overflow: auto;
}

._ask-sw-item {
  display: inline-block;
  position: relative;
  margin-right: .5rem;
  width: 90%;
  border: 1px solid #fcc593;
  padding: 1.5rem 1.5rem .5rem .5rem;
  border-radius: .25rem;
  box-shadow: 2px 2px 8px rgba(240, 136, 71, .25);
}
._gzs-item-ask{
  padding-top: 1.5rem !important;
  padding-right: 1.5rem !important;
}
._ask-sil {
  position: absolute;
  top: 0;
  left: 0;
  background: #eeba57;
  color: #fff;
  font-size: .7rem;
  padding: 0 .25rem;
  border-top-left-radius: .25rem;
  border-bottom-right-radius: .25rem;
}

._ask-sir {
  position: absolute;
  top: .25rem;
  right: .5rem;
  font-size: .6rem;
  color: #999;
}

._ask-si-r {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  background: #efefef;
  font-size: .7rem;
  padding: .5rem .3rem;
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
  color: #666;
}

._ask-si-hd {}

._ask-si-hd i {
  display: inline-block;
  background: #cc3131;
  color: #fff;
  font-size: .7rem;
  line-height: 1;
  padding: .15rem .15rem 0.1rem .15rem;
  border-radius: .2rem;
  font-style: normal;
  vertical-align: 15%;
}

._ask-si-hd span {

  font-size: .9rem;
  font-family: "微软雅黑";
  margin-left: .2rem;
  color: #000;

}

._ask-si-bd {
  margin: .25rem 0;
  display: flex;
  align-items: center;

}
._gzs-item-fd{
  display: flex;
  
} 
._gzs-item-fd > *{margin-right: .25rem;}
._ask-si-media {
  position: relative;
  margin-right: .45rem;
  width: 1.8rem;
  height: 1.8rem;
}

._ask-sm-v {
  position: absolute;
  bottom: 0;
  right: -.15rem;
  width: .6rem;
  height: .6rem;
  background: url(../images/qunliao_daV2.png) no-repeat;
  background-size: contain;
}

._ask-si-media img {
  width: 1.8rem;
  height: 1.8rem;

  border-radius: 50%;
}

._ask-si-inner-tag,
._ask-si-gray-tag {
  display: inline-block;
  margin-left: .25rem;
  background: #628ffb;
  color: #fff;
  font-size: .6rem;
  border-radius: .2rem;
  padding: 0 .2rem;

}

._ask-si-gray-tag {
  background: #efefef;
  color: #999;
  vertical-align: 10%;
}

._actions-wrp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10000;

}

._actions-dh {
  background: #f8f4e3;
  padding: .75rem;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}

._action-cont-item {
  display: flex;
  margin-bottom: .75rem;
  padding: .5rem .75rem;
  justify-content: space-between;
  align-items: center;
  color: #2e2e2e;
  background: #fff;
  border-radius: .5rem;
  border: 2px solid #fff;
}

._action-cont-item.active {
  border-color: #f75437;
}

._actions-tag {
  position: relative;
}

._actions-tag::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: .3rem;
  width: 100%;
  height: .5rem;
  background: rgba(247, 84, 55, .15);
}

._actions-link {
  color: #628ffb;
  font-size: .7rem;
  text-decoration: underline;
}

._action-over {
  font-size: .65rem;
  color: #999;
  text-decoration: line-through;
}

.dialog-gw-cont {
  max-height: 7rem;
  padding-bottom: .5rem;
  overflow-y: scroll;
}

.dialog-gw-fd {
  padding: .5rem .75rem .75rem .75rem;
}

.dialog-gw-fd button {
  width: 100%;
  margin: .5rem 0;
  padding: .5rem 0;
  border: none;
  border-radius: .25rem;
  background: #FFCA56;
}

.c_l_top_l a {
  font-size: .7rem;
  font-weight: normal;
  color: #666;
  margin-left: .25rem;
}

._ask-si-fd {
  display: flex;
  margin-top: 1.2rem;
  
  align-items: center;
}
._ask-si-fd > *{margin-right: .25rem;}
._ask-si-fd .qa-mpt1-tag {
  margin-right: -1.5rem;
}

.c_l_top_l a i {
  font-size: .6rem;
  vertical-align: 5%;
  margin-left: .25rem;
}

._shadow-animation {
  animation: shadow-drop-center-light 2s cubic-bezier(.25, .46, .45, .94) both
}

.chat_room_white_box ._shadow-animation {
  animation: shadow-drop-center 2s cubic-bezier(.25, .46, .45, .94) both
}

@keyframes shadow-drop-center {
  0% {
    box-shadow: 0 0 0 0 transparent
  }

  50% {
    box-shadow: 0 0 30px 0 #e35760
  }

  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}

@keyframes shadow-drop-center-light {
  0% {
    box-shadow: 0 0 0 0 transparent
  }

  50% {
    box-shadow: 0 0 30px 0 #e35760
  }

  100% {
    box-shadow: 0 0 0 0 transparent
  }
}

@keyframes boxShadow {
  0% {
    box-shadow: 0 0 0 #333;
  }

  50% {
    box-shadow: 0 0 10px #333;
  }

  100% {
    box-shadow: 0 0 0px #333;
  }
}

@keyframes slide-left {
  0% {
    transform: translateX(90%)
  }

  100% {
    transform: translateX(0)
  }
}

@keyframes slide-top {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(-100%)
  }
}

@keyframes slide-bottom {
  0% {
    transform: translateY(-100%)
  }

  10% {
    transform: translateY(0)
  }

  80% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(-100%)
  }
}

.slide-left {
  animation: slide-left .5s cubic-bezier(.25, .46, .45, .94) both
}

.slide-top {
  animation: slide-top .5s 1s cubic-bezier(.25, .46, .45, .94) both
}

.slide-bottom {
  animation: slide-bottom 5s cubic-bezier(.25, .46, .45, .94) both
}

._messages-bcb {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  transform: translateY(-100%);
}

._messages-bcb .icon_close {
  position: absolute;
  top: .25rem;
  right: .25rem;
}

._good-to-you {
  position: absolute;
  right: 0;
  bottom: 7rem;
  z-index: 10000;
  height: 3.5rem;
  overflow: hidden;
}

._good-ty-list>li {
  transform: translateX(100%);
}

._good-ty-list>li>div {

  height: 1.5rem;
  line-height: 1.5rem;
  margin-bottom: .5rem;
  color: #333;
  padding: 0 .75rem;
  background-image: linear-gradient(to right, #ffe1c1, rgba(255, 226, 193, .5));
  font-size: .7rem;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;

}

._good-ty-list>li span {
  color: #ff7e00;
  margin-right: .5rem;
  font-weight: 600;
}

._dialog_cgray {
  background: #e5e5e5;
  border-radius: .25rem;
  overflow: hidden;
}

._dialog_cgray .chart_img_text_box {
  padding: .5rem
}

._dialog_cgray .bg_gray_module {
  background: #e5e5e5;
}

._dialog_cgray .forward_line_box {
  padding: .5rem
}

._btn_default_gray {
  background: #adadad;
  border-radius: 1rem;
  border: none;
  color: #fff;
  padding: .25rem .75rem;
  font-size: .7rem
}

._btn_default_yellow {
  background: #FEBF55;
  border-radius: 1rem;
  border: none;
  color: #fff;
  padding: .25rem .75rem;
  font-size: .7rem;
  box-shadow: 0 0 4px #ccc
}

._new-line_c {
  line-height: 1.2;
}

._new-line_c>div {
  padding: .05rem .354rem;
  background: #fb9862;
  color: #fff;
  font-size: .6rem;
  border-radius: .5rem;
  line-height: 1;
}

._bottom_chat-tips {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-image: linear-gradient(to right, #fae4c0, #fffffe);
  color: #de7338;
  padding: .5rem;
  font-size: .7rem;
}

._bottom_chat-tips a {
  background: #efae41;
  color: #fff;
  padding: .25rem .5rem;
  border-radius: .25rem;
  font-size: .6rem;
  line-height: 1;
}

._sl-dialog {
  position: absolute;
  top: 20%;
  left: 10%;
  right: 10%;
  background-image: linear-gradient(to bottom, #fbebd0, #fff);
  border-radius: .25rem;
  padding: .75rem;
  z-index: 1004;
}

._sl-dia-hd-img {
  max-width: 60%;
  margin-top: -4rem;
  margin-bottom: .25rem;
}

._sl-dia-hd {
  font-family: "微软雅黑";
  font-size: .7rem;
}

._sl-dia-star {
  margin-top: .5rem;
  text-align: center;
}

._sl-dia-star img {
  width: 1.5rem;
  vertical-align: -35%;
  margin-left: .5rem;
}

._sl-dia-textarea textarea {
  margin-top: .75rem;
  border: none;
  height: 5rem;
  width: 100%;
  background: #fafafa;
  border-radius: .25rem;
  padding: .5rem;

}

._dialog-btn-group {
  display: flex;

}

._dialog-btn-group>a {
  flex: 1;
  padding: .5rem 0;
  text-align: center;
  border-radius: .25rem;

}

._dialog-btn-group>a:nth-child(1) {
  background: #efefef;
  color: #efae41;
}

._dialog-btn-group>a:nth-child(2) {
  margin-left: .5rem;
  background: #efae41;
  color: #fff;
}

._ask-pro-wrp {
  padding: .75rem;
}

._ask-pw-tip {
  font-size: .7rem;
  color: #8e8e8e;
}

._ask-pw-questions {
  padding: .5rem 0;
  white-space: nowrap;
  overflow-x: auto;
}

._ask-pw-questions span {
  display: inline-block;
  margin-right: .5rem;
  padding: .5rem .5rem .35rem .5rem;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: .25rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  font-size: .8rem;
}

._ask-pw-questions span.active {
  border: 1px solid rgba(239, 174, 65, 1);
}

._ask-pw-textarea {
  margin-top: .15rem;
  padding: .5rem;
  background-color: #FAFAFA;
  border-radius: .25rem;
}

._ask-pw-thead {
  font-size: .7rem;
  color: #8e8e8e;
}

._ask-pw-twrap textarea {
  width: 100%;
  border: none;
  background: #FAFAFA;
  min-height: 10rem;
}

._ask-pw-tf {
  font-size: .7rem;
  margin-top: .5rem;
}

._ask-pw-tf input {
  width: .7rem;
  height: .7rem;
  margin-right: .25rem;
  vertical-align: -10%;
}

._ask-pw-tfb {
  display: flex;
  margin-top: .5rem;
  justify-content: space-between;
  align-items: center;
  padding: .5rem 0;
  border-top: 1px solid #efefef;
  font-size: .7rem;
}

.icon-bbc {
  width: .8rem;
  height: .8rem;
  margin-right: .15rem;
  background: url("../images/_tw-icon-01.png") no-repeat;
  background-size: contain;
}

.icon-notice {
  width: .8rem;
  height: .8rem;
  margin-right: .15rem;
  background: url("../images/_tw-icon-02.png") no-repeat;
  background-size: contain;
  vertical-align: -20% !important;
}

._ask-chat-list {
  margin-top: .5rem;
  border-radius: .25rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

._ask-chat-list ._ask-si-inner-tag {
  margin-right: .15rem;
  margin-left: 0;
}

._ask-cl-fd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 .35rem .35rem .35rem;
  font-size: .7rem;
}

._zg-list-item ._ask-cl-fd {
  background: #fff;
  border-radius: .25rem;
}

._ask-cl-fd img {
  width: .85rem;
  vertical-align: 0%;
  margin-left: .25rem;
}

._sl-bb-text {
  position: fixed;
  left: 0;
  bottom: 6rem;
  z-index: 1006;
  padding: 0.4rem;
  background: rgba(255, 255, 255, .8);
  font-size: .7rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  transform: translateX(-100%);
  transition: all .5s;
}

._sl-bb-text.show {
  transform: translateX(0);
}

._sl-bb-btn {
  position: fixed;
  left: .75rem;
  bottom: 6rem;
  z-index: 1005;
  transition: all .5s
}

._sl-bb-btn.hide {
  transform: translateX(-120%);
}

._sl-bb-btn img {
  max-width: 5rem;
}

._sl-bb-btn a {
  position: absolute;
  height: 1.5rem;
  width: 1.5rem;
  top: 0;
  right: 0;
}

._ask-pw-warnning {
  font-size: .6rem;
  color: #8e8e8e;
}

.fixed-bottom-wrapper {
  position: fixed;
  bottom: .75rem;
  left: .75rem;
  right: .75rem;
}

.tabs-yellow-wrap {
  padding: .5rem .75rem;
  position: fixed;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 555;
}

.tabs-yellow-wrap a {
  font-size: .7rem;

  color: #999999;
  background: #fff;
  margin-right: 0.725rem;
}

.tabs-yellow-wrap a.active {
  font-size: .8rem;

  color: #f3c474;

}

.tabs-yellow-wrap a span {
  position: relative;
}

.tabs-yellow-wrap a.active span::after {
  position: absolute;
  content: "";
  left: 15%;
  right: 15%;
  height: 2px;
  bottom: -4px;
  background: #f3c474;
  border-radius: 50%;
}

.bb-card-list {
  padding: .5rem .75rem;
}

.bb-card-item {
  position: relative;
  margin-bottom: .75rem;
  padding: .5rem;
  background-image: linear-gradient(to right, rgba(244, 215, 182, 0.56), rgba(248, 220, 205, 0.56));
  border-radius: .25rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.bb-card-item.used {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

.bb-card-title {
  font-size: 1rem;
  color: #000;
}

.bb-card-text {
  font-size: .7rem;
  color: #2e2e2e;
}

.bb-card-fd {
  display: flex;
  margin-top: .5rem;
  padding-top: .5rem;
  border-top: 1px solid rgba(0, 0, 0, .1);
  justify-content: space-between;
  align-items: center;
}

.bb-card-tr {
  position: absolute;
  top: .5rem;
  right: .5rem;
  background: #6A6461;
  border-radius: 1rem;
  color: #fff;
  padding: .2rem .5rem;
  font-size: .6rem;
  line-height: 1;
}

.bb-cd-item {
  padding: 0 .75rem .75rem;
}

.bb-card-info {
  padding-top: .25rem;
}

.bb-cd-title {
  font-size: .75rem;
  color: #000;
  font-family: "微软雅黑";
}

.bb-cd-text {
  position: relative;
  margin-top: .25rem;
  font-size: .7rem;
  line-height: 1.2;
  padding-left: .75rem;
}

.bb-cd-text::after {
  position: absolute;
  content: "";
  top: .3rem;
  left: .2rem;
  width: .2rem;
  height: .2rem;
  background: url(../images/icon-dot.png) no-repeat;
  background-size: contain;
}



._zg-li-title,
._zg-question-detail {
  font-size: .85rem;
  font-family: "微软雅黑";
}

._zg-li-hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin:0 .5rem;
  padding: .5rem 0;
  border-bottom: 1px solid #efefef;
}
._zg-li-title{
  font-weight: 600;
}
._zg-li-tc{
  padding: .5rem;
  display: flex;
  justify-content: space-between;  
}
._zg-li-footer{
  display: flex;
  justify-content: space-between;
  
  padding: .5rem;
}
._zg-li-footer > div{
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
._zg-li-footer > a{
  width: 3rem;
  text-align: right;
  flex-shrink: 0;
}
.gray-tag-big{
  display: inline-block;
  background: #D9D9D9;
  border-radius: .2rem;
  
  font-weight: 600;
  padding: .25rem .75rem;
  line-height: 1.2;
}

._zg-li-title>span {
  line-height: 1;
  border-left: 2px solid #efae41;
  padding-left: .5rem;
  display: inline-block;
  font-weight: 600;
}

._zg-li-title>i {
  font-style: normal;
  font-size: .7rem;
}

._zg-question-detail i {
  display: inline-block;
  background: #628ffb;
  width: .85rem;
  height: .85rem;
  font-size: .7rem;
  color: #fff;
  line-height: .85rem;
  text-align: center;
  font-style: normal;
  border-radius: .1rem;
  margin-right: .1rem;
}

._zg-qw-item {
  background: #fff;
  padding: .5rem;
  margin-bottom: .5rem;
  border-radius: .25rem;
  position: relative;
}

._zg-question-tag {}

._zg-question-tag span {
  display: inline-block;
  color: #628ffb;
  font-size: .6rem;
  border-radius: .25rem;
  border: 1px solid #628ffb;
  padding: .15rem .2rem .2rem;
  line-height: 1;
}

._zg-qw-info {
  margin-top: .5rem;
  padding: .5rem;
  border: 2px solid #efefef;
  background: #efefef;
  border-radius: .25rem;
}

._zg-qw-info.up {
  border-color: #dba096
}

._zg-qw-info.down {
  border-color: #abde9e
}

._zg-qw-info .question_detail_page_answer_item_content {
  padding-left: 0;
}

._zg-qw-info .user_name {
  font-size: .8rem;
  font-weight: normal;
}

._zg-ud-img img {
  margin-right: -1rem;

  width: 5rem;
}

._zg-show-more {
  text-align: center;
  font-size: .7rem;
  color: #8e8e8e;
}

._zg-show-more a {
  position: relative;
}

._zg-show-more a::after {
  position: absolute;
  content: "";
  width: .7rem;
  height: .7rem;
  right: -.8rem;
  top: .1rem;
  background: url("../images/icon_jiantou_down .png") center no-repeat;
  background-size: contain;
}

._zg-tw-img {
  margin-top: .5rem;
  text-align: center;
}

._zg-tw-img img {
  max-width: 100%;
}

._zg-tl-title {
  display: flex;
  justify-content: space-between;
}

._zg-tl-title span {
  font-family: "微软雅黑";
  color: #2e2e2e;
  
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

._zg-tl-title a {
  font-size: .7rem; 
  width: 2.5rem;
  text-align: right;
  flex-shrink: 0;
}

._zg-tl-bd ul {
  margin-left: 3.5rem;
  padding-left: .5rem;
  border-left: 1px solid #999;
}

._zg-tl-bd li {
  position: relative;
  margin-bottom: .5rem;
}

._zg-tl-bd li::after {
  position: absolute;
  content: "";
  top: .6rem;
  left: -.7rem;
  width: .4rem;
  height: .4rem;
  background: #efae41;
  border-radius: 50%;
}

._zg-tl-time {
  position: absolute;
  left: -4rem;
  top: 0;
  font-size: .6rem;
  color: #565656;
}

._zg-lb-time-list {
  background: #fff;
  border-radius: 0.25rem;
  padding: 0.5rem;
}

._zg-tl-tag {
  padding: .25rem .5rem;
  display: inline-block;
  font-size: .75rem;
  color: #fff;
  border-radius: 1rem;
  line-height: 1;
}

._tl-tag-01 {
  background: #efae41;
}

._tl-tag-02 {
  background: #8e8e8e;
}

._zg-tl-hd {
  margin-bottom: .25rem;
}

._zg-tl-cont {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: .75rem;
}

._zg-ud-red {
  display: inline-block;
  background: #f5414d;
  color: #fff;
  font-size: .6rem;
  padding: .2rem .5rem;
  border-radius: .2rem;
  line-height: 1;
}

._zg-ud-green {
  display: inline-block;
  background: #33927e;
  color: #fff;
  font-size: .6rem;
  padding: .2rem .5rem;
  border-radius: .2rem;
  line-height: 1;
}
._zg-ud-gray{
  display: inline-block;
  background: #F8F8F8;
  color: #8e8e8e;
  font-size: .6rem;
  padding: .2rem .5rem;
  border-radius: .2rem;
  line-height: 1;
}
._zg-bottom-btn {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}

._zg-btn-wrp {
  padding: .5rem .75rem;
  background: #fff;
  display: flex;

}

._zg-btn-wrp>button {
  height: 2.2rem;
  font-size: .75rem;
  font-family: "微软雅黑";
  text-align: center;
  border-radius: .25rem;
}

._zg-btn-wrp>button:nth-child(1) {
  width: 4rem;
  flex-shrink: 0;
  margin-right: .75rem;
  color: #efae41;
  border: 1px solid #efae41;
  background: #fff;


}
._zg-btn-avatar{
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: .75rem;
}
._zg-btn-wrp>button:nth-child(2) {
  width: 100%;
  background: #efae41;
  color: #fff;
  line-height: 1.1;
  border: 1px solid #efae41;
}

._zg-btn-wrp>button:nth-child(2) span {
  font-size: .6rem;
}

._group-cw-hd {
  padding: .5rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end
}

._group-cw-title {
  font-size: 1.1rem;
  font-family: "微软雅黑";
  color: #000;
}

.dialog-group-vertical-btn button {
  margin-top: .5rem;
  width: 60%;
  /*border: none;
  background: #EFAE41;
  color: #fff;*/
  background: white;
  color: black;
  border: 0.05rem solid #b8b8b8;
  padding: .5rem 0;
  font-size: .7rem;
  border-radius: 1.5rem;
}

.dialog-group-vertical-btn button.active {
    background: #EFAE41;
}
.dialog-group-vertical-btn button:nth-child(1) {
  margin-top: 0;
}

.dialog-yk-title>div {
  flex: 1;
  text-align: center;
}

.dialog-yk-pred {
  display: flex;
  flex-wrap: wrap;
}

.dialog-yk-pred>span {
  width: 48%;
  text-align: center;
  padding: .5rem 0;
  border-radius: 1.5rem;
  margin-top: .5rem;

}

.dialog-yk-pred>span:nth-child(2n+1) {
  color: #33927E;
  border: 1px solid #33927E;
  margin-right: 4%;
}

.dialog-yk-pred>span:nth-child(2n+2) {
  color: #F5414D;
  border: 1px solid #F5414D;
}

.messages-wrp .item-media {
  position: relative;
}

.messages-wrp .item-media span {
  position: absolute;
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background: #cc3131;
  border: 2px solid #fff;
  top: .55rem;
  right: 0;
}

._msg-nwp .msg_module_list>li {
  border-bottom: none !important;
  margin: .5rem;
  background: #fff;
  border-radius: .25rem;
}

._msg-kkg .link_sharing_item {
  background: #fff;
  margin-top: 0;
  padding: 0;
}

._group-cw-bd {
  display: flex;
  flex-wrap: wrap;
}

._group-cw-bd>._group-cw-item:nth-child(4n+2),
._group-cw-bd>._group-cw-item:nth-child(2n+2),
._group-cw-bd>._group-cw-item:nth-child(3n+2) {
  background: url(../images/dt-bg-01.png) no-repeat;
  background-size: cover;
}

._group-cw-bd>._group-cw-item:nth-child(4n+3) {
  background: url(../images/dt-bg-02.png) no-repeat;
  background-size: cover;
}

._group-cw-bd>._group-cw-item:nth-child(4n+4) {
  background: url(../images/dt-bg-03.png) no-repeat;
  background-size: cover;
}

._group-cw-item-tip {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.2rem;
}

._group-cw-item {
  position: relative;
  width: 47%;
  margin-left: 2%;
  background: #efae41;
  border-radius: .5rem;
  padding: .5rem;
  margin-bottom: 2%;
}

._group-cwi-title {
  font-size: .75rem;
}

._group-cwi-title span {
  display: inline-block;
  height: 1.25rem;
  line-height: 1.25rem;
  background: rgba(0, 0, 0, .3);
  border-radius: 1rem;
  vertical-align: middle;
  padding-right: 0.5rem;
  color: #fff;
}

._group-cwi-icon-01,
._group-cwi-icon-02,
._group-cwi-icon-03 {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;


  vertical-align: -26%;
  margin-right: 0.2rem;
}

._group-cwi-icon-01 {
  background: url(../images/_tw-icon-06.png) no-repeat;
  background-size: contain;
}

._group-cwi-icon-02 {
  background: url(../images/_tw-icon-07.png) no-repeat;
  background-size: contain;
}

._group-cwi-icon-03 {
  background: url(../images/_tw-icon-08.png) no-repeat;
  background-size: contain;
}

._group-cwi-bd {
  margin: .5rem 0;
}

._group-cwi-text {
  font-size: .75rem;
  color: #fff;
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

._group-cwi-fd img {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  margin-right: -.25rem;
}

._group-cwi-fd span {
  color: #fff;
  font-size: .6rem;
  margin-left: .5rem;
}

._group-chat-wrp-vertical {
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  margin: .5rem .5rem .75rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

._group-chat-wrp-vertical ._group-cw-hd {
  background: #FFEADB;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}

._group-chat-wrp-vertical ._group-cw-title {
  color: #fe6f33;
  font-size: .8rem
}

._group-chat-wrp-vertical ._group-cw-bd {
  display: block;
  padding-top: .5rem;
  flex-wrap: nowrap;
  width: 100%;
  overflow-y: auto;
  white-space: nowrap;
  padding-right: .5rem;

}

._group-chat-wrp-vertical.sss ._group-cw-bd {
  display: flex;
  flex-wrap: wrap;
  padding-right: 0;
}

._group-chat-wrp-vertical ._group-cw-bd ._group-cw-item {
  display: inline-block;
}

._ask-pw-tb {
  padding: .5rem;
  background: #FFFBF4;
  border: 1px solid #EFAE41;
  border-radius: .25rem;
}

._ask-pw-hd {
  color: #000;
}

._ask-pw-bd {
  color: #8e8e8e;
  font-size: .6rem;
}

._ask-pw-tag span {
  display: inline-block;
  color: #EFAE41;
  border: 1px solid #EFAE41;
  font-size: .6rem;
  padding: .25rem .75rem .15rem;
  border-radius: 1rem;
}

._ask-pw-tag span.active {
  border-color: #EFAE41;
  background: #EFAE41;
  color: #fff;
}

._zb-wrp {
  background: url(../images/_zb-02.png) calc(100% - .75rem) .5rem no-repeat;
  background-size: 8rem;
}

._zb-wrp-hd {
  padding: .75rem .75rem 0;
}

._zb-wrp-bd {
  margin: .5rem .75rem .75rem;

  border-radius: .25rem;
  background-color: #fff;
  overflow: hidden;
}

._zb-tabbar {
  display: flex;
  border: none;
}

._zb-tabbar>a {
  flex: 1;
  text-align: center;
  padding: .5rem 0;
  color: #d38b13;
}

._zb-tabbar>a.active {
  background: #fff8ec;
}

._zb-tab-tip {
  display: flex;
  justify-content: space-between;
  margin: .5rem;
  padding: .25rem .5rem .15rem;
  background: #fafafa;
}

._zb-tab-info {
  padding: .5rem;
}

._zb-tab-shd {
  padding: 0 .5rem;
}

._zb-sbd-item,
._zb-sbd-nitem {
  margin: .5rem;
  padding: 0.5rem;
  background: #fcf8f2;
  border-radius: .25rem;
}

._zb-sbd-item-bd {
  margin-top: .35rem;

}

._zb-sbd-item-bd button {
  height: 1.6rem;
  margin-left: .75rem;
  width: 4rem;
  flex-shrink: 0
}

._zb-sbd-item-bd>div:nth-child(1) {
  padding-right: .5rem;
  border-right: 1px solid #ccc;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
  color: #565656;
}

._zb-info-chart {
  display: flex;
  /* height: 6.5rem;
  background: url("../images/_zb-03.png") center bottom no-repeat; */
  background-size: contain;
  text-align: center;
}

._zb-info-chart>div {

  flex: 1;
  padding: .5rem;
  margin-left: .5rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  border-radius: .25rem;
}

._zb-info-chart>div:nth-child(1) {
  margin-left: 0;
}

._zb-chart-num {
  font-size: 1.1rem;
  font-weight: bold;
  color: #cc3131;
  line-height: 1;
}

._zb-chart-stock {
  font-family: "微软雅黑";
  font-size: .7rem;
  color: #000;
}

._zb-chart-tag {
  display: inline-block;
  font-size: .6rem;
  color: #fff;
  background: #bbb;
  border-radius: 1rem;
  padding: 0 .35rem;
}

.icon-zb-01 {
  width: .85rem;
  height: .85rem;
  margin-right: .05rem;
  background: url("../images/_tw-icon-15.png") no-repeat;
  background-size: contain;
  vertical-align: -10% !important;
}

.icon-zb-02 {
  width: .85rem;
  height: .85rem;
  margin-right: .05rem;
  background: url("../images/_tw-icon-16.png") no-repeat;
  background-size: contain;
  vertical-align: -10% !important;
}

._zb-tab-sm {
  padding: .5rem;
}

._zb-tab-sy {
  margin: 1rem 0;
  font-size: 1.25rem;
  color: #cc3131;
  font-family: "微软雅黑";
  font-weight: bold;
  text-align: center;
}

._zb-notext-show {
  padding: 8rem 0;
  text-align: center;
}

._zb-img-wrp {
  position: relative;
}

._zb-img-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

._zb-img-title {
  padding: .5rem 0 .25rem .5rem;
  font-size: .75rem;
  color: #fff;
}

._zb-img-btn {
  margin-left: .5rem;
  display: inline-block;
  background: #f7936f;
  border: 2px solid #fff;
  padding: .25rem .5rem;
  border-radius: .5rem;
  color: #fdf9e5;
  font-size: .75rem;
  line-height: 1;
}

.dialog-qs-list ul {
  margin-left: .5rem;
}

.dialog-qs-link a {
  display: block;
  color: #1e80ff;
}

.dialog-qs-link a.active {
  color: #ccc;
}

._zb-swiper-wrp {
  height: .75rem;
}

._zb-swiper-wrp .swiper-slide {
  text-overflow: ellipsis;
  overflow: hidden;
  height: 0.75rem;
  line-height: 1.5;

}

#maskContent {

  position: fixed;
  z-index: 10000;
  display: inline-block;
  background-color: #fff;
  text-align: center;
  font-size: .7rem;
}

#maskContent img {
  width: 50px;
  height: 50px;
}

.maskContent-text {
  position: absolute;
  z-index: 10000;
  background: #fff;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 14px;
}

.maskContent-text::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: -8px;
  right: 20px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;

}

.tip-bt-wrp {
  position: relative;
}

.tip-black-text {
  position: absolute;

  bottom: 0;
  left: 0;
  transform: translate(0%, 110%);
  background: rgba(0, 0, 0, .5);
  color: #fff;
  font-size: .6rem !important;
  z-index: 1000;

  border-radius: .2rem;
  line-height: 1.3;
  padding: 4px;
}

.tip-black-text::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: -8px;
  left: 50%;
  margin-left: -4px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgba(0, 0, 0, .5);

}

.maskContent-text .maskCloseBtn {
  color: #1e80ff;
  margin-left: 15px;
  padding: 5px;
  text-decoration: underline;
}

.single-fixed-btn {
  position: fixed;
  right: .75rem;
  bottom: 5rem;
  background: #FFCA56;
  z-index: 999;
  padding: .25rem .75rem .15rem;
  border-radius: 1rem;
  box-shadow: 0 0 5px #ccc;
  font-size: .7rem;

}

.stock-list-item {
  padding: .75rem;
  border-bottom: 1px solid #efefef;
}

.link-item-a {
  display: block;
  background: url("../images/icon_turn_right.png") right center no-repeat;
  background-size: .35rem;
}

.sli-hd {
  display: flex;
  align-items: center;
}

.sli-tag {
  display: inline-block;
  border: 1px solid #EFAE41;
  color: #EFAE41;
  border-radius: .2rem;
  padding: .2rem .25rem .15rem;
  font-size: .55rem;
  line-height: 1;
}
.sli-guanzhu-tag{
  color: #ECA632;
  background: #FFF5E3;
  border-radius: .15rem;
  font-size: .6rem;
  padding: .15rem .25rem;
  vertical-align: 10%;
}
.sli-stock-name {
  margin: 0 .25rem;
 
}

.sli-mid-cont {
  position: relative;
  display: -webkit-box;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  line-height: 1.5;
  font-size: .75rem;
  margin-top: .2rem;
}

.sli-cont-btn {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
  padding: 0;
  margin-left: 4px;
  color: #175199;
  border: none;
  border-radius: 0;
  z-index: 0;
  height: 1.2rem;
  line-height: 1;
  font-size: inherit;
}

.sli-cont-btn::before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  left: -5em;
  right: 0;
  background: #fff;
  z-index: -1;
  -webkit-transition: max-height .32s cubic-bezier(.95, .05, .795, .035), -webkit-mask-size .22s cubic-bezier(.95, .05, .795, .035);
  transition: max-height .32s cubic-bezier(.95, .05, .795, .035), -webkit-mask-size .22s cubic-bezier(.95, .05, .795, .035);
  transition: mask-size .22s cubic-bezier(.95, .05, .795, .035), max-height .32s cubic-bezier(.95, .05, .795, .035);
  transition: mask-size .22s cubic-bezier(.95, .05, .795, .035), max-height .32s cubic-bezier(.95, .05, .795, .035), -webkit-mask-size .22s cubic-bezier(.95, .05, .795, .035);
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, from(#121212), to(transparent));
  -webkit-mask-image: linear-gradient(270deg, #121212 calc(100% - 5em), transparent 100%);
  mask-image: -webkit-gradient(linear, right top, left top, from(#121212), to(transparent));
  mask-image: linear-gradient(270deg, #121212 calc(100% - 5em), transparent 100%);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.sli-jd-cont {
  position: relative;

  margin-top: .25rem;
  padding: .5rem .5rem .5rem .5rem;
  background: #FEF7EB;
  font-size: .6rem;
  border-radius: .25rem;

}

.sli-jd-text{
  position: relative;
  line-height: 1.5;
  max-height: 3.6rem;
  overflow: hidden;
}
.sli-jd-cont>div  p{
  line-height: 1.5 !important;
  margin-top: 0 !important;
}
.sli-jd-cont>div.open{
  max-height: 100rem !important;
}
.sli-jd-cont .sli-cont-btn {
  background: #FEF7EB;
  bottom: .35rem;
}
.nyd-more-wrp .sli-cont-btn{
  bottom: 0 !important;
}
.sli-jd-cont .sli-cont-btn::before {
  background: #FEF7EB;
}

.sli-jd-cont i {
  position: relative;
 
  
  padding-left: 0.85rem;
  font-style: normal;
  color: #CC3131
}

.sli-jd-cont i::before {
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  width: .7rem;
  height: .7rem;
  background: url("../images/icon_index_fzy.png") center center no-repeat;
  background-size: contain;
}

.sli-cont-btn.active {
  color: #8590a6;
}

.sli-cont-btn.active svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #8590a6;
}

.zg-sdw-title {
  padding: 0 .75rem;
  border-bottom: 1px solid #efefef;
}

.zg-sdw-ta {
  position: relative;
  width: 100%;
  min-height: 2.25rem;
  max-height: 6rem;
  overflow-y: scroll;
  padding: .5rem 0;
  box-sizing: border-box;
  transition: all 0.2s linear;
  outline: none;

  word-wrap: break-word;
  /*遇到空格整个单词显示不完就自动换行到下一行*/
  word-break: break-all;
  /*如果一行没有空格就到头截断单词换行*/
}

.zg-sdw-ta-tip {
  position: absolute;
  top: .5rem;
  left: 0;
  color: #ccc;
  font-size: .9rem;
}

.zg-sdw-bd-title {
  padding-top: .75rem;
  padding-left: .75rem;
}

.zg-sdw-input {
  width: 100%;
  padding: .75rem;
  border: none;
  border-bottom: 1px solid #efefef;

}

.zg-sdw-bd-input {
  position: relative;
}

.zg-sdw-input-right {
  position: absolute;
  right: .75rem;
  top: .75rem;
}

.zg-sdw-input-right span {
  background: #F5414D;
  font-size: .55rem;
  color: #fff;
  line-height: 1;
  padding: .1rem .2rem .1rem;
  border-radius: .1rem;
  vertical-align: 20%;
}

.item-single-link {
  background-image: url("../images/war-shares-image/icon-youjiantou.png");
  background-repeat: no-repeat;
  background-position: calc(100% - .25rem) center;
}

.zg-sdw-target {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .75rem 1.5rem .6rem .75rem;
}

.zg-sdw-target .lpo-drop-list{
  display: none;
  opacity: 0;
  transition: .3s;
}
.zg-sdw-target .lpo-drop-list.active{
  display: block;
  transform: translateY(20%);
  opacity: 1;
}
.zg-sdw-target span {
  color: #F5414D;
  font-size: 1rem;
}
.zg-sdw-target input{
  border: none;
  color: #F5414D;
  caret-color:#666
}
.zg-sdw-target > a{
  color: #1e80ff;
  font-size: .75rem;
}
.zg-fd-txtar {
  border-bottom: 1px solid #efefef;
}

.zg-fd-txtar textarea {
  width: 100%;
  border: none;

  min-height: 6rem;
  padding: .0 .5rem .5rem;
}

.zgs-hd {
  display: flex;
  margin: .5rem .75rem;
  padding: .75rem;
  background: #FFB538;
  border-radius: .2rem;
}
.nzg-sy-detail{
  background: url(../images/_jt-10.png) left -20px no-repeat;
  background-size: contain;
}
.nzg-sy-detail .zgs-hd{ background: none;margin: 0;}
.zgs-hd>div:nth-child(2) {
  margin-left: 1rem;
  padding-left: 1.5rem;
  border-left: 1px solid #D59529;
}
.nzg-sy-detail .zgs-hd>div:nth-child(2) {
  margin-left: 0;
  padding-left: 0;

}
.nzg-sy-detail .zgs-hd>div{
  flex: 1;
  text-align: center
}
.zgs-title {
  color: #565656;
  font-size: .7rem;
}

.zgs-info {
  font-size: 1.4rem;
  font-weight: 600;
  color: #2e2e2e;
  line-height: 1.1;
}

.zgs-txt-item {
  padding: .75rem;
}

.zgs-ti-title {
  font-size: 1rem;
  color: #2e2e2e;
  font-weight: 600;
}

.zgs-ti-cont {
  margin-top: .25rem;
  font-size: .7rem;
  color: #565656;
}

.zgs-naf {
  display: flex;
  flex-wrap: wrap;
  padding: .75rem;

}

.zgs-naf>span {
  width: 49%;
  font-size: .7rem;
  color: #565656;
  border: 1px solid #565656;
  border-radius: .2rem;
  text-align: center;
  padding: .25rem 0;
  margin-bottom: 2%;
}

.zgs-naf>span.active {
  background: #EFAE41;
  border-color: #EFAE41;
}

.zgs-naf>span:nth-child(2n+1) {
  margin-right: 2%;
}

.fixed-bottom {
  position: fixed;
  bottom: .75rem;
  left: .75rem;
  right: .75rem;
}

.zg-tags-wrp {
  white-space: nowrap;
  overflow-y: scroll;
  padding-left: .75rem;
  padding-bottom: .75rem;
}

.zg-tags-wrp span {
  display: inline-block;
  margin-right: .5rem;
  border: 1px solid #8e8e8e;
  color: #8e8e8e;
  border-radius: 1rem;
  font-size: .6rem;
  padding: .2rem .5rem .1rem;
}

.zg-tags-wrp span.active {
  background: #FFF4E6;
  border-color: #FFF4E6;
  color: #EFAE41;
}

.zg-tags-wrp span i {
  font-style: normal;
  padding: 0 .25rem;
}

._zg-item-wrp {
  display: flex;
  position: relative;
  padding-bottom: .25rem;
  align-items: center;
}

._zg-item-left {
  margin-right: .5rem;
  width: 3.2rem;
  flex-shrink: 0;
}

._zg-item-left>div:nth-child(1) {
  font-size: 1rem;
  font-weight: 600;
  color: #F5414D;
}

._zg-item-left>div:nth-child(2) {
  font-size: .5rem;
  color: #999;
}

._zg-item-title {
  font-size: .8rem;
  font-weight: 500;
}
._zg-item-tag{
  margin-top: .25rem;
}
._zg-item-tag-link{
  display: flex;
white-space: nowrap;
overflow-x: auto;
padding: .5rem 0;
}
._zg-item-tag-link a{
  background: #efefef;
border-radius: 1rem;
margin-right: .5rem;
padding: 0 .5rem;
}
._zg-item-tag span {
  display: inline-block;
  border: 1px solid #628ffb;
  color: #628ffb;
  font-size: .6rem;
  line-height: 1.2;
  padding: .1rem .2rem .05rem;
  border-radius: .1rem;
  margin-right: .25rem;
}
.qy-weixin{
  position: absolute;
  z-index: 10002;
  top: 5%;
  left: 5%;
  right: 5%;
}
.qy-weixin img{
  max-width: 100%;
}
.qy-weixin-tip{
  position: absolute;
  top: 1.75rem;
  left: 1.25rem;
  right: 1.25rem;
  font-size: .75rem;
  z-index: 10003;
}
.qy-weixin {
    position: absolute;
    z-index: 10002;
    top: 5%;
    left: 5%;
    right: 5%;
}

    .qy-weixin img {
        max-width: 100%;
    }

.qy-weixin-tip {
    position: absolute;
    top: 1.75rem;
    left: 1.25rem;
    right: 1.25rem;
    font-size: .75rem;
    z-index: 10003;
}

._zg-item-tr {
  position: absolute;
  top: 0;
  right: 0;
  color: #999;
  font-size: .6rem;
}

._td-editable {
  height: 100%;
  border: none;
  height: 1.6rem;
  box-shadow: 0 0 5px #ccc;
  text-align: center;
}

.zg-echart-time {
  margin-top: -.5rem;
  display: flex;
  justify-content: space-between;
  color: #8e8e8e;
  font-size: .7rem;
  padding: 0 .5rem 0 1rem;
}
.laohaoliao_popop_conten_item_option{
  position: relative;
}
.laohaoliao_popop_conten_item_option .laohaoliao_popop_conten_item_val{
  width: 100%;
}
.laohaoliao_popop_conten_item_option .dating_page_banner_box_searcharea input {
  border: none;
  background: none;
  width: 100%;
  padding-left: 0;
}
.lpo-drop-list{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(100%);
  z-index: 10000;
  background: #fff;
  box-shadow: 0 0 8px rgb(0 0 0 / 40%);
  border-radius: 0.25rem;
  transition: .3s;
}
.laohaoliao_popop_conten_item_option.active .lpo-drop-list{
  transform: translateY(-100%);
}
.lpo-drop-list li{
  padding: .5rem 0;
  text-align: center;
  border-bottom: 1px solid #efefef;
}
.lpr-list-last{
  display: flex;
  align-items: center;
  justify-content: center;

}
.lpr-list-last input{
  height: 1.6rem;
  line-height: 1.6rem;
  border: 1px solid #efefef;
  text-align: center;
  padding-left: 3rem;
}
.lpr-list-last button{
  height: 1.6rem;
  border: none;
  background: #EFAE41;
  color: #333;
  font-size: .75rem;
  width: 3rem;
}
.fab-wrp{
  position: absolute;
  right: .75rem;
  bottom: 3rem;
  z-index: 15000;
}
.fab-wrp  a{
  position: relative;
  display: flex;
  width: 2.8rem;
  height: 2.8rem;
  background: url(../images/gc-send-btn.png) no-repeat;
  background-size: contain;
  transition-duration: .3s;
  z-index: 1; 

}
.fab-wrp.fab-wrp-opened > a{
  background: url(../images/zg-close-btn.png) no-repeat;
  background-size: contain;
}
.fab-wrp-buttons {
  display: flex;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  width: 3rem;
  left: 50%;
  margin-left: -1.5rem;
  bottom: 100%;
  margin-bottom: .5rem;
  flex-direction: column-reverse;
 
}
.fab-wrp-buttons > a:nth-child(1){
  background: url(../images/zg-wz-icon.png) no-repeat;
  background-size: contain;
}
.fab-wrp-buttons > a:nth-child(2){
  background: url(../images/zg-dt-icon.png) no-repeat;
  background-size: contain;
}
.fab-wrp-buttons > a{
  width: 3rem;
  height: 3rem;
  transform: translate3d(0,8px,0) scale(.3);
  transition-duration: .3s;
  transform-origin: center bottom;
  opacity: 0;
}
.fab-wrp-label{
  position: absolute;
  top: 50%;
  white-space: nowrap;
  transform: translateY(-50%);
  pointer-events: none;
  right: 100%;
  margin-right: 0;
  font-size: .6rem;
  color: #8e8e8e;
  text-align: right;
  background: #fff;
  padding: .2rem .4rem;
  border-radius: .2rem;
  /* box-shadow: 0 0 4px rgba(0, 0, 0, .4); */
}
.fab-wrp-label b{
  font-size: .7rem;
  color: #2e2e2e;
  font-weight: 500;
}
.fab-wrp-opened .fab-wrp-buttons {
  visibility: visible;
  pointer-events: auto;
}
.fab-wrp-opened .fab-wrp-buttons a {
  opacity: 1;
  transform: translate3d(0,0px,0) scale(1)!important;
}
.dialog-fixed-bottom{
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: .5rem;
  background: #fff;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  z-index: 11000;
}
.dia-fb-hd{
  display: flex;
  justify-content: space-between;
  padding: .5rem .75rem;
  align-items: center;
}
.dia-fb-cancel-btn{
  color: #999;
  font-size: .7rem;
}
.dia-fb-sure-btn{
  background: #EFAE41;
  font-size: .7rem;
  border-radius: .2rem;
  padding: .1rem .35rem;

}
.dia-fb-edit-wrp{
  padding: 0 .75rem;

}
.dia-fb-edit-wrp textarea{
  background: #F8F8F8;
  padding: .5rem;
  font-size: .75rem;
  border-radius: .2rem;
  width: 100%;
  height: 4rem;
  border:none
}
.cg-messages-wrp{
  display: flex;
  margin: .75rem 0;
  padding: .35rem .75rem .25rem;
  border-radius: 1rem;
  background: #efefef;
  font-size: .7rem;
  height: 1.6rem;
}
.newMessage-icon{
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/newsmessage-icon.png) no-repeat;
  background-size: contain;
  flex-shrink: 0;
  margin-right: .25rem;
  margin-top: .05rem;
}
.cg-messages{
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

}
.icon_bang_ask{
  position: relative;
}
.icon_bang_ask div{
  position: absolute;
  padding: .25rem;
  width: 11rem;
  top: -2.8rem;
  left: -2rem;
  background: rgba(0, 0, 0, .8);
  color: #EFAE41;
  font-size: .6rem;
  border-radius: .2rem;
}
.icon_bang_ask div::after{
  position: absolute;
  content: "";
  bottom: -0.6rem;
  width: 0;
  height: 0;
  left: 2rem;
  border: .3rem solid transparent;
  border-top-color: transparent;
  border-top-style: solid;
  border-top-width: 0.3rem;
  border-top: .3rem solid rgba(0, 0, 0, .8);
}
.white-mask{
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 15000;
}
.zhiding_txt{
  display: inline-block;
background: #F5414D;
color: #fff;
border-radius: .2rem;
font-size: .6rem;
line-height: 1;
padding: .15rem .15rem .1rem .15rem;
}
.zg-gif-wrp{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  height:100%;
  overflow: hidden; 
  z-index: 100000;
}
.zg-gif-wrp img{
  vertical-align: top;
}
.zg-gif-top{
  position: relative;
  flex-shrink: 0;
}
.zg-gif{
  flex: auto;
}
.zg-gif-text{
  position: absolute;
  width: 100%;
  left: 0;
  top: 5%;
}
.czz-wrp{
  /* background: linear-gradient(204.01deg, rgba(130, 157, 255, 0.19) 1%, rgba(142, 175, 255, 0) 22.92%); */
}
.czz-header{
  margin: 2rem .75rem .75rem;
  padding-top: 1.4rem;
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.czz-hd-avatar{
  position: absolute;
  top: -1.5rem;
  left: .6rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 2px solid #fff;
}
.czz-hd-user{
  display: flex;
  justify-content: space-between;
  padding: .6rem;
}
.czz-user-name{
  font-weight: 600;
}
.czz-user-meta{
  font-size: .6rem;
}
.czz-user-meta > a{
  margin-left: .5rem;
  padding-left: .5rem;
  border-left: 1px solid #efefef;
  color: #1387FF;
}
.czz-hd-news{
  display: flex;
  align-items: center;
  padding: .5rem .6rem;
  border-top: 1px solid #efefef;
  font-size: .6rem;
}
.czz-hd-news > span{
  flex-shrink: 0;
  height: .6rem;
  color: #EFAE41;
  padding-right: .5rem;
  margin-right: .5rem;
  border-right: 1px solid #efefef;
  line-height: 1;
}
.czz-swiper{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: .9rem;
}
.czz-nav,.czz-date{
  margin: .75rem;
  background: #FFFFFF;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.czz-nav-list{
  display: flex;
  flex-wrap: wrap;
  padding-bottom: .75rem;
}
.czz-nav-list > a{
  width: 20%;
  margin-top: .75rem;
  text-align: center;
  font-size: .6rem;
}
.czz-nav-list > a > img{
  width: 1.6rem;
  margin-bottom: .2rem;
  vertical-align: top;
}
.czz-date{
  padding: .6rem;
}
.czz-date-title{
  font-size: .9rem;
  font-weight: 500;
}
.czz-date-bd{
  display: flex;
  justify-content: space-between;
  
}
.czz-date-item{
  text-align: center;
}
.czz-date-item > span{
  font-size: .6rem;
  color: #8E8E8E;
}
.czz-date-item > span > span{
  color: #EFAE41;
}
.czz-date-item > div{
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2;
}
.czz-banner{
  margin: .75rem;
  height: 6rem;
  overflow: hidden;
}
.czz-banner img{ max-width: 100%;}
.czz-school-hd{
  font-size: .9rem;
  font-weight: 600;
  padding-left: .75rem;
  padding-bottom: .5rem;
}
.czz-school-bd{
  display: flex;
  flex-wrap: wrap;
  padding-right: .75rem;
  padding-left: .75rem;
}
.czz-school-item{
  width: 48%;
  
  margin-bottom: .75rem;
}
.czz-school-bd > .czz-school-item:nth-child(even){margin-left: 4%;}
.czz-school-media{
  height: 5rem;
  overflow: hidden;
}
.czz-school-media img{
  max-width: 100%;
  vertical-align: top;
}
.czz-school-text{
  margin-top: .25rem;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 2;
  /** 显示的行数 **/
  overflow: hidden;
  line-height: 1.2;
  font-size: .7rem;
}
.sr-search-wrp{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: .75rem;
  border-bottom: 1px dashed #efefef;
}
.sr-swi{
  position: relative;
  width: 100%;
}
.sr-swi input{
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  padding:0 .5rem;
  border-radius: .25rem;
  border: none;
}
.sr-swi input::placeholder{ 
  font-size: .7rem;
  color: #ccc;
}
.sr-search-wrp > button{
  height: 2rem;
  width: 3.5rem;
  text-align: center;
  background-image: linear-gradient(to bottom,#ffe4b8,#ffb348);
  border: none;
  border-radius: .25rem;
  margin-left: .25rem;
  flex-shrink: 0;
  color: #c32526;
  font-weight: 600;
}
.sr-search-wrp > a{
  margin-left: .25rem;
  width: 3rem;
  color: #fff;
  font-size: .75rem;
  flex-shrink: 0;
}
.czz-read-wrp{
  
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 80%;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  background: #fff;
  z-index: 10000;
  overflow-y: auto;
  transform: translateY(100%);
  transition: all .3s;
}
.czz-read-show{
  transform: translateY(0);
}
.czz-read-hd{
  position: relative;
  padding: .75rem;
  border-bottom: 1px solid #efefef;
}
.czz-read-close{
  position: absolute;
  right: .5rem;
  top: .5rem;
  width: 2rem;
  height: 2rem;
  background: url(../images/icon-close-gray.png) center no-repeat;
  background-size: 50%;
}
.czz-read-title{
  font-size: .9rem;
  font-weight: 500;
}
.czz-read-meta{
  font-size: .7rem;
  color: #8e8e8e;
}
.nav-buttons {
    padding: 0.5rem 0;
    background: rgba(242, 242, 242, 1);
    box-shadow: 0px 1px 0px 0px rgba(234, 234, 234, 1);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
}

.nav-buttons > a {
    flex: 1;
    text-align: center;
    font-size: .55rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(168, 169, 169, 1);
}

.nav-buttons .button-ac > div:nth-child(1) {
    width: 1rem;
    height: 1rem;
    margin: 0 auto;
    background: url(../images/icon_jiaoliu.png) no-repeat center/.85rem;
}

.nav-buttons .button-ac.active > div {
    color: #EFAE41
}

.nav-buttons .button-ac.active > div:nth-child(1) {
    width: 1rem;
    height: 1rem;
    background: url(../images/icon_jiaoliu_1.png) no-repeat center/.85rem;
}

.nav-buttons .button-mine > div:nth-child(1) {
    width: 1rem;
    height: 1rem;
    margin: 0 auto;
    background: url(../images/icon_wode.png) no-repeat center/.8rem .875rem;
}

.nav-buttons .button-mine.active > div {
    color: #EFAE41
}

.nav-buttons .button-mine.active > div:nth-child(1) {
    width: 1rem;
    height: 1rem;
    background: url(../images/icon_wode_1.png) no-repeat center/.8rem .875rem;
}

.nav-buttons .button-kj > div:nth-child(1) {
    width: 1rem;
    height: 1rem;
    margin: 0 auto;
    background: url(../images/icon_kj.png) no-repeat center/.8rem .875rem;
}

.nav-buttons .button-kj.active > div {
    color: #EFAE41
}

.nav-buttons .button-kj.active > div:nth-child(1) {
    width: 1rem;
    height: 1rem;
    background: url(../images/icon_kj_1.png) no-repeat center/.8rem .875rem;
}

.nav-buttons .button-zg > div:nth-child(1) {
    width: 1rem;
    height: 1rem;
    margin: 0 auto;
    background: url(../images/icon_zg.png) no-repeat center/.8rem .875rem;
}

.nav-buttons .button-zg.active > div {
    color: #EFAE41
}

.nav-buttons .button-zg.active > div:nth-child(1) {
    width: 1rem;
    height: 1rem;
    background: url(../images/icon_zg_1.png) no-repeat center/.8rem .875rem;
}

.mine-oper-head-box {
    padding: 0.6rem 0.6rem 0 0.6rem;
}

.mine-oper-head {
    padding: 0.6rem 0.725rem 0.6rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: url(../images/bg_mingpian.png) no-repeat center/cover;
    border-radius: .6rem;
}
.sli-hd{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sli-hd-title{
  
}
.yellow-tag-wrp{
  display: inline-block;
  border: 1px solid #EFAE41;
  color: #EFAE41;
  border-radius: .15rem;
  padding:0 .15rem ;
  font-size: .5rem;
}
.red-tag-wrp{
  display: inline-block;
  background: #F5414D;
  color: #fff;
  border-radius: .15rem;
  padding:0 .15rem ;
  font-size: .5rem;
}
.green-tag-wrp{
  font-size: .5rem;
  display: inline-block;
  background: #33927E;
  color: #fff;
  border-radius: .15rem;
  padding: 0 .25rem;
  transform: perspective(1000);
}
.green-tag-wrp .icon-n-03{
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
}
.blue-tag-wrp{
  display: inline-block;
  background: #F9F8FE;
  color: #628FFB;
  border-radius: .15rem;
  padding: .1rem .25rem;
  font-size: .6rem;
  line-height: 1;
}
.icon-n-mid{
  width: .8rem;
  height: .8rem;
  margin-left: .25rem;
}
.ml0{margin-left: 0　!important;}
.sli-mid-time{
  font-size: .6rem;
}
.sli-rw{
  position: relative;
}
.sli-rw > ul{
  position: absolute;
  top: 1rem;
  right: 0;
  width: 6rem;
  background: #fff;
  box-shadow: 0 0 8px #ccc;
  z-index: 1000;
  text-align: center;
  font-size: .7rem;
  border-radius: .25rem;
}

.sli-rw > ul li{
  padding: .5rem;
  border-bottom: 1px solid #efefef;
}
._zg-li-title .icon{
  width: 1.2rem;
  height: 1.2rem;
  margin-right: .25rem;
}
.icon-n-01{
  background: url(../images/icon-n-01.png) no-repeat;
}
.icon-n-02{
  background: url(../images/icon-n-02.png) no-repeat;
}
.icon-n-03{
  width: .7rem;
  background: url(../images/icon-n-03.png) no-repeat;
}
.icon-n-04{
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/icon-n-04.png) no-repeat;
}
.icon-n-05{
  background: url(../images/icon-n-05.png) no-repeat;
}
.icon-n-06{
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/icon-n-06.png) no-repeat;
}
._zg-tcs-ri .icon-n-06{
  position: absolute;
  top: 0.1rem;
  left: .3rem;
  width: .8rem;
  height: .8rem;
  background-size: contain;
}
.icon-n-07{
  background: url(../images/icon-n-07.png) no-repeat;
}
.icon-n-08{
  margin-left: .25rem;
  background: url(../images/wenhao_brown.png) center no-repeat;
  background-size: 80% !important;
}
.red-default-tag{
  display: inline-block;
  font-size: .55rem;
  color: #F5414D;
  border: 1px solid #F5414D;
  border-radius: .15rem;
  padding: .1rem .25rem .05rem;
}
.green-default-tag{
  display: inline-block;
  font-size: .55rem;
  color: #33927E;
  border: 1px solid #33927E;
  border-radius: .15rem;
  padding: .1rem .25rem .05rem;
}

.nzg-hhd{
  position: relative;
  /* display: flex; */
  
}
.zgn-hb-txt{

  background: url(../images/yd-bq-03.png) no-repeat;
  background-size: contain;
  width: 8.6rem;
  padding: 2.5rem 1.5rem 2.2rem 1.5rem;
  line-height: 1.2;
  flex-shrink: 0;
  text-align: center;
  font-size: .7rem;
}
.zgn-hb-txt img{
  width: 2.5rem;
  margin-left: -.75rem;
}
.nzg-hbd{ margin-right: .75rem;text-align: right;}

.nzg-hhdl{
  position: relative;
}
.nzg-hhtip{
  position: absolute;
  background: #fff;
  height: 2rem;
  padding: 0 .5rem;
  line-height: 2rem;
  border-radius: .2rem;
  top: -2rem;
  left: 1rem
}
.nzg-hhtip::after{
  position: absolute;
  content: "";
  bottom: -.35rem;
  left: 2rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .4rem .4rem 0 .4rem;
  border-color: #fff transparent transparent transparent;
}


.nzt-si-btn img{
  width: .8rem;
  border: 1px solid #cecece;
  margin-left: .35rem;
}
.nzg-bw-btn{
 
  right: 1.5rem;
  top: 1.2rem;
}
.nzg-bw-btn img{
  width: 3rem;
}
.nzg-btn-add{
  background: #EFAE41;
  color: #fff;
}
.nzg-btn-adding{
  border: 1px solid  #8E8E8E;
  color:  #8E8E8E;
}
._zg-tt-top{
  display: flex;
  align-items: center;

}
._zg-tip-wrp{
  position: relative;
}
._zg-tag-tip{
  padding: .5rem;
  position: absolute;
  width: 10rem;
  top: 1.5rem;
    left: 0.5rem;
  background: #fff;
  z-index: 1000;
  font-size: .6rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  
}
._zg-tag-tip::after{
  position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .4rem 0 0 .4rem;
    top: -.4rem;
    left: 0;
    
    border-color: transparent transparent transparent #ffffff;
}
._zg-tt-title{
  padding-bottom: .35rem;
  border-bottom: 1px solid #efefef;
  color: #EFAE41;
  margin-bottom: .5rem;
}
.nyd-art-hd{
  padding: .75rem .75rem .25rem .75rem;
}
.nyd-art-bd{
  padding: 0 .75rem .75rem .75rem;
}
.nyd-title-tag span{margin-right: .25rem;}
.nyd-article{
  border-bottom: 1px solid #efefef;
}
.nyd-xg-hd{
  padding: .75rem .75rem 0.25rem .75rem;
}
.nyd-xg-list{
  padding: 0  .75rem 0 .75rem;
  display: flex;
  flex-wrap: wrap;
}
.nyd-xg-item{
  width: 48%;
  display: flex;
  margin-bottom: .5rem;

}
.nyd-xg-list > .nyd-xg-item:nth-child(even){
  margin-left: 4%;
}
.nyd-item-l{
  width: 100%;
  background: #E9E9E9;
  line-height: 1.4rem;
  font-size: .75rem;
  height: 1.2rem;
  padding-left: .5rem;
}
.nyd-xg-wrp{padding-bottom: 0.5rem;}
.nyd-item-l span{ margin-left: .25rem;}
.nyd-item-add{
  width: 1.2rem;
  height: 1.2rem;
  flex-shrink: 0;
  background:#F7F7F7 url(../images/war-shares-image/icon-add.png) center no-repeat;
  background-size: 80%;
}
.nyd-item-remove{
  width: 1.2rem;
  height: 1.2rem;
  flex-shrink: 0;
  background:#F7F7F7 url(../images/zhangu/icon_ture.png) center no-repeat;
  background-size: 80%;
}
.nyd-tj-hd{
  padding: 0 .75rem;
}
.nyd-tj-title{
  font-weight: 500;
  
}
.nyd-tj-wrp{
  padding: .75rem 0;
}
.nyd-tj-item{

  position: relative;
  display: flex;
  padding: .5rem;
  margin: .5rem .75rem;
  border-radius: .25rem;
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, .2);
}
.nyd-tj-list > div{
  position: relative;
}
.nyd-item-close{
  position: absolute;
  width: 1rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  color: #ccc;
  bottom: .25rem;
  right: 1rem;
  z-index: 10000;
}
.nyd-tj-media{
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
  margin-right: .5rem;
}
.nyd-tj-media img{
  object-fit: cover;
  width: 3rem;
  height: 3rem;
  border-radius: .25rem;
}
.nyd-inner-cont{
  font-size: .7rem;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 2;
  /** 显示的行数 **/
  overflow: hidden;
  line-height: 1.4;
}
.nyd-more-wrp{
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 4;
  /** 显示的行数 **/
  overflow: hidden;
}
.nyd-more-wrp.open{
  -webkit-line-clamp: 100;
}
.nyd-more-wrp2{
  max-height: 3.6rem;
  font-size: .8rem;
  line-height: 1.5;
  overflow: hidden;
}
.nyd-more-wrp2 p{ line-height: 1.5  !important;margin-top: 0 !important;}
.nyd-more-wrp2.open{
  max-height: 100rem;
}
.table-sticky{
  overflow: auto;
  width: 100%;
  height: 100%;

}
.table-sticky table{
  table-layout: fixed;
  border-collapse:separate;
}
.table-sticky table thead tr th{
  position: sticky;
  top: 0;
  background: #fff;
  color: #999;
  font-size: .6rem;
  font-weight: normal;
  transform: perspective(1000);
  -webkit-transform: perspective(1000);
}
.table-sticky th,
.table-sticky td{
  width: 4rem;
  padding: .45rem 0;
  box-sizing: border-box;
  text-align: center;
  border-bottom: 1px solid #efefef;
}
.table-sticky tbody td{
  color: #565656;
  font-size: .6rem;
  vertical-align: middle;
}
.table-sticky tbody > tr >  td:nth-child(1){
  width: 5rem;
}
.table-sticky td:first-child,
.table-sticky th:first-child{
  position: sticky;
  left: 0;
  z-index: 1;
  background: #fff;

}
.table-sticky th:first-child{
  z-index: 2;
  width: 5.5rem;
}
.table-sticky tr.active td{
  background: #ffedcf;
  border-top:1px solid #EFAE41 ;
  border-bottom:1px solid #EFAE41 ;
}
.zdf-i-none {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    margin-left: .1rem;
    background: url(../images/icon-paixu-none.png) center no-repeat;
    background-size: contain;
}
.zdf-i{
  display: inline-block;
  width: .5rem;
  height: .5rem;
  margin-left: .1rem;
  background: url(../images/icon-paixu-up.png) center no-repeat;
  background-size: contain;
}
.zdf-i.down{
  transform: rotateX(-180deg);
  -webkit-transform: rotateX(-180deg);
}
.tc-hd-list,
.tc-lt-wrp{
  margin: .75rem;
  border-radius: .5rem;
  box-shadow: 0 0 8px rgba(0, 0, 0, .2);
}

.tc-hd-t{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .5rem .5rem .25rem;
}
.s-b-1{
  
  border-radius: .2rem;
  line-height: 1.2;
  padding: 0 .2rem;
  box-shadow: 0 0 3px rgb(0 0 0 / 10%);
}
.tc-hd-b{
  display: flex;
  justify-content: space-between;
  padding: 0 .5rem .5rem .5rem;
}
.pink-tag-wrp{
  padding:0 .5rem .5rem .5rem;
}
.pink-tag-wrp span{
  display: inline-block;
  font-size: .6rem;
  background: #FEF9F8;
  border-radius: .2rem;
  padding: 0 .2rem;
  color: #F5414D;
  margin-right: .25rem;
}
.tc-foot{
  padding: .5rem;
  font-size: .6rem;
  background: rgba(239, 174, 65, .11);
  border-bottom-left-radius: .5rem;
  border-bottom-right-radius: .5rem;
}
.tc-lt-wrp{
  margin: .75rem;
  padding-bottom: .25rem;
}
.tc-lt-t{
  padding: .5rem .5rem .25rem .5rem;
  display: flex;
  justify-content: space-between;
  
}
.tc-lt-n-wrp .tc-lt-t{
  padding: .5rem .75rem;
}
.tc-lt-title{
  font-size: .7rem;
  font-weight: 600;
}
.tc-lt-c{
  display: flex;

}
.tc-lt-c li{
  position: relative;
  flex: 1;
  text-align: center;

}
.tc-lt-c > li::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 60%;
  top: 20%;
  right: 0;
  background: #EFEFEF;
}
.tc-lt-c > li:nth-last-child(1)::after{
  display: none;
}
.txt-si{
  display: inline-block;
  width: .8rem;
  height: .8rem;
  background: #EFAE41;
  border-radius: .15rem;
  font-size: .5rem;
  line-height: .8rem;
  text-align: center;
  vertical-align: text-top;
  margin-right: .1rem;
}
.tct-z{
  font-size: 1rem;
  line-height: 1.3;
}
.tct-s{
  font-size: .7rem;
}
.tct-x{height: .9rem;}
.tct-x span{vertical-align: top;}
.tc-table{
  font-size: .7rem;
}
.look_ups_downs_npopup{
  width: 14rem;
  top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    right: auto;
}
.dialog-yd-wrp{
  border-radius: .25rem;
}
.dia-yd-cont{
  position: relative;
  padding: .5rem;
}
.dia-yd-text{
  
 
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 3;
  /** 显示的行数 **/
  overflow: hidden;

}
.dia-yd-cont-btn{
  position: absolute;
  right: .5rem;
  bottom: .35rem;
  font-size: .6rem;
  color: #1387FF;
  background: #fff;
  padding: .2rem;
}
.dia-yd-meta{
  display: flex;
  align-items: center;
  font-size: .6rem;
  padding-left: .5rem;
  padding-bottom: .75rem;
  border-bottom: 1px solid #efefef;
}
.dia-yd-meta > div:nth-child(1){
  color: #8e8e8e;
  margin-right: 1rem;
  position: relative;
}
.dia-yd-meta > div:nth-child(1)::after{
  position: absolute;
  content: "";
  width: 1px;
  height: 60%;
  top: 20%;
  right: -.5rem;
  background: #e8e8e8;
  


}
.dia-yd-footer{
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #ccc;
  font-size: .7rem;
  padding-left: .5rem;
  border-top: 1px solid #e8e8e8;
}
.dia-yd-footer > a{
  width: 4rem;
  height: 2rem;
  line-height: 2rem;
  background: #EFAE41;
  color: #fff;
  text-align: center;
  font-size: .7rem;
  flex-shrink: 0;
}
.danmu{height: 20px;line-height: 20px;display: block;font-size: 12px;}
.danmu span{

  font-size: .7rem;
  padding: .1rem .75rem;
  border-radius: 1rem;
}
.danmu:nth-child(3n+1)  span{ background: #ffe0e0}
.danmu:nth-child(3n+2)  span{ background: #e3ebff}
.danmu:nth-child(3n+3)  span{ background: #ffead4}
._jt-search-bar{
  position: fixed;
  width: 100%;
  left: 0;
  padding: .75rem 0;
  
  background: #fff;
  z-index: 1000;
}
._jt-search-ban-cont{
  display: flex;
  align-items: center;
  margin-left: .75rem;
  margin-right: .75rem;
  height: 2rem;
  padding: .35rem .5rem .25rem;
  background: #fafafa;
  border: 1px solid #ccc;
  border-radius: .2rem;
}
._jt-search-ban-cont input{
  border: none;
  background: none;
  margin-left: .25rem;
  line-height: 1.5;
}
._jt-wrp{
  padding-top: 3.5rem;
}
._jt-item-title{
  
  text-align: center;
}
._jt-item-title span{
  position: relative;
  font-size: .9rem;
  color: #2e2e2e;
}
._jt-item-title span::before{
  position: absolute;
  content: "";
  top: 0;
  left: -1.5rem;
  width: 1.1rem;
  height: 1.1rem;
  background: url(../images/_jt-01.png) no-repeat;
  background-size: contain;
}
._jt-item-title span::after{
  position: absolute;
  content: "";
  top: 0;
  right: -1.5rem;
  width: 1.1rem;
  height: 1.1rem;
  background: url(../images/_jt-01.png) no-repeat;
  background-size: contain;
}
._jt-list-item{
  padding-bottom: .75rem;
}
._jt-swiper{
  
}
._jt-swiper-item{
  position: relative;
  color: #fff;
  min-height: 7.2rem;
}
._jt-si-title{
  padding: 1rem 0 .25rem .75rem;
  font-size: 1rem;
}
._jt-si-text{
  padding: 0 .75rem 0 .75rem;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 2;
  /** 显示的行数 **/
  overflow: hidden;
  font-size: .7rem;

}
._js-hi-sj{
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 3;
  /** 显示的行数 **/
  overflow: hidden;
}
._jt-swiper-img{
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
._jt-swiper .swiper-slide{
  width: 90%;
 
}
._jt-si-tag{
  padding: .25rem .25rem 0 .75rem;
  font-size: .6rem;
/*   white-space: nowrap;
  overflow-x: auto; */

}
._jt-si-tag > span{
  display: inline-block;
  background: #e9e9e9;
  border-radius: .2rem;
  padding: .2rem .5rem;
  color: #2e2e2e;
  margin-right: .5rem;
}
._jt-swiper-pagination{
  position: static;
  text-align: left;
}
._jt-swiper-pagination .swiper-pagination-bullet{
  width: auto !important;
  height: auto !important;
  background: none !important;
  opacity: 1;
  margin-right: .5rem;
}
._jt-swiper-pagination.swiper-pagination{
  
  font-size: .7rem;
  text-align: left;
  height: 1.3rem;
  white-space: nowrap;
  overflow-x: scroll;
}
._jt-swiper-pagination .swiper-pagination-bullet i{
  display: inline-block;
  width: .75rem;
  height: .75rem;
  line-height: .8rem;
  border-radius: 50%;
  text-align: center;
  background: #ccc;
  color: #fff;
  font-style: normal;
}
._jt-swiper-pagination .swiper-pagination-bullet-active{
  color: #FF8B16;
}
._jt-swiper-pagination .swiper-pagination-bullet-active i{
  background: #FF8B16;
}
._js-h-list{
  position: relative;
  margin-left: .75rem;
  padding-top: 5px;
  
 
  white-space: nowrap;
  overflow-x: auto;
}

._js-h-item{
  display: inline-block;
  position: relative;
  width: 80%;
  white-space: normal;
  font-size: .6rem;
  border-top: 1px solid #FF8F1F;
  vertical-align: top;
}
._js-h-item ._js-hi-innner{
  position: relative;
  padding: 1.75rem;
  min-height: 12rem;
  margin-left: -.75rem;
  margin-top: .65rem;
  overflow: hidden;
}
._js-h-list > ._js-h-item:nth-child(1) > ._js-hi-innner,
._js-h-list > ._js-h-item:nth-child(3n+1) > ._js-hi-innner{
  background: url(../images/_jt-02.png) no-repeat;
  background-size: contain;
}
._js-h-list > ._js-h-item:nth-child(2) > ._js-hi-innner,
._js-h-list > ._js-h-item:nth-child(3n+2) > ._js-hi-innner{
  background: url(../images/_jt-03.png) no-repeat;
  background-size: contain;
}
._js-h-list > ._js-h-item:nth-child(3) > ._js-hi-innner,
._js-h-list > ._js-h-item:nth-child(3n+3) > ._js-hi-innner{
  background: url(../images/_jt-04.png) no-repeat;
  background-size: contain;
}
._js-hi-title{
  color: #FF8F1F;
}
._js-hi-tc{
  position: absolute;
  bottom: 2.5rem;
  left: 1.75rem;
  right: 1.75rem;
}
._js-hi-tag {
  margin-top: .15rem;
  display: flex;
  white-space: nowrap;
  overflow-x: auto;
}
._js-hi-tag > div{
  padding: .35rem .5rem .25rem;
  background: #FFE2C6;
  border-radius: .2rem;
  line-height: 1.2;
  text-align: center;
  margin-right: .5rem;
}
._js-h-list > ._js-h-item:nth-child(2) > ._js-hi-innner ._js-hi-tag > div,
._js-h-list > ._js-h-item:nth-child(3n+2) > ._js-hi-innner ._js-hi-tag > div{
  background:#D4E8F2;

}
._js-hi-tip{
  position: absolute;
  top: -5px;
  left: 0;
  width: 9px;
  height: 9px;
  border: 2px solid #FF8F1F;
  border-radius: 50%;
  background: #fff;
  z-index: 10;
}
._js-hi-time{
  position: absolute;
  color: #FF8F1F;
  top: 7px;
  left: 0;
}
.table-sticky-bottom{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  padding: .5rem;
  background: #fff;
  z-index: 10000;
  font-size: .6rem;
  align-items: center;
}
.table-sticky-w{
  padding-bottom: 2.5rem;
}
.table-sticky-bottom > a{
  width: 5rem;
  flex-shrink: 0;
}
#page_MyStockMessRecommend .sli-jd-cont > div {
    position: relative;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.show-row-2{
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp:2;
  /** 显示的行数 **/
  overflow: hidden;
}


._gzs-l{
  
  position: absolute;
  display: flex;
  align-items: center;
  top: .5rem;
  bottom: .5rem;
  left: -.1rem;
  background: #EFAE41;
  font-size: .7rem;
  width: 1.6rem;
  text-align: center;
  white-space: normal;
  padding: 0 .25rem;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
._gzs-item-hd{
  display: flex;
  justify-content: space-between;
  font-size: .7rem;
}
._gzs-item{
  position: relative;
  width: 92%;
  flex-shrink: 0;
  padding: .5rem;
    white-space: normal;
    background: #FFFFFF;
    box-shadow: 0px 0 10px rgba(0, 0, 0, .1);
    border-radius: 8px;
    margin-right: .35rem;
}
._gzs-item-bd-title{
  font-size: .6rem;
}
.icon-hot-n{
  width: 1rem;
  height: 1rem;
  background: url(../images/_jt-01.png) no-repeat;
  background-size: contain;
}
._gzs-swiper-hd{
  padding: .6rem .75rem .5rem;
  margin-bottom: .5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
}
._gzs-news-title{
  padding: .75rem .75rem .6rem;
  border-bottom: 1px solid #efefef;
  font-size: .9rem;
  font-weight: 500;
}
._gzs-shd-title{
  font-size: .9rem;
  font-weight: 500;
}
._juj-banner{
  padding: .75rem;
}
._juj-banner img{
  max-width: 100%;
}
.list_item_top_tip{
  position: absolute;
  width: 80%;
  left: 20%;
  top: 0;
  transform: translateY(-100%);
  background: #fff;
  padding: 5px 8px;
  border-radius: 4px;
  font-size: .6rem;
  z-index: 10;
  box-shadow: 0 0 5px rgba(0,0,0,.1);
  border: 1px solid #e1e1e1;
}
.list_item_top_tip::after{
  position: absolute;
  left: 10%;
  bottom: -8px;
  content: "";
  border-width: 8px 8px 0 8px;
  border-style: solid;
  border-color: #cc3131 transparent transparent transparent;
  width: 0;
  height: 0;
  background: #fff;

}
._zg-link-wrp{
  display: flex;
  justify-content: space-between;
  padding:0 .75rem;
  font-size: .7rem;
  align-items: center;
}
._zg-link-wrp > span{
  position: relative;
}
._zg-link-wrp .active{
  font-size: .8rem;
  font-weight: bold;
}
._zg-link-wrp .active::after{
  position: absolute;
  content: "";
  width: 70%;
  height: 2px;
  left: 15%;
  bottom: 0px;
  background: #EFAE41;
}
.s-b1-s{
  display: block;
  margin-top: -2px;
}
.dps-wranning-tip{
  padding-bottom: .5rem;
  margin: -.5rem -.6rem 0;
}
.dsp-wt-h > span{
  position: relative;
  background: url(../images/text-red-bg.png) bottom right no-repeat;
  background-size: .8rem;
}
.dsp-wt-h > span::after{
  position: absolute;
  content: "";
  top: 0;
  left: -.75rem;
  width: .5rem;
  height: .5rem;
  background: url(../images/yinhao-left.png) no-repeat ;
  background-size: contain;
}
.dsp-wt-h > span::before{
  position: absolute;
  content: "";
  top: 0;
  right: -.75rem;
  width: .5rem;
  height: .5rem;
  background: url(../images/yinhao-right.png) no-repeat ;
  background-size: contain;
}
._zg-tcs-wrp{
  position: relative;
  background: #FFFDFA;
  padding: .5rem 0 .5rem 2.5rem;
  color: #A58A76;
}
._zg-tcs-l{
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  width: 2rem;
  font-size: .7rem;
  padding: 0 .5rem;
  text-align: center;
  height: 100%;
}
._zg-tcs-l::after{
  position: absolute;
  content: "";
  right: 0;
  top: 15%;
  width: 1px;
  height: 70%;
  background: #F0E0D4;
}
._zg-tcs-r{
  display: flex;
  white-space: nowrap;
  overflow-x: auto;
}

._zg-pre-bar{
  position: relative;
  height: .4rem;
  background: #33927E;
  border-radius: 1rem;
}
._zg-pre-bar > div{
  position: absolute;
  top: 0;
  left: 0;
  height: .4rem;
  border-radius: 1rem;
  background: #F5414D;
}
._zg-tcs-ri{
  position: relative;
  width: 3rem;
  text-align: center;
  font-size: .6rem;
  margin-right: .75rem;
}
._np-h{
  margin: 2.5rem .75rem .75rem .75rem;
  border-radius: .25rem;
  box-shadow: 0 0 5px rgba(0,0,0,.2);
}
._np-hb{
  background: #FFDFA9;
  text-align: center;
}
._np-hb img{
  max-width: 6.5rem;
  margin-top: -2rem;
  margin-bottom: -.75rem;
}
._np-hd{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .75rem .75rem .25rem;
  line-height: 1.2;
}
._np-cont .news_tabs_box{
  padding: 0 .25rem;
}
._np-cont  .button{font-size: .7rem;}
._np-list-item{
  padding-top: .75rem;
 
  display: flex;
  margin-left: .75rem;
 
}
._np-list-media{
  width: 1.8rem;
  flex-shrink: 0;
  margin-right: .5rem;
}
._np-list-media img{
  width: 1.8rem;
  border-radius: 50%;

}
._np-list-inner{
  display: flex;
  /* padding-bottom: .5rem; */
  padding-right: .75rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #efefef;
}
._np-inner-meta{
  font-size: .6rem;
  color: #8e8e8e;
}
.dialog-sign{
  background: none;
  top: 40%;
}
.dialog-sign-hd img{
  max-width: 100%;
}
.dialog-sign-hd{
  margin-top: -2.5rem;
  position: relative;
}
.dialog-sign-hd span
{
  margin-top: -1rem;
  display: inline-block;
  position: absolute;
  width: 80%;
  left: 10%;
  text-align: center;
  top: 3rem;
}
.dialog-sign-bd{
  position: relative;
  background: #FEF9EC;
  padding-top: 3rem;
  border-radius: 0.5rem;
  border: 4px solid #FCC939;
  width: 85%;
  margin: -2rem auto 0;
  padding-bottom: 2rem;
  text-align: center;
  z-index: -1;
}
.dialog-sign-btn{
  position: absolute;
  left: 50%;
  margin-left: -4rem;
  bottom: -1rem;
  height: 2rem;
  width: 8rem;
  background: #FCC32E;
  text-align: center;
  line-height: 2rem;
}
._jxl-tip{
  margin-top: .25rem;
  background: #FFF4E6;
  font-size: .6rem;
  padding: .5rem .75rem;
}
.share-ybtn-fixed{
  position: fixed;
  right: 1rem;
  bottom: 5rem;
  width: 2.2rem;
  height: 2.2rem;
  background: #EFAE41 url(../images/icon_share_white.png) center no-repeat;
  border-radius: 50%;
  background-size: 50%;
}
._ntopic-wrp{
  font-size: .7rem;
}
._ntopic-wrp li{
  padding: .5rem .75rem;
  border-bottom: 1px solid #efefef;
}
._ntopic-wrp i{
  display: inline-block;
  margin-right: .25rem;
  width: .6rem;
  height: .6rem;
  background: url(../images/_tw-icon-25.png) no-repeat;
  background-size: contain;
  vertical-align: -5%;
}
.nzgs-ti-cont{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  margin-top: .25rem;
  padding: .75rem;
  border-radius: .25rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
.zgs-txt-hd{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.tix-wrp{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  z-index: 10000;
  transform: translateY(100%);
  transition: all .2s linear;
}
.tix-wrp.tix-wrp-show{
  transform: translateY(0);
 
}
.tix-hd{
  padding: .75rem;
  text-align: center;
  color: #000;
}
.tix-bd{
  font-size: .7rem;
  padding: 0 .75rem .75rem .75rem;
}
.tix-close{
  position: absolute;
  width: 2rem;
  height: 2rem;
  top: .0;
  right: 0;
  background: url(../images/zg-close-btn.png) center no-repeat;
  background-size: 80%;
}
._nzg-dialog{
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0; 
  z-index: 10000;
  background: linear-gradient(180deg, #EAD7C1 0%, #FFFFFF 47.59%);
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
._nzg-dialog-hd{
  padding: .75rem .75rem 0 .75rem;
  font-size: 1.2rem;
  color: #663F22;
}
._nzg-dialog-close{
  position: absolute;
  right: 0;
  top: -2rem;
  width: 2rem;
  height: 2rem;
  background: url(../images/close-white-icon.png) center center no-repeat;
  background-size: 60%
}
._nzg-dialog-bd{
  padding:.25rem .75rem .75rem .75rem;

}
._nzg-dia-text{
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  font-size: .65rem;
  border-radius: .25rem;
}
._nzg-dt-cont{
  padding: .5rem;
  max-height: 10rem;
  overflow-y: scroll;
}
._nzg-dt-foot{
  display: flex;
  justify-content: space-between;
  padding:.25rem .5rem;
  background: #f8f8f8;
}
._nzg-inp-wrp{
  margin-top: .75rem;
  font-size: .75rem;
}
._nzg-inp-tae{
  margin-top: .2rem;
  background: #f8f8f8;
  padding: .5rem;
}
._nzg-inp-tae textarea{
  width: 100%;
  height: 4rem;
  overflow: auto;
  border: none;
  background: #f8f8f8;
  border-radius: .25rem;
}
._nzg-sci-hd{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._nzg-sci-list{margin-top: -.5rem !important;}
._nzg-sci-list li{
  padding: .5rem .75rem;
  border-bottom: 1px solid #e7e7e7;
}
._nzg-sci-title{
  font-weight: 600;
}
._ntopic_box{
  margin: .75rem;
  box-shadow: 0 0 8px rgb(0 0 0 / 10%);
  border-radius: .25rem;
}
._ntopic_box .box_title{
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  display: flex;
  justify-content: space-between;
  padding: .5rem;
  background: #EFAE41;
  color: #fff;
}
._nzg-report-wrp{
  background: linear-gradient(180deg, #EAD7C1 0%, #FFFFFF 47.59%);
}
._ngz-rw-hd{
  padding: .5rem .75rem;
  color: #663F22;
  font-size: .9rem;
  font-weight: 600;
}
._ngz-rw-bd ._nzg-dt-cont{
  padding: .5rem .75rem;
}
._ngz-rw-bd ._nzg-dt-foot{
  padding: .25rem .75rem;
}
._nzg-rw-avatar{
  position: relative;
  width: 1.8rem;
  height: 1.8rem;
}
._nzg-rw-hd{
  display: flex;
  align-items: center;
}
._nzg-rw-avatar img{
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
}
._nzg-rw-item{
  padding: .75rem;
}
._nzg-rw-bd{ margin-top: .5rem;}
._nzg-rw-avatar-name{
  font-size: .7rem;
  font-weight: 500;
  margin-left: .25rem;
}
._ngz-feedback-wrp{
  position: fixed;
  bottom: .75rem;
  right: .75rem;
  left: .75rem;
  display: flex;
  padding: .5rem;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 0 8px rgba(0, 0, 0,.1);
  background: #fff;
}
._ngz-feedback-wrp .tsw-item{
  width: 1rem;
  height: 1rem;
}
.xcx-ttip{
  position: fixed;
  width: 7rem;
  top: 8px;
  right: .75rem;
  background: rgba(0, 0, 0, .5);
  color: #fff;
  border-radius: .25rem;
  z-index: 10001;
  font-size: .6rem;
  padding:.35rem 1.2rem .35rem .35rem;
}
.xcx-ttip::after{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-width: 0 8px 8px 8px;
  border-style: solid;
  border-color: transparent transparent rgba(0, 0, 0, .5) transparent ;
  top: -8px;
  right: 50px;
}
.xcx-ttip a{
  position: absolute;
  top: 0;
  right: 0;
  width: 1.4rem;
  height: 1.4rem;
  line-height: 1.4rem;
  text-align: center;

}
.nzg_wrp{
  position: relative;
  overflow-x: hidden;
}
.send-to-group{
  padding: .5rem .75rem;
  display: flex;
  justify-content: space-between;
  align-items:center;
}
.stg-tag > span{
  display: inline-block;
  margin-right: -.2rem;
  background: #ccc;
  font-size: .6rem;
  color: #fff;
  border-radius: .1rem;
  padding: .1rem .25rem .05rem;
}
.stg-tag > i{
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(../images/icon-default-gou.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.stg-tag.active > span{
  background: #628FFB
}
.stg-tag.active > i{
  background: url(../images/icon-active-gou.png) no-repeat;
  background-size: contain;
}
._nzg-tp-link{
  position: relative
}
._nzg-tl-txt{
  position: absolute;
  top: 0;
  right: 0;
  width: 6rem;
  padding: .25rem ;
  border-radius: .2rem;
  background: #fff;
  transform: translateY(-110%);
  color: #666;
  box-shadow: 0 0 8px #999;
}
.dialog-hd .take-star-wrp{
  padding: 0;
}
.dia-twrp-item{
  font-size: .6rem;
  display: flex;
  align-items: flex-start;
  
  margin-bottom: .25rem;
}
.dia-twrp-item > div:nth-child(1){
  padding-top: .1rem;
  width: 2.8rem;
  flex-shrink: 0;
}
.dia-twrp-item > div:nth-child(2){
  width: 100%;
}
.dia-twrp-item span{
  display: inline-block;
  margin-left: .25rem;
  background: #f8f8f8;
  color: #8e8e8e;
  padding: .1rem .25rem;
  border-radius: .2rem;
  margin-bottom: .25rem;
}
.dia-twrp-item span.active{
  background: #EFAE41;
  color:#2e2e2e
}}

.zp {
  max-width: 84%;
  margin-left: 8%;
  margin-top: 30%;
  height: auto;
}

.panell .panel-face {
  background-image: url("../images/luckydraw/zhuanpan_cs03.png");
  background-size: cover;
  width: 300px;
  height: 300px;
  position: absolute;
  top: 140px;
  left: 50%;
  margin-left: -150px;
}

.header-bar~.content .panell .panel-face {
  top: 185px;
}

.panell .panel-btn {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 240px;
  left: 50%;
  margin-left: -50px;
  background-image: url("../images/luckydraw/zhizheng-1.png");
  background-size: cover;
}

.header-bar~.content .panell .panel-btn {
  top: 285px;
}

.jpc {
  background: #fff;
  position: absolute;
  width: 100%;
  left: 0;
  top: 600px;
  font-size: .75rem;
  box-shadow: 0 0 5px #ccc;
}

.jp-list {
  display: flex;

}

.jp-item {
  flex: 1;
  text-align: center;
}

.jp-i {
  width: 4rem;
  height: 4rem;
  margin: .5rem auto .25rem;
  border: 1px solid #efefef;
  border-radius: .25rem;
}

.jp-i img {
  max-width: 100%;
}

.jp-cont {
  padding: .75rem;
  color: #888;
}

.jp-btn-w {
  margin-top: .75rem;
}

.jp-btn-w a {
  display: block;
  background: #ff8358;
  padding: .5rem 0;
  border-radius: .25rem;
  color: #fff;
  text-decoration: none;
  text-align: center;
}

.jp-btn-tip {
  color: #999;
  font-size: .7rem;
  margin-top: .25rem;
  text-align: center;
}

.jp-b-tip {
  display: flex;
  justify-content: space-between;
  font-size: .65rem;
  background: #dfdfdf;
  padding: .5rem .75rem;
  align-items: center;
  color: #2e2e2e;
}

.jp-b-tip>a {
  display: block;
  background: #fdab1c;
  width: 5rem;
  padding: .25rem 0;
  margin-left: .5rem;
  border-radius: .5rem;
  text-align: center;
}

.jpc-swiper {
  position: absolute;
  height: 2rem;
  width: 100%;
  top: -2rem;
  left: 0;
  line-height: 2rem;
  overflow: hidden;
  background: rgba(0, 0, 0, .5);
  color: #fff;

}

.jpc-swiper .swiper-slide {
  text-align: center;
}

.jpc-swiper .swiper-slide img {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: .15rem;
  border-radius: 50%;
  vertical-align: -15%;
}

.jp-member-w {
  position: absolute;
  width: 100%;
  top: 460px;
  left: 0;
  text-align: center;
  color: #ff4800;
}

.header-bar~.content .jp-member-w {
  top: 500px;
}

@media screen and (min-width: 860px) {
  body {
    width: 500px;
    margin: 0 auto !important;

  }

  .dt_zx_head_box,
  .zhengupage_fixed_top_line,
  .cgb_app_download_tips {
    width: 500px;
    left: 50%;
    margin-left: -250px;
  }

}

@media screen and (min-width: 414px) {
  .panell .panel-face {
    width: 350px;
    height: 350px;
    position: absolute;
    top: 120px;
    left: 50%;
    margin-left: -175px;
  }

  .header-bar~.content .panell .panel-face {
    top: 200px
  }

  .panell .panel-btn {
    width: 120px;
    height: 120px;
    position: absolute;
    top: 230px;
    left: 50%;
    margin-left: -60px;
  }

  .header-bar~.content .panell .panel-btn {
    top: 310px;
  }

  .jp-member-w {
    top: 460px;
  }

  .jpc {
    top: 560px;
  }

  .header-bar~.content .jpc {
    top: 700px;
  }

  .header-bar~.content .jp-member-w {
    top: 570px;
  }
}

/*抽奖转盘 end*/
/*财商对抗赛*/
.hl-n-banner {
  padding: .75rem .5rem;
}

.hl-n-banner-title {
  color: #fc794c;
  font-size: .7rem;
}

.hl-n-banner-img {
  position: relative;
}

.hl-n-banner-img a {
  position: absolute;

}

.hl-n-ia1 {
  top: 0;
  right: .25rem;
  width: 25%;
  height: 100%;
}

.hl-n-ia2 {
  right: .5rem;
  bottom: .5rem;
  padding: .25rem .75rem;
  border-radius: .75rem;

  background: rgba(0, 0, 0, .5);
  color: #fff;
  font-size: .7rem;

}

.hl-n-tab {
  display: flex;

  background: #f2f4f5;
  text-align: center;
  border-bottom: none;
}

.hl-n-tab>a {
  position: relative;
  padding: .4rem 0;
  flex: 1;
}

.hl-n-tab>a.active:after {
  position: absolute;
  content: "";
  left: 50%;
  margin-left: -.5rem;
  bottom: .3rem;
  width: 1rem;
  height: .1rem;
  background: #f3a252;
  border-radius: .1rem;
}

.hl-n-tab>a:nth-child(1).active:after {
  background: #fff;
}

.hl-n-tab>a:nth-child(1).active {

  background: url("../images/xsinds.png") no-repeat;
  background-size: contain;
}

.hl-n1-title {
  position: relative;
}

.hl-nt-btn {
  position: absolute;
  right: .75rem;
  bottom: -1rem;
  width: 5rem;
  height: 1.8rem;
  line-height: 1.8rem;
  text-align: center;
  font-size: .75rem;

}

.hl-n1-title-text {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  color: #fff;
  align-items: flex-end;
}

.hl-n-tabs-1 {
  background: #faaa08;
}

.hl-n1-week-list {
  margin: .5rem;
  padding: .5rem;
  background: #fff;
  border-radius: .25rem;
}

.hw-item {
  display: flex;
  margin-bottom: .75rem;
}

.hw-avatar {
  position: relative;
  width: 3rem;
  height: 3rem;
  margin-right: 1rem;
  margin-top: .5rem;
  margin-left: .75rem;
}

.hw-avatar>img {
  position: absolute;

}

.hw-name,
.hw-item-fd {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ha-item .hw-avatar {
  width: 2.4rem;
  height: 2.4rem;
  margin-left: .25rem;
  margin-right: .75rem;
}

.hw-user {
  top: 0;
  left: 0;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  z-index: 10;
}

.ha-item .hw-user {
  width: 2.2rem;
  height: 2.2rem;
}

.hw-user-1 {
  border: .1rem solid #f7c996;
}

.hw-user-2 {
  border: .1rem solid #dfdffb;
}

.hw-user-3 {
  border: .1rem solid #f7ab82;
}

.hw-user-default {
  border: .1rem solid #8e8e8e;
}

.hw-top {
  top: -.5rem;
  right: -.25rem;
  width: 1.4rem;
  z-index: 9;
}

.hw-bottom {
  bottom: -.2rem;
  left: -.7rem;
  width: 4.2rem;
  z-index: 11;
}

.hw-item-inner {
  flex: 1;
}

.hw-title {
  position: relative;
  padding-left: .75rem;
  display: flex;
  justify-content: space-between;
}

.hw-title>div>span {
  position: relative;
}

.hw-title>div>span:after {
  position: absolute;
  content: "";
  width: 100%;
  height: .25rem;
  left: 0;
  bottom: .2rem;
  background: rgba(255, 241, 140, .25);
}

.hw-title>div:nth-child(1) {
  position: relative;
}

.hw-title>div:nth-child(1):after {
  position: absolute;
  left: -.75rem;
  top: 0;
  content: "";
  width: .5rem;
  height: .7rem;
  background: url("../images/hl-n-tl.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.hw-title>div:nth-child(1):before {
  position: absolute;
  right: -.75rem;
  bottom: -.15rem;
  content: "";
  width: .5rem;
  height: .7rem;
  background: url("../images/hl-n-br.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.hw-user-list {
  display: flex;
}

.hw-ul-avatar {
  position: relative;
}

.hw-ul-avatar img {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  border: .1rem solid #f7c996;
}

.hw-ul-avatar>div {
  position: absolute;
  width: 80%;
  bottom: 0;
  left: 10%;
  background: #f7ab82;
  color: #fff;
  font-size: .5rem;
  text-align: center;
  border-radius: .2rem;
}

.hw-ul-name span {
  display: inline-block;
  font-size: .5rem;
  width: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}

.hw-ul-name i {
  width: .55rem;
  height: .55rem;
  vertical-align: 5%;
  margin-left: .05rem;
}

.hw-ul-item {
  margin-right: .7rem;
}

.hw-content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.hl-na-title {
  font-size: 1.8rem;
  color: #fff;

}

.hl-na-title {
  padding-left: .5rem;
}

.ha-item {
  display: flex;
  margin-bottom: .75rem;
}

.hl-n1-all-list {
  margin: .5rem;
  padding: .5rem;
  background: #fff;
  border-radius: .25rem;
}

.ha-item-name {
  position: absolute;
  width: 3rem;
  left: -.15rem;
  bottom: -1.1rem;
  font-size: .6rem;
}

.ha-item-name span {
  display: inline-block;
  width: 2rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.ha-item-name i {
  width: .6rem;
  height: .6rem;
  margin-left: 0;
  vertical-align: 10%;
}

.hl-n-tabs-1 {
  padding-bottom: 5rem;
  position: relative;
  height: 100%;
}

.hl-n-share-wrap {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #fff;
  z-index: 100;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  box-shadow: 0 0 5px #b2b2b2;
}

.hl-n-share {
  display: flex;
  padding: .5rem;
}

.hw-btn-share {
  background: #febf55;
  padding: .1rem .25rem;
  color: #fff;
  border-radius: .25rem;
}

.hw-s-content {
  position: relative;
  display: flex;
  line-height: 1;
  height: 2rem;
}

.hw-s-content>div {
  position: absolute;
  width: 30%;
  flex: 1;
  top: 0;
  background-image: linear-gradient(#ffd14a, #ffbe00);
  color: #ad3700;
  text-align: center;
  border-radius: .25rem;
  padding: .25rem 0;
  z-index: 10000;

}

.xq-plan-wrp {
  position: relative;
}

.xq-btn-1 {
  position: absolute;
  height: 3rem;
  bottom: 1rem;
  left: 0;
  width: 100%;
  text-indent: -9999px;
}

.xq-btn-2 {
  position: absolute;
  height: 3rem;
  bottom: 5rem;
  left: 0;
  width: 100%;
  text-indent: -9999px;
}

.share-yellow-btn {
  display: inline-block;
  background: #ffbe00;
  padding: 0 .5rem;
  border-radius: .75rem;
  font-size: .6rem;
  color: #333;
}

.modal-share-wrp {
  background: #efefef;

}

.modal-share-title {
  padding: .5rem 0;
  text-align: center;
}

.modal-share-icon ul {
  display: flex;
}

.modal-share-icon ul li {
  margin-left: .75rem;
  font-size: .6rem;
  color: #6f737c;
}

.modal-share-icon img {
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: .25rem;
}

.modal-share-fd a {
  display: block;
  background: #fff;
  padding: .5rem 0;
  text-align: center;
  font-size: .6rem;
}

.hw-s-content>div:nth-child(3) {
  background-image: linear-gradient(#b2bdff, #9eabfc);
  color: #545d8d;
}

.hl-guide-img {
  display: none;
  position: absolute;

  left: -55%;
  width: 4.5rem;
}

.dialog-img {
  background: none;
}

.dialog-abt {
  position: relative;
}

.dialog-abt-btn {
  position: absolute;
  width: 100%;
  height: 2.5rem;
  bottom: 1rem;
  left: 0;
  text-indent: -9999px;
}

.hl-guide-close-btn {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 4rem;
  margin-left: -2rem;
  padding: .5rem 0;
  background: #fff;
  color: #666;
  border-radius: .25rem;
  z-index: 10000;
  text-align: center;
  font-size: .7rem;
  box-shadow: 0 0 5px #ccc;
}

.hl-gi-1 {
  left: -55%;
  top: -4.5rem;
}

.hl-gi-2 {
  top: -6.5rem;
}

.hl-gi-3 {
  width: 6rem;
  top: -9.2rem;
  left: -90%;


}

.hw-s-content>div:nth-child(1) {
  top: 0;
  left: 0;

}

.hw-s-content>div:nth-child(2) {
  left: 35%;

}

.hw-s-content>div:nth-child(3) {
  left: 70%;

}

.hl-n-tabs-2 {
  position: relative;
  height: 100%;
}

.hl-n-qt {
  display: flex;
  padding-right: .75rem;
}

.hl-n-qt>div {
  padding: .5rem;
  margin-left: .75rem;
  margin-top: .75rem;
  margin-bottom: .75rem;
  flex: 1;
  background-image: linear-gradient(#fdead3, #ffd0a5);
  border-radius: .25rem;
}

.hl-n-qt>div>span {
  display: block;
  text-align: center;
}

.hl-n-qt>div>span:nth-child(1) {
  color: #e3363a;
  font-size: 1rem;
}

.hl-n-qt>div>span:nth-child(2) {
  color: #8b3c00;
  font-size: .7rem;
}

.hl-share-hd {
  display: flex;
  align-items: center;
  padding: .75rem .75rem 0;
}

.hl-share-media img {
  width: 2.8rem;
  height: 2.8rem;
  border: .1rem solid #8e8e8e;
  border-radius: 50%;
}

.hl-share-inner {
  margin-left: .5rem;
}

.hl-share-btn {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 6rem;
  z-index: 199;
}

.hl-share-btn a {
  display: block;
  margin-left: .5rem;
  margin-right: .5rem;
  padding: .5rem 0;
  background-image: linear-gradient(#ffd14a, #ffbe02);
  color: #ad3700;
  border-radius: .25rem;
  text-align: center;
}

.hl-n-rule {
  padding: .75rem;
  margin: 0 .75rem;
  background: #fff;
  font-size: .75rem;
  border-radius: .5rem;
}

.hl-nrt {

  text-align: center;
  font-size: .85rem;
  padding-bottom: .75rem;
  margin-bottom: .75rem;
  border-bottom: 1px solid #eee;
}

.hl-ibn {
  position: relative;

}

.hl-ibn a {
  position: absolute;
  width: 5rem;
  height: 100%;
  right: 0;
  top: 0;
  text-indent: -9999px;
}

.hl-btn-2 {
  display: flex;

}

.hl-btn-2 a {
  flex: 1;
  font-size: .7rem;
  padding: .35rem 0 .25rem;
  border-radius: .25rem;
  text-align: center;
}

.hl-btn-2>a:nth-child(1) {
  margin-right: .75rem;
  border: 1px solid #ffbb58;
  color: #ffbb58;

}

.hl-btn-2>a:nth-child(2) {
  background: #ffbb58;
}

.hl-pro-top {
  padding: .5rem;
  background: #f6a14e url("../images/hl-cs-n1.jpg") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  align-items: center;
  color: #fff;

}

.hl-pta>img {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
}

.fixed-right-btn {
  position: fixed;
  right: 1rem;
  bottom: 10%;
  background: #faaa08;
  color: #fff;
  padding: .25rem .75rem;
  border-radius: .25rem;
  box-shadow: 0 0 8px #999;
  font-size: .7rem;

}

.qx-w {
  position: relative;
}

.qx-a1 {
  position: absolute;
  top: 15.5rem;
  right: 4rem;
  width: 7rem;
  height: 1.5rem;
  text-indent: -9999px;
}

.qx-a2 {
  position: absolute;
  height: 2rem;
  width: 100%;
  left: 0;
  bottom: 0;
  text-indent: -9999px;
}

.qx-btn {
  background: #febb7b;
  padding: .75rem;
}

.qx-btn a {
  display: block;
  background: #ff5a58;
  color: #fff;
  border-radius: .25rem;
  text-align: center;
  font-size: .7rem;
  padding: .5rem 0;
}

.hl-share-s {
  position: relative;
  height: 100%;

}

.hl-share-s a {
  position: absolute;
  display: block;
  width: 90%;
  left: 5%;
  bottom: 1rem;
  background: #ff5a58;
  color: #fff;
  border-radius: .25rem;
  text-align: center;
  font-size: .7rem;
  padding: .5rem 0;
}

.hl-share-s1 {
  background: #ef9837;
}

.hl-share-s2 {
  background: #e9f0ff;
}

.hl-share-s3 {
  background: #fd8f32;
}

.hl-share-s4 {
  background: #4e5fb7;
}

.dialog-input-bg {
  position: relative;
  margin-top: .5rem;
}

.dialog-input-bg>img {
  max-width: 100%;

}

.dialog-input-bg>input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 100;
}

.dialog-upload-img {
  text-align: center;

}

.dialog-upload-img img {
  margin-top: .5rem;
  width: 4rem;
  height: 4rem;
}

.hl-sex-choice {
  display: flex;
  margin-top: 1rem;
}

.hl-sex-choice>div {
  flex: 1;
  text-align: center;
}

.hl-sex-man,
.hl-sex-women {
  display: inline-block;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
}

.hl-sex-man {
  background: #efefef url("../images/hl-man-icon.png") center no-repeat;
  background-size: 30%;
}

.hl-sex-man.active {
  background: #ffbc4c url("../images/hl-man-icon-active.png") center no-repeat;
  background-size: 30%;
}

.hl-sex-women {
  background: #efefef url("../images/hl-women-icon.png") center no-repeat;
  background-size: 30%;
}

.hl-sex-women.active {
  background: #ffbc4c url("../images/hl-women-icon-active.png") center no-repeat;
  background-size: 30%;
}

.hl-date-pick input {
  width: 80%;
  padding: .5rem 0;
  border-radius: 1rem;
  border: none;
  background: #efefef;
  text-align: center;
}

.hl-info-ud {
  position: relative;
  width: 5rem;
  height: 5rem;
  margin: 1rem auto;
  overflow: hidden;
  border-radius: 50%;
}

.hl-info-ud input {
  position: absolute;
  top: 0;
  left: 0;
  width: 5rem;
  height: 5rem;
  opacity: 0;
  z-index: 100;
}

.hl-info-nw input {
  width: 80%;
  margin-left: 10%;
  padding: .5rem 0;
  border-radius: 1rem;
  border: none;
  background: #efefef;
  text-align: center;
}

.hl-pro-warnning {
  background: #fff4e6;
  font-size: .6rem;
  padding: .5rem 0;
  margin-top: -.5rem;
  text-align: center;
  border-bottom-left-radius: .5rem;
  border-bottom-right-radius: .5rem;
}

.icon-red-warnning {
  width: .75rem;
  height: .75rem;
  margin-right: .25rem;
  background: url("../images/icon-red-warnning.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.dia-img-avatar img {
  width: .75rem;
  height: .75rem;
  border-radius: 50%;
  margin-right: .25rem;
  vertical-align: -10%;
}

.xc-fd {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  background: #ffffff;
  box-shadow: 0 0 8px #c0c0c0;
}

.xc-fd>a {
  flex: 1;
  text-align: center;
  color: #fff;
  height: 2.8rem;
  padding: .5rem 0;
  line-height: 1.2;
}

.xc-fd>a:nth-child(1) {
  background: #ff8358;
  line-height: 1.8rem;
}

.xc-fd>a:nth-child(2) {
  background: #cc3131;
}

.mn-reset-btn {
  position: relative;
  display: inline-block;
  border: 1px solid #d65a5a;
  font-size: .5rem;
  padding: 0.1rem .35rem 0;
  border-radius: .5rem;
}

.icon-mn-res {
  width: .6rem;
  height: .6rem;
  margin-right: .25rem;
  background: url("../images/mn-shuaxin.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.swipeout-buy-btn {
  background: #628ffb !important;

}

.swipeout-play-btn {
  background: #ffc419 !important;

}

.list-block .swipeout-actions-left a,
.list-block .swipeout-actions-right a {
  padding: 0 1rem;
}

.mn-banner-wrp img {
  max-width: 100%;
}

.mn-banner-wrp .swiper-container-horizontal>.swiper-pagination-bullets,
.mn-banner-wrp .swiper-pagination-custom,
.mn-banner-wrp .swiper-pagination-fraction {
  bottom: 5.5rem;
}

.mn-banner-wrp .swiper-pagination-bullet-active {
  background: #fff;

}

.mw-item {
  margin: 0 .75rem .75rem;
  padding: .5rem;
  box-shadow: 0 0 8px rgba(247, 104, 44, .25);
  border-radius: .5rem;
  background: #fff;
}

.mw-item-title-before {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.mw-item-title-before>div {
  font-size: 1.05rem;
  color: #ff6c24;
  font-weight: bold;
}

.mw-item-title-after {
  display: flex;
  justify-content: space-between;
}

.orange-ff6 {
  color: #ff6c24 !important;
}

.icon-jxz {
  margin-right: .25rem;
  width: .7rem;
  height: .7rem;
  background: url("../images/mn-icon-1.png") no-repeat;
}

.icon-zwks {
  margin-right: .25rem;
  width: .7rem;
  height: .7rem;
  background: url("../images/mn-icon-8.png") no-repeat;
}

.icon-yjs {
  margin-right: .25rem;
  width: .7rem;
  height: .7rem;
  background: url("../images/mn-icon-9.png") no-repeat;
}

.mic-text-none {
  padding: 1rem 0;
  text-align: center;
  font-size: .7rem;
  color: #ffc095;
}

.mic-text-none img {
  max-width: 8rem;
}

.mw-item-cont,
.mw-prize-item {
  background: #fff5de;
  border-radius: .5rem;
}

.mw-prize-item {
  margin-bottom: .5rem;
  padding: .5rem;

}

.mw-item-bd>.mw-prize-item:nth-last-child(1) {
  margin-bottom: 0;
}

.mic-hl-media img,
.mw-prize-media img {
  width: 2rem;
  height: 2rem;
  margin-right: .25rem;
  border-radius: 50%;
  border: 2px solid #ff6c24;
}

.mic-hd-l {
  display: flex;
}

.mic-hd-r .orange-radius-sm {
  padding: .25rem .5rem;
  font-size: .6rem;
}

.mic-hd {
  padding: .5rem;
  border-bottom: 1px solid #ecddbc;
}

.mic-hl-name img {
  width: 1rem;
  height: 1rem;
  margin-left: .25rem;

}

.mic-table {
  padding: .5rem 0
}

.mic-table table {
  width: 100%;
  text-align: center;
}

.mic-table table thead {
  color: #565656;
  font-size: .6rem;
}

.orange-radius-sm {
  display: inline-block;
  padding: .25rem .75rem;
  background: #ff6c24;
  color: #fff;
  border-radius: 1rem;
  font-size: .65rem;
}

.orange-radius-xl {
  display: inline-block;
  width: 100%;
  padding: .5rem 0;
  background: #ff6c24;
  color: #fff;
  border-radius: .5rem;
  text-align: center;

}

.orange-xl-text {
  padding: .15rem 0;
}

.orange-radius-xl.disabled {
  background: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.mic-nav {
  display: flex;
}

.mic-nav li {
  flex: 1;
  text-align: center;
}

.mic-nav li a {
  display: block
}

.mic-nav li .icon {
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: .1rem;
}

.mw-hero-title {
  padding: .5rem;
  text-align: center;
}

.mw-hero-title img {
  max-width: 6rem;
}

.mw-prize-l,
.mw-prize-name,
.mw-prize-school {
  display: flex;
}

.mw-prize-user {
  max-width: 6rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.mw-prize-l {
  align-items: center;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.orange-tag {
  display: inline-block;
  margin-right: .5rem;
  padding: 0 .25rem;
  background: #ff5906;
  color: #fff;
  border-radius: 1rem;
}

.blue-tag {
  display: inline-block;
  padding: 0 .25rem;
  background: #628ffb;
  color: #fff;
  border-radius: 1rem;
  font-size: .6rem;
}

.red-tag {
  display: inline-block;
  padding: 0 .25rem;
  background: #cc3131;
  color: #fff;
  border-radius: 1rem;
  font-size: .6rem;
}

.tag-up {
  display: inline-block;
  background: #cc3131;
  color: #fff;
  border-radius: .25rem;
  font-size: .6rem;
  padding: .25rem .5rem;
}

.tag-down {
  display: inline-block;
  background: #33927e;
  color: #fff;
  border-radius: .25rem;
  font-size: .6rem;
  padding: .25rem .5rem;
}

.mw-prize-r {
  width: 2.4rem;
  text-align: right;
  color: #ff5906;
  font-size: .6rem;
}

.mw-prize-r img {
  max-width: 1.5rem;
}

.mw-sq-list {

  display: flex;
  padding-right: .75rem;
  white-space: nowrap;
  overflow-x: scroll;
}

.mw-sq-item {
  width: 45%;

  margin-left: .75rem;
  text-align: center;
  padding: .5rem;
  border-radius: .5rem;
  box-shadow: 0 0 8px rgba(247, 104, 44, .25);
}

.mw-sq-list>.mw-sq-item:nth-child(2n+1) {
  background: url("../images/mn-item-bg-1.png") bottom right no-repeat;
  background-size: 50%;
}

.mw-sq-list>.mw-sq-item:nth-child(2n+2) {
  background: url("../images/mn-item-bg-2.png") bottom right no-repeat;
  background-size: 50%;
}

.mw-sq-wrp {
  position: fixed;
  width: 100%;
  bottom: .25rem;
  left: 0;
  background: #fff;

}

.mn-main-wrp {
  position: relative;

}

.mn-main-cont {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 999;
  padding-bottom: 1rem;
}

.icon-mn-1 {
  background: url("../images/mn-icon-2.png") no-repeat;
}

.icon-mn-2 {
  background: url("../images/mn-icon-3.png") no-repeat;
}

.icon-mn-3 {
  background: url("../images/mn-icon-4.png") no-repeat;
}

.icon-mn-4 {
  background: url("../images/mn-icon-5.png") no-repeat;
}

.icon-mn-5 {
  background: url("../images/mn-icon-6.png") no-repeat;
}

.hl-icon-people {
  display: inline-block;
  width: .6rem;
  height: .6rem;
  margin-right: .15rem;
  background: url("../images/hl-icon-people.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.dialog-boh {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dialog-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  z-index: 10000;
}

.dialog-boh {
  padding: .75rem;
}

.dia-exp-list li {
  display: inline-block;
  width: 32%;
  padding-bottom: .5rem;
  text-align: center;
  font-size: .6rem;
  color: #999;

}

.dia-exp-list li img {
  width: 2.5rem;
}

.dia-ex-btn {
  padding: .75rem;
}

.dia-ex-btn a {
  display: block;
  padding: .5rem 0;
  text-align: center;
  border-radius: .25rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

.dialog-ex-close {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icon-close.png") center no-repeat;
  background-size: 50%;
}

.dialog-s-wrp {
  position: relative;
  margin: 0 .75rem .5rem .75rem;
  padding: .25rem .75rem;
  border: 1px solid #efefef;
  border-radius: .25rem;
}

.dialog-s-wrp input {
  margin-left: .25rem;
  border: none;
  outline: none;
}

.dialog-s-chart {
  padding: 0 .75rem .75rem;
  height: 10rem;
}

.dsw-im {
  position: absolute;
  top: 2.2rem;
  left: 0;
  right: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, .15);
  z-index: 1000;
}

.dsw-im ul {
  max-height: 8rem;
  overflow-y: scroll;
}

.dsw-im li {
  padding: .5rem;
  border-bottom: 1px solid #efefef;
  font-size: .65rem;
}

.kh-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .75rem .5rem;
  border-bottom: 1px solid #ECECEC;
}

.kh-item-inner {
  display: flex;
  align-items: center;

}

.kh-inner-media img {
  width: 2rem;
  height: 2rem;
  margin-right: .5rem;
}

.kh-title {
  font-size: .9rem;
  font-family: "Adobe 黑体 Std R";
}

.kh-content {
  font-size: .65rem;
}

.kh-tag span {
  display: inline-block;
  color: #ff6601;
  background: #fff4e8;
  font-size: .6rem;
  padding: .1rem .35rem;
  border-radius: .25rem;
}

.kh-list-item>a {
  background: #f2f2f2;
  color: #ff6601;
  padding: .25rem .75rem;
  border-radius: 1rem;
  width: 3.5rem;
  text-align: center;

}

.bd-dia-hd {
  background: #f4b43d;
  text-align: center;
  font-size: 1rem;
  padding: .25rem;
  font-family: "Adobe 黑体 Std R";
}

.bd-dia-foot {
  display: flex;
  justify-content: space-between;
  padding: .75rem;
  align-items: center;
  border-top: 1px solid #ececec;
  color: #cc3131;
}

.bd-dia-foot>div:nth-child(1) {
  display: flex;
  align-items: center;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.bd-dia-foot>div:nth-child(1)>div {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.7rem;
}

.share-warnning-text {
  padding: .25rem .5rem;
  font-size: .7rem;
  background: #ff8f8c;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.share-warnning-text>a {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background: url("../images/close-white-icon.png") center no-repeat;
  background-size: 60%;
}

.share-warnning-text>p>a {
  text-decoration: underline
}

.bd-dia-hd {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}

.bd-dialog {
  border-radius: .25rem;
  box-shadow: 0 0 10px #a5a5a5;
}

.bd-dia-foot i {
  display: inline-block;
  margin-right: .25rem;
  width: .85rem;
  height: .85rem;
  background: url("../images/db_dia_icon.png") no-repeat;
  background-size: contain;
}

.bd-dia-foot button {
  width: 4rem;
  background: #628ffb;
  color: #fff;
  border: none;
}

.shares_detail_small_item {
  position: relative;
}

.shares_detail_small_item .item_title span {}

.shares_detail_small_item.active {
  border-color: #f5bb4f;
}

.shares_detail_small_item .item_title {
  margin-top: -.25rem
}

.sds-ii {
  position: absolute;
  width: .6rem;
  height: .6rem;
  top: -.25rem;
  right: -.25rem;
  background: url("../images/gou-yellow-icon.png") no-repeat;
  background-size: contain;
}

.popup_main_search_wrp input {
  width: 100%;
  border: 1px solid #dadada;
  background: #f4f4f4;
  padding: .5rem;
  text-align: center;
  border-radius: .25rem;
  font-size: .75rem;
}

.group_members_item_left {
  display: flex;
  align-items: center
}

.icon-gou-default {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icon-gou-gray.png") center no-repeat;
  background-size: 70%;
}

.icon-gou-default.active {
  background: url("../images/icon-gou-orange.png") center no-repeat;
  background-size: 70%;
}

.pm-tag-wrp {
  display: flex;
  flex-wrap: wrap;

}

.pm-tag-item {
  display: flex;
  align-items: center;
  border: 1px solid #febf55;
  padding: .25rem;
  border-radius: .25rem;
  margin-bottom: .5rem;
  margin-right: .25rem;
}

.pm-tag-info img {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}

.pm-tag-info {
  display: flex;
  align-items: center;
}

.pm-tag-name {
  margin-left: .15rem;
  display: inline-block;
  max-width: 3rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: .65rem;
  color: #a5a5a5;
}

.pm-tag-close {
  margin-left: .15rem;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url("../images/icon-close.png") center no-repeat;
  background-size: 50%;
}

.textareaDiv {
  position: relative;
}

.textarea-icon-right {
  position: absolute;
  top: 50%;
  right: .2rem;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  text-align: right;
  font-style: normal;
  font-size: 1rem;
  font-family: "微软雅黑";
}

.tab-sort-wrp {
  position: relative;
  background: #efefef;
  height: 1.8rem;
  padding-right: .75rem;
  text-align: right;

}

.tab-sort-wrp>span {
  font-size: .65rem;
  color: #999;
  line-height: 1.8rem;
}

.tab-sort-wrp ul {
  position: absolute;
  top: 1.8rem;
  right: .5rem;
  background: #fff;
  font-size: .75rem;
  color: #2e2e2e;
  z-index: 10;
  box-shadow: 0 0 10px #a8a8a8;
  border-radius: .25rem;
  display: none;
}

.tab-sort-wrp ul li {

  border-bottom: 1px solid #efefef;
}

.tab-sort-wrp ul li a {
  display: block;
  padding: .5rem .75rem;
  text-align: center;
}

.tab-sort-wrp span.open~ul {
  animation: dropSelect .5s forwards;
  display: block;
}

.mood-copy-text-wrp>a {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  width: 1.5rem;
  height: 1.5rem;
  text-align: right;
}

.mw-ih-orange-tag {
  display: inline-block;
  margin-left: 5px;
  padding: 05px;
  border-radius: 4px;
  font-size: .5rem;
  background-color: #FFF5DE;
  color: #FF5906;
  line-height: 1.2;
}

.list-row2-item {
  display: flex;
  margin-top: .5rem;
  padding: .5rem;
  justify-content: space-between;
  align-items: center;
  background-color: #F4F4F4;
  border-radius: .25rem;
}

.list-row2-inner {
  width: 100%;
  padding-right: .5rem;
}

.list-row2-title {
  color: #000;
}

.list-row2-title span {
  margin-left: .2rem;
  font-size: .65rem;
  color: #666;
}

.list-row2-sub {
  font-size: .7rem;
  color: #666;
}

.list-row2-after-btn {
  display: inline-block;
  white-space: nowrap;
  font-size: .6rem;
  background-color: #FBD71A;
  color: #3C1A00;
  padding: .4rem .6rem;
  border-radius: .25rem .75rem .75rem .75rem;
}

.tip-help-icon-wrp {
  position: relative;
}

.tip-help-icon-wrp img {
  position: absolute;
  width: 7rem;
  top: -0.7rem;
  right: -7.2rem;
}

.sign_mask_2022 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  z-index: 10000;
}

.sm-2022 {
  position: absolute;
  top: 20%;
  width: 60%;
  left: 20%;
  padding: 2rem 0 1rem;
  background: #fff;
  border-radius: 0.25rem;
  color: #333;
  text-align: center;
}

.sm-2022 img {
  max-width: 60%;
}

.sign-qun-task-wrp>div {
  position: relative;
  margin-top: 2.2rem;

}

.sign-qun-task-wrp {
  position: relative;
}

.sign-qun-task-wrp>div>span {
  position: absolute;
  background: #FFC995;
  border-radius: 1rem;
  color: #fff;
  padding: .1rem .5rem;
  font-size: .65rem;
  top: -2.2rem;
  left: 50%;

  transform: translate(-50%, 10%);

}

.sign-qun-task-wrp>div>span::before {
  position: absolute;
  content: "";
  height: 3px;
  background: #FF8417;
  width: 100%;
  left: 100%;
  top: .5rem;
}

.sign-qun-task-wrp>div:nth-last-child(1)>span::before {
  display: none;
}

.sign-qun-task-wrp>div>span.active {
  padding-right: 1.25rem;
  background: #FF8417;
}

.sign-qun-task-wrp>div>span.active::after {
  position: absolute;
  content: "";
  right: .5rem;
  top: .35rem;
  width: .5rem;
  height: .5rem;
  background: url(../images/pic_white_gou.png) no-repeat;
  background-size: contain;

}

.sign-qun-banner-wrp {
  position: relative;
}

.sign-qun-banner-wrp>div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sign-qun-banner-wrp img {
  max-width: 100%;
}

.sign-qun-succeed-text {
  padding-left: 2rem;
  color: #fff;
  text-shadow: 1px 1px 3px #666;
  font-family: "微软雅黑";
}

.sign-qun-succeed-img {
  position: relative;
}

.sign-qun-succeed-img>span {
  position: absolute;
  bottom: .65rem;
  left: .3rem;
  color: #fff;
  font-size: .65rem;
}

.icon-wen-blue {
  margin-right: .2rem;
  width: .8rem;
  height: .8rem;
  background: url(../images/icon-wen-blue.png) no-repeat;
  background-size: contain;
}

.qa-twrp {
  padding: .5rem .75rem;
  background: #F6F6F6;

}

.qa-tpb {
  position: relative;
  margin-top: .25rem;
  padding: .5rem;
  background: #FFF0E2;
}

.qa-tpb-title {
  font-size: .8rem;
  color: #565656;
}

.qa-tpb-title span {
  margin-right: .25rem;
  font-family: "微软雅黑";
  color: #000;
  font-size: 1rem;
}

.qa-tpb-cont a {
  margin-left: .25rem;
  font-size: .6rem;
  color: #8E8E8E;
}

.qa-tpb-add {
  position: absolute;
  top: .5rem;
  right: .5rem;
  padding: .2rem .5rem;
  background: #F39C19;
  color: #fff;
  font-size: .6rem;
  border-radius: 1rem;
  line-height: 1;
}

.qa-mwrp {
  padding: .75rem;
}

.qa-mph-media {
  display: flex;
}

.qa-mph {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.qa-mph-btn {
  position: absolute;
  top: 0;
  right: 0;
  background: #F39C19;
  color: #fff;
  font-size: .65rem;
  padding: .1rem .25rem;
  border-radius: .25rem;
}

.qa-mph-media>img {
  width: 2.2rem;
  height: 2.2rem;
  margin-right: .5rem;
  border-radius: 50%;
  flex-shrink: 0;
}

.qa-mph-inner {
  width: 100%;
}

.qa-mph-title {
  font-size: .9rem;
  color: #000;
  line-height: 1;

}

.qa-mph-tag {
  margin-top: .25rem;
}

.qa-mph-tag span {
  display: inline-block;
  background: #ECECEC;
  color: #8e8e8e;
  font-size: .55rem;
  border-radius: .25rem;
  padding: 0.05rem .35rem;
}

.qa-mpm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: .5rem 0;
  padding: .5rem .75rem;
  background: #FFEEEE;
  border-radius: .25rem;
  font-size: .75rem;
}

.qa-mpm-r {
  color: #cf3737;
}

.qa-mpm-r>img {
  width: .8rem;
  margin-right: .15rem;
  vertical-align: -10%;
}

.qa-mpd {
  padding: .5rem .75rem;
  margin: .5rem 0;
  border-radius: .25rem;
  box-shadow: 0 0 5px #ccc;
  font-size: .75rem;
}

.qa-mpd img {
  max-width: 100%;
}

.qa-mpt {
  position: relative;
  display: flex;
  justify-content: center;
}

.qa-mpt-time {
  position: absolute;
  right: 0;
  top: .6rem;
  font-size: .65rem;
  color: #8e8e8e;
}

.qa-mpt-btn {
  padding: .5rem 1rem;
  background: #628FFB;
  font-size: .75rem;
  color: #fff;
  border-radius: 1.5rem;
}

.qa-mpt1 {
  display: flex;
  justify-content: space-between;
}

.qa-mpt1-tag span {
  display: inline-block;

  margin-right: .5rem;
  font-size: .6rem;
  padding: .1rem .25rem;
  border-radius: .25rem;
}

.qa-mpt1-tag .bg-gray {
  background-color: #cacaca;
  color: #777;
}

.qa-mpt1-tag .bg-green {
  background-color: #0ca536;
  color: #fff;
}

.qa-mpt1-tag .bg-red {
  background: #F5414D !important;
  color: #fff;
}

.qa-mpt2-tag {
  display: inline-block;
  background: #50B934;
  color: #fff;
  font-size: .6rem;
  padding: .1rem .25rem;
  border-radius: .25rem;
}

.qa-mpt2-tag2 {
  background: #F5414D !important;
}

.qa-mpt1-time {
  font-size: .65rem;
  color: #8e8e8e;
}

.qa-mpc {
  margin: .5rem 0;
  padding: .75rem;
  border-radius: .25rem;
  box-shadow: 0 0 5px #ccc;

}

.qa-mpc-cont {
  position: relative;
  padding: 2.2rem .75rem .75rem;
  border-radius: .25rem;

  background: url(../images/0010.jpg) no-repeat;
  background-size: cover;
}

.qa-mpc-cont-hd {
  position: absolute;
  top: 0;
  left: 0;
  font-size: .7rem;
}

.qa-mpc-qun {
  display: inline-block;
  background: #f39c19;
  color: #fff;
  padding: .1rem .25rem;
}

.qa-mpc-tao {
  padding: .1rem .25rem;
  display: inline-block;
  background: #221c22;
  color: #FFE400;
}

.qa-mc-item {
  display: flex;
  align-items: center;
}

.qa-mc-item {
  margin-bottom: .5rem;
}

.qa-mc-item:nth-last-child(1) {
  margin-bottom: 0;
}

.qa-mc-item>img {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: .5rem;
  border-radius: 50%;
}

.qa-mci-cont {
  background: #fff;
  font-size: .7rem;
  padding: .25rem .5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: .25rem;
}

.qa-mpc-btn {
  margin-top: .75rem;
  text-align: center;
}

.qa-mpc-btn a {
  padding: .5rem 1.25rem;
  display: inline-block;
  background: #F39C19;
  color: #fff;
  border-radius: .5rem;
}

.icon-heart-default {
  width: .8rem;
  height: .8rem;
  background: url(../images/icon_black_xin.png) no-repeat;
}

.icon-heart-active {
  width: .8rem;
  height: .8rem;
  background: url(../images/list_item_click_red.png) no-repeat;
}

.text-warning {
  padding: .5rem .75rem;
  background: #f6f6f6;
  color: #8e8e8e;
  font-size: .7rem;
}

.text_detail_box img {
  max-width: 100%;
}

.qs-wrp {
  background: #101216;
}

.qs-swiper-wrp {
  padding: .75rem;
}

.qs-swiper-wrp img {
  border-radius: .25rem;
}

.qs-tab-wrp {
  padding: 0 .75rem .75rem;
}

.qsb-list-item {
  margin-top: .75rem;
  padding: .5rem;
  background: #fff;

  border-radius: .25rem;
}

.qsb-inner-media {
  margin-right: .5rem;
}

.qsb-inner-media img {
  width: 3.5rem;
  max-height: 3.5rem;
  padding: .25rem;
  border: 1px solid #efefef;
  border-radius: .25rem;
  flex-shrink: 0;
}

.qsb-item-hd {
  display: flex;
  justify-content: space-between;
}

.qsb-item-inner {
  display: flex;

}

.qsb-inner-title {
  font-size: .9rem;
  font-family: "微软雅黑";
  line-height: 1;
}

.qsb-inner-star {
  /*margin: .25rem 0 .1rem;*/
  color: #fec553;
}

.user_head_name_box .qsb-inner-star {
  margin-top: 0;
}

.qsb-inner-star img {
  margin-right: .2rem;
  width: .8rem;
  height: .8rem;
  vertical-align: middle;
}

.user_head_name_box .qsb-inner-star img {
  width: .8rem;
}

.qsb-inner-meta {
  font-size: .65rem;
  color: #565656;
}

.qsb-inner-star span {
  display: inline-block;
  font-size: .85rem;
  vertical-align: -15%;
}

.qsb-item-hd-after img {
  width: 3rem;
}

.qsb-item-ft {
  position: relative;
  margin-top: .5rem;
  padding: .35rem .5rem .35rem 1.2rem;
  background-image: linear-gradient(to right, #fff9f7, #ffe5d8);
  border-radius: .25rem;
  font-size: .75rem;
}

.qsb-item-ft::before {
  position: absolute;
  content: "";
  top: .5rem;
  left: .5rem;
  width: .45rem;
  height: .45rem;
  background: url(../images/qs-006.png) no-repeat;
  background-size: contain;

}

.qs-tab-wrp .buttons-tab {
  background: none;
  border-bottom: none;
}

.qs-tab-wrp .buttons-tab .button {
  color: #fff;
  border-bottom: none;
}

.qs-tab-wrp .buttons-tab .button.active {
  color: #ffdc38;
}

.qs-tab-wrp .buttons-tab .button span {
  position: relative;
}

.qs-tab-wrp .buttons-tab .button.active span::after {
  position: absolute;
  content: "";
  bottom: -.5rem;
  width: 50%;
  left: 25%;
  height: 4px;
  background: #ffdc38;
  border-radius: 4px;
}

.qs-page-top .my_head_box {
  margin-top: 0;
}

.home_page_top.qs-page-top .my_head_box .head_img img {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: .25rem;
}

.home_page_top.qs-page-top .my_head_box .head_name {
  line-height: 1;
  font-size: 1rem;
}

.qs-page-top {
  padding-bottom: 1.5rem !important;
}

.qs-page-top .home_page_identify {
  margin-top: .5rem;
}

.qs-pt-tag {}

.qs-pt-tag span {
  display: inline-block;
  margin-top: .5rem;
  padding: .2rem .5rem;
  color: #fff;
  font-size: .65rem;
  border-radius: .25rem;
}

.qs-pt-tag>span:nth-child(3n+1) {
  background: #ff9900;
}

.qs-pt-tag>span:nth-child(3n+2) {
  background: #ff6666;
}

.qs-pt-tag>span:nth-child(3n+3) {
  background: #ff6600;
}

.qs-top-link {
  background: #fff;
  margin: -1rem .6rem 0;
  border-radius: .25rem;
  box-shadow: 0 0 2px #ccc;
}

.qs-link-item {
  display: flex;
  padding: .5rem;
  justify-content: space-between;
}

.qs-link-inner {
  display: flex;
}

.qs-li-media img {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  margin-right: .5rem;
}

.qs-lic-title {
  line-height: 1.2;
}

.qs-lic-meta {
  font-size: .6rem;
  color: #8e8e8e;
}

.qs-feedback-wrp {
  margin: .6rem;
  padding: .5rem;
  background: #d0d0d0;
  border-radius: .25rem;
}

.qs-fw-title {
  font-size: .9rem;
  font-family: "微软雅黑";
}

.qs-fw-title span {
  font-size: 1.25rem;
  color: #ffa011;
  line-height: 1;
  display: inline-block;
  vertical-align: -10%;
  margin-left: .25rem;
}

.qs-fw-cont,
.qs-fw-cont-active {
  padding: .5rem;
  margin-top: .35rem;

  background: #fff;
  border-radius: .25rem;

}

.qs-fw-cont {
  display: flex;
}

.qs-cl-sore {
  font-size: 2.0rem;
  font-weight: 600;
  line-height: 1;
  color: #ffa011;
}

.qs-cl-meta {
  font-size: .6rem;
  color: #787878;
}

.qs-cr-star img {
  width: 1.5rem;
  margin-right: .5rem;
}

.qs-ca-hd {
  text-align: center;
}

.qs-ca-hd img {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  margin-right: .25rem;
  vertical-align: -15%;
}

.qs-fw-fd {
  display: flex;
  margin-top: .5rem;
  justify-content: space-between;
  align-items: center;
}

.qs-fw-fd>a:nth-child(2) {
  background: #ff9900;
  color: #fff;
  font-size: .6rem;
  border-radius: .25rem;
  padding: .1rem .25rem;
}

.edit-icon {
  width: .8rem;
  height: .8rem;
  margin-right: .1rem;
  background: url(../images/icon_gray_edit.png) no-repeat;
}

.share-icon {
  width: .8rem;
  height: .8rem;
  margin-right: .1rem;
  background: url(../images/icon_live_share.png) no-repeat;
}

.take-star-wrp {
  padding: 1rem 0;
  text-align: center;
}

.take-star-wrp img {
  width: 1.5rem;
}

.tsw-item {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 .2rem;
  background: url(../images/icon_big_star_kong.png) no-repeat;
  background-size: contain;
}

.tsw-item.active {
  background: url(../images/icon_big_star.png) no-repeat;
  background-size: contain;
}

.fab-backdrop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .4);
  z-index: 1400;
  visibility: hidden;
  opacity: 0;
  transition-duration: .4s;
}

.fab-backdrop.backdrop-in {
  visibility: visible;
  opacity: 1;
}

.fab {
  right: 1rem;
  bottom: 7rem;
  position: absolute;
  z-index: 1500;
}

.fab>a,
.fab-buttons a {
  position: relative;
  display: flex;
  padding: 0 1rem 0 1rem;
  transition: .3s;
  justify-content: center;
  align-items: center;
  background: #ffca56;
  color: #333;
  height: 1.8rem;
  line-height: 1.8rem;
  border-radius: .9rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
}

.fab-buttons a {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 4rem;
  font-size: 1.5rem;
  font-family: "微软雅黑";
  padding: 0;
}

.fab>a {
  width: 5rem;
}

.fab-buttons>a:nth-child(1) {
  margin-top: .5rem;
  background: #cc3131;
}

.fab-buttons>a:nth-child(2) {
  background: #44ad7c;
}

.fab-buttons {
  display: flex;
  visibility: hidden;
  pointer-events: none;
  position: absolute;

}

.fab-buttons-top {
  bottom: 100%;
  margin-bottom: 16px;
  flex-direction: column-reverse;
  width: 3rem;
  left: 50%;
  margin-left: -1.5rem;
}

.icon-money-black {
  width: .85rem;
  height: .85rem;
  margin-top: 0 !important;
  margin-right: .25rem;
  background: url(../images/money-black-icon.png) no-repeat;
}

.fab-opened .fab-buttons a {
  opacity: 1;
  transform: translate3d(0, 0px, 0) scale(1) !important;
}

.fab-buttons-top a {
  transform: translate3d(0, 8px, 0) scale(.3);
  transform-origin: center bottom;
}

.fab-opened .fab-buttons {
  visibility: visible;
  pointer-events: auto;
}

.fab-opened .fab-buttons a:nth-child(2) {
  transition-delay: 50ms;
}

.fab.fab-opened>a {
  background: #fff !important;

  transition: .3s;
}

.fab.fab-opened>a span {
  display: inline-block;
  text-indent: -999px;
}

.fab.fab-opened>a .icon {
  margin-right: 0;
  background: url(../images/icon_black_close.png) no-repeat;
  background-size: contain;

}

.qs-list-message-link {
  border: 1px solid #628ffb;
  border-radius: .25rem;
}

.qs-list-message-link a {
  display: block;
  padding: .5rem .75rem;
  color: #628ffb;
  background: url(../images/icon-5.png) no-repeat;
  background-position: 97% center;
  background-position: -webkit-calc(100% - .5rem) center;
  background-position: calc(100% - .5rem) center;
  background-size: .7rem;
}

.message-blue-icon {
  width: 1.4rem;
  height: 1.4rem;
  margin-right: .2rem;
  background: url(../images/icon_more_service_logo.png) no-repeat;
}

@keyframes dropSelect {
  0% {
    top: 0;
    opacity: 0;
  }

  100% {
    top: 1.8rem;
    opacity: 1;
  }
}

@keyframes wordsLoop {
  0% {
    transform: translateX(14rem);
    -webkit-transform: translateX(14rem);

  }

  100% {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}

@-webkit-keyframes wordsLoop {
  0% {
    transform: translateX(14rem);
    -webkit-transform: translateX(14rem);
  }

  100% {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}

@media screen and (max-width: 320px) {}

@media screen and (max-width: 375px) {
  .mn-main-cont {
    top: 6rem;
  }

  #Candlestick {
    width: 100%;
  }

  .fr-bd-t {
    margin-top: 6rem;
  }

  .echart-line,
  .du-chart {
    width: 100%;
  }

  .hb-price {
    top: 6.4rem;
  }

  .pl-chat-input-r {
    width: 15rem
  }

  .plh-item {
    margin: .5rem 0 .5rem .75rem;

  }

  .yz-btn>a>div {

    top: .55rem;

  }

  .bls-ja {
    max-width: 4.5rem !important;
  }

  .bls-ja img {
    max-width: 62%;
    margin-top: 1.8rem;
  }

  .cont-info-up span {
    top: 3rem;
    left: 3.8rem;
  }

  .cont-info-down span {

    top: 3rem;
    left: 3.6rem;

  }

  .box-cont-info>div {
    height: 6rem;
  }

  .cont-stock-info {
    margin-top: .2rem;
    padding-left: .5rem;
    font-size: .65rem;
    color: #666;
    line-height: 1.5;
  }
}

@media screen and (min-width:390px) {
  .mn-main-cont {
    top: 6rem;
  }
}

@media screen and (min-width: 414px) {

  .echart-line,
  .du-chart {
    width: 100%;
  }

  .bls-j>div {
    bottom: 1.4rem;
  }

  #Candlestick {
    width: 100%;
  }

  .chat-num-cont {
    bottom: 2.9rem
  }

  /* .pl-chat-rl{ width: 14rem}*/
  .chat-popup-wrap {

    background: url("../images/chat-bakcground-big.png") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
}

@media screen and (min-width: 768px) {
  .circle-pro-v2 .circle-l-item:nth-child(1) {
    width: 5rem;
    top: -.8rem;
    left: -3.5rem;
  }

  .circle-pro-v2 .circle-l-item:nth-child(2) {
    width: 3rem;
    left: -4rem;
    top: 4.4rem;
  }

  .circle-pro-v2 .circle-l-item:nth-child(3) {
    width: 3rem;
    left: -2.8rem;
    top: 7.5rem;
  }

  .circle-pro-v2 .circle-l-item:nth-child(6) {
    right: -3rem;
    top: 7.2rem;
    width: 3rem;
  }

  .circle-pro-v2 .circle-l-item:nth-child(5) {
    right: -5rem;
    width: 5rem;
    top: 2rem;
  }

  .circle-pro-v2 .circle-l-item:nth-child(4) {
    top: -.8rem;
    right: -1.5rem;
    width: 3rem;
  }

  ::-webkit-scrollbar {
    width: 8px;
    background-color: #fff;
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #bababa;
  }

  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
    border-radius: 10px;
    background-color: #fff;
  }

}

.circle-bar {
  font-size: 70px;
  width: 1em;
  height: 1em;
  position: relative;
  background: -webkit-linear-gradient(180deg, #d8e3fd, #6994fb);
  /* Safari 5.1 - 6.0 */
  background: linear-gradient(180deg, #d8e3fd, #6994fb);
  /* 标准的语法 */
  background: -moz-repeating-linear-gradient(180deg, #d8e3fd, #6994fb)
}

.circle-bar-left,
.circle-bar-right {
  width: 1em;
  height: 1em;
  background: #d8e3fd;
}

/*
    这里采用clip剪切了圆，实现左右两个半圆，右半圆在后面，因此在更上一层，
    clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
 */
.circle-bar-right {
  clip: rect(0, auto, auto, .5em);
}

.circle-bar-left {
  clip: rect(0, .5em, auto, 0);
}

.mm-mask {
  width: 0.8em;
  height: 0.8em;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
  line-height: 0.2em;
  color: rgba(0, 0, 0, 0.5);
}

.mm-mask :first-child {
  font-size: 0.3em;
  height: 0.8em;
  line-height: 0.8em;
  display: block;
}

/*所有的后代都水平垂直居中，这样就是同心圆了*/
.circle-bar * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

/*自身以及子元素都是圆*/
.circle-bar,
.circle-bar>* {
  border-radius: 50%;
}

.circle-bar-text {
  top: 2.4em;
  left: 2em;
  font-size: .12em;
  z-index: 99;
}

.circle-bar-orange {
  background: -webkit-linear-gradient(180deg, #e39a6a, #d24e40);
  /* Safari 5.1 - 6.0 */
  background: linear-gradient(180deg, #e39a6a, #d24e40);
  /* 标准的语法 */
  background: -moz-repeating-linear-gradient(180deg, #e39a6a, #d24e40);
  transform: rotate(-145deg);
}

.circle-bar-orange .mm-mask {
  width: .85em;
  height: .85em;
}

.circle-bar-orange .circle-bar-left,
.circle-bar-orange .circle-bar-right {
  background: #dedede
}

.circle-bar-text-transform {
  transform: rotate(145deg);
}

/*==加载动画===*/
.load6>div {
  width: .4rem;
  height: .4rem;
  background-color: #00bfff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.load6 .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.load6 .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0.0)
  }

  40% {
    -webkit-transform: scale(1.0)
  }
}

@keyframes bouncedelay {

  0%,
  80%,
  100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  }

  40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

@keyframes bs {

  0%,
  80%,
  100% {
    transform: scale(.8);
  }

  40% {
    transform: scale(1.2);
  }
}

#MainExpressionDialog .dialog-boh {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#MainExpressionDialog {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  z-index: 10000;
}

#MainExpressionDialog .dialog-boh {
  padding: .75rem;
}

#MainExpressionDialog .dia-exp-list li {
  display: inline-block;
  width: 32%;
  padding-bottom: .5rem;
  text-align: center;
  font-size: .6rem;
  color: #999;

}

#MainExpressionDialog .dia-exp-list li img {
  width: 2.5rem;
}

#MainExpressionDialog .dia-ex-btn {
  padding: .75rem;
}

#MainExpressionDialog .dia-ex-btn a {
  display: block;
  padding: .5rem 0;
  text-align: center;
  border-radius: .25rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

#MainExpressionDialog .dialog-ex-close {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icon-close.png") center no-repeat;
  background-size: 50%;
}

.group_more_oper_popup .popup_main .popup_main_lists {
  height: 36vh;
  overflow: auto;
}


.group_more_oper_popup .popup_main .popup_main_btns {
  margin: 2.75vh auto 0;
  text-align: center;
  width: 37.3vw;
  padding: 2.4vw 0;
  border-radius: 5px;
  background: #EDEDED;
  border: 1px solid #EFEFEF;
}

.group_more_oper_popup .popup_main .popup_main_fhbtn {
  font-size: 14px;
  font-weight: 500;
  color: #8E8E8E;
}

.group_more_oper_popup .popup_main .popup_main_btns.active .popup_main_fhbtn {
  color: #222;
}

.group_more_oper_popup .popup_main .popup_main_btns.active {
  background: #FFCA56;
}

.module_head {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
}

.text_detail_box {
  overflow: hidden;
}

.qs-up-icon {
  display: inline-block;
  width: .4rem;
  height: 2rem;
  margin-left: -0.15rem;
  background: url(../images/qs-008.png) no-repeat;
  background-size: contain;
  vertical-align: -20%;
}

.qs-up-icon-sm {
  display: inline-block;
  background: url(../images/qs-009.png) no-repeat;
  background-size: contain;
}

.qs-up-icon-sm {
  height: 1rem;
  width: .5rem;
  margin-left: 0rem;
}

.qs-up-icon.down,
.qs-up-icon-sm.down {
  transform: rotate(180deg);
}

.qs-up-icon.down {
  vertical-align: -10%
}

.DrawServiceSpaceShare {
  background: #fff;
  width: 90%;
  border-radius: 0.25rem;
  position: absolute;
  left: 5%;
  right: 0;
  top: 15%;
  z-index: 99999999;
}

.DrawServiceSpaceShareNew {
  /* background: #fff; */
  width: 100%;
  border-radius: 0.25rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 10%;
  z-index: 9999;
  height: 100%;
  text-align: center;
}


.fixed_bot_commodity_information button.active {
  background: #f2b237;
}

.fixed_bot_commodity_information button.unactive {
  background: #a0a0a0;
  color: #fff;
}

._order_detail_service {
  position: absolute;
  right: 0;
  top: .5rem;
  color: #1387FF;
}

.bangbao-icon-01 {
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/icon_bangbao_coin.png) no-repeat;
  vertical-align: -20%;
  margin-right: .2rem;
}

.bangbao-icon-02 {
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/icon_bangbao_coin_blue.png) no-repeat;
  vertical-align: -20%;
  margin-right: .2rem;
}

.bangbao-nav-top {
  display: flex;
  justify-content: space-between;
  padding: .6rem;
}

.bangbao-nav-list {
  display: flex;
  margin-bottom: .5rem;
}

.bangbao-nav-list>a {
  position: relative;
  flex: 1;
  text-align: center;
  font-size: .7rem;
}

.bangbao-nav-list>a>img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

._qj-w-banner {
  position: relative;
}

._qj-w-banner img {
  max-width: 100%;
}

._qj-w-banner a {
  position: absolute;
  width: 1.1rem;
  top: .75rem;
  right: 0;
  background: rgba(0, 0, 0, .5);
  color: #fff;
  font-size: .6rem;
  line-height: 1.2;
  text-align: center;
  padding: .25rem 0;
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

._qj-w-cont {
  padding: 0 .5rem 4.75rem;
  background: #feecde;
}

._qj-stock {
  position: relative;

  padding: .5rem;

  border: 1px solid #f3b38b;
  border-radius: .25rem;
  background-image: linear-gradient(to bottom, #fff8f1, #ffe2d0);
}

._qj-stock-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e3c4af;
  padding-bottom: .5rem;
}

._qj-stock-bd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #686868;
  font-size: .6rem;
  padding-top: .5rem;
}

._qj-stock-bd span {
  color: #2e2e2e;
  font-size: .85rem;
}

._qj-stock-bd>div {
  flex: 1;
  text-align: center;
}

._qj-s-l {
  font-size: .65rem;
}

._qj-s-l h2 {
  font-size: 1.2rem;
  color: #4c3740;
}

._qj-s-l>div {
  display: flex;
  padding: .25rem 0;
  background: #ffe1c8;
  border: 1px solid #fff;
  border-radius: .1rem;

}

._qj-s-l>div>span {
  flex: 1;
  padding: 0 .25rem;
  text-align: center;
  color: #ff8652;
  line-height: 1;
  font-size: .65rem;

}

._qj-s-l>div>span:nth-child(1) {
  border-right: 1px solid #ffbfa3;
}

._qj-s-r {
  color: #ff473d;
}

._qj-t-r {
  position: absolute;
  top: 0;
  right: 0;
  background-image: linear-gradient(to bottom, #ff513a, #ff6a45);
  font-size: .6rem;
  color: #fff;
  padding: 0 .25rem;
  border-top-right-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

._qj-table {
  position: relative;
  margin-top: .25rem;
  background: #fff;
  border: 1px solid #f3b38b;
  border-radius: .25rem;
}

._qj-table-tip-img {
  position: absolute;
  width: 5rem;
  top: -2.5rem;
  right: 0;
}

._qj-echart-wrp {
  margin-top: .25rem;
  padding-top: .5rem;
  background: #fff;
  border: 1px solid #f3b38b;
  border-radius: .25rem;
}

._qj-table table {
  border-radius: .25rem;
}

._qj-table table>tbody td {
  padding: .1rem .75rem !important;
}

._qj-table .table-5 td {
  padding: .35rem .15rem !important;
  text-align: center !important;
  vertical-align: middle;
}

._qj-table-hd {
  display: flex;
  justify-content: space-between;
  margin-top: .5rem;
}

._qj-table-hd span {
  border-left: 2px solid #ff473d;
  padding-left: .5rem;
}

._qj-table tbody td {
  vertical-align: middle;
}

._qj-tip-text {
  margin-bottom: .25rem;
  font-size: .7rem;
  color: #ff6a45;
  text-align: center;
}

._qj-wrap {
  height: 100%;
  background: #feecde;
}

.border-bottom {
  padding-bottom: .75rem;
  border-bottom: 1px solid #efefef;
}

.qj-t {
  align-items: center;
  padding: 0 .75rem;
}

.mu-stock-tag span {
  display: inline-block;
  padding: 0 8px;
  background: #ffefea;
  color: #ff916e;
  font-size: 12px;
  border-radius: 5px;
}

.qj-btn {
  padding-left: .75rem;
}

.qj-sy {
  padding: .75rem .2rem;
  font-size: .65rem;
  line-height: 2;
  color: #444;
}

.pink-tip-text {
  padding: .45rem .75rem;
  background: #ffefef;
  color: #f5414d;
  font-size: .65rem;
}

.stock-list-hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .75rem;
  border-bottom: 1px solid #e5e5e5;
}

.stock-list-hd span {
  border-left: .2rem solid #c52e2f;
  padding-left: .5rem;
}

.hg-table {
  line-height: 1.2;
}

table {
  width: 100%;
}

.hg-table thead td:first-child,
.table-row-4>table>tbody>tr>td:nth-child(4n+1),
.table-row-5>tbody>tr>td:nth-child(5n+1),
.table-row-3>tbody>tr>td:nth-child(3n+1) {
  padding-left: .75rem;
  text-align: left;
}

.table-row-3>tbody>tr>td:nth-child(3n+1) {
  padding-left: 0;
}

.hg-table tbody td {
  padding: .5rem 0;
  padding-left: 0px;
  text-align: center;
  border-bottom: 1px solid #efefef;
  vertical-align: middle;
}

.table-row-5 td {
  /*  width: 20%; */
}

.table-row-2 tbody tr>td:nth-child(2n+1) {
  text-align: left;
  padding-left: 0.75rem;
}

.hg-table thead {
  background: #efefef;
  color: #b6b6b6;
  font-size: .6rem;
}

.hg-table thead td {
  padding: .5rem 0;
  padding-left: 0px;
  text-align: center;
  vertical-align: middle;
}

._qj-report {
  position: relative;
  padding: 7rem .75rem 0;
  height: 100%;
  background: url(../images/qj-001.jpg) top center no-repeat, url(../images/qj-00.jpg) bottom center no-repeat;
  background-color: #ff990d;
  background-size: contain;
}

._qj-report-hd {
  position: absolute;
  top: 2.75rem;
  right: .75rem;
  font-size: .85rem;
  font-family: "Adobe 黑体 Std";
  color: #ff4e00;
}

._qj-report-cont {
  background: #fff;
  padding: .75rem;
  border-radius: .5rem;
  box-shadow: 0 0 8px #ffb910;
  font-family: "Adobe 黑体 Std";
  font-size: .85rem;

}

._qj-report-cont input,
._qj-report-cont textarea {
  background: #efefef;
  border: 1px solid #d0d0d0;
  border-radius: .2rem;
  padding: .25rem .5rem;
}

._qj-report-cont input::placeholder,
._qj-report-cont textarea::placeholder {
  font-size: .75rem;
  color: #999;
}

._qj-report-cont textarea {
  display: block;
  margin-top: .25rem;
  width: 100%;
  padding: .5rem .75rem;
  max-height: 4rem;

}

._qj-w-hd {
  margin-bottom: .5rem;
  background: #f4c3a1;
  color: #613f39;
  font-size: 0.65rem;
  padding: .5rem 0 .5rem .25rem;
  border: 2px solid #fff;
  border-radius: .25rem;
}

._qj-code-wrp {
  display: flex;
  align-items: center;
  text-align: left;
  padding: 0 1rem;
}

._qj-code-wrp>div {
  padding-left: 1rem;
  font-size: .7rem;
}

._qj-code-wrp,
._qj-report-code {
  margin-top: .5rem;
  text-align: center;
}

._qj-code-wrp img,
._qj-report-code img {
  width: 5rem;
}

._qj-report-code>div {
  font-size: .7rem;
  padding: .5rem 2rem;
}

._qj-report-code>div {
  color: #fff;
  font-size: .9rem;
  text-shadow: 0 0 3px #ffb910;
}

._ask-stock-wrp {
  padding: .75rem .75rem .5rem .75rem;
  white-space: nowrap;
  overflow: auto;
}

._ask-sw-item {
  display: inline-block;
  position: relative;
  margin-right: .5rem;
  width: 90%;
  border: 1px solid #fcc593;
  padding: 1.5rem 1.5rem .5rem .5rem;
  border-radius: .25rem;
  box-shadow: 2px 2px 8px rgba(240, 136, 71, .25);
}
._gzs-item-ask{
  padding-top: 1.5rem !important;
  padding-right: 1.5rem !important;
}
._ask-sil {
  position: absolute;
  top: 0;
  left: 0;
  background: #eeba57;
  color: #fff;
  font-size: .7rem;
  padding: 0 .25rem;
  border-top-left-radius: .25rem;
  border-bottom-right-radius: .25rem;
}

._ask-sir {
  position: absolute;
  top: .25rem;
  right: .5rem;
  font-size: .6rem;
  color: #999;
}

._ask-si-r {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  background: #efefef;
  font-size: .7rem;
  padding: .5rem .3rem;
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
  color: #666;
}

._ask-si-hd {}

._ask-si-hd i {
  display: inline-block;
  background: #cc3131;
  color: #fff;
  font-size: .7rem;
  line-height: 1;
  padding: .15rem .15rem 0.1rem .15rem;
  border-radius: .2rem;
  font-style: normal;
  vertical-align: 15%;
}

._ask-si-hd span {

  font-size: .9rem;
  font-family: "微软雅黑";
  margin-left: .2rem;
  color: #000;

}

._ask-si-bd {
  margin: .25rem 0;
  display: flex;
  align-items: center;

}

._ask-si-media {
  position: relative;
  margin-right: .45rem;
  width: 1.8rem;
  height: 1.8rem;
}

._ask-sm-v {
  position: absolute;
  bottom: 0;
  right: -.15rem;
  width: .6rem;
  height: .6rem;
  background: url(../images/qunliao_daV2.png) no-repeat;
  background-size: contain;
}

._ask-si-media img {
  width: 1.8rem;
  height: 1.8rem;

  border-radius: 50%;
}

._ask-si-inner-tag,
._ask-si-gray-tag {
  display: inline-block;
  margin-left: .25rem;
  background: #628ffb;
  color: #fff;
  font-size: .6rem;
  border-radius: .2rem;
  padding: 0 .2rem;

}

._ask-si-gray-tag {
  background: #efefef;
  color: #999;
  vertical-align: 10%;
}

._actions-wrp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10000;

}

._actions-dh {
  background: #f8f4e3;
  padding: .75rem;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}

._action-cont-item {
  display: flex;
  margin-bottom: .75rem;
  padding: .5rem .75rem;
  justify-content: space-between;
  align-items: center;
  color: #2e2e2e;
  background: #fff;
  border-radius: .5rem;
  border: 2px solid #fff;
}

._action-cont-item.active {
  border-color: #f75437;
}

._actions-tag {
  position: relative;
}

._actions-tag::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: .3rem;
  width: 100%;
  height: .5rem;
  background: rgba(247, 84, 55, .15);
}

._actions-link {
  color: #628ffb;
  font-size: .7rem;
  text-decoration: underline;
}

._action-over {
  font-size: .65rem;
  color: #999;
  text-decoration: line-through;
}

.dialog-gw-cont {
  max-height: 7rem;
  padding-bottom: .5rem;
  overflow-y: scroll;
}

.dialog-gw-fd {
  padding: .5rem .75rem .75rem .75rem;
}

.dialog-gw-fd button {
  width: 100%;
  margin: .5rem 0;
  padding: .5rem 0;
  border: none;
  border-radius: .25rem;
  background: #FFCA56;
}

.c_l_top_l a {
  font-size: .7rem;
  font-weight: normal;
  color: #666;
  margin-left: .25rem;
}



._ask-si-fd .qa-mpt1-tag {
  margin-right: -1.5rem;
}

.c_l_top_l a i {
  font-size: .6rem;
  vertical-align: 5%;
  margin-left: .25rem;
}

._shadow-animation {
  animation: shadow-drop-center-light 2s cubic-bezier(.25, .46, .45, .94) both
}

.chat_room_white_box ._shadow-animation {
  animation: shadow-drop-center 2s cubic-bezier(.25, .46, .45, .94) both
}

@keyframes shadow-drop-center {
  0% {
    box-shadow: 0 0 0 0 transparent
  }

  50% {
    box-shadow: 0 0 30px 0 #e35760
  }

  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}

@keyframes shadow-drop-center-light {
  0% {
    box-shadow: 0 0 0 0 transparent
  }

  50% {
    box-shadow: 0 0 30px 0 #e35760
  }

  100% {
    box-shadow: 0 0 0 0 transparent
  }
}

@keyframes boxShadow {
  0% {
    box-shadow: 0 0 0 #333;
  }

  50% {
    box-shadow: 0 0 10px #333;
  }

  100% {
    box-shadow: 0 0 0px #333;
  }
}

@keyframes slide-left {
  0% {
    transform: translateX(90%)
  }

  100% {
    transform: translateX(0)
  }
}

@keyframes slide-top {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(-100%)
  }
}

@keyframes slide-bottom {
  0% {
    transform: translateY(-100%)
  }

  10% {
    transform: translateY(0)
  }

  80% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(-100%)
  }
}

.slide-left {
  animation: slide-left .5s cubic-bezier(.25, .46, .45, .94) both
}

.slide-top {
  animation: slide-top .5s 1s cubic-bezier(.25, .46, .45, .94) both
}

.slide-bottom {
  animation: slide-bottom 5s cubic-bezier(.25, .46, .45, .94) both
}

._messages-bcb {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  transform: translateY(-100%);
}

._messages-bcb .icon_close {
  position: absolute;
  top: .25rem;
  right: .25rem;
}

._good-to-you {
  position: absolute;
  right: 0;
  bottom: 7rem;
  z-index: 10000;
  height: 3.5rem;
  overflow: hidden;
}

._good-ty-list>li {
  transform: translateX(100%);
}

._good-ty-list>li>div {

  height: 1.5rem;
  line-height: 1.5rem;
  margin-bottom: .5rem;
  color: #333;
  padding: 0 .75rem;
  background-image: linear-gradient(to right, #ffe1c1, rgba(255, 226, 193, .5));
  font-size: .7rem;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;

}

._good-ty-list>li span {
  color: #ff7e00;
  margin-right: .5rem;
  font-weight: 600;
}

._dialog_cgray {
  background: #e5e5e5;
  border-radius: .25rem;
  overflow: hidden;
}

._dialog_cgray .chart_img_text_box {
  padding: .5rem
}

._dialog_cgray .bg_gray_module {
  background: #e5e5e5;
}

._dialog_cgray .forward_line_box {
  padding: .5rem
}

._btn_default_gray {
  background: #adadad;
  border-radius: 1rem;
  border: none;
  color: #fff;
  padding: .25rem .75rem;
  font-size: .7rem
}

._btn_default_yellow {
  background: #FEBF55;
  border-radius: 1rem;
  border: none;
  color: #fff;
  padding: .25rem .75rem;
  font-size: .7rem;
  box-shadow: 0 0 4px #ccc
}

._new-line_c {
  line-height: 1.2;
}

._new-line_c>div {
  padding: .05rem .354rem;
  background: #fb9862;
  color: #fff;
  font-size: .6rem;
  border-radius: .5rem;
  line-height: 1;
}

._bottom_chat-tips {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-image: linear-gradient(to right, #fae4c0, #fffffe);
  color: #de7338;
  padding: .5rem;
  font-size: .7rem;
}

._bottom_chat-tips a {
  background: #efae41;
  color: #fff;
  padding: .25rem .5rem;
  border-radius: .25rem;
  font-size: .6rem;
  line-height: 1;
}

._sl-dialog {
  position: absolute;
  top: 20%;
  left: 10%;
  right: 10%;
  background-image: linear-gradient(to bottom, #fbebd0, #fff);
  border-radius: .25rem;
  padding: .75rem;
  z-index: 1004;
}

._sl-dia-hd-img {
  max-width: 60%;
  margin-top: -4rem;
  margin-bottom: .25rem;
}

._sl-dia-hd {
  font-family: "微软雅黑";
  font-size: .7rem;
}

._sl-dia-star {
  margin-top: .5rem;
  text-align: center;
}

._sl-dia-star img {
  width: 1.5rem;
  vertical-align: -35%;
  margin-left: .5rem;
}

._sl-dia-textarea textarea {
  margin-top: .75rem;
  border: none;
  height: 5rem;
  width: 100%;
  background: #fafafa;
  border-radius: .25rem;
  padding: .5rem;

}

._dialog-btn-group {
  display: flex;

}

._dialog-btn-group>a {
  flex: 1;
  padding: .5rem 0;
  text-align: center;
  border-radius: .25rem;

}

._dialog-btn-group>a:nth-child(1) {
  background: #efefef;
  color: #efae41;
}

._dialog-btn-group>a:nth-child(2) {
  margin-left: .5rem;
  background: #efae41;
  color: #fff;
}

._ask-pro-wrp {
  padding: .75rem;
}

._ask-pw-tip {
  font-size: .7rem;
  color: #8e8e8e;
}

._ask-pw-questions {
  padding: .5rem 0;
  white-space: nowrap;
  overflow-x: auto;
}

._ask-pw-questions span {
  display: inline-block;
  margin-right: .5rem;
  padding: .5rem .5rem .35rem .5rem;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: .25rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  font-size: .8rem;
}

._ask-pw-questions span.active {
  border: 1px solid rgba(239, 174, 65, 1);
}

._ask-pw-textarea {
  margin-top: .15rem;
  padding: .5rem;
  background-color: #FAFAFA;
  border-radius: .25rem;
}

._ask-pw-thead {
  font-size: .7rem;
  color: #8e8e8e;
}

._ask-pw-twrap textarea {
  width: 100%;
  border: none;
  background: #FAFAFA;
  min-height: 10rem;
}

._ask-pw-tf {
  font-size: .7rem;
  margin-top: .5rem;
}

._ask-pw-tf input {
  width: .7rem;
  height: .7rem;
  margin-right: .25rem;
  vertical-align: -10%;
}

._ask-pw-tfb {
  display: flex;
  margin-top: .5rem;
  justify-content: space-between;
  align-items: center;
  padding: .5rem 0;
  border-top: 1px solid #efefef;
  font-size: .7rem;
}

.icon-bbc {
  width: .8rem;
  height: .8rem;
  margin-right: .15rem;
  background: url("../images/_tw-icon-01.png") no-repeat;
  background-size: contain;
}

.icon-notice {
  width: .8rem;
  height: .8rem;
  margin-right: .15rem;
  background: url("../images/_tw-icon-02.png") no-repeat;
  background-size: contain;
  vertical-align: -20% !important;
}

._ask-chat-list {
  margin-top: .5rem;
  border-radius: .25rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

._ask-chat-list ._ask-si-inner-tag {
  margin-right: .15rem;
  margin-left: 0;
}

._ask-cl-fd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 .35rem .35rem .35rem;
  font-size: .7rem;
}

._zg-list-item ._ask-cl-fd {
  background: #fff;
  border-radius: .25rem;
}

._ask-cl-fd img {
  width: .85rem;
  vertical-align: 0%;
  margin-left: .25rem;
}

._sl-bb-text {
  position: fixed;
  left: 0;
  bottom: 6rem;
  z-index: 1006;
  padding: 0.4rem;
  background: rgba(255, 255, 255, .8);
  font-size: .7rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  transform: translateX(-100%);
  transition: all .5s;
}

._sl-bb-text.show {
  transform: translateX(0);
}

._sl-bb-btn {
  position: fixed;
  left: .75rem;
  bottom: 6rem;
  z-index: 1005;
  transition: all .5s
}

._sl-bb-btn.hide {
  transform: translateX(-120%);
}

._sl-bb-btn img {
  max-width: 5rem;
}

._sl-bb-btn a {
  position: absolute;
  height: 1.5rem;
  width: 1.5rem;
  top: 0;
  right: 0;
}

._ask-pw-warnning {
  font-size: .6rem;
  color: #8e8e8e;
}

.fixed-bottom-wrapper {
  position: fixed;
  bottom: .75rem;
  left: .75rem;
  right: .75rem;
}

.tabs-yellow-wrap {
  padding: .5rem .75rem;
  position: fixed;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 555;
}

.tabs-yellow-wrap a {
  font-size: .7rem;

  color: #999999;
  background: #fff;
  margin-right: 0.725rem;
}

.tabs-yellow-wrap a.active {
  font-size: .8rem;

  color: #f3c474;

}

.tabs-yellow-wrap a span {
  position: relative;
}

.tabs-yellow-wrap a.active span::after {
  position: absolute;
  content: "";
  left: 15%;
  right: 15%;
  height: 2px;
  bottom: -4px;
  background: #f3c474;
  border-radius: 50%;
}

.bb-card-list {
  padding: .5rem .75rem;
}

.bb-card-item {
  position: relative;
  margin-bottom: .75rem;
  padding: .5rem;
  background-image: linear-gradient(to right, rgba(244, 215, 182, 0.56), rgba(248, 220, 205, 0.56));
  border-radius: .25rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.bb-card-item.used {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

.bb-card-title {
  font-size: 1rem;
  color: #000;
}

.bb-card-text {
  font-size: .7rem;
  color: #2e2e2e;
}

.bb-card-fd {
  display: flex;
  margin-top: .5rem;
  padding-top: .5rem;
  border-top: 1px solid rgba(0, 0, 0, .1);
  justify-content: space-between;
  align-items: center;
}

.bb-card-tr {
  position: absolute;
  top: .5rem;
  right: .5rem;
  background: #6A6461;
  border-radius: 1rem;
  color: #fff;
  padding: .2rem .5rem;
  font-size: .6rem;
  line-height: 1;
}

.bb-cd-item {
  padding: 0 .75rem .75rem;
}

.bb-card-info {
  padding-top: .25rem;
}

.bb-cd-title {
  font-size: .75rem;
  color: #000;
  font-family: "微软雅黑";
}

.bb-cd-text {
  position: relative;
  margin-top: .25rem;
  font-size: .7rem;
  line-height: 1.2;
  padding-left: .75rem;
}

.bb-cd-text::after {
  position: absolute;
  content: "";
  top: .3rem;
  left: .2rem;
  width: .2rem;
  height: .2rem;
  background: url(../images/icon-dot.png) no-repeat;
  background-size: contain;
}

._zg-list-item {
  margin-top: .75rem;
  background: #fff;
  border-radius: .4rem;
}

._zg-li-title,
._zg-question-detail {
  font-size: .85rem;
  font-family: "微软雅黑";
}

._zg-li-hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin:0 .5rem;
  padding: .5rem 0;
  border-bottom: 1px solid #efefef;
}
._zg-li-title{
  font-weight: 600;
}
._zg-li-tc{
  padding: .5rem;
  display: flex;
  justify-content: space-between;  
}
._zg-li-footer{
  display: flex;
  justify-content: space-between;
  
  padding: .5rem;
}
._zg-li-footer > div{
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
._zg-li-footer > a{
  width: 3rem;
  text-align: right;
  flex-shrink: 0;
}
.gray-tag-big{
  display: inline-block;
  background: #D9D9D9;
  border-radius: .2rem;
  
  font-weight: 600;
  padding: .25rem .75rem;
  line-height: 1.2;
}

._zg-li-title>span {
  line-height: 1;
  border-left: 2px solid #efae41;
  padding-left: .5rem;
  display: inline-block;
  font-weight: 600;
}

._zg-li-title>i {
  font-style: normal;
  font-size: .7rem;
}

._zg-question-detail i {
  display: inline-block;
  background: #628ffb;
  width: .85rem;
  height: .85rem;
  font-size: .7rem;
  color: #fff;
  line-height: .85rem;
  text-align: center;
  font-style: normal;
  border-radius: .1rem;
  margin-right: .1rem;
}

._zg-qw-item {
  background: #fff;
  padding: .5rem;
  margin-bottom: .5rem;
  border-radius: .25rem;
  position: relative;
}

._zg-question-tag {}

._zg-question-tag span {
  display: inline-block;
  color: #628ffb;
  font-size: .6rem;
  border-radius: .25rem;
  border: 1px solid #628ffb;
  padding: .15rem .2rem .2rem;
  line-height: 1;
}

._zg-qw-info {
  margin-top: .5rem;
  padding: .5rem;
  border: 2px solid #efefef;
  background: #efefef;
  border-radius: .25rem;
}

._zg-qw-info.up {
  border-color: #dba096
}

._zg-qw-info.down {
  border-color: #abde9e
}

._zg-qw-info .question_detail_page_answer_item_content {
  padding-left: 0;
}

._zg-qw-info .user_name {
  font-size: .8rem;
  font-weight: normal;
}

._zg-ud-img img {
  margin-right: -1rem;

  width: 5rem;
}

._zg-show-more {
  text-align: center;
  font-size: .7rem;
  color: #8e8e8e;
}

._zg-show-more a {
  position: relative;
}

._zg-show-more a::after {
  position: absolute;
  content: "";
  width: .7rem;
  height: .7rem;
  right: -.8rem;
  top: .1rem;
  background: url("../images/icon_jiantou_down .png") center no-repeat;
  background-size: contain;
}

._zg-tw-img {
  margin-top: .5rem;
  text-align: center;
}

._zg-tw-img img {
  max-width: 100%;
}

._zg-tl-title {
  display: flex;
  justify-content: space-between;
}

._zg-tl-title span {
  font-family: "微软雅黑";
  color: #2e2e2e;
  
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

._zg-tl-title a {
  font-size: .7rem; 
  width: 2.5rem;
  text-align: right;
  flex-shrink: 0;
}

._zg-tl-bd ul {
  margin-left: 3.5rem;
  padding-left: .5rem;
  border-left: 1px solid #999;
}

._zg-tl-bd li {
  position: relative;
  margin-bottom: .5rem;
}

._zg-tl-bd li::after {
  position: absolute;
  content: "";
  top: .6rem;
  left: -.7rem;
  width: .4rem;
  height: .4rem;
  background: #efae41;
  border-radius: 50%;
}

._zg-tl-time {
  position: absolute;
  left: -4rem;
  top: 0;
  font-size: .6rem;
  color: #565656;
}

._zg-lb-time-list {
  background: #fff;
  border-radius: 0.25rem;
  padding: 0.5rem;
}

._zg-tl-tag {
  padding: .25rem .5rem;
  display: inline-block;
  font-size: .75rem;
  color: #fff;
  border-radius: 1rem;
  line-height: 1;
}

._tl-tag-01 {
  background: #efae41;
}

._tl-tag-02 {
  background: #8e8e8e;
}

._zg-tl-hd {
  margin-bottom: .25rem;
}

._zg-tl-cont {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: .75rem;
}

._zg-ud-red {
  display: inline-block;
  background: #f5414d;
  color: #fff;
  font-size: .6rem;
  padding: .2rem .5rem;
  border-radius: .2rem;
  line-height: 1;
}

._zg-ud-green {
  display: inline-block;
  background: #33927e;
  color: #fff;
  font-size: .6rem;
  padding: .2rem .5rem;
  border-radius: .2rem;
  line-height: 1;
}
._zg-ud-gray{
  display: inline-block;
  background: #F8F8F8;
  color: #8e8e8e;
  font-size: .6rem;
  padding: .2rem .5rem;
  border-radius: .2rem;
  line-height: 1;
}
._zg-bottom-btn {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}

._zg-btn-wrp {
  padding: .5rem .75rem;
  background: #fff;
  display: flex;

}

._zg-btn-wrp>button {
  height: 2.2rem;
  font-size: .75rem;
  font-family: "微软雅黑";
  text-align: center;
  border-radius: .25rem;
}

._zg-btn-wrp>button:nth-child(1) {
  width: 4rem;
  flex-shrink: 0;
  margin-right: .75rem;
  color: #efae41;
  border: 1px solid #efae41;
  background: #fff;


}
._zg-btn-avatar{
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: .75rem;
}
._zg-btn-wrp>button:nth-child(2) {
  width: 100%;
  background: #efae41;
  color: #fff;
  line-height: 1.1;
  border: 1px solid #efae41;
}

._zg-btn-wrp>button:nth-child(2) span {
  font-size: .6rem;
}

._group-cw-hd {
  padding: .5rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end
}

._group-cw-title {
  font-size: 1.1rem;
  font-family: "微软雅黑";
  color: #000;
}

.dialog-group-vertical-btn button {
  margin-top: .5rem;
  width: 60%;
  /*border: none;
  background: #EFAE41;
  color: #fff;*/
  background: white;
  color: black;
  border: 0.05rem solid #b8b8b8;
  padding: .5rem 0;
  font-size: .7rem;
  border-radius: 1.5rem;
}

.dialog-group-vertical-btn button.active {
    background: #EFAE41;
}

.dialog-group-vertical-btn button:nth-child(1) {
  margin-top: 0;
}

.dialog-yk-title>div {
  flex: 1;
  text-align: center;
}

.dialog-yk-pred {
  display: flex;
  flex-wrap: wrap;
}

.dialog-yk-pred>span {
  width: 48%;
  text-align: center;
  padding: .5rem 0;
  border-radius: 1.5rem;
  margin-top: .5rem;

}

.dialog-yk-pred>span:nth-child(2n+1) {
  color: #33927E;
  border: 1px solid #33927E;
  margin-right: 4%;
}

.dialog-yk-pred>span:nth-child(2n+2) {
  color: #F5414D;
  border: 1px solid #F5414D;
}

.messages-wrp .item-media {
  position: relative;
}

.messages-wrp .item-media span {
  position: absolute;
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background: #cc3131;
  border: 2px solid #fff;
  top: .55rem;
  right: 0;
}

._msg-nwp .msg_module_list>li {
  border-bottom: none !important;
  margin: .5rem;
  background: #fff;
  border-radius: .25rem;
}

._msg-kkg .link_sharing_item {
  background: #fff;
  margin-top: 0;
  padding: 0;
}

._group-cw-bd {
  display: flex;
  flex-wrap: wrap;
}

._group-cw-bd>._group-cw-item:nth-child(4n+2),
._group-cw-bd>._group-cw-item:nth-child(2n+2),
._group-cw-bd>._group-cw-item:nth-child(3n+2) {
  background: url(../images/dt-bg-01.png) no-repeat;
  background-size: cover;
}

._group-cw-bd>._group-cw-item:nth-child(4n+3) {
  background: url(../images/dt-bg-02.png) no-repeat;
  background-size: cover;
}

._group-cw-bd>._group-cw-item:nth-child(4n+4) {
  background: url(../images/dt-bg-03.png) no-repeat;
  background-size: cover;
}

._group-cw-item-tip {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.2rem;
}

._group-cw-item {
  position: relative;
  width: 47%;
  margin-left: 2%;
  background: #efae41;
  border-radius: .5rem;
  padding: .5rem;
  margin-bottom: 2%;
}

._group-cwi-title {
  font-size: .75rem;
}

._group-cwi-title span {
  display: inline-block;
  height: 1.25rem;
  line-height: 1.25rem;
  background: rgba(0, 0, 0, .3);
  border-radius: 1rem;
  vertical-align: middle;
  padding-right: 0.5rem;
  color: #fff;
}

._group-cwi-icon-01,
._group-cwi-icon-02,
._group-cwi-icon-03 {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;


  vertical-align: -26%;
  margin-right: 0.2rem;
}

._group-cwi-icon-01 {
  background: url(../images/_tw-icon-06.png) no-repeat;
  background-size: contain;
}

._group-cwi-icon-02 {
  background: url(../images/_tw-icon-07.png) no-repeat;
  background-size: contain;
}

._group-cwi-icon-03 {
  background: url(../images/_tw-icon-08.png) no-repeat;
  background-size: contain;
}

._group-cwi-bd {
  margin: .5rem 0;
}

._group-cwi-text {
  font-size: .75rem;
  color: #fff;
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

._group-cwi-fd img {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  margin-right: -.25rem;
}

._group-cwi-fd span {
  color: #fff;
  font-size: .6rem;
  margin-left: .5rem;
}

._group-chat-wrp-vertical {
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  margin: .5rem .5rem .75rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

._group-chat-wrp-vertical ._group-cw-hd {
  background: #FFEADB;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}

._group-chat-wrp-vertical ._group-cw-title {
  color: #fe6f33;
  font-size: .8rem
}

._group-chat-wrp-vertical ._group-cw-bd {
  display: block;
  padding-top: .5rem;
  flex-wrap: nowrap;
  width: 100%;
  overflow-y: auto;
  white-space: nowrap;
  padding-right: .5rem;

}

._group-chat-wrp-vertical.sss ._group-cw-bd {
  display: flex;
  flex-wrap: wrap;
  padding-right: 0;
}

._group-chat-wrp-vertical ._group-cw-bd ._group-cw-item {
  display: inline-block;
}

._ask-pw-tb {
  padding: .5rem;
  background: #FFFBF4;
  border: 1px solid #EFAE41;
  border-radius: .25rem;
}

._ask-pw-hd {
  color: #000;
}

._ask-pw-bd {
  color: #8e8e8e;
  font-size: .6rem;
}

._ask-pw-tag span {
  display: inline-block;
  color: #EFAE41;
  border: 1px solid #EFAE41;
  font-size: .6rem;
  padding: .25rem .75rem .15rem;
  border-radius: 1rem;
}

._ask-pw-tag span.active {
  border-color: #EFAE41;
  background: #EFAE41;
  color: #fff;
}

._zb-wrp {
  background: url(../images/_zb-02.png) calc(100% - .75rem) .5rem no-repeat;
  background-size: 8rem;
}

._zb-wrp-hd {
  padding: .75rem .75rem 0;
}

._zb-wrp-bd {
  margin: .5rem .75rem .75rem;

  border-radius: .25rem;
  background-color: #fff;
  overflow: hidden;
}

._zb-tabbar {
  display: flex;
  border: none;
}

._zb-tabbar>a {
  flex: 1;
  text-align: center;
  padding: .5rem 0;
  color: #d38b13;
}

._zb-tabbar>a.active {
  background: #fff8ec;
}

._zb-tab-tip {
  display: flex;
  justify-content: space-between;
  margin: .5rem;
  padding: .25rem .5rem .15rem;
  background: #fafafa;
}

._zb-tab-info {
  padding: .5rem;
}

._zb-tab-shd {
  padding: 0 .5rem;
}

._zb-sbd-item,
._zb-sbd-nitem {
  margin: .5rem;
  padding: 0.5rem;
  background: #fcf8f2;
  border-radius: .25rem;
}

._zb-sbd-item-bd {
  margin-top: .35rem;

}

._zb-sbd-item-bd button {
  height: 1.6rem;
  margin-left: .75rem;
  width: 4rem;
  flex-shrink: 0
}

._zb-sbd-item-bd>div:nth-child(1) {
  padding-right: .5rem;
  border-right: 1px solid #ccc;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
  color: #565656;
}

._zb-info-chart {
  display: flex;
  /* height: 6.5rem;
  background: url("../images/_zb-03.png") center bottom no-repeat; */
  background-size: contain;
  text-align: center;
}

._zb-info-chart>div {

  flex: 1;
  padding: .5rem;
  margin-left: .5rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  border-radius: .25rem;
}

._zb-info-chart>div:nth-child(1) {
  margin-left: 0;
}

._zb-chart-num {
  font-size: 1.1rem;
  font-weight: bold;
  color: #cc3131;
  line-height: 1;
}

._zb-chart-stock {
  font-family: "微软雅黑";
  font-size: .7rem;
  color: #000;
}

._zb-chart-tag {
  display: inline-block;
  font-size: .6rem;
  color: #fff;
  background: #bbb;
  border-radius: 1rem;
  padding: 0 .35rem;
}

.icon-zb-01 {
  width: .85rem;
  height: .85rem;
  margin-right: .05rem;
  background: url("../images/_tw-icon-15.png") no-repeat;
  background-size: contain;
  vertical-align: -10% !important;
}

.icon-zb-02 {
  width: .85rem;
  height: .85rem;
  margin-right: .05rem;
  background: url("../images/_tw-icon-16.png") no-repeat;
  background-size: contain;
  vertical-align: -10% !important;
}

._zb-tab-sm {
  padding: .5rem;
}

._zb-tab-sy {
  margin: 1rem 0;
  font-size: 1.25rem;
  color: #cc3131;
  font-family: "微软雅黑";
  font-weight: bold;
  text-align: center;
}

._zb-notext-show {
  padding: 8rem 0;
  text-align: center;
}

._zb-img-wrp {
  position: relative;
}

._zb-img-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

._zb-img-title {
  padding: .5rem 0 .25rem .5rem;
  font-size: .75rem;
  color: #fff;
}

._zb-img-btn {
  margin-left: .5rem;
  display: inline-block;
  background: #f7936f;
  border: 2px solid #fff;
  padding: .25rem .5rem;
  border-radius: .5rem;
  color: #fdf9e5;
  font-size: .75rem;
  line-height: 1;
}

.dialog-qs-list ul {
  margin-left: .5rem;
}

.dialog-qs-link a {
  display: block;
  color: #1e80ff;
}

.dialog-qs-link a.active {
  color: #ccc;
}

._zb-swiper-wrp {
  height: .75rem;
}

._zb-swiper-wrp .swiper-slide {
  text-overflow: ellipsis;
  overflow: hidden;
  height: 0.75rem;
  line-height: 1.5;

}

#maskContent {

  position: fixed;
  z-index: 10000;
  display: inline-block;
  background-color: #fff;
  text-align: center;
  font-size: .7rem;
}

#maskContent img {
  width: 50px;
  height: 50px;
}

.maskContent-text {
  position: absolute;
  z-index: 10000;
  background: #fff;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 14px;
}

.maskContent-text::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: -8px;
  right: 20px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;

}

.tip-bt-wrp {
  position: relative;
}

.tip-black-text {
  position: absolute;

  bottom: 0;
  left: 0;
  transform: translate(0%, 110%);
  background: rgba(0, 0, 0, .5);
  color: #fff;
  font-size: .6rem !important;
  z-index: 1000;

  border-radius: .2rem;
  line-height: 1.3;
  padding: 4px;
}

.tip-black-text::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: -8px;
  left: 50%;
  margin-left: -4px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgba(0, 0, 0, .5);

}

.maskContent-text .maskCloseBtn {
  color: #1e80ff;
  margin-left: 15px;
  padding: 5px;
  text-decoration: underline;
}

.single-fixed-btn {
  position: fixed;
  right: .75rem;
  bottom: 5rem;
  background: #FFCA56;
  z-index: 999;
  padding: .25rem .75rem .15rem;
  border-radius: 1rem;
  box-shadow: 0 0 5px #ccc;
  font-size: .7rem;

}

.stock-list-item {
  padding: .75rem;
  border-bottom: 1px solid #efefef;
}

.link-item-a {
  display: block;
  background: url("../images/icon_turn_right.png") right center no-repeat;
  background-size: .35rem;
}

.sli-hd {
  display: flex;
  align-items: center;
}

.sli-tag {
  display: inline-block;
  border: 1px solid #EFAE41;
  color: #EFAE41;
  border-radius: .2rem;
  padding: .2rem .25rem .15rem;
  font-size: .55rem;
  line-height: 1;
}
.sli-guanzhu-tag{
  color: #ECA632;
  background: #FFF5E3;
  border-radius: .15rem;
  font-size: .6rem;
  padding: .15rem .25rem;
  vertical-align: 10%;
}
.sli-stock-name {
  margin: 0 .25rem;
 
}

.sli-mid-cont {
  position: relative;
  display: -webkit-box;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  line-height: 1.5;
  font-size: .75rem;
  margin-top: .2rem;
}

.sli-cont-btn {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
  padding: 0;
  margin-left: 4px;
  color: #175199;
  border: none;
  border-radius: 0;
  z-index: 0;
  height: 1.2rem;
  line-height: 1;
  font-size: inherit;
}

.sli-cont-btn::before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  left: -5em;
  right: 0;
  background: #fff;
  z-index: -1;
  -webkit-transition: max-height .32s cubic-bezier(.95, .05, .795, .035), -webkit-mask-size .22s cubic-bezier(.95, .05, .795, .035);
  transition: max-height .32s cubic-bezier(.95, .05, .795, .035), -webkit-mask-size .22s cubic-bezier(.95, .05, .795, .035);
  transition: mask-size .22s cubic-bezier(.95, .05, .795, .035), max-height .32s cubic-bezier(.95, .05, .795, .035);
  transition: mask-size .22s cubic-bezier(.95, .05, .795, .035), max-height .32s cubic-bezier(.95, .05, .795, .035), -webkit-mask-size .22s cubic-bezier(.95, .05, .795, .035);
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, from(#121212), to(transparent));
  -webkit-mask-image: linear-gradient(270deg, #121212 calc(100% - 5em), transparent 100%);
  mask-image: -webkit-gradient(linear, right top, left top, from(#121212), to(transparent));
  mask-image: linear-gradient(270deg, #121212 calc(100% - 5em), transparent 100%);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.sli-jd-cont {
  position: relative;

  margin-top: .25rem;
  padding: .5rem .5rem .5rem .5rem;
  background: #FEF7EB;
  font-size: .6rem;
  border-radius: .25rem;

}

.sli-jd-text{
  position: relative;
  line-height: 1.5;
  max-height: 3.6rem;
  overflow: hidden;
}
.sli-jd-cont>div  p{
  line-height: 1.5 !important;
  margin-top: 0 !important;
}
.sli-jd-cont>div.open{
  max-height: 100rem !important;
}
.sli-jd-cont .sli-cont-btn {
  background: #FEF7EB;
  bottom: .35rem;
}
.nyd-more-wrp .sli-cont-btn{
  bottom: 0 !important;
}
.sli-jd-cont .sli-cont-btn::before {
  background: #FEF7EB;
}

.sli-jd-cont i {
  position: relative;
 
  
  padding-left: 0.85rem;
  font-style: normal;
  color: #CC3131
}

.sli-jd-cont i::before {
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  width: .7rem;
  height: .7rem;
  background: url("../images/icon_index_fzy.png") center center no-repeat;
  background-size: contain;
}

.sli-cont-btn.active {
  color: #8590a6;
}

.sli-cont-btn.active svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #8590a6;
}

.zg-sdw-title {
  padding: 0 .75rem;
  border-bottom: 1px solid #efefef;
}

.zg-sdw-ta {
  position: relative;
  width: 100%;
  min-height: 2.25rem;
  max-height: 6rem;
  overflow-y: scroll;
  padding: .5rem 0;
  box-sizing: border-box;
  transition: all 0.2s linear;
  outline: none;

  word-wrap: break-word;
  /*遇到空格整个单词显示不完就自动换行到下一行*/
  word-break: break-all;
  /*如果一行没有空格就到头截断单词换行*/
}

.zg-sdw-ta-tip {
  position: absolute;
  top: .5rem;
  left: 0;
  color: #ccc;
  font-size: .9rem;
}

.zg-sdw-bd-title {
  padding-top: .75rem;
  padding-left: .75rem;
}

.zg-sdw-input {
  width: 100%;
  padding: .75rem;
  border: none;
  border-bottom: 1px solid #efefef;

}

.zg-sdw-bd-input {
  position: relative;
}

.zg-sdw-input-right {
  position: absolute;
  right: .75rem;
  top: .75rem;
}

.zg-sdw-input-right span {
  background: #F5414D;
  font-size: .55rem;
  color: #fff;
  line-height: 1;
  padding: .1rem .2rem .1rem;
  border-radius: .1rem;
  vertical-align: 20%;
}

.item-single-link {
  background-image: url("../images/war-shares-image/icon-youjiantou.png");
  background-repeat: no-repeat;
  background-position: calc(100% - .25rem) center;
}

.zg-sdw-target {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .75rem 1.5rem .6rem .75rem;
}

.zg-sdw-target .lpo-drop-list{
  display: none;
  opacity: 0;
  transition: .3s;
}
.zg-sdw-target .lpo-drop-list.active{
  display: block;
  transform: translateY(20%);
  opacity: 1;
}
.zg-sdw-target span {
  color: #F5414D;
  font-size: 1rem;
}
.zg-sdw-target input{
  border: none;
  color: #F5414D;
  caret-color:#666
}
.zg-sdw-target > a{
  color: #1e80ff;
  font-size: .75rem;
}
.zg-fd-txtar {
  border-bottom: 1px solid #efefef;
}

.zg-fd-txtar textarea {
  width: 100%;
  border: none;

  min-height: 6rem;
  padding: .0 .5rem .5rem;
}

.zgs-hd {
  display: flex;
  margin: .5rem .75rem;
  padding: .75rem;
  background: #FFB538;
  border-radius: .2rem;
}
.nzg-sy-detail{
  background: url(../images/_jt-10.png) left -20px no-repeat;
  background-size: contain;
}
.nzg-sy-detail .zgs-hd{ background: none;margin: 0;}
.zgs-hd>div:nth-child(2) {
  margin-left: 1rem;
  padding-left: 1.5rem;
  border-left: 1px solid #D59529;
}
.nzg-sy-detail .zgs-hd>div:nth-child(2) {
  margin-left: 0;
  padding-left: 0;

}
.nzg-sy-detail .zgs-hd>div{
  flex: 1;
  text-align: center
}
.zgs-title {
  color: #565656;
  font-size: .7rem;
}

.zgs-info {
  font-size: 1.4rem;
  font-weight: 600;
  color: #2e2e2e;
  line-height: 1.1;
}

.zgs-txt-item {
  padding: .75rem;
}

.zgs-ti-title {
  font-size: 1rem;
  color: #2e2e2e;
  font-weight: 600;
}

.zgs-ti-cont {
  margin-top: .25rem;
  font-size: .7rem;
  color: #565656;
}

.zgs-naf {
  display: flex;
  flex-wrap: wrap;
  padding: .75rem;

}

.zgs-naf>span {
  width: 49%;
  font-size: .7rem;
  color: #565656;
  border: 1px solid #565656;
  border-radius: .2rem;
  text-align: center;
  padding: .25rem 0;
  margin-bottom: 2%;
}

.zgs-naf>span.active {
  background: #EFAE41;
  border-color: #EFAE41;
}

.zgs-naf>span:nth-child(2n+1) {
  margin-right: 2%;
}

.fixed-bottom {
  position: fixed;
  bottom: .75rem;
  left: .75rem;
  right: .75rem;
}

.zg-tags-wrp {
  white-space: nowrap;
  overflow-y: scroll;
  padding-left: .75rem;
  padding-bottom: .75rem;
}

.zg-tags-wrp span {
  display: inline-block;
  margin-right: .5rem;
  border: 1px solid #8e8e8e;
  color: #8e8e8e;
  border-radius: 1rem;
  font-size: .6rem;
  padding: .2rem .5rem .1rem;
}

.zg-tags-wrp span.active {
  background: #FFF4E6;
  border-color: #FFF4E6;
  color: #EFAE41;
}

.zg-tags-wrp span i {
  font-style: normal;
  padding: 0 .25rem;
}

._zg-item-wrp {
  display: flex;
  position: relative;
  padding-bottom: .25rem;
  align-items: center;
}

._zg-item-left {
  margin-right: .5rem;
  width: 3.2rem;
  flex-shrink: 0;
}

._zg-item-left>div:nth-child(1) {
  font-size: 1rem;
  font-weight: 600;
  color: #F5414D;
}

._zg-item-left>div:nth-child(2) {
  font-size: .5rem;
  color: #999;
}

._zg-item-title {
  font-size: .8rem;
  font-weight: 500;
}
._zg-item-tag{
  margin-top: .25rem;
}
._zg-item-tag-link{
  display: flex;
white-space: nowrap;
overflow-x: auto;
padding: .5rem 0;
}
._zg-item-tag-link a{
  background: #efefef;
border-radius: 1rem;
margin-right: .5rem;
padding: 0 .5rem;
}
._zg-item-tag span {
  display: inline-block;
  border: 1px solid #628ffb;
  color: #628ffb;
  font-size: .6rem;
  line-height: 1.2;
  padding: .1rem .2rem .05rem;
  border-radius: .1rem;
  margin-right: .25rem;
}
.qy-weixin{
  position: absolute;
  z-index: 10002;
  top: 5%;
  left: 5%;
  right: 5%;
}
.qy-weixin img{
  max-width: 100%;
}
.qy-weixin-tip{
  position: absolute;
  top: 1.75rem;
  left: 1.25rem;
  right: 1.25rem;
  font-size: .75rem;
  z-index: 10003;
}
.qy-weixin {
    position: absolute;
    z-index: 10002;
    top: 5%;
    left: 5%;
    right: 5%;
}

    .qy-weixin img {
        max-width: 100%;
    }

.qy-weixin-tip {
    position: absolute;
    top: 1.75rem;
    left: 1.25rem;
    right: 1.25rem;
    font-size: .75rem;
    z-index: 10003;
}

._zg-item-tr {
  position: absolute;
  top: 0;
  right: 0;
  color: #999;
  font-size: .6rem;
}

._td-editable {
  height: 100%;
  border: none;
  height: 1.6rem;
  box-shadow: 0 0 5px #ccc;
  text-align: center;
}

.zg-echart-time {
  margin-top: -.5rem;
  display: flex;
  justify-content: space-between;
  color: #8e8e8e;
  font-size: .7rem;
  padding: 0 .5rem 0 1rem;
}
.laohaoliao_popop_conten_item_option{
  position: relative;
}
.laohaoliao_popop_conten_item_option .laohaoliao_popop_conten_item_val{
  width: 100%;
}
.laohaoliao_popop_conten_item_option .dating_page_banner_box_searcharea input {
  border: none;
  background: none;
  width: 100%;
  padding-left: 0;
}
.lpo-drop-list{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(100%);
  z-index: 10000;
  background: #fff;
  box-shadow: 0 0 8px rgb(0 0 0 / 40%);
  border-radius: 0.25rem;
  transition: .3s;
}
.laohaoliao_popop_conten_item_option.active .lpo-drop-list{
  transform: translateY(-100%);
}
.lpo-drop-list li{
  padding: .5rem 0;
  text-align: center;
  border-bottom: 1px solid #efefef;
}
.lpr-list-last{
  display: flex;
  align-items: center;
  justify-content: center;

}
.lpr-list-last input{
  height: 1.6rem;
  line-height: 1.6rem;
  border: 1px solid #efefef;
  text-align: center;
  padding-left: 3rem;
}
.lpr-list-last button{
  height: 1.6rem;
  border: none;
  background: #EFAE41;
  color: #333;
  font-size: .75rem;
  width: 3rem;
}
.fab-wrp{
  position: absolute;
  right: .75rem;
  bottom: 3rem;
  z-index: 15000;
}
.fab-wrp  a{
  position: relative;
  display: flex;
  width: 2.8rem;
  height: 2.8rem;
  background: url(../images/gc-send-btn.png) no-repeat;
  background-size: contain;
  transition-duration: .3s;
  z-index: 1; 

}
.fab-wrp.fab-wrp-opened > a{
  background: url(../images/zg-close-btn.png) no-repeat;
  background-size: contain;
}
.fab-wrp-buttons {
  display: flex;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  width: 3rem;
  left: 50%;
  margin-left: -1.5rem;
  bottom: 100%;
  margin-bottom: .5rem;
  flex-direction: column-reverse;
 
}
.fab-wrp-buttons > a:nth-child(1){
  background: url(../images/zg-wz-icon.png) no-repeat;
  background-size: contain;
}
.fab-wrp-buttons > a:nth-child(2){
  background: url(../images/zg-dt-icon.png) no-repeat;
  background-size: contain;
}
.fab-wrp-buttons > a{
  width: 3rem;
  height: 3rem;
  transform: translate3d(0,8px,0) scale(.3);
  transition-duration: .3s;
  transform-origin: center bottom;
  opacity: 0;
}
.fab-wrp-label{
  position: absolute;
  top: 50%;
  white-space: nowrap;
  transform: translateY(-50%);
  pointer-events: none;
  right: 100%;
  margin-right: 0;
  font-size: .6rem;
  color: #8e8e8e;
  text-align: right;
  background: #fff;
  padding: .2rem .4rem;
  border-radius: .2rem;
  /* box-shadow: 0 0 4px rgba(0, 0, 0, .4); */
}
.fab-wrp-label b{
  font-size: .7rem;
  color: #2e2e2e;
  font-weight: 500;
}
.fab-wrp-opened .fab-wrp-buttons {
  visibility: visible;
  pointer-events: auto;
}
.fab-wrp-opened .fab-wrp-buttons a {
  opacity: 1;
  transform: translate3d(0,0px,0) scale(1)!important;
}
.dialog-fixed-bottom{
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  z-index: 11000;
}

.dia-fb-cancel-btn{
  color: #999;
  font-size: .7rem;
}
.dia-fb-sure-btn{
  background: #EFAE41;
  font-size: .7rem;
  border-radius: .2rem;
  padding: .1rem .35rem;

}
.dia-fb-edit-wrp{
  padding: 0 .75rem;

}
.dia-fb-edit-wrp textarea{
  background: #F8F8F8;
  padding: .5rem;
  font-size: .75rem;
  border-radius: .2rem;
  width: 100%;
  height: 4rem;
  border:none
}
.cg-messages-wrp{
  display: flex;
  margin: .75rem 0;
  padding: .35rem .75rem .25rem;
  border-radius: 1rem;
  background: #efefef;
  font-size: .7rem;
  height: 1.6rem;
}
.newMessage-icon{
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../images/newsmessage-icon.png) no-repeat;
  background-size: contain;
  flex-shrink: 0;
  margin-right: .25rem;
  margin-top: .05rem;
}
.cg-messages{
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

}
.icon_bang_ask{
  position: relative;
}
.icon_bang_ask div{
  position: absolute;
  padding: .25rem;
  width: 11rem;
  top: -2.8rem;
  left: -2rem;
  background: rgba(0, 0, 0, .8);
  color: #EFAE41;
  font-size: .6rem;
  border-radius: .2rem;
}
.icon_bang_ask div::after{
  position: absolute;
  content: "";
  bottom: -0.6rem;
  width: 0;
  height: 0;
  left: 2rem;
  border: .3rem solid transparent;
  border-top-color: transparent;
  border-top-style: solid;
  border-top-width: 0.3rem;
  border-top: .3rem solid rgba(0, 0, 0, .8);
}
.white-mask{
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 15000;
}
.zhiding_txt{
  display: inline-block;
background: #F5414D;
color: #fff;
border-radius: .2rem;
font-size: .6rem;
line-height: 1;
padding: .15rem .15rem .1rem .15rem;
}
.zg-gif-wrp{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  height:100%;
  overflow: hidden; 
  z-index: 100000;
}
.zg-gif-wrp img{
  vertical-align: top;
}
.zg-gif-top{
  position: relative;
  flex-shrink: 0;
}
.zg-gif{
  flex: auto;
}
.zg-gif-text{
  position: absolute;
  width: 100%;
  left: 0;
  top: 5%;
}
.czz-wrp{
  /* background: linear-gradient(204.01deg, rgba(130, 157, 255, 0.19) 1%, rgba(142, 175, 255, 0) 22.92%); */
}
.czz-header{
  margin: 2rem .75rem .75rem;
  padding-top: 1.4rem;
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.czz-hd-avatar{
  position: absolute;
  top: -1.5rem;
  left: .6rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 2px solid #fff;
}
.czz-hd-user{
  display: flex;
  justify-content: space-between;
  padding: .6rem;
}
.czz-user-name{
  font-weight: 600;
}
.czz-user-meta{
  font-size: .6rem;
}
.czz-user-meta > a{
  margin-left: .5rem;
  padding-left: .5rem;
  border-left: 1px solid #efefef;
  color: #1387FF;
}
.czz-hd-news{
  display: flex;
  align-items: center;
  padding: .5rem .6rem;
  border-top: 1px solid #efefef;
  font-size: .6rem;
}
.czz-hd-news > span{
  flex-shrink: 0;
  height: .6rem;
  color: #EFAE41;
  padding-right: .5rem;
  margin-right: .5rem;
  border-right: 1px solid #efefef;
  line-height: 1;
}
.czz-swiper{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: .9rem;
}
.czz-nav,.czz-date{
  margin: .75rem;
  background: #FFFFFF;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.czz-nav-list{
  display: flex;
  flex-wrap: wrap;
  padding-bottom: .75rem;
}
.czz-nav-list > a{
  width: 20%;
  margin-top: .75rem;
  text-align: center;
  font-size: .6rem;
}
.czz-nav-list > a > img{
  width: 1.6rem;
  margin-bottom: .2rem;
  vertical-align: top;
}
.czz-date{
  padding: .6rem;
}
.czz-date-title{
  font-size: .9rem;
  font-weight: 500;
}
.czz-date-bd{
  display: flex;
  justify-content: space-between;
  
}
.czz-date-item{
  text-align: center;
}
.czz-date-item > span{
  font-size: .6rem;
  color: #8E8E8E;
}
.czz-date-item > span > span{
  color: #EFAE41;
}
.czz-date-item > div{
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2;
}
.czz-banner{
  margin: .75rem;
  height: 6rem;
  overflow: hidden;
}
.czz-banner img{ max-width: 100%;}
.czz-school-hd{
  font-size: .9rem;
  font-weight: 600;
  padding-left: .75rem;
  padding-bottom: .5rem;
}
.czz-school-bd{
  display: flex;
  flex-wrap: wrap;
  padding-right: .75rem;
  padding-left: .75rem;
}
.czz-school-item{
  width: 48%;
  
  margin-bottom: .75rem;
}
.czz-school-bd > .czz-school-item:nth-child(even){margin-left: 4%;}
.czz-school-media{
  height: 5rem;
  overflow: hidden;
}
.czz-school-media img{
  max-width: 100%;
  vertical-align: top;
}
.czz-school-text{
  margin-top: .25rem;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 2;
  /** 显示的行数 **/
  overflow: hidden;
  line-height: 1.2;
  font-size: .7rem;
}
.sr-search-wrp{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: .75rem;
  border-bottom: 1px dashed #efefef;
}
.sr-swi{
  position: relative;
  width: 100%;
}
.sr-swi input{
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  padding:0 .5rem;
  border-radius: .25rem;
  border: none;
}
.sr-swi input::placeholder{ 
  font-size: .7rem;
  color: #ccc;
}
.sr-search-wrp > button{
  height: 2rem;
  width: 3.5rem;
  text-align: center;
  background-image: linear-gradient(to bottom,#ffe4b8,#ffb348);
  border: none;
  border-radius: .25rem;
  margin-left: .25rem;
  flex-shrink: 0;
  color: #c32526;
  font-weight: 600;
}
.sr-search-wrp > a{
  margin-left: .25rem;
  width: 3rem;
  color: #fff;
  font-size: .75rem;
  flex-shrink: 0;
}
.czz-read-wrp{
  
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 80%;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  background: #fff;
  z-index: 10000;
  overflow-y: auto;
  transform: translateY(100%);
  transition: all .3s;
}
.czz-read-show{
  transform: translateY(0);
}
.czz-read-hd{
  position: relative;
  padding: .75rem;
  border-bottom: 1px solid #efefef;
}
.czz-read-close{
  position: absolute;
  right: .5rem;
  top: .5rem;
  width: 2rem;
  height: 2rem;
  background: url(../images/icon-close-gray.png) center no-repeat;
  background-size: 50%;
}
.czz-read-title{
  font-size: .9rem;
  font-weight: 500;
}
.czz-read-meta{
  font-size: .7rem;
  color: #8e8e8e;
}
.nav-buttons {
    padding: 0.5rem 0;
    background: rgba(242, 242, 242, 1);
    box-shadow: 0px 1px 0px 0px rgba(234, 234, 234, 1);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
}

.nav-buttons > a {
    flex: 1;
    text-align: center;
    font-size: .55rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(168, 169, 169, 1);
}

.nav-buttons .button-ac > div:nth-child(1) {
    width: 1rem;
    height: 1rem;
    margin: 0 auto;
    background: url(../images/icon_jiaoliu.png) no-repeat center/.85rem;
}

.nav-buttons .button-ac.active > div {
    color: #EFAE41
}

.nav-buttons .button-ac.active > div:nth-child(1) {
    width: 1rem;
    height: 1rem;
    background: url(../images/icon_jiaoliu_1.png) no-repeat center/.85rem;
}

.nav-buttons .button-mine > div:nth-child(1) {
    width: 1rem;
    height: 1rem;
    margin: 0 auto;
    background: url(../images/icon_wode.png) no-repeat center/.8rem .875rem;
}

.nav-buttons .button-mine.active > div {
    color: #EFAE41;
}

.nav-buttons .button-mine.active > div:nth-child(1) {
    width: 1rem;
    height: 1rem;
    background: url(../images/icon_wode_1.png) no-repeat center/.8rem .875rem;
}
.mine-oper-head-box {
    padding: 0.6rem 0.6rem 0 0.6rem;
}

.mine-oper-head {
    padding: 0.6rem 0.725rem 0.6rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: url(../images/bg_mingpian.png) no-repeat center/cover;
    border-radius: .6rem;
}
.sli-hd{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sli-hd-title{
  
}
.yellow-tag-wrp{
  display: inline-block;
  border: 1px solid #EFAE41;
  color: #EFAE41;
  border-radius: .15rem;
  padding:0 .15rem ;
  font-size: .5rem;
}
.red-tag-wrp{
  display: inline-block;
  background: #F5414D;
  color: #fff;
  border-radius: .15rem;
  padding:0 .15rem ;
  font-size: .5rem;
}
.tag-red-gradient{
  background: linear-gradient(90deg, #FF6666 0%, #FF3C82 100%);
  font-size: 1rem;
  color: #fff;
  padding: .5rem 1rem;
  border-radius: 2rem;
}
.tag-green-gradient{
  background: linear-gradient(90deg, #62D6BD 0%, #33927E 100%);
  font-size: 1rem;
  color: #fff;
  padding: .5rem 1rem;
  border-radius: 2rem;
}
.icon-hot-white{
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/_tw-icon-38.png) no-repeat;
  vertical-align: -15% !important;
}
.icon-sad-white{
  width: 1.2rem;
  height: 1.2rem;
  margin-right: .15rem;
  background: url(../images/_tw-icon-39.png) no-repeat;
  vertical-align: -15% !important; 
}
.green-tag-wrp{
  font-size: .5rem;
  display: inline-block;
  background: #33927E;
  color: #fff;
  border-radius: .15rem;
  padding: 0 .25rem;
  transform: perspective(1000);
}
.green-tag-wrp .icon-n-03{
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
}
.blue-tag-wrp{
  display: inline-block;
  background: #F9F8FE;
  color: #628FFB;
  border-radius: .15rem;
  padding: .1rem .25rem;
  font-size: .6rem;
  line-height: 1;
}
.icon-n-mid{
  width: .8rem;
  height: .8rem;
  margin-left: .25rem;
}
.ml0{margin-left: 0　!important;}
.sli-mid-time{
  font-size: .6rem;
}
.sli-rw{
  position: relative;
}
.sli-rw > ul{
  position: absolute;
  top: 1rem;
  right: 0;
  width: 6rem;
  background: #fff;
  box-shadow: 0 0 8px #ccc;
  z-index: 1000;
  text-align: center;
  font-size: .7rem;
  border-radius: .25rem;
}

.sli-rw > ul li{
  padding: .5rem;
  border-bottom: 1px solid #efefef;
}
._zg-li-title .icon{
  width: 1.2rem;
  height: 1.2rem;
  margin-right: .25rem;
}
.icon-n-01{
  background: url(../images/icon-n-01.png) no-repeat;
}
.icon-n-02{
  background: url(../images/icon-n-02.png) no-repeat;
}
.icon-n-03{
  width: .7rem;
  background: url(../images/icon-n-03.png) no-repeat;
}
.icon-n-04{
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/icon-n-04.png) no-repeat;
}
.icon-n-05{
  background: url(../images/icon-n-05.png) no-repeat;
}
.icon-n-06{
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/icon-n-06.png) no-repeat;
}
.icon-n-07{
  background: url(../images/icon-n-07.png) no-repeat;
}
.red-default-tag{
  display: inline-block;
  font-size: .55rem;
  color: #F5414D;
  border: 1px solid #F5414D;
  border-radius: .15rem;
  padding: .1rem .25rem .05rem;
}
.green-default-tag{
  display: inline-block;
  font-size: .55rem;
  color: #33927E;
  border: 1px solid #33927E;
  border-radius: .15rem;
  padding: .1rem .25rem .05rem;
}
.nzg-header{
  padding-top:0;
  /* padding-bottom: 1rem; */
  /* background: linear-gradient(180.2deg, #FFB538 22.94%, rgba(255, 181, 56, 0) 91.99%); */
  background: url(../images/yd-bg-01.png) no-repeat;
  background-size: cover;
}


.zgn-hb-txt img{
  width: 2.5rem;
  margin-left: -.75rem;
}

.nzg-hhdl img{
  max-width: 140%;
  margin-left: -1rem;
}
.nzg-hhdl{
  position: relative;
}
.nzg-hhtip{
  position: absolute;
  background: #fff;
  height: 2rem;
  padding: 0 .5rem;
  line-height: 2rem;
  border-radius: .2rem;
  top: -2rem;
  left: 1rem
}
.nzg-hhtip::after{
  position: absolute;
  content: "";
  bottom: -.35rem;
  left: 2rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .4rem .4rem 0 .4rem;
  border-color: #fff transparent transparent transparent;
}
.nzg-stock{
  /* position: absolute;
  left: 0.75rem;
  right: 0rem;
  bottom: -1.2rem; */
  padding:.5rem .75rem;
 display: flex;
 justify-content: space-between;
 align-items: center;
 border-bottom: 1px solid #efefef;
}
.nzg-stock-infos{
  position: relative;
  padding:.5rem .75rem;
  font-size: .7rem;
  color: #565656;
 
}
.nzg-stock-info-more{
  display: none;
  position: absolute;
  left: .75rem;
  right: .75rem;
  bottom: 0;
  background: #fff;
  padding: .5rem .75rem;
  box-shadow: 0 0 5px #ccc;
  border-radius: 4px;
  transform: translateY(100%);
  z-index: 1000;
 
}
.nzg-stock-info-more > a{
  position: absolute;
  top: -.75rem;
  right: -.75rem;
  width: 1.5rem;
  height: 1.5rem;
  background: url(../images/zg-close-btn.png) no-repeat;
  background-size: contain;
}
.nzg-stock-btn{
  position: absolute;
  top: 1.2rem;
  right: 1.5rem;
  font-size: .6rem;
  border-radius: 1rem;
  padding: .25rem .75rem .2rem;
  
}
.nzt-si-btn img{
  width: .8rem;
  border: 1px solid #cecece;
  margin-left: .35rem;
}

.nzg-bw-btn img{
  width: 3rem;
}
.nzg-btn-add{
  background: #EFAE41;
  color: #fff;
}
.nzg-btn-adding{
  border: 1px solid  #8E8E8E;
  color:  #8E8E8E;
}
._zg-tt-top{
  display: flex;
  align-items: center;

}
._zg-tip-wrp{
  position: relative;
}
._zg-tag-tip{
  padding: .5rem;
  position: absolute;
  width: 10rem;
  top: 1.5rem;
    left: 0.5rem;
  background: #fff;
  z-index: 1000;
  font-size: .6rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  
}
._zg-tag-tip::after{
  position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .4rem 0 0 .4rem;
    top: -.4rem;
    left: 0;
    
    border-color: transparent transparent transparent #ffffff;
}
._zg-tt-title{
  padding-bottom: .35rem;
  border-bottom: 1px solid #efefef;
  color: #EFAE41;
  margin-bottom: .5rem;
}
.nyd-art-hd{
  padding: .75rem .75rem .25rem .75rem;
}
.nyd-art-bd{
  padding: 0 .75rem .75rem .75rem;
}
.nyd-title-tag span{margin-right: .25rem;}
.nyd-article{
  border-bottom: 1px solid #efefef;
}
.nyd-xg-hd{
  padding: .75rem .75rem 0.25rem .75rem;
}
.nyd-xg-list{
  padding: 0  .75rem 0 .75rem;
  display: flex;
  flex-wrap: wrap;
}
.nyd-xg-item{
  width: 48%;
  display: flex;
  margin-bottom: .5rem;

}
.nyd-xg-list > .nyd-xg-item:nth-child(even){
  margin-left: 4%;
}
.nyd-item-l{
  width: 100%;
  background: #E9E9E9;
  line-height: 1.4rem;
  font-size: .75rem;
  height: 1.2rem;
  padding-left: .5rem;
}
.nyd-xg-wrp{padding-bottom: 0.5rem;}
.nyd-item-l span{ margin-left: .25rem;}
.nyd-item-add{
  width: 1.2rem;
  height: 1.2rem;
  flex-shrink: 0;
  background:#F7F7F7 url(../images/war-shares-image/icon-add.png) center no-repeat;
  background-size: 80%;
}
.nyd-item-remove{
  width: 1.2rem;
  height: 1.2rem;
  flex-shrink: 0;
  background:#F7F7F7 url(../images/zhangu/icon_ture.png) center no-repeat;
  background-size: 80%;
}
.nyd-tj-hd{
  padding: 0 .75rem;
}
.nyd-tj-title{
  font-weight: 500;
  
}
.nyd-tj-wrp{
  padding: .75rem 0;
}
.nyd-tj-item{

  position: relative;
  display: flex;
  padding: .5rem;
  margin: .5rem .75rem;
  border-radius: .25rem;
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, .2);
}
.nyd-tj-list > div{
  position: relative;
}
.nyd-item-close{
  position: absolute;
  width: 1rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  color: #ccc;
  bottom: .25rem;
  right: 1rem;
  z-index: 10000;
}
.nyd-tj-media{
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
  margin-right: .5rem;
}
.nyd-tj-media img{
  object-fit: cover;
  width: 3rem;
  height: 3rem;
  border-radius: .25rem;
}
.nyd-inner-cont{
  font-size: .7rem;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 2;
  /** 显示的行数 **/
  overflow: hidden;
  line-height: 1.4;
}
.nyd-more-wrp{
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 4;
  /** 显示的行数 **/
  overflow: hidden;
}
.nyd-more-wrp.open{
  -webkit-line-clamp: 100;
}
.nyd-more-wrp2{
  max-height: 3.6rem;
  font-size: .8rem;
  line-height: 1.5;
  overflow: hidden;
}
.nyd-more-wrp2 p{ line-height: 1.5  !important;margin-top: 0 !important;}
.nyd-more-wrp2.open{
  max-height: 100rem;
}
.table-sticky{
  overflow: auto;
  width: 100%;
  height: 100%;

}
.table-sticky table{
  table-layout: fixed;
  border-collapse:separate;
}
.table-sticky table thead tr th{
  position: sticky;
  top: 0;
  background: #fff;
  color: #999;
  font-size: .6rem;
  font-weight: normal;
  transform: perspective(1000);
  -webkit-transform: perspective(1000);
}
.table-sticky th,
.table-sticky td{
  width: 4rem;
  padding: .45rem 0;
  box-sizing: border-box;
  text-align: center;
  border-bottom: 1px solid #efefef;
}
.table-sticky tbody td{
  color: #565656;
  font-size: .6rem;
  vertical-align: middle;
}
.table-sticky tbody > tr >  td:nth-child(1){
  width: 5rem;
}
.table-sticky td:first-child,
.table-sticky th:first-child{
  position: sticky;
  left: 0;
  z-index: 1;
  background: #fff;

}
.table-sticky th:first-child{
  z-index: 2;
  width: 5.5rem;
}
.table-sticky tr.active td{
  background: #ffedcf;
  border-top:1px solid #EFAE41 ;
  border-bottom:1px solid #EFAE41 ;
}
.zdf-i-none {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    margin-left: .1rem;
    background: url(../images/icon-paixu-none.png) center no-repeat;
    background-size: contain;
}
.zdf-i{
  display: inline-block;
  width: .5rem;
  height: .5rem;
  margin-left: .1rem;
  background: url(../images/icon-paixu-up.png) center no-repeat;
  background-size: contain;
}
.zdf-i.down{
  transform: rotateX(-180deg);
  -webkit-transform: rotateX(-180deg);
}
.tc-hd-list,
.tc-lt-wrp{
  margin: .75rem;
  border-radius: .5rem;
  box-shadow: 0 0 8px rgba(0, 0, 0, .2);
}

.tc-hd-t{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .5rem .5rem .25rem;
}
.s-b-1{
  
  border-radius: .2rem;
  line-height: 1.2;
  padding: 0 .2rem;
  box-shadow: 0 0 3px rgb(0 0 0 / 10%);
}
.tc-hd-b{
  display: flex;
  justify-content: space-between;
  padding: 0 .5rem .5rem .5rem;
}
.pink-tag-wrp{
  padding:0 .5rem .5rem .5rem;
}
.pink-tag-wrp span{
  display: inline-block;
  font-size: .6rem;
  background: #FEF9F8;
  border-radius: .2rem;
  padding: 0 .2rem;
  color: #F5414D;
  margin-right: .25rem;
}
.tc-foot{
  padding: .5rem;
  font-size: .6rem;
  background: rgba(239, 174, 65, .11);
  border-bottom-left-radius: .5rem;
  border-bottom-right-radius: .5rem;
}
.tc-lt-wrp{
  margin: .75rem;
  padding-bottom: .25rem;
}
.tc-lt-t{
  padding: .5rem .5rem .25rem .5rem;
  display: flex;
  justify-content: space-between;
  
}
.tc-lt-n-wrp .tc-lt-t{
  padding: .5rem .75rem;
}
.tc-lt-title{
  font-size: .7rem;
  font-weight: 600;
}
.tc-lt-c{
  display: flex;

}
.tc-lt-c li{
  position: relative;
  flex: 1;
  text-align: center;

}
.tc-lt-c > li::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 60%;
  top: 20%;
  right: 0;
  background: #EFEFEF;
}
.tc-lt-c > li:nth-last-child(1)::after{
  display: none;
}
.txt-si{
  display: inline-block;
  width: .8rem;
  height: .8rem;
  background: #EFAE41;
  border-radius: .15rem;
  font-size: .5rem;
  line-height: .8rem;
  text-align: center;
  vertical-align: text-top;
  margin-right: .1rem;
}
.tct-z{
  font-size: 1rem;
  line-height: 1.3;
}
.tct-s{
  font-size: .7rem;
}
.tct-x{height: .9rem;}
.tct-x span{vertical-align: top;}
.tc-table{
  font-size: .7rem;
}
.look_ups_downs_npopup{
  width: 14rem;
  top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    right: auto;
}
.dialog-yd-wrp{
  border-radius: .25rem;
}
.dia-yd-cont{
  position: relative;
  padding: .5rem;
}
.dia-yd-text{
  
 
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 3;
  /** 显示的行数 **/
  overflow: hidden;

}
.dia-yd-cont-btn{
  position: absolute;
  right: .5rem;
  bottom: .35rem;
  font-size: .6rem;
  color: #1387FF;
  background: #fff;
  padding: .2rem;
}
.dia-yd-meta{
  display: flex;
  align-items: center;
  font-size: .6rem;
  padding-left: .5rem;
  padding-bottom: .75rem;
  border-bottom: 1px solid #efefef;
}
.dia-yd-meta > div:nth-child(1){
  color: #8e8e8e;
  margin-right: 1rem;
  position: relative;
}
.dia-yd-meta > div:nth-child(1)::after{
  position: absolute;
  content: "";
  width: 1px;
  height: 60%;
  top: 20%;
  right: -.5rem;
  background: #e8e8e8;
  


}
.dia-yd-footer{
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #ccc;
  font-size: .7rem;
  padding-left: .5rem;
  border-top: 1px solid #e8e8e8;
}
.dia-yd-footer > a{
  width: 4rem;
  height: 2rem;
  line-height: 2rem;
  background: #EFAE41;
  color: #fff;
  text-align: center;
  font-size: .7rem;
  flex-shrink: 0;
}
.danmu{height: 20px;line-height: 20px;display: block;font-size: 12px;}
.danmu span{

  font-size: .7rem;
  padding: .1rem .75rem;
  border-radius: 1rem;
}
.danmu:nth-child(3n+1)  span{ background: #ffe0e0}
.danmu:nth-child(3n+2)  span{ background: #e3ebff}
.danmu:nth-child(3n+3)  span{ background: #ffead4}
._jt-search-bar{
  position: fixed;
  width: 100%;
  left: 0;
  padding: .75rem 0;
  
  background: #fff;
  z-index: 1000;
}
._jt-search-ban-cont{
  display: flex;
  align-items: center;
  margin-left: .75rem;
  margin-right: .75rem;
  height: 2rem;
  padding: .35rem .5rem .25rem;
  background: #fafafa;
  border: 1px solid #ccc;
  border-radius: .2rem;
}
._jt-search-ban-cont input{
  border: none;
  background: none;
  margin-left: .25rem;
  line-height: 1.5;
}
._jt-wrp{
  padding-top: 3.5rem;
}
._jt-item-title{
  
  text-align: center;
}
._jt-item-title span{
  position: relative;
  font-size: .9rem;
  color: #2e2e2e;
}
._jt-item-title span::before{
  position: absolute;
  content: "";
  top: 0;
  left: -1.5rem;
  width: 1.1rem;
  height: 1.1rem;
  background: url(../images/_jt-01.png) no-repeat;
  background-size: contain;
}
._jt-item-title span::after{
  position: absolute;
  content: "";
  top: 0;
  right: -1.5rem;
  width: 1.1rem;
  height: 1.1rem;
  background: url(../images/_jt-01.png) no-repeat;
  background-size: contain;
}
._jt-list-item{
  padding-bottom: .75rem;
}
._jt-swiper{
  
}
._jt-swiper-item{
  position: relative;
  color: #fff;
  min-height: 7.2rem;
}
._jt-si-title{
  padding: 1rem 0 .25rem .75rem;
  font-size: 1rem;
}
._jt-si-text{
  padding: 0 .75rem 0 .75rem;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 2;
  /** 显示的行数 **/
  overflow: hidden;
  font-size: .7rem;

}
._js-hi-sj{
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 3;
  /** 显示的行数 **/
  overflow: hidden;
}
._jt-swiper-img{
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
._jt-swiper .swiper-slide{
  width: 90%;
 
}
._jt-si-tag{
  padding: .25rem .25rem 0 .75rem;
  font-size: .6rem;
/*   white-space: nowrap;
  overflow-x: auto; */

}
._jt-si-tag > span{
  display: inline-block;
  background: #e9e9e9;
  border-radius: .2rem;
  padding: .2rem .5rem;
  color: #2e2e2e;
  margin-right: .5rem;
}
._jt-swiper-pagination{
  position: static;
  text-align: left;
}
._jt-swiper-pagination .swiper-pagination-bullet{
  width: auto !important;
  height: auto !important;
  background: none !important;
  opacity: 1;
  margin-right: .5rem;
}
._jt-swiper-pagination.swiper-pagination{
  
  font-size: .7rem;
  text-align: left;
  height: 1.3rem;
  white-space: nowrap;
  overflow-x: scroll;
}
._jt-swiper-pagination .swiper-pagination-bullet i{
  display: inline-block;
  width: .75rem;
  height: .75rem;
  line-height: .8rem;
  border-radius: 50%;
  text-align: center;
  background: #ccc;
  color: #fff;
  font-style: normal;
}
._jt-swiper-pagination .swiper-pagination-bullet-active{
  color: #FF8B16;
}
._jt-swiper-pagination .swiper-pagination-bullet-active i{
  background: #FF8B16;
}
._js-h-list{
  position: relative;
  margin-left: .75rem;
  padding-top: 5px;
  
 
  white-space: nowrap;
  overflow-x: auto;
}

._js-h-item{
  display: inline-block;
  position: relative;
  width: 80%;
  white-space: normal;
  font-size: .6rem;
  border-top: 1px solid #FF8F1F;
  vertical-align: top;
}
._js-h-item ._js-hi-innner{
  position: relative;
  padding: 1.75rem;
  min-height: 12rem;
  margin-left: -.75rem;
  margin-top: .65rem;
  overflow: hidden;
}
._js-h-list > ._js-h-item:nth-child(1) > ._js-hi-innner,
._js-h-list > ._js-h-item:nth-child(3n+1) > ._js-hi-innner{
  background: url(../images/_jt-02.png) no-repeat;
  background-size: contain;
}
._js-h-list > ._js-h-item:nth-child(2) > ._js-hi-innner,
._js-h-list > ._js-h-item:nth-child(3n+2) > ._js-hi-innner{
  background: url(../images/_jt-03.png) no-repeat;
  background-size: contain;
}
._js-h-list > ._js-h-item:nth-child(3) > ._js-hi-innner,
._js-h-list > ._js-h-item:nth-child(3n+3) > ._js-hi-innner{
  background: url(../images/_jt-04.png) no-repeat;
  background-size: contain;
}
._js-hi-title{
  color: #FF8F1F;
}
._js-hi-tc{
  position: absolute;
  bottom: 2.5rem;
  left: 1.75rem;
  right: 1.75rem;
}
._js-hi-tag {
  margin-top: .15rem;
  display: flex;
  white-space: nowrap;
  overflow-x: auto;
}
._js-hi-tag > div{
  padding: .35rem .5rem .25rem;
  background: #FFE2C6;
  border-radius: .2rem;
  line-height: 1.2;
  text-align: center;
  margin-right: .5rem;
}
._js-h-list > ._js-h-item:nth-child(2) > ._js-hi-innner ._js-hi-tag > div,
._js-h-list > ._js-h-item:nth-child(3n+2) > ._js-hi-innner ._js-hi-tag > div{
  background:#D4E8F2;

}
._js-hi-tip{
  position: absolute;
  top: -5px;
  left: 0;
  width: 9px;
  height: 9px;
  border: 2px solid #FF8F1F;
  border-radius: 50%;
  background: #fff;
  z-index: 10;
}
._js-hi-time{
  position: absolute;
  color: #FF8F1F;
  top: 7px;
  left: 0;
}
.table-sticky-bottom{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  padding: .5rem;
  background: #fff;
  z-index: 10000;
  font-size: .6rem;
  align-items: center;
}
.table-sticky-w{
  padding-bottom: 2.5rem;
}
.table-sticky-bottom > a{
  width: 5rem;
  flex-shrink: 0;
}
#page_MyStockMessRecommend .sli-jd-cont > div {
    position: relative;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.show-row-2{
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp:2;
  /** 显示的行数 **/
  overflow: hidden;
}
._gzs-wrp{
  
  position: relative;
  
  padding: 0 0 0 2rem;

}
._gzs-list{
  position: relative;
  display: flex;
  white-space: nowrap;
  overflow-x: auto;
  padding: .5rem 0;
}
._dt-zg-result{
  position: relative;
  overflow: hidden;
}
._zg-case-wrp .asc-hd-title {
  padding: 2px 6px;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  background: rgba(255,255,255,.5);
  color: #A35300;
  border-bottom-left-radius: 8px;
}
._gzs-list-btn{
  position: absolute;
  background: #EFAE41;
  font-size: .6rem;
  border-radius: 1rem;
  padding: .25rem .75rem;
  bottom: .5rem;
  right: .5rem;
  z-index: 100;
}

._gzs-item-hd{
  display: flex;
  justify-content: space-between;
  font-size: .7rem;
}
._gzs-item{
  position: relative;
  width: 92%;
  flex-shrink: 0;
  padding: .5rem;
    white-space: normal;
    background: #FFFFFF;
    box-shadow: 0px 0 10px rgba(0, 0, 0, .1);
    border-radius: 8px;
    margin-right: .35rem;
}
._gzs-item-wrp ._gzs-item{
  
  margin: .75rem;
}
._gzs-item-bd-title{
  font-size: .6rem;
}
.icon-hot-n{
  width: 1rem;
  height: 1rem;
  background: url(../images/_jt-01.png) no-repeat;
  background-size: contain;
}
._gzs-swiper-hd{
  padding: .6rem .75rem .5rem;
  margin-bottom: .5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
}
._gzs-news-title{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .75rem .75rem .6rem;
  border-bottom: 1px solid #efefef;
  font-size: .9rem;
  font-weight: 500;
}
._gzs-title-btn{
 width: 4rem;
 text-align: center;
background: #EFAE41;
font-size: .6rem;
border-radius: 1rem;
padding: .25rem .75rem;
z-index: 10000;
}
._gzs-shd-title{
  font-size: .9rem;
  font-weight: 500;
}
._juj-banner{
  padding: .75rem;
}
._juj-banner img{
  max-width: 100%;
}
.list_item_top_tip{
  position: absolute;
  width: 80%;
  left: 20%;
  top: 0;
  transform: translateY(-100%);
  background: #fff;
  padding: 5px 8px;
  border-radius: 4px;
  font-size: .6rem;
  z-index: 10;
  box-shadow: 0 0 5px rgba(0,0,0,.1);
  border: 1px solid #e1e1e1;
}
.list_item_top_tip::after{
  position: absolute;
  left: 10%;
  bottom: -8px;
  content: "";
  border-width: 8px 8px 0 8px;
  border-style: solid;
  border-color: #cc3131 transparent transparent transparent;
  width: 0;
  height: 0;
  background: #fff;

}
._zg-link-wrp{
  display: flex;
  justify-content: space-between;
  padding:0 .75rem;
  font-size: .7rem;
  align-items: center;
}
._zg-link-wrp > span{
  position: relative;
}
._zg-link-wrp .active{
  font-size: .8rem;
  font-weight: bold;
}
._zg-link-wrp .active::after{
  position: absolute;
  content: "";
  width: 70%;
  height: 2px;
  left: 15%;
  bottom: 0px;
  background: #EFAE41;
}
.s-b1-s{
  display: block;
  margin-top: -2px;
}
.dps-wranning-tip{
  padding-bottom: .5rem;
  margin: -.5rem -.6rem 0;
}
.dsp-wt-h > span{
  position: relative;
  background: url(../images/text-red-bg.png) bottom right no-repeat;
  background-size: .8rem;
}
.dsp-wt-h > span::after{
  position: absolute;
  content: "";
  top: 0;
  left: -.75rem;
  width: .5rem;
  height: .5rem;
  background: url(../images/yinhao-left.png) no-repeat ;
  background-size: contain;
}
.dsp-wt-h > span::before{
  position: absolute;
  content: "";
  top: 0;
  right: -.75rem;
  width: .5rem;
  height: .5rem;
  background: url(../images/yinhao-right.png) no-repeat ;
  background-size: contain;
}
._zg-tcs-wrp{
  position: relative;
  background: #FFFDFA;
  padding: .5rem 0 .5rem 2.5rem;
  color: #A58A76;
}
._zg-tcs-l{
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  width: 2rem;
  font-size: .7rem;
  padding: 0 .5rem;
  text-align: center;
  height: 100%;
}
._zg-tcs-l::after{
  position: absolute;
  content: "";
  right: 0;
  top: 15%;
  width: 1px;
  height: 70%;
  background: #F0E0D4;
}
._zg-tcs-r{
  display: flex;
  white-space: nowrap;
  overflow-x: auto;
}
._zg-ri-text{
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  border-radius: 50%;
  background: #EDE7DF;
  font-size: .6rem;
  justify-content: center; 
  white-space: normal;
  padding: 0 .2rem;
}
._zg-pre-bar{
  position: relative;
  height: .4rem;
  background: #33927E;
  border-radius: 1rem;
}
._zg-pre-bar > div{
  position: absolute;
  top: 0;
  left: 0;
  height: .4rem;
  border-radius: 1rem;
  background: #F5414D;
}

._np-h{
  margin: 2.5rem .75rem .75rem .75rem;
  border-radius: .25rem;
  box-shadow: 0 0 5px rgba(0,0,0,.2);
}
._np-hb{
  background: #FFDFA9;
  text-align: center;
}
._np-hb img{
  max-width: 6.5rem;
  margin-top: -2rem;
  margin-bottom: -.75rem;
}
._np-hd{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .75rem .75rem .25rem;
  line-height: 1.2;
}
._np-cont .news_tabs_box{
  padding: 0 .25rem;
}
._np-cont  .button{font-size: .7rem;}
._np-list-item{
  padding-top: .75rem;
 
  display: flex;
  margin-left: .75rem;
 
}
._np-list-media{
  width: 1.8rem;
  flex-shrink: 0;
  margin-right: .5rem;
}
._np-list-media img{
  width: 1.8rem;
  border-radius: 50%;

}
._np-list-inner{
  display: flex;
  padding-bottom: .5rem;
  padding-right: .75rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #efefef;
}
._np-inner-meta{
  font-size: .6rem;
  color: #8e8e8e;
}
.dialog-sign{
  background: none;
  top: 40%;
}
.dialog-sign-hd img{
  max-width: 100%;
}
.dialog-sign-hd{
  margin-top: -2.5rem;
  position: relative;
}
.dialog-sign-hd span
{
  margin-top: -1rem;
  display: inline-block;
  position: absolute;
  width: 80%;
  left: 10%;
  text-align: center;
  top: 3rem;
}
.dialog-sign-bd{
  position: relative;
  background: #FEF9EC;
  padding-top: 3rem;
  border-radius: 0.5rem;
  border: 4px solid #FCC939;
  width: 85%;
  margin: -2rem auto 0;
  padding-bottom: 2rem;
  text-align: center;
  z-index: -1;
}
.dialog-sign-btn{
  position: absolute;
  left: 50%;
  margin-left: -4rem;
  bottom: -1rem;
  height: 2rem;
  width: 8rem;
  background: #FCC32E;
  text-align: center;
  line-height: 2rem;
}
._jxl-tip{
  margin-top: .25rem;
  background: #FFF4E6;
  font-size: .6rem;
  padding: .5rem .75rem;
}
.share-ybtn-fixed{
  position: fixed;
  right: 1rem;
  bottom: 5rem;
  width: 2.2rem;
  height: 2.2rem;
  background: #EFAE41 url(../images/icon_share_white.png) center no-repeat;
  border-radius: 50%;
  background-size: 50%;
}
._ntopic-wrp{
  font-size: .7rem;
}
._ntopic-wrp li{
  padding: .5rem .75rem;
  border-bottom: 1px solid #efefef;
}
._ntopic-wrp i{
  display: inline-block;
  margin-right: .25rem;
  width: .6rem;
  height: .6rem;
  background: url(../images/_tw-icon-25.png) no-repeat;
  background-size: contain;
  vertical-align: -5%;
}
.nzgs-ti-cont{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  margin-top: .25rem;
  padding: .75rem;
  border-radius: .25rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
.zgs-txt-hd{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.tix-wrp{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  z-index: 10000;
  transform: translateY(100%);
  transition: all .2s linear;
}
.tix-wrp.tix-wrp-show{
  transform: translateY(0);
 
}
.tix-hd{
  padding: .75rem;
  text-align: center;
  color: #000;
}
.tix-bd{
  font-size: .7rem;
  padding: 0 .75rem .75rem .75rem;
}
.tix-close{
  position: absolute;
  width: 2rem;
  height: 2rem;
  top: .0;
  right: 0;
  background: url(../images/zg-close-btn.png) center no-repeat;
  background-size: 80%;
}
._nzg-dialog{
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0; 
  z-index: 10000;
  background: linear-gradient(180deg, #EAD7C1 0%, #FFFFFF 47.59%);
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
._nzg-dialog-hd{
  padding: .75rem .75rem 0 .75rem;
  font-size: 1.2rem;
  color: #663F22;
}
._nzg-dialog-close{
  position: absolute;
  right: 0;
  top: -2rem;
  width: 2rem;
  height: 2rem;
  background: url(../images/close-white-icon.png) center center no-repeat;
  background-size: 60%
}
._nzg-dialog-bd{
  padding:.25rem .75rem .75rem .75rem;

}
._nzg-dia-text{
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  font-size: .65rem;
  border-radius: .25rem;
}
._nzg-dt-cont{
  padding: .5rem;
  max-height: 10rem;
  overflow-y: scroll;
}
._nzg-dt-foot{
  display: flex;
  justify-content: space-between;
  padding:.25rem .5rem;
  background: #f8f8f8;
}
._nzg-inp-wrp{
  margin-top: .75rem;
  font-size: .75rem;
}
._nzg-inp-tae{
  margin-top: .2rem;
  background: #f8f8f8;
  padding: .5rem;
}
._nzg-inp-tae textarea{
  width: 100%;
  height: 4rem;
  overflow: auto;
  border: none;
  background: #f8f8f8;
  border-radius: .25rem;
}
._nzg-sci-hd{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._nzg-sci-list{margin-top: -.5rem !important;}
._nzg-sci-list li{
  padding: .5rem .75rem;
  border-bottom: 1px solid #e7e7e7;
}
._nzg-sci-title{
  font-weight: 600;
}
._ntopic_box{
  margin: .75rem;
  box-shadow: 0 0 8px rgb(0 0 0 / 10%);
  border-radius: .25rem;
}
._ntopic_box .box_title{
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  display: flex;
  justify-content: space-between;
  padding: .5rem;
  background: #EFAE41;
  color: #fff;
}
._nzg-report-wrp{
  background: linear-gradient(180deg, #EAD7C1 0%, #FFFFFF 47.59%);
}
._ngz-rw-hd{
  padding: .5rem .75rem;
  color: #663F22;
  font-size: .9rem;
  font-weight: 600;
}
._ngz-rw-bd ._nzg-dt-cont{
  padding: .5rem .75rem;
}
._ngz-rw-bd ._nzg-dt-foot{
  padding: .25rem .75rem;
}
._nzg-rw-avatar{
  position: relative;
  width: 1.8rem;
  height: 1.8rem;
}
._nzg-rw-hd{
  display: flex;
  align-items: center;
}
._nzg-rw-avatar img{
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
}
._nzg-rw-item{
  padding: .75rem;
}
._nzg-rw-bd{ margin-top: .5rem;}
._nzg-rw-avatar-name{
  font-size: .7rem;
  font-weight: 500;
  margin-left: .25rem;
}
._ngz-feedback-wrp{
  position: fixed;
  bottom: .75rem;
  right: .75rem;
  left: .75rem;
  display: flex;
  padding: .5rem;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 0 8px rgba(0, 0, 0,.1);
  background: #fff;
}
._ngz-feedback-wrp .tsw-item{
  width: 1rem;
  height: 1rem;
}
.xcx-ttip{
  position: fixed;
  width: 7rem;
  top: 8px;
  right: .75rem;
  background: rgba(0, 0, 0, .5);
  color: #fff;
  border-radius: .25rem;
  z-index: 10001;
  font-size: .6rem;
  padding:.35rem 1.2rem .35rem .35rem;
}
.xcx-ttip::after{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-width: 0 8px 8px 8px;
  border-style: solid;
  border-color: transparent transparent rgba(0, 0, 0, .5) transparent ;
  top: -8px;
  right: 50px;
}
.xcx-ttip a{
  position: absolute;
  top: 0;
  right: 0;
  width: 1.4rem;
  height: 1.4rem;
  line-height: 1.4rem;
  text-align: center;

}
.nzg_wrp{
  position: relative;
}
.send-to-group{
  padding: .5rem .75rem;
  display: flex;
  justify-content: space-between;
  align-items:center;
}
.stg-tag > span{
  display: inline-block;
  margin-right: -.2rem;
  background: #ccc;
  font-size: .6rem;
  color: #fff;
  border-radius: .1rem;
  padding: .1rem .25rem .05rem;
}
.stg-tag > i{
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background: url(../images/icon-default-gou.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.stg-tag.active > span{
  background: #628FFB
}
.stg-tag.active > i{
  background: url(../images/icon-active-gou.png) no-repeat;
  background-size: contain;
}
._nzg-tp-link{
  position: relative
}
._nzg-tl-txt{
  position: absolute;
  top: 0;
  right: 0;
  width: 6rem;
  padding: .25rem ;
  border-radius: .2rem;
  background: #fff;
  transform: translateY(-110%);
  color: #666;
  box-shadow: 0 0 8px #999;
}
.dialog-hd .take-star-wrp{
  padding: 0;
}
.dia-twrp-item{
  font-size: .6rem;
  display: flex;
  align-items: flex-start;
  
  margin-bottom: .25rem;
}
.dia-twrp-item > div:nth-child(1){
  padding-top: .1rem;
  width: 2.8rem;
  flex-shrink: 0;
}
.dia-twrp-item > div:nth-child(2){
  width: 100%;
}
.dia-twrp-item span{
  display: inline-block;
  margin-left: .25rem;
  background: #f8f8f8;
  color: #8e8e8e;
  padding: .1rem .25rem;
  border-radius: .2rem;
  margin-bottom: .25rem;
}
.dia-twrp-item span.active{
  background: #EFAE41;
  color:#2e2e2e
}
.dialog-ilink-wrp{
  display: flex;
   position: absolute;
   left: 20%;
   right: 20%;
   bottom: 25%;
   height: 2.2rem
}
.dialog-ilink-wrp a{
  flex: 1;
}
.item-media-stock-wrp{
  background: #efefef;
    width: 4rem;
    text-align: center;
    padding: 0.75rem 0;
    border: 1px solid #ccc;
    border-radius: 0.5rem;
}
.item-text-redTip{
  position: relative;
  padding-right: .75rem !important;
}
.item-text-redTip i{
  position: absolute;
  top: .75rem;
  right: 0;
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  background: #F5414D;
}
.card-content-inner-title{
  position: relative;
  padding-right: .75rem;
  font-size: .8rem;
  margin-bottom: .15rem;
}
.card-content-inner-title i{
  position: absolute;
  top: .3rem;
  right: 0;
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  background: #F5414D;
}
.mcw-top{
  padding: .5rem .75rem;
  background: #FFF4E6;
  color: #FF8002;
  font-size: .7rem;
  display: flex;
  align-items: center;
  padding-right: 1.5rem;
  background-image: url(../images/i-list-chevron-right.png);
  background-repeat: no-repeat;
  background-position: 97% center;
  background-position: -webkit-calc(100% - 0.5rem) center;
  background-position: calc(100% - 0.5rem) center;
  background-size: 0.7rem;

}
.mcw-top i{
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: .25rem;
  background: url(../images/_tw-icon-26.png) no-repeat;
  background-size: contain;
}
.mcw-nav-list{
  display: flex;
  margin-top: .75rem;
  padding-bottom: .75rem;
}
.mcw-nav-list > div{
  flex: 1;
  text-align: center;
  font-size: .7rem;
}
.mcw-nav-list > div  img{
  width: 3rem;
  height: 3rem;
  margin-bottom: .25rem;
  border-radius: 50%;
}
.mcw-list-media{
  position: relative;
  display: inline-block;

}
.mcw-list-media i{
  position: absolute;
  top: 0;
  right: 0;
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  background: #F5414D;


 
    width: 1rem;
    height: 1rem;
  
    color: #fff;
    text-align: center;
    font-style: normal;
    font-size: .6rem;
    line-height: 1rem;
}
.item-inner-redTip{
  position: absolute;
  top: 1.1rem;
  right: 0.75rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #F5414D;
  color: #fff;
  text-align: center;
  font-style: normal;
  font-size: .6rem;
  line-height: 1rem;
}
.btn-nxn{
  z-index: 10000;
  position: fixed;
  left: 0;
  right: 0;
  text-align: center;
}
.btn-nxn a{
  font-size: .7rem;
  padding: .5rem 1rem;
  border-radius: 1rem;
  background: linear-gradient(180deg, #FFA337 0%, #FFCC71 100%);
box-shadow: 0px 3px 10px rgba(255, 164, 0, 0.5);
} 
.nzg-tabwrp{
  margin: .75rem;
  
  
}
.nzg-tb-01{
  position: relative;
  box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
.nzg-tbt-01{
  position: relative;
  padding: .5rem .5rem 0 .5rem;
  
}
.nzg-tbt-01 > div{
  flex: 1;
  padding: .25rem .5rem .75rem;
}
.nzg-tbtl{
  background: linear-gradient(180deg, #E8EFFF 0%, #FFFFFF 100%);
  border-top: .25rem solid #628FFB;
  border-top-left-radius: .25rem;
  
}
.nzg-tbtr{
  padding-top: .5rem !important;
  /* background: linear-gradient(180deg, #FFF8EC 0%, #FFF7EA 100%); */
  
}
.nzg-tbtr .ngz-tbtc{
  
  text-align: left;
  
  border-radius: .25rem;
}
.ngz-tbtt{
  margin-bottom: .1rem;
  font-size: .7rem;
  color: #628ffb;

}
.icon-yellow-warnning{
  width: .8rem;
  height: .8rem;
  margin-right: .1rem;
  background: url(../images/_tw-icon-44.png) no-repeat;
  background-size: contain;
}
.icon-gray-warnning{
  width: .8rem;
  height: .8rem;
  margin-right: .1rem;
  background: url(../images/_tw-icon-45.png) no-repeat;
  background-size: contain;
}
.nzg-tbtl .ngz-tbtc{
  background: #628FFB;
  padding: .5rem;
  border-radius: .25rem;
  font-weight: 600;
  text-align: center;
  color: #fff;
  
}
.ngz-tbtt > span{position: relative;font-weight: 600;}
.ngz-tbtc{
  font-size: .7rem;
  color: #565656;
}
.nzg-tbtl .ngz-tbtt span::after{
  position: absolute;
  content: "";
  top: .14rem;
  right: -.5rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .25rem 0 .25rem .3rem;
  border-color: transparent transparent transparent #628FFB;
}
.nzg-tbtr .ngz-tbtt span::after{
  position: absolute;
content: "";
top: .3rem;
right: -.7rem;
width: 0;
height: 0;
border-style: solid;
border-width: .35rem .35rem 0 .3rem;
border-color: #EFAE41 transparent transparent transparent;
}
.nzg-tbtr .ngz-tbtt{ color: #EFAE41;}
.nzg-tbtip-01{
  font-size: .6rem;
  background: #f8f8f8;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  border-radius: 4px;
  margin: 0 1rem .25rem 1rem;
  padding: .45rem .5rem .35rem;
}
.nzg-tbft-01{
  padding: .5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .6rem;
  color: #999;
}
.gauge-wrp{
  padding: .5rem;
  box-shadow: 0px 4px 18px rgb(0 0 0 / 8%);
  border-radius: 8px;
}
.gauge-wrp-ft{
  font-size: .7rem;
  background: #f8f8f8;
  border-radius: 8px;
}
.gauge-wft-h{
  

  padding: .5rem .5rem .5rem;
  border-bottom: 1px solid #ccc;
}
.gauge-wft-b{
 
  color: #8e8e8e;
  text-align: left;
  

  padding: .5rem;
}
._zg-case-wrp{
  position: relative;
  margin: .5rem;
  background: linear-gradient(135deg, #FFB25B 0%, #FF8002 100%);
  border-radius: 8px;
  color: #fff;
  padding: .5rem;
}
._zg-cwp-fc{
  margin-top: .35rem;
  padding: .35rem;
  background: linear-gradient(110.74deg, rgba(248, 248, 248, 0.31) -3.66%, #F8F8F8 99.45%);
opacity: 0.7;
border-radius: 4px;
color: #333;
font-size: .6rem;
}
._zg-cws-hd{
  display: flex;
  justify-content: space-between;
}
._zg-csbi{
  position: relative;
  display: flex;
  margin-top: .5rem;
  background: #fff;
  padding: .35rem 2.5rem .35rem .5rem;
  border-radius: .25rem;
  font-size: .6rem;
  align-items: flex-start;
}
._zg-csbi-r{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._zg-r-time{
  position: absolute;
  right: .25rem;
  top: .35rem;
  font-size: .6rem;
  color: #999;
}
._zg-csbi-l{
  width: 2rem;
  flex-shrink: 0;
}
._zg-csbi-l span{vertical-align: top;}
._zg-csbm{
  text-align: center;
  margin-top: .25rem;
}
._zg-csbm a{
  position: relative;
  font-size: .7rem;
}
._zg-csbm a::after{
  position: absolute;
  content: "";
  height: 1px;
  top: .35rem;
  background: #fff;
  width: 6rem;
  left: -6.5rem;
  opacity: 0.3
}
._zg-csbm a::before{
  position: absolute;
  content: "";
  height: 1px;
  top: .35rem;
  background: #fff;
  width: 6rem;
  right: -6.5rem;
  opacity: 0.3
}
.gauge-wrp-hd{font-size: .7rem;}
.icon-question-white{
  width: 1rem;
  height: 1rem;
  background: url(../images/_tw-icon-37.png) no-repeat;
  
  
}
.icon-question-gray{
  position: relative;
  width: 1rem;
  height: 1rem;
  background: url(../images/_tw-icon-36.png) no-repeat;
}
.gauge-wft-h{
  display: flex;
  align-items: center;
}
.gauge-wft-h span {
  width: 3.2rem;
  padding: .25rem .35rem .15rem;
  flex-shrink: 0;
  margin-right: .2rem;
  font-size: .6rem;
  text-align: center;
  color: #fff;

  border-radius: .2rem;
}
.warnning-span{
  background: #EFAE41;
 
}
.danger-span{
  background: #F5414D;
}
.quite-span{
  background: #628FFB;
}
._zg-cwp-tb{
  background: #fff;
  border-radius: .25rem;
  padding: .5rem;
}
.chart-bar-sec{
  display: flex;
  justify-content: space-between;
  color: #333;
}
.chart-bar-02-num{
  padding-top: 2rem;
  font-size: 1rem;
  font-weight: 600;
}
._zg-li-tcn {
  position: relative;
  margin: .5rem;
  
  border: 1px solid #EFAE41;
  border-radius: 8px;
}
._zg-tcn-hd{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: .5rem;
  background: #FFFDFA;
}
._zg-tcn-hd{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._zg-tcn-bd{
  padding: .5rem;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background: rgba(239, 174, 65, .2);
  font-size: .7rem;
}
._zg-tcn-bd > div:nth-child(1){color: #8e8e8e;}
._zg-tc-prob{
  margin: .5rem .5rem .5rem;
  font-size: .7rem;
}
._tc-prob-bar{
  position: relative;
  margin-bottom: .1rem;
  height: .6rem;
  background: linear-gradient(270deg, #D9D9D9 0%, #F5414D 0.01%, #FFA25F 100%); 
  border-radius: .75rem;
}
._tc-bar-center{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(90deg, #62D6BD 0%, #33927E 100%);
  border-radius: .75rem;
  white-space: nowrap;
}
._tc-bar-text{
  position: absolute;
  background: #F5414D;
  color: #fff;
  border-radius: .2rem;
  padding: 0 .25rem;
  right: 0;
  top: 0;
  padding-top: .1rem;
  font-size: .6rem;
  transform: translate(50%,-150%);
}
/* ._tc-bar-center::after{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  left: 50%;
  
  top: -.5rem;
  border-style: solid;
  border-width: .2rem .2rem 0 .2rem;
  border-color: #F5414D transparent transparent transparent;
} */
.nzg-tb-tip{
  display: none;
  position: absolute;
  width: 80%;
  top: 0;
  left: 10%;
  transform: translateY(-80%);
  box-shadow: 0 0 8px #ccc;
  background: #fff;
  z-index: 1000;
  border-radius: .25rem;
  padding: .5rem;
  font-size: .7rem;
  color: #666;
}
.nzg-tb-tip-close{
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  top: -2rem;
  right: 0;
}
.nzg-tb-tip-close img{max-width: 100%;}
.nzg-tb-tip::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  left: 30%;
  bottom: -.8rem;
  border-style: solid;
  border-width: .8rem .4rem 0 0px;
  border-color: #ffffff transparent transparent transparent;
}
._zg-li-tcn .nzg-tb-tip,._zg-case-wrp .nzg-tb-tip{
  transform: translateY(-105%);
}
._zg-li-tcn .nzg-tb-tip::after,._zg-case-wrp .nzg-tb-tip::after{
  left: 80%;
}
.nzg-tip-hd{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: .5rem;
  margin-bottom: .5rem;
  border-bottom: 1px solid #efefef;
}
.nzg-th-media img{
  margin-right: .15rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
}
.nzg-th-media{
  display: flex;
  align-items: center;
}
.tag-wrp-y{
  padding: 0 .5rem .75rem;
  display: flex;
  white-space: nowrap;
  overflow-x: scroll;
}
.tag-wrp-y span{
  display: inline-block;
  font-size: .7rem;
  margin-right: .5rem;
  padding: .2rem .5rem .1rem;
  border-radius: .2rem;
  border: 1px solid #ccc;
}
.tag-wrp-y span.active{
  background: #EFAE41;
  border-color: #EFAE41;
}
.dia-fb-hdc{
  background: #efefef;
}
.dia-ffc-hd{
  font-weight: bold;
  background: #efefef;
  padding: .5rem .5rem .4rem;
}
.ffc-list-item{
  padding:0 .5rem ;
}
.ffc-list-item.active{background: #FEF7EB;}
.ffc-item-content{
  display: flex;
  align-items: center;
  padding: .5rem 0;
  border-bottom: 1px solid #efefef;
}
.ffc-item-content img{width: 1rem;height: 1rem;margin-right: .5rem;}
._zg-nri{
  position: relative;
  padding: .5rem .75rem;
  flex-shrink: 0;
  
}
._zg-nri::after{
  position: absolute;
  content: "";
  top: .5rem;
  bottom: .5rem;
  right: 0;
  width: 1px;
  background: #efefef;
}
._zg-nri.active{

 background: #FFF1DC;
  
}
._zg-pre-num{
  color: #AA927E;
  background: #EFEFEF;
  padding: 0 .2rem ;
  height: 1rem;
  line-height: 1rem;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  display: inline-block;
}
._zg-nri-hd{
  
  display: flex;
  align-items: center;
  text-align: center;
}
._zg-nri-hd span{
 
  padding: 0 .25rem;
  font-size: .7rem;
  white-space: normal;
  
}
._zg-nri-bd{
  position: relative;
  padding-top: .2rem;
  text-align: center;
  font-size: .7rem;
}
._zg-pre-tag{
  padding: 0 .2rem;
  background: #EFAE41;
  color: #fff;
  border-radius: 2px;
  height: 1rem;
  line-height: 1rem;
  display: inline-block;
}
._zg-nri-hd .icon-n-08{width: 1rem;height: 1rem;margin: 0;}
.icon-nn-08{width: 1rem;height: 1rem;margin-left:.15rem;}
.bly-wrp{
  position: relative;
  padding-left: .35rem;
}
.bly-wrp::after{
  position: absolute;
  content: "";
  width: 2px;
  height: .75rem;
  top: .75rem;
  left: 0;
  background: #EFAE41;
 
}
.bly-wrp ._zg-tip-wrp{
  white-space: normal !important;
  line-height: 1.5 !important;
}
.iii-tip{
  position: absolute;
  background: rgba(0, 0, 0, .8);
  width: 10rem;
  padding: .2rem .5rem .1rem;
  border-radius: .2rem;
  box-shadow: 0 0 5px #ccc;
  top: 0;
  left: 0;
  transform: translate(-48%,-110%);
  z-index: 1000;
  font-size: .7rem;
  color: #fff;
}
.iii-tip::after{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: -.4rem;
  left: 50%;
  
  border-style: solid;
  border-width: .2rem .2rem 0.2rem;
  border-color: rgba(0, 0, 0, .8) transparent transparent transparent;
}
._gzs-btn-group a{
 display: inline-block;
 width: 8rem;
 padding: .5rem 0;
 text-align: center;
  font-size: .7rem;
  border-radius: .2rem;
  margin-top: .5rem;
}
._gzs-btn-group > div:nth-child(1) > a{
  background: #EDEDED;
  color: #EFAE41;
}
._gzs-btn-group > div:nth-child(2) > a{
  background: #EFAE41;
  color: #333;
}
.dat-tag-tip{
  position: absolute;
  width: 8rem;
  left:0;
  top: 0;
  transform: translate(-100%,-110%);
  padding: .2rem .5rem;
  border-radius: .2rem;
  box-shadow: 0 0 5px #ccc;
  z-index: 10000;
}
._zg-btn-tab{
  background: #EFEFEF;
  border-top-left-radius: .35rem;
  border-top-right-radius: .35rem;
  border-bottom: none;
}
._zg-btn-tab .button{bottom: 0;position: relative;font-size: .7rem;color: #8e8e8e;}
._zg-btn-tab .button.active{border-color: #fff  !important;font-size: .8rem;color: #2e2e2e;}
._zg-btn-tab .button.active::after{
  position: absolute;
  content: "";
  left: 50%;
  bottom: -2px;
  margin-left: -1.5rem;
  width: 3rem;
  height: .25rem;
  background: url(../images/tab-btn-bg.png) no-repeat;
  background-size: cover;
}
._zg-btn-tab > .button:nth-child(1).active{
  background: url(../images/tab-btn-01.png) top left no-repeat;
  background-size: cover;
}
._zg-btn-tab > .button:nth-child(2).active,._zg-btn-tab > .button:nth-child(3).active{
  background: url(../images/tab-btn-02.png) top left no-repeat;
  background-size: cover;
}
._zg-btn-tab > .button:nth-child(4).active{
  background: url(../images/tab-btn-03.png) top left no-repeat;
  background-size: cover;
}
._zg-tt-top > span{
  font-weight: 600;
  font-size: .9rem;
}
.pie-block{
  margin-top: .5rem;
  /* margin-bottom: -2rem; */
  text-align: center;
}
.pie-cont{
  position: relative;
  display: inline-block;
 padding: 0 .75rem .75rem;
}
.pie-cont img{ max-width: 100%;}
.pie-zz{
  transition: all 1s ease 500ms;
  position: absolute;
  width: 150px;
  height: 150px;
  left:25px;
  top: 25px;
  transform-origin: center;
  transform: rotate(0deg);
  
}
._zg-echart-btn{
  padding: .5rem 0;
}
._zg-echart-btn > a{
  display: block;
  font-weight: bold;
  color: #66CCCC;
  text-align: center;
  padding: .35rem 0 0;
  line-height: 1;
  border-radius: .25rem;
}
._zg-cwp-tt{
  font-weight: 600;
  color: #000;
  padding-bottom: .25rem;
  border-bottom: 1px solid #efefef;
  margin-bottom: .5rem;
}
.nzg-tbtb{
  display: flex;
  align-items: center;
 
  
  margin: 1.5rem .5rem .5rem .5rem;
  height: 3rem;

  position: relative;
  background: linear-gradient(180deg, #FFFCF8 0%, #FFF4E2 100%);
border-radius: 8px;
font-size: .6rem;
}
.tbtb-wrp{
  position: relative;
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
  margin-left: .5rem;
  margin-right: .25rem;

}
.tbtb-wrp img{}
.nzg-tbtb img{
  position: absolute;
}
.tbtb-imglz{
  transform-origin: center;
  width: 2.5rem;
  height: 2.5rem;
  top: .75rem;
  left: .25rem;
  transform: rotate(0deg);
}
.tbtb-imgl{
  max-width: 100%;
  top: .5rem;
  left: 0;
}
.tbtb-imgr{
  width: 3rem;
  right: 0;
  bottom: 1rem;
}
._dt-zg-result{
  margin: .75rem;
  border: .15rem solid #EFAE41;
box-shadow: 0px .15rem .4rem 0px rgba(0, 0, 0, 0.04);
border-radius: .5rem;
}
.ncdk-hd{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.ncdk-title{
  height: 1.4rem;
  width: 9.4rem;
  background: url(../images/_tw-icon-46.png?v=1.0) no-repeat;
  background-size: contain;
  text-indent: -1000px;
}
.ncdk-bd{
  background: #EFAE41;
  padding: .15rem;
  border-top-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
  border-bottom-right-radius: .5rem;
}
.ncdk-wrp{
  position: relative;
  display: flex;
  background: #fff;
  border-radius: .5rem;
  align-items: center;
}
.ncdk-wrr{
  position: relative;
  height: 150px;
  /* padding: 0.25rem 0; */
  display: flex;
  background: linear-gradient(135deg, #FFC079 0%, #F0A82F 100%);
  border-radius: 4px;
  align-items: center;
  margin: 0.25rem;
}
.ncdk-wrr-text::after{
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -.25rem;
  left: -.5rem;
  width: 0;
height: 0;
border-style: solid;
border-width: .4rem .5rem .4rem 0;
border-color: transparent #FFC079 transparent transparent;

}
.ncdk-wrr-tip{
  top: .25rem;
  right: .25rem;
  position: absolute;
  background: #F5414D;
  color: #fff;
  border-radius: .2rem;
  font-size: .6rem;
  padding: .15rem .25rem .05rem;
}
.ncdk-wrr-text{
  position: relative;
  display: inline-block;
  
  padding-left: .25rem;
  font-size: .9rem;
  color: #fff;

}
.nzg-candlestick{padding: 0 !important;}
.zg-fdj-wrp ._zg-li-hd,._zg-li-hddd{
  border-bottom: none;
}
._zg-li-hddd{padding-bottom: 0;}
._zg-li-hdbt{
  color: #8E8E8E;
  padding: .75rem .5rem 0;
  font-size: .7rem;
  margin-bottom: -.25rem;
}
.zg-fdj-wrp ._zg-li-title,._zg-li-hddd ._zg-li-title{font-size: 1.1rem;display: flex;align-items: center;}
.zg-fdj-ch{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.zg-fdj-cont{
  padding: 0 .5rem .5rem .5rem;
}
.zg-fdj-bh{
  margin-top: .25rem;
  background-image: linear-gradient(to bottom,#F0A82F,#FFC079);
  border-radius: 5px;
  padding: .5rem;
}
.zg-fdj-info{
  display: flex;
  text-align: center;
  color: #8e8e8e;
  margin-top: .5rem;
  font-size: .7rem;
}
.zg-fdj-uninfo{
  margin-top: .5rem;
  background: #fff;
  border-radius: 4px;
  padding: .5rem .75rem;
  font-size: .7rem;
  color: #565656;
}
.zg-fdj-infoL{
  width: 45%;
  height: 7rem;
  background: #fff;
  border-radius: 5px;
  padding:0 .5rem .5rem;
  margin-right: .3rem;
}
.zg-fdj-infoLt{
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zg-fdj-infoLb{
  height: 50%;
  background: #F5414D;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.zg-fdj-infoR{
  width: 55%;
}
.zg-fdj-infoRt{
  padding-top: .1rem;
  height: 36%;
  background: #fff;
  border-radius: 5px;
  font-size: .6rem;
}
.zg-fdj-infoRtb{
  margin: .15rem .5rem;
  background: #6699CC;
  color: #fff;
  padding: .1rem 0;
  border-radius: 4px;
}
.zg-fdj-infoRb{
  margin-top: 3%;
  height: 60%;
  background: #fff;
  border-radius: 5px;
}
.zg-fdj-infoRbt{
  font-size: .6rem;
  padding-top: .25rem;
}
.zg-fdj-infoRbb{
  display: flex;
  justify-content: center;
  background: #EFAE41;
  border-radius: 4px;
  margin: .25rem .5rem;
  color: #fff;
  font-size: .7rem;
  padding: .15rem .5rem;
  text-align: left;
}
.zg-fdj-chr{
  color: #FF8002;
  font-size: .7rem;
}
.zg-fdj-chr img{
  height: .5rem;
  margin-left: .15rem;
  vertical-align: 0%;
}
._zg-li-title-ss{
  position: relative;

}
._zg-li-title-ss::after{
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  height: .6rem;
  background-image: linear-gradient(to right,#FFFBF3, #FFDB9E);
  opacity: .5;
}
._zg-cwp-ttt{
  display: flex;

}
._zg-tttl{
  width: 5rem;
  flex-shrink: 0;
  margin-right: 2rem;
  background: #F8F8F8;
  border-radius: 8px;
  color: #2e2e2e;
  font-weight: 500;
  font-size: .75rem;
  padding-top: .5rem;
  padding-left: .5rem;
  padding-bottom: .5rem;
  padding-right:.5rem
}
._zg-tttr{
  width: 100%;
  min-width: 0;
}
._zg-tttr ._zg-csbi{
  position: relative;
  background: #F8F8F8;
  
  padding: .5rem 0 .5rem .5rem;
}
._zg-tttr ._zg-csbi:nth-child(1){
  margin-top: 0;

}
._zg-tttr ._zg-cws-bd{
  position: relative;
}
._zg-tttr ._zg-cws-bd::after{
  position: absolute;
  content: "";
  width: 1px;
  top: 1rem;
  bottom: .95rem;
  left: -1rem;
  background: #fff;
}
._zg-tttr ._zg-cws-bd > ._zg-csbi::after{
  position: absolute;
  content: "";
  top: 1rem;
  left: -1rem;
  width: .5rem;
  height: 1px;
  background: #fff;
}
._zg-tttr ._zg-cws-bd > ._zg-csbi:nth-child(1)::after{
  

}
._zg-tttr ._zg-cws-bd > ._zg-csbi:nth-child(2)::after{
  
  left: -1.5rem;
  width: 1rem;


}
._zg-tttr ._zg-cws-bd > ._zg-csbi:nth-child(3)::after{
 

}
._zg-tttr ._zg-cws-bd > ._zg-csbi::before{
  position: absolute;
  content: "";
  width: .2rem;
  height: .2rem;
  border-radius: 50%;
  background: #fff;
  top: .92rem;
  left: -.5rem;
}
._zg-chat-wrp{
  padding: .5rem;
}
._zg-chat-hd{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._zg-chat-title{
  font-size: .9rem;
  font-weight: 500;
}
.icon-n-09{
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/_tw-icon-51.png) no-repeat;
  background-size: contain;
}
.icon-n-10{
  width: .6rem;
  height: .6rem;
  background: url(../images/icon_bl_good.png) no-repeat;
  background-size: contain;
}
._zg-chat-title i{vertical-align: -15%;}
._zg-chat-item{
  margin-top: .75rem;
  display: flex;
}
._zg-chat-media{
  width: 1.7rem;
  height: 1.7rem;
  flex-shrink: 0;
  margin-right: .5rem;
}
._zg-chat-media img{
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
}
._zg-chat-detail{
  width: 100%;
  min-width: 0;
  padding: .5rem;
  background: rgba(249, 204, 77, 0.1);
border-radius: 0px 6px 6px 6px;
}
._zg-chat-detail{
  display: flex;
  justify-content: space-between;
}
._zg-chat-feedback{
  margin-left: .5rem;
  flex-shrink: 0;
  font-size: .6rem;
}
._zg-chat-text{
  width: 100%;
  min-width: 0;
  font-size: .7rem;
}
._zg-chat-bd{
  position: relative;
  padding-bottom: 3rem;
}
._zg-chat-inner{
  
  height: 12rem;
  overflow-y: scroll;
  
}
._zg-chat-inner-input{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.5rem;
  display: flex;
  padding: .5rem 0;
}
._zg-chat-inner-input input{
  background: #EFEFEF;
  width: 100%;
  border: none;
  border-radius: 4px;
  padding-left: .5rem;
  margin-right: .5rem;
  height: 1.5rem;
  line-height: 1.5rem;
}
._zg-chat-inner-input button{
  width: 3.6rem;
  text-align: center;
  background: #EFAE41;
  color: #2e2e2e;
  font-size: .7rem;
  flex-shrink: 0;
  min-width: 0;
  border: none;
  border-radius: 4px;
}
._zg-dia-tip{
  display: none;
  position: fixed;
  top: 20%;
  left: 10%;
  right: 10%;
  z-index: 10000;
  background: #FFF4E6;
  color: #EFAE41;
  padding: .5rem .75rem .45rem;
  border-radius: 1.5rem;
  text-align: center;
  font-size: .7rem;
}
._zg-dia-iwr{
  display: none;
  position: fixed;
  bottom: 1rem;
  left: .75rem;
  right: .75rem;
  z-index: 10000;
  background: #fff;
  border: 1px solid #EFAE41;
  border-radius: 5px;
  padding-left: .5rem;
  padding-right: .5rem;
}
._zg-dia-iwr .dialog-close{
  top: -2rem;
}
._zg-fuck-tag{
  text-align: center;
}
._zg-fuck-tag span{
  background: #8E8E8E;
border-radius: 4px;
color: #fff;
padding: .2rem .3rem .15rem;
font-size: .7rem;
}
._zg-chat-swiper-container{height: 12rem;}
._zg-chat-swiper-container .swiper-slide{height:auto !important}  
._zg-chat-swiper-container .swiper-slide-active { height:auto !important}
.bangCoins-hd{
  
  text-align: center;
  background: #FFF7E8;
  color: #EFAE41;
  font-size: .9rem;
  padding: .5rem 0;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
.cer-info-tip-text{
  background: rgba(245, 65, 77, 0.15);
  color: rgba(245, 65, 77, 1);
  border-radius: .25rem;
  padding: .25rem .5rem;
  margin-top: .25rem;
  font-size: .7rem;
}
.content_img_text video,.normal_img_container video,.research_papers_detail video{width: 100% !important;}
.myb-search{
  position: relative;
  padding: .75rem .75rem 0;

}
.myb-search input{
  width: 100%;
  border: none;
  background: #FAFAFA;
  border-radius: 4px;
  padding: .5rem 1.5rem .5rem 1.85rem;
}
.myb-search i{
  position: absolute;
  width: 1rem;
  height: 1rem;
  left: 1.25rem;
  top: 1.3rem;
  background: url(../images/help_group_search_icon.png) no-repeat;
  background-size: contain;
}
.myb-search a{
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 1.2rem;
  right: 1.25rem;
  background: url(../images/search_close.png) no-repeat;
  background-size: contain;
}
.chat-text-link-sign{
  position: relative;
}
/* .chat-text-link-sign::after{
  position: absolute;
  content: "";
  top: -.9rem;
  right: -.9rem;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/search-icon-gray-bg.png) no-repeat;
  background-size: contain;
} */
.zhengu_dr_link > a{
  display: block;
  background-color: #fff ;
  
  border-radius: .25rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  padding: .25rem 1.5rem .25rem .5rem;


    background-image: url(../images/right-arrow.png);
    background-repeat: no-repeat;
    background-position: 97% center;
    background-position: -webkit-calc(100% - 0.5rem) center;
    background-position: calc(100% - 0.5rem) center;
    background-size: 0.5rem;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-2-16 15:2:16
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-blurred-left
 * ----------------------------------------
 */
 @-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translate(-1000px,-80%);
            transform: translate(-1000px,-80%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0,-80%);
            transform: translate(0,-80%);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translate(-1000px,-80%);
            transform: translate(-1000px,-80%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0,-80%);
    transform: translate(0,-80%);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

 @-webkit-keyframes slide-in-blurred-left {
  0% {
    -webkit-transform: translate(-1000px,-80%) scaleX(2.5) scaleY(0.2);
            transform: translate(-1000px,-80%) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0,-80%) scaleY(1) scaleX(1);
            transform: translate(0,-80%) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-left {
  0% {
    -webkit-transform: translate(-1000px,-80%) scaleX(2.5) scaleY(0.2);
            transform: translate(-1000px,-80%) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0,-80%) scaleY(1) scaleX(1);
            transform: translate(0,-80%) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-out-blurred-right {
  0% {
    -webkit-transform: translate(0,-80%) scaleY(1) scaleX(1);
            transform: translate(0,-80%) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(1000px,-80%) scaleX(2) scaleY(0.2);
            transform: translate(1000px,-80%) scaleX(2) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
}
@keyframes slide-out-blurred-right {
  0% {
    -webkit-transform: translate(0,-80%) scaleY(1) scaleX(1);
            transform: translate(0,-80%) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(1000px,-80%) scaleX(2) scaleY(0.2);
            transform: translate(1000px,-80%) scaleX(2) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
}
@-webkit-keyframes slide-out-blurred-left {
  0% {
    -webkit-transform: translate(0,-80%) scaleY(1) scaleX(1);
            transform: translate(0,-80%) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-1000px,-80%) scaleX(2) scaleY(0.2);
            transform: translate(-1000px,-80%) scaleX(2) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
}
@keyframes slide-out-blurred-left {
  0% {
    -webkit-transform: translate(0,-80%) scaleY(1) scaleX(1);
            transform: translate(0,-80%) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform:translate(-1000px,-80%) scaleX(2) scaleY(0.2);
            transform: translate(-1000px,-80%) scaleX(2) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
}
@-webkit-keyframes slide-in-blurred-right {
  0% {
    -webkit-transform: translate(1000px,-80%) scaleX(2.5) scaleY(0.2);
            transform: translate(1000px,-80%) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0,-80%) scaleY(1) scaleX(1);
            transform: translate(0,-80%) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-right {
  0% {
    -webkit-transform: translate(1000px,-80%) scaleX(2.5) scaleY(0.2);
            transform: translate(1000px,-80%) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0,-80%) scaleY(1) scaleX(1);
            transform: translate(0,-80%) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.slide-in-bottom {
	-webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-in-blurred-left {
	-webkit-animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
.slide-in-blurred-right {
	-webkit-animation: slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
.slide-out-blurred-right {
	-webkit-animation: slide-out-blurred-right 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) both;
	        animation: slide-out-blurred-right 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) both;
}
.slide-out-blurred-left {
	-webkit-animation: slide-out-blurred-left 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) both;
	        animation: slide-out-blurred-left 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) both;
}
.slide-in-left {
	-webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-in-right {
	-webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.vivify{-webkit-animation-duration:.8s;-webkit-animation-fill-mode:both;animation-duration:.8s;animation-fill-mode:both}.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.pulsate{-webkit-animation-name:pulsate;animation-name:pulsate;-webkit-transform-origin:center;transform-origin:center}@keyframes pulsate{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(0.8,0.8,0.8);transform:scale3d(0.8,0.8,0.8)}100%{-webkit-animation-timing-function:cubic-bezier(0.895,0.03,0.685,0.22);animation-timing-function:cubic-bezier(0.895,0.03,0.685,0.22);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.blink{-webkit-animation-name:blink;animation-name:blink;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-animation-duration:1s;animation-duration:1s}@keyframes blink{0%{opacity:1}25%{opacity:0}50%{opacity:1}75%{opacity:0}100%{opacity:1}}.hitLeft{-webkit-animation-name:hitLeft;animation-name:hitLeft;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes hitLeft{0%{-webkit-animation-timing-function:cubic-bezier(0.23,1,0.32,1);animation-timing-function:cubic-bezier(0.23,1,0.32,1);-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:translateX(20px) rotate(4deg);transform:translateX(20px) rotate(4deg)}}.hitRight{-webkit-animation-name:hitRight;animation-name:hitRight;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes hitRight{0%{-webkit-animation-timing-function:cubic-bezier(0.23,1,0.32,1);animation-timing-function:cubic-bezier(0.23,1,0.32,1);-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:translateX(-20px) rotate(-4deg);transform:translateX(-20px) rotate(-4deg)}}.shake{-webkit-animation-name:shake;animation-name:shake;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1)}@keyframes shake{10%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%{-webkit-transform:translateX(10px);transform:translateX(10px)}30%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%{-webkit-transform:translateX(10px);transform:translateX(10px)}50%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}60%{-webkit-transform:translateX(10px);transform:translateX(10px)}70%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}.ball{-webkit-animation-name:ball;animation-name:ball;-webkit-animation-duration:2s;animation-duration:2s}@keyframes ball{0%{-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1.275);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1.275);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}20%{-webkit-animation-timing-function:cubic-bezier(0.42,0,1,1);animation-timing-function:cubic-bezier(0.42,0,1,1);-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}40%{-webkit-animation-timing-function:cubic-bezier(0,0,0.58,1);animation-timing-function:cubic-bezier(0,0,0.58,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,1,1);animation-timing-function:cubic-bezier(0.42,0,1,1);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}75%{-webkit-animation-timing-function:cubic-bezier(0,0,0.58,1);animation-timing-function:cubic-bezier(0,0,0.58,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}85%{-webkit-animation-timing-function:cubic-bezier(0.42,0,1,1);animation-timing-function:cubic-bezier(0.42,0,1,1);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.pullUp{-webkit-animation-name:pullUp;animation-name:pullUp;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes pullUp{0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}30%{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scale3d(1,0,1);transform:scale3d(1,0,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}100%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pullDown{-webkit-animation-name:pullDown;animation-name:pullDown;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes pullDown{0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}50%{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scale3d(1,0,1);transform:scale3d(1,0,1);-webkit-transform-origin:center top;transform-origin:center top}100%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pullLeft{-webkit-animation-name:pullLeft;animation-name:pullLeft;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes pullLeft{0%{-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1)}50%{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1);-webkit-transform-origin:center left;transform-origin:center left}100%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pullRight{-webkit-animation-name:pullRight;animation-name:pullRight;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes pullRight{0%{-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1)}50%{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1);-webkit-transform-origin:center right;transform-origin:center right}100%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.jumpInLeft{-webkit-animation-name:jumpInLeft;animation-name:jumpInLeft;-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes jumpInLeft{0%{opacity:0;-webkit-transform:scale3d(0.5,0.5,0.5) rotate(-90deg);transform:scale3d(0.5,0.5,0.5) rotate(-90deg)}50%{opacity:1;-webkit-transform:scale3d(1.2,1.2,1.2) rotate(10deg);transform:scale3d(1.2,1.2,1.2) rotate(10deg)}70%{-webkit-transform:scale3d(0.9,0.9,0.9) rotate(-5deg);transform:scale3d(0.9,0.9,0.9) rotate(-5deg)}90%{-webkit-transform:scale3d(1,1,1) rotate(0deg);transform:scale3d(1,1,1) rotate(0deg)}}.jumpInRight{-webkit-animation-name:jumpInRight;animation-name:jumpInRight;-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes jumpInRight{0%{opacity:0;-webkit-transform:scale3d(0.5,0.5,0.5) rotate(90deg);transform:scale3d(0.5,0.5,0.5) rotate(90deg)}50%{opacity:1;-webkit-transform:scale3d(1.2,1.2,1.2) rotate(-10deg);transform:scale3d(1.2,1.2,1.2) rotate(-10deg)}70%{-webkit-transform:scale3d(0.9,0.9,0.9) rotate(5deg);transform:scale3d(0.9,0.9,0.9) rotate(5deg)}90%{-webkit-transform:scale3d(1,1,1) rotate(0deg);transform:scale3d(1,1,1) rotate(0deg)}}.jumpOutRight{-webkit-animation-name:jumpOutRight;animation-name:jumpOutRight;-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes jumpOutRight{0%{-webkit-transform:scale3d(1,1,1) rotate(0deg);transform:scale3d(1,1,1) rotate(0deg)}30%{-webkit-transform:scale3d(0.9,0.9,0.9) rotate(5deg);transform:scale3d(0.9,0.9,0.9) rotate(5deg)}70%{opacity:1;-webkit-transform:scale3d(1.2,1.2,1.2) rotate(-10deg);transform:scale3d(1.2,1.2,1.2) rotate(-10deg)}100%{opacity:0;-webkit-transform:scale3d(0.5,0.5,0.5) rotate(90deg);transform:scale3d(0.5,0.5,0.5) rotate(90deg)}}.jumpOutLeft{-webkit-animation-name:jumpOutLeft;animation-name:jumpOutLeft;-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes jumpOutLeft{0%{-webkit-transform:scale3d(1,1,1) rotate(0deg);transform:scale3d(1,1,1) rotate(0deg)}30%{-webkit-transform:scale3d(0.9,0.9,0.9) rotate(-5deg);transform:scale3d(0.9,0.9,0.9) rotate(-5deg)}70%{opacity:1;-webkit-transform:scale3d(1.2,1.2,1.2) rotate(10deg);transform:scale3d(1.2,1.2,1.2) rotate(10deg)}100%{opacity:0;-webkit-transform:scale3d(0.5,0.5,0.5) rotate(-90deg);transform:scale3d(0.5,0.5,0.5) rotate(-90deg)}}.rollInLeft{-webkit-animation-name:rollInLeft;animation-name:rollInLeft;-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes rollInLeft{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translateX(-400px) rotate(445deg);transform:translateX(-400px) rotate(445deg);opacity:0}30%{opacity:1}50%{-webkit-transform:translateX(20px) rotate(20deg);transform:translateX(20px) rotate(20deg)}100%{-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}}.rollInRight{-webkit-animation-name:rollInRight;animation-name:rollInRight;-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes rollInRight{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translateX(400px) rotate(-445deg);transform:translateX(400px) rotate(-445deg);opacity:0}30%{opacity:1}50%{-webkit-transform:translateX(-20px) rotate(-20deg);transform:translateX(-20px) rotate(-20deg)}100%{-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}}.rollInTop{-webkit-animation-name:rollInTop;animation-name:rollInTop;-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes rollInTop{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translateY(-400px) rotate(-445deg);transform:translateY(-400px) rotate(-445deg);opacity:0}30%{opacity:1}50%{-webkit-transform:translateY(20px) rotate(-20deg);transform:translateY(20px) rotate(-20deg)}100%{-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}}.rollInBottom{-webkit-animation-name:rollInBottom;animation-name:rollInBottom;-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes rollInBottom{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translateY(400px) rotate(-445deg);transform:translateY(400px) rotate(-445deg);opacity:0}30%{opacity:1}50%{-webkit-transform:translateY(-20px) rotate(-20deg);transform:translateY(-20px) rotate(-20deg)}100%{-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}}.rollOutLeft{-webkit-animation-name:rollOutLeft;animation-name:rollOutLeft;-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes rollOutLeft{0%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}40%{opacity:1;-webkit-transform:translateX(20px) rotate(-20deg);transform:translateX(20px) rotate(-20deg)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translateX(-400px) rotate(-445deg);transform:translateX(-400px) rotate(-445deg)}}.rollOutRight{-webkit-animation-name:rollOutRight;animation-name:rollOutRight;-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes rollOutRight{0%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}40%{opacity:1;-webkit-transform:translateX(-20px) rotate(20deg);transform:translateX(-20px) rotate(20deg)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translateX(400px) rotate(445deg);transform:translateX(400px) rotate(445deg)}}.rollOutTop{-webkit-animation-name:rollOutTop;animation-name:rollOutTop;-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes rollOutTop{0%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}40%{opacity:1;-webkit-transform:translateY(20px) rotate(20deg);transform:translateY(20px) rotate(20deg)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translateY(-400px) rotate(445deg);transform:translateY(-400px) rotate(445deg)}}.rollOutBottom{-webkit-animation-name:rollOutBottom;animation-name:rollOutBottom;-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes rollOutBottom{0%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}40%{opacity:1;-webkit-transform:translateY(-20px) rotate(-20deg);transform:translateY(-20px) rotate(-20deg)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translateY(400px) rotate(-445deg);transform:translateY(400px) rotate(-445deg)}}.popIn{-webkit-animation-name:popIn;animation-name:popIn}@keyframes popIn{0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0);opacity:0}20%{opacity:1}40%{-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:scale3d(1.08,1.08,1.08);transform:scale3d(1.08,1.08,1.08)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}80%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}100%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.popInLeft{-webkit-animation-name:popInLeft;animation-name:popInLeft}@keyframes popInLeft{0%{opacity:0;-webkit-transform:translate3d(-200px,0,0) scale3d(0.1,0.1,0.1);transform:translate3d(-200px,0,0) scale3d(0.1,0.1,0.1)}40%{opacity:1;-webkit-transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08);transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08);-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}80%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}100%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.popInRight{-webkit-animation-name:popInRight;animation-name:popInRight}@keyframes popInRight{0%{-webkit-transform:translate3d(200px,0,0) scale3d(0.1,0.1,0.1);transform:translate3d(200px,0,0) scale3d(0.1,0.1,0.1);opacity:0}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08);transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}80%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}100%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.popInTop{-webkit-animation-name:popInTop;animation-name:popInTop}@keyframes popInTop{0%{-webkit-transform:translate3d(0,-200px,0) scale3d(0.1,0.1,0.1);transform:translate3d(0,-200px,0) scale3d(0.1,0.1,0.1);opacity:0}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08);transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1)}80%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:translate3d(0,0,0) scale3d(1.03,1.03,1.03);transform:translate3d(0,0,0) scale3d(1.03,1.03,1.03)}100%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1)}}.popInBottom{-webkit-animation-name:popInBottom;animation-name:popInBottom}@keyframes popInBottom{0%{-webkit-transform:translate3d(0,200px,0) scale3d(0.1,0.1,0.1);transform:translate3d(0,200px,0) scale3d(0.1,0.1,0.1);opacity:0}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08);transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1)}80%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:translate3d(0,0,0) scale3d(1.03,1.03,1.03);transform:translate3d(0,0,0) scale3d(1.03,1.03,1.03)}100%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1)}}.popOut{-webkit-animation-name:popOut;animation-name:popOut;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes popOut{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1.08,1.08,1.08);transform:scale3d(1.08,1.08,1.08)}80%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}}.popOutLeft{-webkit-animation-name:popOutLeft;animation-name:popOutLeft;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes popOutLeft{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform-origin:left center;transform-origin:left center}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1.08,1.08,1.08) translate3d(0,0,0);transform:scale3d(1.08,1.08,1.08) translate3d(0,0,0)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:scale3d(0.5,0.5,0.5) translate3d(-200px,0,0);transform:scale3d(0.5,0.5,0.5) translate3d(-200px,0,0)}}.popOutRight{-webkit-animation-name:popOutRight;animation-name:popOutRight;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes popOutRight{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform-origin:right center;transform-origin:right center}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1.08,1.08,1.08) translate3d(0,0,0);transform:scale3d(1.08,1.08,1.08) translate3d(0,0,0)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:scale3d(0.5,0.5,0.5) translate3d(200px,0,0);transform:scale3d(0.5,0.5,0.5) translate3d(200px,0,0)}}.popOutTop{-webkit-animation-name:popOutTop;animation-name:popOutTop;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes popOutTop{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform-origin:top center;transform-origin:top center}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1.08,1.08,1.08) translate3d(0,0,0);transform:scale3d(1.08,1.08,1.08) translate3d(0,0,0)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:scale3d(0.5,0.5,0.5) translate3d(0,-400px,0);transform:scale3d(0.5,0.5,0.5) translate3d(0,-400px,0)}}.popOutBottom{-webkit-animation-name:popOutBottom;animation-name:popOutBottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes popOutBottom{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform-origin:bottom center;transform-origin:bottom center}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1.08,1.08,1.08) translate3d(0,0,0);transform:scale3d(1.08,1.08,1.08) translate3d(0,0,0)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:scale3d(0.5,0.5,0.5) translate3d(0,400px,0);transform:scale3d(0.5,0.5,0.5) translate3d(0,400px,0)}}.flip{-webkit-animation-name:flip;animation-name:flip}@keyframes flip{from{-webkit-transform:perspective(400px) rotateY(-360deg) scale3d(1,1,1);transform:perspective(400px) rotateY(-360deg) scale3d(1,1,1);-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94)}50%{-webkit-transform:perspective(400px) rotateY(-180deg) scale3d(1.2,1.2,1.2);transform:perspective(400px) rotateY(-180deg) scale3d(1.2,1.2,1.2);-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94)}to{-webkit-transform:perspective(400px) rotateY(0deg) scale3d(1,1,1);transform:perspective(400px) rotateY(0deg) scale3d(1,1,1);-webkit-animation-timing-function:cubic-bezier(0.95,0.05,0.795,0.035);animation-timing-function:cubic-bezier(0.95,0.05,0.795,0.035)}}.flipInX{-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-animation-duration:1s;animation-duration:1s}@keyframes flipInX{from{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg) scale3d(1.2,1.2,1.2);transform:perspective(400px) rotateX(90deg) scale3d(1.2,1.2,1.2)}50%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:perspective(400px) rotateX(-20deg) scale3d(1,1,1);transform:perspective(400px) rotateX(-20deg) scale3d(1,1,1)}to{-webkit-transform:perspective(400px) rotateX(0deg) scale3d(1,1,1);transform:perspective(400px) rotateX(0deg) scale3d(1,1,1)}}.flipInY{-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-animation-duration:1s;animation-duration:1s}@keyframes flipInY{from{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg) scale3d(1.2,1.2,1.2);transform:perspective(400px) rotateY(90deg) scale3d(1.2,1.2,1.2)}50%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:perspective(400px) rotateY(-20deg) scale3d(1,1,1);transform:perspective(400px) rotateY(-20deg) scale3d(1,1,1)}to{-webkit-transform:perspective(400px) rotateY(0deg) scale3d(1,1,1);transform:perspective(400px) rotateY(0deg) scale3d(1,1,1)}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX}@keyframes flipOutX{from{-webkit-transform:perspective(400px) rotateX(0deg) scale3d(1,1,1);transform:perspective(400px) rotateX(0deg) scale3d(1,1,1)}60%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:perspective(400px) rotateX(-30deg) scale3d(1,1,1);transform:perspective(400px) rotateX(-30deg) scale3d(1,1,1)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg) scale3d(1.2,1.2,1.2);transform:perspective(400px) rotateX(90deg) scale3d(1.2,1.2,1.2)}}.flipOutY{-webkit-animation-name:flipOutY;animation-name:flipOutY}@keyframes flipOutY{from{-webkit-transform:perspective(400px) rotateY(0deg) scale3d(1,1,1);transform:perspective(400px) rotateY(0deg) scale3d(1,1,1)}60%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:perspective(400px) rotateY(-30deg) scale3d(1,1,1);transform:perspective(400px) rotateY(-30deg) scale3d(1,1,1)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg) scale3d(1.2,1.2,1.2);transform:perspective(400px) rotateY(90deg) scale3d(1.2,1.2,1.2)}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955)}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955)}@keyframes fadeInRight{0%{-webkit-transform:translate3d(400px,0,0);transform:translate3d(400px,0,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955)}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-400px,0,0);transform:translate3d(-400px,0,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.fadeInTop{-webkit-animation-name:fadeInTop;animation-name:fadeInTop;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955)}@keyframes fadeInTop{0%{-webkit-transform:translate3d(0,-400px,0);transform:translate3d(0,-400px,0);opacity:0}50%{opacity:.2}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.fadeInBottom{-webkit-animation-name:fadeInBottom;animation-name:fadeInBottom;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955)}@keyframes fadeInBottom{0%{-webkit-transform:translate3d(0,400px,0);transform:translate3d(0,400px,0);opacity:0}50%{opacity:.2}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955)}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955)}@keyframes fadeOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(-400px,0,0);transform:translate3d(-400px,0,0);opacity:0}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955)}@keyframes fadeOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(400px,0,0);transform:translate3d(400px,0,0);opacity:0}}.fadeOutTop{-webkit-animation-name:fadeOutTop;animation-name:fadeOutTop;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955)}@keyframes fadeOutTop{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}40%{opacity:.2}100%{-webkit-transform:translate3d(0,-300px,0);transform:translate3d(0,-300px,0);opacity:0}}.fadeOutBottom{-webkit-animation-name:fadeOutBottom;animation-name:fadeOutBottom;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955)}@keyframes fadeOutBottom{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}40%{opacity:.2}100%{-webkit-transform:translate3d(0,300px,0);transform:translate3d(0,300px,0);opacity:0}}.driveInLeft{-webkit-animation-name:driveInLeft;animation-name:driveInLeft;-webkit-animation-duration:1s;animation-duration:1s}@keyframes driveInLeft{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(-400px,0,0);transform:translate3d(-400px,0,0)}30%{opacity:1}60%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.driveInRight{-webkit-animation-name:driveInRight;animation-name:driveInRight;-webkit-animation-duration:1s;animation-duration:1s}@keyframes driveInRight{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(400px,0,0);transform:translate3d(400px,0,0)}30%{opacity:1}60%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transform:translate3d(-30px,0,0);transform:translate3d(-30px,0,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.driveInTop{-webkit-animation-name:driveInTop;animation-name:driveInTop;-webkit-animation-duration:1s;animation-duration:1s}@keyframes driveInTop{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,-400px,0);transform:translate3d(0,-400px,0)}30%{opacity:1}60%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.driveInBottom{-webkit-animation-name:driveInBottom;animation-name:driveInBottom;-webkit-animation-duration:1s;animation-duration:1s}@keyframes driveInBottom{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,300px,0);transform:translate3d(0,300px,0)}30%{opacity:1}60%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.driveOutLeft{-webkit-animation-name:driveOutLeft;animation-name:driveOutLeft;-webkit-animation-duration:1s;animation-duration:1s}@keyframes driveOutLeft{0%{-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}30%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0)}60%{opacity:1}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(-400px,0,0);transform:translate3d(-400px,0,0)}}.driveOutRight{-webkit-animation-name:driveOutRight;animation-name:driveOutRight;-webkit-animation-duration:1s;animation-duration:1s}@keyframes driveOutRight{0%{-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}30%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transform:translate3d(-30px,0,0);transform:translate3d(-30px,0,0)}60%{opacity:1}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(400px,0,0);transform:translate3d(400px,0,0)}}.driveOutTop{-webkit-animation-name:driveOutTop;animation-name:driveOutTop;-webkit-animation-duration:1s;animation-duration:1s}@keyframes driveOutTop{0%{-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}30%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}60%{opacity:1}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,-400px,0);transform:translate3d(0,-400px,0)}}.driveOutBottom{-webkit-animation-name:driveOutBottom;animation-name:driveOutBottom;-webkit-animation-duration:1s;animation-duration:1s}@keyframes driveOutBottom{0%{-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}30%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}60%{opacity:1}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,300px,0);transform:translate3d(0,300px,0)}}.spin{-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:1.2s;animation-duration:1.2s}@keyframes spin{0%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);-webkit-transform-origin:center center;transform-origin:center center}20%{-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:rotateZ(-20deg);transform:rotateZ(-20deg);-webkit-transform-origin:center center;transform-origin:center center}70%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:rotateZ(380deg);transform:rotateZ(380deg);-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg);-webkit-transform-origin:center center;transform-origin:center center}}.spinIn{-webkit-animation-name:spinIn;animation-name:spinIn;-webkit-animation-duration:1s;animation-duration:1s}@keyframes spinIn{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.23,1,0.32,1);animation-timing-function:cubic-bezier(0.23,1,0.32,1);-webkit-transform:rotateZ(0deg) scale3d(0,0,0);transform:rotateZ(0deg) scale3d(0,0,0);-webkit-transform-origin:center center;transform-origin:center center}50%{opacity:1}70%{-webkit-transform:rotateZ(380deg) scale3d(1,1,1);transform:rotateZ(380deg) scale3d(1,1,1);-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotateZ(360deg) scale3d(1,1,1);transform:rotateZ(360deg) scale3d(1,1,1);-webkit-transform-origin:center center;transform-origin:center center}}.spinOut{-webkit-animation-name:spinOut;animation-name:spinOut;-webkit-animation-duration:1s;animation-duration:1s}@keyframes spinOut{0%{-webkit-animation-timing-function:cubic-bezier(0.23,1,0.32,1);animation-timing-function:cubic-bezier(0.23,1,0.32,1);-webkit-transform:rotateZ(0deg) scale3d(1,1,1);transform:rotateZ(0deg) scale3d(1,1,1);-webkit-transform-origin:center center;transform-origin:center center}20%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:rotateZ(-20deg) scale3d(1,1,1);transform:rotateZ(-20deg) scale3d(1,1,1);-webkit-transform-origin:center center;transform-origin:center center}30%{opacity:1}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:rotateZ(360deg) scale3d(0,0,0);transform:rotateZ(360deg) scale3d(0,0,0);-webkit-transform-origin:center center;transform-origin:center center}}.swoopInLeft{-webkit-animation-name:swoopInLeft;animation-name:swoopInLeft;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes swoopInLeft{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleX(1.5) translate3d(-400px,0,0);transform:scaleX(1.5) translate3d(-400px,0,0)}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleX(1.2) translate3d(0,0,0);transform:scaleX(1.2) translate3d(0,0,0)}65%{-webkit-transform:scaleX(1) translate3d(20px,0,0);transform:scaleX(1) translate3d(20px,0,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleX(1) translate3d(0,0,0);transform:scaleX(1) translate3d(0,0,0)}}.swoopInRight{-webkit-animation-name:swoopInRight;animation-name:swoopInRight;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes swoopInRight{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleX(1.5) translate3d(400px,0,0);transform:scaleX(1.5) translate3d(400px,0,0)}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleX(1.2) translate3d(0,0,0);transform:scaleX(1.2) translate3d(0,0,0)}65%{-webkit-transform:scaleX(1) translate3d(-20px,0,0);transform:scaleX(1) translate3d(-20px,0,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleX(1) translate3d(0,0,0);transform:scaleX(1) translate3d(0,0,0)}}.swoopInTop{-webkit-animation-name:swoopInTop;animation-name:swoopInTop;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes swoopInTop{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleY(1.5) translate3d(0,-400px,0);transform:scaleY(1.5) translate3d(0,-400px,0)}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleY(1.2) translate3d(0,0,0);transform:scaleY(1.2) translate3d(0,0,0)}65%{-webkit-transform:scaleY(1) translate3d(0,20px,0);transform:scaleY(1) translate3d(0,20px,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleY(1) translate3d(0,0,0);transform:scaleY(1) translate3d(0,0,0)}}.swoopInBottom{-webkit-animation-name:swoopInBottom;animation-name:swoopInBottom;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes swoopInBottom{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleY(1.5) translate3d(0,250px,0);transform:scaleY(1.5) translate3d(0,250px,0)}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleY(1.2) translate3d(0,0,0);transform:scaleY(1.2) translate3d(0,0,0)}65%{-webkit-transform:scaleY(1) translate3d(0,-20px,0);transform:scaleY(1) translate3d(0,-20px,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleY(1) translate3d(0,0,0);transform:scaleY(1) translate3d(0,0,0)}}.swoopOutLeft{-webkit-animation-name:swoopOutLeft;animation-name:swoopOutLeft;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes swoopOutLeft{0%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleX(1) translate3d(0,0,0);transform:scaleX(1) translate3d(0,0,0)}40%{opacity:1;-webkit-transform:scaleX(1) translate3d(20px,0,0);transform:scaleX(1) translate3d(20px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleX(1.2) translate3d(0,0,0);transform:scaleX(1.2) translate3d(0,0,0)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleX(1.5) translate3d(-400px,0,0);transform:scaleX(1.5) translate3d(-400px,0,0)}}.swoopOutRight{-webkit-animation-name:swoopOutRight;animation-name:swoopOutRight;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes swoopOutRight{0%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleX(1) translate3d(0,0,0);transform:scaleX(1) translate3d(0,0,0)}40%{opacity:1;-webkit-transform:scaleX(1) translate3d(-20px,0,0);transform:scaleX(1) translate3d(-20px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleX(1.2) translate3d(0,0,0);transform:scaleX(1.2) translate3d(0,0,0)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleX(1.5) translate3d(400px,0,0);transform:scaleX(1.5) translate3d(400px,0,0)}}.swoopOutTop{-webkit-animation-name:swoopOutTop;animation-name:swoopOutTop;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes swoopOutTop{0%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleY(1) translate3d(0,0,0);transform:scaleY(1) translate3d(0,0,0)}40%{opacity:1;-webkit-transform:scaleY(1) translate3d(0,20px,0);transform:scaleY(1) translate3d(0,20px,0)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleY(1.2) translate3d(0,0,0);transform:scaleY(1.2) translate3d(0,0,0)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleY(1.5) translate3d(0,-400px,0);transform:scaleY(1.5) translate3d(0,-400px,0)}}.swoopOutBottom{-webkit-animation-name:swoopOutBottom;animation-name:swoopOutBottom;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes swoopOutBottom{0%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleY(1) translate3d(0,0,0);transform:scaleY(1) translate3d(0,0,0)}40%{opacity:1;-webkit-transform:scaleY(1) translate3d(0,-20px,0);transform:scaleY(1) translate3d(0,-20px,0)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleY(1.2) translate3d(0,0,0);transform:scaleY(1.2) translate3d(0,0,0)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleY(1.5) translate3d(0,200px,0);transform:scaleY(1.5) translate3d(0,200px,0)}}.fold{-webkit-animation-name:fold;animation-name:fold}@keyframes fold{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:scale3d(1,0.4,1);transform:scale3d(1,0.4,1)}60%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:scale3d(0.4,0.4,1);transform:scale3d(0.4,0.4,1)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.55,0.085,0.68,0.53);animation-timing-function:cubic-bezier(0.55,0.085,0.68,0.53);-webkit-transform:scale3d(0.2,0.2,0.2);transform:scale3d(0.2,0.2,0.2)}}.unfold{-webkit-animation-name:unfold;animation-name:unfold}@keyframes unfold{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}30%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:scale3d(0.4,0.4,1);transform:scale3d(0.4,0.4,1)}60%{-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:scale3d(0.4,1,1);transform:scale3d(0.4,1,1)}100%{-webkit-animation-timing-function:cubic-bezier(0.55,0.085,0.68,0.53);animation-timing-function:cubic-bezier(0.55,0.085,0.68,0.53);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.delay-100{-webkit-animation-delay:.1s;animation-delay:.1s}.delay-150{-webkit-animation-delay:150ms;animation-delay:150ms}.duration-100{-webkit-animation-duration:.1s;animation-duration:.1s}.duration-150{-webkit-animation-duration:150ms;animation-duration:150ms}.delay-200{-webkit-animation-delay:.2s;animation-delay:.2s}.delay-250{-webkit-animation-delay:250ms;animation-delay:250ms}.duration-200{-webkit-animation-duration:.2s;animation-duration:.2s}.duration-250{-webkit-animation-duration:250ms;animation-duration:250ms}.delay-300{-webkit-animation-delay:.3s;animation-delay:.3s}.delay-350{-webkit-animation-delay:350ms;animation-delay:350ms}.duration-300{-webkit-animation-duration:.3s;animation-duration:.3s}.duration-350{-webkit-animation-duration:350ms;animation-duration:350ms}.delay-400{-webkit-animation-delay:.4s;animation-delay:.4s}.delay-450{-webkit-animation-delay:450ms;animation-delay:450ms}.duration-400{-webkit-animation-duration:.4s;animation-duration:.4s}.duration-450{-webkit-animation-duration:450ms;animation-duration:450ms}.delay-500{-webkit-animation-delay:.5s;animation-delay:.5s}.delay-550{-webkit-animation-delay:550ms;animation-delay:550ms}.duration-500{-webkit-animation-duration:.5s;animation-duration:.5s}.duration-550{-webkit-animation-duration:550ms;animation-duration:550ms}.delay-600{-webkit-animation-delay:.6s;animation-delay:.6s}.delay-650{-webkit-animation-delay:650ms;animation-delay:650ms}.duration-600{-webkit-animation-duration:.6s;animation-duration:.6s}.duration-650{-webkit-animation-duration:650ms;animation-duration:650ms}.delay-700{-webkit-animation-delay:.7s;animation-delay:.7s}.delay-750{-webkit-animation-delay:750ms;animation-delay:750ms}.duration-700{-webkit-animation-duration:.7s;animation-duration:.7s}.duration-750{-webkit-animation-duration:750ms;animation-duration:750ms}.delay-800{-webkit-animation-delay:.8s;animation-delay:.8s}.delay-850{-webkit-animation-delay:850ms;animation-delay:850ms}.duration-800{-webkit-animation-duration:.8s;animation-duration:.8s}.duration-850{-webkit-animation-duration:850ms;animation-duration:850ms}.delay-900{-webkit-animation-delay:.9s;animation-delay:.9s}.delay-950{-webkit-animation-delay:950ms;animation-delay:950ms}.duration-900{-webkit-animation-duration:.9s;animation-duration:.9s}.duration-950{-webkit-animation-duration:950ms;animation-duration:950ms}.delay-1000{-webkit-animation-delay:1s;animation-delay:1s}.delay-1250{-webkit-animation-delay:1250ms;animation-delay:1250ms}.delay-1500{-webkit-animation-delay:1.5s;animation-delay:1.5s}.delay-1750{-webkit-animation-delay:1750ms;animation-delay:1750ms}.duration-1000{-webkit-animation-duration:1s;animation-duration:1s}.duration-1250{-webkit-animation-duration:1250ms;animation-duration:1250ms}.duration-1500{-webkit-animation-duration:1.5s;animation-duration:1.5s}.duration-1750{-webkit-animation-duration:1750ms;animation-duration:1750ms}.delay-2000{-webkit-animation-delay:2s;animation-delay:2s}.delay-2250{-webkit-animation-delay:2250ms;animation-delay:2250ms}.delay-2500{-webkit-animation-delay:2.5s;animation-delay:2.5s}.delay-2750{-webkit-animation-delay:2750ms;animation-delay:2750ms}.duration-2000{-webkit-animation-duration:2s;animation-duration:2s}.duration-2250{-webkit-animation-duration:2250ms;animation-duration:2250ms}.duration-2500{-webkit-animation-duration:2.5s;animation-duration:2.5s}.duration-2750{-webkit-animation-duration:2750ms;animation-duration:2750ms}.delay-3000{-webkit-animation-delay:3s;animation-delay:3s}.delay-3250{-webkit-animation-delay:3250ms;animation-delay:3250ms}.delay-3500{-webkit-animation-delay:3.5s;animation-delay:3.5s}.delay-3750{-webkit-animation-delay:3750ms;animation-delay:3750ms}.duration-3000{-webkit-animation-duration:3s;animation-duration:3s}.duration-3250{-webkit-animation-duration:3250ms;animation-duration:3250ms}.duration-3500{-webkit-animation-duration:3.5s;animation-duration:3.5s}.duration-3750{-webkit-animation-duration:3750ms;animation-duration:3750ms}.delay-4000{-webkit-animation-delay:4s;animation-delay:4s}.delay-4250{-webkit-animation-delay:4250ms;animation-delay:4250ms}.delay-4500{-webkit-animation-delay:4.5s;animation-delay:4.5s}.delay-4750{-webkit-animation-delay:4750ms;animation-delay:4750ms}.duration-4000{-webkit-animation-duration:4s;animation-duration:4s}.duration-4250{-webkit-animation-duration:4250ms;animation-duration:4250ms}.duration-4500{-webkit-animation-duration:4.5s;animation-duration:4.5s}.duration-4750{-webkit-animation-duration:4750ms;animation-duration:4750ms}.delay-5000{-webkit-animation-delay:5s;animation-delay:5s}.delay-5250{-webkit-animation-delay:5250ms;animation-delay:5250ms}.delay-5500{-webkit-animation-delay:5.5s;animation-delay:5.5s}.delay-5750{-webkit-animation-delay:5750ms;animation-delay:5750ms}.duration-5000{-webkit-animation-duration:5s;animation-duration:5s}.duration-5250{-webkit-animation-duration:5250ms;animation-duration:5250ms}.duration-5500{-webkit-animation-duration:5.5s;animation-duration:5.5s}.duration-5750{-webkit-animation-duration:5750ms;animation-duration:5750ms}.duration-6000{-webkit-animation-duration:6s;animation-duration:6s}.duration-6250{-webkit-animation-duration:6250ms;animation-duration:6250ms}.duration-6500{-webkit-animation-duration:6.5s;animation-duration:6.5s}.duration-6750{-webkit-animation-duration:6750ms;animation-duration:6750ms}.duration-7000{-webkit-animation-duration:7s;animation-duration:7s}.duration-7250{-webkit-animation-duration:7250ms;animation-duration:7250ms}.duration-7500{-webkit-animation-duration:7.5s;animation-duration:7.5s}.duration-7750{-webkit-animation-duration:7750ms;animation-duration:7750ms}.duration-8000{-webkit-animation-duration:8s;animation-duration:8s}.duration-8250{-webkit-animation-duration:8250ms;animation-duration:8250ms}.duration-8500{-webkit-animation-duration:8.5s;animation-duration:8.5s}.duration-8750{-webkit-animation-duration:8750ms;animation-duration:8750ms}.duration-9000{-webkit-animation-duration:9s;animation-duration:9s}.duration-9250{-webkit-animation-duration:9250ms;animation-duration:9250ms}.duration-9500{-webkit-animation-duration:9.5s;animation-duration:9.5s}.duration-9750{-webkit-animation-duration:9750ms;animation-duration:9750ms}.duration-10000{-webkit-animation-duration:10s;animation-duration:10s}.duration-10250{-webkit-animation-duration:10250ms;animation-duration:10250ms}.duration-10500{-webkit-animation-duration:10.5s;animation-duration:10.5s}.duration-10750{-webkit-animation-duration:10750ms;animation-duration:10750ms}
.loading-indicator {
	height: 80px;
	width: 80px;
	background: url( '../images/loading.gif' );
	background-repeat: no-repeat;
	background-position: center center;
}

.loading-indicator-overlay {
	background-color: #FFFFFF;
	opacity: 0.4;
	filter: alpha(opacity = 60);
}
.sign-wrapper img {
    image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}
.sign-wrapper {
    width: 100%;
    background: url('../images/signup/bg-baoming.png') no-repeat center 0;
    background-size: cover;
    padding-bottom: 30px;
}
.content .sign-header {
    text-align: center;
}
.content .sign-header>img {
    margin-top: 1.8vh;
    width: 92.8vw;
}
.content .sign-time {
    margin: 4.2vh auto 0;
    width: 257px;
    height: 27px;
    border-radius: 12px;
    background-color: #fef7e9;
    text-align: center;
    display: flex;
    justify-content: space-around;
    color: #021aad;
    line-height: 27px;
}
.content .sign-subtitle img {
    width: 83%;
    margin-top: 18px;
}
.content .sign-main {
    padding: 4px 18px 0 13px;
}
.content .sign-main .sign-submit-item {
    margin-top: 11px;
}
.content .sign-main .sign-submit-item label {
    display: inline-block;
    width: 56px;
    text-align: center;
}
.content .sign-main .sign-submit-item img {
    width: 56px;
}
.content .sign-main .sign-submit-item.user-phone img, .content .sign-main .sign-submit-item.user-code img {
    width: 28px;
}
.content .sign-main .sign-submit-item input {
    width: 74.2vw;
    height: 42px;
    border-radius: 10px;
    border: 2px solid #021aad;
    padding-left: 8px;
}
.content .sign-main .sign-submit-item.user-code input {
    width: 44.3vw;
}
.content .sign-main .sign-submit-item.user-code .get-code {
    display: inline-block;
    width: 104px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    border-radius: 10px;
    border: 2px solid #FFF;
    background-color: #69a5ff;
    color: #FFF;
}
.content .sign-main .sign-submit-item.user-code .get-code.on-send {
    background-color: #9d9c9d;
}
.content .sign-main .next-steps {
    position: relative;
    display: block;
    width: 275px;
    height: 60px;
    margin: 27px auto 0;
    line-height: 60px;
    color: #fff;
    text-align: center;
    border: 2px solid #000;
    background-color: #8defe9;
    /* background: url('../images/signup/confirm-btn.png') no-repeat center center; */
    background-size: cover;
    border-radius: 10px;
    font-size: 20px;
    z-index: 10;
}
.content .sign-main .next-steps::after {
    position: absolute;
    content: "下一步";
    color: #fff;
    width: 100%;
    height: 100%;
    border: 2px solid #000;
    border-radius: 10px;
    top: -5px;
    left: -2px;
    background-color: #021aad;
    z-index: 1;
}
.content .sign-tips {
    margin-top: 12px;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 0 #666;
}
.dialog-upload {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 201;
}
.dialog-upload::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
}
.dialog-content {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #FFF;
    border-radius: 8px 8px 0 0;
    z-index: 202;
    padding: 34px 30px 42px 30px;
}
.dialog-content p {
    color: #ff3658;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}
.dialog-content .dialog-add-img {
    display: flex;
    justify-content: center;
    width: 316px;
    height: 169px;
    border-radius: 8px;
    background: url('../images/signup/addimg-bg.png') no-repeat center center;
    margin: 14px auto 0;
    background-size: contain;
}
.dialog-content .dialog-add-img img {
    width: 100%;
}
.dialog-content .dialog-add-img img+a {
    display: none;
}
.dialog-content .dialog-add-img a {
    text-decoration: underline;
    color: #aabbe1;
    font-size: 16px;
    margin-top: 130px;
}
.dialog-content .confirm-signup {
    position: relative;
    display: block;
    width: 275px;
    height: 60px;
    margin: 27px auto 0;
    line-height: 60px;
    color: #fff;
    text-align: center;
    border: 2px solid #000;
    background-color: #8defe9;
    /* background: url('../images/signup/confirm-btn.png') no-repeat center center; */
    background-size: cover;
    border-radius: 10px;
    font-size: 20px;
    z-index: 10;
}
.dialog-content .confirm-signup::after {
    position: absolute;
    content: "确认报名";
    color: #fff;
    width: 100%;
    height: 100%;
    border: 2px solid #000;
    border-radius: 10px;
    top: -5px;
    left: -2px;
    background-color: #021aad;
    z-index: 1;
}