html{ font-family: sans-serif; } * { margin: 0; padding: 0; list-style-type:none; outline: none; } input { outline: none; -webkit-appearance: none; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; } html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{ margin:0; border:0; padding:0; font-style:normal; } html, body { -webkit-touch-callout: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; background-color: #e1e1e1; height: 100%; } .wrap { display: -webkit-box; -webkit-box-orient: vertical; -webkit-flex-flow: column; } nav,article,aside,details,main,header,footer,section,fieldset,figcaption,figure{ display: block; } img,a,button,em,del,strong,var,label,cite,small,time,mark,code,textarea{ display:inline-block; } header,section,footer { position:relative; } ol,ul{ list-style:none; } input,button,textarea { border:0; margin:0; padding:0; font-size:1em; line-height:1em; /*-webkit-appearance:none;*/ background-color:rgba(0, 0, 0, 0); } span{ display:inline-block; } a:active, a:hover { outline: 0; } a, a:visited{ text-decoration:none; } label, .wordWrap{ word-wrap: break-word; word-break: break-all; } table { border-collapse: collapse; border-spacing: 0; } td,th { padding: 0; } .clearfix:after{ content: ' '; display: block; clear: both; visibility:hidden; line-height: 0; height:0; } .loading_more{ display: block; height: 1.5em; width: 100%; } .loading_more:before { display: inline-block; vertical-align: text-bottom; content: ' '; height: 16px; width: 16px; margin-right: 6px; background: url(../image/loading_more.gif) no-repeat center; -webkit-background-size: contain; background-size: contain; } .loading_more:after { content: '加载更多'; } .font_box { color: #000; } header { height: 50px; width: 100%; text-align: center; color: #fff; line-height: 50px; font-size: 1em; background: linear-gradient(to bottom,#00B050,#00B050); } header.renwuheader { background: linear-gradient(to bottom,#12338C,#12338C); } header.appheader { padding-top: 30px; } header.indexheader { height: 60px; line-height: 20px; background: #0B2268; } header.shopheader { height: 60px; line-height: 20px; } header.indexheader.appheader { padding-top: 30px; } header.myheader { background: rgba(0,0,0,0); } header.liveheader { background: rgba(0,0,0,1); } header.bccc-header{ background: rgba(0,0,0,0.5); } header.bheader { background: linear-gradient(to bottom,#12338C,#12338C); } header.bheader0 { background: linear-gradient(to bottom,#12338C,#12338C); } header h1,header div { font-size: 1em; } footer { height: 50px; width: 100%; background-color: #0B2268; text-align: center; /*border-top: 1px solid #f1f1f1;*/ } footer.mykf { height: 5em; } footer.smpay { height: auto; background-color: #fff; } .ub { display: -webkit-box !important; display: box !important; position:relative; } .ub-ac { -webkit-box-align:center; box-align:center; } .ub-ae { -webkit-box-align:end; box-align:end; } .ub-pc { -webkit-box-pack:center; box-pack:center; } .ub-pe { -webkit-box-pack:end; box-pack:end; } .ub-ver { -webkit-box-orient:vertical; box-orient:vertical; } .ub-f1 { position:relative; -webkit-box-flex: 1; box-flex: 1; } .ub-f2 { position:relative; -webkit-box-flex: 2; box-flex: 2; } .ub-f3 { position:relative; -webkit-box-flex: 3; box-flex: 3; } .ub-f4 { position:relative; -webkit-box-flex: 4; box-flex: 4; } .uhide { display: none !important; } .nav-btn { min-height: 2em; min-width: 4em; display: -webkit-box !important; display: box !important; position: relative; -webkit-box-align: center; box-align: center; -webkit-box-pack: center; box-pack: center; } .pos_re { position: relative } .ub-img5 { -webkit-background-size:auto 100%; background-size:auto 100%; background-repeat:no-repeat; background-position:center; } .ub-img7 { -webkit-background-size:100% 100%; background-size:100% 100%; background-repeat:no-repeat; background-position:center; } .padding1{ padding: .8em; } .uinl { display: inline-block; position: relative; } .ufl { float: left !important; } .ufr { float: right !important; } .tx-c { text-align: center; } footer .pos_re .uinn-a13 { margin-top: -0.2em; padding-bottom: 0em; color: #00EDE7; font-size: 1em; } footer .pos_re .uinn-a13-hover { margin-top: -0.2em; padding-bottom: 0; color: #00EDE7; font-size: 1em; } footer .pos_re .uinn-a13-hover0 { margin-top: -0.2em; padding-bottom: 0; color: #00B050; font-size: 1em; } footer .pos_re .ub-img5{ margin:0 auto; width:1.4em; height:1.4em;background-size: 1.4em 1.4em;} .footer-box{ float:left; height: 3em; margin-top:0.3em; width:19%;} .footer-center-box { margin: 0 auto; width: 4.5em; margin-top: -1.4em; background-color: #044A52; box-shadow: 0px -3px 3px -3px #044A52; border-radius: 50% 50% 0 0; box-sizing: border-box; overflow: hidden; } .footer-center-box img { width: 3.4rem; margin: 0 auto; margin-top: 0.5em; } .index-center-box{ position: fixed;z-index:999; bottom:50px; left:0; width:100%; text-align:center;-webkit-transform: translateZ(0);} .index-center-box .index-center-box-img{margin:0 auto; width:2em; height:2em; background: url('../image/addplus.png') 0 0 no-repeat; background-size:100% 100%; } #index_0 .icon{ background-image: url('../image/home.png'); } #index_0 .icon_act { background-image: url('../image/home-active.png'); } #index_1 .icon { background-image: url('../image/video.png'); } #index_1 .icon_act { background-image: url('../image/video-active.png'); } #index_2 .icon { background-image: url('../image/lmsj.png'); } #index_2 .icon_act { background-image: url('../image/lmsj-active.png'); } #index_3 .icon { background-image: url('../image/syblm.png'); } #index_3 .icon_act { background-image: url('../image/syblm-active.png'); } #index_4 .icon { background-image: url('../image/user.png'); } #index_4 .icon_act { background-image: url('../image/user-active.png'); } #index_5 .icon{ background-image: url('../image/live.png'); } #index_5 .icon_act{ background-image: url('../image/live-active.png'); } #index_6 .icon{ background-image: url('../image/live_dianpu.png'); } #index_6 .icon_act{ background-image: url('../image/live_dianpu-active.png'); } #index_7 .icon{ background-image: url('../image/+.png'); }