/*右侧fix样式*/
.main-im {
    position: fixed;
    right: 10px;
    top: 260px;
    z-index: 100;
    height: 272px;
}

.main-im .qq-a {
    display: block;
    width: 121px;
    height: 131px;
    font-size: 12px;
    color: #0484cd;
    text-align: center;
    position: relative;
}

.main-im .qq-a span {
    bottom: 10px;
    position: absolute;
    width: 103px;
    line-height: 1.4;
    left: 10px;
}

.main-im .qq-hover-c {
    width: 70px;
    height: 70px;
    border-radius: 35px;
    position: absolute;
    left: 24px;
    top: 10px;
    overflow: hidden;
    z-index: 9;
}

.main-im .qq-container {
    z-index: 99;
    position: absolute;
    width: 100%;
    height: 136px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #dddddd;
    background: url(/img/pc/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 {
    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(/img/pc/weixing-icon.png) no-repeat center center; /*float:left;*/
    margin: 0 auto;
}

.main-im .im-main .qq-b-container {
    height: 39px;
    line-height: 54px;
    border-bottom-left-radius: 10px;
}

.main-im .im-main .weixing-show {
    display: none;
    width: 112px;
    height: 172px;
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #dddddd;
    position: absolute;
    left: -125px;
    top: -126px;
}

.main-im .im-main .qq-b-show {
    display: none;
    width: 112px;
    height: 60px;
    padding-top: 10px;
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #dddddd;
    position: absolute;
    left: -125px;
    top: -18px;
}

.main-im .im-main .qq-b-container:hover .qq-b-show {
    display: block;
}

.main-im .im-main .qq-b-show .weixing-sanjiao {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #ffffff;
    border-width: 6px;
    left: 112px;
    top: 40px;
    position: absolute;
    z-index: 2;
}

.main-im .im-main .qq-b-show .weixing-sanjiao-big {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #dddddd;
    border-width: 8px;
    left: 112px;
    top: 38px;
    position: absolute;
}

.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;
    font-size: 14px;
}

.main-im .im-main .weixing-show .weixing-txt span {
    margin-top: 5px;
    display: inline-block;
}

.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(/img/pc/close_im.png) no-repeat left top;
}

.main-im .close-im a:hover {
    text-decoration: none;
}

.main-im .open-im {
    width: 40px;
    height: 133px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    background: #ffb900 url(https://oss.chadanwang.com/pc/index/open_im.png) no-repeat left top;
}

/*返回顶部样式*/
.go-top {
    position: fixed;
    right: 20px;
    top: 450px;
    width: 40px;
    text-align: center;
    background: #ffb900;
    color: #fff;
    height: 40px;
    overflow: hidden;
    z-index: 101;
    cursor: pointer;
    display: none;
}

.go-top-img {
    width: 40px;
    height: 40px;
    background: #ffb900 url("/img/pc/gotop.png") no-repeat 10px center /17px;
}

.go-top-title {
    font-size: 12px;
    padding: 3px;
}