/* -----------------------------------------------2.0钉钉上传文件控件----------------------------------------------------- */
/* 

标题
必填
添加按钮
上传进度条
图片列表
图片预览（第三方插件）
图片重命名
视频列表
视频预览（弹出层）
视频重命名
视频上传截图
附件列表
视频重命名
音频列表
音频预览（第三方插件+弹出层）
音频重命名
上传图片、视频、附件、音频弹出层

 */

/*---------------------------------------------公共样式---------------------------------------------*/
.upload_file .col-md-10,
.upload_file .col-md-11,
.upload_file .col-md-12,
.upload_file .col-md-1,
.upload_file .col-md-2,
.upload_file .col-md-3,
.upload_file .col-md-4,
.upload_file .col-md-5,
.upload_file .col-md-6,
.upload_file .col-md-7,
.upload_file .col-md-8,
.upload_file .col-md-9 {
    padding: 0 35px 1.04vw;
    /*内边框*/
    display: table-row;
    /**/
}

.upload_file .col-md-1,
.upload_file .col-md-2,
.upload_file .col-md-3,
.upload_file .col-md-4,
.upload_file .col-md-5,
.upload_file .col-md-6,
.upload_file .col-md-7,
.upload_file .col-md-8,
.upload_file .col-md-9,
.upload_file .col-md-10,
.upload_file .col-md-11,
.upload_file .col-md-12 {
    padding: 0.7vw;
    float: left;
}

input,
button,
select,
textarea {
    outline: none;
}
/* --------------------标题-------------------- */
.upload_file .scys001 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.upload_file .form009 {
    color: rgba(0, 0, 0, 0.85);
    display: block;
    margin: 0;
    font-weight: 500;
    font-size: 0.8vw;
    height: 0.8vw;
    line-height: 1;
    /* margin-bottom: 0.4vw; */
    margin-bottom: 0.75vw;
    position: relative;
}
/* --------------------必填-------------------- */
.upload_file label.red-tip::before {
    content: "*";
    margin-right: 0.26vw;
    /* color: #f04631; */
    color: #d30000;
    position: absolute;
    left: -0.5vw;
}
/* 必填提示语 */
.upload_file .hint004 {
    padding: 0.7vw;
    width: 100%;
    color: #d30000;
    display: inline-block;
    margin: 0;
    float: left;
    margin-top: -1vw;
}
/* --------------------添加按钮-------------------- */
.upload_file .bdbg001 {
    width: max-content;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
}
.popup_pictures .upload_file .bdbg001 button {
    font-size: 0.8vw;
    border-radius: 0.25vw;
    line-height: normal;
    padding: 0 1vw;
    height: 1.9vw;
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-left: 0.4vw;
}
.popup_pictures .upload_file .bdbg001 button:hover{
    background-color: var(--main-bg-color);
    cursor: pointer;
}
.popup_pictures .upload_file .bdbg001 button:active{
    background-color: #e8e8e8;
    border: 1px solid transparent;
}
.upload_file .bdbg002 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1vw;
    border: 1px solid #e6e6e6;
    border: 1px solid #ccc;
    padding: 0.4vw 0.8vw;
    border-radius: 0.25vw;
}
.upload_file .bdbg002:hover {
    cursor: pointer;
    background-color: var(--main-kpbg-color-hover);
}

.upload_file .bdbg002:active {
    background-color: var(--main-kpbg-color-active);
}
.upload_file .bdbg008 {
    margin-top: 0;
    /* margin-bottom: 0; */
    margin-bottom: 0.7vw;
}
.upload_file .bdbg003 {
    margin-right: 0.4vw;
    display: flex;
    align-items: center;
}
.upload_file .bdbg003 img {
    width: 0.7vw;
}
.upload_file .bdbg004 {
    font-size: 0.72vw;
}
/* 拖拽排序 */
.upload_file .tzpx001{
    width: 100%;
    /* margin: -0.2vw 0 0.4vw; */
    display: flex;
    align-items: center;
    height: 3.5rem;
    margin-top: -0.7vw;
}
.upload_file .tzpx001 span{
    font-size: 0.72vw;
    color: #d30000;
    line-height: 1.5;
}

.upload_file .tzpx001 img{
    margin-right: 0.3vw;
    width: 0.72vw;
    height: auto;
}
/* --------------------上传进度条-------------------- */
.upload_file .upload {
    /* margin-top: 0.6vw; */
    margin-top: 0.3vw;
    /* margin-bottom: 0.6vw; */
    margin-bottom: 0;
    height: 1vw;
    overflow-y: auto;
}
.upload_file .upload p {
    margin: 0;
    font-size: 0.72vw;
    color: var(--menu-text-two2);
    line-height: 1.5;
}
.upload_file .upload span {
    margin: 0;
    font-size: 0.72vw;
    color: var(--menu-text-two2);
    line-height: 1.5;
}
/* 隐藏滚动条 */
.upload_file .upload::-webkit-scrollbar{
    display: none;
}
.upload_file .upload{
    scrollbar-width: none;
}

