body,html {font: normal 100% "微软雅黑",Helvetica, Arial, sans-serif;margin: 0px;padding: 0px;}
html{background-color: #8b8b8b;}
a{text-decoration: none;color:#333;}
a:hover{text-decoration: solid;color:red}
ul,li{list-style: none;padding: 0px;margin: 0px;max-width: 100%;}
input,button{margin: 0px;padding: 0px;border: 1px solid transparent;outline: none;}
h1{font-size: 1.2rem;}
#menu,#foot,#flasher,#topdiv{width: 100%;float: left;}
#menu{border-bottom: 2px solid #b567e8; margin-top: 0px; padding-bottom: 0px;}
#menu>ul{width: 100%;float: left;padding: 3px 0px;}
#menu>ul>li{float: left;width: 11.111%; text-align: center;}
#menu>ul>li>a{width: 90%; padding: 10px 0px; display: inline-block; text-align: center;border-radius: 6px}
#menu>ul>li>a.now{background: #6c757d;color: #FFF;font-weight: bold}
#menu>ul>li>a.sel{background: #f7effd;color: #000000;font-weight: bold}
#menu>ul>li>a:hover{background: #f7effd;color: #999;}
.topsite{float: left; width: 100%;border-bottom: #343a40 2px solid;border-top: #343a40 2px solid; margin-bottom: 10px;font-weight: bold;margin-top: 5px;}
.active{background: #ff5757;}
.topsite>span{float: left;}
.color {background: #dee2e6;}
.topsite #sitename{color: #b567e8;font-size: 2.6em;}
.topsite .tips{font-size: 0.8em;}
.topsite .center{font-size: 1.8em;margin-left: 50px;margin-top: 15px;color: #333}
.topsite .share{float: right;min-height: 64px;
    height: auto;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/template/assets1/images/share_person.png);
    vertical-align: top;
    margin-right: 10px;
    width: 124px;
    margin: 10px 10px 10px 0;
    cursor: pointer;
}
.box-page {
	margin:20px 0;
	text-align:center
}
.box-page ul li {
	display:inline-block;
	padding:0;
	margin-left:10px
}
.box-page ul li span,.box-page ul li a {
	display:inline-block;
	padding:8px 15px;
	border-radius:4px
}
.box-page-page-block {
	padding:30px
}
@media(max-width:767px) {
.box-page {
	padding:0
}
.box-page ul li {
	float:left;
	width:18%;
	margin:0;
	padding:0 5px
}
.box-page ul li span,.box-page ul li a {
	display:block;
	padding:5px 0;
	text-align:center
}
.box-page-block {
	padding:10px 20px
}
.hidden-xs {
    display: none!important;
}
.visible-xs {
   display: block!important;
}
}
.overlay .overlay-content{height: 100%;}
.overlay {
    position: fixed;
    z-index: 500;
    background-color: #000000;
    opacity: 0.9;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}
.overlay img {
    background-position: center;
    height: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
#shareCanvas{top:0px;}
.myhelp{padding: 5px 0px; border-bottom: 2px solid #b567e8;width: 100%;float: left; text-align: center;}
.myhelp .btn,.listb .btn{
    width: 25%;
    cursor: pointer;
    margin: 0px 0 0 3%;
    height: 40px;
    line-height: 40px;
    background-color: #722a2e;
    color: white;
    border-radius: 5px;
    font-size: 1.5em;
    padding: 10px 20px;
}
@media screen and (max-device-width: 800px){
    /* .index5{display: block;} */
    #mainbody{width: 98%;float: left;padding: 0 1%;}
    #menu>ul>li{width: 20%;}
    #menu>ul>li>a{padding: 3px 0px;font-size: 0.8em;}
    #menu>ul>li>a.now{margin-top: 15px;}
    .topsite{font-size: 1.1em}
    .title>h1{font-size: 1rem}
    .vodlist>.listpic{width: 50%; float: left;padding-top: 10px; text-align: center;}
    .vodlist>.listpic>a{width: 90%;display: inline-block;font-size: 1em}
    .vodlist>.listpic>a:hover{color: steelblue}
    .vodlist>.listpic>a>.vodpic{
        width:100%;
        height: 0px;
        padding-bottom: 140%;
        float:left;
        background-position:center center;
        background-repeat: no-repeat;
        background-size:cover;
        -webkit-background-size:cover;
        -moz-background-size:cover;
    }
    .vodlist>.listpic>a>.vodpic>.time{width: 60%;}
    .vodlist>.listpic>a>.vodname{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;width: 100%;float: left;}
    .pager .wap{display:inline-block;}
    .pager .pc{display: none;}
    .newslist>.newsindex{width: 100%;float: left;font-size: 0.8em;}
    .newslist>.newsindex .name{width: 70%;}
    
    .newslist .name{width: 68%; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;font-size: 0.8em;}
    #topdiv>.newurl>.newlink{
        font-size:1.3em;
        color: #b567e8;
    }
    #topdiv>.toptext{
        margin-top: 0px;
        font-size: 1.3em;
    }
    .newsbody>.nbodys{width: 94%; float: left; padding: 3%;font-size: 1.1em;line-height: 1.4em;}
    .prenext>span{padding: 5px 0px;width: 100%;}
    .prenext>span.right{text-align: left;}
    .download>.downlist>input{width: 72%;}
    #player{height: 0px; padding-bottom: 56.25%;}
    .starinfo>.startpic{width: 25%;padding-bottom: 25%;}
    .starinfo>.starsinfo{width: 60%;}
    .starinfo>.starsremark{width: 96%;}
    .starlist .starimg{width: 33.33%;}
    .close_discor{width: 50px;max-width: 50px;}
    .close_discor img{width:100%;max-width: 50px;height: 80px;}
    #flasher{padding-bottom: 50%;}
    #player>#ptime{font-size: 0.7em;}
    #player>#passplay{bottom: 20px; right: 20px;}
    .mylist img{height: 35px;}
    .topsite #sitename{font-size: 2em;}
    .topsite .tips{font-size: 0.7em;}
    .topsite .center{display: none;}
    .topsite .share{min-height: 35px;margin-right:0px;width: 104px;}
    .myhelp .btn{width: 15px; font-size: 0.8em;}
    .listb .btn{font-size: 0.7em;height: 20px; line-height: 20px;}
    .playerlist .lista a{margin-left: 15%;}
}
.foot-collect.active .collect-list > .item botton {
    color: #fff
}

.foot-collect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0
}

.foot-collect > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.foot-collect .collect-logo img {
    width: 100px
}

.foot-collect .collect-list {
    width: 33vw;
    margin: 20px 0;
    min-width: 310px
}

.foot-collect .collect-list > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    text-decoration: none
}

.foot-collect .collect-list > .item img {
    width: 50px;
    margin-bottom: 5px
}

.foot-collect .collect-list > .item span {
    color: #5A5654;
    font-size: 12px
}

.foot-collect .collect-fun {
    width: 50%;
    /*background: #8ac7ff;*/
    border-radius: 30px;
    min-width: 310px
}

.foot-collect .collect-fun span {
    display: inline-block;
    /*background: #1d7ad8;*/
    color: #fff;
    font-size: 20px;
    padding: 0 10px;
    height: 36px;
    line-height: 36px
}


.foot-collect .collect-fun span:last-child {
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px
}

.foot-collect .collect-fun div {
    color: #5A5654;
    height: 36px;
    padding: 0 4px;
    text-align: center;
    line-height: 36px
}

@media (max-width: 738px) {
    .foot-collect .collect-list {
        width: 90%
    }

    .foot-collect .collect-fun {
        width: 95%
    }

    .foot-collect .collect-fun span {
        font-size: 14px;
        padding: 0 8px
    }
}

@media (max-width: 374px) {
    .foot-collect .collect-list {
        width: 90%
    }

    .foot-collect .collect-fun {
        width: 95%
    }

    .foot-collect .collect-fun span {
        font-size: 12px;
        padding: 0 8px
    }

    .foot-collect .collect-fun div {
        font-size: 12px
    }
}


.foot-collect .collect-fun span,
.foot-collect .collect-fun button {
    display: inline-block;
    /*background: #1d7ad8;*/
    color: #fff;
    font-size: 12px;
    padding: 0 10px;
    height: 36px;
    line-height: 36px
}

.foot-collect .collect-fun button {
    border-radius: 0 30px 30px 0;
    border:0;
}
.foot-collect .collect-fun span {
    border-radius:  30px 0 0 30px;
    border:0;
}
.foot-collect .collect-fun {
    background: #ffbaba;
}

.foot-collect .collect-fun span {
    background: #ff5757;
}

.foot-collect .collect-fun span,
.foot-collect .collect-fun button {
    background: #ff5757;
}

.play-btn-group{
    text-align: left;
    padding: 10px 0;
    display: flex;
    border-bottom: 2px solid #ccc;
    overflow: hidden;
}


.play-btn-group .item{
    cursor: pointer;
    text-align: center;
    border-radius: 7px;
    padding: 7px;
    color: #fff;
    background: #aaa;
    font-weight: bold;
    margin: 5px;
    min-width: 110px;
    display: inline-block;
    flex-direction: column;
    justify-content: space-between;
}

.play-btn-group .item:hover{
    
    background: #888;
}
.play-btn-group .item a{
    color: #fff;
    font-weight: bold;
}
@media (max-width:738px){
    
    .play-btn-group{
        text-align: center;
        display: inline-block;
        width: 100%;
        overflow-x: auto;
    }

.body img {
        margin: 10px 0;
        clear: both;
        max-width: 95%;
        /* overflow: hidden; */
    }
    .play-btn-group .item{
        min-width: 55px;
        margin: 3px;
    }

    
    .play-body-line .content{
        position: absolute;
        width: 90%;
        min-width: 250px;
    }
}


@media (max-width:350px){
    
    .play-btn-group .item{
        min-width: 45px;
        margin: 3px 0;
    }
    .body img {
        margin: 10px 0;
        clear: both;
        max-width: 100%;
        /* overflow: hidden; */
    }
}
/* search */
.search {margin: 0 auto;box-sizing: border-box; background: #dee2e6;line-height: 30px;padding: 10px 10px;margin-top: 10px;width:1300px;overflow:hidden;color: #333;display: none;}
.search strong {font-size: 14px;color: #333;}
.search select { padding: 5px;}
.search a{color: #0086cf;padding-left: 5px;}
.search  input{font-size: 14px;color: #333;padding: 5px;}
.search h2.r { color: #ff0000;margin: 10px;}
.search  input #keyboard {width: 25%;}
.search  table {border-bottom: #eee solid 1px;}

@media screen and (max-width:1280px){
.search {width: 100%;margin-left: 1.5%;margin-right: 1.5%;margin: 0 auto;box-sizing: border-box;padding: 10px 10px;overflow:hidden;color: #333;background: #dee2e6;line-height: 30px;display: block !important;}
.search strong {font-size: 14px;color: #333;}
.search input a{color: #0086cf;padding-left: 5px;}
.search  input{font-size: 14px;color: #333;padding: 5px;}
.search h2.r { color: #ff0000;margin: 10px;}
.search  input #keyboard {width: 25%;}
.search  table {border-bottom: #eee solid 1px;}
.search select { padding: 5px;}
}
@media (max-width: 738px){
.search {margin: 0 auto;box-sizing: border-box;background: #dee2e6;padding: 10px 10px;width:100%;overflow:hidden;color: #333;line-height: 30px;display: block !important;}
.search strong {font-size: 14px;color: #333;}
.search input a{color: #0086cf;padding-left: 5px;}
.search  input{font-size: 14px;color: #333;padding: 5px;}
.search h2.r { color: #ff0000;margin: 10px;}
.search  input #keyboard {width: 25%;}
.search  table {border-bottom: #eee solid 1px;}
.search select { padding: 5px;}
}