blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul{margin:0;padding:0}
body, button, input, select, textarea{font:14px/1.5 Microsoft YaHei}
h1, h2, h3, h4, h5, h6{font-size:100%}
address, cite, dfn, em, var, i, em{font-style:normal}
code, kbd, pre, samp{font-family:couriernew, courier, monospace}
small{font-size:12px}
li, ol, ul{list-style:none}
a{color:#424242;text-decoration:none}
a:hover{color:#0d81f6}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
img{border:0;vertical-align:middle}
button, input, select, textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
body{background:#f5f5f5;color:#000;font-family:Microsoft YaHei}
.clear{clear:both;width:100%;height:1px}
.fl{float:left}
.fr{float:right}
.hr{clear:both;overflow:hidden;width:100%}
.hr10{height:10px}
.hr20{height:20px}
.hr30{height:30px}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:""}
.clearfix{zoom:1}
.w1200{width:1200px !important}
.elli1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.elli2{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical;}
.elli3{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3;-webkit-box-orient:vertical;}
.elli4{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4;-webkit-box-orient:vertical;}

.btn{background:#3584ff;background-image:linear-gradient(to right, #65adff, #3584ff);}
.btn:hover{background-image:linear-gradient(to right, #8cc2ff, #3584ff);}

input[type="button"]{margin:0px;padding:0px;border:0px;cursor:pointer;}
input[type="text"]{margin:0px;padding:0px;border:0px;cursor:pointer;outline:none;}
.mainbox:after{clear:both;display:block;visibility:hidden;height:0;content:""}
.first{margin-left:0px !important}
.bgfff{background-color:#ffffff}

.scaleimg img{transition:all 0.3s;;transform:scale(1, 1);}
.scaleimg:hover img{transform:scale(1.1, 1.1);transition:all 0.3s;}

.graybg30{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxN0UyRjQwOEM5MDQxMUVCOEM4REZFRTEyRURCRTU0NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxN0UyRjQwOUM5MDQxMUVCOEM4REZFRTEyRURCRTU0NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE3RTJGNDA2QzkwNDExRUI4QzhERkVFMTJFREJFNTQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE3RTJGNDA3QzkwNDExRUI4QzhERkVFMTJFREJFNTQ0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5xxOwAAAAA9JREFUeNpiYGBg8AUIMAAAUgBOUWVeTwAAAABJRU5ErkJggg==)}

.foot{float:left;width:100%;padding-top:40px;}
.foot .aboutlay{float:left;height:45px;width:100%}
.foot .aboutlay .logo{float:left;background:url(../images/logo.png);width:164px;height:45px;}
.foot .aboutlay .rightabout{float:right}
.foot .aboutlay .rightabout span{float:left;width:100%;height:20px;line-height:20px;overflow:hidden;}
.foot .aboutlay .rightabout span a{float:right;padding-left:50px;padding-right:25px;margin-right:-25px;border-right:1px solid #666;text-align:center;}
.foot .aboutlay .rightabout p{float:left;color:#999;text-align:right;width:100%;}
.foot .friendlink{float:left;width:100%;border-bottom:1px solid #e0e0e0;margin-top:52px;padding-bottom:30px;}
.foot .friendlink a{float:left;height:24px;line-height:24px;margin-right:20px;color:#999;font-size:12px;}
.foot .copyright{float:left;width:100%;height:70px;line-height:70px;font-size:12px;text-align:center;}


.navBar{position:fixed;z-index:99;right:0px;top:380px;width:50px;background-color:#fff;box-shadow:0px 0px 5px #666;}
.navBar.index{top:140px}
.navBar .line{float:left;margin:2px 10px;border-bottom:1px solid #999;height:0px;width:30px;}
.navBar label{float:left;width:50px;position:relative;}
.navBar i{float:left;width:50px;height:50px;}
.navBar .backtotop{float:left;width:50px;cursor:pointer;}
.navBar .backtotop:hover{background-color:#3584ff}
.navBar i.icon-backtoptop{cursor:pointer;background:url(../images/backtotop.png) center 14px no-repeat;padding-top:40px;height:40px;line-height:40px;text-align:center;font-size:12px;color:#666666}
.navBar .backtotop:hover .icon-backtoptop{background:url(../images/backtotophov.png) center 14px no-repeat;color:#ffffff;}
.navBar .backtotophov{cursor:pointer;position:absolute;bottom:0px;right:50px;display:none;width:80px;text-align:center;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.navBar .backtotop:hover .backtotophov{display:block;height:40px;line-height:40px;background-color:#3584ff;color:#ffffff}

.navBar .scroll{float:left;width:100%;text-align:center;padding:5px 0px;font-size:12px;cursor:pointer;margin-bottom:10px;}
.navBar .scroll:hover{background-color:#3584ff;color:#ffffff}

.navBar .item{float:left;width:50px;cursor:pointer;color:#666;text-align:center;font-size:12px;padding-top:30px;padding-bottom:5px}
.navBar .item:hover{color:#ffffff}
.navBar .pptdz{background:url(../images/icon-pptdz.png) center 10px no-repeat;}
.navBar .pptdz:hover{background:url(../images/icon-pptdzhov.png) center 10px no-repeat #3584ff;}
.navBar .carldsc{background:url(../images/icon-ctrld.png) center 10px no-repeat;color:#3584ff}
.navBar .carldsc:hover{background:url(../images/icon-ctrldhov.png) center 10px no-repeat #3584ff;}
.navBar .kf{background:url(../images/icon-kf.png) center 10px no-repeat;position:relative;}
.navBar .kf:hover{background:url(../images/icon-kfhov.png) center 10px no-repeat #3584ff;}
.navBar .kf:hover .kflay{display:block;}
.navBar .kflay{position:absolute;display:none;width:230px;height:170px;box-shadow:0px 0px 5px #666;right:50px;top:-50px;background-color:#fff;border-radius:5px;}
.navBar .kflay .kfmainbox{float:left;width:200px;height:118px;margin:15px;margin-bottom:0px;border-bottom:1px solid #e9e9e9}
.navBar .kflay .kfmainbox .qqkf{float:left;background:url(../images/icon-qq.png) left center no-repeat;height:30px;color:#666;line-height:30px;padding-left:30px;width:170px;text-align:left;}
.navBar .kflay .kfmainbox .info{float:left;width:200px;text-align:left;padding-left:0px;font-size:12px;color:#666;}
.navBar .kflay .kfmainbox .info p{float:left;width:100%;height:20px;line-height:20px;}
.navBar .kflay .kfmainbox .btn{background-color:#3584ff;width:76px;height:26px;margin-top:10px;text-align:center;float:left;margin-left:30px;line-height:26px;color:#fff;border-radius:5px;}
.navBar .kflay em{float:left;margin-left:30px;text-align:left;font-size:12px;line-height:30px;color:#666}
.navBar .suggest{background:url(../images/icon-suggest.png) center 10px no-repeat;position:relative;}
.navBar .suggest:hover{background:url(../images/icon-suggesthov.png) center 10px no-repeat #3584ff;}
.navBar .suggest .suggestlay{width:230px;height:360px;position:absolute;right:50px;bottom:0px;background-color:#fff;border-radius:5px;box-shadow:0px 0px 5px #666;display:none;}
.navBar .suggest:hover .suggestlay{display:block;}
.navBar .suggest .suggestlay .suggestmainbox{float:left;width:200px;margin:15px;}
.navBar .suggest .suggestlay .suggestmainbox .tit{float:left;width:100%;height:30px;line-height:30px;font-weight:bold;text-align:center;font-size:16px;color:#666}
.navBar .suggest .suggestlay .suggestmainbox textarea{float:left;width:190px;height:190px;border:1px solid #e0e0e0;outline:none;padding:5px;border-radius:5px;background-color:#eee}
.navBar .suggest .suggestlay .suggestmainbox .text{float:left;width:190px;height:30px;height:30px;padding:5px;border:1px solid #e0e0e0;margin-top:10px;border-radius:5px;background-color:#eee}
.navBar .suggest .suggestlay .suggestmainbox .btn{float:left;width:146px;height:36px;margin-top:10px;background-color:#3584ff;color:#fff;line-height:36px;text-align:center;margin-left:28px;border-radius:5px;font-size:14px;}
.navBar .suggest .suggestlay .suggestmainbox .btn:hover{background-color:#5c9dff}


.page{
	text-align:center;
	padding:30px 0 50px;
}

.page a{
	display:inline-block;
	padding:0 22px;
	height:55px;
	line-height:55px;
	color:#404040;
	background:#ffffff;
	border-radius:2px;
	margin:3px;
	border:1px solid #fff;
}

.page a.active, .page a.active:hover{
	color:#fff;
	background:#0d81f6;
	background:-moz-linear-gradient(left, #55a1ee 0, #0d81f6 100%);
	background:-webkit-gradient(linear, left, right, color-stop(0, #55a1ee), color-stop(100%, #0d81f6));
	background:-webkit-linear-gradient(left, #55a1ee 0, #0d81f6 100%);
	background:-o-linear-gradient(left, #55a1ee 0, #0d81f6 100%);
	background:-ms-linear-gradient(left, #55a1ee 0, #0d81f6 100%);
	background:-webkit-gradient(linear, left top, right top, from(#55a1ee), to(#0d81f6));
	background:-webkit-gradient(linear, left top, right top, color-stop(0, #55a1ee), to(#0d81f6));
	background:-webkit-gradient(linear, left top, right top, color-stop(0, #55a1ee), to(#0d81f6));
	background:linear-gradient(to right, #55a1ee 0, #0d81f6 100%);
}

.page a.active:hover{
	border:1px solid #fff;
}

.page a:hover{
	color:#0d81f6;
	border:1px solid #0d81f6;
}


/* audio */


.AudioBox{width:100%;height:525px;background-color:#fff;position:relative;margin:100px 0px;}
.AudioBox .exclusive{ display:inline-block; position:absolute; top:0; left:20px; font-size:12px; background-color:#0d81f6; color:#fff; text-align:center;border-radius:0px 0px 6px 6px; width:30px; height:34px; padding:7px 9px 7px 11px;line-height:17px; letter-spacing:3px;}
.AudioRecord{ width:308px; height:308px;margin:107px auto; position:relative;}
.AudioBox .musicBtn{ width:38px; height:38px; position:absolute; top:121%; left:-72%;text-align:center; line-height:38px; cursor:pointer;border:2px solid #0d81f6;border-radius:50%}
.AudioBox .musicBtn i{width:38px;height:38px;display:block;line-height:38px;text-align:center;}

.icon-music::before{background:url(../images/music.png) center center no-repeat;content:"";width:308px;height:308px;display:block}
.AudioBox .icon-play::after{ background:url(../images/pauseblue.png) center center no-repeat;content:"";width:38px;height:38px;display:block;}
.AudioBox .icon-pause::after{ background:url(../images/playblue.png) center center no-repeat;content:"";width:38px;height:38px;display:block;}
.AudioBox .changeAnimae{
	-webkit-animation:spinAround 5s linear infinite;
	-moz-animation:spinAround 5s linear infinite;
	animation:spinAround 5s linear infinite;
}
@-webkit-keyframes spinAround{
	from{-webkit-transform:rotate(0deg)}
	to{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes spinAround{
	from{-moz-transform:rotate(0deg)}
	to{-moz-transform:rotate(360deg);}
}
@keyframes spinAround{
	from{transform:rotate(0deg)}
	to{transform:rotate(360deg);}
}
.AudioBox .circleRecord{ width:308px; height:308px;border-radius:308px;background:url(../images/musicRecord.png); box-shadow:0 2px 4px rgba(153, 153, 153, 0.4)}

.AudioBox .dot{ width:32px; height:32px; background:url(../images/dot.png); position:absolute; top:-60px; right:-55px;}
.AudioBox .pole{ width:43px; height:254px; background:url(../images/pole.png); position:absolute; top:-45px; right:-47px;}
.AudioBox .poleDo{transition:transform 0.3s ease-in 0s;-moz-transition:transform 0.3s ease-in 0s;-o-transition:transform 0.3s ease-in 0s;-ms-transition:transform 0.3s ease-in 0s;
	-webkit-transition:transform 0.3s ease-in 0s;
	transform-origin:23px top;
	-ms-transform-origin:23px top;
	-o-transform-origin:23px top;
	-moz-transform-origin:23px top;
	-webkit-transform-origin:23px top;
	transform:rotate(15deg);
}
.AudioBox .poleNo{transition:transform 0.3s ease-in 0s;-moz-transition:transform 0.3s ease-in 0s;-o-transition:transform 0.3s ease-in 0s;-ms-transition:transform 0.3s ease-in 0s;
	-webkit-transition:transform 0.3s ease-in 0s;
	transform-origin:23px top;
	-ms-transform-origin:23px top;
	-o-transform-origin:23px top;
	-moz-transform-origin:23px top;
	-webkit-transform-origin:23px top;
	transform:rotate(0);
}


.AudioRecord{ margin-top:80px; margin-bottom:70px}
.AudioBox .shengbo-box{ width:524px; border-radius:5px; height:5px; margin:0px auto 20px; position:relative;}
.AudioBox .time-bar{ height:30px; width:523px;border-radius:5px; background-color:#DFE2E4; position:relative;}
.AudioBox .star-time{ position:absolute; top:0px; left:-60px; color:#999; font-size:18px;}
.AudioBox .end-time{ position:absolute; top:0px; right:-60px; color:#999; font-size:18px;}
.AudioBox .time-bar-m{ height:30px; position:absolute;cursor:pointer;width:100%;}
.AudioBox .time-bar-m:after{content:"";z-index:3;position:absolute;width:524px;background:url(../images/jindufloat.png) left center no-repeat;left:0px;height:30px;}
.AudioBox .timeTip{color:#0d81f6;position:absolute;top:-2px;width:30px;width:8px; height:8px; background-color:#0d81f6; border-radius:8px}
.time-bar .currentTime{ color:#0d81f6; font-size:12px; position:absolute; top:-25px; left:-10px; display:none;}
.time-bar-m:hover .currentTime{ display:block;}
.AudioBox .time-bar .move-color.running{
	-webkit-animation-play-state:running;
	animation-play-state:running
}
.AudioBox .time-bar:hover .timeTip{ display:block;}
.AudioBox .time-bar img{ position:relative; z-index:3}
.AudioBox .move-color{ position:absolute; left:0; top:0;height:30px;background-color:#0d81f6; z-index:2; max-width:608px;}

.marks{ width:100%; height:100%; min-height:550px; overflow:hidden; zoom:1; position:fixed; top:0; left:0; z-index:300; background-color:#000000; opacity:0.5; filter:alpha(opacity=50); display:none;}

.wqlogin{position:fixed;z-index:999;width:750px;height:480px;border-radius:7px;overflow:hidden;left:50%;top:50%;margin-left:-345px;margin-top:-220px;background:url(/style/images/wqloginleftbg.png) no-repeat;display:none}
.wqlogin .leftpic{float:left;height:480px;width:320px;}
.wqlogin .rightmain{float:right;width:420px;}
.wqlogin .logotitle{background:url(/style/images/wqlogo.png);width:208px;height:45px;float:left;margin-top:28px;margin-left:90px; background-size:100% 100%;}
.wqlogin .qrcodee{width:256px;height:256px;float:left;margin-left:72px;margin-top:0px; position:relative;background:url(/style/images/pay_loading.gif) 43px 25px no-repeat;}
.wqlogin .qrcodee .weprewlogin{position:absolute;right:-13px;top:36px;background:url(/style/images/prewloginwe2.png);width:50px;height:20px; z-index:999; display:none;}
.wqlogin #wx_login_qrcode{position:absolute; left:-17px; top:10px; overflow:hidden; height:255px;}
.wqlogin #wx_login_qrcode iframe{}
.wqlogin .middleline{float:left;height:1px;border-bottom:1px solid #cccccc;width:272px;margin-left:68px;margin-top:26px;position:relative;}
.wqlogin .middleline span{width:118px;height:30px;top:-15px;background-color:#fff;position:absolute;left:77px;line-height:30px;text-align:center;font-size:12px;color:#a7a7a7;}
.wqlogin .other{float:left;display:block;text-align:center;margin-top:25px;width:98%;text-align:center;height:60px}
.wqlogin .other .qqlogin{position:relative;background:url(/style/images/qqlogin.png) top center no-repeat;width:40px;height:40px; display:inline-block; _zoom:1;_display:inline; *zoom:1;*display:inline;cursor:pointer;margin:0px 40px;}
.wqlogin .other .qqlogin .prewlogin{background:url(/style/images/prewloginqq2.png);position:absolute;width:50px;height:20px;left:43px;top:0px; display:none;}
.wqlogin .other .qqlogin:hover{background:url(/style/images/qqloginhov.png) top center no-repeat;}
.wqlogin .other .phlogin{position:relative;background:url(/style/images/phonelogin.png) top center no-repeat;width:40px;height:40px; display:inline-block; _zoom:1;_display:inline; *zoom:1;*display:inline;cursor:pointer;margin:0px 40px;}
.wqlogin .other .phlogin .prewlogin{background:url(/style/images/prewloginphone2.png);position:absolute;width:50px;height:20px;left:43px;top:0px; display:none;}
.wqlogin .other .phlogin:hover{background:url(/style/images/phoneloginhov.png) top center no-repeat;}
.wqlogin .other .tip{position:absolute;width:80px;left:-20px;top:45px;color:#a7a7a7;line-height:20px;height:20px;text-align:center;font-size:12px;}
.wqlogin .power{float:left;width:100%;text-align:center;color:#a7a7a7;margin-top:14px; font-size:12px;}
.wqlogin .power a{color:#a7a7a7;}
.wqlogin .power a:hover{color:#0982f8;}
.wqlogin .other i{width:30px;height:30px; display:inline-block;font-style:normal;background:url(/style/images/qqsel.png) left 6px no-repeat; position:absolute;}

/* 验证码弹窗*/
.down_yzm{ width:524px; height:430px; margin-left:-262px; margin-top:-215px; background-color:#fff; background-image:url(../images/login_2_header.png); background-repeat:no-repeat; background-position:center top; border-radius:5px; box-shadow:0 1px 3px #ddd; -webkit-box-shadow:0 1px 3px #ddd; -moz-box-shadow:0 1px 3px #ddd; position:fixed; left:50%; top:50%; z-index:999; -webkit-animation:login-win .4s forwards; animation:login-win .4s forwards; -moz-animation:login-win .4s forwards;}
.down_yzm .down_yzm_img{left:150px;top:130px; position:absolute; width:300px;}
.down_yzm .down_yzm_img img{ border:1px solid #f1f1f1; width:240px;height:75px;}
.down_yzm .down_yzm_tip{top:255px;position:absolute;left:146px; width:250px; text-align:center; font-weight:bold;}
.down_yzm .down_yzm_reflash{top:220px;position:absolute;left:146px; width:250px; text-align:center;}
.down_yzm .down_yzm_input{top:294px;position:absolute;left:168px; border:1px solid #ccc;}
.down_yzm .yzm_down_btn{ display:block; width:136px; height:46px; line-height:46px; text-align:center; font-size:18px; background-color:#0c81f7; border-radius:23px; color:#fff; margin:0 auto;}
.down_yzm .down_btn_wrap{left:206px;bottom:35px;position:absolute;}
.down_yzm .yzm_down_btn:hover{ background-color:#56a1ec; color:#fff;}