diff --git a/css/school.css b/css/school.css index 3026cc7..af77fce 100644 --- a/css/school.css +++ b/css/school.css @@ -1,4 +1,4 @@ -.box { +.boxbox { width: 1200px; height: 396px; background-color: #fbfbfb; @@ -6,7 +6,7 @@ position: relative; margin-bottom: 20px; } -.box::after { +.boxbox::after { content: ""; position: absolute; top: -5px; @@ -19,29 +19,29 @@ border-radius: 18px; z-index: -1; } -.box .tab { +.boxbox .tab { height: 60px; font-size: 14px; color: #7f7f7f; border-bottom: 1px dotted #ebebeb; padding-left: 24px; } -.box .tab .img { +.boxbox .tab .img { width: 6px; height: 10px; margin: 0 15px; } -.box .tab .current { +.boxbox .tab .current { font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif; font-weight: 650; font-style: normal; font-size: 14px; color: #000000; } -.box .details { +.boxbox .details { padding: 31px 60px; } -.box .details .logo { +.boxbox .details .logo { width: 120px; height: 120px; position: relative; @@ -51,7 +51,7 @@ margin-right: 39px; display: inline-flex; } -.box .details .logo .bj { +.boxbox .details .logo .bj { width: 120px; height: 120px; position: absolute; @@ -59,10 +59,10 @@ left: 0; z-index: -1; } -.box .details .logo .img { +.boxbox .details .logo .img { width: 65px; } -.box .details .right .name { +.boxbox .details .right .name { font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif; font-weight: 650; font-style: normal; @@ -70,7 +70,7 @@ color: #000000; margin-bottom: 6px; } -.box .details .right .name-en { +.boxbox .details .right .name-en { font-family: "PingFangSC-Regular", "PingFang SC", sans-serif; font-weight: 400; font-style: normal; @@ -78,18 +78,18 @@ color: #555555; margin-bottom: 22px; } -.box .details .right .world { +.boxbox .details .right .world { width: 423px; padding-bottom: 15px; margin-bottom: 27px; border-bottom: 1px solid #ebebeb; } -.box .details .right .world .head { +.boxbox .details .right .world .head { width: 100%; position: relative; margin-bottom: 9px; } -.box .details .right .world .head::after { +.boxbox .details .right .world .head::after { content: ""; position: absolute; top: 50%; @@ -97,21 +97,21 @@ height: 1px; background-color: #ebebeb; } -.box .details .right .world .head .icon { +.boxbox .details .right .world .head .icon { width: 90px; background-color: #fbfbfb; position: relative; z-index: 1; } -.box .details .right .world .head .icon .img { +.boxbox .details .right .world .head .icon .img { width: 64px; height: 22px; } -.box .details .right .world .list .item { +.boxbox .details .right .world .list .item { text-align: center; flex-direction: column; } -.box .details .right .world .list .item .quantity { +.boxbox .details .right .world .list .item .quantity { font-family: "Arial-Black", "Arial Black", sans-serif; font-weight: 900; font-style: normal; @@ -119,7 +119,7 @@ color: #000000; margin-bottom: 9px; } -.box .details .right .world .list .item .ranking-name { +.boxbox .details .right .world .list .item .ranking-name { font-family: "HelveticaNeue", "Helvetica Neue", sans-serif; font-weight: 400; font-style: normal; @@ -127,7 +127,7 @@ color: #555555; position: relative; } -.box .details .right .world .list .item .ranking-name .ranking-icon { +.boxbox .details .right .world .list .item .ranking-name .ranking-icon { position: absolute; right: -10px; bottom: 0; @@ -135,7 +135,7 @@ height: 8px; transform: rotate(270deg); } -.box .details .right .brief { +.boxbox .details .right .brief { height: 40px; background-color: #f6f6f6; border-radius: 6px; @@ -147,10 +147,10 @@ justify-content: space-between; padding: 6px; } -.box .details .right .brief .text { +.boxbox .details .right .brief .text { margin-right: 15px; } -.box .details .right .brief .img { +.boxbox .details .right .brief .img { width: 16px; height: 16px; cursor: pointer; diff --git a/css/school.less b/css/school.less index 2d209d7..909f4ef 100644 --- a/css/school.less +++ b/css/school.less @@ -1,4 +1,4 @@ -.box { +.boxbox { width: 1200px; height: 396px; background-color: rgba(251, 251, 251, 1); diff --git a/html/school.html b/html/school.html index 5f2cb50..9ca6a06 100644 --- a/html/school.html +++ b/html/school.html @@ -305,10 +305,6 @@ - +