@charset "utf-8";blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,pre,td,textarea,th,ul{margin: 0;padding: 0}
body,button,input,select,textarea,th{font-size: 12px;line-height: 1.5;font-family: "Hiragino Sans GB", "Helvetica Neue", Helvetica, STHeiTi, "Microsoft Yahei", sans-serif;}
h1,h2,h3,h4,h5,h6{font-size: 100%}
li{list-style: none}
img{border: none;-ms-interpolation-mode: bicubic}
input[type=button],
input[type=submit]{cursor: pointer}
button{cursor: pointer}
table{border-collapse: collapse;border-spacing: 0}
a{text-decoration: none}
a:hover{text-decoration: none}
.hide{text-indent: -9999em;}
.fr{float: right;}
.content{margin: 0 auto;max-width: 1200px;width: 1200px;height: 782px;position: relative;}
#fp-nav.fp-right{right: 60px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width: 10px;height: 10px;background: #CACACA;}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span{width: 10px;height: 10px;background: #FF2767;margin: -2px 0 0 -2px;border-radius: 50%;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{margin: -2px 0 0 -2px;}
video{display: block;width: 100%;height: 100%;-o-object-fit: fill;object-fit: fill;}
.logo,.part1_con,.next{position: absolute;z-index: 2;}
.logo{top: 40px;left: 40px;width: 192px;height: 60px;background: url(../images/sprite.png) no-repeat 0 -525px;}
.part1_con{top: 48%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 875px;}
.part1_con p{width: 85%;height: 516px;background: url(../images/sprite.png) no-repeat 0 0;    margin: 0 auto;}
.btn{margin-top: 50px;display: flex;}
.btn a{position: relative;display: inline-block;width:240px;height:60px;line-height: 60px;text-align: center;border:2px solid rgba(255,255,255,.6);border-radius:30px;font-size:20px;color:rgba(255,255,255,1);}
.btn a::before{display: inline-block;content: '';vertical-align: middle;height: 22px;background: url(../images/sprite.png) no-repeat;margin: -1px 10px 0 0;}
.btn a.wap::before{width: 16px;background-position: -200px -525px;}
.btn a.pc.pchost{
    background: no-repeat 28px center;
}
.btn a.pc.pcuser{
    background: no-repeat 28px center;
    margin-left: 40px;
}
.part2 .btn a.pc.pcuser,.part3 .btn a.pc.pcuser,.part4 .btn a.pc.pcuser,.part5 .btn a.pc.pcuser{
    margin-left: 20px;
}
.btn a.pc::before{width: 22px;background-position: -222px -525px;}
.part1 .btn a{-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.part1 .btn a:hover{border-color:rgba(255,60,117,1);color:rgba(255,60,117,1);}
.part1 .btn .wap:hover::before{background-position: -249px -525px;}
.part1 .btn .pc:hover::before{background-position: -269px -525px;}
.part2 .btn{margin-left: -58px;}
.part3 .btn{margin-left: -255px;}
.part4 .btn{margin-left: -70px;}
.part5 .btn{margin-left: -164px;}

.wechat_code {
    display: block;
    margin: 0 auto;
    margin-top: 25px;
    width: 100px;
    border-radius: 10px;
}

.part2 .wechat_code,.part4 .wechat_code {
    margin-left: 16%;
}
.part3 .wechat_code{
    margin-left: 11%;
}

.part5 .wechat_code {
    margin-left: 16.5%;
}

.next{width: 38px;height: 20px;bottom: 60px;left: 50%;margin-left: -19px;background: url(../images/sprite.png) no-repeat -220px -632px;}
.page1 .next{background-position: -200px -555px;}
.active .next{-webkit-animation: iconArrow 1.5s infinite both .1s;-moz-animation: iconArrow 1.5s infinite both .1s;animation: iconArrow 1.5s infinite both .1s;}
.bg{position: absolute;top: 50%;left: -100px;margin-top: -286px;width: 776px;height: 688px;background: url(../images/part2_bg.png) no-repeat;background-size: 100% auto;}
.active .bg{-webkit-animation: fadeIn 1s 1.5s linear both;-moz-animation: fadeIn 1s 1.5s linear both;animation: fadeIn 1s 1.5s linear both;}
.img{position: absolute;width: 696px;height: 782px;top: 50%;left: -20px;margin-top: -380px;background: url(../images/part2_pic.png) no-repeat;background-size: 100% auto;}
.active .img{-webkit-animation:fadeInDownIpad .4s 1s linear both;-moz-animation:fadeInDownIpad .4s 1s linear both;animation:fadeInDownIpad .4s 1s linear both}
.heart1{position: absolute;top: 96px;left: 304px;width: 44px;height: 42px;z-index: 5;background: url(../images/sprite.png) no-repeat -302px -525px;}
.active .heart1,.active .heart2{-webkit-animation: fadeIn 1.4s 2s linear both;-moz-animation: fadeIn 1.4s 2s linear both;animation: fadeIn 1.4s 2s linear both;}
.heart2{position: absolute;top: 300px;left: -18px;width: 56px;height: 54px;z-index: 5;background: url(../images/sprite.png) no-repeat -341px -525px;}
.con_info{position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 660px;width: 100%;z-index: 99;}
.con_info .title,.con_info .sub_title{background:url(../images/txt_sprite.png) no-repeat;}
.con_info .title{width:496px;height:54px;background-position:0 0;}
.con_info .sub_title{height:30px;width:516px;background-position:0 -65px;margin: 42px 0 68px;}
.con_info .title::before{content: '';position: absolute;top:-10px;left: -10px;width: 48px;height: 20px;background: url(../images/sprite.png) no-repeat -249px -553px;}
.part2 .con_info .title{height: 55px;}
.part2 .con_info .sub_title{height: 32px;}
.active .con_info .title,.active .con_info .sub_title{-webkit-animation: fadeInDown 1s linear both;-moz-animation: fadeInDown 1s linear both;animation: fadeInDown 1s linear both;}
.active .con_info .title{-webkit-animation-delay: .5s;-moz-animation-delay: .5s;animation-delay: .5s}
.active .con_info .sub_title{-webkit-animation-delay: .8s;-moz-animation-delay: .8s;animation-delay: .8s;}
.con_info .btn{padding: 0;}
.con_info .btn a{width:200px;height:56px;line-height: 56px;border:1px solid rgba(255,60,117,1);border-radius:28px;font-size:18px;color:rgba(255,60,117,1);-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
/* .con_info .btn .pc{margin-left: 20px;} */
.con_info .btn .wap::before{background-position: -249px -525px;}
.con_info .btn .pc::before{background-position: -269px -525px;}
.con_info .btn a:hover{background: #FF3C75;color: #fff;}
.con_info .btn .wap:hover::before{background-position: -200px -525px;}
.con_info .btn .pc:hover::before{background-position: -222px -525px;}
.txt_left .con_info{left: 0;}
.part3 .con_info .title{width:347px;background-position:0 -105px;}
.part3 .con_info .sub_title{width:256px;background-position:0 -167px;}
.part3 .bg{left: auto;right: -40px;margin-top: -320px;width: 738px;height: 738px;background-image: url(../images/part3_bg.png);}
.part3 .img{left: auto;right:-40px;width: 634px;height: 774px;background-image: url(../images/part3_pic.png);}
.dm1,.dm2{position: absolute;left: auto;background: url(../images/sprite.png) no-repeat;z-index: 10;opacity: 0;}
.dm1{right:280px;bottom: 242px;width: 272px;height: 30px;background-position: 0 -589px;}
.dm2{right: 350px;bottom: 194px;width: 204px;height: 32px;background-position: 0 -624px;}
.gift_boxAnimation{pointer-events: none;-moz-animation: FadeOutT 1s 2s linear both;animation: FadeOutT 1s 2s linear both;-webkit-animation: FadeOutT 1s 2s linear both;}
.comeInAnimation{-moz-animation: comeIn 2.5s 1s linear both;animation: comeIn 2.5s 1s linear both;-webkit-animation: comeIn 2.5s 1s linear both;}
.part4 .con_info .title{width:480px;background-position:0 -205px;}
.part4 .con_info .sub_title{width:499px;background-position:0 -269px;}
.part4 .bg{width: 696px;height: 738px;background-image: url(../images/part4_bg.png);left: -72px;margin-top: -378px;}
.part4 .img{width: 710px;height: 736px;background-image: url(../images/part4_pic.png);left: -170px;margin-top: -360px;}
.heart,.heartLook{position: absolute;background: url(../images/sprite.png) no-repeat ;}
.heart{bottom: 106px;left: 402px;z-index: 10;width: 44px;height: 38px;background-position: -280px -581px;}
.heartLook{bottom: 130px;left: 428px;width: 46px;height: 46px;background-position: -331px -581px;z-index: 15;}
.heartBox{position: absolute;bottom: 115px;left: 340px;width: 136px;height: 220px;}
.heartBox img{position: absolute}
.active .heartBox,.active .heart{-webkit-animation: fadeIn 1.5s 1.5s linear both;-moz-animation: fadeIn 1.5s 1.5s linear both;animation: fadeIn 1.5s 1.5s linear both;}
.active .heartBox{-webkit-animation-delay: 2.5s;-moz-animation-delay: 2.5s;animation-delay: 2.5s;}
.part5 .content{margin-top: -30px;}
.part5 .con_info .title{width:479px;background-position:0 -309px;}
.part5 .con_info .sub_title{width:532px;background-position:0 -375px;}
.part5 .bg{left: auto;right: -140px;margin-top: -340px;width: 766px;height: 788px;background-image: url(../images/part5_bg.png);}
.part5 .img{left: auto;right:5px;width: 500px;height: 822px;background-image: url(../images/part5_pic.png);margin-top: -420px;}
.lovers,.car,.lips,.feeling{position: absolute;background: url(../images/gift_sprite.png) no-repeat;left: auto;}
.lovers{height:86px;width:86px;background-position:0 -163px;right: 440px;top: 240px;}
.car{height:118px;width:118px;background-position:0 -255px;right: 80px;top: 190px;}
.lips{height:70px;width:70px;background-position:0 0;right: 333px;top: 435px;}
.feeling{height:76px;width:76px;background-position:0 -77px;right: 20px;top: 400px;}
.showy{position: absolute;left: auto;bottom: 62px;right: 60px;width: 65px;height: 240px;}
.showy img{position: absolute;}
.active .lovers,.active .lips{-webkit-animation: comeInCar 3s 3s linear both;-moz-animation: comeInCar 3s 3s linear both;animation: comeInCar 3s 3s linear both;}
.active .car,.active .feeling{-webkit-animation: comeInLovers 3s 3s linear both;-moz-animation: comeInLovers 3s 3s linear both;animation: comeInLovers 3s 3s linear both;}
.active .showy{-webkit-animation: fadeIn 2.5s 2s linear both;-moz-animation: fadeIn 2.5s 2s linear both;animation: fadeIn 2.5s 2s linear both;}
.footer{position: absolute;bottom: 0;width: 100%;left: 0;background: #F5F6F8;}
.center_m{width: 1432px;margin: 0 auto;font-size: 0;}
.center_m ul{width: 100%;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    height: 40px;}
/* .footer ul{float: left;} */
.footer li{display: inline-block;margin-right: 56px;}
.footer li a{font-size:16px;color:rgba(185,185,185,1);}
.footer .right{font-size:14px;color:rgba(185,185,185,1);line-height:26px;text-align: center;}
.footer .right a{font-size:14px;color:rgba(185,185,185,1);}
/* -- 关于我们 --*/
.center{position: absolute;top: 50%;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);padding-left: 484px;width: 796px;background: url(../images/logo_about.png) no-repeat 86px center/293px 214px;}
.main_center{width: 1280px;margin: 0 auto;position: relative;height: 100%;}
.about .center p{font-size: 16px;color:#333;line-height: 30px;text-indent: 32px;margin-bottom: 46px;}
.about .center p:last-child{margin-bottom: 0;}
.footer_about{position: fixed;}
.footer_about li.active a,.footer_about li:hover a{color: #ff2364;}
.nav{display: none;}
.logo_m{position: absolute;top: 48px;left: 0;z-index: 10;width: 180px;}
.contact .center{padding: 0;background: none;width: 1280px;}
.contact .center ul{margin-top: 30px;}
.contact .center ul li,.contact .center ul li a{font-size: 16px;color: #666;line-height: 30px;}
.manual .top{padding: 168px 0 150px;}
.manual .top ul li{margin-top: 30px;}
.manual .top ul li a{display: block;border: 1px solid #e2e2e2;background: url(../images/arrow.png) no-repeat 99% 22px/20px 12px;height: 58px;line-height: 58px;font-size: 22px;color: #333;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 20px;}
.manual .top ul li.active a{background: url(https://www.huayou.net/images/arrow_active.png) no-repeat 99% 26px/20px 12px;}
.manual .top ul li .con{display: none;padding: 16px 20px 30px;font-size: 14px;color: #666;line-height: 34px;}

.amap-controls,.amap-logo,.amap-copyright{display: none;z-index: -100;}
.code{display: none;position: absolute;top: 75px;left: 50%;margin-left: -95px;width: 190px;height: 190px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;background: #fff;transition: all .5s cubic-bezier(.28,.52,.64,1.68);-webkit-transition: all .5s cubic-bezier(.28,.52,.64,1.68);-moz-transition: all .5s cubic-bezier(.28,.52,.64,1.68);-ms-transition: all .5s cubic-bezier(.28,.52,.64,1.68);-o-transition: all .5s cubic-bezier(.28,.52,.64,1.68);box-shadow: 4px 4px 15px rgba(0,0,0,.2);}
.wap:hover .code{display: block;}
.code img{display: block;width: 170px;margin: 0 auto;padding-top: 10px;}
.part1 .code{top: auto;bottom: 80px;}
.part1 .code:after {border: none;}
.code::before,.code::after{content: '';position: absolute;top: -12px;left: 50%;margin-left: -6px;width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-bottom: 12px solid rgba(0,0,0,.06);}
.code::after{top: -11px;border-bottom: 12px solid #fff;}
.part1 .code:before{top: auto;bottom: -12px;border-top: 12px solid #fff;border-bottom: none;}
@media (max-width: 600px){.content,.logo,.home_video,.part1_con,.next,.manual,.contact,.about{zoom: .45}}
@media (min-width: 600px) and (max-width: 1024px){.content,.logo,.home_video,.part1_con,.next,.manual,.contact,.about{zoom: .45}}
@media (min-width: 800px) and (max-width: 1024px){.content,.logo,.home_video,.part1_con,.next,.manual,.contact,.about{zoom: .6}}
@media (min-width: 1024px) and (max-width: 1280px){.content,.logo,.home_video,.part1_con,.next,.manual,.contact,.about{zoom: .7}}
@media (min-width: 1280px) and (max-width: 1366px){.content,.logo,.home_video,.part1_con,.next,.manual,.contact,.about{zoom: .9}}
@-webkit-keyframes FadeOutT{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-200px);transform:translateY(-200px);}}
@-moz-keyframes FadeOutT{0%{opacity:1;-moz-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-moz-transform:translateY(-200px);transform:translateY(-200px);}}
@keyframes FadeOutT{0%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-200px);-moz-transform:translateY(-200px);transform:translateY(-200px);}}
@-webkit-keyframes comeIn{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px);}
10%{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px);}
20%{-webkit-transform:translateX(-10px);transform:translateX(-10px);}
30%{-webkit-transform:translateX(0);transform:translateX(0);}
70%{-webkit-transform:translateX(0);transform:translateX(0);}
80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);}}
@-moz-keyframes comeIn{0%{opacity:0;-moz-transform:translateX(-100px);transform:translateX(-100px);}
10%{opacity:1;-moz-transform:translateX(10px);transform:translateX(10px);}
20%{-moz-transform:translateX(-10px);transform:translateX(-10px);}
30%{-moz-transform:translateX(0);transform:translateX(0);}
70%{-moz-transform:translateX(0);transform:translateX(0);}
80%{opacity:1;-moz-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-moz-transform:translateY(-10px);transform:translateY(-10px);}}
@keyframes comeIn{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);transform:translateX(-100px);}
10%{opacity:1;-webkit-transform:translateX(10px);-moz-transform:translateX(10px);transform:translateX(10px);}
20%{-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);transform:translateX(-10px);}
30%{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);}
70%{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);}
80%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px);}}
@-webkit-keyframes iconArrow{0%{opacity: 0;-webkit-transform: translate3d(0, -8px, 0);transform: translate3d(0, -8px, 0)}
60%{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
100%{opacity: 0;-webkit-transform: translate3d(0, 8px, 0);transform: translate3d(0, 8px, 0)}}
@-moz-keyframes iconArrow{0%{opacity: 0;-moz-transform: translate3d(0, -8px, 0);transform: translate3d(0, -8px, 0)}
60%{opacity: 1;-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
100%{opacity: 0;-moz-transform: translate3d(0, 8px, 0);transform: translate3d(0, 8px, 0)}}
@keyframes iconArrow{0%{opacity: 0;-webkit-transform: translate3d(0, -8px, 0);-moz-transform: translate3d(0, -8px, 0);transform: translate3d(0, -8px, 0)}
60%{opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
100%{opacity: 0;-webkit-transform: translate3d(0, 8px, 0);-moz-transform: translate3d(0, 8px, 0);transform: translate3d(0, 8px, 0)}}
@-webkit-keyframes fadeIn{0%{opacity:0}
to{opacity:1}}
@-moz-keyframes fadeIn{0%{opacity:0}
to{opacity:1}}
@keyframes fadeIn{0%{opacity:0}
to{opacity:1}}
@-webkit-keyframes fadeInDownIpad{0%{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}
to{opacity:1;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInDownIpad{0%{opacity:0;-webkit-transform:translate3d(0,-10%,0);-moz-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}
to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}}
@keyframes fadeInDownIpad{0%{opacity:0;-webkit-transform:translate3d(0,-10%,0);-moz-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}
to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-30%,0);transform:translate3d(0,-30%,0)}
to{opacity:1;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-30%,0);-moz-transform:translate3d(0,-30%,0);transform:translate3d(0,-30%,0)}
to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-30%,0);-moz-transform:translate3d(0,-30%,0);transform:translate3d(0,-30%,0)}
to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}}
@-webkit-keyframes comeInLovers{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px);}
10%{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px);}
20%{-webkit-transform:translateX(-10px);transform:translateX(-10px);}
30%{-webkit-transform:translateX(0);transform:translateX(0);}
80%{-webkit-transform:translateY(0);transform:translateY(0);}
100%{opacity:1;}}
@-moz-keyframes comeInLovers{0%{opacity:0;-moz-transform:translateX(-100px);transform:translateX(-100px);}
10%{opacity:1;-moz-transform:translateX(10px);transform:translateX(10px);}
20%{-moz-transform:translateX(-10px);transform:translateX(-10px);}
30%{-moz-transform:translateX(0);transform:translateX(0);}
80%{-moz-transform:translateY(0);transform:translateY(0);}
100%{opacity:1;}}
@keyframes comeInLovers{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);transform:translateX(-100px);}
10%{opacity:1;-webkit-transform:translateX(10px);-moz-transform:translateX(10px);transform:translateX(10px);}
20%{-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);transform:translateX(-10px);}
30%{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);}
80%{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
100%{opacity:1;}}
@-webkit-keyframes comeInCar{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px);}
10%{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px);}
20%{-webkit-transform:translateX(10px);transform:translateX(10px);}
30%{-webkit-transform:translateX(0);transform:translateX(0);}
80%{-webkit-transform:translateY(0);transform:translateY(0);}
100%{opacity:1;}}
@-moz-keyframes comeInCar{0%{opacity:0;-moz-transform:translateX(100px);transform:translateX(100px);}
10%{opacity:1;-moz-transform:translateX(-10px);transform:translateX(-10px);}
20%{-moz-transform:translateX(10px);transform:translateX(10px);}
30%{-moz-transform:translateX(0);transform:translateX(0);}
80%{-moz-transform:translateY(0);transform:translateY(0);}
100%{opacity:1;}}
@keyframes comeInCar{0%{opacity:0;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);transform:translateX(100px);}
10%{opacity:1;-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);transform:translateX(-10px);}
20%{-webkit-transform:translateX(10px);-moz-transform:translateX(10px);transform:translateX(10px);}
30%{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);}
80%{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
100%{opacity:1;}}


