.body { margin: 0px auto; width: 940px; overflow: hidden; padding-bottom: 20px; } .choselocation { font-weight: 600; text-align: center; font-size: 50px; padding-top: 100px; } .left { float: left; } .rightbox { border-radius: 6px; float: left; background: black; color: #fff; width: 380px; margin-left: 20px; } .echarsbox { position: relative; margin-top: 45px; } .top { border-bottom: 2px solid #fff; text-align: center; padding-bottom: 14px; } .top p { font-size: 18px; line-height: 46px; } .top h2 { font-size: 24px; } .rightbox-bot { padding: 16px 16px 0 16px; } .bot-name { line-height: 30px; } .bot-name .linner { width: 20%; display: inline-block; position: relative; } .bot-name .linner .progress { /*position: absolute;*/ margin-bottom: 0px; } .linner span { z-index: 200; position: absolute; top: -5px; left: 15px; color: black; } .bot-name span:nth-child(1) { display: inline-block; width: 20%; } .bot-name span:nth-child(2) { display: inline-block; width: 50%; } .bot-name span:nth-child(3) { display: inline-block; width: 25%; } /*头部*/ .selectbox { display: none; margin-top: 10px; border-top: 1px solid darkgray; padding: 10px; } #s_city, #s_county, #s_province { background: transparent; width: 100px; margin-left: 10px; border-radius: 4px; padding: 5px; font-size: 16px; border: 1px solid #ccc; height: 34px; -webkit-appearance: none; /*for chrome*/ } .timebox { position: absolute; top: -20px; color: black; width: 200px; margin-left: -30px; } /*清除ie的默认选择框样式清除,隐藏下拉箭头*/ select::-ms-expand { display: none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; font-family: "微软雅黑"; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } #modelView { background-color: #DDDDDD; z-index: 0; opacity: 0.7; height: 100%; width: 100%; position: relative; } .playvideo { padding-top: auto; z-index: 9999; position: relative; } .zy_media { z-index: 999999999 } #line { border: 1px dashed black; height: 174px; position: absolute; top: 10px; margin-left: 19.6%; } .Left { left: 10%; } #main { width: 100%; height: 350px; max-height: 300px; overflow: hidden; } .IIV::-webkit-media-controls-play-button, .IIV::-webkit-media-controls-start-playback-button { opacity: 0; pointer-events: none; width: 5px; } #Popup, #Popup2 { /*display:none;*/ /*margin-left: 3px;*/ width: 90px; /*height: 86px;*/ padding: 5px 3px; position: absolute; top: 30px; color: #fff; font-size: 12px; border-radius: 5px; background: rgba(35, 35, 35, 0.6); /*background: #FF6159;*/ z-index: 10000; } #Popup { margin-left: 3px; } #Popup2 { width: 110px; margin-left: 98px; }