@charset "UTF-8";
/*
*dialog.css
*/


.dialog{
background-color:#fff;
font-size:14px;
border-radius:2px;
box-shadow:0 2px 8px rgba(0,0,0,0.24);
position:fixed;
top:50%;
left:50%;
}
.dialogHead{
padding:24px 16px 0;
line-height:24px;
position:relative;
}
.dialogHead .closeBtn{
font-size:14px;
color:#f5f1e3;
}
.dialogTitle{
font-size:16px;
color:#000;
font-weight:700;
}
.dialogMain{
padding:0 16px 16px;
}
.dialogMain:first-child,
.ConfirmDialog .dialogMain,
.fullDialogHead .dialogMain{
padding:24px;
}
.dialogMain input:before{
content:attr(placeholder);
}
.dialogHead+.dialogFoot{
padding:24px 16px 16px;
}
.dialogFoot{
padding:0 16px 16px;
}
.dialogBtnBox{
text-align:right;
}
.dialogBtnBox .button{
background-color:transparent;
color:#dd0000;
line-height:36px;
padding:0 14px;
}
.dialogBtnBox .button+.button{
margin:0;
}

/*Confirm SelectDialog*/
.DropDialog{
box-shadow:0 2px 8px rgba(0,0,0,0.24);
width:auto !important;
text-align:left;
}
.ConfirmDialog .dialogFootTitle,
.Confirm .dialogFootTitle{
display:none;
}
.ConfirmDialog .dialogHead,
.SelectDialog .dialogHead,
.DropDialog .dialogHead{
line-height:36px;
padding:12px;
}
.ConfirmDialog .dialogHead .closeBtn,
.SelectDialog .dialogHead .closeBtn,
.DropDialog .dialogHead .closeBtn{
display:inline-block;
width:36px;
height:36px;
line-height:36px;
text-align:center;
color:#f5f1e3;
font-size:16px;
padding-right:16px;
}

.ConfirmDialog .dialogHead .dialogTitle,
.SelectDialog .dialogHead .dialogTitle,
.DropDialog .dialogHead .dialogTitle{
display:inline-block;
}
.ConfirmDialog .dialogFoot,
.SelectDialog .dialogFoot,
.DropDialog .dialogFoot{
position:absolute;
top:12px;
right:8px;
padding:0;
}
.ConfirmDialog .dialogFoot .button,
.SelectDialog .dialogFoot .button,
.DropDialog .dialogFoot .button{
padding:0 16px;
color:#000;
}
.DropDialog .dialogMain{
padding:0;
}
.ConfirmDialog .dialogMain{
padding:0 0 24px;
}
.ConfirmDialog .dialogMain .wrapper{
padding:0 24px;
}
.SelectDialog .dialogMain .wrapper{
padding:0;
}
.DropDialog .dialogMain,.SlidePanelDialog .dialogMain,.SelectDialog .dialogMain{
padding:0;
}

.SelectDialog.sole-selected .dialogMain .wrapper,
.SelectDialog.multi-selected .dialogMain .wrapper{
min-height:200px;
position:relative;
overflow:hidden;
}


/*Cancel*/
.Cancel .dialogMain{
padding:24px 24px 0;
}
.Cancel .dialogBtnBox{
text-align:center;
}
.Cancel .lesserBtn{
font-size:16px;
color:#999;
line-height:32px;
}
.Cancel .dialogFoot {
    padding:8px 16px;
}

.CancelDialog .dialogHead{
padding:24px 24px 16px;
}


/*MenuDialog*/
.MenuDialog .dialogMain li{
line-height:36px;
}
.MenuDialog .dialogMain li a{
display:block;
position:relative;
}
.MenuDialog .dialogMain li a:active{
background-color:#f6f6f6;
}
.MenuDialog .dialogMain li i{
display:inline-block;
width:50px;
text-align:center;
position:absolute;
left:0;
top:0;
color:#f5f1e3;
font-size:18px;
}
.MenuDialog .dialogMain li span{
display:block;
margin-left:64px;
color:#f5f1e3;
}

