/***
 @author ----- chenlijian 
 @design ----- qishifeng 
 @time   ----- 2015-07-17
***/
body,button,input,select,textarea{font:12px/1.5 Helvetica,\5FAE\8F6F\96C5\9ED1;;outline:none;-webkit-font-smoothing:antialiased}
ul,ol{list-style:none;}em,i{font-style:normal;}
html{height: 100%;}
body{margin:0;background:#f2f2f2;color:#808080;word-wrap:break-word;overflow-x:hidden;width: 100%;height: 100%;}
header,ol,ul,input{margin:0; padding:0;}
dl,dd,h1,h2,h3,h4,h5,h6,p,form{margin:0;font-weight: normal;}
img{display:block;border: 0;}
table{ width:auto;border-collapse: collapse;border-spacing: 0;}
a{text-decoration:none;outline:none;color:#333;}
a,button,button:active,input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
mark{background-color:transparent;color:inherit;}
textarea:-moz-placeholder{color: #b6b6ba;}
textarea::-moz-placeholder{color: #b6b6ba;}
textarea:-ms-input-placeholder{color: #b6b6ba;}
textarea::-webkit-input-placeholder{color: #b6b6ba;}
input:-moz-placeholder{color: #b6b6ba;}
input::-moz-placeholder{color: #b6b6ba;}
input:-ms-input-placeholder{color: #b6b6ba;}
input::-webkit-input-placeholder{color: #b6b6ba;}
strong,em,i{font-weight: normal;font-style: normal;}
.hide_txt{text-indent: -9999em;}
.clearfix:after{content:"\200B";display:block;height:0;clear:both;}
.clearfix{zoom:1}


.pad_bot{padding-bottom: 48px;}

.pop_area{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 99;}
.pop_box{position: absolute;top: 50%;left: 50%;background: #f1f1f1;overflow: hidden;border-radius: 4px;-webkit-border-radius: 4px;margin-top: -42px;}
.pop_box.big{width: 294px;margin-left: -147px;}
.pop_box.small{width: 250px;margin-left: -125px;}
.pop_box .txt_pop{padding: 13px;font-size: 14px;line-height: 18px;color:#000;text-align: center;}
.pop_box .txt_pop strong{font-weight: bold;}
.pop_box .btn_box{height: 40px;border-top: 1px solid #e3e3e4;}
.pop_box .btn_box a{float: left;width: 50%;height: 100%;line-height: 40px;text-align: center;font-size: 14px;color:#087dfe;position: relative;}
.pop_box .btn_box a:nth-child(2):before{content: "";position: absolute;top: 0;left: 0;width: 1px;height: 100%;background: #e3e3e4;}
.pop_box .btn_box .btn_center{width: 100%;}

.share_box{position: absolute;width: 100%;height: 220px;background: #dfdfdf;bottom: 0;left: 0;}
.share_box .txt_share{font-size: 14px;color:#000;padding: 18px 13px;line-height: 14px;}
.share_box .share_list{position: relative;padding: 0 9px;overflow-x: auto;overflow-y: hidden;}
.share_box .share_list::-webkit-scrollbar{width:0;}
.share_box .share_list li{float: left;width: 70px;}
.share_box .share_list li a{display: block;font-size: 14px;color:#000;line-height: 14px;text-align: center;}
.share_box .share_list li a:before{content: "";display: block;width: 61px;height: 61px;background-size: 100% 100%;margin: 0 auto 9px;}
.share_box .share_list .s_qq:before{background-image: url('../img/ico_qq.png');}
.share_box .share_list .s_qzone:before{background-image: url('../img/ico_qzone.png');}
.share_box .share_list .s_wechat:before{background-image: url('../img/ico_wechat.png');}
.share_box .share_list .s_friends:before{background-image: url('../img/ico_friends.png');}
.share_box .share_list .s_sina:before{background-image: url('../img/ico_sina.png');}
.share_box .btn_cancel{position: absolute;bottom: 13px;left: 50%;margin-left: -134px;width: 266px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color:#000;background: #fff;border-radius: 6px;-webkit-border-radius: 6px;border: 1px solid #c1c1c4;}

.address_choose{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #fff;}
.address_choose a{display: block;height: 40px;line-height: 40px;color:#000;padding-left: 13px;}
.address_choose .province{background: #d1d1d1;}
.address_choose .city{background: #f2f2f2;}
.address_choose .choose_box li{border-bottom: 1px solid #dfe3e6;}
.address_choose .choose_box a:active{background: #f2f2f2;}

.load_box{position: relative;width: 100%;padding-top: 10px;background: #f2f2f2;text-align: center;font-size: 11px;color:#8b8b8b;line-height: 12px;transition: transform .3s;-webkit-transition: transform .3s;}
.load_box.mid{position: fixed;top: 50%;left: 0;margin-top: -30px;}
.ico_load{position: relative;display: block;width: 2px;height: 6px;background-color: rgba(139,139,139,1); box-shadow: 0 18px 0 0 rgba(139,139,139,0.3);border-radius: 3px;margin: 3px auto 24px;animation: typing1 1.5s linear infinite both;-webkit-animation: typing1 1.5s linear infinite both;}
.ico_load:before,.ico_load:after{content: "";}
.ico_load .il_1,.ico_load .il_2,.ico_load .il_3,.ico_load:before,.ico_load:after{position: absolute;width: 2px;height: 6px;background-color: rgba(139,139,139,0.3); box-shadow: 0 18px 0 0 rgba(139,139,139,0.3);border-radius: 3px;top: 0;left: 0;transform-origin:center 12px;-webkit-transform-origin:center 12px;}

.countdown_box{line-height: 21px;color:#6a6a6a;font-weight: bold;font-size: 13px;}
.countdown_box span{float: left;}
.countdown_box .num{width: 13px;text-align: center;height: 21px;background: #6a6a6a;border-radius: 2px;-webkit-border-radius: 2px;color:#fff;margin: 0 1px;}

.ico_load .il_1{transform:rotate(-30deg);-webkit-transform:rotate(-30deg);animation: typing2 1.5s linear infinite both;-webkit-animation: typing2 1.5s linear infinite both;}
.ico_load .il_2{transform:rotate(-60deg);-webkit-transform:rotate(-60deg);animation: typing3 1.5s linear infinite both;-webkit-animation: typing3 1.5s linear infinite both;}
.ico_load .il_3{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);animation: typing4 1.5s linear infinite both;-webkit-animation: typing4 1.5s linear infinite both;}
.ico_load:before{transform:rotate(-120deg);-webkit-transform:rotate(-120deg);animation: typing5 1.5s linear infinite both;-webkit-animation: typing5 1.5s linear infinite both;}
.ico_load:after{transform:rotate(-150deg);-webkit-transform:rotate(-150deg);animation: typing6 1.5s linear infinite both;-webkit-animation: typing6 1.5s linear infinite both;}
@keyframes typing1{
    0%,100%{background-color: rgba(139,139,139,1);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    8.3%{background-color: rgba(139,139,139,.9);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
   	16.6%{background-color: rgba(139,139,139,.8);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    24.9%{background-color: rgba(139,139,139,.7);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    33.3%{background-color: rgba(139,139,139,.6);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    41.5%{background-color: rgba(139,139,139,.5);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    49.8%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,1);}
    58.1%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.9);}
    66.4%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.8);}
    74.7%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.7);}
    83%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.6);}
    91.3%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.5);}
}
@-webkit-keyframes typing1{
    0%,100%{background-color: rgba(139,139,139,1);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    8.3%{background-color: rgba(139,139,139,.9);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    16.6%{background-color: rgba(139,139,139,.8);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    24.9%{background-color: rgba(139,139,139,.7);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    33.3%{background-color: rgba(139,139,139,.6);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    41.5%{background-color: rgba(139,139,139,.5);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    49.8%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,1);}
    58.1%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.9);}
    66.4%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.8);}
    74.7%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.7);}
    83%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.6);}
    91.3%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.5);}
}
@keyframes typing2{
    0%,100%{background-color: rgba(139,139,139,.9);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    8.3%{background-color: rgba(139,139,139,.8);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    16.6%{background-color: rgba(139,139,139,.7);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    24.9%{background-color: rgba(139,139,139,.6);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    33.3%{background-color: rgba(139,139,139,.5);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    41.5%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.1);}
    49.8%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.9);}
    58.1%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.8);}
    66.4%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.7);}
    74.7%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.6);}
    83%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.5);}
    91.3%{background-color: rgba(139,139,139,1);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
}
@-webkit-keyframes typing2{
    0%,100%{background-color: rgba(139,139,139,.9);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    8.3%{background-color: rgba(139,139,139,.8);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    16.6%{background-color: rgba(139,139,139,.7);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    24.9%{background-color: rgba(139,139,139,.6);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    33.3%{background-color: rgba(139,139,139,.5);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    41.5%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.1);}
    49.8%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.9);}
    58.1%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.8);}
    66.4%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.7);}
    74.7%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.6);}
    83%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.5);}
    91.3%{background-color: rgba(139,139,139,1);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
}
@keyframes typing3{
    0%,100%{background-color: rgba(139,139,139,.8);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    8.3%{background-color: rgba(139,139,139,.7);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    16.6%{background-color: rgba(139,139,139,.6);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    24.9%{background-color: rgba(139,139,139,.5);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    33.3%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,1);}
    41.5%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.9);}
    49.8%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.8);}
    58.1%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.7);}
    66.4%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.6);}
    74.7%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.5);}
    83%{background-color: rgba(139,139,139,1);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    91.3%{background-color: rgba(139,139,139,.9);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
}
@-webkit-keyframes typing3{
    0%,100%{background-color: rgba(139,139,139,.8);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    8.3%{background-color: rgba(139,139,139,.7);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    16.6%{background-color: rgba(139,139,139,.6);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    24.9%{background-color: rgba(139,139,139,.5);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    33.3%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,1);}
    41.5%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.9);}
    49.8%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.8);}
    58.1%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.7);}
    66.4%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.6);}
    74.7%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.5);}
    83%{background-color: rgba(139,139,139,1);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    91.3%{background-color: rgba(139,139,139,.9);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
}
@keyframes typing4{
    0%,100%{background-color: rgba(139,139,139,.7);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    8.3%{background-color: rgba(139,139,139,.6);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    16.6%{background-color: rgba(139,139,139,.5);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    24.9%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,1);}
    33.3%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.9);}
    41.5%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.8);}
    49.8%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.7);}
    58.1%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.6);}
    66.4%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.5);}
    74.7%{background-color: rgba(139,139,139,1);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    83%{background-color: rgba(139,139,139,.9);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    91.3%{background-color: rgba(139,139,139,.8);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
}
@-webkit-keyframes typing4{
    0%,100%{background-color: rgba(139,139,139,.7);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    8.3%{background-color: rgba(139,139,139,.6);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    16.6%{background-color: rgba(139,139,139,.5);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    24.9%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,1);}
    33.3%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.9);}
    41.5%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.8);}
    49.8%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.7);}
    58.1%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.6);}
    66.4%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.5);}
    74.7%{background-color: rgba(139,139,139,1);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    83%{background-color: rgba(139,139,139,.9);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    91.3%{background-color: rgba(139,139,139,.8);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
}
@keyframes typing5{
    0%,100%{background-color: rgba(139,139,139,.6);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    8.3%{background-color: rgba(139,139,139,.5);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    16.6%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,1);}
    24.9%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.9);}
    33.3%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.8);}
    41.5%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.7);}
    49.8%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.6);}
    58.1%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.5);}
    66.4%{background-color: rgba(139,139,139,1);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    74.7%{background-color: rgba(139,139,139,.9);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    83%{background-color: rgba(139,139,139,.8);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    91.3%{background-color: rgba(139,139,139,.7);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
}
@-webkit-keyframes typing5{
    0%,100%{background-color: rgba(139,139,139,.6);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    8.3%{background-color: rgba(139,139,139,.5);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    16.6%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,1);}
    24.9%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.9);}
    33.3%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.8);}
    41.5%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.7);}
    49.8%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.6);}
    58.1%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.5);}
    66.4%{background-color: rgba(139,139,139,1);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    74.7%{background-color: rgba(139,139,139,.9);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    83%{background-color: rgba(139,139,139,.8);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    91.3%{background-color: rgba(139,139,139,.7);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
}
@keyframes typing6{
    0%,100%{background-color: rgba(139,139,139,.5);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    8.3%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,1);}
    16.6%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.9);}
    24.9%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.8);}
    33.3%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.7);}
    41.5%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.6);}
    49.8%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.5);}
    58.1%{background-color: rgba(139,139,139,1);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    66.4%{background-color: rgba(139,139,139,.9);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    74.7%{background-color: rgba(139,139,139,.8);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    83%{background-color: rgba(139,139,139,.7);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    91.3%{background-color: rgba(139,139,139,.6);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
}
@-webkit-keyframes typing6{
    0%,100%{background-color: rgba(139,139,139,.5);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    8.3%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,1);}
    16.6%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.9);}
    24.9%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.8);}
    33.3%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.7);}
    41.5%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.6);}
    49.8%{background-color: rgba(139,139,139,.4);box-shadow: 0 18px 0 0 rgba(139,139,139,.5);}
    58.1%{background-color: rgba(139,139,139,1);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    66.4%{background-color: rgba(139,139,139,.9);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    74.7%{background-color: rgba(139,139,139,.8);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    83%{background-color: rgba(139,139,139,.7);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
    91.3%{background-color: rgba(139,139,139,.6);box-shadow: 0 18px 0 0 rgba(139,139,139,.4);}
}

.img_box{display: table;text-align: center;}
.img_box a{display: table-cell;vertical-align: middle;}
.img_box img{display: inline-block;}

.progress_box{}
.progress_box .txt_progress{font-size: 11px;line-height: 13px;padding-bottom: 8px;}
.progress_box .txt_progress .over{float: right;}
.progress_box .txt_progress em{color:#1187de;}
.progress_bar{display: block;height: 3px;border-radius: 5px;-webkit-border-radius: 5px;background: #dfe3e6;position: relative;overflow: hidden;}
.progress_bar .bar{display: block;height: 100%;background: #febe2f;}

.up_down_choose{height: 27px;width: 111px;}
.up_down_choose a{float: left;width: 25px;height: 25px;position: relative;border: 1px solid #e3e3e3;}
.up_down_choose a.grey{background: #e3e3e3;}
.up_down_choose a:before{content: "";position: absolute;width: 15px;height: 1px;background: #a7a7a7;top: 12px;left: 5px;}
.up_down_choose .gd_up:after{content: "";position: absolute;width: 1px;height: 15px;background: #a7a7a7;top: 5px;left: 12px;}
.up_down_choose input{float: left;width: 50px;text-align: center;line-height: 25px;height: 25px;border: 1px solid #e3e3e3;margin: 0 2px;color:#383838;}

.address_input{background: #fff;}
.address_input .input_box{padding-left: 70px;position: relative;height: 36px;line-height: 36px;border-bottom: 1px solid #e5e5e6;}
.address_input .input_box label{position: absolute;top: 0;left: 0;width: 70px;color:#000;white-space: nowrap;}
.address_input .input_box input{display: block;width: 100%;height: 36px;line-height: 36px;color:#808080;border: none;}
.address_input .input_box:last-child{border-bottom: none;}
.address_input .input_box.code{padding-right: 120px;}
.address_input .code_box{position: absolute;width: 119px;height: 100%;top: 0;right: 0;border-left: 1px solid #e5e5e6;}
.address_input .code_box img{display: block;width: 85px;height: 36px;}
.address_input .code_box a{position: absolute;top: 50%;right: 10px;width: 16px;height: 19px;background: url('../img/ico_refresh.png') 0 0;background-size: 100% 100%;margin: -11px 0 0 0;}

.txt_empty{position: fixed;width: 100%;top: 50%;left: 0;margin-top: -80px;line-height: 28px;text-align: center;}
.txt_empty:before{content: "";display: block;margin: 0 auto 32px;background-size: 100% 100%;width: 84px;height: 82px;}
.txt_empty strong{display: block;font-size: 14px;color:#626262;font-weight: normal;}

.btn_common{display: block;height: 24px;line-height: 24px;border: 1px solid #ff6a16;color:#ff6a16;text-align: center;border-radius: 4px;-webkit-border-radius: 4px;}
.btn_choose{display: block;text-indent: -9999em;width: 18px;height: 18px;border-radius: 100%;-webkit-border-radius: 100%;border: 1px solid #ccccd0;}
.btn_choose.choose{background: url('../img/ico_yes.png') no-repeat 0 0;background-size: 100% 100%;width: 19px;height: 19px;border: none;}
.btn_delete{display: block;background: url('../img/ico_delete.png') no-repeat 0 0;background-size: 100% 100%;width: 21px;height: 23px;}

/*goods list*/
.goods_list{padding-left: 13px;}
.goods_list li{padding: 13px 13px 13px 92px;border-bottom: 1px solid #dfe3e6;min-height: 102px;position: relative;background: #fff;}
.goods_list li:last-child{border-bottom: none;}
.goods_list .img_box{position: absolute;width: 83px;height: 100px;border: 1px solid #eff0f0;background: #fff;top: 50%;left: 0;margin-top: -51px;}
.goods_list .img_box img{max-width: 75px;}
.goods_list h3{line-height: 16px;height: 32px;color:#000;padding-bottom: 5px;}
.goods_list .txt_info{font-size: 11px;line-height: 16px;position: relative;}
.goods_list .txt_info em{color:#ff6a00;}
.goods_list .txt_join{position: absolute;bottom: 13px;left: 92px;line-height: 13px;}
.goods_list .txt_join em{color:#1187de;}
.goods_list .btn_share{position: absolute;right: 13px;bottom: 13px;width: 60px;}
.goods_list .btn_operate{position: absolute;right: 13px;bottom: 13px;line-height: 12px;color:#808080;padding-right: 8px;}
.goods_list .btn_operate:before,.goods_list .btn_operate:after{content: "";position: absolute;top: 50%;right: 0;background: #808080;width: 7px;height: 1px;transform-origin: center right;-webkit-transform-origin: center right;}
.goods_list .btn_operate:before{transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.goods_list .btn_operate:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.goods_list .btn_operate span{color:#ff6600;}
.goods_list .txt_info .btn_operate{bottom: 1px;right: 0;font-size: 12px;}
.goods_list .msg_box{padding-top: 16px;}
.goods_list .progress_box{float: left;width: 125px;}
.goods_list .msg_box .btn_add{float: right;width: 60px;}
.goods_list .msg_box .txt_tip{float: right;font-size: 11px;line-height: 14px;color:#ef1417;font-weight: bold;}
/*goods list end*/

/*share feed*/
.share_feed{background: #fff;padding: 12px;margin-bottom: 10px;position: relative;}
.share_feed .user_info{height: 33px;}
.share_feed .user_info img{float: left;width: 33px;height: 33px;border-radius: 100%;-webkit-border-radius: 100%;}
.share_feed .user_name{font-size: 13px;line-height: 33px;color:#000;float: left;margin-left: 8px;width: 168px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.share_feed .user_info .btn_share{float: right;width: 82px;height: 25px;line-height: 25px;margin-top: 3px;}
.share_feed .share_info{margin-top: 12px;}
.share_feed .txt_share{font-size: 13px;line-height: 16px;color:#000;}
.share_feed .img_list{margin: 10px 0 8px;}
.share_feed .img_list li{float: left;width: 33%;text-align: center;}
.share_feed .img_list img{width: 95px;height: 95px;display: inline-block;}
.share_feed .txt_code{color:#ff6600;line-height: 14px;padding: 0 2px;}
.share_feed .txt_code.over{}
.share_feed .share_code{position: relative;}
.share_feed .txt_over{display: inline-block;width: 23px;height: 12px;line-height: 12px;text-align: center;font-size: 10px;color:#888;border: 1px solid #cbcbcb;margin-left: 4px;position: relative;top: -1px;}
.share_feed .txt_time{font-size: 10px;line-height: 14px;padding-left: 15px;position: relative;}
.share_feed .txt_time:before{content: "";position: absolute;top: 0;left: 0;background: url('../img/ico_clock.png') no-repeat 0 0;background-size: 100% 100%;width: 12px;height: 12px;}
.share_feed .btn_copy{position: absolute;width: 60px;top: 0;right: 0;}
.share_feed .btn_detail{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 5;}
.share_feed .share_detail{border-top: 1px solid #ebecec;margin-top: 10px;padding-top: 10px;}
.share_feed .txt_detail{line-height: 18px;}
.share_feed .txt_detail em{color:#ff4e00;}
.share_feed .txt_detail strong{color:#1187de;}
.share_feed .detail_img{margin-top: 8px;}
.share_feed .detail_img li{margin-bottom: 10px;}
.share_feed .detail_img img{display: block;max-width: 100%;margin: 0 auto;min-width: 80%;}
/*share feed end*/

/*join feed*/
.join_feed{background: #fff;padding: 6px 0 6px 42px;position: relative;line-height: 12px;}
.join_feed .join_info{border-bottom: 1px solid #e0e1e2;padding: 9px 0;}
.join_feed img{position: absolute;width: 34px;height: 34px;border-radius: 100%;-webkit-border-radius: 100%;top: 50%;left: 0;margin-top: -17px;}
.join_feed .txt_name{color:#000;}
.join_feed .txt_join{font-size: 11px;margin-top: 7px;position: relative;}
.join_feed .txt_join em{color:#1187de;}
.join_feed .txt_ps{font-size: 11px;position: absolute;top: 9px;right: 9px;color:#acacac;}
.join_feed .txt_num{position: absolute;height: 18px;padding: 0 5px;min-width: 8px;border-radius: 100%;-webkit-border-radius: 100%;top: 50%;right: 13px;margin-top: -9px;background: #f04646;color:#fff;line-height: 18px;text-align: center;}
/*join feed end*/

/*past feed*/
.past_feed{background: #fff;margin-bottom: 9px;padding-left: 13px;}
.past_feed .past_time{padding: 10px 0;position: relative;}
.past_feed.many .past_time{padding: 10px 0;}
.past_feed h3{line-height: 20px;font-weight: normal;color:#000;}
.past_feed span{float: left;margin-right: 4px;}
.past_feed h3 em{font-weight: bold;}
.past_feed h3 .txt_time{color:#808080;}
.past_feed.many h3 .txt_time{display: block;clear:both;}
.past_feed .ico_n{background: url('../img/ico_n.png') no-repeat 0 0;background-size: 100% 100%;width: 15px;height: 15px;margin: 2px 0 0 0;}
.past_feed .past_time .btn_arr{position: absolute;width: 100%;height: 100%;top: 0;right: 0;}
.past_feed .btn_arr:before,.past_feed .btn_arr:after{content: "";position: absolute;width: 10px;height: 2px;top: 50%;margin-top: -1px;right: 13px;background: #c7c7c7;transform-origin: center right;-webkit-transform-origin: center right;}
.past_feed .btn_arr:before{transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.past_feed .btn_arr:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.past_feed .txt_now{position: absolute;color:#dc0000;line-height: 20px;top: 13px;right: 23px;}
.past_feed .join_feed{border-top: 1px solid #e0e1e2;}
.past_feed .join_info{border-bottom: none;}
/*past feed end*/

.wrap{margin:0 auto;width: 100%;position: relative;overflow: hidden;padding-top: 42px;}
.wrap.wechat{padding-top: 0;}
.btn_gHome{position: absolute;width: 35px;height: 35px;background-image: url('../img/btn_home.png');background-size: 100% 100%;top: 160px;right: 13px;z-index: 99px;}
.wechat .btn_gHome{top: 118px;}

/*top bar*/
.top_bar{height: 42px;position: fixed;background: #262626;width: 100%;top: 0;left: 0;z-index: 99;}
.top_bar.rule_bar{position: fixed;width: 100%;top: 0;left: 0;z-index: 10;}
.top_bar h1{line-height: 42px;text-align: center;font-size: 16px;font-weight: normal;color:#fff;}
.top_bar a{position: absolute;top: 0;width: 21px;height: 100%;}
.top_bar .back{left: 8px;}
.top_bar .back:before{content: "";position: absolute;top: 50%;left: 50%;background: url('../img/t_arr.png') no-repeat 0 0;background-size: 100% 100%;width: 9px;height: 16px;margin: -8px 0 0 -5px;}
.top_bar .home{right: 15px;}
.top_bar .home:before{content: "";position: absolute;top: 50%;left: 0;background: url('../img/t_dot.png') no-repeat 0 0;background-size: 100% 100%;width: 21px;height: 4px;margin-top: -2px;}
.top_bar .btn_home{font-size: 14px;color:#fff;line-height: 42px;left: 32px;width: auto;}
/*top bar end*/

/*bottom nav*/
/*
1.3
.bottom_nav{position: fixed;width: 100%;height: 47px;background: #fcfcfc;bottom: 0;left: 0;border-top: 1px solid #b2b2b2;z-index: 99;}
.bottom_nav a{width: 33.33%;text-align: center;float: left;padding-top: 7px;font-size: 11px;color:#8b8b8b;line-height: 18px;position: relative;}
.bottom_nav a:before{content: "";display: block;margin: 0 auto;width: 25px;height: 23px;background-image: url('../img/b_nav.png');background-repeat: no-repeat;background-size: 320px auto;}
.bottom_nav a.cur,.bottom_nav a:active{color:#ff6600;}
.bottom_nav a.cur:before,.bottom_nav a:active:before{background-image: url('../img/hb_nav.png');}
.bottom_nav a:nth-child(1):before{background-position: 0 0;} 
.bottom_nav a:nth-child(2):before{background-position: -62px 0;}
.bottom_nav a:nth-child(3):before{background-position: -130px 0;}
.bottom_nav a:nth-child(2):before{background-position: -198px 0;}
.bottom_nav a:nth-child(3):before{background-position: -261px 0;}
.bottom_nav .tip{position: absolute;height: 17px;border-radius: 17px;-webkit-border-radius: 17px;background: #ff4031;padding: 0 5px;min-width: 7px;text-align: center;color:#fff;line-height: 17px;top: 2px;right: 50%;margin-right: -2px;z-index: 5;}
.btn_buycar{position: fixed;bottom: 56px;left: 9px;width: 37px;height: 37px;background: url('../img/ic_buycar.png');background-size: 100% 100%;z-index: 99;}
.btn_buycar .tip{position: absolute;height: 17px;border-radius: 17px;-webkit-border-radius: 17px;background: #ff4031;padding: 0 5px;min-width: 7px;text-align: center;color:#fff;line-height: 18px;top: 0;left: 50%;margin-right: -2px;z-index: 5;}
*/

.bottom_nav{position: fixed;width: 100%;height: 47px;background: #fcfcfc;bottom: 0;left: 0;border-top: 1px solid #b2b2b2;z-index: 99;}
.bottom_nav a{width: 20%;text-align: center;float: left;padding-top: 7px;font-size: 11px;color:#8b8b8b;line-height: 18px;position: relative;}
.bottom_nav a:before{content: "";display: block;margin: 0 auto;width: 25px;height: 23px;background-image: url('../img/b_nav.png');background-repeat: no-repeat;background-size: 320px auto;}
.bottom_nav a.cur,.bottom_nav a:active{color:#ff6600;}
.bottom_nav a.cur:before,.bottom_nav a:active:before{background-image: url('../img/hb_nav.png');}
.bottom_nav a:nth-child(1):before{background-position: 0 0;} 
.bottom_nav a:nth-child(2):before{background-position: -62px 0;}
.bottom_nav a:nth-child(3):before{background-position: -130px 0;}
.bottom_nav a:nth-child(4):before{background-position: -198px 0;}
.bottom_nav a:nth-child(5):before{background-position: -261px 0;}
.bottom_nav .tip{position: absolute;height: 17px;border-radius: 17px;-webkit-border-radius: 17px;background: #ff4031;padding: 0 5px;min-width: 7px;text-align: center;color:#fff;line-height: 17px;top: 2px;right: 50%;margin-right: -2px;z-index: 5;}

/*bottom nav end*/ 

/*index*/
.index_sec{position: relative;background: #fff;transition: transform .3s;-webkit-transition: transform .3s;}
.index_sec .carousel_box{height: 110px;position: relative;overflow: hidden;}
.carousel_box .carousel_list{height: 100%;position: relative;}
.carousel_box .carousel_list li{float: left;height: 100%;position: relative;overflow: hidden;background-position: center top;background-size: 320px auto;background-repeat: no-repeat;}
.carousel_box li.cbg_1{background-image: url('../img/carousel_bg1.png');background-color: #ffc501;}
.carousel_box li.cbg_2{background-image: url('../img/carousel_bg2.png');background-color: #ef0f44;}
.carousel_box li.cbg_3{background-image: url('../img/carousel_bg3.png');background-color: #a232ff;}
.carousel_box li .cl_img{display: block;width: 100%;height: 100%;}
.carousel_box .cont{width: 192px;margin: 0 auto;padding-left: 128px;}
.carousel_box .img_box{width: 110px;height: 110px;position: absolute;top: 0;left: 18px;}
.carousel_box .img_box img{width: 85px;height: 85px;}
.carousel_box h3{font-size: 13px;font-weight: bold;line-height: 19px;color:#fff;padding-top: 16px;}
.carousel_box h3 .txt_tt{display: block;max-height: 38px;position: relative;overflow: hidden;}
.carousel_box h3 em{display: block;font-size: 16px;color:#fbff44;}
.carousel_box li.cbg_1 h3 em{color:#fff;}
.carousel_box .btn_get{display: block;width: 85px;height: 25px;text-align: center;line-height: 25px;font-size: 13px;font-weight: bold;margin-top: 8px;border-radius: 3px;-webkit-border-radius: 3px;}
.carousel_box li.cbg_1 .btn_get{background: #f94b0c;color:#fde33a;}
.carousel_box li.cbg_2 .btn_get{background: #fde33a;color:#f21642;}
.carousel_box li.cbg_3 .btn_get{background: #fbff44;color:#ab00f8;}
.carousel_box .txt_tip{position: absolute;top: 10px;right: -17px;z-index: 10;width: 70px;height: 16px;line-height: 16px;font-size: 10px;text-align: center;color:#fffffe;background: #268efa;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.carousel_box .btn_control{position: absolute;bottom: 8px;right: 10px;}
.carousel_box .btn_control a{float: left;width: 5px;height: 5px;border-radius: 100%;-webkit-border-radius: 100%;border: 1px solid #fef5ce;margin: 0 2px;}
.carousel_box .btn_control a.cur{background: #fef5ce;}

.index_nav{background: #f4f4f4;width: 100%;height: 41px;position: absolute;left: 0;top: 110px;z-index: 20;}
.index_nav a{float: left;width: 25%;height: 38px;text-align: center;line-height: 38px;font-size: 14px;color:#000;}
.index_nav a.cur,.index_nav a:active{color:#ff6600;}
.index_nav .cur_line{position: absolute;bottom: 0;width: 25%;height: 3px;background: #ff6a16;transition: left .3s;-webkit-transition: left .3s;}
.index_nav .cur_1{left: 0;}
.index_nav .cur_2{left: 25%;}
.index_nav .cur_3{left: 50%;}
.index_nav .cur_4{left: 75%;}
.index_nav.fixed{
    position: fixed;
    animation: inav_effect .4s both linear;
    -webkit-animation: inav_effect .4s both linear;
} 
@keyframes inav_effect{
    0%{top: 1px;}
    100%{top: 42px;}
}
@-webkit-keyframes inav_effect{
    0%{top: 1px;}
    100%{top: 42px;}
}

.wechat .index_nav.fixed{
    position: fixed;
    animation: winav_effect .4s both linear;
    -webkit-animation: winav_effect .4s both linear;
} 
@keyframes winav_effect{
    0%{top: -41px;}
    100%{top: 0;}
}
@-webkit-keyframes winav_effect{
    0%{top: -41px;}
    100%{top: 0;}
}


.index_sec .goods_cont{background: #f2f2f2;}
.index_sec .goods_column{margin-top: 9px;border-width: 1px;border-top-style: solid;position: relative;background: #fff;}
.index_sec .goods_column:first-child{margin-top: 0;}
.index_sec .txt_column{position: absolute;top: -1px;left: 0;height: 20px;line-height: 20px;color:#fff;padding: 0 4px 0 9px;z-index: 5;}
.index_sec .txt_column:after{content: "";position: absolute;width: 0;height: 0;border-width: 10px 5px;border-style: solid dashed dashed solid;top: 0;left: 100%;}

.index_sec .goods_column.all{border-color: #ffb22b;}
.index_sec .goods_column.all .txt_column{background: #ffb22b;}
.index_sec .goods_column.all .txt_column:after{border-color: #ffb22b transparent transparent #ffb22b;}
.index_sec .goods_column.hot{border-color: #bc38f4;}
.index_sec .goods_column.hot .txt_column{background: #bc38f4;}
.index_sec .goods_column.hot .txt_column:after{border-color: #bc38f4 transparent transparent #bc38f4;}
.index_sec .goods_column.new{border-color: #ff4f3a;}
.index_sec .goods_column.new .txt_column{background: #ff4f3a;}
.index_sec .goods_column.new .txt_column:after{border-color: #ff4f3a transparent transparent #ff4f3a;}

.index_sec .igoods_list{position: relative;overflow: hidden;}
.index_sec .igoods_list li{float: left;width: 50%;height: 152px;position: relative;border-bottom: 1px solid #edeeee;}
.igoods_list li:after{content: "";position: absolute;width: 1px;height: 100%;top: 0;left: 100%;background: #edeeee;}
.igoods_list .img_box{width: 100%;height: 90px;}
.igoods_list .img_box img{width: 75px;height: 75px;}
.igoods_list h3{padding: 0  0 8px 12px;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#000;font-weight: normal;line-height: 14px;}
.igoods_list .rate_box{float: left;margin: 0 7px 0 12px;width: 65px;font-size: 11px;white-space: nowrap;line-height: 14px;}
.igoods_list .rate_box em{color:#1187de;}
.igoods_list .progress_bar{margin-top: 6px;}
.igoods_list .btn_buy{float: left;width: 60px;font-size: 0;line-height: 0;}
.igoods_list .btn_buy span{display: inline-block;font-size: 12px;line-height: 24px;}
.igoods_list .btn_buy .ico_ten{float: left;width: 12px;height: 12px;background: url('../img/ico_ten.png');background-size: 100% 100%;margin: 5px 3px 0 0;position: relative;}
/*.igoods_list .btn_buy .ico_ten:before{content: "";position:absolute;width: 1px;height: 11px;background: #ff6a16;top: 50%;left: 50%;margin: -6px 0 0 -1px;}*/
.igoods_list .txt_tip{position: absolute;top: 5px;left: 0;width: 50px;height: 18px;text-align: center;line-height: 18px;font-size: 11px;color:#fff;background: #f14646;z-index: 5;}
.igoods_list .txt_tip:after{content: "";position: absolute;top: 100%;left: 0;border-width: 3px;border-style: solid solid dashed dashed;border-color: #f14646 #f14646 transparent transparent;}

.igoods_list.special li:nth-child(1){width: 47%;}
.igoods_list.special li:nth-child(1) .rate_box{margin-right: 4px;}
.igoods_list.special li:nth-child(2){position: absolute;width: 53%;height: 61px;top: 0;right: 0;}
.igoods_list.special li:nth-child(2) .img_box{width: 58px;height: 66px;position: absolute;top: 0;left: 0;}
.igoods_list.special li:nth-child(2) .img_box img{width: 50px;height: 50px;}
.igoods_list.special li:nth-child(2) h3{padding: 16px 0 0 60px;}
.igoods_list.special li:nth-child(2) .txt_ps{padding-left: 60px;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.igoods_list.special li:nth-child(3){position: absolute;width: 26.5%;height: 90px;bottom: 0;right: 26.5%;}
.igoods_list.special li:nth-child(4){position: absolute;width: 26.5%;height: 90px;bottom: 0;right: 0;}
.igoods_list.special li:nth-child(3) .img_box,.igoods_list.special li:nth-child(4) .img_box{height: 66px;}
.igoods_list.special li:nth-child(3) .img_box img,.igoods_list.special li:nth-child(4) .img_box img{width: 50px;height: 50px;}
.igoods_list.special li:nth-child(3) h3,.igoods_list.special li:nth-child(4) h3{padding: 0 7px;}

.goods_column.open{border-top: none;}
.goods_column.open .igoods_list li:nth-child(1){height: 178px;padding-top: 12px;}
.goods_column.open .igoods_list li:nth-child(1) .img_box{height: 84px;}
.goods_column.open .igoods_list li:nth-child(1) .img_box img{width: 70px;height: 70px;}
.goods_column.open .igoods_list li:nth-child(2){height: 87px;padding-top: 12px;border-bottom-style: dashed;}
.igoods_list.special .txt_open{font-size: 11px;line-height: 16px;padding-left: 12px;}
.igoods_list.special .txt_open em{display: block;padding-left: 18px;position:relative;font-size: 14px;font-weight: bold;}
.igoods_list.special .txt_open em:before{content: "";position: absolute;top: 1px;left: 0;background-size: 100% 100%;width: 14px;height: 14px;}
.igoods_list.special li:nth-child(1) .txt_open em{color:#dc0000;}
.igoods_list.special li:nth-child(1) .txt_open em:before{background-image: url('../img/ic_open.png');}
.igoods_list.special li:nth-child(2) .txt_open em{color:#0096ff;}
.igoods_list.special li:nth-child(2) .txt_open em:before{background-image: url('../img/ic_clock.png');}
.igoods_list.special .countdown_box{padding: 15px 0 0 12px;}
/*index end*/

/*lottery sec*/
.lottery_sec{}
.lottery_sec .lottery_tt{background: url('../img/lottery_bg.jpg') repeat-y center top;background-size: 100% auto;}
.lottery_sec .lottery_tt ul{padding: 12px;line-height: 16px;color:#fff1f1;}
.lottery_sec .lottery_tt li{padding-left: 15px;position: relative;}
.lottery_sec .lottery_tt .order{position: absolute;top: 0;left: 0;}
.lottery_sec .lottery_cont{padding-top: 10px;}
.lottery_sec .lottery_list{background: #fff;}
.lottery_list li{border-bottom: 1px solid #e9eaea;height: 72px;padding: 15px 10px 15px 106px;position: relative;}
.lottery_list li:last-child{border-bottom: none;}
.lottery_list .img_box{position: absolute;top: 0;left: 10px;width: 96px;height: 100%;}
.lottery_list .img_box img{max-width: 90%;}
.lottery_list .txt_lottery{padding-left: 18px;position: relative;font-size: 14px;font-weight: bold;line-height: 16px;color:#ee4346;}
.lottery_list .txt_lottery:before{content: "";position: absolute;background: url('../img/clock.png') no-repeat 0 0;background-size: 100% 100%;width: 14px;height: 14px;top: 1px;left: 0;}
.lottery_list h3{font-size: 11px;line-height: 16px;color:#000;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.lottery_list .countdown_box{padding-top: 10px;}
/*lottery sec end*/

/*shop cart sec*/
.shop_cart_sec{padding-bottom: 51px;}
.shop_cart_sec .choose_all{background: #fff;font-size: 14px;color:#000;height: 23px;line-height: 23px;padding: 12px 0;}
.shop_cart_sec .choose_all .btn_choose{float: left;margin: 1px 8px 0;}
.shop_cart_sec .choose_all .btn_edit{float: right;margin-right: 10px;color:#000;text-align: right;width: 40px;height: 40px;line-height: 40px;position: relative;top: -8px;}

.shopcart_list {background: #fff;}
.shopcart_list li{padding-left: 37px;position: relative;}
.shopcart_list .btn_choose{position: absolute;top: 50%;left: 9px;margin-top: -10px;}
.shopcart_list .shopcart_wrap{padding: 12px 10px 12px 88px;position: relative;border-top: 1px solid #ebecec;min-height: 98px;}
.shopcart_list .img_box{position: absolute;width: 80px;height: 96px;background: #f2f2f2;top: 12px;left: 0;}
.shopcart_list .img_box img{max-width: 75px;}
.shopcart_list h3{line-height: 16px;height: 32px;color:#000;position: relative;overflow: hidden;word-break: break-all;}
.shopcart_list .txt_count{font-size: 11px;line-height: 14px;margin: 4px 0 3px;}
.shopcart_list .txt_count span{padding-right: 10px;}
.shopcart_list .txt_count em{color:#1187de;}
.shopcart_list .join_box{float: left;position: relative;}
.shopcart_list .shopcart_wrap label{font-size: 11px;line-height: 14px;}
.shopcart_list .term_box{float: right;width: 57px;position: relative;}
.shopcart_list .term_box input{display: block;text-align: center;width: 55px;height: 25px;border: 1px solid #e3e3e3;}
.shopcart_list .txt_error{position: absolute;font-size: 11px;line-height: 12px;top: 100%;color:#eb3a3f;white-space: nowrap;}
.shopcart_list .join_box .txt_error{left: 0;}
.shopcart_list .term_box .txt_error{right: 0;}

.shop_cart_sec .total_box{position: fixed;width: 100%;height: 36px;padding: 7px 0 7px 9px;line-height: 18px;background: #fcfcfc;bottom: 48px;left: 0;border-top: 1px solid #d0d0d0;}
.shop_cart_sec .total_box .txt_total{font-size: 14px;}
.shop_cart_sec .total_box .txt_total em{color:#f91d19;font-weight: bold;}
.shop_cart_sec .total_box .txt_cur{font-size: 11px;}
.shop_cart_sec .total_box .btn_buy{position: absolute;width: 98px;height: 51px;top: -1px;right: 0;background: #f91d19;text-align: center;line-height: 50px;font-size: 16px;color:#fff;}

.shop_cart_sec .txt_empty:before{background-image: url('../img/e_shopcart.png');}

.edit .shopcart_list .shopcart_wrap{padding-right: 80px;}
.edit .shopcart_list h3{height: 48px;}
.edit .shopcart_list .btn_delete{position: absolute;width: 58px;height: 114px;background: #f91d19;top: 50%;margin-top: -57px;right: 0;text-align: center;line-height: 114px;font-size: 14px;color:#fff;}
.shop_cart_sec.edit .total_box .btn_buy{background: #bfbfbf;}
/*shop cart sec end*/

/*share sec*/
.share_sec .ot_share_list .txt_share{height: 16px;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*share sec end*/

/*share detail sec*/
.share_detail_sec .share_feed{margin-bottom: 0;}
/*share detail sec end*/

/*award sec*/
.award_share_sec{}
.award_share_sec .txt_empty:before{background-image: url('../img/e_share.png');}
.award_share_sec .goods_list{background: #fff;}
.award_share_sec .goods_list .txt_join{color: #000;}
.award_share_sec .goods_list .txt_join em{color: #ff6a00;}
/*award sec end*/

/*share edit sec*/
.share_edit_sec{padding: 13px;background: #fff;}
.share_edit_sec textarea{display: block;width: 100%;border: none;font-size: 14px;line-height: 18px;color:#000;height: 60px;resize:none;margin-bottom: 10px;}
.share_edit_sec .photo_tt{float: left;width: 25%;text-align: center;}
.share_edit_sec .img_box{display: inline-block;width: 58px;height: 58px;position: relative;background: #ededed;}
.share_edit_sec .img_box img{display: block;width: 100%;height: 100%;}
.share_edit_sec .img_box a{position: absolute;width: 20px;height: 20px;top: -10px;right: -10px;background: url('../img/btn_close.png');background-size: 100% 100%;}
.share_edit_sec .btn_add{display: inline-block;;width: 58px;height: 58px;position: relative;background: url('../img/add_photo.png');background-size: 100% 100%;}
.share_edit_sec .btn_add .btn{position: absolute;width: 58px;height: 58px;top: 0;left: 0;opacity: 0;line-height: 58px;}
.share_edit_sec .photo_box{border-bottom: 1px solid #dfe3e6;padding-bottom: 13px;}
.share_edit_sec .btn_send{float: right;width: 98px;height: 36px;line-height: 36px;text-align: center;color:#fff;font-size: 16px;border-radius: 4px;-webkit-border-radius: 4px;margin-top: 13px;background: #ff6a16;}
/*share edit sec end*/

/*exchange sec*/
.exchange_sec{}
.exchange_nav{background: #fff;width: 100%;height: 40px;border-bottom: 1px solid #ebecec;position: relative;}
.exchange_nav a{float: left;width: 33.33%;height: 38px;text-align: center;line-height: 38px;font-size: 15px;color:#000;}
.exchange_nav a .num{font-size: 12px;}
.exchange_nav a.cur,.exchange_nav a:active{color:#ff6600;}
.exchange_nav .cur_line{position: absolute;bottom: -1px;width: 33.33%;height: 3px;background: #ff6a16;transition: left .3s;-webkit-transition: left .3s;}
.exchange_nav .cur_1{left: 0;}
.exchange_nav .cur_2{left: 33.33%;}
.exchange_nav .cur_3{left: 66.66%;}
.exchange_sec .goods_list{padding: 0;}
.exchange_sec .goods_list li{padding: 13px 13px 19px 105px;border-bottom: none;margin-bottom: 10px;}
.exchange_sec .goods_list .img_box{left: 13px;}
.exchange_sec .goods_list h3{padding-bottom: 2px;line-height: 15px;height: 30px;}
.exchange_sec .goods_list .txt_info{line-height: 15px;}
.exchange_sec .goods_list .txt_join{left: 105px;}
.exchange_sec .txt_empty:before{background-image: url('../img/e_exchange.png');}
/*exchange sec end*/

/*award record sec*/
.award_record_sec{}
.award_record_sec .goods_list{background: #fff;}
.award_record_sec h2{font-size: 14px;color:#000;font-weight: normal;}
.award_status{padding-left: 13px;background: #fff;margin-bottom: 9px;}
.award_status h2{line-height: 40px;border-bottom: 1px solid #e5e5e6;}
.status_list{padding: 13px 13px 13px 9px;}
.status_list li{padding-left: 18px;border-left: 1px dashed #c9c9c9;position: relative;min-height: 40px;}
.status_list li:last-child{height: 18px;min-height: 18px;}
.status_list .ico_status{position: absolute;width: 16px;height: 16px;border-radius: 100%;-webkit-border-radius: 100%;border: 1px solid #c8c8c8;top: 0;left: -9px;background: #fff;}
.status_list .status_box{height: 26px;line-height: 18px;font-size: 14px;}
.status_list .txt_status{float: right;position: relative;width: 50%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 11px;text-align: right;}
.status_list .btn_status{float: right;width: 62px;position: relative;top: -4px;}
.status_list .address_confirm{padding: 10px 0 12px;border-top: 1px solid #e7e8e8;border-bottom: 1px solid #e7e8e8;margin: 2px 0 10px;}
.status_list .address_confirm .txt_address{line-height: 16px;}
.status_list .address_confirm .address{display: block;margin-top: 8px;}
.status_list .address_confirm .btn_box{margin-top: 8px;}
.status_list .address_confirm .btn_box a{float: left;width: 60px;margin-right: 13px;}
.status_list .address_confirm .btn_alter{border-color: #e0e0e0;color:#383838;}
.status_list li.done{border-color: #31d66c;}
.status_list li.done .ico_status{border: none;width: 18px;height: 18px;background: url('../img/ico_yes2.png') no-repeat 0 0;background-size: 100% 100%;}
.status_list li.done .txt_item{color:#000;}
.status_list li.ing .ico_status{border-color: #31d66c;}
.status_list li.ing .ico_status:before{content: "";position: absolute;width: 8px;height: 8px;border-radius: 100%;-webkit-border-radius: 100%;background: #31d66c;top: 4px;left: 4px;}
.status_list li.ing .txt_item{color:#000;}
.status_list li.ing .txt_status{color:#ff6600;}

.logistics_status{padding: 8px 0 0 13px;background: #fff;margin-bottom: 9px;}
.logistics_status h2{line-height: 26px;}
.logistics_status .txt_order{font-size: 11px;line-height: 13px;}
.logistics_list{padding: 15px 13px 18px 9px;margin-top: 10px;border-top: 1px solid #e2e3e4;}
.logistics_list li{padding-left: 18px;border-left: 1px dashed #5dbefb;position: relative;min-height: 37px;}
.logistics_list li:last-child{height: 18px;min-height: 18px;}
.logistics_list .ico_status{position: absolute;width: 18px;height: 18px;border-radius: 100%;-webkit-border-radius: 100%;top: 0;left: -9px;background: #ccebfe;}
.logistics_list .ico_status:before{content: "";position: absolute;width: 8px;height: 8px;border-radius: 100%;-webkit-border-radius: 100%;background: #49b4fb;top: 5px;left: 5px;}
.logistics_list .txt_status{line-height: 13px;position: relative;top: -2px;}
.logistics_list .txt_status strong{color:#000;}
.logistics_list .txt_time{line-height: 12px;font-size: 11px;position: relative;top: -2px;}

.recieve_info{background: #fff;margin-bottom: 9px;padding: 8px 13px;}
.recieve_info h2{line-height: 22px;}
.recieve_info .txt_recieve{font-size: 11px;line-height: 14px;height: 14px;}
.recieve_info .txt_recieve span{float: left;margin-right: 7px;}

.award_list{background: #fff;}
.award_list h2{margin-left: 13px;line-height: 40px;border-bottom: 1px solid #e5e5e6;}

.award_record_sec .txt_empty:before{background-image: url('../img/e_award.png');}
/*award record sec end*/

/*goods detail sec*/
.goods_detail_sec{}
.goods_detail_sec .tip_box{padding: 10px 0;text-align: center;line-height: 16px;color: #fff1f1;background: url('../img/lottery_bg.jpg') repeat-y center top;background-size: 100% auto;}
.goods_detail_sec .time_box{height: 36px;line-height: 36px;border-bottom: 1px solid #ebecec;padding: 0 13px;background: #fff;}
.goods_detail_sec .time_box .txt_time{font-weight: bold;color:#e20600;float: left;}
.goods_detail_sec .time_box .countdown_box{float: right;margin-top: 8px;}
.goods_detail_sec .img_box{width: 100%;height: 170px;background: #fff;}
.goods_detail_sec .img_box img{max-height: 130px;}
.goods_detail_sec .goods_info{padding: 10px 13px 8px;}
.goods_detail_sec .goods_info h3{font-size: 13px;line-height: 14px;color:#000;padding-bottom: 7px;}
.goods_detail_sec .goods_msg{background: #fff;padding: 13px 0;}
.goods_detail_sec .goods_msg .txt_msg{color: #808080;float: left;width: 33%;padding-top: 18px;text-align: center;position: relative;border-right: 1px solid #e6e7e7;}
.goods_detail_sec .goods_msg .txt_msg:last-child{border-right: none;}
.goods_detail_sec .goods_msg .txt_msg em{position: absolute;width: 100%;top: 0;left: 0;color:#000;}
.goods_detail_sec .join_box{margin-top: 9px;padding-left: 13px;background: #fff;}
.goods_detail_sec .join_box .join_feed:last-child .join_info{border-bottom: none;}
.goods_detail_sec .buy_box{position: fixed;width: 100%;height: 46px;bottom: 0;left: 0;z-index: 5;border-top: 1px solid #cbcbcb;background: #fcfcfc;}
.goods_detail_sec .buy_cont{padding-left: 125px;position: relative;}
.goods_detail_sec .up_down_choose{width: auto;height: 46px;position: absolute;top: 0;left: 0;}
.goods_detail_sec .up_down_choose a{width: 36px;height: 100%;border: none;}
.goods_detail_sec .up_down_choose a:before{top: 50%;left: 10px;margin-top: -1px;}
.goods_detail_sec .up_down_choose .gd_up:after{top: 15px;left: 50%;margin-left: -1px;}
.goods_detail_sec .up_down_choose input{margin: 0;width: 51px;height: 46px;line-height: 46px;background: #fcfcfc;border-top: 0;border-bottom: 0;font-size: 15px;color:#383838;}
.goods_detail_sec .btn_add,.goods_detail_sec .btn_buy{float: left;width: 50%;height: 100%;text-align: center;line-height: 46px;font-size: 16px;color:#fff;}
.goods_detail_sec .btn_add{background: #ff821d;}
.goods_detail_sec .btn_buy{background: #f91d19;}
.goods_detail_sec .award_user{background: #fff;position: relative;}
.goods_detail_sec .award_user h2{position: absolute;width: 30px;text-align: center;padding: 2px 0 6px;background: #ff530f;top: 0;right: 13px;border-bottom-left-radius: 2px;-webkit-border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;-webkit-border-bottom-right-radius: 2px;font-size: 11px;line-height: 14px;color:#fff;}
.goods_detail_sec .award_user h2:after{content: "";position: absolute;width: 0;height: 0;border-width: 4px 13px;border-style: dashed dashed solid dashed;border-color: transparent transparent #fff transparent;bottom: 0;left: 50%;margin-left: -13px;}
.goods_detail_sec .user_info{padding: 12px 0 0 55px;position: relative;}
.goods_detail_sec .user_info img{position: absolute;width: 34px;height: 34px;border-radius: 100%;-webkit-border-radius: 100%;top: 12px;left: 13px;}
.goods_detail_sec .user_info .txt_name{font-size: 14px;line-height: 14px;font-weight: bold;color:#ff4e00;padding-bottom: 3px;}
.goods_detail_sec .user_info .txt_info{line-height: 20px;}
.goods_detail_sec .user_info .txt_info em{color:#1187de;}
.goods_detail_sec .user_info .txt_info strong{color:#ff4e00;}
.goods_detail_sec .user_info .txt_info .btn_look{float: right;color: #1187de;margin-right: 10px;}
.goods_detail_sec .btn_count{display: block;height: 38px;line-height: 38px;font-size: 13px;color:#000;position: relative;border-top: 1px solid #e5e5e6;margin-top: 7px;}
.goods_detail_sec .btn_count:active{color:#1187de;}
.goods_detail_sec .btn_count:before,.goods_detail_sec .btn_count:after{content: "";position: absolute;width: 10px;height: 2px;top: 50%;right: 13px;margin-top: -1px;background: #c7c7c7;transform-origin: center right;-webkit-transform-origin: center right;}
.goods_detail_sec .btn_count:before{transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.goods_detail_sec .btn_count:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.goods_detail_sec .count_box{background: #fff;padding: 13px;margin-bottom: 9px;}
.goods_detail_sec .count_box h2{font-size: 16px;color:#000;line-height: 18px;padding-bottom: 4px;}
.goods_detail_sec .count_box .txt_count{line-height: 20px;}
.goods_detail_sec .count_box strong{color:#dc0000;}
.goods_detail_sec .count_box table{text-align: left;border-top: 1px solid #dfe3e6;vertical-align: middle;margin-top: 8px;width: 100%;}
.goods_detail_sec .count_box th{height: 26px;color:#000;padding-top: 4px;}
.goods_detail_sec .count_box td{height: 21px;font-size: 11px;}
.goods_detail_sec .count_box td p{width: 102px;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.goods_detail_sec .count_box .btn_about{font-size: 11px;color:#1187de;padding-left: 15px;}
.goods_detail_sec .empty_box{background: #fff;text-align: center;padding: 15px 0;margin-top: 9px;color:#8c8c8c;line-height: 18px;}
.goods_detail_sec .empty_box strong{display: block;font-size: 14px;color:#000;}

/*goods detail sec end*/

/*rule sec*/
.rule_sec{width: 100%;height: 100%;position: relative;zoom:1;overflow: hidden;}
.rule_sec .rule_list{position: relative;height: 100%;color:#fff;}
.rule_sec .page{position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;text-align: center;transition: all;-webkit-transition: all;transform-origin:center bottom;-webkit-transform-origin:center bottom;}
.rule_sec .page .content{position: absolute;width: 100%;top: 40px;left: -9999rem;bottom: 0;}
.rule_sec .page.show .content{left: 0;}

.rule_sec .page h3{font-size: 32px;font-weight: bold;line-height: 32px;padding-top: 35px;}
.rule_sec .page .txt_page{font-size: 16px;line-height: 31px;}
.rule_sec .page .txt_step{display: inline-block;border: 3px solid #fff;font-size: 21px;line-height: 27px;padding: 0 4px;}

.rule_sec .page1{background: #05beff;}
.rule_sec .page2{background: #fab433;}
.rule_sec .page3{background: #df2e37;}
.rule_sec .page4{background: #f2f2f2;}

.rule_sec .page1 .ico_box{position: absolute;width: 123px;height: 256px;top: 50%;left: 50%;margin: -62px 0 0 -61px;}
.rule_sec .page1 .ico_box:before,.rule_sec .page1 .ico_box:after{content: "";position: absolute;background: url('../img/p1_ico5.png');background-size: 100% 100%;width: 29px;height: 28px;}
.rule_sec .page1 .ico_box:before{left: 100%;margin-left: 9px;top: 76px;}
.rule_sec .page1 .ico_box:after{top: 120px;right: 100%;margin-right: 8px;transform:rotateY(180deg) scale(.9);-webkit-transform:rotateY(180deg) scale(.9);}
.rule_sec .page1 .i_phone{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('../img/p1_ico4.png');background-size: 100% 100%;z-index: 5;}
.rule_sec .page1 .i_round1{position: absolute;top: -12px;left: -60px;background: url('../img/p1_ico1.png');background-size: 100% 100%;width: 103px;height: 103px;z-index: 10;}
.rule_sec .page1 .i_round2{position: absolute;bottom: 8px;left: -65px;background: url('../img/p1_ico2.png');background-size: 100% 100%;width: 91px;height: 91px;z-index: 10;}
.rule_sec .page1 .i_round3{position: absolute;top: 119px;left: 113px;background: url('../img/p1_ico3.png');background-size: 100% 100%;width: 80px;height: 80px;}

.rule_sec .page2 .ico_box{position: absolute;width: 123px;height: 256px;top: 50%;left: 50%;margin: -62px 0 0 -61px;}
.rule_sec .page2 .ico_box:before{content: "";position: absolute;top: 16px;right: 100%;margin-right: -8px;background: url('../img/p2_ico3.png');background-size: 100% 100%;width: 73px;height: 58px;}
.rule_sec .page2 .i_phone{position: absolute;top: 0;right: 0;background: url('../img/p2_ico1.png');background-size: 100% 100%;width: 221px;height: 291px;transform-origin:left bottom;-webkit-transform-origin:left bottom;}
.rule_sec .page2 .txt_count{position: absolute;width: 41px;height: 40px;top: 112px;right: 41px;font-size: 16px;text-align: center;line-height: 40px;color:#ff6600;}
.rule_sec .page2 .txt_total{position: absolute;top: 167px;left: 0;text-align: center;font-size: 11px;line-height: 12px;width: 100%;}
.rule_sec .page2 .txt_btn{position: absolute;top: 182px;left: 13px;right: 13px;height: 41px;line-height: 41px;text-align: center;background: #ff8a3e;color:#fff;}
.rule_sec .page2 .right_hand{position: absolute;top: 128px;left: 100%;margin-left: -17px;background: url('../img/p2_ico2.png');background-size: 100% 100%;width: 116px;height: 154px;transform-origin:left top;-webkit-transform-origin:left top;}
.rule_sec .page2 .ico_i1:before,.rule_sec .page2 .ico_i1:after{content: "";position: absolute;background: url('../img/p2_ico4.png');background-size: 100% 100%;}
.rule_sec .page2 .ico_i1:before{width: 30px;height: 30px;top: 60px;left: 157px;}
.rule_sec .page2 .ico_i1:after{width: 20px;height: 20px;top: 95px;left: 130px;}
.rule_sec .page2 .ico_i2:before{content: "";position: absolute;top: 100%;left: 115px;background: url('../img/p2_ico5.png');background-size: 100% 100%;width: 41px;height: 45px;}
.rule_sec .page2 .ico_i2:after{content: "";position: absolute;top: 100%;left: -30px;background: url('../img/p2_ico6.png');background-size: 100% 100%;width: 25px;height: 23px;}

.rule_sec .page3 .ico_box{position: absolute;width: 100%;height: 197px;top: 50%;left: 0;margin-top: -42px;}
.rule_sec .page3 .i_phone{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url('../img/p3_ico1.png');background-size: 100% 100%;}
.rule_sec .page3 .txt_total{position: absolute;width: 100%;top: 133px;left: 0;text-align: center;font-size: 16px;line-height: 16px;}
.rule_sec .page3 .progress{position: absolute;width: 133px;height: 15px;top: 156px;left: 50%;margin-left: -66px;background: #ff7012;border-radius: 1.1rem;}
.rule_sec .page3 .progress i{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.rule_sec .page3 .progress i:before{content: "";display: block;width: 100%;height: 100%;background: url('../img/p3_ico2.png');background-size: 100% 100%;}
.rule_sec .page3 .txt_success{position: absolute;width: 100%;top: 179px;left: 0;text-align: center;font-size: 21px;line-height: 21px;color:#f6d317;}
.rule_sec .page3 .ico_box:before{content: "";position: absolute;width: 16px;height: 16px;background: #bc1317;top: -17px;left: 48px;}
.rule_sec .page3 .ico_box:after{content: "";position: absolute;width: 12px;height: 12px;background: #bc1317;top: -23px;right: 50px;}
.rule_sec .page3 .ico_i1:before{content: "";position: absolute;width: 10px;height: 10px;background: #fced45;top: 0;right: 65px;}
.rule_sec .page3 .ico_i1:after{content: "";position: absolute;width: 10px;height: 10px;background: #fced45;top: 220px;left: 86px;}
.rule_sec .page3 .ico_i2{content: "";position: absolute;width: 12px;height: 12px;background: #bc1317;top: 260px;right: 56px;}
.rule_sec .page3 .ico_box:before,.rule_sec .page3 .ico_box:after,.rule_sec .page3 .ico_i1:before,.rule_sec .page3 .ico_i1:after,.rule_sec .page3 .ico_i2{transform:rotate(45deg);-webkit-transform:rotate(45deg);}

.rule_sec.rule_brief{height: auto;}
.rule_sec .rule_box{background: #fff;padding: 0 9px 9px;margin-bottom: 9px;text-align: left;}
.rule_sec .rule_box h2{font-size: 14px;color:#ff6600;font-weight: normal;line-height: 38px;border-bottom: 1px solid #dedfe0;}
.rule_sec .rule_cont{padding-top: 9px;line-height: 18px;color:#000;}
.rule_sec .rule_cont li{padding-left: 16px;position: relative;margin-bottom: 4px;}
.rule_sec .rule_cont .num{position: absolute;top: 0;left: 0;}
.rule_sec .rule_cont .txt_tip{font-size: 11px;color:#808080;}

.rule_sec .control_box{position: absolute;bottom: 13px;left: 50%;height: 14px;}
.rule_sec .control_box:before{position: absolute;content: "";background: url('../img/top_arrow.png');background-size: 100% 100%;width: 1.5rem;height: 1.2rem;top: 50%;left: 50%;margin: -.6rem 0 0 -.75rem;}

.rule_sec .control_box{
	animation: control_effect 1.4s both linear infinite;
	-webkit-animation: control_effect 1.4s both linear infinite;
} 
@keyframes control_effect{
	0%{transform: translate(0,0);}
	25%{transform: translate(0,20%);}
	75%{transform: translate(0,-20%);}
	100%{transform: translate(0,0);}
}
@-webkit-keyframes control_effect{
	0%{-webkit-transform: translate(0,0);}
	25%{-webkit-transform: translate(0,20%);}
	75%{-webkit-transform: translate(0,-20%);}
	100%{-webkit-transform: translate(0,0);}
}

.rule_sec .show.page .txt_step{
	animation: step_effect .4s both linear;
	-webkit-animation: step_effect .4s both linear;
} 
@keyframes step_effect{
	0%{transform: scale(2,2);opacity: 0;}
	30%{opacity: 1;}
	60%{transform: scale(.9,.9);}
	80%{transform: scale(1.2,1.2);}
	100%{transform: scale(1,1);}
}
@-webkit-keyframes step_effect{
	0%{-webkit-transform: scale(2,2);opacity: 0;}
	30%{opacity: 1;}
	60%{-webkit-transform: scale(.9,.9);}
	80%{-webkit-transform: scale(1.2,1.2);}
	100%{-webkit-transform: scale(1,1);}
}
.rule_sec .show.page h3{
	animation: h3_effect .4s .4s both linear;
	-webkit-animation: h3_effect .4s .4s both linear;
} 
@keyframes h3_effect{
	0%{transform: translate(0,-40%);opacity: 0;}
	100%{transform: translate(0,0);opacity: 1;}
}
@-webkit-keyframes h3_effect{
	0%{-webkit-transform: translate(0,-40%);opacity: 0;}
	100%{-webkit-transform: translate(0,0);opacity: 1;}
}
.rule_sec .show.page .txt_page{
	animation: opc_effect .4s .8s both linear;
	-webkit-animation: opc_effect .4s .8s both linear;
} 

.rule_sec .page1.show .i_phone{
	animation: p1ph_effect .4s 1.2s both linear;
	-webkit-animation: p1ph_effect .4s 1.2s both linear;
} 
@keyframes p1ph_effect{
	0%{transform: translate(0,-10%);opacity: 0;}
	100%{transform: translate(0,0);opacity: 1;}
}
@-webkit-keyframes p1ph_effect{
	0%{-webkit-transform: translate(0,-10%);opacity: 0;}
	100%{-webkit-transform: translate(0,0);opacity: 1;}
}
.rule_sec .page1.show .i_round1,.rule_sec .page1.show .i_round2,.rule_sec .page1.show .i_round3{
	animation: p1round_effect .3s 1.6s both linear;
	-webkit-animation: p1round_effect .3s 1.6s both linear;
} 
@keyframes p1round_effect{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@-webkit-keyframes p1round_effect{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
.rule_sec .page1.show .i_round3:after{
	animation: p1r3a_effect .3s 2s both linear;
	-webkit-animation: p1r3a_effect .3s 2s both linear;
} 
@keyframes p1r3a_effect{
	0%{transform: scale(4,4);opacity: 0;}
	100%{transform: scale(1,1);opacity: 1;}
}
@-webkit-keyframes p1r3a_effect{
	0%{-webkit-transform: scale(4,4);opacity: 0;}
	100%{-webkit-transform: scale(1,1);opacity: 1;}
}

.rule_sec .page2.show .i_phone{
	animation: p2ip_effect .3s 1.2s both linear;
	-webkit-animation: p2ip_effect .3s 1.2s both linear;
} 
@keyframes p2ip_effect{
	0%{transform: rotate(-20deg);opacity: 0;}
	100%{transform: rotate(0deg);opacity: 1;}
}
@-webkit-keyframes p2ip_effect{
	0%{-webkit-transform: rotate(-20deg);opacity: 0;}
	100%{-webkit-transform: rotate(0deg);opacity: 1;}
}
.rule_sec .page2.show .right_hand{
	animation: p2rh_effect .3s 1.5s both linear;
	-webkit-animation: p2rh_effect .3s 1.5s both linear;
} 
@keyframes p2rh_effect{
	0%{transform: scale(2,2);opacity: 0;}
	100%{transform: scale(1,1);opacity: 1;}
}
@-webkit-keyframes p2rh_effect{
	0%{-webkit-transform: scale(2,2);opacity: 0;}
	100%{-webkit-transform: scale(1,1);opacity: 1;}
}
.rule_sec .page2.show .txt_total{
	animation: p2tto_effect .3s 2.7s both linear;
	-webkit-animation: p2tto_effect .3s 2.7s both linear;
} 
@keyframes p2tto_effect{
	0%{transform: translate(0,-50%);opacity: 0;}
	100%{transform: translate(0,0);opacity: 1;}
}
@-webkit-keyframes p2tto_effect{
	0%{-webkit-transform: translate(0,-50%);opacity: 0;}
	100%{-webkit-transform: translate(0,0);opacity: 1;}
}
.rule_sec .page2.show .txt_btn{
	animation: p2tbt_effect .3s 3s both linear;
	-webkit-animation: p2tbt_effect .3s 3s both linear;
} 
@keyframes p2tbt_effect{
	0%{transform: scale(.8,.8);opacity: 0;}
	40%{transform: scale(1.1,1.1);opacity: 1;}
	70%{transform: scale(.9,.9);}
	100%{transform: scale(1,1);}
}
@-webkit-keyframes p2tbt_effect{
	0%{-webkit-transform: scale(.8,.8);opacity: 0;}
	40%{-webkit-transform: scale(1.1,1.1);opacity: 1;}
	70%{-webkit-transform: scale(.9,.9);}
	100%{-webkit-transform: scale(1,1);}
}

.rule_sec .page3.show .i_phone{
	animation: p3ph_effect .4s 1.2s both linear;
	-webkit-animation: p3ph_effect .4s 1.2s both linear;
} 
@keyframes p3ph_effect{
	0%{transform: translate(0,-10%);opacity: 0;}
	100%{transform: translate(0,0);opacity: 1;}
}
@-webkit-keyframes p3ph_effect{
	0%{-webkit-transform: rotate(0deg);opacity: 0;}
	25%{-webkit-transform: rotate(-8deg);opacity: 1;}
	75%{-webkit-transform: rotate(8deg);}
	100%{-webkit-transform: rotate(0deg);}
}

.rule_sec .page3.show .progress{
	animation: opc_effect .2s 1.6s both linear;
	-webkit-animation: opc_effect .2s 1.6s both linear;
} 

.rule_sec .page3.show .progress i{
	animation: p3prs_effect .5s 1.8s both linear;
	-webkit-animation: p3prs_effect .5s 1.8s both linear;
} 
@keyframes p3prs_effect{
	0%{width: 0;}
	100%{width: 100%;}
}
@-webkit-keyframes p3prs_effect{
	0%{width: 0;}
	100%{width: 100%;}
}

.rule_sec .page3.show .txt_total{
	animation: p3tto_effect .3s 2.3s both linear;
	-webkit-animation: p3tto_effect .3s 2.3s both linear;
} 
@keyframes p3tto_effect{
	0%{transform: translate(0,-50%);opacity: 0;}
	100%{transform: translate(0,0);opacity: 1;}
}
@-webkit-keyframes p3tto_effect{
	0%{-webkit-transform: translate(0,-50%);opacity: 0;}
	100%{-webkit-transform: translate(0,0);opacity: 1;}
}
.rule_sec .page3.show .txt_success{
	animation: p3tsuc_effect .3s 2.6s both linear;
	-webkit-animation: p3tsuc_effect .3s 2.6s both linear;
} 
@keyframes p3tsuc_effect{
	0%{transform: translate(0,50%);opacity: 0;}
	100%{transform: translate(0,0);opacity: 1;}
}
@-webkit-keyframes p3tsuc_effect{
	0%{-webkit-transform: translate(0,50%);opacity: 0;}
	100%{-webkit-transform: translate(0,0);opacity: 1;}
}

@keyframes opc_effect{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@-webkit-keyframes opc_effect{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
/*rule sec end*/

/*recharge sec*/
.recharge_sec{}
.recharge_amount,.recharge_way,.jf_deduction{background: #fff;margin-bottom: 9px;}
.recharge_amount{padding: 0 13px;font-size: 14px;color:#000;}
.recharge_amount .amount_box{height: 27px;line-height: 27px;padding: 13px 0;border-bottom: 1px solid #dedfd0;}
.recharge_amount .amount_box label{float: left;}
.recharge_amount .amount_box .up_down_choose{float: right;}
.recharge_amount .money_box{height: 40px;line-height: 40px;}
.recharge_amount .money_box strong{font-size: 11px;float: right;}
.recharge_amount .money_box em{font-size: 16px;padding-left: 3px;}
.recharge_way dt{height: 30px;line-height: 30px;padding-left: 13px;}
.recharge_way .txt_way{margin: 0 13px;height: 40px;line-height: 40px;font-size: 14px;color:#000;padding-left: 35px;position: relative;border-top: 1px solid #dedfe0;}
.recharge_way .txt_way:before{display: none;content: "";position: absolute;top: 9px;left: 0;width: 22px;height: 22px;background-size: 100% 100%;}
.recharge_way .alipay:before{background-image: url('../img/ic_alipay.png');}
.recharge_way .wechat:before{background-image: url('../img/ic_wechat.png');}
.recharge_way .act_code:before{background-image: url('../img/ic_acode.png');}
.recharge_way .btn_way{position:absolute;width: 15px;height: 15px;border: 1px solid #dedfe0;border-radius: 3px;-webkit-border-radius: 3px;right: 0;top: 11px;}
.recharge_way .choose .btn_way{border-color: #ff530f;}
.recharge_way .choose .btn_way:before{content: "";position: absolute;top: 50%;left: 50%;background: url('../img/ico_yes4.png') no-repeat 0 0;background-size: 100% 100%;width: 10px;height: 8px;margin: -4px 0 0 -5px;}
.recharge_way .choose .txt_way{color:#1085db;}

.recharge_way .code_pay{border-top: 1px solid #dedfe0;}
.recharge_way .input_box{height: 30px;padding: 9px 16px 9px 100px;line-height: 30px;position: relative;font-size: 14px;color:#000;}
.recharge_way .input_box label{position: absolute;top: 9px;left: 0;width: 100px;text-align: right;}
.recharge_way .input_box input{display:block;width: 100%;height: 28px;line-height: 28px;border: 1px solid #a9a9a9;color:#000;text-indent: 10px;}
.recharge_way .input_box .code_input{width: 82px;}
.recharge_way .btn_code{position: absolute;width: 110px;height: 30px;top: 9px;right: 16px;background: #ff6a16;color:#fff;text-align: center;}
.recharge_way .btn_code.grey{background: #dedede;color: #000;}
.jf_deduction{padding-left: 13px;}
.jf_deduction .deduction_box{height: 18px;line-height: 18px;padding: 11px 0;border-bottom: 1px solid #dedfd0;font-size: 13px;color:#000;}
.jf_deduction .txt_deduction{margin-right: 13px;padding-right: 25px;padding-left: 35px;position: relative;font-size: 14px;color:#000;}
.jf_deduction .txt_deduction:before{content: "";position: absolute;width: 22px;height: 22px;top: -2px;left: 0;background: url('../img/ic_redp.png');background-size: 100% 100%;}
.jf_deduction .txt_deduction strong{font-size: 11px;float: right;}
.jf_deduction .txt_deduction em{font-size: 16px;padding-left: 3px;}
.jf_deduction .btn_deduction{position:absolute;width: 15px;height: 15px;border: 1px solid #ff530f;border-radius: 3px;-webkit-border-radius: 3px;right: 0;top: 0;}
.jf_deduction .btn_deduction.choose:before{content: "";position: absolute;top: 50%;left: 50%;background: url('../img/ico_yes4.png') no-repeat 0 0;background-size: 100% 100%;width: 10px;height: 8px;margin: -4px 0 0 -5px;}
.jf_deduction .txt_deduction.text_red{color:#ef1417;}
.jf_deduction .bor_none{border:0;}
.jf_deduction .up_down_choose{float: left;margin-right: 9px;}
.jf_deduction .num_deduction strong{color:#ff6600;font-size: 11px;}
.jf_deduction .num_deduction em{font-size: 16px;font-weight: bold;}
.jf_deduction .deduction_tip{line-height: 20px;padding: 9px 0;}
.jf_deduction .jf_num{color:#000;}
.jf_deduction .jf_num em{font-size: 11px;color:#ef1417;padding-left: 9px;}
.jf_deduction .jf_tip{font-size: 11px;}
.recharge_sec .total_box{height:40px;line-height: 40px;padding: 0 13px;font-size: 14px;color:#000;background: #fff;}
.recharge_sec .total_box strong{font-size: 11px;float: right;color:#ff4000;}
.recharge_sec .total_box em{font-size: 16px;padding-left: 3px;font-weight: bold;}
.recharge_sure{padding: 30px 13px 8px;text-align: center;}
.recharge_sure .btn_recharge{display: block;height: 40px;line-height: 40px;font-size: 18px;color:#fff;background: #ff6414;border-radius: 4px;-webkit-border-radius: 4px;}
.recharge_sure .txt_tip{padding-top: 9px;}

.recharge_sec .result_box{padding: 10px 13px 15px;background: #fff;text-align: center;}
.recharge_sec .result_box h2{font-size: 13px;color:#333;font-weight: bold;line-height: 20px;border-bottom: 1px solid #edeeee;padding-bottom: 8px;}
.recharge_sec .result_box h2 em{font-weight: bold;}
.recharge_sec .result_box .txt_fail{padding: 30px 0 10px;font-size: 13px;line-height: 30px;text-align:center;color:#333;}
.recharge_sec .result_box .txt_fail strong{display: block;font-size: 20px;color:#fb711f;}
.recharge_sec .result_box .txt_congratulate{display:block;background: url('../img/congratulate.png') no-repeat 0 0;background-size: 100% 100%;width: 160px;height: 39px;padding: 63px 7px 0 0;line-height: 35px;font-size: 16px;color:#fff;margin: 0 auto 10px;}
.recharge_sec .result_box .txt_result{line-height: 17px;padding-top: 10px;}
.recharge_sec .result_box .txt_tip{font-size: 11px;color:#b3b3b3;line-height: 17px;}
.recharge_sec .btn_result{display: block;margin: 18px 13px 0;height: 40px;line-height: 40px;font-size: 18px;color:#fff;background: #ff6414;border-radius: 4px;-webkit-border-radius: 4px;text-align: center;}
.recharge_sec .code_box{position: relative;height: 128px;background: #fff;margin-top: 30px;}
.recharge_sec .code_box .txt_code{font-size: 14px;line-height: 18px;color:#000;position:absolute;top: 38px;left: 30px;width: 115px;text-align: center;}
.recharge_sec .code_box .txt_tip{font-size: 11px;line-height: 12px;color:#ec2b32;margin-top: 5px;}
.recharge_sec .code_box img{position: absolute;top: 50%;right: 40px;width: 92px;height: 92px;margin-top: -46px;}

.recharge_sec .recharge_record{padding: 13px;margin-bottom: 9px;background: #fff;line-height: 18px;}
.recharge_sec .record_list{padding-left: 13px;background: #fff;}
.recharge_sec .record_list table{width: 100%;vertical-align: middle;text-align: left;}
.recharge_sec .record_list th{height: 40px;font-size: 14px;color:#333;}
.recharge_sec .record_list td{height: 36px;font-size: 11px;border-top: 1px solid #dedfe0;}
.recharge_sec .record_list tr td:first-child{max-width: 140px;padding-right: 10px;word-break: break-all;}
.recharge_sec .record_list tr td:last-child,.recharge_sec .record_list tr th:last-child{text-align: right;padding-right: 13px;}
.recharge_sec .record_list strong{color:#e4393c;font-weight: bold;}

.recharge_sec .txt_empty:before{background-image: url('../img/e_recharge.png');}
/*recharge sec end*/

/*lucky num sec*/
.lucky_num_sec{text-align: center;}
.lucky_num_sec h3{font-size: 14px;color:#000;padding: 18px 0 12px;line-height: 14px;}
.lucky_num_sec .txt_join{line-height: 14px;}
.lucky_num_sec .txt_join em{color:#0f88e0;}
.lucky_num_sec .lucky_list{padding-left: 13px;background: #fff;margin-top: 20px;position: relative;overflow: hidden;}
.lucky_num_sec .lucky_list ul{position: relative;top: 1px;}
.lucky_num_sec .lucky_list li{float: left;width: 35%;height: 36px;line-height: 36px;border-bottom: 1px solid #dedfe0;}
.lucky_num_sec .lucky_list li:nth-child(3n+1){text-align: left;width: 30%;}
/*lucky num sec end*/

/*my center sec*/
.my_center_sec{}
.my_center_sec .my_info{position: relative;height: 184px;background: url('../img/center_bg.jpg');background-size: 100% 100%;}
.my_center_sec .bg_box{position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;background: #000;}
.my_center_sec .b_face{position: absolute;width: 100%;top: 0;left: 0;min-height: 100%;-webkit-filter:blur(6px);}
.my_center_sec .bg_box:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);}
.my_center_sec .log_box{position: absolute;width: 100%;top: 31px;left: 0;}
.my_center_sec .s_face{display: block;width: 54px;height: 54px;border-radius: 100%;webkit-border-radius: 100%;margin: 0 auto;}
.my_center_sec .btn_log{display: block;width: 61px;height: 20px;line-height: 20px;text-align: center;border-radius: 20%;-webkit-border-radius: 20px;border: 1px solid #fff;color:#fff;margin: 10px auto 0;z-index: 5;}
.my_center_sec .txt_name{text-align: center;font-size: 0;line-height: 0;color:#fff;margin-top: 9px;}
.my_center_sec .txt_name span{font-size: 14px;line-height: 14px;display: inline-block;}
.my_center_sec .txt_name .vip{display: inline-block;padding-left: 10px;margin-left: 9px;background: url('../img/vip.png') no-repeat 0 0;background-size: 100% 100%;width: 30px;height: 11px;font-size: 11px;line-height: 11px;position: relative;top: -1px;}
.my_center_sec .info_box{position: absolute;width: 100%;height: 30px;padding: 13px 0;bottom: 0;left: 0;z-index: 5;background: rgba(0,0,0,0.1);overflow: hidden;}
.my_center_sec .info_box .txt_info{float: left;width: 50%;padding-top: 18px;color:#fff;line-height: 12px;text-align: center;position: relative;}
.my_center_sec .info_box .txt_info a{color:#fff;}
.my_center_sec .info_box .txt_info strong{position: absolute;font-size: 14px;line-height: 14px;font-weight: bold;width: 100%;top: 0;left: 0;}
.my_center_sec .info_box .txt_info:last-child:before{content: "";position: absolute;top: 0;left: 0;width: 1px;height: 100%;background: #7c97b1;}
.my_center_sec .btn_set{position: absolute;z-index: 5;top: 13px;right: 13px;background: url('../img/ico_set.png') no-repeat 0 0;background-size: 100% 100%;width: 22px;height: 24px;}
.my_center_sec .center_nav{background: #fff;}
.my_center_sec .center_nav a{float: left;width: 33%;color:#808080;text-align: center;line-height: 12px;padding: 60px 0 25px;position:relative;}
.my_center_sec .center_nav a:nth-child(1),.my_center_sec .center_nav a:nth-child(2),.my_center_sec .center_nav a:nth-child(3){border-bottom: 1px solid #eee;}
.my_center_sec .center_nav a:before{content: "";position: absolute;top: 27px;left: 50%;background-size: 100% 100%;}
.my_center_sec .center_nav a:after{content: "";position: absolute;width: 1px;height: 100%;background: #eee;top: 0;right: 0;}
.my_center_sec .center_nav a:nth-child(3):after,.my_center_sec .center_nav a:nth-child(6):after{display: none;}
.my_center_sec .n_exchange:before{background-image: url('../img/n_exchange.png');width: 24px;height: 24px;margin-left: -12px;}
.my_center_sec .n_recharge:before{background-image: url('../img/n_recharge.png');width: 23px;height: 21px;margin-left: -12px;}
.my_center_sec .n_share:before{background-image: url('../img/n_share.png');width: 22px;height: 22px;margin-left: -11px;}
.my_center_sec .n_recieve:before{background-image: url('../img/n_recieve.png');width: 25px;height: 21px;margin-left: -13px;}
.my_center_sec .n_redp:before{background-image: url('../img/ic_redp.png');width: 22px;height: 22px;margin-left: -11px;}
.my_center_sec .n_buycar:before{background-image: url('../img/n_buycar.png');width: 24px;height: 25px;margin-left: -12px;}

.my_center_sec .btn_recharge{display: block;margin: 27px 13px 0;height: 40px;line-height: 40px;padding-left: 35px;font-size: 13px;color:#fff;position: relative;background: #49b4fb;border-radius: 4px;-webkit-border-radius: 4px;}
.my_center_sec .btn_recharge:before{content: "";position: absolute;background: url('../img/ico_sound.png') no-repeat 0 0;background-size: 100% 100%;width: 18px;height: 16px;top: 12px;left: 13px;}
.my_center_sec .btn_recharge .txt_recharge{position: absolute;padding-right: 12px;font-size: 14px;top: 0;right: 13px;}
.my_center_sec .btn_recharge .txt_recharge:before,.my_center_sec .btn_recharge .txt_recharge:after{content: "";position: absolute;top: 50%;right: 0;margin-top: -1px;background: #fff;width: 9px;height: 2px;transform-origin: center right;-webkit-transform-origin: center right;}
.my_center_sec .btn_recharge .txt_recharge:before{transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.my_center_sec .btn_recharge .txt_recharge:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
/*my center sec end*/

/*redpaper sec*/
.redpaper_sec{padding: 6px 0 55px;}
.redpaper_sec .redp_list{padding: 6px 13px 0;}
.redp_list li{margin-bottom: 13px;position: relative;}
.redp_list li:last-child{margin-bottom: 7px;}
.redp_list li .txt_redp{background: #ff6353;}
.redp_list li.grey .txt_redp{background: #cdcdcd;}
.redp_list .txt_redp{line-height: 20px;padding: 10px 13px;position: relative;color:#fff;}
.redp_list .txt_redp strong{position: absolute;font-family: "Arial";font-size: 16px;line-height: 34px;top: 12px;right: 13px;}
.redp_list .txt_redp strong em{font-size: 33px;}
.redp_list .txt_tip{height: 27px;line-height: 27px;background: #fff;color:#8b8b8b;font-size: 11px;padding-left: 13px;border: 1px solid #e0e1e2;border-top: 0;}
.redp_list .txt_used,.redp_list .txt_overdue{position: absolute;bottom: 0;right: 0;width: 77px;height: 70px;background-size: 100% 100%;z-index: 5;}
.redp_list .txt_used{background-image: url('../img/ic_used.png');}
.redp_list .txt_overdue{background-image: url('../img/ic_overdue.png');}
.redpaper_sec .use_box{position: fixed;width: 100%;height: 56px;background: #f2f2f2;bottom: 0;left: 0;z-index: 10;}
.redpaper_sec .btn_use{display: block;height: 40px;text-align: center;line-height: 40px;font-size: 18px;color:#fff;background: #ffb82d;border-radius: 4px;-webkit-border-radius: 4px;position: relative;top: 8px;margin: 0 13px;z-index: 10;}
/*redpaper sec end*/

/*setting sec*/
.setting_sec{}
.setting_sec .set_nav{padding-top: 30px;}
.set_nav a{display: block;height: 40px;line-height: 40px;padding-left: 13px;font-size: 16px;color:#47a8ef;position: relative;background: #fff;border-bottom: 1px solid #dedfe0;}
.set_nav a:last-child{border-bottom: none;}
.set_nav a:active{background: #dedfe0;color:#383838;}
.set_nav a:before,.set_nav a:after{content: "";position: absolute;top: 50%;right: 13px;margin-top: -1px;background: #c7c7c7;width: 10px;height: 2px;transform-origin: center right;-webkit-transform-origin: center right;}
.set_nav a:before{transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.set_nav a:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.setting_sec .btn_logout{display: block;height: 40px;line-height: 40px;padding-left: 13px;font-size: 16px;color:#383838;background: #fff;margin-top: 30px;}
/*setting sec end*/

/*recieve sec*/
.recieve_sec .address_input{padding-left: 13px;}
.recieve_sec .btn_save{display: block;margin: 26px 13px 13px;height: 40px;line-height: 40px;font-size: 14px;text-align: center;color:#fff;background: #49b4fb;border-radius: 4px;-webkit-border-radius: 4px;}
.recieve_sec .txt_tip{line-height: 12px;text-align: center;}
.recieve_sec .txt_tip em{color:#ff6600;}
/*recieve sec end*/

/*past award sec*/
.past_award_sec .join_feed .join_info{padding: 0 4px;}
.past_award_sec .join_feed .txt_join{margin-top: 0;line-height: 16px;height: 16px;padding-right: 9px;}
.past_award_sec .join_feed .txt_join strong{color: #dc0000;}
.past_award_sec .join_feed .txt_join span{margin-right: 0;}
.past_award_sec .join_feed .btn_look{float: right;color: #1187de;}
/*past award sec end*/

/*rank sec*/
.rank_sec{}
.rank_sec nav{padding: 9px 0;font-size: 0;line-height: 0;text-align: center;background: #fff;border-bottom: 1px solid #ebecec;}
.rank_sec nav a{display: inline-block;width: 72px;height: 27px;text-align: center;line-height: 27px;font-size: 14px;color:#ff6805;border:1px solid #ff6805;}
.rank_sec nav a.cur{background: #ff6805;color:#fff;}
.rank_sec nav a:nth-child(1){border-top-left-radius: 27px;border-bottom-left-radius: 27px;-webkit-border-top-left-radius: 27px;-webkit-border-bottom-left-radius: 27px;}
.rank_sec nav a:nth-child(2){border-top-right-radius: 27px;border-bottom-right-radius: 27px;-webkit-border-top-right-radius: 27px;-webkit-border-bottom-right-radius: 27px;}
.rank_box{background: #fff;}
.rank_list{padding-left: 13px;}
.rank_list li{border-bottom: 1px solid #e7e8e8;margin-left: 52px;padding-right: 13px;position: relative;height: 65px;}
.rank_list li:last-child{border-bottom: none;}
.rank_list .img_box{position: absolute;width: 42px;height: 50px;border: 1px solid #e2e3e4;top: 7px;left: -52px;}
.rank_list .img_box img{width: 40px;height: 40px;}
.rank_list .txt_info{padding: 16px 0 7px;line-height: 12px;height: 12px;}
.rank_list .txt_info span{float: left;}
.rank_list .txt_info .name{width: 100px;color:#000;position: relative;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.rank_list .txt_info .join{font-size: 11px;color:#808080;}
.rank_list .txt_info .join strong{font-size: 11px;color:#1187de;}
.rank_list .txt_info .time{float: right;font-size: 11px;color:#acacac;}
.rank_list h3{font-size: 11px;line-height: 16px;color:#808080;position: relative;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.rank_list h3 a{color:#808080;}

.repay_box{background: #fff;}
.repay_list li{height: 65px;border-bottom: 1px solid #e7e8e8;padding: 0 13px 0 116px;position: relative;}
.repay_list li:last-child{border-bottom: none;}
.repay_list .txt_num{position: absolute;top: 50%;left: 13px;width: 22px;height: 22px;text-align: center;line-height: 22px;margin-top: -11px;color:#000;}
.repay_list li:nth-child(1) .txt_num,.repay_list li:nth-child(2) .txt_num,.repay_list li:nth-child(3) .txt_num{border-radius: 100%;-webkit-border-radius: 100%;background: #ff6c19;color:#fff;}
.repay_list .txt_repay{font-size: 11px;color:#808080;position: absolute;line-height: 20px;top: 12px;left: 51px;}
.repay_list .txt_repay em{display: block;font-size: 12px;font-weight: bold;color:#ff6805;}
.repay_list .txt_info{line-height: 20px;height: 20px;padding-top: 12px;}
.repay_list .txt_info span{float: left;}
.repay_list .txt_info .name{width: 85px;color:#000;position: relative;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.repay_list .txt_info .join{font-size: 11px;color:#808080;}
.repay_list .txt_info .join strong{font-size: 11px;color:#1187de;}
.repay_list h3{font-size: 11px;color:#808080;position: relative;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 20px;}
.repay_list h3 a{color:#808080;}
/*rank sec end*/


.pop_one{position: absolute;top: 50%;left: 50%;background: url('../img/pop_bg.png') no-repeat 0 0;background-size: 100% 100%;width: 230px;height: 240px;margin: -120px 0 0 -115px;}
.pop_one .txt_one{font-size: 11px;color:#faf9f8;text-align: center;line-height: 22px;padding-top: 100px;}
.pop_one .txt_one em{display: block;font-size: 20px;font-weight: bold;line-height: 26px;}
.pop_one .txt_one em strong{font-style: italic;font-size: 30px;color:#f8fe47;position: relative;top: 3px;}
.pop_one .txt_one .big{display: block;font-size: 15px;}
.pop_one .btn_one{display: block;width: 140px;height: 30px;text-align: center;line-height: 30px;border: 1px solid #faffaa;border-radius: 30px;-webkit-border-radius: 30px;margin: 8px auto 0;font-size: 13px;font-weight: bold;color:#faffaa;}

@media only screen and (min-width: 1024px){
	body{zoom:3.2;} 
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	body{zoom:2.4;}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
	body{zoom:2;}
}
@media only screen and (min-width: 540px) and (max-width: 639px) {
	body{zoom:1.68;}
}
@media only screen and (min-width: 480px) and (max-width: 539px) {
	body{zoom:1.5;}
}
@media only screen and (min-width: 414px) and (max-width: 479px) {
	body{zoom:1.29;}
}
@media only screen and (min-width: 400px) and (max-width: 413px) {
    body{zoom:1.25;}
}
@media only screen and (min-width: 375px) and (max-width: 413px) {
	body{zoom:1.17;}
}
@media only screen and (min-width: 360px) and (max-width:374px) {
	body{zoom:1.125;}
}