first commit

历届学生/韩想/项目开发/练习项目/静态页面作业/赵俊凯/pc端/css/clear.css

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

历届学生/韩想/项目开发/练习项目/静态页面作业/赵俊凯/pc端/css/index.css

@@ -0,0 +1,246 @@
+.header{
+    width: 100%;
+    position: relative;
+}
+.header .logo{
+    width: 100%;
+}
+.header_conten{
+    position: absolute;
+    top: 136px;
+    left: 294px;
+}
+.conten_logo img:nth-child(1){
+    width: 281px;
+    margin-right: 24px;
+}
+.conten_logo img:nth-child(2){
+    width: 180px;
+    margin-bottom: 8px;
+}
+.header_conten p:nth-child(2){
+    margin-top: 10px;
+    color:rgb(255, 255, 255) ;
+    font-size: 15px;
+}
+.down{
+    width: 135px;
+    height: 40px;
+    background: #fff;
+    border-radius: 20px;
+    text-align: center;
+    line-height: 40px;
+    font-size: 14px;
+    color: rgb(46, 51, 58);
+    margin-top: 25px;
+}
+.down img{
+    width: 11px;
+    height: 18px;
+    vertical-align: sub;
+}
+.header_list{
+    width: 100%;
+    height: 43px;
+    background: rgb(0 0 0 / 70%);
+    line-height: 43px;
+    position: absolute;
+    bottom: 3px;
+    left: 0px;
+}
+.header_list img{
+    width: 16px;
+    height: 16px;
+    margin-left: 294px;
+    vertical-align: sub;
+}
+.header_list span{
+    color: rgb(255, 255, 255);
+    font-size: 12px;
+    transform: scaleY(0.75);
+}
+.content{
+    width: 100%;
+}
+.content_top{
+    width: 475px;
+    margin: 0 auto;
+}
+.content_top img{
+    width: 475px;
+}
+.content_top p{
+    font-family: PingFangSC-Regular;
+    font-size: 18px;
+    color: rgb(46, 51, 58);
+    margin-top: 10px;
+    text-align: center;
+}
+.content_tx{
+display: flex;
+justify-content: center;
+margin-top: 45px;
+}
+.list{
+width: 104px;
+margin: 0px 28px;
+text-align: center;
+}
+.list img{
+    width: 80px;
+    height: 80px;
+}
+.list p{
+    font-size: 14px;
+    color: rgb(46, 51, 58);
+    margin-top: 12px;
+}
+.pic{
+    width: 1330px;
+    margin: 0 auto;
+    position: relative;
+    margin-top: 25px;
+    margin-bottom: 60px;
+}
+.pic .lm{
+    width: 100%;
+}
+.pic_left{
+    position: absolute;
+    top: 227px;
+    left: 18px;
+}
+.pic_right{
+    position: absolute;
+    top: 227px;
+    right: 18px;
+}
+.pic_left img{
+    width: 26px !important;
+    height: 26px;
+}
+.pic_right img{
+    width: 26px !important;
+    height: 26px;
+}
+.pic .wm{
+    position: absolute;
+    top:175px;
+    left: 0px;
+    width: 100%;
+}
+.lw{
+    display: flex;
+    justify-content: center;
+    margin-top: 21px;
+}
+.lw_l{
+    position: relative;
+}
+.lw_l .bjt{
+    width: 368px;
+    z-index: -1;
+}
+.lw_ll{
+    position: absolute;
+    top: 80px;
+    left: 104px;
+    text-align: center;
+}
+.lw_ll .lwpic{
+    width: 158px;
+    display: block;
+}
+.lw_ll .lwwz{
+    width: 128px;
+    
+}
+.lw_ll p{
+    line-height: 29px;
+    font-family: PingFangSC-Regular;
+    font-size: 21px;
+    color: rgba(46, 51, 58, 0.7);
+    margin-top: 17px;
+}
+.ty{
+    margin: 75px;
+    width: 1041px;
+    margin: 0 auto;
+}
+.ty_pic{
+    margin-top: 44px;
+}
+.ty_pic img{
+    width: 1041px;
+}
+.bq{
+    width: 371px;
+    background: rgb(255, 255, 255);
+    border-radius: 1vw;
+    box-shadow: rgba(0, 0, 0, 0.08) 0px 0.2vw 1.6vw 0px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0 auto;
+    margin-top: 100px;
+}
+.bq_left{
+    margin-right: 10px;
+}
+.bq_left h3{
+    line-height: 24px;
+    font-family: PingFangSC-Regular;
+    font-size: 24px;
+    color: rgb(46, 51, 58);
+    font-weight: 500;
+}
+.bq_left p{
+    color: rgba(46, 51, 58, 0.804);
+    line-height: 19px;
+    font-size: 13px;
+    margin-top: 15px;
+}
+.bq img{
+    width: 159px;
+    margin: 15px  15px 15px 0px;
+}
+.footer{
+    margin-top: 105px;
+    background: rgb(255, 255, 255);
+    box-shadow: rgb(224, 224, 224) 0px -1px 0px 0px;
+}
+.footer_top{
+    width: 80%;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    margin: 0 auto;
+    padding-top: 52px;
+}
+.footer_top div img{
+    width: 47px;
+    margin-right: 12px;
+    vertical-align: middle;
+}
+.footer_top div span{
+    font-family: PingFangSC-Semibold;
+    font-size: 15px;
+    color: rgb(46, 51, 58);
+}
+.footer p{
+    margin-top: 40px;
+    text-align: center;
+    line-height: 42px;
+}
+.footer_dibu{
+    text-align: center;
+    margin-top: 70px;
+    margin-bottom: 17px;
+}
+.footer .footer_dibu img{
+    width: 80px;
+    margin-right: 18px;
+}
+.footer .footer_dibu .gh{
+    width: 18px;
+}

历届学生/韩想/项目开发/练习项目/静态页面作业/赵俊凯/pc端/css/public.css

@@ -0,0 +1,20 @@
+.left{
+float: left;
+}
+
+.right{
+    float: right;
+}
+
+.width_1226{
+   width: 1226px;
+   margin: 0 auto; 
+}
+
+.center{
+    text-align: center;
+}
+.p_75{
+    padding: 0px 0.75rem;
+    box-sizing: border-box;
+}