@import url("head.css");
@import url("foot.css");
.banner_focus{margin-top:10px;height:360px;}
.banner_focus .swiper-pagination-bullet{width:8px;height:8px;}
.banner_focus .swiper-pagination-bullet-active{width:25px;transition:width 0.2s;border-radius:5px;background-color:#ff4d48;}
.banner_focus .swiper-slide{width:100%;height:100%;text-align:center;}
.banner_focus .swiper-slide img{width:auto;height:100%;}
.index_search{margin-top:40px;}
.logo{float:left;width:150px;height:45px;overflow:hidden;}
.search_box_bg{float:left;width:590px;height:42px;padding:0px 0px 0px 60px;margin-left:65px;border:2px solid #ff4d48;border-radius:5px;background:url(../images/index_ico01.png) no-repeat 16px center;}
.search_box_bg input{float:left;width:460px;height:42px;background:none;border:none;font-size:14px;color:#666;}
.search_box_bg button{float:right;width:120px;height:42px;line-height:40px;background:#ff4d48;color:#fff;font-size:16px;cursor:pointer;}
.search_hot{float:right;}
.search_hot h3{float:left;width:32px;height:40px;line-height:20px;padding:2px 5px;border:1px solid #ff4d48;border-radius:5px 0px 0px 5px;color:#fff;background:#ff4d48;text-align:center;font-size:14px;}
.search_hot ul{float:left;width:240px;height:40px;padding:2px;border:1px solid #f0f0f0;border-radius:0px 5px 5px 0px;background:#f5f5f5;}
.search_hot ul li{float:left;line-height:20px;padding:0px 6px 0px 10px;font-size:12px;color:#999;}
.search_hot ul li a{color:#999;}
.search_hot ul li a:hover{color:#ff4d48;}
.index_jingxuan{padding-bottom:30px;background:url(../images/zhoubian.png) no-repeat center #fafafa;}
.index_jingxuan h2{padding:40px 0px 30px;font-size:20px;text-align:center;background:#fff;}
.index_jingxuan ul{padding:10px 0px 0px;border-top:1px solid #f2f2f2;font-size:0px;text-align:center;}
.index_jingxuan ul li{display:inline-block;padding:20px 15px 0px;}
.index_jingxuan ul li a{display:inline-block;height:20px;line-height:20px;padding:8px 20px;font-size:16px;border:1px solid #d9d9d9;border-radius:3px;}
.index_jingxuan ul li.hover a,.index_jingxuan ul li a:hover{border-color:#ff4d48;background:#ff4d48;color:#fff;}
.index_jingxuan ol,.index_loushi .left ol{display:none;}
.index_jingxuan ol.block,.index_loushi .left ol.block{display:block;}
.index_jingxuan ol{padding-top:20px;}
.index_jingxuan ol li{float:left;width:282px;margin-right:24px;}
.index_jingxuan ol li:last-of-type{margin-right:0px;}
.index_jingxuan ol li .pic{display:block;width:100%;height:188px;overflow:hidden;}
.pic img{width:100%;height:100%;object-fit:cover;object-position:center center;}
.index_jingxuan ol li h4,.index_loushi .center ul li h4{padding:10px 0px 2px;font-size:14px;}
.index_jingxuan ol li .quyu,.index_loushi ul li .quyu{color:#999;font-size:14px;line-height:12px;font-weight:normal;margin-right:3px;}
.index_jingxuan ol li .jg{display:block;width:100%;font-size:14px;color:#999;}
.index_jingxuan ol li .jg .f_red,.index_loushi ul li .jg .f_red{color:#ff4d48;font-size:16px;font-weight:bold;}
.index_jingxuan ol li .tag,.index_loushi .center ul li .tag{font-size:0px;}
.tag_blue,.tag_orange,.tag_green,.tag_gray,.tag_red{float:left;height:16px;line-height:16px;padding:2px 5px;margin:8px 15px 0px 0px;border:1px solid #00b7ee;color:#00b7ee;font-size:12px;}
.tag_orange{border-color:#f39800;color:#f39800;}
.tag_green{border-color:#22ac38;color:#22ac38;}
.tag_gray{border-color:#b0b0b0;color:#b0b0b0;}
.tag_red{border-color:#ff4d48;color:#ff4d48;}
.banner_box{float:left;width:100%;margin-top:20px;}
.banner_box img{width:100%;height:100%;}
.index_brank{margin-top:20px;font-size:0px;}
.index_brank ul li{display:inline-block;width:245px;height:70px;margin-right:30px;padding:15px;border:1px solid #f2f2f2;border-radius:5px;background:url(../images/index_ico02.png) no-repeat 170px center #fff;}
.index_brank ul li:nth-of-type(2){width:246px;background-image:url(../images/index_ico03.png);}
.index_brank ul li:nth-of-type(3){background-image:url(../images/index_ico04.png);}
.index_brank ul li:last-of-type{width:246px;margin-right:0px;background-image:url(../images/index_ico05.png);}
.index_brank ul li h3{padding-bottom:10px;line-height:20px;font-size:16px;}
.index_brank ul li p{line-height:20px;font-size:14px;color:#999;}
.index_loushi{padding-top:20px;}
.index_loushi h2{padding:20px 0px 20px;font-size:20px;text-align:center;background:#f5f5f5;}
/*.index_loushi h2 span{padding:10px 50px;border-radius:6px;background:#fff;}*/
.index_loushi .left{float:left;width:310px;margin-top:10px;}
.index_loushi .left ul{border-bottom:1px solid #f2f2f2;font-size:0px;text-align:left;}
.index_loushi .left ul li{display:inline-block;padding:6px 6px 0px 0px;font-size:16px;}
.index_loushi .left ul li a{display:block;padding:2px 15px;line-height:30px;}
.index_loushi .left ul li.hover a,.index_loushi .left ul li a:hover{background:#ff4d48;color:#fff;}
.index_loushi .left ol li{float:left;width:284px;padding:5px 0px 5px 24px;line-height:22px;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.index_loushi .left ol li.i1{width:100%;padding-left:0px;background:url(../images/left_ico01.png) no-repeat left 17px;}
.index_loushi .left ol li.i2{width:100%;padding-left:0px;padding-top:3px;background:url(../images/left_ico02.png) no-repeat left 15px;}
.index_loushi .left ol li.i3{width:100%;padding:10px 0px 8px;height:55px;background:none;}
.index_loushi .left ol li.i3 img{width:100%;height:100%;object-fit:cover;object-fit:center center;}
.index_loushi .left ol li.i4{padding-left:26px;background:url(../images/left_ico03.png) no-repeat left 8px;}
.index_loushi .left ol li.i4 a{font-size:16px;color:#ff4d48;font-weight:bold;}
.index_loushi .left ol li.i5{background:url(../images/left_ico04.png) no-repeat left 8px;}
.index_loushi .left ol li.i6{background:url(../images/left_ico05.png) no-repeat left 8px;}
.index_loushi .left ol li.i7{background:url(../images/left_ico06.png) no-repeat left 8px;}
.index_loushi .left ol li.i8{background:url(../images/left_ico07.png) no-repeat left 8px;}
.index_loushi .left ol li.i9{background:url(../images/left_ico08.png) no-repeat left 8px;height:16px;}
.index_loushi .left ol li h4{float:left;width:284px;height:22px;padding:9px 0px 9px 24px;text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden;}
.index_loushi .left ol li .pic{float:left;width:100px;height:70px;padding:0px 14px 0px 0px;overflow:hidden;}
.index_loushi .left ol li .intro{position:absolute;height:44px;left:114px;right:0px;top:42px;white-space:normal;overflow:hidden;}
.index_loushi .left ol li small{position:absolute;left:114px;bottom:6px;height:14px;line-height:14px;padding:3px 8px;background:#f2f2f2;color:#999;font-size:12px;}
.index_loushi .center{float:left;width:544px;margin:10px 38px 0px 38px;}
.index_loushi .center h3,.index_loushi .right h3{padding:5px 15px;line-height:30px;font-size:16px;border-bottom:1px solid #f2f2f2;}
.index_loushi .center h3{text-align:center;}
.index_loushi .center ul li{float:left;width:260px;padding-top:15px;}
.index_loushi .center ul li:nth-of-type(2n+1){margin-right:24px;}
/* .index_loushi .center ul li:nth-of-type(n+3){padding-bottom:14px;} */
.index_loushi .center ul li .pic{display:block;width:100%;height:173px;overflow:hidden;}
.index_loushi .right{float:right;width:270px;margin-top:10px;}
.index_loushi .right ul{width:100%;height:368px;margin-top:10px;background:url(../images/right_line.png) repeat-y 11px center;overflow-y:scroll;overflow-x:hidden;}
.index_loushi .right ul::-webkit-scrollbar{/*滚动条整体样式*/width:8px;/*高宽分别对应横竖滚动条的尺寸*/height:0px;}
.index_loushi .right ul::-webkit-scrollbar-thumb{/*滚动条里面小方块*/border-radius:8px;background-color:#ff4d48;/*background-image:-webkit-linear-gradient(
	45deg,
	rgba(255, 255, 255, 0.2) 25%,
	transparent 25%,
	transparent 50%,
	rgba(255, 255, 255, 0.2) 50%,
	rgba(255, 255, 255, 0.2) 75%,
	transparent 75%,
	transparent);*/}
.index_loushi .right ul::-webkit-scrollbar-track{/*滚动条里面轨道box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);*/background:#f1f1f1;border-radius:8px;}
/*
.index_loushi .right ul{
width:270px;
height:382px;
overflow-y:scroll;*/
/*IE滚动条设置，仅支持颜色修改 */
/*立体滚动条的颜色（包括箭头部分的背景色） */
/*scrollbar-face-color:#ff4d48;*/
/*三角箭头的颜色*/
/*scrollbar-arrow-color:#434343;*/
/*立体滚动条亮边的颜色*/
/*scrollbar-3dlight-color:#ff4d48;*/
/*滚动条的高亮颜色（左阴影？）*/
/*scrollbar-highlight-color:#2c9ef7;*/
/*立体滚动条阴影的颜色*/
/*scrollbar-shadow-color:#ff4d48;
/*立体滚动条外阴影的颜色*/
/*scrollbar-darkshadow-color:#2c9ef7;*/
/*立体滚动条背景颜色*/
/*scrollbar-track-color:#f1f1f1;
/*滚动条的基色*/
/*scrollbar-base-color:#2c9ef7;*/
/*}*/

.index_loushi .right ul li{/* width:228px; */height:64px;padding:0px 13px 0px 27px;background:url(../images/right_line_ico01.png) no-repeat 8px 7px;}
.index_loushi .right ul li span{float:left;height:14px;line-height:14px;margin-bottom:6px;padding:3px 6px;background:#f2f2f2;color:#888;font-size:12px;}
.index_loushi .right ul li.hover{background-image:url(../images/right_line_ico02.png);}
.index_loushi .right ul li.hover span{background:#ff4d48;color:#fff;}
.index_loushi .right ul li h4{float:left;clear:both;font-size:14px;font-weight:400;}
.index_loushi .right ul li small{float:right;font-size:12px;color:#999;}
.index_loushi .right ul li small font{font-size:14px;color:#ff4d48;font-family:"arial black";}
.index_loushi .right .kanjia{height:90px;margin-top:10px;padding:10px 0px;background:url(../images/coupon.png) no-repeat center bottom;background-size:cover;border-radius:10px;color:#fbe8c8;text-align:center;}
.index_loushi .right .kanjia h4{letter-spacing:2px;font-size:1.8rem;}
.index_loushi .right .kanjia p{padding-bottom:4px;line-height:26px;letter-spacing:2px;font-size:1.4rem;}
.index_loushi .right .kanjia a{display:inline-block;width:74px;height:22px;padding:5px 18px 7px;border-radius:20px;background:url(../images/side_btn.png) no-repeat center;color:#ff4d48;font-size:1.4rem;}
.index_loushi .right .kanjia a:hover{text-decoration:underline;}

.index_xinkai{margin-top:20px;padding:20px 0px;background:#f2f2f2;}
.index_xinkai h2{font-size:20px;text-align:center;}
.index_xinkai ul{padding:10px 0px;font-size:0px;text-align:left;}
.index_xinkai ul li{display:inline-block;line-height:22px;padding:10px 30px 0px 0px;font-size:14px;}
/*2023-04-26新增通用弹窗样式*/
.box_popup{width:400px;height:520px;text-align:center;}
.box_popup .layui-layer-content{width:100%;height:100%;}
.box_popup .box{padding:50px;box-sizing:border-box;background:#fff;}
.box_popup h3{font-size:2rem;color:#1d2940;}
.box_popup .txt{margin-top:15px;font-size:1.35rem;line-height:1.8em;}
.box_popup .txt font{padding:0px 2px;text-decoration:underline;color:#ff4d48;}
.box_popup .txt small{display:inline-block;line-height:1.5em;font-size:1.15rem;color:#888;}
.box_popup .pic{padding:15px 0px;max-height:124px;}
.box_popup .pic img{width:auto;height:100%;}
.box_popup input{width:100%;line-height:36px;padding:0px 10px;box-sizing:border-box;border:1px solid #9c9fa1;border-radius:4px;}
.box_popup button{width:100%;line-height:44px;margin-top:15px;border-radius:4px;background:#ff4d48;color:#fff;font-size:1.35rem;cursor:pointer;}
/*组团砍价*/
.box_kanjia{width:376px;height:426px;background:url(../images/kanjia.png) no-repeat center;background-size:100% auto;}
.box_kanjia .layui-layer-content{width:100%;height:100%;}
.box_kanjia{background-color:transparent!important;box-shadow:0 0 0 rgba(0,0,0,0)!important;}
.box_kanjia h3{position:absolute;top:0px;width:100%;line-height:39px;text-align:center;color:#fff;font-size:1.35rem;}
.box_kanjia .num{position:absolute;width:100%;top:45px;display:block;padding:10px 0px 10px;text-align:center;color:#e52308;font-size:1rem;}
.box_kanjia .num font{display:inline-block;padding:3px 6px;margin:0px 3px;background:#e52308;color:#fff;font-weight:bold;font-family:"arial";font-size:1.35rem;}
.box_kanjia .txt{position:absolute;top:90px;left:92px;width:198px;line-height:1.7em;text-align:center;color:#e52308;font-size:1.35rem;}
.box_kanjia input{position:absolute;left:75px;top:185px;width:230px;height:30px;text-align:center;border:none;border-radius:3px;background:#fff;}
.box_kanjia button{position:absolute;left:140px;top:260px;width:97px;height:97px;border-radius:60px;border:none;background:url(../images/btn_qiang.png) no-repeat center;z-index:500;cursor:pointer;}
/*缩放动画效果*/
.index_loushi .right .kanjia .btn_kj{animation: scaleDrew 1.2s ease-in-out infinite;}
@keyframes scaleDrew{0%{transform:scale(1);}25%{transform:scale(1.08);}50%{transform:scale(1);}75%{transform:scale(1.08);}}
/*弹出窗口关闭按钮旋转动画效果*/
.layui-layer-close2{animation:rotateclose 1s linear infinite;}
/* 
turn : 定义的动画名称
1s : 动画时间
linear : 动画以何种运行轨迹完成一个周期
infinite :规定动画应该无限次播放
*/
@keyframes rotateclose{0%{-webkit-transform:rotate(0deg);}25%{-webkit-transform:rotate(90deg);}50%{-webkit-transform:rotate(180deg);}75%{-webkit-transform:rotate(270deg);}100%{-webkit-transform:rotate(360deg);}}
