*{ margin:0; padding:0}
header{width:100%;float:left;}
nav{width:100%;float:left;}
footer{width:100%;float:left;}
body {-webkit-text-size-adjust:none;background:#fff;font-family:"微软雅黑",Arial;font-style: normal;font-weight: normal;font-variant: normal;}
a {text-decoration: none; border: 0px none; outline: 0px none;} 
a:link{ text-decoration: none}
a:visited{ text-decoration: none}
a:hover{text-decoration: none}
a:active{text-decoration: none}
.clear{margin: 0px;padding: 0px;clear: both;}
.clearfix:after{content:' ';display:block;clear:both;height:0;visibility:hidden}
ul,li,dt,dl,dd{	list-style-type: none;	margin: 0px; padding: 0px; background:none;}
p {	margin: 0px; padding: 0px;}
img{ width:100%; }



.bannercon{width:100%; position: relative}
.bannercon .co{width:30%; position: absolute; bottom: 36%; left:15%; font-size: .32rem; font-weight: 700; color: #ffede2;letter-spacing: -1px}
.bannercon .di{width:34%;font-size:.3rem;display:block;border-radius:.3em;border:2px #341728 solid ;height:.6rem;text-align:center;font-weight:200; position: absolute; top:10%; left: 51.5%}
.bannercon .an{width:26%; position: absolute; background: #f73864; border-radius: .1rem; padding: 1% 0; text-align: center; color: #fff; font-size: .28rem;bottom:30%; left: 55.5%;}




.con1{width:100%; padding-top:4%;}
.con1 h1 {margin-bottom: 2%;font-size: .6rem;    color: #000;    font-weight: lighter;    text-align: center;  line-height: 1.2em;}

.ystul li {
    float: left;
    width: 18%;
    margin:0 2% 0 4%;
}

.ystul .yuan {
    border: 1.2px solid #3c3c3c;
    border-radius: 1.6rem;
    padding: 2%;
    vertical-align: middle;
}

.ystul li.on .yuan {
    border: 1.2px solid #d13e41;
    border-radius: 1.6rem;
    padding: 2%;
    vertical-align: middle;
}

.ystul .co{font-size: .28rem; color: #333; text-align: center; padding-top: 2%; font-weight: 700}
.con1 .click{width:42%; background: #f73864; border-radius: .1rem; padding: 2% 0; text-align: center; color: #fff; font-size: .32rem; font-weight: 700; float: left; margin: 1% 0% 0 5.5%}


.con2{width:100%; padding-top: 6%}
.con2 h1 {margin-bottom: 2%;font-size: .6rem;    color: #000;    font-weight: lighter;    text-align: center;  line-height: 1.2em;}
.con2 h1 span{font-size: .5rem}



.conbg{width:100%; background: #fbe3f0; padding-bottom: 20% }
.context{width:100%;color: #000; padding: 4% 0 0 4%; position: relative;}
.context h2{font-size: .44rem; } .context h2 span{color: #ff386c; font-weight: 700;}
.context h2 span1{font-size: .36rem; font-weight: normal}

.gdbox{width:90%;padding:3% 5%;height:4rem;}
.gdbox img{padding:1%;}
#gdswiper{height:4rem;}


.selectone{ display: block; width: 100%; overflow:hidden;}
.selectone label{ width: 28%; margin: 3% 0 1% 4%; display: inline-block; font-size:.3rem; cursor:pointer;float:left; background: #fff; padding:1.6% 0; border-radius: 3em;}
.selectone label font{vertical-align: middle; font-weight: 700; font-size: .38rem; color: #341728; padding-left: 3%}
.selectone label span{font-size: .28rem; font-weight: normal;}

.selectone label .xz{display:inline-block;width:.54rem;height:.54rem; position:relative; background:#fff; vertical-align: middle; margin-left:6%;border: 1px solid #ddd; border-radius: 3em}
.selectone label .xz input[type=checkbox]{
            width:.54rem;height:.54rem;
            position: absolute;
            opacity: 0;
            cursor: pointer;
            z-index: 2;
            font-size: initial;
        }
.selectone label .xz input[type=radio]{
            width:.54rem;height:.54rem;
            position: absolute;
            opacity: 0;
            cursor: pointer;
            z-index: 2;
            font-size: initial;
        }
.selectone label .xz i{position: absolute;
            top: 3%; left: 3%;
          width:.54rem;height:.54rem;
            
            border-radius: 3px;
            background: url(../images/xz.jpg);
            background-size: 100%;
            background-repeat: no-repeat;
            background-position-x: 0px;
            background-position-y: .54rem;
            -webkit-transition: background-position-y 0.1s linear;
            -o-transition: background-position-y 0.1s linear;
            transition: background-position-y 0.1s linear;
        }		


.selectone label .xz input[type=checkbox]:checked+i {
            background-position-y: 0px;
        }
.selectone label .xz input[type=radio]:checked+i {
            background-position-y: 0px;
        }



.selecttwo{ display: block; width: 100%; overflow:hidden;}
.selecttwo label{ width: 20%; margin: 3% 0% 2% 4%; display: inline-block; font-size:.32rem; cursor:pointer;float:left;}
.selecttwo label .img{ margin-bottom:1%;}

.selecttwo label font{vertical-align: middle;  font-size: .36rem; color: #341728; line-height: 2.2em}
.selecttwo label .xz2{display:inline-block;width:.42rem;height:.42rem; position:relative; background:#fff; vertical-align: middle; border: 1px solid #341728;border-radius: .2em}
.selecttwo label .xz2 input[type=checkbox]{
            width:.42rem;height:.42rem;
            position: absolute;
            opacity: 0;
            cursor: pointer;
            z-index: 2;
            font-size: initial; 
        }
.selecttwo label .xz2 input[type=radio]{
            width:.42rem;height:.42rem;
            position: absolute;
            opacity: 0;
            cursor: pointer;
            z-index: 2;
            font-size: initial;
        }
.selecttwo label .xz2 i{position: absolute;
            top: 0;
          width:.42rem;height:.42rem;
            
            
            background: url(../images/xz1.jpg);
            background-size: 100%;
            background-repeat: no-repeat;
            background-position-x: 0px;
            background-position-y: .42rem;
            -webkit-transition: background-position-y 0.1s linear;
            -o-transition: background-position-y 0.1s linear;
            transition: background-position-y 0.1s linear;
        }		


.selecttwo label .xz2 input[type=checkbox]:checked+i {
            background-position-y: 0px;
        }
.selecttwo label .xz2 input[type=radio]:checked+i {
            background-position-y: 0px;
        }



.selectthree{ display: block; width: 100%; overflow:hidden;}
.selectthree label{ width: 28%; margin: 3% 0% 2% 4%; display: inline-block; font-size:.32rem; cursor:pointer;float:left;}
.selectthree label .img{ margin-bottom:1%;}

.selectthree label font{vertical-align: middle;  font-size: .36rem; color: #341728; line-height: 2.2em}
.selectthree label .xz2{display:inline-block;width:.42rem;height:.42rem; position:relative; background:#fff; vertical-align: middle; border: 1px solid #341728;border-radius: .2em}
.selectthree label .xz2 input[type=checkbox]{
            width:.42rem;height:.42rem;
            position: absolute;
            opacity: 0;
            cursor: pointer;
            z-index: 2;
            font-size: initial; 
        }
.selectthree label .xz2 input[type=radio]{
            width:.42rem;height:.42rem;
            position: absolute;
            opacity: 0;
            cursor: pointer;
            z-index: 2;
            font-size: initial;
        }
.selectthree label .xz2 i{position: absolute;
            top: 0;
          width:.42rem;height:.42rem;
            
            
            background: url(../images/xz1.jpg);
            background-size: 100%;
            background-repeat: no-repeat;
            background-position-x: 0px;
            background-position-y: .42rem;
            -webkit-transition: background-position-y 0.1s linear;
            -o-transition: background-position-y 0.1s linear;
            transition: background-position-y 0.1s linear;
        }		


.selectthree label .xz2 input[type=checkbox]:checked+i {
            background-position-y: 0px;
        }
.selectthree label .xz2 input[type=radio]:checked+i {
            background-position-y: 0px;
        }






.jzbd{width:90%;padding:3% 5% 0; position: relative; overflow: hidden}
.did{width:90%;margin:1% 5%;float:left;font-size:.38rem;display:block;border-radius:.3em;border:2px #341728 solid ;height:1rem;text-align:center;font-weight:200;}
.bdan{width:90%;margin:1% 5%;float:left;display:block;border-radius:.3em;text-align:center;}
.bt1{width:100%;display:block;font-size:.4rem; font-weight:700; height:1rem;background:#ba1c1c;border:0;float:left;border-radius:.3em;color:#fff; margin-top: 4%}
.bt1.other{width:48%;display:block;height:1rem;background:#ff0000;border:0;float:right;border-radius:20px;}

.bdm{font-size: 0.46rem; color: #333;width: 80%;margin: 3% 6% 0 ;float: left; font-weight: 700;}
.bdm span{ color: #ff386c;}
.sm2{width: 90%;margin: 1% 5% 0 ;float: left; color: #6c6c6c; font-size: 0.3rem}
.sm1{width: 90%;margin: 1% 10% 0 ;float: left; color: #333; font-size: 0.34rem; font-weight: lighter}

.con2 .click{ width:76%; margin: 2% auto 0; padding: 2%; border-radius: .4em;background: -webkit-linear-gradient(left , #ff7599 , #ff386c 100%); color: #fff; font-size: .46rem; text-align: center;}








@keyframes ftimg105{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(1.05)}
	100%{-webkit-transform:scale(1)}
}
@keyframes updown{
	0%{opacity:1;transform:translateY(0)}
	50%{opacity:1;transform:translateY(-10px)}
	100%{opacity:1;transform:translateY(0px)}
}
@keyframes updown1{
	0%{opacity:1;transform:translateY(0)}
	50%{opacity:1;transform:translateY(-5px)}
	100%{opacity:1;transform:translateY(0px)}
}
@keyframes zy{0%{opacity:1;transform:translateX(0)}
50%{opacity:1;transform:translateX(8px)}
100%{opacity:1;transform:translateX(0)}
}