html,body,div,ul,ol,li,span,p,a,b,i,img,h1,h2{ margin: 0; padding: 0; border: 0;outline: none }
html,body{ width: 100%; font-family: "Microsoft YaHei";background-color: #F1F2F2;height: 100%;position: relative}
ul,ol,li{list-style: none;}
a{text-decoration: none;}

.mask{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: .8; z-index: 8; display: none}
.loadmask{ width: 100%; height: 100%; position: fixed; z-index: 10; background-color: #000; opacity: .8; top: 0; left: 0; display:none }

.clear:before{content: '';display: table}
.clearfloat:after{content: '';display: block;clear: both}


a{-webkit-tap-highlight-color:transparent}
.header{width: 100%;position: fixed;height: 2rem;line-height: 2rem;font-size: .9rem;color: #333333;text-align: center;background-color: #FFFFFF;z-index: 7;top: 0;left: 0}
.header .back{position: absolute;width: 1.825rem;height: .7rem;background: url("img/back_1.png") no-repeat top center;background-size: 100% 100%;left: .75rem;top: .65rem;}

.module{padding: .5rem .75rem;border-radius: .5rem;background-color: #FFFFFF;display: block}
.price {color: #ff3f9b;font-size: 0.6rem;display: block;}


html,body,div,ul,ol,li,span,p,a,b,i,img,h1,h2{ margin: 0; padding: 0; border: 0;outline: none }
html,body{ width: 100%; font-family: Heiti SC,Helvetica,HelveticaNeue,Droidsansfallback,Droid Sans;background-color: #F1F2F2;height: 100%;position: relative}
ul,ol,li{list-style: none;}
a{text-decoration: none;}

.mask{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: .8; z-index: 8; display: none}
.loadmask{ width: 100%; height: 100%; position: fixed; z-index: 10; background-color: #000; opacity: .8; top: 0; left: 0; display:none }

.clear:before{content: '';display: table}
.clearfloat:after{content: '';display: block;clear: both}

a{-webkit-tap-highlight-color:transparent}
.header{width: 100%;position: relative;height: 2rem;line-height: 2rem;font-size: .9rem;color: #333333;text-align: center;background-color: #FFFFFF;z-index: 7}
.header .back{position: absolute;width: 1.825rem;height: .7rem;background: url("img/back_1.png") no-repeat top center;background-size: 100% 100%;left: .75rem;top: .65rem;}
.module{padding: 1rem .75rem;border-radius: .5rem;background-color: #FFFFFF;display: block}
.more{display: block;margin: 0 auto;width: 4.7rem;height: 1.4rem;line-height: 1.4rem;text-align: center;font-size: .6rem;color: #44AFF3;background-color: #F2FAFF;border-radius: 1rem;border: 1px solid #44AFF3;box-sizing: border-box}
.get{display: inline-block;width: 2.75rem;height: 1.3rem;border-radius: 1rem;background: #44AFF3;color: #FFFFFF;font-size: .6rem;text-align: center;line-height: 1.3rem;}
.getted{display: inline-block;width: 2.75rem;height: 1.3rem;border-radius: 1rem;background: #CCEBFF;color: #7ABEEA;font-size: .6rem;text-align: center;line-height: 1.3rem;}
.price{color: #FF3F9B;font-size: .6rem;display: block;}
.price i{content: '';display: inline-block;width: .6rem;height: .6rem;background: url("img/icon_you.png") no-repeat top center;background-size: 100% 100%;margin-right: .25rem;position: relative;top:.1rem}
.nothing{width: 10.05rem;height:1rem;line-height: 1rem;text-align: center;font-size: .55rem;color: #BBBBBB;background: url("img/nothing_bg.png") no-repeat center center;background-size: 100%;margin: 1rem auto}
.not_found{text-align: center;font-size: .65rem;color: #8DA7C5;padding-top: 3rem;box-shadow:inset 0 .5rem .5rem -.2rem #EEEEEE;display: none}
.not_found img{display: block;margin: 0 auto}
.right{float: right}

.header .dot{position: absolute;width: .9rem;height: .2rem;background: url("img/dot.png") no-repeat top center;background-size: 100% 100%;right: .75rem;top: .9rem;}

.header .dot.new:before {
    content: '';
    position: absolute;
    width: .4rem;
    height: .4rem;
    background: url(img/new.png) no-repeat top center;
    background-size: 100% 100%;
    top: -0.4rem;
    right: -.4rem;
    z-index: 1;
}

.header .toggle_box{position: absolute;width: 4.2rem;background: url("img/toggle_box_con.png") no-repeat top center;background-size: 100% 100%;box-sizing: border-box;right: .4rem;top: 2rem;}
.header .toggle_box .home{display: block;background: url("img/home.png") no-repeat center center;background-size: 100% auto;width: 2.5rem;height: .625rem;margin: 0 auto;padding: .6rem 0}
.header .toggle_box .attention{display: block;background: url("img/attention.png") no-repeat center center;background-size: 100% auto;width: 2.5rem;height: .625rem;margin: 0 auto;padding: .6rem 0}
.header .toggle_box .mine{display: block;background: url("img/mine.png") no-repeat center center;background-size: 100% auto;width: 2.5rem;height: .625rem;margin: 0 auto;padding: .6rem 0;position: relative}
.header .toggle_box .mine.new:before{content: '';position: absolute;width: .4rem;height: .4rem;background: url("img/new.png") no-repeat top center;background-size: 100% 100%;top: 0.2rem;right: -.4rem;z-index: 1}
.header .toggle_box .toggle_box_con a:not(:last-child){border-bottom: 1px solid #E0E0E0;}
.header .toggle_box .top{width: 100%;display: block;position: absolute;top: -.6rem;left: 0;}
.header .toggle_box .bottom{width: 100%;display: block;position: absolute;bottom: -.5rem;left: 0;}

.float_box{position:fixed;left: 0;z-index: 2;height:2rem;bottom: 3.5rem;background: #FFFFFF;border-top-right-radius: 1.5rem;border-bottom-right-radius: 1.5rem;box-shadow: 0 0 .5rem #D0D0D0;padding-right: .4rem}
.float_box a{position: relative}
.float_box a:not(:last-child):after{content: '';position: absolute;width: .025rem;height: 1.4rem;background: url("img/b_line.png") no-repeat top center;background-size: 100% 100%;left: 0;top: .3rem}
.float_box .mine_1{float: right;display: block;width: 2.25rem;height: 2rem;background: url("img/mine_1.png") no-repeat center center;background-size: 1.05rem 1.475rem;}
.float_box .mine_1.new:before{content: '';position: absolute;width: .4rem;height: .4rem;background: url("img/new.png") no-repeat top center;background-size: 100% 100%;top: 0.25rem;right: .4rem;z-index: 1}
.float_box .shopping_car{float: right;display: block;width: 2.25rem;height: 2rem;background: url("img/shopping_car_1.png") no-repeat center center;background-size: 1.625rem 1.575rem;}
.float_box .home_1{float:right;display:block;width:2.25rem;height:2rem;background:url("img/home_1.png") no-repeat center center;background-size:1.15rem 1.5rem}

.pop{position:absolute;width:14.7rem;left: 50%;margin-left: -7.35rem;top: 7.5rem;background: #ffffff;border-radius: .5rem;z-index: 9;box-sizing: border-box;display: none;}
.pop .close{float: right;background: url("img/close_1.png") no-repeat top center;background-size: 100% 100%;width: .825rem;height: .85rem;margin-top: .75rem;margin-right: .75rem;}

.pop.pop_game_choose .h1{text-align: center;font-size: .9rem;color: #293339;margin: 2rem 0 .75rem;}
.pop.pop_game_choose .pop_btn{width: 7.5rem;height: 1.75rem;line-height: 1.75rem;text-align: center;font-size: .8rem;color: #ffffff;margin: 0 auto 2rem;border-radius: 1rem;background-color: #44AFF3;display: block;box-shadow:0 0.1rem .1rem .1rem rgba(68,175,243,.2);}
.pop_game_choose .game{display: block; float: left;width: 3.75rem;height: 1.35rem;line-height: 1.35rem;text-align: center;border-radius: 1rem;background: #F3F3F3;color:#666666;box-sizing: border-box;margin: 0 .375rem 0.75rem;font-size: .55rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.pop_game_choose .game.cur{color: #FB62AC;background: #FFD9EB;}
.pop_game_choose .part_1{width: 13.5rem;margin: 0 auto;}

.square{width: 17.25rem;background: #FFFFFF;border-radius: .5rem;box-sizing: border-box;padding: .5rem;margin: .75rem auto 0;}
.square .t{display: block;font-size: .9rem;color: #24262B;font-weight: bold;}

.list_box li{height: 2.2rem;line-height: 2.2rem;box-sizing: border-box;}
.list_box li:not(:first-child){border-top: 1px solid #E0E0E0;}
.list_box li .t_1{font-size: .7rem;color: #333333;}
.list_box li .val{float: right;display: block;color: #FB68AF;vertical-align: bottom;}
.list_box li .unit{float: right;display: block;color: #FB68AF;vertical-align: bottom;}
.list_box li .val{font-size: .7rem;font-weight: bold;}
.list_box li .unit{font-size: .5rem;position: relative;top: .05rem;margin-left: .125rem;font-weight: bold}

.popup{position: absolute;width: 14.75rem;left: 50%;margin-left: -7.375rem;top: 5rem;z-index: 9;background: #FFFFFF;border-radius: .5rem;box-sizing: border-box;overflow: hidden;display: none;}
.popup .h1{font-size: .8rem;color: #333333;line-height: 1.2rem;margin-bottom: .5rem}

.pop_choose .h1{padding: 2.25rem 1rem 1rem;text-align: center;}
.pop_choose .btns{display: block;width: 100%;height: 2.5rem;font-size: .75rem;color: #333333;text-align: center;line-height: 2.5rem;box-sizing: border-box;border-top: 1px solid #DFE1E2;background: #fff;border-bottom-right-radius: .5rem;border-bottom-left-radius: .5rem;}
.pop_choose .btns a{display: block;width: 50%;height: 100%;float: left;box-sizing: border-box;}
.pop_choose .btns a:first-child{border-right: 1px solid #E7E9EA;border-top: 0;border-bottom-right-radius: 0;border-bottom-left-radius: .5rem;color: #333333}
.pop_choose .btns a:last-child{color: #3990E1;border-bottom-right-radius: .5rem;}
.pop_choose{position: fixed;bottom: 0;left: 0;width: 100%;box-sizing: border-box;padding: .75rem;border-top-left-radius: .5rem;border-top-right-radius: .5rem;z-index: 9;background: #FFFFFF;display: none;}
.pop_choose .close {position: absolute;background: url(img/close.png) no-repeat top center;background-size: 100% 100%;width: .7rem;height: .675rem;top: .9rem;right: .9rem;}
.pop_choose .pop_t {font-size: .8rem;color: #333333;padding-bottom: .5rem;border-bottom: 1px solid #E5E5E5;font-weight: bold}
.pop_choose .type_list{min-height: 10rem;}
.pop_choose .type_list li{height: 2.5rem;line-height: 2.5rem;font-size: .8rem;font-weight: bold;border-radius: .25rem;background: #F3F3F3;box-sizing: border-box;padding: 0 1rem;position: relative;margin-top: .375rem}
.pop_choose .type_list li span{margin-right: .25rem;}
.pop_choose .type_list li.cur{background: #E4F3FD;color: #44AFF3}
.pop_choose .type_list li.cur:before{content: '';position: absolute;width: 1rem;height: 1rem;background: url("img/checked.png") no-repeat top center;background-size: 100% 100%;top: 50%;margin-top: -.5rem;right: 1rem;}
.pop_choose .submit{display: block;width: 100%;height: 2.25rem;border-radius: 2rem;background: #44AFF3;color: #fff;font-size: .8rem;margin: .75rem auto 0;text-align: center;line-height: 2.25rem}

.item{font-size: .7rem;}
.item .t_2{float: right;font-weight: bold;}

.footer{ width:100%; text-align: center; font-size:.4rem; color:#333; padding: .6rem 0}
.footer a{ color:#333 }

@media screen and ( min-width: 1200px){
	.header{ width:750px; left:50%; margin-left:-375px; }
	.pay_box{ width:750px; left:50%; margin-left:-375px; }
}