基于HTML编码的基础

有人能帮我处理我的产品购物车页面吗？我找不到我在哪里犯了错误

.body{
显示：-webkit flex；
显示：-ms flexbox；
显示器：flex；
最小高度：100vh；
-webkit柔性方向：列；
-ms-flex方向：列；
弯曲方向：立柱；
}
梅因先生{
-webkit-flex:1；
-ms-flex:1；
弹性：1；
}
.mainWrapper{
位置：相对位置；
宽度：100%；
最小宽度：320px；
最小高度：1000px；
填充：0；
边距：0！重要；
背景：径向梯度（#303d55，#2f3352）；
}
1.wrappen_街区{
位置：相对位置；
宽度：100%；
身高：100%；
}
.main背景{
宽度：100%；
最小高度：1000px；
背景：url（“../img/bgRectangl.png”）左中心不重复，url（../img/bgPhons.png”）中心不重复，url（../img/layer-3-copy-2.png”）中心不重复，url（../img/mainBg.png”）中心不重复；
}
.productCard_block{
位置：相对位置；
利润率：190px自动0；
最大宽度：800px；
最小高度：600px；
盒影：0 5px21px rgba（0,0,0,0.08）；
背景色：#fff；
}
/*左侧*/
.productCard_左侧{
位置：相对位置；
宽度：100%；
最小高度：600px；
}
.productCard_brendBlock{
宽度：100%；
高度：75px；
位置：绝对位置；
排名：0；
左：0；
最大宽度：184像素；
最大高度：75px；
背景色：#272727；
z指数：2；
}
.productCard\u brendBlock\u图像块{
显示：块；
身高：100%；
}
.productCard\u brendBlock\u图像块img{
位置：绝对位置；
显示：块；
最高：50%；
左：50%；
-webkit转换：翻译（-50%，-50%）；
-ms转换：翻译（-50%，-50%）；
转换：翻译（-50%，-50%）；
}
.滑锁{
位置：相对位置；
身高：100%；
左边距：70像素；
边缘顶端：89px；
边缘底部：46px；
溢出：隐藏；
}
.sliderBlock_项目{
位置：相对位置；
显示：块；
宽度：100%；
高度：403px；
}
.sliderBlock\u项目\u项目照片{
位置：绝对位置；
宽度：100%；
身高：100%；
不透明度：0；
z指数：2；
过渡：不透明度1s；
}
.滑块锁定\u项目\u显示{
不透明度：1；
z指数：3；
}
.sliderBlock_项目：之后{
内容：''；
位置：绝对位置；
宽度：100%；
身高：100%；
排名：0；
左：0；
背景：url（“../img/decorrelations/DecorRectangle.png”）50%50%无重复；
不透明度：0.2；
z指数：4；
}
.滑块锁定控制{
宽度：100%；
}
.sliderBlock\u控件\u导航{
边缘顶部：8px；
宽度：100%；
}
.sliderBlock\u控件\uu包装器{
利润率：1%自动；
宽度：110px；
高度：20px；
}
.滑块锁定控件箭头{
位置：相对位置；
宽度：24px；
高度：24px；
光标：指针；
边框：1px实心#536dfe；
过渡：300ms全部；
背景色：#0d2660；
边界半径：50%；
}
.滑块锁定控件箭头：悬停{
背景色：#536dfe；
}
.滑块锁定控件箭头i{
位置：绝对位置；
宽度：100%；
身高：100%；
最高：50%；
左：50%；
左边缘：-50%；
利润率最高：-50%；
颜色：#fff；
过渡：300ms全部；
字体大小：粗体；
文本对齐：居中；
字体大小：20px；
}
.滑块锁定控件箭头向后{
浮动：左；
}
.滑块锁定控件箭头向前{
浮动：对；
}
.滑锁位置控制{
显示：块；
宽度：100%；
高度：3倍；
利润率：30px自动0；
}
.滑块锁定位置控制分页项{
浮动：左；
宽度：18px；
高度：10px；
左边距：5px；
背景色：#D7D7D7；
光标：指针；
}
.sliderBlock_positionControls__paginatorItem:第一个子项{
左边缘：31%；
}
.滑块锁定位置控制处于活动状态{
背景色：#536dfe；
}
/*右侧*/
.productCard_右侧{
位置：相对位置；
填充顶部：34px；
左侧填充：27px；
右边填充：40px；
宽度：100%；
最小高度：600px；
}
.block_规范{
浮动：对；
边缘顶部：8px；
光标：指针；
颜色：#536dfe；
过渡：均为0.5s；
}
.块规格按钮{
显示：内联块；
右边距：7px；
身高：100%；
字号：17px；
文本转换：大写；
-webkit变换：旋转（0）；
-ms变换：旋转（0）；
变换：旋转（0）；
转换：-webkit转换0.5s；
转变：转变0.5s；
转换：转换0.5s，-webkit转换0.5s；
-webkit变换原点：中心；
-ms变换原点：中心；
变换原点：中心；
}
.块规格：悬停。块规格按钮旋转{
转换：-webkit转换0.5s；
转变：转变0.5s；
转换：转换0.5s，-webkit转换0.5s；
-webkit变换：旋转（1圈）；
-ms变换：旋转（1圈）；
变换：旋转（1圈）；
}
.block_规范：悬停{
颜色：#f1425d；
}
.block\u规范\u文本{
宽度：30px；
高度：11px；
字体系列：“titilliumweb”，无衬线；
字体大小：14px；
字号：600；
文本转换：大写；
}
.block_模型{
显示：内联块；
颜色：#263238；
字体大小：12px；
不透明度：0.9；
}
.block_名称{
宽度：100%；
颜色：#263238；
字体大小：400；
线高：35px；
}
.block\u name\u main name{
保证金：0；
填充：0；
字体大小：29px；
}
.block\u name\u addName{
保证金：0；
填充：0；
字体大小：24px；
}
.block_产品{
位置：相对位置；
宽度：100%；
}
.block_产品优势产品{
宽度：271px；
高度：41px；
边缘顶部：14px；
颜色：#646b6f；
字号：17px；
线高：24px；
}
.block_产品链接{
线高：23px；
颜色：#536dfe；
}
.block_关于设备的信息{
位置：相对位置；
宽度：100%；
溢出：隐藏；
}
.block_说明信息{
宽度：304px；
高度：104px；
边缘顶部：10px；
字体大小：14px；
字体大小：400；
线高：23px；
颜色：#263238；
}
.block_描述特征{
位置：绝对位置；
排名：0；
左：100%；
宽度：100%；
身高：100%；
z指数：30；
过渡：向左，向外，0.5s；
}
.block\u description特征\u活动{
左：0；
}
@-webkit关键帧moveCharackeristic{
0%
<div class="row">
    <div class="column medium-6"> Stars goes here </div>
    <div class="column medium-6"> Point rating and review count </div>
</div>
<div class="row price-holder">
    <div class="column medium-6"> Price goes here </div>
    <div class="column medium-6"> Color selector </div>
</div>
<div class="row">
    <div class="column medium-6"> Quantity selector </div>
    <div class="column medium-6"> Add to cart button </div>
</div>