@charset "utf-8";
@import "page.css";
#wshop_about{ width:100%; padding:60px 0;}
#wshop_about .list{ margin-top:30px; display:flex;justify-content:space-between;align-items:center;}
#wshop_about .list .text{ width:calc((100% - 700px) / 2)}
#wshop_about .list .text2{ text-align:right}
#wshop_about .list .text2 .item:nth-child(2){ margin-top:50px}
#wshop_about .list .text3{ text-align:left}
#wshop_about .list .text3 .item:nth-child(2){ margin-top:150px}

#wshop_adv{ width:100%; padding:60px 0; background:#f8f8f8}
#wshop_adv .list{ margin-top:30px;}
#wshop_adv .list ul{display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;gap:30px 30px;}
#wshop_adv .list ul li{ width:calc((100% - 60px) / 3); padding:20px; border:1px solid #e8edf2; background:#fff;display:flex;justify-content:space-between;align-items:center;}
#wshop_adv .list ul li .icon{ width:80px}
#wshop_adv .list ul li .icon i{ width:60px; height:60px; color:#fff; font-size:24px; border-radius:100%;display:flex;justify-content:center;align-items:center;}
#wshop_adv .list ul li .info{ width:calc(100% - 80px)}
#wshop_adv .list ul li .info big{ display:block; font-size:18px;}
#wshop_adv .list ul li .info small{ display:block; color:#878B99; font-size:14px; line-height:24px; min-height:72px; margin-top:10px}
#wshop_adv .list ul li:nth-child(1) .icon i{ background:#206ae4;}
#wshop_adv .list ul li:nth-child(2) .icon i{background:#ffaa00;}
#wshop_adv .list ul li:nth-child(3) .icon i{background:#4db849;}
#wshop_adv .list ul li:nth-child(4) .icon i{background:#ff4c4c;}
#wshop_adv .list ul li:nth-child(5) .icon i{background:#336633;}
#wshop_adv .list ul li:nth-child(6) .icon i{background:#FF0033;}

#wshop_tc{ width:100%; padding:60px 0;}
#wshop_tc .list{ margin-top:30px;display:flex;justify-content:space-between;align-items:start; flex-wrap:wrap;gap:0 30px;}
#wshop_tc .list .item{ width:calc((100% - 60px) / 3); border:1px solid #e8edf2; border-radius:10px; overflow:hidden}
#wshop_tc .list .item .t{ background:#206ae4; color:#fff; font-size:20px; padding:20px 30px}
#wshop_tc .list .item .info{  padding:20px 30px; }
#wshop_tc .list .item .info .pro p{font-size:16px;line-height:34px}
#wshop_tc .list .item .info .pro p i{ margin-right:10px; font-size:16px}
#wshop_tc .list .item .info .pro p i.fa-check-circle{ color:#f60}
#wshop_tc .list .item .info .tisp{ border-top:1px solid #eee; margin-top:20px; padding:20px 0 0}
#wshop_tc .list .item .info .tisp h3{ font-size:16px; font-weight:normal; margin-bottom:10px}
#wshop_tc .list .item .info .tisp p{ color:#878B99}

#wshop_tese{ width:100%; padding:60px 0 0; background:url(../images/mobile/wshop_tese.jpg) no-repeat center center; background-size:cover}
#wshop_tese .list{ margin-top:30px;display:flex;justify-content:space-between;align-items:center;}
#wshop_tese .list .item{ width:calc((100% - 600px) / 2)}
#wshop_tese .list .item ul li{margin:40px 0; text-align:right}
#wshop_tese .list .item ul li big{ display:block; font-size:20px; color:#fff}
#wshop_tese .list .item ul li small{ display:block; font-size:14px; color:#fff; line-height:24px; margin-top:10px}
#wshop_tese .list .item2 ul li{text-align:left}

