.topic h1.yahei {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	display: block;
	overflow: hidden;
	height: 65px;
	margin-bottom: 10px;
	line-height: 36px;
	text-overflow: ellipsis;
	width: 900px;
	word-wrap: break-word;
	word-break: normal;
}
.topic h1 img{ margin-right: 3px;position: relative;top: 3px;}
.sole{width: 33px;height: 19px;position: relative;top: 2px;left: 2px;}
.topiclist{width: 768px;font-family: "microsoft yahei"}
.topiclist li{color: #888;font-size: 13px;height: 36px;line-height: 36px;overflow: hidden;-webkit-text-size-adjust: none;width: 246px;margin-right:10px;}
.topiclist li a{color: #666;}
.topiclist li a:hover{color: #e4393c; text-decoration:underline;}
.topiclist li b,.d_btn b{height: 12px;width: 1px;background-color: #dedede;margin: 0 9px;display: inline-block;position: relative;top: 2px;}
.d_btn ul a,.shares span{font-size: 12px;color: #888;}
.d_btn{right: 0;top: 0;position: absolute;width: 380px;height: 196px}
.d_btn i,.share_s i{vertical-align: middle; }
.shares span{line-height: 28px;}
.sc{color: #ff8d30;margin: 5px 2px 0 0;}
.bc:hover{color: #f00}
.bc i{color: #ddd;margin-right: 3px}
.weixin{color: #2eb123;font-size: 26px;}
.qq{color: #16acf9;font-size: 26px;}
.qzone{color: #e8bd27;font-size: 26px;}
.tsina{color: #e33131;font-size: 26px;}
.d_btn i.down_icon{color: #fff;font-size: 22px;font-weight: normal;vertical-align: -3px;margin-right: 4px;}
.down_btn {
	width: 160px;
	height: 42px;
	background-color: rgb(255, 95, 89);
	line-height: 42px;
	text-align: center;
	color: #fff;
	font-size: 17px;
	border-radius: 4px;
	font-family: "microsoft yahei";
	position: absolute;
	top: 128px;
	right: 120px;
	display: block;
	transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
	box-shadow: 0 2px 25px rgba(255, 95, 59, 0.5);
}
.down_btn:hover{background-color: #f45953;color: #fff}
.copy{position: absolute;right:286px;top: 40px;width: 180px;}
.copy_ycjp{position: absolute;left: 312px;top: -5px;width: 190px;height: 37px;}

.bg-f3{background: #f5f5f5;}
.bg-f3 .position{padding-top: 10px;margin-top: 0;}
.topic{background: #fff;padding:30px;width: 1140px;position: relative;}
.collection {
	width: 75px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #ff5f59;
	font-size: 16px;
	border-radius: 4px;
	font-family: "microsoft yahei";
	position: absolute;
	top: 128px;
	right: 30px;
	display: block;
}
.error {
	position: absolute;
	top: 64px;
	right: 30px;
	line-height: 30px;
}
.error li{margin-left: 20px}
.topiclist li.last {width: 500px}

.cont_left{width: 864px;background: #fff;padding: 0 20px}
.cont_tit b{font-size: 18px;font-weight: bold;margin-right: 10px;color: #2bb699}
.cont_tit span{color: #999;font-size: 12px}
.cont_tit a{font-size: 12px;color: #888;display: block;margin: 4px 6px 0 0;}
.main_cont{width: 828px;position: relative;}
.main_cont_content{position: relative;width: 852px;border: 1px solid #ddd;min-height: 500px;background: #fff;padding: 25px;line-height: 25px;text-indent: 2em;color: #333;word-break: break-all;word-wrap: break-word;overflow: hidden;}
pre {word-break: break-all; word-wrap: break-word;white-space: pre-wrap;}
.main_cont .last{border: 0;}
.phone{color: #ff8d30;vertical-align: middle;font-size: 15px !important}
.phone_box{position: relative;}
.phone_drow{background-color: #fff;border: 1px solid #e5e5e5;position: absolute;z-index: 2;left: -42px;top: 31px;display: none;}
.phone_drow img{width: 120px;height: 120px;margin: 6px 3px 6px 6px;}
.phone_drow p{width: 80px;margin-top: 30px;}
.phone_drow p span{font-size: 12px;display: block;color: #999;font-family: sans-serif;line-height: 18px;}
.main_cont a{right: 48px; position: absolute;top: 30px;}
.main_cont_content a {right: 48px; position: absolute;top: 30px;}
.boost{color: #dedede;font-size: 22px;float: right;}
.narrow{color: #dedede;font-size: 22px;}
.horn{z-index: 3;position: absolute;top: -10px;left: 85px;background: url(/images/horn_new.png) no-repeat;width: 22px;height: 17px;}

.cont_end{border: 1px solid #e5e5e5;width: 825px;margin-top: 16px;height: 134px;text-align: center;padding: 50px 0;}
.cont_end p{color: #666;font-size: 18px;font-family: "microsoft yahei";}
.cont_end .doneTip{background: url("/images/doneTipBg.png") center no-repeat; line-height: 40px;height: 40px; color: #333;font-size: 16px; text-align: center;}
.preview{color: #bbb;margin-right: 7px;font-size: 20px;}
.cont_btn{margin: 34px auto 24px auto;font-family: "microsoft yahei";font-size: 16px;}
.cont_sc{width: 94px;height: 38px;border: 1px solid #ff5f59;line-height: 38px;text-align: center;color: #ff5f59;display:inline-block;border-radius: 2px;
	position:inherit;margin-right: 28px;}
.cont_sc:hover{border: 1px solid #ef5c14;color: #ef5c14;}
.cont_btn i{margin-right: 2px;}
.cont_down{width: 122px;height: 40px;background-color: #ff5f59;color: #fff;display: inline-block;line-height: 40px;border-radius: 2px;}
.cont_down:hover{background-color: #ff5f59;color: #fff}
.cont_down:hover i{color: #fff}
.share_s{margin: 0 auto;font-family: "microsoft yahei";color: #666;}
.share_s i{font-size: 30px;}

.hot_box,.rele_box{margin-top: 25px;}
.hot_box p,.rele_box p{height: 36px;line-height: 36px;color: #555;font-size: 16px;font-family: "microsoft yahei";border-bottom: 1px solid #e5e5e5;}
.hot_box p i,.rele_box p i{color: #ff6467;margin-right: 3px;}
.hot_box ul li{width: 272px;margin-right: 20px;height: 40px;line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hot_box ul li.last,.rele_box ul li.last{margin: 0;}
.hot_box ul a{color: #555;font-family: "microsoft yahei";}
.hot_box ul a:hover,.rele_box p.rele_tit a:hover,.equal ul li a:hover,.bo a:hover{color: #e4393c;text-decoration: underline;}
.rele_box li{margin-right: 38px;}
.rele_box li img{border: 1px solid #e5e5e5;}
.rele_box li img:hover{border: 1px solid #E4393C;}
.rele_box p.rele_tit{width: 109px;height: 45px;line-height: 22px; overflow: hidden;border: 0;font-size: 12px;}
.rele_box p.rele_tit a{color: #555;}

.cont_right{margin-left: 20px;}
.contr_tit{position: relative; padding:20px 0 5px;border-bottom: 1px solid #dedede; margin: 0 10px}
.contr_tit span{font-size: 18px;font-family: "microsoft yahei";font-weight: bold;color: #454545;width: 76px;display: block;text-align: center;height: 30px;}
.contr_tit a{color: #999;font-size: 12px;line-height: 30px;}

.contr_tit a:hover{color: #E4393C;}
.equal,.boutique{width: 275px;background: #fff;padding-bottom: 10px}
.equal ul,.boutique ul{width: 251px;padding: 0 12px;}
.equal ul li{height: 44px;line-height: 44px;border-bottom: 1px dashed #e0e0e0;width: 251px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.equal ul li a{color: #555;font-size: 12px;}
.equal ul li:last-child,.boutique ul li:last-child{border: 0;}
.img_right{margin: 20px 0;width: 275px;height: 196px;display: block;}
.boutique ul li{border-bottom: 1px dashed #ccc;overflow: hidden;padding: 13px 0;font-size: 12px;}
.boutique ul li img{width: 105px;height: 79px;}
.bo{line-height: 20px; width: 135px;}
.bo a{display: block;width: 140px;height: 56px;overflow: hidden;color: #333;margin-top: 5px;}
.boutique ul li p{color: #999;}


.down_nav{background-color: #fff;box-shadow: 0 0 3px 1px #f3f3f3; width: 100%;height: 50px;line-height: 50px;min-width: 1200px;position: fixed;
left: 0;bottom: 0;z-index: 4;display: none;}
.d_left .phone_box .phone_drow {left: -79px;top: -144px; padding: 5px;height: 130px;}
.d_left .phone_box .phone_drow .horn{top: 127px;left: 93px;background: url(../images/horn_down_new.png) no-repeat;}
.d_left  .phone_drow p{margin-top: 14px;}
.d_left  .phone_drow p span{margin: 0;}

.reader_page a{color: #CCC;}
.reader_page input{width: 42px;height: 26px;border: 1px solid #e9e9e9;text-align: center;outline:none;position: relative;top: -2px;}
.reader_page span{position: relative;top: -2px;}
.d_left a{color: #ccc;font-size: 20px;margin: 0 14px;}
.d_left a.phone_s{color: #ff8d30;}
.d_right{margin-left: 266px;}
.d_right a{display: block;height: 50px;line-height: 50px;color: #fff;text-align: center;font-family: "microsoft yahei";font-size: 16px;position: initial;border: none;border-radius: 0}
.d_right .down_load{background-color: #ff5f59;width: 165px;margin-right: 12px;}
.d_right .down_load:hover{background:#ff5f59;color: #fff}
.d_right .down_load:hover i{color: #fff}
.d_right .down_load em{font-size: 14px;color: #fffc00;margin-left: 10px;}
.d_right .down_load i{font-size: 24px;vertical-align: middle;}
.d_right .sc_s{background-color:#3091ff;width: 100px;}
.d_right .sc_s:hover{background-color: #419aff;}
.d_right .sc_s:hover i{color: #fff}
.d_right i{margin-right: 3px;}
.reader_page .disable{color: #eee;}
.reader_page a{margin: 0 8px;}



.st{margin-bottom: 25px;}
.st h2 {color: #2bb699;font-size: 16px; font-weight: bold;}
.st .k {border-top: 1px solid #ddd;width: 864px;padding: 20px 0px;}

.cont_tit .txt-download{padding: 2px 4px;background-color: #F4811C;border-radius: 2px;color: #fff;margin: 10px;border: 1px solid #EE7104;display:inline;font-size:14px;}
.cont_tit .txt-download:hover{background-color:#EE7104;}

.cont_one{width: 862px;border-bottom: 1px solid #e5e5e5;}
.cont_one img{width: 827px;min-height: 500px;}
.cont_one p{text-align: center;margin-bottom: 20px;color: #999;}
.cont_one p em{color: #777;}
.d_left a.disable{color: #dedede;cursor:default;}
.boost:hover{color: #ff8d30;}
.narrow:hover{color: #ff8d30;}
.d_left a:hover{color: #ff8d30;}
.d_left a.disable:hover {color: #dedede;}
.cont_tit .phone_box .phone_drow{width: 135px;height: 165px;left: -49px;top: 31px;}
.cont_tit .phone_box .horn{left: 65px;}
.cont_tit .phone_box .phone_drow img{margin: 6px 3px -4px 6px;}
.cont_tit .phone_box .phone_drow p{width: 134px;text-align: center;margin: 0;}

.reader_page input{background-color: #f5f5f5;}

/*µ¯´°*/
.real_box{position: absolute;width: 400px;height: 400px;margin: 0 auto; z-index:1000002;}
.real_popup{background: #fff;width: 400px;height: 380px;font-family: microsoft yahei;margin: 0 auto;}
.real_header{background:url(/images/real_pic.png) no-repeat;width: 400px;height: 212px;text-align: center;z-index: 1;}
.hint{height: 80px;position: relative;top: 20px;}
.hint h3{font-size: 26px;color: #fff;}
.hint p{color: #ffbdbe; font-size: 14px;font-family: arial;}
.real_header dl{color: #fff;height: 70px;margin-top: 15px;}
.real_header dl dt{font-size: 15px;}
.real_header dl dd{height: 25px;line-height: 25px;}
.real_popup b{width: 5px;height: 5px;border-radius: 50%;background-color: #ffd7d7;display: inline-block;position: relative;bottom: 3px;right: 5px;}
.real_advantage {padding: 0 30px;}
.real_advantage dt{font-size: 18px;color: #333;}
.real_advantage dd{height: 25px;line-height: 25px;color: #afafaf;margin-left: 10px;}
.real_popup .real_advantage  b{background-color: #e4393c;}
.real_button{margin: 20px auto;padding: 0;width: 110px;height: 36px;color: #fff;border: 1px solid #E65355;background:#EC595B ;text-align: center;line-height: 36px;font-size: 16px;display: block;cursor: pointer;}
.real_button:hover{background:#e4393c;}
.real_close{display: block;position: absolute;top: -14px;right: 4px;z-index: 100;width: 32px;height: 32px;background-image: url(/images/real_pic.png);background-repeat: no-repeat; cursor:pointer;}
.pic2{background-position: 0px -216px;}

.collection_active {
	color: #aaa;
}

.close-pop{cursor:pointer;width: 21px;height: 22px;background: url(/images/icon-public.png);position: relative;left: 560px; top: 18px;display: block;}

.tc-frame{width: 600px;height: 400px; background:#fff;border-radius:8px;top: 50%;left: 0;right: 0;/*padding-top:54px */;}
.yz-title{font-size:36px;color:#2cb699;width:600px;text-align: center;margin-top: 51px;}
.yz-line{width: 296px;margin:28px auto 0; color:#666;font-size: 18px;line-height: 24px;}
.line-1{width: 2px; height: 1px; background: #999999;margin-top: 12px;}
.line-2{width:45px; height: 1px; background: #999999;margin:12px 9px 0 3px;}
.line-3{width:45px; height: 1px; background: #999999;margin:12px 3px 0 9px;}
.yz-dq{margin:36px 0 0 127px;font-weight: bold;width: 344px;}
.tc-yz span{color:#2cb699 ; font-size: 14px;}
.tc-yz em{font-size: 14px;color: #666;margin-left:45px;}
.yz-xjm{letter-spacing:4.7px ;margin:33px 0 0 127px;font-weight: bold;}
.yz-box{border:0px;outline: none;border-bottom: 1px solid #2CB699;text-align: center;width: 200px;line-height: 25px;margin-left:-16px;color: #666666;}
.yz-dx{background: #46c9ad;outline: none;border: none;line-height: 27px;border-radius: 50px;margin: 0 0 0 -20px;color: #FFFFFF;cursor: pointer;width: 125px;}
.yz-dx:active{background: #4bd1b4;}
.yz-button{cursor:pointer;width: 213px;height: 39px;margin: 46px auto 0;display: block;}

.tc-whole{width: 100%;height: 100%;z-index: 1100; font-family: "微软雅黑";}
.tc-frame-person{width:500px;height:328px; background:#fff;position:fixed;border-radius:8px;/*top: 50%;*/left: 0;right: 0;margin: auto/*padding-top:54px */;}
.tc-frame-person h1{
	font-size: 36px;
	color: #2cb699;
	text-align: center;
	margin-top: 51px;}
.yz-line-person {
	width:264px;
	margin:50px auto 50px;
	color: #666;
	font-size:14px;
	line-height: 24px;
}
.line-1-person {
	width: 2px;
	height: 1px;
	background: #999999;
	margin-top: 12px;
}
.line-2-person {
	width: 35px;
	height: 1px;
	background: #999999;
	margin: 12px 9px 0 3px;
}
.line-3-person {
	width:35px;
	height: 1px;
	background: #999999;
	margin: 12px 3px 0 9px;
}

.ws-butt-person{margin:0 auto;width: 290px;}
.ws-butt1-person,.ws-butt2-person{width:235px;height: 38px;border: 1px solid #2cb699;border-radius: 20px;background: none;outline: none;cursor: pointer;color: #2cb699;}
.ws-butt1-person:hover{color: #FFFFFF;background:#2cb699;}
.ws-butt2-person:hover{background:#28a68b;}
.ws-butt2-person{background:#2cb699;color: #FFFFFF;margin-left:25px;}

.down_btn:focus {
	outline: 0;
}
.down_btn:before, .down_btn:after {
	position: absolute;
	content: '';
	display: block;
	width: 140%;
	height: 100%;
	left: -20%;
	z-index: -1000;
	transition: all ease-in-out 0.5s;
	background-repeat: no-repeat;
}
.down_btn:before {
	display: none;
	top: -75%;
	background-image: radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 20%, #ff0081 20%, transparent 30%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 10%, #ff0081 15%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%);
	background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
}
.down_btn:after {
	display: none;
	bottom: -75%;
	background-image: radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 10%, #ff0081 15%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%);
	background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
}
.down_btn:active {
	transform: scale(0.9);
	background-color: #e60074;
	box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
}
.dow_listen_btn:active{
    transform: scale(0.9);
    background-color: #e60074;
    box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
}
:root {
	--primary: #2ec2a3;
}

.d_right .down_load {
	background-color: #2ec2a3;
}

.d_right .collection {
	width: 70px;
	line-height: 20px;
	font-size: 14px;
	padding: 7px 0 0 0;
	box-sizing: border-box;
	border-radius: 3px;
	background: none;
	color: #9A9A9A;
	border: 1px solid #2ec2a3;
}

.d_right .collection:hover {
	background: none !important;
}


.font-down, .font-share {
	font-size: 14px !important
}

.d_right .sc_s:hover i {
	color: #9A9A9A !important;
}

.social-share .icon-wechat .wechat-qrcode .qrcode {
	height: 110px;
}

.cont_one {
	width: 827px;
	border-bottom: 1px solid #e5e5e5;
}

/*.cont_one img {*/
/*    max-width: 827px;*/
/*    min-height: 500px;*/
/*}*/

.cont_one p {
	text-align: center;
	margin-bottom: 20px;
	color: #999;
}

.cont_one p em {
	color: #777;
}
/* down */
.resource-title li{cursor: pointer;width: 130px;border-radius: 5px;}
.resource-title li:hover,.resource-title li.active{background: #f5f5f5;color: var(--primary);}
.resource-preview{min-height: 1200px;}
.down-btn:hover,.down-btn:hover i{color: #fff;box-shadow: 0px 8px 16px 0 rgb(0,0,0,.1);}
.down-btn:active{left: 1px;top: 1px;}
.collect-btn{box-sizing: border-box;line-height: 14px;}
.collect-btn i{line-height: 26px;}
.collect-btn.bg-danger:hover,.collect-btn.bg-danger:hover i{color: #fff;box-shadow: 0px 8px 16px 0 rgb(0,0,0,.1);}
.collect-btn:active{left: 1px;top: 1px;}
.copy-tips-yc{background: url(/images/copy-tips-yc.png) center no-repeat;width: 1120px;height: 44px;line-height: 44px;padding-left: 40px;font-size: 13px;}
.copy-tips-dj{background: url(/images/copy-tips-dj.png) center no-repeat;width: 1120px;height: 44px;line-height: 44px;padding-left: 40px;font-size: 13px;}
.dj-mark{width: 90px;height: 100px;background: url(/images/icon.png) -125px -231px no-repeat;top: -4px;right: 300px;}
.yc-mark{width: 90px;height: 100px;background: url(/images/icon.png)  -245px -231px no-repeat;top: -4px;right: 300px;}
.resource-compose{width: 330px;}
.compose-mark {background: url(/images/icon.png)  -420px -228px no-repeat;width: 20px;height: 20px;left: 0;top: 0;}
.qrcode-all .qrcode-box{right: 0;z-index: 1;}
.qrcode-all:hover .qrcode-box{display: block;}
.qrcode-box canvas{width: 130px;height: 130px;}
#qrcode1 canvas{width: 130px;height: 130px;}
.down-btn{width: 200px;height: 50px;}
.corner{width: 20px;height: 20px;background: url(/images/corner.png) center no-repeat; position: absolute;}
.pull-right-topbox{background-color: #FFFFFF; margin-bottom: 10px; font-size: 12px;}
.pull-right-topbox h2{font-size: 12px; color: #ff0000; line-height: 24px; background: url(/images/redbg.png) no-repeat; height: 57px; padding-left: 10px; padding-top: 3px;}
.copyright p{width: 264px; margin-top: -6px; margin-left: 5px;width: 100% !important;margin: 0 !important;}
.copyright .pull-right{width: 264px !important; margin-top: -6px !important; margin-left: 5px !important;}
.pos-bg{background: url(/images/pos-bg.png) no-repeat; width: 288px; height: 57px; line-height: 20px; padding: 8px; box-sizing: border-box;color: #ff3c38;}
.sole{width: 38px; height: 18px;background: #e13b29; color: #fff;text-align: center;font-size: 14px;border-radius:0 5px 5px 5px;font-weight: normal;line-height: 18px;position: relative;margin-right: 6px;top: -2px; padding: 1px 5px;}
.bdsharebuttonbox a{top: -10px;}
.nopreview{margin: 130px auto; text-align: center; font-size: 16px;}
.nopreview p{font-size: 16px;margin-top: 10px;color: #999;}
/*************************完善学科信息弹框************************/
.dialog{width: 560px;height:auto;background-color:#fff;margin:70px 0px 0px 70px;}
.dialog h3{height: 40px;line-height: 40px;}
.dialog form{padding:0 30px;}
.dialog input{outline:none;height:35px;width: 400px;background-color: #f3f3f3;border:none;padding-left:15px;}
.dialog ul li a{display:block; width:83px;height:36px;line-height:36px; text-align:center; background-color:#f3f3f3; border-radius:5px}
.dialog .active a{background-color:var(--primary); color:#fff;}
.dialog .btn a{width: 279px;display:inline-block;background-color: #fff;height: 40px;line-height: 40px;text-align:center;}
.dialog .btn a:hover{background-color:var(--primary);color:#fff}
/*************************完善学科信息弹框************************/

/*************************版本下拉框************************/
.edit_box{position:relative}
.edit_box:hover div{display:block;}
.edit_box:hover{cursor: pointer}
.edit_box .font-dropdown{position:absolute; left:-15px;top:-2px}
.edit_box:hover .font-dropdown{transform:rotate(-180deg)}
.edit_box div{top: 15px;left: -15px;background-color:#fff;border:1px solid #eee;line-height:30px;font-size:14px;text-align:left;z-index: 10;padding: 10px;}
.edit_box div a{display:block;}

/*************************压缩包左右轮巡************************/
.past-down{position: relative;overflow:hidden; padding: 0 0 10px 10px;}
.past-down a{width: 30px; height: 30px;line-height: 30px; text-align: center; background-color: rgba(0,0,0,.1); display: block; border-radius: 3px; top: 50px;  z-index: 20; }
.past-down a i{color: #fff;}
.past-down a:hover{background-color: rgba(0,0,0,.3);}
.past-down a:hover i{color: #fff;}
.past-down .left{left: 15px;}
.past-down .right{ right: 10px; }
.past-down ul li{text-align: center;}



/**
    * 单选框自定义样式
    **/
input[type=radio] {
	/*去除浏览器默认样式*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/*自定义样式*/
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 1px solid var(--primary);
	outline: none;
	cursor: pointer;
	/*设置为圆形，看起来是个单选框*/
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	margin-right: 2px;
	vertical-align: -1px;
}

/**
* 单选框 选中之后的样式
**/
input[type=radio]:after {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	display: block;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: var(--primary);
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
	/*增加一些动画*/
	-webkit-transition: all ease-in-out 300ms;
	-moz-transition: all ease-in-out 300ms;
	transition: all ease-in-out 300ms;
}

input[type=radio]:checked:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

/*听力样式*/
.icon_audiodefault {
	display: block;
}

.icon_audiodefault img {
	width: 34px;
	height: 34px;
}

.icon_audioplaying img {
	width: 34px;
	height: 34px;
}

.icon_audioplaying {
	display: none;
}

.db {
	display: block;
}

.weixinAudio {
	width: 100%;
	/*height: 62px;*/
	line-height: 1.5;
	padding: 25px 10px 25px 10px;
	margin: auto;
}

.audio_area {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin: 0px 1px 0px 0;
	font-size: 0;
	position: relative;
	font-weight: 400;
	text-decoration: none;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

.audio_wrp {
	position: relative;
	overflow: hidden;
	padding: 12px 20px 58px 12px;
}

.audio_play_area {
	float: left;
	margin: 9px 22px 10px 5px;
	font-size: 0;
	width: 18px;
	height: 25px;
}

.playing .audio_play_area .icon_audio_default {
	display: block;
}

.audio_play_area .icon_audio_default {
	background: transparent url(/images/tingli/shengyin.gif) no-repeat 0 0;
	width: 34px;
	height: 34px;
	vertical-align: middle;
	display: inline-block;
	-webkit-background-size: 54px 25px;
	background-size: 54px 25px;
	background-position: -36px center;
}

.audio_play_area .icon_audio_playing {
	background: transparent url(/images/tingli/shengyin.png) no-repeat 0 0;
	width: 34px;
	height: 34px;
	vertical-align: middle;
	display: inline-block;
	-webkit-background-size: 54px 25px;
	background-size: 54px 25px;
	-webkit-animation: audio_playing 1s infinite;
	background-position: 0px center;
	display: none;
}

.audio_area .pic_audio_default {
	display: none;
	width: 18px;
}

.tips_global {
	color: #8c8c8c;
}

.audio_area .audio_length {
	float: right;
	font-size: 14px;
	position: absolute;
	top: 27px;
	right: 12px;
}

#curent_time {
	float: right;
	font-size: 14px;
	position: absolute;
	top: 25px;
	left: 26px;
}

.audio_info_area {
	overflow: hidden;
}

.audio_area .audio_title {
	font-weight: 400;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: -3px;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	color: #333333;
	margin-left: 11px;;
}

.audio_area .audio_source {
	font-size: 14px;
}

.progress_bar_box {
	display: block;
	position: absolute;
	left: 26px;
	bottom: 48px;
	background-color: #c3c3c3;
	height: 2px;
}

.audio_area .progress_bar_box .progress_bar {
	background-color: #0cbb08;
	height: 2px;
	display: block;
}

.playing .audio_play_area .icon_audio_default {
	display: none;
}

.playing .audio_play_area .icon_audio_playing {
	display: inline-block;
}

@-webkit-keyframes audio_playing {
	30% {
		background-position: 0px center;
	}
	31% {
		background-position: -18px center;
	}
	61% {
		background-position: -18px center;
	}
	61.5% {
		background-position: -36px center;
	}
	100% {
		background-position: -36px center;
	}
}

.lis_down {
	text-align: center;
	width: 110px;
	top: 40px !important;
	font-size: 14px;
	border-radius: 4px;
	background-color: #ff5f59;
	color: #fff;
	line-height: 40px;
	height: 40px;
	transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
	box-shadow: 0 2px 25px rgba(255, 95, 59, 0.5);
	font-family: "microsoft yahei";
	right: 3px !important;
}

.lis_down i {
	color: #fff !important;
	margin-right: 4px;
}

.lis_down:hover {
	background-color: #f45953;
	color: #fff;
}


.yinpin{background: url(/images/tingli/bg.png) center top no-repeat; min-height: 248px;}
.yinpin .bofang a{background: url(/images/tingli/bofang.png) center no-repeat; width: 128px; height: 128px; position: relative;}
.yinpin .bofang a:hover i{color: #fff !important;}
.yinpin .bofang a i{font-size: 40px; position: absolute; top: 50%; left: 53%; transform: translate(-50%,-50%);}
.yinpin .yp_con p{width: 610px; border-bottom: 1px solid #ddd;}
.yinpin .yp_con span b{display: inline-block; width: 1px; height: 15px; background-color: #aaa; margin-right: 8px;}
.yinpin .bar{width: 100%; height: 5px; background-color: #e9e9e9; position: relative; border-radius: 3px; margin-top: 30px;}
.yinpin .bar span{width: 20%; height: 5px; background-color: #aeaeae; display: inline-block; position: absolute; top: 0; left: 0; z-index: 10;}
.yinpin .bar span b{border-radius: 50%; width: 13px; height: 13px; position: absolute; right: -1px; top: -4px; display: block; z-index: 20; background-color: #aeaeae; }