/**
 * @file
 * 存放用于主题的全局样式css
 */

/* 默认链接 */
a, a:hover {
	color: inherit; 
	text-decoration: none;
}

audio {
    width: 300px;
    height: 54px;
}

/* 全局div默认容器盒 */
.box {
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0 auto;
}
.box:after, .box:before {
    content: "";
    display: block;
    overflow: hidden;
}
.box:after {
    clear: both;
}

.clear-div:after {
  content: "";
  display: table;
  clear: both;	
}

/* 追加设置容器盒子模型为 border-box 默认是content-box  */
.b-box {
  box-sizing: border-box;
}
/* 相对容器盒子模型 默认是static  */
.box-r {
  position: relative;
}

/* 全局位置样式 */
.position-relative { position: relative; }
.position-absolute { position: absolute; }
.position-fixed { position: fixed; }

/* 全局隐藏样式 */
.hide-div { display: none; }

/* 行内区块 */
.inline-div {
	display: inline-block;
}

/* div居中，配合div宽度使用 */
.div-center {display: block; margin: auto;}

/* 文本居中-左和右 */
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}

/* 元素浮动 */
.fl {float: left;} 
.fr {float: right;} 
.fn {float: none;} 	

/* ---常用中英文字体家族样式 st宋体--- */
.font-uikit {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.font-st {font-family: SimSun, Arial, Helvetica, sans-serif;}
.font-kt {font-family: KaiTi, Arial, Helvetica, sans-serif;}
.font-yh {font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
.font-ls {font-family: LiSu, Arial, Helvetica, sans-serif;}
.font-fs {font-family: FangSong, Arial, Helvetica, sans-serif;}
.font-tnr {font-family: "Times New Roman", Arial, Helvetica, sans-serif;}
.font-ar {font-family: Arial, Helvetica, sans-serif;}
.font-cr {font-family: "Courier New", Courier, Arial, sans-serif;}  	/* ---Courier New字体间距较宽--- */

/* 字体规格引用样式 */
.font-bold {font-weight: bold;}
.font7 {font-size: 7px;}
.font8 {font-size: 8px;}
.font9 {font-size: 9px;}
.font10 {font-size: 10px;}
.font11 {font-size: 11px;}
.font12 {font-size: 12px;}
.font13 {font-size: 13px;}
.font14 {font-size: 14px;}
.font15 {font-size: 15px;}
.font16 {font-size: 16px;}
.font17 {font-size: 17px;}
.font18 {font-size: 18px;}
.font19 {font-size: 19px;}
.font20 {font-size: 20px;}
.font21 {font-size: 21px;}
.font22 {font-size: 22px;}
.font24 {font-size: 24px;}
.font26 {font-size: 26px;}
.font28 {font-size: 28px;}
.font30 {font-size: 30px;}
.font32 {font-size: 32px;}
.font34 {font-size: 34px;}
.font36 {font-size: 36px;}
.font38 {font-size: 38px;}
.font40 {font-size: 40px;}
.font42 {font-size: 42px;}

/* 百分比宽度 */
.w1 {width: 1%;}
.w2 {width: 2%;}
.w3 {width: 3%;}
.w4 {width: 4%;}
.w5 {width: 5%;}
.w6 {width: 6%;}
.w7 {width: 7%;}
.w8 {width: 8%;}
.w9 {width: 9%;}
.w10 {width: 10%;}
.w11 {width: 11%;}
.w12 {width: 12%;}
.w13 {width: 13%;}
.w14 {width: 14%;}
.w15 {width: 15%;}
.w16 {width: 16%;}
.w17 {width: 17%;}
.w18 {width: 18%;}
.w19 {width: 19%;}
.w20 {width: 20%;}
.w21 {width: 21%;}
.w22 {width: 22%;}
.w23 {width: 23%;}
.w24 {width: 24%;}
.w25 {width: 25%;}
.w26 {width: 26%;}
.w27 {width: 27%;}
.w28 {width: 28%;}
.w29 {width: 29%;}
.w30 {width: 30%;}
.w31 {width: 31%;}
.w32 {width: 32%;}
.w33 {width: 33%;}
.w34 {width: 34%;}
.w35 {width: 35%;}
.w36 {width: 36%;}
.w37 {width: 37%;}
.w38 {width: 38%;}
.w39 {width: 39%;}
.w40 {width: 40%;}
.w41 {width: 41%;}
.w42 {width: 42%;}
.w43 {width: 43%;}
.w44 {width: 44%;}
.w45 {width: 45%;}
.w46 {width: 46%;}
.w47 {width: 47%;}
.w48 {width: 48%;}
.w49 {width: 49%;}
.w50 {width: 50%;}
.w51 {width: 51%;}
.w52 {width: 52%;}
.w53 {width: 53%;}
.w54 {width: 54%;}
.w55 {width: 55%;}
.w56 {width: 56%;}
.w57 {width: 57%;}
.w58 {width: 58%;}
.w59 {width: 59%;}
.w60 {width: 60%;}
.w61 {width: 61%;}
.w62 {width: 62%;}
.w63 {width: 63%;}
.w64 {width: 64%;}
.w65 {width: 65%;}
.w66 {width: 66%;}
.w67 {width: 67%;}
.w68 {width: 68%;}
.w69 {width: 69%;}
.w70 {width: 70%;}
.w71 {width: 71%;}
.w72 {width: 72%;}
.w73 {width: 73%;}
.w74 {width: 74%;}
.w75 {width: 75%;}
.w76 {width: 76%;}
.w77 {width: 77%;}
.w78 {width: 78%;}
.w79 {width: 79%;}
.w80 {width: 80%;}
.w81 {width: 81%;}
.w82 {width: 82%;}
.w83 {width: 83%;}
.w84 {width: 84%;}
.w85 {width: 85%;}
.w86 {width: 86%;}
.w87 {width: 87%;}
.w88 {width: 88%;}
.w89 {width: 89%;}
.w90 {width: 90%;}
.w91 {width: 91%;}
.w92 {width: 92%;}
.w93 {width: 93%;}
.w94 {width: 94%;}
.w95 {width: 95%;}
.w96 {width: 96%;}
.w97 {width: 97%;}
.w98 {width: 98%;}
.w99 {width: 99%;}
.w100 {width: 100%;}

/* 文字和背景全局颜色 */
.text-white { color: #fff; }
.text-black { color: #000; }
.text-red { color: red; }
.text-blue { color: blue; }
.text-green { color: green; }
.text-yellow { color: yellow; }

.bg-white { color: #fff; }
.bg-black { color: #000; }
.bg-red { color: red; }
.bg-blue { color: blue; }
.bg-green { color: green; }
.bg-yellow { color: yellow; }

/* 闪电网站文字和背景主色 --- 绿色 */
.df-text-main {color: #4da404;}
.df-bg-main {background-color: #4da404;}
.df-text-main2 {color: #489608;}
.df-bg-main2 {background-color: #489608;}

/* 闪电网站文字和背景辅色 --- 红色 */
.df-text-sub {color: #ff3d31;}
.df-bg-sub {background-color: #ff3d31;} 
.df-text-sub2 {color: #ce0a00;}
.df-bg-sub2 {background-color: #ce0a00;} 

/* 闪电网站黑白浅灰深灰 */
.df-text-black { color: #292929; }
.df-text-white { color: #efefef; }
.df-text-gray { color: #c5c5c5; }
.df-text-gray2 { color: #575757; }

.df-bg-black { background-color: #292929; }
.df-bg-white { background-color: #efefef; }
.df-bg-gray { background-color: #c5c5c5; }
.df-bg-gray2 { background-color: #575757; }


/* 闪电网站按钮 */

/* 绿色按钮 */
.df-button-green {
  background-color: #4da404;
  color: #ffffff;
  line-height: 2.3;
  padding: 0 1.8em;
  border-radius: 3px;
  letter-spacing: 0px;
  font-family: SimSun, Arial, Helvetica, sans-serif;  
}
	/* Hover */
.df-button-green:hover,
.df-button-green:focus {
  background-color: #489608;
  color: #ffffff;
}

/* 红色按钮 */
.df-button-red {
  background-color: #f83760;
  color: #ffffff;
  line-height: 2.3;
  padding: 0 1.8em;
  border-radius: 3px;
  letter-spacing: 0px;
  font-family: SimSun, Arial, Helvetica, sans-serif;  
}
	/* Hover */
.df-button-red:hover,
.df-button-red:focus {
  background-color: #f65376;
  color: #ffffff;	
}
/* 灰色按钮 */
.df-button-gray {
  background-color: #e5e5e5;
  color: #444;
  line-height: 2.3;
  padding: 0 1.8em;
  border-radius: 3px;
  letter-spacing: 0px;
  font-family: SimSun, Arial, Helvetica, sans-serif;  
}
	/* Hover */
.df-button-gray:hover,
.df-button-gray:focus {
  background-color: #f5f5f5;
  color: #555;	
}
/* 橙色按钮 */
.df-button-orange {
  background-color: #ea5404;
  color: #ffffff;
  line-height: 2.3;
  padding: 0 1.8em;
  border-radius: 3px;
  letter-spacing: 0px;
  font-family: SimSun, Arial, Helvetica, sans-serif;  
}
	/* Hover */
.df-button-orange:hover,
.df-button-orange:focus {
  background-color: #f65376;
  color: #ffffff;	
}
/* 蓝色按钮 */
.df-button-blue {
  background-color: #3498e1;
  color: #ffffff;
  line-height: 2.3;
  padding: 0 1.8em;
  border-radius: 3px;
  letter-spacing: 0px;
  font-family: SimSun, Arial, Helvetica, sans-serif;  
}
	/* Hover */
.df-button-blue:hover,
.df-button-blue:focus {
  background-color: #3aa7f7;
  color: #ffffff;	
}

/* 形状样式 */
.circle {
	width: 100%;
	height: 100%;	
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

/* 取消ul默认的样式 */
.flash-ul {
  list-style: none;
  padding: 0;
}

/* 高亮代码覆盖uikit中pre元素的样式 */
pre {
  padding: 0;
}

/* 恢复主内容section的默认padding */
.main-content .section {
  padding: 0 15px;
}

/* 默认的页面居中布局的最大宽度 */
.flash-layout-width {
  max-width: 1290px;
}

/* 手机样式 max=640px */

/* 在手机上隐藏 */
@media all and (max-width: 640px) {
	.mobile-hide {display: none;}
	
}

/*   pc样式 min=1024px */

/* 在pc上隐藏 */
@media all and (min-width: 1024px ) {
	.pc-hide {display: none;}
	
}

/* pad样式 max=1023px min=641px */

/* 在pad上上隐藏 */
@media all and (max-width: 1023px) and (min-width: 641px) {
	.pad-hide {display: none;}
	
}

/**
 *针对drupal默认样式的变化
 */

/* 取消区块之间默认的间距 */
.block .content {
    margin-bottom: 0;
}

/* drupal表单发布页单选框和多选框设置为行内区块 */
.form-item.form-type-radio,
.form-item.form-type-checkbox {
  display: inline-block;
  margin-right: 10px;
}

.page-title,
#page-title {
	text-align: center;
}

/* 以下是原先平鲜网站的部分css */

/* 手机页面容器css */
#px-page {
    height: auto;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    text-align: left;
}


/* 底部图标导航css */
.foot-icon-content-box {padding: 6px 0 0;}
.foot-icon-content-box img {display:inline-block;width: 26px;}
.foot-nav-title {margin-top:3px;}

/* 顶部导航栏css */
.back-icon-box {
	width: 15px;
	height: 26px;
	position: absolute;
	left: 20px;
	top: 0;
} 
.top-cart-icon-box {
	width: 26px;
	height: 27px;
	position: absolute;
	right: 20px;
	top: -2px;
} 
.icon-num {
	display: none;
	width: 15px;
    height: 15px;
    line-height: 15px;
    margin: 0 auto;
    vertical-align: middle;
    position: absolute;
	right: 15px;
	top: 5px;
	z-index: 1001
}