.textall{ color: #8d8d8d; cursor: pointer; } .all-text{ font-size: 13px; margin-right: 3px; } .all-icon{ font-size: 12px; } .main .main-swiper{ margin: 30px 0 ; border-radius: 10px; } .main .main-swiper .el-carousel__container{ height:380px; } .main .main-swiper .el-carousel__indicators--horizontal{ left:auto; right: 10px; transform:translatex(0) } .main .main-swiper .el-carousel__indicators .el-carousel__button{ width: 10px; height: 10px; border-radius: 50px; } .main .main-swiper .el-carousel{ border-radius: 10px; } .main .main-right{ margin: 10px 0; } .main .main-swiper-item{ width: 100%; height: 100%; border-radius: 10px; position: relative; } .main .swiper-title{ position: absolute; bottom: 0; width: 100%; padding-left: 20px; height: 48px; line-height: 48px; text-align: left; font-size: 16px; color: #fff; background:rgba(0,0,0,0.8); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .main .main-swiper .swiper-link{ width: 100%; height: 100%; overflow: hidden; /* 隐藏超出容器的部分 */ display: flex; /* 使用flex布局 */ align-items: center; /* 垂直居中 */ justify-content: center; /* 水平居中 */ } .main .main-swiper .swiper-img{ width: 100%; max-width: 100%; border-radius: 10px; } .main .main-ztxx{ margin: 30px 0; display: flex; flex-direction: column; justify-content: space-between; height: 380px; } .main .main-ztxx .el-card__body{ padding: 0; height: 100%; border-radius: 10px; } .main .main-ztxx-item{ width: 100%; height: 183px; border-radius: 10px; } .main .main-ztxx-item img{ width: 100%; height: 100%; border-radius: 10px; } .main-content-left .content-left-card .el-card__header{ padding: 5px 15px; } .main-content-left .content-left-card .el-card__body{ padding: 10px; } .main-content-left .content-left-card .live-card-header{ display: flex; align-items: center; justify-content: space-between; padding: 10px 0; } .main-content-left .card-header-title{ font-size: 18px; font-weight: bold; color: #333; margin-right: 30px; } .main-content-left .screen-div{ padding-top: 2px; } .main-live-item{ position: relative; border-radius: 5px; border: 1px solid #e3e7e8; margin-bottom: 10px; cursor: pointer; } .main-live-item .live-item-img{ width: 100%; height: 165px; border-radius: 5px; } .item-img{ width: 100%; height: 100%; border-radius: 5px; } .main-live-item .live-item-status{ position: absolute; top: 10px; left:20px; padding: 5px 10px; background:rgba(0,0,0,.5); border-radius: 3px; color: #ffffff; font-size: 12px; } .main-live-item .live-item-info{ display: flex; flex-direction: column; justify-content: space-between; min-height: 105px; color: #333; } .main-live-item .live-item-title{ font-size: 14px; font-weight: bold; margin-top: 10px; padding:0 20px; } .main-live-item .live-item-tips{ padding:10px 20px; display: flex; align-items: center; justify-content: space-between; } .content-left-card{ margin-bottom: 20px; border-radius: 10px; } .main-right-content{ background-color:#fff; padding: 20px; margin-bottom: 22px; border-radius: 10px; } .main-content-header{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .main-content-header .main-content-header-title{ color: #333; font-size: 18px; font-weight: bold; margin-right: 30px; } .main-content-header .main-content-header-time{ color: #999999; font-size: 14px; display: flex; align-items: center; } .main-content-header-time .date{ margin-right: 10px; } /* 学税定制 */ .learntax { background-color: #fff; box-sizing: border-box; margin-bottom: 20px; border-radius: 10px; } .learntax-nav { display: flex; justify-content: space-between; color: #333; position: relative; padding:10px 15px 0; } .learntax-nav .learntax-title { margin-top: 15px; height: 28px; font-size: 18px; font-weight: bold; cursor: pointer; box-sizing: border-box; } .learntax-nav .tabs-item { padding: 0 20px 10px; line-height: 50px; display: inline-flex; justify-content: center; cursor: pointer; transition: all .4s; color: #333; border-radius: 10px 10px 0 0; } .learntax-nav .is-active { font-weight: bold; position: relative; background-color: #f5f9fd; border-radius: 10px 10px 0 0; } .learntax-nav .is-active::after { content: ''; position: absolute; width: 20px; height: 4px; background-color: #2254f4; bottom: 10px; border-radius: 5px; } .learntax-detail { background-color: #f5f9fd; padding: 20px; } .learntax-detail .el-empty__description { display: none; } .learntax-detail .el-checkbox { margin-right: 10px; margin-bottom: 10px; } .learntax-detail .el-checkbox__input { display: none; } .learntax-detail .el-checkbox.is-bordered.is-checked { border: 1px solid #2254f4; background-color: #2254f4; } .learntax-detail .el-checkbox__input.is-checked .el-checkbox__label { color: #fff; } .detail-item { background-color: #fff; padding: 10px; height: 100px; box-sizing: border-box; border-radius: 8px; box-shadow: 0 6px 10px 0 rgb(95, 101, 105, .1); display: flex; } .detail-item .item-img { width: 100px; height: 100%; border-radius: 5px; overflow: hidden; margin-right: 10px; display: inline-block; } .detail-item .item-img img { width: 100%; height: 100%; } .detail-item .item-desc { display: flex; flex-direction: column; justify-content: space-between; flex: 1; /* display: inline-block; */ font-size: 14px; } .item-desc .desc-title { word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 0; } .desc-title .title-tip { font-size: 12px; padding: 4px; border: 1px solid #2254f4; } .item-desc .desc-btn { text-align: right; } .item-desc .desc-btn .el-button { /* border: none; background-color: #2254f4; color: #fff; */ padding: 5px 8px; font-size: 12px; } .more { font-size: 14px; margin-left: 20px; cursor: pointer; } .change { margin-top: 20px; text-align: center; color: #2254f4; cursor: pointer; } .confrim { background-color: #f5f9fd; display: flex; align-items: center; justify-content: center; padding-bottom: 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .confrim .feedback { background-color: #ff9c00 !important; color: #fff !important; } .confrim i { /*display: inline-block;*/ /*height: 20px;*/ /*width: 1px;*/ /*background-color: #ccc;*/ /*margin: 0 20px;*/ } .confrim .confirmtex { font-size: 12px; padding-left: 20px; color: #333; } .confrim .el-button { border: none; } .confrim .submitbtn { background-color: #2254f4 !important; color: #fff !important; } .main-content-right .checkall{ width: 100%; text-align: center; margin: 21px 0; } .main-content-right .checkall-bottom{ width: 100%; text-align: center; margin: 8px 0; } .foot-tool{ display: flex; justify-content:center; flex-direction: column; align-items: center; color: #409eff; } .foot-tool:hover{ color: orange; } .foot-tool .iconfont{ font-size: 50px; } .foot-tool .tool-title{ margin-top: 10px; } .main-content-info .el-timeline-item{ padding-bottom: 10px !important; } .main-content-info .el-timeline-item__content{ min-height: 42px; max-height: 42px; } .main-content-info .tzgg-item{ display: flex; align-items: center; cursor: pointer; height: 65px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .main-content-info .tzgg-item .tzgg-num{ font-family: 'impact normal', 'impact', sans-serif; font-weight: 600; font-style: normal; font-size: 30px; color: #409eff; padding-right: 20px; } .main-content-info .tzgg-item:hover .tzgg-num{ color: rgb(255,92,0); } .main-content-info .tzgg-item .tzgg-title{ font-size: 14px; color: #666; } .main-content-info .tzgg-item:hover .tzgg-title{ color: #409eff; } .ellipsis { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .defaultlogo{ width: 100%; height: 100%; background-color: #409eff; color: #ffffff; font-size: 20px; font-weight: bold; display: flex; align-items: center; justify-content: center; }