/*dialog表单*/
.dialogForm{
line-height:36px;
}
.dialogForm+.dialogForm{
margin-top:20px;
}
.dialogFormL{
width:80px;
float:left;
}
.dialogFormR{
margin-left:90px;
position:relative;
}
.dialogFormR .SelectDialog{
width:100% !important;
}
.dialogFormR .formTip{
margin-left:0;
}
.dialogForm input,
.dialogForm textarea{
width:100%;
}
.dialogForm.l9 .dialogFormL{
width:90px;
}
.dialogForm.l9 .dialogFormR{
margin-left:100px;
}
.dialogForm .inputBox{
display:table;
width:100%;
}
.dialogForm .inputBox > span{
display:table-cell;
}
.dialogForm .inputBox input{
text-align:left;
}
.dlalogClassly+.dlalogClassly{
margin-top:24px;
}
.dlalogPicClassly{
display:inline-block;
}
.dlalogPicClassly+.dlalogPicClassly{
margin-left:24px;
}
.dlalogClassly .classlyTitle{
font-size:12px;
color:#999;
}
.textClassly.dlalogClassly{
padding:12px 0 24px;
border-bottom:1px solid #eee;
}
.textClassly.dlalogClassly p{
color:#999;
}
.textClassly.dlalogClassly p+p{
margin-top:8px;
}

.dialogInputRow{
position:relative;
}
.dialogInputRow .addGrid{
margin-top:8px;
}
.dialogInputCode .codeInputBtn{
float:right;
width:120px;
}
.dialogInputCode .codeInputBox{
display:block;
margin-right:140px;
}
.dialogInputLink .linkInputBtn{
float:right;
width:36px;
}
.dialogInputLink .linkInputBtn .button{
width:36px;
line-height:36px;
padding:0;
}
.dialogInputLink .linkInputBtn .button i{
font-size:16px;
}
.dialogInputLink .linkInputBox{
display:block;
margin-right:40px;
}
.dialogInputRow .expandSelectBtn,
.dialogInputRow .formBtn{
border:0;
background-color:#f6f6f6;
padding:0 16px;
line-height:36px;
height:36px;
margin-top:8px;
display:block;
}
.dialogInputRow .expandSelectBtn .button{
display:block;
}
.dialogInputRow .expandSelectBtn:before{
content:"\e131";
}

.dialogInputRow .uploadPicBox{
margin-top:8px;
width:80px;
height:80px;
line-height:80px;
background-color:#f6f6f6;
border:0 none;
}
.dialogInputRow .uploadPicBox:not(.active):before{
font-size:14px;
color:#ccc;
}
.dialogInputRow .uploadPicBox span{
padding:0 6px;
}
.dialogInputRow .uploadPicBox span:before{
font-size:12px;
}

.dialogInputRow .SelectDialog{
box-shadow:0 1px 4px rgba(0,0,0,0.12);
top:-40px !important;
width:auto !important;
left:10px !important;
right:10px !important;
}
.dialogInputRow .SelectDialog .dialogMain .wrapper{
padding:0;
}
.dialogInputRow .SelectDialog .dialogMain{
padding:8px 0;
}
.dialogInputTip{
font-size:12px;
color:#f5f1e3;
margin-top:8px;
}
.clearInput{
font-size:16px;
color:#eee;
line-height:36px;
position:absolute;
right:12px;
top:0;
}
.dialogInput{
height:36px;
border:0 none;
border-bottom:1px solid #eee;
width:100%;
padding:0;
font-size:14px;
border-radius:0;
}
textarea.dialogInput{
height:60px;
}
.dialogInput:focus{
border-bottom-color:#999;
}
.dialogInputRow.small .clearInput{
line-height:36px;
}
.dialogInput.small{
height:36px;
}
.dialogInputRow.noClear .dialogInput{
padding-right:0;
}
.dialogInputRow label{
display:inline-block;
line-height:40px;
}

.AlertDialog{
font-size:14px;
color:#f5f1e3;
}

/*选择表单*/
.exhibitList{
line-height:48px;
}
.exhibitList.high{
line-height:56px;
}
.flotAddBtn+.dlalogClassly .exhibitList{
padding-bottom:80px;
}
.exhibitList > li{
display:block;
position:relative;
color:#f5f1e3;
cursor:pointer;
}