.upload_file .bdbg009{
    margin-top: 0;
    margin-bottom: 0;
}
/* --------------------图片、视频、附件、音频列表-------------------- */
.upload_file .pcfd8 {
    /* margin-top: 1vw; */
    margin-top: -0.4vw;
    padding: 0.7vw;
}
.upload_file .pcfd8 span{
    font-size: 0.8vw;
    color: var(--menu-text-two2);
    display: block;
    margin-bottom: 0.4vw;
}
.upload_file .scys009 {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    flex-direction: column;
    margin-bottom: 0;
}
.upload_file .scys008 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* width: 21vw; */
    width: 100%;
    margin-bottom: 0.7vw;
    background-color: transparent;
}
.upload_file .scys008:last-child{
    margin-bottom: 0;
}
.upload_file .scys008:last-child .scys021 span{
    margin-right: 0;
}

.upload_file .scys008 .slh001 svg {
    opacity: 0.5;
}
.upload_file .slh001:hover svg, .slh001-active svg {
    content: url(../img/dtb129.png);
    display: inline-block;
    width: 1.2vw;
    height: auto;
    opacity: 1 !important;
}
.upload_file .scys008 svg {
    width: 1.2vw;
    height: auto;
    opacity: 0;
}
/* 缩略图 */
.upload_file .sctp004 {
    width: 3vw;
    height: 3vw;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 0.25vw;
    /* margin-right: 0.7vw; */
    background-color: #f5f5f5;
    position: relative;
}
.upload_file .scys008 .sctp004 img {
    margin-right: 0;
    margin-left: 0;
    width: auto;
    height: 3vw;
    object-fit: contain;
    border-radius: 0.2vw;
}
.popup_pictures .upload_file .scys008 .sctp004 img {
    border-radius: 0;
}
.upload_file .sctp004{
    width: 3vw;
    height: 3vw;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 0.25vw;
    /* margin-right: 0.7vw; */
    background-color: #f5f5f5;
    position: relative;
    margin: 0;
}
.popup_pictures .upload_file .sctp004{
    border-radius: 0;
}
/* 横图样式 */
.upload_file .scys008 .sctp004 img{
    margin-right: 0;
    margin-left: 0;
    width: auto;
    height: 3vw;
    object-fit: contain;
}
.popup_pictures .upload_file .scys008 .sctp004 img{
    width: 100%;
    height: 100%;
}
/* 竖图样式 */
.upload_file .scys008 .sctp006 img{
    width: 3vw;
    height: auto;
}
.popup_pictures .upload_file .scys008 .sctp006 img{
    width: 100%;
    height: 100%;
}

