@charset "utf-8";

/*=======================================================
    .msec-visual 
=========================================================*/
.msec-visual{position:relative; height:560px; }
.msec-visual .visual-slide{position:absolute; left:-100px; top:0; width:100%; height:560px; overflow:hidden;}
.msec-visual .slick-list{overflow:visible;}
.msec-visual .visual-slide .item{height:560px; position:relative;}
.msec-visual .visual-slide .img{position:absolute; left:50%; width:2000px;height:100%; top:0; margin-left:-1000px; overflow:hidden; text-align:center; }
.msec-visual .visual-slide .img img{display:inline-block;vertical-align:top;}
.msec-visual .visual-slide .img.mobile{display:none;}
.msec-visual .visual-slide .img.desktop{display:block;}

.msec-visual .item.c01 .img:after{position:absolute; left:50%;margin-left:-10000px; width:20000px;display:block;content:"";top:0;height:100%; background:url(../_Img/Main/visual-bg01.jpg) repeat-x; z-index:-1;}
.msec-visual .item.c02 .img:after{position:absolute; left:50%;margin-left:-10000px; width:20000px;display:block;content:"";top:0;height:100%; background:url(../_Img/Main/visual-bg02.jpg) repeat-x; z-index:-1;}

.msec-visual .visual-slide .slick-dots{position:absolute; left:0; top:auto; bottom:17px; right:auto; text-align:center; }
.msec-visual .visual-slide .slick-dots ul{height:4px;font-size:0; padding:0;}
.msec-visual .visual-slide .slick-dots li{display:inline-block;vertical-align:top; margin:0 3px; height:4px; padding:0; width:auto;}
.msec-visual .visual-slide .slick-dots li button{width:100px;height:4px; display:block; padding:0; border:none;background:#fff; }
.msec-visual .visual-slide .slick-dots li.slick-active button{background:#490da3;}

.msec-visual .ov-cont{height:0;max-width:1200px; margin:0 auto; position:relative;}
	@media only screen and (max-width:1240px){
		.msec-visual .visual-slide{height:480px}
		.msec-visual .visual-slide .item{height:480px;}
		.msec-visual .visual-slide .img img{height:480px}

		.msec-visual .visual-slide .slick-dots li button{width:80px;}

		.msec-visual .ov-cont{height:480px}
	}
	@media only screen and (max-width:999px){
		.msec-visual{height:auto;}
		.msec-visual .visual-slide{position:relative; left:auto; top:auto; width:auto; height:auto;}
		
		
		.msec-visual .visual-slide .slick-dots li button{width:60px;}
		.msec-visual .ov-cont{height:auto;}
	}
	
	@media only screen and (max-width:680px){
		.msec-visual .visual-slide{position:relative; left:auto; top:auto; width:auto; height:auto;height:550px;}
		.msec-visual .visual-slide .item{height:auto; position:relative;}

		.msec-visual .visual-slide .img{position:relative; left:auto; width:auto; height:auto; top:auto; margin-left:0;}
		.msec-visual .visual-slide .img img{height:550px;}

		.msec-visual .visual-slide .img.mobile{display:block;}
		.msec-visual .visual-slide .img.desktop{display:none;}
		
		.msec-visual .visual-slide .img img{width:100%; height:550px;object-fit:cover;}
		.msec-visual .visual-slide .slick-dots li button{width:40px;}
	}
	@media only screen and (max-width:480px){
		.msec-visual .visual-slide{height:500px;}
		.msec-visual .visual-slide .img img{height:500px;}
		.msec-visual .visual-slide .slick-dots li button{width:30px;}
	}

.cateSec-wrap{position:absolute;left:0; top:0; width:200px;}
.cateSec-wrap .ov{position:absolute; left:0; top:0; width:100%;height:560px;background:#fff; overflow:visible}
.cateSec-wrap .cate-menu{}
.cateSec-wrap .cate-menu a{display:block;}
.cateSec-wrap .cate-menu .d1 {position:relative;}
.cateSec-wrap .cate-menu .d1a{display:block; line-height:40px; padding:0 25px 0 27px; position:relative;}
.cateSec-wrap .cate-menu .d1a:hover{background:#f0f0f0; color:#000;}
.cateSec-wrap .cate-menu .d1a:after{width:100%;height:1px; background:#dedede; display:block; content:""; position:absolute; left:0; bottom:0;}
.cateSec-wrap .cate-menu .d1a:before{width:4px;height:4px; position:absolute; left:17px ;top:18px; background:#828282; display:block; content:""}
.cateSec-wrap .cate-menu .d2_wrap {display:none;position:absolute;top:0;left:100%;padding:0; border:1px solid #ddd;background:#fff; width:180px;}
.cateSec-wrap .cate-menu .d2_wrap .d2 {position:relative;display:block;}
.cateSec-wrap .cate-menu .d2_wrap .d2:first-child {}
.cateSec-wrap .cate-menu .d2_wrap .d2 > a {line-height:35px;padding:0 20px 0 15px;}
.cateSec-wrap .cate-menu .d2_wrap .d2 > a:hover,.cateSec-wrap .cate-menu .d2_wrap .d2.on > a {background:#f4f4f4;color:#111;}
.cateSec-wrap .cate-menu .d3_wrap {display:none;position:absolute;top:5px;right:-145px;min-width:150px;padding:7px 0;border:1px solid #ddd; background:#fff;}
.cateSec-wrap .cate-menu .d3_wrap li {display:block;}
.cateSec-wrap .cate-menu .d3_wrap li:first-child {}
.cateSec-wrap .cate-menu .d3_wrap li a {line-height:27px;padding:0 0 0 15px;color:#555;}
.cateSec-wrap .cate-menu .d3_wrap li a:hover, .cateSec-wrap .cate-menu .d3_wrap li.on a {background:#f4f4f4; color:#111;}

.cateSec-wrap .cate-banner{background:#fff;height:160px; overflow:hidden;}
.cateSec-wrap .cate-slide a{display:block;}
.cateSec-wrap .cate-slide a img{width:100%;height:160px;object-fit:cover;}
	@media only screen and (min-width:1000px) and (max-width:1240px){
		.cateSec-wrap{width:180px;}
		.cateSec-wrap .cate-menu .d1a{line-height:34px; font-size:13px; padding-left:25px;}
		.cateSec-wrap .cate-menu .d1a:before{width:3px;height:3px; left:15px; top:16px;}
		.cateSec-wrap .cate-menu .d2_wrap {width:150px;}
		.cateSec-wrap .cate-menu .d2_wrap .d2 > a{font-size:13px; line-height:30px;}
		.cateSec-wrap .cate-menu .d3_wrap {min-width:130px;right:-125px; padding:4px 0}
		.cateSec-wrap .cate-menu .d3_wrap li a {font-size:13px;}

		.cateSec-wrap .cate-banner{height:140px;}
		.cateSec-wrap .cate-slide a img{height:140px;}
	}
	@media only screen and (max-width:999px){
		.cateSec-wrap{display:none;}
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}

.rsec-banner{position:absolute; right:0; top:0; height:560px; width:200px; box-sizing:border-box; padding:10px 0;}
.rsec-banner .issue-banner{background:#fff;height:260px;border:1px solid #dedede;overflow:hidden;}
.rsec-banner .issue-banner .item{}
.rsec-banner .issue-banner .item a{display:block;}
.rsec-banner .issue-banner .item .txt{padding:20px 0 5px 0;text-align:center;}
.rsec-banner .issue-banner .item .btxt{color:#1f293c; font-weight:500; letter-spacing:-0.03em; line-height:1.2em; font-size:15px;}
.rsec-banner .issue-banner .item .stxt{color:#8e8f8f; font-weight:400; letter-spacing:-0.03em; line-height:1.2em; margin-top:5px;}
.rsec-banner .issue-banner .item img{width:100%;}
.rsec-banner .issue-banner .slick-dots{position:relative; left:auto; top:auto; bottom:auto; right:auto; text-align:center; margin-top:10px;}
.rsec-banner .issue-banner .slick-dots ul{height:13px;font-size:0; padding:0;}
.rsec-banner .issue-banner .slick-dots li{display:inline-block;vertical-align:top; margin:0 3px; height:13px; padding:0; width:auto;}
.rsec-banner .issue-banner .slick-dots li button{width:13px;height:13px; display:block;  padding:0;border-radius:100%; border:none;background:#888997; }
.rsec-banner .issue-banner .slick-dots li.slick-active button{background:#8a3cff;}

.rsec-banner .week-banner{background:#fff;height:260px;border:1px solid #dedede; margin-top:15px; position:relative;overflow:hidden;}
.rsec-banner .week-banner h3{position:relative;padding-top:15px; height:30px;font-family: "Mont"; font-weight:700; line-height:1.2em; color:#050706;letter-spacing:-0.03em;font-size:16px; text-align:center;}
.rsec-banner .week-banner h3:after{width:52px;height:2px; position:absolute; left:50%;margin-left:-26px; bottom:1px; background:#050706; display:block; content:""}
.rsec-banner .week-banner h3 span{color:#ec1d25}
.rsec-banner .week-banner .txt{padding:10px 0 5px 0;text-align:center;}
.rsec-banner .week-banner .btxt{color:#1f293c; font-weight:500; letter-spacing:-0.03em; line-height:1.2em; font-size:15px;}
.rsec-banner .week-banner .stxt{color:#8e8f8f; font-weight:400; letter-spacing:-0.03em; line-height:1.2em; margin-top:5px;}
.rsec-banner .week-banner .item img{width:100%;}
	@media only screen  and (min-width:1241px){
		
		.rsec-banner .issue-banner{height:260px !important;}
		.rsec-banner .week-banner{height:260px !important;}
	}
	@media only screen  and (min-width:1000px) and (max-width:1240px){
		.rsec-banner{width:180px;height:480px;}
		.rsec-banner .issue-banner{height:222px;}
		.rsec-banner .issue-banner .item .txt{padding:15px 0 5px 0}
		.rsec-banner .issue-banner .item .btxt{font-size:14px}
		.rsec-banner .issue-banner .item .stxt{font-size:13px;}
		.rsec-banner .issue-banner .item img{height:120px;object-fit:cover;}

		.rsec-banner .issue-banner .slick-dots{margin-top:7px}
		.rsec-banner .issue-banner .slick-dots li button{width:10px;height:10px;}

		.rsec-banner .week-banner{height:222px; margin-top:13px;}
		.rsec-banner .week-banner h3{font-size:15px; padding-top:12px;height:24px;}
		.rsec-banner .week-banner h3:after{width:34px;height:1px; margin-left:-17px; bottom:-1px;}
		.rsec-banner .week-banner .txt{padding:5px 0 5px 0}
		.rsec-banner .week-banner .btxt{font-size:14px}
		.rsec-banner .week-banner .stxt{font-size:13px;}
		.rsec-banner .week-banner .item img{height:127px;object-fit:cover;}
	}
	@media only screen and (max-width:999px){
		.rsec-banner{position:relative;right:auto; top:auto; width:auto; height:auto;font-size:0;padding:0 15px; margin-top:25px;}
		.rsec-banner:after{display:block; content:"";clear:both;}

		.rsec-banner .issue-banner{display:inline-block;vertical-align:top;margin-right:1%;box-sizing:border-box; width:49%; height:48vw; min-height:240px; padding: 15px 0 ;}
		.rsec-banner .issue-banner .item .txt{padding:15px 0 5px 0}
		.rsec-banner .issue-banner .item .btxt{font-size:14px}
		.rsec-banner .issue-banner .item .stxt{font-size:13px;}
		.rsec-banner .issue-banner .item img{height:auto;object-fit:fill;}
		.rsec-banner .issue-banner .slick-dots{margin-top:7px}
		.rsec-banner .issue-banner .slick-dots li button{width:10px;height:10px;}

		.rsec-banner .week-banner{display:inline-block;vertical-align:top;margin-left:1%;box-sizing:border-box;width:49%;margin-top:0; height:48vw; min-height:240px; padding: 11px 0 ;}
		.rsec-banner .week-banner h3{padding-top:3px;}
		.rsec-banner .week-banner .btxt{font-size:14px}
		.rsec-banner .week-banner .stxt{font-size:13px;}
		.rsec-banner .week-banner .item img{height:auto;object-fit:fill;}
	}
	@media only screen and (max-width:860px){
		.rsec-banner{display:none;}
		/*
		.rsec-banner .issue-banner{height:50vw;}
		.rsec-banner .week-banner{height:50vw;}
		*/
	}
	@media only screen and (max-width:680px){
		.rsec-banner{display:none;}
		/*
		.rsec-banner{padding:0 10px}
		.rsec-banner .issue-banner .item .btxt{font-size:13px}
		.rsec-banner .issue-banner .item .stxt{font-size:12px; padding:0 5px;}
		.rsec-banner .week-banner .btxt{font-size:13px}
		.rsec-banner .week-banner .stxt{font-size:12px;padding:0 5px;}

		.rsec-banner .issue-banner{height:54vw;}
		.rsec-banner .week-banner{height:54vw;}
		*/
	}
	@media only screen and (max-width:580px){
		.rsec-banner{display:none;}
		/*
		.rsec-banner .issue-banner{height:57vw;}
		.rsec-banner .week-banner{height:57vw;}
		*/
	}
	@media only screen and (max-width:480px){
		.rsec-banner{display:none;}
		/*
		.rsec-banner .issue-banner{ width:49%;margin-right:1%;}
		.rsec-banner .week-banner{ width:49%;margin-left:1%;}

		.rsec-banner .issue-banner{height:62vw;}
		.rsec-banner .week-banner{height:62vw;}
		8
		*/
	}




/*=======================================================
    .msec-best
=========================================================*/
.msec-best{position:relative;padding:50px 12px;}
.msec-best .tits{text-align:center;}
.msec-best .tits h3{padding-top:15px; position:relative;font-size:24px; color:#000; line-height:1.2em;letter-spacing:-0.03em; font-weight:400}
.msec-best .tits h3:before{width:48px;height:4px; background:#490da3; position:absolute; left:50%;margin-left:-24px; top:0; display:block; content:"";}
.msec-best .tits h3 span{font-weight:700;}
.msec-best .tits p{color:#666; font-size:14px; line-height:1.2em;letter-spacing:-0.03em; text-align:center; margin-top:7px;}

.msec-best .list{margin-top:30px;}
.msec-best .list ul{margin:0 -1%; font-size:0;}
.msec-best .list ul:after{display:block; content:"";clear:both;}
.msec-best .list li{float:left; width:23%; margin:0 1%;}


.msec-best .list li a{display:block; padding:13px; box-sizing:border-box;min-height:380px; border:1px solid #e0e0e0;-webkit-transition:  box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;-moz-transition:   box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out, border-color 0.3s ease-in-out;-o-transition:  box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;transition: box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;}
.msec-best .list li .img{height:245px; position:relative;overflow:hidden;}
.msec-best .list li .img img{width:100%;height:245px;object-fit:cover;-webkit-transition: transform 0.4s ease-out;-moz-transition: transform 0.4s ease-out;-o-transition: transform 0.4s ease-out;transition: transform 0.4s ease-out;}
.msec-best .list li .img:after{width:100%;height:100%; position:absolute; left:0; top:0; opacity:0; background:rgba(0,0,0,0.15); display:block; content:""; z-index:1;-webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;}
.msec-best .list li .txt{margin-top:15px;text-align:center;}
.msec-best .list li .btxt{font-size:13px; color:#666; font-weight:400; letter-spacing:-0.03em; line-height:1.2em;}
.msec-best .list li .stxt{margin-top:2px;font-size:16px; color:#222; font-weight:500; letter-spacing:-0.03em; line-height:1.2em;}
.msec-best .list li .ctxt{margin-top:12px;font-size:18px; color:#111; font-weight:500; letter-spacing:-0.03em ; line-height:1.1em;}
.msec-best .list li .ctxt span{font-size:14px; font-weight:400;  line-height:1.1em;color:#999; display:block;text-decoration:line-through; margin-bottom:3px; }
.msec-best .list li a:hover img{transform:scale(1.12, 1.12); -webkit-transform:scale(1.12, 1.12); -moz-transform:scale(1.12, 1.12); -ms-transform:scale(1.12, 1.12);}
.msec-best .list li a:hover .img:after{opacity:1;}
.msec-best .list li a:hover{border-color:#490da3;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2)  ; }
	@media only screen and (max-width:1240px){
		.msec-best .list li a{padding:10px; min-height:335px;}
		.msec-best .list li .img{height:210px}
		.msec-best .list li .img img{height:210px}

		.msec-best .list li .btxt{font-size:12px;}
		.msec-best .list li .stxt{font-size:15px}
		.msec-best .list li .ctxt{margin-top:10px;font-size:17px;}
		.msec-best .list li .ctxt span{font-size:13px;}
	}
	@media only screen and (max-width:999px){
		.msec-best{padding:40px 0;}
		.msec-best .tits h3{font-size:21px; padding-top:12px;}
		.msec-best .tits h3:before{width:40px;height:3px;margin-left:-20px;} 
		.msec-best .tits p{font-size:13px; margin-top:4px;}
		
		.msec-best .list{margin-top:20px;}

		.msec-best .list li{width:48%; float:none; display:inline-block;vertical-align:top}
		.msec-best .list li:nth-child(n+3){margin-top:2%}
		.msec-best .list li a{min-height:375px;}
		.msec-best .list li .img{height:auto;text-align:center; background:#f5f5f5;}
		.msec-best .list li .img img{height:auto;object-fit:fill}
		.msec-best .list li .txt{margin-top:12px; padding-bottom:10px;}
		.msec-best .list li .stxt{font-size:14px}
		.msec-best .list li .ctxt{font-size:16px;}
		.msec-best .list li .ctxt span{font-size:12px;margin-bottom:1px;}
	}
	@media only screen and (max-width:680px){
		.msec-best .list li a{min-height:310px; padding:7px;}
		.msec-best .list li .img{height:auto}
		
	}
	@media only screen and (max-width:480px){
		.msec-best .list li a{min-height:240px;padding:4px;}
		.msec-best .list li .img{height:auto}
		
		.msec-best .list li .btxt{font-size:11px;}
		.msec-best .list li .stxt{font-size:13px}
		.msec-best .list li .ctxt{font-size:15px;}
		.msec-best .list li .ctxt span{font-size:11px;}
	}




/*=======================================================
    .msec-sales
=========================================================*/
.msec-sales{position:relative;padding:50px 12px;}
.msec-sales:after{background:#f4f4f4; position:absolute; left:50%;margin-left:-10000px; width:20000px; height:100%; top:0; display:block; content:"";z-index:-1;}
.msec-sales .tits{border:1px solid #0f0f0f; border-bottom:none;background:url(../_Img/Main/sales-titbg.jpg) no-repeat center center; font-size:0;background-size:cover; line-height:78px; text-align:center;}
.msec-sales .tits h3{display:inline-block;vertical-align:top; line-height:78px; font-size:28px ;font-weight:400; color:#fff;}
.msec-sales .tits h3 span{font-weight:600;}
.msec-sales .tits p{position:relative;display:inline-block;vertical-align:top; line-height:78px;font-size:15px; color:#fff; margin-left:100px;}
.msec-sales .tits p:before{width:106px;height:80px;background:url(../_Img/Main/sales-ico.png) no-repeat center center; display:block; content:""; position:absolute; left:-114px; top:-12px;}
.msec-sales .list{border:1px solid #0f0f0f; border-top:none;background:#fff;}
.msec-sales .list ul{margin:0 -1%; padding:0 9px;}
.msec-sales .list ul:after{display:block; content:"";clear:both;}
.msec-sales .list li{float:left; width:23%; margin:0 1%;}
.msec-sales .list li a{display:block; padding:13px; box-sizing:border-box;min-height:380px; text-align:center;}
.msec-sales .list li .img{height:245px; position:relative;overflow:hidden; width:245px; display:inline-block;vertical-align:top; border-radius:100%; }
.msec-sales .list li .img img{width:100%;height:245px;object-fit:cover;-webkit-transition: transform 0.4s ease-out;-moz-transition: transform 0.4s ease-out;-o-transition: transform 0.4s ease-out;transition: transform 0.4s ease-out;}
.msec-sales .list li .img:after{width:100%;height:100%; position:absolute; left:0; top:0; opacity:0; background:rgba(0,0,0,0.15); display:block; content:""; z-index:1;-webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;}
.msec-sales .list li .txt{margin-top:15px;text-align:center;}
.msec-sales .list li .btxt{font-size:13px; color:#666; font-weight:400; letter-spacing:-0.03em; line-height:1.2em;}
.msec-sales .list li .stxt{margin-top:2px;font-size:16px; color:#222; font-weight:500; letter-spacing:-0.03em; line-height:1.2em;}
.msec-sales .list li .ctxt{margin-top:12px;font-size:18px; color:#ff0000; font-weight:500; letter-spacing:-0.03em ; line-height:1.1em;}
.msec-sales .list li .ctxt span{font-size:14px; font-weight:500;  line-height:1.1em;color:#999; display:block;text-decoration:line-through; margin-bottom:3px; }
.msec-sales .list li a:hover img{transform:scale(1.12, 1.12); -webkit-transform:scale(1.12, 1.12); -moz-transform:scale(1.12, 1.12); -ms-transform:scale(1.12, 1.12);}
.msec-sales .list li a:hover .img:after{opacity:1;}

.msec-sales .list li .timer{position:relative; text-align:center;font-size:0; padding:15px 0 10px 0;}
.msec-sales .list li .timer .btxt{display:block;text-align:center; margin-bottom:10px; height:auto;color:#141414; font-size:13px;background:none !important; letter-spacing:-0.035em; line-height:1.3em;background:none; font-weight:600;padding:0; width:auto;}
.msec-sales .list li .timer p{padding:0 0;display:inline-block;vertical-align:top;position:relative;line-height:37px; height:35px; text-align:center;color:#fff; font-size:23px; font-weight:500;  font-family: "Mont";background:url(../_Img/Main/sales-num02.jpg) repeat-x; width:64px;box-sizing:border-box;}

.msec-sales .list li .timer p:nth-child(2) {width:98px;}
.msec-sales .list li .timer p:nth-child(n+3){margin-left:22px; }
.msec-sales .list li .timer p:nth-child(n+3):after{width:13px;height:100%;background:url(../_Img/Main/sales-dot.jpg) no-repeat center center; display:block;content:"";position:absolute; left:-17px; top:0;}
.msec-sales .list li .timer.impen p{background:url(../_Img/Main/sales-num01.jpg) repeat-x;}
.msec-sales .list li .timer.end p{background:url(../_Img/Main/sales-num03.jpg) repeat-x;}

.msec-sales .list li .timer.end .btxt{color:#c7c7c7}
.msec-sales .list li .timer.impen .btxt{color:#7b32db}

.msec-sales .list li .timer .hour span{display:block; text-indent:0.4em; letter-spacing: 21px;}
/*
.msec-sales .list li .timer .hour span{display:block;text-indent:-0.57em; letter-spacing:-10px;}
.msec-sales .list li .timer .hour span:first-letter{padding:0 0.2em; margin-right:1.1em; }
*/
.msec-sales .list li .timer .min span{display:block;text-indent:-0.57em; letter-spacing:-10px;}
.msec-sales .list li .timer .min span:first-letter{padding:0 0.2em; margin-right:1.1em; }
.msec-sales .list li .timer .sec span{display:block;text-indent:-0.57em; letter-spacing:-10px;}
.msec-sales .list li .timer .sec span:first-letter{padding:0 0.2em; margin-right:1.1em; }
	@media only screen and (max-width:1240px){
		.msec-sales .tits{height:62px}
		.msec-sales .tits h3{line-height:62px; font-size:24px}
		.msec-sales .tits p{margin-left:90px;line-height:62px; font-size:14px;}
		.msec-sales .tits p:before{background-size:90px auto; top:-20px; left:-104px;}


		.msec-sales .list li a{min-height:315px;}
		.msec-sales .list li .btxt{font-size:12px;}
		.msec-sales .list li .stxt{font-size:15px;}
		.msec-sales .list li .ctxt{margin-top:10px;font-size:16px;}
		.msec-sales .list li .ctxt span{font-size:13px; }
		.msec-sales .list li .img{width:190px;height:190px;}
		.msec-sales .list li .img img{height:190px;}

		.msec-sales .list li .timer{width:200px; margin:0 auto;}
		.msec-sales .list li .timer p{font-size:16px;background-size:30px auto !important; width:57px; height:32px; line-height:32px;}
		.msec-sales .list li .timer p:nth-child(2){width:87px;}
		.msec-sales .list li .timer p:nth-child(n+3){margin-left:9px; }
		.msec-sales .list li .timer p:nth-child(n+3):after{width:10px; background-size:3px auto; left:-10px;height:32px;}

		.msec-sales .list li .timer .hour span{display:block;text-indent:0.6em; letter-spacing:20px;}
/*		.msec-sales .list li .timer .hour span:first-letter{padding:0 0.37em; margin-right:1.1em; }*/
		.msec-sales .list li .timer .min span{display:block;text-indent:-0.57em; letter-spacing:-4px;}
		.msec-sales .list li .timer .min span:first-letter{padding:0 0.37em; margin-right:1.1em; }
		.msec-sales .list li .timer .sec span{display:block;text-indent:-0.57em; letter-spacing:-4px;}
		.msec-sales .list li .timer .sec span:first-letter{padding:0 0.37em; margin-right:1.1em; }

	}
	@media only screen and (max-width:999px){
		.msec-sales{padding:40px 0;}
		.msec-sales .tits{height:56px}
		.msec-sales .tits h3{line-height:56px; font-size:21px}
		.msec-sales .tits p{margin-left:70px;line-height:56px; font-size:13px;}
		.msec-sales .tits p:before{background-size:70px auto; top:-20px; left:-94px;}

		.msec-sales .list ul{margin:0;padding:0 9px 15px 9px; font-size:0;}
		.msec-sales .list li{float:none; display:inline-block;vertical-align:top;width:50%; margin:0;}
		.msec-sales .list li:nth-child(n+3){margin-top:20px;}
		.msec-sales .list li .timer .btxt{margin-bottom:5px; font-size:12px;}
	}
	@media only screen and (max-width:680px){
		
		.msec-sales .tits{line-height:1.2em ;padding:15px 15px 15px 80px;;text-align:left; height:auto;}
		.msec-sales .tits h3{line-height:1.2em; font-size:19px;}
		.msec-sales .tits p{display:block; margin-top:4px; font-size:12px; line-height:1.2em;margin-left:0;padding:0;}
		.msec-sales .tits p:before{top:-47px; left:-100px;}
		
		.msec-sales .list li a{min-height:auto; padding:5px 7px 0 7px;}
		.msec-sales .list li .img{width:180px;height:180px;}
		.msec-sales .list li .img img{height:180px;}

		.msec-sales .list li .timer{width:168px; margin:0 auto;}
		.msec-sales .list li .timer p{font-size:15px;background-size:26px auto !important; width:50px; height:28px; line-height:28px;}
		.msec-sales .list li .timer p:nth-child(2){width: 75px;}
		.msec-sales .list li .timer p:nth-child(n+3){margin-left:8px; }
		.msec-sales .list li .timer p:nth-child(n+3):after{width:8px; background-size:3px auto; left:-8px;height:28px;}

		.msec-sales .list li .timer .hour span{display:block;text-indent:0.5em; letter-spacing:18px;}
/*		.msec-sales .list li .timer .hour span:first-letter{padding:0 0.3em; margin-right:1.1em; }*/
		.msec-sales .list li .timer .min span{display:block;text-indent:-0.6em; letter-spacing:-4px;}
		.msec-sales .list li .timer .min span:first-letter{padding:0 0.3em; margin-right:1.1em; }
		.msec-sales .list li .timer .sec span{display:block;text-indent:-0.6em; letter-spacing:-4px;}
		.msec-sales .list li .timer .sec span:first-letter{padding:0 0.3em; margin-right:1.1em; }

		.msec-sales .list li .btxt{font-size:11px;word-break: keep-all;}
		.msec-sales .list li .ctxt{margin-top:7px;font-size:15px;line-height:20px;}
		.msec-sales .list li .ctxt span{font-size:12px; display:inline-block;vertical-align:top; margin-right:7px;margin-bottom:0;line-height:20px;}
	}
	@media only screen and (max-width:480px){
		.msec-sales .tits{padding-left:70px;}
		.msec-sales .tits h3{ font-size:17px;}
		.msec-sales .tits p:before{top:-45px; left:-90px;background-size:50px auto;}

		.msec-sales .list li .img{width:124px;height:124px;}
		.msec-sales .list li .img img{height:124px;}
		
		.msec-sales .list li .stxt{font-size:14px}
		.msec-sales .list li .ctxt{margin-top:4px; font-size:14px}
		.msec-sales .list li .ctxt span{font-size:11px;margin-right:5px;}

		/* .msec-sales .list li{width:auto; float:none; margin:0;}
		.msec-sales .list li:nth-child(n+2){margin-top:20px;} */

		.msec-sales .list li .timer{width:130px; margin:0 auto;}
		.msec-sales .list li .timer p{font-size:13px;background-size:19px auto !important; width:38px; height:21px; line-height:21px;}
		.msec-sales .list li .timer p:nth-child(2){width: 55px;}
		.msec-sales .list li .timer p:nth-child(n+3):after{height:20px;}
		.msec-sales .list li .timer .hour span{display:block;text-indent:0.4em; letter-spacing:12px;}
/*		.msec-sales .list li .timer .hour span:first-letter{padding:0 0.4em; margin-right:1.1em; }*/
		.msec-sales .list li .timer .min span{display:block;text-indent:-1.14em; letter-spacing:-8px;}
		.msec-sales .list li .timer .min span:first-letter{padding:0 0.4em; margin-right:1.1em; }
		.msec-sales .list li .timer .sec span{display:block;text-indent:-1.14em; letter-spacing:-8px;}
		.msec-sales .list li .timer .sec span:first-letter{padding:0 0.4em; margin-right:1.1em; }
	}



/*=======================================================
    .msec-expert 
=========================================================*/
.msec-expert{position:relative;padding:50px 12px;}
.msec-expert .tits{text-align:center;}
.msec-expert .tits h3{padding-top:15px; position:relative;font-size:24px; color:#000; line-height:1.2em;letter-spacing:-0.03em; font-weight:400}
.msec-expert .tits h3:before{width:48px;height:4px; background:#490da3; position:absolute; left:50%;margin-left:-24px; top:0; display:block; content:"";}
.msec-expert .tits h3 span{font-weight:700;}
.msec-expert .tits p{color:#666; font-size:14px; line-height:1.2em;letter-spacing:-0.03em; text-align:center; margin-top:7px;}
.msec-expert .con{margin-top:30px; padding:0;}

.msec-expert .con .tabs{margin-bottom:30px;}
.msec-expert .con .tabs ul:after{display:block; content:"";clear:both;}
.msec-expert .con .tabs ul li{float:left; position:relative; width:16.666666%; margin:0 }
.msec-expert .con .tabs ul li a{display:block;position:relative; z-index:11;display:flex;align-items: center; justify-content: center;height:45px;}
.msec-expert .con .tabs ul li a span{display:block; z-index:5; position:relative; text-align:center;line-height:1.3em; font-size:15px;font-weight:400; letter-spacing:-0.045em;color:#aaa}
.msec-expert .con .tabs ul li:before{width:1px;height:100%;background:#dbdbdb; z-index:12; left:-1px; top:0;display:block; content:"";position:absolute;}
.msec-expert .con .tabs ul li:after{width:1px;height:100%;background:#dbdbdb; z-index:12; right:0; bottom:0;display:block; content:"";position:absolute;}
.msec-expert .con .tabs ul li div:before{width:100%;height:1px;background:#dbdbdb; z-index:5; left:0; top:0;display:block; content:"";position:absolute;}
.msec-expert .con .tabs ul li div:after{width:100%;height:1px;background:#dbdbdb; z-index:5; right:0; bottom:0;display:block; content:"";position:absolute;}
.msec-expert .con .tabs ul li:nth-child(n+7){margin-top:-1px;}

.msec-expert .con .tabs ul li div{position:relative;background:#eeee; z-index:5;}
.msec-expert .con .tabs ul li.active div {background:#490da3}
.msec-expert .con .tabs ul li.active a span{color:#fff;}
.msec-expert .con .tabs ul li.active a:before{border-color:#490da3}

.msec-expert .con .tabs ul li:nth-child(6n):after{right:-1px}
.msec-expert .con .tabs ul li:nth-child(6n+1):before{left:-1px}

.msec-expert .con .tabs ul li.active{z-index:912;}
.msec-expert .con .tabs ul li.active:before{background:#490da3}
.msec-expert .con .tabs ul li.active:after{background:#490da3}
.msec-expert .con .tabs ul li.active div:before{background:#490da3}
.msec-expert .con .tabs ul li.active div:after{background:#490da3}

.msec-expert .gap70{height:70px;}
	@media only screen and (max-width:1240px){
		.msec-expert .gap70{height:60px;}
	}
	@media only screen and (max-width:999px){
		.msec-expert{position:relative;padding:40px 0;}
		.msec-expert .tits h3{font-size:21px; padding-top:12px;}
		.msec-expert .tits h3:before{width:40px;height:3px;margin-left:-20px;} 
		.msec-expert .tits p{font-size:13px; margin-top:4px;}
		
		.msec-expert .con{margin-top:20px;}
		.msec-expert .con .tabs{margin-bottom:20px;}
		.msec-expert .con .tabs ul li a{height:40px;}
		.msec-expert .con .tabs ul li a span{font-size:14px;}
		.msec-expert .con .tabs ul li{width:33.333333%}
		.msec-expert .con .tabs ul li:nth-child(n+4){margin-top:-1px;}
		.msec-expert .con .tabs ul li:nth-child(3n):after{right:-1px}
		.msec-expert .con .tabs ul li:nth-child(3n+1):before{left:-1px}

		.msec-expert .gap70{height:50px;}
	}
	@media only screen and (max-width:680px){
		.msec-expert .gap70{height:40px;}
	}
	@media only screen and (max-width:480px){
		.msec-expert .con .tabs ul li a{height:38px;}
		.msec-expert .con .tabs ul li a span{font-size:13px;}
	}


.msec-expert .c-list01{}
.msec-expert .c-list01 ul{margin:0 -1%; font-size:0;}
.msec-expert .c-list01 ul:after{display:block; content:"";clear:both;}
.msec-expert .c-list01 li{float:left; width:23%; margin:0 1%;}
.msec-expert .c-list01 li:nth-child(n+5){margin-top:2%}
.msec-expert .c-list01 li a{display:block; padding:13px; box-sizing:border-box;min-height:380px; border:1px solid #e0e0e0;-webkit-transition:  box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;-moz-transition:   box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out, border-color 0.3s ease-in-out;-o-transition:  box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;transition: box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;}
.msec-expert .c-list01 li .img{height:245px; position:relative;overflow:hidden;}
.msec-expert .c-list01 li .img img{width:100%;height:245px;object-fit:cover;-webkit-transition: transform 0.4s ease-out;-moz-transition: transform 0.4s ease-out;-o-transition: transform 0.4s ease-out;transition: transform 0.4s ease-out;}
.msec-expert .c-list01 li .img:after{width:100%;height:100%; position:absolute; left:0; top:0; opacity:0; background:rgba(0,0,0,0.15); display:block; content:""; z-index:1;-webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;}
.msec-expert .c-list01 li .txt{margin-top:15px;text-align:center;}
.msec-expert .c-list01 li .btxt{font-size:13px; color:#666; font-weight:400; letter-spacing:-0.03em; line-height:1.2em;}
.msec-expert .c-list01 li .stxt{margin-top:2px;font-size:13px; color:#222; font-weight:500; letter-spacing:-0.03em; line-height:1.2em;}
.msec-expert .c-list01 li .ctxt{margin-top:12px;font-size:18px; color:#ff0000; font-weight:500; letter-spacing:-0.03em ; line-height:1.1em;}
.msec-expert .c-list01 li .ctxt span{font-size:14px; font-weight:500;  line-height:1.1em;color:#999; display:block;text-decoration:line-through; margin-bottom:3px; }
.msec-expert .c-list01 li a:hover img{transform:scale(1.12, 1.12); -webkit-transform:scale(1.12, 1.12); -moz-transform:scale(1.12, 1.12); -ms-transform:scale(1.12, 1.12);}
.msec-expert .c-list01 li a:hover .img:after{opacity:1;}
.msec-expert .c-list01 li a:hover{border-color:#490da3;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2)  ; }
	@media only screen and (max-width:1240px){
		.msec-expert .c-list01 li a{padding:10px; min-height:335px;}
		.msec-expert .c-list01 li .img{height:210px}
		.msec-expert .c-list01 li .img img{height:210px}

		.msec-expert .c-list01 li .btxt{font-size:12px;}
		.msec-expert .c-list01 li .stxt{font-size:15px}
		.msec-expert .c-list01 li .ctxt{margin-top:10px;font-size:17px;}
		.msec-expert .c-list01 li .ctxt span{font-size:13px;}
	}
	@media only screen and (max-width:999px){
		.msec-expert .c-list01 li{width:48%; float:none; display:inline-block;vertical-align:top}
		.msec-expert .c-list01 li:nth-child(n+3){margin-top:2%}
		.msec-expert .c-list01 li a{min-height:375px;}
		.msec-expert .c-list01 li .img{height:auto;text-align:center; background:#f5f5f5;}
		.msec-expert .c-list01 li .img img{height:auto;object-fit:fill; }
		.msec-expert .c-list01 li .txt{margin-top:12px; padding-bottom:10px;}
		.msec-expert .c-list01 li .stxt{font-size:14px}
		.msec-expert .c-list01 li .ctxt{font-size:16px;}
		.msec-expert .c-list01 li .ctxt span{font-size:12px;margin-bottom:1px;}
	}
	@media only screen and (max-width:680px){
		.msec-expert .c-list01 li a{min-height:310px; padding:7px;}
	}
	@media only screen and (max-width:480px){
		.msec-expert .c-list01 li a{min-height:240px;padding:4px;}
		.msec-expert .c-list01 li .btxt{font-size:11px;}
		.msec-expert .c-list01 li .stxt{font-size:13px}
		.msec-expert .c-list01 li .ctxt{font-size:15px;}
		.msec-expert .c-list01 li .ctxt span{font-size:11px;}
	}


.msec-expert .c-list02{position:relative;padding:20px 30px 20px 247px;border-top:3px solid #56443d;box-sizing:border-box;background:url(../_Img/Main/expert-bg01.jpg) no-repeat; background-size:cover; min-height:486px;}
.msec-expert .c-list02 .tit{position:absolute; left:0; top:0; padding:27px 0 0 27px; box-sizing:border-box; width:165px;}
.msec-expert .c-list02 .tit h3{color:#fff;font-size:24px; font-weight:500;letter-spacing:-0.03em; padding-top:15px; position:relative;}
.msec-expert .c-list02 .tit h3:before{width:44px;height:2px; position:absolute; left:0; top:0; background:#fff; display:block; content:""}
.msec-expert .c-list02 .tit p{font-weight:400; color:#fff; letter-spacing:-0.03em; line-height:1.3em; margin-top:5px;}
.msec-expert .c-list02 .tit ul{margin-top:17px}
.msec-expert .c-list02 .tit li:nth-child(n+2){margin-top:5px;}
.msec-expert .c-list02 .tit li a{line-height:28px; padding:0 15px; font-size:13px; color:#9c9c9c; letter-spacing:-0.03em; background:#fff; border-radius:28px; display:inline-block;}

.msec-expert .c-list02 .list{}
.msec-expert .c-list02 .list ul{position:relative; padding-right:40%;}
.msec-expert .c-list02 .list ul:after{display:block; content:"";clear:both;}
.msec-expert .c-list02 .list li{float:left;}
.msec-expert .c-list02 .list li:nth-child(1){width:48%;}
.msec-expert .c-list02 .list li:nth-child(2){width:48%;float:right;}
.msec-expert .c-list02 .list li:nth-child(3){width:100%; margin-top:4%;}
.msec-expert .c-list02 .list li:nth-child(4){position:absolute; right:0; top:0; width:37.5%; height:100%;}

.msec-expert .c-list02 .list li a{display:block; min-height:280px;background:#fff;}
.msec-expert .c-list02 .list li .txt{padding:7px 19px;}
.msec-expert .c-list02 .list li .vc{width:100%;}
.msec-expert .c-list02 .list li .btxt{font-size:13px; color:#666; font-weight:400; letter-spacing:-0.03em; line-height:1.2em;}
.msec-expert .c-list02 .list li .stxt{margin-top:2px;font-size:16px; color:#222; font-weight:500; letter-spacing:-0.035em; line-height:1.2em;}
.msec-expert .c-list02 .list li .ctxt{margin-top:7px;font-size:18px; color:#111; font-weight:400; letter-spacing:-0.03em ; line-height:20px;}
.msec-expert .c-list02 .list li .ctxt span{font-size:14px; font-weight:400;  color:#999; display:inline-block;vertical-align:top;text-decoration:line-through; margin-right:10px;}

.msec-expert .c-list02 .list li .photo{position:relative;}
.msec-expert .c-list02 .list li .state{position:absolute; left:-5px; top:-5px; width:51px;height:51px; text-align:center; font-size:13px; color:#fff; letter-spacing:-0.03em;line-height:1.2em; display:flex;align-items: center; justify-content: center; background:#ddd;word-break: keep-all; z-index:99;box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1)  ; }
.msec-expert .c-list02 .list li .state.rankup{background:#ff65c3;}
.msec-expert .c-list02 .list li .state.best{background:#ff657b;}

.msec-expert .c-list02 .list li .img{height:197px;position:relative;overflow:hidden;text-align:center;}
.msec-expert .c-list02 .list li .img img{width:100%;height:197px;object-fit:cover;-webkit-transition: transform 0.4s ease-out;-moz-transition: transform 0.4s ease-out;-o-transition: transform 0.4s ease-out;transition: transform 0.4s ease-out;}
.msec-expert .c-list02 .list li .img:after{width:100%;height:100%; position:absolute; left:0; top:0; opacity:0; background:rgba(0,0,0,0.15); display:block; content:""; z-index:1;-webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;}
.msec-expert .c-list02 .list li a:hover .img img{transform:scale(1.12, 1.12); -webkit-transform:scale(1.12, 1.12); -moz-transform:scale(1.12, 1.12); -ms-transform:scale(1.12, 1.12);}
.msec-expert .c-list02 .list li a:hover .img:after{opacity:0;}

.msec-expert .c-list02 .list li:nth-child(3) a{min-height:148px; position:relative; padding-left:275px;}
.msec-expert .c-list02 .list li:nth-child(3) .photo{position:absolute; left:0; top:0; width:275px;height:148px;}
.msec-expert .c-list02 .list li:nth-child(3) .img {height:148px;}
.msec-expert .c-list02 .list li:nth-child(3) .img img{height:148px;}
.msec-expert .c-list02 .list li:nth-child(3) .txt{ padding:20px 22px;display:flex;align-items: center; justify-content: left; height:148px; box-sizing:border-box;}
.msec-expert .c-list02 .list li:nth-child(3) .ctxt span{display:block; margin-bottom:3px;margin-right:0;}

.msec-expert .c-list02 .list li:nth-child(4) a{position:absolute; left:0; top:0; width:100%;height:100%;}
.msec-expert .c-list02 .list li:nth-child(4) .photo {position:absolute; left:0; top:0; width:100%;height:100%;}
.msec-expert .c-list02 .list li:nth-child(4) .state{left:7px; bottom:7px; top:auto;}
.msec-expert .c-list02 .list li:nth-child(4) .img {position:absolute; left:0; top:0; width:100%;height:100%;}
.msec-expert .c-list02 .list li:nth-child(4) .img img{height:100%; }
.msec-expert .c-list02 .list li:nth-child(4) .txt{position:absolute; left:0; top:0; padding:25px;z-index:5; width:100%; box-sizing:Border-box;}
.msec-expert .c-list02 .list li:nth-child(4) .ctxt span{display:block; margin-bottom:3px;margin-right:0;}
	@media only screen and (max-width:1240px){
		.msec-expert .c-list02{padding:20px 20px 20px 210px;}
		.msec-expert .c-list02 .tit h3{font-size:21px; }
		.msec-expert .c-list02 .tit p{font-size:13px; margin-top:5px;}
		.msec-expert .c-list02 .tit li a{line-height:25px; font-size:12px;}
		
		.msec-expert .c-list02 .list li .img{height:195px;}
		.msec-expert .c-list02 .list li .img img{height:195px;}
		.msec-expert .c-list02 .list li .txt{padding:7px 15px;}
		.msec-expert .c-list02 .list li .btxt{font-size:12px}
		.msec-expert .c-list02 .list li .stxt{font-size:15px}
		.msec-expert .c-list02 .list li .ctxt{font-size:16px;margin-top:3px;}
		.msec-expert .c-list02 .list li .ctxt span{font-size:13px;}
		.msec-expert .c-list02 .list li .state{font-size:12px; width:46px;height:46px;}

		.msec-expert .c-list02 .list li:nth-child(3) a{padding-left:220px;}
		.msec-expert .c-list02 .list li:nth-child(3) .photo{width:220px;}
		.msec-expert .c-list02 .list li:nth-child(4) .txt{padding:20px;}

		.msec-expert .c-list02 .list ul{padding-right:39%;}
		.msec-expert .c-list02 .list li:nth-child(1){width:49%;}
		.msec-expert .c-list02 .list li:nth-child(2){width:49%;float:right;}
		.msec-expert .c-list02 .list li:nth-child(3){width:100%; margin-top:2%;}
		.msec-expert .c-list02 .list li:nth-child(4){width:38%; }
	}
	@media only screen and (max-width:999px){
		.msec-expert .c-list02{padding:40px 20px 20px 20px;}
		.msec-expert .c-list02 .tit {position:relative; left:auto; top:auto; width:auto; text-align:center; padding:0;}
		.msec-expert .c-list02 .tit h3:before{left:50%;width:36px;margin-left:-18px;}
		.msec-expert .c-list02 .tit ul{margin-top:15px;text-align:center; font-size:0;}
		.msec-expert .c-list02 .tit li{display:inline-block;vertical-align:top; margin:0 2px}
		.msec-expert .c-list02 .tit li:nth-child(n+2){margin-top:0;}

		.msec-expert .c-list02 .list{margin-top:20px;}
		.msec-expert .c-list02 .list li:nth-child(3) a{padding-left:55%;}
		.msec-expert .c-list02 .list li:nth-child(3) .photo{width:55%;}

	}
	@media only screen and (max-width:680px){
		.msec-expert .c-list02{padding:30px 15px 15px 15px;}
		.msec-expert .c-list02 .list ul{padding-right:0;}
		.msec-expert .c-list02 .list li .txt{padding:10px 15px;}
		.msec-expert .c-list02 .list li .btxt{font-size:11px}
		.msec-expert .c-list02 .list li .stxt{font-size:13px}
		.msec-expert .c-list02 .list li .ctxt{font-size:14px;}
		.msec-expert .c-list02 .list li .ctxt span{ font-size:11px;}
		.msec-expert .c-list02 .list li .state{width:41px;height:41px; font-size:11px;}


		.msec-expert .c-list02 .list li:nth-child(3){width:49%;}
		.msec-expert .c-list02 .list li:nth-child(3) a{padding-left:0; min-height:280px;}
		.msec-expert .c-list02 .list li:nth-child(3) .photo{width:0; position:relative; height:auto; top:auto; width:auto; left:auto;}
		.msec-expert .c-list02 .list li:nth-child(3) .img {height:195px;}
		.msec-expert .c-list02 .list li:nth-child(3) .img img{height:195px;}
		.msec-expert .c-list02 .list li:nth-child(3) .txt{padding:10px 15px; height:auto; }
		.msec-expert .c-list02 .list li:nth-child(3) .ctxt {line-height:18px;}
		.msec-expert .c-list02 .list li:nth-child(3) .ctxt span{display:inline-block;vertical-align:top; margin-right:10px;margin-bottom:0;line-height:18px;} 

		.msec-expert .c-list02 .list li:nth-child(4){width:49%; float:right; position:relative; right:auto; top:auto; height:auto; margin-top:2%;}
		.msec-expert .c-list02 .list li:nth-child(4) a{position:relative; left:auto; top:auto; width:auto; height:auto; display:block;}
		.msec-expert .c-list02 .list li:nth-child(4) .photo {position:relative; left:auto; top:auto; width:auto;height:auto;}
		.msec-expert .c-list02 .list li:nth-child(4) .img {position:relative; left:auto; top:auto; width:auto;height:195px;}
		.msec-expert .c-list02 .list li:nth-child(4) .img img{height:195px; width:100%; }
		.msec-expert .c-list02 .list li:nth-child(4) .txt{padding:10px 15px; height:auto; position:relative; left:auto; top:auto; width:auto;}
		.msec-expert .c-list02 .list li:nth-child(4) .ctxt{line-height:18px;}
		.msec-expert .c-list02 .list li:nth-child(4) .ctxt span{display:inline-block;vertical-align:top; margin-right:10px;margin-bottom:0;line-height:18px;} 
		.msec-expert .c-list02 .list li:nth-child(4) .state{left:-5px; bottom:auto; top:-5px;}
	}
	@media only screen and (max-width:480px){
		.msec-expert .c-list02{padding:30px 15px 15px 15px;}

		.msec-expert .c-list02 .list li a{min-height:auto;}
		.msec-expert .c-list02 .list li .img{height:160px;}
		.msec-expert .c-list02 .list li .img img{height:160px;}
		
		.msec-expert .c-list02 .list li:nth-child(3) a{min-height:auto;}
		.msec-expert .c-list02 .list li:nth-child(3) .img {height:160px;}
		.msec-expert .c-list02 .list li:nth-child(3) .img img{height:160px;}

		.msec-expert .c-list02 .list li:nth-child(4) .img {height:200px;}
		.msec-expert .c-list02 .list li:nth-child(4) .img img{height:200px;}

		.msec-expert .c-list02 .list li{float:none !important; width:auto !important;}
		.msec-expert .c-list02 .list li:nth-child(n+2){margin-top:15px !important; }
	}




.msec-expert .c-list03{position:relative;padding:40px 30px 20px 247px;border-top:3px solid #56443d;box-sizing:border-box;background:url(../_Img/Main/expert-bg02.jpg) no-repeat; background-size:cover; min-height:486px;}
.msec-expert .c-list03 .tit{position:absolute; left:0; bottom:0; padding:0 0 40px 27px; box-sizing:border-box; width:165px;}
.msec-expert .c-list03 .tit h3{color:#fff;font-size:24px; font-weight:500; letter-spacing:-0.03em; padding-top:15px; position:relative;}
.msec-expert .c-list03 .tit h3:before{width:44px;height:2px; position:absolute; left:0; top:0; background:#fff; display:block; content:""}
.msec-expert .c-list03 .tit p{font-weight:400; color:#fff; letter-spacing:-0.03em; line-height:1.3em; margin-top:5px;}
.msec-expert .c-list03 .tit ul{margin-top:17px}
.msec-expert .c-list03 .tit li:nth-child(n+2){margin-top:5px;}
.msec-expert .c-list03 .tit li a{line-height:28px; padding:0 15px; font-size:13px; color:#9c9c9c; letter-spacing:-0.03em; background:#fff; border-radius:28px; display:inline-block;}

.msec-expert .c-list03 .list{}
.msec-expert .c-list03 .list ul{position:relative; margin:0 -1%}
.msec-expert .c-list03 .list ul:after{display:block; content:"";clear:both;}
.msec-expert .c-list03 .list li{float:left;width:31.33333333%; margin:0 1%}
.msec-expert .c-list03 .list li a{display:block; padding:15px; box-sizing:border-box;min-height:395px; border:1px solid #e0e0e0;background:#fff;}
.msec-expert .c-list03 .list li .photo{position:relative;}
.msec-expert .c-list03 .list li .state{position:absolute; right:0; top:0; width:51px;height:51px; text-align:center; font-size:13px; color:#fff; letter-spacing:-0.03em;line-height:1.2em; display:flex;align-items: center; justify-content: center; background:#ddd;word-break: keep-all; z-index:99;}
.msec-expert .c-list03 .list li .state.rankup{background:#ff65c3;}
.msec-expert .c-list03 .list li .state.best{background:#ff657b;}

.msec-expert .c-list03 .list li .img{height:254px;position:relative;overflow:hidden;text-align:center;}
.msec-expert .c-list03 .list li .img img{width:100%;height:254px;object-fit:cover;-webkit-transition: transform 0.4s ease-out;-moz-transition: transform 0.4s ease-out;-o-transition: transform 0.4s ease-out;transition: transform 0.4s ease-out;}
.msec-expert .c-list03 .list li .img:after{width:100%;height:100%; position:absolute; left:0; top:0; opacity:0; background:rgba(0,0,0,0.15); display:block; content:""; z-index:1;-webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;}
.msec-expert .c-list03 .list li a:hover .img img{transform:scale(1.12, 1.12); -webkit-transform:scale(1.12, 1.12); -moz-transform:scale(1.12, 1.12); -ms-transform:scale(1.12, 1.12);}
.msec-expert .c-list03 .list li a:hover .img:after{opacity:0;}

.msec-expert .c-list03 .list li .txt{margin-top:17px;text-align:center;}
.msec-expert .c-list03 .list li .btxt{font-size:13px; color:#666; font-weight:400; letter-spacing:-0.03em; line-height:1.2em;}
.msec-expert .c-list03 .list li .stxt{margin-top:2px;font-size:16px; color:#222; font-weight:600; letter-spacing:-0.03em; line-height:1.2em;}
.msec-expert .c-list03 .list li .ctxt{margin-top:12px;font-size:18px; color:#111; font-weight:500; letter-spacing:-0.03em ; line-height:1.1em;}
.msec-expert .c-list03 .list li .ctxt span{font-size:14px; font-weight:500;  line-height:1.1em;color:#999; display:block;text-decoration:line-through; margin-bottom:3px; }
.msec-expert .c-list03 .list li a:hover img{transform:scale(1.12, 1.12); -webkit-transform:scale(1.12, 1.12); -moz-transform:scale(1.12, 1.12); -ms-transform:scale(1.12, 1.12);}
.msec-expert .c-list03 .list li a:hover .img:after{opacity:0;}
	@media only screen and (max-width:1240px){
		.msec-expert .c-list03{padding:20px 20px 20px 210px; min-height:auto;}
		.msec-expert .c-list03 .tit h3{font-size:21px; }
		.msec-expert .c-list03 .tit p{font-size:13px; margin-top:5px;}
		.msec-expert .c-list03 .tit li a{line-height:25px; font-size:12px;}
		
		.msec-expert .c-list03 .list li a{min-height:335px; padding:10px;}
		.msec-expert .c-list03 .list li .img{height:195px;}
		.msec-expert .c-list03 .list li .img img{height:195px;}
		.msec-expert .c-list03 .list li .txt{padding:7px 15px;}
		.msec-expert .c-list03 .list li .btxt{font-size:12px}
		.msec-expert .c-list03 .list li .stxt{font-size:15px}
		.msec-expert .c-list03 .list li .ctxt{font-size:16px;margin-top:3px;}
		.msec-expert .c-list03 .list li .ctxt span{font-size:13px;}
		.msec-expert .c-list03 .list li .state{font-size:12px; width:46px;height:46px;}
		
	}
	@media only screen and (max-width:999px){
		.msec-expert .c-list03{padding:40px 20px 20px 20px;}
		.msec-expert .c-list03 .tit {position:relative; left:auto; top:auto; bottom:auto; width:auto; text-align:center; padding:0;}
		.msec-expert .c-list03 .tit h3:before{left:50%;width:36px;margin-left:-18px;}
		.msec-expert .c-list03 .tit ul{margin-top:15px;text-align:center; font-size:0;}
		.msec-expert .c-list03 .tit li{display:inline-block;vertical-align:top; margin:0 2px}
		.msec-expert .c-list03 .tit li:nth-child(n+2){margin-top:0;}

		.msec-expert .c-list03 .list{margin-top:20px;}
		.msec-expert .c-list03 .list ul{margin:0 -0.5%}
		.msec-expert .c-list03 .list li{width:32.333333333%;margin:0 0.5%}
	}
	@media only screen and (max-width:680px){
		.msec-expert .c-list03{padding:30px 15px 15px 15px;}
		.msec-expert .c-list03 .list ul{margin:0;}
		.msec-expert .c-list03 .list li{float:none; margin:0 ;width:auto}
		.msec-expert .c-list03 .list li:nth-child(n+2){margin-top:12px; }
		.msec-expert .c-list03 .list li a{padding:7px; min-height:auto;}
		.msec-expert .c-list03 .list li .img{height:220px;}
		.msec-expert .c-list03 .list li .img img{ height:220px; }
		.msec-expert .c-list02 .list li .state{width:41px;height:41px; font-size:11px;}
	}
	@media only screen and (max-width:480px){
		.msec-expert .c-list03{padding:30px 15px 15px 15px;}
		.msec-expert .c-list03 .list li a{padding:5px}
		.msec-expert .c-list03 .list li .img{height:170px;}
		.msec-expert .c-list03 .list li .img img{ height:170px; }
	}

/*=======================================================
    .msec-brand 
=========================================================*/
.msec-brand{position:relative;padding:50px 12px;}
.msec-brand:after{background:#f4f4f4; position:absolute; left:50%;margin-left:-10000px; width:20000px; height:100%; top:0; display:block; content:"";z-index:-1;}
.msec-brand .tits{text-align:center;}
.msec-brand .tits h3{font-size:24px; color:#000; line-height:1.2em; font-weight:400}
.msec-brand .tits h3 span{font-weight:700;}
.msec-brand .tits p{color:#666; font-size:14px; line-height:1.2em; letter-spacing:-0.03em; text-align:center; margin-top:7px;}

.msec-brand .con{margin-top:30px; padding:0;}
.msec-brand .con ul{margin:0 -1.5%}
.msec-brand .con ul:after{display:block; content:"";clear:both}
.msec-brand .con li{float:left; width:17%; margin:0 1.5%}
.msec-brand .con li:nth-child(n+6){margin-top:3%;}
.msec-brand .con li a{display:block; border-radius:8px; overflow:hidden;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15) ; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15)  ; }
.msec-brand .con li img{width:100%;}
	@media only screen and (max-width:1240px){
		
	}
	@media only screen and (max-width:999px){
		.msec-brand{position:relative;padding:40px 0;}
		.msec-brand .tits h3{font-size:21px;}
		.msec-brand .tits p{font-size:13px; margin-top:4px;}
		.msec-brand .con{margin-top:20px;}
		.msec-brand .con ul{margin:0 -1%}
		.msec-brand .con li{width:22%;margin:0 1.5%}
		.msec-brand .con li:nth-child(n+5){margin-top:3%;}
	}
	@media only screen and (max-width:680px){
		.msec-brand .con li{width:30.3333%;margin:0 1.5%}
		.msec-brand .con li:nth-child(n+4){margin-top:3%;}
	}
	@media only screen and (max-width:480px){
		.msec-brand .con li{width:47%;margin:0 1.5%}
		.msec-brand .con li:nth-child(n+3){margin-top:3%;}
	}
	


/*=======================================================
    .msec-brand 
=========================================================*/
.msec-brand_top{position:relative;padding:0px 12px;}
.msec-brand_top:after{background:#ffffff; position:absolute; left:50%;margin-left:-10000px; width:20000px; height:100%; top:0; display:block; content:"";z-index:-1;}
.msec-brand_top .tits{text-align:center;}
.msec-brand_top .tits h3{font-size:24px; color:#000; line-height:1.2em; font-weight:400}
.msec-brand_top .tits h3 span{font-weight:700;}
.msec-brand_top .tits p{color:#666; font-size:14px; line-height:1.2em; letter-spacing:-0.03em; text-align:center; margin-top:7px;}

.msec-brand_top .con{margin-top:30px; padding:0;}
.msec-brand_top .con ul{margin:0 -1.5%}
.msec-brand_top .con ul:after{display:block; content:"";clear:both}
.msec-brand_top .con li{float:left; width:19%; margin:0 0.4%}
.msec-brand_top .con li:nth-child(n+6){margin-top:1%;border-right:1px solid #e4e4e4}
.msec-brand_top .con li a{display:block; border-radius:0px; }
.msec-brand_top .con li img{width:99.9%;border:1px solid #e4e4e4}
	@media only screen and (max-width:1240px){
		
	}
	@media only screen and (max-width:999px){
		.msec-brand_top{position:relative;padding:0px 0;}
		.msec-brand_top .tits h3{font-size:21px;}
		.msec-brand_top .tits p{font-size:13px; margin-top:4px;}
		.msec-brand_top .con{margin-top:20px;}
		.msec-brand_top .con ul{margin:0 0%}
		.msec-brand_top .con li{width:24%;margin:0 0.5%}
		.msec-brand_top .con li:nth-child(n+5){margin-top:0.5%;}
	}
	@media only screen and (max-width:680px){
		.msec-brand_top{position:relative;padding:0px 0;}
		.msec-brand_top .con li{width:32%;margin:0 0.3%}
		.msec-brand_top .con li:nth-child(n+4){margin-top:0.5%;}
	}
	@media only screen and (max-width:480px){
		.msec-brand_top{position:relative;padding:0px 0;}
		.msec-brand_top .con li{width:48%;margin:0 0.5%}
		.msec-brand_top .con li:nth-child(n+3){margin-top:0.5%;}
		.msec-brand_top .con li img{width:99.9%;border:1px solid #e4e4e4}
	}