@charset "UTF-8";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {  margin: 0;  padding: 0; }
html { font-family: "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;   -ms-text-size-adjust: 100%;   -webkit-text-size-adjust: 100%; }

html,body { height: 100vh;}
img {  border: 0; display: block;}
h3,p,a { font-size: 100%;}
ul li{ list-style: none;}

/*下方弹出，活动规则。css*/ 
.full{
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0 ,0 , .6);
}
.rules{
	width: 100%; 
	background:#fff;
	position:fixed;
	left:0;
	bottom:0px;
	z-index:1000; 
    display: none;
}
.rules h2{
	text-align: center;
    font-size: .5rem;
    color: #fff;
    background: #0e2594;

}
.rules h2 i {
	position: absolute;
	top: 6px;
	cursor: pointer; 
	line-height: 20px;
}
.rules-list{
	padding:5%;
	overflow-y: scroll;
}
.rules-list span,.rules-list p{
	color:#0e2594;
}
.rules-list li{line-height: .5rem;}
.close_btn1 img{    width: .5rem; height: .5rem;}
/*下方弹出，活动规则。end*/ 

/*办理成功弹出。css*/ 
.hide {
    display: none;
}
.mask-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc000000",endColorstr="#cc000000");
    z-index: 9999;
}
.mask-layer {
    background-color: rgba(0,0,0,.5);
}
.modal {
    position: fixed;
    width: 80%;
    left: 10%;
    top: 30%;
    background: url(../img/t_bg.png) no-repeat 0 bottom;
    background-size: 100%;
    height: 11.453333rem;
    background-color: #fff;
    border-radius: 10px;
}
.modal {
    height: 6rem;
}
.modal {
    background: none;
    background-color:#2196F3;
    background-size: 100%;
    border: .05rem solid #FFC107;
}
.modal .btn-close {
    background-image: url(../img/close.png);
    background-repeat: no-repeat;
    background-size: .533333rem;
    width: .533333rem;
    height: .533333rem;
    position: absolute;
    top: -.8rem;
    right: .4rem;
}
.modal__content {
    font-size: .32rem;
    text-align: center;
}
.clearfix {
    clear: both;
}
.modal__content .modal-form {
    padding-left: .466667rem;
}
.modal-form .modal-list {
    padding: 0 0 .44rem;
}
.quan1026-2 {
    width: 6.8rem;
    height: 2.746rem;
    margin: 0 auto;
    background: url(../img/block3.png) 0 0 no-repeat;
    background-size: 100%;
}
.quan1026-2 p {
    position: absolute;
    width: 5.8rem;
    height: 1.68rem;
    text-align: center;
    font-size: .7rem;
    color: #f42400;
    left: 1.2rem;
    top: 2.6rem;
    line-height: 1.68rem;
}
.modal__content .modal-form {
    padding-left: .466667rem;
}
/*办理成功弹出。end*/ 
.listPush li{border: 2px solid #70d4ff;background-color: #05305d; color: #fff;height: .93rem;line-height: .93rem;font-size: .4rem;text-align: center;border-radius: .2rem;margin: .1rem 0;}
.listPush li.on{border: 2px solid #165bd0;background-color: #70d4ff;color: #05305d;}
.listPush li.left{width: 3.7rem;float: left;margin-left: .15rem;font-weight: bold;}
.listPush li.right{width: 4rem;float: right;margin-right: .15rem;}
.rules h2{background-color: #e1c79e;color: #666666}
.modal{background-color: #fff;border: none;border-radius: .3rem; height: 5rem;}
.modal .btn-close{    top: -1.8rem;}
.rules h2{    padding: .2rem 0;    font-weight: normal;font-size: .4rem;    border-bottom: 15px dotted #d8ceaa;}
.rules h2 i{    position: absolute; left: .4rem; top: .4rem; cursor: pointer; line-height: 20px;color: #fff;}
.modal .btn-close{    top: -2.4rem;}