a,input,textarea { outline: 0}
.attention span a, .audio_related .audio_related_list>a, .content .title h1, .guess span a p, .related .related_tit>a, .relatedNew .related_tit>a, .relatedNew>h3 p, .related_r ul li a, .tab_list ul li a { text-overflow: ellipsis; white-space: nowrap}
body { background-color: #fff; font: 14px/1.5 Arial, Helvetica, sans-serif}
em,i,sub,sup { font-style: normal}
article,aside,audio,body,dd,div,dl,footer,form,h1,h2,h3,h4,h5,h6,header,iframe,input,label,nav,ol,p,section,select,td,textarea,th,time,ul,video { margin: 0; padding: 0}
article,aside,audio,canvas,footer,header,nav,section,video { display: block}
textarea { resize: none}
input[type=text] { -webkit-appearance: none}
iframe,img { border: 0}
li,ol,ul { list-style: none}
a { text-decoration: none !important; list-style-type: none; color: #333}
h1,h2,h3,strong { font-weight: 400}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix { zoom: 1}
sub,sup { vertical-align: baseline}
.h10 { float: left; width: 100%; height: 10px}

.nav_bj { float: left; width: 100%; background: #3ca3f7; height: 48px}
.nav_bj .nav { width: 1000px; margin: 0 auto; position: relative; height: 48px}
.nav_bj .nav div { float: left; position: relative}
.nav_bj .nav div i { float: left; width: 260px; height: 48px; background: url(../img/classify.png) 15px center no-repeat #0182d6; background-size: 16px 12px; line-height: 50px; cursor: pointer}
.nav_bj .nav div dl { float: left; width: 260px; position: absolute; left: 0; top: 48px; border: 1px solid #e5e5e5; box-sizing: border-box; border-top: 0; background: #fff; display: none; z-index: 999}
.attention, .main, .place_bj .place { position: relative}
.nav_bj .nav div dl dt { float: left; width: 100%; height: 60px; line-height: 60px; text-indent: 48px; color: #3ca3f7}
.nav_bj .nav div dl dt:nth-of-type(1) { background: url(../img/familiar.png) no-repeat; background-size: 54px 55px}
.nav_bj .nav div dl dt:nth-of-type(2) { background: url(../img/cation.png) left center no-repeat; background-size: 46px 34px}
.nav_bj .nav div dl dt:nth-of-type(3) { background: url(../img/life.png) 17px center no-repeat; background-size: 22px 20px}
.nav_bj .nav div dl dd { float: left; width: 226px; border-bottom: 1px solid #e5e5e5; padding: 0 17px}
.nav_bj .nav div dl dd a { float: left; width: 33.3333333%; margin-bottom: 20px; color: #777; font-size: 14px}
.nav_bj .nav div dl dd a.point { color: #f70}
.nav_bj .nav div dl dd span { float: left; width: 100%}
.nav_bj .nav div dl dd span a:first-child { color: #3ca3f7}
.nav_bj .nav div dl dd span:nth-child(3n) { border-bottom: 1px dotted #e5e5e5; margin-bottom: 20px}
.nav_bj .nav div dl dd span:nth-last-child(1), .nav_bj .nav div dl dd span:nth-last-child(2) { border-bottom: 0; margin-bottom: 0}
.nav_bj .nav div dl dd:last-child { border-bottom: none}
.nav_bj .nav div dl dd:last-child a { width: auto; margin-right: 10px}
.nav_bj .nav div dl dd:last-child a:nth-child(4n) { margin-right: 0}
.nav_bj .nav>span { display: flex; width: 550px; height: 48px; float: left; justify-content: center; align-items: center}
.nav_bj .nav>span a { display: flex; flex: 1; height: 48px; justify-content: center; align-items: center; color: #fff; font-size: 16px}
.nav_bj .nav>span a.btn, .nav_bj .nav>span a:hover { background: #80c3fa}
.nav_bj .nav strong { float: right; width: 150px; height: 48px; line-height: 48px}
.nav_bj .nav strong a { color: #fff; font-size: 14px}
.nav_bj .nav strong a:nth-of-type(1) { margin-right: 15px}
.nav_bj .nav strong a:nth-of-type(1):after { content: "|"; padding-left: 15px}
.place_bj { float: left; width: 100%; height: 48px; margin-top: 10px}
.place_bj .place { width: 1000px; margin: 0 auto; height: 48px}
.place_bj .place em { background: url(../img/place.png) left center no-repeat; background-size: 15px 13px; float: left; width: 25px; height: 48px}
.place_bj .place a { height: 48px; line-height: 48px; font-size: 14px; color: #aaa}
.place_bj .place a:hover { color: #3ca3f7}
.place_bj .place a:last-child::after { content: ""; margin: 0}
.main { width: 1000px; margin: 0 auto 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex}
.main .main_left { float: left; width: 670px; margin-right: 30px}
.main .main_left>div:last-child { margin-bottom: 0}
.main .main_right { float: left; width: 300px}
.attention { width: 1000px; margin: 0 auto 30px; border: 1px solid #e5e5e5; box-sizing: border-box; overflow: hidden}
.attention h3 { float: left; width: 960px; margin: 20px 20px 15px; font-size: 18px}
.attention span { float: left; width: 960px; margin: 0 20px 20px}
.attention span a { float: left; background: #f8f8f8; height: 32px; line-height: 32px; padding: 0 13px; color: #555; font-size: 14px; margin-right: 10px; max-width: 175px; overflow: hidden; margin-bottom: 10px}
.attention span a:hover { background: #3ca3f7; color: #fff; transition: .1s}
.footer_area { padding: 14px 0 29px; border-top: 1px solid #e5e5e5; overflow: hidden; float: left; width: 100%}
.footer_area .footer_c { margin: 0 auto; width: 1000px; overflow: hidden}
.footer_area .footer_c p { width: 100%; line-height: 24px; font-size: 12px; color: #999; text-align: center; float: left}
.footer_area .footer_c p em { font-size: 12px; font-style: normal}
.footer_area .footer_c p a { font-size: 12px; color: #999}
.footer_area .footer_c span { float: left; width: 100%; display: inline-block; text-align: center; color: #999; height: 24px; line-height: 24px; font-size: 0}
.footer_area .footer_c span a { display: inline-block; text-align: center; color: #999; font-size: 12px}
.footer_area .footer_c span a i { padding: 0 13px; display: inline-block; font-size: 12px; color: #e5e5e5}
.footer_area .footer_c .authoritative_website { margin: 15px auto 0; width: 100%; height: 52px; float: left; display: inline-block; text-align: center}
.footer_area .footer_c .authoritative_website li { margin: 0 7px; width: 120px; height: 50px; overflow: hidden; border: 1px solid #e5e5e5; text-align: center; display: inline-block}
.footer_area .footer_c .authoritative_website li a, .footer_area .footer_c .authoritative_website li a img { display: block; width: 120px; height: 50px; overflow: hidden}
.question2 { position: fixed; bottom: 20%; right: 15px; z-index: 999}
.question2>sub { background: url(../img/question.gif) no-repeat; width: 80px; height: 80px; display: inline-block; background-size: 80px 80px}
.question2 div { width: 300px; height: 272px; border: 1px solid #3ca3f7; background: #f8fcff; position: relative; display: none; margin-right: 15px}
.question2 div i { background: url(../img/x.png); position: absolute; width: 10px; height: 10px; background-size: 10px 10px; margin-top: 10px; margin-right: 10px; top: 0; right: 0}
.question2 div h2 { background: url(../img/question_title.jpg) no-repeat; width: 100%; height: 63px; text-indent: -99999px; background-size: 100% 100%}
.question2 div textarea { width: 240px; height: 110px; margin-left: 15px; border: 1px solid #ddd; padding: 15px; color: #333 !important}
.question2 div sup { width: 160px; height: 32px; line-height: 32px; display: inline-block; text-align: center; background: #ff9233; margin-left: 70px; margin-top: 15px; border-radius: 4px; cursor: pointer}
.question2 div sup p { background: url(../img/promptly.png) left center no-repeat; height: 100%; background-size: 18px 18px; display: inline-block; text-align: center; color: #fff; font-size: 16px; text-indent: 22px}
.question2 div:hover { -webkit-transition: border linear .2s, -webkit-box-shadow linear .5s; border-color: rgba(60, 163, 247, .75); -webkit-box-shadow: 0 0 18px #3ca3f7}
.related_r span, .reserved h3 { border-top: 1px solid #3ca3f7; box-sizing: border-box; background: #f8f8f8; height: 45px; line-height: 45px; width: 100%}
.related_r span, .reserved h3, .splendid span:first-child { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5}
.question2 div ::-webkit-input-placeholder { color: #999}
.question2 div :-moz-placeholder { color: #999}
.question2 div ::-moz-placeholder { color: #999}
.question2 div :-ms-input-placeholder { color: #999}
.related_r span, .related_r span em, .reserved h3 { float: left; color: #333; font-size: 16px}
.reserved { float: left; width: 100%; overflow: hidden; margin-bottom: 20px}
.reserved h3 { text-indent: 15px}
.related_r { float: left; width: 100%; margin-bottom: 20px}
.related_r span em { margin-left: 15px}
.related_r span a { color: #ff925c; font-size: 14px; float: right; margin-right: 15px}
.related_r ul, .related_r ul li { float: left; box-sizing: border-box}
.related_r ul { width: 100%; border: 1px solid #e5e5e5; border-top: 0; padding: 10px 0}
.related_r ul li { height: 42px; line-height: 42px; width: 260px; margin: 0 20px; border-bottom: 1px dotted #e5e5e5}
.focus, .focus h3, .focus span { width: 100%}
.focus, .splendid { margin-bottom: 20px; float: left}
.related_r ul li a { float: left; width: 100%; overflow: hidden; font-size: 14px; color: #333; background: url(../img/q.png) left center no-repeat; background-size: 17px 19px; text-indent: 25px}
.related_r ul li a:hover { color: #3ca3f7}
.related_r ul li:last-child { border-bottom: none}
.focus h3 { float: left; height: 45px; line-height: 45px; border-bottom: 1px solid #3ca3f7}
.focus span { float: left}
.focus span a { float: left; width: 145px; margin-right: 10px; margin-top: 20px}
.focus span a i { float: left; width: 100%; height: 97px; position: relative; background: #f8f8f8; overflow: hidden}
.focus span a i img { float: left; width: 100%; position: absolute; top: 0; left: 0}
.focus span a p { line-height: 20px; float: left; width: 100%; height: 40px; overflow: hidden; font-size: 14px; color: #333; margin-top: 5px}
.focus span a:nth-child(2n) { margin-right: 0}
.focus span a:hover p { color: #3ca3f7}
.splendid { width: 100%}
.splendid span:first-child { float: left; width: 100%; border-top: 1px solid #3ca3f7; box-sizing: border-box; background: #f8f8f8; font-size: 16px; color: #333; height: 45px; line-height: 45px}
.splendid span:first-child em { float: left; color: #333; font-size: 16px; margin-left: 15px}
.splendid span:first-child a { color: #ff925c; font-size: 14px; float: right; margin-right: 15px}
.splendid span:nth-child(2) { float: left; width: 100%; border: 1px solid #e5e5e5; border-top: 0; box-sizing: border-box; padding-bottom: 20px}
.and1, .guess { padding: 20px 0}
.splendid span:nth-child(2) a { float: left; width: 268px; margin: 15px 15px 0}
.splendid span:nth-child(2) a i { float: left; width: 110px; height: 73px; position: relative; background: #f8f8f8; margin-right: 10px; overflow: hidden}
.splendid span:nth-child(2) a i img { float: left; width: 110px; position: absolute; top: 0; left: 0}
.splendid span:nth-child(2) a p { line-height: 20px; height: 40px; overflow: hidden; font-size: 14px; color: #333}
.splendid span:nth-child(2) a:hover p { color: #3ca3f7}
.splendid span:nth-child(2) a:nth-child(2n) { margin-right: 0}
.splendid span:nth-child(2) strong { float: left; width: 268px; margin: 15px 15px 0; overflow: hidden}
.guess .and2, .guess span, .guess span a p { margin-top: 10px}
.and1, .content, .guess { border: 1px solid #e5e5e5; margin-bottom: 20px}
#open { position: fixed; width: 300px; background: #fff; top: 0}
.and1 { float: left; width: 100%}
.and1>div { float: left; width: 670px}
.guess, .guess p { width: 100%; float: left}
.guess p { font-size: 18px; color: #333; text-indent: 20px}
.guess span { float: left; width: 630px; margin-left: 20px}
.guess span a { float: left; width: 142px; margin-right: 20px}
.guess span a img { float: left; width: 142px; height: 81px}
.guess span a p { font-size: 14px; color: #333; float: left; text-align: center; width: 100%; text-indent: 0; line-height: 14px; overflow: hidden}
.content, .guess .and2 { width: 670px; float: left}
.guess span a:last-child { margin-right: 0}
.content { border-top-color: #3ca3f7; box-sizing: border-box; padding: 23px 0 20px}
.content .title { float: left; width: 620px; margin: 0 25px}
.content .title em { float: left; width: 60px; height: 22px; line-height: 22px; background: #5cd38b; border-radius: 50px; text-align: center; color: #fff; font-size: 14px}
.content .title h1 { color: #333; font-size: 18px; float: right; width: 540px; line-height: 28px; margin-top: -2px; overflow: hidden}
.content .info { float: left; width: 620px; margin: 15px 25px 17px}
.content .info em { float: left; color: #aaa; font-size: 12px}
.content .info em:after { content: "|"; margin: 0 8px}
.answer_list div .doc_list:before, .content .info em:last-child:after, .similarity ul li:before, .tab_list ul li:before { content: ""}
.content .info em:last-child:after { margin: 0}
.content .info em:last-child { color: #3ca3f7}
.content .info em:nth-child(3) { background: url(../img/eay.png) left center no-repeat; background-size: 16px 12px; text-indent: 20px}
.content div { float: left; width: 620px; margin: 0 25px; background: #f7f7f7; border-radius: 5px; padding-top: 15px}
.content div span { float: left; width: 600px; margin: 0 10px 10px}
.content div span strong { float: left; color: #777; font-size: 14px}
.content div span em { color: #3ca3f7; font-size: 14px; float: left}
.content div span em p { color: #777; font-size: 14px; margin-top: 2px; display: inline}
.content .tag { float: left; width: 620px; margin: 0 25px; height: 45px; line-height: 45px; background: url(../img/tag.png) left center no-repeat; background-size: 16px 16px; padding-left: 30px; font-size: 0}
.content .tag a { font-size: 14px; color: #777; margin-right: 15px}
.content .tag a:hover { color: #3ca3f7; text-decoration: underline !important}
.similarity { float: left; width: 100%; border: 1px solid #e5e5e5; box-sizing: border-box; margin-bottom: 20px}
.similarity h3 { float: left; width: 630px; margin: 20px 20px 15px; font-size: 18px}
.similarity ul { float: left; width: 630px; margin: 0 20px 10px}
.similarity ul li { float: left; width: 45%; margin-bottom: 10px; margin-right: 5%; position: relative}
.similarity ul li a { float: left; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #3ca3f7; font-size: 14px; text-indent: 15px}
.answer_list h3, .best_answer h3 { text-indent: 44px; line-height: 32px}
.similarity ul li:before { background: #ccc; width: 5px; height: 5px; border-radius: 50%; display: inline-block; position: absolute; left: 0; top: 7px}
.best_answer { float: left; width: 100%; border: 1px solid #e5e5e5; box-sizing: border-box; margin-bottom: 20px}
.best_answer h3 { float: left; width: 100%; height: 32px; position: relative; margin-top: 13px; font-size: 18px}
.best_answer h3 i { position: absolute; left: -5px; top: 0; background: url(../img/best_answer_icon.png) no-repeat; background-size: 32px 37px; display: inline-block; width: 32px; height: 37px}
.best_answer h3 em { font-size: 14px; color: #777; float: right; height: 32px; line-height: 32px; margin-right: 20px}
.best_answer h3 em strong { color: #ff9233; margin: 0 3px}
.best_answer .answer { float: left; width: 610px; margin: 0 30px; padding-top: 15px}
.best_answer .answer span {width: 600px; margin: 0 0 10px;}
.best_answer .answer span strong {color: #777; font-size: 14px}
.best_answer .answer span em { color: #3ca3f7; font-size: 14px; float: left}
.best_answer .answer span em p { color: #777; font-size: 14px; margin-top: 2px; text-indent: 2em; line-height: 28px;}
.best_answer .answer p{text-align: left;font-size: 16px;line-height:2;}
.best_answer .answer h2{/*color: #f43434;*/font-weight: bold;line-height: 2;font-size:18px;}
.best_answer .answer img{border-radius:5px;max-width:100%!important;height:auto;display:block;margin:0 auto;}


.best_answer .doc { float: left; width: 630px; margin: 0 20px 20px; background: #f4fbfe; border-top: 1px solid #e5e5e5; box-sizing: border-box; position: relative}
.best_answer .doc .header { float: left; width: 72px; height: 72px; display: inline-block; position: relative; border-radius: 50%; overflow: hidden; margin: 10px; background-color: #f8f8f8}
.best_answer .doc .header img { position: absolute; left: 0; top: 0; width: 100%}
.best_answer .doc span { display: block; margin-top: 15px}
.best_answer .doc span sub, .best_answer .doc span sub a { font-size: 14px; color: #333}
.best_answer .doc span sup { font-size: 14px; color: #999; margin-left: 10px}
.best_answer .doc span sup a { font-size: 14px; color: #999}
.best_answer .doc em { display: block; color: #3ca3f7; font-size: 14px; margin-top: 5px}
.best_answer .doc em a, .best_answer .doc em a:hover { color: #3ca3f7 !important}
.best_answer .doc strong { display: block; color: #aaa; font-size: 12px; margin-top: 2px}
.best_answer .doc .search { position: absolute; width: 100px; height: 32px; background: #3ca3f7; text-align: center; color: #fff; line-height: 32px; border-radius: 3px; right: 18px; top: 18px}
.best_answer .doc p { position: absolute; right: 8px; width: 120px; bottom: 18px; font-size: 12px; color: #aaa; text-align: center}
.best_answer .doc p b { color: #ff9233; font-weight: 400}
.answer_list { float: left; width: 100%; border: 1px solid #e5e5e5; box-sizing: border-box; margin-bottom: 20px}
.answer_list h3 { float: left; width: 100%; height: 32px; position: relative; margin-top: 13px; font-size: 18px}
.answer_list h3 i { position: absolute; left: -5px; top: 0; background: url(../img/answer_list_icon.png) no-repeat; background-size: 32px 37px; display: inline-block; width: 32px; height: 37px}
.answer_list div { float: left; width: 100%}
.answer_list div .doc_list { float: left; width: 630px; margin: 0 20px; position: relative}
.answer_list div .doc_list .header { float: left; width: 72px; height: 72px; display: inline-block; position: relative; border-radius: 50%; overflow: hidden; margin: 10px; background-color: #f8f8f8}
.answer_list div .doc_list .header img { position: absolute; left: 0; top: 0; width: 100%}
.answer_list div .doc_list span { display: block; margin-top: 35px}
.answer_list div .doc_list span sub, .answer_list div .doc_list span sub a { font-size: 14px; color: #333}
.answer_list div .doc_list span sup { font-size: 14px; color: #999; margin-left: 10px}
.answer_list div .doc_list span sup a { font-size: 14px; color: #999}
.answer_list div .doc_list em { display: block; color: #3ca3f7; font-size: 14px; margin-top: 5px}
.answer_list div .doc_list em a:hover { color: #3ca3f7 !important}
.answer_list div .doc_list strong { display: block; color: #aaa; font-size: 12px; margin-top: 2px}
.answer_list div .doc_list .search { position: absolute; width: 100px; height: 32px; background: #3ca3f7; text-align: center; color: #fff; line-height: 32px; border-radius: 3px; right: 18px; top: 28px}
.answer_list div .doc_list p { position: absolute; right: 8px; width: 120px; bottom: 18px; font-size: 12px; color: #aaa; text-align: center}
.answer_list div .doc_list p b { color: #ff9233; font-weight: 400}
.answer_list div .doc_list:before { float: left; width: 100%; border-top: 1px dotted #e5e5e5; box-sizing: border-box; margin-bottom: 10px}
.answer_list div .doc_list:first-child:before { border: 0; height: 0}
.answer_list div .doc_answer { float: left; width: 600px; margin: 10px 20px 15px; position: relative}
.answer_list div .doc_answer i { width: 0; height: 0; border-width: 0 9px 9px; border-style: solid; border-color: transparent transparent #f7f7f7; position: absolute; top: -9px; left: 30px}
.answer_list div .doc_answer p { float: left; width: 100%; color: #777; font-size: 14px; line-height: 24px; background: #f7f7f7; padding: 10px 15px; border-radius: 5px}
.answer_list div .doc_answer p em { color: #3ca3f7; font-size: 14px}
.answer_list div .doc_answer strong { float: left; font-size: 12px; color: #aaa; margin-top: 10px}
.tab_list { float: left; width: 100%; border: 1px solid #e5e5e5; box-sizing: border-box; margin-bottom: 20px}
.tab_list span { float: left; width: 100%; display: flex; height: 40px; background: #f8f8f8}
.tab_list span a { flex: 1; justify-content: center; align-items: center; display: flex; color: #333; font-size: 18px; cursor: pointer}
.tab_list span a.btn, .tab_list span a:hover { background: #3ca3f7; color: #fff; transition: .1s}
.tab_list ul { float: left; width: 630px; margin: 20px 20px 10px; display: none}
.tab_list ul li { float: left; width: 45%; margin-bottom: 10px; margin-right: 5%; position: relative}
.tab_list ul li a { float: left; width: 100%; overflow: hidden; color: #3ca3f7; font-size: 14px; text-indent: 15px}
.tab_list ul li:before { background: #ccc; width: 5px; height: 5px; border-radius: 50%; display: inline-block; position: absolute; left: 0; top: 7px}
.related, .related>h3 { float: left; width: 100%}
.tab_list ul:first-child { display: block}
.related { border: 1px solid #e5e5e5; box-sizing: border-box; margin-bottom: 20px}
.related>h3 { height: 32px; line-height: 32px; position: relative; margin-top: 13px; font-size: 18px; text-indent: 44px}
.related>h3 i { position: absolute; left: -5px; top: 0; background: url(../img/related_icon.png) no-repeat; background-size: 32px 37px; display: inline-block; width: 32px; height: 37px}
.related>h3 a { float: right; color: #999; font-size: 14px; margin-right: 20px; background: url(../img/more.png) 20px center no-repeat; background-size: 16px 16px}
.related>h3 a em, .related>h3 a:hover { color: #3ca3f7}
.related .related_tit { float: left; width: 630px; margin: 0 20px; border-bottom: 1px dotted #e5e5e5}
.related .related_tit>a { color: #333; font-size: 16px; margin-top: 10px; overflow: hidden; display: block}
.related .related_tit span { margin: 5px 0 15px; float: left; width: 100%}
.related .related_tit span em { font-size: 12px; color: #aaa}
.related .related_tit span em:after { content: "|"; margin: 0 10px}
.related .related_tit span em:last-child:after { content: ""; margin: 0}
.related>span { float: left; width: 630px; margin: 10px 20px 0; height: 24px; line-height: 24px}
.related>span em, .related>span strong { float: left; margin-left: 10px}
.related>span>a { float: left; position: relative; width: 24px; height: 24px; display: inline-block; overflow: hidden; border-radius: 50%}
.related>span>a img { position: absolute; left: 0; top: 0; width: 24px; height: 24px}
.related>span em a { color: #333; font-size: 14px}
.related>span strong a { color: #999; font-size: 14px}
.related>span p { color: #999; font-size: 12px; float: right}
.related .doc_answer { float: left; width: 600px; margin: 20px 20px 15px; border-radius: 5px; position: relative}
.related .doc_answer i { width: 0; height: 0; border-width: 0 9px 9px; border-style: solid; border-color: transparent transparent #f7f7f7; position: absolute; top: -9px; left: 30px}
.related .doc_answer span { float: left; width: 100%; background: #f4fbfe; padding: 10px 15px; border-radius: 5px}
.audio, .relatedNew { border: 1px solid #e5e5e5; box-sizing: border-box}
.related .doc_answer span p { float: left; width: 100%; color: #777; font-size: 14px; line-height: 24px; margin-bottom: 10px}
.related .doc_answer span p em { color: #3ca3f7; font-size: 14px; float: left; width: 100%}
.relatedNew { float: left; width: 100%; margin-bottom: 20px}
.relatedNew>h3 { float: left; width: 100%; height: 32px; line-height: 32px; position: relative; margin-top: 13px; font-size: 18px; text-indent: 44px}
.relatedNew>h3 p, .relatedNew>h3 p a { float: left; font-size: 16px; color: #333}
.relatedNew>h3 i { position: absolute; left: -5px; top: 0; background: url(../img/related_icon.png) no-repeat; background-size: 32px 37px; display: inline-block; width: 32px; height: 37px}
.relatedNew>h3 p { width: 410px; overflow: hidden}
.relatedNew>h3 p a { width: 100%}
.relatedNew>h3>a { float: right; color: #999; font-size: 14px; margin-right: 20px; background: url(../img/more.png) 20px center no-repeat; background-size: 16px 16px}
.relatedNew>h3>a em, .relatedNew>h3>a:hover { color: #3ca3f7}
.relatedNew .related_tit { float: left; width: 630px; margin: 0 20px; border-bottom: 1px dotted #e5e5e5}
.relatedNew .related_tit>a { color: #333; font-size: 16px; margin-top: 10px; overflow: hidden; display: block}
.relatedNew .related_tit span { margin: 5px 0 15px; float: left; width: 100%}
.relatedNew .related_tit span em { font-size: 12px; color: #aaa}
.relatedNew .related_tit span em:first-child { margin-left: 25px}
.relatedNew .related_tit span em:after { content: "|"; margin: 0 10px}
.relatedNew .related_tit span em:last-child:after { content: ""; margin: 0}
.relatedNew>span { float: left; width: 630px; margin: 10px 20px 0; height: 24px; line-height: 24px}
.relatedNew>span em, .relatedNew>span strong { float: left; margin-left: 10px}
.relatedNew>span>a { float: left; position: relative; width: 24px; height: 24px; display: inline-block; overflow: hidden; border-radius: 50%}
.relatedNew>span>a img { position: absolute; left: 0; top: 0; width: 24px; height: 24px}
.relatedNew>span em a { color: #333; font-size: 14px}
.relatedNew>span strong a { color: #999; font-size: 14px}
.relatedNew>span p { color: #999; font-size: 12px; float: right}
.relatedNew .doc_answer { float: left; width: 600px; margin: 10px 20px 15px; position: relative}
.relatedNew .doc_answer i { width: 0; height: 0; border-width: 0 9px 9px; border-style: solid; border-color: transparent transparent #f7f7f7; position: absolute; top: -9px; left: 30px}
.relatedNew .doc_answer p { float: left; width: 100%; color: #777; font-size: 14px; line-height: 24px; background: #f7f7f7; padding: 10px 15px; border-radius: 5px}
.relatedNew .doc_answer p em { color: #3ca3f7; font-size: 14px}
.relatedNew .doc_answer strong { float: left; font-size: 1px; color: #aaa; margin-top: 10px}
.audio { float: left; width: 670px; border-top-color: #3ca3f7; padding: 23px 0 20px; margin-bottom: 20px}
.audio .title { float: left; width: 100%}
.audio .title h1 { font-size: 24px; color: #333; padding: 0 30px 15px; line-height: 28px}
.audio .title .tag { float: left; width: 610px; margin: 0 30px; position: relative}
.audio .title .tag .tag_l { float: left}
.audio .title .tag .tag_l em { color: #aaa; font-size: 14px; float: left}
.audio .title .tag .tag_l em:first-child:after { content: "|"; font-size: 14px; margin: 0 10px}
.audio .title .tag .tag_r { float: right}
.audio .title .tag .tag_r sub { color: #aaa; font-size: 14px; float: left; margin-right: 20px}
.audio .title .tag .tag_r sub:before { background: url(../img/audiocontent_icon.png) -38px 0 no-repeat; background-size: 250px 18px; width: 20px; height: 17px; content: ""; display: inline-block; margin-right: 5px; float: left}
.audio .title .tag .tag_r strong:before, .audio .title .tag .tag_r>span sup.btn:before, .audio .title .tag .tag_r>span sup:before { height: 18px; content: ""; margin-right: 5px; float: left}
.audio .title .tag .tag_r>span { float: left; position: relative}
.audio .title .tag .tag_r>span sup { color: #aaa; font-size: 14px; float: left; cursor: pointer; position: relative}
.audio .title .tag .tag_r>span sup:before { background: url(../img/audiocontent_icon.png) -83px 0 no-repeat; background-size: 250px 18px; width: 20px; display: inline-block}
.audio .title .tag .tag_r>span sup.btn:before { background: url(../img/audiocontent_icon.png) -128px 0 no-repeat; background-size: 250px 18px; width: 20px; display: inline-block}
.audio .title .tag .tag_r>span em { position: absolute; color: #3ca3f7; left: 0; bottom: 13px; opacity: 0; display: none; width: 100%; text-align: center}
.audio .title .tag .tag_r>span em.animation { display: inline-block; animation: praise .8s; -moz-animation: praise .8s; -webkit-animation: praise .8s; -o-animation: praise .8s}
@keyframes praise { 0% {     opacity: 1;     bottom: 13px }
 100% {     opacity: 0;     bottom: 25px }}
@-moz-keyframes praise { 0% {     opacity: 1;     bottom: 13px }
 100% {     opacity: 0;     bottom: 25px }}
@-webkit-keyframes praise { 0% {     opacity: 1;     bottom: 13px }
 100% {     opacity: 0;     bottom: 25px }}
@-o-keyframes praise { 0% {     opacity: 1;     bottom: 13px }
 100% {     opacity: 0;     bottom: 25px }}
.audio .title .tag .tag_r strong { color: #aaa; font-size: 14px; float: left; cursor: pointer; margin-left: 20px}
.audio .title .tag .tag_r strong:before { background: url(../img/audiocontent_icon.png) no-repeat; background-size: 250px 18px; width: 14px; display: inline-block}
.audio .title .tag .code { position: absolute; right: 0; top: 30px; width: 280px; height: 140px; border: 1px solid #e5e5e5; box-sizing: border-box; padding: 20px 20px 12px; border-radius: 8px; background: #fff; display: none; z-index: 9999999}
.audio .title .tag .code i { background: url(../img/sanjiao.png) no-repeat; background-size: 12px 7px; position: absolute; right: 25px; top: -7px; display: inline-block; width: 12px; height: 7px}
.audio .title .tag .code #code { float: left}
.audio .title .tag .code span { float: left; width: 123px; margin-left: 15px; height: 126px}
.audio .title .tag .code span p { color: #333; font-size: 14px; float: left}
.audio .title .tag .code span em { font-size: 14px; color: #888; float: left; margin-top: 5px}
.audio .voice { float: left; background: #f8f8f8; height: 125px; width: 610px; margin: 30px; border-radius: 6px}
.audio .voice .audiojs { background: 0 0; float: left; width: 100%; height: 125px; box-shadow: none; -webkit-box-shadow: none; position: relative}
.audio .voice .audiojs .play-pause { float: left; border: 0; width: 108px; height: 125px; padding: 0; margin-top: 24px; overflow: initial !important; margin-left: 20px}
.audio .voice .audiojs .play-pause .play { background: url(../img/audio_icon.png) no-repeat; width: 72px; height: 72px; background-size: 72px 159px !important; -moz-box-shadow: 0 0 20px #56ce57; -webkit-box-shadow: 0 0 20px #56ce57; box-shadow: 0 0 20px #56ce57; border-radius: 50%}
.audio .voice .audiojs .play-pause .pause { background: url(../img/audio_icon.png) 0 -87px no-repeat; background-size: 72px 159px !important; width: 72px; height: 72px; overflow: hidden; border-radius: 50%; -moz-box-shadow: 0 0 20px #56ce57; -webkit-box-shadow: 0 0 20px #56ce57; box-shadow: 0 0 20px #56ce57}
.audio .voice .audiojs .play-pause .loading { background: url(../img/loading.gif) center center no-repeat; width: 72px; height: 72px; background-size: 72px 72px !important; overflow: hidden; border-radius: 50%}
.audio .voice .audiojs .play-pause .error { background: url(../img/err.png) center center no-repeat; width: 72px; height: 72px; background-size: 72px 72px !important; overflow: hidden; border-radius: 50%; -moz-box-shadow: 0 0 20px #f43531; -webkit-box-shadow: 0 0 20px #f43531; box-shadow: 0 0 20px #f43531}
.audio .voice .audiojs .time { border: 0; text-shadow: 0 0 0 transparent; padding: 0; margin: 5px 30px 0 0; float: right}
.audio .voice .audiojs .time em { color: #999; font-size: 14px; float: left}
.audio .voice .audiojs .time em:after { content: "/"; margin-left: 5px}
.audio .voice .audiojs .time strong { color: #999; font-size: 14px; float: right}
.audio .voice .audiojs .au_play { position: absolute; float: left; color: #555; font-size: 16px; left: 128px; top: 60px}
.audio .voice .audiojs .scrubber { width: 450px; margin: 40px 0 0; height: 6px; background: #e8e8e8; border-radius: 5px; border: 0}
.audio .brief, .audio .brief h2 { width: 100%; float: left}
.audio .voice .audiojs .loaded { background: #e8e8e8}
.audio .voice .audiojs .progress { background: #56ce57}
.audio .brief h2 { height: 37px; position: relative; text-indent: 37px; color: #333; font-size: 18px; line-height: 37px}
.audio .brief h2 i { background: url(../img/brief.png) no-repeat; background-size: 32px 37px; width: 32px; height: 37px; display: inline-block; position: absolute; left: -6px; top: 0}
.audio .brief p { color: #777; font-size: 14px; padding: 0 30px; line-height: 28px; margin-top: 15px; display: inline-block}
.hot_audio ul li a { background: 0 0; text-indent: 0}
.hot_audio ul li a em { background: url(../img/audiocontent_icon.png) -220px center no-repeat; background-size: 250px 18px; width: 25px; height: 42px; display: inline-block; float: left}
.audio_doc { float: left; width: 100%; margin-bottom: 20px; border: 1px solid #e5e5e5; border-top-color: #3ca3f7}
.audio_doc h2 { float: left; width: 100%; height: 37px; position: relative; text-indent: 37px; color: #333; font-size: 18px; line-height: 37px; margin-top: 13px}
.audio_doc h2 i { background: url(../img/audio_doc.png) no-repeat; background-size: 32px 37px; width: 32px; height: 37px; display: inline-block; position: absolute; left: -6px; top: 0}
.audio_doc .doc_data { float: left; width: 100%}
.audio_doc .doc_data>a, .audio_doc .doc_data>a img { width: 60px; height: 60px; float: left}
.audio_doc .doc_data>a { margin-top: 12px; margin-left: 20px; display: block; border-radius: 50%; overflow: hidden}
.audio_doc .doc_data span { float: left; width: 185px; margin-right: 20px; margin-top: 12px; margin-left: 15px}
.audio_doc .doc_data span a:first-child { float: left; width: 100%; margin-top: 10px}
.audio_doc .doc_data span a:first-child p { float: left; color: #333; font-size: 14px}
.audio_doc .doc_data span a:first-child strong { float: left; color: #aaa; font-size: 14px; margin-left: 10px}
.audio_doc .doc_data span a:last-child { float: left; width: 100%; color: #3ca3f7; font-size: 14px; margin-top: 5px}
.audio_doc .doc_data>p { color: #aaa; font-size: 14px; float: left; width: 260px; padding: 0 20px; margin-top: 10px; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 39px}
.audio_doc .doc_data>strong { float: left; width: 100%; margin-bottom: 28px}
.audio_doc .doc_data>strong a { width: 100px; height: 32px; display: inline-block; background: #3ca3f7; border-radius: 3px; color: #fff; text-align: center; line-height: 32px; margin-left: 20px; font-size: 14px; float: left}
.audio_doc .doc_data>strong p { color: #aaa; font-size: 12px; float: left; height: 32px; line-height: 32px; margin-left: 17px}
.audio_doc .doc_data>strong p sub { color: #ff9233}
.audio_related { float: left; width: 670px; border: 1px solid #e5e5e5; box-sizing: border-box; padding: 23px 0 20px; margin-bottom: 20px}
.audio_related h2 { float: left; width: 100%; height: 37px; position: relative; text-indent: 37px; color: #333; font-size: 18px; line-height: 37px}
.audio_related h2 i { background: url(../img/audio_related.png) no-repeat; background-size: 32px 37px; width: 32px; height: 37px; display: inline-block; position: absolute; left: -6px; top: 0}
.audio_related .audio_related_list { float: left; padding: 20px 0; margin: 0 25px; width: 618px; border-bottom: 1px dotted #e5e5e5}
.audio_related .audio_related_list>a { color: #333; font-size: 16px; float: left; width: 100%; overflow: hidden}
.audio_related .audio_related_list>a:hover { color: #3ca3f7}
.audio_related .audio_related_list div { float: left; width: 100%; margin-top: 15px}
.audio_related .audio_related_list div span { float: left; width: 220px; height: 48px; background: #fbfbfb; border-radius: 50px}
.audio_related .audio_related_list div span a.header { float: left; width: 48px; height: 48px; border-radius: 50%; overflow: hidden}
.audio_related .audio_related_list div span a.header img { width: 100%; height: 100%}
.audio_related .audio_related_list div span a.audio_time { float: left; font-size: 0}
.audio_related .audio_related_list div span a.audio_time i { background: url(../img/audiocontent_icon.png) -174px center no-repeat; background-size: 250px 18px; width: 24px; height: 48px; display: inline-block; float: left; margin: 0 13px 0 17px}
.audio_related .audio_related_list div span a.audio_time p { color: #aaa; font-size: 14px; float: left; height: 48px; line-height: 48px}
.audio_related .audio_related_list div span a.audio_time em { color: #fa7e6d; font-size: 14px; float: left; height: 48px; line-height: 48px; margin-left: 5px}
.audio_related .audio_related_list div strong { float: left; height: 48px; line-height: 48px; margin-left: 15px}
.audio_related .audio_related_list div strong a:first-child { color: #333; font-size: 14px}
.audio_related .audio_related_list div strong a:last-child { color: #aaa; font-size: 14px; margin-left: 10px}
.audio_related .audio_related_list div sub { float: right; height: 45px; line-height: 47px; color: #aaa; font-size: 14px; margin-left: 20px}
.audio_related .audio_related_list div sub i { float: left; background: url(../img/audiocontent_icon.png) -83px center no-repeat; background-size: 250px 18px; width: 20px; height: 45px; display: inline-block; margin-right: 5px}
.audio_related .audio_related_list div sup { float: right; height: 45px; line-height: 47px; color: #aaa; font-size: 14px}
.audio_related .audio_related_list div sup i { float: left; background: url(../img/audiocontent_icon.png) -38px center no-repeat; background-size: 250px 18px; width: 20px; height: 45px; display: inline-block; margin-right: 5px}
.audio_related .audio_related_list:last-child { border-bottom: 0; padding-bottom: 0}