123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899 |
- @charset "UTF-8";
- /* 水平间距 */
- /* 水平间距 */
- .container.data-v-57280228 {
- /* padding: 20px; */
- font-size: 14px;
- line-height: 24px;
- }
- .headImg.data-v-57280228 {
- height: 180px;
- width: 100%;
- }
- .tabs.data-v-57280228 {
- display: flex;
- justify-content: space-around;
- margin-top: 10px;
- }
- .tabs > .tab.data-v-57280228 {
- width: 20%;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- }
- .tabs > .tab > image.data-v-57280228 {
- width: 40px;
- height: 40px;
- }
- .buttons.data-v-57280228 {
- margin-top: 5px;
- padding: 10px;
- display: flex;
- justify-content: space-between;
- }
- .buttons > .left.data-v-57280228 {
- width: calc(50vw - 15px);
- height: 40vw;
- }
- .buttons > .left image.data-v-57280228 {
- width: 100%;
- height: 100%;
- }
- .buttons > .right.data-v-57280228 {
- width: calc(50vw - 15px);
- height: 40vw;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- align-items: center;
- }
- .buttons > .right image.data-v-57280228 {
- width: 100%;
- height: calc(50% - 5px);
- }
- .list-title.data-v-57280228 {
- font-size: 16px;
- font-weight: 600;
- text-align: center;
- padding: 10px;
- }
- .list.data-v-57280228 {
- display: grid;
- grid-template-columns: 1fr 1fr;
- grid-gap: 10px;
- padding: 10px;
- }
- .list .ka.data-v-57280228 {
- width: calc(50vw - 15px);
- box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.1);
- border-radius: 10px;
- }
- .list .ka .top.data-v-57280228 {
- background: linear-gradient(180deg, #FAF1A7 0%, #FFE456 100%);
- text-align: center;
- display: flex;
- justify-content: center;
- }
- .list .ka .top image.data-v-57280228 {
- width: 35vw;
- height: 50vw;
- }
- .list .ka .ka-info.data-v-57280228 {
- padding: 10px;
- }
- .list .ka .ka-info .ka-name.data-v-57280228 {
- font-size: 15px;
- font-weight: 600;
- }
- .list .ka .ka-info .row.data-v-57280228 {
- margin-top: 5px;
- display: flex;
- justify-content: space-between;
- }
- .list .ka .ka-info .row .money.data-v-57280228 {
- font-size: 16px;
- font-weight: 600;
- color: #FF2C43;
- }
|