@charset "utf-8";
/* CSS Document */
body { min-width:320px;	max-width:700px; margin:0 auto !important; background:#fff; overflow-x:hidden; font-family:"Microsoft YaHei",Helvetica; color:#333; }
body,section,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,th,td,input,textarea,select,img { margin:0; padding:0; border:0; }
ul,ol,li { margin:0px; padding:0px; list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:inherit; font-weight:lighter; }
table { border-collapse:collapse; border-spacing:0; }
em,i { display:inline-block; font-weight:normal; font-style:normal; }
textarea,select,input { font-family:"Microsoft Yahei"; font-size:.32rem; color:#333; }
b { font-weight:bold; }
img { margin:0; padding:0; border:0; }
a { color:#333; text-decoration:none; }
a:hover { /*color:#333;*/ text-decoration:none; }
input[type="text"],input[type="password"],input[type="button"],input[type="submit"],button,textarea { -webkit-appearance:none; }
.cfx:after,nav.mini:after,.h:after,.hn:after,.PH:after { content:' '; clear:both; display:block; height:0; visibility:hidden; line-height:0; }
* { box-sizing:border-box; }
.fl { float:left; }
.fr { float:right; }

.noscroll{
    overflow: hidden;
    height: 100vh;
}
/*按钮通用样式*/
.button {width: 91%;margin: 0 auto;}
.button a {
    width:100%;
    background: #ffb400;
    display: block;
    border-radius: 0.2rem;
    padding: 0.22rem 0;
    font-size: .35rem;
    color: #ffffff;
    text-align:center;
    font-weight: bold;
}
.button.colorRed a { background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#ff4a4a));
    background: -moz-linear-gradient(top,  #ff4a4a,  #ff4a4a);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4a4a', endColorstr='#ff4a4a');color:#ffffff;}

.btn_song{
    width: 100%;
    background: #db6329;
    background: -moz-linear-gradient(top, #e79029 0%, #db6329);
    background: -webkit-gradient(linear, left top, left bottom, from(#e79029), to(#db6329));
    padding: .2rem;
    text-align: center;
    color: #ffffff;
}
/*按钮通用样式*/

/**** 浮动按钮 ****/
.xmla_an3{
    width: 100%;
    float: left;
    box-sizing: border-box;
    font-size: .4rem;
}
.xmla_an3 a{
    width: 100%;
    height: 1rem;
    /* line-height: .7rem; */
    /* float: left; */
    line-height: 1rem;
    position: fixed;
    /* left: 0px; */
    bottom: 0px;
    z-index: 9999;
    color: #fff;
    border: solid 1px #d54f06;
    background-color: #d54f06;
    background: -moz-linear-gradient(top,#f76b1f,#d54f06);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f76b1f), color-stop(100%,#d54f06));
    text-align: center;
    box-sizing: border-box;
    max-width: 700px;
}
.xmla_an3 a:hover{
    color:#fff;
    background-color: #d5612e;
    background: -moz-linear-gradient(top, #f77145, #d53c0b);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f77145), color-stop(100%,#d53c0b));
}
/**** 浮动按钮 ****/


.inwrap {
    width:100%;
    font-size: .32rem;
    line-height: 1.5;
    background: #100419;
}
.inwrap .picBox_center{
    width: 100%;
    text-align: center;
}
.inwrap>img{
    width: 100%;
    display: block;
}
.inwrap .fontB{
    font-weight: bold;
}
.inwrap .fontRed{
    color: #e94a27;
}
.inwrap .fontGray{
    color: #a299bd;
}
.inwrap .fontYellow{
    color: #ffea00;
}
.inwrap .fontBlue{
    color: #3a63ed;
}
.inwrap .fontBrown{
    color: #c37540;
}

.inwrap  .txt32{
    font-size: .32rem;
}
.inwrap  .txt34{
    font-size: .34rem;
}
.inwrap  .txtB{
    font-weight: bold;
}
.inwrap  .txt_j{
    text-align: justify;
    margin: .3rem 0;
}
.inwrap  .txt_j2{
    text-align: justify;
    margin: .4rem 0;
}
.inwrap  .txt_c{
    text-align: center;
    margin: .2rem 0;
}
.inwrap  .txt_c2{
    text-align: center;
    margin: .1rem 0;
}
.blank{
    height: .1rem;
}
.blank2{
    height: .2rem;}
.blank3{
    height: .3rem;}
.blank4{
    height: .4rem;}
.blank5{
    height: .5rem;}
.blank6{
    height: .6rem;}

.dashed_line{
    width: 100%;
    height: .1rem;
    border-bottom: .02rem dashed #919191;
}
.solid_line{
    width: 100%;
    height: .1rem;
    border-bottom: .02rem solid #919191;
}

/*首页*/
.ind_q {
    text-align: center;
    margin-bottom: .2rem;
    color: #ffffff;
    font-size: .29rem;
}
.inwrap .main{
    overflow: hidden;
    width: 7.05rem;
    margin: 0 auto;
}


.inwrap .whiteBlock{
    background: #ffffff;
    padding: .18rem;
}
.inwrap .grayBlock{
    background: #f3f3f3;
    padding: .18rem;
}
.inwrap .colorChange{
    background-image: -webkit-linear-gradient(0deg, #fff3c2, #fff3c2 60%,#ffffff 95%);
    background-image: -ms-linear-gradient(0deg, #fff3c2, #fff3c2 60%,#ffffff 95%);
    background-image: -moz-linear-gradient(0deg, #fff3c2, #fff3c2 60%,#ffffff 95%);
}
.inwrap .colorChange.color2{
    background-image: -webkit-linear-gradient(0deg, #ffcdcc, #ffcdcc 60%,#ffffff 95%);
    background-image: -ms-linear-gradient(0deg, #ffcdcc, #ffcdcc 60%,#ffffff 95%);
    background-image: -moz-linear-gradient(0deg, #ffcdcc, #ffcdcc 60%,#ffffff 95%);
}
.inwrap .colorChange.color3{
    background-image: -webkit-linear-gradient(0deg, #cbeaff, #cbeaff 60%,#ffffff 95%);
    background-image: -ms-linear-gradient(0deg, #cbeaff, #cbeaff 60%,#ffffff 95%);
    background-image: -moz-linear-gradient(0deg, #cbeaff, #cbeaff 60%,#ffffff 95%);
}

.indFooter{
    background: url("../images/indFooter.jpg") no-repeat;
    background-size: 100%;
    background-color:#100419;

}
.indFooter #sexBox{
    text-align: center;
    overflow: hidden;
}
.indFooter #sexBox>div{
    display: inline-block;
    color: #fff;
    margin: .2rem;
}
.indFooter #sexBox>div a{
    color: #ffffff;
}
.indFooter #sexBox>div .imgP{
    width: .9rem;
    height: .9rem;
    margin-bottom: .1rem;
    display: block;
    border-radius: 50%;

}
.indFooter #sexBox>div .imgP.active{
    box-shadow: 0 0 .4rem #f3d20c;
    border: 1px solid #fde33c;
    transform: scale(1.14);
}
.startBtn{
    background: url("../images/btn_start.png") no-repeat;
    width: 4.2rem;
    height: 1.09rem;
    margin: 0 auto;
    background-size: 100% 100%;
    display: block;
}
html{
    min-height: 100%;
}
body.indexPage{
    background: #100419;
}
body.datePage{
    background: #15161d;
}
body.datePage_res{
    background: #3d2d61;
}
/*生日页面*/
.datePage{}
.datePage .dateFooter{
    background: url("../images/dateFooter.jpg") no-repeat;
    background-size: 100%;
    background-color:#15161d;
    min-height: 8.84rem;
    padding: .2rem 1rem;
}
.datePage .dateFooter.dateFooter2{
    padding: .2rem .6rem;

}
.info_date{
    padding: .2rem;
    border-radius: .1rem;
    text-align: center;
    padding-top: 0rem;
}
.info_date .title{
    text-align: center;
    font-size: .34rem;
    font-weight: bold;
    width: 90%;
    margin: 0 auto;
    padding: .2rem 0;
    color: #401997;
    margin-bottom: .4rem;
    /* border-bottom: 1px dashed #cccccc; */
}
.info_date .content{
    border-bottom: 1px dashed #cccccc;

}
#birthday_my{
    font-size: .34rem;
    padding: .3rem 0;
    display: inline-block;
}
/*生日页面end*/

/*答题页*/
/*文字选择题*/
#txt_questions_title{

    /* border-bottom: 1px dashed #888888; */

    padding-bottom: .2rem;

    font-size: .34rem;

    font-weight: bold;
}
.txt_questions .txt_choose{}
.txt_questions .txt_choose .option{
    overflow: hidden;
    padding: .2rem 0;
    border-bottom: 1px dashed #e9e9e9;
}
.txt_questions .txt_choose .option.active{
    background-color: #ffe16f;
}
.txt_questions .txt_choose .abcd{
    float: left;
    width: 10%;
    font-weight: bold;
}
.txt_questions .txt_choose .option .txt_j{
    float: left;
    width: 90%;
    margin: 0;
}
/*文字选择题end*/

#progressTxt{
    padding: 0 0.3rem;
    font-size: 0.5rem;
    font-weight: bold;
    color: #000f69;
}
#progressTxt span{
    font-size: .4rem;
    vertical-align: middle;
}

/*保存图片弹窗*/
#savePicTc{
    max-width: 700px;
}
#savePicTc .mask{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.7);
    z-index: 10000;
    max-width: 700px;
    margin: 0 auto;
}

#savePicTc .previewCard {
    position: fixed;
    z-index: 10002;
    top:50%;
    left:50%;
    width:100%;
    transform:translate(-50%,-50%);
    text-align: center;
    max-width: 700px;
}

#savePicTc .questionLoad{
    background: #ffffff;
    text-align: center;
    font-size: .4rem;
    width: 84%;
    border-radius: .2rem;
    margin: 0 auto;
    padding: 0.6rem 0;
}
/*答题页end*/


/*结果页*/
.border1{}
.border1 .border1Top{
    color: #fff;
    font-size: .34rem;
    font-weight: bold;
    text-align: center;
    background: #89469a;
    height: 1.15rem;
    line-height: 1.15rem;
}
.border1 .border1Top.empty{
    height: 0.4rem;
}
.border1 .border1Top img{
    width: 0.6rem;
    margin: 0 .1rem;
    display: inline-block;
    vertical-align: middle;
}
.border1 .border1Top span{
    vertical-align: middle;
}
.border1 .border1Bg{
    padding: 0 .15rem;
    padding-bottom: .15rem;
    background: #89469a;
    background-image: -webkit-linear-gradient(248deg, #89469a, #89469a 24%, #5c397f 60%,#3a2c5e 95%);
    background-image: -ms-linear-gradient(248deg, #89469a, #89469a 24%, #5c397f 60%,#3a2c5e 95%);
    background-image: -moz-linear-gradient(248deg, #89469a, #89469a 24%, #5c397f 60%,#3a2c5e 95%);
}
.border1 .border1Bottom{}
#haibao .hang{
    margin: .2rem 0;
}
#haibao .hang img{
    width: 0.62rem;
    vertical-align: middle;
    height: .62rem;
    display: inline-block;
}
#haibao .hang span{
    margin: 0 .1rem;
    font-size: .3rem;
}
.tagTitle{
    font-size: .32rem;
}
.can_tag{
    overflow: hidden;
    text-align: center;
}
.can_tag .tag{
    position: relative;
    width: 2.36rem;
    margin: 0.1rem 0;
    display: inline-block;
}
.can_tag .tag img{
    width: 2.36rem;
    height: 0.72rem;
    display: block;

}
.can_tag .tag>span{
    position: absolute;
    top: 0.1rem;
    left: 0.08rem;
    width: 96%;
    text-align: center;
    color: #ef4549;
    font-size: .4rem;
    font-weight: bold;
    line-height: 0.58rem;
}
.borderInner{
    border: .05rem solid #403a83;
    padding: 0.2rem 0.2rem;
    position: relative;
}
.borderInner .innerTitle{
    position: absolute;
    top: -0.3rem;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: .38rem;
    font-weight: bold;
}
.borderInner .innerTitle span{
    padding: .2rem;
    background: #ffffff;
}
.borderInner .innerTxt{
    position: absolute;
    right: -0.18rem;
    top: 0.3rem;
    background: #ffffff;
    width: .34rem;
    line-height: 1.2;
    font-size: .24rem;
    text-align: center;
    padding: 0.4rem 0;
}
.borderInner .innerTxt span{
    transform: rotate(90deg);
    transform: translate(-21%,50%) rotate(90deg);
    display: inline-block;
    color: red;
}
.borderInner .stPic{}
.borderInner .stPic img{
    width: 5.42rem;
    display: block;
    margin: 0 auto;
}
.borderInner .yinyan{

}
.borderInner .yinyan img{
    width: 0.4rem;
}
/*二维码*/
.ewmBox_res{
    border-top: 1px dotted#232323;
    padding: .2rem 0;
    width: 6.8rem;
    margin: 0 auto;
}
.ewm{
    overflow: hidden;
    padding: .3rem 0;
    position: relative;
}
.ewm .ewm_l{
    width: 1.26rem;
    float: left;
}
.ewm .ewm_l img{
    height: 1.26rem;
    display: block;
}
.ewm .ewm_r{
    float: left;
    width: 4.65rem;
    /* font-size: .3rem !important; */
    margin-left: 0.2rem;
}
.ewm .ewm_r.ewm_r_res{
    float: left;
    margin-left: 0rem;
    width: 3.7rem;
    margin-top: .3rem;
}
.ewm .ewm_r.ewm_r_res2{
    float: left;
    margin-left: 0rem;
    width: 3.7rem;
    margin-top: 0;
}
.ewm .ewm_c{
    width: 0.2rem;
    float: left;
    padding-top: 0.6rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
}
.ewm .ewm_r .title{
    font-size: 0.26rem;
    border-bottom: 1px solid #c0c0c0;
    padding-bottom: .2rem;
}
.ewm .ewm_r .content{
    color: #000;
    font-size: .26rem;
    margin-top: 0.15rem;
}

/*二维码end*/
.res_btn{
    text-align: center;
}
.res_btn>div{
    display: inline-block;
    color: #ffffff !important;
    width: 48%;
    height: .97rem;
    line-height: .97rem;
    cursor: pointer;
    margin-top: 0.4rem;
}
.res_btn .db_btn1{
    background: #ff7f91;
    margin-right: 2%;
    /* margin-top: 0.4rem; */
}
.res_btn .db_btn2{
    background: #00a8ff;
}
.res_btn>div a{
    color: #ffffff;
}

/*保存图片弹窗*/

#savePicTc .icon-close{
    display: block;
    position: fixed;
    z-index: 10008;
    top: 0.68rem;
    right: .88rem;
    transform: translate(50%,-50%);
    background-image: url(//image.ibazi.cn/m/sc/fpt_loveweak/images/baseIcon.png);
    background-size: 131px 102px;
    background-position: -4px -4px;
    width: 22px;
    height: 22px;
}
#savePicTc .previewCard2 {
    position: fixed;
    z-index: 10002;
    top: 0.88rem;
    left: 0.88rem;
    right: 0.88rem;
    bottom: 2.05333rem;
    margin: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
#savePicTc .previewCard2 img {
    max-width: 100%;
    display: block;
}
#savePicTc .longPushSave{
    position: fixed;
    bottom: 0.66667rem;
    left: 0.68rem;
    width: 6.16667rem;
    height: 0.96667rem;
    line-height: 0.96667rem;
    border: 0.02667rem solid #FFFFFF;
    border-radius: 0.13333rem;
    color: #fff;
    z-index: 10008;
    text-align: center;
    background: none;
}
/*保存图片弹窗end*/
/*结果页end*/


/*跳转页*/
.jump_title{
    position: relative;
}
.jump_title>img{
    display: block;
    width: 100%;
}
.jump_title>.txt_c{
    width: 100%;
    position: absolute;
    top: .8rem;
    left: 0;
    color: #ffffff;
    font-size: .36rem;
}
.jumpPage{
    background: #f8f8f8;
}
.jumpFooter{
    width: 7.1rem;
    margin: 0 auto;
    position: relative;
    margin-top: -0.7rem;
    z-index: 50;
}

.boxCp{
    overflow: hidden;
    background: #ffffff;
    border-radius: .2rem;
    padding: 0.26rem;
    box-shadow: 0px 0px 10px #ccc;
    margin-bottom: 0.3rem;
}
.boxCp .box_l{
    width: 2.08rem;
    height: 2.08rem;
    float: left;
    background: #cccccc;
    margin-right: .2rem;
}
.boxCp .box_r{
    float: left;
    width: 4.3rem;
    text-align: justify;
    font-size: 0.26rem;
}
.boxCp .box_r .title{
    font-size: .3rem;
    font-weight: bold;
    line-height: 1;
}
.boxCp .box_r .xxHang{}
.boxCp .box_r .xxHang>img{
    width: 0.24rem;
    vertical-align: middle;
}
.boxCp .box_r .xxHang>span{
    vertical-align: middle;
    margin-left: 0.2rem;
    color: #a2a1a1;
}
.boxCp .box_r .content{}
.boxCp .box_r .btnCs{
    background: #ffc923;
    display: inline-block;
    padding: .1rem .18rem;
    border-radius: .1rem;
}
/*跳转页end*/