/***
@author:guoshengli
@design:qishifeng
@update:2017-07-10
***/

/*base*/
body,button,input,select,textarea{font-family:PingfangSC,'Microsoft YaHei',Arial,sans-serif;outline:none;-webkit-font-smoothing:antialiased;}
ul,ol{list-style:none;}
em,i{font-style:normal;}
body{overflow-x:hidden;width:100%;margin:0;word-wrap:break-word;color:#000;background:#e3e3e3;}
header,ol,ul,input{margin:0;padding:0;}
dl,dd,h1,h2,h3,h4,h5,h6,p,form{margin:0;}
img{vertical-align:middle;border:0;}
table{width:auto;border-spacing:0;border-collapse:collapse;}
a{text-decoration:none;color:#c70000;outline:none;}
a,button,button:active,input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
mark{color:inherit;background-color:transparent;}

/*sprite*/
.logo_box,.banner_tit,.area_tit:before,.area_tit:after,.c1_right_tip1:before,.c1_right_tip1:after,.main_area:before,.c3_main_list .ico_right,.pop_share:before,.area_num{background:url(../img/spr_main.png) no-repeat;background-size:6.4rem auto;}

/*layout*/
html{font-size:15.625vw;}
body{background:#c60d30;}
.wrap{line-height:1;background:url(../img/body_bg.jpg) no-repeat center top;background-size:100% auto;width:6.4rem;position:relative;overflow:hidden;margin:0 auto;}

/*banner_area*/
.banner_area{position:relative;padding:.3rem 0;text-align:center;}
.logo_box{width:2.46rem;height:.38rem;margin:0 auto .4rem;background-position:0 0;}
.logo_box a{font-size:0;float:left;width:50%;height:100%;}
.banner_tag{font-size:.24rem;line-height:.3rem;position:absolute;top:0;right:.2rem;-webkit-box-sizing:border-box;box-sizing:border-box;width:1.3rem;height:.96rem;padding-top:.1rem;color:#fff;border-radius:0 0 .96rem .96rem;background:#ff8000;}
.banner_slogan{font-size:.4rem;margin-bottom:.2rem;color:#fefba6;}
.banner_tit{font-size:0;width:4.78rem;height:1.2rem;margin:0 auto .2rem;background-position:0 -.52rem;}
.banner_subtit{font-size:.36rem;margin-bottom:.45rem;color:#fff;}
.banner_subtit span{font-size:.38rem;display:inline-block;padding:0 .1rem;vertical-align:-.04rem;color:#fefba6;}
.btn_banner{font-size:.32rem;line-height:.75rem;display:block;width:3.25rem;height:.75rem;margin:0 auto;color:#fff;border-radius:.75rem;background:#ff7200;background:-webkit-gradient(linear,left top,left bottom,from(#febe29),to(#ff7200));background:linear-gradient(#febe29,#ff7200);}
.btn_active{-webkit-transition:.1s;transition:.1s;}
.btn_active:active{-webkit-transform:scale(.95);transform:scale(.95);}
.banner_msg{font-size:.24rem;color:#fff;margin-top:.15rem;}
.banner_msg span{color:#fefba6;}

/*area_hd*/
.area_hd{margin-bottom:.28rem;text-align:center;}
.area_num{font-size:.36rem;line-height:.84rem;width:.84rem;height:.84rem;margin:0 auto .1rem;color:#c60d30;background-position:-1.75rem -1.75rem;}
.area_tit{font-size:.32rem;font-weight:normal;color:#fff;}
.area_tit:before,.area_tit:after,.c1_right_tip1:before,.c1_right_tip1:after{display:inline-block;width:.27rem;height:.26rem;margin:0 .08rem 0 0;content:'';vertical-align:-.02rem;background-position:0 -1.75rem;}
.area_tit:after,.c1_right_tip1:after{margin:0 0 0 .08rem;}
.area_tit span{font-size:.32rem;color:#fefba6;}
.area_subtit{font-size:.26rem;margin-top:.15rem;color:#fefba6;}

/*lot_box*/
.area1:after{display:none;}
.lot_box{margin:0 .2rem .3rem;padding-bottom:.3rem;text-align:center;border-radius:.05rem;background:#ffc751;}
.lot_list{width:5.58rem;margin:0 auto;padding:.3rem 0 .15rem;}
.lot_list:after{display:block;clear:both;content:'';}
.lot_list li{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;width:1.7rem;height:2.6rem;margin:0 .08rem .15rem;border:.03rem solid transparent;border-radius:.05rem;background:#ff9600;}
.lot_list li:nth-child(n+4){float:right;}
.lot_list li.on{border-color:#f23642;}
.lot_list li img{display:block;width:1.64rem;height:1.64rem;}
.lot_name{font-size:.26rem;line-height:2;color:#fff;}
.lot_mon{font-size:.24rem;margin-bottom:.1rem;color:#db171e;}
.btn_lot{font-size:.32rem;line-height:.75rem;display:block;width:2.7rem;height:.75rem;margin:0 auto .2rem;color:#fff;border-radius:.75rem;background:#ec2430;background:-webkit-gradient(linear,left top,left bottom,from(#fc3d4a),to(#ec2430));background:linear-gradient(#fc3d4a,#ec2430);}
.c1_left_tips2{font-size:.24rem;color:#8c3f00;}
.c1_left_tips2 span{color:#ff2646;}

/*c1_right*/
.c1_right{position:relative;margin:0 .2rem;padding-bottom:.3rem;background:#ff9600;}
.c1_right:before,.c1_right:after{position:absolute;top:-.09rem;left:0;width:.23rem;height:100%;padding:.09rem 0;content:'';border-radius:.09rem;background:#ffc751;}
.c1_right:after{right:0;left:auto;}
.c1_right_tip1{font-size:.28rem;line-height:.8rem;text-align:center;color:#db000e;}
.c1_right_tip1 span{color:#fff;}
.pri_box_wp{overflow:hidden;height:1.2rem;margin-bottom:.25rem;}
.pri_list li{font-size:.24rem;font-weight:300;line-height:.42rem;padding-left:1.1rem;color:#fff;}
.pri_list .pri_uname{display:inline-block;overflow:hidden;max-width:4em;margin:0 .05rem;vertical-align:top;white-space:nowrap;text-overflow:ellipsis;color:#fefba6;}
.btn_spri{font-size:.28rem;line-height:.58rem;display:block;width:2.48rem;margin:0 auto;text-align:center;color:#ed2531;border:1px solid #db000e;border-radius:.58rem;}

/*area2*/
.area2{position:relative;padding-top:.4rem;}
.area2:before{position:absolute;top:.1rem;right:0;width:1.56rem;height:1.65rem;content:'';background-position:0 -2.75rem;}
.area2:after{display:block;clear:both;content:'';}
.c2_block{float:left;width:2.9rem;height:4.4rem;margin-left:.2rem;text-align:center;border-radius:.05rem;background:#f52947;}
.c2_block .c2_main_tit{font-size:.3rem;margin-bottom:.2rem;padding-top:.3rem;color:#fefba6;}
.area2 .c2_block .c2_main_tit{margin-bottom:.3rem;}
.c2_block .c2_tips1{font-size:.26rem;margin-bottom:.3rem;color:#fff;}
.area2 .c2_block.right .c2_tips1{margin-bottom:.4rem;}
.c2_block .block_box{-webkit-box-sizing:border-box;box-sizing:border-box;height:2.2rem;}
.c2_block.right .block_box{padding-top:.2rem;}
.c2_block img{display:block;width:1.8rem;height:1.8rem;margin:0 auto;}
.c2_block .btn_get{font-size:.3rem;line-height:.65rem;display:block;width:2.1rem;margin:0 auto .15rem;color:#fff;border-radius:.65rem;background:#fc7608;background:-webkit-gradient(linear,left top,left bottom,from(#ffc71e),to(#fc7608));background:linear-gradient(#ffc71e,#fc7608);}
.c2_block .c2_tips2{font-size:.24rem;color:#fff;}
.c2_block .c2_tips2 span{color:#fefba6;}
.c2_block .info_box{font-size:0;margin-bottom:.4rem;padding:0 .1rem;}
.c2_block .info_box p{font-size:.24rem;line-height:.3rem;display:inline-block;width:50%;vertical-align:top;color:#fff;}
.c2_block .info_box p:first-child{-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #c60d30;}
.c2_block .info_box span{display:block;color:#fefba6;}
.c2_block .wd_tips{font-size:.3rem;margin-bottom:.1rem;color:#fff;}
.c2_block .wd_tips span{padding-left:.1rem;color:#fefba6;}
.c2_block .c2_tips3{font-size:.22rem;color:#feafbb;}
.c2_block .link_sdes{font-size:.24rem;display:block;color:#fefba6;}

/*area3*/
.area3{position:relative;padding-top:.4rem;}
.area3:before{position:absolute;top:.34rem;left:0;width:1.02rem;height:1.26rem;content:'';background-position:0 -4.5rem;}
.area3:after{display:block;clear:both;content:'';}
.area3 .c2_block{height:4.8rem;}
.area3 .c2_block img{margin-bottom:.3rem;}

/*area4*/
.area4{position:relative;padding-top:.4rem;}
.area4:before{position:absolute;top:.2rem;right:0;width:1.21rem;height:1.99rem;content:'';background-position:0 -6rem;}
.c3_main_list{font-size:0;text-align:center;}
.c3_main_list li{position:relative;display:inline-block;width:32%;margin-bottom:.3rem;vertical-align:top;}
.c3_main_list li:nth-child(n+4){width:42%;margin-bottom:0;}
.c3_main_list li img{display:block;width:1.5rem;height:1.5rem;margin:0 auto .2rem;}
.c3_main_list .step_tips1{font-size:.28rem;margin-bottom:.12rem;color:#fff;}
.c3_main_list .step_tips2{font-size:.24rem;color:#fefba6;}
.c3_main_list .ico_right{position:absolute;top:.6rem;right:-.1rem;width:.2rem;height:.33rem;background-position:0 -2.25rem;}

/*area5*/
.area5{position:relative;padding:.4rem 0;}
.area5:before{position:absolute;top:.1rem;left:0;width:1.32rem;height:1.44rem;content:'';background-position:0 -8.25rem;}
.ar_list{margin:0 .2rem;}
.ar_list li{font-size:.26rem;line-height:.45rem;padding-left:.28rem;text-indent:-.28rem;color:#fff;}
.ar_list li a{white-space:nowrap;color:#fefba6;}

/*footer*/
.footer{font-size:.24rem;line-height:1.2rem;text-align:center;color:#fc3f5b;border-top:1px solid #ff2646;}

/*pop*/
.act_pop_wp{zoom:1!important;}
.pop_mask{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;opacity:.6;background:#000;}
.wp_pop{line-height:1;position:fixed;z-index:101;top:50%;left:50%;width:5rem;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);border-radius:.07rem;background:#fd3c58;}
.wp_pop a:hover{text-decoration:none;}
.btn_clo{font-size:0;position:absolute;top:.3rem;right:.1rem;width:.36rem;height:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center;border-radius:2px;background:#bf122d;}
.btn_clo:before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';-webkit-transform:rotate(90deg);transform:rotate(90deg);border-radius:2px;background:#bf122d;}
.pop_main1_tit{font-size:.24rem;font-weight:normal;line-height:.36rem;height:.96rem;padding-top:.24rem;text-align:center;color:#fefba6;}
.pop_main1_tit .pop_main1_tsp{font-weight:bold;color:#fff;}
.pop_main1_tsp strong{color:#fefba6;}
.pop_main1_top .code_box img{display:block;width:1.8rem;height:1.8rem;margin:0 auto .3rem;}
.code_tip1{font-size:.24rem;margin-bottom:.32rem;text-align:center;color:#fefba6;}
.pop_main1_bot{font-size:.22rem;line-height:1.5;margin:0 .5rem;padding:.3rem 0;text-align:center;color:#fff;border-top:1px solid #df1b38;}
.cp_list{margin:0 .55rem .2rem;}
.cp_list li{font-size:0;line-height:.65rem;position:relative;height:.65rem;margin-top:.1rem;background:#ffc751;}
.cp_list li:before{position:absolute;top:.05rem;left:-.05rem;width:.1rem;height:.1rem;content:'';border-radius:50%;background:#fd3c58;-webkit-box-shadow:0 .15rem 0 #fd3c58,0 .3rem 0 #fd3c58,0 .45rem 0 #fd3c58;box-shadow:0 .15rem 0 #fd3c58,0 .3rem 0 #fd3c58,0 .45rem 0 #fd3c58;}
.cp_name,.cp_limit{font-size:.24rem;display:inline-block;float:left;width:55%;text-align:center;color:#c60d30;}
.cp_limit{width:45%;text-align:left;text-indent:.2rem;color:#fff;background:#ff9600;}
.pop_main1_bc_tips{font-size:.16rem;line-height:.35rem;height:.35rem;margin-bottom:.2rem;text-align:center;color:#fff;}
.pop_hd1{font-size:.32rem;font-weight:normal;padding:.3rem 0 .18rem;text-align:center;color:#fefba6;}
.wp_pop2 .pop_hd1{padding-bottom:.38rem;}
.pm2_tips{font-size:.26rem;margin-bottom:.28rem;text-align:center;color:#fff;}
.pop_main2_top ul{font-size:.24rem;line-height:.36rem;margin:0 .5rem;padding:.2rem 0;color:#fefba6;color:#fefba6;border-top:1px solid #df1b38;text-align:center;}
.pop2_txt1{font-size:.26rem;margin-bottom:.18rem;text-align:center;color:#fff;}
.pop2_txt1 span{display:inline-block;overflow:hidden;max-width:4em;vertical-align:top;white-space:nowrap;text-overflow:ellipsis;color:#fefba6;}
.wp_pop2 .tip{font-size:.22rem;margin-bottom:.38rem;text-align:center;color:#ffc6ce;}
.pop2_bot{margin:0 .5rem;padding:.3rem 0 .4rem;text-align:center;border-top:1px solid #df1b38;}
.pop2_bot .pop-txt3{font-size:.28rem;margin-bottom:.2rem;color:#fefba6;}
.ipt{position:relative;margin-bottom:.2rem;}
.ipt input{font-size:.24rem;line-height:.58rem;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:.58rem;padding-left:.4rem;color:#fff;border:1px solid #fecc90;border-radius:.04rem;outline:none;background:none;}
.ipt input::-webkit-input-placeholder{color:#fff;}
.ipt span{font-size:.24rem;position:absolute;top:50%;left:.2rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;}
.pop-txt{font-size:.22rem;margin-bottom:.35rem;text-align:center;color:#ffaab5;}
.wp_pop .btn_get{font-size:.3rem;font-weight:bold;line-height:.65rem;display:block;width:2.6rem;margin:0 auto;text-align:center;color:#fff;border-radius:.65rem;background:#ff6d01;background:-webkit-gradient(linear,left top,left bottom,from(#febe29),to(#ff6d01));background:linear-gradient(#febe29,#ff6d01);}
.pop_hd3{height:.74rem;padding-top:.3rem;}
.pop_hd3 .pop-txt2{font-size:.18rem;line-height:.45rem;color:#fff;}
.pop_main1_bcon{padding-bottom:.4rem;}
.pop-list-wp{font-size:.16rem;margin:0 .5rem;}
.list-hd{font-size:0;padding-bottom:.15rem;color:#fefba6;border-bottom:1px solid #df1b38;}
.pop-list{padding:.1rem 0 .4rem;}
.pop-list ul{font-size:0;overflow-x:hidden;overflow-y:auto;height:2.94rem;color:#fff;}
.pop-list ul::-webkit-scrollbar{width:.08rem;height:1.04rem;}
.pop-list ul::-webkit-scrollbar-button{background-color:#fd3c58;}
.pop-list ul::-webkit-scrollbar-track{background:#fd3c58;}
.pop-list ul::-webkit-scrollbar-track-piece{background:#fd3c58;}
.pop-list ul::-webkit-scrollbar-thumb{border-radius:.1rem;background:#c31932;}
.pop-list ul::-webkit-scrollbar-thumb:hover{background:#d9243e;}
.pop-list ul::-webkit-scrollbar-corner{background:#fd3c58;}
.pop-list ul::-webkit-scrollbar-resizer{background:#fd3c58;}
.pop-list ul li{line-height:.42rem;height:.42rem;}
.pop-list ul .option{color:#fefba6;}
.pop-list-wp .time,.pop-list-wp .money,.pop-list-wp .option,.pop-list-wp .command{font-size:.24rem;display:inline-block;text-align:center;vertical-align:top;}
.pop-list-wp .time{width:.77rem;}
.pop-list-wp .money{width:1.1rem;}
.pop-list-wp .option{width:.8rem;}
.pop-list-wp .command{width:1.03rem;}
.pop-list-wp .command .name{display:inline-block;overflow:hidden;max-width:.7rem;vertical-align:top;white-space:nowrap;text-overflow:ellipsis;}
.pop_share{font-size:0;top:.3rem;right:.44rem;left:auto;width:4rem;height:4rem;-webkit-transform:none;transform:none;text-align:center;border-radius:50%;}
.pop_share:before{position:absolute;top:-.1rem;right:.06rem;width:.89rem;height:.94rem;content:'';background-position:-.5rem -1.75rem;}
.pop_share .btn_clo{top:3.5rem;right:1.82rem;}
.pop_share .txt1{font-size:.36rem;font-weight:300;padding:.86rem 0 .15rem;color:#fefba6;}
.pop_share .txt2{font-size:.26rem;margin-bottom:.55rem;color:#fff;}
.pop_share .txt3{font-size:.36rem;color:#fff;}

/*animation*/
.logo_box{-webkit-animation:fadeindown .5s ease-in-out both;animation:fadeindown .5s ease-in-out both;}
@-webkit-keyframes fadeindown{
	from{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem);opacity:0;}
	to{-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes fadeindown{
	from{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem);opacity:0;}
	to{-webkit-transform:none;transform:none;opacity:1;}
}
.banner_slogan,.banner_tit,.banner_subtit,.btn_banner,.banner_msg{-webkit-animation:fadeinup .5s .4s ease-in-out both;animation:fadeinup .5s .4s ease-in-out both;}
.banner_subtit{-webkit-animation-delay:.6s;animation-delay:.6s;}
.btn_banner,.banner_msg{-webkit-animation-delay:.8s;animation-delay:.8s;}
@-webkit-keyframes fadeinup{
	from{-webkit-transform:translateY(.3rem);transform:translateY(.3rem);opacity:0;}
	to{-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes fadeinup{
	from{-webkit-transform:translateY(.3rem);transform:translateY(.3rem);opacity:0;}
	to{-webkit-transform:none;transform:none;opacity:1;}
}