/* Create by gaojiye */
body,ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {
    margin:0;
    padding:0;
}
ul, li{
    list-style: none;
}
a:link,
a:visited,
a:active {
    text-decoration: none;
}
@font-face{
    font-family: 'jiacheng'; 
    src: url('../font/jiachen.ttf');
}
body{
    background:url(../img/db_01.jpg) no-repeat;
    width: 100%;height: 100%;background-size: 100%;font-family: 'jiacheng';padding-bottom: 9.8rem;
}
.layui-tab-content .layui-tab-item{
    display: none;
}
.layui-tab-content .layui-tab-item.layui-show{
    display: block;
}
.layui-tab-title{width: 100%;}
.layui-tab-title li{float:left;font-size: 0.14rem;color: #fff;padding: 0 0.9%;
    margin-top: 1%;}
.layui-tab-title li.layui-this{color: #12f0e9;font-weight: bold;}
.header{
    height: 0.8rem;
    position: relative;
    padding-top: 0.13rem;
    font-size: 0.3rem;
    text-align: center;
    text-shadow:2px 3px 1px #8bbfff;
    color: #fff;
    font-family: 'jiacheng';
    width: 6.48rem;
}

.top{display: flex;
    justify-content: space-between;padding: 0 1.5%;}
.top .fl{
    width: 4.85rem;display: flex;
    justify-content: space-between;margin-top: 1%;
}
.top .fr{
    width: 4.67rem;display: flex;
    justify-content: space-between;margin-top: 1%;
}
.top .fr .user{width: 0.8rem;display: flex;
    justify-content: space-between;}
.top .fr .user img{width: 0.25rem;height: 0.29rem;}
.top .fr .user span{font-size: 0.2rem;color: #67bbda;}
.top .fl a,.top .fr a{
    background: url(../img/img1.png) no-repeat;width: 1.4rem;height: 0.28rem;
    font-size: 0.16rem;color: #fff;line-height:0.28rem ;text-align: center;

}
.main{
    padding: 0 0.03rem 0.03rem;
}
.main-left{
    width: 4.5rem;
    float: left;margin-top: 0.5rem;margin-left: 0.3rem;
}
.title{
    background: url(../img/img2.png) no-repeat;
    width: 4.14rem;height: 0.46rem;line-height: 0.28rem;
    font-size: 0.26rem;color: #fff;padding-left: 0.3rem;margin-top: 0.1rem;
}
.justifyspace{
    display: flex;
    justify-content: space-between;
}
.public{width: 4.14rem;padding-top:0.15rem}
.jqry .t_title{
    border-bottom:1px solid #516070;padding-bottom: 0.06rem
}
.jqry .t_title .fl{
    width:1rem ;position: relative;
}
.jqry .t_title .fl img{width: 0.65rem;height: 0.27rem;}
.jqry .t_title .fl span{
    font-size: 0.18rem;color: #d1d6df;position: absolute;top: 0;right: 0;
}
.jqry .t_title .fr{width: 1rem;}
.jqry .t_title .fr span{font-size: 0.16rem;color: #c8cfd9;vertical-align: middle;}
.jqry .t_title .fr b{ font-size: 0.2rem;color: #0ce2cd;vertical-align: middle;line-height: 0.23rem;}
.jqry .res img{
    width: 0.82rem;height: 0.85rem;
}
.jqry .res{margin-top: 0.23rem;}
.jqry .res ul{
    width: 3.28rem;height: 0.85rem;
}
.jqry .res ul li{float: left;width: 30%;height: 0.85rem;margin:2% 0 0 3%;}
.jqry .res ul li span{
    font-size: 0.2rem; color: #cedce6;display: block;
}
.jqry .res ul li b{font-size: 0.28rem;color: #32dcfb;line-height: 0.28rem;display: block;margin-top: 5%;}
.jqry .res ul li:first-child b{font-size:0.32rem;color:#ffe04d;line-height: 0.32rem;}
.jqdf{margin-top: 0.7rem;}
.jqdf .tab,.chuyou .tab{width: 1.8rem;
    margin-left: 2.6rem;
    overflow: hidden;}
.jqdf .tab li,.chuyou .tab li{float: left;width: 0.57rem;height: 0.23rem;line-height: 0.23rem;font-size: 0.16rem;
color: #d1d6df;text-align: center;
}
.jqdf .tab li.have,.chuyou .tab li.have{background: url(../img/hov.png);color: #fff;}

.chuyou .tab-content{
    margin:0.2rem 0 0 0.25rem;width: 0.4rem;
}
.chuyou img{width:4rem ;height: 1px;}
.chuyou table{width:4rem ;text-align: center;}
.chuyou table tr th{color: #e4f0ff;font-size: 0.15rem;line-height: 0.36rem;height: 0.36rem;}
.chuyou table tr:nth-child(2) td{border-top:1px solid #849dae;}
.chuyou table tr td{font-size: 0.14rem; color: #b9ccdf;line-height: 0.36rem;height: 0.36rem;border-bottom:1px solid #27465c;
background: rgba(27,130,183,.3);
}
#juniorservice2{margin-bottom: 0.2rem;}
.chuyou table tr td:last-child{color:#99f17a}
.chuyou table tr:nth-child(3) td,.chuyou table tr:nth-child(7) td,.chuyou table tr:nth-child(5) td{background: rgba(27,130,183,.1);}
.jqdf .tab-item,.chuyou .tab-item{display: none;}
.jqdf .show,.chuyou .show{display: block;}
.jqdf .tab-item{
    height: 2.4rem;overflow-y: scroll;font-family:"SimHei";width: 4.1rem;  margin-top: 0.2rem;
    
}
.jqdf .tab-content{
    height: 2rem;font-family:"SimHei";
}
.jqdf .tab-item::-webkit-scrollbar{

    width:0.06rem;
    
    height:0.8rem;
    background-color:#2c3b4a;
   
    
    }
    
    /*定义滚动条轨道
    
    内阴影+圆角*/
    


    .jqdf .tab-item::-webkit-scrollbar-track{

    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
    
    border-radius:10px;
    
    background-color:#2c3b4a;
    
    }

    /*定义滑块
    
    内阴影+圆角*/
    
 .jqdf .tab-item::-webkit-scrollbar-thumb{
    
    border-radius:10px;
    
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    
    background-color:#4082a3;height: 0.1rem!important;
    
    }
    
.jqdf .tab-item .info{display: flex;}
.jqdf .tab-item .info .fr{width: 3.2rem;}
.jqdf .tab-item .info .pic{background: url(../img/b2.png) no-repeat;width: 0.85rem;height: 0.8rem;}
.jqdf .tab-item .info:nth-child(2) .pic{background: url(../img/b3.png) no-repeat;}
.jqdf .tab-item .info:nth-child(3) .pic{background: url(../img/b4.png) no-repeat;}
.jqdf .tab-item .info:nth-child(4) .pic{background: url(../img/num4.png) no-repeat;}
.jqdf .tab-item .info:nth-child(5) .pic{background: url(../img/num5.png) no-repeat;}
.jqdf .tab-item .info:nth-child(6) .pic{background: url(../img/num6.png) no-repeat;}
.jqdf .tab-item .info:nth-child(7) .pic{background: url(../img/num7.png) no-repeat;}
.jqdf .tab-item .info:nth-child(8) .pic{background: url(../img/num8.png) no-repeat;}
.jqdf .tab-item .info:nth-child(9) .pic{background: url(../img/num9.png) no-repeat;}
.jqdf .tab-item .info:nth-child(10) .pic{background: url(../img/num10.png) no-repeat;}
.jqdf .tab-item .info .name{background: url(../img/b1.png) no-repeat;width: 2.56rem;height: 0.24rem;
font-size: 0.18rem;color: #d1d6df;padding-left: 0.1rem;line-height: 0.24rem;margin-top: 0.2rem;
}
.jqdf .tab-item .info p{font-size: 0.16rem;color: #cedce6;margin-top: 0.1rem;}
.jqdf .tab-item .info p b{color: #32dcfb;font-weight: 200;margin-right: 0.1rem;}
.main-right{
    float: left;
    margin-left: 0.3rem;
    margin-top: 0.5rem;width: 4.5rem;
}
.consume .block_title{
    border-bottom:1px solid #516070;padding-bottom: 0.06rem;display: flex;position: relative;margin-left: 0.06rem;margin-top: 0.15rem;
}
.consume .block_title img{width: 0.65rem;height: 0.27rem;}
.consume .block_title span{
    font-size: 0.18rem;color: #d1d6df;position: absolute;top: 0;left: 0.3rem;
}
.bettom{
    margin-top: 0.1rem;
}
.bettom .title{
    background: url(../img/bot1.png) no-repeat;
    width: 9.33rem;height: 0.52rem;line-height: 0.38rem;
}
.life{
    margin-top: 0.19rem;
}
.life .block{width: 4.39rem;}
.life .block_title{
    border-bottom:1px solid #516070;padding-bottom: 0.06rem;display: flex;position: relative;
}
.life .block_title img{width: 0.65rem;height: 0.27rem;}
.life .block_title span{
    font-size: 0.18rem;color: #d1d6df;position: absolute;top: 0;left: 0.3rem;
}
.main-middle{
    float: left;
    width: 9.17rem;
    padding: 0 0.1rem;
}

.border-container {
    position: relative;
    margin-top: 0.15rem;
    padding: 0.1rem;
    border: 1px solid #54dcf2;
}
.border-container h3{font-size: 0.18rem;color: #fff;}
.border-container span.border-span {
    display: block;
    position: absolute;
    width:0.35rem;
    height: 0.35rem;
}


.name-title{
    font-size:0.2rem ;
    color: #00ffff;
    margin-bottom: 6px;
}
#radar{
    height: 2.5rem;
}
#dormitorydetail{
    height: 1.35rem;
}
#graduateyear{
    height: 2.75rem;
}
.three-pie{
    border-top: 1px solid #2c768a;
    margin: -0.1rem;
    margin-top: 0.1rem;
}
.teacher-pie{
    border-bottom: 1px solid #2c768a;
    margin: -0.1rem;
    margin-bottom: 0;
}
.three-pie li,
.teacher-pie li{
    float: left;
    width: 50%;
    border-right: 1px solid #2c768a;
}
.teacher-pie li .name-title{
    padding-left:0.1rem ;
    padding-top:0.1rem ;
}
.three-pie li:last-child,
.teacher-pie li:last-child{
    border-right: none;
}
#sexrate,
#nationarate,
#householdrate{
    height: 2.66rem;
}
#mapadd{
    height: 6.2rem;
}
#mapadd h3{font-size: 0.18rem;line-height: 0.18rem;margin-bottom: 0.1rem;}
#mapadd p{color:#b7c1d4;line-height: 0.34rem;height: 0.34rem;}

.number-show{
    position: absolute;
    top: 20%;
    right: 5%;
}
.number-show span.span-name{
    font-size:10.4rem ;
    color:#fffd51 ;
}
.number-show span.span-number-show{
    font-size:0.18rem ;
    color:#54b5b5 ;
    font-style: italic;
}
.number-show li{
    line-height: 0.25rem;
}
#teacherrate,
#professionrate{
    height: 2rem;
}
#courserate,#dining{
    height:1.9rem;
}
#agelist{
    height: 10.03rem;
}
#changedetail{
    height: 2.29rem;
}
.table-kingdargen{
    margin: 0.2rem auto;
    text-align: center;width: 90%;
}
.table-kingdargen tbody tr td{
    padding: .5% 0.08rem;
    font-size: 0.16rem;
    color: #fff;
}
.table-kingdargen tbody tr:nth-child(2n){
    background: #1d2a42;
}
.table-kingdargen tbody tr:hover{
    background: #1d2a42;
}
.table-kingdargen tbody tr td:nth-child(2){
    color: #e9aa00;
}
.table-kingdargen tbody tr td:nth-child(3){
    color: #53bf18;
}
.table-kingdargen tbody tr td:nth-child(4){
    color: #f9504a;
}
.table-kingdargen tbody tr td:nth-child(5){
    color: #12f0e9;
}
#juniorservice,#juniorservice2{
    height: 1.19rem;margin-top: 0.1rem;
}
* {
  box-sizing: border-box;
}

.copyright {
  position: absolute;
  bottom: 0;
}
.copyright a {
  text-decoration: none;
  color: #16a085;
}
.copyright a:hover {
  text-decoration: underline;
}

.button {
  position: relative;
  padding: 0.5em 1.5em;
  border: none;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  font-size: 0.18rem;
  margin: 1em 0.8em;
}
.button.type1 {
  color: #00ffff;
}
.button.type1.type1::after, .button.type1.type1::before {
  content: "";
  display: block;
  position: absolute;
  width: 20%;
  height: 20%;
  border: 2px solid;
  transition: all 0.6s ease;
  border-radius: 2px;
}
.button.type1.type1::after {
  bottom: 0;
  right: 0;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: #566473;
  border-right-color: #566473;
}
.button.type1.type1::before {
  top: 0;
  left: 0;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-top-color: #566473;
  border-left-color: #566473;
}
.button.type1.type1:hover:after, .button.type1.type1:hover:before {
  width: 100%;
  height: 100%;
}