@charset"utf-8";
/*本css为常用style*/
/* * * 功能性样式 *
/
/*字体对齐方式*/
.tc{text-align: center}
.tl{text-align: left}
.tr{text-align: right}
.tj{text-align: justify;}
/*浮动和清除浮动*/
.fl{float: left}
.fr{float: right}
.clearfix:after,
.clearfix:before{display: table;content: " "}
.clearfix:after{clear: both}
/*字体溢出显示...*/
.ell{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;word-break: keep-all}
.ell_2{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all}
/*弹性盒子布局*/
.db{display: block !important}
.dib{display: inline-block !important}
/* 下面的命名进行了更改 */
.fbox{display: flex}
.fg1{width: 1px;flex-grow: 1}
.fbox-acenter{align-items: center;}
/*元素垂直居中*/
.fbox-jcenter{justify-content: center;}
/*元素横向居中*/
.fbox-jaround{justify-content: space-around;}
/*元素前后、之间等间距占满空间*/
.fbox-jbetween{justify-content: space-between;}
/*元素等间距占满空间*/
.fbox-col{flex-direction: column}
/*元素竖列显示*/
.fbox-row{flex-direction: row}
/*元素横向显示*/
/*常用字号*/
.f12{font-size: 1.2rem;}
.f14{font-size: 1.4rem;}
.f16{font-size: 1.6rem;}
.f18{font-size: 1.8rem;}
/*字体图标样式*/
.iconfont{font-size: 1.4rem !important;}
/*图像自适应 */
.imgfix{position: relative;overflow: hidden;}
.imgfix img{position: absolute;width: auto !important;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
/* tabBar */
.tabBar_wrap{width: 100vw;height: 17vw;}
.tabBar{width: 100vw;background: #DDF6F1;height: 17vw;position: fixed;bottom: 0;}
.tab_item{padding-top: 1vw;text-align: center;font-size: 3.8vw;color: #186F60;}
.tab_item i{width: 7vw;height: 7vw;display: inline-block;}
.ico-zixun{background: url('../images/btn-index.svg') no-repeat center;background-size: 100% 100%;}
.on .ico-zixun{background: url('../images/btn-index-on.svg') no-repeat center;background-size: 100% 100%;}
.ico-you{background: url('../images/btn-yunyou.svg') no-repeat center;background-size: 100% 100%;}
.on .ico-you{background: url('../images/btn-yunyou-on.svg') no-repeat center;background-size: 100% 100%;}
.tab_item i.ico-sao{width: 10vw;
height: 10vw;margin-top: -3vw;background: url('../images/btn-sao.svg') no-repeat center;background-size: 100% 100%;}
.tab_item i.ico-yun{width: 10vw;
height: 10vw;margin-top: -3vw;background: url('../images/ico-yun.svg') no-repeat center;background-size: 100% 100%;}
.on.tab_item i.ico-yun{background-image: url('../images/ico-yun-on.svg');}
.ico-daka{background: url('../images/btn-daka.svg') no-repeat center;background-size: 100% 100%;}
.on .ico-daka{background: url('../images/btn-daka-on.svg') no-repeat center;background-size: 100% 100%;}
.ico-wang{background: url('../images/ico-wang.svg') no-repeat center;background-size: 100% 100%;}
.on .ico-wang{background: url('../images/ico-wang-on.svg') no-repeat center;background-size: 100% 100%;}
.ico-wode{background: url('../images/btn-my.svg') no-repeat center;background-size: 100% 100%;}
.on .ico-wode{background: url('../images/btn-my-on.svg') no-repeat center;background-size: 100% 100%;}
.head_top_wrap{height: 35vw;
padding: 11vw 5vw;
background: url('../images/bg-my.jpg') no-repeat center;background-size: 100% 100%;}
.head_top{width: 17vw;height: 17vw;border-radius: 50%;overflow: hidden;margin-right: 2vw;}
.head_top img{width: 17vw;height: 17vw;display: block;}
.head_top_wrap p{color: #cd7c1b;
font-size: 4vw;
font-weight: bold;}
.my_list_wrap{padding: 2vw 4vw;}
.my_list_item{border-bottom: 1px solid #f0f0f0;padding: 4vw 0;}
.ico-quan{margin-right: 3vw;display: inline-block;width: 6vw;height: 6vw;background: url('../images/ico-quan.svg') no-repeat center;background-size: 100% 100%;}
.ico-tijiao{margin-right: 3vw;display: inline-block;width: 6vw;height: 6vw;background: url('../images/ico-tijiao.svg') no-repeat center;background-size: 100% 100%;}
.ico-arrow{display: inline-block;width: 6vw;height: 6vw;background: url('../images/arrow.svg') no-repeat center;background-size: 100% 100%;}
.index_head{background: url('../images/bg-index-24.jpg') no-repeat top left;background-size: contain;height: 94vw;padding-top: 79vw;text-align: center;}
.btn_idx_head{display: inline-block;width: 37vw;height: 14vw;background: url('../images/block.png') no-repeat center;background-size: 100% 100%;font-size: 4vw;padding-top: 4vw;padding-right: 7vw;text-align: right;color: #2393AD;margin: 0 3vw;}
.h3-tit{padding: 4vw;
font-size: 4.2vw;
font-weight: bold;
color: #3d3d3d;}
.h3-tit span{padding-left: 2vw;
color: #66cfca;text-transform: uppercase;}
/* 新闻列表 */
.news_wrap{padding: 4vw;font-size: 4vw;}
.news_item{margin-bottom: 4vw;}
.news_img{width: 32vw;height: 18vw;}
.news-txt{padding-right: 4vw;}
.news-txt p{margin-bottom: 4vw;}
.news-txt span{color: #999;font-size: 3vw;}
/* page */
.page_wrap{margin-bottom: 5vw;text-align: center;}
.page_wrap span{display: inline-block;padding: 0 3vw;color: #2393ad;font-size: 4vw;
font-weight: 700;}
.btn_page{width: 24vw;height: 12vw;background: linear-gradient(128deg, #3BAEB2 0%, #479A9E 100%);border-radius: 1vw;display: inline-block;color: #fff;font-size: 3vw;
text-align: center;
line-height: 12vw;}
.banquan{text-align: center;padding-bottom: 4vw;font-size: 4vw;}
/* 写留言 */
.message_wrap{padding: 4vw;}
.message_wrap textarea{padding: 2vw;background-color: #f5f6fa;border: none;font-size: 4vw;display: block;width: 100%;margin-bottom: 4vw;}
.message_wrap p{font-size: 4vw;margin-bottom: 4vw;color: #3d3d3d;}
.message_wrap .tijiao_btn{font-size: 4vw;text-align: center;color: #fff;width: 92vw;
height: 10vw;
background: linear-gradient(128deg, #3BAEB2 0%, #479A9E 100%);
border-radius: 1vw;}
/* 优惠券 */
.quanList_page{background-color: #f5f6fa;}
.tab_wrap{background-color: #fff;padding: 0 20vw;}
.tab_it{height: 10vw;line-height: 10vw;color: #999;position: relative;font-size: 4vw;text-align: center;}
.tab_it i{display: none;}
.tab_it.on{color: #ff9e29;}
.tab_it.on i{background-color: #ff9e29;display: block;width: 5vw;
height: 1vw;position: absolute;bottom: 0;left: 50%;margin-left: -2.5vw;border-radius: 1vw;}
.quan_list{padding: 4vw;}
.quan_item{background: url(../images/bg-quan-item.svg);background-size: 100% 100%;width: 92vw;padding: 0 4vw;height: 21vw;font-size: 4vw;margin-bottom: 3vw;}
.quan_jine{color: #ff9e29;font-size: 5vw;font-weight: bold;}
.quan_yiyong .quan_left{padding-left: 5vw;}
.quan_yiyong .quan_jine{color: #999;}
.quan_jine span{font-size: 3vw;}
.quan_tiao{font-size: 3.2vw;line-height: 2;white-space: nowrap;}
.quan_mid{padding: 0 3vw;}
.quan_yiyong .quan_mid{padding-left: 10vw;}
.quan_name{font-size: 4.6vw;line-height: 1.2;margin-bottom: 2.2vw;}
.quan_time{font-size: 3vw; color: #888;}
.quan_right{width: 15vw;height: 6vw;background: #FF9E29;border-radius: 12vw;text-align: center;line-height: 6vw;color: #fff;font-size: 3.5vw;}
.quan_page{background-color: #dcf2f0;padding: 4vw;}
.quan_wrap{background-color: #fff;border-radius: 2vw;padding: 6vw 6vw 1vw;}
.quan_head{padding-bottom: 12vw;border-bottom: 1px dashed #D8D8D8;}
.quan_head h4{color: #186f60;font-size: 5vw;line-height: 1.5;}
.quan_head h5{color: #186f60;font-size: 4vw;line-height: 1.5;margin-bottom: 9vw;}
.quan_head p{color: #999;font-size: 3.6vw;line-height: 1.5;}
.quan_head p em{color: #FF9E29;font-size: 9vw;line-height: 1.5;font-weight: bold;}
.quan_det{padding: 4vw 0;font-size: 4vw;}
.quan_det .fg1{color: #999999;}
/* 正文 */
.wen_tit{padding:2vw 4vw;font-size: 4vw;color: #3D3D3D;line-height: 6vw;}
.set_time{color: #888;padding: 0 4vw;font-size: 4vw;}
.article_wrap{padding: 4vw;font-size: 4vw;line-height: 1.8;}
.article_wrap p{margin-bottom: .5em;}

/* 云游艺术节 */
.head_yunyou{background: #fff url(../images/bg-yunyou.jpg) top center no-repeat;background-size: 100vw 35vw;height: 40vw;padding-top: 20vw;}
.yun_tools{padding: 0 10vw;}
.btn_yun{font-size: 4vw;color: #2393ad;width: 21vw;
height: 21vw;text-align: center;background: url(../images/circle.png) no-repeat;background-size: contain;padding: 4vw 2vw;}
.media_wrap{padding: 0 4vw;}
.media_item{width: 92vw;font-size: 4vw;line-height: 1.6;padding-bottom: 2vw;border-bottom: 1px solid #e6e6e6;margin-bottom: 4vw;}
.media_item video.v_item{width: 92vw;height: 67wv;border-radius: 3vw; object-fit: fill;}

.daka_wrap{padding: 4vw;}
.daka_item{width: 92vw;height: 59vw;position: relative;border-radius: 3.5vw;overflow: hidden;margin-bottom: 4vw;}
.daka_item img{width: 92vw;height: 59vw;}
.daka_txt{position: absolute;left: 0;width: 92vw;bottom: 0;background: linear-gradient(180deg, rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 100%);height: 14vw;color: #fff;padding: 0 4vw;font-size: 4vw;}
.daka_txt i{width: 6vw;height: 6vw;background: url(../images/btn-go.svg);background-size: contain;}