/*reset*/
a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}
hr{box-sizing:content-box;height:0}
button,html input[type=button],input[type=submit]{-webkit-apperance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
ol,ul{list-style:none}
img{border:0;vertical-align:middle}
em,i,u{font-style:normal}
.fl{float:left}
.fr{float:right}
.al{text-align:left}
.ac{text-align:center}
.ar{text-align:right}
.hide{display:none}
.clear,.clr{overflow:hidden;line-height:0;font-size:0}
.clear,.clr{display:block;clear:both;height:0}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: "";clear: both;height: 0;overflow: hidden;}
.dorpdown{position:relative}
.dorpdown-layer{display:none;position:absolute}
.dorpdown:hover .dorpdown-layer,.hover .dorpdown-layer{display:block}
.cw-icon{position:relative;cursor:default;zoom:1}
.cw-icon .i,.cw-icon i{display:block;position:absolute;overflow:hidden}
.w{width:990px;margin:0 auto}
.root61 .w{width:1210px}
body{font:9pt/150% Verdana,arial,Microsoft YaHei,Hiragino Sans GB,\\u5b8b\u4f53,sans-serif;-webkit-font-smoothing:antialiased;background:#fff;min-width:1400px;}
a,body{color:#666}
a{text-decoration:none}
.m,.mb,.mc,.mt,.p-detail,.p-img,.p-market,.p-name,.p-price,.sm,.smb,.smc,.smt{overflow:hidden}
.img-error{background:url(//misc.360buyimg.com/lib/skin/e/i/error-jd.gif) no-repeat 50% 50%}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.plr10{padding-left:10px;padding-right:10px}
.mt30{margin-top:30px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml25{margin-left:25px}
.ml130{margin-left:130px}
.ml100{margin-left:100px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mb30{margin-bottom:30px}
.mlr15{margin-left:15px;margin-right:15px}
.width-400{width:400px}
.ui-mask{width: 100%!important;height: 100%!important;position: fixed!important;}
/*字体*/
@font-face {
	font-family:element-icons;src:url(//static.360buyimg.com/bus/lib/element-shop/theme-chalk/fonts/element-icons.woff) format("woff"),url(fonts/element-icons.ttf) format("truetype");font-weight:400;font-style:normal
}

@font-face {
	font-family:shop-icons;src:url(//static.360buyimg.com/bus/lib/element-shop/theme-chalk/fonts/shop-icons.woff) format("woff"),url(//static.360buyimg.com/bus/lib/element-shop/theme-chalk/fonts/shop-icons.ttf) format("truetype");font-weight:400;font-style:normal
}[class*=" el-icon-"],[class^=el-icon-],[class*="img-dialog-close"][class*="img-dialog-close"]{
	font-family: element-icons!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: baseline;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.el-icon-box-check:before,.el-icon-camera:before,.el-icon-clock:before,.el-icon-date-simple:before,.el-icon-error-outline:before,.el-icon-error:before,.el-icon-filter:before,.el-icon-info-outline:before,.el-icon-info:before,.el-icon-question-outline:before,.el-icon-question:before,.el-icon-step-finish:before,.el-icon-step:before,.el-icon-success-outline:before,.el-icon-success:before,.el-icon-warning:before {
	font-family: shop-icons!important
}

.el-icon-info:before {
	content: "\e903"
}

.el-icon-error:before {
	content: "\e901"
}

.el-icon-success:before {
	content: "\e907"
}

.el-icon-warning:before {
	content: "\e90a"
}

.el-icon-question:before {
	content: "\e905"
}

.el-icon-info-outline:before {
	content: "\e902"
}

.el-icon-error-outline:before {
	content: "\e900"
}

.el-icon-success-outline:before {
	content: "\e906"
}

.el-icon-warning-outline:before {
	font-family: shop-icons!important;
	content: "\e909"
}

.el-icon-question-outline:before {
	content: "\e904"
}

.el-icon-step:before {
	content: "\e90b"
}

.el-icon-step-finish:before {
	content: "\e908"
}

.el-icon-camera:before {
	content: "\e90c"
}

.el-icon-box-check:before {
	content: "\e90d"
}

.el-icon-clock:before {
	content: "\e90e"
}

.el-icon-date-simple:before {
	content: "\e90f"
}

.el-icon-filter:before {
	content: "\e910"
}

.el-icon-back:before {
	content: "\e606"
}

.el-icon-arrow-left:before {
	content: "\e600"
}

.el-icon-arrow-down:before {
	content: "\e603"
}

.el-icon-arrow-right:before {
	content: "\e604"
}

.el-icon-arrow-up:before {
	content: "\e605"
}

.el-icon-caret-left:before {
	content: "\e60a"
}

.el-icon-caret-bottom:before {
	content: "\e60b"
}

.el-icon-caret-top:before {
	content: "\e60c"
}

.el-icon-caret-right:before {
	content: "\e60e"
}

.el-icon-d-arrow-left:before {
	content: "\e610"
}

.el-icon-d-arrow-right:before {
	content: "\e613"
}

.el-icon-minus:before {
	content: "\e621"
}

.el-icon-plus:before {
	content: "\e62b"
}

.el-icon-remove:before {
	content: "\e635"
}

.el-icon-circle-plus:before {
	content: "\e601"
}

.el-icon-remove-outline:before {
	content: "\e63c"
}

.el-icon-circle-plus-outline:before {
	content: "\e602"
}

.el-icon-close:before {
	content: "\e60f"
}

.el-icon-check:before {
	content: "\e611"
}

.el-icon-circle-close:before {
	content: "\e607"
}

.el-icon-circle-check:before {
	content: "\e639"
}

.el-icon-circle-close-outline:before {
	content: "\e609"
}

.el-icon-circle-check-outline:before {
	content: "\e63e"
}

.el-icon-zoom-out:before {
	content: "\e645"
}

.el-icon-zoom-in:before {
	content: "\e641"
}

.el-icon-d-caret:before {
	content: "\e615"
}

.el-icon-sort:before {
	content: "\e640"
}

.el-icon-sort-down:before {
	content: "\e630"
}

.el-icon-sort-up:before {
	content: "\e631"
}

.el-icon-tickets:before {
	content: "\e63f"
}

.el-icon-document:before {
	content: "\e614"
}

.el-icon-goods:before {
	content: "\e618"
}

.el-icon-sold-out:before {
	content: "\e63b"
}

.el-icon-news:before {
	content: "\e625"
}

.el-icon-message:before {
	content: "\e61b"
}

.el-icon-date:before {
	content: "\e608"
}

.el-icon-printer:before {
	content: "\e62f"
}

.el-icon-time:before {
	content: "\e642"
}

.el-icon-bell:before {
	content: "\e622"
}

.el-icon-mobile-phone:before {
	content: "\e624"
}

.el-icon-service:before {
	content: "\e63a"
}

.el-icon-view:before {
	content: "\e643"
}

.el-icon-menu:before {
	content: "\e620"
}

.el-icon-more:before {
	content: "\e646"
}

.el-icon-more-outline:before {
	content: "\e626"
}

.el-icon-star-on:before {
	content: "\e637"
}

.el-icon-star-off:before {
	content: "\e63d"
}

.el-icon-location:before {
	content: "\e61d"
}

.el-icon-location-outline:before {
	content: "\e61f"
}

.el-icon-phone:before {
	content: "\e627"
}

.el-icon-phone-outline:before {
	content: "\e628"
}

.el-icon-picture:before {
	content: "\e629"
}

.el-icon-picture-outline:before {
	content: "\e62a"
}

.el-icon-delete:before {
	content: "\e612"
}

.el-icon-search:before {
	content: "\e619"
}

.el-icon-edit:before {
	content: "\e61c"
}

.el-icon-edit-outline:before {
	content: "\e616"
}

.el-icon-rank:before {
	content: "\e632"
}

.el-icon-refresh:before {
	content: "\e633"
}

.el-icon-share:before {
	content: "\e636"
}

.el-icon-setting:before {
	content: "\e638"
}

.el-icon-upload:before {
	content: "\e60d"
}

.el-icon-upload2:before {
	content: "\e644"
}

.el-icon-download:before {
	content: "\e617"
}

.el-icon-loading:before {
	content: "\e61e"
}

.el-icon-loading {
	-webkit-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite
}

.el-icon--right {
	margin-left: 5px
}

.el-icon--left {
	margin-right: 5px
}
.el-date-editor .el-input__icon {
	font-size: 16px;
	color: #9ca7b6
}
.el-icon-caret-bottom{color: #9ca7b6;font-size: 14px;}

/*switch*/
.el-switch {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	font-size: 12px;
	line-height: 26px;
	height: 26px;
	vertical-align: middle
}

.el-switch__core,.el-switch__label {
	display: inline-block;
	cursor: pointer
}

.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label {
	cursor: not-allowed
}

.el-switch__label {
	-webkit-transition: .2s;
	transition: .2s;
	height: 26px;
	font-size: 12px;
	font-weight: 500;
	vertical-align: middle;
	color: #333
}

.el-switch__label.is-active {
	color: #39f
}

.el-switch__label--left {
	margin-right: 10px
}

.el-switch__label--right {
	margin-left: 10px
}

.el-switch__label * {
	line-height: 1;
	font-size: 12px;
	display: inline-block
}

.el-switch__input {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
	margin: 0
}
.el-switch__core {
	margin: 0;
	position: relative;
	width: 52px;
	height: 26px;
	min-width: 52px;
	border: 1px solid #9ca7b6;
	outline: 0;
	border-radius: 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	-webkit-transition: border-color .3s,background-color .3s;
	transition: border-color .3s,background-color .3s;
	vertical-align: middle;
	user-select: none
}

.el-switch__core .el-switch__circle {
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 100%;
	-webkit-transition: all .3s;
	transition: all .3s;
	width: 20px;
	height: 20px;
	background-color: #9ca7b6
}

.el-switch__core .el-switch__off {
	line-height: 24px;
	position: absolute;
	color: #9ca7b6;
	right: 8px;
	font-size: 12px
}

.el-switch__core .el-switch__on {
	line-height: 24px;
	position: absolute;
	color: #39f;
	left: 8px;
	font-size: 12px
}

.el-switch__core.is-show-text {
	min-width: 60px
}

.el-switch.is-checked .el-switch__core {
	border-color: #39f
}

.el-switch.is-checked .el-switch__circle {
	left: 100%;
	margin-left: -22px;
	background-color: #39f
}

.el-switch.is-disabled .el-switch__core {
	border-color: #c3cbd6;
	background: #c3cbd6
}

.el-select-dropdown,.el-switch.is-disabled .el-switch__circle {
	background-color: #fff
}

.el-switch.is-disabled .el-switch__on {
	color: #fff
}

.el-switch--wide .el-switch__label.el-switch__label--left span {
	left: 10px
}

.el-switch--wide .el-switch__label.el-switch__label--right span {
	right: 10px
}

.el-switch .label-fade-enter,.el-switch .label-fade-leave-active {
	opacity: 0
}
/*checkbox*/
.el-checkbox {
	color: #464c5b;
	font-size: 0;
	cursor: pointer;
	user-select: none
}

.el-checkbox:hover .el-checkbox__inner {
	border-color: #39f
}

.el-checkbox.is-bordered {
	padding: 7px 10px;
	border-radius: 2px;
	border: 1px solid #d7dde4;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 16px
}

.el-checkbox.is-bordered:hover .el-checkbox__inner {
	border-color: #9ca7b6
}

.el-checkbox.is-bordered.is-checked,.el-checkbox.is-bordered.is-checked:hover .el-checkbox__inner {
	border-color: #39f
}

.el-checkbox.is-bordered.is-disabled {
	border-color: #ebeef5;
	cursor: not-allowed
}

.el-checkbox.is-bordered+.el-checkbox.is-bordered {
	margin-left: 10px
}

.el-checkbox.is-bordered.el-checkbox--small {
	padding: 5px 10px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
	font-size: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__input .el-checkbox__inner {
	height: 12px;
	width: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__input .el-checkbox__inner::after {
	margin: -2px 0 0 -2px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__input.is-checked .el-checkbox__inner::after {
	-webkit-transform: scale(.7);
	transform: scale(.7)
}

.el-checkbox__input {
	cursor: pointer;
	outline: 0;
	vertical-align: middle;
	white-space: nowrap;
    cursor: pointer;
    outline: none;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-right: 5px;
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
	background-color: #f5f7f9;
	border-color: #c3cbd6;
	cursor: not-allowed
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner,.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
	background-color: #f2f6fc;
	border-color: #d7dde4
}

.el-checkbox__input.is-disabled .el-checkbox__inner::after {
	display: none
}

.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label {
	cursor: not-allowed
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
	display: block;
	cursor: not-allowed;
	color: #c3cbd6
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::after {
	background-color: #c3cbd6;
	border-color: #c3cbd6
}

.el-checkbox__input.is-disabled+span.el-checkbox__label {
	color: #c3cbd6;
	cursor: not-allowed
}

.el-checkbox__input.is-checked .el-checkbox__inner {
	border-color: #39f
}

.el-checkbox__input.is-checked .el-checkbox__inner::after {
	-webkit-transform: scale(1);
	transform: scale(1);
	display: block;
	color: #39f
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
	background-color: #39f;
	border-color: #39f
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
	content: '';
	position: absolute;
	display: block;
	background-color: #fff;
	height: 2px;
	-webkit-transform: scale(.5);
	transform: scale(.5);
	left: 0;
	right: 0;
	top: 6px
}

.el-checkbox__inner {
	display: block;
	position: relative;
	border: 1px solid #9ca7b6;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 16px;
	height: 16px;
	background-color: #fff;
	-webkit-transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);
	transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);
	overflow: hidden
}

.el-checkbox__inner::after {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 2px;
	content: "\E90D";
	-webkit-transform: scale(0);
	transform: scale(0);
	color: #39f;
	font-size: 12px;
	font-family: shop-icons!important;
	-webkit-transition: -webkit-transform .15s;
	transition: -webkit-transform .15s;
	transition: transform .15s;
	transition: transform .15s,-webkit-transform .15s;
	line-height: 1;
	z-index: 1
}

.el-checkbox__original {
	opacity: 0;
	outline: 0;
	position: absolute;
	margin: 0;
	width: 17px;
	height: 17px;
	left: 0;
	top: 0;
	z-index:1;
	cursor: pointer;
}

.el-checkbox-button,.el-checkbox-button__inner {
	position: relative;
	display: inline-block
}

.el-checkbox__label {
	display: inline-block;
	padding-left: 10px;
	line-height: 16px;
	font-size: 12px;
	vertical-align: middle
}

.el-checkbox+.el-checkbox {
	margin-left: 30px
}

.el-checkbox-button__inner {
	line-height: 1;
	font-weight: 500;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background: #fff;
	border: 1px solid #d7dde4;
	border-left: 0;
	color: #464c5b;
	-webkit-appearance: none;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	margin: 0;
	-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
	transition: all .3s cubic-bezier(.645,.045,.355,1);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	padding: 8px 20px;
	font-size: 12px;
	border-radius: 0
}

.el-checkbox-button__inner.is-round {
	padding: 8px 20px
}

.el-checkbox-button__inner:hover {
	color: #39f
}

.el-checkbox-button__inner [class*=el-icon-] {
	line-height: .9
}

.el-checkbox-button__inner [class*=el-icon-]+span {
	margin-left: 5px
}

.el-checkbox-button__original {
	opacity: 0;
	outline: 0;
	position: absolute;
	margin: 0;
	z-index: -1
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
	color: #fff;
	background-color: #39f;
	border-color: #39f;
	-webkit-box-shadow: -1px 0 0 0 #85c2ff;
	box-shadow: -1px 0 0 0 #85c2ff
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
	border-left-color: #39f
}

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
	color: #c3cbd6;
	cursor: not-allowed;
	background-image: none;
	background-color: #fff;
	border-color: #c3cbd6;
	-webkit-box-shadow: none;
	box-shadow: none
}

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
	border-left-color: #c3cbd6
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
	border-left: 1px solid #d7dde4;
	border-radius: 2px 0 0 2px;
	-webkit-box-shadow: none!important;
	box-shadow: none!important
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
	border-color: #39f
}

.el-checkbox-button:last-child .el-checkbox-button__inner {
	border-radius: 0 2px 2px 0
}

.el-checkbox-button--small .el-checkbox-button__inner {
	padding: 6px 15px;
	font-size: 12px;
	border-radius: 0
}

.el-checkbox-button--small .el-checkbox-button__inner.is-round {
	padding: 6px 15px
}

.el-checkbox-group {
	font-size: 0
}

.el-alert {
	-webkit-box-sizing: border-box;
	overflow: hidden;
	margin:10px 20px 0;
	font-size: 12px;
	padding: 6px 10px;
	margin: 0;
	box-sizing: border-box;
	border-radius: 2px;
	position: relative;
	background-color: #fff;
	opacity: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	border: 1px solid;
	margin:20px 20px 0;
}

.el-alert.is-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.el-alert.is-bg {
	background-color: transparent;
	border: none
}

.el-alert--success {
	background-color: #e5f9f0;
	border-color: #0b6
}

.el-alert--success .el-alert__icon {
	color: #0b6
}

.el-alert--success .el-alert__content {
	color: #464c5b
}

.el-alert--info {
	background-color: #ebf5ff;
	border-color: #39f
}

.el-alert--info .el-alert__icon {
	color: #39f
}

.el-alert--info .el-alert__content {
	color: #464c5b
}

.el-alert--warning {
	background-color: #fff5e5;
	border-color: #f90
}

.el-alert--warning .el-alert__icon {
	color: #f90
}

.el-alert--warning .el-alert__content {
	color: #464c5b
}

.el-alert--error {
	background-color: #ffebeb;
	border-color: #f33
}

.el-alert--error .el-alert__icon {
	color: #f33
}

.el-alert--error .el-alert__content {
	color: #464c5b
}

.el-alert__content {
	display: table-cell;
	padding: 0 40px 0 8px
}

.el-alert__content.is-big {
	position: relative;
	left: 22px
}

.el-alert__icon {
	font-size: 16px;
	width: 16px
}

.el-alert__icon.is-big {
	position: absolute;
	top: 8px;
	left: 15px
}

.el-alert__title {
	font-size: 13px;
	line-height: 16px
}

.el-alert__title.is-bold {
	font-size: 14px;
	font-weight: 500;
	line-height: 18px
}

.el-alert .el-alert__description {
	font-size: 12px;
	margin: 0;
	color: #464c5b
}

.el-alert__closebtn {
	font-size: 12px;
	color: #9ca7b6;
	opacity: 1;
	position: absolute;
	right: 15px;
	cursor: pointer
}

.el-alert-fade-enter,.el-alert-fade-leave-active,.el-loading-fade-enter,.el-loading-fade-leave-active,.el-notification-fade-leave-active {
	opacity: 0
}

.el-alert__closebtn.is-big {
	font-size: 17px
}

.el-alert__closebtn.is-customed {
	font-style: normal;
	font-size: 12px
}

/*chrome 滚轮美化*/
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track-piece{display:none}
::-webkit-scrollbar-thumb:vertical{height:8px;background-color:#e1e1e1;-webkit-border-radius:8px}
::-webkit-scrollbar-thumb:horizontal{width:8px;background-color:#e1e1e1;-webkit-border-radius:8px}
.host-ip{display:inline-block;position:absolute;right:0;top:0;padding:3px 10px;color:#fff;font-size:12px;z-index:100}
/*button start*/
.btn-b,
.btn-m,
.btn-s,
.btn-l{min-width:96px;box-sizing: border-box;display: inline-block;border-radius: 2px;border-style: solid;border-width: 1px;color: #fff;text-align: center;}
.btn-b{height: 34px;padding-left: 50px;padding-right: 50px;line-height: 34px;font-size: 14px}
.btn-m{height: 34px;padding-left: 26px;padding-right: 26px;line-height: 34px;font-size: 14px}
.btn-s{height: 34px;padding-left: 15px;padding-right: 15px;line-height: 34px;font-size: 14px}
.btn-l{height: 30px;padding-left: 15px;padding-right: 15px;line-height: 30px;font-size: 12px}
.btn-op1{background-color: #f33;border-color: #f33}
.btn-op2{background-color: #77bb55;border-color: #77bb55}
.btn-op3{background-color: #fff;border-color: #f33;color: #f33}
.btn-op4{background-color: #fff;border-color: #d7dde4;color: #464c5b;}
.btn-op1:hover{background-color: #ff5c5c;border-color: #ff5c5c}
.btn-op1:active{background-color: #cc1111;border-color: #cc1111}
.btn-op2:hover{background-color: #66aa44;border-color: #66aa44}
.btn-op2:active{background-color: #559933;border-color: #559933}
.btn-op3:hover{background-color: #f33;border-color: #f33;color: #fff}
.btn-op3:active{background-color: #cc1111;border-color: #cc1111;color: #fff}
.btn-op4:hover{border-color: #ff5c5c;color: #ff5c5c}
.btn-op4:active{border-color: #cc1111;color: #cc1111}
.btn-op1.disable,
.btn-op2.disable{background-color: #c8c8c9;border-color: #c8c8c9}
.btn-op3.disable,
.btn-op4.disable{background-color: #fff;border-color: #e1e1e1;color: #e1e1e1}
/*input start*/
.img-input-con{display:inline-block;position:relative}
.img-input-con .img-input-tip{display:none;position:absolute;top:-44px;left:0;height:36px;padding-left:10px;padding-right:10px;border:1px solid #ddd;box-shadow:0 0 10px rgba(0,0,0,.15);background:#fff;line-height:36px}
.quote-select{display:none;width: 140px;margin-left: 10px;}
.img-input{height:30px;padding: 0 10px;border: solid 1px #d7dde4;border-radius:2px;line-height:30px;box-sizing: border-box;}
.img-input:focus{border: 1px solid #9ca7b6;outline: none; -webkit-box-shadow: 0 0 0 2px #d7dde4;-moz-box-shadow: 0 0 0 2px #d7dde4;;box-shadow: 0 0 0 2px #d7dde4;}
.img-input:hover{border: 1px solid #9ca7b6}
.img-input.disable{background: #f8f8f8;border: solid 1px #e1e1e1!important;color: #c9c9c9}
/*日历input*/
.el-date-editor{position: relative;}
.el-date-editor .el-icon-date-simple{position: absolute; right:12px; top:-2px;}
.img-input-cal{padding: 0 30px 0 10px;}
.img-input-cal:hover{border: solid 1px #9ca7b6;background-position: right -41px;}
.img-input-cal:focus{border: solid 1px #9ca7b6}
.img-input-con .img-input-tip span{display:inline-block;background-image:url(../images/script-img.png)}
.img-input-con .input-tip-close{width:14px;height:14px;margin-left:20px;background-position:-189px -33px;vertical-align:middle;cursor:pointer}
.img-input-con .img-bot-tip{position:absolute;left:12px;top:36px;width:13px;height:7px;background-position:-164px -35px}
.img-input-con .type-icon{width:16px;height:16px;margin-right:10px;vertical-align:middle}
.img-input-tip.success{color:#7b5}
.img-input-tip.success .type-icon{background-position:-29px -53px}
.img-input-tip.error{color:#f33}
.img-input-tip.error .type-icon{background-position:-54px -53px}
/*搜索*/
.img-search{}
.img-search .search-input{width: 325px;margin-left: -24px;margin-right: -24px;padding-left: 30px;padding-right: 30px;}
.img-search:hover .search-input{border: 1px solid #333333}
.img-search span.search-icon{position: relative;top: 5px;z-index: 1;width: 24px;height: 24px;background-image: url(/static/images/base-script.png);cursor: pointer}
.img-search .magnifier-icon{float: left;left: 5px;background-position: -6px -6px}
.img-search .magnifier-icon:hover{background-position: -42px -6px}
.img-search .downarr-icon{float: right;right: 5px;background-position: -78px -6px}
.img-search .downarr-icon:hover{background-position: -114px -6px}
/*select begin*/
.img-select{width:60px;height:30px;line-height:30px;text-align:center}
/*page begin*/
.img-page{overflow:hidden;font-size:12px}
.img-page a:hover{color: #f33;border: 1px solid #f33}
.img-page .laypage_curr,.img-page a{display:inline-block;float:left;width:30px;height:30px;margin-left:5px;border:1px solid #d7dde4;border-radius:2px;text-align:center;line-height:30px;cursor:pointer}
.img-page .laypage_curr{width:30px;height:30px;border:none;line-height:30px;color:#f33;border:1px solid #fff;}
/*.img-page .laypage_next,.img-page .laypage_prev{width: 80px}*/
.img-page .arr{width:38px;height:34px;border:1px solid #999;line-height:34px}
.img-page .next-icon,.img-page .pre-icon{display:inline-block;}
.img-page .next-icon:after{font-family: element-icons!important;content: "\e604"}
.img-page .pre-icon:after{font-family: element-icons!important;content: "\e600"}

/*.img-page a:hover .next-icon{background-position: -193px -12px}*/
/*.img-page a:hover .pre-icon{background-position: -267px -12px}*/
/*日历*/
#app .ui-calendar{
	color: #464c5b;
    border:1px solid #e3e8ee !important;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    background: #fff;
    border-radius: 2px;
    line-height: 30px;
    margin: 5px 0;
    border:none;
    padding:15px 15px 0;
}
.ui-calendar:after, .ui-calendar:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    /*left: 100%;*/
    position: absolute;
    width: 0;
}
.ui-calendar:after {
    border-width: 5px;
    border-bottom-color: #fff;
    top: -10px;
    left: 40px;
}
.ui-calendar:before {
    border-width: 5px;
    border-bottom-color: #e3e8ee;
    top: -11px;
    left: 40px;
}
#app .ui-calendar-table td, #app .ui-calendar-table th {
    padding: 1px 3px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#app .ui-calendar-table th{
	padding: 5px;
    color: #464c5b;
    font-weight: 400;
    /*border-bottom: 1px solid #ebeef5;*/
}

#app .ui-calendar-table td{
	width:30px;
}

#app .ui-calendar-table .next, #app .ui-calendar-table .prev{
	font-size: 12px;
    color: #333;
    border: 0;
    background: transparent;
    cursor: pointer;
    outline: none;
    margin-top: 8px;
}
#app .ui-calendar-table .next i,#app .ui-calendar-table .prev i{
	background: none;
	font-family: element-icons!important;
	margin-top: 0;
}
#app .ui-calendar-table .prev i:after{
	content: "\e600";
}
#app .ui-calendar-table .next i:after{
	content: "\e604";
}
#app .ui-calendar-table select{
	border:none;
	font-size: 16px;
    font-weight: 500;
    color: #464c5b;
    appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
}
#app .ui-calendar-table td:hover{
	background: none;
}
#app .ui-calendar-table td:hover a{
	color:#f33;
}
#app .ui-calendar-table td.active:hover a{
	color:#fff;
}
#app .ui-calendar-table .active{
	background: none;
}
#app .ui-calendar-table .active a,.ui-calendar-table .active:hover a{
	position: relative;
	background:#f33;
	border-radius: 50%;
}
#app .ui-calendar-table .active a:after,#app .ui-calendar-table .active:hover a:after{
	position: absolute;
    display: inline-block;
    content: "";
    width: 35px;
    height: 35px;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    background: rgba(255,51,51,.1);
}


/*引导页样式*/
.c-shadow {
	position: fixed;
	z-index: 10000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	min-height: 650px;
	display: none;
}
.yindaoMes{
	position: absolute;
	width:480px;
	height:82px;
	background: #fff;
	border-radius: 3px;
	padding:20px 30px;
	color: #464C5B;
}
.yindaoMes-btn{
	position: absolute;
	bottom: 20px;
	width:420px;
	text-align: right;
}
.yindao .yuan{
	width:15px;
	height:15px;
	border-radius: 50%;
	background: #fff;
	left:-144px;
	position: absolute;
	top:-20px;
}
.yindao .line{
	width:115px;
	height:2px;
	background: #fff;
	left:-135px;
	position: absolute;
	top:-13px;
}
.yindaoMes-jump{
	font-size: 12px;
	color: #9CA7B5;
}
.yindaoMes-next{
	font-size: 12px;
	border:1px solid #9CA7B5;
	color:#9CA7B5;
	border-radius: 2px;
	background: none;
	height: 26px;
	line-height: 26px;
	padding:0 10px;
	margin-left: 20px;
	outline: none;
}
.yindaoMes-next:hover{
	color: #ff3333;
	border-color:#ff3333;
}
.yindao{
	position: absolute;
	z-index: 100000
}
.yindao01{
	top:109px;
	left:120px;	
	display: none;

}
.yindao01 .yindaoMes{
	top:30px;
	left:288px;
}
.yindao01 img{
	width:182px;
}
.yindao02{
	top:200px;
	left:288px;	
	display: none;
}
.yindao02 .yindaoMes{
	top:-23px;
	left:135px;
}
.yindao02 img{
	width:30px;
}
.yindao03{
	top:0;
	right:0;	
	display: none;
}
.yindao03 .yindaoMes{
	top:90px;
	right:0;
}
.yindao03 img{
	width:475px;
}
.yindao03 .line{
	width:2px;
	height:40px;
	left:300px;
	top:-40px;
}
.yindao03 .yuan{
	left:294px;
	top:-48px;
}
.img-main-data-yindao{
	position: relative;
}
.yindao04{
	top:4px;
	left:17px;
	display: none;

}
.yindao04 .yindaoMes{
	top:30px;
	left:309px;
}
.yindao04 img{
	width:203px;
}
.yindao05{
	top:4px;
	left:17px;
	display: none;

}
.yindao05 .yindaoMes{
	top:30px;
	left:309px;
}
.yindao05 img{
	width:203px;
}
.yindao06{
	top:-10px;
	right:0px;	
	display: none;

}
.yindao06 .yindaoMes{
	top:30px;
	left:-560px
}
.yindao06 img{
	width:428px;
}
.yindao06 .line{
	left:442px;
	top:60px;
}
.yindao06 .yuan{
	left:550px;
	top:52px;
}
.yindao07{
	top:492px;
	left:12px;	
	display: none;
}
.yindao07 .yuan{
	left:550px;
	top:54px;
}
.yindao07 .yindaoMes{
	top:0;
	left:135px
}
.yindao07 img{
	width:96px;
}
.yindao07 .line{
	width:27px;
	left:-20px;
	top:60px;
}
.yindao07 .yuan{
	left:-30px;
	top:54px;
}
.skeleton-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    min-height: 100vh;
    background: #fff;
    z-index: 9999;
    overflow-y: auto;
    box-sizing: border-box;
}
.skeleton-screen.hidden {
    display: none;
}
.skeleton-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
    min-height: 100vh;
    box-sizing: border-box;
}
.skeleton-content-text-middle {
    width: 100%;
    height: 14px;
    background-color: #f0f0f0;
    color: #f0f0f0;
    margin: 10px 0;
    color: rgba(255, 255, 255, 0.1);
    background-image: linear-gradient(90deg, #eee 25%, #f5f5f5 37%, #eee 63%);
    background-size: 400% 100%;
    background-position: 100% 50%;
    animation: skeleton-shimmer 1.5s infinite;
}
.skeleton-wrapper {
    display: flex;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
}
.skeleton-sidebar {
    width: 182px;
    min-width: 182px;
    margin-right: 0;
    padding-right: 20px;
    box-sizing: border-box;
}
.skeleton-sidebar-item {
    width: 140px;
    height: 14px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    margin-bottom: 16px;
    border-radius: 2px;
    animation: skeleton-shimmer 1.5s infinite;
}
.skeleton-sidebar-item:first-child {
    height: 20px;
    width: 160px;
    margin-bottom: 24px;
}
.skeleton-sidebar-item:nth-child(6n) {
    height: 20px;
    width: 160px;
    margin-top: 24px;
    margin-bottom: 24px;
}
.skeleton-content-area {
    flex: 1;
    padding-left: 20px;
    box-sizing: border-box;
}
.skeleton-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(194px, 1fr));
    gap: 20px;
    padding: 20px 0;
    width: 100%;
    min-height: calc(100vh - 100px);
}
.skeleton-item {
    background: #fff;
    border: 1px solid #e3e8ee;
    border-radius: 4px;
    overflow: hidden;
    animation: skeleton-pulse 1.5s ease-in-out infinite;
    width: 100%;
    min-height: 240px;
}
.skeleton-img {
    width: 100%;
    height: 195px;
    min-height: 195px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer 1.5s infinite;
    display: block;
}
.skeleton-content {
    padding: 12px;
}
.skeleton-line {
    height: 14px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    border-radius: 4px;
    margin-bottom: 8px;
    animation: skeleton-shimmer 1.5s infinite;
}
.skeleton-line:first-child {
    width: 80%;
}
.skeleton-line:last-child {
    width: 60%;
    margin-bottom: 0;
}
@keyframes skeleton-shimmer {
    0% {
		background-position: -200% 0;
    }
    100% {
		background-position: 200% 0;
    }
}
@keyframes skeleton-pulse {
    0%,
    100% {
		opacity: 1;
    }
    50% {
		opacity: 0.8;
    }
}