/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. 修正浏览器的行高.
 * 2. 防止在iOS方向改变后调整字体大小.
 */

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    color: #222;
}

/* Sections
   ========================================================================== */

/**
 * 删除所有浏览器中的空白.
 */

body {
    margin: 0;
}

/**
 * 在IE中一致地渲染“main”元素.
 */

main {
    display: block;
}

/**
 * 修改“section”和“section”中“h1”元素的字体大小和页边距
 *在Chrome、Firefox和Safari中的“文章”上下文.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* 分组内容
   ========================================================================== */



/* 文本级别的语义
   ========================================================================== */

/**
 * 移除ie10中a标签点击后的的灰色背景.
 */

a {
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;  /* 添加点击标签高亮 */
    color: #222;
}

/**
 * 1. 移除Chrome 57的底部边框-
 * 2. 在Chrome、Edge、IE、Opera和Safari中添加正确的文本装饰.
 */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * 在Chrome、Edge和Safari中添加正确的字体大小.
 */

b,strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,kbd,samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * 在所有浏览器中添加正确的字体大小。
 */

small {
    font-size: 80%;
}

/**
*防止“上标”和“下标”元素影响行高
*所有的浏览器。
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* 嵌入的内容
   ========================================================================== */

/**
 *删除ie10中链接内图像的边框。.
 */

img {
    border-style: none;
}

/* 表单
   ========================================================================== */

/**
* 1。更改所有浏览器中的字体样式。
* 2。删除Firefox和Safari中的空白。
*/

button,input,optgroup,select,textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * 显示IE的溢出.
 */

button,input {
    overflow: visible;
}

/**
 *删除Edge、Firefox和IE中文本转换的继承。
 * 1。删除Firefox中文本转换的继承。
 */

button,select { /* 1 */
    text-transform: none;
}

/**
 * 修正了在iOS和Safari中无法设置可点击类型的错误.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * 删除Firefox中的内边框和内边距.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * 恢复前面规则未设置的焦点样式.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * 修正Firefox的内边距.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. 修正文本换行在边缘和IE.
 * 2. 修正IE中“fieldset”元素的颜色继承.
 * 3. 删除填充，这样开发人员在他们归零时就不会被发现
 *    所有浏览器中的' fieldset '元素.
 */

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * 在Chrome、Firefox和Opera中添加正确的垂直对齐
 */

progress {
    vertical-align: baseline;
}

/**
 * 删除ie10 +中默认的垂直滚动条
 */

textarea {
    overflow: auto;
}

/**
 * 1. 在IE 10中添加正确的盒子尺寸。
 * 2. 删除IE 10的内边距。
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 修正Chrome中递增和递减按钮的光标样式。
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. 修正Chrome和Safari浏览器的奇怪外观。.
 * 2. 修改Safari中的大纲样式.
 */

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * 在macOS上移除Chrome和Safari的内边距.
 */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. 修正了在iOS和Safari中无法设置可点击类型的错误.
 * 2. 在Safari中将字体属性更改为“inherit”.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* 交互式的
   ========================================================================== */

/*
 * 在Edge、IE 10+和Firefox中添加正确的显示.
 */

details {
    display: block;
}

/*
 * 在所有浏览器中添加正确的显示.
 */

