@charset "utf-8";
/*
 * CSS Document
 * 开发： 科基
 * 日期： 2020.05.21
 * 功能： 基础 css 文件（包含top，search, footer样式）
 * 
*/

html,body,p,ul,li,ol,dt,dd,dl,h1,h2,h3,h4,h5,h6,input{ padding:0; margin: 0;}
html,body{ font-family: "微软雅黑"; background-color:#fafafa;  height: 100%;}
body{ max-width:750px; position: relative; margin: 0 auto; background-color:#f6f6f6;}

/*@media only screen and (min-width: 320px){
    html {
        font-size: 100px !important;
    }
}
@media only screen and (min-width: 360px){
    html {
        font-size: 112.5px !important;
    }
}
@media only screen and (min-width: 375px){
    html {
        font-size: 117.1875px !important;
    }
}
@media only screen and (min-width: 411px){
    html {
        font-size: 128.4375px !important; 
    }
}
@media only screen and (min-width: 414px){
    html {
        font-size: 129.375px !important; 
    }
}
@media only screen and (min-width: 500px){
    html {
        font-size: 156.25px !important; 
    }
}*/

li{ list-style:none;}
a{ text-decoration:none; color:#333; cursor: none;}

.w10{ width:10rem; margin: 0 auto;}
.center{ display:block; margin: 0 auto;}

.fleft{ float:left ;}
.fright{ float:right ;}
.clearboth{ clear:both; height: 0px;}
.positionr{ position:relative;}

.pt20{ padding-top:0.55rem;}
.pb20{ padding-bottom:0.55rem !important;}


.mt20{ margin-top:0.20rem;}
.mb20{ margin-bottom:0.20rem;}

.none{ display:none !important;}
.textnone{ white-space:nowrap; text-overflow: ellipsis;  overflow: hidden; }
.bh{ height: 0.8rem; }

.pt0{ padding-top:0 !important;}
.pl0{ padding-left:0 !important;}
.pr0{ padding-right:0 !important;}
.pb0{ padding-bottom:0 !important;}
.mt0{ margin-top:0 !important;}
.mb0{ margin-bottom:0 !important;}
.ml0{ margin-left:0 !important;}
.mr0{ margin-right:0 !important;}

/*视图宽度*/
#view{ font-size:0.37333rem; padding: 0 0 1.4rem 0; width: 100%;}

/*
 *  top
 */
.top{ height: auto; background-color: #fff; position:fixed; top: 0; width: 100%; max-width: 750px; z-index: 9; overflow: hidden;}

.logo{ height: 1.2rem; margin: 0 0.2rem 0 0.3rem;}
.logo img{ height: 0.8rem; position:relative; top: 0.17rem;}

/*搜索*/
.top_search{ width:76%; background-color: #777779; border-radius: 2.3rem; overflow:hidden; margin: 0.16rem 0 0 0;}
.top_search .searchkey{ border:none; background-color:#e2e2e2; height: 0.8rem; width: 78%; padding:0 5%; color:#333; margin:0 2% 0 0; position: relative; font-size: 0.40rem; }
.top_search .searchbt{ width: 8%; height: 0.45rem; border: none; background-image: url(../images/ques_sico.png); background-size: auto 100%; cursor: pointer; background-color:#777779; margin: 0.15rem 0 0 0; background-repeat: no-repeat;}
.top_search input{ outline:none;}

/* 隐藏导航*/
.top_navs{ width:6.5%; height: 0.7rem; padding:0.21rem 0.25rem 0 0; }
.top_navs i{ width: 100%; height: 100%; display:block; background-image:url(../images/top_navs1.png); background-repeat: no-repeat; background-position: center center; background-size: 100%;}
.top_navs .close{ background-image:url(../images/top_navs2.png);}
.top_navs_list{ position:fixed; top: 2rem; width: 300%; height: 100%; max-width: 750px; z-index: 11; background-color:rgba(0,0,0,0.6); display:none;}
.top_navs_list ul{ display:block; background-color:#f8f8f8; width:9.6rem; padding: 0 0.2rem 0.5rem 0.2rem; height: auto;/*border-radius:0 0.2rem; */overflow: hidden; font-size: 0.32rem;}
.top_navs_list ul li{ float:left; padding: 0.15rem;}
.top_navs_list ul li h3{ width:10rem; margin: 0.3rem 0 0 0;}
.top_navs_list ul li a{ display:inline-block; padding: 0.1rem 0.3rem; border-radius: 0.5rem; border:1px solid #dcdcdc; background-color:#fff;}

/*顶部导航*/
.top_nav{ width:100%/*0.65rem*/; /*margin: 0.3rem 0 0 0;*/ border-top: 1px solid #f8f8f8;}

.top_nav_list{ display:block; width: 100%; height: auto; font-size: 0.40rem; line-height: 0.8rem; text-align: center;}
.top_nav_list a{ color:#333; padding: 0 0.2rem;}
.top_nav_list .cur{ color:#E5822D;}

/* title */
.prelevel,.topsearch{ padding:0.25rem 0.3rem 0 0.3rem;}
.prelevel a{ display:block; width:0.4rem; height: 0.7rem; background-image: url(../images/top_prelevel.png); background-size:100% 100%;}
.topsearch a{ display:block; width:0.25rem; height: 0.20rem; background-image: url(../images/ques_sico.png); background-size:90% 90%; background-repeat: no-repeat; background-position: center center; }
.top_title{ float:left; width: 8.0502rem; text-align: center; font-size: 0.42667rem; color: #fff; line-height: 1.2rem;}
.top_title a{ color: #fff; }

/* footer */
.footer{ position:fixed; bottom: 0; width: 100%; max-width: 750px;  height: 1.3rem; background-color:#fff;  color:#333; z-index: 100; border-top: 1px solid #f2f2f2; transform: translateZ(0);-webkit-transform:translateZ(0);}
.footer li{ float:left; width: 20%; }
.footer a{ display: block; color: #333; text-align: center; height:100%; font-size:0.3001rem}
.footer_ico1,.footer_ico2,.footer_ico3,.footer_ico4,.footer_ico5{ display: block; width: 0.5rem; height: 0.5rem; margin: 0.16rem auto 0.1rem auto; background-size:auto 100%; background-repeat: no-repeat;}
.footer_ico1{ background-image:url(../images/footer_ico1.png);}
.footer_ico2{ background-image:url(../images/footer_ico2.png);}
.footer_ico3{ background-image:url(../images/footer_ico3.png);}
.footer_ico4{ background-image:url(../images/footer_ico4.png);}
.footer_ico5{ background-image:url(../images/footer_ico5.png);}

/* 锚点*/
.anchor1{ position:relative; top: -2.3rem;}


/* 弹窗 */
.popupad{ position:fixed; top: 34%; left: 2rem; width: 5rem; height: auto; background-color:rgba(0,0,0,0.85); z-index: 20; font-size:0.42667rem; padding: 0.8rem 0.5rem; border-radius: 3px; color:#fff; text-align: center; line-height: 0.6rem;}
.popupad img{ width:100%;}
.popupad p{ padding:0.2rem 0 0 0;}
.popupclose{ display:block; position: absolute; top: 0; right: 0; width:0.6rem; height: auto; color:#fff; line-height: 0.6rem; text-align: center;}
.popupclose:before{ content:"x"; font-size: 0.6rem; }

/*访问端提示*/
.portprompt{ padding:0.2rem  0; text-align: center; background-color:#f8f8f8; display:none; font-size:0.3001rem;}
.portpromptclose{ display:inline-block; background-color:#dcdcdc; padding:0 0.1rem; margin: 0 0 0 0.2rem; font-size:0.3001rem;}