/************************************************************************
*************************************************************************
*************************************************************************
=========================================================================
* @ description: 触屏端网站 - 基础公用样式，应用于所有页面!
* @ author: kennen
* @ update: kennen(2017.07.21)
=========================================================================
*************************************************************************
*************************************************************************
*************************************************************************/

/*=======================================================================
*************************************************************************
*************************************************************************
*************************************************************************
* name: case-common
* tips: 项目通用-所有项目通用
*************************************************************************
*************************************************************************
*************************************************************************
========================================================================*/

/***************************************
* name: rem-font-size
* tips: 基础字体大小
****************************************/

html {
  font-size: 32px;
}

@media (min-device-width:320px) {
  html {
    font-size: 32px !important;
  }
}

@media (min-device-width:360px) {
  html {
    font-size: 36px !important;
  }
}

@media (min-device-width:375px) {
  html {
    font-size: 37.5px !important;
  }
}

@media (min-device-width:384px) {
  html {
    font-size: 38.4px !important;
  }
}

@media (min-device-width:412px) {
  html {
    font-size: 41.2px !important;
  }
}

@media (min-device-width:414px) {
  html {
    font-size: 41.4px !important;
  }
}

@media (min-device-width:480px) {
  html {
    font-size: 48px !important;
  }
}

@media (min-device-width:540px) {
  html {
    font-size: 54px !important;
  }
}

@media (min-device-width:560px) {
  html {
    font-size: 56px !important;
  }
}

@media (min-device-width:600px) {
  html {
    font-size: 60px !important;
  }
}

@media (min-device-width:750px) {
  html {
    font-size: 75px !important;
  }
}

@media (min-device-width:768px) {
  html {
    font-size: 76.8px !important;
  }
}

@media (min-device-width:800px) {
  html {
    font-size: 80px !important;
  }
}

@media (min-device-width:1080px) {
  html {
    font-size: 108px !important;
  }
}

@media (min-device-width:1280px) {
  html {
    font-size: 128px !important;
  }
}

@media (min-device-width:1440px) {
  html {
    font-size: 144px !important;
  }
}

@media (min-device-width:1600px) {
  html {
    font-size: 160px !important;
  }
}

/***************************************
* name: browser-reset
* tips: 浏览器重置
****************************************/

/*reset-basic 重置基础信息*/

html,
body,
div,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
form,
table,
th,
td,
input,
button,
select,
textarea,
img,
h1,
h2,
h3,
h4,
h5,
h6,
header,
section,
footer,
article,
aside,
video,
aside {
  margin: 0;
  padding: 0;
}

html {
  font-family: 'hiraginosansgb w3', 'Microsoft YaHei', "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  min-width: 4.266667rem;
  overflow-x: hidden;
  line-height: 1;
}

