#main{max-width: 720px; display: block; margin: 0px auto; padding: 1px 0 10px 0px; position: relative; box-sizing: border-box; overflow: hidden;}

#footer,
#header{width: 100%; position: fixed; }
/*页眉*/
#header{width: 100%; display: block; background: #31b8fb; top: 0px;
 color: #FFF; box-sizing: border-box; padding: 10px 3%; text-align: center;position: fixed; z-index: 99;}
#header > .center{ display: inline-block; height: 25px; line-height: 25px;font-size:15px ;}
#header > .box-s{display: block; height: 25px;line-height:25px; position: absolute; color: #FFF; top: 10px;}
#header > .box-s i{font-size: 20px;}
#header > .bor{font-size: 13px;
    width: 50px;
    line-height: 20px;
    background: none;
    border: 1px solid #FFF;
    border-radius: 5px;}
#header > .fl{left: 3%;}
#header > .fr{right: 3%;}

#header > input.box-s{font-size:13px; width: 50px; line-height: 20px; background: none; border: 1px solid #FFF;border-radius: 5px;}




#footer{bottom: 0px; background: #FFF; border-top:1px solid #EEE ;}
#footer a{display: block; width: 25%; float: left; color: #444; padding:5px 0px; text-align: center;}
#footer a i{display: block; font-size:25px; color: #666; }
#footer a.on,
#footer a.on i{color: #16a4ea;}

#footer #sub{background: #31B8FB; color: #FFF; display: block; width: 100%; height: 35px; line-height: 35px; font-size:15px;
    letter-spacing: 2px;
    -moz-text-shadow: 0 2px 2px rgba(0,0,0,.08);
    -webkit-text-shadow: 0 2px 2px rgba(0,0,0,.08);
    text-shadow: 0 2px 2px rgba(0,0,0,.08);
}

@media screen and (min-width:720px) {
	#header,
	#footer{width: 720px; left: 50%; margin-left: -360px;}
}


