/*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; } .fxthree { -webkit-flex: 3; flex: 3; /* for uc */ -webkit-box-flex: 3; -moz-box-flex: 3; -ms-flex: 3; } .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; } /*A字体默认样式*/ a{ color: #9f9f9f; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} /*字体大小(已经修改)*/ .f0{ font-size: 0;} .f18{ font-size: .2rem;} .f20{ font-size: .22rem;} .f22{ font-size: .24rem;} .f24{ font-size: .26rem;} .f26{ font-size: .28rem;} .f28{ font-size: .3rem;} .f30{ font-size: .32rem;} .f36{ font-size: .36rem;} /*Line-height*/ .lh30{ line-height: .3rem;} .lh25{ line-height: .25rem;} /*文字颜色*/ .cf{ color: #fff;} .c0{ color: #000;} .c3{ color: #333;} .c6{ color: #666;} .c9{ color: #999;} .cr{ color: #ff6c6c;} .crr{ color: #ea5551;} .cda{ color: #dadada;} .cgrean{color: #6fd137;} .red{color: #C4182E;} .cyellow{color: #ffe718;} /*背景颜色*/ .bgf{ background-color: #fff;} .bgr{ background-color: #FF6C6C;} .bgrr{ background-color: #ea5551;} .bge{ background-color: #eee;} /*按钮*/ .btn_small{ display: inline-block; height: .55rem; line-height: .55rem; padding-left: .2rem; padding-right: .2rem;} .btn_big{ height: .88rem; line-height: .88rem;} .btn_big, .btn_small,.btnall{ text-align: center; color: #fff; font-size: .28rem; background-color: #FF6C6C;} .btn_moz{ display: inline-block; vertical-align: middle; margin: .3rem .1rem 0 0; padding: .02rem .1rem; color: #fff; font-size: .2rem; background-color: #FF6C6C; line-height: .22rem; height: .22rem;} .btnall{ height: .88rem; line-height: .88rem;} .btn_huang{ display: inline-block; vertical-align: middle; padding: .02rem .2rem; background-color: #ffe718;} /*分割线*/ .borb20{ border-bottom: .2rem #EEEEEE solid;} .borb16{ border-bottom: .16rem #EEEEEE solid;} .borb10{ border-bottom: .1rem #EEEEEE solid;} .borb1{ border-bottom: 1px #EEEEEE solid;} .borr1{ border-right: 1px #EEEEEE solid;} /*首页*/ .borl1{ border-left: 1px #e8e8e8 solid;} /*首页*/ /*-----------------------------css3透明色,渐变---------------------------------------*/ .bgtrans{ background-color: rgba(98, 98, 98, 0.8);} .wlg{ background: -webkit-linear-gradient(#f14341, #ff7473);} .trans80{ filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;} /*****************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.9%;} /*二等分*/ .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;} /*右下角快捷按钮*/ .mj-float-nav { position: fixed; right: 15px; bottom: 135px; z-index: 997; background-color: #333; opacity: 0.9; border-radius: 32px; width: 47px; height: 47px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #000; overflow: hidden } .mj-float-nav [class^=icon-], .mj-float-nav [class^=icon-]::before { background: url(/static/young/Baseimg/base/fixed_menu.png) no-repeat; background-size: 46px 144px; } .mj-float-nav .icon-dot { position: absolute; width: 47px; height: 47px; right: 0; top: 0; background-position: 0 -97px; background-color: inherit; border-radius: 50%; opacity: inherit; z-index: 1000; } .mj-float-nav .nav-content { position: absolute; width: 188px; top: 0; right: 19px; background-color: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; border-top-left-radius: 23px; border-bottom-left-radius: 23px; z-index: 999; } .mj-float-nav .nav-content a { display: inline-block; width: 24px; height:30px; font-size:12px; color: #eee; background: none; text-align: center; } .mj-float-nav .nav-content a:before { content: ' '; display: block; width: 18px; height: 17px; margin: 0 auto 4px; } .mj-float-nav .icon-category::before { background-position: 0 -17px; } .mj-float-nav .icon-user::before { background-position: 0 -33px; } .mj-float-nav .icon-close { position: absolute; left: 16px; top: 13px; width: 20px; height: 20px; background-position: 0 0; } .mj-float-nav ul { position: relative; width: 188px; 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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 6px 18px 3px; } .mj-float-nav li { display: inline-block; width: 30px; margin-right: 26px; text-align: center; height:47px; } .mj-float-nav li:last-child { margin-right: 0; } .mj-float-nav.open { width: 208px; -webkit-box-shadow: none; box-shadow: none; } .mj-float-nav.open .icon-dot { background-position: 0 -51px; }