body {color:#333333; background:#efefef; overflow-x:hidden;}
.popup_mask {display:none; position:fixed; left:0; top:0; width:100%; height:100%; overflow:hidden; background:url(/static/image/transparent.png) repeat scroll left top transparent; z-index:1000;}
.popup_prompt {display:none; position:fixed; left:3%; top:8%; width:94%; border-radius:5px; background:rgba(0%,0%,0%,.7); z-index:999;}
.popup_prompt .prompt_box {padding:10px; text-align:center; font-size:18px;}

.head {position:fixed; top:0; left:0; padding:0 2%; width:96%; height:45px; line-height:45px; background-color:#118eea;}
.head input {padding-left:8%; width:75%; height:32px; font-size:16px; color:gray; border:0; border-radius:3px; background:white url(svg/search.svg) left center no-repeat;}
.head button {margin-top:8px;float:right; width:10%; height:27px; background:url(svg/menu_white.svg) left center no-repeat; border:0;}

.nav {position:absolute; top:46px; right:0; padding:2%; width:96%; background-color:white; z-index:5;}
.nav ol {float:left; margin-bottom:10px; width:100%; font-size:14px;}
.nav ol li {float:left; margin:2px 5px; padding:2px 5px; width:18%; text-align:center; border:solid #DAD9D1 1px; border-radius:3px;}

.main {float:left; margin-top:45px; padding:5px 2% 60px; width:96%; min-height:560px; max-height:640px; overflow-y:auto;}
.item {margin:5px 0 10px; width:100%; background-color:#fefefe; border-bottom:solid #afafaf 1px; border-radius:3px; cursor:pointer;}
.item h4 {padding:3px 12px; font-size:16px;}
.item h4 span {color:#118eea; cursor:pointer;}
.item h4 em {float:right;}
.item p {padding:3px 12px; font-size:14px;}
.item .tip_404 {padding:20px 0; text-align:center; color:#f47920;}
.item strong {padding:0 3px; font-weight:normal; border-radius:3px; background-color:#ffd400;}

.h3_today {padding: 20px 0 10px;text-align: center;font-size: 14px;color: orange;}

.detail {padding:10px 3% 30px 3%; width:94%; border-radius:3px; background-color:white;}
.detail h3 {font-size:24px;}
.detail p {padding:10px 0; color:#118eea; cursor:pointer;}
.detail h2 button, .item p button {float:right; margin-right:10px; padding:2px; width:48px; border:0; border-radius:3px; background-color:#1d953f; color:white; font-size:12px;}
.item p button {background-color:#f47920;}
.detail ul {font-size:18px;}
.ci ul {font-size:14px;}
.detail ul li {padding:5px 0;}
.detail .sv {padding:5px 0 0 0; color:#fe5f1b; font-size:12px;}

#mine h5, #mine h6 {margin-top:25px; text-align:center; }
#mine h5 {color:#1d953f;}
#mine h6 {color:#f47920;}

.player {position:fixed; top:4px; padding:0 2%; width:96%; height:36px; background-color:#F1F3F4;}
.player audio {width:100%; height:36px;}

.recorder {position:fixed; bottom:0; padding:0 2%; width:96%; height:48px; background-color:#F1F3F4; z-index:1;}
.recorder .board {float:left; padding-top:2px; width:78%; height:45px; line-height:45px;}
.recorder .btn {float:right; width:20%; height:45px; line-height:45px; text-align:center;}
.recorder audio {padding-top:5px; width:100%; height:32px;}
.recorder i, .recorder b {display:inline-block; width:45%; font-size:18px; text-align:center;}
.recorder button {padding:0 15px; height:26px; line-height:26px;  border:0; border-radius:3px; background-color:#1d953f; color:white;}


.pad_sound {position:fixed; bottom:0; margin:0 2%; width:96%; z-index:1;}
.pad_sound h5 {padding:10px 0; font-size:16px; font-weight:bold; border-top-left-radius:5px; border-top-right-radius:5px; background-color:#118eea; color:white;}
.pad_sound h5 span {padding-left:15px;}
.pad_sound h5 i {float:right; margin-right:15px; width:24px; background:url(svg/close.svg) left center no-repeat;}
.pad_sound ul {padding:5px 10px; font-size:14px; background-color:white; max-height:420px; overflow-y:auto;}
.pad_sound ul li {padding:8px 0; border-bottom:solid 1px #efefef;}
.pad_sound ul li span {display:inline-block; width:40%;}
.pad_sound ul li b {float:right; margin-right:15px; width:26px; height:26px; border-radius:50%; background:#afafaf url(svg/play24.svg) 2px center no-repeat;}
.pad_sound ul li .play {background-color:green;}
.pad_sound ul li .pause {background:#afafaf url(svg/pause.svg) center center no-repeat;}

.handle {position:fixed; right:3px; bottom:30%; width:45px; height:45px; border-radius:50%; background: white url(svg/lotus.svg) center center no-repeat; opacity:0.86;}
.operation {position:fixed; bottom:25%; padding:0 13% 0 7%; width:80%;}
.operation li {float:left; width:25%; height:64px; mask-image:url(svg/six.svg); mask-position:center; mask-repeat:no-repeat; -webkit-mask-image:url(svg/six.svg); -webkit-mask-position:center; -webkit-mask-repeat:no-repeat;}
.operation li span {display:block; width:100%; height:64px; background-position:center center; background-repeat:no-repeat; background-size:40px;}
.operation .like {background-color:#FF0000;}
.operation .like span {background-image:url(svg/like.svg);}
.operation .spell {background-color:#FF4500;}
.operation .spell span {background-image:url(svg/spell.svg); background-size:64px;}
.operation .share {background-color:#2E8B57;}
.operation .share span {background-image:url(svg/share.svg);}
.operation .collect {background-color:#FFB800;}
.operation .collect span {background-image:url(svg/star.svg);}
.operation .write {background-color:#008080;}
.operation .write span {background-image:url(svg/pen.svg);}
.operation .audio {background-color:#C21E56;}
.operation .audio span {background-image:url(svg/voice.svg);}
.operation .record {background-color:#006994;}
.operation .record span {background-image:url(svg/mike.svg);}
.operation .close {background-color:#FF007F;}
.operation .close span {background-image:url(svg/hide.svg);}

.menu {position:fixed; bottom:0; width:100%; border-top:solid #dfdfdf 1px; background-color:#fefefe;}
.menu li {float:left; padding:25px 0 3px 0; width:25%; font-size:14px; text-align:center; background-position:center 3px; background-repeat:no-repeat;}
.menu .discover {background-image:url(svg/pen_gray.svg);}
.menu .play {background-image:url(svg/play.svg);}
.menu .mine {background-image:url(svg/mine.svg);}
.menu .shici {background-image:url(svg/menu.svg);}
.menu .current {color:#118eea;}