.menu ul>li { width: auto; padding-right: 8px; } .kxjj-img { width: 350px; float: left; padding-left: 15px; } .kxjj-img img { width: 350px; } #kxjj { padding-right: 15px; float: right; width: calc(100% - 400px); } #kxjj>.hd>ul { text-align: center; padding-left: 5px; padding-top: 5px; } #kxjj>.hd>ul>li { display: inline-block; font-weight: bold; font-size: 18px; border-bottom: 2px solid transparent; } #kxjj>.hd>ul>li>a { color: #999999; padding: 3px; padding-left: 10px; padding-right: 10px; font-size: 18px; letter-spacing: 5px; } #kxjj>.hd>ul>li.on>a { color: #1676e4; font-weight: bold; border-bottom: 2px solid #1676e4; } #kxjj>.bd>.iul { font-size: 16px; line-height: 36px; text-indent: 2em; } .zhld-card { display: block; padding-top: 20px; float: left; padding-right: 10px; } .zhld-card:nth-child(5n) { padding-right: 0px; } .zhld-card>img { /* width: 150px; */ width: 112.5px; height: 150px; float: left; } .zhld-card>.info { display: block; background-color: #e3f1fe; float: left; width: 112.5px; height: 150px; padding-left: 14px; padding-right: 14px; } .zhld-card>.info>.name { display: block; text-align: center; font-size: 18px; font-weight: bold; padding-top: 20px; } .zhld-card>.info>.hr { display: block; margin-top: 8px; margin-bottom: 8px; margin-left: 10px; margin-right: 10px; /* padding-top: 8px; padding-bottom: 8px; */ border-top: 1px #b7dbff solid; border-bottom: 1px #ffffff solid; } .zhld-card>.info>.duties { display: block; font-size: 14px; color: #555; } .nouse{ border-left: 5px solid #ccc; color: #ccc; } .nouse:hover{ color: #1577e4; border-left: 5px solid #1577e4; } .btns>.btn { border-radius: 21px; width: 180px; /* width:100px; height:30px; border: 1px #9a9a9a solid; border-radius: 15px; */ margin-top: 10px; margin-right: 10px; } .btns>.btn:nth-child(3n) { margin-right: 0px; } .min-btn { border-radius: 21px; padding-left: 20px; padding-right: 20px; vertical-align: bottom; /* border-radius: 12px; height: 24px; padding: 3px 12px; font-size: 12px; */ } .szkx>a { line-height: 30px; padding-left: 10px; padding-right: 10px; display: inline-block; } @media ( max-width : 768px) { .kxjj-img { width: 100%; float: left; padding-left: 0px; } .kxjj-img img { width: 100%; } #kxjj { padding-right: 0px; float: left; width: 100%; padding-top: 15px; } .zhld-card { display: block; width: calc(46.08vw - 15px); padding-top: 20px; float: left; padding-right: 0px; } .zhld-card:nth-child(1) { padding-top: 0px; } .zhld-card:nth-child(2) { padding-top: 0px; } .zhld-card:nth-child(2n) { float: right; } .zhld-card>img { width: calc(46.08vw - 15px); height: calc(61.44vw - 20px); float: left; /* height: auto; */ } .zhld-card>.info { display: block; background-color: #e3f1fe; float: left; width: 100%; height: auto; height: 130px; padding-left: 14px; padding-right: 14px; } .zhld-card>.info>.name { display: block; text-align: center; font-size: 18px; font-weight: bold; padding-top: 20px; } .zhld-card>.info>.hr { display: block; margin-top: 8px; margin-bottom: 8px; margin-left: 10px; margin-right: 10px; /* padding-top: 8px; padding-bottom: 8px; */ border-top: 1px #b7dbff solid; border-bottom: 1px #ffffff solid; } .zhld-card>.info>.duties { display: block; font-size: 14px; color: #555; } .btns>.btn { border-radius: 21px; width: calc(50% - 20px); /* width:100px; height:30px; border: 1px #9a9a9a solid; border-radius: 15px; */ margin-top: 10px; margin-right: 10px; } .btns>.btn:nth-child(2n+1) { float: left; } .btns>.btn:nth-child(2n) { float: right; } .btns>.btn:nth-child(3n) { margin-right: 10px; } }