@charset "utf-8";

/* ================================================== */
/* 通用处理                                           */
/* ================================================== */
* {
	margin: 0;
	padding: 0;
}

iframe, fieldset, img {
	border: 0;
}

ol, ul, dl {
	list-style: none
}

a:active {
	star: expression(this.onFocus = this.blur ());
}

a:focus {
	outline: none;
}

em, u, i {
	font-style: normal;
	text-decoration: none;
}

u {
	font-family: '微软雅黑';
}

.num {
	font-size: 14px;
	font-family: arial;
	color: #000;
}

.moneyNum {
	font-family: arial;
	font-size: 15px;
}

.blue {
	color: #0F88EB;
}

i {
	color: #FF5000;
}

.el-input__icon {
	color: inherit;
}

em {
	color: #2453a8;
}

h1, h2, h3, h4, h5, h6 {
	display: block;
	font-size: 13px;
	font-weight: normal;
}

body {
	color: #333;
	font-size: 13px;
	font-family: 'microsoft yahei', Arial, 'lucida grande', tahoma;
	background: url("../img/bg.gif") repeat scroll 0 0 #EDECE9;
	padding-top: 30px;
}

.main {
	margin: 0 auto;
	width: 1300px;
}

.auto {
	margin: 0 auto;
}

.p3 {
	padding: 0 3px;
}

.p6 {
	padding: 0 6px;
}

.p9 {
	padding: 0 9px;
}

.p12 {
	padding: 0 12px;
}

.p15 {
	padding: 0 15px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.del {
	text-decoration: line-through;
}

a {
	color: #333;
	text-decoration: none;
}

.link {
	/* 4053AB */
	color: #0055AA;
}

.link:hover {
	color: #FF6600;
}

.link-line {
	color: #0055AA;
	border-bottom: 1px solid #0055AA;
}

.link-line:hover {
	color: #FF6600;
	border-bottom: 1px solid #FF6600;
}

.link-block {
	color: #666;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	border-bottom: 1px solid #E9E9E9;
}

.link-block-2 {
	color: #4982f0;
	border-bottom: 1px solid #4982f0;
}

.link-gray {
	color: #999;
	border-bottom: 1px solid #DDD;
}

.link-block-2:hover, .link-block:hover {
	border-bottom: 1px solid #FF6600;
	color: #FF6600;
}

small {
	color: #777;
	font-size: 12px;
}

.mini {
	font-size: 10px;
}

.mini-9 {
	font-size: 9px;
}

.div {
	color: #D9D9D9;
}

.clear {
	clear: both;
}

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

.err {
	color: #EE0E57;
}

.red {
	color: #DD2727;
}

.flag {
	display: inline-block;
	font-size: 12px;
	padding: 0 2px;
	background-color: #5c82f0;
	color: #FFF;
	line-height: 16px;
}

.flag-gray {
	background-color: #C8C8C8;
	color: #FFF;
}

.flag-dark-gray {
	background-color: #808080;
	color: #FFF;
}

.flag-blue {
	background-color: #0F88EB;
	color: #FFF;
}

.flag-red {
	background-color: #ff0000;
	color: #FFF;
}

.flag-green {
	background-color: #008000;
	color: #FFF;
}

.flag-orange {
	background-color: #FF6600;
	color: #FFF;
}

hr {
	border: none;
	border-top: 1px solid #E9E9E9;
	height: 1px;
}

center {
	line-height: 24px;
	color: #888;
}

center em {
	display: inline-block;
	background-color: #FFF;
	border-radius: 15px;
	padding: 6px 18px;
}

/* ================================================== */
/* table                                              */
/* ================================================== */
td, th {
	padding: 12px 0;
	line-height: 24px;
	text-align: center;
}

th {
	font-weight: normal;
	border-top: 1px solid #E9E9E9;
}

table small {
	font-size: 13px;
}

table .tiny {
	font-size: 10px;
}

table h1 {
	font-size: 16px;
	color: #4982f0;
}

.tableNote {
	line-height: 24px;
	text-align: right;
	padding: 12px;
	color: #888;
}

.borderTable td {
	border-bottom: 1px solid #E9E9E9;
}

.borderTable .rowspan {
	border-right: 1px solid #E9E9E9;
}

.trBorder td {
	border-top: 1px solid #E9E9E9;
}

.leftTable td, .leftTable th {
	text-align: left;
}

.leftTable h2 {
	font-size: 14px;
}

.leftTable p {
	padding: 0 0 0 22px;
	color: #888;
}

table .right {
	text-align: right;
}

table .left {
	text-align: left;
}

table .btn, table .btn-border {
	min-width: 48px;
	padding: 3px 6px;
}

table .btn-border-min {
	min-width: 24px;
	padding: 0px 6px;
	font-size: 12px;
}

table .link-block {
	margin-top: 3px;
}

table .btnBox {
	padding: 6px 0 0;
}

table .btnBox .btn-border {
	padding: 0 3px;
}

table .icon15 {
	position: relative;
	top: 2px;
}

table .flag {
	border-radius: 8px;
}

table .btn-r {
	border-radius: 3px;
}

.tableBox {
	background-color: #FFF;
	padding: 12px;
}

.border-r {
	border-radius: 5px;
}

.mt3 {
	margin-top: 3px;
}

.mt6 {
	margin-top: 6px;
}

.mt9 {
	margin-top: 9px;
}

.mt12 {
	margin-top: 12px;
}

.mt15 {
	margin-top: 15px;
}

.mt18 {
	margin-top: 18px;
}

.tableForm {
	text-align: center;
	line-height: 24px;
	padding: 0 0 12px;
	position: relative;
}

/* ================================================== */
.pageNote {
	padding: 18px;
	line-height: 24px;
}

.pageNote .btn, .pageNote .btn-border {
	padding: 3px 9px;
}

/* ================================================== */
/* icon                                               */
/* ================================================== */
.icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: -3px;
	background: url("../img/logo-icons.png") no-repeat scroll 0 0;
}

.icon-arrow {
	background:
		url("https://img.alicdn.com/imgextra/i3/2508158775/TB28M4SsXXXXXabXXXXXXXXXXXX_!!2508158775.png")
		no-repeat scroll center center;
	display: inline-block;
	height: 10px;
	width: 8px;
}

.icon15 {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url("../img/icons.png") no-repeat scroll 0 0;
	background-size: 250px 250px;
	position: relative;
}

.icon15-zz {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url("../img/icons-zz.png") no-repeat scroll 0 0;
	background-size: 250px 250px;
	position: relative;
}

.icon-taobao-15 {
	background-position: -25px -175px;
}

.icon-tmall-15 {
	background-position: -175px -200px;
}

.icon-pdd-15 {
	background-position: -225px -200px;
}

.icon-jd-15 {
	background-position: -225px -175px;
}

.icon-people-15 {
	background-position: -200px -25px;
}

.icon-taobao {
	background-position: -225px 0;
}

.icon-tmall {
	background-position: -225px -25px;
}

.icon13-zz, .icon-tmall-13, .icon-taobao-13, .icon-jd-13, .icon-pdd-13 {
	display: inline-block;
	width: 23px;
	height: 14px;
	background: url("../img/icons-zz.png") no-repeat scroll 0 -250px;
	background-size: 500px 500px;
	position: relative;
	top: 2px;
}

.icon-taobao-12 {
	background-position: -20px -140px;
	top: 1px;
}

.icon-jd-12 {
	background-position: -20px -140px;
	top: 1px;
}

.icon-taobao-13 {
	background-position: -50px -250px;
}

.icon-pdd-13 {
	background-position: -350px -350px;
	top: 2px;
}

.icon-jd-13 {
	background-position: 0 -400px;
	top: 2px;
}

/* ================================================== */
/* icon                                               */
/* ================================================== */
.icon30 {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url("../img/icons.png") no-repeat scroll 0 0;
	background-size: 500px 500px;
}

.icon-soft {
	background-position: -200px 0;
}

.icon-qt {
	background-position: 0 -100px;
}

