/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {margin:0;padding:0;}
html {font-size: 62.5%;-webkit-font-smoothing: antialiased;text-rendering:optimizelegibility;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details {display:block;}
table {border-collapse:collapse;border-spacing:0;}
caption,th {text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr {border:0;}
i,cite,var,em,address,dfn {font-style:normal;}
[hidefocus],summary {outline:0;}
li {list-style:none;}
h1,h2,h3,h4,h5,h6,small {font-size:100%;}
sup,sub {font-size:83%;}
pre,code,kbd,samp {font-family:inherit;}
q:before,q:after {content:none;}
textarea {overflow:auto;resize:none;}
label,summary {cursor:default;}
a,button {cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b {font-weight:bold;}
del,ins,u,s,a,a:hover {text-decoration:none;}
body,textarea,input,button,select,keygen,legend {font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body {background:#fff;}
a{color:#333;}

/* grid */
.g-cloumn {width:1000px; margin: 0 auto;}

/* function */
.f-cb:after,.f-cbli li:after {display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li {zoom:1;}
.f-ib {display:inline-block;*display:inline;*zoom:1;}
.f-dn {display:none;}
.f-db {display:block;}
.f-fl {float:left;}
.f-fr {float:right;}
.f-pr {position:relative;}
.f-prz {position:relative;zoom:1;}
.f-oh {overflow:hidden;}
.f-ff0 {font-family:arial,\5b8b\4f53;}
.f-ff1{font-family:"microsoft yahei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f-fs1 {font-size:12px;}
.f-fs2 {font-size:14px;}
.f-fwn {font-weight:normal;}
.f-fwb {font-weight:bold;}
.f-tal {text-align:left;}
.f-tac {text-align:center;}
.f-tar {text-align:right;}
.f-taj {text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama * {vertical-align:middle;}
.f-wsn {word-wrap:normal;white-space:nowrap;}
.f-pre {overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb {white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti {overflow:hidden;text-indent:-30000px;}
.f-ti2 {text-indent:2em;}
.f-lhn {line-height:normal;}
.f-tdu,.f-tdu:hover {text-decoration:underline;}
.f-tdn,.f-tdn:hover {text-decoration:none;}
.f-toe {overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp {cursor:pointer;}
.f-csd {cursor:default;}
.f-csh {cursor:help;}
.f-csm {cursor:move;}
.f-usn {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.f-clear, .f-h10, .f-h15, .f-h20, .f-h25, .f-h30 {clear:both;}
.f-h10 {height:10px;}
.f-h15 {height:15px;}
.f-h20 {height:20px;}
.f-h25 {height:25px;}
.f-h30 {height:30px;}

.f-mt5 {margin-top:5px;}
.f-mt10 {margin-top:10px;}
.f-mt15 {margin-top:15px;}
.f-mt20 {margin-top:20px;}
.f-mt30 {margin-top:30px;}

/* 音频小插件样式 */
.audio-box{
    width: 40%;
    height: 40px;
    min-width: 500px;
    background-color: #222;
    margin: 0 auto;
}

.audio-box .play-btn{
    width: 16px;
    height: 100%;
    display: block;
    background:  no-repeat 0 center;
    margin-left: 6%;
    float: left;
    cursor: pointer;
}

.audio-box .audio-progress{
    display: inline-block;
    width: 70%;
    height: 2px;
    line-height: 36px;
    background: #ccc;
}

.audio-box .audio-progress .audio-progress-bar{
    display: inline-block;
    width: 0;
    height: 100%;
    background: #26bf8f;
    float: left;
    -webkit-transition: width 1s linear;
    -moz-transition: width 1s linear;
    -ms-transition: width 1s linear;
    -o-transition: width 1s linear;
    transition: width 1s linear;
}

.audio-box .currenttime{
    display: inline-block;
    width: 15%;
    height: 100%;
    line-height: 40px;
    text-align: center;
    color: #fff;
    text-indent: 0;
    font-size: 14px;
}

.audio-box .audio-playing{
    background:  no-repeat -16px center;
}

@media screen and (max-width: 375px) {
   .audio-box .play-btn{
        margin-left: 3%;
   }
   .audio-box .currenttime{
        width: 18%;
        float: right;
   }
}

@media screen and (max-width: 440px) {
   .audio-box{
        width: 100%; 
        min-width: 290px;
   }
}

/* 编辑器列表不能格式化 */
.article ul,
.article ol{
	text-indent:0;
	padding-left:40px;
}
.article em{
	font-style: italic;
	font-weight: normal;
}
.article ul{
	list-style: disc;
}
.article ol{
	list-style: decimal;
}
.article li{
	list-style:inherit;
}
/* 编辑器内容不能格式化 */