*{font-family: Microsoft YaHei;}
*{padding: 0;margin: 0;}
li{list-style: none}
a{text-decoration: none;}
a:hover{text-decoration: none;}
a:visited{text-decoration: none;}
input:-webkit-autofill { box-shadow: 0 0 0 1000px white inset !important;}
/*首页start*/
.ssfr {
    float: right;
    padding-left: 15px
}
.search-submit {
    background: url("../images/index_ss.png") no-repeat;
    color: white;
    border: 0;
    width: 113px;
    height: 38px;
    margin: 1px;
}
.search-submit:hover {
    background: #ffdd5d
}
.lxwm {
    width: 115px;
    height: 38px;;
    background: url("../images/index_zxkf.png") no-repeat;
}
.lxwm:hover {
    background: #888888
}
.on {
    background: #bb8a35;
}
/*轮播start*/
.lunbo{
    position: relative;
    bottom: 30px;

}
.lunbo-bg{
    width: 1000px;
    height: 150px;
    margin: 0 auto;
    background: url("../images/hot-list.jpg");
}
.box ul{
    /*width: 1000px;*/
    /*height: 150px;*/
}
.box{
    width: 1000px;
    height: 150px;
    overflow: hidden;
}
.lunbo .prev-icon{
    float: left;
    margin: 60px 0 0 -35px;

}
.lunbo .next-icon{
    float: right;
    margin: 60px -35px 0 0 ;
}
.lunbo-bg ul li{
    float: left;
    width: 306px;
    height: 118px;
    background-color: #ffffff;
    margin: 16px 0 0 20px;
    border-radius: 10px;
}
.lunbo-bg ul li:last-child{

    margin-right: 20px;
}

.lunbo-pic{
    width: 120px;
    height: 118px;
    float: left;
;
}
.lunbo-pic img{
    border-radius: 10px
}
.lunbo-pic img{
    width: 118px;
    height: 118px;
}
.lunbo-des{
    width: 184px;
    height: 100px;
    border-left: 1px solid #626262;
    float: right;
    margin-top: 10px;
}
.lunbo-des1{
    padding: 0 15px;
}
#flash{position: relative;text-align: center}
#flash #play{height: 380px;list-style: none;position:absolute;top:0;left:0;}
#flash #play li{display: none;position:absolute;top:0;left:0;}
#flash #play li img{float: left;}
#button{position: absolute;bottom:20px;list-style: none;display: inline-block;}
#button li{margin-left: 10px;float: left;}
#button li div{width:12px;height: 12px;background:#DDDDDD;border-radius: 6px;cursor: pointer;}
/*轮播end*/

/*分类导航大图 start*/
.class-pic{
    width: 1000px;
    height: 480px;
    margin: 0 auto;
}
.class-pic div:first-child, .class-pic div:nth-child(3){
    margin-right: 59px;
}
.class-pic div{
    float: left;
    margin: 0 0 40px 0;
}
/*分类导航大图 end*/

/************************************************首页 end**************************************************/



