@charset "utf-8";


.mobile_re .main_visual {text-align: center; width: 100%; position:relative;}
.mobile_re .main_visual .swiper {/* background: red; */padding-bottom: 24px;}
.mobile_re .main_visual .swiper-slide {line-height: 0;}
.mobile_re .main_visual img {position: relative; letter-spacing: 0; height:400px; width:100%; }
.mobile_re .main_visual .v_text {width:100%; height:auto; position: absolute; left:50%; top:45px; transform: translateX(-50%); text-align: center; color:#fff;font-family:'GmarketSansMedium'}
.mobile_re .main_visual .v_text .txt1 {font-size:16px; line-height: 20px; text-align: center;}
.mobile_re .main_visual .v_text .txt2 {font-size:30px; line-height:38px; letter-spacing: -1.5px; margin-top:20px; text-align: center;}
.mobile_re .main_visual .v_text .txt2 span {display: block; clear: both;}

.mobile_re .main_visual .swiper-pagination {position:absolute; bottom: 0; left:50%; transform: translateX(-50%);line-height: 100%;margin-bottom: 0;}

.mobile_re .main_visual .swiper-pagination .swiper-pagination-bullet {width:8px; height:8px; background: #F3E5CE; opacity: 1;}
.mobile_re .main_visual .swiper-pagination .swiper-pagination-bullet-active {background: #FF771D;}

.m_link {width: 100%; margin: 25px 0 30px; overflow: hidden; float: none;}
.m_link li {float: left; width: 20%; box-sizing: border-box;}
.m_link li a {display: block; text-align: center; font-size: 14px; line-height: 40px; color: #333; font-weight: 600;}
.m_link li img {width: 100%;}


.mobile_re .main_popular {margin-top: 40px;}
.mobile_re .main_popular .tit_area {width:100%; display: block; color:#111; position: relative; text-align: center;}
.mobile_re .main_popular .tit_area .txt1 {font-size:22px; line-height: 26px; font-family: 'GmarketSansBold'; letter-spacing: -1px;text-align: center;}
.mobile_re .main_popular .tit_area .txt2 {font-size:12px; line-height: 16px; letter-spacing: -0.5px; margin-top:5px;text-align: center;}
.mobile_re .main_popular .tit_area .tabs {width: auto; margin: 20px 0 26px;display: inline-block;}
.mobile_re .main_popular .tit_area .tabs li {display: inline-block; float: left;margin: 0 5px;}
.mobile_re .main_popular .tit_area .tabs li a {width:100%; height: 25px; line-height: 15px;text-align: center; font-size: 13px; color:#999; background: #F1EBE1; border-radius: 40px; display: block;padding: 6px 22px 4px;}
.mobile_re .main_popular .tit_area .tabs li.active a {background: #FF771D; color:#fff;}


.mobile_re .main_popular .slide_area {position:relative; display: block;}
.mobile_re .main_popular .slide_area .swiper-wrapper {padding: 0 20px;}
.mobile_re .main_popular .slide_area .swiper-slide {width:144px; cursor: pointer; margin-right:14px;}
.mobile_re .main_popular .slide_area .swiper-slide img {width:144px; height:174px; line-height: 0;float: left;display: inline-block;}
.mobile_re .main_popular .slide_area .swiper-slide > p {font-size:14px; line-height:20px; margin-top:14px; text-align: left; color:#111;display: block;float: left;width: 100%;overflow: hidden;word-break: break-all;white-space: nowrap;text-overflow: ellipsis;}
.mobile_re .main_popular .slide_area .swiper-slide .mouseover {opacity: 0; position: absolute; left:0; right:0; top:0; height:174px; background: rgba(255, 119, 29, .9); vertical-align: middle; transition: all .3s;white-space: pre-wrap;}
.mobile_re .main_popular .slide_area .swiper-slide .mouseover p {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); text-align: center; }
.mobile_re .main_popular .slide_area .swiper-slide .mouseover p span {display: block; color:#fff; font-size:10px; width:90%;}
.mobile_re .main_popular .slide_area .swiper-slide .mouseover p span:last-child {display: block; color:#fff; font-size:14px; margin-top:8px;}
.mobile_re .main_popular .slide_area .swiper-slide:hover .mouseover {opacity: 1;}



.mobile_re .main_theme {position: relative; background:#1E444F; display: block; margin-top:40px;overflow: hidden; height:500px;}
.mobile_re .main_theme .tit_area {font-size:22px; line-height: 26px; font-family: 'GmarketSansBold'; letter-spacing: -1px;text-align: center; margin:36px 0 20px;color: #fff;}
.mobile_re .main_theme .swiper-slide {overflow: auto; padding:0 20px; text-align: center;}
.mobile_re .main_theme img {position: relative; letter-spacing: 0; display: inline-block; box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.3); width:100%; height:220px;float: left;}
.mobile_re .main_theme .v_text { display: block;  height:130px;  color: #fff; margin-top: 34px;float: left;width: 100%;}
.mobile_re .main_theme .v_text .txt1 {font-size: 14px; line-height: 16px;letter-spacing: -1px; text-align: center;}
.mobile_re .main_theme .v_text .txt2 {font-size:22px; font-family: 'GmarketSansBold';  line-height:30px; margin-top:10px; word-break:keep-all;text-align: center;}

.mobile_re .main_theme .swiper-pagination {position:absolute; bottom: 0px; left:50%; transform: translateX(-50%);line-height: 100%;margin-bottom: 0;}
.mobile_re .main_theme .swiper-pagination .swiper-pagination-bullet {width:8px; height:8px; background: #fff; opacity: .3;}
.mobile_re .main_theme .swiper-pagination .swiper-pagination-bullet-active {background: #FF771D; opacity: 1;}

.mobile_re .main_banner {padding:30px 0; text-align: center; background: #fff; border-bottom:1px solid #f6f6f6;}
.mobile_re .main_banner ul {margin: 0 auto; display: flex; position: relative; justify-content: center;padding: 0px 5px;}
.mobile_re .main_banner ul li {display: inline-block; width:100px; background: #fff;
    margin:0; text-align: center; color:#111;}
.mobile_re .main_banner ul li a {display: block;}
.mobile_re .main_banner ul li .image {width: 100%; height:45px; text-align: center; vertical-align: middle; position: relative; margin:0 auto;}
.mobile_re .main_banner ul li .image img {position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:45px; }
.mobile_re .main_banner ul li a p {font-size:16px; line-height: 20px; margin-top:17px; text-align: center;}


.mobile_re .main_affiliate {padding:30px 0 33px; width:100%; margin:0 auto; background: #fff; display: block;}
.mobile_re .main_affiliate .tit_area {margin:0 auto; margin-bottom:24px; color:#111}
.mobile_re .main_affiliate .tit_area .txt1 {font-size:22px; line-height: 26px; font-family: 'GmarketSansBold'; letter-spacing: -1px;text-align: center;}
.mobile_re .main_affiliate .tit_area .txt2 {font-size:12px; line-height: 16px; letter-spacing: -0.5px; margin-top:5px;text-align: center;}
.mobile_re .main_affiliate .swiper-slide {margin-right:14px; border:1px solid #dcdcdc; border-radius: 60px; width:62px; height:62px;}
.mobile_re .main_affiliate .swiper-slide a {display: block; width:60px; height:60px; text-align: center; position: relative;}
.mobile_re .main_affiliate .swiper-slide a img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width: 45px; max-height: 45px;}
.mobile_re .main_affiliate .swiper {position: relative; }