@import './styles.css?v=1';
html,body {
    width: 100%;
    height: 100%;
    background: #F5F2F5;
}
.ios-select-widget-box header.iosselect-header a.close {
    color: #333;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #C4C4C4;
    font-size: .32rem;
    line-height: .68rem;
}
.commonBox {
    width: 6.76rem;
    margin: .20rem auto;
    padding: .2rem .17rem;
    background: #fff;
    border:.01rem solid rgba(142,53,53,1);
}
.commonBox .titleH2 ,
.commonBox ul {
    width: 100%;
}
.label-tip{
    font-size: .28rem;
    color: #FF6400;
    width: 6.9rem;
    margin: .1rem auto;
    margin-top: -.1rem;
}
.label-tip .tip-icon{
    display: inline-block;
    width: .26rem;
    height: .26rem;
    background: url("../images/tip.png") center no-repeat;
    background-size: 100%;
    margin-right: .1rem;
    position: relative;
    top: 0.02rem;
}
.label-tip.hidden{
    display: none;
}
.contentBox {
    /* width: 6.76rem; */
    /* height: 8.43rem; */
    position: relative;
    border:.01rem solid rgba(196,196,196,1);
}
.contentBox span.icon {
    display: block;
    width: .16rem;
    height: .16rem;
    background: url('../images/icon1.png') no-repeat;
    background-size: .16rem .16rem;
}
.contentBox span.icon0 {
    position: absolute;
    top: 0;
    left: 0;
}
.contentBox span.icon1 {
    background: url('../images/icon2.png') no-repeat;
    background-size: .16rem .16rem;
    position: absolute;
    top: 0;
    right: 0;
}
.contentBox span.icon2 {
    background: url('../images/icon3.png') no-repeat;
    background-size: .16rem .16rem;
    position: absolute;
    bottom: 0;
    left: 0;
}
.contentBox span.icon3 {
    background: url('../images/icon4.png') no-repeat;
    background-size: .16rem .16rem;
    position: absolute;
    right: 0;
    bottom: 0;
}
/* header */
.header {
    width: 100%;
    height: .88rem;
    line-height: 0;
    background: url(../images/logoBg.png) no-repeat center center;
    background-size: 100% 100%;
    text-align: center;
}
.header img {
    /*width: 2rem;*/
    height: .5rem;
    margin-top: .18rem;
}
.header a.left {
    float: left;
    padding-left: 15px;
}
.header .txt {
    font-size: 16px;
    position: relative;
    right: 80px;
    top: 22px;
    color: #ddd;
}
.header a.right {
    float: right;
    padding-right: 15px;
}
/* 搜索区 */
.searchBox {
    width: 100%;
    /* height: 3.66rem; */
    padding: 0.2rem 0 .3rem 0;
    background: #fff;
    box-shadow:0px 1px 0px 0px rgba(141, 141, 141, 0.35);
}
.inputBox {
    width: 6.9rem;
    padding: 0;
    margin: 0 auto 10px;
    position: relative;
}
.Surname {
    width: 100%;
    display: flex;
}
.Surname p {
    height: .68rem;
    line-height: .68rem;
    font-size: .32rem;
    padding-left: .24rem;
}
.Surname p.input_P {
    width: 76%;
    display: flex;
}
.Surname p.gender_P span {
    display: inline-block;
    width: .44rem;
    height: .44rem;
    background: url(../images/defaultBg.png) no-repeat;
    background-size: 100% 100%;
    line-height: .44rem;
    color: #fff;
    font-size: .28rem;
    text-align: center;
    margin-left: .05rem;
}
.Surname p.input_P input {
    height: .628rem;
    width: 68%;
    line-height: .628rem;
    font-size: .32rem;
    margin-top: .02rem;
}
.android .Surname p.input_P input {
    margin-top: .01rem;
}
.Surname p.gender_P {
    padding: 0;
}
.Surname p.gender_P span.cur {
    background: url(../images/chooseBg.png) no-repeat;
    background-size: 100% 100%;
}
.Surname p.input_P span {
    color: #333;
}
.android .Surname p.input_P input,
.android .Surname p.input_P span,
.android .Surname .inputbox span,
.android .Surname .calendar {
    position: relative;
    top: 1px;
}
.iphone .Surname p.input_P input {
    margin-top: 0;
}
i.selectIcon {
    display: inline-block;
    width: .2rem;
    height: .1rem;
    background: url(../images/fullIcon.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    top: -.05rem;
    left: .05rem;
}
.riLi {
    display: none;
    width: 1.60rem;
    height: 1.10rem;
    background:rgba(242,242,242,1);
    border:.01rem solid rgba(204,204,204,1);
    border-radius: .1rem;
    position: absolute;
    top: .19rem;
    right: .25rem;
    z-index: 1;
}
.riLi span {
    display: block;
    height: .55rem;
    font-size: .32rem;
    color: #333;
    line-height: .55rem;
}
.riLi span i.trueIcon {
    display: inline-block;
    width: .32rem;
    height: .32rem;
    background: url(../images/true.png) no-repeat;
    background-size: .32rem .32rem;
    margin: 0 .1rem;
    position: relative;
    top: .05rem;
    visibility: hidden;
}
.riLi span.cur {
    background: #D97777;
    border-radius: .1rem .1rem 0 0;
    color: #fff;
}
.riLi span.cur:last-child {
    border-radius: 0 0 .1rem .1rem ;
}
.riLi span.cur i {
    visibility: visible;
}
.inputbox{
    height: .68rem;
    font-size: .32rem;
    color: #333;
    line-height: .68rem;
    display: none;
}

#birthdayTime {
    width: 100%;
}
.Surname p#birthdayTime input{
    max-width: 100%;
}
.iphone .Surname p#birthdayTime input{
    /*width: 59%;*/
}
#inputMonth+label{
    display: block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    cursor: pointer;
    position: absolute;
    top: 0.17rem;
    right: 0.80rem;
    background: #fff;
    border: 1px solid #eee;
    /*line-height: normal;*/
}
.android #inputMonth {
    top: 2px;
    position: relative;
}
.android #inputMonth+label {
    right: 0.79rem;
    top: 0.14rem;
}

