li, ol, ul { list-style: none; } i, em { font-style: normal; } img, input, button, textarea { border: none; outline: none; } body, button, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, input, li, ol, p, textarea, th, ul, span, em { margin: 0; padding: 0; } input::-ms-clear, input::-ms-reveal { display: none; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; } table { text-align: center; border-collapse: collapse; border-spacing: 0; } body { font-size: 0.28rem; font-family: "Noto Sans SC","sans-serif"; } a:link, a:visited { text-decoration: none; outline: none; } a { text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); cursor: pointer; color: #333; } a:hover { text-decoration: none; } .illegal { border: 1px solid red !important; } /*keui样式*/ .focus .box { border-color: #FA8A00 !important; /*表单控件焦点置入*/ } .data-item-selected { color: #fff; background: #FA8A00; border-left: 1px solid #FA8A00; } .data-item:hover { color: #FA8A00; background: #FA8A00; border-left: 1px solid #FA8A00; } .illegal { border: 1px solid red !important; } .input-light { height: auto; } .input-light .box { width: 100%; height: 40px; border: 1px solid #ddd; } .input-light .box .icon { margin: 10px 14px 0 14px; } .input-light .box > input { font-size: 14px; padding-left: 8px; box-sizing: border-box; } .input-light .box > textarea { padding: 5px; font-size: 14px; color: #fff !important; } .checkbox-selected .switch-checkbox-bar { background-color: #FA8A00; } .radiobox .selected .radiobox-rect { border-color: #FA8A00; } .radiobox .selected .radiobox-rect div { background-color: #FA8A00; } .radiobox .selected { color: #FA8A00; } #userpassword .main .item .getcode { color: #FA8A00 !important; } .bg-reverse { background:#fff;} /*功能性样式*/ .container { width: 6.86rem; margin: auto; } .pic-center { text-align: left; } .pic-center img { max-width: 96%; max-height: 96%; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .pic-center2 img { max-width: 80%; max-height: 80%; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .overflow-hidden { overflow: hidden; } .nodata { height: 4rem; padding-top: 2rem; text-align: center; } .nodata img { width: 1.6rem; height: 1.22rem; } .nodata p { margin-top: 0.1rem; } .nodata a { margin-top: 0.2rem; } /*消息提示*/ .messager-box .static-icon-btn { background-image: url(/user/10005/pc/image/icon.png); } .notify-top { position: fixed; z-index: 1000; margin-top: 10px; border: 1px solid #eee !important; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.13) !important; } .notify .panel-body { padding: 10px 12px; } .notify .messager-box th { width: 40px; } .notify .messager-msg { text-align: left; } .notify .messager-box .static-icon-btn { width: 20px; height: 20px; } .notify .icon-error-30 { background-position: -80px -20px; } .notify .icon-question-30 { background-position: -200px -20px; } .notify .icon-ok-30 { background-position: -140px -20px; } .notify .icon-cross { background-position: -20px -20px; } .notify .icon-success-30 { background-position: -140px -20px; } @keyframes move-forever { 0% { transform: translate3d(-90px,0,0); } 100% { transform: translate3d(85px,0,0); } } .btn1 { display: inline-block; text-align: center; border: 1px solid #E0DDDC; background: #fff; color: #241B0F !important; text-decoration: none !important; cursor: pointer; font-weight: normal; transition: all 0.3s; font-size: 16px; border-radius: 52px; } .btn2 { display: inline-block; text-align: center; border: 1px solid #FA8A00; background: #FA8A00; color: #fff !important; text-decoration: none !important; cursor: pointer; font-weight: normal; transition: all 0.3s; font-size: 16px; border-radius: 52px; } .btn-normal { display: inline-block; text-align: center; border: 1px solid #FA8A00; background: #FA8A00; color: #fff !important; text-decoration: none !important; cursor: pointer; font-weight: normal; transition: all 0.3s; font-size: 16px; border-radius: 52px; } .btn-normal a { color: #fff !important; text-decoration: none !important; } .btn1:hover { border: 1px solid #FA8A00; background: #FA8A00; color: #fff !important; } .btn2:hover { opacity: 0.8; } .btn-normal:hover { opacity: 0.8; } .bsize-m { width: 110px; height: 40px; line-height: 40px; } .bsize-l { width: 184px; height: 46px; line-height: 46px; } .bsize-xl { width: 318px; height: 38px; line-height: 38px; } .c1 { color: #333; } .c2 { color: #666; } .c3 { color: #999; } .ch1 { color: #F7A240 !important; } .ch2 { color: #FFF; } .ch3 { color: #DD4B39; } .ch4 { color: #F9651F; } .bg1 { background-color: #F7A240; } .bg2 { background-color: #FFF; } .bg3 { background-color: #F9F9F9; } .bg4 { background-color: #F5F5F5; } .bg5 { background-color: #FFF5F4; } .bg6 { background-color: #464343; } .bg7 { background-color: #413D3D; } .f1 { font-size: 12px; } .f2 { font-size: 14px; } .f3 { font-size: 16px; } .fb1 { font-size: 12px; font-weight: bold; } .fb2 { font-size: 14px; font-weight: bold; } .fb3 { font-size: 16px; font-weight: bold; } .ft1 { font-size: 20px; font-weight: bold; } .ft2 { font-size: 24px; font-weight: bold; } .ft3 { font-size: 30px; font-weight: bold; } .tag1 { color: #fff; height: 0.4rem; line-height: 0.4rem; padding: 0 0.08rem; } .bsize-m { width: 102px; height: 30px; line-height: 30px; } .bsize-l { width: 2.42rem; height: 0.84rem; line-height: 0.84rem; } .bsize-xl { width: 6.82rem; height: 0.84rem; line-height: 0.84rem; } .paging { height: 1rem; line-height: 1rem; margin: 0.2rem 0; text-align: center; background: #fff; } .paging a { display: inline-block; vertical-align: top; width: 1rem; height: 1rem; line-height: 1rem; border: none; border-radius: inherit; margin-right: 0; } .paging span { display: inline-block; vertical-align: top; padding: 0 0.9rem; font-size: 0.32rem; } .window1 { width: 5.96rem; height: 4.5rem; border-radius: 0.16rem; overflow: hidden; } .window1 .panel-header { width: auto !important; height: 0.4rem; line-height: 0.4rem; padding-top: 0.48rem; background: #fff; text-align: center; font-size: 0.36rem; font-weight: bold; color: #333; } .window1 .panel-header .fll { width: 100%; color: #333 !important } .window1 .panel-header .flr { display: none; } .window1 .panel-body { width: auto !important; height: 3.62rem !important; } .window2 { position: fixed; border: none; width: 5.16rem; box-shadow: none; border-radius: 0.16rem; padding: 0.4rem; z-index: 300; } .window2 .panel-header { width: auto !important; background-color: #fff; line-height: 0.6rem; color: #333; font-size: 0.36rem; font-weight: bold; padding: 0px; text-align: center; } .window2 .panel-header .fll { width: 100%; color: #333 !important } .window2 .panel-body { width: 5.2rem !important; height: auto !important; overflow: hidden; } .window2 .panel-header .ico30 { margin: -2px 18px 0px 0px } .window2 .messager-box { height: 1rem; } .window2 .messager-msg { color: #666; font-size: 0.3rem; } .window2 .messager-buttons { height: auto; padding: 0px; text-align: right; } .window2 .btn { width: 2.22rem; height: 0.84rem; line-height: 0.88rem; border-radius: 0.08rem; font-weight: normal; cursor: pointer; font-size: 0.32rem; padding: 0; } .window2 .btn-cancel { margin-left: 0.22rem; border: 1px solid #ddd; background: #fff; } .window2 .btn:hover { opacity: 0.8; } .window3 { position: fixed; width: 100%; height: 8.2rem; bottom: 0; top: inherit !important; box-shadow: none; z-index: 300; } .window3 .title { height: 0.96rem; line-height: 0.96rem; text-align: center; font-size: 0.36rem; font-weight: bold; border-bottom: 0.01rem solid #ddd; position: relative; } .window3 .title .icow { position: absolute; top: 0.36rem; right: 0.32rem; } .window3 .scroller { height: auto !important; width: auto !important; max-height: none; } .window3 .desc { height: 5.72rem; padding: 0 0.32rem; overflow: auto; border-bottom: 0.01rem solid #eee; } .window3 .item { padding: 0.32rem 0; border-bottom: 0.01rem solid #eee; position: relative; } .window3 .item .name { font-size: 0.32rem; padding-bottom: 0.08rem; } .window3 .item .icow { position: absolute; top: 50%; margin-top: -0.2rem; right: 0rem; } .window3 .select .icow { background-position-y: -9.1rem; } .window3 .btn1 { display: block; margin: 0.3rem auto; } .window4 { position: fixed; width: 100%; height: 100%; background: #f9f9f9; } .window4 .title { height: 1.06rem; line-height: 1.06rem; padding: 0 0.32rem; border-bottom: 0.01rem solid #eee; } .window4 .title .fll { font-size: 0.36rem; font-weight: bold; } .window4 .title .flr { font-size: 0.3rem; } .window4 .scroller { height: auto !important; width: auto !important; max-height: none; } .window4 .desc { background: #fff; padding: 0 0.32rem; } .window4 .input { height: 0.96rem; line-height: 0.96rem; background: #fff; padding: 0 0.32rem; border-bottom: 0.01rem solid #eee; } .window4 .input label { width: 6.06rem; font-size: 0.3rem; } .window4 .switch-checkbox-bar { width: 0.8rem; height: 0.4rem; border-radius: 0.4rem; } .window4 .switch-checkbox-point { height: 0.35rem; width: 0.35rem; border-radius: 50%; top: 0.32rem; } .window4 .checkbox-selected .switch-checkbox-point { left: 0.42rem; } .layer { border: none; box-shadow: none; } .scroller { max-height: 4.4rem; overflow: hidden; overflow-y: auto; } .mask { background: #000; opacity: 0.2; position: fixed !important; } .mask div { background-color: #000; } #ke_messager_mask { position: fixed !important; height: 100% !important; } .combobox-layer, .input-layer { box-shadow: #ccc 0px 0px 8px; border: 1px solid #ccc; } /*图标*/ .icow { background-image: url(/user/10005/wap/image/icon.png); width: 0.4rem; height: 0.4rem; display: inline-block; vertical-align: middle; background-size: 19.42rem 21.39rem; margin-top: -0.02rem; } .icow-hover:hover { } .icow-hover2:hover { } .icow2 { background-image: url(/user/10005/wap/image/icon.png); width: 0.2rem; height: 0.2rem; display: inline-block; vertical-align: middle; background-size: 19.42rem 21.39rem; margin-top: -0.02rem; } .icow5 { background-image: url(/user/10005/wap/image/icon.png); width: 0.5rem; height: 0.5rem; display: inline-block; vertical-align: middle; background-size: 19.42rem 21.39rem; margin-top: -0.02rem; } .icow6 { background-image: url(/user/10005/wap/image/icon.png); width: 0.6rem; height: 0.6rem; display: inline-block; vertical-align: middle; background-size: 19.42rem 21.39rem; margin-top: -0.02rem; } .icow8 { background-image: url(/user/10005/wap/image/icon.png); width: 0.8rem; height: 0.8rem; display: inline-block; vertical-align: middle; background-size: 19.42rem 21.39rem; margin-top: -0.02rem; } .icow10 { background-image: url(/user/10005/wap/image/icon.png); width: 1rem; height: 1rem; display: inline-block; vertical-align: middle; background-size: 19.42rem 12rem; margin-top: -0.04rem; } .icow12 { background-image: url(/user/10005/wap/image/icon.png); width: 1.2rem; height: 1.2rem; display: inline-block; vertical-align: middle; background-size: 19.42rem 21.39rem; margin-top: -0.02rem; } .ico20 { background-image: url(/user/10005/wap/image/icon.png); width: 0.4rem; height: 0.4rem; display: inline-block; vertical-align: middle; background-size: 19.42rem 21.39rem; margin-top: -0.02rem; } /*第1行*/ .ico-question { background-position: -0.1rem -0.1rem; } .ico-error { background-position: -0.7rem -0.1rem; } .ico-success { background-position: -1.3rem -0.1rem; } .ico-warning { background-position: -1.9rem -0.1rem; } .ico-warning-blue { background-position: -2.5rem -0.1rem; } .ico-police { background-position: -3.1rem -0.1rem; } .ico-qq { background-position: -3.7rem -0.1rem; } .ico-phone { background-position: -4.3rem -0.1rem; } .ico-email { background-position: -4.9rem -0.1rem; } .ico-wechatpay { background-position: -5.5rem -0.1rem; } .ico-alipay { background-position: -6.1rem -0.1rem; } .ico-money-round { background-position: -6.7rem -0.1rem; } /*第2行*/ .ico-eflag { background-position: -0.1rem -1.3rem; } .ico-zflag { background-position: -0.7rem -1.3rem; } /*第3行*/ .ico-sigh { background-position: -0.1rem -2.5rem; } .ico-earth { background-position: -0.7rem -2.5rem; } .ico-zoom { background-position: -1.3rem -2.5rem; } /*第4行*/ .ico-star-bg { background-position: -0.1rem -3.7rem; } .ico-thumb { background-position: -0.7rem -3.7rem; } .ico-sale { background-position: -1.3rem -3.7rem; } .ico-hot { background-position: -1.9rem -3.7rem; } .ico-new { background-position: -2.5rem -3.7rem; } /*第5行*/ .ico-people { background-position: -0.1rem -4.9rem; } .ico-lock { background-position: -0.7rem -4.9rem; } .ico-shield { background-position: -1.3rem -4.9rem; } .ico-email-gray { background-position: -1.9rem -4.9rem; } .ico-dustbin { background-position: -2.5rem -4.9rem; } .ico-truck { background-position: -3.1rem -4.9rem; } .ico-location { background-position: -3.7rem -4.9rem; } .ico-clock { background-position: -4.3rem -4.9rem; } .ico-pen { background-position: -4.9rem -4.9rem; } .ico-location2 { background-position: -5.5rem -4.9rem; } .ico-invoice { background-position: -6.1rem -4.9rem; } .ico-cube { background-position: -6.7rem -4.9rem; } .ico-book { background-position: -7.3rem -4.9rem; } .ico-line { background-position: -7.9rem -4.9rem; } .ico-cross { background-position: -8.5rem -4.9rem; } .ico-diamond-more { background-position: -9.1rem -4.9rem; } .ico-flag { background-position: -9.7rem -4.9rem; } .ico-arrow-top { background-position: -10.3rem -4.9rem; } .ico-spot-round { background-position: -10.9rem -4.9rem; } .ico-question-book { background-position: -11.50rem -4.9rem; } /*第6行*/ .ico-right { background-position: -0.7rem -6.1rem; } .ico-down { background-position: -1.3rem -6.1rem; } .ico-up { background-position: -0.1rem -6.1rem; } .ico-left { background-position: -1.9rem -6.1rem; } .ico-up-color { background-position: -2.5rem -6.1rem; } .ico-right-color { background-position: -3.1rem -6.1rem; } .ico-down-color { background-position: -3.7rem -6.1rem; } .ico-left-color { background-position: -4.3rem -6.1rem; } .ico-right-triangle { background-position: -5.6rem -6.2rem; } .ico-down-triangle { background-position: -6.2rem -6.2rem; } .ico-up-triangle { background-position: -5rem -6.2rem; } .ico-left-triangle { background-position: -6.8rem -6.2rem; } .ico-right-round { background-position: -10.25rem -6.05rem; } .ico-down-round { background-position: -10.85rem -6.05rem; } .ico-up-round { background-position: -9.65rem -6.05rem; } .ico-left-round { background-position: -11.45rem -6.05rem; } /*第7行*/ .ico-book-bg { background-position: 0rem -7.2rem; } .ico-headset { background-position: -0.6rem -7.2rem; } .ico-storage { background-position: -1.2rem -7.2rem; } .ico-star-bg2 { background-position: -1.8rem -7.2rem; } .ico-location-bg { background-position: -2.4rem -7.2rem; } .ico-clock-bg { background-position: -3rem -7.2rem; } .ico-sigh-bg { background-position: -3.6rem -7.2rem; } .ico-people-bg { background-position: -4.2rem -7.2rem; } .ico-money-bg { background-position: -4.8rem -7.2rem; } .ico-location-bg2 { background-position: -5.4rem -7.2rem; } .ico-lock-bg { background-position: -6rem -7.2rem; } .ico-email-bg { background-position: -6.6rem -7.2rem; } /*第8行*/ .ico-select { background-position: -0.1rem -8.5rem; } .ico-funnel { background-position: -0.7rem -8.5rem; } .ico-star-gray { background-position: -1.3rem -8.5rem; } .ico-plus { background-position: -1.9rem -8.5rem; } .ico-minus { background-position: -2.5rem -8.5rem; } .ico-house { background-position: -3rem -8.4rem; } .ico-cart { background-position: -3.6rem -8.4rem; } .ico-menu { background-position: -4.2rem -8.4rem; } .ico-people-big { background-position: -4.8rem -8.4rem; } .ico-diamond { background-position: -5.5rem -8.5rem; } .ico-diamond2 { background-position: -6.1rem -8.5rem; } .ico-square2 { background-position: -6.7rem -8.5rem; } .ico-square { background-position: -7.3rem -8.5rem; } .ico-circular2 { background-position: -7.9rem -8.5rem; } .ico-circular { background-position: -8.5rem -8.5rem; } .ico-wechat { background-position: -9rem -8.4rem; } .ico-weibo { background-position: -9.6rem -8.4rem; } .ico-twitter { background-position: -10.2rem -8.4rem; } .ico-shareurl { background-position: -10.8rem -8.4rem; } .ico-feesback { background-position: -11.4rem -8.4rem; } .ico-in { background-position: -12rem -8.4rem; } .ico-video { background-position: -12.6rem -8.4rem; } .ico-arrow-left50 { background-position: -13.85rem -8.45rem; } .ico-arrow-right50 { background-position: -14.45rem -8.45rem; } /*第9行*/ .ico-select-hover { background-position: -0.1rem -9.1rem; } .ico-funnel-hover { background-position: -0.7rem -9.1rem; } .ico-star-gray-hover { background-position: -1.3rem -9.1rem; } .ico-plus-hover { background-position: -1.9rem -9.1rem; } .ico-minus-hover { background-position: -2.5rem -9.1rem; } .ico-diamond-hover { background-position: -5.5rem -9.1rem; } .ico-diamond2-hover { background-position: -6.1rem -9.1rem; } .ico-square2-hover { background-position: -6.7rem -9.1rem; } .ico-square-hover { background-position: -7.3rem -9.1rem; } .ico-circular2-hover { background-position: -7.9rem -9.1rem; } .ico-circular-hover { background-position: -8.5rem -9.1rem; } .ico-wechat-hover { background-position: -9rem -9rem; } .ico-weibo-hover { background-position: -9.6rem -9rem; } .ico-twitter-hover { background-position: -10.2rem -9rem; } .ico-shareurl-hover { background-position: -10.8rem -9rem; } .ico-feesback-hover { background-position: -11.4rem -9rem; } .ico-in-hover { background-position: -12rem -9rem; } .ico-video-hover { background-position: -12.6rem -9rem; } /*第10行*/ .ico-wechat-white { background-position: -9rem -9.6rem; } .ico-weibo-white { background-position: -9.6rem -9.6rem; } .ico-twitter-white { background-position: -10.2rem -9.6rem; } .ico-shareurl-white { background-position: -10.8rem -9.6rem; } .ico-feesback-white { background-position: -11.4rem -9.6rem; } .ico-in-white { background-position: -12rem -9.6rem; } .ico-video-white { background-position: -12.6rem -9.6rem; } /*第11行*/ .ico-cross-round { background-position: -0.2rem -11rem; } .ico-hook-round { background-position: -1.4rem -11rem; } .ico-phone-color { background-position: -2.7rem -11.1rem; } .ico-hook-big { background-position: -3.7rem -10.9rem; } .ico-head { background-position: -4.8rem -10.8rem; } /*第12行*/ .ico-tease { background-position: -0rem -13.2rem; } .ico-play { background-position: -1.2rem -13.2rem; } .ico-play-m { background-position: -2.6rem -13.4rem; } .ico-tree { background-position: -0.2rem -15.8rem; } .ico-flask { background-position: -1.4rem -15.8rem; } .ico-virus { background-position: -2.6rem -15.8rem; } .ico-microscope { background-position: -3.8rem -15.8rem; } .ico-peoples { background-position: -5rem -15.8rem; } .ico-goodhand { background-position: -6.2rem -15.8rem; } .ico20-people { background-position: -0.1rem -4.9rem; } .ico20-shield { background-position: -1.3rem -4.9rem; } .ico20-cross { background-position: -8.5rem -4.9rem; } .ico20-emailgray { background-position: -0.1rem -4.9rem; }