summary {
    display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * 在ie10 +中添加正确的显示.
 */

template {
    display: none;
}

/**
 * 在ie10中添加正确的显示。
 */

[hidden] {
    display: none;
}


/* 自己配置的Reset.css
  ========================================================================== */
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {
    margin: 0;
    padding: 0;
    list-style-type: none;
    -webkit-text-size-adjust:none;
    font-family: 微软雅黑;
}
span,a{
    font-family: 微软雅黑;
}

/**
 * 现在页面的最大宽度.
 */
body{
    width: 100%;
    max-width: 650px;
    min-width: 320px;
    margin: 0 auto;
}

/**
* 设置盒模型为标准 css3盒模型
*/
*{
    box-sizing: border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing: border-box;
}

/**
*去掉a标签的下划线
*/
a{
    text-decoration: none;
}

/*
* 去掉列表标签的默认样式
*/
ul,li{
    list-style: none;
}

/* 禁止长按页面上某些文字或者图片，就出现系统的一些黑色弹框 */
*{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* 去掉input标签输入文本内容的时候，有表框弹出 */
input,textarea{
    outline: none;
    -webkit-user-select:text !important
}
*:not(input,textarea) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
/*
* 设置清除浮动样式
*/
em,i{font-style: normal}

a:link{
    color: #333333;
}
/* 手机端，将背景阴影设置为透明 */
a,input,label{-webkit-tap-highlight-color:rgba(255,0,0,0);}

/*  在电脑端打开手机端页面，搜索时，让其在居中显示 */
html{
    max-width: 650px;
    min-width: 320px;
    margin: 0 auto;
}
.redcolor{
    color: #f2023a ;
}
.yellowcolor{
    color: #f27302;
}
.seizeSeat{
    width: 2rem;
    height:1rem;
}
.wrap{
   padding-left: 4%;
    padding-right: 4%;
    overflow: hidden;
}
.wrapCon{
    background-color: #fff;
    border-radius: 10px;
    padding: 2rem 1.2rem;
    margin-bottom: 5px;
    font-size: 1.4rem;
}
.clearfix:after{
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}
.headWrap{
    padding: 1.4rem 4% 0;

}
.searchBox{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.searchCityBox{
    display: flex;
    align-items: center;
}
.searchCityBox span{
    font-size: 14px;
}
.homedown{
    width: 1.2rem;
    margin-left: 0.3rem;
}

.searchFrame{
    /*width: 87%;*/

    background-color: #fff;
    display: flex;
    align-items: center;
    border: 1px solid #eec071;
    border-radius: 50px;
    padding: .5rem 1rem;
    flex: 1;
    margin-left: 1rem;

}
.searchSpanHome{
    color: #999;
}
.searchFrame .searchInput{
    border: none;
    background-color: #fff;
    width: 90%;
}
.searchFrame img{
    width: 1.8rem;
    height: 1.8rem;
    margin-right: .5rem;
}
/*.searchIndex{*/
    /*width: 90%;*/
/*}*/

.backgpng{
    width: 2rem;

}
.goBack{
    width: 1.6rem;
    height:1.6rem;
    background-image: url("https://m.huanghepiao.com/skin/default/images/goBackhs.png");
    background-repeat: no-repeat;
    background-size: 1.6rem 1.6rem;
}

.topup {
    width: 45px;
    display: none;
    height: 45px;
    border-radius: 50%;
    position: fixed;
    z-index: 99999999999999999;
    right: 10px;
    bottom: 80px;
}
.topup img {
    opacity: .7;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.head{
    display: flex;
    align-items:center;
    justify-content: space-between;
    padding: 1rem 0;
}

.gohome{
    display: block;
    width: 2rem;
    height: 2rem;
    background-image: url("https://m.huanghepiao.com/skin/default/images/shouyeBs.png");
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    margin-left: .5rem;
}
.headTit{
    font-size: 1.8rem;
}
.whiteColor{
    background-color: #fff;
}
.commonWrap{
    margin-top: 5px;
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-radius: 10px;
    background-color: #fff;
}
.flex-c-b{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.arrow-right{
    width: 1.6rem;
    height: 1.6rem;
}

.fixPadding{
    padding-bottom: 9rem;
}
.fixPaddingTab{
    padding-bottom: 5rem;
}
/*列表*/
.pergoods>a{
    margin:2rem auto;
    width:100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;


}
.pergoods img{
    width:10rem;
    height: 13rem;
    border-radius: 10px;
    border: solid 1px #eee;
}
.pergoods .Rig{
    height: 13rem;
    flex: 1;
    max-width: 23rem;
}
.pergoods .Rig .tit{
    font-size: 14px;
    color: #222;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 1.6rem;
    padding-top: 0.6rem;
    font-weight: bold;
}
.pergoods .Rig .cont{
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    padding-bottom: 1.4rem;
}
.pergoods .Rig .price{
    font-size: 14px;

}
.pergoods .Rig .price span{
    font-weight: bolder;
    color: #f2023a;
}
.mineFixed{
    max-width: 650px;
    min-width: 320px;
    width: 100%;
    position: fixed;
    /*left: 0;*/
    bottom: 0;
    background-color: #fff;
    padding: .5rem 6%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.1);
    z-index: 99;

}
.mineFixed a p{
    color: #999;
}
.mineFixed a span{
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 0 auto;
}
.mineFixed a.mineHome span{
background-image: url("/skin/v1/img/tabarHomehs.png");
}
.mineFixed a.mineHomeAct span{
    background-image: url("/skin/v1/img/tabbarHomers.png");
}
.mineFixed a.mineList span{
    background-image: url("/skin/v1/img/tabarLisths.png");
}
.mineFixed a.mineListAct span{
    background-image: url("/skin/v1/img/tabbarListrs.png");
}
.mineFixed a.mineOrder span{
    background-image: url("/skin/v1/img/tabarOrderhs.png");
}
.mineFixed a.mineOrderAct span{
    background-image: url("/skin/v1/img/tabarOrderrs.png");
}
.mineFixed a.mineBtn span{
    background-image: url("/skin/v1/img/tabarMinehs.png");
}
.mineFixed a.mineBtnAct span{
    background-image: url("/skin/v1/img/tabarMiners.png");
}
.mineFixed a.mineScenic span{
    background-image: url("/skin/v1/img/tabarScenichs.png");
}
.mineFixed a.mineScenicAct span{
    background-image: url("/skin/v1/img/tabarScenicrs.png");
}
.mineFixed a.mineActive p{
    color: #f2023a;
}
/*第一种公共底部样式 带logo、电话*/
.common-footer {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    background-color: #f8f8f8;
    padding-top: 5%;
    padding-bottom: 1.6rem;
}
.common-footer .copyright, .common-footer .copyright .clo{
    color: #cdcdcd;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.2rem;
    line-height: 2.2rem;
}
.common-footer .copy{
    margin: 1rem 0 .4rem;
}
.common-footer .copy img{
    height: 3.4rem;
}
.common-footer .copyright-color{
    font-size: 1.4rem;
    color: #555;
    line-height: 2.4rem;
}
.common-footer .tel{
    font-size: 1.4rem;
    color:#222;
    border-bottom: 1px solid #222;
}

/*第二种公共底部*/
.pubFooter{
    background-color: #f8f8f8;
    height: 14.4rem;
    display: flex;
    flex-direction:column;
    justify-content:center;
    /*box-pack:center;*/
    align-items:center;
    /*box-align:center;*/

}
.pubFooter .footLet img{
    width: 6.4rem;
    height: 6.4rem;
}
.pubFooter .footRig p,.pubFooter .footRig p a{
    color: #777777;
    text-shadow: 0 1px 0 #fff;
    font-size: 1.4rem;
    line-height: 1.8;
    text-align: center;
}