.swiper-pagination-bullet {
  width: 96px !important;
  height: 96px !important;
}

.similarBox .pic-list .img {
  width: 345px;
  height: 587px;
}

.YouLike .img img {
  width: 350px;
  height: 590px;
}

.index_banner img, .inside_banner img {
  object-fit: cover;
  width: 100%;
}

/*网站头部*/

/*图标*/
.icon-comment {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
  background: url(../images/icon-comment.png) center no-repeat;
  background-size: contain;
}

.guanzhu_btn:before {
  content: '关注';
}

.guanzhu_btn.liked:before {
  content: '取消关注';
}

.like .shoucang {
  background: url(../images/shoucang.png) center no-repeat !important;
}

.liked .shoucang {
  background: url(../images/shoucang_red.png) center no-repeat !important;
}

.shoucang_btn i {
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
  margin-left: 8px;
}

.shoucang_btn.liked i {
  color: red;
}

.color {
  display: block;
  width: 129px;
  height: 127px;
}

.color.blue {
  background: url(../images/lanse.png) center no-repeat;
}

.color.cyan {
  background: url(../images/qingse.png) center no-repeat;
}

.color.green {
  background: url(../images/lvse.png) center no-repeat;
}

.color.pink {
  background: url(../images/fense.png) center no-repeat;
}

.color.red {
  background: url(../images/hongse.png) center no-repeat;
}

.color.yellow {
  background: url(../images/huangse.png) center no-repeat;
}

.color.black {
  background: url(../images/heise.png) center no-repeat;
}

.color.purple {
  background: url(../images/zise.png) center no-repeat;
}

.color.colour {
  background: url(../images/caise.png) center no-repeat;
}

/*个人中心*/
.uc_l .user_info .avatar {
  margin: 0 auto 25px auto;
  background-size: cover;
  background-position: center;
}

.uc_r {
  padding-bottom: 130px;
}

.uc_r .huaban_box .huaban_list .item {
  border-radius: 0;
}

.uc_r .huaban_box .huaban_list .item.item_add {
  height: 345px !important;
}

.uc_r .huaban_box .huaban_list .item .item_box {
  padding: 9px !important;
}

.uc_r .sucai_box .pubu_box {
  margin: 0 auto;
  width: 98%;
}

.uc_r .sucai_box .pubu_list {
  margin: 15px 5px;
}

.uc_box {
  width: 100%;
  margin: 0 auto;
}

.uc_box .uc_l {
  width: 16%;
}

.uc_box .uc_r {
  width: 84%;
}

.uc_r .wode_box {
  width: 100%;
}

.uc_box .uc_r .broad {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}

.huaban_list .page5 {
  width: 100%;
  margin: 0 auto;
  padding-top: 0px;
}

.page5 .guanzhu_list .item .info {
  height: 225px;
}

/*素材上传*/
.upload_page31 .upload_box {
  width: 96%;
}

.upload_page32 .upload_img32_box .preview_img_list .item {
  width: 121px;
}

.upload_page32 .step_box .line1 {
  left: 390px;
}

.upload_page32 .step_box .line2 {
  right: 390px;
}

.upload_page32 .file_box .replace_file input[type=button] {
  position: absolute;
  opacity: 0;
  width: 90px;
  height: 30px;
  left: 0;
  cursor: pointer;
  top: 0;
  font-size: 0;
}

.upload_page32 .file_box .image_box {
  display: flex;
  width: 100%
}

.upload_page32 .file_box .image_box .image_box_item {
  flex: 1;
}

.upload_page32 .file_box .image_box .image_box_item .image_box_preview {
  margin: 0 auto;
}

.upload_page32 .file_box .image_box .image_box_item .image_box_upload {
  padding: 5px;
  margin: 5px auto 0 auto;
  width: 160px;
  border: 1px solid #E6E6E6;
  font-size: 12px;
  color: #999;
}

.upload_page32 .file_box .image_box .image_box_item .image_box_upload label {
  display: inline-block;
}

.upload_page32 .file_box .image_box .image_box_item .image_box_upload input {
  margin-left: 5px;
  width: 40px;
  border: none;
  color: #999;
}

.upload_page32 .file_box .image_box .image_box_item .image_box_upload div {
  display: inline-block;
  cursor: pointer;
  float: right;
}

.upload_page32 .file_box .image_box .image_box_item .image_box_preview {
  width: 160px;
  height: 160px;
}

.upload_page32 .other_info_box .title_input {
  color: #999;
}

.upload_page32 .other_info_box input[type="color"].title_input {
  width: 100%;
}

/*采集到页面*/
.caijidao {
  word-break: break-all;
}

.caijidao .huaban_list li {
  position: relative;
}

.caijidao .huaban_list li .caixialai {
  display: none;
  position: absolute;
  text-shadow: none;
  background: #EC414D;
  color: #fff;
  box-shadow: none;
  border: 1px solid #EC414D;
  height: 28px;
  line-height: 28px;
  border-radius: 2px;
  padding: 0 5px;
  right: 0px;
  top: 0px;
  font-size: 12px;
}

.caijidao .huaban_list li:hover .caixialai {
  display: block;
}

/*画板*/
.uc_r .huaban_box .huaban_list .item {
  margin: 0 10px 10px 10px !important;
  padding: 0;
  height: auto !important;
}

.find_idea_page .pubu_list .item {
  background: none;
}

/*瀑布流*/

.pubu_list .item {
  width: 236px;
  margin-bottom: 16px;
}

.pubu_list .item.item_add {
  background-color: #fff;
  padding: 10px;
  cursor: pointer;
  height: 340px !important;
}

.pubu_list .item.item_add .dashed_box {
  border: 1px dashed #bfc0c3;
  height: 100%;
  border-radius: 2px;
}

.pubu_list .item.item_add .dashed_box img {
  width: auto;
  padding: 10px;
}

.pubu_list .item .img_box, .pubu_list .item img {
  width: 100%;
}

.pubu_list .item a {
  cursor: pointer;
}

.pubu_list .item .shoucang_btn {
  display: none;
  width: 33px;
  height: 32px;
  line-height: 32px;
  background-image: none !important;
  border-radius: 2px;
  position: absolute;
  right: 7px;
  top: 6px;
  cursor: pointer;
  background-color: #ebebeb;
}

.pubu_list .item .caiji_btn {
  display: none;
  width: 51px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  color: #fff;
  background: #d83847;
  border-radius: 2px;
  position: absolute;
  left: 7px;
  top: 7px;
}

.pubu_list .item .bianji_btn {
  display: none;
  height: 32px;
  padding: 0 13px;
  line-height: 32px;
  border-radius: 2px;
  position: absolute;
  right: 7px;
  top: 6px;
  background-color: #ebebeb;
  cursor: pointer;
}

.pubu_list .item .icon_yuanchuang {
  width: 25px;
  height: 28px;
  background: url(../images/yuanchuang.png) center no-repeat;
  background-size: contain;
  position: absolute;
  left: 10px;
  top: 10px;
}

.pubu_list .item .shoucang_btn_2.like:before {
  content: '收藏';
}

.pubu_list .item .shoucang_btn_2.like.liked:before {
  content: '取消收藏';
}

.pubu_list .item .btn {
  display: none;
}

.pubu_list .item:hover > .img_box .caiji_btn {
  display: block;
}

.pubu_list .item:hover > .caiji_btn, .pubu_list .item:hover > .shoucang_btn, .pubu_list .item .img_box:hover > .shoucang_btn, .pubu_list .item:hover > .bianji_btn {
  display: block;
}

.pubu_list .item:hover .btn {
  display: block;
}

.pubu_list .item .shop_info .shop_avatar .b {
  font-size: 24px;
  font-weight: 700;
}

.pubu_list .item .info_box i {
  margin-right: 2px;
}

.pubu_list .item .info_box .title {
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  color: #737372
}

.pubu_list .item .art_info_box {
  padding: 14px;
  border-bottom: 1px solid #f5f5f5;
  position: relative;
  display: block;
  word-break: break-all;
  background-color: #fff;
}

.pubu_list .item .artist_info_box {
  padding: 14px;
  background-color: #fff;
}

.pubu_list .item .artist_info_box .avatar {
  width: 33px;
  height: 36px;
  object-fit: cover;
}

.pubu_list .item .art_info_box .icon_caiji {
  display: inline-block;
  width: 10px;
  height: 8px;
  background: url(../images/caiji.png) center no-repeat;
  margin-right: 5px;
}

.pubu_list .item .art_info_box .icon_shoucang {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../images/shoucang.png) center no-repeat;
  margin-right: 5px;
  margin-left: 5px;
  vertical-align: text-bottom;
}

.pubu_list .item .art_info_box .icon_pinglun {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../images/pinglun.png) center no-repeat;
  margin-right: 5px;
  margin-left: 5px;
  vertical-align: text-bottom;
}

/*找灵感详情*/
.find_idea_mask .layui-layer-ico {
  /*background: url(../images/find_idea_close.png) center no-repeat !important;*/

  background: url(../images/btn_close_layer.png) 0 0 no-repeat !important;
}

.find_idea_mask .layui-layer-close {
  display: block;
  width: 36px !important;
  height: 36px !important;
  right: 15px !important;
  top: 0 !important;
}

.find_idea_detail {
  width: 1040px;
  margin: 0 auto;
}

.find_idea_detail_box {
  padding-top: 40px;
}

.find_idea_detail .page_btn {
  width: 60px;
  height: 150px;
  position: fixed;
  top: 50%;
  cursor: pointer;
  background: url(../images/detail_arrows.png) no-repeat;
  z-index: 999;
}

.find_idea_detail .page_btn.disabled {
  background: none;
}

.find_idea_detail .page_btn.prev_btn {
  left: 0;
  background-position: 0 0;
}

.find_idea_detail .page_btn.prev_btn:hover {
  background-position: 0 -170px;
}

.find_idea_detail .page_btn.next_btn {
  right: 0;
  background-position: -80px 0;
}

.find_idea_detail .page_btn.next_btn:hover {
  background-position: -80px -170px;
}

.find_idea_detail .main .caiji_btn {
  background-color: #d83847;
}

.find_idea_detail .shoucang_btn {
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 2px;
  cursor: pointer;
  background-color: #ebebeb;
  background-image: none !important;
  float: left;
  margin-left: 5px;
}

.find_idea_detail .guanzhu_btn {
  width: auto !important;
  padding: 0 10px;
}

.find_idea_detail .bianji_btn {
  height: 32px;
  padding: 0 13px;
  line-height: 32px;
  border-radius: 2px;
  float: left;
  margin-left: 5px;
  background-color: #ebebeb;
  cursor: pointer;
}

.find_idea_detail .shanchu_btn {
  height: 32px;
  line-height: 32px;
  border-radius: 2px;
  cursor: pointer;
  background-color: #ebebeb;
  background-image: none !important;
  padding: 0 13px;
  float: left;
  margin-left: 5px;
}

.detail_overhide {
  height: 360px;
  width: 277px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 10px 0;
}

.detail_overhide #detail_container {
  margin: auto;
  position: relative;
  min-height: 380px;
}

.detail_overhide #detail_container .detail_list .detail_item {
  cursor: pointer;
  height: auto !important;
}

.detail_list .detail_item, .detail_list .detail_item img {
  width: 86px;
}

.find_idea_page .pubu_list .item img {
  width: 236px;
}

.find_idea_page .filter_box .color_box .color {
  width: 8%;
}

.find_idea_page .filter_box .has_more .attr_list {
  width: 1000px;
}

.find_idea_page .top_box {
  box-shadow: none;
  border-radius: 0;
}

.find_idea_page .top_box .search_box {
  width: 98%;
  position: relative;
}

.find_idea_page .top_box .search_box .icon_search {
  position: absolute;
  top: 0;
  right: 0;
}

.find_idea_page .top_box .search_box .search_input {
  width: 100%;
}

.inside_content_box {
  min-height: 720px;
  background: #fff;
  margin-bottom: 10px;
}

.inside_content .work_content_box {
  width: 540px;
  padding-top: 30px;
  background: #fff;
  float: left;
}

.work_content .swiper-container {
  width: 520px;
  height: 520px;
}

.inside_content .work_info {
  width: 650px;
  padding-left: 40px;
  padding-top: 30px;
  background: #fff;
  float: left;
}

.inside_content .work_info .title {
  border-left: 8px solid #f9cf00;
  padding-left: 10px;
}

.inside_content .work_info .desc .border {
  border-bottom: 1px dashed #a1a1a1;
  margin: 20px 0;
  width: 100%;
}

.inside_content .work_info .desc .price_box {
  height: 85px;
  background: #ececec;
  padding: 15px;
}

.inside_content .work_info .desc .price_box div {
  float: left;
}

.inside_content .work_info .desc .price_box .left {
  width: 100px;
  padding-left: 20px;
  font-size: 26px;
  color: #454545;
  line-height: 55px;
  float: left;
}

.inside_content .work_info .desc .price_box .middle {
  width: 100px;
  padding-left: 15%;
  font-size: 26px;
  color: #ef711d;
  font-weight: bold;
  font-family: Arial;
  line-height: 55px;
  float: left;
}

.inside_content .work_info .desc .price_box .middle.nologin {
  padding-left: 5%;
  width: 200px;
}

.inside_content .work_info .desc .price_box .right {
  width: 20%;
  border-left: 1px solid #c3c3c3;
  height: 55px;
  color: #3f3f3f;
  float: right;
}

.inside_content .work_info .desc .price_box .right div {
  width: 100%;
  text-align: center;
  line-height: 25px;
}

.inside_content .work_info .desc .spec .item {
  display: inline-block;
  width: 100%;
}

.inside_content .work_info .desc .spec .item .label {
  display: block;
  float: left;
  width: 80px;
}

.inside_content .work_info .select_label span {
  width: 90px;
}

.inside_content .work_info .select_label {
  width: 90px;
  display: inline-block;
  margin-right: 5px;
}

.inside_content .work_info .flex {
  display: inline-block;
}

.inside_content .work_info .bdsharebuttonbox a {
  margin: 0 9px;
}

.inside_content .work_info .guarantee {
  padding-left: 50px;
}


.inside_content .work_shop {
  width: 306px;
  padding-left: 40px;
  float: left;
}

.comment_box {
  width: 100%;
}

.bg0.pb40 .w1457.clearfix.pt40 {
  width: 1200px;
}

.bg0.pb40 .w1457.clearfix.pt40 .ad {
  width: 290px;
}

.comment_box .sub_comment_box .textarea_box {
  width: calc(100% - 80px);
}

.comment_box .sub_comment_box .comment_textarea {
  width: 100%;
}

.page5, .fws_xiadan_page {
  width: 1200px;
}

.fws_xiadan_page .address_list .item {
  height: 110px;
}

.fws_zhifu_page {
  width: 1200px;
}

/*画板*/
.broad {
  padding: 10px;
  float: left;
  background: #fff;
  width: 236px;
  /*height: 330px;*/
  position: relative;
  /*box-shadow: 0 1px 3px rgba(0, 0, 0, .2);*/
  margin: 0 8px 16px 0;
}

.broad:hover {
  top: -1px;
  transition: 0.3s;
  /*box-shadow: 0 5px 10px rgba(0, 0, 0, .2);*/
}

.broad .shadows {
  width: 226px;
  height: 280px;
  position: absolute;
  left: 10px;
  top: 10px;
}

.broad .shadows .large-shadow {
  height: 216px;
  width: 216px;
  margin: 0 3px 3px 0;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
  float: left;
}

.broad .shadows .shadow {
  height: 70px;
  width: 70px;
  margin: 0 3px 3px 0;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
  float: left;
}

.broad .broad-info {
  width: 216px;
  height: 290px;
  /*box-shadow: 0 25px 4px 0px rgba(0, 0, 0, .2) inset;*/
  cursor: pointer;
}

.broad .broad-info.broad-empty {
  box-shadow: none;
}

.broad .broad-info.broad-empty h1 {
  color: #999;
}

