body {
    font-family: -apple-system-font,Helvetica Neue,sans-serif,SimSun;
}
.wrapbox {font-size: 1rem;}
.form-input {font-size: 1rem;}
.item-alllist .list .cont h1,.event-list .info h1 {font-size: 1rem;}
.weui-btn {font-size: 1rem;}
.weui-cell {padding: 10px 15px}
.weui-btn_primary {background-color: #4a8dff;}
.weui-btn_primary:hover,.weui-btn_primary:focus {color: #fff; text-decoration: none;}
.weui-btn_disabled.weui-btn_primary {background-color: #d9d9d9;}
.boxshadow {box-shadow: #ccc 0 5px 10px !important; -webkit-box-shadow: #ccc 0 5px 10px !important; }

/* header */
.headerbox .iconbox a {width: auto; padding-left: 15px;}


.pagebox-no-top-padding {padding-top: 0;}
.no-top-margin {margin-top: 0;}
.no-bottom-margin {margin-bottom: 0 !important;}
.top-filter {font-size: 16px;   display: flex;border-bottom: 1px solid #e5e5e5;color: #e5e5e5; justify-content: space-around; position: fixed; background: #fff; z-index: 1; margin-top: -1px; width: 100%; max-width: 960px; height: 2rem; padding: 0px 5px;}
.has-headerbox .top-filter{top: 2.5rem;}
.top-filter .weui-cell {padding: 0px;}
.top-filter .form-input {font-size: .95em !important;}
.has-headerbox  .top-filter-nofixed, .top-filter-nofixed {position: relative; top: 0px;}
.mt2rem {margin-top: 2rem;}

/* 个人中心 */
.weui-switch-cp__input:checked~.weui-switch-cp__box, .weui-switch:checked {border-color: #DF3831; background-color: #DF3831;}
.btn-send-code, .weui-sendsms-btn {color: #fff; background-color: #DF3831; font-size: 14px; padding: .2rem;}
.weui-sendsms-btn:disabled {background-color: rgba(206,206,206,1); min-width: 50px;}

/* 活动 */
.weui-cell-no-top-border:before {border-top: none;}
.weui-panel-no-bottom-border:after {border-bottom: none;}
.weui-cell-no-bottom-border:after {border-bottom: none;}
.weui-btn-small {padding-top: 0px; padding-bottom: 0px; border-radius: 5px;}

/* 我的活动 */
.item-alllist {border-bottom: 1px solid #e5e5e5; margin: 0px;}
.item-alllist .list {padding: 10px 15px;}
.item-alllist .list .cont p img {top: 4px}
.item-alllist:last-child {border-bottom: none;}

.item-alllist-time {background: url('../img/icon-clock.png') no-repeat left center; background-size: auto .5rem; padding-left: .6rem; font-size: .5rem;}
.item-alllist-place {background: url('../img/icon-didian.png') no-repeat left center; background-size: auto .5rem; padding-left: .6rem; font-size: .5rem;}
.item-alllist-number {background: url('../img/icon-question.png') no-repeat left center; background-size: auto .5rem; padding-left: .6rem; font-size: .5rem;}
.item-alllist-gonghui {background: url('../img/icon-gonghui.png') no-repeat left center; background-size: auto .5rem; padding-left: .6rem; font-size: .5rem;}

/* .item-alllist-other {display: flex;}
.item-alllist-time {font-size: .5rem; display: inline-block;}
.item-alllist-place {font-size: .5rem; display: inline-block; border-left: 1px solid #e5e5e5; padding-left: 2px; margin-left: 2px;} */


/* list2 */
.panelbox {
    box-shadow: rgb(0 0 0 / 6%) 0 3px 10px;
    -webkit-box-shadow: rgb(0 0 0 / 6%) 0 3px 10px;
}

/* 竞赛 */
.detail-cont .pic {max-width: 400px; margin: 0px auto;}

/* 协会 */
.event-list .pic img {border-radius: 5px;}

.pagination>li>a, .pagination>li>span {border-radius: 4px;}

/* 首页 */
.menu-item {display: flex; justify-content: space-between; width: 100%; text-align: center; margin-top: 10px;}
.menu-item .item {width: 23%;}
.menu-item .item a {display: block; background: #e8e8e8; padding: 10px 0; border-radius: 2px;}
.menu-item .item .fa {font-size: 1.2rem; color: #4a8dff;}
.menu-item .item a:hover, .menu-item .item a:active {color: #fff; background: #4a8dff;}
.menu-item .item a:hover .fa, .menu-item .item a:active .fa {color: #fff;}
.menu-item .item a:hover .btn, .menu-item .item a:active .btn, .menu-item .item a:focus .btn {color: #fff; border: none; background: none;}
.menu-item .title {margin-top: 3px;}
.menu-item .item-gongfu span {display: block;}

.homepage {display: inherit; height: auto; background: none;}
.homepage .menu-list {flex-wrap: wrap;}
.homepage .menu-list li {width: 25%; min-width: 25%; margin: 3px;}
.homepage .menu-list li i {font-size: 1.2rem; width: auto; height: auto;}
.homepage .menu-list li a {background: #dfdfdf; padding: 5px;}
.homepage .menu-list li a:hover {background-color: #f6e983;}

.homepage .panelbox {box-shadow: none; padding: 0px; }
.homepage .homebox {margin: 0px auto; max-width: 960px; margin-top: 0px; background: url('../img/bg/index_bg.jpg') left bottom no-repeat; background-size: 100% auto;}
.homepage .homebox .panelbox-menu {margin-bottom: 20px; background: none; box-shadow: none; -webkit-box-shadow: none}
.homepage .homebox .panelbox-menu .panel-body {padding: 0px 15px;}
.homepage .homebox .panelbox-menu .panel-body .menu-list { background: #fff; border-radius: 4px; justify-content: space-between;}
.homepage .panelbox {margin: 0px; width: 100%;}
.homepage .panelbox-header {text-align: center; position: relative; padding: 20px 0px;}
.homepage .panelbox-header .title {display: inline; border-bottom: 2px solid #FFD400; padding-bottom: 2px; font-weight: bold; font-size: .7rem;}
.homepage .panelbox-header .more {position: absolute; right: 20px; top: 33%;}
.swiper-home-mobile {height: 100%;}
.swiper-home-mobile .logo {width: 200px; position: absolute; top: 15px; left: 15px;}
.swiper-home-mobile .logo img {width: 100%;}
.swiper-home-mobile .title {position: absolute; top: 40%; left: 15px; color: #fff; font-size: .8rem;}
.swiper-slide-title {top: calc(350px / 2); width: 100%; max-width: 930px; margin: 0px auto; text-align: center;}

.homefoucebox .op-btn {position: absolute; top: 0px; right: 15px; color: #fff; z-index: 999;}

.panelbox-activity .panel-body {display: flex; height: 480px;}
.panelbox-activity .panel-body .box-item {background-size: cover; background-position: center center;}

.panelbox-activity .panel-body .box-item {position: relative; display: block;}
.panelbox-activity .panel-body .box-item .cont {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    color: #fff;
    background-image: url('../img/opacy_bg.png');
    background-repeat: repeat;
    padding: 15px;
    display: none;
}
.panelbox-activity .panel-body .box-item:hover .cont {display: block;}
.panelbox-activity .panel-body .box-item .cont .desc {margin-top: 5px;}
.panelbox-activity .panel-body .box-item .title {color: #FFD400;white-space: nowrap; width: 100%; overflow: hidden;text-overflow:ellipsis; font-weight: bold;}
.panelbox-activity .panel-body .box-item:hover .title {display: block;}
.panelbox-activity .panel-body .box-item img{width: 100%; height: 100%; display: block;}
.panelbox-activity .panel-body .left-1 {width: 50%;}
.panelbox-activity .panel-body .left-1 .box-item {height: 100%;}
.panelbox-activity .panel-body .right-box {width: 50%; display: flex; flex-wrap: wrap;}
.panelbox-activity .panel-body .right-box .box-item {width: 50%; }

/* 手机没有hover事件 */
.mobile-body .panelbox-activity .panel-body .box-item .title {display: block;}


.item-withimage-list .list {background-color: #F7F7F7; display: flex; padding: 10px 15px; border-bottom: #efefef solid 1px; }
.item-withimage-list .list:last-child  {border-bottom: none;}
.item-withimage-list .list .pic {margin-right: 10px; width: 30%; position: relative}
.item-withimage-list .list .pic img {border-radius: 0px; width: 100%; height: 100%;}
.item-withimage-list .list .cont {padding-left: 0px;}
.item-withimage-list .list .cont .title {font-weight: bold;}
.item-withimage-list .list .cont .desc {font-size: .5rem;}
.item-withimage-list .list .item-alllist-other {min-height:45px;}
.panel-body .item-alllist .list:last-child {border-radius: 0;}

.item-withimage-list .list .pic .activity-over {position: absolute; top: -10px; right: -10px; width: 40%; height: auto;}
.item-withimage-list .list-type-2 .block-date, .item-withimage-list .list-type-3 .block-date {display: none;}


.footer-box {background-color: #A5A5A5; color: #fff; text-align: center; margin-top: 30px;}
.footer-box a {color: #fff;}

.footer-1 {padding: 30px 0;}
.footer-1-logo {text-align: center; margin-bottom: 20px;}
.footer-1-logo img {width: 400px; height: auto;}
.footer-1-menu ul li{display: inline-block; margin: 0px 10px;}

.footer-copyright {background-color: #878787; padding: 20px 0; color: #ccc; font-size: 12px;}
.footer-copyright-1 ul li {display: inline-block; border-left: 1px solid #ccc; padding-left: 10px; margin-left: 10px; height: 13px; line-height: 13px;}
.footer-copyright-1 ul li:first-child {border-left: none; padding-left: 0px; margin-left: 0px;}

.footer-box2 {background-color: #4B4B4B; padding: 20px 0; color: #fff; font-size: .3rem;}
.footer-box2 .list {display: flex; justify-content: space-evenly;}
.footer-box2 .list a {color: #fff;}

.tabnavbox .navlist p {text-align: center;}


.mobile-body .panelbox-wrap1 {display: none;}
.pc-body .panelbox-mobile-activity {display: none;}
.swiper-block {width: 100%;max-width: 960px; padding-bottom: 30px;}
.swiper-block .swiper-slide {box-shadow: #ccc 0 5px 10px; -webkit-box-shadow: #ccc 0 5px 10px; width: 300px;}
.swiper-block .swiper-slide a {display: block;}
.swiper-block .swiper-slide img {width: 100%; height: auto;}
.swiper-block .swiper-slide .cont {background-color: #F7F7F7; padding: 10px;}
.swiper-block .swiper-slide .cont .title {font-weight: bold;}

.panelbox-mobile-notices {padding: 0px 15px;}
.swiper-notices .swiper-slide {box-shadow: none;}
.swiper-notices .swiper-slide .t {display: flex; justify-content: space-around; flex-direction: column;height: 120px; background: #fff;}
.swiper-notices .swiper-slide .t .title {font-size: .8rem; font-weight: normal;}
.swiper-notices .swiper-slide .cont {background: none;}
.swiper-notices .swiper-slide .cont .desc{ text-align: right;}

@media screen and (min-width:720px){
    
    .homepage .pagebox, .pagebox,.debug-tips {width: 100%; max-width: 960px !important; margin-left: auto; margin-right: auto;}
    .tabnavbox, .headerbox, .footerbtn-box, .debug-tips {max-width: 960px; margin: 0px auto;}


    /* 首页 */
    .homepage {display: inherit; height: auto;}
    .homepage .panelbox-menu {margin-bottom: 20px; width: 100%; border-radius: 0px;}
    
    .homepage .panelbox {margin: 0px; width: 100%;}
    .homefoucebox {height: auto; margin-bottom: 10px;}
    .swiper-home-mobile {height: 450px;}
    .swiper-home-mobile .swiper-slide {background-size: 100% auto; background-repeat: no-repeat;}
    .swiper-home-mobile.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-home-mobile .swiper-pagination-custom, .swiper-home-mobile .swiper-pagination-fraction {top: auto; bottom: 10px;}
    .menu-list li {width: 20%;}
    .item-alllist .list .pic {width: 20%;}
    .homefoucebox+.panelbox {margin-top: 0px;}

    .event-list .pic {width: 20%;}

    .item-withimage-list {display: flex; justify-content: space-evenly; width: 100%; flex-wrap: wrap; padding: 20px;}
    .item-withimage-list .list{display: inline-block; width: 30%;  padding: 0px; box-shadow: #ccc 0 5px 10px; -webkit-box-shadow: #ccc 0 5px 10px; margin-bottom: 30px;}
    .panel-body .item-withimage-list .list:last-child {border-radius: 0;}
    .item-withimage-list .list:last-child {margin-bottom: 30px}
    .item-withimage-list .list .pic {width: 100%; height: 150px;}
    .item-withimage-list .list .cont {padding: 10px; background-color: #F7F7F7;}
    
    .item-withimage-list .list .cont .title { width: 100%; overflow: hidden;text-overflow:ellipsis; font-weight: bold; height: 50px; overflow: visible; display: block;}
    .item-withimage-list .list .cont .title-sm {display: none; width: 100%;}
    .item-withimage-list .list .cont .desc {font-size: .5rem; margin: 5px 0; height: 60px;}
    
    .item-withimage-list .list .cont p {color: inherit;}

    .item-withimage-list a:hover {box-shadow: rgb(0 0 0 / 6%) 0 10px 10px; -webkit-box-shadow: rgb(0 0 0 / 6%) 0 10px 10px; }
    .item-withimage-list a:hover .cont {color: #fff; background-color: #4a8dff;}
    .item-withimage-list a:hover .cont .title {color: #f9cf00;}

    
}

@media screen and (min-width:1200px){
    .swiper-home {height: 500px;}
    .swiper-slide-title {top: calc(500px / 2)}
}

@media screen and (max-width:720px){
    .homepage .homebox {background: none;}
    .footer-copyright {padding-top: 0px;}
    .footer-copyright-1 ul li {display: block; border: none; padding: 0px; margin: 5px 0; height: auto; line-height: inherit;}
    .footer-1-logo img {width: 249px;}

    .item-withimage-list .list {background-color: #F7F7F7; border: none; padding: 10px 15px; box-shadow: #ddd 0 5px 15px; -webkit-box-shadow: #ddd 0 5px 15px; margin-bottom: 20px;}
    .item-withimage-list .list .pic {width: 45%;}
    .item-withimage-list .list .cont {width: 45%;}
    .item-withimage-list .list .cont-noimage {width: 100%;}
    .item-withimage-list .list .cont .title {display: none;}
    .item-withimage-list .list .cont .title-sm {display: block;}

    .item-withimage-list .list-type-2 .block-date {display: flex; position: absolute; color: #fff; text-align: center; align-items: center; justify-content: space-around; bottom: 5px; left: -10px;background: url('../img/bg/date_bg.png'); width: 50px; height: 45px;}
    .item-withimage-list .list-type-2 .block-date .block-date-wrap {}
    .item-withimage-list .list-type-2 .block-date .block-date-wrap span {display: block; font-size: .5rem;}
    .item-withimage-list .list-type-2 .block-date .block-date-wrap span.day {font-weight: bold; font-size: .7rem;  line-height: .7rem;}
    .item-withimage-list .list-type-2 .cont {justify-content: flex-start}
    .item-withimage-list .list-type-2 .cont .single-date {display: none;}


    
    .item-withimage-list .list-type-3 .pic-date {padding-right: 15px;}
    .item-withimage-list .list-type-3 .cont {}
    .item-withimage-list .list-type-3 .block-date {display: flex; align-items: center; justify-content: space-between; color: #4a8dff; text-align: center; height: 100%;}
    .item-withimage-list .list-type-3 .block-date .block-date-wrap span {display: block;}
    .item-withimage-list .list-type-3 .block-date .block-date-wrap span.day {font-weight: bold;font-size: 1rem; }
    .item-withimage-list .list-type-3 .cont {justify-content: flex-start}
    .item-withimage-list .list-type-3 .cont .single-date {display: none;}

    .homepage-version2 .item-withimage-list .list-type-3 .cont {justify-content: space-around}


    .swiper-home {height: 220px;}
    .swiper-slide-title {top: 80px; text-align: left; left: 15px; width: calc(100% - 30px); margin: 0px auto;white-space: nowrap;overflow: hidden;text-overflow:ellipsis; font-size: 16px;}
    .swiper-home-mobile.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-home-mobile .swiper-pagination-custom, .swiper-home-mobile .swiper-pagination-fraction {bottom: 15px; top: inherit;}

    .panelbox-activity .panel-body {height: 400px;}
    .panelbox-activity .panel-body .box-item .cont {padding: 10px; font-size: .3rem;}
    .panelbox-activity .panel-body .box-item .cont .desc {margin-top: 3px;}
    .panelbox-activity .panel-body .right-box .box-item .cont .desc {white-space: nowrap; width: 100%; overflow: hidden;text-overflow:ellipsis; }

    .homepage .homebox .panelbox-menu .panel-body .menu-list {padding: 0px;margin-top: 20px;}
}

@media screen and (max-width:520px){
    /* .swiper-home {height: 200px;} */
    .panelbox-activity .panel-body {height: 300px;}
    
    .panelbox-activity .panel-body .box-item .cont {padding: 5px; height: 20px; line-height: 20px; top: inherit; bottom: 0px; padding: 0px 5px;}
    .panelbox-activity .panel-body .box-item .cont .desc {white-space: nowrap; width: 100%; overflow: hidden;text-overflow:ellipsis; margin-top: 2px; display: none;}

    
}

@media screen and (max-width:400px){
    

    .item-withimage-list .list-type-2 .block-date .block-date-wrap span {display: block; font-size: .6rem;}
    .item-withimage-list .list-type-2 .block-date .block-date-wrap span.day {font-weight: bold; font-size: 1rem;  line-height: 1rem;}
}

.mobile-body .panelbox-activity .panel-body .box-item .cont {display: block; height: 25px; line-height: 25px; padding: 0px 5px; top: inherit; bottom: 0px;}
.mobile-body .panelbox-activity .panel-body .box-item .cont .desc {display: none;}


.swiper-slide {background-size: cover; background-position: top center;}
.item-withimage-list .list-end {background: #f1f1f1; color: #ccc;}



/* 首页v2 */
/* .homepage-version2 .homebox{margin-top: 0px;} */
.swiper-home-pc .swiper-pagination {text-align: left;}
.full-screen {height: 100vh; position: relative;}
.swiper-home-pc {height: 100vh;}
.swiper-home-pc .swiper-slide { background-size: cover; position: relative; position: relative; background-position: center center;}
.swiper-home-pc.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-home-pc .swiper-pagination-custom, .swiper-home-pc .swiper-pagination-fraction {bottom: 30px; top: auto; left: 15px;}
.swiper-home-pc .swiper-slide .title {position: absolute; top: 20%; left: calc((100vw - 960px) / 2); font-size: 2.5rem; color: #fff}
.swiper-home-pc .swiper-slide .news-title {position: absolute; bottom: 100px; text-align: left; left: 15px; width: 100%; color: #fff; font-size: 26px;}
.swiper-home-pc .swiper-slide .news-title a {color: #fff;}
.swiper-home-pc .swiper-slide .news-title a:hover {text-decoration: underline;}


/* .header {position: fixed; top: 0px; left: 0px; z-index: 100; width: 100%; padding: 10px 20px; background: url('../img/bg/head-bg.png') center repeat-x; border-top: 2px solid #4a8dff; min-height: 138px;}
.header a {color: #fff;}
.header a:hover {color: #f9cf00;}

.header .top-small ul{text-align: right; display: flex; justify-content: flex-end; font-size: .6rem;}
.header .top-small ul li {margin-left: 20px;}
.header .top-small ul li a {color: #fff;}
.header .top-small ul li a:hover {color: #f9cf00;}

.header .top-main {display: flex; justify-content: space-between; align-items: center;}
.header .top-main .logo img {width: 380px;}
.header .top-main .menu ul {display: flex;}
.header .top-main .menu ul li {margin-left: 20px;}
.header .top-main .menu ul li:first-child {margin-left: 0px;} */

/* .banner-menu {position: absolute; bottom: 0px; z-index: 99; display: flex; justify-content: space-around; width: 100%; font-size: .4rem;}
.banner-menu ul {display: flex; background-color: #fff;}
.banner-menu ul li {text-align: center; border-right: 1px solid #d9d9d9;}
.banner-menu ul li:last-child {border-right: none;}
.banner-menu ul li a {display: block; padding: 20px 30px;}
.banner-menu ul li a:hover {background-color: #f9cf00; color: #fff;}
.banner-menu ul li img {width: 40%;}
.banner-menu ul li .fa {font-size: 1.2rem; margin-bottom: 12px; color: #ccc;}
.banner-menu ul li a:hover .fa {color: #fff;}
.banner-menu ul li span {display: block;} */

/* .homepage .homebox {width: 100%; max-width: 100%;}
.homepage .homebox .panelbox {width: 100%; max-width: 960px; margin: 0px auto; background: none;}

.homepage .homebox .panelbox-wrap {width: 100%;} */
/* .homepage .homebox .panelbox-wrap1 {background:url('/img/bg/cont_bg1.png') center center no-repeat; background-size: cover; padding: 0px 0px 50px 0px} */

.footer-box {background: none;}
.footer-copyright {background: none;}
@media screen and (max-width:960px){
    /* .header {font-size: .4rem;}
    .header .top-main .logo img {width: 350px;}
    .header .top-main .menu ul li {margin-left: 10px;}

    .swiper-home-pc .swiper-slide .title {left: 15px;} */
}

@media screen and (max-width:800px){
    /* .header .top-main .logo img {width: 250px;} */
}

@media screen and (min-width:700px){
    .panelbox-menu {display: none;}
    .homefoucebox {display: none;}
}

@media screen and (max-width:700px){
    /* .header {padding: 5px 15px 15px 15px; background: url('../img/bg/head-mobile-bg.png') top center repeat-x; min-height: 80px;}
    .header .top-small ul li {margin-left: 10px;}
    .header .menu {display: none;}
    .swiper-home-pc {display: none;} */
    .full-screen {display: none;}

    .panelbox-menu {display: block;}
    .homefoucebox {display: block; height: auto;}
}