

/*container*/
.container {width: 13.6rem; margin: 0 auto; padding: .2rem 0; }
.container .left-inner{ width: 3.4rem; min-height:2rem; display: inline-block; overflow: hidden; float: left;}
.container .left-inner .company-activity{width: 2.6rem; height: 0.9rem;margin-bottom: .16rem; line-height: 1.4rem; padding: .25rem .4rem; color: #0084CC; font-size: .3rem; background: rgb(228, 233, 237);}
.container .left-inner .company-activity p {height: .45rem; line-height: .45rem;}
.container .left-inner .company-activity p:first-child {text-align: left;}
.container .left-inner .company-activity p:last-child {text-align: right;}
.container .left-inner .list{  /*height: 4rem; */margin-bottom: .2rem;}
.container .left-inner .list ul {width: 100%;}
.container .left-inner .list ul li {display: block; height: .54rem; line-height: .54rem; text-align: center; font-size: .16rem; color: #333333; cursor: pointer;}
.container .left-inner .list ul li a{display: block; width: 100%; height: 100%; cursor: pointer;}
.container .left-inner .list ul li.active {background: #87BCD9; }
.container .left-inner .list ul li.active a{color: #FFFFFF; }
.container .left-inner .contact {padding: .35rem; background: url("../../images/contact.png"); background-size: 100% 100%;}
.container .left-inner .contact .title{width: 100%; margin-bottom: .2rem;}
.container .left-inner .contact .title p:first-child{font-size: .36rem; color: #0084CC; height: .45rem; line-height: .45rem;}
.container .left-inner .contact .title p:last-child {font-size: .24rem; height: .45rem; line-height: .45rem; color: #0084CC;}
.container .left-inner .contact .info p{font-size: .16rem; line-height: .36rem;}

.container .right-inner { width: 9.8rem;min-height: 2rem; margin-left: .4rem; display: inline-block;}
.container .right-inner .head {height:.44rem; border-bottom: 1px solid #CCCCCC; padding: 0 .2rem;}
.container .right-inner .head .index ul{float: right}
.container .right-inner .head .index ul li{display: inline; height: .44rem; line-height: .44rem; font-size: .16rem; color: #8A8A8A; text-align: right;}
.container .right-inner .head .index ul li.active{color: #0084CC;}

#table{ width: 100%; border: none; padding-bottom: 1rem; min-height: 9rem; margin-top: 13px; position: relative;}
#table .grid-title {height: 1.2rem; width: 100%; border-bottom: 1px solid #cccccc;}
#table .grid-title span {display: block; width: 1.3rem; height: 1.2rem; line-height: 1.2rem; color: #434343; }
#table .grid-title span:first-child{float: left; border-right: 1px solid #cccccc; text-align: center;}
#table .grid-title span:last-child{float: right; border-left: 1px solid #cccccc; text-align: center; font-weight: 400;}
#table .list-container{padding: .1rem .1rem .4rem .6rem;}
#table .list-container li{position: relative; width: 100%; font-size: .18rem; height: .44rem; list-style:disc; line-height: .44rem; color: #434343;}
#table .list-container li a{display: block; position:absolute; top: 0; left: 0; width:100%; height: 100%;}
#table .list-container li a div{ width: 6.8rem; height: .44rem; line-height: .44rem;}
#table .list-container li:hover{cursor: pointer; background: #CCCCCC;}
#table .list-container li .time {position: absolute; right: 0; top: 0; float: right; display: block; color: #BCBCBC; font-size: .18rem;}

.container .right-inner .page-control{position: absolute; width: 100%; bottom:0;transform: translate(-50% 0); margin: .6rem 0 .4rem 0; text-align: center; line-height: .3rem; height: .3rem;}
.container .right-inner .page-control a{color: #0084CC; cursor: pointer;}