.broad .broad-info h1 {
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 8px 0 0 8px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  height: 289px;
  color: #fff;
  width: 217px;
  background: url(../images/board_info_cover.png) 0 0 repeat-x;
  /*box-shadow: 0 40px 50px 0 rgba(0, 0, 0, .5) inset;*/
}

.broad .broad-info.broad-empty h1 {
  box-shadow: none;
  background: none;
}

.broad .broad-info .broad-images {
  width: 220px;
}

.broad .broad-info .broad-images .broad-large-image {
  width: 216px;
  height: 216px;
  float: left;
  margin: 0 3px 3px 0;
  background-size: cover;
  background-position: center;
}

.broad .broad-info .broad-images .broad-image {
  width: 70px;
  height: 70px;
  float: left;
  margin: 0 3px 3px 0;
  background-size: cover;
  background-position: center;
}

.broad .broad-author {
  margin-top: 10px;
}

.broad .broad-author .broad-author-avatar img {
  width: 24px;
  height: 24px;
}

.broad .broad-author a.broad-author-name {
  font-size: 12px;
  color: #222;
  margin-left: 5px;
}

.broad .broad-author .guanzhu_btn {
  float: right;
  border-radius: 2px;
  font-size: 14px;
  padding: 0 12px;
  height: 24px;
  line-height: 24px;
  background: #ededed;
  cursor: pointer;
}

.broad .broad-edit {
  width: 210px;
  height: 26px;
  line-height: 26px;
  border-radius: 4px;
  background: #e0e0e0;
  cursor: pointer;
  text-align: center;
  margin-top: 10px;
}

.uc_r .huaban_box .huaban_list {
  margin: 15px auto;
}

.uc_r .huaban_box .huaban_list .broad {
  margin: 0 8px 16px 8px !important;
}

/*用户*/
.member {
  width: 236px;
  height: 331px;
  background: #dad5ce;
  /*border-radius: 2px 2px 0 0;*/
  float: left;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, .2);
  /*margin: 0 10px 10px 10px;*/
}

.member .member-cover {
  height: 106px;
  background: #dad5ce;
  border-radius: 2px 2px 0 0;
}

.member .member-info {
  text-align: center;
  height: 225px;
  background-color: #fff;
}

.member .member-info .member-avatar {
  width: 98px;
  height: 98px;
  border-radius: 96px;
  border: 1px solid #e0d1c7;
  padding: 2px;
  display: inline-block;
  margin-top: -48px;
  background-position: center;
  background-size: cover;
}

.member .member-info .member-name {
  font-weight: bold;
  font-size: 18px;
  margin-top: 10px;
  color: #000;
}

.member .member-info .member-sex {
  margin-bottom: 40px;
  color: #CCCCCC;
}

.member .member-info .member-count {
  border-top: 1px solid #e9e9e9;
  padding: 27px 0;
  display: inline;
  margin-top: 50px;
  color: #999999;
}

.member .member-info .member-follow {
  width: 211px;
  height: 30px;
  display: block;
  line-height: 30px;
  color: #838383;
  text-align: center;
  background: #ebebeb;
  margin: 19px 0 0 9px;
  cursor: pointer;
}

/*订单*/
.order {
  margin: 10px 30px;
  border: 1px solid #e6e6e6;
  float: left;
  width: 940px;
  color: #999;
}

.order .order-header {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  border-bottom: 1px solid #e6e6e6;
  background-color: #e7e7e7;
  color: #666;
}

.order .order-header .order-date {
  font-size: 14px;
  display: inline-block;
  margin-right: 10px;
}

.order .order-header .order-sn {
  font-size: 12px;
  display: inline-block;
}

.order .order-body {
  float: left;
  font-size: 12px;
}

.order .order-body .order-goods-image {
  float: left;
  margin: 10px 0 10px 10px;

}

.order .order-body .order-goods-image img {
  width: 60px;
  height: 60px;
}

.order .order-body .order-goods-info {
  float: left;
  width: 330px;
  margin-left: 10px;
  margin-top: 10px;
}

.order .order-body .order-goods-price {
  float: left;
  width: 110px;
  margin-left: 10px;
  margin-top: 10px;
}

.order .order-body .order-address {
  float: left;
  width: 300px;
  margin-top: 10px;
}

.order .order-body .order-action {
  float: left;
  padding-top: 10px;
  padding-left: 10px;
  height: 80px;
  border-left: 1px solid #e7e7e7;
}

/**
文章
 */
.article {
  margin: 0 auto;
}

.article h1 img {
  height: 50px;
  margin-top: 40px;
}

.article h3 {
  font-size: 20px;
  margin: 0 0 20px 0;
}

.article .article-list {
  width: 105%;
}

.article .article-item {
  width: 29.9%;
  margin: 0 1% 30px 1%;
  float: left;
  position: relative;
  background-color: #fff;
}

.article .article-item .item-left {
  width: 50%;
  height: 240px;
  background-size: cover;
  background-position: center;
  display: inline-block;
}

.article .article-item .item-right {
  width: 50%;
  display: inline-block;
  float: right;
  padding: 5px 10px;
}

.article .article-item .item-right .item-title {
  font-size: 22px;
  color: #555;
}

.article .article-item .item-right .item-desc {
  font-size: 16px;
  color: #999;
  max-height: 108px;
  overflow: hidden;
}

.article .article-item .item-right .item-bottom {
  font-size: 16px;
  width: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 10px;
  color: #999;
}

.article .article-item .item-right .item-bottom a {
  color: #999;
}

.article-hr {
  margin: 20px 0;
}

.video-list {
  width: 105%;
}

.video {
  width: 29.9%;
  float: left;
  /*margin: 0 40px 40px 0;*/
  margin-left: 1%;
  margin-right: 1%;
  position: relative;
  background-color: #fff;
  margin-bottom: 40px;
}

.video .video-pic {
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center;
}

.video .video-title {
  font-size: 19px;
  color: #65615f;
  line-height: 38px;
  padding: 15px 30px 0 30px;
  height: 50px;
  overflow: hidden;
}

.video .video-title-1 {
  font-size: 15px;
  color: #848383;
  line-height: 38px;
  padding: 0 30px 15px 30px;
  height: 40px;
  overflow: hidden;
}

.video .video-price {
  position: absolute;
  right: 12px;
  top: 14px;
  padding: 2px 4px;
  font-size: 16px;
  color: #fff;
  background-color: red;
}

.video-detail {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.video_content {
  width: 100%;
  /*background-color: #262a2d;*/
  /*padding: 30px;*/
}

.video_box {
  width: 1496px;
  margin: 0 auto;
}

.video_box video {
  width: 100%;
}

.comment_box_right {
  width: 328px;
  background-color: #fff;
  padding: 15px;
  line-height: 20px;
}

.comment_box_right h3 {
  line-height: 22px;
  margin: 9px 0;
}

.video-introduce {
  width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  padding: 20px;
  height: 400px;
}

.video-introduce .video-image {
  width: 630px;
  height: 360px;
  background-position: center;
  background-size: cover;
  float: left;
}

.video-introduce h2 {
  font-size: 27px;
  text-align: left;
  line-height: 33px;
  float: left;
  margin-left: 20px;
  width: 500px;
}

.video-introduce .video-summary {
  margin-left: 20px;
  margin-top: 20px;
  font-size: 18px;
  float: left;
  width: 500px;
}

.video-introduce a.btn {
  bottom: 0;
  margin-left: 20px;
  margin-top: 20px;
  float: left;
  font-size: 16px;
  display: block;

  line-height: 26px;
  padding: 8px 20px;
  background: #fed900;
  border: 0;
  outline: 0;
  color: #000;
  font-weight: 700;
  border-radius: 32px !important;
  cursor: pointer;
}

.huaban_layer .title_box .close_btn {
  width: 17px;
  height: 17px;
  display: block;
  cursor: pointer;
  background: url(../images/close.png) center no-repeat;
  position: absolute;
  right: 20px;
  top: 20px;
}

.guanzhu_list .dashed_box {
  cursor: pointer;
}

.huaban_layer {
  background: #fff;
}

.huaban_layer .title_box {
  height: 55px;
  line-height: 55px;
  border-bottom: 1px solid #ebebeb;
  padding: 0 32px;
  font-size: 18px;
  color: #000;
  position: relative;
}

.huaban_layer .content {
  padding: 40px 30px 40px 40px;
}

.huaban_layer .content .content_left {
  width: 400px;
  height: 318px;
}

.huaban_layer .content .content_left span {
  font-size: 16px;
  display: inline-block;
  line-height: 40px;
  vertical-align: top;
  margin-right: 10px;

}

.huaban_layer .content .content_left .edit_item {
  color: #777;
  margin-bottom: 15px;
}

.huaban_layer .content .content_left input {
  height: 40px;
  line-height: 40px;
  width: 350px;
  padding: 5px 10px;
  border: 1px solid #ccc;
  background-color: #fcfcfc;
}

.huaban_layer .content .content_left textarea {
  width: 350px;
  height: 60px;
  border: 1px solid #ccc;
  background-color: #fcfcfc;
  font-size: 16px;
  line-height: 20px;
  padding: 5px;
  color: #777;
}

.huaban_layer .content .content_left select {
  width: 350px;
  height: 40px;
  border: 1px solid #ccc;
  background-color: #fcfcfc;
  color: #777;
}

.huaban_layer .content .content_right {
  width: 180px;
  height: 318px;
}

.huaban_layer .content .content_right .image_box {
  height: 280px;
  width: 100%;
  overflow: hidden;
}

.huaban_layer .content .content_right img {
  width: 100%;
}

.huaban_layer .bottom_btn_box {
  height: 77px;
  background: #f9f9f9;
  padding-right: 40px;
  padding-left: 40px;
}

.huaban_layer .title_box .close_btn {
  width: 17px;
  height: 17px;
  display: block;
  cursor: pointer;
  background: url(../images/close.png) center no-repeat;
  position: absolute;
  right: 20px;
  top: 20px;
}

.huaban_layer .content .item {
  margin-bottom: 24px;
}

.huaban_layer .content .item .text_input, .huaban_layer .content .item .select {
  width: 100%;
  height: 41px;
  line-height: 41px;
  border-radius: 2px;
  padding: 0 15px;
  font-size: 18px;
  border: 1px solid #ebebeb;
}

.huaban_layer .bottom_btn_box .btn.cancel_btn {
  background: #ebebeb;
}

.huaban_layer .bottom_btn_box .btn.sub_btn {
  background: #F9CF00;
}

.huaban_layer .bottom_btn_box .btn {
  padding: 12px 16px;
  border-radius: 2px;
  font-size: 18px;
  color: #000;
  cursor: pointer;
  display: inline;
  border: 0 none;
}

.pay_method {
  border: none;
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
  height: 50px;
}

.pay_method label {
  position: relative;
  width: 180px;
  height: 52px;
  display: block;
  float: left;
  cursor: pointer;
  margin-right: 10px;
}

.pay_method label input {
  display: none;
}

.pay_method label input:checked ~ .item {
  border-color: #f9cf00;
  background: url(../images/checkbox.png) right bottom no-repeat;
  background-size: 20px 15px;
}

.pay_method .item {
  position: absolute;
  left: 0;
  top: 0;
  width: 180px;
  height: 52px;
  border-radius: 2px;
  border: 1px solid #e5e5e5;
  text-align: center;
}

.pay {
  display: inline-block;
  width: 180px;
  height: 50px;
  border-radius: 2px;
  background: #f9cf00;
  color: #000;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  margin-top: 20px;
}

.recharge_page .recharge_money label {
  margin-right: 30px !important;
}

.recharge_page.w1200 {
  padding: 30px 30px;
}

.recharge_page .pay_method.title {
  border-top: 1px solid #e5e5e5;
  margin: 20px 0;
  padding: 20px 0 0 0
}

.upload_btn {
  width: 124px;
  height: 50px;
  line-height: 50px;
  display: block;
  border-radius: 4px;
  text-align: center;
  font-size: 20px;
  position: absolute;
  right: 40px;
  top: 15px;
  cursor: pointer;
  background: #f9cf00;
}

.uc_r .detail_box h1 {
  font-size: 19px;
  padding: 40px 60px;
  color: #666;
  border-bottom: 1px solid #f0f0f0;
}

.uc_r .detail_box label {
  display: block;
  text-align: center;
}

.uc_r .detail_box label input {
  height: 40px;
  width: 400px;
  border: 1px solid #bbbbbb;
  background-color: #f1f1f1;
  margin-bottom: 20px;
  padding: 10px 10px;
  border-radius: 2px;
}

.uc_r .detail_box label a {
  line-height: 26px;
  padding: 10px 35px;
  margin-top: 20px;
  background: #fed900;
  border: 0;
  outline: 0;
  color: #000;
  font-size: 15px;
  font-weight: 700;
  border-radius: 26px;
  cursor: pointer;
}

.pubu_list .item .shop_info .shop_avatar img {
  border-radius: 0;
}

.find_idea_page .pubu_list .item {
  border-radius: 0;
  width: 230px;
}

.design_employ_page .choose_color {
  border-top: 1px solid #cccccc;
}

.design_employ_page .choose_color .color_list .caise_ul {
  margin-top: 425px;
}

.design_employ_page .choose_color .color_list ul > li .color {
  display: block;
  cursor: pointer;
}

.design_employ_page .choose_color .color_list ul > li .color input {
  display: none;
}

.design_employ_page .form .logo_type .content input {
  display: none;
}

.design_employ_page .form select {
  height: 32px;
  width: 200px;
}

.public_nav .nav_list .son_list {
  border-radius: 0;
}

.download_page .art {
  border-radius: 0;
}

/*-------------------------------一键发布，改---------------------------------*/
.shejishi-main {
  background: #fff;
}

.select-shejishi {
  padding: 100px 0;
  width: 1200px;
  margin: 0 auto;
  zoom: 1;
  text-align: center;
}

.select-shejishi,
.select-shejishi * {
  box-sizing: border-box;
}

.select-shejishi:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

.select-shejishi .shejishi-box {
  position: relative;
  width: 390px;
  height: 700px;
  border: 2px solid #f9c404;
  display: inline-block;
  margin-left: 10px;
}

.select-shejishi .shejishi-box:first-child {
  margin-left: 0;
}

.select-shejishi .shejishi-box .shejishi-main {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  height: 526px;
  width: 100%;
}

.select-shejishi .shejishi-box:last-child {
  margin-right: 0;
}

.select-shejishi .shejishi-box:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 47px;
  height: 22px;
  background: url('../images/color_check.png');
  opacity: 0;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
}

.select-shejishi .shejishi-box:before {
  content: '';
  position: absolute;
  top: -8px;
  left: -8px;
  width: 116px;
  height: 116px;
  z-index: 1;
}

.select-shejishi .shejishi-box.one:before {
  background: url('../images/jiaobiao/1.png');
}

.select-shejishi .shejishi-box.two:before {
  background: url('../images/jiaobiao/2.png');
}

.select-shejishi .shejishi-box.three:before {
  background: url('../images/jiaobiao/3.png');
}

.select-shejishi .shejishi-box .shejishi-head {
  height: 170px;
  width: 100%;
  background: #f9c404;
  cursor: pointer;
  zoom: 1;
}

.select-shejishi .shejishi-box .shejishi-head:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

.select-shejishi .shejishi-box .shejishi-head > div {
  width: 50%;
  float: left;
}

.select-shejishi .shejishi-box .shejishi-head .head-left {
  color: #000;
  padding-top: 30px;
  text-align: center;
}

.select-shejishi .shejishi-box .shejishi-head .head-left span {
  line-height: 58px;
  font-size: 18px;
}

.select-shejishi .shejishi-box .shejishi-head .head-right {
  color: #fff;
  padding: 28px 10px;
}

.select-shejishi .shejishi-box .shejishi-head .head-right .money-list li {
  line-height: 32px;
  font-size: 16px;
  font-weight: bold;
}