/* 文件名列表 */
.upload_file .scys025 {
    /* width: 96%; */
    width: 89%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0.7vw;
}
.upload_file .scys027{
    width: 92%;
}
.upload_file .scys010 {
    width: 76%;
}
.upload_file .scys010:hover{
    cursor: pointer;
    opacity: 0.8;
}
.upload_file .scys010:active{
    opacity: 1;
}
.upload_file .scys010 p {
    font-size: 0.8vw;
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    /* width: 92%; */
    color: #333;
}
.upload_file .scys010 span {
    font-size: 0.72vw;
    margin-top: 0.2vw;
    color: rgba(25, 31, 37, 0.56);
    /* width: 92%; */
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
/* 超链接+"..." */
.upload_file .scys021 {
    /* margin-left: 1vw; */
    display: flex;
    align-items: center;
    /* width: 3vw; */
}
.upload_file .scys021 a {
    color: #333;
    margin-left: 1vw;
    text-decoration: none;
}
.upload_file .scys021 a:first-child{
    margin-left: 0;
}

.upload_file .scys021 span {
    display: block;
    text-align: center;
    font-size: 0.8vw;
    color: var(--menu-a);
}

.upload_file .scys021 span:hover {
    cursor: pointer;
    color: var(--menu-a-hover);
}
.upload_file .scys021 span:active {
    color: var(--menu-a-active);
}

/* "..."弹出层 */
/* .upload_file .scys008:hover .slh001 img{
	opacity: 0.3;
} */
.upload_file .scys008 svg {
    width: 1.2vw;
    height: auto;
    opacity: 0;
}
.upload_file .scys008 .slh001 svg {
    opacity: 0.5;
}

/* 下拉弹出层样式 */
.upload_file .slh001{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.6vw;
    height: 1.6vw;
    border-radius: 0.2vw;
    margin-left: 0.5vw;
}
.upload_file .slh001 img{
    width: 1.2vw!important;
    opacity: 0;
    margin-right:0;
    opacity: 0.5;
}
.upload_file .slh001:hover , .slh001-active{
    cursor: pointer;
    background: rgba(0, 0,0, 0.1);
}
.upload_file .slh001:hover img , .slh001-active img{
    content: url(../img/dtb129.png);
    display: inline-block;
    width:   1.2vw;
    height: auto;
    opacity: 1 !important;
}
.upload_file .slh001:hover svg, .slh001-active svg {
    content: url(../img/dtb129.png);
    display: inline-block;
    width: 1.2vw;
    height: auto;
    opacity: 1 !important;
}
.upload_file .slh002 {
    width: 6.8vw !important;
    background-color: #ffffff;
    box-shadow: 0 0 5px 0px #d9d9d9;
    border-radius: 0.4vw;
    padding: 0.4vw 0;
    text-align: left;
    /* position: absolute; */
    position: fixed;
    z-index: 1000;
}

.upload_file .slh003 {
    padding: 0.4vw;
    margin: 0 0.4vw;
    border-radius: 0.25vw;
    line-height: normal;
}

.upload_file .slh003 a {
    color: #000;
    font-size: 0.8vw;
    text-decoration: none !important;
}

.upload_file .slh003:hover {
    cursor: pointer;
    background-color:var(--kpbg-color-hover);
}

.upload_file .slh003:active a {
    color: #fff;
}

.upload_file .slh003:active {
    background-color: var(--main-bg-color-active);
}
/* --------------------图片、视频、附件、音频重名名-------------------- */
.rename{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: transparent;
    z-index: 1110;
}
.rename .popup001 {
    width: 22vw!important;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto!important;
}
.rename .popup002 {
    width: 22vw;
    padding: 0 1vw 0;
    margin-top: 0;
    height: 10.8vw;
    border-radius: 0.4vw;
}
.rename .popup003 {
    padding: 0!important;
    height: 3vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--line-color);
}
.rename .popup005 {
    line-height: normal!important;
    font-size: 1vw!important;
}
.rename .popup006 {
    line-height: normal;
    position: unset;
    width: 1.6vw;
    height: 1.6vw;
    margin-right: -0.4vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rename .popup006 img {
    width: 0.8vw;
}
.rename .popup006:hover {
    cursor: pointer;
    background-color: #e8e8e8;
    border-radius: 0.2vw;
}
.rename .popup006:active {
    background-color: #ececec;
    border-radius: 0.2vw;
    filter: brightness(1);
}

/* 内容区域 */
.rename .popup007 {
    position: unset!important;
    margin: 0!important;
    padding: 1vw 0;
    height: 3.8vw;
    display: flex;
    align-items: center;
}
.rename .popup009 {
    display: flex;
    margin: 0;
    width: 100%;
}
.rename .popup074{
    width: 100%;
}
.rename .popup074 input{
    border-radius: 0.2vw;
    width: 100%;
    height: 2vw;
    line-height: 2vw;
    /* padding: 0 0.625vw; */
    /* padding: 0 0.83vw; */
    padding: 0 0.75vw;
    padding-right: 2.3vw;
    /* padding-right: 0; */
    font-size: 0.72vw;
    color: #171a1d;
    font-weight: normal;
    background: transparent;
    transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s;
    border: 1px solid #ccc;
}

/* 弹出层底部按钮区域 */
.rename .modal-footer001 {
    padding: 0;
    /* border-top: 1px solid transparent; */
    border-top: 1px solid var(--line-color);
    /* background-color: #fff; */
    background-color: transparent;
    height: 4vw;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.rename .bdan {
    margin-top: 0;
    line-height: 2vw;
    float: right;
    display: flex;
    align-items: center;
}
.rename .popup051{
    margin: 1vw 0;
}
.rename .popup051 button{
    font-size: 0.8vw;
    border-radius: 0.25vw;
    line-height: normal;
    padding: 0 1vw;
    height: 1.9vw;
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-right: 0.3vw;
}
.rename .popup051 button:last-child{
    margin-right: 0;
}
.rename .popup051 button:hover{
    background-color: var(--main-bg-color);
    cursor: pointer;
}
.rename .popup051 button:active{
    background-color: #e8e8e8;
    border: 1px solid transparent;
}
.rename .popup052{
    color: #fff!important;
    background-color: var(--main-bg-color-active)!important;
    border: 1px solid transparent !important;
}
.rename .popup052:hover{
    color: #fff!important;
    opacity: 0.8;
}
.rename .popup052:active{
    color: #fff!important;
    opacity: 1;
    filter: brightness(0.8);
}
/* -------------------------------------------------------------------------------------------------------- */

/* 修改滚动条样式 */
/* 需要在静态页加以下类名: role="region" aria-labelledby="caption" tabindex="0" */
[role="region"][aria-labelledby][tabindex] {

}
[role="region"][aria-labelledby][tabindex]::-webkit-scrollbar {
    height: 1vh;
    width: 1vh;
    cursor: pointer;
    margin-left: 1vw;
}
/* 修改 滚动条的 下面 的 样式 */
[role="region"][aria-labelledby][tabindex]::-webkit-scrollbar-track {
    background-color: rgba(255,255,255,0);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}
/* 修改 滑块 */
[role="region"][aria-labelledby][tabindex]::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

/* -----------------------------------------------上传图片----------------------------------------------- */
/* --------------------图片预览(第三方插件)-------------------- */

.viewer-zoom-in::before,
.viewer-zoom-out::before,
.viewer-one-to-one::before,
.viewer-reset::before,
.viewer-prev::before,
.viewer-play::before,
.viewer-next::before,
.viewer-rotate-left::before,
.viewer-rotate-right::before,
.viewer-flip-horizontal::before,
.viewer-flip-vertical::before,
.viewer-fullscreen::before,
.viewer-fullscreen-exit::before,
.viewer-close::before,
.viewer-down::before {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    color: transparent;
    /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC); */
    background-image: url(../img/dtb163.png);
    background-repeat: no-repeat;
}

.viewer-zoom-in::before {
    background-position: 0 0;
    content: 'Zoom In';
}

.viewer-zoom-out::before {
    background-position: -20px 0;
    content: 'Zoom Out';
}

.viewer-one-to-one::before {
    background-position: -40px 0;
    content: 'One to One';
}

.viewer-reset::before {
    background-position: -60px 0;
    content: 'Reset';
}

.viewer-prev::before {
    background-position: -80px 0;
    content: 'Previous';
}

.viewer-play::before {
    background-position: -100px 0;
    content: 'Play';
}

.viewer-next::before {
    background-position: -120px 0;
    content: 'Next';
}

.viewer-rotate-left::before {
    background-position: -140px 0;
    content: 'Rotate Left';
}

.viewer-rotate-right::before {
    background-position: -160px 0;
    content: 'Rotate Right';
}

.viewer-flip-horizontal::before {
    background-position: -180px 0;
    content: 'Flip Horizontal';
}

.viewer-flip-vertical::before {
    background-position: -200px 0;
    content: 'Flip Vertical';
}

.viewer-fullscreen::before {
    background-position: -220px 0;
    content: 'Enter Full Screen';
}

.viewer-fullscreen-exit::before {
    background-position: -240px 0;
    content: 'Exit Full Screen';
}

.viewer-close::before {
    background-position: -260px 0;
    content: 'Close';
}

.viewer-container {
    bottom: 0;
    direction: ltr;
    font-size: 0;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.viewer-container::-moz-selection,
.viewer-container *::-moz-selection {
    background-color: transparent;
}

.viewer-container::selection,
.viewer-container *::selection {
    background-color: transparent;
}

.viewer-container img {
    display: block;
    height: auto;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
}

.viewer-canvas {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

.viewer-canvas > img {
    height: auto;
    margin: 15px auto;
    max-width: 90% !important;
    width: auto;
}

.viewer-footer {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
}

.viewer-navbar {
    background-color: rgba(0, 0, 0, 0.6);
    overflow: hidden;
}

.viewer-list {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 4vw;
    margin: 0;
    padding: 1px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%!important;
}

.viewer-list > li {
    font-size: 0;
    line-height: 0;
    float: left;
    overflow: hidden;
    width: 4vw;
    height: 3vw;
    cursor: pointer;
    opacity: .5;
    color: transparent;
    filter: alpha(opacity=50);
    border-radius: 0.2vw;
    margin-right: 0.4vw;
}

.viewer-list > li:hover {
    opacity: 0.75;
}

.viewer-list > li + li {
    margin-left: 1px;
}

.viewer-list > .viewer-loading {
    position: relative;
}

.viewer-list > .viewer-loading::after {
    border-width: 2px;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    width: 20px;
}

.viewer-list > .viewer-active,
.viewer-list > .viewer-active:hover {
    opacity: 1;
    filter: alpha(opacity=100)v;
    border: 2px solid #fff;
}

.viewer-player {
    background-color: #000;
    bottom: 0;
    cursor: none;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.viewer-player > img {
    left: 0;
    position: absolute;
    top: 0;
}
.viewer-toolbar {
    width: 100%;
    margin: 0 auto 0px;
    padding: 0.5vw 0;
    /* padding-left: 1.9vw; */
    margin-bottom: 0.5vw;
}
.viewer-toolbar > ul {
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 3px 0;
    width: 100%;
}

.viewer-toolbar > ul > li {
    float: left;
    width: 35px;
    height: 35px;
    cursor: pointer;
    margin-right: 0.6vw;
    border-radius: 50%;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    overflow: hidden;
    -webkit-transition: background-color 0.15s;
    transition: background-color 0.15s;
}
.viewer-toolbar > ul > li:last-child{
    margin-right: 0;
}

.viewer-toolbar > ul > li:hover {
    background-color: #000;
    background: rgba(129,129,129,0.3);
}

.viewer-toolbar > ul > li:active {
    background-color: #000;
    background: rgba(129,129,129,0.5);
}

.viewer-toolbar > ul > li::before {
    margin: 7px;
}
.viewer-down:before {
    content: 'Rotate Left';
    background-position: -280px 0;
}
.viewer-prev {
    width: 40px!important;
    height: 40px!important;
    position: fixed;
    left: 12vw;
    top: 20vw;
}
.viewer-prev::before {
    margin: 10px!important;
}
.viewer-next {
    width: 40px!important;
    height: 40px!important;
    position: fixed;
    right: 12vw;
    top: 20vw;
    margin-right: 0!important;
}
.viewer-next::before {
    margin: 10px!important;
}
.viewer-toolbar > ul > li + li {
    margin-left: 1px;
}

.viewer-toolbar > ul > .viewer-small {
    height: 18px;
    margin-bottom: 3px;
    margin-top: 3px;
    width: 18px;
}

.viewer-toolbar > ul > .viewer-small::before {
    margin: -1px;
}

.viewer-toolbar > ul > .viewer-large {
    height: 30px;
    margin-bottom: -3px;
    margin-top: -3px;
    width: 30px;
}

.viewer-toolbar > ul > .viewer-large::before {
    margin: 5px;
}

.viewer-tooltip {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 10px;
    color: #fff;
    display: none;
    font-size: 12px;
    height: 20px;
    left: 50%;
    line-height: 20px;
    margin-left: -25px;
    margin-top: -10px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 50px;
}

.viewer-title {
    font-size: 1vw;
    line-height: 1.5vw;
    display: inline-block;
    max-width: 90%;
    margin: 0 5% 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    opacity: 0.8;
    color: #ccc;
    filter: alpha(opacity=80);
}

.viewer-title:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    color: #fff;
}

.viewer-b1 {
    position: fixed !important;
    right: 0 !important;
    top: 0!important;
    display: flex!important;
    width: 3.5vw!important;
    height: 3.5vw!important;
    line-height: 7vh!important;
    text-align: center!important;
    border-radius: 0.5vw!important;
    justify-content: center!important;
    align-items: center!important;
    background-color: unset !important;
}


.viewer-b1::before{
    content:"";
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 1.15vw;
    color: transparent;
    /* top: 0; */
    position: relative !important;
    /* right: 0; */
    background-size: 100% 100%;
    width: 1.15vw!important;
    /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC); */
    background-image: url(../img/scorll-exit.png);
    background-repeat: no-repeat;
    background-position: unset !important;
}

.viewer-b1:hover {
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.1) !important;
}


.viewer-b1:active {
    background-color: rgba(255, 255, 255, 0.2) !important;
}


.viewer-button {
    position: absolute;
    top: 1vw;
    right: 1vw;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}
.viewer-button:hover {
    background: rgba(129,129,129,0.3);
}

.viewer-button:active {
    background: rgba(129,129,129,0.5);
}
.viewer-button::before {
    position: absolute;
    margin: 11px;
}

.viewer-fixed {
    position: fixed;
}

.viewer-open {
    overflow: hidden;
}

.viewer-show {
    display: block;
}

.viewer-hide {
    display: none;
}

.viewer-backdrop {
    background-color: rgba(0, 0, 0, 0.7);
}

.viewer-invisible {
    visibility: hidden;
}

.viewer-move {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.viewer-fade {
    opacity: 0;
}

.viewer-in {
    opacity: 1;
}

.viewer-transition {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@-webkit-keyframes viewer-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes viewer-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.viewer-loading::after {
    -webkit-animation: viewer-spinner 1s linear infinite;
    animation: viewer-spinner 1s linear infinite;
    border: 4px solid rgba(255, 255, 255, 0.1);
    border-left-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 1;
}

@media (max-width: 767px) {
    .viewer-hide-xs-down {
        display: none;
    }
}

@media (max-width: 991px) {
    .viewer-hide-sm-down {
        display: none;
    }
}

@media (max-width: 1199px) {
    .viewer-hide-md-down {
        display: none;
    }
}

/* 上传图片弹出层 */
.dataform .sctp001 {
    height: 45vw;
}

.dataform .sctp002 {}

.dataform .sctp002 a img {
    width: 2vw
}

.dataform .sctp003 {
    height: 36vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dataform .sctp003 img {
    width: 92%;
}

/* -----------------------------------------------上传视频----------------------------------------------- */
/* 视频列表兼容竖图 */
.upload_file .scys008 .sctp005{
    position: absolute;
    height: 1.2vw;
}
.upload_file .scys008 .sctp005 img{
    height: 1.2vw;
    margin-right: 0;
}
/* ------------------视频预览------------------ */
/* 弹出层结构 */
.popup_upload {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1110;
    background-color: transparent;
}
.popup_upload .popup001 {
    width: 54vw !important;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto!important;
}
.popup_upload .upload012 {
    width: 54vw;
    height: 36vw;
    padding: 0 1vw;
    border-radius: 0;
}
/* 弹出层头部 */
.popup_upload .popup003 {
    padding: 0!important;
    height: 3vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--line-color);
    border-bottom: transparent;
}
.popup_upload .upload008{

}
.popup_upload .upload009{
    font-size: 1vw;
    font-weight: bold;
    line-height: 1;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: 94%;
}
.popup_upload .upload010{
    margin-top: 0.4vw;
    display: flex;
    align-items: center;
}
.popup_upload .upload012{
    width: 54vw;
    height: 36vw;
    padding: 0 1vw;
    border-radius: 0;
    margin-top: 0;
}
.popup_upload .upload013{
    display: flex;
    align-items: center;
}
.popup_upload .upload014{
    line-height: normal;
    position: unset;
    width: 1.6vw;
    height: 1.6vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup_upload .upload014 img{
    width: 1vw;
}
.popup_upload .upload014:hover {
    cursor: pointer;
    background-color: #e8e8e8;
    border-radius: 0.2vw;
}
.popup_upload .upload014:active {
    background-color: #ececec;
    border-radius: 0.2vw;
    filter: brightness(1);
}
.popup_upload .upload015{
    width: 0.01vw;
    background-color: var(--line-color02);
    height: 3vw;
    margin: 0 0.6vw;
}
.popup_upload .upload016{
    font-size: 0.72vw;
    color: var(--menu-text-two);
    line-height: 1;
}
.popup_upload .upload017{
    width: 0.01vw;
    background-color: var(--line-color02);
    height: 0.72vw;
    margin: 0 0.4vw;
}
.popup_upload .upload018{
    font-size: 0.72vw;
    color: var(--menu-text-two);
    line-height: 1;
}
/* 弹出层关闭按钮 */
.popup_upload .popup006 {
    line-height: normal;
    position: unset;
    width: 1.6vw;
    height: 1.6vw;
    margin-right: -0.4vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup_upload .popup006:hover {
    cursor: pointer;
    background-color: #e8e8e8;
    border-radius: 0.2vw;
}
.popup_upload .popup006:active {
    background-color: #ececec;
    border-radius: 0.2vw;
    filter: brightness(1);
}
.popup_upload .popup006 img {
    width: 0.8vw;
}
/* 弹出层内容区域 */
.popup_upload .popup007 {
    position: unset!important;
    margin: 0!important;
    padding: 0;
    height: 33vw;
}
.popup_upload .popup009 {
    display: flex;
    margin: 0;
    width: 100%;
}

.popup_upload .upload011{
    width: 54vw;
    height: 33vw;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    margin: 0 auto;
    margin-left: -1vw;
    margin-right: -1vw;
    background-color: #000;
}
.popup_upload .upload011 video{
    width: 100%;
    height: 100%;
}
/* -----------------------------------------------上传附件----------------------------------------------- */
/* 默认图 */
.upload_file .scys008 img {
    width: 2vw;
    margin-right: 0;
    margin-left: 0;
    border-radius: 0.2vw;
    height: auto;
}
.upload_file .scys008 img:hover {
    opacity: 0.8;
    cursor: pointer;
}
.upload_file .scys008 img:active {
    opacity: 1;
}


/* -----------------------------------------------上传音频----------------------------------------------- */
/* 第三方插件 */
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.green-audio-player{min-width:300px;height:56px;-webkit-box-shadow:-0.36vw 0.64vh 0.36vw rgb(0 0 0 / 50%);;box-shadow:-0.36vw 0.64vh 0.36vw rgb(0 0 0 / 50%);;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:24px;padding-right:24px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff}.green-audio-player img,.green-audio-player svg{display:block}.green-audio-player .play-pause-btn{cursor:pointer}.green-audio-player .loading .loading__spinner{width:16px;height:16px;border:2px solid #b0b0b0;border-right-color:transparent;border-radius:50%;-webkit-animation:spin .4s linear infinite;animation:spin .4s linear infinite}.green-audio-player .slider{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;background-color:#d8d8d8;cursor:pointer;position:relative}.green-audio-player .slider .progress{background-color:#44bfa3;border-radius:inherit;position:absolute;pointer-events:none}.green-audio-player .slider .progress .pin{height:16px;width:16px;border-radius:8px;background-color:#44bfa3;position:absolute;pointer-events:all;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.32);box-shadow:0 1px 1px 0 rgba(0,0,0,.32)}.green-audio-player .controls{font-family:Roboto,sans-serif;font-size:16px;line-height:18px;color:#55606e;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:24px;}.green-audio-player .controls .controls__slider{margin-left:16px;margin-right:16px;border-radius:2px;height:4px}.green-audio-player .controls .controls__slider .controls__progress{width:0;height:100%}.green-audio-player .controls .controls__slider .controls__progress .progress__pin{right:-8px;top:-6px}.green-audio-player .controls span{cursor:default}.green-audio-player .volume{position:relative}.green-audio-player .volume .volume__button{cursor:pointer}.green-audio-player .volume .volume__button.open path{fill:#44bfa3}.green-audio-player .volume .volume__controls{width:30px;height:135px;background-color:rgba(0,0,0,.62);border-radius:7px;position:absolute;left:-3px;bottom:52px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.green-audio-player .volume .volume__controls.hidden{display:none}.green-audio-player .volume .volume__controls.top{bottom:52px;left:-3px}.green-audio-player .volume .volume__controls.middle{bottom:-54px;left:54px}.green-audio-player .volume .volume__controls.bottom{bottom:-164px;left:-3px}.green-audio-player .volume .volume__controls .volume__slider{margin-top:12px;margin-bottom:12px;width:6px;border-radius:3px}.green-audio-player .volume .volume__controls .volume__slider .volume__progress{bottom:0;height:100%;width:6px}.green-audio-player .volume .volume__controls .volume__slider .volume__progress .volume__pin{left:-5px;top:-8px}
/* ------------------音频预览------------------ */
/* 弹出层结构 */
.popup_audio {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1110;
    background-color: transparent;
}
.popup_audio .popup001 {
    width: 100vw !important;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.popup_audio .new-modals .modal-dialog {
    margin: unset;
    /* margin: 0 auto; */
}
.popup_audio @media (min-width: 768px){
    .modal-dialog {
        margin: unset;
    }
}
.popup_audio .modal-dialog {
    margin: unset;
    position: unset;
}
.popup_audio .modal-content{
    position: unset;
}
.popup_audio .popup003 {
    padding: 0 1vw;
    height: 3vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--line-color);
    /* border-bottom: transparent; */
}
.popup_audio .popup006 {
    line-height: normal;
    position: unset;
    width: 1.6vw;
    height: 1.6vw;
    margin-right: -0.4vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup_audio .popup006 img {
    width: 0.8vw;
}
.popup_audio .popup006:hover {
    cursor: pointer;
    background-color: #e8e8e8;
    border-radius: 0.2vw;
}
.popup_audio .popup006:active {
    background-color: #ececec;
    border-radius: 0.2vw;
    filter: brightness(1);
}
/* 弹出层头部 */
.popup_audio .audio1 {
    width: 27.1vw;
    height: 9vw;
    border-radius: 0.4vw;
    margin-top: 0;
}
.popup_audio .audio2{

}
.popup_audio .audio3{
    font-size: 1vw;
    font-weight: bold;
    line-height: 1;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: 94%;
}

.popup_audio .audio4{
    margin-top: 0.3vw;
    display: flex;
    align-items: center;
}
.popup_audio .audio8{
    display: flex;
    align-items: center;
}
.popup_audio .audio9{
    line-height: normal;
    position: unset;
    width: 1.6vw;
    height: 1.6vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup_audio .audio9 img{
    width: 1vw;
}
.popup_audio .audio9:hover {
    cursor: pointer;
    background-color: #e8e8e8;
    border-radius: 0.2vw;
}
.popup_audio .audio9:active {
    background-color: #ececec;
    border-radius: 0.2vw;
    filter: brightness(1);
}
.popup_audio .audio10{
    width: 0.01vw;
    background-color: var(--line-color02);
    height: 3vw;
    margin: 0 0.6vw;
}
.popup_audio .audio5{
    font-size: 0.72vw;
    color: var(--menu-text-two);
    line-height: 1;
}
.popup_audio .audio6{
    width: 0.01vw;
    background-color: var(--line-color02);
    height: 0.72vw;
    margin: 0 0.4vw;
}
.popup_audio .audio7{
    font-size: 0.72vw;
    color: var(--menu-text-two);
    line-height: 1;
}
/* 内容区域 */
.popup_audio .popup007 {
    margin: 0!important;
    padding: 0;
    height: calc(100% - 3vw);
    background: #fff;
    border-radius: 0 0 0.4vw 0.4vw;
}
.popup_audio .popup009 {
    display: flex;
    margin: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.popup_audio .upload019{

}
.yp-part{
    width:100%;
    height: 5vw !important;
    /* background: -webkit-linear-gradient(270deg,#525657 40%, #373737 90%); */
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.yp-inner{
    width: 100%;
}
.yp-controls .yp-pgs-total .yp-all-progress {
    z-index: 0!important;
}
.green-audio-player .play-pause-btn {
    width: 2vw;
    height: 2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.4vw;
    background: var(--menu-butn);
    border-radius: 50%;
}
.play-pause-btn svg{
    width: 0.9vw;
    height: 0.9vw;
}
.green-audio-player .play-pause-btn:active{

}
.green-audio-player {
    min-width: 23vw!important;
    height: 5.2vh;
    height: auto!important;
    justify-content: center!important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    width: 100%;
    background-color: rgba(0,0,0,0)!important;
    color: #fff;
    flex-direction: column;
    margin-left: 0!important;
    flex-direction: row;
    align-items: center;
    padding-left: 1vw!important;
    padding-right: 1vw!important;
}
.green-audio-player .controls {
    flex-grow: 0!important;
    margin-left: 0!important;
    width: 90%!important;
}
.ypktd002 span {
    color: #333;
    font-weight:normal!important;
    font-size: 2vh;
    font-family: sans-serif;
}
.green-audio-player .slider {
    background-color: rgba(0,0,0,0.2)!important;
    margin-left: 0.74vw!important;
    margin-right: 0.74vw!important;
    height: 0.4vh!important;
}
.green-audio-player .slider .progress {
    background-color: var(--menu-butn)!important;
    border-radius: 1vh!important;
    box-shadow: none !important;
    overflow: unset;
}
.green-audio-player .slider .progress .pin {
    width: 1.2vh!important;
    height: 1.2vh!important;
    background-color: var(--menu-butn)!important;
    border-radius: 50%!important;
    z-index: 1;
    box-shadow: none!important;
    top: -0.4vh!important;
    right: -0.36vw!important;
}
.play-pause-btn__icon {
    fill: #fff;
}

/* ---------------------------------上传图片、视频、附件、音频弹出层结构-------------------------------- */
.popup_pictures .upload_file{
    width: 100%!important;
}
.popup_pictures .col-md-10,
.popup_pictures .col-md-11,
.popup_pictures .col-md-12,
.popup_pictures .col-md-1,
.popup_pictures .col-md-2,
.popup_pictures .col-md-3,
.popup_pictures .col-md-4,
.popup_pictures .col-md-5,
.popup_pictures .col-md-6,
.popup_pictures .col-md-7,
.popup_pictures .col-md-8,
.popup_pictures .col-md-9 {
    padding: 0!important;
    /*内边框*/
    display: table-row!important;
    /**/
}

.popup_pictures .col-md-1,
.popup_pictures .col-md-2,
.popup_pictures .col-md-3,
.popup_pictures .col-md-4,
.popup_pictures .col-md-5,
.popup_pictures .col-md-6,
.popup_pictures .col-md-7,
.popup_pictures .col-md-8,
.popup_pictures .col-md-9,
.popup_pictures .col-md-10,
.popup_pictures .col-md-11,
.popup_pictures .col-md-12 {
    padding: 0;
}
.popup_pictures .upload_file .bdbg008 {
    margin-top: 0.7vw;
    margin-bottom: 0.7vw;
}
.popup_pictures .upload_file .scys009 {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    flex-direction: column;
    max-height: 19vw;
    overflow-y: auto;
}
/* 更改滚动条样式 */
.popup_pictures .upload_file .scys009{

}
.popup_pictures .upload_file .scys009::-webkit-scrollbar {
    width: 0.4vw;
    height: 0.4vw;
}
.popup_pictures .upload_file .scys009::-webkit-scrollbar-thumb {
    border-radius: 1vw;
    box-shadow:unset;
    background:rgb(0,0,0,0.1);
    cursor: pointer;
}
.popup_pictures .upload_file .scys009::-webkit-scrollbar-thumb:hover{
    background:rgb(0,0,0,0.2);
}
.popup_pictures .upload_file .scys009::-webkit-scrollbar-thumb:active{
    background:rgb(0,0,0,0.2);
}
.popup_pictures .upload_file .scys009::-webkit-scrollbar-track {
    box-shadow: unset;
    border-radius: 1vw;
    background: transparent;
}
/* 全选框样式 */
.popup_pictures .qxan{
    position: absolute;
    right: 0;
}
.popup_pictures .qxan label {
    display: flex;
    align-items: center;
    margin: 0;
    font-weight: normal;
    cursor: pointer;
}
.popup_pictures .qxan input[type="checkbox"] {
    width: 1vw;
    height: 1vw;
    vertical-align: middle;
    -webkit-appearance: none;
    /*清除默认样式*/
    border: 1px solid #D1D1D1;
    border-radius: 0.15vw;
    margin-right: 0.5vw;
    margin-top: 0;
    outline: none;
}
.popup_pictures .qxan input[type="checkbox"]:checked {
    background: url("../img/dtb162.png") no-repeat center center;
    background-color: #0066ff;
    border: transparent!important;
    background-size: 0.6vw 0.45vw;
}
.popup_pictures .qxan input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: transparent;
}
/* 多选按钮样式 */
.popup_pictures .dxan{

}
.popup_pictures .dxan label {
    display: flex;
    align-items: center;
    margin: 0;
    font-weight: normal;
    cursor: pointer;
}
.popup_pictures .dxan input[type="checkbox"] {
    width: 1vw;
    height: 1vw;
    vertical-align: middle;
    -webkit-appearance: none;
    /*清除默认样式*/
    border: 1px solid #D1D1D1;
    border-radius: 0.15vw;
    margin-right: 0.75vw;
    margin-top: 0;
    outline: none;
}
.popup_pictures .dxan input[type="checkbox"]:checked {
    background: url("../img/dtb162.png") no-repeat center center;
    background-color: #0066ff;
    border: transparent!important;
    background-size: 0.6vw 0.45vw;
}
.popup_pictures .dxan input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: transparent;
}
/* ------------------------------------------------------------------------------------------------------ */
.upload001 .btn-group>.btn, .input-group-btn>.btn {
    display: flex;
    align-items: center;
    margin-right: 0.4vw;
}
.upload001 .btn-group>.btn, .input-group-btn>.btn {
    border-radius: 0.25vw!important;
}
.popup_pictures{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 11;
    background-color: transparent;
}

.popup_pictures .popup001 {
    width: 42vw!important;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto!important;
}
.popup_pictures .popup002 {
    width: 42vw;
    padding: 0 1vw 0;
    margin-top: 0;
    height: 32vw;
    height: 32.2vw;
    border-radius: 0.4vw;
}
/* 头部 */
.popup_pictures .popup003 {
    padding: 0!important;
    height: 3vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--line-color);
}
.popup_pictures .popup005 {
    line-height: normal!important;
    font-size: 1vw!important;
}
.popup_pictures .popup006 {
    line-height: normal;
    position: unset;
    width: 1.6vw;
    height: 1.6vw;
    margin-right: -0.4vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup_pictures .popup006:hover{
    cursor: pointer;
    background-color: #e8e8e8;
    border-radius: 0.2vw;
}
.popup_pictures .popup006:active{
    background-color: #ececec;
    border-radius: 0.2vw;
    filter: brightness(1);
}
.popup_pictures .d-error img {
    width: 0.8vw;
}
.popup_pictures .popup009 {
    display: flex;
    margin: 0;
    width: 100%;
}
.popup_pictures .popup007 {
    position: unset!important;
    margin: 0!important;
    /* padding: 0!important; */
    /* height: 24vw; */
    height: 25vw;
    /* padding: 1vw 0; */
}

/* 底部按钮区域 */
.popup_pictures .modal-footer001 {
    padding: 0;
    /* border-top: 1px solid transparent; */
    border-top: 1px solid var(--line-color);
    /* background-color: #fff; */
    background-color: transparent;
    height: 4vw;
    display: flex;
    align-items: center;
    /* justify-content: flex-end; */
    justify-content: space-between;
}
.popup_pictures .popup051 {
    margin: 1vw 0;
    display: flex;
    align-items: center;
}
.popup_pictures .popup051 button {
    font-size: 0.8vw;
    border-radius: 0.25vw;
    line-height: normal;
    padding: 0 1vw;
    height: 1.9vw;
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-right: 0.4vw;
}
.popup_pictures .popup051 button:last-child {
    margin-right: 0;
}
.popup_pictures .popup051 button:hover{
    background-color: var(--main-bg-color);
    cursor: pointer;
}
.popup_pictures .popup051 button:active{
    background-color: #e8e8e8;
    border: 1px solid transparent;
}
.popup_pictures .popup051 span{
    font-size: 0.8vw;
}
.popup_pictures .popup051 span:last-child{
    margin-left: 0.5vw;
}
.popup_pictures .popup052{
    color: #fff!important;
    background-color: var(--main-bg-color-active)!important;
    border: 1px solid transparent !important;
}
.popup_pictures .popup052:hover{
    color: #fff!important;
    opacity: 0.8;
}
.popup_pictures .popup052:active{
    color: #fff!important;
    opacity: 1;
    filter: brightness(0.8);
}