.header {
  width: 100%;

  height: 82px;
  background: url("../img/banner3.png")no-repeat;
  background-size: 100% 100%;
}

.nav {
  min-width: 1170px;
  height: 50px;
  background: #fff;
}

.navBar {
  width: 1170px;
  margin: 0 auto;
  line-height: 50px;
}

.navBar li{
  display: block;
  float: left;
  height: 50px;
  position: relative;
  padding: 0 5px;
}

.navBar li a{
  display: block;
  padding: 0 35px;
  height: 50px;
  font-size: 16px;
  color: #00448f;
}
.navBar li:first-child{

  margin-left: 0px;
}
.navBar li:hover a{
  background: #afa1bb;
}



/*banner*/
/* 鏈緥瀛恈ss */
.focusBox { position: relative; width:100%; height:518px; overflow: hidden; }
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic li{
	position: relative;
}
	
.focusBox .pic img { width:100%; height:518px;display: block; }
.focusBox .hd { width:113px; height: 26px; position: absolute;left: 50%;margin-left: -56px; bottom: 30px; text-align: center; font-size:0; z-index:1;background: url(../img/banner.png) no-repeat center center; }
.focusBox .hd li{margin: 7px 7px 0; background: #c9c9c9; height: 14px; overflow: hidden; width: 14px; cursor: pointer;
	display:inline-block; *display:inline; zoom:1; border-radius: 50%;
}
.focusBox .hd .on{ background: #cf000a;}

.focusBox .prev,
.focusBox .next { width: 18px; height:35px; margin: -60px 0 0; position: absolute; top: 56%; z-index: 10; cursor: pointer; text-indent: -9999px;  }
.focusBox .prev { left: 30px; background: url(../img/prevnew.png) no-repeat center center;}
.focusBox .next { background: url(../img/nextnew.png) no-repeat center center; right: 30px; }
	
	
	
	
	
	
	
	
	
/*main*/
.card-header{
    width: 1000px;
    margin: 0 auto;
    padding: 30px 0;
}

.card-header img{
  display: block;
  margin: 0 auto
}

.main .part1 {
  width: 1000px;
  margin: 0 auto;
}
.main .part1 .left,.main .part1 .left img{
  width: 528px;
  height: 334px;
  float: left;
}

.main .part1 .right{
  width: 439px;
  height: 274px;
  float: right;
}

.main .part1 .right p{
  font-size: 13px;
  color:#7e7e7e;
  line-height: 30px;
  text-indent: 2em;
  margin-bottom: 25px;
}
.main .part1 .right a{
  padding: 10px 15px;
  background: #00448f;
  border-radius: 5px;
  color: #fff;
}

/*part2*/
.main .part2 {
  min-width: 1000px;
 background: #efefef;
 margin-top: 30px;
 padding-bottom: 10px;
 height: 390px;
}
.card-main {
  width: 1000px;
  margin: 0px auto 0;
}
.main .part2 .icons{
  display: inline-block;
  vertical-align: middle;
  width: 175px;
  height: 110px;
  border: 1px solid #efefef;
  padding-top: 15px;
  margin-left: 19px;
  margin-bottom: 20px;
  text-align: center;
  cursor: pointer;
}
.main .part2 .margin0{
  margin-right: 0 !important;
}
.main .part2 .icons i{
  width:70px;
  height: 70px;
  display: block;
  border-radius: 50%;
  margin: 0 auto 0px;
  overflow: hidden;
}
.main .part2 .icons img{
  width: 100%;
  height: 100%;
}
.main .part2 .icons p{
  display: block;
  color: #595757;
  font-size: 18px;
  font-family:"榛戜綋";
  margin-top: 14px;
}
.main .part2 .icons i.icon-1{
  background: url('../img/icon-1.png')  center no-repeat;
}
.main .part2 .icons i.icon-2{
  background: url('../img/icon-2.png')  center no-repeat;
}
.main .part2 .icons i.icon-3{
  background: url('../img/icon-3.png')  center no-repeat;
}
.main .part2 .icons i.icon-4{
  background: url('../img/icon-4.png')  center no-repeat;
}
.main .part2 .icons i.icon-5{
  background: url('../img/icon-5.png')  center no-repeat;
}
.main .part2 .icons i.icon-6{
  background: url('../img/icon-6.png')  center no-repeat;
}
.main .part2 .icons i.icon-7{
  background: url('../img/icon-7.png')  center no-repeat;
}
.main .part2 .icons i.icon-8{
  background: url('../img/icon-8.png')  center no-repeat;
}
.main .part2 .icons i.icon-9{
  background: url('../img/icon-9.png')  center no-repeat;
}
.main .part2 .icons i.icon-10{
  background: url('../img/icon-10.png')  center no-repeat;
}
.main .part2 .icons:hover{
}
.main .part2 .icons:hover i{
  transform: scale(1.2);
}
/*part3*/
.part3 {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 15px;
}
.main .part3 .left,.main .part3 .left img{
  float: left;
  width: 640px;
  height: 440px;
}
.main .part3 .right{
  float: right;
  width: 233px;
   padding-top: 80px; 
}
.main .part3 .right .top div{
  display: inline-block;
  vertical-align: middle;
  margin-right: 13px;
  font-size: 13px;
}
.main .part3 .right .top div i{
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 13px;
  border-radius: 1px;
}
.main .part3 .right .top  div.red i{
  border: 1px solid #cf000a;
  border-radius: 1px;
}
.main .part3 .right .top  div.blue i{
	border: 1px solid #00448f;
  	border-radius: 1px;
}
.main .part3 .right .top  div span{
  display: inline-block;
  vertical-align: middle;
}
/* .main .part3 .right .bottom{
  margin-top: 25px;
} */
.main .part3 .right .bottom div{
  width: 80px;
  text-align: center;
  float: left;
}
.main .part3 .right .bottom .red h1{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 1px solid #cf000a;
	line-height: 80px;
	color: #CF000A;
}
.main .part3 .right .bottom .blue{
	border-color:#ffac25;
	float: right;
}
.main .part3 .right .bottom .blue h1{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 1px solid #00448f;
	line-height: 80px;
	color: #00448f;
}
.main .part3 .right .bottom p{
	margin-top: 21px;
	font-size: 8px;
	color: #666;
}

/*part4*/

.part4{
  background: #efefef;
  height: 540px;
  padding-top: 20px;
}
.part4>p{
	width: 798px;
	margin: 0 auto;
	text-align: center;
	font-size: 15px;
	line-height: 30px;
	color: #666;
}
.picScroll-left {
  width: 1000px;
  position: relative;
  margin: 20px auto 0;
}
.picScroll-left .bd{
  width: 811px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.picScroll-left .bd li {
  display: block;
  width: 219px;
  height: 300px;
  float: left;
  margin: 0 31px 0 31px;
  text-align: center;
  font-size: 16px;
  
}
.picScroll-left .bd li img{
  width: 215px;
  height: 215px;
  border: 2px solid #bfbfbf;
  border-radius: 50%;
  margin-bottom: 18px;
}
.picScroll-left .bd li h1{
	font-size: 16px;
	line-height: 32px;
	color: #666;
	font-weight: normal;
}
.picScroll-left .bd li p{
	color: #666!important;
}

.picScroll-left .bd li:hover img{
 	border-color: #cf000a;
}
.picScroll-left .next{
  background: url('../img/next.png');
  width: 39px;
  height: 39px;
  position: absolute;
  z-index: 999;
  right: 0;
  top:50%;
  margin-top: -25px;
  cursor: pointer;
}
.picScroll-left .prev{
  background: url('../img/prev.png') no-repeat;
  width: 39px;
  height: 39px;
  position: absolute;
  z-index: 999;
  left: 0;
  top:50%;
  margin-top: -25px;
  cursor: pointer;
}
/*part5*/
.main .part5{
	padding-bottom: 40px;
}
.main .part5  .card-main .top .item{
  float: left;
  text-align: center;
  width: 166px;
  height: 176px;
  position: relative;
  color: #fff;
}
.card-main .top .item:first-child{
  margin-left: 0px;
}
.item span{
  display: block;
  width: 106px;
  height: 116px;
  margin: 0 auto 30px;
}
.item1 {background: url(../img/part5-1.png) top center no-repeat;}
.item2 {background: url(../img/part5-2.png) top center no-repeat;}
.item3 {background: url(../img/part5-3.png) top center no-repeat;}
.item4 {background: url(../img/part5-4.png) top center no-repeat;}
.item5 {background: url(../img/part5-5.png) top center no-repeat;}
.item6 {background: url(../img/part5-6.png) top center no-repeat;}

.part5 .card-main .top .item p{
    font-size: 15px;
    color: #fff;
    padding: 0 35px;
    line-height: 30px;
    text-align: center;
    padding-top: 90px;
    height: 96px;
}


.main .part5 .card-main .box{
  width: 320px;
  height: 253px;
  border:2px solid #005825;
  margin-right: 10px;
  float: left;
  padding: 30px;
}
.main .part5 .card-main .box h1{
  font-size: 21.33px;
  color:#595757;
  margin-bottom: 30px;
}
.main .part5 .card-main .box ul li a{
  font-size: 16px;
  color:#595757;
  margin-bottom: 10px;
  display: inline-block;
}
.main .part5 .card-main .box ul li a:hover{
  color: #005825;
  font-weight: bold;
}


.contentD {
  padding-top: 43px;
  height: 257px;
  background: #efefef;
}

.contentD>div{
	width: 1000px;
	margin: 0 auto;
}

.contentD .box{
  width: 280px;
    height: 165px;
    padding: 33px 20px 0;
  float: left;
}

.contentD .box ul{
  float: left;
  width: 220px;
  font-family: 'Adobe 榛戜綋 Std'
}

.contentD ul h3{
  height: 35px;
  margin-bottom: 15px;
  font-size: 20px;
  color: #595757;
}
.contentD ul li a{
  display: block;
  line-height: 36px;
  font-size: 16px;
  color: #888787;
}
.contentD ul li a:hover{
  color: #cf000a;
  font-weight: bold;
}
.contentE {
	width: 1000px;
	margin: 0 auto;
	padding: 30px 0;
}
.contentE .left{
	/*width: 440px;*/
  width: 293px;
  padding: 18px 10px 0;
  height: 277px;
  box-shadow: 0 0 30px #cccaca;
}
.title{
	font-size: 15px;
	color: #999;
	margin-bottom: 20px;
}
.title span{
	font-size: 21px;
	color: #00448f;
	margin-right: 5px;
}
.title a{
	font-size: 13px;
	color: #00448F;
	margin-left: 50px;
}
.contentE {
  font-family: '寰蒋闆呴粦'
}
.contentE  ul{
  height: 180px;
}
.contentE  ul li{
	font-size: 13px;
	color: #ababab;
	line-height: 30px;
}
.contentE .left ul li b{
	/*color: #fff;*/
  color: #00448f;
	font-size: 20px;
	/*margin-right: 5px;*/
	float: left;
}
.contentE  ul li span{
	float: left;
}
.contentE  ul li a{
	float: right;
	width: 275px;
	
	color: #ababab;
}
.contentE  ul li:hover b{
	color: #00448f;
}
.contentE  ul li:hover span,.contentE  ul li:hover a{
	color: #333;
}
.contentE .right{
	width: 504px;
}
.contentE .left .more{
  font-size: 16px;
  color: #00448f;
  float: right;
}
/*.contentE .right li{
	height: 135px;
	position: relative;
	margin-bottom: 20px;
}
.contentE .right li img{
	width: 204px;
	height: 135px;
	position: absolute;
	left: 0;
	top: 0;
}
.contentE .right li div{
	padding: 25px 0 0 25px;
	height: 75px;
	background: #efefef;
	position: absolute;
	width: 275px;
	right: 0;
	top: 20px;
}
.contentE .right li div h3{
	color: #00448f;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}
.contentE .right li div p{
	color: #999;
	font-size: 12px;
}
.contentE .right li div  a {
	width: 60px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 25px;
}
.contentE .right li div a img{
	width: 100%;
	height: 100%;
}
*/
/*footer*/
.footer{
  background: #3e3a39;
  line-height: 24px;
  color: #fff;
  padding: 14px 0;
  font-size: 14px;
}
.footer p{width: 640px;margin: 0 auto;}
.footer p span,.footer p a{
	width: 270px;
}
.footer p a{
	color: #fff;
}
.contentCatetory{
  width: 1000px;
  position:relative;
  margin: 36px auto 66px;
}
.contentCatetory h2{
  height: 48px;
  line-height: 48px;
  font-size: 20px;
  border-bottom: 2px solid #d7d7d5;
  position: relative;
  margin-bottom: 20px;
}
.contentCatetory h2 span{
  position: absolute;
  left: 0;
  top: 0px;
  border-bottom: 2px solid #2FB7A1;
  color: #323335;
  font-weight: normal;
}
.contentCatetory .details{
  padding: 35px 30px 80px;
  background: #fff;
    box-shadow: 0 0 10px #ddd;
    min-height: 400px;
}
.contentCatetory .details h1{
  line-height: 40px;
  font-size:16px;
  margin:0;
  text-align:center;
}
.left-content {
  width:700px;
  float:left;
}

.left-content table{
  margin:0 auto;
}

.right-side{
  width:200px;
  margin-left:30px;
  float:left;
}
.contentCatetory .details h1{
  font-size: 24px;
  color: #333333;
  margin: 15px 0;
}
.contentCatetory .details p{
  line-height: 24px;
  color: #666;
  font-size: 12px;
  margin-bottom: 10px;
  text-indent: 2em;
}
.contentCatetory .details h2{
  line-height:20px
}

.aside {
  position:absolute;
  left:-100px;
  top: 70px;
  width:80px; 
  border-radius:4px;
  overflow: hidden;
  box-shadow: 0 0 5px #ddd;
}

.aside li{
  font-size:14px;
  line-height: 20px;
  border-bottom:3px solid #69bbd8;
  text-align:center;
  background: #58adca;
}

.aside li a{
  display:block;
  width: inherit;
  height: inherit;
  color:#fff;
  padding:10px;
}
.aside li a:hover {
  color:#ffff;  
  background:#9fd8eb;
}
.aside li a.active{
  color:#ffff;  
  background:#9fd8eb;
}

.contentCatetory .imgList{
  margin-top: 30px;
}
.contentCatetory .imgList li{
  width: 210px;
  box-shadow: 0 0 5px #ccc;
  margin-right: 53px;
  margin-bottom: 30px;
}
.contentCatetory .imgList li img{
  width: 210px;
  height: 172px;
  margin-bottom: 10px;
}
.contentCatetory .imgList li p{
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #999;
  margin-left: 10px;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.teacher-detail p{
  width:190px;
  float:left;
}
.contentCatetory .imgList li .first{
  font-size: 12px;
  color: #999;
}
.contentCatetory .imgList li .first b{
  font-size: 18px;
  color: #333;
}

 .teacher-detail a{
  color: #999;
  font-size: 12px;
  padding: 0 4px;
  
  border: 1px solid #2fb7a1;
  color: #2FB7A1;
  border-radius: 9px;
    height: 17px;
    line-height: 17px;
    margin: 5px;
}

.side-catalog {
    width: 200px;
    height: 390px;
    position: fixed;
    top:350px;
    font-size: 14px;
    font-family: "simsun";
    line-height: 19px;
}

.side-catalog .side-bar {
    position:absolute;
    top:0;
    width:0;
    min-height:50px;
    background-color:#eaeaea;
    border:1px solid #eaeaea;
    border-top:0;
    border-bottom:0;
    left:5px
}
.side-catalog .side-bar .circle.start, .side-catalog .side-bar .circle.end {
    position:absolute;
    left:-5px;
    width:10px;
    height:10px;
    background:transparent url(https://bkssl.bdimg.com/static/wiki-lemma/widget/lemma_content/mainContent/sideCatalog/img/sideCatalog_a278e02.gif) 0 -199px no-repeat;
    zoom:1;
    overflow:hidden
}
.side-catalog .side-bar .circle.start {
    top:0
}
.side-catalog .side-bar .circle.end {
    margin:0;
    bottom:0
}
.side-catalog .catalog-scroller {
    padding-top:15px;
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    width:210px;
    overflow:hidden
}
.side-catalog .catalog-scroller .catalog-list {
    width:228px;
    height:auto;
    position:relative
}
.side-catalog .catalog-scroller .catalog-list .arrow {
    left:0;
    z-index:2;
    top:3px;
    position:absolute;
    height:13px;
    width:18px;
    cursor:pointer;
    background:transparent url(https://bkssl.bdimg.com/static/wiki-lemma/widget/lemma_content/mainContent/sideCatalog/img/sideCatalog_a278e02.gif) -271px -38px no-repeat
}
.side-catalog .catalog-scroller .catalog-list .catalog-title {
    position:relative;
    margin-bottom:7px;
    padding-left:20px
}
.side-catalog .catalog-scroller .catalog-list .catalog-title .text {
    line-height:19px;
    display:block
}
.side-catalog .catalog-scroller .catalog-list .catalog-title .pointer {
    position:absolute;
    display:block;
    width:10px;
    height:10px;
    cursor:pointer;
    margin-top:4px;
    left:0;
    background:transparent url(https://bkssl.bdimg.com/static/wiki-lemma/widget/lemma_content/mainContent/sideCatalog/img/sideCatalog_a278e02.gif) 3px -222px no-repeat
}
.side-catalog .catalog-scroller .catalog-list .catalog-title .pointer:hover {
    background-position:3px -245px
}
.side-catalog .catalog-scroller .catalog-list .catalog-title:hover .text {
    background:#f5f5f5;
    border-radius:2px;
    box-shadow:0 1px 0 #eaeaea
}
.side-catalog .catalog-scroller .catalog-list .catalog-title:hover .pointer {
    background-position:3px -245px
}
.side-catalog .catalog-scroller .catalog-list .catalog-title.level1 .text {
    padding-left:10px
}
.side-catalog .catalog-scroller .catalog-list .catalog-title.level1 .title-index {
    color:#999;
    font-weight:700;
    font-family:Arial;
    font-size:14px;
    padding-right:5px
}
.side-catalog .catalog-scroller .catalog-list .catalog-title.level1 .title-link {
    color:#555;
    font-weight:700;
    text-decoration:none
}
.side-catalog .catalog-scroller .catalog-list .catalog-title.level2 .text {
    padding-left:22px
}
.side-catalog .catalog-scroller .catalog-list .catalog-title.level2 .title-index {
    color:#999;
    font-family:Arail;
    font-size:14px;
    padding-right:5px
}
.side-catalog .catalog-scroller .catalog-list .catalog-title.level2 .title-link {
    color:#666;
    text-decoration:none
}
.side-catalog.collapse {
    height:96px;
    overflow:hidden
}
.side-catalog.collapse .toggle-button {
    background-position:-104px 0
}
.side-catalog.collapse .toggle-button:hover {
    background-position:-154px 0
}
.side-catalog.collapse .side-bar {
    display:none
}
.side-catalog.collapse .catalog-scroller {
    display:none
}

.side-catalog .bottom-wrap {
    position:absolute;
    height:45px
}
.side-catalog .bottom-wrap .toggle-button, .side-catalog .bottom-wrap .gotop-button {
    display:block;
    width:45px;
    height:45px;
    cursor:pointer
}
.side-catalog .bottom-wrap .toggle-button {
    background:transparent url(https://bkssl.bdimg.com/static/wiki-lemma/widget/lemma_content/mainContent/sideCatalog/img/sideCatalog_a278e02.gif) no-repeat 0 0
}
.side-catalog .bottom-wrap .toggle-button:hover {
    background-position:-53px 0
}
.side-catalog .bottom-wrap .gotop-button {
    margin-top:6px;
    background:transparent url(https://bkssl.bdimg.com/static/wiki-lemma/widget/lemma_content/mainContent/sideCatalog/img/sideCatalog_a278e02.gif) no-repeat -1px -62px
}
.side-catalog .bottom-wrap .gotop-button:hover {
    background-position:-74px -62px
}





.line-up {
  display:none;
  width:275px;
  height:250px;
  padding-top:120px;
  background:url(../img/lineUp.png) center no-repeat;
}

.line-up p{
  color:#fff;
  text-align:center;
}
.line-num {
  height:130px;
  padding:0 20px;
}
.attempt {
  display:block;
  color: #6E7393 !important;
  text-align:center;
  margin-top:15px;
  font-size:14px;
}

.attempt:hover{
  color:#2fb7a1 !important;
  text-decoration: underline;
}
.waiting {
  display:block;
  width:160px;
  height:40px;
  background:#2fb7a1;
  line-height:40px;
  text-align:center;
  margin:0 auto;
  color:#fff !important;
  font-weight:700;
  border-radius:5px;
}

.link-error {
  display:none;
  width:275px;
  height:250px;
  padding-top:120px;
  background:url(../img/net-error.png) center no-repeat;
}

.link-error p{
  height:170px;
  padding:0 20px;
  color:#fff;
  text-align:center;
  line-height:25px;
}

.articleLi {margin-top:5px;min-height:450px;}
.articleLi ul {margin: 10px; min-height:400px;}
.articleLi ul li {height:35px;background: url(../img/b1.png) left center no-repeat;padding-left:15px;}
.articleLi ul li a {height:35px; line-height: 35px; font-size:14px;color:#666;text-decoration: none;cursor: pointer;}
.articleLi ul li a h3 {font-size: 14px;font-weight: normal;}
.articleLi ul li a:hover {color:#ff9333;}
.page {text-align: center;margin-top: 20px;margin-bottom: 20px;font-size:14px;color: #666666;}
.page a {border: 1px solid #ccc;color: #727272;padding:5px;background: #f1f1f1;cursor: pointer;}
.page a:hover {color: #8c0e0f;text-decoration: none;}

.cmt-count	{
  color: #2da2e2;
  font-size: 20px;
  font-style: normal;
}
.cmt-count-score{
  display: inline-block;
  width: 160px;
  font-style: normal;
}	
.cmt-count-score b {
  font-size: 44px;
  font-weight: normal;
  font-style: normal;
}
.cmt-count em {
  display: inline-block;
  color: #999;
  font-size: 12px;
  font-style: normal;
}
.cmt-summary ul {
  width: 830px;
  margin-left: 30px;
}
.cmt-summary ul li {
  width: 252px;
  float: left;
  position: relative;
  height: 30px;
  line-height: 30px;
}
.cmt-summary .comcount {
 
  color: #999;
font-size: 12px;

}
.cmt-summary .comlevel {
  display: inline-block;
  height: 8px;
  background: #efefef;
width: 130px;
font-size: 12px;

}
.cmt-summary .comlevel i {
  display: block;
  height: 8px;
  background: #2da2e2;
  font-size: 0;
}
.cmt-summary .comout{
font-size:12px;
color:#999;
}
.cmt-count .ping-btn{
float: right;
margin-right: 80px;
padding: 12px 45px;
background: #2ca2e2;
font-size: 12px;
color: #fff;

}
.cmt-item {
  margin-top: 15px;
  border-bottom: 1px solid #eee;
}
.cmt-item .item-info {
  height: 26px;
  line-height: 26px;
  color: #999;
  font-size: 12px;
}
.cmt-item .item-info .item-score {
  height: 26px;
  overflow: hidden;
}
.cmt-item .item-info .item-score .ufeed-level {
  display: inline-block;
  background: url(../img/a.png) no-repeat;
  width: 70px;
  height: 12px;
  line-height: 0;
  vertical-align: baseline;
  background-position: -4px -1px;
}
.cmt-item .item-info .item-score .ufeed-level i {
  display: inline-block;
  background: url(../img/a.png) no-repeat;
  height: 12px;
  background-position: -4px -20px;
}
.cmt-item .item-info .item-score .ufeed-item {
  padding-left: 10px;
  line-height: 26px;
  color: #333;
}
em, i {
  font-style: normal;
}
.cmt-item .item-content {
  position: relative;
  margin-top: 10px;
  _height: 65px;
  max-height: 65px;
  overflow: hidden;
  font-size: 14px;
color: #333;
line-height: 30px;
}
.cmt-item .item-info-com p{
float: right;
}
.cmt-item .item-info-com a {
color: #333;
  text-decoration: none;
}
.cmt-item .item-info-com p em {
  padding: 0 5px 0 20px;
}
.cmt-item .item-info-com {
  padding-bottom: 5px;
  height: 36px;
  line-height: 36px;
color: #333;
font-size: 12px;
}
.cmt-layer{
position: fixed;
  width: 870px;
  height: 460px;
  left: 50%;
  top: 50%;
  margin-left: -435px;
  margin-top: -265px;
  z-index: 999;
  background: #Fff;
  border-radius: 8px;
  overflow: hidden;
  display: block;
border: 1px solid rgba(0,0,0,.3);
}
.cmt-layer ul li {
float: left;
line-height: 35px;

}
.cmt-layer ul li .star {
  display: inline-block;
  vertical-align: sub;
}
.star img {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.star {
  width: 150px !important;
}
.cmt-layer textarea {
  margin-top: 15px;
  width: 100%;
  max-width: 100%;
  max-height: 246px;
  padding: 10px;
  box-sizing: border-box;
}
.sub-btn a{
  padding: 8px 25px;
  float: right;
  color: #fff;
  background: #309fe6;
  margin-top: 30px;
}
.close{
cursor: pointer;
  position: absolute;
  top: -44px;
  right: -44px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(0,0,0,.3);
  padding-top: 35px;
  padding-right: 34px;
  text-align: center;
  line-height: 44px;
  font-size: 27px;
  color: #fff;
}