#wshop_yy{ width:100%; padding:60px 0;}
#wshop_yy .list{ margin-top:30px}
#wshop_yy .list ul{display:flex;justify-content:space-between;align-items:start;gap:40px 70px;flex-wrap:wrap}
#wshop_yy .list ul li{ width:calc((100% - 280px) / 5); text-align:center}
#wshop_yy .list ul li .icon{ display:flex;justify-content:center;align-items:center;}
#wshop_yy .list ul li .icon i{ width:80px; height:80px; border:1px solid #206ae4; color:#206ae4; border-radius:100%; line-height:80px; font-size:36px; background:#fff}
#wshop_yy .list ul li .info{ margin-top:20px}
#wshop_yy .list ul li .info big{ display:block;}
#wshop_yy .list ul li .info small{ display:block; line-height:24px; margin-top:10px; color:#878B99}

@media (max-width:800px){
	body,html{font-size:.21rem;line-height:.34rem;}
	
	#wshop_about{ padding:.6rem 0;}
	#wshop_about .list{ margin-top:.3rem; display:block}
	#wshop_about .list .text{ display:none}
	#wshop_about .list .img img{ width:100%}
	
	#wshop_adv{padding:.6rem 0;}
	#wshop_adv .list ul{display: block;gap:0;}
	#wshop_adv .list ul li{ width:100%; padding:.25rem; margin-top:.3rem}
	#wshop_adv .list ul li .icon{width:1rem;}
	#wshop_adv .list ul li .icon i{ width:1rem; height:1rem;  font-size:.4rem; }
	#wshop_adv .list ul li .info{ width:calc(100% - 1.3rem)}
	#wshop_adv .list ul li .info big{  font-size:.26rem;}
	#wshop_adv .list ul li .info small{  font-size:.21rem; line-height:.34rem; min-height: inherit; margin-top:.1rem}
	
	#wshop_tc{padding:.6rem 0;}
	#wshop_tc .list{display: block;gap:0 0;}
	#wshop_tc .list .item{ width:100%; border:1px solid #e8edf2; border-radius:10px; overflow:hidden; margin-top:.3rem}
	#wshop_tc .list .item .t{ font-size:.26rem; padding:.25rem .25rem}
	#wshop_tc .list .item .info{  padding:.25rem; }
	#wshop_tc .list .item .info .pro p{font-size:.21rem;line-height:.4rem}
	#wshop_tc .list .item .info .pro p i{ margin-right:10px; font-size:16px}
	#wshop_tc .list .item .info .tisp{ margin-top:.3rem; padding:.3rem 0 0}
	#wshop_tc .list .item .info .tisp h3{ font-size:.26rem; margin-bottom:.1rem}
	#wshop_tc .list .item .info .tisp p{font-size:.21rem; line-height:.34rem}
	
	#wshop_tese{ width:100%; padding:.6rem 0 0;}
	#wshop_tese .list{ margin-top:.3rem;}
	#wshop_tese .list .img{ width:50%}
	#wshop_tese .list .img img{ width:100%}
	#wshop_tese .list .item{ width:25%}
	#wshop_tese .list .item ul li{margin:.4rem 0; text-align:center}
	#wshop_tese .list .item ul li big{font-size:.26rem;}
	#wshop_tese .list .item ul li small{ display:none}
	#wshop_tese .list .item2 ul li{text-align:center}
	
	#wshop_yy{padding:.6rem 0;}
	#wshop_yy .list{ margin-top:.3rem}
	#wshop_yy .list ul{display:flex;justify-content:space-between;align-items:start;gap:.3rem .3rem;flex-wrap:wrap}
	#wshop_yy .list ul li{ width:calc((100% - .3rem) / 2); text-align:center}
	#wshop_yy .list ul li .icon i{ width:1rem; height:1rem; line-height:1rem; font-size:.4rem;}
	#wshop_yy .list ul li .info{ margin-top:.2rem}
	#wshop_yy .list ul li .info big{font-size:.26rem}
	#wshop_yy .list ul li .info small{ font-size:.21rem ;line-height:.34rem; margin-top:.1rem;}
	
}