html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;}
body,html{width:100%;height:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
nav ul,ol,li{list-style:none;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color:#000;}
img{display:block;border:none;outline:none;}
input,select{vertical-align:middle;}

h1, h2, h3, h4, h5, h6{
    font-weight: normal;
}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
ul,ol,li{list-style:none;}
em,i{font-style:normal;}
strong,b{font-weight:normal;}
input,img{vertical-align:middle;}
img{border:none;outline:none;display:block;}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{
    margin:0;padding:0;
}

i img {
  width: 100%;
  height: 100%;
}

/*img[src=""]{opacity: 0;}*/

.dabox {
  min-width: 1000px;
  overflow: hidden;
}
.list li {
  float: left;
}
.list li:last-child {
  margin-right: 0;
}
.box-wrapper {
  width: 100%;
  background: #f3f1ec;
}
.center-box {
  width: 1000px;
  margin: 0 auto;
}
[v-cloak] {
  display: none;
}
.top {
  height: 134px;
  background: #fff;
  border-bottom:1px solid #eee;
  box-shadow: 1px 0 5px #eee;
  -moz-box-shadow: 1px 0 5px #eee;
  -o-box-shadow: 1px 0 5px #eee;
  -webkit-box-shadow: 1px 0 5px #eee;
  -ms-box-shadow: 1px 0 5px #eee;
}
.top-content {
  width: 1000px;
  height: 134px;
  margin: 0 auto;
}
.top-left {
  display:block;
  overflow: hidden;
  float: left;
}
.top-left i {
  display: block;
  width: 95px;
  height: 113px;
  margin-top: 11px;
  overflow: hidden;
  /* transition: all 1.5s ease-in-out;
   -webkit-transition: all 1.5s ease-in-out;
   -moz-transition: all 1.5s ease-in-out;
   -o-transition: all 1.5s ease-in-out;*/
}
/*悬停logo时候 转圈 */
/* .top-left i:hover {
  transform: rotate(360deg);
   -webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
   -o-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
} */


.top-left p {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #c59d62;
}
.top-right {
  float: right;
  margin-top: 86px;
}
.top-right a {
  padding: 0 20px;
  font-size: 18px;
  color: rgb(97, 93, 84);
  border-right: 1px solid #ddd;
  letter-spacing: 1px;
}
.top-right a:last-child{
  padding-right: 0;
}
.top-right a:hover{
  color:#e6aa33;
}
.top-right a.active {
  color: #e6aa33;
}
.top-right a:last-child {
  border-right: none;
}
.title-same {
  width: 100%;
  margin-top: 34px;
  overflow: hidden;
}
.title-same span {
  float: left;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  border-left: 5px solid #e6aa33;
  padding-left: 15px;
  color: #272324;
}
.title-same a {
  float: right;
  font-size: 14px;
  color: #a3a3a2;
  padding-top: 6px;
}

/*底部文件*/
.footer {
  width: 100%;
  padding: 54px 0 54px 0;
  color: #676562;
  position: relative;
  border-top:1px solid #eee;
}
.footer-cont {
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
  font-size: 14px;
  /*background: #f00;*/
}
.footer-left {
  float: left;
}
.footer-left em {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  overflow: hidden;
  margin: 8px 46px 0 0;
  float: left;
}
.footer-txt {
  display: inline-block;
  overflow: hidden;
}
.footer-txt .about-help {
  height: 38px;
  line-height: 38px;
}
.footer-txt .about-help a{
  padding: 0 16px;
  border-right: 1px solid #ddd;
}
.footer-txt .about-help a:first-child{
  border-left: 1px solid #ddd;
}
a.showCode div{
  /*display:block;*/
  position: absolute;
  top: -148px;
  left: 50%;
  width:142px;
  height:188px;
  border:1px solid #aaa;
  z-index: 999;
}
a.showCode div img{
  width:100%;
  height:100%;
}
a.help div{
  margin-left: -364px;
}
a.feedBack div{
   margin-left: -299px;
}
a.weixin div{
  top: -108px;
   margin-left: -292px;
}

a.showCode div::before, a.showCode div::after{  
      position:absolute;  
      content:" ";  
      width:0;  
      height:0;  
      top:100%;  
      border:10px solid transparent;  
      left:50%;  
      margin-left:-5px;  
      pointer-events:none;  
}  
a.showCode div::before{  
    border-top-width:11px;  
    border-top-color:#666;  
    margin-left:-11px;  
  
}  
a.showCode div::after{  
  border-width:9px;  
  border-top-width:10px;  
  border-top-color:#fff;  
  margin-left:-10px;
}




/*帮助 反馈弹出二维码的动画*/
.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-active {
  opacity: 0;
}


/*微信 微博*/
.footer-txt div.link-three {
  height: 50px;
  line-height: 50px;
}
.footer-txt div>i {
  display: inline-block;
  width: 34px;
  height: 32px;
  margin: 0 14px 0 14px;
  vertical-align: middle;
  cursor:pointer;
}
.footer-right {
  float: right;
  padding-top: 66px;
}
.footer-right span{
  margin:0 10px;
}
.back-top{
    display:block;
    position:fixed;
    right: 20px;
    width: 43px;
    height: 43px;
    border-radius: 4px;
    background:url(../images/top.png) no-repeat left center;
    bottom: 80px;
}
/*为你推荐动画*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes bounceIn {
    0%, 100%, 20%, 40%, 60%, 80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes bounceIn {
    0%, 100%, 20%, 40%, 60%, 80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        -ms-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        -ms-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        -ms-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {;
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}