/******抖音推广专题banner******/

.dy_banner img{width:100%;}

/******为什么要做抖音短视频推广******/

.dy_why .container{padding-bottom:40px;} 

.dy_why ul li{list-style-type: none;width:22%;float: left;margin: 20px 2%;text-align: center;background: #fff;padding:20px;box-shadow: 1px 1px 5px #ccc;}

.dy_why ul li:nth-child(1){margin-left: 0px;}

.dy_why ul li:nth-child(4){margin-right: 0px;}

.dy_why ul li i {width:100px;font-size:4em;margin:0px auto;color:#664794;}

.dy_why ul li h4{margin:30px 0px 15px;font-size: 1.3em;font-weight: bold;}

.dy_why ul li p {width:90%;margin:10px auto;height:100px;}  

 /******抖音短视频营销策略开始******/

.dy_celue{background:#f7f7f7;}

.dy_celue .container{padding-bottom:40px;position: relative;} 

.dy_celue .dy_celue_tu{text-align: center;}

.dy_celue ul li{list-style-type: none;width:260px;line-height: 1.5em;position: absolute;}  

.dy_celue ul li:nth-child(1){text-align:right;top:185px;left:50px;} 

.dy_celue ul li:nth-child(2){text-align:right;top:370px;left:50px;} 

.dy_celue ul li:nth-child(3){text-align:left;top:185px;right:50px;} 

.dy_celue ul li:nth-child(4){text-align:;eft;top:370px;right:50px;} 

/******抖音达人-品牌定制达人匹配******/ 

.dy_kol_pipei .container{padding-bottom:40px;}

.dy_kol_pipei .kol_wai {border-top:1px solid #ccc;}

.dy_kol_pipei .kol_wai>li {width:25%;float:left;list-style-type: none;    padding: 20px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}

.dy_kol_pipei .kol_wai>li:hover{box-shadow: 0 0 5px #ccc;}

.dy_kol_pipei .kol_wai>li:nth-child(1),.dy_kol_pipei .kol_wai>li:nth-child(5){margin-left:0px;border-left:1px solid #ccc;}

.dy_kol_pipei .kol_wai>li:nth-child(4),.dy_kol_pipei .kol_wai>li:nth-child(8){margin-right:0px;}

.dy_kol_pipei .kol_wai>li dl {height:100px;border-bottom: 1px solid #ccc;}

.dy_kol_pipei .kol_wai>li dl dt {width:35%;float:left;position: relative; border:5px solid #efeeee;border-radius: 50%;}

.dy_kol_pipei .kol_wai>li dl dt i{position: absolute;right: 7px;top: 56px;color: red;background: #fff;border-radius: 50%;font-size: 1em;padding:2px;}

.dy_kol_pipei .kol_wai>li dl dt .dy_tx_icon{border-radius:50%;width:20px;height:20px;background: url(../images/zt_dy/dy_tx_icon.png) no-repeat center;background-size:100%;border: 2px solid #fff;}

.dy_kol_pipei .kol_wai>li dl dt img{width:100%;border-radius: 50%;box-shadow: 0 0 2px #ccc;}

.dy_kol_pipei .kol_wai>li dl dd {width:60%;float:right;padding-top:10px;}

.dy_kol_pipei .kol_wai>li dl dd .xhs-nav-title {font-size:1.2em;}

.dy_kol_pipei .kol_wai>li dl dd .xhs-nav-title em {width: 20px;height: 20px;display: inline-block;margin-left: 5px;}

.dy_kol_pipei .kol_wai>li dl dd .xhs-nav-title em img {width: 100%;}

.dy_kol_pipei .kol_wai>li dl dd .xhs-nav-info {margin-top:10px;color:#949292;font-size:0.9em;height: 36px;overflow: hidden;}

.dy_kol_pipei .kol_wai .kol_nei {margin: 10px 0px;}

.dy_kol_pipei .kol_wai .kol_nei li{list-style-type: none;width:32%;float: left;text-align: center;}

.dy_kol_pipei .kol_wai .kol_nei li:nth-child(2){margin:0px 2%;}

.dy_kol_pipei .kol_wai .kol_nei li i{display: block;margin: 0 auto;color: #999;width: 24px;background: url(../images/zt_xhs_kol/kol_icon_bg.png) no-repeat center;height: 20px;}

.dy_kol_pipei .kol_wai .kol_nei li i.icon-fans {background-position: -110px 0px;}

.dy_kol_pipei .kol_wai .kol_nei li i.icon-note {background-position: -80px 0px;}

.dy_kol_pipei .kol_wai .kol_nei li i.icon-like {background-position: -140px 0px;}

.dy_kol_pipei .kol_wai .kol_nei li span {display: block;margin:10px 0px;color:#540ac4;;}

.dy_kol_pipei .kol_wai .kol_nei li span.icon-title{color:#a9a7a7;font-size:0.9em;}

.dy_kol_pipei .kol_wai button{width: 60%;margin: 5px 20%;border-radius: 15px;background: none;font-size: 0.9em;border-color: #8e8e8e;}

.dy_kol_pipei .kol_wai button:hover{border-color: #d9534f;}

.dy_kol_pipei .kol_wai button a{display: block;color: #000;}

.dy_kol_pipei .kol_wai button:hover a{color:#d9534f;} 

/******佑微抖音短视频推广优势开始******/

.dy_kol_youshi{background:#f7f7f7;}

.dy_kol_youshi .container{padding-bottom:40px;}

.dy_kol_youshi .container>ul>li {list-style-type: none;margin:2px 15px;}

.dy_kol_youshi .container>ul>li p {width:100%;text-align: left;background:#ebeaea;line-height: 4em;}

.dy_kol_youshi .container>ul>li p span{display: inline-block;width:25%;font-size: 1.2em;line-height: 4em;font-weight: bold;color:#fff;background:#664794;padding-left:20px;border-right:2px solid #fff;margin-right:20px;}















/* 中等屏幕（桌面显示器，大于等于 992px） */

/*992--1199*/

@media (min-width: 992px) and (max-width: 1199px){

 /******抖音短视频营销策略开始******/

.dy_celue .dy_celue_tu img {width:45%;}

.dy_celue ul li{width:230px;}

.dy_celue ul li:nth-child(1){text-align:right;top:170px;left:30px;}  

.dy_celue ul li:nth-child(2){text-align:right;top:330px;left:30px;} 

.dy_celue ul li:nth-child(3){text-align:left;top:170px;right:30px;} 

.dy_celue ul li:nth-child(4){text-align:;eft;top:330px;right:30px;} 

/******抖音达人-品牌定制达人匹配******/

.dy_kol_pipei .kol_wai .kol_nei li {font-size: 0.9em;}

.dy_kol_pipei .kol_wai>li dl {height: 85px;}

.dy_kol_pipei .kol_wai>li dl dd .xhs-nav-title {font-size: 1em;}

.dy_kol_pipei .kol_wai>li dl dd .xhs-nav-title em {width: 15px;height: 15px;}

.dy_kol_pipei .kol_wai>li dl dd .xhs-nav-info {margin-top: 5px;font-size: 0.8em;height: 30px;}

.dy_kol_pipei .kol_wai>li dl dt i {right: 5px;top: 40px;font-size: 0.9em;}





	

}









/* 小屏幕（平板，大于等于 768px） */

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

/******为什么要做微博营销******/	

.dy_why ul li i {font-size:3em;}

.dy_why ul li h4{font-size:1em;}

.dy_why ul li p {height:120px;} 

 /******抖音短视频营销策略开始******/

.dy_celue .dy_celue_tu img {width:40%;}

.dy_celue ul li{width:210px;font-size: 0.9em;}

.dy_celue ul li:nth-child(1){text-align:right;top:150px;left:15px;}  

.dy_celue ul li:nth-child(2){text-align:right;top:257px;left:15px;} 

.dy_celue ul li:nth-child(3){text-align:left;top:150px;right:15px;} 

.dy_celue ul li:nth-child(4){text-align:;eft;top:257px;right:15px;} 

/******抖音达人-品牌定制达人匹配******/

.dy_kol_pipei .kol_wai .kol_nei li {font-size: 0.9em;}

.dy_kol_pipei .kol_wai>li {padding:10px;}

.dy_kol_pipei .kol_wai>li dl {height: 65px;}

.dy_kol_pipei .kol_wai>li dl dd .xhs-nav-title {font-size: 0.9em;}

.dy_kol_pipei .kol_wai>li dl dd .xhs-nav-title em {width: 12px;height: 12px;}

.dy_kol_pipei .kol_wai>li dl dd .xhs-nav-info {margin-top: 0px;font-size: 0.7em;height: 26px;}

.dy_kol_pipei .kol_wai>li dl dt i {right: 0px;top: 25px;font-size: 0.8em;}

.dy_kol_pipei .kol_wai .kol_nei li span.icon-title {font-size: 0.7em;}

.dy_kol_pipei .kol_wai .kol_nei li span {margin:5px 0px}

/******佑微抖音短视频推广优势开始******/

.dy_kol_youshi .container>ul>li {list-style-type: none;margin:2px 0px;}

.dy_kol_youshi .container>ul>li p {line-height: 3em;font-size:0.8em;margin-bottom:10px;}

.dy_kol_youshi .container>ul>li p span{font-size: 1em;line-height: 3em;padding-left:10px;margin-right:10px;} 





}

 







/* 超小屏幕（手机，小于 768px） */

@media (max-width: 767px){

/******为什么要做微博营销******/		

.dy_why ul li{width:50%;margin:0px;padding:5%;}

.dy_why ul li h4{font-size:1.2em;margin:20px 0px 0px;height: 40px;line-height: 1.5em;}

.dy_why ul li p{display: none;}

 /******抖音短视频营销策略开始******/

.dy_celue .dy_celue_tu img {width:100%;}

.dy_celue ul li{display: none;}

/******抖音达人-品牌定制达人匹配******/

.dy_kol_pipei .kol_wai{border:none;}

.dy_kol_pipei .kol_wai>li {width:100%;display: none;border:1px solid #ccc;margin-top:10px;}

.dy_kol_pipei .kol_wai>li:nth-child(1),.dy_kol_pipei .kol_wai>li:nth-child(2),.dy_kol_pipei .kol_wai>li:nth-child(3){display:block;}

.dy_kol_pipei .kol_wai>li dl{position: relative;height: 110px;}

.dy_kol_pipei .kol_wai>li dl dt {width: 100px;position: absolute;}

.dy_kol_pipei .kol_wai>li dl dd {width: 100%; padding-left:120px;    float: none;}   

/******佑微抖音短视频推广优势开始******/

.dy_kol_youshi .container>ul>li{position: relative;padding-top: 2em;} 

.dy_kol_youshi .container>ul>li p {padding:0px 2%;line-height: 2em;margin-bottom:10px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}       

.dy_kol_youshi .container>ul>li p span{display: block;width:100%;line-height: 2em;border-right: none;position: absolute;left: 0px;right: 0px;top:0px; padding:0 2%;margin: 0px;border-top-left-radius: 5px;border-top-right-radius: 5px;}     



}