.wnyJ{ display: flex; justify-content: space-between; align-items: flex-start; } .wnyJl{ width: 30%; } .wnyJl ul{} .wnyJl ul li{ background: #f5f5f5; height: 60px; display: flex; align-items: center; padding-left: 19px; width: 100%; color: #333; font-weight: bold; font-size: 16px; } .wnyJl ul li:nth-child(2n){ background: #fff; } .wnyJr{ width: 70%; } .wnyJr ul{ display: flex; justify-content: space-between; } .wnyJr ul li{ width: 100%; text-align: center; } .wnyJr ul li h4{ background: #f5f5f5; height: 60px; color: #333; font-size: 16px; line-height: 60px; margin: 0px; font-weight: bold; } .wnyJr ul li p{ background: #f5f5f5; height: 60px; width: 100%; color: #333; line-height: 60px; font-size: 16px; } .wnyJr ul li p:nth-child(2n){ background: #fff; } .xjfh{} .xjfhw{} .xjfhw ul{} .xjfhw ul li{ background: #f5f5f5; display: flex; justify-content: space-between; align-items: center; height: 50%; height: 60px; line-height: 60px; color: #666; } .xjfhw ul li:nth-child(1) p{ font-weight: bold; color: #000; } .xjfhw ul li:nth-child(2n){ background: #fff; } .xjfhw ul li p{ width: 25%; text-align: center; font-size: 16px; font-weight: bold; } .cyjg{} .cyjg ul{} .cyjg ul li{ position: relative; } .cyjg ul li .t{ border-bottom: 1px solid #eaeaea; padding: 15px 0px; } .cyjg ul li .t h2{ font-size: 20px; color: #333; letter-spacing: 0; font-weight: 600; margin-bottom: 11px; } .cyjg ul li .t h4{ font-size: 16px; color: #666; letter-spacing: 0; font-weight: 400; } .cyjg ul li .b{ overflow: hidden; height: 0px; transition: all ease .5s; } .cyjg ul li.active .b{ height: 93px; padding-top: 15px; } .cyjg ul li .kg{ position: absolute; right: 1%; top: 15px; font-size: 24px; font-weight: bold; } .cyjg ul li .kg span{} .cyjg ul li .kg span:nth-child(2){ display: none; } .cyjg ul li.active .kg span{ display: none; } .cyjg ul li.active .kg span:nth-child(2){ display: block; } .dqbg{ position: relative; margin-top: 22px; border-top: solid 1px #eee; padding-top: 22px; } .dqbgt{ width: 366px; height: 52px; border-radius: 5px; border: solid 1px #dfdfdf; position: relative; } .sjan{border: 8px solid transparent;border-top: 8px solid #383838;width: 8px;position: absolute;right: 14px;top: 19px;z-index: 788;} .zcycbddexl .sjan{ border: 8px solid transparent; border-bottom: 8px solid #383838; top: 11px; } .zcycbddexr .sjan{ border: 8px solid transparent; border-bottom: 8px solid #383838; top: 11px; } .dqbgtw{ overflow: hidden; height: 50px; position: absolute; top: 0%; left: 0%; transition: all ease .5s; width: 100%; } .dqbgt span{ display: none; height: 50px; line-height: 50px; padding: 0px 20px; font-size: 18px; color: #333; } .dqbgt span.active{ display: block; } .dqbgtb{ width: 366px; position: absolute; top: 72px; z-index: 9; background: #fff; border: solid 1px #dfdfdf; } .zcycbddexl .dqbgtbw{ height: 200px; } .zcycbddexr .dqbgtbw{ height: 200px; } .dqbgtbw{ display: flex; flex-direction: column; height: 0px; overflow: hidden; overflow-y: auto; transition: all ease .5s; } .dqbgtbw span{ height: 50px; line-height: 50px; padding: 0px 20px; font-size: 18px; color: #666; cursor: pointer; } .dqbgtbw span:hover{background: #eff3fb;} .dqbgb{ margin-top: 37px; } .dqbgbw{ display: none; flex-wrap: wrap; justify-content: space-between; } .dqbgbw.active{ display: flex; } .dqbgbnr{ width: 100%; background: #f5f5f5; padding: 2%; margin-bottom: 2%; display: flex; margin-bottom: 2%; justify-content: space-between; } .dqbgbnr .d{ font-size: 16px; } .dqbgbnr .d img{ width: 56px; padding-right: 14px; } .dqbgbnr img{ width: auto; } @media (max-width: 1080px){ .wnyJ { display: flex; justify-content: space-between; align-items: flex-start; width: 1000px; } .xjfh { width: 1000px; } .dqbgbnr { width: 100%; } }