html {
	font-size: 100px;
}
body {
	/*
    font-family:'微软雅黑', 'Microsoft YaHei', arial, Tahoma, Helvetica, SimSun, sans-serif;
    */
    margin: 0;
   	/* font-family:'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
     */
      font-size: 0.14rem;
    line-height: 1.42;
    color: #333;
    background-color: #fff;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img {
    vertical-align: middle;
    border: 0;
}
ul {
	list-style: none;
}
a {
    color: #337ab7;
    text-decoration: none;
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}
.row {
  margin-left: -0.15rem;
  margin-right: -0.15rem;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 0.15rem;
  padding-right: 0.15rem;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
.container {
	width: 100%;
    padding-right:0;
    padding-left:0;
    margin-right: auto;
    margin-left: auto;
}
.header-bg {
	height: 1rem;
	background: url(../images/header_bg.jpg) bottom;
	background-size: auto 100%;
  position: relative;
}
.header-box {
	height: 1rem;
	background: url(../images/wmo_public_header.gif) no-repeat left center;
	background-size: auto 100%; 
}
.header-box .container {
	margin: 0 0.5rem;
	padding: 0;
	width: 11.9rem;
}
/*@media (min-width: 768px) {
  	.header-box .container {
    	width: 7.5rem;
  	}
}
@media (min-width: 992px) {
  	.header-box .container {
    	width: 9.7rem;
  	}
}
@media (min-width: 1200px) {
  	.header-box .container {
    	width: 11.9rem;
  	}
}*/
.header-box .logo-box {
  height: 1rem;
  text-decoration: none;
  display: inline-block;
  padding-left: 0.8rem;
}
.header-box .logo-box .t1 {
  color: #00529c;
  font-size: 0.15rem;
  margin-top: 0.2rem;
  line-height: 0.18rem;
  text-transform: uppercase;
}
.header-box .logo-box .t2 {
	color: #666666;
    font-size: 0.11rem;
    margin-top: 0.05rem;
}
.header-box .header-logo{
    padding-right: 0;
}
.header-box .header-text {
	text-align: center;
    padding: 0.2rem 0.25rem 0.2rem 0.25rem;
    letter-spacing: 0.1rem;
}
.header-box .header-text .t1 {
	height: 0.4rem;
    line-height: 0.4rem;
    color: #fff;
    font-family: 'Microsoft YaHei','微软雅黑','OpenSansRegular',Verdana, 新細明體;
    font-size: 0.25rem;
    text-shadow: -1px -1px 0 #6b4d0d, 1px -1px 0 #6b4d0d, -1px 1px 0 #6b4d0d, 1px 1px 0 #6b4d0d;
    text-shadow: 1px 1px 1px #000;
}
.header-box .header-text .t2 {
	height: 0.2rem;
    line-height: 0.2rem;
    color: #fff;
    font-family: 'Microsoft YaHei','微软雅黑','OpenSansRegular',Verdana, 新細明體;
    font-size: 0.15rem;
    text-shadow: -1px -1px 0 #6b4d0d, 1px -1px 0 #6b4d0d, -1px 1px 0 #6b4d0d, 1px 1px 0 #6b4d0d;
    text-shadow: 1px 1px 1px #000;
}
.header-box .header-other {
	line-height: 1rem;
	text-align:right;
}
.header-box .header-other img {
 	width: 0.7rem; 	
}


.language-box {
  position: absolute;
  right: 0.5rem;
  color: #fff;
  height:30px;
  line-height: 30px;
  top: 50%;
  margin-top:-15px;
}
.language-box .layui-nav{
  background: transparent;
}
.language-box .layui-nav .layui-nav-item{
  line-height: 30px;
  vertical-align: auto;
}
.language-box .layui-nav-img {
  margin-right: 5px;
  margin-left: 5px;
}
.language-box .layui-nav-child{
  top: 40px;
}
.language-box .work-platform{
  cursor: pointer;
  color:#fff;
  margin-right:10px;
}
.language-box .work-platform:hover{
  color:#fff;
}

.clearfix:before,
.clearfix:after{
  content: " ";
  display: table;
}
.clearfix:after{
  clear: both;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.fullscreen{
  position: absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
}







.logo{
	width:100%;
	height:1rem;
	background:url(../images/wmo_public_header_full.gif)no-repeat;
	background-size:100% 100%;
}

.logo  .logo_body{
	height:1rem;
	background:url(../images/wmo_public_header.gif)no-repeat;
	background-size:auto 100%;		
}
.logo .logo_left{
	width:0.8rem;
	float:left;
	text-align: left;
	height: 1rem;
}
.logo .logo_left img{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.logo .logo_left_txt{
    padding-left: 0.1rem;
	width: 2.3rem;
    float:left;
    text-align: left;
    height: 1rem;
}

.logo .logo_left_txt .txt_up{
  	font-size: 0.15rem;
  	color:#00529c;
}
.logo .logo_left_txt .txt_down{
    font-size: 0.15rem;
}

.logo .logo_middle{
	/*width:calc( 100% - 390px);*/
	width: 7rem;
	float:left;
	text-align: center;
	height: 1rem;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
}
@media (max-width: 1024px){
	.logo .logo_middle {
	    width: 5.34rem;
	}
}

.logo .logo_middle .txt_up{
  	font-size: 0.26rem;
}
.logo .logo_middle .txt_down{
    font-size: 0.18rem;
}
.logo .logo_riget{
	width: 0.8rem;
	float:left;
	text-align: right;
	height: 1.09rem;
}
.logo .logo_riget img{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.logo .logo_content{
	position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
/*菜单*/
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav>li>a {
    position: relative;
    display: block;
}
.navbar{
	min-height: 0.4rem; 
    margin-bottom: 0.03rem; 
    border: 0; 
    height: 0.4rem;
    background-color: #1a6ba2;
    border-radius:0;
    font-size: 0.15rem;
}

.navbar-nav{
	float: left;
    margin: 0;
	width:100%;
	height: 0.4rem;
}
.navbar-nav>li{
	float: left;
  min-width: 1.2rem;
}
.navbar-default .navbar-nav>li>a {
	color: #fff;
    text-align: center;
    line-height: 0.2rem;
    padding: 0.1rem 0.15rem;
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover{
    color: #fff;
    background-color: #639fd3;
}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #639fd3;
    text-align: center;
}
.navbar-collapse {
    padding-right: 0; 
    padding-left: 0;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/*底部内容*/
.bot_line{
	width:100%;
	border: 0.05rem solid #166da3;
	margin: 0.1rem 0;
	clear: both;
}
/*友情链接*/
.friend_line{
	margin: 0.1rem 0;

}
.friend_line .item{
	float:left;
	border: 0.01rem solid #d8d7dc;
	margin: 0 0 0 0.03rem;
}
/*版权*/
.bot_copy{
	width: 100%;
	background-color: #e7e7e7;
    padding:0.1rem 0; 
    text-align: center;
    margin-top: 0.1rem;
    color: #000;
}
.bot_copy a{
	color: #000;
}
.bot_copy .counter{
	display: inline-block;
	background:#337ab7;
	color:#fff;
	padding: 0 0.02rem;
	border-radius: 0.02rem;
}
.PageMain{
  width: 100%;
  height:calc( 100vh - 1.4rem );
  overflow:hidden;
  margin:0;
  padding:0;
}
/*首页*/
.index_left
{
  float:left;
  width: 1.58rem;
  height: 100%;
  overflow: hidden;
}

.index_left .index_menu{
  width: 2rem;
  font-size: 0.14rem;
  height:100%;
  overflow-y: auto;
  position: relative;
}
.index_menu_big{
  width:1.5rem;
  margin-left:0.03rem;
  box-shadow: 2px 2px 1px #dfdfdd;
  margin-bottom: 7px;
}
.index_left .index_menu .index_title{
  border-bottom: 0.01rem solid #fff;
}
    
.index_left .index_menu .index_title a,
.index_left .index_menu .index_title a:focus,
.index_left .index_menu .index_title a:hover {
  color: #fff;
  width:100%;
  display: block;
  line-height: 0.2rem;
  padding: 0.08rem 30px;
}

.index_left .index_menu  .active a,.index_left .index_menu  .active a:focus,.index_left .index_menu  .active a:hover{
	color: #fff;
	width:100%;
	display: block;
    line-height: 0.2rem;
}
.index_left .index_menu .index_title {
  background: #1a6ba2;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: auto;
}
.index_left .index_menu .index_title.active {
  background-color:#fda600;
}



.index_left .index_menu.page-menu .index_menu_big{
	box-shadow: none;
}
.index_left .index_menu.page-menu .index_menu_boby ul{
  padding: 0;
}
.index_left .index_menu.page-menu .index_menu_boby ul > li{
  padding: 0.15rem 0;
  position: relative;
}
.index_left .index_menu.page-menu .index_menu_boby ul > li.active{
  background: #1a6ba2;
  border-bottom:0;
}
.index_left .index_menu.page-menu .index_menu_boby ul > li.active:before{
  display: block;
  content: '';
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  width:5px;
  background: #ff9500;
}
.index_left .index_menu.page-menu .index_menu_boby li.active a, 
.index_left .index_menu.page-menu .index_menu_boby li.active a:focus, 
.index_left .index_menu.page-menu .index_menu_boby li.active a:hover {
  color:#fff;
}
.index_left .index_menu.page-menu .index_menu_boby a, 
.index_left .index_menu.page-menu .index_menu_boby a:focus, 
.index_left .index_menu.page-menu .index_menu_boby a:hover {
  line-height: 0.2rem;
}


.index_left .index_menu .index_menu_boby {
	   text-align: left;
	   background-color: #f0f3f6;
	  /* display:none;*/
}
.index_left .index_menu .index_menu_boby.active {
	   background-color: #fff7e6;
}
.index_left .index_menu .index_menu_boby ul {
	margin: 0;
	padding:0 5px;
	list-style: none;
}
.index_left .index_menu .index_menu_boby ul > li {
	padding:5px 0;
	border-bottom: solid 1px #bcd3e5;
}
.index_left .index_menu .index_menu_boby ul >li:last-child{border-bottom: none;}
.index_left .index_menu .index_menu_boby.active ul > li {
	border-bottom: solid 1px #fee7bb;
}
.index_left .index_menu .index_menu_boby.active ul > li:last-child {
	border-bottom: none;
}
.index_left .index_menu .index_menu_boby.active ul > li a {
	padding: 0;
	color:#fda600;
}
.index_left .index_menu .index_menu_boby a,
.index_left .index_menu .index_menu_boby a:focus,
.index_left .index_menu .index_menu_boby a:hover{
	color:#1a6ba2;
	line-height: 0.3rem;
}

.index_left .index_menu .index_menu_boby ul > li.active{
  font-weight: bolder;
}

.index_left .index_menu.other-menu .index_title a,
.index_left .index_menu.other-menu .index_menu_boby{
  text-align: center;
}

.index_right
{
	margin: 0 1.8rem;
}
.index_web_right{
	margin:0;
}
.swiper_if{
	width:100%;
	height:auto;
}
.swiper-slide img{
	width:100%;
	height: 100%;
}
/*首页结束*/

/*内容*/
.text-content{
  font-size: 0.18rem;
  line-height: 1.8;
  margin: 0.2rem 0;
  font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
  color: #333;
  min-height: 4rem;
}
.text-content h2{
  text-align: center;
  color: #1e1e1e;
  font-weight: bold;
  font-size: 0.32rem;
  line-height: 1.125;
  padding-bottom: 0.09rem;
  margin: 0.2rem 0;
}
.text-content p{
  margin-bottom:0.15rem;
}

.loaction{
	color: #777;
	padding: 0.15rem 0.05rem;
	font-size: 0.15rem;
}
.loaction a,.loaction a:focus,.loaction a:hover{
	color:#777;
}
.loaction_line{
	border-bottom: 0.01rem solid #ddd;
}
.common-p {
    line-height: 0.18rem;
    color: #196ca2;
    font-size: 0.15rem;
    padding-left: 0.08rem;
    border-left: 0.05rem solid #196ca2;
    margin-bottom: 0.2rem;
    font-weight: bold;
}
.page-news-list {
		margin: 0 0.6rem;
}
.page-news-list .text-content .row {
	margin-left: -0.3rem;
	margin-right: -0.3rem;
}
.page-news-list .text-content .row>div {
	padding-left: 0.3rem;
	padding-right: 0.3rem;
}
.page-news-list .article-header {
  padding-bottom: 0.09rem;
  margin: 0.2rem 0;
  border-bottom: 0.01rem solid #eee;		
}
.page-news-list .article-title {
  text-align: center;
  color: #1e1e1e;
  font-weight: bold;
  font-size: 0.32rem;
  line-height: 1.125;
  font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;	
}
.page-news-list .article-date {
  text-align: center;
  font-size: 0.14rem;
  margin-top: 0.1rem;
  color: #737373;	
}
.page-news-list .article-content {
  font-size: 0.18rem;
  line-height: 1.8;
  margin: 0 0 0.12rem 0;
  font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;
  color: #333;
  min-height: 4rem;
}
.page-news-list .article-content p{
  margin-bottom:0.15rem;
}
.page-news-list .article-content img {
	max-width: 100%;
}

.list-news{
  min-height:5rem;
}
.list-news ul{
	color:#333;
	padding: 0;
}
.list-news ul li{
	padding: 0.2rem 0;
	list-style: none;
	border-bottom: 0.01rem dashed #bcc3cc;
}

.list-news li a{
    display: block;
    font-size: 0.16rem;
    position: relative;
    color: #333;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.list-news li a:before {
	display: none;
    position: absolute;
    top: 50%;
    left: 0;
    width: 0.05rem;
    height: 0.05rem;
    margin-top: -0.02rem;
    content: '';
    border-radius: 50%;
    background: #cfcfcf;
}
.list-news li a:hover {
	text-decoration: none;
}
.list-news li .date {
	color: #999;
	font-size: 0.14rem;
  position: absolute;
	top: 50%;
	right: 0;
  line-height: 0.2rem;
  margin-top:-0.1rem;
	color: #666;
}
.list-news .title {
	font-weight: bold;
  padding-right:1.8rem;
}
.list-news li .desc {
	margin-top: 0.1rem;
	color: #666;
} 
/*内容结束*/


/*分页*/
.pagination{padding:0.15rem 0; text-align:center;font-size:0.16rem;}  
.pagination li{border-radius:0.03rem; display:inline-block;margin:0 0.02rem;}  
.pagination .active{background:#1a6ba2; color:#FFF; border-color:#1a6ba2; margin:0 0.02rem;}  
.pagination .disabled{color:#aaa;}
.pagination a{ border-radius:0.03rem;display:inline-block; padding:0.05rem 0.12rem;border:0.01rem solid #dfdfdf;}
.pagination span{border-radius:0.03rem;display:inline-block;padding:0.05rem 0.12rem;}
/*分页结束*/
.show-date{
	text-align: right;
	line-height:0.2rem;
}

/*活动*/
.page-header{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #196ca2;
  padding: 0.15rem 0.05rem;
  font-size: 0.16rem;
  font-weight: bolder;
  position: relative;
  padding-left: 0.18rem;
}
.page-header:before{
  display: block;
  content: '';
  position: absolute;
  top:0.15rem;
  bottom:0.15rem;
  left:0;
  width:5px;
  background: #196ca2;
}
.page-images{
  padding-top:0.2rem;
}
.c-wrap {
  margin-bottom: 0.2rem;
}
.c-wrap:hover{
  overflow: hidden;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.c-wrap .box {
  display: block;
  text-decoration: none;
  padding-bottom: 0.15rem;
}
.c-wrap .box .img-wrap{
  overflow: hidden;
  margin:10px;
}
.c-wrap .box .img-wrap .img {
  width: 100%;
  height: 2.3rem;
  background-size: contain;
  border-radius: 0.05rem;
  transition: transform 0.2s;
}
.c-wrap .box:hover .img-wrap .img {
  transform: scale(1.1);
}
.c-wrap .box .title {
  font-size: 18px;
  height: 60px;
  line-height: 20px;
  overflow: hidden;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  padding: 15px;
  box-sizing: border-box;
}
.c-wrap .box .remarks {
  font-size: 14px;
  color: #999;
  height: 60px;
  line-height: 20px;
  overflow: hidden;
  margin-bottom: 10px;
  padding: 0 15px;
}

.explain_left{
  position: fixed;
  left: 0.1rem;
  top: 0.1rem;
  width: 2.1rem;
}
.explain_right{
  margin-left: 2.5rem;
  margin-right: 0.3rem;
}
.explain_context{
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}
.explain_menu ul{
  padding:0;
}
.explain_menu ul>li{
  line-height: 0.2rem;
  padding: 0.12rem 0.3rem;
  border-radius: 0.05rem;
  margin-bottom: 0.05rem;
  cursor: pointer;
  position: relative;
}
.explain_menu ul>li:hover,
.explain_menu ul>li.active{
  background:#f4f4f4;
  font-weight: bolder;
}
.explain_menu ul>li.active:before{
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border:0.06rem solid;
  border-color:transparent transparent transparent #337ab7;
  left: 0.15rem;
  top: 0.14rem;
}