@charset "utf-8";
@import url("/css/wzwg/module/widget/mymenupop.css");
/* latest 2019.12.24 ssj */

.mymenu01 {background: #f18201;box-sizing:border-box; position: relative;width: 100%;height: 100%;float: left;}
.mymenu01 ul.mymenu01_wrap {position:relative;width:100%;height:100%;}
.mymenu01 ul.mymenu01_wrap > li {float:left;display:inline-block;width: 50%;}
.mymenu01 ul.mymenu01_wrap > li h3 {width:100%;text-align:center;}
.mymenu01 ul.mymenu01_wrap > li h3 .tab_tit {float:left;
											width:100%;
											box-sizing:border-box;
											position:relative;
											color: #333;
											font-size:19px;
											line-height: 55px;
											letter-spacing:-1px;
											padding:0 15px;
											font-weight:600;
											text-overflow:ellipsis;
											overflow:hidden;
											white-space:nowrap;
											background: #f8f8f8;
											border: 1px solid #ddd;
											border-width: 1px 1px 0 0;
											}
.mymenu01 ul.mymenu01_wrap > li.active h3 .tab_tit {color: #f18201;background: #fff;border-right: 1px solid #ddd;line-height: 56px;width: calc(100% - 2px);margin-left: 1px;margin-top: 1px;border: none;}
.mymenu01 ul.mymenu01_wrap > li:first-child h3 .tab_tit {border-left: 1px solid #ddd;border-right: none;}
.mymenu01 ul.mymenu01_wrap > li.active:first-child h3 .tab_tit {border:none;}

/*20241028 ¼Õâ¿­ Ãß°¡*/
.mymenu01 ul.mymenu01_wrap > li .bTabBg {width:100%;text-align:center;}
.mymenu01 ul.mymenu01_wrap > li .bTabBg .tab_tit {float:left;
											width:100%;
											box-sizing:border-box;
											position:relative;
											color: #333;
											font-size:19px;
											line-height: 55px;
											letter-spacing:-1px;
											padding:0 15px;
											font-weight:600;
											text-overflow:ellipsis;
											overflow:hidden;
											white-space:nowrap;
											background: #f8f8f8;
											border: 2px solid #ddd;
											border-width: 1px 1px 0 0;
											}
.mymenu01 ul.mymenu01_wrap > li.active .bTabBg .tab_tit {color: #f18201;background: #fff;border-right: 1px solid #ddd;line-height: 56px;width: calc(100% - 2px);margin-left: 1px;margin-top: 1px;border: none;}
.mymenu01 ul.mymenu01_wrap > li:first-child .bTabBg .tab_tit {border-left: 1px solid #ddd;border-right: none;}
.mymenu01 ul.mymenu01_wrap > li:first-child .bTabBg .tab_tit:focus {border:2px dotted; border-color:#ED7322;}
.mymenu01 ul.mymenu01_wrap > li:first-child .bTabBg .tab_tit:hover {border:2px dotted; border-color:#ED7322;}
.mymenu01 ul.mymenu01_wrap > li.active:first-child .bTabBg .tab_tit {border:none;}
/*20241028 ¼Õâ¿­ Ãß°¡*/

.mymenu01 ul.mymenu01_wrap li div ul.viewPannel {height:100%; position:absolute; display:none;}
.mymenu01 ul.mymenu01_wrap > li.active div ul.viewPannel {position:absolute;
														  top:57px;
														  left: 1px;
														  width: calc(100% - 2px);
														  height: 100%;
														  display:block;
														  background: #fff;
														  padding:10px;
														  box-sizing:border-box;
														  }
.mymenu01 ul.mymenu01_wrap > li.active div ul.viewPannel>li {width:100%; position:relative;}
.mymenu01 ul.mymenu01_wrap > li.active div ul.viewPannel>li .memenuSlide {position:relative;}
.mymenu01 ul.mymenu01_wrap > li.active div ul.viewPannel>li .memenuSlide .swiper-container {padding-bottom:30px;}
.mymenu01 ul.mymenu01_wrap > li.active div ul.viewPannel>li .memenuSlide .swiper-container > div.swiper-wrapper {padding-top:40px;}

/* my menu */
.mymenu01 ul.mymenu01_wrap > li.active div ul.viewPannel .selectMymenuDiv {}
.mymenu01 ul.mymenu01_wrap > li.active div ul.viewPannel .selectMymenuDiv .selectPopMenu {float:right;/* position:absolute; *//* right:0; *//* top:0; */}
.mymenu01 ul.mymenu01_wrap > li.active div ul.viewPannel .selectMymenuDiv .selectPopMenu button {float:right;
    																							font-size:14px;
    																							color:#fff;
    																							height:35px;
    																							line-height:35px;
    																							border:1px solid #333;
    																							background:#333;
    																							border-radius:3px;
    																							padding:0 10px;
    																							margin: -5px 0 10px;
    																							}
.mymenu01 ul.mymenu01_wrap > li.active div ul.viewPannel .selectMymenuDiv .selectPopMenu button:before {content: "\f013";font-family:FontAwesome;margin-right: 5px;font-size: 12px;}
/*20231010 ¼Õâ¿­ ¸¶¿ì½º ¿À¹ö cssÃß°¡*/
.mymenu01 ul.mymenu01_wrap > li.active div ul.viewPannel .selectMymenuDiv .selectPopMenu:hover button {float:right;
    																							font-size:14px;
    																							color:#fff;
    																							height:35px;
    																							line-height:35px;
    																							border:1px solid #ED7322;
    																							background:#ED7322;
    																							border-radius:3px;
    																							padding:0 10px;
    																							margin: -5px 0 10px;
    																							}
.mymenu01 ul.mymenu01_wrap > li.active div ul.viewPannel .selectMymenuDiv .selectPopMenu button:focus {outline-style:dotted; outline-width: 2px; outline-color: #ED7322;}

.mymenu01 ul.mymenu01_wrap > li.active div ul.viewPannel .selectMymenuDiv ul.mymenuZone {width:100%; height:100%;}


	/* layout setting */
	.layout_03 .mymenu01 ul.mymenu01_wrap > li h3 .tab_tit {font-size:17px;}

	.layout_height_M .mymenu01 {height:250px;}
	.layout_height_M .mymenu01 ul.mymenu01_wrap > li.active div ul.viewPannel li:nth-child(6) ~ li {display:none;}
	.layout_height_H .mymenu01 ul.mymenu01_wrap ul li a p.tit {line-height:30px;}

				
	



/* slide */
.mymenu01 .swiper-container {height:100%;/* padding-bottom:40px; */box-sizing:border-box;text-align: center;}
.mymenu01 .swiper-container .swiper-slide {width:100%; height:100%; float:left; box-sizing:border-box;}


.mymenu01 .btnbox {display: inline-block;text-align:center;/* margin-top:17px; */position:relative;/* padding:0 35px; */position: absolute;right: 0;top:4px;}

.mymenu01 .swiper-pagination {/* display:inline-block; */position:relative;float: left;margin-right: 10px;}
.mymenu01 .swiper-pagination .swiper-pagination-bullet {width: 10px;height: 10px; font-size:0; line-height:0;  margin-right: 7px;background:#73645f;opacity:1;vertical-align: middle;border-radius: 0;margin-top: 7px;}
.mymenu01 .swiper-pagination .swiper-pagination-bullet:last-child {margin-right:0;}
.mymenu01 .swiper-pagination .swiper-pagination-bullet:focus {outline:thin dotted; outline-width: 2px; outline-color: #ED7322;}
.mymenu01 .swiper-pagination .swiper-pagination-bullet-active {background:#ff8328;}

.mymenu01 .slide-controll {display:inline-block;/* width:auto; *//* position: absolute; *//* right: 0; *//* top: 0; *//* width: 100%; */float: left;}
.mymenu01 .swiper-button-next,
.mymenu01 .swiper-button-prev {overflow:hidden;
								  text-indent:-9999px;
								  width: 20px;
								  height: 20px;
								  position:relative;
								  margin-top:0;
								  /* vertical-align:top; */
								  pointer-events:auto !important;
								  border: 1px solid #ddd;
								  /* float: left; */
								  display: inline-block;
								  left: auto !important;
								  right: auto !important;
								  }
.mymenu01 .swiper-button-prev {background: url(../img/arrow.png) no-repeat 0 0px;/* float: left; */margin-right: 3px;}
.mymenu01 .swiper-button-next {background: url(../img/arrow.png) no-repeat -54px 0px;/* margin-left:6px; *//* float: left; */}
.mymenu01 .swiper-button-next:hover,
.mymenu01 .swiper-button-prev:hover {cursor:pointer; }
.mymenu01 .swiper-button-next:focus,
.mymenu01 .swiper-button-prev:focus {outline:thin dotted;}

.mymenu01 .swiper-button-next.swiper-button-disabled, 
.mymenu01 .swiper-button-prev.swiper-button-disabled {opacity:1;}







/* quick */
.mymenu01 .quickwrap {width:100%;height:100%;float:left;position:relative;box-sizing:border-box;/* background:white; */}

.mymenu01 .quickwrap .qbox {width:49%;
					float:left;
					text-align:left;
					box-sizing:border-box;
					position:relative;
					
					border: 1px solid rgba(0,0,0,0.1);
					margin-top: 10px;
					-webkit-transition: border 0.5s;
					transition: border 0.5s;
					}
.mymenu01 .quickwrap .qbox a {width:100%;/* padding:0 15px; */float: left;}					
.mymenu01 .quickwrap .qbox a:focus {
    outline-style: dashed;
    outline-color: #ec8b11;
    outline-width: 3px;
}

.mymenu01 .quickwrap .qbox p {
					font-size: 16px;
					white-space:nowrap;
					overflow:hidden;
					text-overflow:ellipsis;
					width: 100%;
					padding: 0 10px;
					box-sizing:border-box;
					-webkit-transition:color 0.5s;
					transition:color 0.5s;
					}
.mymenu01 .quickwrap .qbox p:after {content:"";float: right;border-left: 7px solid #000;/* border-left: 7px solid #f18201; */border-top: 5px solid transparent;border-bottom: 5px solid transparent;width: 10px;height: 10px;box-sizing: border-box;position: absolute;right: 10px;top: 50%;margin-top: -5px;opacity: 0.6;}

.mymenu01 .quickwrap .qbox:hover {border: 1px solid #f18201;}
.mymenu01 .quickwrap .qbox:hover p:after {border-left:7px solid #f18201; opacity:1;}



	/* height set */
	.layout_height_H .mymenu01 .quickwrap .qbox:nth-child(8) ~ div {display:none;}
	.layout_height_M .mymenu01 .quickwrap .qbox:nth-child(6) ~ div {display:none;}





	@media (min-width:800px){
		.layout_height_H .mymenu01 {height:350px;}
		.layout_height_M .mymenu01 {height:250px;}
		.layout_height_H .mymenu01 ul.mymenu01_wrap > li.active div ul.viewPannel {height:292px;}
		.layout_height_M .mymenu01 ul.mymenu01_wrap > li.active div ul.viewPannel {height:192px;}
		
		.mymenu01 .quickwrap .qbox:first-child, .mymenu01 .quickwrap .qbox:nth-child(2) {margin-top: 0 !important;}
		.mymenu01 .quickwrap .qbox:nth-child(2n) {margin-left: 2%;}

		.layout_height_H .mymenu01 .quickwrap .qbox {height: 50px;line-height: 50px;}
		.layout_height_M .mymenu01 .quickwrap .qbox {height: 40px;line-height: 40px;margin-top: 5px;}

		.layout_03 .mymenu01 .quickwrap .qbox p,
		.layout_04 .mymenu01 .quickwrap .qbox p {font-size:14px;}
	}

	@media (min-width:800px) and (max-width:1200px){
		.mymenu01 ul.mymenu01_wrap > li.active h3 .tab_tit,
		.mymenu01 ul.mymenu01_wrap > li h3 .tab_tit {font-size:17px;}
	}

	@media (min-width:600px) and (max-width:799px){
		.layout_block4 .layout_04 .mymenu01 ul.mymenu01_wrap > li h3 .tab_tit {line-height:55px !important;}
		.layout_block4 .layout_04 .mymenu01 ul.mymenu01_wrap > li.active h3 .tab_tit {line-height:56px !important;}

		.layout_block4 .layout_height_H .mymenu01 {height:350px;}
		.layout_block4 .layout_height_M .mymenu01 {height:250px;}
		.layout_block4 .layout_height_H .mymenu01 ul.mymenu01_wrap > li.active div ul.viewPannel {top:57px; height:292px;}
		.layout_block4 .layout_height_M .mymenu01 ul.mymenu01_wrap > li.active div ul.viewPannel {top:57px; height:192px;}
		.layout_block4 .layout_height_H .mymenu01 .quickwrap .qbox {height:50px; line-height:50px;}
		.layout_block4 .layout_height_M .mymenu01 .quickwrap .qbox {height:40px; line-height:40px;}
		.layout_block4 .mymenu01 .quickwrap .qbox:first-child,
		.layout_block4 .mymenu01 .quickwrap .qbox:nth-child(2) {margin-top:0 !important;}
		.layout_block4 .layout_04 .mymenu01 .quickwrap .qbox p {font-size:14px;}

		.layout_block4 .layout_height_M .mymenu01 ul.mymenu01_wrap > li.active div ul.viewPannel>li .memenuSlide .swiper-container > div.swiper-wrapper {padding-top:33px;}
	}

	@media (max-width:799px){
		.layout_height_H .mymenu01 {height:315px;}
		.layout_height_M .mymenu01 {height: 260px;}
		.layout_height_H .mymenu01 ul.mymenu01_wrap > li.active div ul.viewPannel {height:270px;}
		.layout_height_M .mymenu01 ul.mymenu01_wrap > li.active div ul.viewPannel {height: 215px;}

		.mymenu01 ul.mymenu01_wrap > li.active h3 .tab_tit {line-height:44px !important;}
		.mymenu01 ul.mymenu01_wrap > li h3 .tab_tit {line-height:42px !important; font-size:17px;}
		.mymenu01 ul.mymenu01_wrap > li.active div ul.viewPannel {top:44px;}

		.mymenu01 .quickwrap .qbox {line-height:40px;}
		.mymenu01 .quickwrap .qbox:nth-child(2n) {margin-left:2%;}

		.mymenu01 ul.mymenu01_wrap > li.active div ul.viewPannel>li .memenuSlide .swiper-container {padding-bottom:0;}
	}