html{overflow-x:auto;overflow-y:scroll}
*{box-sizing:border-box;margin: 0;border: 0;padding: 0;}
blockquote,body,dd,dl,dt,fieldset,form,input,li,ol,p,pre,td,th,ul{font-weight:400;margin:0;padding:0}
h1,h2,h3,h4,h5{margin:0;padding:0}
a{text-decoration:none;color:#333}
a:hover{color:#445295}
em,i{font-style:normal}
body{background-color:#fff;color:#333;font-family:Helvetica,Arial,sans-serif;font-size:14px;text-align:left}
select{font-size:12px}
table{border-collapse:collapse}
fieldset,img{border:0 none}
fieldset{margin:0;padding:0}
fieldset p{margin:0;padding:0 0 0 8px}
legend{display:none}
address,caption,em,i,strong,th{font-style:normal;font-weight:400}
table caption{margin-left:-1px}
hr{border-bottom:1px solid #fff;border-top:1px solid #e4e4e4;border-width:1px 0;clear:both;height:2px;margin:5px 0;overflow:hidden}
ol,ul{list-style-image:none;list-style-position:outside;list-style-type:none}
li{list-style: none;}
button,input,select,textarea{font-size:100%;border:0;outline:0}
/* 全局配色 */
:root { 
    --base: #50d2e0;
}

  .znqm-card{
        max-width: 700px;
        margin: 0 auto;
        padding: 20px 10px;
    }
     .znqm-card h2{
         text-align: center;
         margin-bottom: 10px;
     }
     .znqm-card p{
         padding: 10px;
         color: #666;
        line-height: 1.8;
        font-size: 16px;
        margin-bottom: 10px;
     }
     .znqm-card a{
         display: block;
         width: 80%;
         height: 44px;
         line-height: 44px;
         color: #fff;
         text-align: center;
         font-size: 18px;
         background: #f1516b;
            margin: 0 auto;
        border-radius: 6px;
     }

@media only screen and (min-width:768px){
    .max-box{
        margin: 0px auto;
        width: 1200px;
    }
    .search {
        display: none;
    }
    .top-bar{
        border-bottom: #e5e5e5 1px solid;
        line-height: 35px;
        background-color: #f9f9f9;
        width: 100%;
        height: 35px;
    }
    .bar-content{
        color: #ccc;
        font-size: 13px;
    }
    .bar-content a {
        font-size: 12px;
        padding: 0 5px;
    }
    .header{
        border-bottom: 2px var(--base) solid;
        width: 100%;
        
    }
    .head-nav{
        height: 70px;
       display: flex;
       align-items: center;
       position: relative;
    }
    .head-nav .left{
        margin-right: 50px;
    }
    .head-nav .left a{
        display: inline-block;
        height: 30px;
        width: 200px;
        font-weight: 700;
        color: var(--base);
        font-size: 26px;
    }
    .head-nav .left img{
        height: 45px;
        width: auto;
        min-width: 120px;
    }
    .head-nav .right .recommend a{
        display: inline-block;
        width: 76px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        color: #666;
        font-size: 16px;
        margin-right: 10px;
    }
    .head-nav .right .recommend a:hover,.head-nav .right .recommend a.current{
        background-color: var(--base);
        color: #fff;
        border-radius: 4px;
    }
    footer{
        text-align: center;
        font-size: 12px;
        color: #666;
    }
    .position{
        line-height: 40px;
    }
    .search a{
        display: inline-block;
        height: 30px;
        width: 30px;
        background: url(/images/search-pc.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .content{display:inline-block;width:780px;margin-right:10px}
    .aside{display:inline-block;width:400px;vertical-align:top;padding-top:40px}
    .aside section{border:1px solid #ddd;margin-bottom:16px}
    .aside .scontent{padding:10px}
    .aside .scontent a{font-size:16px;line-height:1.8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
    .aside .stit{line-height:40px;padding-left:10px;background:#ebfcfe}
    .aside .tools a{display:inline-block;width:70px;height:100px;margin:5px 10px;text-align:center}
    .aside .scontent .tools a{font-size:14px}
    .aside .scontent .tools a img{width:60px;height:60px;display:block;margin:0 auto}
    .scontent.tags{padding:8px 15px}
    .scontent.tags a{padding:5px 8px;color:#fff;margin:5px;white-space:nowrap;display:inline-block;font-size:14px;}
    .scontent.tags a:nth-child(4n+1){ background-color: #e8aae7;}
    .scontent.tags a:nth-child(4n+0){ background-color: #92d5dd;}
    .scontent.tags a:nth-child(4n+2){ background-color: #f37a78;}
    .scontent.tags a:nth-child(4n+3){ background-color: #c972d8;}
    .pagelist{margin-bottom:20px;display:flex;justify-content:center}
    .pagelist>li{display:inline-block;height:32px;border:1px solid #e2e2e2;border-right:0;text-align:center;line-height:32px;cursor:pointer;min-width:32px;color:#999}
    .pagelist>li a{padding:5px 10px;color:#333}
    .pagelist>li.thisclass{background:#b42521;color:#fff;border:1px solid #b42521}
    .pagelist>li.thisclass a{color:#fff}
    .pagelist>li:last-of-type{border-right:1px solid #e2e2e2}
    .quming-warp{display:flex;margin-bottom:15px;}
    .quming-warp label{display: flex;border: 1px solid #b5cde7;height:40px;line-height:40px;padding:0 10px;border-radius:3px;flex:1;margin-right:20px;}
    .quming-warp span{color:#666;width:60px;}
    .quming-warp input{flex-shrink: 0;width: 120px;}
    .quming-warp input::placeholder{color:#ccc;font-size:15px;}
    .quming-warp .sex,.quming-warp .dingzi{height:100%;align-items:center;display:flex;}
    .quming-warp i{width: 30px;height:30px;display:inline-block;background:#ddd;color:#999;line-height:30px;margin-right:10px;border-radius:50%;text-align:center;font-size:14px;cursor:pointer;}
    .quming-warp i.on{background:#caa456;color:#ffffff;}
    .quming-warp .sub{height:40px;width:200px;background:#ba4a57;color:#fff;line-height:40px;text-align:center;border-radius:3px;flex:1;cursor:pointer;}
    .hmzlogo{width:200px;}
}
@media only screen and (max-width:768px){
    .hmzlogo{width:2rem;}
    .position{
        line-height: 0.6rem;
        font-size: 0.3rem;
        background: #f8f8f8;
        padding-left: 0.3rem;
        white-space: nowrap;
    }
    .position a{
        color: #999999;
    }
    .top-bar{
        display: none;
    }
    .head-nav{
        position: relative;
    }
    .head-nav .search{
        position: absolute;
        right: 0.8rem;
        top: 0.26rem;
        height: 0.46rem;
        line-height: 0.46rem;
        background-size: 100% 100%;
     }
     .head-nav .search a{
         margin-right: 0.3rem;
         color: #666;
     }
    .head-nav .menu{
        position: absolute;
        right: 0.2rem;
        top: 0.3rem;
    }
    .head-nav .menu span{
        display: block;
        height: 0.06rem;
        width: 0.4rem;
        background-color: #ccc;
        margin-bottom: 0.08rem;
    }
    .head-nav .left {
        padding: 0.2rem 0.3rem;
       background-color: #ffffff;
       height: 1rem;
    }
    .head-nav .left a{
        display: inline-block;
        height: 0.5rem;
        width: 3.6rem;
        color: #fff;
        font-size: 20px;
        line-height: 0.5rem;
        font-family: cursive,fangsong;
    }
    .head-nav .right {
        height: 0;
        transition: all 0.2s;
        overflow: hidden;
        border-bottom: 1px dotted var(--base);
        background-color: #fbfbfb;
        font-size: 0.32rem;
        line-height: 0.8rem;
    }
    .head-nav.show .right{
        height: 0.8rem;
    }
    .head-nav .right .recommend{
        display: flex;
        justify-content: space-evenly;
    }
    .aside .scontent{padding: 0.2rem 0.3rem;}
    .aside .scontent a{font-size: 0.32rem;line-height:1.8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
    .aside .stit{line-height: 0.8rem;padding-left: 0.2rem;background:#ebfcfe}
    .aside .tools a{display:inline-block;width: 1.4rem;height: 1.6rem;margin: 0.1rem;text-align:center}
    .aside .scontent .tools a{font-size: 0.28rem}
    .aside .scontent .tools a img{width:1rem;height:1rem;display:block;margin:0 auto}
    .scontent.tags{padding: 0.1rem 0.2rem}
    .scontent.tags a{padding:5px 8px;color:#fff;margin:5px;white-space:nowrap;display:inline-block;font-size: 0.28rem;}
    .scontent.tags a:nth-child(4n+1){ background-color: #e8aae7;}
    .scontent.tags a:nth-child(4n+0){ background-color: #92d5dd;}
    .scontent.tags a:nth-child(4n+2){ background-color: #f37a78;}
    .scontent.tags a:nth-child(4n+3){ background-color: #c972d8;}
    footer{display: none;}
    .pagelist{margin-bottom:20px;display:flex;justify-content:center}
    .pagelist>li{display:inline-block;height:32px;border:1px solid #e2e2e2;border-right:0;text-align:center;line-height:32px;cursor:pointer;min-width:32px;color:#999}
    .pagelist>li a{padding:5px 10px;color:#333}
    .pagelist>li.thisclass{background:#b42521;color:#fff;border:1px solid #b42521}
    .pagelist>li.thisclass a{color:#fff}
    .pagelist>li:last-of-type{border-right:1px solid #e2e2e2}
    .quming-warp{padding: 0 0.2rem;}
    .quming-warp label{display: flex;border: 1px solid #b5cde7;height:0.8rem;line-height:0.8rem;padding:0 0.2rem;border-radius:3px;margin-bottom:0.3rem;}
    .quming-warp span{color:#666;width: 1.1rem;flex-shrink: 0;}
    .quming-warp input{width: 3.4rem;flex-shrink:0;}
    .quming-warp input::placeholder{color:#ccc;font-size:0.3rem;}
    .quming-warp .sex,.quming-warp .dingzi{height:100%;align-items:center;display:flex;}
    .quming-warp i{width: 0.6rem;height:0.6rem;display:inline-block;background:#ddd;color:#999;line-height:0.6rem;margin-right:0.2rem;border-radius:50%;text-align:center;font-size:0.28rem;}
    .quming-warp i.on{background:#caa456;color:#ffffff;}
    .quming-warp .sub{height:0.88rem;width:100%;background:#ba4a57;color:#fff;line-height:0.88rem;text-align:center;border-radius:3px;margin-bottom:0.3rem;}
}