body{margin: 0px auto;	position: relative;width: 100%;height: 100%;padding:0;}
/* 登录 在线客服 */
.main-im { position: fixed; right: 10px; top: 300px;  z-index: 100; width: 110px; height: 272px;}
.main-im .qq-a {display: block; width: 106px; height: 116px;font-size: 14px; color: #0484cd; text-align: center;position: relative;}
.main-im .qq-a span {bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px;position: absolute;left: 18px;top: 10px;overflow: hidden;z-index: 9;}
.main-im .qq-container {  z-index: 99; position: absolute; width: 109px;  height: 118px; border-top-left-radius: 10px;border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url("../images/qq-icon-bg.png")/*tpa=http://login.jiujiuke.net/assets/images/qq-icon-bg.png*/ no-repeat center 8px;}
.main-im .img-qq { max-width: 60px;display: block;position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s;  -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.main-im .im-qq:hover .img-qq { max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main { background: #F9FAFB;border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB; display: none; }
.main-im .im_main .im-tel {color: #000000;text-align: center; width: 109px; height: 105px; border-bottom: 1px solid #dddddd;}
.main-im .im_main .im-tel div {font-weight: bold; font-size: 12px;margin-top: 6px;}
.main-im .im_main .im-tel .tel-num {font-family: Arial; font-weight: bold; color: #e66d15; }
.main-im .im_main .im-tel:hover { background: #fafafa;}
.main-im .im_main .weixing-container { width: 55px;  height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5;border-bottom-left-radius: 10px; background: url("../images/weixing-icon.png")/*tpa=http://login.jiujiuke.net/assets/images/weixing-icon.png*/ no-repeat center center;float: left;}
.main-im .im_main .weixing-show {width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute;left: -125px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff;border-width: 6px;left: 112px; top: 134px;position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big {width: 0;   height: 0;  border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px;position: absolute; }
.main-im .im_main .weixing-show .weixing-ma {width: 104px;height: 103px; padding-left: 5px; padding-top: 5px;}
.main-im .im_main .weixing-show .weixing-txt {position: absolute; top: 110px;left: 7px;width: 100px;margin: 0 auto; text-align: center;}
.main-im .im_main .go-top {width: 50px;height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px;background: url("../images/totop-icon.png")/*tpa=http://login.jiujiuke.net/assets/images/totop-icon.png*/ no-repeat center center;float: right;}
.main-im .im_main .go-top a {display: block; width: 52px;height: 47px;}
.main-im .close-im { position: absolute; right: 10px; top: -12px;z-index: 100; width: 24px; height: 24px;}.main-im .close-im a { display: block; width: 24px; height: 24px;background: url("../images/close_im.png")/*tpa=http://login.jiujiuke.net/assets/images/close_im.png*/ no-repeat left top;}
.main-im .close-im a:hover { text-decoration: none;}
.main-im .open-im {cursor: pointer; margin-left: 68px; width: 40px;height: 133px;background: url("../images/open_im.png")/*tpa=http://login.jiujiuke.net/assets/images/open_im.png*/ no-repeat left top;}
.background-panel {height: 100%; overflow-x: hidden;overflow-y: hidden;position: fixed;top: 0; width: 100%;z-index: 1;}
.background-panel img {display: none;left: 0;position: absolute; top: 0; width: 100%;}
.fc-login-panel {display: table; height: 100%;left: 0;position: fixed; text-align: center; top: 0; width: 100%;z-index: 2;}
.fc-logon-main {display: table-cell;text-align: center;vertical-align: middle;width: 565px;}
.login_noticebj{position: fixed;left:8%;top: 32%; width: 23%;background: #fff;opacity: 0.6; border-radius: 6px; z-index:999; height:300px;}
.login_notice{position: fixed;left:8.1%;top: 34%; width: 22.8%;line-height: 24px;color: #000;text-align: left; font-size:14px;z-index:1000; padding:10px; }
@media screen and (min-width:1024px) and (max-width:1300px){
   .login_noticebj{left:3%; top:30%;width: 25%;}
    .login_notice {left:4.1%;top: 30.1%;}
}
@media only screen and (max-width: 1023px){
   .login_noticebj{display:none;}
    .login_notice {display:none;}
}
.login_change { position:absolute; right:0;top:0; width:80px; height:80px;background:url("../images/jiaobj.png")/*tpa=http://login.jiujiuke.net/assets/images/jiaobj.png*/ no-repeat; border:none; border-radius: 0 8px 0 0; z-index:1001; cursor:pointer;}
.login_change img{/*transform:rotate(45deg);*/ width:40px; height:40px; display:block;position:absolute;right:5px; top:5px; z-index:1001;}

.login_block input {border-radius: 5px;}
.login_block .dw i.iconfont{ position:absolute; left:25px; top:10px; font-size:20px; color:#aaa;}
.login_block input{ padding-left:40px; margin-bottom:10px;}
/*.login_block .eye{position:absolute;right:6%;top:44%;transform:translate(0, -50%);width:20px;height:16px;background:url("../images/eye.png");background-size:100% 100%}*/
.social-links i { color:#fff; font-size:20px;line-height: 30px;}
.social-links li a { line-height:35px;}
.social-links .bg-info { background:#5b8ffc !important;}
.social-links .bg-danger { background:#ff64c5 !important;}
.social-links .bg-success { background:#43bf1f !important;}
.social-links .bg-warning { background:#ffae2a !important;}
.social-links.list-inline > li { padding:0px !important; width:35px; height:35px; overflow:hidden; margin-right:5px; display:inline-block;}
.login-tip {position: absolute;top:8px;right:80px; z-index:9999;}
.poptip{border: 1px solid #f3d995;line-height: 16px;padding:3px 15px;background: #fefcee; position: relative;}
.poptip-arrow { position: absolute;z-index: 10; top:8px; right:0;}
.poptip-arrow em, .poptip-arrow span {
    position: absolute;
    width: 0;
    height: 0;
    border-color: rgba(255,255,255,0);
    border-color: transparent \0;
    _border-color: tomato;
    _filter: chroma(color=tomato);
    border-style: solid;
    overflow: hidden;
    top:-3px;
    left: 0;
}
.poptip-arrow em {left: 1px;border-left-color: #f3d995;border-width: 6px 0 6px 6px;}
.poptip-arrow span {border-left-color: #fefcee;border-width: 6px 0 6px 6px;}
.poptip .poptip-content{color: #df9c1f; }