body{ padding:0; margin:0; background:#000; width:100% } input{ border-radius: 0; } /* input背景色透明 */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition-delay: 999999999s; transition: color 999999999s ease-out, background-color 999999999s ease-out; -webkit-transition-delay: 999999999s; -webkit-transition: color 999999999s ease-out, background-color 999999999s ease-out; -webkit-text-fill-color: #fff; } .main{ width:100%; } #container .section{ width: 100%; } #container .section .title{ font-size: 20px; font-family: SourceHanSansCN; font-weight: bold; text-align:center; background: url("../images/title_line.png") no-repeat bottom center; } #container .cpld .content{ width: 100%; } #container .cpld .content .item .l{ float: left;} #container .cpld .content .item .r{ float: right;} #container .cpld .content .item .l.info{ margin-left: 150px;} #container .cpld .content .item .r.info{ margin-right: 150px;} /* #container .cpld .content .item .info{ } */ #container .cpld .content .item .info .subTitle{ font-size: 18px; line-height: 1; font-family: MicrosoftYaHei; font-weight: bold; color: #fff; margin-bottom: 22.5px; } #container .cpld .content .item .info .row{ display: flex; } #container .cpld .content .item .info span{ width: 4px; height: 4px; display: inline-block; background-color: #fff; border-radius: 50%; margin-right: 6px; margin-top: 9px; } #container .cpld .content .item .info p{ width: 100%; font-size: 9px; font-family: MicrosoftYaHei; font-weight: 400; color: #B9B9B9; line-height: 48px; flex: 1; } #container .cpld .content .item .clear{ width: 100%; clear: both;} #container .qjzs{ width: 100%; margin-top: -145px; } #container .qjzs .content{ position: relative; } #container .qjzs .content img{ width: 100%; } #container .qjzs .nav{ width: 125px; height: 20px; margin: 0 auto; color: #fff; position: absolute; left: 0; right: 0; top: 30px; z-index: 2; display: flex; justify-content: space-between; border-bottom: solid 1px rgba(255, 255, 255, .4); } #container .qjzs .nav .n{ width: 54.5px; float: left; text-align: center; font-size: 14px; line-height: 1; font-family: MicrosoftYaHei; font-weight: bold; color: rgba(255, 255, 255, .6); cursor: pointer; } #container .qjzs .nav .n.swiper-button-disabled{ color: #fff; } #container .qjzs .nav .line{ width: 55px; height: 0; border-bottom: solid 1px #fff; position: absolute; left: 0; bottom: 0; transition: all .3s; } #container .qjzs .nav .line.right{ left: 70px; } #container .qjzs .vr{ width: 112px; height: 24px; border: 1px solid #FFFFFF; border-radius: 12px; display: flex; justify-content: center; line-height: 24px; box-sizing: border-box; color: #fff; font-size: 12px; font-family: MicrosoftYaHei; position: absolute; bottom: 22px; left: 0; right: 0; margin: 0 auto; z-index: 2; cursor: pointer; } #container .qjzs .vr img{ width: 17.5px; height: 12px; margin-right: 6px; margin-top: 6px; } #container .jctj{ width: 100%; color: #fff; overflow: hidden; margin-top:70px; } #container .jctj .swiper1{ overflow: hidden; } #container .jctj .swiper1 img{ width: 100%; } #container .jctj .swiper2{ margin-top: 15px; position: relative; left: -35%; } #container .jctj .swiper2 .swiper-slide{ width: auto !important; } #container .jctj .swiper2 img{ width: 105px; } #container .yysj{ padding-left: 4.2%; /* width:92.6%; */ width: 95.4%; margin-top:60px; margin-bottom:60px; } #container .yysj .title{ background: none;} #container .yysj .content .row{ width: 100%; display: flex; justify-content: space-between; margin-left:0; margin-right:0; } #container .yysj .content .row input, #container .yysj .content .row select{ width: 100%; outline: none; width: 100%; border: none; border-bottom: solid 1px rgba(255, 255, 255, .5); background: none; height: 30px; line-height: 30px; font-size: 8px; padding: 0 7.5px; box-sizing: border-box; margin-bottom: 10px; color: #fff; } #container .yysj .content .row select option{ color: #000;} #container .yysj .content .row input:first-child, #container .yysj .content .row select:first-child{ margin-right: 10px; } #container .yysj .btn{ width: 144px; height: 35px; border: 1px solid #0091FF; border-radius: 9px; line-height: 29px; text-align: center; margin: 9px auto 0; font-size: 9px; font-family: MicrosoftYaHei; font-weight: bold; color: #0091FF; cursor: pointer; box-sizing: border-box; } /* 提示框 */ .alertbox{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; display: none; background: rgba(0,0,0,.6); } .alertbox .boxwrap{ margin: 0 auto; } .alertbox .boxwrap .content{ position: relative; margin: 100px auto; width: 70%; outline: 0; border: 1px solid rgba(0,0,0,.2); border-radius: 15px; background-color: #fff; background-clip: padding-box; -webkit-background-clip: padding-box; } .alertbox .alertheader { padding: 15px; min-height: 8.2px; } .alertbox .modaltitle { margin: 0; line-height: 50px; font-size: 22px; background-size: 70%; text-align: center; } .alertbox .modalbody { position: relative; padding: 15px; text-align: center; } .modalbody p { margin: 0 0 5px; } .alertbox .modalfooter { padding: 15px; text-align: right; } .alertbox .modalfooter .btn { font-size: 15px; margin: 0 auto; width: 200px; background: #ad2f27; color: #fff; display: block; height: 40px; border: none; border-radius: 20px; } .contentBox .contentTitle2{ font-size: 20px; font-family: SourceHanSansCN; font-weight: bold; text-align:center; color: #fff; background: url(../images_mb/Mars7_11.jpg) no-repeat center center; } .titleBox.fixed{ position: fixed; left: 0; top: 53px; z-index:9; }