@charset "UTF-8";
/*
* 响站应用css
*/


/**
 * 筛选
 */
 .dialog .screenWrap{
	 margin:0 0 16px;
	 position:relative;
 }
.screenWrap{
	line-height:36px;
	margin-top:32px;
}
.screenWrap a{
	color:#666;
}
.screenWrap .screenItem{
	display:inline-block;
	vertical-align:top;
	text-align:center;
	position:relative;
}
.screenWrap .screenBtn{
	display:block;
	padding:0 16px;
	color:#666;
	height:36px;
}
.screenWrap .screenBtn span{
	display:inline-block;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	position:relative;
	padding-right:16px;
}
.screenWrap .screenBtn span:before{
	content: "\e154";
	font-family:xzicon;
	position:absolute;
	right:0;
	top:0;
	font-size:10px;
}
.screenWrap a[role="screenPopup"] span:before{
	content:"\e251";
	font-family:xzicon;
	font-size:12px;
}
.screenItem .smallPopup{
	top:36px;
}
.screenItem.fr .dialog{
	right:0 !important;
	left:auto !important;
}
.searchScreen .smallPopup{
	top:40px;
}
.phoneEditSet{
	display:none;
}
.screenWrap .screenItem[role="batchSet"]{
	width:98px;
	float:right;
	text-align:right;
}
.screenWrap .screenItem[role="batchSet"] .screenBtn{
	padding:0;
}

/*颜色选框*/
.colorPopup .popupItem{
	font-size:0;
}
.colorPopup .popupItem span{
	font-size:14px;
	vertical-align:middle;
}
.colorPopup .popupItem i{
	padding:0;
	width:16px;
	height:16px;
	line-height:16px;
	border-radius:50%;
	border:1px solid #fff;
	vertical-align:middle;
	margin-right:8px;
	overflow:hidden;
}
.colorPopup .popupItem i img{
	width:100%;
	vertical-align:top;
}

/*分类下拉框*/
.categoryList.screenPopup{
	height:300px;
	padding:0;
}
.categoryList.screenPopup .setRowR{
	text-align:center;
}
.categoryList .selectLink{
	padding: 0 16px;
}

/*选项按钮*/
.screenEditBox .button{
	height:36px;
	line-height:34px;
	padding:0 16px;
	vertical-align:top;
}
.screenEditBox .button+.button{
	margin-left:16px;
}

.screenEditBox .buttonSelect{
	padding:0;
	position:relative;
}
.buttonSelect .button{
	padding:0 32px 0 16px;
	position:relative;
}
.buttonSelect .button:before{
	content: "\e154";
	font-family:xzicon;
	font-size:10px;
	line-height:36px;
	position:absolute;
	top:0;
	right:16px;
}
.buttonSelect .DropDialog{
	top:40px !important;
}

/*按钮组合*/
.screenEditBox .buttonBox{
	padding:0;
	width:120px;
	font-size:0;
	height:36px;
	line-height:34px;
	text-align:center;
}
.screenEditBox .buttonBox a{
	width:50%;
	display:inline-block;
	vertical-align:top;
	font-size:14px;
}
.screenEditBox .buttonBox:hover{
	border-color:#e1e1e1;
}
.screenEditBox .buttonBox a:hover{
	color:#666;
	background-color:#fafafa;
}
.screenEditBox .buttonBox a+a{
	border-left:1px solid #e1e1e1;
}

.screenEditBox .hookLabel.button{
	padding:0;
}
.screenEditBox .hookLabel.button .hookText{
	color:#666;
	vertical-align:top;
}
.screenWrap:not(.edit) .editBtnBox{
	display:none;
}
.screenWrap.edit a.openEdit{
	display:none;
}


