/* åˆä½œæ¡ˆä¾‹å¼€å§?*/
.cooperation_cases_wrap {
padding-top: 60px;
padding-bottom: 140px;
}
.cooperation_cases_wrap .container {
max-width: 1370px;
}
.cases_box {
display: flex;
/* box-shadow: 0 0 20px -10px; */
border-radius: 10px;
margin-bottom: 30px;
position: relative;
overflow: hidden;
/* background: url('/assets/img/cooperation_cases/¿U‘技ä¼ä¸š.png') no-repeat 500px -10px; */
/* background-image: url('/assets/img/cooperation_cases/¿U‘技ä¼ä¸š.png'); */
background-repeat: no-repeat;
background-position: 520px -10px;
background-color: #f9f9f9;
background-size: 230px;
}
.cooperation_cases_wrap .cases_box_left {
/* flex: 0 0 60%; */
padding: 60px;
position: relative;
}
.cooperation_cases_wrap .cases_box_title {
font-size: 20px;
line-height: 30px;
color: #333333;
font-weight: 800;
font-family: "阉K‡Œå·´å·´æ™®æƒ ä½?Medium";
}
.cooperation_cases_wrap .cases_box_label {
padding: 5px 14px;
font-size: 14px;
display: inline-block;
background-color: #7225CC;
border-radius: 15px;
color: #fff;
text-align: center;
margin: 20px 0;
font-weight: 600;
font-family: "阉K‡Œå¦ˆå¦ˆæ•°é»‘ä½?Bold";
position: absolute;
right: 1.5vw;
top: 20px;
transform: translateX(50%);
}
.cooperation_cases_wrap .cases_box_time {
font-size: 16px;
color: #999;
margin-top: 6px;
}
.cooperation_cases_wrap .cases_box_line {
width: 80px;
height: 2px;
background-color: #e1e1e1;
margin-top: 10px;
}
.cooperation_cases_wrap .cases_box_text {
font-size: 16px;
height: 3em;
line-height: 1.5em;
margin-top: 10px;
color: #999;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.cooperation_cases_wrap .cases_box_right {
/* flex: 0 0 40%; */
position: relative;
}
.cases_box_right img {
position: relative;
right: 0;
/* flex: 0 0 40%; */
height: 100%;
width: 100%;
clip-path: polygon(0% 100%, 100% -350%, 100% 100%, 0% 100%);
}
.cases_box_occlusion {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: transparent;
background-image: linear-gradient(transparent, #744268);
height: 80px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 27px;
color: #fff;
display: none;
}
.occlusion_label {
background-color: #fff;
color: #7225CC;
display: inline-block;
padding: 4px 14px;
border-radius: 20px;
}
.occlusion_title {
font-size: 20px;
}
.occlusion_right span {
font-size: 22px;
}
@media (max-width:992px) {
.cooperation_cases_wrap .cases_box_left {
padding: 40px;
}
}
@media (max-width:1200px) {
.cases_left_wrap {
display: none;
}
.cases_box {
background-position: 56vw top;
}
}
@media (max-width:1100px) {
.cases_box {
background-position: 52vw top;
}
}
@media (max-width: 992px) {
.cases_box {
background-position: 44vw top;
background-size: 200px;
}
}
@media (max-width: 767px) {
.cases_box_left {
display: none;
}
.cases_box {
max-height: 290px;
}
.cases_box_right img {
clip-path: unset;
}
.cases_box_occlusion {
display: flex;
}
}
/* åˆä½œæ¡ˆä¾‹æœçƒ¦æ¡?*/
.cases_form_box {
display: flex;
justify-content: center;
margin-bottom: 70px;
}
.cases_form_box form {
width: 100%;
max-width: 716px;
display: flex;
flex-wrap: wrap;
position: relative;
border-radius: 0px;
}
.cases_form_box form input[type="text"] {
width: 100%;
font-size: 18px;
background-color: transparent;
border: 1px solid #7225CC;
border-radius: 30px;
outline: none;
height: 58px;
padding-left: 37px;
padding-right: 145px;
color: #000;
}
.cases_form_box .thm-btn2 {
padding: 0;
width: 110px;
height: 58px;
border-radius: 30px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
position: absolute;
top: 0;
right: 0;
background-color: #7225CC;
border: 1px solid #7225CC;
transition: all 200ms linear;
transition-delay: 0.1s;
cursor: pointer;
}
/*.cases_form_box .thm-btn2:hover {*/
/* background-color: #fff;*/
/* border: 1px solid #fff;*/
/*}*/
/*.cases_form_box .thm-btn2:hover .font_family {*/
/* color: #7225CC;*/
/*}*/
.cases_form_box .thm-btn2 .font_family {
margin: 0;
font-size: 32px;
color: #fff;
}
/* åˆä½œæ¡ˆä¾‹å·¦ä¾§å¯ÆDˆªæ ?*/
.cases_left_wrap {
padding: 0 36px;
}
.cases_left_item {
background-color: #f9f9f9;
padding: 22px 0 22px 40px;
margin-top: 18px;
color: #666666;
font-size: 18px;
display: flex;
align-items: center;
border-radius: 6px;
}
.cases_left_item:nth-child(1) {
margin-top: 0;
}
.cases_left_item span {
font-size: 36px;
line-height: 36px;
margin-right: 36px;
}
.cases_active {
background-color: #7225CC;
color: #fff;
}
@media (max-width: 768px) {
.cases_form_box form {
max-width: 290px;
}
.cases_form_box .thm-btn2 .font_family{
font-size: 22px;
}
.cases_form_box form input[type="text"]{
height: 45px;
}
.cases_form_box .thm-btn2{
width: 70px;
height: 45px;
}
}
日韩AV中文,99日韩一区二区三区精品,日韩精品成人无码专区免费,亚洲精品国产欧美日韩在线