/**
 * Copyright © 2017-2022 Braveten Technology Co., Ltd.
 * Engineer: Makin
 * Date: 2022/1/8
 * Time: 16:42
 */
body{margin: 0;padding: 0;overflow: hidden;}
ul,li{overflow: hidden;list-style: none;margin: 0;padding: 0;}
.r{color: #ff0000;}
/**
upload
 */
.upload{width:500px;margin:30px auto 0 auto;box-shadow: 0 1px 3px #CCCCCC; border: solid 1px #DDDDDD;padding:20px 60px 60px;background-color: #fefefe;}
.upload h3{text-align: center;margin-bottom: 20px;}
.upload li{margin-bottom:10px;}
.upload label{margin-bottom: 5px;display: block;}
.upload input,#my-dropzone,.upload textarea{ border: solid 1px #D7D7D7;}
.upload input[type="text"],.upload textarea{border-radius: 5px;padding: 5px 0 0 5px;width: 490px;line-height: 24px;display: block;}
.upload input[type="text"]{height: 32px;}
.upload textarea{ height: 100px;box-shadow: inset 1px 1px 5px #999999;}
.upload .submit{cursor: pointer;}
.upload .hand{cursor:pointer;}
#my-dropzone{ box-shadow:inset 1px 1px 5px #999999;border-radius: 10px;}
.dz-preview p{position: absolute;display: block; top:50%;left: 0;z-index: 1001; width: 100%;text-align: center;background-color:rgba(0,0,0,0.2);color: #00ff1f}
@media \0screen\,screen\9 {
    .dz-preview p{
        background-color: #000000;
        filter: alpha(opacity=20);
        position: static;
        *zoom:1;
        color: #00ff1f;
    }
}
#price{margin: 20px 0;}
#price label{cursor: pointer;}
#price span{font-size: 12px;}
.waring{color: #ff0000;}
iframe{width:500px;overflow-x:hidden;overflow-y: hidden;padding: 10px 0;min-height: 200px;}
/**
header
 */
.header{ background:#EEEEEE; overflow:hidden;width:800px; margin: 0 auto;border-bottom: solid 1px #DDDDDD;position: relative;}
.header a{font-size: 16px;}
.logo{position: relative;}
.logo h1{ margin:0; padding:0; height:50px;line-height:50px; color:#387C90;font-size:22px;font-weight: normal;text-align: center;}
.logo a{color:#6d94a0;top:30%;position: absolute;}
.logo a:first-child{left:15px;}
.logo a{right: 20px;}
.header .right{position: absolute;right:15px;top: 30%;}
.header .right a{color:#6d94a0;}
.header .right b{ margin: 0 20px 0 5px;}
/**
bbs index
 */
.main .user_header,.main .content .images,.main .torrents{padding: 5px;}
.bbs{width: 800px;display: flex;flex-direction:column;margin:0 auto;}
.main{width:100%; margin: 0 auto;}
.main > ul > li{padding:5px 10px 0;overflow:hidden;}
.main .list>li{margin-bottom: 10px;background-color: #FFFFFF;}
.main li.loading{ text-align: center;color: #999999;}
.main .user_header,.main .content{display: flex;flex-direction: column;}
.main .user_header{align-items: center;flex-direction: row;justify-content: space-between;margin:5px 0;}
.main .user_header a{display: flex;text-decoration: none;align-items: center;}
.main .user_header a>div{width:30px; height:30px;}
.main .user_header img{width: 100%;height: 100%;border-radius:8%;}
.main .user_header b{margin:5px;font-size: 12px; color: #555555;font-weight: normal;display: block;}
.main .content{width:100%;font-size: 14px;overflow: hidden;}
.main .content h3{margin:0 0 5px 0;}
.main .time{font-size:12px; color: #939393;}
.main .content .videos{background-color: #000;}
.main .content video{width:100%; height:400px;display: block;}
.main .content .images{column-count: 5;column-gap:5px;font-size: 0;display: flex;flex-wrap: wrap;}
.main .content img{cursor: pointer;width: 113px;height: 150px;margin-bottom: 5px;object-fit: cover;border-radius:5px;}
.main .detail{word-wrap: break-word;white-space: pre-wrap;padding: 10px 5px 3px;font-size: 15px;}
.main .torrents{overflow:initial;}
.main .torrents li{position: relative;overflow:inherit;margin: 10px 0;}
.main .torrents li>a{cursor:pointer;display: block; padding-left: 22px; background: url("https://cdn.baidu.com.btba.xiaoeryi.com/btba_bbs/image/bt/bt_folder.png") no-repeat; background-size: contain;font-size: 14px; height: 20px; line-height: 24px; text-decoration: none;color: #333333;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.main .torrents a:hover{text-decoration: underline;}
.main .torrents .download_box{min-width:280px;background: #FFFFFF;position: absolute;top:-20px;left: 30px; box-shadow: 1px 1px 3px #CCCCCC;z-index: 1;border: solid 1px #DDDDDD;font-size: 13px;padding-bottom: 5px;}
.main .torrents .download_box h3{ background: #EEEEEE; padding:3px 5px;color: #333333;margin: 0;font-size: 14px;}
.main .torrents .download_box span{padding:5px 20px;display: block;text-align: center;}
.main .torrents .download_box div{ text-align: center;}
.main .torrents .download_box div a{margin: 10px;cursor: pointer;color: #999999;}
.main .torrents .download_box div a:first-child{color: #2c88cc;}
.main audio{height: 30px;display: block;margin: 10px 0;}
.main .handle{display: flex;align-items: center;}
.main .handle span{margin-right:10px;color: #666666;}
.main .handle span a{cursor: pointer;display: inline-block;vertical-align: text-bottom;margin-right: 5px;font-size: 22px;}
.main .handle span a:hover{ color: #ffa02e;background: rgba(255,156,49,0.1);border-radius: 11px;}
.main .handle span a.active{transition: font-size 200ms ease 0s; font-size: 24px;}
.main .handle span a.active,.main .handle span i.active{color: #ff741e; }
.main .handle span i{font-style: normal;display: inline-block;}
.main .handle .downloads{font-size: 12px; color: #666666;}
.main .upTop{position: fixed;right: 10px;bottom:100px; width:40px; height:40px;line-height: 40px;text-align: center;background-color: #FFFFFF;color: #7b969e;font-weight: bold;cursor: pointer;font-size: 30px;border-radius: 5px;box-shadow: 0 1px 3px #CCCCCC;}
.image-preview,.image-preview .mask{position: fixed;top: 0;left: 0;right: 0; bottom: 0;z-index: 200; text-align: center;}
.image-preview .mask{background: #000000;opacity:0.85;z-index: 0;}
.image-preview .close,.image-preview .download{position: absolute;right:25px; top:3%; width: 40px;height: 40px;line-height: 40px;z-index:200;border-radius: 50%;background: rgba(0,0,0,0.7);cursor: pointer;color: #fff;}
.icon-close{font-size: 24px !important;}
.image-preview .download{right:86px;}
.image-preview .icon-download{font-size:22px !important;-webkit-font-smoothing: initial;-moz-osx-font-smoothing:initial;}
.image-preview .image{position: relative;margin: auto;z-index: 100;color: #CCCCCC;height: 100%;width: 100%;display: flex;}
.image-preview img{max-height: 100%;margin: auto; background: url("https://cdn.baidu.com.btba.xiaoeryi.com/btba_bbs/image/loading.gif") no-repeat center;}
.image-preview .previous,.image-preview .next{width:50px;height:50px;position: absolute;border-radius: 50%; cursor: pointer;z-index:1000;top:50%;color:#FFFFFF; background:rgba(0,0,0,0.7);margin-top: -30px;align-items: center;justify-content: center;display: flex;line-height: 1;}
.image-preview .previous{left:3%;}
.image-preview .next{right:3%;}

.nav{margin:10px auto;padding: 0;display: flex;flex-direction: column;}
.nav li{display: inline-block;}
.nav li a{margin: 0 15px; color: #2c88cc; cursor: pointer;display:inline-block;}
.nav li a:hover{text-decoration: underline;}
.nav li.search{float: right;margin-right:10px;}
.nav li.search input{width: 200px; border: solid 1px #999;HEIGHT: 26PX;line-height: 26px;padding:0 0 0 5px;}