/****************************** Begin box.tag style ******************************/
.box-tag {
  padding:2px 6px 2px 10px;
  background-color: #DBEBFB;
  color: #2358A0;
  border-radius: 5px;
  box-shadow: 0 0 6px;
  margin: 10px 6px 0 0;
  float: left;
  line-height:26px;
}
.box-tag em{font-style: normal;}
.box-tag-close {
  background: url(../../img/wechat/check-close.png) no-repeat 0px 0px;
  display: inline-block;
  width: 9px;
  height: 9px;
  cursor: pointer;
  margin: 0px 6px;
}
.box-tag-close:hover {
  background: url(../../img/wechat/check-close-hover.png) no-repeat 0px 0px;
}
/****************************** End   box.tag style ******************************/


/****************************** Begin box.hint style ******************************/
.box-hint {
  display: none;
  border: 0;
  position: absolute;
  color: red;
  font-size: 20px;
}
/****************************** End   box.hint style ******************************/


/****************************** Begin box.page style ******************************/
.box-page {
  float: left;
  position: relative;
  padding:10px 0 30px;
}
.box-page a,
.box-page span {
  display: inline-block;
  float: left;
  font-family: "微软雅黑";
  margin-right: 10px;
  text-decoration: none;
}
a.box-page-num {
  padding: 5px 10px;
  font-weight: bold;
  border: 1px solid #C1C1C1;
  color: #3E71B9;
  background-color: #FFFFFF;
}
a.box-page-doc {
  color: #3E71B9;
  padding-top: 3px;
}
a.box-page-doc:hover {
  color: #3E71B9;
  cursor: text;
}
.box-page span {
  padding-top: 6px;
  color: #3E71B9;
  font-weight: bold;
}
.box-page span b {
  color: red;
}
/****************************** End   box.page style ******************************/


/****************************** Begin box.popup style ******************************/
/*.box-popup-scrollbar {
  background: url(../../img/wechat/scroll_bar.png) no-repeat 0px 0px;
  width: 15px;
  height: 953px;
  position: absolute;
  right: 0px;
  top: 0px;
}*/
.box-popup-bg {
  width: 100%;
  top: 0;
  left: 0;
  background-color: black;
  z-index: 88;
  display: none;
  position: absolute;
  opacity: 0.6;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}
.box-popup-layer {
  background-color: white;
  z-index: 89;
  display: none;
  position: fixed;
  border-radius: 5px;
 /*  box-shadow: 0px 0px 10px white; */
}
.box-popup-close {
  width: 25px;
  height: 25px;
  position: absolute;
  /* top: -13px;
  right: -11px; */
  top: 10px;
  right: 10px;
  background: url(../../img/wechat/popup-close.png) no-repeat -42px -1px;
  cursor: pointer;
}
.box-popup-info {
  display: none;
  width: 300px;
  padding: 30px 10px;
  text-align: center;
  font-size: 20px;
  color: #FF4E00;
}

/*弹出层动画*/
.animated {
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
}

/*bounceIn代码*/
.bounceIn {
  -webkit-animation-name: bounceIn;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}

/*bounceOut代码*/
.bounceOut {
  -webkit-animation-name: bounceOut;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
  }
}

/*bounceInDown代码*/
.bounceInDown {
  -webkit-animation-name: bounceInDown;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}

/*bounceOutDown代码*/
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}

/*hinge代码*/
.hinge {
  -webkit-animation-name: hinge;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}
/****************************** End   box.popup style ******************************/


/****************************** Begin box.validate style ******************************/
.box-msg {
  position: absolute;
  display: none;
  z-index: 90;
  color: #343537;
  opacity: 0.9;
}
.box-msg-info {
  background-color: #F1D2BE;
  text-align: center;
}
.box-msg-close {
  background: url(../../img/wechat/check-close.png) no-repeat 0px 0px;
  width: 9px;
  height: 9px;
  display: block;
  float: right;
  margin-right: 10px;
  cursor: pointer;
}
.box-msg-close:hover {
  background: url(../../img/wechat/check-close-hover.png) no-repeat 0px 0px;
}
/* .box-msg-triangle {
  background: url(../../img/wechat/check-triangle.png) no-repeat 0px 0px;
  width: 9px;
  height: 6px;
  margin: 0 auto;
} */
/****************************** End   box.validate style ******************************/