XiXianDC_UI/CallCenterWe.../WeChart/css/Common.css

/*
 * 通用CSS
 */

.mui-pull-left {
	color: #fff!important;
}

.mui-pull-right,
.mui-title {
	color: #fff;
}

body {
	background-color: #fff!important;
}

#Btns-box {
	background-color: #fff!important;
	padding-top: 25px;
	text-align: -webkit-auto;
	margin-bottom: 20px;
}

#submit {
	/*border: 1px solid #2f4050;
	background-color: #2f4050;*/
	padding: 10px 30px;
}

#u_code {
	float: none;
	width: 35%;
}

#get_code {
	background-color: #007aff;
	padding: 5px 10px;
	color: #fff;
	border-radius: 5px;
	font-size: 15px;
}

.mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar {
	background-color: #57cebf!important;
}

.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
	color: #57cebf!important;
}

.mui-slider-indicator.mui-segmented-control {
	background-color: #fff;
}

.mui-grid-view.mui-grid-9 {
	margin: 0;
	padding: 0;
	/* border-top: 1px solid #eee; */
	/* border-left: 1px solid #eee; */
	background-color: #fff;
}

.mui-grid-view.mui-grid-9 .mui-table-view-cell {
	margin: 0;
	padding: 11px 15px;
	vertical-align: top;
	border: none;
}

.mui-grid-bottom {
	height: 2px;
	background-color: #57cebf;
	display: block;
	width: 20px;
	margin: 0 auto;
}

.size-20 {
	font-size: 30px;
}

.size-14 {
	font-size: 12px!important;
}

.mui-grid-view.mui-grid-9 .mui-table-view-cell {
	margin: 20px 0;
}

.mui-grid-view.mui-grid-9 {
	border-top: none;
}

.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item {
	border-bottom: none;
}

.mui-input-row label {
	padding: 11.5px 3px;
	text-align: right;
	width: 30%;
	font-size: 15px;
}

.type_down {
	float: right!important;
	display: inline-block!important;
	vertical-align: middle!important;
	line-height: 42px;
	color: #007aff;
}

.type_con {
	width: 55%!important;
	float: left!important;
	vertical-align: middle!important;
	display: inline-block!important;
	padding: 10px 0!important;
	margin-left: 5.3%;
}

.mui-card input,
.mui-card textarea {
	font-size: 14px;
}

.mui-input-row:after {
	height: 1px!important;
}

.h_content textarea {
	width: 100%!important;
	padding: 0 20px!important;
}


/*工单处理*/

.mui-input-group .mui-input-row {
	height: auto;
}

.Span {
	line-height: 40px;
	padding: 11px 0px 11px 0;
}

.img-box {
	float: left;
	width: 25%;
	text-align: center;
}

.h_content {
	height: auto!important;
}

.mui-card-header {
	color: #007aff;
}


/*工单创建*/

#fileNum {
	color: #f8ac59;
}

.noThumb {
	color: #1aaad0;
	font-size: 49px;
	padding-bottom: 20px;
}


/*问卷调查*/

.questionnaire {}

.questionnaire .que_header_title {
	text-align: center;
	padding: 10px 15px 0;
}

.questionnaire .que_header_content {
	text-indent: 2em;
}

.questionnaire .mui-checkbox label,
.questionnaire .mui-radio label {
	width: 100%;
	padding-right: 58px;
	text-align: left;
}

.questionnaire .mui-card-header .qus_title {
	font-size: 16px;
}

.questionnaire .mui-card-header .qus_type {
	font-size: 8px;
	padding: 1px 5px;
	border-radius: 5px;
	text-align: center;
	vertical-align: middle;
	margin-right: 5px;
}

.questionnaire .mui-card-header .qus_radio {
	border: 1px solid #4cd964;
	color: #4cd964;
	/*color: #fff;
	background-color: #4cd964;*/
}

.questionnaire .mui-card-header .qus_check {
	border: 1px solid #f0ad4e;
	color: #f0ad4e;
	/*color: #fff;
    background-color: #f0ad4e;*/
}

.questionnaire .mui-card-header .qus_answer {
	border: 1px solid #8a6de9;
	color: #8a6de9;
	/*color: #fff;
    background-color: #8a6de9;*/
}


/*工单进度*/

.workSchedule {
	background-color: #fff;
}

.workSchedule .Content {
	padding-top: 5px;
}

.workSchedule .Content h5 {
	line-height: 20px;
	letter-spacing: 1px;
	line-height: 15px;
	font-size: 14px;
	text-indent: 2em;
	padding-top: 10px;
	word-break: break-all
}

.workSchedule .Content-title {
	color: #6eb4a1;
}

.workSchedule .size-16 {
	font-size: 16px;
}

@font-face {
	font-family: 'iconfont';
	src: url('//at.alicdn.com/t/font_280843_fiejjec0z3ahsemi.eot');
	src: url('//at.alicdn.com/t/font_280843_fiejjec0z3ahsemi.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_280843_fiejjec0z3ahsemi.woff') format('woff'), url('//at.alicdn.com/t/font_280843_fiejjec0z3ahsemi.ttf') format('truetype'), url('//at.alicdn.com/t/font_280843_fiejjec0z3ahsemi.svg#iconfont') format('svg');
}