.select-shejishi .shejishi-box .shejishi-head .head-right .all-money {
  line-height: 40px;
  font-size: 14px;
}

.select-shejishi .shejishi-box .shejishi-center {
  padding: 25px 35px;
}

.select-shejishi .shejishi-box .shejishi-center .tiaomu-list li {
  line-height: 26px;
  font-size: 16px;
  color: #e2d727;
}

.select-shejishi .shejishi-box .shejishi-center .tiaomu-list li.font-red {
  color: #ff0000;
}

.select-shejishi .shejishi-box .shejishi-center.xiao {
  padding: 12px 26px;
}

.select-shejishi .shejishi-box .select-list li {
  margin-top: 4px;
  position: relative;
  font-size: 16px;
  color: #333;
}

.select-shejishi .shejishi-box .select-list li,
.select-shejishi .shejishi-box .select-list li * {
  transition: none !important;
}

.select-shejishi .shejishi-box .select-list li .taocan-money {
  position: absolute;
  font-size: 12px;
  display: block;
  width: 150px;
  top: 0;
  right: 0;
}

.select-shejishi .shejishi-box .select-list li .xiangmu-title {
  position: absolute;
  display: block;
  width: 150px;
  top: 0;
  left: 80px;
}

.select-shejishi .shejishi-box .select-list li .select-title {
  height: 90px;
  width: 100%;
  line-height: 90px;
  background: #fff9e9;
  cursor: pointer;
  position: relative;
}

.select-shejishi .shejishi-box .select-list li .select-title .no-select {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99;
}

.select-shejishi .shejishi-box .select-list li .big-check {
  position: absolute;
  top: 31px;
  left: 25px;
  width: 28px;
  height: 28px;
  border: 2px solid #ffd227;
  border-radius: 7px;
}

.select-shejishi .shejishi-box .select-list li .big-check .red-gou {
  display: block;
  margin-top: -5px;
  margin-left: -2px;
  width: 30px;
  height: 30px;
  background: url('../images/icon_png/big_dui.png') no-repeat;
}

.select-shejishi .shejishi-box .select-list li .select-content {
  padding: 10px 20px;
  zoom: 1;
}

.select-shejishi .shejishi-box .select-list li .select-content:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

.select-shejishi .shejishi-box .select-list li .xiao-check {
  float: left;
  height: 26px;
  line-height: 26px;
  position: relative;
  cursor: pointer;
}

.select-shejishi .shejishi-box .select-list li .xiao-check .xiao-box {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid #999;
  vertical-align: -2px;
  border-radius: 2px;
  position: relative;
}

.select-shejishi .shejishi-box .select-list li .xiao-check .xiao-box .xiao-gou {
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: -3px;
  left: -1px;
}

.select-shejishi .shejishi-box .select-list li .xiao-check .xiao-box .xiao-gou.ok {
  background: url('../images/icon_png/xiao_dui_ok.png') no-repeat;
}

.select-shejishi .shejishi-box .select-list li .xiao-check .xiao-box .xiao-gou.no {
  background: url('../images/icon_png/xiao_dui_no.png') no-repeat;
}

.select-shejishi .shejishi-box .select-list li .xiao-check .xiao-text {
  font-size: 12px;
}

.select-shejishi .shejishi-box .select-list li .tip-box {
  zoom: 1;
  width: 345px;
}

.select-shejishi .shejishi-box .select-list li .tip-box:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

.select-shejishi .shejishi-box .select-list li .tip-select {
  width: 81px;
  height: 25px;
  border: 1px solid #dddddd;
  line-height: 24px;
  margin-right: 3px;
  font-size: 12px;
  position: relative;
  text-align: center;
  float: left;
  cursor: pointer;
  margin-bottom: 3px;
}

.select-shejishi .shejishi-box .select-list li .tip-select:last-child {
  margin-right: 0;
}

.select-shejishi .shejishi-box .select-list li .tip-select:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 15px;
  background: url('../images/color_check.png');
  background-size: 20px 15px;
  opacity: 0;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
}

.select-shejishi .shejishi-box .select-list li .tip-select.selected {
  border-color: #ffd227;
}

.select-shejishi .shejishi-box .select-list li .tip-select.selected:after {
  opacity: 1;
}

.select-shejishi .shejishi-box .select-list li .tip-text {
  padding-top: 10px;
  zoom: 1;
}

.select-shejishi .shejishi-box .select-list li .tip-text:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

.select-shejishi .shejishi-box .select-list li .tip-text li {
  float: left;
  font-size: 12px;
  margin-right: 20px;
}

.select-shejishi .shejishi-box .select-list li .tip-text li > span {
  vertical-align: -5px;
  font-size: 16px;
}

.select-shejishi .shejishi-box .select-list li .icon-png {
  display: block;
  width: 38px;
  height: 41px;
  position: absolute;
  top: 24px;
  left: 20px;
}

.select-shejishi .shejishi-box .select-list li .icon-png.png-1 {
  background: url('../images/icon_png/01.png');
}

.select-shejishi .shejishi-box .select-list li .icon-png.png-2 {
  background: url('../images/icon_png/02.png');
}

.select-shejishi .shejishi-box .select-list li .icon-png.png-3 {
  background: url('../images/icon_png/03.png');
}

.select-shejishi .shejishi-box .select-list li .icon-png.png-4 {
  background: url('../images/icon_png/04.png');
}

.select-shejishi .shejishi-box.selected {
  border-color: #f9c404;
}

.select-shejishi .shejishi-box.selected .shejishi-head {
  background: #f9c404;
}

.select-shejishi .shejishi-box.selected .tiaomu-item {
  color: #f9c404 !important;
}

.select-shejishi .shejishi-box.selected .select-list li .select-title {
  background: #fff9e9;
}

.select-shejishi .shejishi-box.selected:after {
  opacity: 1;
}

.select-shejishi .shejishi-box.selected .icon-png.png-1 {
  background: url('../images/icon_png/11.png') !important;
}

.select-shejishi .shejishi-box.selected .icon-png.png-2 {
  background: url('../images/icon_png/12.png') !important;
}

.select-shejishi .shejishi-box.selected .icon-png.png-3 {
  background: url('../images/icon_png/13.png') !important;
}

.select-shejishi .shejishi-box.selected .icon-png.png-4 {
  background: url('../images/icon_png/14.png') !important;
}

.select-shejishi .shejishi-box:hover {
  border-color: #ffd227;
}

.select-shejishi .shejishi-box:hover .tiaomu-item {
  color: #ffd227 !important;
}

.select-shejishi .shejishi-box:hover .shejishi-head {
  background: #ffd227;
}

.select-shejishi .shejishi-box:hover .select-list li .select-title {
  background: #fffcf2;
}

.select-shejishi .shejishi-box:hover .icon-png.png-1 {
  background: url('../images/icon_png/11.png') !important;
}

.select-shejishi .shejishi-box:hover .icon-png.png-2 {
  background: url('../images/icon_png/12.png') !important;
}

.select-shejishi .shejishi-box:hover .icon-png.png-3 {
  background: url('../images/icon_png/13.png') !important;
}

.select-shejishi .shejishi-box:hover .icon-png.png-4 {
  background: url('../images/icon_png/14.png') !important;
}

.hei-44 {
  line-height: 44px !important;
  height: 44px !important;
}

.dis-none {
  display: none !important;
}

.font-red {
  color: red;
}

.cat-row .cat-25 {
  width: 25%;
}

.cat-row .cat-50 {
  width: 50%;
}

.cat-row .cat-40 {
  width: 40%;
}

.cat-row .cat-60 {
  width: 60%;
}

.cat-row.left-text > * {
  display: block;
  float: left;
  text-align: left;
}

/*--------------------招标详情-----------------------------*/
.tender-title {
  padding: 200px 100px 50px;
}

.tender-title,
.tender-title * {
  box-sizing: border-box;
  font-family: '微软雅黑';
}

.tender-title .tender-name {
  line-height: 100px;
  color: #333;
  font-size: 40px;
  font-weight: normal;
}

.tender-title p {
  line-height: 72px;
  font-size: 34px;
}

.tender-title p > span {
  font-size: 20px;
}

.tender-title .tender-info {
  font-size: 24px;
  line-height: 70px;
}

.tender-title .tender-info > span {
  display: inline-block;
  margin-right: 50px;
}

.tender-title .tender-info > span .iconfont {
  font-size: 23px;
}

.fenge {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #d2d2d2;
}

.tender-body {
  padding-top: 50px;
}

.tender-body .body-title {
  line-height: 160px;
  text-align: center;
  font-size: 24px;
}

.tender-body .content-list li {
  position: relative;
  padding-left: 100px;
  min-height: 68px;
  line-height: 68px;
  border-bottom: 1px solid #cccccc;
}

.tender-body .content-list li > span {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 68px;
  width: 90px;
  text-align: center;
  font-weight: bold;
  color: #333;
}

.tender-body .content-list li > p {
  padding: 20px 0;
  line-height: 28px;
}

.tender-body .content-list li .img-box {
  float: left;
  width: 128px;
  margin-top: 25px;
  margin-right: 20px;
  text-align: center;
  line-height: 28px;
  padding-bottom: 15px;
}

.tender-body .content-list li:last-child {
  border: 0;
}

.tender-body .canyu-info {
  text-align: center;
  font-size: 20px;
  color: #333;
  line-height: 100px;
  margin-top: 30px;
}

.tender-body .add-btn-pro {
  width: 100%;
  height: 60px;
  color: #fff;
  font-size: 26px;
  background: #f9cf00;
  border: 0;
  border-radius: 10px;
  font-family: '微软雅黑';
  margin-bottom: 60px;
}

.tender-body .old-node {
  line-height: 150px;
  text-align: center;
  font-size: 24px;
}

.list1.tender > li {
  /*min-height: 260px;*/
}

.list1.tender > li .listBut1 {
  margin-left: 280px;
}

.list1.tender .step-bar-main li {
  height: 2px !important;
  margin-top: 0;
  border: 0;
}

.list1.tender .step-bar-main {
  height: 2px;
}

.list1.tender .step-bar {
  margin-top: 10px;
}

.list1.tender .step-bar.item4 li {
  width: 240px;
}

.page-item {
  text-align: center;
  line-height: 130px;
  height: 130px;
}

.page-item > a {
  display: inline-block;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  color: #fff;
  margin-right: 20px;
  border-radius: 5px;
  background: #5cc1af;
}

.page-item > a:hover {
  background: #535353;
}

.w1200 {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  display: table;
}

/*.icon-dui {*/
/*width: 23px;*/
/*height: 23px;*/
/*display: inline-block;*/
/*background: url(../images/check_white.png) center no-repeat;*/
/*background-color: #f9cf00;*/
/*border-color: #f9cf00;*/
/*border-radius: 50%;*/
/*}*/

.list1 {
  width: 100%;
}

.list1 li {
  width: 100%;
  /*height: 130px;*/
  border-top: 1px solid #eee;
}

.list1 .head1 {
  width: 45px;
  height: 45px;
}

.list1 .head1 {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  float: left;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 38px;
}

.list1 .titleLoc {
  position: relative;
  width: 160px;
  height: 60px;
  float: left;
  margin-top: 30px;
  margin-left: 20px;
}

.list1 .titleLoc p {
  position: relative;
  padding-left: 20px;
  line-height: 40px;
}

.list1 .titleLoc span {
  position: absolute;
  left: 0;
  top: 11px;
}

.list1 .icoTeam {
  width: 240px;
  height: 40px;
  float: left;
  margin-top: 45px;
  margin-left: 30px;
}

.list1 .icoTeam a {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}

.list1 li:first-child {
  /*margin-top: 20px;*/
}

.listBut1 {
  display: block;
  width: 120px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #888;
  color: #888;
  font-size: 12px;
  text-align: center;
  border-radius: 20px;
}

.listBut1:hover {
  color: #888;
}

.listBut2 {
  display: block;
  width: 100px;
  height: 30px;
  line-height: 30px;
  border: 1px solid red;
  color: red !important;
  font-size: 12px;
  text-align: center;
  border-radius: 20px;
}

.font-green {
  color: #f9cf00;
}

/*---------------------------分页------------------------------------*/
.pagination {
  width: 100%;
  text-align: center;
  height: 130px;
  line-height: 130px;
}

.pagination.des-page a,
.pagination.des-page span {
  background: #fff;
}

.pagination.des-page a.current,
.pagination.des-page span.current {
  background: #facf00;
  color: #000;
}

.pagination.des-page a.current.next,
.pagination.des-page span.current.next,
.pagination.des-page a.current.prev,
.pagination.des-page span.current.prev {
  color: #999;
  border-color: #999;
  background: #f6f6f6;
}

.pagination a {
  text-decoration: none;
  color: #999;
}

.pagination a,
.pagination span,
.pagination li {
  display: inline-block;
  height: 48px;
  width: 48px;
  border-radius: 5px;
  line-height: 48px;
  background: #f6f6f6;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0 !important;
}

.pagination .current {
  background: #5cc1af;
  color: #fff;
}

.pagination li.active span {
  background: #facf00;
  color: #000;
}

.pagination .current.next,
.pagination .current.prev {
  color: #999;
  border-color: #999;
  background: #f6f6f6;
}

/*--------------------------找设计师---------------------------*/
.designer-groom {
  margin: 0 auto 30px;
}

.designer-groom,
.designer-groom * {
  font-family: '宋体';
}

.designer-groom .groom-tab {
  *zoom: 1;
}

.designer-groom .groom-tab:after {
  display: block;
  height: 0;
  content: '.';
  clear: both;
  visibility: hidden;
}

.designer-groom .groom-tab:after {
  display: block;
  height: 0;
  content: '.';
  clear: both;
  visibility: hidden;
}

.designer-groom .groom-tab > ul {
  height: 37px;
  float: left;
  *zoom: 1;
}

.designer-groom .groom-tab > ul:after {
  display: block;
  height: 0;
  content: '.';
  clear: both;
  visibility: hidden;
}

.designer-groom .groom-tab > ul:after {
  display: block;
  height: 0;
  content: '.';
  clear: both;
  visibility: hidden;
}

.designer-groom .groom-tab > ul > li {
  position: relative;
  float: left;
  height: 37px;
  line-height: 37px;
  padding-left: 45px;
  padding-right: 22px;
  color: #686868;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  /* Safari and Chrome */
  -moz-transition: all 0.2s;
  /* Firefox 4 */
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.designer-groom .groom-tab > ul > li > .iconfont {
  display: block;
  position: absolute;
  line-height: 36px;
  top: 0;
  left: 22px;
}

.designer-groom .groom-tab > ul > li.active {
  background: #5cc1af;
  color: #fff;
}

.designer-groom .groom-tab .tab-right {
  float: right;
  line-height: 36px;
  *zoom: 1;
}

.designer-groom .groom-tab .tab-right:after {
  display: block;
  height: 0;
  content: '.';
  clear: both;
  visibility: hidden;
}

.designer-groom .groom-tab .tab-right:after {
  display: block;
  height: 0;
  content: '.';
  clear: both;
  visibility: hidden;
}

.designer-groom .groom-tab .tab-right > div {
  float: left;
}

.designer-groom .groom-tab .tab-right > div.one-text {
  padding: 0 20px;
}

.designer-groom .groom-tab .tab-right > div.two-text {
  position: relative;
  padding: 0 20px 0 45px;
}

.designer-groom .groom-tab .tab-right > div.two-text > .iconfont {
  position: absolute;
  line-height: 36px;
  top: 0;
  left: 20px;
  font-size: 24px;
}

.designer-groom .groom-content {
  height: 217px;
  width: 100%;
  border-top: 1px solid #5cc1af;
  background: #fff;
  *zoom: 1;
}

.designer-groom .groom-content:after {
  display: block;
  height: 0;
  content: '.';
  clear: both;
  visibility: hidden;
}

.designer-groom .groom-content:after {
  display: block;
  height: 0;
  content: '.';
  clear: both;
  visibility: hidden;
}

.designer-groom .groom-content > li {
  position: relative;
  float: left;
  width: 50%;
  padding: 25px 25px 25px 216px;
}

.designer-groom .groom-content > li a {
  color: #5cc1af;
}

.designer-groom .groom-content > li a:hover {
  text-decoration: underline;
}

.designer-groom .groom-content > li img {
  position: absolute;
  top: 25px;
  left: 25px;
  width: 166px;
  height: 166px;
  border: 0;
}

.designer-groom .groom-content > li .content-main .info-box {
  height: 24px;
  line-height: 24px;
  margin-bottom: 23px;
}

.designer-groom .groom-content > li .content-main .info-box > span {
  margin-right: 10px;
  color: #838383;
}

.designer-groom .groom-content > li .content-main .content-box {
  line-height: 24px;
}

.designer-groom .groom-content > li .content-main .content-box > p {
  text-indent: 2em;
  color: #838383;
}

/*筛选模块样式*/
.screen-box {
  margin: 0 auto 30px;
  background: #fff;
  padding: 25px;
  box-shadow: none;
  width: 100%;
}

.screen-box,
.screen-box * {
  font-family: '宋体';
}

.screen-box .screen-line {
  position: relative;
  padding-left: 90px;
  margin-top: 12px;
}

.screen-box .screen-line:first-child {
  margin-top: 0;
}

.screen-box .screen-line .class-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  text-align: right;
  line-height: 30px;
}