.exhibitList >li+li{
margin-top:8px;
}
.exhibitList > li span{
display:block;
margin-right:48px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.exhibitList > li span.mobile{
color:#f5f1e3;
margin-left:10px;
display:inline-block;
margin-right:0;
}
.exhibitList > li span.icon{
margin-right:0;
width:32px;
height:32px;
text-align:center;
font-size:18px;
position:absolute;
top:50%;
left:4px;
background:url("../images/pay.png") no-repeat;
margin-top:-16px;
background-size:95px;
}
.exhibitList > li[data-id="alipay"] span.icon{
background-position:-33px 0px;
}
.exhibitList > li[data-id="weixin"] span.icon{
background-position:left bottom;
}
.exhibitList > li[data-id="balance"] span.icon{
background-position:left top;
}
.exhibitList > li[data-id="unionpay"] span.icon{
background-position:-33px -33px;
}
.exhibitList > li[data-id="income"] span.icon{
background-position:-66px bottom;
}
.exhibitList > li[data-id="paypal"] span.icon{
background-position:-66px top;
}
.exhibitList > li span.text{
margin-left:48px;
}
.exhibitList > li.active:after{
content:"\e168";
font-family:xzicon;
position:absolute;
right:0;
top:0;
width:48px;
font-size:14px;
color:#dd0000;
text-align:center;
}
.exhibitList.high > li .textBox{
line-height:1;
vertical-align:middle;
display:inline-block;
}
.exhibitList.high > li .textBox p.small{
font-size:12px;
color:#999;
margin-top:10px;
}
.exhibitList.high > li a[role="edit"]{
width:44px;
text-align:center;
font-size:16px;
display:inline-block;
}
.exhibitList .setTool{
position:absolute;
top:0;
right:0;
height:48px;
background-color:#fff;
}
.exhibitList .setTool i{
cursor:pointer;
width:32px;
height:32px;
display:none;
vertical-align:middle;
font-size:18px;
line-height:32px;
text-align:center;
color:#f5f1e3;
}
.exhibitList .setTool i.xzicon-more2{
display:inline-block;
}
.exhibitList .setTool i+i{
padding-left:8px;
}


/*dialog元素*/
.dialogAddBtn{
display:block;
padding:0;
line-height:48px;
color:#f5f1e3;
}
.dialogTip{
color:#999;
margin:4px 0 12px;
}
.dialog .form{
width:100%;
min-width:0;
padding:0;
}

/*颜色Dialog*/
.colorDialog{
box-shadow:0 1px 2px rgba(0,0,0,0.24);
}
.colorDialog .dialogMain{
padding:0;
}
.colorGrid{
font-size:0;
padding-bottom:8px;
}
.colorItem{
display:block;
margin:8px 0 0 8px;
float:left;
}
.colorItem .colorBar{
display:block;
width:20px;
height:20px;
border-radius:20px;
border:1px solid #eee;
}
.colorItem .colorTitle{
display:none;
}


/*选择框*/
.dialogSelectList{
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
overflow:hidden;
}
.selectListContainer{
height:100%;
position:relative;
}
.multi-selected .selectListContainer{
padding-bottom:48px;
}
.group-selected .selectListContainer{
padding-bottom:0;
}
.selectFootBar{
width:100%;
line-height:48px;
height:48px;
position:absolute;
bottom:0;
left:0;
background-color:#fff;
border-top:1px solid #eee;
z-index:9;
}
.selectFootBar .button{
line-height:48px;
}
.selectFootBar .button,
.selectedHeadBar .button{
padding:0 16px;
}
.selectFootBar .b4{
background-color:transparent;
color:#dd0000;
}
.selectFootBar .b1,
.selectedHeadBar .b1{
background-color:transparent;
color:#f5f1e3;
}
.dialogSelectList .selectContent{
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
overflow-x:hidden;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
}
.multi-selected .dialogSelectList .selectContent{
bottom:48px;
height:auto;
}
.dialogSelectList .selectContent>ul{
display:none;
position:absolute;
width:100%;
}
.dialogSelectList .selectContent>ul.show{
display:block;
}
.dialogSelectList .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;
}
.dialogSelectList .selectedContainer.show{
height:100%;
padding:0 0 48px;
}
.dialogSelectList .selectedContainer>ul{
height:100%;
position:relative;
width:auto;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
}
.selectedHeadBar{
position:absolute;
bottom:0;
left:0;
right:0;
line-height:48px;
border-top:1px solid #eee;
background-color:#fff;
z-index:11;
}
.selectedHeadBar .title{
padding:0 16px;
}
.selectedHeadBar .button{
line-height:48px;
}
.SelectDialog .selectLink{
padding:0 16px;
position:relative;
}


