body{
	background: rgba(242, 242, 242, 1.0);
}


.prolist{margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.left{ width: 320px; display: none;}


.myIntegral{ display:flex; justify-content:space-between; margin-bottom:20px; }
.myIntegral .myInfo{ width:49%; background:#fff; padding:20px 20px; display:flex; flex-wrap:wrap; }
.myIntegral .myInfo dd:nth-child(1){ width:70px; height:70px; border-radius:80px; overflow:hidden; }
.myIntegral .myInfo dd:nth-child(1)>img{ width:100%; height:100%; }
.myIntegral .myInfo dd:nth-child(2){ width:200px; margin-left:20px; margin-top:0px; }
.myIntegral .myInfo dd:nth-child(2) h4{ line-height:40px; font-size:18px; font-weight:600; margin-top:0px; }
.myIntegral .myInfo dd:nth-child(2)>p{ display:flex; line-height:25px; }
.myIntegral .myInfo dd:nth-child(2)>p>img{ width:30px; height:30px; z-index: 99;}
.myIntegral .myInfo dd:nth-child(2)>p>span{ border-radius: 25px;  text-align: center; margin-top: 4px; display:block; width:80px; margin-left: -15px; height:22px; line-height:22px; background:#f0f0f0; font-size:12px; }
.myIntegral .myInfo dd.sign{ display:flex; }
.myIntegral .myInfo dd.sign .signbtns{width: 130px;
    height: 40px;
    background-image: linear-gradient(90deg, #ffde00, #fa9f00), linear-gradient(#ffde00, #ffde00);
    background-blend-mode: normal, normal;
    border-radius: 20px !important;
    color: #fff;
    border: none;
    padding: 0;
    margin-right: 12px;
    -ms-flex-pack: center;
    display: flex;
    justify-content: center; margin-top: 15px;}
    .myIntegral .myInfo dd.sign .signbtny{width: 130px;
    height: 40px;
    background:#ccc ;
    background-blend-mode: normal, normal;
    border-radius: 20px !important;
    color: #fff;
    border: none;
    padding: 0;
    margin-right: 12px;
    -ms-flex-pack: center;
    display: flex;
    justify-content: center; margin-top: 15px;}
    .myIntegral .myInfo dd.sign .signbtny i{color: #aaa; font-size: 18px; margin-right: 5px;}
.myIntegral .myInfo dd.sign button{ border:none; background:none; line-height:40px; text-align:center; color: #fff;}
.myIntegral .myInfo dd.sign button img{ margin-right:5px; }
.myIntegral .myInfo dd.sign p{ margin-top:15px; line-height:40px; color:#666; }


.myIntegral .int{ background:#fff; width:49%; padding:20px 30px; }
.myIntegral .int dl:nth-child(1){ display:flex; justify-content:space-between; }
.myIntegral .int dl:nth-child(1) dd{ display:flex; }
.myIntegral .int dl:nth-child(1) img{ width:23px; height:23px; }
.myIntegral .int dl:nth-child(1) span{ font-size:16px; margin-left: 5px; line-height: 23px;}
.myIntegral .int dl:nth-child(1)>a{color:#999; }
.myIntegral .int dl:nth-child(2){ display:flex; justify-content:space-between; margin-top:10px; } 
.myIntegral .int dl:nth-child(2) dd{ display:flex; }
.myIntegral .int dl:nth-child(2) dd h4{ font-size:28px; margin-left:3px; }
.myIntegral .int dl:nth-child(2) dd>a{ color:#666; font-size:16px; margin:10px 0px 0px 5px; text-decoration:underline; }
.myIntegral .int dl:nth-child(2) dd button{background: #fff; margin-left: 10px; color: #666;font-size: 14px;border-radius: 4px;border: 1px solid #ccc;padding: 8px 12px;}


.screen{ margin-bottom:20px; display:flex; justify-content:space-between; background:#fff; padding:10px 10px 10px 10px; border-radius:0px 0px 5px 5px; }
.screen ul{ display:flex; }
.screen ul li{ padding:0px; margin-right: 3px; font-size: 14px; line-height: 20px; position: relative;}
.screen ul li:last-child{ border:none; }
.screen ul li:after{ content:'';position:absolute; right:0; top: 5px; height:20px; width:1px; display: block; background:#eee; }
.screen ul li a{ display:flex; margin-top:5px; padding:0 15px; }
.screen ul li.intli:after{ display:none; }
.screen ul li label{ display:block; height:10px; margin-top:-2px; padding:0; line-height:10px!important; }
.screen ul li label i{ font-size:10px; line-height:10px; height: 9px!important;}
.screen ul li.active{ background:none; }
.screen ul li.active a{ color:#17528e; font-weight: bold;}
.screen ul li dd{ margin-left:5px; margin-top:3px; }

.screen ul li.active1{ background:none;}
.screen ul li.active1 a>span{ color:#17528e; font-weight: bold;}
.screen ul li.active1 label:nth-child(1) i{ color:#17528e;}

.screen ul li.active2{ background:none;}
.screen ul li.active2 a>span{ color:#17528e; font-weight: bold;}
.screen ul li.active2 label:nth-child(2) i{ color:#17528e;}

.screen>dd{ line-height:30px; display:flex; }
.screen>dd span{color:#17528e; padding: 0 5px;}
.screen>dd input{ height:30px; }
.screen>dd .layui-inline{ height:30px; }
.screen>dd .layui-input-inline{ height:30px; }
.screen>dd button{ border:0; margin-left:15px; width:60px; height: 30px; border-radius:3px; background: rgba(255, 230, 64, 1); }
.screen>dd button:hover{ background: rgba(255, 230, 64, 0.8);}


.screen  ul li.interval{ display:flex; padding-right:15px; }
.screen  ul li.interval input{ border:1px solid #ddd; width:70px; height:30px; line-height:30px; border-radius:3px; padding:0 10px; }
.screen  ul li.interval span{ display:block; width:15px; height:1px; background:#ddd; margin:15px 7px; }

.screen h4{ font-size:18px; }
.screen div{ display: flex; }
.screen div dd { margin-left:20px; }
.screen div dd label{ display:block; font-size:14px; color:#999; margin-bottom:2px; }
.screen div dd select{ width:200px; line-height:35px; height: 35px; border-radius:3px; border:1px solid #e2e5ec; }
.screen div dd select option{ padding: 10px 0px;}

.screen  ul li.intClass{ margin-left:15px; display:flex; }
.screen  ul li.intClass label{ display:block; line-height:30px!important; margin:0px 5px 0px 0px; }
.screen  ul li .layui-form-select .layui-input{ height:30px!important; border-radius:3px; width:150px; font-size:14px; }
.screen  ul li.intClass button{ border:0; margin-left:15px; width:60px; border-radius:3px; background: rgba(255, 230, 64, 1); }
.screen  ul li.intClass button:hover{ background: rgba(255, 230, 64, 0.8);}

.filter{ background:#fff; padding:20px 20px 10px 20px; border-radius:5px 5px 0px 0px;  }
.filter dl{ display:flex; flex-wrap:wrap; margin:0px 0px; padding: 0px 0px 0px 0px; border-bottom:1px dashed #f0f0f0; }
.filter dl:last-child{ border-bottom:none; }
.filter dl label{ width:100px; color:#999; }
.filter dl ul{ display:flex; flex-wrap:wrap; width:calc(100% - 100px); }
.filter dl ul li{ margin-right:10px; padding:5px; }
.filter dl ul li.active{ background:#0069b5; border-radius:3px;}
.filter dl ul li.active a{color:#fff;}

.price{ margin-top:20px; }
.price h3{ background: #17528e; border-radius: 5px 5px 0px 0px; 
font-size: 18px; color: #fff; height: 50px; line-height: 50px; padding: 0 20px;}
.price button{ height: 35px; width: 100px; background: #17528e; margin-top: 20px; border: none; color: #fff; border-radius: 5px; }


.demo-slider{ margin-top:20px; }
.layui-slider{ height:10px!important; }
.layui-slider-wrap-btn {
    width: 10px!important;
    height: 20px!important;
    margin-top: 5px!important;
    background: #fff;
    border-radius: 0!important;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    transition: .3s;
}

.list{ width:calc(100% - 0px); }
.list h1{ display:flex; line-height:40px; margin-bottom:10px; }
.list h1 img{ height:40px; }
.list h1 span{ font-size:24px; }

.order ul{ display:flex; }
.order ul li{ padding:3px 10px; border:1px solid #ccc; }
.tgprout{
	margin:auto;
}
.tgprout ul{
	margin:0;
	padding:0;
}
.tgprout ul li{
	width:calc((100% - 60px) / 4);
	padding: 10px 20px 20px 20px;
	margin-right:20px;
	background:#fff;
	float:left;
	margin-bottom:2%
}


.tgprout ul li:nth-child(4n){
	margin-right:0;
}
.tgprout ul li .tgcp-top{
	width:100%;
}
.tgprout ul li .cptp{
	max-height: 280px;
	overflow: hidden;
}
.tgprout ul li .cptp img{
	width: 100%;
	transition: all 0.5s;
}
.tgprout ul li .cptp:hover img{ transform: scale(1.1);}
.tgprout ul li .cpmc{
	margin:0 auto;
	font-size:14px;
	font-weight:600;
	padding:0px 0 0px 0px;
	text-align:left;
	line-height:30px;
    overflow: hidden;
    text-overflow: ellipsis;
	display: block;
	transition: all 0.5s;
	display: -webkit-box;
  -webkit-line-clamp: 1; /* 显示的行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; /* 显示省略号 */
}

.tgprout ul li .tgjg{
 text-align:left;
 padding:10px 0px;
 display: flex;
 justify-content: space-between;
}
.tgjg dd{ display:flex; }
.tgjg span:nth-child(1){
	font-size:14px;
	color:#17528e;
	font-weight:bold; margin-right: 5px;
}
.tgjg b{
	color:#de2910;
	font-size:18px;
}
.tgjg span:nth-child(3){
	font-size:14px;
	color:#17528e;
	font-weight:500;
	margin-left: 5px;
	margin-top: 5px;
}
.tgjg span:nth-child(4){
	font-size:14px;
	color:#999999;
	text-decoration:line-through;
	padding-left:10px;
	
}
.tgjg dd:nth-child(2){ color:#999; font-size:13px; text-decoration:line-through; line-height:30px; }
.tgprout ul li .tgcp-top dd a{
	background: #ffe640;
	color: #000;
	display: block; text-align: center;  height: 40px; line-height: 40px; border-radius: 5px;
}
.tgprout ul li .tgcp-top dd a:hover{background: rgba(255, 230, 64, 0.8);}


.tgprout ul li .xzcp{
	width:90%;
	display:block;
	background:#17528e;
	margin:auto;
	height:50px;
	text-align:center;
	color:#000;
	font-weight:bold;
	line-height:50px;
	font-size:16px;
	transition: all 0.5s;
}
.tgprout ul li:hover .xzcp{background:#ffbf0f;}
.tgprout ul li .tgsj{
	width:90%;
    margin:auto;
	margin-top:15px;
	margin-bottom:15px;
}
.tgprout ul li .tgsj p{
	margin:0;
	background:url('../images/sjtb_03.png') left no-repeat;
	background-size:4%;
	padding-left:20px;
	font-size:14px;
}
.tgprout ul li .tgsj p span{
	float:right;
}
.tgprout ul li .cankao{ color:#999; font-size:12px; border-bottom:1px dashed #eee; padding-bottom:10px; }
.tgprout ul li .cankao span{ margin-right:5px; }



.shopInfo{ margin-bottom:20px; background:#fff; }
.shopInfo h3{ background: #17528e; border-radius: 5px 5px 0px 0px; 
font-size: 18px; color: #fff; height: 50px; line-height: 50px; padding: 0 20px;}
.shopInfo .infos{padding: 20px;}
.shopInfo .infos h4{ font-size:18px;}
.shopInfo .infos button{ background:#d9f3fc; border: none; height:40px; line-height:40px; font-size:14px; padding:0 20px; border-radius:5px; margin-top:10px; }

@media only screen and (max-width: 1400px) {
.tgprout ul li .tgcp-top{
	height:350px;
}
.tgprout ul li .cptp img{
	width: auto;
    height: 220px;
}
}

.coupons ul{ display:flex; margin: 20px 0px; }
.coupons ul li {display: flex; height: 80px; padding: 10px 15px; border-radius: 5px; margin-right: 10px;}
.coupons ul li dd:nth-child(1){ display:flex; line-height:20px; position: relative; padding-right: 20px; color: #fff;}
.coupons ul li dd:nth-child(1) h1{ font-size: 38px; line-height: 60px;}
.coupons ul li dd:nth-child(1) span{font-size: 25px; margin-right: 5px; line-height: 60px; }
.coupons ul li dd:nth-child(1)::after{ content: ''; width: 1px; height: 50px; background: #fff; right: 0; top: 5px; position: absolute;}
.coupons ul li dd:nth-child(2){ padding-left: 20px;}
.coupons ul li dd:nth-child(2) p{ font-size: 16px; color: #fff; height: 25px; line-height: 25px;}
.coupons ul li dd:nth-child(2) button{ height: 25px; line-height: 25px; font-size: 12px; background: #fff; border-radius: 5px; border: 0; margin-top: 10px; padding: 0 10px;}
.coupons ul li dd:nth-child(2) button:disabled{ background: #ddd; color: #000;}
.coupons ul li.c1{ background: url(../images/yhq1bg.png);}
.coupons ul li.c1 button{ color: #17528e;}
.coupons ul li.c2{ background: url(../images/yhq2bg.png);}
.coupons ul li.c2 button{ color: #17528e;}
.coupons ul li.c3{ background: url(../images/yhq3bg.png);}
.coupons ul li.c3 button{ color: #17528e;}
.coupons ul li.c4{ background: url(../images/yhq4bg.png);}
.coupons ul li.c4 button{ color: #17528e;}



.shopinfo{background: #fff; border-radius: 5px; overflow: hidden; padding-bottom: 0px;}
.shopinfo h3{background: #17528e; height: 50px; line-height: 50px; font-size: 16px; color: #fff; padding: 0 20px; font-weight: 500;}
.shopinfo dd{ padding: 20px; display: flex; justify-content: space-between;}
.shopinfo dd button{ border: none; height: 40px; width: 48%;line-height: 40px; border-radius: 3px;}
.shopinfo dd button i{ color: #17528e; margin-right: 5px;}
.shopinfo dl{ font-size: 12px; padding: 0 20px; margin-top: 10px;}
.shopinfo dl label{ margin-right: 20px; color: #333;}
.shopinfo dl.g{ color: yellowgreen;}
.shopinfo dl.o{ color: orange;}
.shopinfo dl.r{ color: red;}

.shop{ background: #fff; border-radius: 5px; overflow: hidden;}
.shop h3{background: #17528e; height: 50px; line-height: 50px; font-size: 16px; color: #fff; padding: 0 20px; font-weight: 500;}
.shop ul{padding: 20px;}
.shop ul li{ border-bottom: 1px solid #f2f3f8; padding-bottom: 10px;}
.shop ul li:last-child{ border-bottom:none; }
.shop ul li a{ display:flex; flex-wrap:wrap; }
.shop ul li a dd{ width: 40%; margin-right: 5%;}
.shop ul li a dd img{ width:100%; transition: all 0.5s;}
.shop ul li a dd:hover img{ width:100%; transform: scale(1.05);}
.shop ul li a dt{ width:55%;}
.star{ color: #c3c3c5; margin-top: 10px;}
.shop ul li a dt h4{ font-size:16px; font-weight: 100; color: #000; line-height: 28px; text-overflow:-o-ellipsis-lastline; 
	overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.shop ul li a dt h3{ padding:0; background: none; color: #17528e;}


.nav{ background:#17528e; height:45px; line-height:45px; }
.nav ul{ display:flex; }
.nav ul li a{ color:#fff!important; padding:0 20px; }
.nav ul li:hover{ background:#000; }



.shoplist{}

.integralList{ background:#fff; padding:20px; }
.integralList table{width: 100%;}
.integralList tr th{ font-weight:400; text-align:center; line-height:50px; color:#333; }
.integralList tr{ border-bottom:1px dashed #ccc; }
.integralList tr:last-child{ border:none; }
.integralList tr td{ text-align:center; padding:15px 10px; line-height:20px; color:#333; }
.integralList tr td .jia{ color:green; }
.integralList tr td .jian{ color:#f00; }