bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

406
历届学生/18课程/class18_2/项目/练习项目/周志威/淘宝/css/a.css Normal file
View File

@@ -0,0 +1,406 @@
/* bady{
width: 100%;
height: 100%;
position: fixed;
z-index: -99999;
background: #1A0706 url("../img/下载.jpg");
background-size: cover;
} */
.bctop {
background: url("../img/下载2.png") 0 0 repeat;
height: 47px;
width: 100%;
}
.bctopc {
width: 90%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.bctop_left {}
.bctop_left a {
line-height: 47px;
font-size: 14px;
padding: 0 10px;
color: white;
}
.inputa {
width: 280px;
height: 30px;
background: #fff;
margin-top: 7px;
box-sizing: border-box;
position: relative;
margin-right: 10px;
}
.abc {
position: absolute;
top: -11px;
left: 30px;
}
.abc span {
color: #999 !important;
}
.inputa input {
box-sizing: border-box;
/* margin-top: -6px; */
padding: 5px;
outline: none;
border: 0;
}
.bctop_right {
display: flex;
box-sizing: border-box;
line-height: 47px;
}
.btr {
width: 30px;
height: 30px;
border: 1px solid #90909099;
background: #90909099;
margin-top: 7px;
margin-right: 10px;
}
.bctop_right span {
color: white;
font-size: 14px;
margin-right: 10px;
}
.log {
width: 100%;
height: 95px;
}
.log1 {
width: 90%;
margin: 0 auto;
}
.content {
width: 100%;
height: 800px;
}
.content_main {
width: 89.4%;
height: 100%;
margin: 0 auto;
}
.topaaa{
height: 95px;
}
.main_top1 {
width: 100%;
height: 59px;
margin: 0 auto;
}
.main_top1 {}
.main_top2 {
height: 800px;
display: flex;
}
.main_top2 .main_top2l {
width: 10%;
height:800px;
background: #fbf2dc url("../img/下载3.png") left top repeat-y;
}
.main_top2 .main_top2r {
width: 10%;
height: 800px;
background: #fbf2dc url("../img/下载4.png") right top repeat-y;
}
.mainc{
width: 80%;
display: flex;
background: #fbf2dc ;
}
.mainc_top{
width: 100%;
height: 60px;
display: flex;
}
.mainc_top .mainc_topl ul{
color: #fff;
display: flex;
justify-content: space-around;
line-height: 60px;
}
.mainc_top .mainc_topl{
background: #1A0706 url("../img/下载6.png") left top no-repeat;
}
.mainc_topl {
width: 68%;
}
.mainc_topr{
width: 40%;
}
.mainc_top{}
.group{
display: none;
background: #fbf2dc;
color: black;
}
.mainc_topl ul li:hover {
}
.mainc_topl ul li {
font-size: 16px;
width: 137px;
height: 60px;
/* float: left; */
border-right: 1px solid #1A0706;
}
.acyivity{
color: yellow !important;
}
.mainc_topl ul {
text-align: center;
}
.mainc_topl ul li:hover .group {
display: block;
}
.mainc_topl ul li:hover{
background: #6e221e;
}
.mainc_topr{
margin-left: 20px;
background: url(https://www.mcbbs.net/template/mcbbs/image/notice_bg.png) left top no-repeat;
}
.iii{
height: 60px;
position: relative;
}
.mainc_topr .iii a{
position: absolute;
left: 50px;
top: 15px;
}
.subject{
margin-top: 10px;
}
.subject img{
width: 615px;
}
.user{
margin-top: 10px;
height: 280px;
background: url("../img/下载8.png") 0 0 no-repeat;
background-size: 270px 300px;
margin-bottom: 12px;
}
.user_log{
display: flex;
}
.user_log img{
width: 80px;
height: 80px;
margin-top: 30px;
margin-left: 10px;
}
.user_logr{
width: 120px;
height: 70px;
padding: 5px 10px;
margin-left: 10px;
margin-top: 30px;
background: url("../img/下载9.png") center center no-repeat;
}
.user_log a{
text-align: center;
font-size: 14px;
}
.way{
margin-top: 15px;
}
.way img{
margin-left: 20px;
}
.method{
font-size: 14px;
display: flex;
justify-content: space-around;
margin-top: 20px;
}
.recommend{
width: 100%;
height: 330px;
background: url("../img/下载11.png") left top no-repeat;
position: relative;
}
.recommend p{
margin-left: 50px;
font-weight: 600;
font-size: 16px;
text-align: center;
line-height: 34px;
position: absolute;
width: 80px;
height: 32px;
margin-top: 3px;
background: #fff;
}
.recommend_img{
width: 100%;
height: 100%;
}
.recommend_img .imgee{
width: 144px;
height: 91px;
margin-top: 36px;
}
.recommend_img{
}
.ull{
display: flex;
flex-wrap: wrap;
}
.ull .ull1{
width: 25%;
}
.ull1 h4{
font-size: 12px;
}
.people_all{
display: flex;
justify-content: space-between;
width: 140px;
}
.people_all a{
font-size: 12px;
}
.news{
border-left: 2px solid #999;
border-right: 2px solid #999;
border-bottom: 2px solid #999;
}
.news .vbc{
width: 100%;
height: 32px;
background: url("../img/下载11.png") left top no-repeat;
}
.news p{
margin-left: 50px;
font-weight: 600;
font-size: 16px;
text-align: center;
line-height: 34px;
position: absolute;
width: 80px;
height: 32px;
margin-top: 3px;
background: #fff;
}
.news_main{
width: 90%;
height: 121px;
margin: 0 auto;
margin-top: 20px;
}
.news_main .main_ooo h5{
height: 30px;
color: green;
border-bottom: 2px solid #999;
}
.news_main a{
font-size: 12px;
color: green;
}
.down{
border-left: 2px solid #999;
border-right: 2px solid #999;
border-bottom: 2px solid #999;
}
.down .vbc2{
width: 100%;
height: 32px;
background: url("../img/下载11.png") left top no-repeat;
}
.vbc2 p{
margin-left: 50px;
font-weight: 600;
font-size: 16px;
text-align: center;
line-height: 34px;
position: absolute;
width: 80px;
height: 32px;
margin-top: 3px;
background: #fff;
}
.down_main{
width: 100%;
height: 121px;
}
.main_ooo{
margin-top: 10px;
margin-bottom: 10px;
height: 50px;
/* background: url("../img/下载14.png"); */
}
.main_ooo1{
margin-top: 10px;
margin-bottom: 10px;
height: 50px;
background: url("../img/下载14.png");
}
.main_ooo1 h2{
text-align: center;
font-size: 16px;
line-height: 50px;
color: #fff;
}
.main_ppp{
display: flex;
justify-content: space-around;
position: relative;
}
.main_pppl img{
width: 120px;
height: 57px;
}
.main_pppr img{
width: 120px;
height: 57px;
}
.main_pppl{
width: 45%;
height: 50px;
background: url("../img/下载14.png");
text-align: center;
line-height: 50px;
color: #fff;
}
.main_pppr{
width: 45%;
height: 50px;
background: url("../img/下载14.png");
text-align: center;
line-height: 50px;
color: #fff;
}

10
历届学生/18课程/class18_2/项目/练习项目/周志威/淘宝/css/clear.css Normal file
View File

@@ -0,0 +1,10 @@
body,ul,li,h1,h6,h2,h3,h4,h5,p {
margin: 0;
padding: 0;
list-style: none;
box-sizing: border-box;
}
a {
text-decoration: none;
}

14
历届学生/18课程/class18_2/项目/练习项目/周志威/淘宝/css/clear1.css Normal file
View File

@@ -0,0 +1,14 @@
body,ul,li,h1,h6,h2,h3,h4,h5,p {
margin: 0;
padding: 0;
list-style: none;
box-sizing: border-box;
}
body{
background: url("../img/下载.jpg");
}
a {
text-decoration: none;
}

654
历届学生/18课程/class18_2/项目/练习项目/周志威/淘宝/css/index.css Normal file
View File

@@ -0,0 +1,654 @@
.navigation{
width: 100%;
/* height: 35px; */
font-size: 12px;
/* transform: translate(0.1rem); */
color: #3C3C3C;
background: #f4f4f4;
border-bottom: 1px solid #eee;
/* display: flex; */
line-height: 30px;
box-sizing: border-box;
}
.naigation_center{
width: 80%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.naigation_center i{
margin-right: 7px;
font-size: 10px;
color: #9c9c9c;
/* transform: scale(0.2); */
}
.navigation_left{
display: flex;
position: relative;
transform: scale(0.8);
}
.navigation_left a:hover{
height: 34px;
background: #FFF;
color: #fd5632;
}
.navigation_right{
display: flex;
transform: scale(0.8);
}
.navigation_right li:hover{
color: #fd5632;
}
.dropmenu {
display: none;
overflow-y: scroll;
width: 150px;
height: 80px;
position: absolute;
}
ul li:hover .dropmenu {
display: block;
background: #FFF;
}
.item:hover{
background: #f4f4f4;
}
.dropmenu1 {
display: none;
width: 160px;
height: 110px;
position: absolute;
/* display: flex; */
display: none;
}
.dropmenu1 a{
display: block;
text-align: center;
border: 1px solid #FFE8DE;
background: #FFF0E8;
padding: 4px 0;
}
ul li:hover .dropmenu1 {
display: block;
background: #FFF;
}
.dropmenu1 img{
width: 60px;
height: 60px;
float: left;
}
.ssssss{
display: flex;
flex-wrap: wrap;
align-self: flex-end;
margin-bottom: -4px;
}
.dropmenu1 .me_news {
font-size: 12px;
transform: scale(0.9);
}
.dropmenu1 .me_news1 {
font-size: 12px;
transform: scale(0.9);
margin-top: -10px;
}
.dropmenu1 .me_news1 p{
margin-bottom: -10px;
}
.dropmenu1 .me_news1 span{
}
.dropmenu1 .me_news {
display: flex;
}
.dropmenu3 {
display: none;
width: 150px;
height: 80px;
position: absolute;
}
ul li:hover .dropmenu3 {
display: block;
background: #FFF;
}
.more_navigation {
display: none;
width: 1200px;
height: 1000px;
position: absolute;
right: 0;
}
ul li:hover .more_navigation {
display: block;
background: #FFF;
}
.item:hover{
background: #f4f4f4;
}
.navigation_right li:nth-child(5){
margin-left: 7px;
}
.navigation_right li span{
margin-left: 4px;
margin-right: 7px;
}
.navigation_right a{
color: black;
}
.shop_img{
height: 50px;
background: #fd5632;
box-sizing: border-box;
display: flex;
}
.shop_img img{
width: 80%;
margin: 0 auto;
}
.search{
width: 100%;
margin-top: 33px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
}
.search_center{
width: 75%;
height: 88px;
margin: 0 auto;
display: flex;
justify-content: space-around;
align-items: center;
}
.search3{
height: 70px;
width: 57.5px;
display: flex;
align-items: center;
display: block;
position: relative;
border: 1px solid #e4e1e1;
box-sizing: border-box;
}
.search3 img{
width: 50px;
height: 50px;
display: block;
display: flex;
margin-top: 15px;
margin-left: 2.5px;
}
.search3 p{
font-size: 12px;
transform: scale(0.8);
line-height: 20px;
margin: 4px auto 0;
width: 78px;
color: #ff5000!important;
position: absolute;
top: -8px;
}
.search3 .search31{
height: 12px;
width: 12px;
text-align: center;
/* display: flex;
align-items: center;
display: block; */
position: relative;
border: 1px solid #dbdbdb;
position: absolute;
top: -1px;
margin-left: -14.5px;
}
.search3 .search31 a{
font-size: 12px;
transform: scale(0.8);
color: #ff5000!important;
position: absolute;
top: -2px;
margin-left: -3px;
}
.search2{
width: 630px;
height: 87px;
font-size: 12px;
}
.search2 .search2_ul1 li{
margin-right: 10px;
margin-left: 17px;
}
.search2 .search2_ul1 li:nth-child(2){
margin-right: 10px;
margin-left: 17px;
color: #ff5000 !important;
}
.search2 .search2_ul1 li:nth-child(3){
margin-right: 10px;
margin-left: 17px;
color: #ff5000 !important;
}
.search2 ul{
display: flex;
}
.search2 li{}
.search2 .search2_main{
position: relative;
}
.search2 .search2_main span{
width: 74px;
height: 40px;
background: #ff5000;
border-radius: 0 20px 20px 0;
color: white !important;
text-align: center;
line-height: 40px;
position: absolute;
right: 45px;
}
.search2 .search2_main img{
width: 19px;
height: 19px;
position: absolute;
top: 10px;
right: 140px;
}
.search2 .search2_main input{
width: 550px;
height: 35px;
border: solid 1.5px #ff5000;
padding-left: 30px;
background-image: url("../img/search.png");
/* background-image: url("../img/X8S7KFTUF1J~L{NC]\)\)39S3.png"); */
background-repeat: no-repeat;
background-color: #eee;
background-position:10px center;
background-size: 19px;
border-radius: 30px;
outline: 0;
}
.search2 .search2_ul2 li{
transform: scale(0.8);
}
.search2 .search2_baby{
width: 30px;
height: 20px;
background: #ff5000;
color: white;
border-top-left-radius:5px;
border-top-right-radius:5px;
text-align: center;
line-height: 20px;
}
.search2 .search2_baby{}
.search2 .search2_activity{
color: #ff5000 !important;
}
.content{
width: 100%;
height: 152px;
}
.content_top{
width: 80%;
margin: 5px auto;
display: flex;
justify-content: flex-start;
align-items: center;
}
.content_top img{
/* margin-top: 30px;
margin-left: 14%; */
height: 82px;
margin-left: 6%;
}
.seacher{
margin-left: 7%;
position: relative;
}
.seacher_top,.seacher_bot{
display: flex;
font-size: 12px;
}
.seacher_top_active{
background: linear-gradient(to right,#ff9000 0,#ff5000 100%);
border-radius: 5px 5px 0 0;
color: white !important;
font-weight: bold;
}
.seacher_top{
box-sizing: border-box;
padding: 2.5px 6px;
color: #f22e00;
position: relative;
top: 2.5px;
left: 7.5px;
}
.seacher_top li{
padding: 2.5px 6px;
}
.seacher input{
width: 580px;
height: 30px;
outline: 0;
border-radius: 15px;
border: 2px solid #f22e00;
padding-left: 32px;
}
.seacher_bot{
padding: 5px 0;
}
.seacher_bot li{
margin: 0 3px;
}
.input_c{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding-right:-3px;
padding-left: 15px;
box-sizing: border-box;
position: absolute;
top: 34px;
color: #7c7b7b;
}
.input_c .input_cb span{
color: white;
font-weight: bold;
background:#f22e00 ;
border-radius: 0 15px 15px 0;
padding: 6.5px 15px ;
}
input::-webkit-input-placeholder {
color: #aab2bd;
font-size: 12px;
}
.imprtent1{
width: 100%;
}
.imprtent{
width: 80%;
height: 600px;
margin: 0 auto;
display: flex;
}
.bot_l{
width: 190px;
}
.bot_l h2{
width: 190px;
text-align: center;
font-size: 16px;
background: #ff5000;
color: white;
height: 29px;
line-height: 29px;
}
.bot_r{
flex: 1;
display: flex;
flex-direction: column;
}
.bot_list{
padding-left: 20px;
box-sizing: border-box;
padding-top: 5px ;
border-left: 1px solid red;
border-right: 1px solid red;
border-bottom: 1px solid red;
height: 522px;
position: relative;
}
.bot_list li{
display: flex;
justify-content: space-between;
font-size: 13.5px;
padding: 10px 10px 0 0;
}
.bot_list li:hover .menu{
display: block;
}
.bot_list li a{
color: #7c7b7b;
}
.bot_list::-webkit-scrollbar {
display: none;
}
.menu{
border: 2px solid #f22e00;
box-sizing: border-box;
height: 522px;
width: 780px;
position: absolute;
top: 0;
left: 189px;
display: none;
}
.menu:{
display: block;
}
.menu_l{
width: 530px;
height: 100%;
background: white;
overflow-y: scroll;
float: left;
}
.menu_l p{
height: 34px;
line-height: 34px;
font-size: 16px;
color: #333;
}
.menu_r{
width: 245px;
height: 518px;
float: left;
padding-top: 10px;
box-sizing: border-box;
background: white;
}
.menu_r p{
text-align: center;
}
.menu_r_c{
width: 100%;
text-align: center;
}
.menu_r_c li{
margin: 4%;
}
.menu_r_c div{
width: 40%;
display: inline-block;
margin: 4%;
}
.menu_r_c div img{
width: 100%;
}
.r_top{
display: flex;
width: 100%;
justify-content: flex-start;
height: 29px;
align-items: center;
background: linear-gradient(to right,#ff9000 0,#ff5000 100%);
}
.r_top li{
padding: 0 10px;
color: white;
font-weight: bold;
cursor: pointer;
font-size: 14px;
position: relative;
}
.line::after{
content: "";
width: 2.5px;
height: 14px;
background: #ffffff;
position: absolute;
right: -0.5px;
top: 2.5px;
}
.r_bot{
flex: 1;
display: flex;
padding-top: 10px ;
padding-left: 10px;
box-sizing: border-box;
}
.r_bot_l{
width: 690px;
display: flex;
flex-direction: column;
}
.r_bot_r{
flex: 1;
}
.loop,.tab{
display: flex;
}
.tab{
flex: 1;
/* margin-top: 90px; */
}
.tab_top{
display: flex;
justify-content: space-between;
}
.loopimg{
margin: 0px 10px 10px 0px;
}
.tabimg{
}
.r_bot_r{
margin-left:10px ;
padding-top: 10px;
box-sizing: border-box;
background: rgba(224, 224, 224, 0.582);
}
.tabimg img{
width: 49%;
height: 100%;
}
.login img{
margin-left: 50%;
transform: translate(-50%);
border-radius: 100%;
}
.act{
width: 100%;
text-align: center;
}
.botton{
margin-top: 15px;
display: flex;
justify-content: space-around;
margin-bottom: 8px;
}
.botton li{
padding: 1px 17px;
background: #ff5000;
color: white;
border-radius: 5px;
}
.fx{
width: 100%;
border-top:1px solid #aab2bdd2 ;
border-bottom:1px solid #aab2bdd2 ;
height: 70px;
}
.fx img{
width: 100%;
height: 100%;
}
.tabnews {
height: 70px;
width: 100%;
padding: 10px 0;
box-sizing: border-box;
}
.tabnews ul{
height: 50px;
width: 100%;
display: flex;
justify-content: space-around;
align-items: center;
}
.last{
width: 315px;
margin-top: 10px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
height: 154px;
}
.last li{
width: 25%;
border: 1px solid #aab2bd;
box-sizing: border-box;
}
.last p{
}
.app_t{
display: flex;
justify-content: space-between;
}
.app_b{
display: flex;
justify-content: space-around;
}
.app_b li{
flex: 1;
}
.app_b li{
width: 70%;
height: 70%;
}

9
历届学生/18课程/class18_2/项目/练习项目/周志威/淘宝/css/public.css Normal file
View File

@@ -0,0 +1,9 @@
body,ul,li,h1,h6,h2,h3,h4,h5,p {
margin: 0;
padding: 0;
list-style: none;
}
a {
text-decoration: none;
}

651
历届学生/18课程/class18_2/项目/练习项目/周志威/淘宝/css/taobao.css Normal file
View File

@@ -0,0 +1,651 @@
.navigation{
width: 100%;
font-size: 12px;
color: #3C3C3C;
background: #f4f4f4;
/* border-bottom: 1px solid #eee; */
line-height: 30px;
box-sizing: border-box;
}
.naigation_center{
width: 80%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.naigation_center i{
margin-right: 7px;
font-size: 10px;
color: #9c9c9c;
/* transform: scale(0.2); */
}
.navigation_left{
display: flex;
position: relative;
transform: scale(0.8);
}
.navigation_left a:hover{
height: 34px;
background: #FFF;
color: #fd5632;
}
.navigation_right{
display: flex;
transform: scale(0.8);
}
.navigation_right li:hover{
color: #fd5632;
}
.dropmenu {
display: none;
overflow-y: scroll;
width: 150px;
height: 80px;
position: absolute;
}
ul li:hover .dropmenu {
display: block;
background: #FFF;
}
.item:hover{
background: #f4f4f4;
}
.dropmenu1 {
display: none;
width: 160px;
height: 110px;
position: absolute;
/* display: flex; */
display: none;
}
.dropmenu1 a{
display: block;
text-align: center;
border: 1px solid #FFE8DE;
background: #FFF0E8;
padding: 4px 0;
}
ul li:hover .dropmenu1 {
display: block;
background: #FFF;
}
.dropmenu1 img{
width: 60px;
height: 60px;
float: left;
}
.ssssss{
display: flex;
flex-wrap: wrap;
align-self: flex-end;
margin-bottom: -4px;
}
.dropmenu1 .me_news {
font-size: 12px;
transform: scale(0.9);
}
.dropmenu1 .me_news1 {
font-size: 12px;
transform: scale(0.9);
margin-top: -10px;
}
.dropmenu1 .me_news1 p{
margin-bottom: -10px;
}
.dropmenu1 .me_news1 span{
}
.dropmenu1 .me_news {
display: flex;
}
.dropmenu3 {
display: none;
width: 150px;
height: 80px;
position: absolute;
}
ul li:hover .dropmenu3 {
display: block;
background: #FFF;
}
.more_navigation {
display: none;
width: 1200px;
height: 1000px;
position: absolute;
right: 0;
}
ul li:hover .more_navigation {
display: block;
background: #FFF;
}
.item:hover{
background: #f4f4f4;
}
.navigation_right li:nth-child(5){
margin-left: 7px;
}
.navigation_right li span{
margin-left: 4px;
margin-right: 7px;
}
.navigation_right a{
color: black;
}
.shop_img{
height: 50px;
background: #fd5632;
box-sizing: border-box;
display: flex;
}
.shop_img img{
width: 80%;
margin: 0 auto;
/* z-index: 99; */
}
.search1{
width: 100%;
display: flex;
justify-content: space-between;
}
.search2{
width: 80%;
height: 88px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: flex-end;
}
.search2_tow .tow_a1 li{
color: #F40;
text-align: center;
width: 36px;
height: 22px;
line-height: 22px;
margin-right: 4px;
cursor: pointer;
font-size: 12px;
}
.search2_tow{
width: 630px;
height: 87px;
padding-bottom:-20px;
}
.search2_tow .tow_a1{
display: flex;
padding-left: 18px;
}
.search2_tow .tow_bc{
background: linear-gradient(to right,#ff9000 0,#ff5000 100%);
color: #fff !important;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.title_key{
display: flex;
font-size: 12px;
}
.title_key li{
margin-right: 5px;
}
.input_main{
/* width: 100%;
display: flex;
flex: 1;
height: 40px;
justify-content: space-between;
position: relative; */
display: flex;
height: 40px;
}
.input_left{
width: 556px;
border: 2px solid #ff5000;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
position: relative;
overflow: hidden;
border-right: none;
}
.input_left input{
width: 100%;
height: 100%;
box-sizing: border-box;
border: none;
/* outline: none; */
padding-left: 25px;
padding-right: 60px;
}
.input_left i{
position: absolute;
top: 25%;
/* left: 10px; */
color: #666;
font-size: 16px;
}
.icon-xiangji{
transform: scale(1.4);
right: 10px;
}
.icon-sousuo{
left: 10px;
}
.input_main .input_right{
flex: 1;
background: linear-gradient(to right,#ff9000 0,#ff5000 100%);
color: #fff;
text-align: center;
line-height: 40px;
font-size: 18px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.imprtent{
width: 100%;
height: 500px;
}
.imprtent_one{
width: 90%;
height: 500px;
margin: 0 auto;
/* background: red; */
display: flex;
}
.imprtent_onel{
box-sizing: border-box;
width: 12%;
height: 100%;
/* background: blue; */
display: flex;
flex-direction: column;
}
.imprtent_onel .menu_top{
width: 100%;
height: 30px;
background: hotpink;
/* line-height: calc(100% - 30px); */
font-size: 16px;
text-align: center;
line-height: 30px;
color: white;
}
.imprtent_onel .menu_bottom{
box-sizing: border-box;
flex: 1;
/* background: grey; */
/* position: relative; */
border-left: 1px solid red;
border-right: 1px solid red;
}
.menu_bottom ul li{
display: flex;
justify-content: space-between;
font-size: 12px;
margin-bottom: 10px;
}
.menu_bottom ul li:first-child{
margin-top: 10px;
}
.menu_bottom ul{
}
.menu2_bottom .aa{
position: relative;
}
.dropmenu2{
display: none;
/* overflow-y: scroll; */
width: 500px;
height: 500px;
position: absolute;
left: 345px;
background: white;
}
.dropmenu2_left{
width: 300px;
height: 100%;
overflow: scroll;
box-sizing: border-box;
}
.dropmenu2_left .aa1{}
.aa li:hover .dropmenu2{
display: block;
}
.aa1 p{
font-size: 20px;
margin-bottom: 20px;
}
.aa1 .aa2 span{
/* padding-top: 20px; */
}
.imprtent_oner{
flex: 1;
/* background: green; */
display: flex;
flex-direction: column;
/* display: flex; */
}
.dropmenu2_right{
width: 200px;
float: left;
}
.menu_bottom li:hover .menu{
display: block;
}
.menu_bottom li a{
color: #7c7b7b;
}
.menu_bottom::-webkit-scrollbar {
display: none;
}
.menu{
border: 2px solid #f22e00;
box-sizing: border-box;
height: 470px;
width: 780px;
position: absolute;
top: 197.1px;
left: 199px;
display: none;
}
.menu:{
display: block;
}
.menu_l{
width: 530px;
height: 100%;
background: white;
overflow-y: scroll;
float: left;
}
.menu_l p{
height: 34px;
line-height: 34px;
font-size: 16px;
color: #333;
}
.menu_r{
width: 245px;
height: 518px;
float: left;
padding-top: 10px;
box-sizing: border-box;
background: white;
}
.menu_r p{
text-align: center;
}
.menu_r_c{
width: 100%;
text-align: center;
}
.menu_r_c li{
margin: 4%;
}
.menu_r_c div{
width: 40%;
display: inline-block;
margin: 4%;
}
.menu_r_c div img{
width: 100%;
}
.r_top{
display: flex;
width: 100%;
justify-content: flex-start;
height: 29px;
align-items: center;
background: linear-gradient(to right,#ff9000 0,#ff5000 100%);
}
.imprtent_oner .menu2_top{
width: 100%;
height: 30px;
background: rgb(255, 167, 211);
display: flex;
}
.menu2_top span{
margin-left: 20px;
counter-reset: 12px;
color: white;
}
.imprtent_oner .menu2_bottom{
flex: 1;
/* background:gold */
display: flex;
}
.menu2_bottom{
flex: 1;
}
.menu2_bottom .middle{
width: 70%;
height: 100%;
}
.middle .img_top{}
.middle .img_bottom{
flex: 1;
display: flex;
}
.img_bottoml{
width: 500px;
font-size: 12px;
box-sizing: border-box;
}
.btl_top{
display: flex;
justify-content: space-between;
}
.btl_top .tianmaol{
display: flex;
}
.btl_topminde{
width: 100%;
height: 2px;
border: 2px solid red;
}
.tianmaor span:nth-child(1){
color: red;
}
.userinfo{
flex: 1;
}
.btl_bottom{
box-sizing: border-box;
}
.btl_bottom img{
width: 245px;
height: 165px;
}
.img_bottomr{
font-size: 12px;
flex: 1;
margin-left: 30px;
}
.img_bottomr img{
height: 165px;
}
.userinfo {
flex: 1;
/* width: 290px;
height: 500px; */
}
.login {
background: url("../userback.png");
background-size: 290px 145px;
background-repeat: no-repeat;
background-position: 0 0;
height: 137px;
text-align: center;
padding-top: 5px;
font-size: 0;
}
.login img {
width: 50px;
height: 50px;
border-radius: 100%;
}
.login p {
font-size: 12px;
color: #3c3c3c;
margin-top: 4px;
margin-bottom: 3px;
}
.login {}
.login ul{
display: flex;
justify-content: center;
}
.login li{
background: #ffe4db;
display: flex;
padding-right: 10px;
border-radius: 9px;
margin-right: 8px;
}
.login li:last-child {
margin-right: 0 !important;
}
.login li .jb{
height: 16px;
width: 16px;
background: url("https://img.alicdn.com/tfs/TB1tyFSXm_I8KJjy0FoXXaFnVXa-48-1194.png");
background-size: 24px 597px;
background-position: 0 -572.5px;
margin-right: 3px;
}
.login li span{
font-size: 12px;
color: #ff5000;
}
.buttons {
display: flex;
justify-content: center;
margin-top: 9px;
}
.button {
font-size: 14px;
color: #fff;
text-align: center;
height: 25px;
line-height: 25px;
width: 75px;
border-radius: 4px;
background: linear-gradient(to right,#ff5000 0,#ff6f06 100%);
}
.login_button {
width: 92px !important;
}
.reg_button {
margin: 0 7px;
}
.gg {
width: 100%;
}
.gg img{
width: 135px;
height: 30Spx;
}
.news {
margin-top: 7px;
padding: 0 8px;
}
.news_title {
display: flex;
justify-content: space-around;
align-items: center;
height: 25px;
}
.news_title .item{
font-size: 12px;
color: #3C3C3C;
}
.news_content {
font-size: 12px;
color: #3c3c3c;
padding: 6px 5px;
}
.jgg {
margin-top: 10px;
display: flex;
flex-wrap: wrap;
border-top: 1px solid #f4f4f4;
border-left: 1px solid #f4f4f4;
}
.jgg li{
text-align: center;
width: 25%;
border-right: 1px solid #f4f4f4;
border-bottom: 1px solid #f4f4f4;
box-sizing: border-box;
height: 75px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.jgg li .jlt{
width: 24px;
height: 24px;
background: url("https://img.alicdn.com/tfs/TB1tyFSXm_I8KJjy0FoXXaFnVXa-48-1194.png");
background-size: 24px 597px;
margin-bottom: 6px;
}
.jgg li:nth-child(1) .jlt{
background-position: 0 0;
}
.jgg li:nth-child(1) .jlt{
background-position: 0 -87px;
}
.jgg li p{
font-size: 12px;
color: #333;
}
.title{
font-size: 12px;
display: flex;
justify-content: space-between;
}
.app ul{
display: flex;
justify-content: space-around;
}
.app ul li img{
width: 24px;
height: 24px;
}