|
|
|
|
@ -36,16 +36,21 @@ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-bread-item { |
|
|
|
|
margin-right: 10px |
|
|
|
|
margin-right: 20px; |
|
|
|
|
position: relative; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-bread-item:not(:first-child):before { |
|
|
|
|
content: ""; |
|
|
|
|
display: inline-block; |
|
|
|
|
width: 12px; |
|
|
|
|
height: 12px; |
|
|
|
|
margin-right: 10px; |
|
|
|
|
background-image: url("../images/icon-arraw.svg"); |
|
|
|
|
width: 18px; |
|
|
|
|
/* height: 12px; */ |
|
|
|
|
/* margin-right: 26px; */ |
|
|
|
|
position: absolute; |
|
|
|
|
height: 37px; |
|
|
|
|
left: -20px; |
|
|
|
|
top: 6px; |
|
|
|
|
background-image: url(../images/more_right.svg); |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
background-size: contain; |
|
|
|
|
} |
|
|
|
|
@ -68,20 +73,22 @@ |
|
|
|
|
background-size: contain; |
|
|
|
|
cursor: pointer; |
|
|
|
|
} |
|
|
|
|
.v-tabs-item:before{ |
|
|
|
|
|
|
|
|
|
.v-tabs-item:before { |
|
|
|
|
content: ""; |
|
|
|
|
position: absolute; |
|
|
|
|
top:0; |
|
|
|
|
top: 0; |
|
|
|
|
left: -44px; |
|
|
|
|
background-image: url("../images/xframe_left_normal.svg"); |
|
|
|
|
background-size: contain; |
|
|
|
|
width: 44px; |
|
|
|
|
height: 44px; |
|
|
|
|
} |
|
|
|
|
.v-tabs-item:after{ |
|
|
|
|
|
|
|
|
|
.v-tabs-item:after { |
|
|
|
|
content: ""; |
|
|
|
|
position: absolute; |
|
|
|
|
top:0; |
|
|
|
|
top: 0; |
|
|
|
|
right: -44px; |
|
|
|
|
background-image: url("../images/xframe_right_normal.svg"); |
|
|
|
|
background-size: contain; |
|
|
|
|
@ -89,17 +96,22 @@ |
|
|
|
|
height: 44px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-tabs-item.active,.v-tabs-item:hover { |
|
|
|
|
.v-tabs-item.active, |
|
|
|
|
.v-tabs-item:hover { |
|
|
|
|
background-image: url("../images/xframe_mid_active.svg"); |
|
|
|
|
background-size: contain; |
|
|
|
|
cursor: pointer; |
|
|
|
|
color: #fff; |
|
|
|
|
} |
|
|
|
|
.v-tabs-item.active:before,.v-tabs-item:hover:before{ |
|
|
|
|
|
|
|
|
|
.v-tabs-item.active:before, |
|
|
|
|
.v-tabs-item:hover:before { |
|
|
|
|
background-image: url("../images/xframe_left_active.svg"); |
|
|
|
|
background-size: contain; |
|
|
|
|
} |
|
|
|
|
.v-tabs-item.active:after,.v-tabs-item:hover:after{ |
|
|
|
|
|
|
|
|
|
.v-tabs-item.active:after, |
|
|
|
|
.v-tabs-item:hover:after { |
|
|
|
|
background-image: url("../images/xframe_right_active.svg"); |
|
|
|
|
background-size: contain; |
|
|
|
|
} |
|
|
|
|
@ -163,8 +175,12 @@ |
|
|
|
|
.v-list.card { |
|
|
|
|
margin-top: 50px |
|
|
|
|
} |
|
|
|
|
.v-list.card .data{ color: #999; |
|
|
|
|
margin-bottom: 10px;} |
|
|
|
|
|
|
|
|
|
.v-list.card .data { |
|
|
|
|
color: #999; |
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-list.card .list-item { |
|
|
|
|
position: relative; |
|
|
|
|
flex-wrap: nowrap; |
|
|
|
|
@ -177,6 +193,7 @@ |
|
|
|
|
border-style: solid; |
|
|
|
|
border-color: transparent; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-list.card .list-item::before { |
|
|
|
|
content: ""; |
|
|
|
|
position: absolute; |
|
|
|
|
@ -209,11 +226,14 @@ |
|
|
|
|
transition: all .4s; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-list.card .list-item:hover{ |
|
|
|
|
border-color:var(--primary); |
|
|
|
|
.v-list.card .list-item:hover { |
|
|
|
|
border-color: var(--primary); |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-list.card .list-item:hover .item-img { |
|
|
|
|
transform: scale(1.05) |
|
|
|
|
} |
|
|
|
|
.v-list.card .list-item:hover .item-img{transform: scale(1.05)} |
|
|
|
|
|
|
|
|
|
.v-list.card .list-item .item-img img { |
|
|
|
|
width: 100% |
|
|
|
|
@ -281,8 +301,15 @@ |
|
|
|
|
.v-more.white { |
|
|
|
|
color: #fff |
|
|
|
|
} |
|
|
|
|
.v-more a{color:var(--primary)} |
|
|
|
|
.v-more.white a{color: #fff} |
|
|
|
|
|
|
|
|
|
.v-more a { |
|
|
|
|
color: var(--primary) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-more.white a { |
|
|
|
|
color: #fff |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-more.white:before { |
|
|
|
|
background-image: url("../images/more_line_w.svg"); |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
@ -293,12 +320,23 @@ |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-more.vertical{width: 30px; |
|
|
|
|
.v-more.vertical { |
|
|
|
|
width: 30px; |
|
|
|
|
line-height: 18px; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
.v-more.vertical:before{transform: rotate(-90deg); left: -30px;} |
|
|
|
|
.v-more.vertical:after{transform: rotate(90deg); top: 70px; right: -5px} |
|
|
|
|
|
|
|
|
|
.v-more.vertical:before { |
|
|
|
|
transform: rotate(-90deg); |
|
|
|
|
left: -30px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-more.vertical:after { |
|
|
|
|
transform: rotate(90deg); |
|
|
|
|
top: 70px; |
|
|
|
|
right: -5px |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* 卡片 */ |
|
|
|
|
.v-card { |
|
|
|
|
margin: 20px; |
|
|
|
|
@ -315,7 +353,10 @@ |
|
|
|
|
height: 270px; |
|
|
|
|
overflow: hidden; |
|
|
|
|
} |
|
|
|
|
.v-card .image.small{height: 220px} |
|
|
|
|
|
|
|
|
|
.v-card .image.small { |
|
|
|
|
height: 220px |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-card .image .play { |
|
|
|
|
position: absolute; |
|
|
|
|
@ -334,9 +375,11 @@ |
|
|
|
|
width: 100%; |
|
|
|
|
transition: all .4s; |
|
|
|
|
} |
|
|
|
|
.v-card:hover .image img{ |
|
|
|
|
|
|
|
|
|
.v-card:hover .image img { |
|
|
|
|
transform: scale(1.1); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-card:hover .v-card-title { |
|
|
|
|
color: var(--primary) |
|
|
|
|
} |
|
|
|
|
@ -431,6 +474,10 @@ |
|
|
|
|
opacity: 1 |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-bread.dark .v-bread-item{ |
|
|
|
|
margin-right: 10px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-bread.dark .v-bread-item:not(:first-child) { |
|
|
|
|
position: relative; |
|
|
|
|
padding-left: 20px; |
|
|
|
|
@ -646,7 +693,7 @@ |
|
|
|
|
.mode1 .list .list-item.active { |
|
|
|
|
padding: 20px; |
|
|
|
|
margin-left: 0; |
|
|
|
|
background: rgba(255,255,255,.25); |
|
|
|
|
background: rgba(255, 255, 255, .25); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.mode1 .list .list-item .item-title { |
|
|
|
|
@ -671,17 +718,18 @@ |
|
|
|
|
color: #fff; |
|
|
|
|
margin-right: 30px; |
|
|
|
|
} |
|
|
|
|
.mode1 .list .list-item .item-date:after{ |
|
|
|
|
|
|
|
|
|
.mode1 .list .list-item .item-date:after { |
|
|
|
|
content: ""; |
|
|
|
|
position: absolute; |
|
|
|
|
right: -15px; |
|
|
|
|
top: 5px; |
|
|
|
|
width: 1px ; |
|
|
|
|
width: 1px; |
|
|
|
|
height: 50px; |
|
|
|
|
background: rgba(255,255,255,.5); |
|
|
|
|
background: rgba(255, 255, 255, .5); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* 模版2 */ |
|
|
|
|
/* 模版2 */ |
|
|
|
|
.mode2 { |
|
|
|
|
position: relative; |
|
|
|
|
padding: 80px 0 80px 0; |
|
|
|
|
@ -725,7 +773,11 @@ width: 1px ; |
|
|
|
|
width: 100%; |
|
|
|
|
transition: all .4s; |
|
|
|
|
} |
|
|
|
|
.mode2 .list .list-item:hover .image img{transform: scale(1.05)} |
|
|
|
|
|
|
|
|
|
.mode2 .list .list-item:hover .image img { |
|
|
|
|
transform: scale(1.05) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.mode2 .list .list-item .title { |
|
|
|
|
padding: 30px; |
|
|
|
|
text-align: center |
|
|
|
|
@ -744,6 +796,7 @@ width: 1px ; |
|
|
|
|
text-align: center; |
|
|
|
|
color: #fff; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.mode3 .list .item-date::after { |
|
|
|
|
content: ""; |
|
|
|
|
position: absolute; |
|
|
|
|
@ -751,7 +804,7 @@ width: 1px ; |
|
|
|
|
top: 5px; |
|
|
|
|
width: 1px; |
|
|
|
|
height: 50px; |
|
|
|
|
background: rgba(255,255,255,.5); |
|
|
|
|
background: rgba(255, 255, 255, .5); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.mode3 .list .item-date .day { |
|
|
|
|
@ -764,7 +817,10 @@ width: 1px ; |
|
|
|
|
margin: 0 10px 10px 10px; |
|
|
|
|
transition: all .4s; |
|
|
|
|
} |
|
|
|
|
.mode3 .list .list-item:hover{background: rgba(255,255,255,.2)} |
|
|
|
|
|
|
|
|
|
.mode3 .list .list-item:hover { |
|
|
|
|
background: rgba(255, 255, 255, .2) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.mode3 .list .list-item .item-title { |
|
|
|
|
color: #fff; |
|
|
|
|
@ -859,7 +915,9 @@ width: 1px ; |
|
|
|
|
color: #999; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-form .input input, .v-form .select select, .v-form .textarea textarea { |
|
|
|
|
.v-form .input input, |
|
|
|
|
.v-form .select select, |
|
|
|
|
.v-form .textarea textarea { |
|
|
|
|
position: relative; |
|
|
|
|
display: block; |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
@ -892,23 +950,31 @@ width: 1px ; |
|
|
|
|
transform: rotate(90deg) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-form .input, .v-form .select, .v-form .textarea, .v-form .radio, .v-form .checkbox, .v-form .toggle { |
|
|
|
|
.v-form .input, |
|
|
|
|
.v-form .select, |
|
|
|
|
.v-form .textarea, |
|
|
|
|
.v-form .radio, |
|
|
|
|
.v-form .checkbox, |
|
|
|
|
.v-form .toggle { |
|
|
|
|
position: relative; |
|
|
|
|
display: block; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-form .inline-group .radio, .v-form .inline-group .checkbox { |
|
|
|
|
.v-form .inline-group .radio, |
|
|
|
|
.v-form .inline-group .checkbox { |
|
|
|
|
float: left; |
|
|
|
|
margin-right: 30px; |
|
|
|
|
padding-left: 20px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-form .radio input, .v-form .checkbox input { |
|
|
|
|
.v-form .radio input, |
|
|
|
|
.v-form .checkbox input { |
|
|
|
|
position: absolute; |
|
|
|
|
left: -9999px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-form .radio i, .v-form .checkbox i { |
|
|
|
|
.v-form .radio i, |
|
|
|
|
.v-form .checkbox i { |
|
|
|
|
position: absolute; |
|
|
|
|
top: 5px; |
|
|
|
|
left: 0; |
|
|
|
|
@ -970,7 +1036,7 @@ width: 1px ; |
|
|
|
|
padding: 0 18px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-footer .link-item + .link-item:before { |
|
|
|
|
.v-footer .link-item+.link-item:before { |
|
|
|
|
content: ''; |
|
|
|
|
position: absolute; |
|
|
|
|
left: 0; |
|
|
|
|
@ -990,16 +1056,19 @@ width: 1px ; |
|
|
|
|
text-align: center |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-footer .cont .s + .s { |
|
|
|
|
.v-footer .cont .s+.s { |
|
|
|
|
margin-left: 35px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-footer .cont br ~ .s { |
|
|
|
|
.v-footer .cont br~.s { |
|
|
|
|
margin-left: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* 非遗资源 */ |
|
|
|
|
.v-pages-item.tj{padding-top: 80px} |
|
|
|
|
.v-pages-item.tj { |
|
|
|
|
padding-top: 80px |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-pages-item.fyzl { |
|
|
|
|
padding: 130px 0 20px 0; |
|
|
|
|
margin: 0; |
|
|
|
|
@ -1017,7 +1086,16 @@ width: 1px ; |
|
|
|
|
text-align: center; |
|
|
|
|
transition: all .4s; |
|
|
|
|
} |
|
|
|
|
.v-pages-item.fyzl .v-list-item .title{position: absolute; top: 30px; left: 30px; color: #fff; font-size: 18px;writing-mode: vertical-rl;} |
|
|
|
|
|
|
|
|
|
.v-pages-item.fyzl .v-list-item .title { |
|
|
|
|
position: absolute; |
|
|
|
|
top: 30px; |
|
|
|
|
left: 30px; |
|
|
|
|
color: #fff; |
|
|
|
|
font-size: 18px; |
|
|
|
|
writing-mode: vertical-rl; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-pages-item.fyzl .v-list-item:hover { |
|
|
|
|
top: 0px |
|
|
|
|
} |
|
|
|
|
@ -1079,7 +1157,8 @@ width: 1px ; |
|
|
|
|
border: 1px solid #b28647; |
|
|
|
|
color: #b28647; |
|
|
|
|
background: #fff; |
|
|
|
|
writing-mode: vertical-rl; /* 文字从上到下竖排，从右到左 */ |
|
|
|
|
writing-mode: vertical-rl; |
|
|
|
|
/* 文字从上到下竖排，从右到左 */ |
|
|
|
|
z-index: 99; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@ -1136,6 +1215,7 @@ width: 1px ; |
|
|
|
|
from { |
|
|
|
|
transform: rotate(0deg) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
to { |
|
|
|
|
transform: rotate(100deg) |
|
|
|
|
} |
|
|
|
|
@ -1154,7 +1234,7 @@ width: 1px ; |
|
|
|
|
|
|
|
|
|
.v-pages-item.fytj .v-list { |
|
|
|
|
margin-top: 150px; |
|
|
|
|
height:350px; |
|
|
|
|
height: 350px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-pages-item.fytj .v-list-item:nth-child(2n) { |
|
|
|
|
@ -1201,13 +1281,15 @@ width: 1px ; |
|
|
|
|
width: 30px; |
|
|
|
|
color: #fff; |
|
|
|
|
margin-right: 20px; |
|
|
|
|
writing-mode: vertical-rl; /* 文字从上到下竖排，从右到左 */ |
|
|
|
|
writing-mode: vertical-rl; |
|
|
|
|
/* 文字从上到下竖排，从右到左 */ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-pages-item.fytj .v-list-item .item-title { |
|
|
|
|
width: 30px; |
|
|
|
|
color: #fff; |
|
|
|
|
writing-mode: vertical-rl; /* 文字从上到下竖排，从右到左 */ |
|
|
|
|
writing-mode: vertical-rl; |
|
|
|
|
/* 文字从上到下竖排，从右到左 */ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-about-right { |
|
|
|
|
@ -1237,8 +1319,16 @@ width: 1px ; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* 章节 */ |
|
|
|
|
.v-chapter{position: relative} |
|
|
|
|
.v-chapter .v-more{position: absolute; right: 40px; bottom: 40px} |
|
|
|
|
.v-chapter { |
|
|
|
|
position: relative |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-chapter .v-more { |
|
|
|
|
position: absolute; |
|
|
|
|
right: 40px; |
|
|
|
|
bottom: 40px |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-chapter-nav { |
|
|
|
|
width: 290px; |
|
|
|
|
height: 616px; |
|
|
|
|
@ -1273,12 +1363,19 @@ width: 1px ; |
|
|
|
|
.v-chapter-nav-item { |
|
|
|
|
margin-bottom: 25px; |
|
|
|
|
color: #fff; |
|
|
|
|
opacity: .65; |
|
|
|
|
opacity: .65; |
|
|
|
|
transition: all .4s; |
|
|
|
|
cursor: pointer; |
|
|
|
|
} |
|
|
|
|
.v-chapter-nav-item.active{opacity: 1} |
|
|
|
|
.v-chapter-nav-item:hover{opacity: 1} |
|
|
|
|
|
|
|
|
|
.v-chapter-nav-item.active { |
|
|
|
|
opacity: 1 |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-chapter-nav-item:hover { |
|
|
|
|
opacity: 1 |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-chapter-nav-item .chapter { |
|
|
|
|
font-size: 18px; |
|
|
|
|
background-position: left bottom; |
|
|
|
|
@ -1295,6 +1392,15 @@ opacity: .65; |
|
|
|
|
padding-left: 20px |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-list.ztbd .list-item{margin: 30px} |
|
|
|
|
.v-list.ztbd img{width: 100%; transition: all .4s;} |
|
|
|
|
.v-list.ztbd .list-item:hover img{transform: scale(1.05)} |
|
|
|
|
.v-list.ztbd .list-item { |
|
|
|
|
margin: 30px |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-list.ztbd img { |
|
|
|
|
width: 100%; |
|
|
|
|
transition: all .4s; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-list.ztbd .list-item:hover img { |
|
|
|
|
transform: scale(1.05) |
|
|
|
|
} |
