body {
    background: #f5f5f5;
}

.header_div {
    width: 94vw;
    height: 35vw;
    margin: 3vw auto 0;
}

.header_div>img {
    width: 100%;
    height: 100%;
}

.list_div {
    width: 94vw;
    margin: 0.3rem auto 0;
    padding-bottom: 24vw;
}

.list_item {
    width: 96vw;
    height: 26vw;
    position: relative;
    display: flex;
    margin-top: 3vw;
}

.elm_bg {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.item_logo_div {
    min-width: 23vw;
    width: 23vw;
    /* height: ; */
    margin-top: 0.5px;
    /* position: absolute;
    top: 1px;
    left: 0; */
    box-sizing: border-box;
    padding-left: 3vw;
}

.item_logo_elm {
    width: 16vw;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.logo_icon {
    width: 8vw;
    height: 8vw;
}

.logo_text {
    font-size: 3.5vw;
    color: #f5f5f5;
    text-shadow: 0.01rem 0.02rem 0.03rem 0px rgba(0, 99, 177, 0.39);
    margin-top: 0.15rem;
}

.item_cen_div {
    min-width: 39vw;
    margin-left:3vw;
    margin-top: 0.12rem;
    height: 88%;
    width: 39vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.item_name {
    /* width: 100%; */
    font-size: 4vw;
    color: #121212;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.item_red {
    display: flex;
    align-items: center;
    margin-top: 0.15rem;
}

.item_price {
    font-size: 6vw;
    color: #ff1a2a;
    font-weight: bold;
    display: flex;
    align-items: baseline;
}

.item_price>span {
    font-size: 3vw;
    color: #ff1a2a;
    line-height: 0.3rem;
}
.item_num {
    font-size: 3vw;
    color: #ff1a2a;
    padding: 0 0.07rem;
    border: solid 1px #ff1a2a;
    border-radius: 1vw;
    margin-left: 2vw;
}

.item_right {
    min-width: 26vw;
    width: 26vw;
    margin-top: 0.12rem;
    height:88%;
    margin-left: 3vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item_btn {
    width: 20vw;
    height: 8vw;
    background-image: linear-gradient(0deg,
            rgba(255, 26, 42, 1) 0%,
            #ff1a5b 100%);
    border-radius: 4vw;
    font-size: 3vw;
    color: #ffffff;
    animation: scaleDrew 3s ease-in-out infinite;
}
/* 动画css */
@keyframes scaleDrew {

    0% {
      transform: scale(1);
    }

    25% {
      transform: scale(1.05);
    }

    50% {
      transform: scale(1);
    }

    75% {
      transform: scale(1.05);
    }
  }

/* 弹窗 */
.fixed_div{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    background: rgba(0,0,0,0.8);
    display: none;
}
.fixed_con{
    width: 67vw;
	height: 88vw;
	background-color: #ffffff;
    border-radius: 1vw;
    margin: 30vw auto 0;
    box-sizing: border-box;
    padding-top: 8vw;
    display: none;
}
.qrcode_div{
    width: 51vw;
    height: 51vw;
    margin: 0 auto;
    justify-content: center;
    position: relative;
}
.qrcode_div>img{
    width: 100%;
    height: 100%;
}
.qrcode_hint{
    font-size: 4vw;
    color: #121211;
    text-align: center;
    margin-top: 4vw;
}
.qrcode_btn{
    width: 43vw;
	height: 9vw;
	background-color: #ffffff;
	border-radius: 4vw;
    border: solid 1px #ff1a2a;
    font-size: 4vw;
    color: #ff1a2a;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 6vw auto 0;
}
.close_icon{
    display: block;
    width: 6vw;
    height: 6vw;
    margin: 8vw auto 0;
}
/* 悬浮窗 */
.suspension_div{
    position: fixed;
    right: 2vw;
    bottom: 25vw;
    font-size: 3vw;
    color: #121212;
    font-weight: bold;
}

.suspension_icon{
    width: 13vw;
    height: 13vw;
}
.qrcode_div .more_icon {
    width: 20%;
    height: 20%;
    margin-right: 2vw;
    animation: circle 1s linear infinite;
    -webkit-animation: circle 1s linear infinite;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

@keyframes circle {
    from {
        transform: rotateZ(0deg);
    }
    to {
        transform: rotateZ(360deg);
    }
}

@-webkit-keyframes circle {
    from {
        transform: rotateZ(0deg);
    }
    to {
        transform: rotateZ(360deg);
    }
}
.remind_view{
	background-image: url('http://www.taohhui.com/img/bgImg.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin: 0.3rem 0.3rem  0;
	padding: 3vw;
	border-radius: 10px;
}
.content{
	position: relative;
}
.icon_shiz{
	position: absolute;
	height: 50px;
	z-index: 1;
	top: -20px;
	left: 5px;
}
.content .content_right{
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
}
.content_view{
	background-color: #FFFFFF;
	border-radius: 10px;
	padding:2.5vw 4vw;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 2;
}
.content_view_two{
	background-image: url('http://www.taohhui.com/img/remind_bgImg.png?v=525');
	background-size: 100% 100%;
}
.remind_view_two{
	padding: 0 !important;
	background-image: none !important;
}
.remind_view_two .content_view {
	padding:4vw 4vw;
}
.content_view .content_one{
	font-size: 0.3rem;
	font-weight: bold;
	color: #121211;
	display: flex;
	align-items: center;
	}
	.content_view .content_one>span{
		font-size: 0.22rem;
		margin-right: 5px;
	}
	.content_view  .content_two{
		font-size: 0.2rem;
		color: #7b7b7b;
		margin-top: 2px;
	}
.circle{
	background-color: #e4e4e4;
	width: 11vw;
	height:6vw;
	border-radius: 8vw;
	padding: 0.5vw;
	box-sizing: border-box;
	position: relative;
}
.circle[data-state=true]{
	background-color: #ff1a2a;
}
.circle[data-state=true] .block{
	transform: translateX(5vw);
}
.circle .block{
	width: 5vw;
	    height:100%;
	background-color: #FFFFFF;
	border-radius: 100%;
	transition: transform 0.2s;
	transform: translateX(0);
}