body { background-color: #fcfcfc; }

.pagination {
    padding: 1em;
    margin:10px;
}


.nav .nav-item a {
    color: #bd0909;
    font-size: 1em;
}

.nav-link {
    display: block;
    padding: .3rem;
}

dl dd:nth-child(2) { width: 200px; }


header { margin-bottom: 20px;}
.header {  background: linear-gradient(187deg, #3b3bff 36%, #b389f0, #dfb5fd); }
.header a { color: #fff5a8; text-decoration: none; }
.header a:hover {  color: #fff5a8; text-decoration: none;  }
.header #top-nav a:hover {  color: #ff0000;    text-decoration: none;    background-color: rgb(255, 255, 255); }

.logo { width: 40vw; margin: auto; }
.adv-word { padding-bottom: 2px; }
.adv-word .word { background-color: rgb(166 105 255 / 45%); border:1px solid #f4edff; margin:10px; padding: 10px; color:#fff; font-weight: 300; font-size: .8em; border-radius: 10px; }
.nav-bg { background-color:#ffd085; padding: 10px; }

#mobile-login, #namepass-login { background-color: #fff; padding: 10px; }

.gridtable { width: 100% }
.gridtable th { border: 1px solid #dddddd; padding: 10px; text-align: center }
.gridtable td { border: 1px solid #ddd; padding: 6px 10px; text-align: center }
.gridtable .service td:nth-child(3) { color:red }
.gridtable .service td:nth-child(4) { color: #07d407; font-weight: bold; font-size: 1.2em; }

.vod { border: 1px solid  #a7a7a7; position: relative; margin-bottom: 30px;}
.vodcover { height: 160px; text-align: center; padding: 2px; }
.vodcover img { height: 100%; width: 100%; margin-bottom: 100px; }
.cate-name { color: #fff; padding: 10px; background-color: rgba(67, 11, 168, 0.71); width: 100% ; bottom: 0 }
.cate-name a { color: #fff;  }
.vodname {  color: #330dc4;  padding: 10px; width: 100% ; bottom: 0 }
.vodname a { color: #330dc4;  }
.vodname a:hover { color: #fc2222;  }

.vodtitle { color: #2c2936;  width: 100% ; margin-bottom: 10px; font-size: 1.6em; }
.vodtitle .t {   padding: 10px; border-bottom: 1px solid rgba(67, 11, 168, 0.71); }
.vodtitle .bot { background-color: rgba(67, 11, 168, 0.71);  padding: 6px; width: 10% ; margin-bottom: 10px; }

.aname { padding: 10px; border-bottom: 1px solid #eee; margin-bottom: 15px}



/*视频专辑*/
.video_same_album { border:1px solid #8db0ff; }
.album-title { background-color: #388bf8; color: #fff; }
.album-list { line-height: 2em }
.album-list a { text-decoration: none }
.album-title a { text-decoration: none; color: #fff }


/*同分类视频*/
.video_same_cate { border:1px solid #8db0ff; }
.cate-title { background-color: #388bf8; color: #fff; }
.cate-list { line-height: 2em }
.cate-list a { text-decoration: none }

.cate-title a { text-decoration: none; color: #fff }



footer { position: fixed; padding:5px; bottom: 0; width: 100%; font-size: .7em; background-color: #6a3eff; }
footer a { text-decoration: none;  }

footer .nav {   color: #fff; }
footer .nav li  { padding: 8px; position: relative; }
footer .nav a  { color: #fff; }
footer .nav .t  { font-size: 1.5em; }
footer .nav .child-nav { position: absolute; bottom: 60px; background-color: #6630ea; padding: 20px 10px }
footer .nav .child-nav li { padding: 5px 15px;  width: 50vw; }
footer .nav .page-pre { font-size: 1.5em; }
footer .nav .page-next { font-size: 1.5em; }

.page-nav { position: fixed; padding:5px; bottom: 60px; width: 100%; font-size: 2em; color: rgba(135, 163, 243, 0.42);  }
.page-nav .page-pre{ float: left }
.page-nav .page-next{ float: right }