@media(max-width:768px){
	.screenWrap.edit .screenList{
		display:none;
	}
	.screenWrap.edit .editBtnBox .button:not(.closeEdit){
		display:none;
	}
	.screenWrap.edit .phoneEditSet{
		display:block;
		padding:0 16px;
	}
	.screenWrap.edit .phoneEditSet .screenItem{
		float:right;
		text-align:right;
	}
	.screenWrap.edit .phoneEditSet .screenItem .screenBtn{
		padding:0;
	}
	.screenWrap.edit .screenEditBox{
		float:right;
		width:100%;
	}
	.screenEditBox .button.openEdit,
	.screenEditBox .button.closeEdit{
		display:block;
		position:fixed;
		right:24px;
		bottom:24px;
		width:48px;
		height:48px;
		line-height:48px;
		border-radius:50%;
		box-shadow:0 2px 8px rgba(0,0,0,0.24);
		background-color:#dd0000;
		color:#fff;
		text-align:center;
		z-index:9;
		padding:0;
	}
	.screenEditBox .button.openEdit i,
	.screenEditBox .button.closeEdit i{
		margin-right:0;
		font-size:14px;
	}
	.screenEditBox .button.openEdit span,
	.screenEditBox .button.closeEdit span{
		display:none;
	}
	.screenWrap{
		line-height:48px;
		margin-top:0;
		border-bottom:1px solid #eee;
	}
	.screenWrap .screenBtn{
		height:48px;
	}
	.screenWrap .screenList{
		width:100%;
	}
	.screenWrap .screenList .screenItem:first-child{
		text-align:left;
	}
	.screenWrap .screenList .screenItem:last-child{
		text-align:right;
	}
	.screenWrap .screenItem{
		float:left;
		width:25%;
	}
	.screenWrap.column1 .screenItem{
		width:100%;
	}
	.screenWrap.column2 .screenItem{
		width:50%;
	}
	.screenWrap.column3 .screenItem{
		width:33.3333333%;
	}
	.screenWrap.column4 .screenItem{
		width:25%;
	}
	.screenWrap.column5 .screenItem{
		width:20%;
	}
	
	.categoryList.tableToolList{
		height:250px;
	}
	
}


.categoryList .selectContent{
	height:100%;
	position:relative;
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}
.categoryList .selectContent>ul{
	display:none;
	position:absolute;
	width:100%;
}
.categoryList .selectContent>ul.show{
	display:block;
}
.categoryList .selectedContainer{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:0;
	background-color:#fff;
	z-index:11;
	overflow-y:hidden;
	padding:0;
	-webkit-transition:height .3s ease 0s;
	   -moz-transition:height .3s ease 0s;
		-ms-transition:height .3s ease 0s;
		 -o-transition:height .3s ease 0s;
		 	transition:height .3s ease 0s;
}
.categoryList .selectedContainer.show{
	height:100%;
	padding-bottom:36px;
}

