﻿
.banner {
    position: relative;
    width: 100%;
    height:155px;
    /*padding-top:160px;*/
    /*height: 0;*/
}


/* Required */

.banner .carousel-cont {
    position: absolute;
    height: 100%;    top: 0;
    left: 0;    width: 100%;
    overflow: hidden;
}

.banner .carousel-cont .cont-item {
    position: absolute;
    width: 100%;    height: 100%;
    top: 0;    left: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /*visibility: hidden;*/
    overflow: hidden;
}

.banner .carousel-cont .cont-item.active {
    visibility: visible;    z-index: 1;
}


/* Customized */

.banner .nova-carousel {
    position: absolute;
    width: 100%;    top: 0;
    height: 100%;    text-align: center;
}

.banner .carousel-cont .cont-item img {
    width: 100%;
}

.banner .carousel-control {
    display: inline-block;
    position: absolute;    width: 100%;
    box-sizing: border-box;    -webkit-box-sizing: border-box;
    text-align: center;    bottom: 0;
    left: 0;    z-index: 2;    padding: 5px 0;
    padding-right: 5px;}

.banner .carousel-control .control-item {
    display: inline-block;
    margin-right: 0px;    width: 10px;
    height: 10px;    border-radius: 50%;
    background-color: rgba(255, 255, 255, .3);
}