.icon-spider {
	background-position: -400px 0;
}

.icon-order {
	background-position: -150px -100px;
}

.icon-image {
	background-position: -450px -100px;
}

.backToTop {
	position: fixed;
	bottom: 30px;
	right: 30px;
	display: inline-block;
	width: 30px;
	height: 72px;
	background: url("http://qtstatic.qingting123.com/img/icons-top.png") no-repeat scroll -50px 0;
	background-size: 80px 72px;
}

.backToTop:hover {
	background-position: 0 0;
}

/* ================================================== */
/* btn                                                */
/* ================================================== */
.btn {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 6px;
	background-color: #4982f0;
	color: #FFF;
	text-align: center;
}

.btn .btn-load {
	display: inline-block;
	height: 18px;
	width: 18px;
	margin-top: 6px;
	position: relative;
}

a.btn:hover {
	background-color: #FF6600;
	color: #FFF;
}

.btn-gray {
	background-color: #E9E9E9;
	color: #888;
}

.btn-border {
	display: inline-block;
	border: 1px solid #2453a8;
	color: #2453a8;
	height: 28px;
	line-height: 28px;
	border-radius: 3px;
	padding: 0 6px;
	text-align: center;
	cursor: pointer;
}

.btn-border-gray {
	border: 1px solid #888;
	color: #888;
}

.btn-border-orange {
	border: 1px solid #FF9900;
	color: #FF9900;
}

.btn-border-red {
	border: 1px solid #EE0E57;
	color: #EE0E57;
}

a.btn-border:hover {
	border: 1px solid #FF6600;
	color: #FF6600;
}

.btn-r {
	border-radius: 3px;
}

.btn-r5 {
	border-radius: 5px;
}

.btn-border u {
	font-family: '宋体';
	padding-right: 3px;
}

button {
	padding: 6px 6px;
	cursor: pointer;
	border-radius: 3px;
	border: none;
	color: #666;
	font-size: 12px;
	text-align: center;
}

.button-max {
	min-width: 60px;
}

.copyButton {
	display: inline-block;
	padding: 3px;
	font-size: 12px;
	color: #888;
	padding: 3px;
	border-radius: 3px;
	cursor: pointer;
}

select {
	border: 1px solid #E9E9E9;
	line-height: 22px;
	padding: 3px;
}

/* ================================================== */
/* msgBar                                             */
/* ================================================== */
.msgBar {
	width: 100%;
	height: 30px;
	line-height: 30px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 110;
	display: none;
}

.msgBar p {
	height: 24px;
	line-height: 24px;
	float: left;
	margin: 3px 0 0 550px;
	padding: 0 6px;
	background-color: #FF6600;
	color: #FFF;
	border-radius: 3px;
}

/* ================================================== */
/* topBar                                             */
/* ================================================== */
.topBar {
	width: 100%;
	height: 30px;
	line-height: 30px;
	background-color: #EFEFEF;
	color: #888;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	border-bottom: 1px solid #DFDFDF;
}

.topBar li {
	float: left;
	position: relative;
}

.topBar li .core {
	display: inline-block;
	padding: 0 12px;
}

.topBar li i {
	position: absolute;
	height: 12px;
	width: 1px;
	top: 9px;
	left: 0;
	background-color: #D9D9D9;
	display: inline-block;
}

.topBar small {
	color: #888;
}

.topBar .fr {
	text-align: right;
}

.topBar .core {
	
}

.topBar .core:hover, .topBar .core:hover small {
	color: #FF6600;
}

.topBar .imgBox {
	display: inline-block;
	padding: 4px 0 0 12px;
}

.topBar .subMenu {
	background-color: #EFEFEF;
	border-bottom: 1px solid #D9D9D9;
}

.topBar .subMenu p {
	border-top: 1px solid #D9D9D9;
}

.topBar .btn {
	height: 24px;
	line-height: 24px;
	margin: 3px 6px 0;
}

/* ================================================== */
/* pageHead                                           */
/* ================================================== */
.pageHead {
	background-color: #FFF;
	padding: 6px 0;
	position: relative;
}

.head-logo {
	width: 660px;
}

.head-logo .imgBox {
	display: inline-block;
}

.head-search {
	margin: 20px 0 0;
}

