@charset "UTF-8";
/**
 * Author: 龔桀 <JasonSubMara>
 * Description: MRO新屏幕方案
 * Date: 2020-01-13
 * Copyright: UED <jie.yr127@gmail.com>
 */

/* cssreset */
html,body {color:#333; background:#f9f9f9; height:100%; width:100%;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {margin:0; padding:0;}
body,button,input,select,textarea,li,dt,dd,div,td,p,span {font-size:12px; font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal; font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;}
address,cite,dfn,em,var {font-style:normal;}
code,kbd,pre,samp {font-family:courier new,courier,monospace;}
ul,ol {list-style:none outside none;}
span {font-size:100%;}
a {color:#333; text-decoration:none; hide-focus:expression(this.hideFocus=true); outline:none;}
a:hover {color:#06c; text-decoration:none;}
a:focus {outline:0;}
legend {color:#666;}
fieldset,img {border:0 none;}
img {vertical-align:bottom;}
button,input,select,textarea {margin:0; padding:0; outline:none; vertical-align:middle;}
button {cursor:pointer;}
input[type="radio"],input[type="checkbox"] {position:relative; top:-2px;}
table {border-spacing:0;table-layout: fixed}

/* SVG-icon basic style */
.icon {width:1em; height:1em; vertical-align:middle; fill:currentColor; overflow:hidden; margin-top:-3px;}

/* font */
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs24 {font-size:24px;}

/* color */
.c666 {color:#666;}
.c999 {color:#999;}

/* link-color */
a.c666 {color:#666;}
a.c666:hover {color:#06c;}
.cred {color:#f56464;}

/* background */
.bfff {background:#fff;}

/* control */
.input {height:18px; line-height:18px; padding:3px 5px; border:1px solid #ddd;}
.select {padding:2px; border:1px solid #ddd;}
.textarea {padding:5px; border:1px solid #ddd; color:#666;}

/* ellipsis */
.ellipsis {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* overflow */
.ofvisible {overflow:visible;}

/* cover-background */
.coverbg {position:absolute; top:0; left:0; z-index:9998; background:#000; filter:alpha(opacity=50); opacity:0.5;}

/* float */
.fl {float:left;}
.fr {float:right;}

/* margin-padding */
.mr24 {margin-right:24px;}
.mt60 {margin-top:60px;}
.m185 {margin:0 185px;}

/* text-alignment */
.txtl {text-align:left;}
.txtc {text-align:center;}
.txtr {text-align:right;}

/* layout */
.eshop_layout {clear:both; position:relative; width:1200px; margin:0 auto;}
.eshop_layout:after,.clearfix:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}

/** eshop_fy**/
.eshop_fy_banner {margin:10px 10px 0; width:1180px;}
.eshop_fy_prompt {line-height:44px; color:#2691f5;}
.eshop_fy_probox {margin:0 10px;}
.eshop_fy_probox .mintit {margin-bottom:20px;}
.eshop_fy_probox .prols {margin-right:-20px;}
.eshop_fy_probox .prols li {float:left; margin:0 20px 20px 0; width:220px; height:310px; box-sizing:border-box; background:#fff;}
.eshop_fy_probox .prols li .imgbox {display:inline-block; vertical-align:middle; text-align:center; height:200px; width:220px;}
.eshop_fy_probox .prols li .imgbox img {display:inline-block; vertical-align:middle;}
.eshop_fy_probox .prols li .imgbox .wrap {height:100%; width:1px; display:inline-block; vertical-align:middle;}
.eshop_fy_probox .prols li h5 {padding:0 18px; width:184px; height:36px; line-height:18px; color:#707070; overflow:hidden; font-size:14px; word-break:break-all; text-align:center; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.eshop_fy_probox .prols li h6 {margin:8px 0 20px; text-align:center; line-height:20px; color:#adadad;}
.eshop_fy_probox .prols li p {color:#f64444; text-align:center;}