.model-row-1,.model-row-3{ margin-top: 70px; margin-bottom: 70px; height: 415px; } .model-row-1 .m-stock{ width: 53%; height: 400px; float: left; } .model-row-3 .m-anno .m-context { height: 270px; } .model-row-1 .m-news,.model-row-3 .m-anno{ width: 47%; height: 400px; float: left; } .model-row-1 .title,.model-row-3 .title{ font-size: 36px; padding-bottom: 10px; } .m-news .title,.m-anno .title{ border-bottom: 1px solid #ff9000; } .m-anno .title{ width:265px; } .m-news .title{ width: 100px; } .m-context ul{margin-top: 35px;} .m-context ul li{ clear: both; padding: 0; width: 100%; margin: 9px 0px; } .m-context .context-title{ float: left; font-size: 18px; font-family: times new roman; width: 520px; text-overflow: ellipsis; white-space: nowrap; height: 18px; overflow: hidden; } .m-context .context-date{ float: right; font-size: 16px; } .model-row .more{ background: ; width: 70px; height: 32px; clear: both; float: right; } .model-row-3 .m-video{ float: left; margin-left: 60px; margin-right: -60px; } .model-row-1 .m-stock{ float: left; padding-left: 35px; box-sizing: border-box; } .m-stock .title{ border-bottom: 1px solid #258dcd; width: 220px; } .m-stock .m-context .chart{ margin-left: -25px; margin-top: 35px; } .model-row-2{ background: #258dcd; height: 400px; } .model-row-2>div,.model-row-4>div{ margin-top: 70px; margin-bottom: 70px; display: table; } .model-row-2>div>div,.model-row-4>div>div { width: 307px; display: table-cell; } .m-2-context { border-radius: 7px; } .m-2-context,.m-2-context div{ float: left; width: 277px; height: 318px; margin-top: 100px; } .m-2-title{ position:relative; float: left; width: 206px; height: 56px; margin-top: 395px; text-align: center; z-index: 999; margin-left: -245px; background: ; } .btn_y{ background: ; } .m-2-title a{ font-size: 19px; color: #fff; } .m-2-title>.text-2{ margin-top: 8px; } .m-2-title>.text-1{ margin-top: 15px; } .m-2-1 .m-2-context{ background: no-repeat; } .m-2-2 .m-2-context{ background: no-repeat; } .m-2-3 .m-2-context{ background: no-repeat; } .m-2-4 .m-2-context{ background: no-repeat; } .model-row-3{ margin-top: 169px; } .model-row-4{ height: 471px; background: no-repeat 50% 50%; } .model-row-4>div{ margin-top: 20px; } .m-4 { display: table; padding-top: 90px; } .m-4-item { width: 306px; display: table-cell; } .m-4-item a{ font-size: 28px; color:#ff9000; display: block; text-align: center; } .m-4-title { height: 60px; vertical-align: bottom; } .m-4-context{ width: 140px; height: 140px; margin-top: 30px; display: inline-block; } .m-4-1.m-4-context{ background: no-repeat; } .m-4-2.m-4-context{ background: no-repeat; } .m-4-3.m-4-context{ background: no-repeat; } .m-4-4.m-4-context{ background: no-repeat; } .m-stock-title{ height: 50px; margin-left: 10px; font-size: 16px; width: 100%; } .m-stock-title>div{ text-align: center; float: left; border-left: dotted 1px #8d8c8c; padding: 10px; } .m-stock-title>div:first-child { border: none; padding: 8px 10px 0 10px; } .m-stock-title .m-s-tt{ width: auto; margin: 0 auto 8px 0; } .m-stock-title .curren{ width: 120px; font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 33px; } .m-stock-context{ margin: 10px auto; height: 226px; } .m-stock-dc{ color: #8d8c8c; float: right; text-align: center; width: 560px; margin-top: 10px; font-size: 16px; } .video-js { width: 540px; height: 380px; } .video-js .vjs-big-play-button{ top: 165px; left: 225px; }