@media only screen and (max-width: 320px){.header{background:url("../images/vip/vip-bg-header.png") no-repeat 50% 0%;background-size:auto 500px;height:auto}.header .menu-header{text-align:center}.header .menu-header ul li{display:inline-block;margin:10px 5px}.header .menu-header ul li a{display:block;width:100%;height:100%;color:#fff}.header .menu-header ul li a::before{content:"";width:20px;height:20px;margin-right:3px;background:url("../images/vip/vip-menu-icon.png") no-repeat 0% 0%;background-size:300% auto;display:inline-block;vertical-align:text-bottom}.header .menu-header ul li a.facebook::before{background-position:0% 50%}.header .menu-header ul li a.email::before{background-position:50% 50%}.header .menu-header ul li a.hotline::before{background-position:100% 50%}.header .header-content{text-align:center;margin-top:30px}.header .header-content .img-vip{max-width:300px;width:70%;display:inline-block}.header .header-content .img-vip img{width:100%;height:auto}.header .header-content .vip-slider{height:auto;padding:10px 5% 35px 5%;width:100%}.header .header-content .vip-slider .slick-dots{top:auto !important;bottom:0 !important;text-align:center;transform:none;right:0;width:100%}.header .header-content .vip-slider .slick-dots li{border-color:#414141;display:inline-block !important;margin:0 5px}.header .header-content .vip-slider .slick-dots li.slick-active{background-color:#414141}.header .header-content .block-vip{width:100%;display:block;padding:25px 10px 15px 10px;background:url("../images/vip/vip-bg-block.jpg") no-repeat 50% 50%;background-size:cover;border:solid 1px #fbf16e;border-radius:10px;color:#fbf16e;margin:0 5px}.header .header-content .block-vip h3{color:#fff;font-weight:700;font-size:1.3em;text-transform:uppercase}.content-vip .content{display:block}.content-vip .content .vip-img-side{width:80%;max-width:400px;margin:10px auto}.content-vip .content .vip-img-side span{display:block;width:100%;height:auto;padding-top:122%;background:url("../images/vip/vip-img-feature.png") no-repeat 0% 0%;background-size:300% auto;text-indent:-9999px}.content-vip .content #vip-img-01 span{background-position:0% 0%}.content-vip .content #vip-img-02 span{background-position:50% 0%}.content-vip .content #vip-img-03 span{background-position:100% 0%}.content-vip .content .vip-text-side{width:95%;margin:0px auto 30px auto;background-color:#fff;padding:5%;border-radius:10px;border:dashed 1px #ccc;overflow:hidden}.content-vip .content .vip-text-side img.img-chart{display:none}.content-vip .content .vip-text-side .vip-table{text-align:center;overflow:auto;padding-bottom:20px;width:100%}.content-vip .content .vip-text-side .vip-table .badge-vip{color:#f90;font-weight:bold}.content-vip .content .vip-text-side .vip-table tr{border:dotted 1px #ccc;height:3em}.content-vip .content .vip-text-side .vip-table tr td{border:dotted 1px #ccc;width:68.5px}.content-vip .content .vip-text-side .vip-table tr td:first-child{font-weight:bold;background-color:#414141;color:#fff}}@media only screen and (min-width: 320px){.header{background:url("../images/vip/vip-bg-header.png") no-repeat 50% 0%;background-size:auto 500px;height:auto}.header .menu-header{text-align:center}.header .menu-header ul li{display:inline-block;margin:10px 5px}.header .menu-header ul li a{display:block;width:100%;height:100%;color:#fff}.header .menu-header ul li a::before{content:"";width:20px;height:20px;margin-right:3px;background:url("../images/vip/vip-menu-icon.png") no-repeat 0% 0%;background-size:300% auto;display:inline-block;vertical-align:text-bottom}.header .menu-header ul li a.facebook::before{background-position:0% 50%}.header .menu-header ul li a.email::before{background-position:50% 50%}.header .menu-header ul li a.hotline::before{background-position:100% 50%}.header .menu-header ul li a:hover{opacity:0.69}.header .header-content{text-align:center;margin-top:30px}.header .header-content .img-vip{max-width:300px;width:70%;display:inline-block}.header .header-content .img-vip img{width:100%;height:auto}.header .header-content .vip-slider{height:auto;padding:10px 5% 35px 5%;width:100%}.header .header-content .vip-slider .slick-dots{top:auto !important;bottom:0 !important;text-align:center;transform:none;right:0;width:100%}.header .header-content .vip-slider .slick-dots li{border-color:#414141;display:inline-block !important;margin:0 5px}.header .header-content .vip-slider .slick-dots li.slick-active{background-color:#414141}.header .header-content .block-vip{width:100%;display:block;padding:25px 10px 15px 10px;background:url("../images/vip/vip-bg-block.jpg") no-repeat 50% 50%;background-size:cover;border:solid 1px #fbf16e;border-radius:10px;color:#fbf16e;margin:0 5px}.header .header-content .block-vip h3{color:#fff;font-weight:700;font-size:1.3em;text-transform:uppercase}.content-vip .content{display:block}.content-vip .content .vip-img-side{width:80%;max-width:400px;margin:10px auto}.content-vip .content .vip-img-side span{display:block;width:100%;height:auto;padding-top:122%;background:url("../images/vip/vip-img-feature.png") no-repeat 0% 0%;background-size:300% auto;text-indent:-9999px}.content-vip .content #vip-img-01 span{background-position:0% 0%}.content-vip .content #vip-img-02 span{background-position:50% 0%}.content-vip .content #vip-img-03 span{background-position:100% 0%}.content-vip .content .vip-text-side{width:95%;margin:0px auto 30px auto;background-color:#fff;padding:5%;border-radius:10px;border:dashed 1px #ccc;overflow:hidden}.content-vip .content .vip-text-side img.img-chart{display:none}.content-vip .content .vip-text-side .vip-table{text-align:center;overflow:auto;padding-bottom:20px;width:100%}.content-vip .content .vip-text-side .vip-table .badge-vip{color:#f90;font-weight:bold}.content-vip .content .vip-text-side .vip-table tr{border:dotted 1px #ccc;height:3em}.content-vip .content .vip-text-side .vip-table tr td{border:dotted 1px #ccc;width:80px !important;padding:1em 0}.content-vip .content .vip-text-side .vip-table tr td:first-child{font-weight:bold;background-color:#414141;color:#fff}}@media only screen and (min-width: 480px){.iframe-vip .container{width:480px}}@media only screen and (min-width: 728px){.iframe-vip .container{width:728px}}@media only screen and (min-width: 960px){.vip-text-side{width:100%;overflow:auto}.vip-text-side img.img-chart{display:block !important;padding-left:80px}.iframe-vip .container{width:960px}.header{background:url("../images/vip/vip-bg-header.png") no-repeat 50% 0%;background-size:auto 680px;height:auto;min-height:600px}.header::after{content:"";background:url("../images/vip/vip-img-dashes.png") no-repeat 0% 50%;background-size:100% auto;width:859px;height:455px;position:absolute;top:52px;left:50%;margin-left:-429.5px;z-index:0;display:none}.header .menu-header ul li{margin:10px 15px}.header .header-content{text-align:center;margin-top:30px}.header .header-content .img-vip{max-width:370px;width:370px;display:inline-block;position:relative;z-index:1}.header .header-content .img-vip img{width:100%;height:auto}.header .header-content .vip-slider{height:auto;padding:0px 0 35px 0;width:100%}.header .header-content .vip-slider .slick-dots{top:auto;bottom:0}.header .header-content .vip-slider .slick-dots li{border-color:#414141}.header .header-content .vip-slider .slick-dots li.slick-active{background-color:#414141}.header .header-content .block-vip{width:360px;display:inline-block;margin:0 15px}.header .header-content .block-vip:nth-child(2){margin-top:28px}.header .header-content .block-vip h3{color:#fff;font-weight:700;font-size:1.3em;text-transform:uppercase}.content-vip .content{display:grid;grid-template-columns:40% 60%}.content-vip .content .vip-img-side{width:100%;max-width:455px;margin:10px auto}.content-vip .content .vip-img-side span{display:block;width:100%;height:auto;padding-top:122%;background:url("../images/vip/vip-img-feature.png") no-repeat 0% 0%;background-size:300% auto;text-indent:-9999px}.content-vip .content .vip-text-side{width:100%;display:block}.content-vip.alternative .content{display:grid;grid-template-columns:60% 40%;grid-template-areas:'myA myB'}.content-vip.alternative .vip-img-side{grid-area:myB}.content-vip.alternative .vip-text-side{grid-area:myA}}@media only screen and (min-width: 1200px){.iframe-vip .container{width:100%}}
/*# sourceMappingURL=vgpvip.css.map */