/* ------------------------------ 工具包箱首页 ------------------------------ */
.TIN-body{overflow-x:hidden;overflow-y:auto;width:100%;height:100%;position:relative;padding:60px 5% 0px;}
/*内容部分*/
.TIN-ul li{height:62px;width:100%;border:1px solid #eee;margin-bottom:15px;border-radius:4px;overflow:hidden;}
.TIN-ul a{height:62px;width:100%;display:inline-block;padding:0px 15px;}
.TIN-ul .p1{float:left;width:40px;margin-top:10px;}
.TIN-ul .p2{float:left;line-height:60px;font-size:16px;margin-left:15px;color:#333;}
.TIN-ul .p3{float:right;line-height:60px;color:#aaa;}


/* ------------------------------ 视频提取 ------------------------------ */
/*微信文章地址*/
.VIE-p2{font-size:16px;color:#333;height:20px;line-height:20px;}
.VIE-p3{border-bottom:1px solid #eee;height:41px;padding-right:68px;position:relative;}
.VIE-p3 input{height:100%;width:100%;}
.VIE-p3 span{position:absolute;background-color:#D0D0D0;height:30px;right:0px;top:5px;width:58px;text-align:center;line-height:30px;color:#fff;border-radius:2px;cursor:pointer;letter-spacing:1px;}
.VIE-p3 .add{background-color:#21AB51;cursor:pointer;}
/*视频地址*/
.VIE-p4{font-size:16px;color:#333;height:20px;line-height:20px;margin-top:30px;display:none;}
.VIE-p5{height:36px;margin-top:5px;}
.VIE-p5 span{height:36px;line-height:36px;}
.VIE-p5 .sp1{float:left;background-color:#F6F6F6;border-radius:3px;width:calc(100% - 90px);padding:0px 5px;overflow:hidden;}
.VIE-p5 .sp2{float:right;background-color: #D0D0D0;width:80px;text-align:center;color:#fff;border-radius:2px;cursor:pointer;letter-spacing:1px;}
.VIE-p5 .add{background-color:#21AB51;cursor:pointer;}
.VIE-ul li{padding:15px 0px;border-bottom:1px dashed #e7e8eb}
.VIE-ul li:last-child{border:0;}
.VIE-p6{font-size:15px;line-height:24px;color:#ff9600;margin:50px 0px 5px;font-weight:bold;letter-spacing:1px;}
.VIE-p7{font-size:14px;line-height:24px;color:#ff9600;}



/* ------------------------------ 微信图片提取 ------------------------------ */
/*微信文章地址*/
.IMG-p2{font-size:16px;color:#333;height:20px;line-height:20px;}
.IMG-p3{border-bottom:1px solid #eee;height:41px;padding-right:68px;position:relative;}
.IMG-p3 input{height:100%;width:100%;}
.IMG-p3 span{position:absolute;background-color:#D0D0D0;height:30px;right:0px;top:5px;width:58px;text-align:center;line-height:30px;color:#fff;border-radius:2px;cursor:pointer;letter-spacing:1px;}
.IMG-p3 .add{background-color:#21AB51;}
/*图片列表*/
.IMG-ul{font-size:0px;margin-top:15px;padding-bottom:50px;}
.IMG-ul li{width:33.33%;display:inline-block;vertical-align:middle;cursor:pointer;}
.IMG-ul li:nth-child(3n-2){padding:5px 10px 10px 0px;}
.IMG-ul li:nth-child(3n-1){padding:5px 5px 10px 5px;}
.IMG-ul li:nth-child(3n){padding:5px 0px 10px 10px;}
.IMG-ul li div{position:relative;width:100%;background-color:#f5f5f5;}
.IMG-ul li div:after{padding-top:100%;content:'';display:block;width:100%;}
.IMG-ul .p1{position:absolute;top:2px;left:2px;right:2px;bottom:2px;cursor:pointer;}
.IMG-ul .p1 img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);max-width:100%;max-height:100%;}
.IMG-ul .p2{position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.6);text-align:center;line-height:40px;display:none;}
.IMG-ul span{position:absolute;width:40px;height:40px;top:50%;left:50%;margin-left:-20px;margin-top:-20px;color:#fff;font-size:30px;}
.IMG-ul .add .p2{display:block;}
/*底部按钮*/
.IMG-foot{position:fixed;bottom:0px;left:0px;width:100%;background-color:#fff;height:51px;border-top:1px solid #eee;padding:0px 10px 0px 0px;}
.IMG-foot p{height:34px;margin-top:8px;line-height:34px;}
.IMG-foot .p1{float:left;padding:0px 10px;cursor:pointer;}
.IMG-foot .p1 b{float:left;width:18px;height:18px;border:1px solid #eee;margin-top:8px;text-align:center;line-height:16px;border-radius:2px;font-size:12px;color:#fff;}
.IMG-foot .p1 span{float:left;margin-left:5px;}
.IMG-foot .p2{background-color:#D0D0D0;color:#fff;padding:0px 10px;float:right;border-radius:2px;cursor:pointer;}
.IMG-foot .p3{float:right;color:#aaa;}
.IMG-foot .add1 b{background-color:#21AB51;cursor:pointer;}
.IMG-foot .add2{background-color:#21AB51;cursor:pointer;}


/* ------------------------------ 封面图提取 ------------------------------ */
/*微信文章地址*/
.COV-p2{font-size:16px;color:#333;height:20px;line-height:20px;}
.COV-p3{border-bottom:1px solid #eee;height:41px;padding-right:68px;position:relative;}
.COV-p3 input{height:100%;width:100%;}
.COV-p3 span{position:absolute;background-color:#D0D0D0;height:30px;right:0px;top:5px;width:58px;text-align:center;line-height:30px;color:#fff;border-radius:2px;cursor:pointer;letter-spacing:1px;}
.COV-p3 .add{background-color:#21AB51;}
/*封面图*/
.COV-p4{width:100%;margin-top:30px;}
.COV-p4 img{width:100%;}
/*底部按钮*/
.COV-foot{position:fixed;bottom:0px;left:0px;width:100%;background-color:#fff;height:51px;border-top:1px solid #eee;padding:0px 10px 0px 10px;}
.COV-foot p{height:34px;margin-top:8px;line-height:34px;float:right;}
.COV-foot .p2{background-color:#D0D0D0;color:#fff;padding:0px 10px;border-radius:2px;cursor:pointer;}
.COV-foot .p3{color:#aaa;}
.COV-foot .add2{background-color:#21AB51;cursor:pointer;}


/* ------------------------------ 背景图提取 ------------------------------ */
/*微信文章地址*/
.BGI-p2{font-size:16px;color:#333;height:20px;line-height:20px;}
.BGI-p3{border-bottom:1px solid #eee;height:41px;padding-right:68px;position:relative;}
.BGI-p3 input{height:100%;width:100%;}
.BGI-p3 span{position:absolute;background-color:#D0D0D0;height:30px;right:0px;top:5px;width:58px;text-align:center;line-height:30px;color:#fff;border-radius:2px;cursor:pointer;letter-spacing:1px;}
.BGI-p3 .add{background-color:#21AB51;}
/*背景图片列表*/
.BGI-ul{font-size:0px;margin-top:15px;padding-bottom:50px;}
.BGI-ul li{width:50%;display:inline-block;vertical-align:middle;cursor:pointer;}
.BGI-ul li:nth-child(2n-1){padding:5px 10px 10px 0px;}
.BGI-ul li:nth-child(2n){padding:5px 0px 10px 10px;}
.BGI-ul li div{position:relative;width:100%;background-color:#f5f5f5;}
.BGI-ul li div:after{padding-top:100%;content:'';display:block;width:100%;}
.BGI-ul .p1{position:absolute;top:2px;left:2px;right:2px;bottom:2px;cursor:pointer;}
.BGI-ul .p1 img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);max-width:100%;max-height:100%;}
.BGI-ul .p2{position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.6);text-align:center;line-height:40px;display:none;}
.BGI-ul span{position:absolute;width:40px;height:40px;top:50%;left:50%;margin-left:-20px;margin-top:-20px;color:#fff;font-size:30px;}
.BGI-ul .add .p2{display:block;}
/*底部按钮*/
.BGI-foot{position:fixed;bottom:0px;left:0px;width:100%;background-color:#fff;height:51px;border-top:1px solid #eee;padding:0px 10px 0px 0px;}
.BGI-foot p{height:34px;margin-top:8px;line-height:34px;cursor:pointer;}
.BGI-foot .p1{float:left;padding:0px 10px;}
.BGI-foot .p1 b{float:left;width:18px;height:18px;border:1px solid #eee;margin-top:8px;text-align:center;line-height:16px;border-radius:2px;font-size:12px;color:#fff;}
.BGI-foot .p1 span{float:left;margin-left:5px;}
.BGI-foot .p2{background-color:#D0D0D0;color:#fff;padding:0px 10px;float:right;border-radius:2px;cursor:pointer;}
.BGI-foot .p3{float:right;color:#aaa;}
.BGI-foot .add1 b{background-color:#21AB51;}
.BGI-foot .add2{background-color:#21AB51;}


/* ------------------------------ 短网址 ------------------------------ */
/*微信文章地址*/
.SOL-p2{font-size:16px;color:#333;height:20px;line-height:20px;}
.SOL-p3{border-bottom:1px solid #eee;height:41px;padding-right:68px;position:relative;}
.SOL-p3 input{height:100%;width:100%;}
.SOL-p3 span{position:absolute;background-color:#D0D0D0;height:30px;right:0px;top:5px;width:58px;text-align:center;line-height:30px;color:#fff;border-radius:2px;cursor:pointer;letter-spacing:1px;}
.SOL-p3 .add{background-color:#21AB51;}
/*视频地址*/
.SOL-p4{font-size:16px;color:#333;height:20px;line-height:20px;margin-top:30px;}
.SOL-p5{height:40px;background-color:#F6F6F6;border-radius:3px;margin-top:10px;line-height:40px;overflow:hidden;padding:0px 8px;}
/*按钮*/
.SOL-p6{margin-top:15%;font-size:16px;text-align:center;background-color:#D0D0D0;height:44px;line-height:44px;color:#fff;border-radius:3px;}
.SOL-p6-add{cursor:pointer;background-color:#21AB51}


/* ------------------------------ 临时转永久链接 ------------------------------ */
/*微信文章地址*/
.FOR-p2{font-size:16px;color:#333;height:20px;line-height:20px;}
.FOR-p3{border-bottom:1px solid #eee;height:41px;padding-right:68px;position:relative;}
.FOR-p3 input{height:100%;width:100%;}
.FOR-p3 span{position:absolute;background-color:#D0D0D0;height:30px;right:0px;top:5px;width:58px;text-align:center;line-height:30px;color:#fff;border-radius:2px;cursor:pointer;letter-spacing:1px;}
.FOR-p3 .add{background-color:#21AB51;}
/*视频地址*/
.FOR-p4{font-size:16px;color:#333;height:20px;line-height:20px;margin-top:30px;}
.FOR-p5{height:40px;background-color:#F6F6F6;border-radius:3px;margin-top:10px;line-height:40px;overflow:hidden;padding:0px 8px;word-break:keep-all; white-space:nowrap;}
/*按钮*/
.FOR-p6{margin-top:15%;font-size:16px;text-align:center;background-color:#D0D0D0;height:44px;line-height:44px;color:#fff;border-radius:3px;}
.FOR-p6-add{cursor:pointer;background-color:#21AB51}

.TIN-tips{
    font-size: 12px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #ff9600;
    text-align: center;
    margin: 40px 0 0;

}

/* ------------------------------ 电影台词拼接截图 ------------------------------ */
.TIN-body{padding-top: 30px;}
.Fi-top{font-size: 0;text-align: center;}
.Fi-top>*{display: inline-block;vertical-align: middle;font-size: 14px}
.Fi-top .title{width: 50px;margin: 0 8px 0 0;}
.Fi-top .rules-cont{max-width: calc(100% - 58px);}
.Fi-addimg{height: 40px;margin:20px auto 0;cursor: pointer; text-align: center; line-height: 40px;background-color: #21AB51;color: #fff;border-radius: 3px;}
.Fi-addimg>img{max-width: 18px;max-height: 18px;vertical-align: middle;margin: 0 10px 0 0;}
.Fi-top .layui-form-select dl dd.layui-this{background-color:#21AB51}
.Fi-L-ul{width:100%;margin: 20px 0;}
.Fi-L-li{width:100%;position:relative;font-size:14px;margin-bottom:15px;box-shadow: 0 0 2px 1px #ddd;}
.Fi-L-li .p1{width:100%;}
.Fi-L-li .p1 img{width:100%;}
.Fi-L-li .p2{position:absolute;top:5px;right:5px;color:#fff;z-index:10;font-size: 0;z-index: 1010;}
.Fi-L-li .p2 span{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: 25px;
    height: 25px;
    margin: 0 0 0 2px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
    background-color: #000;
}
.Fi-L-li .p3{position:absolute;top:0px;left:0px;width:100%;height:calc(100% - 50px);background-color:rgba(0,0,0,0.5);z-index:5;}
.Fi-L-li .p4{position:absolute;width:100%;height:3px;background-color:#fff;top:calc(100% - 50px);left:0px;z-index:10;cursor: n-resize;}
.Fi-L-li .p4 span,
.Fi-L-li .p5 span{
    position:absolute;
    width: 26px;
    height: 26px;
    top:-12px;
    left:50%;
    margin-left:-13px;
    padding: 5px;
    box-sizing: border-box;
}
.Fi-L-li .p4 b{display: inline-block; height:16px;width:16px;border:2px solid #fff;background-color:#44b549;border-radius:50%;z-index:10;}
.Fi-L-li .p5{position:absolute;width:100%;height:3px;background-color:#fff;top:100%;left:0px;z-index:20;cursor: n-resize;}
.Fi-L-li .p5 b{display: inline-block; height:16px;width:16px;border:2px solid #fff;background-color:#44b549;border-radius:50%;z-index:10;}
.Fi-L-li .p6{position:absolute;bottom:0px;left:0px;width:100%;height:0;background-color:rgba(0,0,0,0.5);z-index:5;}
.Fi-L-li .p7{position: absolute;left: 0;top:0;right: 0;bottom: 0;background-color: rgba(255,255,255,0);}
.Fi-L-li:first-child .p3,.Fi-L-li:first-child .p4,.Fi-L-li:first-child .Fi-up,.Fi-L-li:last-child .Fi-down{display: none;}
.Fi-changeImg{
    position: relative;
    overflow: hidden;
}
.Fi-changeImg>input{
    position: absolute;
    height: 100%;
    top:0;
    right: 0;
    cursor: pointer;
    opacity: 0;
    font-size: 20px;
}
.Fi-subtitle-body{
    padding: 20px;
}
.Fi-subtitle-list{
    font-size: 0;
    margin: 0 0 30px 0;
}
.Fi-subtitle-list:last-child{
    margin: 0;
}
.Fi-subtitle-list>div{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}
.Fi-subtitle-list .subtitle-input{
    width: calc(100% - 42px);
}
.Fi-subtitle-list .layui-form-select{
    width: 100px;
    margin: 0 20px 0 0;
}
.Fi-subtitle-list .layui-form-select .layui-input{
    height: 30px;
    line-height: 20px;
}
.Fi-subtitle-list .layui-form-select dl dd{
    height: 30px;
    line-height: 30px;
}
.Fi-subtitle-list .layui-input{
    height: 30px;
    line-height: 20px;
}
.Fi-subtitle-list>div.color-render{
    width: 20px;
    height: 20px;
    margin: 0 0 0 5px;
    line-height: 20px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #ffffff;
    box-shadow: 0 0 2px 1px #ccc;
}
.Fi-subtitle-list>div.color-render:hover{
    opacity: .8;
}
.layer-Fi-subtitle .layui-layer-title{
    padding: 0;
}
/* 字体颜色 */
.color-cont{
    padding:20px 0 10px;
}
.Fi-subtitle-p{
    position: absolute;
    width: 100%;
    padding: 0 20px;
    text-align: center;
    word-break: break-all;
}
.color-type-cont{
    font-size: 0;
    overflow-x: auto;
    overflow-y: auto;
    word-break: keep-all;
    white-space: nowrap;
}
.color-type{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    height: 100%;
    color: #333;
    font-size: 16px;
    padding: 0px 15px;
}
.color-type.active>p{
    color: #21AB51;
    font-weight: bold;
}
.color-type>p{
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    color: #000;
}
.color-type .under-line{
    position: absolute;
    height: 4px;
    width: 20px;
    border-radius: 5px;
    bottom: 0px;
    left: 50%;
    margin-left: -10px;
    background-color: transparent;
}
.color-type.active>p{
    color: #21AB51;
    font-weight: bold;
}
.color-type.active .under-line{
    background-color: #21AB51;
}
.color-main-list{
    font-size: 0;
    padding: 10px;
}
.color-main-list li{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% / 10);
    font-size: 12px;
    border-radius: 2px;
    cursor: pointer; 
}
.color-main-list li::before{
    display: block;
    content: '';
    padding: 100% 0 0;  
}
.color-main-list li>p{
    position: absolute;
    left: 3px;
    right: 3px;
    bottom: 3px;
    top: 3px;
    border-radius: 2px;
    outline: 1px solid #eee;
}
.color-main-list li img {
    border-radius: 2px;
}
.layer-Fi-color .layui-layer-close2{
    right: -5px !important;
    top: -8px !important;
}
/* 底部按钮 */
.Fi-footer{
    display: none;
    font-size: 0;
    margin: 25px 0;
}
.Fi-footer>div{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: calc((100% - 20px) / 2);
    height: 36px;
    line-height: 36px;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    text-align: center;
    background-color: #21AB51;
}
.Fi-R-keep{
    margin: 0 0 0 20px;
}
.tools-sptq-c .p1{margin:20px 0px 10px;font-size:16px;color:#333;letter-spacing:1px;}
.tools-sptq-c .p2{margin: 5px 0 0; line-height:22px;color:#666;letter-spacing:1px;}

.Fi-R-cont{
    position: absolute;
    left: -200%;
    top: 0;
    width: 100%;
}
/* 导出图片存放地方 */
.Fi-show-img{
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 20000;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background-color: #fff;
}
.Fi-show-img img{
    width: 100%;
    height: auto;
}
.Fi-tips{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 26px;
    line-height: 26px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
    background-color: #21AB51;
}

/* 返回 */
.TEP-back{
    position: fixed;
    top: 70%;
    right: 20px;
    width:80px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    border-radius: 5px;
    z-index: 220;
    font-size: 14px;
    letter-spacing: 2px;
    background-color: #21AB51;
}
.TEP-back i{margin-right: 5px;}