/*社保卡办理指南样式*/


.m_title{font-size: 20px;color: #e40302;position: relative;height: 20px;line-height: 20px;font-weight: 700;padding-left: 10px;margin-bottom: 10px;}
.m_title::before{content:'';position: absolute;left:0;top:0;bottom:0;width:3px;background: linear-gradient(to bottom,#f97d47,#e30402);}
.m_title span{font-size: 16px;color: #3b3835;font-weight: 400;padding-left: 10px;}
.item_list1{clear:both;overflow:hidden;margin: 20px auto;}
.item_list1 li {
  width: 160px;
  height: 160px;
  box-sizing: border-box;
  text-align: center;
  background: linear-gradient(to bottom,#ffead0,#fff);
  border-radius: 10px;float:left;margin-right:10px;
  padding: 10px;
  position: relative;
}
.m_intro1{font-size: 18px;line-height: 2em;color: #3b3835;background: #fff7ea;padding:25px;margin-bottom: 35px;}
.m_intro1 a{color: #e72626;}
.m_text ul{margin:20px auto;text-align: center;}




/*内容区样式*/
.g_wrap{background: url(https://www.beijing.gov.cn/fuwu/bmfw/bmzt/shbzk/ttq/201709/W020260316576536228930.jpg) center 0 no-repeat;}
.m_head{width:1200px;margin:0 auto;height: 314px;position: relative;}
.m_head .ewm { position:absolute; right:0; top:85px; padding:12px 0; text-align:center; font-size:14px; color:#333; font-family:simsun;}
.m_head .ewm img { width:92px; height:92px; margin-bottom:12px;}
.topics_nav{height:70px;line-height:70px;background:url(https://www.beijing.gov.cn/fuwu/bmfw/bmzt/shbzk/ttq/201709/W020260317571015980404.png) center 0 no-repeat;margin-bottom: 50px;}
.topics_nav ul{width:1200px;margin:0 auto;overflow:hidden;}
.topics_nav ul li{float:left;width:33.33%;text-align:center;font-size:30px;font-weight: 700;}
.topics_nav ul li a{color:#fff;font-size:30px;}

.m_layout{width: 1200px;margin:0 auto;overflow:hidden;padding-bottom: 60px;}
.m_hd{text-align: center;font-size: 36px;color: #d21817;font-weight: 700;margin-bottom: 40px;}
.m_intro{font-size: 18px;line-height: 2em;color: #3b3835;background: #fff7ea;padding:25px;margin-bottom: 35px;}
.m_intro a{color: #e72626;}
.m_title{font-size: 20px;color: #e40302;position: relative;height: 20px;line-height: 20px;font-weight: 700;padding-left: 10px;margin-bottom: 10px;}
.m_title::before{content:'';position: absolute;left:0;top:0;bottom:0;width:3px;background: linear-gradient(to bottom,#f97d47,#e30402);}
.m_title span{font-size: 16px;color: #3b3835;font-weight: 400;padding-left: 10px;}
.item_list{display:flex;justify-content:space-between;align-items:flex-start;margin:20px auto;}
.item_list li{width:160px;height:160px;box-sizing:border-box;text-align:center;background: linear-gradient(to bottom,#ffead0,#fff);border-radius: 10px;padding:10px;position: relative;}
.item_list li img{max-width:100%;height:auto;display:block;margin:0 auto 10px;}
.item_list li h3{font-size:18px;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.item_list li .txt{font-size:14px;color:#3b3835;line-height:1.5em;}
.item_list li .u_tips{background:#dd1413;color:#fff;font-size:16px;padding:2px 10px;border-radius: 10px 0 10px 0;font-weight: 700;position: absolute;left: 0;top: 0;}
.m_text ul{margin:20px auto;text-align: center;}
.m_text ul li{text-align: center;font-size: 18px;display: inline-block;width: 23%;font-weight: 700;}
.m_text ul li span{font-size: 18px;color: #3b3835;font-weight: 700;padding-left: 10px;}
.m_text ul li span{color: #e40402;}
.m_text ul li a{font-size: 18px;}
.m_layout_blzn{background: #fff7ea;padding:50px 0 0;margin-bottom: 50px;}
.m_layout_blzn .m_layout{padding-bottom: 0;}
.list li{font-size: 16px;line-height: 2em;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;float: left;width: 48%;padding:0 1%;}
.list li a{font-size: 16px;}
.list li span.u_icon{font-size:20px;font-weight:700;color:#d21817;padding-right: 10px;}
.m_box{float: left;width: 590px;margin-right: 20px;border:1px solid #ffb98c;}
.box_title{background:#ffead0;height: 54px;line-height: 54px;text-align: center;font-size: 26px;color: #dc0807;}
.box_title span{font-weight: 700;}
.box_txt{padding:30px 18px 20px;}
.box_txt .pic{text-align: center;}
.box_txt .pic img{width: 550px;height: 400px;}
.box_txt .list li{font-size: 16px;;line-height: 1.5em;color: #3b3835;margin-top: 10px;}
.box_txt .list li a{color: #3b3835;}
.box_txt .list li span{font-size: 16px;color: #ff6f3a;font-weight: 700;margin-right: 10px;}
.pad0{padding-bottom: 0;}
.m_box2{margin-bottom: 60px;}
.m_box2_title{height: 43px;background: #ffead0;display: flex;align-items: center;}
.m_box2_title h3{font-size: 20px;color: #dc0807;display: inline-block;line-height: 43px;padding-left: 15px;}
.m_box2_title h3 span{font-weight: 400;font-size: 16px;}
.news_txt{font-size: 16px;color: #3b3835;}
.news_txt h3{font-size: 18px;color: #dc0807;position: relative;padding: 0 4px;display: inline-block;z-index: 0;margin-bottom: 10px;}
.news_txt h3::after {content: '';position: absolute;left: 50%; bottom: -1px;width: 100%;transform: translateX(-50%);height: 6px;background-color: #ffbb9e;z-index: -1;}
.item_list2{overflow: hidden;padding-top: 50px;}
.item_list2 ul{margin-left: -13px;}
.item_list2 li{float: left;width: 290px;height: 150px;background: #ffead0;background: linear-gradient(to right, #ffead0, #fff);margin-left: 13px;border-radius: 10px;position: relative;}
.item_list2 li h3{font-size: 18px;color: #101010;position: relative;padding: 0 4px;display: inline-block;z-index: 0;margin-bottom: 10px;}
/* .item_list2 li h3::after {content: '';position: absolute;left: 50%; bottom: -1px;width: 100%;transform: translateX(-50%);height: 6px;background-color: #ffbb9e;z-index: -1;} */
.item_list2 li .txt{color:#3b3835;font-size: 14px;line-height: 1.5em;color: #121212;}
.item_list2 li .txt_box{float: left;width: 155px;}
.item_list2 li .iconbox{float: right;padding-top:20px;padding-right: 20px;}
.item_list2 li .iconbox img{width: 100px;height: auto;}
.item_list2 li .u_num{position: absolute;left: 40px;top: 40px;font-size: 80px;color: #fbd2b0;font-weight: 700;z-index: 1;}
.item_list2 li .item_box{position: absolute;left: 0;top: 0;width: 100%;z-index: 2;padding:15px 10px;}
.iconbox_layer{display:none;}
.m_tips{font-size: 16px;line-height: 2em;color: #f77a2f;}
.m_tips h3{display: inline;color: #dc0806;}
.m_box2_txt .txt_box{float: left;width: 600px;text-align: center;padding-top: 30px;}
.m_box2_txt .txt_box a{display: inline-block;width: 320px;height: 46px;background: #dc0907;line-height: 46px;color: #fff;border-radius: 10px;font-size: 18px;font-weight: 700;}
.m_box2_txt .txt_box .u_tips{font-size: 14px;color: #121212;margin: 20px 0;}
.m_topics_img{display: none;}


@media only screen and (max-width: 1023px) {
.qrcode{display: none;}
.m_topics_img{display: block;width: 100%;}
.g_wrap{width:100%;background:0;padding-top:0;}
.m_head{padding-bottom: 0;height: auto;margin-bottom: 0;width:100%;}
.m_layout{width:96%;padding: 10px 2%;margin-bottom: 0;}
.topics_nav{height: 40px;line-height: 40px;background: #dc0807;margin-bottom: 10px;}
.topics_nav ul{width: 100%;}
.topics_nav ul li a{font-size: 16px}
.m_intro{padding: 2%;font-size: 16px;}
.m_hd{margin-bottom: 10px;font-size: 20px;}
.m_hd h2{font-size: 18px;padding: 0;padding-left: 10px;}
.m_box,.m_box2_txt .txt_box,.news_area .news_box{float: none;width: 100%;padding:2%;margin-bottom: 10px;}
.box_title{font-size: 18px;height: 30px;line-height: 30px;}
.box_txt{padding: 2%;}
.box_txt .pic img{width: 100%;height: auto;}
.m_box2_title{height: auto;line-height: 1.5em;margin-bottom: 10px;}
.m_box2_title .u_num{height: 30px;background-size: 100% 100%;font-size: 16px;line-height: 30px;width: 20px;padding-left: 1%;}
.m_box2_title h3{line-height: 1.5em;font-size: 16px;padding: 1%;height: auto;}
.m_box2_title h3 span{font-size: 14px;}
.m_box2_txt .download_box{padding: 2%;}
.m_box2{margin-bottom: 10px;}
.item_list ul{margin: 0;}
.item_list li{float: none;width: 100%;height: auto;margin-bottom: 10px;overflow: hidden;padding:2%;margin-left: 0;}
.m_bd{height: auto;background: #f67b46;margin-bottom: 10px;}
.tips_box{padding:2%;font-size: 16px;margin-bottom: 10px;}
.tips_box li{font-size: 16px;}
.m_layout_wxts .m_box{padding:0;}
.m_layout_wxts .box_list{height: auto;padding:2%;}
.m_head .ewm{display: none;}
.item_list {display: flex;flex-wrap: wrap;justify-content: space-between;}
.item_list li{width: 48%;margin-bottom: 15px;flex-direction: column; text-align: center;}
.m_title{height: auto;}
.m_title::before{height: 20px;}
.m_title span{display: block;padding: 10px 0 0;}
.m_text ul li{width: auto;margin:0 2%;}
.m_layout_blzn{padding:10px 0;margin-bottom: 20px;}
.m_box2_title .u_num{width: auto;}
.m_box2_title .u_num img{height: 30px;}
.item_list2{padding-top: 0;}
.item_list2 ul{margin: 0;}
.item_list2 li{float: none;width: 100%;height: auto;margin: 0 auto 10px;overflow: hidden;min-height: 150px;}
.item_list2 li h3{display: block;}
.item_list2 li .txt_box{width: 70%;}
.item_list2 li .iconbox{width: 28%;padding-top:0;}
.item_list2 li .iconbox img{width: 100%;height: auto;}
.m_tips{margin-bottom: 10px;}
.m_box2_txt .txt_box .u_tips{margin:10px 0;}
.m_text ul{text-align:left;}
.m_text ul li a{font-size: 16px;}
.list li{float:none;width:100%;white-space: normal;overflow: auto;text-overflow: inherit;}
}




@media screen and (max-width: 768px) {
.m_intro1{font-size:16px;}
}