body{background: #fafafc;}
.app-main .app-content .store-main{padding: 30px 45px 0;}
.searchT{color: #999; font-size:14px;}
.searchT a{color: #999;}
.searchT h1{ padding:0;display: inline; font-size: 14px; letter-spacing:0px;}

.views{ min-height: 600px; background: #fff; padding: 30px 35px 30px 80px; clear: both; overflow: hidden; position: relative; display: flex;}
.views .phonewrap .workarea {
  height: 620px;
  width: 330px;
  float: left;
  overflow: hidden;
}

/* 相册 */
.views .phonewrap .workarea video{ max-height: 100%;
  max-width: 100%;
}

iframe{border: 0; outline: 0;border-radius:10px}

.views .clickbtn {
  float: left;  
  margin-left: 25px;
  margin-top: 132px;
}
.views .clickbtn .prenext {
  cursor: pointer;
  width: 42px;font-size: 20px;
  text-align: center;
  color: #686c78;
  padding: 20px 3px;
  background: #f5f5f5;
  border: 1px solid #eee;
  user-select:none;
}
.views .clickbtn .prebtn{border-radius:25px 25px 0 0;}
.views .clickbtn .nextbtn{border-radius:0 0 25px 25px;}
.views .clickbtn .prenext:hover{color: #3191f5;}
.views .clickbtn .page-num{
  width: 60px;
  height: 20px;
  font-size: 20px;
  color: #333;
  line-height: 20px;
  margin:40px auto;
}
.views .clickbtn .prenext > i {
  font-size: 12px;
}

.rightpart{flex: 1; margin-left:3%; position: relative;}
.rightpart h1{font-size: 22px;max-width:780px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rightpart h1 span{font-size: 15px;font-weight: normal;display: inline-block; vertical-align: middle; background-color: #e7f3ff; padding:4px 4px;margin-right:10px; color: #3191f5;border-radius: 5px;}
.rightpart h1 span.hb{background-color: #e5deff; color: #8f7ee4;}
.rightpart .des{color: #999; font-size: 16px;margin-top:15px; float: left;}
.rightpart .price_item{padding-top:15px; clear: both;}
.rightpart .price_item div{display: inline-block;font-size: 14px;color: #888; }
.rightpart .price_item div.num{font-size:40px;font-weight: bold;color: #f5372b;}

.rightpart .price_item div.num span{font-size: 18px;font-weight: normal;}
.rightpart .price_item div.num i{font-size: 14px; color: #888; text-decoration: line-through;}
.rightpart .price_item div.num .vip{background-color: #f5372b; padding: 2px 10px; color: #fff; vertical-align: 2px; border-radius:15px 5px  5px 15px; margin-left: 8px;font-size: 12px;}
.rightpart .price_item div.pageview{margin-left:90px;}
.rightpart .price_item div .iconfont{color: #888;font-size: 20px;vertical-align: -2px;margin-right: 3px;}
.rightpart .price_item div.likeIn{margin-left:30px;cursor: pointer;}
.rightpart  .Designer{color: #333;border-radius:10px; margin-left:20px;margin-top:5px;display: inline-block;font-size: 14px; background-color: #eee; padding: 10px 20px;position: absolute; top: 70px; right: 0;}

.rightpart  .Designer img{width:35px; height:35px;border-radius:50%; vertical-align: middle;border: 1px solid #eee;margin-right: 5px;}
.rightpart  .Designer span{color: #3191f5;font-size: 12px; margin-left:70px;}
.rightpart  .Designer:hover{color: #3191f5;}
.rightpart .price_item div.likeIn.on .iconfont{color: #3191f5;}
.rightpart .buyBtn{margin-top: 20px;}
.rightpart .buyBtn a{ display: inline-block; width: 160px; height: 45px;line-height:45px;text-align:center;background-color:#3191f5;color:#fff;font-size:16px;border-radius:5px}
.rightpart .buyBtn a.goserve{ background: #fff;margin-left: 10px;color: #3191f5;border: 1px solid #3191f5;}
.rightpart .buyBtn a:hover{opacity: 0.8;}
.rightpart .buyBtn a.unclick{ background: #999; cursor: not-allowed;}
.rightpart .mobile_view{width: 160px; height: 160px; margin-top: 20px; display: flex; justify-content: center; align-items: center; border: 1px solid #eee;}
.rightpart .tips{width: 160px; text-align: center;color: #777;font-size: 14px; line-height: 30px;}
.rightpart .mb_tags a{ display: inline-block; background: #f5f5f5; color: #999; padding:2px 7px;margin-top: 10px;border-radius: 3px;}
.rightpart .mb_tags a:hover{color: #3191f5;}
.rightpart .mb_int_list{border-top: 1px solid #ddd;margin-top:25px; padding: 25px 25px;}
.rightpart .mb_int_list ul{display: flex;flex-wrap: wrap;justify-content: space-around;}
.rightpart .mb_int_list li{display: flex; width: 25%; float: left;margin-bottom: 25px;max-width: 210px;min-width: 140px;}
.rightpart .mb_int_list li .icon{margin-top:20px;}
.rightpart .mb_int_list li .iconfont{font-size: 30px;color: #3191f5;}
.rightpart .mb_int_list li .des_r{margin-left:12px;padding-right: 30px;}
.rightpart .mb_int_list li .des_r p{font-weight: bold;}
.rightpart .mb_int_list li .des_r span{color: #999;}

.aboutMb {background:#fff;padding:25px 30px 50px;clear:both;overflow:hidden;margin-bottom:40px;}

.hot_muban h3,.like_about h3 {font-size:22px;color:#444;border-bottom:1px solid #eee;padding-bottom:10px;}
.hot_muban h3::before,.like_about h3::before {content:'';display:inline-block;width:4px;height:20px;background-color:#3191f5;vertical-align:middle;margin-right:10px;}
.hot_muban h3 a {float:right;font-size:14px;margin-top:10px;color:#999;font-weight: normal;}
.hot_muban h3 a i{font-size: 14px;}


/* 相关名片推荐 */
.hot_muban.card ul li .editmask {height: 320px;}
.hot_muban.card ul li .muban_thumb .thumbC{height: 269px;background:#f1f1f1;box-shadow: 0 7px 10px rgba(80,79,79,0.5); display: flex; align-items: center;}
.hot_muban.card ul li .muban_thumb img{width: 100%;padding: 0; box-shadow: none;}

.views.haibao .phonewrap .workarea { width: 460px;background: #e6ebee;
  padding: 45px 30px 20px;
  border-radius: 5px 5px 0 0; height: auto;
  position: relative;
  overflow: hidden; height: 650px;   overflow-y: auto;}
.views.haibao .phonewrap .workarea img{ border: 1px solid #eee;}
.views.haibao .phonewrap .workarea::before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 72px;
  background: url(../images/wd1.png) no-repeat;
  background-size: 25px auto;
  position: absolute;
  left: 70px;
  top: -10px;
  z-index: 1;
}
.views.haibao .phonewrap .workarea::after {
  content: '';
  display: inline-block;
  width: 25px;
  height: 72px;
  background: url(../images/wd1.png) no-repeat;
  background-size: 25px auto;
  position: absolute;
  right: 70px;
  top: -10px;
  z-index: 1;
}

.views.haibao .rightpart{flex: 1; margin-left: 56px;}

.views.card .phonewrap .workarea { width: 330px;height: 540px;background-color: #f1f1f1; display: flex; align-items: center;}
.views.card .phonewrap .workarea img{ border: 1px solid #f1f1f1;}

.view_des_c {position: absolute; left: 210px; top: 215px;}
.view_des_c .p_t{ font-size:13px; color:#909090; margin-top:20px;}
ol,ul {list-style-image:none;list-style-position:outside;list-style-type:none;}
.view_des_c li i{color:#3995f5;margin-right:10px; vertical-align: middle;font-size: 13px;}
.view_des_c li{ font-size:12px; color:#ababab; margin-top:12px;}


/* 支付弹窗 */
.pay_content{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.6);z-index: 1002; bottom:0; top: 0;left:0;right:0;display: none;}
.ment-overlay { position: fixed; top:10%; left: 50%;transform: translateX(-50%);width:100%;max-width:640px; margin:0 auto; z-index: 1002;}
.ment-layer-wrap {box-sizing:border-box;background:#fff; border-radius:10px; margin:0 10px;padding: 45px 30px 10px;box-shadow: 0 0 8px rgba(255,136,0,0.3);}
.ment-icon{position:absolute; left:0; right:0;top:-50px;width:90px;height:90px;cursor:pointer; margin:auto;border:5px solid #fff; border-radius:50%; background: #fff;}
.ment-icon img{ width:100%;height:100%;box-sizing:border-box; padding:3px; background:#fff;border-radius:50%;}
.ment-icon_xixi {position:absolute;left:0; right:0;top:-65px;width:165px;height:128px;cursor:pointer;margin:auto}
.ment-layer-wrap .row{ clear:both}

.ment-layer-wrap .p_head{ text-align:center; position:relative}
.ment-layer-wrap .p_head:before{ content:''; width:80px; height:80px; background:url(https://www.zhanmang.com/static/m/images/pay/xl.png) right top no-repeat; background-size:60px auto; position:absolute; left:-40px; top:-15px; }
.ment-layer-wrap .p_head:after{ content:''; width:40px; height:80px; background:url(https://www.zhanmang.com/static/m/images/pay/xr.png) right 5px no-repeat; background-size:40px auto; position:absolute; right:-20px; top:-15px; }
.ment-layer-wrap .p_head p{ color:#666; font-size:14px;}
.ment-layer-wrap h4 {font-size:18px;color:#ff4822; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height:35px; line-height:35px;font-weight: 500;}
.pay_select ul{ padding-top:10px;}
.pay_select ul li{ display:flex; border-bottom:1px solid #eee; padding:8px 0; cursor: pointer;}
.pay_select li .s_left{ width:40px;}
.pay_select li .s_left i{ display:block;height: 32px;width: 22px;background: url(https://www.zhanmang.com/static/m/images/pay/select.png) left 5px no-repeat; -webkit-background-size: 100% 100%; background-size: 100%;}
.pay_select li.active .s_left i{background: url(https://www.zhanmang.com/static/m/images/pay/select_on.png) left 5px no-repeat; -webkit-background-size: 100% 100%; background-size: 100%;}
.pay_select li .s_right{ flex:1}
.pay_select li .s_right .s_price .y{ color:#adadad; font-size:12px;text-decoration:line-through}
.pay_select li .s_right .s_price .g{ font-size:14px; color:#ff8800;}
.pay_select li .s_right .s_price .x{ color: #ff8800; font-size: 20px; font-weight:bold}
.pay_select li .s_right .s_price .v{background-color: #fb5904; padding: 2px 10px; color: #fff; vertical-align: 1px; border-radius:15px 5px  5px 15px; margin-left: 8px;}

.pay_select li .s_right .s_des{ color:#646464; font-size:12px; margin:5px 0 0 5px;}
.p_des_c{position: relative;}
.p_des_c .p_t{ font-size:13px; color:#909090; margin-top:20px;}
ol,ul {list-style-image:none;list-style-position:outside;list-style-type:none;}
.p_des_c li:before{content:''; width:5px; height:5px; display:inline-block; background:#ff8800; border-radius:50%; margin-right:10px; vertical-align: middle}
.p_des_c li{ font-size:12px; color:#ababab; margin-top:12px;}


.ewm_content{ text-align: center;  }
.ewm_content .tips{ margin-top: 5px; color: #333;font-size: 14px;}
.ewm_content .tips .iconfont{font-size: 20px; color:rgb(89, 204, 13);border-radius:5px;margin-right:5px; vertical-align: middle;}
.pc_ewm_time{position: relative; width: 160px; height: auto; margin: 15px auto;}
.pc_ewm_time .ewmCodeUrl{width: 160px; height: 160px; border: 1px solid #ddd; border-radius: 5px; display: flex; justify-content: center; align-items: center;}
.pay__expired{ width: 160px; height: 160px; background: rgba(0,0,0,0.6); position: absolute; top: 0; left:0; display: flex; justify-content: center; align-items: center;flex-direction:column; color: #fff;}
.pay__expired.none{display: none;}
.pay__expired button{background: #2d8cf0; color: #fff; border: none; width: 80px; height: 30px;border-radius: 5px; cursor: pointer;}
.pc_cancel_btn{ position: absolute;right: -8px; top: -20px;border-radius: 50%;width: 40px; height: 40px;border: 1px solid #fff; display: flex; align-items: center; justify-content: center;cursor: pointer; background-color: #fff;}
.pc_cancel_btn .iconfont{color: #444; font-size:14px;}

 .pay_price{ font-size: 14px; color: #999;}
 .pay_price span{color: #ff4822;font-size: 16px;font-weight: bold;}
.select_sj{display: flex; margin-top:25px; float: left;}   
.s_des{margin-left: 10px;} 
.s_des .sjs{display: flex;color: #555;font-size: 14px;}
.s_des .bg-tui {
    font-style: normal;
    display: inline-block;
    text-align: center;
    width: 40px;
    height: 16px;
    line-height: 16px;
    background-color: #ea3721;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    margin-left: 8px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .s_des .bg-tui:after {
    content: "";
    border: 8px solid transparent;
    border-right-color: #ea3721;
    position: absolute;
    top: 0;
    left: -12px;
} */
.s_des .tips i{color: #ff8800;font-size: 14px;}
.s_des .tips{color: #888;font-size: 12px;margin-top:6px;cursor: pointer;}

.select_sj{display: flex; margin-top: 12px;position: relative;    width: 100%;} 
.select_sj.first{border-bottom:1px solid #ddd;padding-bottom: 10px;}
.s_des{ flex: 1;} 
.s_des .sjs{display: flex;}
.s_des .sjs .t1{font-size: 14px;font-weight: bold;width: 105px;color: #000;}
.s_des .sjs .t2{font-size: 14px;font-weight: bold;color: #ff4822;}
.s_des .sjs .t3{font-size: 12px;text-decoration:line-through;color: #999; margin-left:4px;}
.s_des .sjs .t4{color: #999;
    font-size: 14px;
    margin-left:15px;}
.s_des .bg-tui {
    font-style: normal;
    display: inline-block;
    text-align: center;
    width: 57px;
    height: 16px;
    line-height: 16px;
    background-color: #ff4822;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    margin-left: 8px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px 15px 15px 0;
}
.s_des .edit{cursor: pointer; display: none; float: right;color: #999;font-size: 14px;margin-left: 5px; text-decoration: underline;}
.s_des .edit:hover{color: #ff4822;}
.s_des .desc{display: inline-block; background: #ffdb70;color: #987123; font-size: 11px; line-height: 18px;padding: 0 10px;border-radius: 3px; margin-top: 5px;}


.agree_checkbox{display: inline-block;position:relative;cursor: pointer;}
.agree_checkbox .iconfont,.makeType .mli .iconfont {position:relative;border-radius:2px;border: 1px solid #ff4822;color:#fff;background:#fff;pointer-events:none;display:flex;font-size:14px;
width:18px;height:18px; align-items: center; justify-content: center;}
.agree_checkbox.active .iconfont,.makeType .mli.active .iconfont {border:1px solid #ff4822; color: #fff; background-color:#ff4822 ;}


.makeType{display: flex;margin-top: 10px;width: 100%;}
.makeType .mli{display: flex;width: 33%;flex: 1;cursor: pointer;}
.makeType .mli .iconfont{margin-top: 5px;border-radius: 50% !important;width:20px;height:20px;}
.makeType .mli .mDesc{margin-left: 8px;}
.makeType .mli .mDesc .t1{font-size: 12px;}
.makeType .mli .mDesc .t2{font-size: 11px;color: #ff4822;}

.xzzzfs {border-bottom:1px dashed #eee;height:auto;zoom:1;overflow:hidden;padding:0 0 10px;margin-top: 10px;}
.xzzzfs ul li {width:100%;line-height:40px;font-size:14px;color:#666;text-align:left;height:40px;position:relative;width:100%;cursor: pointer;}
.xzzzfs ul li.wxzf i{color: #46cb01;font-size: 26px; margin-right: 10px;vertical-align: middle;}
.xzzzfs ul li.zfbzf i{color: #00a0e9;font-size:26px; margin-right: 10px;vertical-align: middle;}
.xzzzfs i.s {-webkit-appearance:none;background-color:#fff;border:1px solid #ff4822;padding:9px;border-radius:50px;display:inline-block;position:absolute;right:2px;top:10px;width:22px;height:22px;font-size: 12px;}
.xzzzfs .on i.s:after {content:' ';width:12px;height:12px;border-radius:50px;position:absolute;top:4px;background:#ff4822;text-shadow:0px;left:4px;font-size:12px;}

.pay_vip i{color: #ff4822;font-size: 15px;margin-right: 3px; vertical-align: middle; }
.pay_vip{display: block; clear:both;color: #ff4822 !important; padding-top: 15px;font-size: 14px;text-decoration: underline !important; text-align: center;}
.p_des_c{margin-top: 5px;clear: both;overflow: hidden;}

.pleft1{clear: both;
  overflow: hidden; -moz-user-select:none;/*火狐*/
  -webkit-user-select:none;/*webkit浏览器*/
  -ms-user-select:none;/*IE10*/
  -khtml-user-select:none;/*早期浏览器*/
    user-select:none;}
.pcLeft{width: 300px;float: left;}
.pcRight{width: 220px;float: right;
  flex-direction: column;
  justify-content: center;
  height: 321px;}
.guanzhu_box{    text-align: center;}
.guanzhu_box img {
  width: 200px;
  margin: 0 26%;
}
.guanzhu_box .cover img{width: 150px;}
.guanzhu_box p {
  padding: 8px 0;
  font-size: 12px;
  color: #bbb;
  text-align: center;
}

/* 弹窗提示 */
.service_dialog {position:fixed;top:0;left:0;width:100%;height:100%;font-family:Microsoft YaHei;line-height:1}
.shadow {position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.5)}
.dialog-content {position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10;width:90%;text-align:center;background:#fff;border-radius:10px; max-width: 640px;}
.dialog-action {padding:3px 10px 5px 5px;text-align:right;cursor: pointer;}
.dialog-close-action,.dialog-close-img {display:inline-block;font-size:30px;color:#888;cursor:pointer}
.dialog-close-action img,.dialog-close-img img {width:1rem;height:1rem;display:block}
.dialog-content-title {margin-bottom:13px;font-size:18px;font-weight:700;color:#1a1a1a}
.dialog-content-explain {margin-bottom:10px;font-size:14px;color:#707070}
.dialog-content-explain span {color:#4ec7ff}
.dialog-content-qrcode-image {margin:0 auto 1rem;width:60%;box-shadow:0 0 1.5rem #ddd}
.dialog-content-qrcode-image p {font-size:12px;padding-bottom:10px;color:#444}
.dialog-content-qrcode-image img {display:block;width:100%}
.dialog-content-explain li{font-size: 14px;color: #ababab;margin-top: 6px;text-align: left;line-height:20px;}


.reportMb{position: absolute; right: 0px; top: -4px; z-index: 5; text-align: right;}
.reportMb a{color: #888; display: inline-block; line-height: 40px;}
.reportMb .form{border: 1px solid #eee;background-color: #fff; padding: 20px 20px 10px; width: 300px;box-shadow: 0 0 5px #ddd; display: none;margin-top: -5px;}
.formSelect{ display: flex;flex-wrap: wrap; text-align: left;}
.formSelect li{width: 33%; display: flex; align-items: center; margin-bottom: 10px;cursor: pointer;}
.formSelect li i{border: 1px solid #ddd; color: #fff;border-radius: 50%; font-size: 12px; display: inline-block; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; margin-right: 5px;}
.formSelect li.active i{border-color: #3191f5; color: #fff; background-color: #3191f5;}
.formCont textarea{width: 100%; border: 1px solid #ddd; height: 60px; margin-top: 0px;border-radius: 5px;padding:5px;font-size: 12px;}
.formCont .submit{padding: 3px 15px;background-color: #3995f5;color: #fff;font-size: 14px;line-height: 18px; margin-top: 10px;border-radius: 5px;}
.reportMb:hover .form{display: block;}


/* 收货信息填写 */
.addressAlert{position: fixed; width: 100%; height: 100%; top: 0;left: 0; z-index: 1003; display: flex; align-items: center; justify-content: center; display: none;}
.addressAlert .mask{width: 100%; height: 100%;position: absolute;left: 0; top: 0; background-color: rgba(0, 0, 0, 0.2);}
.addressAlert .addressC{width: 700px; background-color: #fff; position: relative;z-index: 1;border-radius:2px;}
.addressAlert .addressC .ahead{height: 40px; line-height: 40px; position: relative;font-size: 16px;color: #888;padding: 0 0 0 15px;background-color: #f5f5f7;}
.addressAlert .addressC .ahead .closeMask{ display: flex; height: 40px; display: flex; width: 40px; justify-content: center; align-items: center;float: right;}
.addressAlert .addressC .ahead .closeMask i{font-size: 16px;}
.selectC{padding: 40px 100px;}
.selectC .wfform-box{display: flex;font-size: 14px; color: #999; margin-bottom: 15px;}
.selectC .wfform-box .wfform-label{width: 90px;line-height: 35px; }
.selectC .wfform-box .wfform-label span{color: #f00;margin-right: 5px;}
.selectC .wfform-box .wfform-opt{flex: 1;}
.selectC .wfform-box .wfform-opt input{width: 100%; height: 35px; line-height: 35px; padding: 3px 8px; border: 1px solid #ddd;font-size: 14px;}
.selectC .wfform-box .wfform-opt select{ border: 1px solid #ddd;height: 35px; padding: 0 5px;font-size: 14px; color: #666;cursor: pointer;width: 32%;}
.addressOk a{ background-color: #3191f5; color: #fff;font-size: 14px;padding: 8px 35px;border-radius: 5px;display: inline-block; margin:10px 0 0 90px;}
.addressOk a:hover{opacity: 0.8;}
.addressAlert .shop_figure{display: flex; width: 180px; justify-content: space-between;border: 1px solid #ddd; line-height: 30px;border-radius:8px;overflow: hidden;}
.addressAlert .shop_figure .shop_minus_p,.shop_add_P{width: 50px; height: 35px; display: flex; justify-content: center; align-items: center;font-weight: bold; font-size: 24px;cursor: pointer;background-color: #f5f5f5;}
.addressAlert .shop_figure .shop_minus_p{border-right: 1px solid #ddd;}
.addressAlert .shop_figure .shop_add_P{border-left: 1px solid #ddd;}
.addressAlert .shop_figure .shop_Num{flex: 1; display: flex; justify-content: center; align-items: center;}

/* 电子相册详情 */
.bookLeft{width: 480px;float: left;}
.bookLeft .cy-hover:nth-child(2n){margin-right: 0;}
.bookRight{width: 930px;float: right;}
.bookRight .tabbar {
  background-color: #F7F7F7;
  height: 50px;
  line-height: 50px
}

.bookRight .tabbar>a {
  padding: 0 30px;    display: inline-block;font-size: 16px;
}

.bookRight .tabbar>a.active,.bookRight .tabbar>a:hover {
  background-color: #fff;
  color: #3191f5;
  border-top: 3px solid #3191f5
}

.bookDetailContent {
  padding: 10px 0 30px 0;
  text-align: justify;font-size: 16px;
}
.bookDetailContent img {
  max-width: 100%;
  border-radius: 3px;
}


@media screen and (max-width: 1570px) {
  .views{ padding: 30px 35px 30px 35px; }
  .reportMb{top: 35px !important;}
  .rightpart h1{max-width: 500px;}
  .rightpart  .Designer{ top: 140px;right: 10px; }
  .rightpart .mb_int_list{padding: 25px 10px 0;}
  .rightpart .mb_int_list li{min-width: 110px;}
  .rightpart .mb_int_list li .des_r{padding-right: 5px;}
  .aboutMb{padding: 25px;}
  .views.haibao .rightpart{margin-left: 30px;}
  .views.haibao .phonewrap .workarea{width: 420px;}
  .views.haibao .phonewrap .workarea img{width: 360px;}
}
@media screen and (max-width: 1350px) {
  .rightpart h1{max-width: 470px;}
}

@media screen and (max-width: 1280px) {
  .rightpart .Designer{right: 100px;}
  .view_des_c{position: unset;}
  .Designer span{display: none;}
}


.common_list_cont.haibao{display: block;opacity: 0;}
.common_list_cont.haibao .list_li{ width:100%;max-width: 245px;}
.common_list_cont.haibao .waterfall_column{width: calc(94% / 6);}

@media screen and (min-width: 1930px) {
	.common_list_cont .waterfall_column{width: calc(93% / 7); }
}

@media screen and (max-width: 1370px) {
	.common_list_cont .waterfall_column{width: calc(94% / 5); }
}
@media screen and (max-width: 1200px) {
	.common_list_cont .waterfall_column{width: calc(94% / 4); }
}



/* 音乐相册图片编辑 */
.musicAlbumEdit{clear:both; width:100%; position: fixed; height:100%; top: 0;  z-index: 1001;background: #fff;overflow: hidden;display:flex;justify-content: center;left:0;background:rgba(0,0,0,0.5)}
.musicAlbumEdit .content{width:640px; height:700px;background:#fff;display:flex;overflow:hidden;flex-direction: column;margin-top:80px;border-radius:10px;}
.musicAlbumEdit .content .title{height:40px;line-height:40px;text-align:center;border-bottom:1px solid #ddd;font-size:16px;font-weight:bold;background:#f1f1f1}
.musicAlbumEdit .content .tab{display:flex; height:50px;align-items:center;    border-bottom: 1px solid #ddd;  justify-content: space-around;padding: 0 100px;}
.musicAlbumEdit .content .tab .item{height:100%; position:relative;display:flex;align-items:center;flex:1;justify-content:center;color:#555;font-size:16px;cursor: pointer;}
.musicAlbumEdit .content .tab .item.on{color:#0493FF}
.musicAlbumEdit .content .tab .item.on:after{content:'';display:block;position:absolute;width:80%;height:3px;background:#0493FF;bottom:0;}

.musicAlbumEdit .photoList{padding:10px;flex:1; overflow:hidden;   overflow-y: scroll;}
.musicAlbumEdit .photoList .tips{color:#333;font-size:14px;padding:5px 15px 0;background:#fff; }
.musicAlbumEdit .photoList .tips span{color:#999}

.musicAlbumEdit .photoList .itemList{display:flex;flex-wrap: wrap;padding:12px 15px 5px;background:#fff;}

.musicAlbumEdit .photoList .itemList .item{width:100px;height:100px;border-radius:5px;margin-right:20px;overflow:hidden;margin-bottom:20px;position:relative;cursor: pointer;}
.musicAlbumEdit .photoList .itemList .item img{object-fit: cover;width:100%;height:100%}
.musicAlbumEdit .photoList .itemList .item  .select{position:absolute;width:20px;height:20px;background:rgba(0,0,0,0.3);border-radius:50%;display:flex;justify-content:center;flex-direction: column;align-items:center;right:5px;top:5px;color:#f1f1f1;}
.musicAlbumEdit .photoList .itemList .item  .select i{font-size:12px;}
.musicAlbumEdit .photoList .itemList .item  .select.on{background:#3191f5;box-shadow: 0 0 1px #fff}
.musicAlbumEdit .photoList .itemList .item .thumb{position:absolute;left:0;top:0;font-size:11px;width:37px; background:#3191f5;padding: 2px 5px;color:#fff;border-radius:0 15px 15px 0;text-align:center;}
.musicAlbumEdit .photoList .itemList .item .thumb.num{background:rgba(0,0,0,0.3);}

.musicAlbumEdit .photoList .itemList .item:nth-child(5n){margin-right:0}
.musicAlbumEdit .photoList .itemList .item .add{display:flex;justify-content:center;flex-direction: column;align-items:center;border:2px dotted #666;font-size:12px;color:#888;width:100px;height:100px;background:#fff;border-radius:5px;}
.musicAlbumEdit .photoList .itemList .item .add .txt{margin-top:5px;}

.handleBtn{display:flex;border-top:1px solid #ddd;}
.handleBtn .item{flex:1;display:flex;flex-direction: column;align-items:center;padding:10px 0;font-size:12px;color:#555;cursor: pointer;}
.handleBtn .item i{font-size:14px;}
.handleBtn .item.gray,.handleBtn .item.gray:hover{color:#ccc}
.handleBtn .item:hover{color:#3191f5}   
.albumBtn a{display: block;height:40px; line-height:40px;border-radius:5px;}
.albumBtn .cancel{ width:180px;  background:#f5f5f5; color:#666; border:1px solid #ddd;}
.albumBtn .save{ position:relative; background:#3191f5; color:#fff; border:1px solid #3191f5;width:180px;}
.albumBtn .add{background:#f4f9ff;border:1px solid #3191f5;color:#3191f5;flex:1;margin:0 20px;}
.albumBtn{  overflow:hidden; text-align:center;background:#fff; font-size:16px;text-align:center;border-top:1px solid #ddd;}
.albumBtn .btn_c{ padding:10px;display:flex;justify-content: space-between;}