/*礼品目录start*/
/*设置背景图*/
.bgImg{
    background: url(../images/background.jpg) no-repeat;
    background-size:100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    /*box-shadow: 10px 5px 9px #2b0000,*/
    /*10px 5px 9px #2b0000,*/
    /*10px 5px 9px #2b0000,*/
    /*10px 5px 9px #2b0000;*/
}
.nav ul{
    margin: 0 auto;
    width: 1000px;
    height: 105px;
    display:table;
    border-left:1px solid #c8c9ca;
}
.nav-class{
    list-style: none;
    display:table-cell;
    border-right:1px solid #c8c9ca;
    text-align: center;
    vertical-align: middle;
    height: 105px;
    background: linear-gradient(#d8d8d8, #ffffff);
    background: -webkit-linear-gradient(#d8d8d8, #ffffff);
    background: -o-linear-gradient(#d8d8d8, #ffffff);
    background: -moz-linear-gradient(#d8d8d8, #ffffff);
}
.nav-class:hover{
    height: 105px;
    background: linear-gradient(#d8d8d8, #c8c9ca);
    background: -webkit-linear-gradient(#d8d8d8, #c8c9ca);
    background: -o-linear-gradient(#d8d8d8, #c8c9ca);
    background: -moz-linear-gradient(#d8d8d8, #c8c9ca);
}
/*.nav ul li:last-child a{*/
/*background: url("../picture/miaosha.png") no-repeat left top;*/
/*}*/
.nav{
    height: 105px;
    margin: 0 auto;
    background: linear-gradient(#e7e7e7, #FFF);
    background: -webkit-linear-gradient(#e7e7e7, #FFF); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#e7e7e7, #FFF); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#e7e7e7, #FFF); /* Firefox 3.6 - 15 */
    box-shadow: 0 5px 5px #2b0000 inset;
}
.pronav{
    width: 1000px;
    margin: 0 auto;
}
.pronav img{
    height: 55px;
    margin-top: 15px;
}
.pronav p{
    position: relative;
    top: 6px;
    font-size: 15px;
    color: #a0a0a0;
}
.pronav a{
    display: block;
    height: 105px;
}
.pronav a:hover{
    text-decoration:none;
}
/*******************************************************礼品目录页 end*******************************************************/
/****************************NBA竞猜活动 start*******************************/
.nba-bg{
    background: url("../images/NBA/background.png") no-repeat fixed;
    background-size: 100% 100%;
}
.nba-wrap{
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 100px;
}
.nba-T{
    color: #FFFFFF;
    font-size: 26px;
    text-align: center;
    letter-spacing: 3px;
    padding: 70px 0 40px 0;
    line-height:50px;
}
.nba-list{
    margin: 0;
}
.nba-list li{
}
.nba-items{
    margin-top: 2px;
}
.nba-items-wrap{
    width: 1000px;
    height: 73px;
    background: #212b49;
    line-height: 73px;
    border-radius: 5px;
    padding-left: 20px;
    position: relative;
}
.nba-item-date{
    font-size: 20px;
    color: #5b6b9c;
    display: inline-block;
    margin-right: 60px;
}
.nba-item-time{
    font-size: 16px;
    color: #5b6b9c;
    display: inline-block;
    margin-right: 78px;
}
.nba-win{
    position: absolute;
    top: 0;
}
.nba-team-left{
    width: 72px;
    font-size: 18px;
    color: #FFFFFF;
    margin-left: 31px;
    display: inline-block;
    text-align: center;
}
.nba-team-logo{
    width: 45px;
    height: 55px;
}
.nba-vs{
    font-size: 20px;
    color: #cb2828;
    margin: 0 40px;
}
.nba-team-right{
    width: 72px;
    font-size: 18px;
    color: #FFFFFF;
    display: inline-block;
    text-align: center;
}
.nba-lose{
    position: absolute;
    top: 0;
    margin-right: 60px;

}
.nba-result-win{
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    color: #cb2828;
    border: 1px solid #cb2828;
    text-align: center;
    position: absolute;
    right: 157px;
    top: 23px;
}
.nba-result-lose{
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    color: #5b6b9c;
    border: 1px solid #5b6b9c;
    text-align: center;
    position: absolute;
    right: 157px;
    top: 23px;
}
.nba-status{
    position: absolute;
    top: 0;
    right: 0;
}
.nba-items-current-wrap,.nba-items-current-result-wrap{
    width: 1000px;
    height: 232px;
    border-radius: 5px;
    /*background: #212b49;*/
    background: linear-gradient(413deg,#212b49 32%,#471b1a 75%);
    background: -o-linear-gradient(413deg,#212b49 32%,#471b1a 75%);
    background: -webkit-linear-gradient(413deg,#212b49 32%,#471b1a 75%);
    background: -moz-linear-gradient(413deg,#212b49 32%,#471b1a 75%);
    /*padding: 30px 246px 0 246px;*/
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.nba-open-list{
    display: inline-block;
    margin-top: 30px;
    margin-left: 60px;
}
.nba-open-left,.nba-open-right{
    float: left;
    margin-top: 30px;
}
.nba-open-item-date{
    font-size: 20px;
    color: #5b6b9c;
}
.nba-open-item-time{
    font-size: 16px;
    color: #5b6b9c;
}
.nba-open-middle{
    width: 112px;
    float: left;
    margin: 0 86px;
}
.nba-open-middle b{
    color: #cb2828;
    font-size: 35px;
    display: inline-block;
    margin: 22px 0 32px 0;
}
.nba-open-team{
    color: #FFFFFF;
    font-size: 18px;
    margin: 5px 0 20px 0;
}
.nba-open-button{
    width: 60px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    color: #FFFFFF;
    font-size: 16px;
    background: linear-gradient(#f2cf92,#af740e);
    transition:all .4s;
    -moz-transition:all .4s;
    -webkit-transition:all .4s;
    -o-transition:all .4s;;
}
.nba-open-button:hover{
    transform:scale(1.07);
}
.nba-open-button-normal{
    width: 60px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    color: #FFFFFF;
    font-size: 16px;
    background: linear-gradient(#f2cf92,#af740e);
}
.nba-open-button-choose{
    background: #999999;
}
.nbs-result-open{
    display: block;
}
.nba-items-current-wrap{
    display: none;
}
.nba-rules{
    background: #212b49;
    padding: 25px 25px;
    margin-top: 20px;
}
.nba-rules-t{
    font-size: 20px;
    color: #FFFFFF;
    display: inline-block;
    margin-bottom: 10px;
}
.nba-rules > p{
    font-size: 16px !important;
    color: #5b6b9c;
}
/****************************NBA竞猜活动 end*******************************/
/***************************日常抽奖活动 start***********************/
.lucky-bg{
    background: url("../images/luckyPrice/background.png") no-repeat;
    background-size: cover;
}
.lucky-wrap{
    width: 1000px;
    margin: 0 auto;
    padding: 60px 0;
}
.lucky-contain{
    position: relative;
}
.lucky-contain-side{
    width: 940px;
    position: absolute;
    top: 36%;
    left: 0;
}
.lucky-contain-left{
    position: absolute;
    float: left;
    cursor: pointer;
}
.lucky-contain-right{
    float: right;
}
.lucky-detail-text{
    position: absolute;
    top: 0;
    left: 18%;
    width: 582px;
    padding: 25px;
}
.lucky-detail-text b{
    font-size: 20px;
    color: #FFFFFF;
}
.lucky-detail-text p{
    font-size: 16px;
    color: #F9C74A;
    margin-top: 5px;
}
.lucky-fre{
    position: absolute;
    top: 29.5%;
    left: 32%;
}
.lucky-fre p{
    font-size: 21px;
    color: #C6393F;
    letter-spacing:15px;
    font-weight: bold;
    text-shadow: #886100 0.1em 0.05em 0.1em
}
.lucky-contain-hb{
    width: 550px;
    height: 175px;
    overflow: hidden;
    position: absolute;
    top: 45%;
    left: 19.5%;
    padding-top: 5px;
}

.lucky-contain-hb1 {
    width: 140px;
    height: 175px;
    background: url("../images/luckyPrice/hB_LOGO.png");
    float: left;
    margin-right: 53px;
}
.lucky-contain-hb2 {
    width: 140px;
    height: 175px;
    background: url("../images/luckyPrice/hB_LOGO1.png");
    float: left;
    margin-right: 53px;
}
.lucky-contain-hb3 {
    width: 140px;
    height: 175px;
    background: url("../images/luckyPrice/hB_LOGO2.png");
    float: left;
}
.lucky-contain-hb .hb{
    color: #C6393F;
    font-size: 40px;
    font-weight: bold;
    line-height: 130px;
    text-align: center;
    background-position-y: 0;
}
.lucky-contain-hb .hb.move{
    filter: blur(8px);
    background-position-y: 10000px;
    transition: background-position-y 8s linear;
}
.lucky-contain-hb .hb.stop{
    background: url("../images/luckyPrice/money_bg.png") no-repeat 50% 0;
}
.lucky-contain-hb img{
    margin-right: 49px;
}

.lucky-contain-hb2{
    left: 25.5%;
}
.lucky-rules-wrap{
    width:910px;
    height:160px;
    margin: -170px 0 0 10px;
    background:rgba(249,199,74,1);
    border-radius:20px;
    box-shadow: 0 0 10px #F9C74A;
    display: none;
}
.lucky-rules-wrap p{
    width:910px;
    font-size: 16px;
    color: #FFFFFF;
    padding: 18px 0 0 65px;
    display: none;
}
.lucky-button{
    position: absolute;
    left: 30.5%;
    bottom: 15.2%;
    cursor: pointer;
    transition:all .4s;
    -moz-transition:all .4s;
    -webkit-transition:all .4s;
    -o-transition:all .4s;;
}
.lucky-button:hover{
    transform:scale(1.03);
}
.lucky-notice-wrap{
    overflow: hidden;
    height:147px;
    background:rgba(251,148,49,1);
}
.lucky-notice{
    width: 1000px;
    margin: 0 auto;
}
.lucky-notice b{
    font-size: 20px;
    color: #FFFFFF;
    display: inline-block;
    margin: 20px 0;
}
.lucky-notice li{
    width:240px;
    height:50px;
    background:rgba(255,255,255,1);
    opacity:0.81;
    border-radius:25px;
    float: left;
    margin-right: 10px;
}
.lucky-notice p{
    float: left;
    font-size:16px;
    color: #A50717;
}
.lucky-notice-logo{
    width:40px;
    height:40px;
    background:rgba(201,70,58,1);
    border-radius:50%;
    margin: 5px 10px;
}
.lucky-notice-item{
    width: 160px;
}
/*遮光罩*/
.lucky-overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 100;
    opacity: 0;
    background: rgba(0,0,0,0.8);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
/*弹窗*/
.lucky-alert{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -420px -450px;
    z-index: 999;
    font-family:Microsoft YaHei !important;
}
.lucky-alert map{
    cursor: pointer;
}
.lucky-alert-money{
    position: absolute;
    top: 33%;
    left: 28%;
    width: 400px;
    text-align: center;
}
.lucky-alert-money b{
    font-size: 105px;
    color: #C6393F;
}
.lucky-alert-money span{
    font-size: 40px;
    color: #C6393F;
    margin-left: 10px;
}
.lucky-alert-tips{
    position: absolute;
    top: 66%;
    left: 36%;
    text-align: center;
}
.lucky-alert-tips b{
    font-size: 21px;
    color: #FBD3A1;
}
.lucky-alert-tips p{
    font-size: 17px;
    color: #EDAD5E;
    margin-top: 5px;
}
/***************************日常抽奖活动 end***********************/
/**********************双十一1积分抢购 start**********************/
.db-bgImg{
    background-color: rgba(245,245,245,1);
    background-size: cover;
    -webkit-background-size: cover;
}
.dbBuy{
    width: 1000px;
    margin: 0 auto;
}
.dbBuy-top-wrap{
    position: relative;
}
.dbBuy-top{
    width: 100%;
    position: absolute;
    top: 40px;
    color: #FFFFFF;
}
.dbBuy-top span{
    display: block;
    text-align: center;
    font-size:30px;
    font-weight: bold;
    text-shadow:0 3px 4px rgba(164,76,0,0.9);
}
.dbBuy-top p{
    font-size: 18px;
    margin: 15px 40px 0 40px;
    letter-spacing: 2px;
}
.dbBuy-level{
    margin-top: 50px;
}
.dbBuy-level-t{
    height: 39px;
    line-height: 39px;
    color: #8E1400;
    margin-bottom: 25px;
    text-align: center;
}
.dbBuy-level-t span{
    font-size:26px;
    font-family:Microsoft YaHei;
    /*font-weight:300;*/
}
.dbBuy-level-t hr{
    width: 330px;
    display: inline-block;
    color: #8E1400;
    border-top: 1px solid #8E1400;
}
.dbBuy-level-item-wrap{
    width:494px;
    height:310px;
    background:linear-gradient(128deg,rgba(204,143,1,1) 30%,rgba(204,82,1,1) 87%);
    background: -webkit-linear-gradient(128deg,rgba(204,143,1,1) 30%,rgba(204,82,1,1) 87%);
    background: -o-linear-gradient(128deg,rgba(204,143,1,1) 30%,rgba(204,82,1,1) 87%);
    background: -moz-linear-gradient(128deg,rgba(204,143,1,1) 30%,rgba(204,82,1,1) 87%);
    box-shadow:0 5px 5px 0 rgba(133,133,133,0.66);
    border-radius:8px;
    margin-right: 4px;
    position: relative;
}
.dbBuy-item-done{
    position: absolute;
    right: 4px;
    top: 4px;
}
.dbBuy-level-item-wrap-1{
    background: #E8E8E8;
    box-shadow:0 2px 6px 0 rgba(133,133,133,0.66);
    border-radius:8px;
    margin-right: 7px;
    position: relative;
}
.dbBuy-level-item-wrap-2{
    background:linear-gradient(128deg,rgba(204,143,1,1) 12%,rgba(204,82,1,1) 99%);
    background:-webkit-linear-gradient(128deg,rgba(204,143,1,1) 12%,rgba(204,82,1,1) 99%);
    background:-moz-linear-gradient(128deg,rgba(204,143,1,1) 12%,rgba(204,82,1,1) 99%);
    background:-o-linear-gradient(128deg,rgba(204,143,1,1) 12%,rgba(204,82,1,1) 99%);
    box-shadow:0 2px 6px 0 rgba(133,133,133,0.66);
    border-radius:8px;
    margin-right: 7px;
    position: relative;
}
.dbBuy-level-item-wrap-2 .dbBuy-level-item-detail p{
    color: #FFFFFF;
}
.dbBuy-level-item-wrap-2 .dbBuy-level-item-detail span{
    color: #FFFFFF;
}
.dbBuy-level-item{
    padding: 25px 20px;
    position: relative;
}
.dbBuy-level-list ul{
    display: inline-block;
}
.dbBuy-level-list ul li{
    height: 310px;
    float: left;
    margin-bottom: 10px;
    transition:All 0.4s ease-in-out;
}
.dbBuy-level-list ul li:hover{
    transform:translate(0,-5px);
}
.dbBuy-level-item-pic{
    text-align: center;
}
.db-chouMa{
    padding-top: 15px;
}
.dbBuy-level-item-t{
    position: absolute;
    bottom: 60px;
    right: 17px;
}
.dbBuy-level-item-t div{
    float: right;
}
.dbBuy-level-item-t p{
    font-size: 30px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 25px;
}
.dbBuy-level-item-t span{
    font-size: 13px;
    color: #FBEC92;
}
.dbBuy-level-item-t b{
    color: #FFFFFF;
}
.dbBuy-level-item-t img{
    display: block;
    margin-top: 25px;
    cursor: pointer;
}
.dbBuy-level-item-detail p{
    height: 24px;
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    overflow: hidden;
}
.dbBuy-level-item-detail{
    width: 243px;
    padding: 15px 10px 0 10px;
}
.dbBuy-level-item-detail div{
    float: right;
}
.dbBuy-level-item-detail img{
    display: block;
    margin-top: 20px;
    cursor: pointer;
}
.dbBuy-level-item-wrap-2 .dbBuy-level-item-detail img{
    margin-top: 10px;
}
.dbBuy-rules{
    padding: 0 20px 0 20px;
    margin-bottom: 40px;
}
.dbBuy-rules p{
    font-size: 16px;
    color: #333333;
}
.dbBuy-level-item-text{
    color: #8A1502;
}
.dbBuy-alert{
    display: none;
    width: 900px;
    height: 840px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -420px -450px;
    z-index: 999;
    font-family:Microsoft YaHei !important;
}
.dbBuy-alert-top{
    width:900px;
    height:65px;
    line-height: 65px;
    text-align: center;
    color: #FFFFFF;
    font-size:20px;
    background:rgba(209,147,9,1);
    box-shadow:0 2px 8px 0 rgba(158,109,0,0.67);
    border-radius:8px;
}
.dbBuy-alert i{
    float: right;
    margin: -60px 15px 0 0;
    font-size: 20px;
    color: #FFFFFF;
    cursor: pointer;
}
.dbBuy-alert-bottom{
    width: 900px;
    height: 775px;
    background: #FFFFFF;
    border-radius: 7px;
}
.dbBuy-alert-detail{
    height: 267px;
    position: relative;
}
.dbBuy-alert-done{
    position: absolute;
    top: -11px;
    left: 230px;
}
.dbBuy-alert-detail img{
    float: left;
    margin: 31px 56px 31px 30px;
}
.dbBuy-alert-detail-right{
    float: left;
    display: inline-block;
    margin: 39px 30px 0 50px;
    color: #666666;
}
.dbBuy-alert-detail-right b{
    font-size: 20px;
    color: #D19309;
    display: inline-block;
    margin-bottom: 10px;
}
.dbBuy-alert-detail-right p:nth-child(2){
    color: red;
}
.dbBuy-alert-detail-tip{
    display: none;
}
.dbBuy-alert-bottom hr{
    margin-top: 30px;
}
/*双11兑换礼品表单填写*/
.dbBuy-alert-form{
    padding: 20px 0 20px 50px;
}
.dbBuy-alert-form label{
    margin: 0;
    /*height: 59px;*/
    position: relative;
    /*width: 421px;*/
}
.dbBuy-alert-form label[for=address],.dbBuy-alert-form label[for=remarks]{

}
.dbBuy-alert-form label b{
    color: red;
    font-weight: 100;
    /*width: 421px;*/
    position: absolute;
    left: 90px;
    bottom: 6px;
}
.dbBuy-alert-form p{
    font-size: 20px;
    color: #D19308;
    text-align: center;
}
.dbBuy-alert-form span{
    width: 64px;
    font-size: 16px;
    color: #333333;
    display: inline-block;
    text-align:justify;
    text-align-last:justify;
}
.dbBuy-alert-form input{
    width: 300px;
    height: 30px;
    margin: 0 37px 29px 20px;
    padding-left: 10px;
    border-radius: 5px;
    -webkit-appearance: none;
    border: 1px solid #D7D8D8;
}
input:focus{outline:none;}
.dbBuy-alert-form-line{
    width: 725px !important;
    height: 50px !important;
}
.dbBuy-alert-form-button{
    width: 360px;
    height: 60px;
    cursor: pointer;
    border: 0;
    display: block;
    margin: 0 auto;
    background: url("../images/double/alert/ljdh_tc.png") no-repeat;
}
button{outline:none !important;}
button:focus{outline:none;}
button::-moz-focus-inner{border-color: transparent;}
/**********************双十一1积分抢购 end**********************/

/************************国庆活动start*******************/
/*中奖公告*/
.notice-wrap{
    width: 1000px;
    height: 130px;
    margin: 0 auto;
    background-color: rgba(38,38,38,0.7);
}
.notice-logo{
    background: url("../images/box/notice-logo.png") no-repeat 0 0;
    float: left;
    margin: 43px 0 0 15px;
    width: 136px;
    height: 44px;
}
.notice-item-wrap{
    float: right;
    width: 810px;
    padding: 21px 10px 0 140px;
}
.notice-item{
    height: 93px;
    padding-right: 40px;
    position: relative;
    overflow: hidden;
    float: left;
}
.notice-item ul{
    margin: 0;
}
.notice-item ul li{
    font-size: 13px;
    color: #b99349;;
}
.notice-scroll-wrap{
    width: 17px;
    height: 40px;
    background: url("../images/box/news_arrow_bg.png") no-repeat 0 50%;
    float: right;
    margin-top: 26px;
}
.notice-scroll-up{
    position: absolute;
    width: 17px;
    height: 10px;
    background: url("../images/box/news_arrow.png") no-repeat;
}
.notice-scroll-down{
    position: absolute;
    width: 17px;
    height: 10px;
    background: url("../images/box/news_arrow.png") no-repeat;
    background-position: 100% 0;
    margin-top: 31px;
}
/*弹窗*/
.redBag{
    /*text-align: center;*/
    /*vertical-align: middle;*/
    position: absolute;
    top: 33%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 405px;
    max-width: 405px;
    min-width: 401px;
    height: 400px;
    z-index: 99;
    animation: fluctuation 0.7s 0s 1 ease;
    display: none;
}
@-webkit-keyframes fluctuation {
    0% {
        transform: scale(0) rotate(0deg);
        -ms-transform: scale(0) rotate(0deg);
        -moz-transform: scale(0) rotate(0deg);
        -webkit-transform: scale(0) rotate(0deg);
    }
    100%{
        transform: scale(1) rotate(1080deg);
        -ms-transform: scale(1) rotate(1080deg);
        -moz-transform: scale(1) rotate(1080deg);
        -webkit-transform: scale(1) rotate(1080deg);
    }
}

.biLing{
    animation: biling 0.5s 0s ease infinite;
    position: absolute;
    z-index: 99;
}
@-webkit-keyframes biling {
    0% {
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
    100%{
        transform: scale(1.2);
        -ms-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
}
.redBag>img:first-child{
    position: absolute;
    z-index: 999;
    left: 21%;
    top: 13%;
}
.redBag p{
    font-size: 35px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    position: relative;
    top: 61%;
    margin-right: -30px;
    display: block;
    z-index: 999;
}
.redBag p > span{
    font-size: 20px;
    margin-top: 15px;
}
.redBag > div:nth-child(2) >img{
    width: 430px;
}
.zzy-button{
    position: absolute;
    bottom: 52px;
    margin-left: 129px;
}
.closeButton{
    position: absolute;
    bottom: -18px;
    left: 48%;
}
.closeButton1{
    z-index: 999;
    cursor: pointer;
}
.gq-overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 98;
    opacity: 0;
    background: rgba(0,0,0,0.8);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
/*弹窗end*/
/************************国庆活动end************************/
/***********************App红包start*************************/

.app-redBag-wrap{
    width: 1000px;
    height: 660px;
    margin: 50px auto 50px;
    background-color: rgba(36, 36, 36, 0.73);
    border-radius: 20px;
}
.app-redBag{
    /*width: 1000px;*/
    height: 420px;
}
.app-redBag-left-wrap{
    width: 354px;
    height: 360px;
    float: left;
    text-align: -webkit-center;
    text-align: center;
}
.app-redBag-left{
    margin:0 50px;
    position: absolute;
}
.app-redBag-left-title{
    width: 165px;
    height: 30px;
    color: #ebca8c;
    padding-right: 5px;
    display: inline-block;
    position: relative;
    top: 105px;
    margin: 0;
}
.app-redBag-left-title li{
    float: left;
    font-size: 15px;
    font-weight: bold;
}
.app-redBag-left-title li:nth-child(2){
    float: right;
}
.app-redBag-left-info-wrap{
    width: 165px;
    height: 155px;
    color: #ebca8c;
    position: relative;
    top: 120px;
    margin: -10px auto 0;
    padding-right: 8px;
    overflow: hidden;
}
.app-redBag-left-info{
    display: inline-block;
    width: 165px;
}
.app-redBag-left-info ul li{
    float: left;
}
.app-redBag-left-info ul li:nth-child(2){
    float: right;
}
.app-redBag-right{
    float: right;
    margin-top: 70px;
}
.app-redBag-right ul li{
    float: left;
    margin-right: 35px;
    width: 179px;
    height: 284px;
    position: relative;
}
.redBag-button{
    display: inline-block;
    position: absolute;
    bottom: 40px;
    left: 48px;
    cursor: pointer;
}
.app-redBag-detail-wrap{
    width: 900px;
    color: #c7ab75;
    border-top: 1px solid #63553a;
    margin: 0 auto;
    padding-top: 20px;
}
.app-redBag-detail-wrap b{
    font-size: 20px;
    display: inline-block;
    margin-bottom: 15px;
}
.app-redBag-detail-wrap p{
    font-size: 13px;
    margin: 10px 0;
}
/**********************App红包end****************************/
/***********************开宝箱活动start*****************************/
.box-bgImg{
    background: url(../images/treasurebox/background.png) no-repeat fixed;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.treBox-wrap{
    width: 1000px;
    height: 1585px;
    margin: 20px auto 50px;
    padding-top: 172px;
    position: relative;
}
.treBox-top{
    height: 182px;
    width: 1000px;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: 20px;
    z-index: 99;
}
.treBox-top-min{
    position: absolute;
    text-align: center;
    top: 190px;
    width: 1000px;
    margin: 0 auto;
    z-index: 98;
}
.treBox-integral-left{
    position: absolute;
    left: 235px;
    bottom: 25px;
}
.treBox-integral-right{
    position: absolute;
    right: 235px;
    bottom: 25px;
}
.treBox-integral{
    width: 170px;
    color: #74000a;
    font-weight: bolder;
    font-size: 40px;
    text-align: center;
    position: absolute;
    top: 94px;
    left: 300px;
}
.treBox-integral-1{
    width: 170px;
    color: #74000a;
    font-weight: bolder;
    font-size: 40px;
    text-align: center;
    position: absolute;
    top: 94px;
    right: 240px;
}
.awardPool-wrap{
    width: 869px;
    height: 86px;
    background: -webkit-linear-gradient(#FFE97A, #FFC40D); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#FFE97A, #FFC40D); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#FFE97A, #FFC40D); /* Firefox 3.6 - 15 */
    background: linear-gradient(#FFE97A, #FFC40D); /* 标准的语法 */
    margin: 0 auto;
}
.awardPool-t{
    float: left;
    font-size:50px;
    letter-spacing:8px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(152,31,40,1);
    margin: 5px 0 5px 20px;
}
.awardPool{
    width: 592px;
    height: 70px;
    line-height: 70px;
    margin: 8px;
    padding: 0 38px 0;
    float: right;
    background:rgba(92,0,7,1);
    box-shadow:0 1px 0 0 rgba(54,0,0,1), 0 -1px 0 0 rgba(255,255,255,1);
    border-radius:8px;
}
.awardPool span{
    display: inline-block;
    text-align: center;
    width:61px;
    height:65px;
    font-size:70px;
    font-family:"Microsoft YaHei";
    font-weight:bold;
    color:rgba(255,196,14,1);
    background: -webkit-linear-gradient(#FFBE53, #FFEEC2); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#FFBE53, #FFEEC2); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#FFBE53, #FFEEC2); /* Firefox 3.6 - 15 */
    background: linear-gradient(#FFBE53, #FFEEC2); /* 标准的语法 */
    -webkit-background-clip:text;
    -o-background-clip:text;
    -moz-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    -o-text-fill-color:transparent;
    -moz-text-fill-color:transparent;
}
.treBox-bg{
    width:1000px;
    height:1355px;
    background:rgba(92,0,7,1);
    padding: 61px 50px 58px 50px;
    position: absolute;

}
.treBox-detail-wrap{
    width:900px;
    /*height:691px;*/
    background:rgba(255,190,139,1);
    border-radius:18px;
}
.treBox-detail-text{
    font-size:18px;
    padding: 30px 33px 15px 33px;
    font-family:Microsoft YaHei;
    color:rgba(153,31,40,1);
}
.treBox-detail-text b{
    font-size:18px;
}
.treBox-box-wrap{
    width:867px;
    height:450px;
    background:rgba(234,119,27,1);
    border-radius:18px;
    margin: 0 16px;
    padding: 11px;
}
.treBox-box-wrap img{
    position: absolute;
}
.treBox-mask{
    display: none;
}
.treBox-mask-1{
    display: block;
}
.lottery-unit{

}
.treBox-box-wrap ul{
    width: 804px;
    height: 390px;
    position: relative;
    top: 20px;
    left: 20px;
}
.treBox-box-wrap li{
    width: 262px;
    height: 192px;
    float: left;
    margin-right: 6px;
    margin-bottom: 3px;
}
.treBox-list li{
    position: relative;
}
.treBox-list-4,.treBox-list-5,.treBox-list-6{
    float: right !important;
}
.treBox-list p{
    width: 70px;
    text-align: center;
    z-index: 99;
    position: absolute;
    top: 60px;
    left: 98px;
    font-size: 20px;
    -webkit-transform: rotate(18deg);
    transform: rotate(20deg);
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(255,196,14,1);
    background: -webkit-linear-gradient(#FFBE53, #FFEEC2); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#FFBE53, #FFEEC2); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#FFBE53, #FFEEC2); /* Firefox 3.6 - 15 */
    background: linear-gradient(#FFBE53, #FFEEC2); /* 标准的语法 */
    -webkit-background-clip:text;
    -o-background-clip:text;
    -moz-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    -o-text-fill-color:transparent;
    -moz-text-fill-color:transparent;
}
.treBox-list span{
    font-size:10px;
    font-weight: bold;
}
.treBox-button{
    width: 428px;
    margin: 0 auto;
    cursor: pointer;
    text-align: center;
}
.treBox-button :active{
    animation: gets 0.3s 0s ease normal;
    opacity: 0.75;
}
.treBox-button img{
    margin: 15px auto 10px;
}
@-webkit-keyframes gets {
    0% {
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
    50%{
        transform: scale(0.75);
        -ms-transform: scale(0.75);
        -moz-transform: scale(0.75);
        -webkit-transform: scale(0.75);
    }
    100%{
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
}
.awardNotice-wrap{
    height: 270px;
    background:rgba(253,182,135,1);
    border-radius:18px;
    margin-top: 55px;
    padding: 25px;
}
.awardNotice-wrap-t{
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(154,31,40,1);
}
.awardNotice-info{
    width:850px;
    height:190px;
    background:rgba(234,119,27,1);
    border-radius:18px;
    padding: 15px;
    float: left;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(154,31,40,1);
    line-height:30px;
}
.awardNotice-info-list{
    height: 170px;
    width: 312px;
    display: inline-block;
    overflow: hidden;
    margin-left: 70px;
}
.treBox-rules{
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(253,182,135,1);
    margin: 55px 0 0 25px;
}
.treBox-rules p{
    margin-top: 5px;
    font-weight: 100;
}
.treBox-alert{
    position: absolute;
    left: 13%;
    top: 52px;
    display: none;
    z-index: 999;
    animation: biling 0.8s 0s ease normal;
}
.treBox-alert p{
    width: 230px;
    text-align: center;
    z-index: 99;
    position: absolute;
    top: 32%;
    left: 31%;
    font-size: 70px;
    -webkit-transform: rotate(25deg);
    transform: rotate(22deg);
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(255,196,14,1);
    background: -webkit-linear-gradient(#FFBE53, #FFEEC2); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#FFBE53, #FFEEC2); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#FFBE53, #FFEEC2); /* Firefox 3.6 - 15 */
    background: linear-gradient(#FFBE53, #FFEEC2); /* 标准的语法 */
    -webkit-background-clip:text;
    -o-background-clip:text;
    -moz-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    -o-text-fill-color:transparent;
    -moz-text-fill-color:transparent;
}
.treBox-alert span{
    font-size: 30px;
}
.clo-button{
    position: absolute;
    bottom: 80px;
    left: 50%;
    cursor: pointer;
}
@-webkit-keyframes biling {
    0% {
        transform: scale(0);
        -ms-transform: scale(0);
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
    }
    100%{
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
}
.box-overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 100;
    opacity: 0;
    background: rgba(0,0,0,0.8);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
/******************************开宝箱活动end*******************************/
/*******************************限时秒杀 start********************************/
.jd_secKill_left {
    /*float: left;*/
    position: relative;
    margin: 20px auto;
    width: 1000px;;
    height: 60px;
    line-height: 60px;
    background: url("../images/ms-bg.png") no-repeat;
}
.jd_secKill_left .ms_icon {
    font-family: Microsoft YaHei;
    float: left;
    font-size: 25px;
    font-weight: bold;
    letter-spacing:6px;
    color: #fff;
    margin: -5px 0 0 110px;
    vertical-align: middle;
}
.jd_secKill_left .ms_time{
    float: left;
    margin: 9px 0 0 50px;
    line-height: 33px;
    font-size: 25px;
    color: #fff;
    padding-right: 26px;
}
.jd_secKill_left .ms_text{
    float: left;
    margin-right: 10px;
    margin-left: 40px;
    line-height: 24px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}
.jd_secKill_left .ms_text1{
    position: absolute;
    right: 110px;
    padding-left: 35px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background: url("../images/ms-countdown.png") no-repeat;
}
.jd_secKill_left .ms_text2{
    float: left;
    margin-right: 10px;
    line-height: 24px;
    font-size: 15px;
    color: #fff;
}
.jd_secKill_left .ms_time .num{
    float: left;
    width: 29px;
    height: 33px;
    margin-right: 15px;
    background: rgba(255,255,255,0.95);
    font-size: 25px;
    font-weight: 700;
    color: #df3b37;
    border-radius: 5px;
    text-align: center;
}
/*时间冒号样式无背景*/
.jd_secKill_left .ms_time .str{
    float: left;
    margin:0 6px;
    font-size: 16px;
    font-weight: 700;
    color: #303030;
}
/**********************************限时秒杀 end*******************************/
/*********************************常规礼品展示列表 start*********************************/
.mainContent{
    display: -webkit-box;
    margin: 0 auto;
    width: 1000px;
    height: auto;
    margin-top: 40px;
    /*border: 1px solid blue;*/
}
.product{width: 100%;height: auto}
.product > ul{width: 100%;height: auto}

.des{
    font-family: "Microsoft YaHei";
    width: 180px;
    height: 270px;
    float: left;
    margin: 0 10px 35px 10px;
    border: 2px solid #a0a0a0;
}
/*.des:hover{*/
/*font-family: "Microsoft YaHei";*/
/*width: 180px;*/
/*height: 270px;*/
/*float: left;*/
/*margin: 0 10px 35px 10px;*/
/*border: 2px solid #ffc45d;*/
/*box-shadow:1px -1px 8px #ad9e84,*/
/*1px 1px 8px #ad9e84,*/
/*1px 1px 8px #ad9e84,*/
/*-1px -1px 8px #ad9e84;*/
/*}*/
.details{
    background-color: #1b1b1b;
    width: 176px;
    height: 80px;
}

.gq-details p{
    display: inline-block;
    position: relative;
    top: 35%;
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    font-weight: bold;
    border-radius: 15px;
    margin: 0;
    background-color: #ee9d26;
    color: #FFFFFF;
    cursor: pointer;
    /*pointer-events: none;*/ /*禁止触发点击事件*/
}
.gq-details{
    background-color: #181818;
    width: 176px;
    height: 80px;
    text-align: center;
    vertical-align: middle;
}
.already-open{
    background-color: #535353 !important;
}
.details > ul{
    width: 168px;
    padding: 8px 0 8px 8px;
}
.new{
    width: 77px;
    height: 77px;
    background: url("../picture/new-icon.png");
    position: absolute;
    margin-left: 99px;
    margin-top: 108px;
}
.gq-product-pic{
    background-color: #282928;
}
.product-pic img{
    width: 176px;
    height: 185px;
}
.gq-product-pic img:first-child{
    width: 176px;
    height: 185px;

}
.gq-product-pic img:nth-child(2){
    width: 176px;
    height: 185px;
    display: none;
}
.product-des{
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 300;
    height: 40px;
    overflow: hidden;
}
.product a:hover{
    text-decoration: none;
}
.product-jifen{
    /*padding-top: 18px;*/
    color: #ffc45d;
}
.dc{
    height: 38px;
    position: relative;
    bottom: 34px;
}
.hide{
    display: none;
}
.des:hover .hide{
    width: 180px;
    height: 270px;
    float: left;
    margin: -233px 0 35px -2px;
    border: 2px solid #ffc45d;
    box-shadow:1px -1px 8px #ad9e84,
    1px 1px 8px #ad9e84,
    1px 1px 8px #ad9e84,
    -1px -1px 8px #ad9e84;
    display: block;
}
.dc > ul{
    height: 35px;
    position: relative;
    top: 1px;
}
.dc > ul > li{
    float: left;
    width: 50%;
    height: 35px;
    text-align: center;
}
.dc > ul > li > a{
    font-size: 13px;
    color: #ffffff;
    line-height: 35px;
    display: inline-block;
    width: 88px;
    height: 35px;
}
.pbliftli > a{
    color: #fff;
    display: inline-block;
    width: 200px;
    height: 34px;
    text-decoration: none;
}
.pbliftli > a:hover,.pbliftli .active{
    color: #fff;
    text-decoration: none;
    background-color: #5f0000;
}

.duihuan{
    background: -webkit-linear-gradient(#bb8a35, #ffc45d); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#bb8a35, #ffc45d); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#bb8a35, #ffc45d); /* Firefox 3.6 - 15 */
    background: linear-gradient(#bb8a35, #ffc45d); /* 标准的语法 */
}
.duihuan:hover{
    background: -webkit-linear-gradient(#bb8a35, #ffdd5d); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#bb8a35, #ffdd5d); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#bb8a35, #ffdd5d); /* Firefox 3.6 - 15 */
    background: linear-gradient(#bb8a35, #ffdd5d); /* 标准的语法 */
}
.duihuan:active{
    background: -webkit-linear-gradient(#ffc45d, #bb8a35); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#ffc45d, #bb8a35); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#ffc45d, #bb8a35); /* Firefox 3.6 - 15 */
    background: linear-gradient(#ffc45d, #bb8a35); /* 标准的语法 */
}
.ckxq{
    background: -webkit-linear-gradient(#000000, #525252); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#000000, #525252); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#000000, #525252); /* Firefox 3.6 - 15 */
    background: linear-gradient(#000000, #525252); /* 标准的语法 */
}
.ckxq:hover{
    background: -webkit-linear-gradient(#000000, #888888); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#000000, #888888); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#000000, #888888); /* Firefox 3.6 - 15 */
    background: linear-gradient(#000000, #888888); /* 标准的语法 */
}
.ckxq:active{
    background: -webkit-linear-gradient(#525252, #000000); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#525252, #000000); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#525252, #000000); /* Firefox 3.6 - 15 */
    background: linear-gradient(#525252, #000000); /* 标准的语法 */
}

/*页码按钮 star*/
.yema{
    height: 40px;
    width: 1000px;
    text-align: center;
    margin: 0 auto 35px;
}
.yema ul{
    margin: 0 auto;
    width: auto;
    height: 40px;
    display: table;
    text-align: center;
}
.yema li{
    width: 40px;
    height: 40px;
    line-height: 40px;
    float: left;
    cursor: pointer;
    background: url("../picture/yema.png");
}
.yema li a:hover{
    color: #000000;
    text-decoration: none;
}
.yema li a{
    color: #ffffff;
    display:inline-block;
    width:40px;
    height:40px;
}
.yema li:hover{
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #1b1b1b;
    float: left;
    cursor: pointer;
    background: url("../picture/focus.png");
}


.yema > ul > li:first-child{
    margin-right: 10px;
}
.yema li+li{
    margin-right: 10px;
}

/*****************************************************常规礼品展示列表 end**************************************************/
/************************************************兑换提交申请表单 start*************************************************/
.change-detail{
    width: 1000px;
    /* height: 1360px; */
    margin: 0 auto;
}
.change-text{
    width: 1000px;
    height: 400px;
}
.change-sub{
    width: 1000px;
    height: 686px;
    background: -webkit-linear-gradient(#000000, #525252); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#000000, #525252); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#000000, #525252); /* Firefox 3.6 - 15 */
    background: linear-gradient(#45414e, #232323); /* 标准的语法 */
}
.change-text-right{
    float: left;
    width: 598px;
    height: 400px;
    background-color: #ffffff;
}
.change-text-right1{
    width: 100%;
    height:400px;
    padding: 40px 0 40px 0;
    position: relative;
}
.change-text-right1 div p{
    color: #9B9B9B;
    margin-top: 5px;
}
.zxkf,.cjyw{
    position: absolute;
    bottom: 10px;
    float: left;
    display: block;
    width: 145px;
    height: 55px;
    line-height: 55px;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    /*margin-top: 50px;*/
    background: -webkit-linear-gradient(#000000, #525252); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#000000, #525252); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#000000, #525252); /* Firefox 3.6 - 15 */
    background: linear-gradient(#000000, #525252);  /* 标准的语法 */
}
.cjyw{
    left: 165px;
}
.zxkf:hover,.cjyw:hover{
    color: #ffffff;
    width: 145px;
    height: 55px;
    text-align: center;
    background: -webkit-linear-gradient(#525252, #000000); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#525252, #000000); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#525252, #000000); /* Firefox 3.6 - 15 */
    background: linear-gradient(#525252, #000000);   /* 标准的语法 */
}
.form-left{
    float: left;
    width: 600px;
    height: 526px;
    padding-right: 100px;
    padding-left: 80px;
    margin-top: 60px;
}
.form-right{
    float: left;
    margin-top: 100px;
    box-shadow:0 0 8px #1b1b1b;
    -moz-box-shadow:0 0 8px #DDD;
    -webkit-box-shadow:2px 2px 10px #000000;
}
.form-left p{
    display: inline;
}
.warnuser{
    color: red;
}
.form-left input{
    width: 299px;
    height: 40px;
    padding-left: 10px;
}
.form-left textarea{
    width: 299px;
    height: 100px;
    padding-left: 10px;
}
.form-bt{
    width: 305px;
    height: 66px;
    margin-top: 9px;
    float: right;
}
.form-bt button{
    cursor: pointer;
    outline: none;
    border: none;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    width: 144px;
    height: 66px;
    line-height: 66px;
    text-align: center;
}
.form-bt button:first-child{
    display: inline-block;
    width: 144px;
    height: 66px;
    margin-right: 11px;
    background: -webkit-linear-gradient(#ffc45d, #bb8a35 ); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#ffc45d, #bb8a35); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#ffc45d, #bb8a35); /* Firefox 3.6 - 15 */
    background: linear-gradient(#ffc45d, #bb8a35); /* 标准的语法 */
}
.form-bt button:first-child:hover{
    display: inline-block;
    width: 144px;
    height: 66px;
    margin-right: 11px;
    background: -webkit-linear-gradient(#bb8a35, #ffc45d ); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#bb8a35, #ffc45d); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#bb8a35, #ffc45d); /* Firefox 3.6 - 15 */
    background: linear-gradient(#bb8a35, #ffc45d); /* 标准的语法 */
}
.form-bt button:last-child{
    background: -webkit-linear-gradient(#000000, #525252); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#000000, #525252); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#000000, #525252); /* Firefox 3.6 - 15 */
    background: linear-gradient(#000000, #525252); /* 标准的语法 */
}
.form-bt button:last-child:hover{
    background: -webkit-linear-gradient(#525252, #000000); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#525252, #000000); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#525252, #000000); /* Firefox 3.6 - 15 */
    background: linear-gradient(#525252, #000000); /* 标准的语法 */
}
/************************************************兑换提交申请表单 end*************************************************/
/************************************************账户中心 start*************************************************/

.zhzx-details{
    width: 1000px;
    margin: 0 auto;
  overflow: hidden
}
/*账户中心左边*/
.zhzx-left{
    float: left;
    width: 320px;
    height: 680px;
    background: -webkit-linear-gradient(#45414e, #232323); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#45414e, #232323); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#45414e, #232323); /* Firefox 3.6 - 15 */
    background: linear-gradient(#45414e, #232323); /* 标准的语法 */
}
.zhzx-left-1{
    width: 290px;
    height: 650px;
    text-align: center;
    margin: 15px;
    padding: 15px;
    border: 3px solid;
    border-image: -webkit-linear-gradient( #ffc45d, #bb8a35) 30 30;
    border-image: -moz-linear-gradient( #ffc45d, #bb8a35) 30 30;
    border-image: linear-gradient( #ffc45d, #bb8a35) 30 30;
}
.zhzx-left .username{
    color: #d8d8d8;
    font-size: 20px;
}
.zhzx-left .usertxt{
    color: #d8d8d8;
    font-size: 18px;
    float: left;
}
.zhzx-left .userlevel{
    color: #ffdd5d;
    font-size: 18px;
    float: left;
}
.zhzx-left .restxt{
    color: #ffdd5d;
    display: inline-block;
    vertical-align: super;
}
.zhzx-left .res-value{
    font-size: 30px;
    color: #ffdd5d;
    display: inline-block;
}
.upgrade p{
    display: inline-block;
}
.upgrade p:first-child,.upgrade p:nth-child(3){
    color: #ffdd5d;
}
.upgrade p:nth-child(2),.upgrade p:nth-child(4){
    color: #ffffff;
}
/*签到*/
.sign{
    height: 205px;
    width: 254px;
}
.sign > ul{
    width: 254px;
    height: 63px;
}
.sign > ul > li{
    float: left;
    width: 124px;
    height: 63px;
    color: #FFFFFF;
    padding: 0;
    margin: 0;
}
.sign > ul > li:first-child{
    border-right: 0.1rem solid rgba(200, 201, 202, 0.35);
}
.sign > ul > li .days{
    color: #ffdd5d;
    font-size: 30px;
    font-weight: bolder;
}
.showDays-wrap{
    width: 255px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.42);
    border-radius: 8px;
}
.showDays-wrap li{
    float: left;
    margin:6px 5px 0 0;
}
.showDays-wrap li:first-child{
    margin-left: 7px;
}
.showDays-bg{
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: rgba(255, 221, 93, 0.22);
    border-radius: 15px;
    text-align: center;
}
.showDays-bg-none{
    background-color: rgba(255, 255, 255, 0.17);

}
.showDays-bg > .icon{
    color:#ffdd5d;
}
.showDays-bg .icon-none{
    color: rgba(255, 255, 255, 0.67);
}
.showDays-wrap span{
    height: 10px;
    color: #FFFFFF;
}
/*签到按钮*/
.sign-btn-wrap{
    width: 71px;
    height: 71px;
    background-color: rgba(255, 221, 93, 0.22);
    border-radius: 36px;
    margin: 6px 0 0 90px;
    padding-top: 6px;
    cursor: pointer;
}

.sign-btn{
    width: 85%;
    height: 92%;
    background-color: rgb(239, 190, 78);
    border-radius: 30px;
    margin-left: 8%;
    padding-top: 16px;
}
.sign-btn-wrap:hover{
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.sign-btn:hover{
    background-color: rgb(250, 184, 35);
}
.sign-btn:active{
    background-color: rgb(239, 190, 78);
}
.sign-btn span{
    color: #FFFFFF;
    font-size: 19px;
    font-weight: bolder;
    -webkit-tap-highlight-color: transparent;

}

/*签到按钮特效*/
.container {
    height: 50px;
    width: 150px;
    margin: 13px auto;
}
*[data-animation="ripple"] {
    height: 100%;
    width: 100%;
    display: block;
    outline: none;
    padding: 20px 10px;
    color: #fff;
    text-transform: uppercase;
    background: linear-gradient(135deg, #b01415,#ffdd5d);
    box-sizing: border-box;
    text-align: center;
    line-height: 14px;
    font-family: "Microsoft YaHei";
    font-weight: bolder;
    font-size: 20px;
    letter-spacing: 1px;
    text-decoration: none;
    box-shadow: 0 5px 3px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    /*border-radius: 50px;*/
    -webkit-tap-highlight-color: transparent;
    border-radius: 5px;
}

*[data-animation="ripple"]:focus {
    outline: none;
}

*[data-animation="ripple"]::selection {
    background: transparent;
    pointer-events: none;
}
.container{
}
/*账户中心右边*/
.zhzx-right{
    float: left;
    width: 660px;
    min-height: 680px;
    margin-left: 20px;
}
.zhzx-right-nav{
    width: 660px;
    height: 57px;
    background: -webkit-linear-gradient(#5f0000, #2b0000); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#5f0000, #2b0000); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#5f0000, #2b0000); /* Firefox 3.6 - 15 */
    background: linear-gradient(#5f0000, #2b0000); /* 标准的语法 */
}
.zhzx-right-nav p{
    color: #d8d8d8;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
}
.zhzx-right-nav p:first-child{
    height: 57px;
    line-height: 57px;
    width: 220px;
    padding-left: 20px;
}
.zhzx-right-nav p:nth-child(2){
    text-align: center;
    width: 140px;
}
.zhzx-right-nav p:nth-child(3){
    text-align: center;
    width: 140px;
}
.zhzx-right-nav p:last-child{
    text-align: center;
    width: 140px;
}
.zhzx-right-subject{
    position: relative;
    min-height: 623px;
    width: 660px;
    background: -webkit-linear-gradient(#45414e, #232323); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#45414e, #232323); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#45414e, #232323); /* Firefox 3.6 - 15 */
    background: linear-gradient(#45414e, #232323); /* 标准的语法 */
}
.has-children{
    width: 660px;
    /*height: 42px;*/
    border-bottom: 1px solid #626262;
}
.zhzx-right-status{
    cursor: pointer;
    height: 42px;
}
.has-children p{
    color: #a0a0a0;
    font-size: 12px;
    display: inline-block;
}
.has-children .zhzx-right-status p:first-child{
    width: 220px;
    height: 42px;
    line-height: 42px;
    padding-left: 20px;
}
.has-children .zhzx-right-status p:nth-child(2){
    width: 141px;
    text-align: center;
}
.has-children .zhzx-right-status p:nth-child(3){
    width: 141px;
    text-align: center;
}
.has-children .zhzx-right-status p:nth-child(4){
    width: 141px;
    text-align: center;
}
.sending-status{
    color: #ffdd5d !important;
}
.waiting-status{
    color: #d8d8d8 !important;
}
.chuli{
    color: #d8d8d8 !important;
}
/*.canceled-status{*/
/*color: #a0a0a0 !important;*/
/*}*/
.zhzx-right-details{
    display:none;
    width: 660px;
    height: 156px;
    padding-left: 20px;
}
.zhzx-right-details-txt p{
    display: inline-block;
    color: #d8d8d8;
    font-weight: bold;
}
.zhzx-right-bottom{
    width: 600px;
    height: 80px;
    margin: 30px 20px 30px 20px;
    padding: 30px 20px 30px 0;
    border-top: 2px solid #ffc45d;
}
/*账户中心页码*/
.subject-yema{
    height: 40px;
    width: 660px;
    text-align: center;
    margin: 0 auto 35px;
}
.subject-yema ul{
    margin: 0 auto;
    width: auto;
    height: 40px;
    display: table;
    text-align: center;
}
.subject-yema li{
    width: 40px;
    height: 40px;
    line-height: 40px;
    float: left;
    cursor: pointer;
    background: url("../picture/yema.png");
}
.subject-yema li a{
    display: inline-block;
    width: 40px;
    height: 40px;
    color: #d8d8d8;
}
.subject-yema li a:hover{
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #1b1b1b;
    float: left;
    cursor: pointer;
    background: url("../picture/focus.png");
}
.subject-yema > ul > li:first-child{
    margin-right: 10px;
}
.subject-yema li+li{
    margin-right: 10px;
}
/************************************************账户中心 end*************************************************/
/***********************************************规则奖励 start***************************************************/
.rule{
    width: 1000px;
    margin:0 auto
}
.rulepic{
    text-align: center;
    width: 100%;
}
.rulepic img{
    margin-top:30px;
    margin-bottom:20px;
}
.rulebox{
    background-color: #1b1b1b;
    width: 100%;
    color: white;
    margin-bottom: 80px;
}
.rulebox ul{
    width: 100%;
    height: 100%;
    padding-top: 10px;
    padding-bottom: 30px;
}
.rulebox li{
    margin-top: 25px;
    margin-left: 30px;
    margin-right: 30px;
}

.rulebox li>div{
    position: absolute;
    /*height: 100%;*/
    margin-top: 5px;
}
.xuhao{
    width: 18px;
    height: 18px;
    border-radius: 22%;
    background-color: #5f0000;
    color: white;
    text-align: center;
}
.rulebigllist{
    margin-left: 30px;
    line-height: 26px;
}

.rulesmalllist{
    margin-left: 60px;
    line-height: 26px;
}


.rulebox hr{
    height: 0.2px;
    width: 890px;
    background-color: #fec45d;
    border-radius: 10%;
}
.zxkefu{
    color: #fec45d;
}

/***********************************************规则奖励 end***************************************************/


/****************************************************关于奖励******************************************************** */
.awardebigllist{
    margin-left: 14px;
    line-height: 28px;
    font-size: 16px;
    color: #fec45d;
}
.awardsmalllist{
    margin-left: 10px;
    line-height: 20px;
    margin-top: 10px;
}
.awardxuhao{
    width: 7px;
    height: 20px;
    background:-webkit-linear-gradient(top,#5f0000,#2b0000);
    background:-o-linear-gradient(top,#5f0000,#2b0000);
    background:-moz-linear-gradient(top,#5f0000,#2b0000);
    background:linear-gradient(top,#5f0000,#2b0000);
    color: white;
    text-align: center;
}
.awardtable{
    width: 900px;
    border: 1px #626262 solid;
    margin-left: 10px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 15px;
}
.awardtable tr{
    border: 1px #626262 solid;
}
.awardtable td{
    border: 1px #626262 solid;
    height: 36px;
}
.tablefirstr{
    background-color:#000000 ;
}
.awardsmalllist a{
    color:#fec45d ;
}
/******************************************积分兑换登记*******************************************/
.changelevel{
    width: 863px;
    height: 828px;
    margin: 0 auto;
}
.changelevel-title{
    text-align: center;
    margin: 0 auto;
    padding-top: 20px;
}
.changelevel-title div{
    display: inline-block;
}
/* 修改密码 */
.box1 input {
	outline: none;
}

.black_overlay {
	display: none;
	/* 此元素不会被显示*/
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #bbbbbb;
	z-index: 1001;
	/* z-index 属性设置元素的堆叠顺序。*/
	opacity: 0.8;
	/* opacity 属性设置元素的不透明级别。*/
}

.white_content {
	display: none;
	position: fixed;
	top: 20%;
	border: 1px solid #bbbbbb;
	border-radius: 10px;
	background-color: white;
	z-index: 1002;
	/*层级要比.black_overlay高，这样才能显示在它前面*/
	overflow: auto;
}

.box1 {
	width: 600px;
	height: auto;
	/* 如果想去掉滚轴请用min-height */
	/* min-height: 350px;  */
	position: absolute;
	left: 50%;
    transform:translateX(-50%);
	text-align: center;
    box-shadow: 10px 10px 33px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 10px 10px 33px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 10px 10px 33px 0px rgba(0,0,0,0.2);
font-family: "Microsoft YaHei";
background: url(../images/login/background.png);
background-size: 100%;
}

/* .box1 div {
	text-align: left;
	margin-left: 155px;
    line-height: 25px;
} */

.box1 div font {
	display: inline-block;
	/* min-width: 100px;
	max-width: 160px; */
	width: 50px;
}

.box1 div span {
	display: inline-block;
	margin-left: 4px;
	margin-bottom: 15px;
}

.box1 .font_title {
    height: 70px;
	letter-spacing: 3px;
	color: #999999;
	padding: 20px!important;
	font-size: 20px;
    font-family: "Microsoft YaHei";
    color: #bb8a35;
    background: url(../images/header-pattern.jpg);
}

.box1 .btn {
	width: auto;
	height: 34px;
	border-width: 0px;
	border-radius: 6px;
	padding: 0 20px 0;
	background: #bb8a35;
	cursor: pointer;
	outline: none;
	color: #fff;
	font-size: 16px;
	margin-right: 20px;

	/*文本不被选中*/
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.box1 .bottom_btn {
    margin-left: 30px;
	margin-bottom: 20px;
}

.box1 .form_submit{
	/* margin-bottom: 30px; */
    margin-top: 40px;
}
.box1 .form_submit .changBD1 {
    vertical-align: middle;
    width: 300px;
    height: 40px;
    background: url(../images/login/YH.png) 0 10px no-repeat;
    background-size: 7%;
    padding-left: 45px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,1);
    outline: none;
    color: #fff;
    font-size: 14px;
}
.box1 .form_submit .changBD2,.changBD3,.changBD4 {
    vertical-align: middle;
    width: 300px;
    height: 40px;
    background: url(../images/login/Mm.png) 0 10px no-repeat;
    background-size: 7%;
    padding-left: 45px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,1);
    outline: none;
    color: #fff;
    font-size: 14px;
}
.login-error2 {
    color: #ee5753;
    height: 20px;
    margin-bottom: 20px;
}
.Error_prompt2 {
    display: none;
}