.manual .top .newsList li a {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
    background: none!important;
}
.manual .top .newsList li a .newsOrder {
    width: 56px;
    flex: 0 0 56px;
    align-items: center;
    justify-content: space-around;
    display: flex;
    font-size:20px;
    font-weight:bold;
    font-style:italic;
    color:rgba(102,102,102,1);
    line-height:28px;
}
.manual .top .newsList li a .newsTime {
    font-size:16px;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:24px;
    display: flex;
    align-items: center;

}
.manual .top .newsList li a p {
    flex: 1;
    padding-right: 30px;
    font-size:20px;
    font-weight:400;
    color:rgba(51,51,51,1);
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.detail h6 {
    font-size:28px;
    font-weight:bold;
    color:rgba(51,51,51,1);
    padding-top: 140px;
    text-align: center;
}
.detail .time {
    text-align: center;
    font-size:14px;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:24px;
    padding: 20px 0;
    border-bottom:1px solid rgba(226,226,226,1);
}
.detailContent {
    padding: 38px 20px 50px;
}
.detailContent p {
    font-size:18px;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:30px;
    margin-bottom: 20px;
    text-indent: 36px;
}
.detailContent img {
    display: block;
    max-width: 100%; 
    margin: 0 auto 20px;
}

/* 充值中心 */
.incharge {
    background: #F7F8FA;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.incharge .header-tab {
    width: 100%;
    height: 150px;
    background: #fff;
}

.incharge .header-tab div {
    width: 1280px;
    height: 100%;
    display: flex;
    align-items: center; 
    font-size: 20px;
    color: #333333;
    font-family: PingFangSC-Regular, PingFang SC;
    margin: 0 auto;
}

.incharge .header-tab a {
    width: 150px;
    height: 100%;
    position: relative;
}

.incharge .header-tab div span{
    margin-left: 20px;
}

.incharge .header-tab img{
    position: absolute;
    top: 48px;
    left: 0;
    z-index: 10;
    width: 180px;
}

.incharge .incharge-main {
    flex: 1;
    display:  flex;
    margin: 24px auto 0;
    width: 1280px;
}

.incharge .incharge-main .left{
    background: #fff;
    width: 198px;
}

.incharge .incharge-main .left ul li{
    /* width: 100%; */
    height: 63px;
    line-height: 63px;
    padding-left: 36px;
    background: linear-gradient(90deg, #FF435D 0%, #FF37B8 100%);
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    font-family: PingFangSC-Medium, PingFang SC;
}

.incharge .incharge-main .right{
    background: #fff;
    margin: 0 24px 0 24px;
    flex: 1;
}

.incharge .incharge-main .right .line{
    display: flex;
    align-items: center;
    /* justify-content: center; */
    margin-bottom: 30px;
}

.incharge .incharge-main .right .line label {
    width: 200px;
    text-align: right; 
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    margin-left: 16%;
}

.incharge .main .right .line .right-line{
    /* flex: 1; */
}

.incharge .incharge-main .right .user-id {
    margin-top: 48px;
}

.incharge .incharge-main .right .user-id input{
    width: 288px;
    height: 42px;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
}

.incharge .incharge-main .right .incharge-line input{
    width: 132px;
    height: 42px;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
    margin-right: 8px;
}

.incharge .incharge-main .right .incharge-line p{
    height: 100%;
    display: inline-block;
    color: rgba(153, 153, 153, 1);
    font-size: 14px;
}

.incharge .incharge-main .right .incharge-line p span {
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
}

.incharge .incharge-main .right .should .right-line p span{
    color: rgba(242, 60, 60, 1);
}

.incharge .incharge-main .right .should {
    margin-bottom: 40px;
}

.incharge .incharge-main .right .platform .right-line img{
    width: 176px;
    height: 72px;
}

.incharge .incharge-main .right .platform {
    align-items: flex-start;
}

.incharge .incharge-main .right .pay {
    display: inline-block;
    width: 288px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    background: linear-gradient(90deg, #FF435D 0%, #FF37B8 100%);
    border-radius: 4px; 
    font-size: 18px;
    color: #FFFFFF;
}

.incharge .incharge-main .right .userAccept span{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/iconradio-normal@2x.png) no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

.incharge .incharge-main .right .userAccept .active{
    width: 14px;
    height: 14px;
    background: url(../images/iconselected@2x.png) no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

.incharge .incharge-main .right .userAccept p{
    height: 100%;
    display: inline-block;
    color: rgba(51, 51, 51, 1);
    margin-top: -2px;
}

.incharge .incharge-main .right .userAccept p a{
    color: rgba(255, 67, 93, 1);
}

.incharge .incharge-main .right .tips{
    color: #999999;
}

.incharge .footer li .active{
    color: #ff2364;
}

@media screen and (min-width: 1919px){
    .new-contact .contact-content .tit-ch {
        font-size: 30px;
    }
    .new-contact .contact-content .tit-en {
        font-size: 22px;
        margin-top: 10px;
    }
    .new-contact .contact-content .contact-list dl dt {
        font-size: 20px;
    }
    .new-contact .contact-content .contact-list dl dd {
        font-size: 16px;
    }
}

.new-contact {
    color: gray;
}

.new-contact .contact-content .tit-ch {
    font-size: 31px;
    font-weight:400;
    color: #666;
    line-height: 36px;
    padding: 10.6% 0 0;
}
.new-contact .contact-content .tit-en {
    font-size: 16px;
    line-height: 22px;
    color: #a3a3a3;
    margin-bottom: 30px;
}

.new-contact .contact-content .contact-list {
    padding-bottom: 10.5%;
}

.cl {
    zoom: 1;
}

.new-contact .contact-content .contact-list dl:not(.special-item) {
    padding-right: 10%;
}
.new-contact .contact-content .contact-list dl:first-child, .contact-model .contact-content .contact-list dl:nth-child(2) {
    min-height: 80px;
}
.new-contact .contact-content .contact-list .special-hight {
    height: 100px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.new-contact .contact-content .contact-list dl {
    position: relative;
    float: left;
    width: 45%;
    padding: 1.8% 0;
    height: auto;
    line-height: 40px;
}

.new-contact .contact-content .contact-list dl dd {
    font-size: 14px;
    line-height: 26px;
}

.new-contact .contact-content .contact-list dl:after {
    content: "";
    width: 78%;
    height: 1px;
    background: #333;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: .24;
}

.ch-font2 {
    font-family: DFPKingGothicGB-Medium,sans-serif;
}

@font-face{
    font-family:DFPKingGothicGB-Regular;
    src:url(https://www.huayou.net/dist/media/DFPKingGothicGB-Regular.4f4436fe.eot);
    src:local("\263A"),url("https://img-ys011.didistatic.com/static/didiglobal/DFPKingGothicGB-Regular.woff") format("woff"),url(https://www.huayou.net/dist/media/DFPKingGothicGB-Regular.67233399.ttf) format("truetype"),url(https://www.huayou.net/dist/media/DFPKingGothicGB-Regular.16bd33a6.svg) format("svg");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:DFPKingGothicGB-Medium;
    src:url(https://www.huayou.net/dist/media/DFPKingGothicGB-Medium.9d70d00c.eot);
    src:local("\263A"),url("https://img-ys011.didistatic.com/static/didiglobal/DFPKingGothicGB-Medium.woff") format("woff"),url(https://www.huayou.net/dist/media/DFPKingGothicGB-Medium.ea23864a.ttf) format("truetype"),url(https://www.huayou.net/dist/media/DFPKingGothicGB-Medium.24e19ed1.svg) format("svg");
    font-weight:400;
    font-style:normal
}