/*layout*/
.input_container { width: 100%; margin: 0 auto; padding-bottom: .8rem; /* border:1px solid #ccc; */ /* border-radius: 4px; */ /* background-color: #F1F1F1; */
}
.input_container .box_container { width: 100%; margin: 0 auto 20px auto;/* background-color: #fff; *//* border-top: 1px solid #dcdcdf; *//* border-bottom: 1px solid #dcdcdf; */ }
.input_container .box_content { width: 90%; height: 80px; margin: 0 auto;border-bottom: 2px solid #dcdcdf; opacity: 1; display: -webkit-box; position: relative;}
.input_container .box_content:last-child {/* border-bottom: none; */ }
.input_container .box_content .title { display: inline-block; font-size: 28px; width: 152px; height: 80px; line-height: 80px; overflow: hidden; color: #fff; text-align: left; }
.input_container .box_content .inputarea {-webkit-box-flex: 1;width: 100%;height: 100%;line-height: 78px;}
.inputface { width: 100%; padding: 22px 0; border: none; font-size: 28px; border-radius: 0; background-color: transparent; color: #fff; }
.input_container .box_content .tips { display: none; font-size: 28px; width: 100px; height: 80px; line-height: 80px; overflow: hidden; color: #A7A7A7; text-align: center; }
.input_container .box_content .tips.idcode { width: 4rem; }
.input_container .box_content .tips.idcode a { /* color: #060598; */ }
.input_container .box_content .tips.error, .inputface.error { color: #FF0004; }
.input_container .box_content .tips.correct { color: #00DD42; }
.input_content { /* border-bottom:2px solid #ccc;  background-color: #F1F1F1;*/ padding: .8rem 0 0 0;
}
/*.add_recipient_btn a { display:block; width: 100%; height: 1.5rem; line-height:1.5rem; background-color:#F1F1F1; font-size: .7rem; text-align:center;}*/
#Photo { position: absolute; width: 100%; left: 0; top: 0; height: 100%; opacity: 0; }
.add_recipient_btn { position: relative; width: 13.7rem; margin: 0 auto; }
.add_recipient_btn a { /* display:block; */ }
.add_recipient_btn .fa { position: absolute; right: 0; top: 0; }
.add_recipient_btn .fa-neuter { font-size: 1.5em; }
.add_recipient_btn .fa:before { color: #00FF24; }
.add_recipient_btn .fa-plus { font-size: .7em; top: 1em; right: 0.3em; }
.addr_container { position: relative; width: 100%; height: auto; margin: 1rem 0; padding: 0.575rem; background-color: #fff; overflow: hidden; border-top: 1px solid #c9c9cb; border-bottom: 1px solid #c9c9cb; }
.addr_content { position: relative; width: 100%; height: 4.1rem; }
.addr_container .tag { position: absolute; top: 0; right: 0; height: auto; }
.addr_container .tag.fa-edit { top: 0; bottom: inherit; }
.addr_container .tag.fa-trash { top: inherit; bottom: 0; right: .2rem;
}
.addr_container .arrow { right: 10px; width: 20px; }
.addr_container .content { width: auto; height: 100%; margin: 0 1rem 0 4.6rem; font-size: 0.4rem; color: #8C8C8C; }
.addr_container .content p { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 1rem; font-size: .6rem;
}
.addr_container .content p.district { line-height: 1.2rem; }
.addr_container .content p.village { -webkit-line-clamp: 2; line-height: .8rem;
}
.addr_container .content .info { color: #000; line-height: 1rem; font-size: .7rem;
padding-top: .2rem;
}
.addr_container .content .info .tel { padding-left: .4rem;
}
.addr_container .photo { position: absolute; left: 0; top: 0; width: 4.100rem; height: 4.100rem; border-radius: 8px; background-repeat: no-repeat; background-size: cover; }
.addr_container .photo .magnifier { position: absolute; bottom: .4rem;
right: .4rem;
width: 1.2rem; height: 1.2rem; line-height: 1.2rem; text-align: center; color: #fff;/* background:#fff; */ }
.append_btn { width: 15rem; height: 2rem; margin: 1rem auto; }
.append_btn a { display: block; width: 100%; height: 100%; line-height: 2rem; text-align: center; }
.takes_tips { position: absolute; bottom: 200px; left: 0; z-index: 9; width: 100%; padding-bottom: 0;/* border-top: 1px solid #c8c7cc; *//* background-color: #fff; */ }
.takes_tips p { line-height: 1.6rem; color: #525252; text-align: center; font-size: .6rem;
}
/*page3*/
.page3 { z-index: 12; top: 0; }
/*page4*/
.markerbtn { font-size: 1rem !important; }
.txt_tips {
font-size: .7rem; line-height: 2rem; color: #888; text-align: center; }
.txt_tips a { font-size: .7rem;
}
.register_protocol { padding: 1rem .8rem 0 .8rem;
}
.register_protocol p {
font-size: .7rem; line-height: 1.2rem; margin-bottom: .6rem;
}
.becurrent { padding: 1rem 0 0 0; }
/*scroller*/
html { -ms-touch-action: none; }
.scroller { position: absolute; z-index: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); width: 100%; min-height: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; padding-bottom: 1rem; }
.pagecontent { position: absolute; top: 301px; bottom: 0; left: 0; z-index: 1; width: 100%; overflow: hidden; }
/*other*/
.dialog-tips { display: none; position: fixed; top: 500px; left: 50%; width: 100%; z-index: 999; width: 400px; margin-left: -200px; border-radius: 7px; }
.dialog-tips .content { background: rgba(16, 16, 16, 0.34); color: #fff; text-align: center; font-size: 24px; line-height: 60px; margin: 0 auto; border-radius: 7px; }
.button { position: absolute; bottom: 135px; left: 20%; width: 60%; height: 80px; line-height: 80px; z-index: 10; }
.button.rel { position: relative; margin: 0 auto; left: initial; bottom: initial; }
.button a { display: block; width: 100%; height: 100%; color: #fff; text-align: center;background: rgb(12, 53, 93); border-radius: 7px; font-size: 30px;/* border: 2px solid; */}
.button a:hover { color: #fff; background: rgb(4, 20, 35); }
.button a.warn { background: #EF4F4F; }
.button a.warn:hover { background: #FB3E3E; }
.button .fa span { font-size: .9rem;
padding-left: .4rem;
}
.button .fa:before { color: #fff; }
.button_container { position: absolute; bottom: 0; width: 100%; height: 9rem; }
input::-webkit-input-placeholder {
color: #C5C9D8 !important;
font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", sans-serif;
}
input { /* -webkit-appearance: none; */ outline: none; font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", sans-serif; }
.box_content .line {width: 100%;/* margin: -34px 0 0 -146px; */ position: absolute;top: 57px;left: 0; z-index: 9999;overflow: hidden;}
.box_content .line .stick {width: 20px;height: 3px;background: #fff; display: inline-block;margin-left: -7px;}
.box_content .line .stick:nth-child(n) { transform: rotate(30deg); -ms-transform: rotate(30deg); /* IE 9 */-webkit-transform: rotate(28deg); /* Safari and Chrome */
-moz-transform: rotate(30deg);}
.box_content .line .stick:nth-child(2n) { transform: rotate(-30deg); -ms-transform: rotate(-30deg); /* IE 9 */-webkit-transform: rotate(-28deg); /* Safari and Chrome */
-moz-transform: rotate(-30deg);}