/***首页部分***/

.index-con{width: 100%;/*max-width:640px;*/height: 100%;overflow:auto;-webkit-overflow-scrolling : touch; position:absolute;top: 0;right: 0;background:#e9ecef;/*transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;*/}

#swiper-banner{width:100%;/*max-width:640px;*/min-height:200px;overflow: hidden;}
#swiper-banner img{width: 100%;}
.flexslider{width: 100%;}

.mask{background-color:#000000;filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;width: 100%;height: 100%;z-index: 998; position: absolute;display: none;}

.sea-btn{width: 38px;height: 38px;background:#7BC4A0;position: fixed;top: 15px;right: 15px;z-index:1;border-radius: 50%;}
.sea-btn img{display:block;height: 30px;margin: 3px auto;}

.activity-con{width: 100%;margin: 20px auto;clear: both;}

.activity-con .more{width: 100%;height: 30px;line-height: 30px;text-align: center;}

.group-box {margin: 20px 0 10px;width: 100%;display: flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;-webkit-box-align: center;}
.group-box ul {width: 100%; }
.group-box li {background-color: #fff;width: 46%;text-align: center;margin:0 1% 20px 1%;border-radius: 5px;border: 2px dotted #dcdcdc;box-shadow: 0 3px 10px #999;float: left;display: table;min-height: 150px; }
.group-box li a { color:#333;display: block;padding: 10px 5px;height: 60px;line-height: 30px;font-size: 20px;display: table-cell;vertical-align: middle;}
.group-box li:hover {box-shadow: 0 3px 10px #999;}

.select-box{width:96%;height:40px;box-sizing:border-box;padding:12px 10px;background:#52b795;margin: 10px auto 15px;border-radius: 4px;}
.select-box span{font-size: 14px;color: #FFFFFF;}
.select-box i{display: block;width: 18px;height: 18px;float:right;}
.select-box i img{width: 100%;}

.select-inf{border-radius:5px;padding: 0 10px;overflow-y: auto;}
.select-inf h3{height:45px !important;line-height:45px !important;border-bottom: 1px solid #bbbbbb;}
.select-inf .layui-m-layercont{padding: 0;}

.group-radio ul li{overflow: hidden;padding: 10px;font-size: 14px;border-bottom: 1px solid #eeeeee;color: #333333;text-align: left;}
.group-radio ul li:active{background:#dbdbdb;}

.sign-inf{
    background: #FFFFFF;
    padding: 20px 0;
}

.sign-inf ul{
    display: flex;
    display:-webkit-flex;
    flex-wrap: wrap;
    align-items: center;
    -webkit-box-align: center;
}

.sign-inf ul li{
    width: 32%;
    text-align: center;
}

.sign-inf ul li:nth-child(2){
    border-left:1px solid #d1d1d1;
    border-right:1px solid #d1d1d1;
}

.sign-inf ul li h5{
    font-size: 15px;
    margin-bottom: 8px;
    font-weight: normal;
    color: #666666;
}

.sign-inf ul li span{
    font-size: 14px;
    color: #333333;
}

.sign-inf a{
    display: block;
    width: 90%;
    height: 40px;
    background: #ff5570;
    color: #FFFFFF;
    font-size: 15px;
    text-align: center;
    line-height: 40px;
    margin: 20px auto 0;
    border-radius: 7px;
}

.sign-inf a:active{
    background: #e0536a;
}


.group-radio ul li a{display: block;width: 100%;height: 100%;}

.select-box ul li .list-box{position: absolute;top:40px;left:0;width: 100%;background: #FFFFFF;z-index: 2;}
.list-box dd a{display:block;padding-left: 20px;font-size: 14px;line-height: 30px;border-bottom: 1px solid #E9ECEF;}

.activity-inf ul{width: 100%;height: 100%;display: flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;-webkit-box-align: center;}
.activity-inf ul li{width: 46%;background: #FFFFFF;margin:0 1.9% 30px;padding-bottom: 15px;border-radius: 8px;overflow: hidden;box-shadow: 0 3px 10px #999;}
.activity-inf ul li.ad-li{width: 96%;margin: 0 auto;padding: 0px;margin-bottom: 10px;}

.activity-box{width: 92%;/*height:235px;*/margin: 5px auto;}
.acti-img{height:46vw;overflow: hidden;background-repeat: no-repeat;background-size: 100%;background-position: 50% 50%;text-align: center;vertical-align: middle;font-size: 10px;display: block;letter-spacing:2px;line-height: 20px;}
.acti-img img{max-width: 100%;max-height: 100%;}

.activity-box h3{font-size: 15px;line-height: 36px;width: 100%;height: 25px;overflow: hidden;text-overflow: ellipsis;font-weight: bold;color: #555555;}
.activity-box h4{font-size: 13px;font-weight: normal;line-height: 20px;width: 100%;height: 20px;overflow: hidden;text-overflow: ellipsis;}
.activity-box p{font-size: 13px;width: 100%;height: 26px;display: block;overflow:hidden;text-overflow:ellipsis; margin-top: 4px;}

.activity-box p nobr{color: #999999;}

.activity-box a.first{width: 100%;height: 40vw;display: block;}

.stand_num{position: relative;top:1px;opacity: 1;}

.ac-l{float: left;margin-top: 5px;}
.ac-l h5{height: 18px;font-weight: normal;}
.ac-l h4{font-size: 20px;font-weight: normal;color: #7BC4A0;}

.ac-img{width: 30px;height: 30px;background:#7bc4a0;float: right;margin-top: 20px;border-radius: 50%;}
.ac-img img{display:block;height: 20px;margin: 5px auto;}

.vote-true{background: rgb(204, 206, 209);width: 30px;height: 30px;float: right;margin-top: 20px;border-radius: 50%;}

.vote-true img{display:block;height: 20px;margin: 5px auto;}

.advr-img{width:97%;overflow:hidden;margin:0 auto 40px;}
.advr-img img{width: 100%;}

.footer-nav{width: 100%;height: 45px;background:#7bc4a0;position: fixed;bottom: 0;left: 0;}
.footer-nav a{display: block;float: left;width: 20%;height: 45px;}
.footer-nav a img{display:block;height: 25px;margin: 10px auto;}
.footer-nav .at-a{background: #000000;filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}

/*标题修改部分*/
.index-con-2{width: 100%;/*max-width:640px;*/height: 100%;position:absolute;top: 0;overflow:auto;-webkit-overflow-scrolling : touch;right: 0;background:#FFFFFF;z-index: 2;}

.title-con{width: 95%;margin: 3px auto;}

.title-con .seri{height: 22px;padding: 0 10px;float:left;background: #dededd;border-radius: 4px;text-align: center;line-height: 22px;color: #72706f;}

.title-inf-1{clear: both;overflow: hidden;padding: 10px 0;border-bottom: 1px solid #d4d6d7;}
.title-inf-1 .inf-le{width:70%;float: left;}
.title-inf-1 .inf-le p{float: left;padding-right:30px;font-size: 13px;padding-bottom: 5px;}
.title-inf-1 .inf-le p span{font-size: 25px;color: #007cc3;}

.title-inf-1 .inf-ri{width: 60px;height: 60px;background: #7BC4A0;float: right;border-radius: 50%;}
.title-inf-1 .inf-ri img{display:block;height: 45px;margin: 10px auto;}

.title-inf-1 .true{width: 60px;height: 60px;background: rgb(204, 206, 209);float: right;border-radius: 50%;}
.title-inf-1 .true img{display:block;height: 45px;margin: 10px auto;}

.title-inf-2 h2{font-size: 18px;font-weight:normal;line-height: 40px;}
.title-inf-2 p{font-size: 13px;line-height: 22px;padding-bottom: 15px;}
.title-inf-2 ul li{line-height: 20px;font-size: 13px;}

.title-inf-3{overflow:hidden;margin-top:15px;}
.title-inf-3 p{font-size: 13px;padding-bottom: 10px;}
.title-inf-3 .tion-le{width:52%;float: left;}
.title-inf-3 .tion-le ul{background:#eff0f1;padding: 10px;height: 150px;overflow: scroll;}
.title-inf-3 .tion-le ul li{font-size: 13px;color: #605d5c;line-height: 25px;}

.title-inf-3 .tion-ri{width: 45%;float: right;}
.title-inf-3 .tion-ri .map-box{width: 100%;height:170px;}
.title-inf-3 .tion-ri .map-box img{height: 170px;}

.title-inf-4{overflow: hidden;margin: 20px 0;width: 100%;height: 40px;}
.title-inf-4 img{height: 20px;}

.title-inf-5{overflow: hidden;margin-bottom: 50px;}
.title-inf-5 img{height: 280px;}

.ticket-tit{padding: 10px;background: #f7f7f7;height:20px;position: relative;}
.ticket-tit p{float: left; margin-right: 25px;line-height: 20px;font-size: 13px;color: #aeaeae;}
.ticket-tit p span{font-size: 13px;color: #aeaeae;}
.ticket-tit p span.tit-icon{display: inline-block;width: 20px;height: 20px;background: url(/img/tit-bg.png) no-repeat;float: left; margin-right: 10px;}


.tit-box{width: 50px;height: 50px;background:rgba(20,188,147,0.5);position: absolute;top: -18px;right: 16px;z-index: 98;border-radius: 50%;}
.tit-img{width: 40px;height: 40px;background: #14bc93;border-radius: 50px; margin: 5px auto;}
.tit-img img{width: 28px;display:block;margin: 0 auto;padding-top: 8px;}
.true{background-color: rgb(204, 206, 209);}

.ticket-list{background: #FFFFFF;padding: 0 15px;margin-bottom: 15px;}
.ticket-list ul li{padding: 10px 0;border-bottom: 1px solid #f1f1f1;overflow: hidden;position: relative;}
.ticket-list ul li span{display:inline-block;line-height: 20px;font-size: 15px;color: #333333;}
.ticket-list ul li span:first-of-type{width: 20px;height: 20px;background-repeat: no-repeat;float: left; margin-right: 20px;}
.ticket-list ul li span.sp-1{background: url(/img/tit-bg.png); background-position: 0 -20px;}
.ticket-list ul li span.sp-2{background: url(/img/tit-bg.png); background-position: 0 -40px;}
.ticket-list ul li span.sp-3{background: url(/img/tit-bg.png); background-position: 0 -60px;}
.ticket-list ul li span.sp-4{background: url(/img/tit-bg.png); background-position: 0 -80px;}

.ticket-list ul li span:last-of-type{float: right;}
.ticket-list ul li span.gre-sp{color: #14bc93;}

.ticket-text{padding: 20px 15px;background: #FFFFFF;}
.ticket-text img{max-width: 100%;}
.ticket-text h3{font-size: 16px;color: #555555;font-weight: bold;}
.ticket-text h4{color: #555555;font-weight: normal;}

.ticket-text p{color: #888888;margin-top: 10px;}

.ticket-inf{margin-bottom: 15px;}
.ticket-inf h4{background:#f7f7f7;line-height: 40px;padding: 0 15px;font-size: 14px;font-weight: normal;color: #999999;}
.ticket-inf p{background: #FFFFFF;padding: 10px 15px;color: #333333;font-size: 13px;}

.browse{background: #FFFFFF; padding: 10px 10px; margin-bottom: 15px;overflow: hidden;}
.browse h4{font-size: 15px;color: #333333;margin-bottom: 10px;font-weight: normal;}
.browse ul li{float: left;width: 13%;margin:0 1.8%;}
.browse ul li img{width: 100%;}

.recommend{padding: 10px 10px;background: #FFFFFF;overflow: hidden;margin-bottom: 15px;}
.recommend h4{font-size: 15px;color: #333333;margin-bottom: 10px;font-weight: normal;}
.recommend ul li{float: left;width: 47%;margin: 0 1.5% 15px;}
.recommend ul li a{width: 100%;height:44.7vw;background-size: cover;display: block;overflow: hidden;}
.recommend ul li img{width: 100%;}
.recommend ul li p{font-size: 13px;color: #333333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-top: 5px;height: 20px;}
.recommend ul li a .slogan{width: 100vw;height: 44.7vw;display: table-cell;vertical-align: middle;text-align: center;padding: 2px 16px;font-size: 14px;line-height: 22px;}
.foobk{padding: 20px 15px;background: #FFFFFF;}

.video-btn{display: inline-block;width: 65px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
/*我要報名*/
.index-con-3{width: 100%;/*max-width:640px;*/height: 100%;position:absolute;top: 0;right: 0;background:#e9ecef;overflow:auto;-webkit-overflow-scrolling : touch;z-index: 3;}

.text-1{overflow: hidden;margin: 20px 0;clear: both;}
.text-1 p{font-size: 15px;padding-bottom: 10px;color: #4d4948;}
.text-1 input{width: 100%;height: 40px;border: 0;padding-left: 10px;border-radius: 5px;background-color: #FFFFFF;transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;font-size: 15px;}
/*.text-1 input:focus{-moz-box-shadow: inset 0px 0px 6px #9abeff;-webkit-box-shadow: inset 0px 0px 6px #9abeff;box-shadow: inset 0px 0px 6px #9abeff;}*/

.text-1 textarea{width: 100%;height:160px;resize:none;border: 0;padding: 8px;border-radius: 5px;outline: none;background-color: #FFFFFF;transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;font-size: 15px;}
.text-1 textarea:focus{-moz-box-shadow: inset 0px 0px 6px #9abeff;-webkit-box-shadow: inset 0px 0px 6px #9abeff;box-shadow: inset 0px 0px 6px #9abeff;}

.panel-1,.panel{display: block;width: 100%;clear: both;}
.panel-1 p{font-size: 15px;padding-bottom: 10px;}
.panel-1 font{color: red;}
.panel font{color: red;}
.panel p{font-size: 15px;padding-bottom: 10px;}
.panel-1 .minimal{ float: left;padding-bottom: 10px;margin-left: 10px;}
.panel-1 .minimal .checkbox input,label{margin-left: 3px;}
.panel-1 .minimal .radio label{font-size: 14px;}
.form-control{background-color: #ffffff;  border: 0 none;  border-radius: 5px;  height: 40px;  padding-left: 10px;  transition: all 0.5s ease 0s;  width: 97%;margin-bottom: 10px;font-size: 15px;}

.list-img p{margin-bottom: 10px;font-size: 15px;}

.index-con-3 ul{width: 100%;height: 100%;display: flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;-webkit-box-align: center;}
.index-con-3 ul li{width: 29%;height:100%;margin:0 1.6% 10px;background:#dededd;position: relative;}
.index-con-3 ul li a{display: block;width: 15px;height: 15px;background: #da251d;position: absolute;top: 3px;right: 3px;border-radius: 50px;text-align: center;line-height: 15px;font-size: 12px;color: #FFFFFF;}
.index-con-3 ul li img{width: 100%;}
.index-con-3 ul li .vedio-ic{position: absolute;width: 30px;bottom: 5px;right: 5px;}
.index-con-3 ul li.up-btn input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}

.index-con-3 li div.content{
    width: 100%;
    height: 28vw;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index-con-3 li div.title{
    width: 100vw;
    height: 28vw;
    background-size: 100%;
    padding: 4px 7.5%;
    font-size: 10px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 14px;
}

.text-1 .pos-btn{display:block;width: 100%;height: 35px;background: #007cc3;text-align:center;line-height: 35px;font-size: 14px;color: #FFFFFF;letter-spacing: 3px;margin-top: 10px;border-radius: 4px;}

.map-box{overflow: hidden;margin-bottom: 15px;}
.map-box img{width: 100%;}

.label-box{overflow: hidden;margin-bottom: 15px;}
.label-box label{overflow:hidden;margin-bottom: 10px;font-size: 13px;}
.label-box label input{float: left;margin-top: 2px;margin-right: 10px;}
.label-box label a{color: #007cc3;text-decoration: underline;}

.applu-btn{width: 100%;height: 100%;display: flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;-webkit-box-align: center;margin-bottom: 25px;}
.applu-btn button{display: block;width: 100%; border:0px;height: 38px;font-size: 13px;text-align: center;line-height: 38px;float: left;margin: 0 1%;border-radius: 4px;}
.applu-btn .btn-1{background: #FFFFFF;color: #4d4948;}
.applu-btn .btn-2{background: #7bc4a0;color: #FFFFFF;}

/*我要報名彈出層*/
.apply-cpm{width: 100%;height: 100%;background:rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;z-index: 4;}
.cpm-inf{width: 80%;max-height:80%;overflow:hidden;background: #FFFFFF;margin:10% auto;border-radius: 10px;padding: 20px;}
.cpm-inf h2{font-size: 20px;font-weight: normal;color: #000000;}

.cpm-text{overflow: hidden;margin: 10px 0 20px;}
.cpm-text select{width: 100%;height: 35px;font-size: 15px;outline: none;border-radius: 4px;border: 1px solid #92908f;}
.cpm-text p{font-size: 13px;padding-bottom: 5px;}
.cpm-text input[type=text]{width: 95.5%;height:33px;padding-left: 10px;border-radius: 4px;border: 1px solid #92908f;}
.cpm-text .link-btn{display:block;width: 35%;height: 38px;background: #007cc3;margin-top: 15px;font-size:13px;color: #FFFFFF;text-align: center;line-height: 38px;border-radius: 4px;}

.cpm-text ul{width: 100%;height: 100%;display: flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;-webkit-box-align: center;}
.cpm-text ul li{width: 29%;height:100%;margin:0 1.6% 10px;position: relative;}
.cpm-text ul li a{display: block;width: 15px;height: 15px;background: #da251d;position: absolute;top: 3px;right: 3px;border-radius: 50px;text-align: center;line-height: 15px;font-size: 12px;color: #FFFFFF;}
.cpm-text ul li img{width: 100%;}
.cpm-text ul li.up-btn input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}

.cpm-btn{width: 100%;display: flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;-webkit-box-align: center;margin: 35px 0;}
.cpm-btn a{display: block;width: 48%;height: 38px;font-size: 13px;text-align: center;line-height: 38px;float: left;margin: 0 1%;border-radius: 4px;color: #FFFFFF;}
.cpm-btn .btn-1{background: #989b9f;}
.cpm-btn .btn-2{background: #007cc3;}

/*投票、票選*/
.index-con-4{width: 100%;/*max-width:640px;*/height: 100%;position:absolute;top: 0;right: 0;background:#e9ecef;overflow:auto;-webkit-overflow-scrolling : touch;z-index: 4;}

/*自訂頁面*/
.index-con-5{width: 100%;/*max-width:640px;*/height: 100%;position:absolute;top: 0;right: 0;background:#e9ecef;z-index: 5;overflow:auto;-webkit-overflow-scrolling : touch;}
.custom-con{width: 90%;height:75%;margin: 8px auto;background: #FFFFFF;padding: 18px;overflow-y: scroll;}

.custom-con h4{font-size:15px;font-weight: normal;line-height: 35px;}
.custom-con p{font-size: 13px;line-height: 18px;padding-bottom: 15px;}
.custom-con .p-1{text-indent: 2em;}

.custom-con .h4-1{border-bottom: 1px solid #c4c5c9;color: #d3583f;margin-bottom: 10px;}

/*彈窗組*/
.tom-inf{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position:fixed;top: 0;right: 0;z-index: 99;}
.inf-box{width: 80%;background: #FFFFFF;margin: 10% auto;padding: 20px;border-radius: 10px;}

.inf-box h2{font-size: 20px;font-weight: normal;color: #000000;}

.tom-img{overflow: hidden;margin: 20px 0;}
.tom-img .tom-img-box{float: left;width:150px;height: 40px;}
.tom-img .tom-img-box img{height: 40px;}
.tom-img a{line-height: 40px;font-size: 13px;float: right;padding-right: 15px;color: #007cc3;text-decoration: underline;}

.inf-box input{width: 95.5%;height: 33px;padding-left: 10px;border-radius: 4px;border: 1px solid #92908F;}

.tom-btn{width: 100%;display: flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;-webkit-box-align: center;margin: 35px 0;}
.tom-btn a{display: block;width: 48%;height: 38px;font-size: 13px;text-align: center;line-height: 38px;float: left;margin: 0 1%;border-radius: 4px;color: #FFFFFF;}
.tom-btn .btn-1{background: #989b9f;}
.tom-btn .btn-2{background: #007cc3;}

.inf-box-2 h2{text-align: center;padding: 15% 0;font-size: 19px;}
.praise-img-1{width:80px;margin: 0 auto;}
.praise-img-1 img{height: 20px;}
.inf-box-2 a{display:block;padding: 10% 0;text-align: center;font-size: 14px;text-decoration: underline;color:#007cc3;}
#facebook_info a{display: inherit;}

.inf-box-3 p{font-size: 15px;max-height: 150px;overflow: scroll;}
.praise-img-2{width:100%;margin: 10px 0;overflow: hidden;}
.praise-img-2 img{max-width:100%;max-height: 300px;}
.inf-box-3 a{display:block;padding: 2% 0;text-align: center;font-size: 14px;}

/*抽獎*/
.lottery-box{width: 82%;background: #9ac868;padding: 23px;margin: 8% auto;border-radius: 3px;}
.lottery-box h4{font-size: 18px;font-weight: normal;color: #FFFFFF;}

.lottery-box-2{background:#f0c600;}

.lottery-img{width: 100%;height:100%;margin: 3% auto;}
.lottery-img img{width: 100%;}

.lottery-btn{width: 95px;height: 95px;background: #ffffff; border: 2px solid #e7e7e7; border-radius: 50%; margin: 0 auto;}
.lottery-btn a{display: block;width: 90%;height: 90px; border-radius: 50%; margin: 5% auto;text-align:center;line-height:80px;font-size:28px; color:#FFFFFF;overflow: hidden;}
.lottery-btn .lott_a_1{background:url(/img/lott-a-1-img.png) no-repeat ;background-size: 100%;}
.lottery-btn .lott_a_2{background:url(/img/lott-a-2-img.png) no-repeat ;background-size: 100%;}

.lottery-inf{width: 82%;background: #FFFFFF;padding: 23px;margin: 0 auto 5%;border-radius: 5px;}
.lottery-inf p{font-size: 15px;}
.lottery-inf p span{color: #dc342f;font-size: 15px;}
.lott-tip p{text-align: center;}
.lottery-inf ul li{font-size: 15px;line-height: 25px;}

.lottery-inf ul li span{color: #dc342f;font-size: 15px;}

/*刮刮樂*/
.index-con-6{background: #7fc7c9;}
.lottery-box h1{font-size: 55px;font-weight: normal;padding-bottom: 5%;color: #FFFFFF;}

/*幸運轉盤*/
.index-con-7{background: #1ea2c5;overflow:auto;-webkit-overflow-scrolling : touch;}

.banner{display:block;width:90%;margin-left:auto;margin-right:auto;margin: 3% auto;  overflow: hidden;}
.banner .turnplate{display:block;width:100%;position:relative;}
.banner .turnplate canvas.item{width:100%;}
.banner .turnplate img.pointer{position:absolute;width:31.5%;height:42.5%;left:34.6%;top:23%;}

.layui-layer-content{color: #FFFFFF;}

/*默認頁*/
.default-inf{text-align: center; padding: 20% 0;}
.default-inf p{padding-top: 10%;font-size: 15px;color: #999999;}


/*最新消息*/
.news-list{margin-top:10px;background: #FFFFFF;overflow: hidden;}
.news-list ul li{list-style:inside; padding:11px 10px;border-bottom: 1px solid #eeeeee;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-list ul li a{font-size: 14px;}
.news-list ul li:active{background: #f3f3f3;}

.news-inf{padding: 10px;background: #FFFFFF;}
.news-inf h5{font-size: 15px;font-weight: normal;margin-bottom: 5px;}
.news-inf span{display:block;font-size: 13px;margin-bottom: 10px;color: #999999;}
.news-inf p{font-size: 14px;color: #666666;line-height: 23px;text-indent: 2em;}
.news-inf a{font-size:14px;color: #ff8400;display: block;margin-top: 40px;text-align: right;}


.layer-1{width:80%;box-sizing: border-box;margin: 10% auto;background: #FFFFFF;text-align: center;border-radius: 5px;}
.layer-1 h4{text-align: center;font-size: 16px;font-weight: normal; margin-bottom: 30px;line-height: 30px;}
.layer-1 .qr-img{margin-bottom: 30px;}
.layer-1 a{display: block; width: 90%;height:45px;padding: 7px 0;box-sizing: border-box; margin: 0 auto;border-radius: 7px;-webkit-border-radius: 7px;margin-bottom: 20px;}
.layer-1 a#closeAfterApp{font-size: 14px;}
.layer-1 a img{width: 27px;vertical-align: middle;}
.layer-1 a span{font-size: 17px;vertical-align:middle; margin-left:10px ;}
.layer-1 a.ios-btn{background: #3bb3c2;}
.layer-1 a.ios-btn:active{background: #36a0ad;}
.layer-1 a.ios-btn span{color: #FFFFFF;}

.layer-1 a.adn-btn{border: 1px solid #3bb3c2;}
.layer-1 a.adn-btn:active{background: #eeeeee;}

.layer-1 a.adn-btn span{color: #3bb3c2;}



.layer-2{width:80%;box-sizing: border-box;margin: 10% auto;background: #FFFFFF;text-align: center;overflow: hidden;padding-bottom: 20px;}
.layer-2 img{width: 100%;vertical-align: top;}
.layer-2 h4{text-align: center;font-size: 15px;font-weight: normal; margin: 20px auto;line-height: 25px;width: 80%;height: 80px;overflow: hidden;}
/*.layer-2 a{display: inline-block;width: 45%;height: 35px;font-size: 15px;line-height: 35px;border-radius: 5px;}*/
.layer-2 a{font-size: 14px;}



.logo-win{padding: 10% 0;text-align: center;box-sizing: border-box; margin: 0 auto;display: none;}
.logo-win h3{font-size: 22px;color: #323232; margin-bottom: 20px;font-weight: normal;}
.logo-win p{font-size: 15px;color: #999999;margin-bottom: 17px;}
.logo-win a.btn{display: inline-block;width: 100%;height: 40px;background: #4266b3;line-height: 40px;font-size: 15px;text-decoration: none;color: #FFFFFF;border-radius: 3px;}
.logo-win a.btn:active{background: #2a51a4;}
.logo-win .plus1-auth-login {display: flex;margin-top: 10px;}
.logo-win .plus1-auth-login a{flex: 1;text-align: center;background: none;}
.logo-win .plus1-auth-login a:hover{background: none;}
.logo-win .plus1-auth-login a img{width: 80%;max-width: 80px;}

.logo-win .account-login{width: 80%;margin: 0 auto;}
.logo-win .account-login-title{text-align: center;  line-height: 20px;}
.logo-win .account-login input{width: 230px; height: 35px;  border-radius: 5px;  border: 1px solid #bbb;  padding: 0 0 0 10px;margin-top: 10px;color: #1f1a17;}
.logo-win .btn{margin-top: 10px}
.logo-win .account-other-btn{display: flex;justify-content: space-between;}
.logo-win .account-other-btn .btn{width: 110px;}
.logo-win .account-other-btn .reg{background-color: #84c225;cursor: pointer;}
.logo-win .account-other-btn .for{background-color: #3bb3c2;cursor: pointer;}

.logo-win .auth-login{width: 240px;margin: 0 auto;margin-top: 20px;}
.logo-win .auth-title{text-align: center;line-height: 38px;}


/*账户设定*/
.set-list{background: #FFFFFF;box-sizing: border-box;margin-top: 10px;overflow: hidden;}
.set-list ul li{padding: 10px 15px;overflow: hidden;line-height: 26px;border-bottom: 1px solid #eeeeee;}
.set-list ul li span{font-size: 14px;color: #333333;}
.set-list ul li i{display: inline-block;width: 8px;height: 15px;background: url(../img/set-icon.png) no-repeat;float: right;margin-top: 5px;}

.set-list ul li .por-img{width: 26px;height: 26px;float: right;border-radius: 50%; margin-right: 15px;}
.set-list ul li p{float: right;margin-right: 15px;font-size: 14px;color: #9e9e9e;}
.set-list ul li:active{background: #f3f3f3;}

.set-btn{display:block;width: 75%;height: 40px; margin: 10% auto;background: #19be94;border: none;border-radius: 5px;font-size: 15px;color: #FFFFFF;outline: none;}
.set-btn:active{background: #0d9e79;}



.lnterest-text{padding: 10px 15px;background: #f5f5f5;font-size: 14px;}
.lnterest-text span{padding-left: 15px;color: #999999;}
.lnterest{padding: 10px 15px;background: #FFFFFF;}
.lnterest a{display: inline-block; padding: 5px 10px;background: #f3f3f3;color: #333333;font-size: 13px; margin:5px;border-radius: 3px;}



.plus1-adv{text-align: center;}
.plus1-adv img{max-width: 100%;vertical-align: top;}

.plus1-adv-ajax{text-align: center;}
.plus1-adv-ajax img{max-width: 100%;vertical-align: top;}

.tips{font-size: 12px;color: #999999;padding-left: 5px;}
.title-red{color: red;}


/*上傳活動內容*/
.set-content-box{
    position: relative;
    width: 100%;
    height: 80vw;
    background-repeat:no-repeat ;
    background-position: center;
    background-size:contain;
    margin-top: 10px;
}

.set-content-box textarea{
    position: absolute;
    width: 90%;
    height: 60px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: none;
    color: #FFFFFF;
    text-align: center;
    border: none;
    z-index: 30;
    font-size: 16px;
    resize: none;
    outline: none;
    letter-spacing:2px;
}

.set-content-box textarea::-webkit-input-placeholder {
    color: #ffffff !important;
}

.set-content-span span{
    display: inline-block;
    width: 20px;
    height: 20px;
    float: left;
    margin:5px 4px;
    border-radius: 3px;
    -webkit-border-radius:3px;
    overflow: hidden;
    background-repeat:no-repeat;
    background-size:cover ;
    background-position:center ;

}

.set-content-text{
    background: #FFFFFF;
    padding: 10px;
    margin-top: 10px;
    overflow: hidden;
}

.set-content-text > h5,
.set-content-text > span{
    font-size: 15px;
    line-height: 30px;
    margin-right: 10px;
    font-weight: normal;
}

.sp-container{
    position: inherit !important;
    width: 100%;
    /*top: 0 !important;*/
    left: 0 !important;
    bottom: 0 !important;
}

@media screen and (min-width: 375px) and (max-width: 1024px) {
    .sp-picker-container {width: 50%;}
}


@media screen and (min-width: 320px) and (max-width: 376px) {
    .sp-picker-container {width: 43%;}
}

@media screen and (max-width:325px) {
    .sp-picker-container{
        width: 36%;
    }
}