.main{ background-color: #f5f7f9; } .tagtitle{ display: flex; justify-content: center; background-color: white; margin-bottom: 50px; } .tagtitle div{ margin: 0px 50px; padding: 15px 0px; font-size: 18px; font-weight: 400; cursor: pointer; border-bottom: 1px solid white; } .hovest{ color: #0a2a8f; border-bottom: 1px solid red !important; } .cooperate_item{ display: flex; background-color: white; padding: 40px; margin-top:30px; } .cooperate p{ line-height: 25px; } .cooperate_item_le{ text-align: center; } .cooperate_item_le h4{ font-size: 24px; font-weight: bold; position: relative; color: #0a2a8f; padding-bottom: 5px; } .cooperate_item_le h4::after{ content: ''; display: inline-block; width: 30%; height: 1px; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%,-50%); background-color: #e71e0f; } .cooperate_item_rig{ padding-left: 50px; flex: 1; } .cooperate_item_rig>p{ font-size: 20px; font-weight: bold; } .item_list_t1{ font-size: 20px; color: #FFFFFF; background-color: #3b3b3b; margin-top: 30px; padding:10px 30px; } .item_list2>div{ display: flex; font-size: 16px; font-weight: 400; } .item_list2>div div:nth-child(1){ width: 150px; padding: 15px 0px; text-align: center; background-color: #f6f8fb; } .item_list2>div div:last-child{white-space: break-spaces; /* width: 50%; */ flex: 1; padding: 15px 30px; border-bottom: 1px solid #e6eaf1; } .item_list3{ margin: 20px 0px; background-color: white; padding: 20px 40px; display: flex; align-items: center; } .item_list3 span{ font-size: 24px; font-weight: 400; vertical-align: middle; margin-left: 10px; } .item_list3_1{ width: 20%; } .item_list3_2{ flex: 1; } /* 技术支持 */ .jszc{ margin: 70px 0px; } .jszc p{ font-size: 16px; font-weight: 400; } .jszc_item{ margin-top: 50px; /*display: flex;*/ /*justify-content: space-between;*/ } .jszc_item div.list~div.list{margin-left:10px;} .jszc_item div:hover h4{ color: #0A2A8F; } .jszc_item div:hover h4::after{ content: ''; display: inline-block; width: 2em; position: absolute; bottom: 0px; left: 2em; transform: translate(-50%,-50%); height: 1px; background-color: red; } .jszc_item>div{ width: 19%; padding: 50px; background-color: white; } .jszc_item p{ margin-top: 20px; font-size: 14px; font-weight: 400; } .jszc_item h4{ font-size: 24px; font-weight: 400; margin-top: 20px; position: relative; padding-bottom: 5px; } /* 申请加盟 */ .applyJoin{ background-color: white; padding-top: 50px; padding-bottom: 20px; } .applyJoin_item{ width: 60%; margin: auto; } .form_box{ display: flex; flex-wrap: wrap; } .form_box select{ height: 50px;border: none; background-color: #f5f7f9; } .form_box div{ width: 46%; margin-left: 2%; margin-top: 15px; } .form_box p{ font-size: 20px; font-weight: normal; margin-bottom: 8px; } .form_box input{ width: 100%; height: 50px; border: none; background-color: #f5f7f9; } .form_box span{ color: red; vertical-align: middle; } .applyJoin_item button{ width: 439px; height: 51px; background: #0A2A8F; color: white; font-size: 20px; border: none; transform: translate(-50%,-50%); margin: 100px 50% 0px 50%; } /* 培训与认证 */ .pxyrz{ background-color: white; padding-top: 50px; padding-bottom: 70px; } .aactive{ position: fixed; top: 73px; left: 0; /*transform: translate(-50%,-50%);*/ z-index: 3; width: 100%; box-shadow: -7px 1px 1px 1px #ededed; border-top: 1px solid #ededed; background: white; padding-top: 10px; } @media(max-width:767px){ .cooperate_item{padding:10px !important;} .cooperate_item_le{} .cooperate_item_le h4{font-size:18px;} .cooperate_item_rig>p{font-size:14px;} .item_list_t1{font-size:16px;margin-top:15px;} .item_list2>div div:nth-child(1){padding:10px 0;} .item_list2>div div:last-child{padding:10px 10px;} .item_list2>div{font-size:14px;align-items:initial !important;} .jszc_item{display:block !important;} .jszc_item>div{padding:10px !important;} .jszc_item div.list~div.list {margin-left:0px;} .jszc_item h4{font-size:14PX;} .jszc_item .content{font-size:14px;} .form_box p{font-size:14px;} .form_box input{height:40px;} .form_box> div~div{margin-top:10px;} .applyJoin_item button{height:40px;margin-top:50px;} }