.toMiddle {
  margin: 0 auto;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.specialPage > .mod-body .xsTopMain {
  width: 1200px;
  margin: 0 auto;
  margin-top: 6px;
}
.specialPage > .mod-body .xsTopMain h2 {
  font-size: 42px;
  color: #333333;
  font-family: arial, "microsoft yahei";
  width: 340px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.specialPage > .mod-body .xsTopMain h2 span {
  position: absolute;
}
.specialPage > .mod-body .xsTopMain h2 span.left {
  left: -60px;
  top: -6px;
}
.specialPage > .mod-body .xsTopMain h2 span.right {
  right: -60px;
  bottom: -28px;
}
.specialPage > .mod-body .xsTopMain .info {
  margin-top: 46px;
  font-size: 14px;
  color: #999999;
  font-family: arial, "microsoft yahei";
  padding: 0 160px;
}
.specialPage > .mod-body .xsTopMain .middleBtns {
  text-align: center;
  margin-top: 10px;
  max-width: 680px;
  margin: 0 auto;
}
.specialPage > .mod-body .xsTopMain .middleBtns > a {
  line-height: 30px;
  font-size: 14px;
  color: #ff6d01;
  font-family: arial, "microsoft yahei";
  border: 1px solid #ff6d01;
  border-radius: 30px;
  display: inline-block;
  padding: 0 8px;
  margin-left: 30px;
  margin-top: 20px;
  max-width: 103px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  cursor: default;
  text-decoration: none;
}
.specialPage > .mod-body .xsTopMain .middleBtns > a:nth-child(5n+1) {
  margin-left: 0px;
}
.specialPage > .mod-body .xsTopMain .middleBtns > a:first-child {
  background: #ff6d01;
  color: #fff;
}
.specialPage > .mod-body .xsTopMain .underCarts {
  margin-top: 60px;
  height: 590px;
  width: 100%;
  position: relative;
}
.specialPage > .mod-body .xsTopMain .underCarts .cart {
  opacity: 0;
  position: absolute;
  top: 40px;
  left: 50%;
}
.specialPage > .mod-body .xsTopMain .underCarts .cart.cart1 {
  margin-left: -134px;
  z-index: 90;
  width: 268px;
  height: 540px;
  background: url(../images/iphoneBg.png) no-repeat left top;
  box-shadow: 0 6px 24px 0px rgba(0, 0, 0, 0.1);
  border-radius: 18px;
  padding: 64px 16px 60px 16px;
  overflow: hidden;
}
.specialPage > .mod-body .xsTopMain .underCarts .cart.cart1 img {
  width: 100%;
  max-height: 412px;
}
.specialPage > .mod-body .xsTopMain .underCarts .cart.cart2,
.specialPage > .mod-body .xsTopMain .underCarts .cart.cart3 {
  top: 70px;
  z-index: 80;
  width: 240px;
  margin-top: 36px;
  box-shadow: 0 6px 24px 0px rgba(0, 0, 0, 0.1);
}
.specialPage > .mod-body .xsTopMain .underCarts .cart.cart2 img,
.specialPage > .mod-body .xsTopMain .underCarts .cart.cart3 img {
  width: 100%;
}
.specialPage > .mod-body .xsTopMain .underCarts .cart.cart2 {
  margin-left: -366px;
  -webkit-transform: translateX(220px);
  -moz-transform: translateX(220px);
  transform: translateX(220px);
}
.specialPage > .mod-body .xsTopMain .underCarts .cart.cart3 {
  margin-left: 126px;
  -webkit-transform: translateX(-220px);
  -moz-transform: translateX(-220px);
  transform: translateX(-220px);
}
.specialPage > .mod-body .xsTopMain .underCarts.show .cart {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all .9s;
  -moz-transition: all .9s;
  transition: all .9s;
}
.specialPage > .mod-body .xsPartSecond {
  width: 100%;
  background: url(../images/backgroundDown.png) bottom left repeat;
  position: relative;
  padding-top: 80px;
  padding-bottom: 110px;
  overflow: hidden;
}
.specialPage > .mod-body .xsPartSecond h3 {
  font-size: 28px;
  color: #666666;
  font-family: arial, "microsoft yahei";
  text-align: center;
  font-weight: normal;
}
.specialPage > .mod-body .xsPartSecond h2 {
  font-size: 36px;
  color: #333333;
  font-family: arial, "microsoft yahei";
  text-align: center;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 40px;
}
.specialPage > .mod-body .xsPartSecond .leftTaps {
  position: absolute;
  top: 223px;
  left: 50%;
  margin-left: -600px;
}
.specialPage > .mod-body .xsPartSecond .leftTaps > li {
  margin-top: 30px;
  width: 234px;
  padding: 10px 20px;
  border-radius: 10px 10px 0px 10px;
  position: relative;
  background: #fe8332;
}
.specialPage > .mod-body .xsPartSecond .leftTaps > li:first-child {
  margin-top: 0px;
}
.specialPage > .mod-body .xsPartSecond .leftTaps > li:after {
  position: absolute;
  content: '';
  bottom: -10px;
  right: 0px;
  width: 0;
  height: 0;
  border-top: 28px solid #fe8332;
  border-left: 28px solid transparent;
}
.specialPage > .mod-body .xsPartSecond .leftTaps > li:nth-child(1) {
  margin-left: 46px;
}
.specialPage > .mod-body .xsPartSecond .leftTaps > li:nth-child(2) {
  line-height: 24px;
  margin-left: 0px;
}
.specialPage > .mod-body .xsPartSecond .leftTaps > li:nth-child(3) {
  margin-top: 50px;
  margin-left: 80px;
  opacity: .8;
}
.specialPage > .mod-body .xsPartSecond .leftTaps > li p {
  font-size: 18px;
  color: #ffffff;
  font-family: arial, "microsoft yahei";
  line-height: 28px;
}
.specialPage > .mod-body .xsPartSecond .rightTaps {
  position: absolute;
  top: 246px;
  right: 50%;
  margin-right: -600px;
}
.specialPage > .mod-body .xsPartSecond .rightTaps > li {
  margin-top: 45px;
  width: 234px;
  padding: 10px 20px;
  border-radius: 10px 10px 10px 0px;
  position: relative;
  background: #fe8332;
  top: 0px;
  left: 0px;
}
.specialPage > .mod-body .xsPartSecond .rightTaps > li:first-child {
  margin-top: 0px;
}
.specialPage > .mod-body .xsPartSecond .rightTaps > li:after {
  position: absolute;
  content: '';
  bottom: -10px;
  left: 0px;
  width: 0;
  height: 0;
  border-top: 28px solid #fe8332;
  border-right: 28px solid transparent;
}
.specialPage > .mod-body .xsPartSecond .rightTaps > li:nth-child(1) {
  margin-left: 46px;
}
.specialPage > .mod-body .xsPartSecond .rightTaps > li:nth-child(2) {
  line-height: 24px;
  margin-left: -46px;
}
.specialPage > .mod-body .xsPartSecond .rightTaps > li:nth-child(3) {
  opacity: .8;
}
.specialPage > .mod-body .xsPartSecond .rightTaps > li p {
  font-size: 18px;
  color: #ffffff;
  font-family: arial, "microsoft yahei";
  line-height: 28px;
}
.specialPage > .mod-body .xsPartSecond .main {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.specialPage > .mod-body .xsPartSecond .main img {
  width: 1013px;
}
.specialPage > .mod-body .xsPartSecond .underAnimimate {
  position: absolute;
  background: url(../web/new_index/css/images/bolang3.png) repeat-x;
  width: 200%;
  min-width: 2000px;
  height: 40px;
  bottom: 0px;
  left: 0px;
  animation: yidong 5s linear .4s infinite normal;
}
.specialPage > .mod-body .xsPartSecond .underAnimimate2 {
  margin-left: -400px;
  animation: yidong 8s linear .4s infinite normal;
}
.specialPage > .mod-body .xsPartSecond .underLink {
  margin-top: 60px;
  text-align: center;
}
.specialPage > .mod-body .xsPartSecond .underLink a {
  display: inline-block;
  width: 240px;
  border: 1px solid #ff6d01;
  font-size: 24px;
  color: #ff6d01;
  font-family: arial, "microsoft yahei";
  text-decoration: none;
  border-radius: 50px;
  line-height: 50px;
  letter-spacing: 1px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}
.specialPage > .mod-body .xsPartSecond .underLink a:hover {
  text-decoration: none;
  color: #fff;
  background: linear-gradient(to bottom, #ff0303, #ff7326);
}
.specialPage > .mod-body .xsPartThird {
  padding-top: 70px;
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 80px;
}
.specialPage > .mod-body .xsPartThird h3 {
  font-size: 36px;
  color: #333333;
  font-family: arial, "microsoft yahei";
  font-weight: normal;
  text-align: center;
}
.specialPage > .mod-body .xsPartThird .underlist {
  margin-top: 80px;
}
.specialPage > .mod-body .xsPartThird .underlist ul > li {
  float: left;
  width: 20%;
  padding-left: 40px;
}
.specialPage > .mod-body .xsPartThird .underlist ul > li:first-child {
  padding-left: 0px;
}
.specialPage > .mod-body .xsPartThird .underlist ul > li h5 {
  font-size: 24px;
  color: #333333;
  font-family: arial, "microsoft yahei";
  text-align: center;
  font-weight: normal;
  margin-top: 20px;
}
.specialPage > .mod-body .xsPartThird .underlist ul > li .topImg {
  text-align: center;
}
.specialPage > .mod-body .xsPartThird .underlist ul > li p {
  font-size: 13px;
  color: #999999;
  font-family: arial, "microsoft yahei";
  margin-top: 20px;
  text-align: center;
}
.specialPage > .mod-body .xsPartFour {
  width: 1200px;
  margin: 0 auto;
  padding: 80px 0px;
}
.specialPage > .mod-body .xsPartFour h3 {
  border-left: 3px solid #ff6e04;
  line-height: 44px;
  font-size: 28px;
  color: #333333;
  font-family: arial, "microsoft yahei";
  font-weight: normal;
  padding-left: 18px;
}
.specialPage > .mod-body .xsPartFour .underContent {
  margin-top: 26px;
  padding: 0 30px;
}
.specialPage > .mod-body .xsPartFour .underContent ul > li {
  float: left;
  width: 22%;
  text-align: center;
  cursor: pointer;
  margin-left: 4%;
}
.specialPage > .mod-body .xsPartFour .underContent ul > li:first-child {
  margin-left: 0px;
}
.specialPage > .mod-body .xsPartFour .underContent ul > li .topImg {
  position: relative;
  width: 100%;
}
.specialPage > .mod-body .xsPartFour .underContent ul > li .topImg > img {
  width: 100%;
}
.specialPage > .mod-body .xsPartFour .underContent ul > li .topImg .showBox {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.2);
  display: none;
  overflow: hidden;
}
.specialPage > .mod-body .xsPartFour .underContent ul > li .topImg .showBox a {
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  font-family: arial, "microsoft yahei";
  width: 146px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  background: #ff6e04;
  border-radius: 50px;
  top: 50%;
  left: 50%;
  margin-left: -73px;
  position: absolute;
}
.specialPage > .mod-body .xsPartFour .underContent ul > li .topImg .showBox a:hover {
  text-decoration: none;
}
.specialPage > .mod-body .xsPartFour .underContent ul > li .topImg .showBox a img {
  vertical-align: middle;
  margin-left: 4px;
}
.specialPage > .mod-body .xsPartFour .underContent ul > li .underInfo {
  margin-top: 10px;
}
.specialPage > .mod-body .xsPartFour .underContent ul > li .underInfo span {
  display: inline-block;
  font-size: 14px;
  color: #ffffff;
  font-family: arial, "microsoft yahei";
  background: #ff0a00;
  padding: 0px 4px;
  border-radius: 4px;
}
.specialPage > .mod-body .xsPartFour .underContent ul > li .underInfo .rightInfo {
  display: inline-block;
  width: calc(100% - 36px);
  text-align: left;
  margin-left: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.specialPage > .mod-body .xsPartFive {
  width: 1200px;
  margin: 0 auto;
  padding: 80px 0px;
  padding-bottom: 100px;
}
.specialPage > .mod-body .xsPartFive h3 {
  border-left: 3px solid #ff6e04;
  line-height: 44px;
  font-size: 28px;
  color: #333333;
  font-family: arial, "microsoft yahei";
  font-weight: normal;
  padding-left: 18px;
}
.specialPage > .mod-body .xsPartFive .underContent {
  margin-top: -12px;
  padding: 0 58px;
}
.specialPage > .mod-body .xsPartFive .underContent ul.underImgList > li {
  float: left;
  width: 226px;
  margin-left: 60px;
  margin-top: 26px;
  position: relative;
  top: 0;
  padding-bottom: 12px;
  transition: all .3s;
  cursor: pointer;
  background: #fff;
}
.specialPage > .mod-body .xsPartFive .underContent ul.underImgList > li:nth-child(4n+1) {
  margin-left: 0px;
}
.specialPage > .mod-body .xsPartFive .underContent ul.underImgList > li .topImg img {
  width: 100%;
}
.specialPage > .mod-body .xsPartFive .underContent ul.underImgList > li p.underInfo {
  font-size: 12px;
  color: #666666;
  font-family: arial, "microsoft yahei";
  margin-top: 12px;
  padding: 0 6px;
  width: 100%;
  height: 56px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.specialPage > .mod-body .xsPartFive .underContent ul.underImgList > li .newsDate {
  font-size: 12px;
  color: #999;
  font-family: arial, "microsoft yahei";
  padding: 0 6px;
}
.specialPage > .mod-body .xsPartFive .underContent ul.underImgList > li:hover {
  top: -3px;
  box-shadow: 0 3px 18px rgba(0, 0, 0, 0.1);
}
.specialPage > .mod-body .xsPartFive .underContent ul.underFontList {
  margin-top: 20px;
}
.specialPage > .mod-body .xsPartFive .underContent ul.underFontList > li {
  list-style: disc;
  text-indent: 0px;
  width: calc(50% - 30px);
  float: left;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 30px;
  position: relative;
  padding-left: 10px;
}
.specialPage > .mod-body .xsPartFive .underContent ul.underFontList > li:before {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  background: #666;
  border-radius: 50%;
  top: 45%;
  left: 0px;
}
.specialPage > .mod-body .xsPartFive .underContent ul.underFontList > li:nth-child(2n+1) {
  margin-right: 60px;
}
.specialPage > .mod-body .xsPartFive .underContent ul.underFontList > li > a {
  font-size: 14px;
  color: #666666;
  font-family: arial, "microsoft yahei";
  transition: all .5s;
}
.specialPage > .mod-body .xsPartFive .underContent ul.underFontList > li > a:hover {
  text-decoration: underline;
  color: #ff6d01;
}
@-webkit-keyframes 'yidong' {
  0% {
    left: 0px;
  }
  99.99% {
    left: -800px;
  }
  100% {
    left: 0px;
  }
}
/*
 * 2017-12-29 15:08:19  by 谢卿琴
 * 元旦2018新年专题页
 */
.newYearPage .newYearPageAll {
  width: 100%;
  background: #e3533e;
  background: linear-gradient(to top, #d64439, #f36544);
  padding-bottom: 360px;
  position: relative;
}
.newYearPage .newYearPageAll .leftTaps {
  position: absolute;
  top: 14px;
  left: 50%;
  margin-left: -606px;
  z-index: 51;
}
.newYearPage .newYearPageAll .rightTaps {
  position: absolute;
  right: 50%;
  top: 10px;
  z-index: 51;
  margin-right: -600px;
}
.newYearPage .newYearPageAll .topBanner {
  width: 100%;
  min-width: 1200px;
  background: url(../activity/20180101/images/topBg.png) center top no-repeat;
  padding-top: 12px;
  position: relative;
}
.newYearPage .newYearPageAll .topBanner .insetBox {
  height: 680px;
  background: url(../activity/20180101/images/topBox.png) center top no-repeat;
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding-top: 260px;
  position: relative;
  z-index: 0;
  -webkit-animation: float 8s ease .4s infinite normal;
  -ms-animation: float 8s ease .4s infinite normal;
  animation: float 8s ease .4s infinite normal;
}
.newYearPage .newYearPageAll .middleInfoAll {
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
  margin-top: -140px;
}
.newYearPage .newYearPageAll .middleInfoAll .partOneAll > div {
  margin: 0 -20px;
}
.newYearPage .newYearPageAll .middleInfoAll .partOneAll .topTitle {
  position: relative;
  z-index: 1;
  background: url(../activity/20180101/images/cssSprites3.png) left top no-repeat;
  height: 124px;
}
.newYearPage .newYearPageAll .middleInfoAll .partOneAll .middleInfos {
  position: relative;
  z-index: 1;
  background: url(../activity/20180101/images/cssSprites3.png) left top repeat-y;
  background-position: -1240px 0px;
  padding-left: 244px;
  padding-top: 50px;
  padding-bottom: 20px;
}
.newYearPage .newYearPageAll .middleInfoAll .partOneAll .middleInfos ul li h4 {
  font-size: 20px;
  color: #e94057;
  font-family: arial, "microsoft yahei";
  margin-top: 10px;
}
.newYearPage .newYearPageAll .middleInfoAll .partOneAll .middleInfos ul li h4 span {
  margin-right: 20px;
}
.newYearPage .newYearPageAll .middleInfoAll .partOneAll .middleInfos ul li h4 span img {
  vertical-align: middle;
  width: 20px;
}
.newYearPage .newYearPageAll .middleInfoAll .partOneAll .middleInfos ul li p {
  margin-top: 10px;
  font-size: 18px;
  color: #333333;
  font-family: arial, "microsoft yahei";
  text-indent: 40px;
}
.newYearPage .newYearPageAll .middleInfoAll .partOneAll .middleInfos .underBtn {
  display: block;
  margin-left: 40px;
  margin-top: 40px;
  width: 200px;
  height: 50px;
  border-radius: 50px;
  background: url(../activity/20180101/images/btnBg.png) center top no-repeat;
  background-size: 100% auto;
  font-size: 22px;
  color: #ffffff;
  font-family: arial, "microsoft yahei";
  font-weight: normal;
  text-align: center;
  line-height: 50px;
  box-shadow: 0px 9px 7px rgba(226, 91, 2, 0.2);
  cursor: pointer;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}
.newYearPage .newYearPageAll .middleInfoAll .partOneAll .middleInfos .underBtn:hover {
  text-decoration: none;
  background: url(../activity/20180101/images/btnBg2.png) center top no-repeat;
}
.newYearPage .newYearPageAll .middleInfoAll .partOneAll .underBg {
  height: 124px;
  position: relative;
  z-index: 1;
  background: url(../activity/20180101/images/cssSprites3.png) left top repeat-y;
  background-position: -2481px 0px;
}
.newYearPage .newYearPageAll .middleInfoAll .partTwoAll > div {
  margin: 0 -20px;
}
.newYearPage .newYearPageAll .middleInfoAll .partTwoAll .middleInfos {
  position: relative;
  z-index: 1;
  background: url(../activity/20180101/images/cssSprites3.png) left top repeat-y;
  background-position: -3721px 0px;
  padding-left: 70px;
  padding-top: 50px;
}
.newYearPage .newYearPageAll .middleInfoAll .partTwoAll .middleInfos h2 {
  text-align: center;
  font-size: 40px;
  color: #694e33;
  font-family: arial, "microsoft yahei";
  margin-bottom: 10px;
}
.newYearPage .newYearPageAll .middleInfoAll .partTwoAll .middleInfos > p {
  font-size: 16px;
  color: #837262;
  font-family: arial, "microsoft yahei";
  text-align: center;
}
.newYearPage .newYearPageAll .middleInfoAll .partTwoAll .middleInfos h3 {
  font-size: 24px;
  color: #666666;
  font-family: arial, "microsoft yahei";
  font-weight: normal;
  text-align: center;
  margin-top: 10px;
}
.newYearPage .newYearPageAll .middleInfoAll .partTwoAll .middleInfos h3 span {
  font-size: 24px;
  color: #e94057;
  font-family: arial, "microsoft yahei";
}
.newYearPage .newYearPageAll .middleInfoAll .partTwoAll .middleInfos .underBtns {
  text-align: center;
  margin-top: 60px;
}
.newYearPage .newYearPageAll .middleInfoAll .partTwoAll .middleInfos .underBtns > a {
  display: inline-block;
  border: none;
  width: 200px;
  height: 50px;
  border-radius: 50px;
  background: url(../activity/20180101/images/btnBg.png) center top no-repeat;
  background-size: 100% auto;
  font-size: 22px;
  color: #ffffff;
  font-family: arial, "microsoft yahei";
  font-weight: normal;
  text-align: center;
  line-height: 50px;
  box-shadow: 0px 9px 7px rgba(226, 91, 2, 0.2);
  cursor: pointer;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}
.newYearPage .newYearPageAll .middleInfoAll .partTwoAll .middleInfos .underBtns > a:first-child {
  margin-right: 60px;
}
.newYearPage .newYearPageAll .middleInfoAll .partTwoAll .middleInfos .underBtns > a:hover {
  text-decoration: none;
  background: url(../activity/20180101/images/btnBg2.png) center top no-repeat;
}
.newYearPage .newYearPageAll .middleInfoAll .partTwoAll .middleInfos .underFunc {
  width: 825px;
  height: 126px;
  margin: 0 auto;
  margin-top: 48px;
  padding: 12px 64px;
  border: 4px solid;
  border-color: rgba(255, 255, 255, 0.5);
  background-color: #ffffff;
  background-clip: padding-box;
}
.newYearPage .newYearPageAll .middleInfoAll .partTwoAll .middleInfos .underFunc ul li {
  margin-top: 8px;
  width: 20%;
  font-size: 12px;
  color: #666666;
  font-family: arial, "microsoft yahei";
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.newYearPage .newYearPageAll .middleInfoAll .partTwoAll .middleInfos .underFunc ul li span {
  margin-right: 8px;
}
.newYearPage .newYearPageAll .middleInfoAll .partTwoAll .middleInfos .topLeftTaps {
  width: 275px;
  height: 232px;
  background: url(../activity/20180101/images/taps1.png) center top no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 70px;
  top: -40px;
}
.newYearPage .newYearPageAll .middleInfoAll .partTwoAll .underBg {
  height: 124px;
  position: relative;
  z-index: 1;
  background: url(../activity/20180101/images/cssSprites3.png) left top repeat-y;
  background-position: -4961px 0px;
}
.newYearPage .newYearPageAll .middleInfoAll .partThirdAll > div {
  margin: 0 -20px;
}
.newYearPage .newYearPageAll .middleInfoAll .partThirdAll .middleInfos {
  position: relative;
  z-index: 1;
  height: 400px;
  background: url(../activity/20180101/images/cssSprites3.png) left top repeat-y;
  background-position: -6202px 0px;
  padding-left: 282px;
  padding-top: 30px;
}
.newYearPage .newYearPageAll .middleInfoAll .partThirdAll .middleInfos .leftInfos {
  float: left;
  width: 440px;
}
.newYearPage .newYearPageAll .middleInfoAll .partThirdAll .middleInfos .leftInfos h2 {
  font-size: 40px;
  color: #694e33;
  font-family: arial, "microsoft yahei";
  font-weight: normal;
  margin-bottom: 20px;
}
.newYearPage .newYearPageAll .middleInfoAll .partThirdAll .middleInfos .leftInfos h3 {
  font-size: 24px;
  color: #837262;
  font-family: arial, "microsoft yahei";
  font-weight: normal;
  margin-bottom: 8px;
}
.newYearPage .newYearPageAll .middleInfoAll .partThirdAll .middleInfos .leftInfos h4 {
  font-size: 20px;
  color: #666666;
  font-family: arial, "microsoft yahei";
  font-weight: normal;
  margin-bottom: 20px;
}
.newYearPage .newYearPageAll .middleInfoAll .partThirdAll .middleInfos .leftInfos h4 span {
  font-size: 20px;
  color: #e94057;
  font-family: arial, "microsoft yahei";
}
.newYearPage .newYearPageAll .middleInfoAll .partThirdAll .middleInfos .leftInfos h5 {
  font-size: 18px;
  color: #837262;
  font-family: arial, "microsoft yahei";
  font-weight: normal;
  margin-bottom: 8px;
}
.newYearPage .newYearPageAll .middleInfoAll .partThirdAll .middleInfos .leftInfos p {
  font-size: 14px;
  color: #837262;
  font-family: arial, "microsoft yahei";
}
.newYearPage .newYearPageAll .middleInfoAll .partThirdAll .middleInfos .leftInfos .underBtn {
  display: inline-block;
  margin-top: 50px;
  width: 200px;
  height: 50px;
  border-radius: 50px;
  background: url(../activity/20180101/images/btnBg.png) center top no-repeat;
  background-size: 100% auto;
  font-size: 22px;
  color: #ffffff;
  font-family: arial, "microsoft yahei";
  font-weight: normal;
  text-align: center;
  line-height: 50px;
  box-shadow: 0px 9px 7px rgba(226, 91, 2, 0.2);
  cursor: pointer;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}
.newYearPage .newYearPageAll .middleInfoAll .partThirdAll .middleInfos .leftInfos .underBtn:hover {
  text-decoration: none;
  background: url(../activity/20180101/images/btnBg2.png) center top no-repeat;
}
.newYearPage .newYearPageAll .middleInfoAll .partThirdAll .middleInfos .rightTap {
  width: 220px;
  height: 345px;
  position: absolute;
  right: 70px;
  top: -42px;
  background: url(../activity/20180101/images/taps2.png) center top no-repeat;
  background-size: 100% auto;
}
.newYearPage .newYearPageAll .middleInfoAll .partThirdAll .middleInfos .rightPhone {
  float: right;
  width: 150px;
  height: 304px;
  background: url(../web/new_index/images/iphoneBg.png) center top no-repeat;
  background-size: 100% auto;
  margin-right: 278px;
  position: relative;
  z-index: 50;
  box-shadow: -4px 4px 32px #f4e3c9;
  border-radius: 18px;
  padding-left: 8px;
  padding-top: 34px;
}
.newYearPage .newYearPageAll .middleInfoAll .partThirdAll .middleInfos .rightPhone .underPhone {
  width: 134px;
  max-height: 232px;
}
.newYearPage .newYearPageAll .middleInfoAll .partThirdAll .middleInfos .rightPhone .underPhone img {
  width: 100%;
}
.newYearPage .newYearPageAll .middleInfoAll .partThirdAll .underBg {
  height: 124px;
  position: relative;
  z-index: 1;
  background: url(../activity/20180101/images/cssSprites3.png) left top repeat-y;
  background-position: -7442px 0px;
}
.newYearPage .newYearPageAll .underCrow {
  width: 100%;
  min-width: 1200px;
  background: url(../activity/20180101/images/underCrow.png) center top no-repeat;
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 342px;
}
@-webkit-keyframes 'float' {
  0% {
    transform: rotateY(0);
  }
  50% {
    transform: rotateY(10);
  }
  100% {
    transform: rotateY(0);
  }
}
/*
 * 2018-01-10 17:58:14 by 谢卿琴
 * 专题页列表
 */
 
 .specialList .mod-page-column .news-list .news-item .summary{
	height: auto;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}



/*新闻公告*/
#page-news .news-list .news-item{padding:30px 0;border-bottom:1px solid #ececec;position: relative;}
#page-news .news-list .news-item.has-image{height:240px;padding-left:326px;}
#page-news .news-list .news-item .title{ font-size: 24px; font-weight: normal;margin-bottom:10px;color: #353535;}
#page-news .news-list .news-item .title a:hover{text-decoration: none;}
#page-news .news-list .news-item .info{color: #ccc;margin-bottom:10px;}
#page-news .news-list .news-item .summary{font-size: 14px; font-weight: normal;color:#696969;margin-bottom:10px;}
#page-news .news-list .news-item .tags{color: #ccc;font-size: 12px; height: 22px; overflow: hidden;}
#page-news .news-list .news-item .tags a{ display:inline-block;color: #ccc;border:1px solid #ececec;border-radius: 10px;padding:4px 6px; line-height: 12px; color: #888;margin-right:3px; word-break: keep-all; }
#page-news .news-list .news-item .tags a:hover{text-decoration: none;border:1px solid #ccc;}
#page-news .news-list .news-item .img{    display: block;  position: absolute;  left: 0;  top: 20px;  width: 306px;  height: 180px;background: #ececec;}
#page-news .news-list .news-item .img img{width: 100%;height:100%;border:none;}
#page-news .news-list .news-item:last-child{border-bottom:none;}
#page-news .top-banner {width: 100%;height: 195px;padding-top:15px;}
#page-news .news-detail{padding-right:260px;position: relative;min-height: 600px;}
#page-news .news-detail .news-header{padding:30px 0;border-bottom:1px solid #ececec;}
#page-news .news-detail .news-header .title{color:#353535;font-size: 28px; margin: 10px 0}
#page-news .news-detail .news-header .info{color:#999;}
#page-news .news-detail .news-content{padding:20px 0;}
#page-news .news-detail .news-content p{font-size: 14px; color: #464646; margin:10px 0; line-height: 1.8;}
#page-news .news-detail .news-content p.indent{text-indent: 2em;}
#page-news .news-detail .news-content img{max-width: 100%;height: auto;}
#page-news .news-detail .news-content a{color: #ff6e03;}
#page-news .news-detail .other-news > .title{font-size: 16px; font-weight: normal;padding:0 10px;margin:0 15px;border-left: 2px solid #ff6e03;}
.realted-news .news-tags{ padding:30px 0 0;margin:15px 0 0;border-top:1px solid #ececec; }
.realted-news .news-tags li{float: left;margin-right:5px;}
.realted-news .news-tags li a{display: block;padding:6px 12px;border:1px solid #ececec;border-radius: 32px;word-break: keep-all;}
.realted-news .news-tags li a:hover{  background: #ff6e03;border-color: #ff6e03;color: #fff;text-decoration: none;}
.realted-news .news-list{margin-right:-20px;padding:0 0 30px;}
.realted-news .news-list li{float: left;}
#page-news .realted-news .news-item{width: 236px;height:234px;padding:30px 10px 0 0; overflow: hidden;border-bottom:none;}
#page-news .realted-news .news-item .title{font-size: 16px; font-weight: normal;margin:10px 0 5px;}
#page-news .realted-news .news-item .img{  position: relative;  left: auto;top:auto; width: 226px;height: 133px; background: #ececec; }
.tags-list{  padding:30px 0;  }
.tags-list li{float: left;margin:0 5px 15px 0;}
.tags-list li a{display: block;padding:6px 12px;border:1px solid #ececec;border-radius: 32px;}
.tags-list li a:hover,.tags-list li.active a{  background: #ff6e03;border-color: #ff6e03;color: #fff;text-decoration: none;}
.news-sidebar{position: absolute;top:30px;right:0;width: 240px; overflow: hidden;}
.news-sidebar.is-fixed{position: fixed;top:86px;right:50%;margin-right:-600px;}
.news-sidebar .mod-slider{ position: relative; width: 240px; height: 280px;overflow: hidden; }
.news-sidebar .mod-slider ul{height: 140px;}
.news-sidebar .mod-slider ul li{width: 240px; height: 140px;}
.hot-news{padding:30px 0;}
.hot-news h4{font-size: 14px;    border-left: 3px solid #ff6e03;  padding: 0 10px;}
.hot-news .list{padding:15px 0;}
.hot-news .list li {list-style: disc;margin:0 0 0 15px;padding:10px 0;border-bottom:1px dashed #ececec;}
.hot-news .list li:last-child{border-bottom:none;}
.hot-news .list li a{font-size: 14px; color: #999;}

#page-news .notice-detail .top-banner{height:240px;padding:30px 0;background:#ff6e03 ;}
#page-news .notice-detail .top-banner .mod-bread-nav{color:#fff;border-color: #fff; margin:0;}
#page-news .notice-detail .top-banner a{color:#fff;}
#page-news .notice-detail .top-banner a:hover{color: #fff;}
#page-news .notice-detail .title{color:#fff;font-size: 28px;font-weight:normal;  margin: 100px 0 10px;}
#page-news .notice-detail .info{color:#fff;}
#page-news .notice-detail .news-content{padding:20px 0;}
#page-news .notice-detail .news-content p{font-size: 14px; color: #464646; font-weight: normal;margin:10px 0; line-height: 1.8;}
#page-news .notice-detail .news-content p.indent{text-indent: 2em;}


.tag-detail .tag-title{font-size: 32px;  color: #353535; font-weight: normal;padding-top:30px;}
.tag-detail .tag-title:after,.tag-detail .tag-title:before{content:"#";}
.tag-detail .tag-des{position:relative;padding:15px;margin:15px 0 30px 0; background: #f9f9f9;border-radius: 6px;}
.tag-detail .tag-des:before{  content:"◆"; position: absolute;top:-18px;left:30px; color: #f9f9f9;font-size:36px; line-height: 36px;}
.tag-detail .news-item .img img{height: 100%;width: 100%;}
.tag-detail .news-item .title{  font-size: 16px; color: #353535; font-weight: normal;}
.tag-detail .news-item .title a{text-decoration: none;}
.tag-detail .rec-news {margin:0 -60px 30px 0;}
.tag-detail .rec-news .news-item{float: left;margin-right:42px; width: 306px;}
.tag-detail .rec-news .news-item .img{width: 306px;height: 180px; overflow: hidden;}
.tag-detail .rec-news .news-item .title{margin-top:10px;}
#page-news .tag-detail .news-list{width: 940px;padding-bottom:60px; float: left;}
#page-news .tag-detail .news-list .news-item.has-image{height: 193px;padding-left:246px;}
#page-news .tag-detail .news-list .news-item .img{width: 226px;height: 133px;top:30px;}
#page-news .tag-detail .news-list .news-item .title{font-size: 16px; font-weight: normal;}
#page-news .tag-detail .news-list .news-item .summary{height: 3.2em; overflow: hidden;}
.tag-detail .tag-sidebar{float: right;width: 240px;}
.tag-detail .other-news .list li {list-style: disc;margin:0 0 0 15px;padding:10px 0;border-bottom:1px dashed #ececec;}
.tag-detail .other-news .list li:last-child{border-bottom:none;}
.tag-detail .other-news .list li a{font-size: 14px; color: #999;}
.tag-detail .hot-tags .tags-list{padding:0;}

#page-news .mod-page-column{min-height: 820px;}
#page-news .mod-page-column .news-list li.news-item:first-child{margin-top:-15px;}
#page-news .mod-page-column .news-list .news-item.has-image{height: 193px;padding-left:246px;}
#page-news .mod-page-column .news-list .news-item .img{width: 226px;height: 133px;top:30px;}
#page-news .mod-page-column .news-list .news-item .title{font-size: 16px; font-weight: normal;}
#page-news .mod-page-column .news-list .news-item .summary{height: 3.2em; overflow: hidden;}
.mod-page-column .mod-page-body .mod-sect{margin-bottom:30px;border-bottom:1px solid #ececec;}
.mod-page-column .mod-page-body .mod-sect.tutorial{border-bottom:none;}
.mod-page-column .mod-page-body .mod-sect:last-child{border-bottom:none;}
.mod-page-column .mod-page-body .mod-sect.banner-image img{max-width: 100%;}
.mod-page-column .news-list-2{padding:20px 0;}
.mod-page-column .tab-content .news-list-2{padding:0 0 20px 0;}
.mod-page-column .news-list-2 li{width: 50%;float: left;list-style: disc;padding:10px 20px;}
.mod-page-column .news-list-2 li a{font-size: 14px;}
.mod-page-column .tutorial-tab{margin-right:-1px;}
.mod-page-column .tutorial-tab li{width: 9.0909%;}
.mod-page-column .tutorial-content{}
.mod-page-sidebar .mod-slider{ position: relative; width: 240px; height: 280px;overflow: hidden; }
.mod-page-sidebar .mod-slider ul{height: 140px;}
.mod-page-sidebar .mod-slider ul li{width: 240px; height: 140px;}
.mod-page-sidebar .other-news .list li {list-style: disc;margin:0 0 0 15px;padding:10px 0;border-bottom:1px dashed #ececec;}
.mod-page-sidebar .other-news .list li:last-child{border-bottom:none;}
.mod-page-sidebar .other-news .list li a{font-size: 14px; color: #999;}
.mod-page-sidebar .hot-tags .tags-list{padding:0;}

#page-news .start-banner{position: relative;}
#page-news .start-banner .app-number{position: absolute;width:300px;left:50%;top:220px;margin-left:60px; text-align: center;color: #fff; font-size: 16px; font-weight: normal;}
#page-news .start-banner .app-number span{font-size: 20px; color: #404040; font-weight: normal;}


@charset "utf-8";
/* CSS Document */
/*mod-topbar*/
.mod-topbar{height: 28px;*height:16px ;background:#666;padding: 6px 20px; font-size: 12px; line-height: 16px; color: #a1a1a1; position: relative; }
.mod-topbar a { color: #fff;padding: 0 10px; }
.mod-topbar .login,.mod-topbar .user-info { float: right; }
.mod-topbar .user-info a { border-left: 1px solid #666;  }
.mod-topbar .user-info a:hover { color: #fff; }
.mod-topbar .user-info a:first-child { border: none; }
/*mod-header*/
.mod-header,.mod-header .logo a,.mod-header .logo .logo-img,.mod-header .nav,.mod-header .nav-start-btn{-webkit-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.mod-header{height: 92px;background:#fff;z-index: 1000; position:relative;}
.header-bordered .mod-header{border-bottom:1px solid #ececec;}
.mod-header .logo{padding:18px 0;width:380px;overflow:hidden;}
.mod-header .logo a{ display:block;height:56px;text-decoration: none;  line-height: 56px;}
.mod-header .logo .logo-img{height:56px;width:98px; vertical-align:middle;}
.mod-header .nav{ position: absolute; right: 120px; top: 0;padding:28px 0;border-right:1px solid #ececec;}
.mod-header .nav{ position: absolute; right: 120px; top: 0;padding:28px 0;border-right:1px solid #ececec;}
.mod-header .nav > li {float:left;position: relative;margin:0 5px; z-index: 1100; }
.mod-header .nav > li > a{ display:block;height:36px;;padding:6px 10px;font-size: 15px; line-height:24px;color: #333; text-decoration:none;border-radius: 24px;}
.mod-header .nav > li.active > a,.mod-header .nav > li.active > a:hover{color: #fff;background: #ff6d01;}
.mod-header .nav > li > a:hover{color:#ff6d01;}
.mod-header .nav .sub-nav{ opacity:0;display:none;filter:Alpha(Opacity=0); position: absolute; top: 104px; left: 50%;margin-left:-70px;width: 140px; border-top:2px solid #ff6d01; background: #f9f9f9; z-index: 1000;}
.mod-header .nav .sub-nav:after { content: ""; color: #ff0000;  position:absolute;  top:-14px; left: 50%;height:6px; width:6px; margin-left:-6px; z-index: 1100; overflow:hidden ;border-width:6px;  border-style:dashed dashed solid; border-color:transparent transparent #ff6d01; }
.mod-header .nav .sub-nav > li > a{ display:block;padding: 10px 24px; font-size: 12px; text-align: center; border-top: 1px solid #f1f1f1;color: #333; text-decoration:none; }
.mod-header .nav .sub-nav > li > a:hover{color: #fff; background:#ff6d01;border-top-color:#ff6d01; }
.mod-header .nav > .new:after{content:"新"; text-align: center; line-height: 18px; position:absolute;right:0;top:0; background:#f00;color:#fff;width:18px;height:18px; border-radius:9px;}
.mod-header .nav-start-btn{position: absolute;right:0;top:0;padding:12px 20px;margin:24px 0 ; font-size: 15px;border-color: transparent; color: #fff;}


.friend-link .mod-tab .tab-nav li a,.friend-link .mod-tab .tab-nav li a:hover{background: none;padding:7px 10px 6px;}
.friend-link .mod-tab .tab-nav li a:hover{color:#ccc;}
.friend-link .mod-tab .tab-nav li.active a,.friend-link .mod-tab .tab-nav li.active a:hover{ font-size:16px;background: none;}
.friend-link .mod-tab .tab-nav li.active a:after{display: none;}
.mod-footer .app-link{padding:10px 0 0;}
.mod-footer .app-link a{display: block; float:left;width: 100px;overflow: hidden; text-align: center;color:#393939;}
.mod-footer .app-link a:hover{color:#393939; cursor: default;}


/*mod-sidebar*/
.mod-sidebar { position: fixed; top: 50%; right: 20px; margin: -100px 0 0 0; z-index: 1000; }
.mod-sidebar .tab-nav{border-radius: 30px;overflow: hidden;position: relative; z-index: 1100;}
.mod-sidebar .tab-nav li { position: relative; }
.mod-sidebar .tab-nav li a { display: block; height: 36px; width: 36px; background: rgba(0,0,0,.4);}
.mod-sidebar .tab-nav li a:hover { background: rgba(0,0,0,.6); }
.mod-sidebar .tab-nav li.back-top{display:none;margin-top:3px;}
.mod-sidebar .tab-content { position: absolute; top: 0; right: 44px; *right:50px; z-index: 1050; }
.mod-sidebar .tab-panel {display:none;opacity:0;filter:Alpha(Opacity=0);  position: absolute; top: 0; right: 40px;text-align: center; padding: 20px 5px 30px;border-radius: 10px; background-color: #f9f9f9; background-color: rgba(249,249,249,.9);overflow: hidden; }
.mod-sidebar .tab-panel#qq{width: 240px; height: 478px;margin:-140px -50px 0 0; padding:172px 49px 0 23px;background: url("../images/bg_sidebar.png") no-repeat; overflow: visible;}
.mod-sidebar .tab-panel#qq:after{ display: none;}
.mod-sidebar .tab-panel#qq .link{position:absolute;top:0;left:0;right:0;display: block;height: 166px;z-index: 1010;}
.mod-sidebar .tab-panel#qq p{font-size: 16px; font-weight: bold; text-shadow: 0 1px 2px rgba(0,0,0,.2);}
.mod-sidebar .tab-panel#qq .cooperate .phone-num{ font-size: 20px;}
.mod-sidebar .tab-panel#qq .cooperate{height: 106px;}
.mod-sidebar .tab-panel#qq p{color: #fff;}
.mod-sidebar .tab-panel#qq .close{margin-left:-30px; color: #fff;bottom:15px;}
.mod-sidebar .tab-panel#qq .rocket{position: absolute;width:38px ;height: 64px;top:-30px;left:100px; background: url("../images/bg_sidebar_rocket.png") no-repeat;z-index: 1040;-webkit-animation: float 8s ease .4s infinite normal;-ms-animation: float 8s ease .4s infinite normal;animation: float 8s ease .4s infinite normal;}
.mod-sidebar .tab-panel#act{width: 220px;}
.mod-sidebar .tab-panel:after { content: "◆"; color: #f9f9f9; position: absolute; display: block;width: 8px;height:16px; line-height: 16px; font-size: 24px;text-indent: -8px; top: 10px; right: -6px; overflow: hidden; z-index: 110; }
.mod-sidebar .tab-panel a { color: #666; }
.mod-sidebar .tab-panel .close{position: absolute;bottom:5px;left:50%;margin-left:-18px; font-size: 12px;display: block;width: 36px; color: #999;}
.mod-sidebar .tab-panel .close:hover{ text-decoration: none;}



/*mod-sidebar*/
.mod-sidebar {
  position: fixed;
  top: 50%;
  right: 20px;
  margin: -100px 0 0 0;
  z-index: 1000;
}
.mod-sidebar .tab-nav {
  border-radius: 30px;
  overflow: hidden;
  position: relative;
  z-index: 1100;
}
.mod-sidebar .tab-nav li {
  position: relative;
}
.mod-sidebar .tab-nav li a {
  display: block;
  height: 36px;
  width: 36px;
  background: rgba(0, 0, 0, 0.4);
}
.mod-sidebar .tab-nav li a:hover {
  background: rgba(0, 0, 0, 0.6);
}
.mod-sidebar .tab-nav li.back-top {
  display: none;
  margin-top: 3px;
}
.mod-sidebar .tab-content {
  position: absolute;
  top: 0;
  right: 44px;
  *right: 50px;
  z-index: 1050;
}
.mod-sidebar .tab-panel {
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  right: 40px;
  text-align: center;
  padding: 20px 5px 30px;
  border-radius: 10px;
  background-color: #f9f9f9;
  background-color: rgba(249, 249, 249, 0.9);
  overflow: hidden;
}
.mod-sidebar .tab-panel#qq {
  width: 240px;
  height: 478px;
  margin: -140px -50px 0 0;
  padding: 172px 49px 0 23px;
  background: url("images/bg_sidebar.png") no-repeat;
  overflow: visible;
}
.mod-sidebar .tab-panel#qq:after {
  display: none;
}
.mod-sidebar .tab-panel#qq .link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  height: 166px;
  z-index: 1010;
}
.mod-sidebar .tab-panel#qq p {
  font-size: 16px;
  font-weight: bold;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.mod-sidebar .tab-panel#qq .cooperate .phone-num {
  font-size: 20px;
}
.mod-sidebar .tab-panel#qq .cooperate {
  height: 106px;
}
.mod-sidebar .tab-panel#qq p {
  color: #fff;
}
.mod-sidebar .tab-panel#qq .close {
  margin-left: -30px;
  color: #fff;
  bottom: 15px;
}
.mod-sidebar .tab-panel#qq .rocket {
  position: absolute;
  width: 38px ;
  height: 64px;
  top: -30px;
  left: 100px;
  background: url("images/bg_sidebar_rocket.png") no-repeat;
  z-index: 1040;
  -webkit-animation: float 8s ease .4s infinite normal;
  -ms-animation: float 8s ease .4s infinite normal;
  animation: float 8s ease .4s infinite normal;
}
.mod-sidebar .tab-panel#act {
  width: 220px;
}
.mod-sidebar .tab-panel:after {
  content: "◆";
  color: #f9f9f9;
  position: absolute;
  display: block;
  width: 8px;
  height: 16px;
  line-height: 16px;
  font-size: 24px;
  text-indent: -8px;
  top: 10px;
  right: -6px;
  overflow: hidden;
  z-index: 110;
}
.mod-sidebar .tab-panel a {
  color: #666;
}
.mod-sidebar .tab-panel .close {
  position: absolute;
  bottom: 5px;
  left: 50%;
  margin-left: -18px;
  font-size: 12px;
  display: block;
  width: 36px;
  color: #999;
}
.mod-sidebar .tab-panel .close:hover {
  text-decoration: none;
}


/*mod-sidebar ie8*/
.mod-sidebar .tab-nav li a {  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000, endColorstr=#90000000); }
.mod-sidebar .tab-nav li a:hover { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b1000000, endColorstr=#b1000000);}




/*mod-slider*/
.mod-slider{position: relative;}
.mod-slider ul { width: 5000px; height: 180px; position: absolute; left: 0; top: 0; }
.mod-slider ul li { width: 306px; height: 180px; float: left; overflow:hidden; }
.mod-slider ul li img { max-width:100%; }
.mod-slider .slider-text {  position: absolute; bottom: 0; left: 0; width: 100%; height: 32px; line-height: 32px; background: #333; background: rgba(0,0,0,.6); color: #fff; font-size: 14px; text-indent: 1em; text-decoration: none; }
.mod-slider .slider-ctrl{}
.mod-slider .slider-ctrl a { position: absolute; top: 50%;margin-top:-15px; display: block; height: 36px; width: 24px; text-align: center; line-height: 36px;  font-size:18px;color: #fff; font-family: "宋体", arial, sans-serif; font-weight: bold; background:rgba(0,0,0,.3) ; border-radius: 3px;}
.mod-slider .slider-ctrl a:hover {  text-decoration: none;background:rgba(0,0,0,.5) ; }
.mod-slider .slider-ctrl a.prev { left: 10px; }
.mod-slider .slider-ctrl a.next { right: 10px;}

/*mod-tab*/
.mod-tab .tab-nav:after{ visibility:hidden; display:block; font-size:0; content:"."; clear:both; height:0; line-height:0; overflow:hidden;}
.mod-tab .tab-nav-2 li{width:50%;}
.mod-tab .tab-nav-3 li{width:33.3333%;}
.mod-tab .tab-nav-4 li{width:25%;}
.mod-tab .tab-nav-5 li{width:20%;}
.mod-tab .tab-nav li{height:100%; float:left; text-align:center;}
.mod-tab .tab-nav li a{ display:block;padding:7px 2px 6px; font-size:14px; line-height:19px;color:#666; background:#f1f1f1; position:relative;}
.mod-tab .tab-nav li.active a,.mod-tab .tab-nav li.active a:hover{color:#fff; background:#ff6e03;}
.mod-tab .tab-nav li.active a:after{content: " "; position: absolute;  height:4px;width:4px;color: #fff; bottom: 0; left: 50%;margin-left:-2px;border-width:4px;  border-style: dashed dashed solid; border-color: transparent transparent #fff;}
.mod-tab .tab-nav li a:hover{ text-decoration:none;color:#333; background:#e8e8e8;}
.mod-tab .tab-content .tab-panel{ display:none;padding:10px;}
.mod-tab .tab-content .tab-panel.active{display: block;}

.page-mod-tab.mod-tab {margin-top:-54px;}
.page-mod-tab.mod-tab .tab-nav li a{padding:16px 6px 15px; line-height: 23px;height:54px; font-size:18px;background:#999;background: rgba(0,0,0,.4);color:#f1f1f1;}
.page-mod-tab.mod-tab .tab-nav li.active a,.mod-banner .mod-tab .tab-nav li.active a:hover{color:#464646;background: #fff;}
.page-mod-tab.mod-tab .tab-nav li a:after{display: none;}

/*mod-table*/
.mod-table th{ line-height:28px;padding:15px 20px; font-size:18px;color:#333333; font-weight:normal; border-bottom:2px solid #cecece;border-left:1px solid #ececec;}
.mod-table td{padding:10px 15px; font-size:14px;color:#666; border-bottom:1px solid #ececec;border-left:1px solid #ececec; text-align:center;}
.mod-table td.first,.mod-table th.first{ text-align:left;border-left:none;}
/*mod-banner*/
.mod-banner{height:328px;background: #ececec;text-align: center;position: relative;}
.mod-banner .title{padding-top:90px;font-size: 48px;color:#fff; font-weight:normal;text-shadow: 0 8px 16px rgba(0,0,0,.3); }
.mod-banner .sub-title{font-size: 24px;color: #fff;font-weight:normal;text-shadow: 0 8px 16px rgba(0,0,0,.3);}


/*mod-bread-nav*/
.mod-bread-nav {padding:0 10px;margin:20px 0;border-left:2px solid #ff6e03;}
.mod-bread-nav .ui-ffs{margin:0 10px; }

/*mod-page-header*/
.mod-page-header{padding:30px 0;border-bottom:1px solid #ececec;position: relative;}
.mod-page-header .page-title{ font-size: 32px; font-weight:normal;}
.mod-page-header .search{position: absolute;right:0;top:30px;}
.mod-page-header .hot-keyword{margin:5px 0 0 5px; font-size: 12px;}
.mod-page-header .hot-keyword a{margin:0 5px;}
.mod-page-header .search {font-size: 0;}
.mod-page-header .search input[type="text"]{height:42px;padding:6px 16px; line-height: 30px;font-size:14px;width: 320px;background: #fff;border:1px solid #ececec;border-radius: 0;  font-weight:normal;}
.mod-page-header .search input[type="button"]{height:42px;padding:6px 16px; line-height: 30px;width:80px;border:none;font-size: 14px;background: #ff6e03;color:#fff; cursor: pointer;font-weight:normal;}

/*mod-selector*/
.mod-selector{padding:5px 30px;margin:30px 0;border-left:2px solid #ff6e03;}
.mod-selector .title{ font-size: 16px; font-weight:normal;margin:10px 10px 4px;}
.mod-selector .selector-list li{float: left;}
.mod-selector .selector-list li a{display: block;padding:6px 16px; line-height:24px;background: #f9f9f9;margin:5px 10px 5px 0;min-width:82px;text-align:center;border-radius: 30px;border:1px solid transparent;}
.mod-selector .selector-list li a:hover{background: #ececec;text-decoration: none;}
.mod-selector .selector-list li.active a{background: #fff;border-color:#ff6e03;}

/*mod-page-number*/
.mod-pagination{padding:30px 0; text-align: center;color:#969696;}
.mod-pagination a{display: inline-block;*display:inline;zoom:1;padding:6px 10px;margin:0 2px;background: #fcfcfc;}
.mod-pagination a:hover{text-decoration: none;background: #ececec;}
.mod-pagination a.curr{background:#ff6e03; color: #fff;}
.mod-pagination .sfs{font-family: "宋体", arial, sans-serif;}

.empty-wrap{padding: 60px 0;  text-align: center;}
.empty-wrap .title{  font-size: 24px;margin-bottom:10px;  font-weight:normal;  }



.mod-sect-header{  padding:15px 0;  }
.mod-sect-header .title{font-size: 16px;  font-weight: normal; color: #353535  ;border-left: 3px solid #ff6e03;  padding: 0 10px;}
.mod-sect-header .menu{ text-align: right; float: right; line-height: 21px;}

.mod-page-column{padding-right: 260px;  position: relative;  min-height: 600px;}
.mod-page-column .mod-page-sidebar{  position: absolute;  top: 0;  right: 0;  width: 240px;  overflow: hidden;}

.mod-icp{padding:10px 0; background: #333; text-align:center;}
.mod-icp a{color:#999;}