#inputMonth:checked +label::before{
    display: block;
    content: "\2714";
    height: 20px;
    text-align: center;
    font-size: 16px;
    color: #B83030;
}

.iphone #inputMonth:checked +label::before{
    content: "✓";
    color: #B83030;
    font-size: 18px;
}


div.submitBtn {
    width: 6.9rem;
    height: 1rem;
    margin: 0 auto;
    background: url(../images/submitBtn.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    line-height: 1rem;
    font-size: .4rem;
    color: #fff;
}
/* 标题 */
h2.titleH2 {
    background: url(../images/titleBg.png) no-repeat 0 5px;
    background-size: .35rem .35rem;
    color: #4F4F4F;
    font-size: .40rem;
}
.homepage h2.titleH2 {
    font-size: .36rem;
    background-size: .3rem .3rem;
}
h2.titleH2 span {
    padding-left: 0.45rem;
    font-weight: normal;
}
h2.titleH2 label {
    float: right;
    margin-left: 10px;
}
.iphone h2.titleH2 label {
    margin-top: -3px;
}
h2.titleH2 label a {
    color: #8E3535;
    font-weight: normal;
    font-size: 16px;
}
/* 姓名区 */
.nameList {
    width: 6.92rem;
    margin: 0 auto;
}
.nameList ul {
    margin: .50rem 0;
    padding-left: .23rem;
}
.nameList ul li {
    width: 16.6%;
    float: left;
    color: #4F4F4F;
    font-size: .36rem;
    line-height: .48rem;
    margin-bottom: .29rem;
    font-weight: normal;
}
/*.nameList ul li:last-child,
.nameList ul li:nth-last-child(2),
.nameList ul li:nth-last-child(3),
.nameList ul li:nth-last-child(4){
    margin-bottom: 0;
}*/
/* 分页 */
.laypage {
    width: 4.9rem;
    margin: 0 auto .90rem;
}
.laypage ol {
    display: flex;
    justify-content: center;
    flex-direction: inherit;
    align-items: center;
}
.laypage ol li {
    width: .50rem;
    height: .50rem;
    line-height: .50rem;
    text-align: center;
    /* padding: .10rem .14rem; */
    background: #E6E6E6;
    color: #4F4F4F;
    font-size: .24rem;
    border-radius: .05rem;
    margin: 0 .05rem;

}
.laypage ol li:first-child {
    margin-left: 0;
}
.laypage ol li:last-child {
    margin-right: 0;
}
.laypage ol li.prevPage,
.laypage ol li.nextPage {
    width: .60rem;
}
.laypage ol li.active {
    background: #B83030;
    color: #fff;
}
/* 百家姓 */
.familyNames {
    width: 100%;
    margin-top: .18rem;
    background: #fff;
    padding: .30rem 0 .30rem;
}
.familyNames.baijiaxing {
    box-shadow:0px -1px 0px 0px rgba(141, 141, 141, 0.35);
}
.familyNames.homepage {
    padding: .20rem 0 .10rem;
    box-shadow: 0px 1px 0px 0px rgba(141, 141, 141, 0.35), 0px -1px 0px 0px rgba(141, 141, 141, 0.35);
}
.familyNames h2 {
    width: 6.9rem;
    margin: 0 auto .30rem;
}
.familyNames ul {
    width: 6.9rem;
    margin: 0 auto;
    /* padding-left: .3rem; */
}
.familyNames ul li {
    float: left;
    width: .80rem;
    height: .80rem;
    background: #D49B74;
    border-radius: .05rem;
    line-height: .80rem;
    text-align: center;
    margin: 0 0 .3rem .3rem;
    display: flex;
    align-items: center;
}
.familyNames ul li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: .40rem;
    color: #fff;
    font-family: Microsoft YaHei;
    font-weight: normal;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    transform-origin: left center;
}
.familyNames.homepage ul li {
    margin: 0 .42rem .3rem 0;
}
.familyNames.homepage ul li:nth-child(6),
.familyNames.homepage ul li:nth-child(12),
.familyNames.homepage ul li:nth-child(18),
.familyNames.homepage ul li:nth-child(24),
.familyNames.homepage ul li:nth-child(30),
.familyNames.homepage ul li:nth-child(36) {
    margin: 0 0 .3rem 0;
}
.button {
    display: block;
    width: 4rem;
    height: .7rem;
    background:linear-gradient(0deg,rgba(142,53,53,1),rgba(170,47,47,1));
    border-radius: .1rem;
    line-height: .7rem;
    text-align: center;
    color: #fff;
    font-size: .3rem;
    font-weight:400;
    margin: .2rem auto 0;
}