/*addAbout*/
.addAboutBtnBox .button{
	width:36px;
	height:36px;
	padding:0;
}
.addAboutBtnBox .formTip{
	margin-left:8px;
}
.addAboutBtnBox .button i,.addAboutDelete i{
	margin-right:0;
	font-size:14px;
}
.addAboutItem{
	display:inline-block;
	margin-top:10px;
	font-size:0;
}
.addAboutText{
	display:inline-block;
	background-color:#eee;
	border-radius:2px;
	color:#333;
	line-height:36px;
	font-size:14px;
	padding:0 10px;
	width:320px;
}
.addAboutText span{
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.addAboutDelete{
	width:36px;
	height:36px;
	padding:0;
	margin-left:10px;
	background-color:#ccc;
	color:#fff;
	vertical-align:top;
}

/*分类*/
.treeHead{
	line-height:48px;
	color:#333;
	font-weight:700;
	border-bottom:1px solid #eee;
	margin:0 -16px;
	padding:0 24px;
}
.treeHead >span{
	display:inline-block;
}
.treeHead >span.name{
	width:200px;
	padding-left:18px;
}
.treeSon{
	display:none;
}
.treeItem.active > .treeSon{
	display:block;
}
.treeItem.family >.setList .setListL{
	margin-left:36px;
}
@media(max-width:768px){
	.treeBar{
		padding-right:0;
	}
	.treeSet{
		display:none;
	}
	.treeTitle{
		display:none;
	}
	.treeName{
		float:none;
		width:100%;
	}
	.treeSon .treeItem{
		margin-left:12px;
	}
}

/*小下拉框*/
.smallPopup{
	white-space:nowrap;
}
.screenPopup{
	width:360px;
	text-align:left;
	max-height:420px;
}
.smallPopup,.screenPopup{
	display:none;
	min-width:100px;
	line-height:36px;
}
.DropDialog .smallPopup,.DropDialog .screenPopup{
	display:block;
	height:100%;
}
.screenItem .SelectDialog{
	width:320px !important;
	text-align:left;
}
.screenPopup >form{
	padding:0 24px 0;
	height:100%;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch; 
	-webkit-box-sizing:border-box;
	   -mos-box-sizing:border-box;
			box-sizing:border-box;
}
.screenPopup.categoryList{
	padding:0;
}
.popupItem{
	display:block;
	color:#000;
	padding:0 32px 0 16px;
	text-align:left;
}
.popupItem:before,
.popupItem i{
	display:inline-block;
	color:#666;
	padding-right:12px;
}
.popupItem:hover{
	color:#000;
	background-color:#f9f9f9;
}
.popupItem.active{
	background-color:#f6f6f6;
}
.screenPopupRow{
	padding-bottom:24px;
}
.screenPopupRow .title{
	color:#333;
	line-height:1.5;
	font-size:12px;
}
.screenPopupRow .content{
	margin-top:8px;
}
.screenPopupRow .formEqualList input{
	height:36px;
}
.screenPopupRow .formEqualList .center{
	height:36px;
	width:36px;
	line-height:35px;
	color:#999;
}
.screenPopupRow .formEqualList .left{
	padding-right:18px;
}
.screenPopupRow .formEqualList .right{
	padding-left:18px;
}

.screenPopupFoot{
	position:absolute;
	bottom:16px;
	left:0;
	right:0;
	padding:0 24px;
	text-align:right;
}
.screenPopupHead{
	display:none;
	position:relative;
}
.screenPopupFoot .button{
	background-color:transparent;
	color:#dd0000;
}
.screenPopupRow .labelList{
	margin:-8px 0 0 -8px;
}
.screenPopupRow .labelList label{
	margin:8px 0 0 8px;
}
@media(max-width:768px){
	.screenItem .SelectDialog{
		width:100% !important;
	}
	.screenPopup{
		height:auto;
	}
	.screenPopup >form{
		padding:0 16px;
	}
	.screenPopupHead{
		display:block;
		position:absolute;
		left:0;
		top:0;
		width:100%;
	}
	.screenPopupFoot{
		display:none;
	}
	.smallPopup, .screenPopup{
		z-index:9;
	}
	.smallPopup{
		padding:0;
	}
	.popupItem{
		line-height:50px;
		padding:0 0 0 64px;
		text-align:left;
		color:#333;
		font-size:16px;
		position:relative;
	}
	
}



/*表格内框架*/
.managePopup{
	display:none;
	position:fixed;
	right:0;
	top:0;
	bottom:0;
	width:800px;
	box-shadow:-2px 2px 8px rgba(0,0,0,0.24);
	background-color:#fff;
}
.managePopup .managePopupIframe{
	width:100%;
	height:100%;
}
.managePopup .iframeLoading{
	position:absolute;
	top:50%;
	left:50%;
	margin:-60px 0 0 -60px;
	z-index:11;
}
.managePopup .iframeMask{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999;
	background-color:#fff;
}
.popupIframe{
	padding-bottom:100px;
}
.popupIframe .footButtonBox{
	position: fixed;
	margin-left: 0px;
	left: 0px;
	height: 84px;
	line-height: 84px;
	bottom: 0px;
	width: 100%;
	background-color:#fff;
	padding-left: 32px;
	z-index:999;
}
.popupIframe .footButtonBox .formListR{
	margin-left:0;
}
.managePopup .btnBox{
	background-color:#fff;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 100px;
	line-height: 100px;
	padding-left: 32px;
}



/*添加商品*/
.formList.tc_1 .formListL{
	color:#ccc;
}
#optsContainer+.formList,
#attrsContainer+.formList{
	margin-top:16px;
}
#optsContainer .formList+.formList,
#attrsContainer .formList+.formList,
.classly[role="customPrice"] .formList+.formList{
	margin-top:16px;
}
.classly[role="customPrice"] .formList:last-child{
	margin-top:8px;
}
.sidesClassly.classly+.sidesList.formList,
.sidesClassly.classly+.sidesClassly.classly{
	margin-top:8px;
}
.sidesList.formList{
	line-height:48px;
	padding:0 8px;
}
.sidesList.formList li.dlalogClassly{
	line-height:24px;
}
.sidesList+.sidesList{
	margin-top:8px;
}
.sidesList .formListL{
	text-align:left;
	width:180px;
	padding-left:0 !important;
}
.sidesList .formListR{
	text-align:right;
	margin-left:180px;
	padding-right:0 !important;
}
.valList .sidesList.formList{
	padding:0;
}
.valList .priceList .rightPrice{
	float:right;
	width:60px;
	color:#999;
	text-align:right;
}
.valList .priceList .circleLabel{
	margin-right:60px;
}
.valList .hookLabel,
.valList .circleLabel{
	vertical-align:middle;
	display:block;
}
.valList .hookBox,
.valList .circle{
	margin:15px 16px 0;
	float:left;
}
.valList .hookText,
.valList .circleText{
	display:block;
	line-height:48px;
	margin-left:50px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-left:0;
}
.sidesList >li.active .hookLabel .hookBox:after,
.sidesList >li.active .hookLabel .hookBox .hook{
	opacity:1;
}
.sidesList >li.active .circleLabel .circle{
	border-color:#dd0000;
	border-width:6px;
}
.valList li{
	cursor:pointer;
}
.valList .sidesList .addFormRow{
	line-height:48px;
	padding:0;
}
.valList .addFormRow a{
	display:block;
}
.valList .smallAddIcon{
	width:48px;
	text-align:center;
	color:#ccc;
	font-size:20px;
}
.valList .addFormRow .addText{
	margin-left:0;
}
.sidesClassly:not(.active) .valList{
	display:none;
}
.formListR.addItem{
	margin-top:0;
}

