<>
.auto_content {
height: auto;
line-height: 42px;
width: 380px;
background-color: #FFF;
z-index: 9999;
display: none;
top: 30px;
right: 0;
position: absolute;
color: #000;
border: 1px solid #e5e5e5;
}
.auto_content li {
width: calc(100% - 32px);
padding: 0 15px;
height: 42px;
line-height: 42px;
color: #484848;
font-size: 14px;
}
.auto_content li.active,
.auto_content li:hover {
color: #c99f6a;
background: #f9f9f9;
cursor: pointer;
}
.search_activity{
line-height: 15px;
z-index: 9999;
}
.search_activity li{
margin-top: 3px;
float: left;
padding: 0px 5px 0px ;
/*margin-top: -28px;
margin-bottom: -28px;*/
/*text-decoration:blink;*/
/*border-right:1px solid #c99f6a;*/
list-:none;
}
.search_activity li:last-child {
border-right:none;
color: #c52429;
}
.search_activity li a{
/*color: rgba(0,0,0,1);*/
font-size: 11px;
color: #292929;
}
.search_activity li:first-child a{
color: #c52429;
}
.mycenter_sort2{
top: 105px; /*30*/
right: calc(50% - 600px);
display: block;
position: absolute;
width: 600px;
z-index: 99;
background: #fff;
border-bottom: 1px solid #e5e5e5;
padding: 15px 0 15px;
height: 110px;
overflow-y: auto;
overflow-x: hidden;
}
.mycenter_sort2 tr{
height: 30px!important;
}
.mycenter_sort2 tr td {
line-height: 30px;
color: rgba(0,0,0,0.85);
font-size: 14px;
text-align: left;
word-break: break-all;
border: 0;
padding: 0;
padding-left: 50px;
position: relative;
}
.mycenter_sort2 tr td a {
color: #c99f6a;
margin: 0 10px;
cursor: pointer;
}
.mycenter_sort2 .con_bor:hover,.con_cur {
border: 2px solid #e4393c!important;
height: 30px;
cursor: pointer;
}
.mycenter_sort2 .con_bor b {
display: block;
position: absolute;
right: 0;
bottom: 0;
width: 12px;
height: 12px;
overflow: hidden;
background-image: url("http://misc.360buyimg.com/user/purchase/2.0.0/css/i/selected-icon.png") ;
/*background-img:*/
}
.search_sort_check {
padding-left: 30px;
height: 30px;
line-height: 30px;
cursor: pointer;
}
.search_sort_check input {
border: 0;
background: #fff;
width: 0;
height: 0;
visibility: hidden;
}
.search_sort_check label {
display: inline-block;
width: 15px;
height: 15px;
margin-right: 5px;
background: url(https://www.energy-chemical.com/front/resources//system/front/anj/image/radio_none.png) no-repeat center center;
vertical-align: middle;
background-size: 15px 15px;
}
.search_sort_check span {
margin-right: 30px;
font-size: 14px;
color: rgba(0,0,0,0.8);
}
.search_sort_check input:checked+label {
background: url(https://www.energy-chemical.com/front/resources//system/front/anj/image/radio.png) no-repeat center center;
background-size: 15px 15px;
}
.hearder_nav_list{
margin: 0 17px!important;
}
.navga_list {
margin: 0 17px!important;
/*display: flex;*/
}
.mycenter_sort3{
padding-left: 20px;
top: 30px;
border: 1px solid #EBEEF5;
border-radius: 4px;
box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
right: calc(50% - 600px);
position: absolute;
width: 300px;
z-index: 99;
background: #fff;
padding: 15px;
height: 100px;
overflow-y: auto;
overflow-x: hidden;
}
.ene_points {
font-size: 18px;
color: #c52429;
}
.head_portrait {
float: left;
font-size: 0;
text-align: center;
width: 74px;
height: 74px;
line-height: 74px;
margin-right: 20px;
}
.gardenimg{
width: 25px;
height: 25px;
margin-top: -25px!important;
/*border: 1px solid red;*/
position: relative;
left: 21px;
top: 26px;
background-image: url("https://energy01.oss-cn-shanghai.aliyuncs.com/upload/DI/familytree%20.png");
background-repeat: no-repeat;
background-size: 100% 100%;
-webkit-animation: vibrate-1 2s linear infinite both;
animation: vibrate-1 2s linear infinite both;
}
.gardenli_img{
width: 100%;
height: 100%;
vertical-align: baseline!important;
/*margin-top: -45px!important;*/
/*margin-top: 0px!important;*/
/*position: relative;*/
z-index: -1!important;
/*margin:0 0 -6px 20px!important;*/
-webkit-animation: vibrate-1 2s linear infinite both;
animation: vibrate-1 2s linear infinite both;
}
.gardentit{
color: #fff;
font-size: 11px;
background-color: #901D22;
padding: 2px 5px;
border-radius: 8px;
z-index: 555;
}
/*果树logo动画 */
@-webkit-keyframes vibrate-1 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
20% {
-webkit-transform: translate(1px0px);
transform: translate(1px0px);
}
/*40% {*/
/* -webkit-transform: translate(-1px-1px);*/
/* transform: translate(-1px-1px);*/
/*}*/
/*60% {*/
/* -webkit-transform: translate(1px1px);*/
/* transform: translate(1px1px);*/
/*}*/
/*80% {*/
81% {
-webkit-transform: translate(-1px0px);
transform: translate(-1px0px);
}
/* -webkit-transform: translate(1px-1px);*/
/* transform: translate(1px-1px);*/
/*}*/
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}
@keyframes vibrate-1 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
20% {
-webkit-transform: translate(1px0px);
transform: translate(1px0px);
}
/*40% {*/
/* -webkit-transform: translate(-1px-1px);*/
/* transform: translate(-1px-1px);*/
/*}*/
/*60% {*/
/* -webkit-transform: translate(1px1px);*/
/* transform: translate(1px1px);*/
/*}*/
/*80% {*/
81% {
-webkit-transform: translate(-1px0px);
transform: translate(-1px0px);
}
/* -webkit-transform: translate(1px-1px);*/
/* transform: translate(1px-1px);*/
/*}*/
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
/*}*/
}
.my-icon-label1 img{
width: 30px;
height: 33px !important;
}
.box_1 {
box-shadow: 0px 8px 8px 0px rgba(0000.05);
background-color: rgba(2552552551);
width: 1200px;
height: 720px;
/*margin: 36px 0 132px 0;*/
display: flex;
}
.box_2 {
background-color: rgba(2482392391);
/*position: relative;*/
width: 260px;
height: 720px;
background-image: url("https://energy01.oss-cn-shanghai.aliyuncs.com//upload/store/pt/2019/10/18/05d58d74589c4135936824cffd4ef6b6_mergeImage.png");
background-repeat: no-repeat ;
background-position: bottom;
background-size: 260px,150px;
}
.image_3{
margin-right: 0px;
margin-bottom: 0px;
width: 210px;
height: 150px;
}
.text_2 {
width: 56px;
height: 20px;
overflow-wrap: break-word;
color: #901D22;
font-size: 14px;
font-family: PingFangSC-RegularPingFang SC;
font-weight: 400;
text-align: left;
white-space: nowrap;
line-height: 20px;
margin: 38px 0 0 6px;
display:block;
overflow-y: auto;
overflow-x: auto;
position: relative;
top: 0px;
}
.image_1 {
width: 56px;
height: 2px;
margin: 5px 0 0 7px;
position: relative;
top: -8px;
}
.text-wrapper_2 {
height: 28px;
background: url(https://energy01.oss-cn-shanghai.aliyuncs.com//upload/store/pt/2019/10/18/9e5bc16f-6ff8-4bf3-bs17-4710cb23e133_20230921_48654861678.jpg)
100% no-repeat;
background-size: 100% 100%;
/*width: 200px;*/
/*margin: 14px 0 0 0px;*/
position: relative;
display: flex;
justify-content: left;
align-items: center;
}
.text_3 {
width: 48px;
height: 17px;
overflow-wrap: break-word;
color: #222222;
font-size: 12px;
font-family: PingFangSC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 17px;
/*margin: 5px 0 0 12px;*/
margin-left: 12px;
overflow: hidden;
text-overflow: ellipsis;
}
.text_3:hover.text_36:hover {
cursor: pointer;
}
.text_36:hover {
text-decoration: underline;
}
.text-wrapper_3 {
width: 250px;
/*height: 100px;*/
margin: 10px 0 10px 12px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.text_10 {
width: 50%;
height: 30px;
overflow-wrap: break-word;
color: #222222;
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: 400;
text-align: left;
white-space: nowrap;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.box_3 {
/*background-color: rgba(2482392391);*/
/*position: relative;*/
width: 940px;
height: 720px;
display: flex;
flex-direction: column;
}
.box_search {
width: 800px;
height: 30px;
margin-top: 38px;
/*display: flex;*/
flex-direction: column;
/*justify-content: flex-end;*/
}
.group_3 {
width: 800px;
/*height: 25px;*/
margin-left: 40px;
/*background-color: deeppink;*/
display: flex;
flex-direction: row;
align-items: center;
}
.sousuokuang {
width:230px;
font-size: 14px;
border: none;
outline: none;
padding-left: 14px;
font-family: PingFangSC-RegularPingFang SC;
font-weight: 400;
color: #222222;
}
.xialakuang {
margin-left: 40px;
position: absolute;
margin-top: 7px;
}
.xialakuang li {
height: 32px;
line-height: 32px;
color: #222222;
font-size: 14px;
font-weight: 400;
}
.xialakuang li.active,
.xialakuang li:hover {
color: #901D22;
background: #F9F9F9;
cursor: pointer;
}
.xialakuang_ul{
background-color: #ffffff;
width: 340px;
height: auto;
box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.08);
padding: 9px 0;
box-sizing: border-box;
}
.thumbnail_1 {
width: 14px;
/*height: 14px;*/
/*margin-top: 2px;*/
}
.text_35 {
width: 340px;
overflow-wrap: break-word;
color: rgba(1741741741);
font-size: 14px;
font-family: PingFangSC-Regular;
text-align: left;
white-space: nowrap;
line-height: 20px;
border-bottom: 1px solid #E0E0E0;
padding-bottom: 8px;
margin-left: 40px;
}
.box_4 {
/*width: 940px;*/
height: 660px;
margin-left: 40px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
overflow-y: scroll;
/*align-content: baseline;*/
}
.box_5 {
width: 25%;
/*height: 50px;*/
display: flex;
flex-direction: column;
}
.text-wrapper_14 {
margin-top: 30px;
}
.text_36 {
width: 120px;
height: 21px;
overflow-wrap: break-word;
color: #901D22;
font-size: 15px;
font-family: PingFangSC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 21px;
overflow: hidden;
text-overflow: ellipsis;
}
.text-wrapper_15 {
margin-top: 2px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.text_38 {
width: 120px;
height: 20px;
overflow-wrap: break-word;
color: #222222;
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: 400;
text-align: left;
white-space: nowrap;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
padding-top: 6px;
}
.text_38:hover {
color: #901D22;
}
.div_more{
overflow-wrap: break-word;
color: #901D22;
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: 400;
text-align: left;
white-space: nowrap;
height: 20px;
line-height: 20px;
padding-top: 6px;
}
>