body {
    overflow-x: hidden
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

.container-tfgame {
    position: relative;
    z-index: 5;
    width: 1170px;
    margin: 0 auto
}

.container-fluid .container-fluid-wrap {
    position: relative;
    width: 1170px;
    margin: 0 auto
}

.tfgame-t2 {
    margin: 0;
    font-size: 20px;
    color: #383838;
    border-left: 4px solid #00b7ee;
    text-indent: 15px
}

.f-turn {
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.part-1 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0
}

.part-1 .swiper-container-top {
    width: 100%;
    height: 950px;
    position: relative
}

.part-1 .swiper-slide {
    position: relative;
    background-position: center top;
    background-repeat: no-repeat
}

.part-1 .swiper-slide a {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    display: block
}

.part-1 .swiper-pagination-white {
    position: absolute;
    left: 0;
    right: 0;
    top: 565px;
    margin: 0 auto;
    width: 1170px;
    height: 20px;
    z-index: 9999;
    text-align: right
}

.part-1 .swiper-pagination-white .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    opacity: 1;
    background-color: #fff
}

.part-1 .swiper-pagination-white .swiper-pagination-bullet-active {
    width: 20px;
    height: 20px;
    background-color: #ff6c33;
    border: 2px solid #fff
}

.part-1 .swiper-button-prev {
    left: 0;
    width: 40px;
    height: 90px;
    background: url("../images/tfgame/index_pre_2018032600007.png") no-repeat center center
}

.part-1 .swiper-button-next {
    right: 0;
    width: 40px;
    height: 90px;
    background: url("../images/tfgame/index_next_2018032300008.png") no-repeat center center
}

.part-1 .part-1-1 {
    width: 100%;
    height: 885px;
    background: url("../images/tfgame/index_new_background_2017042600003.jpg") no-repeat center top
}

.part-2 {
    position: relative;
    height: 80px;
    opacity: .8;
    background-color: #eee;
    z-index: 5
}

.part-2 .logo {
    float: left;
    display: block;
    margin-top: 11px;
    /*width: 326px;*/
    width: 526px;
    height: 52px;
    background: url("../images/tfgame/logo.png") no-repeat left center
}

.part-2 ul {
    float: right;
    margin-bottom: 0
}

.part-2 ul li {
    float: left
}

.part-2 ul li > a {
    position: relative;
    display: block;
    margin-left: 39px;
    min-width: 63px;
    height: 80px;
    line-height: 80px;
    font-size: 16px;
    text-align: center;
    color: #737373
}