html,
body {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"],
input[type="date"],
button,
textarea {
  font-family: 'Microsoft YaHei', "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
  color: #666;
  outline: none;
  -webkit-appearance: none;
}

input[type="radio"],
input[type="checkbox"],
select {
  font-family: 'Microsoft YaHei', "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #666;
  outline: none;
}

input,
select,
button {
  line-height: normal !important;
}

img {
  border: 0;
  max-width: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

td {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

em,
i {
  font-style: normal;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  outline: none;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

a {
  color: #666;
}

a:active {
  color: #666;
}

/*input 记录填充去除黄色背景*/

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1.333333rem white inset;
}

/***************************************
* name: common
* tips: 公用样式
****************************************/

html.overHidden{
  height: 100%;
  overflow: hidden;
}
body {
  background: #f2f5f6;
  font-size: 0.426667rem;
}

body.overHidden {
  height: 100%;
  overflow: hidden;
}
.bgcolor-white{ 
  background-color: #fff;
}
.clear {
  *zoom: 1;
}

.clear:after {
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
  content: '\0020';
}

.verMiddle {
  display: -moz-box;
  display: -webkit-box;
  display: box;
  -moz-box-align: center;
  -webkit-box-align: center;
}

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

.break {
  word-break: break-all;
  word-wrap: break-word;
}

.delete {
  text-decoration: line-through;
  color: #999;
}

.underline {
  text-decoration: underline;
}

.boxSizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.txtCenter {
  text-align: center;
}

.txtRight {
  text-align: right;
}

.txtLeft {
  text-align: left;
}

.floatRight {
  float: right;
}

.floatLeft {
  float: left;
}

.hidden {
  display: none;
}

.block {
  display: block;
}

.fi {
  display: inline-block;
}

.wrapper {
  padding: 0.4rem 0.333333rem;
  background: #fff;
}

.borderTop {
  border-top: 1px solid #ddd;
}

.borderBottom {
  border-bottom: 1px solid #ddd;
}

.borderNone {
  border: none !important;
}

.bg-none {
  background: none !important;
}

.bg-white {
  background: #fff !important;
}

.bg-green {
  background: #00caa0 !important;
}

.bg-blue {
  background: #64c6f7 !important;
}

.bg-red {
  background: #fd7f80 !important;
}

.bg-theme {
  background: #00a5e4 !important;
}

.bg-gray {
  background-color: #f2f5f6;
}

.vm {
  vertical-align: middle;
}

.vt {
  vertical-align: top;
}

/***************************************
* name: font
* tips: 字体设置
****************************************/

.font-theme {
  color: #4d6bab;
}

.font-black {
  color: #333;
}

.font-white {
  color: #fff;
}

.font-gray {
  color: #999;
}

.font-red {
  color: #ff6263;
}

.font-red-deep {
  color: #0080cc;
}

.font-green {
  color: #00a4ad;
}

.font-blue {
  color: #5d89e7;
}

.font-yellow {
  color: #fee300;
}

.font-orange {
  color: #fd5004;
}

/***************************************
* name: width
* tips: 定义宽度
****************************************/

.width50 {
  width: 0.666667rem;
}

.width100 {
  width: 1.333333rem;
}

.width150 {
  width: 2rem;
}

.width200 {
  width: 2.666667rem;
}

.width250 {
  width: 3.333333rem;
}

.width300 {
  width: 4rem;
}

.widthFull {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/***************************************
* name: form
* tips: 表单元素
****************************************/

/*input 文本输入框*/

.inputTxt {
  text-indent: 0.266667rem;
  background: #fff;
  outline: none;
  vertical-align: middle;
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: 0.4rem;
  -webkit-border-radius: 0.04rem;
  border-radius: 0.04rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ddd;
  font-family: 'Microsoft YaHei', "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
}

.inputTxt::-webkit-input-placeholder {
  line-height: 0.533333rem;
}

.inputTxt.big {
  height: 1.066667rem;
  line-height: 1.066667rem;
}

.inputTxt.max {
  height: 1.333333rem;
  line-height: 1.333333rem;
}

.inputTxt.small {
  height: 0.533333rem;
  line-height: 0.533333rem;
}

.inputTxt.min {
  height: 0.4rem;
  line-height: 0.4rem;
}

.inputTxt.error {
  border: 1px solid red;
}

.inputTxt.disabled {
  background: #eee;
  color: #999;
}

.inputTxt.borderNone {
  border: none;
}

/*textarea 文本域*/

textarea {
  border: 1px solid #eee;
  width: 100%;
  min-height: 2.666667rem;
  font-size: 0.373333rem;
  padding: 0.133333rem;
  line-height: 0.533333rem;
  resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*select 下拉选择框*/

select {
  background: #fff;
  border: 1px solid #eee;
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: 0.373333rem;
  -webkit-border-radius: 0.093333rem;
  border-radius: 0.093333rem;
}

select.disabled {
  background: #eee;
  color: #999;
}

/*radioGroup 模拟单选框*/

.radioGroup {
  display: inline-block;
  height: 0.533333rem;
  line-height: 0.533333rem;
  position: relative;
  z-index: 0;
}

.radioGroup .tips {
  line-height: 0.533333rem;
  padding-left: 0.493333rem;
  font-size: 0.373333rem;
  color: #666666;
}

.radioGroup .fi-radio {
  position: absolute;
  z-index: 1;
  left: -0.12rem;
  top: 0.04rem;
  color: #999;
  font-size: 0.533333rem;
  display: block;
}

.radioGroup .fi-check-on {
  position: absolute;
  z-index: 2;
  left: -0.08rem;
  top: 0.04rem;
  color: #0080cc;
  display: none;
  font-size: 0.48rem;
}

.radioGroup .fi-anniu {
  position: absolute;
  z-index: 2;
  left: -0.106667rem;
  top: 0.04rem;
  color: #0080cc;
  display: none;
  font-size: 0.506667rem;
}

.radioGroup input[type=radio] {
  visibility: hidden;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.radioGroup input[type=radio]:checked+.fi-radio {
  display: none;
}

.radioGroup input[type=radio]:checked+.fi-radio+.fi-anniu {
  display: block;
}

.radioGroup input[type=radio]:checked+.fi-radio+.fi-check-on {
  display: block;
}

/*checkGroup 模拟多选框*/

.checkGroup {
  display: inline-block;
  line-height: 0.533333rem;
  position: relative;
  z-index: 0;
}

.checkGroup .tips {
  line-height: 0.666667rem;
  padding-left: 0.8rem;
}

.checkGroup .fi-radio {
  position: absolute;
  z-index: 1;
  left: 0;
  color: #999;
  font-size: 0.8rem;
  display: block;
}

.checkGroup .fi-check-on {
  position: absolute;
  z-index: 2;
  left: 0.04rem;
  color: #0080CC;
  display: none;
  font-size: 0.666667rem;
}

.checkGroup input[type=checkbox] {
  visibility: hidden;
  position: absolute;
  z-index: 3;
}

.checkGroup input[type=checkbox]:checked+.fi-radio+.fi-check-on {
  display: block;
}

.checkGroup input[type=checkbox]:checked+.fi-radio {
  display: none;
}

/*drapDownGroup 模拟下拉框*/

.drapDownGroup {
  position: relative;
  z-index: 10;
  display: inline-block;
}

.drapDownGroup.hidden {
  display: none;
}

.drapDownGroup.z-index200 {
  z-index: 200;
}

.drapDownGroup .inputGroup {
  position: relative;
  z-index: 0;
  display: inline-block;
}

.drapDownGroup .inputGroup .fi-angle-down {
  display: inline-block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  width: 0.533333rem;
  height: 0.533333rem;
  line-height: 0.533333rem;
  right: 0.266667rem;
  top: 50%;
  margin-top: -0.266667rem;
  text-align: center;
}

.drapDownGroup .inputGroup .fi-angle-down.on {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.drapDownGroup.disabled .drapDown-dt .inputGroup,
.drapDownGroup.disabled .drapDown-dt .inputGroup .drapDown-curval {
  border-color: #ddd;
  color: #ccc;
  cursor: default;
}

.drapDownGroup .drapDown-dt .inputGroup {
  width: 100%;
  border-right: 1px solid #eee;
  -webkit-border-radius: 0.066667rem;
  border-radius: 0.066667rem;
}

.drapDownGroup .drapDown-dt .inputGroup .drapDown-curval {
  width: 80%;
  border: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.drapDownGroup .drapDown-dt .inputGroup .drapDown-curval.widthFull {
  width: 100%;
  text-indent: 0.266667rem;
}

.drapDownGroup .drapDown-dd {
  position: absolute;
  left: 0px;
  width: 100%;
  max-height: 4rem;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-border-radius: 0.066667rem;
  border-radius: 0.066667rem;
  -webkit-box-shadow: 0.013333rem 0.013333rem 0.04rem 0.013333rem rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  top: 1.2rem;
}

.drapDownGroup .drapDown-dd.on {
  opacity: 1;
  visibility: visible;
  top: 1.106667rem;
}

.drapDownGroup .drapDown-dd-val {
  background: #fff;
  line-height: 0.8rem;
  -webkit-border-radius: 0.053333rem;
  border-radius: 0.053333rem;
}

.drapDownGroup .drapDown-dd-val .item {
  padding: 0 0.133333rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  font-size: 0.373333rem;
  text-align: center;
  color: #666;
  border-bottom: 1px solid #eee;
}

.drapDownGroup .drapDown-dd-val .item:last-child {
  border-bottom: none;
}

/*fileGroups 上传组件*/

.fileGroups {
  width: 1.066667rem;
  height: 1.066667rem;
  display: block;
  border: 1px solid #eee;
  text-align: center;
  position: relative;
  z-index: 0;
  overflow: hidden;
  background: #f9f9f9;
}

.fileGroups .file {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 9.333333rem;
  cursor: pointer;
  opacity: 0;
}

.fileGroups .file-label {
  font-size: 0.533333rem;
  line-height: 1.066667rem;
  color: #999;
}

/***************************************
* name: button
* tips: 定义按钮
****************************************/

/*btn-basic 按钮基础信息*/

.btn {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  background: #ddd;
  height: 0.8rem;
  line-height: 0.8rem;
  padding: 0 0.266667rem;
  font-size: 0.373333rem;
  -webkit-border-radius: 0.066667rem;
  border-radius: 0.066667rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ddd;
}

input.btn {
  vertical-align: 0.013333rem;
}

.btn.brown {
  background: #6c6463;
  border-color: #6c6463;
  color: #fff;
}

.btn.brown.border {
  color: #6c6463;
}

.btn.orange {
  background: #fd5004;
  border-color: #fd5004;
  color: #fff;
}

.btn.orange.border {
  color: #fd5004;
}

.btn.red {
  background: #0080cc;
  border-color: #0080cc;
  color: #fff;
}

.btn.red.border {
  color: #ff4800;
}

.btn.dred {
  background: #0080cc;
  border-color: #0080cc;
  color: #fff;
}

.btn.dred.border {
  color: #00a4ad;
}

.btn.yellow {
  background: #fee300;
  border-color: #fee300;
  color: #000;
}

.btn.yellow.border {
  color: #000;
}

.btn.blue {
  background: #4a90e2;
  border-color: #4a90e2;
  color: #fff;
}

.btn.blue.border {
  color: #4a90e2;
}

.btn.black {
  background: #000;
  border-color: #000;
  color: #fff;
}

.btn.black.border {
  color: #000;
}

.btn.white {
  background: #fff;
  border-color: #fff;
  color: #666;
}

.btn.white.border {
  color: #666;
}

.btn.gray {
  background: #999;
  border-color: #999;
  color: #fff;
}

.btn.gray.border {
  color: #999;
}

/*btn-border 按钮边框*/

.btn.border {
  background: none;
}

/*btn-szie 按钮大小*/

.btn.big {
  height: 1.066667rem;
  line-height: 1.066667rem;
  font-size: 0.373333rem;
}

.btn.max {
  height: 1.333333rem;
  line-height: 1.333333rem;
  font-size: 0.426667rem;
}

.btn.small {
  height: 0.533333rem;
  line-height: 0.533333rem;
  font-size: 0.32rem;
}

.btn.min {
  height: 0.4rem;
  line-height: 0.4rem;
  padding: 0 0.133333rem;
  font-size: 0.266667rem;
}

.btn.tag {
  height: 0.533333rem;
  line-height: 0.533333rem;
  padding: 0 0.066667rem;
  font-size: 0.266667rem;
  background: #0080CC;
  border: none;
  color: #fff;
}

.btn.tag.green {
  background: #00a4ad;
}

.btn.tag.blue {
  background: #4a90e2;
}

.btn.tag.red {
  background: #ff4800;
}

.btn.tag.gray {
  background: #999;
}

.btn.tag.border {
  background: none;
  border: 1px solid #fd5004;
  color: #fd5004;
}

/*btn-statu 按钮状态*/

.btn.disabled {
  background: #dedede;
  border-color: #dedede;
  color: #bbb;
}

.btn.disabled.border {
  color: #dedede;
}

.btn:active,
.btn.border:active {
  opacity: 0.8;
}

.btn.radiuNone {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.btn.capsule {
  -webkit-border-radius: 30%;
  border-radius: 30%;
}

/***************************************
* name: flex
* tips: 盒子模型
****************************************/

.flex {
  display: box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.flex .flex-ico {
  margin-right: 0.266667rem;
  display: -moz-box;
  display: -webkit-box;
  display: box;
  -moz-box-align: center;
  -webkit-box-align: center;
}

.flex .flex-ico .fi {
  font-size: 0.48rem;
  vertical-align: middle;
}

.flex .flex-label {
  margin-right: 0.133333rem;
}

.flex .flex-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0.133333rem;
  /*必须设置一个最小宽度，否则，其子元素如果包含 class "ellipsis"在谷歌浏览器下会出现不包含省略号的问题*/
}

.flex .flex-tips {
  color: #333;
}

.flex .flex-angle {
  display: -moz-box;
  display: -webkit-box;
  display: box;
  -moz-box-align: center;
  -webkit-box-align: center;
  margin-left: 0.133333rem;
}

.flex .flex-angle .fi {
  font-size: 0.6rem;
  color: #999;
  vertical-align: middle;
}

.flex .flex-angle .fi-angle-right {
  vertical-align: -0.08rem;
}

/*formDataGroup 表单数据列表通用*/

.formDataGroup .formDataItem {
  padding: 0.133333rem;
  background: #fff;
}

/*flexGroup 盒子条组合*/

.flexGroup {
  padding: 0 0.266667rem;
  background: #fff;
  margin-bottom: 0.266667rem;
  border-bottom: 1px solid #ddd;
}

.flexGroup .flex {
  padding: 0.266667rem 0;
  border-bottom: 1px solid #E5E5E5;
  line-height: 0.533333rem;
}

.flexGroup .flex:last-child {
  border-bottom: none;
}

/*webkit-box弹性盒布局*/

.webkit-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  display: box;
}

.webkit-box .flex {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
}

/***************************************
* name: grid
* tips: 格子布局
****************************************/

.grid {
  *zoom: 1;
}

.grid:after {
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
  content: '\0020';
}

.grid .grid-item {
  float: left;
}

.grid .col-12 {
  width: 100%;
}

.grid .col-11 {
  width: 91.66666667%;
}

.grid .col-10 {
  width: 83.33333333%;
}

.grid .col-9 {
  width: 75%;
}

.grid .col-8 {
  width: 66.66666667%;
}

.grid .col-7 {
  width: 58.33333333%;
}

.grid .col-6 {
  width: 50%;
}

.grid .col-5 {
  width: 41.66666667%;
}

.grid .col-4 {
  width: 33.33333333%;
}

.grid .col-3 {
  width: 25%;
}

.grid .col-2 {
  width: 16.66666667%;
}

.grid .col-2-4 {
  width: 19.999999992%;
}

.grid .col-1 {
  width: 8.33333333%;
}

/*alert 弹窗*/

.alert {
  position: fixed;
  z-index: 100;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden;
  display: none;
}

.alert-main {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.alert-mask {
  position: absolute;
  z-index: 99;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
}

.alert-rightBox {
  position: absolute;
  z-index: 100;
  right: -90%;
  top: 0;
  bottom: 0;
  width: 90%;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 100%;
  opacity: 0;
}

.alert-leftBox {
  position: absolute;
  z-index: 100;
  left: -90%;
  top: 0;
  bottom: 0;
  width: 90%;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 100%;
  opacity: 0;
}

.alert-topBox {
  position: absolute;
  z-index: 100;
  left: 0;
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 100%;
  opacity: 0;
}

.alert-bottomBox {
  position: fixed;
  z-index: 100;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 100%;
  opacity: 0;
}

.alert-middleBox {
  position: fixed;
  z-index: 100;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 0;
  width: 100%;
}

.alert-middleBox-container {
  position: absolute;
  width: 100%;
}

.alert-middleBox-container .alertConfirmBox {
  margin: 0 1.333333rem;
}

.alert.on {
  visibility: visible;
  display: block;
}

.alert.on .scale {
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.alert.on .alert-mask {
  opacity: 1;
}

.alert.on .alert-rightBox {
  right: 0;
  opacity: 1;
}

.alert.on .alert-leftBox {
  left: 0;
  opacity: 1;
}

.alert.on .alert-topBox {
  right: 0;
  opacity: 1;
}

.alert.on .alert-bottomBox {
  left: 0;
  opacity: 1;
}

.alert.on .alert-middleBox {
  opacity: 1;
}

.alertConfirmBox {
  background: #fff;
  -webkit-border-radius: 0.133333rem;
  border-radius: 0.133333rem;
  text-align: center;
  overflow: hidden;
}

.alertConfirmBox .alertConfirm-title {
  padding: 0.666667rem 0.266667rem;
  line-height: 0.493333rem;
}

.alertConfirmBox .alertConfirm-action {
  border-top: 1px solid #eee;
  overflow: hidden;
}

.alertConfirmBox .alertConfirm-action .btn {
  float: left;
  width: 50%;
  padding: 0;
  margin: 0;
  text-align: center;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #fff;
  color: #666;
}

.alertConfirmBox .alertConfirm-action.alertConfirm-action-tips {
  padding: 0.133333rem;
}

.alertConfirmBox .alertConfirm-action.alertConfirm-action-tips .btn {
  width: 100%;
}

.alertConfirmBox .alertConfirm-action.alertConfirm-action-tips .btn.gray {
  background: #999;
  border-left: none;
  color: #fff;
  -webkit-border-radius: 0.066667rem;
  border-radius: 0.066667rem;
}

.alertConfirmBox .alertConfirm-filed {
  padding: 0 0.266667rem 0.4rem 0.266667rem;
}

.alertConfirmBox .alertConfirm-filed .flex-label {
  line-height: 1.066667rem;
}

.alertConfirmBox .alertConfirm-action .btn.sureBtn {
  border-left: 1px solid #eee;
  color: #fff;
  background: #0080cc;
}

.alertConfirmBox .alertConfirm-action.fullWidth .btn.sureBtn {
  width: 100%;
  border-left: 0;
}

.alertConfirmBox .alertConfirm-des {
  color: #999;
  margin-bottom: 0.2rem;
  line-height: 0.266667rem;
  padding: 0.266667rem;
  display: none;
}

/*alertTips 弹窗*/

.alertTips {
  position: fixed;
  left: 0.266667rem;
  right: 0.266667rem;
  /* top: 50%; */
  height: 2.666667rem;
  margin-top: -1.333333rem;
  text-align: center;
}

.alertTips .container {
  display: inline-block;
  min-width: 4rem;
  padding: 0.266667rem 0.4rem;
  line-height: 0.533333rem;
  background: rgba(0, 0, 0, 0.7);
  -webkit-border-radius: 0.02666667rem;
  border-radius: 0.02666667rem;
  -webkit-box-shadow: 0 0 0.04rem 0.013333rem rgba(0, 0, 0, 0.10);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.10);
  color: #fff;
}

.alertTips .container .fi {
  display: block;
  margin: 0 auto;
  font-size: 0.933333rem;
  line-height: 0.8rem;
}

/*****************************************
* name: loadingMask
* tips: 正在加载
******************************************/

.loadingMask {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  padding: 0.266667rem;
  line-height: 0.48rem;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  font-size: 0;
  -webkit-border-radius: 0.066667rem;
  border-radius: 0.066667rem;
}
#loadingFullScreen .mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
}

#loadingFullScreen.on .mask {
  opacity: 1;
}

/***************************************
* name: CSS3
* tips: 动态效果
****************************************/

.transition {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.scale {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  -ms-transform: scale3d(0.5, 0.5, 0.5);
  -moz-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
}

.rotate {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

/*scoreGroup 定义评分等级*/

.scoreGroup {
  display: inline-block;
  overflow: hidden;
}

.scoreGroup .scoreItem {
  float: left;
  margin-left: -0.16rem;
}

.scoreGroup .scoreItem .fi {
  font-size: 0.533333rem;
  color: #ddd;
}

.scoreGroup .scoreItem .fi-star {
  display: none;
}

.scoreGroup.star_0 .scoreItem .fi-star {
  display: none;
}

.scoreGroup.star_0 .scoreItem .fi-star-on {
  display: block;
}

.scoreGroup.star_1 .scoreItem:nth-child(1) .fi-star,
.scoreGroup.star_2 .scoreItem:nth-child(1) .fi-star,
.scoreGroup.star_2 .scoreItem:nth-child(2) .fi-star,
.scoreGroup.star_3 .scoreItem:nth-child(1) .fi-star,
.scoreGroup.star_3 .scoreItem:nth-child(2) .fi-star,
.scoreGroup.star_3 .scoreItem:nth-child(3) .fi-star,
.scoreGroup.star_4 .scoreItem:nth-child(1) .fi-star,
.scoreGroup.star_4 .scoreItem:nth-child(2) .fi-star,
.scoreGroup.star_4 .scoreItem:nth-child(3) .fi-star,
.scoreGroup.star_4 .scoreItem:nth-child(4) .fi-star,
.scoreGroup.star_5 .scoreItem:nth-child(1) .fi-star,
.scoreGroup.star_5 .scoreItem:nth-child(2) .fi-star,
.scoreGroup.star_5 .scoreItem:nth-child(3) .fi-star,
.scoreGroup.star_5 .scoreItem:nth-child(4) .fi-star,
.scoreGroup.star_5 .scoreItem:nth-child(5) .fi-star {
  display: none;
}

.scoreGroup.star_1 .scoreItem:nth-child(1) .fi-star-on,
.scoreGroup.star_2 .scoreItem:nth-child(1) .fi-star-on,
.scoreGroup.star_2 .scoreItem:nth-child(2) .fi-star-on,
.scoreGroup.star_3 .scoreItem:nth-child(1) .fi-star-on,
.scoreGroup.star_3 .scoreItem:nth-child(2) .fi-star-on,
.scoreGroup.star_3 .scoreItem:nth-child(3) .fi-star-on,
.scoreGroup.star_4 .scoreItem:nth-child(1) .fi-star-on,
.scoreGroup.star_4 .scoreItem:nth-child(2) .fi-star-on,
.scoreGroup.star_4 .scoreItem:nth-child(3) .fi-star-on,
.scoreGroup.star_4 .scoreItem:nth-child(4) .fi-star-on,
.scoreGroup.star_5 .scoreItem:nth-child(1) .fi-star-on,
.scoreGroup.star_5 .scoreItem:nth-child(2) .fi-star-on,
.scoreGroup.star_5 .scoreItem:nth-child(3) .fi-star-on,
.scoreGroup.star_5 .scoreItem:nth-child(4) .fi-star-on,
.scoreGroup.star_5 .scoreItem:nth-child(5) .fi-star-on {
  display: block;
  color: #ffcc01;
}

/***************************************
* name: buyNumGroup
* tips: 购买数量组件
****************************************/

.buyNumGroup {
  display: inline-block;
  width: 3.6rem;
  display: box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.buyNumGroup .buyNumInput {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0.133333rem;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-left: none;
  border-right: none;
  text-align: center;
  text-indent: 0;
  padding: 0;
}

.buyNumGroup .btn-reduce {
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 1.066667rem;
  font-size: 0.533333rem;
  background: #fff;
}

.buyNumGroup .btn-add {
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 1.066667rem;
  font-size: 0.533333rem;
  background: #fff;
}

.buyNumGroup.small {
  width: 3.333333rem;
}

.buyNumGroup.small .btn-reduce {
  width: 1.066667rem;
  height: 0.933333rem;
  line-height: 0.933333rem;
}

.buyNumGroup.small .btn-add {
  height: 0.933333rem;
  line-height: 0.933333rem;
}

.buyNumGroup.small .buyNumInput {
  height: 0.933333rem;
  line-height: 0.933333rem;
}

/***************************************
* name: adFull
* tips: 通栏广告条
****************************************/

.adFull>.aItem {
  display: block;
  overflow: hidden;
}

.adFull>.aItem>.img {
  width: 100%;
  float: left;
}

/***************************************
* name: freeData
* tips: 富文本编辑器内容
****************************************/

.freeData {
  line-height: 0.8rem;
  font-size: 0.373333rem;
  *zoom: 1;
}

.freeData:after {
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
  content: '\0020';
}

.freeData img {
  max-width: 100%;
  line-height: 1;
  vertical-align: middle;
  border: none;
}

/***************************************
* name: loading
* tips: 加载更多
****************************************/

.loading {
  text-align: center;
}

.loading .icoContainer {
  display: inline-block;
  vertical-align: -0.133333rem;
  width: 0.533333rem;
  height: 0.533333rem;
  background: url(../img/loading.gif) center center no-repeat;
  -webkit-background-size: 0.533333rem 0.533333rem;
  background-size: 0.533333rem 0.533333rem;
  margin-right: 0.093333rem;
}

.loading .icoContainer .fi {
  font-size: 0.8rem;
  display: none;
}

.loading .tipsContainer {
  display: block;
  color: #999;
  margin-top: 0.133333rem;
  font-size: 0.32rem;
}

.loading .tips {
  color: #999;
  font-size: 0.373333rem;
}

@-webkit-keyframes loading-key {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

.loading-rotation {
  -webkit-transform: rotate(360deg);
  animation: loading-key 3s linear infinite;
  -moz-animation: loading-key 3s linear infinite;
  -webkit-animation: loading-key 3s linear infinite;
  -o-animation: loading-key 3s linear infinite;
}

.loading-bg {
  -webkit-background-size: 0.213333rem 0.213333rem;
  background-size: 0.213333rem 0.213333rem;
  display: inline-block;
  width: 0.213333rem;
  height: 0.213333rem;
  vertical-align: -0.04rem;
}

.pullUpLoadingWrap {
  margin-top: 0.266667rem;
}

.pullUpLoadingWrap .loading-default {
  text-align: center;
  height: 1.066667rem;
  line-height: 1.066667rem;
  font-size: 0.346667rem;
  color: #999999;
}

.pullUpLoadingWrap .loading {
  display: none;
}

.pullUpLoadingWrap.on .loading {
  display: block;
}

.pullUpLoadingWrap.on .loading-default {
  display: none;
}

/***************************************
* name: bottomLine
* tips: 底线
****************************************/

.bottomLine {
  text-align: center;
  padding: 0.4rem 0;
}

.bottomLine .line {
  display: inline-block;
  border-top: 1px solid #ddd;
  width: 1.333333rem;
  vertical-align: 0.066667rem;
}

.bottomLine .tips {
  display: inline-block;
  font-size: 0.32rem;
  padding: 0 0.133333rem;
}

/***************************************
* name: pullUpLoading
* tips: 上拉-加载更多
****************************************/

.pullUpLoading {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  height: 0;
}

.pullUpLoading.on {
  visibility: visible;
  opacity: 1;
  height: 2.4rem;
}

.pullUpLoading-default {
  height: 1.2rem;
  line-height: 1.2rem;
  backgroudn: #f1f1f1;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  height: 0;
}

.pullUpLoading-default.on {
  visibility: visible;
  opacity: 1;
  height: 1.2rem;
}

/***************************************
* name: alertLoading
* tips: 弹窗-加载
****************************************/

.alertLoading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
}

.alertLoading .loading-container {
  width: 2.666667rem;
  height: 1.066667rem;
  line-height: 1.066667rem;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -1.6rem;
  margin-top: -0.8rem;
  background: #fff;
  padding: 0.266667rem;
  -webkit-border-radius: 0.066667rem;
  border-radius: 0.066667rem;
  -webkit-box-shadow: 0.013333rem 0.013333rem 0.04rem 0.013333rem rgba(0, 0, 0, 0.1);
  box-shadow: 0.013333rem 0.013333rem 0.04rem 0.013333rem rgba(0, 0, 0, 0.1);
}

.alertLoading .loading-container .loading-ico {
  display: inline-block;
  margin-right: 0.066667rem;
  vertical-align: -0.266667rem;
}

.alertLoading .loading-container .loading-des {
  display: inline-block;
}

.alertLoading .loading-container .ico-loading {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../img/loading.gif) center center no-repeat;
  -webkit-background-size: 0.666667rem 0.666667rem;
  background-size: 0.666667rem 0.666667rem;
}

/***************************************
* name: pages
* tips: 翻页组件
****************************************/

.pages {
  padding: 0.266667rem 0.266667rem 0.533333rem 0.266667rem;
  text-align: center;
}

.pages .container {
  display: inline-block;
  color: #fff;
  height: 0.666667rem;
  line-height: 0.666667rem;
  padding: 0 0.2rem;
  background: rgba(0, 0, 0, 0.7);
  -webkit-border-radius: 0.666667rem;
  border-radius: 0.666667rem;
}

/***************************************
* name: fixedGotoTop
* tips: 返回顶部
****************************************/

.fixedGotoTop {
  position: fixed;
  z-index: 100;
  right: 0.266667rem;
  bottom: 1.6rem;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0.013333rem 0.013333rem 0.04rem 0.013333rem rgba(0, 0, 0, 0.1);
  box-shadow: 0.013333rem 0.013333rem 0.04rem 0.013333rem rgba(0, 0, 0, 0.1);
  display: block;
  height: 0.8rem;
  width: 0.8rem;
  overflow: hidden;
  line-height: 0.8rem;
  text-align: center;
  -webkit-border-radius: 0.8rem;
  border-radius: 0.8rem;
  text-align: center;
  display: none;
}

.fixedGotoTop .fi-arrow-up {
  color: #fff;
  font-size: 0.666667rem;
}

/*back-top返回顶部*/

.backTop {
  position: fixed;
  bottom: 16%;
  right: 0.32rem;
  width: 1rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  background: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 50%;
  border-radius: 3px;
  text-align: center;
  z-index: 100;
}
.goHome{
  position: fixed;
  right: 0.32rem;
  width: 1rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  background: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 50%;
  border-radius: 3px;
  text-align: center;
  bottom: 22.5% !important;
  z-index: 100;
}
.backTop .fi,.goHome .fi{
  color: #ffffff;
  font-size: 0.6888888rem;
}

/***************************************
* name: columnsNav
* tips: 栏目导航
****************************************/

.columnsNav .flex {
  background: #fff;
  height: 1.2rem;
  text-align: center;
}

.columnsNav .flex .flex-item {
  height: 1.2rem;
  border-bottom: 1px solid #ddd;
}

.columnsNav .flex .flex-item .title {
  display: block;
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: 0.4rem;
  cursor: pointer;
}

.columnsNav .flex .flex-item.on .title {
  color: #0080cc;
}

.columnsNav.borderBottom .flex .flex-item.on {
  border-bottom: 1px solid #0080cc;
}

.columnsNav.borderRight .flex .flex-item .title {
  border-left: 0.013333rem solid #ddd;
}

.columnsNav.borderRight .flex .flex-item:first-child .title {
  border-left: 0;
}

/*=======================================================================
*************************************************************************
*************************************************************************
*************************************************************************
* name: case-proprietary
* tips: 项目专用-仅当前项目
*************************************************************************
*************************************************************************
*************************************************************************
========================================================================*/

/***************************************
* name: ico-search-empty
* tips: 自定义图标
****************************************/

.ico-search-empty {
  display: inline-block;
  background: url(../img/ico-search-empty.png) center center no-repeat;
  width: 2rem;
  height: 1.4rem;
  -webkit-background-size: 2rem 1.4rem;
  background-size: 2rem 1.4rem;
}

.ico-cart-empty {
  display: inline-block;
  background: url(../img/ico-cart-empty.png) center center no-repeat;
  width: 2rem;
  height: 1.4rem;
  -webkit-background-size: 2rem 1.466667rem;
  background-size: 2rem 1.466667rem;
}

.ico-coupon-empty {
  display: inline-block;
  background: url(../img/ico-coupon-empty.png) center center no-repeat;
  width: 3.2rem;
  height: 2.133333rem;
  -webkit-background-size: 3.2rem 2.133333rem;
  background-size: 3.2rem 2.133333rem;
}

.ico-expired {
  display: inline-block;
  background: url(../img/ico-expired.png) center center no-repeat;
  width: 1.6rem;
  height: 1.6rem;
  -webkit-background-size: 1.6rem 1.6rem;
  background-size: 1.6rem 1.6rem;
}

.ico-useed {
  display: inline-block;
  background: url(../img/ico-useed.png) center center no-repeat;
  width: 1.6rem;
  height: 1.6rem;
  -webkit-background-size: 1.6rem 1.6rem;
  background-size: 1.6rem 1.6rem;
}

.ico-help-squar {
  display: inline-block;
  background: url(../common/img/ico-help-squar.png) center center no-repeat;
  width: 0.8rem;
  height: 0.8rem;
  -webkit-background-size: 0.8rem 0.8rem;
  background-size: 0.8rem 0.8rem;
}

/***************************************
* name: fixedBottomBar
* tips: 底部浮动工具条-公用
****************************************/

.fixedBottomBar {
  height: 1.333333rem;
}

.fixedBottomBar .container {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.253333rem;
  z-index: 10;
  background: #fff;
}

.fixedBottomBar.bgGray .container {
  background: #f1f1f1;
}

/***************************************
* name: footer
* tips: 页脚信息
****************************************/

.footer {
  padding: 0.266667rem;
}

.footer .weixinGroup {
  position: relative;
  z-index: 0;
  padding-left: 1.466667rem;
  min-height: 1.466667rem;
}

.footer .weixinGroup .weixin-img {
  position: absolute;
  left: 0;
  top: 0;
}

.footer .weixinGroup .weixin-img .img {
  width: 1.2rem;
  height: 1.2rem;
}

.footer .weixinGroup .weixin-txt {
  line-height: 1.2rem;
}

.footer .companyInfos .item {
  color: #999;
  line-height: 0.533333rem;
  font-size: 0.346667rem;
}

/***************************************
* name: footerNav
* tips: 页脚导航
****************************************/

.footerNav {
  height: 1.333333rem;
}

.footerNav .container {
  position: fixed;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1.333333rem;
  border-top: 1px solid #ddd;
  background: #fff;
}

.footerNav .flex-item {
  position: relative;
  min-width: 0.133333rem;
}

.footerNav .flex-item .aItem {
  display: block;
  height: 1.333333rem;
  text-align: center;
}

.footerNav .flex-item .aItem .icoContainer {
  display: block;
  height: 0.666667rem;
  overflow: hidden;
  margin: 0.066667rem 0;
}

.footerNav .flex-item .aItem .fi {
  font-size: 0.666667rem;
  height: 0.8rem;
  line-height: 0.8rem;
  overflow: hidden;
  color: #666666;
}

.footerNav .flex-item .aItem .fi-shouye {
  font-size: 0.533333rem;
}

.footerNav .flex-item .aItem .fi-class_1 {
  font-size: 0.466667rem;
}

.footerNav .flex-item .aItem .fi-31gouwuchexuanzhong {
  font-size: 0.573333rem;
}

.footerNav .flex-item .aItem .fi-user1 {
  vertical-align: -0.04rem;
  font-size: 0.8rem;
}

.footerNav .flex-item .aItem .title {
  display: block;
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.32rem;
  color: #666666;
}

.footerNav .flex-item .aItem .fi.none {
  display: none;
}

.footerNav .flex-item.on .aItem .fi.on {
  display: inline-block;
}

.footerNav .flex-item.on .aItem .fi,
.footerNav .flex-item.on .aItem .title {
  color: #0080cc;
}

.footerNav .flex-item .aItem .number {
  position: absolute;
  top: 0.133333rem;
  left: 1.333333rem;
  width: 0.4rem;
  height: 0.4rem;
  line-height: 0.4rem;
  background-color: #ff0054;
  text-align: center;
  font-size: 0.32rem;
  color: #fff;
  -webkit-border-radius: 0.4rem;
  border-radius: 0.4rem;
}
/***************************************
* name: footerNav
* tips: 菜单栏公共样式
****************************************/
.footerNav .flex-item .aItem .iconContainer{
  display: block;
  height: 0.74666667rem;
  overflow: hidden;
  padding-top: 0.0666667rem;
}
.iconContainer .icon-box{
  width: 0.74666667rem;
  height: 0.74666667rem;
  margin-left: auto;
  margin-right: auto;
}
.iconContainer .icon-box span{
  width: 0.74666667rem;
  height: 0.74666667rem;
  margin-left: auto;
  margin-right: auto;
  background-size: 0.5866667rem 0.5866667rem;
  background-position: center center;
  background-repeat: no-repeat;
}
.iconContainer .icon-home span{
  background-image: url('../img/btn_home_tab_home_normal.png');
  display: block;
}
.iconContainer .icon-home span.on{
  background-image: url('../img/btn_home_tab_home_press.png');
}
.iconContainer .icon-purchase span{
  background-image: url('../img/btn_home_tab_caigou_normal.png');
  display: block;
}
.iconContainer .icon-purchase span.on{
  background-image: url('../img/btn_home_tab_caigou_press.png');
}
.iconContainer .icon-classify span{
  background-image: url('../img/btn_home_tab_classification_normal.png');
  display: block;
}
.iconContainer .icon-classify span.on{
  background-image: url('../img/btn_home_tab_classification_press.png');
}
.iconContainer .icon-onekey span{
  background-image: url('../img/btn_home_tab_orderwater_normal.png');
  background-size: 0.74666667rem 0.74666667rem;
  display: block;
}
.iconContainer .icon-onekey span.on{
  background-image: url('../img/btn_home_tab_orderwater_normal.png');
}
.iconContainer .icon-car span{
  background-image: url('../img/btn_home_tab_shoppingcart_normal.png');
  display: block;
}
.iconContainer .icon-car span.on{
  background-image: url('../img/btn_home_tab_shoppingcart_press.png');
}
.iconContainer .icon-my span{
  background-image: url('../img/btn_home_tab_mine_normal.png');
  display: block;
}
.iconContainer .icon-my span.on{
  background-image: url('../img/btn_home_tab_mine_press.png');
}
/***************************************
* name: fixedShare
* tips: 浮动分享按钮
****************************************/

.fixedShare {
  position: fixed;
  z-index: 100;
  right: 0.266667rem;
  bottom: 2.933333rem;
  width: 1.066667rem;
  height: 1.066667rem;
  line-height: 1.066667rem;
  -webkit-border-radius: 1.066667rem;
  border-radius: 1.066667rem;
  background: rgba(0, 0, 0, 0.9);
  text-align: center;
}

.fixedShare .fi-share {
  color: #fff;
  font-size: 0.666667rem;
}

/***************************************
* name: alertShare
* tips: 弹窗-分享
****************************************/

.alertShare .row-head {
  background: #fff;
  padding: 0.266667rem;
  height: 0.533333rem;
  line-height: 0.533333rem;
  position: relative;
  z-index: 0;
  border-bottom: 1px solid #ddd;
}

.alertShare .row-head .title {
  font-size: 0.4rem;
  color: #666;
}

.alertShare .row-head .closeContainer {
  position: absolute;
  right: 0.2rem;
  top: 0.266667rem;
}

.alertShare .row-head .closeContainer .fi {
  font-size: 0.666667rem;
  color: #666;
}

.alertShare .row-main {
  padding-top: 0.533333rem;
  background: #fff;
}

.alertShare .list {
  overflow: hidden;
}

.alertShare .item {
  float: left;
  width: 25%;
  padding-bottom: 0.533333rem;
  text-align: center;
}

.alertShare .item .aItem {
  display: block;
}

.alertShare .item .fi {
  font-size: 1.6rem;
  line-height: 1.6rem;
}

.alertShare .item .fi-share-qq {
  color: #30a5dd;
}

.alertShare .item .fi-share-qzone {
  color: #f5c240;
}

.alertShare .item .fi-share-friendCircle {
  color: #df605e;
}

.alertShare .item .fi-share-sina {
  color: #f33e48;
}

.alertShare .item .fi-share-weixin {
  color: #45c45d;
}

.alertShare .item .fi-share-link {
  color: #f69d35;
}

.alertShare .item .title {
  display: block;
  line-height: 0.533333rem;
  font-size: 0.373333rem;
}

.alertShare .row-foot .aItem {
  display: block;
  height: 1.173333rem;
  line-height: 1.173333rem;
  font-size: 0.373333rem;
  text-align: center;
  background: #fff;
  color: #666;
  border-top: 1px solid #e5e5e5;
}

/***************************************
* name: header
* tips: 头部
****************************************/

/*header 头部*/

.indexTop {
  position: relative;
}

.header {
  height: 1.2rem;
  position: absolute;
  left: 0;
  width: 100%;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(255, 255, 255, 0)));
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.186667rem 0.4rem;
}

.header .head-container {
  position: relative;
}

.header .position-select {
  line-height: 0.826667rem;
  font-size: 0.373333rem;
  color: #ffffff;
  position: absolute;
  width: 1.066667rem;
  padding-right: 0.266667rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.header .position-select .fi {
  font-size: 0.4rem;
  vertical-align: -0.04rem;
  position: absolute;
  right: 0;
  top: 0.026667rem;
}

.header .search-box {
  height: 0.853333rem;
  line-height: 0.853333rem;
  width: 7.4666666rem;
  float: right;
}

.header .search-box .search-box-content {
  position: relative;
  background: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 0 0.4rem 0 0.533333rem;
}

.header .logo {
  padding-left: 0.213333rem;
  position: absolute;
  left: 0.133333rem;
  top: 0.066667rem;
}

.header .logo img {
  width: 1.253333rem;
  height: 0.4rem;
  margin-right: 0.2rem;
}

.header .search {
  position: absolute;
  left:0.24rem;
  top: 0.036667rem;
}

.header .search .fi {
  font-size: 0.506667rem;
  color: #cccccc;
}

.header .inputTxt {
  height: 0.853333rem;
  line-height: 0.853333rem;
  border: none;
  -webkit-border-radius: 0.4rem;
  border-radius: 0.4rem;
  display: block;
  width: 100%;
}

.header .inputTxt::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999999;
  font-size: 0.373333rem;
}

.header .inputTxt:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999999;
  font-size: 0.373333rem;
}

.header .inputTxt::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999999;
  font-size: 0.373333rem;
}

.header .inputTxt:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999999;
  font-size: 0.373333rem;
}

.header .inputTxt+.txt {
  position: absolute;
  left: 2.8rem;
  top: 1px;
  max-width: 4rem;
  color: #999999;
  font-size: 0.373333rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.header .login {
  width: 0.8rem;
  position: absolute;
  right: 0;
  top: 0;
}

.header .login .login-pic {
  width: 0.8rem;
  height: 0.8rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}

.header .login .login-pic img {
  width: 0.8rem;
  height: 0.8rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

/***************************************
* name: header-search
* tips: 新增地址地位
****************************************/

.header-search {
  background: none;
  background-color: transparent;
}

.header-search .position-select {
  z-index: 4;
  width: 1.466667rem;
  font-size: 0.4rem;
  color: #666;
}

.header-search .position-select .fi-dingwei3 {
  position: relative;
  margin-right: 0.053333rem;
  font-size: 0.4rem;
  color: #666;
  vertical-align: top;
}

.header-search .search-box {
  position: relative;
  padding: 0 0 0 1.866667rem;
  z-index: 3;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  transition: all 0.15s;
}

.header-search.on .search-box {
  padding: 0 1.066667rem 0 1.866667rem;
}

.header-search .search-box .search-box-content {
  padding: 0 0 0 0.8rem;
  background: #f2f5f6;
  -webkit-border-radius: 0.066667rem;
  border-radius: 0.066667rem;
  overflow: hidden;
}

.header-search .search-box .search-box-content .search {
  left: 0.146667rem;
  top: 0;
}

.header-search .search-box .search-box-content .inputTxt {
  padding: 0 0.826667rem 0 0;
  background: #f2f5f6;
  -webkit-border-radius: 0;
  border-radius: 0;
  text-indent: 0;
}

.header-search .search-box .search-box-content .fi-search {
  vertical-align: middle;
}

.header-search .search-box .search-box-content .fi-shanchu {
  position: absolute;
  right: 0.16rem;
  top: 0;
  font-size: 0.506667rem;
  color: #999999;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.header-search .search-box .search-box-content .inputTxt:focus+.fiwrapr .fi-shanchu {
  opacity: 1;
}

.header-search .header-right {
  position: absolute;
  right: 0;
  top: 0.266667rem;
  font-size: 0.4rem;
  color: #999;
}

.header-search .header-right.on {
  color: #0080cc;
}

/***************************************
* name: addAddrMap
* tips: 新增地址的地图
****************************************/

.addAddrMap {
  position: absolute;
  top: 2.4rem;
  left: 0;
  right: 0;
  height: 6.533333rem;
}

.addAddrMap .img {
  width: 10rem;
  height: 6.533333rem;
}

/***************************************
* name: showAddlist
* tips: 相关的地址列表
****************************************/

.showAddlist {
  position: absolute;
  top: 8.933333rem;
  left: 0;
  right: 0;
  bottom: 0;
  padding-left: 0.32rem;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.showAddlist .listItem {
  position: relative;
  padding: 0.293333rem 0.32rem 0.293333rem 0.64rem;
  border-top: 1px solid #e6e6e6;
}

.showAddlist .listItem:first-child {
  border: none;
}

.showAddlist .listItem .name {
  line-height: 0.426667rem;
  font-size: 0.373333rem;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.showAddlist .listItem .info {
  line-height: 0.426667rem;
  font-size: 0.32rem;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.showAddlist .listItem:first-child .name {
  color: #0080cc;
}

.showAddlist .listItem:first-child .name:before {
  position: absolute;
  left: 0;
  content: "\e83e";
  font-family: "fi";
  font-size: 0.4rem;
  color: #0080cc;
}

.showAddlist>.toBottom {
  position: relative;
  height: 1.333333rem;
  line-height: 1.333333rem;
  margin-left: -0.32rem;
  background-color: #f4f4f4;
  text-align: center;
  font-size: 0.32rem;
  color: #666;
}

.showAddlist>.toBottom:before,
.showAddlist>.toBottom:after {
  content: "";
  display: inline-block;
  width: 2.533333rem;
  height: 1px;
  margin: 0 0.266667rem;
  background-color: #e6e6e6;
  vertical-align: middle;
}

/***************************************
* name: searchAddrMask
* tips: 搜索地址遮罩层
****************************************/

.searchAddrMask {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 2.4rem;
  background-color: rgba(0, 0, 0, 0.5);
  visibility: hidden;
}

.searchAddrMask.on {
  visibility: visible;
}

/***************************************
* name: showSearchList
* tips: 搜索地址下拉
****************************************/

.showSearchList {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 2.4rem;
  background-color: #fff;
  visibility: hidden;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.showSearchList.on {
  visibility: visible;
}

.showSearchList .items {
  padding-left: 0.32rem;
}

.showSearchList .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.32rem 0.32rem 0.32rem 0;
  border-bottom: 1px solid #e6e6e6;
}

.showSearchList .item .info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 0.373333rem;
  overflow: hidden;
}

.showSearchList .item .name {
  font-size: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.showSearchList .item .name .txt {
  font-size: 0.32rem;
  color: #999;
}

.showSearchList .item .name .txt.highlight {
  color: #0080cc;
}

.showSearchList .item .addr {
  margin-top: -0.026667rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.showSearchList .item .addr,
.showSearchList .item .distance {
  font-size: 0.32rem;
  color: #999;
}

.showSearchList .item .distance {
  margin-left: 0.266667rem;
}

/*公用头*/

.pubHeader {
  height: 1.2rem;
  background: #FFFFFF;
}

.pubHeader .container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 1.2rem;
  background: #FFFFFF;
  border-bottom: 1px solid #e5e5e5;
  z-index: 10;
}

.pubHeader.black .container {
  background-color: #000;
  border-bottom: none;
}

.pubHeader .header-left .aItem .fi {
  font-size: 0.533333rem;
}

.pubHeader.black .header-left .aItem .fi,
.pubHeader.black .header-middle .content {
  color: #fff;
}

.pubHeader .header-left {
  position: absolute;
  left: 0.266667rem;
  top: 0.36rem;
  z-index: 2;
}

.pubHeader .header-middle {
  position: relative;
  text-align: center;
  font-size: 0.48rem;
  height: 1.2rem;
  line-height: 1.2rem;
  color: #666666;
}

.pubHeader .header-middle .titlelist {
  margin-left: -0.266667rem;
}

.pubHeader .header-middle .titlelist .item {
  display: inline-block;
  width: 1.333333rem;
  height: 1.2rem;
  text-align: center;
  margin-left: 0.266667rem;
}

.pubHeader .header-middle .titlelist .item .aItem {
  color: #666666;
}

.pubHeader .header-middle .titlelist .item.on {
  border-bottom: 1px solid #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.pubHeader .header-middle .titlelist .item.on .aItem {
  color: #333333;
}

.pubHeader .header-middle .fi-close {
  position: absolute;
  left: 0.933333rem;
  top: 0.04rem;
  font-size: 0.693333rem;
}

.pubHeader .header-right {
  position: absolute;
  right: 0.266667rem;
  top: 0.266667rem;
}

.pubHeader .header-right .aItem .fi {
  font-size: 0.53rem;
}

.pubHeader .header-right .edit {
  margin-left: 0.133333rem;
  font-size: 0.373333rem;
  color: #666;
  vertical-align: 0.106667rem;
}

/***************************************
* name: pro-list
* tips: 产品列表
****************************************/

/*pro-list 列表公用*/

.pro-list {
  overflow: hidden;
  margin-left: -2%;
}

.pro-list .pro-item {
  float: left;
  text-align: center;
  width: 48%;
  margin-left: 2%;
  margin-bottom: 2%;
}

.pro-list .pro-item .pro-info {
  padding: 0.266667rem;
}

.pro-list .pro-item .pro-img {
  display: block;
  overflow: hidden;
  margin: 0 auto 0.133333rem auto;
  text-align: center;
}

.pro-list .pro-item .pro-img .img {
  width: 100%;
}

.pro-list .pro-item .pro-title {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.4rem;
  line-height: 0.533333rem;
  margin-bottom: 0.133333rem;
  color: #333;
}

.pro-list .pro-item .pro-des {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.32rem;
  line-height: 0.533333rem;
  margin-bottom: 0.133333rem;
  color: #666;
}

.pro-list .pro-item .pro-price {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 0.133333rem;
}

.pro-list .pro-item .pro-price .price-symbol {
  font-size: 0.373333rem;
  color: #ee2929;
}

.pro-list .pro-item .pro-price .price-val {
  font-size: 0.4rem;
  color: #ee2929;
}

/***************************************
* name: innerBanner
* tips: 内页banner
****************************************/

.innerBanner .aItem {
  overflow: hidden;
  display: block;
}

.innerBanner .aItem .banner-img {
  float: left;
  width: 100%;
}

/***************************************
* name: headMoreMenu
* tips: 头部更多菜单
****************************************/

.alertHeadMoreMenu {
  position: fixed;
  z-index: 10;
  right: -1.2rem;
  top: 1.2rem;
  background: #fff;
  width: 1.2rem;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  opacity: 0;
  visibility: hidden;
}

.alertHeadMoreMenu.on {
  right: 0;
  opacity: 1;
  visibility: visible;
}

.alertHeadMoreMenu .aItem {
  display: block;
  height: 1.2rem;
  text-align: center;
  color: #fff;
}

.alertHeadMoreMenu .aItem .fi {
  display: block;
  text-align: center;
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: 0.666667rem;
}

.alertHeadMoreMenu .aItem-home {
  background: #fd5004;
}

.alertHeadMoreMenu .aItem-home-message {
  background: #191919;
}

/***************************************
* name: row-head-com
* tips: 公用标题栏
****************************************/

/*row-head-common 公用标题栏-通用*/

.row-head-common {
  padding: 0.4rem 0.266667rem;
  position: relative;
  z-index: 0;
}

.row-head-common .title {
  font-size: 0.4rem;
  color: #333;
}

.row-head-common .more {
  position: absolute;
  right: 0.266667rem;
  top: 0.426667rem;
  color: #999;
}

/*row-head-lineBg 背景-带线*/

.row-head-lineBg {
  height: 1.066667rem;
  margin: 0 0.266667rem;
}

.row-head-lineBg .container {
  height: 0.533333rem;
  border-bottom: 0.013333rem solid #ccc;
  position: relative;
  z-index: 0;
}

.row-head-lineBg .container .title {
  position: absolute;
  left: 0;
  top: 0.266667rem;
  width: 100%;
  height: 0.533333rem;
  line-height: 0.533333rem;
  text-align: center;
}

.row-head-lineBg .container .title .val {
  display: inline-block;
  padding: 0 0.533333rem;
  background: #eee;
  font-size: 0.333333rem;
  color: #666666;
}

.row-head-lineBg .container .title .fi-collect-circle {
  font-size: 0.666667rem;
  display: inline-block;
  vertical-align: -0.093333rem;
  margin-right: -0.133333rem;
}

/*row-head-lineBefore 标题前面-带线*/

.row-head-lineBefore {
  padding: 0.4rem 0.266667rem;
  position: relative;
  z-index: 0;
}

.row-head-lineBefore .title {
  font-size: 0.426667rem;
  font-weight: bold;
  color: #333;
}

.row-head-lineBefore .title:before {
  display: inline-block;
  content: '';
  width: 0.133333rem;
  height: 0.533333rem;
  margin-right: 0.093333rem;
  vertical-align: -0.093333rem;
  background: #fee300;
  -webkit-border-radius: 0.066667rem;
  border-radius: 0.066667rem;
}

.row-head-lineBefore .more {
  position: absolute;
  right: 0.266667rem;
  top: 0.466667rem;
  color: #999;
}

/***************************************
* name: dataEmpty
* tips: 暂无数据
****************************************/

.dataEmpty {
  padding: 2rem 0;
  text-align: center;
  color: #999;
}

.dataEmpty .icoContainer {
  display: block;
  margin: 0 auto;
  width: 2rem;
  height: 2rem;
  border: 0.04rem solid #c8eaec;
  -webkit-border-radius: 2rem;
  border-radius: 2rem;
  text-align: center;
  line-height: 2rem;
  overflow: hidden;
}

.dataEmpty .fi {
  color: #0080cc;
  font-size: 1.333333rem;
}

.dataEmpty .tips {
  display: block;
  padding: 0.666667rem 0;
  color: #999;
}

.dataEmpty .logo {
  padding: 1.333333rem 0 0.666667rem 0;
}

/***************************************
* name: switchGroup
* tips: 开关
****************************************/

.switchGroup {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  display: inline-block;
  width: 1.333333rem;
  height: 0.666667rem;
  line-height: 0.666667rem;
  -webkit-border-radius: 0.4rem;
  border-radius: 0.4rem;
  position: relative;
  z-index: 0;
  background: #eee;
  border: 1px solid #eee;
}

.switchGroup .innerdot {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  position: absolute;
  left: 0.066667rem;
  top: 0.066667rem;
  float: left;
  width: 0.533333rem;
  height: 0.533333rem;
  -webkit-border-radius: 0.666667rem;
  border-radius: 0.666667rem;
  background: #fff;
}

.switchGroup.on {
  border: 1px solid #fce100;
  background: #fce100;
}

.switchGroup.on .innerdot {
  left: 0.733333rem;
}

/***************************************
* name: tabTitleGroup
* tips: 标题选项卡组件
****************************************/

.tabTitleGroup {
  background: #fff;
}

.tabTitleGroup .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ddd;
}

.tabTitleGroup .list .item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

.tabTitleGroup .list .item .aItem {
  display: block;
  height: 1.066667rem;
  line-height: 1.066667rem;
  border-bottom: 0.04rem solid #fff;
}

.tabTitleGroup .list .item.on .aItem {
  border-bottom: 0.04rem solid #fd5004;
  color: #fd5004;
}

/***************************************
* name: searchGroupInner
* tips: 内页搜索组件
****************************************/

.searchGroupInner {
  padding: 0.4rem 0.666667rem;
}

.searchGroupInner .container {
  position: relative;
  z-index: 0;
  height: 1.066667rem;
  padding-right: 1.066667rem;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 0.066667rem;
  border-radius: 0.066667rem;
  overflow: hidden;
  background: #f1f1f1;
}

.searchGroupInner .btnGroup {
  display: block;
  width: 1.066667rem;
  height: 1.066667rem;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  line-height: 1.066667rem;
}

.searchGroupInner .btnGroup .fi {
  font-size: 0.8rem;
  color: #999;
}

.searchGroupInner .inputTxt {
  border: none;
  background: none;
  line-height: 1.066667rem;
  height: 1.066667rem;
}

/***************************************
* name: errorPage
* tips: 错误-通用提示页面
****************************************/

.errorPage {
  padding: 0.933333rem 0.266667rem;
  position: relative;
  width: 6rem;
  margin: 0 auto;
}

.errorPage .error-txt {
  line-height: 0.533333rem;
}

.errorPage .error-img-big {
  width: 5.333333rem;
  height: 5.333333rem;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 5.333333rem 5.333333rem;
  background-size: 5.333333rem 5.333333rem;
}

.errorPage .error-img-small {
  width: 5.333333rem;
  height: 0.933333rem;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 2.266667rem 0.933333rem;
  background-size: 2.266667rem 0.933333rem;
  margin-top: 0.933333rem;
}

.errorFixedBottom {
  height: 1.066667rem;
}

.errorFixedBottom .container {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 1.333333rem;
  text-align: center;
}

.errorFixedBottom .container .btn {
  -webkit-border-radius: 0.8rem;
  border-radius: 0.8rem;
  width: 4rem;
}

/***************************************
* name: comProListRow
* tips: 产品列表
****************************************/

.comProListRow .pro-item {
  float: left;
  background: #fff;
}

.comProListRow .pro-item .pro-info {
  display: block;
  width: 4.413333rem;
  height: 5.573333rem;
  margin: 0 auto;
}

.comProListRow .pro-item .pro-img .img {
  width: 3.426667rem;
  height: 3.426667rem;
}

.comProListRow .pro-item.pro-ad {
  position: relative;
  z-index: 0;
}

.comProListRow .pro-item.pro-ad .aItem {
  position: absolute;
  float: left;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.comProListRow .pro-item.pro-ad .aItem .img {
  width: 4.946667rem;
  height: 6.106667rem;
}

/***************************************
* name: coupon-list
* tips: 优惠券列表
****************************************/

.coupon-list .coupon-item {
  background: #fff;
  padding: 0;
  margin-bottom: 0.266667rem;
  -webkit-border-radius: 0.066667rem;
  border-radius: 0.066667rem;
  position: relative;
  z-index: 0;
}

.coupon-list .coupon-item .tr-item {
  padding: 0.266667rem 0;
}

.coupon-list .coupon-item .td-item {
  vertical-align: middle;
}

.coupon-list .coupon-item .td-number {
  width: 40%;
  text-align: center;
  padding: 0 0.266667rem 0.666667rem 0;
  border-right: 0.013333rem solid #eaeaea;
}

.coupon-list .coupon-item .td-number .val {
  color: #0080cc;
  display: block;
}

.coupon-list .coupon-item .td-number .val .symbol {
  font-size: 0.48rem;
}

.coupon-list .coupon-item .td-number .val .number {
  font-size: 0.933333rem;
  font-weight: bold;
}

.coupon-list .coupon-item .td-number .limit {
  font-size: 0.32rem;
  color: #fff;
  padding-top: 0.133333rem;
}

.coupon-list .coupon-item .td-number .use-limit {
  font-size: 0.346667rem;
  color: #0080cc;
  margin-top: 0.266667rem;
}

.coupon-list .coupon-item .td-des {
  position: relative;
  padding: 0.533333rem 0.266667rem;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.coupon-list .coupon-item .td-des .title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 0.426667rem;
  font-size: 0.373333rem;
  color: #333333;
  height: 0.853333rem;
  overflow: hidden;
}

.coupon-list .coupon-item .td-des .time {
  font-size: 0.32rem;
  color: #999999;
  margin-top: 0.16rem;
  padding-bottom: 0.88rem;
  height: 0.48rem;
  overflow: hidden;
}

.coupon-list .coupon-item .td-des .action {
  position: absolute;
  right: 0.266667rem;
  bottom: 0.533333rem;
  text-align: right;
}

.coupon-list .coupon-item .td-des .action .btn {
  height: 0.613333rem;
  line-height: 0.586667rem;
  -webkit-border-radius: 0.666667rem;
  border-radius: 0.666667rem;
  padding: 0 0.4rem;
  font-size: 0.32rem;
}

.coupon-list .coupon-item .td-des .ico-useed {
  position: absolute;
  right: 0.266667rem;
  bottom: -0.266667rem;
}

.coupon-list .coupon-item .td-des .ico-expired {
  position: absolute;
  right: 0.266667rem;
  bottom: -0.266667rem;
}

.coupon-list .coupon-item .td-des .expired {
  color: #999;
  padding-top: 0.2rem;
}

.coupon-list .coupon-item .dot-bg {
  display: block;
  position: absolute;
  left: -0.306667rem;
  top: 0;
  width: 0.426667rem;
  height: 100%;
  background: url(../img/ico-dot.png) 0.133333rem top repeat-y;
  -webkit-background-size: auto 0.24rem;
  background-size: auto 0.24rem;
}

.coupon-list .coupon-item.disabled .td-number {
  background-image: none;
}

.coupon-list .coupon-item.disabled .td-des .title {
  color: #999;
}

.coupon-list.gray .coupon-item .td-number .val,
.coupon-list.gray .coupon-item .td-number .use-limit {
  color: #ccc;
}

.coupon-list .coupon-item .td-des .limit {
  position: absolute;
  left: 0.266667rem;
  bottom: 0.56rem;
  padding: 0.073333rem 0.06rem;
  background-color: #c2c2c2;
  font-size: 0.32rem;
  color: #fff;
  -webkit-border-radius: 0.04rem;
  border-radius: 0.04rem;
}

/***************************************
* name: orderCheckCoupon
* tips: 优惠券
****************************************/

.orderCheckCoupon {
  padding: 0.266667rem;
}

.orderCheckCoupon .td-des {
  position: relative;
  z-index: 0;
  padding: 0 !important;
}

.orderCheckCoupon .radioGroup {
  padding-right: 0.133333rem;
  position: absolute;
  right: 0.133333rem;
  top: 50%;
  margin-top: -0.4rem;
}

.orderCheckCoupon .desDetail {
  border-bottom: 0.013333rem solid #eee;
  padding: 0.266667rem;
  min-height: 1.066667rem;
}

.orderCheckCoupon .desDetail .use-limit {
  padding-right: 0.666667rem;
}

.orderCheckCoupon .desDetail .use-limit .item {
  font-size: 0.32rem;
  color: #666;
  line-height: 0.533333rem;
}

.orderCheckCoupon .time {
  padding: 0.266667rem;
}

/***************************************
* name: titles-img
* tips: 图片标题
****************************************/

.title-headlines {
  display: inline-block;
  width: 1.066667rem;
  height: 0.346667rem;
  background: url(../images/titles/title-headlines.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

.title-timeBuy {
  display: inline-block;
  width: 2.16rem;
  height: 0.48rem;
  background: url(../images/titles/title-timeBuy.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

.title-bestSelling {
  display: inline-block;
  width: 2.24rem;
  height: 0.533333rem;
  background: url(../images/titles/title-bestSelling.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

.title-todayNewest {
  display: inline-block;
  width: 2.32rem;
  height: 0.533333rem;
  background: url(../images/titles/title-todayNewest.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

/*scoreGroup 定义评分等级*/

.scoreGroup {
  display: inline-block;
  overflow: hidden;
  margin-left: -0.08rem;
}

.scoreGroup .scoreItem {
  float: left;
  margin-left: 0.08rem;
}

.scoreGroup .scoreItem .fi-xingxing {
  font-size: 0.533333rem;
  color: #ddd;
}

.scoreGroup .scoreItem.on .fi-xingxing {
  color: #ffcc01;
}

/***************************************
* name: orderProListRow
* tips: 订单商品清单-公用
****************************************/

.orderProListRow .row-head-preSale {
  padding: 0.4rem 0.266667rem;
  border-bottom: 1px solid #eee;
}

.orderProListRow {
  background: #fff;
  margin-bottom: 0.266667rem;
}

.orderProListRow .orderProItem {
  position: relative;
  z-index: 0;
  padding: 0.266667rem 0.266667rem 0.266667rem 2.84rem;
  min-height: 2.306667rem;
  border-bottom: 1px solid #eee;
}

.orderProListRow .orderProItem .row-img {
  position: absolute;
  z-index: 0;
  left: 0.266667rem;
  top: 0.266667rem;
  width: 2.306667rem;
  height: 2.306667rem;
}

.orderProListRow .orderProItem .row-img .pro-img {
  display: block;
}

.orderProListRow .orderProItem .row-img .pro-img .img {
  width: 2.306667rem;
  height: 2.306667rem;
}

.orderProListRow .orderProItem .row-txt {
  position: relative;
  z-index: 0;
}

.orderProListRow .orderProItem .proTitle {
  padding: 0.186667rem 1.333333rem 0 0;
  margin-bottom: 0.133333rem;
}

.orderProListRow .orderProItem .proTitle .aItem {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 0.373333rem;
  color: #333333;
  height: 0.826667rem;
  line-height: 0.4rem;
  overflow: hidden;
}

.orderProListRow .orderProItem .proDes {
  font-size: 0.373333rem;
  color: #666;
  margin-bottom: 0.253333rem;
}

.orderProListRow .orderProItem .priceGroup {
  clear: both;
  font-size: 0.373333rem;
  color: #FF0054;
}

.orderProListRow .orderProItem .priceGroup .del {
  font-size: 0.32rem;
  color: #666;
  text-decoration: line-through;
}

.orderProListRow .orderProItem .proNumber {
  position: absolute;
  right: 0;
  top: 0.2rem;
}

/***************************************
* name: noDatas
* tips: 没有数据
****************************************/

.noDatas .icon {
  margin-top: 2.586667rem;
  text-align: center;
}

.noDatas .icon .fi-dingdan {
  font-size: 1.466667rem;
  color: #a9a9a9;
}

.noDatas .icon .fi-nodata {
  margin-bottom: -0.426667rem;
  font-size: 2.133333rem;
  color: #a9a9a9;
}

.noDatas .info {
  margin-top: 0.4rem;
  font-size: 0.4rem;
  color: #333;
  text-align: center;
}


/***************************************
* name: site-mainner
* tips: 进站加载页面
****************************************/
.loading-body{
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
}
.site-mainner{width: 100%;}
.site-mainner img{
  width: 100%;
}


/**************************新修改样式*********************************/
/***************************************
* name: header-edit
* tips: 头部编辑按钮
****************************************/
.header-edit{
  position: absolute;
  right: 0.4rem;
  top: 0.4rem;
  z-index: 2;
}
.header-edit a{
  color: #0080CC;
  font-size: 0.373333rem;
}
/***************************************
* name: .alertConfirmBox
* tips: 确认弹窗
****************************************/
.alertConfirmBox {
  background: #fff;
  -webkit-border-radius: 0.02666667rem;
  border-radius: 0.02666667rem;
  text-align: center;
  overflow: hidden;
}
.alertConfirmBox .alertConfirm-title{
  color: #333;
}
.alertConfirmBox .alertConfirm-action .btn.sureBtn{
  background-color: #fff;
  color: #0080CC;
}
.alertConfirmBox .alertConfirm-action .btn{
  color: #333;
}
#loadingFullScreen .loadingMask .loading-icon{
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 2px solid #fff;
  margin-right: 14px;
  margin-top: -14px;
	border-bottom-color: transparent;
	vertical-align: middle;
	-webkit-animation: mescrollRotate .6s linear infinite;
	animation: mescrollRotate .6s linear infinite;
}
@keyframes mescrollRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}