body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, button, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei"
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-family: "Microsoft YaHei"
}

fieldset, img {
    border: 0
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal
}

ul, ol, li {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

input, textarea, select {
    *font-size: 100%;
    outline: 0;
    border: 0
}

a {
    text-decoration: none
}

button, textarea {
    outline: 0;
    border: 0;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}

.fl {
    float: left
}

.strategy-container {
    width: 100%;
    margin: auto;
    max-width: 1920px;
    min-height: 1920px;
    background: url(../images/nbat60.jpg) no-repeat center top rgb(10, 18, 29);
}

.header {
    width: 100%;
    height: 680px;
}

.special-container {
    width: 1200px;
    height: 712px;
    margin: auto;
    background: url(../images/nbat69.png) no-repeat;
    position: relative;
}

.special-carousel {
    width: 1200px;
    height: 600px;
    position: relative;
    z-index: 2;
    top: 65px;
}

.special-carousel .special-li {
    width: 100%;
    height: 100%;
    display: none;
}

.special-carousel .special-li img {
    width: 1200px;
    height: 600px;
}

.special-carousel .special-li .special-left {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
    width: 815px;
    height: 219px;
    background: url(../images/nbat72.png) no-repeat;
    box-sizing: border-box;
    padding: 56px 42px 0 56px;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
    color: #ffffff;
    text-indent: 32px;
}

.special-container .special-title {
    font-size: 38px;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: 2px;
    color: #ffffff;
    position: absolute;
    left: 93px;
    top: 110px;
    z-index: 5;
}

.special-carousel .special-li > i {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: block;
    position: absolute;
    z-index: 2;
    background: url(../images/nbat54.png) no-repeat center -64px;
}

.special-index {
    position: absolute;
    top: 190px;
    width: 320px;;
    left: 54px;
    z-index: 3;
}

.special-index span {
    display: block;
    width: 319px;
    height: 64px;
    line-height: 64px;
    cursor: pointer;
    background: url(../images/nbat63.png) no-repeat;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    text-indent: 40px;
    letter-spacing: 1px;
    color: #ffffff;
    margin-bottom: 52px;
}

.special-index span.checked {
    background-image: url(../images/nbat62.png);
}

/*球员信息*/
.player-container {
    height: 718px;
    width: 100%;
    background: url(../images/nbat64.jpg) no-repeat center center;
}

.player-content {
    width: 1200px;
    margin: auto;
    position: relative;

}

.btn-left {
    width: 50px;
    height: 100px;
    background: url(../images/nbat40.png) no-repeat;
    position: absolute;
    top: 304px;
    left: 0;
    z-index: 3;
    cursor: pointer;
}

.btn-left:hover {
    background-image: url(../images/nbat51.png);
}

.btn-right {
    width: 50px;
    height: 100px;
    background: url(../images/nbat39.png) no-repeat;
    position: absolute;
    top: 304px;
    right: 0;
    z-index: 3;
    cursor: pointer;
}

.btn-right:hover {
    background-image: url(../images/nbat50.png);
}

.player-content .player-info {
    width: 1000px;
    margin: 0 auto 50px;
    padding-top: 32px;
}

.player-info .player-position {
    font-size: 24px;
    font-style: italic;
    color: #ffffff;
    height:31px;
}

.player-info .player-name {
    font-size: 48px;
    font-style: italic;
    color: #95fdff;
    font-weight: bold;
}

.player-info .player-body {
    font-size: 16px;
    font-style: italic;
    line-height: 30px;
    color: #729ed9;
    margin-bottom: 16px;
    height:30px;
}

.player-info .player-detail {
    box-sizing: border-box;
    width: 582px;
    height: 319px;
    padding: 35px 30px 0 25px;
    font-size: 0;
    overflow: hidden;
}

.player-info > img {
    position:absolute;
    right:0;
    margin: 50px 50px 0 0;
}

.player-detail img {
    float: left;
    margin-bottom: 30px;
    width: 242px;
    height: 140px;
}

.player-detail ul {
    float: right;
    width: 260px;
    margin-bottom: 30px;
    font-size: 16px;
    color: #729ed9;
    margin-right: 5px;
}

.player-detail .player-intro {
    clear: both;
    font-size: 14px;
    line-height: 24px;
    color: #729ed9;
}

.player-detail li {
    height: 18px;
    width: 100%;
    line-height: 18px;
    margin-top: 22px;
}

.player-detail li:first-child {
    margin-top: 0;
}

.player-detail li p {
    display: inline-block;
    width: 159px;
    height: 17px;
    vertical-align: middle;
    background: url(../images/nbat98.png) no-repeat;
    margin-right:5px;
}

.player-detail li p span {
    float: left;
    width: 90%;
    height: 17px;
    background: url(../images/nbat97.png) no-repeat;
}

.player-head-container {
    width: 760px;
    margin: auto;
    height: 116px;
    position: relative;
}

.player-head {
    width: 696px;
    margin: auto;
    overflow: hidden;
}

.player-head .player-ul {
    height: 116px;
    font-size: 0;
    text-align: left;
    white-space: nowrap;
    position: relative;
}

.player-head .player-li {
    width: 116px;
    height: 116px;
    display: inline-block;
    cursor: pointer;
}

.player-head .player-li:hover,
.player-head .player-li.checked {
    background: url(../images/nbat66.png) no-repeat;
}

.player-head .player-li img {
    float: left;
    margin: 26px;
    vertical-align: bottom;
    border: 0;
    border-radius:50%;
}

.toggle-left {
    width: 16px;
    height: 27px;
    position: absolute;
    left: 0;
    top: 45px;
    cursor: pointer;
    background: url(../images/nbat99.png) no-repeat;
}

.toggle-right {
    width: 16px;
    height: 27px;
    position: absolute;
    right: 0;
    top: 45px;
    cursor: pointer;
    background: url(../images/nbat100.png) no-repeat;
}

/*球队信息*/
.team-container {
    height: 599px;
    width: 100%;
    margin-bottom: 28px;
    background: url(../images/nbat65.jpg) no-repeat center center;
}

.team-content {
    width: 1200px;
    margin: auto;
    position: relative;
}

.team-content .btn-left {
    top: 220px;
}

.team-content .btn-right {
    top: 220px;
}

.team-content .team-info {
    width: 1000px;
    margin: 0 auto ;
    height:414px;
    box-sizing: border-box;
    padding-top: 95px;
}

.team-info .team-name a {
    font-size: 48px;
    font-style: italic;
    color: #95fdff;
    font-weight: bold;
}

.team-info .team-name-en {
    font-style: italic;
    margin: 28px auto 35px;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    color: #ffffff;
}

.team-info .team-intro p {
    margin: 25px auto 0 0;
    font-size: 14px;
    line-height: 24px;
    color: #729ed9;
    width: 430px;
}

.team-info a img {
    float: right;
    height:320px;
    margin: 0 50px 0 0;
}

.team-head-container {
    width: 760px;
    margin: auto;
    height: 42px;
    position: relative;
}

.team-head {
    width: 696px;
    margin: auto;
    overflow: hidden;
}

.team-head .team-ul {
    height: 42px;
    font-size: 0;
    text-align: left;
    white-space: nowrap;
    position: relative;
}

.team-head .team-li {
    width: 116px;
    height: 42px;
    display: inline-block;
    cursor: pointer;
}

.team-head .team-li:hover,
.team-head .team-li.checked {
    background: url(../images/nbat66.png) no-repeat;
}

.team-head .team-li img {
    float: left;
    margin: 0;
    width:34px;
    height:42px;
    vertical-align: bottom;
    border: 0;
}

.team-head-container .toggle-left {
    top: 0;
}

.team-head-container .toggle-right {
    top: 0;
}

/*游戏攻略*/

.title-p {
    width: 988px;
    height: 53px;
    line-height: 60px;
    background: url(../images/nbat1.png) no-repeat;
    margin: auto;
    text-align: center;
    font-size: 22px;
    letter-spacing: 1px;
    color: #ffffff;
    position:relative;
}

.video-container {
    width: 1200px;
    margin: auto;
    overflow: hidden;
}

.video-ul {
    overflow: hidden;
    position:relative;
    height:250px;
    margin-bottom:15px;
}

.video-ul a {
    width: 311px;
    height: 228px;
    position: absolute;
    left:0px;
    top:20px;
}
.video-ul a+a{
    left:298px;
}
.video-ul a+a+a{
    left:597px;
}
.video-ul a+a+a+a{
    left:895px;
}
.video-ul a p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90%;
    right: 0;
    margin: auto;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 1px;
    color: #729ed9;
    overflow: hidden;
    height:26px;
    text-align: center;
}

