* {box-sizing:border-box;padding:0;margin:0;font-weight:300;}
img {max-width:100%;vertical-align: middle;}
html,body {height:100%;}
body {background-color:#FFF;font-family:"Microsoft YaHei",sans-serif;font-size:1rem;}
body.nav-open .lower-screen {}
body.nav-open .nav {-webkit-transform:translateY(0);transform:translateY(0);}
body.nav-open .nav-toggle:before {width:2600px;height:2600px;background:#101518;}
body.nav-open .nav-toggle .icon {width:0;}
body.nav-open .nav-toggle .icon:before {-webkit-transform:translateY(9px) rotate(45deg);-ms-transform:translateY(9px) rotate(45deg);transform:translateY(9px) rotate(45deg);}
body.nav-open .nav-toggle .icon:after {-webkit-transform:translateY(-9px) rotate(-45deg);-ms-transform:translateY(-9px) rotate(-45deg);transform:translateY(-9px) rotate(-45deg);}
li {list-style:none;}
i {font-style:normal;}
a {text-decoration:none;}
img{ width: 100%; height: auto;}
.share{ width: 300px; height: 300px; position: absolute; left: -3000px; top: -3000px;}
.show{ display: block !important;}
b{font-weight: bold;}

.banner_box{ position: relative; width: 100%;}
.banner_box .img{ width: 100%; height: auto;}
.banner_box .people{ position: absolute; left: 1.18rem; top: 1rem; z-index: 2; width: 2.61rem;}
.banner_box .text1{ position: absolute; left: 3.37rem; top: 2.66rem; z-index: 2; width: 5.61rem;}
.banner_box .text2{ position: absolute; left: 1.92rem; top: 9.41rem; z-index: 2; width: 4.586rem;}

.part1,.part2,.part3,.part4,.part5{opacity: 0;}
.part1 .img,.part2 .img,.part3 .img,.part4 .img,.part5 .img{ width: 100%; height: auto;}
.part2{position: relative;}
.part2 .box{ width: 9.37rem;position: absolute;left: 50%; top: 0.76rem; z-index: 3; text-align: center; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.part2 .tab{ width: 6.92rem; height: 0.96rem; margin: 0 auto; margin-bottom: 0.82rem; box-sizing: border-box; border: solid 1px #e2930b; border-radius: 0.13rem; overflow: hidden;}
.part2 .tab li{ width: 3.43rem; height: 0.96rem; line-height: 0.96rem; text-align: center; font-size: 0.4rem; color: #908f8a;}
.part2 .tab li.l{ float: left;}
.part2 .tab li.r{ float: right;}
.part2 .tab li.l.on{ background: #e2930b;}
.part2 .tab li.r.on{ background: #e2930b;}
.part2 .tab li.on{ color: #fff;}
.part2 .price_box{ width: 8.66rem; height: 0.81rem; line-height: 0.81rem; outline: none; appearance: none; -webkit-appearance: none; border-radius: 0; text-align: center; border: solid 0px transparent; border-bottom: solid 1px #492728; margin: 0 auto; background: transparent; font-size: 0.42rem; margin-bottom: 1rem;}
.part2 .suan_btn{ width: 8.66rem; height: 1.12rem; line-height: 1.12rem; margin: 0 auto;box-sizing: border-box; border-bottom: solid 4px #d75d04; background: #e2930b; border-radius: 0.13rem; margin-bottom: 0.46rem; font-size: 0.48rem; color: #fff;}
.part2 .tad{ width: 9.37rem; height: 7.5rem; position: relative;}
.part2 .tad .item{ display: none;}
.part2 .tad .item:after{ content: ""; position: absolute;}
.part2 .tad .item1:after{ width: 1.11rem; height: 6rem; background: url(//pic.ziroom.com/zhuanti/2017/qingsongfu/m/img/img_jifu.jpg) no-repeat left top; background-size: 100% auto; left: 0; top: 1.89rem;}
.part2 .tad .item2:after{ width: 1.05rem; height: 6rem; background: url(//pic.ziroom.com/zhuanti/2017/qingsongfu/m/img/img_bannianfu.jpg) no-repeat right top; background-size: 100% auto; right: 0; top: 1.06rem;}
.part2 .tad .item .list_box{ width: 100%; text-align: center;}
.part2 .tad .item .list_box span{display: inline-block; vertical-align: top; width: 2.5rem; height: 0.66rem; line-height: 0.66rem; text-align: right; font-size: 0.32rem; color: #494949;}
.part2 .tad .item .list_box .result{ display: inline-block; vertical-align: top; width: 4.16rem; height: 0.66rem; line-height: 0.66rem;box-sizing: border-box; border: solid 1px #e2930b; border-radius: 0.13rem; padding-left: 0.25rem; font-size: 0.48rem; color: #d88e00; text-align: left;}
.part2 .tad .item1{ padding-top: 0.89rem;}
.part2 .tad .item1 .list_box{ margin-bottom: 0.76rem;}
.part2 .tad .item2{ padding-top: 0;}
.part2 .tad .item2 .list_box{ margin-bottom: 0.4rem;}

#jifu_num,#bannianfu_num{ font-weight: bold;}

.part3,.part4{ position: relative;}
.part3 .text1,.part4 .text1{ position: absolute; font-size: 0.4rem; line-height: 0.58rem; color: #494949; z-index: 2;}
.part3 .text1 span.t,.part4 .text1 span.t{ display: inline-block; width: 3rem;}
.part3 .text2,.part4 .text2{ position: absolute; font-size: 0.4rem; line-height: 0.58rem; color: #d88e00; z-index: 2;}
.part3 .text2 span.t,.part4 .text2 span.t{ display: inline-block; width: 3.9rem; color: #494949;}
.part3 .text1{left: 2rem; top: 7.7rem;}
.part4 .text1{left: 1rem; top: 5.42rem;}
.part3 .text2{left: 2rem; top: 9.24rem;}
.part4 .text2{left: 1rem; top: 7rem;}

.part5 .box{ width: 8.7rem; margin: 0 auto; margin-top: 0.8rem; padding-bottom: 1rem;}
.part5 .box .ask{font-size: 0.37rem; line-height: 0.66rem; color: #3d65a0; display: inline-block;}
.part5 .box .answer{font-size: 0.37rem; line-height: 0.66rem; color: #494949; padding-bottom: 0.53rem;display: inline-block;}
.part5 .box .answer a{text-decoration: underline; color: #cf8a00;}
.table{ width: 100%; border-collapse: collapse; border-left: solid 1px #e2930b; border-top: solid 1px #e2930b; margin-bottom: 25px;}
.table th,.table td{ height: 0.81rem; line-height: 0.81rem; border-right: solid 1px #e2930b; border-bottom: solid 1px #e2930b; font-size: 0.32rem; color: #484848; padding: 0 0.2rem;}
.table th{ text-align: center;}
.table td{ text-align: left;}

.delay02{-moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s;  -o-animation-delay: 0.2s;  animation-delay: 0.2s;}
.delay03{-moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s;  -o-animation-delay: 0.3s;  animation-delay: 0.3s;}
.delay04{-moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s;  -o-animation-delay: 0.4s;  animation-delay: 0.4s;}
.delay05{-moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s;  -o-animation-delay: 0.5s;  animation-delay: 0.5s;}
.delay06{-moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s;  -o-animation-delay: 0.6s;  animation-delay: 0.6s;}
.delay07{-moz-animation-delay: 0.7s; -webkit-animation-delay: 0.7s;  -o-animation-delay: 0.7s;  animation-delay: 0.7s;}
.delay08{-moz-animation-delay: 0.8s; -webkit-animation-delay: 0.8s;  -o-animation-delay: 0.8s;  animation-delay: 0.8s;}
.delay09{-moz-animation-delay: 0.9s; -webkit-animation-delay: 0.9s;  -o-animation-delay: 0.9s;  animation-delay: 0.9s;}
.delay1{-moz-animation-delay: 1s; -webkit-animation-delay: 1s;  -o-animation-delay: 1s;  animation-delay: 1s;}
.delay2{-moz-animation-delay: 2s; -webkit-animation-delay: 2s;  -o-animation-delay: 2s;  animation-delay: 2s;}
.delay3{-moz-animation-delay: 3s; -webkit-animation-delay: 3s;  -o-animation-delay: 3s;  animation-delay: 3s;}
.delay4{-moz-animation-delay: 4s; -webkit-animation-delay: 4s;  -o-animation-delay: 4s;  animation-delay: 4s;}

/*loading*/
@-webkit-keyframes line-scale-pulse-out {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1); }

    50% {
        -webkit-transform: scaley(0.4);
        transform: scaley(0.4); }

    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1); } }

@keyframes line-scale-pulse-out {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1); }

    50% {
        -webkit-transform: scaley(0.4);
        transform: scaley(0.4); }

    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1); } }
.line-scale-pulse-out{margin: 4rem 0 .5rem 0;}
.line-scale-pulse-out > div {
    background-color: #ffa000;
    width: .1rem;
    height: .5rem;
    border-radius: .1rem;
    margin: .1rem;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85);
    animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85); }
.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
    -webkit-animation-delay: 0.2s !important;
    animation-delay: 0.2s !important; }
.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
    -webkit-animation-delay: 0.4s !important;
    animation-delay: 0.4s !important; }

@-webkit-keyframes line-scale-pulse-out-rapid {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1); }

    80% {
        -webkit-transform: scaley(0.3);
        transform: scaley(0.3); }

    90% {
        -webkit-transform: scaley(1);
        transform: scaley(1); } }

@keyframes line-scale-pulse-out-rapid {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1); }

    80% {
        -webkit-transform: scaley(0.3);
        transform: scaley(0.3); }

    90% {
        -webkit-transform: scaley(1);
        transform: scaley(1); } }

.line-scale-pulse-out-rapid > div {
    background-color: #ffa000;
    width: .1rem;
    height: .5rem;
    border-radius: .1rem;
    margin: .1rem;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78);
    animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78); }
.line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
    -webkit-animation-delay: 0.25s !important;
    animation-delay: 0.25s !important; }
.line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
    -webkit-animation-delay: 0.5s !important;
    animation-delay: 0.5s !important; }


.loading{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #fff;
    z-index: 999; text-align: center; font-size: .37rem; color: #999;}

/* 样式放在结尾，防止 base64 图片造成拥塞 */
@-webkit-keyframes rotation {
    10% { -webkit-transform: rotate(-90deg) }
    50%, 60% { -webkit-transform: rotate(0deg) }
    90% { -webkit-transform: rotate(-90deg) }
    100% { -webkit-transform: rotate(-90deg) }
}
@keyframes rotation {
    10% { transform: rotate(-90deg)}
    50%, 60% { transform: rotate(0deg)}
    90% { transform: rotate(-90deg)}
    100% { transform: rotate(-90deg)}
}
#orientLayer { display: none; }
@media screen and (min-aspect-ratio: 13/9) { 
    #orientLayer { display: block; } 
}
.mod-orient-layer { display: none; position: fixed; height: 100%; width: 100%; left: 0; top: 0; right: 0; 
    bottom: 0; background: #000; z-index: 29891014 }
.mod-orient-layer__content { position: absolute; width: 100%; top: 45%; margin-top: -0.75rem; text-align: center }
.mod-orient-layer__icon-orient {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh8pxJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC');display: inline-block; width: 67px; height: 109px;
    transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -webkit-animation: rotation infinite 1.5s ease-in-out; animation: rotation infinite 1.5s ease-in-out; -webkit-background-size: 67px; background-size: 67px }
.mod-orient-layer__desc { margin-top: 0.2rem; font-size: 0.3rem; color: #fff }