@charset "utf-8";
.cl {
  *zoom: 1;
}
.cl:after {
  display: block;
  clear: both;
  height: 0;
  content: "\200B";
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999;
}
.w890 {
  width: 890px;
}
.w950 {
  width: 950px;
}
.w290 {
  width: 290px;
}
.w250 {
  width: 250px;
}
.pt10 {
  padding-top: 10px;
}
.ml10 {
  margin-left: 10px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mb60 {
  margin-bottom: 60px;
}
.pr {
  position: relative;
}
.text-e1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.imgmask {
  overflow: hidden;
  display: block;
  position: relative;
}
.imgmask:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.imgmask:hover:after {
  background: rgba(0, 0, 0, 0.3);
}
.zl-banner {
  height: 380px;
  background: #f8f8f8 url(../images/zhoulian/banner.jpg) no-repeat center 0;
}
.zl-list-xkc {
  padding: 40px 0 60px;
}
.zl-list-xkc .list li {
  position: relative;
  padding: 0 0 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.zl-list-xkc .list li .eidt {
  position: static;
}
.zl-list-xkc .list li .btn-edit {
  display: none;
  position: absolute;
  top: 10px;
  right: 58px;
  z-index: 9;
  width: 38px;
  overflow: hidden;
  height: 38px;
  line-height: 38px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
}
.zl-list-xkc .list li .btn-del {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9;
  width: 38px;
  overflow: hidden;
  height: 38px;
  line-height: 38px;
  color: #bbb;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  background: #fff;
}
.zl-list-xkc .list li .btn-del:hover {
  color: #ff8a00;
}
.zl-list-xkc .list li .imgmask {
  margin-bottom: 14px;
}
.zl-list-xkc .list li .imgmask:hover .btn-del,
.zl-list-xkc .list li .imgmask:hover .btn-edit {
  display: block;
  cursor: pointer;
}
.zl-list-xkc .list li img {
  width: 600px;
  height: 295px;
  margin: 0;
}
.zl-list-xkc .list li .status {
  position: absolute;
  top: 0px;
  right: 0;
  width: 77px;
  height: 32px;
  line-height: 32px;
  padding: 0 0 0 10px;
  color: #fff;
  font-size: 14px;
  background: url(../images/zhoulian/status.png) no-repeat 0 -32px;
  text-align: center;
}
.zl-list-xkc .list li .status-end {
  background-position: 0 0;
}
.zl-list-xkc .list li h2 {
  overflow: hidden;
  height: 32px;
  line-height: 32px;
  margin: 0 98px 15px 25px;
  font-size: 16px;
  color: #333;
}
.zl-list-xkc .list li .countdown {
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  padding: 0 25px;
  margin: 0;
  border-top: 1px solid #f8f8f8;
  font-size: 14px;
  color: #999;
}
.zl-list-xkc .list li .countdown .fr {
  font-size: 12px;
}
.zl-list-xkc .list li .countdown .yellow {
  display: inline;
}
.zl-list-xkc .tab-list .btn {
  color: #fff;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.zl-pos {
  padding: 12px 0;
  line-height: 28px;
  color: #999;
  font-size: 14px;
}
.zl-pos a {
  color: #999;
}
.zl-pos a:hover {
  color: #ff8a00;
}
.zl-pos span {
  color: #666666;
}
.zl-main > .img {
  width: 600px;
}
.zl-main > .img img {
  width: 600px;
  height: 290px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.zl-main .main {
  width: 300px;
  padding: 0 0 0 40px;
}
.zl-main .main h2 {
  overflow: hidden;
  height: 50px;
  padding-top: 10px;
  font-size: 18px;
  color: #333;
  line-height: 25px;
  word-break: break-all;
}
.zl-main .main p {
  overflow: hidden;
  max-height: 104px;
  padding-top: 10px;
  line-height: 26px;
  font-size: 14px;
  color: #999;
}
.zl-main .main .countdown {
  padding: 25px 0 0;
  line-height: 26px;
  font-size: 14px;
  color: #999;
}
.zl-main .main .countdown .text {
  display: inline;
  color: #666;
}
.zl-main .main .btn-box {
  padding-top: 17px;
  font-size: 0;
}
.zl-main .main .btn-box .btn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  text-align: center;
  width: 134px;
  font-size: 14px;
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.zl-prize .tit {
  padding: 30px 0 10px;
  line-height: 36px;
  font-size: 16px;
  color: #333;
}
.zl-prize .tit .more {
  font-size: 12px;
  color: #999;
}
.zl-prize #roll1 {
  position: relative;
  height: 230px;
  width: 100%;
}
.zl-prize #roll1 .qjfont {
  position: absolute;
  top: 0;
  z-index: 9;
  height: 230px;
  line-height: 230px;
  font-size: 16px;
  color: #ccc;
}
.zl-prize #roll1 .qjfont:hover {
  color: #ff8a00;
}
.zl-prize #roll1 .qj-zuojiantou {
  left: -46px;
}
.zl-prize #roll1 .qj-youjiantou {
  right: -46px;
}
.zl-prize .roll-wrap {
  overflow: hidden;
  position: relative;
  height: 230px;
}
.zl-prize .roll-wrap .roll__list {
  position: absolute;
  top: 0;
  left: 0;
  width: 99999px;
}
.zl-prize .roll-wrap li {
  float: left;
  width: 290px;
  height: 188px;
  background: #fff;
  padding: 42px 0 0;
  margin-right: 18px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
}
.zl-prize .roll-wrap li img {
  display: block;
  width: 180px;
  height: 140px;
  margin: 0 auto;
}
.zl-prize .roll-wrap li p {
  overflow: hidden;
  height: 34px;
  line-height: 34px;
  color: #666;
  font-size: 14px;
}
.zl-prize .tips {
  padding: 25px 38px;
  margin-top: 20px;
  line-height: 24px;
  background: #fff;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  color: #999;
}
.zl-list {
  padding-top: 40px;
}
.zl-list.qj-box {
  padding-top: 20px;
}
.zl-list .tab-list {
  margin-bottom: 20px;
}
.zl-list .no-result {
  padding: 60px 0 90px;
  background: #fff;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.zl-list .no-result a {
  color: #999;
}
.zl-list .no-result a:hover {
  color: #ff8a00;
}
.page-zl {
  padding: 20px 0;
}
.sidebar-author {
  width: 170px;
  padding: 30px 30px 35px;
  background: #fff;
  border-top: 3px solid #ff8a00;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.sidebar-author .img {
  position: relative;
  display: block;
  width: 80px;
  margin: 0 auto 15px;
}
.sidebar-author .img .ico-lecturer {
  position: absolute;
  top: 60px;
  right: -3px;
  width: 32px;
  height: 27px;
  background-position: 0 -120px;
}
.sidebar-author img {
  display: block;
  width: 80px;
  height: 80px;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.sidebar-author .name {
  text-align: center;
  line-height: 20px;
}
.sidebar-author .name a {
  font-size: 16px;
  color: #333;
}
.sidebar-author .name a:hover {
  color: #ff8a00;
}
.sidebar-author .info {
  padding: 8px 0 0;
  font-size: 0;
}
.sidebar-author .info dl {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 50%;
  line-height: 20px;
  text-align: center;
}
.sidebar-author .info dl dt {
  font-size: 12px;
  color: #999;
}
.sidebar-author .info dl dd {
  font-size: 14px;
  color: #666;
}
.sidebar-author .info dl .line {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 14px;
  background: #eee;
  margin-top: -7px;
}
.sidebar-author .btn-dy {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin: 15px 0 0;
  background: #ff8a00;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
}
.sidebar-author .btn-dy:hover {
  background: #ffa800;
}
.sidebar-author .btn-dy.dis {
  background: #ccc;
}
.sidebar-author .btn-dy.dis:hover {
  background: #ccc;
}
/* 通用盒子 */
.qj-box {
  padding-bottom: 40px;
}
.qj-box .tit {
  padding: 30px 0 16px;
  line-height: 36px;
  font-size: 16px;
  color: #666;
  *zoom: 1;
}
.qj-box .tit:after {
  display: block;
  clear: both;
  height: 0;
  content: "\200B";
}
.qj-box .tit h2 {
  font-size: 18px;
  color: #333;
}
.qj-box .tit .more {
  font-size: 14px;
  color: #aaa;
}
.qj-box .tit .more:hover {
  color: #ff8a00;
}
.qj-box #roll1 {
  position: relative;
  margin-bottom: -60px;
}
.qj-box #roll1 .qjfont.qj-zuojiantou,
.qj-box #roll1 .qjfont.qj-youjiantou {
  position: absolute;
  top: 0;
  z-index: 9;
  height: 388px;
  line-height: 388px;
  font-size: 16px;
  color: #ccc;
}
.qj-box #roll1 .qjfont.qj-zuojiantou:hover,
.qj-box #roll1 .qjfont.qj-youjiantou:hover {
  color: #ff8a00;
}
.qj-box #roll1 .qj-zuojiantou {
  left: -46px;
}
.qj-box #roll1 .qj-youjiantou {
  right: -46px;
}
.qj-box #roll1 .roll-wrap {
  overflow: hidden;
  position: relative;
  height: 388px;
}
.qj-box #roll1 .roll__list {
  position: absolute;
  top: 0;
  left: 0;
  width: 99999px;
}
.qj-box #roll1 .roll__list h3 {
  margin-right: 40px;
}
.qj-box #roll1 .prize {
  position: absolute;
  top: 235px;
  right: 14px;
  width: 20px;
}
.qj-box .list {
  *zoom: 1;
  *width: 1240px;
  margin-right: -20px;
}
.qj-box .list:after {
  display: block;
  clear: both;
  height: 0;
  content: "\200B";
}
.qj-box .list li {
  position: relative;
  *position: static;
  float: left;
  width: 290px;
  padding: 0 0 14px;
  margin: 0 20px 20px 0;
  background: #fff;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.qj-box .list li .btn-give {
  display: none;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 9;
  width: 116px;
  overflow: hidden;
  height: 38px;
  line-height: 38px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
}
.qj-box .list li .btn-del {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9;
  width: 38px;
  overflow: hidden;
  height: 38px;
  line-height: 38px;
  color: #bbb;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  background: #fff;
}
.qj-box .list li .btn-del:hover {
  color: #ff8a00;
}
.qj-box .list li .imgmask {
  overflow: hidden;
  -webkit-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.qj-box .list li .imgmask img {
  width: 290px;
  height: 210px;
  -webkit-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.qj-box .list li .imgmask:hover .btn-give,
.qj-box .list li .imgmask:hover .btn-del {
  display: block;
}
.qj-box .list li a {
  display: inline-block;
}
.qj-box .list li h3 {
  padding: 16px 0 0 15px;
  margin-right: 15px;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
  color: #666;
  font-size: 16px;
}
.qj-box .list li h3 a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #666;
}
.qj-box .list li h3 a:hover {
  color: #ff8a00;
}
.qj-box .list li h3 .yellow {
  font-size: 12px;
}
.qj-box .list li .info {
  overflow: hidden;
  height: 20px;
  line-height: 20px;
  padding: 5px 0 0 15px;
  margin-bottom: 24px;
}
.qj-box .list li .info .view,
.qj-box .list li .info .comment,
.qj-box .list li .info .collect {
  margin-right: 20px;
  font-size: 12px;
  color: #999;
}
.qj-box .list li .info .view .qjfont,
.qj-box .list li .info .comment .qjfont,
.qj-box .list li .info .collect .qjfont {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  margin: -3px 8px 0 0;
  font-size: 13px;
  color: #dcdcdc;
}
.qj-box .list li .info .view .qjfont {
  font-size: 16px;
}
.qj-box .list li .user {
  padding: 12px 15px 0 15px;
  overflow: hidden;
  height: 32px;
  line-height: 32px;
  border-top: 1px solid #f6f6f6;
}
.qj-box .list li .user img {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 30px;
  height: 30px;
  margin: -3px 10px 0 0;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  vertical-align: middle;
}
.qj-box .list li .user a {
  font-size: 14px;
  color: #666;
}
.qj-box .list li .user a:hover {
  color: #ff8a00;
}
.qj-box .list li .user .time {
  font-size: 14px;
  color: #999;
}
.popup-zl {
  width: 514px;
  padding: 0;
}
.popup-zl .tit {
  padding: 10px 0 0;
  line-height: 64px;
  height: 64px;
  margin: 0;
  font-size: 16px;
  color: #666;
  border-bottom: 1px solid #eaeaea;
}
.popup-zl .input {
  position: relative;
  padding-top: 40px;
  line-height: 23px;
  font-size: 14px;
  *zoom: 1;
  text-align: left;
}
.popup-zl .input:after {
  display: block;
  clear: both;
  height: 0;
  content: "\200B";
}
.popup-zl .input .u-select {
  position: relative;
  width: 330px;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: #666;
  padding: 10px;
  border: 1px solid #eee;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}
.popup-zl .input .u-select:hover {
  border: 1px solid #ff8a00;
}
.popup-zl .input .u-select-list {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  width: 352px;
  color: #666;
  background: #fff;
  line-height: 32px;
  font-size: 14px;
  z-index: 990;
  padding: 10px 0;
  border: 1px solid #eee;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.popup-zl .input .u-select-list li {
  padding: 0 15px;
  font-size: 14px;
  color: #666;
}
.popup-zl .input .u-select-list li:hover {
  background: #ffa800;
  color: #fff;
}
.popup-zl .input dt {
  float: left;
  width: 98px;
  line-height: 44px;
  color: #666;
  text-align: right;
}
.popup-zl .input dt span {
  margin-right: 5px;
  color: #ff5050;
}
.popup-zl .input dd {
  float: left;
  margin-left: 30px;
}
.popup-zl .input dd .qjfont {
  position: absolute;
  top: 12px;
  right: 10px;
  font-size: 20px;
  color: #cdcdcd;
}
.popup-zl .input .txt,
.popup-zl .input .textarea {
  width: 330px;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  color: #666;
  padding: 10px;
  border: 1px solid #eee;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.popup-zl .input .txt:focus,
.popup-zl .input .textarea:focus {
  border: 1px solid #ff8a00;
}
.popup-zl .input .textarea {
  resize: none;
  height: 68px;
}
.popup-zl .input .num-box {
  position: absolute;
  bottom: 0;
  right: 20px;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  color: #ccc;
  font-size: 0;
}
.popup-zl .input .num-box .num {
  font-size: 12px;
}
.popup-zl .input .num-box .length {
  display: none;
}
.popup-zl .btn-box {
  padding: 40px 0 0 128px;
  text-align: left;
}
.popup-zl .btn-box a {
  width: 150px;
  overflow: hidden;
  height: 44px;
  line-height: 44px;
  text-align: center;
}
.popup-give {
  height: 410px;
  margin: -205px 0 0 -257px;
}
.popup-delete {
  height: 336px;
  margin: -168px 0 0 -257px;
}
.zyxq-img {
  padding: 20px 0;
}
.zyxq-tit {
  border-top: 1px solid #f8f8f8;
  border-bottom: 1px solid #f8f8f8;
  font-size: 0;
}
.zyxq-tit .left {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 638px;
  padding: 23px 0;
}
.zyxq-tit .left h1 {
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 24px;
  color: #333;
}
.zyxq-tit .left h1 img {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  margin: -3px 0 0 18px;
}
.zyxq-tit .left p {
  line-height: 22px;
  color: #999;
  font-size: 12px;
}
.zyxq-tit .left p span {
  margin: 0 30px;
}
.zyxq-tit .mid {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  padding: 23px 0;
  width: 296px;
}
.zyxq-tit .mid .btn-box {
  position: absolute;
  top: 23px;
  left: 47px;
}
.zyxq-tit .mid .btn-box span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  cursor: pointer;
}
.zyxq-tit .mid .btn-give {
  width: 116px;
  overflow: hidden;
  height: 38px;
  line-height: 38px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
}
.zyxq-tit .mid .btn-del {
  width: 38px;
  overflow: hidden;
  height: 38px;
  line-height: 38px;
  color: #bbb;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  background: #fff;
  border: 1px solid #ccc;
}
.zyxq-tit .mid .btn-del:hover {
  color: #ff8a00;
  border: 1px solid #ff8a00;
}
.zyxq-tit .mid .info {
  padding: 50px 0 0;
  line-height: 22px;
}
.zyxq-tit .mid .info .view,
.zyxq-tit .mid .info .comment,
.zyxq-tit .mid .info .collect {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin-right: 42px;
  font-size: 12px;
  color: #999;
}
.zyxq-tit .mid .info .view .qjfont,
.zyxq-tit .mid .info .comment .qjfont,
.zyxq-tit .mid .info .collect .qjfont {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  margin: -3px 8px 0 0;
  font-size: 13px;
  color: #dcdcdc;
}
.zyxq-tit .mid .info .view .qjfont {
  font-size: 16px;
}
.zyxq-tit .right {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  padding: 21px 0 22px;
  width: 285px;
  border-left: 1px solid #f8f8f8;
}
.zyxq-tit .right .img {
  width: 80px;
  margin: 0 20px 0 55px;
}
.zyxq-tit .right .img img {
  width: 80px;
  height: 80px;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.zyxq-tit .right .name {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  padding: 17px 0 0;
  max-width: 130px;
  line-height: 25px;
  font-size: 18px;
  color: #333;
}
.zyxq-tit .right .name img {
  position: absolute;
  top: 10px;
  right: -32px;
  max-width: none;
}
.zyxq-tit .right .name a {
  overflow: hidden;
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  height: 25px;
  color: #333;
}
.zyxq-tit .right .name a:hover {
  color: #ff8a00;
}
.zyxq-tit .right p {
  line-height: 30px;
  font-size: 14px;
  color: #999;
}
.zyxq-ct {
  padding: 62px 0 40px;
}
.zyxq-ct .intro {
  padding: 0 0 44px 200px;
  line-height: 30px;
  color: #666;
}
.zyxq-ct .prize {
  text-align: center;
}
.zyxq-ct .prize img {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}
.zyxq-ct .prize p {
  padding: 10px 0 32px;
  line-height: 30px;
  font-size: 14px;
  color: #666;
}
.zyxq-other {
  /* 分享 */
}
.zyxq-other .view {
  position: relative;
  z-index: 9;
  width: 435px;
  padding: 30px 0 0;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
  font-size: 0;
}
.zyxq-other .view img {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: 6px;
}
.zyxq-other .view span {
  margin-right: 15px;
  font-size: 12px;
  color: #999;
}
.zyxq-other .praise-box {
  position: relative;
  width: 165px;
  height: 136px;
  padding: 0 0 0 528px;
}
.zyxq-other .praise-box .praise {
  display: block;
  width: 165px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  -webkit-border-radius: 64px;
  -ms-border-radius: 64px;
  -moz-border-radius: 64px;
  border-radius: 64px;
  font-size: 16px;
}
.zyxq-other .praise-box .praise .qjfont {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  margin: -5px 6px 0 0;
  font-size: 30px;
}
.zyxq-other .praise-box .edit {
  position: absolute;
  top: 80px;
  left: 598px;
  line-height: 20px;
  color: #999;
  font-size: 12px;
  text-align: center;
}
.zyxq-other .praise-box .edit:hover {
  color: #ff8a00;
}
.zyxq-other .bdsharebuttonbox {
  padding: 30px 0 0;
}
.zyxq-other .bdsharebuttonbox span {
  margin-right: 10px;
  line-height: 30px;
  font-size: 14px;
  color: #999;
}
.zyxq-other .bdsharebuttonbox a {
  overflow: hidden;
  position: relative;
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  margin: 0 12px 0 0;
  font-size: 30px;
  text-indent: 0;
  color: #d5d5d5;
  background: none;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.zyxq-other .bdsharebuttonbox a.qjfont:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.zyxq-other .bdsharebuttonbox a.qjfont:after {
  content: '';
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
}
.zyxq-other .bdsharebuttonbox a:hover.qj-weixinhuise {
  color: #2ed25d;
}
.zyxq-other .bdsharebuttonbox a:hover.qj-kongjianhuise {
  color: #ffa800;
}
.zyxq-other .bdsharebuttonbox a:hover.qj-qqhuise {
  color: #0097f8;
}
.zyxq-other .bdsharebuttonbox a:hover.qj-weibohuise {
  color: #f85778;
}
.zyxq-other .bdsharebuttonbox a:hover {
  opacity: 1;
}
.zyxq-other .bdsharebuttonbox a:hover:after {
  background: #fff;
}
.zyxq-comment {
  padding: 40px 0 20px;
  margin: 40px auto;
  border-top: 1px solid #f8f8f8;
  background: #fff;
}
.zyxq-comment .v-comment {
  margin-top: 40px;
  border-top: 1px solid #f8f8f8;
  padding: 25px 0 50px;
}
.zyxq-comment .v-comment .no-result {
  padding: 0 0 30px;
  margin-top: -10px;
}
.zyxq-comment .v-comment .no-result p {
  font-size: 14px;
}
.zyxq-comment .info-cont1 .input {
  margin: 0 50px;
}
.zyxq-comment .info-cont1 .input .textarea {
  width: 1088px;
  height: 68px;
  margin-bottom: 15px;
  background: #f6f6f6;
}
.zyxq-comment .info-cont1 .input .tip {
  width: 1078px;
  height: 68px;
}
.zyxq-comment .info-cont1 .input .num-box {
  position: absolute;
  bottom: 50px;
  right: 20px;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  color: #ccc;
  font-size: 0;
}
.zyxq-comment .info-cont1 .input .num-box .num {
  font-size: 12px;
}
.zyxq-comment .info-cont1 .input .num-box .length {
  display: none;
}
.zyxq-comment .info-cont1 .input .btn-tj {
  background: #ff8a00;
  font-size: 14px;
}
.zyxq-comment .info-cont1 .input .btn-tj:hover {
  background: #ffa800;
}
.zyxq-comment .cont {
  padding-bottom: 10px;
}
.zyxq-comment .cont li .com-box {
  padding: 30px 42px;
}
.zyxq-comment .cont li .com-box .img {
  width: 44px;
  height: 44px;
}
.zyxq-comment .cont li .com-box .img img {
  width: 44px;
  height: 44px;
}
.zyxq-comment .cont li .com-box .input2 {
  padding-top: 15px;
  width: 801px;
  margin: 0 148px 0 65px;
}
.zyxq-comment .cont li .com-box .input2 .num-box {
  position: absolute;
  bottom: 50px;
  right: 20px;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  color: #ccc;
  font-size: 0;
}
.zyxq-comment .cont li .com-box .input2 .num-box .num {
  font-size: 12px;
}
.zyxq-comment .cont li .com-box .input2 .num-box .length {
  display: none;
}
.zyxq-comment .cont li .com-box .name {
  padding-top: 3px;
}
.zyxq-comment .cont li .com-box .name a {
  color: #333;
  font-weight: 700;
  font-size: 14px;
}
.zyxq-comment .cont li .com-box .name a:hover {
  color: #ff8a00;
}
.zyxq-comment .cont li .com-box .re {
  padding-top: 6px;
  margin-right: 270px;
  font-size: 14px;
}
.zyxq-comment .cont li .com-box .func {
  padding: 18px 0 0;
}
.zyxq-comment .cont li .com-box .func span.fl {
  top: 0;
}
.zyxq-comment .cont li .com-box .func a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}
.zyxq-comment .cont li .com-box .func .del {
  font-size: 12px;
  color: #999;
}
.zyxq-comment .cont li .com-box .func .del:hover {
  color: #ff8a00;
}
.zyxq-comment .cont li .com-box .func .reply {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  background: none;
  color: #999;
  font-size: 14px;
  margin-left: 40px;
  margin-top: -3px;
}
.zyxq-comment .cont li .com-box .func .reply .qjfont {
  font-size: 14px;
}
.zyxq-comment .cont li .com-box .func .reply .qj-pinglunmianxing {
  display: none;
}
.zyxq-comment .cont li .com-box .func .reply:hover {
  background: none;
  text-decoration: none;
  color: #ff8a00;
}
.zyxq-comment .cont li .com-box .func .reply:hover .qj-pinglunmianxing {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.zyxq-comment .cont li .com-box .func .reply:hover .qj-pinglunxianxing {
  display: none;
}
.zyxq-comment .cont li .com-box .func .laud {
  font-size: 13px;
  color: #999;
  margin-left: 40px;
}
.zyxq-comment .cont li .com-box .func .laud .qjfont {
  margin-right: 10px;
  font-size: 15px;
}
.zyxq-comment .cont li .com-box .func .laud .qj-dianzanmianxing {
  display: none;
}
.zyxq-comment .cont li .com-box .func .laud:hover,
.zyxq-comment .cont li .com-box .func .laud.laud-yellow {
  color: #ff8a00;
}
.zyxq-comment .cont li .com-box .func .laud:hover .qj-dianzanmianxing,
.zyxq-comment .cont li .com-box .func .laud.laud-yellow .qj-dianzanmianxing {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.zyxq-comment .cont li .com-box .func .laud:hover .qj-dianzanxianxing,
.zyxq-comment .cont li .com-box .func .laud.laud-yellow .qj-dianzanxianxing {
  display: none;
}
.zyxq-comment .cont li .com-box .cover img {
  width: 138px;
  height: 100px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.zyxq-comment .cont li .com-box .re-img {
  padding: 7px;
  margin-top: 15px;
  width: 100px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.zyxq-comment .cont li .com-box .re-img img {
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  max-width: 100px;
  max-height: 100px;
}
.zyxq-comment .cont li .com-to {
  padding: 0 0 30px;
  margin: -20px 310px 0 107px;
}
.zyxq-comment .cont li .com-to .bgs {
  position: relative;
  padding: 20px 80px 20px 20px;
  background: #f6f6f6;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.zyxq-comment .cont li .com-to .bgs .arrow {
  position: absolute;
  top: -8px;
  left: 20px;
  font-size: 0;
  border-width: 8px;
  border-color: transparent transparent #f6f6f6 transparent;
  border-style: solid;
  border-top: 0;
}
.zyxq-comment .cont li .com-to .bgs.func {
  margin: 0;
  height: auto;
  overflow: visible;
}
.zyxq-comment .cont li .com-to .input2 {
  margin-left: 0;
}
.zyxq-comment .cont li .com-to .img {
  margin-left: 0;
  width: 30px;
}
.zyxq-comment .cont li .com-to .img img {
  width: 30px;
  height: 30px;
}
.zyxq-comment .cont li .com-to .name,
.zyxq-comment .cont li .com-to .re,
.zyxq-comment .cont li .com-to .func {
  margin-left: 45px;
}
.zyxq-comment .cont li .com-to .name {
  padding-top: 3px;
  font-size: 14px;
  color: #999;
}
.zyxq-comment .cont li .com-to .name a {
  font-weight: 700;
}
.zyxq-comment .cont li .com-to .re {
  padding-top: 3px;
  line-height: 22px;
  margin-right: 0;
}
.zyxq-comment .cont li .com-to .func a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.zyxq-comment .cont li .com-to .func .reply {
  width: auto;
  height: auto;
  padding: 0;
  margin-left: 5px;
  background: none;
  color: #ff8a00;
  font-size: 14px;
  line-height: 22px;
  vertical-align: top;
}
.zyxq-comment .cont li .com-to .func .reply:hover {
  color: #ffa800;
}
.zyxq-comment .input2 {
  margin: 10px 0 0;
  border: 0;
}
.zyxq-comment .input2 .textarea {
  width: 729px !important;
  padding: 12px 50px 12px 20px;
  height: 24px;
  line-height: 24px;
  resize: vertical;
  background: #f6f6f6;
  border: 1px solid #eee;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zyxq-comment .input2 .textarea:focus {
  background: #fff;
}
.zyxq-comment .input2 textarea::-webkit-input-placeholder {
  color: #ccc;
}
.zyxq-comment .input2 textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc;
}
.zyxq-comment .input2 textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc;
}
.zyxq-comment .input2 textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ccc;
}
.zyxq-comment .input2 .btn-tj {
  height: 40px;
  line-height: 40px;
  padding: 0 35px;
  margin-top: 10px;
  background: #ff8a00;
  color: #fff;
  font-size: 14px;
}
.zyxq-comment .input2 .btn-tj span {
  display: none;
}
.zyxq-comment .input2 .btn-tj:hover {
  color: #fff;
  background: #ffa800;
}
.zyxq-comment .input2 .tip {
  top: 15px;
  width: 759px !important;
  height: 48px;
  padding: 0 20px;
  line-height: 48px;
  resize: none;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #f6f6f6;
  border: 1px solid #eee;
}
.zyxq-comment .input2 .tip a {
  color: #ff8a00;
}
.zyxq-comment .input2 .tip a:hover {
  color: #ffa800;
}
.zyxq-comment .tit {
  margin-bottom: 0;
  color: #666;
}
.zyxq-comment .tit span {
  color: #999;
}
.popup-editpraise {
  width: 262px;
  height: 252px;
  padding: 0;
  margin: -126px 0 0 -126px;
}
.popup-editpraise .tit {
  padding: 26px 0 18px;
  border-bottom: 1px solid #eaeaea;
}
.popup-editpraise .ct {
  padding: 18px 0 0;
}
.popup-editpraise .ct .text {
  width: 150px;
  height: 42px;
  line-height: 42px;
  border: 1px solid #dcdcdc;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  color: #bbb;
  text-indent: 22px;
}
.popup-editpraise .btn-box {
  padding: 20px 0 0;
}
.popup-editpraise .btn-box a {
  width: 150px;
  height: 44px;
  line-height: 44px;
  font-size: 14px;
}
.form-wrap {
  width: 1220px;
  background-color: #FFF;
  padding: 35px 0;
  margin: 0 auto;
}
.form-item {
  padding: 20px 0;
}
.f-title {
  width: 230px;
  text-align: right;
  float: left;
  line-height: 42px;
  font-size: 14px;
  color: #999;
  min-height: 42px;
}
.f-txt {
  margin-left: 35px;
  line-height: 42px;
  float: left;
  position: relative;
}
.f-txt input::-webkit-input-placeholder,
.f-txt textarea::-webkit-input-placeholder {
  color: #bbb;
}
.f-txt input::-moz-placeholder,
.f-txt textarea::-moz-placeholder {
  color: #bbb;
}
.f-txt input:-moz-placeholder,
.f-txt textarea:-moz-placeholder {
  color: #bbb;
}
.f-txt input:-ms-input-placeholder,
.f-txt textarea:-ms-input-placeholder {
  color: #bbb;
}
.f-txt .num-box {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 10px;
  color: #999;
  height: 42px;
  vertical-align: top;
  font-size: 0;
}
.f-txt .num-box .num {
  font-size: 12px;
}
.f-txt .num-box .length {
  display: none;
}
.f-txt .prize {
  width: 895px;
}
.f-txt .prize li {
  float: left;
  width: 206px;
  height: 146px;
  background: #fff;
  padding: 20px 0 0;
  margin: 15px 15px 0 0;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  border: 1px solid #ccc;
  cursor: pointer;
}
.f-txt .prize li.cur {
  border: 1px solid #ff8a00;
}
.f-txt .prize li img {
  display: block;
  width: 122px;
  height: 95px;
  margin: 0 auto;
}
.f-txt .prize li p {
  overflow: hidden;
  height: 34px;
  line-height: 34px;
  color: #666;
  font-size: 14px;
}
.f-txt .prize li .btn-edit {
  display: none;
  position: absolute;
  top: 62px;
  left: 60px;
  z-index: 9;
  width: 38px;
  overflow: hidden;
  height: 38px;
  line-height: 38px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
}
.f-txt .prize li .btn-del {
  display: none;
  position: absolute;
  top: 62px;
  right: 60px;
  z-index: 9;
  width: 38px;
  overflow: hidden;
  height: 38px;
  line-height: 38px;
  color: #bbb;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  background: #fff;
}
.f-txt .prize li .btn-del:hover {
  color: #ff8a00;
}
.f-txt .prize li:hover .btn-edit,
.f-txt .prize li:hover .btn-del {
  display: block;
  cursor: pointer;
}
.f-input,
.f-txtArea {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  padding: 10px 15px;
  width: 770px;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  color: #666;
  font-size: 14px;
  line-height: 20px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.f-txtArea {
  resize: none;
  height: 80px;
}
.f-input:focus,
.f-txtArea:focus,
.f-txt select:focus {
  border-color: #ff8a00;
}
.f-title span {
  display: inline-block;
  margin-right: 3px;
  color: red;
  vertical-align: middle;
}
.f-list {
  line-height: 28px;
  margin: 10px 0 0 0;
}
.f-l-item {
  float: left;
  color: #666666;
  cursor: pointer;
  position: relative;
  font-size: 14px;
  padding: 0 20px;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
  -ms-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  margin-right: 10px;
}
.f-l-item:hover {
  border-color: #0097f8;
  background: #0097f8;
  color: #fff;
}
.f-inf {
  position: absolute;
  bottom: 0px;
  bottom: 0px\9;
  right: 15px;
  font-size: 12px;
  color: #ccc;
}
.f-inf var {
  font-style: normal;
}
.txtb {
  display: inline-block;
  border: 1px solid #cacaca;
  border-radius: 3px;
  background-color: #fff;
}
.txtb:hover {
  border: 1px solid #178bf7;
}
.txtb input {
  border: none;
}
.icon-x {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/icon_x.png) no-repeat;
  vertical-align: middle;
}
.f-tab {
  float: left;
  cursor: pointer;
  padding: 0 5px 0 5px;
  margin: 10px 0 0 10px;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  background-color: #f6f6f6;
}
.f-tab i {
  margin-left: 6px;
}
.f-txt-p {
  font-size: 20px;
  line-height: 42px;
  color: #666;
}
.f-txt-p span {
  color: red;
}
.fix-btns {
  width: 1220px;
  height: 50px;
  padding: 10px 0 100px;
  background: #fff;
  margin: 0 auto;
}
.fix-btn {
  display: inline-block;
  width: 150px;
  height: 42px;
  border: 1px solid #2ed25d;
  background-color: #2ed25d;
  color: #fff;
  text-align: center;
  line-height: 42px;
  font-size: 14px;
  border-radius: 5px;
  margin: 0 10px 0 205px;
  cursor: pointer;
}
.fix-btn:hover {
  background-color: #48f579;
  border: 1px solid #48f579;
  color: #fff;
}
.fix-btn-w {
  background-color: #fff;
  border: 1px solid #ddd;
  color: #666;
  margin: 0 10px;
}
.fb-tips {
  display: none;
  vertical-align: middle;
  margin-left: 20px;
  line-height: 43px;
  color: #666;
  font-size: 14px;
}
.fb-tips span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  color: #ff5779;
  font-size: 23px;
  margin: -3px 10px 0 0;
}
.f-name .fb-tips {
  position: absolute;
  top: 0;
  left: 740px;
  white-space: nowrap;
}
.form-works .f-title {
  width: 145px;
}
.form-works .f-source {
  width: 110px;
}
.form-works .f-input,
.form-works .f-txtArea {
  width: 710px;
}
.form-works .pro-input .num-box {
  position: absolute;
  bottom: 20px;
  right: 20px;
  color: #ccc;
  font-size: 12px;
  line-height: 40px;
}
.form-works .container {
  width: 880px;
}
.form-works .fileinput-button {
  margin-bottom: 40px;
}
.form-works .fileinput-button p {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  padding: 0 0 0 20px;
  font-size: 14px;
  color: #bbb;
  line-height: 36px;
}
.mt10 {
  margin-top: 10px;
}
.fm_box {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 290px;
  text-align: center;
}
.fm_box .img {
  overflow: hidden;
  border: 1px solid #dcdcdc;
  width: 288px;
  height: 178px;
  margin-bottom: 10px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}
.fm_box .img img {
  position: relative;
  top: -1px;
  left: -1px;
  max-width: none;
  width: 290px;
  height: 180px;
}
.fm_box .img:hover {
  border: 1px solid #ff8a00;
}
.fm_box .img2 {
  width: 290px;
  height: 210px;
  border: none;
}
.fm_box .img2 img {
  width: 600px;
  height: auto;
}
.fm_box .img2:hover {
  border: none;
}
.fm_box .fb-tips {
  margin: 0;
}
.fm_box p {
  color: #999;
  font-size: 14px;
  line-height: 22px;
}
.fm_teb_box {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 592px;
  margin-left: 20px;
  position: relative;
}
.fm_teb_box ul.fm_teb_pad {
  list-style: none;
  overflow-y: auto;
  max-height: 180px;
  margin-bottom: 20px;
}
.fm_teb_box ul.fm_teb_pad li {
  width: 87px;
  float: left;
  position: relative;
  height: 53px;
  overflow: hidden;
  margin: 0 10px 10px 0;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.fm_teb_box ul.fm_teb_pad li img {
  width: 87px;
  position: relative;
  z-index: 1;
}
.fm_teb_pad li:hover {
  cursor: pointer;
}
.fm_teb_pad li.hover {
  cursor: pointer;
}
.fm_teb_pad li.select_on a {
  width: 87px;
  height: 53px;
  border: none;
  background: rgba(0, 0, 0, 0.5) url(../images/zhoulian/teb_hover.png) no-repeat center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.fm_teb_cont .fm_teb_item {
  width: 600px;
}
.popup-addprize {
  width: 562px;
  height: 636px;
  margin: -318px 0 0 -281px;
}
.popup-addprize .input .num-box {
  height: 44px;
  line-height: 44px;
}
.popup-addprize .img {
  overflow: hidden;
  border: 1px solid #dcdcdc;
  width: 288px;
  height: 178px;
  margin-bottom: 10px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}
.popup-addprize .img img {
  position: relative;
  top: -1px;
  left: -1px;
  max-width: none;
  width: 290px;
  height: 180px;
}
.popup-addprize .img:hover {
  border: 1px solid #ff8a00;
}
.popup-addprize .fm-tips {
  margin-top: 10px;
  line-height: 30px;
  font-size: 14px;
  color: #999;
  text-align: center;
}
.popup-addprize .btn-box a {
  width: 150px;
  height: 44px;
  line-height: 44px;
  font-size: 14px;
}
.form-zhoulian {
  margin: 30px auto;
}
/* 进度条 */
#fileupload1 {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 130px;
  height: 36px;
  background: none;
  text-indent: -999px;
  overflow: hidden;
  opacity: 1;
  font-size: 0px;
  cursor: pointer;
}
.fileupload1-box {
  overflow: hidden;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  position: relative;
  width: 130px;
  height: 36px;
  line-height: 36px;
  background: #ff8a00;
  color: #fff;
  text-align: center;
  font-size: 14px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.fileupload1-box:hover {
  background: #ffa800;
}
.progress {
  position: relative;
  width: 742px;
  height: 6px;
  line-height: 6px;
  margin-bottom: 14px;
  background-color: #eee;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: none;
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 9pt;
  color: #fff;
  text-align: center;
  background-color: #2ed25d;
  -webkit-transition: width .6s ease;
  transition: width .6s ease;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.progress-bar-success {
  background-color: #2ed25d;
}
#progress-data {
  position: absolute;
  top: 0;
  right: -35px;
  font-size: 12px;
  color: #aaa;
}
#img-wrap {
  width: 880px;
}
.pro-item {
  position: relative;
  margin: 20px 20px 0 0;
  float: left;
  width: 203px;
  border: 1px solid #eee;
  font-size: 0;
  line-height: 0;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
}
.pro-img {
  position: relative;
  top: -1px;
  left: -1px;
  width: 205px;
  height: 164px;
  overflow: hidden;
  -webkit-border-radius: 9px;
  -ms-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.pro-img .btn-del {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9;
  overflow: hidden;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: -19px 0 0 -19px;
  color: #bbb;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  background: #fff;
  cursor: pointer;
}
.pro-img .btn-del:hover {
  color: #ff8a00;
}
.pro-img:hover .btn-del {
  display: block;
}
.pro-img img {
  width: 205px;
  -webkit-border-radius: 9px;
  -ms-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}