#colorbox {outline: none;}
.wqdIphoneView.wqdBgFixedModel,
.wqdIphoneView.wqdBgFixedModel .wqdAreaView[pagemodel=wqdBgFixed],
.wqdIphoneView.wqdBgFixedModel .wqdAreaView[pagemodel=wqdBgFixed] > .yzmoveContent,
.wqdIphoneView.wqdBgFixedModel .wqdAreaView[pagemodel=wqdBgFixed] > .yzmoveContent .wqdSectiondiv,
.wqdIphoneView.wqdBgFixedModel .wqdAreaView[pagemodel=wqdBgFixed] > .yzmoveContent .wqdSectiondiv .sectionV2{height:100%!important;}
/* 代码控件外容器 */
.wqdelementEdit .codeDetail {width: 100%;height: 100%;}
/*背景固定*/
.wqdBackgroundFixed{position:fixed!important;height:100%!important;left:0px;top:0px;width:100%;}

/*网站底部版权标签*/
.footerFixed{ position: fixed!important;z-index:10000!important;bottom: 0!important; width:100%;padding: 9px 0 9px 13px;background-color:rgba(0,0,0,0.90)!important;min-height: 53px !important;font-family:"微软雅黑";}
.footerFixed.unite{padding-left: 0px}
.footerFixed.unite p{text-align: center}
.footerFixed a {-webkit-tap-highlight-color: transparent;}
.footerFixed a.tex-con{display:block;color: #fff;text-decoration: none;font-size: 0;font-weight: 300;text-align: left}
.footerFixed a.tex-con i{display: inline-block; width: 35px;height: 35px;vertical-align: middle;background: url(../image/copyright_logo.png) no-repeat;background-size: 100%;}
.footerFixed a.tex-con label{display: inline-block;font-size: 12px;width: 100px;vertical-align: middle;margin-left: 10px;}
.footerFixed a.tex-con span{display: inline-block;margin-left: 10px;vertical-align: middle;font-size: 12px;text-align:center;width: 100px;line-height: 30px;border:1px solid #fff;border-radius: 30px;}
.footerFixed .copyrightClose{position: absolute;top: 9px;right: 0; width: 35px;height: 35px;background: url(../image/copyright_close1.png) no-repeat;background-size: 100%;}
.footerFixed.black{background-color:rgba(51,51,51,0.75)!important;}
.footerFixed.black a{color: #fcfcfc !important;}
.footerFixed.plum{background: rgba(141,145,255,0.90)!important;}
.footerFixed.white{background:rgba(255,255,255,0.90)!important;border: 1px solid #ccc;}
.footerFixed.white a.tex-con,
.footerFixed.white a.tex-unite,
.footerFixed.white .unite{color: #000;}
.footerFixed.white a.tex-con span{border-color: #59c4ff;color: #59c4ff;}
.footerFixed.white a.tex-con span:hover,
.footerFixed.white a.tex-con span:focus{background-color: rgba(89, 196, 255, 0.85);color: #fff;}
.footerFixed.white a.tex-con i{background: url(../image/copyright_logo2.png) no-repeat;background-size: 100%;}
.footerFixed.white .copyrightClose{background: url(../image/copyright_close2.png) no-repeat;background-size: 100%;background-position: 0px 0px!important}
.footerFixed.pink{background: rgba(254,134,166,0.90) !important;}
.footerFixed.blue{background: rgba(102,208,250,0.90)!important;}
.footerFixed.palevioletred{background: rgba(153,102,255,0.90)!important;}
.footerFixed.green{background: rgba(1,175,99,0.90)!important;}
.footerFixed.redob{background: rgba(255,102,102,0.90) !important;}
.footerFixed.orange{background: rgba(245,167,37,0.90)!important;color: #fcfcfc !important;}
.footerFixed.darkblue{background: rgba(46,89,131,0.90) !important;}
.footerFixed.aliceblue{background: rgba(140,174,182,0.90)!important;color: #fcfcfc !important;}
.footerFixed.greenyellow{background: rgba(102,204,0,0.90)!important;}
.footerFixed a.tex-unite{text-align:center;color: #fff;line-height: 34px;font-size: 14px!important;display: inline-block;max-width: 40%;/* float: left; */display: inline-block;vertical-align: top;}
.footerFixed .unite{color: #fff;/* float: left; */margin-top: 7px;display: inline-block;}
.footerFixed.white .unite{ color: #000; }
.wqdPhoneContainer .footerFixed{text-align: center;}
/*手机站发布后非手机访问的样式：黄剑剑*/
@media (min-width:768px) {
  .wqdPhoneContainer{background: url(../image/bg.jpg) repeat center center;}
  .wqdPhoneContainer .wqdIphoneView{width: 320px;margin:0 auto;background-color: #fff;}
  .wqdPhoneContainer .wqdSectiondiv.wqdSticky{left: 50%;margin-left: -160px;}
  .wqdPhoneContainer .footerFixed{text-align: center;width:320px;left: 50%;margin-left: -160px;}
  .wqdPhoneContainer .wqdBackgroundFixed{left:50%!important; width:320px!important; margin-left:-160px!important;}
}
.wqdelementEdit[data-elementtype="text"] {border:none;/*padding-left: 1px;*/}
/*发布后需要先隐藏的样式*/
.wqdPublisHidden{display: none !important;}


/*发布后----客服防止被挡住*/
#wqdShowQQD {position: fixed;z-index: 9999999;}
/*发布后表单选、复选框的鼠标手势*/
.wqdControlForm .formRadio, .wqdControlForm .formCheckbox{cursor: pointer;}
.wqdControlForm .formRadio label, .wqdControlForm .formCheckbox label{cursor: pointer;}
/*发布后表单ios滚动条兼容*/
.wqdIphoneView .wqdFormIframeWarp{overflow: scroll;-webkit-overflow-scrolling: touch;}
/*发布后关联容器的鼠标手势及动画效果*/
.groupContainerOne, .freeContainerOne{cursor: pointer;}
/*二级容器出现动画 */
.groupContainerTwo[wqdfadein="fadeinLeft"] .containerWarp, .freeContainerTwo[wqdfadein="fadeinLeft"] .containerWarp{
  -webkit-animation: wqdfadeInLeft 0.5s;
  -moz-animation: wqdfadeInLeft 0.5s;
  animation: wqdfadeInLeft 0.5s;

}

/*动画*/
.aniHide {
  /*visibility: hidden;*/
  opacity: 0;
}
.aniHide .wqdelementEditBox >.wqd-video {visibility: hidden;}/*修复视频隐藏后又出现问题----黄剑剑*/
@-webkit-keyframes wqdfadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
  }
}

@-moz-keyframes wqdfadeInLeft {
  from {
    opacity: 0;
    -moz-transform: translate3d(-50%, 0, 0);
  }

  to {
    opacity: 1;
    -moz-transform: none;
  }
}

@keyframes wqdfadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-50%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
.groupContainerTwo[wqdfadein="fadeinRight"] .containerWarp, .freeContainerTwo[wqdfadein="fadeinRight"] .containerWarp{
  -webkit-animation: wqdfadeinRight 0.5s;
  -moz-animation: wqdfadeinRight 0.5s;
  animation: wqdfadeinRight 0.5s;

}
@-webkit-keyframes wqdfadeinRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
  }
}

@-moz-keyframes wqdfadeinRight {
  from {
    opacity: 0;
    -moz-transform: translate3d(50%, 0, 0);
  }

  to {
    opacity: 1;
    -moz-transform: none;
  }
}

@keyframes wqdfadeinRight {
  from {
    opacity: 0;
    transform: translate3d(50%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
.groupContainerTwo[wqdfadein="fadeinTop"] .containerWarp, .freeContainerTwo[wqdfadein="fadeinTop"] .containerWarp{
  -webkit-animation: wqdfadeinTop 0.5s;
  -moz-animation: wqdfadeinTop 0.5s;
  animation: wqdfadeinTop 0.5s;

}
@-webkit-keyframes wqdfadeinTop {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
  }
}

@-moz-keyframes wqdfadeinTop {
  from {
    opacity: 0;
    -moz-transform: translate3d(0, -50%, 0);
  }

  to {
    opacity: 1;
    -moz-transform: none;
  }
}

@keyframes wqdfadeinTop {
  from {
    opacity: 0;
    transform: translate3d(0, -50%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
.groupContainerTwo[wqdfadein="fadeinBottom"] .containerWarp, .freeContainerTwo[wqdfadein="fadeinBottom"] .containerWarp{
  -webkit-animation: wqdfadeinBottom 0.5s;
  -moz-animation: wqdfadeinBottom 0.5s;
  animation: wqdfadeinBottom 0.5s;

}
@-webkit-keyframes wqdfadeinBottom {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
  }
}

@-moz-keyframes wqdfadeinBottom {
  from {
    opacity: 0;
    -moz-transform: translate3d(0, 50%, 0);
  }

  to {
    opacity: 1;
    -moz-transform: none;
  }
}

@keyframes wqdfadeinBottom {
  from {
    opacity: 0;
    transform: translate3d(0, 50%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
.groupContainerTwo[wqdfadein="zoomIn"] .containerWarp, .freeContainerTwo[wqdfadein="zoomIn"] .containerWarp{
  -webkit-animation: wqdzoomIn 0.5s;
  -moz-animation: wqdzoomIn 0.5s;
  animation: wqdzoomIn 0.5s;

}
@-webkit-keyframes wqdzoomIn {
  from {
    -webkit-transform: scale(0);
  }

  to {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes wqdzoomIn {
  from {
    -moz-transform: scale(0);
  }

  to {
    -moz-transform: scale(1);
  }
}

@keyframes wqdzoomIn {
  from {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}
/* 模式一：二级容器消失动画 */
.groupContainerTwo.wqdfadeoutLeft .containerWarp,.subTabContainer.wqdfadeoutLeft .containerWarp{
  -webkit-animation: wqdfadeoutLeft 0.5s both;
  -moz-animation: wqdfadeoutLeft 0.5s both;
  animation: wqdfadeoutLeft 0.5s both;
}
@-webkit-keyframes wqdfadeoutLeft {
  from {
    opacity: 1;
    -webkit-transform: none;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
  }
}

@-moz-keyframes wqdfadeoutLeft {
  from {
    opacity: 1;
    -moz-transform: none;
  }

  to {
    opacity: 0;
    -moz-transform: translate3d(-50%, 0, 0);
  }
}

@keyframes wqdfadeoutLeft {
  from {
    opacity: 1;
    transform: none;
  }

  to {
    opacity: 0;
    transform: translate3d(-50%, 0, 0);
  }
}
.groupContainerTwo.wqdfadeoutRight .containerWarp,.subTabContainer.wqdfadeoutRight .containerWarp{
  -webkit-animation: wqdfadeoutRight 0.5s both;
  -moz-animation: wqdfadeoutRight 0.5s both;
  animation: wqdfadeoutRight 0.5s both;
}
@-webkit-keyframes wqdfadeoutRight {
  from {
    opacity: 1;
    -webkit-transform: none;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
  }
}

@-moz-keyframes wqdfadeoutRight {
  from {
    opacity: 1;
    -moz-transform: none;
  }

  to {
    opacity: 0;
    -moz-transform: translate3d(50%, 0, 0);
  }
}

@keyframes wqdfadeoutRight {
  from {
    opacity: 1;
    transform: none;
  }

  to {
    opacity: 0;
    transform: translate3d(50%, 0, 0);
  }
}
.groupContainerTwo.wqdfadeoutTop .containerWarp,.subTabContainer.wqdfadeoutTop .containerWarp{
  -webkit-animation: wqdfadeoutTop 0.5s both;
  -moz-animation: wqdfadeoutTop 0.5s both;
  animation: wqdfadeoutTop 0.5s both;
}
@-webkit-keyframes wqdfadeoutTop {
  from {
    opacity: 1;
    -webkit-transform: none;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
  }
}

@-moz-keyframes wqdfadeoutTop {
  from {
    opacity: 1;
    -moz-transform: none;
  }

  to {
    opacity: 0;
    -moz-transform: translate3d(0, -50%, 0);
  }
}

@keyframes wqdfadeoutTop {
  from {
    opacity: 1;
    transform: none;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -50%, 0);
  }
}
.groupContainerTwo.wqdfadeoutBottom .containerWarp,.subTabContainer.wqdfadeoutBottom .containerWarp{
  -webkit-animation: wqdfadeoutBottom 0.5s both;
  -moz-animation: wqdfadeoutBottom 0.5s both;
  animation: wqdfadeoutBottom 0.5s both;
}
@-webkit-keyframes wqdfadeoutBottom {
  from {
    opacity: 1;
    -webkit-transform: none;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
  }
}

@-moz-keyframes wqdfadeoutBottom {
  from {
    opacity: 1;
    -moz-transform: none;
  }

  to {
    opacity: 0;
    -moz-transform: translate3d(0, 50%, 0);
  }
}

@keyframes wqdfadeoutBottom {
  from {
    opacity: 1;
    transform: none;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 50%, 0);
  }
}
.groupContainerTwo.wqdzoomOut .containerWarp,.subTabContainer.wqdzoomOut .containerWarp{
  -webkit-animation: wqdzoomOut 0.5s both;
  -moz-animation: wqdzoomOut 0.5s both;
  animation: wqdzoomOut 0.5s both;

}
@-webkit-keyframes wqdzoomOut {
  from {
    -webkit-transform: none;
  }

  to {
    -webkit-transform: scale(0);

  }
}

@-moz-keyframes wqdzoomOut {
  from {
    -moz-transform: none;
  }

  to {
    -moz-transform: scale(0);
  }
}

@keyframes wqdzoomOut {
  from {
    transform: none;
  }

  to {
    transform: scale(0);
  }
}

/*发布后文章的隐藏*/
.artDetlHide {display: none;}
.artDetlImg.artDetlHide {
  display: block;
  height: 0;
}

.wqdCenterView .yzmoveContent {overflow: hidden;}
.wqdSectiondiv.wqdSticky{position: fixed!important;top: 0;left: 0;right: 0;z-index: 998;-webkit-transform: translateZ(0);animation:wqdNavAnima 0.5s ease;-moz-animation:wqdNavAnima 0.5s ease;-webkit-animation:wqdNavAnima 0.5s ease;-o-animation:wqdNavAnima 0.5s ease;}

/*手机新闻列表滑动动画*/
.wqdSlideNext{
  -webkit-animation: wqdSlideNext 0.5s both;
  animation: wqdSlideNext 0.5s both;
}

@-webkit-keyframes wqdSlideNext {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@keyframes wqdSlideNext {
  from {
    transform: translate3d(100%, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.wqdSlidePrev{
  -webkit-animation: wqdSlidePrev 0.5s both;
  animation: wqdSlidePrev 0.5s both;
}

@-webkit-keyframes wqdSlidePrev {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@keyframes wqdSlidePrev {
  from {
    transform: translate3d(-100%, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

#articleLoading{overflow:hidden;zoom:1; text-align:center;}
#articleLoading span{display:inline-block;color:#999;}
#articleLoading p{display:inline-block;width:20px;}
#articleLoading img{ width:100%; height:auto;}

.wqdArticleList{ z-index:999999;}
.articleCategory{ overflow:hidden;zoom:1;position: relative;}
.detailsFooter{ display:none!important;}
.articleContent ul{opacity:0;}
.articleContent ul.articleContentshow{opacity:1;}
.articleCategory li{opacity:0;}
.articleCategory.articleCategoryshow li{opacity:1;}
.wqdArticleDetails img{ width:100%!important; height:auto!important;}

/* 商品分享弹层 */

.modity_shareMask{position: fixed;z-index:99;width: 100%;height: 100%;left: 0;top:0;background-color: rgba(0,0,0,0.4);cursor: pointer;}
@media (min-width:768px) {
  .modity_shareMask{width: 320px;left: 50%;margin-left: -160px;}
}
.modity_shareMask .shareBox{position: absolute;bottom: 0;width: 100%;color:#333;background-color: #e5e5e5;}
.modity_shareMask .shareBox.animaShow{-webkit-animation: sharefadeInLe 0.5s;animation: sharefadeInLe 0.5s;}
@-webkit-keyframes sharefadeInLe {
  from {-webkit-transform: translate3d(0, 100%, 0);}
  to {-webkit-transform: none;}
}
@keyframes sharefadeInLe {
  from {transform: translate3d(0, 100%, 0);}
  to {transform: none;}
}
.modity_shareMask .shareBox .shareSource{line-height: 30px;height: 30px;text-align: center;background: url(../image/share_bg.png) no-repeat -3px 4px;margin: 10px 0 12px 0;}
.modity_shareMask .shareIconList{font-size: 0;text-align: center;}
.modity_shareMask .shareIconList li{display: inline-block;margin-left:12px;cursor: pointer;}
.modity_shareMask .shareIconList li:first-child{margin-left: 0;}
.modity_shareMask .shareIconList .btn-mg{width: 50px;height: 50px;background: #fff url(../image/share_bg.png) no-repeat;border-radius:10px;}
.modity_shareMask .shareIconList .shareText{line-height: 28px;text-align: center;font-size: 12px;}
.modity_shareMask .shareIconList li[data-type="sqq"] .btn-mg{background-position: 12px -21px;}
.modity_shareMask .shareIconList li[data-type="weixin"] .btn-mg{background-position: -59px -21px;}
.modity_shareMask .shareIconList li[data-type="tsina"] .btn-mg{background-position: -138px -22px;}
.modity_shareMask .shareIconList li[data-type="qzone"] .btn-mg{background-position: -210px -21px;}
.modity_shareMask .shareIconList li[data-type="tieba"] .btn-mg{background-position: -283px -21px;}

/* 商品详情 */
.modityDetails .modDetlWarning{opacity: 0;}
.modBuybtn {position: fixed;z-index: 9;bottom: 0;left: 0;width: 320px;}
@media (min-width:768px) {
  .modBuybtn{left: 50%;margin-left: -160px;}
}
.modBuybtn a{margin: 0 !important;}
.modBuybtn a.disabled{position: relative;cursor: default;}
.modBuybtn a.disabled:after {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.7);}
/*进度条*/
.pro-start,.pro-end{
  display: none;
}
/*进度圆*/
.pro-svg{
  width: 100%;
  height: 100%;
  overflow: visible !important;
  position: absolute;
  top: 0;
  left: 0;
}
.circal-start,.circal-end{
  display: none;
}
.wqd-cercalc{
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 82px;
  height: 82px;
  border-radius: 50%;
}
/*进度数字*/
#wqdProgressbarD ul li.wqdPronumberbarD{
  float: left;
  width:110px;
  height:60px;
  text-align:center;
  margin-left: 20px
}
.wqd_autowidth{
  width: auto!important;
}
.wqdelementEditBox .wqd_progress{
  margin:0 auto;
  height:100%;
  font-size:60px;
}
.wqdelementEditBox .wqd_progress em{
  display:block;
  white-space: nowrap;
  word-wrap: normal;
  text-indent:-5px;
  color: #595d9d;
  font-weight: 600;
}
#wqdProgressbarD .wqdprop{
  width: auto !important;
}
.numberprogressleft{
  display:block; width:100%;height:100%;
}
.wqdelementEditBox .wqd_progress1{
  margin:0 auto;
  height:100%;
}
.wqdelementEditBox .wqd_progress1 em{
  display:block;
  margin-top: 3px;
  font-family: Arial;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 70px;
  font-weight: 700;
  text-indent: -3px;
  color: #A37BAD;
}
/*手机容器默认宽高*/
body.wqdPhoneContainer  .freeContainerOne[data-elementtype=groupContainer]{
  width: 280px;
  height: 40px;
}
body.wqdPhoneContainer  .freeContainerTwo[data-elementtype=groupContainer]{
  width: 280px;
  height: 160px;
}



body.wqdPhoneContainer  .accordion-side .accordion_one{
  width: 100px;
  height: 40px;

}
body.wqdPhoneContainer .accordion-side .accordion_two{
  width: 180px;
  height: 120px;
}
body.wqdPhoneContainer   .accordion-fold .accordion_one{
  width: 280px;
  height: 40px;

}
body.wqdPhoneContainer  .accordion-fold .accordion_two{
  width: 280px;
  height: 160px;
}

body.wqdPhoneContainer  .tabContainer[data-elementtype=groupContainer]{
  width: 60px;
  height: 90px;
}
body.wqdPhoneContainer  .subTabContainer[data-elementtype=groupContainer]{
  width: 240px;
  height: 90px;
}
.accordionOne:hover{
  background-color: rgba(207,228,228,0.46);
  border-color: #333333;
}
.accordionTwo:hover{
  background-color: rgba(190,161,167,0.46);
  border-color: #333333;
}
.accordionOne.active{
  background-color: rgba(207,228,228,0.46) ;
  border-color: #333333;
}
.wqdelementEdit.wqd-accordion {
  width: auto !important;
  height: auto !important;
}

/*.accordionOne,.accordionTwo{*/
/*overflow: hidden;*/
/*!*手风琴*!*/
/*}*/
.freeContainerTwo.rank{
  position: absolute !important;
  top: 0!important;
  left: 100% !important;
  right: auto;
}
.wqd-accordion .wqd-relateLi.position{
  position: static;!important;
}
.wqdelementEdit .wqd-relate{
  /*float: left !important;*/
  /*overflow: hidden!important;*/
}
.wqdelementEdit .wqd-relateLi{
  float: left !important;
  position: relative;

}

.wqdelementEdit.accordion_two{
  display: none;
}
.wqdelementEdit.accordion_two.on{
  display: block!important;
}
.wqd-accordion>.wqdelementEditBox{
  overflow: visible!important;
}

/*关联容器 手风琴 动画方式*/
.zoomOut{
  -webkit-animation: wqdzoomOut 0.5s both;
  -moz-animation: wqdzoomOut 0.5s both;
  animation: wqdzoomOut 0.5s both;
}
.fadeoutBottom{
  -webkit-animation: wqdfadeoutBottom 0.5s both;
  -moz-animation: wqdfadeoutBottom 0.5s both;
  animation: wqdfadeoutBottom 0.5s both;
}
.fadeoutTop{
  -webkit-animation: wqdfadeoutTop 0.5s both;
  -moz-animation: wqdfadeoutTop 0.5s both;
  animation: wqdfadeoutTop 0.5s both;
}
.fadeoutRight{
  -webkit-animation: wqdfadeoutRight 0.5s both;
  -moz-animation: wqdfadeoutRight 0.5s both;
  animation: wqdfadeoutRight 0.5s both;
}
.fadeoutLeft{
  -webkit-animation: wqdfadeoutLeft 0.5s both;
  -moz-animation: wqdfadeoutLeft 0.5s both;
  animation: wqdfadeoutLeft 0.5s both;
}
.zoomIn{
  -webkit-animation: wqdzoomIn 0.5s;
  -moz-animation: wqdzoomIn 0.5s;
  animation: wqdzoomIn 0.5s;
}
.fadeinBottom{
  -webkit-animation: wqdfadeinBottom 0.5s;
  -moz-animation: wqdfadeinBottom 0.5s;
  animation: wqdfadeinBottom 0.5s;
}
.fadeinTop{
  -webkit-animation: wqdfadeinTop 0.5s;
  -moz-animation: wqdfadeinTop 0.5s;
  animation: wqdfadeinTop 0.5s;
}
.fadeinRight{
  -webkit-animation: wqdfadeinRight 0.5s;
  -moz-animation: wqdfadeinRight 0.5s;
  animation: wqdfadeinRight 0.5s;
}
.fadeinLeft{
  -webkit-animation: wqdfadeInLeft 0.5s;
  -moz-animation: wqdfadeInLeft 0.5s;
  animation: wqdfadeInLeft 0.5s;
}
.none{
  -webkit-animation: wqdnone 0.5s;
  -moz-animation: wqdnone 0.5s;
  animation: wqdnone 0.5s;
}

@-webkit-keyframes wqdnone {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes wqdnone {
  from {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }

  to {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@keyframes wqdnone {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}