body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body,
button,
input,
select,
textarea,

html body {
    font-family: Arial, Tahoma, Helvetica, "Microsoft Yahei", "微软雅黑", STHeiti, SimSun;
    padding: 0;margin: 0;
}
body{font-family: 'PingHei-light.woff';background: #f4f4f4;}
h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100%; }

html { color: #23aeff; height: 100%; }
body{ margin-top: 0.73rem; }
.head { background-color: #ffffff; width: 100%; height: 3.2rem; padding-top: 0.07px; }

.icon-left { display: inline-block; width: 0.69rem; height: 1.82rem; margin-top: 0.91rem; float: left; margin-left: 0.87rem; }
.icon-left img{ width: 0.69rem; height: 1.82rem;    }
/* 200 54 */
.meun{ width: 16rem; height: 1.96rem; margin: 0.55rem auto; border-radius: 0.36rem; border: 0.07rem solid #38B6FF; }
.meun ul{height: 1.96rem;width: 100%;}
.meun ul li{ list-style: none; width: 50%; float: left; text-align: center; font-size: 1.31rem; height: 1.85rem; line-height: 1.96rem; color: #38b6ff; }
.meun ul li a{ text-decoration: none; color: #38b6ff; }
.text-center{ text-align: center; }
.meun ul li:hover { color:#ffffff; background-color: #23aeff; }
.meun ul li.active{ color:#ffffff; background-color: #23aeff; }
.meun ul li.active a{ color: #ffffff; }
.clear-both{ clear: both; width: 100%; height: auto; font-size: 1.24rem; }
.float-left{ float:left; }
.float-right{ float:right; }
.main{width: 100%}
.main p{color:#454444 ; display: inline-block; width: 50%; }
.get_ad1{ padding: 28rem 0 0 24rem; float:left; }
.get_ad1{ padding: 28rem 0 0 24rem; float: right; }
.bg-white{ background: #FFFFFF; }
.top_data_title,.middle-chart-title{ padding: 0px 0.87rem; height: 3rem; line-height: 3rem; border-bottom: 0.07rem solid #EEEEEE; }
.top_data a.moresee{ font-size: 1.09rem; float: right; color: #999; padding-right: 0.33rem; text-decoration: none; }
.top_data a.moresee img{ width: 0.51rem; height: 0.94rem; margin-top: -0.071rem; margin-left: 0.26rem; }
.top_data_con a{ display: inline-block; float: left; width: 25%; padding: 1.56rem 0rem; text-align: center; text-decoration: none; }
.top_data_con a i{ display: block; font-style: normal; font-size:2.04rem; color: #23AEFF; }
.top_data_con a span{ font-size:1.09rem; color: #626262; }
.clearboth{ clear: both; }
.mt20{ margin-top: 0.73rem; }
.btn_click,.abtn{ width: 3.93rem; height: 1.6rem; line-height: 0.8; border: 0.07rem solid #38B6FF; font-size: 1.02rem; color: #38B6FF; border-radius: 0.071rem; background: #FFFFFF; text-align: center; padding: 0px; }
.btn_click:hover,.btn_click.active{ background: #38B6FF; color: #FFFFFF; }
.data_chart { width: 100%; height: 24rem; }
.btnbox{ width: 90%; height: 1.96rem; line-height:1.96rem; margin: 0 auto; border: 0.07rem solid #EEEEEE; border-radius: 0.071rem; }
.btnbox ul{ float: left; width: 100%; margin: 0 auto; }
.btnbox ul li{ float: left; width: 33.3%; list-style: none; text-align: center; font-size: 1.09rem; color: #818181; border-right: 0.07rem solid #EEEEEE; }
.btnbox ul li:last-child{ border-right: none; }
.btnbox ul li.active{ background: #38B6FF; color: #FFFFFF; }
.pd20{ padding-bottom: 0.73rem; }
.table{margin-bottom: 0px;}
.data_table thead tr th{ height: 2.8rem; line-height:2.8rem; text-align: center; vertical-align: middle; background: #F8F8F8;
	font-size: 1.09rem; color: #454444; font-weight: normal; border-bottom: none; padding: 0rem; position: -webkit-sticky; position: sticky; top: -1px; }
.data_table  tbody tr td{ height: 2rem; line-height: 2rem; text-align: center; vertical-align: middle; color: #696868; font-size: 1.09rem; border-top: 0.06rem dashed #EEEEEE; }
.data_table  tbody tr:first-child td{ border-top: none; }
.data_table  tbody tr td a{ color: #38B6FF; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 12rem; vertical-align: middle; text-decoration: none; }
.data_table  tbody tr td:first-child a{ color: #696868; text-decoration: none; }
.contribution a{ width: 33.3%; }
.noimg{ width: 3.12rem; height: 4.14rem; }
.dixian{ border-top: 0.07rem solid #F2F2F2; font-size: 1rem; color: #888888; height: 3rem; line-height: 3rem; }

/*时间日历页面选择*/
.head_title{height: 2.54rem;width: 100%;line-height: 2.54rem;border-bottom: 1px solid #E5E5E5;padding: 0 0.3rem 0 1rem;}
.head_title a{color: #3EB5F6;font-size: 1.16rem;text-decoration: none;}
.head_title span{color: #121212;font-size: 1.3rem;display: inline-block;text-align: center;width: 80%;}
.gearDate,
.gearDatetime,
.gearTime{font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 10px;background-color: rgba(0, 0, 0, 0.2);display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9900;overflow: hidden;-webkit-animation-fill-mode: both;animation-fill-mode: both}
.date_ctrl{vertical-align: middle;background-color: white;color: #363837;margin: 0;height: auto;width: 100%;position: absolute;left: 0;bottom: 0;z-index: 9901;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.slideInUp{animation: slideInUp .3s ease-in;-webkit-animation: slideInUp .3s ease-in}
@-webkit-keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}
.date_roll,
.datetime_roll,
.time_roll{display: -webkit-box;width: 100%;height: auto;overflow: hidden;font-weight: bold;background-color: transparent;-webkit-mask: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#debb47), to(rgba(36, 142, 36, 0)));-webkit-mask: -webkit-linear-gradient(top, #debb47 50%, rgba(36, 142, 36, 0))}
.date_roll>div,
.datetime_roll>div,
.time_roll>div{font-size: 2.3em;height: 6em;float: left;background-color: transparent;position: relative;overflow: hidden;-webkit-box-flex: 4}
.date_roll_mask{-webkit-mask: -webkit-gradient(linear, 0% 40%, 0% 0%, from(#debb47), to(rgba(36, 142, 36, 0)));-webkit-mask: -webkit-linear-gradient(bottom, #debb47 50%, rgba(36, 142, 36, 0));padding: 0 0 3em 0}
.date_roll>div:nth-child(2){-webkit-box-flex: 2}
.date_roll>div:nth-child(1),
.datetime_roll>div:nth-child(1){-webkit-box-flex: 4}
.datetime_roll>div:first-child{-webkit-box-flex: 6}
.datetime_roll>div:last-child{-webkit-box-flex: 6}
.date_grid{position: relative;top: 2em;width: 100%;height: 2em;margin: 0;box-sizing: border-box;z-index: 0;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6}
.date_grid>div{color: #000;position: absolute;right: 0;top: 0;font-size: .8em;line-height: 2.5em}
.date_roll>div:nth-child(3) .date_grid>div{left: 42%}
.datetime_roll>div .date_grid>div{right: 0}
.datetime_roll>div:first-child .date_grid>div{left: auto;right: 0%}
.datetime_roll>div:last-child .date_grid>div{left: 50%}
.time_roll>div:nth-child(1) .date_grid>div{right: 0.5em;/*border: 1px solid red;*/}
.time_roll>div .date_grid{/*border: 1px solid black;*/}
.time_roll>div .date_grid>div{right:1em;/*border: 1px solid blue;*/}
.date_btn{color: #000;font-size: 1.6em;line-height: 1em;text-align: center;padding: .8em 1em;cursor: pointer}
.date_btn_box{display: -webkit-box;-webkit-box-pack: justify;-webkit-box-align: stretch}
.gear{float: left;position: absolute;z-index: 9902;width: 5.5em;margin-top: -6em}
.date_roll>div .gear{width: 100%}
.date_roll>div:nth-child(1) .gear{text-indent: 20%}
.date_roll>div:nth-child(2) .gear{text-indent: -20%}
.date_roll>div:nth-child(3) .gear{text-indent: -55%}
.datetime_roll>div .gear{width: 100%;text-indent: -25%}
.datetime_roll>div:first-child .gear{text-indent: -10%}
.datetime_roll>div:last-child .gear{text-indent: -50%}
.time_roll>div .gear{width: 100%;/*text-indent: -70%;*/text-align: center;}
.time_roll>div:nth-child(1) .gear{width: 100%;text-indent: 10%}
.tooth{height: 2em;line-height: 2em;text-align: center}
.time_select{padding: 0.8rem 1rem;}
.time_select input{width: 45%;height: 2.90rem;line-height: 2.90rem;border-radius: 0.6rem;outline: none;border: 1px solid #DFDFDF;text-align: center;}
.time_select span{font-size: 1.0rem;}
#date-wrapper h3 {background: #3eb5f6 !important;}
#d-confirm {background: #3eb5f6 !important;}

.pdb10{padding-top:0.36rem;}

/*贡献流量详情*/

.devote_detail{margin-top: 0.5rem}
.devote_num{background: #fff;width: 100%;height: 11rem}
.devote_num >div{height: 3rem;line-height: 3rem;font-size: 1.5rem;font-weight: bold;text-align: center}
.devote_num ul{padding: 1.5rem 1rem  0 1rem;width: 100%;}
.devote_num li{width:33.3%;height: 5rem;text-align: center;float: left;list-style: none ;font-size: 1.4rem}
.devote_num span{padding-bottom: 1rem;display: block;font-size: 2rem;color:#23aeff;font-weight: bold}
.devote_num p{color: #666; font-size: 1.2rem;}
.devote_list ul{background: #fff;margin-top: 0.5rem;border-bottom: 1px solid #efeded;border-top: 1px solid #efeded;height: 4rem;line-height: 4rem;font-size: 1.5rem}
.devote_list li{width: 33.3%;text-align: center;float: left;border-right: 1px solid #efeded;list-style: none}
.devote_list li:last-child{border: none;}
.devote_list .cur{font-weight: bold;background: #fff;}
.list_index{background: #fff;padding: 1rem;font-size: 1.4rem}
.list_index i{background: #f2f2f6;height: 3.5rem;line-height: 3.5rem;display: block}
.list_index p{height: 3.5rem;background: #6ec4f2;}
.zdy{display: inline-block;vertical-align: text-top;line-height: 1.5rem;}


/*抽奖首页*/
.h5_bg{background: url(../images/H5/home/lottery_bg2.png) no-repeat center; position: absolute; top: 0; left: 0; bottom: -1.5rem; right: 0; background-size: cover; z-index: 1;}
.h5_Integral{background: url(../images/H5/home/lottery_bg3.png) no-repeat; position: absolute; z-index: 9; height: 450px; width: 100%; top: 14rem; background-size: 100%;padding: 0 1.5rem}
.h5_Integral .jf_rule_btn{position: absolute; right: 1.5rem; width: 3.5rem; height: 3.5rem; display: block; z-index: 9;cursor: pointer}
.jf_detail{position: relative; z-index: 99; top: 4.5rem;color: #fced4f;font-size: 1.2rem;}
.jf_detail b{font-weight: bold;font-size: 1.4rem;}
.jf_boxs{margin: 0.8rem 1.1rem}
.jf_boxs ul{width: 100%}
.jf_boxs li{ float: left; width: 32.7%; height: 9.8rem; padding: 0.8rem 0.2rem; list-style: none;;  opacity: 0.5;margin-left: 0.6%;margin-bottom: 0.15rem;background: #fff;text-align: center;color: #333}
.jf_boxs img{width: 7rem;  height: 5rem;  margin: 0 0 0.3rem 0;}
.jf_boxs .stop{background: url("../images/H5/home/start_hui.png") no-repeat;background-size: 7rem}
.jf_boxs .cur{background-color: none;opacity: 1}
.jf_start{background: none!important; opacity: 1 !important;cursor: pointer}
.jf_start img{height: 100%!important;width: 100%;margin: 0}
.msg_index{display: none}
.jf_msg{ position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 99; background: #333; opacity: 0.7; color: #fff; border-radius: 5px;}
.jf_bg{ position: fixed; background: #333; opacity: 0.4; left: 0; top: 0; right: 0; bottom: 0; z-index: 9;}
.success_info{ position: fixed; background: #fff; z-index: 999; width: 80%; height: 23rem; top: 15rem; left: 10%; border-radius: 10px; ;
                background-repeat: no-repeat; background-size: 11rem; background-position: center 1.5rem; padding-top: 12rem; text-align: center;}
.rule_index{ position: fixed; background: #fff; z-index: 999; width: 90%; left: 5%; top: 25%; padding: 0 1rem; border-radius: 8px; border: 2px solid #01b1ea;}
.rule_index .title_img{position: relative; top:0; width: 100%; height: 3rem; text-align: center; display: block;background: url("../images/H5/home/title.png") no-repeat center;
                        background-size: 17rem;margin-bottom: 1.5rem}
.rule_index .title1,.title2,.title3,.title4,.title5{background: url("../images/H5/home/title1.png") no-repeat;background-size: 9rem 2rem;height: 2rem;display: block;margin-bottom: 0.5rem}
.rule_index .title2{background: url("../images/H5/home/title2.png") no-repeat;background-size:9rem 2rem;}
.rule_index .title3{background: url("../images/H5/home/title3.png") no-repeat;background-size:9rem 2rem;}
.rule_index .title4{background: url("../images/H5/home/title4.png") no-repeat;background-size:9rem 2rem;}
.rule_index .title5{background: url("../images/H5/home/title5.png") no-repeat;background-size:11rem 2rem;}
.rule_index .ss{color:#ff3333}
.rule_index .jf_btns{ position: absolute; bottom: -4.5rem; background: url(../images/H5/home/closes.png) no-repeat center; width: 15%; height: 4rem; background-size: 2.5rem;top: -2.5rem;
    right: -2rem;}
.rule_index p{line-height: 1.8rem; margin-bottom: 1rem; font-size: 1.2rem;}


.jf_indexs{position: absolute; z-index: 999; top: 10.5rem; left: 3rem; height: 8rem; background: #fff; font-size: 1.4rem;padding: 2rem;text-align: center;border-radius: 5px}
.jf_indexs .closed{padding: 0.2rem 1.5rem; background: #06b5ff; color: #fff; display: inline-block; margin-top: 1rem; border-radius: 5px;}
.jf_new{left: 7rem}
.jf_new p{height: 2rem!important;line-height: 2rem}
.jf_new .closed{padding: 0.8rem 2rem;}
.success_info p{font-size: 1.6rem;margin-top: 1rem;}
.success_info b{color:#ff3333}
.success_info ss{color:#999;margin: 0.8rem 0 1rem 0;display: block}
.success_info i{background: url(../images/H5/home/close.png) no-repeat 0.5rem; width: 1.5rem; height: 1.5rem; background-size: 1rem; position: absolute; right: 1.5rem; top: 1rem;}
.success_info .jf_btnbox{height: 3rem;width: 100%;display: flex;justify-content: space-around;box-sizing: border-box;padding: 0 1rem;}
.success_info .jf_btn{flex: 0 0 40%;margin: 0 auto;height: 3rem;line-height: 3rem;text-align: center;background: #ffd138;border-radius: 1.5rem;color: #333;font-size: 1.4rem;}
.success_info .jf_btnbox>div{background-color: #fff;border: 0.5px solid #999;color:#999}
























/*移动端适配 width|height|font-size = 视觉稿量出来的值 / 100rem;@lbl*/     /*/除以2.75后再除以10*/
@media screen and (max-width:359px) and (min-width:320px) {
    html,body{
        font-size: 10px !important;
    }
}
@media screen and (max-width:374px) and (min-width:360px) {
    html,body{
        font-size: 11.25px !important;
    }
}
@media screen and (max-width:414px) and (min-width:375px) {
    html,body{
        font-size: 11.7px !important;
    }
}
@media screen and (max-width:639px)  and (min-width:414px){
    html,body{
        font-size: 12.92px !important;
    }
}@media screen and (min-width:640px) {
    html,body{
        font-size: 20px !important;
    }
}

/*ios5*/
@media screen and (max-width:359px)  and (min-width:320px){
    .jf_detail {z-index: 99; top: 4rem;}
    .jf_boxs { margin: 0.3rem 0 0 0.7rem;}
    .jf_boxs li { width: 31.6%;}
    .jf_boxs img { width: 7rem; height: 5rem; }
    .h5_Integral {top: 14rem; }
    .rule_index p{margin-bottom:0.2rem;}
    .rule_index{top:2.2rem}
}

/*ios6 plus*/
@media screen and (max-width:639px)  and (min-width:414px){
    .jf_boxs{margin: 0.6rem 0 0 1.2rem;}
    .jf_boxs li { width: 8.7rem; height: 9.9rem; padding: 0.8rem 0.2rem 1.4rem 0.2rem;}
    .h5_Integral {height: 39rem;}
    .jf_start img{height: auto!important;}
}

/*ios x*/
@media screen and (width:375px) and (min-height: 812px){
    .h5_Integral {top: 19rem; }
    .success_info{top:21rem}
    .jf_boxs li{padding: 1.4rem 0.2rem}
    .rule_index { top: 9rem;}
}