body {
    margin: 0;
}

.wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
}
a{
    -webkit-tap-highlight-color:rgba(255,0,0,0);
}

/*常见样式总结*/

.padding10 {
    padding: 10px;
}

.padding0-10 {
    padding: 0 10px;
}

.padding20 {
    padding: 20px;
}

.padding20-10 {
    padding: 20px 10px 10px 10px;
}

.margin10 {
    margin: 10px;
}

.margin20 {
    margin: 20px;
}

.mar-pad {
    margin-left: 15px;
    padding-bottom: 10px;
}

.padding-6 {
    padding: 6px 0;
}

.lfloat {
    float: left;
}

.rfloat {
    float: right;
}

.cpointer {
    cursor: pointer;
}

.no-pointer {
    cursor: auto;
}

.cursor-default {
    cursor: default;
}

.cursor-text {
    cursor: text;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.cboth {
    clear: both;
}

.cleft {
    clear: left;
}

.cright {
    clear: right;
}

.clearfix:after,
.clearfix:before {
    display: table;
    content: ' ';
}

.talign-center {
    text-align: center;
}

.talign-left {
    text-align: left;
}

.talign-right {
    text-align: right;
}

.valign-middle {
    vertical-align: middle;
}

.valign-bottom {
    vertical-align: bottom;
}

.border-radius-none {
    border-radius: 0;
}

.border-radius0 {
    border-radius: 3px;
}

.border-none {
    border: none !important;
}

.tborder-none {
    border-top: none;
}

.rborder-none {
    border-right: none;
}

.bborder-none {
    border-bottom: none;
}

.tborder {
    border-top: 1px solid #e6f1fc;
}

.rborder {
    border-right: 1px solid #e6f1fc;
}

.bborder {
    border-bottom: 1px solid #e6f1fc;
}

.lborder {
    border-left: 1px solid #e6f1fc;
}

.border {
    border: 1px solid #e6f1fc;
}

.no-wrap {
    white-space: nowrap;
}

.wrap {
    white-space: normal;
}

.dflex {
    display: -webkit-flex;
    display: flex;
}

.dblock {
    display: block;
}

.dinline-block {
    display: inline-block;
}

.dinline-table {
    display: inline-table;
}

.dinline-flex {
    display: inline-flex;
}

.dinline {
    display: inline;
}

.dhidden {
    position: fixed;
    visibility: hidden;
    pointer-events: none;
}

.prelative {
    position: relative;
}

.pstatic {
    position: static;
}

.pabsolute {
    position: absolute;
}

.invisible {
    visibility: hidden;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.overflow-visible {
    overflow: visible;
}

.warpper {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.page-bg {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: url(../img/index_bg.png) center center no-repeat;
    background-size:cover;  
}

.role-select-box {
    height: 360px;
    margin: 25px 25px 25px 25px;
    border-radius: 6px;
    background: url(../img/repeat_bg.png) left center repeat;
}

.page-title h1 {
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 20px 0;
    text-align: center;
    color: #000;
}

.page-role {
    margin: 0 15px;
    text-align: center;
}

.page-role.pad-bottom {
    padding-bottom: 25px;
}

.page-footer {
    /* position: absolute;
    bottom: 40px;
    left: 25%;*/
    text-align: center;
}

.page-footer p {
    margin: 0;
    text-align: center;
    color: #fff;
}

.page-footer p:nth-child(1) {
    margin-bottom: 20px;
}

.page-footer p.slogan {
    font-size: 26px;
}

.page-footer p.name {
    font-size: 22px;
}


/*销售总监*/

.second-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    width: 297px;
    height: 448px;
    margin-top: -224px;
    margin-left: -146px;
    text-align: center;
    background: url(../img/26.png) no-repeat;
    background-position: center;
    background-size: cover;
}

.depart-section {
    position: relative;
    display: none;
    width: 224px;
    height: 372px;
    margin-top: 74px;
    margin-left: 37px;
}

.supervisor-section26-tip {
    top: 605px;
    left: 211px;
}

.supervisor-section1 {
    background: url(../img/supervisor/1.png) center center no-repeat;
    background-size: cover;
    background-size: cover;
}

.tip {
    font-size: 26px;
    line-height: 40px;
    position: absolute;
    display: block;
    padding: 10px;
    -webkit-transition: opacity 2s;
    opacity: .0;
    color: #fff;
    /*width: 225px;*/
    border-radius: 5px;
    background-color: #66d243;
}

.hotspot {
    position: absolute;
    width: 62px;
    height: 62px;
    -webkit-transform: scale(.7, .7);
    opacity: 0;
    background: url(../img/hotspot.png);
}

.hotspot-animation {
    -webkit-animation: page17aa1 1.5s infinite;
    opacity: 1;
}

.supervisor-section1-hotspot {
    top: 222px;
    left: 28px;
}

.supervisor-hotspot {
    width: 100%;
    height: 40px;
    -webkit-transition: opacity 2s;
    opacity: .0;
}

@-webkit-keyframes page17aa1 {
    0% {
        -webkit-transform: scale(.7, .7);
    }
    60% {
        -webkit-transform: scale(1, 1);
    }
    100% {
        -webkit-transform: scale(.7, .7);
    }
}

.pointer {
    position: absolute;
    width: 84px;
    height: 83px;
    margin: 20px 20px 0 20px;
    -webkit-animation: pointer-animation 1.5s infinite;
    background: url(../img/pointer.png) center center no-repeat;
    background-size: cover;
}

.pointer-animation {
    right: 200px;
    bottom: 280px;
}


/*@-webkit-keyframes pointer-animation {
    0% {
        bottom: 280px;
    }
    40% {
        bottom: 290px;
    }
    80% {
        bottom: 280px;
    }
    100% {
        bottom: 280px;
    }
}*/

.supervisor-section1-tip {
    top: 78px;
    left: 28px;
}


/*2*/

.supervisor-section2 {
    background: url(../img/supervisor/2.png) center center no-repeat;
    background-size: cover;
}

.supervisor-section2-tip {
    top: 32px;
    left: 72px;
}

.supervisor-section2-hotspot {
    top: 90px;
    left: 53px;
}


/*3*/

.supervisor-section3 {
    background: url(../img/supervisor/3.png) center center no-repeat;
    background-size: cover;
}

.supervisor-section3-hotspot {
    top: 95px;
    left: 48px;
}


/*4*/

.supervisor-section4 {
    background: url(../img/supervisor/4.png) center center no-repeat;
    background-size: cover;
}

.supervisor-section4-tip {
    top: 59px;
    left: 0;
}

.supervisor-section4-hotspot {
    top: 128px;
    left: 40px;
}


/*5*/

.supervisor-section5 {
    background: url(../img/supervisor/5.png) center center no-repeat;
    background-size: cover;
}

.supervisor-section5-hotspot {
    top: 132px;
    left: 40px;
}

.supervisor-section5-tip {
    top: 103px;
    left: 55px;
}


/*6*/

.supervisor-section6 {
    background: url(../img/supervisor/6.png) center center no-repeat;
    background-size: cover;
}

.supervisor-section6-hotspot {
    top: 501px;
    left: 279px;
}

.supervisor-section6-tip {
    top: 121px;
    left: 137px;
}


/*7*/

.supervisor-section7 {
    background: url(../img/supervisor/7.png) center center no-repeat;
    background-size: cover;
}

.supervisor-section7-hotspot {
    top: 39px;
    left: 33px;
}

.supervisor-section7-tip {
    top: 7px;
    left: 21px;
}


/*8*/

.supervisor-section8 {
    background: url(../img/supervisor/8.png) center center no-repeat;
    background-size: cover;
}

.supervisor-section8-hotspot {
    top: 612px;
    left: 298px;
}

.supervisor-section8-tip {
    top: 380px;
    left: 300px;
}


/*9*/

.supervisor-section9 {
    background: url(../img/supervisor/9.png) center center no-repeat;
    background-size: cover;
}

.supervisor-section9-hotspot {
    top: 248px;
    left: 38px;
}

.supervisor-section9-tip {
    top: 81px;
    left: 21px;
}


/*10*/

.supervisor-section10 {
    background: url(../img/supervisor/10.png) center center no-repeat;
    background-size: cover;
}

.supervisor-section10-hotspot {
    top: 223px;
    left: 52px;
}

.supervisor-section10-tip {
    top: 175px;
    left: 24px;
}


/*11*/

.supervisor-section11 {
    background: url(../img/supervisor/11.png) center center no-repeat;
    background-size: cover;
}

.supervisor-section11-hotspot {
    top:111px;
    left: 50px;
}

.supervisor-section11-tip {
    top: 29px;
    left: 41px;
}


/*12*/

.supervisor-section12 {
    background: url(../img/supervisor/12.png) center center no-repeat;
    background-size: cover;
}

.supervisor-section12-hotspot {
    top: 108px;
    left: 38px;
}

.supervisor-section12-tip {
    top: 61px;
    left: 68px;
}


/*13*/

.supervisor-section13 {
    background: url(../img/supervisor/13.png) center center no-repeat;
    background-size: cover;
}

.supervisor-section13-hotspot {
       top: 64px;
    left: 9px;
}

.supervisor-section13-tip {
        top: 34px;
    left: 14px;
}


/*14*/

.supervisor-section14 {
    background: url(../img/supervisor/14.png) center center no-repeat;
    background-size: cover;
}

.supervisor-section14-hotspot {
    top: 159px;
    left: 38px;
}

.supervisor-section14-tip {
    top: 128px;
    left: 100px;
}


/*15*/

.supervisor-section15 {
    background: url(../img/supervisor/15.png) center center no-repeat;
    background-size: cover;
}

.supervisor-section15-hotspot {
    top: 120px;
    left: 65px;
}

.supervisor-section15-tip {
    top: 92px;
    left: 133px;
}


/*16*/

.supervisor-section16 {
    background: url(../img/supervisor/16.png) center center no-repeat;
    background-size: cover;
}

.supervisor-section16-hotspot {
   top: 147px;
    left: 20px;
}

.supervisor-section16-tip {
       top: 72px;
    left: 46px;
}


/*17*/

.supervisor-section17 {
    background: url(../img/supervisor/17.png) center center no-repeat;
    background-size: cover;
}

.supervisor-section17-hotspot {
    top: 137px;
    left: 38px;
}

.supervisor-section17-tip {
    top: 388px;
    left: 220px;
}


/*18*/

.supervisor-section18 {
    background: url(../img/supervisor/19.png) center center no-repeat;
    background-size: cover;
}

.supervisor-section18-hotspot {
    top: 139px;
    left: 38px;
}

.supervisor-section18-tip {
    top: 388px;
    left: 220px;
}


/*19*/

.supervisor-section19 {
    background: url(../img/supervisor/18.png) center center no-repeat;
    background-size: cover;
}

.supervisor-section19-hotspot {
        top: 316px;
    left: -90px;
}

.supervisor-section19-tip {
    top: 122px;
    left: 34px;
}


/*20*/

.supervisor-section20 {
    background: url(../img/supervisor/21.png) center center no-repeat;
    background-size: cover;
}

.supervisor-section20-hotspot {
    top: 127px;
    left: 50px;
}

.supervisor-section20-tip {
    top: 81px;
    left: 49px;
}


/*21*/

.supervisor-section21 {
    background: url(../img/supervisor/22.png) center center no-repeat;
    background-size: cover;
}

.supervisor-section21-hotspot {
    top: 137px;
    left: 22px;
}

.supervisor-section21-tip {
    top: 91px;
    left: 49px;
}


/*22*/

.supervisor-section22 {
    background: url(../img/supervisor/23.png) center center no-repeat;
    background-size: cover;
}

.supervisor-section22-hotspot {
    top: 318px;
    left: 29px;
}

.supervisor-section22-tip {
    top: 396px;
    left: 211px;
}


/*23*/

.supervisor-section23 {
    background: url(../img/supervisor/24.png) center center no-repeat;
    background-size: cover;
}

.supervisor-section23-hotspot {
    top: 322px;
    left: 57px;
    -webkit-transition: opacity 1s;
    -webkit-transition-delay:2s;
}


/*24*/

.supervisor-section24 {
    background: url(../img/supervisor/25.png) center center no-repeat;
    background-size: cover;
}

.supervisor-section24-hotspot {
    top: 316px;
    left: 47px;
}

.supervisor-section24-tip {
    top: 251px;
    left: -3px;
}

.page17a1 {
    -webkit-animation: page17aa1 1s infinite;
    opacity: 1;
}

@-webkit-keyframes page17aa1 {
    0% {
        -webkit-transform: scale(.5, .5);
    }
    60% {
        -webkit-transform: scale(1, 1);
    }
    100% {
        -webkit-transform: scale(.5, .5);
    }
}

.supervisorsign {
    position: absolute;
    top: 0;
    left: 52px;
    width: 119px;
    height: 138px;
    /*-webkit-transition: opacity .5s .5s, top .5s .5s;*/
    -webkit-transition: top .5s, left .4s, -webkit-transform .5s;
    opacity: .0;
    background: url(../img/sign.png) center center no-repeat;
    background-size: cover;
}

.supervisorinfo {
    font-size: 13px;
    position: absolute;
    top: 40px;
    left: 29px;
    -webkit-transition: top 1s, left 1s, -webkit-transform 1s;
    color: #fff;
    width: 168px;
}

.supervisorbtn {
    position: absolute;
    bottom: 20px;
    left: 40px;
    width: 145px;
    height: 37px;
    -webkit-transition: opacity 1s 1s, bottom 1s 1s;
    opacity: 0;
    background: url(../img/com_btn.png) center center no-repeat;
    background-size: cover;
}


/*员工*/

.employee-section1 {
    background: url(../img/employee/1.png) center center no-repeat;
    background-size: cover;
}

.tip {
    font-size: 15px;
    line-height: 20px;
    position: absolute;
    display: block;
    padding: 5px 5px;
    text-align: left;
     -webkit-transform: scale(0.7, 0.7);
    opacity: 1;
    color: #fff;
    /*width: 225px;*/
    border-radius: 5px;
    background-color: #66d243;
    -webkit-animation: tipanimation 0.5s ease;
}

@-webkit-keyframes tipanimation {
    0% {
        -webkit-transform: scale(0, 0);
    }
    25% {
        -webkit-transform: scale(0.22, 0.261);;
    }
    50% {
        -webkit-transform: -o-transform: scale(0.236, 0.269);
    }
    75% {
        -webkit-transform: scale(0.7, 0.7);
    }
    100% {
        -webkit-transform: scale(0.7, 0.7);
    }
}
.hotspot {
    position: absolute;
    width: 31px;
    height: 31px;
    -webkit-transform: scale(.7, .7);
    opacity: 0;
    background: url(../img/hotspot.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-size: cover;
}

.hotspot-animation {
    -webkit-animation: page17aa1 1.5s infinite;
    opacity: 1;
}

.employee-section1-hotspot {
    top: 220px;
    left: 27px;
}

.employee-hotspot {
    width: 100%;
    height: 80px;
    -webkit-transition: opacity 1s;
    opacity: .0;
}

@-webkit-keyframes page17aa1 {
    0% {
        -webkit-transform: scale(.7, .7);
    }
    60% {
        -webkit-transform: scale(1, 1);
    }
    100% {
        -webkit-transform: scale(.7, .7);
    }
}

.pointer {
    position: absolute;
    margin: 10px 10px 0 10px;
      width: 42px;
        height: 45px;
     background: url(../img/pointer1.png) center center no-repeat;
    /*-webkit-animation: pointeranimation 1.8s infinite;*/
    background-size: cover;
}

.pointer-animation {
    right: 100px;
    bottom: 140px;
}

/*@-webkit-keyframes pointeranimation {
    0%{
        width: 42px;
        height: 45px;
        background: url(../img/pointer1.png) center center no-repeat;
        background-size: cover;
    }
    100%{
        width: 42px;
        height: 42px;
        background: url(../img/pointer2.png) center center no-repeat;
        background-size: cover;
    }
}*/


/*@-webkit-keyframes pointer-animation {
    0% {
        bottom: 280px;
    }
    40% {
        bottom: 290px;
    }
    80% {
        bottom: 280px;
    }
    100% {
        bottom: 280px;
    }
}*/

.employee-section1-tip {
    top: 164px;
    left: 41px;
}


/*2*/

.employee-section2 {
    background: url(../img/employee/2.png) center center no-repeat;
    background-size: cover;
}

.employee-section2-tip {
    top: 33px;
    left: 72px;
}

.employee-section2-hotspot {
    top: 90px;
    left: 53px;
}


/*3*/

.employee-section3 {
    background: url(../img/employee/3.png) center center no-repeat;
    background-size: cover;
}

.employee-section3-hotspot {
    top: 94px;
    left: 48px;
}


/*4*/

.employee-section4 {
    background: url(../img/employee/4.png) center center no-repeat;
    background-size: cover;
}

.employee-section4-tip {
    top: 39px;
    left: 34px;
}

.employee-section4-hotspot {
    top: 206px;
    left: 47px;
}


/*5*/

.employee-section5 {
    background: url(../img/employee/5.png) center center no-repeat;
    background-size: cover;
}

.employee-section5-hotspot {
    top: 64px;
    left: -2px;
}


/*6*/

.employee-section6 {
    background: url(../img/employee/6.png) center center no-repeat;
    background-size: cover;
}

.employee-section6-hotspot {
    top: 60px;
    left: 49px;
}

.employee-section6-tip {
    top: -4px;
    left: 9px;
}


/*7*/

.employee-section7 {
    background: url(../img/employee/7.png) center center no-repeat;
    background-size: cover;
}

.employee-section7-hotspot {
    top: 98px;
    left: 33px;
}

.employee-section7-tip {
    top: 68px;
    left: 50px;
}


/*8*/

.employee-section8 {
    background: url(../img/employee/8.png) center center no-repeat;
    background-size: cover;
}

.employee-section8-hotspot {
    top: 98px;
    left: 33px;
}

.employee-section8-tip {
    top: 68px;
    left: 50px;
}


/*9*/

.employee-section9 {
    background: url(../img/employee/9.png) center center no-repeat;
    background-size: cover;
}

.employee-section9-hotspot {
    top: 313px;
    left: 38px;
}

.employee-section9-tip {
       top: 256px;
    left: 48px;
}


/*10*/

.employee-section10 {
    background: url(../img/employee/10.png) center center no-repeat;
    background-size: cover;
}

.employee-section10-hotspot {
    top: 71px;
    left: 38px;
}

.employee-section10-tip {
    top: 860px;
    left: 300px;
}


/*11*/

.employee-section11 {
    background: url(../img/employee/11.png) center center no-repeat;
    background-size: cover;
}

.employee-section11-hotspot {
    top: 723px;
    left: 338px;
}

.employee-section11-tip {
    top: 760px;
    left: 140px;
}


/*12*/

.employee-section12 {
    background: url(../img/employee/12.png) center center no-repeat;
    background-size: cover;
}

.employee-section12-hotspot {
    top: 303px;
    left: 38px;
}

.employee-section12-tip {
    top: 245px;
    left: 0px;
}


/*13*/

.employee-section13 {
    background: url(../img/employee/13.png) center center no-repeat;
    background-size: cover;
}

.employee-section13-hotspot {
    top: 275px;
    left: -17px;
}

.employee-section13-tip {
    top: 860px;
    left: 300px;
}


/*14*/

.employee-section14 {
    background: url(../img/employee/14.png) center center no-repeat;
    background-size: cover;
}

.employee-section14-hotspot {
    top: 176px;
    left: 5px;
}

.employee-section14-tip {
       top: 27px;
    left: -11px;
}


/*15*/

.employee-section15 {
    background: url(../img/employee/15.png) center center no-repeat;
    background-size: cover;
}

.employee-section15-hotspot {
    top: 222px;
    left: 26px;
}

.employee-section15-tip {
    top: 318px;
    left: 120px;
}


/*16*/

.employee-section16 {
    background: url(../img/employee/17.png) center center no-repeat;
    background-size: cover;
}

.employee-section16-hotspot {
    top: 44px;
    left: 38px;
}

.employee-section16-tip {
      top: 1px;
    left: -26px;
}


/*17*/

.employee-section17 {
    background: url(../img/employee/18.png) center center no-repeat;
    background-size: cover;
}

.employee-section17-hotspot {
    top: 98px;
    left: 33px;
}

.employee-section17-tip {
   top: 68px;
   left: 50px;
}


/*18*/

.employee-section18 {
    background: url(../img/employee/19.png) center center no-repeat;
    background-size: cover;
}

.employee-section18-hotspot {
    top: 98px;
    left: 33px;
}

.employee-section18-tip {
     top: 68px;
   left: 50px;
}


/*19*/

.employee-section19 {
    background: url(../img/employee/20.png) center center no-repeat;
    background-size: cover;
}

.employee-section19-hotspot {
     top: 98px;
    left: 33px;
}

.employee-section19-tip {
    top: 68px;
   left: 32px;
}


/*20*/

.employee-section20 {
    background: url(../img/employee/21.png) center center no-repeat;
    background-size: cover;
}

.employee-section20-hotspot {
    top: 147px;
    left: 41px;
}

.employee-section20-tip {
    top: 70px;
    left: 43px;
}


/*21*/

.employee-section21 {
    background: url(../img/employee/22.png) center center no-repeat;
    background-size: cover;
}

.employee-section21-hotspot {
    top: 5px;
    left: 89px
}


/*22*/

.employee-section22 {
    background: url(../img/employee/23.png) center center no-repeat;
    background-size: cover;
}

.employee-section22-hotspot {
    top: 183px;
    left: 55px;
}

.employee-section22-tip {
    top: 149px;
    left: 56px;
}


/*23*/

.employee-section23 {
    background: url(../img/employee/24.png) center center no-repeat;
    background-size: cover;
}

.employee-section23-hotspot {
    top: 118px;
    left: -22px;
}


/*24*/

.employee-section24 {
    background: url(../img/employee/25.png) center center no-repeat;
    background-size: cover;
}

.employee-section24-hotspot {
    top: 5px;
    left: 89px
}


/*25*/

.employee-section25 {
    background: url(../img/employee/26.png) center center no-repeat;
    background-size: cover;
}

.employee-section25-hotspot {
    top: 122px;
    left: 62px;
}

.employee-section25-tip {
      top: 75px;
    left: 62px;
}


/*26*/

.employee-section26 {
    background: url(../img/employee/26.png) center center no-repeat;
    background-size: cover;
}

.employee-section26-hotspot {
    top: 217px;
    left: 48px;
}

.employee-section26-tip {
    top: 168px;
    left: 34px;
}


/*27*/

.employee-section27 {
    background: url(../img/employee/27.png) center center no-repeat;
    background-size: cover;
}

.employee-section27-hotspot {
    top: 130px;
    left: 38px;
}


/*28*/

.employee-section28 {
    background: url(../img/employee/28.png) center center no-repeat;
    background-size: cover;
}

.employee-section28-hotspot {
    top: 322px;
    left: 37px;
}

.employee-section28-tip {
    top: 319px;
    left: 15px;
}
/*32*/

.employee-section32 {
    background: url(../img/employee/29.png) center center no-repeat;
    background-size: cover;
}

.employee-section32-hotspot {
    top: 255px;
    left: -65px;
}

.employee-section32-tip {
    top: 63px;
    left: 44px;
}

/*29*/

.employee-section29 {
    background: url(../img/employee/40.png) center center no-repeat;
    background-size: cover;
}

.employee-section29-hotspot {
       top: 290px;
    left: -39px;
}

.employee-section29-tip {
    top: 63px;
    left: 44px;
}

/*32*/

.employee-section32 {
    background: url(../img/employee/29.png) center center no-repeat;
    background-size: cover;
}

.employee-section32-hotspot {
       top: 275px;
    left: -87px;
}

.employee-section32-tip {
    top: 63px;
    left: 44px;
}

/*30*/

.employee-section30 {
    background: url(../img/employee/30.png) center center no-repeat;
    background-size: cover;
}

.employee-section30-hotspot {
   top: 322px;
    left: 57px;
    -webkit-transition: opacity 1s;
     -webkit-transition-delay:2s;
}


/*31*/

.employee-section31 {
    background: url(../img/employee/31.png) center center no-repeat;
    background-size: cover;
}

.employee-section31-hotspot {
    top: 316px;
    left: 47px;
}

.employee-section31-tip {
    top: 251px;
    left: -3px;
}

.page17a1 {
    -webkit-animation: page17aa1 1s infinite;
    opacity: 1;
}

@-webkit-keyframes page17aa1 {
    0% {
        -webkit-transform: scale(.5, .5);
    }
    60% {
        -webkit-transform: scale(1, 1);
    }
    100% {
        -webkit-transform: scale(.5, .5);
    }
}

.employeesign {
    position: absolute;
    top: 0;
    left: 52px;
    width: 119px;
    height: 138px;
    /*-webkit-transition: opacity .5s .5s, top .5s .5s;*/
    -webkit-transition: top .5s, left .5s, -webkit-transform 1s;
    opacity: .0;
    background: url(../img/sign.png) center center no-repeat;
    background-size: cover;
}

.employeeinfo {
    font-size: 13px;
    position: absolute;
    top: 68px;
    left: 38px;
    -webkit-transition: top 1s, left 1s, -webkit-transform .5s;
    color: #fff;
}

.employeebtn {
    position: absolute;
    bottom: 20px;
    left: 40px;
    width: 145px;
    height: 37px;
    -webkit-transition: opacity 1s 1s, bottom 1s 1s;
    opacity: 0;
    background: url(../img/com_btn.png) center center no-repeat;
    background-size: cover;
}