Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
@@ -0,0 +1,441 @@
|
||||
body {
|
||||
font: 12px/1.5 PingFangSC-Regular,Helvetica,Arial,sans-serif;
|
||||
background: #f1f1f1;
|
||||
min-width: 920px;
|
||||
}
|
||||
|
||||
body, html {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 100%;
|
||||
-webkit-text-size-adjust: none;
|
||||
-ms-text-size-adjust: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
article, aside, blockquote, body, button, dd, div, dl, dt, footer, form, h1, h2, h3, h4, h5, h6, header, li, menu, nav, ol, p, ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.hideit {
|
||||
display: none
|
||||
}
|
||||
|
||||
.current {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.dnpw-ftbtm-page, div#__nuxt {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
min-height: 100%;
|
||||
padding-bottom: 117px;
|
||||
}
|
||||
|
||||
.dnpw-404-page .dnpw-404-top {
|
||||
margin-bottom: -24px;
|
||||
height: 489px;
|
||||
_background: url(top-404-gradient.jpg) repeat-x;
|
||||
}
|
||||
|
||||
.dnpw-404-page .top-bg {
|
||||
height: 100%;
|
||||
background: url(top-404-bg-0.png) center 0 no-repeat;
|
||||
}
|
||||
|
||||
.dnpw-404-page .top-box {
|
||||
width: 920px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
/*
|
||||
|
||||
.dnpw-404-page .top-box:after, .dnpw-404-page .top-box:before {
|
||||
content: " ";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
*/
|
||||
.dnpw-404-page .top-box-left {
|
||||
float: left;
|
||||
padding-left: 0px;
|
||||
padding-top: 88px;
|
||||
}
|
||||
|
||||
.dnpw-404-page .flash-box {
|
||||
position: relative;
|
||||
width: 492px;
|
||||
height: 500px;
|
||||
background-color: #fff;
|
||||
border-radius: 15px;
|
||||
padding: 15px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.dnpw-404-page .loading-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -20px;
|
||||
margin-top: -20px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background: url(loading-4040.gif);
|
||||
}
|
||||
|
||||
.iqp-player {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
min-width: 230px;
|
||||
overflow: hidden;
|
||||
text-align: left;
|
||||
white-space: normal;
|
||||
color: #fff;
|
||||
z-index: 0;
|
||||
user-select: none;
|
||||
outline: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.dnpw-404-page .top-box-right {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.dnpw-404-page .dnpwslogo {
|
||||
padding-top: 25px;
|
||||
-padding-left: 245px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.dnpw-404-page .content-box {
|
||||
padding-top: 166px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dnpw-404-page .title-404 {
|
||||
margin-bottom: 50px;
|
||||
color: #333;
|
||||
font-size: 27px;
|
||||
width: 215px;
|
||||
padding-left: 117px;
|
||||
}
|
||||
|
||||
.dnpw-404-page .btn-box {
|
||||
font-size: 0;
|
||||
padding-left: 50px;
|
||||
}
|
||||
|
||||
a, a:active, a:hover, a:link, a:visited {
|
||||
text-decoration: none;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.dnpw-404-page .btn-404.plain {
|
||||
border-color: #fff;
|
||||
background-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.dnpw-404-page .btn-404 {
|
||||
display: inline-block;
|
||||
margin: 0 12px;
|
||||
width: 124px;
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
border: 1px solid #fff;
|
||||
background-color: #fff;
|
||||
color: #222;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
border-radius: 18px;
|
||||
transition: all .3s;
|
||||
}
|
||||
|
||||
.dnpw-404-page .btn-404:hover {
|
||||
background: #aaa;
|
||||
border: 1px solid #aaa;
|
||||
color: white
|
||||
}
|
||||
|
||||
/*
|
||||
|
||||
.dnpw-404-page .top-box:after, .dnpw-404-page .top-box:before {
|
||||
content: " ";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
*/
|
||||
|
||||
.child_avatar {
|
||||
float: left;
|
||||
width: 140px;
|
||||
height: 188px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.child_info {
|
||||
float: left;
|
||||
width: 320px;
|
||||
overflow: hidden;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.child_info .info_name {
|
||||
margin-bottom: 10px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.child_info p {
|
||||
color: #555;
|
||||
line-height: 27px;
|
||||
border-top: 1px dashed #eee;
|
||||
}
|
||||
|
||||
.child_info .lh-s {
|
||||
padding-top:5px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.link_view {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 30px;
|
||||
height: 28px;
|
||||
line-height: 30px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.link_inner {
|
||||
color: #555
|
||||
}
|
||||
|
||||
.dnpw-mod-wrap {
|
||||
position: relative;
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
.dnpw-mod-header {
|
||||
position: relative;
|
||||
margin-bottom: 20px;
|
||||
|
||||
}
|
||||
|
||||
.dnpw-mod-header .dnpw-mod-title {
|
||||
color: #222;
|
||||
font-size: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 400;
|
||||
font-size: 100%;
|
||||
}
|
||||
/*
|
||||
.dnpw-mod-header .dnpw-mod-title:after, .dnpw-mod-header .dnpw-mod-title:before {
|
||||
content: " ";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
*/
|
||||
.dnpw-mod-header .dnpw-mod-title .nolink-txt {
|
||||
float: left;
|
||||
color: #222;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.dnpw-main .dnpw-mod-header .dnpw-mod-title .dnpw-mod-text, .dnpw-1335 .dnpw-mod-header .dnpw-mod-title .dnpw-mod-text {
|
||||
display: inline-block;
|
||||
font-size: 24px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.dnpw-mod-header .dnpw-mod-title .dnpw-mod-text {
|
||||
display: inline-block;
|
||||
font-size: 26px;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.dnpw-mod-list {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/*------------*/
|
||||
.dnpw-page-turn {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 12px;
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.dnpw-page-turn .page-num {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
font-size: 12px;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.dnpw-404-page .dnpw-404-con {
|
||||
width: 920px;
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.dnpw-mod-list .dnpw-mod-ul {
|
||||
width: 100%;
|
||||
font-size: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.dnpw-mod-list .dnpw-mod-li {
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
margin: 0 15px;
|
||||
}
|
||||
|
||||
.dnpw-main .dnpw-mod-img.horizon, .dnpw-1335 .dnpw-mod-img.horizon {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.dnpw-mod-img.horizon {
|
||||
width: 210px;
|
||||
}
|
||||
|
||||
.dnpw-mod-img .dnpw-mod-link, .dnpw-mod-img .dnpw-mod-link-wrap {
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.dnpw-main .dnpw-mod-img.horizon .dnpw-mod-link, .dnpw-1335 .dnpw-mod-img.horizon .dnpw-mod-link {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.dnpw-mod-img.horizon .dnpw-mod-link {
|
||||
width: 210px;
|
||||
height: 118px;
|
||||
}
|
||||
|
||||
.dnpw-mod-img .dnpw-mod-link {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.dnpw-mod-img .dnpw-mod-cover {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transition: all .25s ease-in-out;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.fadeOutIn-enter-active {
|
||||
animation-duration: .3s;
|
||||
animation-name: fadeOutIn;
|
||||
animation-fill-mode: forwards;
|
||||
animation-timing-function: cubic-bezier(0,0,.5,1);
|
||||
}
|
||||
|
||||
img {
|
||||
border: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
/*
|
||||
.dnpw-mod-img .nub-tl.nub-tlOne {
|
||||
background-position: -50px 0;
|
||||
}
|
||||
*/
|
||||
.dnpw-mod-img .nub-tl {
|
||||
position: absolute;
|
||||
left: 26px;
|
||||
top: 27px;
|
||||
text-align: center;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
line-height: 40px;
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.currents .dnpw-mod-img .nub-tl {
|
||||
background: url(playing.png) no-repeat 0 0;
|
||||
}
|
||||
|
||||
.dnpw-mod-img .title-wrap {
|
||||
position: relative;
|
||||
line-height: 1;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
|
||||
.dnpw-main .dnpw-mod-img .title-wrap .main, .dnpw-1335 .dnpw-mod-img .title-wrap .main {
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.dnpw-mod-img .title-wrap .main {
|
||||
line-height: 23px;
|
||||
height: 23px;
|
||||
font-size: 15px;
|
||||
vertical-align: baseline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.dnpw-mod-img .title-wrap .link-txt {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.dnpw-main .dnpw-mod-img .title-wrap .sub, .dnpw-1335 .dnpw-mod-img .title-wrap .sub {
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.dnpw-mod-img .title-wrap .sub {
|
||||
line-height: 22px;
|
||||
font-size: 14px;
|
||||
color: #999;
|
||||
margin-top: 2px;
|
||||
height: 22px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.dnpw-mod-img .title-wrap .dnpw-svgicon-hot {
|
||||
margin-right: 4px;
|
||||
font-size: 12px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.dnpw-svgicon {
|
||||
display: inline-block;
|
||||
vertical-align: -1px;
|
||||
font-family: iconfont!important;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user