/* dk */

/* dk_single */
 /* 监听body点击冒泡，iOS没有该属性无法监听 */
.htm-dk-single body { cursor:pointer }

.htm-dk-single .content .main-img-area .-box {
    position: relative;
    width: 300px;
    height: 400px;
    line-height: 400px;
    box-shadow: rgb(208, 208, 208) 1px 1px 10px 3px;
    border-radius: 4px;
    padding: 8px;
}
.htm-dk-single .content .main-img-area .-box .-show>video {
    max-width: 280px; max-height: 340px; margin-top: 10px;
}
.htm-dk-single .content .main-img-area .-box .-show>img {
    max-width: 300px; max-height: 400px;
    border-radius: 4px;
}
.htm-dk-single .content .main-img-area .-box .-choose {
    position: absolute; line-height: 40px; left: 0; bottom: 0; text-align: left;
}
.htm-dk-single .content .main-img-area .-box .-choose .-item {
    width: 30px; height: 40px; line-height: 40px; margin: 1px; display: inline-block;  text-align: center; vertical-align: middle;
    padding: 2px;
    border-radius: 4px;
}
.htm-dk-single .content .main-img-area .-box .-choose .-item:not(.active) {
    border: solid 1px #9b9b9b; cursor: pointer;
}
.htm-dk-single .content .main-img-area .-box .-choose .-item.active {
    border: solid 1px #F04122;
}
.htm-dk-single .content .main-img-area .-box .-choose .-item>img {
    max-width: 30px;
    max-height: 40px;
}
.htm-dk-single .content .main-img-area span.-khdj { position: absolute; top: 8px; right: 8px; width: 18px; word-wrap: break-word; background-color: #F06054; color: white; padding: 4px 2px; border-radius: 4px; z-index: 9; line-height: 20px; }
.htm-dk-single .content .main-img-area img.-khdj { position: absolute; top: 8px; right: 8px; }
.htm-dk-single .content .info-area .-title { color: #9b9b9b; text-align: right; }
.htm-dk-single .content .info-area .-text { font-weight: bold; text-align: left; }
.htm-dk-single .content .info-area [info-title=gz]>div>div { color:#00A1F8; font-weight: bold; }
.htm-dk-single .content .info-area [info-title=gz]>div>div i { display: inline-block; vertical-align: middle; margin-right: 5px; }
.htm-dk-single .content .info-area [info-title=gz]>div>div text { display: inline-block;  vertical-align: middle; }
.htm-dk-single .content .info-area [info-title=xj]>span { display: inline-block; vertical-align: middle;  }
.htm-dk-single .content .info-area [info-title=xj] .-item { color: #9b9b9b; }
.htm-dk-single .content .info-area [info-title=pjwz] { margin: 10px 0; }
.htm-dk-single .content .info-area [info-title=ds] table { width: 100%; border: solid 1px #eee; }
.htm-dk-single .content .info-area [info-title=dhl] table { width: 100%; border-width: 1px; border-color: #eee; line-height: 28px; }
.htm-dk-single .content .info-area [info-title=dhl] table td.-col-a { padding: 4px 0; height: 28px; width: 20%; }
.htm-dk-single .content .info-area [info-title=dhl] table td.-col-b { width: 40%; }

.htm-dk-single #dds td { padding: 1px; }
.htm-dk-single #dds .dd-row input { max-width: 80px; margin: auto; }
.htm-dk-single #dds .layui-input, #bhs .layui-input, #pm-global-option .layui-input { padding-left: 0px;}
.htm-dk-single .div_input_remark {margin-bottom: 10px;}
.htm-dk-single .div_save_remark {width:80px; padding:4px; display: inline-block;}
.htm-dk-single .div_button_del_pj {padding: 4px; display: inline-block;}
.htm-dk-single #layui-layer-dpm-show .layui-form-radio {margin: 0;}
.htm-dk-single #layui-layer-dpm-show .layui-layer-btn {display: none;}

.htm-dk-single .xg-area {
    text-align: left;
}

/* dk_single_pad */

/* dk_single_phone */