@charset "utf-8";

.list-head {margin-bottom:20px}
.list-head .yd-btn {font-size:13px;width:70px;height:28px;line-height:28px;background:#fff;border:1px solid #A4A4A4;color:#000;text-align:center;border-radius:5px;padding:0;}
.list-head .yd-inp {font-size:13px;width:200px;height:28px;line-height:28px;border:1px solid #555;text-indent:5px;outline:none;border-radius:5px}
.list-head .yd-sel {font-size:13px;padding:5px 0;border:1px solid #555;border-radius:5px;min-width:90px;height:28px;line-height:28px}
.list-head .r {float:right;line-height:28px}

.list-body {margin-bottom:20px}
.list-body table {width:100%;border-collapse:collapse;}
.list-body table thead th {background:#f7f7f7;font-size:14px;color:#3D3D3D;padding:18px 5px;text-align:center;border:1px solid #707070;border-left:1px solid #dcdcdc;border-right:0;}
.list-body table tbody td {font-size:14px;color:#000;padding:18px 5px;text-align:center;font-weight:normal;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}
.list-body table tbody td.l {text-align:left;padding-left:15px}
.list-body table tbody td .new {font-size:11px; color:red;}
.list-body table thead th:first-child,
.list-body table tbody td:first-child {border-left:0}
.list-body table tbody tr {cursor:pointer}
.list-body table tbody tr:hover td {background:#f7f7f7}
.list-body table tbody tr:last-child td {border-bottom:1px solid #707070}
.list-body table tbody td span.type {font-size:11px;display:inline-block;width:70px;height:28px;line-height:28px;text-align:center;color:#fff;background:#000;border-radius:5px}
.list-body table tbody td span.type.ing {background:#DB2E2D}
.list-body table tbody td span.type.wait {background:#FFA200}


.list-foot {min-height:32px;position:relative;padding:0 106px;margin-bottom:50px}
.list-foot .yd-btn {position:absolute;top:0;width:96px;height:32px;line-height:32px;text-align:center;padding:0;font-size:14px}
.list-foot .yd-btn.write {left:0}
.list-foot .yd-btn.gofirst {right:0;background:#DEDEDE;color:#000}
.list-foot .list-paging {text-align:center;}
.list-foot .list-paging .pagebox01 {text-align:center; margin-top:10px!important;}
.list-foot .list-paging a {margin:0 2px;vertical-align:middle;font-size:13px;display:inline-block;min-width:16px;height:20px;line-height:20px;text-align:center;}
.list-foot .list-paging a.paging-btn {width:24px;font-size:0;color:transparent;}
.list-foot .list-paging a.paging-btn.first {background:url(/_core/image/page/default/fp1.gif) no-repeat 50% 50%}
.list-foot .list-paging a.paging-btn.prev {background:url(/_core/image/page/default/p1.gif) no-repeat 50% 50%}
.list-foot .list-paging a.paging-btn.next {background:url(/_core/image/page/default/n1.gif) no-repeat 50% 50%}
.list-foot .list-paging a.paging-btn.last {background:url(/_core/image/page/default/lp1.gif) no-repeat 50% 50%}
.list-foot .list-paging span.p {margin:0 2px;vertical-align:middle;font-size:13px;display:inline-block;background:#b7b7b7;color:#fff;width:28px;text-align:center;border-radius:3px}
.list-foot .list-paging a.p.selected {background:#333;color:#fff;width:28px;border-radius:3px}

.pn-list-box {font-size:14px;display:grid;grid-template-columns:1fr 1fr;border:1px solid #707070;border-radius:64px;line-height:64px;margin-bottom:50px}
.pn-list-box > a,
.pn-list-box > span {color:#3d3d3d;padding:0 30px}
.pn-list-box > a:last-child,
.pn-list-box > span:last-child {text-align:right;border-left:1px solid #707070}
.pn-list-box > a:hover {color:#000}
.pn-list-box strong {color:#000;margin:0 12px}
#bbsview {margin:0 auto; padding:0; max-width:1400px;}
.vw-form .title {height:64px;border-radius:64px;border:1px solid #707070;line-height:64px;font-size:14px;color:#111;padding:0 35px;position:relative;}
.vw-form .title .r {float:right;display:flex;align-items:center}
.vw-form .title .r .yd-btn {height:30px;line-height:31px;font-size:13px;width:auto;padding:0 15px;margin-left:15px}
.vw-ny {padding:30px 35px}
.vw-ny .vw-ny-ul {padding-left:0;margin:0;margin-bottom:40px}
.vw-ny .vw-ny-ul li {position:relative;font-size:14px;color:#111;line-height:1.5;padding-left:10px;list-style:none}
.vw-ny .vw-ny-ul li:before {content:'';display:block;width:4px;height:4px;border-radius:4px;background:#FF0000;position:absolute;top:9px;left:0}
.vw-ny p {font-size:14px;color:#111}
.vw-bot-info {border:1px solid #DCDCDC;border-right:0;border-left:0;display:grid;grid-template-columns:1fr 1fr}
.vw-bot-info > span {padding:18px 35px}
.vw-bot-info .progress .type {display:block;width:70px;height:28px;margin-top:8px;border-radius:5px;background:#000;color:#fff;text-align:center;line-height:28px}
.vw-bot-info .progress .type.wait {background:#FFA200}
.vw-bot-info .progress .type.ing {background:#DB2E2D}
.vw-bot-info .progress-sel {display:flex;justify-content:flex-end;align-items:center}
.vw-bot-info .progress-sel .yd-sel {margin-left:7px;font-size:13px;padding:5px 0;border:1px solid #555;border-radius:5px;min-width:90px;height:28px;line-height:28px}
.vw-rec {padding:36px 35px;}
.vw-rec .name {margin-bottom:36px;color:#000;font-size:14px;font-weight:bold}
.vw-rec-list {border:1px solid #E7E7E7;padding:15px 20px;border-radius:10px;color:#7F7F7F;font-size:14px;margin-bottom:20px}
.vw-rec-list .l-head {margin-bottom:15px;border-top:1px solid #E7E7E7;padding-top:15px;font-weight:normal}
.vw-rec-list div.tarea {background:#F5F5F5;border:1px solid #e7e7e7;padding:12px 20px;color:#111;border-radius:0;margin-bottom:15px;font-size:14px;;font-weight:normal}
.vw-rec-list .btns {display:flex;margin-bottom:20px;justify-content:space-between}
.vw-rec-list .btns .yd-btn {border:1px solid #eee;width:96px;height:32px;line-height:32px;padding:0;background:#fff;color:#111;font-size:14px}
.vw-rec-write {border:1px solid #E7E7E7;padding:15px 20px;border-radius:10px;background:#F7F7F7;font-size:14px;margin-bottom:20px}
.vw-rec-write .l-head {margin-bottom:15px;font-weight:normal}
.vw-rec-write .l-head .yd-inp {background:#fff;border:1px solid #e7e7e7;border-radius:10px;min-width:120px;height:32px;line-height:32px;text-indent:5px}
.vw-rec-write .tarea {width:100%;background:#fff;border:1px solid #e7e7e7;border-radius:10px;padding:12px 20px;color:#111;margin-bottom:15px;font-size:14px;;font-weight:normal}
.vw-rec-write .btns {display:flex;justify-content:space-between}
.vw-rec-write .btns .yd-btn {width:120px;height:32px;line-height:32px;padding:0;background:#111;color:#fff;font-size:14px}
.btn-group {display:grid;grid-template-columns:1fr 1fr;margin-bottom:100px;border-top:1px solid #e7e7e7;padding-top:30px}
.btn-group .r {text-align:right}
.btn-group .yd-btn {border:1px solid #eee;width:96px;height:32px;line-height:32px;padding:0;background:#fff;color:#111;font-size:14px;margin-left:10px}
.btn-group .l .yd-btn {margin-left:0;margin-right:10px}
.btn-group .yd-btn.list {border:0;background:#959595;color:#fff}
.btn-group .yd-btn.write {width:120px;border:0;background:#111;color:#fff}

@media (max-width: 1024px) {
	.list-body table thead th,
	.list-body table tbody td,
	.list-body table col {display:none}
	.list-body table .mobile {display:table-cell}
	
	.vw-form .title {height:auto;line-height:22px;font-size:13px;border-radius:12px;padding:8px 15px;overflow:hidden}
	.vw-form .title .r {float:none}
	.vw-form .title .r .yd-btn {display:none}
	.vw-ny {padding:10px 15px}
	.vw-ny .vw-ny-ul {margin-bottom:20px}
	.vw-bot-info > span {padding:5px 15px}
	.vw-bot-info .progress-sel {display:block}
	.vw-bot-info .progress-sel .yd-sel {display:block;margin-left:0;margin-top:8px}
	.vw-rec {padding:10px 15px}
	.vw-rec .name {margin-bottom:15px}
	.vw-rec-list {padding:10px 15px}
	.vw-rec-list div.tarea {height:auto}
	.vw-rec-write .tarea {height:10rem}
	.pn-list-box {line-height:30px;border-radius:30px}
	.pn-list-box > a, .pn-list-box > span {padding:0 10px;font-size:0;color:transparent;}
	.pn-list-box strong {font-size:13px;color:#111;line-height:40px}

	.btn-group .r,
	.btn-group .l {display:flex;}
	.btn-group .yd-btn {width:auto;padding:0 20px}
	.btn-group .yd-btn.write {width:auto}
}