.header { background-color: #f5f5f5; border-bottom: 1px solid #eee; } .header_menu { display: flex; justify-content: space-between; height: 36px; align-items: center; } .menu_left, .menu_right { height: 100%; } .menu_left li, .menu_right li { padding: 0 6px; position: relative; display: flex; align-items: center; } .menu_left li a, .menu_right li a { font-size: 12px; color: #6C6C6C; } .dropdown_menu { position: absolute; width: 250px; height: 270px; top: 36px; left: 0; background: #c2c2c2; overflow-y: scroll; display: none; } .menu_item { font-size: 12px; color: #3C3C3C; padding: 10px 0 10px 10px; } .menu_left li:hover .dropdown_menu { display: block; } .ddm:hover { background: #c2c2c2; } .menu_right i { height: 14.5px; } .adb { background-color: #e71b1b !important; height: 70px; } .search { height: 97px; padding-top: 41px; } .search .center { justify-content: space-between; align-items: center; } .logo { width: 142px; height: 58px; } .search_input {} .input { width: 630px; height: 40px; position: relative; } .input_title { position: absolute; left: 14px; top: -21px; } .submit_input { display: flex; } .submit_input_l { width: 556px; border: 2px solid #ff5000; border-top-left-radius: 20px; border-bottom-left-radius: 20px; height: 36px; position: relative; border-right: none; } .submit_input_button { font-size: 18px; font-weight: 700; color: #FFF; background-color: #FF4200; cursor: pointer; height: 40px; border: none; width: 74px; background-image: linear-gradient(to right, #ff9000 0, #ff5000 100%); background-repeat: repeat-x; border-top-right-radius: 20px; border-bottom-right-radius: 20px; text-align: center; line-height: 39px; } .submit_input_l .search { width: 16px; height: 14px; position: absolute; left: 10px; top: -29px; } .submit_input_l .photo { width: 24px; height: 20px; position: absolute; right: 10px; top: 8px; } .submit_input_l input { padding-left: 32px; margin-left: 5px; width: 87%; height: 36px; background: #fff0; } .input_title li { color: #F40; width: 36px; height: 22px; line-height: 22px; margin-right: 4px; cursor: pointer; font-size: 12px; text-align: center; } .select { color: #FFF !important; font-weight: 700; background-image: linear-gradient(to right, #ff9000 0, #ff5000 100%); background-repeat: repeat-x; border-top-right-radius: 6px; border-top-left-radius: 6px; } .input_list li { margin-right: 5px; } .input_list li a { font-size: 12px; color: #3C3C3C; } .input_list { margin-top: -4px; } .qrcode { width: 76px; height: 90px; border: 1px solid #eee; display: flex; flex-direction: column; align-items: center; position: relative; margin-right: 113px; margin-top: -14px; } .qrcode img { width: 62px; height: 62px; } .qrcode span { margin-bottom: 4px; color: #ff5000!important; font-size: 12px; margin-top: 3px; } .closed { width: 14px; height: 14px; text-align: center; line-height: 11px; display: block; font-size: 14px; color: #DDD; position: absolute; left: -16px; border: 1px solid #eee; } .core_menu_list { border: 1px solid #ff5000; border-top: none; padding-top: 6px; padding-bottom: 3px; box-sizing: border-box; } .menu_list_item { padding: 0 25px; height: 32px; line-height: 27px; position: relative; } .left_menu { position: absolute; width: 692px; height: 488px; padding-left: 18px; border: 2px solid #F94A14; box-shadow: 2px 2px 0 #dcdadb; background-color: #FFF; color: #333; font-size: 12px; z-index: 22; left: 188px; top: -7px; display: none; } .left_menu_item1 { padding-top: 10px; width: 415px; overflow-x: hidden; overflow-y: auto; padding-right: 12px; padding-left: 10px; box-sizing: border-box; height: 100%; } .left_menu_item1 li {} .left_menu_item1 li h5 { height: 34px; line-height: 34px; font-size: 16px; color: #333; } .left_menu_item1 li a { color: #666; display: inline-block; margin-right: 12px; white-space: nowrap; font-size: 12px; } .left_menu_item2 { width: 277px; height: 100%; } .left_menu_item2 h2 { line-height: 18px; color: #333; font-size: 14px; text-align: center; font-weight: 400; margin-top: 20px; margin-bottom: 10px; } .left_menu_item2 li { display: flex; justify-content: space-between; padding: 0 20px; margin-bottom: 29px; } .left_menu_item2 a { text-align: center; } .left_menu_item2 .zz { width: 98px; height: 98px; background: #4f4f4f; } .left_menu_item2 img { width: 100%; height: 100%; opacity: 0.8; } .left_menu_item2 p { font-size: 12px; color: #999; } .menu_list_item:hover { background: #ffe4dc; } .menu_list_item:hover .left_menu { display: block; } .menu_list_item:hover .a, .menu_list_item:hover i, .menu_list_item:hover span { color: #ff5000 !important; } .menu_list_item i { position: absolute; right: 10px; font-size: 12px; top: 3px; } .menu_list_item a { color: #666; font-size: 14px; } .menu_list_item span { color: #666; font-size: 14px; } .core .center { height: 522px; } .core_menu { width: 190px; height: 100%; } .core_menu_top { width: 190px; text-align: center; font-size: 16px; background: #ff5000; color: #fff; height: 30px; line-height: 30px; } .core_other_top { height: 30px; background-image: -webkit-linear-gradient(left, #ff9000 0, #ff5000 100%); align-items: center; } .core_other_top span { color: #fff; transform: scaleY(0.7); } .core_other_top ul { display: flex; align-items: center; } .core_other_top ul li { font-size: 16px; color: #fff; margin: 0 3px; } .core_other_list { width: 100%; height: calc(100% - 30px); } .core_other { width: 1000px; height: 100%; } .other_list_l { width: 710px; height: 100%; background-color: brown; } .other_list_l_t { height: 280px; background-color: cornsilk; } .other_list_l_b { height: 200px; background-color: darkgrey; } .other_list_r { width: 290px; height: 100%; } .other_list_r_t { height: 137px; background: url("../img/user_info.png"); background-size: 290px 145px; background-repeat: no-repeat; background-position: 0 0; } .r_t_info { flex-direction: column; align-items: center; } .r_t_info img { width: 50px; height: 50px; border-radius: 100%; margin-top: 6px; } .r_t_info p { font-size: 12px; color: #3c3c3c; margin: 5px 0; } .texts_left span { font-size: 12px; color: #ff5000; margin-left: 5px; } .texts_left .ck { height: 16px; width: 16px; background: url("https://img.alicdn.com/tfs/TB1tyFSXm_I8KJjy0FoXXaFnVXa-48-1194.png") 0 0 no-repeat; background-size: 24px 597px; } .texts_left .jb { background-position: 0 -572.5px; } .texts_left .dq { background-position: 0 -528px; } .texts_left { background: #ffe4db; border-radius: 9px; padding: 1px 8px 1px 0; margin-right: 5px; } .r_t_infos .button { float: left; line-height: 25px; width: 75px; margin-right: 7px; text-align: center; color: #FFF; border-radius: 1px; background-image: linear-gradient(to right, #ff5000 0, #ff6f06 100%); background-repeat: repeat-x; border-radius: 4px; background-clip: padding-box; font-size: 14px; font-weight: 700; } .r_t_infos { display: flex; justify-content: center; margin-top: 7px; } .adb_1 img { width: 100%; } .tabs { height: 24px; margin-top: 4px; padding: 0 8px; display: flex; align-items: center; justify-content: space-around; } .tabs li { font-size: 12px; color: #3C3C3C; } .tabs_content { margin: 0 12px; margin-right: 5px; padding-top: 6px; padding-bottom: 6px; font-size: 12px; color: #3C3C3C; text-align: center; } .list_tabs { display: flex; flex-wrap: wrap; margin-top: 10px; border-top: 1px solid #f4f4f4; } .list_tabs li { width: 25%; text-align: center; padding-bottom: 10px; padding-top: 10px; border-right: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; box-sizing: border-box; } .list_tabs li img { width: 24px; height: 24px; } .list_tabs li:nth-child(4n) { border-right: none; } .list_tabs li p { color: #333; font-size: 12px; } .aliapp { padding: 0 14px; margin-top: 4px; } .aliapp .aliapp_title { display: flex; justify-content: space-between; align-items: center; height: 30px; } .aliapp_title h3 { font-size: 14px; } .more span { color: #3c3c3c; font-size: 12px; font-weight: 400; } .aliapp .aliapp_app { display: flex; justify-content: space-around; margin-top: 13px; } .aliapp_app img { width: 32px; height: 32px; }