@charset "utf-8";
/* CSS Document */
/*初始化*/
*{-webkit-tap-highlight-color: transparent;-webkit-appearance: none;margin: 0;padding:0;font-size: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a {text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0.35);}
html {height: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
img {-ms-interpolation-mode: bicubic;vertical-align: middle;border:0px;max-width:100%;height:auto;padding:0;margin:0;}
th, td, caption {vertical-align: middle;}
input, button, select, textarea {outline: none;border-radius: 0;margin:0; padding:0;}
ol,ul {list-style: none;}
i{font-style: normal;}

/*样式*/
body{min-width:320px;max-width:640px;margin:0 auto;font: 14px/1.4 "微软雅黑", "宋体",arial, Verdana;}
.banner{position: relative;}
.banner a{position: absolute;bottom: 2%;left: 7%;display: block;width: 22%;}
.box_3dlips{background: url(../images/3dlips.jpg) no-repeat;background-size: 100%;float:left;text-align: center;padding: 9% 0% 16%;font-size: 22px;color: #fff;margin-bottom: 2%;}
.box_3dlips .title b{color: #000;}
.box_3dlips .title b:nth-child(1){margin-left: 3%;}
.box_3dlips .title img{width: 8%;}
.pic01{width: 91%;margin: 3% auto;}
.pictitle{text-align: initial;}
.pictitle span{width: 23%;display: inline-block;text-align: center;background: url(../images/xian.png) repeat-x;color: #000;margin-left: 8%;border-radius: 9px;}
.pic02{margin-top: 5%;}
.mclick{font-size: 23px;text-align: center;width: 72%;margin: 4% auto;display: block;color: #eb1370;background: url(../images/mclick.png) no-repeat;background-size: 100%;line-height: 60px;}
.pic03{position: relative;margin-bottom: 3%;}
.pic03title{position: absolute;top: 48%;left: 7%;font-size: 17px;width: 75%;}
.pic03title font{color: #ff4c6e;}
.pic03title p{margin-bottom: 2%;}
.pic03title p.sy{margin-top: 4%;}
.pic03title p.sy span{background: #ff4c6e;color: #fff;border-radius: 12px;padding: 0% 3%;}
.box_3dmc{margin-bottom: 5%;}
.box_3dmc h4{font-size: 27px;color: #f45979;text-align: center;margin-bottom: 4%;}
#fos .mclick{position: absolute;bottom: 0%;left: 0%;right: 0%;margin: auto;}
.after{width: 78%;margin: 3% auto 0;}
.after img{margin-bottom: 5%;}
.box_youshi{width: 83%;margin: 0 auto 4%;position: relative;}
.box_youshi p{position: absolute;top: 23%;left: 25%;width: 73%;font-size: 19px;color: #494949;}


.box_papa5 .top3{background: url(../images/back05.png) no-repeat center;background-size:100%;}
.pkpic{width: 87%;margin: 1% auto 0%;position: relative;}
.pkpic .pk{position: absolute;bottom: -20%;left: 0%;right: 0%;margin: auto;text-align: center;z-index: 1;width: 44.4%;}
.pkpic .pk{
	animation: 0.5s ease-in-out 0s normal none infinite running trx;
    -webkit-animation:0.5s ease-in-out 0s normal none infinite running trx;
    -moz-animation: 0.5s ease-in-out 0s normal none infinite running trx;
    -o-animation: 0.5s ease-in-out 0s normal none infinite running trx;
    -ms-animation: 0.5s ease-in-out 0s normal none infinite running trx;
}
@-webkit-keyframes trx {
	50% {transform: translateX(4px);}
	100% {transform: translateX(0px);}
}
@-moz-keyframes trx {
	50% {transform: translateX(4px);}
	100% {transform: translateX(0px);}
}
@-o-keyframes trx {
	50% {transform: translateX(4px);}
	100% {transform: translateX(0px);}
}
@-ms-keyframes trx {
	50% {transform: translateX(4px);}
	100% {transform: translateX(0px);}
}
@keyframes trx {
50% {transform: translateX(4px);}
100% {transform: translateX(0px);}
}

.box_pkpic{width: 100%;}
.box_pkpic td{width: 50%;padding: 13% 0%;}
.box_pkpic td.one{background-color: #a1a1a1;}
.box_pkpic td.two{background-color: #ffa8b2;padding-top: 13%;}
.pk_main{width: 78%;margin: 0 auto 10%;}
.pk_main .pic{float: left;width: 19%;margin-right: 5%;}
.pk_main .title{float: left;color: #fff;font-size: 15px;margin-top: 7%;width: 70%;}
.pk_main .title h4{font-size: 19px;}
.pk_main .title p i{color: #ffff9e;}
.pk_main2{width: 90%;margin: 0 auto 4%;}
.pk_main2 .pic{float: left;width: 16.5%;margin-right: 5%;}
.pk_main2 .title{float: left;color: #5c5c5c;font-size: 15px;margin-top: 3%;padding-bottom: 5%;border-bottom: 1px solid #b4b5b5;width: 74%;}
.box_pkpic td.two .pk_main .pic{width: 15%;}
.box_pkpic td.two .pk_main2 .title{border-bottom: 1px solid #fff;padding-bottom:2%;}
.box_pkpic td.two .pk_main{width: 95%;}
.box_pkpic td.two .pk_main .title{width: 75%;}
.box_pkpic td.two .pk_main .title p i{color: #ff85b6;}
.box_pkpic td.one .pk_main2 .title{width: 68%;color: #fff;}
.pkmain{position: relative;}
.yxdb{position: absolute;bottom: 2%;left: 0%;right: 0%;margin: auto;color: #fff;display: inline-block;font-size: 24px;background-color: #191919;text-align: center;width: 20%;}
.box_papa5 .icoclick{margin: 5% auto;}

/*设计整形*/
.dzzx{position: relative;}
.dzzx ul li{font-size: 16px;color: #413e3f;overflow: hidden;width: 46.7%;position: absolute;left:5%;top:22%;}
.dzzx ul li span{float: left;color: #fff;background-color: #f55979;border-radius: 5px;width: 48px;text-align: center;padding-left: 5px;margin-right: 5px;}
.dzzx ul li i{float: left;width: 75%;}
.dzzx ul li:nth-child(2){left:51%;top:51%;}
.dzzx ul li:nth-child(3){left:5%;top:78%;}
.dzzx a{width: 39%;height: 6%;display: block;text-indent: -999em;position: absolute;}
.dzzx a.a1{left:7%;top:31%;}
.dzzx a.a2{left:52%;top:59%;}
.dzzx a.a3{left:8%;top:87%;}

.box_tj{width: 95%;margin: 0 auto;}
.box_tj li{float: left;margin-right: 3%;width: 48.5%;}
.box_tj li.nor{margin-right: 0%;}


.focus{margin: 0% 0%;position: relative;}
.focus .hd{text-align: center;margin: 0% auto;position: absolute;bottom: -6%;left: 0%;z-index: 11;right: 0%;}
.focus .hd ul{display: inline-block;text-align: center;}
.focus .hd li{float: left;background: #dbdfde;width: 15px;height: 15px;border-radius: 14px;color: #dbdfde;margin-right: 15px;font-size: 0px;}
.focus .hd li.on{background: #b1f2f1;color: #b1f2f1;}
.box_title{text-align: center;margin:0% auto 5%;}
.box_top{margin: 0% 0% 0%;font-size: 36px;background: url(../images/like.jpg) center;background-repeat: no-repeat;background-size: 100% 5%;-moz-background-size: 100% 5%;-webkit-background-size: 100% 5%;-o-background-size: 100% 5%;}
.box_title h4{font-size: 30px;}
.box_top font{padding: 0% 4%;background-color:#fff;color: #fe5050;}
.box_title p{color: #eb3980;font-size: 28px;}
@media screen and (max-width: 500px) {
	.box_3dlips{font-size: 14px;}
	.mclick{font-size: 14px;line-height: 38px;}
	.pic03title{font-size: 12px;}
	.box_3dmc h4{font-size: 16px;}
	.box_youshi p{font-size: 12px;top: 8%;}
	.pk_main2 .title{font-size: 12px;}
	.pk_main .title{font-size: 12px;}

	.box_pkpic td{padding: 4% 0%;}
	.box_pkpic td.two{padding-top: 10%;}
	.pk_main .title h4{font-size: 13px;}
	.yxdb{font-size: 14px;}
	.box_top{font-size: 21px;}
	.dzzx ul li{font-size: 12px;}
	.dzzx ul li span{width: 36px;margin-right:2px;}
	.dzzx ul li i{width: 76%;}
	.dzzx ul li:nth-child(2){left: 50%;}
}

@media screen and (max-width: 380px) {
	.dzzx ul li i{width: 71%;}
	.dzzx ul li:nth-child(1){top: 21%;}
	.dzzx ul li:nth-child(2){top: 49%;left: 49%;}
	.dzzx ul li:nth-child(3){top: 77%;}

}
@media screen and (min-width: 290px) and (max-width: 334px){
	.box_3dlips{font-size: 12px;}
	.mclick{font-size: 12px;line-height: 30px;}
	.pic03title{font-size: 12px;}
	.pic03title p{margin-bottom: 1%;}
	.box_3dmc h4{font-size: 16px;}
	.box_youshi p{font-size: 12px;top: 2%;}

	.box_pkpic td{padding: 0% 0%;}
	.pk_main .title h4{font-size: 12px;}
	.yxdb{font-size: 12px;}
	.box_top{font-size: 16px;}
	.p3detail .left p.sp{width: 110%;margin-left: -5px;}
	.p3detail .left p span{padding:0% 0%;}
}
@media (device-width:414px) and (-webkit-min-device-pixel-ratio:3.0){/* 兼容iphone6 plus */
	.box_youshi p{font-size: 12px;top: 26%;}
}