@media only screen and (max-width: 999px) {
    .d-share1 .con,.fleft,.fright {
        display: none
    }
}

.fleft {
    position: fixed;
    top: 45%;
    right: 0;
    z-index: 999
}

.fleft .img {
    width: 7.2rem;
    height: auto;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.fleft.show .img {
    opacity: 0;
    filter: alpha(opacity=0);
    filter: alpha(Opacity=0);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
}

.fleft .img img {
    display: block;
    width: 100%;
    height: auto
}

.fleft .down {
    position: absolute;
    top: 0;display:none;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.fleft.show .down {
    left: 0;display:block;
}

.fleft ul {
    width: 7.2rem;
    background-image: linear-gradient(to bottom, #2780ff, #065ba0);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding:2rem 0rem 2rem 0;
    margin-left: 0.6rem;

shape-outside:polygon(0 90%,100% 100%,100% 0,0 10%);

-webkit-clip-path:polygon(0 90%,100% 100%,100% 0,0 10%);
}

.fleft .ii {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    overflow: hidden
}


.fleft li a {
    display: block;
    font-size: 0.8rem;
    color: #fff;
    line-height: 2.5rem;
    text-align: center;
    padding: 0 0.7rem;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.fleft li.on a,.fleft li:hover a {
    font-weight: 700
}

.fleft li a:before {
    content: '';
    height: 1px;
    border-top: 1px dashed rgba(255,255,255,.2);
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0
}

.fleft li:last-child a:before {
    display: none
}

.fleft li a i {
    display: block;
    width: 35px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: -12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.fleft li.on a i,.fleft li:hover a i {
    background-image: url(../images/d3.png)
}