diff --git a/css/details.css b/css/details.css index a6fb02c..4e841ab 100644 --- a/css/details.css +++ b/css/details.css @@ -340,8 +340,29 @@ .content .details-box .application-schedule { margin-bottom: 40px; } -.content .details-box .application-schedule .list .time { +.content .details-box .application-schedule .list { padding-top: 19px; +} +.content .details-box .application-schedule .list .index { + height: 30px; + background-color: #f6f6f6; + border-radius: 72px; + margin: 0 22.5px 0; + font-size: 15px; + color: #555555; + padding-left: 10px; + margin-bottom: 19px; +} +.content .details-box .application-schedule .list .index .sum { + width: 20px; + height: 20px; + line-height: 20px; + background-color: #f95d5d; + border-radius: 33px; + color: #ffffff; + margin-right: 10px; +} +.content .details-box .application-schedule .list .time { padding-bottom: 22px; text-align: center; } @@ -897,6 +918,7 @@ height: 20px; margin-right: 5px; vertical-align: bottom; + border-radius: 50%; } .base { background-color: transparent; diff --git a/css/details.less b/css/details.less index 44e9725..ca0bd70 100644 --- a/css/details.less +++ b/css/details.less @@ -381,8 +381,29 @@ .application-schedule { margin-bottom: 40px; .list { + padding-top: 19px; + + .index { + height: 30px; + background-color: #f6f6f6; + border-radius: 72px; + margin: 0 22.5px 0; + font-size: 15px; + color: #555555; + padding-left: 10px; + margin-bottom: 19px; + + .sum { + width: 20px; + height: 20px; + line-height: 20px; + background-color: #f95d5d; + border-radius: 33px; + color: #ffffff; + margin-right: 10px; + } + } .time { - padding-top: 19px; padding-bottom: 22px; text-align: center; @@ -1023,6 +1044,7 @@ height: 20px; margin-right: 5px; vertical-align: bottom; + border-radius: 50%; } } } diff --git a/html/details.html b/html/details.html index abb4bd1..9adf491 100644 --- a/html/details.html +++ b/html/details.html @@ -109,6 +109,26 @@