/* 选择出生日期 */
.mbsc-ios.mbsc-fr-bubble .mbsc-fr-popup, .mbsc-ios.mbsc-fr-center .mbsc-fr-popup {
    border-radius: 0 !important;
}
.mbsc-fr-w {
    padding: 0.8rem 0 0 0 !important;
}
.mbsc-ios .mbsc-fr-btn-cont {
    background: #F4F1F2 !important;
    border-bottom: .01rem solid rgba(52,45,41,0.36) !important;
}
.mbsc-ios .mbsc-fr-btn-w {
    display: block !important;
    float: right !important;
}
.mbsc-ios .mbsc-fr-btn-s .mbsc-fr-btn {
    background: #D97777 !important;
    color: #fff !important;
}
.mbsc-ios.mbsc-fr-center .mbsc-ltr .mbsc-fr-btn-w:first-child .mbsc-fr-btn {
    border-radius: 0 !important;
}
.mbsc-ios .mbsc-fr-btn-s .mbsc-fr-btn {
    font-weight: normal !important;
    padding: 0 14px !important;
}
.mbsc-ios .mbsc-fr-btn-c {
    float: left !important;
}
.mbsc-ios.mbsc-fr-center .mbsc-fr-btn-w {
    border-top: 0 !important;
    border-left: 0 !important;
}
.mbsc-ios .mbsc-fr-btn {
    height: 2.5em;
    line-height: 2.5em;
    padding: 0 .588235em;
    display: inline-block;
    color: #333;
    font-size: .32rem;
}
.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-itm-3d {
    font-size: .32rem !important;
}
.mbsc-ios .mbsc-sc-itm-sel, .mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-itm {
    color: #333;
}

.aditem {
    border-top: 1px solid #E6E6E6;
    overflow-x: hidden;
}
.banner {
    display: block;
    margin: 10px 9.5px;
}
.banner.nameDetail {
    margin: 9px 0 0 0;
}
.banner a {
    display: flex;
    height: 100%;
    width: 100%;
}

#ad_tmpl {
    margin: 0 15px;
    height: 0;
    overflow: hidden;
}
#ad_tmpl_0, #ad_tmpl_1 {
    display: block;
}
#ad_tmpl_2, #ad_tmpl_3 {
    display: block;
}