/* CSS Document */
#tab { width:665px; height:216px; position:relative;margin:10px auto 0 auto;}
/*设置容器高宽等*/
html > body #tab { width:665px;}
/*兼容IE6:IE6下宽度不够*/
#tab div { position:absolute; top:30px; left:0; width:665px; height:186px;background-image:url("images/bb1.jpg");}
/*设置容器高宽等*/
#tab div { display:none;}
/*设置容器默认隐藏:不用ID是因为下面将利用class来控制容器显示,而class优先级低于id选择器*/
#tab .block {display:block;}
/*选中的容器*/
#tab h3 { float:left; width:133px; height:30px; line-height:30px; margin:10px 20px 0 0; font-size:16px; cursor:pointer; text-align:center; font-family:Microsoft YaHei;font-weight:normal;}
/*默认标题样式*/
#tab .up {color:#fff;}
/*选中的标题样式*/
/*修饰列表内容*/
#tab ul { list-style:none; padding:0; height:186px; margin-top:-40px;}
#tab li { margin-left:10px; margin-right:10px; border-bottom:1px dotted #c6c6c6; height:22px; padding-top:23px; overflow:hidden; font-size:16px;}
#tab li a { display:inline; font-size:16px; text-decoration:none; text-indent:10px; margin-right:10px;}
#tab li span{ display:block; float:right; margin-right:5px; color: #bdacb3;}
a.tab_title:link { color:#5a5a5a; text-decoration:none;}
a.tab_title:visited { color:#5a5a5a; text-decoration:none;}
a.tab_title:hover { color:#5a5a5a; text-decoration:none;}
a.tab_title:active { color:#5a5a5a; text-decoration:none;}
a.tab_menu:link { color:#6464d5; text-decoration:none;}
a.tab_menu:hover { color:#8888e0; text-decoration:underline;}
.grid-container{
			width:1280px;
            text-align: left;
            padding: 20px;
            display: grid;
			grid-column-gap:5px;
            grid-row-gap: 5px;
           
            grid-template-areas: "header header"
                                 "sidebar content"
                                 "footer footer";

            grid-template-rows: 0px 480px 0px;
            grid-template-columns: 640px 0px 640px;

        }


.content { grid-area: content; background:url("../images/beijing13.jpg");background-size:contant;}
.sidebar { grid-area: sidebar; background:url("../images/bg35.jpg");background-size:contant;}