@import url(../css/fonts/iconfont.css);
	.iconfont {
	font-size:18px;
}
* {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:400
}
button,input,textarea {
	outline:0;
	border:0;
	font-family:Source Han Sans CN,sans-serif;
	-webkit-appearance:none
}
img {
	overflow:hidden;
	border:0;
	max-width:100%;
	vertical-align:top;
}
a {
	-webkit-appearance:none;
	-webkit-tap-highlight-color:transparent;
	color:#6576ff;
	background-color:transparent;
	text-decoration:none;
	outline:none;
	cursor:pointer;
	-webkit-transition:color .3s;
	transition:color .3s;
	-webkit-text-decoration-skip:objects;
}
a:hover {
	color:#4f62fc;
	text-decoration:none;
}
a:focus,a:hover {
	text-decoration:none;
}
ul li {
	list-style:none
}
body,html {
	width:100%;
	height:100%;
}
body {
	font-family:Source Han Sans CN,sans-serif;
	font-size:14px;
	line-height:24px;
	color:#292c35;
	background-color:#eeeeee;
	min-width:1240px;
}
table {
	border-collapse:collapse
}
input[type=radio],input[type=checkbox] {
	outline:none;
}
input[type=radio]:focus,input[type=checkbox]:focus {
	outline:none;
}
/*input提示文字颜色*/
input[type="text"]::-moz-placeholder {
	color:#b2b2b2;
}
input[type="text"]::-webkit-input-placeholder {
	color:#b2b2b2;
}
.container {
	margin:0 auto;
}
.clear:after {
	clear:both;
	display:block;
	content:""
}
.pull-left {
	float:left;
}
.pull-right {
	float:right;
}
.text-center {
	text-align:center;
}
.text-right {
	text-align:right;
}
.ellipsis-one {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-break:break-all
}
.ellipsis-two {
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.hide {
	display:none;
}
.box {
	background:#ffffff;
	-moz-box-shadow:0px 1px 7px #eeeeee;
	-webkit-box-shadow:0px 1px 7px #eeeeee;
	box-shadow:0px 1px 7px #eeeeee;
	border-radius:4px;
}
.wrapper {
	padding:60px 0px 0px 220px;
	min-height:100%;
}
.language {
	position:absolute;
	top:30px;
	right:30px;
}
.language a {
	color:#FFFFFF;
	display:inline-block;
	margin:0px 10px;
	font-size:16px;
}
/* 头部 */
.header {
	height:60px;
	background-image: linear-gradient(to right, #0f5459 , #29347a);
	position:fixed;
	top:0px;
	left:0px;
	z-index:100;
	right:0px;
	width:100%;
	transition:all 0.36s ease;
}
.res-logo {
	float:left;
	padding:10px 0px 0px 30px;
}
.res-logo-img {
	background:url(../images/re-logo.png) center no-repeat;
	width:117px;
	height:38px;
	float:left;
	display:block;
}
.res-logo span {
	display:block;
	color:#ffffff;
	font-size:22px;
	padding:8px 0px 0px 10px;
	float:left;
}
.res-user {
	float:right;
	color:#FFFFFF;
	padding:15px 10px 0px 0px;
}
.res-user span {
	padding-right:18px;
}
.res-user a {
	display:inline-block;
	color:#FFFFFF;
	position:relative;
	top:3px;
	padding:0px 20px;
}
.res-user a:after {
	display:block;
	content:"";
	position:absolute;
	top:6px;
	left:0px;
	bottom:6px;
	width:1px;
	background-color:#94c6ff;
}
.side {
	width:220px;
	position:fixed;
	top:60px;
	z-index:10;
	transition:all 0.36s ease;
	left:0px;
	bottom:0px;
	background-color:#FFFFFF;
	border-right:1px solid #e0e0e0;
	-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.10);
	box-shadow:0 2px 2px rgba(0,0,0,0.10);
}
.side .current {
	background-color:#e0e4ff;
}
.side .active .theme {
	color:#6576ff;
}
.side .theme:hover {
	color:#6576ff;
}

.side .theme {
	height:45px;
	position:relative;
	color:#43464a;
	padding:0px 10px 0px 60px;
	cursor:pointer;
}
.side .theme span {
	display:block;
	line-height:45px;
}
.side .iconfont {
	position:absolute;
	top:10px;
	left:30px;
	font-size:19px;
}
.side .icon-arrow {
	position:absolute;
	top:10px;
	right:15px;
	font-size:14px;
	left:auto;
	font-size:12px;
	transition:all 0.1s ease-out;
}
.side ol {
	padding:0px;
	display:none;
	background-color:#e6edf5;
}
.side ol li {
	line-height:40px;
}
.side ol li a {
	color:#6b6f75;
	display:block;
	padding:0px 10px 0px 60px;
}
.side ol li a.link {
	color:#FFFFff;
	background-color:#6576ff;
}
.side .active ol {
	display:block;
}
.side .active .icon-arrow {
	transform:rotate(90deg);
}
.footer {
	color:#999999;
	line-height:50px;
	text-align:center;
}
/* 分页 */
.page {
	text-align:right;
	padding:20px;
}
.page .pagination {
	margin:0px;
}
.pagination>li>a {
	height:34px;
}
.count-page {
	float:left;
	color:#999;
}
.layui-layer-title {
	background-color:#f7f7f7 !important;
	height:45px !important;
	line-height:45px !important;
}
.layui-layer-setwin {
	top:16px !important;
}
.layui-layer {
	border-radius:8px !important;
	overflow:hidden;
}
.layui-layer-btn {
	padding:0 15px 15px !important;
}
.layui-layer-btn a {
	width:64px !important;
	height:32px !important;
	line-height:32px !important;
	border-radius:4px !important;
}
.layui-layer-setwin a {
	background-position:2px -36px;
}
.wt60 {
	width:60px;
}
.wt210 {
	width:210px;
	margin-right:10px;
}
.wt630 {
	width:630px;
	margin-right:10px;
}
.wt670 {
	width:670px;
}
.wt500 {
	width:500px;
}
.wt890 {
	width:890px;
}
.wt60 {
	width:60px;
}
.wt1000 {
	width:1000px;
}
.ht100 {
	height:100px !important;
}
.ht80 {
	height:80px !important;
}
.ht150 {
	height:150px !important;
}
.ht300 {
	height:300px;
}
.ht200 {
	height:200px !important;
}
.wtpt70 {
	width:70%;
}
.control-gray {
	background-color:#f9fafc;
}
.noResize {
	resize:none;
}
.wt680 {
	width:680px;
}
.wt110 {
	width:110px;
}
.wt800 {
	width:800px;
}
.ht120 {
	height:120px !important;
}
/* 方案管理 */
.main {
	padding:20px 20px 0px;
}
.nav-box {
	height:60px;
	margin-bottom:15px;
	padding:12px 20px 0px;
	line-height:36px;
	color:#6b6f75;
}
.nav-box .pull-left {
	font-size:14px;
}
.nav-box .pull-left a {
	color:#292c35;
}
.nav-box .pull-left a.bz {
	color:#6b6f75;
}
.nav-box .pull-left a:hover {
	color:#6576ff;
}
.nav-box .btn-blue {
	line-height:35px;
	border:0px;
	display:block;
	background-color:#6576ff;
	cursor:pointer;
	color:#FFFFFF;
	padding:0px 15px;
	border-radius:4px;
	margin-left:10px;
}
.nav-box .btn-blue i {
	display:inline-block;
	font-size:14px;
	margin-right:5px;
}
.nav-box .btn-blue:hover {
	background-color:#6576ff;
}
.nav-box .btn-write {
	line-height:33px;
	border:0px;
	display:block;
	border:1px solid #6576ff;
	background-color:#FFFFFF;
	cursor:pointer;
	color:#6576ff;
	padding:0px 15px;
	border-radius:4px;
	margin-left:10px;
}
.nav-box .btn-write i {
	display:inline-block;
	font-size:14px;
	margin-right:5px;
}
.nav-box .btn-write:hover {
	background-color:#6576ff;
	color:#FFFFFF;
}
.panel-box {
	padding-bottom:1px;
	min-height:calc(100vh - 210px);
	min-height:-webkit-calc(100vh - 210px);
}
.tb-list {
	padding:20px 20px 0px;
	min-height:calc(100vh - 288px);
	min-height:-webkit-calc(100vh - 288px);
}
.tb-list table {
	width:100%;
}
.tb-list th {
	color:#292c35;
	white-space:nowrap;
	background-color:#f7f7f7;
	white-space:nowrap;
}
.tb-list th,.tb-list td {
	line-height:49px;
	text-align:left;
	font-weight:normal;
	border-bottom:1px solid #e0e0e0;
	padding:0px 10px;
}
.tb-list th:first-child,.tb-list td:first-child {
	padding-left:20px;
}
.tb-list tr:hover td {
	background-color:#f3f9fe;
}
.tb-list .name {
	line-height:24px;
}
.tb-list .status {
	background-color:#f1f1f1;
	border-radius:2px;
	display:inline-block;
	color:#6e7379;
	line-height:24px;
	min-width:56px;
	text-align:center;
	font-size:12px;
}
.tb-list .status.default {
	background-color:#fff1e1;
	color:#ff8746;
}
.tb-list .status.harder {
	color:#329e51;
	background-color:#d1fdde;
}
.tb-list .status.difficult {
	color:#f56c6c;
	background-color:#ffdddd;
}
.tb-list .status.active {
	background-color:#fff1e1;
	color:#ff8746;
}
.tb-list td .name {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	display:block;
	max-width:200px;
}
.w200 {
	width:200px;
}
.w150 {
	width:150px;
}
.w250 {
	width:250px;
}
.w300 {
	width:300px;
}
.operate {
	height:36px;
	padding-top:2px;
	line-height:32px;
	text-align:left;
}
.operate a {
	display:inline-block;
	min-width:60px;
	margin:0px 5px;
	padding:0px 10px;
	height:32px;
	line-height:30px;
	text-align:center;
	color:#6576ff;
	border:1px solid #6576ff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.operate.min a {
	min-width:50px
}
.operate a.delete {
	color:#f56c6c;
	border-color:#f56c6c;
}
/* 红色 */
.operate a.delete:hover {
	background-color:#f56c6c;
	color:#FFFFff;
}
.operate a.view {
	color:#329e51;
	border-color:#329e51;
}
/* 绿色 */
.operate a.view:hover {
	background-color:#329e51;
	color:#FFFFff;
}
.operate a.edit {
	color:#6576ff;
	border-color:#6576ff;
}
/* 蓝色 */
.operate a.edit:hover {
	background-color:#6576ff;
	color:#FFFFff;
}
.operate a.task {
	color:#ff8746;
	border-color:#ff8746;
}
/* 橙色 */
.operate a.task:hover {
	background-color:#ff8746;
	color:#FFFFff;
}
/* 表单 */
.bg-write {
	background-color:#FFFFFF;
	min-width:inherit;
}
.form-wrap {
	padding-bottom:52px;
}
.form-horizon {
	margin:0px;
	padding:20px 40px 0px 20px;
}
.form-horizon .form-group:after {
	display:block;
	clear:both;
	content:"";
}
.form-horizon .form-group {
	margin-bottom:22px;
}
.form-grope .form-group {
	margin-bottom:18px;
}
.form-list .form-group {
	margin-bottom:30px;
}
.form-horizon .no-bottom {
	margin-bottom:0px;
}
.form-horizon .form-group-small {
	margin-bottom:10px;
}
.form-horizon .form-btn20 {
	margin-bottom:20px;
}
.form-horizon .form-group-big {
	margin-bottom:20px;
}
.control-label {
	margin:0px;
	color:#292c35;
	font-weight:normal;
	width:100px;
	display:block;
	text-align:right;
	float:left;
	line-height:40px;
}
.control-label span {
	color:#f56c6c;
}
.control-input {
	margin-left:110px;
	position:relative;
}
.control-input .form-control.error,.form-input .form-control.error {
	border-color:#f56c6c;
}
.control-input label,.form-input label {
	display:none;
}
.control-input label.error,.form-input label.error,full-reduce label.error {
	color:#f56c6c;
	font-size:12px;
	margin:0px;
	font-weight:normal;
	position:absolute;
	left:0px;
	display:block;
	bottom:-22px;
}
.form-horizon .form-control {
	height:40px;
	padding:9px 12px;
}
.form-footer {
	height:52px;
	bottom:0px;
	left:0px;
	right:0px;
	padding:0px;
}
.form-footer button {
	min-width:64px;
	padding:0px 12px;
	height:34px;
	line-height:32px;
	text-align:center;
	margin-right:10px;
	border-radius:3px;
	border:1px solid #d9d9d9;
	background-color:#FFFFFF;
	cursor:pointer;
	color:#6b6f75;
}
.form-footer .btn-blue {
	background-color:#6576ff;
	border-color:#6576ff;
	color:#FFFFFF;
}
.form-footer .btn-blue:hover {
	background-color:#6576ff;
}
.form-footer .btn-gray:hover {
	background-color:#f7f5f5;
}
.form-main .form-footer {
	position:fixed;
	text-align:right;
	padding-right:30px;
}
.form-name {
	line-height:40px;
	color:#6b6f75;
	word-break:break-all;
	word-break:break-word;
}
.control-input .control-unit {
	color:#6b6f75;
	padding:0 12px 0 10px;
}
.control-input .control-tips {
	color:#b2b2b2;
}
.upload-file {
	display:flex;
}
.form-upload-file {
	border-radius:4px 0 0 4px;
}
.upload-file .upload-file-btn {
	position:relative;
	cursor:pointer;
	text-align:center;
	display:inline-block;
	width:90px;
	line-height:40px;
	height:40px;
	background:#cde6ff;
	border:1px solid #6576ff;
	border-radius:0 4px 4px 0;
	color:#6576ff;
}
.upload-file-btn input {
	width:90px;
	cursor:pointer;
	opacity:0;
	position:absolute;
	z-index:2;
	top:0;
	left:0;
}
.deal-data {
	margin-left:20px;
	width:110px;
	height:36px;
	color:#fff;
	line-height:100%;
	text-align:center;
	background:#6576ff;
	border-radius:2px;
}
.choose-box {
	height:40px;
	line-height:40px;
	display:flex;
	align-items:center;
}
.choose-box>input {
	display:none
}
.choose-box>label {
	display:block;
	position:relative;
	width:110px;
	margin-left:25px;
	cursor:pointer;
	font-weight:normal;
	color:#6b6f75;
	margin-bottom:0
}
.choose-box>label::before {
	display:inline-block;
	content:"";
	width:14px;
	height:14px;
	border-radius:50%;
	border:1px solid rgb(219,219,219);
	margin-right:6px;
	position:absolute;
	left:-25px;
	top:12px
}
.choose-box>input:checked+label {
	color:#6576ff
}
.choose-box>input:checked+label::before {
	background-color:#6576ff;
	border:1px solid #6576ff
}
.choose-box>input:checked+label::after {
	display:inline-block;
	content:"";
	width:4px;
	height:4px;
	border-radius:50%;
	position:absolute;
	left:-20px;
	bottom:19px;
	background-color:#fff;
	vertical-align:middle
}
.flex-box {
	display:flex;
	align-items:center
}
.checkbox {
	background:url(../images/checkbox.png) center no-repeat;
	width:14px;
	height:14px;
	outline:0px;
	cursor:pointer;
	border:0px;
	display:inline-block;
}
.checkbox:checked {
	background:url(../images/checkboxed.png) center no-repeat;
}
.radio {
	background:url(../images/radio.png) center no-repeat;
	width:14px;
	height:14px;
	display:inline-block;
}
.radio:checked {
	background:url(../images/radioed.png) center no-repeat;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.scroll {
	overflow:hidden;
	overflow-y:auto;
}
.scroll::-webkit-scrollbar {
	width:8px;
	height:8px;
	background-color:#F5F5F5;
}
/*定义滚动条轨道 内阴影+圆角*/
.scroll::-webkit-scrollbar-track {
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
	border-radius:4px;
	background-color:#F5F5F5;
}
/*定义滑块 内阴影+圆角*/
.scroll::-webkit-scrollbar-thumb {
	border-radius:4px;
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
	background-color:#555;
}
.no-data {
	position:relative;
	width:100%;
	height:100%;
	padding-top:15%;
	text-align:center;
}
.no-data p {
	padding-top:10px;
}
/* ------------------------------------------控制端 --------------------------------*/
.side-control ul {
	padding-top:10px;
}
.side-control ul li ol {
	background-color:#FFFFFF;
	display:block;
}
.side-control ul li ol a {
	position:relative;
}
.side-control .iconfont {
	top:1px;
	left:36px;
	font-size:17px;
}
.side-control .link .iconfont {
	color:#FFFFFF;
}
/* 新建配置规则 */
.deploy {
	padding:30px 90px 0px 30px;
	position:relative;
}
.deploy .form-horizon {
	padding:0px;
}
.deploy .control-label {
	width:auto;
}
.deploy .control-input {
	margin-left:75px;
}
.deploy-tip {
	color:#999999;
}
.deploy-tip .iconfont {
	color:#ff8c00;
	font-size:15px;
	margin-right:5px;
}
.deploy_tb {
	padding:15px 0px 0px;
	position:relative;
}
.deploy_tb .form-control {
	width:70px;
	height:26px;
	display:inline-block;
	background-color:#f9fafc;
	border-radius:2px;
}
.deploy_tb table {
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
}
.deploy_tb tr td:nth-child(5n-1) {
	border-right:1px solid #e0e0e0;
}
.deploy_tb tr .code {
	padding-left:35px;
}
.deploy_tb tr .cate {
	width:20%;
}
.deploy_tb tr th {
	line-height:40px;
	height:40px;
}
.deploy_tb tr td .form-control {
	margin-right:10px;
}
.deploy-head {
	border:1px solid #e0e0e0;
	padding:6px 20px 6px 10px;
	line-height:26px;
}
.deploy-head .form-control {
	margin:0px 5px;
}
.deploy-head .pull-left span {
	display:inline-block;
	margin-right:10px;
}
.deploy-head .pull-right span {
	color:#6576ff;
}
.deploy-head .pull-right i {
	font-style:normal;
}
.deploy-wrap {
	padding-bottom:20px;
}
.deploy-panel {
	position:fixed;
	width:60px;
	right:50px;
	z-index:1000;
	top:285px;
}
.deploy-panel p {
	color:#FFFFFF;
	margin-bottom:1px;
	background-color:#6576ff;
	text-align:center;
	height:60px;
	padding-top:12px;
	line-height:20px;
}
.form-tb .deploy-dia {
	margin:0px;
}
.deploy-dia  td {
	line-height:40px;
}
.deploy-dia .tr-foot td,.deploy-dia .tr-foot:hover td {
	background-color:#f7f7f7;
}
.deploy_tb tr td {
	position:relative;
}
.deploy_tb .form-control.error,.exam_paper_wrap .action .form-control.error {
	border-color:#f56c6c;
}
.deploy_tb label,.deploy-tip label,.exam_paper_wrap .action label {
	display:none;
}
.deploy_tb label.error,.exam_paper_wrap .action label.error {
	position:absolute;
	bottom:45px;
	left:0px;
	display:block;
	margin:0px;
	font-weight:normal;
	font-size:13px;
	line-height:20px;
	color:#333;
	border:1px solid #c7bf93;
	padding:5px 10px;
	min-height:30px;
	border-radius:4px;
	background-color:#fff9c9;
	z-index:10;
}
.deploy_tb label.error:after,.exam_paper_wrap .action label.error:after {
	display:block;
	background:url(../images/tip-yellowsimple_arrows.gif) -18px 0px;
	width:9px;
	height:6px;
	content:"";
	position:absolute;
	z-index:20;
	left:30px;
	bottom:-5px;
}
.deploy-tip {
	position:relative;
	display:inline-block;
}
.deploy-tip label.error {
	left:35px;
	bottom:33px;
}
.deploy_tb label.error:empty,.exam_paper_wrap .action label.error:empty {
	border:0px;
	min-height:auto;
	padding:0px;
}
.deploy_tb label.error:empty:after,.exam_paper_wrap .action label.error:empty:after {
	display:none;
}
.exam_paper_wrap .action label.error {
	bottom:40px;
	left:5px;
}
.exam_paper_wrap .action label.error:after {
	left:50px;
}
.deploy_tb tr td.tip {
	line-height:26px;
	background-color:#fff9c9;
	color:#f56c6c;
}
.deploy_tb tr td.tip .iconfont {
	font-size:14px;
	margin-right:5px;
}
.tip-all {
	line-height:26px;
	background-color:#fff9c9;
	color:#f56c6c;
	padding:0px 15px;
	border:1px solid #e0e0e0;
	margin-bottom:10px;
}
.tip-all .iconfont {
	font-size:14px;
	margin-right:5px;
}
/* 新建试卷 */
.exam_paper {
	position:relative;
	padding-bottom:50px;
	overflow:hidden;
}
.exam_paper .form-footer {
	position:fixed;
	bottom:50px;
	z-index:1000;
	height:50px;
	background-color:#f8f8f8;
	border-top:1px solid #eeeeee;
	right:20px;
	left:240px;
	text-align:center;
	padding:6px 0px 0px;
}
.exam_paper .wt160 {
	width:160px;
}
.exam_paper_second {
	padding-bottom:0px;
}
.exam_paper_second .form-footer {
	bottom:0px;
}
.exam_tab {
	background-color:#e2e9ef;
	height:45px;
	line-height:45px;
}
.exam_tab span {
	display:block;
	width:50%;
	text-align:center;
	float:left;
	color:#292c35;
	font-size:16px;
}
.exam_tab .current {
	background-color:#6576ff;
	position:relative;
	color:#FFFFFF;
}
.exam_tab .current:after {
	display:block;
	content:"";
	position:absolute;
	width:0px;
	height:0px;
	border-width:8px;
	border-style:solid;
	border-color:transparent transparent #FFFFFF transparent;
	bottom:0px;
	left:0px;
	right:0px;
	margin:0 auto;
}
.exam_form {
	padding-top:30px;
	margin:0 auto;
}
.exam_paper_info {
	text-align:center;
	padding:20px 0px 35px;
}
.exam_paper_info h1 {
	font-size:24px;
}
.exam_paper_info h3 {
	font-size:18px;
	margin-top:18px;
	margin-bottom:18px;
}
.exam_paper_title {
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	line-height:50px;
	padding:0px 30px;
	background-color:#f5f5f5;
}
.exam_paper_wrap {
	padding-bottom:30px;
	word-break:break-all;
	word-break:break-word;
}
.exam_paper_wrap ul {
	margin:0px 30px;
}
.exam_paper_wrap li {
	padding:15px 100px 15px 0px;
	border-bottom:1px dashed #d9d9d9;
	line-height:24px;
	position:relative;
}
.exam_paper_wrap li:last-child {
	border-bottom:0px;
}
.exam_paper_wrap li .title {
	position:relative;
	padding-left:22px;
}
.exam_paper_wrap li .title i {
	font-style:normal;
	display:inline-block;
	position:absolute;
	top:0px;
	left:0px;
}
.exam_paper_wrap li .title span {
	color:#6b6f75;
}
.exam_paper_wrap .score {
	position:absolute;
	top:15px;
	right:0px;
	width:100px;
	color:#6576ff;
	padding-right:20px;
	text-align:right;
}
.exam_paper_wrap ol {
	border:1px solid #d9d9d9;
	margin:0px 30px;
	padding:0px 20px;
	margin-bottom:30px;
}
.exam_paper_wrap ol li {
	list-style:none;
	padding:18px 330px 18px 70px;
	border-bottom:1px solid #d9d9d9;
}
.exam_paper_wrap ol li:last-child {
	border-bottom:0px;
}
.exam_paper_wrap ol .score {
	top:18px;
}
.exam_paper_wrap .form-control {
	width:70px;
	height:30px;
	display:inline-block;
	background-color:#f9fafc;
	border-radius:2px;
}
.exam_paper_wrap li .name {
	position:absolute;
	top:18px;
	left:0px;
	background-color:#a8b2be;
	color:#FFFFFF;
	padding:0px 12px;
}
.exam_paper_wrap li p {
	margin:0px;
}
.exam_paper_wrap .action {
	position:absolute;
	top:16px;
	right:0px;
}
.form-footer .btn-orange {
	background-color:#eb8965;
	border-color:#eb8965;
	width:105px;
}
.form-footer .btn-orange:hover {
	background-color:#ec6c3d;
	border-color:#ec6c3d;
}
.btn-orange .iconfont {
	position:relative;
	top:2px;
}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
	background-color:#f9fafc;
}
.webuploader-container input[type=file] {
	opacity:0;
	width:100%;
}
.amz-alert {
	display:block;
	border-radius:4px;
	border:1px #ddd solid;
	background-color:#fff;
	margin:15px 0 0px;
}
.alert-container {
	border-radius:4px;
	position:relative;
	padding:8px 12px
}
.alert-container h4 {
	font-weight:400;
	font-size:15px
}
.alert-content {
	line-height:22px
}
.icon-alert {
	background:url(../images/icon-alert.png) center no-repeat;
	display:inline-block;
	vertical-align:top;
	height:28px;
	width:30px;
	position:absolute;
	left:18px;
	top:13px
}
.tip-info {
	box-shadow:0 0 0 4px #fff1f1 inset;
	padding:5px 10px;
	color:#f56c6c;
	border:1px solid #f56c6c;
	border-radius:4px;
	margin:10px 5px 0px;
}
.tip-info h4 {
	display:inline-block;
	margin:0px;
	font-size:14px;
	padding-left:5px;
}
/* 弹窗 */
.form-wrapper {
	padding:20px 40px 0px 20px;
}
.form-wrapper .form-control {
	height:40px;
	padding:9px 12px;
}
.form-main {
	padding-bottom:52px;
}
.form-wrapper .form-group {
	margin-bottom:22px;
}
.form-wrapper .form-title {
	margin:0px;
	color:#292c35;
	font-weight:normal;
	width:85px;
	display:block;
	text-align:right;
	float:left;
	line-height:40px;
}
.form-wrapper .form-title span {
	color:#f56c6c;
}
.form-wrapper .form-input {
	margin-left:95px;
	position:relative;
}
.form-wrapper .form-input .form-form.error,.form-input .form-form.error {
	border-color:#f56c6c;
}
.form-wrapper .form-input label,.form-input label {
	display:none;
}
.form-wrapper .form-input label.error,.form-wrapper .form-input label.error {
	color:#f56c6c;
	font-size:12px;
	margin:0px;
	font-weight:normal;
	position:absolute;
	left:0px;
	display:block;
	bottom:-22px;
}
.form-horizon .form-form {
	height:40px;
	padding:9px 12px;
}
.form-multiline .form-group {
	width:50%;
	float:left;
}
.form-wrapper .form-group .unit {
	position:absolute;
	top:8px;
	z-index:100;
	right:10px;
}
/* 登录 */
.login-bg {
	background:url(../images/abg.jpg) center no-repeat;
	background-size:100% 100%;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
}
.login-logo {
	position:absolute;
	top:50px;
	left:70px;
	padding:0px;
	float:none;
}
.login-wrap {
	background-color:#FFFFFF;
	width:480px;
	margin:0 auto;
	padding:60px 60px 28px;
	transform:translateX(-16%);
}
.login-wrap h1 {
	color:#999999;
	font-size:24px;
	margin:0px;
	padding-bottom:40px;
}
.form-login .form-group {
	margin-bottom:22px;
}
.form-login .control-label {
	float:none;
	width:auto;
	text-align:left;
	line-height:initial;
	padding-top:5px;
	padding-bottom:15px;
	color:#333333;
}
.form-login .control-input {
	margin-left:0px;
}
.form-login .form-control {
	height:44px;
	padding:9px 12px;
}
.btn-login {
	width:100%;
	background-image: linear-gradient(to right, #0f5459 , #29347a);
	line-height:50px;
	color:#FFFFFF;
	font-size:16px;
	border-radius:4px;
	margin-top:18px;
	 
}
.btn-login:hover {
	background-image: linear-gradient(to right, #0f5459 , #29347a);
}
.tb-correct tr td {
	position:relative;
	border:1px solid #d9d9d9;
}
.tb-correct tr td .form-control {
	border-radius:0px;
	border:0px;
}
.tb-correct tr {
	position:relative;
}
.delete-row {
	display:block;
	margin:0px 10px;
}
.delete-col {
	display:block;
	margin:0px 10px;
}
.tb-correct tbody tr td.last {
	border:0px;
	text-align:center;
}
.tb-correct tr:first-child td:last-child {
	display:none;
}
.add-col,.add-row,.del-col {
	line-height:34px;
	background-color:#6576ff;
	padding:0px 15px;
	border-radius:4px;
	color:#FFFFFF;
	margin:5px 10px 15px 0px;
}
.tb-correct.view tr:first-child td:last-child {
	display:table-cell;
}
@media ( max-width:1366px) {
	/* 登录 */
	.login-wrap {
	padding:40px 40px 18px;
}
.login-wrap h1 {
	padding-bottom:20px;
}
.deploy_tb tr td {
	padding:0px 5px;
}
}.control-input label.error.el,.control-input label.error.e2 {
	position:static;
}
.form-wrapper .set-radio {
	padding-top:10px;
}
.form-wrapper .set-radio label {
	display:inline-block;
	font-weight:normal;
	margin-right:10px;
	cursor:pointer;
}
.form-wrapper .set-radio label .radio {
	position:relative;
	top:1px;
	margin-right:5px;
}
.tab-exam p {
	color:#a6adb3;
	word-break:break-all;
}
.tab-exam .finished {
	color:#53bb5d;
}
.tab-exam .red {
	color:#f56c6c;
}
/* 资源端登录 */
.admin-bg {
	background:url(../images/abg.jpg) center no-repeat;
	background-size:100% 100%;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
}
.admin-bg .login-wrap {
	transform:translateX(0%);
	width:400px;
	border-radius:10px;
	padding:40px 50px 28px;
}
.admin-bg .login-wrap h1 {
	color:#333;
	border-bottom:1px solid #6576ff;
	padding-bottom:30px;
	margin-bottom:20px;
	text-align:center;
}
#esId {
	cursor:pointer;
}
#esId:hover {
	opacity:0.9;
}
/**************************系统管理***********************/
.system-main {
	text-align:center;
	padding-top:14vh;
}
.system-main h1 {
	color:#666666;
	font-size:24px;
	padding:35px 0px 15px;
}
.system-main h1 span {
	color:#fb0000;
}
.system-main p span {
	color:#6576ff;
}
/*2020-07-08*/
.subject-wrap {
	padding:10px 15px;
}
.subject-wrap li {
	float:left;
	margin:15px;
	width:200px;
	border:1px solid #DDDDDD;
	padding:30px 0;
}
.ty-donwnload-conditon {
	padding:20px 0 0;
	border-bottom:1px dashed #DDDDDD;
	margin:0 20px;
}
.ty-donwnload-conditon li {
	display:inline-block;
	padding:2px 0;
}
.ty-donwnload-conditon span {
	padding:3px 10px;
	margin:0px 6px;
	display:inline-block;
	color:#666666;
	border-radius:3px;
	cursor:pointer;
}
.ty-donwnload-conditon .checked {
	color:#FFFFFF;
	background-color:#6576ff;
}
.label-orange {
	background-color:#fe6230;
}
.label-purple {
	background-color:#673AB7;
}
.level span {
	padding:4px 15px;
}
/* 2020-07-10 */
.page-content {
	padding:15px;
	font-size:14px;
	color:#333
}
.expand-bk-content {
	background:rgb(255,255,255);
	border-radius:0px 3px 3px 3px;
}
.question {
	min-height:140px;
	list-style:none;
}
.question-title {
	height:44px;
	background:rgb(232,239,241);
	line-height:44px;
	vertical-align:center;
	font-size:14px;
}
.question-no {
	font-weight:bold;
	color:#428bca;
	font-size:20px;
}
.question-body {
	padding:5px 30px 5px 30px;
	background:#FFF;
}
.question-body p {
	margin-bottom:5px;
	line-height:20px;
}
.question-body input {
	margin-right:8px;
	margin-top:0;
}
.question-title-icon {
	height:40px;
	width:40px;
	background:url('../images/icon-all.png') no-repeat -40px -120px;
	float:left;
	margin:0 10px 0 10px;
}
.question-num {
	float:left;
	padding-left:15px
}
.question-textarea {
	width:100%;
	height:60px;
	border:1px solid #d9d9d9;
	outline:0;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow
		ease-in-out .15s;
	-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out
		.15s;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	padding:5px;
	font-family:sans-serif;
	color:#666666;
}
.question-textarea:focus {
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px
		rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px
		rgba(102,175,233,.6)
}
.question-opt-list {
	padding:5px 0;
}
.question-list-item {
	line-height:20px;
	margin:5px 0;
}
.answer-desc-summary {
	margin:5px 30px 5px 30px;
}
.label-warning {
	background-color:#f0ad4e
}
.answer-desc-detail {
	padding:0 30px;
}
.answer-desc-content {
	padding:5px 0;
}
#exampaper-footer {
	padding:15px 0;
	text-align:center;
}
.btn {
	display:inline-block;
	padding:6px 12px;
	margin-bottom:0;
	font-size:14px;
	font-weight:400;
	line-height:1.42857143;
	text-align:center;
	border-radius:4px;
	border:0;
	outline:0;
	cursor:pointer;
}
.btn-danger {
	color:#fff;
	background-color:#d9534f;
	border-color:#d43f3a;
}
.btn-danger:hover {
	color:#fff;
	background-color:#c9302c;
	border-color:#ac2925;
}
.btn-info {
	color:#fff;
	background-color:#6576ff;
	border-color:#6576ff;
}
.btn-info:hover {
	color:#fff;
	background-color:#4f62fc;
	border-color:#4f62fc;
}
.question-body {
	padding-top:15px;
	font-size:14px;
}
.answer-desc {
	border-top:1px dashed #DDDDDD;
	padding-top:10px;
	margin:0px 30px;
}
.answer-desc-summary {
	border:1px solid #a2dfbc;
	background-color:#f1faf5;
	color:#33a35d;
	padding:5px 10px;
	margin:5px 0;
}
.answer-desc-detail {
	padding:10px 0 0;
}
.answer-desc-content {
	margin-top:10px;
	border:1px solid #eecdb7;
	background-color:#fff9f5;
	padding:5px 10px;
	color:#ff6600;
}
.question-content-img {
	max-width:100%;
	margin-top:10px;
	display:block;
}
.question-list-item {
	display:flex;
	align-items:center;
	font-size:14px;
}
.question-opt-img {
	width:120px;
	height:90px;
	border:1px solid #DDDDDD;
	margin-left:10px;
}
.exam_paper_info {
	padding:0;
}
.exam_paper_view {
	margin:0px 30px;
	border:1px solid #DDDDDD;
}
.exam_paper_view .question-opt-list {
	display:flex;
	margin:0;
}
.exam_paper_view .question {
	margin-bottom:15px;
	min-height:auto;
}
.exam_paper_view .question-list-item {
	margin-right:15px;
}
.exam_paper_view .answer-desc-content p {
	margin-bottom:0;
}
.exam_paper_view .label-warning {
	padding:5px 20px;
}
.exam_paper_view .question-point {
	color:#FF6600;
	display:inline-block;
	margin:0px 3px;
}
.exam_paper_view .answer-desc-summary {
	border:0;
	padding:3px 10px;
}
.exam_paper_view .answer-desc-detail {
	padding:5px 0 0;
}
.exam_paper_view .answer-desc-content {
	margin-top:5px;
	padding:3px 10px;
	border:0;
}
.exam_paper_view .question-content-img {
	max-width:200px;
}
/*2020-07-13*/
.upload {
	border:1px solid #cacaca;
	width:384px;
	height:36px;
	position:relative;
}
.upload .txt-url {
	width:335px;
	float:left;
	height:33px;
	line-height:33px;
	border:0px;
	outline:0px;
}
.upload .file {
	position:absolute;
	top:0;
	right:0px;
	height:34px;
	border:0px;
	outline:0px;
	filter:alpha(opacity:0);
	opacity:0;
	width:280px
}
.upload .btn-s {
	background-color:#e7e7e7;
	width:45px;
	height:34px;
	text-align:center;
	border:0px;
	outline:0px;
	float:right;
	border-left:1px solid #cacaca;
	cursor:pointer;
}
.excel-name {
	padding:3px 0 0 10px;
}
.layer-action {
	padding:20px 0 0 20px;
}
/* 指标管理 */
.quota-condition {
	margin-bottom:0px;
}
.quota-condition li {
	float:left;
	color:#6b6f75;
	line-height:36px;
	margin-left:30px;
}
.quota-condition .tb {
	overflow:hidden;
	padding-left:1px;
	margin-left:5px;
}
.quota-condition .tb span {
	border:1px solid #d9d9d9;
	display:inline-block;
	position:relative;
	z-index:10;
	margin-left:-1px;
	color:#43464a;
	padding:0px 13px;
	cursor:pointer;
	line-height:34px;
	float:left;
}
.quota-condition .tb span:first-child {
	border-radius:4px 0px 0px 4px;
}
.quota-condition .tb span:last-child {
	border-radius:0px 4px 4px 0px;
}
.quota-condition .tb span.selected {
	color:#6576ff;
	border-color:#6576ff;
	z-index:100;
}
.form-control {
	height:36px;
	padding:7px 12px;
	border-color:#d9d9d9;
	box-shadow:inset 0 1px 1px rgba(255,255,255,0.075);
	-webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,0.075);
}
.form-control[disabled],.form-control[readonly] {
	background-color:#eee !important;
	opacity:1;
}
.form-control[disabled]:focus,.form-control[readonly]:focus {
	border-color:#e6e6e6 !important;
	box-shadow:inset 0 1px 1px rgba(255,255,255,0.075);
	-webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,0.075);
}
.search {
	overflow:hidden;
	width:380px;
	position:relative;
}
.btn-search {
	width:40px;
	text-align:center;
	background:transparent;
	position:absolute;
	top:1px;
	right:0px;
	height:34px;
	color:#c7c7c7;
}
@media ( max-width:1480px) {
	.search {
	width:280px;
}
}.header-pic {
	position:relative;
	margin:30px auto 60px;
	width:100px;
	border:2px solid #DDDDDD;
	border-radius:100%;
}
.header-pic img {
	width:100px;
	height:100px;
	border-radius:100%;
}
.header-pic span {
	display:block;
	width:60px;
	text-align:center;
	position:absolute;
	background-color:rgba(41,52,122,.7);
	color:#FFFFFF;
	bottom:-5px;
	left:0;
	font-size:12px;
	right:0;
	margin:0 auto;
}

