.foreignTradeVlog {background: #F5F6F8;}
.foreignTradeVlog .list-nav{background: #fff;border-radius: 6px;padding: 0 25px;margin-top: 18px;box-sizing: border-box}
.foreignTradeVlog .list-nav .title .icon{float:left;width: 40px;height: 40px;display: inline-block;border-radius: 100%;background-color: #FF7517;text-align: center;line-height: 38px;color: #fff;font-size: 22px;margin-right: 20px}
.foreignTradeVlog .list-nav .title{font-size: 20px;padding-top: 20px;border-bottom: 1px solid #E8E8E8;padding-bottom: 28px;position: relative;}
.foreignTradeVlog .list-nav .title p{position: relative;top: 5px}
.foreignTradeVlog .list-nav .title span{color: #666666;font-size: 18px;display: inline-block;margin-left: 20px}
.foreignTradeVlog .nav-list{position: relative;border-bottom: 1px solid #E8E8E8;padding: 8px 0;}
.foreignTradeVlog .nav-list .type{color: #666;margin-right: 30px;}
.foreignTradeVlog .nav-list a{color: #666;margin-right: 30px;transition: all .4s; line-height: 26px; padding: 7px 0;display: inline-block}
.foreignTradeVlog .nav-list a.active{color:#39A6FF}
.foreignTradeVlog .nav-list a:hover{color:#39A6FF}
.foreignTradeVlog .personality{position: absolute;right: 0;top:28px;font-size: 14px;color: #FF7517}
.foreignTradeVlog .personality .book-icon{display: inline-block;margin-right: 10px}
.foreignTradeVlog .personality:hover {color:#39A6FF}
.foreignTradeVlog .curriculumby{background-color: #FFF; border-radius: 6px;padding: 0 25px;margin-top: 18px;box-sizing: border-box}
.foreignTradeVlog .curriculumby .nav-list{padding: 0 0}
.foreignTradeVlog .curriculumby .nav-list a{padding: 8px 0}
.foreignTradeVlog .curriculum-box .item{width: calc(25% - 18px);cursor: pointer;margin-top: 25px}
.foreignTradeVlog .curriculum-box .item .img-box{position: relative;border-radius: 6px;overflow: hidden;min-height: 156px;max-height: 156px;display: flex; align-items:center; justify-content:center;transition: all .4s;max-width: 280px;overflow: hidden}
.foreignTradeVlog .curriculum-box .item .img-box img{display: block;width: 100%;transition: all .4s}
.foreignTradeVlog .curriculum-box .item .img-box .bg{display: flex; align-items:center; justify-content:center ;background-color: rgba(0,0,0,0.4);opacity: 0;position: absolute;top: 0;bottom: 0;left: 0;right: 0;transition: all .4s}
.foreignTradeVlog .curriculum-box .item .img-box .bg .icon{color: #fff;font-size: 46px;}
.foreignTradeVlog .curriculum-box .item .img-box:hover .bg{opacity: 1;}
.foreignTradeVlog .curriculum-box .item .img-box:hover img{transform: scale(1.1);}
.foreignTradeVlog .curriculum-box .item .img-box .tag{ text-indent: -5px; position: absolute;top: 0;left: 0;display: inline-block;width: 70px;height: 22px;line-height: 22px;text-align: center;color: #fff;font-size: 12px;border-radius: 6px;border-bottom-left-radius: 0;border-top-left-radius: 0}
.foreignTradeVlog .curriculum-box .item .img-box .tag.free{ width: 51px;background-image: url(../image/index/index-free-bg.png);background-repeat: no-repeat;}
.foreignTradeVlog .curriculum-box .item .img-box .tag.member{ color: #774B23; background-image: url(../image/index/index-vip-bg.png);background-repeat: no-repeat;}
.foreignTradeVlog .curriculum-box .item .img-box .time{ font-size: 12px;color: #FFFFFF;line-height: 1; padding: 6px 10px; background-color: rgba(0, 0, 0, 0.5);border-radius: 4px;position: absolute;bottom: 10px;right: 10px;}
.foreignTradeVlog .curriculum-box .cont-box{padding: 0 9px 10px;background: #fff;box-sizing: border-box}
.foreignTradeVlog .curriculum-box .cont-box .title{margin-top: 13px;transition: all .4s;display: block;display: inline-block; white-space: nowrap;max-width:100%; overflow: hidden; text-overflow:ellipsis;}
.foreignTradeVlog .curriculum-box .cont-box .title:hover{color:#39A6FF }
.foreignTradeVlog .curriculum-box .cont-box .bot{margin-top: 8px;color: #999;font-size: 12px}
.foreignTradeVlog .curriculum-box .cont-box .bot .right{display: flex; align-items:center; justify-content:center}
.foreignTradeVlog .curriculum-box .cont-box .bot .look{color: #666;margin-right: 30px}
.foreignTradeVlog .curriculum-box .cont-box .bot .look .icon{position: relative;top:1px;color: #333}
.foreignTradeVlog .curriculum-box .cont-box .bot .right .icon{display: inline-block;margin-right: 10px;font-size: 16px}
.foreignTradeVlog .curriculum-box .cont-box .bot .right .collection .icon{color: #FF7517}
.foreignTradeVlog .curriculum-box .cont-box .bot .right span{transition: all .4s}
.foreignTradeVlog .curriculum-box .cont-box .bot .right span:hover{color:#39A6FF }
.foreignTradeVlog .curriculum-box .cont-box .bot p{ line-height: 26px;}
.foreignTradeVlog .curriculum-box .cont-box .bot span{ padding: 6px 10px; background: #E5F2FF; border-radius: 13px;font-size: 12px;color: #409EFE;line-height: 1;}
.foreignTradeVlog .pagination{text-align: right;margin-top: 60px}
.foreignTradeVlog .actual-combat{margin-bottom: 100px}
.foreignTradeVlog .actual-combat .tit{font-size: 16px;margin-top: 60px;margin-bottom: 20px}
.foreignTradeVlog .actual-combat .item{width: calc(100% / 3 - 14px);cursor: pointer}
.foreignTradeVlog .actual-combat .item .img-box{position: relative;border-radius: 10px;overflow: hidden;min-height: 150px}
.foreignTradeVlog .actual-combat .item .img-box:hover img{transform: scale(1.1);}
.foreignTradeVlog .actual-combat .item .img-box img{display: block;width: 100%;transition: all .4s}
.foreignTradeVlog .actual-combat .item .img-box .tag{z-index: 9;text-align:center;line-height:18px;font-size:12px;color: #39A6FF;position: absolute;top:10px; right:10px;;background-color: #fff;width: 47px;height: 18px;border-radius: 9px}
.foreignTradeVlog .actual-combat .item .img-box .tag.kt{color: #FD9147;}
.foreignTradeVlog .actual-combat .item .img-box .bg{display: flex; align-items:center; justify-content:center ;background-color: rgba(0,0,0,0.4);opacity: 0;position: absolute;top: 0;bottom: 0;left: 0;right: 0;transition: all .4s}
.foreignTradeVlog .actual-combat .item .img-box .bg .icon{color: #fff;font-size: 46px;}
.foreignTradeVlog .actual-combat .item .img-box:hover .bg{opacity: 1;}
.foreignTradeVlog .actual-combat .item .img-box:hover img{transform: scale(1.1);}
.foreignTradeVlog .actual-combat .item .cont{padding: 0 10px;box-sizing: border-box}
.foreignTradeVlog .actual-combat .item .cont .title{margin-top: 12px;font-size: 16px;margin-bottom: 12px;display: block;transition: all .4s}
.foreignTradeVlog .actual-combat .item .cont .title:hover{color:#39A6FF }
.foreignTradeVlog .actual-combat .item .cont .bot{color: #666}
.foreignTradeVlog .actual-combat .item .cont .bot .right{color: #999;font-size: 12px;position: relative;top: 2px}


.foreignTradeVlogPlay .polyvPlayer-box{margin-top: 25px}
.foreignTradeVlogPlay .polyvPlayer-box .plv-nav{width: 285px;background-color: #2D2D2D;min-height:519px;max-height:519px;overflow-y: auto;scrollbar-width:thin;}
.foreignTradeVlogPlay .polyvPlayer-box .plv-nav .item.active .name{color:#39a6ff }
.foreignTradeVlogPlay .polyvPlayer-box .plv-nav .item{padding: 16px 18px 17px 8px;position: relative;line-height: 1 }
.foreignTradeVlogPlay .polyvPlayer-box .plv-nav .item .tag{position: absolute;font-size: 12px;color: #FA8409;right: 20px;top: 21px}
.foreignTradeVlogPlay .polyvPlayer-box .plv-nav .item.active{background-color: #1E1E1E}
/* .foreignTradeVlogPlay .polyvPlayer-box .plv-nav .item.member .name{width: 185px;} */
.foreignTradeVlogPlay .polyvPlayer-box .plv-nav .item .name{font-size: 14px;color: #fff;transition: all .4s;display: inline-block; white-space: nowrap;max-width:100%; overflow: hidden; text-overflow:ellipsis;}
.foreignTradeVlogPlay .polyvPlayer-box .plv-nav .item .name:hover{color: #39a6ff}
.foreignTradeVlogPlay .polyvPlayer-box .plv-nav .item .name .icon{font-size: 17px; display: inline-block;margin-right: 10px;position: relative;top: 1px}
.foreignTradeVlogPlay .polyvPlayer-box .plv-nav .item .time{font-size: 12px;color: #999999;margin-top: 10px;padding-left: 32px}
.foreignTradeVlogPlay .polyvPlayer-box .plv-nav .item .time i {font-size: 12px;}
.foreignTradeVlogPlay .polyvPlayer-box .bot{height: 48px;background-color: #2D2D2D;line-height:48px;color: #fff;}
.foreignTradeVlogPlay .polyvPlayer-box .bot .teacher{width: 285px;line-height: 48px;text-align: center;color: #fff;font-size: 12px}
.foreignTradeVlogPlay .polyvPlayer-box .bot .text{padding: 0 30px;width: 100%;box-sizing: border-box}
.foreignTradeVlogPlay .polyvPlayer-box .bot .text .name{float: left; display: inline-block; font-size: 18px;margin-right: 20px;max-width:80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.foreignTradeVlogPlay .polyvPlayer-box .bot .text .exchange{ margin-top: 12px; float: left; font-size: 12px;color: #409EFE; line-height: 14px; padding: 5px 12px;border-radius: 12px;background: #E5F2FF;margin-right: 30px;}
.foreignTradeVlogPlay .polyvPlayer-box .bot .text .look {font-size: 12px;margin-right: 30px;}
.foreignTradeVlogPlay .polyvPlayer-box .bot .text .look .icon{float: left;margin-right: 6px}
.foreignTradeVlogPlay .polyvPlayer-box .bot .text .teacher{margin-right: 30px;}
.foreignTradeVlogPlay .polyvPlayer-box .bot .text .teacher .icon{font-size: 14px;margin-right: 6px}
.foreignTradeVlogPlay .polyvPlayer-box .bot .text .collection{cursor: pointer }
.foreignTradeVlogPlay .polyvPlayer-box .bot .text .collection .icon{font-size: 14px; display: inline-block;margin-right: 6px}
.foreignTradeVlogPlay .polyvPlayer-box .bot .text .collection.active{color: #FF7517}
.foreignTradeVlogPlay .curriculum-box .tit{font-size: 16px;margin-top: 60px; }
.foreignTradeVlogPlay .curriculum-box{margin-bottom: 80px}
.foreignTradeVlogPlay .curriculum-box .item{width: calc(25% - 18px);cursor: pointer;margin-top: 25px;position: relative;}
.foreignTradeVlogPlay .curriculum-box .item .img-box{position: relative;border-radius: 6px;overflow: hidden;max-width: 280px;overflow: hidden;min-height: 156px; max-height: 156px;}
.foreignTradeVlogPlay .curriculum-box .item .img-box img{display: block;width: 100%}
.foreignTradeVlogPlay .curriculum-box .item .img-box .bg{display: flex; align-items:center; justify-content:center ;background-color: rgba(0,0,0,0.4);opacity: 0;position: absolute;top: 0;bottom: 0;left: 0;right: 0;transition: all .4s}
.foreignTradeVlogPlay .curriculum-box .item .img-box .bg .icon{color: #fff;font-size: 46px;}
.foreignTradeVlogPlay .curriculum-box .item .img-box:hover .bg{opacity: 1;}
.foreignTradeVlogPlay .curriculum-box .item .img-box .tag{position: absolute;top: 0;left: 0;display: inline-block;width: 70px;height: 28px;line-height: 26px;text-align: center;color: #fff;font-size: 12px;border-radius: 6px;border-bottom-left-radius: 0;border-top-left-radius: 0}
.foreignTradeVlogPlay .curriculum-box .item .img-box .tag.free{ background-image: linear-gradient(#6ABCFF, #0487F2);}
.foreignTradeVlogPlay .curriculum-box .item .img-box .tag.member{ background-image: linear-gradient(#FFA365,#FF7517);}
.foreignTradeVlogPlay .curriculum-box .cont-box{padding: 0 9px;box-sizing: border-box}
.foreignTradeVlogPlay .curriculum-box .cont-box .title{margin-top: 13px;transition: all .4s;display: block; }
.foreignTradeVlogPlay .curriculum-box .cont-box .title a{transition: all .4s; display: inline-block; white-space: nowrap;max-width:100%; overflow: hidden; text-overflow:ellipsis;}
.foreignTradeVlogPlay .curriculum-box .cont-box .title:hover a{color:#39A6FF }
.foreignTradeVlogPlay .curriculum-box .cont-box .tag-box.title a{max-width: 100%}
.foreignTradeVlogPlay .curriculum-box .cont-box .title .tag{left:5px;font-size:12px;position:relative;top:-5px;width: 34px;height: 19px;display: inline-block;text-align: center;line-height: 17px;border-radius: 2px}
.foreignTradeVlogPlay .curriculum-box .cont-box .title .tag.red{background-color: #FFD9D9;color: #F32F2F}
.foreignTradeVlogPlay .curriculum-box .cont-box .bot{margin-top: 8px;color: #999;font-size: 12px}
.foreignTradeVlogPlay .curriculum-box .cont-box .bot .right{display: flex; align-items:center; justify-content:center}
.foreignTradeVlogPlay .curriculum-box .cont-box .bot .look{color: #666;margin-right: 30px}
.foreignTradeVlogPlay .curriculum-box .cont-box .bot .look .icon{position: relative;top:1px;color: #333}
.foreignTradeVlogPlay .curriculum-box .cont-box .bot .right .icon{display: inline-block;margin-right: 10px;font-size: 16px}
.foreignTradeVlogPlay .curriculum-box .cont-box .bot .right .collection .icon{color: #FF7517}
.foreignTradeVlogPlay .curriculum-box .cont-box .bot .right span{transition: all .4s}
.foreignTradeVlogPlay .curriculum-box .cont-box .bot .right span:hover{color:#39A6FF }

.foreignTradeVlogPlay .plv-box{width: calc(100% - 285px);height:519px;background-color: #666;display: flex; align-items:center; justify-content:center}
.foreignTradeVlogPlay .plv-box .dialog{box-sizing:border-box;width: 400px;height: 200px;border-radius: 10px;text-align: center;background-color: #fff;padding-top: 30px;}
.foreignTradeVlogPlay .plv-box .dialog .text{font-size: 18px;line-height: 30px;}
.foreignTradeVlogPlay .plv-box .dialog .text1{font-size: 14px;color: #999999;line-height: 30px;}
.foreignTradeVlogPlay .plv-box .dialog .btns{ justify-content: center;}
.foreignTradeVlogPlay .plv-box .dialog .btn{width: 148px;height: 40px;margin-top: 32px;background-color: #FA8409;color: #fff;display: inline-block;line-height: 40px;border-radius: 20px}
.foreignTradeVlogPlay .plv-box .dialog .btn:first-child{background: #FA8409;color: #FFFFFF;margin-right: 10px;}
.foreignTradeVlogPlay .plv-box .dialog .btn:last-child{background: #FFDCAB;color: #704300;}

.foreignTradeKnowledge { background-color: #f5f5f5}
.foreignTradeKnowledge .curriculumby{background: #FFF;border-radius: 6px;padding: 0 25px;margin-top: 18px}
.foreignTradeKnowledge .curriculumby .nav-list{position: relative;border-bottom: 1px solid #E8E8E8;padding: 17px 0;}
.foreignTradeKnowledge .curriculumby .nav-list a{color: #666;margin-right: 30px;transition: all .4s;line-height: 26px;padding: 7px 0;; display: inline-block}
.foreignTradeKnowledge .curriculumby .nav-list a.active{color:#39A6FF}
.foreignTradeKnowledge .curriculumby .nav-list a:hover{color:#39A6FF}
.foreignTradeKnowledge .seach-box{border-radius: 23px;/*float: right;*/overflow: hidden;background-color: #fff;width: 280px;margin-top: 15px}
.foreignTradeKnowledge .seach-box .text{box-sizing:border-box;height: 32px;display: inline-block;width: calc(100% - 60px);padding : 0 12px}
.foreignTradeKnowledge .seach-box .submit{display: inline-block;width: 60px;height: 32px;background-color: #39A6FF;color: #fff;text-align: center}
.foreignTradeKnowledge .list-box .list{background: #FFFFFF; border-radius: 10px;padding: 20px;margin-top: 20px;cursor: pointer}
.foreignTradeKnowledge .list-box .list:nth-of-type(1){border-bottom: none}
.foreignTradeKnowledge .list-box .list .img-box{width: 208px;border-radius: 6px;overflow: hidden;max-height: 128px}
.foreignTradeKnowledge .list-box .list .img-box:hover img{transform: scale(1.1);}
.foreignTradeKnowledge .list-box .list .img-box img{display: block;width: 100%;transition: all .4s}
.foreignTradeKnowledge .list-box .list .cont{width: calc(100% - 230px)}
.foreignTradeKnowledge .list-box .list .cont .name{margin-top: 30px; font-size: 18px; line-height: 22px; transition: all .4s}
.foreignTradeKnowledge .list-box .list .cont .name:hover{color:#39A6FF }
.foreignTradeKnowledge .list-box .list .cont .text{font-size: 14px;color: #666;margin: 10px 0 25px;line-height: 18px;;transition: all .4s;word-break:break-all;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.foreignTradeKnowledge .list-box .list .cont .text:hover{color:#39A6FF }
.foreignTradeKnowledge .list-box .list .cont .time{font-size: 12px;color: #999}
.foreignTradeKnowledge .pagination{margin-top: 60px;margin-bottom: 100px}


.foreignTradeKnowledgeDetails{background-color:#f5f5f5 }
.foreignTradeKnowledgeDetails .curriculumby{background: #fff;border-radius: 6px;padding: 0 25px;margin-top: 18px;box-sizing: border-box}
.foreignTradeKnowledgeDetails .curriculumby .nav-list{position: relative;background-color: #fff}
.foreignTradeKnowledgeDetails .curriculumby .nav-list a{color: #999;margin-right: 30px;transition: all .4s;padding: 24px 0 27px;display: inline-block}
.foreignTradeKnowledgeDetails .curriculumby .nav-list a.active{color:#39A6FF}
.foreignTradeKnowledgeDetails .curriculumby .nav-list a:hover{color:#39A6FF}
.foreignTradeKnowledgeDetails .seach-box{border-radius: 16px;float: right;overflow: hidden;background-color:#F5F6F8;width: 280px;margin-top: 15px}
.foreignTradeKnowledgeDetails .seach-box .text{box-sizing:border-box;height: 32px;display: inline-block;width: calc(100% - 60px);padding : 0 12px}
.foreignTradeKnowledgeDetails .seach-box .submit{display: inline-block;width: 60px;height: 32px;background-color: #39A6FF;color: #fff;text-align: center}
.foreignTradeKnowledgeDetails .details-box{margin-top: 30px}
.foreignTradeKnowledgeDetails .details-box .details{ width: calc(100% - 360px);  }
.foreignTradeKnowledgeDetails .details-box .details-cont{padding: 40px 60px; box-sizing: border-box;border-radius: 10px;background-color: #fff}
.foreignTradeKnowledgeDetails .details-box .details .name{font-size: 18px;text-align: center}
.foreignTradeKnowledgeDetails .details-box .details .message{color: #999;text-align: center;margin-top: 20px}
.foreignTradeKnowledgeDetails .details-box .details .message .text{color: #666;margin-right: 30px}
.foreignTradeKnowledgeDetails .details-box .details .message i{display: inline-block;margin: 0 5px}
.foreignTradeKnowledgeDetails .details-box .details .cont{margin-top: 65px}
.foreignTradeKnowledgeDetails .details-box .details .cont .text{color: #666;line-height: 1.8;margin-bottom: 30px}
.foreignTradeKnowledgeDetails .details-box .details .cont img{display: block;max-width: 100%;margin: 0 auto}
.foreignTradeKnowledgeDetails .details-box .details .recommendations{padding: 30px;margin-top: 30px;background-color: #fff;border-radius: 10px}
.foreignTradeKnowledgeDetails .details-box .details .recommendations .tit{font-size: 20px;font-weight: bold;margin-bottom: 27px}
.foreignTradeKnowledgeDetails .details-box .details .recommendations a{transition:all .4s;font-size:16px;color:#666;margin-bottom:18px;display: inline-block;width: 48%;display: inline-block; white-space: nowrap;max-width:100%; overflow: hidden; text-overflow:ellipsis;}
.foreignTradeKnowledgeDetails .details-box .details .recommendations a:hover{color: #39a6ff}
.foreignTradeKnowledgeDetails .details-box .right{width: 330px}
.foreignTradeKnowledgeDetails .right .item{/*border: 1px solid #39A6FF;*/border-radius: 10px;margin-bottom: 20px;overflow: hidden;background-color: #fff}
.foreignTradeKnowledgeDetails .right .item .title h1{font-size: 20px;height: 45px;line-height: 43px;background-color: #39a6ff;text-align: center;color: #fff}
.foreignTradeKnowledgeDetails .right .item.wx .top{position: relative; }
.foreignTradeKnowledgeDetails .right .item.wx .top .cont{position: absolute;width: 100%;top: 0;width: calc(100% - 40px);margin-top: 20px;margin-left: 20px }
.foreignTradeKnowledgeDetails .right .item.wx .top .cont img{display: block;width: 110px}
.foreignTradeKnowledgeDetails .right .item.wx .top .cont .text{color: #fff;font-size: 22px;font-weight: bold; text-shadow: .2rem 0rem .5rem #0088f7,-.2rem 0rem .5rem #0088f7,0rem .2rem .5rem #0088f7,0rem -.2rem .5rem #0088f7;font-size: 22px;}
.foreignTradeKnowledgeDetails .right .item.wx .top .cont .text p{margin-bottom:5px}
.foreignTradeKnowledgeDetails .right .item.wx .bot{padding: 18px 0 18px 20px}
.foreignTradeKnowledgeDetails .right .item.wx .bot .icon{color: #39A6FF;display: inline-block;margin-right: 10px}
.foreignTradeKnowledgeDetails .right .item.wx .bot p{margin-bottom: 8px}
.foreignTradeKnowledgeDetails .right .item.service{padding: 24px;box-sizing: border-box}
.foreignTradeKnowledgeDetails .right .item.service h1{font-size: 18px;text-align: center;margin-bottom: 25px}
.foreignTradeKnowledgeDetails .right .item.service .list{box-sizing:border-box;cursor:pointer;text-align: center;height: 42px;line-height: 40px;background-color: #F5F5F5;border-radius: 10px;margin-bottom: 18px}
.foreignTradeKnowledgeDetails .right .item.service .list a{color: #666;transition: all .4s;display: flex; align-items:center; justify-content:left; padding-left: 70px; border-radius: 10px;box-sizing:border-box;border: 1px solid transparent;}
.foreignTradeKnowledgeDetails .right .item.service .list:hover a{color: #39a6ff;border: 1px solid #39a6ff;border-radius: 10px;box-sizing:border-box;}
.foreignTradeKnowledgeDetails .right .item.service .list a img{display: inline-block;margin-right: 9px}
.foreignTradeKnowledgeDetails .right .item.service .list .active{color: #39a6ff;border: 1px solid #39a6ff;}
.foreignTradeKnowledgeDetails .curriculum-box .tit{font-size: 16px;margin-top: 60px; }
.foreignTradeKnowledgeDetails .curriculum-box{padding: 20px 24px;background-color: #fff}
.foreignTradeKnowledgeDetails .curriculum-box .item{width:100%;cursor: pointer;margin-bottom: 30px;border: unset;position: relative;}
.foreignTradeKnowledgeDetails .curriculum-box .item .img-box{position: relative;border-radius: 6px;overflow: hidden}
.foreignTradeKnowledgeDetails .curriculum-box .item .img-box img{display: block;width: 100%}
.foreignTradeKnowledgeDetails .curriculum-box .item .img-box .bg{display: flex; align-items:center; justify-content:center ;background-color: rgba(0,0,0,0.4);opacity: 0;position: absolute;top: 0;bottom: 0;left: 0;right: 0;transition: all .4s}
.foreignTradeKnowledgeDetails .curriculum-box .item .img-box .bg .icon{color: #fff;font-size: 46px;}
.foreignTradeKnowledgeDetails .curriculum-box .item .img-box:hover .bg{opacity: 1;}
.foreignTradeKnowledgeDetails .curriculum-box .item .img-box img{transition: all .4s}
.foreignTradeKnowledgeDetails .curriculum-box .item .img-box:hover img{transform: scale(1.1);}
.foreignTradeKnowledgeDetails .curriculum-box .item .img-box .tag{position: absolute;top: 0;left: 0;display: inline-block;width: 70px;height: 28px;line-height: 26px;text-align: center;color: #fff;font-size: 12px;border-radius: 6px;border-bottom-left-radius: 0;border-top-left-radius: 0}
.foreignTradeKnowledgeDetails .curriculum-box .item .img-box .tag.free{ background-image: linear-gradient(#6ABCFF, #0487F2);}
.foreignTradeKnowledgeDetails .curriculum-box .item .img-box .tag.member{ background-image: linear-gradient(#FFA365,#FF7517);}
.foreignTradeKnowledgeDetails .curriculum-box .cont-box{padding: 0 9px;box-sizing: border-box}
.foreignTradeKnowledgeDetails .curriculum-box .cont-box .title{margin-top: 13px;transition: all .4s;display: block; }
.foreignTradeKnowledgeDetails .curriculum-box .cont-box .title a{transition: all .4s; display: inline-block; white-space: nowrap;max-width:100%; overflow: hidden; text-overflow:ellipsis;}
.foreignTradeKnowledgeDetails .curriculum-box .cont-box .title:hover a{color:#39A6FF }
.foreignTradeKnowledgeDetails .curriculum-box .cont-box .tag-box.title a{max-width: calc(100% - 39px)}
.foreignTradeKnowledgeDetails .curriculum-box .cont-box .title .tag{left:5px;font-size:12px;position:relative;top:-5px;width: 34px;height: 19px;display: inline-block;text-align: center;line-height: 17px;border-radius: 2px}
/* .foreignTradeKnowledgeDetails .curriculum-box .cont-box .title .tag.red{background-color: #FFD9D9;color: #F32F2F}
.foreignTradeKnowledgeDetails .curriculum-box .cont-box .title .tag.green{background-color: #D1F3D9;color: #04A526} */
.foreignTradeKnowledgeDetails .curriculum-box .cont-box .bot{margin-top: 8px;color: #999;font-size: 12px}
.foreignTradeKnowledgeDetails .curriculum-box .cont-box .bot .right{display: flex; align-items:center; justify-content:center}
.foreignTradeKnowledgeDetails .curriculum-box .cont-box .bot .look{color: #666;margin-right: 30px}
.foreignTradeKnowledgeDetails .curriculum-box .cont-box .bot .look .icon{position: relative;top:1px;color: #333}
.foreignTradeKnowledgeDetails .curriculum-box .cont-box .bot .right .icon{display: inline-block;margin-right: 10px;font-size: 16px}
.foreignTradeKnowledgeDetails .curriculum-box .cont-box .bot .right .collection .icon{color: #FF7517}
.foreignTradeKnowledgeDetails .curriculum-box .cont-box .bot .right span{transition: all .4s}
.foreignTradeKnowledgeDetails .curriculum-box .cont-box .bot .right span:hover{color:#39A6FF }
.foreignTradeKnowledgeDetails .curriculum-box .btn{width: 240px;height: 38px;background-color: #39a6ff;color: #fff;line-height: 38px;display: block;text-align: center;margin: 0 auto;border-radius: 5px}

.layer-openForeignTradeServices-dialog.layui-layer{border-radius: 9px;background: transparent!important;box-shadow: unset}
.layer-openForeignTradeServices-dialog.layui-layer .layui-layer-ico{font-family: "iconfontxgw" !important; font-style: normal; -webkit-font-smoothing: antialiased;background:unset;font-size: 28px;color: #fff;top: -58px;right: -58px}
.layer-openForeignTradeServices-dialog.layui-layer .layui-layer-ico:before { content: "\e62e"}
.layer-openForeignTradeServices-dialog .openForeignTradeServices{border-radius:10px;color:#fff;text-align:center;background-image: url("../image/public/kdewmbg.png");background-size: cover;background-repeat: no-repeat;height: 100%}
.layer-openForeignTradeServices-dialog .openForeignTradeServices .title{font-size: 30px;padding-top: 160px}
.layer-openForeignTradeServices-dialog .openForeignTradeServices img{display: block;width: 315px;margin: 0 auto;margin-top: 25px}
.layer-openForeignTradeServices-dialog .openForeignTradeServices .text{font-size: 24px;margin: 25px auto 15px;width: 63%; }
.layer-openForeignTradeServices-dialog .openForeignTradeServices .code{font-size: 20px}

@media(max-width:1025px) {
    .foreignTradeVlog .curriculum-box .cont-box .bot .look {margin-right: 5px}
    .foreignTradeVlog .curriculum-box .cont-box .bot .right .icon{margin-right: 3px}
    .foreignTradeVlog .curriculum-box .item { width: calc(33.3% - 8px);}
    .foreignTradeVlog .pagination{margin-top: 20px}

    .foreignTradeVlogPlay .curriculum-box .cont-box .bot .look {margin-right: 5px}
    .foreignTradeVlogPlay .curriculum-box .cont-box .bot .right .icon{margin-right: 3px}
    .foreignTradeVlogPlay .curriculum-box .item { width: calc(33.3% - 8px);}


    .foreignTradeKnowledge .curriculumby .nav-list a{margin-right: 10px}
    .foreignTradeKnowledge .curriculumby .nav-list a{margin-right: 10px} .curriculumby .nav-list a{margin-right: 10px}

    .foreignTradeKnowledgeDetails .details-box .right{width: 260px}
    .foreignTradeKnowledgeDetails .curriculum-box .btn{width: 100%}
    .foreignTradeKnowledgeDetails .right .item.wx .top .cont .text{font-size: 18px}
    .foreignTradeKnowledgeDetails .right .item.wx .top .cont img{width: 95px}
    .foreignTradeKnowledgeDetails .details-box .details { width: calc(100% - 280px); }
}
@media(max-width:920px) {
    .foreignTradeVlog .actual-combat .item .cont .bot .right{top: 0}
    .foreignTradeVlog .actual-combat .item .cont .bot .left{font-size: 12px}
    .foreignTradeVlog .actual-combat .item {  width: calc(100% / 3 - 5px);  }

    .foreignTradeKnowledgeDetails .curriculumby .nav-list a{margin-right: 15px}
}
.pv-log-error{z-index: 8!important;}