/* 图标字体 运维不给配置跨域访问，所以在IE浏览器里面只能请求阿里的cdn里面 */
@font-face {
  font-family: iconfont;
  src:url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff');
  src: url('//at.alicdn.com/t/font_776131_oeolbr19oab.eot')\0;
  src: url('//at.alicdn.com/t/font_776131_oeolbr19oab.eot?#iefix') format('embedded-opentype')\0,
}

.iconfont {
  font-family: iconfont!important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  font-size: inherit;
}

.mt20 {
  margin-top: 20px;
}

.photo_box_new {
  width: 100%;
  height: 100%;
  /* filter: alpha(opacity=50); */
  background: #333333;
  background: rgba(51, 51, 51, 0.7);
  position: fixed;
  z-index: 1102;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

.photo_box_new .photo_content {
  padding: 20px;
  overflow: hidden;
}

.photo_box_new .photo_box_right {
  float: right;
  width: 320px;
  background: #ffffff;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  position: relative;
}

.photo_box_new .photo_box_right_content {
  overflow: hidden;
  overflow-y: scroll;
  margin-top: 20px;
  margin-bottom: 20px;
}

.photo_box_new .photo_box_right_content::-webkit-scrollbar {/*滚动条整体样式*/
  width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

.photo_box_new .photo_box_right_content::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  background: #aaaaaa;
  border-radius: 100px;
  cursor: pointer;
}

.photo_box_new .photo_box_left {
  margin-left: -340px;
  width: 100%;
  float: left;
}

.photo_box_new .photo_box_left_content {
  background: #ffffff;
  border-radius: 6px;
  margin-left: 340px;
  overflow: hidden;
  padding: 20px 40px;
}

.photo_box_new .pic_top_opt {
  margin-bottom: 20px;
  overflow: hidden;
}

.photo_box_new .pic_tags {
  float: left;
  overflow: hidden;
}

.photo_box_new .pic_tags .tag_item {
  margin-right: 20px;
  background: #f8f8f8;
  border-radius: 100px;
  float: left;
  /* font-family: MicrosoftYaHei;  */
  font-size: 14px;
  color: #666666;
  padding: 8px 20px;
  line-height: 14px;
  margin-top: 3px;
  cursor: pointer;
  border: 1px solid #f8f8f8;
}

.photo_box_new .pic_tags .tag_item:hover {
  border: 1px solid #dd4f50;
  background: #ffffff;
  color: #dd4f50;
}

.photo_box_new .pic_tags .tag_item:hover a {
  color: #dd4f50;
}

.photo_box_new .opt_right {
  float: right;
  overflow: hidden;
  height: 38px;
  line-height: 38px;
}

.zoom_box .icon_close,
.photo_box_new .photo_box_right .icon_close {
  transform: rotate(45deg);
  position: absolute;
  background: #222222;
  background: rgba(34, 34, 34, 0.5);
  border-radius: 100px;
  color: #ffffff;
  font-size: 22px;
  right: -18px;
  top: -18px;
  padding: 7px;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.866025404, M12=0.5, M21=-0.5, M22=0.866025404) ;
}

.photo_box_new .photo_box_right .icon_close:hover {
  background-color: #222222;
}

.photo_box_new .share-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.photo_box_new .opt_right  .share-btn,
.photo_box_new .opt_right .collect_btn,
.photo_box_new .opt_right .support_btn {
  background: #ffffff;
  border: 1px solid #999999;
  border-radius: 5px;
  font-size: 14px;
  color: #333333;
  padding: 0 20px;
  margin: 0 0 0 10px;
  line-height: 34px;
  height: 34px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}

.photo_box_new .opt_right  .share-btn:hover,
.photo_box_new .opt_right .collect_btn:hover,
.photo_box_new .opt_right .support_btn:hover {
  border: 1px solid #dd4f50;
  color: #dd4f50;
}

.photo_box_new .opt_right  .share-btn .iconfont,
.photo_box_new .opt_right .collect_btn .iconfont,
.photo_box_new .opt_right .support_btn .iconfont {
  margin-right: 10px;
  vertical-align: top;
}

.photo_box_new  #container_pic {
  margin: 0 auto;
}

.photo_box_new  #container_pic img {
  border-radius: 6px;
}

.photo_box_new .new_reels_pic {
  position: relative;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}

.photo_box_new .new_reels_pic .arrow {
  width: 60px;
  height: 60px;
  background-color: #444444;
  background-color: rgba(68, 68, 68, 0.5);
  border-radius: 100px;
  position: absolute;
  cursor: pointer;
  display: none;
  top: 46.5%;
  text-align: center;
}

