body,html{overflow-x: hidden;}
body{background: url(https://img.zcool.cn/special-resource/wacomexperiment/assets/img/bg.jpg);font-family:"-apple-system","San-Fransico",Helvetica Neue,Helvetica,Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; }
.headerWrapper{height:732px; background: url(https://img.zcool.cn/special-resource/wacomexperiment/assets/img/banner.jpg) no-repeat center center;margin-top:-3px; position: relative;}
.wp{width:1100px;margin-left:auto;margin-right:auto;}

.ml60{ margin-left:60px;}
.main{ background: url('https://img.zcool.cn/special-resource/wacomexperiment/assets/img/bg.png'); }

.contentBox{font-size: 18px; color: #fff; line-height: 36px;}
.contentBox span{ font-size: 20px; color: #58ddc2; font-weight: bold; }
.topwrapper{height:50px;padding-top:3px; margin-top:-3px; position: relative;z-index:100;}

.top-nav{ height: 50px; line-height: 50px; text-align: center;background: #fff; width: 100%; }
.top-nav a{font-size: 24px; color: #353535; font-weight: bold;display: inline-block; width: 500px; text-align: center;text-decoration: none;}
.top-nav.fixed{position: fixed; left: 0; top: 0; right: 0; z-index: 100;width: 100%;}

.top-nav a.active{color: #000;}
.top-nav a:hover{color: #000;}
.top-nav span{ font-size: 24px;color: #8e8d8d;}
.top-nav a.active:hover{color: #000;}
a.nav-disabled{pointer-events: none; color: #c2c2c2;}

.pt70{padding-top: 70px;}
.intuos{background:url('https://img.zcool.cn/special-resource/wacomexperiment/assets/img/wa02.png') no-repeat center center; height: 568px; margin-top: 70px; position: relative;}
.buy-intuos{ position: absolute; left: 60px; bottom: 130px;}
a.buy-btn{font-size: 24px; color: #58ddc2; font-weight: bold; text-decoration: none;}
a.buy-btn:hover{color: #6affe1;}
.amt01{position: absolute;left: 12px; bottom: 130px;}
.amt02{position: absolute;left: 163px; bottom: 140px;}
.papar{position: absolute; right: 60px; bottom: 130px;}
.buy-papar{position: absolute; right: 60px; bottom: 40px;}
.amt03{position: absolute;right: 163px; bottom: 50px;}
.amt04{position: absolute;right: 32px; bottom: 50px;}
.pl50{padding-left: 50px;}

@keyframes buy-btn
{
      0% {transform: scale(1);opacity: 0.85;}
      50% {transform: scale(1.03);opacity: 1;}
      100% {transform: scale(1); opacity: 0.85;}
}
.buy-btn{animation:buy-btn 1.5s infinite;}

@keyframes amt01
{
      0% {transform: scale(0.8);}
      50% {transform: scale(1.05); }
      100% {transform: scale(0.8); }
}
.amt01{animation:amt01 1.5s infinite;}



@keyframes amt02
{
      0% {transform: scale(0.8);}
      50% {transform: scale(1.05);}
      100% {transform: scale(0.8);}
}
.amt02{animation:amt02 1.5s infinite;}

@keyframes amt05
{
      0% {transform: scale(0.8);}
      50% {transform: scale(1.05); }
      100% {transform: scale(0.8); }
}
.amt05{animation:amt05 1.5s infinite;}

@keyframes amt06
{
      0% {transform: scale(0.8);}
      50% {transform: scale(1.05);}
      100% {transform: scale(0.8);}
}
.amt06{animation:amt06 1.5s infinite;}
@keyframes amt03
{
      0% {transform: scale(0.8);}
      50% {transform: scale(1.05);}
      100% {transform: scale(0.8);}
}
.amt03{animation:amt03 1.5s infinite;}
@keyframes amt04
{
      0% {transform: scale(0.8);}
      50% {transform: scale(1.05);}
      100% {transform: scale(0.8);}
}
.amt04{animation:amt04 1.5s infinite;}
@keyframes hand
{
      0% {transform: scale(0.9);transform: translate(4px, 4px)}
      50% {transform: scale(1);transform: translate(0, 0)}
      100% {transform: scale(0.9);transform: translate(4px, 4px)}
}
.hand{animation:hand 1.2s infinite;}



.watitle{font-size: 16px; color: #58ddc2; font-weight: bold;}

.char{ font-size: 14px; color: #fff;padding-top: 25px; position: relative;}
.char span{ font-size: 16px;font-weight: bold;}
.pl15{padding-left: 15px;}
.pr50{padding-right: 50px;}
.char img{float: left;}
.charlist{ float: left; width:900px;}
.wacom-title01,.wacom-title02,.wacom-title03,.wacom-title04,.wacom-p01,.wacom-p02,.wacom-p03{  font-size: 46px; color: #58ddc2; font-weight: bold;}
.wacom-title01{background:url('https://img.zcool.cn/special-resource/wacomexperiment/assets/img/t1.png') no-repeat center center; height: 112px;}
.wacom-title01 p,.wacom-title02 p,.wacom-title03 p,.wacom-p01 p,.wacom-p02 p,.wacom-p03 p{font-size: 24px;}
.wacom-title02{background:url('https://img.zcool.cn/special-resource/wacomexperiment/assets/img/t2.png') no-repeat center center; height: 164px; padding-top: 80px;}
.wacom-title03{background:url('https://img.zcool.cn/special-resource/wacomexperiment/assets/img/t3.png') no-repeat center center; height: 98px;}
.wacom-title04{background:url('https://img.zcool.cn/special-resource/wacomexperiment/assets/img/t4.png') no-repeat center center; height: 144px;}
.wacom-p01{background:url('https://img.zcool.cn/special-resource/wacomexperiment/assets/img/pt1.png') no-repeat center center; height: 118px; margin-left: -30px;}
.wacom-p03{background:url('https://img.zcool.cn/special-resource/wacomexperiment/assets/img/t3.png') no-repeat center center; height: 118px; margin-left: 20px;}

.MobileStudio{background:url('https://img.zcool.cn/special-resource/wacomexperiment/assets/img/p1.png') no-repeat center center; height: 475px; margin-top: 70px; position: relative;}
.buy-MobileStudio{}
.amt05{position: absolute; left:50%; margin-left: -95px; bottom:-66px;}
.amt06{position: absolute; left:50%; margin-left: 55px;bottom:-62px;}

.wacom-p02{background:url('https://img.zcool.cn/special-resource/wacomexperiment/assets/img/p4.png') no-repeat center center; height: 175px; line-height: 48px; margin-left: 75px;}
.exper02{margin-left: -75px; margin-top: 20px;}

.presen02{padding-top: 40px; margin-left: -22px;}
.ml105{margin-left: 105px;}
.pl25{padding-left: 25px;}




















.presen{padding-top: 47px; margin-left: -20px; line-height: 50px;}

a.userid:hover{color: #6affe1;}
a.userid{color: #58ddc2;}
.exper{margin-left: -80px;}

.userbox{}
.userbox img{float: left;}
.mt40{margin-top: 40px;}
.prize{padding-top: 75px;}

.indro{float: left; width: 860px; padding-left: 25px; font-size: 16px; color: #fff; padding-top: 15px;}
.expresslist{margin-right: -10px; padding-top: 12px;}
.expresslist li{float: left; margin-right: 9px;}
.tright{text-align: right; color: #a6a6a6; font-size: 14px;}


.presencont{margin-top: 80px; font-size: 16px; color: #fff;}
.pl5{padding-left: 5px;}
.pt40{padding-top: 40px;}

a.readall-btn{color: #0f0f0f; font-size: 24px; font-weight: bold; line-height: 50px; height: 50px; text-align: center; 
	background: #58ddc2;width: 200px; display: inline-block; text-decoration: none;}
a.readall-btn:hover{background: #6affe1;}
.hand{}


.commentsBox .textWrapper{width:1083px;}
.commentsBox.noBg textarea{width:985px;height:100px;margin:20px 0 0 50px; outline:none;border:0; font-size:14px;padding: 10px 0 0 15px; background: #fff;}
.commentsBox.noBg{ background:none;padding:0;margin-top:20px;}

.ml105{margin-left: 100px;}
a.facespan{font-size:12px;display:inline-block;padding:2px 5px; color: #f2f2f2;}
a.facespan:hover{color:#fff;}

.commentsBox{ background:#0f0f0f;padding:0 50px;margin-top:0px;}

.commentsUl{margin:0 auto;font-size:14px;}
.commentsUl li{border-bottom:1px solid #202020;padding:10px 0 10px 0;margin:0 auto; position:relative;}

.floor{color:#f3eede; position:absolute;right:0px;top:5px;font-size:14px;}

.commentsUlLeft{width:48px;float:left;padding:3px 0 0 0; }
.commentsUlRight{margin-left:65px;color:#333;}

.commentsUlRight a{color:#58ddc2;}
.date{color:#999;margin-top:5px;}
.commentsUlRight p{padding-top:5px; color: #fff;}

a.reCom{color:#58ddc2; float:right;}
a.reCom:hover{color:#fff; text-decoration:none;}


.page a,.page span{ display:inline-block;font-size:14px;}
.page span{color:#58ddc2;}
.page a:link,.page a:visited{color:#58ddc2; text-decoration:none;}
.page a:hover,.page a:active{color:#fff; text-decoration:none;}
.page a:hover{color:#58ddc2; }
.page a.selected:link,.page a.selected:visited{color:#fff; text-decoration:none;font-weight:bold;}
.page a.selected:hover,.page a.selected:active{color:#6affe1; text-decoration:none;font-weight:bold;}
.page a.selected:hover{color: #fff;}

a.lyBtn{ display:inline-block;width:90px;height:40px; background:#fff; color: #0f0f0f; font-size: 16px; line-height: 40px; text-align: center;}
a.lyBtn:hover{background:#c4c4c4;}

.area textarea{width:925px;padding:5px;border:1px solid #fff;height:60px;}

.fBox{ position:relative;margin-top:10px;padding:10px;}




a.cancelBtn{ display:inline-block; background:#999999;color:#fff; text-align:center;line-height:40px;width:90px;height:40px;font-size:16px; font-family:"微软雅黑"; text-decoration:none;overflow:hidden;}
a.cancelBtn:hover{ background:#c4c4c4;}
a.submitBtn{ display:inline-block; background:#fff;color:#000;text-align:center;line-height:40px;width:90px;height:40px; font-size:16px; font-family:"微软雅黑"; text-decoration:none;overflow:hidden;}
a.submitBtn:hover{ background:#c4c4c4;}






.downComments{ background:#0f0f0f;margin-top:50px;padding:30px 0 30px 0;}
.fTitle{font-size:16px; color: #fff;}
.fTitle p{ font-size: 14px; color: #58ddc2; }


.more-cont{color: #fff; font-size: 20px; margin-top: 120px; margin-bottom: 70px;}
.more-cont a{color: #58ddc2; text-decoration: none;}
.more-cont a:hover{color: #6affe1;}
.mr60{margin-right: 60px;}
.pr60{padding-right: 60px;}
.ml60{margin-left: 60px;}
.pb80{padding-bottom: 80px;}

a.down-a{font-size: 14px; color: #58ddc2;}
a.down-a:hover{color: #6affe1;}