菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 梁洁-20221021-项目实战第三天 [打印本页]

作者: 梁杰，你好 时间: 2022-10-22 00:29
标题: 梁洁-20221021-项目实战第三天

/* 顶部详情选择 */
.detail-top{
color: #666;
font-size: 12px;
padding: 10px 0;
}
/* 中部左 */
.detail-middle-left{
float: left;
}

.m-pic {
width: 398px;
height: 398px;
border: 1px solid #ccc;
}
.m-small-pic{
text-align: center;
}
.m-pic img{
width: 398px;
height: 398px;
}
.m-small-pic img{
float: left;
width: 64px;
height: 64px;
}
.m-small-pic span{
float: left;
border: 2px solid #666;
border-radius: 50%;
padding: 10px;
margin-top: 13px;

}
/* 左边部分完成 */
/*  中间右边部分*/
.detail-middle-right{
float: right;
width: 720px;
height: 475px;

}
.detail-middle-right h1{
font-size: 24px;
color: #666;
}
.lable{
padding: 10px 20px 10px 10px;
}
.m-r-jiage {
margin-top: 20px;
font-size: 12px ;
color: #666;
overflow: hidden;
background-color: #f0f0f0;
}
.m-r-jiage .price{
font-size: 26px;
color: #ca141d;
}
.m-r-jiage .jiangjia{
padding-left: 10px;
font-size: 14px;
color: #ca141d;
}
.m-r-jiage .huodong{
border: 1px solid #ca141d;
color: #ca141d;
padding:2px 3px 2px 3px ;
}
.m-r-jiage .jiage1{
margin-top: 20px;
}
.m-r-jiage .jiage2{
margin-top: 20px;
}
.m-r-jiage .jiage3{
margin-top: 20px;
padding-bottom: 30px;
}
/* 选择部分开始 */
.m-r-xuanze{
margin-top: 20px;
font-size: 12px;
color: #666;
}
.m-r-xuanze div{
height: 47px;
margin-top: 10px;
line-height: 47px;
}
.m-r-xuanze a{

border: 2px solid #f0f0f0;
margin-left: 20px;
padding: 12px 20px;
}
/* 选择完成 */
.m-r-car{
height: 50px;
width: 720px;
margin-top: 20px;
}
.m-r-car input{
float: left;
height: 48px;
width: 78px;
border: 1px solid #ccc;
text-align: center;
line-height: 48px;
}
.m-r-car div{
float: left;
}
.shuliang{
width: 100px;
}
.shuliang .reduce{
cursor: not-allowed;
}
.shuliang a{
float: left;
width: 18px;
height: 23px;
text-align: center;
background-color:#f0f0f0 ;
border: 1px  solid #ccc;
}
.cheche{
margin-left: 40px;
}
.cheche a{
display: inline-block;
width: 200px;
height:50px;
background-color:#C81623 ;
color: #fff;
font-size: 20px;
text-align: center;
line-height: 50px;
}

/* 下半部分左边 */
.goods-info{
margin-top: 20px;
}
.shop-info {
float: left;
width: 220px;
border: 1px solid #ccc;
text-align: center;
}
.shop-info span{
float: left;
height: 41px;
width: 110px;
text-align: center;
line-height: 41px;
border-bottom: 1px  solid  #C81623;
}

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)