@charset "utf-8";
/* CSS Document */

html{
    font-size: 38px;
}
@media only screen and (min-width: 320px) {
    html {
        font-size: 42.666px !important;
    }
}
@media only screen and (min-width: 360px) {
    html {
        font-size: 48px !important;
    }
}
@media only screen and (min-width: 375px) {
    html {
        font-size: 50px !important;
    }
}
@media only screen and (min-width: 414px) {
    html {
        font-size: 55.2px !important;
    }
}
@media only screen and (min-width: 480px) {
    html {
        font-size: 64px !important;
    }
}
@media only screen and (min-width: 560px) {
    html {
        font-size: 74.666px !important;
    }
}
@media only screen and (min-width: 640px) {
    html {
        font-size: 85.333px !important;
    }
}

@media only screen and (min-width: 720px) {
    html {
        font-size: 96px !important;
    }
}

@media only screen and (min-width: 750px) {
    html {
        font-size: 100px !important;
    }
}

@media only screen and (min-width: 800px) {
    html {
        font-size: 106.666px !important;
    }
}

@media only screen and (min-width: 960px) {
    html {
        font-size: 128px !important;
    }
}

body {
	width: 100%;
	height: 100%;
	margin: 0px auto;
	padding: 0px;
	color: #333;
    background: #fff;
	font-size: 15px;
	position:relative;
	font-family: 'Microsoft Yahei', 'SimSun', sans-serif;
	overflow-x: hidden;
}
form, p, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}
i {
	font-style: normal;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
input, select {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	vertical-align: middle;
	outline: 0;
	font-family: 'Microsoft Yahei', 'SimSun', sans-serif;
}
a {
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}
.fix:before, .fix:after {
	content: "";
	display: table;
}
.fix {
*zoom:1;
}
.fix:after {
	clear: both;
}

button
{
	font-family: 'Microsoft Yahei', 'SimSun', sans-serif;
}
form, p, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}
i {
	font-style: normal;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
ul, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
input, select {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	vertical-align: middle;
	outline: 0;
	font-family: 'Microsoft Yahei', 'SimSun', sans-serif;
}
a {
	text-decoration: none;
	cursor: pointer;
}

a:link,a:active,a:hover,a:active{
	text-decoration: none;
}

.p-header-box{
    width:100%;
    position: fixed;
    z-index: 999;
    left:0;
    top:0;
}

.p-header{
    display:table;
    width:100%;
    height:0.9rem;
    background:#4b95de;
    border-bottom:1px solid #bbb
}

.p-logo-link{
    display:inline-block;
    height:0.8rem;
    width:1.2rem;
    text-align:center;
    float: left;
}

.p-logo-im span{
    float: left;
}

.p-logo-im .p-title-link{
    display:inline-block;
    height:0.8rem;
    line-height:0.8rem;
    min-width:1.2rem;
	max-width: 3.8rem;
    text-align:center;
    color:#fff;
    padding: 0 0.2rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	float: left;
}

.p-header2,.p-header3{
    height:0.8rem;
    line-height:0.8rem;
    font-size:0.36rem;
    color:#fff;
    background:#4b95de;
    border-bottom:1px solid #bbb;
    padding-left:0.9rem;
    box-shadow: 0 0.1rem 0.2rem #d6d6d6;
}

.p-header3 img{
    width:0.8rem;
    position: relative;
    top:-0.1rem;
}

.p-header3 .p-logo-im{
    height: 0.8rem;
    line-height: 0.8rem;
    padding:0;
    width:auto;
}

.p-header3 .p-search{
    height:0.8rem;
}

.p-header3 .p-search-ico{
    background:url(/images/search2.png) 50% no-repeat;
    background-size: 0.4rem;
    right: 1rem;
}

.p-header3 .p-search-zd{
    display: block;
    background: url(/images/zd2.png) 50% no-repeat;
    background-size: 0.4rem;
    position: absolute;
    right: 0.3rem;
    top: 50%;
    width: 0.5rem;
    height: 0.5rem;
    margin-top: -0.25rem;
}

.p-header3 .p-search-zd a{
    display: block;
    width: 0.5rem;
    height: 0.5rem;
}

.p-header-right{
    position: absolute;
    top:0;
    right:0;
}

.p-header-right .p-search{
    display: block;
}

.p-header-left{
    height:0.8rem;
    color:#fff;
}

.p-return-link{
    position: absolute;
    left:0;
    top:0;
    width:0.9rem;
    height:0.8rem;
    background:url(/images/left-arr.png) 50% no-repeat;
    background-size: 0.22rem;
}

.p-logo{
    display: table-cell;
    height:0.9rem;
}

.p-top-return{
    display: table-cell;
    width:0.9rem;
    height:0.8rem;
    vertical-align: middle;
}

.p-top-return a{
    width:0.9rem;
    height:0.8rem;
    background:url(/images/left-arr.png) 50% no-repeat;
    background-size: 0.22rem;
}

.p-logo-im{
    height:0.9rem;
    line-height:0.9rem;
    width:2rem;
    padding:0 0.17rem
}

.p-logo-im.p-logo-im-set{
    width:1.1rem;
    padding:0 0 0 0.3rem;
}

.p-logo-im.p-logo-im-set img{
    position: relative;
    top:-0.04rem
}

.p-search{
    display: table-cell;
    width:100%;
    height:0.9rem;
    padding:0.2rem;
    position: relative;
}

.p-search input{
    width:100%;
    height:0.6rem;
    border:0;
    border-radius:0.4rem;
    background:#fff;
    line-height:0.6rem;
    font-size:0.32rem;
    padding:0 0.45rem;
}

.p-search-ico{
    position: absolute;
    right:0.5rem;
    top:50%;
    width:0.5rem;
    height:0.5rem;
    margin-top:-0.25rem;
    background:url(/images/search.png) 50% no-repeat;
    background-size: 0.4rem;
	cursor: pointer;
}

.p-nav{
    display: table;
    width:100%;
    height:0.75rem;
    background:#fff;
    border-bottom:1px solid #bbb;
    box-shadow: 0 0.2rem 0.3rem #d6d6d6;
}

.p-nav-lf{
    display: table-cell;
    width:100%;
    height:0.75rem;
    vertical-align: middle;
}

.p-nav-rg{
    display: table-cell;
    height:0.75rem;
    vertical-align: middle;
}
.p-nav-rg a{
    display: block;
    height:0.75rem;
    width:1rem;
    background:url(/images/zd.png) 50% no-repeat;
    background-size: 0.4rem;
}

.p-nav ul{
    display: table;
    height:0.75rem;
    width:100%;
}

.p-nav li{
    display: table-cell;
    height:0.75rem;
    width:20%;
    text-align:center;
    line-height: 0.75rem;
}

.p-nav li a{
    position: relative;
    color:#333;
    font-size:0.34rem;
    display: block;
    height:0.75rem;
    line-height: 0.75rem;
}

.p-nav li .p-on:after{
    position: absolute;
    content:"";
    width:1rem;
    height:0.07rem;
    background:#4b95de;
    left:50%;
    bottom:-0.038rem;
    margin-left:-0.5rem;
    border-radius:0.4rem;
}

.p-means-tab{
    padding:0.08rem 0;
    background:#fff;
    box-shadow: 0 -0.2rem 0.3rem #d6d6d6;
    position: fixed;
    left:0;
    bottom:0;
    width:100%;
}

.p-means-tab-list{
    display:table;
    width:100%;
}

.p-means-tab-list li{
    display:table-cell;
    width:20%;
    position: relative;
}

.p-means-tab-list li a{
    display: block;
    text-align: center;
    font-size:0.3rem;
    color:#666;
}

.p-means-tab-list li i{
    display: block;
    width:100%;
    height:0.65rem;
    
    
}

.p-means-tab-list a{
    color:#666
}

.p-means-tab-list .p-on a{
    color:#4b95de
}

.p-means-tab-list .p-yd i{
    background:url(/images/yu-on.png) 50% no-repeat;
    background-size: 0.65rem;
}
    

.p-means-tab-list .p-on.p-yd i{
    background:url(/images/yu-on.png) 50% no-repeat;
    background-size: 0.65rem;
}

.p-means-tab-list .p-lt i{
    background:url(/images/lt.png) 50% no-repeat;
    background-size: 0.65rem;
}
    

.p-means-tab-list .p-on.p-lt i{
    background:url(/images/lt-on.png) 50% no-repeat;
    background-size: 0.65rem;
}

.p-means-tab-list .p-wb i{
    background:url(/images/wb.png) 50% no-repeat;
    background-size: 0.7rem;
}
    

.p-means-tab-list .p-on.p-wb i{
    background:url(/images/lt-wb.png) 50% no-repeat;
    background-size: 0.7rem;
}

.p-means-tab-list .p-kc i{
    background:url(/images/kc.png) 50% no-repeat;
    background-size: 0.6rem;
}
    

.p-means-tab-list .p-on.p-kc i{
    background:url(/images/lt-kc.png) 50% no-repeat;
    background-size: 0.6rem;
}

.p-means-tab-list .p-wd i{
    background:url(/images/wd.png) 50% no-repeat;
    background-size: 0.54rem;
}
    

.p-means-tab-list .p-on.p-wd i{
    background:url(/images/lt-wd.png) 50% no-repeat;
    background-size: 0.54rem;
}

.p-means-tab-list .p-message{
    min-width:0.35rem;
    height:0.35rem;
    line-height:0.35rem;
    border-radius:2rem;
    color:#fff;
    font-size:0.24rem;
    position: absolute;
    top:0;
    left:52%;
    margin-left:0;
    background:#ff0000;
    font-style: normal;
    letter-spacing:-0.02rem;
}