/*---------------------------------star弹出层*/
#code{width:100%; height:auto; position:absolute; top:0px; left:0px; z-index:8001;}
/*窗口黑色背景*/
#code .code_bg{width:100%; height:auto; position:fixed; top:0px; left:0px; z-index:8002; background-color:#000000; filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
/*弹出框的大小设置*/
#code .code_show{width:500px; position:relative; top:200px; left:500px; z-index:8003; background:#fff; border:none; padding:0px;}
/*关闭按钮*/
#code .code_title .exit{ position:absolute; right:-24px;top:0px;display:block;border:none; background:url(../images/close_b.gif) no-repeat; width:24px; height:24px; line-height:24px; cursor:pointer; text-align:center; text-indent:-99999px;}
/*---------------------star内容*/
.map{margin: 0 auto; padding: 5px; background-color: #fff;}

.pay_evidence{margin: 0 auto; padding: 20px; width: 625px; height: 525px; line-height: 1.6; color: #888;}
.pay_evidence .p{margin: 8px 0; font-size: 13px;}

.code_title strong h1{text-align:center;font-weight:normal;margin-top:50px;font-size:20px;}
.code_title strong span{
    display:inline-block;
    text-align:center;
    width:60px;
    height:30px;
    line-height:30px;
    font-size:14px;
    border:1px solid #088de8;
    float:right;
    margin: 10px 20px;
    cursor:pointer;
    font-weight:normal;
}

/****** 新弹窗组件样式2017-12-21 *****/
.globalMask{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}
.mainDialog{
    display: none;
    min-width: 560px;
    max-width: 600px;
    margin-left: -280px;
    position: fixed;
    left: 50%;
    top: 10%;
    z-index: 1000;
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.1);
}
.dialog-close{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgb(240, 240, 240);
    position: absolute;
    right: 30px;
    top: 22px;
    cursor: pointer;
}
.dialog-close i{
    width: 16px;
    height: 2px;
    background: rgb(144, 144, 144);
    position: absolute;
    top: 7px;
    left: 0;
}
.dialog-close i:first-child{
    transform: rotate(-45deg);
}
.dialog-close i:last-child{
    transform: rotate(45deg);
}
.dialog-close:hover i{
    transition: background 0.3s;
    background: rgb( 8, 141, 232);
}
.dialog-header{
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    border-radius: 4px 4px 0 0;
    background: rgb(240, 240, 240);
}
.dialog-header strong{
    font-size: 18px;
}
.dialog-content{
    font-size: 16px;
    padding: 20px 30px;
    border-radius: 0 0 4px 4px;
    background: #fff;
}
.dialog-ctrl{
    text-align: right;
    padding: 10px 30px;
    margin-top: -4px;
    background: #fff;
    border-top: 1px solid rgb(233, 233, 233);
    border-radius: 0 0 4px 4px;
}
.dialog-btn{
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.dialog-cancel-btn{
    color: #555;
    margin-right: 20px;
    background: rgb(208, 208, 208);
}
.dialog-cancel-btn:hover{
    transition: background 0.3s;
    background: rgb(233, 233, 233);
}
.dialog-cancel-btn:active{
    transition: background 0.3s;
    background: rgb(208, 208, 208);
}
.dialog-confirm-btn{
    color: #fff;
    background: rgb(8, 141, 232);
}
.dialog-confirm-btn:hover{
    transition: background 0.3s;
    background: rgb(8, 159, 232);
}
.dialog-confirm-btn:active{
    transition: background 0.3s;
    background: rgb(8, 141, 232);
}
/****** 新弹窗组件样式--end *****/