.content{ font-family: "AvenirLTStd-Light","Microsoft YaHei","PingFangSC-Light",Helvetica, sans-serif; color: #555; }
.content small{ font-size: 14px; line-height: 27px; }
.content b,.content .b{ font-weight: bolder; font-family: "AvenirLTStd-Medium","Microsoft YaHei","PingFangSC-Medium",Helvetica,sans-serif; display: inline;  }
.content strong,.content .strong{ font-weight: bolder; font-family: "AvenirLTStd-Black","Microsoft YaHei","PingFangSC-Semibold",Helvetica,sans-serif; display: inline;}
.content a{ color: #6178F0; cursor: pointer;  display: inline;}
.content iframe{ min-height: 212px; margin: 8px 0 }		
.content .active{ color: #6178F0 }
.content .desc{ color: #999999 }
.content .center{ text-align: center; }
.content .left{ text-align: left; }
.content .right{ text-align: right; }
.content>img{ width: 100%; margin: 14px 0; display: block; border-radius: 8px }
.content>img:nth-child(1),.content>p:nth-child(1){ margin-top: 0 }
.content>img:nth-last-child(1),.content>p:nth-last-child(1){ margin-bottom: 0 }
.content>p{ padding: 14px 0; line-height: 30px; box-sizing: border-box; color: #555; font-size: 16px; word-wrap:break-word; letter-spacing: 1px }
.content>hr{ margin: 4px 0; height:1px; border:none; border-top:1px solid #f1f1f1; }
.content>h1{ padding: 22px 18px 0 18px; text-align: center; color: #555; font-size: 20px; line-height: 34px; font-weight: bolder; font-family: "AvenirLTStd-Black","Microsoft YaHei","PingFangSC-Semibold",Helvetica,sans-serif; letter-spacing: 1px }
.content>ul,.content>ol{ padding: 8px 0; font-size: 14px; color: #555; }
.content>ul>h1{ margin: 16px 0; line-height: 30px; font-weight: bolder; font-family: "AvenirLTStd-Black","Microsoft YaHei","PingFangSC-Semibold",Helvetica,sans-serif; font-size: 20px;  letter-spacing: 1px }
.content>ul>li{ margin: 8px 0; line-height: 20px; text-align: justify; }
.content>ol>li{ margin: 8px 0 8px 18px; line-height: 20px; text-align: justify; }
.content>ol>h1{ margin: 16px 0; line-height: 28px; font-weight: bolder; font-family: "AvenirLTStd-Black","Microsoft YaHei","PingFangSC-Semibold",Helvetica,sans-serif; font-size: 20px; list-style: none;  letter-spacing: 1px }
/* video */
.content>.video{ position: relative; margin: 15px 0; border-radius: 8px}
.content>.video:before{content: ""; position: absolute; z-index: 0; width: 100%; height: 100%; top: 0; left: 0; background-color: #3c3e4a; opacity: .5 }	
.content>.video>img{ width: 100% }
.content>.video>i{ background: url(../../../up.wawa.fm/3,cfae712d0330.jpg) no-repeat center; position: absolute; background-size: 48px; height: 60px; width: 60px; left: 50%; top: 50%; margin: -30px 0 0 -30px; z-index: 10; }
.content>.video>a{ position: absolute; height: 48px; width: 48px; left: 50%; top: 50%; margin: -24px 0 0 -24px; z-index: 11; opacity: .4; background-color: #000; border-radius: 24px }
.content>.video>span{ position: absolute; left: 0; top: 50%; margin-top: 36px; text-align: center; color: #fff; width: 100%; display: block; font-size: 14px; }
/* note */
.content>.note{ font-size: 14px; line-height: 22px; color: #999999; margin-bottom: 26px; text-align: center; padding: 0 18px}
/* album */
.content>.album{ padding: 15px 0; line-height: 27px; box-sizing: border-box; color: #555; text-align: center;}
.content>.album>b{ height: 27px; line-height: 27px; margin-bottom: 14px; display: block; font-weight: bolder; font-family: "AvenirLTStd-Medium","Microsoft YaHei","PingFangSC-Medium",Helvetica,sans-serif; letter-spacing: 1px  }
.content .album_info{ font-size: 14px; color: #999999 }
.content .album_track{ font-size: 14px; margin-top: 27px}
.content .album_info>li,.album_track>li{ line-height: 27px; }
/* recommend */
.content>.recommend{ margin-top: 48px; padding: 0 0 16px 0; text-align: center; color: #555 }
.content>.recommend>a{ color: #555; font-size: 24px; font-weight: bolder; font-family: "AvenirLTStd-Black","Microsoft YaHei","PingFangSC-Semibold",Helvetica,sans-serif; margin-bottom: 27px; display: block; }
.content>.recommend>b{ margin-bottom: 27px; display: block; font-size: 14px; font-weight: bolder; font-family: "AvenirLTStd-Black","Microsoft YaHei","PingFangSC-Semibold",Helvetica,sans-serif; }
.content>.recommend>dl{ margin-bottom: 27px; }
.content>.recommend>dl:nth-last-child(1){ margin-bottom: 0 }
.content>.recommend>dl>dt{ color: #FE5521; line-height: 27px; font-weight: bolder; font-family: "AvenirLTStd-Medium","Microsoft YaHei","PingFangSC-Medium",Helvetica,sans-serif; }
.content>.recommend>dl>dd{ color: #999999; line-height: 27px; font-size: 14px }
/* blockquote */
.content>.blockquote{ margin: 24px 0; box-sizing: border-box; position: relative; line-height: 24px; font-size: 14px; padding: 3px 27px; color: #777; text-align: justify; }
.content>.blockquote:before{ content:""; position: absolute; height: 14px; width: 22px; background:url(../../../up.wawa.fm/2,cfb1b1f0cb0a.jpg) no-repeat left top; background-size: 36px; left: 0; top: 0; }
.content>.blockquote:after{ content:""; position: absolute; height: 14px; width: 22px; background:url(../../../up.wawa.fm/2,cfb1b1f0cb0a.jpg) no-repeat right top; background-size: 36px; right: 0; bottom: 0;  }
/* audio */
.content>.audio_box{ border-radius: 12px; background-color: #F5F5F5; overflow: hidden; height: 120px; margin: 12px 0; position: relative;  }
.content>.audio_box>img{ height: 120px; width: 120px; float: left; }
.content>.audio_box>ul{ padding: 24px 0; float: left; width: calc(100% - 260px); margin-left: 36px; color: #555 }
.content>.audio_box>i{ position: absolute; width: 48px; height: 48px; top: 36px; left: 36px; background: url(../../../up.wawa.fm/3,cfae712d0330.jpg) no-repeat center; background-size: 48px; cursor: pointer;  }
.content>.audio_box>i.play{ background: url(../../../up.wawa.fm/3,cfae712d0330.jpg) no-repeat center; background-size: 72px;   }
.content>.audio_box>i.pause{ background: url(../../../up.wawa.fm/7,cfb0af172fec.jpg) no-repeat center; background-size: 72px;  }
.content>.audio_box>a{ position: absolute; width: 48px; height: 48px; top: 36px; left: 36px; z-index: 11; opacity: .4; background-color: #000; border-radius: 48px }
.content>.audio_box>ul>li:nth-child(1){ font-weight: bolder; font-family: "AvenirLTStd-Medium","Microsoft YaHei","PingFangSC-Medium",Helvetica,sans-serif; font-size: 16px; height: 18px; line-height: 18px; margin-top: 12px; letter-spacing: 1px }
.content>.audio_box>ul>li:nth-child(2){ font-size: 14px; height: 16px; line-height: 16px; margin-top: 14px; letter-spacing: 1px }
.content>.audio_box>time{ height: 120px; float: right; margin-right: 18px; line-height: 120px; color: #999; font-size: 14px }
/* ticket_box */
.content>.ticket_box{ border-radius: 6px; background-color: #F5F5F5; height: 130px; overflow: hidden; margin: 12px 0; position: relative;  }
.content>.ticket_box>img{ height: 130px; width: 100px; float: left; }
.content>.ticket_box>ul{ padding: 12px 0; float: left; width: calc(100% - 136px); margin-left: 18px}
.content>.ticket_box>ul>li:nth-child(1){ font-weight: bolder; font-family: "AvenirLTStd-Medium","Microsoft YaHei","PingFangSC-Medium",Helvetica,sans-serif; font-size: 14px; line-height: 18px; color: #555; }
.content>.ticket_box>ul>li:nth-child(2){ font-weight: bolder; font-family: "AvenirLTStd-Black","Microsoft YaHei","PingFangSC-Semibold",Helvetica,sans-serif; font-size: 14px; height: 16px; line-height: 16px; margin-top: 4px; color: #FE5521;}
.content>.ticket_box>a{ height: 36px; width: calc(100% - 136px); position: absolute; right: 18px; bottom:12px; line-height: 36px; color: #fff; font-size: 14px; background-color: #FE5521; text-align: center;border-radius: 3px; font-weight: bolder; font-family: "AvenirLTStd-Medium","Microsoft YaHei","PingFangSC-Medium",Helvetica,sans-serif; letter-spacing: 1px }
.content>.ticket_box>a.disabled{ background-color: #ccc; cursor: not-allowed }
/* hgroup */
.content>.hgroup{ padding: 22px 0 2px 0; box-sizing: border-box;}
.content>.hgroup>h1{ text-align: center; color: #555; font-size: 20px; line-height: 34px; font-weight: bolder; font-family: "AvenirLTStd-Black","Microsoft YaHei","PingFangSC-Semibold",Helvetica,sans-serif;  letter-spacing: 1px }
.content>.hgroup>p{ text-align: center; line-height: 20px; color: #777; font-size: 14px;}
.content>.copyright{ font-size: 14px; color: #777; padding: 12px 0; line-height: 24px; margin: 4px 0; border-top: 1px solid #f1f1f1 }
/* number */
.content>.number{ padding: 30px 18px 18px 18px; text-align: center; }
.content>.number>b{ font-size: 30px; line-height: 36px; height: 36px; letter-spacing: 2px; font-weight: bolder; font-family: "AvenirLTStd-Black","Microsoft YaHei","PingFangSC-Semibold",Helvetica,sans-serif; color: #555 }
.content>.number>h1{ font-weight: bolder; font-family: "AvenirLTStd-Medium","Microsoft YaHei","PingFangSC-Medium",Helvetica,sans-serif; font-size: 16px; line-height: 22px; color: #555; margin-top: 4px;  letter-spacing: 1px }
.content>.number>h2{ font-size: 14px; line-height: 22px; color: #999; margin-top: 4px}
/* dialog */
.content>.dialog{ margin: 24px 0 18px 0 }
.content .question>div{ font-size: 14px; color: #FE5521;padding-left: 26px;position: relative; height: 24px; line-height: 28px; overflow: hidden;}
.content .question>div:before{ content: "Q"; font-weight: bolder; font-family: "AvenirLTStd-Black","Microsoft YaHei","PingFangSC-Semibold",Helvetica,sans-serif; position: absolute; left: 0; top: 0; height: 24px; line-height: 24px; font-size: 24px; display: block; width: 22px; text-align: center; }
.content .question>p{ margin: 10px 0 24px 0; line-height: 30px; box-sizing: border-box; color: #555; font-size: 16px;}
.content .answer>div{ font-size: 14px; color: #FE5521; padding-left: 26px; position: relative; height: 24px; line-height: 28px; overflow: hidden;}
.content .answer>div:before{ content: "A"; font-weight: bolder; font-family: "AvenirLTStd-Black","Microsoft YaHei","PingFangSC-Semibold",Helvetica,sans-serif; position: absolute; left: 0; top: 0; height: 24px; line-height: 24px; font-size: 24px; display: block; width: 22px; text-align: center; }
.content .answer>ul{ margin: 10px 0 24px 0; }
.content .answer>ul>li{ line-height: 30px; color: #555; font-size: 16px; margin-bottom: 16px; text-align: justify;}
.content .answer>ul>li>b{ font-weight: bolder; font-family: "AvenirLTStd-Medium","Microsoft YaHei","PingFangSC-Medium",Helvetica,sans-serif;}
.text {
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
    overflow: hidden;
}
.login{
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #999;
}