body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td{margin: 0;padding: 0;word-wrap: break-word;}
body,button,input,select,textarea{font: 14px/1.4 "Noto Sans SC",sans-serif,Helvetica,Arial,宋体}
address,cite,dfn,em,var,i{font-style: normal;}
code,kbd,pre,samp,tt{font-family: 'Courier New',Courier,monospace;}
small{font-size: 12px;}
ul,ol{list-style: none;}
a{color: #333;text-decoration: none;cursor: pointer;}
a:link{text-decoration: none;}
a:hover{text-decoration: none;}
abbr[title],acronym[title]{border-bottom: 1px dotted;cursor: help;}
q:before,q:after{content: '';}
legend{color: #000;}
fieldset,img{border: none;vertical-align: middle;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse;border-spacing: 0;}
/* body{background-color: #f3f5f7;} */
.clearfix:after{content: '\200B';display: block;height: 0;clear: both;}
.clearfix{*zoom: 1;}
.fl{float: left !important;_display: inline;}
.fr{float: right !important;}
.wa{width: 1210px;margin: 0 auto;}
.disabled{cursor: not-allowed;pointer-events: none;opacity: 0.6;}
.pr{position: relative;}
.pa{position: absolute;}
[v-cloak]{display: none !important;}
.i3done-header{height: 30px;background-color: #f2f6fc;}
.i3done-header-container{position: relative;height: 30px;min-width: 1210px;}
.i3done-header-logo{float: left;}
.i3done-header-logo-home{display: block;width: 87px;height: 30px;background-image: url(../images2/logo/head_logo.svg);background-size: 87px 20px;background-repeat: no-repeat;background-position: center;}
.i3done-header-toolbar{float: right;}
.i3done-header-login{line-height: 30px;}
.i3done-header-login-btn{padding: 7px 13px;font-size: 12px;color: #6b54f2;}
.i3done-header-login-btn.login{color: #708498;}
.i3done-header-login-avatar{position: relative;}
/* 文件图标 */
.sprites_x40{background-image: url(../images2/common/icon_sprites.png);background-size: cover;background-repeat: no-repeat;width: 40px;height: 40px;}
.sprites_x40.icon_pdf{background-position: 0 0;}
.sprites_x40.icon_doc,
.sprites_x40.icon_docx{background-position: 0 -48px;}
.sprites_x40.icon_xls,
.sprites_x40.icon_xlsx{background-position: 0 -96px;}
.sprites_x40.icon_ppt,
.sprites_x40.icon_pptx{background-position: 0 -144px;}
.sprites_x40.icon_png,
.sprites_x40.icon_jpg,
.sprites_x40.icon_jpeg{background-position: 0 -192px;}
.sprites_x50.icon_folder{background-position: 0 -240px;}
.sprites_x50.icon_txt{background-position: 0 -288px;}
.sprites_x50.icon_zip
.sprites_x50.icon_rar{background-position: 0 -336px;}
.sprites_x50.icon_ziai{background-position: 0 -384px;}

.sprites_x50{background-image: url(../images/common/icon_sprites.png);background-size: cover;background-repeat: no-repeat;width: 50px;height: 50px;}
.sprites_x50.icon_pdf{background-position: 0 0;}
.sprites_x50.icon_pdf{background-position: 0 0;}
.sprites_x50.icon_doc,
.sprites_x50.icon_docx{background-position: 0 -60px;}
.sprites_x50.icon_xls,
.sprites_x50.icon_xlsx{background-position: 0 -120px;}
.sprites_x50.icon_ppt,
.sprites_x50.icon_pptx{background-position: 0 -180px;}
.sprites_x50.icon_png,
.sprites_x50.icon_jpg,
.sprites_x50.icon_jpeg{background-position: 0 -240px;}
.sprites_x50.icon_folder{background-position: 0 -300px;}
.sprites_x50.icon_txt{background-position: 0 -360px;}
.sprites_x50.icon_zip
.sprites_x50.icon_rar{background-position: 0 -420px;}
.sprites_x50.icon_ziai{background-position: 0 -480px;}

.new-wa{width: 1180px;margin: 0 auto;}

/* 超出行省略 */
.oneRow{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.twoRow{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-break:break-all;}
.threeRow{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;word-break:break-all;}
.fourRow{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;word-break:break-all;}

/* flex */
.flex-box{display: flex;display: -webkit-flex;display: -ms-flexbox;}
.vue-modal-box{width: auto !important;min-width: 420px;}

.i3done-swiper-container .swiper-button-next,.i3done-swiper-container .swiper-button-prev{width: 32px;height: 32px;background-color: #000;opacity: 0.3;background-repeat: no-repeat;background-position: center;background-size: 16px;border-radius: 50%;}
.i3done-swiper-container .swiper-button-next:hover,.i3done-swiper-container .swiper-button-prev:hover{opacity: 0.6;}
.i3done-swiper-container .swiper-button-prev{background-image: url(../images2/common/swiper-left.png);}
.i3done-swiper-container .swiper-button-next{background-image: url(../images2/common/swiper-right.png);}
.i3done-swiper-container .swiper-button-next, .i3done-swiper-container .swiper-button-prev{display: none;}
.i3done-swiper-container:hover .swiper-button-next,
.i3done-swiper-container:hover .swiper-button-prev{display: block;}

/* 徽章 */
.i3done-designer,.i3done-maker,.i3done-teacher,.i3done-tutor,.i3done-vip{display: inline-block !important;width: 20px !important;height: 20px !important;margin-left: 5px !important;vertical-align: middle !important;}
.i3done-maker{background: url(../images2/common/sprite.png) no-repeat -149px -221px !important;}
.i3done-tutor{background: url(../images2/common/sprite.png) no-repeat -5px -221px !important;}
.i3done-designer{background: url(../images2/common/sprite.png) no-repeat -77px -221px !important;}
.i3done-teacher{background: url(../images2/common/sprite.png) no-repeat -221px -221px !important;}
.vip-vip1{background: url(../images2/common/sprite.png) no-repeat -293px -221px !important;}
.vip-vip2{background: url(../images2/common/sprite.png) no-repeat -5px -329px !important;}
.vip-vip3{background: url(../images2/common/sprite.png) no-repeat -5px -329px !important;}
.vip-vip4{background: url(../images2/common/sprite.png) no-repeat -77px -329px !important;}
.i3done-level{display: inline-block;height: 20px;vertical-align: middle;width: 60px;}
.level-level_1{background: url(../images2/common/sprite.png) no-repeat -5px -5px;}
.level-level_2{background: url(../images2/common/sprite.png) no-repeat -77px -5px;}
.level-level_3{background: url(../images2/common/sprite.png) no-repeat -149px -5px;}
.level-level_4{background: url(../images2/common/sprite.png) no-repeat -221px -5px;}
.level-level_5{background: url(../images2/common/sprite.png) no-repeat -293px -5px;}
.level-level_6{background: url(../images2/common/sprite.png) no-repeat -5px -32px;}
.level-level_7{background: url(../images2/common/sprite.png) no-repeat -77px -32px;}
.level-level_8{background: url(../images2/common/sprite.png) no-repeat -149px -32px;}
.level-level_9{background: url(../images2/common/sprite.png) no-repeat -221px -32px;}
.level-level_10{background: url(../images2/common/sprite.png) no-repeat -293px -32px;}
.level-level_11{background: url(../images2/common/sprite.png) no-repeat -5px -248px;}
.level-level_12{background: url(../images2/common/sprite.png) no-repeat -77px -248px;}
.level-level_13{background: url(../images2/common/sprite.png) no-repeat -149px -248px;}
.level-level_14{background: url(../images2/common/sprite.png) no-repeat -221px -248px;}
.level-level_15{background: url(../images2/common/sprite.png) no-repeat -293px -248px;}
.level-level_16{background: url(../images2/common/sprite.png) no-repeat -5px -275px;}
.level-level_17{background: url(../images2/common/sprite.png) no-repeat -77px -275px;}
.level-level_18{background: url(../images2/common/sprite.png) no-repeat -149px -275px;}
.level-level_19{background: url(../images2/common/sprite.png) no-repeat -221px -275px;}
.level-level_20{background: url(../images2/common/sprite.png) no-repeat -293px -275px;}
.level-level_21{background: url(../images2/common/sprite.png) no-repeat -5px -302px;}
.level-level_22{background: url(../images2/common/sprite.png) no-repeat -77px -302px;}
.level-level_23{background: url(../images2/common/sprite.png) no-repeat -149px -302px;}
.level-level_24{background: url(../images2/common/sprite.png) no-repeat -221px -302px;}
.level-level_25{background: url(../images2/common/sprite.png) no-repeat -293px -302px;}

/* 7周年头像框 */
.sevenAvatarMenu {position: relative;}
.sevenAvatarMenu::before {display: block;content: "";width: calc(100% + 10px);height: calc(100% + 10px);position: absolute;top: -6px;left: -5px;background: url(../images2/content/anniversary/avatar7th.png) no-repeat center;background-size: contain;}

/* common page style */
.page-common{text-align: center;}
.page-common .el-pagination.is-background .btn-prev,
.page-common .el-pagination.is-background .btn-next,
.page-common .el-pagination.is-background .el-pager li{width: 32px;height: 32px;line-height: 32px;border-radius: 6px;background-color: #fff;font-weight: 500;color: #757575;}
.page-common .el-pagination.is-background .btn-prev:hover,
.page-common .el-pagination.is-background .btn-next:hover,
.page-common .el-pagination.is-background .el-pager li:hover{color: #3FB7F9;opacity: .8;}
.page-common .el-pagination.is-background .el-pager li:not(.disabled).active{background-color: #DFEBFF;color: #424242;cursor: pointer;}
.page-common .page-dot{display: inline-block;position: relative;top: 5px;width: 32px;height: 32px;line-height: 32px;text-align: center; background-color: #fff;border-radius: 6px;color: #757575;}
.page-common .page-dot:hover{color: #3FB7F9;}

/* common sideBar style */
.side-bar{position: fixed;right: 24px;bottom: -100%;transition: all .5s;z-index: 100;}
.side-bar.on{bottom: 24px;}
.side-bar .side-bar_t{position: relative;width: 100%;text-align: center;}
.side-bar .side-bar_t::before,
.side-bar .side-bar_t::after{position: absolute;content: '';bottom:-8px;width: 0;height: 0;border-top: 8px solid #754EED;}
.side-bar .side-bar_t::before{left: 0;border-left: 8px solid transparent;}
.side-bar .side-bar_t::after{right: 0;border-right: 8px solid transparent;}
.side-bar .side-bar_t .text{display: block;padding: 7px 0;text-align: center;background: -webkit-linear-gradient(0deg, #abd5ff, #7985fe);}
.side-bar .side-bar_t .text .tit{font-size: 12px;color: #FFFFFF;transform: skewX(-10deg);}
.side-bar .side-bar_t .img{bottom: -7px;position: relative;}
.side-bar .side-bar_m .list-con{width: calc(100% - 8 * 2px);margin: auto;background-color: #fff;border: 1px solid rgba(63, 183, 249, 0.4);border-top: transparent;border-radius: 0 0 16px 16px;}
.side-bar .side-bar_m .list-con .list{position: relative; width: 100%;padding: 12px 0;text-align: center;font-size: 12px;cursor: pointer;color: #757575;}
.side-bar .side-bar_m .list-con .list::after{position: absolute;content: '';width: 100%;height: 1px;left: 50%;bottom: 0;transform: translateX(-50%);background: url(/contests/img/icon.png) no-repeat;}
.side-bar .side-bar_m .list-con .list:last-of-type::after{background: none;}
.side-bar .side-bar_m .list-con .list:hover{color: #3FB7F9;}
.side-bar .side-bar_m .list-con .list.on{background: #ebf7fe;color: #3FB7F9;}
.side-bar .side-bar_m .list-con .list a{color: #757575;}
.side-bar .side-bar_m .list-con .list:hover a{color: #3FB7F9;}
.side-bar .side-bar_b .icon{position: relative;display: block;margin: 4px auto 0;width: calc(100% - 8 * 2px);height: 32px;text-align: center;font-size: 22px;background: #FFFFFF;border: 1px solid rgba(63, 183, 249, 0.4);border-radius: 16px;color: #757575;}
.side-bar .side-bar_b .icon:hover{opacity: 1;background: #ebf7fe;color: #3FB7F9;}
.side-bar .side-bar_b .qr-code-w{display: none;padding-right: 15px;position: absolute;right: 65px;top: 50%;transform: translateY(-50%);}
.side-bar .side-bar_b .icon.qr-code-con:hover .qr-code-w{display: block;}
.side-bar .side-bar_b .qr-code-inner{border: 1px solid rgba(63, 183, 249, 0.4);border-radius: 16px;background-color: #fff;}
.side-bar .side-bar_b .qr-code-inner::after{position: absolute;content: '';right: 11px;top: 50%;transform: translateY(-50%)rotate(-45deg);width: 8px;height: 8px; border-width: 1px;border-style: solid;border-color: transparent rgba(63, 183, 249, 0.4) rgba(63, 183, 249, 0.4) transparent;background-color: #fff;}
.side-bar .side-bar_b .qr-code-inner .tit{padding: 5px 0;width: 130px;height: 41px;text-align: center;background: rgba(63, 183, 249, 0.4);font-size: 12px;box-sizing: border-box !important;border-radius: 16px 16px 0 0;}
.side-bar .side-bar_b .qr-code-inner .img{margin: 5px 0;width: 94px;height: 94px;}
.side-bar .side-bar_b .qr-code-inner .num{color: #3FB7F9;font-size: 12px;}

/* 头像框 */
.i3done-avatar {position: relative;}
.i3done-avatar .frame-con {position: absolute;z-index: 2; left: 50%;top: 50%;transform: translate(-50%,-50%);}
.i3done-avatar .frame-con .frame-img {width: 100%;height: 100%;}
.i3done-avatar .avatar-con {position: absolute; margin: auto;left: 0;top: 0;right: 0;bottom: 0;}
.i3done-avatar .avatar-con .avatar-img {width: 100%;height: 100%;border-radius: 50%;}
.i3done-avatar .frame-url {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 4;}
.i3done-avatar .avatar-url {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 5;border-radius: 50%;}

.text-success{color: var(--el-color-success)}
.text-warning{color: var(--el-color-warning)}
.text-danger{color: var(--el-color-danger)}

/* 文件图标 */
.icon_thumb {
    background-image: url(../img/fileIcons.png);
    background-repeat: no-repeat;
    background-position: 0 -420px;
    background-size: 40px
}

.icon_doc,.icon_docx {
    background-position: 0 0
}

.icon_ppt,.icon_pptx {
    background-position: 0 -47px
}

.icon_xls,.icon_xlsx {
    background-position: 0 -93px
}

.icon_z1,.icon_z1a,.icon_z1d,.icon_z1n,.icon_z1ai {
    background-position: 0 -140px
}

.icon_rar,.icon_zip {
    background-position: 0 -187px
}

.icon_mp4,.icon_avi,.icon_flv,.icon_mpg,.icon_wmv,.icon_webm,.icon_m4v,.icon_mov {
    background-position: 0 -233px
}

.icon_radio {
    background-position: 0 -280px
}

.icon_pdf {
    background-position: 0 -327px
}

.icon_txt {
    background-position: 0 -373px
}

.icon_undefined {
    background-position: 0 -420px
}

.icon_png,.icon_jpg,.icon_jpeg,.icon_gif,.icon_bmp {
    background-position: 0 -467px
}

.icon_folder {
    background-position: 0 -513px
}

.icon_folders {
    background-position: 0 -840px
}

.icon_url {
    background-position: 0 -581px
}