body {
    padding-top: 0!important;
    /*font-family: "微软雅黑", Microsoft YaHei UI, Microsoft YaHei;*/
}

a {
    color: #464646;
}
a:hover,
a:focus {
    color: #ff9600;
}

.tr-c{color: #ff9600!important;}

.jt-icon{
    cursor: pointer;
    background: url("../img/icon/icon.png") no-repeat;
    background-size: 850px 554px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    vertical-align: middle;
}
.jt-icon.jsize{
    width: 23px;
    height: 23px;
    background-size: 265px 172px;
}
.jt-icon-pl-collect{
    background-position: 0 0;
}
.jt-icon-pl-collect.hover,
.jt-icon-pl-collect:hover{
    background-position: 0 -27px;
}
.jt-icon-pl-cart{
    background-position: -33px 0;
}
.jt-icon-pl-cart.hover,
.jt-icon-pl-cart:hover{
    background-position: -33px -27px;
}
.jt-icon-pl-seealbum{
    background-position: -67px 0;
}
.jt-icon-pl-seealbum.hover,
.jt-icon-pl-seealbum:hover{
    background-position: -67px -27px;
}



.container {
    width: 1200px !important;
}

/*首页自定义样式*/
*{box-sizing:border-box}


.active-nav{color:#ffbd60}
.swiper{position:relative}
.swiper-container{width:100%;height:400px}
.swiper-slide{background-position:center;background-size:cover}
.swiper-pagination .swiper-pagination-bullet{opacity:1;background-color:#fff}
.swiper-pagination .swiper-pagination-bullet-active{background-color:#ff8000}
.swiper .search-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;color: #787878;}
.swiper .search{display:flex;align-items:center;border-radius:5px;width:794px;height:56px;background-color: rgba(255,255,255,0.8);}
.swiper .search .icon{display:flex;align-items:center;justify-content:center;height:100%;width:80px;padding-top:13px;padding-bottom:13px;color:#ddd}
.swiper .search .line{width: 1px; height: 30px; background-color: #787878;}
.swiper .search input{flex:1;height:100%;margin-left:16px;border:none;font-size:18px;background-color: rgba(255,255,255,0.1);}
.swiper .search input::placeholder{color:#787878;}
.swiper .search .search-icon{cursor: pointer;width:124px;height:100%;background-color:#ff8000;border-top-right-radius:5px;border-bottom-right-radius:5px;color:#fff;display:flex;align-items:center;justify-content:center}
/*.swiper .search input:focus{border:0px solid #fff}*/

/* 热门搜索关键词 */
.tablist{display:flex;justify-content:center;margin-top: 20px;}
.tablist ul{display:flex;padding-left:0;color:#fff;font-size:16px;}
.tablist li{list-style-type:none;padding:0 7px}
.tablist .title{font-weight:700}
.tablist li .active,.tablist li a:hover{color:#ff8000;font-weight:700}
.tablist li a{text-decoration:none;color:#fff}




/*首页专辑推荐*/
.index-title{width:100%;padding-top: 10px;padding-bottom: 24px; font-size:24px;color:#231815;font-family: "微软雅黑";}
.index-title span{color: #787878;font-weight:normal;}
.btn-more-box{margin-top: 30px;}
.btn-more {
    background-color: #ffffff;
    color: #969696;
    border-color: #969696;
    padding: 10px 40px;
    font-size: 16px;
    border-radius: 5px;
    font-family: "微软雅黑";
}
.btn-more:hover,
.btn-more:active,
.btn-more.hover {
    border-color: #ef8733;
    color: #ef8733;
}

.album-recommend-box{margin-top: 80px;}
.album-recommend-list{margin-left: -15px;}
.album-recommend-item{
    margin-left: 15px;
    margin-bottom: 15px;
    padding:0;
    border-radius:10px;
    width: 390px !important;
    height: 260px !important;
    overflow: hidden;
}
.album-recommend-item a{
    border-radius:10px;
}
.album-recommend-item img{
    border-radius:5px;
    object-fit:cover;
    width: 100%;
    height: 100%;
    min-width: 390px;
    min-height: 260px;
}
.album-recommend-item p{
    position:absolute;
    left:50%;top:50%;
    width: 390px;
    transform:translate(-50%,-50%);
    color:#fff;text-align:center;
    font-size:21px !important;
    font-weight:bold;
}

/*.recommend{display:block;padding-top:30px;position:relative}*/
/*.recommend .recommend-container{margin:auto;padding:20px}*/
/*.recommend .recommend-container p{width:100%;font-size:16px;font-weight:700}*/
/*.recommend .recommend-container .recommend-list{display:flex;flex-wrap:wrap;margin-top: 10px}*/
/*.recommend .recommend-container .recommend-list .recommend-list-item{position:relative;padding-right:4px;margin-bottom:6px;width:33%}*/
/*.recommend .recommend-container .recommend-list .recommend-list-item:nth-child(3n){margin-right:0}*/
/*.recommend .recommend-container .recommend-list .recommend-list-item p{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;font-size:18px}*/
/*.recommend .recommend-container .recommend-list img{border-radius:5px;object-fit:cover;overflow:hidden}*/
/*.recommend .recommend-container .recommend-list img:hover{transform:scale(1.1)}*/

/*热门下载*/
.top-downloads-box .row{
    margin-left: -15px;
}
.top-downloads-item{
    margin-left: 15px;
    margin-bottom: 15px;
    padding: 0;
    width: 288px;
    height: 182px;
    /*padding-left: 5px;
    padding-right: 5px;*/
}
.top-downloads-item .card{
    /*min-height: auto;*/
    /*margin: 0 auto 10px;*/
}
.top-downloads-item .thumb{
    /*min-height: auto;*/
    /*margin: 0 auto 10px;*/
    width: 288px;
    height: 182px;
    overflow: hidden;
}
.top-downloads-item img{
    width: 288px;
    height: 182px;
    border-radius: 10px;
}

.moreBtn{display:flex;justify-content:center}
.moreBtn a{display:inline-block;margin-top:30px;width:11rem;height:3rem;text-align:center;line-height:3rem;border:2px solid #a1a1a1;border-radius:5px;color:#a1a1a1;text-decoration:none}
.best-container{margin-top:30px}
.thumbnail{margin-bottom:0;padding:0}
.thumbnail img{height:100%;object-fit:cover}
.topdowm{margin-top:20px}
.topdowm .topdown-list .topdown-list-item{width:25%;height:100px;margin-bottom:10px}
.topdowm .topdown-list .topdown-list-item img{border-radius:5px;height:100%;object-fit:cover}
.activeipt{border:2px #ffbd60 solid}

@media (min-width:601px) and (max-width:700px){.long-pic{height:38vh}
    .long-pic .thumbnail,.long-pic .thumbnail img{height:100%}
}
@media (min-width:700px) and (max-width:900px){.long-pic{height:36.5vh}
    .long-pic .thumbnail,.long-pic .thumbnail img{height:100%}
}
@media (min-width:900px) and (max-width:1000px){.long-pic{height:34vh}
    .long-pic .thumbnail,.long-pic .thumbnail img{height:100%}
}
@media (min-width:1000px) and (max-width:1100px){.long-pic{height:36.5vh}
    .long-pic .thumbnail,.long-pic .thumbnail img{height:100%}
}
@media (min-width:1100px) and (max-width:1201px){.long-pic{height:38vh}
    .long-pic .thumbnail,.long-pic .thumbnail img{height:100%}
}
@media (min-width:1201px) and (max-width:1400px){.long-pic{height:40vh}
    .long-pic .thumbnail,.long-pic .thumbnail img{height:100%}
}
@media (min-width:1401px){.long-pic{height:42vh}
    .long-pic .thumbnail,.long-pic .thumbnail img{height:100%}
}
.modal{top:30%}
.modal-header{border-bottom:none!important}
.modal-content .model-container{padding:0 40px 20px 40px}
.modal-content .header{color:#ffbd60}
.modal-content .model-container .container{padding:0}
.modal-content .header .title{font-size:18px;font-weight:700}
.modal-content .container .title{margin-top:20px}
.modal-content .container .container-ipt{display:flex;width:40%;height:40px;margin-top:10px}
.modal-content .container .container-ipt .img-ipt{flex:1;border:2px #ddd solid;border-top-left-radius:5px;border-bottom-left-radius:5px}
.modal-content .container .container-ipt input::placeholder{padding-left:20px}
.modal-content .container .search{width:68px;text-align:center;line-height:40px;background-color:#ff8000;color:#fff;border-top-right-radius:5px;border-bottom-right-radius:5px}
.grey_box{width:40%;border:2px solid #ccc;color:#000;margin-top:15px;margin-bottom:15px;text-align:center;padding-bottom:30px;border-radius:5px}
.grey_box .icon-jiahao2fill{font-size:40px;padding:30px 0 10px 0;color:#807e7e;cursor:pointer}
.cooperate{display:flex;flex-wrap:wrap}
.cooperate .cooperate-item{width:25%;height:80px;border:1px #ccc solid}



/* 搜索 */
.search-box{
    margin: 20px 20px 1px 20px;
}
/*快捷筛选*/
.state-checked{
    padding-bottom: 1px;
    border-bottom: solid 1px #eeeeee;
}
.state-checked label,
.state-checked span,
.state-checked a{
    display: inline-block;
    margin-right: 15px;
}
.state-checked .hover{
    font-weight: bold;
    color: #ff8000;
}
.state-checked label{
    color: #f0f0f0;
}
.state-checked span {
    display: inline-block;
    cursor: pointer;
}

.search-box .el-cascader{
    border-radius: 1px;
    border: 1px solid #dcdfe6;
}
.search-box .form-control{
    height: 35px;
    line-height: 35px;
    border-radius: 1px;
    border: 1px solid #dcdfe6;
}
.search-box .el-input__inner{
    border: none;
    height: 30px!important;
    line-height: 30px!important;
}
.search-box .el-cascader{
    height: 35px!important;
    line-height: 35px!important;
}
.el-cascader-panel .el-cascader-menu__wrap{
    height: 360px!important;
}
.el-cascader-panel .el-cascader-menu:first-child{
    background: #F5F5F5 !important;
}
.el-cascader-node.is-selectable.in-active-path{
    background: #ffffff !important;
    color: #ff9600 !important;
}
.btnSearch{cursor: pointer;}


/*关键词列表*/
.keywordList {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.keywordList .item {
    padding: 6px 16px;
    border: 1px solid #e2e2e2;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
    color: #a6a2a2;
    cursor: pointer;
}
.keywordList .item:hover {
    background-color: #ff8000;
    color: #fff;
}

/*图片详情推荐列表*/
.pic-list-more {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
}
.pic-list-more .item {
    width: 24.2%;
    height: 199px;
    overflow: hidden;
    margin-left: 8px;
    margin-bottom: 8px;
    position: relative;
}
.pic-list-more .item .img-zoom{
    width: 100%;
    height: 100%;
}
.pic-list-more .item img{
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}


/*图搜*/
.jss9 {
    height: 150px;
    margin: 16px 0;
    display: inline-block;
    position: relative;
    min-width: 130px;
    background: #ddd;
    text-align: center;
}
.jss10 {
    height: 100%;
}
.jss11 {
    width: 100%;
    color: #fff;
    bottom: 0;
    cursor: pointer;
    display: flex;
    padding: 8px;
    opacity: 0.7;
    position: absolute;
    font-size: 12px;
    background: #000;
    align-items: center;
    justify-content: center;
}
.jss12 {
    height: 14px;
}
.jss54 {
    fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 24px;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    user-select: none;
    flex-shrink: 0;
}



/*图片详情*/
.pic-title{color: #ff8000;margin-top: 40px;margin-bottom: 20px;font-size: 21px;font-family: "微软雅黑";}
.pic-titletj{display: flex;justify-content: space-between;color: #ff8000;margin-top: 30px;margin-bottom: 20px;font-size: 21px;font-family: "微软雅黑";}
.pic-titletj .more{font-size:12px;color: #969696;margin-right: 5px;padding-top: 10px;}

.picdetail-box{
    width: 1228px;
    margin: 0 auto;
}
.picdetail {
    border-radius: 4px;
    border: 1px #969696 solid;
    box-shadow: 1px 2px 5px 0 #999999;
    width: 1228px;
    height: 700px;
    padding: 85px 80px 40px 56px;
}
.picdetail .detail-top {
    display: flex;
}
.picdetail .imgdetail {
    display: flex;
    justify-content: center;
    align-items: center;
    /*align-items: end;*/
    width: 798px;
    height: 526px;
    overflow: hidden;
}
.picdetail .imgdetail img{
    /*min-width: 100%;*/
    /*min-height: 100%;*/
    object-fit: cover;
    max-width: 798px;
    max-height: 526px;
}

.picdetail .toolb{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #969696;
}
.picdetail .toolb a{color: #969696;display: block;}
.picdetail .toolb .btn-tool{
    padding-left: 30px;
    margin: 0 10px;
    font-size: 14px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.picdetail .toolb .btn-tool:hover{
    color: #FF9600;
}

.picdetail .toolb .picshare{
    position: absolute;
    top: 100%;
    left: 40px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 220px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 13px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.picdetail .toolb .picshare a{
    display: inline-block;
}

/*.picdetail .toolb a{
    margin: 0 10px;
}
.picdetail .toolb a>i{
    padding-right: 5px;
}
.picdetail .toolb .a-btn-hover{
    color: #ed871a;
}*/




.picdetail .picinfo {margin-left: 30px;margin-top: 10px;color: #464646;}
.picdetail .picinfo .title {
    word-break:break-all;
    font-size: 18px;
    padding-bottom: 10px;
    color: #464646;
    border-bottom: 2px solid #e2e2e2;
}
.picdetail .picinfo .info-title{
    font-size: 14px;
    color: #464646;
    /*font-weight: bold;*/
}
.picdetail .picinfo .info .desc {
    font-size: 12px;
    line-height: 22px;
    color: #464646;
    margin-top: 10px;
    border-bottom: 2px solid #e2e2e2;
    padding-bottom: 20px;
}
.picdetail .picinfo .method {
    font-size: 12px;
    line-height: 22px;
    color: #b5afaf;
    margin-top: 10px;
    position: relative;
}


.picdetail .picinfo .method .method-info-box{
    background: url("../img/icon/tips-bg.png") top center no-repeat;
    background-size: cover;
    width: 250px;
    height: 92px;
    padding-top: 10px;
    overflow: hidden;
}
.picdetail .picinfo .method .method-info{
    width: 100%;
    height: 100%;
    font-size: 10px;
    line-height: 16px;
    padding: 0 8px 8px 8px;
    overflow: auto;
}

/*
.picdetail .picinfo .method .method-info{
    font-size: 10px;
    color: #464646;
    width: 250px;
    height: 92px;
    margin-top: 10px;
    position: relative;
    border: solid 1px #464646;
    text-align: center;
    box-shadow: 0 -3px 6px 0 #aaa;
    transition: all 200ms;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms;
}
.picdetail .picinfo .method .method-info:before {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: -13px;
    width: 0;
    height: 0;
    border-width: 8px 6px 6px 6px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}
*/


.price-box{
    margin-top: 15px;
    font-size: 16px;
}
.price-box .price {
    color: #FF6E00;
    font-size: 24px;
    font-weight: bold;
}

.btn-oxl{
    width: 250px;
    height: 50px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s linear;
    margin-top: 25px;
    border-radius: 5px;
}
.btn-buy{
    color: #fff;
    background-color: #FF9600;
    border: 1px solid #FF9600;
}
.btn-buy:hover{
    color: #fff;
    background-color: #FFB400;
    border-color: #FFB400;
    font-weight: bold;
}
.btn-addcart{
    color: #FF9600;
    background-color: #ffffff;
    border: 1px solid #FF9600;
}
.btn-addcart:hover{
    color: #fff;
    background-color: #FF9600;
    border-color: #FF9600;
    font-weight: bold;
}




.btn-info{
    color: #fff;
    background-color: #ff9600;
    border-color: #ff9600;
}
.btn-info:hover{
    color: #fff;
    background-color: #ff9600;
    border-color: #ff9600;
    font-weight: bold;
}
.btn-w1{width: 100px;}
.btn-w2{width: 210px;}
.btn-buy-membership{
    text-align: center;
    cursor: pointer;
    transition: all 0.3s linear;
    border: 1px solid #ed871a;
    color: #ed871a;
    background-color: #fff;
}



/*专辑列表*/
.album-list-box{margin: 0 10px;}
.album-list-box .line{border-bottom: solid 1px #969696;width: 100%;height: 1px;}
.album-list{
    margin-left: -5px;
    margin-right: 0;
}
.album-list .item{
    padding-left: 8px;
    padding-right: 0;
    margin-bottom: 8px;
    /*height: 310px;*/
    height: 100%;
    overflow: hidden;
}
.album-list .item .img-zoom{
    width: 100%;
    height: 100%;
}
.album-list .item img{
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.album-list .item p{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  color:#fff;text-align:center;
  font-size:24px !important;
}
.album-list .layui-flow-more a cite{
    margin-top: 30px;
}


/*专辑-相册列表*/
.main-content .filter{display:flex;margin:10px 30px}
.main-content .filter .item{padding-top:20px}
.main-content .filter .item:nth-child(2){margin-right:30px;margin-left:30px}
.main-content .filter .item select{width:240px;height:30px;border:2px #ddd solid;border-radius:3px}
.main-content .filter .item-input{display:flex;width:466px;height:42px;border:2px #ddd solid;border-radius:3px;align-items:center}
.main-content .filter .item-input input{width:100%;height:100%;border:none}
.main-content .filter .item-input input::placeholder{padding-left:10px}
.main-content .filter .item-input input:focus{border:none}
.main-content .filter .item-input .search-icon{width:60px;color:#ddd;text-align:center}
.text-filter{padding-bottom:10px;padding-left:30px;border-bottom:2px #999595 solid}
.text-filter span{display:inline-block;margin-right:20px}
.pic .list{display:flex;flex-wrap:wrap}
.pic .list .item{position:relative;width:19%}
.pic .list>div{margin:3px;width:20%}
.pic .list .bottom{display:none}
.pic .list .item .collect{position:absolute;right:0;bottom:0;left:0;z-index:99;display:flex;margin:0;width:100%;height:30px;background-color:rgba(0,0,0);opacity:.9;justify-content:space-between;align-items:center}
.pic .list .item:hover .bottom{display:block}
.pic .list .bottom img{margin-right:12px;cursor:pointer}
.pic .list .item .collect span{display:inline-block;background-color:#fff}
.moreBtn{position:relative;display:flex;justify-content:center}
.moreBtn .moreLoad{display:inline-block;margin-top:30px;width:13rem;height:3rem;border:2px solid #a1a1a1;border-radius:5px;color:#a1a1a1;text-align:center;text-decoration:none;line-height:3rem}
.elevator{position:absolute;right:60px;bottom:120px;padding:5px 10px;border:1px #ff8000 solid;border-radius:5px;background-color:#ff8000;color:#fff}
.moreBtn .elevator a{color:#fff;text-decoration:none}


.footer-jingtu{display:flex;margin-top:50px;padding-top:50px;width:100%;height:300px;background-color:#55646e;color:#ddd;justify-content:center}
.footer-container a{color:#ddd;text-decoration:none}
.footer-container .top{display:flex;font-size:16px}
.footer-container .top p{margin:0 3px}
.footer-container .center{margin:30px 0}
.el-cascader{width:300px;border:2px #ddd solid;border-radius:3px}
.el-cascader-node.is-active,.el-cascader-node.is-selectable.in-checked-path{color:#ff8000}
.search-keyword{position:absolute;z-index:99;display:none;margin-top:10px;padding:10px 20px;width:466px;border:1px #ddd solid;background-color:#fff}
.search-keyword>div{margin-bottom:10px}
.modal{top:30%}
.modal-header{border-bottom:none!important}
.modal-content .model-container{padding:0 40px 20px 40px}
.modal-content .header{color:#ffbd60}
.modal-content .model-container .container{padding:0}
.modal-content .header .title{font-weight:700;font-size:18px}
.modal-content .container .title{margin-top:20px}
.modal-content .container .container-ipt{display:flex;margin-top:10px;width:40%;height:40px}
.modal-content .container .container-ipt .img-ipt{border:solid 1px #dcdcdc;border-bottom-left-radius:5px;border-top-left-radius:5px;flex:1}
.modal-content .container .container-ipt input{padding-left:20px}
.modal-content .container .container-ipt input::placeholder{padding-left:2px}
.modal-content .container .search{cursor: pointer; width:68px;border-top-right-radius:5px;border-bottom-right-radius:5px;background-color:#ff8000;color:#fff;text-align:center;line-height:40px}
.grey_box{margin-top:15px;margin-bottom:15px;padding-bottom:30px;width:40%;border:solid 1px #dcdcdc;border-radius:5px;color:#000;text-align:center}
.grey_box i{
    padding:30px 0 15px 0;color:#808080;font-size:60px;cursor:pointer;
}



/* 专辑-相册详情*/
.album-detail-box{
    position: relative;
    margin-top: 60px;
}
.album-detail-box .bg{
    background: #f5f5f5;
    border:solid 1px #dcdcdc;
    height: 230px;width: 100%;
    margin-top: 100px;
}
.album-detail-main{
    margin-top: -285px;
    /*border: solid 1px blue;*/
}

.album-detail-main .detail{
    display: flex;
    justify-content: center;
}

.album-detail-main .thumb{
    height: 348px;
    width: 522px;
    /*border: solid 1px red;*/
}
.album-detail-main .thumb img,
.album-detail-main .thumb .img-thumbnail{
    height: 338px;
    min-width: 500px;
    object-fit: cover;
    padding: 7px;
    border-radius: 0;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 9px 2px #ddd;
}

.album-detail-main .info{
    padding-top: 90px;
    padding-left: 20px;
}
.j-flex{
    display: flex;
    align-items: center;
    justify-content: center;
}
.album-detail-main .info .atitle{
    font-family: "微软雅黑";
    font-size: 30px;
    font-weight: normal;
}

.album-detail-main .a-btn {
    /*padding: 6px 10px;*/
    /*text-decoration: none;*/
    color: #a0a0a0;
    /*border: 0;*/
    /*background: transparent;*/
    /*border-radius: 3px;*/
    cursor: pointer;
}
.album-detail-main .a-btn-hover,
.album-detail-main .a-btn:hover{
    color: #ff8308;
}
.album-detail-main .social-share .social-share-icon{
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
}

.album-detail-main .btn-more {
    display: inline-block;
    padding: 6px 20px;
    text-decoration: none;
    color: #a0a0a0;
    border: solid 1px #a0a0a0;
    background: transparent;
    border-radius: 3px;
}

.album-detail-main .btn-more:hover {
    color: #ff8308;
    border: solid 1px #ff8308;
}

/* 友情链接 */
.friendlink-box{
    border: solid 1px #eeeeee;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
}
.friendlink-box .friendlink-item{
    border: solid 1px #eeeeee;
    display: flex;
    text-align: center;
    vertical-align: center;
    align-items: center;
    justify-content: center;
    padding: 15px;
    height: 80px;
}
.friendlink-box .friendlink-item a{
    display: flex;
    align-items: center;
}
.friendlink-box .friendlink-item .friendlink-img{
    max-height: 40px;
    max-width: 150px;
}


/* CSS实现横向瀑布流 1 */
.jt-waterfall-flow-wrapper {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    padding: 15px 5px;
}
.jt-waterfall-flow-wrapper::after {
    content: "";
    flex-grow: 99999;
}
.jt-waterfall-flow-wrapper .wf-item {
    flex-grow: 1;
    margin: 5px;
    position: relative;
    overflow: hidden;
    height: 210px;
}
.jt-waterfall-flow-wrapper .wf-item .wf-img {
    background-size: cover;
    background-position: center;
}
.jt-waterfall-flow-wrapper .wf-item .img-zoom {
    display: block !important;
}
.jt-waterfall-flow-wrapper .wf-item img {
    min-width: 100%;
    height: 210px;
}

/* CSS实现横向瀑布流 3 */
.jt-waterfall-three{
    text-align: left;
    min-height: 600px;
    padding: 8px 1px 8px 8px;
}
.jt-waterfall-three .wf-item {
    max-height: 300px;
    overflow: hidden;
    position: relative;
}
.jt-waterfall-three .wf-item img {
    max-height: 300px;
    object-fit: cover;
}



/* 图片工具条 */

.wf-item:hover .img_bar, .item:hover .img_bar{display: block;}
.img_bar {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 1;
    padding: 9px 23px;
    width: 100%;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    background-color: rgba(0,0,0,.5);
    display: none;
}

.jt-waterfall-masonry .img_bar {
    position: relative;
    background-color: rgba(0,0,0,.5);
    height: 40px;
    margin-top: -40px;
}

.img_bar_innner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.img_bar .img_left{
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0 6px;
    line-height:28px;
    color:#fff;
    font-size:12px;
}
.img_bar .jt-tag{
    display: inline-block;
    padding: 0 8px;
    height: 18px;
    line-height: 18px;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    color: #ffffff;
    background: #ff9600;
    margin-right: 3px;
    border-radius: 4px;
    cursor: pointer;
}
.img_bar .jt-tag-rf{
    color: #ffffff;
    background: #82B400;
}
.jt-star-bg{
    cursor: pointer;
    margin-top: 1px;
    margin-left: 20px;
    width: 18px;
    height: 18px;
    background: url("../img/icon/icon-star.png") no-repeat;
}

/*工具条 提示样式*/
.img_bar .tooltip{
}
.img_bar .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #ffffff;
}
.img_bar .tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #464646;
    text-align: center;
    background-color: #ffffff;
    border-radius: 3px;
}


/* CSS实现纵向瀑布流 1 */
.jt-waterfall-masonry {
    width: 99%;
    margin: 10px auto;
    columns: 4;
    column-gap: 10px;
}
.jt-waterfall-masonry .wf-item {
    width: 100%;
    break-inside: avoid;
    margin-bottom: 10px;
    position: relative;
}
.jt-waterfall-masonry img {
    width: 100%;
    object-fit: cover;
}
.jt-waterfall-masonry .jthv {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.jt-waterfall-masonry .wf-item:hover .jthv {
    background-color: rgba(0,0,0,.2)
}


/* 首页精选图片自定义排版样式 */
.jt-best-pictures{width: 100%;height: 607px;display: flex;}
.jt-best-pictures .item{background: #F0F0F0;border-radius: 10px;}
.jt-best-pictures .flex{display: flex;}
.jt-best-pictures .flex1{flex: 1;}
.jt-best-pictures .flex2{flex: 2;}

.jt-best-pictures .mt{margin-top: 10px;}
.jt-best-pictures .mb{margin-bottom: 10px;}
.jt-best-pictures .ml{margin-left: 10px;}
.jt-best-pictures .mr{margin-right: 10px;}

.jt-best-pictures .pt{padding-top: 10px;}
.jt-best-pictures .pb{padding-bottom: 10px;}
.jt-best-pictures .ptb{padding: 10px 0px;}
.jt-best-pictures .plr{padding: 0 10px;}

.jt-best-pictures .h31{height: 33.3333%;}
.jt-best-pictures .h310{height: 31.3333%;}
.jt-best-pictures .h32{height: 66.6666%;}
.jt-best-pictures .h33{height: 100%;}

.jt-best-pictures .w41{width: 25%}
.jt-best-pictures .w42{width: 50%}
.jt-best-pictures .w44{width: 100%}

.jt-best-pictures .img-zoom{display: block;}

.jt-best-pictures .wimg{
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover;
    border-radius: 10px;
}


/* 单页样式 */
.page-box{
    border: solid 1px #eeeeee;
    min-height: 500px;
}
.page-box .nav-tabs{
    padding-bottom: 20px;
}
.page-box .nav-tabs > li > a{
    padding: 5px 1px;
    margin: 0 40px;
    font-size: 16px;
    border-bottom:solid 3px #ffffff;
}
.page-box .nav-tabs > li > a:first-child{
    margin-left: 0;
}
.page-box .nav-tabs > .active > a,
.page-box .nav-tabs > li > a:hover,
.page-box .nav-tabs > li > a:focus{
    color: #f19b38;
    border-color: #ffffff;
    border-bottom:solid 3px #ef8733;
    background-color: #fff;
    font-size: 16px;
}

.page-box .agreement ul {
    display: flex;
    padding-bottom: 20px;
    border-bottom: 2px solid #ddd;
}
.page-box .agreement ul li {
    margin: 10px 20px;
}
.page-box .agreement ul li a {
    text-decoration: none;
}
.page-box .agreement ul .active {
    color: #ffd990;
    padding-bottom: 5px;
    border-bottom: 3px #ff9b36 solid;
}
.page-box .agreement .tab-content {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 20px auto;
    padding-left: 20px;
}
.page-box .agreement .tab-panel {
    display: none;
}
.page-box .agreement .active {
    display: block;
}
.page-box .agreement .tab-panel:last-child .item {
    display: flex;
    justify-content: space-between;
}


/* 文章列表 */
.list-notice {
    padding-left: 0;
    list-style: none;
}
.list-notice li{
    /*list-style-type: '👉 ';*/
    /*list-style: square;*/
    margin: 20px 0;
    font-size: 16px;
    color: #454545;
}

.list-notice li a{
    color: #454545;
}
.list-notice .isread a{
    color: #959595;
}
.list-notice .date{
    float: right;
    color: #b3b3b3;
}


/* 联系我们 */
.linkus{width:100%;height:auto}
.linkus .banner{width:100%;height:300px;background:url(../img/banner/banner-link.png) center no-repeat;background-size:cover;font-size:14px;color:#fff;text-align:center;font-weight:300;padding-top:180px;line-height:26px}
.linkus .content{height:auto;margin:0 auto 20px;padding-top:67px}
.linkus h2{display:block;width:100%;height:50px;line-height:50px;font-size:48px;text-align:center}
.linkus ul{width:100%;height:auto;margin-top:72px}
.linkus ul li{float:left;width:320px;height:240px;list-style:none}
.linkus ul li i,.linkus .fa{font-size: 40px;}
.linkus .image{display:block;width:65px;min-height: 25px;margin:0 auto 18px;text-align:center;line-height:65px}
.linkus .image img{display:inline-block;vertical-align:middle}
.linkus .name{display:block;text-align:center;font-size:18px;line-height:18px;color:#ff9100;margin-bottom:18px}
.linkus em{display:block;text-align:center;font-style: normal;font-size:14px;height:14px;line-height:14px;color:rgba(0,0,0,.8);font-weight:400;margin-bottom:8px}


/*弹窗登录样式*/
body.is-dialog {
    padding: 0!important;
    margin: 0!important;
    background: transparent !important;
}
.is-dialog .user-container {
    padding: 0!important;
    margin: 0!important;
    margin-top: 0!important;
}
.is-dialog .layer-footer, .is-dialog .lclose {
    display: none;
}
.is-dialog .centered{
    box-shadow: none !important;
    border: none !important;
    border-radius: unset;
}
/*登录弹窗背景*/
.jtuser-dialog-skin{
    background: transparent !important;
    border-radius: 10px;
    box-shadow: 1px 1px 50px rgba(0,0,0,.6);
}


/*-浮动-*/
#floatbtn {
    width: 50px;
    height: auto;
    position: fixed;
    left: auto;
    bottom: 20px;
    right: 30px;
    z-index: 9999;
}
#floatbtn.fixed {
    position: absolute;
    bottom: 279px;
    right: 50%;
}
#floatbtn > a,
#floatbtn .floatbtn-item {
    cursor: pointer;
    position: relative;
    z-index: 90;
    display: block;
    margin-top: 4px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #d5d5d5;
    /*background-color: #fff;*/
    background: rgba(0,0,0,0.5);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#floatbtn > a.hover:hover,
#floatbtn .floatbtn-item.hover:hover {
    -webkit-transition: background-color 400ms ease-out;
    -moz-transition: background-color 400ms ease-out;
    -o-transition: background-color 400ms ease-out;
    transition: background-color 400ms ease-out;
    background: #ff9600;
    text-decoration: none;
    text-align: center;
    line-height: 20px;
    padding: 5px;
}
#floatbtn > a i {
    color: #ffffff;
    font-size: 50px;
}
#floatbtn > a.hover:hover i,
#floatbtn .floatbtn-item.hover:hover i {
    display: none;
}
#floatbtn > a.hover:hover em,
#floatbtn .floatbtn-item.hover:hover em {
    display: block;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    text-decoration: none;
}
#floatbtn > a em,
#floatbtn .floatbtn-item em {
    display: none;
}
#floatbtn > a:hover,
#floatbtn .floatbtn-item:hover {
    background: #ff9600;
}
#floatbtn > a:hover i,
#floatbtn .floatbtn-item:hover i {
    color: #fff;
}
#floatbtn > a:hover .floatbtn-wrapper,
#floatbtn .floatbtn-item:hover .floatbtn-wrapper {
    display: block;
}
#floatbtn .iconfont {
    display: inline-block;
    font: normal normal normal 14px/1 iconfont;
    font-size: inherit;
}
.floatbtn-wrapper {
    position: absolute;
    right: 59px;
    top: -55px;
    z-index: 120;
    display: none;
    width: 190px;
    height: 212px;
    background-color: #fff;
    border: 1px solid #eee;
}
.floatbtn-wrapper:before {
    content: "";
    position: absolute;
    right: -12px;
    top: 0;
    height: 200px;
    width: 12px;
    background: transparent;
}
.floatbtn-wrapper:after {
    content: "";
    position: absolute;
    right: -6px;
    top: 73px;
    display: block;
    width: 0;
    height: 0;
    border-left: 6px solid #d5d5d5;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}
.floatbtn-wrapper > .qrcode {
    margin-top: 20px;
    line-height: 1;
}
.floatbtn-wrapper > .qrcode > img {
    width: 128px;
    height: 128px;
}
.floatbtn-wrapper p {
    font-size: 14px;
    line-height: 20px;
    color: #999;
}
.floatbtn-wrapper p em {
    color: #dd3067;
}
.floatbtn-share .floatbtn-wrapper:after {
    top: 18px;
}
.floatbtn-share .floatbtn-wrapper .social-share .icon-wechat .wechat-qrcode p {
    font-size: 12px;
}