.part-2 ul li a i {
    position: absolute;
    width: 0;
    height: 4px;
    background: #ff6c14;
    display: block;
    left: 0;
    top: 0;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.part-2 ul li a:hover {
    color: #333;
    font-weight: 700
}

.part-2 ul li a:hover i {
    width: 100%
}

.part-2 ul li.active a {
    color: #333;
    font-weight: 700
}

.part-2 ul li.active a i {
    width: 100%
}

.part-2 .top_open {
    float: right;
    display: block;
    width: 139px;
    height: 134px;
    background-color: #00b7ee
}

.part-2 .top_open i {
    display: block;
    width: 50px;
    height: 32px;
    margin: 51px auto 0;
    background: url(http://res.itfgame.com/uploadfile/tfgame/content/www/index_images/top-bar-i_b12e23b.png) no-repeat center center
}

.part-3 {
    margin-top: 520px
}

.part-3 .part-3-1 {
    height: 350px;
    background-color: #282b2d
}

.part-3 .part-3-1 .swiper-pagination-index {
    margin-top: 29px;
    text-align: center
}

.part-3 .part-3-1 .swiper-pagination-index span {
    margin: 0 10px;
    background: #70787e;
    opacity: 1
}

.part-3 .part-3-1 .swiper-pagination-index .swiper-pagination-bullet-active {
    background: #007aff
}

.part-3 .part-3-1 .a {
    float: left;
    width: 148px;
    height: 350px;
    padding: 85px 30px 0
}

.part-3 .part-3-1 .b {
    float: left
}

.part-3 .part-3-1 .b .swiper-container-index {
    width: 548px;
    height: 350px;
    overflow: hidden
}

.part-3 .part-3-1 .b .swiper-container-index img {
    width: 100%;
    height: 100%
}

.part-3 .part-3-1 .c {
    position: relative;
    float: left;
    width: 474px;
    height: 350px;
    padding: 27px 43px 0 33px
}

.part-3 .part-3-1 .c .title {
    display: block;
    width: 100%;
    height: 45px;
    font-size: 20px;
    color: #ff6c14;
    border-bottom: 1px solid #393939;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 700
}

.part-3 .part-3-1 .c .title:hover {
    color: #ff6c14
}

.part-3 .part-3-1 .c ul {
    margin-top: 12px
}

.part-3 .part-3-1 .c ul li {
    overflow: hidden;
    margin-bottom: 20px
}

.part-3 .part-3-1 .c ul li a {
    float: left;
    font-size: 14px;
    width: 340px;
    height: 23px;
    color: #919191;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.part-3 .part-3-1 .c ul li span {
    float: right;
    color: #919191
}

.part-3 .part-3-1 .c ul li:hover a {
    color: #fff
}

.part-3 .part-3-1 .c ul li:hover span {
    color: #fff
}

.part-3 .part-3-1 .c .more {
    position: absolute;
    top: 0;
    right: 0;
    width: 41px;
    height: 40px;
    background: url("../images/tfgame/index_new_more_2017042600032.png") no-repeat center center
}

.part-3 .part-3-3 {
    height: 885px;
    padding-top: 50px
}

.part-3 .part-3-3 .c {
    margin: 0 auto 30px;
    width: 100%;
    height: 60px;
    background: url("../images/tfgame/index_hot_games_2017042600004.png") no-repeat center top
}

.part-3 .part-3-3 ul {
    width: 110%
}

.part-3 .part-3-3 ul li {
    position: relative;
    float: left;
    margin: 0 21px 20px 0;
    width: 376px;
    height: 330px;
    background-color: #fff;
    box-shadow: 0 3px 15.5px .5px rgba(104, 104, 104, .1)
}

.part-3 .part-3-3 ul li .a {
    position: relative;
    width: 376px;
    height: 200px;
    overflow: hidden
}

.part-3 .part-3-3 ul li .a img {
    width: 100%;
    height: 100%
}

.part-3 .part-3-3 ul li .a .hot-font {
    position: absolute;
    left: 0;
    right: 0;
    top: -100%;
    display: block;
    height: 100%
}

.part-3 .part-3-3 ul li .a:hover .hot-font {
    opacity: 1;
    filter: alpha(opacity=100);
    top: 0
}

.part-3 .part-3-3 ul li .title {
    display: block;
    margin: 15px 0 0 13px;
    width: 100%;
    font-size: 20px;
    color: #333;
    font-weight: 700
}

.part-3 .part-3-3 ul li .txt {
    display: block;
    margin: 12px 0 0 13px;
    width: 100%;
    color: #adaeb4
}

.part-3 .part-3-3 ul li .b {
    position: absolute;
    right: 28px;
    bottom: 20px;
    display: block;
    width: 100px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    color: #adaeb4;
    border-radius: 14px;
    border: solid 1px #adaeb4;
    font-weight: 700
}

.part-3 .part-3-3 ul li .b:hover {
    color: #fff;
    background-color: #ff6c14;
    border: 0;
    line-height: 28px
}

.part-3 .part-3-4 {
    padding-top: 50px
}

.part-3 .part-3-4 .a {
    margin: 0 auto 30px;
    width: 100%;
    height: 60px;
    background: url("../images/tfgame/index_partners_2017042600005.png") no-repeat center top
}

.part-3 .part-3-4 ul {
    width: 110%;
    overflow: hidden
}

.part-3 .part-3-4 ul li {
    float: left;
    margin: 0 10px 20px 0;
    background: url("../images/tfgame/index_weizhi_2017042600006.png") no-repeat center bottom
}

.part-3 .part-3-4 ul li a {
    display: block;
    width: 108px;
    height: 56px
}

.part-3 .part-3-4 ul li a img {
    width: 108px;
    height: 56px
}

.footer {
    margin-top: 68px;
    background-color: #2b2f32;
    /*position: fixed;*/
}

.footer hr {
    border-color: #51585e;
    width: 1170px;
    margin-bottom: 0
}

.footer .frind-link {
    margin: 31px auto 0;
    width: 926px
}

.footer .frind-link a {
    margin: 0 10px 10px 0;
    font-size: 12px;
    color: #606970
}

.footer .container-fluid-wrap {
    position: relative;
    width: 1170px;
    height: 132px
}

.footer .container-fluid-wrap .logo2 {
    display: block;
    width: 380px;
    /*width: 1300px;*/
    height: 50px;
    background: url("../images/tfgame/logo2.png") no-repeat center center;
    margin: 12px 12px 12px 380px
}

.footer .container-fluid-wrap .wenhuajingying {
    position: absolute;
    top: 10px;
    right: 250px;
    display: block;
    width: 37px;
    height: 37px;
    background: url("../images/tfgame/index_wenhuajingying_2018032314132023.png") no-repeat center center
}

.footer .container-fluid-wrap .link {
    width: 806px;
    height: 56px;
    text-align: center;
    color: #606970;
    font-size: 12px;
    margin: 20px auto 0
}

.footer .container-fluid-wrap .link a {
    font-size: 12px;
    color: #606970
}

.footer .container-fluid-wrap .link span {
    color: #606970;
    margin: 0 5px
}

.footer .container-fluid-wrap .link p {
    margin: 0 0 4px
}

.list-a {
    height: 733px;
    background: url("../images/tfgame/abouts/about_new_1_2017042600009.jpg") no-repeat center center
}

.banner_img {
    background: url("../images/tfgame/abouts/about_new.jpg") no-repeat center center
}

.team_mana {
    background-size:100%100%;
    background: url("../images/tfgame/abouts/about_new_fuli.png") no-repeat center center
}

.list-b {
    height: 712px;
    background: url("../images/tfgame/abouts/about_new_7_development_1.png") no-repeat center center
}

.list-c {
    height: 659px;
    background: url("../images/tfgame/abouts/about_new_6_2017042600011.jpg") no-repeat center center
}

.list-d {
    position: relative;
    height: 628px;
    background: url(http://res.itfgame.com/uploadfile/tfgame/content/www/index_images/2017042600012_da413c7.png) no-repeat center center
}

.list-d .swiper-container-listd {
    position: relative;
    overflow: hidden;
    width: 1030px;
    margin: 303px auto 0
}

.list-d .swiper-container-listd .swiper-slide {
    width: 120px
}

.list-d .swiper-button-next {
    top: 356px;
    left: 50%;
    margin-left: 580px;
    right: auto;
    width: 24px;
    height: 38px;
    background: url(http://res.itfgame.com/uploadfile/tfgame/content/www/index_images/2017042600030_7384838.png) no-repeat center center
}

.list-d .swiper-button-prev {
    top: 356px;
    left: 50%;
    margin-left: -580px;
    width: 24px;
    height: 38px;
    background: url(http://res.itfgame.com/uploadfile/tfgame/content/www/index_images/2017042600029_e7c7a42.png) no-repeat center center
}

.list-e {
    height: 843px;
    background: url("../images/tfgame/abouts/about_new_5_2017042600013.png") no-repeat center center
}

.list-f {
    position: relative;
    height: 263px;
    background: url("../images/tfgame/abouts/about_new_2_2017042600014.jpg") no-repeat center center
}

.list-f .a {
    position: absolute;
    top: 63px;
    left: 50%;
    margin-left: -325px;
    display: block;
    width: 117px;
    height: 149px;
    background: url("../images/tfgame/abouts/about_new_3_2017042600015.png") no-repeat top center
}

.list-f .a span {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 26px;
    color: #fff;
    font-weight: 900;
    text-align: center
}

.list-f .a:hover {
    background: url("../images/tfgame/abouts/cooper_2017042600017_1c9b6a3.png") no-repeat center top
}

.list-f .b {
    position: absolute;
    top: 63px;
    left: 50%;
    margin-left: 206px;
    display: block;
    width: 119px;
    height: 149px;
    background: url("../images/tfgame/abouts/about_new_4_2017042600016.png") no-repeat top center
}

.list-f .b span {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 26px;
    color: #fff;
    font-weight: 900;
    text-align: center
}

.list-f .b:hover {
    background: url("../images/tfgame/abouts/zxns_2017042600018_36cd48c.png") no-repeat center top
}

.part-4 {
    width: 100%;
    height: 180px;
    padding-top: 60px;
    background: url("../images/tfgame/game_center_03.jpg") no-repeat center center;
    text-align: center
}

.part-4 p {
    font-size: 20px;
    color: #fff
}


.part-4-video {
    width: 100%;
    height: 120px;
    padding-top: 30px;
    /*background: url("../images/tfgame/game_center_02.jpg") no-repeat center center;*/
    text-align: center
}

.img-mask{  position: absolute;  left: 0;  top: 0;  width: 376px;  height: 200px;  background-color: rgba(0,0,0,.2);  z-index: 0;  }
.icon-play {  opacity: 0; position: absolute;  top: 50%;  left: 50%;  width: 100%;  height: 100%;  margin:-225px 0 0 -190px;  background: url("../images/tfgame/icon_play.png") no-repeat 50% 50%;  opacity: 0;  z-index: 1;  cursor: pointer;  -webkit-transition: opacity .4s ease-in;  -moz-transition: opacity .4s ease-in;  -ms-transition: opacity .4s ease-in;  transition: opacity .4s ease-in;
}

.full_dialog {  position: fixed;  width: 100%;  height: 100%;  max-width: 100%;  max-height: 100%;  top: 0px;  opacity: 0.5;  background: #000;  z-index: 1000;  }
#dialog_video_cont {  position: fixed;  top: 20%;  height: 480px;  width:640px;  left: 35%;  z-index: 1001;  background-color: black;  }
#dialog_video_cont embed{ width: 100%; height: 100%;}
#dialog_video_close_btn {  position: absolute;  font-size: 30px;  z-index: 1002;  color: white; text-decoration: none; }

.part-5-cooper {
    width: 100%;
    height: 180px;
    padding-top: 60px;
    background: url("../images/tfgame/copper_center_02.jpg") no-repeat center center;
}

.part-5 {
    width: 100%;
    height: 793px;
    background: url("../images/tfgame/comm/comm_new_1_2017042600022.jpg") no-repeat center center;
    text-align: center
}

.part-info {
    margin: 0 auto;
    padding-top: 164px;
    width: 1170px;
    height: 462px;
    position: relative
}

.part-info table {
    width: 100%
}

.part-info th {
    text-align: left;
    width: 390px;
    text-align: center;
    font-size: 20px;
    line-height: 67px;
    color: #373737
}

.part-info td {
    font-size: 14px;
    line-height: 24px;
    color: #505050
}

.part-info ul {
    width: 536px;
    height: 82px;
    margin: 0;
    padding-left: 26px;
    list-style: none;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: left;
    font-size: 14px;
    line-height: 25px
}


.part-6 {
    width: 100%;
    height: 180px;
    background: url("../images/tfgame/zxns/zxns_new_1_2017042600023.png") no-repeat center center;
}

.part-7 {
    margin-top: -37px
}

.part-7 .part-7-1 {
    margin: 0 auto;
    width: 976px;
    height: 140px;
    background: url("../images/tfgame/zxns/zxns_2_2017042600024.png") no-repeat center center
}

.part-7 .part-7-1 li {
    position: relative;
    float: left;
    margin-right: 119px
}

.part-7 .part-7-1 li a {
    display: block;
    width: 100px;
    height: 140px
}

.part-7 .part-7-1 li a span {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    font-weight: 700;
    text-align: left;
    color: #383838;
    font-size: 19px
}

.part-7 .part-7-1 li:last-child {
    margin-right: 0
}

.part-7 .part-7-1 li:hover .part-7-1-1,
.part-7 .part-7-1 li.active .part-7-1-1 {
    background-image: url(../images/tfgame/zxns/zxns_4_2017042600025.png);
    background-repeat: no-repeat;
    background-position: 0 0
}

.part-7 .part-7-1 li:hover .part-7-1-2,
.part-7 .part-7-1 li.active .part-7-1-2 {
    background-image: url(../images/tfgame/zxns/zxns_4_2017042600025.png);
    background-repeat: no-repeat;
    background-position: -219px 0
}

.part-7 .part-7-1 li:hover .part-7-1-3,
.part-7 .part-7-1 li.active .part-7-1-3 {
    background-image: url(../images/tfgame/zxns/zxns_4_2017042600025.png);
    background-repeat: no-repeat;
    background-position: -437px 0
}

.part-7 .part-7-1 li:hover .part-7-1-4,
.part-7 .part-7-1 li.active .part-7-1-4 {
    background-image: url(../images/tfgame/zxns/zxns_4_2017042600025.png);
    background-repeat: no-repeat;
    background-position: -656px 0
}

.part-7 .part-7-1 li:hover .part-7-1-5,
.part-7 .part-7-1 li.active .part-7-1-5 {
    background-image: url(../images/tfgame/zxns/zxns_4_2017042600025.png);
    background-repeat: no-repeat;
    background-position: -875px 0
}

.part-7 .part-7-1 li:hover span,
.part-7 .part-7-1 li.active span {
    color: #007bee
}

.part-7 .tab-content {
    margin-top: 40px
}

.part-7 .tfgame-list-job .tfgame-panel-group {
    /*padding-bottom: 30px*/
}

.part-7 .tfgame-list-job .head {
    padding: 0 0 0 29px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    background-color: #d2d2d2;
    margin-bottom: 15px
}
.part-7 .tfgame-list-job .head_title {
    padding: 0 0 0 29px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    margin-bottom: 15px;
}

.part-7 .tfgame-list-job .head span {
    display: block;
    float: left;
    font-size: 16px;
    color: #fff
}

.part-7 .tfgame-list-job .head_title a {
    display: block;
    float: left;
    font-size: 20px;
    color: #000

}
.part-7 .tfgame-list-job .tfgame-panel {
    background-color: #fbfbfb;
    box-shadow: -.7px .7px 2px 0 rgba(0, 0, 0, .1);
    margin-bottom: 20px;
    padding-left: 29px
}

.part-7 .tfgame-list-job .tfgame-panel .tfgame-panel-heading {
    position: relative;
    overflow: hidden;
    height: 40px;
    line-height: 40px
}

.part-7 .tfgame-list-job .tfgame-panel .tfgame-panel-heading span {
    display: block;
    min-height: 20px;
    float: left;
    font-size: 14px;
    color: #383838
}

.part-7 .tfgame-list-job .tfgame-panel .tfgame-panel-heading i {
    position: absolute;
    right: 12px;
    top: 16px;
    display: block;
    width: 16px;
    height: 10px;
    background: url("../images/tfgame/zxns/zxns_3_job-arrow.png") no-repeat center center
}

.dz{margin-top:30px;margin-bottom:100px;    line-height: 28px;font-size: 16px;}
.dz ul{width:610px;height:128px;margin: 0 auto;margin-bottom:50px;-webkit-animation:gfadeIn 1.2s 1s both; -moz-animation:gfadeIn 1.2s 1s both; animation:gfadeIn 1.2s 1s both;list-style-type:none;}
.dz ul:nth-of-type(2){-webkit-animation-delay:1.4s; -moz-animation-delay:1.4s; animation-delay:1.4s;}
.dz ul li{width:240px;float:left;height:128px;border-right:1px dashed #D4D5D4;}
.dz ul li+li{margin-left:82px;}
.dz ul li h3,.dz ul li p{color:#568AC5;float:left;}
.dz ul li h3{font-weight:normal;border-bottom:1px dashed #D4D5D4;width:160px;height: 34px;}
.dz ul li p{font-size:18px;margin-top:5px;width:100%;}
.dz ul li em,.dz ul li i,.dz ul li c{width:100%;color:#6E6D6D;float:left;font-size:14px;height:18px;line-height:18px;text-indent:19px}
.dz ul li em{background:url("../images/tfgame/com-icon.png") 0 5px no-repeat;margin:10px 0}
.dz ul li c{background:url("../images/tfgame/com-icon.png") 0 -63px no-repeat}
.dz ul li i{background:url("../images/tfgame/com-icon.png") 0 -31px no-repeat;margin:10px 0}
.part-7 .tfgame-list-job .tfgame-panel .tfgame-panel-body {
    padding: 28px 0 50px 12px;
    font-size: 14px;
    background-color: #eef2f4;
    line-height: 2.5;
    overflow: hidden;
    display: none
}

.part-7 .tfgame-list-job .tfgame-panel .tfgame-panel-body .left {
    float: left;
    width: 688px
}

.part-7 .tfgame-list-job .tfgame-panel .tfgame-panel-body .right {
    float: right;
    margin-right: 180px;
    margin-top: 30px;
    font-size: 14px
}

.part-7 .tfgame-list-job .tfgame-panel .tfgame-panel-body .right .mail {
    width: 100%;
    height: 80px;
    background: url(http://res.itfgame.com/uploadfile/tfgame/content/www/index_images/job-mail_152a621.png) no-repeat center center
}

.part-7 .tfgame-list-job .tfgame-panel.active {
    background-color: #eef2f4
}

.part-7 .tfgame-list-job .tfgame-panel.active .tfgame-panel-body {
    display: block
}

.part-7 .tfgame-list-job .tfgame-panel.active i {
    background: url("../images/tfgame/zxns/job-arrow-b_2adf407.png") no-repeat center center
}

.part-7 .tfgame-list-job .tfgame-panel-heading:hover span {
    color: #ff6c14
}

.part-7 .tfgame-list-job .a {
    width: 260px
}

.part-7 .tfgame-list-job .b {
    width: 206px
}

.part-7 .tfgame-list-job .c {
    width: 190px
}

.part-7 .tfgame-list-job .d {
    width: 190px
}

.part-7 .tfgame-list-job .e {
    width: 175px
}

.part-7 #pages {
    text-align: right;
    margin-bottom: 51px
}

.part-7 #pages a {
    font-size: 16px;
    margin: 0 4px;
    color: #171717
}

.part-7 #pages a.current {
    color: #0098e6
}

.part-8 .title {
    font-size: 24px;
    color: #383838;
    border-left: 4px solid #00b7ee;
    text-indent: 16px;
    margin: 40px 0 29px
}

.part-8 .tab-content {
    margin-top: 30px
}

.part-8 .tfgame-list-job .tfgame-panel-group {
    padding-bottom: 8px
}

.part-8 .tfgame-list-job .head {
    padding: 0 0 0 29px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    background-color: #d2d2d2;
    margin-bottom: 15px
}

.part-8 .tfgame-list-job .head span {
    display: block;
    float: left;
    font-size: 16px;
    color: #fff
}

.part-8 .tfgame-list-job .tfgame-panel {
    background-color: #fbfbfb;
    box-shadow: -.7px .7px 2px 0 rgba(0, 0, 0, .1);
    margin-bottom: 20px
}

.part-8 .tfgame-list-job .tfgame-panel .tfgame-panel-heading {
    position: relative;
    overflow: hidden;
    height: 50px;
    line-height: 50px
}

.part-8 .tfgame-list-job .tfgame-panel .tfgame-panel-heading span {
    display: block;
    min-height: 20px;
    float: left;
    font-size: 14px;
    color: #383838
}

.part-8 .tfgame-list-job .tfgame-panel .tfgame-panel-heading i {
    position: absolute;
    right: 29px;
    top: 12px;
    display: block;
    width: 28px;
    height: 28px;
    background: url(http://res.itfgame.com/uploadfile/tfgame/content/www/index_images/2017042600027_f992d07.png) no-repeat center center
}

.part-8 .tfgame-list-job .tfgame-panel .tfgame-panel-body {
    padding: 33px 0 60px 50px;
    font-size: 14px;
    background-color: #eef2f4;
    line-height: 2.5;
    overflow: hidden;
    display: none
}

.wanted-style {
    font-size: 14px;
    white-space: normal;
    word-spacing: 0px;
    text-transform: none;
    font-weight: normal;
    color: rgb(51,51,51); outline-width: 0px;
    font-style: normal; outline-style: none;
    orphans: 2;
    widows: 2;
    letter-spacing: normal;
    outline-color: invert;
    text-indent: 0px;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    -webkit-text-stroke-width: 0px;

}

.part-8 .tfgame-list-job .tfgame-panel .tfgame-panel-body .left {
    float: left;
    width: 40px
}

.part-8 .tfgame-list-job .tfgame-panel .tfgame-panel-body .right {
    float: left;
    width: 974px;
    font-size: 14px
}

.part-8 .tfgame-list-job .tfgame-panel .tfgame-panel-body .right .mail {
    width: 100%;
    height: 80px;
    background: url(http://res.itfgame.com/uploadfile/tfgame/content/www/index_images/job-mail_152a621.png) no-repeat center center
}

.part-8 .tfgame-list-job .tfgame-panel.active {
    background-color: #e9ecf1
}

.part-8 .tfgame-list-job .tfgame-panel.active .tfgame-panel-heading {
    background-color: #e9ecf1
}

.part-8 .tfgame-list-job .tfgame-panel.active .tfgame-panel-body {
    display: block;
    background-color: #e9ecf1
}

.part-8 .tfgame-list-job .tfgame-panel.active .a {
    background-color: #e9ecf1
}

.part-8 .tfgame-list-job .tfgame-panel.active i {
    background: url(http://res.itfgame.com/uploadfile/tfgame/content/www/index_images/2017042600028_8f1e6d7.png) no-repeat center center
}

.tfgame-list-job {
    min-height: 470px;
}
.part-8 .tfgame-list-job .job-open {
    display: block;
    overflow: hidden
}

.part-8 .tfgame-list-job .job-open:hover span {
    color: #00b7ee
}

.part-8 .tfgame-list-job .a {
    width: 50px;
    text-align: center;
    background-color: #e9ecf1
}

.part-8 .tfgame-list-job .b {
    margin-left: 26px;
    width: auto
}

.part-8 #pages {
    text-align: right;
    margin-bottom: 51px
}

.part-8 #pages a {
    font-size: 16px;
    margin: 0 4px;
    color: #171717
}

.part-8 #pages a.current {
    color: #0098e6
}

.part-9 .title {
    font-size: 24px;
    color: #383838;
    border-left: 4px solid #00b7ee;
    text-indent: 16px;
    margin: 0 0 29px
}

.part-10 {
    position: relative;
    width: 1231px;
    height: 254px;
    background: url(http://res.itfgame.com/uploadfile/tfgame/content/www/index_images/2017042600035_e758a49.png) no-repeat center center;
    margin: 0 auto 52px
}

.part-10 a {
    position: absolute;
    display: block;
    width: 300px;
    height: 80px;
    text-align: center
}

.part-10 a span {
    font-weight: 700;
    font-size: 16px;
    color: #383838
}

.part-10 a p {
    margin-top: 10px;
    color: #383838;
    font-size: 16px
}

.part-10 .a {
    left: 23px;
    top: 125px
}

.part-10 .b {
    left: 467px;
    top: 125px
}

.part-10 .c {
    right: 23px;
    top: 125px
}

.list-top {
    height: 250px;
    background: url(http://res.itfgame.com/uploadfile/tfgame/content/www/index_images/list-top-bg_135f62b.png)
}

.list-top .container-fluid-wrap {
    height: 250px
}

.list-top .title {
    position: absolute;
    bottom: 0;
    left: 15px;
    margin: 0;
    line-height: 100px;
    font-size: 36px;
    color: #fff;
    border-bottom: 10px solid #0098e6
}

.tfgame-list {
    color: #383838
}

.tfgame-list .row {
    margin-top: 30px
}

.tfgame-list .a {
    margin-left: 15px;
    margin-top: 29px;
    line-height: 2.14;
    text-indent: 30px
}

.tfgame-list .b {
    margin-left: 15px;
    margin-top: 29px
}

.tfgame-list .b ul li {
    position: relative;
    overflow: hidden;
    padding-bottom: 18px
}

.tfgame-list .b ul li span {
    display: block;
    float: left
}

.tfgame-list .b ul li .time {
    width: 100px
}

.tfgame-list .b ul li .line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100px;
    width: 1px;
    border-left: 1px solid #535353;
    margin-bottom: 0;
    border-top: 0
}

.tfgame-list .b ul li .line i {
    position: absolute;
    left: -5px;
    top: 0;
    display: block;
    width: 9px;
    height: 9px;
    background-color: #007ce6;
    border-radius: 100%
}

.tfgame-list .b ul li .event {
    margin-left: 30px
}

.tfgame-list .c {
    margin-left: 15px;
    margin-top: 29px
}

.tfgame-list .c p {
    margin-top: 15px
}

.tfgame-list-news {
    width: 1165px
}

.tfgame-list-news ul li {
    margin-top: 20px;
    position: relative;
    width: 100%;
    height: 139px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dcdcdc
}

.tfgame-list-news ul li .a {
    position: absolute;
    left: 0;
    top: 0;
    width: 204px;
    height: 119px
}

.tfgame-list-news ul li .a img {
    width: 100%;
    height: 100%
}

.tfgame-list-news ul li .b {
    position: absolute;
    left: 240px;
    top: 19px;
    color: #6a6a6a;
    width: 720px;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tfgame-list-news ul li .d {
    position: absolute;
    left: 240px;
    top: 56px;
    display: block;
    width: 720px;
    height: 44px;
    color: #919191;
    overflow: hidden
}

.tfgame-list-news ul li .e {
    position: absolute;
    top: 12px;
    right: 82px;
    width: 1px;
    height: 100px;
    background-color: #dcdcdc
}

.tfgame-list-news ul li .f {
    position: absolute;
    top: 26px;
    right: 0;
    display: block;
    width: 80px;
    text-align: center;
    color: #919191;
    font-size: 20px
}

.tfgame-list-news ul li .g {
    position: absolute;
    top: 52px;
    right: 0;
    display: block;
    width: 80px;
    text-align: center;
    font-size: 40px;
    color: #919191
}

.tfgame-list-news ul li:hover .b {
    color: #00b7ee
}

.tfgame-list-news #pages {
    text-align: right;
    margin-top: 30px;
    margin-bottom: 90px
}

.tfgame-list-news #pages a {
    font-size: 16px;
    margin: 0 4px;
    color: #171717
}

.tfgame-list-news #pages a.current {
    color: #0098e6
}

.tfgame-content {
    position: relative;
    margin-bottom: 90px;
    min-height: 500px;
    color: #383838;
    width: 970px
}

.tfgame-content h1 {
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    color: #383838;
    margin-top: 30px;
    margin-bottom: 20px
}

.tfgame-content .des {
    text-align: center;
    color: #737373;
    margin-bottom: 30px
}

.tfgame-content .content {
    color: #383838;
    line-height: 2.14
}

.tfgame-content .page {
    font-size: 12px;
    color: #333;
    font-weight: 700;
    padding-top: 30px
}

.tfgame-content .page a {
    width: 320px;
    font-size: 12px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 700;
    display: block;
    float: left
}

.tfgame-content .page i {
    display: block;
    font-style: normal;
    float: left
}

.tfgame-content .page .a {
    margin-right: 76px
}

.tfgame-content .page a:hover {
    color: #00b7ee
}

#go_top {
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -26px;
    width: 52px;
    height: 52px;
    background: url(http://res.itfgame.com/uploadfile/tfgame/content/www/index_images/2017042600033_8ba1838.png) no-repeat center center
}

#go_top:hover {
    background: url(http://res.itfgame.com/uploadfile/tfgame/content/www/index_images/2017042600034_774c177.png) no-repeat center center
}

.list-a-title {
    text-align: center;
    margin-top: 340px;
    color: #383838
}

.list-a-title .chinese {
    font-size: 40px;
    font-weight: bolder;
    display: block
}

.list-a-title .english {
    font-size: 20px;
    display: block;
    margin-top: 14px
}

.list-a-cont {
    width: 1170px;
    margin: 0 auto;
    line-height: 30px;
    margin-top: 30px;
    color: #383838
}

.container-b {
    margin: 0 auto;
    width: 1031px;
    color: #383838
}

.container-b strong {
    font-size: 20px
}

.list-b-title {
    float: right;
    padding-bottom: 6px;
    overflow: hidden
}

.list-b-title .chinese {
    float: left;
    font-size: 40px;
    font-weight: bolder
}

.list-b-title .english {
    float: left;
    font-size: 20px;
    margin-top: 26px;
    margin-left: 6px
}

.list-b-cont1 {
    margin-top: 13px
}

.list-b-cont1 p {
    padding-top: 4px
}

.list-b-cont2 {
    margin-top: 17px
}

.list-b-cont2 p {
    padding-top: 4px
}

.list-c-title {
    color: #656565
}

.list-c-title .chinese {
    font-size: 40px;
    font-weight: bolder;
    display: block;
    margin-top: 54px;
    text-align: center
}

.list-c-title .english {
    font-size: 20px;
    display: block;
    margin-top: 14px;
    text-align: center
}

.list-c-cont {
    width: 749px;
    margin: 0 auto
}

.tr-first span {
    display: block;
    padding-top: 27px;
    font-size: 19px
}

.tr-first p {
    line-height: 30px;
    padding-top: 4px
}

.tr-second td {
    padding-top: 128px
}

.tr-second span {
    font-size: 19px
}

.tr-second p {
    line-height: 30px;
    padding-top: 4px
}

.list-d-title {
    color: #fff
}

.list-d-title .chinese {
    font-size: 40px;
    font-weight: bolder;
    display: block;
    margin-top: 129px;
    text-align: center
}

.list-d-title .english {
    font-size: 20px;
    display: block;
    margin-top: 14px;
    text-align: center
}

.list-d-intro {
    color: #fff;
    text-align: center;
    padding-top: 17px
}

.list-d-tab {
    margin: 176px auto;
    font-size: 18px;
    width: 1135px;
    text-align: center;
    color: #fff
}

.list-d-tab td {
    width: 227px
}

.list-d-tab span {
    display: block
}

.list-b-dev {
    position: relative;
    margin-top: 40px;
    height: 450px;
}

.list-b-dev::after {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 28px;
    height: 448px;
    border-left: 1px solid #00B7EE;
}

.year-lists,
.year-lists li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.year-lists {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 56px;
}

.year-lists li {
    position: relative;
    margin-bottom: 42px;
    width: 56px;
    height: 56px;
    padding: 8px;
    font-size: 12px;
    background-color: #c3e0ee;
    border-radius: 28px;
    cursor: pointer;
}

.year-lists span {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    background-color: #ff6c14;
    color: #fff;
}

.year-lists .active {
    background-color: #e6bfc2;
    transform: scale(1.4);
    -webkit-transform: scale(1.4);
}

.year-lists .active span {
    background-color: #d52c27;
}

.year-cont {
    position: absolute;
    left: 150px;
    top: 0;
    width: 400px;
    height: 450px;
    overflow: hidden;
}

.year-cont dl {
    margin-bottom: 30px;
}

.year-cont dl:last-child {
    margin-bottom: 0;
}

.year-cont-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
}

.year-cont dt {
    line-height: 2em;
    font-size: 20px;
    color: #ff6c14;
}

.year-cont dd {
    color: #383838;
    line-height: 2.2em;
}

.srcoll-wrap {
    position: absolute;
    z-index: 100;
    right: 0;
    top: 75px;
    width: 10px;
    height: 300px;
}

.srcoll-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 50px;
    background-color: #9E9E9E;
    border-radius: 2px;
}

/*澶撮儴瀵艰�?*/

/*.school-hover {*/
    /*position: relative;*/
    /*background-color: rgba(238, 238, 238, 1);*/
/*}*/

/*.school-hover:hover .recruitment {*/
    /*display: block;*/
/*}*/

/*.school-hover .recruitment {*/
    /*position: absolute;*/
    /*display: none;*/
/*}*/

/*.recruitment a .selected:before {*/
    /*content: '';*/
    /*display: block;*/
    /*width: 6px;*/
    /*height: 6px;*/
    /*background-color: rgba(0, 183, 238, 1)!important;*/
    /*border-radius: 50%;*/
    /*position: absolute;*/
    /*margin-top: 16px;*/
    /*left: 26px;*/
/*}*/

.recruitment {
    width: 0;
    height: 0px;
    background: #f1f1f1;
    display: block;
    left: 0;
    top: 0;
}

.recruitment a {
    margin-left: 38px;
    width: 64px;
    background-color: #f1f1f1;
    text-align: center;
    display: block;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: black;
    line-height: 40px;
}

.recruitmentabout {
    width: 0;
    height: 0px;
    background: #f1f1f1;
    display: block;
    left: 0;
    top: 0;
}

.recruitmentabout a {
    margin-left: 38px;
    width: 64px;
    background-color: #f1f1f1;
    text-align: center;
    display: block;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: black;
    line-height: 40px;
}

.recruitment a:hover {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 183, 238, 1);
}

.recruitmentabout a:hover {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 183, 238, 1);
}

.on {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 183, 238, 1)!important;
}

.onabout {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 183, 238, 1)!important;
}



/*鏍″洯鎷涜�?*/

.part-xyzpschool {
    width: 100%;
    height: 817px;
    background: url(http://res.itfgame.com/uploadfile/tfgame/content/www/index_images/school_banner.png) no-repeat center center;
    background-size: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
}

.part-6-tip {
    width: 732px;
    height: 49px;
    text-align: center;
    font-size: 30px;
    font-family: PingFang-SC-Regular;
    color: rgba(255, 255, 255, 1);
    line-height: 10px;
}

.video-btn {
    width: 360px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.video-btn-text {
    font-size: 30px;
    font-family: PingFang-SC-Heavy;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
    margin-bottom: 10px;
}

.xyzp-content {
    background: url(http://res.itfgame.com/uploadfile/tfgame/content/www/index_images/school_bg.png) repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    padding-top: 59px;
}

.campus-recruitment {
    font-size: 50px;
    font-family: PingFang-SC-Heavy;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
    text-align: center;
    margin-left: -20px;
    margin-bottom: 52px;
}

.xyzp-content-jobfd {
    margin: 0 auto;
    width: 1015px;
    height: 140px;
}

.xyzp-content-jobfd > li{
    position: relative;
    float: left;
    margin-right: 100px;
    height: 140px;
}

.xyzp-content-a {
    display: block;
    width: 95px;
    height: 95px;
    background: rgba(0, 0, 0, 1);
    border-radius: 50%;
}

.xyzp-content-a span{
    position: absolute;
    top: 105px;
    display: block;
    width: 100%;
    text-align: center;
    height: 16px;
    font-size: 16px;
    font-family: PingFang-SC-Bold;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
}

.school-job-select {
    position: absolute;
    top: 140px;
    left: -35px;
    list-style: none;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999;
    display: none;
    padding: 5px;
    border-radius: 4px;
}

.school-job-select-a {
    display: block;
    width: 171px;
    height: 33px;
    color: rgba(255, 255, 255, 1);
}

.job-name:before {
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: rgba(0, 183, 238, 1);
    line-height: 33px;
    position: absolute;
    left: 10px;
    margin-top: 15px;
}

.school-job-select li {
    width: 171px;
    margin: 0;
    text-align: center;
    line-height: 33px;
}

.xyzp-content-jobfd > li:hover .school-job-select {
    display: block;
}


.school-job-select li:last-child {
    margin-right: 0
}

.xyzp-content-jsyf  {
    background: url(http://res.itfgame.com/uploadfile/tfgame/content/www/index_images/school-job1.png) no-repeat;
    background-size: 95px 95px;
}

.xyzp-content-mssj {
    background: url(http://res.itfgame.com/uploadfile/tfgame/content/www/index_images/school_job2.png) no-repeat;
    background-size: 95px 95px;
}

.xyzp-content-zyzn {
    background: url(http://res.itfgame.com/uploadfile/tfgame/content/www/index_images/school_job3.png) no-repeat;
    background-size: 95px 95px;
}

.xyzp-content-scsw{
    background: url(http://res.itfgame.com/uploadfile/tfgame/content/www/index_images/school_job4.png) no-repeat;
    background-size: 95px 95px;
}

.xyzp-content-cpyy {
    background: url(http://res.itfgame.com/uploadfile/tfgame/content/www/index_images/school_job5.png) no-repeat;
    background-size: 95px 95px;
}

.school-job-select > li:hover {
    background-color: rgba(0, 183, 238, 1);
}

.xyzp-content-jobfd li :hover .xyzp-content-jsyf,
.xyzp-content-jobfd li.active .xyzp-content-jsyf {
    background-image: url(http://res.itfgame.com/uploadfile/tfgame/content/www/index_images/school-job1-1.png);
    background-repeat: no-repeat;
}

.xyzp-content-jobfd li:hover .xyzp-content-mssj,
.xyzp-content-jobfd li.active .xyzp-content-mssj {
    background-image: url(http://res.itfgame.com/uploadfile/tfgame/content/www/index_images/school-job2-1.png);
    background-repeat: no-repeat;
}

.xyzp-content-jobfd li:hover .xyzp-content-zyzn,
.xyzp-content-jobfd li.active .xyzp-content-zyzn {
    background-image: url(http://res.itfgame.com/uploadfile/tfgame/content/www/index_images/school_job3.1.png);
    background-repeat: no-repeat;
}

.xyzp-content-jobfd li:hover .xyzp-content-scsw,
.xyzp-content-jobfd li.active .xyzp-content-scsw {
    background-image: url(http://res.itfgame.com/uploadfile/tfgame/content/www/index_images/school_job4.1.png);
    background-repeat: no-repeat;
}

.xyzp-content-jobfd li:hover .xyzp-content-cpyy,
.xyzp-content-jobfd li.active .xyzp-content-cpyy {
    background-image: url(http://res.itfgame.com/uploadfile/tfgame/content/www/index_images/school_job5.1.png);
    background-repeat: no-repeat;
}

.xyzp-jobinfo {

}

.xyzp-list-job {
    width: 976px;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0.8;
    border-radius: 20px;
    padding: 57px 67px 59px 57px;
    margin: 30px auto;
}

.school-job-name {
    width: 78px;
    height: 21px;
    font-size: 20px;
    font-family: PingFang-SC-Bold;
    color: rgba(0, 183, 238, 1);
    line-height: 30px;
}

.school-job-line {
    margin-top: 14px;
    margin-right: 67px;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 1);
}

.school-job-content {
    font-size: 14px;
    font-family: PingFang-SC-Regular;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
    margin-top: 19px;
}

.school-job-content ol {
    padding-left: 13px;
}