@charset "utf-8";
/* CSS Document 
*
* @description: liveclips-短视频推广样式
*
* @BUILD BY LILIYAN 05-21-2018
*
*/
html{min-width: 1280px;}
/* 主题图片说明 */
.redB{color:#ff3e59}
.font18{font-size: 18px;}
.theme-banner{text-align: center;width:100%;height:460px;overflow:hidden;position: relative;}
.theme-banner img{height:460px;width: auto;position: absolute;top:0;left:50%;margin-left: -960px;}

.live_content{width:100%;background:#fff;padding-top:20px; text-align:center;}
.liveT{ margin:60px 0 40px 0;}
.liveT .liveTL{ display:inline-block;width:110px;height:2px;margin:6px 15px; background:#9da3a8;border-left:1px solid #b4b9bc;}
.liveT .liveIco{display:inline-block;width:24px;height:24px; background:url("../images/videoclips/videoclipsIco.png") no-repeat; margin-right:10px;vertical-align: sub;}   
.liveT .liveIco.ico1{width:17px;height:20px; background-position:0 0;}
.liveT .liveIco.ico2{width:15px;height:20px; background-position:-21px 0;}
.liveT .liveIco.ico3{width:23px;height:23px; background-position:-40px 0;}
.liveT .liveIco.ico4{width:19px;height:14px; background-position:-64px 0;}
.liveT .liveIco.ico6{width:21px;height:20px; background-position:-85px 0;}
.liveT .liveIco.ico7{width:22px;height:22px; background-position:-110px 0;}
.liveT .liveIco.ico8{width:22px;height:22px; background-position:-137px 0;}

.liveT h5{display:inline-block; font-size:18px; color:#303030;}

.liveRDCon{width:1200px;margin:0 auto 50px auto;}
.liveRDCon dl{display: inline-block;width:270px;margin:0 12px; vertical-align: top;}
.liveRDCon dl img{width:170px;height:170px;border-radius: 50%;}
.liveRDCon dl h5{font-size: 18px;color: #303030;line-height: 24px;padding:18px 0 12px;}
.liveRDCon dl p{font-size: 14px;line-height: 28px;color: #9da3a8;}

.liveStarCon{width:1200px; margin:0 auto;}
.liveStarCon dl{float:left;border:1px solid #ececec;width:280px;vertical-align: top; box-shadow:0 0 5px #ececec; margin:0 4px; }
.liveStarCon dl img{width:100%;}
.liveStarCon .liveStarHead{height: 354px;overflow: hidden;}
.liveStarCon dl h5{width:100%;font-size:16px;font-weight: normal;color:#303030;height:58px;line-height:58px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.liveStarCon dl ul li{color:#9da3a8;}
.liveStarCon dl ul li i{display:inline-block;width:24px;height:24px; background:url("../images/videoclips/videoclipsIco.png") no-repeat;vertical-align: sub;}
.liveStarCon dl ul li i.ico1{width:17px;height:14px;background-position:-90px -25px;}/*优质账号推荐-粉丝数图标*/
.liveStarCon dl ul li i.ico2{width:16px;height:14px;background-position:-91px -40px;}/*优质账号推荐-平均播放量图标*/
.liveStarCon dl ul li i.ico3{width:15px;height:16px;background-position:-92px -55px;}/*优质账号推荐-获赞与收藏/平均点赞数图标*/
.liveStarCon dl ul li i.ico4{width:14px;height:17px;background-position:-92px -72px;}/*优质账号推荐-平均阅读数*/
.liveStarCon dl ul li i.ico5{width:18px;height:18px;background-position:-89px -90px;}/*优质账号推荐-领域*/

.liveStarCon dl ul li span{display:inline-block;width:33%;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.liveStarCon dl ul li.red{color:#ff3e59;}
.liveStarCon dl a.btn{display:inline-block;width:92%;padding:10px 0;margin:16px 0;background-image: linear-gradient(to bottom, #ff5e75 0%,#ff405b 100%); font-size:14px; color:#fff;box-shadow:0 1px 1px #ff4b64; border-radius:3px;}
.liveStar2 .liveStarCon dl{width:230px;height:270px; margin:26px 4px;}
.liveStar2 .liveStarCon dl dt{ position:relative;height:70px;}
.liveStar2 .liveStarCon dl img{position: absolute; top:-28px;left:50%;margin-left:-50px;width:100px;height:100px;border-radius:50%;border:1px solid #e9e9e9;}
.liveStar2 .liveStarCon dl dt i{position: absolute; top:45px;right:62px;display:inline-block;width:24px;height:24px;border:2px solid #fff; border-radius:50%; background:url("../images/videoclips/videoclipsPIco.png") no-repeat #fff;vertical-align: sub;box-shadow: 0 0 1px #ccc;}
.liveStar2 .liveStarCon dl dt i.ico1{background-position:0 0;}/*美拍25*/
.liveStar2 .liveStarCon dl dt i.ico2{background-position:-24px 0;}/*映客105*/
.liveStar2 .liveStarCon dl dt i.ico3{background-position:-48px 0;}/*一直播106*/
.liveStar2 .liveStarCon dl dt i.ico4{background-position:-72px 0;}/*花椒108*/ 
.liveStar2 .liveStarCon dl dt i.ico5{background-position:-96px 0;}/*斗鱼107*/
.liveStar2 .liveStarCon dl dt i.ico6{background-position:-120px 0;}/*哔哩110*/
.liveStar2 .liveStarCon dl dt i.ico7{background-position:-144px 0;}/*快手103*/
.liveStar2 .liveStarCon dl dt i.ico8{background-position:-168px 0;}/*YY直播 104*/
.liveStar2 .liveStarCon dl dt i.ico9{background-position:-192px 0;}/*虎牙直播109*/
.liveStar2 .liveStarCon dl dt i.ico10{background-position:-216px 0;}/*抖音111*/
.liveStar2 .liveStarCon dl dt i.ico11{background-position:-240px 0;}/*秒拍112*/
.liveStar2 .liveStarCon dl dt i.ico12{background-position:-264px 0;}/*小红书113*/

.liveStar2 .liveStarCon dl dt i.platLogo_25{background-position:0 0;}/*美拍25*/
.liveStar2 .liveStarCon dl dt i.platLogo_103{background-position:-144px 0;}/*快手103*/
.liveStar2 .liveStarCon dl dt i.platLogo_104{background-position:-168px 0;}/*YY直播 104*/
.liveStar2 .liveStarCon dl dt i.platLogo_105{background-position:-24px 0;}/*映客105*/
.liveStar2 .liveStarCon dl dt i.platLogo_106{background-position:-48px 0;}/*一直播106*/
.liveStar2 .liveStarCon dl dt i.platLogo_107{background-position:-96px 0;}/*斗鱼107*/
.liveStar2 .liveStarCon dl dt i.platLogo_108{background-position:-72px 0;}/*花椒108*/ 
.liveStar2 .liveStarCon dl dt i.platLogo_109{background-position:-192px 0;}/*虎牙直播109*/
.liveStar2 .liveStarCon dl dt i.platLogo_110{background-position:-120px 0;}/*哔哩110*/
.liveStar2 .liveStarCon dl dt i.platLogo_111{background-position:-216px 0;}/*抖音111*/
.liveStar2 .liveStarCon dl dt i.platLogo_112{background-position:-240px 0;}/*秒拍112*/
.liveStar2 .liveStarCon dl dt i.platLogo_113{background-position:-264px 0;}/*小红书113*/



.liveStarNav{width:1200px; margin:0 auto;}
.liveStarNav a{display: inline-block;font-size:18px; color:#303030;margin:30px 110px;}
.liveEx .liveStarNav a{margin:30px 80px;}
.liveStarNav a:hover,.liveStarNav a.active{color:#ff3e59;}
.liveStarNav a i{display:inline-block;width:20px;height:20px; background:url("../images/videoclips/videoclipsIco.png") no-repeat; margin-right:5px;}
.liveStarNav a i.ico1{width:16px;height:20px;background-position:0 -24px;vertical-align: sub;}
.liveStarNav a i.ico2{width:24px;height:15px;background-position:-20px -29px;vertical-align:-1px;}
.liveStarNav a i.ico3{width:19px;height:20px;background-position:-48px -25px;vertical-align: sub;}
.liveStarNav a i.ico4{width:17px;height:20px;background-position:-70px -25px;vertical-align:-3px;}
.liveStarNav a:hover i.ico1,.liveStarNav a.active i.ico1{background-position:0 -48px;}/*优质账号推荐-抖音图标*/
.liveStarNav a:hover i.ico2,.liveStarNav a.active i.ico2{background-position:-20px -48px;}/*优质账号推荐-美拍图标*/
.liveStarNav a:hover i.ico3,.liveStarNav a.active i.ico3{background-position:-48px -48px;}/*优质账号推荐-秒拍图标*/
.liveStarNav a:hover i.ico4,.liveStarNav a.active i.ico4{background-position:-70px -48px;}/*优质账号推荐-快手图标*/
.liveEx {width:1200px;margin:0 auto;overflow:hidden;}
/* plat logo title*/
.platformIcon{cursor: hand;cursor: pointer;}
.platformIcon .d_airBubble{width: auto;white-space: nowrap;word-wrap: normal;}
.d_airBubble {position:absolute;width:300px;height:auto;padding:5px 10px;background-color:#fff;font-size:12px;line-height:20px;color:#303030;border-radius:2px;bottom:26px;left:-10px;box-shadow:0 0 5px 5px #e5e5e5;z-index:9999;text-align:left;display:none;font-style: normal;}
.d_airBubble:after {content:"";width:0;height:0;border:10px #fff solid;border-left:4px solid transparent;border-top:7px solid #fff;border-right:4px solid transparent;border-bottom:10px solid transparent;position:absolute;left:15px;bottom:-17px;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}
.platformIcon:hover .d_airBubble{display:block;}
.planList{position:relative;}
#focus{position:relative;width:1070px;height:370px;border:1px solid #efefef;margin:0 auto;overflow: hidden;}
#focus ul{position:absolute;height:370px;}
#focus ul li{position:relative;float:left;width:1070px;height:370px;}
#focus ul li img{width:386px;height:370px;}
.preNext{width:100%;height:60px;position:absolute;top:150px;background:url('../images/videoclips/btnBg.png') no-repeat 0 0;cursor:pointer;}
.pre{width:31px;left:0;}
.next{width:31px;right:0;background-position:right top;}
.tltSCBox{width:630px;padding:80px 20px 0 30px;font-size: 16px;text-align: left}
.tltSC{color: #303030;margin-bottom: 20px;}
.tltSCtxt{color:#9da3a8;line-height: 32px;}
/*------flipInY------*/
.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s; 
    animation-timing-function: ease-out;    
    -webkit-animation-timing-function: ease-out; 
}
@-webkit-keyframes flipInY {
  0% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0;}
  40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}
  60% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1;}
  80% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}
  100% {-webkit-transform: perspective(400px);transform: perspective(400px);}
}
@keyframes flipInY {
  0% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0;}
  40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}
  60% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1;}
  80% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}
  100% {-webkit-transform: perspective(400px);transform: perspective(400px);}
}
body>img:last-child{display:none;}

.liveStar2Big .liveStarConBig{width:1220px;}
.liveStar2Big dl{float:left;border:1px solid #ececec;width:289px;height: 562px;vertical-align: top; box-shadow:0 0 5px #ececec; margin:0 12px 0 0; }
.liveStar2Big dl .t_img{width:100%;height: 365px}
.liveStar2Big dl img{width:100%;height: 100%}
.liveStar2Big .liveStarHead{height: 354px;overflow: hidden;}
.liveStar2Big dl h5{width:100%;font-size:16px;font-weight: normal;color:#303030;height:58px;line-height:58px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.liveStar2Big dl ul li{color:#9da3a8;}
.liveStar2Big dl ul li i{display:inline-block;width:24px;height:24px; background:url("../images/videoclips/videoclipsIco.png") no-repeat;vertical-align: sub;}
.liveStar2Big dl ul li i.ico1{width:17px;height:14px;background-position:-90px -25px;}/*优质账号推荐-粉丝数图标*/
.liveStar2Big dl ul li i.ico2{width:16px;height:14px;background-position:-91px -40px;}/*优质账号推荐-平均播放量图标*/
.liveStar2Big dl ul li i.ico3{width:15px;height:16px;background-position:-92px -55px;}/*优质账号推荐-获赞与收藏/平均点赞数图标*/

.liveStar2Big dl ul li span{display:inline-block;width:33%;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.liveStar2Big dl ul li.red{color:#ff3e59;}
.liveStar2Big dl a.btn{display:inline-block;width:92%;padding:10px 0;margin:16px 0;background-image: linear-gradient(to bottom, #ff5e75 0%,#ff405b 100%); font-size:14px; color:#fff;box-shadow:0 1px 1px #ff4b64; border-radius:3px;}

.liveStar2Small .liveStarCon dl{width:288px;height:260px; margin:26px 40px 0 0;}
.liveStar2Small .liveStarCon dl dt{ position:relative;height:70px;}
.liveStar2Small .liveStarCon dl img{position: absolute; top:-28px;left:50%;margin-left:-50px;width:100px;height:100px;border-radius:50%;border:1px solid #e9e9e9;}
.liveStar2Small .liveStarCon dl dt i{position: absolute; top:45px;right:62px;display:inline-block;width:24px;height:24px;border:2px solid #fff; border-radius:50%; background:url("../images/videoclips/videoclipsPIco.png") no-repeat #fff;vertical-align: sub;box-shadow: 0 0 1px #ccc;}
.liveStar2Small.liveStarThree .liveStarCon{width:990px;margin:0 auto;} 
.p-tb-20{padding:20px 0;}
.originalContent .lineSpace{float:left;height:240px;border-right:1px dashed #d9d9d9;margin:100px 9px 0 9px;}
.originalContent .caseItem{margin:0 20px 20px 0;width:590px;}
.originalContent .caseItem img{width:590px;}