@charset "utf-8";

.service-wall{
    position: fixed;
    top:28%;
    right:10px;
    height: 500px;
    vertical-align: top;
    z-index: 99;
}

.service-left{
    display: inline-block;
    width: 52px;
    height: 46px;
    background: url("/images/ke-fu.png")no-repeat center;
    background-size: 100% 100%;
    cursor: pointer;
}



.service-he{
    width: 52px;
    height: 150px;
    background: url("/images/ke-shou.png")no-repeat center;
    background-size: 100% 100%;
    cursor: pointer;
}

.server-right{
    float: right;
    width: 150px;
}

.server-title{
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    background-color: #00a3ff;
    font-size: 20px;
}

.server-title2{
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    background-color: #ff691f;
    font-size: 20px;
}

.line-container{
    padding: 18px 15px;
    background-color: #fff;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    box-sizing: border-box;
}

.line-row{
    margin-bottom: 12px;
}

.line-row a i{
    display: inline-block;
    width: 16px;
    height: 18px;
    background: url(/images/pao.gif)no-repeat center;
    background-size: 100% 100%;
    vertical-align: bottom;
}

.line-lei{
    font-size: 15px;
    color: #333333;
    margin: 0 1px 0 1px;
}

.line-on{
    font-size: 15px;
    color: #00a3ff;
}

.line-on2{
    font-size: 15px;
    color: #ff691f;
}

.ke-number{
    padding: 13px 0;
    background-color: #eeeeee;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    box-sizing: border-box;
}

.ke-number p:first-child{
    font-size: 15px;
    color: #333;
    text-align: center;
    margin-bottom: 2px
}

.ke-number p:last-child{
    font-size: 18px;
    color: #333;
    text-align: center;
}

.wei-container{
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 13px;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    box-sizing: border-box;
}

.guan-wei{
    width: 124px;
    margin:0 auto 11px;
}

.guan-wei img{
    width:100%;
    height:100%;
}

.wei-text{
    color: #333;
    text-align: center;
    font-size:12px;
}

/*小能弹框*/

.ne-wall{
    position: fixed;
    top:50%;
    left:50%;
    margin-left: -205px;
    margin-top: -105px;
    width: 410px;
    height: 211px !important;
    z-index: 999;
}

.neng-tan{
    position: absolute;
    top:50%;
    left:50%;
    margin-left: -205px;
    margin-top: -105px;
    width: 410px;
    height: 211px;
    background: url("/images/tan-n.png")no-repeat center;
    background-size: 100% 100%;

}



.left-ne {
    display: inline-block;
    padding: 142px 0 0 35px;
}
.left-ne p:first-child{
    font-size: 13px;
    color: #fff;
    text-align: center;
    margin-bottom: 3px;
}

.left-ne p:last-child{
    font-size: 17px;
    color: #fff;
    text-align: center;
}

.ne-d{
    display: inline-block;
    margin-left: 19px;
}

.ne-d p{
    font-size: 15px;
    color: #757575;
    text-align: center;
    margin-top: 2px;
}

.ne-link{
    margin-top: 13px;
    vertical-align: top;
}

.ne-link a{
    display: inline-block;
}

.later-link{
    width: 100px;
    height: 33px;
    line-height: 29px;
    border-radius: 20px;
    color: #2e73ff;
    font-size: 17px;
    border: 2px solid #2e73ff;
    text-align: center;
    box-sizing: border-box;
    margin-right: 8px;
}

.now-link{
    width: 100px;
    height: 33px;
    line-height: 33px;
    border-radius: 20px;
    color: #fff;
    font-size: 17px;
    background-color: #2e73ff;
    text-align: center;
    vertical-align: top;
}


.close-ne {
    position: absolute;
    right: 15px;
    top: 14px;
    width: 20px;
    height: 20px;
    background: url(/images/close-ne.png)no-repeat center;
    background-size: 100% 100%;
    cursor: pointer;
}

.sex-box {
    height: auto !important
}

/*左下角悬浮框*/

.box {
    position: fixed;
    bottom: 30%;
    height: auto !important;
    left: 0;
}

.left_po {
    width: 163px;
    position: relative;
    -webkit-animation: filp 12s linear infinite;
    animation: filp 12s linear infinite;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: -webkit-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out,-webkit-transform 1s ease-in-out;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    text-align: center;
}

@-webkit-keyframes filp {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    10% {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg)
    }

    50% {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg)
    }

    60% {
        -webkit-transform: rotateY(-1turn);
        transform: rotateY(-1turn)
    }

    to {
        -webkit-transform: rotateY(-1turn);
        transform: rotateY(-1turn)
    }
}

@keyframes filp {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    10% {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg)
    }

    50% {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg)
    }

    60% {
        -webkit-transform: rotateY(-1turn);
        transform: rotateY(-1turn)
    }

    to {
        -webkit-transform: rotateY(-1turn);
        transform: rotateY(-1turn)
    }
}

.utils_con {
    width: 163px;
    padding: 20px 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /*transition: all 1s;*/
}

    .utils_con img {
        display: block;
        width: 163px;
        margin: auto;
    }

    .utils_con p {
        font-size: 16px;
        color: #333333;
        text-align: center;
    }

.dou_con {
    z-index: 2;
}

.left_po .wei_con {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.she_qu1 {
    position: fixed;
    left: 0;
    bottom: 20%;
    display: block;
    width: 152px;
    height: 267px;
}

.she_qu2 {
    position: fixed;
    left: 0;
    bottom: 20%;
    display: block;
    width: 150px;
    height: 218px;
}