@charset "UTF-8";
/***********************
* 日期:2017-01-03
* 说明:本样式表内容由sass统一自动生成，
*      自定义或修改样式请到custom.css中增加。
***********************/
/**********************
* 日期:2017-01-03
* 说明:页面布局样式
***********************/
html,
body {
  width: 100%;
  height: 100%;
}

body {
  font-size: 12px;
  color: #666;
  background-color: #fff;
}

.wrapper {
  min-width: 1200px;
  padding: 0;
  min-height: 100%;
}

.commonwidth {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}

/*网格布局*/
.row {
  margin-left: -7px;
  margin-right: -7px;
}
.row .col1-1 {
  width: 100%;
  box-sizing: border-box;
  padding: 7px;
}
.row .col2-1 {
  width: 50%;
  float: left;
  box-sizing: border-box;
  padding: 7px;
}
.row .col3-1 {
  width: 33.333333%;
  float: left;
  box-sizing: border-box;
  padding: 7px;
}
.row .col4-1 {
  width: 25%;
  float: left;
  box-sizing: border-box;
  padding: 7px;
}
.row .col5-1 {
  width: 20%;
  float: left;
  box-sizing: border-box;
  padding: 7px;
}

.not-animated {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

/**********************
* 日期:2017-01-03
* 说明:页面头部样式
***********************/
.banner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 460px;
  background-color: #282f54;
  color: #fff;
  text-align: center;
  line-height: 1.6;
  z-index: 0;
}
.banner .hd ul {
  position: relative;
  margin-top: -28px;
  z-index: 1;
}
.banner .hd li {
  display: inline-block;
  width: 25px;
  height: 5px;
  margin: 0 3px;
  overflow: hidden;
  font-size: 0;
  line-height: 99999px;
  background: #fff;
  cursor: pointer;
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.banner .hd li.on {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.banner .hd a {
  position: absolute;
  top: 50%;
  width: 45px;
  height: 90px;
  margin-top: -45px;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.banner .hd a:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.banner .hd a.prev {
  left: 25px;
}
.banner .hd a.next {
  right: 25px;
}
.banner .img {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.banner2 {
  height: 400px;
  background: url(../images/banner/banner2-1.png) no-repeat top center;
  margin-top: 60px;
}
.banner2 .txt {
  position: relative;
  z-index: 2;
  padding-top: 23px;
}
.banner2 .txt .txt1 {
  color: #fff;
  font-size: 23px;
}
.banner2 .txt .txt2 {
  color: #6cebff;
  font-size: 30px;
  margin-bottom: 10px;
}
.banner2 .txt a {
  width: 150px;
  height: 40px;
  line-height: 40px;
  color: #6cebff;
  border: 1px solid #6cebff;
  font-size: 16px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.banner2 .txt a:hover {
  -webkit-box-shadow: 0 0 5px #6cebff;
  -moz-box-shadow: 0 0 5px #6cebff;
  box-shadow: 0 0 5px #6cebff;
}
.banner2.addAnimation {
  /*.banner1left {
  	-webkit-animation: bubbleOne 2s ease-out infinite 0s;
  	-ms-animation: bubbleOne 2s ease-out infinite 0s;
  	-moz-animation: bubbleOne 2s ease-out infinite 0s;
  	-o-animation: bubbleOne 2s ease-out infinite 0s;
  	animation: bubbleOne 2s ease-out infinite 0s;
  }
  .banner1right {
  	-webkit-animation: bubbleTwo 2s ease-out infinite 0s;
  	-ms-animation: bubbleTwo 2s ease-out infinite 0s;
  	-moz-animation: bubbleTwo 2s ease-out infinite 0s;
  	-o-animation: bubbleTwo 2s ease-out infinite 0s;
  	animation: bubbleTwo 2s ease-out infinite 0s;
  }*/
}
.banner2.addAnimation .banner1map1 {
  display: block;
  -webkit-animation: opacityChange 2s ease-out infinite 2s;
  -ms-animation: opacityChange 2s ease-out infinite 2s;
  -moz-animation: opacityChange 2s ease-out infinite 2s;
  -o-animation: opacityChange 2s ease-out infinite 2s;
  animation: opacityChange 2s ease-out infinite 2s;
}
.banner2.addAnimation .banner1map2 {
  display: block;
  -webkit-animation: opacityChange 3s ease-out infinite 3s;
  -ms-animation: opacityChange 3s ease-out infinite 3s;
  -moz-animation: opacityChange 3s ease-out infinite 3s;
  -o-animation: opacityChange 3s ease-out infinite 3s;
  animation: opacityChange 3s ease-out infinite 3s;
}
.banner2 .banner1left,
.banner2 .banner1right,
.banner2 .banner1map,
.banner2 .banner1map1,
.banner2 .banner1map2 {
  position: absolute;
  left: 50%;
  margin-left: -600px;
  bottom: 0;
  z-index: 1;
}
.banner2 .banner1left {
  width: 1200px;
  height: 382px;
  background: url(../images/banner/banner1left.png) no-repeat;
}
.banner2 .banner1right {
  width: 1200px;
  height: 382px;
  background: url(../images/banner/banner1right.png) no-repeat;
}
.banner2 .banner1map {
  width: 1200px;
  height: 330px;
  background: url(../images/banner/banner1map.png) no-repeat;
}
.banner2 .banner1map1 {
  width: 1200px;
  height: 330px;
  background: url(../images/banner/banner1map1.png) no-repeat;
  display: none;
}
.banner2 .banner1map2 {
  width: 1200px;
  height: 330px;
  background: url(../images/banner/banner1map2.png) no-repeat;
  display: none;
}

.banner1 {
  height: 400px;
  background: url(../images/banner/banner1-1.png) no-repeat top center;
  margin-top: 60px;
  /*
  	&.addAnimation {
  		.banner2icon1 {
  			-webkit-animation: bubbleTwo 2s ease-out infinite 0s;
  			-ms-animation: bubbleTwo 2s ease-out infinite 0s;
  			-moz-animation: bubbleTwo 2s ease-out infinite 0s;
  			-o-animation: bubbleTwo 2s ease-out infinite 0s;
  			animation: bubbleTwo 2s ease-out infinite 0s;
  		}
  		.banner2icon2 {
  			-webkit-animation: bubbleOne 2s ease-out infinite 0s;
  			-ms-animation: bubbleOne 2s ease-out infinite 0s;
  			-moz-animation: bubbleOne 2s ease-out infinite 0s;
  			-o-animation: bubbleOne 2s ease-out infinite 0s;
  			animation: bubbleOne 2s ease-out infinite 0s;
  		}
  		.banner2icon3 {
  			-webkit-animation: bubbleOne 3s ease-out infinite 0s;
  			-ms-animation: bubbleOne 3s ease-out infinite 0s;
  			-moz-animation: bubbleOne 3s ease-out infinite 0s;
  			-o-animation: bubbleOne 3s ease-out infinite 0s;
  			animation: bubbleOne 3s ease-out infinite 0s;
  		}

  		.banner2zz {
  			-webkit-animation: moveUp 1s ease-out infinite 0s;
  			-ms-animation: moveUp 1s ease-out infinite 0s;
  			-moz-animation: moveUp 1s ease-out infinite 0s;
  			-o-animation: moveUp 1s ease-out infinite 0s;
  			animation: moveUp 1s ease-out infinite 0s;
  		}
  	}*/
}
.banner1 .txt {
  position: relative;
  z-index: 2;
  padding-top: 40px;
}
.banner1 .txt .txt1 {
  color: #fff;
  font-size: 30px;
  height: 30px;
  margin-bottom: 25px;
  background: url(../images/banner/title-text.png) no-repeat center top;
}
.banner1 .txt .txt2 {
  color: #50d1ff;
  font-size: 17px;
  margin-bottom: 10px;
  height: 17px;
  background: url(../images/banner/title-subtext.png) no-repeat center top;
}
.banner1 .banner2dp,
.banner1 .banner2zz {
  position: absolute;
  left: 50%;
  margin-left: -600px;
  bottom: 0;
  z-index: 1;
}
.banner1 .banner2dp {
  width: 1200px;
  height: 165px;
  background: url(../images/banner/banner3dp.png) no-repeat;
  bottom: 66px;
}
.banner1 .banner2zz {
  width: 1200px;
  height: 474px;
  background: url(../images/banner/banner2zz.png) no-repeat;
}
.banner1 .banner2icon1 {
  position: absolute;
  bottom: 120px;
  left: 50%;
  margin-left: -265px;
  z-index: 2;
  width: 121px;
  height: 104px;
  background: url(../images/banner/banner3icon1.png) no-repeat center center;
  background-size: 70% 70%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.banner1 .banner2icon1:hover {
  background-size: 80% 80%;
}
.banner1 .banner2icon2 {
  position: absolute;
  bottom: 140px;
  left: 50%;
  margin-left: -65px;
  z-index: 2;
  width: 127px;
  height: 108px;
  background: url(../images/banner/banner3icon2.png) no-repeat center center;
  background-size: 70% 70%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.banner1 .banner2icon2:hover {
  background-size: 80% 80%;
}
.banner1 .banner2icon3 {
  position: absolute;
  bottom: 125px;
  left: 50%;
  margin-left: 140px;
  z-index: 2;
  width: 115px;
  height: 98px;
  background: url(../images/banner/banner3icon3.png) no-repeat center center;
  background-size: 70% 70%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.banner1 .banner2icon3:hover {
  background-size: 100% 100%;
}

.apps-banner {
  position: relative;
  width: 100%;
  height: 440px;
  overflow: hidden;
  z-index: 0;
}
.apps-banner .hd {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  bottom: 10px;
}
.apps-banner .hd a {
  position: absolute;
  top: -330px;
  width: 45px;
  height: 90px;
  z-index: 1;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.apps-banner .hd a:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.apps-banner .hd a.prev {
  left: 25px;
}
.apps-banner .hd a.next {
  right: 25px;
}
.apps-banner .hd li {
  display: inline-block;
  width: 25px;
  height: 5px;
  margin: 0 3px;
  overflow: hidden;
  font-size: 0;
  line-height: 99999px;
  background: #fff;
  cursor: pointer;
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.apps-banner .hd li.on {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.apps-banner .appsbanner1 {
  height: 440px;
  background: url(../images/banner/appsbannerbg.png) repeat-x;
}
.apps-banner .appsbanner1 .txt {
  position: relative;
  z-index: 2;
  padding-top: 170px;
}
.apps-banner .appsbanner1 .txt .txt1 {
  color: #fff;
  font-size: 44px;
  margin-bottom: 10px;
}
.apps-banner .appsbanner1 .txt .txt2 {
  color: #fff;
  font-size: 18px;
}
.apps-banner .appsbanner1 .img {
  position: absolute;
  right: 0;
  top: 0;
  width: 710px;
  height: 440px;
}
.apps-banner .appsbanner1 .img1 {
  background: url(../images/banner/appsbanner1.png) no-repeat;
}
.apps-banner .appsbanner1 .img2 {
  background: url(../images/banner/appsbanner2.png) no-repeat;
}
.apps-banner .appsbanner1 .img3 {
  background: url(../images/banner/appsbanner3.png) no-repeat;
}
.apps-banner .appsbanner1 .img4 {
  background: url(../images/banner/appsbanner4.png) no-repeat;
}
.apps-banner .appsbanner1 .img5 {
  background: url(../images/banner/appsbanner5.png) no-repeat;
}
.apps-banner .appsbanner1.addAnimation .img1 {
  -webkit-animation: bubbleOne 3s ease-out infinite 0s;
  -ms-animation: bubbleOne 3s ease-out infinite 0s;
  -moz-animation: bubbleOne 3s ease-out infinite 0s;
  -o-animation: bubbleOne 3s ease-out infinite 0s;
  animation: bubbleOne 3s ease-out infinite 0s;
}
.apps-banner .appsbanner1.addAnimation .img3 {
  -webkit-animation: bubbleOne 2s ease-out infinite 0s;
  -ms-animation: bubbleOne 2s ease-out infinite 0s;
  -moz-animation: bubbleOne 2s ease-out infinite 0s;
  -o-animation: bubbleOne 2s ease-out infinite 0s;
  animation: bubbleOne 2s ease-out infinite 0s;
}
.apps-banner .appsbanner1.addAnimation .img4 {
  -webkit-animation: bubbleTwo 2s ease-out infinite 0s;
  -ms-animation: bubbleTwo 2s ease-out infinite 0s;
  -moz-animation: bubbleTwo 2s ease-out infinite 0s;
  -o-animation: bubbleTwo 2s ease-out infinite 0s;
  animation: bubbleTwo 2s ease-out infinite 0s;
}
.apps-banner .appsbanner1.addAnimation .img5 {
  -webkit-animation: bubbleTwo 3s ease-out infinite 0s;
  -ms-animation: bubbleTwo 3s ease-out infinite 0s;
  -moz-animation: bubbleTwo 3s ease-out infinite 0s;
  -o-animation: bubbleTwo 3s ease-out infinite 0s;
  animation: bubbleTwo 3s ease-out infinite 0s;
}

.header-fixed {
  height: 60px;
}

.subnav {
  display: none;
  position: absolute;
  top: 65px;
  left: 50%;
  width: 390px;
  margin-left: -188px;
  border-top: 4px solid #538bdf;
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px #666;
  -moz-box-shadow: 0 0 15px #666;
  box-shadow: 0 0 15px #666;
}
.subnav a:hover dl {
  background-color: #f6f8fa;
}
.subnav a:hover dt {
  color: #457dd1;
}
.subnav dl {
  padding: 20px 33px;
  border-top: 1px solid #ebebeb;
  line-height: 1.6;
}
.subnav dl.nob {
  border-top: 0;
}
.subnav dt {
  font-size: 18px;
  color: #000;
}
.subnav dd {
  font-size: 14px;
  color: #999;
}
.subnav .arrow-up {
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: -12px;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #538bdf transparent;
}

.m-announcement-list {
  background-color: #282f54;
  height: 43px;
  line-height: 43px;
}
.m-announcement-list a {
  color: #fff;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.m-announcement-list a:hover {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.m-announcement-list .hd {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.m-announcement-list .bd li {
  display: inline-block;
  vertical-align: middle;
  width: 355px;
  margin: 0 10px;
}
.m-announcement-list .bd li a {
  display: block;
  width: 330px;
}
.m-announcement-list .bd .separate {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 25px;
  background-color: #fff;
  overflow: hidden;
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
}

.meteor {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  z-index: 0;
}

.star {
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: #fff;
  position: relative;
  transform-origin: 100% 0;
  opacity: 0;
  z-index: 2;
  /*
  &.star3, &.star4 {
  	&:after {
  		transform: rotate(210deg) translate3d(1px, 3px, 0);
  		box-shadow: 1px 0 0 0 rgba(255, 255, 255, .2);
  	}
  }*/
}
.star.star1 {
  top: 50px;
  left: 90%;
  animation: star-ani 2s infinite ease-out 2s;
}
.star.star2 {
  top: 150px;
  left: 90%;
  animation: star-ani 2.5s infinite ease-out 4s;
}
.star.star3 {
  top: 100px;
  left: 40%;
  animation: star-ani 2s infinite ease-out 3s;
}
.star.star4 {
  top: 250px;
  left: 40%;
  animation: star-ani 2.5s infinite ease-out 5s;
}
.star:after {
  content: "";
  display: block;
  top: 0px;
  left: 4px;
  border: 0px solid #fff;
  border-width: 0px 90px 2px 90px;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.7);
  transform: rotate(-30deg) translate3d(1px, 3px, 0);
  box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.2);
  transform-origin: 0% 100%;
}

@keyframes star-ani {
  0% {
    opacity: 0;
    transform: scale(0) rotate(0) translate3d(0, 0, 0);
    -webkit-transform: scale(0) rotate(0) translate3d(0, 0, 0);
    -moz-transform: scale(0) rotate(0) translate3d(0, 0, 0);
  }
  50% {
    opacity: 1;
    transform: scale(1) rotate(0) translate3d(-200px, 200px, 0);
    -webkit-transform: scale(1) rotate(0) translate3d(-200px, 200px, 0);
    -moz-transform: scale(1) rotate(0) translate3d(-200px, 200px, 0);
  }
  100% {
    opacity: 0;
    transform: scale(1) rotate(0) translate3d(-300px, 300px, 0);
    -webkit-transform: scale(1) rotate(0) translate3d(-300px, 300px, 0);
    -moz-transform: scale(1) rotate(0) translate3d(-300px, 300px, 0);
  }
}
@keyframes star-anil {
  0% {
    opacity: 0;
    transform: scale(0) rotate(0) translate3d(0, 0, 0);
    -webkit-transform: scale(0) rotate(0) translate3d(0, 0, 0);
    -moz-transform: scale(0) rotate(0) translate3d(0, 0, 0);
  }
  50% {
    opacity: 1;
    transform: scale(1) rotate(0) translate3d(200px, 200px, 0);
    -webkit-transform: scale(1) rotate(0) translate3d(200px, 200px, 0);
    -moz-transform: scale(1) rotate(0) translate3d(200px, 200px, 0);
  }
  100% {
    opacity: 0;
    transform: scale(1) rotate(0) translate3d(300px, 300px, 0);
    -webkit-transform: scale(1) rotate(0) translate3d(300px, 300px, 0);
    -moz-transform: scale(1) rotate(0) translate3d(300px, 300px, 0);
  }
}
/*banner动画*/
@-webkit-keyframes bubbleOne {
  0% {
    -webkit-transform: translate3D(0px, 0px, 0px);
  }
  25% {
    -webkit-transform: translate3D(0px, -7px, 0px);
  }
  50% {
    -webkit-transform: translate3D(0px, 0px, 0px);
  }
  75% {
    -webkit-transform: translate3D(0px, 7px, 0px);
  }
  100% {
    -webkit-transform: translate3D(0px, 0px, 0px);
  }
}
@-moz-keyframes bubbleOne {
  0% {
    -moz-transform: translate3D(0px, 0px, 0px);
  }
  25% {
    -moz-transform: translate3D(0px, -7px, 0px);
  }
  50% {
    -moz-transform: translate3D(0px, 0px, 0px);
  }
  75% {
    -moz-transform: translate3D(0px, 7px, 0px);
  }
  100% {
    -moz-transform: translate3D(0px, 0px, 0px);
  }
}
@-ms-keyframes bubbleOne {
  0% {
    -ms-transform: translate3D(0px, 0px, 0px);
  }
  25% {
    -ms-transform: translate3D(0px, -7px, 0px);
  }
  50% {
    -ms-transform: translate3D(0px, 0px, 0px);
  }
  75% {
    -ms-transform: translate3D(0px, 7px, 0px);
  }
  100% {
    -ms-transform: translate3D(0px, 0px, 0px);
  }
}
@-o-keyframes bubbleOne {
  0% {
    -o-transform: translate3D(0px, 0px, 0px);
  }
  25% {
    -o-transform: translate3D(0px, -7px, 0px);
  }
  50% {
    -o-transform: translate3D(0px, 0px, 0px);
  }
  75% {
    -o-transform: translate3D(0px, 7px, 0px);
  }
  100% {
    -o-transform: translate3D(0px, 0px, 0px);
  }
}
@keyframes bubbleOne {
  0% {
    transform: translate3D(0px, 0px, 0px);
  }
  25% {
    transform: translate3D(0px, -7px, 0px);
  }
  50% {
    transform: translate3D(0px, 0px, 0px);
  }
  75% {
    transform: translate3D(0px, 7px, 0px);
  }
  100% {
    transform: translate3D(0px, 0px, 0px);
  }
}
@-webkit-keyframes bubbleTwo {
  0% {
    -webkit-transform: translate3D(0px, 0px, 0px);
  }
  25% {
    -webkit-transform: translate3D(0px, 5px, 0px);
  }
  50% {
    -webkit-transform: translate3D(0px, 0px, 0px);
  }
  75% {
    -webkit-transform: translate3D(0px, -5px, 0px);
  }
  100% {
    -webkit-transform: translate3D(0px, 0px, 0px);
  }
}
@-ms-keyframes bubbleTwo {
  0% {
    -ms-transform: translate3D(0px, 0px, 0px);
  }
  25% {
    -ms-transform: translate3D(0px, 5px, 0px);
  }
  50% {
    -ms-transform: translate3D(0px, 0px, 0px);
  }
  75% {
    -ms-transform: translate3D(0px, -5px, 0px);
  }
  100% {
    -ms-transform: translate3D(0px, 0px, 0px);
  }
}
@-o-keyframes bubbleTwo {
  0% {
    -o-transform: translate3D(0px, 0px, 0px);
  }
  25% {
    -o-transform: translate3D(0px, 5px, 0px);
  }
  50% {
    -o-transform: translate3D(0px, 0px, 0px);
  }
  75% {
    -o-transform: translate3D(0px, -5px, 0px);
  }
  100% {
    -o-transform: translate3D(0px, 0px, 0px);
  }
}
@-moz-keyframes bubbleTwo {
  0% {
    -moz-transform: translate3D(0px, 0px, 0px);
  }
  25% {
    -moz-transform: translate3D(0px, 5px, 0px);
  }
  50% {
    -moz-transform: translate3D(0px, 0px, 0px);
  }
  75% {
    -moz-transform: translate3D(0px, -5px, 0px);
  }
  100% {
    -moz-transform: translate3D(0px, 0px, 0px);
  }
}
@keyframes bubbleTwo {
  0% {
    transform: translate3D(0px, 0px, 0px);
  }
  25% {
    transform: translate3D(0px, 5px, 0px);
  }
  50% {
    transform: translate3D(0px, 0px, 0px);
  }
  75% {
    transform: translate3D(0px, -5px, 0px);
  }
  100% {
    transform: translate3D(0px, 0px, 0px);
  }
}
@-webkit-keyframes moveUp {
  0% {
    bottom: 0;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }
  100% {
    bottom: 150px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
  }
}
@-ms-keyframes moveUp {
  0% {
    bottom: 0;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }
  100% {
    bottom: 150px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
  }
}
@-o-keyframes moveUp {
  0% {
    bottom: 0;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }
  100% {
    bottom: 150px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
  }
}
@-moz-keyframes moveUp {
  0% {
    bottom: 0;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }
  100% {
    bottom: 150px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
  }
}
@keyframes moveUp {
  0% {
    bottom: 0;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }
  100% {
    bottom: 150px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
  }
}
@keyframes moveUp {
  0% {
    bottom: 0;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }
  100% {
    bottom: 150px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
  }
}
@keyframes opacityChange {
  0% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
  }
  100% {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }
}

/**********************
* 日期:2017-01-03
* 说明:页面模块样式
***********************/
/*--基础样式--*/
a {
  color: #333;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

a:hover,
.hover,
a.hover {
  color: #3b74ca;
}

a:hover {
  text-decoration: none;
}

.a-file {
  color: #666;
}

.tr {
  text-align: right;
}

.fs12 {
  font-size: 12px;
}

.fs14 {
  font-size: 14px;
}

.fs16 {
  font-size: 16px;
}

.inline-block,
.icon {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}

.display-block {
  display: block;
}

input,
textarea {
  outline: none;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.color-green {
  color: #78c11a;
}

.color-gray {
  color: #999;
}

.color-gray-dark {
  color: #333;
}

.color-yellow {
  color: #f78d00;
}

.color-red {
  color: #ff3e03;
}

.color-blue {
  color: #3e87ff;
}

.bg-gray {
  background-color: #f8f7f7;
}

.bg-white {
  background-color: #fff;
}

.bg-yellow {
  background-color: #fcf9e4;
}

.pos-r {
  position: relative;
}

.mt25 {
  margin-top: 25px;
}

.mt15 {
  margin-top: 15px;
}

.mt35 {
  margin-top: 35px;
}

.mt95 {
  margin-top: 95px;
}

.mt5 {
  margin-top: 5px;
}

.ml20 {
  margin-left: 20px;
}

.ml40 {
  margin-left: 40px;
}

.ml5 {
  margin-left: 5px;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

/*通用模块*/
.common-box {
  position: relative;
  z-index: 0;
}
.common-box .module-title {
  padding-top: 40px;
  font-size: 32px;
  color: #3e487d;
  line-height: 1.6;
  letter-spacing: 2px;
  text-align: center;
}
.common-box .module-intro {
  position: relative;
  padding-bottom: 50px;
  font-size: 18px;
  color: #a9a9a9;
  line-height: 1.6;
  text-align: center;
  text-transform: uppercase;
}

/*文档中心*/
.documentation {
  background: url(../images/documentationbg.jpg) repeat-y center top;
}

.doc-left {
  float: left;
  padding: 0 1px;
  width: 218px;
}
.doc-left h2 {
  padding-left: 13px;
  border-bottom: 1px solid #e8e8e8;
  color: #333;
  font-size: 22px;
  font-weight: bold;
  line-height: 65px;
}
.doc-left a {
  position: relative;
  display: block;
  color: #000;
  font-size: 14px;
}
.doc-left a:after {
  position: absolute;
  right: 21px;
  top: 50%;
  margin-top: -3px;
  content: "";
}
.doc-left a:hover,
.doc-left a.current {
  color: #3673ef;
}
.doc-left a:hover:after,
.doc-left a.current:after {
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-width: 4.5px 0 4.5px 6px;
  border-color: transparent transparent transparent #3673ef;
}
.doc-left a.close:before {
  position: absolute;
  right: 18px;
  top: 50%;
  margin-top: -2px;
  content: "";
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-width: 7px 8.5px 0 8.5px;
  border-color: #a9a9a9 transparent transparent transparent;
}
.doc-left a.close:after {
  position: absolute;
  right: 18px;
  top: 50%;
  margin-top: -3px;
  content: "";
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-width: 7px 8.5px 0 8.5px;
  border-color: #f6f6f6 transparent transparent transparent;
}
.doc-left a.open:before {
  position: absolute;
  right: 18px;
  top: 50%;
  margin-top: -3px;
  content: "";
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-width: 0 8.5px 7px 8.5px;
  border-color: transparent transparent #a9a9a9 transparent;
}
.doc-left a.open:after {
  position: absolute;
  right: 18px;
  top: 50%;
  margin-top: -2px;
  content: "";
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-width: 0 8.5px 7px 8.5px;
  border-color: transparent transparent #f6f6f6 transparent;
}
.doc-left dl {
  border-bottom: 1px solid #e8e8e8;
}
.doc-left dt {
  line-height: 55px;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: -1px;
}
.doc-left dt a {
  padding-left: 15px;
}
.doc-left dt .icon {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.doc-left dd {
  line-height: 50px;
}
.doc-left dd a {
  padding-left: 38px;
}
.doc-left ul {
  line-height: 40px;
}
.doc-left ul a {
  color: #666;
  font-size: 12px;
}

.doc-right {
  float: right;
  width: 945px;
}

.doc-title {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.doc-title h2 {
  line-height: 55px;
  font-size: 28px;
  color: #333;
}
.doc-title .crumbs {
  padding-top: 20px;
  line-height: 35px;
  font-size: 16px;
}
.doc-title a {
  color: #305eea;
}
.doc-title .intro,
.doc-title .date-view {
  font-size: 14px;
  color: #666;
}
.doc-title .date-view {
  padding-top: 20px;
  line-height: 35px;
}

.faq-title {
  padding-top: 10px;
  font-size: 14px;
}
.faq-title a {
  color: #666;
}

.markdown-box {
  position: relative;
  padding-top: 20px;
  color: #333;
  font-size: 14px;
  line-height: 30px;
}
.markdown-box h1 {
  margin: 1em 0 0.5em;
  font-size: 18px;
  font-weight: bold;
}
.markdown-box h2 {
  margin-bottom: 0.15em;
  font-size: 16px;
  font-weight: bold;
}
.markdown-box h2:before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  border: 3px solid #a2a5aa;
  width: 0;
  height: 0;
  margin-right: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.markdown-box h2 a {
  color: #333;
}
.markdown-box h3 {
  padding-left: 18px;
  margin-bottom: 0.15em;
  font-weight: bold;
}
.markdown-box p.note {
  margin: 20px 0 40px;
  font-weight: bold;
}
.markdown-box .description {
  font-size: 12px;
  font-weight: normal;
  margin-left: 30px;
}
.markdown-box a {
  color: #3673ef;
}
.markdown-box p,
.markdown-box .paragraph {
  margin: 2px 0 20px 18px;
}
.markdown-box ul {
  margin-left: 33px;
}
.markdown-box ul li {
  list-style: square;
}
.markdown-box ol {
  margin-left: 33px;
}
.markdown-box ol li {
  list-style: decimal;
}
.markdown-box .paragraph ol,
.markdown-box .paragraph ul {
  margin: 0;
}
.markdown-box img {
  max-width: 100%;
}
.markdown-box table {
  width: 100%;
  line-height: 20px;
  font-size: 14px;
}
.markdown-box table thead {
  background-color: #666;
  color: #fff;
}
.markdown-box blockquote {
  background-color: #fbfbe7;
  border: 1px dashed #2f6fab;
  font-size: 14px;
  line-height: 24px;
  margin: 15px auto;
  padding: 10px 15px 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.markdown-box blockquote p {
  margin-bottom: 0;
  margin-left: 0;
}
.markdown-box pre {
  background-color: #f5f5f5;
  border: 1px solid #d0d0d0;
  color: #333;
  display: block;
  font-family: Menlo, Monaco, "Courier New", monospace;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 9px;
  overflow-wrap: break-word;
  padding: 8.5px;
  white-space: pre-wrap;
  word-break: break-all;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.markdown-box .bg-status-green,
.markdown-box .bg-status-purple {
  color: #fff;
  font-size: 10px;
  padding: 2px 5px;
  margin: 0 3px;
}
.markdown-box .bg-status-green {
  background-color: #5aba59;
}
.markdown-box .bg-status-purple {
  background-color: #8156a7;
}
.markdown-box .icon-dot-green,
.markdown-box .icon-dot-red {
  width: 6px;
  height: 6px;
}
.markdown-box .icon-dot-green {
  background-color: #28b772;
}
.markdown-box .icon-dot-red {
  background-color: #ff624d;
}
.markdown-box .category {
  position: absolute;
  top: 80px;
  right: -200px;
  z-index: 1;
  width: 190px;
  padding: 10px 0;
  white-space: nowrap;
  line-height: 30px;
}
.markdown-box .category .description {
  display: none;
}
.markdown-box .category .category-inner {
  position: relative;
  height: auto;
  max-height: 300px;
  overflow: hidden;
  z-index: 2;
}
.markdown-box .category .category-line {
  background-color: #eaeaea;
  border-color: #eaeaea;
  border-style: none solid;
  border-width: 0 1px;
  height: 100%;
  left: 5px;
  min-height: 40px;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 1;
}
.markdown-box .category .category-line:before {
  position: absolute;
  top: -15px;
  left: -8px;
  width: 18px;
  height: 10px;
  content: url(../images/doc-cate-1.jpg);
}
.markdown-box .category .category-line:after {
  position: absolute;
  bottom: 12px;
  left: -8px;
  width: 18px;
  height: 10px;
  content: url(../images/doc-cate-1.jpg);
}
.markdown-box .category .categoryh1 {
  font-size: 16px;
  color: #333;
  text-decoration: none;
  padding-left: 25px;
  margin-left: -2px;
  font-weight: bold;
  background: url(../images/doc-cate-2.jpg) no-repeat left center;
}
.markdown-box .category .categoryh2 {
  font-size: 14px;
  color: #333;
  text-decoration: none;
  padding-left: 35px;
  margin-left: -2px;
  background: url(../images/doc-cate-2.jpg) no-repeat left center;
}
.markdown-box .category .categoryh3 {
  font-size: 14px;
  color: #666;
  text-decoration: none;
  padding-left: 45px;
  margin-left: -2px;
}
.markdown-box .category a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 7px;
}
.markdown-box .category a:hover {
  color: #3673ef;
}
.markdown-box .category a.current {
  background: url(../images/doc-cate-3.jpg) no-repeat left center;
}

.appintro-box {
  position: relative;
  padding-top: 20px;
  color: #333;
  font-size: 16px;
  line-height: 30px;
}
.appintro-box h1 {
  margin: 1em 0 0.5em;
  font-size: 28px;
  font-weight: bold;
}
.appintro-box h2 {
  margin-bottom: 0.15em;
  font-size: 18px;
  font-weight: bold;
}
.appintro-box h2:before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  border: 3px solid #a2a5aa;
  width: 0;
  height: 0;
  margin-right: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.appintro-box h2 a {
  color: #333;
}
.appintro-box h3 {
  padding-left: 18px;
  margin-bottom: 0.15em;
  font-weight: bold;
}
.appintro-box p.note {
  margin: 20px 0 40px;
  font-weight: bold;
}
.appintro-box .description {
  font-size: 12px;
  font-weight: normal;
  margin-left: 30px;
}
.appintro-box p,
.appintro-box .paragraph {
  margin: 2px 0 20px 18px;
}

.doc-down-box {
  padding: 15px 20px;
  margin: 10px 0 20px 18px;
  border: 1px solid #e8e8e8;
  background-color: #f6f6f6;
}
.doc-down-box .eui-btn {
  font-size: 14px;
}
.doc-down-box p {
  margin: 0;
}
.doc-down-box .title {
  font-size: 18px;
  color: #000;
}
.doc-down-box .intro {
  font-size: 14px;
  color: #666;
}

.faq-item {
  border-bottom: 1px dashed #d9d9d9;
  font-size: 16px;
}
.faq-item .title {
  position: relative;
  padding: 15px 25px 15px 0;
  color: #000;
  line-height: 30px;
  cursor: pointer;
}
.faq-item .title span {
  font-size: 14px;
  color: #999;
}
.faq-item .title h2 {
  position: relative;
  padding-left: 15px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 1;
}
.faq-item .title h2:before {
  position: absolute;
  left: 3px;
  top: 50%;
  margin-top: -2px;
  content: "";
  width: 5px;
  height: 5px;
  background-color: #a2a5aa;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.faq-item .title:hover h2 {
  color: #4a7ce1;
}
.faq-item .title:hover h2:before {
  background-color: #4a7ce1;
}
.faq-item .close:before {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -2px;
  content: "";
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-width: 7px 8.5px 0 8.5px;
  border-color: #737373 transparent transparent transparent;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.faq-item .close:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -3px;
  content: "";
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-width: 7px 8.5px 0 8.5px;
  border-color: #fff transparent transparent transparent;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.faq-item .open:before,
.faq-item .packup:before {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -3px;
  content: "";
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-width: 0 8.5px 7px 8.5px;
  border-color: transparent transparent #737373 transparent;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.faq-item .open:after,
.faq-item .packup:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -2px;
  content: "";
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-width: 0 8.5px 7px 8.5px;
  border-color: transparent transparent #fff transparent;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.faq-item .intro {
  line-height: 28px;
  display: none;
  color: #333;
  padding: 0 50px 30px 18px;
}
.faq-item .packup {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.faq-manage .faq-item .open {
  background-color: #f6f6f6;
}
.faq-manage .intro {
  padding-left: 30px;
  background-color: #f6f6f6;
}
.faq-manage .title {
  padding-left: 15px;
}
.faq-manage .title:before,
.faq-manage .title:after {
  display: none;
}
.faq-manage .operating {
  position: relative;
  z-index: 2;
}
.faq-manage .operating a {
  color: #3388ff;
}

.page {
  padding: 30px 0 50px;
  text-align: right;
}
.page a {
  display: inline-block;
  background-color: #fffeff;
  border: 1px solid #bfc8d4;
  line-height: 26px;
  padding: 0 9px;
  margin: 0 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.page .disable {
  color: #c7c9d0;
  border: 1px solid #bfc8d4;
}
.page .current {
  background-color: #4083f1;
  border: 1px solid #4083f1;
  color: #fff;
}

.news-categroy {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}
.news-categroy a {
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
  padding: 0 15px;
  margin-right: 15px;
}
.news-categroy .current {
  background-color: #4083f1;
  color: #fff;
}

.news-item {
  padding: 13px;
}
.news-item em {
  color: #ff3e03;
}
.news-item .title {
  font-size: 16px;
  line-height: 30px;
}
.news-item .title a {
  color: #4374f1;
}
.news-item .intro {
  font-size: 14px;
  color: #666;
  line-height: 22px;
}
.news-item .fd {
  font-size: 14px;
  color: #999;
  line-height: 22px;
  padding-top: 10px;
}
.news-item .tag-gray {
  display: inline-block;
  padding: 0 5px;
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  font-size: 12px;
  color: #666;
  margin-right: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.nodata-box {
  padding: 200px 0;
}
.nodata-box .nodata-content {
  width: 650px;
  min-height: 180px;
  margin: 0 auto;
  padding-left: 550px;
  padding-top: 20px;
  background: url(../images/nodata.png) no-repeat 258px center;
  font-size: 14px;
  color: #666;
  line-height: 26px;
}
.nodata-box .nodata-content h2 {
  padding: 15px 0;
  font-size: 18px;
  color: #333;
}
.nodata-box .nodata-content a {
  color: #3b74ca;
}

.apps-title {
  margin-bottom: 25px;
  padding-bottom: 5px;
  height: 45px;
}
.apps-title h2 {
  float: left;
  color: #2e3033;
  font-size: 24px;
  line-height: 1.8;
}
.apps-title .tabbox {
  float: left;
  padding-left: 30px;
}
.apps-title .tabbox a {
  display: inline-block;
  margin-left: 20px;
  padding: 0 8px;
  color: #2e3033;
  font-size: 16px;
  line-height: 49px;
}
.apps-title .tabbox a:hover,
.apps-title .tabbox a.current {
  color: #3e71dd;
}
.apps-title .tabbox a.current {
  border-bottom: 2px solid #7da7ff;
}
.apps-title .sortbox {
  float: right;
  padding-top: 6px;
}
.apps-title .sortbox span {
  display: inline-block;
  border: 1px solid #d9d9d9;
  background: #fff;
}
.apps-title .sortbox a {
  display: inline-block;
  padding: 0 10px;
  border-left: 1px solid #d9d9d9;
  line-height: 28px;
}
.apps-title .sortbox a:first-child {
  border-left: 0;
}
.apps-title .sortbox a.current {
  background: #f8f8fa;
}

.apps-latest {
  padding: 30px 0 70px;
  background: #f7f7f7;
}

.apps-latest-list .apps-item {
  float: left;
  width: 242px;
  padding: 25px;
  margin-left: 10px;
  background: #fff;
}
.apps-latest-list .apps-item:first-child {
  margin-left: 0;
}
.apps-latest-list .apps-item dt {
  float: left;
}
.apps-latest-list .apps-item .txt {
  padding-top: 10px;
  margin-left: 95px;
}
.apps-latest-list .apps-item .intro {
  clear: both;
  font-size: 13px;
  color: #666;
  line-height: 20px;
  padding-top: 8px;
  word-wrap: break-word;
  word-break: break-all;
}
.apps-latest-list .apps-item .intro a {
  color: #3e71dd;
}
.apps-latest-list .apps-item .title {
  padding-top: 5px;
  color: #000;
  font-size: 16px;
  line-height: 1.8;
}
.apps-latest-list .apps-item .subtitle {
  color: #999;
  font-size: 14px;
}

.apps-all {
  padding: 30px 0;
}
.apps-all .page {
  padding: 0 0 20px;
}
.apps-all .apps-title {
  border-bottom: 1px solid #e7e7e7;
}

.apps-all-list .apps-item {
  float: left;
  width: 240px;
  margin-bottom: 45px;
}
.apps-all-list .apps-item dt {
  float: left;
}
.apps-all-list .apps-item dd {
  margin-left: 90px;
}
.apps-all-list .apps-item .title {
  color: #000;
  font-size: 16px;
  line-height: 1.5;
}
.apps-all-list .apps-item .subtitle {
  color: #999;
  font-size: 14px;
}
.apps-all-list .apps-item .apptype {
  font-size: 0;
}
.apps-all-list .apps-item .apptype .icon {
  margin-right: 2px;
}

.apps-ranking {
  padding: 30px 0 100px;
  background: url(../images/setion3bg.jpg) no-repeat center top #f2f2f5;
}

.apps-ranking-item {
  width: 373px;
  border: 1px solid #e7e7e7;
  background: #fff;
}

.apps-ranking-title {
  border-bottom: 1px solid #e7e7e7;
  font-size: 20px;
  color: #2e3033;
  line-height: 60px;
  padding-left: 25px;
}
.apps-ranking-title .icon {
  margin-right: 15px;
}

.apps-ranking-list {
  padding: 10px;
}
.apps-ranking-list li {
  padding: 13px 0;
}
.apps-ranking-list .num {
  float: left;
  width: 31px;
  line-height: 32px;
  margin: 0 10px;
  font-size: 16px;
  color: #666;
  text-align: center;
}
.apps-ranking-list .img {
  float: left;
}
.apps-ranking-list .img img {
  display: block;
  width: 32px;
  height: 32px;
}
.apps-ranking-list .txt {
  margin-left: 100px;
  line-height: 32px;
}
.apps-ranking-list .txt a {
  font-size: 14px;
  -webkit-transition: all 0s;
  transition: all 0s;
}
.apps-ranking-list .txt p {
  display: none;
}
.apps-ranking-list .current {
  height: 80px;
}
.apps-ranking-list .current .num {
  background: url(../images/apps-ranking-num-bg.png) no-repeat;
  color: #fff;
  height: 32px;
  line-height: 23px;
}
.apps-ranking-list .current .img img {
  width: 80px;
  height: 80px;
}
.apps-ranking-list .current .txt {
  padding-top: 10px;
  margin-left: 145px;
  line-height: 26px;
}
.apps-ranking-list .current .txt a {
  font-size: 16px;
}
.apps-ranking-list .current .txt p {
  display: block;
  font-size: 14px;
  color: #999;
}

.app-detail-left {
  float: left;
  width: 200px;
  padding-top: 25px;
  line-height: 1.6;
}
.app-detail-left .app-title {
  font-size: 20px;
  font-weight: bold;
  color: #333;
}
.app-detail-left .app-subtitle {
  margin-bottom: 20px;
  font-size: 14px;
}
.app-detail-left p {
  margin-bottom: 10px;
  color: #333;
  font-size: 13px;
}

.app-detail-right {
  float: right;
  width: 945px;
}

.doc-border-bg {
  padding: 10px;
  margin: 10px 0 20px 18px;
  border: 1px solid #e8e8e8;
  background-color: #f6f6f6;
}

.app-other-list ul {
  margin: 0 0 0 10px;
}
.app-other-list li {
  float: left;
  width: 88px;
  text-align: center;
  margin: 10px 30px 0;
}
.app-other-list .title {
  font-size: 16px;
}
.app-other-list .title a {
  color: #000;
  text-decoration: none;
}
.app-other-list .title a:hover {
  color: #3b74ca;
}
.app-other-list .subtitle {
  font-size: 14px;
  color: #999;
}

.app-screenshots .bigImg-item .img {
  height: 482px;
  line-height: 482px;
  text-align: center;
}
.app-screenshots .bigImg-item .img img {
  max-width: 903px;
  max-height: 482px;
  vertical-align: middle;
}
.app-screenshots .bigImg-item .txt {
  font-size: 14px;
  color: #666;
}
.app-screenshots .bigImg-item .txt .t {
  font-size: 16px;
  color: #000;
}
.app-screenshots .smallImg ul {
  margin: 10px 0;
}
.app-screenshots .smallImg li {
  float: left;
  position: relative;
  width: 214px;
  height: 114px;
  line-height: 114px;
  margin: 0 4px;
  border: 2px solid #f6f6f6;
  cursor: pointer;
  overflow: hidden;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.app-screenshots .smallImg li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.app-screenshots .smallImg li img {
  max-width: 214px;
  max-height: 114px;
  vertical-align: middle;
}
.app-screenshots .smallImg .on {
  border: 2px solid #009cff;
}
.app-screenshots .smallImg .on:after {
  background: none;
}
.app-screenshots .pageState {
  text-align: center;
}

.sdkdown-list {
  padding: 25px 0 0;
  overflow: hidden;
}
.sdkdown-list ul {
  width: 965px;
}
.sdkdown-list li {
  float: left;
}

.sdkdown-item {
  width: 172px;
  height: 140px;
  margin-right: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.sdkdown-item a {
  display: block;
  height: 138px;
  background: #f6f6f6;
  border: 1px solid #e8e8e8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.sdkdown-item a:hover {
  background: #f2f6ff;
  border: 1px solid #84a8ff;
}
.sdkdown-item .img {
  padding-top: 25px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #4083f1;
}
.sdkdown-item .img .icon {
  width: 36px;
  height: 36px;
}
.sdkdown-item .txt {
  font-size: 16px;
  color: #000;
}

.sdkdown-more {
  width: 170px;
  height: 138px;
  margin-bottom: 20px;
  text-align: center;
  background: #f6f6f6;
  border: 1px solid #e8e8e8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.sdkdown-more .txt {
  font-size: 16px;
  color: #666;
}
.sdkdown-more .img {
  padding-top: 35px;
  margin-bottom: 10px;
}
.sdkdown-more .img .icon {
  width: 36px;
  height: 36px;
}

.under-box {
  padding: 200px 0;
  text-align: center;
  color: #999;
  font-size: 18px;
}

/*=================返回顶部浮动条=======================*/
.fixed-sidebar {
  position: fixed;
  _position: absolute;
  top: auto;
  bottom: 200px;
  _top: 800px;
  right: 15px;
  /*margin-left:510px;*/
  width: 45px;
  z-index: 1000;
}

.fixed-sidebar a {
  display: block;
  margin-bottom: 2px;
  height: 44px;
  width: 44px;
  line-height: 44px;
  text-align: center;
  background-color: #5e5e5d;
}

.fixed-sidebar a:hover {
  background-color: #454544;
}

.fixed-sidebar .backtop {
  display: none;
  border-radius: 2px 2px 0 0;
}

.fixed-sidebar .feedback {
  border-radius: 0 0 2px 2px;
}

.fixed-sidebar .non {
  display: none;
}

/*===================返回顶部浮动条结束=====================*/
/*通用滚动条区域*/
.scrollbarbox {
  position: relative;
  overflow: hidden;
}

/*低版本浏览器提示*/
.global-browser-tips {
  height: 40px;
}

.global-browser-update {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99;
  background: #fff28d;
  text-align: center;
}
.global-browser-update .global-update-inner {
  display: block;
  width: 1200px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  font-size: 14px;
  font-family: "microsoft yahei";
  overflow: hidden;
  color: #dd2727;
  background: #fff28d url(../images/icon-global-browser-update.jpg) left center
    no-repeat;
}
.global-browser-update a {
  color: #dd2727;
  font-weight: bold;
}
.global-browser-update .global-update-close {
  float: right;
  width: 20px;
  height: 20px;
  margin-top: 10px;
  background: url(../images/icon-global-browser-close.png) no-repeat;
}

/*20170313 add by jhxia*/
/*用户注册*/
.userreg-box {
  width: 880px;
  padding-top: 20px;
  margin: 0 auto;
}
.userreg-box .reghd {
  height: 235px;
  padding-top: 85px;
  background: url(../images/userregbg.png) no-repeat;
  text-align: center;
}
.userreg-box .reghd .p1 {
  font-size: 24px;
  color: #5e5e5e;
  line-height: 45px;
}
.userreg-box .reghd .p2 {
  width: 100%;
  margin-top: 95px;
  font-size: 18px;
  height: 50px;
  display: table;
}
.userreg-box .reghd .p2 p {
  display: table-cell;
  vertical-align: middle;
}
.userreg-box .regbd {
  padding-top: 5px;
  padding-bottom: 5px;
}
.userreg-box .regbd dl {
  padding: 8px 0;
  font-size: 16px;
  padding-left: 110px;
}
.userreg-box .regbd dt {
  float: left;
  width: 200px;
  color: #666;
  text-align: right;
}
.userreg-box .regbd dd {
  width: 360px;
  margin-left: 210px;
  color: #000;
}
.userreg-box .regbd dd p {
  font-size: 14px;
  color: #666;
}

/*20170315 add by jhxia*/
/*找回密码*/
.getpassword-box .title {
  font-size: 18px;
  line-height: 2;
  margin-top: 80px;
  text-align: center;
}
.getpassword-box .step-box {
  width: 690px;
  height: 40px;
  line-height: 40px;
  margin: 20px auto 0;
  background: #f7f7f7;
  font-size: 16px;
  color: #b8b8b8;
}
.getpassword-box .step-box li {
  position: relative;
  float: left;
  width: 230px;
  text-align: center;
}
.getpassword-box .step-box li em {
  padding: 0 7px;
  margin-right: 5px;
  background: #ccc;
  color: #fff;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.getpassword-box .step-box li.hasarrow:after {
  position: absolute;
  z-index: 1;
  top: 0;
  right: -20px;
  content: "";
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent #fff;
}
.getpassword-box .step-box li.hasarrow:before {
  position: absolute;
  z-index: 2;
  top: 0;
  right: -18px;
  content: "";
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent #f7f7f7;
}
.getpassword-box .step-box li.current {
  background-color: #ddebff;
  color: #2d7be7;
}
.getpassword-box .step-box li.current.hasarrow:after {
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent #fff;
}
.getpassword-box .step-box li.current.hasarrow:before {
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent #ddebff;
}
.getpassword-box .step-box li.current em {
  background: #2d7be7;
}
.getpassword-box .form-box {
  width: 345px;
  margin: 50px auto 0;
}
.getpassword-box .form-box .inputbox {
  position: relative;
  padding: 8px 0;
}
.getpassword-box .form-box .inputbox .error-tips {
  position: absolute;
  left: 102%;
  top: 8px;
  line-height: 40px;
  white-space: nowrap;
}
.getpassword-box .form-box .webinput {
  padding: 10px;
}
.getpassword-box .form-box .btnbox {
  margin-top: 20px;
}
.getpassword-box .form-box .btnbox .eui-btn {
  width: 100%;
  height: 38px;
  font-size: 14px;
}
.getpassword-box .form-box .sendcode {
  width: 115px;
  height: 40px;
  font-size: 14px;
}
.getpassword-box .tipsbox {
  width: 690px;
  margin: 50px auto 0;
  text-align: center;
}
.getpassword-box .tipsbox p {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  line-height: 40px;
}
.getpassword-box .tipsbox .eui-btn {
  width: 140px;
  height: 38px;
  font-size: 14px;
  font-weight: bold;
}

/*20170323 add by jhxia*/
/*激活账号*/
.activation-account .title {
  font-size: 24px;
  font-weight: bold;
  color: #333;
}
.activation-account .tipsbox {
  padding-top: 50px;
}
.activation-account .tipsbox p {
  font-weight: normal;
}

/*20170324 add by jhxia*/
/*更新日志*/
.updatelog-list li {
  position: relative;
  padding-left: 20px;
}
.updatelog-list li .img {
  position: absolute;
  top: 0;
  left: 0;
}
.updatelog-list .packup {
  position: relative;
  cursor: pointer;
}

/*20170405 add by jhxia*/
/*修改密码*/
.change-password {
  width: 860px;
  margin: 0 auto;
}

.change-hd {
  padding: 20px 0;
  line-height: 60px;
}
.change-hd a {
  color: #2d7be7;
  font-size: 14px;
}

.change-logo {
  padding-left: 55px;
  background: url(../images/logo.png) no-repeat left center;
  font-size: 22px;
  color: #000;
}

.change-bd {
  border: 1px solid #cecece;
  background-color: #fff;
  -webkit-box-shadow: 0 0 2px #cecece;
  -moz-box-shadow: 0 0 2px #cecece;
  box-shadow: 0 0 2px #cecece;
}
.change-bd .titlebox {
  background: #2d7be7;
  color: #fff;
  font-size: 24px;
  line-height: 70px;
  text-align: center;
}
.change-bd .formbox {
  width: 348px;
  margin: 0 auto;
  padding: 60px 0 120px;
}
.change-bd .formbox .inputbox {
  padding: 8px 0;
}
.change-bd .formbox .webinput {
  padding-top: 8px;
  padding-bottom: 8px;
}
.change-bd .formbox .eui-btn {
  width: 48%;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
}

.change-fd {
  padding: 15px 0;
  color: #999;
  font-size: 13px;
  text-align: center;
}

/*温馨提示框*/
.m-tips-box {
  padding: 8px 15px;
  margin: 10px 0;
  border: 1px solid #f4e9ca;
  background: #fefde9;
  font-size: 14px;
  color: #999;
  line-height: 30px;
}
.m-tips-box .error {
  font-size: 16px;
  color: #ff4545;
}

/*商务合作*/
.cooperation-item {
  padding: 27px 0 25px;
  border-bottom: 1px dashed #d9d9d9;
}
.cooperation-item .img {
  float: left;
}
.cooperation-item .txt {
  margin-left: 140px;
  font-size: 14px;
  line-height: 24px;
}
.cooperation-item .txt h2 {
  font-size: 22px;
  color: #000;
}

/*我的反馈*/
.my-feedback {
  padding: 10px 25px 0;
}

/*20170901 add by jhxia*/
/*input 小眼睛 图标*/
.password-box {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.password-box .see-password {
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -5px;
  width: 17px;
  height: 11px;
  background: url(../images/password-eye.png) no-repeat;
}
.password-box .see-password:hover {
  background-position: 0 -11px;
}

/**********************
* 日期:2016-12-14
* 说明:首页页面样式
***********************/
.setion1 {
  height: 521px;
  background: url(../images/setion1bg.jpg) no-repeat center top;
}

.setion2 {
  padding-bottom: 40px;
}

.setion3 {
  /* height: 570px; */
  background: url(../images/setion3bg.jpg) no-repeat center top #f2f1f6;
  padding-bottom: 60px;
}

.setion4 {
  height: 803px;
  background: url(../images/setion4bg.png) no-repeat center top;
}

.setion5 {
  padding: 90px 0 100px;
  background-color: #f2f2f5;
}

.setion6 {
  padding-bottom: 100px;
}

.setion7 {
  height: 727px;
  background: url(../images/setion7bg.jpg) no-repeat center top;
}

.setion8 {
  padding-bottom: 80px;
}

.m-access-item {
  width: 574px;
  height: 227px;
  background-color: #fff;
  cursor: pointer;
  -webkit-box-shadow: 0 0 10px #ddd;
  -moz-box-shadow: 0 0 10px #ddd;
  box-shadow: 0 0 10px #ddd;
}
.m-access-item:hover {
  -webkit-box-shadow: 0 0 10px #aaa;
  -moz-box-shadow: 0 0 10px #aaa;
  box-shadow: 0 0 10px #aaa;
}
.m-access-item:hover .img .setion1-zs {
  left: 84px;
}
.m-access-item .img {
  position: relative;
  height: 121px;
}
.m-access-item .img .setion1-zs {
  position: absolute;
  width: 136px;
  height: 12px;
  top: 55px;
  left: 79px;
  background: url(../images/setion1-zs.png) no-repeat;
}
.m-access-item .txt {
  text-align: center;
  font-size: 16px;
  color: #666;
  line-height: 106px;
}

.m-scenarios-item {
  width: 300px;
  padding: 40px 0;
  text-align: center;
}
.m-scenarios-item:hover {
  background: #f2f2f2;
}
.m-scenarios-item .img .icon {
  width: 96px;
  height: 96px;
}
.m-scenarios-item .img .icon-app-pc {
  background: url(../images/app-pc.png) no-repeat;
}
.m-scenarios-item .img .icon-app-web {
  background: url(../images/app-web.png) no-repeat;
}
.m-scenarios-item .img .icon-app-ios {
  background: url(../images/app-ios.png) no-repeat;
}
.m-scenarios-item .img .icon-app-android {
  background: url(../images/app-android.png) no-repeat;
}
.m-scenarios-item .txt {
  width: 200px;
  margin: 0 auto;
  font-size: 14px;
  color: #666;
}
.m-scenarios-item .txt p {
  margin-top: 25px;
}
.m-scenarios-item .txt a {
  color: #666;
}
.m-scenarios-item h2 {
  margin: 20px 0 30px;
  font-size: 20px;
  color: #333;
}

.m-capabilities-item {
  height: 188px;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
}
.m-capabilities-item:hover {
  height: 186px;
  border-top: 2px solid #7da7ff;
  -webkit-box-shadow: 0 0 6px #ccc;
  -moz-box-shadow: 0 0 6px #ccc;
  box-shadow: 0 0 6px #ccc;
}
.m-capabilities-item:hover h2 {
  color: #527bd0;
}
.m-capabilities-item .img {
  padding: 40px 0 20px;
}
.m-capabilities-item .txt {
  font-size: 14px;
  color: #666;
  padding: 0 35px;
}
.m-capabilities-item .txt p {
  display: none;
}
.m-capabilities-item h2 {
  margin-bottom: 10px;
  font-size: 20px;
  color: #333;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.m-service-list {
  position: relative;
  margin-top: 10px;
}
.m-service-list .service-item {
  position: absolute;
  width: 250px;
  font-size: 18px;
  line-height: 50px;
}
.m-service-list .service-item .icon {
  width: 50px;
  height: 50px;
  margin: 0 25px;
}
.m-service-list .service-item:hover {
  color: #4b98f6;
}
.m-service-list .service-1 {
  left: 60px;
  top: 30px;
  text-align: right;
}
.m-service-list .service-2 {
  left: 30px;
  top: 140px;
  text-align: right;
}
.m-service-list .service-3 {
  left: 20px;
  top: 250px;
  text-align: right;
}
.m-service-list .service-4 {
  left: 50px;
  top: 360px;
  text-align: right;
}
.m-service-list .service-5 {
  right: 60px;
  top: 30px;
  text-align: left;
}
.m-service-list .service-6 {
  right: 30px;
  top: 140px;
  text-align: left;
}
.m-service-list .service-7 {
  right: 20px;
  top: 250px;
  text-align: left;
}
.m-service-list .service-8 {
  right: 50px;
  top: 360px;
  text-align: left;
}

.m-service-img {
  margin: 0 auto;
  text-align: center;
}

.m-show-item {
  float: left;
  width: 379px;
  height: 240px;
  margin-left: 31px;
  background-color: #fff;
  text-align: center;
}
.m-show-item:hover {
  -webkit-box-shadow: 0 0 10px #bbb;
  -moz-box-shadow: 0 0 10px #bbb;
  box-shadow: 0 0 10px #bbb;
}
.m-show-item:first-child {
  margin-left: 0;
}
.m-show-item .img {
  padding: 30px 0 5px;
}
.m-show-item .img .icon {
  width: 143px;
  height: 96px;
}
.m-show-item .img .icon-show-1 {
  background: url(../images/show-1.png) no-repeat;
}
.m-show-item .img .icon-show-2 {
  background: url(../images/show-2.png) no-repeat;
}
.m-show-item .img .icon-show-3 {
  background: url(../images/show-3.png) no-repeat;
}
.m-show-item .txt {
  padding: 0 15px;
  font-size: 14px;
  color: #666;
}
.m-show-item h2 {
  margin-bottom: 15px;
  font-size: 18px;
  color: #333;
}

.m-provide-item {
  position: relative;
  z-index: 1;
  float: left;
  width: 288px;
  height: 130px;
  margin: 1px;
  border-top: 3px solid #fff;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
}
.m-provide-item .img {
  padding: 10px 0 0;
}
.m-provide-item .txt {
  font-size: 14px;
  color: #90909a;
  padding: 0 25px;
  line-height: 24px;
}
.m-provide-item .txt p {
  text-align: left;
}
.m-provide-item h2 {
  margin-bottom: 10px;
  font-size: 18px;
  color: #333;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.m-provide-item.hasintro {
  height: 280px;
}
.m-provide-item.hasintro.minintro {
  height: 200px;
}
.m-provide-item.hasintro .img {
  padding: 40px 0 20px;
}
.m-provide-item.hasintro h2 {
  font-size: 20px;
  margin-bottom: 20px;
}

.m-provide-item:hover {
  border-top: 3px solid #83adff;
  -webkit-box-shadow: 0 0 10px #bbb;
  -moz-box-shadow: 0 0 10px #bbb;
  box-shadow: 0 0 10px #bbb;
  z-index: 2;
}

.m-committed-list {
  text-align: center;
}
.m-committed-list .separate {
  width: 1px;
  height: 130px;
  margin: 0 55px;
  background: #e1e1e1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}

.m-committed-item {
  width: 285px;
  text-align: center;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.m-committed-item h2 {
  margin-bottom: 15px;
  margin-top: 15px;
  font-size: 44px;
  color: #80809d;
  font-weight: normal;
  font-family: "幼圆", arial, "Microsoft YaHei", SimSun, sans-serif, tahoma;
}
.m-committed-item p {
  color: #90909a;
  font-size: 16px;
  line-height: 32px;
}

.m-support-list {
  position: relative;
  margin-top: 42px;
}
.m-support-list .parallaxbg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: url(../images/setion7bg_inner.png) no-repeat;
}

.m-support-item {
  position: relative;
  float: left;
  width: 25%;
  height: 486px;
  text-align: center;
  z-index: 1;
}
.m-support-item:hover {
  background: rgba(0, 0, 0, 0.15);
}
.m-support-item .iconbox {
  width: 92px;
  height: 92px;
  margin: 84px auto 0;
  line-height: 92px;
  text-align: center;
  border: 2px solid #d6dce8;
  border: 2px solid rgba(214, 220, 232, 0.3);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.m-support-item .iconbox img {
  vertical-align: middle;
}
.m-support-item .btnbox a {
  display: block;
  width: 126px;
  height: 34px;
  margin: 0 auto;
  line-height: 34px;
  font-size: 14px;
  text-align: center;
  border: 1px solid #fff;
  border: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
  color: #fff;
}
.m-support-item .txt {
  padding: 0 38px 15px;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
}
.m-support-item .txt h2 {
  font-size: 20px;
  margin: 20px 0 15px;
}
.m-support-item .txt p {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

/*20170405 add by jhxia*/
.m-partners-list {
  padding-bottom: 20px;
  height: 89px;
}
.m-partners-item {
  float: left;
  position: relative;
  width: 280px;
  height: 89px;
  margin: 0 9px;
  /* border: 1px solid #E1E1E1; */
  overflow: hidden;
  -webkit-box-shadow: 0 0 10px #e1e1e1;
  -moz-box-shadow: 0 0 10px #e1e1e1;
  box-shadow: 0 0 10px #e1e1e1;
}
.m-partners-item .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 37px;
  text-align: center;
}

/**********************
* 日期:2016-12-05
* 说明:页面表单样式
***********************/
input::-ms-clear {
  display: none;
}

input::-ms-reveal {
  display: none;
}

input,
textarea {
  outline: none;
}

label {
  margin-bottom: 0;
}

.options-group {
  padding: 6px 0;
  line-height: 28px;
}
.options-group .options-name {
  float: left;
  width: 85px;
  font-size: 14px;
  text-align: right;
}
.options-group .options-content {
  margin-left: 90px;
}

.btn-group {
  padding: 20px 90px;
}

.webselect,
.webinput,
.webtextarea {
  padding: 5px 8px;
  border: 1px solid #dedede;
  line-height: 1.3;
  vertical-align: top;
  font-size: 14px;
}

.webselect::placeholder,
.webinput::placeholder,
.webtextarea::placeholder {
  color: #ccc;
}

.webselect:hover,
.webinput:hover,
.webtextarea:hover,
.webselect:focus,
.webinput:focus,
.webtextarea:focus {
  border-color: #5383d8;
}

.wdate {
  padding-right: 33px;
  background: url("../images/icon-wdate.png") no-repeat 95% center #fff;
}

.wdate:hover,
.wdate:focus {
  border-color: #5383d8;
}

/*--radio,checkbox美化扩展--*/
.eui-caption em {
  color: #999;
  font-size: 12px;
}

.eui-radio .eui-check,
.eui-checkbox .eui-check {
  position: relative;
  width: 17px;
  height: 17px;
  background: url(../images/icon-form-beautify.png) no-repeat;
  border: 0;
}

.eui-radio input[type="radio"]:checked ~ .eui-check:before {
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin: 0;
  background: url(../images/icon-form-beautify.png) no-repeat 0 -20px;
}

.eui-checkbox .eui-check {
  background-position: -20px 0;
}

.eui-checkbox input[type="checkbox"]:checked ~ .eui-check:before {
  width: 17px;
  height: 17px;
  left: 0;
  top: 0;
  margin: 0;
  background: url(../images/icon-form-beautify.png) no-repeat -20px -20px;
  content: "";
  transition: all 0s linear;
}

.eui-radio .eui-check:before,
.eui-checkbox .eui-check:before {
  transition: all 0s linear;
}

/*select 扩展*/
.eui-select-box .selectBox.sDisabled {
  background: #eee;
  cursor: not-allowed;
  color: #aaa;
}
.eui-select-box .selectBox.sDisabled * {
  cursor: not-allowed;
}

/**********************
* 日期:2017-01-06
* 说明:页面按钮样式
* 基于eui的扩展
***********************/
.eui-btn,
a.eui-btn {
  background-color: #f4f4f4;
  border-color: #ccc;
}

.eui-btn-disabled,
a.eui-btn-disabled,
.eui-btn-disabled:hover,
.eui-btn-disabled:focus {
  background: #f7f7f7;
  border: 1px solid #ccc;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.eui-btn-primary,
a.eui-btn-primary {
  background-color: #2d7be7;
  border-color: #2d7be7;
  color: #fff;
  text-decoration: none;
}

.eui-btn-upload,
a.eui-btn-upload {
  padding-top: 1px;
  padding-bottom: 1px;
  border-color: #2d7be7;
}

.eui-btn-addtag,
a.eui-btn-addtag {
  background-color: #fff;
  border: 1px dashed #ccc;
  color: #999;
  text-decoration: none;
}
.eui-btn-addtag:hover,
a.eui-btn-addtag:hover {
  border: 1px dashed #999;
  background: #fafafa;
}

/**********************
* 日期:2017-01-03
* 说明:css sprite 雪碧图样式
***********************/
/*--icon图标基础样式--*/
.icon {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}

.icon-file {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}

.icon-loading {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  background: url(../images/loading.gif) no-repeat;
}

/**********************
* 日期:2017-01-04
* 说明:icon-doc.png
* 手动增加hover
***********************/
.icon-doc-sprite,
.icon-doc-authority,
.icon-doc-category,
.icon-doc-centerapp,
.icon-doc-download,
.icon-doc-faq,
.icon-doc-feedback,
.icon-doc-gnfb,
.icon-doc-guide,
.icon-doc-interface,
.icon-doc-jrsm,
.icon-doc-overview,
.icon-doc-password,
.icon-doc-sdk,
.icon-doc-sqjl,
.icon-doc-sqsh,
.icon-doc-sqshgl,
.icon-doc-terminal,
.icon-doc-tool {
  background-image: url("../images/icon-doc.png");
  background-repeat: no-repeat;
}

.icon-doc-authority {
  background-position: 0 0;
}

a:hover .icon-doc-authority,
a.current .icon-doc-authority {
  background-position: 0 -25px;
}

.icon-doc-category {
  background-position: 0 -50px;
}

a:hover .icon-doc-category,
a.current .icon-doc-category {
  background-position: 0 -75px;
}

.icon-doc-centerapp {
  background-position: 0 -100px;
}

a:hover .icon-doc-centerapp,
a.current .icon-doc-centerapp {
  background-position: 0 -125px;
}

.icon-doc-download {
  background-position: 0 -150px;
}

a:hover .icon-doc-download,
a.current .icon-doc-download {
  background-position: 0 -175px;
}

.icon-doc-faq {
  background-position: 0 -200px;
}

a:hover .icon-doc-authority,
a.current .icon-doc-authority {
  background-position: 0 -225px;
}

.icon-doc-feedback {
  background-position: 0 -250px;
}

a:hover .icon-doc-feedback,
a.current .icon-doc-feedback {
  background-position: 0 -275px;
}

.icon-doc-gnfb {
  background-position: 0 -300px;
}

a:hover .icon-doc-gnfb,
a.current .icon-doc-gnfb {
  background-position: 0 -325px;
}

.icon-doc-guide {
  background-position: 0 -350px;
}

a:hover .icon-doc-guide,
a.current .icon-doc-guide {
  background-position: 0 -375px;
}

.icon-doc-interface {
  background-position: 0 -400px;
}

a:hover .icon-doc-interface,
a.current .icon-doc-interface {
  background-position: 0 -425px;
}

.icon-doc-jrsm {
  background-position: 0 -450px;
}

a:hover .icon-doc-jrsm,
a.current .icon-doc-jrsm {
  background-position: 0 -475px;
}

.icon-doc-overview {
  background-position: 0 -500px;
}

a:hover .icon-doc-overview,
a.current .icon-doc-overview {
  background-position: 0 -525px;
}

.icon-doc-password {
  background-position: 0 -550px;
}

a:hover .icon-doc-password,
a.current .icon-doc-password {
  background-position: 0 -575px;
}

.icon-doc-sdk {
  background-position: 0 -600px;
}

a:hover .icon-doc-sdk,
a.current .icon-doc-sdk {
  background-position: 0 -625px;
}

.icon-doc-sqjl {
  background-position: 0 -650px;
}

a:hover .icon-doc-sqjl,
a.current .icon-doc-sqjl {
  background-position: 0 -675px;
}

.icon-doc-sqsh {
  background-position: 0 -700px;
}

a:hover .icon-doc-sqsh,
a.current .icon-doc-sqsh {
  background-position: 0 -725px;
}

.icon-doc-sqshgl {
  background-position: 0 -750px;
}

a:hover .icon-doc-sqshgl,
a.current .icon-doc-sqshgl {
  background-position: 0 -775px;
}

.icon-doc-terminal {
  background-position: 0 -800px;
}

a:hover .icon-doc-terminal,
a.current .icon-doc-terminal {
  background-position: 0 -825px;
}

.icon-doc-tool {
  background-position: 0 -850px;
}

a:hover .icon-doc-tool,
a.current .icon-doc-tool {
  background-position: 0 -875px;
}

/**********************
* 日期:2016-12-05
* 说明:icon-other.png
***********************/
.icon-other-sprite,
.icon-other-add,
.icon-other-addgray,
.icon-other-addpic,
.icon-other-announcement,
.icon-other-appcard,
.icon-other-apppc,
.icon-other-appphone,
.icon-other-appscreen,
.icon-other-appweb,
.icon-other-bannerleft,
.icon-other-bannerright,
.icon-other-closeblue,
.icon-other-closewhite,
.icon-other-date,
.icon-other-delete,
.icon-other-desc,
.icon-other-edit,
.icon-other-error,
.icon-other-errortips,
.icon-other-errortips2,
.icon-other-failure,
.icon-other-feedback,
.icon-other-gotop,
.icon-other-help,
.icon-other-logout,
.icon-other-mail,
.icon-other-more,
.icon-other-movedown,
.icon-other-moveup,
.icon-other-myfeedback,
.icon-other-new,
.icon-other-packupclose,
.icon-other-packupopen,
.icon-other-password,
.icon-other-passwordw,
.icon-other-qq,
.icon-other-rankcomplex,
.icon-other-rankpush,
.icon-other-ranksearch,
.icon-other-right,
.icon-other-search,
.icon-other-snext,
.icon-other-sprev,
.icon-other-success,
.icon-other-success2,
.icon-other-tel,
.icon-other-username,
.icon-other-warning {
  background-image: url("../images/icon-other.png");
  background-repeat: no-repeat;
}

.icon-other-add {
  background-position: 0 0;
  height: 16px;
  width: 16px;
}

.icon-other-addgray {
  background-position: 0 -21px;
  height: 11px;
  width: 10px;
}

.icon-other-addpic {
  background-position: 0 -37px;
  height: 28px;
  width: 28px;
}

.icon-other-announcement {
  background-position: 0 -70px;
  height: 16px;
  width: 16px;
}

.icon-other-appcard {
  background-position: 0 -91px;
  height: 16px;
  width: 16px;
}

.icon-other-apppc {
  background-position: 0 -112px;
  height: 16px;
  width: 16px;
}

.icon-other-appphone {
  background-position: 0 -133px;
  height: 16px;
  width: 16px;
}

.icon-other-appscreen {
  background-position: 0 -154px;
  height: 16px;
  width: 16px;
}

.icon-other-appweb {
  background-position: 0 -175px;
  height: 16px;
  width: 16px;
}

.icon-other-bannerleft {
  background-position: 0 -196px;
  height: 90px;
  width: 45px;
}

.icon-other-bannerright {
  background-position: 0 -291px;
  height: 90px;
  width: 45px;
}

.icon-other-closeblue {
  background-position: 0 -386px;
  height: 10px;
  width: 10px;
}

.icon-other-closewhite {
  background-position: 0 -401px;
  height: 10px;
  width: 10px;
}

.icon-other-date {
  background-position: 0 -416px;
  height: 14px;
  width: 14px;
}

.icon-other-delete {
  background-position: 0 -435px;
  height: 16px;
  width: 16px;
}

.icon-other-desc {
  background-position: 0 -456px;
  height: 10px;
  width: 10px;
}

.icon-other-edit {
  background-position: 0 -471px;
  height: 16px;
  width: 16px;
}

.icon-other-error {
  background-position: 0 -492px;
  height: 16px;
  width: 16px;
}

.icon-other-errortips {
  background-position: 0 -513px;
  height: 17px;
  width: 16px;
}

.icon-other-errortips2 {
  background-position: 0 -535px;
  height: 21px;
  width: 20px;
}

.icon-other-failure {
  background-position: 0 -561px;
  height: 30px;
  width: 30px;
}

.icon-other-feedback {
  background-position: 0 -596px;
  height: 24px;
  width: 24px;
}

.icon-other-gotop {
  background-position: 0 -625px;
  height: 24px;
  width: 24px;
}

.icon-other-help {
  background-position: 0 -654px;
  height: 17px;
  width: 16px;
}

.icon-other-logout {
  background-position: 0 -676px;
  height: 16px;
  width: 16px;
}

.icon-other-mail {
  background-position: 0 -697px;
  height: 26px;
  width: 26px;
}

.icon-other-more {
  background-position: 0 -728px;
  height: 11px;
  width: 11px;
}

.icon-other-movedown {
  background-position: 0 -744px;
  height: 16px;
  width: 16px;
}

.icon-other-moveup {
  background-position: 0 -765px;
  height: 16px;
  width: 16px;
}

.icon-other-myfeedback {
  background-position: 0 -786px;
  height: 16px;
  width: 16px;
}

.icon-other-new {
  background-position: 0 -807px;
  height: 10px;
  width: 17px;
}

.icon-other-packupclose {
  background-position: 0 -822px;
  height: 18px;
  width: 15px;
}

.icon-other-packupopen {
  background-position: 0 -845px;
  height: 18px;
  width: 15px;
}

.icon-other-password {
  background-position: 0 -868px;
  height: 17px;
  width: 14px;
}

.icon-other-passwordw {
  background-position: 0 -890px;
  height: 16px;
  width: 16px;
}

.icon-other-qq {
  background-position: 0 -911px;
  height: 26px;
  width: 26px;
}

.icon-other-rankcomplex {
  background-position: 0 -942px;
  height: 30px;
  width: 30px;
}

.icon-other-rankpush {
  background-position: 0 -977px;
  height: 30px;
  width: 30px;
}

.icon-other-ranksearch {
  background-position: 0 -1012px;
  height: 20px;
  width: 25px;
}

.icon-other-right {
  background-position: 0 -1037px;
  height: 16px;
  width: 16px;
}

.icon-other-search {
  background-position: 0 -1058px;
  height: 16px;
  width: 16px;
}

.icon-other-snext {
  background-position: 0 -1079px;
  height: 15px;
  width: 10px;
}

.icon-other-sprev {
  background-position: 0 -1099px;
  height: 15px;
  width: 10px;
}

.icon-other-success {
  background-position: 0 -1119px;
  height: 30px;
  width: 30px;
}

.icon-other-success2 {
  background-position: 0 -1154px;
  height: 21px;
  width: 20px;
}

.icon-other-tel {
  background-position: 0 -1180px;
  height: 26px;
  width: 26px;
}

.icon-other-username {
  background-position: 0 -1211px;
  height: 17px;
  width: 14px;
}

.icon-other-warning {
  background-position: 0 -1233px;
  height: 22px;
  width: 22px;
}

/**********************
* 日期:2017-01-16
* 说明:icon-service.png
* 手动增加hover
***********************/
.icon-service-sprite,
.icon-service-cache,
.icon-service-log,
.icon-service-media,
.icon-service-monitor,
.icon-service-search,
.icon-service-storage,
.icon-service-stream,
.icon-service-transfer {
  background: url("../images/icon-service.png") no-repeat;
}

.icon-service-cache {
  background-position: 0 -440px;
}

a:hover .icon-service-cache,
a.current .icon-service-cache {
  background-position: 0 -495px;
}

.icon-service-log {
  background-position: 0 -825px;
}

a:hover .icon-service-log,
a.current .icon-service-log {
  background-position: 0 -770px;
}

.icon-service-media {
  background-position: 0 -605px;
}

a:hover .icon-service-media,
a.current .icon-service-media {
  background-position: 0 -550px;
}

.icon-service-monitor {
  background-position: 0 -220px;
}

a:hover .icon-service-monitor,
a.current .icon-service-monitor {
  background-position: 0 -275px;
}

.icon-service-search {
  background-position: 0 -55px;
}

a:hover .icon-service-search,
a.current .icon-service-search {
  background-position: 0 0;
}

.icon-service-storage {
  background-position: 0 -165px;
}

a:hover .icon-service-storage,
a.current .icon-service-storage {
  background-position: 0 -110px;
}

.icon-service-stream {
  background-position: 0 -715px;
}

a:hover .icon-service-stream,
a.current .icon-service-stream {
  background-position: 0 -660px;
}

.icon-service-transfer {
  background-position: 0 -330px;
}

a:hover .icon-service-transfer,
a.current .icon-service-transfer {
  background-position: 0 -385px;
}

/**********************
* 日期:2017-01-18
* 说明:icon-sdk.png
***********************/
.icon-sdk-sprite,
.icon-sdk-more,
.icon-sdk-sso {
  background-image: url("../images/icon-sdk.png");
  background-repeat: no-repeat;
}

.icon-sdk-more {
  background-position: 0 0;
}

.icon-sdk-sso {
  background-position: 0 -41px;
}

/**********************
* 日期:2017-03-13
* 说明:icon-operat.png
***********************/
.icon-operat-sprite,
.icon-operat-delete,
.icon-operat-edit,
.icon-operat-reset,
.icon-operat-submit {
  background: url("../images/icon-operat.png") no-repeat;
  width: 20px;
  height: 20px;
}

.icon-operat-delete {
  background-position: 0 -175px;
}

a:hover .icon-operat-delete,
a.current .icon-operat-delete {
  background-position: 0 -150px;
}

.icon-operat-edit {
  background-position: 0 0;
}

a:hover .icon-operat-edit,
a.current .icon-operat-edit {
  background-position: 0 -25px;
}

.icon-operat-reset {
  background-position: 0 -50px;
}

a:hover .icon-operat-reset,
a.current .icon-operat-reset {
  background-position: 0 -75px;
}

.icon-operat-submit {
  background-position: 0 -100px;
}

a:hover .icon-operat-submit,
a.current .icon-operat-submit {
  background-position: 0 -125px;
}

/**********************
* 日期:2017-03-31
* 说明:icon-hover.png
***********************/
.icon-hover-sprite,
.icon-hover-card,
.icon-hover-pc,
.icon-hover-phone,
.icon-hover-screen,
.icon-hover-web {
  background: url("../images/icon-hover.png") no-repeat;
}

.icon-hover-card {
  background-position: 0 -126px;
  height: 16px;
  width: 16px;
}

a:hover .icon-hover-card,
a.current .icon-hover-card {
  background-position: 0 -21px;
}

.icon-hover-pc {
  background-position: 0 -189px;
  height: 16px;
  width: 16px;
}

a:hover .icon-hover-pc,
a.current .icon-hover-pc {
  background-position: 0 -105px;
}

.icon-hover-phone {
  background-position: 0 -168px;
  height: 16px;
  width: 16px;
}

a:hover .icon-hover-phone,
a.current .icon-hover-phone {
  background-position: 0 -42px;
}

.icon-hover-screen {
  background-position: 0 -147px;
  height: 16px;
  width: 16px;
}

a:hover .icon-hover-screen,
a.current .icon-hover-screen {
  background-position: 0 -63px;
}

.icon-hover-web {
  background-position: 0 -84px;
  height: 16px;
  width: 16px;
}

a:hover .icon-hover-web,
a.current .icon-hover-web {
  background-position: 0 0;
}

/**********************
* 日期:2017-02-20
* 说明:页面弹窗样式
***********************/
.common-pop {
  overflow: hidden;
  background: #f7fafc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.common-pop-all {
  position: absolute;
  left: 100px;
  top: 100px;
  right: 100px;
  bottom: 100px;
}

.pop-header {
  position: relative;
  padding: 4px 15px;
  background: #2d7be7;
  color: #fff;
  line-height: 26px;
  font-size: 14px;
}

.pop-btn-close {
  position: absolute;
  right: 15px;
  top: 3px;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.pop-btn-close:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.pop-body {
  font-size: 14px;
  color: #666;
  line-height: 1.8;
}

.pop-body a {
  color: #dc9813;
}

.pop-padding {
  padding: 12px;
}

.pop-footer {
  padding: 15px 10px;
  text-align: center;
}
.pop-footer .eui-btn {
  padding: 5px 30px;
  font-size: 14px;
}

.pop-login {
  position: relative;
  width: 290px;
  height: 350px;
  padding-left: 200px;
  background: url(../images/login.png) no-repeat left top #fff;
  -webkit-box-shadow: 0 0 5px #666;
  -moz-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666;
  /*20170405 add by jhxia*/
}
.pop-login .pop-close {
  position: absolute;
  right: 15px;
  top: 15px;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.pop-login .pop-close:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.pop-login .login-form {
  width: 250px;
  padding: 90px 0 0 20px;
}
.pop-login .login-item {
  padding: 8px 0;
  margin-top: 20px;
  border-bottom: 1px solid #ccc;
}
.pop-login .login-input {
  width: 220px;
  border: 0;
}
.pop-login .login-btn {
  margin-top: 40px;
  font-size: 14px;
}
.pop-login .login-btn .eui-btn {
  padding: 7px 0;
  width: 100%;
}
.pop-login .error-tips {
  position: absolute;
  top: 80px;
  color: #f00;
}
.pop-login .right-tips {
  position: absolute;
  top: 80px;
  color: #00c77e;
}

.pop-notitle {
  position: relative;
}
.pop-notitle .pop-close {
  position: absolute;
  right: 15px;
  top: 10px;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.pop-notitle .pop-close:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.add-category-box {
  padding-left: 110px;
}

.add-category-item {
  display: inline-block;
  vertical-align: top;
  width: 142px;
  border: 1px solid #ccc;
  background: #f4f4f4;
}
.add-category-item li {
  cursor: pointer;
  padding-left: 10px;
  line-height: 30px;
}
.add-category-item li:hover,
.add-category-item li.current {
  background: #d8d4d4;
}
.add-category-item li.current .operating {
  display: block;
}
.add-category-item li .operating {
  display: none;
  float: right;
  padding-right: 20px;
}

.select-target {
  padding-left: 20px;
}
.select-target .add-category-item {
  width: 180px;
}

.pop-tips {
  background-color: #dbeafd;
  border-top: 1px solid #a7c5ff;
  border-bottom: 1px solid #a7c5ff;
  text-align: center;
  font-size: 12px;
  color: #333;
  line-height: 30px;
}

.pop-feedback .inputbox {
  padding: 7px 0;
}
.pop-feedback .proname {
  width: 90px;
  float: left;
  text-align: right;
  line-height: 28px;
}
.pop-feedback .proname em {
  color: #f00;
}
.pop-feedback .procontent {
  margin-left: 100px;
}
.pop-feedback .procontent .webinput {
  width: 550px;
}
.pop-feedback .procontent .webtextarea {
  width: 550px;
  height: 150px;
  resize: none;
}

.textareaBox {
  display: inline-block;
  position: relative;
}
.textareaBox .wordnums {
  position: absolute;
  right: 10px;
  bottom: 5px;
  color: #ccc;
}

.uploadlist a,
.uploadlist .tips-text {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}
.uploadlist .addfile {
  height: 98px;
  width: 98px;
  border: 1px dashed #aaabb3;
  font-size: 14px;
  color: #547de2;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.uploadlist .addfile .icon {
  margin-top: 25px;
}
.uploadlist .addfile:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  border: 1px dashed #547de2;
}
.uploadlist .fileitem {
  position: relative;
  height: 100px;
  width: 100px;
  margin-right: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.uploadlist .fileitem .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: #fff;
  text-align: center;
  line-height: 100px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
}
.uploadlist .fileitem .closebtn {
  position: absolute;
  right: -7px;
  top: -7px;
  width: 18px;
  height: 18px;
  line-height: 15px;
  text-align: center;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.pop-faqcategory {
  padding: 10px 15px;
  background-color: #f9f9f9;
  border: 1px solid #dbdbdb;
  font-size: 14px;
  line-height: 34px;
}
.pop-faqcategory li {
  position: relative;
  padding-left: 7px;
}
.pop-faqcategory li .webinput {
  width: 200px;
  vertical-align: middle;
  margin-left: -7px;
}
.pop-faqcategory li .submit,
.pop-faqcategory li .reset {
  position: absolute;
}
.pop-faqcategory li .submit {
  left: 165px;
}
.pop-faqcategory li .reset {
  left: 190px;
}
.pop-faqcategory .addcategory {
  color: #3e87ff;
}

.pop-form-label {
  width: 70px;
  text-align: right;
}

.privilege-box {
  border: 1px solid #ccc;
  background-color: #f4f4f4;
  margin-right: 30px;
}

.pop-tab {
  border-bottom: 1px solid #ccc;
}
.pop-tab li {
  float: left;
  font-size: 16px;
  padding: 0 10px 5px;
  cursor: pointer;
}
.pop-tab li:hover {
  color: #3e87ff;
}
.pop-tab li.current {
  border-bottom: 1px solid #ccc;
  color: #3e87ff;
}

.tips-text {
  font-size: 12px;
  color: #999;
  line-height: 18px;
}

.progressbar-box {
  height: 50px;
}

.progressbar {
  display: block;
  width: 80%;
  height: 10px;
  margin: 0 auto;
  background-color: #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.progressbar .progressinner {
  display: block;
  height: 10px;
  background-color: #2d7be7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.progressbar .progressinner.error {
  background-color: #f33;
}

.failed-interface-list {
  width: 80%;
  margin: 5px auto 0;
}

/**********************
* 日期:2017-05-10
* 说明:登录页面样式
***********************/
.loginpage {
  background: url(../images/loginbg.png) no-repeat center top;
  background-size: 100% 100%;
  overflow-x: hidden;
}

.login-header {
  height: 80px;
  line-height: 80px;
  padding: 0 20px;
  background-color: #1a284a;
}
.login-header .logo {
  padding-left: 55px;
  background: url(../images/logo.png) no-repeat left center;
  line-height: 80px;
  color: #fff;
  font-size: 22px;
}

.login-main {
  position: absolute;
  top: 50%;
  margin-top: -290px;
  left: 50%;
  margin-left: -600px;
  height: 640px;
  width: 1200px;
}
.login-main .loginbanenr {
  position: absolute;
  top: 0;
  left: -150px;
}

.admin-loginbox {
  float: right;
  width: 330px;
  padding: 30px;
  background: #fff;
  margin: 130px 85px 0 0;
}
.admin-loginbox h2 {
  font-size: 30px;
  color: #333;
  text-align: center;
}
.admin-loginbox .input-list {
  position: relative;
}
.admin-loginbox .input-list li {
  position: relative;
}
.admin-loginbox .input-list li input {
  position: relative;
  width: 89%;
  border: 1px solid #ccc;
  font-size: 14px;
  height: 45px;
  line-height: 45px;
  margin-top: 20px;
  padding: 0 15px;
}
.admin-loginbox .input-list li span {
  position: absolute;
  top: 33px;
  background: #fff;
  color: #888;
  font-size: 14px;
  left: 15px;
  padding: 0 3px;
}
.admin-loginbox .input-list .login-btn a {
  display: inline-block;
  width: 100%;
  background: #39a6f8;
  color: #fff;
  font-size: 20px;
  height: 55px;
  letter-spacing: 3px;
  line-height: 55px;
  margin: 25px 0 0;
  text-align: center;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.admin-loginbox .login-tip {
  position: absolute;
  right: 5px;
  top: -8px;
  z-index: 3;
}

/**********************
* 日期:2017-01-16
* 说明:开放集成能力详情页面样式
***********************/
.capabilities-header {
  border-bottom: 2px solid #e5e5e5;
  margin: 0 15px;
  padding: 25px 0 20px;
}
.capabilities-header .header-icon {
  width: 64px;
  padding: 0 15px;
}
.capabilities-header .header-info {
  margin-left: 98px;
  color: #000;
  font-size: 14px;
  line-height: 1.7;
}
.capabilities-header .header-info h2 {
  font-size: 22px;
}
.capabilities-header .eui-btn {
  font-size: 14px;
  padding: 10px 30px;
}

.capabilities-content {
  padding: 50px 150px;
}

.capabilities-item {
  padding: 20px 0;
}
.capabilities-item .txt {
  position: relative;
  float: left;
  padding-left: 45px;
  margin-top: 50px;
  color: #555;
  font-size: 20px;
  line-height: 32px;
}
.capabilities-item .txt .serial {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  background: #509eed;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.capabilities-item .img {
  float: right;
  padding-right: 30px;
}
.capabilities-item.capabilities-item-even .txt {
  float: right;
}
.capabilities-item.capabilities-item-even .img {
  float: left;
  padding-left: 30px;
}

/*20170217 jhxia add 广宣页*/
.propaganda-item {
  padding: 40px 0;
}
.propaganda-item .commonwidth {
  width: 850px;
}
.propaganda-item .txt {
  width: 300px;
  padding-top: 60px;
  color: #666;
  font-size: 16px;
  line-height: 26px;
}
.propaganda-item .txt h2 {
  line-height: 2.3;
  color: #000;
  font-size: 26px;
}

.propaganda-header {
  width: 100%;
  height: 441px;
  overflow: hidden;
}
.propaganda-header .txt {
  color: #fff;
  padding-top: 130px;
}
.propaganda-header .txt a {
  margin-top: 40px;
  padding: 0 30px;
  color: #fff;
  font-size: 16px;
  border: 1px solid #fff;
  line-height: 35px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.propaganda-header .txt1 {
  font-size: 44px;
  line-height: 1.8;
}
.propaganda-header .txt2 {
  font-size: 18px;
  line-height: 1.5;
}
.propaganda-header .img {
  position: absolute;
  width: 600px;
  height: 441px;
  right: 0;
  top: 0;
}

.propaganda-user {
  background: url(../images/capa/user-bg.jpg) no-repeat center top;
}
.propaganda-user .img1 {
  background: url(../images/capa/user-img-1.png) no-repeat;
}
.propaganda-user .img2 {
  background: url(../images/capa/user-img-2.png) no-repeat;
}
.propaganda-user .img3 {
  background: url(../images/capa/user-img-3.png) no-repeat;
}

.propaganda-res {
  background: url(../images/capa/res-bg.jpg) no-repeat center top;
}
.propaganda-res .img1 {
  background: url(../images/capa/res-img-1.png) no-repeat;
}
.propaganda-res .img2 {
  background: url(../images/capa/res-img-2.png) no-repeat;
}
.propaganda-res .img3 {
  background: url(../images/capa/res-img-3.png) no-repeat;
}

.propaganda-data {
  background: url(../images/capa/data-bg.jpg) no-repeat center top;
}
.propaganda-data .img1 {
  background: url(../images/capa/data-img-1.png) no-repeat;
}
.propaganda-data .img2 {
  background: url(../images/capa/data-img-2.png) no-repeat;
}
.propaganda-data .img3 {
  background: url(../images/capa/data-img-3.png) no-repeat;
}

.propaganda-channel {
  background: url(../images/capa/channel-bg.jpg) no-repeat center top;
}
.propaganda-channel .txt {
  padding-top: 170px;
}
.propaganda-channel .img1 {
  background: url(../images/capa/channel-img-1.png) no-repeat;
}
.propaganda-channel .img2 {
  background: url(../images/capa/channel-img-2.png) no-repeat;
}
.propaganda-channel .img3 {
  background: url(../images/capa/channel-img-3.png) no-repeat;
}

.propaganda-media {
  background: url(../images/capa/media-bg.jpg) no-repeat center top;
}
.propaganda-media .txt {
  padding-top: 165px;
}
.propaganda-media .txt a {
  margin-top: 20px;
}
.propaganda-media .img {
  width: 720px;
}
.propaganda-media .img1 {
  background: url(../images/capa/media-img-1.png) no-repeat;
}
.propaganda-media .img2 {
  background: url(../images/capa/media-img-2.png) no-repeat;
}

.propaganda-storage {
  background: url(../images/capa/storage-bg.jpg) no-repeat center top #31334c;
}
.propaganda-storage .txt {
  padding-top: 170px;
}
.propaganda-storage .img1 {
  background: url(../images/capa/storage-img-1.png) no-repeat;
}
.propaganda-storage .img2 {
  background: url(../images/capa/storage-img-2.png) no-repeat;
}
.propaganda-storage .img3 {
  background: url(../images/capa/storage-img-3.png) no-repeat;
}
.propaganda-storage .img4 {
  background: url(../images/capa/storage-img-4.png) no-repeat;
}
.propaganda-storage .img5 {
  background: url(../images/capa/storage-img-5.png) no-repeat;
}

.propaganda-search {
  background: url(../images/capa/search-bg.jpg) no-repeat center top;
}
.propaganda-search .txt {
  padding-top: 170px;
}
.propaganda-search .img1 {
  background: url(../images/capa/search-img-1.png) no-repeat;
}
.propaganda-search .img2 {
  background: url(../images/capa/search-img-2.png) no-repeat;
}
.propaganda-search .img3 {
  background: url(../images/capa/search-img-3.png) no-repeat;
}

.propaganda-safety {
  background: url(../images/capa/safety-bg.jpg) no-repeat center top;
}
.propaganda-safety .txt {
  padding-top: 170px;
}
.propaganda-safety .img {
  width: 720px;
  right: -70px;
}
.propaganda-safety .img1 {
  background: url(../images/capa/safety-img-1.png) no-repeat;
}
.propaganda-safety .img2 {
  background: url(../images/capa/safety-img-2.png) no-repeat;
}
.propaganda-safety .img3 {
  background: url(../images/capa/safety-img-3.png) no-repeat;
}

/**********************
* 日期:2017-02-20
* 说明:后台管理页面样式
***********************/
.manage-form {
  margin: 20px 0;
}
.manage-form .form-item {
  padding: 8px 0;
  font-size: 14px;
}
.manage-form .form-item-btns {
  padding: 15px 0;
}
.manage-form .form-item-btns .eui-btn {
  padding: 5px 30px;
}
.manage-form .form-item-name {
  float: left;
  width: 135px;
  line-height: 28px;
  text-align: right;
  font-size: 14px;
}
.manage-form .form-item-name em {
  color: #f33;
  margin: 0 5px;
}
.manage-form .form-item-content {
  margin-left: 145px;
  line-height: 28px;
}
.manage-form table {
  width: 100%;
}
.manage-form table thead {
  text-align: center;
  background-color: #f4f4f4;
}
.manage-form table tbody td {
  text-align: center;
}
.manage-form table a {
  color: #2d7be7;
}
.manage-form .webtextarea {
  box-sizing: border-box;
}

.usercenter-form {
  margin-top: 150px;
}
.usercenter-form .zsimg {
  width: 500px;
  padding-top: 25px;
  margin-right: 50px;
  text-align: right;
}
.usercenter-form .form-item-name {
  width: 100px;
  font-size: 16px;
  color: #ccc;
}
.usercenter-form .form-item-content {
  margin-left: 120px;
  font-size: 16px;
}
.usercenter-form .form-item-btns .eui-btn {
  font-size: 14px;
}

/*ztreebox*/
.treebox {
  width: 190px;
  margin-top: 40px;
}
.treebox .bd {
  position: relative;
  min-height: 180px;
  overflow: hidden;
}
.treebox .fd {
  background: #ccc;
}
.treebox .fd a {
  display: block;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
}
.treebox .treebox-inner {
  width: 190px;
  border: 1px solid #e4e4e4;
  background: #f9f9f9;
}
.treebox .treebox-inner.domfixed {
  position: fixed;
  top: 65px;
}

.manage-right-box {
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 210px;
}
.manage-right-box table {
  width: 100%;
}
.manage-right-box table td {
  padding-left: 3px;
  padding-right: 3px;
}
.manage-right-box table thead {
  text-align: center;
  background-color: #f4f4f4;
}
.manage-right-box table thead td {
  color: #333;
}
.manage-right-box table tbody td {
  text-align: center;
}

/*manage-categroy*/
.manage-categroy {
  padding: 30px 20px;
}

.manage-categroy-item {
  float: left;
  width: 285px;
  border: 1px solid #ccc;
  margin-right: 10px;
}
.manage-categroy-item .hd {
  padding: 0 10px;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  line-height: 40px;
}
.manage-categroy-item .hd a {
  color: #3e87ff;
}
.manage-categroy-item .search-bar {
  padding: 10px 0;
  text-align: center;
  line-height: 22px;
  color: #999;
}
.manage-categroy-item .search-bar a {
  color: #999;
}
.manage-categroy-item .search-bar a:hover {
  color: #333;
}
.manage-categroy-item .categroy-list {
  line-height: 30px;
  height: 390px;
  font-size: 14px;
}
.manage-categroy-item .categroy-list li {
  cursor: pointer;
  padding-left: 20px;
}
.manage-categroy-item .categroy-list li:hover,
.manage-categroy-item .categroy-list li.current {
  background: #f7f7f7;
}
.manage-categroy-item .categroy-list li:hover .operating {
  display: block;
}
.manage-categroy-item .categroy-list li .operating {
  display: none;
  float: right;
  padding-right: 20px;
}
.manage-categroy-item .categroy-list li .operating a {
  margin: 0 5px;
}

.eui-select-box .optionBox span input {
  display: inline-block;
  vertical-align: middle;
}

/*20170313 add by jhxia*/
.manage-search {
  padding: 15px 0;
  line-height: 26px;
  font-size: 14px;
}

.table-list .eui-table thead {
  text-align: center;
  font-weight: bold;
}
.table-list table {
  width: 100%;
  font-size: 14px;
  text-align: center;
}
.table-list table a {
  color: #3e87ff;
  margin: 0 3px;
}

.manage-tabbox {
  padding-top: 5px;
  border-bottom: 1px solid #e3e3e3;
}
.manage-tabbox li {
  float: left;
  padding: 10px 0;
  margin-right: 30px;
  font-size: 16px;
  line-height: 30px;
}
.manage-tabbox li.current {
  border-bottom: 2px solid #2d7be7;
}
.manage-tabbox li.current a {
  color: #2d7be7;
}

.feedback-item {
  position: relative;
  padding: 10px 20px;
  margin-bottom: 20px;
  border: 1px solid #efefef;
  line-height: 22px;
  font-size: 14px;
}
.feedback-item .msg-title {
  padding-top: 5px;
  margin-bottom: 8px;
  color: #333;
}
.feedback-item .msg-title .tag {
  padding: 1px 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.feedback-item .msg-title .tag-green {
  background-color: #e3fdf2;
  color: #0fd282;
}
.feedback-item .msg-title .tag-blue {
  background-color: #e0f0fb;
  color: #29a5fa;
}
.feedback-item .rep-title {
  padding: 10px 0 2px;
  color: #333;
}
.feedback-item .onwall {
  position: absolute;
  right: 0;
  top: 0;
  height: 26px;
  line-height: 26px;
  padding: 0 20px;
  background: #e29d00;
  font-size: 12px;
  color: #fff;
}
.feedback-item .onwall:before {
  position: absolute;
  left: -10px;
  top: 0;
  content: "";
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-width: 0 0 26px 10px;
  border-color: transparent transparent #e29d00 transparent;
}
.feedback-item .onwall.gray {
  background: #9a9a9a;
}
.feedback-item .onwall.gray:before {
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-width: 0 0 26px 10px;
  border-color: transparent transparent #9a9a9a transparent;
}

/*20170320 jhxia add authorize-box*/
.authorize-box {
  padding: 0 25px;
  border: 1px solid #ccc;
}

.authorize-hd {
  float: left;
  width: 100%;
  padding-top: 15px;
  border-bottom: 1px solid #ccc;
  line-height: 30px;
}
.authorize-hd .title {
  font-size: 16px;
}
.authorize-hd .tabbox {
  font-size: 14px;
}
.authorize-hd .tabbox a {
  margin-left: 10px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.authorize-hd .tabbox a.current {
  border-bottom: 2px solid #2d7be7;
}

.authorize-bd {
  float: left;
  width: 100%;
}

.authorize-details {
  text-align: center;
}
.authorize-details .img {
  padding: 75px 0 50px;
}
.authorize-details .txt {
  font-size: 20px;
}
.authorize-details .txt span {
  font-size: 30px;
  color: #2d7be7;
}
.authorize-details .btn {
  margin-top: 20px;
  margin-bottom: 30px;
}
.authorize-details .btn .eui-btn {
  width: 100px;
}

/*开关*/
.eui-switch {
  position: relative;
  width: 37px;
  height: 18px;
  cursor: pointer;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
}
.eui-switch span {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 0;
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.eui-switch.open {
  border: 2px solid #2d7be7;
  background: #2d7be7;
}
.eui-switch.open span {
  right: 0;
}
.eui-switch.close {
  border: 2px solid #e5e5e5;
  background: #fff;
}
.eui-switch.close span {
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #ececec;
}

/**********************
* 日期:2017-07-5
* 说明:icon-sdk.png
***********************/
.icon-sdk-openapi {
  background: url("../images/icon-openapi.png") no-repeat;
}

.icon-sdk-sso-new {
  background: url("../images/icon-sso.png") no-repeat;
}

/*20170824 jhxia add*/
.manage-hasbg {
  padding: 20px;
  background-color: #f2f6fd;
  font-size: 14px;
  line-height: 24px;
}

.application-list table {
  width: 100%;
  border-width: 0 0 1px;
  line-height: 2;
}
.application-list table tbody {
  font-size: 14px;
}
.application-list table thead {
  background: none;
  color: #999;
}
.application-list .eui-table td,
.application-list .eui-table th {
  padding: 1em;
}

/*步骤*/
.stepbox {
  text-align: center;
}
.stepbox .stepitem {
  text-align: center;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.stepbox .stepitem .num {
  width: 42px;
  height: 42px;
  background-color: #dadada;
  line-height: 42px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.stepbox .stepitem p {
  padding-top: 10px;
}
.stepbox .stepitem.current .num {
  background-color: #3673ef;
}
.stepbox .line {
  width: 276px;
  height: 2px;
  background-color: #dadada;
  margin: -30px 10px 0;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.stepbox .line.current {
  background-color: #3673ef;
}

/*申请接口*/
.app-interface {
  width: 550px;
  margin: 100px auto 0;
}
.app-interface .error {
  font-size: 12px;
  color: #ff6666;
}

.selectinterface {
  text-align: center;
}
.selectinterface .item {
  width: 340px;
  text-align: left;
  font-size: 14px;
  color: #666;
  line-height: 30px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.selectinterface .item-inner {
  height: 295px;
  padding: 10px;
  border: 1px solid #e9e9e9;
  overflow: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.selectinterface .btns {
  width: 90px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}

.icon-width {
  width: 102px;
}

.add-jietu-box {
  margin: 0 auto;
}
.add-jietu-box .add-jietu-upload .tips {
  color: #fe9228;
  line-height: 34px;
}
.add-jietu-box .add-img-con {
  position: relative;
  padding: 10px 0;
  margin: 0 auto;
}
.add-jietu-box .add-img-con .arrow-prev,
.add-jietu-box .add-img-con .arrow-next {
  position: absolute;
  width: 20px;
  height: 60px;
  text-align: center;
  line-height: 58px;
  border: 1px solid #59a9ff;
  background: #f3f9ff;
  color: #1083ff;
  border-radius: 2px;
  opacity: 1;
  transition: all 0.6s ease 0s;
}
.add-jietu-box .add-img-con .arrow-prev {
  left: 0;
}
.add-jietu-box .add-img-con .arrow-next {
  right: 0;
}
.add-jietu-box .add-img-con:hover .arrow-prev,
.add-jietu-box .add-img-con:hover .arrow-next {
  opacity: 0.8;
}
.add-jietu-box .add-img-con .add-img-list {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
.add-jietu-box .add-img-con .add-img-list ul {
  position: absolute;
  width: 9999em;
}
.add-jietu-box .add-img-con .add-img-list ul li {
  float: left;
  margin: 0 10px;
}
.add-jietu-box .add-img-select .arrow-prev,
.add-jietu-box .add-img-select .arrow-next {
  top: 20px;
}
.add-jietu-box .add-img-select .add-img-list {
  width: 560px;
  height: 80px;
}
.add-jietu-box .add-img-select .add-img-list ul {
  height: 80px;
}
.add-jietu-box .add-img-select .add-img-list ul li {
  width: 260px;
  height: 80px;
}
.add-jietu-box .add-img-select .add-img-list ul li img {
  width: 200px;
  height: 80px;
}
.add-jietu-box .add-img-edit .arrow-prev,
.add-jietu-box .add-img-edit .arrow-next {
  top: 38px;
}
.add-jietu-box .add-img-edit .add-img-list {
  width: 502px;
  height: 112px;
}
.add-jietu-box .add-img-edit .add-img-list ul {
  height: 112px;
}
.add-jietu-box .add-img-edit .add-img-list ul li {
  width: 230px;
  height: 112px;
}
.add-jietu-box .add-img-edit .add-img-list ul li img {
  width: 175px;
  height: 112px;
}

.btn-common-style {
  display: inline-block;
  min-width: 90px;
  height: 34px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 2px;
  /*font-weight: bold;*/
  text-align: center;
}

.w50 {
  width: 50px;
}
.mt10 {
  margin-top: 10px;
}

.mt30 {
  margin-top: 30px;
}
.fr {
  float: right;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
  overflow: hidden;
}

.clearfix {
  *zoom: 1;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.btn-common-style {
  display: inline-block;
  min-width: 90px;
  height: 34px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 2px;
  /*font-weight: bold;*/
  text-align: center;
}

.btn-common-small {
  min-width: 50px;
  padding: 0;
  height: 24px;
  line-height: 22px !important;
  font-size: 12px;
}

.btn-stroke-default {
  line-height: 32px;
  color: #333;
  border: 1px solid #bfc7cb;
}

.mt4 {
  margin-top: 4px;
}

.mr4 {
  margin-right: 4px;
}

.mb4 {
  margin-bottom: 4px;
}

.ml4 {
  margin-left: 4px;
}

.mt6 {
  margin-top: 6px;
}

.mr6 {
  margin-right: 6px;
}

.mb6 {
  margin-bottom: 6px;
}

.ml6 {
  margin-left: 6px;
}

.mt8 {
  margin-top: 8px;
}

.mr8 {
  margin-right: 8px;
}

.mb8 {
  margin-bottom: 8px;
}

.ml8 {
  margin-left: 8px;
}

.mt10 {
  margin-top: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.ml10 {
  margin-left: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mr20 {
  margin-right: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.ml20 {
  margin-left: 20px;
}

.mt40 {
  margin-top: 40px;
}

.mr40 {
  margin-right: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.ml40 {
  margin-left: 40px;
}

.mt120 {
  margin-top: 120px;
}

.mr100 {
  margin-right: 100px;
}
.mr120 {
  margin-right: 120px;
}

.mb120 {
  margin-bottom: 120px;
}

.ml120 {
  margin-left: 120px;
}

.pt4 {
  padding-top: 4px;
}

.pr4 {
  padding-right: 4px;
}

.pb4 {
  padding-bottom: 4px;
}

.pl4 {
  padding-left: 4px;
}

.pt6 {
  padding-top: 6px;
}

.pr6 {
  padding-right: 6px;
}

.pb6 {
  padding-bottom: 6px;
}

.pl6 {
  padding-left: 6px;
}

.pt8 {
  padding-top: 8px;
}

.pr8 {
  padding-right: 8px;
}

.pb8 {
  padding-bottom: 8px;
}

.pl8 {
  padding-left: 8px;
}

.pt10 {
  padding-top: 10px;
}

.pr10 {
  padding-right: 10px;
}

.pb10 {
  padding-bottom: 10px;
}

.pl10 {
  padding-left: 10px;
}

.pt20 {
  padding-top: 20px;
}

.pr20 {
  padding-right: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.pl20 {
  padding-left: 20px;
}

.pt40 {
  padding-top: 40px;
}

.pr40 {
  padding-right: 40px;
}

.pb40 {
  padding-bottom: 40px;
}

.pl40 {
  padding-left: 40px;
}

.pt120 {
  padding-top: 120px;
}

.pr120 {
  padding-right: 120px;
}

.pb120 {
  padding-bottom: 120px;
}

.pl120 {
  padding-left: 120px;
}

.w50 {
  width: 50px;
}

.w105 {
  width: 105px;
}

.w120 {
  width: 120px;
}

.w134 {
  width: 134px;
}

.w150 {
  width: 150px;
}

.w175 {
  width: 175px;
}

.w200 {
  width: 200px;
}

.w205 {
  width: 205px;
}

.w230 {
  width: 230px;
}

.w240 {
  width: 240px;
}

.w250 {
  width: 250px;
}

.w260 {
  width: 260px;
}

.w270 {
  width: 270px;
}

.w290 {
  width: 290px;
}

.w300 {
  width: 300px;
}

.w320 {
  width: 320px;
}

.w400 {
  width: 400px;
}

.w410 {
  width: 410px;
}

.w492 {
  width: 492px;
}

.w500 {
  width: 500px;
}

.w520 {
  width: 520px;
}

.w530 {
  width: 530px;
}

.w560 {
  width: 560px;
}

.w580 {
  width: 580px;
}

.w600 {
  width: 600px;
}

.w620 {
  width: 620px;
}

.w750 {
  width: 750px;
}

.w790 {
  width: 790px;
}

.w860 {
  width: 860px;
}

.w960 {
  width: 960px;
}

.w1000 {
  width: 1000px;
}

.w1200 {
  width: 1200px;
}

.w1250 {
  width: 1250px;
}

.h200 {
  height: 200px;
}

.h225 {
  height: 225px;
}

.h250 {
  height: 250px;
}

.h260 {
  height: 260px;
}

.h300 {
  height: 300px;
}

.h330 {
  height: 330px;
}

.h350 {
  height: 350px;
}

.h400 {
  height: 400px;
}

.h450 {
  height: 450px;
}

.h480 {
  height: 480px;
}

.h510 {
  height: 510px;
}

.h530 {
  height: 530px;
}

.h560 {
  height: 560px;
}

.h600 {
  height: 600px;
}

.h720 {
  height: 720px;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt28 {
  margin-top: 28px;
}

.mt30 {
  margin-top: 30px;
}

.mt45 {
  margin-top: 45px;
}

.mt53 {
  margin-top: 53px;
}

.mt60 {
  margin-top: 60px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px;
}

.ml30 {
  margin-left: 30px;
}

.ml45 {
  margin-left: 45px;
}

.ml55 {
  margin-left: 55px;
}

.ml60 {
  margin-left: 60px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb20 {
  padding-bottom: 20px;
}

.mlr10 {
  margin: 0 10px;
}