html body.homepage div#gg{width:163px; height:auto; background:#099bd9; position:fixed; top:20%; left:0; z-index:10; padding:8px;}
html body.homepage div#gg * {transition:all .3s; -webkit-transition:all .3s;}
html body.homepage div#gg dl{width:100%; height:30px; background:url(../image/kefu.png) no-repeat -10px -110px;}
html body.homepage div#gg dl i{display:block; float:right; width:15px; height:15px; background:url(../image/kefu.png) no-repeat -39px 1px; cursor:pointer; margin-top:6px;}
html body.homepage div#gg dl i:hover{background:url(../image/kefu.png) no-repeat -59px 1px;}
html body.homepage div#gg div.div1 img{width: 100%;}
html body.homepage div#gg .div1{width:100%; height:auto; background:#fafafa; padding:14px;}
html body.homepage div#gg .div1 a{display:block; width:92px; height:22px; background:url(../image/qq.png) no-repeat; margin:0 auto; margin-bottom:10px;}
html body.homepage div#gg .div1 dd{display:block; width:100%; height:50px; text-align:center;}
html body.homepage div#gg form{width:100%; height:auto; margin-top:10px;}
html body.homepage div#gg p{color:#fff; font-weight:100; font-size:14px; text-align:center; margin-bottom:10px;}
html body.homepage div#gg form .pc-text1{display:block; width:100%; height:30px; border:none; background:#fff; border-radius:3px; font-size:13px; padding:0 5px; margin-bottom:5px;}
html body.homepage div#gg p a.tijiao{display:block; width:100%; margin:0 auto; font-size:14px; background:#eb1a30; border:none; color:#fff; border-radius:3px;}
@media all and (max-width:700px){
html body.homepage div#gg{left: auto;right: 0;top: 45%;width: 25%;font-size: 12px;padding: initial;}
html body.homepage div#gg dl{margin-bottom:auto;}
html body.homepage div#gg .div1{padding: initial;}
html body.homepage div#gg .div1 dd{height:auto;}
html body.homepage div#gg p{margin:auto;font-size: 10px;}


/*.fixed-active{top:-100% !important;}
.sj-bottom-active{bottom:-100% !important;}*/
}