* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "微软雅黑";
    color: #333333;
}

html {
    overflow-x: hidden;
}

body {
    background-color: white;
}

table {
    border-collapse: collapse
}

table td {
    empty-cells: show
}

/*banner*/
header {
    /*height: 700px;*/
    position: relative;
}

header div.nei {
    width: 100%;
    padding-top: 35px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

header .nei ul.wrap {
    width: 1140px;
    margin: 0 auto;
}

header li.left {
    float: left;
}

header li.right {
    float: right;
}

header li.right li {
    float: left;
    margin-left: 40px;
}

.banner {
    width: 100%;
    height: 884px;
}

.banner > img {
    width: 100%;
    height: 884px;
}

/*导航栏*/
#nav {
    height: 75px;
    background-color: #050b07;
    border-bottom: 1px solid #5b521f;
    width: 100%;
    position: relative;
    z-index: 999;
    /*display: none;*/
}

#nav div.nei {
    width: 1140px;
    margin: 0 auto;
}

#nav li {
    width: 162px;
    float: left;
    text-align: center;
}

#nav li a {
    line-height: 75px;
    display: inline-block;
    font-size: 18px;
    color: #e1dec8;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}

#nav li a:hover {
    color: #FFFFFF;
}

#nav li.p8_left {
    padding-left: 8px;
}

#nav li.p8_right {
    padding-right: 8px;
}

.djng {
    position: relative;
    bottom: 45px;
}

/*主体*/
main {
    /* width: 1905px; */
    height: auto;
    background-color: white;
}

.titBG {
    width: 100%;
    height: 171px;
    line-height: 171px;
    font-weight: bolder;
    font-size: 30px;
    text-align: center;
    color: #2e2e2e;
    background: url("../img/titBg.png") center no-repeat;
    background-size: 260px 148px;
}

.mediaS {
    width: 1140px;
    height: 628px;
    margin: 0 auto;
}

.mediaS > img {
    width: 1140px;
    height: 628px;
}

.newmeda {
    width: 100%;
    height: 1077px;
    margin: 70px 0 0 0;
    padding: 175px 0 0 0;
    background: url("../img/newMediaBG.jpg") no-repeat;
    background-size: 100% 100%;
    /*background-image: linear-gradient(229deg,*/
    /*#6599ff 16%,*/
    /*#6567e6 44%,*/
    /*#6534cc 100%),*/
    /*linear-gradient(*/
    /*        #bbbbbb,*/
    /*        #bbbbbb);*/
    /*background-blend-mode: normal,*/
    /*normal;*/
}

.titBG1 {
    color: #ffffff;
    position: relative;
}

.titBG1:after {
    content: '';
    display: block;
    width: 86px;
    height: 3px;
    position: absolute;
    left: calc(100% - 50% - 43px);
    bottom: 25px;
    background-color: #feb256;
}

.assiatTit {
    font-size: 22px;
    margin-bottom: 70px;
    line-height: 46px;
    color: #e2e7ff;
    text-align: center;
}

.static {
    width: 1140px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: space-between;
}

.static > div {
    width: 520px;
    display: flex;
    flex-direction: column;
    /*flex-wrap: wrap;*/
    /*justify-content: center;*/
    align-items: center;
    /*height: 245px;*/
}

.static > div > p:nth-of-type(1) {
    font-size: 18px;
    line-height: 38px;
    color: #ffffff;
}

.static > div > p {
    font-size: 16px;
    margin-top: 30px;
    line-height: 30px;
    color: #e2e7ff;
}

#StatLeft, #StatRight {
    width: 515px;
    height: 245px;
}

.titBG2 {
    background-image: url("../img/titBG2.png");
}

.fication {
    font-size: 40px;
    text-align: center;
    color: #9970fd;
}

.stant {
    line-height: 40px;
    text-align: center;
    font-size: 22px;
    color: #3e3e3e;
}

