@charset "UTF-8";
/*楼层颜色*/
/*字体颜色*/
/*拓展样式*/
/*清除边距*/
.no-padding { padding: 0 !important; }

/*文字链接*/
.mc-text-link { margin: 0 5px; color: #5bbfa5; }
.mc-text-link:hover { color: #5bbfa5; }
.mc-text-link .badge-xs { margin-top: -15px; margin-left: -2px; }

/*小徽章*/
.badge-xs { padding: 2px 5px; font-weight: 500; }

/*文字链接加下拉菜单*/
.mc-drop-down { display: inline-block; position: relative; }
.mc-drop-down .mc-text-link { color: #333; }
.mc-drop-down .mc-text-link .iconfont { width: 10px; height: 10px; display: inline-block; }
.mc-drop-down .mc-text-link .iconfont:before { content: '\ec5b'; }
.mc-drop-down .sub-menu { height: 0; overflow: hidden; display: block; position: absolute; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); z-index: 9; top: 33px; left: -10px; margin: 0; padding: 0; list-style: none; }
.mc-drop-down .sub-menu .menu-link-item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; padding: 5px 20px; font-size: 13px; line-height: 2; margin: 0 auto; color: #989898; border-bottom: 1px solid #e8e8e8; }
.mc-drop-down .sub-menu .menu-link-item:hover { background: #f8f8f8; color: #5bbfa5; }
.mc-drop-down .sub-menu:last-child { border-bottom: none; }
.mc-drop-down:hover .mc-text-link .iconfont:before { content: '\ec5e'; }
.mc-drop-down:hover .sub-menu { height: auto; border: 1px solid #e8e8e8; }

/*分割线*/
.mc-text-split { font-size: 12px; color: #989898; margin: 0 5px; }

/*顶部搜索栏*/
.mc-search-box .btn-lg { font-size: 14px; padding: 13px 16px; }
.mc-search-box .btn-lg .caret { margin-left: 10px; }
.mc-search-box .search-btn { background: #5bbfa5 !important; color: #fff; padding: 13px 25px; }

/*顶部购物车*/
.mc-cart-box { position: relative; }
.mc-cart-box .cart-link-box { display: block; width: 120px; height: 45px; line-height: 45px; position: relative; z-index: 9; text-align: center; border: 1px solid #e8e8e8; border-radius: 5px; color: #989898; font-size: 14px; }
.mc-cart-box .cart-link-box .iconfont { font-size: 24px; }
.mc-cart-box .cart-link-box .badge-xs { position: absolute; right: 5px; top: 5px; background: #5bbfa5; }
.mc-cart-box .cart-main-box { width: 350px; max-height: 300px; min-height: 150px; border: 1px solid #e8e8e8; position: absolute; z-index: 9; right: 0; top: 45px; display: none; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
.mc-cart-box:hover .cart-link-box { border-radius: 5px 5px 0 0; border-bottom: none; }
.mc-cart-box:hover .cart-main-box { display: block; }
.mc-cart-box:hover .cart-main-box:after { content: ''; width: 118px; height: 2px; background: #fff; position: absolute; top: -1px; right: 1px; }

/*全部商品分类*/
.mc-category-box { position: relative; width: 240px; height: 40px; z-index: 9; }
.mc-category-box .all-link { display: block; width: 240px; height: 45px; background: #5bbfa5; color: #fff; text-align: center; line-height: 45px; border-radius: 10px 10px 0 0; font-size: 16px; }
.mc-category-box .category-menu { list-style: none; width: 240px; position: absolute; margin: 0; padding: 0; background: #0063ff; z-index: 9; display: none; }
.mc-category-box .category-menu .item { width: 240px; color: #fff; border-bottom: 1px solid #1d2b48; }
.mc-category-box .category-menu .item .item-main { padding: 20px; position: relative; overflow: hidden; }
.mc-category-box .category-menu .item .item-main .arrow-right { position: absolute; width: 20px; height: 20px; right: 5px; top: 50%; color: #acb4c3; margin-top: -10px; }
.mc-category-box .category-menu .item .item-main .cat-icon { display: block; width: 40px; height: 40px; float: left; text-align: left; line-height: 40px; font-size: 28px; }
.mc-category-box .category-menu .item .item-main .tit { font-size: 16px; line-height: 40px; margin: 0; padding: 0; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; }
.mc-category-box .category-menu .item .item-main .sub-menu { padding-left: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mc-category-box .category-menu .item .item-main .sub-menu .sub-link { display: inline-block; font-size: 12px; margin-right: 10px; color: #fff; }
.mc-category-box .category-menu .item .sub-box { width: 960px; height: 396px; background: #fff; border: 1px solid #e8e8e8; border-left: none; position: absolute; left: 240px; top: 0; box-shadow: 10px 5px 20px #e0eaff; -webkit-box-shadow: 10px 5px 20px #e0eaff; display: none; padding: 20px; color: #333; }
.mc-category-box .category-menu .item:hover .item-main { background: #2c4371; cursor: pointer; }
.mc-category-box .category-menu .item:hover .item-main:after { content: ''; width: 100%; height: 150%; position: absolute; top: -25%; left: 0; background: transparent; pointer-events: none; box-shadow: -20px 0 20px #263f71 inset; }
.mc-category-box .category-menu .item:hover .sub-box { display: block; }
.mc-category-box:hover .category-menu { display: block; }

#index .mc-category-box .category-menu { display: block; }

/*图标文字排版 左图标右边文字及描述*/
.mc-icon-item .iconfont { display: block; width: 50px; height: 50px; font-size: 48px; line-height: 50px; text-align: center; float: left; margin-right: 10px; }
.mc-icon-item .text-cell { padding: 5px 0; }
.mc-icon-item .text-cell .cell-tit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mc-icon-item .text-cell .cell-info { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

/*图标排版，左图右文字，垂直居中*/
.mc-icon-text2:after { display: block; content: ''; height: 0; overflow: hidden; clear: both; }
.mc-icon-text2 .iconfont { display: block; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; text-align: center; font-size: 18px; color: #fff; background: #5bbfa5; float: left; }
.mc-icon-text2 .text-cell { height: 30px; line-height: 30px; float: left; margin-left: 5px; font-size: 16px; color: #333; }

/*自定义tab切换样式1*/
.mc-tabs-style1 .nav-tabs2 { height: 48px; border-bottom: 1px solid #e8e8e8; padding: 0 10px; }
.mc-tabs-style1 .nav-tabs2 .tabs-tit { width: 100px; font-size: 16px; line-height: 48px; color: #333; float: left; }
.mc-tabs-style1 .nav-tabs2 li { display: inline-block; float: right; }
.mc-tabs-style1 .nav-tabs2 li a { padding: 0 10px; font-size: 14px; line-height: 46px; color: #989898; }
.mc-tabs-style1 .nav-tabs2 .active { border-bottom: 3px solid #ff7300; }
.mc-tabs-style1 .tab-content { padding: 10px; }

/*通栏标题行*/
.mc-index-title { position: relative; padding: 0 0 20px; line-height: 30px; }
.mc-index-title:after { display: block; content: ''; height: 0; overflow: hidden; clear: both; }
.mc-index-title .tit-icon { display: block; width: 30px; height: 30px; font-size: 30px; line-height: 30px; color: #5bbfa5; float: left; margin-right: 10px; }
.mc-index-title .tit { float: left; margin: 0; padding: 0; line-height: 30px; }
.mc-index-title .more-link { float: right; font-size: 16px; color: #989898; display: block; position: relative; }

/*常见的新闻资讯列表单项*/
/*通用单行资讯*/
.mc-text-item { font-size: 14px; line-height: 35px; text-align: left; display: block; position: relative; color: #989898; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mc-text-item .hot-tit { color: #f60; margin-right: 5px; }
.mc-text-item:hover { color: #f60; }

/*底部虚线*/
.mc-bottom-line { border-bottom: 1px dashed #e8e8e8; }

/*通用单行资讯,带摘要*/
.mc-text-item2 { display: block; text-align: left; padding: 10px 0; }
.mc-text-item2 .title { font-size: 14px; line-height: 35px; color: #333; margin: 0; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; }
.mc-text-item2 .title .hot-tit { color: #f60; margin-right: 5px; }
.mc-text-item2 .title .date { font-size: 14px; color: #989898; }
.mc-text-item2 .desc { padding: 0; margin: 0; font-size: 12px; color: #989898; line-height: 24px; max-height: 48px; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.mc-text-item2:hover { color: #f60; }

/*新闻资讯日期样式修改*/
.mc-text-item3 { display: block; text-align: left; padding: 10px 0 10px 90px; position: relative; }
.mc-text-item3 .text { font-size: 16px; line-height: 35px; color: #333; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; z-index: 1; }
.mc-text-item3 .date { display: block; font-size: 24px; color: #f60; width: 80px; height: 24px; line-height: 24px; text-align: center; position: absolute; border-right: 1px solid #e8e8e8; top: 16px; left: 0; z-index: 1; }
.mc-text-item3:after { content: ''; display: block; width: 0; height: 100%; position: absolute; background: #f60; top: 0; left: 0; z-index: 0; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.mc-text-item3:hover .date, .mc-text-item3:hover .text { color: #fff; }
.mc-text-item3:hover:after { width: 100%; }

.mc-text-item4 { display: block; text-align: left; padding: 10px 0 10px 90px; position: relative; min-height: 110px; }
.mc-text-item4 .title { font-size: 16px; line-height: 35px; color: #000; margin: 0; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; }
.mc-text-item4 .title .hot-tit { color: #f60; margin-right: 5px; }
.mc-text-item4 .desc { padding: 0; margin: 0; font-size: 12px; color: #989898; line-height: 24px; max-height: 48px; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.mc-text-item4 .date { display: block; font-size: 12px; color: #f60; width: 60px; height: 60px; text-align: center; background: #f60; position: absolute; top: 25px; left: 10px; z-index: 1; }
.mc-text-item4 .date .day { display: block; width: 56px; height: 32px; background: #fff; color: #f60; font-size: 24px; font-weight: 600; line-height: 32px; margin: 2px auto 0; }
.mc-text-item4 .date .year { font-size: 14px; line-height: 28px; color: #fff; }
.mc-text-item4:hover { background: #f8f8f8; }
.mc-text-item4:hover .title { color: #f60; }

/*左图右文*/
.mc-text-item5 { display: block; text-align: left; padding: 10px; }
.mc-text-item5 .title { font-size: 16px; line-height: 35px; color: #333; margin: 0; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; padding-right: 80px; }
.mc-text-item5 .title .hot-tit { color: #f60; margin-right: 5px; }
.mc-text-item5 .info { font-size: 14px; line-height: 24px; color: #989898; }
.mc-text-item5 .info .text-item { margin-right: 10px; }
.mc-text-item5 .desc { padding: 0; margin: 0; font-size: 12px; color: #989898; line-height: 24px; max-height: 96px; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.mc-text-item5 .desc2 { padding: 0; margin: 0; font-size: 12px; color: #989898; line-height: 24px; max-height: 48px; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.mc-text-item5 .link-block { position: absolute; right: 10px; bottom: 10px; }
.mc-text-item5:hover { color: #f60; }

/*左侧缩略图*/
.item-left-img { position: relative; padding-left: 80px; }
.item-left-img .thumb { width: 70px; height: 70px; border: 1px solid #e8e8e8; position: absolute; overflow: hidden; top: 15px; left: 0; }
.item-left-img .thumb img { width: 70px; height: 70px; }
.item-left-img:hover .thumb img { -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=$times, M12=0, M21=0, M22=$times, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=$times, M12=0, M21=0, M22=$times, SizingMethod='auto expand'); /* IE6 and 7 */ background-position: center; }

.item-left-img2 .info-box { position: relative; padding-left: 80px; }
.item-left-img2 .info-box .thumb { width: 70px; height: 70px; border: 1px solid #e8e8e8; position: absolute; overflow: hidden; top: 0; left: 0; }
.item-left-img2 .info-box .thumb img { width: 70px; height: 70px; }
.item-left-img2 .info-box .desc { max-height: 72px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.item-left-img2:hover .thumb img { -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=$times, M12=0, M21=0, M22=$times, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=$times, M12=0, M21=0, M22=$times, SizingMethod='auto expand'); /* IE6 and 7 */ background-position: center; }

.item-left-img3 { position: relative; padding-left: 260px; min-height: 170px; }
.item-left-img3 .thumb { width: 240px; height: 150px; border: 1px solid #e8e8e8; position: absolute; overflow: hidden; top: 10px; left: 10px; }
.item-left-img3 .thumb img { width: 240px; height: 150px; }
.item-left-img3 .desc { max-height: 96px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.item-left-img3:hover .thumb img { -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=$times, M12=0, M21=0, M22=$times, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=$times, M12=0, M21=0, M22=$times, SizingMethod='auto expand'); /* IE6 and 7 */ background-position: center; }

/*右侧缩略图*/
.item-right-img { position: relative; padding-right: 80px; }
.item-right-img .thumb { width: 70px; height: 70px; border: 1px solid #e8e8e8; position: absolute; overflow: hidden; top: 15px; right: 0; }
.item-right-img .thumb img { width: 70px; height: 70px; }
.item-right-img:hover .thumb img { -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=$times, M12=0, M21=0, M22=$times, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=$times, M12=0, M21=0, M22=$times, SizingMethod='auto expand'); /* IE6 and 7 */ background-position: center; }

/*右侧日期*/
.item-right-date { position: relative; padding-right: 80px; }
.item-right-date .date { position: absolute; right: 0; top: 0; }

/*前置li图标*/
.li-icon { padding-left: 15px; }
.li-icon:before { content: ''; width: 5px; height: 5px; background: #f60; position: absolute; top: 50%; left: 5px; margin-top: -2px; }

.li-icon2 { padding-left: 15px; }
.li-icon2:before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #f60; position: absolute; top: 50%; left: 5px; margin-top: -2px; }

/*灰色背景链接块，右侧箭头*/
.link-block-arrow { display: block; font-size: 16px; color: #333; height: 50px; line-height: 30px; background: #f8f8f8; padding: 10px; border: 1px solid #e8e8e8; position: relative; }
.link-block-arrow + .link-block-arrow { border-top: none; }
.link-block-arrow:hover { color: #5bbfa5; }
.link-block-arrow:after, .link-block-arrow:before { border: 10px solid transparent; border-left: 10px solid #fff; width: 0; height: 0; position: absolute; top: 15px; right: 10px; content: " "; }
.link-block-arrow:before { border-left-color: #5bbfa5; right: 8px; }

/*横向时间轴单个元素*/
.time-line-item { display: block; position: relative; }
.time-line-item .iconfont { font-size: 54px; color: #989898; display: block; margin: 10px auto 20px; text-align: center; }
.time-line-item:after { content: ''; width: 100%; height: 1px; border-bottom: 1px solid #e8e8e8; position: absolute; top: 90px; }
.time-line-item:before { content: ''; width: 10px; height: 10px; border: 1px solid #e8e8e8; border-radius: 50%; background: #fff; position: absolute; top: 85px; left: 50%; margin-left: -5px; z-index: 1; }
.time-line-item .tit { font-size: 16px; line-height: 2; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; text-align: center; margin: 30px auto 10px; }
.time-line-item .desc { font-size: 12px; line-height: 20px; padding: 0 10px; margin: 0; max-height: 60px; overflow: hidden; text-align: justify; color: #989898; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.time-line-item:hover { cursor: pointer; }
.time-line-item:hover .iconfont { color: #5bbfa5; }
.time-line-item:hover:after { border-bottom: 1px solid #5bbfa5; }
.time-line-item:hover:before { border: 1px solid #5bbfa5; background: #5bbfa5; }
.time-line-item:hover .tit { color: #5bbfa5; }

/*单张图片鼠标放上显示遮罩与文字*/
.mc-img-item { width: 100%; height: 260px; position: relative; overflow: hidden; display: block; margin-bottom: 30px; }
.mc-img-item img { height: 260px; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.mc-img-item .text-info-box { width: 100%; padding: 5px 10px; position: absolute; bottom: 0; color: #fff; }
.mc-img-item .text-info-box .tit, .mc-img-item .text-info-box .desc { position: relative; z-index: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mc-img-item .text-info-box:after { content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.6); top: 0; left: 0; z-index: 0; }
.mc-img-item:hover img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=$times, M12=0, M21=0, M22=$times, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=$times, M12=0, M21=0, M22=$times, SizingMethod='auto expand'); /* IE6 and 7 */ background-position: center; }

/*二维码排版*/
.mc-qrcode .tit { font-size: 18px; line-height: 2; text-align: center; margin: 0; }
.mc-qrcode .qrcode { width: 100px; height: 100px; display: block; margin: 10px auto; }
.mc-qrcode .text { font-size: 12px; line-height: 1.5; text-align: center; }

/*底部列表导航*/
.mc-foot-menu a { color: #333; }
.mc-foot-menu .menu-tit { font-size: 16px; margin-bottom: 10px; list-style: none; }
.mc-foot-menu .menu-item { font-size: 14px; margin-left: 38px; line-height: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; list-style-type: square; }

/*单个商品*/
.mc-goods-item { display: block; width: 100%; position: relative; }
.mc-goods-item .goods-thumb { width: 140px; height: 140px; display: block; margin: 5px auto; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.mc-goods-item .goods-name { font-size: 14px; line-height: 20px; height: 40px; margin: 10px auto 5px; color: #333; font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.mc-goods-item .price-box .goods-price { font-size: 16px; color: #ed5565; }
.mc-goods-item:hover .goods-thumb { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=$times, M12=0, M21=0, M22=$times, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=$times, M12=0, M21=0, M22=$times, SizingMethod='auto expand'); /* IE6 and 7 */ background-position: center; }

/*左图右文商品排版*/
.mc-goods-item2 { display: block; position: relative; width: 100%; height: 100px; padding: 10px 0; padding-left: 90px; border-bottom: 1px dashed #e8e8e8; }
.mc-goods-item2 .goods-thumb { width: 80px; height: 80px; border: 1px solid #e8e8e8; background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; top: 10px; left: 0; }
.mc-goods-item2 .text-cell .goods-name { font-size: 16px; color: #333; font-weight: 500; margin: 0 0 5px; }
.mc-goods-item2 .text-cell .goods-name .brand { font-size: 14px; float: right; color: #989898; }
.mc-goods-item2 .text-cell .cell-info { font-size: 12px; line-height: 1.6; color: #989898; }
.mc-goods-item2 .text-cell .cell-info .con { margin-left: 5px; }
.mc-goods-item2 .text-cell .price { position: absolute; right: 0; bottom: 10px; color: #ff7300; }
.mc-goods-item2 .text-cell .price .sign { font-size: 18px; }
.mc-goods-item2 .text-cell .goods-price { font-size: 16px; color: #e01222; line-height: 30px; }
.mc-goods-item2 .text-cell .goods-price .number { font-size: 14px; color: #333; float: right; }

/*左图右文*/
.mc-goods-item3 { display: block; position: relative; width: 100%; height: 100px; padding: 10px; padding-left: 95px; border: 1px solid #e8e8e8; }
.mc-goods-item3 .goods-thumb { width: 80px; height: 80px; border: 1px solid #e8e8e8; background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; top: 10px; left: 10px; }
.mc-goods-item3 .text-cell .goods-name { font-size: 14px; color: #333; line-height: 20px; font-weight: 500; text-align: justify; max-height: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 5px; }
.mc-goods-item3 .text-cell .goods-price { font-size: 16px; color: #e01222; line-height: 30px; }
.mc-goods-item3 .text-cell .goods-price .number { font-size: 14px; color: #333; float: right; }

/*上图下文*/
.mc-goods-item5 { display: block; position: relative; width: 100%; height: auto; padding: 10px; border: 1px solid #e8e8e8; }
.mc-goods-item5 .link-block { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
.mc-goods-item5 .goods-thumb { display: block; width: 200px; height: 200px; background-repeat: no-repeat; background-position: center center; background-size: cover; margin: 0 auto; }
.mc-goods-item5 .text-cell .goods-name { font-size: 14px; color: #333; line-height: 20px; height: 40px; overflow: hidden; font-weight: 500; text-align: justify; margin-bottom: 0; }
.mc-goods-item5 .text-cell .goods-name2 { font-size: 14px; color: #333; line-height: 20px; font-weight: 500; text-align: justify; margin-bottom: 0; }
.mc-goods-item5 .text-cell .goods-tag { padding: 8px 0 5px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mc-goods-item5 .text-cell .goods-tag span { padding: 2px 5px; border: 1px solid #ff2222; color: #ff2222; border-radius: 2px; margin-right: 5px; }
.mc-goods-item5 .text-cell .sku-box { line-height: 30px; color: #989898; }
.mc-goods-item5 .text-cell .sku-box:after { display: block; content: ''; height: 0; overflow: hidden; clear: both; }
.mc-goods-item5 .text-cell .attr-box { display: none; }
.mc-goods-item5 .text-cell .goods-price { font-size: 16px; color: #e01222; }
.mc-goods-item5 .text-cell .goods-price .number { font-size: 14px; color: #333; float: right; }
.mc-goods-item5 .text-cell .market-price { font-size: 12px; color: #989898; text-decoration: line-through; }
.mc-goods-item5 .text-cell .action-box { position: relative; z-index: 9; }
.mc-goods-item5 .text-cell .action-box:after { display: block; content: ''; height: 0; overflow: hidden; clear: both; }
.mc-goods-item5 .text-cell .action-box .spinner2 { width: 100px; float: left; }

.mc-goods-item5-row { display: block; position: relative; width: 100%; height: 140px; padding: 10px 180px 10px 150px; border-bottom: 1px solid #e8e8e8; }
.mc-goods-item5-row .link-block { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
.mc-goods-item5-row .goods-thumb { display: block; width: 120px; height: 120px; background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; top: 10px; left: 0; border: 1px solid #e8e8e8; }
.mc-goods-item5-row .text-cell .goods-name { font-size: 18px; color: #333; line-height: 20px; font-weight: 600; text-align: justify; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; }
.mc-goods-item5-row .text-cell .goods-tag { padding: 8px 0 5px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mc-goods-item5-row .text-cell .goods-tag span { padding: 2px 5px; border: 1px solid #ff2222; color: #ff2222; border-radius: 2px; margin-right: 5px; }
.mc-goods-item5-row .text-cell .sku-box { display: none; }
.mc-goods-item5-row .text-cell .attr-box { font-size: 14px; line-height: 24px; color: #666; }
.mc-goods-item5-row .text-cell .attr-box .con { color: #333; }
.mc-goods-item5-row .text-cell .goods-price { font-size: 16px; color: #e01222; }
.mc-goods-item5-row .text-cell .goods-price .number { font-size: 14px; color: #333; float: right; }
.mc-goods-item5-row .text-cell .action-box { position: absolute; width: 140px; z-index: 9; right: 0; top: 30px; }
.mc-goods-item5-row .text-cell .action-box:after { display: block; content: ''; height: 0; overflow: hidden; clear: both; }
.mc-goods-item5-row .text-cell .action-box .add-cart { width: 100%; margin-top: 15px; }

/*横向时间轴，步骤*/
.mc-step { width: 100%; list-style: none; padding: 20px 0; height: auto; }
.mc-step:after { display: block; content: ''; height: 0; overflow: hidden; clear: both; }
.mc-step li { width: 20%; float: left; text-align: center; position: relative; overflow: hidden; }
.mc-step li .step-num { display: block; width: 40px; height: 40px; background: #efefef; text-align: center; line-height: 40px; border-radius: 50%; margin: 0 auto; font-size: 16px; color: #989898; }
.mc-step li .text { font-size: 14px; font-weight: 500; }
.mc-step li:after { content: ''; width: 50%; height: 5px; background: #efefef; position: absolute; top: 18px; left: 50%; margin-left: 30px; }
.mc-step li:before { content: ''; width: 50%; height: 5px; background: #efefef; position: absolute; top: 18px; right: 50%; margin-right: 30px; }
.mc-step li:first-child:before { width: 0; }
.mc-step li:last-child:after { width: 0; }
.mc-step .step-active { color: #5bbfa5; }
.mc-step .step-active .step-num { background: #5bbfa5; color: #fff; }
.mc-step .step-active:after { background: #5bbfa5; }
.mc-step .step-active:before { background: #5bbfa5; }

/*纵向时间轴 步骤*/
.mc-step2 { width: 100%; }
.mc-step2 .step-item { width: 100%; min-height: 60px; height: auto; position: relative; }
.mc-step2 .step-item:after { content: ''; width: 1px; height: 100%; border-right: 1px dashed #eee; position: absolute; left: 15px; top: 0; }
.mc-step2 .step-item .step-tit { font-size: 18px; line-height: 30px; color: #333; }
.mc-step2 .step-item .step-tit .step-num { display: block; width: 30px; height: 30px; background: #5bbfa5; text-align: center; line-height: 30px; border-radius: 50%; font-size: 16px; color: #fff; z-index: 1; position: relative; float: left; margin-right: 15px; }
.mc-step2 .step-item .step-main { width: 100%; padding: 30px 45px; }

/*加减*/
.spinner { width: 100%; }

.spinner input { text-align: right; }

.input-group-btn-vertical { position: relative; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; }

.input-group-btn-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; padding: 8px; margin-left: -1px; position: relative; border-radius: 0; }

.input-group-btn-vertical > .btn:first-child { border-top-right-radius: 4px; }

.input-group-btn-vertical > .btn:last-child { margin-top: -2px; border-bottom-right-radius: 4px; }

.input-group-btn-vertical i { position: absolute; top: 0; left: 4px; }

.spinner2 { width: 100%; }

.spinner2 input { text-align: right; }

.spinner2 .input-group-btn-vertical { position: relative; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; }

.spinner2 .input-group-btn-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; padding: 8px; margin-left: -1px; position: relative; border-radius: 0; }

.spinner2 .input-group-btn-vertical > .btn:first-child { border-top-right-radius: 4px; }

.spinner2 .input-group-btn-vertical > .btn:last-child { margin-top: -2px; border-bottom-right-radius: 4px; }

.spinner2 .input-group-btn-vertical i { position: absolute; top: 0; left: 4px; }

/*会员中心*/
/*会员信息块*/
.mc-userinfo-box { width: 100%; padding: 20px; background: #fff; position: relative; min-height: 120px; }
.mc-userinfo-box .head-img { width: 80px; height: 80px; border-radius: 50%; border: 1px solid #f6f6f6; position: absolute; top: 20px; left: 20px; }
.mc-userinfo-box .userinfo-box .user-name { margin: 0 auto 10px; }
.mc-userinfo-box .userinfo-box .action-box { margin: 10px auto; }
.mc-userinfo-box .userinfo-box .action-box .btn-default { background: none; border: 1px solid #e8e8e8; color: #333; }

/*包裹信息*/
.mc-pack-item { margin: 20px auto; }
.mc-pack-item .packinfo-top { font-size: 14px; font-weight: 500; line-height: 2; }
.mc-pack-item .packinfo-top .pack-name { color: #333; }
.mc-pack-item .packinfo-top .price { font-size: 18px; font-weight: 600; color: #e01222; }
.mc-pack-item .packinfo-top .pack-info-toggle { display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; border: 1px solid #e8e8e8; float: right; background: #fff; margin-left: 10px; }
.mc-pack-item .packinfo-top .pack-info-toggle .iconfont { font-size: 18px; }
.mc-pack-item .packinfo-top .pack-info-toggle .iconfont:before { content: ""; }
.mc-pack-item .packinfo-top .up .iconfont { font-size: 18px; }
.mc-pack-item .packinfo-top .up .iconfont:before { content: ""; }
.mc-pack-item .pack-bill { width: 60%; padding: 0; vertical-align: top; }
.mc-pack-item .pack-bill table { table-layout: fixed; }
.mc-pack-item .pack-bill th { text-align: center; }
.mc-pack-item .pack-bill .bill-name, .mc-pack-item .pack-bill .bill-remarks { width: 35%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.mc-pack-item .pack-bill .bill-price, .mc-pack-item .pack-bill .bill-number { width: 15%; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.mc-pack-item .pack-info { width: 40%; vertical-align: top; font-size: 14px; }

/*订单信息*/
.mc-order-item { margin: 20px auto; }
.mc-order-item .orderinfo-top { font-size: 16px; font-weight: 500; line-height: 2; }
.mc-order-item .orderinfo-top .order-sn { color: #333; }
.mc-order-item .orderinfo-top .pack-info-toggle { display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; border: 1px solid #e8e8e8; float: right; background: #fff; margin-left: 10px; }
.mc-order-item .orderinfo-top .pack-info-toggle .iconfont { font-size: 18px; }
.mc-order-item .orderinfo-top .pack-info-toggle .iconfont:before { content: ""; }
.mc-order-item .orderinfo-top .up .iconfont { font-size: 18px; }
.mc-order-item .orderinfo-top .up .iconfont:before { content: ""; }
.mc-order-item .price { font-size: 18px; font-weight: 600; color: #e01222; }

/*商品内容页sku样式*/
.sku-info-box { margin: 20px auto; }
.sku-info-box .goods_attr { padding: 10px 10px 10px 80px; border-bottom: 1px dashed #e8e8e8; position: relative; }
.sku-info-box .goods_attr:after { display: block; content: ''; height: 0; overflow: hidden; clear: both; }
.sku-info-box .goods_attr .label { width: 60px; font-size: 14px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #989898; position: absolute; left: 10px; top: 10px; background: none; }
.sku-info-box .goods_attr .goods_sku { list-style: none; padding: 0 20px; font-size: 14px; line-height: 30px; background: #efefef; border-radius: 5px; float: left; margin: 5px; cursor: pointer; }
.sku-info-box .goods_attr .sel { background: #5bbfa5; color: #fff; }
.sku-info-box .goods_attr .b { background: #efefef; color: #989898; cursor: default; }

/*加减*/
.goods-spinner { display: block; position: relative; width: 200px; height: 40px; border: 1px solid #e8e8e8; padding: 0 42px; background: #fff; }
.goods-spinner .action-btn { width: 38px; height: 38px; text-align: center; line-height: 38px; color: #333; font-size: 24px; color: #989898; background: #efefef; position: absolute; top: 0; left: 0; }
.goods-spinner .goods-inc { left: auto; right: 0; }
.goods-spinner .goods-num { width: 100%; height: 38px; line-height: 38px; text-align: center; font-size: 16px; border: none; }

/*购物车列表*/
.mc-cart-item .goods-thumb { display: block; width: 100px; height: 100px; border: 1px solid #e8e8e8; float: left; margin-right: 10px; }
.mc-cart-item .goods-thumb img { width: 98px; height: 98px; }
.mc-cart-item .goods-name { font-size: 16px; line-height: 1.8; font-weight: 500; }
.mc-cart-item .sku-name { font-size: 14px; color: #989898; }
.mc-cart-item .goods-price { font-size: 16px; text-align: center; }

/*复选框*/
.mc-checkbox input[type="radio"], .mc-checkbox input[type="checkbox"] { display: none; }

.mc-checkbox input[type="radio"] + .iconfont:after, .mc-checkbox input[type="checkbox"]:not(.m-switch) + .iconfont:after { content: '\e678'; color: #5bbfa5; font-size: 24px; }

.mc-checkbox input[type="radio"]:checked + .iconfont:after, .mc-checkbox input[type="checkbox"]:not(.m-switch):checked + .iconfont:after { color: #5bbfa5; content: '\e6a9'; font-size: 24px; }

.mc-checkbox-text { position: relative; padding-left: 30px; font-size: 14px; color: #989898; height: 34px; line-height: 34px; cursor: pointer; }
.mc-checkbox-text .iconfont { width: 100%; position: absolute; z-index: -1; top: 0; left: 0; }

/*等分网格*/
/* ========================================================================== Component: AVG Grid ============================================================================ */
[class*="mc-avg-"] { display: block; padding: 0; margin: 0; list-style: none; }

[class*="mc-avg-"]:before, [class*="mc-avg-"]:after { content: " "; display: table; }

[class*="mc-avg-"]:after { clear: both; }

[class*="mc-avg-"] > li { display: block; height: auto; float: left; }

@media only screen { .mc-avg-sm-1 > li { width: 100%; }
  .mc-avg-sm-1 > li:nth-of-type(n) { clear: none; }
  .mc-avg-sm-1 > li:nth-of-type(1n + 1) { clear: both; }
  .mc-avg-sm-2 > li { width: 50%; }
  .mc-avg-sm-2 > li:nth-of-type(n) { clear: none; }
  .mc-avg-sm-2 > li:nth-of-type(2n + 1) { clear: both; }
  .mc-avg-sm-3 > li { width: 33.33333333%; }
  .mc-avg-sm-3 > li:nth-of-type(n) { clear: none; }
  .mc-avg-sm-3 > li:nth-of-type(3n + 1) { clear: both; }
  .mc-avg-sm-4 > li { width: 25%; }
  .mc-avg-sm-4 > li:nth-of-type(n) { clear: none; }
  .mc-avg-sm-4 > li:nth-of-type(4n + 1) { clear: both; }
  .mc-avg-sm-5 > li { width: 20%; }
  .mc-avg-sm-5 > li:nth-of-type(n) { clear: none; }
  .mc-avg-sm-5 > li:nth-of-type(5n + 1) { clear: both; }
  .mc-avg-sm-6 > li { width: 16.66666667%; }
  .mc-avg-sm-6 > li:nth-of-type(n) { clear: none; }
  .mc-avg-sm-6 > li:nth-of-type(6n + 1) { clear: both; }
  .mc-avg-sm-7 > li { width: 14.28571429%; }
  .mc-avg-sm-7 > li:nth-of-type(n) { clear: none; }
  .mc-avg-sm-7 > li:nth-of-type(7n + 1) { clear: both; }
  .mc-avg-sm-8 > li { width: 12.5%; }
  .mc-avg-sm-8 > li:nth-of-type(n) { clear: none; }
  .mc-avg-sm-8 > li:nth-of-type(8n + 1) { clear: both; }
  .mc-avg-sm-9 > li { width: 11.11111111%; }
  .mc-avg-sm-9 > li:nth-of-type(n) { clear: none; }
  .mc-avg-sm-9 > li:nth-of-type(9n + 1) { clear: both; }
  .mc-avg-sm-10 > li { width: 10%; }
  .mc-avg-sm-10 > li:nth-of-type(n) { clear: none; }
  .mc-avg-sm-10 > li:nth-of-type(10n + 1) { clear: both; }
  .mc-avg-sm-11 > li { width: 9.09090909%; }
  .mc-avg-sm-11 > li:nth-of-type(n) { clear: none; }
  .mc-avg-sm-11 > li:nth-of-type(11n + 1) { clear: both; }
  .mc-avg-sm-12 > li { width: 8.33333333%; }
  .mc-avg-sm-12 > li:nth-of-type(n) { clear: none; }
  .mc-avg-sm-12 > li:nth-of-type(12n + 1) { clear: both; } }
@media only screen and (min-width: 641px) { .mc-avg-md-1 > li { width: 100%; }
  .mc-avg-md-1 > li:nth-of-type(n) { clear: none; }
  .mc-avg-md-1 > li:nth-of-type(1n + 1) { clear: both; }
  .mc-avg-md-2 > li { width: 50%; }
  .mc-avg-md-2 > li:nth-of-type(n) { clear: none; }
  .mc-avg-md-2 > li:nth-of-type(2n + 1) { clear: both; }
  .mc-avg-md-3 > li { width: 33.33333333%; }
  .mc-avg-md-3 > li:nth-of-type(n) { clear: none; }
  .mc-avg-md-3 > li:nth-of-type(3n + 1) { clear: both; }
  .mc-avg-md-4 > li { width: 25%; }
  .mc-avg-md-4 > li:nth-of-type(n) { clear: none; }
  .mc-avg-md-4 > li:nth-of-type(4n + 1) { clear: both; }
  .mc-avg-md-5 > li { width: 20%; }
  .mc-avg-md-5 > li:nth-of-type(n) { clear: none; }
  .mc-avg-md-5 > li:nth-of-type(5n + 1) { clear: both; }
  .mc-avg-md-6 > li { width: 16.66666667%; }
  .mc-avg-md-6 > li:nth-of-type(n) { clear: none; }
  .mc-avg-md-6 > li:nth-of-type(6n + 1) { clear: both; }
  .mc-avg-md-7 > li { width: 14.28571429%; }
  .mc-avg-md-7 > li:nth-of-type(n) { clear: none; }
  .mc-avg-md-7 > li:nth-of-type(7n + 1) { clear: both; }
  .mc-avg-md-8 > li { width: 12.5%; }
  .mc-avg-md-8 > li:nth-of-type(n) { clear: none; }
  .mc-avg-md-8 > li:nth-of-type(8n + 1) { clear: both; }
  .mc-avg-md-9 > li { width: 11.11111111%; }
  .mc-avg-md-9 > li:nth-of-type(n) { clear: none; }
  .mc-avg-md-9 > li:nth-of-type(9n + 1) { clear: both; }
  .mc-avg-md-10 > li { width: 10%; }
  .mc-avg-md-10 > li:nth-of-type(n) { clear: none; }
  .mc-avg-md-10 > li:nth-of-type(10n + 1) { clear: both; }
  .mc-avg-md-11 > li { width: 9.09090909%; }
  .mc-avg-md-11 > li:nth-of-type(n) { clear: none; }
  .mc-avg-md-11 > li:nth-of-type(11n + 1) { clear: both; }
  .mc-avg-md-12 > li { width: 8.33333333%; }
  .mc-avg-md-12 > li:nth-of-type(n) { clear: none; }
  .mc-avg-md-12 > li:nth-of-type(12n + 1) { clear: both; } }
@media only screen and (min-width: 1025px) { .mc-avg-lg-1 > li { width: 100%; }
  .mc-avg-lg-1 > li:nth-of-type(n) { clear: none; }
  .mc-avg-lg-1 > li:nth-of-type(1n + 1) { clear: both; }
  .mc-avg-lg-2 > li { width: 50%; }
  .mc-avg-lg-2 > li:nth-of-type(n) { clear: none; }
  .mc-avg-lg-2 > li:nth-of-type(2n + 1) { clear: both; }
  .mc-avg-lg-3 > li { width: 33.33333333%; }
  .mc-avg-lg-3 > li:nth-of-type(n) { clear: none; }
  .mc-avg-lg-3 > li:nth-of-type(3n + 1) { clear: both; }
  .mc-avg-lg-4 > li { width: 25%; }
  .mc-avg-lg-4 > li:nth-of-type(n) { clear: none; }
  .mc-avg-lg-4 > li:nth-of-type(4n + 1) { clear: both; }
  .mc-avg-lg-5 > li { width: 20%; }
  .mc-avg-lg-5 > li:nth-of-type(n) { clear: none; }
  .mc-avg-lg-5 > li:nth-of-type(5n + 1) { clear: both; }
  .mc-avg-lg-6 > li { width: 16.66666667%; }
  .mc-avg-lg-6 > li:nth-of-type(n) { clear: none; }
  .mc-avg-lg-6 > li:nth-of-type(6n + 1) { clear: both; }
  .mc-avg-lg-7 > li { width: 14.28571429%; }
  .mc-avg-lg-7 > li:nth-of-type(n) { clear: none; }
  .mc-avg-lg-7 > li:nth-of-type(7n + 1) { clear: both; }
  .mc-avg-lg-8 > li { width: 12.5%; }
  .mc-avg-lg-8 > li:nth-of-type(n) { clear: none; }
  .mc-avg-lg-8 > li:nth-of-type(8n + 1) { clear: both; }
  .mc-avg-lg-9 > li { width: 11.11111111%; }
  .mc-avg-lg-9 > li:nth-of-type(n) { clear: none; }
  .mc-avg-lg-9 > li:nth-of-type(9n + 1) { clear: both; }
  .mc-avg-lg-10 > li { width: 10%; }
  .mc-avg-lg-10 > li:nth-of-type(n) { clear: none; }
  .mc-avg-lg-10 > li:nth-of-type(10n + 1) { clear: both; }
  .mc-avg-lg-11 > li { width: 9.09090909%; }
  .mc-avg-lg-11 > li:nth-of-type(n) { clear: none; }
  .mc-avg-lg-11 > li:nth-of-type(11n + 1) { clear: both; }
  .mc-avg-lg-12 > li { width: 8.33333333%; }
  .mc-avg-lg-12 > li:nth-of-type(n) { clear: none; }
  .mc-avg-lg-12 > li:nth-of-type(12n + 1) { clear: both; } }
/*等分网格间距 sm4px 默认10px lg20px*/
.mc-avg-between-sm { margin-left: -2px; margin-right: -2px; }

.mc-avg-between-sm > li { padding: 0 2px 2px 2px; }

.mc-avg-between { margin-left: -5px; margin-right: -5px; }

.mc-avg-between > li { padding: 0 5px 5px 5px; }

.mc-avg-between-lg { margin-left: -10px; margin-right: -10px; }

.mc-avg-between-lg > li { padding: 0 10px 10px 10px; }

/*优惠券*/
.mc-coupon-item { width: 100%; height: 100px; background: #fff; border: 1px solid #e8e8e8; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
.mc-coupon-item .coupon-left { width: 150px; height: 100px; background-image: -webkit-linear-gradient(left, #eec87d 20%, #e0ab5f); padding: 20px 10px; color: #fff; flex-grow: 0; text-align: center; position: relative; }
.mc-coupon-item .coupon-left .money { font-size: 14px; }
.mc-coupon-item .coupon-left .money b { font-size: 18px; }
.mc-coupon-item .coupon-left .sub-info { font-size: 14px; color: #fff; line-height: 20px; max-height: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.mc-coupon-item .coupon-left:after { content: ""; width: 20px; height: 100px; position: absolute; top: 0; left: -4px; display: block; z-index: 9; background-image: radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 5px, #eec87d 5px); background-size: 11px 11px; background-repeat: repeat-y,repeat-y; background-position: -6px; }
.mc-coupon-item .coupon-right { flex: 1; flex-grow: 1; padding: 10px; position: relative; }
.mc-coupon-item .coupon-right .coupon-tit { font-size: 14px; font-weight: 500; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mc-coupon-item .coupon-right .date-box { font-size: 12px; color: #989898; line-height: 2; }
.mc-coupon-item .coupon-right .desc { font-size: 12px; color: #989898; padding-right: 100px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.mc-coupon-item .coupon-right .action-link { display: block; width: 80px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #e0ab5f; border-radius: 15px; color: #e0ab5f; position: absolute; right: 10px; bottom: 10px; }
.mc-coupon-item .coupon-right .status-icon { width: 80px; height: 80px; background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; right: 0; bottom: 10px; }
.mc-coupon-item .coupon-right .used-icon { background-image: url("../img/used.png"); }
.mc-coupon-item .coupon-right .invalid-icon { background-image: url("../img/invalid.png"); }

.mc-coupon-used .coupon-left { background-image: -webkit-linear-gradient(left, #989898 20%, #999); }
.mc-coupon-used .coupon-left:after { background-image: radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 5px, #989898 5px); }

.mc-coupon-group { padding: 0 10px; }
.mc-coupon-group .mc-coupon-item { margin: 15px auto; }

/*# sourceMappingURL=extend.css.map */