*{padding: 0; margin: 0; border: 0;}
html, body{overflow-x: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
a{text-decoration: none;}
ul, li, ol{list-style: none;}
html{font-size: 62.5%; /*10 ÷ 16 × 100% = 62.5%*/}
body{font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.4rem; background: #F5F5F5; color: #333; font-size-adjust: none; -webkit-text-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
img{vertical-align: middle; border: 0;}
input{outline: none; border-radius: 0; box-shadow: 0 0; border: none; }
input[type="search"]::-webkit-search-cancel-button{display: none}
*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.stars{display: block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAaCAYAAABLlle3AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAACHklEQVRIx9XVP2yOURTH8U9pJCRiQ0LSDjYSRRhELAw0/qRGthMiJRY60EGDgUhMIo3BSbpYJf6EhFiIxb8KBomhHZqIrhgawtBL3v573z5vVeK3nDz3nt/53nuf+5yH/0mZeblZ74ImgV1Yk5kHmvG3NAFsxTucwFWsi4jv873TI3gcEQ/xuDxXUiVoZi5FH/rLUD/6yvi87fQUBiLiLZQ4UMb/PjQzV6IHVyZNXUFPmZ+VGl6kUqwDx/E8Is5Pk3MWm3ENgxHxadbQzGzDRmwosQMLMYj+iLhdZ3H70F08P4rnZYmvImJ4CjQzb2AHXuF1iYMRMTLbY6uptarAN5W4EY8i4jC01uR24z4+RsSFqqBalYWO4F7pXMtw7Pf8gprEMezH9sw8NxdozY7PYTv2l/oToQX8BXvRlZm9cwT2ogt7S90/mvLJRMQoOnE4M082CTxpvFN1lnoT1FLHuAbPcDQiblUAduE6tkbEx+lyZmwOxXDI+AWrom4cmglYF1q0CGOqaaz4ZlQjaDuGKkKHiq9paBuGVVNDaGuDAm14MXkwM9fjIG5GxJtJ08PYMhdou5rjzcw9xi/KKtzEQGaOGO/Ld2ugbfWK1v3LZOZnrMXOAmvBRdyPiJ+Z2YLdOFMs/XiI9xGxvDI0M5dgFIvxABcj4kmd/G3oxS58w4qI+Fr1eFfjDi5FxGCD1yAinqIzMztwuvg/NPL9M/0CSsi8PdMK5GIAAAAASUVORK5CYII=) repeat-x; height: 15px; width: 75px; margin: 0 auto; margin-left: 0; clear: both; direction: ltr;}
.stars span{display: block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAaCAYAAABLlle3AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABpUlEQVRIx9XVsWsUQRTH8Y8SptBYDgoGohCxUbjYCKKVFmJstE0nplDLMCj+A0q2tswfYG9hoSk0CBbKiTbBFAoKypSaZhG0yAi55G5P1zshr3nsvPfb7/4eMzvspqiruNRWu7cl8ApSXcWrbfR7WgAn8A7HsYYTIeUf43a6UIBKXhir07qKB/AeB7csf8WxkPK3cTld3AZUnhfH4rSu4iGsY3+f8gZmQspfRgItsA5u4XJD6yM8QHcYvAdaV3EapzBbcgeH/2Z0JT6ji1clvw4pf9wBrau4jGstAH8ayyHl6/RupBtYGRNwBTd3OC1uJ/EEp0cIfIkLIeXvfaEFHPEUJ0cAfIvzIeW8dbHv7q2rOIVnOPoPwA84F1L+tL0w8MjUVZzBC8QWwIwzIeX1fsWBf6QimG/pcn4QsBH6m90S2qgbBj3SEtqoGwad3k3QRl3b8b7B7ZJHDt1+Tlcxh9mQ8pLNi2GurDfpeqLpnO6zeU/+xGPcCyk/b+g/i7u4WN47GVLe6Nc70fBBU3iI+yHl7pCJCCmv4lJdxQ7uFP3aMN1/i1+nOWxMb+0h0gAAAABJRU5ErkJggg==) repeat-x; height: 15px; width: 75px;}
.stars, .stars span{background-size: 15px;}
.lazybg{width: 100%; height:0; background-repeat: no-repeat; background-size:100%;}
/*box*/
.box{ width: auto; box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);}
.box-title{height: 30px; line-height: 30px; background: #fff; padding: 10px 15px 0px 15px; margin-top: 10px;}
.box-title .tit1{float: left; font-size: 1.4rem; position: relative; padding-left: 0px; color: #555; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.box-title .tit1 .gbg, .box-title .tit1 .abg{border-radius: 50%; background: #73B04B center no-repeat; background-size: 20px; width: 26px; height: 26px; display: block; position: absolute; top: 50%; margin-top: -13px; left: 0;}
.box-title .more{float: right;}
.box-title .more a{color: #666; font-size: 1.4rem;}
.box-title .arrow-right{display: inline-block; position: relative; top: -1px; width: 6px; height: 6px; border: 2px solid #868686; border-right: 0; border-bottom: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.box-wrap{overflow: hidden; display: block; margin: 0 auto; background: #fff; padding: 10px 0; width: 100%;}
.box-wrap li{float: left; overflow: hidden; margin-bottom: 10px;width: 33.33%;}
@media screen and (min-width: 640px){
    .box-wrap li{width: 11%;}
}
.box-wrap a{background: #fff; overflow: hidden; padding: 5px 15px; position: relative;  display: block;color: #333;}
.box-wrap a dt{text-align: center;}
.box-wrap a dt img{width: 100%;}
.box-wrap a dt .lazybg{padding-top:100%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAAAAABwhuybAAACbklEQVRYw+2XUZuyIBCFz0iYmW7t9v//Yc+WqYEI8l1YrSim7reXctVD+DqcOTMgfeNvRoAVtIJW0ApqR3MuJp8SZzMNIiuaCY4t7IyI6IDbBKhAymZoFPJav+UYyaLB5MazMP3OTq9dNKaxAAUBo+fcDR+YBWI7IXYAYCqlX2oQ41sOAEpvN/NASESxA6SsHYW1FmwbE25IMROENC94aTzq3MXe2oRmgyIhxFjmQbv5zhbmnYtyzI0ol2/TL/UHmxXRVY6atZ3SFzMnomv9cDg3N9eZUUIyBwB7+WSTEWWPpB852NH1V0qIklanq50C3VUnVnL+5gAQPnpENgHS5fNXDcA4faAGgGceavEe9FP4mWqU+1pz1Y24v1qAKzi59yNRzO+J4WE8IlsuaK5Kj4OkXdKmy3GQWNTvlRkDabPs5KjGQBJ/BFILQd0dOLWWNFigNjnGd0Dhf5y0XZBtlj4dkAeky9ouBRGPeR+0pDh+9qDUPnazpopfalNKJyKbedYcKgkg3RCskIjCG8DTou+RPAw6EfmsuAtjAIhQKZ3G2G4BfjT18MjpRlR5QHu5DRWAUgG0vxuAH31Kqn0nIs/1g1Nev85mBsDwY+lT0jgaeS4AGsVX0KBJDLHgiiY4+n1vuyCyHqueLOKizfLdAJSZr6bylUoHxAf1GiMPLI8KBJl67E5BfpyHb2RdHw2rbK/kXdwoei5sU21Pnt7dBUX9mwpHAQA6hn3EYC2ACyVDmzinSO/kAT00ZOYpXztDrJ/gNHJKJOzdwp5xmFem2hnb5yRRr2ijjaiXtxG+2wzayCZdv45W0ApaQb8Y/wA7pfmm7EjwzQAAAABJRU5ErkJggg==)}
.box-wrap a dd{}
.box-wrap a:active{ background: #f9f9f9;}
.box-wrap .d1{margin-top: 3px; line-height: 2rem; font-size: 1.4rem; color: #333; overflow : hidden; text-overflow: ellipsis; white-space: nowrap; }
.box-wrap .d1 a{font-size: 1.4rem; color: #333;}
.box-wrap .d2{margin-top: 10px; margin-right: 25px;}
.box-wrap .d2 a{font-size: 1.3rem; color: #666;}
.box-wrap .d3{margin-top: 3px;}
.box-wrap .d4{margin-top: 3px; line-height: 2rem; font-size: 1.4rem; overflow : hidden;  text-overflow: ellipsis; white-space: nowrap;}
.market-banner{-webkit-tap-highlight-color:rgba(0,0,0,0); margin: 10px auto 0 auto; max-width: 800px; background:#EEEEEE url(../images/lazy.png) no-repeat center center; }
.market-banner .lazybg{padding-top:48.828125%; width: 100%; height: 0; background-repeat: no-repeat; background-size: 100%;}
.promotion{position: relative; background-color: #136EA2 !important;}
.promotion .tit{ position: absolute; top: 16%; left: 0; width: 100%; overflow: hidden; font-size: 2.5rem; font-size: 6vw; white-space: nowrap; text-overflow: ellipsis; text-align: center; color: rgba(255,255,255,0.9); font-weight: 400;}
.promotion .subtit{ position: absolute; top: 37%; left: 0; width: 100%; overflow: hidden; font-size: 1.5rem; font-size: 4vw; white-space: nowrap; text-overflow: ellipsis; text-align: center; color: rgba(255,255,255,0.7); font-weight: 100;}
.promotion .icons{ position: absolute; top: 56%; left: 0; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center;}
.promotion .icons li{display: inline-block; width: 10%; margin: 0 3px;}
.promotion .icons .lazybg{padding-top:100%; border-radius: 50%; border: 2px solid rgba(255,255,255,0.6); background-color: rgba(255,255,255,0.6);}
@media screen and (min-width: 800px){
    .promotion .tit{font-size: 4.5rem;}
    .promotion .subtit{font-size: 3rem;}
}
.editor-picker-title{position: relative;  text-align: center;}
.editor-picker-max{margin-bottom: -0.1rem;line-height: 3.0rem;font-size: 2.2rem;font-weight: 700;color: #3AC27E;}
.editor-picker-small{display: inline-block;position: relative;margin: 0;padding: 0 0.2rem;color: #aaa;background: #F5F5F5;z-index: 10;text-shadow: 0 1px #fff;}
.editor-picker-line{position: absolute;top: 3.7rem;left: 0;width: 100%;height: 0.1rem;background: #ccc;box-shadow: 0 1px #fff;}
.editors_m{ background: #fff; box-shadow: 0 2px 3px 0 rgba(0,0,0,.15); margin: 0 0 10px 0; overflow: hidden; display: block;}
.editors_m{color: #333;}
.editors_m_1{ height: 50px; line-height: 50px; margin: 0 10px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-size: 1.4rem;}
.editors_m_1 img{ width: 30px;height: 30px}
.editors_m_1 .vname{  color: #999;}
.editors_m_3{ max-width: 800px; margin: 0 auto; background: #EEEEEE url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAAAAABwhuybAAACbklEQVRYw+2XUZuyIBCFz0iYmW7t9v//Yc+WqYEI8l1YrSim7reXctVD+DqcOTMgfeNvRoAVtIJW0ApqR3MuJp8SZzMNIiuaCY4t7IyI6IDbBKhAymZoFPJav+UYyaLB5MazMP3OTq9dNKaxAAUBo+fcDR+YBWI7IXYAYCqlX2oQ41sOAEpvN/NASESxA6SsHYW1FmwbE25IMROENC94aTzq3MXe2oRmgyIhxFjmQbv5zhbmnYtyzI0ol2/TL/UHmxXRVY6atZ3SFzMnomv9cDg3N9eZUUIyBwB7+WSTEWWPpB852NH1V0qIklanq50C3VUnVnL+5gAQPnpENgHS5fNXDcA4faAGgGceavEe9FP4mWqU+1pz1Y24v1qAKzi59yNRzO+J4WE8IlsuaK5Kj4OkXdKmy3GQWNTvlRkDabPs5KjGQBJ/BFILQd0dOLWWNFigNjnGd0Dhf5y0XZBtlj4dkAeky9ouBRGPeR+0pDh+9qDUPnazpopfalNKJyKbedYcKgkg3RCskIjCG8DTou+RPAw6EfmsuAtjAIhQKZ3G2G4BfjT18MjpRlR5QHu5DRWAUgG0vxuAH31Kqn0nIs/1g1Nev85mBsDwY+lT0jgaeS4AGsVX0KBJDLHgiiY4+n1vuyCyHqueLOKizfLdAJSZr6bylUoHxAf1GiMPLI8KBJl67E5BfpyHb2RdHw2rbK/kXdwoei5sU21Pnt7dBUX9mwpHAQA6hn3EYC2ACyVDmzinSO/kAT00ZOYpXztDrJ/gNHJKJOzdwp5xmFem2hnb5yRRr2ijjaiXtxG+2wzayCZdv45W0ApaQb8Y/wA7pfmm7EjwzQAAAABJRU5ErkJggg==) no-repeat center center;}
.editors_m_3 .lazybg{padding-top:48.828125%; width: 100%; height:0; background-repeat: no-repeat; background-size:100%;}
.editors_m_2{color: #666; font-size: 1.4rem; line-height: 1.8rem; height: 3.6rem; margin: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.editors_m_4{height: 20px; line-height: 20px; padding:0 10px 10px 10px; overflow: hidden; }
.editors_m_4 .stars{ float: left; margin-top: 2px;}
.editors_m_4 .rating-info{float: left; font-size: 1.2rem; margin-left: 5px;}
.editors_date{ float: right; font-size: 1.2rem;}
.editors_date img{ margin-top: -3px;}
.loadmore{ text-align: center; font-size: 1.4rem; padding: 8px 0;}
.pure-ui { padding:10px 20px;}
.pure-ui h1{ color: #555; margin:10px 0; font-size: 24px; line-height: 30px;}
.pure-ui h2{ color: #555; margin:10px 0; font-size: 18px; line-height: 25px;}
.pure-ui h3{color: #555; margin:10px 0; font-size: 16px; line-height: 20px;}
.pure-ui a{color:#54CFEB;}
.pure-ui p {color: #666;line-height: 22px;font-size: 14px; margin-bottom: 10px;}
.pure-ui ul{list-style: disc outside; margin: 10px 20px;}
.pure-ui ul.un-style{list-style: none}
.pure-ui li{list-style: inherit; font-size:16px; line-height: 30px;}
.cat-ui{}
.cat-ui .segment{padding: 20px;}
.cat-ui .form .text{ color: #777;}
.cat-ui .form .text label{font-size: 14px; font-weight: 500; display: block; margin: 0 0 5px;}
.cat-ui .form .input{clear: both; display: block; margin: 0 0 20px 0; color: #777; text-transform: none;}
.cat-ui .form .input label{font-size: 14px; font-weight: 500; display: block; margin: 0 0 5px;}
.cat-ui .form .input input,.cat-ui .form .input textarea{width: 100%; box-sizing: border-box;}
.cat-ui .form .input input{margin: 0; outline: none; -webkit-appearance: none; tap-highlight-color: rgba(255, 255, 255, 0); padding: 8px 10px; font-size: 14px; line-height: 14px; background: #ffffff; border: 1px solid #ccc; color: #555; border-radius: 3px;}
.cat-ui .form .input input:focus{border-color: #A4D24F;}
.cat-ui .form .input textarea{margin: 0; -webkit-appearance: none; tap-highlight-color: rgba(255, 255, 255, 0); padding: 8px 10px; background: #ffffff; border: 1px solid #ccc; outline: none; color: #555; border-radius: 3px; font-size: 14px; line-height: 20px; resize: vertical; height: 150px; min-height: 50px; max-height: 500px;}
.cat-ui .form .input textarea:focus{border-color: #A4D24F;}
.cat-ui .form .input .error{ border: 1px solid #E0B4B4; background: #FFF6F6;}
.cat-ui .form .radio{clear: both; display: block; margin: 0 0 20px 0;}
.cat-ui .form .radio .field{display: block; margin-bottom: 5px;}
.cat-ui .form .radio label{margin-bottom: 5px; font-size: 14px; line-height: 20px;}
.cat-ui .form .radio input{margin-right: 10px;}
.cat-ui .form .radio .error{ border: 1px solid #E0B4B4;}
.cat-ui .button{display: inline-block; min-height: 1em; outline: 0; border: 1px solid #e0e1e2; vertical-align: baseline; background: #e0e1e2; color: #666; margin: 0; padding: 10px 24px; font-size: 14px; line-height: 14px; text-transform: none; text-shadow: none; font-weight: 700; font-style: normal; text-align: center; text-decoration: none; border-radius: 5px;}
.cat-ui .button:hover{background-color:#D8D9DA; border:1px solid #D8D9DA;}
.cat-ui .button:active{background-color:#cacbcd; border:1px solid #cacbcd;}
.cat-ui .button:disabled{background: #FBFBFB; border:1px solid #CCC; color: #aaa;}
.cat-ui .alert{border-radius: 3px; padding:15px;font-size: 14px; line-height: 14px; margin-bottom: 20px; border:1px solid #CCC;}
.cat-ui .alert.error{background-color: #fff6f6; color: #9f3a38; border-color: #E0B4B4;}
.cat-ui .alert.success{background-color: #fcfff5; color: #2c662d; border-color: #A3C293;}
/*topic*/
.fl{float: left;}
.fr{float: right;}
.cl{clear: both; font-size: 0px; height: 0; line-height: 0; overflow: hidden}
.topic-bg{ background: #fff; box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);}
.topic-wrap li{  padding: 0 0px 15px 0px;  margin: 0 auto;  max-width: 800px;  user-select: none;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  -webkit-touch-callout: none;  -webkit-user-select: none;  -webkit-text-size-adjust: none;  text-size-adjust: none;  }
.lazygb_topic{  background-size: 100%;  background-position: center;  width: 100%;  height: 0;  padding-top: 48.828125%;  background-repeat: no-repeat;  }
.topic-bg-degault{  background: #EEEEEE url(../images/lazy.png) no-repeat center center;}
.topic-tips{  padding: 1rem; font-size: 1.6rem; color: #333;  text-align: center;  line-height: 2rem;  }
.topic-tip-name{  white-space: nowrap;  overflow: hidden;  text-overflow:ellipsis;  }
.topic-tip-description{  font-size: 1.4rem;  color: #777;  overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap;  }
/*index-topic*/
.index-topic-wrap{  width: 100%;  overflow-x: auto;  white-space:nowrap;  user-select: none;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  -webkit-touch-callout: none;  -webkit-user-select: none;  background: #fff;  padding:10px 0 5px 15px;  border-bottom: solid 10px #fff;  }
.lazy_topic{  width: 215px;  border: none;  }
.index-topic-item{  display: inline-block;  width: 215px;  height: 105px;  margin-right: 10px;  overflow: hidden;  }