.ciue {
    width: 1140px;
    margin: 50px auto 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.ciue > li {
    width: 180px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ciue > li:not(:nth-of-type(1)) > div {
    margin: 22px 0 39px 0;
}

.ciue > li:nth-of-type(1) > div {
    width: 210px;
    height: 205px;
    line-height: 197px;
    text-align: center;
    background-size: 100% 100%;
    font-size: 40px;
    margin: 9px 0 25px 0;
    letter-spacing: 2px;
    color: #ffffff;
    background: url("../img/amount1.jpg") no-repeat;
}

.ciue > li:nth-of-type(1) > div:after {
    content: '亿';
    font-size: 22px;
    letter-spacing: 1px;
}

.ciue > li:nth-of-type(2) > div {
    width: 166px;
    height: 169px;
    line-height: 169px;
    text-align: center;
    background: url("../img/amount2.jpg") no-repeat;
    background-size: 100% 100%;
    font-size: 40px;
    letter-spacing: 2px;
    color: #6ca4f9;
}

.ciue > li:nth-of-type(3) > div {
    width: 180px;
    height: 169px;
    line-height: 169px;
    text-align: center;
    background-size: 100% 100%;
    font-size: 40px;
    letter-spacing: 2px;
    color: #6ca4f9;
    background: url("../img/amount3.jpg") no-repeat;
}

.ciue > li:nth-of-type(4) > div {
    width: 180px;
    height: 169px;
    line-height: 169px;
    text-align: center;
    background-size: 100% 100%;
    font-size: 40px;
    letter-spacing: 2px;
    color: #6ca4f9;
    background: url("../img/amount4.jpg") no-repeat;
}

.ciue > li:nth-of-type(2) > div:after {
    display: inline-block;
    content: '%';
    font-size: 22px;
    letter-spacing: 1px;
    color: #6ca4f9;
}

.ciue > li:nth-of-type(3) > div:after {
    display: inline-block;
    content: '.2亿';
    font-size: 22px;
    letter-spacing: 1px;
    color: #6ca4f9;
}

.ciue > li:nth-of-type(4) > div:after {
    display: inline-block;
    content: '%';
    font-size: 22px;
    letter-spacing: 1px;
    color: #6ca4f9;
}

.ciue > li:nth-of-type(1) > img {
    width: 210px;
    height: 210px;
}

.ciue > li > img {
    width: 165px;
    height: 165px;
    margin-bottom: 20px;
}

.ciue > li > p {
    line-height: 24px;
    color: #2d2d2d;
}

.newmeda2 {
    position: relative;
    padding-top: 150px;
}

.newmeda2 > img {
    position: absolute;
    top: -90px;
    right: 0;
}


.fication2 {
    color: #ffb64d;
}

.stant2 {
    color: #e2e7ff;
}

.online {
    width: 1140px;
    margin: 60px auto 0;
    display: flex;
}

.online > li {
    width: 285px;
    height: 550px;
    position: relative;
    cursor: pointer;
}

.online > li:nth-of-type(2n) {
    position: relative;
    top: 30px;
}

.online > li:nth-of-type(1) {
    background: url("../img/online1.jpg") no-repeat 100% 100%;
}

.online > li:nth-of-type(2) {
    background: url("../img/online2.jpg") no-repeat 100% 100%;
}

.online > li:nth-of-type(3) {
    background: url("../img/online3.jpg") no-repeat 100% 100%;
}

.online > li:nth-of-type(4) {
    background: url("../img/online4.jpg") no-repeat 100% 100%;
}

.online > li > div {
    width: 100%;
    height: 100%;
    padding: 38px;
    background-image: linear-gradient(229deg,
    #6599ff 16%,
    #6567e6 44%,
    #6534cc 100%),
    linear-gradient(
            #9970fd,
            #9970fd);
    background-blend-mode: normal,
    normal;
    box-shadow: 0px 16px 49px 0px rgba(16, 14, 139, 0.6);
    opacity: 0.9;
}

.online > li > div > p:nth-of-type(1) {
    font-size: 18px;
    line-height: 37px;
    color: #ffffff;
}

.online > li > div > p:nth-of-type(1):after {
    display: block;
    content: '';
    width: 35px;
    height: 2px;
    margin: 20px 0;
    background-color: #c29eff;
}

.online > li > div > p:nth-of-type(2) {
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
}

.online > li > div > img {
    position: absolute;
    top: 446px;
    left: 38px;
}

.online > li:not(:nth-of-type(2)) > div {
    display: none;
}

.titBG3 {
    margin-top: 40px;
    background-image: url("../img/titBG2.png");

}

.widerange {
    position: relative;
    bottom: 102px;
    height: 1068px;
    padding-top: 105px;
    background: url("../img/widerangeBG.png") no-repeat;
    background-size: 100% 100%;
}

.widerange > img {
    position: absolute;
    top: -170px;
}

.widerange > ul > li > p {
    text-align: center;
    color: #2d2d2d;
    line-height: 8px;
}

.widerange > ul:nth-of-type(1) {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}

.widerange > ul:nth-of-type(1) > li:nth-of-type(2) {
    margin-top: 13px;
}

.widerange > ul:nth-of-type(1) > li:nth-of-type(3) {
    margin-top: 21px;
}

.widerange > ul:nth-of-type(1) > li:nth-of-type(4) {
    position: relative;
    bottom: 6px;
}

.widerange > ul:nth-of-type(2) {
    width: 1140px;
    margin: 23px auto 0;
    display: flex;
    justify-content: space-between;
}

.widerange > ul:nth-of-type(2) > li:nth-of-type(2) {
    position: relative;
    bottom: 40px;
}

.widerange > ul:nth-of-type(2) > li:nth-of-type(3) {
    position: relative;
    bottom: 70px;
}

.widerange > ul:nth-of-type(2) > li:nth-of-type(4) {
    position: relative;
    bottom: 6px;
}

.widerange > ul:nth-of-type(2) > li:nth-of-type(5) {
    position: relative;
    top: 8px;
}

/*岗位重要性决定了你的薪资*/
.titBG4 {
    background-image: url("../img/titBG3.png");
}

.pay {
    margin-bottom: 100px;
    height: 576px;
    display: flex;
    justify-content: flex-end;
}

.picMarquee-left {
    width: 1610px;
    height: 576px;
}

.swiper-contacr {
    width: 1300px !important;
}

.swiper-contacr {
    margin-bottom: 115px;
    position: relative;
    overflow: visible;
    /*overflow-y: initial!important;*/
}

.swiper-contacr:before {
    display: block;
    content: '';
    width: 233px;
    height: 630px;
    background-color: #ffffff;
    z-index: 300;
    position: absolute;
    top: -13px;
    left: -302px;
}

.swiper-contacr > div > div {
    width: 1300px !important;
    height: 576px;
    text-align: center;
    /*padding: 0 85px;*/
    /*margin-right: 140px !important;*/
    background-color: #ffffff;
    box-shadow: 0px 10px 38px 0px rgba(28, 45, 205, 0.25);
    -mos-box-shadow: 0px 10px 38px 0px rgba(28, 45, 205, 0.25);
}

.picMarquee-left > .bd li > p:nth-of-type(1) {
    margin: 10px 0 !important;
}

.fication3 {
    margin-top: 30px;
    color: #769fff;
}

#tong, #tonger {
    width: 270px;
    height: 290px;
}

#zhe, #zheer {
    width: 477px;
    height: 185px;
}

.stat {
    padding: 0 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 40px 0 0 0;
}

.stat > p {
    width: 1px;
    height: 222px;
    background-color: #d8e4ff;
    position: relative;
    bottom: 30px;
}

.stat > div {
    width: 580px;
}

.stat > div:nth-of-type(2) {
    width: 465px;
}

.stat > div > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.stat > div:nth-of-type(2) {
    display: flex;
    flex-direction: column;
    align-items: center;

}

.stat > div:nth-of-type(2) > p {
    position: relative;
    top: 52px;
}

.stat > div > p {
    line-height: 38px;
    color: #2d2d2d;
}

.futds {
    font-size: 22px;
    line-height: 30px; /**/
    margin: 10px 0;
    color: #3e3e3e;
}

/*课程体系*/
.stem {
    width: 100%;
    padding: 90px 0;
    background-color: #6f6ff1;
}

.titBG6 {
    position: relative;
    color: #ffffff;
    background-image: url("../img/titBg.png");
}

.titBG6:after {
    content: '';
    display: block;
    width: 86px;
    height: 3px;
    position: absolute;
    left: calc(100% - 50% - 43px);
    bottom: 33px;
    background-color: #feb256;
}

.titBG5 {
    position: relative;
    color: #ffffff;
}

.titBG5:after {
    content: '';
    display: block;
    width: 86px;
    height: 3px;
    position: absolute;
    left: calc(100% - 50% - 43px);
    bottom: 33px;
    background-color: #9e70ff;
}

.optin {
    width: 1140px;
    margin: 60px auto 0;
    display: flex;
    justify-content: center;
}

.hurdle {
    width: 85px;
    /*height: 726px;*/
    position: relative;
    cursor: pointer;
}

.hurdle > li {
    width: 85px;
    height: 253.33px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*writing-mode:tb-rl;*/
}

.hurdle > li > div {
    width: 20px;
    height: auto;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    line-height: 28px;
}

.hurdle > li:nth-of-type(1) {
    border-top-left-radius: 26px;
    background-color: #ef7854;
}

.hurdle > li:nth-of-type(2) {
    background-color: #f1bd5b;
}

.hurdle > li:nth-of-type(3) {
    background-color: #f0d368;
    border-bottom-left-radius: 26px;
}

.contint {
    width: 1055px;
    height: 760px;
    background: #ffffff;
    box-shadow: -0px 10px 49px 0px rgba(16, 14, 139, 0.59);
    border-bottom-right-radius: 26px;
    border-top-right-radius: 26px;
}

.choode {
    width: 130px !important;
    position: relative;
    left: -45px;
    border-top-left-radius: 26px;
    border-bottom-left-radius: 26px;
}

/*新媒体+短视频运营课程体系*/
.contint > li {
    padding: 50px 45px 50px 70px;
    display: flex;
    justify-content: space-between;
}

body .ackgu {
    position: relative;
    display: block;
    padding: 0;
}

.ackgu > div{
    padding: 50px 45px 50px 70px;
    width: auto !important;
    display: flex;
    justify-content: space-between;
}
.ackgu > div:not(:nth-of-type(1)){
    display: none;
}
.contint > li > div {
    width: 423px;
}

.ackgu > div > div {
    width: 423px;
}

.ackgu div > h3 {
    font-size: 18px;
    line-height: 18px;
    color: #e89642;
    margin-bottom: 10px;
    position: relative;
}

.contint > li > div > div > h3 {
    font-size: 18px;
    line-height: 18px;
    color: #e89642;
    margin-bottom: 10px;
    position: relative;
}

.punctuay > div {
    margin-top: 5px;
    position: relative;
}

.punctuay > div > span {
    font-weight: bolder;
    line-height: 28px;
}

.punctuay {
    margin-left: 26px;
    font-size: 14px;
    line-height: 28px;
    color: #2d2d2d;
}
.supMar {
    margin:0 0 23px 26px;
}
.subMar {
    width: 290px;
    height: 177px;
    margin-top: 23px;
}

.punctuay > h3:before {
    display: inline-block;
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    left: -26px;
    background-color: #ffffff;
    background-image: url("../img/ellipse.jpg");
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-size: 15px 15px;
}

.punctuay {
    padding-left: 18px;
    border-left: 1px solid #efa254;
}

.punctuay > div:before {
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    left: -22px;
    top: 9px;
    border-radius: 50%;
    background-color: #efa254;
}

.page {
    width:220px;
    height: 50px;
    margin: 0 auto;
    position: absolute!important;
    left: 355px;
    top: 655px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page > p {
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 23px;
    cursor: pointer;
    color: #f1bd5b;
    border: 1px solid #f1bd5b;
    border-radius: 50px;
}
.pagOpt {
    color: #ffffff!important;
    background-color: #f1bd5b;
}

/*六大特色*/
.feature {
    width: 100%;
    height: 1197px;
    padding: 95px 0;
    position: relative;
    background: url("../img/moveBG.jpg") no-repeat;
    background-size: 100% 100%;
}

.titBG5 {
    color: #2e2e2e;
    background-image: url("../img/titBG4.png");
}

.movea {
    position: absolute;
    top: -277px;
}

.moveaYgn {
    position: absolute;
    bottom: -100px;
    right: 0;
}

.cation {
    width: 1140px;
    height: 750px;
    margin: 50px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    cursor: pointer;
}

.cation > li {
    width: 350px;
    height: 350px;
    padding: 15px 40px;
    background-color: #ffffff;
    box-shadow: 0px 8px 24px 0px rgba(90, 90, 240, 0.32);
}

.cation > li > div {
    width: 110px;
    height: 110px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url("../img/ascopBG.png") no-repeat;
    border-radius: 50%;
}

.cation > li > p {
    line-height: 28px;
    color: #2d2d2d;
}

.cation > li > p:nth-of-type(1) {
    font-size: 18px;
    line-height: 33px;
    text-align: center;
    margin: 12px 0;
    font-weight: bolder;
    letter-spacing: 1px;
    color: #5246d4;
}

.acop {
    background-image: linear-gradient(-43deg,
    #6798ff 0%,
    #6537ce 100%),
    linear-gradient(
            #b7c4f9,
            #b7c4f9);
    background-blend-mode: normal,
    normal;
    box-shadow: 0px 8px 24px 0px rgba(90, 90, 240, 0.32);
}

/*报名*/
.quick_apply {
    width: 100%;
    height: 712px;
    overflow: hidden;
    background: url(../../Java/img/apply_bg.jpg) center no-repeat
}

.quick_apply .quick_apply_wrap {
    width: 1140px;
    height: auto;
    margin: 0 auto
}

.form_wrap {
    width: 855px;
    height: auto;
    min-height: 490px;
    margin: 120px auto 0;
    border: 1px solid #303030;
    position: relative;
    padding-top: 100px;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    -moz-transition: all .7s;
    transition: all .7s
}

.form_title {
    font-size: 34px;
    line-height: 50px;
    color: #2a2a2a;
    position: absolute;
    top: -50px;
    left: 105px;
    padding: 0 10px;
    background-color: #eee
}

#zyForm {
    width: 100%;
    height: auto;
    padding: 0 30px
}

.form_wrap .form-group {
    width: 350px;
    height: auto;
    margin: 0 auto 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 35px;
    color: #868686
}

.control-label {
    width: 95px;
    height: auto;
    font-size: 18px;
    color: #000;
    letter-spacing: 5px;
    margin-right: 5px;
    text-align: center;
    line-height: 46px
}

::-moz-placeholder {
    color: #999
}

::-webkit-input-placeholder {
    color: #999
}

:-ms-input-placeholder {
    color: #999
}

:-moz-placeholder {
    color: #999
}

.form_wrap .form-group input,
.form_wrap .form-group select {
    width: 250px;
    height: 46px;
    border: 1px solid #c0bdbc;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    padding: 0 15px;
    color: #868686;
    font-size: 16px;
    background-color: transparent
}

.form_wrap .form-group input:focus,
.form_wrap .form-group select:focus {
    outline: 0;
    border-color: #2344b4
}

.form_wrap .form-group button {
    width: 224px;
    height: 54px;
    margin: 0 auto;
    text-align: center;
    line-height: 54px;
    color: #fff;
    font-size: 18px;
    background-color: #141416;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border: none;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.form_wrap .form-group button:disabled {
    opacity: .6
}

.form_wrap .form-group button:hover {
    background-color: #000
}

#zyForm .help-block {
    color: #2344b4
}


/*页脚*/
footer {
    width: 100%;
    height: 270px
}

footer .footer_wrap {
    width: 100%;
    height: 210px;
    background-color: #eee
}

footer .con_link {
    width: 1140px;
    height: 210px;
    margin: 0 auto
}

footer .con_link .contact_us,
footer .con_link .fri_link {
    padding-top: 50px;
    width: 50%;
    height: 210px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

footer .con_link p {
    font-size: 12px;
    color: #565555;
    line-height: 30px;
    margin: 0;
    padding: 0
}

footer .con_link .title {
    font-size: 14px;
    font-weight: 600;
    color: #565555;
    line-height: 30px
}

footer .con_link .fri_link ul li,
footer .record,
footer .record a {
    font-size: 12px;
    color: #565555
}

footer .con_link .fri_link ul {
    margin: 0;
    padding: 0
}

footer .con_link .fri_link ul li {
    list-style: none;
    display: inline-block;
    width: auto;
    margin-right: 20px;
    float: left
}

footer .con_link .fri_link ul li a {
    font-size: 12px;
    color: #565555;
    text-decoration: none
}

footer .record {
    background-color: #e0e0e0;
    width: 100%;
    height: 60px;
    line-height: 60px
}

footer .record {
    text-align: center
}

/*右浮框*/
.s_float {
    width: 52px;
    height: 208px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    z-index: 999;
    top: 220px;
    margin-right: 20px;
    box-shadow: 1px 1px 15px -8px #535353, -1px -1px 15px -8px #535353;
    background-color: #FFF
}

.s_float ul {
    margin: 0;
    padding: 0
}

.s_float ul li {
    list-style: none;
    width: 52px;
    height: 52px;
    background: url(../../img/service.png);
    transition: all .5s;
    position: relative;
    cursor: pointer
}

.s_float ul li.qr_code .code_img,
.s_float ul li.tel_link .tel_num {
    right: 52px;
    background-color: #FFF;
    overflow: hidden;
    text-align: center
}

.s_float ul li span,
.s_float ul li.tel_link .tel_num {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.s_float ul li span {
    transition: all .5s
}

.s_float ul li.service_01 {
    background-position: 0 0
}

.s_float ul li.service_02 {
    background-position: 0 -52px
}

.s_float ul li.qq_link {
    background-position: 0 -104px
}

.s_float ul li.tel_link {
    background-position: 0 -156px
}

.s_float ul li.tel_link .tel_num {
    position: absolute;
    top: 0;
    width: 0;
    height: 52px;
    border-right: none;
    line-height: 52px;
    font-size: 13px;
    color: #424242;
    box-shadow: 1px 1px 15px -8px #535353, -1px -1px 15px -8px #535353;
    transition: all .5s
}

.s_float ul li.tel_link:hover .tel_num {
    width: 140px;
    border: 1px solid #e9e9e9
}

.s_float ul li.qr_code {
    position: relative;
    background-position: 0 -208px
}

.s_float ul li.qr_code .code_img {
    position: absolute;
    bottom: 0;
    padding-top: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 0;
    height: 0;
    -webkit-box-shadow: 1px 1px 15px -8px #535353, -1px -1px 15px -8px #535353;
    box-shadow: 1px 1px 15px -8px #535353, -1px -1px 15px -8px #535353;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.s_float ul li.qr_code:hover .code_img {
    width: 140px;
    height: 146px;
    border: 1px solid #e9e9e9
}

.s_float ul li.back_top {
    background-position: 0 -260px;
    background-color: white;
    display: none
}

.s_float ul li:hover {
    background-position-x: -52px;
    background-color: #2344b4
}

.s_float ul li:hover span {
    border-bottom: 1px solid #2344b4
}

.s_float ul li a {
    display: inline-block;
    width: 52px;
    height: 52px
}

.s_float ul li a span {
    display: inline-block;
    width: 32px;
    height: 100%;
    margin: 0 10px;
    border-bottom: 1px solid #e9e9e9
}