/*通用样式*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
　　color: #ccc;
　　}
　　input:-moz-placeholder, textarea:-moz-placeholder {
　　color:#ccc;
　　}
　　input::-moz-placeholder, textarea::-moz-placeholder {
　　color:#ccc;
　　}
　　input:-ms-input-placeholder, textarea:-ms-input-placeholder {
　　color:#ccc;
　　}

/*定义响应式*/
/*
.percent10{width: 10%;float: left;}
.percent20{width: 20%;float: left;}
.percent30{width: 30%;float: left;}
.percent40{width: 40%;float: left;}
.percent50{width: 50%;float: left;}
.percent60{width: 60%;}
.percent70{width: 70%;}
.percent80{width: 80%;}
.percent90{width: 90%;}
.percent100{width: 100%;}
    */

/*筛选输入框样式*/
.input-lookup-page input{line-height: 30px;border:1px solid #e1e1e1;background: #f9f9f9;border-radius: 0;}
.input-lookup-page i{font-style: normal;font-size: 16px;color: #999;}
.btnsearch{padding: 6px 30px;border-radius: 30px;background: #ff9900;color: #fff;}
.lebel-text{margin-top: 9px;color: #999;text-align: center;}
.lebel-text-left{text-align: left;color: #999;margin-top: 9px;}
.lebel-text-right{text-align: right;margin-right: 5px;margin-top: 9px;color: #999;}
.jiantou-down{color: #ccc;font-size: 12px;line-height: 30px;}
.scree-group{margin-bottom: 20px;}

/*提交取消按钮*/
.set-form-btn{margin-top: 50px;}
.set-form-btn .btn{padding: 8px 35px;border-radius: 0;}
.cancel-btn{border:1px solid #e1e1e1;background: none;color: #999999;}
.light-btn{background: #ff9900;color: #fff;margin-right: 10px;}

/*页面布局*/
.sign-page {
    overflow: hidden;
    margin:0 15px 0 35px;
}
.signs-pages{background: #fff;padding-bottom:100px;}
.row{margin: 0;}
.container{margin-left: -15px;margin-right: -15px;}

/*第四级菜单*/
/*.four-level-menu{width: 100%;background: #f9f9f9;border-bottom: 1px solid #e1e1e1;}
.four-level-menu .active a, .four-level-menu a:hover{color: #ffaf24;border-bottom: 3px solid #ffaf24;padding: 10px 0;display:inline-block;}
.four-level-menu ul li{display:inline-block;margin: 0 30px;}*/

/*子菜单对应的页面内容*/
.open-reminder{width: 100%;padding: 20px;background: #f9f9f9;}
.open-reminder h3{font-size: 18px;margin-bottom: 10px;}

.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label
{font-size: 12px;}

/*签到编辑*/
.sign-in-set{margin-top: 20px;}
.sign-in-set .lebel-text{text-align: left;}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12
{padding: 0;}
.sign-in-set .checkbox{padding-left: 20px;}
.sign-in-set .form-group{margin-bottom: 35px;}

.option-gift ul li{margin: 0 5px;float: left;display: block;width: 90px;height: 32px;border:1px solid #e1e1e1;text-align: center;line-height: 32px;}
.option-gift ul li a{display:block;}
.option-gift ul li:hover, .option-gift ul li.active{border-color: #ff9900;background: url(../images/img1.png) no-repeat center;}
/*连续签到*/
.continuity-sign{margin-top: 10px;}
.add-to-a a{padding: 6px 0;border:1px solid #ff9900;color: #ff9900;margin-top: 5px;width: 70px;text-align: center;display: inline-block;}
.add-to-li{border:1px solid #e1e1e1;background: #f9f9f9;padding: 10px 5px;margin: 5px 0;}
.input-data input{background: #fff;border:1px solid #e1e1e1;}
.delete-add-li a{font-size: 24px;color: #666;}
.sign-magin-b {margin-bottom: 10px;}
.sign-magin-t {
    margin-top: 9px;
    color:#999;
}



/*右侧滑入*/
.sign-right-set{background: #fff0d6;z-index:999;}
.sign-right-set .title-tip{background: rgba(0,0,0,0.2);color: #333;padding: 8px 20px;border-bottom: 1px solid #e1e1e1;}
.sign-right-set h3{font-size: 16px;float: left;}
.sign-right-set span.a-close{display: block;float: right;}
.content-main{margin-top: 20px;}

.content-main-gift, .content-main-coupon, .content-main-integral{padding: 20px;}

/*优惠券*/
.sign-right-coupon, .sign-right-integral, .sign-right-gift{display: none;}
.content-main-coupon ul li{border:3px solid #fff0d6;height:150px;margin: 1%;width: 31.3%; line-height:24px; margin-bottom:10px; padding:5px 10px;}
.content-main-coupon ul li h5{ color:#ffb804; width:100%; height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;}
.content-main-coupon ul li a{display: block;}
.content-main-coupon ul li.active-on{border:3px solid #ff9900;}
/*积分*/
.content-main-integral input{line-height: 35px;}

/*礼品*/
.content-main-gift ul li{/*margin: 0.6%;width: 13%;*/border:1px solid #999;overflow: hidden;float: left; padding:0;}
.content-main-gift ul li img{width:100%;height:150px; }
.content-main-gift ul li a{display: block;}
.content-main-gift span.giftname{background: rgba(0,0,0,0.5);color: #fff;text-align: center;line-height: 28px;display: block;position: absolute;bottom: 0;width: 100%;}
.content-main-gift ul li.active-onn{border:3px solid #ff9900;}
.content-main-gift ul li.active-onn span{background: #ff9900;}

/*营销中心*/
.marketing-content-pages{background: #f0f0f0;padding: 0 20px;}
.mark-main{background: #fff;padding:15px;margin-bottom: 20px;}
.mark-main h3{font-size: 16px;color: #333;margin:10px 0 20px 0;font-weight: 700;}
.mark-main ul li{margin-right: 15px;padding: 0;margin-bottom: 15px;height: 82px;width:24%;}
.mark-main ul li a{border:1px solid #e1e1e1;padding: 12px 8px;display:block;height: 82px;}
.mark-main ul li a .icon{display: block;float: left;margin-right: 10px;}
.mark-main ul li a h4{color: #333;font-size: 14px;font-weight: 600;margin: 8px 0;}
.mark-main ul li a p{color: #888;font-size: 13px;}
.mark-main ul li a span{position: absolute;right: 0;top: 0;width: 40px;height: 20px;color: #fff;font-size: 12px;line-height: 20px;text-align: center;}
.mark-main .newest{background: #13b5b1;}
.mark-main .recommend{background: #f40;}
.mark-main ul li a p{font-size: 13px;}
.mark-main ul .last-li a{border:1px dashed #e1e1e1;}
.mark-main ul .last-li a:hover, .mark-main ul li a:hover{border-color: #ffb804;background: #f9f9f9;}
.mark-main .last-li a{text-align: center;}
.mark-main .last-li a p{color: #ffb804;white-space: normal;overflow: hidden;text-overflow: ellipsis;}
.mark-main .last-li .more-p{font-size: 16px;margin-top: 10px;}
/*媒体查询*/
@media only screen and (max-width: 1600px){
	 .mark-main ul li{width:23.8%;}
}
@media only screen and (max-width: 1440px){
    .mark-main ul li{width:23.7%;}


}

@media only screen and (max-width: 1366px){
    /*
.percent10{width: 40%;margin-bottom:10px;}
.percent20{width: 40%;margin-bottom:10px;}
.percent30{width: 40%;margin-bottom:10px;}
.percent40{width: 40%;margin-bottom:10px;}*/
.mark-main ul li{width:23.6%;}
}

@media only screen and (max-width: 1280px){

    .mark-main ul li{width:23.5%;}
}

@media only screen and (max-width: 1200px){


	
}

@media only screen and (max-width: 1160px){

}
@media only screen and (max-width: 1024px){
/*.sign-right-coupon, .sign-right-integral, .sign-right-gift{position: relative;z-index: 9999;top:-340px;}
.percent10{width: 100%;margin-bottom:10px;}
.percent20{width: 100%;margin-bottom:10px;}
.percent30{width: 100%;margin-bottom:10px;}
.percent40{width: 100%;margin-bottom:10px;}*/
.mark-main ul li{width:23%;}

}
.swiper-pagination {left:48%; bottom:0;}
.swiper-pagination-bullet { width:20px !important; height:20px !important;margin:5px; text-align:center; line-height:20px; color:#fff !important;}
.swiper-pagination-bullet-active{ background:#007aff !important; color:#fff !important;}