@charset "utf-8";
.yjscjsfw-link ul li{ float: left; width: 16.6666%;text-align: center;}
.yjscjsfw-link ul li a{display: block;}
.yjscjsfw-link ul li i{display: block;}

.yjscjsfw-clannels ul li{ float: left; width: 33.33%;}
.yjscjsfw-clannels ul li a{display: block;margin-bottom: 50px;}

.yjscjsfw-guide ul li a{display: block;height: 66px; line-height: 66px;text-align: center;border-radius: 12px;margin-bottom: 20px;cursor: pointer;}
.yjscjsfw-guide ul li a span{font-size: 1.25em;vertical-align: middle;display: inline-block;margin-right: 10px;}
.yjscjsfw-guide ul li i{vertical-align: middle;display: inline-block;}
.yjscjsfw-guide ul li i>svg{margin-top: -2px; display: inline-block; vertical-align: middle;fill: currentColor !important;}
.yjscjsfw-guide ul li.on a,.yjscjsfw-guide ul li:hover a{color:#fff}
.yjscjsfw-guide ul li.on i>svg,.yjscjsfw-guide ul li:hover i>svg{color: rgb(255, 255, 255) !important;}

#data-content{overflow: hidden;}
.yjscjssfw-title{padding-bottom: 10px;}
.yjscjssfw-title i,
.yjscjssfw-title span{display: inline-block;vertical-align: middle;font-weight: bold;}
.yjscjssfw-title span{font-size: 1.25em;margin-left: 20px;}
.yjscjssfw-content{width: 80%;margin: auto;font-size: 1.125em; line-height: 32px;padding-top: 45px;}
.yjscjssfw-title i>svg{fill: currentColor !important;}

.yjscjsfw-list ul{margin: 0px -15px;}
.yjscjsfw-list ul li{ width: 50%;float: left;line-height: 64px;font-size: 1.25em;text-align: center;}
.yjscjsfw-list ul li a{display: block;color: #fff;border-top-left-radius: 12px;border-top-right-radius: 12px;margin:0px 15px}
.yjscjsfw-list ul.col3 li{width: 33.33%;}

/* 教师资格证 */
body.jszgrd .yjscjsfw-guide ul li  i>svg,
body.jszgrd .yjscjssfw-title i>svg,
body.jszgrd .yjscjssfw-title span{color: #82c0c9;}
body.jszgrd .yjscjsfw-guide ul li.on a,
body.jszgrd .yjscjsfw-guide ul li:hover a{background:#82c0c9;}
body.jszgrd .yjscjsfw-guide ul li a{border: 1px solid #82c0c9;}
body.jszgrd .yjscjssfw-title{border-bottom: 1px solid #82c0c9;}


/* 社保卡 */
body.sbksl .yjscjsfw-guide ul li  i>svg,
body.sbksl .yjscjssfw-title i>svg,
body.sbksl .yjscjssfw-title span{color: #4985ff;}
body.sbksl .yjscjsfw-guide ul li.on a,
body.sbksl .yjscjsfw-guide ul li:hover a{background:#4985ff;}
body.sbksl .yjscjsfw-guide ul li a{border: 1px solid #4985ff;}
body.sbksl .yjscjssfw-title{border-bottom: 1px solid #4985ff;}
body.sbksl .yjscjsfw-list ul li a{background-color: #4985ff;}
body.sbksl .yjscjsfw-list ul li.on a{background-color: #0055ff;}

/* 公租房 */
body.gzfsqsh .yjscjsfw-guide ul li  i>svg,
body.gzfsqsh .yjscjssfw-title i>svg,
body.gzfsqsh .yjscjssfw-title span{color: #c8b872;}
body.gzfsqsh .yjscjsfw-guide ul li.on a,
body.gzfsqsh .yjscjsfw-guide ul li:hover a{background:#c8b872;}
body.gzfsqsh .yjscjsfw-guide ul li a{border: 1px solid #c8b872;}
body.gzfsqsh .yjscjssfw-title{border-bottom: 1px solid #c8b872;}
body.gzfsqsh .yjscjsfw-list ul li a{background-color: #c8b872;}
body.gzfsqsh .yjscjsfw-list ul li.on a{background-color: #c8b872;}


/* 驾驶证服务 */
body.jszfw .yjscjsfw-guide ul li  i>svg,
body.jszfw .yjscjssfw-title i>svg,
body.jszfw .yjscjssfw-title span{color: #4FAF9D;}
body.jszfw .yjscjsfw-guide ul li.on a,
body.jszfw .yjscjsfw-guide ul li:hover a{background:#4FAF9D;}
body.jszfw .yjscjsfw-guide ul li a{border: 1px solid #4FAF9D;}
body.jszfw .yjscjssfw-title{border-bottom: 1px solid #4FAF9D;}

/* 创业开业指导 */
body.cykyzd .yjscjsfw-guide ul li  i>svg,
body.cykyzd .yjscjssfw-title i>svg,
body.cykyzd .yjscjssfw-title span{color: #40b4ff;}
body.cykyzd .yjscjsfw-guide ul li.on a,
body.cykyzd .yjscjsfw-guide ul li:hover a{background:#40b4ff;}
body.cykyzd .yjscjsfw-guide ul li a{border: 1px solid #40b4ff;}
body.cykyzd .yjscjssfw-title{border-bottom: 1px solid #40b4ff;}


/* 婚育登记 */
body.hydj .yjscjsfw-guide ul li  i>svg,
body.hydj .yjscjssfw-title i>svg,
body.hydj .yjscjssfw-title span{color: #eababa;}
body.hydj .yjscjsfw-guide ul li.on a,
body.hydj .yjscjsfw-guide ul li:hover a{background:#eababa;}
body.hydj .yjscjsfw-guide ul li a{border: 1px solid #eababa;}
body.hydj .yjscjssfw-title{border-bottom: 1px solid #eababa;}


/* 生育津贴支付 */
body.syjtzf .yjscjsfw-guide ul li  i>svg,
body.syjtzf .yjscjssfw-title i>svg,
body.syjtzf .yjscjssfw-title span{color: #ffbaa5;}
body.syjtzf .yjscjsfw-guide ul li.on a,
body.syjtzf .yjscjsfw-guide ul li:hover a{background:#ffbaa5;}
body.syjtzf .yjscjsfw-guide ul li a{border: 1px solid #ffbaa5;}
body.syjtzf .yjscjssfw-title{border-bottom: 1px solid #ffbaa5;}


/* 无犯罪记录证明出具 */
body.wfzjlzmcj .yjscjsfw-guide ul li  i>svg,
body.wfzjlzmcj .yjscjssfw-title i>svg,
body.wfzjlzmcj .yjscjssfw-title span{color: #7ba0ff;}
body.wfzjlzmcj .yjscjsfw-guide ul li.on a,
body.wfzjlzmcj .yjscjsfw-guide ul li:hover a{background:#7ba0ff;}
body.wfzjlzmcj .yjscjsfw-guide ul li a{border: 1px solid #7ba0ff;}
body.wfzjlzmcj .yjscjssfw-title{border-bottom: 1px solid #7ba0ff;}


/* 老年人福利补贴 */
body.lnrflbt .yjscjsfw-guide ul li  i>svg,
body.lnrflbt .yjscjssfw-title i>svg,
body.lnrflbt .yjscjssfw-title span{color: #67c2a2;}
body.lnrflbt .yjscjsfw-guide ul li.on a,
body.lnrflbt .yjscjsfw-guide ul li:hover a{background:#67c2a2;}
body.lnrflbt .yjscjsfw-guide ul li a{border: 1px solid #67c2a2;}
body.lnrflbt .yjscjssfw-title{border-bottom: 1px solid #67c2a2;}

.col-lg-2{width: 19.666667%;}
.col-lg-10{width:80.333333%}