.line-big { margin-left: -15px; margin-right: -15px; } .line-big .x1, .line-big .x2, .line-big .x3, .line-big .x4, .line-big .x5, .line-big .x6, .line-big .x7, .line-big .x8, .line-big .x9, .line-big .x10, .line-big .x11, .line-big .x12, .line-big .xl1, .line-big .xl2, .line-big .xl3, .line-big .xl4, .line-big .xl5, .line-big .xl6, .line-big .xl7, .line-big .xl8, .line-big .xl9, .line-big .xl10, .line-big .xl11, .line-big .xl12, .line-big .xs1, .line-big .xs2, .line-big .xs3, .line-big .xs4, .line-big .xs5, .line-big .xs6, .line-big .xs7, .line-big .xs8, .line-big .xs9, .line-big .xs10, .line-big .xs11, .line-big .xs12, .line-big .xm1, .line-big .xm2, .line-big .xm3, .line-big .xm4, .line-big .xm5, .line-big .xm6, .line-big .xm7, .line-big .xm8, .line-big .xm9, .line-big .xm10, .line-big .xm11, .line-big .xm12, .line-big .xb1, .line-big .xb2, .line-big .xb3, .line-big .xb4, .line-big .xb5, .line-big .xb6, .line-big .xb7, .line-big .xb8, .line-big .xb9, .line-big .xb10, .line-big .xb11, .line-big .xb12, .line-big .xsm1, .line-big .xsm10, .line-big .xsm11, .line-big .xsm12, .line-big .xsm2, .line-big .xsm3, .line-big .xsm4, .line-big .xsm5, .line-big .xsm6, .line-big .xsm7, .line-big .xsm8, .line-big .xsm9, .line-big .xml1, .line-big .xml10, .line-big .xml11, .line-big .xml12, .line-big .xml2, .line-big .xml3, .line-big .xml4, .line-big .xml5, .line-big .xml6, .line-big .xml7, .line-big .xml8, .line-big .xml9 { min-height: 1px; padding-right: 15px; padding-left: 15px; } p { margin: 0; } a { text-decoration: none; } .btn-group { font-family: "Microsoft YaHei"; text-align: center; margin-top: 49px; margin-bottom: 10px; } .btn-group a { color: #fff; font-size: 20px; line-height: 30px; border-radius: 26px; font-weight: bold; } .btn-group .btn-left { background-image: linear-gradient(to right, #F27279, #F9B787); padding: 13px 41px; margin-right: 12px; } .btn-group .btn-right { background-image: linear-gradient(to right, #1E69FC, #5991FF); padding: 13px 21px; margin-left: 12px; } .weekly-banner { width: 100%; background: url(../images/img101/banner_bg.jpg) no-repeat; background-size: 100% 100%; } .weekly-banner .container { position: relative; padding-bottom: 40px; } .weekly-banner .container .banner-text { margin: 0 auto; display: block; width: 72.65%; } .weekly-banner .container .banner-logo { width: 15.418%; position: absolute; right: 0; top: 0; } .weekly-banner .container .banner-daoyu { display: flex; align-items: center; background: #fff; border-radius: 12px; padding: 28px 45px 32px 45px !important; margin-top: 11px; } .weekly-banner .container .banner-daoyu .daoyu { display: flex; flex-direction: column; background: #377aff; color: #fff; border-radius: 4px; font-size: 16px; line-height: 26px; text-align: center; padding: 3px 5px; } .weekly-banner .container .banner-daoyu .right-text { font-size: 16px; line-height: 28px; padding-left: 30px; color: #555555; } .weekly-a { color: #333; font-family: "Microsoft YaHei"; } .weekly-a .container { padding-top: 60px; padding-bottom: 60px; } .weekly-a .container h1 { font-size: 40px; font-weight: bold; text-align: center; margin-bottom: 20px; } .weekly-a .container .a-text { text-align: center; font-size: 16px; line-height: 30px; } .weekly-a .container .a-list { display: flex; flex-wrap: wrap; margin-top: 26px; align-items: stretch; } .weekly-a .container .a-list .a-list-item p { font-size: 16px; line-height: 30px; border-radius: 12px; padding: 30px; height: 100%; } .weekly-a .container .a-list .item-left p { background: #def1ff; } .weekly-a .container .a-list .item-right p { background: #fff4f4; } .weekly-b { width: 100%; display: block; color: #fff; font-family: "Microsoft YaHei"; background: url(../images/img101/weekly_b_bg.jpg) no-repeat; background-size: 100% 100%; } .weekly-b .container { padding-top: 60px; padding-bottom: 60px; } .weekly-b .container h1 { font-size: 40px; font-weight: bold; text-align: center; margin-bottom: 19px; } .weekly-b .container .b-text { text-align: center; font-size: 16px; line-height: 30px; } .weekly-b .container .tab { display: flex; justify-content: space-between; margin-top: 45px; } .weekly-b .container .tab .tab-body { border: none; padding: 0; } .weekly-b .container .tab .tab-body .tab-panel .panel-left { padding-left: 0; } .weekly-b .container .tab .tab-body .tab-panel .panel-left img { border-radius: 12px; } .weekly-b .container .tab .tab-body .tab-panel .panel-right { padding: 35px 28px 0px 15px; position: relative; } .weekly-b .container .tab .tab-body .tab-panel .panel-right hr { height: 2px; background: #eee; width: 97%; } .weekly-b .container .tab .tab-body .tab-panel .panel-right .title { font-size: 20px; font-weight: bold; } .weekly-b .container .tab .tab-body .tab-panel .panel-right .title b { color: #fd7171; font-size: 58px; font-weight: bold; margin-right: 15px; } .weekly-b .container .tab .tab-body .tab-panel .panel-right .content { font-size: 16px; line-height: 28px; } .weekly-b .container .tab .tab-body .tab-panel .panel-right .btn-group .btn-right { padding: 13px 41px; } .weekly-b .container .tab .tab-head .tab-nav { display: flex; flex-direction: column; align-items: flex-end; padding-left: 0; } .weekly-b .container .tab .tab-head .tab-nav .active { background: #377aff; width: 218px; } .weekly-b .container .tab .tab-head .tab-nav .active a { color: #fff; display: flex; align-items: center; padding: 29.5px 4px; border-bottom: solid 1px #377aff; justify-content: center; } .weekly-b .container .tab .tab-head .tab-nav .active a img { display: inline; margin-right: 19px; } .weekly-b .container .tab .tab-head .tab-nav li { background: #fff; width: 170px; } .weekly-b .container .tab .tab-head .tab-nav li a { border: none; color: #333; font-size: 16px; line-height: 30px; border-bottom: solid 1px #f9f6f6; padding: 32.5px 4px; text-align: center; } .weekly-b .container .tab .tab-head .tab-nav li a img { display: none; } .weekly-b .container .btn-group1 .btn-right { padding: 13px 41px; } .weekly-c { width: 100%; display: block; color: #333; font-family: "Microsoft YaHei"; background: url(../images/img101/weekly_c_bg.jpg) no-repeat; background-size: 100% 100%; } .weekly-c .container { padding-top: 60px; padding-bottom: 60px; } .weekly-c .container h1 { font-size: 40px; font-weight: bold; text-align: center; margin-bottom: 19px; } .weekly-c .container .c-text { text-align: center; font-size: 16px; line-height: 30px; } .weekly-c .container .c-list { display: flex; flex-wrap: wrap; margin-top: 38px; align-content: stretch; } .weekly-c .container .c-list .c-list-item { padding: 25px 25px 31px 32px; } .weekly-c .container .c-list .c-list-item .num { font-size: 80px; font-weight: bold; line-height: 80px; color: #377aff; opacity: 0.3; } .weekly-c .container .c-list .c-list-item .btn { font-size: 18px; line-height: 32px; font-weight: bold; text-align: center; } .weekly-c .container .c-list .c-list-item .title { font-size: 32px; line-height: 32px; font-weight: bold; } .weekly-c .container .c-list .c-list-item .content { font-size: 16px; line-height: 30px; } .weekly-c .container .c-list .item13 { background-image: linear-gradient(to bottom, #EFF4FF, #D5E5FE); } .weekly-c .container .c-list .item13 .btn { color: #377aff; background: #d2e8ff; width: 120px; border-radius: 22px; border: solid 1px #a1c6ff; padding: 5px; } .weekly-c .container .c-list .item13 .title { color: #377aff; } .weekly-c .container .c-list .item13 .content { color: #000003; } .weekly-c .container .c-list .item24 { background-image: linear-gradient(to bottom, #0E5ADD, #538EF7); } .weekly-c .container .c-list .item24 .num { color: #fff; opacity: 0.5; } .weekly-c .container .c-list .item24 .btn { color: #FFF; background: #1f6ff8; width: 120px; border-radius: 22px; border: solid 1px #a1c6ff; padding: 5px; } .weekly-c .container .c-list .item24 .title { color: #fff; } .weekly-c .container .c-list .item24 .content { color: #fff; } .weekly-c .container .c-list .item12 .btn { margin-top: 24px; } .weekly-c .container .c-list .item12 .title { margin-top: 10px; } .weekly-c .container .c-list .item12 .content { margin-top: 15px; } .weekly-c .container .c-list .item34 { min-height: 411px; position: relative; } .weekly-c .container .c-list .item34 .btn { margin-top: 10px; } .weekly-c .container .c-list .item34 .title { margin-top: 10px; } .weekly-c .container .c-list .item34 .content { margin-top: 15px; } .weekly-c .container .c-list .item34 .num { position: absolute; bottom: 32px; } .weekly-c .container .list-2 { margin-top: 50px; display: flex; flex-wrap: wrap; align-items: center; } .weekly-c .container .list-2 .left-item img { border-radius: 12px; } .weekly-c .container .list-2 .right-item { padding-top: 8px; padding-left: 15px; } .weekly-c .container .list-2 .right-item .line1 { font-size: 16px; line-height: 30px; } .weekly-c .container .list-2 .right-item .line1 b { color: #406bbf; font-size: 32px; line-height: 30px; font-weight: bold; } .weekly-c .container .list-2 .right-item .line2 { font-size: 16px; line-height: 30px; margin-top: 14px; } .weekly-c .container .list-2 .right-item .line3 { font-size: 16px; line-height: 30px; font-weight: bold; color: #406bbf; } .weekly-c .container .list-2 .right-item .line4 { font-size: 16px; line-height: 30px; margin-top: 10px; } .weekly-c .container .list-2 .right-item .list-3 { border-radius: 12px; background: #406bbf; margin-top: 5px; } .weekly-c .container .list-2 .right-item .list-3 .panel { border: 0; margin-bottom: 0; border-radius: 0; } .weekly-c .container .list-2 .right-item .list-3 .panel .panel-head { display: flex; background: none; align-items: center; padding: 16px 15px 16px 33px; border: none; border-radius: 0; } .weekly-c .container .list-2 .right-item .list-3 .panel .panel-head h4 { color: #fff; margin-left: 10px; } .weekly-c .container .list-2 .right-item .list-3 .panel .panel-body { background: #ecf3ff; height: 110px; padding: 0; } .weekly-c .container .list-2 .right-item .list-3 .panel .panel-body p { font-size: 16px; line-height: 30px; padding: 17px 15px 10px 30px; height: 100px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; } .weekly-c .container .list-2 .right-item .list-3 .active .panel-head img { transform: rotate(90deg); } .weekly-c .container .list-2 .right-item .list-3 .panel:last-child .panel-body { border-radius: 0 0 12px 12px; } .weekly-c .container .list-4 { display: none; } .weekly-c .container .line4-small { display: none; } .weekly-c .container .list-5 { display: none; } .weekly-c .container .btn-group .btn-left { padding: 13px 21px; } .weekly-d { width: 100%; display: block; color: #fff; font-family: "Microsoft YaHei"; background: url(../images/img101/weekly_d_bg.jpg) no-repeat; background-size: 100% 100%; } .weekly-d .container { padding-top: 60px; padding-bottom: 60px; } .weekly-d .container h1 { font-size: 40px; font-weight: bold; text-align: center; margin-bottom: 17px; } .weekly-d .container .d-text { text-align: center; font-size: 16px; line-height: 30px; } .weekly-d .container .d-list { display: flex; flex-wrap: wrap; border-radius: 12px; margin-top: 23px; } .weekly-d .container .d-list .list-left img { border-radius: 12px 0 0 12px; width: 100%; height: 100%; } .weekly-d .container .d-list .list-right { border-radius: 0 12px 12px 0; background: #fff; padding: 33px 38px 32px 50px; } .weekly-d .container .d-list .list-right h4 { font-size: 24px; line-height: 30px; font-weight: bold; color: #333; margin-bottom: 8px; } .weekly-d .container .d-list .list-right .small-list { display: flex; flex-wrap: wrap; list-style: none; justify-content: space-between; } .weekly-d .container .d-list .list-right .small-list .small-item { font-size: 16px; line-height: 30px; color: #333; width: 48.345%; margin-top: 16px; padding: 16px 20px 16px 24px; border-radius: 12px; box-shadow: 1px 2px 9px 0px rgba(8, 30, 74, 0.04); } .weekly-d .container .d-list .list-right .small-list .small-item .tips { color: #377aff; margin-bottom: 2px; } .weekly-d .container .d-list .list-right .btn-group { text-align: left; } .weekly-e { color: #333; font-family: "Microsoft YaHei"; background: #f0f9ff; display: block; } .weekly-e .container { padding-top: 60px; padding-bottom: 60px; } .weekly-e .container h1 { font-size: 40px; font-weight: bold; text-align: center; margin-bottom: 19px; } .weekly-e .container .e-text { text-align: center; font-size: 16px; line-height: 32px; } .weekly-e .container .e-text b { color: #fd7171; font-size: 18px; } .weekly-e .container .e-list { display: flex; flex-wrap: wrap; margin-top: 18px; } .weekly-e .container .e-list .e-list-item .item-content { text-align: center; padding: 18px 0; font-size: 18px; line-height: 28px; } .weekly-e .container .e-list .e-list-item .item-content .line1 { margin-bottom: 5px; } .weekly-e .container .e-list .e-list-item .item-content .line1 strong { background-image: linear-gradient(to bottom, #FD6F69, #FF8C52); color: transparent; -webkit-background-clip: text; font-size: 80px; line-height: 80px; display: inline-block; transform: skewX(-10deg); } .weekly-f { color: #333; font-family: "Microsoft YaHei"; } .weekly-f .container { padding-top: 60px; padding-bottom: 60px; } .weekly-f .container h1 { font-size: 40px; font-weight: bold; text-align: center; margin-bottom: 25px; } .weekly-f .container .f-list { display: flex; flex-wrap: wrap; } .weekly-f .container .f-list .f-list-item { background: #f6f9ff; border-radius: 12px; padding: 44.5px 50px; } .weekly-f .container .f-list .f-list-item .line1 { display: flex; margin-bottom: 16px; position: relative; } .weekly-f .container .f-list .f-list-item .line1 .circle { width: 8px; height: 8px; background: #333; border-radius: 50%; position: absolute; left: 0; top: 8px; } .weekly-f .container .f-list .f-list-item .line1 p { padding-left: 20px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; } .weekly-f .container .f-list .f-list-item .line1:hover { color: #377aff; } .weekly-f .container .f-list .f-list-item .line1:last-child { margin-bottom: 0; } .weekly-f .container .more { width: 163px; text-align: center; font-size: 20px; line-height: 30px; font-weight: bold; padding: 8px 0; color: #377aff; border: solid 1px #377aff; border-radius: 26px; margin: 0 auto; display: flex; margin-top: 40px; justify-content: center; align-items: center; } .weekly-f .container .more .icon { display: inline-block; font-weight: lighter; margin-left: 5px; font-size: 32px; margin-bottom: 5px; } .footer { background: #eeeeee; padding-bottom: 60px; } .footer .footer-content { padding-top: 60px; } .footer .footer-content .footer-edit { padding-right: 48px; font-size: 14px; } .footer .footer-content .footer-edit p { line-height: 21px; margin-bottom: 13px; } .footer .footer-content .footer-edit .footer-edit-tille { font-size: 24px; line-height: 32px; margin-bottom: 10px; } .footer .footer-content .footer-plan { padding: 0 10px; } .footer .footer-content .footer-plan li { padding: 0 10px; } .footer .footer-content .footer-plan li .footer-img { margin-bottom: 15px; } .footer .footer-content .footer-plan li .footer-img img { max-width: 100%; display: block; margin: 0 auto; border-radius: 50%; } .footer .footer-content .footer-plan li p { margin: 0; } .footer .footer-content .footer-right { float: right; } .footer .footer-content .footer-right img { display: block; float: right; } .weekly_common_foot p { margin: 0; } @media (max-width: 384px) { .weekly-a .container .a-list .item-right { margin-top: 15px; } .weekly-b .container .tab .tab-head .tab-nav .active { width: 100% !important; } .weekly-b .container .tab .tab-head .tab-nav .active a { border-right: solid 1px #377aff; } .weekly-b .container .tab .tab-head .tab-nav li { width: 100% !important; } .weekly-b .container .tab .tab-body .active { display: flex; flex-direction: column-reverse; } .weekly-b .container .tab .tab-body .tab-panel .panel-left { margin-top: 10px; } .weekly-b .container .tab .tab-body .tab-panel .panel-right { padding-left: 0 !important; } .weekly-b .container .tab .tab-body .tab-panel .panel-right .btn-group { display: none; } .weekly-b .container .btn-group1 { display: flex; } .weekly-c .container .c-list .c-list-item { width: 100% !important; } .weekly-c .container .c-list .item34 { min-height: 300px; } .weekly-c .container .c-list li:nth-child(1) { border-radius: 12px 12px 0 0 !important; } .weekly-c .container .c-list li:nth-child(2) { border-radius: 0 !important; } .weekly-c .container .c-list li:nth-child(3) { border-radius: 0 !important; } .weekly-c .container .c-list li:nth-child(4) { border-radius: 0 0 12px 12px !important; } .weekly-d .container .d-list .list-right { padding: 23px; } .weekly-d .container .d-list .list-right .small-list .small-item { width: 100%; } .weekly-e .container .e-list .e-list-item { width: 100% !important; } .weekly-e .container .e-list .e-list-item img { border-radius: 12px; margin: 0 auto; } .weekly-e .container .e-list li:nth-child(2) { margin-top: 30px; } .weekly-e .container .e-list li:last-child { margin-top: 30px; } .btn-group { display: flex; flex-direction: column; align-items: center; } .btn-group a { width: 162px; } .btn-group .btn-left { margin-right: 0; } .btn-group .btn-right { margin-left: 0px; margin-top: 15px; } .weekly-f .container .f-list .f-list-item { width: 100% !important; } .weekly-f .container .f-list .f-list-item:last-child { margin-top: 15px; } .footer .footer-content .footer-right { margin-top: 20px; } .footer .footer-content .footer-right img { float: none; margin: 0 auto; } } @media (min-width: 385px) and (max-width: 480px) { .weekly-a .container .a-list .item-right { margin-top: 15px; } .weekly-b .container .tab .tab-head .tab-nav .active { width: 100% !important; } .weekly-b .container .tab .tab-head .tab-nav .active a { border-right: solid 1px #377aff; } .weekly-b .container .tab .tab-head .tab-nav li { width: 100% !important; } .weekly-b .container .tab .tab-body .tab-panel .panel-left { margin-top: 10px; } .weekly-b .container .tab .tab-body .tab-panel .panel-right .btn-group { display: none; } .weekly-b .container .tab .tab-body .active { display: flex; flex-direction: column-reverse; } .weekly-b .container .btn-group1 { display: block; } .weekly-c .container .c-list .c-list-item { width: 100% !important; } .weekly-c .container .c-list .item34 { min-height: 300px; } .weekly-c .container .c-list li:nth-child(1) { border-radius: 12px 12px 0 0 !important; } .weekly-c .container .c-list li:nth-child(2) { border-radius: 0 !important; } .weekly-c .container .c-list li:nth-child(3) { border-radius: 0 !important; } .weekly-c .container .c-list li:nth-child(4) { border-radius: 0 0 12px 12px !important; } .weekly-d .container .d-list .list-right { padding: 32px 23px; } .weekly-d .container .d-list .list-right .btn-group { text-align: center; } .weekly-d .container .d-list .list-right .btn-group .btn-left { margin-right: 5px; padding: 13px 31px; } .weekly-d .container .d-list .list-right .btn-group .btn-right { margin-left: 5px; padding: 13px 11px; } .weekly-e .container .e-list .e-list-item { width: 100% !important; } .weekly-e .container .e-list .e-list-item img { border-radius: 12px; margin: 0 auto; } .weekly-e .container .e-list li:nth-child(2) { margin-top: 30px; } .weekly-e .container .e-list li:last-child { margin-top: 30px; } .weekly-f .container .f-list .f-list-item { width: 100% !important; } .weekly-f .container .f-list .f-list-item:last-child { margin-top: 15px; } .footer .footer-content .footer-right { margin-top: 20px; } .footer .footer-content .footer-right img { float: none; margin: 0 auto; } } @media (min-width: 481px) and (max-width: 759px) { .weekly-a .container .a-list .item-right { margin-top: 15px; } .weekly-b .container .tab .tab-head .tab-nav .active { width: 50% !important; } .weekly-b .container .tab .tab-head .tab-nav .active a { border-right: solid 1px #377aff; } .weekly-b .container .tab .tab-head .tab-nav li { width: 50% !important; } .weekly-b .container .tab .tab-body .active { display: flex; flex-direction: column-reverse; } .weekly-b .container .tab .tab-body .tab-panel .panel-left { margin-top: 10px; } .weekly-b .container .tab .tab-body .tab-panel .panel-left img { margin: 0 auto; } .weekly-b .container .tab .tab-body .tab-panel .panel-right .btn-group { display: none; } .weekly-b .container .btn-group1 { display: block; } .weekly-f .container .f-list .f-list-item { width: 100% !important; } .weekly-f .container .f-list .f-list-item:last-child { margin-top: 15px; } .footer .footer-content .footer-right { margin-top: 20px; } .footer .footer-content .footer-right img { float: none; margin: 0 auto; } } @media (max-width: 556px) { .weekly-c .container .list-4 { display: flex; flex-wrap: wrap; flex-direction: column-reverse; } .weekly-c .container .list-4 .left-item { margin-top: 20px; width: 100%; } .weekly-c .container .list-4 .right-item { width: 100%; padding-left: 0 !important; } } @media (min-width: 760px) { .weekly-b .container .btn-group1 { display: none; } } @media (max-width: 999px) { .weekly-b .container .tab .tab-body .tab-panel .panel-right .btn-group { text-align: left; } .weekly-b .container .tab .tab-body .tab-panel .panel-right .btn-group .btn-left { padding: 10px 20px; } .weekly-b .container .tab .tab-body .tab-panel .panel-right .btn-group .btn-right { padding: 10px 20px; } .weekly-c .container .c-list { display: flex; flex-wrap: wrap; } .weekly-c .container .c-list .c-list-item { width: 50%; } .weekly-c .container .c-list li:nth-child(1) { border-radius: 12px 0 0 0; } .weekly-c .container .c-list li:nth-child(2) { border-radius: 0 12px 0 0; } .weekly-c .container .c-list li:nth-child(3) { border-radius: 0 0 0 12px; } .weekly-c .container .c-list li:nth-child(4) { border-radius: 0 0 12px 0; } .weekly-c .container .list-2 { display: none; } .weekly-c .container .list-4 { display: flex; margin-top: 40px; } .weekly-c .container .list-4 .left-item img { border-radius: 12px; } .weekly-c .container .list-4 .right-item { padding-top: 8px; padding-left: 15px; } .weekly-c .container .list-4 .right-item .line1 { font-size: 16px; line-height: 30px; } .weekly-c .container .list-4 .right-item .line1 b { color: #406bbf; font-size: 32px; line-height: 30px; font-weight: bold; } .weekly-c .container .list-4 .right-item .line2 { font-size: 16px; line-height: 30px; margin-top: 14px; } .weekly-c .container .list-4 .right-item .line3 { font-size: 16px; line-height: 30px; font-weight: bold; color: #406bbf; } .weekly-c .container .line4-small { display: block; font-size: 16px; line-height: 30px; margin-top: 30px; font-weight: bold; } .weekly-c .container .list-5 { display: block; border-radius: 12px; background: #406bbf; margin-top: 15px; } .weekly-c .container .list-5 .panel { border: 0; margin-bottom: 0; border-radius: 0; } .weekly-c .container .list-5 .panel .panel-head { display: flex; background: none; align-items: center; padding: 16px 15px 16px 33px; border: none; border-radius: 0; } .weekly-c .container .list-5 .panel .panel-head h4 { color: #fff; margin-left: 10px; } .weekly-c .container .list-5 .panel .panel-body { background: #ecf3ff; height: 110px; padding: 0; } .weekly-c .container .list-5 .panel .panel-body p { font-size: 16px; line-height: 30px; padding: 17px 15px 10px 30px; height: 100px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; } .weekly-c .container .list-5 .active .panel-head img { transform: rotate(90deg); } .weekly-c .container .list-5 .panel:last-child .panel-body { border-radius: 0 0 12px 12px; } .weekly-d .container .d-list .list-left { width: 100%; } .weekly-d .container .d-list .list-left img { border-radius: 12px 12px 0 0; } .weekly-d .container .d-list .list-right { width: 100%; border-radius: 0 0 12px 12px; margin-top: -15px; z-index: 111; position: relative; } .weekly-d .container .d-list .list-right .btn-group { text-align: center; } .weekly-e .container .e-list { justify-content: space-around; display: flex; } .weekly-e .container .e-list .e-list-item { width: 48%; } .weekly-e .container .e-list .e-list-item img { border-radius: 12px; } .weekly-e .container .e-list li:last-child { margin-top: 30px; } .weekly-f .container .f-list { justify-content: space-between; } .weekly-f .container .f-list .f-list-item { width: 48.72%; } } @media (min-width: 1000px) { .weekly-b .container .tab .tab-body .active { display: flex; flex-wrap: wrap; align-content: stretch; } .weekly-c .container .c-list { display: flex; flex-wrap: wrap; } .weekly-c .container .c-list .c-list-item { width: 25%; } .weekly-c .container .c-list li:nth-child(1) { border-radius: 12px 0 0 12px; } .weekly-c .container .c-list li:nth-child(4) { border-radius: 0 12px 12px 0; } .weekly-c .container .list-2 .list-2-item { width: 50%; } .weekly-d .container .d-list .list-left { width: 51.283%; } .weekly-d .container .d-list .list-right { width: 48.717%; } .weekly-e .container .e-list { justify-content: space-between; } .weekly-e .container .e-list .e-list-item { width: 32.9%; } .weekly-f .container .f-list { justify-content: space-between; } .weekly-f .container .f-list .f-list-item { width: 48.72%; } } @media (max-width: 1199px) { .weekly-b .container .tab { display: flex; flex-direction: column-reverse; justify-content: center; align-items: center; width: 100%; } .weekly-b .container .tab .tab-head { width: 100%; } .weekly-b .container .tab .tab-head .tab-nav { display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 100%; } .weekly-b .container .tab .tab-head .tab-nav .active { width: 28%; } .weekly-b .container .tab .tab-head .tab-nav .active img { margin-right: 10px !important; } .weekly-b .container .tab .tab-head .tab-nav li { width: 24%; } .weekly-b .container .tab .tab-head .tab-nav li a { border-right: solid 1px #f9f6f6; } .weekly-b .container .tab .tab-head .tab-nav li:last-child a { border-right: none; } .weekly-b .container .tab .tab-body { margin-top: 30px; } .weekly-b .container .tab .tab-body .active { display: flex; } .weekly-b .container .tab .tab-body .active .panel-right { padding: 35px 0 15px 15px; } .weekly-b .container .tab .tab-body .active .panel-right .btn-group { text-align: left; } } @media (min-width: 1200px) { .weekly-b .container .tab .tab-body .tab-panel .panel-right .btn-group { position: absolute; bottom: 15px; } }/*# sourceMappingURL=weekly101.css.map */