body{color: #909090;width:100%;background: #1e1e1e;font-size: 14px;font-family: Arial,sans-serif;}
body,ul,li,u,i,h1,h2,h3,tr,td,form,p,hr,em {margin:0px;padding:0px;list-style-type: none;font-style: normal;text-decoration: none;}
a {color: #f7d0bf;text-decoration: none;}
a:hover {color: #FF5B82;transition: all 0.5s;}
*:focus {outline: none;}

em {color: #ff6600;font-weight: bold;}
h3 {font-size: 20px; line-height: 1.3;}
textarea,input,button,select{display:inline-block;color: #f7d0bf;background: #242424;padding:15px;border:none;box-sizing:border-box;border-radius: 4px;vertical-align:middle;}
form {box-sizing:border-box;}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: #909090 !important;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  background: transparent;
  background: none;
  transition: background 50000s ease-in-out 0s;
}

.container {margin:0 auto;position: relative;}

.bar {width:100%;text-align:center;position:static;height:35px;padding:10px 20px;box-sizing:border-box;}
.bar .user {float:right;}
.bar i.icon{font-size:24px;color: #F7D0BF;cursor: pointer;}
.bar .user .face img {width:24px;height:24px;border-radius:50%;}
.bar .back {float:left;}
.bar .home {text-align:center}
.bar .home img{height:24px;}

.fixed {position:fixed;top:0;z-index:999;height:45px;border-bottom: none;background: #323436;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}

.header {position: relative;margin:10px auto;}
.header .logo {text-align:center;margin:20px 0px;font-size: 50px;}
.header .logo img {height:50px;}

.search {position: relative;font-size:0;margin:20px 10px}
.search .key {background:#242424;height:45px;width:100%;border-radius: 4px 0px 0px 4px ;}
.search .but {position: absolute;cursor: pointer;height:45px;width:45px;right:0px;background:#3a3636;padding:14px;border-radius: 0px 4px 4px 0px ;}
.search i {font-size:18px;}

.dropdown {position: relative; display: inline-block;width:100%}
.dropdown-content {display: none;position: absolute;z-index:99999;line-height:35px;width:150px;background: #242424;right:0px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.dropdown-content a {position: relative;color: f7d0bf;font-size:14px;padding: 5px 30px;text-decoration: none;display: block;}
.dropdown-content a:hover {background: #3a3636}
.header .menu .dropdown-content a i.icon {font-size:16px;}
.dropdown:hover .dropdown-content {display: block;}

.top {position: fixed;right: 10px;bottom: 80px;z-index: 99999;display: none;}
.top li {width: 50px; padding: 8px 0px; margin-bottom: 1px; text-align: center; cursor: pointer;font-size: 12px;background: #323436;color: #fff; border-radius: 2px;opacity: .8;}
.top li i {display: block;width: 50px;height: 22px;font-size: 20px;}

.bottom {position:fixed;bottom:0;z-index:999;width:100%;background: #323436;box-shadow: 0 0 5px 0 rgb(64 60 67 / 16%);}
.bottom ul{padding:10px;font-size:0;}
.bottom ul li{display: inline-block;text-align:center;font-size:14px;width:20%;}
.bottom ul li i.icon{display: block;font-size:20px;}


.list_box {text-align: justify;height:auto;font-size:0;border-radius: 10px;}
.list_box:after {content: "";display:inline-block;width:100%;}
.list_box h1 {position: relative;text-transform: capitalize;color:#bcba01;font-size:18px;margin:10px;padding-bottom:10px;}
.list_box h1 span{position:absolute;font-size:14px;font-weight: normal;right:10px;bottom:10px;line-height:30px;}
.list_box h2,.box h2 {position: relative;text-transform: capitalize;color:#f7d0bf;font-size:20px;margin:10px 10px 0px 0px;padding-bottom:10px;}
.list_box ul {display: inline-block;width:50%;vertical-align: top;overflow: hidden;margin-bottom:30px;}
.list_box li {position: relative;margin:0px 5px 5px 5px;}
.list_box li.view {height:20px;color:#515050;font-size:12px;line-height:20px}
.list_box li.view u{margin-right:20px;vertical-align: middle;}
.list_box li.view i{vertical-align: middle;}
.list_box li.view span{position:absolute;right:0px}
.list_box li.view .icon-eye {font-size:20px;}
.list_box li.title {color:#f7d0bf;font-size:15px;text-align: left;line-height:1.3;max-height:40px;overflow: hidden;}
.list_box li.title:hover {color:#ff5b82;transition: all 0.5s;}
.list_box li.iframe {height:0;padding-bottom: 70%;}
.list_box li.iframe iframe{position: absolute;width:100%;height:100%;}
.list_box li.image {height:0;padding-bottom: 60%;}
.list_box li.image img{position: absolute;width:100%;height:100%;}
.list_box li.image span.note{position:absolute;background: rgba(0,0,0,.54);color:#fff;font-size:12px;border-radius: 2px;padding: 2px 5px;right:5px;bottom:5px}
.list_box li.image span.time{position:absolute;background: rgba(0,0,0,.54);color:#fff;font-size:12px;border-radius: 2px;padding: 2px 5px;left:5px;bottom:5px}
.list_box li.image:hover::before {content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:rgba(0,0,0,.4) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAANlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAABHcEwAAAAAAAA5OTkAAAB/f3/19fXOzs6ysrLk5OT///8P0uRtAAAAEXRSTlOAEgE0SXhnAB5VkECq9dfF52B47JgAAAE+SURBVEjHpZbhkoMgDITXEGiitcr7v+wpc9eRQihy+0/bb2JISBaPT5E41uABH5SdUPEHfDzLEpApLNJERD0Kec1DXRFhGGKpIuQCTAVHJTIxmuLpE5kUX6QTXRH6TpzMFekh3kxCiNElpjfi0Cn3h0joRYL8IoxucUJIfD8CSVH0BgE9kVtB4OVAluL1a24wy4GUxxXj1jg0gqCCxPVpHwBcFYlxtyAHNpAYjZQYaiJxraakCDZSTynAt5AjpeLrqmWMmV49Fc6RHR1xrsD6nAugmX7c5kr6jUOuV0YbpdytUloNs9oNY7Tl1mhLqja/fWPC2BUbuMgD4+JWGH8stGOO0Z3RRykK3RmwNDzGR5bFwErqY/LFR9SzXv+/xEesQjIkRh94w5AkX2XYHtspEdXNFVHLj53fl1m48vcfDEsZ4mf/bygAAAAASUVORK5CYII=) no-repeat 50% 50%}
.list_box ul.site8 li.image {padding-bottom: 140%;}
.ul1 ul {width:50%;}


.b300 {
	text-align: center;
	padding: 5px;
	margin-bottom:10px;
}

.h100 {
	display: inline-block;
	height: 100px;
	overflow: hidden;
	text-align: center;
	margin: 5px;
	position: relative;
}
.h100 img{
	width:300px;
	height:100px;
}
.h100 span{
    position: absolute;
    background: rgba(0,0,0,.54);
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    padding: 2px 5px;
    right: 5px;
    bottom: 5px;
	z-index:99999;
}

.user_box {padding:10px;}
.user_box h2 {text-align:center;color:#F6CFBE}
.user_box input,.user_box textarea {display:block;width:100%;margin:20px 0px;}
.user_box .face {text-align:center;position: relative;}
.user_box .face img{width:200px;height:200px;border-radius:50%;}
.user_box .upload {position: absolute; width: 100%; height: 100%; right: 0;top: 0;opacity: 0; filter: alpha(opacity=0);cursor: pointer;}


.logs , .share {font-size:0px;padding:10px 0px;background: #101010;}
.logs li,.share li {display:inline-block;width:16.6%;color:#F7D0BF;cursor: pointer;text-align:center;vertical-align: top;}
.logs li i{font-size:24px;}
.logs li span{display:block;padding:5px;font-size:12px;vertical-align: middle;}
.logs li span i{font-size:12px;}
.logs .download {display:none;font-size:16px;text-align:center;}
.logs .download a {display:inline-block;color:#F9E699;vertical-align: middle;margin-top:10px;padding:10px}

.share {display:none;margin:10px 0px;text-align:right}
.share li {width:50px;}
.share li i{font-size:28px;color:#F9E699}

.qrcode {position: fixed;left:0; top:0;background: rgba(0,0,0,0.8);width: 100%;height:100%;z-index: 99999;text-align: center;}
.qrcode img{width:200px;box-shadow: -2px 0px 20px #000;margin-top:250px;}

.des {padding:15px 5px;margin-bottom:30px;border-bottom: 1px solid #242424;word-break:break-all;word-wrap:break-word;}

.word {position: relative;text-align: justify;height:90px;margin:0px 5px;overflow: hidden;}
.word:after {content: "";display:inline-block;width:100%;}
.word a{display:inline-block;text-transform: capitalize;padding:5px 10px;margin:5px 2px;border:2px solid #1e1e1e;background: #242424;border-radius:5px;}
.word span{position:absolute;right:10px;top:13px;border-radius: 10px;background: #ccc;color:#fff;padding:5px;cursor: pointer;}
.word.show {height:auto;overflow: visible;}
.word a i{display: block;font-size:10px;text-align:center;margin-top:5px;padding-top:5px;color:#ccc;}
.word a:hover {border:2px solid #FF5B82;transition: all 0.5s;}


.site {margin:10px 10px 20px 10px;font-size:0px;}
.site h2{text-align:center}
.site .icon{display:block;font-size:24px;margin-bottom:5px;}
.site a {display: inline-block;text-align:center;width:16%;font-size:14px;padding:6px 0px;vertical-align: top;}
.site a span{padding:0px 5px}
.site a:hover{background:#242424;color:#bcba01;border-radius: 10px;}
.site .active {color:#bcba01;font-weight: bold;}


.sites {
    position: relative;
    margin: 10px 10px;
    background: #242424;
    padding: 10px 0px;
}



.comment {border-top:1px solid #242424;border-bottom:1px solid #242424;}
.comment h2{font-size:18px;padding-left:5px;}
.comment ul {margin:10px;border-bottom:1px solid #242424;}
.comment .content{margin:10px 0px;color: #f7d0bf;padding-left:50px;font-size:14px;line-height:1.5;word-break:break-all;word-wrap:break-word;}

.list_user {position: relative;display:inline-block;}
.list_user img{width: 36px;height: 36px;border-radius: 100%;vertical-align: middle;}
.list_user .name {margin:0px 10px;font-size:14px;font-weight: bold;}
.list_user .date {color:#666}
.list_user .del {position: absolute;right:0px;top:10px;cursor: pointer;z-index:999}

.editor {height:60px;margin-bottom:5px;}

#form_post textarea {width:100%}
.form_tool {padding:10px 0px;margin-bottom:20px;position: relative;}
.form_button {position: absolute;width:120px;right:0px;user-select: none;padding:10px 10px;background: #3a3636; color: #f7d0bf;border: 1px solid #3a3636;border-radius: 5px;cursor: pointer;}
.form_button:hover{border:1px solid #f7d0bf}




.box {position: relative;height:auto;margin:5px;border-radius: 10px;}

.box h1 {color:#f7d0bf;font-size:18px;margin:15px 5px;word-break:break-all;word-wrap:break-word;}

.player {width:100%;height:280px;background: #000;}
.player video{width:100%;height:100%;}


hr {display:block;border:none;border-top:1px solid #242424;margin:10px 0px;height:1px;}


.footer {color:#999;padding:30px 10px;font-size:12px;line-height:2;border-top:1px solid #242424;text-align:center}

.pages {margin:20px 0px;text-align:center}
.pages a {background: #242424;color:#f7d0bf;height:35px;line-height:35px;border-radius: 3px;display: inline-block;padding:0px 15px;margin:2px;}
.pages a.active{background: #ff5b82;color:#fff}
.pages a:hover {background: #ff5b82;color:#fff;;transition: all 0.5s;}

.left , .right {display:inline-block;width:100%;vertical-align: top;}
.right {text-align:center;}

@media (min-width:768px) {
.list_box ul {width:25%;}
.player {height:480px;}
.bar {padding:20px;}
}

@media (max-width:768px) {
.list_box iframe {display: block;margin: 0px auto;}
}

@media (min-width:1281px) {
.container {margin:0 auto;width:1380px;}
.edit_user,.user_home {max-width:768px;margin:0px auto;}
.bar .logo img {height:50px;}
.header .hot {display:inline-block;margin-left:50px;}
.container {padding:10px 18px;}
.list_box ul {width:20%;}
.site a {width:5%;}

.search {width:500px;margin:10px auto}

.word {padding-bottom:0px;margin-bottom:0px;height:auto;overflow: visible;}
.word span{right:10px;top:120px;}

.left {width:980px;}
.right {width:380px;}

.player {height:580px;}

.ul1 ul {width:50%;}
.logs li span{display:inline-block;}
}

/*首页文字广告*/

.card {
  position: relative;
  background: #fff;
  box-shadow: 0 0 8px #ccc;
  border-radius: 5px;
  margin: 8px;
  overflow: hidden;
}

.card .card-head i {
  margin-right: 6px;
}

.card .card-head .more {
  position: absolute;
  right: 8px;
  color: #666;
}

.card .card-body {
  padding: 8px;
  font-size: 0;
}

.card .card-body.content {
  font-size: 14px;
}

.card .card-body.content img {
  max-width: 100%;
  border-radius: 4px;
}

.wzgg{width: 100%;overflow: hidden;display: block;box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}
.wzgg a{width: 12.5%;float: left;border-radius: 2px;line-height: 35.35px;height: 35.35px;text-align: center;font-size: 14px;color: #fff;display: inline-block;background-color: rgb(255, 153, 159);margin: 2.5px;transition-duration: .3s;}
.wzgg a:nth-child(1) {background-color: #ff5b82;}
.wzgg a:nth-child(2) {background-color: #ff5b82;}
.wzgg a:nth-child(3) {background-color: #ff5b82;}
.wzgg a:nth-child(4) {background-color: #ff5b82;}
.wzgg a:nth-child(5) {background-color: #ff5b82;}
.wzgg a:nth-child(6) {background-color: #ff5b82;}
.wzgg a:nth-child(7) {background-color: #ff5b82;}
.wzgg a:nth-child(8) {background-color: #ff5b82;}
.wzgg a:nth-child(9) {background-color: #ff5b82;}
.wzgg a:nth-child(10) {background-color: #3CB371;}
.wzgg a:nth-child(11) {background-color: #40E0D0;}
.wzgg a:nth-child(12) {background-color: #1E90FF;}
.wzgg a:nth-child(13) {background-color: #0000FF;}
.wzgg a:nth-child(14) {background-color: #8A2BE2;}
.wzgg a:nth-child(15) {background-color: #FF00FF;}
.wzgg a:nth-child(16) {background-color: #6B8E23;}
.wzgg a:nth-child(17) {background-color: #FF8C00;}
.wzgg a:nth-child(18) {background-color: #A0522D;}
.wzgg a:nth-child(19) {background-color: #B22222;}
.wzgg a:nth-child(20) {background-color: #008080;}
.wzgg a:hover{opacity:.8}@media screen and (max-width: 1000px) {.wzgg a{width: 23.6%;float: left;border-radius: 2px;line-height: 35.35px;height: 35.35px;text-align: center;font-size: 14px;color: #fff;display: inline-block;background-color: rgb(255, 153, 159);margin: 2.5px;transition-duration: .3s;}}

/*APP分类*/
.cate {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden
}


.app {
    overflow: hidden;
    border-radius: 5px
}

.navi {
    font-size: 0;
    padding: 5px;
    text-align: center
}

.appico {
    width: calc(9% - 10px);
    margin: 0 1px 2px 2px;
    height: auto;
    box-sizing: border-box;
    display: inline-block;
    position: relative
}

.appico p {
    width: 100%;
    text-align: center;
    font-size: 13px;
    margin: 0;
    color: #fff;
    overflow: hidden
}

.naicon {
    overflow: hidden;
    margin: 5px 0;
    display: inline-block;
    border-radius: 5px
}

.appico img {
    width: 70px
}

.appico:hover .btn-raised {
    -webkit-box-shadow: 0 0 12px 4px rgba(0,0,0,.24),0 0 2px -2px rgba(0,0,0,.4),0 1px 12px 0 rgba(0,0,0,.22);
    box-shadow: 0 0 12px 4px rgba(0,0,0,.24),0 0 2px -2px rgba(0,0,0,.4),0 1px 12px 0 rgba(0,0,0,.22)
}

@media screen and (max-width: 960px) {

    .nav li {
        width: 20%;
        margin-right: -2px;
        height: 35px;
        line-height: 35px
    }

    .toptips li {
        width: 100%;
        margin-right: -2px;
        height: 35px;
        line-height: 35px
    }

    .good li {
        width: 25%;
        height: 35px;
        line-height: 35px
    }

    .cate li {
        width: 20%;
        margin-right: -1px;
        height: 35px;
        line-height: 35px
    }

    .cate_name {
        height: 35px
    }

    .cate_name p {
        font-size: 21px;
        line-height: 35px
    }

    .appico {
        width: calc(25% - 10px)
    }
}

@media screen and (max-width: 800px) {
    .nav li {
        font-size:15px;
        height: 30px;
        line-height: 30px
    }

    .toptips li {
        font-size: 14px;
        height: auto;
        line-height: 30px
    }

    .good li {
        font-size: 15px;
        height: 30px;
        line-height: 30px
    }

    .cate li {
        font-size: 15px;
        height: 30px;
        line-height: 30px
    }

    .cate_name {
        height: 30px
    }

    .cate_name p {
        font-size: 20px;
        line-height: 30px
    }
}

@media screen and (max-width: 640px) {
    .nav li {
        width:25%;
        font-size: 11px;
        height: 30px;
        line-height: 30px
    }

    .toptips li {
        width: 100%;
        font-size: 12px;
        height: auto;
        line-height: 30px
    }

    .good li {
        width: 25%;
        font-size: 11px;
        height: 30px;
        line-height: 30px
    }

    .cate li {
        width: 25%;
        font-size: 11px;
        height: 30px;
        line-height: 30px
    }

    .cate_name {
        height: 30px
    }

    .cate_name p {
        font-size: 17px;
        line-height: 30px
    }

}

/*APP分类结束*/