input[type=number] {
    -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
body{
    /*background: white;*/
}

[v-cloak] {
    display: none !important;
}

.company_list{
    padding: 0 8px;
}

.goods_info{
    width: 100%;
    background: #ffffff;
    font-size: 12px;
    margin: 0;
    padding: 0 4px;
    border-bottom: 1px solid #DDDDDD;
}

.info_padding1{

    padding-top: .1rem;
    padding-bottom: .1rem;
}

.info_padding2{

    padding-top: .4rem;
    padding-bottom: .4rem;
}



.active_one{
    font-weight: bold;
    background-image: linear-gradient(180deg,#0bbe06,#0bbe06),linear-gradient(180deg,#fff,#fff);
    background-position: 50% 100%,50% 100%;
    background-repeat: no-repeat;
    transition: background-size .3s cubic-bezier(.64,.09,.08,1);
    background-size: .4rem .05rem;
}
.active_two{
    font-weight: bold;
}
.details p{
    line-height: 150%;
    margin-bottom: 0;
}

.ssu{
    width: 1.8rem;
    height: .5rem;
    border-radius: .5rem;
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.ssu_1{
    background: #F8F8F8;
}

.ssu_2{
    background: #ffffff;
}

.ssu_3{
    background: #f1f1f1;
}

.ssu-btn{
    width: .5rem;
    background-color: #f8f8f8;
    height: .5rem;
    font-weight: bold;
    border-radius: .5rem;
    line-height: .5rem;
    font-size: .3rem;
    text-align: center;
    background-size: cover;
    outline: none;
    display: table-cell ;
    vertical-align: middle;
}

.btn-minus{
    color: #5eb95e;
    float: left;
}

.btn-plus{
    color: #FFFFFF;
    background-color: #5eb95e;
    float: right;
}

.ssu-input{
    display: inline-block;
    width: 0.7rem;
    height: .5rem;
    margin: 0 .05rem;
    padding: 0 .05rem;
    font-size: .25rem;
    line-height: .5rem;
    text-align: center;
    float: left;
    background-color: #f8f8f8;
    /*color: #333;*/
    border-radius: 0;
    outline: none;
    border: 1px solid transparent;
}


.checkbox{
    font-size: .44rem;
    color: #ccc;
    margin: 0;
}

.check{
    padding: 0 1.5% 0 1.5%;
    height: 1.4rem;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}




.choose_spec{
    font-size: 10px;
    padding: 2px;
    box-sizing: border-box;
}

.thumb{
    padding: 0;
    height: 1.4rem;
    box-sizing: border-box;
}


.thumb img{
    display: block;
    width: 100%;
    height: 100%;
}







ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
::-webkit-scrollbar {
    display: none
}

a:active,a:hover,a:visited{
    text-decoration: none;
}
#goods{
    /*background: initial;*/
    width: 100%;
    height: 100%;
}

#goods header{
    /*height: 1rem;*/
    height: 9%;
    width: 100%;
    padding: 0 15px;
    text-align: center;
    display: table;
}

[v-cloak] {
    display: none;
}
.slider {
    width: 100%;
    height: 300px;
    position: relative;
    text-align: center;
    margin: 0 auto;
    z-index: 1
}

.slider .bd, .slider .bd li, .slider .bd img {
    height: 300px;
}

/*请给每个幻灯片套个div并设置id，通过id重置这个地方的宽度，达到自定义效果*/
.slider .bd {
    z-index: 2;
    overflow: hidden
}

.slider .bd li {
    float: left;
    width: 100%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat
}

.slider .bd li a {
    display: block;
    width: 100%;
    height: 100%
}

.slider .bd li img {
    display: block;
    height: 300px !important;
}

.slider .hd {
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    bottom: 10px;
    padding: 0 10px;
    text-align: center
}

.slider .hd li {
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
    background-color: rgba(226, 226, 226, 0.65)
}

.slider .hd li.active {
    background-color: rgba(0, 181, 114, 0.71)
}

.goods_title{
    display: table-cell;
    vertical-align: middle;
}






.cat {
    background: #FFFFFF;
    position: fixed;
    top: 1.2rem;
    left: 0;
    right: 0;
    overflow-x: scroll;
    /*padding-top: 0.04rem;*/
    margin: 0;
    z-index: 999;
    height: .72rem;
    line-height: .69rem;
    /*color: #666;*/
    font-size: .24rem;
    border-bottom: 1px solid #dcdcdc;
}
.cat2 {
    background: #FFFFFF;
   overflow-x: scroll;
    position:relative;
    /*padding-top: 0.04rem;*/
    margin: 0;
    z-index: 999;
    height: .72rem;
    line-height: .69rem;
    /*color: #666;*/
    font-size: .24rem;
    border-bottom: 1px solid #dcdcdc;
}


.cat .nav-list {
    height: 100%;
    left: .2rem;
    right: .2rem;
}

.cat_list {
    list-style-type: none;
    box-sizing: border-box;
    font-size: .24rem;
    line-height: .69rem;
    padding-left: .22rem;
    margin: 0;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow-x: scroll;
}
.cat_list li {
    display: inline-block;
    font-size: .32rem;
    line-height: .69rem;
    margin-right: .36rem;
    text-align: center;
}

.cat_list li a {
    /*color: #666;*/

}

.cat_list li.select a {
    font-weight: bold;
}
.row{
    margin: 0;
}


.left-bar {
    background: #fff;
}
#favour{
    padding: 5px;
}
@keyframes gifts_animation
{
    0%   {left: 0;}
    30%  {left: 2px;}
    50%  {left: 0;}
    70%  {left: -2px;}
    100% {left: 0;}
}

#favourable{
    font-weight: 600;
    font-size: 25px;
    font-family: "Adobe 黑体 Std R";
    background: -webkit-linear-gradient(45deg, #E3FDF5, #FFE6FA);
-moz-linear-gradient(45deg, #E3FDF5, #FFE6FA);
-ms-linear-gradient(45deg, #E3FDF5, #FFE6FA);
    color: transparent;
    /*设置字体颜色透明*/
    -webkit-background-clip: text;

    /*设置动画*/
    position:relative;
    animation:mymove 1s infinite;
    -moz-animation:mymove 1s infinite; /* Firefox */
    -webkit-animation:mymove 1s infinite; /* Safari and Chrome */
    -o-animation:mymove 1s infinite; /* Opera */
}
/*移动动画*/
@keyframes mymove
{
    0%  {left:0; top:0;}
    50%  {left:5px; top:0;}
    100%  {left:0; top:0;}
}

table {
    width: 100%;
    empty-cells: show;
    border-spacing: 0;
    background-color:#fff;
    border-collapse:separate;
    border-left:0
}

/*默认table*/
table th {
    text-align: left;
    font-weight: bold;
    background-color: #f5fafe
}

table th, table td {
    padding: 8px;
    line-height: 20px
}

tbody tr:nth-child(even) {
    background-color: #f5f5f5
}

.active_two{
    color: #5eb95e;
}

.goods_info .goods_name{
    font-size: .34rem;
}

#search_goods .thumb{
    height: 1.75rem;
}