.workSchedule .iconfont {
	font-family: "iconfont";
	font-size: 14px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	color: #007aff;
}

.workSchedule .message-box li {
	padding: 5px;
}

.workSchedule .fr {
	float: right;
}

.workSchedule .layui-timeline {
	padding-top: 10px;
	padding-left: 25px;
	margin-bottom: 20px;
}

.workSchedule .layui-timeline-content h5 {
	line-height: 20px;
	font-size: 12px;
}

.workSchedule .layui-timeline-title {
	margin-bottom: 0;
}

.workSchedule .layui-timeline-content {
	padding-right: 5px;
}

.workSchedule .image-list {
	width: 100%;
	background-size: cover;
	padding: 10px 10px;
	overflow: hidden;
}

.workSchedule .image-item {
	width: 65px;
	height: 65px;
	background-size: 100% 100%;
	display: inline-block;
	position: relative;
	border-radius: 5px;
	margin-bottom: 10px;
}

.workSchedule .img-box {
	float: left;
	width: 25%;
	text-align: center;
	line-height: 75px;
}

.workSchedule .states {
	display: none;
}

.workSchedule .success {
	color: #2AC845;
}

.workSchedule .finish {
	color: #CCCCCC;
}


/*工单列表*/

.workList {
	background-color: #fff;
}

.workList .mui-bar-popover {
	width: 30%;
}

.workList .mui-popover.mui-bar-popover .mui-table-view {
	width: 100%;
}

.workList .san {
	font-size: 14px;
	margin-right: 5px
}

.workList .nav_a {
	border-right: 1px solid #ccc;
}

.workList .time {
	text-align: right;
}

.workList .mui-table-view .mui-media-object {
	/* line-height: 71px; */
	max-width: 80px;
	height: 80px;
}

.workList input[type="search"] {
	border: 1px solid #ccc;
	border-radius: 18px;
	background-color: rgb(255, 255, 255);
}

.workList .Success {
	color: #4cd964;
}

.workList .Finish {
	color: #ccc;
}

.workList .mui-search.mui-active:before {
	font-size: 20px;
	right: auto;
	left: 5px;
	display: block;
	margin-right: 0;
	top: 25px;
}

.workList .mui-icon-clear {
	right: 80px!important;
}

.workList .mui-search {
	margin-right: 55px;
}

.workList .success {
	color: #ccc;
}

.workList .wait {
	color: #2AC845;
}

.workList .mui-ellipsis {
	width: 300px;
	padding-bottom: 10px;
}


/*工单搜索*/

.workSearch {
	background-color: #fff;
	font-size: 14px;
}

.workSearch input {
	font-size: 14px;
}

.workSearch .submit {
	font-size: 16px;
	margin-top: 20px;
}

.workSearch .mui-table-view {
	box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}

.workSearch .mui-content {
	padding: 5px;
}

.workSearch .mui-bar-popover {
	width: 30%;
}

.workSearch .mui-popover.mui-bar-popover .mui-table-view {
	width: 100%;
}

.workSearch .mui-table-view .mui-table-view-cell>a:not(.mui-btn) {
	text-align: center;
}

.workSearch .mui-table-view-cell {
	padding: 1px 15px!important;
}

.workSearch .san {
	font-size: 14px;
	margin-right: 5px
}

.workSearch .nav_a {
	border-right: 1px solid #ccc;
}

.workSearch .radio_box {
	display: inline-block;
}

.workSearch .mui-radio input[type=radio]:before {
	font-size: 20px;
	vertical-align: middle;
}

.workSearch .mui-radio.mui-left input[type=radio] {
	line-height: 24px!important;
}

.workSearch .mui-radio.mui-left label {
	padding-right: 1px!important;
	padding-left: 51px!important;
}

.workSearch .ztext {
	width: 100%;
	margin: 0;
	border: 0;
}

.workSearch .action {
	padding: 5px 15px;
}

.workSearch .label {
	width: 30%!important;
	padding: 11px 0px!important;
}

.workSearch .get_yzm {
	padding: 5px!important;
	width: auto!important;
}

.workSearch .yzm_con {
	float: left!important;
	width: 40%!important;
}

.workSearch .mui-bar-nav {
	background-color: #00a1cb;
}

.workSearch .mui-input-row label {
	text-align: -webkit-right;
}

.workSearch .mui-btn-block {
	padding: 10px;
	width: 100%;
}

.workSearch .mui-title {
	color: #fff;
}

.workSearch .mui-icon {
	font-size: 18px!important;
	color: #ccc;
}

.workSearch .mui-select {
	font-size: 14px!important;
}

.file_tips {
	color: #f8ac59;
	position: absolute;
	top: 12px;
	left: 54px;
	font-size: 12px;
}


/*loading*/

.hy_loading {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .3);
	z-index: 9998;
	transition: all .2s;
}

.hy_loading .loading_img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	margin: auto;
	width: 60px;
	height: 24px;
	z-index: 9999;
}
.hy_loading .load_percentage {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	margin: auto;
	width: 120px;
	height: 120px;
	z-index: 9999;
}