/* CSS Document */
html {color: #333; background: #fff;}
html,body,ul,ol,li,p,dl,dd,h1,h2,h3,h4,h5,h6,form,table,th,td,img,div,input,select,iframe{ border: none; margin:0;padding:0; box-sizing: border-box;}
body {font:14px "Microsoft Yahei", arial,"Hiragino Sans GB",Tahoma,Arial,Helvetica,STHeiti; word-break: break-all; word-wrap: break-word; overflow-x:hidden; width:100%;}
iframe{ display: block; border: none;}
ul,li{list-style: none;}
img{ max-width: 100%; vertical-align:middle; }
table {border-collapse: collapse;border-spacing: 0;}
button,input,select {border:none; background: none; appearance:none; -moz-appearance:none; -webkit-appearance:none; outline: none;}
em,i{font-style: normal}
input:focus {outline: none;}
input::placeholder{ color:#666;}
a{color: #333;text-decoration: none;}
.wrap {width: 1000px;margin: 0 auto;}
.width{width: 1200px;margin: 0 auto;}

/*pc端隐藏*/
.gemu_header, .m_foot, .detail_item, .ks_zx{ display: none;}

/*top*/
.top{ height:50px; display: flex; justify-content: space-between; align-items: center; padding-top: 10px;}
.top_l{ display: flex; align-items: center; }
.top li{font-size:16px; padding:0 4px; text-align:center;}
.top li a{ padding-right:8px;}
.top li a:hover{color:#0168e2;}
.top li a img{ max-width:110px;}

/*banner*/
.banner{ background: url("https://www.gemu.cn/hbgwy/hnsksfpm/img/banner.jpg?v=03261") no-repeat center; height: 500px;}
.banner h1{ width: 1200px; margin: 0 auto; font-size: 0px;}

/*晒分查排名*/
.table_wrap{ background: #fff; box-shadow: 0px 0px 15px #87d3ff; margin-top: 60px; padding-bottom:50px; border-radius:14px; margin-bottom: 60px;}
.table_wrap .tit{ border-bottom: 2px solid #7bd4ff; height:70px;  display: flex; justify-content: center; font: 24px/70px 'microsoft yahei'; }
.table_wrap .tit a{ width:190px; margin:0 50px; position: relative; text-align: center; cursor: pointer;}
.table_wrap .tit a em{position: absolute;display: block;width:0; height:4px; background: #0168e2; left: 0; bottom: -2px; transition: all 0.5s;}
.table_wrap .tit a.on{color: #0168e2;font-weight:bold; }
.table_wrap .tit a.on em{width: 190px;}

/*表单*/
.user-box{ margin-top: 30px; display: none;}
.user-box ul{ width: 510px; margin: 0 auto; display: flex; flex-direction: column;}
.user-box ul li{ width: 100%; font-size: 16px;height: 50px; margin-bottom: 20px; position: relative; display: flex; align-items: center;}
.user-box ul label{width:80px; padding-right:10px; line-height:50px; color: #222; text-align: left;}
.user-box ul input, .user-box ul select{width:420px; height: 50px; padding-left: 16px; border: 1px solid #ccc; line-height:48px; border-radius:6px; font-size: 16px;}
.user-box ul select{background:#fff url("https://files.gemu.cn/w_uploads/2023/03/27/icon-jt.png") no-repeat 95% center;}
.user-box li input.getyzm,.user-box li input.searchbtn{position: absolute; right:0; top:0; width: 130px; background: #0173e3; color: #fff; padding-left: 0px; text-align: center; border:none; border-radius:0 5px 5px 0; cursor: pointer;}
.user-box li .chaxun{width: 380px;font-size: 18px; color: #fff; padding-left: 0px; display:inline-block; cursor: pointer;font-weight:bold; letter-spacing:1px;border-radius:6px; border: none;
    margin: 20px 75px 0; background: linear-gradient(to left,#00a1e3,#0168e2); text-align: center;}

/*查排名*/
.user-box p{ font-size: 14px; color: #555; text-align: center; margin-top: 10px;}
.user-box p a{ color: #0168e2;}

/*晒分信息*/
.show_detail{ margin: 0px auto 50px; display: none;}
.show_detail p{ font-size: 16px; font-weight: bold;}
.show_detail p span{ color: #0168e2;}
.message{background: #fff; box-shadow: 0px 0px 15px #87d3ff; margin-top:15px;}
.show_table, .detail_table{width: 100%; background: #fff; text-align: center;}
.tableTit th, .detail_table th{background:#0168e2; font-size: 16px; line-height: 56px; border: 1px solid #77b5ff; color: #fff; font-weight: 400;}
.lower_table td, .detail_table td{height: 56px;border-bottom: 1px dashed #ddd; font-size: 14px; line-height: 20px;}
.tableTit th:nth-child(1), .lower_table td:nth-child(1){ width:12%;}
.tableTit th:nth-child(2), .lower_table td:nth-child(2){ width:12%;}
.tableTit th:nth-child(3), .lower_table td:nth-child(3){ width:24%;}
.tableTit th:nth-child(4), .lower_table td:nth-child(4){ width:38%;}
.tableTit th:nth-child(5), .lower_table td:nth-child(5){ width:14%;}
.maquee {height: 648px; overflow: hidden;}

/*排名*/
.detail{margin: 50px auto; width: 1200px;}
.detail p{ font-size: 20px; font-weight: bold; text-align: center; line-height: 40px;}
.detail p span{ color: #0168e2;}
.detail_table th{ width: 11%;}
.detail_table th:nth-child(3){ width:18%;}
.detail_table th:nth-child(4){ width:27%;}

/*手机自适应*/
@media only all and (max-width:750px) {
    html,body {width:7.5rem; font-size: 0.16rem; line-height: 0.32rem;}
    .width {width:7.2rem;}

    /*移动端隐藏*/
    .top, .footer{ display: none;}
    .m_foot{ display: block; width: 100%; height:2.6rem;}
    /*header*/
    .gemu_header{width: 7.5rem;height:1rem; background: #fff; display: flex; justify-content: space-between; align-items: center; padding: 0 0.25rem;}
    .gemu_logo{width:1.8rem;}
    .gemu_logo img{ display: block; }
    .gemu_kc{ width:1.5rem; height:0.6rem;border:0.02rem solid #fff;border-radius:0.3rem; font-size:0.28rem; color:#fff; text-align:center;line-height:0.6rem; background:#0168e2;}

    /*banner*/
    .banner {width: 7.5rem;height:4rem; background: url("https://www.gemu.cn/hbgwy/hnsksfpm/img/m_banner.jpg?v=03261")  no-repeat center / cover;}
    .banner h1{ width: 7.2rem; font-size: 0rem;}
    /*晒分查排名*/
    .table_wrap{ width: 7rem; background: #fff; box-shadow: 0px 0px 0.1rem #87d3ff; margin: 0.5rem auto; padding-bottom:0.3rem; border-radius:0.12rem;}
    .table_wrap .tit{ border-bottom: 0.02rem solid #7bd4ff; height: 1rem; font: 0.32rem/1rem 'microsoft yahei'; }
    .table_wrap .tit a{ width:1.9rem; margin:0 0.5rem; }
    .table_wrap .tit a em{ height:0.04rem; bottom: -0.02rem;}
    .table_wrap .tit a.on em{width: 1.9rem;}

    /*首页——表单*/
    .user-box{margin-top:0rem; }
    .user-box ul{ padding: 0.5rem 0.4rem 0; width: 100%; }
    .user-box ul li{ height: 0.8rem; margin-bottom: 0.4rem;}
    .user-box ul label{ width:1.4rem;font-size: 0.28rem; line-height:0.8rem; padding-right: 0; }
    .user-box ul select, .user-box ul input{ height: 0.8rem; padding-left: 0.2rem; width: 4.8rem; font-size: 0.28rem; border-radius: 0.12rem; border: 0.02rem solid #ccc; }
    .user-box ul select{ background-size: 0.15rem 0.2rem;}
    .user-box ul input.getyzm,.user-box li input.searchbtn{ font:0.28rem/0.8rem "Microsoft Yahei"; width:1.8rem; border-radius: 0 0.12rem 0.12rem 0; padding:0; }
    .user-box li .chaxun{ width: 6rem; height: 0.9rem; font-size: 0.3rem; border-radius:0.12rem; margin: 0 auto;}

    /*查排名*/
    .user-box p{ font-size: 0.26rem; line-height: 0.5rem; padding: 0 0.3rem; margin-top: 0rem;}

    /*晒分信息*/
    .show_detail{ margin: 0rem auto 0.5rem; width: 7.2rem}
    .show_detail p{ font-size: 0.32rem;}
    .message{ box-shadow: 0 0 0.1rem #87d3ff; margin-top:0.2rem; padding-bottom: 0.1rem;}
    .detail_table{width: 98%; margin: 0 auto; box-shadow: 0 0 0.1rem #ddd;}
    .tableTit th, .detail_table th{ font-size: 0.28rem;line-height:0.7rem; border:0.02rem solid #77b5ff; }
    .show_table td, .detail_table td{height:0.8rem; border:0.02rem solid #ddd; font-size:0.26rem; line-height:0.3rem;}
    .tableTit th:nth-child(1), .lower_table td:nth-child(1){ width:20%;}
    .tableTit th:nth-child(2), .lower_table td:nth-child(2){ width:20%;}
    .tableTit th:nth-child(3), .lower_table td:nth-child(3){ width:40%;}
    .tableTit th:nth-child(4), .lower_table td:nth-child(4){display: none;}
    .tableTit th:nth-child(5), .lower_table td:nth-child(5){ width:20%;}
    .maquee {height:6rem;}

    /*排名*/
    .detail{margin: 0.5rem auto; width: 7.2rem;}
    .detail p{ font-size: 0.32rem; font-weight: bold;line-height: 0.4rem;}
    .detail .message .detail_item{ display: block;}
    .detail .message .detail_tit{ padding: 0.2rem; font-size: 0.28rem; display: none;}
    .detail .message .detail_tit dt{ line-height: 0.6rem; width: 100%;}
    .detail .message .detail_tit:first-child{ display: block;}
    .detail_table th{ width:18%;}
    .detail_table th:nth-child(2){ width:20%;}
    .detail_table th:nth-child(7){ width:26%;}
    .detail_table th:nth-child(3), .detail_table th:nth-child(4){display: none;}
    .detail_table td:nth-child(3), .detail_table td:nth-child(4){display: none;}

    .ks_zx { width: 7.5rem; height:1rem; position: fixed; left: 50%; bottom: 0; z-index: 100; transform: translateX(-50%); text-align: center; display: flex; }
    .ks_zx a{ width: 50%; height:1rem; font-size: 0.28rem; color: #fff; line-height: 1rem; box-sizing: border-box; }
    .ks_zx .zx_dh { padding-left: 0.2rem; background: #00a1e3 url("../img/mgwy_09.png") no-repeat 0.5rem center / 0.38rem 0.38rem; }
    .ks_zx .ks_zz { padding-left: 0.3rem; background: #0168e2 url("../img/mgwy_10.png") no-repeat 1rem center / 0.38rem 0.34rem; }
}