.head-search form {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.head-search .inputText {
	line-height: 26px;
	color: #666;
	padding: 6px;
	width: 318px;
	border: 1px solid #959595;
	border-right: 0;
	height: 40px;
	box-sizing: border-box;
}

.head-search .inputButton {
	border: none;
	height: 40px;
	width: 96px;
	background-color: #4982f0;
	color: #FFF;
	font-size: 16px;
	cursor: pointer;
	line-height: 24px;
	box-sizing: border-box;
	letter-spacing: 1px;
}

/* ================================================== */
.pageBody {
	min-height: 480px;
}

/* ================================================== */
.label-flag {
	display: inline-block;
	width: 65px;
	height: 30px;
	background: url("../img/icons-label.png") no-repeat scroll 0 0;
	background-size: 500px 500px;
}

.label-wait-pay {
	background-position: 0 0;
}

.label-wait-pub {
	background-position: 0 -50px;
}

.label-pub-success {
	background-position: 0 -100px;
}

.label-pub-failure {
	background-position: 0 -150px;
}

.label-pub-reject {
	background-position: 0 -200px;
}

.label-pub-over {
	background-position: 0 -250px;
}

/* ================================================== */
/* pageContent                                        */
/* ================================================== */
.minPageContent, .pageContent {
	background-color: #FFF;
	border-radius: 6px;
	margin-top: 16px;
}

.minPageContent {
	min-height: 420px;
}

.noData {
	line-height: 36px;
	text-align: center;
	font-size: 16px;
	color: #666;
	font-family: '微软雅黑';
	background-color: #FFF;
	border-radius: 6px;
	margin-top: 16px;
	padding: 48px 12px;
}

.noData big {
	font-size: 18px;
	font-weight: normal;
	color: #FF6600;
}

.pageFoot {
	clear: both;
}

.pageFoot h1 {
	text-align: center;
	border-top: 1px solid #2453a8;
	line-height: 30px;
	color: #888;
	margin: 18px 0 18px;
	padding: 12px 0 0;
}

.pageFoot h1 a {
	color: #888;
}

.pageTitle {
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	border-bottom: 1px solid #E9E9E9;
	padding: 18px 0;
	margin-bottom: 18px;
	position: relative;
}

.pageTitle .link {
	font-size: 14px;
	border-bottom: 1px solid #4982f0;
	position: absolute;
	top: 15px;
	right: 18px;
}

/* ================================================== */
/* mainNavi                                           */
/* ================================================== */
.mainNavi {
	/*     height:42px; */
	background-color: #4982f0;
}

.mainNavi li {
	float: left;
	position: relative;
}

.mainNavi .core {
	height: 42px;
	line-height: 40px;
	color: #FFF;
	font-size: 16px;
	display: block;
	padding: 0 30px;
	font-family: "微软雅黑";
}

.mainNavi .core:hover {
	background-color: #2f69d2;
}

.mainNavi .on .core {
	height: 43px;
	position: relative;
	top: -1px;
	background-color: #2453a8;
}

.mainNavi li i {
	display: inline-block;
	height: 18px;
	width: 0;
	border-right: 1px solid #2453a8;
	position: absolute;
	top: 12px;
	left: -1px;
}

.mainNavi .on i {
	display: none;
}

.mainNavi li .hotFlag {
	position: absolute;
	top: 0px;
	right: 27px;
}

/* ================================================== */
/* subNavi                                            */
/* ================================================== */
.subNavi {
	background-color: #FFF;
	height: 38px;
	line-height: 34px;
	font-size: 13px;
	overflow: hidden;
	display: block;
	border-bottom: 1px solid #959595;
}

.subNavi ul {
	
}

.subNavi li {
	float: left;
	position: relative;
}

.subNavi li a {
	display: block;
	float: left;
	padding: 2px 15px 0;
	height: 38px;
	border-bottom: 1px solid #FFF;
	box-sizing: border-box;
}

.subNavi li a:hover {
	color: #2453a8;
}

.subNavi li i {
	float: left;
	color: #E0E0E0;
	padding: 1px 6px 0;
}

.subNavi .on a {
	color: #4982f0;
	border-bottom: 2px solid #4982f0;
}

.subNavi .func {
	color: #0055AA;
}

/* ================================================== */
.sonNavi {
	height: 38px;
	overflow: hidden;
	margin: 6px auto 12px;
}

.sonNavi li {
	float: left;
	width: 120px;
	text-align: center;
}

.sonNavi li .core {
	display: block;
	color: #666;
	border-bottom: 1px solid #C8C8C8;
	height: 36px;
	line-height: 36px;
	margin: 0 12px;
}

.sonNavi .on .core {
	color: #2453a8;
	border-bottom: 1px solid #2453a8;
}

/* ================================================== */
.thirdNavi {
	height: 36px;
	overflow: hidden;
	margin: 12px auto 0 48px;
}

.thirdNavi li {
	float: left;
	text-align: center;
	position: relative;
}

.thirdNavi li .core {
	display: block;
	color: #666;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #2453a8;
	font-size: 14px;
	padding: 0 18px;
	min-width: 84px;
}

.thirdNavi li i {
	display: block;
	height: 18px;
	widht: 0;
	border-right: 1px solid #4982f0;
	position: absolute;
	top: 9px;
	right: -1px;
}

.thirdNavi .on .core {
	background-color: #FFF;
}

.thirdNavi .on i {
	display: none;
}

/* ================================================== */
/* formItem                                           */
/* ================================================== */
.formItem {
	min-height: 36px;
	position: relative;
	padding: 0 0 12px 132px;
}

.formItem h6, .formItem p {
	line-height: 16px;
	padding: 9px 0 0;
	color: #333;
}

.formItem h6 {
	color: #EE0E57;
	display: none;
}

.formItem h2 {
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
	width: 126px;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	color: #333;
}

.formItem h3, .formItem h4 {
	text-align: left;
}

.formItem h4 {
	padding-top: 6px;
}

.formItem .text {
	border: 1px solid #E9E9E9;
	height: 18px;
	line-height: 18px;
	padding: 8px 6px;
	width: 300px;
	font-size: 13px;
}

.formItem .file {
	border: 1px solid #E9E9E9;
	padding: 5px 6px;
}

.formItem select {
	width: 315px;
	font-size: 13px;
	line-height: 18px;
	padding: 7px 6px;
}

.formItem .area {
	border: 1px solid #E9E9E9;
	line-height: 20px;
	height: 40px;
	padding: 6px 6px;
	width: 300px;
	font-size: 13px;
}

.formItem .symbol {
	display: inline-block;
	background-color: #E9E9E9;
	color: #000;
	padding: 0 12px;
	height: 36px;
	line-height: 36px;
	position: relative;
}

.formItem .must {
	display: inline-block;
	color: #FF0000;
}

.pu .file {
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	padding: 6px;
	width: 300px;
}

.formItem .inputButton {
	padding: 6px;
	font-size: 13px;
	color: #666;
	cursor: pointer;
}

center .inputButton {
	padding: 6px 36px;
	font-size: 13px;
	color: #666;
	cursor: pointer;
}

.formItem label, .formItem label small {
	font-size: 14px;
}

/* ================================================== */
.form-item-page {
	width: 94%;
	padding: 18px 0 0 3%;
}

.form-item-page .formItem {
	padding-left: 180px;
}

.form-item-page .formItem h2 {
	width: 174px;
}

.form-item-page .formItem .text {
	width: 480px;
}

.form-item-page .formItem .text-short {
	width: 30px;
}

.form-item-page .formItem .symbol {
	top: -1px;
}

/* ================================================== */
.item-demo-img {
	background-color: #DDD;
	padding: 0 12px 12px;
	margin: 6px 45px 0 0;
}

.item-demo-head {
	line-height: 24px;
	padding: 6px 0;
}

/* ================================================== */
.checkBox, .radioBox {
	position: relative;
	top: 2px;
}

.siteContainer {
	padding-left: 300px;
	min-height: 300px;
	position: relative;
}

.siteList {
	position: absolute;
	top: 16px;
	left: -8px;
	width: 294px;
	background-color: #FFF;
	padding: 3px;
}

.siteList .line-0 {
	background-color: #E9E9E9;
}

.siteList ul {
	height: 36px;
}

.siteList li {
	float: left;
	height: 36px;
	line-height: 36px;
	width: 25%;
	text-align: center;
	overflow: hidden;
}

.siteList .siteName {
	width: 50%;
}

.siteList .core {
	color: #666;
}

.siteList .core:hover {
	color: #2453a8;
}

.siteContainer .pager {
	margin-left: 108px;
}

/* ================================================== */
form .inputText {
	border: 1px solid #E9E9E9;
	height: 18px;
	line-height: 18px;
	padding: 8px 6px;
	width: 150px;
	font-size: 13px;
}

form .inputButton {
	padding: 6px;
	font-size: 13px;
	color: #666;
	cursor: pointer;
}

/* ================================================== */
/* goodsItem                                          */
/* ================================================== */
.goodsItem {
	background-color: #FFF;
	border: 1px solid #FFF !important;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	float: left;
	margin: 16px 8px 0;
	padding: 3px;
	position: relative;
	width: 276px;
}

.goodsItem .imgBox {
	display: block;
	max-width: 276px;
	overflow: hidden;
	text-align: center;
}

.goodsItem .newFlag-3 {
	position: absolute;
	top: 0px;
	right: 36px;
}

.goodsItem .newFlag {
	position: absolute;
	top: 0px;
	left: 0px;
}

.goodsItem .label-flag {
	position: absolute;
	top: -2px;
	left: -6px;
}

.quanFlag {
	background: url("../img/flag-quan.png") no-repeat scroll 0 0;
	color: #fff;
	font-size: 11px;
	height: 30px;
	width: 36px;
	line-height: 15px;
	padding: 5px 0;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
}

.quanFlag b {
	/*     color:#F9F310; */
	font-size: 12px;
}

.goodsItem h1 {
	position: relative;
	padding: 0 3px;
	height: 32px;
	line-height: 32px;
	border-bottom: 1px solid #E9E9E9;
	overflow: hidden;
	color: #555;
}

.goodsItem .priceBox {
	font-family: arial;
	height: 32px;
	line-height: 32px;
	margin: 6px 0 0;
	padding-right: 3px;
}

.goodsItem .priceBox .fl {
	height: 32px;
	overflow: hidden;
}

.goodsItem .priceBox em {
	font-size: 12px;
}

.goodsItem .newPrice {
	font-size: 22px;
}

.goodsItem .originPrice {
	font-size: 13px;
	text-decoration: line-through;
	color: #666;
	margin-left: 6px;
}

.goodsItem .priceBox .dollar {
	font-family: '微软雅黑';
}

.goodsItem .rateBox {
	font-family: arial;
	height: 24px;
	line-height: 24px;
	padding: 6px 3px 3px 6px;
}

.goodsItem .tkRate {
	font-size: 20px;
	color: #FF6600;
}

.goodsItem .tkValue {
	display: inline-block;
	border: 1px solid #FF6600;
	padding: 0 3px;
	color: #FF6600;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	position: relative;
	top: -3px;
	margin-left: 6px;
}

.goodsItem .icon-arrow {
	position: absolute;
	left: -8px;
	top: 6px;
}

.goodsItem small {
	color: #666;
}

.goodsItem .quanBox, .goodsItem .funcBox {
	padding: 6px 3px 3px 3px;
	border-top: 1px solid #E9E9E9;
	margin-top: 9px;
	height: 24px;
	line-height: 24px;
	color: #888;
	font-family: '微软雅黑';
	font-size: 12px;
}

.goodsItem .funcBox {
	text-align: right;
}

.goodsItem .funcBox label {
	padding: 0 6px 0 0;
}

.goodsItem h6 {
	height: 20px;
	line-height: 20px;
	width: 276px;
	position: absolute;
	top: 250px;
	left: 0;
	background-color: #000;
	opacity: 0.5;
	color: #FFF;
	padding: 3px 0 5px 6px;
	font-family: arial;
	font-size: 12px;
}

.goodsItem h6 .link-block {
	color: #FFF;
}

.goodsItem h6 .link-block:hover {
	color: #FF6600;
	border-color: #FF6600;
}

.goodsItem .hourSales {
	border-top: 1px solid #E9E9E9;
	margin-top: 9px;
	height: 42px;
	line-height: 42px;
	position: relative;
	text-align: center;
	padding-top: 9px;
}

.goodsItem .hourSales hr {
	border-top: 1px dashed #4982f0;
	position: absolute;
	top: 31px;
	left: 38px;
	width: 200px;
	z-index: 10;
}

.goodsItem .hourSales em {
	display: inline-block;
	background-color: #FFF;
	padding: 0 6px;
	position: relative;
	z-index: 20;
}

.goodsItem .hourSales i {
	font-size: 16px;
	color: #4982f0;
	font-family: arial;
}

.goodsItem .docBox {
	padding: 9px 3px 0;
	border-top: 1px solid #E9E9E9;
	margin-top: 9px;
	line-height: 24px;
	color: #666;
	height: 48px;
	overflow: hidden;
	font-size: 12px;
}

.goodsItem .referBox {
	position: relative;
	text-align: right;
	margin-top: 3px;
	height: 30px;
}

.goodsItem .referBox hr {
	border-top: 1px solid #E9E9E9;
	position: absolute;
	top: 15px;
	left: 0;
	z-index: 10;
	width: 276px;
}

.goodsItem .referBox p {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding: 3px 6px 3px 33px;
	border: 1px solid #E9E9E9;
	border-radius: 15px;
	position: relative;
	font-size: 12px;
	color: #888;
	background-color: #FFF;
	z-index: 20;
}

.goodsItem .referBox img {
	border-radius: 12px;
	position: absolute;
	top: 3px;
	left: 3px;
}

/*
.recoItem {
    width:376px;
}

.recoItem .imgBox {
    float:left;
    width:200px;
    overflow:hidden;
}

.recoItem .longImgBox {
    width:176px;
}
*/
.recoItem ul {
	padding: 6px 0 0;
	margin: 6px 0 0;
	border-top: 1px solid #E9E9E9;
}

.recoItem li {
	height: 72px;
	width: 72px;
	text-align: center;
	float: left;
	overflow: hidden;
	cursor: pointer;
}

.recoItem .quanBox {
	border: none;
	margin-top: 3px;
}

.recoItem .adminBox {
	display: block;
	height: 30px;
	width: 30px;
	border-radius: 15px;
	overflow: hidden;
	position: absolute;
	top: 336px;
	right: 12px;
}

.taokerGoodsItem {
	height: 504px;
	overflow: hidden;
}

.goodsItem .editBox {
	display: block;
	height: 42px;
	line-height: 42px;
	width: 42px;
	text-align: center;
	border-radius: 21px;
	position: absolute;
	top: 234px;
	right: 3px;
	background-color: #333;
	opacity: 0.5;
	color: #FFF;
	font-size: 12px;
}

.goodsItem .icon15 {
	position: relative;
	top: 2px;
}

/* ================================================== */
/* 下一页                                             */
/* ================================================== */
.next-page {
	height: 42px;
	line-height: 42px;
	text-align: center;
	margin: 3px 3px 0;
	color: #888;
	display: none;
	font-size: 13px;
	border-radius: 3px;
	border: 1px solid #D9D9D9;
}

.next-load {
	text-align: center;
	color: #999;
	height: 48px;
	line-height: 48px;
	display: none;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	margin: 3px 3px 0;
}

.next-load-2 {
	border: none;
}

.next-load img {
	position: relative;
	top: 9px;
}

/* ================================================== */
/* 弹出层                                             */
/* ================================================== */
.puLayer {
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1010;
}

/* ================================================== */
/* 弹出层                                             */
/* ================================================== */
.pu {
	display: none;
	background-color: #FAFAFC;
	border-radius: 3px;
	position: fixed;
	left: 50%;
	top: 50%;
	width: 480px;
	text-align: center;
	overflow: hidden;
	z-index: 1020;
	transform: translate(-50%, -50%);
	font-size: 14px;
}

.readonly {
	background-color: #EFEFEF;
	font-family: '微软雅黑';
	color: #666;
}

.puHead {
	font-family: '微软雅黑';
	font-size: 17px;
	font-weight: 400;
	color: #000;
	line-height: 30px;
	padding: 15px 0;
	border-bottom: 1px solid #E9E9E9;
	min-height: 30px;
	position: relative;
}

.puHead ul {
	height: 42px;
	position: absolute;
	top: 18px;
	left: 0;
	border-bottom: 1px solid #4982f0;
	width: 97%;
	padding-left: 3%;
}

.puHead li {
	float: left;
	font-size: 14px;
	line-height: 42px;
	position: relative;
}

.puHead .core {
	display: inline-block;
	padding: 0 15px;
	color: #4982f0;
}

.puHead .on .core {
	background-color: #4982f0;
	color: #FFF;
}

.puHead li i {
	display: block;
	height: 14px;
	width: 1px;
	background-color: #4982f0;
	position: absolute;
	right: -1px;
	top: 14px;
}

.puHead .on i {
	display: none;
}

.puHead em {
	font-family: '微软雅黑';
}

.puBody {
	line-height: 24px;
	padding: 12px 0 0;
}

.puBody form {
	width: 100%;
	margin: 0 auto;
}

.puBody form p {
	text-align: left;
	padding: 6px 0 0;
	font-family: '微软雅黑';
	line-height: 18px;
	font-size: 13px;
}

.puErr {
	color: #EE0E57;
	line-height: 24px;
	padding: 6px 12px;
	background-color: #E9E9E9;
}

.puTxt {
	line-height: 24px;
	padding: 12px 12px 0;
	color: #888;
}

.puFoot {
	font-size: 17px;
	font-family: '微软雅黑';
	border-top: 1px solid #E9E9E9;
	margin-top: 18px;
	overflow: hidden;
}

.puFoot .btn, .puFoot .btn2 {
	display: block;
	height: 48px;
	line-height: 48px;
	overflow: hidden;
	color: #808080;
	padding: 6px 0;
	background-color: #FFF;
	margin-top: 1px;
}

.puFoot .btn:hover {
	color: #FF6600;
	background-color: #FFF;
}

.puFoot .btn2 {
	width: 50%;
	float: left;
	position: relative;
}

.puFoot .btn2 i {
	border-right: 1px solid #E9E9E9;
	height: 60px;
	display: block;
	width: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.puFoot .primary {
	color: #4982f0;
}

.puFoot .success {
	color: #FF6600;
}

.puFoot .cancel {
	color: #808080;
}

.pu .formItem .text {
	/* width:240px; */
	
}

.pu .formItem .text-short {
	width: 120px;
}

.pu .formItem .text-360 {
	width: 360px;
}

.puGoodsBody {
	padding: 12px 0 0 150px;
	position: relative;
	min-height: 90px;
	text-align: left;
}

.puGoodsBody .imageHref {
	position: absolute;
	top: 18px;
	left: 36px;
}

.puGoodsBody .originImgBox {
	position: absolute;
	top: 3px;
	left: 36px;
	width: 120px;
	overflow: hidden;
}

.puGoodsBody .originImgBox .imgBox {
	display: block;
	padding-top: 12px;
}

.originGoodsBody {
	border-bottom: 1px solid #E9E9E9;
	background-color: #F5F5F5;
}

.puGoodsBody .taokerImageHref {
	position: absolute;
	top: 18px;
	left: 36px;
}

.puGoodsBody .taokerImgBox {
	position: absolute;
	top: 15px;
	left: 36px;
	width: 100px;
}

.puGoodsBody .taokerImgBox .imgBox {
	display: block;
	padding-top: 1px;
}

.puGoodsBody .taokerImgBox img {
	max-width: 100px;
}

.puGoodsBody .formItem {
	padding-left: 108px;
}

.puGoodsBody .formItem h2 {
	width: 102px;
}

.puGoodsBody .formItem .area, .puGoodsBody .formItem .text {
	width: 90%;
}

.puGoodsBody .formItem .file2 {
	width: 80%;
}

.puGoodsBody .formItem .button {
	width: 50px;
}

.puGoodsBody .formItem .file {
	width: 300px;
}

.puGoodsBody h3 .inputButton {
	padding: 6px 12px;
}

.pu-big {
	width: 630px;
}

.pu-big .formItem {
	padding-left: 150px;
}

.pu-big .formItem h2 {
	width: 144px;
}

.pu-big .text {
	width: 360px;
}

/* ================================================== */
/* 翻页器                                             */
/* ================================================== */
.pager {
	height: 32px;
	clear: both;
	margin: 18px 0 0 210px;
}

.pager a {
	display: block;
	height: 30px;
	line-height: 30px;
	border: 1px solid #4982f0;
	color: #4982f0;
	padding: 0 12px;
	float: left;
	margin-right: 6px;
}

.pager .core:hover {
	color: #FF6600;
	border: 1px solid #FF6600;
}

.pager .on, .pager .on:hover {
	background-color: #4982f0;
	border: 1px solid #4982f0;
	color: #FFF;
}

.pager .next {
	margin-right: 0;
}

.pager .disable {
	border-color: #A5A6A7;
	color: #A5A6A7;
	cursor: default;
}

.pager .omit {
	border-color: #E9E9E9;
	cursor: default;
	font-weight: bold;
}

/* ================================================== */
/* 用户注册                                           */
/* ================================================== */
.logoHead {
	height: 96px;
	background-color: #FFF;
	padding: 12px 0 0;
	border-bottom: 2px solid #E9E9E9;
	min-width: 1200px;
}

.taokerHead {
	position: relative;
	height: 96px;
	padding-left: 250px;
}

.taokerHead .imgBox {
	position: absolute;
	top: 0;
	left: 0;
}

.regNavi h1 {
	line-height: 78px;
	font-size: 22px;
	font-family: '微软雅黑';
	padding: 0 48px 0 0;
}

.regNavi ul {
	height: 48px;
	margin-top: 48px;
}

.regNavi small {
	display: inline-block;
	height: 24px;
	width: 24px;
	line-height: 24px;
	border-radius: 12px;
	text-align: center;
	background-color: #C8C8C8;
	margin-right: 3px;
	color: #FFF;
}

.regNavi li {
	height: 48px;
	line-height: 48px;
	float: left;
	padding: 0 24px;
	font-size: 16px;
	color: #999;
	font-family: '微软雅黑';
	font-weight: 700;
	margin-right: 18px;
}

.regNavi .ok {
	color: #333;
}

.regNavi .on {
	color: #333;
	border-bottom: 2px solid #2453a8;
}

.regNavi .ok small, .regNavi .on small {
	background-color: #2453a8;
}

/* ================================================== */
/* taokerMainNavi                                     */
/* ================================================== */
.taokerMainNavi {
	border-bottom: 3px solid #4982f0;
	height: 42px;
	padding-top: 6px;
}

.taokerMainNavi li {
	float: left;
}

.taokerMainNavi .core {
	display: block;
	height: 42px;
	line-height: 42px;
	padding: 0 24px;
	font-size: 16px;
	color: #666;
	font-family: '微软雅黑';
}

.taokerMainNavi .agent {
	color: #4982f0;
}

.taokerMainNavi .core:hover {
	color: #FF6600;
}

.taokerMainNavi .on .core {
	background-color: #4982f0;
	color: #FFF;
}

/* ================================================== */
/* taokerSubNavi                                      */
/* ================================================== */
.taokerSubNavi {
	height: 44px;
}

.taokerSubNavi li {
	float: left;
	position: relative;
}

.taokerSubNavi .core {
	height: 45px;
	line-height: 44px;
	display: block;
	padding: 0 1px;
	font-size: 13px;
	float: left;
	color: #666;
}

.taokerSubNavi .badge {
	height: 100%;
	display: none;
	align-items: center;
	justify-content: center;
}

.taokerSubNavi .badge .content {
	background-color: #F56C6C;
	border-radius: 10px;
	color: #FFF;
	display: inline-block;
	font-size: 11px;
	height: 16px;
	line-height: 16px;
	padding: 0 4.5px;
	text-align: center;
	white-space: nowrap;
}

.taokerSubNavi .core:hover {
	color: #FF6600;
}

.taokerSubNavi .on .core {
	color: #4982f0;
	border-bottom: 1px solid #4982f0;
}

.taokerSubNavi li i {
	float: left;
	display: block;
	height: 18px;
	margin-top: 13px;
	border-right: 1px solid #E9E9E9;
	margin-right: 8px;
	padding-left: 8px;
}

.taokerSubNavi select {
	margin: 8px 6px 0 0;
}

/* ================================================== */
/* 用户注册                                           */
/* ================================================== */
.regBody {
	min-height: 480px;
	background-color: #FFF;
}

.regForm .btn {
	min-width: 96px;
	text-align: center;
	border-radius: 3px;
	padding: 3px 6px;
	font-size: 15px;
}

.regBody .errBox {
	text-align: center;
	color: #EE0E57;
	padding: 6px 0 18px;
}

/* ================================================== */
/* goodsFilterForm                                    */
/* ================================================== */
.goodsFilterForm {
	margin: 16px 0 0;
	height: 32px;
	line-height: 32px;
	position: relative;
	text-align: center;
}

.goodsFilterForm em, .goodsFilterForm i {
	color: #666;
}

.goodsFilterForm em {
	padding-left: 8px;
}

.goodsFilterForm em u {
	font-family: "Simsun";
	padding-left: 3px;
}

.goodsFilterForm .inputText {
	border: 1px solid #E9E9E9;
	height: 18px;
	line-height: 18px;
	padding: 6px 6px;
	width: 30px;
	font-size: 13px;
	background-color: #F9F9F9;
	color: #888;
	font-family: '宋体', arial;
}

.goodsFilterForm .inputBox {
	margin: 0 3px 0 8px;
	position: relative;
	top: 1px;
}

.goodsFilterForm .inputButton {
	padding: 3px 9px;
	color: #333;
	cursor: pointer;
}

.goodsFilterForm .on {
	color: #4982f0;
}

.goodsFilterForm small {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	font-size: 13px;
	position: absolute;
	top: 4px;
	border-radius: 6px;
	padding: 0 6px;
}

.goodsFilterForm small i {
	color: #FF6600;
	padding: 0 3px;
}

.goodsFilterForm .basicCount {
	left: 3px;
}

.goodsFilterForm .filterCount {
	left: 3px;
	display: none;
}

.goodsFilterForm ul {
	height: 24px;
	line-height: 24px;
	position: absolute;
	top: 3px;
	right: 9px;
	border: 1px solid #4982f0;
	background-color: #FFF;
	border-radius: 3px;
	font-size: 12px;
}

.goodsFilterForm li {
	float: left;
	position: relative;
}

.goodsFilterForm .core u {
	padding-left: 3px;
}

.goodsFilterForm li .core {
	display: inline-block;
	padding: 0 6px;
	color: #4982f0;
}

.goodsFilterForm .on .core {
	color: #FFF;
	background-color: #4982f0;
}

.goodsFilterForm li i {
	display: block;
	width: 1px;
	height: 12px;
	background-color: #4982f0;
	position: absolute;
	top: 6px;
	right: -1px;
}

.goodsFilterForm .on i {
	display: none;
}

.commonFilterForm {
	margin: 0;
	padding: 12px 660px 0 0;
}

.commonFilterForm h2 {
	color: #666;
}

.commonFilterForm h2 i {
	color: #FF6600;
}

.commonFilterForm ul {
	top: 15px;
	right: 310px;
}

.commonFilterForm .agent-rank-type {
	right: 460px;
}

.agent-rank-tongji-form {
	position: absolute;
	top: 12px;
	right: 18px;
}

.agent-rank-tongji-form .inputText {
	width: 84px;
}

.agent-rank-mp-form {
	position: absolute;
	top: 12px;
	left: 18px;
}

.agent-rank-mp-form select {
	width: 120px;
	border-radius: 3px;
}

.agent-rank-table .core u {
	color: #C8C8C8;
}

.agent-rank-table .on, .agent-rank-table .on u {
	color: #4982f0;
}

/* ================================================== */
.agent-reprot-table {
	text-align: center;
	border: 1px solid #C8C8C8;
	width: 480px;
	float: left;
	margin-right: 36px;
	font-size: 15px;
}

.agent-reprot-table h2, .agent-reprot-table h3 {
	line-height: 24px;
	padding: 12px 0;
	color: red;
	font-size: 16px;
}

.agent-reprot-table h2 {
	font-size: 18px;
}

.agent-reprot-table td {
	border-top: 1px solid #C8C8C8;
	line-height: 16px;
}

.agent-reprot-table td {
	padding: 2px 0;
}

.agent-reprot-table th {
	padding: 6px 0;
}

.agent-reprot-table i {
	color: red;
}

.agent-reprot-table em {
	color: #0055AA;
}

.agent-reprot-table small {
	color: #333;
	font-size: 14px;
}

/* */
.agent-rank-table-2 .core {
	display: block;
	font-size: 13px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
}

.agent-rank-table-2 small {
	color: #777;
	font-size: 13px;
}

.agent-rank-table-2 u {
	color: #F10180;
}

/* ================================================== */
/* commonForm                                         */
/* ================================================== */
.commonForm .inputText {
	border: 1px solid #E9E9E9;
	height: 18px;
	line-height: 18px;
	padding: 8px 6px;
	width: 120px;
	font-size: 13px;
	background-color: #FFF;
}

.commonForm .inputText-short {
	width: 60px;
}

.commonForm .btn-border {
	min-width: 60px;
	padding: 3px 0;
}

.commonForm .inputButton {
	background-color: #FFF;
	padding: 6px 6px;
	border: none;
	font-size: 13px;
	min-width: 60px;
	text-align: center;
	color: #666;
	border-radius: 3px;
	cursor: pointer;
	border: 1px solid #E9E9E9;
}

/* ================================================== */
/* listItem                                           */
/* ================================================== */
.itemList {
	padding: 12px;
}

.item-0 {
	background-color: #EFEFEF;
}

.listItem li {
	float: left;
	width: 150px;
	height: 60px;
	line-height: 60px;
	padding: 12px;
	color: #555;
}

.listItem .w90 {
	width: 90px;
}

.listItem p {
	height: 30px;
	line-height: 30px;
}

.listItem .long {
	width: 180px;
}

.listItem .short {
	width: 90px;
}

.listItem .mini {
	width: 48px;
}

.listItem .last {
	width: auto;
}

.listItem small {
	font-size: 13px;
}

.listItem u {
	font-size: 14px;
}

.listTitle {
	border-top: 1px solid #C8C8C8;
}

.listTitle li {
	height: 18px;
	line-height: 18px;
}

.listItem .btn, .listItem .btn-border {
	min-width: 48px;
	padding: 3px 6px;
}

.tacticItem li {
	width: 120px;
}

.tacticItem .inputText {
	width: 60px;
}

.listItem .icon30 {
	position: relative;
	top: 12px;
	left: -6px;
}

/* ================================================== */
/* softItem                                           */
/* ================================================== */
.softItem {
	border-top: 1px solid #E9E9E9;
	padding: 12px;
	font-family: '微软雅黑';
}

.softItem-0 {
	background-color: #F9F9F9;
}

.softItem li {
	float: left;
	width: 180px;
}

.softTitle li {
	height: 30px;
	line-height: 30px;
}

.softItem .short {
	width: 90px;
}

.softItem .long {
	width: 480px;
}

.softItem .last {
	width: auto;
}

.softItem h1 {
	font-size: 16px;
	line-height: 24px;
	padding-top: 30px;
	color: #4982f0;
}

.softItem p, .softItem h2, .softItem h3 {
	line-height: 24px;
}

.softItem h3 {
	color: #888;
}

.softItem p {
	padding-left: 20px;
	color: #888;
}

/* ================================================== */
/* wordItem                                           */
/* ================================================== */
.wordItem .long {
	width: 240px;
}

.wordItem .short {
	width: 120px;
	text-align: center;
}

.wordItem p {
	line-height: 24px;
}

/* ============================================================================================== */
/* 自动消失的信息提示器 */
/* ============================================================================================== */
.fader {
	display: none;
	width: 400px;
	border: 1px solid #2E6AB1;
	background-color: #FFF;
	position: absolute;
	top: 100px;
	left: 100px;
	z-index: 3100;
	filter: Alpha(opacity = 100);
	opacity: 1.0;
	background-color: #FFF;
}

.fader p {
	padding: 30px 20px;
	text-align: center;
	font-size: 13px;
	color: #333;
}

.fader p b {
	color: #FF6600;
	font-size: 14px;
	padding: 0 6px;
}

/* ================================================== */
/* docTitle                                           */
/* ================================================== */
.docTitle {
	text-align: center;
	font-size: 16px;
	line-height: 28px;
	padding: 18px;
	border-bottom: 1px solid #C8C8C8;
	color: #4982f0;
}

.docTitle i {
	font-size: 14px;
}

.docStepNums {
	border-bottom: 1px solid #C8C8C8;
	padding: 18px 0;
	position: relative;
}

.docStepNums ul {
	margin: 0 auto;
}

.docStepNums li {
	float: left;
	width: 240px;
	height: 72px;
	position: relative;
	text-align: center;
}

.docStepNums li .core {
	display: inline-block;
	width: 42px;
	height: 42px;
	line-height: 42px;
	background-color: #E9E9E9;
	border-radius: 21px;
	color: #888;
	font-size: 18px;
	position: relative;
	z-index: 10;
}

.docStepNums li span {
	display: block;
	line-height: 18px;
	padding-top: 12px;
}

.docStepNums hr {
	width: 120px;
	position: absolute;
	top: 21px;
	z-index: 1;
}

.docStepNums .leftLine {
	left: 0;
}

.docStepNums .rightLine {
	right: 0;
}

.docStepNums .on .core {
	background-color: #4982f0;
	color: #FFF;
}

.docStepNums .on hr {
	border-color: #4982f0;
}

.docStepNums .on span {
	color: #4982f0;
}

.sign {
	font-family: '宋体';
}

.docStepNums p {
	position: absolute;
	width: 240px;
	height: 72px;
	line-height: 72px;
	top: 12px;
	text-align: center;
	font-size: 20px;
}

.docStepNums p small {
	font-size: 20px;
}

.docStepNums .nextStep {
	right: 0;
}

.docStepNums-6 li {
	width: 150px;
}

.docStepNums-6 hr {
	width: 60px;
}

.docStepNums-6 p {
	width: 180px;
}

.docStepNums-4 li {
	width: 210px;
}

.docBody {
	text-align: center;
	padding: 0 18px 18px;
}

.docBody h2 {
	line-height: 24px;
	padding: 18px 12px 0;
	font-size: 16px;
	color: #4982f0;
}

.docBody .imgBox {
	display: inline-block;
	padding: 6px;
	border: 1px dotted #4982f0;
	margin-top: 18px;
}

.followTableNote {
	text-align: left;
	position: relative;
}

.followTableNote .btn-border {
	position: absolute;
	top: 18px;
	right: 18px;
	padding: 3px 6px;
}

/* ================================================== */
/* itemSpiderForm                                     */
/* ================================================== */
.itemSpiderForm .formItem {
	float: left;
}

.itemSpiderForm .area {
	width: 360px;
	height: 72px;
}

.itemSpiderForm .inputButton {
	position: absolute;
	top: 24px;
	left: 520px;
}

/* ================================================== */
.itemApplyBox {
	padding: 0 0 0 312px;
	position: relative;
	min-height: 480px;
}

.itemApplyBox .goodsItem {
	position: absolute;
	top: 0;
	left: 18px;
	float: none;
	margin: 0;
}

.itemApplyBox .area {
	width: 720px;
	line-height: 24px;
}

.itemApplyBox .area4link {
	font-size: 12px;
}

.itemApplyBox .btn {
	padding: 12px 18px;
}

.itemApplyTable {
	padding: 6px 18px 0 12px;
}

.itemApplyTable th {
	padding: 6px 0;
}

.itemApplyBtnBox {
	text-align: center;
	padding: 18px;
}

.itemApplyBtnBox .btn, .itemApplyBtnBox .btn-border {
	padding: 3px 6px;
}

/* ================================================== */
/* seller-rank                                        */
/* ================================================== */
.seller-rank {
	display: inline-block;
	height: 16px;
	background: url("../img/seller-rank.png") repeat-x 0 0;
}

.seller-rank-1 {
	width: 17px;
	background-position: 0 0;
}

.seller-rank-2 {
	width: 34px;
	background-position: 0 0;
}

.seller-rank-3 {
	width: 51px;
	background-position: 0 0;
}

.seller-rank-4 {
	width: 68px;
	background-position: 0 0;
}

.seller-rank-5 {
	width: 85px;
	background-position: 0 0;
}

.seller-rank-6 {
	width: 17px;
	background-position: 0 -32px;
}

.seller-rank-7 {
	width: 34px;
	background-position: 0 -32px;
}

.seller-rank-8 {
	width: 51px;
	background-position: 0 -32px;
}

.seller-rank-9 {
	width: 68px;
	background-position: 0 -32px;
}

.seller-rank-10 {
	width: 85px;
	background-position: 0 -32px;
}

.seller-rank-11 {
	width: 17px;
	background-position: 0 -64px;
}

.seller-rank-12 {
	width: 34px;
	background-position: 0 -64px;
}

.seller-rank-13 {
	width: 51px;
	background-position: 0 -64px;
}

.seller-rank-14 {
	width: 68px;
	background-position: 0 -64px;
}

.seller-rank-15 {
	width: 85px;
	background-position: 0 -64px;
}

.seller-rank-16 {
	width: 17px;
	background-position: 0 -100px;
}

.seller-rank-17 {
	width: 34px;
	background-position: 0 -100x;
}

.seller-rank-18 {
	width: 51px;
	background-position: 0 -100px;
}

.seller-rank-19 {
	width: 68px;
	background-position: 0 -100px;
}

.seller-rank-20 {
	width: 85px;
	background-position: 0 -100px;
}

/* ================================================== */
/* aboutBody                                          */
/* ================================================== */
.aboutBody {
	background-color: #FFF;
	border: 1px solid #FFF !important;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	margin: 11px 11px 0;
	min-height: 600px;
	padding: 6px 12px;
}

.aboutBody h1 {
	border-bottom: 1px solid #E9E9E9;
	font-size: 24px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 12px;
	padding: 6px 0 12px;
	text-align: center;
}

.aboutBody p {
	font-size: 16px;
	line-height: 28px;
	padding: 12px 0;
}

/* ================================================== */
/* taokerOrderItem                                    */
/* ================================================== */
.taokerOrderItem td {
	padding: 9px 3px;
}

.taokerOrderItem small {
	font-size: 12px;
}

.taokerOrderItem .div {
	padding: 0 6px;
	position: relative;
	top: -2px;
}

.taokerOrderItem .userImg {
	border-radius: 45px;
}

.taokerReportItem td {
	padding: 12px 6px;
}

.taokerReportItem .mini {
	font-size: 11px;
}

.taokerReportItem u {
	color: #888;
}

/* ================================================== */
/* msgForm                                            */
/* ================================================== */
.msgForm {
	text-align: center;
	padding-top: 16px;
	color: #888;
}

.msgForm .btn-border {
	padding: 2px 9px;
}

/* ================================================== */
/* taokerMemberItem                                   */
/* ================================================== */
.taokerMemberItem {
	padding: 9px 12px 12px 84px;
	width: 282px;
	position: relative;
	border: 1px solid #E9E9E9;
	float: left;
	margin: 15px 0 0 15px;
	line-height: 20px;
	border-radius: 3px;
}

.taokerMemberItem .imgBox {
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
}

.taokerMemberItem .imgBox img {
	border-radius: 3px;
}

/* ================================================== */
/* taokerItem                                         */
/* ================================================== */
.taokerItem {
	padding: 9px;
	width: 366px;
	min-height: 288px;
	position: relative;
	background-color: #FFF;
	border-radius: 3px;
	float: left;
	margin: 12px 6px 0;
	line-height: 30px;
}

.taokerItem .imgBox {
	display: block;
	text-align: center;
}

.taokerItem .imgBox img {
	border-radius: 48px;
}

.taokerItem ul {
	height: 30px;
	line-height: 30px;
}

.taokerItem li {
	float: left;
	width: 28%;
	text-align: center;
}

.taokerItem .L1 {
	width: 16%;
	color: #666;
}

.taokerItem .itemTitle {
	background-color: #E9E9E9;
	margin: 3px 0;
	color: #666;
}

/* ================================================== */
/* puEditPID                                          */
/* ================================================== */
.puEditPID {
	width: 600px;
}

.puEditPID .formItem {
	padding-left: 150px;
}

.puEditPID .formItem h2 {
	left: 30px;
}

.puEditPID .formItem .text {
	width: 300px;
}

.puEditPID .formItem .inputButton {
	padding: 6px 18px;
	margin-left: 6px;
}

/* ================================================== */
.pu-copy-img-content {
	text-align: left;
	padding: 18px 18px 6px;
	line-height: 18px;
}

.pu-copy-img-content span {
	display: inline-block;
	padding: 6px 0 0;
}

.pu-copy-img-content .goodsHref, .pu-copy-img-content .quanMbHref {
	font-size: 12px;
}

/* ================================================== */
.item-apply-rule-box {
	padding: 6px 36px 12px;
}

.item-apply-rule-box h2 {
	font-size: 15px;
	padding: 9px 0;
	line-height: 24px;
	margin-top: 12px;
}

.item-apply-rule-box p {
	line-height: 30px;
	padding: 6px 0;
}

.item-apply-rule-box p small {
	font-size: 13px;
	padding-right: 6px;
}

.item-apply-rule-box .oldPrice {
	color: #888;
	text-decoration: line-through;
}

.item-apply-rule-box .nowPrice {
	font-size: 15px;
}

/* ================================================== */
.check-goods-table .imgBox {
	display: block;
	position: relative;
}

.check-goods-table .label-flag {
	position: absolute;
	top: -6px;
	left: 0;
}

/* ================================================== */
.agent-box {
	padding: 9px 0;
}

.agent-box .flag {
	font-size: 11px;
}

.agent-box li {
	float: left;
	width: 8%;
	line-height: 24px;
	text-align: center;
	position: relative;
}

li small {
	font-size: 12px;
}

li .mini {
	font-size: 10px;
}

.agent-box h2 {
	padding: 12px 0 3px;
}

.agent-box .long {
	width: 11%;
}

.agent-box .L12 {
	width: 12%;
}

.agent-box .L18 {
	width: 18%;
}

.agent-box .time {
	width: 8%;
}

.agent-box .photo {
	width: 6%;
}

.agent-box .left {
	text-align: left;
}

.agent-box .last {
	width: auto;
}

.agent-box .li-head li {
	padding: 6px 0;
}

.agent-box .func {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	color: #FFF;
	background-color: #4982f0;
	padding: 0 9px;
}

.agent-box .func-edit {
	background-color: #FF6600;
}

.agent-box .func-shop {
	background-color: #0099CC;
}

.agent-box .func-pay {
	background-color: #4982f0;
}

.agentSubMenu {
	display: none;
	position: relative;
	z-index: 100;
	height: 24px;
}

.agentSubMenu p {
	float: left;
	height: 24px;
	line-height: 24px;
	width: 32%;
	margin-right: 1%;
	background-color: #FF9900;
}

.agentSubMenu .core {
	display: inline-block;
	font-size: 12px;
	color: #FFF;
}

/* ================================================== */
.agent-level-box {
	background-color: #666;
	margin: 6px 3px 3px 3px;
	padding: 6px 0;
}

.agent-level-box li {
	width: 15%;
	color: #FFF;
	padding: 6px 0;
}

.agent-level-box .long {
	width: 22%;
	text-align: left;
}

.agent-level-box .text {
	line-height: 24px;
	padding: 0 0 0 6px;
	width: 150px;
}

.agent-level-box .text-long {
	width: 450px;
}

.agent-level-box li em {
	color: #B0B0B0;
}

.agent-level-box .colonel-1 li, .agent-level-box .colonel-1 em {
	color: #FF9C00;
}

.agent-level-box .colonel-2 li, .agent-level-box .colonel-2 em {
	color: #1dd88a;
}

.mp-menu {
	display: inline-block;
	border: 1px solid #C8C8C8;
	padding: 6px 9px;
	border-radius: 3px;
}

/* ================================================== */
.countMsg {
	display: inline-block;
	border-radius: 12px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	color: #777;
}

/* ================================================== */
.circle-item {
	background-color: #FFF;
	padding: 9px 18px 3px 60px;
	position: relative;
	min-height: 42px;
	line-height: 20px;
	font-size: 13px;
	width: 720px;
}

.circle-item-invlid {
	color: #BBB;
}

.circle-item .imgBox {
	display: block;
	position: absolute;
	top: 9px;
	left: 9px;
}

.circle-item p {
	padding: 3px 0 3px;
}

.circle-item .link {
	font-size: 13px;
	color: #1369BF;
}

.circle-item-img {
	position: relative;
}

.circle-item-img ul {
	width: 480px;
}

.circle-item-img li {
	float: left;
	position: relative;
	padding: 6px 6px 3px 0px;
}

.circle-item-img .imgBox {
	display: block;
}

.circle-item-img .func-box {
	display: block;
	text-align: right;
	height: 18px;
	padding: 1px 0 0;
	background-color: #EFEFEF;
}

.circle-item-img .func {
	display: inline-block;
	height: 18px;
	width: 18px;
	text-align: center;
	line-height: 18px;
	background-color: #888;
	color: #FFF;
	opacity: 0.75;
	margin-left: 1px;
	float: right;
}

.circle-item-img .func-box i {
	float: left;
	position: relative;
	top: 1px;
	left: 2px;
}

.circle-item-img .func-add {
	border: 1px solid #E5E5E5;
	width: 118px;
	height: 118px;
	display: inline-block;
	line-height: 118px;
	text-align: center;
	font-size: 48px;
	color: #C0C0C0;
}

.circle-item-info {
	background-color: #EFEFEF;
	padding: 5px 3px 5px 48px;
	position: relative;
	min-height: 36px;
	font-size: 12px;
	line-height: 18px;
	margin: 3px 0 0;
}

.circle-item-info .flag {
	background-color: #FFF1EA;
	border-radius: 3px;
	color: #FF7429;
}

.circle-item-info .img-box {
	position: absolute;
	top: 8px;
	left: 6px;
}

.circle-item-info h2 {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	font-size: 12px;
}

.circle-item-info h2 i {
	top: 2px;
}

.circle-item-info-inner {
	position: relative;
	padding-left: 42px;
}

.circle-item-info-inner .quanFlag {
	position: absolute;
	top: 1px;
	left: 0px;
}

/* */
.circle-item-comment {
	background-color: #F5F5F5;
	font-size: 12px;
}

.circle-item-comment .core {
	display: block;
	color: #555;
	padding: 6px 6px;
	text-align: right;
	line-height: 18px;
	color: #333;
}

.circle-item-comment .core span {
	display: block;
	text-align: left;
	padding: 0 0 3px;
	color: #555;
}

.circle-item-comment .core em {
	display: inline-block;
	height: 18px;
	line-height: 18px;
	background-color: #C8C8C8;
	border-radius: 9px;
	padding: 0 9px;
	font-size: 11px;
	color: #FFF;
}

.circle-item-comment .core b {
	font-weight: normal;
}

/* ================================================== */
.circle-item-func li {
	float: left;
	line-height: 18px;
	padding-right: 36px;
}

.circle-item-func .func {
	display: block;
	line-height: 18px;
	padding: 9px 6px 6px 0;
	font-size: 12px;
	color: #555;
	position: relative;
}

.circle-item-func .func i {
	position: absolute;
	top: 10px;
	left: 0;
}

/* */
.agent-team-navi {
	background-color: #EFEFEF;
	margin: 0 1px 12px;
	padding: 6px 60px 0;
}

.agent-team-navi li {
	float: left;
	width: 12.5%;
}

.agent-team-navi .core {
	display: block;
	line-height: 18px;
	text-align: center;
	padding: 6px 0;
}

.agent-team-navi .core span {
	display: block;
}

.agent-team-navi .on .core, .agent-team-navi .on small {
	background-color: #FFF;
	color: #00AA66;
}

.table-report th {
	line-height: 24px;
	padding: 6px 0;
}

.table-report i {
	color: #FF5000;
}

.table-report u {
	color: #564BB5;
}

.table-report b {
	color: #FC475D;
	font-weight: normal;
}

/* */
.theme {
	position: relative;
	padding: 12px 12px 0 84px;
	min-height: 60px;
	margin: 6px 36px 0 0;
	float: left;
}

.theme-user {
	width: 72px;
	text-align: center;
	position: absolute;
	top: 12px;
	left: 0;
}

.theme-user .imgBox img {
	border-radius: 21px;
}

.theme-body {
	width: 420px;
	padding: 6px;
	background-color: #FFF;
}

.theme-body .imgBox {
	display: block;
	height: 240px;
	overflow: hidden;
}

.theme-body p {
	line-height: 20px;
	padding: 3px 0 0;
}

/* */
.theme-detail {
	background-color: #FFF;
	padding: 12px 12px 12px 230px;
	margin: 18px 0 0;
	position: relative;
	min-height: 120px;
}

.theme-detail .imgBox {
	position: absolute;
	top: 12px;
	left: 15px;
}

.theme-detail .text, .theme-detail select {
	width: 480px;
}

/* */
.theme-item-list {
	background-color: #FFF;
	padding: 12px 12px 12px 12px;
	margin: 18px 0 0;
}

.theme-item {
	padding: 12px 240px 12px 120px;
	position: relative;
}

.theme-item .numBox {
	display: block;
	height: 48px;
	line-height: 48px;
	width: 48px;
	text-align: center;
	border-radius: 24px;
	border: 1px solid #333;
	font-size: 20px;
	position: absolute;
	left: 30px;
	top: 80px;
}

.theme-item-main {
	border: 1px solid #DDD;
	border-radius: 5px;
	padding: 12px 12px 12px 234px;
	position: relative;
	min-height: 210px;
	line-height: 21px;
}

.theme-item-main h2 i {
	position: relative;
	top: 2px;
}

.theme-item-main .imgBox {
	position: absolute;
	left: 12px;
	top: 12px;
}

.theme-item-buttons {
	width: 120px;
	position: absolute;
	right: 96px;
	top: 12px;
}

#cnzz_stat_icon_1279234641 {
	display: none;
}

[v-cloak] {
	display: none;
}

.success-color {
	color: rgb(170, 206, 111);
}

.warning-color {
	color: rgb(237, 125, 49);
}

.danger-color {
	color: red;
}

input[type=number] {
	-moz-appearance: textfield;
}

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button
{
	-webkit-appearance: none;
}

[class*=" el-icon-"], [class^=el-icon-] {
	color: inherit;
}

.el-image-viewer__img {
	/* width: 350px !important; */
	/* width: 350px !important;
	height: 350px !important; */
}