/* tools */
@font-face {font-family: 'iconfont';
    src: url('../font/iconfont.eot?t=151667441574'); /* IE9*/
    src: url('../font/iconfont.eot?t=151667441574#iefix') format('embedded-opentype'),
    url('../font/iconfont.woff?t=151667441574') format('woff'),
    url('../font/iconfont.ttf?t=151667441574') format('truetype'),
    url('../font/iconfont.svg?t=151667441574#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{font-family: 'iconfont';color: #bbb; font-style: normal;}
body { background-color:#fff9f0;}
ul { list-style:none; padding:0; margin:0;}
label { font-weight:normal; margin:0;}
a { color:#333;}
h1,h2,h3,h4,h5 { font-weight:normal;}
.main { min-width:1000px; padding:0; margin:0 auto; background-color:#fff;}
.main>.row { margin:0; background-color:#466689;}
/*头部*/
.header { height:125px; min-width:900px; padding:25px 0; margin:0 auto; background-color:#fff;}
.header>a { margin-left:30px;}
.header>h1 { display:inline-block; margin:0 0 0 15px; font-size:23px; line-height:1.3; color:#009edd; vertical-align:middle;}
.header>h1>small { display:block; font-size:14px; color:#a7a7a7;}
.header-line { background-color: #466689; color: #fff; height:40px; line-height:40px; padding:0 30px;}
.header-line a { color:#fff;}
.header-logout { padding-left:20px; background:url(../../images/logout.jpg) no-repeat 0 50%;}
.merchant-home-box {
    display: inline-block;
    line-height: 40px;
    border: #fff solid 0.1px;
    padding: 0 10px;
    margin-right: -30px;
    width: 170px;
    cursor: default;
}
.merchant-home-box>i {
    width: 0;
    height: 0;
    border-top: 8px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    display: inline-block;
    margin: 0 4px 0 10px;
}
.merchant-home-box>dl.merchant-box {
    display: none;
    position: absolute;
    background: rgb(242, 242, 242);
    color: #000;
    margin: 0;
    margin-left: -10px;
    width: 170px;
    box-shadow: -4px 4px 12px #999;
    z-index: 1;
}
.merchant-home-box:hover dl.merchant-box {display: block;}
.merchant-home-box>dl.merchant-box>dt.merchant-info {
    font-size: 18px;
    padding-left: 12px;
    cursor: pointer;
}
.merchant-home-box>dl.merchant-box>dt.merchant-logout {
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    color: #027db9;
}
.merchant-home-box>dl.merchant-box>dt:hover {
    border: 1px solid #666;
}
.merchant-home-box>dl.merchant-box>dt>span {display: block;}
.merchant-home-box>dl.merchant-box>dt>span.merchant-status {
	display: none;
    text-align: right;
    padding-right: 10px;
    color: #4b7902;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
}
.merchant-home-box>dl.merchant-box>dt>span>i {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 6px;
    background: #4b7902;
}
/* 底部 */
footer { height:90px; padding-top:12px; line-height:20px; background-color:#999; color:#fff;}

/*左侧导航*/
#hideLeft{
    cursor: pointer;
}
#showLeft{
    cursor: pointer;
    display: none;
    font-size: 36px;
    line-height: 36px;
    color:#e0e0e0;
    margin-left: -13px;
}
.siderBar { height:100%; margin:0 -25px 0 -15px;}
.siderBar>ul { padding-left:0;}
.siderBar>ul>li { position:relative; height:50px; padding-left:29px; line-height:50px;  overflow:hidden; font-size: 18px;}
.siderBar>ul>li .siderBar-level2>li { position:relative; height:50px; padding-left:29px; line-height:50px; font-size: 16px; overflow:hidden;}
.siderBar>ul>li:nth-child(1) { border-top:none;}
.siderBar>ul>li>a { color:#e0e0e0;text-decoration: none;}
.siderBar>ul>li>a span {  position: absolute; top: 15px; right:30px; background: #FF6666;height: 20px; padding: 0 6px; border-radius: 10px; font-size: 14px; line-height: 20px; color: #fff;}
.siderBar>ul>li i { color:#e0e0e0; padding-right: 10px;}
.siderBar>ul>li .icon_arrow,.siderBar>ul>li .icon_arrows {position: absolute; right: 0; top: 8px; font-size: 36px; line-height: 36px; padding: 0;}
.siderBar>ul>li.active { height:auto;}
.siderBar>ul>li .siderBar-level2>li.active { height:auto;}
.siderBar>ul>li.active .icon { display:none;}
.siderBar>ul>li.active .siderBar-level2>li { }
.siderBar>ul>li.active .siderBar-level2>li:last-child { border:none;}
.siderBar>ul>li.active .siderBar-level3>li { }
.siderBar>ul>li.active .siderBar-level3>li:last-child { border:none;}
.siderBar>ul>li.active>a {text-decoration: none; ;display:block; margin-left:-29px; padding-left:29px; color: #fff; background-color:#5b7fa6;}
.siderBar>ul>li .siderBar-level2>li.active>a { display:block; margin-left:-29px; padding-left:54px; color: #fff; background-color: #4ba6d7; }
.siderBar-level2 { background-color: #5b7fa6; margin-left:-29px;}
.siderBar-level2>li { padding-left:29px;}
.siderBar-level2 a { color:#e0e0e0; padding-left: 26px; text-decoration: none;}
.siderBar-level3 {  margin-left:-29px;}
.siderBar-level3>li { padding-left:48px; font-size: 14px;}
.siderBar-level3 a { color:#e0e0e0;}
.siderBar .icon { display:inline-block; height:20px; width:20px; background-image:url(../../images/left_nav_icon.jpg); background-repeat:no-repeat; vertical-align:middle;}
.icon-home { background-position:-1px 0;}
.icon-mall { background-position:0 -42px;}
.icon-product { background-position:-1px -87px;}
.icon-order { background-position:-1px -130px;}
.icon-logistics { background-position:0 -170px;}
.icon-account { background-position:-2px -215px;}
.icon-marketing { background-position:-2px -258px;}
.siderBar .nav-num { position:absolute; right:20px; top:50%; margin-top:-8px; display:inline-block; height:16px; width:16px; line-height:16px; font-size:11px; color:#fff; text-align:center; background-color:#ff6666;}

/*右侧框架*/
.content-box { min-height:500px; margin:0 -15px 0 -5px; }
.crumb { height:40px; padding-left:25px; line-height:40px; color:#fff; background-color:#4ba6d7;}
.crumb-arrow { display:inline-block; height:14px; width:7px; margin:-3px 23px 0; vertical-align:middle; background:url(../../images/crumb_arrow.png) no-repeat 0 0;}
.content-title { height:40px; color:#fff; background-color:#466689;}
.content-title>h2 { display:inline-block; height:40px; min-width:140px; padding:0 24px; margin:0; line-height:40px; font-size:14px; color:#fff; background-color:#7e94ad;}
.content-title>small { margin-left:45px; line-height:40px;}
.content-mian { background-color:#fff;}

/* 弹窗 */
.popBg {position:absolute;left:0;top:0;width:100%;opacity:0.3;filter:alpha(opacity=30);background-color:#000; z-index:990;}
.popBox {position:absolute;left:50%;top:10%; width:450px; margin-left:-225px;background-color:#fff; z-index:999;border-radius:5px;}
.popBox h2 { height:35px; line-height:35px; margin:0; padding-left:20px; font-size:16px; background-color:#f1f1f1;border-radius:5px 5px 0 0;}
.popContent { padding:20px 20px 10px;}
.popBox-btn { text-align:center; padding:10px 0 25px;}
.popBox-close { float:right; display:inline-block; height:20px; width:20px; margin:6px 5px 0 0; line-height:20px; text-align:center; font-size:14px; color:#999; cursor:pointer;}

/* loading 图标 */
.loading { position:absolute; left:0; top:0; width:100%; height:100%; background:url(../../images/loading.gif) #fff no-repeat 50% 50%; z-index:99;}

/* 提示信息 */
.result-msg { padding:160px 0;}
.result-msg-icon { height:39px; width:217px; margin:0 auto 40px; background-image:url(../../images/msg.png);}
.rm-error { background-position:-246px 0;}
.rm-success { background-position:0 0;}
.rm-errorMsg { background-position:-497px 0; width:353px;}


        .table-list {
            white-space: nowrap;
            border-top: 1px #aedcf0 solid;
            border-left: 1px #aedcf0 solid;
            background-color: #fff;
            width: 100%;
        }
        .table-list th, .table-list td { 
            padding: 5px 15px;
            border-right: 1px #aedcf0 solid;
            border-bottom: 1px #aedcf0 solid;
            text-align: center;

        }
#agencyMerchantProperty, #recommendOrgId, #secOrgId{ /* 商户性质, 一级机构, 二级机构 */
	padding: 6px;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 6px;
    margin-right: 14px;
    border-color: #ccc;
}

.common-flex-box{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap:wrap;
	-webkit-box-lines:multiple;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
	background-color: #fff;
}

 .search_box_list li{
	width: 25%;
	padding: 10px;
	font-size: 14px;
    min-height: 48px;
	background-color: #fff;
	border-bottom: 1px #c9dbe4 solid;
}

.search_box_list li label{
	width: 75px;
    text-align: right;
    font-size: 12px;
}

.search_box_list li input{
	width: 62%;
}

.search_box_list li select{
	padding: 2px 0;
    width: 62%;
}

.search_box_list li select[id="agencyMerchantProperty"]{
    width: 30%;
}

.flex-item-1{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0;
}

/* 一般按钮样式 */
.default_btn {
    padding: 5px 20px;
    margin: 0 10px;
    background-color: #fff;
    border: 1px #dcdfe6 solid;
    border-radius: 5px;
}

/* 主要按钮样式 */
.primary_btn{
    padding: 5px 20px !important;
    margin: 0 10px !important;
    background-color: #169bd5 !important;
    border: 1px #169bd5 solid !important;
    color: #fff !important;
    border-radius: 5px !important;
}

/* 灰色按钮样式 */
.gray_btn{
    padding: 5px 20px;
    margin: 0 10px;
    background-color: #d7d7d7;
    border: 1px #d7d7d7 solid;
    color: #fff;
    border-radius: 5px;
}

.success_btn{
    padding: 5px 20px;
    margin: 0 10px;
    background-color: #8bcc6a;
    border: 1px #8bcc6a solid;
    color: #fff;
    border-radius: 5px;
}

.flex-y-align-center{
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
} 

.vue_pager_bar .p-item{
    cursor: pointer;
}

.vue_pager_bar .a_forbidden{
    cursor: not-allowed;
}
.vue_pager_bar{
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin: 20px 0;
}

.link {
    cursor: pointer;
}

.tips_num{
    position: absolute;
    top: 4px;
    background: red;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    padding: 0 7px;
    border-radius: 10px;
}


.loadingIcon { position: absolute; display: inline-block; height: 39px; width: 39px;  background: url("../../images/loading.gif") no-repeat 0 0; vertical-align: middle; top: 50%; left: 50%; margin: -15px 0 0 -15px;}

.loadingBg {  background-color: rgba(255,255,255,0.5); width: 100%; height: 100%; position: fixed; top: 0; left:0; text-align: center;  z-index: 9999999;}