.screen-box .screen-line > a {
  line-height: 30px;
  margin: 0 17px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  /* Safari and Chrome */
  -moz-transition: all 0.2s;
  /* Firefox 4 */
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.screen-box .screen-line > a.active {
  color: #fed900;
}

.down-box {
  position: relative;
  float: left;
}

.down-box .deser-down-btn {
  position: relative;
  height: 37px;
  padding: 0 30px 0 10px;
  border: 0;
  background: #f4f4f4;
  outline: none;
  cursor: pointer;
  font-size: 14px;
  color: #535353;
}

.down-box .deser-down-btn > .iconfont {
  position: absolute;
  font-size: 14px;
  line-height: 1em;
  top: 14px;
  right: 10px;
}

.down-box .deser-down-btn > .iconfont.icon-shangla {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.down-box .down-list {
  position: absolute;
  top: 37px;
  left: 0;
  z-index: -1;
  opacity: 0;
  width: 100%;
  border: 1px solid #ccc;
  -webkit-transition: all 0.2s;
  /* Safari and Chrome */
  -moz-transition: all 0.2s;
  /* Firefox 4 */
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.down-box .down-list > li {
  line-height: 36px;
  text-align: center;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  /* Safari and Chrome */
  -moz-transition: all 0.2s;
  /* Firefox 4 */
  -o-transition: all 0.2s;
  transition: all 0.2s;
  color: #535353;
}

.down-box .down-list > li:hover {
  background: #f4f4f4;
}

.down-box.open .iconfont.icon-xiala {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.down-box.open .iconfont.icon-shangla {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.down-box.open .down-list {
  opacity: 1;
  z-index: 15;
}

.des-list-box {
  width: 100%;
  margin: 0 auto;
}

.des-list-box .des-top-bar {
  width: 100%;
  height: 39px;
  border-bottom: 2px solid #d9d9d9;
  margin-bottom: 20px;
  *zoom: 1;
}

.des-list-box .des-top-bar:after {
  display: block;
  height: 0;
  content: '.';
  clear: both;
  visibility: hidden;
}

.des-list-box .des-top-bar:after {
  display: block;
  height: 0;
  content: '.';
  clear: both;
  visibility: hidden;
}

.des-list-box .des-list > li {
  position: relative;
  height: 215px;
  width: 100%;
  background: #fff;
  padding: 34px 34px 34px 215px;
  margin-bottom: 30px;
  /*box-shadow: 0px 2px 7px rgba(0, 0, 0, .2);*/
  /*box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.05), -2px -2px 7px rgba(0, 0, 0, 0.03);*/
  *zoom: 1;
}

.des-list-box .des-list > li:after {
  display: block;
  height: 0;
  content: '.';
  clear: both;
  visibility: hidden;
}

.des-list-box .des-list > li:after {
  display: block;
  height: 0;
  content: '.';
  clear: both;
  visibility: hidden;
}

.des-list-box .des-list > li a {
  color: #000;
}

.des-list-box .des-list > li .head-img {
  position: absolute;
  top: 34px;
  left: 34px;
  height: 147px;
  width: 147px;
  border-radius: 50%;
  object-fit: cover;
}

.des-list-box .des-list > li .des-info {
  float: left;
}

.des-list-box .des-list > li .des-info .info-title {
  font-family: '宋体';
  line-height: 1em;
  margin-bottom: 24px;
}

.des-list-box .des-list > li .des-info.box1 {
  /*width: 390px;*/
  width: 40%;
  padding-left: 10px;
}

.des-list-box .des-list > li .des-info.box1 .des-name {
  font-size: 24px;
  line-height: 1em;
  font-family: Microsoft YaHei, '微软雅黑', MicrosoftJhengHei;
  color: #000;
}

.des-list-box .des-list > li .des-info.box1 .des-address {
  line-height: 50px;
  padding-left: 20px;
  font-size: 15px;
  color: #c6c6c6;
  position: relative;
}

.des-list-box .des-list > li .des-info.box1 .des-address > .iconfont {
  line-height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
}

.des-list-box .des-list > li .des-info.box1 .tag-list {
  *zoom: 1;
}

.des-list-box .des-list > li .des-info.box1 .tag-list:after {
  display: block;
  height: 0;
  content: '.';
  clear: both;
  visibility: hidden;
}

.des-list-box .des-list > li .des-info.box1 .tag-list:after {
  display: block;
  height: 0;
  content: '.';
  clear: both;
  visibility: hidden;
}

.des-list-box .des-list > li .des-info.box1 .tag-list > li {
  float: left;
  margin-right: 14px;
}

.des-list-box .des-list > li .des-info.box1 .tag-list > li > img {
  display: block;
  width: 32px;
  height: 32px;
}

.des-list-box .des-list > li .des-info.box1 .des-btn-box {
  *zoom: 1;
  margin-top: 12px;
}

.des-list-box .des-list > li .des-info.box1 .des-btn-box:after {
  display: block;
  height: 0;
  content: '.';
  clear: both;
  visibility: hidden;
}

.des-list-box .des-list > li .des-info.box1 .des-btn-box:after {
  display: block;
  height: 0;
  content: '.';
  clear: both;
  visibility: hidden;
}

.des-list-box .des-list > li .des-info.box1 .des-btn-box > a {
  position: relative;
  display: block;
  float: left;
  padding-left: 42px;
  padding-right: 20px;
  margin-right: 10px;
  height: 29px;
  line-height: 27px;
  border: 1px solid #b5b5b5;
  color: #404040;
  border-radius: 15px;
  -webkit-transition: all 0.2s;
  /* Safari and Chrome */
  -moz-transition: all 0.2s;
  /* Firefox 4 */
  -o-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
}

.des-list-box .des-list > li .des-info.box1 .des-btn-box > a.like:after {
  content: '关注';
}

.des-list-box .des-list > li .des-info.box1 .des-btn-box > a.like.liked:after {
  content: '取消关注';
}

.des-list-box .des-list > li .des-info.box1 .des-btn-box > a > .iconfont {
  position: absolute;
  line-height: 29px;
  top: 0;
  left: 20px;
}

.des-list-box .des-list > li .des-info.box1 .des-btn-box > a:hover {
  border-color: #e7141a;
  color: #e7141a;
}

.des-list-box .des-list > li .des-info.box1 .des-btn-box > a.active {
  border-color: #5cc1af;
  color: #5cc1af;
}

.des-list-box .des-list > li .des-info.box2 {
  /*width: 290px;*/
  width: 20%;
}

.des-list-box .des-list > li .des-info.box2 .get-list li {
  position: relative;
  padding-left: 21px;
  line-height: 24px;
  color: #838383;
  font-family: '宋体';
}

.des-list-box .des-list > li .des-info.box2 .get-list li > .iconfont {
  position: absolute;
  line-height: 24px;
  top: 0;
  left: 0;
  font-size: 14px;
}

.des-list-box .des-list > li .des-info.box3 {
  /*width: 271px;*/
  width: 20%;
}

.des-list-box .des-list > li .des-info.box3 img {
  height: 109px;
  display: block;
}

.des-list-box .des-list > li .des-info.box4 {
  width: 20%;
}

/*---------------------------------新找作品--------------------------------------*/
.work-box {
  width: 101%;
  overflow-x: hidden;
}

.work-list {
  width: 1221px;
  *zoom: 1;
  overflow-y: hidden;
}

.work-list:after {
  display: block;
  height: 0;
  content: '.';
  clear: both;
  visibility: hidden;
}

.work-list:after {
  display: block;
  height: 0;
  content: '.';
  clear: both;
  visibility: hidden;
}

.work-list > li {
  width: 386px;
  margin-right: 21px;
  float: left;
  margin-bottom: 35px;
  height: 417px;
  /*box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.05), -2px -2px 7px rgba(0, 0, 0, 0.03);*/
}

.work-list > li > a {
  position: relative;
  display: block;
  color: #7f7f7f;
  text-decoration: none;
}

.work-list > li > a .mask-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  background: url('../Resource/images/20.png');
}

.work-list > li > a img {
  display: block;
}

.work-list > li > a .img-box {
  width: 100%;
  height: 240px;
  overflow: hidden;
}

.works-info {
  width: 100%;
  padding: 20px;
  background: #fff;
}

.works-info .deser-info {
  height: 30px;
  line-height: 30px;
  position: relative;
  padding-left: 40px;
  *zoom: 1;
}

.works-info .deser-info:after {
  display: block;
  height: 0;
  content: '.';
  clear: both;
  visibility: hidden;
}

.works-info .deser-info:after {
  display: block;
  height: 0;
  content: '.';
  clear: both;
  visibility: hidden;
}

.works-info .deser-info > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  object-fit: cover;
}

.works-info .deser-info > span {
  display: block;
  width: 100px;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.works-info .deser-info .text-right {
  float: right;
  height: 30px;
}

.work-name {
  line-height: 50px;
  font-size: 18px;
  text-align: center;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 0 !important;
  margin-right: 0 !important;
}

.work-money {
  font-size: 14px;
  font-family: '宋体';
  text-align: center;
  line-height: 36px;
}

.work-money > span {
  font-weight: bold;
  font-size: 18px;
  font-family: Microsoft YaHei, '微软雅黑', MicrosoftJhengHei;
  color: #000;
}

.work-tip {
  line-height: 20px;
  text-align: center;
  font-family: '宋体';
  font-size: 12px;
}

.work-tip > a {
  color: #5cc1af;
}

.work-tip > a:hover {
  text-decoration: underline;
}

/*----------------------------------------设计师主页1-------------------------------------------------*/
.desHeadbg {
  background: url("/Resource/images/findBok.jpg") repeat-x;
  width: 100%;
  height: 234px;
}

.desHead {
  height: 100%;
}

.desHead .deslink {
  display: block;
  width: 135px;
  height: 135px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 100%;
  margin: 49.5px 0;
}

.desHead .masterFile {
  width: 400px;
  height: 165px;
  margin-top: 34.5px;
  margin-left: 40px;
}

.desHead .infoBox {
  width: 255px;
  height: 185px;
  padding: 20px;
  color: #333;
  position: absolute;
  left: 905px;
  top: 45px;
  background: url("/Resource/images/forIco.png") #fff -550px 25px no-repeat;
}

.desHead .infoBox ul {
  margin-left: 40px;
  line-height: 2.43;
}

.ico33 a {
  width: 33px;
  height: 33px;
  display: block;
  overflow: Hidden;
  background-repeat: no-repeat;
  background-size: 33px 33px;
  float: left;
  margin-left: 10px;
}

.ico33 a:first-child {
  margin-left: 0;
}

.ico33 .a1 {
  background-position: -95px -94px;
}

.ico33 .a2 {
  background-position: -134px -94px;
}

.ico33 .a3 {
  background-position: -171px -94px;
}

.ico33 .a4 {
  background-position: -209px -94px;
}

.ico33 .a5 {
  background-position: -249px -94px;
}

.haveBut {
  display: block;
  width: 120px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  border: 1px solid #888;
  color: #888 !important;
  border-radius: 16px;
  background: url("/Resource/images/forIco.png") no-repeat -560px -243px;
  transition: none;
}

.haveBut:hover {
  background: url("/Resource/images/forIco.png") no-repeat -560px -281px;
  border: 1px solid red;
  color: red !important;
}

.focusBut {
  display: block;
  width: 100px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  border: 1px solid #888;
  color: #888 !important;
  border-radius: 16px;
  background: url("/Resource/images/forIco.png") no-repeat -560px -243px;
  text-indent: 20px;
  transition: none;
}

.focusBut:hover {
  background: url("/Resource/images/forIco.png") no-repeat -560px -281px;
  border: 1px solid red;
  color: red !important;
}

.focusBut.selected {
  background: url("/Resource/images/forIco.png") no-repeat -560px -281px;
  border: 1px solid red;
  color: red !important;
}

.nextBut {
  display: block;
  width: 100px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  border: 1px solid #888;
  color: #888 !important;
  border-radius: 16px;
  background: url("/Resource/images/forIco.png") no-repeat -445px -169px;
  text-indent: 20px;
  transition: none;
}

.nextBut:hover {
  background: url("/Resource/images/forIco.png") no-repeat -445px -125px;
  border: 1px solid red;
  color: red !important;
}

.desMaster1 {
  width: 100%;
  /*border-top: 1px solid #eee;*/
  /*margin-top: 100px;*/
}

.tabs {
  display: table;
}

.tabs .tab1 {
  position: absolute;
  top: -51px;
  left: 0;
}

.tabs .tab1 #cur {
  color: red;
  border-bottom: 2px solid red;
}

.tabs .tab1 a {
  display: block;
  width: 140px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  border-bottom: 2px solid #888;
  margin-left: 2px;
  float: left;
}

.tabs .tab1 a:hover {
  color: #666;
}

.tabs .tab2 {
  width: 100%;
}

.top-tools-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  opacity: 0;
  z-index: -1;
  zoom: 1;
  height: 36px;
  background: rgba(0, 0, 0, 0.5);
}

.top-tools-bar:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

.top-tools-bar .iconfont {
  color: #fff;
  font-size: 23px;
  display: block !important;
  height: 36px;
  width: 36px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
}

.top-tools-bar .iconfont.icon-shanchu {
  float: left;
}

.top-tools-bar .iconfont.icon-shezhi {
  float: right;
}

.listUl {
  width: calc(100% + 25px);
  height: 336px;
  display: table;
  margin-top: 20px;
}

.listUl li {
  width: 24%;
  height: 325px;
  overflow: hidden;
  float: left;
  position: relative;
  margin: 0 1% 15px 0;
}

.listUl li:hover .top-tools-bar {
  opacity: 1;
  z-index: 99;
}

.listUl li:hover img {
  transform: scale(1.05, 1.05);
}

.listUl li img {
  width: 100%;
  height: 240px;
}

.listUl li .titles {
  position: relative;
  width: 90%;
  font-size: 14px;
  margin: 10px auto;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.listUl li .listfoot {
  width: 90%;
  height: 30px;
  line-height: 30px;
  margin: 10px auto;
}

.listUl li .listfoot em {
  display: block;
  font-size: 12px;
  font-style: normal;
  float: left;
}

.listUl li .listfoot span {
  float: left;
  margin-top: 3px;
  margin-left: 20px;
}

.listUl li .listfoot span:first-child {
  margin-left: 0;
}

.favBut {
  display: block;
  width: 100px;
  height: 30px;
  line-height: 30px;
  border: 1px solid red;
  text-align: center;
  font-size: 14px;
  border-radius: 20px;
  color: red !important;
}

.favBut.like:before {
  content: '收藏';
}

.favBut.like.liked:before {
  content: '取消收藏';
}

/*----------------------------------------设计师主页2-------------------------------------------------*/
.desMaster1 .js1 {
  margin: 85px 0 0;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 55px;
}

.desMaster1 .js1 h3 {
  font-size: 18px;
  font-weight: normal;
}

.desMaster1 .js1 p {
  font-size: 14px;
  margin-top: 10px;
  text-indent: 2em;
  line-height: 2.0;
}

.find_fws_list_page, .design_buy_page {
  width: 100%;
  margin: 0 auto;
}

.find_fws_list_page .box {
  box-shadow: none;
}

.design_buy_page .box {
  box-shadow: none;
}

.find_fws_list_page .box_l, .design_buy_page .box_l {
  width: 75%;
}

.find_fws_list_page .box_r, .design_buy_page .box_r {
  margin-left: 20px;
  width: calc(25% - 20px);
  width: -moz-calc(25% - 20px);
  width: -webkit-calc(25% - 20px);
}

.design_buy_page .design_buy_comment_box {
  width: 75%;
}

.design_buy_page .design_buy_comment_box .comment_list .fl.ml20 {
  width: calc(100% - 80px);
  width: -moz-calc(100% - 80px);
  width: -webkit-calc(100% - 80px);
}

.design_buy_page .design_buy_comment_box ul > li .submit_btn.fl.ml20 {
  width: 87px;
}

.find_fws_list_page .screen_box .item .tag_box {
  width: calc(100% - 75px);
  width: -moz-calc(100% - 75px);
  width: -webkit-calc(100% - 75px);
}

.find_fws_list_page .list_box .search_input_box .search_input {
  width: 200px;
}

.find_fws_list_page .list_box .search_input_box {
  width: 235px;
}

.design_buy_page .design_buy_comment_box ul > li .content {
  width: 100%;
}

.container.container_top, .container.fixed_top {
  overflow: visible;
}

.member_witkey .layui-form {
  width: 60%;
  margin: 20px 10% 20px;
}

.member_witkey .layui-form .layui-form-label {
  width: auto !important;
}

.member_witkey .layui-form .layui-form-item .image_preview {
  display: inline-block;
  width: 180px;
  height: 100px;
  border: 1px dashed #ccc;
  background-position: center;
  background-size: cover;
}

.member_witkey .layui-form .layui-form-item .image_preview.layui-form-danger {
  border: 1px dashed red;
}

.member_witkey .layui-form .layui-form-item .layui-btn {
  vertical-align: top;
  background-color: #fed900;
  color: #000;
}

.member_witkey .layui-form .layui-form-select dl dd.layui-this {
  background-color: #fed900;
  color: #000;
}

.member_witkey .layui-form .layui-form-item .layui-form-checkbox i {
  border-radius: 0;
  border: 1px solid #d2d2d2 !important;
}

.member_witkey .layui-form .layui-form-item .images {

}

.member_witkey .layui-form .layui-form-item .case_images {
  margin-bottom: 10px;
}

.member_witkey .layui-form .layui-form-item .case_images img {
  width: 200px;
  height: 120px;
  object-fit: cover;
  display: inline-block;
  vertical-align: top;
}

.member_witkey .layui-form .layui-form-item .case_images textarea {
  width: 45%;
  display: inline-block;
  height: 120px;
}

.uc_r .detail_box.member_witkey label {
  display: inline-block;
}

.member_witkey .layui-form .layui-form-item .layui-form-checkbox {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
}

.member_witkey .layui-form .layui-form-item .layui-form-checkbox .layui-icon.layui-icon-ok {
  width: 20px;
  height: 20px;
}

.member_witkey .layui-form .layui-form-item .layui-form-checkbox i {
  font-size: 14px;
}

.member_witkey .layui-form .layui-form-item .layui-form-checkbox:hover i {
  color: #fdcd01;
}

.member_witkey .layui-form .layui-form-item .layui-form-checked i {
  background-color: #fdcd01;
  width: 20px;
  height: 20px;
  color: #fff;
  font-size: 14px;
  border: 1px solid #fdcd01 !important;
  border-radius: 0 !important;
}

.member_witkey .layui-form .layui-progress {
  border-radius: 2px;
}

.member_witkey .layui-form .layui-progress .layui-progress-bar {
  border-radius: 2px;
  background-color: #fed900;
}

.uc_r .tab_box .tab {
  display: inline-block;
  line-height: 41px;
  border-bottom: 3px solid transparent;
  color: #000;
  padding: 0 6px;
  margin: 0 5px;
}

.uc_r .tab_box .tab.active {
  border-color: #f9cf00;
  color: #F9CF00;
}

.uc_r .art_tab_box {
  height: 80px;
  line-height: 80px;
  background: #f4f4f4;
  padding: 0 42px;
  position: relative;
}

.uc_r .art_tab_box .tab.active span {
  color: #F9CF00;
}

.uc_r .art_tab_box .tab span {
  margin-right: 20px;
}

.uc_r .art_tab_box .upload_btn {
  width: 124px;
  height: 50px;
  line-height: 50px;
  display: block;
  border-radius: 4px;
  text-align: center;
  font-size: 20px;
  position: absolute;
  right: 40px;
  top: 15px;
  cursor: pointer;
  background: #f9cf00;
  color: #000000;
}

.uc_r .work-box {
  width: 100%;
  margin: 15px auto;
}

.uc_r .work-box .work-list {
  width: 100%;
}

.uc_r .work-box .work-list > li {
  width: 31%;
  margin: 0 1% 10px 1%;
}

.uc_r .work-box .work-list > li .img-box img {
  object-fit: cover;
  height: 100%;
}

.uc_r .work-box .work-list > li .works-info .deser-info > img {
  height: 30px;
}

.design_buy_page .box_r .btn_group .btn_guanzhu.like:before {
  content: '关注';
}

.design_buy_page .box_r .btn_group .btn_guanzhu.like.liked:before {
  content: '取消关注';
}

.design_buy_page .box_r .price_box {
  width: 100%;
}

.jindutiao {
  height: 2px;
  width: 100%;
  background: #a5a5a5;
  margin-top: 80px;
  margin-bottom: 100px;
  zoom: 1;
}

.jindutiao:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

.jindutiao > li {
  float: left;
  width: calc(100% / 6);
  height: 2px;
  position: relative;
}

.jindutiao > li > span {
  display: block;
  text-align: center;
  width: 100%;
}

.jindutiao > li > div {
  width: 100%;
  text-align: center;
  position: absolute;
  top: -18px;
}

.jindutiao > li > div > span {
  display: inline-block;
  width: 36px;
  height: 36px;
  color: #fff;
  background: #a5a5a5;
  line-height: 36px;
  border-radius: 20px;
  text-align: center;
  font-size: 18px;
}

.jindutiao > li .top-text {
  position: absolute;
  top: -50px;
}

.jindutiao > li .bottom-date {
  position: absolute;
  bottom: -50px;
}

.jindutiao > li.active {
  background: #f9cf00;
}

.jindutiao > li.active > div span {
  background: #f9cf00;
  color: #000;
}

/*----------------------------------------设计师主页3-------------------------------------------------*/
.schedules_title {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #ccc;
  margin-top: 50px;
}

.schedules_title span {
  width: 380px;
  height: 100%;
  display: inline-block;
  font-size: 16px;
}

.schedules li {
  width: 100%;
  border-bottom: 1px dashed #ccc;
  display: table;
  padding-bottom: 50px;
}

.infobox {
  width: 270px;
}

.infobox .h3link {
  display: block;
  width: 210px;
  font-size: 16px;
  font-weight: normal;
  margin-top: 50px;
}

.infobox .p1 {
  width: 240px;
  font-size: 14px;
  color: #666;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 10px;
}

.infobox .p2 {
  width: 240px;
  height: 28px;
  line-height: 28px;
  overflow: Hidden;
  margin-top: 10px;
}

.infobox .p2 a {
  display: inline-block;
  padding: 0 12px;
  height: 26px;
  font-size: 12px;
  background-color: #e9e9e9;
  margin: 0 5px;
  border-radius: 3px;
}

.infobox .p2 a:hover {
  background-color: #E3550C;
  color: #fff;
}

.infobox .p2 a:first-child {
  margin-left: 0;
}

.schedules .sch {
  margin: 90px 0 0 115px;
  float: left;
}

.progress_bar {
  width: 600px;
  height: 10px;
  /*background-color: #e2e2e2;*/
  /*box-shadow: -1px -1px 1px #888;*/
}

.progress_bar .proIn {
  width: auto;
  height: 100%;
  background-color: #b5e053;
}

.progress_bar .proBlk {
  width: 90px;
  height: 30px;
  float: left;
  position: relative;
  cursor: pointer;
}

.progress_bar .proBlk span {
  display: block;
  width: 34px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  border: 3px solid #ddd;
  border-radius: 100%;
  position: absolute;
  top: -22px;
  left: 60px;
  font-size: 20px;
  background-color: #8f8f90;
  color: #fff;
}

.progress_bar .proBlk p {
  width: 80px;
  display: block;
  text-align: center;
  position: absolute;
  left: 38px;
  top: 15px;
  font-size: 12px;
}

.progress_bar .greenP {
  background-color: #aed94d !important;
}

.progress_bar .yelP {
  background-color: #feca31 !important;
}

.find_idea_page .filter_box {
  border-radius: 0;
  -webkit-box-shadow: none;
}

/*文章观点*/
.daka_list .item_list {
  width: 105%;
}

.daka_list .item_box {
  width: 29.9%;
  margin: 0 1% 30px 1%;
  float: left;
}

.daka_list .item_box .item .img {
  width: 50%;
}

.daka_list .item_box .item .img img {
  width: 100%;
}

.daka_list .item_box .item_text.fl {
  width: 50%;
}

.daka_list .item .item_desc {
  min-height: 150px;
}

.design_mypro_page .pay_now {
  background-color: #f9cf00;
  border-radius: 4px;
  padding: 5px 10px;
  border: none;
}

/*进度条*/
.step-bar {
  height: 2px;
  background: #a0a0a0;
  margin-bottom: 95px;
}

.step-bar,
.step-bar * {
  box-sizing: border-box;
}

.step-bar .step-bar-main {
  zoom: 1;
}

.step-bar .step-bar-main:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

.step-bar .step-bar-main.width1200 > li {
  width: 150px;
}

.step-bar .step-bar-main.item3 > li {
  width: 300px;
}

.step-bar .step-bar-main.item3 > li div > p {
  width: 120px;
  left: -45px;
}

.step-bar .step-bar-main > li {
  position: relative;
  width: calc(100% / 8);
  height: 2px;
  float: left;
}

.step-bar .step-bar-main > li.active {
  background: #e82727;
}

.step-bar .step-bar-main > li.active > div span {
  background: #e82727;
  color: #fff;
  border-color: #e82727;
}

.step-bar .step-bar-main > li > div {
  position: absolute;
  top: -13px;
  right: -15px;
  z-index: 15;
  text-align: center;
}

.step-bar .step-bar-main > li > div > span {
  display: block;
  width: 30px;
  height: 30px;
  border: 2px solid #a0a0a0;
  border-radius: 30px;
  background: #e8e8e8;
  color: #a0a0a0;
  line-height: 26px;
  text-align: center;
}

.step-bar .step-bar-main > li > div p {
  position: absolute;
  top: 46px;
  left: -35px;
  width: 100px;
}

/*付款模块*/
.pay-box {
  border-top: 1px solid #d2d2d2;
  padding-top: 40px;
}

.pay-box,
.pay-box * {
  box-sizing: border-box;
}

.pay-box .pay-box-info {
  font-size: 20px;
  color: #000;
}

.pay-box .pay-box-info > p {
  margin-top: 8px;
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 14px;
  color: #333;
}

.pay-box .tab-bar {
  height: 50px;
  border-bottom: 1px solid #d2d2d2;
}

.pay-box .tab-bar > h3 {
  height: 50px;
  line-height: 50px;
  border: 1px solid #d2d2d2;
  width: 150px;
  text-align: center;
  font-weight: normal;
  color: #696969;
}

/*支付按钮*/
.btn-pay-select {
  margin-bottom: 15px;
  padding-top: 27px;
}

.btn-pay-select,
.btn-pay-select * {
  box-sizing: border-box;
}

.btn-pay-select > button {
  position: relative;
  margin-right: 20px;
  width: 150px;
  height: 38px;
  border: 2px solid #c9c9c9;
  background: #fff;
  cursor: pointer;
  font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "宋体";
  color: #999;
}

.btn-pay-select > button .iconfont {
  display: block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  position: absolute;
  top: 4px;
  left: 20px;
}

.btn-pay-select > button .iconfont.icon-zhifubao {
  color: #00a9ee;
}

.btn-pay-select > button .iconfont.icon-weixin {
  color: #86c610;
}

.btn-pay-select > button .iconfont.icon-yinxingqia {
  color: #007a85;
}

.btn-pay-select > button:hover {
  border-color: #5cc1af;
}

.btn-pay-select > button.selected,
.btn-pay-select > button:active {
  border-color: #5cc1af;
  color: #5cc1af;
}

.btn-pay-select > button.selected:after,
.btn-pay-select > button:active:after {
  position: absolute;
  right: 0;
  bottom: 0;
  content: '';
  width: 24px;
  height: 18px;
  background: url("/Resource/images/right_b.png");
}

.btn-bar {
  text-align: center;
  height: 180px;
  line-height: 180px;
}

.btn-bar,
.btn-bar * {
  box-sizing: border-box;
}

.btn-radius {
  padding: 9px 60px;
  border: 1px solid #ccc;
  font-size: 18px;
  line-height: 18px;
  color: #999;
  background: #fff;
  border-radius: 40px;
  font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "宋体";
  cursor: pointer;
}

.btn-radius.btn-red:hover {
  color: #ff6666;
  border-color: #ff6666;
}

.btn-radius:hover {
  color: #5cc1af;
  border-color: #5cc1af;
}

.btn-radius.btn-detail {
  position: relative;
  padding-right: 80px;
}

.demos_line .demos_item {
  width: 250px;
  height: 250px;
  margin-right: 15px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.layui-form-label {
  min-width: 100px;
}

.index_seven_icon > li .btn_img {
  background: #e0e4e7;
}

.index_seven_icon > li .title_box .title_big a {
  color: #777777;
}

.index_seven_icon > li .title_box .mt10 a {
  color: #777777;
}

.flogo > .logo_list > ul img {
  vertical-align: middle;
}

.flogo > .logo_list > ul img.w160 {
  max-width: 160px;
}

.flogo > .logo_list > ul img.w130 {
  max-width: 130px;
}

.flogo > .logo_list > ul img.w100 {
  max-width: 100px;
}

.flogo > .logo_list > ul img.w118 {
  max-width: 118px;
}

.flogo > .logo_list > ul img.w110 {
  max-width: 110px;
}

.flogo > .logo_list > ul img.w60 {
  max-width: 60px;
}

.flogo > .logo_list > ul img.w96 {
  max-width: 96px;
}

.flogo > .logo_list > ul img.w90 {
  max-width: 90px;
}

.flogo > .logo_list > ul img.w44 {
  max-width: 44px;
}

.flogo > .logo_list > ul img.w22 {
  max-width: 22px;
}

.flogo > .logo_list > ul img.ml70 {
  margin-left: 70px;
}

.flogo > .logo_list > ul img.ml25 {
  margin-left: 25px;
}

.flogo > .logo_list > ul img.ml35 {
  margin-left: 35px;
}

.flogo > .logo_list > ul img.ml55 {
  margin-left: 55px;
}

.flogo > .logo_list > ul img.ml50 {
  margin-left: 50px;
}

.flogo > .logo_list > ul img.ml60 {
  margin-left: 60px;
}

.shuxian {
  left: 50%;
}

.footer ul {
  width: calc((100% - 365px) / 5);
}

.find_idea_mask .loadmore_btn {
  border: none;
}

.video_container .video_item {
  background-position: center;
}

.video_container .video_item > button {
  left: calc(50% - 28px);
}

.download_page {
  padding-top: 130px;
  margin-bottom: 50px;
}

.index_seven_icon > li {
  width: calc(100% / 7);
}

.uc_r .sucai_box .art_tab_box .tab {
  margin-right: 0;
}

.recharge_page .recharge_money .item {
  height: 135px;
}

.recharge_page .recharge_money label {
  height: auto;
}

body {
  font: 14px Microsoft YaHei, 微软雅黑, Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif !important;
}

.screen_tab_box .screen_ul > li {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dot.png', sizingMethod='scale')
}

.calc_total > li.total4 {
  background-position: 50px;
}

.article.container .pagination {
  float: left;
}

.pubu_list .item .shop_info {
  margin-top: 20px;
  display: none;
}

#captcha_normal {
  border: 1px solid #e6e6e6;
}

#getCode {
  position: absolute;
  right: 0;
  top: 0;
  border: 1px solid #e6e6e6;
  background: none;
  height: 38px;
  width: 110px;
  text-align: center;
}

/**
迷你登录框
 */
.login_mini {
  display: none;
  background: #fff;
  border-radius: 10px;
  padding: 30px 70px 30px 70px;
}

.login_mini .close {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 19px;
  height: 19px;
  display: block;
  cursor: pointer;
  background-image: url(../images/close.png);
}

.login_mini .logo {
  margin: 0 auto;
  display: block;
  width: 190px;
}

.login_mini .layui-tab-title {
  line-height: 57px;
  font-size: 16px;
  height: 60px;
}

.login_mini .layui-tab-title .layui-unselect.layui-tab-bar {
  display: none;
  height: 60px;
}

.login_mini .layui-tab-title li {
  width: 33.3333%;
  height: 60px;
  line-height: 60px;
  border-bottom: 2px solid #e4e4e4;
  display: block;
  float: left;
  font-size: 16px;
  color: #595959;
}

.login_mini .layui-tab-title li::-webkit-input-placeholder {
  color: #999999;
}

.login_mini .layui-tab-title li::-moz-placeholder {
  color: #999999;
}

.login_mini .layui-tab-title li::-moz-placeholder {
  color: #999999;
}

.login_mini .layui-tab-title li::-ms-input-placeholder {
  color: #999999;
}

.login_mini .layui-tab-title .layui-this {
  color: #f9cf00;
  text-align: center;
  border-bottom: 2px solid #f9cf00;
}

.login_mini .layui-tab-title .layui-this:after {
  height: 60px;
  border-bottom: 2px solid #f9cf00;
  border-left: none;
  border-right: none;
  border-top: none;
}

.login_mini .layui-tab-content {
  padding: 0;
}

.login_mini .layui-tab {
  margin: 2px 0;
}

.login_mini .layui-form-item {
  margin-top: 27px;
  margin-bottom: 0;
  height: 46px;
}

.login_mini .layui-input {
  line-height: 1;
  height: 46px;
  padding-top: 17px;
  padding-bottom: 17px;
  border-bottom: 1px solid #c9c9c9;
  border-left: none;
  border-top: none;
  border-right: none;
}

.login_mini .login_mini_mobile {
  background: left no-repeat url(../images/login_mini_mobile.jpg);
  padding-left: 37px;
}

.login_mini .login_mini_password {
  background: left no-repeat url(../images/login_mini_password.jpg);
  padding-left: 37px;
  margin-top: 12px;
}

.login_mini .login_mini_code {
  background: left no-repeat url(../images/login_mini_code.png);
  padding-left: 37px;
  margin-top: 12px;
}

.login_mini .layui-btn {
  width: 275px;
  height: 45px;
  line-height: 45px;
  background-color: #f9cf00;
  border-radius: 25px;
  color: #000;
  text-align: center;
  font-size: 18px;
  margin: 35px auto 0 auto;
  display: block;
}

.login_mini .xieyi {
  height: 16px;
  font-size: 12px;
  color: #999999;
  margin-top: 10px;
  width: 100%;
}

.login_mini .xieyi a {
  color: #999999;
}

.login_mini_skin {
  border-radius: 10px !important;
  box-shadow: none !important;
}

.login_mini .get_code {
  position: absolute;
  right: 0;
  top: 0;
  height: 46px;
  line-height: 46px;
  font-size: 14px;
  color: #f9cf00;
  border: none;
  background: none;
}

.login_mini .get_code:disabled {
  color: #999999;
}

/**
新登录框
 */

.login_mini .layui-form {
  position: relative;
}

.login_mini .site_logo {
  position: absolute;
  left: 0;
}

.login_mini .site_logo img {
  width: 90px;
}

.login_mini .layui-form {
  padding-left: 110px;
}

.login_mini .layui-form .register_title {
  text-align: center;
  font-size: 30px;
  position: relative;
  color: #1c1817;
  margin-bottom: 30px;
}

.login_mini .layui-form .register_title i {
  position: absolute;
  border-bottom: 2px solid #e5e5e5;
  width: 80px;
  top: 50%;
}

.login_mini .layui-form .register_title i.left {
  left: 0;
}

.login_mini .layui-form .register_title i.right {
  right: 0;
}

.login_mini .layui-form .login_title {
  text-align: center;
  font-size: 16px;
  position: relative;
  color: #929292;
  margin-bottom: 30px;
}

.login_mini .layui-form .login_third {
  text-align: center;
}

.login_mini .layui-form .login_third i {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 15px;
}

.login_mini .layui-form .login_third i.weibo {
  background: 5px 6px url("../images/third_login.jpg") no-repeat;
  background-size: auto 40px;
  border: 3px #d7261c solid;
}

.login_mini .layui-form .login_third i.qq {
  background: -62px 6px url("../images/third_login.jpg") no-repeat;
  background-size: auto 40px;
  border: 3px #0093dd solid;
}

.login_mini .layui-form .login_third i.wechat {
  background: -129px 6px url("../images/third_login.jpg") no-repeat;
  background-size: auto 40px;
  border: 3px #009439 solid;
}

.login_mini .layui-form .login_title i {
  position: absolute;
  border-bottom: 2px solid #e5e5e5;
  width: 80px;
  top: 50%;
}

.login_mini .layui-form .login_title i.left {
  left: 0;
}

.login_mini .layui-form .login_title i.right {
  right: 0;
}

.login_title_change {
  font-size: 20px;
  height: 35px;
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: center;
}

.login_title_change .login_title_item {
  width: 50%;
  float: left;
  cursor: pointer;
  color: #dedede;
  border-bottom: 1px solid #dedede;
  line-height: 38px;
}

.login_title_change .login_title_item.active {
  color: #211c19;
  border-bottom: 1px solid #211c19;
}

.find_password_success {
  background: 600px 360px url(../images/find_password_success.jpg) no-repeat;
  position: absolute;
  width: 600px;
  height: 360px;
  left: -70px;
  background-size: 100% auto;
}

.login_mini .login_mini_mobile, .login_mini .login_mini_password, .login_mini .login_mini_code {
  background: none;
  padding-left: 10px;
}

.login_mini .layui-input {
  border: 1px solid #d4d4d4;
  border-radius: 5px;
}

.login_mini .get_code {
  padding: 0 10px;
  border-left: 1px solid #d4d4d4;
  background-color: #dedede;
  color: #201d1d;
  border-radius: 0 5px 5px 0;
}

.login_mini .layui-form-item {
  margin-top: 15px;
}

.login_mini .layui-btn {
  border-radius: 5px;
  width: 350px;
  margin: 0;
}

.layui-form-checkbox i {
  font-size: 14px !important;
  border-left: 1px solid #d2d2d2 !important;
  width: 17px !important;
  height: 17px !important;
}

.layui-form-checkbox {
  line-height: 18px !important;
  height: 18px !important;
  margin-right: 0 !important;
}

.login_mini .layui-tab-title {
  display: none;
}

/**
新登录框
 */

.author_avatar {
  display: block;
  float: left;
}

.author_name {
  display: block;
  float: left;
  max-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.caijidao .right .create_broad {
  position: absolute;
  bottom: 29px;
  left: 18px;
  padding-left: 20px;
  cursor: pointer;
  background: url(../images/find_idea_create.png) left center no-repeat;
}

/*面包屑导航*/
.search-result, .currentPostion {
  color: #999;
  height: 60px;
  line-height: 60px;
  font-size: 12px;
}

.search-result a {
  color: #999;
  height: 60px;
  line-height: 60px;
  display: inline-block;
}

.search-result a:hover {
  color: #0ec5a1;
}

.bgWhite {
  background-color: #fff;
  position: relative;
  border: 1px solid #ededed;
}

.blurBg {
  background-position: absolute;
  height: 40px;
  background: rgba(172, 172, 172, 0.3);
  border-radius: 2px;
  width: calc(100% - 30px);
  filter: blur(7px);
  -webkit-filter: blur(7px);
  -moz-filter: blur(7px);
  -ms-filter: blur(7px);
  -o-filter: blur(7px);
  bottom: -15px;
  z-index: -1;
  left: 0;
  position: absolute;
  margin-left: 10px;
}

.previewBox {
  width: 42%;
  /*height: 600px;*/
  background-color: #f5f5f5;
  position: relative
}

.previewImg {
  width: 100%;
  /*height: 527px;*/
  padding-top: 30px;
  padding-bottom: 30px;
  cursor: url("../images/mouse.ico"), auto;
}

.previewBox img {
  display: block;
  margin: 0 auto;
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.15);
  width: 345px;
  height: 587px;
}

.previewBox .exclusive {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 20px;
  font-size: 12px;
  background-color: #fed900;
  color: #000;
  text-align: center;
  border-radius: 0px 0px 6px 6px;
  width: 50px;
  height: 48px;
  padding: 7px 9px 7px 11px;
  line-height: 17px;
  letter-spacing: 3px;
}

.clutterBox {
  width: 38%;
  padding: 20px 40px 25px 40px
}

.workNameShow span {
  width: 5px;
  height: 20px;
  background-color: #f9cf00;
  margin-right: 5px;
  margin-top: 2px
}

.workNameShow h1 {
  color: #222;
  line-height: 24px;
  /*width: 495px;*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*作品信息模块*/
.w470 {
  width: 100%;
  background-color: #ececec;
  margin-top: 20px;
  padding: 75px 40px 66px 40px;
}

.w470 .titleLabel {
  width: 110px;
  color: #666;
  line-height: 30px;
  font-size: 22px;
}

.w470 .f22 {
  font-size: 22px;
}

.w470 .f20 {
  font-size: 20px;
}

.w470 .greenColor {
  color: #fb7b0a;
  line-height: 30px;
  margin-right: 5px;
  width: 130px;
  font-weight: bold;
}

.w470 .orangeColor {
  color: #fb7b0a;
  line-height: 30px;
  margin-right: 5px;
  width: 130px;
  font-weight: bold;
}

.w470 .chargeTbLink {
  /*width: 68px;*/
  height: 26px;
  line-height: 26px;
  /*background: #F3FDF9;*/
  border-radius: 2px;
  /*border: 1px solid #666;*/
  color: #666;
  /*font-size: 12px;*/
  font-size: 18px;
  text-align: center;
  display: inline-block;
}

.w470 .chargeTbLinkBtn {

  width: 100px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #fed900;
  color: #1d1200;
  /*border: #ff8a01 1px solid ;*/
}

.w470 .chargeSaleLink {
  /*width: 68px;*/
  height: 26px;
  line-height: 26px;
  /*background: #FEFDF1;*/
  border-radius: 2px;
  /*border: 1px solid #fed900;*/
  /*color: #fed900;*/
  color: #666 !important;
  /*font-size: 12px;*/
  font-size: 18px;
  text-align: center;
  display: inline-block;
}

.accreditWaySel {
  padding-bottom: 40px;
  margin-bottom: 26px;
  border-bottom: #E8E8E8 1px dashed
}

.w470 .accreditWaySel .accreditSel {
  width: 86px;
  height: 30px;
  line-height: 30px;
  border-radius: 2px;
  border: 1px solid #ddd;
  color: #666;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  margin-right: 15px;
  cursor: pointer;
  background-color: #fff
}

.w470 .accreditWaySel .accreditSel.on {
  color: #0ec5a1;
  border: #0ec5a1 2px solid;
  height: 28px;
  line-height: 28px;
}

.w470 .accreditWaySel .titleLabel {
  line-height: 32px;
}

.w470 .marginB30 {
  margin-bottom: 30px
}

.w470 .companyPrice {
  display: none;
}

.w470 .lookRange {
  color: #999;
  font-size: 12px;
  line-height: 32px
}

.w470 .lookRange .icon-doubt {
  color: #999;
  font-size: 12px;
  margin-right: 5px;
}

.w470 .lookRange:hover, .w470 .lookRange:hover .icon-doubt {
  color: #0ec5a1
}
.shopSituation>.download-doc {
  /*width: 47%;*/
  width: 100%;
  display: flex;
  justify-content: center;
  cursor: pointer;
  height: 50px;
  background: #fed900;
  border-radius: 2px;
  color: #000;
  text-align: center;
  line-height: 50px;
  font-size: 16px;
  margin-right: 6%;
  margin-top: 16px;
}

.w470 .download-doc {
  width: 47%;
  height: 50px;
  background: #fed900;
  border-radius: 2px;
  color: #000;
  text-align: center;
  display: inline-block;
  line-height: 50px;
  font-size: 16px;
  margin-right: 6%;
}

.w470 .download-doc:hover {
  opacity: 0.85
}

.w470 .AddshoppingCats.like:before {
  content: '加入收藏';
}

.w470 .AddshoppingCats.liked:before {
  content: '取消收藏';
}

.w470 .AddshoppingCats {
  width: 47%;
  height: 48px;
  border: #fb7b0a 1px solid;
  background-color: #F3FDF9;
  border-radius: 2px;
  color: #fb7b0a;
  text-align: center;
  line-height: 48px;
  font-size: 16px;
  cursor: pointer;
}

.w470 .shopcar-success {
  color: #0ec5a1;
  position: absolute;
  top: -23px;
  left: 200px;
  width: 170px;
  text-align: center;
  font-size: 14px
}

.btnBox {
  position: relative;
  margin: auto 4%;
}

.w470 .otherEdit {
  margin-top: 30px;
  margin-bottom: 45px;
}

.w470 .otherEdit i {
  color: #666;
  font-size: 14px;
  margin-right: 5px;
}

.w470 .otherEdit span {
  color: #666;
  margin-right: 60px;
  cursor: pointer;
}

.w470 .otherEdit span:hover, .otherEdit span:hover i {
  color: #0ec5a1
}

.guarantee span {
  color: #000;
  font-size: 14px;
  margin-right: 20px;
  margin-top: 90px;
}

.guarantee i.iconfont {
  display: block;
  width: 16px;
  height: 20px;
  float: left;
}

.addCollect.like:before {
  content: '加入收藏';
}

.addCollect.liked:before {
  content: '取消收藏';
}

.guarantee i.icon-xihuan {
  background: url("../images/icon_xihuan.png") no-repeat center;
  background-size: 100% 100%;
}

.guarantee i.icon-zheng {
  background: url("../images/icon_zheng.png") no-repeat center;
  background-size: 100% 100%;
}

.guarantee i.icon-zhi {
  background: url("../images/icon_zhi.png") no-repeat center;
  background-size: 100% 100%;
}

.guarantee i.icon-shou {
  background: url("../images/icon_shou.png") no-repeat center;
  background-size: 100% 100%;
}

.guarantee span i {
  color: #999;
  font-size: 14px;
  margin-right: 5px;
}

.gradeBox {
  width: 100%;
  height: 100px;
  /*background: url(../images/gradeBg.png) right -1px;*/
  background-image: linear-gradient(#fee476, #ffffff);
  margin-bottom: 20px;
  padding-top: 15px;
  position: relative;
}

.gradeBox p {
  color: #F66131;
  padding-left: 15px;
  font-size: 18px;
}

.gradeBox p.f12 {
  font-size: 12px;
}

.gradeBox span {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 4px;
  right: 15px;
  line-height: 30px;
  text-align: center;
  color: #F66131;
  font-size: 18px
}

.shopSituation {
  width: 100%;
  margin-right: 15px;
  border-bottom: #F6F8F9 1px solid;
  padding-bottom: 30px
}

.shopSituation dt {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 40px;
  margin: 0 auto 15px;
}

.shopSituation dt img {
  width: 100%;
  height: 100%;
}

.shopSituation dd {
  text-align: center;
}

.shopName {
  color: #666;
  margin-bottom: 15px;
  font-size: 20px;
}

.shopSituation dd span {
  width: 63px;
  height: 20px;
  line-height: 20px;
  border-radius: 3px;
  border: 1px solid #ff9b0b;
  color: #ff9b0b;
  font-size: 16px;
  text-align: center;
  margin: 0 4px;
  padding: 3px;
}

/*授权证书*/
.slideBox {
  width: 100%;
  height: 309px;
  overflow: hidden;
  position: relative;
}

.slideBox .bd {
  position: relative;
  height: 100%;
  z-index: 0;
}

.slideBox .bd li {
  zoom: 1;
  vertical-align: middle;
}

.slideBox .bd li .w162 {
  width: 162px;
  height: 228px;
  background: url(//js.wotucdn.com/framework/web/weili/images/copyRightImg.png?v=1)
}

.slideBox .bd li .credential {
  background-position: -163px 0;
  cursor: pointer;
}

.slideBox .bd li .personalImg {
  background-position: -326px 0
}

.slideBox .bd li .companyImg {
  background-position: 0 0
}

.slideBox .bd li .tsaImg {
  background-position: -493px 0;
  cursor: pointer;
}

.slideBox .bd li p {
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  color: #999;
  margin-top: 10px;
}

.slideBox .bd li:hover p {
  color: #0ec5a1
}

.slideBox .prev,
.slideBox .next {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -25px;
  display: block;
  font-size: 24px;
  font-size: #000;
  filter: alpha(opacity=0);
  opacity: 0;
}

.slideBox .next {
  left: auto;
  right: 0;
}

.slideBox:hover .prev, .slideBox:hover .next {
  filter: alpha(opacity=60);
  opacity: 0.6;
}

.paddingTop60 {
  padding-top: 65px;
}

.titleBox {
  margin-bottom: 26px;
}

.titleBox span {
  width: 5px;
  height: 20px;
  background-color: #fed900;
  margin-right: 5px;
  margin-top: 2px
}

.titleBox p {
  color: #333;
  font-size: 16px;
  line-height: 24px;
  width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*** 作品详情属性   ****/
.InforBox {
  width: 100%;
  padding: 0 20px;
  background-color: #F6F8F9;
  overflow: hidden;
  margin-bottom: 45px;
}

.InforBox p {
  text-indent: 20px;
  line-height: 52px;
  height: 52px;
  width: 50%;
  border-bottom: #ddd 1px dashed;
}

.InforBox p span {
  color: #666
}

.InforBox p .w115 {
  width: 115px;
  color: #999
}

/*****  作品素材来源  *******/
.sourceBoxFrom {
  width: 330px;
  background-color: #F6F8F9;
  height: 318px;
  border: #F6F8F9 1px solid;
  margin-bottom: 45px
}

.topTab {
  height: 38px;
  width: 100%;
  background-color: #fff;
}

.topTab .tabTip {
  text-align: center;
}

.topTab .tabTip li {
  padding: 0 5px;
  line-height: 36px;
  display: inline-block;
  margin: 0 5px;
  border-bottom: #fff 2px solid;
  text-align: center;
  color: #666;
  cursor: pointer;
}

.topTab .tabTip li.on {
  color: #0ec5a1;
  border-bottom: #0ec5a1 2px solid;
}

.sourceBoxFrom .tabCon .changeBox {
  width: 330px;
  text-align: center;
  height: 285px;
  overflow: hidden;
}

.sourceBoxFrom .tabCon .changeBox p {
  color: #666;
  text-align: center;
  line-height: 16px;
  margin-bottom: 20px;
}

.sourceBoxFrom .exampleOne img {
  width: 246px;
  height: 124px;
  margin: 40px auto 25px;
  display: block;
}

.sourceBoxFrom .tabCon .changeBox .gray {
  color: #999
}

.sourceBoxFrom .exampleTwo i {
  color: #0ec5a1;
  font-size: 104px;
  padding-top: 70px;
  padding-bottom: 35px;
}

.sourceBoxFrom .exampleThree img {
  width: 250px;
  height: 63px;
  margin: 75px auto 35px;
  display: block;
}

.sourceBoxFrom .exampleThree .f14 {
  font-size: 14px;
  margin-bottom: 34px;
}

.sourceBoxFrom .tabCon .examplefour p {
  color: #333;
  line-height: 28px;
  width: 280px;
  margin: 0 auto;
  text-align: left
}

.sourceBoxFrom .tabCon .examplefour p.titleBox {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 15px
}

.sourceBoxFrom .tabCon .examplefour p a {
  color: #333
}

.sourceBoxFrom .tabCon .examplefour p a:hover {
  color: #0ec5a1
}

.FontScroll-left {
  position: relative;
}

.FontScroll-left .dot {
  overflow: hidden;
  height: 30px;
}

.FontScroll-left .dot .prev, .FontScroll-left .dot .next {
  display: block;
  cursor: pointer;
  font-size: 20px;
  color: #0ec5a1;
  position: absolute;
  top: 95px;
  opacity: 0.4
}

.FontScroll-left .dot .prev {
  left: 15px;
}

.FontScroll-left .dot .next {
  right: 15px
}

.FontScroll-left:hover .prev, .FontScroll-left:hover .next {
  opacity: 1
}

.FontScroll-left .dot ul {
  overflow: hidden;
  zoom: 1;
  margin-top: 10px;
  zoom: 1;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 55px;
}

.FontScroll-left .dot ul li {
  width: 5px;
  height: 5px;
  overflow: hidden;
  margin: 0 5px;
  text-indent: -999px;
  cursor: pointer;
  border: #c7c7c7 1px solid;
  display: inline-block;
  border-radius: 8px;
}

.FontScroll-left .dot ul li.on {
  border-color: #0ec5a1;
  background-color: #0ec5a1
}

.FontScroll-left .tabFont {
  width: 330px;
  height: 285px
}

.wFont {
  width: 330px;
  height: 285px;
}

.FontScroll-left .wFont p {
  color: #666;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 20px;
}

.FontScroll-left .wFont p.gray {
  color: #999
}

.changeBox {
  position: relative;
}

.changeLeftRight .spot {
  width: 100%;
}

.changeLeftRight .spot .prev, .changeLeftRight .spot .next {
  display: block;
  cursor: pointer;
  font-size: 20px;
  color: #0ec5a1;
  position: absolute;
  top: 95px;
  opacity: 0.4;
  z-index: 5;
}

.changeLeftRight .spot .prev {
  left: 15px;
}

.changeLeftRight .spot .next {
  right: 15px
}

.changeLeftRight:hover .prev, .changeLeftRight:hover .next {
  opacity: 1
}

.changeLeftRight .spot ul {
  overflow: hidden;
  zoom: 1;
  text-align: center;
  width: 100%;
  position: absolute;
  z-index: 5;
  bottom: -10px;
}

.spot li {
  display: inline-block;
  width: 5px;
  height: 5px;
  overflow: hidden;
  margin: 0 5px;
  text-indent: -999px;
  cursor: pointer;
  border: #c7c7c7 1px solid;
  display: inline-block;
  border-radius: 8px;
}

.spot li.on {
  border-color: #0ec5a1;
  background-color: #0ec5a1
}

.everyList {
  width: 330px;
}

.everyList p {
  color: #666;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 20px;
}

.everyList p.gray {
  color: #999
}

.changeBox {
  display: none
}

.changeBox:first-child {
  display: block;
}

/*作品所属专辑*/
.belongAlbum {
  margin-bottom: 45px
}

.AlbumBox {
  background-color: #f6f8f9;
  width: 270px;
  padding: 30px
}

.AlbumItem {
  width: 245px;
  padding: 15px 11px;
  height: 390px;
  background-color: #fff;
  border-radius: 2px;
  transition: all 0.2s;
  position: relative;
}

.AlbumItem .linkAlbum img {
  display: block;
}

.AlbumItem .linkAlbum .bigImg {
  width: 245px;
  margin-bottom: 8px;
}

.AlbumItem .smallImg img:first-child {
  margin-right: 10px;
}

.AlbumItem .linkAlbum {
  display: block;
  width: 245px;
  height: 405px
}

.AlbumItem .albumInfor .albumName {
  color: #222;
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 54px
}

.AlbumItem .albumInfor .workNum {
  height: 20px;
  border-radius: 10px;
  border: 1px solid #a7a7a7;
  line-height: 20px;
  color: #999;
  padding: 0 8px;
  margin-top: 17px;
  font-size: 12px;
}

.AlbumItem:hover {
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.15);
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px)
}

/*作品详情*/
.ImgBox {
  width: 100%;
  padding: 30px;
  background-color: #ffffff;
  position: relative;
}

.ImgBox img {
  display: block;
  width: 100%;
}

.report-button {
  position: absolute;
  bottom: 16px;
  right: 27px;
  width: 100px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  background-color: #000;
  cursor: pointer;
  filter: Alpha(opacity=50);
  background: rgba(0, 0, 0, 0.5)
}

.report-button i {
  color: #fff;
  font-size: 14px;
  margin-right: 5px;
}

.report-button p {
  position: relative;
  color: #fff;
  text-align: center;
}

.Use-seo {
  width: 804px;
  color: #999;
  line-height: 30px;
  font-size: 12px;
  margin-top: 20px;
  margin-bottom: 45px
}

.Use-seo p, .Use-seo span, .Use-seo a {
  color: #999
}

/*相似作品*/
.similarBox {
  width: 100%;
  padding: 28px 30px 2px;
  background-color: #f6f8f9;
  margin-bottom: 45px;
}

.similarBox .pic-list {
  margin: 0 auto 28px 0;
  width: auto;

}

.similarBox .pic-list .img img {
  width: 100%;
  height: 100%;
}

.pic-list {
  position: relative;
  overflow: hidden;
}

.pic-list .list-info {
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 40px;
  height: 40px;
  background: url(../images/WorkList-top-bg.png);
  /*background: rgba(0,0,0,0.3);*/
  /*border-radius: 2px;*/
  /*filter: blur(7px);*/
  /*-webkit-filter: blur(7px);*/
  /*-moz-filter: blur(7px);*/
  /*-ms-filter: blur(7px);*/
  /*-o-filter: blur(7px);*/
}

.pic-list .list-info a {
  color: #fff;
}

.pic-list .list-btn {
  position: absolute;
  bottom: -60px;
  left: 0;
  width: 100%;
  background: url(../images/WorkList-bottom-bg.png);
}

.pic-list .list-btn .shoucang {
  cursor: pointer;
  margin-left: 7%;
  background-color: #ffb200;
  border-radius: 2px;
  height: 38px;
  width: 40%;
  line-height: 38px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  margin-bottom: 14px;
}

.pic-list .list-btn .shoucang.like:before {
  content: '加入收藏';
}

.pic-list .list-btn .shoucang.liked:before {
  content: '取消收藏';
}

.pic-list .list-btn .download {
  height: 38px;
  width: 40%;
  text-align: center;
  font-size: 14px;
  line-height: 38px;
  background-color: #fed900;
  border-radius: 2px;
  margin-right: 7%;
  color: #000;
}

.pic-list:hover .list-info {
  top: 0;
}

.pic-list:hover .list-btn {
  bottom: 0;
}

/* 相关搜索*/
.aboutWord {
  width: 100%
}

.aboutWord a {
  display: inline-block;
  height: 26px;
  background: #f6f8f9;
  border-radius: 2px;
  line-height: 26px;
  font-size: 12px;
  padding: 0 10px;
  margin: 0 22px 22px 0;
  color: #666;
  transition: all 0.2s
}

.aboutWord a:hover {
  background-color: #fed900;
  color: #000;
}

/*YouLike*/
.YouLike {
  background-color: #f6f8f9;
  padding-top: 22px;
  padding-bottom: 40px;
}

.picList {
  width: 102%;
  margin-left: -1%
}

.pic-list {
  width: 23%;
  margin: 0 1% 28px 1%;
}

.otherEdit .share-box {
  margin-top: 3px;
  margin-bottom: 8px;
  overflow: hidden \9;
}

.otherEdit .share-box span {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  color: #666;
  margin-right: 20px;
}

.otherEdit .share-box a {
  display: inline-block;
  background: url(//js.wotucdn.com/2017/vip/common/images/vip-public-img.png);
  height: 20px;
  width: 20px;
  margin: 0 7px;
  padding-left: 0 !important
}

.otherEdit .share-box .wb {
  background-position: -150px -73px;
}

.otherEdit .share-box .zone {
  background-position: -172px -73px;
}

.otherEdit .share-box .wx {
  background-position: -195px -73px;
}

.otherEdit .share-box .qq {
  background-position: -217px -73px;
}

.otherEdit .share-box .hb {
  background-position: -238px -73px;
}

.otherEdit .share-box a:hover {
  opacity: 0.9
}

.bd_weixin_popup {
  width: 250px !important;
  height: 295px !important;
}

.trans {
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
}

.paddingTop60 .content-left {
  width: calc(((100% - 70px) / 7) * 5);
}

.paddingTop60 .content-right {
  width: calc(((100% - 70px) / 7) * 2);
}

.joinin_btn {
  background-color: #fed900;
  width: 40%;
  margin: 20px auto;
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  border-radius: 10px;
  height: 50px;
  line-height: 50px;
}

.footer {
  float: left;
  width: 100%;
}

.footer .contact_code .code_box {
  width: 100%;
  height: 100%;
  background: #ECECEC;
  padding: 20px 20px;
}

.recommend_list {
  /*width: 32.9%;*/
  /*display: inline-block;*/
  margin-bottom: 25px;
  padding-left: 20px;
}

.recommend_list img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.recommend_list h1 {
  line-height: 30px;
  font-size: 14px;
  max-height: 30px;
  overflow: hidden;
}

.recommend_list p {
  overflow: hidden;
  font-size: 12px;
  line-height: 16px;
  max-height: 32px;
  word-break: break-all;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.uc_l {
  height: auto;
}

.uc_r .find_fws_box .fahuo_wuliu_layer .textarea {
  height: 100px;
  line-height: 56px;
  width: 100%;
  padding: 0 10px;
  border-radius: 4px;
  border: 1px solid #d2d2d2;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 4px;
  font-size: 20px;
}

.sidebar_page {
  display: none;
  font-size: 12px;
  position: fixed;
  bottom: 15%;
  right: 0;
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 5px;
  padding: 5px;
}

.sidebar_page input[type=text] {
  width: 30px;
  text-align: center;
}

.sidebar_page input[type=button] {
  background-color: #fed900;
  color: #000;
  padding: 0 5px;
  width: 50px;
  height: 25px;
  margin-top: 5px;
}

.pubu_list .item .info_box > div > .fl {
  width: 150px;
  text-overflow: ellipsis;
  height: 25px;
  overflow: hidden;
  white-space: nowrap;
}

/**
    新底部
 */

.footer.footer_new {
  color: #60606d;
  background-color: #06060b;
  font-family: '微软雅黑';
}

.footer.footer_new .contact_code {
  border-left: none;
}

.footer.footer_new li {
  font-size: 13px;
}

.footer.footer_new li.title {
  font-weight: normal;
  color: #60606d;
}

.footer.footer_new li a {
  color: #60606d;
  font-weight: normal;
}

.footer.footer_new li a:hover {
  color: #a2a2aa;
}

.footer.footer_new .contact_code {
  font-size: 15px;
}

.footer.footer_new .contact_code .phone {
  background: left center no-repeat url("../images/phone_contact.png");
  height: 60px;
  padding-left: 60px;
  margin-bottom: 10px;
  background-size: 43px 43px;
}

.footer.footer_new .contact_code .phone .phone_title {
  font-size: 18px;
  font-style: italic;
}

.footer.footer_new .contact_code .phone .phone_number {
  font-size: 26px;
  font-style: italic;
}

.footer.footer_new .contact_code p {
  line-height: 30px;
}

.footer.footer_new .icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 3px solid #515155;
  background: no-repeat url(../images/footer_contact_icon.png);
  cursor: pointer;
  margin: 20px 25px 0 0;
  position: relative;
  vertical-align: top;
  /*background-size: 139px 30px;*/
  background-size: 120px 26px;
}

.footer.footer_new .icon img {
  position: absolute;
  top: -180px;
  left: -60px;
  width: 170px;
  height: 170px;
  display: none;
}

.footer.footer_new .icon:hover {
  border: 3px solid #a2a2aa;
  background: no-repeat url(../images/footer_contact_icon_hover.png);
  background-size: 120px 26px;
}

.footer.footer_new .icon:hover img {
  display: block;
}

.footer.footer_new .icon.icon-weibo {
  background-position: 8px 9px;
}

.footer.footer_new .icon.icon-weixin {
  background-position: -37px 10px;
}

.footer.footer_new .icon.icon-youxiang {
  background-position: -81px 10px;
}

.footer.footer_new .copyright {
  font-size: 16px;
  text-align: center;
  margin: 20px 0 10px 0;
}

.container_pubu_bottom {
  float: left;
  width: 100%;
  display: none;
  text-align: center;
  margin-bottom: 15px;
  padding: 15px 0;
  font-weight: 700;
  border: double rgba(34, 25, 25, .14);
  border-width: 3px 0 0 0;
}

.nolog {
  margin-top: 20px;
  text-align: center;
}

.licon {
  width: 103px;
  height: 135px;
  display: inline-block;
  background: no-repeat url(../images/langtuwang.png);
}

.licon.licon-meiyoule {
  background-position: -308px -166px;
}

.licon.licon-kong {
  background-position: -106px -327px;
}

.licon.licon-jinggao {
  background-position: 0 -166px;
}

.other_info_box {
  position: relative;
}

.other_info_box .preview_img {
  position: absolute;
  right: 0;
  height: 270px;
  margin-top: 10px;
}

.bd_list {
  width: 666px;
  min-height: 310px;
}

#step_2 .add_spec, #step_2 .confirm_spec, #step_2 .cancel_spec {
  padding: 0 10px;
  line-height: 28px;
  font-size: 12px;
  color: #facf00;
  border: 1px solid #facf00;
  border-radius: 2px;
  background: none;
  margin-right: 5px;
}

#step_2 table tbody td {
  height: 30px;
  padding: 5px 10px;
  border-top: solid 1px #BCE8F1;
  white-space: nowrap;
}

#step_2 table input {
  font: 12px/20px Arial;
  color: #777;
  background-color: #FFF;
  vertical-align: top;
  /*display: inline-block;*/
  padding: 4px;
  border: solid 1px #CCC;
  outline: 0 none;
}

.upload_spec_image_button {
  width: 22px;
  height: 22px;
  border: 1px dashed #cccccc;
  color: #cccccc;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.upload_spec_image_button #spec_image_preview {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
}

.upload_spec_image_button #spec_image_preview img {
  margin-top: -3px;
}

.upload_spec_image_button input[type="file"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
}

.upload_spec_image_button img {
  width: 100%;
  height: 100%;
}

.footer_new_new {
  background: #363636;
  color: #dadad8;
  min-height: 220px !important;
}

.footer_new_new .footer_first {
  height: 170px;
  line-height: 30px;
  padding: 30px 0 40px 0;
}

.footer_new_new .footer_first .left {
  float: left;
  margin-top: 10px;
}

.footer_new_new .footer_first .right {
  float: right;
  line-height: 25px;
  padding-left: 30px;
  padding-right: 140px;
  position: relative;
  border-left: 1px solid #5e5e5e;

}

.footer_new_new .image_mini {
  width: 15px;
  height: 15px;
}

.footer_new_new .image_hide {
  display: none;
  position: absolute;
  width: 120px;
  height: 120px;
  right: 0;
  top: 0;
}

.footer_new_new .show_image:hover .image_hide {
  display: block;
}

.footer_new_new .copyright {
  background: #000;
  color: #959595;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
}

.uc_r .zhanghu_box_63 .bank_form .bank_box .btn {
  text-align: right;
  flex: 1;
}

.uc_r .zhanghu_box_63 .bank_form .bank_box .edit {

}

.uc_r .zhanghu_box_63 .bank_form .bank_box .del {

}

.upload_page32 {
  padding-top: 85px;
}

.icon-shoucang {
  content: "\e617";
}

.icon-copyright {
  background: url("../images/dunpai.png") center no-repeat;
  display: inline-block;
  width: 23px;
  height: 26px;
}

.icon-copyright:before {
  content: '测';
  margin-left: 7px;
}

.icon-quality {
  content: "\e61c";
}

.icon-afterSale {
  content: "\e61f";
}

.font_box {
  margin-top: 15px;
  border: 1px solid #d9d9d9;
  padding: 15px 0 5px 15px;
  color: #999;
  width: 540px;
  font-size: 12px;
}

.font_box > .font_box_item {
  background: #f0f0f0;
  width: 30%;
  text-align: center;
  line-height: 22px;
  display: inline-block;
  margin-right: 10.5px;
  margin-bottom: 10px;
}

.font_box > .font_box_item:nth-child(3n) {
  margin-right: 0px;
}

.font_box > .font_box_item span {
  display: block;
}

.font_box > .font_box_item .item_close {
  color: #fff;
  background: #c1c5cd;
  border-radius: 50%;
  margin-left: 10px;
  cursor: pointer;
  background: url("../images/close_icon.png") center no-repeat;
  float: right;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  margin-right: 5px;
}

.original_proof span {
  display: inline-block;
  margin-bottom: -3px;
  height: 18px;
}

.icon-upload {
  background: url("../images/upload.png");
  width: 16px;
  height: 16px;
}

.original_proof {
  display: inline-block;
  vertical-align: center;
  padding: 8px 20px;
  border: 1px solid #dadada;
  color: #999999;
  cursor: pointer;
}

.material_original_proof_file_list {
  /*padding: 12px 8px;*/
  /*color: #999;*/
  /*border: 1px solid #dadada;*/
  margin-top: 15px;
}

.material_original_proof_file_list .proof_item {
  margin-bottom: 5px;
}

.material_original_proof_file_list .proof_item span {
  display: inline-block;
}

.material_original_proof_file_list .proof_item span.title {
  width: 100px;
  line-height: 22px;
  margin-left: 0px;
}

.material_original_proof_file_list .proof_item span.del_file {
  float: right;
  margin-right: 10px;
  cursor: pointer;
}

.pubu_list .item .btn_group {
  bottom: 15px;
}

.container-100 {
  width: 100%;
}

.b1 {
  background-color: #fbfbfb;
}

.default_images {
  text-align: center;
  width: 50%;
  float: left;
  height: 172.5px;
}

.default_images svg {
  margin-top: 44%;
}

.default_images div {
  color: #d4d5d5;
}

.uc_r .huaban_box .huaban_list .item.edition {
  position: relative;
}

.edition .images {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.edition .images img {
  width: 46%;
  height: 46%;
  float: left;
  object-fit: cover;
}

.edition .images img:first-child {
  margin: 3% 1% 1% 3%;
}

.edition .images img:nth-child(2) {
  margin: 3% 3% 1% 1%;
}

.edition .images img:nth-child(3) {
  margin: 1% 1% 3% 3%;
}

.edition .images img:nth-child(4) {
  margin: 1% 3% 3% 1%;
}

.pubu_list .item.edition {
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  float: left;
}

.item.edition .default_box {
  background: #fff;
  height: 100%;
  float: left;
  width: 100%;
}

.pubu_list .item.edition:hover {
  box-shadow: 1px 1px 10px #000;
}

#goods_body, #skus {
  width: 79%;
}

.sucai_box .pubu_list .item {
  width: 220px;
}

.shop_content_container {
  font-size: 0;
}

.provider_detail_footer {
  background: #eaeaea url(../images/provider_detail_footer.png);
  background-position: center;
  background-size: 1100px 55px;
  background-repeat: no-repeat;
  height: 70px;

}

.shop_content_left {
  font-size: 14px;
  width: 290px;
  vertical-align: top;
  margin-bottom: 30px;
  display: inline-block;
}

.shop_content_left .title {
  height: 50px;
  line-height: 50px;
  background: #686c6f;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  padding-left: 25px;
  margin-top: 30px;
}

.shop_content_left .content {
  padding: 35px 25px 5px 25px;
  border: 1px solid #f6f6f6;
  width: 290px;
  font-size: 14px;
}

.shop_content_left .content .item img {
  width: 238px;
  height: 238px;
}

.shop_content_left .content .item .desc {
  height: 55px;
}

.shop_content_left .content .item .desc .order {
  width: 22px;
  height: 22px;
  line-height: 22px;
  background: #fcd206;
  color: #2c1900;
  text-align: center;
  border-radius: 11px;
  float: left;
  margin: 16px 0;
}

.shop_content_left .content .item .desc .count {
  float: left;
  line-height: 55px;
  margin-left: 5px;
}

.shop_content_left .content .item .desc .price {
  float: right;
  line-height: 55px;
}

.shop_content_right {
  width: 1180px;
  font-size: 14px;
  margin-left: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
  display: inline-block;
  vertical-align: top;
}

.shop_content_right .tab_title {
  height: 55px;
  line-height: 55px;
  background: #f6f6f6;
  color: #505050;
  font-size: 0;
  border-bottom: 2px solid #f9d004;
}

.shop_content_right .tab_title .tab_title_item {
  text-align: center;
  display: inline-block;
  font-size: 20px;
  width: 170px;
  cursor: pointer;
}

.shop_content_right .tab_title .tab_title_item.active {
  color: #110006;
  background: #f9d004;
  cursor: auto;
}

.shop_content_right .tab_content .tab_content_item {
  display: none;
  padding: 35px;
  border: 1px solid #f6f6f6;
}

.shop_content_right .tab_content .tab_content_item.active {
  display: block;
}

.zengzhi .zengzhi_item {
  margin-bottom: 20px;
}

.zengzhi .zengzhi_item input {
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}

.zengzhi .zengzhi_item label {
  width: 40px;
  height: 40px;
  background: #f9cf00;
  color: #000000;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  vertical-align: middle;
  margin-right: 10px;
}

.zengzhi .zengzhi_item span {
  display: inline-block;
  vertical-align: middle;
}

.zengzhi .zengzhi_item span p {
  line-height: 20px;
}

.upload_attach {
  color: #000000;
  background: #f9cf00;
  font-size: 16px;
  padding: 5px 20px;
  cursor: pointer;
}

.banner {
  font-size: 0;
}

.banner .item {
  border: none !important;
  width: 23%;
  display: inline-block;
  font-size: 14px;
  margin: 0 1%;
}

.banner .item .image {
  width: 100%;
}

.banner .item .image img {
  width: 100%;
  height: 160px;
}

.banner .item .image img {

}

.banner .item p {
  margin: 5px 0;
}

.banner .item input[type="text"] {
  border-color: #d2d2d2;
  border-style: solid;
  border-width: 1px;
  width: 100%;
  padding-left: 5px;
  height: 30px;
  line-height: 1;
}

.banner .item .upload {
  position: relative;
}

.banner .item .upload input {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 5px;
  width: 100%;
  cursor: pointer;
}

.banner .item .upload span {
  margin-top: 5px;
  cursor: pointer;
  background: #fed900;
  height: 25px;
  line-height: 25px;
  display: block;
  width: 80px;
  text-align: center;
}

.task_mode .item {
  padding-left: 50px;
  background-image: url('../images/icon_png/task_mode_1.png');
  background-position: left center;
  background-repeat: no-repeat;
  height: 42px;
  padding-bottom: 0 !important;
  line-height: 21px;
  cursor: pointer;
}

.task_mode .item.active {
  background-image: url('../images/icon_png/task_mode_2.png');
  color: #fed900;
}

.task_mode .item:first-child {
  margin-bottom: 20px;
}

.jiesuan {
  font-size: 24px;
}

.flexleft.sub.item {
  background-image: url(../images/icon_png/chitang.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 230px;
}

.spec .item .values .num {
  font-size: 0;
}

.spec .item .values .num .left, .spec .item .values .num .right {
  display: inline-block;
  background: #dededc;
  color: #4c4c4c;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  width: 25px;
  height: 25px;
  line-height: 25px;
  cursor: pointer;
}

.spec .item .values .num .middle {
  width: 50px;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 18px;
}

.spec .item .values .num input {
  width: 50px;
  height: 25px;
  line-height: 25px;
  border: 1px solid #f1f1f1;
  padding: 3px 5px;
}

.store-name {
  font-size: 20px;
  margin-top: 15px;
  margin-bottom: 10px;
  margin-left: 20px;
}

.store-info {
  margin-left: 20px;
}

.store-info .item {
  font-size: 16px;
  line-height: 26px;
}

.store-info .icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

.store-info .icon.icon-zizi {
  background: url(../images/zizi.png);
  background-size: 16px 16px;
}

.store-info .icon.icon-qq {
  background: url(../images/qq.png);
  background-size: 16px 16px;
}

.store-info .icon.icon-huangguan {
  background: url(../images/huangguan.png);
  background-size: 16px 16px;
  margin-top: -2px;
}

.store-desc {
  margin-top: 15px;
  font-size: 0px;
  border-top: 1px dashed #cccccc;
  text-align: center;
  padding-top: 10px;
}

.store-desc .item {
  font-size: 16px;
  display: inline-block;
  width: 33.33%;

}

.store-desc .item p:nth-child(2) {
  color: red;
}

.store-action {
  margin-top: 15px;
  text-align: center;
}

.store-action a {
  background: #ececec;
  padding: 5px 10px;
  margin: 0 5px;
  display: inline-block;
}

.store-action a.store-collect.like {
  cursor: pointer;
}

.store-action a.store-collect.like:before {
  content: '收藏店铺'
}

.store-action a.store-collect.like.liked:before {
  content: '取消收藏'
}

.avatar_image img {
  border-radius: 50%;
}

.nav_list .cart {
  position: relative;
}

.nav_list .cart .count {
  position: absolute;
  left: 8px;
  top: 33px;
  background: red;
  color: #ffffff;
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  border-radius: 50%;
  font-size: 12px;
}

.nav_list .icon.icon-cart {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url(../images/cart.png);
  background-size: 100% 100%;
  margin-top: 42px;
}

.store-price-item .price-left, .store-price-item .price-right {
  display: inline-block;
}

.store-price-item .price-right {
  width: 80px;
}

.member-change-banner-btn {
    position: absolute;
    right: 120px;
    top:20px;
    color: #000;
  background: #fdcd01;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 3px;
}

@media screen and (max-width: 1512px) {
  .container {
    width: 1242px;
  }

  .uc_box {
    max-width: 1210px;
  }

  .banner .item .image img {
    height: 130px;
  }

  .YouLike .img img {
    width: 291px;
    height: 465px;
  }

  .inside_content .work_content_box {
    width: 470px;
  }

  .inside_content .work_content .swiper-container {
    width: 450px;
    height: 450px;
  }

  .inside_content .work_info {
    width: 490px;
    max-width: 1210px
  }

  .inside_content .work_shop {
    width: 282px;
  }

  .swiper-pagination-bullet {
    width: 82px !important;
    height: 82px !important;
  }

  .similarBox .pic-list .img {
    width: 275px;
    height: 440px;
  }

  .shop_content_right {
    width: 925px;
  }
}