.detail,.referrals{width:1200px;margin:30px auto}.detail{display:flex;flex-flow:row nowrap;margin:18px auto 50px}.detail_imgthumbs{width:100px;padding-right:20px}.detail_imgthumbs div{width:80px;height:80px;background-size:contain;background-repeat:no-repeat;background-position:50%;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}.ditB{background:#333231}.detail_imgbox{width:630px;height:630px;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center}.detail_img{width:100%;padding-top:100%;position:absolute;top:0;left:0;background-size:contain;background-repeat:no-repeat;background-position:50%;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}.detail_att{margin-left:20px;width:440px}.dl_att_s,.dl_att_x,.dl_att_x2,.dl_att_z{width:100%;height:auto;background-color:#fff;padding:20px;display:flex;flex-flow:column nowrap}.dl_att_s_s{display:flex;flex-flow:row nowrap;justify-content:center;height:26px;margin-bottom:8px}.dl_att_s_s_name{flex:1;color:var(--color-text);font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl_att_s_s_id,.dl_att_s_s_name{font-weight:600;line-height:26px}.dl_att_s_s_copyid{color:#6c6f74;padding:0 5px;line-height:26px;margin-left:10px;cursor:pointer}.dl_att_s_s_copyid:hover{border:1px solid #303336;color:#303336}.dl_att_s_down{color:var(--color-high-text);border:1px solid #d6d6d6}.dl_att_s_down,.dl_att_s_tomax{height:50px;margin:5px 0;line-height:50px;text-align:center;cursor:pointer}.dl_att_s_tomax{background-color:var(--color-high-text);color:#f0f8ff}.dl_att_z{padding:0;margin:20px 0;display:flex;flex-flow:column nowrap}.dl_att_z_s,.dl_att_z_x{padding:0 20px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;height:45px;border-bottom:1px solid #e0e0e0}.dl_att_z_x{justify-content:flex-end}.dl_att_z_s>div,.dl_att_z_x>div{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;height:100%;cursor:pointer}.dl_att_z_s>div>span,.dl_att_z_x>div>span{font-size:14px;margin:0 5px;color:#666d75}.dl_att_z_z{height:auto;display:flex;flex-flow:row nowrap;padding:20px;font-size:13.5px}.dl_att_z_z_l{border-right:1px solid #e0e0e0;align-items:flex-start}.dl_att_z_z_l,.dl_att_z_z_r{flex:1;display:flex;flex-flow:column nowrap;justify-content:center}.dl_att_z_z_r{align-items:center}.dl_att_z_z_l span,.dl_att_z_z_r span{margin:6px 10px}.dl_att_z_x{height:45px;border-top:1px solid #e0e0e0;border-bottom:none}.dl_att_x{height:212px}.dl_att_x2{padding:0;margin-bottom:20px;height:199px;display:none;overflow:hidden}.dl_att_x2_yq{padding:20px;width:100%;height:100%;background-color:#d7dee9;display:flex;flex-flow:row nowrap;justify-content:space-around;cursor:pointer}.dl_att_x2_yq_l{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.dl_att_x2_yq_title{font-size:22px;font-weight:600;margin:5px 20px}.dl_att_x2_yq_js{margin:5px 20px;font-size:13px;color:#666b6e}.dl_att_x2_yq_r{width:159px;height:159px;position:relative}.dl_att_x2_yq_img{width:100%;padding-top:100%;position:absolute;top:0;left:0;background-size:contain;background-repeat:no-repeat;background-position:50%;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}.referralsbtnbox{width:1200px;height:90px;margin:18px auto 50px}.referralsbtn{height:50px;border:1px solid #ced2da;margin:5px 10px;color:#717d97;line-height:50px;text-align:center;cursor:pointer}.fdjbox{position:absolute;top:0;left:0;opacity:0;visibility:hidden;z-index:9999;box-sizing:border-box;transition:all .3s;background:#fff}.fdj,.fdjbox{width:100%;height:100%}.fdj{background-size:contain;background-repeat:no-repeat;background-position:50%;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}.closefdj{margin:10px 20px;color:#e0e0e0;font-size:30px;padding:0 5px;background:#696969;border-radius:5px}.closefdj:hover{color:#fafafa;background:#aaa}.fdjB{background:#333231}.dimgb{position:absolute;width:100%;height:100%}.dimgbB{background-color:#333231}@media screen and (min-width:1500px){.detail,.referrals{width:1500px}.detail_imgthumbs{width:150px;padding-right:50px}.detail_imgthumbs div{width:130px;height:130px}.detail_imgbox{width:850px;height:850px}.detail_att{margin-left:50px}.dl_att_x2{display:block}.referralsbtnbox{width:1500px}}