.banner .carousel-control .control-item.active {
    background-color: white;
}
/*----------*/
 
 .category{ padding-top: 16px;  border-bottom:solid 1px #e8ebf0; 
 	font-size: 14px; color: #333;   border-top: solid 1px #e8ebf0;
 	background: #fff;  }
 
 .category li {
     border-left: 0;
     text-align: center;
     padding: 0% 0 4.34% 0;
 }
  .category li a{ display: block;}
 
 .category li img  {
     width: 100%;
 }

 .dj-icon {display:block; overflow:hidden; background-repeat: no-repeat;background-image:url(../images/icon.png) ;
 	margin: 0px auto; background-size: 325px 115px; -webkit-background-size: 325px 115px; width:45px; height:45px; }
.dj-icon1 {background-position: -0px -72px}
.dj-icon1 {background-position: -0px -0px}
.dj-icon2 {background-position: -96px -0px}
.dj-icon3 {background-position: -189px -0px}
.dj-icon4 {background-position: -283px -0px}
.dj-icon5 {background-position: -0px -74px}
.dj-icon6 {background-position: -96px -74px}
.dj-icon7 {background-position: -283px -74px}
.dj-icon8 {background-position: -189px -74px}
 
 /*category end*/
 /*category2 start*/

 .category2{  /* border-bottom:solid 1px #e8ebf0; */
 	font-size: 14px; color: #333;   border-top: solid 1px #e8ebf0; 
 	margin-top: 10px; background: #fff;
 	margin-bottom: 10px; 
	margin-left:6px;
	margin-right:6px;
	}
 
 .category2 li {     border-left: 0; text-align: center; }
 .category2 li a{ display: block; position: relative;}
 .category2 li img  {width: 100%; display: block; }
  .category2 .title-wrap{ text-align: center; padding-top: 10px; line-height:30px; 
  	padding-bottom: 10px; height:24px; overflow:hidden; }
  .category2 .title{ display:inline-block;   }

  .category2 .dj-a-icon {display:inline-block; overflow:hidden; background-repeat: no-repeat;
 	background-image:url(../images/icon2.png); width:24px; height:24px;
 	-webkit-background-size: 64px 128px;background-size: 64px 128px; 
  vertical-align: middle; margin-right: 4px;  }
 .category2 .dj-a-icon1 { background-position: -24px -71px}
 .category2 .dj-a-icon2 { background-position: -0px -71px}
 .category2 .dj-a-icon3 { background-position: -24px -47px}
 .category2 .dj-a-icon4 { background-position: -24px -24px}
 .category2 .dj-a-icon5 { background-position: -0px -47px}
 .category2 .dj-a-icon6 { background-position: -0px -24px}
 .category2 .dj-a-icon7 { background-position: -24px -0px}
 .category2 .dj-a-icon8 { background-position: -0px -0px}
 .category2 .tag{ position: absolute; top:0; right: 0;
	height: 30px; width: 28px; 
	background-repeat: no-repeat;
	background-image: url(../images/tag.png);
	-webkit-background-size: 95px  28px; 
	background-size: 95px  28px;  }
 .category2 .tag1{   background-position: 0px -0px}
 .category2 .tag2{   background-position: -32px -0px}

 .category2 .tag3{   background-position: -65px -0px}
 .category2 .pad-l-light{padding-left: 2px; background: #ddf8fc;}
 .category2 .pad-l-wight{padding-left: 2px; background: #fff;}
 .category2 .info{ position: absolute; top:13%; width: 100%; }
 .category2 .info .name{ display: block; font-size: 14px;  }
 .category2 .info .intro{ font-size: 11px;  }
 @media screen and(min-width: 375px) {
   .category2 .info .intro{ font-size: 12px;  }
 }
 .category2 .c-light-blue{color: #2fd2eb }
 .category2 .c-light-red{color: #ff85a1 }
 .category2 .c-light-green{color: #4fdb9e }
 .category2 .c-light-yellow{color: #f5b453 }
 .category2 .c-1{color: #e6454a }
 .category2 .c-2{color: #2fd2eb }
 .category2 .c-3{color: #ff85a1 }
 .category2 .c-4{color: #f5b453 }
 .category2 .c-5{color: #ff75d0 }
 .category2 .c-6{color: #75b1ff }
 .category2 .c-7{color: #d97feb;}
 .category2 .c-8{color: #ff7a7a;}


  .category2 li .cont-img{ height: 70px; width: 85px; display: block; 
  	margin:0px auto 0px; padding-top: 25px; padding-bottom: 0.5px;  }
  .category2 li .cont-img2{ height: 70px; width: 120px; display: block; 
  	margin: 25px auto 0px; }
  .category2 li .cont-img3{ height: 70px; width: 75px; display: block; 
  	margin: 25px auto 0px; }
 .category2 .info2{   padding-top:13%;  }
 .category2 .info2 .name{ display: block; font-size: 14px;  }
 .category2 .info2 .intro{ font-size: 11px; color:#848c99; }
  .category2.bd{ border-bottom: 1px solid #e8ebf0;  }
 .category2.bd li{ border-right: 1px solid #e8ebf0; border-top: 1px solid #e8ebf0;  }
 .category2.bd li.dj-float-three:nth-child(3n){ border-right:none;  }
 .category2.bd li.dj-float-four:nth-child(4n) {border-right: none;}
 .category2 .info3{ height: 40px; line-height: 40px; text-align: center; }

 .history{ font-size: 14px; color: #333;   border-top: solid 1px #e8ebf0; 
 	margin-top: 10px; background: #fff;
 	margin-bottom: 10px;  }
 	 .history .title-wrap{ text-align: center; padding-top: 10px; 
  	padding-bottom: 10px; }
   .history .title{ display:inline-block; font-size: 16px;   }
/*app下载*/
.fixed-app{position: fixed;bottom: 0;width: 100%;z-index: 2;height: 64px;}
.fixed-app .bottom{background:rgba(250, 250, 250, 0.9);width: 100%;border-top:1px solid #f4f5f7;
height: 64px;padding:0 15px;box-sizing: border-box;    -webkit-box-sizing: border-box;}
.fixed-app .icon{width: 55%;height: 64px;background:url(../images/app.png) no-repeat 0 center;
-webkit-background-size:100%; background-size:98%;}
.fixed-app .open{border:1px solid #e84445;font-size: 15px;padding:6px 9px;
  margin-right: 20px;margin-top: 16px;border-radius: 3px;-webkit-border-radius: 3px;
-webkit-border-radius: 3px;display: inline-block;text-align:center;}
.fixed-app .close{width: 6%;display: inline-block;height: 100%;}
.fixed-app .close img{width: 100%;margin-top: 21px;}
.cole84445,.cole84445 a{color: #e84445;}
@media screen and (min-width: 320px) and (max-width: 360px){
.fixed-app .icon{width: 50%;background-size:100%;}
.fixed-app .open{padding:5px 8px;margin-top: 18px;}
.fixed-app .close{width: 8%;height: 100%;display: inline-block;}
}
/*app下载*/