.box-s{box-sizing: border-box;}
/*header*/
.header{width: 100%; max-height: 300px; position: relative; padding: 30px 0px;}
.header-search{display: block; width: 60%; margin: 10px auto; margin-top: 20px; background: #FFF; border-radius:5px; padding: 8px; }
.header-search .add{font-size:13px; width: 60px; text-align: center; border-right: 1px solid #999; display: block; float: left;  height: 22px; line-height: 22px;}
.header-search .add i{ font-size:13px; margin-left: 3px;}
.header-search .search{margin-left:61px; display: block; }
.header-search .search input{border: none; padding: 0px 10px; width: 100%; box-sizing: border-box;}
.header-tit{width: 100%; text-align: center;}
.header-num{color: #fff; font-size: 14px;}
.header-num span{color: #ffd035;}
.header-da{font-size: 20px; color: #fff; margin-top: 0px;}


/*cation*/
.cation{width: 100%; background-color: #fff; padding-top: 5%;}
.cation ul li{width: 25%; float: left; text-align: center; padding-bottom: 5%;}
.cation ul li img{width: 62.97%;}
.cation ul li p{width: 100%; text-align: center; color: #555555;}


/*recom*/
.recom{width: 100%; margin-top: 3%; }
.recom-tit{padding: 3% 0; border-bottom: 1px solid #dfdfdf; width: 100%; background: #FFF;}
.recom-tit p{width: 100%; padding-left: 3%; border-left: 8px solid #16a4ea; font-size: 16px; color: #333333;}
.recom .content{width: 100%; padding: 0 3%; box-sizing: border-box;  background-color: #fff;}
.recom .content .list{padding: 3% 0; border-bottom: 1px solid #dfdfdf; width: 100%;}
.recom .content .list:last-child{border-bottom: none;}
.recom .content .list .tu{width: 30%; background-color: #ccc; float: left;  text-align: center; font-size: 0;}
.recom .content .list .tu span{display: inline-block; line-height: 0; vertical-align: middle;}
.recom .content .list .tu img{width: 100%; height: 100px;}
.recom .content .list .right{margin-left: 30%; padding-left: 10px; box-sizing: border-box;}
.recom .content .list .right .tit{width: 100%; height: 30px;}
.recom .content .list .right .tit p{font-size: 17px; color: #333333; width: 70%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;}
.recom .content .list .right .tit span{font-size: 14px; color: #f58611; font-weight: bold;}
.recom .content .list .right .tit span samp{font-size: 13px; color: #f58611; font-weight: normal;}
.recom p{font-size: 13px; color: #888888; }
.recom .recom-jianjie{font-size: 13px; color: #888888; margin-top: .3rem; width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;}
.recom .recom-jianjieone{margin-top: .1rem;}
.recom-bottom{margin-top: .5rem;}
.recom-bottomtwo{margin-top: .3rem;}
.recom-bottom span{font-size: 13px; color: #2fb74f; float: left; margin-right: .5rem;}
.icon-duihao{margin-right: 5px;}


.schedule .content{margin-bottom: 10px;}

.schedule .topsche-top{padding: 5px 0px;}
.schedule .topsche-top a{font-size:13px ; float: right; border: 1px solid #EEE; border-radius:5px; padding: 3px 10px; background: #31B8FB; color: #FFF; margin-left: 15px;}




.poo-mui{width: 100%; background-color: #f58611; padding: 2% 0;}
/*收藏*/
.collection{margin-top: 0;}
.collection .recom-bottom{font-size: 14px; color: #f58611; font-weight: bold;}
.collection .recom-bottom samp{font-size: 13px; color: #f58611; font-weight: normal;}
.collection .right .delete{background: url(../img/b.png); color: #FFF; padding: 3px; opacity: 0.6;}


/*筛选*/
.screen{background: #FFF; height: 38px; box-shadow: 0 0 5px 1px #aaa;}
.screen_li{float: left; width: 33.3%; height: 38px; position: relative; color: #666;}
.screen_li span{display: block; width: 100%; text-align: center; height: 38px; line-height: 38px; position: absolute; z-index: 98; background: #FFF; }
.screen_li span.on{color: #16A4EA;}
.screen_li .li{display: none; position: absolute; top: 40px; background: #FFF; width: 100%; padding-bottom: 5px; z-index: 999;}
.screen_li .li a{display: block; text-align: center; width: 80%; border-bottom:1px solid #ddd; margin: 0px auto; height: 32px; line-height: 30px;}

.screen_ov{background: url(../img/b.png); position: fixed; left: 0px; top: 0px;width: 100%; height: 100%;  opacity: 0.6;}


/*个人中心*/
.user_top {background:no-repeat; background-size:100% 100%; }
.user_top .u_t_in{position: relative; padding-top: 30px;}
.user_top .u_t_in .user_img{width: 60px; height: 60px; border-radius:50%; background: #FFF; border: 2px solid #FFF; box-sizing: border-box;position: absolute; left: 0px;}
.user_top .u_t_in .in{min-height: 60px;  margin-left: 60px; padding: 0px 10px;}
.user_top .u_t_in .in .u_name{height: 35px; line-height: 35px; font-size:20px; color: #333;}
.user_top .u_t_in .in .u_name i{font-size:12px; background: #31B8FB; color: #FFF; border-radius:3px; display: inline-block; height: 20px; line-height: 20px; padding: 0px 10px;}

.user_top .u_t_in .in .u_inf{height: 20px; line-height: 20px; font-size:13px; color: #555;}
.user_top .u_t_in .sz{position: absolute; right: 10px; top: 10px; color: #FFF; }
.user_top .u_t_in .sz i{font-size:25px;}

.user_top .user_top_bottom{position: relative; height: 40px; margin-top:0px;}
.user_top .user_top_bottom .flex{background: #FFF; color: #333; position: absolute; top: 0px; width: 100%; border-radius: 5px;}
.user_top .user_top_bottom .flex a{color: #333;}
.user_top .user_img,
.user_top .u_img{background: url(../img/icon/head_portrait.jpg) no-repeat center !important;
background-size:100% 100% !important;}



/**/
.user_top .flex{display: flex; color: #FFF; padding: 10px; box-sizing: border-box;}
.user_top .flex > a{flex: 1; font-size:12px; text-align: center; color: #FFF;}
.user_top .flex > a > i{font-size:35px; display: block; height: 40px;}
.user_top .flex > a > b{display: block; color: #FFF; font-weight:bold; font-size:18px ;}


.user_top.user_info{ text-align: center; padding: 15px 0px;}
.user_top.user_info > div {display: block; width: 80px; height: 80px; position: relative; margin: 0px auto; margin-bottom: 10px;}
.user_top.user_info > div i{color: #FFF;position: absolute; bottom: -3px; margin-left:25px; font-size:25px ;}
.user_top.user_info > div i:before{text-shadow:0 0 5px #555;}

.user_top.user_info .u_img{width: 80px; height: 80px; display: block;  border:2px solid #FFF; border-radius:50% ;
object-fit: cover;object-position: center;}
.user_top.user_info .name{color: #FFF;}
.user_top.user_info .vip{color: #f1f1f1; font-size:13px ;}
.user_in > div{padding: 10px; color: 333;}
.user_in > div > b{font-weight:800; font-size:20px; margin-left: 60px; }
.user_in > div > b > em{font-size:12px; color: #FF3300; font-weight:900 ;}



/*功能*/
.user_func{width: 100%; background: #FFF; margin-bottom: 10px;}
.user_func > .tit{border-bottom: 1px solid #f0f0f0; padding:0px 10px; height: 40px; line-height: 40px; box-sizing: border-box; font-size:15px; color: #444; display: block; width: 100%;}
.user_func > .tit > a{font-size:12px; float: right; color: #999; font-weight:500 ;}
.user_func > .tit > a > i {font-size:12px ;}

/*功能——块*/
.user_func > .block{display: block; padding-bottom: 5px;}
.user_func > .block > a{ width: 25%; float: left; text-align: center; padding: 5px 0; font-size:12px; color: #999;}
.user_func > .block > a > .icon{display: block; margin: 0px auto;font-size:30px ; height: 40px; line-height: 40px;text-align: center;}
.user_func > .block > a > .fr{display: none;}
.user_func > .block > a > .fa-angle-right,
.user_func > .block > a > span{display: none;}

.user_func .block_3 > a{width: 33.3%;}

.user_func .border {width: calc(100% + 1px);}
.user_func .border > a{ border: 1px solid #eee; box-sizing: border-box; position: relative; margin-left: -1px; margin-top: -1px; padding: 15px 0; width:calc(33.3% + 1px);}
.user_func .border > a > .icon{font-size:40px; }

/*功能——条*/
.user_func > .list{}
.user_func > .list > a{display: block; margin-right:10px; font-size:15px; position: relative; color: #444;
	line-height: 45px;height: 45px; box-sizing: border-box;
	margin-left: 45px; border-bottom:1px solid #f0f0f0 ;}
.user_func > .list > a:nth-last-child(1){border: none;}
.user_func > .list > a > .icon{position: absolute; font-size:25px ; left: -45px; width: 45px; height: 45px; line-height: 45px; text-align: center;}
.user_func > .list > a > .fr{float: right; font-size:15px; margin-left: 10px; color:#999;height: 45px; line-height: 45px; }
.user_func > .list > a > span{float: right; font-size:15px; color:#999 ;}

.user_func > .list > a > .span_in{float: right; text-align: right; height: 25px; margin: 10px 0px; padding: 0px;  border: none; flex: 1;}


.user_func > .list > a.tc{padding: 0px; margin: 0px; text-align: center; color: #00AF07; font-size:16px ;}

/*.li_block{margin: 0px 3%; width: 94%; border-radius:5px;}*/
.li_block{width: 94%; margin: 0px 3%;box-sizing: border-box; border-radius:5px ; display: block; }


/*提现*/
.extract .in{background: #31B8FB; text-align: center; padding: 10px 0px; color: #FFF; margin-bottom: 10px; }
.extract > .in p{color: #eee; font-size:12px ;}
.extract .in h3{font-size:25px; font-weight:800 ; margin: 10px;}
.ex_bank{background: #FFF; padding: 10px 3%; position: relative; margin-bottom: 10px;}
.yh_logo{width: 32px; height: 32px;float: left; background: url(../img/yh_icon.jpg) no-repeat;}
.ex_bank .in{margin-left: 38px; margin-right: 50px; text-align: left; padding: 0px; background: none; color: #333; margin-bottom: 0px;}
.ex_bank .in .name{ color: #333; font-size:16px; font-weight:700 ;}
.ex_bank .in .bank{font-size:13px; color: #888;}

.sy_bank{background: #FFF; padding: 10px 3%; position: relative; margin-bottom: 10px;}
.sy_bank i{font-size:30px; color: #FF3300; float: left;}
.sy_bank .sy_in{ text-align: left; height: 30px; line-height: 30px; margin-left: 40px; padding: 0px; margin: 0px; color: #555; }
.sy_bank .sy_in em{font-size:20px; color: #333; margin: 0px 5px;}
.sy_bank .sy_in span{font-size:12px; color: #999;}

.ex_num{background: #FFF; padding: 10px 3%; } 
.ex_num h3{color: #555;  }
.ex_num hr{border:0px; border-bottom:1px solid #eee ;}
.ex_num p{ color: #777; font-size:14px; padding-top: 5px;}
.ex_num .num{display: flex; margin: 10px;}
.ex_num .num i{height: 30px; line-height: 30px; width: 30px; text-align: center; font-size:20px; font-style:normal;}
.ex_num .num input{flex: 1; height: 30px; border: none; font-size:15px ; }
.ex_li{padding: 0px 3%; background: #FFF;}
.ex_li .li{border-bottom:1px solid #EEE; padding: 10px 0px; position: relative; }
.ex_li .li .yh_logo{float: left; height: 32px; width: 32px;}
.ex_li .li .in{background: none; margin-left: 40px; text-align: left; color: #333; padding: 0px; margin-bottom: 0px;}
.in_num{position: absolute; right: 3%; top: 0px;  text-align: right;}
.in_num span{display: block; line-height: 30px; color: #FF0000; }
.in_num b{color: #999; font-weight:700 ;}

/*兑换*/
.exchange{}
.sx-top{ background: #FFF; height: 40px; overflow: hidden;}
.sx-top div{height: 20px; line-height: 20px; margin: 10px 0px; margin-left: -1px;text-align: center; display: block; float: left; width: 50%; border-left:1px solid #bbb; box-sizing: border-box;}
.sx-top a{display: inline-block;}
.sx-top a i{font-size:20px; height: 20px; width: 20px; color: #999; display: inline-block; float: left; margin-right: 5px; }
.sx-top a em{color: #f90; font-weight:700; height: 20px; display: inline-block; margin-left: 5px;}
.exchange .goods .li{background: #FFF;box-sizing: border-box; width: 50%; height: 200px; float: left; position: relative;
 border:1px solid #000; border-left:0px ; position: relative; right: -1px; margin-top: -1px;  

background-size:100%;
background-repeat:no-repeat ; 
background-position: bottom; 
} 

.exchange .goods{background: #FFF; padding: 5px;}
.exchange .goods .goods_li{ width: 50%; float: left; padding: 5px;box-sizing: border-box; }
.exchange .goods .goods_li a{display: block; border: 1px solid #08C9F5; border-radius:5px; overflow: hidden; }
.exchange .goods .goods_li img{width: 100%; height: 150px; }
.exchange .goods .goods_li .name{padding: 0px 5px; color: #333;}
.exchange .goods .goods_li .jf{padding: 5px; font-size:12px; color: #999;}
.exchange .goods .goods_li .jf em{color: #f50; font-size:15px; margin-right: 5px;font-weight:700 ;}
.exchange .goods .goods_li .jf span{font-size:13px ;}

.ex-goods .goods-img{display: block; margin: 10px auto; height: 200px;}
.ex-goods .good-in{background: #FFF; padding: 15px 3%; margin: 10px 0px;}
.ex-goods .good-in .name{color: #333; font-weight:500; font-size:15px; margin-bottom: 5px;}
.ex-goods .good-in .jg{color: #F60; font-size:13px;}
.ex-goods .good-in .jg em{font-size:20px; margin-right:3px; font-weight: 600;}

.good-add{margin: 10px 0px; padding: 10px 3%; background: #FFF; position: relative;}
.good-add .add {border-bottom:1px solid #EEE; padding-bottom: 10px;}
.good-add .add img{float: left; height: 50px; width: 50px;}
.good-add .add .in{margin-left: 50px; padding-left:10px;}
.good-add .add .in .name{height: 30px;line-height: 30px; color: #333; font-size:16px ;}
.good-add .add .in .name em{font-size:13px;color: #666;}
.good-add .add .in .ad{font-size:14px;color: #333;}
.good-add > i{position: absolute; right: 3%; top: 10px; font-size:17px; color: #999;}


.ex-goods .add_in{ background: #FFF; position: fixed; top: 150px; left: 10%; right: 10%; border-radius:5px; z-index: 999;}
.ex-goods .add_in .add_close{position: absolute; right: -10px; top: -10px; width: 25px;height: 25px; line-height: 25px; background: #ddd; text-align: center; border-radius:50%; box-sizing: border-box;}
.ex-goods .add_in .add_close i{font-size:14px ;}
.ex-goods .add_in > h4{text-align: center; border-bottom: 1px solid #DDD; padding: 10px;}
.ex-goods .add_in input[type="text"]{height: 40px; padding: 0px;width: 50%; float: left; box-sizing: border-box; position: relative;border:1px solid #DDD ; border-left:none; margin-top: -1px; padding-left: 10px;}
.ex-goods .add_in > input.w50{width: 50%;}
.ex-goods .add_in > input.w100{width: 100%;}
.ex-goods .add_in > input[type="button"],
.ex-goods .add_in > input[type="submit"]{margin: 10px 3%;width: 94%; border: none; background: red; color: #FFF; padding: 5px; box-sizing: border-box; font-size:15px; border-radius:5px ;}
.ex-goods .del{ background: #FFF;overflow: hidden; position: absolute; top:30%; left: 10%; right: 10%; border-radius:5px; text-align: center;}
.ex-goods .del h4{padding: 20px; border-bottom: 1px solid #DDD;}
.ex-goods .del input{height: 35px; border: none;width: 50%; font-size:15px ; float: left; background: #FFF; border-left:1px solid #DDD; margin-left: -1px;}
.ex-goods .del .del2{color: red;}
.ex-goods .bank .yh_icon{float: left; height: 38px; width: 100%;background: red; position: relative; position: ;}
.ex-goods .bank .yh_icon .yh_logo{top: 3px; left: 10px; z-index: 999; position: absolute;}
.ex-goods .bank .yh_icon .yh_input{width: 100%; padding-left: 50px;}

.m_t_50{margin-top:50px;}




.num {padding-top: 10px;}
.num label{width: 60px; height: 30px; line-height: 30px; display: inline-block; }
.num #num{display: inline-block; margin-left: 5px;}
.num #num span{display: inline-block; background: #EEE; width: 28px; line-height: 28px; text-align: center; margin: 1px 0px; font-size:16px ;}
.num #num input{text-align: center; height: 30px; width: 30px;  padding: 0px; border: 1px solid #ddd; border-radius:0px; box-sizing: border-box;}
.num em{font-size:12px; color: #666; margin-left: 10px; display: inline-block; position: relative; top: 5px; }

.good-info{display: block; padding: 10px 3%; background: #FFF; margin-top: 10px;}
.good-info h3{font-size:15px;}
.good-info label{display: block; margin-top: 10px;}
.good-info p{font-size:14px; color: #555; line-height: 20px;}


.sub{
	border: none;
    border-radius: 5px;
    color: #FFF;
    display: block;
    width: 90%;
    margin: 0px auto;
    margin-top: 10px;
    padding: 8px;
    font-size: 15px;
    background: #31B8FB;}
.sub_no{
	background: #bbb !important;
	pointer-events: none;
}


/*签到*/
.Sign{background: #FFF !important;}
.Sign-table{width: 100%; text-align: center; border: 1px solid #DDD; background: #FFF;}

.Sign-table th{height: 35px; background: #f3f3f3;}
.Sign-table td{ background: #e8f2ff;     width: 14.28%;}
.Sign-table td span{display: block; line-height: 45px;}
.Sign-table td .s1,
.Sign-table td .s2,
.Sign-table td .s3,
.Sign-table td .s4,
.Sign-table td .s5,
.Sign-table td .s6,
.Sign-table td .s7,
.Sign-table td .s8,
.Sign-table td .s9,
.Sign-table td .s10,

.Sign-table td .s11,
.Sign-table td .s12,
.Sign-table td .s13,
.Sign-table td .s14,
.Sign-table td .s15,
.Sign-table td .s16,
.Sign-table td .s17,
.Sign-table td .s18,
.Sign-table td .s19,
.Sign-table td .s20,

.Sign-table td .s21,
.Sign-table td .s22,
.Sign-table td .s23,
.Sign-table td .s24,
.Sign-table td .s25,
.Sign-table td .s26,
.Sign-table td .s27,
.Sign-table td .s28,
.Sign-table td .s29,
.Sign-table td .s30,
.Sign-table td .s31{background: #c7e8ff;box-sizing: border-box;}

.Sign-table .onToday span {
    background: url(../img/sign.png) no-repeat center;
    background-color: #FFF;
    border: 2px solid #EEE;
    box-sizing: border-box;
}

.Sign .top{
  width: 100%;
  height: 12rem;
  background: #31B8FB;
  overflow: hidden;
}
.Sign .top .out-1 {
  width: 8rem;
  height: 8rem;
  padding: 0.5rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.4);
  margin: 1rem auto 0 auto;
}
.Sign .top .out-1 .out-2 {
  width: 7rem;
  height: 7rem;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  background: #ffffff;
   padding: 0.4rem;
     box-sizing: border-box;
}
.Sign .top .out-1 .out-2 .signBtn {
  width: 6.2rem;
  height: 6.2rem;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  border: 1px #7ebdff solid;
   box-sizing: border-box;
}
.Sign .top .out-1 .out-2 .signBtn strong,
.Sign .top .out-1 .out-2 .signBtn span {
  display: block;
  width: 85%;
  margin: 0 auto;
  text-align: center;
  color: #007aff;
}
.Sign .top .out-1 .out-2 .signBtn strong {
  height: 3.5rem;
  line-height: 4.5rem;
  font-weight: 600;
  border-bottom: 1px #eee solid;
}
.Sign .top .out-1 .out-2 .signBtn span {
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: .9rem;
  line-height: 2rem !important;
}
.Sign .top .out-1:active {
  animation: sign .25s forwards;
  -webkit-animation: sign .25s forwards;
}
.tips {
  position: absolute;
  top: 10rem;
  z-index: 999;
  width: 100%;
  color: #fff;
  font-size: .9rem;
  text-align: center;
  padding-bottom: .5rem;
}


/*输入页面*/
.form{background: #FFF; margin-bottom: 10px;}
.form .form_li{margin: 0px 3%;  padding-bottom: 10px;  width: 94%;position: relative;}
.form .form_li .info{display: flex; border: 1px solid #DDD;padding: 5px 10px; border-radius:5px;}
.form .form_li label{width: 80px; height: 25px; line-height: 25px; text-align: right; color: #555;}
.form .form_li select,
.form .form_li input{flex: 1; border: 0px; height: 25px; line-height: 25px; padding: 0px; color: #666; background: #FFF;}
.form .form_li i{height: 25px; line-height: 25px;}
.form .form_li textarea{ flex: 1;  border: 0px; padding: 0px; color: #666;}

.form .img .info{margin-right: 110px;}
.form .img .info input[type="button"],
.form .img .info input[type="submit"]{position:absolute; right: 0px; background: #fefefe; border:1px solid #ddd; box-sizing: border-box; top: 0px; width: 100px; padding: 5px 0; box-sizing: initial; border-radius:5px ; }

.form_li > input[type="button"],
.form_li > input[type="submit"]{ color: #FFF; background: #31B8FB;  width: 100%; display: block; margin: 10px auto; border-radius:5px; height: 40px; line-height: 40px; font-size:16px;}

.form .up_img .info{border: none;border-bottom:1px solid #ccc; border-radius:0px ; padding: 2% 0; }
.form .up_img label{display: block; width: 100%; text-align: left; }
.form .up_img .up_bt{width: 100px; text-align: center; background: #eee; color: #555; border-radius:5px; height: 25px; line-height: 25px;}
.form .up_img .up{width: 100%; border:1px solid #EEE; margin-top: 10px; border-radius:5px; min-height: 150px;}

.banner{background-size:100%; background-repeat:no-repeat;}
.banner img{width: 100%; height: 100px; object-fit: cover;object-position: center;}
.banner .fl{height: 50px;margin: 25px;}
.banner .fr{padding: 30px 20px;line-height: 18px; font-size: 18px;color: #eee;font-weight: 700;text-align: center;}
.banner .fr em{display: block; font-size:12px; font-weight:500; color: #FFF;}
.banner_p {margin: 0px 3%;color: #999;margin-top: 5px;font-size: 13px;}

/*新闻*/
.news-info{padding: 10px 3%;}
.news-info .tit{font-size:18px; color: #333; font-weight:600; margin: 0px;}
.news-info .tis{color: #777; margin: 10px 0px; font-size:13px ;}
.news-info .news-in p{line-height: 22px; margin-bottom: 15px; text-indent:2rem ;}
.news-info .news-in img{display: block; max-width: 100%; margin: 15px auto;}

.news-list{padding: 0px 3%; background: #FFF; }
.news-list .li{border-bottom: 1px solid #EEE; padding: 10px 0px; margin-bottom: px;}
.news-list .li .news-img{width: 120px; height: 100px;float: left;}
.news-list .li .in{margin-left: 130px;}
.news-list .li .in .tit{height: 40px; line-height: 20px;}
.news-list .li .in .tit i{font-size:12px; font-weight:500;display: inline-block; color: #FFF; background: #31B8FB; border-radius:3px; padding: 0px 5px; margin-right: 3px;}
.news-list .li .in .time{color: #777; font-size:12px; height: 20px;}
.news-list .li .in .jj{line-height: 20px; font-size:13px; color: #666;}

/*团队*/
.team .user_top .lv{margin-top: 5px;height: 25px; line-height: 25px; color: #333; }
.team .user_top .lv label{width: 80px; display: inline-block; text-align: center; font-size:15px ; float: left;}
.team .user_top .lv .lv_sj{float: right; border-radius:3px;background: #31B8FB; color: #FFF; width: 80px; text-align: center;  font-size:12px ;}
.team .user_top .lv .lv-w{ margin-left:70px; margin-right: 90px; position: relative; top: 6px; height: 12px; border-radius:5px ; background: #eee; overflow: hidden; }
.team .user_top .lv .lv_l{background: url(../img/zjsjdt.png); display: block; width: 0%; height: 100%; border-radius:10px; border-right:1px solid #aaa ;}

.team .user_top .u_t_in{padding: 20px 0px;}
.team .ctent{padding: 10px 3%; background: #FFF;}
.team .ctent p{text-indent:2rem; line-height: 22px; font-size:15px; color: #444; margin-bottom: 5px;}
.team .recom-tit{margin-top: 15px;}
.team .team-table{width: 100%; text-align: center;}
.team .team-table thead th{height: 38px; color: #666; font-size:15px;}
.team .team-table td{border-bottom: 1px solid #ddd; background: #FFF; height: 35px; }


/*about*/
.about{}
.about .about-img{width: 100%; height:250px; object-fit: cover;object-position: center;}

.about .about-info{padding: 10px 3%;}
.about .about-info .tit{font-size:16px; font-weight:500; color: #333; border-left:3px solid #31B8FB; margin: 10px 0px; padding-left: 10px;} 
.about .about-info .jj{text-indent:2em;line-height: 22px;color: #555; margin-bottom: 20px;}
.about .about-info .ls{color: #555; line-height: 25px;}


/*成功与失败*/
.success{
	background: #FFF !important;
	text-align: center; 
	padding-top: 100px !important;
}
.success img{width: 100px;}
.success .tit{font-size:15px; margin-top: 5px; color: #444;}
.success .fu-tit{margin-top: 10px; color: #788;}

/*天窗*/
#ov{display: block; color: #FFF; position: fixed; top: 150px; left: 0px; width: 60%; margin: 0px 20%; 
padding: 10px; box-sizing: border-box;  background: url(../img/b.png); box-sizing: border-box; border-radius:10px ;}
#ov span{display: block; text-align: center; line-height: 100px; font-size:18px; font-weight:600;}

.ov{position: fixed; left: 0px; top: 0px; height: 100%; width: 100%; background: url(../img/b.png);}

/*切换*/
.menu{line-height: 40px; display: flex; background: #FFF; border-bottom: 1px solid #EEE;  
/*overflow-x: scroll; overflow-y: hidden;white-space: nowrap;*/
}
.menu::-webkit-scrollbar{display:none} 
.menu a{flex: 1; text-align: center; margin: 0px 10px;box-sizing: border-box;}
.menu a.active{color: #31B8FB; border-bottom:3px solid #31B8FB; height: 40px; }

/*分页*/
#paging{display: flex;background: #FFF; width: 94%; margin: 10px 3%; border-radius:5px; overflow: hidden; height: 38px; line-height: 38px;}
#paging > a,
#paging > span{flex: 1; text-align: center;}
#paging > a{background: #31B8FB; color: #FFF; font-size:14px ;}



#main{max-width: 720px; display: block; margin: 0px auto; padding: 1px 0 10px 0px; position: relative; box-sizing: border-box; overflow: hidden;}

#footer,
#header{width: 100%; position: fixed; }
/*页眉*/
#header{width: 100%; display: block; background: #31b8fb; top: 0px;
 color: #FFF; box-sizing: border-box; padding: 10px 3%; text-align: center;position: fixed; z-index: 99;}
#header > .center{ display: inline-block; height: 25px; line-height: 25px;font-size:15px ;}
#header > .box-s{display: block; height: 25px;line-height:25px; position: absolute; color: #FFF; top: 10px;}
#header > .box-s i{font-size: 20px;}
#header > .fl{left: 3%;}
#header > .fr{right: 3%;}

#header > input.box-s{font-size:13px; width: 50px; line-height: 20px; background: none; border: 1px solid #FFF;border-radius: 5px;}




#footer{bottom: 0px; background: #FFF; border-top:1px solid #EEE ;}
#footer a{display: block; width: 25%; float: left; color: #444; padding:5px 0px; text-align: center;}
#footer a i{display: block; font-size:25px; color: #666; }
#footer a.on,
#footer a.on i{color: #16a4ea;}

#footer #sub{background: #31B8FB; color: #FFF; display: block; width: 100%; height: 35px; line-height: 35px; font-size:15px;
    letter-spacing: 2px;
    -moz-text-shadow: 0 2px 2px rgba(0,0,0,.08);
    -webkit-text-shadow: 0 2px 2px rgba(0,0,0,.08);
    text-shadow: 0 2px 2px rgba(0,0,0,.08);
}

@media screen and (min-width:720px) {
	#header,
	#footer{width: 720px; left: 50%; margin-left: -360px;}
}


.box-s{box-sizing: border-box;}
/*header*/
.header{width: 100%; max-height: 300px; position: relative; padding: 30px 0px;}
.header-search{display: block; width: 60%; margin: 10px auto; margin-top: 20px; background: #FFF; border-radius:5px; padding: 8px; }
.header-search .add{font-size:13px; width: 60px; text-align: center; border-right: 1px solid #999; display: block; float: left;  height: 22px; line-height: 22px;}
.header-search .add i{ font-size:13px; margin-left: 3px;}
.header-search .search{margin-left:61px; display: block; }
.header-search .search input{border: none; padding: 0px 10px; width: 100%; box-sizing: border-box;}
.header-tit{width: 100%; text-align: center;}
.header-num{color: #fff; font-size: 14px;}
.header-num span{color: #ffd035;}
.header-da{font-size: 20px; color: #fff; margin-top: 0px;}


/*cation*/
.cation{width: 100%; background-color: #fff; padding-top: 5%;}
.cation ul li{width: 25%; float: left; text-align: center; padding-bottom: 5%;}
.cation ul li img{width: 62.97%;}
.cation ul li p{width: 100%; text-align: center; color: #555555;}


/*recom*/
.recom{width: 100%; margin-top: 3%; }
.recom-tit{padding: 3% 0; border-bottom: 1px solid #dfdfdf; width: 100%; background: #FFF;}
.recom-tit p{width: 100%; padding-left: 3%; border-left: 8px solid #16a4ea; font-size: 16px; color: #333333;}
.recom .content{width: 100%; padding: 0 3%; box-sizing: border-box;  background-color: #fff;}
.recom .content .list{padding: 3% 0; border-bottom: 1px solid #dfdfdf; width: 100%;}
.recom .content .list:last-child{border-bottom: none;}
.recom .content .list .tu{width: 30%; background-color: #ccc; float: left;  text-align: center; font-size: 0;}
.recom .content .list .tu span{display: inline-block; line-height: 0; vertical-align: middle;}
.recom .content .list .tu img{width: 100%; height: 100px;}
.recom .content .list .right{margin-left: 30%; padding-left: 10px; box-sizing: border-box;}
.recom .content .list .right .tit{width: 100%; height: 30px;}
.recom .content .list .right .tit p{font-size: 17px; color: #333333; width: 70%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;}
.recom .content .list .right .tit span{font-size: 14px; color: #f58611; font-weight: bold;}
.recom .content .list .right .tit span samp{font-size: 13px; color: #f58611; font-weight: normal;}
.recom p{font-size: 13px; color: #888888; }
.recom .recom-jianjie{font-size: 13px; color: #888888; margin-top: .3rem; width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;}
.recom .recom-jianjieone{margin-top: .1rem;}
.recom-bottom{margin-top: .5rem;}
.recom-bottomtwo{margin-top: .3rem;}
.recom-bottom span{font-size: 13px; color: #2fb74f; float: left; margin-right: .5rem;}
.icon-duihao{margin-right: 5px;}


.schedule .content{margin-bottom: 10px;}

.schedule .topsche-top{padding: 5px 0px;}
.schedule .topsche-top a{font-size:13px ; float: right; border: 1px solid #EEE; border-radius:5px; padding: 3px 10px; background: #31B8FB; color: #FFF; margin-left: 15px;}




.poo-mui{width: 100%; background-color: #f58611; padding: 2% 0;}
/*收藏*/
.collection{margin-top: 0;}
.collection .recom-bottom{font-size: 14px; color: #f58611; font-weight: bold;}
.collection .recom-bottom samp{font-size: 13px; color: #f58611; font-weight: normal;}
.collection .right .delete{background: url(../img/b.png); color: #FFF; padding: 3px; opacity: 0.6;}


/*筛选*/
.screen{background: #FFF; height: 38px; box-shadow: 0 0 5px 1px #aaa;}
.screen_li{float: left; width: 33.3%; height: 38px; position: relative; color: #666;}
.screen_li span{display: block; width: 100%; text-align: center; height: 38px; line-height: 38px; position: absolute; z-index: 98; background: #FFF; }
.screen_li span.on{color: #16A4EA;}
.screen_li .li{display: none; position: absolute; top: 40px; background: #FFF; width: 100%; padding-bottom: 5px; z-index: 999;}
.screen_li .li a{display: block; text-align: center; width: 80%; border-bottom:1px solid #ddd; margin: 0px auto; height: 32px; line-height: 30px;}

.screen_ov{background: url(../img/b.png); position: fixed; left: 0px; top: 0px;width: 100%; height: 100%;  opacity: 0.6;}


/*个人中心*/
.user_top {background:no-repeat; background-size:100% 100%; }
.user_top .u_t_in{position: relative; padding-top: 30px;}
.user_top .u_t_in .user_img{width: 60px; height: 60px; border-radius:50%; background: #FFF; border: 2px solid #FFF; box-sizing: border-box;position: absolute; left: 0px;}
.user_top .u_t_in .in{min-height: 60px;  margin-left: 60px; padding: 0px 10px;}
.user_top .u_t_in .in .u_name{height: 35px; line-height: 35px; font-size:20px; color: #333;}
.user_top .u_t_in .in .u_name i{font-size:12px; background: #31B8FB; color: #FFF; border-radius:3px; display: inline-block; height: 20px; line-height: 20px; padding: 0px 10px;}

.user_top .u_t_in .in .u_inf{height: 20px; line-height: 20px; font-size:13px; color: #555;}
.user_top .u_t_in .sz{position: absolute; right: 10px; top: 10px; color: #FFF; }
.user_top .u_t_in .sz i{font-size:25px;}

.user_top .user_top_bottom{position: relative; height: 40px; margin-top:0px;}
.user_top .user_top_bottom .flex{background: #FFF; color: #333; position: absolute; top: 0px; width: 100%; border-radius: 5px;}
.user_top .user_top_bottom .flex a{color: #333;}
.user_top .user_img,
.user_top .u_img{background: url(../img/icon/head_portrait.jpg) no-repeat center !important;
background-size:100% 100% !important;}



/**/
.user_top .flex{display: flex; color: #FFF; padding: 10px; box-sizing: border-box;}
.user_top .flex > a{flex: 1; font-size:12px; text-align: center; color: #FFF;}
.user_top .flex > a > i{font-size:35px; display: block; height: 40px;}
.user_top .flex > a > b{display: block; color: #FFF; font-weight:bold; font-size:18px ;}


.user_top.user_info{ text-align: center; padding: 15px 0px;}
.user_top.user_info > div {display: block; width: 80px; height: 80px; position: relative; margin: 0px auto; margin-bottom: 10px;}
.user_top.user_info > div i{color: #FFF;position: absolute; bottom: -3px; margin-left:25px; font-size:25px ;}
.user_top.user_info > div i:before{text-shadow:0 0 5px #555;}

.user_top.user_info .u_img{width: 80px; height: 80px; display: block;  border:2px solid #FFF; border-radius:50% ;
object-fit: cover;object-position: center;}
.user_top.user_info .name{color: #FFF;}
.user_top.user_info .vip{color: #f1f1f1; font-size:13px ;}
.user_in > div{padding: 10px; color: 333;}
.user_in > div > b{font-weight:800; font-size:20px; margin-left: 60px; }
.user_in > div > b > em{font-size:12px; color: #FF3300; font-weight:900 ;}



/*功能*/
.user_func{width: 100%; background: #FFF; margin-bottom: 10px;}
.user_func > .tit{border-bottom: 1px solid #f0f0f0; padding:0px 10px; height: 40px; line-height: 40px; box-sizing: border-box; font-size:15px; color: #444; display: block; width: 100%;}
.user_func > .tit > a{font-size:12px; float: right; color: #999; font-weight:500 ;}
.user_func > .tit > a > i {font-size:12px ;}

/*功能——块*/
.user_func > .block{display: block; padding-bottom: 5px;}
.user_func > .block > a{ width: 25%; float: left; text-align: center; padding: 5px 0; font-size:12px; color: #999;}
.user_func > .block > a > .icon{display: block; margin: 0px auto;font-size:30px ; height: 40px; line-height: 40px;text-align: center;}
.user_func > .block > a > .fr{display: none;}
.user_func > .block > a > .fa-angle-right,
.user_func > .block > a > span{display: none;}

.user_func .block_3 > a{width: 33.3%;}

.user_func .border {width: calc(100% + 1px);}
.user_func .border > a{ border: 1px solid #eee; box-sizing: border-box; position: relative; margin-left: -1px; margin-top: -1px; padding: 15px 0; width:calc(33.3% + 1px);}
.user_func .border > a > .icon{font-size:40px; }

/*功能——条*/
.user_func > .list{}
.user_func > .list > a{display: block; margin-right:10px; font-size:15px; position: relative; color: #444;
	line-height: 45px;height: 45px; box-sizing: border-box;
	margin-left: 45px; border-bottom:1px solid #f0f0f0 ;}
.user_func > .list > a:nth-last-child(1){border: none;}
.user_func > .list > a > .icon{position: absolute; font-size:25px ; left: -45px; width: 45px; height: 45px; line-height: 45px; text-align: center;}
.user_func > .list > a > .fr{float: right; font-size:15px; margin-left: 10px; color:#999;height: 45px; line-height: 45px; }
.user_func > .list > a > span{float: right; font-size:15px; color:#999 ;}

.user_func > .list > a > .span_in{float: right; text-align: right; height: 25px; margin: 10px 0px; padding: 0px;  border: none; flex: 1;}


.user_func > .list > a.tc{padding: 0px; margin: 0px; text-align: center; color: #00AF07; font-size:16px ;}

/*.li_block{margin: 0px 3%; width: 94%; border-radius:5px;}*/
.li_block{width: 94%; margin: 0px 3%;box-sizing: border-box; border-radius:5px ; display: block; }


/*提现*/
.extract .in{background: #31B8FB; text-align: center; padding: 10px 0px; color: #FFF; margin-bottom: 10px; }
.extract > .in p{color: #eee; font-size:12px ;}
.extract .in h3{font-size:25px; font-weight:800 ; margin: 10px;}
.ex_bank{background: #FFF; padding: 10px 3%; position: relative; margin-bottom: 10px;}
.yh_logo{width: 32px; height: 32px;float: left; background: url(../img/yh_icon.jpg) no-repeat;}
.ex_bank .in{margin-left: 38px; margin-right: 50px; text-align: left; padding: 0px; background: none; color: #333; margin-bottom: 0px;}
.ex_bank .in .name{ color: #333; font-size:16px; font-weight:700 ;}
.ex_bank .in .bank{font-size:13px; color: #888;}

.sy_bank{background: #FFF; padding: 10px 3%; position: relative; margin-bottom: 10px;}
.sy_bank i{font-size:30px; color: #FF3300; float: left;}
.sy_bank .sy_in{ text-align: left; height: 30px; line-height: 30px; margin-left: 40px; padding: 0px; margin: 0px; color: #555; }
.sy_bank .sy_in em{font-size:20px; color: #333; margin: 0px 5px;}
.sy_bank .sy_in span{font-size:12px; color: #999;}

.ex_num{background: #FFF; padding: 10px 3%; } 
.ex_num h3{color: #555;  }
.ex_num hr{border:0px; border-bottom:1px solid #eee ;}
.ex_num p{ color: #777; font-size:14px; padding-top: 5px;}
.ex_num .num{display: flex; margin: 10px;}
.ex_num .num i{height: 30px; line-height: 30px; width: 30px; text-align: center; font-size:20px; font-style:normal;}
.ex_num .num input{flex: 1; height: 30px; border: none; font-size:15px ; }
.ex_li{padding: 0px 3%; background: #FFF;}
.ex_li .li{border-bottom:1px solid #EEE; padding: 10px 0px; position: relative; }
.ex_li .li .yh_logo{float: left; height: 32px; width: 32px;}
.ex_li .li .in{background: none; margin-left: 40px; text-align: left; color: #333; padding: 0px; margin-bottom: 0px;}
.in_num{position: absolute; right: 3%; top: 0px;  text-align: right;}
.in_num span{display: block; line-height: 30px; color: #FF0000; }
.in_num b{color: #999; font-weight:700 ;}

/*兑换*/
.exchange{}
.sx-top{ background: #FFF; height: 40px; overflow: hidden;}
.sx-top div{height: 20px; line-height: 20px; margin: 10px 0px; margin-left: -1px;text-align: center; display: block; float: left; width: 50%; border-left:1px solid #bbb; box-sizing: border-box;}
.sx-top a{display: inline-block;}
.sx-top a i{font-size:20px; height: 20px; width: 20px; color: #999; display: inline-block; float: left; margin-right: 5px; }
.sx-top a em{color: #f90; font-weight:700; height: 20px; display: inline-block; margin-left: 5px;}
.exchange .goods .li{background: #FFF;box-sizing: border-box; width: 50%; height: 200px; float: left; position: relative;
 border:1px solid #000; border-left:0px ; position: relative; right: -1px; margin-top: -1px;  

background-size:100%;
background-repeat:no-repeat ; 
background-position: bottom; 
} 

.exchange .goods{background: #FFF; padding: 5px;}
.exchange .goods .goods_li{ width: 50%; float: left; padding: 5px;box-sizing: border-box; }
.exchange .goods .goods_li a{display: block; border: 1px solid #08C9F5; border-radius:5px; overflow: hidden; }
.exchange .goods .goods_li img{width: 100%; height: 150px; }
.exchange .goods .goods_li .name{padding: 0px 5px; color: #333;}
.exchange .goods .goods_li .jf{padding: 5px; font-size:12px; color: #999;}
.exchange .goods .goods_li .jf em{color: #f50; font-size:15px; margin-right: 5px;font-weight:700 ;}
.exchange .goods .goods_li .jf span{font-size:13px ;}

.ex-goods .goods-img{display: block; margin: 10px auto; height: 200px;}
.ex-goods .good-in{background: #FFF; padding: 15px 3%; margin: 10px 0px;}
.ex-goods .good-in .name{color: #333; font-weight:500; font-size:15px; margin-bottom: 5px;}
.ex-goods .good-in .jg{color: #F60; font-size:13px;}
.ex-goods .good-in .jg em{font-size:20px; margin-right:3px; font-weight: 600;}

.good-add{margin: 10px 0px; padding: 10px 3%; background: #FFF; position: relative;}
.good-add .add {border-bottom:1px solid #EEE; padding-bottom: 10px;}
.good-add .add img{float: left; height: 50px; width: 50px;}
.good-add .add .in{margin-left: 50px; padding-left:10px;}
.good-add .add .in .name{height: 30px;line-height: 30px; color: #333; font-size:16px ;}
.good-add .add .in .name em{font-size:13px;color: #666;}
.good-add .add .in .ad{font-size:14px;color: #333;}
.good-add > i{position: absolute; right: 3%; top: 10px; font-size:17px; color: #999;}


.ex-goods .add_in{ background: #FFF; position: fixed; top: 150px; left: 10%; right: 10%; border-radius:5px; z-index: 999;}
.ex-goods .add_in .add_close{position: absolute; right: -10px; top: -10px; width: 25px;height: 25px; line-height: 25px; background: #ddd; text-align: center; border-radius:50%; box-sizing: border-box;}
.ex-goods .add_in .add_close i{font-size:14px ;}
.ex-goods .add_in > h4{text-align: center; border-bottom: 1px solid #DDD; padding: 10px;}
.ex-goods .add_in input[type="text"]{height: 40px; padding: 0px;width: 50%; float: left; box-sizing: border-box; position: relative;border:1px solid #DDD ; border-left:none; margin-top: -1px; padding-left: 10px;}
.ex-goods .add_in > input.w50{width: 50%;}
.ex-goods .add_in > input.w100{width: 100%;}
.ex-goods .add_in > input[type="button"],
.ex-goods .add_in > input[type="submit"]{margin: 10px 3%;width: 94%; border: none; background: red; color: #FFF; padding: 5px; box-sizing: border-box; font-size:15px; border-radius:5px ;}
.ex-goods .del{ background: #FFF;overflow: hidden; position: absolute; top:30%; left: 10%; right: 10%; border-radius:5px; text-align: center;}
.ex-goods .del h4{padding: 20px; border-bottom: 1px solid #DDD;}
.ex-goods .del input{height: 35px; border: none;width: 50%; font-size:15px ; float: left; background: #FFF; border-left:1px solid #DDD; margin-left: -1px;}
.ex-goods .del .del2{color: red;}
.ex-goods .bank .yh_icon{float: left; height: 38px; width: 100%;background: red; position: relative; position: ;}
.ex-goods .bank .yh_icon .yh_logo{top: 3px; left: 10px; z-index: 999; position: absolute;}
.ex-goods .bank .yh_icon .yh_input{width: 100%; padding-left: 50px;}

.m_t_50{margin-top:50px;}




.num {padding-top: 10px;}
.num label{width: 60px; height: 30px; line-height: 30px; display: inline-block; }
.num #num{display: inline-block; margin-left: 5px;}
.num #num span{display: inline-block; background: #EEE; width: 28px; line-height: 28px; text-align: center; margin: 1px 0px; font-size:16px ;}
.num #num input{text-align: center; height: 30px; width: 30px;  padding: 0px; border: 1px solid #ddd; border-radius:0px; box-sizing: border-box;}
.num em{font-size:12px; color: #666; margin-left: 10px; display: inline-block; position: relative; top: 5px; }

.good-info{display: block; padding: 10px 3%; background: #FFF; margin-top: 10px;}
.good-info h3{font-size:15px;}
.good-info label{display: block; margin-top: 10px;}
.good-info p{font-size:14px; color: #555; line-height: 20px;}


.sub{
	border: none;
    border-radius: 5px;
    color: #FFF;
    display: block;
    width: 90%;
    margin: 0px auto;
    margin-top: 10px;
    padding: 8px;
    font-size: 15px;
    background: #31B8FB;}
.sub_no{
	background: #bbb !important;
	pointer-events: none;
}


/*签到*/
.Sign{background: #FFF !important;}
.Sign-table{width: 100%; text-align: center; border: 1px solid #DDD; background: #FFF;}

.Sign-table th{height: 35px; background: #f3f3f3;}
.Sign-table td{ background: #e8f2ff;     width: 14.28%;}
.Sign-table td span{display: block; line-height: 45px;}
.Sign-table td .s1,
.Sign-table td .s2,
.Sign-table td .s3,
.Sign-table td .s4,
.Sign-table td .s5,
.Sign-table td .s6,
.Sign-table td .s7,
.Sign-table td .s8,
.Sign-table td .s9,
.Sign-table td .s10,

.Sign-table td .s11,
.Sign-table td .s12,
.Sign-table td .s13,
.Sign-table td .s14,
.Sign-table td .s15,
.Sign-table td .s16,
.Sign-table td .s17,
.Sign-table td .s18,
.Sign-table td .s19,
.Sign-table td .s20,

.Sign-table td .s21,
.Sign-table td .s22,
.Sign-table td .s23,
.Sign-table td .s24,
.Sign-table td .s25,
.Sign-table td .s26,
.Sign-table td .s27,
.Sign-table td .s28,
.Sign-table td .s29,
.Sign-table td .s30,
.Sign-table td .s31{background: #c7e8ff;box-sizing: border-box;}

.Sign-table .onToday span {
    background: url(../img/sign.png) no-repeat center;
    background-color: #FFF;
    border: 2px solid #EEE;
    box-sizing: border-box;
}

.Sign .top{
  width: 100%;
  height: 12rem;
  background: #31B8FB;
  overflow: hidden;
}
.Sign .top .out-1 {
  width: 8rem;
  height: 8rem;
  padding: 0.5rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.4);
  margin: 1rem auto 0 auto;
}
.Sign .top .out-1 .out-2 {
  width: 7rem;
  height: 7rem;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  background: #ffffff;
   padding: 0.4rem;
     box-sizing: border-box;
}
.Sign .top .out-1 .out-2 .signBtn {
  width: 6.2rem;
  height: 6.2rem;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  border: 1px #7ebdff solid;
   box-sizing: border-box;
}
.Sign .top .out-1 .out-2 .signBtn strong,
.Sign .top .out-1 .out-2 .signBtn span {
  display: block;
  width: 85%;
  margin: 0 auto;
  text-align: center;
  color: #007aff;
}
.Sign .top .out-1 .out-2 .signBtn strong {
  height: 3.5rem;
  line-height: 4.5rem;
  font-weight: 600;
  border-bottom: 1px #eee solid;
}
.Sign .top .out-1 .out-2 .signBtn span {
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: .9rem;
  line-height: 2rem !important;
}
.Sign .top .out-1:active {
  animation: sign .25s forwards;
  -webkit-animation: sign .25s forwards;
}
.tips {
  position: absolute;
  top: 10rem;
  z-index: 999;
  width: 100%;
  color: #fff;
  font-size: .9rem;
  text-align: center;
  padding-bottom: .5rem;
}


/*输入页面*/
.form{background: #FFF; margin-bottom: 10px;}
.form .form_li{margin: 0px 3%;  padding-bottom: 10px;  width: 94%;position: relative;}
.form .form_li .info{display: flex; border: 1px solid #DDD;padding: 5px 10px; border-radius:5px;}
.form .form_li label{width: 80px; height: 25px; line-height: 25px; text-align: right; color: #555;}
.form .form_li select,
.form .form_li input{flex: 1; border: 0px; height: 25px; line-height: 25px; padding: 0px; color: #666; background: #FFF;}
.form .form_li i{height: 25px; line-height: 25px;}
.form .form_li textarea{ flex: 1;  border: 0px; padding: 0px; color: #666;}

.form .img .info{margin-right: 110px;}
.form .img .info input[type="button"],
.form .img .info input[type="submit"]{position:absolute; right: 0px; background: #fefefe; border:1px solid #ddd; box-sizing: border-box; top: 0px; width: 100px; padding: 5px 0; box-sizing: initial; border-radius:5px ; }

.form_li > input[type="button"],
.form_li > input[type="submit"]{ color: #FFF; background: #31B8FB;  width: 100%; display: block; margin: 10px auto; border-radius:5px; height: 40px; line-height: 40px; font-size:16px;}

.form .up_img .info{border: none;border-bottom:1px solid #ccc; border-radius:0px ; padding: 2% 0; }
.form .up_img label{display: block; width: 100%; text-align: left; }
.form .up_img .up_bt{width: 100px; text-align: center; background: #eee; color: #555; border-radius:5px; height: 25px; line-height: 25px;}
.form .up_img .up{width: 100%; border:1px solid #EEE; margin-top: 10px; border-radius:5px; min-height: 150px;}

.banner{background-size:100%; background-repeat:no-repeat;}
.banner img{width: 100%; height: 100px; object-fit: cover;object-position: center;}
.banner .fl{height: 50px;margin: 25px;}
.banner .fr{padding: 30px 20px;line-height: 18px; font-size: 18px;color: #eee;font-weight: 700;text-align: center;}
.banner .fr em{display: block; font-size:12px; font-weight:500; color: #FFF;}
.banner_p {margin: 0px 3%;color: #999;margin-top: 5px;font-size: 13px;}

/*新闻*/
.news-info{padding: 10px 3%;}
.news-info .tit{font-size:18px; color: #333; font-weight:600; margin: 0px;}
.news-info .tis{color: #777; margin: 10px 0px; font-size:13px ;}
.news-info .news-in p{line-height: 22px; margin-bottom: 15px; text-indent:2rem ;}
.news-info .news-in img{display: block; max-width: 100%; margin: 15px auto;}

.news-list{padding: 0px 3%; background: #FFF; }
.news-list .li{border-bottom: 1px solid #EEE; padding: 10px 0px; margin-bottom: px;}
.news-list .li .news-img{width: 120px; height: 100px;float: left;}
.news-list .li .in{margin-left: 130px;}
.news-list .li .in .tit{height: 40px; line-height: 20px;}
.news-list .li .in .tit i{font-size:12px; font-weight:500;display: inline-block; color: #FFF; background: #31B8FB; border-radius:3px; padding: 0px 5px; margin-right: 3px;}
.news-list .li .in .time{color: #777; font-size:12px; height: 20px;}
.news-list .li .in .jj{line-height: 20px; font-size:13px; color: #666;}

/*团队*/
.team .user_top .lv{margin-top: 5px;height: 25px; line-height: 25px; color: #333; }
.team .user_top .lv label{width: 80px; display: inline-block; text-align: center; font-size:15px ; float: left;}
.team .user_top .lv .lv_sj{float: right; border-radius:3px;background: #31B8FB; color: #FFF; width: 80px; text-align: center;  font-size:12px ;}
.team .user_top .lv .lv-w{ margin-left:70px; margin-right: 90px; position: relative; top: 6px; height: 12px; border-radius:5px ; background: #eee; overflow: hidden; }
.team .user_top .lv .lv_l{background: url(../img/zjsjdt.png); display: block; width: 0%; height: 100%; border-radius:10px; border-right:1px solid #aaa ;}

.team .user_top .u_t_in{padding: 20px 0px;}
.team .ctent{padding: 10px 3%; background: #FFF;}
.team .ctent p{text-indent:2rem; line-height: 22px; font-size:15px; color: #444; margin-bottom: 5px;}
.team .recom-tit{margin-top: 15px;}
.team .team-table{width: 100%; text-align: center;}
.team .team-table thead th{height: 38px; color: #666; font-size:15px;}
.team .team-table td{border-bottom: 1px solid #ddd; background: #FFF; height: 35px; }


/*about*/
.about{}
.about .about-img{width: 100%; height:250px; object-fit: cover;object-position: center;}

.about .about-info{padding: 10px 3%;}
.about .about-info .tit{font-size:16px; font-weight:500; color: #333; border-left:3px solid #31B8FB; margin: 10px 0px; padding-left: 10px;} 
.about .about-info .jj{text-indent:2em;line-height: 22px;color: #555; margin-bottom: 20px;}
.about .about-info .ls{color: #555; line-height: 25px;}


/*成功与失败*/
.success{
	background: #FFF !important;
	text-align: center; 
	padding-top: 100px !important;
}
.success img{width: 100px;}
.success .tit{font-size:15px; margin-top: 5px; color: #444;}
.success .fu-tit{margin-top: 10px; color: #788;}

/*天窗*/
#ov{display: block; color: #FFF; position: fixed; top: 150px; left: 0px; width: 60%; margin: 0px 20%; 
padding: 10px; box-sizing: border-box;  background: url(../img/b.png); box-sizing: border-box; border-radius:10px ;}
#ov span{display: block; text-align: center; line-height: 100px; font-size:18px; font-weight:600;}

.ov{position: fixed; left: 0px; top: 0px; height: 100%; width: 100%; background: url(../img/b.png);}

/*切换*/
.menu{line-height: 40px; display: flex; background: #FFF; border-bottom: 1px solid #EEE;  
/*overflow-x: scroll; overflow-y: hidden;white-space: nowrap;*/
}
.menu::-webkit-scrollbar{display:none} 
.menu a{flex: 1; text-align: center; margin: 0px 10px;box-sizing: border-box;}
.menu a.active{color: #31B8FB; border-bottom:3px solid #31B8FB; height: 40px; }

/*分页*/
#paging{display: flex;width:100%; margin:0px; margin-top:15px;  overflow: hidden; background: none; }
#paging > a,
#paging > span{flex: 1;font-size:12px ;  text-align: center; margin:5px; border-radius: 30px; border:1px solid #999; line-height: 24px; height:24px; display: inline-block; }

#paging > a{background: #31B8FB; color: #FFF;}
#paging > span{font-size:14px ;}