sprite.css

html{width:100%;height:100%;background-color:gray}html body{width:100%;margin:auto;display:initial}html body #auto3d{width:100%;height:100%;overflow:hidden}html body .container-fluid{padding-left:0;padding-right:0}html body .container-fluid .navbar{height:5%;min-height:20px;border:none}html body .container-fluid .navbar .container-fluid{height:100%}html body .container-fluid .navbar .container-fluid .row{height:100%}html body .container-fluid .navbar .container-fluid .row div{height:100%;padding:0}html body .container-fluid .navbar .container-fluid .row div .btn{height:60%;margin:0;position:relative;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}html body .container-fluid .navbar .container-fluid .row .advertise_text{text-align:center;margin-left:5.6666666%}html body .container-fluid .navbar .container-fluid .row .advertise_text #text_button{width:50%;background:url(all.svg) no-repeat 19.231% 13.655%;background-size:180% auto}html body .container-fluid .navbar .container-fluid .row .close_ad{text-align:right;margin-left:4%}html body .container-fluid .navbar .container-fluid .row .close_ad .btn{width:10%;background:url(all.svg) no-repeat 55.437% 29.707%;background-size:2000% auto}html body .container-fluid #navigation{position:absolute;bottom:5%;width:100%;height:15%;min-height:50px}html body .container-fluid #navigation>.btn-group,html body .container-fluid #navigation>.btn-link{width:33.333333%;height:100%;border:none}html body .container-fluid #navigation .btn-group .btn{width:100%;height:100%;padding:0;border:none}html body .container-fluid #navigation .btn-group .dropdown-menu{padding:0;margin:0 0 5% 0;background-color:transparent;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}html body .container-fluid #navigation .btn-group .dropdown-menu li{float:left;height:100%;width:33.3333333%}html body .container-fluid #navigation .btn-group .dropdown-menu li .btn{padding:0;margin:auto;width:100%;height:90%;border:none}html body .container-fluid #navigation .btn-group #suit_menu{height:70%;width:200%;left:-50%}html body .container-fluid #navigation .btn-group #suit_menu #section{background:url(http://auto3d.oss-cn-hangzhou.aliyuncs.com/outsource/ic/demo/images/suit_info/section.svg) no-repeat 50% 50%;background-size:contain;opacity:1}html body .container-fluid #navigation .btn-group #suit_menu #outdoor{background:url(http://auto3d.oss-cn-hangzhou.aliyuncs.com/outsource/ic/demo/images/suit_info/outdoor.svg) no-repeat 50% 50%;background-size:contain;opacity:1}html body .container-fluid #navigation .btn-group #suit_menu #detail{background:url(http://auto3d.oss-cn-hangzhou.aliyuncs.com/outsource/ic/demo/images/suit_info/detail.svg) no-repeat 50% 50%;background-size:contain;opacity:1}html body .container-fluid #navigation .btn-group #suit_menu img{position:relative;width:100%;height:15%;margin:auto;left:0;right:0;bottom:15%}html body .container-fluid #navigation .btn-group #virtual_menu{height:70%;width:200%;left:-115%}html body .container-fluid #navigation .btn-group #virtual_menu #house{background:url(http://auto3d.oss-cn-hangzhou.aliyuncs.com/outsource/ic/demo/images/virtual_browse/house.svg) no-repeat 50% 50%;background-size:contain;opacity:1}html body .container-fluid #navigation .btn-group #virtual_menu #corridor{background:url(http://auto3d.oss-cn-hangzhou.aliyuncs.com/outsource/ic/demo/images/virtual_browse/corridor.svg) no-repeat 50% 50%;background-size:contain;opacity:1}html body .container-fluid #navigation .btn-group #virtual_menu #hall{background:url(http://auto3d.oss-cn-hangzhou.aliyuncs.com/outsource/ic/demo/images/virtual_browse/hall.svg) no-repeat 50% 50%;background-size:contain;opacity:1}html body .container-fluid #navigation .btn-group #virtual_menu img{position:relative;width:100%;height:15%;margin:auto;left:0;right:0;bottom:15%}html body .container-fluid #navigation .on-example{background:url(http://auto3d.oss-cn-hangzhou.aliyuncs.com/outsource/ic/demo/images/house_example/selected.svg) no-repeat 50% 50%;background-size:contain;opacity:1}html body .container-fluid #navigation .un-example{background:url(http://auto3d.oss-cn-hangzhou.aliyuncs.com/outsource/ic/demo/images/house_example/unselected.svg) no-repeat 50% 50%;background-size:contain;opacity:1}html body .container-fluid #navigation .on-info{background:url(http://auto3d.oss-cn-hangzhou.aliyuncs.com/outsource/ic/demo/images/suit_info/selected.svg) no-repeat 50% 50%;background-size:contain;opacity:1}html body .container-fluid #navigation .un-info{background:url(http://auto3d.oss-cn-hangzhou.aliyuncs.com/outsource/ic/demo/images/suit_info/unselected.svg) no-repeat 50% 50%;background-size:contain;opacity:1}html body .container-fluid #navigation .on-browse{background:url(http://auto3d.oss-cn-hangzhou.aliyuncs.com/outsource/ic/demo/images/virtual_browse/selected.svg) no-repeat 50% 50%;background-size:contain;opacity:1}html body .container-fluid #navigation .un-browse{background:url(http://auto3d.oss-cn-hangzhou.aliyuncs.com/outsource/ic/demo/images/virtual_browse/unselected.svg) no-repeat 50% 50%;background-size:contain;opacity:1}html body .modal-dialog .modal-content{border-width:0;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}html body .modal-dialog .modal-content .modal-header{border-bottom:none}html body .modal-dialog .modal-content .modal-body{-moz-border-radius:10px;border-radius:10px}html body .modal-dialog .modal-content .modal-footer{text-align:center;border-top:none;border-bottom-right-radius:10px;border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px}html body .sm_dialog{margin-top:15%;max-width:600px}html body .sm_dialog .modal-content{opacity:.8}html body .hint_dialog{margin-top:15%;max-width:600px}html body .hint_dialog .modal-content{opacity:.8}html body .lg_dialog{margin-top:5%;height:70%;width:80%;max-width:800px}html body .lg_dialog .modal-content{height:100%}html body .lg_dialog .modal-content .modal-body{height:100%;padding:0}html body #section_modal .modal-dialog .modal-content{height:100%}html body #section_modal .modal-dialog .modal-content .modal-body{height:100%;padding:0}html body #section_modal .modal-dialog .modal-content .modal-body .container-fluid{height:100%}html body #section_modal .modal-dialog .modal-content .modal-body .container-fluid img{height:100%;width:100%}html body #outdoor_modal{overflow:hidden}html body #outdoor_modal .modal-dialog .modal-content .modal-body #outdoor_carousel{overflow:hidden;position:relative;width:100%;height:100%}html body #outdoor_modal .modal-dialog .modal-content .modal-body #outdoor_carousel .slick-list{height:100%}html body #outdoor_modal .modal-dialog .modal-content .modal-body #outdoor_carousel .slick-list .slick-track{height:100%}html body #outdoor_modal .modal-dialog .modal-content .modal-body #outdoor_carousel .slick-list .slick-track img{width:100%;height:100%}html body #outdoor_modal .modal-dialog .modal-content .modal-body #outdoor_carousel .slick-dots{bottom:0}html body #outdoor_modal .modal-dialog .modal-content .modal-body #outdoor_carousel .slick-dots li{margin:0 1px}html body #outdoor_modal .modal-dialog .modal-content .modal-body #outdoor_carousel .slick-dots li button:before{font-size:10px}html body #detail_modal .panel{border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;line-height:2;text-align:justify}html body .hint_modal{padding:0!important}html body .hint_modal .modal-dialog .modal-title{padding-bottom:2%;margin:0 30%;border-bottom:1px solid #3a7ebd}html body .hint_modal .modal-dialog .modal-body{padding-top:0;padding-bottom:10px}html body .hint_modal .modal-dialog .modal-footer{padding-top:0}html body .hint_modal .modal-dialog .modal-footer .btn-group{min-height:30px;height:30px}html body .hint_modal .modal-dialog .modal-footer .no_button{background:url(http://auto3d.oss-cn-hangzhou.aliyuncs.com/outsource/ic/demo/images/no_button.svg) no-repeat 40% 50%;background-size:contain;opacity:1}html body .hint_modal .modal-dialog .modal-footer .yes_button{background:url(http://auto3d.oss-cn-hangzhou.aliyuncs.com/outsource/ic/demo/images/yes_button.svg) no-repeat 60% 50%;background-size:contain;opacity:1}html body #prompt_dialog{position:relative;margin-top:8%;margin-left:25%;width:50%;max-width:960px}@media (max-width:700px) and (orientation:portrait){html body .container-fluid .navbar{height:8%;min-height:20px}html body .container-fluid .navbar .container-fluid .row #ic_ad{padding-right:0}html body .container-fluid #navigation .btn-group #virtual_menu img{width:100%}html body .lg_dialog{margin-top:15%;height:65%;width:80%;margin-left:10%;max-width:960px}html body .sm_dialog{margin-top:30%;width:80%;margin-left:10%;max-width:960px}html body .hint_dialog{margin-top:35%;width:80%;margin-left:10%;max-width:600px}}@media (max-width:700px) and (orientation:landscape){html body .container-fluid .navbar{height:10%;min-height:30px}html body .modal-dialog{position:relative;margin-top:8%;margin-left:25%;width:50%;max-width:960px}html body .lg_dialog{margin-top:5%;height:65%;max-width:600px}}@media (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){html body .container-fluid #navigation{height:10%}html body .lg_dialog{margin-top:15%;height:65%;width:80%;margin-left:10%;max-width:960px}html body .sm_dialog{margin-top:30%}html body .hint_dialog{margin-top:30%}}@media (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){html body .container-fluid .navbar{height:6%;min-height:30px}html body .container-fluid .navbar .container-fluid .row .close_ad{margin-left:8%}html body .container-fluid #navigation .btn-group #virtual_menu img{height:18%}html body .sm_dialog{width:40%;height:40%}html body .sm_dialog .modal-content{height:100%}html body .sm_dialog .modal-content .modal-body{height:100%;padding:10%}html body #detail_modal .panel{line-height:3}}