@charset "utf-8";
html, body {margin: 0px;padding: 0px;}
IMG {border-width:0px;}

* {list-style-type: none;margin: 0;padding: 0; }
a{ text-decoration:none !important; color:#555}
a:hover{ text-decoration:none; }

/*导航*/

.indbd2 .close{right: 10px!important;font-size: 40px!important;}

@media (min-width: 769px) {

    .logo{margin:5px auto 8px; max-width: 100%;height: auto}
    .logo img{height: 50px;width: auto;}
    /*网易互客*/
    .hkbg{width: 100%;display: block;background: url(../images/hkgxbg.jpg) no-repeat top center; overflow: hidden;padding: 70px 0 0}
    .wyhdbox{margin:80px auto}
    .hkh2{font-size: 34px; text-align: center;font-weight: bold; margin-bottom: 4px}
    .hkh3{font-size: 16px;color: #555; text-align: center;}
    .hkfl{max-width: 1200px;margin:20px auto 0;display: flex;align-items: center; justify-content: center;}
    .hkfl li{text-align: center;display: block;padding: 0 80px;margin: 0 auto;font-size:18px;line-height: 50px;font-weight: bold}
    .hkfl li a{display: block;padding-bottom: 20px;color: #333}
    .hkfl li .t{ display: block;background: url(../images/qht1-1.png) no-repeat top center;width:72px;height: 72px;margin:5px auto}
    .hkfl li .t1{ display: block;background: url(../images/qht2-1.png) no-repeat top center;width:72px;height: 72px;margin:5px auto}
    .hkfl li .t2{ display: block;background: url(../images/qht3-1.png) no-repeat top center;width:72px;height: 72px;margin:5px auto}
    .hkfl li .t3{ display: block;background: url(../images/qht4-1.png) no-repeat top center;width:72px;height: 72px;margin:5px auto}

    .hkfl li.active .t{ display: block;background: url(../images/qht1.png) no-repeat top center;width:72px;height: 72px;}
    .hkfl li.active .t1{ display: block;background: url(../images/qht2.png) no-repeat top center;width:72px;height: 72px;}
    .hkfl li.active .t2{display: block;background: url(../images/qht3.png) no-repeat top center;width:72px;height: 72px;}
    .hkfl li.active .t3{display: block;background: url(../images/qht4.png) no-repeat top center;width:72px;height: 72px;}
    .hkfl li.active a{color: #534cd8!important;}
    .hkfl li:hover{color: #534cd8!important;}
    .hkfl li.active:after{width:60px;height:7px;background: #534cd8;margin: -5px auto 0; content: "";display: block;border-radius: 20px;
        animation:myfirst .1s;
        -moz-animation:myfirst .1s; /* Firefox */
        -webkit-animation:myfirst .1s; /* Safari and Chrome */
        -o-animation:myfirst .1s; /* Opera */
    }

    .hkx{width: 100%;display: block;background: #abc5fc;height: 1px;margin-top: -4px;}
    @keyframes myfirst {
        0%   {margin-left: -100px;opacity: 0}
        100% {margin-left: 0px;opacity: 1}

    }
    @keyframes myfirst1 {
        0%   {opacity: 0;}
        100% {opacity: 1;}

    }

    .hknr{max-width: 1200px;margin:40px auto;padding:0 15px;animation: myfirst1 .2s;overflow: hidden;}
    .hknr .left{width:49%;float:left;}
    .hknr .left h2{font-size: 20px;line-height: 35px;margin-top: 25px;font-weight: bold}
    .hknr .left li{display: flex;align-items: center;margin: 35px auto 0}
    .hknr .left li img{margin-right: 10px}
    .hknr .left h3{font-size: 16px;line-height: 28px;color: #333;margin: 0;font-weight: bold}
    .hknr .left p{font-size: 14px;color: #333;line-height:24px;margin: 0}
    .hknr .left article{width:100%;color: #555;font-size:15px;overflow: hidden;padding-top: 30px;
        -webkit-line-clamp:12;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        line-height: 35px;
        word-break:normal;    /*正常避头尾*/
        text-align:justify;    /*文字左右对齐*/}

    .hknr .right{width:50%;float:right}
    .hknr .right img{border-radius: 8px;max-width: 100%;height: auto;margin-top: 35px}
    .hknran{width:95%;margin-top: 28px; display: flex}
    .hkan1{width:150px;text-align: center;background:#534cd8;line-height: 35px;border-radius: 35px;display: block;color: #fff!important;}
    .hkan2{width:150px;text-align: center;border-radius: 35px;border:solid 1px #534cd8;margin-left: 15px;color: #534cd8!important;display: block;line-height: 35px;}

    .tc .modal-dialog{margin-top: 15%}
    .tc .close{font-size: 40Px!important;float: right;margin-right:20px;margin-top: 10px}
    .tc .title{font-size: 22px;float: left;line-height: 45px;padding-left: 20px}
    .tc .modal-header{padding:5px 20px}

    .tcbd{max-width:95%;margin:20px auto;padding-bottom: 20px}
    .tcbd article{font-size: 14px;width: 95%;margin:25px auto;line-height: 25px}
    .tcbd li{overflow: hidden;width: 98%;margin: 10px auto 0;border-bottom: solid 1px #dedede;}
    .tcbd label{width: 20%;float: left;font-size: 15px;line-height: 35px;text-align: right;padding-right: 25px;font-weight: normal}
    .tcbd input {border: none;height: 35px;line-height:35px;width: 70%;float: left;padding-left: 15px;font-size: 15px}
    .tcan{display: block;width:90%;margin: 30px auto 10px;text-align:center;background: #534cd8;color: #fff;font-size: 15px;
        border: none;outline: none;line-height: 40px;border-radius: 30px}
    /*企业微信私域*/
    .qysybox1{max-width: 1200px;margin:80px auto;}
    .qysybox{overflow:hidden;background:url(../images/sybg.png) no-repeat center center;padding:5px 15px;height: 310px;margin: 50px auto 0}
    .qysybox ul{overflow: hidden}
    .qysybox ul:last-child{margin-top: 90px}
    .qysybox li{width:360px;float: left;text-align: right}
    .qysybox li h2{font-weight:bold;font-size:24px;color: #534cd8; margin-top:10px }
    .qysybox li p{font-size: 16px}
    .qysybox li:nth-child(2){float:right;text-align:left}
    /*客户*/
    .khal{max-width: 1280px;margin:80px auto;padding: 0 15px}
    .khal .k{box-shadow: 3px 3px 5px 3px #eee;border-radius: 10px;padding: 10px 5px;width: 93%;margin:0 auto}
    .khal .bt{display: flex;justify-content: center;align-items: center; margin-top: 5px}
    .khal .bt img{width:50px;height: 50px;border-radius: 50px;border:solid 1px #dedede;margin-left: 5px}
    .khal .btr{float:left;width:70%;font-size:18px;font-weight:bold;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;margin-left:10px}

    .khal .k article{width:90%;color: #555;font-size:14px;overflow: hidden;margin: 15px auto 10px;min-height:70px;
        -webkit-line-clamp:3;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        line-height: 21px;
        word-break:normal;    /*正常避头尾*/
        text-align:justify;    /*文字左右对齐*/}
    .swiper-wrapper{margin:70px auto!important;}
    .swiper-container{padding: 0 40px!important;}

    /*合作伙伴*/
    .partner{max-width: 1200px;margin:80px auto;padding: 0 15px}
    .partner ul{overflow: hidden;margin: 30px  auto 10px}
    .partner li{width:14%;float:left;margin-left:2%;margin-top: 20px}
    .partner li img{height: 80px;width:100%;border:solid 1px #eee;object-fit: cover}


    /*网易云商页面*/
    .ysbox{max-width: 1200px;margin:80px auto;overflow: hidden}
    .ysbox ul{margin-top:20px;}
    .ysbox li{margin-top: 20px;transition: all .3s;cursor:pointer}
    .ysbox .k{width:95%;margin:10px auto;box-shadow: 3px 3px 5px 3px #eee;padding:25px 10px;background: url(../images/ysdot.png) no-repeat top right;display: flex;justify-content: center;align-items: center}
    .ysbox .kl{width:30%;float: left;border-right:solid 1px #eee;padding-right: 10px}
    .ysbox .kl img{display: block;margin:0 auto;}
    .ysbox .kr{width:68%;margin-left:30px;font-size: 18px;}
    .ysbox li:hover{transform: translateY(-10px)}
    .ysjjbox{width:100%;background: #f5f8fd;padding: 50px 0 40px}
    .ysjjbox1{max-width: 1200px;margin:0 auto;padding: 0 15px}
    .ysjjbox1 .imgk{max-width: 100%;margin:45px auto 0}
    .ysjjbpx2{max-width: 1200px;margin:80px auto;padding: 0 15px}

    /*选择互客*/
    .hkbg1{width: 100%;display: block;background: url(../images/newbg.jpg) no-repeat top center; overflow: hidden;}
    .xzhkbox{max-width: 1200px; margin:70px auto 80px;overflow: hidden}
    .xzhkbox ul{margin:50px auto 0;overflow: hidden}
    .xzhkbox .k{border:solid 1px #bbbcfb;border-radius: 5px;padding: 60px 0;background: #ffffff;}
    .xzhkbox .k img{display: block;margin:0 auto}
    .xzhkbox .k h2{font-size: 22px;color: #333;text-align: center}
    .xzhkbox .k article{font-size: 14px;line-height: 25px;text-align: center }


    /*互客合作*/
    .hkhzbg{width: 100%;margin: 0 auto;overflow: hidden;background:#f5f8fd url(../images/hzbgt.jpg) no-repeat top center;}

   .synew {
        margin: 20px auto 50px;
        overflow: hidden
    }

    .synew li {
        margin-top: 25px ;
        border-bottom: dashed 1px #dedede;
        padding-bottom: 10px
    }

    .synew h4 {
        font-size: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 20px
    }

    .synew h4::before {
        height: 20px;
        width: 2px;
        background: #3266e6;
        content: "";
        display: block;
        float: left;
        margin-right: 20px
    }

    .synew p {
        font-size: 14px;
        line-height: 22px;
        display: -webkit-box;
        overflow: hidden;
        height: 46px;
        color: #888;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .synewan{display:block; width: 250px;line-height:40px;background:#534cd8;color:#fff!important;text-align:center;margin:15px auto}



    /*上一篇*/
    .syp{max-width:1190px; margin:10px auto 35px;padding: 10px 0;}
    .syp li{font-size:15px; line-height: 35px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:48%;float: left}
    .syp li:last-child{float:right;text-align: right}
    .syp li a{color: #555}

}



@media (max-width: 768px) {
    .topdh{min-height:75px;padding-bottom: 5px;width:100%;z-index: 9999;background:rgb(15,22,44)}
    .topdh .col-xs-12{padding: 0}
    .logo{width:auto; height: 45px;  display: block;position:absolute; top:60px; left: 10px; z-index: 99}

    .xp{padding: 0!important;}
    .navbar-nav{ text-align: center; background: #f6f6f6; width: 100%; margin: 0 auto}
    .navbar-nav li{border-bottom: solid 1px #dedede;}
    .navbar-collapse{padding:0 !important}
    .navbar-header{padding: 5px 0;margin-top: 40px}

    .dropdown-menu li{text-align: center;line-height: 30px}
    .dropdown-menu li:last-child{border-bottom: none}



    /*首页简介*/
    .jjbg{width:100%;background: #fff url(../images/aboutbg.jpg) no-repeat bottom center;padding-bottom:35px;}
    .jjbox{max-width:1200px;margin:20px auto;overflow: hidden;position: relative}
    .jjh2{font-size: 28px;}
    .jjh2:after{width:80px;height: 3px;background: #ffaa00;margin-top: 20px; content: "";display: block}
    .jjbox article{width: 98%;color: #555;font-size:14px;overflow: hidden;padding-top: 10px;
        -webkit-line-clamp:9;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        line-height: 22px;
    }
    .jjmore{display: block;background: #0055ff;margin-top:20px;color: #fff!important;width:150px;border-radius: 35px;line-height: 35px;text-align: center}

    /*网易互客*/
    .hkbg{width: 100%;display: block;background: #f5f8fd; overflow: hidden;padding: 20px 0;margin-top: 20px}
    .hkh2{font-size: 28px; text-align: center;margin: 10px auto 4px}
    .hkh3{font-size: 14px;color: #555; text-align: center;}
    .hkfl{max-width: 1200px;margin:0 auto 0;display: flex;align-items: center; justify-content: center;}
    .hkfl li{text-align: center;display: block;padding: 0 5px;margin:5px auto 0;font-size:15px;line-height: 30px;font-weight: bold}
    .hkfl li a{display: block;padding-bottom: 20px;color: #333}
    .hkfl li .t{ display: block;background: url(../images/qht1-1.png) no-repeat top center;width:60px;height: 60px;margin:5px auto 0;background-size:100%;}
    .hkfl li .t1{ display: block;background: url(../images/qht2-1.png) no-repeat top center;width:60px;height: 60px;margin:5px auto 0;background-size:100%;}
    .hkfl li .t2{ display: block;background: url(../images/qht3-1.png) no-repeat top center;width:60px;height: 60px;margin:5px auto 0;background-size:100%;}
    .hkfl li .t3{ display: block;background: url(../images/qht4-1.png) no-repeat top center;width:60px;height: 60px;margin:5px auto 0;background-size:100%;}

    .hkfl li.active .t{ display: block;background: url(../images/qht1.png) no-repeat top center;width:60px;height: 60px;background-size:100%;}
    .hkfl li.active .t1{ display: block;background: url(../images/qht2.png) no-repeat top center;width:60px;height: 60px;background-size:100%;}
    .hkfl li.active .t2{display: block;background: url(../images/qht3.png) no-repeat top center;width:60px;height: 60px;background-size:100%;}
    .hkfl li.active .t3{display: block;background: url(../images/qht4.png) no-repeat top center;width:60px;height: 60px;background-size:100%;}
    .hkfl li.active a{color: #534cd8!important;}
    .hkfl li:hover{color: #534cd8!important;}
    .hkfl li.active:after{width:60px;height:7px;background: #534cd8;margin: -5px auto 0; content: "";display: block;border-radius: 20px;
        animation:myfirst .1s;
        -moz-animation:myfirst .1s; /* Firefox */
        -webkit-animation:myfirst .1s; /* Safari and Chrome */
        -o-animation:myfirst .1s; /* Opera */
    }

    .hkx{width: 100%;display: block;background: #b2ccff;height: 1px;margin-top: -4px;}
    @keyframes myfirst {
        0%   {margin-left: -100px;opacity: 0}
        100% {margin-left: 0px;opacity: 1}

    }
    @keyframes myfirst1 {
        0%   {opacity: 0;}
        100% {opacity: 1;}

    }

    .hknr{max-width: 1200px;margin:20px auto;padding:0 15px;animation: myfirst1 .2s;overflow: hidden;}
    .hknr .left{width:97%;display: block;margin:0 auto}
    .hknr .left h2{font-size: 18px;line-height: 28px;margin-top: 25px;font-weight: bold}
    .hknr .left li{display: flex;align-items: center;margin: 15px auto 0}
    .hknr .left li img{margin-right: 10px}
    .hknr .left h3{font-size: 16px;line-height: 28px;color: #333;margin: 0;font-weight: bold}
    .hknr .left p{font-size: 14px;color: #333;line-height:24px;margin: 0}

    .hknr .right{width:90%;display: block;margin:0 auto}
    .hknr .right img{border-radius: 8px;max-width: 100%;height: auto}
    .hknran{width:95%;margin-top: 28px; display: flex}
    .hkan1{width:150px;text-align: center;background:#534cd8;line-height: 35px;border-radius: 35px;display: block;color: #fff!important;}
    .hkan2{width:150px;text-align: center;border-radius: 35px;border:solid 1px #534cd8;margin-left: 15px;color: #534cd8!important;display: block;line-height: 35px;}
    .tc .modal-dialog{margin-top: 24%}
    .tc .close{font-size: 30px!important;float: right;margin-right:20px;margin-top: 12px}
    .tc .title{font-size: 22px;float: left;line-height: 35px;padding-left: 20px}
    .tc .modal-header{padding:5px 20px}

    .tcbd{max-width:95%;margin:20px auto;padding-bottom:5px}
    .tcbd article{font-size: 14px;width: 99%;margin:10px auto;line-height: 25px}
    .tcbd li{overflow: hidden;width: 98%;margin: 10px auto 0;border-bottom: solid 1px #dedede;}
    .tcbd label{width: 20%;float: left;font-size: 15px;line-height: 35px;text-align: right;padding-right: 10px;font-weight: normal}
    .tcbd input {border: none;height: 35px;line-height:35px;width: 70%;float: left;padding-left: 15px;font-size: 15px}
    .tcan{display: block;width:90%;margin: 30px auto 10px;text-align:center;background: #0055ff;color: #fff;font-size: 15px;
        border: none;outline: none;line-height: 40px;border-radius: 30px}
    /*企业微信私域*/
    .qysybox1{max-width: 1200px;margin:20px auto;}
    .qysybox ul{overflow: hidden;margin-top: 25px}
    .qysybox li{width:48%;float: left; margin-left: 1%;border: solid 1px #f2f2f2;
        border-radius: 5px;}
    .qysybox li h2{font-weight:bold;font-size:20px;color: #534cd8; margin-top:10px; text-align: center }
    .qysybox li p{font-size: 14px;width:90%;margin:15px auto 20px}
    /*客户*/
    .khal{max-width: 1280px;margin:40px auto;padding: 0}
    .khal .k{box-shadow: 3px 3px 5px 3px #eee;border-radius: 10px;padding: 10px 5px;width: 100%;margin:0 auto}
    .khal .bt{display: flex;justify-content: center;align-items: center;}
    .khal .bt img{width:50px;height: 50px;border-radius: 50px;border:solid 1px #dedede}
    .khal .btr{float:left;width:70%;font-size:18px;font-weight:bold;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;margin: 10px auto 0}

    .khal .k article{width:90%;color: #555;font-size:14px;overflow: hidden;margin: 18px auto 10px;
        -webkit-line-clamp:3;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        line-height: 21px;
        word-break:normal;    /*正常避头尾*/
        text-align:justify;    /*文字左右对齐*/}
    .swiper-wrapper{margin:20px auto 50px!important; }
    .swiper-container{padding: 0 40px!important;}



    /*合作伙伴*/
    .partner{max-width: 1200px;margin:40px auto;padding: 0 5px}
    .partner ul{overflow: hidden;margin: 10px auto 0}
    .partner li{width:30%;float:left;margin-left:2%;margin-top: 20px}
    .partne li:nth-child(3n){margin-left: 0}
    .partner li img{height: 45px;width:100%;border:solid 1px #eee;object-fit: cover}


    /*网易云商页面*/
    .ysbox{max-width: 1200px;margin:20px auto;overflow: hidden}
    .ysbox ul{margin-top:10px;}
    .ysbox li{margin-top: 5px;transition: all .3s;cursor:pointer}
    .ysbox .k{margin:10px auto;box-shadow: 3px 3px 5px 3px #eee;padding:10px 5px;background: url(../images/ysdot.png) no-repeat top right;}
    .ysbox .kl{width:100%;}
    .ysbox .kl img{display: block;margin:0 auto 10px;width:40px;height: 40px}
    .ysbox .kr{width:100%;font-size: 15px; text-align: center}
    .ysbox li:hover{transform: translateY(-10px)}
    .ysjjbox{width:100%;background: #f5f8fd;padding: 20px 0}
    .ysjjbox1{max-width: 1200px;margin:0 auto;padding: 0 15px}
    .ysjjbox1 .imgk{max-width: 100%;margin:45px auto 0}
    .ysjjbox2{max-width: 1200px;margin:10px auto;padding: 0 15px}

    /*选择互客*/
    .hkbg1{width: 100%;display: block;background: #f5f8fd; overflow: hidden;padding: 15px 0;margin-top: 20px}
    .xzhkbox{max-width: 1200px; margin:5px auto;overflow: hidden}
    .xzhkbox ul{margin:20px auto ;overflow: hidden}
    .xzhkbox li{margin-top: 10px}
    .xzhkbox .k{border:solid 1px #bbbcfb;border-radius: 5px;padding: 15px 0;background: #fff;}
    .xzhkbox .k img{display: block;margin:0 auto;max-width: 55px;height: auto}
    .xzhkbox .k h2{font-size: 20px;color: #333;text-align: center}
    .xzhkbox .k article{font-size: 14px;line-height: 22px;text-align: center;width:95%;margin:5px auto;color: #555 }

    /*互客合作*/
    .hkhzbg{width: 100%;margin: 0 auto;overflow: hidden;background:#f5f8fd url(../images/hzbgt.jpg) no-repeat top center;}

 .synew {
        margin: 20px auto 50px;
        overflow: hidden
    }

    .synew li {
        margin-top: 25px ;
        border-bottom: dashed 1px #dedede;
        padding-bottom: 10px
    }

    .synew h4 {
        font-size: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 20px
    }

    .synew h4::before {
        height: 20px;
        width: 2px;
        background: #3266e6;
        content: "";
        display: block;
        float: left;
        margin-right: 20px
    }

    .synew p {
        font-size: 14px;
        line-height: 22px;
        display: -webkit-box;
        overflow: hidden;
        height: 46px;
        color: #888;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

}


.swiper-pagination-bullet{width:15px!important;height: 15px!important;}
.swiper-pagination-bullet-active{background:#534cd8!important; }
.swiper-button-next{background: url(../images/rightdot.png) no-repeat right center!important;right:0!important;}
.swiper-button-prev{background: url(../images/leftdot.png) no-repeat left center!important;left: 0!important;}
.swiper-button-next, .swiper-button-prev{width:30px!important;}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;top:285px;width:80px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;margin-bottom:0px;cursor:pointer;outline:none;}
.bg1{background:url(../images/zxdot1.png) no-repeat top left;width:80px;height:84px;}
.bg2{background:url(../images/zxdot2.png) no-repeat top left;width:80px;height:85px;}
.bg0{background:url(../images/zxdot0.png) no-repeat top left;width:80px;height:89px;}
.suspension .a .i{float:left;width:60px;height:60px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-top{background:url(../images/zxdot3.png) no-repeat left top;width: 80px;height: 57px}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:180px;background:#fff;position:absolute;right:67px; min-height:40px;}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}

.suspension .d-service-phone{top:87px;right:81px;width:250px;background: url(../images/zxlbg1.png) no-repeat left center;}
.suspension .d-service-item .text{float:left;line-height:80px;font-size:16px;margin-left:22px; font-weight:bold; color:#534cd8;}

.suspension .d-qrcode{text-align:center; top:171px;background:url(../images/zxlbg2.png) no-repeat left center;right: 80px;width:203px;height:197px}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.qrcode-img{margin-top: 15px}

/*顶部*/
.cd-top {
    height: 57px;
    width: 80px;
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
background:url(../images/zxdot3.png) no-repeat top left;width: 80px;height: 57px;}

.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    opacity: 1;
}
.no-touch .cd-top:hover {
    background-color:#06C;
    opacity: 1;
}