.WGCha{
    text-align: center;
    background: #fff;
}
.WGCha>div{
    width: 12rem;
    height: 3rem;
    display: inline-block;
    text-align: center;
    line-height: 3rem;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 0.1rem;
    margin: 0 1rem;
    cursor: pointer;
    background: #f0f3f6;
    border-radius: 0.5rem;
    color: #337ab7;
}
.WGCha_hover{
    color: #fff !important;
    background-color: #337ab7 !important;
}

/* 政府数据-数据发布新 */

#Macroeconomic .hd {
    width: 22%;
}

#Macroeconomic .bd {
    width: 78%;
}

#Macroeconomic .hd li a {
    display: block;
    text-decoration: none;
    height: 67px;
    line-height: 67px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    color: #666666;
    background: #ffffff;
    border-top: 1px solid #e5e5e5;
    position: relative;
}

#Macroeconomic .hd li a:hover {
    background-color: #5ea2f3;
    color: #ffffff !important;
}

#Macroeconomic .hd li .on {
    color: #ffffff !important;
    background-image: linear-gradient(to right, #167fde, #61a4f4);
}

#Macroeconomic .hd li .on:after,
#Macroeconomic .hd li a:hover:after {
    position: absolute;
    top: 14px;
    right: -12px;
    z-index: 999;
    content: "";
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #5ea2f3;
}

#MaText {
    display: none;
    position: relative;
    z-index: 2;
    padding-bottom: 10px;
    margin: 0;
    font-size: 16px;
    line-height: 38px;
    background: #fff;
    padding: 15px 21px 11px;
}

#MaText .label {
    padding: 0;
}

#MaText .text {
    color: #666666;
    vertical-align: middle;
    /* margin: 0 10px; */
}

.text.fl.plr10 {
    padding: 0 10px;
}

#MaText .input_btn {
    float: left;
    border: 0;
    cursor: pointer;
    height: 35px;
    line-height: 36px;
    margin-left: 10px;
    padding: 0 17px;
    vertical-align: middle;
    background: #337ab7;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
}

#MaText .save_btn {
    text-decoration: none;
    height: 35px;
    line-height: 35px;
    margin-left: 10px;
    border: 1px solid #157edd;
    border-radius: 3px;
    padding: 0 10px;
    color: #157edd !important;
    text-align: center;
}

.ie9 #MaText .save_btn,
.ie8 #MaText .save_btn,
.ie7 #MaText .save_btn,
.ie6 #MaText .save_btn {
    display: none;
}

#MaText .value {
    cursor: pointer;
    padding: 0 10px;
    color: #5c5e61;
    width: 172px;
    font-size: 16px;
    text-align: left;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    border: 1px solid #157edd;
    background: url(../images/sjmu_4.png) no-repeat center right;
}

#MaText .label .select {
    display: none;
    width: 100%;
    position: absolute;
    top: 37px;
    z-index: 2;
}

#MaText .label ul {
    height: 200px;
    background: #ffffff;
    border: 1px solid #2377bb;
    overflow-y: auto;
}

#MaText .label ul li {
    cursor: pointer;
    border-bottom: 1px solid #2377bb;
    padding: 0 10px;
}

#MaText .label ul li:hover {
    background: #2377bb;
    color: #ffffff;
}

#MaChart {
    width: 100%;
    height: 453px;
    position: relative;
    z-index: 1;
    background: #fff;
    margin-top: 20px;
    padding: 20px;
    padding-bottom: 0;
}

#MaChart img {
    width: 100%;
}

