@charset 'utf-8';

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
/* 去除iPhone中默认的input样式 */
input[type="submit"],

input[type="reset"],

input[type="button"],

input{-webkit-appearance:none; resize: none;}
/* 取消链接高亮  */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
/* 设置HTML5元素为块 */
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {
display: block;
}
/* 图片自适应 */
img {
max-width: 100%;
height: auto;
width:auto\9; /* ie8 */
-ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/
}
/* 初始化 */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{margin:0; padding:0; border:none;}
body{font: normal 14px/1.5 Tahoma,"Lucida Grande",Verdana,"Microsoft Yahei",STXihei,hei;}
em,i{font-style:normal;}

.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
a{text-decoration:none; color:#969696; font-family: '宋体',Microsoft YaHei,Tahoma,Arial,sans-serif;}
a:active{color:#fff; text-decoration:none;}
ul,ol,li{list-style:none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-family: Microsoft YaHei; font-weight:normal; }
img{border: none;}

/* 400 以下   400  -  480 一档  480 以上的是一档  */
@media screen and (min-width:639px){ html{font-size:25px;} }
@media screen and (max-width:639px){ html{font-size:23px;} }
@media screen and (max-width:611px){ html{font-size:22px;} }
@media screen and (max-width:583px){ html{font-size:21px;} }
@media screen and (max-width:555px){ html{font-size:20px;} }
@media screen and (max-width:527px){ html{font-size:19px;} }
@media screen and (max-width:499px){ html{font-size:18px;} }
@media screen and (max-width:471px){ html{font-size:17px;} }
@media screen and (max-width:443px){ html{font-size:16px;} }
@media screen and (max-width:415px){ html{font-size:15px;} }
@media screen and (max-width:387px){ html{font-size:14px;} }
@media screen and (max-width:359px){ html{font-size:13px;} }
@media screen and (max-width:331px){ html{font-size:12px;} }
.left {float: left;}
.right {float: right;}
.clear:after
{
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.';
}
.main {
    margin: 0 auto;
    width: 90%;
}


body
{   position: relative;
    font-family: 'MicroSoft YaHei', sans-serif;
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    color: #333;
    background-color: #fff;
    padding-bottom: 2rem;
}

header {
    background-color: #fcf0ff;
}
.header {
    padding:1rem 0;
    display: flex;
}
.header .logo {
    flex: 5;
    vertical-align: middle;
}
.header .logo img {   
    vertical-align: middle;
}
.header .logo s {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0
}
.header .zzyy {
    flex: 1;
    margin-left: 1rem;
    line-height: 1.5rem;
    text-align: center;
    color: #333;
}

#banner {
    margin: .5rem auto;
}

.mqj-txt {
    text-indent: 2rem;
}
.mqj-txt strong {
    font-size: 1.6rem;
    color: #f00;
}


.gift-box {
    position: relative;
    padding: 2rem 1rem;
    margin: 2rem auto;
    border: solid 3px #f00;
}
.gift-box h2 {
    position: absolute;
    top: 0%;
    left: 50%;
    margin-left: -20%;
    margin-top: -1.5rem;
    width: 40%;
    height: 2rem;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    color: #f00;
    background-color: #fff;
}
.gift-box strong {
    color: #f00;
}
.gift-box table {
    margin-top: 1.5rem;
    width: 100%;
    border-collapse:collapse;
    border: #dedede solid 1px;
}
.gift-box td {
    padding-left: .5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    border: #dedede solid 1px;
}
.gift-box tr td:last-of-type {color: #f00;}

.title  {
    position: relative;
    left: -5%;
    padding: .8rem 0;
    margin: 1rem auto;
    width: 110%;
    font-size: 1.8rem;
    text-align: center;
    color: #fff;
    background-color: #fe5f87;
}

.reason {
    padding: 1rem 0;
    margin: 1.5rem auto;
    margin-top: 3rem;
    width: 90%;
    text-align: center;
    border: solid 3px #fe5f87;
}
.reason img {width: 80%;}
.rea-img {margin-top: 2rem;}

.zzhyy {
    margin: 1.5rem auto;
    text-align: center;
}
.zzhyy strong {
    font-size: 2rem;
    color: #ff5f07;}



.answer {
    display: block;
    padding: .5rem 0;
    margin: 2rem auto;
    width: 100%;
    font-size: 1.7rem;
    text-align: center;
    color: #fe5f87;
    border:#fe5f87 solid 2px;
    border-radius: 1.5rem;
}


.split-info {
    padding: 2rem 0;
    font-size: 2.5rem;
    color:  #ff749f;
    border: #ff749f solid 3px;
    text-align: justify;
}
.split-info img {
    width: 100% 
}
.split-info p {
    margin: 1rem auto 0;
    width: 90%;
    text-indent: 4rem;
}

.split-intro {
    margin: 2rem auto 0;
    text-align: justify;
}
.split-intro li {
    display: inline-block;
    margin-bottom: 1rem;
    text-align: center;
}
.split-intro li h2 {
    color: #8f77dc;
    font-size: 2.5rem;
    font-weight: normal;
}
.split-intro li.justify_fix{display:inline-block;margin: 0; width:100%; height:0; overflow:hidden;}


.intro-txt {
    border: #ff749f solid 3px;
}
.intro-txt li {
    padding:1rem 1rem; 
    text-align: justify;
    border-bottom: #ff749f solid 1px;
}
.intro-txt li:last-of-type {border: none;}
.intro-txt li h2 {
    color: #f45b56;
    font-size: 2.5rem;
}
.intro-txt li p {
    font-size: 2rem;
}

.mom-gift {
    overflow: hidden;
    position: relative;
    left: -5%;
    margin: 2rem auto;
    width: 110%;
    background:#fde2eb; 
}
.mom-gift .answer {
    width: 90%;
}
.text1 {
    margin: 2rem auto;
    text-align: center;
    font-size: 2rem;
    color: #fe5f87;
    font-weight: bold;
}
.text2,.text3 {
    margin: 0 auto;
    width: 90%;
    font-size: 1.6rem;
}
.text2 {
    text-indent: 2rem;
    text-align: justify;
    font-size: 1.6rem;
}
.text3 {
    color: #1597ff;
}


footer {padding-bottom: 6rem;
    text-align: center;
}
footer p:last-of-type {
    margin-top: 2rem;
    color: #b1b1b1;
}
footer span,footer a {
    color: #f00;
}
footer s {margin:0 .5rem;}
 


.bottom-footer { position:fixed;bottom:0;left:0;width:100%; height:5rem;line-height: 5rem;z-index:100; vertical-align: middle;}
.footerInner {display: flex; width:100%;height:100%;box-shadow:6px 0 24px rgba(32,21,18,.72);}
.footerInner div {flex: 1; height:100%; background-color:#004ea1;}
.footerInner div a {display:block; width:100%; height:100%;}


.footerInner div:nth-of-type(2) {background-color:#0c66c7;}
.footerInner div:nth-of-type(3) {background-color:#328beb;}

.phone,.ques{animation: myfirst 1s infinite;}
.footerInner div i {margin-right: .5rem;}
.homeIcon,.swtIcon,.phoneIcon {display: inline-block; width:2rem;height:2rem; vertical-align: middle;}
.homeIcon { background: url(../images/ft_33.png) no-repeat; background-size: contain;}
.swtIcon { background: url(../images/ft_32.png) no-repeat; background-size: contain;}
.phoneIcon { background: url(../images/ft_31.png) no-repeat; background-size: contain;}

.footerInner div em {height: 100%; color:#fff;font-size:2rem; vertical-align: middle;}

@keyframes myfirst{
	0% { transform: scale(.8); }
	50% { transform: scale(1); }
	100% { transform: scale(.8); }
}
@-moz-keyframes myfirst{
	0%		{-moz-transform: scale(.8);}
	50%		{-moz-transform: scale(1);}
	100%	{-moz-transform: scale(.8);}
}
@-webkit-keyframes myfirst{
	0%		{-webkit-transform: scale(.8);}
	50%		{-webkit-transform: scale(1);}
	100%	{-webkit-transform: scale(.8);}
}
@-o-keyframes myfirst{
	0%		{-o-transform: scale(.8);}
	50%		{-o-transform: scale(1);}
	100%	{-o-transform: scale(.8);}
}





@media only screen and (min-width: 450px) and (max-width: 620px){
    .split-intro li{
        width: 30%;
    }
}

@media only screen and (max-width: 639px){
    .split-info {
        font-size: 1.8rem;
    }
    .split-intro li h2 {
        font-size: 1.6rem;
    }
    .intro-txt li h2{
        font-size: 1.8rem;
    }
    .intro-txt li p {
        font-size: 1.5rem;
    }
  
} 

@media only screen and (min-width: 640px){
    .header .zzyy {line-height:2.5rem;font-size: 2.5rem;}
    .mqj-txt {font-size: 2.5rem;}
    .mqj-txt strong {font-size: 3rem;}
    .gift-box {padding: 3rem 2rem; font-size: 2rem;}
    .gift-box h2 {margin-top: -2rem;height: 4rem; font-size: 3rem;}
    .title {font-size: 2.5rem;    }
    .title strong {font-size: 3rem;}
    .zzhyy {font-size: 2.5rem;}
    .zzhyy strong{font-size: 3rem;}
    .answer {font-size: 3rem;}
    .text1,.text2,.text3 {font-size: 2.5rem;}
    footer {font-size: 2rem;}
} 


@media only screen and (max-width: 449px){
    .split-intro li{
        margin: 1rem 0% 0rem ;
        width: 48%;
    }
    .split-intro li h2{
        font-size: 1.5rem;
    }
}