@charset "utf-8";
html, body{font-family:Arial,'微软雅黑'; font-size:14px; color:#333; height:100%;}
body{background:#212121; min-width:1190px}
body,li,ul,dl,dd,dt,p,h1,h2,h3{ padding:0; margin:0; border:0;}
*{box-sizing:border-box; max-height:500000px;}
i,em{ font-style:normal;}
li{ list-style:none;}
a{ text-decoration:none;}
a:hover{ color:#fe741c;}
img{ vertical-align:middle; border:0;}
img.lazy{ opacity:0;}
.clear{ clear:both;}
q{ color:#FF4A4A; quotes:'' '' '' '';}
/*mydialog弹框样式*/
#dialogbg{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3); z-index:1000; cursor: pointer;}
#dialog{ position:fixed; left:50%; top:50%; overflow:hidden; z-index:1000; box-sizing:border-box; max-height:85%; width:800px; height:0; padding:50px 0; transform:translate(-50%,-50%); background:#fff;  opacity:0; transition:all linear 200ms; box-shadow:0 0 20px #000; border-radius:0 0 5px 5px; border:1px solid #ccc;}
#dialog .close{ position:absolute; right:0; top:0; width:36px; line-height:36px; font-size:18px; text-align:center; font-family: Arial, Helvetica, sans-serif; cursor:pointer; z-index:1;}
#dialog .close:hover{ background:#ddd;}
#dialog .title{ position:absolute; left:0; top:0; width:100%; background:#eee; padding:0 15px; font-size:16px; font-weight:bold; line-height:40px; box-sizing:border-box;}
#dialog .cont{ overflow:auto; line-height:1.8em; padding:0 20px; font-size:14px;}
#dialog .cont::-webkit-scrollbar{width:5px; height:5px;}
#dialog .cont::-webkit-scrollbar-thumb{background:#ccc;}
#dialog .btnbox{ line-height:40px; background:#fff; text-align:center; border-top:1px solid #eee; display:flex; position:absolute; left:0; bottom:0; width:100%;}
#dialog .btnbox .btn{ display:block; width:100%; cursor:pointer; font-size:16px; line-height:40px; color:#333;}
#dialog .btnbox.col2 .btn{ width:50%;}
#dialog .btnbox.col2 .btn.primary{ border-left:1px solid #ddd; color:#085c95; font-weight:bold;}
#dialog .btnbox .btn:hover{ color:#f60 !important;}
#dialog.show{ width:800px; height:300px; opacity:1;}

/*toast样式*/
.toast{ position:fixed; left:50%; bottom:-100px; z-index:1001; width:300px; margin-left:-150px; padding:5px 10px; line-height:1.5em; background:rgba(0,0,0,0.7); color:#fff; font-size:16px; text-align:center; border-radius:10px;}
.toast.show{ bottom:200px; transition:all ease-in-out 500ms;}
.toast.hide{ bottom:250px; opacity:0;}
#loading{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.05); z-index:100}
#loading img{ position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px;}

.dhidden{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; display:block; }
.dhidden2{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}
.dhidden3{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:break-all;}
.dhidden4{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-break:break-all;}
.dn{ display:none;}
.iconfont{ width:1em; height:1em; font-size:1.4em; line-height:1em; vertical-align:middle; position:relative; font-weight:normal;}
.tablecell{ display:table-cell; vertical-align:middle;}
.song{ font-family:'SimSun';}

select::-ms-expand { display: none; }
input[type=text],input[type=button],input[type=submit],select{appearance:none; -moz-appearance:none;-webkit-appearance:none;-ms-appearance:none; outline:none;}
select{ position:relative; background:url(/public/img/icon/jiantou.png) right 6px center no-repeat #fff; background-size:10px 6px;padding:0 20px 0 8px !important;}
select::-ms-expand {display: none;}


.btt{ display:inline-block; border-radius:4px; padding:0 10px; border:0; color:#fff; line-height:2em; text-align:center; background:#C1C1C1}
.btt.hov{ background:#E67D37}
.btt.primary{ background:#67648f}
.purplebtn{ background:#312d5f; color:#fff !important;}
.purplebtn:hover{ background:#F96C28; color:#fff;}
.huibtn{ background:#999; color:#fff !important;}
.huibtn:hover{ background:#312d5f; color:#fff;}
.moreall2{max-width: 1340px;margin: 0 auto; padding:0 30px;}
.moreall2:after{ content:""; clear:both; display:block; height:0;}


/*解决table-cell兼容问题*/
.md_table{ display:table; *position:relative;}
.md_table .md_cell{ display:table-cell; width:100%; *position:absolute; *top:50%; *left:0; vertical-align:middle;}
.md_table .md_cell .md_mid{*position:relative; *top:-50%; *left:0;}

/*line-height*/
.line15em{ line-height:1.5em;}
.line18em{ line-height:1.8em;}
.line2em{ line-height:2em;}
.line3em{ line-height:3em;}

/*padding|margin*/
.pd10{padding:5px;}
.pd20{padding:10px;}
.pd30{padding:15px;}
.mgt10{ margin-top:5px;}
.mgt20{ margin-top:10px;}
.mgt40{ margin-top:20px;}
.mgt80{ margin-top:40px;}
.mgt100{ margin-top:50px;}

/*font*/
.font10{ font-size:10px;}
.font11{ font-size:11px;}
.font12{ font-size:12px;}
.font13{ font-size:13px;}
.font14{ font-size:14px;}
.font15{ font-size:15px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font22{ font-size:22px;}
.font24{ font-size:24px;}
.font26{ font-size:26px;}
.font27{ font-size:27px;}
.font28{ font-size:28px;}
.font30{ font-size:30px;}
.font36{ font-size:36px;}
.font40{ font-size:40px;}
.font50{ font-size:50px;}
.font60{ font-size:60px;}
.b{ font-weight:bold;}
.center{ text-align:center;}
.animate{ transition:all ease-in-out 300ms;}

/*swipe*/
.swipe{ position:relative;}
.swipe .swipecont{ width:100% !important;overflow:hidden;}
.swipe li{ display:none;}
.swipe li a{ display:block;}
.swipe li img{ width:100%;}
.swipe li.active{ display:block;}
.swipe .perview{ position:absolute;left:0;bottom:20px;width:100%;text-align:center; z-index:11}
.swipe .perview i{ display:inline-block;width:10px;height:10px;background:#e5e6e6;border-radius:5px;margin:0 5px;cursor:pointer;transition:all linear 300ms;}
.swipe .perview i.active{ background:#fdb80c;width:30px;}

#mydialog{ background:rgba(45, 50, 56, 0.95); width:0; height:0; max-height:96%; margin:0; border:1px solid #48515b; box-sizing:border-box; position:fixed; left:50%; top:50%; transition:all ease-in-out 300ms; z-index:99; padding:10px 20px 20px 20px; color:#fff; font-size:14px; opacity:0; display:none; max-width:95%;}
#mydialog::-webkit-scrollbar{width:4px}
#mydialog::-webkit-scrollbar-thumb{width:4px;background-color:rgb(106, 113, 121);border-radius:2px}
#mydialog .close{ display:none; position:absolute; right:10px; top:10px; width:20px; height:20px; text-align:center; line-height:20px; cursor:pointer;}
#mydialog .close:after{content:"×"; font-size:20px; font-family:'宋体'; color:#fff;}
#mydialog .close:hover:after{ color:#f90;}
#mydialog a.color1,#mydialog a.red{ color:#f90}
#mydialog a.color1:hover,#mydialog a.red:hover{ color:#f60}
#mydialog .blockinfo{ padding:0;}
#mydialog .blocktitle{ padding:30px 0;}
#mydialog #checkform table td{ color:#FFF;}
#mydialog #checkform table td .textarea{ width:100%;}


/**/
.blockinfo .itembox>.ajaxload{ text-align:center; padding:100px 0;}
.blockmorebox {padding:15px 0; text-align:center;}
.blockmorebox .morebtn{padding:10px 40px; margin:0 1%; text-align:center;line-height:1.5em; display:inline-block; cursor:pointer; background:#ffdc00; color:#1a1a1a; border-radius:3px; white-space:nowrap;}
.blockmorebox .morebtn.loading::after{content:"加载中...";}
.blockmorebox .morebtn.loading span{ display:none;}
.blockmorebox .morebtn.nomore{ color:#999; background:#eee;}
.blockmorebox .morebtn.nomore .iconfont{ display:none;}
.blockmorebox .morebtn a{ display:block;}
.blockmorebox .morebtn:hover,.blockmorebox .morebtn a:hover{ color:#f60;}

/*tab*/
.tab .tabmenubox{ text-align:center; padding-bottom:10px;}
.tab .tabmenu{ display:inline-block; margin:0 auto; overflow: hidden; max-width:840px; padding-bottom:8px;}
.tab .tabmenu::-webkit-scrollbar{ width:0; height:0;}
.tab .tabmenu .itembox{ overflow:auto;}
.tab .tabmenu .item{ display:table-cell; padding:0 10px; cursor:pointer;}
.tab .tabmenu .item span{ display:block; line-height:2em; border-width:1px; border-style:solid; border-radius:1em; text-align:center; white-space:nowrap; padding:0 20px;}
.tab .tabmenu .item.active span{ background:#c4b095; color:#fff; border:1px solid #c4b095;}
.tab .tab2menubox{ text-align:center;}
.tab .tab2menubox .tabmenu{ margin:0 auto;}

/* 标题 */
.blocktitle.style1{padding:50px 0 25px;}
.blocktitle.style1{text-align:center; overflow:hidden; line-height:1em;}
.blocktitle.style1 span{display:inline-block; max-width:1000px; color:#00a971;}
.blocktitle.style1 span{position:relative;}
.blocktitle.style1 span i.l,
.blocktitle.style1 span i.r{width:36px; height:3px; border-radius:10px; background:#00a971; position:absolute; top:50%; margin-top:3px;}
.blocktitle.style1 span i.l{left:-46px;}
.blocktitle.style1 span i.r{right:-46px;}
.blocktitle.style1 span i.l:before, 
.blocktitle.style1 span i.r:before{content:""; display:block; width:3px; height:3px; border-radius:50%; background:#00a971; position:absolute;}
.blocktitle.style1 span i.l:before{left:-7px;}
.blocktitle.style1 span i.r:before{right:-7px;}
.blocktitle.style1 span i.l:after, 
.blocktitle.style1 span i.r:after{content:""; display:block; width:24px; height:3px; border-radius:10px; background:#00a971; position:absolute; top:-9px;}
.blocktitle.style1 span i.l:after{right:0;}
.blocktitle.style1 span i.r:after{left:0;}

.blocktitle.hasline{text-align:center; width:100%; overflow:hidden; padding:50px 0 30px; line-height:0;}
.blocktitle.hasline span{display:inline-block; padding: 0 30px; color:#fff; position:relative; font-size:36px; font-weight:bold; line-height:1em;}
.blocktitle.hasline span:before,
.blocktitle.hasline span:after{content:""; width:500px; height:1px; position:absolute; top:50%; margin-top:-1px;}
.blocktitle.hasline span:before{left:-500px; background:rgba(47, 156 ,240, 0.5);
background:linear-gradient(90deg, rgba(47, 156 ,240, 0), rgba(47, 156 ,240, 0.5));
background:-webkit-linear-gradient(0deg, rgba(47, 156 ,240, 0), rgba(47, 156 ,240, 0.5));
background:-moz-linear-gradient(0deg, rgba(47, 156 ,240, 0), rgba(47, 156 ,240, 0.5));
background:-o-linear-gradient(0deg, rgba(47, 156 ,240, 0), rgba(47, 156 ,240, 0.5));
}
.blocktitle.hasline span:after{right:-500px; background:rgba(235, 59 ,161, 0.5);
background:linear-gradient(90deg, rgba(235, 59 ,161, 0.5), rgba(235, 59 ,161, 0));
background:-webkit-linear-gradient(0deg, rgba(235, 59 ,161, 0.5), rgba(235, 59 ,161, 0));
background:-moz-linear-gradient(0deg, rgba(235, 59 ,161, 0.5), rgba(235, 59 ,161, 0));
background:-o-linear-gradient(0deg, rgba(235, 59 ,161, 0.5), rgba(235, 59 ,161, 0));
}

.blocktitle.honour{width: 600px;height: 122px;margin: 25px auto 10px;background: url(/public/img/top10/title.png) center top no-repeat;}
.blocktitle.honour span em{ color:#fff; font-family:'宋体'; font-size:36px; font-weight:bold; text-align:center; line-height:62px; text-shadow:1px 2px #7b3e00;}

.blocktitle.bgblue{font-size: 26px;width: 98%;line-height:2em; color:#FFF; text-align:left; padding-left:15px; background:#0F0F40;background: -webkit-linear-gradient(left, #0F0F40, transparent);
background: -o-linear-gradient(left, #0F0F40, transparent);
background: -moz-linear-gradient(left, #0F0F40, transparent);
background: linear-gradient(left, #0F0F40, transparent);}
.blocktitle.bgblue>span{ color:#FFF;}

.blocktitle.orange{ text-align:center;padding: 20px 0;}
.blocktitle.orange span{color: #fe741c;}


#wrap{ min-width:1280px; min-height:100%; padding:0 0 0 260px; position:relative;}
#wrap.close{ padding-left:50px;}

/*左边导航*/
#leftmenu{ width:260px; position:fixed; left:0; top:0; height:100%; z-index:99;}
.close #leftmenu{ width:50px;}
.close #leftmenu dl dt .btn{ transform:rotate(0deg); padding-bottom:0;}
#leftmenu .logo{ display:block; padding:10px 15px 15px 15px; border-bottom:1px solid #101011;}
#leftmenu .logo2{ display:block; padding:15px;}
#leftmenu .bzb{line-height:1em; text-align:center; margin-top:15px; padding-right:49px; font-size:20px; color:rgba(255, 255, 255, 0.2); font-style:italic; display:block;}
#leftmenu .bzb:hover{ color:#f60;}
#leftmenu dl{ width:260px; height:100%; position:absolute; top:0; right:0; background:#212121;}
#leftmenu dl dt{ position:absolute; right:0; top:0; width:50px; background:#09092d; height:100%; z-index:1; padding-top:10px;}
#leftmenu dl dt .btn{ padding:5px; color:#fff; cursor:pointer; transition:all ease-in-out 400ms; transform:rotate(90deg); padding-bottom:2px;}
#leftmenu dl dt em{ position:absolute; left:100%; top:50%; width:15px; height:50px; margin-top:-25px; border-radius:0 4px 4px 0; font-size:12px; background:rgba(150,150,150,0.1); font-family:fangsong; text-align:center; line-height:50px; cursor:pointer; color:#fff;}
#leftmenu dl dt em::after{content:'<';}
.close #leftmenu dl dt em::after{content:'>';}
#leftmenu dl dt em:hover{ background:#f60; color:#fff;}
#leftmenu dd ul{ border-bottom:1px solid #38393B;}
#leftmenu dd li{ border-top:1px solid #38393B; border-bottom:1px solid #101011; padding:4px 10px; position:relative; transition:all ease-in-out 600ms;}
#leftmenu dd li a{ color:#5f83c5}
#leftmenu dd li a:hover,#leftmenu dd li a.active{ color:#fe741c}
#leftmenu dd li a i{width:30px; height:30px; line-height:30px; background:#474747; border-radius:50%; color:#212121; display:inline-block; vertical-align:middle; text-align:center; font-size:20px;}
.close #leftmenu dd li a i{ position:relative; z-index:100; left:205px; color:#ccc; background:none; font-size:26px; width:40px; text-align:center;}
.close #leftmenu dd li a:hover i,.close #leftmenu dd li a.active i{ color:#f60;}
.close #leftmenu dd li a:hover span{ transition:all ease-in-out 200ms; position:absolute; z-index:100; left:94%; top:0; width:200px; line-height:40px;}
#leftmenu dd li a span{margin-left:10px; display:inline-block; vertical-align:middle;}

#copyright{ width:100%; height:132px; color:#959595; line-height:2em; background:#212121;}
#copyright a{ color:#959595;}
#copyright a:hover{ color:#f90;}
#copyright .aboutus{ float:right; line-height:1.5em; position:relative; padding:24px 3% 24px 20px;font-family: "Verdana", "Arial", "Helvetica", sans-serif;}
#copyright .aboutus .ry{ width:1187px; height:100%; position:absolute; top:0; right:100%; background:url(/public/img/ry.gif) right 23px no-repeat;}
#copyright .ebsgovicon{float:left; width:48px; height:75px; padding-top:13px; margin-right:15px; position:relative;}



/**/
#headbox{ height:52px; background:#291670; position:relative; padding-right:16px;}
#headbox .logo{ position:absolute; left:10px; top:10px; z-index:100; border:1px solid #615f77;}
#headbox .cnpplogo{float:right; padding-right:10px; padding-top:9px;}
#headbox .searchform{ width:330px; border:1px solid #818db5; float:right; margin-top:5px; position:relative;}
#headbox .searchform form{ border:2px solid #eee; margin:3px; position:relative;}
#headbox .searchform .q{ width:100%; height:30px; line-height:28px; padding:0 80px 2px 35px; background:none; border:0; color:#eee; outline:none;}
#headbox .searchform .q::-webkit-input-placeholder{color:rgba(255, 255, 255, .2);}
#headbox .searchform .q::-moz-input-placeholder{color:rgba(255, 255, 255, .2);}
#headbox .searchform .q::-ms-input-placeholder{color:rgba(255, 255, 255, .2);}
#headbox .searchform .icon-search{ display:none;}
#headbox .searchform .submit{ position:absolute; right:0; top:0; width:80px; height:30px; border:0; background:#38477e; color:#fff; font-size:16px; border-left:1px solid #ccc; cursor:pointer; outline:none; line-height:26px}
#headbox .searchform .submit:hover{ background:#f60;}
#headbox .searchform .img{position:absolute; top:50%; margin-top:-12px; left:3px;}

#userinfo{float:right; position:relative;}
#userinfo a{color:#908eb5;}
#userinfo a:hover{color:#ff6900;}
#userinfo a.wode{margin-left:16px; display:block; float:left;}
#userinfo a.wode .icon{float:left; width:32px; height:32px; line-height:32px; border-radius:50%; text-align:center; background-color:#908eb5; color:#291670; margin:10px 0;}
#userinfo a.wode .icon .iconfont{font-size:20px;}
#userinfo a.wode:hover .icon{background-color:#ff6900;}
#userinfo a.wode .text{float:left; line-height:52px; padding-left:8px;}
#userinfo .rcode{display:none; line-height:2em; position:absolute; left:-85px; top:100%; z-index:100; padding:15px 10px 10px; background:#fff; width:234px; color:#333; font-size:12px;}
#userinfo .rcode li{width:50%; float:left; text-align:center;}
#userinfo .rcode li div{line-height:1em; margin-top:8px;}
#userinfo .rcode:before{content:""; border-width:0px 6px 6px 6px; border-style:solid; border-color:transparent transparent #fff transparent; position:absolute; left:50%; margin-left:-6px; top:-6px;}
#userinfo:hover .rcode{ display:block;}
#userinfo a.wode .userpic{width:32px; height:32px; margin:10px 0; float:left;}
#userinfo a.wode .userpic img{border-radius:50%;}
#userinfo .userinfo{width:200px; height:30px; padding:15px; text-align:center; position:absolute; right:-16px; top:100%; background:#fff; color:#333; opacity:0; transition:all linear 200ms; z-index:2;}
#userinfo:hover .userinfo{height:auto; opacity:1;}
#userinfo .userinfo a{width:50%; float:left; line-height:1em; margin-top:15px; display:block; color:#333;}
#userinfo .userinfo a:nth-child(1),
#userinfo .userinfo a:nth-child(2){margin-top:0;}
#userinfo .userinfo a:hover{color:#fe741c;}
#userinfo .userinfo a.logout{width:100%; padding:10px 0; background:#363a40; color:#fff;}
#userinfo .userinfo a.logout:hover{background:#fe741c;}
#userinfo .register{float:left; line-height:52px; padding-left:8px; margin-left:8px; position:relative;}
#userinfo .register:after{content:""; width:1px; height:12px; background:rgba(144, 142, 181, 0.3); position:absolute; left:0; top:50%; margin-top:-6px;}

#container{padding-bottom:50px;}
.blockinfo{max-width:1340px; margin:0 auto; padding:0 30px;}


header{ width:100%; height:62px; background:rgba(255, 255, 255, .05); box-shadow:0 10px 30px rgba(0, 0, 0, .05); z-index:10; transition:all ease-in-out 400ms; padding-right:16px;}
#wrap.hov header{padding-left:266px;}
header.hide{ transform:translateY(-200px);}
header .head{width:100%; min-width:1000px;}
header .head .left{float:left;}
header .head .logo{display:table-cell; vertical-align:middle; height:62px;}
header .head .text{display:table-cell; vertical-align:middle; padding-left:15px;}
header .head .text .text1{width:332px; height:11px; background:url(/public/img/wz.png) center center no-repeat;}
body.whitebg header .head .text .text1{background-image:url(/public/img/wzgreen.png);}
header .head .text .text2{font-size:20px; line-height:1em; padding-top:6px; font-weight:bold; color:#fff;}
body.whitebg header .head .text .text2{color:#00bc70;}
header .head .right{float:right;}
header .head .right .li{float:left; line-height:62px; margin-left:15px;}
header .head .right .li.loginbtn{margin-left:0;}
header .head .right .li.loginbtn .userpic,
header .head .right .li.loginbtn a{display:table-cell; vertical-align:middle;}
header .head .right .li.loginbtn a.register{padding:0 10px;}
header .head .right .li.loginbtn a.login{padding-left:10px; position:relative;}
header .head .right .li.loginbtn a.login:after{content:""; width:1px; height:16px; background:rgba(0, 169, 113, 0.2); position:absolute; left:0; top:50%; margin-top:-8px;}

header .head .right .li.nickname{margin-left:0; position:relative;}
header .head .right .li.nickname .name{display:block;}
header .head .right .li.nickname .name .userpic,
header .head .right .li.nickname .name .uname{display:table-cell; vertical-align:middle;}
header .head .right .li.nickname .name .userpic img{border-radius:50%;}
header .head .right .li.nickname .name .uname{padding:0 10px 0 5px; cursor:pointer;}
header .head .right .li.nickname .userinfo{width:200px; height:0; padding:15px; text-align:center; position:absolute; left:50%; margin-left:-100px; top:100%; background:#fff; color:#333; opacity:0; overflow:hidden; transition:all linear 200ms; z-index:2;}
header .head .right .li.nickname:hover .userinfo{height:180px; opacity:1;}
header .head .right .li.nickname .userinfo a{width:50%; float:left; line-height:1em; margin-top:15px; display:block;}
header .head .right .li.nickname .userinfo a:nth-child(1),
header .head .right .li.nickname .userinfo a:nth-child(2){margin-top:0;}
header .head .right .li.nickname .userinfo a:hover{color:#fe741c;}
header .head .right .li.nickname .userinfo a.logout{width:100%; padding:10px 0; background:#363a40; color:#fff;}
header .head .right .li.nickname .userinfo a.logout:hover{background:#fe741c;}

header .head .right .li.msg{margin-left:0;}
header .head .right .li.msg{display:table-cell; vertical-align:middle;}
header .head .right .li.msg .msgnum{color:#f9a505;}
header .head .right .li.bangzhu .iconfont{font-size:14px; margin-right:3px;}

header .head .right .li,
header .head .right .li a,
header .head .right .li.nickname .name{color:#00a971; transition:color linear 200ms;}
header .head .right .li:hover,
header .head .right .li a:hover,
header .head .right .li.nickname .name:hover{color:#fff000;}

/*gotop*/
@keyframes kefu1{49.9%{opacity:0;} 50%{opacity:1;} 99.9%{opacity:1} 100% {opacity:0;}} 
@-webkit-keyframes kefu1{49.9%{opacity:0} 50%{opacity:1;} 99.9%{opacity:1} 100% {opacity:0;}}
@keyframes kefu2{49.9%{opacity:1} 50%{opacity:0;} 99.9%{opacity:0} 100% {opacity:1;}} 
@-webkit-keyframes kefu2{49.9%{opacity:1} 50%{opacity:0;} 99.9%{opacity:0} 100% {opacity:1;}}
@keyframes kefu3{12.4%{width:4px;}12.5%{width:7px;}24.9%{width:7px;}25%{width:11px;}37.49%{width:11px;opacity:1;}37.5%{width:11px;opacity:0;}49.99%{width:11px;opacity:0;}50%{width:11px;opacity:1;}62.49%{width:11px;opacity:1;}62.5%{width:11px;opacity:0;}74.99%{width:11px;opacity:0;}75%{width:11px;opacity:1;}87.4%{width:11px;opacity:1;}87.5%{width:11px;opacity:0;}99.9%{width:4px;opacity:0;}100%{width:4px;opacity:1;}}
@-webkit-keyframes kefu3{12.4%{width:4px;}12.5%{width:7px;}24.9%{width:7px;}25%{width:11px;}37.49%{width:11px;opacity:1;}37.5%{width:11px;opacity:0;}49.99%{width:11px;opacity:0;}50%{width:11px;opacity:1;}62.49%{width:11px;opacity:1;}62.5%{width:11px;opacity:0;}74.99%{width:11px;opacity:0;}75%{width:11px;opacity:1;}87.4%{width:11px;opacity:1;}87.5%{width:4px;opacity:0;}99.9%{width:4px;opacity:0;}100%{width:4px;opacity:1;}}
#gotop{ position: fixed; width:46px; right:5px; bottom:5px; z-index:1000}
#gotop a.kefu{position:relative; display:block; width:46px; height:46px; border-radius:5px; background:rgba(0,0,0,.4); color:#fff; margin-bottom:2px;}
#gotop .gotop{ display:block; width:46px; height:46px; position:relative; right:0; border-radius:5px; background:rgba(0,0,0,.4); color:#fff; text-align:center; line-height:46px; transform:rotate(180deg); cursor:pointer; font-size:24px;}
#gotop a.kefu img{width:46px;height:46px;display:block;position:absolute;top:0;}
#gotop .kefu1 {opacity:0;}
#gotop a.kefu .kefu3out {width:11px ;height:7px;position: absolute;z-index:1;top:3px;right:3px;transform: rotate(36deg);-ms-transform: rotate(36deg);-moz-transform: rotate(36deg);-webkit-transform: rotate(36deg);}
#gotop a.kefu .kefu3out .out{width:4px ;height:7px; overflow:hidden;position: relative;}
#gotop a.kefu .kefu3out .kefu3{width:11px ;height:7px;}
#gotop a.kefu:hover{ background:rgba(0,0,0,.6);}

#gotop .kefu1{animation:kefu1 1s infinite linear;-webkit-animation:kefu1 1s infinite linear;}
#gotop .kefu2{animation:kefu2 1s infinite linear;-webkit-animation:kefu2 1s infinite linear;}
#gotop .kefu3out .out {animation:kefu3 4s infinite linear;-webkit-animation:kefu3 4s infinite linear;}
#chatbody .headimg{ background:url(/public/img/relief/icon.png) no-repeat !important; background-size:contain !important;}