.filetree li a {
	color:#666666;
}
.filetree li .file.current {
	color:#6576ff;
}
.set-radio label {
	display:inline-block;
	margin:0px 0 0 3px;
	font-weight:normal;
}
.set-radio label span {
	display:inline-block;
	margin:0 0 0 2px;
}
.set-radio label input {
	position:relative;
	top:2px;
}
.btn-blue {
	display:inline-block;
	background-color:#6576ff;
	line-height:36px;
	padding:0px 27px;
	color:#FFFFFF;
	border-radius:4px;
	position:relative;
	overflow:hidden;
}
.btn-blue:before {
	display:block;
	content:"";
	z-index:-1;
	background:#4f62fc;
	position:absolute;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	width:0;
	height:100%;
	top:50%;
	left:50%;
	opacity:0;
	-webkit-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%)
}
.btn-blue:hover,.btn-blue:focus,.btn-blue:active {
	z-index:10;
}
.btn-blue:hover:before,.btn-blue:focus:before,.btn-blue:active:before {
	width:100%;
	opacity:1;
}
.progress {
	height:10px;
	background:#d2d2d2;
	overflow:visible;
	border-radius:5px;
	margin:0;
	width:140px;
	margin-right:5px;
}
.question-list-item input[type=checkbox] {
	background:url(../images/checkbox.png) center no-repeat;
	width:14px;
	height:14px;
	outline:0px;
	cursor:pointer;
	border:0px;
	display:inline-block;
	margin-right:10px;
	position:relative;
	top:1px;
}
.question-list-item input[type=checkbox]:checked {
	background:url(../images/checkboxed.png) center no-repeat;
}
.question-list-item input[type=radio] {
	background:url(../images/radio.png) center no-repeat;
	width:14px;
	height:14px;
	display:inline-block;
	margin-right:10px;
	position:relative;
	top:1px;
}
.question-list-item input[type=radio]:checked {
	background:url(../images/radioed.png) center no-repeat;
}
/* 发布商品 */
.panel-product {
	padding:30px 20px 0;
	display:none;
}
.panel-product .form-control {
	width:600px;
}
.price-group .trol {
	margin-bottom:20px;
	position:relative;
	width:600px;
}
.price-group .trol .unit,.price-group .trol .points {
	position:absolute;
	top:1px;
	left:1px;
	bottom:1px;
	line-height:34px;
	border-right:1px solid #DDDDDD;
	background-color:#edeef1;
	width:80px;
	text-align:right;
}
.price-group .trol .points {
	left:auto;
	right:1px;
	width:40px;
	border-left:1px solid #DDDDDD;
	border-right:0;
	text-align:center;
}
.price-group .trol .form-control {
	padding-left:90px;
}
.panel-product .form-group {
	margin-bottom:20px;
}
.btn-free {
	min-width:64px;
	padding:0px 12px;
	height:36px;
	line-height:34px;
	text-align:center;
	border-radius:3px;
	border:1px solid #6576ff;
	background-color:#6576ff;
	cursor:pointer;
	color:#FFFFFF;
}
.btn-free:hover {
	background-color:#6576ff;
}
.mrl {
	margin-left:10px;
}
.panel-product .points {
	line-height:36px;
	margin-left:10px;
}
.option-group label {
	display:inline-block !important;
	padding:10px 15px 0 0;
	font-weight:normal;
	align-items:center;
}
.option-group label span {
	display:inline-block;
	padding-left:5px;
	position:relative;
	top:-1px;
}
.editor-wrap {
	margin-right:30px;
}
.main-picture {
	max-width:800px;
	max-height:800px;
}
.flex {
	display:flex;
}
.shop-list ul li {
	float:left;
	margin-right:15px;
}
.icon-upload {
	width:38px;
	height:39px;
	background:url(../images/add.png) center no-repeat;
	display:block;
	margin:0 auto;
}
.shop-list ul li .item {
	width:210px;
	height:210px;
	position:relative;
	background-color:#f5f5f5;
	border:1px dashed #eeeeee;
	cursor:pointer;
}
.shop-pic {
	width:210px;
	height:210px;
	position:relative;
}
.shop-pic img {
	width:210px;
	height:210px;
}
.shop-upload {
	color:#999999;
	font-size:12px;
	text-align:center;
	width:210px;
	height:210px;
	padding-top:75px;
}
.shop-upload p {
	padding-top:10px;
}
.shop-list .title {
	background-color:rgba(0,0,0,0.6);
	height:50px;
	position:absolute;
	bottom:0px;
	right:0px;
	left:0px;
	color:#FFFFff;
	line-height:50px;
	text-align:center;
}
.file {
	filter:alpha(Opacity = 0);
	-moz-opacity:0;
	opacity:0;
	position:absolute;
	top:0px;
	z-index:1000;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	cursor:pointer;
}
.modal-dialog {
	width:600px;
	margin:0px auto;
}
.uploadify {
	border:1px solid #d9d9d9;
	background-color:#f9fafc;
	color:#6576ff;
	width:200px;
	height:124px;
	border-radius:4px;
	text-align:center;
	cursor:pointer;
	font-size:40px;
	position:relative;
}
.icon_add {
	font-size:28px;
}
object {
	left:0
}
#filePicker div:nth-child(2){width:100%!important;height:100%!important;
}
.tb-list .head {
	display:flex;
	color:#292c35;
	white-space:nowrap;
	background-color:#f7f7f7;
	white-space:nowrap;
	line-height:49px;
	text-align:left;
	padding:0px 0px 0px 20px;
	border-bottom:1px solid #e0e0e0;
	justify-content: space-between;
}
.tb-list .rows {
	display:flex;
	line-height:29px;
	text-align:left;
	font-weight:normal;
	border-bottom:1px solid #e0e0e0;
	padding:10px 0px 10px 20px;
	justify-content: space-between;
}
.tb-list .col {
	width:25%;
}
.tb-list .col.last,.tb-list .col.operate {
	width:300px;
	text-align:left;
	white-space:nowrap;
}
.tb-list .rows:hover {
	background-color:#f3f9fe;
}
.tb-list .row-2,.tb-list .row-3 {
	display:none;
}
.tb-list .row-2.open .rows {
	padding-left:30px;
}
.tb-list .row-3.open .rows {
	padding-left:60px;
}
.product-list {
	padding:15px;
}
.product-list table {
	width:100%;
}
.product-list th {
	color:#292c35;
	white-space:nowrap;
	background-color:#f7f7f7;
	white-space:nowrap;
}
.product-list th,.product-list td {
	line-height:28px;
	text-align:left;
	font-weight:normal;
	border-bottom:1px solid #e0e0e0;
	padding:10px;
}
.product-list th:first-child,.product-list td:first-child {
	padding-left:20px;
}
.product-list .shop {
	display:flex;
	align-items:center;
}
.product-list .shop img {
	width:80px;
	height:80px;
}
.product-list .shop .name {
	padding-left:10px;
	max-width:370px;
	line-height:22px;
}
.gsp {
	padding-left:10px;
	color:#FF0000;
}
.order-conditon {
	margin-bottom:0px;
}
.order-conditon li {
	float:left;
	color:#6b6f75;
	line-height:36px;
	margin-right:30px;
}
.order-conditon .form-control {
	min-width:160px;
}
.form-date {
	position:relative;
}
.form-date .iconfont {
	position:absolute;
	top:0;
	left:10px;
}
.form-date .form-control {
	padding-left:30px;
	width:180px;
}
.form-date-name {
	margin:0px 10px;
}
.order-detail {
	padding:20px;
}
.order-detail li {
	width:33.33333%;
	float:left;
	line-height:28px;
	display:flex;
}
.order-detail li .name {
	color:#6576ff;
	min-width:90px;
	text-align:right;
}
.order-detail .box {
	border:1px solid #e0e0e0;
	margin-bottom:15px;
}
.order-detail ul {
	padding:10px 0;
	margin:0;
}
.order-detail .theme {
	background-color:#F7F7F7;
	border-bottom:1px solid #e0e0e0;
	line-height:40px;
	padding:0px 15px;
}
.order-detail table {
	width:100%;
}
.order-detail td,.order-detail th {
	border-bottom:1px solid #e0e0e0;
	padding:10px;
	font-weight:normal;
}
.order-detail td img {
	width:80px;
	height:80px;
}
.order-detail th {
	background-color:#F7F7F7;
	text-align:left;
}
.order-detail .red {
	color:#ff0000;
}
.order-detail .free {
	width:33.3333%;
	float:left;
	line-height:24px;
}
.order-detail .price {
	color:#FF6600;
}
.order-detail .info {
	padding:10px;
}
.order-detail .info span {
	color:#999999;
	display:inline-block;
	text-align:right;
	min-width:90px;
}
.order-detail .info label {
	font-weight:normal;
	margin:0;
}
.order-detail .reason img {
	width:140px;
	height:140px;
	margin-right:10px;
}
.format {
	padding-left:110px;
}
.btn-add-subject,.btn-del-subject {
	background-color:#F3F3F3;
	border:1px solid #dad4d4;
	padding:4px 10px;
	margin-right:10px;
	color:#666;
	border-radius:4px;
}
.btn-add-subject:hover,.btn-del-subject:hover {
	color:#6576ff;
	border-color:#6576ff;
}
.side .theme a {
	color:#6b6f75;
}
.side .current a,.side .theme:hover a {
	color:#6576ff;
}
.question-point-content .form-control {
	display:inline-block;
	width:80px;
	height:30px;
	margin:0px 5px;
}
/* 运费模板 */
.user_center {
	padding:20px;
	color:#555;
	position:relative;
}
.user_center a {
	color:#6576ff;
}
.user_center table {
	width:100%;
	font-size:14px;
	color:#292c35;
}
.user_center  #opertitle td {
	white-space:nowrap;
	background-color:#f7f7f7;
	white-space:nowrap;
}
.user_center .operation td {
	line-height:28px;
	text-align:left;
	font-weight:normal;
	border-bottom:1px solid #e0e0e0;
	padding:8px 10px;
	font-size:14px;
}
.user_center .operation td:first-child,.user_center #opertitle td:first-child {
	padding-left:20px;
}
.user_center .operation a {
	display:inline-block;
	margin:0px 5px;
}
.ordernav {
	border-bottom:1px solid #DDDDDD;
	background-color:#f7f7f7;
	margin-bottom:15px;
	border-radius:5px 5px 0 0;
}
.ordernav ul {
	margin:0;
	padding-top:10px;
	padding-left:20px;
}
.ordernav li a {
	color:#555;
}
.ordernav li {
	padding:10px 15px;
	display:inline-block;
}
.ordernav li.this {
	background-color:#FFFFFF;
	position:relative;
	top:1px;
	border:1px solid #DDDDDD;
	border-bottom:0;
	border-radius:5px 5px 0 0;
}
a.button_common {
	position:absolute;
	top:30px;
	right:35px;
	border-radius:4px;
	color:#FFFFFF;
	border:1px solid #6576ff;
	padding:5px 15px;
	display:inline-block;
	background-color:#6576ff;
}
.user_center .operation {
	border:1px solid #DDDDDD;
	border-bottom:0;
}
.user_center .count-page {
	float:left;
	padding-top:12px;
}
/* 新增运费模板 */
.user_center input[type=text],.user_center select {
	height:36px;
	border-radius:4px;
	padding:7px 12px;
	border:1px solid #d9d9d9;
	box-shadow:inset 0 1px 1px rgba(255,255,255,0.075);
	-webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,0.075);
}
.user_center input[type=text]:focus {
	border-color:#6576ff;
}
.db_box_main_rdinary {
	border:1px solid #87bfff;
	overflow:hidden;
}
.db_box_top li {
	margin-bottom:15px;
	color:#787878;
}
.db_box_top .li_left {
	display:inline-block;
	margin-right:10px;
}
.user_center label {
	margin:0px 10px 0 0;
	display:inline-block;
	font-weight:normal;
	cursor:pointer;
}
.db_box_main {
	margin-bottom:10px;
}
.db_box_main_input {
	margin-bottom:10px;
}
.rdinary_top {
	padding:10px;
}
.rdinary_ul {
	padding:0px 10px;
}
.rdinary_ul td {
	padding:8px 10px;
	line-height:28px;
	border:1px solid #e0e0e0;
}
.rdinary_ul td input[type=text] {
	width:100%;
}
.rdinary_ul .width1 {
	width:90%;
	float:left;
	text-align:center;
}
.rdinary_ul_bottom {
	padding:8px 10px;
}
.rdinary_ul_bottom a {
	margin-right:10px;
	display:inline-block;
}
.db_box_save {
	padding:10px 0 0;
}
.db_box_save input {
	line-height:36px;
	border:0px;
	background-color:#6576ff;
	cursor:pointer;
	color:#FFFFFF;
	width:90px;
	text-align:center;
	border-radius:4px;
}
.scens {
	padding:10px 15px;
	background-color:#f9f9f9;
}
.ques-theme {
	border-bottom:1px solid #DDDDDD;
	padding:0 10px 10px;
	font-size:16px;
}
.ques-theme .iconfont {
	display:inline-block;
	margin-right:10px;
}
.ques-text {
	padding:10px 0;
	line-height:28px;
	word-break:break-all;
	color:#666;
}
.ques-text p {
	margin:0;
}
/* 多文件上传 */
.uploader {
	border:1px solid #DDDDDD;
}
.uploader-tip {
	float:left;
	color:#999999;
}
.uploader-btn {
	padding:0 10px;
	line-height:40px;
}
.uploader-btn::after {
	display:block;
	content:"";
	clear:both;
}
.pick-file {
	float:right;
	height:40px;
}
.pick-file .webuploader-pick {
	background-color:#FFFFFF;
	color:#666666;
	padding:0px 10px;
	line-height:40px;
	border:0;
}
.pick-file .webuploader-pick-hover {
	color:#fc850d;
}
.pick-file label {
	margin-bottom:0;
}
.btn-start {
	float:right;
	background-color:#FFFFFF;
	padding:0px 10px;
	line-height:40px;
	border:0;
	margin-left:10px;
	color:#6b6f75;
	position:relative;
}
.btn-start::after {
	width:1px;
	height:16px;
	background-color:#d9d9d9;
	display:block;
	content:"";
	position:absolute;
	top:12px;
	left:-2px;
}
.btn-start:hover {
	color:#fc850d;
}
.uploader-list .item {
	list-style:none;
	line-height:30px;
	padding:10px;
	position:relative;
}
.uploader-list .item::after {
	display:block;
	content:"";
	clear:both;
	height:1px;
	left:10px;
	right:10px;
	border-bottom:1px dashed #DDDDDD;
	bottom:0;
	position:absolute;
}
.uploader-list .info {
	font-size:14px;
	display:inline-block;
	width:80%;
}
.uploader-list .state {
	width:20%;
	display:inline-block;
	color:#a7a7a7;
}
.uploader-list label {
	width:95px;
	margin:0;
	font-weight:normal;
}
.uploader .progress {
	margin-bottom:0;
	height:8px;
}
.uploader .progress-bar {
	background-color:#6576ff;
}
.nofile {
	list-style:none;
	color:#a7a7a7;
	line-height:50px;
	display:flex;
	align-items:center;
	padding:0px 10px;
	position:relative;
	border-bottom:1px solid #dddddd;
}
.nofile img {
	display:inline-block;
	margin-right:10px;
}
.pick-file {
	overflow:hidden;
	cursor:pointer;
	position:relative;
}
.uploader-tip .red {
	color:red;
}
.pick-file:hover .webuploader-pick {
	color:#6576ff;
}
/* 直播 */
.btn-search {
	width:40px;
	text-align:center;
	background:transparent;
	position:absolute;
	top:1px;
	right:0px;
	height:34px;
	color:#c7c7c7;
	cursor:pointer;
}
.flex {
	display:flex;
}
.live-script {
	flex-wrap:wrap;
	padding:30px;
	box-sizing:border-box;
}
.live-script .script {
	width:240px;
	height:250px;
	border-radius:8px;
	margin:0 28px 30px 0;
	box-shadow:0 5px 16px rgba(144,144,144,0.32);
}
.live-script .script:nth-child(6n) {
	margin-right:0;
}
.live-script .script:hover {
	box-shadow:0 5px 20px rgba(144,144,144,0.6);
}
.live-script .script-bg {
	width:100%;
	height:200px;
	border-radius:8px 8px 0 0;
	background-repeat:no-repeat;
	background-position:center;
}
.live-script .script-bg span {
	text-align:center;
	color:#fff;
	display:inline-block;
	margin:0 auto;
	width:100%;
	padding:165px 20px 0 20px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.live-script .script p {
	color:#666;
	font-size:16px;
	text-align:center;
	margin-bottom:0;
	line-height:50px;
}
.live-script .script p:hover {
	font-weight:500;
	cursor:pointer;
}
.live-goods .script-bg {
	background-image:url("../images/live-goods-bg.png");
}
.live-report .script-bg {
	background-image:url("../images/live-report-bg.png");
}
.live-material .script-bg {
	background-image:url("../images/live-material-bg.png");
}
.video-script .script-bg {
	background-image:url("../images/video-script-bg.png");
}
.live-process .script-bg {
	background-image:url("../images/live-process-bg.png");
}
.live-skills .script-bg {
	background-image:url("../images/live-skills-bg.png");
}
.bg-1 {
	background:#463eeb;
}
.bg-2 {
	background:#6e48ff;
}
.bg-3 {
	background:#1ebfb2;
}
.bg-4 {
	background:#fb9213;
}
.bg-5 {
	background:#034a98;
}
.bg-6 {
	background:#47b751;
}
.task-title {
	justify-content:space-between;
	padding:0 20px;
	height:50px;
	line-height:50px;
	align-items:center;
	background:#f2f2f2;
}
.task-title h5 {
	color:#333333;
	font-size:16px;
	font-weight:600;
	margin:0;
}
.task-title p {
	color:#333333;
	font-size:16px;
	margin:0;
}
.task-title p span {
	color:#ff2323;
	padding:0 16px 0 13px;
	font-weight:600;
}
.operate a.examine {
	width:80px;
	height:36px;
	line-height:34px;
	font-size:14px;
	color:#13ad70;
	border-color:#13ad70;
	margin:0;
}
.operate a.start-task {
	width:80px;
	height:36px;
	line-height:34px;
	font-size:14px;
	color:#ff7f00;
	border-color:#ff7f00;
	margin:0;
}
.operate a.examine:hover {
	color:#fff;
	background:#13ad70;
	border-color:#13ad70;
}
.operate a.start-task:hover {
	color:#fff;
	background:#ff7f00;
	border-color:#ff7f00;
}
.briefing {
	width:100%;
	padding:0 98px 0 40px;
	border-bottom:1px solid #eee;
	height:76px;
	align-items:center;
	justify-content:space-between;
	position:relative;
}

.briefing:nth-last-child() {
	border-bottom:0;
}
.briefing p {
	margin:0;
}
.briefing p img {
	padding-right:10px;
}
.briefing p span {
	padding-left:15px;
}
.briefing .states {
	color:#13ad70;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
}
.briefing .states.hide {
	display:none;
}
.briefing .states i {
	padding-right:5px;
	font-size:14px;
	font-weight:600;
}
.task_details {
	padding:20px 30px;
}
.task-tab {
	width:100%;
	min-height:40px;
	border-bottom:1px solid #eeeeee;
	margin-bottom:10px;
}
.task-tab span {
	display:inline-block;
	padding:0 44px;
	line-height:40px;
	height:40px;
	border-radius:4px 4px 0 0;
	color:#fff;
	margin-right:10px;
	background:#f2f2f2;
	color:#6f6f6f;
	cursor:pointer;
	margin-bottom: 10px;
}
.task-tab span.active {
	background:#6576ff;
	color:#fff;
}
.task-description {
	margin-top:35px;
	width:1106;
}
.task-description i {
	display:inline-block;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	border-radius:50%;
	background:#f0f5ff;
	color:#6576ff;
	font-size:26px;
	flex-shrink:0;
	margin-right:20px;
}
.task-description h4 {
	color:#333;
	font-size:16px;
	font-weight:500;
	line-height:34px;
	margin:0;
}
.task-description p {
	color:#333;
	font-size:14px;
	line-height:24px;
	margin:0;
}
.operate a.determine-btn {
	width:80px;
	height:36px;
	line-height:34px;
	font-size:14px;
	color:#fff;
	background:#ff7f00;
	border-color:#ff7f00;
	margin:0;
}
.task-download p {
	line-height:45px;
	padding:0;
	border-bottom:1px solid #DDDDDD;
	margin:0 0 8px;
}
.task-download a {
	display:block;
	color:#333333;
	position:relative;
	padding:0 15px;
}
.task-download a:hover {
	color:#6576ff;
}
.task-download .iconfont {
	position:absolute;
	right:15px;
}
.task-description pre {
	background-color:transparent;
	border:0;
	padding:0;
	margin:0;
}
.select-result {
	padding:7px 0 0 12px;
}
/* 2021-7-9 */
.poster-form {
	padding:20px 10px 0 0;
}
.poster-form .form-control {
	max-width:950px;
	min-height:40px;
}
.poster-form .form-group {
	margin-bottom:20px;
}
.poster-uploader {
	background-color:#f5f5f5;
	width:120px;
	height:120px;
	cursor:pointer;
	margin-bottom:10px;
}
.poster-uploader .icon-upload {
	position:absolute;
	top:40px;
	left:40px;
	cursor:pointer;
}
.poster-uploader img {
	width:120px;
	height:120px;
}
.poster-form .control-label {
	width:130px;
}
.poster-form .control-input {
	margin-left:140px;
}
.poster-form .form-info {
	min-height:200px;
}
.poster-form .unit {
	position:absolute;
	top:0;
	right:10px;
	top:8px;
}
.poster-form .form-footer button {
	height:40px;
	line-height:38px;
	padding:0px 16px;
}
.poster-dialog {
	height:500px;
	overflow:hidden;
	overflow-y:auto;
	padding:10px 15px;
}
.poster-view .time {
	color:#999999;
	padding:10px 0 0 0;
}
.poster-view .info {
	padding:10px 0 0;
	line-height:24px;
}
.poster-view .form-footer {
	text-align:right;
	padding:10px 15px 0 0;
}
.poster-share {
	padding:20px 0;
}
.poster-mobile {
	background:url(../images/poster_bg.png) center no-repeat;
	width:367px;
	height:746px;
	margin:0px auto;
	box-sizing:border-box;
	padding:90px 0 0 1px;
}
.poster-mobile-content {
	border:1px solid #b8b8b8;
	width:318px;
	margin:0 auto;
	height:568px;
	overflow:hidden;
	overflow-y:auto;
	position:relative;
}
.poster-head {
	border-bottom:1px solid #ddd;
	height:44px;
	display:flex;
	align-items:center;
	padding:0 10px;
	position:relative;
}
.poster-head input {
	width:100%;
	margin:0 auto;
	height:26px;
	border:1px solid #ddd;
	border-radius:4px;
	text-align:center;
}
.poster-head .icon_search {
	position:absolute;
	top:10px;
	right:20px;
	font-size:14px;
	color:#999999;
}
.poster-list li {
	border-bottom:1px solid #e5e5e5;
	display:flex;
	align-items:center;
	padding:12px;
	cursor:pointer;
}
.poster-list div {
	width:40px;
	height:40px;
	background-color:#d9ddde;
	border-radius:10px;
	margin-right:15px;
}
.poster-list li span {
	flex:1;
}
/* 发送给 */
.poster-send,.poster-success {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:100%;
	background-color:rgba(0,0,0,0.5);
	transition:all 0.3s;
	display:none;
	align-items:center;
	justify-content:center;
}
.poster-send.shows,.poster-success.shows {
	display:flex;
}
.poster-box {
	background-color:#FFFFFF;
	border-radius:10px;
	margin:0 12px;
	padding:10px;
}
.poster-box h3 {
	margin:0 0 5px;
	font-size:16px;
	padding:10px 0;
}
.poster-box .theme {
	display:flex;
	align-items:center;
}
.poster-box .theme div {
	width:40px;
	margin-right:10px;
}
.poster-box .theme span {
	flex:1;
}
.poster-box .info {
	color:#999999;
	padding:10px 0;
}
.poster-box .info img {
	max-width:80px;
	margin:0 auto;
	display:block;
}
.poster-box .message {
	padding:10px 0;
}
.poster-box .message input {
	width:100%;
	line-height:30px;
	background-color:#e7e1e1;
	border-radius:2px;
	text-indent:5px;
}
.poster-box .footer {
	line-height:inherit;
	display:flex;
	justify-content:space-between;
	border-top:1px solid #DDDDDD;
}
.poster-box .footer button {
	width:100%;
	line-height:40px;
	background-color:transparent;
	color:#333333;
}
.poster-box .footer button:hover {
	color:#556c98;
}
/* 2021-7-12 */
.poster-action {
	padding:20px 20px 0;
	display:flex;
	justify-content:space-between;
}
.poster-head h1 {
	margin:0;
	font-size:16px;
	width:100%;
	text-align:center;
}
.tweets-list {
	padding:10px;
}
.tweets-list .item {
	cursor:pointer;
	box-shadow:0px 1px 7px #DDDDDD;
}
.tweets-list p {
	border-bottom:1px solid #DDDDDD;
	padding:5px 10px;
}
.tweets-detail {
	padding:10px;
}
.poster-head .icon_toggle_left {
	position:absolute;
	left:10px;
	cursor:pointer;
}
.tweets-view {
	background-color:transparent !important;
	box-shadow:none !important;
	overflow:visible !important;
}
.tweets-view .poster-share {
	padding:0;
}
.poster-form .form-footer button {
	min-width:85px;
}
.poster-cover {
	border:1px solid #DDDDDD;
	background-color:transparent;
	width:120px;
	height:120px;
	position:relative;
}
.poster-cover  .name {
	display:flex;
	color:#999999;
	justify-content:center;
	align-items:center;
	position:absolute;
	top:50px;
	left:0;
	width:100%;
	cursor:pointer;
}
.poster-cover .icon-upload {
	width:18px;
	height:18px;
	position:static;
	background-size:100% 100%;
	display:inline;
	margin:0;
}
.poster-form .tips {
	color:#999999;
	font-size:13px;
}
.poster-box .success {
	padding:10px 20px;
	text-align:center;
	color:#999;
}
.poster-box .success .iconfont {
	font-size:36px;
	color:green;
}
/* 直播选品 */
.video-wrap {
	padding:20px;
}
.video-steps {
	background:#F5F7FA;
	display:flex;
	overflow:hidden;
	height:40px;
}
.video-steps a {
	display:block;
	margin:0;
	line-height:40px;
	color:#999999;
	width:100%;
	cursor:pointer;
	text-align:center;
}
.video-steps i {
	display:inline-block;
	font-size:12px;
	border:1px solid #999999;
	font-style:normal;
	width:18px;
	height:18px;
	line-height:16px;
	border-radius:100%;
	margin-right:5px;
}
.video-steps .icon_toggle_right {
	color:#999999;
	font-size:22px;
	position:relative;
	top:7px;
}
.video-steps .current {
	color:#6576ff;
}
.video-steps .current i {
	border-color:#6576ff;
}
.video-steps .finish {
	color:#19A677;
}
.video-steps .finish i {
	border-color:#19A677;
}
.video-category {
	padding:10px 0 0;
}
.video-category h2 {
	font-size:15px;
	border-left:5px solid #6576ff;
	padding-left:10px;
	margin:15px 0;
	color:#666666;
}
.video-category ul {
	border:1px solid #DDDDDD;
}
.video-category ul li {
	display:flex;
	padding:15px 0;
	align-items:center;
	border:1px dashed transparent;
}
.video-category ul li.error {
	border-color:red;
}
.video-category ul li:first-child {
	border-bottom:1px solid #DDDDDD;
}
.video-category ul li:nth-of-type   (2) .btn-delete {
	display:none;
}
.video-category .code {
	width:100px;
	padding-left:30px;
}
.video-category .category,.video-category .number {
	width:20%;
	margin-right:15px;
}
.video-category .category {
	display:flex;
}
.video-category .category .form-control {
	margin-right:10px;
}
.video-category .btn-add,.video-category .btn-delete {
	background-color:#FFFFFF;
	border:1px solid #6576ff;
	color:#6576ff;
	border-radius:4px;
	line-height:33px;
	padding:0 14px;
	margin-right:10px;
}
.video-category .btn-add:hover,.video-category .btn-delete:hover {
	background-color:#6576ff;
	border:1px solid #6576ff;
	color:#FFFFFF;
}
.video-wrap .form-footer {
	padding-top:20px;
	text-align:center;
}
.video-wrap .form-footer button {
	height:40px;
	line-height:38px;
	min-width:85px;
}
.video-shop {
	display:flex;
	flex-flow:wrap;
}
.video-shop .item {
	border:2px solid transparent;
	border:1px solid #dcdfe6;
	margin:0 15px 15px 0;
	width:305px;
	display:flex;
	cursor:pointer;
	border-radius:2px;
}
.video-shop .item .pic {
	text-align:center;
	padding:10px;
}
.video-shop .item .pic img {
	width:88px;
	height:88px;
}
.video-shop .item .info {
	flex:1;
	padding:10px;
	color:#606266;
}
.video-shop .item.checked {
	border-color:#19a677;
	background:url(../images/video_check.png) right bottom no-repeat;
}
.video-category.small .category {
	width:15%;
}
.video-category.small .number {
	width:9%;
}
/* 2021-7-13 */
.product-list .label-primary {
	color:#FFFFFF;
	border-radius:4px;
	padding:0 6px;
	font-size:13px;
	margin-right:5px;
}
.product-list  .v-flag {
	padding:6px 0;
}
.product-list  .v-flag span {
	display:inline-block;
	background-color:#ece9e9;
	color:#999999;
	padding:0 6px;
	border-radius:4px;
	margin-right:5px;
	font-size:13px;
}
.product-list .shop .name p {
	font-size:13px;
	color:#666666;
}
.poster-uploader {
	position:relative;
}
.poster-pic li {
	float:left;
	margin-right:15px;
}
.video-time {
	width:300px;
	position:relative;
}
.poster-pic .poster-cover {
	width:120px;
	height:120px;
	overflow: hidden;
}
.poster-pic .poster-cover .name {
	display:block;
	text-align:center;
}
.poster-pic .poster-cover .icon-upload {
	display:inline-block;
}
.video-picture {
	width:320px;
	margin-top:10px;
}
.shop-category .category {
	width:30%;
}
.shop-category .category .form-control {
	width:45%;
}
/* 2021-07-14 */
.video-picture-set {
	display:flex;
	width:100%;
	padding:0 20px;
}
.poster-form {
	flex:1;
}
.default-picture {
	width:120px;
	height:120px;
	margin-left:15px;
}
.poster-form .title {
	padding-bottom:10px;
}
/* 2021-07-19 */
.sku-wrap {
	border:1px solid #e0e0e0;
	margin-bottom:10px;
	border-bottom:0;
}
.sku-item {
	display:flex;
	margin:0;
	padding:10px 0;
}
.sku-item dt,.sku-item dd,.sku-item label {
	font-weight:normal;
	margin:0;
	font-size:14px;
}
.sku-item dt {
	width:100px;
	text-align:right;
}
.sku-item dd {
	flex:1;
}
.sku-item label span {
	display:inline-block;
	position:relative;
	margin:0 5px 0 4px;
	position:relative;
	top:-2px;
}
.sku-wrap table {
	width:100%;
	margin-top:10px;
}
.sku-wrap  th {
	border-bottom:1px solid #e0e0e0;
	border-top:1px solid #e0e0e0;
	line-height:40px;
	text-align:left;
	padding:0 10px;
	background-color:#f7f7f7;
	font-weight:normal;
}
.sku-wrap  td {
	padding:10px;
	border-bottom:1px solid #e0e0e0;
}
.live-shop {
	padding-top:15px;
}
.live-shop .list {
	padding:0 10px;
	height:520px;
	overflow:hidden;
	overflow-y:auto;
}
.live-shop li {
	float:left;
	width:20%;
}
.live-shop li .item {
	border:1px solid #DDDDDD;
	margin:0px 5px 15px;
	position:relative;
	cursor:pointer;
	overflow: hidden;
}
.live-shop li .item img {
	width:100%;
	height:142px;
}
.live-shop li .item .title {
	margin:5px 10px 0;
	line-height:22px;
	height:44px;
	overflow:hidden;
}
.live-shop li .item .red {
	margin:0 10px;
	color:red;
}
.live-shop li .icon_finish {
	position:absolute;
	top:5px;
	right:5px;
	z-index:100;
	color:#6576ff;
	display:none;
}
.live-shop li.checked .item {
	border:1px solid #6576ff;
}
.live-shop li.checked .item .icon_finish {
	display:block;
}
.live-shop .action {
	padding:0 20px;
	text-align:right;
}
.covrImg img {
	width:120px;
	height:120px;
}
.covrImg img[src=""] {
	width:auto;
	height:auto;
}
.poster-uploader .icon_error_ {
	position:absolute;
	top:-10px;
	right:-10px;
	font-size:20px;
	cursor:pointer;
}
.poster-uploader .price {
	background-color:rgba(0,0,0,0.5);
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	line-height:30px;
	color:#FFFFFF;
}
/* 直播脚本 */
.live-script-wrap {
	padding:20px;
}
.live-script-table {
	width:100%;
}
.live-script-table th,.live-script-table td {
	border:1px solid #000000;
	min-height:45px;
	line-height:24px;
	font-size:14px;
	font-weight:normal;
	padding:10px 15px;
}
.live-script-table th {
	text-align:center;
}
.live-script-table .bgc {
	background-color:#fff2ca;
}
.footer-live {
	text-align:center;
	padding:10px 0;
	height:auto;
}
/* 商品详情 */
.shop-detail {
	max-width:750px;
	margin:0 auto;
	padding-top:20px;
}
.shop-mainpic {
	display:flex;
	justify-content:space-between;
}
.shop-picture {
	width:350px;
}
.shop-mainpic .parameter {
	width:390px;
}
.shop-mainpic .sku-item dt {
	width:auto;
	padding-top:3px;
}
.shop-mainpic .sku-item label {
	border:1px solid #CCCCCC;
	cursor:pointer;
	padding:3px 10px;
	margin:0 4px 0 0;
}
.shop-mainpic .sku-item label:hover,.shop-mainpic .sku-item label.selected {
	border:1px solid #e3393c;
}
.shop-mainpic .sku-item label.selected {
	background:#ffd6d6;
}
.shop-mainpic .sku-item label span {
	top:auto;
	margin:0;
}
.shop-picture ul {
	display:flex;
}
.shop-picture li {
	width:62px;
	height:62px;
	margin:10px 10px 0 0;
	border:1px solid #DDDDDD;
	cursor:pointer;
	overflow:hidden;
}
.shop-picture li:last-child {
	margin-right:0;
}
.shop-picture .current {
	border:2px solid red;
}
.shop-mainpic h4 {
	font-size:16px;
	line-height:28px;
	margin:0;
}
.shop-mainpic .price {
	color:red;
	padding-top:10px;
	margin-bottom:15px;
}
.shop-mainpic .price span {
	font-size:22px;
}
.shop-mainbox {
	padding:10px 0;
}
.shop-mainbox h2 {
	background-color:#f3f3f3;
	border:1px solid #dbd7d7;
	padding:10px 25px;
	font-size:14px;
	margin:0;
}
.shop-uploader {
	position:relative;
	border:1px dashed #9b9898;
	min-height:200px;
	border-bottom:0;
}
.shop-uploader:hover {
	border:1px dashed #6576ff;
}
.shop-uploader .btn-blue {
	position:relative;
	cursor:pointer;
}
.shop-uploader .btn-blue input[type=file] {
	opacity:0;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	cursor:pointer;
}
.shop-uploader .btn-blue span {
	display:block;
	cursor:pointer;
	z-index:100;
}
.btn-blue-larger {
	min-width:85px !important;
	line-height:38px !important;
	height:40px !important;
}
.shop-uploader .description {
	position:absolute;
	display:flex;
	z-index:10;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color:rgba(0,0,0,0.3);
	align-items:center;
	justify-content:center;
	flex-flow:column;
}
.shop-uploader .description h5 {
	color:#FFFFFF;
	font-size:14px;
	padding-top:10px;
}
.shop-mainpic .sku-box {
	padding:10px 10px 10px 0;
}
.shop-mainpic .sku-box.gray {
	background:#f3f3f3;
	margin:10px 0;
}
.shop-mainpic .sku-box dl {
	margin:0 0 10px;
	display:flex;
	align-items:center;
}
.shop-mainpic dl dt {
	font-weight:normal;
	width:90px !important;
	text-align:right;
	color:#666666;
	    white-space: nowrap;
}
.shop-mainpic .sku-box .price {
	padding:0;
	margin:0;
}
.shop-mainpic .sku-box .quan-item {
	position:relative;
	float:left;
	height:16px;
	padding-left:2px;
	line-height:15px;
	text-align:center;
	border-top:1px solid #df3033;
	border-bottom:1px solid #df3033;
	background:#ffdedf;
	font-size:12px;
	color:#df3033;
	padding:0 10px;
	white-space:nowrap;
	margin-right:13px;
	cursor:pointer;
	margin-bottom: 5px;
    margin-right: 5px;
}
.shop-mainpic .sku-box .quan-item::before {
	position:absolute;
	top:0;
	left:0;
	height:16px;
	width:2px;
	background:url(../images/quan-arrl.gif) -2px 0 no-repeat;
	display:block;
	content:"";
}
.shop-mainpic .sku-box .quan-item::after {
	position:absolute;
	top:0;
	right:0;
	height:16px;
	width:2px;
	background:url(../images/quan-arrl.gif) 0 0 no-repeat;
	display:block;
	content:"";
}
/* 小黄车查看 */
.shop-parameter {
	position:relative;
	cursor:pointer;
	padding-left:5px;
}
.shop-parameter .popover {
	width:450px;
	top:-30px;
	max-width:450px;
	left:-465px;
	margin:0;
}
.shop-parameter .popover .arrow {
	left:100%;
	top:44px;
}
.shop-parameter label {
	font-weight:normal;
	width:33%;
}
.shop-parameter .red {
	color:red;
}
.shop-parameter:hover .popover {
	display:block;
}
/* 活动策划 */
.live-activity {
	padding:20px;
	max-width:1250px;
}
.live-activity h1 {
	font-size:16px;
	border:1px solid #DDDDDD;
	background-color:#f7f7f7;
	margin:0;
	padding:12px 20px;
	display:flex;
	justify-content:space-between;
}
.live-wrap {
	display:flex;
	padding-top:20px;
}
.live-tree {
	border:1px solid #DDDDDD;
	width:300px;
}
.live-tree h2 {
	border-bottom:1px solid #DDDDDD;
	background-color:#f7f7f7;
	padding:12px 20px;
	font-size:14px;
	margin:0;
}
.live-tree h4 {
	font-size:14px;
	padding:15px 20px;
	margin:0;
}
.live-tree a {
	display:inline-block;
	background-color:#f7f7f7;
	border:1px solid #f2ebeb;
	padding:15px;
	text-align:center;
	margin:0 0px 20px 18px;
	width:120px;
}
.live-tree a span {
	display:block;
}
.live-activity-list {
	flex:1;
	margin-left:20px;
	border:1px solid #DDDDDD;
	padding:20px;
}
.live-activity-list h3 {
	position:relative;
	margin:0 0 20px 0;
	border-bottom:1px solid #DDDDDD;
	line-height:35px;
	font-size:15px;
}
.live-item {
	background-color:#f7f7f7;
	padding:15px;
	margin-bottom:15px;
	border:1px solid #DDDDDD;
}
.live-item .flex {
	display:flex;
	width:100%;
	position:relative;
	align-items:center;
}
.live-item .form-textarea {
	margin-top:15px;
	position:relative;
}
.live-item .form-textarea textarea {
	height:100px;
}
.live-item .action {
	position:absolute;
	top:0;
	right:0;
}
.live-item .action a {
	display:inline-block;
	margin:0 0 0 10px;
}
.live-item .action .up .iconfont {
	display:inline-block;
	transform:rotate(-90deg);
}
.live-item .action .down .iconfont {
	display:inline-block;
	transform:rotate(90deg);
}
.live-item .action .delete {
	color:red;
}
.live-item:first-child .up {
	display:none;
}
.live-item:last-child .down {
	display:none;
}
.live-condition {
	display:flex;
	padding:0 20px;
	align-items:center;
	position:relative;
}
.live-condition .form-control {
	margin-right:15px;
}
.live-shop .tb-list {
	min-height:auto;
}
.live-shop .tb-list .pic {
	padding-top:10px;
}
.live-shop .tb-list .pic img {
	width:40px;
	height:40px;
	border-radius:100%;
}
.form-control.error {
	border-color:#f56c6c;
}
label.error {
	color:#f56c6c;
	font-weight:normal;
}
.sort-number {
	width:120px;
	position:relative;
}
.sort-number .name {
	display:inline-block;
	margin-right:10px;
}
.sort-form {
	position:absolute;
	top:30px;
	left:0;
	display:none;
	color:#969896;
	width:200px;
	border:1px solid #DDDDDD;
	box-shadow:2px 2px 5px #DDDDDD;
	padding:10px;
	background-color:#FFFFFF;
	justify-content:space-between;
}
.sort-form .form-control {
	width:80px;
}
.sort-form button {
	color:#6576ff;
	width:100%;
	background:transparent;
}
.sort-form button:hover {
	color:#4f62fc;
}
.sort-form.active {
	display:flex;
}
.live-tree a.current {
	background-color:#4f62fc;
	color:#FFFFFF !important;
}
.fanpush .left {
	float:left;
	width:500px;
}
.fanpush .right {
	float:right;
	background-color:#EEEEEE;
	width:298px;
	padding:15px 15px 0;
}
.fanpush p {
	color:#999999;
	margin:0;
	line-height:24px;
}
.fanpush .form-footer {
	padding-top:20px;
}
.poster-form .anchor p {
	border-bottom:1px solid #DDDDDD;
}
.poster-form .anchor span {
	color:#999999;
}
.poster-form .anchor label {
	display:block;
	font-weight:normal;
	padding:5px 0 10px;
}
.sort-number {
	width:120px;
	position:relative;
}
.sort-number .name {
	display:inline-block;
	margin-right:10px;
}
.sort-form {
	position:absolute;
	top:30px;
	left:0;
	display:none;
	color:#969896;
	width:200px;
	border:1px solid #DDDDDD;
	box-shadow:2px 2px 5px #DDDDDD;
	padding:10px;
	background-color:#FFFFFF;
	justify-content:space-between;
}
.sort-form .form-control {
	width:80px;
}
.sort-form button {
	color:#6576ff;
	width:100%;
	background:transparent;
}
.sort-form button:hover {
	color:#4f62fc;
}
.sort-form.active {
	display:flex;
}
.icon-status {
	background:url(../images/prostatus.png) 0 0 no-repeat;
}
.prostatus {
	position:relative;
	width:100px;
}
.prostatus .icon-status {
	width:60px;
	height:68px;
	position:absolute;
	top:0;
	left:0;
}
.product-list .shop .theme {
	background-color:#e7f2ff;
	display:flex;
	color:#6576ff;
	padding:2px 8px;
	align-items:center;
	margin-top:10px;
}
.product-list .shop .icon-status {
	background-position:-109px 0;
	width:15px;
	height:15px;
	display:inline-block;
	margin-right:4px;
}
.form-control.error {
	border-color:#f56c6c;
}
label.error {
	color:#f56c6c;
	font-weight:normal;
}
.sort-number {
	width:120px;
	position:relative;
}
.sort-number .name {
	display:inline-block;
	margin-right:10px;
}
.sort-form {
	position:absolute;
	top:30px;
	left:0;
	display:none;
	color:#969896;
	width:200px;
	border:1px solid #DDDDDD;
	box-shadow:2px 2px 5px #DDDDDD;
	padding:10px;
	background-color:#FFFFFF;
	justify-content:space-between;
}
.sort-form .form-control {
	width:80px;
}
.sort-form button {
	color:#6576ff;
	width:100%;
	background:transparent;
}
.sort-form button:hover {
	color:#4f62fc;
}
.sort-form.active {
	display:flex;
}
/* 优惠券/满减/秒杀弹窗 */
.coupons {
	padding:20px;
	width:630px;
	height:558px;
}
.title-label {
	width:95px;
	text-align:right;
	margin-right:10px;
	font-weight:normal;
	line-height:40px;
	margin-bottom:0;
	color:#828282;
}
.coupons .form-group>div {
	position:relative;
	width:470px;
}
.coupons .form-group>div .icon_calendar {
	position:absolute;
	top:7px;
	right:15px;
	font-size:20px;
	color:#999;
}
.coupons input {
	width:470px;
	height:40px;
	line-height:40px;
}
.coupons select {
	width:200px;
	height:40px;
	line-height:40px;
}
.full-reduce input {
	width:88px;
	display:inline-block;
	margin:0 7px;
}
.fullred-box .icon_add {
	font-size:12px;
}
.fullred-box .icon_delete {
	margin-left:25px;
	font-size:20px;
	cursor:pointer;
}
.fullred-box .icon_delete:hover {
	color:red;
}
.fullred-box button {
	display:inline-block;
	border-radius:4px;
	padding:2px 4px;
	margin-left:5px;
	background:#fff;
	cursor:pointer;
	border:1px solid #329e51;
	color:#329e51;
}
.fullred-box button:hover {
	color:#fff;
	background:#329e51;
	border:1px solid #329e51;
}
.full-reduce>div {
	margin-bottom:10px;
}
.form-title button {
	border-radius:4px;
	padding:0 5px;
	margin-right:10px;
	color:#fff;
	background:none;
}
.form-title button a,.form-title button i {
	color:#6576ff;
}
.form-title button:hover {
	background:#6576ff;
}
.form-title button:hover a,.form-title button:hover i {
	color:#fff;
}
.form-title .icon_basic_settings {
	font-size:15px;
}
.form-title .icon_add {
	font-size:13px;
}
.bo-coupons {
	background:#FFF;
	overflow-x:hidden;
	overflow-y:hidden;
	width:630px;
	height:558px;
}
.switch {
	background-color:#c0c4cc;
	border-radius:15px;
	display:inline-block;
	position:relative;
	-webkit-transition:all .1s ease-in;
	transition:all .1s ease-in;
	width:40px;
	height:20px;
	margin:0px;
	cursor:pointer;
}
.switch input {
	display:none;
}
.switch:after {
	content:' ';
	position:absolute;
	top:0;
	-webkit-transition:box-shadow .1s ease-in;
	transition:box-shadow .1s ease-in;
	left:0;
	width:100%;
	height:100%;
	border-radius:15px;
	box-shadow:inset 0 0 0 0 #eee,0 0 1px rgba(0,0,0,.4)
}
.switch:before {
	content:' ';
	position:absolute;
	z-index:100;
	background:#fff;
	top:2px;
	left:2px;
	width:16px;
	-webkit-transition:all .1s ease-in;
	transition:all .1s ease-in;
	height:16px;
	border-radius:100%;
	box-shadow:0 3px 1px rgba(0,0,0,.05),0 0 1px rgba(0,0,0,.3)
}
.switch.checked:before {
	content:' ';
	position:absolute;
	left:21px;
	border-radius:100%;
}
.switch.checked:after {
	content:' ';
	font-size:1.5em;
	position:absolute;
	background:#49ccb0;
	box-shadow:0 0 1px #49ccb0
}
.switch.disabled {
	cursor:not-allowed;
	opacity:0.5;
	-moz-opacity:0.5;
	cursor:not-allowed;
}
.switch .icheckbox_flat-blue {
	background:none !important;
}
/*----评分2021-08-02*/

.mark-wrap {
	position:relative;
	border:1px solid #ddd;
	border-top:0;
}
.mark-wrap .score-con-left {
	float:left;
	width:280px;
	background-color:#f3fcf9;
	height:80vh;
	overflow-y:auto;
	overflow-x: auto;
	border-right:1px solid #DDDDDD;
	padding:20px;
}
.mark-wrap .score-con-left h4 {
	font-size:16px;
}
.mark-content {
	margin:0 270px 0 280px;
	height:80vh;
	overflow: hidden;
	overflow-y:auto;
	box-sizing:border-box;
	padding:15px;
	position: relative;
}
.mark-card {
	position:absolute;
	top:0;
	right:0;
	width:270px;
	border-left:1px solid #e7e7e7;
	height:100%;
}
.mark-card h5 {
	font-size:16px;
	font-weight:normal;
	border-bottom:1px solid #e7e7e7;
	margin:0;
	padding:10px 20px;
}
.mark-card-list {
	padding:15px 0 0 20px;
	height:59vh;
	overflow-y:auto;
}
.mark-card-list .el-tag {
	cursor:pointer;
	width:32px;
	display:inline-block;
	margin:0 13px 10px 0;
	text-align:center;
	color:#82828c;
	background-color:#f5f5f5;
	border:1px solid #e0e0ea;
	line-height:28px;
	border-radius:4px;
}
.mark-card-list .finished {
	color:#09c15f;
	background-color:#e5f9ef;
	border:1px solid #aeedcb;
}
.mark-card-list .current {
	color:#ff8f1e;
	background-color:#ffecd9;
	border:1px solid #f9d4ae;
}
.mark-action {
	border-top:1px solid #e7e7e7;
}
.mark-action .flex {
	line-height:36px;
	justify-content:space-between;
	padding:0 20px;
	color:#888888;
	position:relative;
}
.mark-action .flex label.error {
	position:absolute;
	top:25px;
	left:60px;
}
.mark-action .btn-write {
	line-height:31px;
	display:block;
	border:1px solid #6576ff;
	background-color:#FFFFFF;
	cursor:pointer;
	color:#6576ff;
	padding:0px 15px;
	border-radius:4px;
}
.mark-status {
	display:flex;
	padding:15px 20px 20px;
	justify-content:space-between;
	color:#909399;
	font-size:12px;
}
.mark-status span {
	display:inline-block;
	position:relative;
	padding-left:15px;
}
.mark-status span::after {
	display:block;
	position:absolute;
	content:"";
	top:7px;
	left:0;
	width:10px;
	height:10px;
	border-radius:100%;
	background-color:#82828c;
}
.mark-status span:nth-of-type(1):after {
	background-color:#09c15f;
}
.mark-status span:nth-of-type(2):after {
	background-color:#ff8f1e;
}
.no-answer {
	color:#ff8f1e;
	padding:10px 0 0 20px;
	display:flex;
	align-items:center;
}
.no-answer i {
	font-size:18px;
	margin-right:5px;
}
.mark-action .text {
	width:85px;
}
.mark-action p {
	margin:0;
}
.mark-action .form-control {
	width:90px;
}
/* 学情分析 */
  .learning-theme {
	border-bottom:1px solid #eeeeee;
	padding:20px;
	color:#303133;
	font-size:16px;
	margin:0;
}
.learning .dbox {
	padding:0 0 10px 25px;
}
.learning .card {
	border:1px solid #dfdfe2;
	padding:18px 20px;
	margin:12px -3px;
	border-radius:6px;
	display:flex;
}
.learning .card .icon {
	background:url(../images/learnicon.png) 0 0 no-repeat;
	width:56px;
	height:56px;
}
.learning .card .i_2 {
	background-position:-75px 0;
}
.learning .card .i_3 {
	background-position:-151px 0;
}
.learning .card .i_4 {
	background-position:-227px 0;
}
.learning .card .i_5 {
	background-position:-303px 0;
}
.learning .card .i_6 {
	background-position:-379px 0;
}
.learning .card  p {
	padding-left:20px;
}
.learning .card  p span {
	display:block;
	color:#303133;
	margin-bottom:5px;
}
.learning .card  p label {
	color:#909399;
	margin:0;
	font-weight:normal;
	font-size:13px;
}
.learning-chart {
	height:230px;
	margin-top:10px;
}
.mt-20 {
	margin-top:20px;
	padding-bottom:1px;
}
.learning-rank {
	border:1px solid #dfdfe2;
	margin:20px;
	border-radius:6px;
	display:flex;
}
.learnmenu {
	width:200px;
	padding:8px;
	border-right:1px solid #dfdfe2;
	margin:0;
}
.learnmenu li {
	line-height:40px;
	color:#606266;
	padding:0 13px;
	border-radius:4px;
	cursor:pointer;
}
.learnmenu .current {
	background-color:#6576ff;
	color:#FFFFFF;
}
.learning-rank .learning-chart {
	height:280px;
	margin:0;
}
.learning-wrap {
	padding:20px;
	flex:1;
	text-align:right;
}
.learntab {
	border:1px solid #dfdfe2;
	height:36px;
	line-height:36px;
	border-radius:4px;
	overflow:hidden;
	background-color:#f4f4f6;
	display:inline-flex;
}
.learntab span {
	display:inline-block;
	padding:0 20px;
	color:#606266;
	border-left:1px solid #dfdfe2;
	cursor:pointer;
}
.learntab span:first-child {
	border:0;
}
.learntab span.current {
	background-color:#ff5555;
	color:#FFFFFF;
}
/* 任务步骤 */
  .task-wrap {
	padding:20px;
	max-width:1604px;
	margin:0 auto;
	min-height:70vh;
}
.task-step-nav {
	background:url(../images/step1.png) center no-repeat;
	height:44px;
	display:flex;
	background-size:100% 100%;
}
.task-step-nav.second {
	background:url(../images/step2.png) center no-repeat;
	background-size:100% 100%;
}
.task-step-nav.third {
	background:url(../images/step3.png) center no-repeat;
	background-size:100% 100%;
}
.task-step-nav.fourth {
	background:url(../images/step4.png) center no-repeat;
	background-size:100% 100%;
}
.task-step-nav li {
	width:25%;
	line-height:44px;
	position:relative;
	text-align:center;
	color:#82828c;
}
.task-step-nav span {
	background-color:#ffffff;
	line-height:22px;
	width:22px;
	border-radius:100%;
	display:inline-block;
	margin-right:10px;
}
.task-step-nav .current {
	color:#FFFFFF;
}
.task-step-nav .current span {
	color:#6576ff;
}
.task-wrap .btn-next {
	width:120px;
	line-height:40px;
	text-align:center;
	background:#ff9500;
	color:#FFFFFF;
	font-size:15px;
	text-align:center;
	cursor:pointer;
	border-radius:4px;
	margin-top:10px;
}
.task-wrap .btn-next:hover {
	background-color:#e88903;
}
.task-wrap .poster-form {
	padding:40px 0;
}
.task-section {
	display:none;
}
.task-wrap .topic {
	border:1px solid #dfdfe2;
	margin-top:20px;
	min-height:50vh;
}
.task-wrap .option {
	flex:1;
	border-right:1px solid #dfdfe2;
	padding:10px 20px;
}
.task-wrap .option label {
	display:block;
	width:50%;
	margin:10px 0;
	font-weight:normal;
	cursor:pointer;
	float:left;
	position:relative;
}
.task-wrap .option label  input {
	position:absolute;
	top:0;
	left:0;
}
.task-wrap .option label span {
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin:0 15px 0 20px;
}
.task-wrap  .result {
	padding:15px 20px;
	flex:1;
	overflow:hidden;
}
.task-wrap  .result p {
	margin:5px 0;
	width:100%;
	line-height:30px;
	float:left;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.task-wrap  .result h4 {
	background-color:#f4f4f6;
	padding:10px 20px;
	color:#999999;
	font-size:14px;
}
.task-wrap  h3 {
	background-color:#f4f4f6;
	padding:5px 20px;
	font-size:14px;
	margin:0;
}
.task-wrap  h3 label input {
	margin-top:0;
}
.task-wrap .sub label {
	padding-left:45px;
	width:33.3333%;
}
.task-wrap .sub label input {
	left:40px;
}
.task-wrap .text-center {
	padding:20px 0;
}
.task-wrap .option label img {
	width:88px;
	height:88px;
	float:left;
}
.task-wrap .option label i {
	display:block;
	margin-left:110px;
	font-style:normal;
}
.task-wrap .task-section:last-child .option label span {
	white-space:inherit;
}
.task-view {
	padding:20px;
	max-width:inherit;
}
.task-view .task-section {
	padding:0 0 20px;
}
.task-view .sub label {
	cursor:not-allowed;
}
.task-view .topic {
	min-height:auto;
}
.task-view .result {
	padding:10px 20px;
}
.task-view  h6 {
	line-height:40px;
	background-color:#def0ff;
	margin:0;
	font-size:16px;
	padding:0 20px;
}
.task-view .option label span {
	margin:0;
}
.task-view .sub label {
	padding-left:15px;
}
.task-view  h2 {
	margin:0 0 20px;
	text-align:center;
	font-size:18px;
	font-weight:700;
}
/*--20210809 学情分析*/
.learncenter .dbox {
	padding:0 25px 10px;
}
.learncenter .chart {
	height:400px;
}
.learncenter .learning-theme {
	display:flex;
	justify-content:space-between;
	padding:0 20px;
	height:58px;
	align-items:center;
}
.learncenter .learning-theme a {
	font-size:14px;
}
.learncenter .learning-theme label {
	margin:0;
	font-weight:normal;
	font-size:14px;
	color:#666666;
}
.learncenter .learning-theme i {
	display:inline-block;
	font-style:normal;
	padding:0 20px;
	cursor:pointer;
	line-height:56px;
	border-bottom:2px solid transparent;
}
.learncenter .learning-theme .current {
	border-color:#6576ff;
	color:#6576ff;
}
.learncenter .cardbox .row {
	margin:0 -10px;
}
.learncenter .cardbox .col-md-6 {
	padding:0 10px;
}
.learncenter .tb-list {
	min-height:400px;
}
.learncenter .learn {
	display:none;
}
.learn-list .scroll{
	height:400px;
	overflow:hidden;
	overflow-y:auto;
}
/*--团队建设--*/
.team-list{padding: 0 20px 0 25px;}
.team-theme{border-left: 4px solid #6576ff;padding-left: 15px;line-height: 20px;margin: 5px 0;justify-content: space-between;}
.team-theme a{color: #6576ff;margin-left: 10px;border: 1px solid #6576ff;padding: 3px 8px;border-radius: 4px;}
.team-theme a .iconfont{font-size: 14px;margin-right: 5px;}
.team-name{padding: 5px 0 10px;}
.team-page{padding: 0 25px;text-align: right;}

.live-person{margin-bottom: 16px;background:#FFFFFF url(../images/data_bg.png) top no-repeat;padding: 24px;background-size: 100% auto;border: 1px solid #dadadc;box-shadow: 2px 8px 9px 0px #d8d8d8;}
.live-person .head{align-items: center;margin-bottom: 35px;}
.live-person .head img{width: 75px;height: 75px;border: 2px solid #FFFFFF;border-radius: 4px;box-shadow: 1px 3px 21px 0px rgba(0,0,0,0.3);display: inline-block;margin-right: 20px;}
.live-person .head h5{margin: 0;color: #27272a;font-size: 18px;}
.live-person .head p{margin: 15px 0 0;color: #b2b2bf;}
.live-person .panel-body{display: flex;justify-content: space-between;margin: 0 -10px;padding: 0;}
.live-person .panel{background-color: #f4f4f6;display: flex;min-height: 215px;padding: 8px;border-radius: 4px;margin:0 10px;width: 30%;}
.live-person .panel:first-child{width: 40%;}
.live-person .bar{background-color: #ffecec;width: 46px;border-radius: 4px;text-align: center;color: #ff5555;padding-top: 75px;}
.live-person ul{flex: 1;margin: 0;}
.live-person ul li{width: 50%;float: left;padding-left: 10px;min-height: 105px;}
.live-person .panel:first-child ul li{width: 33.3333%;}
.live-person ul .title{color: #b2b2bf;margin: 5px 0;white-space: nowrap;}
.live-person ul .title span{color: #6576ff;}
.icon_ask{background: url(../images/data_02.png) center no-repeat;width: 14px;height: 14px;display: inline-block;cursor: pointer;position: relative;top: 2px;margin-left: 2px;}
.live-person ul .number{color: #535359;font-size: 24px;margin: 10px 0;}
.layui-layer-tips{overflow: visible;}
.layui-layer-tips i.layui-layer-TipsL, .layui-layer-tips i.layui-layer-TipsR{top: -4px !important;}
.live-data{margin-bottom: 16px;border: 1px solid #dadadc;box-shadow: 2px 8px 9px 0px #d8d8d8;}
.live-theme{color: #27272a;border-bottom: 1px solid #e6e6e6;padding: 18px 22px;font-size: 16px;}
.live-data .tab-bar{padding: 25px 25px 0;}
.live-data .tab-bar label{font-weight: normal;margin: 0;color: #535359;padding: 5px 0px;}
.live-data .tab-bar span{display: inline-block;cursor: pointer; background-color: #ededef;padding: 5px 12px;border-radius: 4px;color: #535359;font-size: 13px;margin-left: 10px;}
.live-data .tab-bar .current{background-color: #ff5555;color: #FFFFFF;}
.live-data .tab-con{padding: 20px 25px 0;}
.live-data .tab-con .con{display: none;}
.live-data .tab-con label{margin: 0 25px 0 0;font-weight: normal;cursor: pointer;position: relative;padding-left: 27px;}
.live-data .tab-con label input{border: 0;background: none;margin: 0;position: absolute;top: 5px;left: 0;width: 16px;height: 16px;}
.live-data .radio::after{width: 14px;height: 14px;border: 1px solid #c9c9cd;display: block;content: "";position: absolute;top: 0;left: 0; border-radius: 100%;margin: 0;}
.live-data .radio:checked::after{border: 1px solid #6576ff;}
.live-data .radio:checked::before{display: block; content: ""; width: 8px;height: 8px;background-color: #6576ff;border-radius: 100%;position: absolute;top: 3px;left: 3px;}
.live-data .c_2:checked::after{border-color: #45ca95;}
.live-data .c_2:checked::before{background-color:#45ca95;}
.live-data .c_3:checked::after{border-color: #3fbdd4;}
.live-data .c_3:checked::before{background-color:#3fbdd4;}
.live-data .c_4:checked::after{border-color: #edbf22;}
.live-data .c_4:checked::before{background-color:#edbf22;}
.live-data .c_5:checked::after{border-color: #ef5fa1;}
.live-data .c_5:checked::before{background-color:#ef5fa1;}
.live-data .data-chart{height: 325px;}
.live-flow{padding-bottom: 20px;}
.live-flow .live-title{padding: 25px 25px 0;color: #535359;font-size: 15px;} 
.live-flow .radio::after{border-radius: 3px;}
.live-flow .radio:checked::before{background-color: #236bfd;border-radius: 3px;width: 14px;height: 14px;top: 0;left: 0;background-image: url(../images/data_03.png) !important;background-repeat: no-repeat;background-position: center;}
.live-flow .c_2:checked::after{border-color: #ea5533;}
.live-flow .c_2:checked::before{background-color: #ea5533;}
.live-flow .c_3:checked::after{border-color: #ad2e27;}
.live-flow .c_3:checked::before{background-color: #ad2e27;}
.live-flow .c_4:checked::after{border-color: #d08e59;}
.live-flow .c_4:checked::before{background-color: #d08e59;}
.live-flow .c_5:checked::after{border-color: #f5d034;}
.live-flow .c_5:checked::before{background-color: #f5d034;}
.live-flow .c_6:checked::after{border-color: #9c64e0;}
.live-flow .c_6:checked::before{background-color: #9c64e0;}
.live-flow .c_7:checked::after{border-color: #e698bb;}
.live-flow .c_7:checked::before{background-color: #e698bb;}
.live-flow .c_8:checked::after{border-color: #54daa7;}
.live-flow .c_8:checked::before{background-color: #54daa7;}
.live-flow .c_9:checked::after{border-color: #4bd022;}
.live-flow .c_9:checked::before{background-color: #4bd022;}
.live-flow .c_10:checked::after{border-color: #30bef3;}
.live-flow .c_10:checked::before{background-color: #30bef3;}
.live-flow .c_11:checked::after{border-color: #7b7bee;}
.live-flow .c_11:checked::before{background-color: #7b7bee;}
.live-flow .data-chart{height: 450px;}
.live-flow .flex-bar{display: flex;color: #82828c;margin-right: 30px;padding-top: 5px;}
.live-flow .flex-bar .name{text-align: right;width: 75px;margin-right: 10px;}
.live-flow .flex-bar .procss{width: 100%;flex: 1;}
.live-flow .flex-bar .procss p{height: 8px;background-color: #f4f4f6;border-radius: 4px;margin:6px 0 3px;}
.live-flow .flex-bar .procss i{display: block;height: 8px;border-radius: 4px;}
.live-flow .flex-bar:nth-of-type(1) i{background-color: #376bda;}
.live-flow .flex-bar:nth-of-type(2) i{background-color: #ea5533;}
.live-flow .flex-bar:nth-of-type(3) i{background-color: #ad2e27;}
.live-flow .flex-bar:nth-of-type(4) i{background-color: #d08e59;}
.live-flow .flex-bar:nth-of-type(5) i{background-color: #f5d034;}
.live-flow .flex-bar:nth-of-type(6) i{background-color: #9c64e0;}
.live-flow .flex-bar:nth-of-type(7) i{background-color: #e698bb;}
.live-flow .flex-bar:nth-of-type(8) i{background-color: #54daa7;}
.live-flow .flex-bar:nth-of-type(9) i{background-color: #4bd022;}
.live-flow .flex-bar:nth-of-type(10) i{background-color: #30bef3;}
.live-flow .flex-bar:nth-of-type(11) i{background-color: #90a4ab;}

.live-data .tb-list{min-height: auto;padding: 10px 25px 20px;}
.live-data .tb-list .flex{padding: 10px 0 8px;align-items: center;}
.live-data .tb-list .flex img{width: 40px;height: 40px;border-radius: 4px;}
.live-data .tb-list .flex span{display: block;width: 230px;line-height: 20px;margin-left: 10px;color: #535359;}
.live-data .tb-list .rank{width: 20px;height: 20px;text-align: center;line-height: 20px;display: inline-block;color: #535359;}
.live-data .tb-list tbody tr:nth-of-type(1) .rank{text-indent: -999px;background: url(../images/data_04.png) 0 0 no-repeat;}
.live-data .tb-list tbody tr:nth-of-type(2) .rank{text-indent: -999px;background: url(../images/data_04.png) 0 -56px no-repeat;}
.live-data .tb-list tbody tr:nth-of-type(3) .rank{text-indent: -999px;background: url(../images/data_04.png) 0 -112px no-repeat;}

/* 直播间装修 */
.live-room{overflow: hidden;}
.room-box{position: relative;margin-right: 360px;}
.room-wrap{width: 100%;height: 100%;}
.room-wall{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 90;text-align: center;display: flex;justify-content: center;}
.room-wall img{}
.room-dask{background: url(../images/live/decorate.png) center no-repeat;width: 100%;height: 100%; background-size: 100% 100%;position: absolute;top: 0;left: 0;z-index: 100;}
.room-menu{background-color: #ffffff;width: 358px;min-height: 400px;border-radius: 0 10px 0 0;border: 1px solid #dfdfe6;float: right;}
.room-menu h1{margin: 0;background-color: #5c97da;line-height: 50px;padding: 0 25px;border-radius: 0 10px 0 0;color: #FFFFFF;font-size: 16px;}
.room-menu h4{font-size: 15px;margin: 18px 20px;display: flex;align-items: center;}
.room-menu h4 span{display: inline-block;margin: 0 10px 0 5px;}
.room-menu h4::after{display: block;content: "";flex: 1;height: 1px; background-color: #dfdfe6;}
.room-menu .background{padding: 10px 25px;display: flex;justify-content: space-between;}
.room-menu .background span{width: 36px;height: 36px;display: block;cursor: pointer;border-radius: 100%;}
.room-menu .background span:nth-of-type(1){background-color: #FFFFFF;border: 1px solid #999;}
.room-menu .background span:nth-of-type(2){background-color: #fab06e;border: 1px solid #fab06e;}
.room-menu .background span:nth-of-type(3){background-color: #ffa0a0;border: 1px solid #ffa0a0;}
.room-menu .background span:nth-of-type(4){background-color: #85d8fe;border: 1px solid #85d8fe;}
.room-menu .background span:nth-of-type(5){background-color: #d2acf3;border: 1px solid #d2acf3;}
.room-menu .background span:nth-of-type(6){background-color: #417fe2;border: 1px solid #417fe2;}
.room-menu .background span:nth-of-type(7){background-color: #619ef6;border: 1px solid #619ef6;}
.room-menu .background span:nth-of-type(8){background-color: #f7401a;border: 1px solid #f7401a;}
.room-menu .background .current{border-radius: 0;transform: rotate(45deg);box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.2);}
.room-menu .scroll{height: 70vh;overflow: hidden;overflow-y: auto;}
.room-list{margin: 0 20px 0 38px;}
.room-list p{margin-bottom: 15px;cursor: pointer;}
.room-list p img{border: 2px solid transparent;border-radius: 4px;}
.room-list p.current img{border-color: #6576ff;}
.flex-1{flex: 265;}
.flex-2{flex: 770;display: flex;flex-flow: column;}
.flex-3{flex: 265;}
.flex-4{flex: 153;}
.flex-5{flex: 425;position: relative;}
.flex-6{flex: 227;}
.flex-5 .cover{background: url(../images/live/shadow.png) center no-repeat;background-size: 100% 100%;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 95;display: none;}

/* 商品分析 */
.exercise{position: fixed;top: 0;right: 0px; height: 100vh;z-index: 110;}
.exercise .scroll{height: calc(100vh - 60px);overflow: hidden;overflow-y: auto;padding: 20px 40px 0px 20px;}
.exercise-wrap{position: absolute;top: 0;right: -550px;transition: all 0.3s;width: 550px;height: 100vh;border: 1px solid #DDDDDD;background-color: #FFFFFF;box-shadow: -7px 2px 5px 0px rgba(0,0,0,0.2);}
.exercise.open .exercise-wrap{right: 0;}
.exercise-title{padding: 5px 0;}
.exercise-title .type{color: #6576ff;margin-right: 5px;position: relative;padding-left: 10px;}
.exercise-title .type::before{position: absolute;top: 3px;left: 0;width: 4px;height: 14px;background-color: #6576ff;display: block;content: "";}
.exercise-option{border-bottom: 1px dashed #DDDDDD;padding-bottom: 10px;margin-bottom: 10px;}
.exercise-option label{display: block;font-weight: normal;line-height: 22px;padding: 5px 0;cursor: pointer;}
.exercise-option label span{display: inline-block;padding-left: 10px;}
.exercise-option label input{position: relative;top: 1px;}
.exercise-option  div.form-control{display: inline-block;width: auto;min-width: 90px;padding: 2px 10px;height: auto;margin: 0 5px;}
.exercise-option textarea.form-control{height: 100px;margin-top: 10px;}
.exercise-option .fill{padding-bottom: 10px;}
.exercise .action{text-align: center;padding: 10px 20px 0;border-top: 1px solid #DDDDDD;}
.btn-exercise{width: 36px;padding: 20px 10px;position: absolute;z-index: 90; top: 45%;left: -40px;font-size: 15px;cursor: pointer; background-color: #1db871;color: #FFFFFF;border-radius: 20px 0 0 20px;}


/* 2021-8-20 */
.mark-task,.mark-video{background: url(../images/task-icon.png) 0 0 no-repeat;width: 54px;height: 54px;position: absolute;top: -27px;transition: all 0.3s; right: 160px;z-index: 120;cursor: pointer;}
.mark-video{background-position: -88px 0;right: 80px;}
.mark-task:hover,.mark-video:hover{top: 0;}
.mark-task-wrap{border: 1px solid #dcdcdc;position: absolute;top: 0;right: -340px;bottom: 0;width: 340px;transition: all 0.3s;height: 100%;overflow-y: auto;z-index: 110;background-color: #FFFFFF;box-shadow: 1px 1px 8px 2px #efe7e7;}
.mark-task-wrap.active{right: 20px;}
.mark-task-wrap .head{border-bottom: 1px solid #dcdcdc;line-height: 50px;padding: 0 20px;position: relative;}
.mark-task-wrap .iconfont{color: #ff8f5a;}
.close-task{display: inline-block;position: absolute;top: 0px;right: 20px;}
.close-task .iconfont{color: #333333;font-size: 15px;}
.close-task:hover .iconfont{color: #6576ff;}
.mark-taskinfo{color: #82828c;line-height: 22px;padding: 10px;line-height: 28px;}
.mark-taskinfo .title{color: #333333;}
.mark-taskinfo p{margin: 0;}

.viewImg{position: absolute;bottom: 0px;right: 0px;width: 30px;height: 30px;background-color: rgba(0,0,0,0.5);text-align: center;line-height: 30px;color: #FFFFFF;cursor: pointer;}
.picture-box {padding:0px;background-color:rgba(0,0,0,0.8);position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:100000;display:none;}
.view-picture {display: flex;width:100%;justify-content:center;align-items:center;height: 100vh;}
.view-picture img {cursor:zoom-out;max-width:1200px;max-height:800px;}
.picture-box .icon_close {color:#FFFFFF;position:absolute;top:30px;right:30px;font-size:20px;cursor:pointer;z-index:10000;}

/* 2022-02-15 直播选品*/
.navbar-light{padding-top: 5px;}
.navbar-light li{color: #495057;padding: 15px 0px;margin: 0 15px; cursor: pointer;font-weight: 700;position: relative;}
.navbar-light li.active,.navbar-light li:hover{color: #0971fe;}
.navbar-light li.active::after{position: absolute;display: block;content: "";left: 0;right: 0;bottom: 0;height: 3px;background: #0971fe;}
.panel-wrapper{display: flex;padding: 0 15px;}
.menu-root{border-right: 1px solid #e8e8e8;width: 220px;min-height: 65vh;margin-right: 15px;}
.menu-root li a{display: block;line-height: 40px;color: #314659;position: relative;padding: 0 15px;}
.menu-root .selected a,.menu-root li:hover a{background-color: #e6f7ff;}
.menu-root .selected a::after{position: absolute;display: block;content: "";top: 0;right: 0;bottom: 0;border-right: 3px solid #1890ff;}
.panel-container{flex: 1;}
.panel-collapse{border: 1px solid #d9d9d9;border-radius: 4px;border-bottom: 0;}
.collapse-header{background-color: #eaedff;position: relative;user-select: none; padding: 12px 16px 12px 40px;color: rgba(0,0,0,.85);line-height: 22px; cursor: pointer;transition: all .3s;}
.collapse-header:hover{background-color: #e0e4ff;}
.collapse-header .iconfont{display: inline-block;position: absolute;top: 13px;left: 14px;}
.collapse-header.active .iconfont{transform: rotate(90deg);}
.collapse-item{border-bottom: 1px solid #d9d9d9;}
.collapse-body{padding:10px;position: relative;display: none;}
.collapse-body table{width: 100%;}
.collapse-body th{padding:10px 15px;color: rgba(0,0,0,.85);font-weight: 500;text-align: left;background: #e6f7ff;border-bottom: 1px solid #e8e8e8;transition: background .3s ease;}
.collapse-body td{padding: 10px 15px;overflow-wrap: break-word;border-bottom: 1px solid #e8e8e8;transition: background .3s;}
.collapse-body .sku-edit .form-control{width: 150px;}
.collapse-body .saveStock{padding: 5px 0 0 10px;}
.panel-empty{text-align: center;color: #999999;padding: 10% 0;}
.panel-empty img{max-width: 280px;margin-bottom: 15px;}

.exercise-action{position: absolute;z-index: 1000;top: 50%;left: -40px;margin-top: -120px;}
.exercise-action .btn-exercise{position: static;border-radius: 15px;margin-bottom: 10px;width: 40px;}
.exercise-wrap.open{right: 0;}
.exercise-action .btn-exercise:first-child{color: #1db871;border: 2px solid #1db871;background-color: #FFFFFF;}

/* 2022-2-16 */
.live-tree a{padding: 29px 15px;border-radius: 15px;color: #595a5c;font-size: 14px;background-color: #FFFFFF;border: 1px solid #DDDDDD;box-shadow: 1px 4px 4px 1px rgba(0,0,0,0.09);}
.live-tree a .iconfont{font-size: 20px;}
.live-tree a:hover{background-color: #e0e4ff;}
.live-tree a span{padding-top: 10px;}
.badge-success {color: #1db871;display: block;position: relative;font-size: 15px;padding-left: 22px;margin-bottom: 5px;font-weight: 700;}
.badge-success::before{display: block;content: "";border: 3px solid #1db871;width: 12px;height: 12px;border-radius: 100%;position: absolute;top: 7px;left: 0;}
.live-item .action .delete{color: #6576ff;}
.live-item .action .delete:last-child{color: red;}

.team-list .card{position: relative;display: flex;margin-bottom: 20px;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid #dbdfea;border-radius: 4px;box-shadow: 1px 4px 4px 1px rgba(0,0,0,0.09);}
.team-list .card-header{border-bottom: 1px solid #dbdfea;padding: 0.75rem 1.25rem;background-color: rgba(0, 0, 0, 0.07);}
.team-list .card-inner{padding: 1.25rem;}
.team-list .team-theme{margin-bottom: 15px;}
.team-list .team-theme span{font-size: 14px;font-weight: 700;}

.collapse-item label.error{margin: 5px 0 0 10px;}
.exercise-option table td,.exercise-option table th{border: 1px solid #333333 !important;}
.btn-group.capital {float: right;margin-right: 148px;padding-top: 18px;}
.capital .dropdown-toggle {color: #fff;cursor: pointer;}
.capital .dropdown-menu {padding: 8px;}
.capital .dropdown-menu>li a{line-height: 34px !important;}
.btn.btn-blue i {font-size: 14px;transform: none !important;position: unset;margin-right: 8px;}
.collapse-header .btn {margin-top: -7px;}

.more-warpper {padding: 8px;background-color: #fff;position: fixed;border-radius: 4px;box-shadow: 0 0 6px #cdcdcd;}
.more-warpper table { border-top: 1px solid #dcdcdc;border-left: 1px dotted #dcdcdc;}
.more-warpper th,.more-warpper td {padding: 4px 16px;border-bottom: 1px solid #dcdcdc;border-right: 1px dotted #dcdcdc;}
.more-warpper th {background-color: #f0f0f0;}
.panel-collapse .cost-money{margin: 24px 0 48px;padding: 10px 15px;border: 1px solid #d9d9d9;line-height: 22px;text-align: right;}

.form-footer .btn-blue:disabled{
  cursor:not-allowed;
  opacity:0.5
}
<!-- 学情分析 -->
.student-analysis{
    box-shadow: 2px 8px 9px 0px #d8d8d8;
    padding: 20px 28px 28px 28px;
    margin-bottom: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.student-analysis-box{
	background:#ffffff;
	-moz-box-shadow:0px 1px 7px #eeeeee;
	-webkit-box-shadow:0px 1px 7px #eeeeee;
	box-shadow:0px 1px 7px #eeeeee;
	border-radius:4px;
	padding: 20px 28px 28px 28px;
}
h5 {
    font-weight: 700;
    color: #4e4e55;
    font-size: 16px;
    margin: 0;
    margin-bottom: 20px;
}
.task-box {
    display: flex;
    justify-content: space-between;
}
.task-total{
	background-color: rgba(105, 190, 250, 0.1);
}

.task-number {
    width: 180px;
    height: 270px;
    border-radius: 8px;
    padding: 0px 54px;
}
.task-number .task-icon {
    padding: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(105, 190, 250, 0.36);
    border-radius: 6px;
    margin-bottom: 16px;
}
.task-number .iconfont {
    font-size: 19px;
    color: #fff;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}
.task-number .icon_subject {
    background-color: #69befa;
}

.task-number p {
    color: #75757e;
    font-size: 14px;
    margin-bottom: 61px;
}

.task-number span {
    font-weight: 500;
    color: #75757e;
    font-size: 28px;
}

.student {
    background-color: rgba(47, 189, 166, 0.1);
}

.student .task-icon {
    background-color: rgba(47, 189, 166, 0.36);
}

.student .icon_examinee-man {
    background-color: rgba(47, 189, 166, 0.76);
    font-size: 22px;
}

.student .icon_score_one-stu {
    background-color: rgba(47, 189, 166, 0.76);
    font-size: 23px;
}

.average-bg {
    margin-right: 0;
    background-color: rgba(242, 137, 102, 0.1);
}

.average-bg .task-icon {
    background-color: rgba(242, 137, 102, 0.36);
}

.average-bg .icon_score_one {
    background-color: rgba(242, 137, 102, 0.76);
    font-size: 23px;
}

.average-bg .icon_ranking {
    background-color: rgba(242, 137, 102, 0.76);
}

.score-rank.score-wrap {
    padding: 20px;
    flex: 1;
    text-align: right;
}

.score-wrap .learning-chart {
    height: 270px;
}

.student-mark {
    box-shadow: 2px 8px 9px 0px #d8d8d8;
    border-radius: 5px;
    margin-bottom: 20px;
    border: none;
}

.student-mark .live-theme {
    border: none;
    font-size: 16px;
    font-weight: 700;
}

.student-mark .tb-mark td {
    text-align: center;
}

.student-mark .tb-mark th {
    text-align: center;
}

.student-mark .tb-mark .results {
    cursor: pointer;
}

.tb-list {
    color: #75757e;
    max-height: 580px;
    overflow-y: scroll;
}

.tb-list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.tb-list::-webkit-scrollbar-track {
    border-radius: 6px;
}

.tb-list::-webkit-scrollbar-thumb {
    background-color: #D7D7DB;
    border-radius: 6px;
}

.tb-list .icon_subject {
    color: #6974fa;
    padding: 0 8px 0 0;
}

.task-detail {
    border: none;
}

.task-detail .tb-task td {
    text-align: center;
    padding: 0;
}

.task-detail .tb-task td .icon_notice {
    color: #f2ba6a;
    font-size: 11px;
}

.task-detail .tb-task .mission {
    cursor: pointer;
}

.task-detail .tb-task th:nth-child(1) {
    text-align: left;
}

.task-detail .tb-task th:nth-child(2) {
    padding: 0;
    text-align: center;
}

.task-detail .tb-task .tb-describe {
    text-align: left;
}

.task-detail .tb-task .tb-left {
    padding-left: 20px !important;
    text-align: left;
}

.task-detail .tb-task td:first-child {
    padding-left: 0px;
}

.task-detail .live-theme {
    border: none;
}

.task-detail .live-theme .title {
    border: none;
    font-weight: 700;
    color: #4e4e55;
    font-size: 16px;
}

.task-detail .live-theme .describe {
    color: #a0a0a7;
    font-size: 12px;
    margin-left: 24px;
    line-height: 1px;
}

.task-detail .live-theme .describe .icon_notice {
    color: #f28966;
    font-size: 12px;
    margin-right: 8px;
}

.task-detail .tb-task th {
    text-align: center;
    color: #27272a;
    font-size: 14px;
}

.task-detail .iconfont-box {
    display: flex;
    align-items: center;
    justify-content: center;
}


.results-box {
    background-color: #fff;
    -webkit-background-clip: content;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 30%);
    position: fixed;
    z-index: 1020;
    width: 820px;
    top: 86px;
    left: 522.5px;
    border-radius: 8px;
}

.results-box .results-detail {
    padding: 24px 28px;
}

.results-box .results-title {
    padding: 0 20px 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    background-color: #F8F8F8;
    border-radius: 8px 8px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.results-box .results-title .icon_close {
    font-size: 14px;
    cursor: pointer;
}

.results-box .results-detail .detail-describe {
    padding: 15px 0 15px 20px;
    color: #a0a0a7;
    font-size: 12px;
    background-color: rgba(242, 137, 102, 0.1);
    border-radius: 6px;
    margin-bottom: 31px;
}

.results-box .results-detail .icon_notice {
    color: #f28966;
    margin-right: 8px;
}

.results-box .results-detail .detail-message {
    display: flex;
}

.results-box .results-detail .detail-message p:nth-child(1) {
    margin-right: 29px;
}

.results-box .results-detail .detail-message p:nth-child(2) {
    margin-right: 32px;
}

.results-box .results-detail .detail-message p span:nth-child(2) {
    color: #a0a0a7;
    font-size: 14px;
}

.results-box .results-detail .detail-message p i {
    color: #a0a0a7;
    margin-right: 8px;
}

.results-box .results-detail .detail-message .stu-num {
    color: #4e4e55;
    font-weight: 700;
}

.results-box .results-detail .detail-message .ranking {
    color: #f28966;
    font-weight: 700;
}

.results-box .results-detail .detail-message .task {
    color: #75757e;
}

.results-box .results-detail .task-detail {
    margin-bottom: 33px;
}

.results-box .results-detail .task-detail .tb-list {
    padding: 25px 0 0 0;
    min-height: 0;
    max-height: 469px;
    height: 469px;
}

.results-detail .btn-close {
    background-color: #fff;
    padding: 13px 66px;
    border: 1px solid;
    border-color: #bfbfc4;
    border-radius: 8px;
}

.results-detail .shut-down {
    text-align: center;
}
.box-details{
	box-shadow: 2px 8px 9px 0px #d8d8d8;
	border-radius: 5px;
	margin-bottom: 20px;
}

.mission-box {
    background-color: #fff;
    -webkit-background-clip: content;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 30%);
    position: fixed;
    z-index: 1010;
    width: 820px;
    top: 86px;
    left: 522.5px;
    border-radius: 8px;
}

.mission-box .results-title {
    padding: 0 20px 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    background-color: #F8F8F8;
    border-radius: 8px 8px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mission-box .results-title .icon_close {
    font-size: 14px;
    cursor: pointer;
}

.mission-box .results-detail {
    padding: 28px;
}

.mission-box .results-detail .detail-message {
    display: flex;
}

.mission-box .results-detail .detail-message p i {
    color: #a0a0a7;
}

.mission-box .results-detail .task-detail {
    margin-bottom: 33px;
}

.mission-box .results-detail .task-detail .tb-list {
    padding: 25px 0 0 0;
    min-height: 0;
    height: 560px;
}

.mission-box .results-detail .task-detail .tb-task th {
    text-align: center;
}

.mission-box .results-detail .detail-message p span:nth-child(2) {
    color: #a0a0a7;
}

.mission-box .results-detail .detail-message p:nth-child(1) {
    margin-right: 26px;
}

.mission-box .results-detail .detail-message p {
    margin: 0px;
}

.mission-box .results-detail .detail-message .algorithm {
    color: #4e4e55;
    font-weight: 700;
}

.mission-box .results-detail .detail-message .average {
    color: #f28966;
    font-weight: 700;
}

.mission-box .results-detail .task-detail .icon_exposition {
    color: #f2ba6a;
    font-size: 11px;
    margin-right: 8px;
    cursor: pointer;
}

.tag-bottom {
    padding: 12px 0px 12px 24px;
    color: #75757e;
    font-size: 12px;
    border: 2px solid #dfdfe1;
    background-color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

.tag-bottom:before,
.tag-bottom:after {
    content: "";
    display: block;
    border-width: 15px;
    position: absolute;
    bottom: -30px;
    left: 49px;
    border-style: solid dashed dashed solid;
    border-color: #dfdfe1 transparent transparent transparent;
    font-size: 0;
    line-height: 0;
}

.tag-bottom:after {
    bottom: -27px;
    border-color: #FFF transparent transparent transparent;
}

.prompt-box {
	position: absolute; 
	left: -20px;
    top: -130px;
    width: 215px;
    z-index: 1030;
    cursor: pointer;
    display: none;
}

.task-show {
    text-align: left;
}
.prompt-box .tag-bottom{
    line-height: 1;
}
.task-show p:nth-child(1)::after {
    width: 6px;
    height: 6px;
    content: "";
    border-radius: 50%;
    position: absolute;
    background-color: #69befa;
    left: 11px;
    top: 19px;
}

.task-show p:nth-child(2)::after {
    width: 6px;
    height: 6px;
    content: "";
    border-radius: 50%;
    position: absolute;
    background-color: #6999fa;
    left: 11px;
    top: 41px;
}

.task-show p:nth-child(3)::after {
    width: 6px;
    height: 6px;
    content: "";
    border-radius: 50%;
    position: absolute;
    background-color: #f2b866;
    left: 11px;
    top: 63px;
}

.task-show p:nth-child(4)::after {
    width: 6px;
    height: 6px;
    content: "";
    border-radius: 50%;
    position: absolute;
    background-color: #2fbda6;
    left: 11px;
    top: 85px;
}

.task-show p:nth-child(5)::after {
    width: 6px;
    height: 6px;
    content: "";
    border-radius: 50%;
    position: absolute;
    background-color: #f28966;
    left: 11px;
    top: 106px;
}
.prompt-box .tag-top {
    line-height: 1;
}
.tag-top {
    padding: 12px 0px 12px 24px;
    color: #75757e;
    font-size: 12px;
    border: 2px solid #dfdfe1;
    background-color: #FFF;
    position:relative; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}
.tag-top:before,
.tag-top:after {
    content: "";
    display: block;
    border-width: 15px;
    position: absolute;
    top:-30px;  
    left:100px;  
    border-style:solid dashed dashed solid;  
    border-color:transparent  transparent #dfdfe1 transparent;
    font-size: 0;
    line-height: 0;
}

.tag-top:after {
    top:-27px;  
    border-color: transparent transparent #FFF transparent;
}