body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑",Helvetica,"黑体",Arial,Tahoma;
	max-width:640px;
	min-width:320px;
	margin:0 auto;
	position:relative;
    background: url(../images/back.png) center repeat;

}{ list-style:none;}
ul{ padding:0; margin:0;}
a{ color:#333;text-decoration:none}
button:focus,button:hover,input:focus{ outline: none!important; }
a:hover,a:focus{ text-decoration:none !important; color:#e70e16;}
img{ max-width:100%;}
li{ list-style: none; }

.menu-button { position: absolute; top: 8px; right: 10px; bottom: 0px;  padding:9px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}

.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }

.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}

.nav-list{ position: absolute; left: 0; top: 100%; right: 0; display: none; background: #5c307d; }
.nav-list li a{ display: block; line-height: 40px; color: #fff; font-size: 16px; padding:0 15px; }
.top img{ width: 100%; }
.header{ height: 50px; z-index: 1000; position: relative; background: #5c307d; }
.header .form-control{ background: url(../images/icon01.png) 10px center no-repeat; background-size: 20px auto; padding-left: 40px; height: 50px; border-radius: 0; box-shadow: none; border:none; width:80%; float:left; overflow:hidden; }
.header .form-control::-webkit-input-placeholder{
            color:#aaa;
        }
.header .form-control::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#aaa;
        }
.header .form-control:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#aaa;
        }
.header .form-control:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#aaa;
  
      }
.container{ padding:0 10px; width: 100%!important; min-height:600px; }
.notice-box{ height: 35px; line-height: 33px;  font-size: 16px; color: #ad68d7; padding-right: 50px; position: relative; padding-left: 58px; border:solid 1px #e4e4e4; margin:15px 0; position: relative; background: #f2f2f2; }
.notice-box img{  position: absolute; left: 0; top: -1px; bottom: 0; width: 45px; background: url(../images/notice.png) center no-repeat; }

.notice-box a.more{ position: absolute; right: 10px; top: 0; bottom: 0; width: 25px; background: url(../images/more.png) center no-repeat; }
.news-box-img img{ width: 100%; }
.news-box-tt{ margin:10px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.news-box-tt a{ font-size: 16px; color: #626262; }
.news-box-date{ color: #ac67d8; padding-left: 24px; background: url(../images/icon-date.png) left center no-repeat; }
.look{ margin-top: 15px; }
.news-box{ padding-bottom: 15px; border-bottom: dashed 1px #ddd; margin-bottom: 5px; }
.news-list li{ position: relative; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height: 35px;} 
.news-list li span{ position: absolute; right: 0; font-size: 12px; color: #949494; }
.news-list li a{ font-size: 16px; color: #626262; padding-left: 25px; background: url(../images/li.png) left center no-repeat; }
.news-list-lg li{ padding-right: 0; }
.friends-list a{ display: inline-block; font-size: 14px; color: #626262; }
.friends-list span{ display: inline-block; padding:0 10px; margin-bottom: 10px; }
.row{ margin:0 -10px; }
.col-xs-6{ padding:0 10px; }
.email-link{ display: block; margin:10px 0; text-align: center; line-height: 35px; background: #ac68d7; font-size: 16px; color: #fff; }
.email-link span{ display: inline-block; padding-left: 44px; background: url(../images/email.png) left center no-repeat; }
.footer{ background: #5c307d; padding:20px 10px; margin-top: 10px; }
.footer p{ font-size: 12px; color: #fff; line-height: 25px; margin:0; }
.nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #fff; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
.nav-click.active{ transform: rotate(180deg); }
.nav-down li a{ padding-left: 25px; font-size: 14px; }
.nav-down{ display: none; }
.nav-list li{ position: relative; }
.nav-list{ border-top: solid 1px rgba(255,255,255,0.5); }
.notice-box span{ line-height: 35px; margin-left: -13px; margin-top: -1px; display: block; float: left; padding:0 30px 0 10px; background: #ac68d7; color: #fff; }
.list-header{height: 35px; color: #ad68d7; border:solid 1px #e4e4e4; background: #f2f2f2; margin:15px 0 5px 0; padding:0 15px;}
.list-header-tt{ font-size: 16px; color: #ad68d7; margin-top: 8px; padding-left: 5px; border-left:solid 3px #ad68d7; height: 16px; line-height: 15px; }
.nav-b{ line-height: 33px; color: #949494; }
.nav-b a{color: #949494; }
/*********article*******/
.article-tt{ font-size: 18px; color: #949494; margin:20px 0; }
.footer .row{ margin-top: -10px; }
.article-p p{ line-height: 25px; text-align: justify; color: #949494; }



.pic-list li {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 10px;
  box-sizing: border-box;
   margin-top:5%;
}


.pic-list li .pic img {
  width: 100%;
}

.pic-list li .text {
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  background: #5D317D;
}

.pic-list li .text a {
  color: #fff;
}

.pic-list li .text img {
  margin-left: 10px;
  vertical-align: middle;
}