body{font-family: "Microsoft YaHei";font-size: 14px;background-color: #ececec;color: #333;}
input {font-family: "Microsoft YaHei";}
.boxW { width: 564px; background-color: #fff; border-radius: 4px; box-sizing: border-box; }
.paddingBox { padding: 19px 30px; }
.heightP { height: 100%; }
.floatL { float: left; }
.floatR { display: inline-block; float: right; }
.marginB { margin-bottom: 19px; }
.borderB { border-bottom: 1px solid #ededed; }
.paddingUl { padding: 6px 30px; }
.paddingNone {
	padding: 0 0 0 30px !important;
	height: 55px;
	line-height: 55px;
}

input, button {
	outline: none;
}

.styleNone a {
	font-weight: normal !important;
	color: #333 !important;
}

/* banner */
.banner {
	height: 189px;
	background: url('/dtvideo/assets/images/banner1-9a0d81cf533a73bf87781560c039386e.png') top center #d5f6fd no-repeat;
	margin: 0 auto;
}

.banner-tool {
	margin-top: 20px;
}

.banner-tool span span {
	margin: 0 5px;
}

.banner .logo {
	position: relative;
	top: 70px;
	left: 400px;
	display: inline-block;
}

.banner .logo img {
	float: left;
}

.logo span {
	font-size: 32px;
	font-family: '微软雅黑';
	color: #f60000;
	font-weight: 500;
	position: relative;
	top: 7px;
	left: 12px;
}

.banner .logout {
	color: #e12322;
	margin-left: 10px;
	margin-right: 20px;
}

.banner-tool .user {
	font-weight: bold;
	color: #e12322;
}

/* nav */
.nav {
	height: 48px;
	line-height: 48px;
	background-color: #e3261d;
}

.nav ul {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.nav ul li {
	float: left;
}

.nav ul li.active a {
	color: #fffc22;
	font-weight: bold;
}

.nav ul li a {
	color: #fff;
	font-size: 18px;
	padding: 5px 28px;
	border-right: 1px solid rgb(219, 75, 75);
}

.nav ul li:first-child a {
	background: url('/dtvideo/assets/images/icon-5ace58fbd5b7704aa62814b643ad581d.png') left no-repeat;
}

.nav ul li:last-child a {
	border-right: 0;
}

/* 主体 */
.body-wrap {
	width: 1160px;
	margin: 17px auto;
	overflow: hidden;
}
.main { min-height: 508px; }
/* 左侧菜单 */
.left-menu { width: 280px; float: left; background-color: #fff; min-height: 500px; box-sizing: border-box; padding: 20px 0; }
.left-menu li { box-sizing: border-box; }
.left-menu li a { font-size: 18px; color: #333; display: block; text-align: center; padding: 15px 0; font-weight: bold; }
.left-menu li.active { border-left: 5px solid #e12322; }
.left-menu li.active a { color: #e12322; background-color: #fffeca; }
/* 右侧内容 */
.right-content { width: 870px; float: right; min-height: 500px; }
.right-content ul li { width: 428px;height: 140px; background-color: #fff; margin-right: 10px; margin-bottom: 10px; border-radius: 3px; color: #fff; font-size: 16px; font-weight: bold; transition: all .3s; float: left; }
.right-content ul li:nth-child(2n) { margin-right: 0; }
.right-content ul li>.top>a { display: block; }
.right-content ul li .top img, .right-content ul li>.top { transition: all .3s; }
.right-content ul li:hover img { transform: scale(.8); }
.right-content ul li:hover>.top { box-shadow: 0px 6px 10px rgba(225,35,34,.5); }
.right-content ul li>.top { height: 100px; background-color: #e12322; box-sizing: border-box; padding: 15px 28px; }
.right-content ul li>.top>a>h6 { margin-bottom: 15px; }
.right-content ul li>.top>a>p>img { margin-right: 20px;width: 35px; }
.right-content ul li>.top>a>p>span { font-size: 40px; margin-right: 10px; }
.right-content ul li>p { padding: 0 20px; line-height: 42px; }
.right-content ul li>p>a { color: #333; display: block; }
.right-content ul li>p>a>i { color: #e12322; float: right; }
.list-con { background-color: #fff; box-sizing: border-box; padding: 0 20px 20px 20px; }
h2.bread { font-weight: bold; font-size: 16px; margin-bottom: 20px; margin-top: 20px; }
.table-wrap table { border: 1px solid #ccc; border-collapse: collapse; }
.table-wrap table th { font-weight: bold; background-color: #f2f2f2; }
.table-wrap table td, .table-wrap table th { padding: 14px 5px; border: 1px solid #ccc; }
.table-wrap table tr:nth-child(odd) td { background-color: #f2f2f2; }
.table-wrap table td a { color: #e12322; }
.zz-w table tr td:first-child,  .zz-w table th:first-child {
	border-left: 0;
}
.zz-w table tr td:last-child,.zz-w table th:last-child {
	border-right: 0;
}
.table-wrap .tip { color: #e29836; background-color: #fdf5e9; padding: 12px 10px; box-sizing: border-box; }
.table-wrap .tip a { color: #e12322; padding: 0 10px; }
.repair div { margin: 10px 0 25px 0; font-size: 14px; font-weight: bold; }
.table-wrap.repair p{ font-size: 13px; }
/*.table-wrap .required:before { content: '*'; color: #e12322; margin-right: 5px; }*/
.table-wrap input[type='file'] { margin-left: 10px; }
.table-wrap .des { padding-top: 8px; color: #707070; font-weight: normal; }
.table-wrap .des a { margin-left: 20px; color: #e12322; }
.btn-group { text-align: center; margin-top: 50px;width: 100%; }
.btn-group a { display: inline-block; padding: 10px 20px; background-color: #e12322; color: #fff; margin: 0 5px; border-radius: 3px; transition: all .3s; }
.btn-group a:hover { opacity: .9; }
.btn-group .reback { background-color: #fff; color: #333; border: 1px solid #ddd; }
a.download { color: #e12322 !important; }
/* footer */
.footer { width: 100%; height: 168px; overflow: hidden; background-color: #e12322; text-align: center; }
.footer .inner { width: 1160px; margin: 0 auto; color: #fff; }
.footer img { float: left; position: relative; /*top: 40px;*/ margin-left: 190px; }
.footer .inner div { float: left; position: relative; top: 56px; margin-left: 10px; }
.footer .inner div p span:last-child { margin-left: 60px; }
.footer .inner div p { padding-bottom: 10px; margin: 0 0 10px;}
/* 栏目页 */
.nav-bread { width: 1160px; margin: 19px auto; height: 48px; line-height: 48px; background-color: #fff; }
.nav-bread .inner { color: #666; box-sizing: border-box; padding-left: 20px; }
.nav-bread .inner li { float: left; padding: 0 10px; margin: 0 5px; box-sizing: border-box; height: 48px; }
.nav-bread .inner li a { display: block; height: calc(100% - 3px); }
.nav-bread .inner li.active a { border-bottom: 3px solid #e12322; color: #e3261d; font-weight: bold; }
.nav-bread .inner span input { background-color: #ececec; border: 0; width: 180px; height: 32px; line-height: 32px; box-sizing: border-box; padding: 0 10px; }
.nav-bread .inner span button { width: 70px; height: 32px; line-height: 32px; border: 0; margin-left: 10px; background-color: #fd1509; color: #fff; cursor: pointer; }
.nav-bread .inner span.search { float: right; }
.nav-bread .inner span.search select { width: 124px; border: 0; background-color: #ececec; height: 32px; line-height: 32px; padding: 0 10px; color: #666; }
.list-wrap { width: 1160px; margin: 0 auto; min-height: 502px; overflow: hidden; box-sizing: border-box; }
.list-wrap .page-second, .list-wrap .page-third, .page-required, .page-elective { display: none; }
.list-wrap li { width: 282px; height: 337px; float: left; background-color: #fff; border-radius: 3px; margin-right: 10px; margin-bottom: 15px; }
.list-wrap li:nth-child(4n) { margin-right: 0; }
.list-wrap li .li-content { padding: 22px 20px 12px 20px; }
.list-wrap li h6 { padding-bottom: 6px; font-size: 15px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list-wrap li p { border-bottom: 1px solid rgba(67,59,56,.3); color: rgba(67,59,56,.6); padding: 10px 0 15px 0; }
.list-wrap li p img { display: inline-block; margin-right: 4px; position: relative; top: 2px; }
.list-wrap li p span:last-child { float: right; }
.list-wrap li .li-content .link-btn { height: 45px; background: #e12322 url('/dtvideo/assets/images/pic_14-d567ca56f6174bbed58b1785f6686474.png') 60px no-repeat; width: 100%; display: inline-block; line-height: 45px; text-align: center; color: #fff; margin-top: 22px; }
.list-wrap li .li-content .link-cre { background: #16bf69 url('/dtvideo/assets/images/img_18-240d48cbbaa45c4c3a72411ee4020c59.png') 60px no-repeat; margin-top: 12px;  }
.list-wrap li .li-content .lc-p { padding: 6px 0; }
.list-wrap li .li-content .lc-p span { display: block; float: none; padding-bottom: 6px; }
.list-wrap li a>img { width: 100%; }
.list-new-icon li { border-bottom: 1px solid #e0eff9; padding: 20px 0; }
.list-new-icon li:first-child { padding-top: 8px; }
.list-new-icon li:last-child { border-bottom: 0; }
.list-new-icon li a { color: #6e6e6e !important; font-size: 14px; }
.list-new-icon li i { width: 3px; height: 3px; position: relative; top: -4px; }
/* 分页 */
.page { width: 1160px; margin: 19px auto; overflow: hidden;}
#pagebx, #pagexx { display: none; }
.page ul { float: left; }
.page ul li { width: 36px; height: 36px; background-color: #f5f5f5; text-align: center; line-height: 36px; float: left; margin-right: 5px; }
.page ul li a { display: block; color: #a2a2a2; }
.page ul li.active a  { background-color: #fd1409; color: #fff; }
.pagination .paging a:hover {cursor: pointer;}
.page span { float: right; line-height: 36px; color: #a2a2a2; }
.page .no-point { cursor: no-drop; pointer-events: none; }

/* 新增答题 */
/*.item { width: 68%; height: 80%; display: none; background-color: #fff; overflow: hidden; border-radius: 5px; box-shadow: 0px 0px 8px rgba(0,0,0,.3); position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); box-sizing: border-box; color: #000; }*/
.item h1 { font-size: 28px; color: #000; position: absolute; top: 0; padding: 10px 20px; background: #fff; }
.item .question-li { box-sizing: border-box; font-size: 18px; margin-bottom: 18px; }
.item .question-li h6 { padding: 10px 0 18px 0; margin: 10px 0; }
.item .question-content  {margin-left: 30px;}
.item label { padding: 8px 18px;  margin: 0 10px; }
.scroll-wrap { /*overflow-y: auto; height: calc(100% - 65px);*/ padding: 50px 20px 20px 20px; box-sizing: border-box; }
/*.btn-footer { position: fixed; bottom: 0; background: #fff; width: 100%; box-sizing: border-box; padding: 15px 0; }*/
.submit { display: block; padding: 10px 0; background: #e12322; width: 120px; color: #fff; text-align: center; font-size: 15px; margin: 0 auto; }
p.tip {
	color: #e29836;
	background-color: #fdf5e9;
	padding: 12px 10px;
	box-sizing: border-box;
	font-size: 13px;
	width: 1160px;
	margin: 0 auto;
	margin-top: 20px;
}

p.pwd-tip {
	color: #e29836;
	background-color: #fdf5e9;
	padding: 12px 10px;
	box-sizing: border-box;
	font-size: 13px;
	width: 867px;
}

.table-wrap .required a.file-down img {
	width: 18px;
	height: 18px;
	display: inline-block;
	position: relative;
	top: 2px;
	margin-right: 2px;
}
.table-wrap .required p.title {height: 28px;line-height: 28px;}
.table-wrap .required p.title:before {content: '*';color: #e12322;margin-right: 5px;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*后期添加*/
/*IE下，th默认为center*/
th {
	text-align: left;
}
a{
	color: inherit;
	text-decoration: none;
}
i{
	display: inline-block;
}

.nav {
	height: auto !important;
}
.wrapper {
	width: 1200px;
	font-family: "Microsoft YaHei";
	margin: 0px auto;
	overflow: hidden;
}
.header li {
	width: 171px;
	height: 48px;
	float: left;
	position: relative;
	text-align: center;
}
.header li:first-child::before {
	left: -1px;
}
.header li:before{
	width: 1px;
	height: 24px;
	content: " ";
	position: absolute;
	left: 0px;
	top: 12px;
	background-color: rgba(255, 255, 255, 0.36);
}
.nav ul li a {
	font-size: 16px !important;
	width: 164px;
	display: inline-block;
	border-right: 0 !important;
	padding: 0 !important;
	display: block;
	height: 24px;
	line-height: 24px;
	padding-bottom: 8px !important;
	margin: 12px auto 0;
	text-align: center;
	font-size: 18px !important;
	color: white;
	width: 117px;
}
.nav ul li:first-child a {
	background: none !important;
}

.footer.ver {
	height: 166px !important;
	overflow: hidden !important;
	background-color: #E12423 !important;
	color: white !important;
}

.footer.ver .block {
	vertical-align: middle;
	display: inline-block;
	margin-top: 35px;
}

.footer.ver p:first-child {
	margin-top: 10px;
}
.footer.ver p {
	text-align: center;
	line-height: 28px;
}