@charset "utf-8";/* CSS Document */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
html,body {
    background: #fff;
    width: 100%;
    font-family: microsoft yahei;
    font-size: 14px;
    color:#333;
    -webkit-text-size-adjust:none;
    /*min-width:320px;
    max-width: 640px;*/
    margin: 0 auto;
}
html,body,div,p,ul,li,h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
}
ul,li {
    list-style: none;
}
a {
    text-decoration: none;
}
/*清除浮动*/
.clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
  content: "";
  display: block;
  height: 0;
  clear:both;
  visibility: hidden;
}
.clearfix{
  *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
/* banner */
.banner-ads{
	width: 100%;
	height: 4rem;
	background: url(../../images/vip-new/ads/banner_bg_m.png) no-repeat;
	background-size: 100% 100%;
}

/* 标题 */
h2.ads-title{
	font-size: 0.34rem;
	font-weight: bold;
	color: #2A2C43;
	text-align: center;
	padding:0.6rem 0  0.4rem;
}
/*了解广告*/
.ads-cont{
	width: 7.1rem;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 0.8rem;
}
.ads-cont-why{
	width: 7.1rem;
	height: 2.7rem;
	padding: 0.5rem 0.4rem;
    background: linear-gradient(0deg, #4273FA, #7B9CFE);
    box-shadow: 0px 0px 0.16rem 0px rgba(69, 117, 250, 0.5);
    border-radius: 0.1rem;
    color: #fff;
    position: relative;
    margin-bottom: 0.2rem;
}
.ads-cont-why-r{
	background: linear-gradient(0deg, #7159F2, #8873FF);
	box-shadow: 0px 0px 0.16rem 0px rgba(136, 115, 255, 0.5);
}

p.ads-why-tit{
	font-size: 0.3rem;
	font-weight: 800;
	margin-bottom: 0.24rem;
}
span.ads-why-txt{
	font-size: 0.2rem;
	line-height: 0.34rem;
}
i.ads-txt-icon{
	width: 0.2rem;
	height: 0.2rem;
	background: url(../../images/vip-new/ads/ico_icon.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: -0.03rem;
	margin-right: 0.08rem;
}
.ico_ad{
	width: 1.64rem;
	height: 0.9rem;
	background: url(../../images/vip-new/ads/ico_AD.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	float: right;
	margin-top: -0.6rem;
	margin-left: 5rem;
}
.ico_ad1{
	width: 1.3rem;
	height: 1.38rem;
	background: url(../../images/vip-new/ads/ico_ad1.png) no-repeat;
	background-size: 100% 100%;
	margin-top: -1rem;
	margin-left: 5.4rem;
}

/*我们的优势*/
.ads-cont-bg{
	width: 100%;
	overflow: hidden;
	background: #EAEEFF;
}
.ads-adv{
	width: 7.1rem;
	margin: 0 auto;
	margin-bottom: 0.8rem;
}
.ads-adv-list{
	width: 7.1rem;
	height: 2.44rem;
	background: #FFFFFF;
	box-shadow: 0px 0px 0.1rem 0px rgba(184, 185, 236, 0.5);
	border-radius: 0.05rem;
	padding: 0.2rem;
	margin-bottom: 0.24rem;
}
.ads-adv-list img{
	width: 2.8rem;
	height: 2rem;
	float: left;
    margin-right: 0.2rem;
}
 p.ads-adv-tit{
 	font-size: 0.3rem;
    font-weight: bold;
    color: #333333;
    margin-bottom: 0.08rem;
 }
 span.ads-adv-txt{
 	font-size: 0.2rem;
	color: #787878;
	line-height: 0.28rem;
 }
/* 投放页面示例 */
.video-promotion{
	width: 7.1rem;
	height: 6rem;
	margin: 0 auto;
    position:relative;
    /*margin-bottom: 80px;*/
}
.video-promotion-list{
	text-align: center;
}
.video-promotion .video-promotion-list ul{
	list-style: none;
    overflow: hidden;
    display: inline-block;
    display: flex;/*重要*/
	justify-content: space-between;/*重要*/
}
.video-promotion-list ul li.video-promotion-module{

	/*width: 366px;
	height: 90px;*/
    background: #fff;
    color: #394250;
    float: left;
    /*height: 0.4rem;*/
    line-height: 0.4rem;
    padding: 0.1rem;
    cursor: pointer;
    font-size: 0.26rem;
	border: 0.01rem solid #eee;
	text-align: center;
	border-radius: 0.5rem;

}
.video-promotion-list ul li.active{
	/*background: linear-gradient(90deg, #FFAC00 0%, #FD6F03 0%, #FCC760 0%, #FEB55B 100%);*/
	color: #fff;
	background-color: #3480FF;
}



/* 下方详细内容 */
.video-promotion-right .video-promotion-cont{
	/*width: 1120px;*/
	/*margin-left: 162px;*/
	margin-top: 0.3rem;
	/*float: right;*/
    position:absolute;
    top:0;
}
.img-mac{
	width: 7.1rem;
	height: 5rem;
	background:url(../../images/vip-new/ads/img_mac1.png) no-repeat;
	background-size: 100% 100%;
	margin: 0.4rem auto 0;
}
.img-mac1{
	background:url(../../images/vip-new/ads/img_mac2.png) no-repeat;
	background-size: 100% 100%;
}
.img-mac2{
	background:url(../../images/vip-new/ads/img_mac3.png) no-repeat;
	background-size: 100% 100%;
}
.img-mac3{
	background:url(../../images/vip-new/ads/img_mac4.png) no-repeat;
	background-size: 100% 100%;
}
.img-iphone{
	width: 2rem;
	height: 3.6rem;
	background:url(../../images/vip-new/ads/img_iphone1.png) no-repeat;
	background-size: 100% 100%;
	float: right;
	position: relative;
	z-index: 1;
	margin-top: -4.88rem;
	margin-right: 0.14rem;
}
.img-iphone1{
	background:url(../../images/vip-new/ads/img_iphone2.png) no-repeat;
	background-size: 100% 100%;
}
.img-iphone2{
	background:url(../../images/vip-new/ads/img_iphone3.png) no-repeat;
	background-size: 100% 100%;
}
.img-iphone3{
	background:url(../../images/vip-new/ads/img_iphone4.png) no-repeat;
	background-size: 100% 100%;
}
.video-promotion-right .video-promotion-cont {
    /*height: 650px;*/
    display: none;
}
.video-promotion-right .video-promotion-cont.active {
    display: block;
}
.video-promotion-right .video-promotion-cont.anislide {
    animation: down 1s ease 0s;
    overflow: hidden;
}
/*@keyframes down{
    0%{
        top: 650px;
    }
    100%{
        top: 0px;
    }
}
@-moz-keyframes down{
    0%{
        top: 650px;
    }
    100%{
        top: 0px;
    }
}
@-webkit-keyframes down{
    0%{
        top: 650px;
    }
    100%{
        top: 0px;
    }
}*/
.video-promotion .video-promotion-right .active{
	 transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
/*立即报名 抢占先机*/
.adv-form-bg{
	width: 100%;
	height: 4rem;
	background: url(../../images/vip-new/ads/bg_form.png) no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}
p.adv-form-tit{
	font-size: 0.34rem;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	margin-top: 0.4rem;
	margin-bottom: 0.36rem;
}
.adv-form{
	width: 4.3rem;
	height: 2.34rem;
	background: #0B46F0;
	border: 1px solid rgba(0, 233, 248, 0.43);
	border-radius: 0.1rem;
	margin: 0 auto;
}
.contbg4{ width: 100%; margin:0 auto;  }
.cloudlyinput {overflow: hidden;margin-top: 28px;}
.cloudlytext{ font-size: 28px; text-align: center; color: #fff; margin:0 auto;  padding-top:30px;}
.inputbox,.submitbox{ width: 294px; height:66px;margin: 0 auto;}
.inputbox input{width: 100%; height: 44px; line-height: 44px; border-radius: 3px; background: #fff; border:0 none; text-indent: 10px;}
.inputbox input:focus{outline: 0;}
.submitbox input{ width: 100%; height: 44px; line-height: 44px; border-radius: 3px; background: #FF8A00; color: #fff; text-align: center;  border:0 none; font-size: 16px; font-weight: bold; cursor: pointer;}
.ts_redbox { font-size: 12px; color: #ff0000;  line-height: 20px; height: 20px; padding-bottom: 5px;}