body{font-family:'Segoe UI',SegoeUI,'Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif}
ul,li{margin:0;padding:0;list-style:none}
button,input{overflow:visible}
a{text-decoration:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
.d-in-bl{display:inline-block}
.m-r-1{margin-right:3px}
.m-t-1{margin-top:3px}
.m-b-1{margin-bottom:5px}
.pointer{cursor:pointer}
#search-box,#logo,#fr-links{max-width:800px;margin:auto}
#logo{text-align:center}
.mdui-textfield-expandable .mdui-textfield-input{margin-left:0;padding-right:50px}
.mdui-textfield-focus .mdui-textfield-input,.mdui-textfield-focus .mdui-textfield-input:hover{border-bottom-color:none;box-shadow:none}
.mdui-textfield-input:not([disabled]):hover{border-bottom:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}
.search-bar{display:flex;align-items:center;width:100%;height:46px;background-color:#ececec;border-radius:8px;transition-duration:.18s;transition-property:background-color,box-shadow}
.mdui-textfield-focus{background-color:#fff}
#search-box .back,#search-box .mdui-textfield-close,#search-box .go-search{display:none}
#search-box .mdui-textfield-not-empty .mdui-textfield-close{display:flex;-webkit-transform:scale(1);top:auto;right:44px}
#search-box .mdui-textfield-not-empty .go-search,#search-box .mdui-textfield-focus .go-search{display:flex;-webkit-transform:scale(1);top:auto;right:3px}
#search-box .mdui-textfield-focus button.go-search:hover{opacity:1;background-color:#f72068 !important}
.search-bar .back,.search-bar .cancel,.search-bar .submit{margin:0 5px}
.search-bar input{flex:1;height:46px;background-color:transparent;border:none;outline:none}
.search-bar input{flex:1;height:46px;background-color:transparent;border:none;outline:none}
#fr-links .mdui-col a{color:#d4b236}
#fr-links .mdui-col a:hover{color:#f8d556;text-decoration:underline}
.links-fr{max-width:800px;margin:auto}
.video-box .links-fr{padding:1px 6px 1px;}
.links-fr ul{margin:0 0 3px;}
.links-fr .fir-li{color:#d6cbe6 !important}
.links-fr .fir-li .mdui-icon{font-size:120%;position:relative;top:-1px}
.links-fr ul li{display:inline-block;margin:6px 4px}
.links-fr ul li.fir-li{color:#d4b236}
.links-fr ul li i{margin-right:3px}
.links-fr ul li a{color:#d4b236;font-size:0.85rem;padding:3px 4px;border-radius:3px;text-decoration:underline;}
.links-fr ul li a:hover{background-color:#d4b236;color:#fff;text-decoration:none;}

.links-fr-f {margin: auto;}
.links-fr-f ul {margin: 0 0 3px;}
.links-fr-f .fir-li {color: #b4a8d8 !important;}
.links-fr-f .fir-li .mdui-icon {font-size: 120%;position: relative;top: -1px;}
.links-fr-f ul li {display: inline-block;margin: 6px 4px;}
.links-fr-f ul li.fir-li {color: #d4b236}
.links-fr-f ul li i {margin-right: 3px;}
#foot .links-fr-f ul li a {color: #65539e;font-size: 0.85rem;padding: 3px 3px;border-radius: 3px;text-decoration:underline;}
#foot .links-fr-f ul li a:hover {background-color: #d4b236;text-decoration:none;color: #fff;}
.links-fr-f ul span{color: #8969ca; }
.brother-link{font-size:1.2rem;}
.brother-link a:hover{text-decoration: underline;}
.mdui-toolbar .m-menu ul li{display:block!important;line-height:30px}
.mdui-toolbar .m-menu ul li a{color:#6e6e6e;font-size:1rem;padding:3px 6px}
.search-res-box{border-radius:6px}
.search-res-box .many-res p{font-weight:lighter;font-size:1.2rem}
#search-res .mdui-col{margin-bottom:10px}
#foot p{font-size:14px;line-height:24px;margin:0.7em 0;}
#foot a{color:#9182bd}
#foot a:hover{color:#4527a0}
.tag-box{line-height:1.85rem;font-size:14px}
.tag-box a{padding:3px 7px;color:#797979;background-color:#fff;margin:auto 3px;border-radius:3px;text-decoration:none;height:1rem;line-height:1.1rem;display:inline-block}
.tag-box a:hover{color:#fff;background-color:#4527a0}
.tag-box span{font-size:14px;color:#4527a0}
.tag-box .mdui-icon{font-size:18px !important;position:relative;top:-1px}
.tag-more{color:#9182bd}
.tag-more:hover{color:#4527a0}
.tag-more .button{font-size:12px}
.featured-content-img{position:relative;display:block;border-radius:5px;height:0;padding-bottom:66%;overflow:hidden}
.featured-content-img a{display:block}
.featured-content-img img{max-width:100%;width:100%;height:12em;object-fit:cover}
.featured-content-img .model-view{position:absolute;padding:1px 8px;font-size:0.7rem;bottom:1px;right:1px;color:#e0e0e0;background-color:rgba(0,0,0,.30);border-radius:5px 0 0}
.featured-content-img .model-view .mdui-icon{font-size:10px}
.featured-content-img .link-overlay{position:absolute;top:0;left:0;bottom:0;right:0;background:0 0;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}
.featured-content-img:hover .link-overlay{background:rgba(20,22,23,.55);background-image:url(../img/icon-play-24.png);background-repeat:no-repeat;background-position:center center;text-decoration:none}
.entry-title{height:2.2rem;white-space:normal}
.entry-title a{font-size:0.8rem;color:#797979;margin-top:5px;margin-bottom:0px;white-space:normal;word-wrap:break-word;max-height:5rem;line-height:1.1rem;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
.entry-title:hover a{color:#000000}
#search-page ul{display:inline-block;padding-left:0;margin:20px 0 0;border-radius:4px}
.page_tips{margin:10px;color:#9b9b9b;font-size:90%}
#search-page ul li{display:inline}
#search-page ul li span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#9182bd}
#search-page ul li a{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#9182bd;text-decoration:none;background-color:#fff;border:1px solid #ddd}
#search-page ul li:last-child>a{border-top-right-radius:4px;border-bottom-right-radius:4px}
#search-page ul li:first-child>a{border-top-left-radius:4px;border-bottom-left-radius:4px}
#search-page ul li a:hover{background-color:#eee}
#search-page ul li.active a,#search-page ul li.active a:hover{color:#fff;background-color:#9182bd;border:1px solid #9182bd}
.video-play-box{position:relative;height:600px}
.video-play{position:absolute;width:100%;height:100%;background:#29292973}
.video-box .video-name a{color:#333;font-size:1.2rem;font-weight:lighter}
.video-box .video-name a:hover{text-decoration:underline}
.video-name small{font-size: 35%;font-weight: 300;color: #c6b9d9;}
.video-name small .mdui-icon{font-size: 0.8rem;}
.video-box .mdui-container .mdui-btn{margin:5px auto;display:block;background-color:#e7e1f1;color:#9182bd}
.video-box .mdui-container .mdui-btn:hover{background-color:#9182bd;color:#fff}
.current-box{border-radius:6px}
.current-title h2{font-size:1.2rem;color:#333;margin: 0.2rem 0 1rem;}

/* ads_* style */
.mm{position:relative; margin: 10px 0 5px ; border: #fff solid 1px; border-right:none; border-bottom:none; overflow: hidden;  }
.mm-name{ font-size:12px; position: absolute;width: 20px; line-height: 15px; padding: 1px 0; display: block; text-align: center; float: left; border-bottom: #fff solid 1px;border-right: #fff solid 1px;height:100%;display: -webkit-flex;/* Safari */ -webkit-align-items: center;/* Safari 7.0+ */ display: flex; align-items: center;}
.mm-box{width: 100%;padding-left: 15px; /*margin-left: 1px;*/}
.mm-box img{width: 37px; margin-right: 2px; margin-top: -12px; border-radius: 8px; display:inline; vertical-align: middle;}
.mm-box ul{width: 100%; padding: 0; margin: 0;}
.mm-box ul li{float: left; width:16.6666666%; box-sizing: border-box; overflow: hidden; height: 52px; line-height: 52px;display: block; border-right: #fff 1px solid; border-bottom: #fff 1px solid;margin-top: -1px; border-color: inherit;}
.mm-box ul li a{color: inherit; font-size: 14px; overflow: hidden; display: block;height: 52px;line-height: 52px;padding:0 0.7rem;}
.mm-box ul li a:hover{ border-color: inherit ; }
.mm-box ul li a:focus{text-decoration: none;}
.mm-box ul li a span{ text-align: left;overflow: hidden; line-height:17px; display:inline-block;position: relative;top: 9px;text-align:left;}
.mm-box ul li a span b{ overflow: hidden; white-space: nowrap;text-overflow:ellipsis;}
.mm-box ul li .small{color: #ffffff96; font-size:12px; font-weight: normal;}
/* mm color style */
.mm-box ul li a:hover{background-color: #262729;}
.bor-color{border-color: #9a27a0!important;}
.text-color{color: #dce5e6;}
.text-color-100{color: #b3bcbe;}
.bg-color{background-color: #7e27a0; }
.bg-color-200{background-color: #00050f; }
.bg-color-510{background-color: #22373c; }

.today-ranking{height: 35px; line-height: 35px; text-align: center; padding: 10px 0 10px 7%;}
.rang-btn{padding:6px 7px;   border-radius: 5px; background-color: #ede7f6; color:#7866ad; font-size: 0.8rem;}
.rang-btn:hover{ background-color:#4527a0; color:#fff;}
.today-ranking .active-btn{background-color:#d4b236; color:#fff; }
.rang-btn .mdui-icon{ font-size: 1.2rem;  position: relative; top:-2px;}
.back-link{font-size:0.75rem; color:#3a3a3a;}
.back-link:hover{color:#FF4081 ;}
@media (min-width:300px){.video-play-box{height:300px} #message-box h2{font-size:1.2em} .mm-box ul li{width:50%;
}
@media (min-width:600px){.video-play-box{height:400px}
}
@media (min-width:700px){.video-play-box{height:500px} .mm-box ul li{width:33.33333333%;}.mm-box ul li a{font-size: 12px;
}
@media (min-width:1024px){.video-play-box{height:600px}.mm-box ul li{width:25%;} .mm-box ul li a{font-size: 12px;}
}