/*公用css*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td ,textarea,input { margin:0; padding:0; }
address,cite,dfn,em,var, i {font-style:normal;}
html{min-height: 100%;}
body {font-size: 0.24rem; line-height: 1.5; font-family:'Microsoft Yahei','simsun','arial','tahoma';  color: #333333;}
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; }
/*button,input,select,textarea{font-size:100%;}*/
fieldset,img{border:none;}
a,
img {
    -webkit-touch-callout: none;
}
a,
a:active,
a:focus,
a:hover,
a:visited {text-decoration: none}
input[type=password],
input[type=text],
textarea {
    resize: none;
    outline: 0;
    -webkit-appearance: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: #fff
}
:focus{ outline:none;}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}
ul, ol { list-style: none; }
body{visibility: hidden;padding-bottom: 1rem;padding-top: 1rem;min-height: 100%;box-sizing: border-box;position: relative;height: auto;}
.big-box{padding-bottom: 1.5rem;max-width: 100%;}
/*头部*/
.a-0{background: url(../img/xgpx14.png) no-repeat center;background-size: 100% 100%;}
.a1-0{background: url(../img/xgpx1.png) no-repeat center;background-size: 100% 100%;}
.a2-0{background: none;background-color: #fafbfc;}
.a-1{padding: 0 2.5%;position: relative;overflow: hidden;height: 1rem;position: fixed;top: 0;width: 100%;box-sizing: border-box;z-index: 15;background-color: #025393;}
.a-2{float: left;margin-top: 0.13rem;}
.a-2 img{width: 0.23rem;margin-top: 0.17rem;}
.a2-1{position: absolute;font-size: 0.33rem;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);color:white}
.a-3{float: right;margin-top: 0.22rem;padding: 0.1rem 0.25rem;background-color: rgba(255,255,255,0.2);display: block;border-radius: 1rem;}
.a-3 img{width: 1.3rem;border-radius: 0.5rem;}
/*登录*/
.a-4{padding: 0 2.5%;}
.a-5{display: block;margin: 0 auto;width: 1.65rem;margin-top: 0.67rem;}
.a-6{margin-top: 0.5rem;}
.a-8{height: 4.93rem;background-color: white;padding: 0 1.05rem;box-sizing: border-box;padding-top: 0.7rem;border-top-left-radius: 0.5rem;border-top-right-radius: 0.5rem;box-shadow: 0 0 0.1rem 0.05rem rgba(0,0,0,0.1);}
.a-9{text-align: center;font-size: 0.34rem;font-weight: bold;margin-bottom: 0.5rem;}
.a-10{height: 0.65rem;background-color: #f7f7f7;box-sizing: border-box;border-radius: 0.1rem;margin-bottom: 0.37rem;padding: 0 0.32rem;border: 1px solid transparent;}
.a-8 .active{border-color: #016974;}
.a-10 input{border: none;background-color: transparent;height: 100%;font-size: 0.26rem;}
.a-11{height: 0.65rem;width: 100%;border-radius: 0.1rem;border: none;color: white;font-size: 0.28rem;margin-top: 0.23rem;background-color: #055597;position: relative;}
.a-11 img{width: 0.45rem;position: absolute;right: 0.8rem;top: 0.1rem;}
.a-12{height: 0.35rem;background-color: rgba(255,255,255,0.2);}
.a-13{height: 0.17rem;background-color: rgba(255,255,255,0.5);}
/*我的应缴*/
.b-1{padding: 0 2.5%;margin-top: 0.35rem}
.b-2>li{background-color: white;height: 3.25rem;border-radius: 0.1rem;padding: 0 0.1rem;margin-bottom: 0.35rem;}
.b-3{line-height: 0.78rem;border-bottom: 1px dashed #cccccc;display: flex;justify-content: space-between;padding: 0 0.15rem;}
.b-4{font-size: 0.26rem;}
.b-5{color: #666666;}
.b-6{color: #666666;}
.b-7{margin-top: 0.05rem;}
.b-8{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0 0.15rem;}
.b-8 li{line-height: 0.57rem;width: 50%;}
.b-8 li:nth-child(even) .b-9{display: inline-block;width: 1.85rem;text-align: right;}
.b-9{color: #666666;}
.b-11{color: #ab2121;font-weight: bold;}
.b-12{color: white;display: flex;justify-content: space-between;margin-top: -0.1rem;}
.b-13{margin-top: -0.15rem;}
.b-14{font-size: 0.4rem;font-weight: bold;}
.b-16{text-align: center;margin-top: 0.65rem;}
.b-17{display: inline-block;height: 0.65rem;background-color: #007ee6;color: white;border-radius: 0.1rem;font-size: 0.28rem;display: inline-flex;justify-content: center;align-items: center;flex-direction: column;width: 5rem;}
.b-18{position: fixed;bottom: 0;width: 100%;}
.b-19{height: 1rem;background-color: white;width: 100%;display: flex;justify-content: space-between;}
.b-19 li{width: 50%;text-align: center;}
.b-19 li a{display: inline-block;}
.b-19 li img{display: inline-block;vertical-align: middle;height: 0.45rem;margin-right: 0.17rem;}
.b-19 li span{display: inline-block;vertical-align: middle;color: #cccccc;}
.b-19 li .b-21{display: none;}
.b-19 .active .b-20{display: none;}
.b-19 .active .b-21{display: inline-block;}
.b-19 .active .b-22{color: #055597;}
/*缴费记录*/
.c-1 li{background-color: white;border-radius: 0.1rem;height: 3.5rem;overflow: hidden;margin-bottom: 0.35rem;}
.c-2{font-size: 0.26rem;color: white;height: 0.78rem;line-height: 0.78rem;background-color: #0068bd;padding: 0 0.37rem;}
.c-3{padding: 0 0.37rem;line-height: 0.5rem;margin-top: 0.1rem;}
.c-5{color: #666666;margin-right: 0.6rem;}
.c-5 label{display: inline-block;width: 0.75rem;text-align-last: justify;}
/*缴费*/
.d-1{background-color: #fafbfc;height: calc(100% - 1rem);position: absolute;left: 0;width: 100%;box-sizing: border-box;}
.d-2{padding: 0 2.5%;background-color: white;padding-top: 0.3rem;box-shadow: 0 0 0.2rem 0.05rem #eeeeee;}
.d-3{font-size: 0.32rem;}
.d-4{display: flex;justify-content: space-between;border-bottom: 1px solid #eeeeee;padding-bottom: 0.15rem;margin-top: 0.2rem;padding-right: 0.38rem;}
.d-6{font-size: 0.4rem;display: inline-block;vertical-align: middle;}
.d-7{border: none;font-size: 0.5rem;display: inline-block;vertical-align: middle;width: 5.2rem;}
.d-8{color: #055597;line-height: 0.55rem;}
.d-9{line-height: 0.7rem;color: #999999;}
.d-10{padding: 0 2.5%;}
.d-11{font-size: 0.28rem;color: #bebebe;line-height: 0.97rem;}
.d-12{border-bottom: 1px solid #e6e6e6;}
.d-13{width: 100%;display: block;padding: 0.3rem 0;}
.d-13 input{display: inline-block;vertical-align: middle;}
.d-13 img{width: 0.4rem;height: 0.4rem;display: inline-block;vertical-align: middle;}
.d-13 span{display: inline-block;vertical-align: middle;margin-left: 0.25rem;font-size: 0.28rem;}
.d-14{height: 0.65rem;background-color: #055597;color: white;border-radius: 0.1rem;font-size: 0.28rem;width: 5rem;border: none;display: block;margin: 0 auto;margin-top: 1rem;}

input[type=radio] {
    margin-right: 5px;
    cursor: pointer;
    font-size: 14px;
    width: 0.45rem;
    height: 0.45rem;
    position: relative;
    margin-right: 0.35rem;
}

input[type=radio]:after {
    position: absolute;
    width: 0.45rem;
    height: 0.45rem;
    top: 0;
    border-radius: 100%;
    content: " ";
    border: 1px solid #bfbfbf;
    color: #fff;
    display: inline-block;
    visibility: visible;
    box-sizing: border-box;
    background-color: white;
}



input[type=radio]:checked:before {
    display: block;
    content: " ";
    width: 0.45rem;
    height: 0.45rem;
    background-color: white;
    background: url(../img/xgpx10.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
    z-index:3;
}


.b-8 li{white-space:nowrap}

.b-19 li a{width:100%;height:100%;}
.b-19 li{line-height:1rem;}