/*********************css reset************************/


    body {
        background: #fff;
        font-size:12px;font-family:"微软雅黑","宋体";
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
.w1200 {
	width: 1200px;
}
.mg_auto {
    margin: 0px auto;
}	

.border-box{
	box-sizing: border-box;
}
	
	
/*********************css swiper************************/	
.swiper-pagination-bullet { width:15px; height:15px}

    .swiper-container {
        width: 100%;
        height: 378px;
        margin: 0 auto;
	    overflow: hidden;
	    position: relative;
	    z-index: 1;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url(../images/left.png); left:0}
	.swiper-button-next,.swiper-button-prev{ width:37px; height:55px;background-size: 37px 55px;}
	.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url(../images/right.png); right:0}

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.9;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 55px;
  width: 37px;
  margin-top: -27px;
}

.callbacks_nav:active,.callbacks_nav:hover {
  opacity: 1.0;
}

.callbacks_nav.prev {
  left: 0;
  background-image:url(../images/left.png);
  outline:none;
}

.callbacks_nav.next {
  right: 0;
  background-image:url(../images/right.png);
  outline:none;
}

.callbacks_tabs{
  margin-bottom:10px;
}

.callbacks_tabs li{
  background:#000;
  opacity: 0.2;
  filter:alpha(opacity=20);
  margin-right:10px;
}
.callbacks_tabs li a{
  color:transparent;
  outline:none;
}
.callbacks_here{
  background: #0187c4 !important;
  opacity: 1 !important;
  filter:alpha(opacity=100) !important;
}

/************index_content star************/


.qu_content{ margin-top:20px}
.qu_content .bor{ border:1px solid #ccc;}
.qu_content  .jf_title{background:#2c69b2;display:inline-block;  padding-left:20px; font-size:20px; line-height:45px; color:#FFF; border-bottom-right-radius:2px;border-top-right-radius:2px}
.qu_content  .jf_title:after {
  border: 22px solid transparent;
  border-left: 26px solid #2c69b2;
  width: 0;
  height: 0;
  position: absolute;
  content: ' '
}
.qu_content .jf_describe{margin-left:50px; color:#666}
.ej_title{margin:20px 0 0 0; line-height:34px;}
.xtitle{margin:10px 0 0 0; line-height:34px;}
.xtitle b{ line-height:18px}
.proListAll .tuspan{width:192px; height:182px;border:1px solid #ccc;  padding:0; margin:10px 0 20px 18px; position:relative}
.proListAll .tuspan img{width:100%; height:100%;}
.proListAll .zidiv{height:90px}
price.credits{ color:#F00;margin:3px 0; font-weight:bold}	


.credits-ico-14 {
    border: 1px solid #f00;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -o-border-radius: 14px;
    -ms-border-radius: 14px;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    height: 14px;
    line-height: 15px;
    margin-right: 3px;
    width: 14px;
}



.chaJF{width:100%; background:#c81623; color:#FFF;padding:10px 0;}
.chongHF{width:100%; font-size:16px;  background:#333;margin-top:30px;}
.hfTitle{font-size: 16px;display:block; width:100%; background:#333; color:#FFF; float:left;text-align:center; padding:10px 0;margin: 0 0 3px;}
.chaJF:hover{color:#fff;}

	
/*********************css proListAll************************/		
.proListAll{overflow:hidden; background:#fff; clear:both; margin-top:0; margin-bottom:0;}
.proListAll ul{ width: 101%;}
.proListAll ul li{ width:228.3px; height:355px; float:left; border-right:1px solid #ddd;border-bottom:1px solid #ddd;/*  text-align:center */}
.proListAll ul li span{ display:block; /* width:100%; height:220px;   text-align:center;  padding-top:10px; */}
.proListAll ul li span img{ display:inline-block;}
/* .proListAll ul li b,.proListAll ul li em{ display:block; text-align:center} */
.proListAll ul li b{ /* font-weight:normal;  font-size:18px;  line-height:30px; */}
.proListAll ul li em{ font-size:14px;}
.proListAll ul li:hover{ box-shadow:0 0 5px #333; position:relative; z-index:2; background-color:#f8fdff}


/*********************css rankOfWeek************************/	

.rankOfWeek{width:100%; border:1px solid #eee; margin-top:30px}	
.rankTitle{margin:0; background:#333333; padding:10px 10px; color:#FFF}
.rankOfWeek ul{ width: 90%; margin-left:5%;}
.rankOfWeek ul li{width: 100%; height:100px;box-sizing:border-box; border-top:1px solid #ddd; background:#FFF; padding:12px 5px}
.rankOfWeek ul li .height100{height:100%}
.rankOfWeek ul li .rankRight{float:right; width:135px; }
.rankOfWeek ul li img{height:75px; width:75px}
.rankOfWeek ul li .rank{font-style:italic;margin:2px 0; font-weight:bold}
.rankOfWeek ul li .title{color:#999;margin:2px 0; font-size:14px; line-height:14px}
.rankOfWeek ul li b{color:#C33;/* font-style:italic; */}
.rankOfWeek ul li:hover{ box-shadow:0 0 5px #333; position:relative; z-index:2; background-color:#f8fdff}
/*********************css getCredit************************/	
.getCredit{overflow:hidden; background:#fff; clear:both; margin-top:40px; margin-bottom:30px;}	
.getCredit p{margin:10px 0; font-size:12px; color:#666}
.getCredit p a{color:#666;}
.getCredit p a:hover{color:#0187e4;}
.getCredit ul{ width: 100%;}
.getCredit ul li{ width:180px; height:230px; float:left; text-align:center;border:1px solid #fff;}
.getCredit ul li:hover{border:1px solid #ddd; position:relative; z-index:2; background-color:#f8fdff}
.getCredit img{ width:60%}
.getCredit price{ color:#F00;}

.choujiang{width:258px;  border:1px solid #eee;}
.choujiang img{ width:100%}
.choujiang:hover{ box-shadow:0 0 5px #333; position:relative; z-index:2; background-color:#f8fdff}

/************充值****************/
.mb-10{ margin-bottom:10px}
.btn{width:100%;margin-bottom:20px; background:#199dde; color:#FFF}
.tabpanel_content{clear:both; border: 1px solid #ddd; border-top:0;padding-left:15px}
.hf-bg{clear:both;background:#eee; padding-left:15px}
.pad-10-20{padding:10px 20px !important}