.photo_box_new .new_reels_pic .arrow:hover {
  background-color: #444444;
}

.photo_box_new .new_reels_pic .arrow_right {
  right: 0;
}

.photo_box_new .new_reels_pic .arrow_left {
  left: 0;
}

.photo_box_new  .zoom_pic {
  /* width: 50px;
  height: 50px; */
  background-color: #444444;
  background-color: rgba(68, 68, 68, 0.5);
  border-radius: 100px;
  position: absolute;
  cursor: pointer;
  bottom: 20px;
  right: 0px;
  margin-right: 2px;
}

.photo_box_new  .zoom_pic:hover {
  background-color: #444444;
}

.photo_box_new  .new_reels_pic  .zoom_pic .iconfont {
  color: #ffffff;
  line-height: 24px;
  font-size: 24px;
  /* padding: 13px; */
  display: inline-block;
}

.photo_box_new .new_reels_pic .iconfont {
  color: #ffffff;
  line-height: 60px;
  font-size: 24px;
}

/* 其他图片列表 start */
.photo_box_new .other_pic {
  margin: 30px auto 10px;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  height: 120px;
  position: relative;
}

.photo_box_new .other_content {
  width: auto;
  overflow: hidden;
  margin: 0 50px;
}

.photo_box_new .other_list {
  /* width: max-content; */
  margin-left: -16px;
}

.photo_box_new .other_item {
  float: left;
  cursor: pointer;
  /* width: 120px;
  height: 120px; */
  padding-left: 16px;
  width: auto;
}

.photo_box_new .other_item img {
  width: 120px;
  height: 120px;
  border-radius: 6px;
  overflow: hidden;
  /* margin-left: 20px; */
}

.photo_box_new .other_item div {
  border: 2px solid #fff;
  box-sizing: border-box;
  border-radius: 6px;
  overflow: hidden;
  width: 120px;
  height: 120px;
}

.photo_box_new .active.other_item div {
  border: 2px solid #dd4f50;
}

.photo_box_new .active.other_item  img {
  width: 116px;
  height: 116px;
  box-sizing: border-box;
  border-radius: 4px;
}

.photo_box_new .other_pic .iconfont {
  font-size: 40px;
  position: absolute;
  color: rgba(102, 102, 102, 0.75);
  cursor: pointer;
}

.photo_box_new .other_pic .iconfont:hover {
  color: rgba(102, 102, 102, 1);
}

.photo_box_new .other_pic .iconfont.pre {
  top: 20%;
  left: 0px;
}

.photo_box_new .other_pic .iconfont.next {
  top: 20%;
  right: 0px;
}

/* 其他图片列表 end */

/* 设计师相关 */
.photo_box_new .works_right {
  padding: 0px 20px 20px;
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
  box-sizing: border-box;
}

.photo_box_new .author-info {
  /* padding: 20px; */
  height: auto;
  /* width: 215px; */
}

.photo_box_new .pbx_sjsInfo .author_info {
  width: 100%;
  height: 80px;
}

.photo_box_new  .pbx_sjsInfo .author_info .author_head {
  width: 80px;
  height: 80px;
  float: left;
  position: relative;
}

.photo_box_new .pbx_sjsInfo .author_info .author_head img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
}

.photo_box_new  .pbx_sjsInfo .author_info .author_name {
  /* width: 119px; */
  height: 80px;
  float: left;
  margin-left: 20px;
  padding-top: 4px;
}