.formList.pcRightList{
	display:block;
	line-height:48px;
}
.formList.pcRightList+.formList.pcRightList{
	margin-top:0;
}
.formList.pcRightList .formListL{
	width:80px;
	float:left;
}
.formList.pcRightList .formListR{
	margin-left:80px;
	position:relative;
	padding-right:32px;
	text-align:right;
	color:#999;
}
.formList.pcRightList .formListR:after {
    content: "\e104";
    font-family: xzicon;
    color: #ccc;
	font-size:12px;
    display: inline-block;
    width: 32px;
    position: absolute;
    right:0;
    top: 0;
    text-align: center;
}
@media(max-width:768px){
	.formListR.addItem{
		float:none !important;
		margin-left:100px;
	}
	.formListR.addItem .addDelete{
		right:16px;
	}
	.formList.pcRightList.rightList .formListL{
		width:80px;
		padding-left:0;
	}
	.formList.pcRightList.rightList .formListR{
		margin-left:80px;
		padding-right:32px;
	}
}

/*分类权限标志*/
.treeItem .text{
	position:relative;
}
.treeItem.setManage>.setList .text:before{
	content:'管理';
	position:absolute;
	right:0;
	font-size:10px;
	background:#02bfff;
	padding:5px;
	margin-right:-50px;
	border-radius:4px;
	color:#fff;
	top:0;
}
.treeItem.setVisit>.setList .text:after{
	content:'访问';
	position:absolute;
	right:0;
	font-size:10px;
	background:#fd3e66;
	padding:5px;
	margin-right:-50px;
	border-radius:4px;
	color:#fff;
	top:0;
}
.treeItem.setManage.setVisit>.setList .text:after{
	margin-right:-90px;
}


/*筛选弹窗*/
.ConfirmDialog .screenPopupRow .formBtn.inputBar{
	width:100%;
}
.ConfirmDialog .screenPopupRow .dialog.picker.SelectDialog{
	width:100% !important;
	left:0 !important;
}



.dialog .areaContainer{
	position:absolute;
	overflow:hidden;
	top:60px;
	bottom:0;
	left:0;
	width:100%;
	overflow-y:auto;
}
.dialog .areaList{
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	-webkit-transition: left 0.3s;
	-moz-transition: left 0.3s;
	-ms-transition: left 0.3s;
	-o-transition: left 0.3s;
	transition: left 0.3s;
}
.dialog .areaList li{
	line-height:40px;
}
.dialog .areaList li a{
	display:inline-block;
	width:100%;
}
.dialog .areaList .rightArrow{
	display:inline-block;
	width:44px;
	text-align:center;
}
.dialog .areaList label{
	display:block;
}
.dialog .areaList >li{
	position:relative;
}
.dialog .areaList{
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	-webkit-transition: left 0.3s;
	-moz-transition: left 0.3s;
	-ms-transition: left 0.3s;
	-o-transition: left 0.3s;
	transition: left 0.3s;
	overflow:hidden;
}
.dialog .areaList.show{
	left:0;
	overflow:auto;
}
.dialog .areaList.hide{
	left:-100%;
	display:block;
}