71 lines
3.4 KiB
CSS
71 lines
3.4 KiB
CSS
/* 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 */ |