/*积分首页*/
    /* 未登录状态 */
.jf_login_btn{display: block;width: 100%;height: 40px;border-radius: 20px;background-color: #06b5ff;color:#fff;line-height: 40px;margin:25px 0 19px;}
.jf_login_btn:hover{color:#fff}
.third-login{font-size: 12px;color:#808080;margin-bottom: 20px;}
.third-login .login-qq{float: left;width: 13px;height: 15px;background: url(../images/icon/icon_qq_gray.png) no-repeat;}
.third-login .login-wx{float: left;width: 20px;height: 16px;background: url(../images/icon/icon_weixin_gray.png)no-repeat;margin: 0 10px;}
.third-login .register_btn{float: right;color:#06b5ff;margin-right: 10px;}
.nologin_tips{font-size: 14px;color:#808080;text-align: left;}
.nogin-banner{width: 911px;height: 341px;float: left;background: url(../images/jf/integral_nologin_banner.png)bottom left no-repeat;background-size: 911px auto;background-position-y: 4px;border-radius: 0 0 5px 0;}

.jf_box{margin-top: 150px;background-size: 1920px }
.jf_top{width: 100%;padding-top: 40px;font-size: 18px;background: url("/images/jf/bg.png") no-repeat;background-size: 100%;}
.jf_tops{background: url(/images/jf/bg2.png) no-repeat; height: 341px; background-size: 100% ;}
.jf_top_left{width: 289px;height: 341px;float: left;text-align: center;padding: 38px}
.jf_head{position: relative;width: 110px;height: 128px;display: inline-block}
.jf_head img{width: 110px;height: 110px;border-radius: 50%;border: 5px solid #fff;box-shadow: 1px 2px 4px 3px #e6e6e6;}
.jf_head i img{position: absolute; width: 81px; height: 16px; left: 15px; bottom: 0;border: none; box-shadow: none; border-radius: 0;}
.jf_top_left p{ line-height: 45px;;font-size: 20px; color: #06b5ff; font-weight: bold;padding: 27px 0 14px 0}
.jf_top_left p i{background: url(../images/jf/jf_icon.png) no-repeat center;width: 50px;height: 44px;display: inline-block;margin-left: 37px; float: left;}
.jf_top_left b{width: 220px;height: 50px;line-height: 50px;color:#fff;background: #06b5ff;border-radius: 25px;display: inline-block;font-size: 18px;border:1px solid #06b5ff;box-sizing: border-box;}
.jf_top_left p span{text-align: left !important; display: inherit;color: #06b5ff }
.jf_top_left p span:hover{color:#ff3333}
.jf_top_left .sign_button{color:#fff;background: #06b5ff;}

.jf_img ul li{width: 386px;height: 140px;margin:16px 16px 37px 0;display: inline-block}
.jf_img ul li:last-child{margin-right: 0}
.jf_img img{width: 100%;height: 140px;}
.img1 ul li{width: 100%!important;}
.img2 ul li{width: 47%!important;margin-right: 5%}
.img2 ul li:nth-child(2n){margin-right: 0!important;}



.jf_top_right{width: 911px;height: 341px;float: left;padding-left: 40px}
.jf_data{padding-top: 77px}
.jf_data li{width: 210px;height: 86px;text-align: center;border-right: 1px solid #e9ebeb;float: left}
.jf_data li:last-child{border: none}
.jf_data b{color:#06b5ff;font-size: 28px;padding-bottom: 30px;display: block}
.jf_data p{color:#808080}
.jf_sign{ height: 100px; width: 806px; background: #fff; box-shadow: 0 5px 8px #d7dce0; margin-top: 54px; border-radius: 8px;font-size: 12px;position: relative}
.jf_sign span{position: absolute; right: -38px; top: 8px; height: 88px; width: 32px; padding: 10px; background: #06b5ff;
    color: #fff; border-top-right-radius: 12px; border-bottom-right-radius: 12px;}
.jf_default{padding: 6px 0 0 0; width: 99px; text-align: center; position: absolute}
.jf_default b{ color: #808080; height: 40px; line-height: 33px; display: block;}
.jf_default i{width: 8px; height: 8px; border-radius: 50%; background: #a0cdeb; display: block; margin: 0 auto; margin-top:5px; margin-bottom: 6px;}
.jf_sign .jf_active b{ color: #fff; background: url('../images/jf/guijiicon.png') no-repeat center center;}
.jf_sign .jf_active i{background: #06b5ff;}
.jf_sign_list{padding:4px 0 0 53px;height: 100px;}
.jf_sign_list .cur b{color: #fff; background: url('../images/jf/guijiicon.png') no-repeat center center; position: absolute; right: -25px; width: 60px; text-align: center;}
.jf_sign_list .cur ss{background:#06b5ff;margin-top: 49px}
.jf_sign_list .cur i{background:#06b5ff;}
.jf_sign_list li{width:102px;position: relative;float: left}
.jf_sign_list li.mini_card b{position: relative;}
.jf_sign_list li.mini_card b:after{content: "";display: inline-block;width: 21px;height: 19px;background: url("../images/newyear/mini_card.png") no-repeat center;position: absolute;}
.jf_sign_list b{text-align: right; display: block;font-size: 12px;color: #808080;height: 40px;line-height: 33px;}
.jf_sign_list p{position: absolute; right: -23px; bottom: -33px;}
.jf_sign_list li ss{width: 95px; height: 4px; background: #f1f6fa; display: inline-block; }
.jf_sign_list i{width: 8px; height: 8px; border-radius: 50%; background: #a0cdeb; position: absolute; display: inline-block; top: 46px; right: 0;}
.jf_lottery{padding:5px 0 53px 0}


.jf_earn h3,.jf_welfare h3{ font-size:30px;font-weight:bold; color:rgba(51,51,51,1);text-align: center;margin-bottom: 30px}
.jf_earn ul{ width:100%; border:1px solid rgba(235, 235, 235, 1);margin-bottom: 30px}
.jf_earn ul li{border-right:1px solid rgba(235, 235, 235, 1); float: left;width: 239px;height: 298px;text-align: center;padding: 40px 0 30px 0;position: relative}
.jf_earn ul li:nth-child(5){border-right: none;width: 242px}
.jf_earn ul li>p:nth-of-type(1){font-size:20px; font-weight:400; color:rgba(51,51,51,1);}
.jf_earn ul li>p:nth-of-type(2){ font-size:14px; font-weight:400; color:rgba(153,153,153,1);height: 30px; line-height: 20px; padding: 0 22px;}
.jf_earn ul li .btn{ width:130px; height:34px; background:rgba(235,235,235,0); border:1px solid rgba(11, 171, 254, 1); border-radius:5px; text-align: center;color: #0BABFE;    position: absolute;  bottom: 30px;  left: 57px; }
.jf_earn ul li:hover .btn,.jf_welfare .list ul li .btn{ background:rgba(11,171,254,1); border:1px solid rgba(11, 171, 254, 1); color: #fff }
.jf_earn ul li:hover>p:nth-of-type(1){ font-weight:bold; }
.jf_earn ul li:hover,.jf_welfare .list ul li:hover{ border:1px solid rgba(210, 235, 248, 1); box-shadow:1px 2px 6px 0px rgba(62,181,246,0.3);}
.jf_earn ul li img{margin: 25px 0 36px 0}
.jf_earn ul li:nth-child(-n+5){border-bottom: 1px solid rgba(235, 235, 235, 1)}
.jf_earn .no-show {background-color: #efeded!important; color: #999!important; border-color:#efeded!important;}

.jf_welfare{margin-bottom: 80px}
.jf_welfare .title ul{width: 270px;margin: 0 auto}
.jf_welfare .title ul li{float: left;margin:6px 30px 20px 0; font-size:16px; text-align: center;cursor: pointer}
.jf_welfare .title p{margin: 0}
.jf_welfare .title .cur,.jf_welfare .title ul li:hover{ font-weight:bold; color:rgba(16,151,235,1);}
.jf_welfare .title .cur i{ width:20px; height:4px; background:rgba(16,151,235,1); border-radius:2px; display: inline-block; }
.jf_welfare .title ul li:last-child{margin-right: 0}
.jf_welfare .title .rule{ margin-top: 8px; float: right; }
.jf_welfare .rec b{ font-size:20px; font-weight:bold; color:rgba(51,51,51,1); }
.jf_welfare .success{margin: 70px auto 122px auto;text-align: center;}
.jf_welfare .success .msg,.jf_welfare .fall .msg{
    display: inline-block;
    padding-left: 35px;
    font-size:26px;
    font-weight:400;
    color:rgba(16,151,235,1);
    text-align: center;
    background: url(/images/jf_new/success.png) no-repeat left center;
    margin-bottom: 42px;
}
.jf_welfare .fall .msg{
    background: url(/images/jf_new/miss.png) no-repeat left center;
    color: #FB6363;
}
/* .jf_welfare .fall p:last-child{display: none} */
.jf_welfare .success_btn{text-align: center;}
.jf_welfare .success_btn a{
    width:130px;
    height:34px;
    text-align: center;
    line-height: 34px;
    background:rgba(235,235,235,0);
    border:1px solid rgba(11, 171, 254, 1);
    border-radius:5px;
    color: #0BABFE;
    font-size: 16px;
    display: inline-block;

}
.jf_welfare .success_btn a:first-child{margin-right: 20px;}
.jf_welfare .success_btn .cur{
    background:rgba(11,171,254,1);
    border:1px solid rgba(11, 171, 254, 1);
    border-radius:5px;
    color: #fff;
}


.jf_welfare .list ul li{ width:292px; height:329px;text-align: center; background:rgba(255,255,255,1); border:1px solid rgba(235, 235, 235, 1); margin: 0 10px 10px 0; float: left;padding: 0 20px}
.jf_welfare .list ul li:nth-child(4n+4) {margin-right: 0; }
.jf_welfare .list img{width: 180px;height: 140px;margin: 38px 0 30px 0}
.jf_welfare .list ul li .detail{text-align: left}
.jf_welfare .list ul li .detail p:nth-child(1){font-size: 16px;color:#333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.jf_welfare .list .price{margin-bottom: 18px}
.jf_welfare .list .price span:first-child{color: #FF6633}
.jf_welfare .list .price .line{ font-size:14px; text-decoration:line-through; color:rgba(179,179,179,1);margin-left: 9px }
.jf_welfare .list .price b{margin-right: 5px}

.jf_welfare .cards{ background: url(/images/jf/cards.png) no-repeat center; height: 140px; text-align: left; width: 180px; margin: 48px auto 19px auto; font-size: 16px; font-weight: bold; color: rgba(53,71,146,1); padding: 19px 0 0 18px; }
.jf_welfare .cards b{font-size: 35px}
.jf_welfare .cards span{position: relative;z-index:3}
.jf_welfare .cards .font_type{z-index: 1; color: #a6bdfc; top: 1px; position: absolute;}
.jf_welfare .coupon{background: url(/images/jf/coupon.png) no-repeat center;color: #CF2F15}
.jf_welfare .coupon .font_type{color: #ffae9d}



.popover.top>.arrow:after {border-top-color: #fffee7; }
.popover{background-color: #fffee7}




/*成长历程*/
.grow_top{background: url("../images/jf/bg3.png") no-repeat;width: 100%;height: 382px;text-align: center;font-size: 18px}
.grow_head{ width: 110px; display: block; margin: 0 auto; padding: 43px 0 26px 0;}
.grow_top ss,.grow_detail .cur{color: #06b5ff}
.grow_head img{width: 110px;height: 110px;border-radius: 50%;border: 5px solid #fff}
.grow_index{position: relative;font-size: 14px}
.grow_bg{ width: 863px; height: 132px; background: #fff; margin: 0 auto; left: 150px; opacity: 0.8; border-radius: 5px}
.grow_space{position: absolute;left: 215px;top: 15px;}
.grow_defaul{width: 58px;position: absolute;text-align: center;background: url("../images/jf/space1.png") no-repeat center center;padding-top: 65px;left: 5px;z-index: 9}
.grow_next{padding:36px 0 0 36px}
.grow_next span{width: 109px; height: 13px; background: #d8ebf8; display: inline-block;}
.grow_next i{height: 5px;width: 10%;background: #6ec4f2;display: block;margin: 4px;position: relative}
.grow_next i ss{background: url(../images/jf/flag.png) no-repeat; width: 20px; height: 20px; content: ""; position: absolute; right: -20px; top: -26px;}
.grow_next li{width: 110px;float: left;position: relative}
.grow_next b,.grow_next .space3,.grow_next .space4,.grow_next .space5,.grow_next .space6,.grow_next .cur3,.grow_next .cur4,.grow_next .cur5,.grow_next .cur6
{background: url("../images/jf/space2_hui.png") no-repeat center center;  width: 45px;height: 20px;display: inline-block;position: absolute;top: -3px;z-index: 9;left:100px}
.grow_next .space3{background: url("../images/jf/space3_hui.png") no-repeat center center}
.grow_next .space4{background: url("../images/jf/space4_hui.png") no-repeat center center}
.grow_next .space5{background: url("../images/jf/space5_hui.png") no-repeat center center}
.grow_next .space6{background: url("../images/jf/space6_hui.png") no-repeat center center}
.grow_next .space7{background: url("../images/jf/space7_hui.png") no-repeat center center}

.grow_next .cur2{background: url("../images/jf/space2.png") no-repeat center center}
.grow_next .cur3{background: url("../images/jf/space3.png") no-repeat center center}
.grow_next .cur4{background: url("../images/jf/space4.png") no-repeat center center}
.grow_next .cur5{background: url("../images/jf/space5.png") no-repeat center center}
.grow_next .cur6{background: url("../images/jf/space6.png") no-repeat center center}
.grow_next .cur7{background: url("../images/jf/space7.png") no-repeat center center}
.grow_next p{  position: absolute; right: -40px; top: 28px;}
.grow_rank{height: 55px;line-height: 55px;margin-top: 15px}
.grow_rank span{float: left;font-size: 20px}
.grow_rank span:before{border: 3px solid #06b5ff;height: 22px;content: "";margin-right: 8px}
.grow_rank a{float: right;color:#06b5ff;font-size: 14px}
.grow_detail{margin-bottom: 50px}
.grow_detail table{width: 100%;text-align: center;font-size: 16px}
.grow_detail tr td{border: 1px solid #dfdfdf}
.grow_detail table td{padding: 20px 0;}
.grow_detail table th{background: #f0f7fd;padding: 20px 0;text-align: center;border: 1px solid #dfdfdf}

/*积分抽奖*/
.lottery_jf{background: url("../images/jf/lottery_bg.png") no-repeat;background-size: 1920px 100%;padding: 15px 0;}
.lottery_index{padding-bottom: 135px;position: relative;width: 1200px;margin: 0 auto}
.lottery_index .back_home{position: absolute; right: 0; border: 1px solid #ffe400; background: #dd5d29; color: #fff; padding: 12px; border-radius: 15px;}
.lottery_bottom{background: url("../images/jf/bottom_bg.png") no-repeat;height: 160px;}
.lottery_info{color: #fbf0d2;position: relative;padding: 0 16px; margin: 25px 0;height: 442px;overflow: hidden}
.lottery_info ul li{margin-bottom: 15px}
.lottery_info ul li span{margin-right: 10px;display: inline-block}
.lottery_bg{width: 100%;height: 480px;position: absolute;background: #d0212d;opacity: 0.5;border-left: 1px solid #ffe400;
    border-right: 1px solid #ffe400;border-bottom: 1px solid #ffe400;border-bottom-left-radius:8px;border-bottom-right-radius: 8px}
.top_light{height: 30px; position: absolute; top: 50px; left: 18px;}
.lottery_index .bottom{top:518px}
.lottery_left,.lottery_gray{width: 637px;position: relative;float: left;background: url('../images/jf/jf_box.png') no-repeat;margin-top: 215px}
.lottery_left .my_lott,.lottery_gray .my_lott{ position: absolute; bottom: 53px; color: #ff6260; background: #fff68a; width: 43px; height: 128px; font-size: 19px;
    padding: 10px; text-align: center; left: -35px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; display: inline-block; }
.lottery_left .rule,.lottery_gray .rule{ height: 46px; line-height: 46px; padding-top: 24px; display: block; color: #fff; text-align: center; font-size: 17px;  margin-top: 10px;}
.lottery_left .rule span{margin-right: 15px;display: inline-block}
.lottery_left .rule b,.lottery_gray .rule b{color:#ffe400}
.top_light li{background: #f67269;width: 12px;height: 12px;border-radius: 50%;float: left;box-shadow: 3px 3px 3px #a21a1a;
    margin-right: 67px;animation:r_lights 1s; animation-iteration-count: infinite;list-style: none}
.top_light ul{padding-left: 0}
.lottery_index .left{width: 12px;left: 12px}
.lottery_index .left li{margin-top: 67px;}
.lottery_index .right{ width: 12px; left: 582px;}
.lottery_index .right li{margin-top: 67px;}
.top_light li:last-child{margin-right: 0}
.top_light .y_light{background: #f9dd24;animation:y_lights 1s; animation-iteration-count: infinite;}
.lottery_box{padding-top: 77px;}
.lottery_box ul{padding-left: 34px}
.lottery_box b img{width: 168px;height: 102px;}
.lottery_box li{width: 168px;height: 138px;float: left;margin:0 4px 8px 6px;position: relative;list-style: none;text-align: center;color: #6f1e1d;cursor: pointer}
.lottery_box .cur{ background: url(../images/jf/card_bg1.png) no-repeat; width: 100%; height: 100%; background-size: 100%; position: absolute; display: inline-block; top: 0; left: 2px;}
.msg_erro >div{position: absolute; top: 43px; left: 51px; z-index: 3; color: #fff; font-size: 18px;}
.msg_erro b{background: url(../images/icon/sad1.png) no-repeat; width: 30px; height: 30px; position: absolute; right: -6px; top: 6px; z-index: 3; display: block; background-size: 22px;}
.unstart{position: absolute;width:168px;height: 138px;top: 221px;left:221px;background: url(../images/jf_new/unstart.png) no-repeat;background-size: 168px 138px;z-index: 11;}
.unstart span{font-size: 26px;color:#999;text-align: center;display: block;margin-top: 65px;}
/*彩灯动画*/
@keyframes r_lights { 0%   {background: #f9dd24;}   100%  {background: #f67269} }
@-webkit-keyframes  r_lights { 0%   {background: #f9dd24;} 100%  {background: #f67269} }
@-moz-keyframes r_lights { 0%   {background: #f9dd24;} 100%  {background: #f67269} }
@keyframes y_lights { 0%   {background: #f67269;} 100%  {background:#f9dd24} }
@-webkit-keyframes  y_lights{ 0%   {background: #f67269;} 100%  {background:#f9dd24} }
@-moz-keyframes y_lights{ 0%   {background: #f67269;} 100%  {background:#f9dd24} }

.lottery_right{width: 350px;height: 540px;margin-left:35px;float: left;position: relative;margin-top: 217px;overflow: hidden}
.lottery_right h3{height: 38px; line-height: 38px; background: #f7922d; padding: 0 20px; color: #fffadc; border-top-left-radius: 15px;
    border-top-right-radius: 15px; border: 1px solid #ffe400;margin-bottom: 0;text-align: center}
.lottery__rule{background: #fffadc;padding-bottom: 30px;font-size: 16px;}
.lottery__rule p{margin:15px 0 0 0;line-height: 30px}
.lottery__rule a{color:#3eb5f6;text-decoration: none}
.lottery_right .vip_bg{background: #d0232e;opacity: 0.5;position: absolute;width: 503px;height: 60px;display: block;bottom: 3px;border-radius: 8px;}
.lottery_vip{position: relative; height: 60px; overflow: hidden;  margin-top: 25px;padding: 10px 20px;color: #ffc6d4}
.lottery_vip span{float: left; margin-top: 8px; padding-right:15px ; border-right: 1px solid #fff;}
.lottery_vip ul{margin: -7px 0 0 35px; float: left; height: 50px; line-height: 25px; overflow: hidden; font-size: 14px;}
.win_box1{background: #431211;opacity: 0.7;position: fixed;top:0;bottom: 0;left: 0;right: 0;z-index:2}
.win_index{ z-index: 9; background: #fff; position: fixed; top: calc(50% - 200px); left: calc(50% - 205px); text-align: center; font-size: 23px;
    width: 410px; height: 388px; background: rgba(255,255,255,1); border-radius: 20px; }
.win_index h3{color: #FF6633;font-size: 32px;margin: 28px 0 42px 0}
.win_index p{color: #FF6633;font-size: 22px;margin-top: 30px}
.win_index a{  height: 14px;font-size: 14px; color: #999;display: block}
.win_index span{ width: 140px; height: 42px; background: rgba(11,171,254,1); border-radius: 21px; color: #fff; display: block; margin: 0 auto;
    font-size: 20px; line-height: 42px; margin-top: 20px; cursor: pointer; }
.win_index i{ background: url(/images/jf_new/close.png) no-repeat; position: absolute; right: 20px; top: 20px; z-index: 10;
    width: 20px; height: 20px; background-size: 100%; cursor: pointer; }
.headerbar { background: #0babfe; color: #Fff; font-size: 18px; border-bottom: 1px solid #0babfe; padding: 5px 15px; }
.headerbar span { display: block; width: 20px; height: 20px; background: url(/images/jf/close_white.png); }
.close { opacity: 1; }
.btns { display: inline-block; padding: 6px 23px; margin-bottom: 0; font-size: 16px; font-weight: 400; line-height: 1.42857143; text-align: center;
    white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; color: #fff; background-color: #3eb5f6; border-color: #3eb5f6; }
.modal-footer{text-align: center;border: none}
.input_add b:before { content: ''; color: #555; width: 4px; height: 20px; background: rgba(62,181,246,1);
    border-radius: 2px; float: left; margin-right: 6px; display: inline-block; }
.input_add span { padding: 3px 6px; border: 1px solid rgba(235, 235, 235, 1); border-radius: 3px; display: inline-block; color: #808080;
    font-size: 14px; cursor: pointer; margin-right: 17px; }
.input_add { margin-bottom: 18px; font-size: 16px; }
.addChoose .cur { border: 2px solid rgba(11, 171, 254, 1); }
.addChoose ul li { width: 468px; height: 106px; border: 1px solid rgba(235, 235, 235, 1); padding: 0 10px 17px 10px; margin-bottom: 10px; position: relative; }
.addChoose ul li p:first-child { height: 35px; line-height: 35px; border-bottom: 1px solid #EBEBEB; margin-bottom: 9px; }
.addChoose .cur i { position: absolute; bottom: 0px; right: 0px; width: 19px; height: 19px; background: url(/images/blue-gou.png) no-repeat center; }
.addChoose ul { max-height: 350px; overflow-y: scroll; }
.get_gift{ font-size:18px; font-weight:bold; color:rgba(255,77,85,1); margin-bottom: 20px; }
.forward textarea{ height: 78px; width: 360px; border: #DFDFDF solid 1px; border-radius: 4px; resize: none; padding: 15px; }
.msg_erro i{width: 173px; height: 137px; background: #333; opacity: 0.5; display: block; position: absolute; z-index: 1; }
.address_null{text-align: center}
.address_null p{color: #999;  margin-top: 15px;font-size: 16px}
/* .address_null a{ padding: 5px 10px; background: #0babfe; color: #fff; margin: 25px 0; display: inline-block; font-size: 16px; border-radius: 5px; }
.address_null a:hover{color: #fff!important;} */


/*邀请好友*/
.invite_step{height: 360px;background: #f1f6fa;}
.invite_step h3{font-size: 18px;display: inline-block;width: 112px;height: 34px;color: #FFFFFF;background: #3EB5F6;border-bottom-right-radius:20px ;border-top-right-radius:20px ;text-align: center;line-height: 32px;font-weight: bold;}
.invite_step .stepbox{width: 855px;margin: 40px auto;}
.invite_step .steps{float: left;width: 210px;text-align: center;}
.invite_step  .stepone i{display: inline-block;background: url('../images/jf/step1.png') no-repeat center;width: 109px;height: 109px;}
.invite_step  .steptwo i{display: inline-block;background: url('../images/jf/step2.png') no-repeat center;width: 109px;height: 109px;}
.invite_step  .stepthree i{display: inline-block;background: url('../images/jf/step3.png') no-repeat center;width: 109px;height: 109px;}
.invite_step .steps p {color: #555555;margin: 20px 0px 15px 0px;font-size: 18px;}
.invite_step .steps span{font-weight: bold;font-size: 18px;color: #3EB5F6;}
.stepbox i.jaintou{display: inline-block;float: left;width: 107px;height: 16px;background: url('../images/jf/jian.png') no-repeat center;margin-top: 50px;}
.invite_line{margin-top: 30px; height: 1px; background: #dfdfdf;}
.bg-white{background: #FFFFFF;}
.red_cue{color: #999; margin-top: 10px;font-size: 14px;}
.invite_num{ height: 94px; background: #fdf9f0; margin-top: 20px; font-size: 18px; padding: 20px 0 0 10px;}
.invite_num b{color:#fd7923;font-size: 26px;vertical-align:sub;}
.invite_con{margin-top: 50px;}
.invite_con h3{font-size: 22px;color: #555555;}
.invite_con h4{font-size: 16px;color: #808080;margin: 20px 0 15px 0}
.invite_link{width: 997px;height: 70px;margin-bottom: 70px;}
.invite_link input{width: 876px;border:1px solid #DFDFDF;outline: none;float: left;height: 70px;}
.invite_link span{width: 120px;display: inline-block;background: #3EB5F6;color: #FFFFFF;font-size: 18px;float: left;height: 70px;text-align: center;line-height: 70px;cursor: pointer;}
.clearboth{clear: both;}
.invite_code{width: 997px;height: 40px;margin-bottom: 170px;}
.invite_code input{width: 876px;border:1px solid #DFDFDF;outline: none;float: left;height:40px;}
.invite_code span{width: 120px;display: inline-block;background: #3EB5F6;color: #FFFFFF;font-size: 18px;float: left;height: 40px;text-align: center;line-height: 40px;cursor: pointer;}

/* 日历 */
.calendar{position: absolute;bottom: -385px;right: 6px;width:640px;height: 400px;background: url('/images/icon_date.png') center center no-repeat;z-index:2;margin: 0 auto;clear: both;padding-top: 32px;padding-left: 60px;padding-right: 60px;}
.calendar .tool{margin: 0 auto;font-size: 20px;color:#8b8a8a;text-align: center;position: relative;}
.calendar .tool .pre{width: 17px;height: 17px;display: inline-block;background:url('/images/icon-pre.png') center center no-repeat;}
.calendar .tool .next{width: 17px;height: 17px;display: inline-block;background:url('/images/icon-next.png') center center no-repeat;}
.date-table{margin-top: 15px;}
.calendar table{width:100%;height: auto;border:none;text-align: center;}
.calendar table tr{height: 45px;}
.calendar table th{width:78px;text-align: center; color:#e0dedf;font-size: 16px;}
.calendar table td{width: 78px;color:#878687;position: relative;font-family: 'airal';font-size: 14px;}
.sign{cursor: pointer;position: relative;}
.calendar .active:after{content:'';background:url('/images/icon-sign.png') center center no-repeat;width: 36px;position: absolute;height: 35px;right: 19px;top: 5px;}


/*新年弹窗*/
/*//弹窗*/
.none{display: none;}
.newyear_modal{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99;}
.newyear_modal .mask{width: 100%;height: 100%;background: #000000;opacity: 0.6;}
.modal_content{width: 435px;height: 435px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.modal_content .bg-sg{width: 435px;height: 435px;background: url("../images/newyear/receive2.png") no-repeat center;}
.modal_content .bg-sg .coupon_box{position: absolute; top: 40%; left: 52%; transform: translate(-50%,-50%); text-align: center;}
.modal_content .bg-sg .coupon_box .name{display: inline-block; width: 20px; text-align: center; font-size: 16px; color: #ffe79d; float: left;}
.modal_content .bg-sg .coupon_box .num_price{font-size: 30px;font-weight: bold; color: #ffe79d; display: inline-block; float: right; margin-top: 10px;}
.modal_content .bg-sg .coupon_box .num_price i{font-size: 16px;display: inline-block; vertical-align: middle; padding-left: 5px;}
.modal_content .bg-sg .coupon_box .coupon{padding-left: 40px; padding-top: 32px; padding-right: 30px;width: 169px;height: 120px;margin: 70px auto 0;background: url("../images/newyear/bg-vouchers.png") no-repeat;}
.modal_content .coupon-text{font-size: 18px;font-weight: bold;color: #ff4b00;margin-top: 25px;margin-bottom: 12px;text-align: center;}
.coupon-see{color: #f06a3a;}
.coupon-see a{color: #1097eb;}
.modal_content .gouse{width: 154px;height: 40px;line-height: 40px;border-radius: 20px;background: #FFE63D;/*box-shadow: 0px 10px 10px #fe7c38;*/text-align: center;font-size: 28px;position: absolute;bottom: 20%;left: 52%;transform: translate(-50%,-50%);}
.modal_content .gouse a{color: #FF4B00;width: 154px;height: 40px;line-height: 40px;display: inline-block;}
.modal_content .closed{cursor: pointer;width: 28px;height: 28px;background: url("../images/newyear/red_close.png") no-repeat center;position: absolute; top: 10%; right: 10%; transform: translate(-50%,-50%);}


.modal_content  .price_num span{font-size: 40px;color: #FF4B00;font-weight: bold;vertical-align: middle}
.modal_content  .price_num i{font-size: 24px;color: #FF4B00;font-style: normal;vertical-align: middle}
.libao{font-size: 16px;color: #ff4b00;}


/*五周年庆*/
.celebrate{width: 1920px;padding: 0;margin: 0}
.contain_box{width: 1086px;margin: 0 auto;padding-bottom: 27px}
.celebrate .top{background: url("/images/new/celebrate_bg1.jpg") no-repeat;height: 395px;background-size: 100%}
.celebrate .top span{ font-size:16px; font-weight:bold; color:rgba(255,233,172,1); display: inline-block; margin:55px 0 0 343px; }
.celebrate .top a{width: 100px; height: 50px; display: block; position: absolute; top: 10%; right: 1%; background: url(../images/newyear/back.png) no-repeat center; background-size: 100%;}
.celebrate .box{background: url("/images/new/celebrate_bg.png") no-repeat;height: auto;background-size: cover}

.celebrate .info{text-align: center;color:#F6C4AE;padding-top: 42px}
.celebrate .customer{background: url("/images/new/celebrate_bg3.png") no-repeat;height: 905px;background-size: 100%;margin-bottom: 30px}
.celebrate .lottery_index{padding-bottom:0;background: none}
.celebrate .lottery_left{background: url("/images/new/celebrate_bgs.png") no-repeat;width: 620px;}
.celebrate .lottery_gray{background: url("/images/new/celebrate_gray.png") no-repeat;width: 620px;}
.celebrate .gift a{color: #ffe400;text-decoration: none}

.send_card{background: url("/images/new/celebrate_bg2.png") no-repeat;height: 421px;background-size: 100%;margin-bottom: 25px; padding: 90px 0 0 80px;}
.send_card ul li{background: url("/images/new/card.png") no-repeat;background-size: cover;width:215px;height:auto;float: left;margin: 15px 20px 0 0;;color: #eb343a;padding:6px 19px 17px 17px;position: relative;font-size: 12px}
.send_card ul li:nth-child(4n+4){margin-right: 0}
.send_card b{ font-size: 46px; font-family: Arial; color: rgba(235,52,58,1);margin: -9px 12px 0 16px;; display: inline-block;}
.send_card small{ position: absolute; top: 10px; left: 12px; display: inline-block; font-size: 20px; }
.send_card .right span{font-size: 20px;}
.send_card ul li a{ width: 178px; height: 24px; background: rgba(255,77,85,1); border-radius: 12px; text-align: center; line-height: 24px; font-size: 14px;
    display: inline-block; color: #fff;text-decoration: none }
.send_card ul li .cur{background: #cecece;color: #fff}
.send_card ul li a:hover{color: #fff}
.send_card p,.send_card p a{color: #A96B3B;font-size: 14px;text-decoration: none}

.customer{padding: 110px 0 0 53px}
.customer p{color: #A96B3B;font-size: 14px;padding: 0;margin: 5px 0 0 0;}
.customer .bottom i,.customer .good h3 i{background: url("/images/new/good.png") no-repeat;width:14px;height: 16px;background-size: 100%;display: inline-block;margin: 0 5px}
.customer .middle{margin: 21px 0 21px 0}
.customer .middle span:first-child{background: url("/images/new/prize1.png") no-repeat;width: 227px;height: 267px;margin-right: 19px;display: inline-block}
.customer .middle span:last-child{background: url("/images/new/prize3.png") no-repeat;width: 737px;height: 267px;display: inline-block;position: relative}
.customer .middle span i{position: absolute;width:160px;height:32px;bottom: 13px;left: 288px;background: #ff4d55;border-radius: 15px;color: #fff;text-align: center;line-height: 32px;font-style: normal;cursor: pointer}
.customer .middle span .cur{background: #cecece;color: #fff}
.customer .good{ width:988px; height:295px; background:#fff1c2; border-radius:10px; color: #BE7B47; font-size: 14px; font-family:Microsoft YaHei; font-weight:400;padding: 0 19px;;margin-bottom: 20px }
.customer .good h3{color: #FF4D55;font-size: 24px;text-align: center;padding:14px 0 25px 0;margin: 0}
.customer .left{border-right:1px solid #EFD6A7;padding-right: 25px;;float: left;width:48%;padding-left: 30px;box-sizing: border-box;}
.customer .good_list{overflow: hidden;height:208px}
.customer ul li{margin-bottom: 13px}
.customer ul li:last-child{margin-bottom: 0}
.customer ul{margin: 0}
.customer ul li span:first-child+span{margin: 0 48px 0 21px}
.customer .right{margin-left: 25px;float: left;width:48%;padding-left: 30px;box-sizing: border-box;}

.celebrate_right{float: right;color: #fbf0d2;font-size: 16px;margin-top: 74px;line-height: 25px;}
.celebrate_right .right_top{ width:418px; height:343px; background: #ff4d55; box-shadow: 0 3px 5px 0 rgba(206,0,9,1); border-radius:10px; padding: 26px 15px 0 15px; margin-bottom: 12px; }
.celebrate_right .right_bottom{ width:418px; height:88px; border-radius:10px; background: #ff4d55; box-shadow: 0 3px 5px 0 rgba(206,0,9,1); }
.right_bottom .lottery_vip{height: 79px;padding: 13px 16px;color: #FFFADC}
.right_bottom .lottery_vip ul{height: 73px}
.right_bottom .lottery_vip span{  height: 41px; padding-top: 10px;border-color: #ff8388}
.celebrate_right i{ width:18px; height:18px; text-align: center; line-height: 18px; background:rgba(212,30,38,1); border-radius:50%;
    display: inline-block; font-style: normal; font-weight: bold; color: #FFC869; float: left;margin-top: 7px}
.celebrate_right h2{ background: url("/images/new/lable1.png") no-repeat center left; display: block; width: 100%; height: 21px; margin-top: 0; }
.celebrate_right p{margin-top: 23px;  min-height: 48px;}
.celebrate_right .right_top  span{padding-left: 12px;  float: left;  width: 368px;line-height: 30px  }
.add_bg{position: fixed;top: 0;bottom: 0;left: 0;right: 0;opacity:0.4;background: #333;z-index:1}
.add_index{ position: fixed; z-index: 2; width: 540px; background: rgba(255,255,255,1); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
    border-radius: 3px; top: 10%;  left: 35%;  }
.add_index p{ height: 50px; line-height: 50px; display: block; background: rgba(255,77,85,1); margin: 0; padding: 0 20px; color: #fff; }
.add_index p i{background: url("/images/new/close.png") no-repeat;float: right;width: 20px;height: 20px;display:inline-block;margin-top: 13px;cursor: pointer}
.add_choose,.add_indexs{padding: 0 20px;margin-top: 30px}
.add_choose ul{margin-left: 74px}
.add_indexs h4,.add_choose h4{font-size: 14px;font-weight: bold;margin-bottom: 25px}
.add_choose .cur div{position: relative}
.add_choose .cur div i{background: url("/images/new/border.png");width: 96px;height: 96px;position: absolute;left: 0;top:0}
.add_choose .cur{color: #ff4d55;font-weight: bold}
.add_choose ul li div{width:96px; height:96px; background:rgba(255,255,255,1); border:1px solid rgba(255, 157, 161, 1); margin-bottom: 10px; }
.add_choose ul li{ width: 96px; margin-right: 20px; float: left; text-align: center; }
.add_choose ul li:first-child img,.add_choose ul li:first-child+li img{padding-top: 10px}
.add_indexs div{margin-bottom:20px}
.add_indexs input{ padding-left: 12px; width:356px; height:40px; background:rgba(255,255,255,1); border:1px solid rgba(223, 223, 223, 1); border-radius:3px; }
.add_indexs span{width: 82px;text-align: right;display: inline-block}
.add_indexs select{ width:140px; height:40px; background:rgba(255,255,255,1); border:1px solid rgba(223, 223, 223, 1); border-radius:3px; }
.add_indexs textarea{padding: 14px 12px 0 12px; width:344px; height:66px; background:rgba(255,255,255,1); border:1px solid rgba(223, 223, 223, 1); border-radius:3px; float: left; }
.add_indexs .submit{ width:100px; height:34px;line-height: 34px; text-align: center; background:rgba(255,77,85,1); border-radius:3px; color: #fff;
    margin: 0 auto; display: block; margin-bottom: 20px;cursor: pointer}

.msgBox{
    width: 15%;
    height: 80px;
    line-height: 80px;
    background: #000;
    opacity: 0.6;
    position: fixed;
    margin-left: 22%;
    color: #fff;
    text-align: center;
    top: 30%;
    z-index: 999;
}

/*招商专题*/
.trade{background: url("/images/business/trade_bg.png") no-repeat;width: 1920px;position: absolute;background-size: cover;font-family:Adobe Heiti Std;left: 0;right: 0;top:0;}
.trade .back{color: #fff; position: absolute; right: 0; top: -400px; font-size: 18px; text-decoration: underline;}
.trade .topic1{background: url("/images/business/trade1.png") no-repeat;width: 1114px;height: 881px;background-size: 100%;margin-top: 429px;padding: 115px 51px 0 56px}
.trade .topic2{background: url("/images/business/trade2.png") no-repeat;width: 1114px;height: 680px;background-size: 100%;margin-top: 68px;padding: 115px 51px 0 56px}
.trade{color: #fff;font-size: 26px}
.trade b{font-size:34px;font-family:DIN;color: #fff271;margin-right: 15px}
.msgBox{ width: 15%; height: 80px; line-height: 80px; background: #000; opacity: 0.6; position: fixed; margin-left: 22%; color: #fff; text-align: center; top: 30%; z-index: 999; }


/*招商专题*/
.trade{background: url("/images/business/trade_bg.png") no-repeat;width: 1920px;position: absolute;background-size: cover;font-family:Adobe Heiti Std;left: 0;right: 0;top:0;}
.trade .back,.app_topic .back{color: #fff; position: absolute; right: 0; top: -400px; font-size: 18px; text-decoration: underline;}
.trade .topic1{background: url("/images/business/trade1.png") no-repeat;width: 1114px;height: 881px;background-size: 100%;margin-top: 429px;padding: 115px 51px 0 56px}
.trade .topic2{background: url("/images/business/trade2.png") no-repeat;width: 1114px;height: 680px;background-size: 100%;margin-top: 68px;padding: 115px 51px 0 56px}
.trade{color: #fff;font-size: 26px}
.trade b{font-size:34px;color: #fff271;margin-right: 15px}
.trade .cl_yellow{color: #fff271;}
.trade p{margin-bottom: 15px;line-height: 49px}
.trade p span{display: inline-block; float: left; width: 925px;}
.trade ul li{width:323px; height:290px; background:rgba(255,255,255,1); border:1px solid rgba(254, 232, 236, 1); border-radius:10px; list-style: none; margin-right: 19px; float: left; text-align: center; padding-top: 22px; }
.trade ul{padding: 0}
.trade ul li:last-child{margin-right: 0}
.trade .topic3{font-size: 40px;margin-top: 44px}
.trade .banner{margin-top: 28px}
.trade .banner img{width: 1010px;border-radius: 10px}
.trade .carousel-control.right,.trade .carousel-control.left{top:140px!important;background-image:none}
.mine.trade p span{display: inline-block; float: left; width: 925px;}
.trade ul li{width:323px; height:290px; background:rgba(255,255,255,1); border:1px solid rgba(254, 232, 236, 1); border-radius:10px; list-style: none; margin-right: 19px; float: left; text-align: center; padding-top: 22px; }
.trade ul{padding: 0}
.trade ul li:last-child{margin-right: 0}
.trade .topic3{font-size: 39px;margin-top: 44px;width: 1120px;}
.trade .banner{margin-top: 28px}
.trade .banner img{width: 1010px;border-radius: 10px}
.trade .carousel-control.right,.trade .carousel-control.left{top:140px!important;background-image:none}

/*app专题页*/
.app_topic{background: url("/images/ad/app_bg.png") no-repeat;width: 1920px;position: relative;background-size: cover;left: 0;right: 0;top:0;bottom: 0;text-align: center}
.app_topic .back{top:15px;z-index: 2}
.app_topic1{padding-top: 280px;position: relative}
.app_topic1 p:first-child{font-size: 18px;color: #fffbe0}
.app_topic1 h3{color: #f2261d;font-size: 20px;font-weight: bold}
.app_topic1 .text{background: url("/images/ad/box.png") no-repeat;width: 744px;height: 203px;background-size: 100%;margin: 0 auto;text-align: left;padding: 22px 50px 0 50px;margin-top: 20px}
.app_topic1 .text p{color: #9b011a;font-size: 18px;margin-top: 15px}
.app_topic1 .copy_btn{width:102px;  height:37px;  background:rgba(251,69,98,1);  border-radius:19px; position: absolute;bottom: 40px;right: 225px;text-align: center;color: #fff;line-height: 37px;}

.topic1{margin: 36px 0 48px 0}
.topic2{background: url("/images/ad/topic2.png") no-repeat;width: 1185px;height: 495px;background-size: 100%;margin-bottom: 50px;position: relative}
.topic2 .bigPic{position: absolute;top: 50px;left: 0;width:289px; height:414px;}
.headerArr { font-size: 18px; border-bottom: 1px solid #dfdfdf; padding: 15px 15px; color: #fff; background: #3EB5F6; }
.headerArr span { display: block; width: 20px; height: 20px; background: url(../images/closed.png); }
.bigPic .bg{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background-color: #000; opacity: 0.5; }
.bigPic .img{ position: fixed; z-index: 2; top: 10%; left: calc(50% - 200px); width: 403px; height: 350px; }