.grid h3{ height:3rem;width:100%; border-bottom:1px solid #487bc5; line-height:3rem;position:relative; }
.grid h3 ul{position:absolute;width:100%;}
.grid h3  a{color:#487bc5;}
.grid h3  a b{font-size: 1.2rem;border-bottom: 4px solid #487bc5;height: 3rem;line-height: 3rem;vertical-align: bottom;display: inline-block;padding: 0 2%;}
.grid .list-t ul{ padding:0.8rem;  zoom:1;  }
.grid h3  a span {
    font-size: 1rem;
    position: absolute;
    right: 0;
    letter-spacing: 2px;
    color: #666666;
}
.grid .list-t li{ font-size:1.2rem;line-height:2.6rem; }
.grid .list-t li a{font-size:1.2rem;color: #000;}
.grid .list-t li a:hover{color:#487bc5}
.grid .list-t li .date{ float:right; color:#999;font-size: 0.8rem;}

/* 典型应用 */
.side-menu li a {
    position: relative;
    display: block;
    line-height: 70px;
    text-align: center;
    font-size: 22px;
    border-bottom: 1px solid #dcdcdc;
}

.side-menu li a:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background-color: #2f6ea2;
    transform: scale(1,0);
    transition: all .3s;
}

.side-menu li a:hover:before,.side-menu li a.current:before {
    transform: scale(1,1);
}
.zfsj_dxyy .col-md-3 {}

.zfsj_dxyy .col-md-3 h2 {
    line-height: 60px;
    text-align: center;
    background: #5ca2f3;
    font-size: 16px;
    font-weight: bold;
    height: 60px;
}

.zfsj_dxyy .col-md-3 h2.tab {
    padding: 0;
}

.zfsj_dxyy .col-md-3 .pane {
    /* padding-bottom: 10px; */
}

.zfsj_dxyy .col-md-3 h2.tab a {
    width: 50%;
    float: left;
    line-height: 60px;
    background: #dcdcdc;
    color: #444;
    font-weight: normal;
    height: 60px;
}

.zfsj_dxyy .col-md-3 h2.tab a.current {
    background: #337ab7;
    color: #fff;
    font-weight: bold;
    margin: 0;
}

.zfsj_dxyy .col-md-3 h2.tab a+a {
    margin: 0;
}

.zfsj_dxyy .col-md-3 ul {
    background: #fff;
    border: 0;
    min-height: 595px;
    margin-bottom: 17px;
    padding-bottom: 10px;
}

.zfsj_dxyy .col-md-3 ul li a {
    font-size: 16px;
    text-align: left;
    color: #999999;
    line-height: 50px;
    border: 0;
    padding: 0 18px;
}

.zfsj_dxyy .col-md-3 ul li a i {
    float: right;
    background: none;
    transform: none;
    font-style: normal;
}

.zfsj_dxyy .col-md-3 ul li.current a,
.zfsj_dxyy .col-md-3 ul li:hover a {
    background: #e5f3ff;
    color: #347bd6;
}

.zfsj_dxyy .col-md-3 ul li.current a:before,
.zfsj_dxyy .col-md-3 ul li:hover a:before {
    background: #5ca2f3;
}

.zfsj_dxyy .col-md-9 {
    padding-left: 2px;
}

.zfsj_dxyy .col-md-9 .select,
.zfsj_dxyy .col-md-9 .ovi {
    background: #fff;
    padding: 20px;
    padding-bottom: 17px;
    /* margin-bottom: 17px; */
    background-color: white;
}

.zfsj_dxyy .col-md-9 .select {
    margin-bottom: 20px;
    padding-bottom: 0;
}

.zfsj_dxyy .col-md-9 .select ul li {
    display: inline-block;
    line-height: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    padding: 0 16px;
    border-radius: 3px;
    margin-right: 30px;
}

.zfsj_dxyy .col-md-9 .select ul li.on,
.zfsj_dxyy .col-md-9 .select ul li:hover {
    background: #337ab7;
}

.zfsj_dxyy .col-md-9 .select ul li.on a,
.zfsj_dxyy .col-md-9 .select ul li:hover a {
    color: #fff;
}

.zfsj_dxyy .col-md-9 .select ul {
    display: inline-block;
    margin-bottom: 20px;
}

.zfsj_dxyy .col-md-9 .ovi li {
    font-size: 20px;
    font-weight: bold;
    padding: 25px 0;
    height: auto;
    border-bottom: 1px solid #e5e5e5;
}

.zfsj_dxyy .col-md-9 .ovi ul.tl li {
    padding: 16px 0 15px;
}

.zfsj_dxyy .col-md-9 .ovi ul.tl li:nth-child(6n) {
    border: 0;
}

.zfsj_dxyy .col-md-9 .ovi .pages {
    padding: 0;
    /* margin: 6px; */
    margin-bottom: 4px;
}

.zfsj_dxyy .col-md-9 .ovi .pages span.current,
.zfsj_dxyy .col-md-9 .ovi .pages a.current,
.zfsj_dxyy .col-md-9 .ovi .pages span:hover,
.zfsj_dxyy .col-md-9 .ovi .pages a:hover {
    background: #157edd;
}

.zfsj_dxyy .col-md-9 .ovi li span {
    font-size: 14px;
    display: block;
    line-height: initial;
    color: #999999;
    font-weight: normal;
    margin: 10px 0 0px;
}



.zfsj_dxyy .col-md-9 .ovi {
    min-height: 560px;
    padding-top: 0;
}
@media screen and (max-width: 767px) {
    
	#Macroeconomic .bd {
		width: 100%;
		clear: both;
	}
	#MaText{padding: 15px 5px 11px;}
	#MaText .label{float: left;width: 32%;}
	#MaText .value{width: 100%;}
	#MaText .text{float: left;}

	
	.hd.fl li { float: left; width: 33.333%; }
	.hd.fl li { float: left; width: 33.333%; }
	#Macroeconomic .hd{width: 100%;}
	#Macroeconomic .hd li { float:left; margin-top: -1px; margin-left: -1px; border: 1px solid #eee; }
	#Macroeconomic .hd li a{ font-size: 1.2rem; height: 36px; line-height: 36px; }
	#Macroeconomic .hd li.on { background: #157edd; }
	#Macroeconomic .hd li .on:after, #Macroeconomic .hd li a:hover:after{ display: none; }
	.zfsj_dxyy .col-md-9 .ovi li{font-size: 1.6rem;}
	.zfsj_dxyy .col-md-9 .ovi li span{font-size: 1.2rem;}
	ul#subject li { float: left; font-size: 1.2rem; }
	ul#subject li a{font-size: 1.2rem; height: 4rem; line-height: 4rem; padding: 0 8px;}
	.zfsj_dxyy .col-md-3 ul{ min-height: auto; }
	.zfsj_dxyy .col-md-3 ul:after{ display: block; content: ""; clear: both;}

	.zfsj_dxyy .col-md-9 .select{padding: 0 20px;}
	.zfsj_dxyy .col-md-9 .select ul li{font-size: 1.4rem;height: 30px;line-height: 30px;}
	.zfsj_dxyy .col-md-9 .select{margin-bottom: 0;}
	.zfsj_dxyy .col-md-3 h2,.zfsj_dxyy .col-md-3 h2.tab a{height: 40px;line-height: 40px;}
}