/* 北京网厅登录页 */

.wrap {width: 100%; overflow: hidden; position: relative; min-width: 1000px; overflow-y:auto;}

/* 页头 */
.header {background: #bd1a2d; padding-top: 12px; height: 78px;}
.header div {width: 1000px; margin: 0px auto;}
.header .header-hotline {float: right;}

/* 导航栏 */
#page_nav {display: none;}

/* 页脚 */
.footer {background: #dbbc83; text-align: center; font-size: 14px; padding: 15px; border: 0px; clear: both;}
.footer p {display: inline; margin: 0 30px; color: #000;}
.footer .footer-hotline {display: inline-block; width: 50px; height: 12px; background: url(../image/bjwt-icons-misc.png) no-repeat -40px -4px;}

.footer p.u_mar0{margin:0;}

.wrap2 {width: 100%; overflow: visible; position: static; min-width: 1000px; bottom: 0px;}
/* 底部灰色菜单 */
.bottom-top {
    background: #757575;
    width: 100%;
}
.bottom-top > ul {
    margin: 0px auto;
    width: 1110px;
    padding: 0px;
    overflow: visible;
    height: 46px;
}
.bottom-top .bottom-top-level1 {
    margin: 13px 0px;
    width: 468px ;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #ffffff;
    border-left: 1px solid #d2d2d2;
    float: left;
    list-style: none;
    text-align: center;
    position: relative;
    cursor: pointer;
}
.bottom-top .bottom-top-level1.bottom-top-first {
    border-left: 0px;
}
.bottom-top .bottom-top-level1 .bottom-top-icon {
    width: 9px;
    height: 6px;
    display: inline-block;
    background: url(../image/bottom-top-icon.png) no-repeat;
    vertical-align: middle;
    line-height: 20px;
    margin-left: 30px;
}
.bottom-top .bottom-top-level1.active .bottom-top-icon {
    background: url(../image/bottom-top-icon-active.png) no-repeat;
}
.bottom-top-level2 {
    display: none;
    position: absolute;
    width: 207px;
    height: 200px;
    overflow-y: auto;
    list-style: none;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 14px;
    line-height: 28px;
    padding: 0px;
    top: -213px;
    left: 132px;
}
.bottom-top .bottom-top-level1.active .bottom-top-level2 {
    display: block;
}
.bottom-top-level2 li {
    padding: 0 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.bottom-top-level2 li:hover {
    background: #cccccc;
}
.bottom-top-level2 li a {
    text-decoration: none;
    color: #333333;
    font-size: 14px;
}
.bottom-top-level2 li a:hover {
    color: #bd1b2b;
}

/* 底部菜单 */
.bottom {
    background: #bd1a2d;
    border-top: 1px solid #8f1322;
    width: 100%;
    height: 160px;
}
.bottom > div {
    width: 1110px;
    height: 100%;
    overflow: auto;
    margin: 0px auto;
    padding-top: 25px;
}
.bottom > div > div {
    float: left;
}
.bottom-icon-base {
    width: 222px;
}
.bottom-icon-base a {
    display: block;
    float: left;
    color: transparent;
}
.bottom-icon-base a:focus {
    color: transparent;
}
.bottom-icon-sy {
    width: 80px;
    height: 45px;
    margin-top: -14px;
    margin-right: 20px;
}
.bottom-icon-jj {
    width: 90px;
    height: 45px;
    margin-bottom: 20px;
}

.bottom-icon-jc {
    width: 90px;
    height: 45px;
    margin-right: 10px;
}
.bottom-icon-sh, .bottom-icon-sh img {
    width: 90px;
    height: 45px;
    margin-bottom: 20px;
    cursor: pointer;
}
.bottom-link-base {
    width: 184px;
    height: 110px;
    background: #a91728;
    margin-left: 20px;
    padding: 10px 0px 0px 14px;
}
.bottom-link-base a {
    color: #ffffff; 
    margin: 19px 0px 0px 20px;
    display: block;
    float: left;
    font-size: 12px;
}
.bottom-link-base a:hover {
    color: #ffffff;
    text-decoration: none;
}
.bottom-link-base a:focus {
    color: transparent;
}
.bottom-text-base {
    width: 213px;
    height: 110px;
    background: #a91728;
    margin-left: 20px;
    padding: 10px 0px 0px 20px;
}
.bottom-text-base p {
    color: #ffffff;
    margin: 19px 0px 0px 0px;
    font-size: 12px;
}
.bottom-qr-base {
    height: 110px;
    margin-left: 20px;
    padding: 10px 0px 0px 30px;
    background: #a91728;
    color: #ffffff;
}
.bottom-qr-base div {
    width: 60px;
    margin: 0px 30px 0px 0px;
    float: left;
    font-size: 12px;
}
.bottom-qr-base div img {
    width: 100%;
    height: auto;
}
.bottom-qr-base div span {
    text-align: center;
    display: block;
}
/* 底部弹出层 */
#jjCover {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 998;
}
#jjCover .jjBg {
    width: 100%;
    height: 100%;
    background: #000000 none repeat scroll 0% 0%;
    opacity: 0.5;
    position: absolute;
}
#jjCover .jjMain {
    position: relative;
    width: 600px;
    margin: 50px auto 0px auto;
}
#jjCoverButton {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background: url(../image/jj-cover-icon.png) no-repeat;
    top: -20px;
    left: 580px;
    cursor: pointer;
}