/* CSS Document */
.mt_3 {
  margin-top: -3px;
}
.headerWrapper {
  height: 492px;
  background: url(https://img.zcool.cn/event-resource/vivo2014/images/topbg.jpg)
    no-repeat center top;
}
body {
  font-family: "微软雅黑";
  background: #fafafa;
}

.navWrapper {
  background: #fff;
  border-bottom: 1px solid #ececec;
}
.nav {
  width: 1083px;
  margin: 0 auto;
  position: relative;
  height: 60px;
}
.nav li {
  float: left;
  font-size: 18px;
  padding: 0 20px;
}
.nav li a {
  border-bottom: 4px solid #fff;
  height: 56px;
  display: inline-block;
  color: #878787;
  line-height: 60px;
}
.nav li.active a,
.nav li a:hover {
  color: #4b545b;
  border-bottom: 4px solid #ffca00;
  font-weight: bold;
  text-decoration: none;
}

.navRight {
  position: absolute;
  right: 0;
  top: 0;
}
.navRight a {
  display: inline-block;
  margin-left: 0px;
  height: 60px;
  width: 146px;
}

.u {
  background: url(https://img.zcool.cn/event-resource/vivo2014/images/u.jpg)
    no-repeat left top;
}
.u:hover {
  background: url(https://img.zcool.cn/event-resource/vivo2014/images/u.jpg)
    no-repeat right top;
}
.d {
  background: url(https://img.zcool.cn/event-resource/vivo2014/images/d.jpg)
    no-repeat left top;
}
.d:hover {
  background: url(https://img.zcool.cn/event-resource/vivo2014/images/d.jpg)
    no-repeat right top;
}

.proUl {
  margin-right: -30px;
}
.proUl li {
  float: left;
  width: 250px;
  margin-right: 27px;
  height: 300px;
}

.seeMore {
  background: url(https://img.zcool.cn/event-resource/vivo2014/images/point.png)
    no-repeat center center;
  display: inline-block;
  width: 60px;
  height: 20px;
  float: right;
  margin-top: 10px;
}

.proUlTitle {
  color: #4b545b;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.proUlTitle a {
  color: #4b545b;
}
.proUlDes,
.proUlDes a {
  color: #8ca1a7;
  font-size: 12px;
  line-height: 150%;
}
.proUlFont,
.proUlFont a {
  color: #8ca1a7;
  font-size: 12px;
  line-height: 150%;
}

.pxBox {
  font-size: 12px;
  font-weight: normal;
}
.pxBox {
  color: #666;
  padding-top: 5px;
}
.pxBox b {
  font-size: 20px;
  font-family: verdana;
  font-weight: normal;
}
.pxBox a.active {
  font-weight: bold;
}
.pxBox a {
  color: #0091ff;
}
.c0091ff {
  color: #0091ff;
}

.layouts {
  width: 1083px;
  margin-left: auto;
  margin-right: auto;
}

.sTitle {
  font-family: "微软雅黑";
  font-size: 24px;
  color: #0091ff;
  position: relative;
}
.sTitle * {
  display: inline-block;
  vertical-align: middle;
}
.sTitleS {
  font-family: "微软雅黑";
  font-size: 24px;
  font-weight: ;
  color: #0091ff;
  position: relative;
}
.sTitleS u {
  margin-left: 20px;
  text-decoration: none;
  font-size: 14px;
  color: #8ca1a7;
}
.sTitle span {
  display: inline-block;
  position: relative;
  z-index: 2;
}
.sTitle img {
  padding: 0px 10px 0 0px;
}
.normalTb th {
  padding: 15px 10px;
  font-size: 14px;
  vertical-align: middle;
  text-align: left;
}
.normalTb th.vlt {
}
.normalTb td {
  padding: 15px 10px;
}

.f20 {
  font-size: 20px;
}
.ml100 {
  margin-left: 100px;
}

.txt {
  height: 46px;
  border: 1px solid #ccc;
  line-height: 46px;
  width: 380px;
}
.txt.wide {
  width: 380px;
}
.area {
  border: 1px solid #ddd;
  padding: 5px;
  width: 500px;
  height: 200px;
}

.bm {
  border: 0;
  display: inline-block;
  height: 50px;
  width: 164px;
  background: url(https://img.zcool.cn/event-resource/vivo2014/images/bm.png)
    no-repeat right center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  font-family: "微软雅黑";
}
.bm:hover {
  background: url(https://img.zcool.cn/event-resource/vivo2014/images/bm.png)
    no-repeat left center;
}
.bm.gray {
  background: #d4d6d6;
  border-radius: 4px;
  cursor: default;
}

.uploadBox {
  display: inline-block;
  width: 61px;
  height: 28px;
  position: relative;
  overflow: hidden;
  background: url(https://img.zcool.cn/event-resource/vivo2014/images/up.png);
  cursor: pointer;
}
.uploadBox input {
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  filter: alpha(opacity=0);
  font-size: 100px;
  cursor: pointer;
}

.tmul {
  margin-right: 0px;
}
.tmul li {
  float: left;
  width: 200px;
  margin-right: 90px;
  margin-top: 10px;
  height: 410px;
}

.c8ca1a7 {
  color: #8ca1a7;
}
.line {
  height: 1px;
  background: #edf0f0;
}
.txtCon {
  color: #666;
  line-height: 32px;
  font-size: 16px;
}
.inside .txtCon {
  font-size: 14px;
  line-height: 28px;
}

.tul {
  margin-right: -70px;
}
.tul li {
  float: left;
  width: 510px;
  margin-top: 40px;
  margin-right: 50px;
}
.trsTitle {
  font-size: 18px;
  padding-top: 0px;
  font-weight: bold;
}
.trsTitle span {
  font-size: 14px;
  margin-left: 20px;
}
.tls {
  float: left;
  width: 170px;
}
.trs {
  float: left;
  width: 340px;
}
.trs p {
  color: #8ca1a7;
}

.tulmini li {
  width: 150px;
  margin-right: 36px;
  text-align: center;
}
.tulmini li .trsTitle {
  font-size: 18px;
  padding: 10px 0 0 0;
  font-weight: bold;
}
.tulmini .tls {
  float: none;
  width: auto;
}
.tulmini .trs {
  float: none;
  width: auto;
}
.tulmini .trs p {
  font-size: 14px;
  line-height: normal;
  color: #666;
}