.sg-price-container { margin: 15px; font-size: 1.3em; } .baseinfo{ border-bottom: 1px solid #eeee; width: 100%; /* height: auto; */ /* position: relative; */ display: inline-block; padding-bottom: 40px; } /* .baseinfo>img{ float: left; width: 25%; } */ /* .baseinfo>div{ float: left; margin-left: 20px; } */ /* .baseinfo>div>div{ float: left; margin-top: 65px; border: 1px solid #0094DA; border-radius: 50px; padding: 8px 20px; font-size: 15px; } */ .baseinfo .usesame{ height: 50px; width: 200px; text-align: center; margin-top: 48px; border: 1px solid #0094DA; border-radius: 50px; padding: 13px 20px; font-size: 20px; float: left; margin-left: 20px; } .baseinfo .showdetail{ height: 50px; width: 200px; text-align: center; margin-top: 48px; border: 1px solid #0094DA; border-radius: 50px; padding: 13px 20px; font-size: 20px; float: left; } .baseinfo>div>div>a{ color:#0094DA; } .intro_{ width: 100%; /* height: auto; */ /* position: relative; */ display: inline-table; padding: 35px 0; } .intro_>div>p{ float: left; } .showpic{ width: 100%; /* height: auto; */ /* position: relative; */ display: inline-table; padding: 0 0 35px 0; } .showpic>div>p{ float: left; } .jietu img { margin: 28px; height: 466px; } @media only screen and (max-width: 535px) { .show_margin{ margin-left: 0px !important; } } .m_body{ background:#fff;padding:20px;margin-top:-40px } .margintop_10{ margin-top:10px } .case_name{ font-size:34px;color:#1A1A1A } .height_50{ height:50px; } .height_50 p{ font-size:18px;color:#666;margin-top:30px;float:left } .eyes{ /* width: 84px; */ height: 40px; width: 70px; float: right; margin-top: 200px; /* margin-left: 27px; */ margin-right: -110px; } .eyes img{ float:left;width:20px;position:absolute;margin-top:18px } .eyes p{ float:left;position:absolute;margin-left:25px;margin-top:20px;color:#777;font-size:15px } .jietu_{ height: 580px;width:84.16%;margin-top:30px;margin-left:7.92% } .case_desc{ margin-top:20px;font-size:15px;color:#777 } .case_name_box{ font-size: 20px;color: #555; } .qrcode{ border: 1px solid #dcdcdc; width: 150px; float: right; margin-top: 40px; } @media only screen and (max-width: 767px){ .baseinfo { border-bottom: 1px solid #eeee; width: 100%; height: auto; position: relative; display: inline-block; padding-bottom: 40px; margin-top: 30px; } .baseinfo .showdetail { height: 25px; width: 100%; text-align: center; margin-top: 48px; border: 1px solid #0094DA; border-radius: 50px; padding: 6px 7px; font-size: 12px; float: left; } .pad_0{ padding: 0 !important; } .pad_l_5px{ padding: 0; padding-left: 5px !important; } .case_name { font-size: 18px; color: #1A1A1A; } .height_50 { height: 33px; } .height_50 p { font-size: 12px; color: #666; margin-top: 20px; float: left; } .qrcode { border: 1px solid #dcdcdc; width: 150px; float: right; margin-top: 0px; } .eyes { /* width: 84px; */ height: 40px; width: 70px; float: right; margin-top: 60px; /* margin-left: 27px; */ margin-right: -70px; } }