.photo_box_new  .pbx_sjsInfo .author_info .author_name .name {
  max-width: 80%;
  height: 18px;
  line-height: 18px;
  font-size: 16px;
  color: #333;
  display: inline-block;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.photo_box_new  .pbx_sjsInfo .author_info .icon_content {
  position: relative;
}

.photo_box_new  .pbx_sjsInfo .author_info .author_name .city {
  width: 100%;
  line-height: 17px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #999999;
  margin-top: 7px;
}

.photo_box_new  .pbx_sjsInfo .author_info .author_name .city a {
  line-height: 15px;
  color: #999999;
}

/* .pbx_sjsInfo .author_info .author_name a:hover {
    color: #dd4f50;
  } */

.photo_box_new .sjs_icon_zm,
.photo_box_new .sjs_icon_jy,
.photo_box_new .sjs_icon_xr,
.photo_box_new .sjs_icon_rz,
.photo_box_new .sjs_icon_rz_qy {
  display: inline-block;
  /* background: url(//img.shejiben.com/work/icon1.png); */
  background-position: 0 0;
}

.photo_box_new .sjs_icon_rz{
  background-image: url(//img.shejiben.com/work/icon3.png);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='//img.shejiben.com/work/icon3.png',
    sizingMethod='scale');
}

.photo_box_new .sjs_icon_rz_qy {
  background-image: url(//img.shejiben.com/work/icon4.png);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='//img.shejiben.com/work/icon4.png',
    sizingMethod='scale');
}

.photo_box_new .sjs_icon_zm,
.photo_box_new .sjs_icon_jy {
  background-image: url(//img.shejiben.com/work/icon2.png);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='//img.shejiben.com/work/icon2.png',
    sizingMethod='scale');
}

.photo_box_new .sjs_icon_xr {
  background-image: url(//img.shejiben.com/work/icon1.png);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='//img.shejiben.com/work/icon1.png',
    sizingMethod='scale');
}

.photo_box_new .icon_content .sjs_icon_zm,
.photo_box_new .icon_content  .sjs_icon_jy,
.photo_box_new .icon_content .sjs_icon_xr {
  position: absolute;
  top: -11px;
  left: 8px;
  width: 22px;
  height: 22px;
  background-size: 22px;
  top: -18px\0;
}

.photo_box_new  .sjs_icon_rz,
.photo_box_new  .sjs_icon_rz_qy {
  position: absolute;
  bottom: 0px;
  left: 53px;
  width: 26px;
  height: 26px;
  background-size: 26px;
  left: 70px\0;
}

.photo_box_new .sjs_opt {
  margin-top: 10px;
}

.photo_box_new .follow,
.photo_box_new .chat {
  font-size: 14px;
  border-radius: 100px;
  cursor: pointer;
}

.photo_box_new  .follow {
  background: #dd4f50;
  border-radius: 100px;
  color: #ffffff;
  padding: 6px 12px;
}

.photo_box_new  .follow:hover {
  background-color: #f77071;
}

.photo_box_new  .follow.has_follow {
  background: #f8f8f8;
  color: #999999;
}

.photo_box_new  .chat {
  border-radius: 100px;
  border: 1px solid #999999;
  padding: 5px 8px;
  margin-left: 5px;
}

.photo_box_new  .chat:hover {
  border: 1px solid #dd4f50;
  color: #dd4f50;
}

.photo_box_new  .follow .iconfont {
  font-size: 12px;
}

.photo_box_new  .follow .iconfont,
.photo_box_new  .chat .iconfont {
  margin-right: 3px;
}
/* 设计师头像 end */

/* 来自案例 start */
.photo_box_new .form_case {
  padding: 20px;
  border-bottom: 1px solid #e3e3e3;
}

.photo_box_new .form_case .title {
  /* font-family: MicrosoftYaHei;  */
  font-size: 16px;
  color: #333333;
  text-align: justify;
  margin-bottom: 20px;
  font-weight: bold;
}

.photo_box_new .form_case .title .more {
  float: right;
  font-weight: 100;
  color: #e3e3e3;
}

.photo_box_new .form_case img {
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  width: 100%;
  height: 158px;
}

.photo_box_new .form_case .case_name {
  /* font-family: MicrosoftYaHei;  */
  font-size: 16px;
  color: #333333;
  text-align: justify;
  line-height: 21px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.photo_box_new .form_case .case_tags {
  /* font-family: MicrosoftYaHei;  */
  font-size: 12px;
  color: #999999;
  text-align: justify;
  line-height: 16px;
}
/* 来自案例 end */

/* 评论 start */
.photo_box_new .comment_content {
  /*  width: 280px; */
  padding: 20px;
  background-color: #fff;
  border-radius: 6px;
}

.photo_box_new .comment_content .title {
  /* font-family: MicrosoftYaHei;  */
  font-size: 18px;
  color: #333333;
}

.photo_box_new .comment_opt {
  position: relative;
}

.photo_box_new .comment_opt input {
  font-size: 14px;
  background: #f8f8f8;
  border-radius: 3px;
  color: #151515;
  /* font-family: MicrosoftYaHei;  */
  line-height: 14px;
  height: 42px;
  line-height: 42px;
  width: 100%;
  padding: 0 50px 0 20px;
  box-sizing: border-box;
  border: solid 1px #fff;
}

.photo_box_new  .comment_opt input::-webkit-input-placeholder {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  color: #999999;
}

.photo_box_new .comment_opt  .comment_num_count {
  position: absolute;
  right: 20px;
  top: 32px;
  font-size: 14px;
  color: #ccc;
}

.photo_box_new .comment_opt p {
  text-align: right;
}

.photo_box_new .comment_btn {
  background: #dd4f50;
  border-radius: 2px;
  /* font-family: MicrosoftYaHei;  */
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
  text-align: center;
  padding: 8px 26px;
  cursor: pointer;
}

.photo_box_new .comment_btn:hover {
  background-color: #f77071;
}

.photo_box_new .comment_list_content {
  margin-right: -15px;
  padding-right: 15px;
}


.photo_box_new .more_comment_content {
  text-align: center;
  margin-top: 18px;
  cursor: pointer;
  display: none;
}

.photo_box_new .more_comment_content .more_comment_btn {
  /* font-family: MicrosoftYaHei;  */
  font-size: 12px;
  color: #666666;
  text-align: center;
}

.photo_box_new .comment_item {
  /* padding-left: 10px; */
  overflow: hidden;
  margin-top: 20px;
  position: relative;
}

.photo_box_new .comment_item .author_head {
  width: 24px;
  height: 24px;
  float: left;
  position: absolute;
}

.photo_box_new .comment_item .author_head img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
}

.photo_box_new .comment_detail {
  border-bottom: 1px dotted #e3e3e3;
  /* width: 722px; */
  /* margin-left: 68px; */
}

.photo_box_new .comment_detail .author_name {
  /* font-family: MicrosoftYaHei;  */
  font-size: 14px;
  color: #666666;
  text-align: justify;
  line-height: 19px;
  padding-left: 34px;
  padding-top: 4px;
}

.photo_box_new .comment_detail .comment_text {
  /* font-family: MicrosoftYaHei;  */
  font-size: 13px;
  color: #333333;
  text-align: justify;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.photo_box_new .comment_detail .comment_bottom {
  margin-bottom: 10px;
}

.photo_box_new .comment_detail .comment_time {
  /* font-family: MicrosoftYaHei;  */
  font-size: 13px;
  color: #999999;
  text-align: justify;
}

.photo_box_new .comment_detail .form_app {
  color: #dd4f50;
}

.photo_box_new .comment_detail .comment_opt {
  float: right;
  color: #8e8e93;
  font-size: 16px;
}

.photo_box_new .comment_detail .comment_opt .iconfont {
  margin-left: 10px;
  color: #8e8e93;
  font-size: 16px;
  cursor: pointer;
}

.photo_box_new .comment_detail .comment_opt .iconfont:hover {
  color: #dd4f50;
}

.photo_box_new .comment_detail .support-comment .has_support,
.photo_box_new .comment_detail .support-comment.active .add_support {
  display: none;
}

.photo_box_new .comment_detail .support-comment.active .has_support {
  display: inline-block;
}

.photo_box_new .commnent_reply {
  position: relative;
  padding-top: 8px;
}

.photo_box_new .reply_content {
  background: #f8f8f8;
  border-radius: 3px;
  padding: 0 10px;
}

.photo_box_new .reply_content  .author_name {
  /* font-family: MicrosoftYaHei;  */
  font-size: 14px;
  color: #666666;
  line-height: 19px;
  padding-top: 20px;
  padding-left: 0px;
}

.photo_box_new .reply_content .reply_text {
  /* font-family: MicrosoftYaHei;  */
  font-size: 14px;
  line-height: 19px;
  color: #333333;
  margin-top: 7px;
  margin-bottom: 20px;
}

.photo_box_new .reply_content .comment_bottom {
  padding-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
  overflow: hidden;
}

.photo_box_new .commnent_reply .arrow,
.photo_box_new .commnent_reply .arrow2 {
  position: absolute;
  width: 0;
  height: 0;
  border-bottom-color: #f8f8f8 !important;
  left: 40px !important;
}

.photo_box_new .commnent_reply .arrow {
  top: 0;
  left: 50%;
  margin-left: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ccc;
}

.photo_box_new .commnent_reply .arrow2 {
  top: 1px;
  left: 50%;
  margin-left: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
}

/* 评论 end */


.zoom_box {
  width: 100%;
  height: 100%;
  /* filter: alpha(opacity=50); */
  background: #333333;
  background: rgb(51, 51, 51);
  position: fixed;
  z-index: 1103;
  top: 0;
  left: 0;
  display: none;
}

.zoom_content {
  margin: 10px;
  position: relative;
}

.zoom_img {
  margin: 0 auto;
}

.zoom_box .zoom_content .icon_close {
  right: 0px;
  top: 0px;
}

/* .photo_box_new.min_screen  .pbx_sjsInfo .author_info .author_name {
  width: 100%;
  margin-left: 0px;
  margin-top: 20px;
} */