/*flix等分*/ .disfx { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; font-size: 0; } .fxall { -webkit-flex: 1; flex: 1; /* for uc */ -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; } .fxtwo { -webkit-flex: 2; flex: 2; /* for uc */ -webkit-box-flex: 2; -moz-box-flex: 2; -ms-flex: 2; } .fxfour { -webkit-flex: 4; flex: 4; /* for uc */ -webkit-box-flex: 4; -moz-box-flex: 4; -ms-flex: 4; } .fxfive { -webkit-flex: 5; flex: 5; /* for uc */ -webkit-box-flex: 5; -moz-box-flex: 5; -ms-flex: 5; } .fxsix { -webkit-flex: 6; flex: 6; /* for uc */ -webkit-box-flex: 6; -moz-box-flex: 6; -ms-flex: 6; } .fxsev { -webkit-flex: 7; flex: 7; /* for uc */ -webkit-box-flex: 7; -moz-box-flex: 7; -ms-flex: 7; } .fxeig { -webkit-flex: 8; flex: 8; /* for uc */ -webkit-box-flex: 8; -moz-box-flex: 8; -ms-flex: 8; } /*分割线*/ .borb10 { border-bottom: .1rem #EEEEEE solid; } .borb1 { border-bottom: 1px #EEEEEE solid; } .borr1 { border-right: 1px #EEEEEE solid; } .borl1 { border-left: 1px #999 solid; } /*A字体默认样式*/ a { color: #9f9f9f; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /*字体大小*/ .f0 { font-size: 0; } .f20 { font-size: .20rem; } .f22 { font-size: .22rem; } .f24 { font-size: .24rem; } .f26 { font-size: .26rem; } .f28 { font-size: .28rem; } .f30 { font-size: .3rem; } .f36 { font-size: .36rem; } /*背景*/ .bgr { background-color: #FF6C6C; } .bgf { background-color: #FFf; } .bg9 { background-color: #999; } .bge { background-color: #eee; } /*Line-height*/ .lh25 { line-height: .25rem; } .lh30 { line-height: .3rem; } .lh35 { line-height: .35rem; } .lh40 { line-height: .4rem; } .lh80 { line-height:.8rem; } /*文字颜色*/ .cf { color: #fff; } .c0 { color: #000; } .c3 { color: #333; } .c6 { color: #666; } .c9 { color: #999; } .cr { color: #c0283a; } .crr { color: #ea5551; } .plr20 { padding-left: .2rem; padding-right: .2rem; } /*****************inline-block与float等宽列表*******************/ .inline_box { font-size: 1em; letter-spacing: -.25em; } .inline_one, .inline_two, .inline_three, .inline_four, .inline_five, .inline_six, .inline_any { display: inline-block; *display: inline; letter-spacing: 0; vertical-align: top; *zoom: 1; } .float_two, .float_three, .float_four, .float_five, .float_six { float: left; } .inline_two, .float_two { width: 49.8%; } /*二等分*/ .inline_three, .float_three { width: 33.3%; } /*三等分*/ .inline_four, .float_four { width: 24.9%; } /*四等分*/ .inline_five, .float_five { width: 19.9%; } /*五等分*/ .inline_six, .float_six { width: 16.6%; } /*六等分*/ .inline_one { width: 100%; } .justify_fix { display: inline-block; width: 100%; height: 0; overflow: hidden; } .left_fix { height: 0; padding: 0; overflow: hidden; } /*-------------------柯文杰--------------------*/ .appmain {} .fixed { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 900; background-color: rgba(98, 98, 98, 0.8); } .fixed .close,.guize .close { position: absolute; right: 0; top: 0; line-height: 20px; } .guize { margin:3rem auto 0; width: 5.7rem; padding: .2rem .4rem .4rem; background-color: #fff; color: #333; font-size: .26rem; } .guize ul { max-height: 3rem; overflow-y: auto; } /*------------明丹-------------------*/ /*按钮*/ .btn_small { display: inline-block; height: .55rem; line-height: .55rem; padding-left: .2rem; padding-right: .2rem; } .btn_big { height: .9rem; line-height: .9rem; } .btn_big, .btn_small { text-align: center; color: #fff; font-size: .28rem; background-color: #c0283a; } /*遮罩层*/ .wh100 { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); } .twobot_btn { width: 6rem; margin: 50% auto 0; background-color: #fff; } .twobot_btn .tishi { padding: .5rem 0; font-size: .26rem; text-align: center; } .twobot_btn .two_btn { border-top: 1px #e8e8e8 solid; } .twobot_btn .two_btn .fxall { text-align: center; font-size: .26rem; height: .8rem; line-height: .8rem; } .twobot_btn .two_btn .fxall:nth-of-type(odd) { border-right: 1px #e8e8e8 solid; } /*11.17*/ /*注册*/ .registerBox { width: 95%; text-align: center; height: 4rem; background-color: #FFFFFF; margin: 3rem .4rem 0 .2rem; } .phone { font-size: .26rem; color: #999999; height: .9rem; width: 5.8rem; padding-left: .2rem; line-height: .9rem; border: 0; background-color: #eeeeee; margin-top: .4rem; vertical-align: top; display: inline-block; *display: inline; *zoom: 1; } .phoneCode { font-size: .28rem; width: 2.4rem; height: .9rem; margin: .4rem 0 0 -.3rem; line-height: .9rem; color: #FFFFFF; border: 1px solid #ff6c6c; background-color: #ff6c6c; vertical-align: top; display: inline-block; *display: inline; *zoom: 1; } .moz_l4 { -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .moz_r4 { -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px } .closePic { width: .62rem; height: .61rem; margin: .5rem auto; background-image: url(../Baseimg/order/closew.png); background-repeat: no-repeat; } /*关注公众号*/ .attention { text-align: center; } .attentionPic { width: 4.9rem; height: 4.93rem; margin:.5rem auto 0; display: block; background-image: url(../../../young/APP/bargain/static/img/attention.png); } .attentionCode { border: .03rem #fff solid; width: 1.56rem; height: 1.6rem; position: absolute; left: 50%; top: 1rem; margin-left: -.78rem; } .guize { margin: 40% auto 0; width: 80%; padding: .5rem .4rem .4rem; background-color: #fff; color: #333; font-size: .26rem; height: 3.5rem; box-sizing: .5rem; border-radius: .1rem; } .guize ul { max-height:8rem; overflow-y:auto; margin-top: .3rem; }