@charset "utf-8";

*, *:before, *:after { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* A11Y：移除了 outline 样式，注意设置其他 :focus 样式，方便残障人士识别焦点 */
*:focus { outline: none;}

html,body { min-height: 100%; }
body { -webkit-user-select: none; user-select: none; background: #fff; }
.allbg{ background: #f2f6f9;}
.allbgf0{ background: #f0f0f0;}
body, input, textarea, select, button { font-size: 16px; line-height: 1.5; color: #333; font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3,h4, h5, h6, form, fieldset, legend,input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
table { border-collapse: collapse; border-spacing: 0;}
fieldset, img { border: 0;}
li{ list-style: none;}
caption, th { text-align: left;}
q:before,
q:after { content: "";}
input:password {ime-mode: disabled;}
input { line-height: normal;}
a{ color: #0af; text-decoration: none;}
a:hover{ /* opacity: 0.7; filter:alpha(opacity=70);*/}
a,img { -webkit-touch-callout: none;}

/*单选*/
.radio_box{ display:inline-block; position:relative; overflow: hidden;  width:22px; height:22px; top:2px; vertical-align: middle; margin-left: 12px; }
.radio_box input{ display: none; }
.radio_box label{ width:16px; height:16px; position:absolute; top:0px; left:0; border:0px solid #2dd19f; border-radius:50%; background:#eee; cursor:pointer; }
.radio_box input:checked + label:after{ content:''; width:16px; height:16px; position:absolute; top:0px; left:0px; background:#33b1eb; border-radius:50%; }

.k-copyright{ position: fixed; bottom: 0; width: 100%; z-index: -10; height: auto; overflow: hidden; padding-bottom: 20px; font-size: 14px; line-height: 1.5; color: #999; text-align: center;}
.f-copyright{ float: left; width: 100%; height: auto; overflow: hidden; padding-bottom: 20px; margin-top: 10px; font-size: 14px; line-height: 1.5; color: #999; text-align: center;}


/*所有 placeholder 默认值*/
.am-list-body .am-list-item .am-list-control input::-webkit-input-placeholder,
.am-list-body .am-list-item .am-list-control textarea::-webkit-input-placeholder{ color: #999; font-size: 14px; }
.am-list-body .am-list-item .am-list-control input:-moz-placeholder,
.am-list-body .am-list-item .am-list-control textarea:-moz-placeholder{ color:#999; font-size: 14px; }
.am-list-body .am-list-item .am-list-control input::-moz-placeholder,
.am-list-body .am-list-item .am-list-control textarea::-moz-placeholder{ color:#999; font-size: 14px; }
.am-list-body .am-list-item .am-list-control input:-ms-input-placeholder,
.am-list-body .am-list-item .am-list-control textarea:-ms-input-placeholder{ color:#999; font-size: 14px; }

input::-webkit-input-placeholder{ color: #999; font-size: 14px; }
input:-moz-placeholder{ color:#999; font-size: 14px; }
input::-moz-placeholder{ color:#999; font-size: 14px; }
input:-ms-input-placeholder{ color:#999; font-size: 14px; }

textarea::-webkit-input-placeholder{ color: #999; font-size: 14px; }

.theme-popover-mask{ display: block; position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); }

.arrow-right{ float: right; display: inline-block; width: 12px; height: 48px; background:url(../../images/eightFunction/arr-right.png) no-repeat center; background-size:12px 12px; }
.arrow-up{ float: right; display: inline-block; width: 12px; height: 48px; background:url(../../images/eightFunction/arr-up.png) no-repeat center; background-size:12px 12px; }
.arrow-down{ float: right; display: inline-block; width: 12px; height: 48px; background:url(../../images/eightFunction/arr-down.png) no-repeat center; background-size:12px 12px; }
.mgleft10{ margin-left: 10px; }
.mgtop10{ width: 100%; height: 10px; margin-top: 10px; }

.pt10{ padding-top: 10px;}
.box10{ float: left; width: 100%; height: 10px; }
.bottomline{ border-bottom: 1px solid #f0f0f0; }
.hid{ display: none;}
.button-color { font-size:18px; background: #2fb3f1;}
.bluecolor{ color: #2fb3f1; }
.aq{ display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin-left: 8px;  background:url(../../images/eightFunction/aq.png) no-repeat center; background-size:14px 14px; }
/*弹出对话框强制更改样式*/
.am-dialog .am-dialog-wrap {
    padding-top: 25px;
    max-width: 300px;
    margin: 0 auto;
    border-radius: 7px;
    -webkit-background-clip: padding-box;
    background-color: #fff;
    line-height: 21px
}

/*1*/
.bg1{ float: left; width: 100%; height: 100%; background: url(../../images/eightFunction/bg1.jpg) no-repeat top; background-size: 100% 221px; }
.mtop220{ margin-top: 220px;}
.bg1-sm{ width: 100%; height: auto; overflow: hidden; margin-top: 10px; padding:10px; box-sizing: border-box;}
.bg1-sm a{ font-size: 15px; color: #333; }

/*2*/
.pg2-title{ float: left; width: 100%; height:32px; line-height: 32px; padding: 0 10px; font-size: 14px; color: #999;  box-sizing: border-box; }

.pg2-xm{ float: left; width: 100%; min-height: 48px; overflow: hidden; background: #fff; padding: 0 10px; box-sizing: border-box; }
.pg2-xm .tit{ float: left; width: 50%; height: 48px; line-height: 48px; font-size: 15px; color: #333; }
.pg2-xm .content{ float: right; width: 50%; height: 48px; line-height: 48px; font-size: 15px; color: #666; text-align: right; }
.color9{ color: #999;}
.cred{ color: #ff0000;}
.cblue{ color: #2fb3f1;}


/*3*/
.p-yello{ background: #fff500; }
.p-read{ background: #d72823; }
.pg3-paiwp{ position: relative; width: 267px; height: 350px; margin: 35px auto 15px auto; border-radius: 10px; ;}
.pg3-paiwp .nam{ float: left; width: 100%; height: auto; overflow: hidden; margin-top: 90px; text-align: center; font-size: 24px; color: #000;}
.pg3-paiwp .yea{ float: left; width: 100%; height: auto; overflow: hidden; margin-top: 20px; text-align: center; font-size: 18px; color: #000;}
.pg3-paiwp .chep{ position: absolute; bottom: 55px; width: 100%; height: 30px; line-height: 30px; overflow: hidden; margin-top: 20px; text-align: left; font-size: 13px; color: #000; padding: 0 10px; box-sizing: border-box; }
.pg3-paiwp .chep .cp{ font-size: 16px; margin-left: 10px;}
.pg3-paiwp .chep .bh{ float: right; font-size: 13px;}
.pg3-paiwp .tis { position: absolute; bottom: 0; width: 100%; height: 46px; line-height: 46px; text-align: center; font-size: 14px; border-radius: 0 0 10px 10px; background: #fff; }
.pg3-download{ width: 100%; height: 30px; padding:5px 10px; box-sizing: border-box; }
.pg3-download a{ display: block; float: right; width: 30px; height: 20px; line-height: 20px; font-size: 13px; color: #333; padding-left: 18px; background: url(../../images/eightFunction/download.png) no-repeat left; background-size: 16px 16px;  }
.p3-tan{ display: none; width: 100%; height: auto; overflow: hidden; color: #666; padding:10px 0; box-sizing: border-box; font-size: 15px; background: #fff;  }

.pg-download{ position: fixed; bottom: 10px; width: 100%; height: 30px; padding:5px 10px; box-sizing: border-box; }
.pg-download a{ display: block; float: right; width: 30px; height: 20px; line-height: 20px; font-size: 13px; color: #333; padding-left: 18px; background: url(../../images/eightFunction/download.png) no-repeat left; background-size: 16px 16px;  }


/*5*/
.pg5-xm{ float: left; width: 100%; height: 48px; background: #fff; padding: 0 10px; box-sizing: border-box; }
.pg5-xm .tit{ float: left; width: 50%; height: 48px; line-height: 48px; font-size: 15px; color: #333; }
.pg5-xm .content{ float: right; width: 50%; height: 48px; line-height: 48px; font-size: 15px; color: #666; text-align: right; }
.pg5-xm .content input{ width: 100%; padding: 14px 0; color: #333; text-align: right; font-size: 16px; outline: none; border: 0; background: none; }
.uploader-wp{ float: left; width: 100%; height: auto; overflow: hidden; background: #fff; padding: 0 10px; box-sizing: border-box; text-align: justify; text-align-last:justify; }
.uploader-wp .z1{ background: url(../../images/eightFunction/z1.jpg) no-repeat top; background-size: 100% 100%;}
.uploader-wp .z2{ background: url(../../images/eightFunction/z2.jpg) no-repeat top; background-size: 100% 100%;}
.uploader-wp .z5{ background: url(../../images/eightFunction/ups3.png) no-repeat center; background-size: 400px 400px;}
.uploader-wp .z6{ background: url(../../images/eightFunction/ups4.png) no-repeat center; background-size: 400px 400px;}

/*file*/
.uploader-input { display:inline-block; position: relative; margin: 0 0 10px 0; width: 48%; height: 125px; border: 1px solid #D9D9D9; border-radius: 5px; }
.uploader-input:before,
.uploader-input:after {
    /*content: " "; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #D9D9D9;*/ }
.uploader-input:before { width: 2px; height: 39.5px;}
.uploader-input:after { width: 39.5px; height: 2px; }
.uploader-input:active { border-color: #999999;}
.uploader-input:active:before,
.uploader-input:active:after { background-color: #999999;}
.uploader-input img{width: 100%; height: 100%; border-radius: 5px; }
.upinput{ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }


.tongyi{ float: left; width: 100%; height: auto; font-size: 15px; color: #666; margin: 0; }
.tongyi .nl{ float: left; display: block; width: 90%;  height: auto; line-height: 16px; font-size: 15px; margin: 0 0 0 6px; }
.check-on{ float: left;  display: none; width: 12px; height: 12px; margin: 1px 0 0 10px; background: url("../../images/eightFunction/check-on.png") no-repeat; background-size: 12px 12px; }
.check-off{ float: left;  display: block; width: 12px; height: 12px; margin: 1px 0 0 10px; background: url("../../images/eightFunction/check-off.png") no-repeat; background-size: 12px 12px; }
.p5tishi{ float: left; width: 100%; height: auto; overflow: hidden; padding:10px 20px; box-sizing: border-box;}
.p5tishi p{ margin: 10px 0 0 0; line-height: 1.7; font-size: 15px; }
/*电子通行证*/
.dztxz-wp{ width: 90%; height: 240px; margin: 15px auto; background: #cdbe01; border-radius: 10px; border: 3px solid #816d14; box-sizing: border-box;  }
.dztxz-wp .tdian{ width:30px; height: 12px; border-radius: 6px; background: #816d14; margin: 10px auto 0 auto; }
.dztxz-wp .content{ width: 90%; height: 180px; background: #fff; border-radius: 5px; margin: 10px auto 0 auto; }
.dztxz-wp .content .tit{ width: 100%; height: auto; overflow: hidden; font-size: 16px; color: #7f7b18; font-weight: bold; padding: 5px; box-sizing: border-box;  }
.dztxz-wp .content .bigtit{ width: 100%; height: auto; overflow: hidden; text-align: center; font-size: 16px; color: #333; font-weight: bold; padding: 5px 0 12px 0; box-sizing: border-box;  }
.dztxz-wp .content .t1{ width: 90%; height: auto; overflow: hidden; font-size: 13px; color: #333; margin: 0 auto; padding:2px 5px; box-sizing: border-box; }
.dztxz-wp .content .t1 .lt{ display: inline-block; float: left; width: 50%;}
.dztxz-wp .content .t1 .rt{ display: inline-block; float: left; width: 50%;}
.dztxz-wp .content .t2{ width: 90%; height: auto; overflow: hidden; font-size: 13px; color: #333; margin: 0 auto; padding:2px 5px; box-sizing: border-box; }
.dztxz-wp .jxts-sm{ width: 100%; height: auto; overflow: hidden; margin-top: 30px; font-size: 15px; padding:10px; box-sizing: border-box;}
.dztxz-wp .jxts-sm p{ color: #ff1200; font-size: 13px; margin-top: 5px; }

.dztxz-red{ width: 90%; height: 240px; margin: 15px auto; background: #ff6666; border-radius: 10px; border: 3px solid #d72823; box-sizing: border-box;  }
.dztxz-red .tdian{ width:30px; height: 12px; border-radius: 6px; background: #d72823; margin: 10px auto 0 auto; }
.dztxz-red .content{ width: 90%; height: 180px; background: #fff; border-radius: 5px; margin: 10px auto 0 auto; }
.dztxz-red .content .tit{ width: 100%; height: auto; overflow: hidden; font-size: 16px; color: #d72823; font-weight: bold; padding: 5px; box-sizing: border-box;  }
.dztxz-red .content .bigtit{ width: 100%; height: auto; overflow: hidden; text-align: center; font-size: 16px; color: #333; font-weight: bold; padding: 5px 0 12px 0; box-sizing: border-box;  }
.dztxz-red .content .t1{ width: 90%; height: auto; overflow: hidden; font-size: 13px; color: #333; margin: 0 auto; padding:2px 5px; box-sizing: border-box; }
.dztxz-red .content .t1 .lt{ display: inline-block; float: left; width: 50%;}
.dztxz-red .content .t1 .rt{ display: inline-block; float: left; width: 50%;}
.dztxz-red .content .t2{ width: 90%; height: auto; overflow: hidden; font-size: 13px; color: #333; margin: 0 auto; padding:2px 5px; box-sizing: border-box; }
.dztxz-red .jxts-sm{ width: 100%; height: auto; overflow: hidden; margin-top: 30px; font-size: 15px; padding:10px; box-sizing: border-box;}
.dztxz-red .jxts-sm p{ color: #ff1200; font-size: 13px; margin-top: 5px; }

.fk-scucess{ width: 100%; height: auto; background: #fff; padding-bottom: 18px; box-sizing: border-box; padding-top: 40px; }
.fk-scucess .pic{ width: 100%; height: 65px; background:url(../../images/eightFunction/sucess.png) no-repeat center; background-size:65px 65px; }
.fk-scucess .t1{ width: 100%; height: auto; font-size: 18px; color: #000; text-align: center; margin-top: 16px; }
.fk-scucess .t2{ width: 100%; height: auto; font-size: 18px; color: #000; text-align: center; margin-top: 16px; }
.fk-scucess .money{ width: 100%; height: auto; font-size: 24px; color: #000; text-align: center; margin-top: 16px; }
.fk-scucess .tit{ width: 80%; height: auto; font-size: 14px; color: #666; text-align: center; margin: 16px auto 0 auto;  }

.ywxz{ font-size: 16px; line-height: 1.7;}

/*请选择通行证*/
.theme-popover0{ display: block; z-index:9999; position:fixed; top:50%; left:50%; width:280px; height:153px; margin:-75px 0 0 -140px; background: #e7e7e7; border-radius: 10px;  }
.theme-poptit0{ position: relative; z-index:9998; width: 100%; height: 47px; line-height: 47px; border-bottom: 1px solid #cfcfcf; font-size:18px; color:#333; text-align: center; }
.theme-popcon0 { float: left; position: relative; width:100%;  height:100%; }
.theme-popcon0 .inputb{ width:100%;  height:36px; margin: 10px 0 0 0;}
.theme-popcon0 .inputb .tit{ float: left; display: block; width: 90px; height: 36px; text-align: left; line-height: 36px; color: #333; font-size: 18px; padding: 0px 15px 0 15px; box-sizing: border-box; }
.theme-popcon0 .inputb .inpt{ float: left; display: block; width: 180px; height: 30px; }
.theme-popcon0 .butt{ float: left; width: 100%; height: 36px; margin:10px 0 0 0; text-align: center; }
a.quxiao:link,a.quxiao:visited{ display: inline-block; width:123px; height: 36px; line-height: 36px; font-size: 15px; text-align: center; color: #fff; border-radius: 8px; margin: 0 5px; background: #a7a7a7; }
a.quxiao:hover{ }
a.quedin:link,a.quedin:visited{ display: inline-block; width:123px; height: 36px; line-height: 36px; font-size: 15px; text-align: center; color: #fff; border-radius: 8px; margin: 0 px; background: #3fc2f3; }
a.quedin:hover{ }

/* 滑动删除 */
.sl-li { float: left;
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}
.sl-li .sl-content {
    height: 100%;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 10;
}
.sl-li .sl-content.animated {
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
}
.sl-li .sl-opts {
    height: 48px;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}
.sl-li .sl-opts span {
    height: 100%;
    padding: 0 40px;
    text-align: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    background: #F95F61; color: #fff;
}

/* 滑动删除 */