html {
    font-size: 100%
}
body {
    margin: 0;
    color: #666;
    font: 12px/1.5 "microsoft yahei", Arial, sans-serif;
       background: #f2f2f2;
}
dl, dd, h1, h2, h3, h4, h5, h6, p, ul, ol {
    margin: 0
}
ul, ol {
    padding-left: 0;
    list-style-type: none
}
img {
    border: 0
}
a {
    color: #595757;
    text-decoration: none;
    outline: 0 none;
    -webkit-transition: color 200ms ease-out, background-color 200ms ease-out, border-color 200ms ease-out, opacity 200ms ease-out;
    -ms-transition: color 200ms ease-out, background-color 200ms ease-out, border-color 200ms ease-out, opacity 200ms ease-out;
    -o-transition: color 200ms ease-out, background-color 200ms ease-out, border-color 200ms ease-out, opacity 200ms ease-out;
    transition: color 200ms ease-out, background-color 200ms ease-out, border-color 200ms ease-out, opacity 200ms ease-out;
}
a:hover {
    color: #e1405a!important;
    text-decoration: none;
}
a, button {
    cursor: pointer
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
input, select, img {
    vertical-align: middle
}
a, input, button {
    padding: 0;
    margin: 0;
    outline: 0
}
i, em {
    font-style: normal
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
.fl {
    float: left;
    display: inline
}
.fr {
    float: right;
    display: inline
}#inlineFrameExample{position:absolute;width:100%;height: 100%;border:0;top:0;left:0;    z-index: 2222222222;}
 .xfnav{display:none;}
.dib {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1
}
.tc {
    text-align: center
}
.fz14 {
    font-size: 14px
}
.fix {
    zoom: 1
}
.fix:after, .fix:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}
.none {
    display: none
}
.hidden {
    width: 0;
    height: 0;
    overflow: hidden
}

.w1200 {
    width: 925px ;
    margin: 0 auto;
}

.header{position:relative;z-index: 5;background: #fff;    height: 82px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1);margin-bottom:32px;}
.logo {
 
    height: 82px;
    line-height: 82px;
    float: left;
    position: relative;
    z-index: 3;
}
.logo img{height:33px;}
.banner{    padding: 25px;
    overflow: hidden;
    margin-bottom: 10px;
    background: #fff;
    border-bottom: 3px solid #ebeaea;}
.banner img{width:100%;}    
    .cpbox{  padding: 25px;
    overflow: hidden;
    margin-bottom: 10px;
    background: #fff;
    border-bottom: 3px solid #ebeaea;}
.mod-tit{height:16px;padding-bottom:12px;position:relative}
.mod-tit span{display:block;height:16px;line-height:16px;font-size:16px;border-left:1px solid #e1405a;padding-left:10px;color: #595758;vertical-align: auto;}
.cpbox ul{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;     flex-wrap: wrap;  }
.cpbox ul li{width:23.5%;margin-right: 2%;margin-bottom:2%;}
.cpbox ul li:nth-child(4n){margin-right: 0}
.cpbox ul li a{display: block;    font-size: 14px;}
.cpbox ul li a img{width:100%;display: block;height: 130px;    margin-bottom: 8px;}
.cpbox ul li a span{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;    justify-content: space-between;}

.cpbox ul li a span em{    width: 64px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #e1405a;
    text-align: center;
    -webkit-border-radius: 9px;
    border-radius: 9px;
     font-size: 12px;
    float: right;
    color: #fff ;
 
    background: #e1405a;}

.ibox1 {
    overflow: hidden;
    clear: both;
    padding-bottom: 20px;
    border-bottom: 2px solid #45be62 ;
}
.app_info{ width: 530px;padding-left:170px; position:relative;}
 
.app_info .app_icon{ position:absolute; left:0px; top:0px;}
.app_info .app_icon img{ width:150px; height:150px; border-radius:20px;}
.app_info .app_tit{ width:100%; overflow:hidden; clear:both; height:44px;}
.app_info .app_tit h1{ font-size:24px; line-height:44px; display:block; float:left; margin-right:20px;color:#000;font-weight: bold;}

.app_info .app_tit a{ display:block; float:left; width:35px; height:17px; border-radius:3px; text-align:center; line-height:17px; margin-left:10px; margin-top:13px;}
.app_info .app_tit a.lbrk{ color:#22c9b5; border:1px solid #22c9b5;}
.app_info .app_tit a.arr{ color:#ff7b33; border:1px solid #ff7b33;}
.app_info .app_tit a:hover{ text-decoration:none;}
.app_info .app_sx{ line-height:28px; font-size:14px; color:#666; width:100%; height:28px;}
.app_info .app_sx span{ padding-right:40px;}
.app_info .app_sx span.g1{padding-right: 20px;width: 157px;overflow: hidden;display: block;float: left;}
.app_info .app_sx span.g4{padding-right: 20px;display: block;float: left;width: 157px;word-break: break-all;}
.app_info .app_sx font{ color:#f00;}


.app_info2 tr td {
    display: inline-table;
    height: 28px;
    line-height: 28px;
    color: #666;
    font-size: 14px;
    min-width: 180px;
}

.app_ma { overflow: hidden;}
.app_ma .saoma { display: block; text-align: center;}
.app_ma .saoma img { display: block;
    width: 124px;
    height: 124px;
    border: 1px solid #dcdcdc;
    margin-bottom: 5px;
    padding: 4px;
    border-radius: 6px;}
.app_ma b{text-align: center;color:#666;font-weight:normal;display: block;font-size:14px;}


.listleft{width: 680px; overflow:hidden;float:left;}
.listleft .btba{font-size: 17px;color:#333;overflow:hidden;clear:both;padding-top:15px;height:40px;line-height:30px;font-weight: bold;}
.tuiright{ float:right; width:220px; overflow:hidden; padding-top:10px;}
.remen{ overflow:hidden; clear:both;margin-bottom:10px;}
.tuitit{height:38px;line-height:38px;border-bottom:1px solid #eee;margin-bottom: 2px;}
.tuitit h3{display:block; height:38px;border-bottom:2px solid #3dbf60 ;font-size:17px;color:#333;float: left;  text-align: left;font-weight: bold;}
.tuitit span{display:block; height:38px;border-bottom:2px solid #3dbf60 ;font-size:17px;color:#333;float: left; min-width: 95px; text-align: left;}

.tuitab li{padding-top:12px; overflow:hidden;}
.tuitab li em{ display:block; float:left; width:18px; height:18px; background:#e0e0e0; overflow:hidden; text-align:center; line-height:18px; color:#fff; margin-top:12px; margin-right:14px;}
.tuitab li a{ display:block; float:left; width:180px; overflow:hidden; white-space:nowrap; font-size:14px;}
.tuitab li a img{ width:80px; height:80px; border-radius:6px; margin-right:10px;}
.tuitab li span{ display:block; float:right; color:#999; line-height:42px;}
.lbbox{position: relative;}

.lbbox .swiper-button-next:after,.lbbox .swiper-button-prev:after{font-size: 32px;color:#000;}

.lbbox .swiper-button-next,.lbbox .swiper-rtl .swiper-button-prev{right:0;width: 17px;}

.lbbox .swiper-button-prev, .lbbox .swiper-rtl .swiper-button-next{left:0;width: 17px;}
.nr{    font-size: 15px;
    line-height: 24px;
    color: #222;}
.nr p {
    padding-bottom: 9px;
}
.nr img{max-width:100% !important;height: auto !important;}

  .mySwiper.swiper{margin:0 25px;}
  .mySwiper  .swiper {
     width:100%;
      height: 100%;
    }


    .mySwiper   .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .mySwiper   .swiper-slide img {
      display: block;
      width: 100%;max-width:250px;
      height: 100%;
      object-fit: cover;
    }
	.friend{padding: 25px;
    overflow: hidden;
    margin-bottom: 10px;
    background: #fff;
    border-bottom: 3px solid #ebeaea;}
	
.friend .title{     font-size: 14px;   line-height: 1;
    padding-bottom: 10px;
    margin-bottom: 12px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #e5e5e5;}	
	.friend  a{padding-right:10px;}
	
	
	.friendb{padding: 25px  0 ;clear:both;
    overflow: hidden;
    margin-bottom: 10px;
  
}
	
.friendb .title{     font-size: 17px;   line-height: 1;
    padding-bottom: 10px;
    margin-bottom: 12px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #e5e5e5;}	
	.friendb  a{padding-right:10px;}	
	
	
@media screen and (max-width:800px){
.lbbox .swiper-button-next, .lbbox .swiper-rtl .swiper-button-prev{display:none;}
.lbbox .swiper-button-prev, .lbbox .swiper-rtl .swiper-button-next{display:none;}
.mySwiper.swiper{margin:0}
.mySwiper .swiper-slide{width:auto;}
.mySwiper .swiper-slide img{max-width:140px}
.header{padding:10px;height:auto;margin-bottom:10px;}
.w1200{width:100%}
.logo{float: none;height: auto;line-height: 100%;}
.banner{margin:10px;padding:10px;}
.cpbox{margin:10px;padding:10px;}
.cpbox ul li{width:49%;}
.cpbox ul li:nth-child(2n){margin-right: 0}
.cpbox ul li a span{    flex-direction: column;}
.cpbox ul li a span i{width: 100%;display: block;height: 42px;margin-bottom:8px;}
.cpbox ul li a span em{width:100%;}
.cpbox ul li a img{height: 100px;}
.ibox1{padding:0 20px 10px}
.app_info .app_icon img{width:100px;height:100px;}
.app_info{width:auto;float:none;padding-left:110px;        display: block;}
.app_ma{display:none;}
.listleft{float:none;width:auto;        margin: 0 10px 10px;}
.tuiright{float:none;width:auto;        margin: 0 10px 10px;}
.app_info2 tr td {
    display: table-cell;

    font-size: 12px;
    min-width: 50%;width: 50%;
}
.tuitab ul {        margin-top: 10px;
 
}
.tuitab li{           width: 18.4%;
        margin: 0;
   
        box-sizing: border-box;
        float: left;
        display: block;
        margin-right: 2%;}
		.tuitab li:nth-child(5n){margin-right:0}
.tuitab li a{float:none;width:100%;        text-align: center;}
.tuitab li a img{display:block;margin-right:0;        width: 100%;
        height: auto;}
		
.h40 {
        height: 60px;
        display: block
    }
	.cp3     .ibox1 {
        padding: 0 10px 10px;
        border-bottom: 10px solid #efefef;
    }
 
	.cp3 .app_info .app_tit{height: 22px;}
	.cp3 .app_info .app_tit h1 {
    font-size: 16px;
    line-height: 22px;font-weight:normal;}
	.cp3 .app_info2 tr td{        line-height: 20px;
        font-size: 14px;
        color: #999;
        height: 20px;}
			.cp3 .app_info2 tr td span{color:#333}
			.cp3 .xfnav strong{font-weight:normal;}
.cp3 .app_info{padding-left:72px;}	
.cp3 .xfnav{position:relative;height:auto;}
.cp3 .xfnav>div{padding-bottom:0}
.cp3     .xfnav a {
margin: 0;}
.cp3 .app_info .app_icon img{width:65px;height:65px;    border-radius: 5px;}
.cp3 .app_info2 tr td .cata {
    color: #fd8230;
	}
 .xfnav {
        height: 60px;
        clear: both;
        width: 100%;
        position: fixed ;
        bottom: 0px;
        display: block
    }

    .xfnav>div {
        background: #fff;
        line-height: 40px;
        padding: 10px 0;
        color: #FFFFFF;
        width: 100%;
        text-align: center;
        float: left;
        box-sizing: border-box;
    }

    .xfnav a {
        margin: 0 10px 10px;
        border-radius: 3px;
        background: #45be62;
        display: block;
    }
	
	 .xfnav strong {
        color: #FFFFFF;
        text-decoration: none;
        font-size: 18px;
    }
.friend{margin:10px;padding:10px;}	

.friendb{padding:10px}
}