/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* reset for all browsers */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body { font: 24px/2 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', microsoft yahei; color: #666; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; text-transform: none; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
a { color: #333; text-decoration: none; transition: all 0.2s; }
a:active { color: #f60; }
ol, ul { list-style: none; }:focus{outline:0;}
table { border-collapse: collapse; border-spacing: 0; }
img, iframe { border: none; vertical-align: top; }
b, i, cite { font-weight: normal; font-style: normal; }
input, textarea, buttun, select { font: inherit; outline: none; -webkit-appearance: none; border-radius: 0;border: 0;}
input[type=search]::-webkit-search-decoration, 
input[type=search]::-webkit-search-cancel-button, 
input[type=search]::-webkit-search-results-button, 
input[type=search]::-webkit-search-results-decoration { display: none; }
/* commom style */
.clearfix:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; }
.opacity-mask{display: none;position: fixed;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.footer-fixed{position: fixed;left: 0;bottom: 0;}

.sea_a span{display: inline-block;vertical-align: middle;width: 63px;height: 11px;background: url('../../imgs/common/logo_jiankang.png') no-repeat center center/100%;font-size: 0;}

/*网警start*/
    .net-police-box{background: #f5f5f5;}
    .net-police{margin: auto;padding: 12px 0;width: 100%;text-align: center;}
    .net-police-report{display: inline-block;width: 100px;vertical-align: middle;}
    .net-police img{width: 100%;}
    .net-police-online,.net-police-offline{display: inline-block;vertical-align: middle;margin-left: 24px;width: 42px;}
/*网警end*/


.rcs-box{padding: 10px;padding-bottom: 0;border-bottom: 6px solid #e3e3e7;}
.rcs-msg{display: block;margin-bottom: 10px;line-height: 42px;text-align: center;border: 1px solid #4a8cd9;border-radius: 4px;color: #4a8cd9;}

/*顶部悬浮*/
    header{ width: 100%;background: #4A8CD9; height: 50px; color: #fff; position: fixed; top: 0; z-index: 1000; } 
    header a{color: #fff;font-size: 14px;} 
    .sea_a,.home_i,.ask,.user{float: left; } 
    .home_i{height: 25px; width: 10%; text-align: center; margin: 10px 2% 0 0; } 
    .home_i img{max-height: 80%; } 
    .sea_a{width: 50%; height: 33px; background: #3573CC; line-height: 33px; margin: 8px 0; border-radius: 5px; padding: 0 10px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    .sea_a a{display: block;}
    .sea_a img{display: inline-block;width: 20px;vertical-align: text-top; } 
    .ask{width: 17%; height: 33px; background: #8EC45A; line-height: 33px; margin: 8px 0; border-radius: 5px; text-align: center; margin-left: 2%; } 
    .user{width: 9%; height: 33px; line-height: 33px; margin: 8px 0; margin-left: 3%; text-align: center; } 
    .user img{vertical-align: middle;max-height: 65%; } 
html,body{height: 100%;overflow: auto;-webkit-overflow-scrolling: touch;}
body{background: #f5f5f5;font-size: 14px;}



.home_i{margin-top: 15px;}

.top-classify{position: relative;margin-top: 50px;padding: 20px 15px 0;background: #fff;}
.top-classify-item{padding-right: 50px;font-size: 0;}
.top-classify span{display: inline-block;margin:0 10px 10px 0;padding:0 10px;line-height: 24px;font-size: 14px;border-radius: 12px;border: 1px solid #e7e8e9;}
.top-classify span.active{border: 1px solid #4a8cd9;color: #4a8cd9;}
.switch-btn{position: absolute;top: 20px;right: 15px;width: 40px;height: 24px;background: url('../../imgs/audio/choose.png') no-repeat center;background-size: 15px 12px;border: 1px solid #e7e8e9;border-radius: 12px;}

.classify-box{display: none;position: fixed;top: 0;left: 0;box-sizing: border-box;margin-bottom: -1000px;padding-top: 50px;width: 100%;height: 100%;background: #fff;}

.classify-left{float: left;overflow-y: auto;padding-bottom:1000px;width: 30%;height: 100%;background: #f6f6f6;border-right: 1px solid #e3e3e3;}
.classify-left li{padding-left: 10px;line-height: 50px;}
.classify-left li.active{position: relative;background: #fff;border-bottom: 1px solid #e3e3e3;}

.classify-right{box-sizing: border-box;overflow: auto;padding: 10px;height: 100%;}
.classify-right li{display: none;overflow: auto;box-sizing: border-box;margin-left: -15px;padding-bottom: 20px;height: 100%;background: #fff;font-size: 0;}
.classify-right li.active{display: block;}

.classify-right li span{display: inline-block;margin: 0 0 15px 15px;padding: 0 10px;line-height: 24px;border: 1px solid #e3e3e3;border-radius: 12px;font-size: 14px;}

.classify-close{position: fixed;left: 50%;bottom: 10px;padding: 10px;z-index: 9;font-size: 0;}
.classify-close span{position: relative;display: inline-block;border: 12px solid transparent;border-bottom-color: #e3e3e7;}
.classify-close i{position: absolute;left: -12px;bottom:-15px;display: inline-block;border: 12px solid transparent;border-bottom-color: #fff;}




    .item-audio-btn{position: relative;float: left;width: 175px;height: 32px;background: url("../../imgs/audio/audio.png");background-size: 100%;}
    .item-audio-btn .pause,.item-audio-btn .play{position: absolute;left: 13px;top:7px;width: 15px;height: 18px;}
    .item-audio-btn .pause{background: url('../../imgs/audio/pause.png') no-repeat center center/100%;}
    .item-audio-btn .play{background: url('../../imgs/audio/play.gif') no-repeat center center/100%;}
    .item-audio-btn .text{position: absolute;left: 65px;top: 0;color: #fff;line-height: 32px;}



.relevant-list{}
.relevant-list a{display: block;margin-bottom: 10px;padding: 10px 12px 0;background: #fff;}
.relevant-list-title{line-height: 34px;font-size: 17px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.relevant-list-text{line-height: 26px;font-size: 14px;color: #999;}
.relevant-list-audio{padding: 6px 0;height: 36px;}
.relevant-audio-number{float: right;color: #999;}
.relevant-audio-pic{float: left;margin-right: 12px;width: 36px;height: 36px;border-radius: 50%;overflow: hidden;}
.relevant-audio-pic img{width: 100%;height: 100%;}
.relevant-audio-btn{float: left;width: 175px;height: 32px;background: url("../../imgs/audio/audio.png");background-size: 100%;}
.relevant-list-msg{padding-bottom: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.relevant-list-msg span{color: #666;}
.relevant-list-msg span:first-child{color:#333;}