html {font-size:1.62em;font-size:2.8vh;}
html, body {border:0;margin:0;padding:0;width:100%;height:100%;color:#777;}
body {background:#111 url(../images/back.png) repeat -56px -56px;}
* {-webkit-box-sizing:border-box;box-sizing:border-box;cursor:default;overflow:hidden;}
::-webkit-scrollbar {width:9px;height:9px;}
::-webkit-scrollbar-corner {background:transparent;}
::-webkit-scrollbar-thumb {background:#252526;border-radius:4.5px;}
ul, li {margin:0;padding:0;}
li {list-style:none;}
a:link, a:active, a:visited {color:#fefefe;text-decoration:none;}
a:hover {color:#FF6347;}

#all {position:relative;width:100%;height:100%;padding:0.4rem;visibility:hidden;/*background:url(../images/menu.png) repeat-y left 0;*/}

#menu {width:12%;height:100%;float:left;text-align:center;font-size:1em;color:#eee;padding:0.75em;opacity:0.8;}
#menu div {width:100%;margin:2px;height:6.69%;float:left;transition:all .5s;}
#menu div:hover, #menu .chk, #menu .focus {background:#4e6ef2;-webkit-box-shadow:inset 0 0 1rem #fff;box-shadow:inset 0 0 2rem #fff;border-radius:0.5em;}

#list {width:88%;height:74%;float:left;text-align:center;}
#list div {width:16.666%;height:50%;border:0.8em solid transparent;background-size:100% 100%;background-clip:content-box;background-origin:content-box;float:left;
	position: relative;transition:all .5s;}
#list div span {display:block;width:100%;background:#fff;opacity:0.7;padding:0.2rem 0;color:#000;font-weight:bold;font-size:1.2em;transition:all .5s;}
#list div:hover span, #list .chk span {background:green;color:#fff;display:none;}
#list div:hover, #list .chk {-webkit-box-shadow:inset 0 0 0.75rem green;box-shadow:inset 0 0 0.75rem green;-webkit-transform:scale(1.1);transform:scale(1.1);z-index:100;}
#list div label {display: block;opacity: .7;position: absolute;background: red;right: 0;bottom: 0;border-radius: .5em 0 0 0;font-size: .8rem;color: #fff;padding: .4em .5em;}
#list i {position:absolute;width:2em;height:2em;opacity:.9;background:url(../images/hot.png) no-repeat 0 0;background-size:cover;left:0;bottom:0;}

#play {display:none;width:100%;height:100%;position:fixed;background:#000;left:0;top:0;
	border-radius:0;z-index:1005;text-align:center;}
#play video {width:100%;max-height:100%;margin:0 auto;object-fit: contain;-webkit-object-fit: contain;position:relative;z-index:2000;/*
	transform:scale(1);transform-origin:center center;*/}

.dplayer * {overflow: visible;}
.dplayer-controller {z-index:2001;}

#cover {position:fixed;left:0;top:0;height:100%;width:100%;background:#000;z-index:100;display:none;}
#closeBut, .closePlay, .outVideo, .maxPlay {position:absolute;top:.1rem;right:.1rem;background:url(../images/close3.png?1) no-repeat 0 0;width:3rem;height:3rem;background-size:cover;z-index:2103;}

#move {position:fixed;opacity:0.5;width:12%;height:8em;background:#000;left:0;bottom:0;z-index:1002;font-size:0;display:none;}
#move button {font-size:1.2rem;width:50%;height:25%;}
.clear {clear:both;}

#page, #srch {width:88%;height:13%;float:right;font-size:1.1em;}
#page ul {width:100%;height:100%;}
#page li {display:inline-block;height:100%;width:16.666%;padding:0.75em 0;float:left;text-align:center;color:#777;line-height:6vh;}
#page label {display:block;width:100%;text-align:center;background:#333;height:100%;color:#eee;border-radius:.2em;}
#page label:hover, #page .chk {background:#dbd9b7;-webkit-box-shadow:inset 0 0 0.75rem #71837d;box-shadow:inset 0 0 0.75rem #71837d;color:#407d94;}

#srch {display:table;max-height:120px;overflow:hidden;}
#srch div {height:100%;vertical-align:middle;display:table-cell;padding:0.7em;}
#srch input[type=text], #srch input[type=button] {width:50%;height:100%;font-size:1em;outline:none;border:0;background-color:#333;float:left;color:#ccc;}
#srch input[type=text] {padding-left:1em;border-radius:.5em 0 0 .5em;}
#srch input[type=button] {width:10%;margin-left:1px;background:#333 url(../images/search.png) no-repeat center center;border-radius:0 .5em .5em 0;background-size:auto 60%;}
#srch input:hover, #srch input:focus, #srch .chk {background-color:#222;}

input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #222 inset;-webkit-text-fill-color: #ccc;-webkit-background-clip:text;}

#main {position:fixed;z-index:101;display:none;overflow:auto;word-wrap: break-word;background:#000;font-size:1.2em;border-top-right-radius:96px;}
#main .left {width:10%;height:100%;float:left;text-align:center;padding-right:1.6em;}
#main .right {width:90%;height:100%;float:left;font-size:1.1em;}
#main .left div {margin-bottom:1em;line-height:3em;border:1px solid #777;border-radius:0.3em;font-size:1.1em;transition:all .5s;}
#main .left div:hover, #main .left .chk {-webkit-box-shadow:inset 0 0 1rem #71837d;box-shadow:inset 0 0 1rem #71837d;}
#main .intro, #main .down {width:100%;height:100%;}
#main .cover {width:20%;height:50%;/*height:45vh;*/float:left;background-size:100% 100%;} 
#main .info {width:80%;height:50%;/*height:45vh;*/float:left;padding-left:1em;line-height:1.1;}
#main .info div {height:13%;white-space:nowrap;overflow:hidden;font-weight:300;}
#main .content {width:100%;height:50%;/*height:40vh;*/border-top:1em solid transparent;overflow:auto;float:left;padding-bottom:.5em;font-weight:300;}
#main .down, #main .cache {display:none;width:100%;height:100%;overflow:auto;color:#fff;position:relative;font-size:.9em;transition:all .5s;}
#main .down div *, #main .cache label {border-radius:0.2em;display:inline-block;margin-bottom:0.5em;float:left;}
#main .down .zb {float:left;display:inline-block;font-family:'Microsoft YaHei',Monospace;}
#main .cache label {display:block;clear:both;}
#main .down b {font-weight:normal;background:#0d1017;font-size:0.8em;padding:0.2rem;color:#ccc;}
#main .down i {font-size:0.5em;padding:0.2rem;color:#ccfc62;}
#main .down label, #main .cache label {background:#37c6c0;margin-left:0.4rem;margin-right:.4rem;font-size:1.6em;padding:0.3rem 2em;
	-webkit-box-shadow:inset 0 0 0.75rem blue;box-shadow:inset 0 0 0.75rem blue;color:#fff;}
#main .down label:hover, 
#main .cache label:hover, 
#main .down .chk, 
#main .cache .chk {background:#8b84a3!important;-webkit-box-shadow:inset 0 0 0.75rem #d0e9ff;box-shadow:inset 0 0 0.75rem #d0e9ff;}
#main .down .play, #setFlag {}
.closePlay {opacity:.5;}
.outVideo {top:10px;left:10px;background-image:url(../images/outVideo.png);opacity:0;}
.maxPlay {top:10px;left:10px;background-image:url(../images/max3.png);opacity:.5;}

#play .mobile {position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);}

#dbut div {position:relative;}
#main .cdw {position:absolute;height:2em;width:2em;bottom:0;left:.1em;background:rgba(240,230,140,.5);text-align:center;line-height:2em;}
#main .ccache {background:rgba(255,255,0,.8)!important;}


.zb {font-size:1rem;float:inherit!important;}
#dbut h6 {margin:0;padding:0;line-height:2em;color:#F9F2D2;font-size:1.2em;font-weight:300;margin-bottom:.5em;border-bottom:1px dashed #999;width:90%;}
#dbut .check label {color:red!important;}
#dbut .visited label {color:#F0E68C!important;}
.out {background:rgba(255,255,255,.5)!important;}

/******************$.alert*******************/
.talert, .loading {width:100%;height:100%;position:fixed;top:0;display:none;color:#000;z-index:2001;}
.talert .bg, .loading .bg {width:100%;height:100%;background:#000;filter:Alpha(opacity=50);opacity:0.5;position:absolute;top:0;}
.loading .bg {background:#000 url(../images/loading2.gif) no-repeat center center;opacity:0.95;}
.talert .body {background:#f3f3f3;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);border-radius:0.5rem;
	cursor:default;box-shadow: 0 0 0.6rem #000;text-align:center;text-shadow:1px 1px 0 #fff;}
.talert .text {padding:1.6rem;line-height:2.5rem;border-bottom:1px solid #aaa;font-size:1.8rem;}