@charset "UTF-8";
/* CSS Document */

@media all and (max-width: 1440px) {
    .header {padding: 0 30px;}
    .header .group {padding: 20px 0;}
    .header .logo a img {height: 50px;}
    .header .menu .item {margin-right: 40px;}
    .header .menu .item a {font-size: 16px;}

    .banner .con {display: block;}
    .banner .con .down {margin-right: 0; display: -webkit-flex; display: -ms-flex; display: flex;}
    .banner .con .down .item {margin-bottom: 0; margin-right: 20px;}
    .banner .con .down .item img {width: 140px;}
    .banner .con .code {float: left; padding-top: 20px;}
    .banner .con .code .img img {width: 80px; height: 80px; border-radius: 5px;}
    .banner .con .code .txt {font-size: 12px; padding-top: 10px;}


    .intitle {padding: 50px 0;}
    .intitle .head {min-width: 300px; padding: 0 20px;}
    .intitle .head:before,
    .intitle .head:after {width: 21px; height: 20px; margin-top: -10px;}
    .intitle .head .name {font-size: 30px;}
    .intitle .head .note {font-size: 20px; padding-top: 10px;}
    .intitle .text {font-size: 18px; padding-top: 15px;}


    .inmore {width: 160px; border: 1px solid #fff; border-radius: 20px;}
    .inmore span {line-height: 40px; font-size: 18px; padding-right: 20px; background: url("../images/inmore-arrow.png") no-repeat right center / auto 14px;}


    .inproduct {height: 600px;}
    .inproduct .img .group {margin-right: 12px;}
    .inproduct .img .group:nth-child(1) {width: 250px;}
    .inproduct .img .group:nth-child(2) {width: 170px;}
    .inproduct .img .group:nth-child(3) {width: 210px;}
    .inproduct .img .group .item {margin-bottom: 14px;}
    .inproduct .con .note {font-size: 24px;}
    .inproduct .con .name {font-size: 40px; line-height: 60px; padding-top: 40px;}
    .inproduct .con .text {font-size: 14px; line-height: 30px; padding-top: 10px;}
    .inproduct .con .more {padding-top: 30px;}



    .incourse {height: 600px;}
    .incourse .img img {width: 300px;}
    .incourse .con .name {font-size: 40px; padding-top: 40px;}
    .incourse .con .list {padding-top: 20px;}
    .incourse .con .list .group {padding-top: 40px;}
    .incourse .con .list .group .item {margin-right: 74px;}
    .incourse .con .list .group .item .icon img {width: 60px; height: 60px;}
    .incourse .con .list .group .item .text {font-size: 16px; padding-top: 20px;}
    .incourse .con .more {padding-top: 40px;}



    .innews .list {width: auto; flex: 1; padding: 20px 0;}
    .innews .list .item {border-bottom: 2px solid rgba(255, 255, 255, .05); padding: 20px 0 20px 40px;}
    .innews .list .item .img {margin-right: 30px;}
    .innews .list .item .img img {width: 200px; height: 148px;}
    .innews .list .item .con .name {font-size: 18px;}
    .innews .list .item .con .text {font-size: 14px; margin-top: 15px;}
    .innews .list .item .con .note {font-size: 14px; padding-top: 40px;}


    .innews .other {width: 500px; margin: 0; padding: 40px;}
    .innews .other .video video {width: 500px; height: 332px;}
    .innews .other .more {padding-top: 40px;}


    .footer {padding: 35px 0;}
    .footer .main .text .tit {font-size: 20px;}
    .footer .main .text .num {font-size: 24px;}
    .footer .main .text .con {font-size: 18px;}
    .footer .main .code .txt {font-size: 18px;}
    .footer .main .code .img {padding-top: 20px;}
    .footer .main .code .img img {width: 150px;}
    .footer .copy {font-size: 18px; padding-top: 60px;}


    .pages {font-size: 22px;}

    .nnews-location {font-size: 20px;}
    .nnews-list .item .con .date {font-size: 18px;}
    .nnews-list .item .con .head .name {font-size: 24px;}
    .nnews-list .item .con .foot .text {font-size: 18px;}



}

@media all and (max-width: 1366px) {

}

@media all and (max-width: 1280px) {
    .header .logo a img {height: 40px;}
    .header .menu .item {margin-right: 30px;}
    .header .menu .item a {font-size: 14px;}

    .banner .con .down .item img {width: 120px;}

    .intitle {padding: 40px 0;}
    .intitle .head:before, .intitle .head:after {width: 17px; height: 16px;}
    .intitle .head .name {font-size: 24px;}
    .intitle .head .note {font-size: 18px;}
    .intitle .text {font-size: 14px;}

    .inproduct .img {padding-left: 40px;}
    .inproduct .img .group:nth-child(1) {width: 220px;}
    .inproduct .img .group:nth-child(2) {width: 150px;}
    .inproduct .img .group:nth-child(3) {width: 184px;}
    .inproduct .img .group .item {margin-bottom: 10px;}
    .inproduct .con .note {font-size: 20px;}
    .inproduct .con .name {font-size: 32px; line-height: 44px;}

    .incourse .img {padding-left: 100px;}

    .innews {flex-direction: column;}
    .innews .list .item {padding-right: 40px;}
    .innews .list .item:last-child {border-bottom: 2px solid rgba(255, 255, 255, .05);}
    .innews .other {width: auto; padding-top: 0;}
    .innews .other .video {display: none;}
    .innews .other .more {padding-top: 20px;}
    .innews .other .more a.inmore {margin: 0 auto;}


    .footer {padding: 30px 0;}
    .footer .main .text .tit {font-size: 18px;}
    .footer .main .text .num {font-size: 20px;}
    .footer .main .text .con {font-size: 16px;}
    .footer .main .code .txt {font-size: 16px;}
    .footer .main .code .img {padding-top: 15px;}
    .footer .main .code .img img {width: 140px;}
    .footer .copy {font-size: 16px; padding-top: 40px;}


    .about-title .name .txt {font-size: 20px;}
    .about-title .name .img {padding-left: 20px;}
    .about-title .name .img img {height: 14px;}
    .about-mation {font-size: 18px;}

    .about-field .item .box .con .tit {min-height: 80px; padding-top: 40px;}

    .ncontact {padding: 30px 0;}
    .ncontact-group {padding: 20px 0;}
    .ncontact-address {font-size: 18px;}
    .ncontact-main .list {margin-right: 60px;}
    .ncontact-main .list .item .icon img {height: 40px;}
    .ncontact-main .list .item .text {font-size: 18px;}
    .ncontact-main .pubs .item {margin-left: 60px;}
    .ncontact-main .pubs .item a {width: 40px; height: 40px;}
    .ncontact-main .pubs .item a .icon img {width: 40px; height: 40px;}
    .ncontact-note {font-size: 16px;}

    .nmessage {padding: 60px 30px 100px 30px;}
    .nmessage .location {font-size: 18px; padding: 0 40px;}
    .nmessage .main {padding-top: 40px;}
    .nmessage .txtbox textarea {border-width: 1px; font-size: 18px; padding: 30px 40px; border-radius: 20px; height: 360px;}
    .nmessage .btnbox {padding-top: 40px;}
    .nmessage .btnbox input.btn {font-size: 20px;}

    .nmessage .capbox {padding-top: 30px;}
    .nmessage .capbox input.inp {width: 200px; height: 50px; border: 1px solid #898989; font-size: 18px; padding: 0 20px;}
    .nmessage .capbox span {width: 100px; height: 50px; background: #ccc; margin-left: 20px;}
    .nmessage .capbox span img {width: 100px; height: 50px;}
}

@media all and (max-width: 1024px) {
    .inproduct .con {padding-right: 60px;}

    .about-field .item .box .con .tit {font-size: 18px; min-height: auto; padding: 40px 0 20px 0;}
    .about-field .item .box .con .txt {line-height: 2;}

    .nnews-list .item .img {margin-right: 40px;}
    .nnews-list .item .img img {width: 240px;}

    .nnewscon {padding: 40px 30px;}
    .nnewscon-location {font-size: 18px;}
    .nnewscon-main {padding-top: 40px;}
    .nnewscon-title {font-size: 24px;}
    .nnewscon-note {font-size: 16px;}
    .nnewscon-content {padding: 40px 0; font-size: 16px;}

    .conpage {font-size: 16px;}
    .conpage a {font-size: 16px;}

    .conshare .box .note {font-size: 16px;}
    .conshare .box .list .item {margin-right: 10px;}
    .conshare .box .list .item a .icon img {width: 30px; height: 30px;}
}

@media all and (max-width: 960px) {
    .header .menu .item {margin-right: 20px;}

    .banner .con .down {display: block;}
    .banner .con .down .item {margin-bottom: 10px;}
    .banner .con .down .item img {width: 100px;}
    .banner .con .code {position: absolute; right: 20px; bottom: 20px;}
    .banner .con .code .img img {width: 60px; height: 60px;}
    .banner .con .code .txt {display: none;}

    .inproduct {height: auto; flex-direction: column; justify-content: center; align-items: center; padding: 40px 0;}
    .inproduct .img {padding: 0;}
    .inproduct .img .group:last-child {margin-right: 0;}
    .inproduct .con {padding: 40px 0 0 0; text-align: center; align-items: center;}

    .incourse {justify-content: center; height: auto; padding: 40px 0;}
    .incourse .img {display: none;}
    .incourse .con {padding: 0; align-items: center;}

    .insport {flex-wrap: wrap;}
    .insport .left {width: 50%;}
    .insport .cent {width: 50%; padding: 0; padding-bottom: .1rem;}
    .insport .last {width: 100%; display: -webkit-flex; display: -ms-flex; display: flex;}
    .insport .last .item {width: 50%; padding: 0;}
    .insport .last .item:first-child {padding-right: .05rem;}
    .insport .last .item:last-child {padding-left: .05rem;}
    .insport .last .item:first-child img,
    .insport .last .item:last-child img {height: 6rem;}

    .about-field .item .box .con .txt {word-break: break-all; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; height: 120px; min-height: inherit; line-height: 24px;}

    .pages {font-size: 20px; padding: 50px 0;}

    .nnews-location {font-size: 18px;}
    .nnews-list .item .con .date {font-size: 16px;}
    .nnews-list .item .con .head .name {font-size: 18px;}
    .nnews-list .item .con .foot .text {font-size: 16px;}
}

@media all and (max-width: 800px) {
    .header .menu {display: none;}
    .header .menubtn {display: block;}

    .footer .main .text .tit {font-size: 16px;}
    .footer .main .text .num {font-size: 18px;}
    .footer .main .text .con {font-size: 14px;}
    .footer .main .code .txt {font-size: 14px;}
    .footer .main .code .img img {width: 120px;}
    .footer .copy {font-size: 14px; padding-top: 40px;}


    .about-arc .only {display: none;}
    .about-arc .list {display: -webkit-flex; display: -ms-flex; display: flex;}

    .ncontact-address {text-align: left;}
    .ncontact-main {justify-content: space-between;}
    .ncontact-main .list {margin-right: 0;}
    .ncontact-main .list .item:last-child {margin-right: 0;}
    .ncontact-main .list .item .icon {margin-right: 10px;}
    .ncontact-main .list .item .icon img {height: 30px;}
    .ncontact-main .pubs .item {margin-left: 40px;}


    .pages {padding: 40px 0;}

    .nnews {padding: 40px 40px 0 40px;}
    .nnews-video {width: 100%;}
    .nnews-video video {height: 12rem;}
    .nnews-main {padding-top: 40px;}
    .nnews-location {padding: 0;}
    .nnews-list {padding-top: 0;}
    .nnews-list .item .img {margin-right: 30px;}
    .nnews-list .item .img img {width: 180px;}
}

@media all and (max-width: 720px) {

    .nabout {padding: 30px 0;}
    .about-group {padding: 30px 0;}
    .about-photos .item {width: 50%;}
    .about-photos .item:nth-child(1) {width: 100%;}
    .about-sys .item {width: 33.333%;}
    .about-field .item {width: 50%;}
}

@media all and (max-width: 640px) {
    .header {padding: 0 .6rem;}
    .header .group {padding: .6rem 0;}
    .header .logo a img {height: 2rem;}
    .header .menubtn,
    .header .menubtn a {width: 1.4rem; height: 1.4rem;}
    .header .menubtn a:before,
    .header .menubtn a:after,
    .header .menubtn a b {height: 1rem;}
    .header .menubtn a.on:before,
    .header .menubtn a.on:after {margin-top: -.5rem;}

    .banner .con .code {display: none;}
    .banner .con .down .item {margin-bottom: .3rem;}
    .banner .con .down .item img {width: 3.6rem;}

    .intitle {padding: 1rem;}
    .intitle .head {min-width: 13rem;}
    .intitle .head .name {font-size: 1rem;}
    .intitle .head .note {font-size: .8rem; padding-top: .3rem;}
    .intitle .text {font-size: .5rem; padding-top: .5rem;}

    .inmore {width: 6rem; border-radius: 3rem;}
    .inmore span {line-height: 1.8rem; font-size: .7rem; background-size: auto .6rem; padding-right: .7rem;}

    .inproduct {padding: 3rem 0;}
    .inproduct .img {display: none;}
    .inproduct .con {padding-top: 0;}
    .inproduct .con .note {font-size: 1rem;}
    .inproduct .con .name {font-size: 1.6rem; line-height: 2.2rem; padding-top: 1rem;}
    .inproduct .con .text {font-size: .6rem; line-height: 1rem;}
    .inproduct .con .more {padding-top: 1rem;}

    .incourse {padding: 3rem 0;}
    .incourse .con .name {font-size: 1.4rem; padding-top: 0;}
    .incourse .con .list {padding-top: 1rem;}
    .incourse .con .list .group {padding-top: 1.2rem;}
    .incourse .con .list .group .item {margin-right: 2rem;}
    .incourse .con .list .group .item .icon img {width: 2rem; height: 2rem;}
    .incourse .con .list .group .item .text {font-size: .7rem; padding-top: .5rem;}
    .incourse .con .more {padding-top: 2rem;}

    .insport .left {width: 100%; padding-bottom: .1rem;}
    .insport .left .list .item {padding: 0;}
    .insport .left .list .item:first-child {padding-right: .05rem;}
    .insport .left .list .item:last-child {padding-left: .05rem;}
    .insport .left .list .item img {height: 7rem;}
    .insport .left .only {padding: 0;}
    .insport .left .only img {height: 7rem;}

    .insport .cent {width: 100%; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center;}
    .insport .cent .img {width: 50%;}
    .insport .cent .img img {height: 7rem;}
    .insport .cent .con {width: 50%;}
    .insport .cent .con .box {padding: 1rem;}
    .insport .cent .con .txt {display: none;}
    .insport .cent .con .btn {padding-top: 0;}


    .innews .list {padding: 0;}
    .innews .list .item {padding: .8rem;}
    .innews .list .item .img {margin-right: .8rem;}
    .innews .list .item .img img {width: 5rem; height: 3.7rem;}
    .innews .list .item .con .name {font-size: .7rem;}
    .innews .list .item .con .text {font-size: .5rem; margin-top: .3rem;}
    .innews .list .item .con .note {font-size: .5rem; padding-top: .8rem;}
    .innews .other {padding: 1rem;}
    .innews .other .more {padding: 0;}

    .nban .con {height: 10rem; font-size: .7rem; line-height: .9rem; padding-top: 1.2rem;}


    .comCenter {padding: 0 .6rem;}

    .footer {padding: .6rem 0;}
    .footer .main {flex-direction: column;}
    .footer .main .text .tit {font-size: .5rem;}
    .footer .main .text .num {font-size: .6rem;}
    .footer .main .text .con {font-size: .4rem;}
    .footer .main .code {padding: .6rem 0 0 0;}
    .footer .main .code .txt {font-size: .5rem;}
    .footer .main .code .img {padding-top: .3rem;}
    .footer .main .code .img img {width: 5rem;}
    .footer .copy {font-size: .4rem; padding-top: .6rem;}

    .about-title .name .txt {font-size: 1rem;}
    .about-title .name .img img {height: .6rem;}
    .about-mation {font-size: .5rem; padding-top: .6rem;}

    .about-arc .list .item {padding: .8rem .4rem 0 0; box-sizing: border-box;}
    .about-arc .list .item:nth-child(even) {padding: .8rem 0 0 .4rem;}

    .about-photos {padding-top: .4rem;}
    .about-sys {padding-top: .4rem;}
    .about-sys .item {width: 50%;}

    .about-field {padding-top: .4rem;}

    .about-books .item {padding: .8rem .8rem 0 0; width: 50%;}
    .about-books .item .img {max-width: 100%;}
    .about-books .item .txt {font-size: .8rem; padding-top: .8rem;}

    .ncontact-address {font-size: .8rem;}
    .ncontact-main {flex-direction: column;}
    .ncontact-main .list {flex-direction: column;}
    .ncontact-main .list .item {margin-right: 0; padding-bottom: 1rem;}
    .ncontact-main .list .item .icon img {height: 1rem;}
    .ncontact-main .list .item .text {font-size: .8rem;}
    .ncontact-main .pubs .item a {width: 2rem; height: 2rem;}
    .ncontact-main .pubs .item a .icon img {width: 2rem; height: 2rem;}
    .ncontact-note {font-size: .7rem;}


    .pages {font-size: 16px;}
    .nnews {padding: 30px 30px 0 30px;}
    .nnews-list .item .img img {width: 5rem;}
    .nnews-list .item .con .head .date {display: none;}
    .nnews-list .item .con .foot .date {display: block;}

    .conpage {flex-wrap: wrap;}
    .conpage .item {width: 100%; padding-bottom: 10px;}



}

@media all and (max-width: 480px) {
    .nabout {padding: 0;}
    .about-sys .item .box .tit {font-size: 1rem;}
    .about-field .item {width: 100%;}
    .about-field .item .box .con {justify-content: center;}
    .about-field .item .box .con .tit {padding-top: 0;}
    .about-field .item .box .con .txt {-webkit-line-clamp: 7; height: 168px;}

    .nmessage {padding: 40px 20px;}
    .nmessage .location {font-size: 16px; padding: 0;}
    .nmessage .main {padding-top: 30px;}
    .nmessage .txtbox textarea {border-width: 1px; font-size: 16px; padding: 15px 20px; border-radius: 10px; height: 240px;}
    .nmessage .btnbox {padding-top: 30px;}
    .nmessage .btnbox input.btn {font-size: 16px;}

    .nmessage .capbox {padding-top: 20px;}
    .nmessage .capbox input.inp {width: 200px; height: 50px; border: 1px solid #898989; font-size: 16px; padding: 0 20px; flex: 1;}

    .pages {padding: 30px 0; font-size: 14px;}
    .pages a,
    .pages b,
    .pages span {margin: 0 10px;}
    .nnews {padding: 20px 20px 0 20px;}
    .nnews-list .item {padding: 20px 0;}
    .nnews-list .item .img {margin-right: 20px;}
    .nnews-list .item .con .date {font-size: 13px;}
    .nnews-list .item .con .head .name {font-size: 15px;}
    .nnews-list .item .con .foot .text {font-size: 13px; margin-top: 5px;}
    .nnews-list .item .con .foot .date {padding-top: 5px;}

    .nnewscon {padding: 20px;}
    .nnewscon-location {font-size: 16px;}
    .nnewscon-main {padding-top: 20px;}



    .footer .main .text .tit {font-size: 14px;}
    .footer .main .text .num {font-size: 16px;}
    .footer .main .text .con {font-size: 12px;}
    .footer .copy {font-size: 12px;}


    .about-mation {font-size: 14px;}

}

@media all and (max-width: 414px) {
    .nnews-location {font-size: 16px;}
    .nnews-list .item .img {margin-right: 15px;}

    .nnewscon-location {font-size: 14px;}
    .nnewscon-title {font-size: 20px;}
    .nnewscon-note {font-size: 14px;}
    .nnewscon-content {padding: 20px 0; font-size: 14px;}
}

@media all and (max-width: 375px) {
    .nnews-location {font-size: 15px;}
    .pages {justify-content: space-around;}
    .pages a,
    .pages b,
    .pages span {margin: 0;}

    .conpage {font-size: 14px;}
    .conpage a {font-size: 14px;}
    .conshare .box .note {font-size: 14px;}
    .conshare .box .list .item a .icon img {width: 24px; height: 24px;}
}

@media all and (max-width: 320px) {

}




/* 产品装备 */
@media all and (max-width: 1200px) {


    .nproduct {padding: 1.28rem 0 2.88rem 0;}

    .nproduct-title {font-size: .8rem; background-size: auto .8rem;}
    .nproduct-intro {width: 17.584rem;}
    .nproduct-video {margin-top: .96rem; border: .256rem solid #3f414e; border-radius: .32rem;}
    .nproduct-video .box {border: .256rem solid #3e3f45; border-radius: .16rem;}
    .nproduct-video video {height: 8.592rem;}
    .nproduct-group {padding-top: 2.88rem;}
    .nproduct-set {width: 16.8rem; padding-top: 1.44rem;}
    .nproduct-set .group {padding-top: 2.56rem;}
    .nproduct-set .group:first-child {padding-top: 0;}
    .nproduct-slide {box-shadow: 0 .24rem .56rem rgba(23, 29, 44, .66);}
    .nproduct-slide .swiper-pagination {margin-top: .72rem;}
    .nproduct-slide .swiper-pagination .swiper-pagination-bullet {width: .384rem; height: .384rem; margin: 0 .4rem;}
    .nproduct-set-foot {padding-top: 3.04rem;}
    .nproduct-set-foot .con {font-size: .768rem;}
    .nproduct-set-foot .buy {padding-left: .96rem;}
    .nproduct-set-foot .buy a {width: 6.24rem; height: 1.696rem; border-radius: .48rem; font-size: .832rem;}

    .nproduct-set-more {border-radius: .32rem; margin-top: .64rem;}
    .nproduct-set-more .img img {border-radius: .48rem;}
    .nproduct-set-more .tit {left: .32rem; top: .48rem; font-size: .768rem;}


    .nproduct-only {width: 16.8rem; padding-top: 1.44rem;}
    .nproduct-only .head {box-shadow: 0 .24rem .56rem rgba(23, 29, 44, .66);}
    .nproduct-only .foot {padding-top: 1.6rem;}
    .nproduct-only .foot .con {font-size: .768rem;}
    .nproduct-only .foot .buy {padding-left: .96rem;}
    .nproduct-only .foot .buy a {width: 6.24rem; height: 1.696rem; border-radius: .48rem; font-size: .832rem;}

    .nproduct-twos {width: 17.504rem; padding-top: 1.44rem;}
    .nproduct-twos .head {box-shadow: 0 .24rem .56rem rgba(23, 29, 44, .66);}
    .nproduct-twos .foot {padding-top: 1.6rem;}
    .nproduct-twos .foot .item .name {font-size: .768rem;}
    .nproduct-twos .foot .item .price {font-size: .768rem;}
    .nproduct-twos .foot .item .buy {padding-top: .48rem;}
    .nproduct-twos .foot .item .buy a {width: 6.24rem; height: 1.696rem; border-radius: .48rem; font-size: .832rem;}


}


/* 课程内容 */
@media all and (max-width: 1280px) {
    .ncourse {width: 18rem; padding: .75rem 0;}
    .ncourse-group {padding: .75rem 0;}
    .ncourse-title {font-size: .66rem; background-size: auto .6rem;}
    .ncourse-list {padding-top: .75rem;}
    .ncourse-list .item {padding: 0 .11rem; padding-top: .22rem;}
    .ncourse-list .item .con {height: 2.25rem; padding: 0 .75rem;}
    .ncourse-list .item .con .tit {font-size: .42rem;}
    .ncourse-list .item .con .txt {font-size: .27rem; padding-top: .15rem;}
    .ncourse-code {padding-top: .75rem;}
    .ncourse-code .img {padding: .15rem;}
    .ncourse-code .img img {width: 4rem;}
}
@media all and (max-width: 640px) {
    .ncourse-title {font-size: 16px;}
    .ncourse-list .item .con {height: 3.2rem;}
    .ncourse-list .item .con .tit {font-size: 14px;}
    .ncourse-list .item .con .txt {font-size: 12px;}
}
@media all and (max-width: 414px) {
    .ncourse-list .item .con {height: 3.6rem;}
}
@media all and (max-width: 375px) {
    .ncourse-list .item .con {height: 4rem;}
}


/* 运动社区 */
@media all and (max-width: 1280px) {
    .nsport {max-width: 18rem; padding-top: .6rem;}
    .nsport-location {font-size: .36rem;}
    .nsport-group {padding: 1.2rem 0;}
    .nsport-list {padding-top: .45rem;}
    .nsport-list .item {padding: 0 .11rem; padding-top: .22rem;}
    .nsport-list .item .con {height: 1.5rem; padding: .45rem;}
    .nsport-list .item .con .txt {font-size: .27rem;}
    .nsport-list .item .con .note {right: .45rem; bottom: .3rem;}
    .nsport-list .item .con .note .li {margin-right: .4rem;}
}
@media all and (max-width: 800px) {
    .nsport-list .item .con {height: 2rem;}
    .nsport-list .item .con .txt {font-size: 12px;}
}
@media all and (max-width: 640px) {
    .nsport-list .item .con {height: 3rem;}
}

@media all and (max-width: 1280px) {
    .nsportcon {padding: 1rem 0;}
    .nsportcon-head .portrait {margin-right: 10px;}
    .nsportcon-head .portrait img {width: 1.3rem; height: 1.3rem;}
    .nsportcon-head .name {font-size: .6rem;}
    .nsportcon-video {padding-top: .3rem;}
    .nsportcon-content {padding-top: 1.3rem; font-size: .45rem;}
}
@media all and (max-width: 1024px) {
    .nsportcon-video video {width: 100%; height: 12rem;}
}
@media all and (max-width: 800px) {
    .nsportcon-content {font-size: 14px;}
}