/* 公共 */

.center {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.m-r-5{
    margin:0 5px;
}
.radius-shadow{
    box-shadow: 0 0 5px rgba(0,0,0,.14);
    -moz-box-shadow:0 0 5px rgba(0,0,0,.14);
    -webkit-box-shadow:0 0 5px rgba(0,0,0,.14);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius:5px;
    -webkit-border-radius: 5px;
}

.ls-2 {
    letter-spacing: 38px;
    margin-left: 38px;
}

.ls-3 {
    letter-spacing: 16px;
    margin-left: 17px;
}

.sel-none {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.user-info .sprite {
    background-image: url('../images/user/info-spritesheet.png');
    background-repeat: no-repeat;
}

.file .sprite-conts,.info-list .sprite-conts,.croppie-container .sprite-conts{
    background-image: url('../images/user/sprite-conts.png');
    background-repeat: no-repeat;
}

.sprite-zx {
    background-image: url('../images/user/zx-spritesheet.png');
    background-repeat: no-repeat;
}

/*.sprite-editfile {*/
    /*background-image: url(../images/user/edit-all.png);*/
    /*!*background-image: url('../images/user/editfile-spritesheet.png');*!*/
    /*background-repeat: no-repeat;*/
/*}*/
.edit-all {
    width: 120px;
     background-image: url(../images/user/edit-all.png);
     /*background-image: url('../images/user/editfile-spritesheet.png');*/
     background-repeat: no-repeat;
 }
.edit-folder {
    width: 105px;
    background-image: url(../images/user/edit-folder.png);
    /*background-image: url('../images/user/editfile-spritesheet.png');*/
    background-repeat: no-repeat;
}
.fsc{
    width: 97px;
    background-image: url(../images/user/like-folder.png);
    background-repeat: no-repeat;
}
.fysc{
    width: 81px;
    background-image: url(../images/user/unlike-folder.png);
    background-repeat: no-repeat;
}
.sprite-edit-hide {
    background-image: url('../images/user/edit-spritesheet.png');
    background-repeat: no-repeat;
}


/* 二级页面弹出 */

.scroll-icon {
    background-image: url('../images/user/scroll-icon.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.sub-tips {
    background-image: url('../images/user/sub-tips.png');
    background-repeat: no-repeat;
}

.sub-tips-2 {
    background-image: url('../images/user/sub-tips-2.png');
    background-repeat: no-repeat;
}

.hide {
    display: none !important;
}

.u-tab {
    width: 228px;
    margin: 40px auto 0 auto;
    cursor: pointer;
}

.u-tab li {
    width: 74px;
    float: left;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 12px 0;
    font: normal 16px/16px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #999999;
    background-color: #f0f0f0;
}

.tab-radius {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.ac-tab {
    width: 76px;
    margin-right: 1px;
    background-color: #fff!important;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    -khtml-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 12px 0;
    font: bold 16px/16px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun !important;
    color: #666666 !important;
}

.blf {
    border-left: 1px solid #cccccc;
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -khtml-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
}

.brg {
    border-right: 1px solid #cccccc;
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -khtml-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
}

/* 正文 */

.user-info {
    background-color: #fff;
    padding-top: 110px;
}

.user-info .info-img {
    width: 110px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.info-img .user-ph {
    width: 110px;
    height: 110px;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -khtml-border-radius: 100px;
    -webkit-border-radius: 100px;
    margin-bottom: 40px;
}

.info-img .set {
    width: 30px;
    height: 30px;
    top: 0;
    left: 80px;
    background-position: -110px -5px;
    position: absolute;
}

.user-info span {
    font: normal 28px/28px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    text-align: center;
    color: #666;
}

.user-info .user-ac {
    width: 173px;
    margin: 20px auto 0 auto;
}

.user-info .btn-center-box {
    width: 47px;
    margin-top: 8px;
}

.user-info .gz,
.user-info .sx{
    width: 72px;
    height: 30px;
    background-position: -5px -45px;
    font: normal 14px/14px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #fff;
    cursor: pointer;
}

.user-info .gz-after {
    width: 71px;
    height: 30px;
    background-position: -5px -5px;
    text-align: center;
    font:normal 14px/30px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #666666;
    cursor: pointer;
}

.user-info .gz-icon {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    display: inline-block;
    background-position: -86px -29px;
}

.user-info .sx {
    background-position: -5px -85px;
    color: #c90920;
}

.user-info .email-icon {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    display: inline-block;
    background-position: -86px -5px;
}

.user-info .introduce {
    width: 400px;
    margin: 35px auto;
}

.user-info .introduce .address,
.user-info .introduce .vocation,
.user-info .introduce .conts {
    font: normal 14px/14px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #999999;
}

.user-info .introduce .vocation {
    margin: 0 30px;
}
.user-info .introduce .conts{
    width: 400px;
    height: 14px;
    position: relative;
    overflow: hidden;
}
.user-info .introduce .marquee {
    width: 400px;
    height: 14px;
}
.scroll-marquee{
    right: -137px;
    white-space: nowrap;
    position: absolute;
}
.user-info .info-list {
    width: 850px;
    height: 59px;
}

.info-list li {
    width: 20%;
    cursor: pointer;
}

.info-list .num {
    font: normal 24px/24px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #666666;
}

.info-list .list-name {
    margin-top: 6px;
    font: normal 14px/14px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #999999;
}

.info-active {
    color: #c90920 !important;
}

.sub-nav {
    width: 100%;
    height: 70px;
    top: 71px;
    left: 0;
    right: 0;
    position: fixed;
    background-color: #fff;
    z-index: 799;
}

.sub-nav.active{
    -webkit-box-shadow:0 0 4px #bbb;
    -moz-box-shadow:0 0 4px #bbb;
    box-shadow:0 0 4px #bbb;
}

.sub-nav .people {
    width: 850px !important;
    height: 70px;
}

.sub-nav .info-list {
    width: 1020px;
    height: 70px;
}

.sub-nav .info-list .setting {
    width: 30px;
    height: 30px;
    margin-top: 7px;
    background-position: -165px -45px;
}

.sub-nav .info-list li {
    width: 170px;
    margin-top: 13px;
}

.sub-nav .file-edit {
    width: 1120px;
}

.sub-nav .file-edit .title {
    font: normal 22px/70px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #333333;
}

.sub-nav .file-edit .sort {
    margin-left: 10px;
    font: normal 18px/70px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #666666;
}

.sub-nav .file-edit .labels {
    margin: 25px 0;
}

.sub-nav .file-edit .btn {
    padding: 0;
    margin: 20px 0 0 20px;
    display: inline-block;
    font: normal 14px/30px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #999999;
}

.sub-nav .file-edit .f-edits {
    /*width: 117px;*/
    height: 30px;
    /*background-position: -5px -5px;*/
}

.sub-nav .file-edit .all-img {
    /*width: 134px;*/
    height: 30px;
    /*background-position: -5px -45px;*/
}

.content {
    width: 100%;
}

.content .cont-width {
    width: 1698px;
    margin: 20px auto 100px auto;
}

@media screen and (max-width:1680px) {
    .content .cont-width {
        width: 1415px;
        margin: 20px auto 100px auto;
    }
}

@media screen and (max-width:1370px) {
    .content .cont-width {
        width: 1138px;
        margin: 20px auto 100px auto;
    }
}

.content .creat .circle {
    width: 70px;
    height: 70px;
    margin-top: 99px;
    position: relative;
    background-position: -5px -45px;
}
.content .creat {
	height:330px!important;
}
.content .creat .add {
    width: 28px;
    height: 28px;
    top: 21px;
    left: 21px;
    right: 21px;
    position: absolute;
    background-position: -85px -45px;
}

.content .creat span {
    margin-top: 35px;
    display: block;
    font: normal 18px/18px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #999999;
}

.content .file {
    width: 265px;
    height: 330px;
    margin: 10px 9px;
	padding-bottom:3px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .14);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .14);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .14);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#25000000, endColorstr=#25000000);
    zoom: 1;
    background: #fff;
}
/*.content .JPicBox .file {*/
	/*height:auto;*/
/*}*/
.file .img {
    width: 265px;
    height: 207px;
    overflow: hidden;
    /*border-radius: 3px 3px 0 0;*/
    /*-moz-border-radius: 3px 3px 0 0;*/
    /*-khtml-border-radius: 3px 3px 0 0;*/
    /*-webkit-border-radius: 3px 3px 0 0;*/
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

.file .img img{
    /*width: 100%;*/
}
.user-folder-img img{
    width: 100%;
}

.file .info {
    width: 241px;
    margin: 17px auto 15px auto;
}

.info mark {
    width: 140px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    text-align: left;
    font: normal 14px/15px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #333333;
    background: #fff;
}

.collect {
    width: 11px;
    height: 10px;
    margin-top: 1px;
    background-position: -144px -45px;
}

.file .info .img-num {
    width: 11px;
    height: 10px;
    margin-left: 10px;
    background-position: -123px -45px;
}

.file .info span {
    margin-left: 5px;
    font: normal 12px/12px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #999999;
}

.labels {
    margin: 0 0 15px 7px;
}

.file .labels {
    height: 22px;
}
.labels .label {
    border: 1px solid #cccccc;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 3px 8px;
    margin-left: 5px;
    display: inline-block;
    font: normal 12px/12px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #666;
}

.btn-coll {
    width: 240px;
    height: 30px;
    background-position: -5px -125px;
    cursor: pointer;
}

.btn-coll .love {
    width: 14px;
    height: 13px;
    margin: 8.5px 0 0 81.5px;
    background-position: -205px -45px;
}

.btn-coll .sc {
    font: normal 12px/30px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #fff;
}

.love-12{
    transform: scale(0.85,0.85);
    margin-top: 7.5px!important;
}
.btn-set {
    width: 240px;
    height: 30px;
    margin-bottom: 9px;
    background-position: -5px -5px;
    cursor: pointer;
}

.btn-set .set-font {
    display: inline-block;
    font: normal 12px/30px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #666666;
}

.edit-list {
    width: 359px;
    margin-top: 180px;
}

.edit-list li {
    margin: 0 10px;
}

.edit-list .all-slt {
    width: 62px;
    height: 30px;
    background-position: -83px -5px;
    font: normal 14px/30px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #fff;
}

.edit-list .delete,
.edit-list .cancel {
    width: 62px;
    height: 30px;
    background-position: -5px -45px;
    font: normal 14px/30px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #666666;
}

.edit-list .remove {
    width: 93px;
    height: 30px;
    background-position: -77px -45px;
    font: normal 14px/30px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #666666;
}


/* 选择更换文件夹封面 */

.overlay {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    position: fixed;
    z-index: 1001;
    background-color: rgba(240, 240, 240, .9);
}

.ctn {
    width: 618px;
    height: 579px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: absolute;
    z-index: 1500;
    background-color: #fff;
}

.ctn .title {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #e4e4e4;
}

.ctn .title .tip {
    margin-left: 30px;
    font: normal 22px/60px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #333333;
}

.ctn .title span {
    margin-left: 5px;
    font: normal 22px/60px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #666666;
}

.sprite-close {
    width: 20px;
    height: 20px;
    background-position: -5px -24px;
    margin: 20px 20px 0;
}

.scroll-ctn {
    width: 618px;
    height: 519px;
    overflow: auto;
}

.scroll-ctn .imgcont {
    width: 549px;
    margin: 15px 25px;
    display: inline-table;
}

.scroll-ctn .imgcont img {
    width: 127.25px;
    margin: 10px;
    border-radius: 3px;
    float: left;
}

#mCSB_1_scrollbar_horizontal .mCSB_scrollTools {
    width: 19px !important;
}

#mCSB_1_scrollbar_horizontal .mCSB_dragger {
    width: 17px !important;
}


/* 更换文件夹封面 */

.change-cover .ctn {
    width: 625px;
    height: 450px;
}
.change-cover .ctn .bg-img {
    top: 50%;
    left: 50%;
    margin-top: -103.5px;
    margin-left: -132.5px;
    position: absolute;
    z-index: -1;
}
.ch-cover-img{
    width: 566px;
    height:288px;
    top: 80px;
    left: 30px;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.change-cover .ctn .all-img {
    width: 566px;
    height: 288px;
    margin: 20px auto 10px auto;
    position: relative;
    z-index: 99;
}

.change-cover .ctn .all-img .c-overlay1,
.change-cover .ctn .all-img .c-overlay2 {
    width: 566px;
    height: 40px;
    background: #f7f7f7;
    background-color: rgba(247, 247, 247, .9);
}

.change-cover .ctn .all-img .c-overlay2 {
    width: 150px;
    height: 208px;
    position: relative;
}

.change-cover .ctn .all-img .show-img {
    width: 265px;
    height: 207px;
    background-color: transparent;
}

.change-cover .ctn .all-btn {
    margin-right: 30px;
}

.sprite-lastone {
    width: 33px;
    height: 66px;
    top: 62px;
    left: 12px;
    background-position: -120px -5px;
    position: absolute;
    cursor: pointer;
}

.sprite-nextone {
    width: 33px;
    height: 66px;
    top: 62px;
    right: 12px;
    background-position: -5px -81px;
    position: absolute;
    cursor: pointer;
}


/* 删除图片提醒 */

.delete-img-tip .ctn {
    width: 581px;
    height: 188px;
}

.delete-img-tip .ctn .tips-cont {
    margin: 30px auto 10px auto;
}

.sprite-del-tip {
    width: 18px;
    height: 18px;
    margin: 0 17px 0 30px;
    background-position: -52px -5px;
}

.delete-img-tip .ctn .tip-font {
    font: normal 18px/18px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #666666;
}

.delete-img-tip .ctn .all-btn {
    margin-right: 40px;
}


/*  编辑图片名称内容 */
/*新建图片*/

.edit-file-cont .ctn,
.upload-img .ctn{
    width: 682px;
    height: 414px;
}

.edit-file-cont .ctn .com-width,
.upload-img .ctn .com-width{
    width: 460px;
}

.edit-file-cont .ctn .com-cont input, .upload-img .ctn .com-cont input{
    width: 323px;
}

.edit-file-cont .ctn .com-cont .item,
.upload-img .ctn .com-cont .item{
    margin: 30px 0 6px 0;
}

.edit-file-cont .com-cont .select .find,
.upload-img .com-cont .select .find{
    width: 323px;
}

.edit-file-cont .ctn .com-cont img,
.upload-img .ctn .com-cont .J_previewImg{
    width: 132px;
    height: 194px;
    margin: 16px 0 0 30px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	float:right;
	/*background:url('../images/find/loading.gif') center center no-repeat;*/
}

.edit-file-cont .ctn .checkbox,
.upload-img .ctn .checkbox{
    width: 20px;
    height: 20px;
    margin: 20px 10px 5px 150px;
    border: 1px solid #999999;
    position: relative;
    z-index: 20;
    background-color: #f7f7f7;
}

.checked {
    width: 17px;
    height: 12px;
    margin: 2px;
    background-position: -65px -5px;
}

.checkfont {
    margin-top: 20px;
    font: normal 16px/22px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #666666;
}

.edit-file-cont .sel-classify,
.upload-img .sel-classify{
    width: 338px;
    top: 52px;
    left: 120px;
}

.edit-file-cont .sel-classify .lables,
.upload-img .sel-classify .lables{
    width: 280px;
    margin: 0 41px 0 23px;
}

.edit-file-cont .ctn .all-btn,
.upload-img .ctn .all-btn{
    width: 622px;
}

.edit-file-cont .mCustomScrollbar,
.upload-img .mCustomScrollbar{
    width: 338px;
    height: 194px;
    top: 31px;
    left: -1px;
    border: 1px solid #999999;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}

.selectfile-cont {
    width: 338px;
    height: 194px;
    top: 32px;
    left: -1px;
    overflow: auto;
    border: 1px solid #999999;
    background-color: #fff;
    position: absolute;
    z-index: 60;
}

.edit-file-cont .selectfile-cont .filename,
.upload-img .selectfile-cont .filename{
    width: 305px;
    margin-left: 15px;
    font: normal 14px/32px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #999999;
    cursor: pointer;
}

.edit-file-cont #mCSB_1_scrollbar_horizontal .mCSB_scrollTools,
.upload-img #mCSB_1_scrollbar_horizontal .mCSB_scrollTools{
    width: 19px !important;
}

.edit-file-cont#mCSB_1_scrollbar_horizontal .mCSB_dragger,
.upload-img#mCSB_1_scrollbar_horizontal .mCSB_dragger{
    width: 17px !important;
}


/* 编辑文件夹 */

.editfiles .ctn {
    width: 680px;
    height: 472px;
}

.down-open {
    width: 13px;
    height: 8px;
    margin: 13px 13px 13px 0;
    background-position: -35px -24px;
}
.down-down{
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}
.com-cont {
    margin: 10px 30px;
}

.com-cont .item {
    margin: 30px 52px 10px 0;
    font: normal 16px/16px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #333333;
}
.margin-t-0{
    margin-top: 0px !important;
}
.margin-t-10{
    margin-top: 10px;
}
.margin-t-20{
    margin-top: 20px !important;
}
.com-cont input,
.com-cont textarea {
    width: 480px;
    height: 32px;
    margin-top: 18px;
    padding-left: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    font: normal 14px/34px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #999999;
    border: 1px solid #c3c3c3;
    background-color: #f7f7f7;
}

.com-cont textarea {
    height: 86px;
    resize: none;
}

.com-cont .select {
    position: relative;
}

.com-cont .find {
    width: 485px;
    height: 32px;
    margin-top: 20px;
    padding-left: 15px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: relative;
    font: normal 14px/34px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #999999;
    border: 1px solid #c3c3c3;
    background-color: #f7f7f7;
}

.com-cont .find .newfile {
    padding: 0 16px;
    border-left: 1px solid #999999;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    font: normal 14px/32px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #666666;
}

.com-cont ul {
    /*width: 74px;*/
    height: 25px;
    margin: 20px 53px 0 -15px;
    border: 1px solid #d90000;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    font: normal 12px/27px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #fff;
    background-color:#d90000;
}
.b-grey{
    border: 1px solid #c3c3c3 !important;
}
.com-cont ul.grey{
    border: 1px solid #c3c3c3 !important;
    background-color:#c3c3c3 !important;
}

.com-cont ul li {
    width: 37px;
    height: 24px;
    cursor: pointer;
}

.com-cont ul .active {
    width: 35px;
    height: 25px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #fff;
}

.all-btn {
    margin-top: 20px;
}

.all-btn .btns {
    width: 60px;
    height: 28px;
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    font: normal 14px/28px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #666;
    background-color: #f7f7f7;
}

.ef-edit .cont .choose {
    margin-top: 20px;
}

.all-btn .btn-red {
    margin-left: 20px;
    color: #fff;
    background-color: #d90000;
}


/* 更换分类 */

.sel-classify {
    width: 500px;
    top: 53px;
    left: 116px;
    margin-bottom: 5px;
    position: absolute;
    z-index: 50;
    border: 1px solid #999999;
    border-radius: 0 0 3px 3px;
    background-color: #fff;
}

.sprite-sel-open,
.sprite-sel-close {
    width: 14px;
    height: 14px;
    margin: 15px 10px;
    background-position: -5px -118px;
    cursor: pointer;
}

.sprite-sel-close {
    background-position: -133px -94px;
}

.sel-item {
    margin: 15px 0;
    font: normal 14px/14px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #666666;
}

.sel-classify .lables {
    width: 415px;
    margin: 0 62px 0 23px;
    display: inline-block;
}

.sel-classify .lables .lable {
    margin: 5px 10px;
    padding: 3px 10px;
    border: 1px solid #999999;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    -webkit-border-radius: 20px;
    cursor: pointer;
    font: normal 14px/14px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #999999;
}
.sel-classify .lables .selected{
    background: #bdbdbd;
    color: #fff !important;
}
.col-imgs .selected{
    background: #bdbdbd;
    color: #fff !important;
}

/* 新建文件夹 */
.creatfiles .ctn{
    height: 417px;
}
.creatfiles .com-cont input,
.creatfiles .com-cont textarea {
    width: 400px;
}
.creatfiles .com-cont textarea {
    height: 86px;
}
.creatfiles .com-cont .find {
    width: 409px;
    margin-left: 16px;
    cursor: pointer;
}
.creatfiles .sel-classify {
    width: 424px;
    left: 132px;
}
.creatfiles .sel-classify .lables{
    width: 404px;
}
.creatfiles .sel-classify .lables img{
    width:20px;
}
.creatfiles .com-cont ul{
    margin: 20px 53px 0 0;
    cursor: pointer;
}
/* 上传图片 */

.up-img-icon{
    background: url(../images/user/upImg.png) no-repeat;
}
.up-look-other,.up-look-other-hover,.up-img,.up-img-hover{
    margin-top: 51px;
    width: 50px;
    height: 50px;
}
.up-look-other{
    background-position: 0 0;
}
.up-look-other-hover{
    background-position: 0 -52px;
}
.up-img{
    background-position: 0 -104px;
}
.up-img-hover{
    background-position: 0 -162px;
}

.toupload .ctn {
    width: 319px;
    height: 240px;
    margin-left: -159px;
}

.toupload .ctn li {
    width: 159px;
    height: 178px;
}
.toupload .ctn li input{
    width: 50px;
    height:80px;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}
.toupload .ctn li:first-child {
    border-right: 1px solid #e4e4e4;
}

.toupload .ctn .load-title {
    margin-top: 20px;
    font: normal 16px/16px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #333333;
}


/* 上传头像 */

.loadusrimg .ctn {
    width: 798px;
    height: 515px;
}

.loadusrimg .ctn .load-img-ctn {
    width: 302px;
    height: 299px;
    margin: 20px 0 50px 109px;
    background: #f6f6f7;
}

.loadusrimg .ctn .toload {
    width: 86px;
    height: 28px;
    border: 1px solid #b5b5b5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    background: #c5c5c5;
	margin-left: 210px;
	text-align:center;
    font: normal 14px/28px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #fff;
    cursor: pointer;
}

.loadusrimg .ctn .toload.added {
    border: 1px solid #bc1a22;
    background: #bc1a22;
}
/* 上传图片后状态Btn */

.loadusrimg .ctn .toload .active {
    border: 1px solid #c5c5c5;
}

.loadusrimg .ctn .circle {
    width: 70px;
    height: 70px;
    margin: 85px 0 30px 114px;
    position: relative;
    display: inline-block;
    background-position: -5px -45px;
}

.loadusrimg .ctn .add {
    width: 28px;
    height: 28px;
    top: 48px;
    left: 40px;
    right: 40px;
    position: absolute;
    background-position: -85px -45px;
}
.loadusrimg input{
    width: 124px;
    height: 124px;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}
.sp-circle{
    width:122px;
    height:124px;
    margin: 55px 0 25px 90px;
    position: relative;
    display: inline-block;
    background-image: url('../images/user/circle.png');
    background-repeat: no-repeat;
}

.loadusrimg .ctn .load-img-ctn span {
    display: block;
    font: normal 18px/18px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #999999;
}
.tip-ctn{
    width: 289px;
    height: 329px;
    margin: 20px 0 32px 50px;
}
.usr-110 {
    width: 110px;
    height: 110px;
    border: none;
    border-radius: 55px;
    -moz-border-radius: 55px;
    -khtml-border-radius: 55px;
    -webkit-border-radius: 55px;
    background: #f7f7f7;
}

.usr-50 {
    width: 50px;
    height: 50px;
    margin: 50px 0 50px 30px;
    border: none;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -khtml-border-radius: 25px;
    -webkit-border-radius: 25px;
    background: #f7f7f7;
}

.usr-35 {
    width: 35px;
    height: 35px;
    margin-left: 40px;
    border: none;
    border-radius:18px;
    -moz-border-radius: 18px;
    -khtml-border-radius: 18px;
    -webkit-border-radius: 18px;
    background: #f7f7f7;
}

.loadusrimg .ctn .tip-ctn .tip{
    width: 128px;
    height: 37px;
    text-align: center;
    font: normal 16px/37px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    background: #f7f7f7;
    color: #858585;
}
.tip-110{
    margin-top: 40px;
}
.tip-50{
    margin-top: 58px;
}

/* 发现后 */
.finded-img,
.finded-author,
.finded-colleced,
.finded-file{

}
.find-tab{
    width: 308px;
    margin: 40px auto 0 auto;
}

.find-tab li {
    width: 75px;
    float: left;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 12px 0;
    font: normal 16px/16px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #999999;
    background-color: #f0f0f0;
}
.s-ctn{
    width: 1140px;
    top: 5%;
    left: 50%;
    margin-left: -570px;
    margin-top: 90px;
    position: absolute;
    z-index: 8000;
}
.sp-close{
    width: 22px;
    height: 22px;
    left: 1094px;
    position: absolute;
    z-index: 8888;
    background-position: -60px -5px;
}
.detail{
    width: 908px;
    margin-left: 116px;
}
.detail .show{
    width: 565px;
    display: inline-table;
    background: #fff;
}
.detail .show img{
    width: 535px;
    margin: 0 15px;
    border-radius:3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.sprite-show {
    background-image: url('../images/find/sprite-show.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.btn-ctn{
    margin: 20px 10px 20px 15px;
}
.lookmore{
    width: 70px;
    height: 26px;
    cursor: pointer;
    text-align: center;
    border-radius:3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #959c9a;
    font: normal 12px/26px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #fff;
}
.show-share{
    width: 64px;
    height: 24px !important;
    border: 1px solid #c3c3c3;
    border-radius:3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    position: relative;
}
.show-share span{
    font: normal 12px/26px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #9e9e9e;
}
.detail .show .lables{
    margin: 20px 10px 20px 10px;
}
.detail .show .lables .lable{
    padding:0 16px;
    margin: 0 5px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius:10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #c3c3c3;
    font: normal 14px/22px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color:#666;
}
.file-info{
    width: 328px;
    background: #fff;
}
.file-info .auth-info{
    margin: 15px 0 10px 15px;
}
.file-info .auth-info img{
    width: 53px;
    height: 53px;
    border-radius:30px;
}
.file-info .auth-info span{
    margin: 18px 0 0 10px;
    font: normal 16px/16px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color:#333;
}
.sp-filt-tip{
    width: 294px;
    height: 44px;
    background-position: -5px -37px;
    margin-left: 15px;
}
.file-name{
    width: 170px;
    margin: 20px 0 0 13px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    font: normal 14px/14px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color:#999;
}
.sp-filt-focus{
    width: 90px;
    height: 27px;
    margin: 12px 12px 0 0;
    text-align: center;
    background-position: -5px -91px;
    cursor: pointer;
    font: normal 12px/27px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color:#666;
}
.file-all-show{
    width: 294px;
    height: 391px;
    margin: 15px;
    border-radius:3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #efefef;
}
.file-all-show .file-ctn{
    width: 284px;
    height: 381px;
    padding: 5px;
    overflow: hidden;
}
.file-all-show .file-ctn img{
    width: 92px;
    margin: 1px 0;
}
.like-usr-list{
    height: 112px;
    margin: 14px 4px;
}
.liked-usr{
    width: 50px;
    height: 50px;
    margin: 6px;
    border-radius: 25px;
}
.sp-more{
    width: 33px;
    height: 8px;
    margin: 25px 0 0 15px;
    background-position: -92px -5px;
}
/* 猜你喜欢 */
.sub-ctn{
    width: 1140px;
    min-width: 1140px;
    margin-top: 70px;
    display: table;
}
.sub-title{
    margin-bottom: 35px;
    font: normal 18px/18px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color:#222222;
}
.sub-ctn .item{
    width: 265px;
    margin: 0 10px;
    background: #fff;
}
.sub-ctn .item .file-show{
    width: 265px;
    height: 195px;
    overflow: hidden;
    position: relative;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;

}
.sub-ctn .item .file-show .f-home-show{
    width: 265px;
    position: absolute;
}
.sub-ctn .item .less-ctn{
    width: 265px;
    height: 140px;
    border-radius:0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    background: #fff;

}
.other-imgs{
    width: 265px;
    height: 85px;
    margin: 5px 0 12px 0;
}
.other-img:nth-child(2){
    margin: 0 5px;
}
.other-img{
    width: 85px;
    height: 85px;
    overflow: hidden;
    position: relative;
}
.other-img img{
    height: 85px;
    position: absolute;
}
.sp-file-img-num{
    width: 35px;
    height: 23px;
    top: 162px;
    left: 220px;
    position: absolute;
    background-position: -191px -91px;
    text-align: center;
    font: normal 12px/23px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color:#fff;
}
.sub-ctn .item .less-ctn .title{
    width:160px;
    margin-left: 12px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    font: normal 14px/23px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color:#333;
}
.sub-ctn .cont-width{
    max-width: 1140px;
}
/* 已收藏 */
.sp-coled{
    width: 76px;
    height: 27px;
    background-position: -105px -91px;
}
.sp-coled-love{
    width: 15px;
    height: 12px;
    margin: 7.5px 5px 6.5px 10px;
    background-position: -135px -5px;
}
.ced-font{
    line-height: 27px;
    color: #666;
}
/* 收藏图片 */
.col-imgs .ctn{
    width: 640px;
    height: 455px;
    position: fixed;
    z-index: 8888;
}
.col-imgs .ctn .im-info,
.col-imgs .ctn .file-info{
    width: 310px;
    height: 455px;
    position: relative;
    background: #eee;
}
.col-imgs .ctn .file-info{
    width: 330px;
    border-radius:0 5px 5px 0;
    -moz-border-radius:0 5px 5px 0;
    -khtml-border-radius:0 5px 5px 0;
    -webkit-border-radius:0 5px 5px 0;
    background: #fff;
}
.col-imgs .ctn .im-ctn{
    width: 235px;
    top: 24px;
    left: 37.5px;
    display: table;
    position: absolute;
    border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    position: absolute;
    z-index: 8889;
    background: #fff;
}
.im-ctn .img-show{
    width: 215px;
    height: 280px;
    margin: 12px;
    border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    overflow: hidden;
}
.im-ctn .introduce,.im-ctn .i-title{
    width: 215px;
    height: 22px;
    margin: 0 10px;
    border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    overflow: hidden;
    position: relative;
    background: #f7f7f7;
}
.im-ctn .i-title{
    margin-left: 15px;
    font: normal 16px/23px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    background: #fff;
    color:#333;
}
.im-ctn .i-title .title-width{
    width:180px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.im-ctn textarea{
    width: 160px;
    height: 22px;
    margin-left: 10px;
    top:0;
    border: none;
    resize : none;
    font: normal 14px/22px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    position: absolute;
    color:#666;
    background: #f7f7f7;
}
.looktext{
    right: 0;
    position:absolute;
}
.im-ctn .labels{
    margin: 15px 10px 5px 10px;
}
.im-ctn .label-range{
    width:170px;
    overflow: hidden;
}
.im-ctn .label{
    height: 20px;
    margin: 0 5px 10px 5px;
    padding: 0 10px;
    border: 1px solid #cdcdcd;
    border-radius: 20px;
    -moz-border-radius:20px;
    -khtml-border-radius:20px;
    -webkit-border-radius:20px;
    cursor: pointer;
    font: normal 12px/20px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color:#666;
}
.im-ctn .label img{
    margin: 6px 0 5.5px 5px;
}
.im-ctn .i-item-lable{
    width: 215px;
    margin:15px 0 0 10px;
    display: inline-block;
    background-color: #fff;
}
.im-ctn .i-item-lable .title{
    height: auto;
    border: none;
    font: normal 14px/16px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color: #333333;
}
.im-ctn .i-item-lable .icon-color{
    margin: 0 10px 5px 10px;
}
.im-ctn .i-item-lable .icon-color img{
    width: 20px;
    height: 20px;
    margin: 15px 10px 0 10px;
}
.im-ctn .i-item-lable .sprite-sel-close,
.im-ctn .i-item-lable .sprite-sel-open{
    margin: 1px 10px 1px 0;
    cursor: pointer;
}
.im-ctn .i-item-lable .labels{
    width: 208px;
    height: auto;
    margin: 0 10px 5px 10px;
}
.im-ctn .i-item-lable .labels .label{
    margin: 15px 10px 0 10px;
}
.sp-small-down,.sp-small-top{
    width: 9px;
    height: 6px;
    margin:3px 10px;
    background-position: -5px -57px;
}
.sp-small-top {
    background-position: -24px -57px;
}
.sp-has,.sp-none {
    width: 13px;
    height: 8px;
    margin: 6px 20px;
    background-position: -35px -24px;
}
.sp-none {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.file-info .sub-title{
    margin: 20px 115px 20px 30px;
    font: normal 22px/20px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color:#333;
}
.file-info .input{
    width: 258px;
    height: 30px;
    margin: 0 0 20px 30px;
    padding: 0;
    border: none;
    border-radius: 5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    background: #f7f7f7;
}
.file-info .input img{
    margin: 7px;
}
.file-info .input input{
    width: 200px;
    height: 16px;
    margin: 7px 10px 7px 8px;
    border: none;
    font: normal 14px/16px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color:#999;
    background: #f7f7f7;
}
.file-info .scroll-ctn{
    width: 330px;
    height: 265px;
}
.file-info .scroll-ctn .listcont{
    width: 310px;
    height: 265px;
}
.file-info .scroll-ctn li{
    width: 100%;
    height: 36px;
}
.file-info .scroll-ctn li .active{
    background: #f7f7f7;
}
.i-img-show{
    width: 26px;
    height: 26px;
    margin: 5px 10px 5px 30px;
    overflow: hidden;
}
.i-title{
    width: 100px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    font: normal 14px/36px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color:#666;
}
.file-info .scroll-ctn li .sprite-btn-r{
    margin: 5px 20px;
}
.file-info .scroll-ctn li p{
    margin-left: 30px;
    font: normal 14px/36px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color:#999;
}
.i-creat-file{
    margin: 20px 10px 30px 30px;
    cursor: pointer;
}
.i-creat-file-f{
    margin: 20px 10px 30px 0;
    cursor: pointer;
    font: normal 14px/26px "Noto Sans CJK SC", "Source Han Sans CN", "PingFang SC","STXihei","Microsoft Yahei","SimSun", simsun;
    color:#666;
}
.m-r-8{
    margin-right: 8px;
}
.m-t-5{
    margin-top: 5px;
}
/*评论*/
.comment{
    padding-left: 10px;
}
.comment-item.clearfix {
    padding: 10px;
}
.comment-submit{
    margin-right: 15px;
}
.comment-submit input.comment-input{
    width: 520px;
}

.m-r-21{
    margin: 5px 21px;
}