/*排行榜*/

.main-footer .container.text-center span{color:#828282;font-size:12px;}


/*.skin-black-light .main-header .navbar{background:#fff;}*/

/*.content-wrapper, .right-side{background:#f7faff;}*/

.table-ranking th,.table-ranking td{text-align: center;}
.nav-tabs-custom>.nav-tabs>li.active {
  border-bottom: #31cfaa solid 1px;
}
.nav-tabs-custom>.nav-tabs>li.active {
  border-top-color: #fff;
}
/* .twotd .table-ranking th, .table-ranking td{width: 50%;} */


.box-header.text-center{background:#fafafa}
.table-ranking tr:hover{color:#16a98c;}

.table-ranking>tbody>tr>td, .table-ranking>tbody>tr>th, .table-ranking>tfoot>tr>td, .table-ranking>tfoot>tr>th,
.table-ranking>thead>tr>td, .table-ranking>thead>tr>th{padding:11px;vertical-align:middle;}
.table-ranking>tbody>tr>td:first-child{font-size:20px;color:#18bc9c;}
.table-ranking>tbody>tr>td:first-child,.box-header.text-left .box-title i{font-size:20px;color:#18bc9c;}
.table-ranking>tbody>tr>td:first-child i{font-size:30px;}
.box-header .box-title{font-size:16px;color:#18bc9c;}
.box-header.text-left .box-title i{
  /*font-size:25px;*/
  color:#18bc9c;}
.box-header.text-left .box-title i.icon-shijian1{font-size:20px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border:0;}




/* iframe导航页 */
.content-wrapper-main{height: calc(100vh - 101px);}
/*.navbar-header img{height: 40px;width: 40px;float: left;margin-right: 15px;margin-top: -10px;}*/


/* 下载app */
/* .content-header.loadapp{
  padding: 15px;
} */
.skin-black-light .wrapper, .skin-black-light .main-sidebar, .skin-black-light .left-side{
  background-color: #fff;
}
.content-box{
  padding: calc(50vh - 320px) 0px;
}
.col-sm-5.phone{
  padding-left: calc(37% - 248px);
}
.phonepic{
  /* background-image: url(./../img/phone.jpg); */
  background-image: url("../img/phone.png");
    background-size: 100% 100%;
    width: 248px;
    height: 500px;
    margin: 0 auto;
}
.downlaod-app-pic{
  margin: 0 auto;
 text-align: center;
 padding:140px 0px 20px 0px;
}
.downlaod-app-pic img{
  width: 45%;
 margin-top: 10%;
}
.phonepic p{
  text-align: center;
}
.content-right{
  padding-top: 50px;
  color:#18bc9c;
}
.content-right li{
  display: inline-block;
  text-align: center;
  border: #e4e4e4 solid 1px;
  width: 160px;
  height:160px;
  position: relative;
  padding-top: 30px;
  margin:0px 20px 10px 0px;
  background:#fff;
  border-radius: 5px;
  border:1px solid #fff;
  opacity:0.8;
}
.list{
  margin-top: 40px;
}
.list a{
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5px;
}
.androidcode,.ioscode,.webcode{
  padding: 10px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.androidcode p,.ioscode p,.webcode p{
  font-size: 12px;
  margin: 0px;
  color: #333;
}
.androidcode div{
  background-image: url("../img/androidapp.png");
}
.ioscode div{
  background-image: url("../img/iosapp.png");
}

.androidcode div,.ioscode div,.webcode div{
  margin: 0 auto;
  height:94px;
  width: 94px;
  background-size: 100% 100%;
  margin-bottom: 10px;
}
.androidcode,.ioscode,.webcode {
  display: none;
  background-color: #fff;
  z-index: 999;
}

/* .webcode {
    height: 100%;
    padding-top: 50%;
    margin-top: -17px;
} */
.list li:first-child:hover .androidcode{
  display: block;  border-radius: 5px;
}
.list li:last-child:hover .ioscode{
  display: block;
  border-radius: 5px;

}
.list li:last-child:hover .webcode{
  display: block;
  border-radius: 5px;
  height: 100%;
  padding-top: calc(50% - 17px);

}
.list i,.list h5{
  color: #18bc9c;
}
.list h5{
  margin-top: 15px;
}
.list i{
  font-size: 58px;
}

.containera{
  min-height:calc(100vh - 101px);
  margin-top: 50px;
  /* background:url("../img/phonebg.png") no-repeat center -84px fixed; */
  background:url("../img/phonebg.png") no-repeat center fixed;
  background-size:100% 100%;
   display:block;}

   .webcode-box h5{
    margin-top: 0px;
  }
  i.iconfont.icon-diannao {
    font-size: 52px;
  }
@media (max-width: 768px){
  .content-right h3,.content-right p,.list{
    text-align: center;
  }
  /* .content-right h3,.content-right p{
    color: #333;
  } */
  .content-header.loadapp{
    padding:10px;
  }
  .content-right li{
    border: #e4e4e4 solid 1px;
  }
}

@media (max-height: 700px){
  .containera{
    min-height:calc(100vh - 101px);
    margin-top: 50px;
    background:url("../img/phonebg.png") no-repeat center center fixed;
    background-size:100% 100%;
    display:block;}
  .phonepic{
    /* background-image: url(./../img/phone.jpg); */
    background-image: url("../img/phone.png");
    background-size: 100% 100%;
    width: 248px;
    height: 458px;
    margin: 0 auto;
  }
  .list{
    margin-top: 15px;
  }
}

@media (max-width:700px){
  .containera{
    min-height:calc(100vh - 101px);
    margin-top: 50px;
    background:url("../img/phonebg.png") no-repeat center center fixed;
    /*background:url("../img/phonebg.png") no-repeat -167px center fixed*/
    /*background:url("../img/phonebg.png") no-repeat left center fixed;*/
    background-size:100% 100%;
    display:block;
  }
  /* .content-right h3,.content-right p{color:#fff} */
  .androidcode p,.ioscode p,.webcode p{
    color: #333;
  }
  .phonepic{
    /* background-image: url(./../img/phone.jpg); */
    background:none;
    width: 248px;
    height:20px;
    margin: 0 auto;
  }
  .content-right li{margin:0;}
}
@media (max-width:990px){
  .content-right{padding-top: 5px;}
}

/* 版本更新 */

.wrapper{
  height: calc(100vh - 50px);
  background-color: #F5FAFF !important;
}
.ver_up_box {
  text-align: center;
  padding: 30px 10px;
  border-radius: 4px;
}

.ver_up_box img {
  height: 75px;
  margin-top: 15px;
  max-width: 90%;
}

.ver_up_box p {
  font-size: 22px;
  margin: 15px 0px;
}

.version_block_box {
  background-color: #fff;
  padding:35px 5% 45px;
  color: #333333;
  cursor: pointer;
  border-radius: 4px;
}

.version_block_box p {
  font-size: 24px;
  margin-bottom: 40px;
}

.version_block_box:hover b {
  color: #18bc9c;
  text-decoration: underline;
}

.version_block_box:hover span {
  color: #333333;
}

.version_block_box:hover {
  box-shadow: 0px 0px 20px #ccc;
}
.tit_p{
  margin: 30px 0px 15px;
  font-size:20px;
}
.ver_down_box a{
  margin-bottom: 50px;
}
.ver_down_box a:nth-child(2n){
  padding-left: 30px;
  padding-right: 15px !important;
}
.ver_down_box a:nth-child(2n-1){
  padding-left: 15px !important;
  padding-right: 30px;
}
@media(max-width:768px){
  .ver_down_box{
    padding: 0px 15px;
  }
}
.layer-list{top:60px!important;}