/*选择行*/
.selectLink .setRowR{
width:30px;
text-align:center;
color:#ccc;
right:16px;
position:absolute;
top:0;
}
.selectLink .setRowL .picBox{
display:inline-block;
vertical-align:middle;
width:30px;
height:30px;
margin-right:8px;
}
.selectLink .setRowL .picBox img{
max-width:100%;
max-height:100%;
vertical-align:top;
}
.selectItem.child .selectLink .setRowL{
position:relative;
}
.selectItem.unselectable >.selectLink >.setRowL .hookLabel{
cursor:default;
}
.selectItem.unselectable >.selectLink >.setRowL .hookLabel .hookBox::before{
content: "\e119";
color:#eee;
font-family: xzicon;
border:0 none;
font-size:20px;
line-height:18px;
}
.selectItem.back .setRowL span:before{
content: "\e175";
font-family: xzicon;
margin-right:8px;
}
.selectItem.family{
margin:0;
}
.selectSon .selectItem{
border:0;
}
.selectItem.family.open .setRowR .xzicon-arrow-r{
-webkit-transform:rotate(90deg);
   -moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
 -o-transform:rotate(90deg);
 transform:rotate(90deg);

}
.selectLink{
color:#f5f1e3;
line-height:50px;
height:50px;
display:block;
}
.selectLink .setRowL .hookLabel,
.selectLink .setRowL .circleLabel{
padding-right:16px;
float:left;
}
.selectLink .circleLabel .circle{
border-width:2px;
width:18px;
height:18px;
}
.selectLink .setRowL .name{
margin-left:40px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.selectItem.family.open .selectSon{
display:block;
}
.selectSon{
display:none;
padding:0 20px 16px;
margin:-8px 0 0 -8px;
overflow:hidden;
}
.selectSonBar{
line-height:36px;
padding:0 12px;
margin:8px 0 0 8px;
display:inline-block;
}
.selectSonBar .hookLabel{
float:left;
}
.selectSonBox >span{
display:block;
margin-left:30px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.selectItem.active .selectLink .setRowL > .hookLabel .hookBox:after,.selectItem.active .selectLink .setRowL > .hookLabel .hookBox .hook,
.selectItem.active > .selectSonBar .hookLabel .hookBox:after,.selectItem.active > .selectSonBar .hookLabel .hookBox .hook{
opacity:1;
}
.selectItem.active .selectLink .circleLabel .circle{
border-color:#dd0000;
border-width:6px;
}

/*多行*/
.multi-line .selectLink{
height:auto;
line-height:1.5;
padding:8px 16px;
}
.multi-line .selectLink .setRowL{
position:relative;
}
.multi-line .selectLink .setRowL .circleLabel{
position:absolute;
top:50%;
left:0;
margin-top:-9px;
height:24px;
}
.multi-line .selectLink .setRowL >span{
display: block;
margin-left: 34px;
line-height: 1.5;
}

.sildeDialog{
position:fixed;
top:0;
right:0;
height:100%;
width:70%;
background-color:#fff;
box-shadow:0 0 8px rgba(0,0,0,0.24);
}
.sildeDialog iframe{
width:100%;
height:100%;
}

.flotAddBtn{
display:block;
position:absolute;
right:16px;
bottom:16px;
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:999;
}
.flotAddBtn:hover{
color:#fff;
background-color:#a80000;
}


@media(max-width:768px){
.dialog{
left:20px !important;
right:20px !important;
width:auto !important;
}
.SelectDialog.sole-selected .dialogHead{
display:block;
}
.SelectDialog.sole-selected .dialogFoot{
display:block;
}
.ConfirmDialog .dialogHead,
.SelectDialog .dialogHead,
.DropDialog .dialogHead{
padding:0;
line-height:48px;
background-color:#fff;
text-align:left;
}
.ConfirmDialog .dialogHead .dialogTitle,
.SelectDialog .dialogHead .dialogTitle,
.DropDialog .dialogHead .dialogTitle{
font-size:18px;
}
.ConfirmDialog .dialogHead .closeBtn,
.SelectDialog .dialogHead .closeBtn,
.DropDialog .dialogHead .closeBtn{
width:48px;
height:48px;
line-height:48px;
}
.ConfirmDialog .dialogMain,
.SelectDialog .dialogMain,
.DropDialog .dialogMain{
position:absolute;
top:48px;
left:0;
bottom:0;
right:0;
padding:8px 0;
}
.DropDialog .dialogMain{
padding:0;
}



.ConfirmDialog .dialogMain .wrapper,
.SelectDialog .dialogMain .wrapper,
.DropDialog .dialogMain .wrapper{
height:100% !important;
max-height:100% !important;
padding:0 16px;
}
.ConfirmDialog .dialogFoot,
.SelectDialog .dialogFoot,
.DropDialog .dialogFoot{
right:0;
top:0;
}
.ConfirmDialog .dialogFoot .button,
.SelectDialog .dialogFoot .button,
.DropDialog .dialogFoot .button{
line-height:48px;
font-size:16px;
}


.MenuDialog,.ConfirmDialog,.SelectDialog,.CancelDialog,.DropDialog,.SlidePanelDialog{
border-radius:0;
box-shadow:0 -1px 4px rgba(0,0,0,0.12);
position:fixed !important;
left:0 !important;
right:0 !important;
width:100% !important;
margin-left:0 !important;
margin-right:0 !important;

bottom:0 !important;
}
.MenuDialog,.ConfirmDialog,.CancelDialog{
top:auto !important;
}

.ConfirmDialog,.SelectDialog,.DropDialog,.SlidePanelDialog{
top:0 !important;
height:100% !important;
}
.CancelDialog{
max-height:100%;
}
.CancelDialog .dialogHead{
padding:16px 10px;
}

.CancelDialog .dialogMain,
.CancelDialog .dialogFoot,
.MenuDialog .dialogFoot,
.MenuDialog .dialogMain,
.SelectDialog .dialogMain .wrapper{
padding:0;
}
.MenuDialog .dialogMain li{
line-height:50px;
font-size:16px;
}
.MenuDialog .dialogBtnBox .lesserBtn,
.CancelDialog .dialogBtnBox .lesserBtn{
line-height:50px;
display:block;
position:relative;
padding:0 0 0 64px;
text-align:left;
font-size:16px;
color:#f5f1e3;
}
.MenuDialog .dialogBtnBox .lesserBtn:active,
.CancelDialog .dialogBtnBox .lesserBtn:active{
background-color:#f6f6f6;
}
.MenuDialog .dialogBtnBox .lesserBtn:before,
.CancelDialog .dialogBtnBox .lesserBtn:before{
content: "\e105";
font-family:xzicon;
font-size:18px;
width:50px;
height:50px;
line-height:50px;
position:absolute;
left:0;
top:0;
text-align:center;
color:#f5f1e3;
}

.dialogInputRow .expandSelectBtn{
text-align:left;
}
.dialogInputRow .expandSelectBtn:before{
line-height:36px;
}

.dialogForm{
position:relative;
border-bottom:1px solid #eee;
border-radius:2px;
line-height:65px;
}
.dialogForm .expandSelectBtn{
height:65px;
}
.dialogForm .expandSelectBtn:before{
line-height:65px;
}
.dialogForm .expandSelectBtn span{
margin-right:0;
}
.dialogForm .uploadPicBox{
border:1px solid #eee;
}
.dialogForm .uploadPicBox:not(.active):before{
font-size:24px;
}
.dialogForm+.dialogForm{
margin-top:0;
}
.dialogFormL{
float:none;
width:auto !important;
position:absolute;
left:5px;
top:0;
}
.dialogFormR{
margin:0 0 0 80px;
}
.dialogFormR input,
.dialogFormR textarea{
border:0 none;
}
.dialogForm.l9 .dialogFormR{
margin-left:90px;
}

.dialogSelectList{
min-height:200px;
}

.selectSon{
margin:0;
padding:0;
}
.selectSon li{
display:block;
}
.selectSonBar{
display:block;
background-color:transparent;
line-height:50px;
margin:0;
border-top:1px solid #eee;
padding-left:36px;
}

/*DropDialog*/
.DropDialog .screenPopup{
width:100%;
height:auto;
padding:0;
}
.DropDialog .dialogMain .wrapper{
padding:0;
}

/*颜色*/
.colorGrid{
padding-bottom:0;
}
.colorItem{
float:none;
line-height:48px;
height:48px;
margin:0;
position:relative;
}
.colorItem .colorBar{
position:absolute;
left:14px;
top:14px;
}
.colorItem .colorTitle{
display:block;
margin-left:48px;
font-size:14px;
}
}



/*finder dialog*/
.finderselect .setRow{
padding:10px 0;
}
@media(max-width:768px){
.finderselect .setRow+.setRow{
border-top:1px solid #eee;
}
}




/*user_center seticon*/
.dialog_setIcon{
margin:0;
font-size:0;
}
.dialog_setIcon li{
display:inline-block;
width:16.6666666%;
}
.dialog_setIcon a{
display:inline-block;
font-size:16px;
margin:10px 0 0 10px;
}
.dialog_setIcon a.active{
color:#dd0000;
}

.dialogMain .formListR .formBtn~.dialog{
width:320px !important;
}