/* list style */
/* .btn-creat{
	display: inline-block;
	width: 200px;
	height: 45px;
	background: url('../img/btn_add.png') no-repeat 0 -4px;
	background-size: 100%;
} */
html,
body {
	width: 100%;
	height: 100%;
}

.btn-creat {
	width: 120px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	display: inline-block;
	background: #3877FF;
	font-size: 14px;
	box-shadow: 0 4px 13px -4px #779BEB;
	border-radius: 3px;
	color: #fff;
	text-decoration: none !important;
}

.index-content {
	height: 100%;
	padding-top: 30px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

/* End hide from IE-mac */
.no-content {
	text-align: center;
	display: none;
}

.have-content {
	display: none;
}

.have-content label {
	display: inline-block;
	width: 100px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #191919;
}

.have-content select,
.have-content input {
	width: 176px;
	height: 40px;
	margin-right: 50px;
	outline: none;
	border: none;
	border: 1px solid #ccc;
}

.have-content input {
	height: 34px;
	background: url(../img/Shape.png) no-repeat 140px;
	background-size: 18px 18px;
	cursor: pointer;
	text-indent: 5px;
}

.have-content a {
	float: right;
}

.ticket-list {
	margin-top: 36px;
	background: rgba(255, 255, 255, 0.12);
}

.ticket-list th,
.ticket-list td {
	height: 46px;
	line-height: 46px;
	padding: 0 !important;
	text-align: center;
}

.ticket-list th {
	background: #F6F7F9;
	font-size: 16px;
	color: #182735;
	font-weight: normal;
}

.ticket-list td {
	font-size: 14px;
	color: #848484;
}

.ticket-list td a {
	text-align: center;
	width: 100%;
	text-decoration: underline;
}

/* product style */
.ticket-product li {
	list-style: none !important;
	padding-left: 0px;
}

.ticket-product a {
	display: inline-block;
	padding: 0 20px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	color: #8C93A0;
	/*background: #F6F6F8;*/
	border: 1px #D5D8E1 solid;
	border-radius: 20px;
	text-decoration: none;
	margin-left: 30px;
	margin-bottom: 40px;
}

.ticket-product a:hover {
	color: #3877FF;
	border: 1px #3877FF solid;
}

.warm-notice {
	text-align: center;
	margin-top: 65px !important;
	padding-bottom: 30px !important;
	font-size: 12px !important;
	color: #848484 !important;
	opacity: 0.83;
}

/* create ticket */
.common-form {
	/*padding-left: 187px;*/
	/*padding-bottom: 200px;*/
	margin: 0 15px;
}

.common-form-show td {
	display: none;
}

.common-form h2 {
	font-size: 22px;
	color: #191919;
	/*margin-bottom: 40px;*/
	line-height: 60px;
	/*padding-left: 5%;*/
	border-bottom: 1px solid rgba(183, 189, 202, 0.31);

}

.common-form table {
	float: left;
	width: 100%;
}

.common-form form label {
	display: inline-block;
	width: 100%;
	font-weight: 700;
	/*height: 40px;*/
	/*line-height: 40px;*/
	font-size: 16px;
	font-family: "Microsoft Yahei";
	color: #191919;
	/*padding-left: 7%;*/

}

.common-form form p {
	display: inline-block;
	width: 275px;

	margin-top: 0;
	/*font-weight: 700;*/
	/*height: 40px;*/
	/*line-height: 40px;*/
	/*font-size: 12px;*/

	font-family: "Microsoft Yahei";
	color: #191919;
	vertical-align: text-top;

}

.common-form form input[type=text] {
	width: 702px;
	height: 40px;
	border-radius: 3px;
	border: none;
	border: 1px solid #DEDEE3;
	/* text-indent: 10px; */
	margin-bottom: 20px;
	padding-left: 10px;
}

.common-form form select {
	width: 714px;
	height: 40px;
	border-radius: 3px;
	border: none;
	border: 1px solid #DEDEE3;
	/* text-indent: 10px; */
	margin-bottom: 20px;
	padding-left: 10px;
}

.common-form form textarea {
	width: 700px;
	border: none;
	border: 1px solid #DEDEE3;
	resize: none;
	height: 117px;
	border-radius: 3px;
	line-height: 26px;
	padding-left: 10px;
}

.common-form form td {
	/*padding-bottom: 40px;*/
	line-height: 55px;
	position: relative;
}

.common-form form tr {
	/*padding-bottom: 40px;*/
	margin: 20px 0;


}

.common-form form select {
	height: 44px;
}

.common-form form select option {
	display: inline-block;
	height: 40px;
}

.common-form form .pic_show a {
	display: inline-block;
	width: 159px;
	height: 128px;
	background: url(../img/image.png) no-repeat;
	background-size: 100%;
	margin-right: 5px;
	margin-top: 5px;
	position: relative;
}

.common-form form td b {
	color: red;
	margin-left: 5px;
}

.common-form form td a input {
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	z-index: 1;
}

/* .common-form form td span{*/
/* display: block; */
/*height: 26px;*/
/* padding-left: 134px; */
/*font-size: 12px;*/
/* color: #848484; */
/* line-height: 13px; */
/* opacity: 0.83; */
/* padding-top: 10px; */
/*} */
.common-form form input[type=button] {
	width: 120px;
	height: 42px;
	border-radius: 3px;
	border: none;
	margin-right: 20px;
	font-size: 16px;
	outline: none;
	margin-bottom: 60px;
	background: #f2f2f2;
	/*margin-top: 20px;*/
	background: rgba(188, 190, 192, 0.20);

}

.common-form form input[type=button]:hover {
	background: #3797F2;
	color: #fff;
}

.create-mask {
	background: rgba(0, 0, 0, 0.16);
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 11111;
	display: none;
}

.alert_box {
	width: 403px;
	height: 204px;
	background: #FFFFFF;
	border-radius: 4px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -102px 0 0 -201.5px;
	text-align: center;
}

.alert_box h2 {
	font-size: 18px;
	color: #000000;
	margin-top: 40px;
}

.alert_box p {
	font-size: 14px;
	color: #888888;
	margin-bottom: 30px;
}

.alert_box input {
	border: none;
	outline: none;
	width: 159px;
	height: 40px;
	background: #3797F2;
	border-radius: 100px;
	color: #fff;
}

.common-form form td label+span {
	padding-left: 0;
	color: #191919;
	width: 350px;
	padding-top: 0;
	display: inline-block;
}

.common-form form td img {
	width: 159px;
	height: 128px;
	margin-right: 5px;
	margin-bottom: 30px;
	position: absolute;
	left: 0;
	/* top:-144px; */
	top: 0;
	float: left;
	z-index: 0;
	vertical-align: text-top;
}

.img-container .shandow {
	display: flex;
	width: 159px;
	height: 128px;
	margin-right: 5px;
	margin-bottom: 30px;
	position: absolute;
	left: 0;
	/* top:-303px; */
	top: 0;
	float: left;
	z-index: 10;
	vertical-align: text-top;
	background-color: #000000;
	opacity: 0;
	align-items: center;
	justify-content: center;
}

.img-container .shandow:hover {
	opacity: 0.6;
}

.img-container .delete-image {
	position: static;
	background: url(../img/delete.png) no-repeat;
	background-size: 18px 18px;
	cursor: pointer;
	opacity: 1;
	z-index: 20;
	height: 18px;
	width: 18px;
}

.pic_show {
	padding-bottom: 20px;
}

.pic_show span {
	font-size: 13px;
	color: #8C93A0;
	display: block;
	line-height: 13px;
	opacity: 0.83;
	padding-top: 10px;
}

.pic_show .pic_a_box {
	/*display: none;*/
}

.pic_show_detail img {
	float: none !important;
	top: 0 !important;
}

small {
	color: red;
	margin-left: 10px;
	/*display: none;*/
	opacity: 0;
}

.common-form td input.input_null,
.common-form td textarea.input_null {
	border: 1px solid #E7554A;
	outline: none;
}

.state {
	width: 30%;
	background: #f3f3f3;
	min-height: 420px;
	float: right;
	margin-bottom: 30px;
	margin-right: 1%;
	display: none;
}

.state p {
	font-size: 14px;

	padding: 0 30px;
	line-height: 30px;
	font-family: "Microsoft Yahei";
}

.state p:nth-child(1) {
	margin-top: 15px;
}

.state p span {
	color: #191919;
	opacity: 0.7;
	/*width: 200px;*/
	overflow: hidden;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/

}

.state .status span {
	color: #00cc00;
}

.error_info,
.description,
.code_brief,
.request_url,
.web_url,
.sense {
	line-height: 20px !important;
	word-wrap: break-word;
	word-break: normal;
}

.state p span {
	text-overflow: clip;
	word-break: break-all;
}

.conclusion span {
	display: inline-block;
	width: 200px;
	vertical-align: top;
}

.merchant-label-active {
	border-bottom: 4px solid #297acc;
	color: #297acc;
}

.ticket-show-detail {
	line-height: 40px;
	width: 95%;
	border-bottom: 1px solid #f3f3f3;
	margin-bottom: 15px;
}

.ticket-show-detail-item {
	padding-right: 30px;
	color: #8C93A0;
	font-size: 13px;
}

.ticket-show-item-content {
	display: block;
	/* width: 900px; */
	word-wrap: break-word;
}

.preview-close {
	position: fixed;
	top: 0;
	right: 0;
	height: 80px;
	width: 80px;
	background: url('../img/close.png') no-repeat;
	background-size: 50% 50%;
	background-position: center center;
	z-index: 99999;
}
.close-img{
	position: fixed;
	top: 0;
	right: 0;
	height: 80px;
	width: 80px;
	background: url('../img/close.png') no-repeat;
	background-size: 50% 50%;
	background-position: center center;
	z-index: 99999;
}

.faq-component-active {
	background-color: #3877FF;
	color: #fff;
}

.faq-type {
	background: #F2F3F7;
	color: #19233B;
}

.faq-type-active {
	background: rgba(56, 119, 255, 0.08);
	color: #3877FF;
}

.feedback-form-btn {
	line-height: 20px !important;
}

.submit-btn {
	box-shadow: 0px 4px 13px -4px #779BEB;
}

.return-btn {
	box-shadow: 0px 4px 13px -4px #CACCD0;
}

.ticket-title-bar {
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.page-nav-bar a {
	float: left;
	margin-right: 5px;
}

.page-nav-bar span {
	float: left;
	margin-right: 5px;
}

.load_pic {
	cursor: pointer;
}

.common-form form input[type=file]:hover {
	border: 1px solid #3797F2;
}

.key_sel {
	/* appearance:none;
 	-moz-appearance:none; 
 	-webkit-appearance:none;   */
	width: 500px;
	height: 36px;
	border: 1px solid #DEE1E9;
	border-radius: 3px;
	/* padding: 0 30px 0 15px; */
	padding-left: 10px;
	/*background: url("/console/img/arrow-down.png") no-repeat scroll right center transparent;*/
	background-color: #fff;
	background-position-x: 477px;
	font: 16px Consolas, Monaco, monospace;
}

/*leavemsg style*/
.leavemsg-content {
	margin-left: 20px;
	width: 900px;
	padding: 20px 30px 30px;
	background: #fff;
	clear: both;
	position: relative;
}

.leavemsg-write-submit {
	width: 138px;
	height: 42px;
	background: #3877FF url(../img/btn.png) no-repeat 25px center;
	background-size: 17px;
	border-radius: 3px;
	margin-top: 30px;
	cursor: pointer;
}

.leavemsg-write-submit p {
	margin-left: 52px;
	font-size: 14px;
	color: #fff;
	line-height: 42px;
}

.ui-paging-container {
	color: #999;
	font-size: 12px;
}

.ui-paging-container ul {
	overflow: hidden;
	text-align: center;
}

.ui-paging-container ul,
.ui-paging-container li {
	list-style: none;
}

.ui-paging-container li {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	margin-left: 5px;
	color: #19233B;
	border: 1px solid #fff;
	border-radius: 30px;
}

.ui-paging-container li.ui-pager {
	cursor: pointer;
	/* border:1px solid rgba(228, 228, 228, 1); */
	border-radius: 30px;
}

.ui-paging-container li.ui-pager:hover {
	background-color: #fff;
	border: 1px solid #3877FF;
	color: #3877FF;
}

.ui-paging-container li.focus {
	color: #fff !important;
	background: rgba(56, 119, 255, 1) !important;
	border: none;
}

.ui-paging-container li.ui-paging-ellipse {
	border: none;
}

.ui-paging-container li.ui-paging-toolbar {
	padding: 0;
}

.ui-paging-container li.ui-pager-disabled,
.ui-paging-container li.ui-pager-disabled:hover {
	background-color: #f6f6f6;
	cursor: default;
	border: none;
	color: #ddd;
}

.leavemsg-write-content {
	width: 898px;
	height: 206px;
	border-radius: 3px;
	border: 1px solid #E9EBEF;
	position: relative;
}

.leavemsg-write-txt {
	resize: none;
	width: 876px;
	height: 149px;
	float: left;
	margin: 5px 12px 0 12px;

}

.leavemsg-show-userimg {
	width: 66px;
	height: 66px;
	vertical-align: top;
	border-radius: 66px;
}

.leavemsg-show-username {
	float: left;
	margin: 35px 0 13px 25px;
	font-size: 14px;
}

.leavemsg-show-headimg {
	width: 66px;
	margin-top: 30px;
	float: left;
	margin-bottom: 30px;
}

.leavemsg-show-date {
	float: right;
	margin-top: 30px;
	font-size: 14px;
	color: #8C93A0;
	;
}

.leavemsg-show-txt {
	min-height: 20px;
	width: 804px;
	margin-left: 30px;
	font-size: 14px;
	line-height: 20px;
	word-wrap: break-word;
	word-break: normal;
	clear: both;
	color: #8C93A0;
}

.cue-alert {
	display: none;

}

.failed-img {
	width: 200px;
	height: 91px;
	position: fixed;
	left: 45%;
	bottom: 430px;
	background: #fff url(../img/ic_failed.png) no-repeat 39.4px 27.4px;
	background-size: 37.2px;
	display: block;
}

.success-img {
	width: 200px;
	height: 91px;
	position: fixed;
	left: 45%;
	bottom: 430px;

	background: #fff url(../img/ic_success.png) no-repeat 39.4px 27.4px;
	background-size: 37.2px;
	display: block;
}

.cue-txt {
	text-align: center;
	font-size: 16px;
	color: #19233B;
	line-height: 91px;
	margin: 0 0 0 88px;
}

.count-style {
	text-align: right;
	font-size: 14px;
	color: #8C93A0;
	bottom: 10px;
	right: 14px;
	position: absolute;
}

.leaveword {
	padding-bottom: 38px;
	border-top: 1px solid rgba(183, 189, 202, 0.31);
}


.ticket-close {
	position: absolute;
	width: 98px;
	height: 36px;
	color: #3877FF;
	border: 1px solid #3877FF;
	border-radius: 3px;
	background: #fff;
	top: -14px;
	right: 30px;
	line-height: 36px;
	text-align: center;
	cursor: pointer;
	display: none;
}
.ticket-close-active{
	color:#8C93A0;
	border-color:#8C93A0;
}
.cue-style {
	float: left;
	width: 98px;
	height: 36px;
	border: 1px solid #3877FF;
	color: #3877FF;
	font-size: 14px;
	text-align: center;
	line-height: 36px;
	cursor: pointer;
	border-radius: 3px;
}

.cue-cancle {
	margin: 23px 10px 0 71px;
}

.cue-sure {
	margin-top: 23px;
}

.cue-active {
	color: #fff;
	background: #3877FF;
}



.files-container .files-button {
	text-align: right;
	padding: 0 30px 0 31px;
	margin-top: 10px;
	float: left;
	width: 60px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	cursor: pointer;
}

.pic-btn {
	border-right: 1px solid #D6D8DD;
	background: url(../img/ic_pic.png) no-repeat 31px center;
	background-size: 23px 18px;
}

.vid-btn {
	background: url(../img/ic_video.png) no-repeat 31px center;
	background-size: 26px 19px;
}


.files-upload-container div a input {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	cursor: pointer;
	opacity: 0;
}

.file-handle {
	font-size: 12px;
	color: #FFFFFF;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0.8;
	background: #000000;
	text-align: center;
	line-height: 17px;
	z-index: 2;
}

.pic-delete,.vid-delete {
	height: 17px;
	float: left;
	padding: 0 14px;
	margin: 5px 0;
	cursor: pointer;
}

.file-reload {
	float: left;
	height: 17px;
	padding: 0 14px;
	margin: 5px 0;
	border-right: 1px solid #FFF;
	cursor: pointer;
}

.arrow-top {
	height: 148px;
	border: 1px solid #E9EBEF;
	box-shadow: 0 2px 4px 0 #E5E6EE;
	position: absolute;
	z-index: 3;
	top: 57px;
	background: #fff;
}

.arrow-top:before {
	content: "";
	position: absolute;
	left: 50px;
	top: -10px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #E9EBEF;
}

.arrow-top:after {
	content: "";
	position: absolute;
	left: 50px;
	top: -8px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #fff;
}

.pic-upload-container {
	display: none;
	width: 556px;
	left: -10px;
}

.vid-upload-container {
	display: none;
	width: 640px;
	left: 110px;
}

.pic-content,
.vid-content {
	display: inline-block;
	width: 88px;
	height: 88px;
	background: url(../img/add_files.png) no-repeat;
	background-size: 100%;
	position: relative;
	cursor: pointer;
	margin: 30px 0 0 30px;
	z-index: 2;
}
.download-file{
	width:104px;
	height:27px;
	opacity: 0.8;
	background: #000000;
	position:absolute;
	bottom:0;
	font-size: 12px;
color: #FFFFFF;
text-align: center;
line-height: 27px;
cursor: pointer;
display: block;
}
/* .vid-content {
	display: inline-block;
	width: 88px;
	height: 88px;
	background: url(img/add_files.png) no-repeat;
	background-size: 100%;
	position: relative;
	cursor: pointer;
	margin: 30px 0 0 30px;
	z-index: 2;
} */

.pic-cue,
.vid-cue {
	font-size: 14px;
	line-height: 24px;
	color: #8C93A0;
	display: inline-block;
	margin-left: 30px;
	margin-top: 50px;
	vertical-align: top;
}
.vid-wrong-format,.vid-wrong-size,.pic-wrong-format,.pic-wrong-size{
	color: #FF4848;
	display:inline-block;
	font-size: 13px;
	display: none;
}
/* .vid-cue {
	font-size: 14px;
	line-height: 24px;
	color: #8C93A0;
	display: inline-block;
	margin-left: 30px;
	margin-top: 50px;
	vertical-align: top;
} */
.service-container {
	margin-left: 20px;
	width: 900px;
	padding: 0 30px 30px;
	background: #fff;
	clear: both;
	position: relative;
	display: none;
}

.handle-common {
	margin-top: 30px;
	overflow: hidden;
}

.handle-txt {
	float: left;
	margin: 0 20px 0 0;
	font-size: 14px;
	color: #19233B;
	line-height: 20px;
}

.handle-star {
	float: left;
	width: 20px;
	height: 20px;
	background: url(../img/Star_white.png) no-repeat center center;
	background-size: 20px;
	padding-left: 10px;
	cursor: pointer;
}

.handle-star-active {
	background: url(../img/Star_yellow.png) no-repeat center center;
	background-size: 20px;
}

.score {
	float: left;
	font-size: 14px;
	color: #8C93A0;
	margin: 0 0 0 16px;
	line-height: 20px;
}

.service-title {
	padding: 24px 0 16px 0;
	margin: 0;
	font-size: 20px;
	color: #19233B;
	border-bottom: 1px solid #E9EBEF;
}

.service-submit {
	width: 138px;
	height: 42px;
	background: #3877FF;
	box-shadow: 0 4px 13px 0 rgba(0, 38, 123, 0.22);
	border-radius: 3px;
	letter-spacing: 0.44px;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	line-height: 42px;
	margin-left: 86px;
	cursor: pointer;
}

.service-score {
	font-size: 28px;
	line-height: 38px;
	color: #19233B;
}
.service-comment{
	resize:none;
	width:722px;
	height:110px;
	background: #FFFFFF;
	border: 1px solid #E9EBEF;
	border-radius: 3px;
}
.pic-loading,.vid-loading{
	background:#000;
	opacity: 0.6;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: center;
	line-height: 135px;
	width: 88px;
	height: 88px;
	color:#fff;
	z-index: 10;
	font-size: 13px;
	display: none;
}