html { height: 100%; } body { background-image: url(../images/inforBg.jpg); background-size: 100% 100%; min-height: 100%; padding-bottom: 22px; overflow: auto; padding-top: 1px; } .warpper { padding: 1px 12px 0; margin-top: 93px; width: 200%; overflow: hidden; } .index_con{ overflow: hidden; width: 50%; float: left; } ::-webkit-scrollbar-track-piece { width: 1px; background-color: #142452; } ::-webkit-scrollbar { width: 1px; height: 6px } ::-webkit-scrollbar-thumb { height: 6px; background-color: #3F71FF; border-radius: 6px; } ::-webkit-scrollbar-thumb:hover { background: #3F71FF; } /* header */ .header { background-image: url(../images/infor1-3.png); background-size: auto 100%; background-repeat: no-repeat; background-position: center; height: 94px; line-height: 94px; text-align: center; font-size: 34px; color: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 99; } .headerTime { position: absolute; right: 34px; top: 0; bottom: 0; font-size: 18px; line-height: 30px; height: 60px; margin: auto; } /* header */ /* index_sec1 */ .index_sec { float: left; padding: 0 12px; } .warpper>div { /* float: left; */ } .index_sec1 { width: 30%; } .inSec1Box { margin-top: 24px; background-image: url(../images/infor1-1.jpg); background-size: 100% 100%; padding: 10px 24px 24px; } .inSecT { line-height: 32px; font-size: 16px; color: #5380FF; overflow: hidden; } .inSecT img { margin-left: 20px; height: 20px; } .inSec1RewardL { float: left; } .inSec1Xq { margin-top: 20px; } .inSec1XqT { display: inline-block; background-color: #1D3781; position: relative; padding: 0 12px; height: 26px; line-height: 26px; margin-bottom: 10px; border-radius: 3px; } .inSec1XqT:after { content: ''; border: 5px solid transparent; border-left-color: #1D3781; position: absolute; left: 0; bottom: -5px; } .inSec1XqTxt { font-size: 12px; } .inSec1XqTxt span { margin: 0 15px 0 5px; font-size: 16px; font-weight: bold; } .inSec1Con { position: relative; margin-top: 20px; } .inSec1RewardR { margin-left: 290px; height: 170px; } .inSec1rLineBox { float: left; width: 50%; } .inSec1rLine { height: 130px; position: relative; width: 78%; margin: 0 11%; } .inSec1rLine>div:first-child { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .inSec1rLine>div:first-child div { height: 2px; background-color: #091025; margin-top: 2px; position: relative; z-index: 3; } .inSec1rLineTxt { font-size: 12px; text-align: center; color: #5380FF; line-height: 16px; margin-top: 6px; } .inSec1G { background: #C21E1E; background: linear-gradient(to top, #C21E1E 0, #EA5757 100%); background: -moz-linear-gradient(bottom, #C21E1E 0, #EA5757 100%); background: -webkit-linear-gradient(bottom, #C21E1E 0, #EA5757 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C21E1E', endColorstr='#EA5757', GradientType=1); } .inSec1S { background: #E49833; background: linear-gradient(to top, #E49833 0, #E9D44B 100%); background: -moz-linear-gradient(bottom, #E49833 0, #E9D44B 100%); background: -webkit-linear-gradient(bottom, #E49833 0, #E9D44B 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E49833', endColorstr='#E9D44B', GradientType=1); } .inSec1X { background: #09B56A; background: linear-gradient(to top, #09B56A 0, #59C7C8 100%); background: -moz-linear-gradient(bottom, #09B56A 0, #59C7C8 100%); background: -webkit-linear-gradient(bottom, #09B56A 0, #59C7C8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09B56A', endColorstr='#59C7C8', GradientType=1); } .inSec1Awards { width: 33.333333%; float: left; padding: 0 10px; text-align: center; } .inSec1Awards div { line-height: 34px; color: #fff; } .inSec1Awards div:nth-child(2n-1) { background-color: #18244B; } .inSec1Awards div:nth-child(2n) { background-color: #141F40; } .inSec1Awards div:first-child { position: relative; border-radius: 3px; } .inSec1Awards div:first-child:after { content: ''; border: 5px solid transparent; border-left-color: #1D3781; position: absolute; left: 0; bottom: -5px; } .inSec1Awards:nth-child(1) div:first-child { background-color: #E04949; } .inSec1Awards:nth-child(2) div:first-child { background-color: #E88F0D; } .inSec1Awards:nth-child(3) div:first-child { background-color: #1BB39C; } .inSec1Awards:nth-child(1) div:first-child:after { border-left-color: #E04949; } .inSec1Awards:nth-child(2) div:first-child:after { border-left-color: #E88F0D; } .inSec1Awards:nth-child(3) div:first-child:after { border-left-color: #1BB39C; } .inSec1Punish { width: 50%; float: left; padding: 0 10px; /* text-align: center; */ line-height: 34px; color: #fff; } .inSec1Punish div { overflow: hidden; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .inSec1Punish div:nth-child(2n-1) { background-color: #18244B; } .inSec1Punish div:nth-child(2n) { background-color: #141F40; } .inSec1Punish span { width: 50%; float: left; padding-left: 20px; } /* index_sec1 */ /* index_sec2 */ .index_sec2 { width: 40%; } .inSec2Top { /* overflow: hidden; */ margin-top: 30px; } .inSec2TopBox { width: 33.333333%; float: left; padding: 0 10px; } .inSec2Num { font-size: 24px; font-weight: bold; color: #20ABFB; margin-top: 20px; } .inSec2TCon { line-height: 0; } .inSec2TCon>* { display: inline-block; vertical-align: middle; } .inSec2TCon img { width: 27px; } .inSec2TCon span { margin: 0 20px; } /* .inSec2TCon */ .inSec2TCon:last-child { margin-top: 20px; } .inSec2TopImg { width: 120px; margin-top: -20px; } .inSec2Bottom { margin-top: 30px; text-align: center; } .inSec2BImg { width: 560px; } .inSec2WorkList { margin-bottom: 17px; } .inSec2Work { overflow: hidden; line-height: 28px; padding: 0 10px; } .inSec2Work:nth-child(2n-1) { background-color: #18244B; } .inSec2Work:nth-child(2n) { background-color: #141F40; } .inSec2Work div { float: left; padding: 0 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .inSec2Work div:nth-child(1) { width: 50%; } .inSec2Work div:nth-child(2) { width: 10%; color: #527FFF; } .inSec2Work div:nth-child(3) { width: 30%; color: #527FFF; } .inSec2Work div:nth-child(4) { width: 10%; } /* index_sec2 */ /* index_sec3 */ .index_sec3{ width: 30%; } .inSec3L { float: left; width: 30%; } .inSec3LBox { line-height: 0; margin-top: 20px; } .inSec3LBox>* { display: inline-block; vertical-align: middle; } .inSec3LBox img { width: 18px; } .inSec3LBox span { margin: 0 10px; line-height: 20px; } .inSec3LBox b { font-size: 20px; } .inSec3R { margin-left: 130px; line-height: 0; text-align: center; } .inSec3R img { width: 221px; } .index_sec3 .inSec1Awards div { font-size: 12px; } .index_sec3 .inSec1Awards div:after { border-color: transparent !important; } .index_sec3 .inSec1Awards div:first-child { background-color: transparent !important; } .index_sec3 .inSec1Awards:nth-child(1) div:first-child { border-bottom: 2px solid #B02020; } .index_sec3 .inSec1Awards:nth-child(2) div:first-child { border-bottom: 2px solid #B02020; } .index_sec3 .inSec1Awards:nth-child(3) div:first-child { border-bottom: 2px solid #B02020; } .index_sec3 .inSec1Awards img { position: relative; width: 32px; top: 13px; left: 0; float: left; } .inSec3lwImg{ line-height: 0; margin-top: 6px; } .inSec3lwImg img{ width: 404px; } .inSec3lwImg:first-child{ margin-bottom: 20px; } /* index_sec3 */ /* index_sec4 */ .index_sec4{ width: 30%; } .inSec4Img1{ line-height: 0; text-align: center; padding: 5px 0 4px; } .inSec4Img1 img{ width: 430px; } .index_sec4 .inSecT img { margin-left: 20px; height: 14px; } .layui-form-select .layui-input{ background-color: #0F2462; border-radius: 14px; border: 0; height: 28px; } .layui-form-select dl { top: 32px; } .layui-input-block{ width: 150px; position: absolute; right: 0; top: -20px; color: #5380FF; } .layui-form-select dl dd.layui-this { background-color: #198BE3; } .layui-form-select dl{ width: 150px; background-color: #0F2462; border: 0; border-radius: 4px; } .layui-form-select dl dd{ color: #5380FF; } .layui-form-select dl dd:hover{ background-color: #2551d4; } /* index_sec4 */ /* index_sec5 */ .index_sec5{ width: 40%; } .inSec5TopImg1{ line-height: 0; text-align: right; margin-top: -20px; } .inSec5TopImg1 img{ width: 112px; } .inSec5TopImg2 { line-height: 0; margin-top: 24px; text-align: center; } .inSec5TopImg2 img{ text-align: center; width: 74px; margin: 0 8px; } .inSec5Bottom{ line-height: 0; text-align: center; margin-top: 20px; } .inSec5Bottom img{ width: 530px; } .inSec5Img2{ line-height: 0; text-align: center; margin-top: -20px; } .inSec5Img2 img{ width: 550px; } /* index_sec5 */ /* index_sec6 */ .index_sec6{ width: 30%; } .inSec6Img{ line-height: 0; text-align: center; margin-top: 10px; } .inSec6Img img{ width: 430px; } .inSec6Box{ width: 50%; float: left; } .inSec6Img2{ line-height: 0; margin-top: 22px; } .inSec6Img2 img{ width: 188px; } /* index_sec6 */