/**/ input{ border:none; outline: none; background:none; } .integrityslist-box .checkedsbox input{ color:#fff; } .integritys-box { padding-top: 67px; padding-bottom: 90px; } .integritys-box .tit { font-size: 36px; text-align: center; color: #006db9; line-height: 1; margin-bottom: 40px; } .integritys-box .conwords-lists { background: #fff; padding: 50px; width: 1100px; text-align: center; margin: 0 auto; max-width: 90%; } .integrityslist-box { display: inline-block; vertical-align: top; } .integrityslist-box .tips { display: inline-block; vertical-align: middle; font-size: 16px; color: #598eb8; line-height: 50px; background: #f6fbff; border: 1px solid #d3e6f4; padding: 0 25px; } .integrityslist-box .tips img { display: inline-block; vertical-align: middle; margin-right: 12px; } .integrityslist-box .text-box { text-align: left; font-size: 15px; color: #666666; width: 780px; margin: 0 auto; margin-bottom: 32px; } .integrityslist-box .text-box .tits { line-height: 1; font-size: 16px; font-weight: bold; margin-bottom: 18px; } .integrityslist-box .text-box .li { line-height: 26px; color: #666666; padding-left: 25px; position: relative; } .integrityslist-box .text-box .li input { position: absolute; left: 0; top: 6px; width: 14px; height: 14px; } .integrityslist-box .checkedsbox { font-size: 18px; color: #ffffff; width: 240px; height: 50px; background: #006eba; margin: 0 auto; } .integrityslist-box .checkedsbox input { width: 100%; height: 100%; } .integrityslist-box .yanzhengma { font-size: 0; margin-bottom: 48px; } .integrityslist-box .yanzhengma input, .integrityslist-box .yanzhengma img { display: inline-block; vertical-align: middle; font-size: 16px; } .integrityslist-box .yanzhengma img { width: 110px; height: 40px; margin-left: 6px; } .integrityslist-box .yanzhengma input { border: 2px solid #e5e5e5; height: 45px; width: 100px; } .integrityslist-box .inputsbox { width: 490px; margin: 0 auto; text-align: left; margin-top: 50px; margin-bottom: 50px; } .integrityslist-box .inputsbox .input { position: relative; padding-left: 95px; line-height: 50px; height: 50px; } .integrityslist-box .inputsbox .input:nth-child(n+2) { margin-top: 20px; } .integrityslist-box .inputsbox .input .span { position: absolute; left: 0; top: 0; font-size: 18px; color: #333333; text-align-last: justify; width: 75px; } .integrityslist-box .inputsbox .input .input-right { border: 2px solid #e5e5e5; position: relative; height: 100%; } .integrityslist-box .inputsbox .input .input-right input { padding-left: 50px; color: #c1c1c1; font-size: 16px; height: 100%; width: 100%; } .integrityslist-box .inputsbox .input .input-right input:-moz-placeholder, .integrityslist-box .inputsbox .input .input-right textarea:-moz-placeholder { color: #c1c1c1; } .integrityslist-box .inputsbox .input .input-right input::-moz-placeholder, .integrityslist-box .inputsbox .input .input-right textarea::-moz-placeholder { color: #c1c1c1; } .integrityslist-box .inputsbox .input .input-right input:-ms-input-placeholder, .integrityslist-box .inputsbox .input .input-right textarea:-ms-input-placeholder { color: #c1c1c1; } .integrityslist-box .inputsbox .input .input-right input::-webkit-input-placeholder, .integrityslist-box .inputsbox .input .input-right textarea::-webkit-input-placeholder { color: #c1c1c1; } .integrityslist-box .inputsbox .input .input-right img { position: absolute; width: 22px; height: 22px; left: 20px; top: 0; bottom: 0; margin: auto; } .integrityslist-box .inputsbox .input .input-right .btns { position: absolute; right: -20px; color: #ff0000; font-weight: bold; font-size: 18px; top: 0; } .logosbox { display: none; } .integritys-box .c-ul { width: 620px; margin: 0 auto; margin-top: 50px; margin-bottom: 60px; } .integritys-box .c-ul .li { position: relative; padding-left: 150px; line-height: 30px; } .integritys-box .c-ul .li:nth-child(n+2) { margin-top: 16px; } .integritys-box .c-ul .li .span { width: 90px; text-align-last: justify; left: 24px; font-size: 14px; /*font-size: 18px;*/ color: #333333; position: absolute; left: 0; top: 0; padding-right: 1em; box-sizing:border-box; } .integritys-box .c-ul .li .span b{ position: absolute; right: 0; top: 0; } .integritys-box .c-ul .span-right>p{ text-indent: 2em!important; } .integritys-box .c-ul .span-right>p *{ text-indent: 0!important; } .integritys-box .c-ul .span-right *{ font-size: 14px!important; font-family: "寰蒋闆呴粦"!important; line-height:2.3!important; color:#333333!important; } .integritys-box .c-ul .span-right { text-align: left; font-size: 14px; text-align: justify; } @media screen and (min-width: 1024px) { .integrityslist-box .checkedsbox input { transition: .5s ease; } .integrityslist-box .checkedsbox input:hover { opacity: .8; transition: .5s ease; } } @media screen and (max-width: 1023px) { .integritys-box { background: #fff !important; padding-top: 50px; } .integrityslist-box .text-box { width: 90%; } } @media screen and (max-width: 767px) { .integritys-box .conwords-lists{ max-width: 80%; } .integritys-box .c-ul .li.li2 .span { position: static; /*width: 100%;*/ text-align-last: left; text-align: left; line-height: 1; margin-bottom: 10px; } .integritys-box .c-ul .li.li2 { padding-left: 0; margin-top: 35px; } .integritys-box .c-ul .li { line-height: 22px; padding-left: 75px; position: relative; } .integritys-box .c-ul .span-right { font-size: 13px; } .integritys-box .c-ul .li .span { width: 68px; font-size: 13px; } .logosbox { display: none; position: absolute; width: 115px; height: 25px; left: 12.5px; top: 10px; } .integritys-box { padding-bottom: 45px; padding-top: 30px; } .integritys-box .conwords { border-top: 1px solid #eeeeee; padding-top: 25px; } .integritys-box .c-ul{ margin-top: 30px; margin-bottom: 35px; } .integritys-box .c-ul .li:nth-child(n+2){ margin-top: 10px; } .integritys-box .conwords-lists { padding: 0; } .integrityslist-box .tips img { width: 14px; position: absolute; left: 20px; top: 15px; } .integrityslist-box .inputsbox .input .input-right img { width: 13px; height: 13px; } .integrityslist-box .text-box .li input { width: 12px; height: 12px; } .integrityslist-box .inputsbox .input .input-right input { padding-left: 37.5px; } .integrityslist-box .inputsbox .input .input-right img { left: 17.5px; } .integrityslist-box .text-box .li { line-height: 19px; padding-left: 25px; } .integrityslist-box .inputsbox .input .input-right:before { position: absolute; content: ""; height: 12px; width: 1px; background: #dcdcdc; top: 0; bottom: 0; margin: auto; } .integritys-box .tit { font-size: 18px; } .integrityslist-box .yanzhengma input { height: 40px; width: 90px; font-size: 11px; } .integrityslist-box .checkedsbox { width: 210px; font-size: 15px; height: 40px; } .integrityslist-box .yanzhengma img { width: auto; height: 37.5px; } .integrityslist-box .text-box { width: 100%; font-size: 11px; margin-bottom: 22.5px; } .integrityslist-box .inputsbox .input { height: 40px; line-height: 42.5px; } .integrityslist-box .inputsbox .input .input-right input { font-size: 12px; } .integrityslist-box .inputsbox .input .span { left: 12.5px; font-size: 12px; width: 50px; } .integrityslist-box .inputsbox .input { border: 2px solid #e5e5e5; padding-left: 82.5px; } .integrityslist-box .inputsbox .input .input-right .btns { right: 11px; } .integrityslist-box .inputsbox .input .input-right { border: none; } .integrityslist-box .inputsbox { width: 100%; margin: 0; margin-top: 18px; margin-bottom: 27.5px; } .integrityslist-box .tips { position: relative; padding: 8px; padding-left: 40px; font-size: 14px; text-align: left; line-height: 25px; } .integritys-box .tit { margin-bottom: 30px; } .integritys-box .c-ul { width: 100%; } }