/**************************************
 * @Author    BenMao
 * @Object    毒蛇电影
 **************************************/
.films-section .films-content{padding:10px}
.films-section .section-search{padding:10px;}
.films-section .section-search .search-params{background-color: #fff;border-radius: 10px;padding:10px 20px}
.films-section .section-search .search-params .items{display: flex;align-items: center;margin:20px 0px}
.films-section .section-search .search-params .items .its{display: flex;align-items: center;flex-wrap: wrap;}
.films-section .section-search .search-params .items .its .it{padding:5px 8px;margin:0px 3px;font-size: 12px;background-color: #f7f7f7;border-radius: 3px;transition: all 0.5s}
.films-section .section-search .search-params .items .its .it:hover,
.films-section .section-search .search-params .items .its .it-on{background-color: var(--MainColor,#db4646);color:#fff}

.films-section .films-items{width:100%;display: flex;align-items: center;flex-wrap: wrap;border-radius: 10px;background-color: #fff;padding:10px}
.films-section .films-items .item{width:20%;padding: 10px;text-decoration: none;margin:10px 0px;border-radius: 5px}
.films-section .films-items .item .item-flex{position:relative;border-radius: 5px;overflow: hidden;cursor: pointer;height: 0px;padding-top: calc(100% + 120px);background-color: #f7f7f7}
.films-section .films-items .item .item-flex .loading{position: absolute;width:100%; height:100%;z-index: 1;display: flex;justify-content: center;align-items: center;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.films-section .films-items .item .item-flex .img{display: block;width:100%;height: 100%;position: absolute;top: 0px;left: 0px;z-index: 9;x}
.films-section .films-items .item .item-flex .img img{width:100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.films-section .films-items .item .item-flex:hover .img img{transform: scale(1.05);}
.films-section .films-items .item .item-flex .new{position: absolute;top: 0px;left: -1px;color: var(--MainColor,#db4646);z-index: 9}
.films-section .films-items .item .item-flex .new i{font-size: 30px;}
.films-section .films-items .item .title{display: block;text-align: center;align-items: center;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0px 10px;transition: all 0.5s}
.films-section .films-items .item:hover .title{color:var(--MainColor,#db4646);font-weight: bold}
@media screen and (max-width:768px){
    .films-section .films-items{padding: 4px;}
    .films-section .films-items .item{width: 50%;padding: 4px}
}
/*电影主题*/
.films-section .films-theme{padding:10px;}
.films-section .films-theme .theme-items{display: flex;align-items: center;flex-wrap: wrap;background-color: #fff;border-radius: 10px;padding:10px}
.films-section .films-theme .theme-items .items{width:33.33%;display:flex;flex-direction: column;margin-bottom: 20px;background-color:#fff;cursor: pointer;padding:10px;}
.films-section .films-theme .theme-items .items .head{padding:30px 10px;background-color: #2c2c2c;display:flex;flex-direction: column;align-items:center;border-radius: 10px 10px 0px 0px}
.films-section .films-theme .theme-items .items .head .title{color:#fff;text-align: center;font-size: 20px;font-family: "ali-fangyuan";}
.films-section .films-theme .theme-items .items .head .counts{display:inline-block;padding:5px 10px;background-color:var(--MainColor,'#db4646');color:#fff;margin-top: 15px;border-radius:5px;}
.films-section .films-theme .theme-items .items .head .counts b{padding:0px 5px}
.films-section .films-theme .theme-items .items .lists{display:flex;flex-direction:column;background-color: var(--BackColor,'#f0f0f0');border-top:0px;border-radius: 0px 0px 10px 10px;padding:10px 0px}
.films-section .films-theme .theme-items .items .lists .lit{display:flex;align-items:center;justify-content: space-between;padding:10px 10px;width:100%;border-bottom: 1px dashed #eee;}
.films-section .films-theme .theme-items .items .lists .lit:last-child{border-bottom:0px;}
.films-section .films-theme .theme-items .items .lists .lit .thumb{width: 60px;height: auto;overflow: hidden;flex-shrink: 0;display: flex;justify-content: center;align-items: stretch;}
.films-section .films-theme .theme-items .items .lists .lit .thumb img{width: 100%;height: 100%;border-radius: 5px;object-fit: cover;}
.films-section .films-theme .theme-items .items .lists .lit .info{height:100px;display:flex;flex-direction:column;justify-content: space-between;justify-content:space-between;padding:13px 0px;width: calc(100% - 70px);flex-shrink:1;}
.films-section .films-theme .theme-items .items .lists .lit .info .title{width:100%;display:flex;align-items: center;}
.films-section .films-theme .theme-items .items .lists .lit .info .title .name{font-weight: bold;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #666}
.films-section .films-theme .theme-items .items .lists .lit .info .title .line{padding:0px 5px;}
.films-section .films-theme .theme-items .items .lists .lit .info .title .slogan{color:#999;font-size: 12px;}
.films-section .films-theme .theme-items .items .lists .lit .info .tags{width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#999;font-size: 12px;padding-left: 2px}
.films-section .films-theme .theme-items .items .lists .lit .info .tags .slash{padding:0px 3px;color:#f0f0f0}
/*电影信息*/
.films-section .films-infos{padding: 10px;flex-direction: column;}
.films-section .films-infos .baseinfo{width:100%;background-color: #fff;display: flex;align-items: stretch;justify-content: space-between;padding: 50px 20px;border-radius: 10px;}

.films-section .films-infos .baseinfo .thumb{width: 300px;}
.films-section .films-infos .baseinfo .thumb img{width: 100%;height: 100%;border-radius: 10px;object-fit: cover;}
.films-section .films-infos .baseinfo .relas{width: calc(100% - 350px);padding: 10px 0px}

.films-section .films-infos .baseinfo .infos .head{display: flex;align-items: center;}
.films-section .films-infos .baseinfo .infos .head .name{font-size: 20px;font-weight: bold;line-height: 30px;margin-right: 10px;}
.films-section .films-infos .baseinfo .infos .head .douban{min-width: 80px;background-color: green;color: #fff;padding: 5px 5px;border-right: 3px;font-size: 12px;border-radius: 3px;text-align: center;}

/*电影详情：属性*/
.films-section .films-infos .baseinfo .infos .attrs{padding: 5px 3px;display: inline-block;width: auto;font-size: 14px;line-height: 30px;}
.films-section .films-infos .baseinfo .infos .attrs span.it{color: #718096;}
.films-section .films-infos .baseinfo .infos .attrs span.slash{padding: 0px 5px;color: #d7dae1}

/*电影详情：标记*/
.films-section .films-infos .baseinfo .infos .tagitems{color: #718096;padding: 5px 3px;font-size: 14px;line-height: 30px;}
.films-section .films-infos .baseinfo .infos .tagitems b.tit{font-weight: normal;}
.films-section .films-infos .baseinfo .infos .tagitems a.tag{text-decoration: none;transform: all 0.5s;color: #718096;}
.films-section .films-infos .baseinfo .infos .tagitems span.slash{padding: 0px 5px;color: #d7dae1}
.films-section .films-infos .baseinfo .infos .tagitems a.tag:hover{color:var(--MainColor,#db4646);}

/*电影详情：演员*/
.films-section .films-infos .baseinfo .infos .performers{
    width: 100%;line-height: 30px;padding: 5px 3px;
    font-size: 14px;color: #666;
    display: flex;align-items: center;flex-wrap: wrap;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
}
.films-section .films-infos .baseinfo .infos .performers b.tit{color: #718096;font-weight: normal;}
.films-section .films-infos .baseinfo .infos .performers a{color: #718096;text-decoration: none;transition: color 0.3s;cursor: pointer;}
.films-section .films-infos .baseinfo .infos .performers a:hover{color: var(--MainColor,#db4646);}
.films-section .films-infos .baseinfo .infos .performers span.slash{padding: 0px 5px;color: #d7dae1}

.films-section .films-infos .baseinfo .infos .intro{width: 100%;line-height: 30px;font-size: 14px;color: #666;margin-top: 20px;padding: 0px 3px;overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;}

.films-section .films-infos .baseinfo .downs{display: flex;flex-direction: column;align-items: flex-start;margin-top: 20px;margin-bottom: 10px;}
.films-section .films-infos .baseinfo .downs .downitems{display: flex;align-items: stretch;}
.films-section .films-infos .baseinfo .downs .downitems .downbtn{padding: 13px 30px;background-color: var(--MainColor,#db4646);color: #fff;font-size: 14px;font-weight: bold;cursor: pointer;display: flex;align-items: center;transition: all 0.5s}
.films-section .films-infos .baseinfo .downs .downitems .downbtn i{margin-right: 5px;}
.films-section .films-infos .baseinfo .downs .downitems .downbtn:hover{opacity: 0.7}
.films-section .films-infos .baseinfo .downs .downitems .downtips{display: flex;align-items: center;justify-content: center;padding: 14px 25px;background-color: #f7f9fc;color: #666;font-size: 12px;}
.films-section .films-infos .baseinfo .downs .downitems .downtips .tips b{color: var(--MainColor,#db4646);padding: 0px 5px;cursor: pointer;}
.films-section .films-infos .baseinfo .downs .downitems .downtips .tips i{margin-right: 5px;}
.films-section .films-infos .baseinfo .downs .downitems .downtips .tips-unlogin{background-color: #f7f9fc;color: #666}
.films-section .films-infos .baseinfo .downs .downitems .downtips .tips-unlogin b{color: var(--MainColor,#db4646);padding: 0px 5px;cursor: pointer;}
.films-section .films-infos .baseinfo .downs .downitems .downtips .tips-unlock{background-color: #f7f9fc;color: #666}
.films-section .films-infos .baseinfo .downs .downitems .downtips .tips-unlock b{color: var(--MainColor,#db4646);padding: 0px 5px;cursor: pointer;}

.films-section .films-infos .films_narrate{width: 100%;padding-bottom: 58%;position: relative;}
.films-section .films-infos .films_narrate .filmbox{position: absolute;top: 0px;right: 0px;left: 0px;bottom: 0px;}
.films-section .films-infos .films_narrate iframe{width: 100%;height: 100%}

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

    .films-section .films-infos .baseinfo{display: flex;flex-direction: column;align-items: center;padding: 10px;}
    .films-section .films-infos .baseinfo .thumb{width: 100%;height: 100%;}
    .films-section .films-infos .baseinfo .infos{width: 100%;padding: 5px;}
    .films-section .films-infos .baseinfo .infos .head{margin-top: 15px;align-items: flex-start;}
    .films-section .films-infos .baseinfo .infos .head .douban{margin-top: 3px;}
    .films-section .films-infos .baseinfo .relas{width:100%}
    .films-section .films-theme .theme-items .items{width: 100%}
}

.films-downs-modal{position: fixed;top: 0px;right: 0px;left: 0px;bottom: 0px;background: rgba(0, 0, 0, 0.1);z-index: 9999;height: 100%;overflow: hidden;display: none;}
.films-downs-modal .films-downs-flex{width: 100%;height: 100%;padding: 1%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.films-downs-modal .films-downs-box{width: 96%;max-width: 900px;height: auto;background: #fff;border-radius: 10px;padding:50px 2%;display: flex;flex-direction: column;position: relative;}
.films-downs-modal .films-downs-box .download-title{font-size: 16px;font-weight: bold;text-align: center;position: relative;font-weight: bold;}
.films-downs-modal .films-downs-box .download-tips{display:flex;justify-content: center;padding:15px 0px;color:#db8b0e}
.films-downs-modal .films-downs-box .download-tools{display:flex;justify-content: center;padding-top:8px;color:red;font-weight:bold;}
.films-downs-modal .films-downs-box .download-types{display: flex;align-items: center;justify-content: center;margin: 10px 0px 10px 0px}
.films-downs-modal .films-downs-box .download-types .item{padding:10px 20px;font-size: 14px;border-bottom: 3px solid #eee;cursor: pointer;}
.films-downs-modal .films-downs-box .download-types .item-on{border-bottom: 3px solid var(--MainColor,'#db4646');}

.films-downs-modal .films-downs-box .download-items{width: 100%;height: 600px;overflow-y: auto;}
.films-downs-modal .films-downs-box .download-items .magnets{padding:10px;}
.films-downs-modal .films-downs-box .download-items .magnets .item{padding:27px 20px;border:1px solid #f0f0f0;transition: all 0.5s;overflow: hidden;height: 100px;cursor: pointer;margin:20px 0px;border-radius: 10px}
.films-downs-modal .films-downs-box .download-items .magnets .item .info{display: flex;align-items: center;padding:15px 5px;height: 50px;margin-bottom: 10px}
.films-downs-modal .films-downs-box .download-items .magnets .item .info .title{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#666;font-weight: bold;transition: color 0.5s;}
.films-downs-modal .films-downs-box .download-items .magnets .item .info .pubdate{width:120px;text-align: center;flex-shrink: 1;color:#999;transition: color 0.5s;}
.films-downs-modal .films-downs-box .download-items .magnets .item .info .size{width:100px;text-align: center;flex-shrink: 1;color:#999;transition: color 0.5s;}
.films-downs-modal .films-downs-box .download-items .magnets .item .info .downbtn{width:100px;text-align: center;flex-shrink: 1;background-color: #333;padding:3px 10px;border-radius: 5px;color:#fff;margin-left: 20px;transition: color 0.5s;}
.films-downs-modal .films-downs-box .download-items .magnets .item .magnet{display: flex;align-items: center;padding:10px;cursor: pointer;height:40px}
.films-downs-modal .films-downs-box .download-items .magnets .item .magnet .url{padding:3px 5px;color:#aaa;border-radius: 5px;display: flex;align-items: center;}
.films-downs-modal .films-downs-box .download-items .magnets .item .magnet .url i{font-size: 14px;margin-right: 3px}
.films-downs-modal .films-downs-box .download-items .magnets .item .magnet .copy{padding:3px;border-radius: 5px;margin-left: 10px;color:#d1ba77;}

@media screen and (min-width:700px){
.films-downs-modal .films-downs-box .download-items .magnets .item:hover{height: 100px;background-color: var(--BackColor,'#f0f0f0') ;border-radius: 10px;padding:0px 20px}
.films-downs-modal .films-downs-box .download-items .magnets .item:hover .info{margin-bottom: 0px;padding-bottom: 0px}
.films-downs-modal .films-downs-box .download-items .magnets .item:hover .info .downbtn{background-color: var(--MainColor,'#db4646')}
}
@media screen and (max-width:500px){
    .films-downs-modal .films-downs-box .download-items .magnets{padding:0px}
    .films-downs-modal .films-downs-box .download-items .magnets .item{padding:10px 5px;height: auto;}
    .films-downs-modal .films-downs-box .download-items .magnets .item .info{margin-bottom:0px}
    .films-downs-modal .films-downs-box .download-items .magnets .item .info .pubdate{display: none}
    .films-downs-modal .films-downs-box .download-items .magnets .item .magnet{flex-direction: column;height: auto;}
    .films-downs-modal .films-downs-box .download-items .magnets .item .magnet .url{width:100%;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block}
}

.films-downs-modal .films-downs-box .download-items .yundowns{display: none;padding:10px}

.films-downs-modal .films-downs-box .download-items .yundowns .item{display: flex;padding: 15px 10px;text-decoration:none;background-color: #f5f5f5;margin:20px 0px;border-radius: 10px;transition: all 0.5s;}
.films-downs-modal .films-downs-box .download-items .yundowns .item:last-child{border-bottom: 0px;}
.films-downs-modal .films-downs-box .download-items .yundowns .item .infos{width: 100%;flex-shrink: 1;}
.films-downs-modal .films-downs-box .download-items .yundowns .item .infos .head{display:flex;align-items:center;justify-content: space-between;padding:10px 20px}
.films-downs-modal .films-downs-box .download-items .yundowns .item .infos .head h3.title{font-size: 16px;font-weight: bold;line-height:40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.films-downs-modal .films-downs-box .download-items .yundowns .item .infos .head .date{display: flex;align-items: center;padding:0px 10px;color:#aaa}
.films-downs-modal .films-downs-box .download-items .yundowns .item .infos .head .date i{font-size: 14px;margin-right: 5px}

.films-downs-modal .films-downs-box .download-items .yundowns .item .infos .head .down{min-width:70px;background-color: var(--MatchColor,'#2c2c2c');padding:3px 10px;border-radius: 5px;color:#fff;font-size: 12px;border-radius: 5px;display: flex;align-items: center;transition: all 0.5s}
.films-downs-modal .films-downs-box .download-items .yundowns .item .infos .head .down i{font-size: 14px;margin-right: 5px}

.films-downs-modal .films-downs-box .download-items .yundowns .item .infos .file-node{padding: 0px 20px 10px 50px;border-radius: 5px;}
.films-downs-modal .films-downs-box .download-items .yundowns .item .infos .file-node p.node-item{line-height: 40px;position: relative;padding-left: 15px;font-size: 14px;color: #666}
.films-downs-modal .films-downs-box .download-items .yundowns .item .infos .file-node p::before {content: "|-";position: absolute;top: -1px;left: 0;}

.films-downs-modal .films-downs-box .download-items .yundowns .item .attrs{display: flex;align-items: center;padding:12px 20px 10px 45px;border-top:1px solid #eee;}
.films-downs-modal .films-downs-box .download-items .yundowns .item .attrs .it{padding: 5px 0px;margin-right: 30px;font-size: 12px;display: flex;align-items: center;color: #999}
.films-downs-modal .films-downs-box .download-items .yundowns .item .attrs .it i{margin-right: 5px;font-size: 14px}

.films-downs-modal .films-downs-box .download-items .yundowns .item:hover{box-shadow: 0px 0px 10px #ddd;background-color: #fff}
.films-downs-modal .films-downs-box .download-items .yundowns .item:hover .infos .head h3.title{color:#333}
.films-downs-modal .films-downs-box .download-items .yundowns .item:hover .infos .head .down{padding:8px 20px;background-color: var(--MainColor,'#db4646')}

@media screen and (max-width:500px){
    .films-downs-modal .films-downs-box .download-items .yundowns .item{padding:5px}
    .films-downs-modal .films-downs-box .download-items .yundowns .item .infos .head{padding:10px 8px}
    .films-downs-modal .films-downs-box .download-items .yundowns .item .infos .file-node{padding:0px 10px 10px 20px}
    .films-downs-modal .films-downs-box .download-items .yundowns .item .attrs{padding:12px 10px 10px 15px;}
    .films-downs-modal .films-downs-box .download-items .yundowns .item:hover .infos .head .down{padding:3px 10px;background-color: var(--MatchColor,'#2c2c2c');}
}
.films-downs-modal .films-downs-box .download-items .downinfo-empty{width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 30px 0px;background: #f0f0f0;margin: 20px 0px;}
.films-downs-modal .films-downs-box .download-items .downinfo-empty .ico{color: #aaa;}
.films-downs-modal .films-downs-box .download-items .downinfo-empty .ico i{font-size: 50px;color: #d6d6d6}
.films-downs-modal .films-downs-box .download-items .downinfo-empty .ico .square{margin: 10px 0px;}
.films-downs-modal .films-downs-box .download-items .downinfo-empty .tips{font-size: 12px;color: #aaa;padding-top: 20px;}

.films-downs-modal .films-downs-box .modal-close{position: absolute;top: 15px;right: 15px;font-weight: bold;cursor: pointer;width: 30px;height: 30px;border-radius: 15px;background: #333;color: #fff;text-align: center;line-height: 30px;}
.films-downs-modal .films-downs-box .modal-close:hover{background-color: var(--MatchColor,#db4646);color: #fff}

@media screen and (max-width:768px){
    .films-downs-modal .films-downs-box{width: 100%;}
    .films-downs-modal .films-downs-box .download-items .downitems .item{overflow: hidden;padding:20px 10px;}
    .films-downs-modal .films-downs-box .download-items .downitems .item .title{display: block;width: 100%}
    .films-downs-modal .films-downs-box .download-items .downitems .item .btns .btn{padding: 5px;margin-right: 10px}
    .films-downs-modal .films-downs-box .download-items .downitems .item .btns .btn:last-child{margin-right: 0px;}
}