html,body,div,h1,h2,h3,h4,h5,h6,a,p,b,i,dl,dt,dd,span,pre{
    margin:0;padding:0;
    font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB",
    "Heiti SC","WenQuanYi Micro Hei",sans-serif;
    }
body{
    background:#F2F2F2;
}
@font-face {
    font-family:'control';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMghC/L0AAAC8AAAAYGNtYXDmGQCHAAABHAAAAERnYXNwAAAAEAAAAWAAAAAIZ2x5Zs30zGwAAAFoAAACPGhlYWT+9yLHAAADpAAAADZoaGVhA+IB6wAAA9wAAAAkaG10eBEAAOAAAAQAAAAAKGxvY2ECygIcAAAEKAAAABZtYXhwAA8AIwAABEAAAAAgbmFtZTVK19EAAARgAAABOXBvc3QAAwAAAAAFnAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAACDmBwHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADAAAAAIAAgAAgAAACDmB//9//8AAAAg5gD//f///+EaAgADAAEAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQBgACABoAGgAAIAABMNAWABQP7AAaDAwAAAAAIAQAAgAcABoAADAAcAABMzESMTMxEjQKCg4KCgAaD+gAGA/oAAAAABAAAABwDgAbkAEAAAEz4BHgEXAxYOASYvAz8ByQUIBwMBAQEFBQoDek8BUXgBuQUDAgkG/mEGCQIDBXgBvwF4AAAAAAIAAAAHAeABuQAQACAAABM+AR4BFwMWDgEmLwM/AQEHLwEPAT8BLwE3FzcfAQfJBQgHAwEBAQUFCgN6TwFReAEYASk3NSsBNTUBKzU3KQE3AbkFAwIJBv5hBgkCAwV4Ab8BeP7yKwE1NQErNTcpATc3ASk3AAAAAAQAAP/gAgAB4AAGAA0AFAAbAAABFScHJzcnBxcHJwc1MxM3FSM3JzcPARcjNRc3AgBFajZqRcVqNmpFwPtFwEVqNmxqRcBFagHgwEVqNmpFRWo2akXA/ntFwEVqNjZqRcBFagAEAAD/4AIAAeAABgANABQAGwAANzMVJwcnNyEXBycHNTM1IzUXNxcHJTcVIzcnNyDARWU2ZQE2ZTZlRcDARWU2Zf8ARcBFZTbAwEVlNmVlNmVFwEDARWU2ZTZFwEVlNgABAEAAIAHAAaAAAwAAEyERIUABgP6AAaD+gAAAAwAAAAACAAHQAAMADQAUAAA3IRUhJRUhNTczFTM1MyU3FyMVIzUAAgD+AAIA/gBAgICA/rCQkHBAICBgICCAQEBgkJCAgAAAAQAAAAEAAC2Uf2pfDzz1AAsCAAAAAADO6/EFAAAAAM7r8QUAAP/gAgAB4AAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAACgAAAAABAAAAAgAAYAIAAEACAAAAAgAAAAIAAAACAAAAAgAAQAIAAAAAAAAAAAoAGAAsAE4AigC8AOwA+gEeAAAAAQAAAAoAIQAEAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAA4AAAABAAAAAAACAA4ARwABAAAAAAADAA4AJAABAAAAAAAEAA4AVQABAAAAAAAFABYADgABAAAAAAAGAAcAMgABAAAAAAAKACgAYwADAAEECQABAA4AAAADAAEECQACAA4ARwADAAEECQADAA4AJAADAAEECQAEAA4AVQADAAEECQAFABYADgADAAEECQAGAA4AOQADAAEECQAKACgAYwBjAG8AbgB0AHIAbwBsAFYAZQByAHMAaQBvAG4AIAAxAC4AMABjAG8AbgB0AHIAbwBsY29udHJvbABjAG8AbgB0AHIAbwBsAFIAZQBnAHUAbABhAHIAYwBvAG4AdAByAG8AbABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'),
         url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
    font-weight:normal;
    font-style:normal;
}
.icon {
    font-family: 'control';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	
}
.colorfff{color:#fff;}
.backgroundfff{background:#fff;}
input{box-shadow:none!important;-webkit-appearance: none;}
i,b,a{display:inline-block;}
button{background:none;border:0;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.tcenter{text-align:center;}
.marginauto{margin:0 auto;}

  
/*2017-12-8学生做微课已悄然流行，你知道吗？营销1*/
.marketing{
    margin:1rem auto;
}
.marketing .layuirow{
    padding:1rem 1rem;
}
.title{
    font-size:1.2rem;
    padding:0 0 1.5rem 0;
    color:#07111b;
}
.text{
    color:#666;
    line-height:1.8rem;
    text-indent:1.8rem;
    word-break:break-all;
}
.marketing h2{
    padding:1rem 0;
    font-size:1rem
}
.imgbox{
    padding:1rem 0;
}
.imgbox img{
    width:33%;
    margin:0 auto;
    display:block;
}
.imgbox button{
    display:block;
    margin:.5rem auto;
}
.tip-txt{
    text-indent:0rem;
    margin:.5rem 0;
    color:#333;
}
i.layui-badge-dot{
    margin:0 10px 0 -8px;
}
.videobox{
    padding:2rem 0;
}
.videobox .video{
    width:100%;
    height:100%;
    position:relative;
}
.videobox p{
    padding:.5rem 0;
    font-size:.8rem;
    text-align:center;
}
.videobox .video i{
    font-size:4rem;
    display:inline-block;
    position:absolute;
    top:30%;
    left:40%;
    color:#c1c1c1;
    cursor:pointer;
}

.layuicontainer .questionnaire,
.sweepstakebox{
    display:block;
    margin: 0 auto;
}

.codebox{
    height:11vw;
    width:80%;
    position: absolute;
    display:flex;
    top:20.5%!important;
    left:50%!important;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    line-height:12vmin;
}
.group{
    height:30vw;
    width:80%;
    position: absolute;
    display:flex;
    top:61%!important;
    left:50%!important;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.code{
    font-size:4vw;
    color:#000;
    font-weight:bold;
    width:65%;
    line-height:12vw;
}
.codebtn{
    position:absolute;
    right:0;
    top:0;
    width:35%;
    height:100%;
    cursor: pointer;
}
.codebtn button{
    width:100%;
    height:7vw;
    float:right;
    background:#ff5a6a;
    border-radius:50px;
    color:#fff;
    font-size:3vw;
    line-height:7vw;
    box-shadow:0 0 3px 0 #ff5a6a;
    margin-top:2.5vw;
    cursor: pointer;
}
.group div.group1{
    width:95%;
    margin:0 auto;
}
.group div.group2{
    width:100%;
    height:100%;
}
.group2 img{
    display:block;
    margin:0 auto;
}
.group2 p{
    text-align:center;
    font-size:2.5vmin;
    color:#666;
    margin-top:.25rem;
}
.group button{
    width:100%;
    height:10vw;
    border:.12rem #378afd solid;
    border-radius:50px;
    display: inline-block;
    color:#378afd;
    margin:2.5vw 0;
    font-size:3.7vmin;
    cursor: pointer;
}

/*微课宝帮助页面 h5pc 自适应*/
.wkbhelp{
    height:auto;
    width:620px;
}
.wkbhelp .title{
    margin-bottom:30px;
}
.wkbhelp .category-title{
    margin-bottom:15px;
    padding-left:10px;
    font-size:20px;
    line-height:1;
    border-left:4px solid #ea6f5a;
}
.wkbhelp .questions{
    margin-bottom: 30px;
    padding: 10px 0;
}
.wkbhelp .question-title{
    display: block;
    padding: 12px 0;
    font-size: 15px;
    color: #3194d0;
    border-bottom: 1px solid #d5d5d5;
}
.wkbhelp .questions .question-title:last-child{
    border-bottom: none;
}
.wkbhelp .title{
    word-break: break-word!important;
    word-break: break-all;
    margin: 20px 0 0;
    font-family: -apple-system,SF UI Display,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.3;
}
.wkbhelp .author{
    margin: 30px 0 40px;
}
.wkbhelp .avatar{
    width: 48px;
    height: 48px;
    vertical-align: middle;
    display: inline-block;
}
.avatar img{
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50%;
}
.wkbhelp .author .info{
    vertical-align: middle;
    display: inline-block;
    margin-left: 8px;
    width:80%;
}
.wkbhelp .author .name{
    margin-right: 3px;
    font-size: 16px;
    vertical-align: middle;
}
.wkbhelp .author .meta{
    margin-top:6px;
    font-size: 12px;
    color: #969696;
}
.wkbhelp .show-content{
    color: #2f2f2f;
    word-break: break-word!important;
    word-break: break-all;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    width:100%!important;
}
.wkbhelp .show-content img{
    display:block;
    margin:10px auto;
    width:90%;
}
.wkbhelp .show-content video{
    width:100%;
}

/* 微课宝邀请记录 */
.wkbinvitebox{
    height:100vh
}
.wkbinvite{
    width:100%;
    height:8vw;
    background:url("../images/wkbinvite.png") no-repeat center top;
    background-size:100%;
    text-align:center;
    color:#fff;
    line-height:5vw;
    font-size:1rem;
}
.wkbinvitediv{
    width:94vw;
    padding:2vw 3vw;
    border-bottom:1px #E6E6E6 solid;
    color:#333
}
.wkbinvitediv:last-child{
    border:none
}
.wkbinviteimg{
    width:3rem;
    height:3rem;
    border-radius:3rem; 
    float:left;
}
.wkbinviteimg img{
    border:1px #ddd solid;
    width:3rem;
    height:3rem;
    border-radius:3rem;
}
.wkbinvitename{
    float:left;
    font-size:1.1rem;
    line-height:3rem;
    margin-left:3vw
}
.wkbinvitetime{
    float:right;
    line-height:3rem;
    font-size:1rem;
}




/* h5邀请会员 */
.invip{
    width:50%;
    height:10vw;
    border-radius:10vw;
    color:#fff;
    font-size:1.05rem;
    background:linear-gradient(180deg,rgba(247,68,66,1),rgba(250,113,72,1));
    box-shadow:0px 9px 9px 1px rgba(254,157,93,0.32);
    position:absolute;
    display:flex;
    bottom:23vw;
    left:50%!important;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
}
.invip p{
    margin:0 auto;
    display:block
}



/* 抽奖 */
.sweepstake{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background:#422E51;
}
.sweepstakebox{
    width:100%;
    height:100%;
    margin:0 auto;
    color:#fff;
    text-align:center;
}
.sweepstakediv{
    width:100%;
    background:url('../images/sweepstake.png') no-repeat center;
    background-size:90%;
    filter: drop-shadow(0px 0px 80px rgba(198,66,63,1));
    position:relative;
    height:60%;
}
.turntable-bg{
    height:61vw;
    width:100%;
    position:absolute;
    left:50%;
    top:50%;
    display:flex;
    -webkit-transform:translate(-50%, -57%);
    -moz-transform:translate(-50%, -57%);
    transform:translate(-50%, -57%);

}
.turntable-bg .pointer{
    width:25%;
    height:42%;
    position:absolute;
    left:50%;
    top:50%;
    display:flex;
    -webkit-transform:translate(-45%, -50%);
    -moz-transform:translate(-45%, -50%);
    transform:translate(-45%, -50%);
    background:url("../images/sweepstake3.png") no-repeat center;
    background-size:cover;
    z-index:1;
}
.turntable-bg .rotate{
    width:61.5%;
    height:100%;
    position:absolute;
    left:50%;
    top:50%;
    display:flex;
    -webkit-transform:translate(-48%, -50%);
    -moz-transform:translate(-48%, -50%);
    transform:translate(-48%, -50%);
}
.turntable-bg .rotate img,
.turntable-bg .pointer img{
    width:100%;
    height:100%;
}
.sweepstakeother{
    height:24%;
}
.sweepstakeaward{
    color:#FFFF00;
    font-size:4vw;
    cursor:pointer;
}
.sweepstakebtnbox .sweepstakeaward{text-decoration:underline}
.sweepstakebtn{
    width:60vw;
    height:14vw;
    line-height:12vw;
    background:url('../images/sweepstakebtn.png') no-repeat top center;
    background-size:100%;
    color:#603813;
    font-size:4.5vw;
    margin:2vw auto 1vw;
    cursor:pointer
}
.sweepstaketimes{
    font-size:3.8vw;
    height:7vw;
}
.sweepstaketips{
    font-size:3.8vw;
    height:5.5vw;
    color:#fff
}
.scaletext{
    overflow:hidden;
    padding:.5rem 0 .5rem;
    height:3.5rem;
    font-size:.9rem;
    width:100%;
    line-height:1.15rem;
}
.scaletext ul{
    height:100%;
    overflow:hidden;
}
.scaletext ul li span{
    color:#F15A24;
}
.scaletext ul li.active{
    color:#64556d;
    font-size:.6rem;
    line-height:1.2rem;
}
.scaletext ul li.active span{
    color:#5e344d;
}

/* 得奖 */
.prizebox,
.prizebox3{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-color:rgba(0,0,0,.8);
}
.prizebox3{
    background-image:url('/marketing/images/arrow.png');
    background-repeat:no-repeat;
    background-position:90% top;
    background-color:rgba(0,0,0,.8);
    background-size:70%;
}
.prizebox-layer{
    width:77.5vw;
    height:auto;
    background:#fff;
    position:absolute;
    left:50%;
    top:52%;
    display:flex;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    padding:8% 0 2%;
    border-radius:11px;
}
.prizebox-layer img{
    width:112%;
    position:absolute;
    left:50%;
    top:-20%;
    display:flex;
    -webkit-transform:translate(-50.1%, -50%);
    -moz-transform:translate(-50.1%, -50%);
    transform:translate(-50.1%, -50%);
}
.prizebox cite{
    width:1.8rem;
    height:1.8rem;
    position:absolute;
    display:flex;
    left:50%;
    bottom:2%;
    z-index:99;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    background:url("../images/sweepstake4.png") no-repeat center;
    background-size:100%;
    cursor:pointer;
}
.prizemain{
    width:100%;
    padding:2vw 1rem 5vw;
    color:#666;
    line-height:1.4rem;
    font-size:.8rem;
    max-height:14rem;
    overflow-x:hidden;
    position:relative;
}
.prizemain .name{
    color:#FF5237;
    font-size:1.5rem;
    line-height:3rem;
    text-align:center;
}
.prizemain .nameblue{
    color:#29ABE2;
}
.colorFF5237{
    color:#FF5237;
}
.color29ABE2{
    color:#29ABE2;
}
.prizemainbtnbox{
    width:100%;
    position:fixed;
    bottom:-11vw;
    left:0;
    background:#fff;
    border-radius:0 0 11px 11px;
}
.prizemainbtn,
.prizemainbtn-gray{
    width:53%;
    background:url('../images/sweepstake6.png') no-repeat center; 
    background-size:100%;
    margin:3% auto 2%;
    color:#603813;
    text-align:center;
    display:block;
    height:3rem;
    line-height:3rem;
    font-size:1rem;
    cursor:pointer;
}
.prizemainbtn-gray{
    background:url('../images/sweepstakebtn-gray.png') no-repeat center; 
    background-size:100%;
}
.prizebox-layer img{
    width:112%;
    position:absolute;
    left:50%;
    top:-20%;
    display:flex;
    -webkit-transform:translate(-50.1%, -50%);
    -moz-transform:translate(-50.1%, -50%);
    transform:translate(-50.1%, -50%);
}
.prizebox1 .prizebox-layer img{
    top:-13%;
}
.prizebox2 .prizebox-layer img{
    width:100%;
    top:-4%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.sweepstakeshared{
    padding-top:.5rem
}
.sweepstakeshared div{
    width:30%;
    float:left;
    text-align:center;
    margin:0 1.3%;
}
.sweepstakeshared div span{
    width:5rem;
    height:2.4rem;
    display:block;
    margin:0 auto;
}
.sweepstakeshared div span.wechat{
    background:url('../images/wechat.png') no-repeat center bottom;
    background-size:45%;
}
.sweepstakeshared div span.qq{
    background:url('../images/QQ.png') no-repeat center bottom;
    background-size:35%;
}
.sweepstakeshared div span.quan{
    background:url('../images/pyq.png') no-repeat center bottom;
    background-size:38%;
}
.prizebox-layer1{
    min-height:70vw;
}
.sweepstaketype{
    width:40%;
    float:left;
    margin:.5rem 0;
    height:2rem;
}
.sweepstaketype i{
    float:left;
    font-style:normal
}
.sweepstaketype span{
    width:1rem;
    height:1rem;
    border-radius:1rem;
    float:left;
    margin:0 5px 0 0;
    border:1px #999 solid;
}
.sweepstaketype span.active{
    border:1px #ff280c solid;
    box-shadow: 0 0 0 3px #fff inset,10px 10px 10px 10px #ff280c inset;
}
.sweepstakemobile{
    height:2.2rem;
    margin:0 0 .2rem;
    border-radius:3px;
    position:relative;
}
.sweepstakemobile input{
    width:99%;
    height:2rem;
    -webkit-appearance: none;
    border:1px #999 solid;
    text-indent:10px;
    border-radius:3px;
}
.sweepstakemobile button{
    padding:.4rem .8rem;
    position:absolute;
    right:.15rem;
    top:.1rem;
    background:#FF5237;
    color:#fff;
    border-radius:3px;
}
.sweepstakemobile1 input{
    width:67%;
}
.sweepstakemobile1 span{
    width:30%;
}
.sweepstaketitle{
    color:#FF5237;
    font-weight:600;
    margin:.5rem 0 .2rem;
}
.sweepstaketitle span{
    width:.3rem;
    height:.7rem;
    background:#FF5237;
    margin:5px .5rem 0 0;
    float:left;
}
.sweepstaketable{
    margin:1rem 0 0;
}
.sweepstaketable,
.sweepstaketable table{
    width:100%;
    text-align:center;
}
.sweepstaketable table,
.sweepstaketable table tr,
.sweepstaketable table td{
    border:1px #999 solid;
}

/* 体验ceo */
.ceocontain{
	width:1140px;
	height:auto;
	padding:20px 0 0;
	margin:0 auto;
	z-index:1;
	position:relative;
}
.ceobox{
	padding:35px 90px 80px;
	border-radius:30px;
	background:#fff;
	margin:-122px auto 0;
}
.ceobox1{
	padding:35px 90px 150px;
	border-radius:30px;
	background:#fff;
	margin:50px auto 0;
	position:relative;
}
.ceobox-title{
	font-size:22px;
	line-height:50px;
}
.ceobox-title span{
	color:#FF601A;
	font-weight:600;
}
.titlebox{
	font-size:20px;
	line-height:50px;
	letter-spacing:-.4px;
}
.titlebox .titlee{
	font-size:28px;
	color:#2741C0;
	font-weight:600;
	margin-bottom:10px;
}
.titlebox cite{
	width:24px;
	height:24px;
	border-radius:24px;
	background:#FF601A;
	color:#fff;
	display:inline-block;
	line-height:24px;
	font-style:normal;
	text-align:center;
	font-size:16px;
	margin:13px 12px 0 0;
	float:left;
}
.titlebox span{
	color:#FF601A;
	font-weight:600;
}
.titlebox p i{
	width:40px;
	height:30px;
	background:url('/marketing/images/ceopic3.png') no-repeat center;
	background-size:100%;
	margin-top:10px;
	float:left;
	line-height:30px;
	font-style:normal;
}
.ceopic4{
	position:absolute;
	left:90px;
	top:-35px;
}
.ceopic5{
	position:absolute;
	right:70px;
	top:-20px;
}
.article-list{
	padding:0 15px 10px;
	letter-spacing:-.5px;
}
.ceofooter-pic{
	margin:-150px auto;
	display:block;
	width:100%
}
.ceopic9{
	position:absolute;
	right:25px;
	bottom:-30px;
}
.ceopic12{
	position:absolute;
	right:-20px;
	top:-45px;
}
.marketing-h5 .ceocontain{
	width:92%;
}
.marketing-h5 .ceobox{
	padding:1.875rem 1rem;
	border-radius:1.625rem;
	margin:-40vw auto 0
}
.marketing-h5 .ceobox-title{
	font-size:.875rem;
	line-height:1.625rem;
	position:relative;
}
.marketing-h5 .titlebox .titlee{
	font-size:1.062rem;
	margin-bottom:.312rem
}
.marketing-h5 .titlebox{
	font-size:.937rem;
	line-height:1.687rem;
	letter-spacing:.05rem;
}
.marketing-h5 .titlebox p i{
	width:1.25rem;
	height:.937rem;
	margin:.312rem;
	line-height:.937rem;
}
.marketing-h5 .ceobox1{
	padding:1.875rem 1rem;
	border-radius:1.625rem;
	margin:1.562rem auto 0
}
.marketing-h5 .ceopic4{
	left:1.093rem;
	top:-1.093rem;
	width:5rem;
}
.marketing-h5 .ceopic5{
	right:0;
	top:-.5rem;
	width:4.062rem;
}
.marketing-h5 .article-list{
	padding:0 .468rem .312rem;
}
.marketing-h5 .ceofooter-pic{
	margin:-55vw auto 0
}
.marketing-h5 .footerinfo{
	font-size:.812rem;
	color:#fff;
	text-align:center;
	width:100%;
	text-align:center;
	position:fixed;
	bottom:2rem;
	line-height:1.375rem;
}
.marketing-h5 .ceopic12{
	right:-1.8rem;
	top:0rem;
	width:2rem;
}










/* 汗微投屏教学拿大奖 */
.videoceo{
    width:85%;
    position:absolute;
    display:flex;
    left:50%!important;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
}
.videoceobox{
    width:41%;
    height:6%;
    font-size:.8rem;
    position:absolute;
    display:flex;
    top:80.5%;
    left:50%!important;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
    overflow:hidden;
}
.placeholder{
    width:50%;
    height:80.5%;
    position:absolute;
    display:flex;
    top:0;
    left:50%!important;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
}



/* 邀请助力积会员，惊喜抽奖嗨不停 */
.vipawardh5{
    width:100vw;
    height:auto;
    background:#FA5B4A;
    position:relative
}
.vipawardh5href{
    font-size:4vw;
    height:5vw;
    width:50%;
    top:23.5%;
    left:36.5%!important;
}
.vipawardh5href1{
    font-size:4vw;
    height:5vw;
    width:10%;
    top:20.5%;
    right:5%!important;
}
.position50{
    position:absolute;
    display:flex;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
}
.rotatebgbox{
    width:100%; 
    height:48vw;  
    top:34.3vw;
    left:50%!important;
}
.rotatebg{
    height:50.3vw;
    top:0;
    left:50%!important;
}
.rotateredbg{
    width:39vw;
    height:39vw;
    top:6.7vw;
    left:30.5%!important;
    z-index:9;
    animation:scaleDraw .5s ease infinite;
}
.rotateredbg1{
    width:39vw;
    height:39vw;
    top:6.7vw;
    left:50%!important;
    z-index:9;
}
@keyframes scaleDraw {  
    0%{
        transform: scale(1); 
    }
    25%{
        transform: scale(1.05);
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.05);
    }
    100%{
        transform: scale(1);
    }
}
.rotatetext{
    width:27vw;
    height:8vw;
    top:20vw;
    left:38%!important;
    font-size:6vw;
    color:#fff;
    z-index:9;
    animation:scaleDraw .5s ease infinite;
}
.rotatetext1{
    width:27vw;
    height:8vw;
    top:20vw;
    left:51.5%!important;
    font-size:6vw;
    color:#fff;
    z-index:9;
}
.rotatecricle{
    width:48vw;
    height:48vw;
    background:#fb7247;
    border-radius:50%;
    position:absolute;
    left:26%!important;
    top:0;
    transform:rotate(-140deg) translateZ(0);
}
.pre_left,.pre_right {
    width:48vw;
    height:48vw;
    position:absolute;
    left:0%!important;
    border-radius:50%;
    top:0;
}
.rotateleft,.rotateright{
    display:block;
    width:48vw;
    height:48vw;
    background:#fdf1dc;
    position:absolute;
    border-radius:50%;
}
.pre_right,.rotateright {
    clip:rect(0,auto,auto,24vw);
}
.pre_left,.rotateleft {
    clip:rect(0,24vw,auto,0);
}
.mask{
    width:36vw;
    height:36vw;
    background:#fdf1dc;
    border-radius:50%;
    position:absolute;
    top:12%!important;
    left:12%!important;
}
.rotatepictext{
    width:10vw;
    height:7vw;
    top:41.5vw;
    left:51%!important;
    color:#fd9b41;
    z-index:9;
}
.rotatetxt{
    width:50vw;
    height:6vw;
    font-size:3.8vw;
    color:#fff;
    top:85vw;
    left:50%!important;
    text-align:center;
    /* display:none; */
}
.rotatebtn{
    width:100vw;
    top:0;
    position:relative;
    display:none;
}
.rotatebtnbox{
    width:90%;
    top:4vw;
    left:50%!important;
}
.rotatebtnbox img{
    margin:0 1vw 0 1vw
}
.vipawardh5 img{
    display:block;
    margin:0 auto;
}



/* 微课宝-好友助力，抽3980元心动大奖 */
.wkblottery-left{
    width:45%;
    height:97%;
    float:left;
    position:relative;
    padding:1% 0 0;
}
.wkblottery-right{
    width:50%;
    height:94.5%;
    float:left;
    padding:1% 2%;
}
.wkblottery-left img{
    height:100%;
    max-width:100%;
    margin:0 auto;
    display:block;
}
.wkblottery-right .box11{
    width:100%;
    height:8%;
}
.wkblottery-right .box22{
    width:100%;
    height:25%;
}
.wkblottery-right .box33{
    width:100%;
    height:15%;
}
.wkblottery-right .box44{
    width:100%;
    height:31%;
}
.wkblottery-right .box55{
    width:100%;
    height:7.5%;
}
.wkblottery-right .box55 a{
    color:#F46A38;
}
.wkblottery-right img{
    height:100%;
}
.wkblottery-text{
    font-size:3.8vh;
    margin-top:4%;
    color:#444
}
.wkblottery-text p{
    margin:1.8vh 0 0vh 0;
}
.wkblottery-text span{
    font-weight:bold;
    height:10vh;
    font-size:4vh;
    float:left;
    margin:0 2vh 0 0;
}
.wkblottery-num{
    font-size:4.2vh;
    margin-top:4vh;
    font-weight:bold;
    color:#333; 
}
.wkblottery-num span{
    color:#F46A38;
    padding:0 1vh;
}
.wkblottery-btm{
    font-size:4.2vh;
    font-weight:bold;
    color:#333; 
}
.wkblottery-box{
  margin-bottom:3%;
}
.wkblottery-box div{
    width:33.33%;
    float:left;
    position:relative;
}
.wkblottery-box div img{
    width:90%;
    margin:0 auto;
    display:block
}
.wkblottery-box span{
    /* width:10vh; */
    color:#FDCF05;
    text-align:center;
    font-size:2.5vh;
    line-height:2.8vh;
    position:absolute;
    display:flex;
    bottom:10%;
    left:50%;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
}
.wkblottery-box span.active{
    color:#fff;
}
.wkblottery-box b{
    width:26vh;
    padding:1vh 2vh;
    background:rgba(0,0,0,.4);
    font-size:4.2vh;
    color:#fff;
    border-radius:10vh;
    position:absolute;
    display:flex;
    bottom:35%;
    left:51%;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
    display:none;
}
.wkblottery-box b.active{
    display:block
}
.wkblottery-layer{
    width:100vw;
    height:100vh;
    background:rgba(0,0,0,.7);
    position:absolute;
    z-index:99;
    display:none;
}
.wkblottery-layer .box1{
    width:100%;
    height:30%;
    padding-top:5%;
}
.wkblottery-layer .box2{
    width:100%;
    height:10%;
    font-size:5vh;
    color:#fff;
    text-align:center;
    line-height:15vh;
}
.wkblottery-layer .box3{
    width:100%;
    height:51%;
    position:relative!important;
}
.wkblottery-layer img{
    height:100%;
    margin:0 auto;
    display:block;
}
.wkblottery-layer .box4{
    font-size:2.5vh;
    left:50%;
    bottom:24%;
    color:#fff;
    line-height:3vh;
    text-align:center;
    width:7.2%;
    position:absolute;
    display:flex;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
}
.wkblottery-info{
    width:75vh;
    height:auto;
    background:#fff;
    border-radius:5px;
    padding:5vh 3vw;
    position:absolute;
    display:flex;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    font-size:3.5vh;
}
.wkblottery-info input{
    width:100%!important;
    height:10vh;
    border:1px #B3B3B3 solid;
    border-radius:3px;
    margin-bottom:3vh;
    display:inline-block;
    text-indent:2vh;
}
.wkblottery-infobtn{
    width:80%;
    margin:8% auto 0;
}
.wkblottery-infobtn button{
    padding:2vh;
    width:45%;
    text-align:center;
    background:#D0D0D0;
    border-radius:3px;
}
.wkblottery-infobtn button.btnn2{
    margin:0 0 0 10%
}
.wkblottery-infobtn button.active,
.wkblottery-info .lbtn{
    background:linear-gradient(to right,#FEA54B ,#FE8D5B, #FF706F);
    background:-webkit-linear-gradient(to right,#FEA54B ,#FE8D5B, #FF706F);
    color:#fff;
}
.wkblottery-info table{
    margin-top:0;
}
.wkblottery-info .wtitle{
    font-size:5vh;
    margin-bottom:2vh;
    text-align:center;
}
.wkblottery-info table td,
.wkblottery-info table th{
    border:1px #B3B3B3 solid;
    width:50vh;
    padding:1.5vh;
}
.lbtn{
    padding:0 2vh;
    border-radius:3px;

}
.closebtn{
    width:30px;
    height:30px!important; 
    position: absolute;
    right:10px;
    top:10px;
}

/* 汗微互动教学设备试用申请 */
#topNav{
    width:100%;
    overflow:hidden;
    border-bottom:1px solid #DCDCDC;
}
#topNav .swiper-slide {
    letter-spacing:2px;
    width:auto;
    padding:0 5vw;
    font-size:4.5vw;
    text-align:center;
    color:#666
}
#topNav .swiper-slide span{
    transition:all .3s ease;
    display:block;
    padding:0 0 2.5vw;
    border-bottom:2px solid transparent;
}
#topNav .active span{
    color:#41BA38;
    font-weight:bold;
    border-bottom:2px #41BA38 solid;
}
.swiper-container2{
    width:100%;
    height:100%;
    overflow:hidden;
}
.swiper-slide{
    background:#fff;
}
.swiper-container2 .swiper-wrapper{
    width:100%;
    padding:0 0 15vw;
}
.swiper-container2 .swiper-wrapper img{
    margin:3vw auto 2.2vw;
    display:block;
}
.swiper-container2 .swiper-wrapper .title1{
    font-size:4.3vw;
    color:#333;
    font-weight:bold;
    padding:0 5vw;
}
.swiper-container2 .swiper-wrapper .main{
    font-size:4.3vw;
    color:#666;
    padding:0 5vw;
    line-height:6.7vw;
    margin:2vw 0 3vw;
}
.shtitle{
    width:50vw;
    height:20vw;
    position: absolute;
    left:6vw;
    top:8vw;
}
.shtitle .p1{
    font-size:5.5vw;
    font-weight:bold;
    color:#333;
    margin-bottom:1vw;
}
.shtitle .p2{
    font-size:3.5vw;
    color:#333;
}
.spad .title1{
    margin:2vw 0 4vw 0;
}
.spic{
    width:13.5vw;
    height:13.5vw;
    padding:0 3.5vw 0 4.8vw;
}
.spic img{
    margin:0!important;
}
.sname .p1{
    font-size:4.3vw;
    color:#666;
    font-weight:bold;
    margin:-1vw 0 1.5vw 0;
    display:inline-block;
}
.sname .p1 i{
    font-size:3vw;
    padding:.3vw 3vw;
    font-weight:normal;
    border-radius:3vw;
    color:#666;
    margin:1vw 0 0 2vw;
    float:left;
    background:#DFE1E3;
    font-style:normal;
}
.sname .p2{
    font-size:3.8vw;
    color:#999;
}
.sbtn{
    color:#fff;
    padding:1.8vw 6.5vw;
    font-size:4.3vw;
    border-radius:5vw;
    margin:2vw 5vw 0 0;
    background:linear-gradient(to top,#91e04b,#41ba38);
}
.sbtn a,.sbtn a:visited{
    color:#fff;
}
.btm-btn,
.btm-submitbtn{
    width:100%;
    background:#41BA38;
    padding:3vw 0;
    color:#fff;
    font-size:4.5vw;
    text-align:center;
    position:fixed;
    left:0;
    bottom:0;
    z-index:99;
}
.sharedscreen-success{
    text-align:center
}
.sharedscreen-success img{
    margin:10vh auto 0;
    display:block;
}
.sharedscreen-success .p1{
    font-size:7vw;
    font-weight:bold;
    color:#333;
    margin:0 0 6vw 0;
}
.sharedscreen-success .p2{
    font-size:4vw;
    color:#666;
    margin:3.5vw 0;
}




/* 20190329 运营活动 你秀我奖 */
.marketing-h5{
    display:none;
    background:#FFF1D8;
    height:100%;
}
.marketing-pc-banner{
    width:100%;
    height:100%;
    object-fit:cover;
}
.youshow-area{
    background:#FFF7E8;
    padding:45px 0 55px;
}
.youshow-area1{
    background:#FFF1D8;
    padding:45px 0 40px;
}
.youshow-area2{
    background:#FFFDF1;
    padding:25px 0;
}
.youshow-area img,
.youshow-area1 img,
.youshow-area2 img{margin:0 auto;display:block}
.youshow-areabox{
    width:936px;
    padding:20px 90px;
    background:#fffdfa;
    margin:0 auto;
}
.youshow-areabox p{
    font-size:16px;
    line-height:30px;
    text-indent:32px;
    color:#333;
    letter-spacing:1px;
}
.youshow-areabox p span{
    color:#f6821c;
    display:inline;
    font-weight:bold
}
.youshow-areabox h2{
    font-size:20px;
    font-weight:bold;
    color:#f6821c;
}
.youshow-areabox h2 img{
    margin:10px 12px 0 0
}
.youshow-areabox .p1{
    font-size:18px;
    font-weight:bold;
}
.youshow-areabox .p2{
    font-size:16px;
}
.youshow-areabox .p2 i{
    width:5px;
    height:5px;
    border-radius:5px;
    background:#f6821c;
    margin:-2px 8px 0 0;
}

.youshow-areabox1{
    border:1px #dbdbdb solid;
    border-radius:12px;
    width:275px;
    height:250px;
    padding:30px 0;
    float:left;
    margin:0 50px 0 0;
}
.youshow-areabox1 p{
    font-weight:normal;
    text-indent:0;
    text-align:center;
    font-size:14px;
    line-height:38px;
}
.youshow-areabox1 p.p3{
    background:#f7e7df;
}
.youshow-areabox1 img{
    margin:0 auto 30px;
}
.showlistbox{
    width:1180px;
    margin:30px auto 50px;
}
.showlist{
    margin:0 17px;
    cursor:pointer;
}
.showlistbox a{width:100%;}
.showlist p{
    padding:15px 30px;
    line-height:22px;
}
.showvideo{
    width:600px;
    height:430px;
    margin-left:70px;
}
.marketing-h5 .showimg1{
    width:94.5%;
    margin:1rem auto 0;
    display:block
}
.marketing-h5box{
    width:82%;
    background:#fff;
    /* border-radius:6px; */
    padding:1rem 5% 2rem;
    margin:0 auto;
}
.marketing-h5box p{
    padding:0 .7rem;
    text-indent:1.8rem;
    font-size:.8rem;
    line-height:1.5rem;
    margin-bottom:1.5rem;
    letter-spacing:.1rem;
}
.marketing-h5box p span{
    color:#f6821c;
    display:inline;
    font-weight:bold;
}
.marketing-h5box h2{
    font-size:1rem;
    font-weight:bold;
    color:#f6821c;
}
.marketing-h5box h2 img{
    margin:1px 12px 0 0
}
.marketing-h5box .p1{
    font-size:.9rem;
    font-weight:bold;
    text-indent:1rem;
    letter-spacing:0;
    margin-bottom:0
}
.marketing-h5box .p2{
    font-size:.8rem;
    text-indent:0;
}
.marketing-h5box .p2 i{
    width:5px;
    height:5px;
    border-radius:5px;
    background:#f6821c;
    margin:.6rem 8px 0 0;
    float:left
}
.marketing-h5 .youshow-areabox1{
    width:30.5%!important;
    margin:0 2.5% 0 0;
    padding:1rem 0;
    max-height:13rem;
    border-radius:.5rem;
}
.marketing-h5 .youshow-areabox1 img{
    margin:0 auto 1rem;display:block
}
.marketing-h5 .youshow-areabox1 p{
    font-size:.6rem;
    letter-spacing:0;
    text-indent:0;
    text-align:center;
    padding:0;
    margin-bottom:0;
    line-height:2rem
}
.marketing-h5box .youshow32{
    width:100%;
    margin:0 auto .4rem;
    display:block;
}
.showvideoh5{
    width:100%;
    height:auto;
    margin:0 auto;
    display:block
}
.marketing-h5box p.p4{
    text-indent:0;padding:0;line-height:1.2rem
}
.marketing-h5box h2.p5{
    line-height:1.2rem;color:#333;
    margin-bottom:.2rem
}

/*微课宝关注微信公众号领取会员*/
.wkbwechatvip-title{
	/* margin:5vw 0 0; */
	position:relative;
	/* padding:2rem 0 3rem ; */
	padding:6vw 0 4vw
}
.wkbwechatvip-title i{
	font-style:normal;
	color:#22B573;
	/* font-size:1.2rem; */
	font-size:2.8vw;
}
.wkbwechatvip-title i.i1{
	width:95%;
	height:.1rem;
	background:#22B573;
	position:absolute;
	display:flex;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.wkbwechatvip-title i.i2{
	width:45%;
	padding:0 2vw;
	background:#fff;
	position:absolute;
	display:flex;
	left:50%;
	top:45%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.wkbwechatvip-title i.i2 b{
	font-weight:normal;
	margin:0 auto;
}
.wkbwechatvip-step{
	padding:0 0 0 3vw;
	/* font-size:1.1rem; */
	font-size:2.3vw;
	color:#666;
	line-height:5.8vw;
}
.wkbwechatvip-sharedbox{
	width:105%;
	margin:6vw auto 0;
	color:#666;
}
.wkbwechatvip-sharedbox div{
	width:25%;
	height:auto;
	float:left;
	text-align:center;
}
.wkbwechatvip-sharedbox div button{
	font-size:1.55vw!important;
	letter-spacing:-1px;
}
.wkbwechatvip-sharedbox div img{
	width:60%;
	height:100%;
	display:block;
	margin:0 auto .5rem;
}





/* 强制竖屏 */
@media screen and (orientation:portrait){/*竖屏*/
    .wkblottery-left{
        width:42%;
    }
    .wkblottery-right{
        width:51%;
    }
    .wkblottery-left img{
        width:95%;
        height:auto;
    }
    .wkblottery-right .box11{
        width:100%;
        height:7%;
    }
    .wkblottery-text{
        font-size:3.6vw;
        margin-top:3%;
    }
    .wkblottery-text p{
        margin:.5vw 0 0 0;
    }
    .wkblottery-text span{
        height:10vw;
        font-size:4vw;
        margin:0 2vw 0 0;
    }
    .wkblottery-num{
        font-size:4vw;
        margin-top:4vw;
    }
    .wkblottery-num span{
        padding:0 1vw;
    }
    .wkblottery-btm{
        font-size:4vw;
    }
    .wkblottery-box span{
        width:10vw;
        font-size:2.5vw;
        line-height:2.5vw;
    }
    .wkblottery-box b{
        width:18vw;
        padding:1vw 2vw;
        font-size:3vw;
        border-radius:10vw;
    }
    .wkblottery-layer{
        width:100vh;
        height:100vw;
    }
    .wkblottery-layer .box1{
        padding-top:5%;
    }
    .wkblottery-layer .box2{
        font-size:5vw;
        line-height:15vw;
    }
    .wkblottery-layer .box3{
        width:100%;
        height:45%;
    }
    .wkblottery-layer .box4{
        font-size:2.5vw;
        left:50%;
        bottom:18%;
        line-height:3vw;
    }
    .wkblottery-info{
        width:44vh;
        height:75vw;
        padding:5vw 3vh;
        font-size:3.5vw;
    }
    .wkblottery-info input{
        height:10vw;
        margin-bottom:3vw;
        text-indent:2vw;
    }
    .wkblottery-infobtn button{
        padding:2vw;
    }
    .wkblottery-info .wtitle{
        font-size:5vw;
        margin-bottom:2vw;
    }
    .wkblottery-info table td,
    .wkblottery-info table th{
        width:50vw;
        padding:1.5vw;
        font-size:3vw;
    }
    .wkblottery-info .lbtn{
        padding:0 2vw;
    }
}

/* 抽奖横屏竖屏 */
@media screen and (orientation: landscape) {/*横屏*/
    .sweepstake {
        height:auto;
    }
    .scaletext{
        height:70px;
        font-size:1.1rem;
        line-height:1.45rem;
    }
    .scaletext ul li.active{
        font-size:.6rem;
        line-height:.9rem;
    }
    .sweepstakediv{
        min-height:45pc
    }
    .sweepstaketimes,
    .sweepstakeaward,
    .sweepstaketips{
        font-size:1.1rem;
    }
    .sweepstaketimes{
        height:5vw;
    }
    .sweepstakebtnbox{
        margin:0 0 3%;
    }
    .sweepstakebtn{
        width:40vw;
        height:9vw;
        line-height:9vw;
        font-size:1.1rem;
    }
    .prizebox-layer{
        width:18rem;
        padding:6% 0;
    }
    .prizemain{
        padding:2vw 1rem 2vw
    }
    .prizemainbtnbox{
        bottom:-5vw;
    }
    .prizemainbtn{
        width:45%; 
        font-size:1rem;
    }
    .prizebox-layer1{
        min-height:30vw;
    }
}








@media screen and (min-width: 768px) and (max-width: 1024px){
   .marketing .layui-container{
        width:80%;
    } 
    .title{
        padding:50px 0 0;
        font-size:30px;
    }
    .text{
        font-size:16px;
        line-height:36px;
    }
    .layuicontainer{
        padding:50px;
    }
    .videobox{
        padding:40px 0;
    }
    .layuicontainer .questionnaire{
        width:80%;
    }
    .marketing .layuirow{
        padding:2rem 1rem;
    }
    .codebox{
        width:65%;
        height:8vw;
        line-height:9vmin;
    }
    .group{
        height:17vw;
        width:65%;
    }
    .code{
        font-size:2.4vw;
        line-height:9vw
    }
    .codebtn button{
        height:4vw;
        font-size:2vw;
        line-height:4vw;
    }
    .group div.group1{
        width:90%;
    }
    .group button{
        height:5vw;
        margin:1.5vw 0;
        font-size:2.2vmin;
    }
    .wkbhelp .title{
        padding:0;
        font-size:30px;
    }
    .invip{
        width:25vw;
        height:5vw;
        border-radius:10vw;
        bottom:11vw;
    }
    /* 抽奖 */
    .sweepstakebox{
        width:80%;
        height:100%;
        margin:0 auto;
    }
    .scaletext{
        height:5rem;
        font-size:1.2rem;
        line-height:1.65rem;
    }
    .scaletext ul li.active{
        font-size:1rem;
        line-height:1.65rem;
    }
    .sweepstake{
        background-size:72%;
    }
    .turntable-bg{
        height:49vw;
        width:96%;
    }
    .turntable-bg .rotate{
        width:64%;
    }
    .sweepstakeaward{
        font-size:3vw;
    }
    .sweepstakebtn{
        width:45vw;
        height:10vw;
        line-height:10vw;
        font-size:3.8vw;
    }
    .sweepstaketimes{
        font-size:3vw;
        height:5vw;
    }
    .sweepstaketips{
        font-size:3vw;
        height:5.5vw;
    }
    .prizebox-layer{
        width:50vw;
        padding:6% 0 3%;
    }
    .prizemain{
        padding:0 3vw;
        max-height:19rem;
        line-height:4vw;
        font-size:2.5vw;
    }
    .prizemain .name{
        font-size:1.8rem;
        line-height:8vw;
    }
    .prizemainbtnbox{
        bottom:-7.2vw;
    }
    .prizemainbtn{
        width:40%;
        margin:3% auto 4%;
        line-height:3rem;
        font-size:1.2rem;
    }
    .sweepstakemobile{
        height:2.5rem;
        margin:0 0 .8rem;
    }
    .sweepstakemobile input{
        height:2.5rem;
        border:1px #999 solid;
    }
    .sweepstaketitle span{
        height:1.2rem;
    }
    .sweepstakemobile button{
        padding:.3rem .8rem;
        right:.25rem;
        top:.25rem;
    }
    .prizebox-layer1{
        min-height:42vw;
    }
    .sweepstaketype span{
        margin:5px 8px 0 0;
    }
    /* ceo */
    .videoceobox{
        width:75%;
    }

    .marketing-pc{
        display:none;
    }
    .marketing-h5{
        display:block;
    }
}
@media screen and (min-width: 1025px){
    .layuicontainer .questionnaire{
        width:45%;
    }
    .marketing .layuirow{
        padding:2rem 1rem;
    }
    .codebox{
        width:35%;
        height:4vw;
    }
    .group{
        height:9vw;
        width:35%;
    }
    .group2 p{
        font-size:1.5vmin;
    }
    .code{
        font-size:1.15vw;
        line-height:4vw
    }
    .codebtn button{
        height:2vw;
        border-radius:60px;
        font-size:1vw;
        line-height:1vw;
        margin-top:1vw
    }
    .group div.group1{
        width:90%;
    }
    .group button{
        height:2.8vw;
        margin:.8vw 0;
        font-size:2vmin;
    }
    .invip{
        width:12vw;
        height:2.5vw;
        border-radius:10vw;
        bottom:8vw;
    }
    /* 抽奖 */
    .sweepstake{
        height:100%;
    }
    .sweepstakebox{
        width:40%;
        height:100%;
    }
    .sweepstakediv{
        min-height:20vw!important;
    }
    .scaletext{
        height:5rem;
        font-size:1.2rem;
        line-height:1.65rem;
    }
    .scaletext ul li.active{
        font-size:1rem;
        line-height:1.65rem;
    }
    .turntable-bg .pointer{
        width:20%;
        height:42%;
        top:50%;
    }
    .turntable-bg .rotate{
        width:48%;
        height:100%;
        top:50%;
    }
    .sweepstakediv{
        background-size:70%;
    }
    .turntable-bg{
        height:19vw;
    }
    .sweepstakeother{
        height:10vw;
    }
    .sweepstakeaward{
        font-size:1.2rem;
    }
    .sweepstakebtn{
        width:19vw;
        height:5vw;
        line-height:4vw;
        font-size:1.2rem;
        margin:0 auto;
    }
    .sweepstaketimes{
        font-size:1.2rem;
        height:3vw;
    }
    .sweepstaketips{
        font-size:1.2rem;
        height:3vw;
    }
    .prizebox-layer{
        width:20vw;
        padding:3% 2%;
    }
    .prizemain{
        padding:0 .5rem 1rem;
        max-height:20rem;
        line-height:1.8rem;
        font-size:.8rem;
    }
    .prizemain .name{
        font-size:1.5rem;
        line-height:3.5rem;
    }
    .prizemainbtnbox{
        bottom:-3rem;
    }
    .sweepstakemobile{
        height:2.2rem;
        margin:0 0 .8rem;
    }
    .sweepstakemobile input{
        height:2.2rem;
        border:1px #999 solid;
    }
    .sweepstaketitle span{
        height:1rem;
    }
    .sweepstakemobile button{
        padding:.3rem .8rem;
        right:.25rem;
        top:.25rem;
    }
    .sweepstakeshared div span{
        width:100%;
        height:3rem;
    }
    ::-webkit-scrollbar {
        width:7px;
        height:10px;
        border-radius:7px;
    }
    ::-webkit-scrollbar-corner, ::-webkit-scrollbar-track {
        background-color:#e2e2e2;
    }
    ::-webkit-scrollbar-thumb {
        border-radius:7px;
        background-color:rgba(0,0,0,.3);
    }
    ::-webkit-scrollbar-corner, ::-webkit-scrollbar-track {
        background-color:#e2e2e2;
    } 
    .prizebox-layer1{
        min-height:15vw;
    }
    .sweepstaketype span{
        margin:5px 8px 0 0;
    }
 
}
@media screen and (max-width: 767px){
    .wkbhelp{
        width:100%;
    }
    .wkbhelp .title{
        display:none
    }
    .vipinvite{
        width:100%;
    }
    .videoceobox{
        width:90%;
    }
   
    .marketing-pc{
        display:none;
    }
    .marketing-h5{
        display:block;
    }
}








html,body,div,h1,h2,h3,h4,h5,h6,a,p,b,i,dl,dt,dd,span,pre{
    margin:0;padding:0;
    font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB",
    "Heiti SC","WenQuanYi Micro Hei",sans-serif;
    }
body{
    background:#F2F2F2;
}
@font-face {
    font-family:'control';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMghC/L0AAAC8AAAAYGNtYXDmGQCHAAABHAAAAERnYXNwAAAAEAAAAWAAAAAIZ2x5Zs30zGwAAAFoAAACPGhlYWT+9yLHAAADpAAAADZoaGVhA+IB6wAAA9wAAAAkaG10eBEAAOAAAAQAAAAAKGxvY2ECygIcAAAEKAAAABZtYXhwAA8AIwAABEAAAAAgbmFtZTVK19EAAARgAAABOXBvc3QAAwAAAAAFnAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAACDmBwHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADAAAAAIAAgAAgAAACDmB//9//8AAAAg5gD//f///+EaAgADAAEAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQBgACABoAGgAAIAABMNAWABQP7AAaDAwAAAAAIAQAAgAcABoAADAAcAABMzESMTMxEjQKCg4KCgAaD+gAGA/oAAAAABAAAABwDgAbkAEAAAEz4BHgEXAxYOASYvAz8ByQUIBwMBAQEFBQoDek8BUXgBuQUDAgkG/mEGCQIDBXgBvwF4AAAAAAIAAAAHAeABuQAQACAAABM+AR4BFwMWDgEmLwM/AQEHLwEPAT8BLwE3FzcfAQfJBQgHAwEBAQUFCgN6TwFReAEYASk3NSsBNTUBKzU3KQE3AbkFAwIJBv5hBgkCAwV4Ab8BeP7yKwE1NQErNTcpATc3ASk3AAAAAAQAAP/gAgAB4AAGAA0AFAAbAAABFScHJzcnBxcHJwc1MxM3FSM3JzcPARcjNRc3AgBFajZqRcVqNmpFwPtFwEVqNmxqRcBFagHgwEVqNmpFRWo2akXA/ntFwEVqNjZqRcBFagAEAAD/4AIAAeAABgANABQAGwAANzMVJwcnNyEXBycHNTM1IzUXNxcHJTcVIzcnNyDARWU2ZQE2ZTZlRcDARWU2Zf8ARcBFZTbAwEVlNmVlNmVFwEDARWU2ZTZFwEVlNgABAEAAIAHAAaAAAwAAEyERIUABgP6AAaD+gAAAAwAAAAACAAHQAAMADQAUAAA3IRUhJRUhNTczFTM1MyU3FyMVIzUAAgD+AAIA/gBAgICA/rCQkHBAICBgICCAQEBgkJCAgAAAAQAAAAEAAC2Uf2pfDzz1AAsCAAAAAADO6/EFAAAAAM7r8QUAAP/gAgAB4AAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAACgAAAAABAAAAAgAAYAIAAEACAAAAAgAAAAIAAAACAAAAAgAAQAIAAAAAAAAAAAoAGAAsAE4AigC8AOwA+gEeAAAAAQAAAAoAIQAEAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAA4AAAABAAAAAAACAA4ARwABAAAAAAADAA4AJAABAAAAAAAEAA4AVQABAAAAAAAFABYADgABAAAAAAAGAAcAMgABAAAAAAAKACgAYwADAAEECQABAA4AAAADAAEECQACAA4ARwADAAEECQADAA4AJAADAAEECQAEAA4AVQADAAEECQAFABYADgADAAEECQAGAA4AOQADAAEECQAKACgAYwBjAG8AbgB0AHIAbwBsAFYAZQByAHMAaQBvAG4AIAAxAC4AMABjAG8AbgB0AHIAbwBsY29udHJvbABjAG8AbgB0AHIAbwBsAFIAZQBnAHUAbABhAHIAYwBvAG4AdAByAG8AbABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'),
         url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
    font-weight:normal;
    font-style:normal;
}
.icon {
    font-family: 'control';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	
}
.colorfff{color:#fff;}
.backgroundfff{background:#fff;}
input{box-shadow:none!important;-webkit-appearance: none;}
i,b,a{display:inline-block;}
button{background:none;border:0;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.tcenter{text-align:center;}
.marginauto{margin:0 auto;}

  
/*2017-12-8学生做微课已悄然流行，你知道吗？营销1*/
.marketing{
    margin:1rem auto;
}
.marketing .layuirow{
    padding:1rem 1rem;
}
.title{
    font-size:1.2rem;
    padding:0 0 1.5rem 0;
    color:#07111b;
}
.text{
    color:#666;
    line-height:1.8rem;
    text-indent:1.8rem;
    word-break:break-all;
}
.marketing h2{
    padding:1rem 0;
    font-size:1rem
}
.imgbox{
    padding:1rem 0;
}
.imgbox img{
    width:33%;
    margin:0 auto;
    display:block;
}
.imgbox button{
    display:block;
    margin:.5rem auto;
}
.tip-txt{
    text-indent:0rem;
    margin:.5rem 0;
    color:#333;
}
i.layui-badge-dot{
    margin:0 10px 0 -8px;
}
.videobox{
    padding:2rem 0;
}
.videobox .video{
    width:100%;
    height:100%;
    position:relative;
}
.videobox p{
    padding:.5rem 0;
    font-size:.8rem;
    text-align:center;
}
.videobox .video i{
    font-size:4rem;
    display:inline-block;
    position:absolute;
    top:30%;
    left:40%;
    color:#c1c1c1;
    cursor:pointer;
}

.layuicontainer .questionnaire,
.sweepstakebox{
    display:block;
    margin: 0 auto;
}

.codebox{
    height:11vw;
    width:80%;
    position: absolute;
    display:flex;
    top:20.5%!important;
    left:50%!important;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    line-height:12vmin;
}
.group{
    height:30vw;
    width:80%;
    position: absolute;
    display:flex;
    top:61%!important;
    left:50%!important;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.code{
    font-size:4vw;
    color:#000;
    font-weight:bold;
    width:65%;
    line-height:12vw;
}
.codebtn{
    position:absolute;
    right:0;
    top:0;
    width:35%;
    height:100%;
    cursor: pointer;
}
.codebtn button{
    width:100%;
    height:7vw;
    float:right;
    background:#ff5a6a;
    border-radius:50px;
    color:#fff;
    font-size:3vw;
    line-height:7vw;
    box-shadow:0 0 3px 0 #ff5a6a;
    margin-top:2.5vw;
    cursor: pointer;
}
.group div.group1{
    width:95%;
    margin:0 auto;
}
.group div.group2{
    width:100%;
    height:100%;
}
.group2 img{
    display:block;
    margin:0 auto;
}
.group2 p{
    text-align:center;
    font-size:2.5vmin;
    color:#666;
    margin-top:.25rem;
}
.group button{
    width:100%;
    height:10vw;
    border:.12rem #378afd solid;
    border-radius:50px;
    display: inline-block;
    color:#378afd;
    margin:2.5vw 0;
    font-size:3.7vmin;
    cursor: pointer;
}

/*微课宝帮助页面 h5pc 自适应*/
.wkbhelp{
    height:auto;
    width:620px;
}
.wkbhelp .title{
    margin-bottom:30px;
}
.wkbhelp .category-title{
    margin-bottom:15px;
    padding-left:10px;
    font-size:20px;
    line-height:1;
    border-left:4px solid #ea6f5a;
}
.wkbhelp .questions{
    margin-bottom: 30px;
    padding: 10px 0;
}
.wkbhelp .question-title{
    display: block;
    padding: 12px 0;
    font-size: 15px;
    color: #3194d0;
    border-bottom: 1px solid #d5d5d5;
}
.wkbhelp .questions .question-title:last-child{
    border-bottom: none;
}
.wkbhelp .title{
    word-break: break-word!important;
    word-break: break-all;
    margin: 20px 0 0;
    font-family: -apple-system,SF UI Display,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.3;
}
.wkbhelp .author{
    margin: 30px 0 40px;
}
.wkbhelp .avatar{
    width: 48px;
    height: 48px;
    vertical-align: middle;
    display: inline-block;
}
.avatar img{
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50%;
}
.wkbhelp .author .info{
    vertical-align: middle;
    display: inline-block;
    margin-left: 8px;
    width:80%;
}
.wkbhelp .author .name{
    margin-right: 3px;
    font-size: 16px;
    vertical-align: middle;
}
.wkbhelp .author .meta{
    margin-top:6px;
    font-size: 12px;
    color: #969696;
}
.wkbhelp .show-content{
    color: #2f2f2f;
    word-break: break-word!important;
    word-break: break-all;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    width:100%!important;
}
.wkbhelp .show-content img{
    display:block;
    margin:10px auto;
    width:90%;
}
.wkbhelp .show-content video{
    width:100%;
}

/* 微课宝邀请记录 */
.wkbinvitebox{
    height:100vh
}
.wkbinvite{
    width:100%;
    height:8vw;
    background:url("../images/wkbinvite.png") no-repeat center top;
    background-size:100%;
    text-align:center;
    color:#fff;
    line-height:5vw;
    font-size:1rem;
}
.wkbinvitediv{
    width:94vw;
    padding:2vw 3vw;
    border-bottom:1px #E6E6E6 solid;
    color:#333
}
.wkbinvitediv:last-child{
    border:none
}
.wkbinviteimg{
    width:3rem;
    height:3rem;
    border-radius:3rem; 
    float:left;
}
.wkbinviteimg img{
    border:1px #ddd solid;
    width:3rem;
    height:3rem;
    border-radius:3rem;
}
.wkbinvitename{
    float:left;
    font-size:1.1rem;
    line-height:3rem;
    margin-left:3vw
}
.wkbinvitetime{
    float:right;
    line-height:3rem;
    font-size:1rem;
}




/* h5邀请会员 */
.invip{
    width:50%;
    height:10vw;
    border-radius:10vw;
    color:#fff;
    font-size:1.05rem;
    background:linear-gradient(180deg,rgba(247,68,66,1),rgba(250,113,72,1));
    box-shadow:0px 9px 9px 1px rgba(254,157,93,0.32);
    position:absolute;
    display:flex;
    bottom:23vw;
    left:50%!important;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
}
.invip p{
    margin:0 auto;
    display:block
}



/* 抽奖 */
.sweepstake{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background:#422E51;
}
.sweepstakebox{
    width:100%;
    height:100%;
    margin:0 auto;
    color:#fff;
    text-align:center;
}
.sweepstakediv{
    width:100%;
    background:url('../images/sweepstake.png') no-repeat center;
    background-size:90%;
    filter: drop-shadow(0px 0px 80px rgba(198,66,63,1));
    position:relative;
    height:60%;
}
.turntable-bg{
    height:61vw;
    width:100%;
    position:absolute;
    left:50%;
    top:50%;
    display:flex;
    -webkit-transform:translate(-50%, -57%);
    -moz-transform:translate(-50%, -57%);
    transform:translate(-50%, -57%);

}
.turntable-bg .pointer{
    width:25%;
    height:42%;
    position:absolute;
    left:50%;
    top:50%;
    display:flex;
    -webkit-transform:translate(-45%, -50%);
    -moz-transform:translate(-45%, -50%);
    transform:translate(-45%, -50%);
    background:url("../images/sweepstake3.png") no-repeat center;
    background-size:cover;
    z-index:1;
}
.turntable-bg .rotate{
    width:61.5%;
    height:100%;
    position:absolute;
    left:50%;
    top:50%;
    display:flex;
    -webkit-transform:translate(-48%, -50%);
    -moz-transform:translate(-48%, -50%);
    transform:translate(-48%, -50%);
}
.turntable-bg .rotate img,
.turntable-bg .pointer img{
    width:100%;
    height:100%;
}
.sweepstakeother{
    height:24%;
}
.sweepstakeaward{
    color:#FFFF00;
    font-size:4vw;
    cursor:pointer;
}
.sweepstakebtnbox .sweepstakeaward{text-decoration:underline}
.sweepstakebtn{
    width:60vw;
    height:14vw;
    line-height:12vw;
    background:url('../images/sweepstakebtn.png') no-repeat top center;
    background-size:100%;
    color:#603813;
    font-size:4.5vw;
    margin:2vw auto 1vw;
    cursor:pointer
}
.sweepstaketimes{
    font-size:3.8vw;
    height:7vw;
}
.sweepstaketips{
    font-size:3.8vw;
    height:5.5vw;
    color:#fff
}
.scaletext{
    overflow:hidden;
    padding:.5rem 0 .5rem;
    height:3.5rem;
    font-size:.9rem;
    width:100%;
    line-height:1.15rem;
}
.scaletext ul{
    height:100%;
    overflow:hidden;
}
.scaletext ul li span{
    color:#F15A24;
}
.scaletext ul li.active{
    color:#64556d;
    font-size:.6rem;
    line-height:1.2rem;
}
.scaletext ul li.active span{
    color:#5e344d;
}

/* 得奖 */
.prizebox,
.prizebox3{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-color:rgba(0,0,0,.8);
}
.prizebox3{
    background-image:url('/marketing/images/arrow.png');
    background-repeat:no-repeat;
    background-position:90% top;
    background-color:rgba(0,0,0,.8);
    background-size:70%;
}
.prizebox-layer{
    width:77.5vw;
    height:auto;
    background:#fff;
    position:absolute;
    left:50%;
    top:52%;
    display:flex;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    padding:8% 0 2%;
    border-radius:11px;
}
.prizebox-layer img{
    width:112%;
    position:absolute;
    left:50%;
    top:-20%;
    display:flex;
    -webkit-transform:translate(-50.1%, -50%);
    -moz-transform:translate(-50.1%, -50%);
    transform:translate(-50.1%, -50%);
}
.prizebox cite{
    width:1.8rem;
    height:1.8rem;
    position:absolute;
    display:flex;
    left:50%;
    bottom:2%;
    z-index:99;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    background:url("../images/sweepstake4.png") no-repeat center;
    background-size:100%;
    cursor:pointer;
}
.prizemain{
    width:100%;
    padding:2vw 1rem 5vw;
    color:#666;
    line-height:1.4rem;
    font-size:.8rem;
    max-height:14rem;
    overflow-x:hidden;
    position:relative;
}
.prizemain .name{
    color:#FF5237;
    font-size:1.5rem;
    line-height:3rem;
    text-align:center;
}
.prizemain .nameblue{
    color:#29ABE2;
}
.colorFF5237{
    color:#FF5237;
}
.color29ABE2{
    color:#29ABE2;
}
.prizemainbtnbox{
    width:100%;
    position:fixed;
    bottom:-11vw;
    left:0;
    background:#fff;
    border-radius:0 0 11px 11px;
}
.prizemainbtn,
.prizemainbtn-gray{
    width:53%;
    background:url('../images/sweepstake6.png') no-repeat center; 
    background-size:100%;
    margin:3% auto 2%;
    color:#603813;
    text-align:center;
    display:block;
    height:3rem;
    line-height:3rem;
    font-size:1rem;
    cursor:pointer;
}
.prizemainbtn-gray{
    background:url('../images/sweepstakebtn-gray.png') no-repeat center; 
    background-size:100%;
}
.prizebox-layer img{
    width:112%;
    position:absolute;
    left:50%;
    top:-20%;
    display:flex;
    -webkit-transform:translate(-50.1%, -50%);
    -moz-transform:translate(-50.1%, -50%);
    transform:translate(-50.1%, -50%);
}
.prizebox1 .prizebox-layer img{
    top:-13%;
}
.prizebox2 .prizebox-layer img{
    width:100%;
    top:-4%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.sweepstakeshared{
    padding-top:.5rem
}
.sweepstakeshared div{
    width:30%;
    float:left;
    text-align:center;
    margin:0 1.3%;
}
.sweepstakeshared div span{
    width:5rem;
    height:2.4rem;
    display:block;
    margin:0 auto;
}
.sweepstakeshared div span.wechat{
    background:url('../images/wechat.png') no-repeat center bottom;
    background-size:45%;
}
.sweepstakeshared div span.qq{
    background:url('../images/QQ.png') no-repeat center bottom;
    background-size:35%;
}
.sweepstakeshared div span.quan{
    background:url('../images/pyq.png') no-repeat center bottom;
    background-size:38%;
}
.prizebox-layer1{
    min-height:70vw;
}
.sweepstaketype{
    width:40%;
    float:left;
    margin:.5rem 0;
    height:2rem;
}
.sweepstaketype i{
    float:left;
    font-style:normal
}
.sweepstaketype span{
    width:1rem;
    height:1rem;
    border-radius:1rem;
    float:left;
    margin:0 5px 0 0;
    border:1px #999 solid;
}
.sweepstaketype span.active{
    border:1px #ff280c solid;
    box-shadow: 0 0 0 3px #fff inset,10px 10px 10px 10px #ff280c inset;
}
.sweepstakemobile{
    height:2.2rem;
    margin:0 0 .2rem;
    border-radius:3px;
    position:relative;
}
.sweepstakemobile input{
    width:99%;
    height:2rem;
    -webkit-appearance: none;
    border:1px #999 solid;
    text-indent:10px;
    border-radius:3px;
}
.sweepstakemobile button{
    padding:.4rem .8rem;
    position:absolute;
    right:.15rem;
    top:.1rem;
    background:#FF5237;
    color:#fff;
    border-radius:3px;
}
.sweepstakemobile1 input{
    width:67%;
}
.sweepstakemobile1 span{
    width:30%;
}
.sweepstaketitle{
    color:#FF5237;
    font-weight:600;
    margin:.5rem 0 .2rem;
}
.sweepstaketitle span{
    width:.3rem;
    height:.7rem;
    background:#FF5237;
    margin:5px .5rem 0 0;
    float:left;
}
.sweepstaketable{
    margin:1rem 0 0;
}
.sweepstaketable,
.sweepstaketable table{
    width:100%;
    text-align:center;
}
.sweepstaketable table,
.sweepstaketable table tr,
.sweepstaketable table td{
    border:1px #999 solid;
}

/* 体验ceo */
.ceocontain{
	width:1140px;
	height:auto;
	padding:20px 0 0;
	margin:0 auto;
	z-index:1;
	position:relative;
}
.ceobox{
	padding:35px 90px 80px;
	border-radius:30px;
	background:#fff;
	margin:-122px auto 0;
}
.ceobox1{
	padding:35px 90px 150px;
	border-radius:30px;
	background:#fff;
	margin:50px auto 0;
	position:relative;
}
.ceobox-title{
	font-size:22px;
	line-height:50px;
}
.ceobox-title span{
	color:#FF601A;
	font-weight:600;
}
.titlebox{
	font-size:20px;
	line-height:50px;
	letter-spacing:-.4px;
}
.titlebox .titlee{
	font-size:28px;
	color:#2741C0;
	font-weight:600;
	margin-bottom:10px;
}
.titlebox cite{
	width:24px;
	height:24px;
	border-radius:24px;
	background:#FF601A;
	color:#fff;
	display:inline-block;
	line-height:24px;
	font-style:normal;
	text-align:center;
	font-size:16px;
	margin:13px 12px 0 0;
	float:left;
}
.titlebox span{
	color:#FF601A;
	font-weight:600;
}
.titlebox p i{
	width:40px;
	height:30px;
	background:url('/marketing/images/ceopic3.png') no-repeat center;
	background-size:100%;
	margin-top:10px;
	float:left;
	line-height:30px;
	font-style:normal;
}
.ceopic4{
	position:absolute;
	left:90px;
	top:-35px;
}
.ceopic5{
	position:absolute;
	right:70px;
	top:-20px;
}
.article-list{
	padding:0 15px 10px;
	letter-spacing:-.5px;
}
.ceofooter-pic{
	margin:-150px auto;
	display:block;
	width:100%
}
.ceopic9{
	position:absolute;
	right:25px;
	bottom:-30px;
}
.ceopic12{
	position:absolute;
	right:-20px;
	top:-45px;
}
.marketing-h5 .ceocontain{
	width:92%;
}
.marketing-h5 .ceobox{
	padding:1.875rem 1rem;
	border-radius:1.625rem;
	margin:-40vw auto 0
}
.marketing-h5 .ceobox-title{
	font-size:.875rem;
	line-height:1.625rem;
	position:relative;
}
.marketing-h5 .titlebox .titlee{
	font-size:1.062rem;
	margin-bottom:.312rem
}
.marketing-h5 .titlebox{
	font-size:.937rem;
	line-height:1.687rem;
	letter-spacing:.05rem;
}
.marketing-h5 .titlebox p i{
	width:1.25rem;
	height:.937rem;
	margin:.312rem;
	line-height:.937rem;
}
.marketing-h5 .ceobox1{
	padding:1.875rem 1rem;
	border-radius:1.625rem;
	margin:1.562rem auto 0
}
.marketing-h5 .ceopic4{
	left:1.093rem;
	top:-1.093rem;
	width:5rem;
}
.marketing-h5 .ceopic5{
	right:0;
	top:-.5rem;
	width:4.062rem;
}
.marketing-h5 .article-list{
	padding:0 .468rem .312rem;
}
.marketing-h5 .ceofooter-pic{
	margin:-55vw auto 0
}
.marketing-h5 .footerinfo{
	font-size:.812rem;
	color:#fff;
	text-align:center;
	width:100%;
	text-align:center;
	position:fixed;
	bottom:2rem;
	line-height:1.375rem;
}
.marketing-h5 .ceopic12{
	right:-1.8rem;
	top:0rem;
	width:2rem;
}










/* 汗微投屏教学拿大奖 */
.videoceo{
    width:85%;
    position:absolute;
    display:flex;
    left:50%!important;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
}
.videoceobox{
    width:41%;
    height:6%;
    font-size:.8rem;
    position:absolute;
    display:flex;
    top:80.5%;
    left:50%!important;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
    overflow:hidden;
}
.placeholder{
    width:50%;
    height:80.5%;
    position:absolute;
    display:flex;
    top:0;
    left:50%!important;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
}



/* 邀请助力积会员，惊喜抽奖嗨不停 */
.vipawardh5{
    width:100vw;
    height:auto;
    background:#FA5B4A;
    position:relative
}
.vipawardh5href{
    font-size:4vw;
    height:5vw;
    width:50%;
    top:23.5%;
    left:36.5%!important;
}
.vipawardh5href1{
    font-size:4vw;
    height:5vw;
    width:10%;
    top:20.5%;
    right:5%!important;
}
.position50{
    position:absolute;
    display:flex;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
}
.rotatebgbox{
    width:100%; 
    height:48vw;  
    top:34.3vw;
    left:50%!important;
}
.rotatebg{
    height:50.3vw;
    top:0;
    left:50%!important;
}
.rotateredbg{
    width:39vw;
    height:39vw;
    top:6.7vw;
    left:30.5%!important;
    z-index:9;
    animation:scaleDraw .5s ease infinite;
}
.rotateredbg1{
    width:39vw;
    height:39vw;
    top:6.7vw;
    left:50%!important;
    z-index:9;
}
@keyframes scaleDraw {  
    0%{
        transform: scale(1); 
    }
    25%{
        transform: scale(1.05);
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.05);
    }
    100%{
        transform: scale(1);
    }
}
.rotatetext{
    width:27vw;
    height:8vw;
    top:20vw;
    left:38%!important;
    font-size:6vw;
    color:#fff;
    z-index:9;
    animation:scaleDraw .5s ease infinite;
}
.rotatetext1{
    width:27vw;
    height:8vw;
    top:20vw;
    left:51.5%!important;
    font-size:6vw;
    color:#fff;
    z-index:9;
}
.rotatecricle{
    width:48vw;
    height:48vw;
    background:#fb7247;
    border-radius:50%;
    position:absolute;
    left:26%!important;
    top:0;
    transform:rotate(-140deg) translateZ(0);
}
.pre_left,.pre_right {
    width:48vw;
    height:48vw;
    position:absolute;
    left:0%!important;
    border-radius:50%;
    top:0;
}
.rotateleft,.rotateright{
    display:block;
    width:48vw;
    height:48vw;
    background:#fdf1dc;
    position:absolute;
    border-radius:50%;
}
.pre_right,.rotateright {
    clip:rect(0,auto,auto,24vw);
}
.pre_left,.rotateleft {
    clip:rect(0,24vw,auto,0);
}
.mask{
    width:36vw;
    height:36vw;
    background:#fdf1dc;
    border-radius:50%;
    position:absolute;
    top:12%!important;
    left:12%!important;
}
.rotatepictext{
    width:10vw;
    height:7vw;
    top:41.5vw;
    left:51%!important;
    color:#fd9b41;
    z-index:9;
}
.rotatetxt{
    width:50vw;
    height:6vw;
    font-size:3.8vw;
    color:#fff;
    top:85vw;
    left:50%!important;
    text-align:center;
    /* display:none; */
}
.rotatebtn{
    width:100vw;
    top:0;
    position:relative;
    display:none;
}
.rotatebtnbox{
    width:90%;
    top:4vw;
    left:50%!important;
}
.rotatebtnbox img{
    margin:0 1vw 0 1vw
}
.vipawardh5 img{
    display:block;
    margin:0 auto;
}



/* 微课宝-好友助力，抽3980元心动大奖 */
.wkblottery-left{
    width:45%;
    height:97%;
    float:left;
    position:relative;
    padding:1% 0 0;
}
.wkblottery-right{
    width:50%;
    height:94.5%;
    float:left;
    padding:1% 2%;
}
.wkblottery-left img{
    height:100%;
    max-width:100%;
    margin:0 auto;
    display:block;
}
.wkblottery-right .box11{
    width:100%;
    height:8%;
}
.wkblottery-right .box22{
    width:100%;
    height:25%;
}
.wkblottery-right .box33{
    width:100%;
    height:15%;
}
.wkblottery-right .box44{
    width:100%;
    height:31%;
}
.wkblottery-right .box55{
    width:100%;
    height:7.5%;
}
.wkblottery-right .box55 a{
    color:#F46A38;
}
.wkblottery-right img{
    height:100%;
}
.wkblottery-text{
    font-size:3.8vh;
    margin-top:4%;
    color:#444
}
.wkblottery-text p{
    margin:1.8vh 0 0vh 0;
}
.wkblottery-text span{
    font-weight:bold;
    height:10vh;
    font-size:4vh;
    float:left;
    margin:0 2vh 0 0;
}
.wkblottery-num{
    font-size:4.2vh;
    margin-top:4vh;
    font-weight:bold;
    color:#333; 
}
.wkblottery-num span{
    color:#F46A38;
    padding:0 1vh;
}
.wkblottery-btm{
    font-size:4.2vh;
    font-weight:bold;
    color:#333; 
}
.wkblottery-box{
  margin-bottom:3%;
}
.wkblottery-box div{
    width:33.33%;
    float:left;
    position:relative;
}
.wkblottery-box div img{
    width:90%;
    margin:0 auto;
    display:block
}
.wkblottery-box span{
    /* width:10vh; */
    color:#FDCF05;
    text-align:center;
    font-size:2.5vh;
    line-height:2.8vh;
    position:absolute;
    display:flex;
    bottom:10%;
    left:50%;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
}
.wkblottery-box span.active{
    color:#fff;
}
.wkblottery-box b{
    width:26vh;
    padding:1vh 2vh;
    background:rgba(0,0,0,.4);
    font-size:4.2vh;
    color:#fff;
    border-radius:10vh;
    position:absolute;
    display:flex;
    bottom:35%;
    left:51%;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
    display:none;
}
.wkblottery-box b.active{
    display:block
}
.wkblottery-layer{
    width:100vw;
    height:100vh;
    background:rgba(0,0,0,.7);
    position:absolute;
    z-index:99;
    display:none;
}
.wkblottery-layer .box1{
    width:100%;
    height:30%;
    padding-top:5%;
}
.wkblottery-layer .box2{
    width:100%;
    height:10%;
    font-size:5vh;
    color:#fff;
    text-align:center;
    line-height:15vh;
}
.wkblottery-layer .box3{
    width:100%;
    height:51%;
    position:relative!important;
}
.wkblottery-layer img{
    height:100%;
    margin:0 auto;
    display:block;
}
.wkblottery-layer .box4{
    font-size:2.5vh;
    left:50%;
    bottom:24%;
    color:#fff;
    line-height:3vh;
    text-align:center;
    width:7.2%;
    position:absolute;
    display:flex;
    -webkit-transform:translate(-50%, 0%);
    -moz-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
}
.wkblottery-info{
    width:75vh;
    height:auto;
    background:#fff;
    border-radius:5px;
    padding:5vh 3vw;
    position:absolute;
    display:flex;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    font-size:3.5vh;
}
.wkblottery-info input{
    width:100%!important;
    height:10vh;
    border:1px #B3B3B3 solid;
    border-radius:3px;
    margin-bottom:3vh;
    display:inline-block;
    text-indent:2vh;
}
.wkblottery-infobtn{
    width:80%;
    margin:8% auto 0;
}
.wkblottery-infobtn button{
    padding:2vh;
    width:45%;
    text-align:center;
    background:#D0D0D0;
    border-radius:3px;
}
.wkblottery-infobtn button.btnn2{
    margin:0 0 0 10%
}
.wkblottery-infobtn button.active,
.wkblottery-info .lbtn{
    background:linear-gradient(to right,#FEA54B ,#FE8D5B, #FF706F);
    background:-webkit-linear-gradient(to right,#FEA54B ,#FE8D5B, #FF706F);
    color:#fff;
}
.wkblottery-info table{
    margin-top:0;
}
.wkblottery-info .wtitle{
    font-size:5vh;
    margin-bottom:2vh;
    text-align:center;
}
.wkblottery-info table td,
.wkblottery-info table th{
    border:1px #B3B3B3 solid;
    width:50vh;
    padding:1.5vh;
}
.lbtn{
    padding:0 2vh;
    border-radius:3px;

}
.closebtn{
    width:30px;
    height:30px!important; 
    position: absolute;
    right:10px;
    top:10px;
}

/* 汗微互动教学设备试用申请 */
#topNav{
    width:100%;
    overflow:hidden;
    border-bottom:1px solid #DCDCDC;
}
#topNav .swiper-slide {
    letter-spacing:2px;
    width:auto;
    padding:0 5vw;
    font-size:4.5vw;
    text-align:center;
    color:#666
}
#topNav .swiper-slide span{
    transition:all .3s ease;
    display:block;
    padding:0 0 2.5vw;
    border-bottom:2px solid transparent;
}
#topNav .active span{
    color:#41BA38;
    font-weight:bold;
    border-bottom:2px #41BA38 solid;
}
.swiper-container2{
    width:100%;
    height:100%;
    overflow:hidden;
}
.swiper-slide{
    background:#fff;
}
.swiper-container2 .swiper-wrapper{
    width:100%;
    padding:0 0 15vw;
}
.swiper-container2 .swiper-wrapper img{
    margin:3vw auto 2.2vw;
    display:block;
}
.swiper-container2 .swiper-wrapper .title1{
    font-size:4.3vw;
    color:#333;
    font-weight:bold;
    padding:0 5vw;
}
.swiper-container2 .swiper-wrapper .main{
    font-size:4.3vw;
    color:#666;
    padding:0 5vw;
    line-height:6.7vw;
    margin:2vw 0 3vw;
}
.shtitle{
    width:50vw;
    height:20vw;
    position: absolute;
    left:6vw;
    top:8vw;
}
.shtitle .p1{
    font-size:5.5vw;
    font-weight:bold;
    color:#333;
    margin-bottom:1vw;
}
.shtitle .p2{
    font-size:3.5vw;
    color:#333;
}
.spad .title1{
    margin:2vw 0 4vw 0;
}
.spic{
    width:13.5vw;
    height:13.5vw;
    padding:0 3.5vw 0 4.8vw;
}
.spic img{
    margin:0!important;
}
.sname .p1{
    font-size:4.3vw;
    color:#666;
    font-weight:bold;
    margin:-1vw 0 1.5vw 0;
    display:inline-block;
}
.sname .p1 i{
    font-size:3vw;
    padding:.3vw 3vw;
    font-weight:normal;
    border-radius:3vw;
    color:#666;
    margin:1vw 0 0 2vw;
    float:left;
    background:#DFE1E3;
    font-style:normal;
}
.sname .p2{
    font-size:3.8vw;
    color:#999;
}
.sbtn{
    color:#fff;
    padding:1.8vw 6.5vw;
    font-size:4.3vw;
    border-radius:5vw;
    margin:2vw 5vw 0 0;
    background:linear-gradient(to top,#91e04b,#41ba38);
}
.sbtn a,.sbtn a:visited{
    color:#fff;
}
.btm-btn,
.btm-submitbtn{
    width:100%;
    background:#41BA38;
    padding:3vw 0;
    color:#fff;
    font-size:4.5vw;
    text-align:center;
    position:fixed;
    left:0;
    bottom:0;
    z-index:99;
}
.sharedscreen-success{
    text-align:center
}
.sharedscreen-success img{
    margin:10vh auto 0;
    display:block;
}
.sharedscreen-success .p1{
    font-size:7vw;
    font-weight:bold;
    color:#333;
    margin:0 0 6vw 0;
}
.sharedscreen-success .p2{
    font-size:4vw;
    color:#666;
    margin:3.5vw 0;
}




/* 20190329 运营活动 你秀我奖 */
.marketing-h5{
    display:none;
    background:#FFF1D8;
    height:100%;
}
.marketing-pc-banner{
    width:100%;
    height:100%;
    object-fit:cover;
}
.youshow-area{
    background:#FFF7E8;
    padding:45px 0 55px;
}
.youshow-area1{
    background:#FFF1D8;
    padding:45px 0 40px;
}
.youshow-area2{
    background:#FFFDF1;
    padding:25px 0;
}
.youshow-area img,
.youshow-area1 img,
.youshow-area2 img{margin:0 auto;display:block}
.youshow-areabox{
    width:936px;
    padding:20px 90px;
    background:#fffdfa;
    margin:0 auto;
}
.youshow-areabox p{
    font-size:16px;
    line-height:30px;
    text-indent:32px;
    color:#333;
    letter-spacing:1px;
}
.youshow-areabox p span{
    color:#f6821c;
    display:inline;
    font-weight:bold
}
.youshow-areabox h2{
    font-size:20px;
    font-weight:bold;
    color:#f6821c;
}
.youshow-areabox h2 img{
    margin:10px 12px 0 0
}
.youshow-areabox .p1{
    font-size:18px;
    font-weight:bold;
}
.youshow-areabox .p2{
    font-size:16px;
}
.youshow-areabox .p2 i{
    width:5px;
    height:5px;
    border-radius:5px;
    background:#f6821c;
    margin:-2px 8px 0 0;
}

.youshow-areabox1{
    border:1px #dbdbdb solid;
    border-radius:12px;
    width:275px;
    height:250px;
    padding:30px 0;
    float:left;
    margin:0 50px 0 0;
}
.youshow-areabox1 p{
    font-weight:normal;
    text-indent:0;
    text-align:center;
    font-size:14px;
    line-height:38px;
}
.youshow-areabox1 p.p3{
    background:#f7e7df;
}
.youshow-areabox1 img{
    margin:0 auto 30px;
}
.showlistbox{
    width:1180px;
    margin:30px auto 50px;
}
.showlist{
    margin:0 17px;
    cursor:pointer;
}
.showlistbox a{width:100%;}
.showlist p{
    padding:15px 30px;
    line-height:22px;
}
.showvideo{
    width:600px;
    height:430px;
    margin-left:70px;
}
.marketing-h5 .showimg1{
    width:94.5%;
    margin:1rem auto 0;
    display:block
}
.marketing-h5box{
    width:82%;
    background:#fff;
    /* border-radius:6px; */
    padding:1rem 5% 2rem;
    margin:0 auto;
}
.marketing-h5box p{
    padding:0 .7rem;
    text-indent:1.8rem;
    font-size:.8rem;
    line-height:1.5rem;
    margin-bottom:1.5rem;
    letter-spacing:.1rem;
}
.marketing-h5box p span{
    color:#f6821c;
    display:inline;
    font-weight:bold;
}
.marketing-h5box h2{
    font-size:1rem;
    font-weight:bold;
    color:#f6821c;
}
.marketing-h5box h2 img{
    margin:1px 12px 0 0
}
.marketing-h5box .p1{
    font-size:.9rem;
    font-weight:bold;
    text-indent:1rem;
    letter-spacing:0;
    margin-bottom:0
}
.marketing-h5box .p2{
    font-size:.8rem;
    text-indent:0;
}
.marketing-h5box .p2 i{
    width:5px;
    height:5px;
    border-radius:5px;
    background:#f6821c;
    margin:.6rem 8px 0 0;
    float:left
}
.marketing-h5 .youshow-areabox1{
    width:30.5%!important;
    margin:0 2.5% 0 0;
    padding:1rem 0;
    max-height:13rem;
    border-radius:.5rem;
}
.marketing-h5 .youshow-areabox1 img{
    margin:0 auto 1rem;display:block
}
.marketing-h5 .youshow-areabox1 p{
    font-size:.6rem;
    letter-spacing:0;
    text-indent:0;
    text-align:center;
    padding:0;
    margin-bottom:0;
    line-height:2rem
}
.marketing-h5box .youshow32{
    width:100%;
    margin:0 auto .4rem;
    display:block;
}
.showvideoh5{
    width:100%;
    height:auto;
    margin:0 auto;
    display:block
}
.marketing-h5box p.p4{
    text-indent:0;padding:0;line-height:1.2rem
}
.marketing-h5box h2.p5{
    line-height:1.2rem;color:#333;
    margin-bottom:.2rem
}

/*微课宝关注微信公众号领取会员*/
.wkbwechatvip-title{
	/* margin:5vw 0 0; */
	position:relative;
	/* padding:2rem 0 3rem ; */
	padding:6vw 0 4vw
}
.wkbwechatvip-title i{
	font-style:normal;
	color:#22B573;
	/* font-size:1.2rem; */
	font-size:2.8vw;
}
.wkbwechatvip-title i.i1{
	width:95%;
	height:.1rem;
	background:#22B573;
	position:absolute;
	display:flex;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.wkbwechatvip-title i.i2{
	width:45%;
	padding:0 2vw;
	background:#fff;
	position:absolute;
	display:flex;
	left:50%;
	top:45%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.wkbwechatvip-title i.i2 b{
	font-weight:normal;
	margin:0 auto;
}
.wkbwechatvip-step{
	padding:0 0 0 3vw;
	/* font-size:1.1rem; */
	font-size:2.3vw;
	color:#666;
	line-height:5.8vw;
}
.wkbwechatvip-sharedbox{
	width:105%;
	margin:6vw auto 0;
	color:#666;
}
.wkbwechatvip-sharedbox div{
	width:25%;
	height:auto;
	float:left;
	text-align:center;
}
.wkbwechatvip-sharedbox div button{
	font-size:1.55vw!important;
	letter-spacing:-1px;
}
.wkbwechatvip-sharedbox div img{
	width:60%;
	height:100%;
	display:block;
	margin:0 auto .5rem;
}





/* 强制竖屏 */
@media screen and (orientation:portrait){/*竖屏*/
    .wkblottery-left{
        width:42%;
    }
    .wkblottery-right{
        width:51%;
    }
    .wkblottery-left img{
        width:95%;
        height:auto;
    }
    .wkblottery-right .box11{
        width:100%;
        height:7%;
    }
    .wkblottery-text{
        font-size:3.6vw;
        margin-top:3%;
    }
    .wkblottery-text p{
        margin:.5vw 0 0 0;
    }
    .wkblottery-text span{
        height:10vw;
        font-size:4vw;
        margin:0 2vw 0 0;
    }
    .wkblottery-num{
        font-size:4vw;
        margin-top:4vw;
    }
    .wkblottery-num span{
        padding:0 1vw;
    }
    .wkblottery-btm{
        font-size:4vw;
    }
    .wkblottery-box span{
        width:10vw;
        font-size:2.5vw;
        line-height:2.5vw;
    }
    .wkblottery-box b{
        width:18vw;
        padding:1vw 2vw;
        font-size:3vw;
        border-radius:10vw;
    }
    .wkblottery-layer{
        width:100vh;
        height:100vw;
    }
    .wkblottery-layer .box1{
        padding-top:5%;
    }
    .wkblottery-layer .box2{
        font-size:5vw;
        line-height:15vw;
    }
    .wkblottery-layer .box3{
        width:100%;
        height:45%;
    }
    .wkblottery-layer .box4{
        font-size:2.5vw;
        left:50%;
        bottom:18%;
        line-height:3vw;
    }
    .wkblottery-info{
        width:44vh;
        height:75vw;
        padding:5vw 3vh;
        font-size:3.5vw;
    }
    .wkblottery-info input{
        height:10vw;
        margin-bottom:3vw;
        text-indent:2vw;
    }
    .wkblottery-infobtn button{
        padding:2vw;
    }
    .wkblottery-info .wtitle{
        font-size:5vw;
        margin-bottom:2vw;
    }
    .wkblottery-info table td,
    .wkblottery-info table th{
        width:50vw;
        padding:1.5vw;
        font-size:3vw;
    }
    .wkblottery-info .lbtn{
        padding:0 2vw;
    }
}

/* 抽奖横屏竖屏 */
@media screen and (orientation: landscape) {/*横屏*/
    .sweepstake {
        height:auto;
    }
    .scaletext{
        height:70px;
        font-size:1.1rem;
        line-height:1.45rem;
    }
    .scaletext ul li.active{
        font-size:.6rem;
        line-height:.9rem;
    }
    .sweepstakediv{
        min-height:45pc
    }
    .sweepstaketimes,
    .sweepstakeaward,
    .sweepstaketips{
        font-size:1.1rem;
    }
    .sweepstaketimes{
        height:5vw;
    }
    .sweepstakebtnbox{
        margin:0 0 3%;
    }
    .sweepstakebtn{
        width:40vw;
        height:9vw;
        line-height:9vw;
        font-size:1.1rem;
    }
    .prizebox-layer{
        width:18rem;
        padding:6% 0;
    }
    .prizemain{
        padding:2vw 1rem 2vw
    }
    .prizemainbtnbox{
        bottom:-5vw;
    }
    .prizemainbtn{
        width:45%; 
        font-size:1rem;
    }
    .prizebox-layer1{
        min-height:30vw;
    }
}








@media screen and (min-width: 768px) and (max-width: 1024px){
   .marketing .layui-container{
        width:80%;
    } 
    .title{
        padding:50px 0 0;
        font-size:30px;
    }
    .text{
        font-size:16px;
        line-height:36px;
    }
    .layuicontainer{
        padding:50px;
    }
    .videobox{
        padding:40px 0;
    }
    .layuicontainer .questionnaire{
        width:80%;
    }
    .marketing .layuirow{
        padding:2rem 1rem;
    }
    .codebox{
        width:65%;
        height:8vw;
        line-height:9vmin;
    }
    .group{
        height:17vw;
        width:65%;
    }
    .code{
        font-size:2.4vw;
        line-height:9vw
    }
    .codebtn button{
        height:4vw;
        font-size:2vw;
        line-height:4vw;
    }
    .group div.group1{
        width:90%;
    }
    .group button{
        height:5vw;
        margin:1.5vw 0;
        font-size:2.2vmin;
    }
    .wkbhelp .title{
        padding:0;
        font-size:30px;
    }
    .invip{
        width:25vw;
        height:5vw;
        border-radius:10vw;
        bottom:11vw;
    }
    /* 抽奖 */
    .sweepstakebox{
        width:80%;
        height:100%;
        margin:0 auto;
    }
    .scaletext{
        height:5rem;
        font-size:1.2rem;
        line-height:1.65rem;
    }
    .scaletext ul li.active{
        font-size:1rem;
        line-height:1.65rem;
    }
    .sweepstake{
        background-size:72%;
    }
    .turntable-bg{
        height:49vw;
        width:96%;
    }
    .turntable-bg .rotate{
        width:64%;
    }
    .sweepstakeaward{
        font-size:3vw;
    }
    .sweepstakebtn{
        width:45vw;
        height:10vw;
        line-height:10vw;
        font-size:3.8vw;
    }
    .sweepstaketimes{
        font-size:3vw;
        height:5vw;
    }
    .sweepstaketips{
        font-size:3vw;
        height:5.5vw;
    }
    .prizebox-layer{
        width:50vw;
        padding:6% 0 3%;
    }
    .prizemain{
        padding:0 3vw;
        max-height:19rem;
        line-height:4vw;
        font-size:2.5vw;
    }
    .prizemain .name{
        font-size:1.8rem;
        line-height:8vw;
    }
    .prizemainbtnbox{
        bottom:-7.2vw;
    }
    .prizemainbtn{
        width:40%;
        margin:3% auto 4%;
        line-height:3rem;
        font-size:1.2rem;
    }
    .sweepstakemobile{
        height:2.5rem;
        margin:0 0 .8rem;
    }
    .sweepstakemobile input{
        height:2.5rem;
        border:1px #999 solid;
    }
    .sweepstaketitle span{
        height:1.2rem;
    }
    .sweepstakemobile button{
        padding:.3rem .8rem;
        right:.25rem;
        top:.25rem;
    }
    .prizebox-layer1{
        min-height:42vw;
    }
    .sweepstaketype span{
        margin:5px 8px 0 0;
    }
    /* ceo */
    .videoceobox{
        width:75%;
    }

    .marketing-pc{
        display:none;
    }
    .marketing-h5{
        display:block;
    }
}
@media screen and (min-width: 1025px){
    .layuicontainer .questionnaire{
        width:45%;
    }
    .marketing .layuirow{
        padding:2rem 1rem;
    }
    .codebox{
        width:35%;
        height:4vw;
    }
    .group{
        height:9vw;
        width:35%;
    }
    .group2 p{
        font-size:1.5vmin;
    }
    .code{
        font-size:1.15vw;
        line-height:4vw
    }
    .codebtn button{
        height:2vw;
        border-radius:60px;
        font-size:1vw;
        line-height:1vw;
        margin-top:1vw
    }
    .group div.group1{
        width:90%;
    }
    .group button{
        height:2.8vw;
        margin:.8vw 0;
        font-size:2vmin;
    }
    .invip{
        width:12vw;
        height:2.5vw;
        border-radius:10vw;
        bottom:8vw;
    }
    /* 抽奖 */
    .sweepstake{
        height:100%;
    }
    .sweepstakebox{
        width:40%;
        height:100%;
    }
    .sweepstakediv{
        min-height:20vw!important;
    }
    .scaletext{
        height:5rem;
        font-size:1.2rem;
        line-height:1.65rem;
    }
    .scaletext ul li.active{
        font-size:1rem;
        line-height:1.65rem;
    }
    .turntable-bg .pointer{
        width:20%;
        height:42%;
        top:50%;
    }
    .turntable-bg .rotate{
        width:48%;
        height:100%;
        top:50%;
    }
    .sweepstakediv{
        background-size:70%;
    }
    .turntable-bg{
        height:19vw;
    }
    .sweepstakeother{
        height:10vw;
    }
    .sweepstakeaward{
        font-size:1.2rem;
    }
    .sweepstakebtn{
        width:19vw;
        height:5vw;
        line-height:4vw;
        font-size:1.2rem;
        margin:0 auto;
    }
    .sweepstaketimes{
        font-size:1.2rem;
        height:3vw;
    }
    .sweepstaketips{
        font-size:1.2rem;
        height:3vw;
    }
    .prizebox-layer{
        width:20vw;
        padding:3% 2%;
    }
    .prizemain{
        padding:0 .5rem 1rem;
        max-height:20rem;
        line-height:1.8rem;
        font-size:.8rem;
    }
    .prizemain .name{
        font-size:1.5rem;
        line-height:3.5rem;
    }
    .prizemainbtnbox{
        bottom:-3rem;
    }
    .sweepstakemobile{
        height:2.2rem;
        margin:0 0 .8rem;
    }
    .sweepstakemobile input{
        height:2.2rem;
        border:1px #999 solid;
    }
    .sweepstaketitle span{
        height:1rem;
    }
    .sweepstakemobile button{
        padding:.3rem .8rem;
        right:.25rem;
        top:.25rem;
    }
    .sweepstakeshared div span{
        width:100%;
        height:3rem;
    }
    ::-webkit-scrollbar {
        width:7px;
        height:10px;
        border-radius:7px;
    }
    ::-webkit-scrollbar-corner, ::-webkit-scrollbar-track {
        background-color:#e2e2e2;
    }
    ::-webkit-scrollbar-thumb {
        border-radius:7px;
        background-color:rgba(0,0,0,.3);
    }
    ::-webkit-scrollbar-corner, ::-webkit-scrollbar-track {
        background-color:#e2e2e2;
    } 
    .prizebox-layer1{
        min-height:15vw;
    }
    .sweepstaketype span{
        margin:5px 8px 0 0;
    }
 
}
@media screen and (max-width: 767px){
    .wkbhelp{
        width:100%;
    }
    .wkbhelp .title{
        display:none
    }
    .vipinvite{
        width:100%;
    }
    .videoceobox{
        width:90%;
    }
   
    .marketing-pc{
        display:none;
    }
    .marketing-h5{
        display:block;
    }
}