body,html{background-color: #F5F5F7; min-width: 1100px;}
ul,a{margin: 0; text-decoration: none !important;}
input{background: none;}
/* body{padding-bottom: 120px} */
/* 头部 */
.topBox{height: 70px; width: 100%; box-shadow: 0px 3px 16px 0px rgba(0, 6, 37, 0.06); background-color: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 4;}
.topBox .left_con .line{width: 1px; height: 26px; background-color: #EEEEEE; margin-top: 22px;}
.topBox .left_con .logobox{width: 180px; height: 70px;  vertical-align: middle; text-align: center;}
.topBox .left_con .logobox img{display: inline-block; max-width: 130px; max-height: 100%;  vertical-align: middle;}
.topBox .left_con .logobox s{ display: inline-block; vertical-align: middle; width: 1px; height: 70px;}
.topBox .left_con .title{color: #333; font-size: 22px; padding-left: 24px; line-height: 70px;}
.topBox .left_con div{float: left; align-items: center;}
.topBox .right_con{float: right; padding-right: 18px; position: relative;}
.topBox .right_con .user{cursor: pointer;}
.topBox .right_con .user_icon{width: 36px; height: 36px; display: inline-block; vertical-align: middle; margin-right: 10px;}
.topBox .right_con .user_icon img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.topBox .right_con .nickname{font-size: 15px; color: #333; display: inline-block; vertical-align: middle; line-height: 72px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.topBox .right_con .arr{display: inline-block; width: 16px; height: 16px; background: url(../images/arr.png) no-repeat center/cover; vertical-align: middle;}
.topBox .change_account{font-size: 14px;  width: 130px; height: 60px; box-shadow: 0px 2px 8px 0px rgba(101, 115, 129, 0.3);border-radius: 6px;  text-align: center; line-height: 60px; position: absolute; right: 12px; display: none; -webkit-animation: topFadeIn .3s ease-out; -moz-animation: topFadeIn .3s ease-out; animation: topFadeIn .3s ease-out; background-color: #fff; box-sizing: border-box; padding: 9px 0;}
.topBox .change_account a{display: block; color: #848999; height: 42px; line-height: 42px;}
.topBox .change_account a:hover{color: #2672EC; background-color: #F5F5F7;}
.topBox .change_account a:hover s{background-image: url(../images/change1.png);}
.topBox .change_account s{display: inline-block; width: 20px; height: 20px; background: url(../images/change.png) no-repeat center/cover; vertical-align: middle; margin-right: 5px; }

/* 左侧 */
.left_box{width: 210px; height: 100vh; background-color: #fff; position: fixed; left: 0; top: 0; box-sizing: border-box; padding-top: 95px;}
.left_box li{font-size: 14px; margin-bottom: 8px; }
.left_box li a{display: block; color: #9A9FB3; padding-left: 24px; width: 170px; height: 40px; line-height: 40px; margin: auto; box-sizing: border-box;}
.left_box li.curr a{color: #fff; background: #306BFF;box-shadow: 0px 8px 10px 0px rgba(6, 112, 214, 0.2);border-radius: 6px;}
.left_box li s{display: inline-block; width: 20px; height: 20px; vertical-align: middle;}
.left_box li s img{display: block; width: 100%; height: 100%; object-fit: cover; }


/* 右侧公共 */
.right_box{margin-left:210px;   padding-top: 90px;}
.rConBox{min-height: 600px; border-radius: 10px; background-color: #fff; margin: 0 20px;}
.rConBox>h3{font-size: 18px; font-weight: bold; color: #333; line-height: 52px; border-bottom: solid 1px #eee; padding-left: 20px; }
.rConBox>h3 span{color: #B1B7CC; font-size: 12px; font-weight: normal; margin-left: 14px}
.rConBox>h3 span em{color: #595C66}
[v-cloak]{display: none !important;}


/* 头部筛选 */
.ListContainer{margin: 30px 35px; padding-bottom: 35px}
.headbox .right{float: right;}
.headbox::after{content: ''; clear: both; display: block;}
.btn_add{width: 120px; height: 46px; border-radius: 4px; background: linear-gradient(90deg, #306BFF 0%, #4281FF 100%); color:#fff; text-align: center; font-size: 16px; line-height: 46px; display: block; float: left;}
.btn_opt{display: inline-block; width: 100px; height: 46px; box-sizing: border-box; border-radius: 4px; text-align: center; color: #3471FF; font-size: 16px; line-height: 42px; border:solid 1px #3471FF; vertical-align: middle;}
.searchBox{display: inline-block; vertical-align: middle;}
.searchBox .inpbox{width: 220px; height: 46px; border-radius: 4px 0px 0px 4px; border:solid 1px #eee; display: inline-block; vertical-align: middle; box-sizing: border-box;}
.searchBox.bg_grey{margin-right: 16px}
.searchBox.bg_grey .inpbox{background: #F5F5F7}
.searchBox .inpbox input{width: 100%; height: 100%; border: none; font-size: 14px; box-sizing: border-box; padding-left: 10px; outline: none; background: none;}
.searchBox .search_btn{width: 60px; background: linear-gradient(90deg, #306BFF 0%, #4281FF 100%); border-radius: 0px 4px 4px 0px; height: 46px; display: inline-block; vertical-align: middle; margin-left: -4px}
.searchBox .search_btn i{display:block; width: 100%; height: 100%; background: url(../images/searchIcon1.png) no-repeat center/22px; }

.shaixuan{float: left; line-height: 46px}
.shaixuan span{display: inline-block; font-size: 16px; color: #333; margin-right: 50px; cursor: pointer;}
.shaixuan span.curr{color: #4281FF; font-weight: bold; position: relative;;}
.shaixuan span.curr s{display: block; width: 100%; height: 3px; border-radius: 2px; background: #4281FF; position: absolute;bottom: 0; left: 0 ; right: 0;}



/* 弹窗 */
.pop_mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.6); z-index: 5; display:none;}
.Popbox{position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 5; animation: popup .3s ease-in-out; background: #fff; border-radius: 10px;  display: none;}
.pop_albums{width: 510px; height: 275px; }
.pop_albums h2,.pop_videos h2{font-size: 18px; color: #333; font-weight: bold; text-align: center; line-height: 70px; border-bottom: solid 1px #eee;}

.pop_albums .close_pop,.pop_videos .close_pop{width:26px;height: 26px;position: absolute; top: 10px; right: 10px; background: url(../images/close_btn.png) no-repeat center/cover;}
.pop_albums .albuminp{margin-top: 30px}
.pop_albums .albuminp label,.videoinp label{font-size: 14px; color: #666; float: left; width:100px; text-align: right; line-height: 46px}
.pop_albums .albuminp label em,.videoinp label em{color: #f00;}
.pop_albums .albuminp .inp,.videoinp .inp{width: 330px; height: 46px; border:solid 1px #E5E5E5;margin-left: 118px; position: relative;}
.Popbox .inp input{width: 100%; border: none; padding-left: 10px; height: 46px; font-size: 14px; outline:none; box-sizing: border-box;}
.err_tip{font-size:12px; color: #f00; position: absolute; left: 0; top: 0; margin-top: -22px; display: none;}
::placeholder{color: #B1B7CC}
.submit{width: 160px; height: 46px; border-radius: 4px; color: #fff; line-height: 46px; text-align: center; background: linear-gradient(90deg, #306BFF 0%, #4281FF 100%); display: block; margin-left: 118px; margin-top: 20px; font-size: 16px;}
.submit:hover{color: #fff}



/* 视频弹窗 */
.pop_videos {width: 760px;height: 545px; }
.pop_videos.localVideo{height: 605px}
.videoinp label{width: 140px}
.videoinp .inp{width:450px; margin-left: 158px;}
.pop_videos .submit{margin-left: 158px;}

.loading{display: block; width: 80px; height: 80px; border-radius: 10px;  background: rgba(0,0,0,.6) ; background-size: 40px; position: fixed; left: 210px; right: 0; margin: auto; top: 50%;}
.loading s,.loading::before{content: ''; background: url(../images/loading.png) no-repeat center; background-size: 40px; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; animation:rotate_ 1s infinite linear;}

@keyframes rotate_{
	0%{ transform: rotate(0deg);}
	50%{ transform: rotate(180deg);}
	100%{ transform: rotate(360deg);}
}


/* 确认弹窗 */
.confirm_del{width: 370px; height: 215px; box-sizing: border-box; padding-top: 40px}
.confirm_del h3{font-size: 18px; color: #333; margin: 0 30px; font-weight: bold; text-align: center;}
.confirm_del p{font-size: 14px; color: #666; text-align: center; margin-top: 10px;}
.confirm_del.Popbox .btn_group{text-align: center; margin-top: 30px}
.confirm_del.Popbox .btn_group a{width: 140px; display: inline-block; float: none; margin: 0 10px}
.confirm_del.Popbox .btn_group a.cancel_del{background: #DEDEE0; color: #666;}


/* 分页 */
.pagination {height: 28px; padding: 30px;}
.pagination-pages {float: right;}
.pagination-pages a, .pagination-pages span {float: left; min-width: 20px; height: 30px; padding: 0 5px; margin: 0 0 0 4px;  text-align: center; line-height: 30px; font-size: 14px; cursor: pointer; color: #999; text-decoration: none; border: solid 1px #EDEDED; border-radius: 2px;}
.pagination-pages .curr, .pagination-pages .interim {cursor: default;}
.pagination-pages .curr {background: #027CFF; color: #fff; border: solid 1px #027CFF;}
.pagination-pages a:hover {background-color: #027CFF; color: #fff; border: solid 1px #027CFF;}
.pagination-pages .prev, .next {padding: 0 8px;}
.pagination-pages .disabled {background-color: #999; color: #fff; cursor: default;}

.bottomTxt{ font-size: 13px; text-align: center;padding-left: 210px;  color: #999;  margin-top: 40px; }
	/* position: fixed; bottom: 0; left: 0; right: 0 */

.webuploader-pick{display: flex; align-items: center; justify-content: center; height: 100%; flex-direction: column; }

.foot-bottom .bottom{margin-top: 40px;padding: 10px 0 20px;  padding-left: 210px; font-size: 14px; color: #999; text-align: center; }















/**/