html,body{height: 100%}
.main{border-top: 1px solid #edebeb;height: 86%}
.main .m_box{width: 1200px;margin: 0 auto;font-size: 0;height: 100%}
.main .m_box .mb_l,
.main .m_box .mb_r{*position: relative;*left:0;*top:0;display:inline-block;*display: inline;*zoom:1;vertical-align:top;height: 100%;overflow-y:auto;}
.main .m_box .mb_l{width: 254px;border-left: 1px solid #edebeb;}
.main .m_box .mb_r{width: 940px;border-left: 1px solid #edebeb;border-right: 1px solid #edebeb}

.main .mb_l .m_tab{padding-top: 34px;}
.main .mb_l a{display: block;text-decoration: none;margin-bottom: 6px;}
.main .mb_l a p{cursor: pointer;background:#15a0f5;position: relative;font-size: 15px;color:#fff;line-height: 32px;height: 32px;padding-left: 36px}
.main .mb_l a p i{position: absolute;top: 10px;right: 10px;width: 12px;height: 12px;background:url('../../images/data_server/re_icon.png') no-repeat center 0;}
.main .mb_l a p i.close{background-position: center -12px}
.main .mb_l a ul{background-color: #fff;padding-left: 64px;padding-top: 6px;padding-bottom: 4px}
.main .mb_l a ul li{cursor:pointer;color:#585757;font-size: 15px;line-height: 32px;}
.main .mb_l a ul li:hover{color:#15a0f5;}
.main .mb_l a ul li.on{color:#15a0f5;}

.main .mb_r .m_content{padding-top: 36px;padding-left: 76px;padding-bottom: 60px}

.m_content .mc_txt{border: 1px solid #8acffa;border-radius: 10px;position: relative;width: 742px;padding: 28px 18px;margin-bottom: 30px}
.m_content .mc_txt .mct_title{font-size: 20px;color: #15a0f5;font-weight: bold;position: absolute;top: -18px;left: 10px;background:#fff;padding: 6px 8px}
.m_content .mc_txt .mct_p{font-size: 16px;color:#15a0f5;line-height: 24px}

.m_content .mc_txt2{margin-bottom: 60px}
.m_content .mc_txt2 .mct2_title{font-size: 18px;color:#1c1c1c;margin-bottom: 20px;padding-left: 10px}
.m_content .mc_txt2 .mct2_p{color:#646464;font-size: 15px;margin-bottom: 20px;padding-left: 10px;width: 774px}
.m_content .mc_txt2 .mct2_img{position: relative;width: 780px;display: block;margin-bottom: 40px}
.m_content .mc_txt2 .mct2_img img{width: 100%}
.m_content .mc_txt2 .mct2_img p{display: none;width: 100%;height: 30px;text-align: center;position: absolute;left: 0;bottom: 0}
.m_content .mc_txt2 .mct2_img p i{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #000;filter:alpha(opacity=50);opacity: 0.5;}
.m_content .mc_txt2 .mct2_img p span{line-height: 30px;color:#fff;position: relative;z-index: 50;font-size: 15px}
/*
.m_content .mc_txt2 .mct2_img:hover p{display: block;}
*/

.scroll::-webkit-scrollbar{/*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/  
    width:8px;  
    height:10px;  
}
.scroll::-webkit-scrollbar-button{/*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/  
    display: none;  
}
.scroll::-webkit-scrollbar-track-piece{/*内层轨道，滚动条中间部分（位置4）*/  
        background:#fff;  
}  
.scroll::-webkit-scrollbar-thumb{/*滚动条里面可以拖动的那部分（位置5）*/  
    background:#d4d4d4;  
    border-radius:4px;  
}