header .nav,.banner .inner,.maina .inner .tab,.mainb .inner .cont,.maind .inner .tab,.active-modal_index .inform-modal{*zoom:1}
header .nav:before,.banner .inner:before,.maina .inner .tab:before,.mainb .inner .cont:before,.maind .inner .tab:before,.active-modal_index .inform-modal:before,header .nav:after,.banner .inner:after,.maina .inner .tab:after,.mainb .inner .cont:after,.maind .inner .tab:after,.active-modal_index .inform-modal:after{content:"";display:table}
header .nav:after,.banner .inner:after,.maina .inner .tab:after,.mainb .inner .cont:after,.maind .inner .tab:after,.active-modal_index .inform-modal:after{clear:both}
html,body{color:#000}
header .nav{width:100%;background:#1E197C}
header .nav .left{float:left;vertical-align:middle}
header .nav .left .item{color:#fff;font-size:16px;margin-right:50px;position:relative;padding-bottom:16px;box-sizing:border-box;cursor:pointer;margin-top:15px}
header .nav .left .logo{margin-right:60px;cursor:pointer}
header .nav .left .active{border-bottom:2px solid #f8b547}
header .nav .right{float:right}
header .nav .right .login-before{margin-top:6px}
header .nav .right .login-before .login{display:inline-block;color:#fff;width:118px;height:40px;line-height:40px;cursor:pointer}
header .nav .right .login-before .register{display:inline-block;width:118px;height:40px;background-color:#5647fc;border-radius:4px;line-height:40px;text-align:center;color:#fff;cursor:pointer}
.banner{width:100%;height:655px;background:#1B1876;position:relative}
.banner .icon{position:absolute}
.banner .icon1{left:58px;top:82px;animation:mapMover 5s infinite}
.banner .icon2{left:188px;top:362px;animation:mapMover 5s infinite}
.banner .icon3{left:48%;top:-49px;animation:mapMover 5s infinite}
.banner .icon4{left:45%;top:57%;animation:mapMover 5s infinite}
.banner .icon5{right:21%;top:40px;animation:bubbleMover 10s infinite}
.banner .icon6{right:15%;top:138px;animation:bubbleMover 10s infinite}
.banner .icon7{right:0;top:514px;z-index:1}
.banner .inner{width:1200px;margin:0 auto}
.banner .ban-left{float:left;text-align:left;margin-top:80px}
.banner .ban-left .word{font-size:30px;color:#fff;margin:36px 0 50px 0}
.banner .ban-left .now{display:inline-block;width:224px;height:70px;background-color:#f8b547;border-radius:4px;line-height:70px;text-align:center;cursor:pointer;color:#333333;font-size:20px;margin-right:18px;position:relative}
.banner .ban-left .now .free{position:absolute;top:-11px;right:25px;z-index:1;width:77px;height:22px;background:url(../img/remark_free.png) no-repeat center}
.banner .ban-left .link{display:inline-block;width:224px;height:70px;background-color:#ffffff;box-sizing:border-box;box-shadow:0px 2px 14px 0px rgba(204,204,204,0.3);border-radius:4px;border:solid 1px #eeeeee;line-height:70px;text-align:center;cursor:pointer;color:#898da1;font-size:20px}
.banner .ban-right{float:right;margin-top:20px}
.banner .ban-right .img1{animation:tesiMove 5s infinite}
.banner .ban-right .img2{position:relative;top:188px;animation:BannercircleRotate 5s infinite linear}
.banner .list{clear:both}
.banner .list .item{width:264px;height:106px;background-color:#3e30b1;box-shadow:0px 2px 20px 0px rgba(0,4,30,0.51);border-radius:10px;transform:skew(-16deg);position:relative;border:2px solid #3e30b1;padding:5px 0;box-sizing:border-box;float:left;margin-right:35px;margin-top:70px;transition:all .5s}
.banner .list .item:last-child{margin-right:0}
.banner .list .item:hover{border:2px solid rgba(180,175,255,0.4);box-sizing:border-box}
.banner .list .item .text{transform:skew(16deg)}
.banner .list .item .num{color:#fff;font-size:44px;position:relative}
.banner .list .item .num span{position:absolute;right:70px;top:0px;font-size:24px}
.banner .list .item p{color:#cdc2dd;font-size:13px}
.actse{display:block;background:#1B1876;padding-bottom:30px;box-sizing:border-box}
.index-active{height:264px;width:1200px;margin:0 auto;text-align:left}
.index-active a:nth-of-type(2){margin-left:40px}
.index-active img{height:264px}
.maina{width:100%;background:#1B1876;position:relative}
.maina .icon8{position:absolute;left:9%;top:84%;animation:bannerImgBounce 5s infinite}
.maina .icon9{position:absolute;right:5%;bottom:-115%;animation:bannerImgBounce 5s infinite}
.maina .inner{width:1200px;margin:0 auto}
.maina .inner .tit{color:#f8b547;font-size:34px;position:relative;padding:10px 0;box-sizing:border-box}
.maina .inner .tit:before{content:url("/static/tg/images/line1.png");position:absolute;left:0;top:0}
.maina .inner .tit:after{content:url("/static/tg/images/line2.png");position:absolute;right:0;top:0}
.maina .inner .subject{color:#fff;font-size:20px}
.maina .inner .tab ul{width:1042px;margin:60px auto 0}
.maina .inner .tab ul li{position:relative;cursor:pointer;width:260px;height:60px;line-height:60px;color:#fff;background:#2E2696;box-shadow:0px 2px 10px 0px rgba(0,4,30,0.51);border-radius:10px;transform:skewX(-20deg);float:left;transition:all .1s}
.maina .inner .tab ul li a{display:block;transform:skewX(20deg)}
.maina .inner .tab ul .acts{font-size:22px;color:#ffe04f;cursor:pointer;height:70px;line-height:70px;background:linear-gradient(141deg,rgba(80,70,255,0.5),rgba(110,75,241,0.5));-webkit-box-shadow:0 5px 25px 0 rgba(1,0,52,0.4);box-shadow:0 5px 25px 0 rgba(1,0,52,0.4);opacity:1;margin-top:-10px}
.maina .inner .cont{width:1160px;height:150px;background-color:#3e30b1;box-shadow:0px 2px 20px 0px rgba(0,4,30,0.51);border-radius:10px;transform:skewX(-20deg);position:relative;left:-6px}
.maina .inner .cont .box{display:none;width:1240px;position:absolute;left:-33px;top:28px}
.maina .inner .cont .box .items{width:396px;height:90px;line-height:90px;background-color:#5647fc;box-shadow:0px 2px 20px 0px rgba(0,4,30,0.51);border-radius:10px;color:#fff;float:left}
.maina .inner .cont .box .items:nth-child(2){margin:0 20px}
.maina .inner .cont .box .items .texts{transform:skewX(20deg);font-size:18px;color:#fff}
.maina .inner .cont .box .items .texts span{color:#ffe04f;font-size:26px}
.items_box{font-size: 22px;color: #ffffff;margin-left: 120px;width: 80%}
.mainb{width:100%;background:#1B1876;padding-top:106px;box-sizing:border-box;padding-bottom: 60px;}
.mainb .inner{width:1200px;margin:0 auto}
.mainb .inner .tit{color:#f8b547;font-size:34px;position:relative;padding:10px 0;box-sizing:border-box}
.mainb .inner .tit:before{content:url("/static/tg/images/line1.png");position:absolute;left:0;top:0}
.mainb .inner .tit:after{content:url("/static/tg/images/line2.png");position:absolute;right:0;top:0}
.mainb .inner .subject{color:#fff;font-size:20px;margin-bottom:45px}
.mainb .inner .cont .left{float:left;width:320px;height:625px;background-color:#3c37b2;border-radius:10px 0 0 10px;position:relative;padding:18px 0;box-sizing:border-box}
.mainb .inner .cont .left ul{width:366px;position:relative;left:-25px}
.mainb .inner .cont .left ul li{color:#b4b2dc;font-size:18px;font-weight:bold;width:366px;height:81px;line-height:81px;border-radius:10px;position:relative;z-index:99;cursor:pointer}
.mainb .inner .cont .left ul li a{display:block;margin:0 0 0 100px;position:relative;text-align:left}
.mainb .inner .cont .left ul li a i{font-size:28px;position:absolute;left:-40px;top:28px}
.mainb .inner .cont .left ul .move{position:absolute;z-index:1;left:0;top:0;transition:top 0.3s;background-image:linear-gradient(90deg,#5143f8 0%,#6b49f3 100%),linear-gradient(#5647fc,#5647fc)}
.mainb .inner .cont .right{float:left;width:calc(100% - 320px);height:625px;background:#2C2C77;border-radius:0 10px 10px 0;text-align:left;padding:35px 35px 0 35px;box-sizing:border-box}
.mainb .inner .cont .right .boxes{display:none}
.mainb .inner .cont .right .tits{color:#fff;font-size:24px;margin-bottom:10px}
.mainb .inner .cont .right .sub{color:#b4b2dc;font-size:14px;position:relative;}
.mainb .inner .cont .right .sub p{line-height: 25px;}
.mainb .inner .cont .right .sub a{position:absolute;right:-190px;top:0;width:115px;height:44px;background-color:#f8b547;border-radius:4px;display:block;line-height:44px;text-align:center;cursor:pointer;color:#333333;font-size:16px}
.mainb .inner .cont .right .classify{width:295px;margin:30px auto 0;text-align:center;float:left}
.mainb .inner .cont .right .classify .xs{color:#ffffff;font-size:18px;margin:25px 0}
.mainb .inner .cont .right .classify p{color:#b4b2dc;font-size:12px;text-align:left}
.mainb .inner .cont .right .addclass{margin-right:120px;margin-top:50px}
.mainc{width:100%;background:#1B1876;padding-top:106px;box-sizing:border-box;position:relative}
.mainc .icon10{position:absolute;left:9%;top:11%;animation:bannerImgBounce 5s infinite}
.mainc .inner{width:1200px;margin:0 auto}
.mainc .inner .tit{color:#f8b547;font-size:34px;position:relative;padding:10px 0;box-sizing:border-box}
.mainc .inner .tit:before{content:url("/static/tg/images/line1.png");position:absolute;left:152px;top:0}
.mainc .inner .tit:after{content:url("/static/tg/images/line2.png");position:absolute;right:152px;top:0}
.mainc .inner .subject{color:#fff;font-size:20px;margin-bottom:5px}
.mainc .inner .hz{position:relative;left:-30px}
.maind{width:100%;height:800px;background:linear-gradient(#1B1876,#080F4A);padding-top:60px;box-sizing:border-box}
.maind .inner{width:1200px;margin:0 auto}
.maind .inner .tit{color:#f8b547;font-size:34px;position:relative;padding:10px 0;box-sizing:border-box}
.maind .inner .tit:before{content:url("/static/tg/images/line1.png");position:absolute;left:242px;top:0}
.maind .inner .tit:after{content:url("/static/tg/images/line2.png");position:absolute;right:242px;top:0}
.maind .inner .tab ul{margin:30px auto 0px;display:flex;justify-content:center}
.maind .inner .tab ul li{width:156px;height:65px;line-height:65px;text-align:center;color:#b4b2dc;font-size:20px;float:left;cursor:pointer}
.maind .inner .tab ul .on{background:#3E31B1;box-shadow:0px 2px 20px 0px rgba(0,4,30,0.51);border-radius:6px;color:#fff;transform:skew(-10deg)}
.maind .inner .tab ul .on a{display:block;transform:skew(10deg)}
.maind .con{width:1200px;margin:60px auto;overflow:hidden;display:none}
.maind .con .left{float:left;width:515px;text-align:left}
.maind .con .left .title{color:#fff;font-size:24px;font-weight:bold}
.maind .con .left .time{font-size:14px;color:#fff;margin:25px 0}
.maind .con .left .detail{line-height:25px;color:#b4b2dc;font-size:14px;width:515px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.maind .con .left .look{display:block;width:130px;height:40px;background-color:#f8b547;border-radius:2px;line-height:40px;text-align:center;cursor:pointer;font-size:14px;color:#333333;margin-top:40px}
.maind .con .right{float:right;width:calc(100% - 611px);text-align:left;margin-left:66px}
.maind .con .right .item{overflow:hidden;margin-bottom:48px}
.maind .con .right .item .times{font-size:18px;color:#fff;float:left;margin:10px 40px 0 0}
.maind .con .right .item .times span{font-size:34px}
.maind .con .right .item .word{float:left}
.maind .con .right .item .word .subhead{font-size:18px;color:#fff;margin-bottom:30px}
.maind .con .right .item .word .details{color:#b4b2dc;font-size:14px;width:422px;line-height:25px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.maind .con .more{clear:both}
.maind .con .more a{cursor:pointer;color:#b4b2dc;font-size:16px}
@-webkit-keyframes mapMover{0%{opacity:0.05;-webkit-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0)}
  50%{opacity:0.20;-webkit-transform:translateY(-55%) translateX(-20px);transform:translateY(-55%) translateX(-20px)}
  100%{opacity:1;-webkit-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0)}
}@keyframes mapMover{0%{opacity:0.05;-webkit-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0)}
   50%{opacity:1;-webkit-transform:translateY(-55%) translateX(0px);transform:translateY(-55%) translateX(0px)}
   100%{opacity:0.05;-webkit-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0)}
 }@-webkit-keyframes bubbleMover{0%{-webkit-transform:translateY(0px) translateX(0) rotate(0);transform:translateY(0px) translateX(0) rotate(0)}
    30%{-webkit-transform:translateY(30px) translateX(50px) rotate(15deg);transform:translateY(30px) translateX(50px) rotate(15deg);-webkit-transform-origin:center center;transform-origin:center center}
    50%{-webkit-transform:translateY(50px) translateX(100px) rotate(45deg);transform:translateY(50px) translateX(100px) rotate(45deg);-webkit-transform-origin:right bottom;transform-origin:right bottom}
    80%{-webkit-transform:translateY(30px) translateX(50px) rotate(15deg);transform:translateY(30px) translateX(50px) rotate(15deg);-webkit-transform-origin:left top;transform-origin:left top}
    100%{-webkit-transform:translateY(0px) translateX(0) rotate(0);transform:translateY(0px) translateX(0) rotate(0);-webkit-transform-origin:center center;transform-origin:center center}
  }@keyframes bubbleMover{0%{-webkit-transform:translateY(0px) translateX(0) rotate(0);transform:translateY(0px) translateX(0) rotate(0)}
     30%{-webkit-transform:translateY(30px) translateX(50px) rotate(15deg);transform:translateY(30px) translateX(50px) rotate(15deg);-webkit-transform-origin:center center;transform-origin:center center}
     50%{-webkit-transform:translateY(50px) translateX(100px) rotate(45deg);transform:translateY(50px) translateX(100px) rotate(45deg);-webkit-transform-origin:right bottom;transform-origin:right bottom}
     80%{-webkit-transform:translateY(30px) translateX(50px) rotate(15deg);transform:translateY(30px) translateX(50px) rotate(15deg);-webkit-transform-origin:left top;transform-origin:left top}
     100%{-webkit-transform:translateY(0px) translateX(0) rotate(0);transform:translateY(0px) translateX(0) rotate(0);-webkit-transform-origin:center center;transform-origin:center center}
   }@-webkit-keyframes BannercircleRotate{}
@keyframes BannercircleRotate{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:.5}
  50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:1}
  100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:.5}
}@-webkit-keyframes bannerImgBounce{0%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}
   50%{-webkit-transform:translateY(-80px) translateX(-80px);transform:translateY(-80px) translateX(-80px)}
   100%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}
 }@keyframes bannerImgBounce{0%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}
    50%{-webkit-transform:translateY(-80px) translateX(-80px);transform:translateY(-80px) translateX(-80px)}
    100%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}
  }@-webkit-keyframes tesiMove{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
     15%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
     33%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
     66%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
     100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
   }@keyframes tesiMove{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
      15%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
      33%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
      66%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
      100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    }.service-modal{display:block;position:fixed;width:426px;height:306px;background-color:#ffffff;box-shadow:0px 0px 21px 3px rgba(0,0,0,0.46);border-radius:18px;border:solid 1px #d0d1d2;z-index:9997;opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0,calc(-50% - 40px));-ms-transform:translate(0,calc(-50% - 40px));-moz-transform:translate(0,calc(-50% - 40px));transform:translate(0,calc(-50% - 40px));left:calc(50% - 185px);top:50%}
.service-modal.active{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%)}
.service-modal .modal-main{position:relative;width:100%;display:block;box-sizing:border-box;background:#fff;border-radius:18px}
.service-modal .modal-main > .sem-top{position:relative;width:100%;height:110px}
.service-modal .modal-main > .sem-top img{position:absolute;top:-65px;left:108px}
.service-modal .modal-main > .sem-top .close{width:40px;height:40px;display:block;border:none;outline:none;text-align:center;position:absolute;right:20px;cursor:pointer;top:calc(50% - 40px);background:center no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAMAAADarb8dAAAAS1BMVEUAAACIkaaIkaaIkaaIkaaIkaaIkaaIkaaIkaaIkaaIkaaIkaaIkaaIkaaIkaaIkaaIkaaIkaaIkaaIkaaIkaaIkaaIkaaIkaaIkaaTRp9kAAAAGHRSTlMAB/gaDfDXy8Czq6V1ZUk8MRO+1Fm/VlW2QlyfAAAAcklEQVQI121PWw6AIAwrbCLiG1+9/0mVEIxG+9UuTddC/IQbU1BEVmPRY8UAcbRD1oPlIsBc065J75b1nIh6sgd6Mmq2mobsOrIxJcy0vNAmXS6OdAC+jv8M3coXr0DucSSy5h6yPJs6QXhvidDwXOvlBGd3BtaWvk7vAAAAAElFTkSuQmCC")}
.service-modal .modal-main .sem-body{height:110px;position:relative;width:100%;box-sizing:border-box}
.service-modal .modal-main .sem-body h4{line-height:42px;font-size:22px;color:#222;font-weight:normal;letter-spacing:1px;text-align:center}
.service-modal .modal-main .sem-body p{line-height:24px;color:#aaa;font-size:14px;text-align:center}
.service-modal .modal-main .sem-bot{height:40px;line-height:40px;display:block;text-align:center;margin:5px auto 20px}
.service-modal .modal-main .sem-bot .sem-btn{display:inline-block;text-align:center;cursor:pointer;font-size:14px;position:relative;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease}
.service-modal .modal-main .sem-bot .sem-btn.qq-chat{width:140px;height:44px;border-radius:22px;border:solid 1px #fcae6d;line-height:44px;color:#333;margin-right:20px}
.service-modal .modal-main .sem-bot .sem-btn.w-x-contact{width:140px;height:44px;line-height:44px;background-color:#f8b547;border-radius:22px;color:#333}
.service-modal .modal-main .sem-bot .sem-btn.w-x-contact > img{position:absolute;bottom:calc(100% + 5px);left:calc(50% - 86px);cursor:default}
.active-modal_index{z-index:10000;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}
.active-modal_index .inform-modal{position:relative;box-sizing:border-box;left:50%;top:59%;width:774px;height:351px;background:url("../img/active/active_banner1.png") no-repeat left center;background-size:cover;-webkit-transform:translate(-50%,-80%);-ms-transform:translate(-50%,-80%);-moz-transform:translate(-50%,-80%);transform:translate(-50%,-80%);-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease}
.active-modal_index .inform-modal .close{cursor:pointer;position:absolute;bottom:-62px;right:49.5%}
.active-modal_index .inform-modal .active101-pay-btn{display:inline-block;width:205px;height:56px;background:url("../img/active/active_ac.png") no-repeat left center;background-size:cover;position:absolute;left:175px;bottom:46px}
.active-modal_index .inform-modal .active101-qq-btn{display:inline-block;width:205px;height:56px;background:url("../img/active/active_qqkefu.png") no-repeat left center;background-size:cover;position:absolute;left:370px;bottom:46px}
.addcoupon{position:fixed;top:50%;left:50%;z-index:9998;cursor:pointer;text-align:center;transform:translate(-50%,-50%);display:inline-block}
.addcoupon img{margin-left:auto;margin-right:auto;max-width:500px;height:auto;display:block}
.addcoupon .close{color:#fff;font-size:25px;position:absolute;right:-25px;top:-25px;z-index:3}