.video-ul a i {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/nbat56.png) no-repeat;
    width: 311px;
    height: 214px;
    z-index: 3;
}

.video-ul a div {
    float: left;
    margin: 37px 0 0 35px;
    width: 242px;
    height: 140px;
    position: relative;
}

.video-ul div img {
    vertical-align: bottom;
    border: 0;
}

.video-ul div b {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/nbat57.png) no-repeat;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.video-ul a:hover b {
    background: none;
}

.video-ul a em {
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/nbat58.png);
    width: 60px;
    height: 60px;
    margin: auto;
    right: 0;
    bottom: 0;
    z-index: 11;
}

.video-ul a:hover p {
    color: white;
}

.right-link {
    width: 800px;
    overflow: hidden;
    float: left;
}

.right-link a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 0 11px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #70839d;
    border-top: 0;
    border-bottom: 1px solid #223b5d;
    height: 64px;
    line-height: 64px;
}

.right-link a:first-child {
    border-bottom: 1px solid #223b5d;
}

.right-link a i {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 18px;
    margin-right: 6px;
    background-color: #3f608c;
}

.right-link a span {
    width: 675px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.right-link a b {
    color: #3f608c;
    font-weight: normal;
}

.right-link a:hover i {
    background: #ffa6cf;
}

.right-link a:hover span {
    color: white;
}

.right-link a:hover b {
    color: #ae6084;
}

.img-strategy {
    width: 350px;
    float: right;
    overflow: hidden;
    margin-top: 18px;
}

.img-strategy a {
    display: block;
}

.img-strategy a img {
    width: 350px;
    height: 212px;
}

.img-strategy p {
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: white;
    margin-bottom: 8px;
}
.more-news {
    position: absolute;
    top: 0;
    right: -100px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #729ed9;
}

.more-news span {
    display: inline-block;
    vertical-align: middle;
    width:17px;
    height:17px;
    background:url(../images/nbat38.png) no-repeat;
    margin-right:5px;
}

.section1-head {
    position: relative;
    z-index: 11;
    width: 1200px;
    padding-top: 35px;
    margin: auto;
}

.section1-head .logo {
    float: left;
    width: 192px;
    height: 44px;
    background: url(../images/nbat82.png) no-repeat;
    background-size: 100% 100%;
}

.section1-head .s-strategy {
    float: right;
    width: 152px;
    height: 53px;
    background: url(../images/nbat21.png) no-repeat;
    background-size: 100% 100%;
}

.section1-head .s-strategy:hover {
    background-image: url(../images/nbat22.png);
}

.section1-head .s-index {
    float: right;
    width: 152px;
    height: 53px;
    background: url(../images/ztsy.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    right: -20px;
}

.section1-head .s-index:hover {
    background-image: url(../images/ztsy1.png);
}