.numScroll { display: block; width: 100%; height: 75px; text-align: center } .numScroll.inrow>li,.numScroll.inrow span { display: inline-block; *display: inline; *zoom: 1; font-size: 14px; word-spacing: normal } .numScroll .numScroll-main { position: relative; width: 100%; height: 100%; overflow: hidden } .numScroll .numScroll-main .numScroll-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -ms-transition: all 3s cubic-bezier(.26,.82,.54,.92); transition: all 3s cubic-bezier(.26,.82,.54,.92) } .numScroll .numScroll-content span { width: 100%; height: 100%; display: block; font: 54px/75px Arial; color: #fff } .btn-check-in { border: none; color: #fff; text-align: center; cursor: pointer; vertical-align: center; outline: none; background-color: #ff8021; background-image: linear-gradient(269deg,#ff7400 1%,#ff8e00 99%); font-size: 12px } .btn-check-in>* { display: inline-block; vertical-align: center } .btn-check-in.transfer .transfer-item { transform: translateY(-75%); opacity: 0; transition: all .6s ease-out } .btn-check-in.md { width: 56px; height: 28px; border-radius: 14px } .btn-check-in.disabled { border-color: transparent } .btn-check-in.checked,.btn-check-in.disabled { cursor: default; background-image: none; background-color: #9aa4ac } .paging { padding-top: 5px; font-size: 14px; color: #8c8c8c } .paging .border-top { position: relative; top: -14px; right: -13px; border-top: 1px solid #e8e8e8; width: 980px } .paging ul { *zoom: 1 } .paging ul:after,.paging ul:before { content: " "; display: table } .paging ul:after { clear: both } .paging li { float: left; margin: 0 4px; text-align: center } .paging li.disabled { opacity: .5 } .paging li.disabled a { cursor: default } .paging a { width: 32px; height: 32px; border: 1px solid #d9d9d9; border-radius: 4px; line-height: 30px; font-size: 12px; color: #5b5b5b } .paging a .svg-icon { width: 16px; height: 16px } .paging a .icon-ellipsis { color: #ccc } .paging .next i,.paging .prev i { display: inline-block; *display: inline; *zoom: 1; width: 8px; height: 13px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; vertical-align: -1px } .paging .prev i { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphNTZiNmI5My1hYmNlLTc0NDQtYWI1OC02YTcyZDI0MjkyYTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDMyODgxQTI1ODA1MTFFOEJCMzU4QTM0NDA1MDM2MzciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDMyODgxQTE1ODA1MTFFOEJCMzU4QTM0NDA1MDM2MzciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE1NmI2YjkzLWFiY2UtNzQ0NC1hYjU4LTZhNzJkMjQyOTJhNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDphNTZiNmI5My1hYmNlLTc0NDQtYWI1OC02YTcyZDI0MjkyYTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7LKD7rAAAA6UlEQVR42mJcuHAhAycnJwMIhIaGMsyePZuBkZGR4f////lAoSQWBuygBYhLgTgKXQETEE/79+9fNDMzsxeQ3ousgG3WrFlLgLQj0AonIH0aJAhTwPPhw4f1QFodiG2B+AZMF0iBMFByG9BRfKysrNa/f/9+jGwny8+fPxcBJQ2BbE0gfozuWiagZArQzutA9logLQGTADoQ5FWwq58DjbYHSn769evXUSBfGd1bIPBBQEDAHUhfBSoEKTJAVwAC3wUFBQOB9Hag0QeBtD2yN2HgLxAnAvFrIN4BxJG4groMiF8BcTNAgAEACstMxnUhA08AAAAASUVORK5CYII=) } .paging .next i { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAAXNSR0IArs4c6QAAAO5JREFUGBljmDlz5uVZs2aVMOAATEDxWiBuBirswqaGESQINMH+////mxgZGdcJCAikhIWF/YUpBiuAKjIA0juACk8JCgqGAxV9B4nDFYA4QGuUgdQuoElPWVlZ/RITEz+gKAApmj9/vsSvX792ABUxAk3zwFAAUgQ16TpQzW4MBfPmzZP9/fs3yJpP7OzsXigKgDo1gAaAJG8CfRMIdOgXUDiAAdCrpkDGYSA+AZT0BkmCJMAmzJkzx/nv378bgDqXpqamZgHpfyBJEGAC6gz+9+/fNiYmpolpaWkZyJIgBSxAXAfEZUCdE0EC6AAAD5VUW77+3Y0AAAAASUVORK5CYII=) } .paging .active a { border-color: #0574ff; background-color: #0574ff; color: #fff } .paging .no { margin: 0 -2px } .paging .no a { cursor: default; border: 1px solid transparent } .paging-empty-border-no .paging .border-top { display: none } .paging-task { padding: 5px } .paging-task a { width: 18px; height: 18px; font-size: 12px; border-radius: 2px; line-height: 16px; color: #5b5b5b; border: none; vertical-align: middle } .paging-task a:hover { color: #1890ff } .paging-task a i { vertical-align: middle } .paging-task a .svg-icon { width: 12px; height: 12px } .paging-task .next i,.paging-task .prev i { height: 10px } .paging-task .active a { border-color: #1890ff; background-color: #1890ff; color: #fff } .paging-task .no a { border: none } .paging-task .no a:hover { color: #5b5b5b } .paging-lottery { padding: 5px } .paging-lottery a { width: 20px; height: 20px; font-size: 12px; border-radius: 10px; line-height: 16px; color: #4db6ac; border: 1px solid transparent; vertical-align: middle } .paging-lottery a:hover { color: #4db6ac; border-color: #def3f0; background-color: #def3f0 } .paging-lottery a i { vertical-align: middle } .paging-lottery a .svg-icon { width: 12px; height: 12px } .paging-lottery a .icon-ellipsis { color: #4db6ac } .paging-lottery .next a:hover,.paging-lottery .prev a:hover { background: none; border-color: transparent } .paging-lottery .active a { border-color: #4db6ac; background-color: #4db6ac; color: #fff } .paging-lottery .no a { border: 1px solid transparent } .paging-lottery .no a:hover { color: #5b5b5b } .paging a { display: block } .dialog-default.dialog-confirm { width: 400px; overflow: hidden; border-radius: 8px } .dialog-default.dialog-confirm .dialog-title { padding: 0; line-height: 22px } .dialog-default.dialog-confirm .dialog-hd { margin: 24px 24px 0; padding: 0 } .dialog-default.dialog-confirm-warning .dialog-hd { padding-left: 24px; position: relative } .dialog-default.dialog-confirm-warning .dialog-hd:before { position: absolute; display: block; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAU1JREFUOBGVUztKBEEQrTeI8Z5gwU/kgpFewEAxcSNvMImfYPEgRn6S9QRGmggGHsA1EjbzA3MCM8Fgy1fVO9BTM8I60EzXe/Wqq7tfQ8Kn99sDES1FdZdUf05XAjyKYIyDyTSXoA50ergsb5/nFB+pSFHj+Z/JMxa5lvWVMwxuf4zzAi5+/3hQlZ1c8NcckCdZW923ImklrtwlBvDMMYmFPNe7ZQe+Z529drXN9o5NTO4qFvHtoNhkB1p2iaMgxkmjZTE/7cgvFvOm7Azqq1pM1MzqLzXjVjRsIQGwAhXHRsA95D73uvAMq4rksAzKphB828ig5pTuLOi5m+SwJucRMOICow7GHGiuHPPPi7zbulDRk5hI8st5kV6bwyWGL6fJieZts2f4eAY9GwFmU8ylxnAv4A/DvC2s6q1FSYqNs5z6HRjqW8jT//ucfwG5cWdqIA/K+AAAAABJRU5ErkJggg==) } .dialog-default.dialog-confirm .dialog-bd { padding: 8px 24px 16px; font-size: 14px; color: #84919d; line-height: 20px; line-height: 18px } .dialog-default.dialog-confirm-warning .dialog-bd { padding-left: 48px } .dialog-default.dialog-confirm .dialog-confirm-main { display: inline-block; *display: inline; *zoom: 1 } .dialog-default.dialog-confirm .dialog-confirm-main:after,.dialog-default.dialog-confirm .dialog-confirm-main:before { content: " "; display: table } .dialog-default.dialog-confirm .dialog-confirm-main:after { clear: both } .dialog-default.dialog-confirm .dialog-main { float: left; margin-left: 15px; text-align: left } .dialog-default.dialog-confirm .dialog-main h3 { font-size: 16px; font-weight: 400; color: #373737 } .dialog-default.dialog-confirm .dialog-main p { font-size: 14px; color: #11affb; margin-top: 15px } .dialog-default.dialog-l2-password-new { border-radius: 20px 20px 16px 16px; padding-top: 190px } .dialog-default.dialog-l2-password-new .l2-password-guide-bg { width: 540px; height: 190px; background: url(../img/l2-password-guide-bg.085b7b6eea88d9406bcddaa321a2d4f7.); position: absolute; top: 0; left: 0 } .dialog-default.dialog-l2-password-new .dialog-close-white { position: absolute; width: 22px; height: 22px; top: 20px; right: 20px; cursor: pointer; background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFqADAAQAAAABAAAAFgAAAAAcITNaAAABp0lEQVQ4Ea2VyU7DMBCGk8KZRwGJsh6QyImly6sitZTlVMQJKASV50EK3x/GlrPSRIzkjj2e+fzHdZw4y7LzKIr2aU9xHKf43gZrl+KEtt7mZ4+2Q5sysQV8Rb+zUStxUyscDugsaZkFRiQcWn9jV4Kq7nmAwi8684DSCQ50SK1TKsyjnjp2wJpVF39ti0EnjoF/oOZFY21FbgRSOhsrb4MK6BXndH5qCirKyTkgdexq8PcIew3GVbAm2+CbQMWoKFZQVgNY/M5EI/Nydyh9C8a+2whWRg3cF9JphCqpFawE4DrXoUqFK/uuYGj+VITB/+i3KkbtEYtc20Lu7XQ1t+zve5OIRsU10BkQNWdj+w/cuOB1CVWMgmOCVzYhpTPUfWrMnBS7V1jwjLkPzYXmHsvH2qAuiZzwJlN4XoYXwBSckHRpgIJSi3lHri6f8J4owP0ed4GKbgrDu2ViT5IvnismcMroIo+wjXi/pxZrdNSW7w3VpjET4QvQCepWK8HFuNFWnFlCL6hqUajz7O4S7UKi46Z7WN+9JQn6mvQyalco/6Y4oa1/AGPzvs0snC/RAAAAAElFTkSuQmCC) } .dialog-l2-password-form .subtitle { margin-top: 6px; font-size: 16px; color: #333; text-align: center; line-height: 22px } .dialog-l2-password-form .subtitle span { color: #0574ff } .dialog-l2-password-form .dialog-bd .form-group { position: relative; width: 400px; margin: 22px auto 32px; *zoom: 1 } .dialog-l2-password-form .dialog-bd .form-group:after,.dialog-l2-password-form .dialog-bd .form-group:before { content: " "; display: table } .dialog-l2-password-form .dialog-bd .form-group:after { clear: both } .dialog-l2-password-form .dialog-bd .form-group-submit { margin-top: 40px } .dialog-l2-password-form .dialog-bd .form-group .control-label { font-size: 16px; color: #333 } .dialog-l2-password-form .dialog-bd .form-group .control-content { position: relative; margin-top: 10px; *zoom: 1 } .dialog-l2-password-form .dialog-bd .form-group .control-content:after,.dialog-l2-password-form .dialog-bd .form-group .control-content:before { content: " "; display: table } .dialog-l2-password-form .dialog-bd .form-group .control-content:after { clear: both } .dialog-l2-password-form .dialog-bd .form-group .control-content input { background: #fff } .dialog-l2-password-form .dialog-bd .form-group .control-content input.input-six { height: 56px; line-height: 56px; font-size: 24px; letter-spacing: 55px; padding-left: 29px } .dialog-l2-password-form .dialog-bd .form-group .control-content input.input-six:focus { -ms-transform: translateY(-99999px) } .dialog-l2-password-form .dialog-bd .form-group .link-forget { display: block; margin-top: 20px; font-size: 16px; color: #0574ff; position: absolute; top: -44px; right: 0 } .dialog-l2-password-form .dialog-bd .form-group .error-msg-red { position: absolute; top: -20px } .dialog-default.dialog-init-l2-password .dialog-bd { padding: 40px 70px } .dialog-default.dialog-init-l2-password .dialog-bd .title { font-size: 20px; color: #333; text-align: center; font-weight: 500; line-height: 1 } .dialog-default.dialog-init-l2-password .dialog-bd .subtitle { margin-top: 16px; font-size: 16px; color: #333; text-align: center; line-height: 22px } .dialog-default.dialog-init-l2-password .dialog-bd .subtitle span { color: #0574ff } .dialog-default.dialog-errorTask-list .dialog-bd .task-title { padding: 9px 12px 8px; font-size: 12px; color: #151515; line-height: 17px; color: #999; border-radius: 2px; background: #fff6e8; border: 1px solid #feb133 } .dialog-default.dialog-errorTask-list .dialog-bd .icon { margin-right: 7px; vertical-align: -2px } .dialog-default.dialog-errorTask-list .dialog-bd .text-success { color: #1dbfb2 } .dialog-default.dialog-errorTask-list .dialog-bd .text-error { color: #f5464c } .dialog-default.dialog-errorTask-list .dialog-bd .task-main { margin-top: 8px; width: 100%; height: 162px; background: #f2f2f2; border-radius: 2px; overflow-y: auto; overflow-x: hidden; padding: 8px 15px } .dialog-default.dialog-errorTask-list .dialog-bd .task-main li { width: 100%; padding: 3px 0; line-height: 20px; *zoom: 1 } .dialog-default.dialog-errorTask-list .dialog-bd .task-main li:after,.dialog-default.dialog-errorTask-list .dialog-bd .task-main li:before { content: " "; display: table } .dialog-default.dialog-errorTask-list .dialog-bd .task-main li:after { clear: both } .dialog-default.dialog-errorTask-list .dialog-bd .task-main .font { width: 440px; float: left; color: #586674; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .dialog-default.dialog-errorTask-list .dialog-bd .task-main .task-name { float: right; font-size: 12px; color: #d0021b } .dialog-default.dialog-errorTask-list .dialog-bd .task-main .task-name.text-orange { color: #f5a623 } .dialog-default.dialog-errorTask-list .dialog-ft { padding-top: 0 } .cloud-download-container.dialog-default { border-radius: 8px; border: none; color: #999; font-size: 14px } .cloud-download-container.dialog-default .dialog-bd { overflow: visible } .cloud-download-container.dialog-default .toolbar { padding: 0 10px; height: 62px; line-height: 62px; border-bottom: 1px solid #f3f4f4 } .cloud-download-container.dialog-default .table { width: 100%; font-size: 14px; color: #666; margin-bottom: 2px } .cloud-download-container.dialog-default .table tr { line-height: 40px; border-bottom: 1px solid #f3f4f4 } .cloud-download-container.dialog-default .table th { font-weight: 400; padding-left: 20px; color: #999; text-align: left } .cloud-download-container.dialog-default .table td { padding-left: 20px; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: left } .cloud-download-container.dialog-default .table td.td-1 { color: #333 } .cloud-download-container.dialog-default .table td.td-1 span { display: block; width: 450px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .cloud-download-container.dialog-default .table td.td-2 { color: #999 } .cloud-download-container.dialog-default .table td a { margin-right: 12px; cursor: pointer } .cloud-download-container.dialog-default .table td a.highlight { color: #4ec2fb } .cloud-download-container.dialog-default .empty { margin-top: 60px; padding-top: 80px; background: url(../img/cloud-download_pic_blankpage.8e6c347c99a3765aa1df163dd336c718.png) no-repeat 50% 0; text-align: center; font-size: 14px; color: #999 } .cloud-download-container.dialog-default .mr10 { margin-right: 7px } .cloud-download-container.dialog-default .bt-file-wrap { height: 72px; padding: 16px 0; background: #f3f3f3; box-sizing: border-box; font-size: 14px } .cloud-download-container.dialog-default .bt-file-wrap .bt-file { float: left; width: 370px } .cloud-download-container.dialog-default .bt-file-wrap .bt-file .icon-bt { margin: 0 16px 0 30px; display: inline-block; background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAoCAYAAABw65OnAAAAAXNSR0IArs4c6QAAAy1JREFUWAntV0toE1EUPZN/2jT9pB+1TZqmFZQqaiuKKxGVgiC6kS4UFaxoq4Juihs/uBLcuBApVoouRFBU3IiKCzdWxGLxW7D1k7SWxn7y64yT7/gmOkM7mSSTmMQuOjC8++69754zZ+57zFA7B84XTXhwCRzaOY6zIEeXf8Y7GQsF20YO9AymK6niCXAxriuXBHjQSDhc5fMG+u0PTtrTkuAVSJeUbTzEBg3M2NRb263O8lQ1VLlWQAoWZFhz0MMMNT06oZfGhLlKMPI5sjRdQzsDn8gDU3I4BSHBAzP+WUdt76HX/5UED057/K3W3o7HUiIFU0IAJlu3zXq944Yw58e8kaAg+/rj2H6Pb7+t7/BFgUjeSOiMBgEjcYxxlH/a223vO3qKD1Lrn5zjErNy4xn/6gLtDyQtplKrOLPFsk+TNCMHgWUOG2hfAEGWBdmechUptVrTk1cSPGpxaUn8lmPw11eSt55IAZoQWiQhSLKoxKISggLCuCB6Iu1htdHSCL1qflowFsEYM4MfvzzCw2BNmQ2lWqM4lzOc9DSczFRCaH71hDBwtnkXqg1mmQjwYvIzTr+7CzYaxvHlW7G2vF42T3D2fnmOa+SWXmlJ8Atc5Am6Bm7+WUtRqC+yYHddC7YvWYUOx2ZcGX6GM+/vw6DWivVvb+rEkH8cFz4+FH3eECPacw1FJCJcFO6gX1znZn0YmXVjW00zmkw1cf8E8UkvJhrCdzpRfmle1o1pL64ERVR57xuV1sx4rkiJCl0xjjRuiRfnv5caTFVoKbfj5dQI7o0OZAwqXaCIhEljiPeAsNhMdoGO7BhPiIZRrYM3LP+uhfx0oyISLmYa7f1XxVpaSo3VZXW4vG4vVpiXzouJSRkYWfVEmDTqG48TT90f4DBVo9aY8i8vLZ2sSAhVy7RFcTMSiwqurEZFr4PvgT3WDSJApd5ETkgrWisaMEgUmbt9xaQMDEUkKvUl6F65QywbIsf2JBvAHdcr2RNQTFRo5PWTXyGH/P2BKSXA5/1TY2YClCp3YZAg5z+bimUhYrwS/YUASoZBRBhWabQ4RoxvyZLy6Se4P6HGwd/dTPKGCFI+XgAAAABJRU5ErkJggg==);width: 33px; height: 40px } .cloud-download-container.dialog-default .bt-file-wrap .bt-file .info { color: #000; display: inline-block; width: 280px; vertical-align: top } .cloud-download-container.dialog-default .bt-file-wrap .bt-file .info p { margin-bottom: 10px; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 14px } .cloud-download-container.dialog-default .bt-file-wrap .quota { float: left; width: 220px; color: #000 } .cloud-download-container.dialog-default .bt-file-wrap .quota .wrap .progress { background: #c7ced6; margin: 10px 0; height: 7px } .cloud-download-container.dialog-default .bt-file-wrap .quota .wrap .progress .progress-bar { height: 100%; border-radius: 3px; background: #49c0fa } .cloud-download-container.dialog-default .bt-file-wrap .quota .wrap .progress.progress-need-quota .progress-bar { background: #ffa552 } .cloud-download-container.dialog-default .bt-file-wrap .quota .fr { float: right } .cloud-download-container.dialog-default .bt-file-wrap .quota a { color: #49c0fa } .cloud-download-container.dialog-default .bt-file-wrap .quota a.text-need-quota { color: #ffa552 } .cloud-download-container.dialog-default .save-to { margin: 8px 0 8px 15px; height: 32px; line-height: 32px } .cloud-download-container.dialog-default .save-to>* { vertical-align: middle } .cloud-download-container.dialog-default .save-to ._btn { margin-left: 18px } .cloud-download-container.dialog-default .save-to span { display: inline-block; max-width: 442px; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .cloud-download-container.dialog-default .new-bt-task { overflow: visible } .cloud-download-container.dialog-default .new-bt-task input { height: 100% } .cloud-download-container.dialog-default .url-form { position: relative } .cloud-download-container.dialog-default .url-form .new-bt-task { position: absolute; right: 16px; bottom: 16px } .cloud-download-container.dialog-default .url-form .info-wrap { height: 30px; line-height: 30px; margin-bottom: 4px; *zoom: 1 } .cloud-download-container.dialog-default .url-form .info-wrap:after,.cloud-download-container.dialog-default .url-form .info-wrap:before { content: " "; display: table } .cloud-download-container.dialog-default .url-form .info-wrap:after { clear: both } .cloud-download-container.dialog-default .url-form .info-wrap .error { float: left; width: 240px; color: #e04040 } .cloud-download-container.dialog-default .url-form .info-wrap .remain { float: right; color: #999 } .cloud-download-container.dialog-default .url-form .info-wrap .remain span { color: #0574ff } .cloud-download-container.dialog-default .url-form textarea { width: 100%; height: 170px; border-radius: 2px; border: 1px solid #b7c3cc; padding: 8px 16px } .cloud-download-container.dialog-default .url-form textarea::-webkit-input-placeholder { color: #b7c3cc } .cloud-download-container.dialog-default .url-form textarea::-moz-placeholder { color: #b7c3cc } .cloud-download-container.dialog-default .url-form textarea:-ms-input-placeholder { color: #b7c3cc } .cloud-download-container.dialog-default .url-form textarea:-moz-placeholder { color: #b7c3cc } .cloud-download-container.dialog-default .url-form textarea::placeholder { color: #b7c3cc } .cloud-download-container.dialog-default .url-form textarea:focus { outline: none; border-color: #0574ff } .cloud-download-container.dialog-default .file-list { overflow-x: hidden; overflow-y: auto; height: 248px } .cloud-download-container.dialog-default .dialog-ft { padding: 0 24px 24px; background: none } .cloud-download-container.dialog-default .dialog-ft .error { display: none; float: left; font-size: 12px; color: red; padding-left: 8px; line-height: 36px } .cloud-download-container.dialog-default .placeholder { color: #b7c3cc; text-align: left } .header-message-entry { position: relative; display: inline-block; *display: inline; *zoom: 1; border-radius: 6px; width: 36px; height: 32px; line-height: 30px; margin-right: 20px; text-align: center; cursor: pointer } .header-message-entry:hover { color: #0574ff } .header-message-entry .svg-icon { width: 24px; height: 24px; vertical-align: middle!important } .header-message-entry .num { position: absolute; right: 6px; top: 4px; width: 6px; height: 6px; border-radius: 50%; background: #f5464c; line-height: 18px; font-size: 12px } .search-wrap { width: 240px; height: 36px; margin-top: 14px; margin-left: 24px; line-height: 36px; position: relative; background: #f2f4f8; border-radius: 4px } .search-wrap .input-none { border: none; color: #2a323c; padding: 0 10px 0 36px; width: 100%; background: none; font-size: 14px; vertical-align: middle } .search-wrap .input-none::-webkit-input-placeholder { color: #b7c3cc } .search-wrap .input-none::-moz-placeholder { color: #b7c3cc } .search-wrap .input-none:-ms-input-placeholder { color: #b7c3cc } .search-wrap .input-none:-moz-placeholder { color: #b7c3cc } .search-wrap .input-none::placeholder { color: #b7c3cc } .search-wrap .btn-search { position: absolute; left: 0; top: 0; padding-left: 12px; padding-right: 8px; height: 36px; line-height: 34px; border: none; cursor: pointer; text-align: center } .search-wrap .btn-search .svg-icon { vertical-align: middle; width: 16px; height: 16px } .search-wrap .clear-search { position: absolute; display: none; width: 12px; height: 12px; overflow: hidden; right: 37px; top: 9px; background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkZGMyYmFjNi04MjcyLTFiNDEtYjc3Mi1iYWUyNzU0MTEzNzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUMyOUQwQjdGN0Q5MTFFNUFEMjNDRjI1RTIxQUFEMjQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUMyOUQwQjZGN0Q5MTFFNUFEMjNDRjI1RTIxQUFEMjQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUzNTdmMWNiLWFlNjQtZjM0Ny04ZjI3LTJlZGMzYWMwZWE2OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpkZGMyYmFjNi04MjcyLTFiNDEtYjc3Mi1iYWUyNzU0MTEzNzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5fSqDXAAAA+0lEQVR42nyRQWrCUBRFX0TqLGScTpJJRkKrA9s1tN2AzpxUh12OO3ADugjBSFvcQAKZJJCEgAMVgveG9yUt4oUD791/38//P1YYhqJ6AHMwBn319mAJFuBEo6sLj2AFnuWvXpUp+ABJR3e+FW6La2vQ48DMhIMgEMdxrinW9FRP4JMDE+OkaSqe5zVBwjrLsvaXJrzD0HRlWUoURU2QYl0URXtg0Pl/2Lqub9aqMwd2prNtW3zflziOG1jTa2nf1Xfm04nruk0wz/Nrgl5VVaZdWvhxPRQbfYV7+gUjHukI3sH3nfAPeGPWXDoBL+ALbMFB2ao30oxcBBgAutJJUqGI9P8AAAAASUVORK5CYII=) no-repeat } .dialog-default.dialog-attr .dialog-bd { max-height: 340px; overflow-y: auto; padding: 16px 32px } .dialog-default.dialog-attr .dialog-bd .row { margin-bottom: 12px; *zoom: 1; line-height: 20px } .dialog-default.dialog-attr .dialog-bd .row:after,.dialog-default.dialog-attr .dialog-bd .row:before { content: " "; display: table } .dialog-default.dialog-attr .dialog-bd .row:after { clear: both } .dialog-default.dialog-attr .dialog-bd .row-cnt { overflow: hidden; word-break: break-all } .dialog-default.dialog-attr .dialog-bd .row-cnt a,.dialog-default.dialog-attr .dialog-bd .row-cnt span { margin-right: 4px } .dialog-default.dialog-attr .dialog-bd .row-cnt .link { max-width: 140px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .dialog-default.dialog-attr .dialog-bd .row-cnt a.text-blue,.dialog-default.dialog-attr .dialog-bd .row-cnt span.text-blue { cursor: pointer } .dialog-default.dialog-attr .dialog-bd .w40 { width: 77px; padding-right: 4px; float: left; text-align: right; color: #999 } .dialog-default.dialog-attr .dialog-bd .icon { margin-top: 4px } .user[data-v-3a17f706] { margin: 0; outline: none } .user .dropdown-wrap[data-v-3a17f706],.user[data-v-3a17f706] { height: 64px; line-height: 64px; display: flex; align-items: center } .user .name[data-v-3a17f706] { display: flex; align-items: center; height: 36px; color: #2a323c; margin-left: 8px } .user .name>[data-v-3a17f706] { vertical-align: middle } .user .name span[data-v-3a17f706] { margin-right: 8px } .user .name[data-v-3a17f706]:active,.user .name[data-v-3a17f706]:focus { border: none; outline: none } .user img.privileged-remark[data-v-3a17f706] { height: 20px } .user .user-avatar[data-v-3a17f706] { width: 28px; height: 28px; display: inline-block; vertical-align: middle; cursor: pointer } .user .user-avatar img[data-v-3a17f706] { display: block; width: 28px; height: 28px; border-radius: 50% } .user .nav[data-v-3a17f706] { display: inline-block; vertical-align: middle } .wrap-check-in[data-v-3a17f706] { position: absolute; right: 14px; top: 20px } .dialog-task-search .dialog-bd { padding: 37px 20px } .dialog-task-search .input-task-search { float: left; width: 392px; border-radius: 0 } .dialog-task-search .btn-task-search { float: left; border-radius: 0 } .task-container { display: flex; flex-direction: column; position: relative; width: 1000px; top: 40px; bottom: 40px; border-radius: 4px; border: none; color: #999; font-size: 14px; background: #fff; box-shadow: 2px 2px 14px -4px #000 } .task-container .dialog-close { position: absolute; right: 0; top: 0; cursor: pointer; z-index: 100 } .task-container .task-tab-nav { position: relative; height: 64px; border-bottom: 1px solid #f2f2f2 } .task-container .task-tab-nav .nav-ul { padding: 0; height: 64px; line-height: 64px } .task-container .task-tab-nav .nav-ul li { position: relative; float: left; height: 64px; line-height: 64px } .task-container .task-tab-nav .nav-ul li.active:before { position: absolute; content: ""; display: block; width: 24px; height: 3px; bottom: 0; left: 50%; margin-left: -12px; background-color: #0574ff; z-index: 10 } .task-container .task-tab-nav .nav-ul li a { position: relative } .task-container .task-tab-nav .nav-ul li .red-point { position: absolute; top: 14px; right: 4px; height: 16px; width: 28px } .task-container .task-tab-nav .nav-ul li .red-point span { position: absolute; top: 0; left: 0; min-width: 16px; padding: 0 4px; border-radius: 8px; line-height: 16px; text-align: center; font-size: 12px; color: #fff; background-color: #d63e3e } .task-container .task-tab-nav .nav-ul li+li { margin-left: 0 } .task-container .task-tab-nav .nav-ul a { display: block; padding: 0 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #2a323c; font-size: 14px } .task-container .task-tab-nav .nav-ul a:hover { color: #0574ff } .task-container .tab-content { flex: 1; overflow: hidden } .task-container .tab-content .tab-panel { display: none; height: 100%; flex-direction: column } .task-container .tab-content .tab-panel.tab-current { display: flex } .task-container .task-icon { margin-right: 4px; vertical-align: -3px } .task-container .btn-wrap { position: absolute; right: 68px; top: 12px; height: 40px; line-height: 40px; vertical-align: middle; padding: 0 20px; color: #333 } .task-container .btn-wrap .btn { margin-top: 14px } .task-container .btn-wrap .svg-icon { width: 16px; height: 16px } .task-container .task-count { position: absolute; bottom: 0; left: 0; line-height: 64px; padding-left: 24px } .task-container .task-count em { color: #0574ff; font-style: normal } .task-container .task-search-name { max-width: 180px; margin-right: 5px; float: left; display: inline-block; *display: inline; *zoom: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .task-container .table { height: 100%; display: flex; flex-direction: column } .task-container .wrapper { overflow-x: hidden; overflow-y: auto; flex: 1 } .task-container .task-footer { height: 64px; box-shadow: inset 0 1px 0 0 #eeeff0 } .task-container .task-list { flex: 1; border-radius: 0 0 4px 4px; overflow: hidden } .task-container .task-list .table { text-align: left; width: 1000px; font-size: 14px; color: #666 } .task-container .task-list .table .thumb { float: left; margin-right: 12px } .task-container .task-list .table .row-header .col { vertical-align: middle; color: #2a323c; text-align: left; *zoom: 1 } .task-container .task-list .table .row-header .col:after,.task-container .task-list .table .row-header .col:before { content: " "; display: table } .task-container .task-list .table .row-header .col:after { clear: both } .task-container .task-list .table .row { display: flex; margin: 0 24px; padding: 0 8px; line-height: 64px; position: relative; height: 64px; vertical-align: middle; border-bottom: 1px solid #ebf3ff; *zoom: 1 } .task-container .task-list .table .row:after,.task-container .task-list .table .row:before { content: " "; display: table } .task-container .task-list .table .row:after { clear: both } .task-container .task-list .table .row .icon { width: 16px; height: 16px; margin-right: 4px; vertical-align: -3px; color: #2a323c } .task-container .task-list .table .row .icon:hover { color: #0574ff } .task-container .task-list .table .row .col { float: left; position: relative; color: #333; font-size: 12px; display: inline-block; margin-right: 20px } .task-container .task-list .table .row .col a { margin-left: 12px; cursor: pointer; color: #11affb } .task-container .task-list .table .row .col a.highlight { color: #4ec2fb } .task-container .task-list .table .row .col.col-1 { width: 460px } .task-container .task-list .table .row .col.col-1 .svg-icon { margin-top: 16px; width: 32px; height: 32px } .task-container .task-list .table .row .col.col-1 .task-name { text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333 } .task-container .task-list .table .row .col.col-2 { width: 140px; padding-left: 0; color: #84919d } .task-container .task-list .table .row .col.col-3 { width: 140px } .task-container .task-list .table .row .col.col-4 { flex: 1; text-align: right } .task-container .task-list .table .row .col.col-4 .hidden { display: none } .task-container .task-list .table .row .progress-bar { position: absolute; height: 64px; top: -1px; left: 0; z-index: 0 } .task-container .task-list .table .row.success { background: rgba(72,198,48,.2) } .task-container .task-list .table .row.success .task-state { color: #1dc2b4 } .task-container .task-list .table .row.error .task-state { color: #f7303f } .task-container .task-list .table .row.portion .task-state { color: #feb133 } .task-container .task-list .table .task-state { color: #84919d; display: inline-block; *display: inline; *zoom: 1 } .task-container .task-list .table .task-state>* { vertical-align: middle } .task-container .task-list .table .task-state .svg-icon { width: 16px; height: 16px } .task-container .task-list .table .task-state a { margin-left: 2px } .task-container .task-list .table .can-open { cursor: pointer } .task-container .task-list .zclip embed { cursor: pointer; position: absolute; top: 0; left: 0; opacity: 0 } .task-container .task-list .empty { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); vertical-align: middle; font-size: 14px; color: #999; text-align: center } .dialog-default.dialog-verify-l2-password .dialog-bd { padding: 24px 70px 40px } .dialog-default.dialog-verify-l2-password .dialog-bd .form-group { position: relative; width: 400px; margin: 22px auto 32px; *zoom: 1 } .dialog-default.dialog-verify-l2-password .dialog-bd .form-group:after,.dialog-default.dialog-verify-l2-password .dialog-bd .form-group:before { content: " "; display: table } .dialog-default.dialog-verify-l2-password .dialog-bd .form-group:after { clear: both } .dialog-default.dialog-verify-l2-password .dialog-bd .label-wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #fff; border: 1px solid #dfdfdf; border-radius: 2px; cursor: text } .dialog-default.dialog-verify-l2-password .dialog-bd .label-wrap .label { position: relative; float: left; width: 66px; height: 100%; border-right: 1px solid #dfdfdf } .dialog-default.dialog-verify-l2-password .dialog-bd .label-wrap .label:last-child { border-right: none } .dialog-default.dialog-verify-l2-password .dialog-bd .label-wrap .label.active:after { position: absolute; content: ""; display: block; width: 1px; height: 24px; left: 50%; top: 50%; margin-top: -12px; margin-left: -12px; background: #999 } .dialog-default.dialog-verify-l2-password .dialog-bd .label-wrap .label.dot:before { position: absolute; content: ""; display: block; width: 6px; height: 6px; border-radius: 3px; left: 50%; top: 50%; margin-top: -3px; margin-left: -3px; background: #666 } .dialog-default.dialog-verify-l2-password .dialog-bd .label-wrap .label.dot.active:after { margin-left: 12px } .dialog-default.dialog-verify-l2-password .dialog-bd .title { font-size: 20px; color: #333; font-weight: 500; line-height: 1 } .dialog-default.dialog-verify-l2-password .dialog-bd .link-forget { display: block; margin-top: 20px; font-size: 16px; color: #0574ff; position: absolute; top: -60px; right: 0 } .dialog-default.dialog-verify-l2-password .dialog-bd .error-msg-red { position: absolute; top: 60px } .file-item[data-v-31d1cf3a] { position: relative; display: flex; margin-left: -12px; height: 64px; border-bottom: none; align-items: center } .file-item .file-icon[data-v-31d1cf3a] { width: 32px; height: 32px; flex-shrink: 0 } .file-item .locked-icon[data-v-31d1cf3a] { width: 16px; height: 16px; flex-shrink: 0 } .file-item .operation[data-v-31d1cf3a] { display: none } .file-item .column-file[data-v-31d1cf3a] { font-size: 14px } .file-item .column-size[data-v-31d1cf3a],.file-item .column-time[data-v-31d1cf3a] { color: #84919d } .file-item.active .operation[data-v-31d1cf3a],.file-item:hover .operation[data-v-31d1cf3a] { display: flex } .file-item.list[data-v-31d1cf3a] { box-shadow: inset 0 -1px 0 0 #eeeff0 } .file-item.list.active[data-v-31d1cf3a],.file-item.list.checked[data-v-31d1cf3a],.file-item.list[data-v-31d1cf3a]:hover { background-color: #f2f4f8 } .file-item.list .column[data-v-31d1cf3a] { display: flex; overflow: hidden; align-items: center; padding: 0 12px } .file-item.list .checkbox-wrap[data-v-31d1cf3a] { width: 20px; flex-shrink: 0 } .file-item.list .name-wrap[data-v-31d1cf3a] { margin-left: 12px; display: flex; align-items: center; overflow: hidden; cursor: default } .file-item.list .name-wrap.can-click[data-v-31d1cf3a] { cursor: pointer } .file-item.list .name[data-v-31d1cf3a] { margin-left: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .file-item.list .view-time[data-v-31d1cf3a] { margin-left: 24px; white-space: nowrap; font-size: 12px; color: #0574ff; display: flex; align-items: center } .file-item.list .view-time .icon-view-time[data-v-31d1cf3a] { width: 16px; height: 16px; margin-right: 6px } .file-item.thumb[data-v-31d1cf3a] { width: 120px; height: 140px; display: flex; flex-direction: column; overflow: hidden; margin: 12px 18px 12px 0; text-align: center; padding: 12px 4px 0 } .file-item.thumb .column.el-col[data-v-31d1cf3a] { width: 100% } .file-item.thumb .column.column-file[data-v-31d1cf3a] { height: 98px } .file-item.thumb .column.column-file .file-icon[data-v-31d1cf3a] { width: 64px; height: 64px; position: relative } .file-item.thumb .column.column-file .name-wrap[data-v-31d1cf3a] { position: relative; display: flex; flex-direction: column; align-items: center; white-space: nowrap; cursor: default } .file-item.thumb .column.column-file .name-wrap.can-click[data-v-31d1cf3a] { cursor: pointer } .file-item.thumb .column.column-file .name-wrap [data-v-31d1cf3a] { overflow: hidden; text-overflow: ellipsis } .file-item.thumb .column.column-file .name[data-v-31d1cf3a] { width: 100%; margin-top: 10px } .file-item.thumb .checkbox-wrap[data-v-31d1cf3a] { display: none; position: absolute; top: 8px; left: 8px } .file-item.thumb:hover .column-size[data-v-31d1cf3a],.file-item.thumb:hover .column-time[data-v-31d1cf3a] { display: none } .file-item.thumb.active[data-v-31d1cf3a],.file-item.thumb.checked[data-v-31d1cf3a],.file-item.thumb[data-v-31d1cf3a]:hover { background: #f2f4f8 } .file-item.thumb.active .checkbox-wrap[data-v-31d1cf3a],.file-item.thumb.checked .checkbox-wrap[data-v-31d1cf3a],.file-item.thumb:hover .checkbox-wrap[data-v-31d1cf3a] { display: block } .user-card[data-v-7d8f4c79] { display: flex; width: 472px; padding-top: 44px; padding-left: 56px; *zoom: 1 } .user-card[data-v-7d8f4c79]:after,.user-card[data-v-7d8f4c79]:before { content: " "; display: table } .user-card[data-v-7d8f4c79]:after { clear: both } .user-card .photo-wrap[data-v-7d8f4c79] { position: relative; width: 84px } .user-card .photo-right[data-v-7d8f4c79] { margin-left: 24px; flex: 1; overflow: hidden } .user-card .wrap-name[data-v-7d8f4c79] { width: 100%; overflow: hidden; display: flex; align-items: center } .user-card .wrap-name>[data-v-7d8f4c79] { vertical-align: middle } .user-card .user-name[data-v-7d8f4c79] { margin-right: 4px; font-size: 22px; line-height: 24px; color: #2a323c; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .user-card .privilege-remark[data-v-7d8f4c79] { margin-right: 4px; width: 84px; height: 24px } .user-card .user-other-msg[data-v-7d8f4c79] { margin-top: 8px; line-height: 1; opacity: .8; font-size: 12px; color: #2a323c } .user-card .vip-time[data-v-7d8f4c79] { vertical-align: middle } .user-card .vip-time .svg-icon[data-v-7d8f4c79] { width: 20px; height: 20px } .user-card .vip-time-des[data-v-7d8f4c79],.user-card .vip-time-title[data-v-7d8f4c79] { display: inline-block } .user-card .vip-time-title[data-v-7d8f4c79] { margin-left: 4px } .user-card .vip-time-des[data-v-7d8f4c79] { margin-left: 12px } .user-card .vip-time>[data-v-7d8f4c79] { vertical-align: middle } .user-card .vip-time+.vip-time[data-v-7d8f4c79] { margin-top: 12px } .user-card .vip-time-title[data-v-7d8f4c79] { font-size: 14px; color: #2a323c } .user-card .vip-time-des[data-v-7d8f4c79] { opacity: .8; font-size: 14px; color: #54595e } .user-card .open-vip[data-v-7d8f4c79] { border-radius: 20px } .user-card .open-vip[data-v-7d8f4c79],.user-card .open-vip[data-v-7d8f4c79]:active { background-image: linear-gradient(133deg,#33b5ff,#0569e8) } .user-card[data-v-e6537584] { display: flex; width: 472px; padding-top: 44px; padding-left: 56px; *zoom: 1 } .user-card[data-v-e6537584]:after,.user-card[data-v-e6537584]:before { content: " "; display: table } .user-card[data-v-e6537584]:after { clear: both } .user-card .photo-wrap[data-v-e6537584] { position: relative; width: 84px } .user-card .photo-right[data-v-e6537584] { margin-left: 24px; flex: 1; overflow: hidden } .user-card .wrap-name[data-v-e6537584] { width: 100%; overflow: hidden; display: flex; align-items: center } .user-card .wrap-name>[data-v-e6537584] { vertical-align: middle } .user-card .user-name[data-v-e6537584] { margin-right: 4px; font-size: 22px; line-height: 24px; color: #2a323c; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .user-card .privilege-remark[data-v-e6537584] { margin-right: 4px; width: 84px; height: 24px } .user-card .user-other-msg[data-v-e6537584] { margin-top: 8px; line-height: 1; opacity: .8; font-size: 12px; color: #2a323c } .user-card .vip-time[data-v-e6537584] { vertical-align: middle } .user-card .vip-time .svg-icon[data-v-e6537584] { width: 20px; height: 20px } .user-card .vip-time-des[data-v-e6537584],.user-card .vip-time-title[data-v-e6537584] { display: inline-block } .user-card .vip-time-title[data-v-e6537584] { margin-left: 4px } .user-card .vip-time-des[data-v-e6537584] { margin-left: 12px } .user-card .vip-time>[data-v-e6537584] { vertical-align: middle } .user-card .vip-time+.vip-time[data-v-e6537584] { margin-top: 12px } .user-card .vip-time-title[data-v-e6537584] { font-size: 14px; color: #2a323c } .user-card .vip-time-des[data-v-e6537584] { opacity: .8; font-size: 14px; color: #54595e } .user-card .open-vip[data-v-e6537584] { border-radius: 20px } .user-card .open-vip[data-v-e6537584],.user-card .open-vip[data-v-e6537584]:active { background-image: linear-gradient(133deg,#33b5ff,#0569e8) } .user-card[data-v-5c32f4e2] { display: flex; width: 472px; padding-top: 44px; padding-left: 56px; *zoom: 1 } .user-card[data-v-5c32f4e2]:after,.user-card[data-v-5c32f4e2]:before { content: " "; display: table } .user-card[data-v-5c32f4e2]:after { clear: both } .user-card .photo-wrap[data-v-5c32f4e2] { position: relative; width: 84px } .user-card .photo-right[data-v-5c32f4e2] { margin-left: 24px; flex: 1; overflow: hidden } .user-card .wrap-name[data-v-5c32f4e2] { width: 100%; overflow: hidden; display: flex; align-items: center } .user-card .wrap-name>[data-v-5c32f4e2] { vertical-align: middle } .user-card .user-name[data-v-5c32f4e2] { margin-right: 4px; font-size: 22px; line-height: 24px; color: #2a323c; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .user-card .privilege-remark[data-v-5c32f4e2] { margin-right: 4px; width: 84px; height: 24px } .user-card .user-other-msg[data-v-5c32f4e2] { margin-top: 8px; line-height: 1; opacity: .8; font-size: 12px; color: #2a323c } .user-card .vip-time[data-v-5c32f4e2] { vertical-align: middle } .user-card .vip-time .svg-icon[data-v-5c32f4e2] { width: 20px; height: 20px } .user-card .vip-time-des[data-v-5c32f4e2],.user-card .vip-time-title[data-v-5c32f4e2] { display: inline-block } .user-card .vip-time-title[data-v-5c32f4e2] { margin-left: 4px } .user-card .vip-time-des[data-v-5c32f4e2] { margin-left: 12px } .user-card .vip-time>[data-v-5c32f4e2] { vertical-align: middle } .user-card .vip-time+.vip-time[data-v-5c32f4e2] { margin-top: 12px } .user-card .vip-time-title[data-v-5c32f4e2] { font-size: 14px; color: #2a323c } .user-card .vip-time-des[data-v-5c32f4e2] { opacity: .8; font-size: 14px; color: #54595e } .user-card .open-vip[data-v-5c32f4e2] { border-radius: 20px } .user-card .open-vip[data-v-5c32f4e2],.user-card .open-vip[data-v-5c32f4e2]:active { background-image: linear-gradient(133deg,#33b5ff,#0569e8) } .user-card[data-v-010702ee] { display: flex; width: 472px; padding-top: 44px; padding-left: 56px; *zoom: 1 } .user-card[data-v-010702ee]:after,.user-card[data-v-010702ee]:before { content: " "; display: table } .user-card[data-v-010702ee]:after { clear: both } .user-card .photo-wrap[data-v-010702ee] { position: relative; width: 84px } .user-card .photo-right[data-v-010702ee] { margin-left: 24px; flex: 1; overflow: hidden } .user-card .wrap-name[data-v-010702ee] { width: 100%; overflow: hidden; display: flex; align-items: center } .user-card .wrap-name>[data-v-010702ee] { vertical-align: middle } .user-card .user-name[data-v-010702ee] { margin-right: 4px; font-size: 22px; line-height: 24px; color: #2a323c; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .user-card .privilege-remark[data-v-010702ee] { margin-right: 4px; width: 84px; height: 24px } .user-card .user-other-msg[data-v-010702ee] { margin-top: 8px; line-height: 1; opacity: .8; font-size: 12px; color: #2a323c } .user-card .vip-time[data-v-010702ee] { vertical-align: middle } .user-card .vip-time .svg-icon[data-v-010702ee] { width: 20px; height: 20px } .user-card .vip-time-des[data-v-010702ee],.user-card .vip-time-title[data-v-010702ee] { display: inline-block } .user-card .vip-time-title[data-v-010702ee] { margin-left: 4px } .user-card .vip-time-des[data-v-010702ee] { margin-left: 12px } .user-card .vip-time>[data-v-010702ee] { vertical-align: middle } .user-card .vip-time+.vip-time[data-v-010702ee] { margin-top: 12px } .user-card .vip-time-title[data-v-010702ee] { font-size: 14px; color: #2a323c } .user-card .vip-time-des[data-v-010702ee] { opacity: .8; font-size: 14px; color: #54595e } .user-card .open-vip[data-v-010702ee] { border-radius: 20px } .user-card .open-vip[data-v-010702ee],.user-card .open-vip[data-v-010702ee]:active { background-image: linear-gradient(133deg,#33b5ff,#0569e8) } .dialog-default.dialog-friend .dialog-bd { padding-top: 0; padding-right: 0; padding-left: 0; line-height: 20px } .dialog-default.dialog-friend .note span { padding: 0 10px; font-size: 18px; line-height: 20px; font-weight: 700; color: #151515 } .dialog-default.dialog-friend .input-share-link { width: 449px; border-radius: 0 } .dialog-default.dialog-friend .btn-share-link { position: absolute; width: 132px; height: 40px; border-radius: 0 } .list-coupon { *zoom: 1 } .list-coupon:after,.list-coupon:before { content: " "; display: table } .list-coupon:after { clear: both } .list-coupon li { position: relative; float: left; min-width: 360px; width: calc(25% - 24px); height: 132px; margin-right: 24px; margin-bottom: 24px; border-radius: 8px; *zoom: 1; background-size: contain; background-position: 50%; background-repeat: no-repeat } .list-coupon li:after,.list-coupon li:before { content: " "; display: table } .list-coupon li:after { clear: both } .list-coupon li .bd { background: hsla(0,0%,100%,.5) } .list-coupon li .bd .svg-icon { vertical-align: -2px } .list-coupon li.is-member:before { display: block; position: absolute; content: ""; width: 100%; height: 100%; top: 0; bottom: 0; background-image: url(../img/member-bg.b53f735e7e610430808b86403b4467cb.png); background-size: contain; background-position: 100%; background-repeat: no-repeat } .list-coupon li.li-vip { background-color: #98d7ff; background-image: linear-gradient(90deg,#ddeefd 1%,#98d7ff 97%); border: 1px solid #7ebaff } .list-coupon li.li-vip .gift,.list-coupon li.li-vip .share-friend,.list-coupon li.li-vip .validity { color: #116ad9 } .list-coupon li.li-vip .btn-use,.list-coupon li.li-vip .btn-use:not(:disabled):not(.disabled).active,.list-coupon li.li-vip .btn-use:not(:disabled):not(.disabled):active { background: #1070e9 } .list-coupon li.li-vip .note,.list-coupon li.li-vip .title { color: #116ad9 } .list-coupon li.li-svip { background-color: #fdd88f; background-image: linear-gradient(90deg,#ffedb6,#fdd88f); border: 1px solid #d6ad58 } .list-coupon li.li-svip .gift,.list-coupon li.li-svip .share-friend,.list-coupon li.li-svip .share-friend .icon,.list-coupon li.li-svip .validity { color: #985b21 } .list-coupon li.li-svip .btn-use,.list-coupon li.li-svip .btn-use:not(:disabled):not(.disabled).active,.list-coupon li.li-svip .btn-use:not(:disabled):not(.disabled):active { background-image: linear-gradient(90deg,#995b21,#834b1a) } .list-coupon li.li-svip .note,.list-coupon li.li-svip .title { color: #985b21 } .list-coupon li.li-spaceCard { background-color: #a8e4f0; background-image: linear-gradient(90deg,#daf3f6 1%,#a8e4f0 99%); border: 1px solid #7ad6e1 } .list-coupon li.li-spaceCard .gift,.list-coupon li.li-spaceCard .share-friend,.list-coupon li.li-spaceCard .validity { color: #1478aa } .list-coupon li.li-spaceCard .btn-use,.list-coupon li.li-spaceCard .btn-use:not(:disabled):not(.disabled).active,.list-coupon li.li-spaceCard .btn-use:not(:disabled):not(.disabled):active { background: #3193c4 } .list-coupon li.li-spaceCard .note,.list-coupon li.li-spaceCard .title { color: #1478aa } .list-coupon li.li-privilegeCard { background-color: #fec988; background-image: linear-gradient(90deg,#fee9d4 2%,#fec988 97%); border: 1px solid #f8bb71 } .list-coupon li.li-privilegeCard .gift,.list-coupon li.li-privilegeCard .share-friend,.list-coupon li.li-privilegeCard .validity { color: #9e3e0b } .list-coupon li.li-privilegeCard .btn-use,.list-coupon li.li-privilegeCard .btn-use:not(:disabled):not(.disabled).active,.list-coupon li.li-privilegeCard .btn-use:not(:disabled):not(.disabled):active { background: #c4591f } .list-coupon li.li-privilegeCard .note,.list-coupon li.li-privilegeCard .title { color: #9e3e0b } .list-coupon li.li-century { background-color: #a9f; background-image: linear-gradient(90deg,#f4e8ff 11%,#a9f 98%); border: 1px solid #b891ff } .list-coupon li.li-century .gift,.list-coupon li.li-century .share-friend,.list-coupon li.li-century .validity { color: #6441cd } .list-coupon li.li-century .btn-use,.list-coupon li.li-century .btn-use:not(:disabled):not(.disabled).active,.list-coupon li.li-century .btn-use:not(:disabled):not(.disabled):active { background: #6441cd } .list-coupon li.li-century .note,.list-coupon li.li-century .title { color: #6441cd } .list-coupon li.li-gray { border: 1px solid #d8dfe6; background-color: #f2f4f8 } .list-coupon li.li-gray .expire,.list-coupon li.li-gray .gift,.list-coupon li.li-gray .note,.list-coupon li.li-gray .share-friend,.list-coupon li.li-gray .validity { color: #84919d } .list-coupon li.li-gray .title { color: #2a323c } .list-coupon li.li-gray .expire { font-size: 12px } .list-coupon li.li-gray .hd-left { width: 100% } .list-coupon .mark { position: absolute; left: -1px; top: -1px; width: 70px; height: 18px; line-height: 18px; font-size: 10px; border-radius: 8px 0 10.5px 0; text-align: center; text-indent: -999em } .list-coupon .mark-share { background-image: url(data:image/png; base64,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) } .list-coupon .mark-share-gray { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAASCAYAAADmMahlAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAARqADAAQAAAABAAAAEgAAAACjtmkTAAAFEElEQVRYCe1WSUwcRxR9PQvLAGbf1wz7jhlslgAesxgsgh1LWaTcEueSQ3yMLOWaQ06WIuUaKVJuCDtSFpMEB5MYMDI2AQIxi9mGfdiXYZ/p/F/DtDHigGeUQ4xL6u6q6l+/u95///2ScKR9+fW36Tab/LEM+RJdMZDhfcTkVAwlxy7r6urchmYtt2TZ9gnNqRzzp/UpgGFQBmc3GiDLZacViKP7FsxgprwG5UVoJNaUfau1h6b/8/SRJInwl5U/0Hl6YHNrWxkf13GsUansv2ez2Y4zU+bUajWsVqsydrajYqGlxU6DEh0RivQkPXLSk3AuOw3GQgOuVRvx7lsVyEiJV/7Lw90N79SUK2OVSsLVSxeUMXf8fH1QZSwU18Uig3jHvrRaDTJTEpAQFyXm3GhcU14Mtdr+20V5WdDHRop3xsJchIcEib4rN3XZ5au3yEGws058vHTQajTw8fZGXHQ42jv/xsjENEZMUzBNzSpuDdmpmJ6bB1U51FQU40KBAXv7+0hJiEV6sh7zi8tgBmko4rwuLjpCjKMjwpCaEIeYqDAE+vtifmEZaxubUBH7SgmEgeExMKtyM1Jo3oLczBQMjU1gw7KlfNuZjkqUZGdWHqyZmp3HumUT/hTt23ebxGxF8XnYrC9SXh8TiaGRCWQTs77/pRmLK6v47vZdLK+u48fGBzATMNx2dveQ+Ea0SAcGorWji0CeRlNLB2bMC/DwcBd2AyPj+PleiwAyPjYaK2sbeLvKiPHJWSTrY4WNszcC2qpx9ZzCNOcorVMUP3z/CpaWV/HbH+3k9rmWcMTd3bR4r7YC99ueoJrSZW5+SaSer483Lpe9iTsHoB7dDAOh83QHp6yDBWHBgWK8sLSCUWJnU2uHWBYc6Kf0j/p5qbEsmzUvteAY4729fTzufopCQyZaH3VhcMQk2FNRmo/6n34X6TI4asLcwhLyz2ZgcmaO0k4H1pypGTOxYBG+Pl5wI+AcTYL9eLW6voHI0GB46Tyxtb2DAL8zmCaGcsowUw1ZKSKNMpLjD3y640plqXDT/lcvzPRN55pkclp0HR9M0scIwd3e2UUaifAH16qQSHMMUPXFQmHGGlRbUSIqUMn5HEyQhoSFBIoN5qQnom9wBLuUQty0WjWBae/3D42RwKqFHeuRhSrY7Pyi8GNetG+ateyHxj+xSwFi5nC68dh5UEgGJTS6zBgGgKPPWsEiGBUeItKJN9n8sJMfIuKdvQNE+ylQFURoUADZrIl3fOMKFRTgLwAICfQnIV4RjGC/zKTh8Ulhm5eVpqxxdLiSVZbko+efIZFWvme8UVtZgob7bdjfd65sk77Uu8QYPluwXpyhijQxPef4V/QPjxNAochKTRBzzCZOn2pjEfKyUkVKPX02Kt4xmJwqmZQO65QirCU8FxTgp6zllOLr8PmknASevxtDVevX5odgMebW1TcoUvvweUm8OOGNvn3n5o3r3S4xhivRGIkfA8HnGL5aO7rFL9xreUQakAqOIJdgBq7tcY8A5QFVmrV1i7BTSSpUlhago6sPZ6nkdlHk2WdBbqaoQMwuPsNw0+k8xDMyLBjLK2sCED47lRWfE/OsTAwqB6x3YBj9z8bE/ElvtHRVC9VnbC998dU3z8vHST28gnYEqBWSXPv5p9cbeHsupdKrgg8z5TAor4EhBFhTtFAbHExxBNsljXE4+b88RbrQ4Y3gMNlLslx/88ZHdlE8sol/AZFl+5XRTUJHAAAAAElFTkSuQmCC) } .list-coupon .mark-integral { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAASCAYAAADmMahlAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAARqADAAQAAAABAAAAEgAAAACjtmkTAAAEgUlEQVRYCe2XfUzVZRTHP5e3REgjkZQsMSeFOoZZGKVmLs1St+Ygi1zMXqxWrWFlK7OhWau1XK4st1wvpNOKEZXpzJeoViqGvGyZsbSklUWWWEEqXm7f48Ove7nzj+u9/5R4tuf9/J57nu/zPec810eYBEoYQSe3E2Cyls5XSQ1T6RFDn3fKQBlJ7GGJxncLlDhvvqe2x4HpAmW9AJnYU4EIP7djhjHlNCjdsPF1xZTG/577GJkDztj4JPB3BMc2G58IcQnQ8bfTSe4LR9u79NxULHV8WS6P6vcLotrkzP5wxSyYUgpjb4HmRhhXAsMud2XIJbBne/eti56C72t1qHi4bQXUVnVft1HeNFe+3erWChfBGb3h56ag7shJkDtF+2/TnECcXw3HjkLauXBgnzD1B3Wj6MUJFMs+0UlyH+jshLMGwtIZkHUxpJytg+90ZczM7vvmXAV9B0B7Kxxpg78OwPAThLX6D3XoayAxGQz8wdq37oPgXqnpkD7Y7ZXaD65fALs2izFiT+ETwsnYFptYjLGUHJ0c+gW+/ljgHIP+Q5xBP+6SkVtcMQA8yRwORU/C6ge9GaharEM9DucMC84l9oLFdQ7gR3TY+dWQcYHm6sHcxWRoPlxaKFAF9LSHoU8GbF4OCXK5ne87MJ1mtLVfThrDO8UMHj8bzsuFCXeI6t+IzhYLwiR7LMwogxeKoO334GL7QXj5ZrizHN7SAb/7UuDqrvbvhmU3BvWsN+cNt2b9hnW6DD9k5sCG52HeBmfHmBtg+9sw9z1YMNo0o5UWAyZ6+aER/vjVGbm7WhCL4jkTIEkuYGIuZtKyF14qhuIlihUpMDBbriZWmBjTnlWssEDqSUqaeJznjVybKhcNFWPWqOlw8CfZ0CL2LXIXZO2AEAaGfhNp30dziDWRfhWil56lYJcJe2vgwvGwdbWLG4fboJcezOX3OeVWGW+yXIH66nucXo1u1uT+d+Hwn65vtQXQejFi5tNgwFtgzRolF1GMsaxjMvEuMHY0fe6+zRI7ip9TLBKY1to4X+ysecfpn3y9UbyNQfLl53ZDJhWPuaxx3UMuU1h2yLzIrXm1pVg7UK3AMDG3iQszweLVpmXKKp2wRu71xSoBvwM+Wip9geRTNtuieLL2GV3Cby7GLSxwWc4CdFsr2LhurfuNaOoAFWFWneQu63Q7RmMTO8jUeVD9intLfPoaFNzk3MvW0wZBqXy/Slnj+JtEc3lTYV+9rQaln7LNHH37yauaC7iS1Nutm/6Vt7q+53rGMHsq2HhVqWPqZYpP3vvGaUde+6j0raQhNmC8B1jHET24lBEGjYBta5wR9o6oXOjeOcaMkhdhpQz/apOj+wO60WvnwmevB43OGAqzxQYDb0eFm9/fpH1HyuUqXYC3LJg9TpcgZpoLW3q2QFx+r9O3IJ4gZk7qGgd3j6R3SP8SdbsiZmCWd7pIvjuldfwCZbqvnPV2yhgZc8oAZUz5F5TTwBgCiinEM9pjinfVsaVrb5f/T6tgRIvAaFa7UUGkwvcmDScy/x9AqEUSFhO3twAAAABJRU5ErkJggg==) } .list-coupon .mark-integral-gray { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAASCAYAAADmMahlAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAARqADAAQAAAABAAAAEgAAAACjtmkTAAAE7UlEQVRYCe1WS0ycVRT+/nkxM8Aww6NQOgxQGKFQsEBTmFhoS0qxKmI0mhBd2W5c2KVp4saFC1cmJm417DSkqdZGK0FJK20qUN5IoXTK8CjDQ55lGF4zv+dc/KcMdcEMXWDoTf65/z3/uWfO/c75zrkSto0vvq7N9fvlizLkc/TYICNqm8q+WErKKevq6nSDE54vZdn/EclUiny/zgIYBuXBxNINyHL5fgVi+7lFZnCmvAAlGBqJa8qGz9dN4j1LH5VKBb/fH+S5SiVBJalAvgt5hE6L9Y0N0pOD9MJdaLjQ0uawQDEa9MjKSIUtOQlarQY377YhI80a8MXv86O1qy+w5pfTjiLcbesRB331jAPXG5qCvvMiMy0FsRYTWjr+Et/KigvweGIKg0OjAd00azLiY81o6dzUqXmrEu09/Vj2ruDRyPgzQAY27vBFxd1nh7rPqOkoSrJMbSvSgCs//46khDgYIiIwMTUjnhx7etCeVGuS0F1dWxPR9XpXkWo9GKTDi4euUWTYrNCo1WDw2e5WUAz6CMSYohBpNIDfT544Bteom2z6cKqkCFKgpTxjescCBsa2Y+1tip5lL1xjbpG+5phogBz6e3YewyTjZ4UAUAZH97TjOH5ralFEuN3aiVI6lCXGFJCpCYyLNdXQ04Hff/s8PqCHbbOM6cIjOTEB2ZlpAlRHUT4iCbw2yha1WoUHQyMCzIDBMF4kSfJpdnNPsZiikZ9jx4F4CwpyszAztwC/HFwL2C/rwUSUlRTg6i+NWFl9Cha/X6u/hTfPlaHxTivclGkcbbbzw683g45UVVFK3zZTwTk8JjJVoVJNdSVeJj84Q/sGh/DuG2fx7fc/Be0PaSHLU5qQNmxTnpqZE5z2E52GH7th1OspiknQaNRCM8poFPP84iJ+pINWlBaLWhRrNmFyelZ8MxMlvrtWDy6wytATHRPjY5WlmJkyWwf/hz09BU88y/B4vbjd0kkBihUz29/dkEbU5eerPwvXSEx0FDJSD2F1fR06jRZDo+NYXPJgyeOFjwrvwKNhsV5b3xA1ZcA5DAOlPUecacRre7oNPf3OQHchjKGP0KEwP1vUEAYoj7LB6RoTBZhrWuHRLMqQLIy5pzC38ERkC2dv6qEksE82mpeJ5kzrsIYk1T4NUxgWsu1paKJI8eCONDu/AEdhnjhAdJQRcRZzkFVusZzuA05XQK7QQxHwwe913xdUYXr1Djjhnpz+t7tJgk7tvQPU2brhXVkVNa627jokss31henJ663FWrG905nqy5VdAdPc3iuopPyhozAfHeQ03yW6+gaRm3VYdA3+zkAx9xlI5a7BVJicnlG2i9kUHQmuJ7yfB99KNJpNxtvpKsC1hAeDzMNH95i8I5l0p5FEYdfpNMh56XAgA4VSCD8UqKuXL13o2hUwyv8xbbhGJMSZRfFjOUe+qbkDedmZQq3ylAMNfzRTWx3H2ZMn8F5VBYoLjqLr/iYArMTd57Uzr4g60f/QJfbNUiE+EGfBO6+X4xhRiLtdSnIiSjgzKZP4XiRTIOpv/Sn0G+/cg5p8OZ5/RKxD+SFsF7RQfcJ7pM+/+ub5XBVD8WAP6nKLhiRXffrxhRvs3nPJmD14zpBc4kzZCsoLYAgBrilaqIuUTFEQ3dU9RjHyf5kFXejyRnCMyBIauPtcvvRh13/5/w/i6/PhCYourQAAAABJRU5ErkJggg==) } .list-coupon .li-gray .mark { left: -1px; top: -1px } .list-coupon .mark-other { position: absolute; top: 20px; right: 20px; width: 64px; height: 64px; background-repeat: no-repeat; background-size: contain; background-position: 0 0 } .list-coupon .mark-other-used { background-image: url(../img/mark-other-used.555721b9b26896bb3d1927a98e533b22.png) } .list-coupon .mark-other-expire { background-image: url(../img/mark-other-expire.1fb338ccdeed4ee0a38826e5b151b60e.png) } .list-coupon .mark-other-abandon { background-image: url(../img/mark-other-abandon.bc853172e5313af621545e50afa14075.png) } .list-coupon .hd { position: relative; height: 94px; padding-left: 24px; padding-right: 20px; *zoom: 1 } .list-coupon .hd:after,.list-coupon .hd:before { content: " "; display: table } .list-coupon .hd:after { clear: both } .list-coupon .hd-left { width: 68%; float: left } .list-coupon .hd-right { margin-top: 32px; float: right } .list-coupon .title { margin-top: 22px; font-size: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .list-coupon .note { margin-top: 6px; height: 16px; line-height: 16px; font-size: 14px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis } .list-coupon .bd { position: absolute; bottom: 0; overflow: hidden; width: 100%; height: 38px; line-height: 38px; padding-left: 24px; padding-right: 20px; background: hsla(0,0%,100%,.5); border-radius: 0 0 8px 8px } .list-coupon .gift,.list-coupon .share-friend,.list-coupon .validity { font-size: 12px } .list-coupon .share-friend { cursor: pointer; border: none; background: transparent; outline: 0 } .list-coupon .share-friend .icon { width: 14px; height: 14px } .list-coupon .btn-use { border-radius: 16px; font-size: 12px; line-height: 16px; color: #fff } .extra { margin: 20px auto; position: relative; font-size: 12px; color: #84919d; height: 16px } .extra span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } .extra span:after,.extra span:before { position: absolute; top: 50%; display: block; content: ""; width: 120px; height: 1px; background: #e6ebf0 } .extra span:before { left: -140px } .extra span:after { right: -140px } ._tabs-nav-list { width: 100%; padding: 0 32px; box-shadow: inset 0 -1px 0 0 #eeeff0 } ._tabs-nav-list.fixed-top { position: absolute; top: 0 } ._tabs-nav-list .tabs-tab { display: inline-block; position: relative; height: 64px; line-height: 64px; font-size: 16px; color: #586674; text-align: center } ._tabs-nav-list .tabs-tab.active,._tabs-nav-list .tabs-tab:hover { color: #2a323c } ._tabs-nav-list .tabs-tab.active:before { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -11px; width: 24px; height: 3px; background: #0574ff } ._tabs-nav-list .tabs-tab+.tabs-tab { margin-left: 44px } ._tab-main.fixed-top { margin-top: 64px } .coupon-wrap { height: 100% } .coupon-wrap .top-other { float: right; padding: 16px 0 } .coupon-wrap ._tab-main.fixed-top { height: calc(100% - 128px); overflow-y: auto; padding: 24px 32px; margin-bottom: 64px; border-bottom: 1px solid #eeeff0 } .coupon-wrap .tab-panel-stock { height: 100% } .coupon-wrap .tab-bottom { position: absolute; bottom: 0; width: calc(100% - 33px); padding: 13.5px } .list-discount { *zoom: 1 } .list-discount:after,.list-discount:before { content: " "; display: table } .list-discount:after { clear: both } .list-discount .li-item { *zoom: 1; position: relative; float: left; min-width: 360px; width: calc(25% - 24px); height: 132px; margin-right: 24px; margin-bottom: 24px; border-radius: 8px } .list-discount .li-item:after,.list-discount .li-item:before { content: " "; display: table } .list-discount .li-item:after { clear: both } .list-discount .li-item.li-unused .wrap-left { background-image: url(../img/li-bg-blue.47080451775dfa4343effbe3ba6cfc29.jpg) } .list-discount .li-item.li-expire .wrap-left,.list-discount .li-item.li-used .wrap-left { background-image: url(../img/li-bg-gray.5c05ff7f3552e2d687a31c3bbfa511be.jpg) } .list-discount .li-item .wrap-left { float: left; width: 140px; height: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; color: #fff } .list-discount .li-item .wrap-left .value { font-size: 56px } .list-discount .li-item .wrap-left .unit { margin-top: 25px; margin-left: 6px; font-size: 16px } .list-discount .li-item .wrap-content { *zoom: 1; float: left; width: calc(100% - 140px); box-sizing: border-box; padding-left: 8px; padding-right: 14px; height: 132px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-top: 1px solid #d8dfe6; border-right: 1px solid #d8dfe6; border-bottom: 1px solid #d8dfe6; background-color: #f2f4f8 } .list-discount .li-item .wrap-content:after,.list-discount .li-item .wrap-content:before { content: " "; display: table } .list-discount .li-item .wrap-content:after { clear: both } .list-discount .li-item .wrap-content .name { line-height: 22px; height: 42px; margin-top: 16px; word-break: break-all; font-size: 16px; color: #2a323c; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis } .list-discount .li-item .wrap-content .validity { margin-top: 4px; font-size: 12px } .list-discount .li-item .wrap-content .row-discount { *zoom: 1; height: 24px; line-height: 24px; margin-top: 4px } .list-discount .li-item .wrap-content .row-discount:after,.list-discount .li-item .wrap-content .row-discount:before { content: " "; display: table } .list-discount .li-item .wrap-content .row-discount:after { clear: both } .list-discount .li-item .wrap-content .discount-countdown-wrap { float: left; line-height: 24px; font-size: 12px; color: #84919d } .list-discount .li-item .wrap-content .discount-countdown-wrap .countdown-time { font-size: 12px; line-height: 16px; color: #0569e8 } .list-discount .li-item .wrap-content .btn-use { float: right; border-radius: 16px } .list-discount .li-item .bottom { margin-top: 12px; border-top: 1px dashed #d8dfe6; line-height: 32px; font-size: 12px; color: #84919d } .list-discount .li-item .bottom .give-friend { cursor: pointer } .list-discount .li-item .bottom .give-friend>* { vertical-align: middle } .list-discount .li-item .icon { width: 16px; height: 16px; line-height: 16px; vertical-align: middle; color: #b7c3cc } .list-discount .li-item .validity { color: #84919d } .list-discount .li-item .note { height: 40px; margin-top: 8px; line-height: 20px; color: #fff; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis } .list-discount .li-item .note-info { position: absolute; bottom: 8px; right: 8px; display: inline-block; width: 16px; height: 16px; line-height: 16px; vertical-align: middle } .list-discount .li-item .note-info .tooltip { display: none; position: absolute; bottom: 28px; right: -47px; width: 220px; padding: 15px; min-height: 20px; max-height: 244px; margin-left: 2px; vertical-align: middle; line-height: 20px; border-radius: 6px; font-size: 14px; text-align: left; z-index: 1000; box-shadow: 0 2px 6px 0 rgba(0,0,0,.5); color: #fff; background-color: rgba(0,0,0,.8) } .list-discount .li-item .note-info .tooltip ol { max-height: 244px; list-style: decimal; padding-left: 16px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 11; text-overflow: ellipsis } .list-discount .li-item .note-info .tooltip:before { position: absolute; display: block; content: ""; bottom: -16px; right: 46px; width: 0; height: 0; border: 8px solid transparent; border-top-color: rgba(0,0,0,.8) } .list-discount .li-item .note-info:hover .tooltip { display: block } .list-discount .li-item .mark-other { position: absolute; top: 20px; right: 20px; width: 84px; height: 84px; z-index: 99; background-repeat: no-repeat; background-size: contain; background-position: 0 0 } .list-discount .li-item .mark-other-used { background-image: url(../img/mark-other-used.555721b9b26896bb3d1927a98e533b22.png) } .list-discount .li-item .mark-other-expire { background-image: url(../img/mark-other-expire.1fb338ccdeed4ee0a38826e5b151b60e.png) } .list-discount .li-item .mark-other-abandon { background-image: url(../img/mark-other-abandon.bc853172e5313af621545e50afa14075.png) } .discount-wrap { height: 100% } .discount-wrap .top-other { float: right; padding: 16px 0 } .discount-wrap ._tab-main.fixed-top { height: calc(100% - 128px); overflow-y: auto; padding: 24px 32px; margin-bottom: 64px; border-bottom: 1px solid #eeeff0 } .discount-wrap .tab-panel-stock { height: 100% } .discount-wrap .tab-bottom { position: absolute; bottom: 0; width: calc(100% - 33px); padding: 13.5px } ._table { position: relative; height: 100%; z-index: 0; box-sizing: border-box } ._table table { width: 100%; text-align: left; border-radius: 2px 2px 0 0; border-collapse: separate; border-spacing: 0 } ._table .table-tbody>tr>td,._table .table-thead>tr>th { position: relative; padding: 22px 26px; word-break: break-all; font-size: 14px; line-height: 20px; box-shadow: inset 0 -1px 0 0 #eeeff0 } ._table .table-tbody>tr>td.text-right,._table .table-thead>tr>th.text-right { text-align: right } ._table .table-tbody>tr>td.text-left,._table .table-thead>tr>th.text-left { text-align: left } ._table .table-tbody>tr>td.text-blue,._table .table-thead>tr>th.text-blue { color: #0574ff } ._table .table-thead>tr>th { font-weight: 500; text-align: left; color: #2a323c } ._table .table-tbody>tr>td { color: #586674 } ._table .table-body,.pay-detail { height: calc(100% - 64px) } .pay-detail { position: relative } .pay-detail .empty-wrap { height: 100%; overflow: auto } .pay-detail-ft { width: 100%; height: 64px; background: #fff; border-top: 1px solid #eeeff0 } .pay-detail .label-abandon { display: inline-block; padding: 2px 6px; font-size: 12px; color: #fff; background: #84919d; border-radius: 4px } .member-vip-list { padding-left: 32px; margin-right: -170px } .member-vip-list .member-vip-li { position: relative; width: 302px; height: 440px; padding: 0 32px; margin-right: 138px; margin-bottom: 30px; float: left; background-repeat: no-repeat; background-position: top; border-radius: 8px; box-shadow: 0 6px 12px 0 rgba(188,198,212,.3); background-size: 100% 100% } .member-vip-list .member-vip-li.svip { background-image: url(../img/member-li-bg-svip.0c13a98c13b7102f26c9a52fe7a4fc6e.png) } .member-vip-list .member-vip-li.svip .open-member { background-color: #cc8637; background-image: linear-gradient(90deg,#f7ba50 1%,#cc8637) } .member-vip-list .member-vip-li.vip { background-image: url(../img/member-li-bg-vip.34d3f9e835874a9c150ff1a4d9444f80.png) } .member-vip-list .member-vip-li.vip .open-member { background-color: #0569e8; background-image: linear-gradient(133deg,#33b5ff,#0569e8) } .member-vip-list .gift-note { position: absolute; top: -8px; right: 0; padding: 0 4px; height: 28px; line-height: 28px; background-color: #eb4c37; background-image: linear-gradient(90deg,#f58f00,#eb4c37); border-radius: 0 8px 0 8px; font-size: 16px; text-align: center; color: #f7faff } .member-vip-list .vip-name { margin-top: 25px; font-size: 22px; line-height: 26px; color: #2a323c } .member-vip-list .vip-subtitle { margin-top: 5px; font-size: 14px; height: 20px; line-height: 20px; color: #586674 } .member-vip-list .vip-money { margin-top: 24px; margin-bottom: 20px; margin-right: -20px } .member-vip-list .vip-money .vip-price { font-size: 56px; line-height: 1; color: #2a323c } .member-vip-list .vip-money .vip-unit { margin-left: 8px; font-size: 18px; text-align: center; line-height: 26px; color: #2a323c } .member-vip-list .vip-money .vip-dprice { margin-left: 14px; font-size: 18px; text-align: center; line-height: 26px; text-decoration: line-through; color: #b7c3cc } .member-vip-list .vip-money .month-price { display: block; margin-top: 8px; font-size: 20px; color: #818c95; line-height: 20px } .member-vip-list .vip-content { height: auto; height: 136px; overflow: hidden; margin-left: -19px; padding: 0 16px 0 32px } .member-vip-list .vip-content li { height: auto; text-align: left; font-size: 12px; list-style: disc; list-style-position: outside; word-break: break-all; line-height: 20px; color: #818c95 } .member-vip-list .vip-content li:first-child { padding-top: 0 } .member-vip-list .available-discount { margin-top: 2px; *zoom: 1; font-size: 12px; line-height: 16px } .member-vip-list .available-discount:after,.member-vip-list .available-discount:before { content: " "; display: table } .member-vip-list .available-discount:after { clear: both } .member-vip-list .available-discount .fl { float: left; color: #2a323c } .member-vip-list .available-discount .fr { float: right; color: #84919d } .member-vip-list .available-discount .fr .countdown-time { color: #2a323c } .member-vip-list .icon-discount { width: 20px; height: 20px; background-position: 50%; background-size: contain; background-image: url(data:image/png; base64,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);vertical-align: -5px } .member-vip-list .open-member { position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); display: block; width: 236px; height: 40px; line-height: 40px; border-radius: 20px; font-size: 16px; text-align: center; color: #fff } .member-vip-list .open-member .real-price { font-size: 12px; color: #fff } .member-vip-list .open-member .hot { position: absolute; width: 23px; height: 25px; right: 20px; top: 7px; background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAZCAYAAADaILXQAAAAAXNSR0IArs4c6QAAA7dJREFUSA2lVF1sVEUU/s7s3a1LuxAVwYooIiYYURupAUMw+kDSP5TUVKPR3bZgDFGjohYwJjYkNaJRHngymgb6KImhBFJCTMBiNQqNP1F5wEBCUoKhaLJ3f+jee+d45rZ3e+/a1G2dh5nz851vzpw5M4QqRyHdtsyFfgXg8wsHhvqrCVPVgLKZli6XvQvMepdiNVZNjMH8J3k209zDWvczOGECGLhk1mrGrOS5dNMD0NwXJrJi8WJY595eVUxvviNsC+R/kfPWjpuud7euNAANvCeZWgHYrG7MqQvr1NurXThdUrrdZqOwL6Lwq801tpM7VXK92/iNjiSDmsJgXy5591baGOonKd379oUfDoZ9EXI7i9eY+X5i1Of/zq8C84Iw2MhM1FlpU6Rzvo/189l0067AHyEXsi4fRNjMxLcEoPAqm7fYmZZ3wzbN9Ny0Tn12Z9tjRiczFTu3rHA02czFcaODyCZwhhlf+voME4HGJYFRAS+VpBoiEMJXiwaOb6L8Cy2NmniFInXR1d7ZAEREI5LlhkCf6xojPKhc4m4hafUIkfr+H2KTiHRaxpLjN0gZ1kFrZ67ZzY6n1ZZc/3J5feZiX5wdPGfvKvNAlgRhpGLyZGS/0oQcRu46nvDlwF+5UqImanIdSL9P2hjLhZyviVZvLNba9Uhu24HsS09B3Xk3avfsh729A5zPoaa5HdbDGwHPRenEINyzI0h9fniSaGou7H0H7m8/TmqEvyx5FJellXxy3yoZx+pvh1q8tBwYX/coEk3tKH76EeiGJJLbdyJ/9QoKe3bAatyA2F33YOLQAXhjl8oxUuoxi5iGRVhbtkpw7d7PyqoRrPsa4Jz5Bu7vP/v2+LlfYK15CBNHv/BPqJbcCvePc5EYKetpaW9Ez3a9gNzLz6Dwwe5psPxelJzuVFpQKz+YO+UX50yD+bCqO3DstNzeVKEEJVgtnwwX/O/CD3O+/xpxOX5i0xOoefJZxOQ+nNFvQ5T+Q5/WiUZTB4dGlKTPMage49FX/0Rp+IQP4lwWzskhwHH8chT29/mk6sbFyPe9LdgrPk5Lnd1f5RcIDWm6HsNb3tLONO/Tml8PYeYlSj98snDg+JsmuPwr1rXWvSWOI/NinAqS+MFUW8qvQoScnj7kiaOdoPbNZwNS9HFq5fp2wxPEl8sSGMxqp1sf19AfSv83hu0zy3RGWm5nauDYyUr/jOQGJL8i2d1tj8DztkgjbpS3sEzWm8U1LkHy8DAMSw2m+o9+Zy6vktjo/wBsPGKm/bTqYwAAAABJRU5ErkJggg==) } .coupon-list { padding-left: 32px; margin-right: -170px } .coupon-list .coupon-li { position: relative; width: 282px; height: 440px; padding: 0 32px; margin-right: 21px; margin-bottom: 32px; float: left; background-repeat: no-repeat; background-position: top; border-radius: 8px; box-shadow: 0 6px 12px 0 rgba(188,198,212,.3) } .coupon-list .coupon-li.svip { background-image: url(../img/coupon-li-bg-svip.d1d070b220e17fcc1c6d77055ba95f7b.png) } .coupon-list .coupon-li.vip { background-image: url(../img/coupon-li-bg-vip.3e40861c1d9f2fc60207bf99442c64e6.png) } .coupon-list .coupon-li.trialCard { background-image: url(../img/coupon-li-bg-trialCard.97ff0adf004f1298e4b87f20f469e7c5.png) } .coupon-list .coupon-li.default,.coupon-list .coupon-li.spacecard { background-image: url(../img/coupon-li-bg-spacecard.2b6f7cd74ee4e502e0a460034ad4e451.png) } .coupon-list .gift-note { position: absolute; top: -8px; right: 0; padding: 0 4px; height: 28px; line-height: 28px; background-color: #eb4c37; background-image: linear-gradient(90deg,#f58f00,#eb4c37); border-radius: 0 8px 0 8px; font-size: 16px; text-align: center; color: #f7faff } .coupon-list .vip-name { margin-top: 25px; font-size: 22px; line-height: 26px; color: #2a323c; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .coupon-list .vip-subtitle { margin-top: 5px; font-size: 14px; height: 20px; line-height: 20px; color: #586674 } .coupon-list .vip-money { margin-top: 31px; margin-right: -20px } .coupon-list .vip-money .vip-price { font-size: 56px; line-height: 78px; color: #2a323c } .coupon-list .vip-money .vip-unit { margin-left: 8px; font-size: 18px; text-align: center; line-height: 26px; color: #2a323c } .coupon-list .vip-money .vip-dprice { margin-left: 14px; font-size: 18px; text-align: center; line-height: 26px; text-decoration: line-through; color: #b7c3cc } .coupon-list .vip-content { height: auto; height: 136px; overflow: hidden; margin-left: -19px; padding: 0 16px 0 32px } .coupon-list .vip-content li { height: auto; text-align: left; font-size: 12px; list-style: disc; list-style-position: outside; word-break: break-all; line-height: 20px; color: #818c95 } .coupon-list .vip-content li:first-child { padding-top: 0 } .coupon-list .available-discount { margin-top: 14px; *zoom: 1; font-size: 12px; line-height: 16px } .coupon-list .available-discount:after,.coupon-list .available-discount:before { content: " "; display: table } .coupon-list .available-discount:after { clear: both } .coupon-list .available-discount .fl { float: left; color: #2a323c } .coupon-list .available-discount .fr { float: right; color: #84919d } .coupon-list .available-discount .fr .countdown-time { color: #2a323c } .coupon-list .icon-discount { width: 20px; height: 20px; background-position: 50%; background-size: contain; background-image: url(data:image/png; base64,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);vertical-align: -5px } .coupon-list .open-member { position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); display: block; width: 236px; height: 40px; line-height: 40px; border-radius: 20px; font-size: 16px; text-align: center; color: #fff; background-color: #0569e8; background-image: linear-gradient(133deg,#33b5ff,#0569e8) } .coupon-list .open-member .real-price { font-size: 12px; color: #fff } .coupon-list .open-member .hot { position: absolute; width: 23px; height: 25px; right: 20px; top: 7px; background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAZCAYAAADaILXQAAAAAXNSR0IArs4c6QAAA7dJREFUSA2lVF1sVEUU/s7s3a1LuxAVwYooIiYYURupAUMw+kDSP5TUVKPR3bZgDFGjohYwJjYkNaJRHngymgb6KImhBFJCTMBiNQqNP1F5wEBCUoKhaLJ3f+jee+d45rZ3e+/a1G2dh5nz851vzpw5M4QqRyHdtsyFfgXg8wsHhvqrCVPVgLKZli6XvQvMepdiNVZNjMH8J3k209zDWvczOGECGLhk1mrGrOS5dNMD0NwXJrJi8WJY595eVUxvviNsC+R/kfPWjpuud7euNAANvCeZWgHYrG7MqQvr1NurXThdUrrdZqOwL6Lwq801tpM7VXK92/iNjiSDmsJgXy5591baGOonKd379oUfDoZ9EXI7i9eY+X5i1Of/zq8C84Iw2MhM1FlpU6Rzvo/189l0067AHyEXsi4fRNjMxLcEoPAqm7fYmZZ3wzbN9Ny0Tn12Z9tjRiczFTu3rHA02czFcaODyCZwhhlf+voME4HGJYFRAS+VpBoiEMJXiwaOb6L8Cy2NmniFInXR1d7ZAEREI5LlhkCf6xojPKhc4m4hafUIkfr+H2KTiHRaxpLjN0gZ1kFrZ67ZzY6n1ZZc/3J5feZiX5wdPGfvKvNAlgRhpGLyZGS/0oQcRu46nvDlwF+5UqImanIdSL9P2hjLhZyviVZvLNba9Uhu24HsS09B3Xk3avfsh729A5zPoaa5HdbDGwHPRenEINyzI0h9fniSaGou7H0H7m8/TmqEvyx5FJellXxy3yoZx+pvh1q8tBwYX/coEk3tKH76EeiGJJLbdyJ/9QoKe3bAatyA2F33YOLQAXhjl8oxUuoxi5iGRVhbtkpw7d7PyqoRrPsa4Jz5Bu7vP/v2+LlfYK15CBNHv/BPqJbcCvePc5EYKetpaW9Ez3a9gNzLz6Dwwe5psPxelJzuVFpQKz+YO+UX50yD+bCqO3DstNzeVKEEJVgtnwwX/O/CD3O+/xpxOX5i0xOoefJZxOQ+nNFvQ5T+Q5/WiUZTB4dGlKTPMage49FX/0Rp+IQP4lwWzskhwHH8chT29/mk6sbFyPe9LdgrPk5Lnd1f5RcIDWm6HsNb3tLONO/Tml8PYeYlSj98snDg+JsmuPwr1rXWvSWOI/NinAqS+MFUW8qvQoScnj7kiaOdoPbNZwNS9HFq5fp2wxPEl8sSGMxqp1sf19AfSv83hu0zy3RGWm5nauDYyUr/jOQGJL8i2d1tj8DztkgjbpS3sEzWm8U1LkHy8DAMSw2m+o9+Zy6vktjo/wBsPGKm/bTqYwAAAABJRU5ErkJggg==) } .tabs-content { margin-top: 30px } .coupon-info,.vip-member-info { *zoom: 1 } .coupon-info:after,.coupon-info:before,.vip-member-info:after,.vip-member-info:before { content: " "; display: table } .coupon-info:after,.vip-member-info:after { clear: both } .vip-table-title { position: relative; height: 26px; line-height: 26px; margin-bottom: 32px; font-size: 18px; text-align: center; color: #2a323c } .vip-table-title:after,.vip-table-title:before { content: ""; font-size: 0; width: 227px; height: 15px; position: absolute; top: 6px; left: 50%; background-position: 0 0; background-repeat: no-repeat; background-size: contain } .vip-table-title:before { margin-left: -306px; background-image: url(../img/vip-table-title-left.37fa60338963735510e20f385d19f00e.png) } .vip-table-title:after { margin-left: 86px; background-image: url(../img/vip-table-title-right.2572674edbe82da64f483a6216df2ba9.png) } .explain-container { padding: 0 32px } .explain-wrap { position: relative; margin-top: 8px; padding: 24px 32px 32px; background: #f2f4f8; border-radius: 8px } .explain-wrap .subtitle { font-size: 18px; color: #2a323c; line-height: 26px } .explain-wrap ol { margin-top: 24px } .explain-wrap li { position: relative; margin-bottom: 24px; padding-left: 24px; font-size: 14px; line-height: 20px; color: #586674 } .explain-wrap li.bold { font-weight: 700 } .explain-wrap li:before { content: ""; display: block; position: absolute; left: 0; top: 50%; margin-top: -4px; width: 8px; height: 8px; border-radius: 50%; background: #586674 } .dialog-default.dialog-coupon { width: 496px } .dialog-default.dialog-coupon .dialog-bd { padding-right: 32px; padding-left: 32px; font-size: 14px; line-height: 20px } .dialog-default.dialog-coupon .dialog-bd .card-main { padding: 20px 24px 0; width: 384px; height: 132px; margin: 0 auto } .dialog-default.dialog-coupon .dialog-bd .card-main .card-main-title { height: 33px; line-height: 33px; font-size: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .dialog-default.dialog-coupon .dialog-bd .card-main .card-main-note { margin-top: 8px; height: 25px; line-height: 25px; font-size: 18px } .dialog-default.dialog-coupon .dialog-bd .card-main.card-bg-vip { background-image: url(../img/integral-bg-vip.13235b82d75006695b4070b9b88d1d44.png) } .dialog-default.dialog-coupon .dialog-bd .card-main.card-bg-vip .card-main-note,.dialog-default.dialog-coupon .dialog-bd .card-main.card-bg-vip .card-main-title { color: #116ad9 } .dialog-default.dialog-coupon .dialog-bd .card-main.card-bg-svip { background-image: url(../img/integral-bg-svip.073b922c13dfb2beec916ca2e1c1f1c5.png) } .dialog-default.dialog-coupon .dialog-bd .card-main.card-bg-svip .card-main-note,.dialog-default.dialog-coupon .dialog-bd .card-main.card-bg-svip .card-main-title { color: #8e531f } .dialog-default.dialog-coupon .dialog-bd .card-main.card-bg-trialCard { background-image: url(data:image/png; base64,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) } .dialog-default.dialog-coupon .dialog-bd .card-main.card-bg-trialCard .card-main-note,.dialog-default.dialog-coupon .dialog-bd .card-main.card-bg-trialCard .card-main-title { color: #9e3e0b } .dialog-default.dialog-coupon .dialog-bd .card-main.card-bg-default,.dialog-default.dialog-coupon .dialog-bd .card-main.card-bg-spacecard { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAYAAAACECAMAAACu/wwvAAAAS1BMVEUAAAC+7vSp5fG16vPA//+p5fC97fOp5fG06fK77PKr5fC26vKx6PGz6fGv5/Gt5vGp5PC56/K46/K97fO06fKu5/Go5O+36/Kn4+/ydfnQAAAACXRSTlMAkpIrBvPV1b3Ss/+UAAAGXklEQVR42uyZ3VYjQQiEs7p/Ohk1cSbO+z/pUnwC26fDcR9gC7ogt8XQ0HoSHr/9fHp/l+s4CCSFSxKR35fLk5lwdcKExcns47p8LO52BA9gy0i6bttitq3m67asDksrAWfzs6IgnvHihBnOnMIrtJu97q/7/mrHyOAMnj/52d2OQCApvCURb3aMwM2cKPz49fB4At+/SXzkR/OmBgDNB7eD/qhvDLIILji8UIQREhyWWyKdF9Q2JsAkZzNnwZIZLxwTXCzAkQxFcMFhw1QDtC/NyeDUfvjxZrKLJbX4ZiYOHG+H8cN31/+3xDf58RC9lZ5jjPPtwy69uXcAkO46FEHS31F/c8b921emj38p0YMTZ/zcdQCIz55M+QjTfdexbN/l6F6M/LAZuo88Ss8xxpE/cVMfHMpEv1WBb+8OiR3+NS4ykXuIn/GaqDKgPT5hk4lwdQB3D22QqB+SPCrQQIrjKT48gg4wKx9R4o+dwO+5CZAdcq4LCCg9VIfjwe5/iV81AJZxZuFxDtJTirqEru6c5VN8YzslfWUoHuAKWlUChdKdAzIv6VedpgHwpgHMd/GugPQUQQfx3QmlO2fCG05mdBuUjx9HXUWP2QCMACO8nwBUQAQTS3/IDHD9yLiDph6gAiJYcZWttMEyyE+St4+STv4XHMoGkM9FkHkb0AluAOmrAfB5CqN8xpvEJ+UWCieqBsdh/HD6+Z4VGIWPfEaOAJnSAiMY9WsEu/5ov8AT0F5GJRgBpfjdERDWg1ks/SEwjWDfghAdHjCMAEVANrdAlSEM2Qmc7IJfp4trzx70xQKE2jgmFwi1AMGlvsmfU0CYWwBTtn3ePjprt4TWFBAIjfq5fzYL0K5gquvIpyUUR+1+CS31cZl6gO9+UP8gO5T8OPH5lyM61OKSTlGqBDAlABSBdYgLqCkBiaKXgLtnQ/SMJf9QhL4EFIE26LBbCVhDZXsMgLEKiD3EBjwBxOMFVDjkJBRg/P4rmX4PHYBLfXFd/+LEgvwlfd8BIsV1WVJ6QFLYkB7vn2HDQ6ApgXQ3zi2oHgLzEKgPv5MdyY1luCFqAOEHM4ACgGwA0K5BlUYVoHwHiEp/0Qd1qCr0U2CLMby5DyOguYV6oHoRPuof19AupwRJBfTHwfx7eAbjvMcKYyOoCic+f1ggdstPPQFgYi6h0N9LaGxAjIAYwv0zWFGyG2+N7iA3oK4JXuSKsu7rF7EBxRK6Z0wMW888igfJ8+NnD/K3QD6DFfj44xqqDuDPQKgfgbTBpbbRoQTxEC4sMGtQDIAJW22jChrAjGKJj/ykkKSPFYhwF9w+BNKmDBoAsX0S5rcYdXAidIuQUBeRZXca4LhRi1OuQPDXO6iLT5BBoX+zCUl0eAGVsncSZKjvYxipmwUIblsgv/3ahIJm+V10ZvDUAs86Bjipf4cp3AhmSrn9YZLogWEGPGFf1+ASQSYawASoMczlf732n/8WQUnUwIvQ1ABUAQr9GED+bgjv2oSwOzdQhEH+tgZmJJhuoETWonCqG0jWCw/GL1+BpPTHAA3ADDBqngHx5RM84QkwPwPmd5hA6BqAoKRpAGaAaHoGgFL7n/4WHfeO2gC1axHNTjjMZRrC4P//A/6wZwcnAMAgDABX6P7TVgilG5jPfVxAYoRb9YDXwkkAD2h4wP+CeEDLA2bOAnhAywNygnhA0wNmATyg5gFJAA+oeUA6gAc0PeDwAB7AA3gAD+ABPIAH8AAewAN4AA/gAZc9OxAAAAAAAPJ/bYQNP+AH/IAf8AN+wA/4AT/gB/yAH/ADfsAP+AE/4Af8gB/wA37AD/gBP+AH/IAf8AN+wA/4AT/gB/yAH/ADfsAP+AE/4Af8gB/wA37AD/gBP0B7dlIEIAxFAex1AVoD+JfKAQnM8C+JjfgAH+ADfIAP8AE+wAf4AB/gA3yAD/ABPsAH+AAf4AN8gA/wAT7AB/gAH+ADfIAP8AE+wAf4AB/gA3yAD/ABPsAH+AAf4AN8gA/wAT7AB/gAH+ADfIAP8AE+wAf4AB/gA3yAD/ABPsAH+AAf4AN8gA/wAT7AB/gAH+ADfIAP8AE+wAf4AB/gA3yAD/ABHz5g+4DKDzhy+oDKD7jSfEDlB/QMH1D4AfdImg+o+4CeZC4fUPUBaybJbD6g5gP6zGu0c/uAfz/guPpIkgfwQI04m17G7AAAAABJRU5ErkJggg==) } .dialog-default.dialog-coupon .dialog-bd .card-main.card-bg-default .card-main-note,.dialog-default.dialog-coupon .dialog-bd .card-main.card-bg-default .card-main-title,.dialog-default.dialog-coupon .dialog-bd .card-main.card-bg-spacecard .card-main-note,.dialog-default.dialog-coupon .dialog-bd .card-main.card-bg-spacecard .card-main-title { color: #1478aa } .dialog-default.dialog-coupon .dialog-bd .main-title { margin-top: 16px; margin-bottom: 8px; font-size: 14px; line-height: 20px; color: #2a323c } .dialog-default.dialog-coupon .dialog-bd .desc { max-height: 120px; overflow-y: auto; color: #586674 } .dialog-default.dialog-coupon .dialog-bd .integral { line-height: 26px; color: #2a323c } .dialog-default.dialog-coupon .dialog-bd .integral span { margin-right: 24px; font-size: 18px; line-height: 26px } .dialog-default.dialog-coupon .dialog-ft { padding-right: 32px; padding-left: 32px } .exchange-wrap { padding: 32px; height: 100% } .list-points-card-integral li { overflow: hidden; position: relative; float: left; min-width: 360px; width: calc(25% - 24px); height: 132px; margin-bottom: 24px; margin-right: 24px; border-radius: 8px; background-size: cover; background-position: top; background-repeat: no-repeat; cursor: pointer } .list-points-card-integral li .msg-wrap { padding: 20px 24px 0 } .list-points-card-integral li .name { height: 33px; line-height: 33px; font-size: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .list-points-card-integral li .integral { margin-top: 8px; height: 25px; line-height: 25px; font-size: 18px } .list-points-card-integral li .btn-li-exchange { position: absolute; right: 20px; bottom: 20px; min-width: 96px; border-radius: 20px } .list-points-card-integral li.li-vip { background-image: url(../img/integral-bg-vip.13235b82d75006695b4070b9b88d1d44.png) } .list-points-card-integral li.li-vip .integral,.list-points-card-integral li.li-vip .name { color: #116ad9 } .list-points-card-integral li.li-svip { background-image: url(../img/integral-bg-svip.073b922c13dfb2beec916ca2e1c1f1c5.png) } .list-points-card-integral li.li-svip .integral,.list-points-card-integral li.li-svip .name { color: #8e531f } .list-points-card-integral li.li-svip .btn-li-exchange { background-color: #834b1a; background-image: linear-gradient(90deg,#995b21,#834b1a) } .list-points-card-integral li.li-svip .btn-li-exchange.disabled,.list-points-card-integral li.li-svip .btn-li-exchange:disabled { background: rgba(153,91,33,.4) } .list-points-card-integral li.li-trialCard { background-image: url(data:image/png; base64,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) } .list-points-card-integral li.li-trialCard .integral,.list-points-card-integral li.li-trialCard .name { color: #9e3e0b } .list-points-card-integral li.li-trialCard .btn-li-exchange { background: #c4591f } .list-points-card-integral li.li-trialCard .btn-li-exchange.disabled,.list-points-card-integral li.li-trialCard .btn-li-exchange:disabled { background: rgba(196,89,31,.3) } .list-points-card-integral li.li-default,.list-points-card-integral li.li-spacecard { background-image: url(data:image/png; base64,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) } .list-points-card-integral li.li-default .integral,.list-points-card-integral li.li-default .name,.list-points-card-integral li.li-spacecard .integral,.list-points-card-integral li.li-spacecard .name { color: #1478aa } .list-points-card-integral li.li-default .btn-li-exchange,.list-points-card-integral li.li-spacecard .btn-li-exchange { background: #3193c4 } .list-points-card-integral li.li-default .btn-li-exchange.disabled,.list-points-card-integral li.li-default .btn-li-exchange:disabled,.list-points-card-integral li.li-spacecard .btn-li-exchange.disabled,.list-points-card-integral li.li-spacecard .btn-li-exchange:disabled { background: rgba(49,147,196,.3) } .my-points-tab-main .empty-card-stock { position: absolute; top: 50%; left: 50%; margin-top: -140px; margin-left: -113px; text-align: center } .my-points-tab-main .container-lottery { height: 100%; font-size: 14px; color: #fff } .my-points-tab-main .container-lottery .lottery-bg { overflow: hidden; height: 970px; background-position: top; background-repeat: no-repeat; background-image: url(../img/lottery-bg-top.872bb705fda0525ef9a26c8afc3f749e.jpg) } .my-points-tab-main .container-lottery .wrap { width: 680px; margin: 117px auto 0 } .my-points-tab-main .container-lottery .wrap-lottery { float: left; width: 370px } .my-points-tab-main .container-lottery .wrap-lottery .wrap-points { width: 370px; height: 36px; line-height: 36px; border-radius: 18px; padding: 0 15px; color: #10959d; background-color: #def3f0; *zoom: 1 } .my-points-tab-main .container-lottery .wrap-lottery .wrap-points:after,.my-points-tab-main .container-lottery .wrap-lottery .wrap-points:before { content: " "; display: table } .my-points-tab-main .container-lottery .wrap-lottery .wrap-points:after { clear: both } .my-points-tab-main .container-lottery .wrap-lottery .wrap-points .remain { float: right } .my-points-tab-main .container-lottery .wrap-lottery .wrap-points .remain strong { color: #ffb03e } .my-points-tab-main .container-lottery .wrap-lottery .box-lottery { margin-top: 10px; width: 370px; height: 400px; background-color: #4db6ac; border-radius: 8px; position: relative; overflow: hidden } .my-points-tab-main .container-lottery .wrap-lottery .box-lottery-hd { margin-top: 10px; padding: 0 15px; line-height: 28px } .my-points-tab-main .container-lottery .wrap-lottery .box-lottery-hd .icon-lottery-gift { display: inline-block; width: 26px; height: 27px; background-image: url(../img/icon-lottery-gift.c609084edc26e13fe667a01a63c9946a.png) } .my-points-tab-main .container-lottery .wrap-lottery .box-lottery-hd a { float: right; display: block; width: 65px; height: 28px; line-height: 28px; color: #fff; text-align: center; border-radius: 14px; -ms-text-shadow: 1px 1px 2px rgba(0,0,0,.3); text-shadow: 1px 1px 2px rgba(0,0,0,.3) } .my-points-tab-main .container-lottery .wrap-lottery .box-lottery-hd a.left { margin-right: 8px; background-image: url(../img/btn-left-1-si.0e7ce2f633a875041f2193923e45b066.png) } .my-points-tab-main .container-lottery .wrap-lottery .box-lottery-hd a.left:hover { background-image: url(../img/btn-left-2-hover-si.0076b0e0319ad6373342c7f5b5a49877.png) } .my-points-tab-main .container-lottery .wrap-lottery .box-lottery-hd a.left:active { background-image: url(../img/btn-left-3-active-si.d6db2a68ba075beddf613ba2979506fd.png) } .my-points-tab-main .container-lottery .wrap-lottery .box-lottery-hd a.right { background-image: url(../img/btn-right-1-si.a2eb2c7ac92238cc4dfafbea4fd7c8cd.png) } .my-points-tab-main .container-lottery .wrap-lottery .box-lottery-hd a.right:hover { background-image: url(../img/btn-right-2-hover-si.696855a087c3e0cd53c19d4cf2ceb92e.png) } .my-points-tab-main .container-lottery .wrap-lottery .box-lottery-hd a.right:active { background-image: url(../img/btn-right-3-active-si.e4d5b695ed1db8f258808726587f3b1e.png) } .my-points-tab-main .container-lottery .wrap-lottery .box-lottery .lottery { position: absolute; bottom: 15px; left: 15px; width: 340px; height: 340px; background-color: #009688; border-radius: 6px } .my-points-tab-main .container-lottery .wrap-right { float: right; width: 300px; height: 446px } .my-points-tab-main .container-lottery .wrap-right .tab-nav { height: 46px; line-height: 46px; border-bottom: none; position: relative } .my-points-tab-main .container-lottery .wrap-right .tab-nav a { position: relative; z-index: 0; display: inline-block; width: 120px; height: 54px; text-align: center; font-size: 16px; color: #4db6ac; background-color: #def3f0; border-radius: 8px 8px 0 0 } .my-points-tab-main .container-lottery .wrap-right .tab-nav a.active { color: #fff; background-color: #4db6ac } .my-points-tab-main .container-lottery .wrap-right .tab-content { position: relative; z-index: 1; height: 400px; border-radius: 8px; padding: 15px; overflow-y: hidden; overflow-x: hidden; color: #10959d; background-color: #4db6ac } .my-points-tab-main .container-lottery .wrap-right .tab-content .container-records { background: #fff; border-radius: 6px; overflow: hidden; height: 370px } .my-points-tab-main .container-lottery .wrap-right .tab-content .placeholder-lottery { display: block; width: 157px; height: 93px; background: url(../img/lottery-placeholder.69bc2c2a9add85c6b3e0ec0c2fe2d8bb.jpg) 50% no-repeat; background-size: 100%; margin: 76px auto 0 } .my-points-tab-main .container-lottery .wrap-right .tab-content .placeholder-text { margin-top: 9px; font-size: 12px; line-height: 18px; color: #64a5f4 } .my-points-tab-main .container-lottery .wrap-right .tab-content .table-all { padding-left: 16px; padding-top: 6px; padding-bottom: 12px; background-color: #fff } .my-points-tab-main .container-lottery .wrap-right .tab-content .table-all .td { border-top: none; height: 24px; line-height: 24px; font-size: 12px; -ms-transition: all ease .3s; transition: all .3s ease } .my-points-tab-main .container-lottery .wrap-right .tab-content .table-all .td.hidden { overflow: hidden; height: 0; transform: translateY(-50%); opacity: 0 } .my-points-tab-main .container-lottery .wrap-right .tab-content .table-all .td.text-left { text-align: left } .my-points-tab-main .container-lottery .wrap-right .tab-content .table-my tr:nth-child(2n) { background: #f0faff } .my-points-tab-main .container-lottery .wrap-right .tab-content td { border-top: none; height: 30px; line-height: 30px; font-size: 12px; transition: all .3s ease } .my-points-tab-main .container-lottery .wrap-right .tab-content td.text-left { text-align: left; padding-left: 10px; font-weight: 700 } .my-points-tab-main .container-lottery .wrap-right .tab-content .paging .border-top { border-top: none } .my-points-tab-main .container-lottery .wrap-rules-content { width: 100%; background-repeat: no-repeat; background-position: top; background-image: url(../img/lottery-bg-bottom.db5da6b023085ca28ca6b1269260f784.jpg) } .my-points-tab-main .container-lottery .wrap-rules { width: 680px; min-height: 390px; margin-top: 20px; margin-right: auto; margin-left: auto; padding: 56px 0 } .my-points-tab-main .container-lottery .wrap-rules .title { font-size: 16px; text-align: left } .my-points-tab-main .container-lottery .wrap-rules .rules { margin-top: 18px; padding-left: 12px; font-size: 12px; list-style: decimal } .my-points-tab-main .container-lottery .wrap-rules .rules li { line-height: 24px; padding-left: 6px } .records-detail { position: relative; height: calc(100% - 64px) } .records-detail .empty-wrap { height: 100%; overflow: auto } .records-detail-ft { width: 100%; height: 64px; background: #fff; border-top: 1px solid #eeeff0 } .records-detail-empty { position: absolute; top: 50%; margin-top: -142px; width: 100%; text-align: center } .number-input.number-input-lg input { width: 76px; height: 43px; line-height: 41px; font-size: 18px } .number-input.number-input-lg .button { width: 76px; height: 43px; line-height: 41px; font-size: 24px } .number-input.number-input-lg .button.minus { border-radius: 4px 0 0 4px } .number-input.number-input-lg .button.add { border-radius: 0 4px 4px 0 } .number-input>* { box-sizing: border-box } .number-input input { line-height: 30px; border: 1px solid #c9c9c9; border-right: none; border-left: none; color: #333 } .number-input .button,.number-input input { width: 38px; height: 30px; vertical-align: middle; text-align: center; float: left } .number-input .button { display: inline-block; line-height: 28px; color: #b6b6b6; border: 1px solid #c9c9c9; font-size: 20px; font-weight: 700; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -o-user-select: none } .number-input .button.disabled { background: #f1f1f1; cursor: default } .number-input .button:hover { background: #f3f3f3 } .number-input .button.minus { border-radius: 2px 0 0 2px } .number-input .button.add { border-radius: 0 2px 2px 0 } .dialog-default.dialog-pay-overseas .dialog-bd { padding: 30px 20px 0; font-size: 14px; text-align: center } .dialog-default.dialog-pay-overseas .dialog-bd .pay-msg-title { color: #666; font-size: 16px } .dialog-default.dialog-pay-overseas .dialog-bd .pay-msg-subtitle { margin-top: 10px; color: #999 } .dialog-default.dialog-pay-overseas .dialog-bd .pay-msg-subtitle.bold { font-weight: 700 } .dialog-default.dialog-pay-overseas .dialog-ft { text-align: center; padding-bottom: 30px } .points-wrap { height: 100% } .dialog-default.dialog-unzip-file .dialog-bd { padding: 0 0 10px } .list-unzip-file-header { padding-top: 10px; padding-bottom: 7px; line-height: 20px; background: #f2f4f8; box-shadow: inset 0 -1px 0 0 #eeeff0 } .list-unzip-file-header .span-one { margin-left: 16px; vertical-align: .25em } .list-unzip-file-header .span-two { margin-left: 9px; display: inline-block; *display: inline; *zoom: 1 } .list-unzip-file-header .span-two li { max-width: 68px } .list-unzip-file-header .span-three { position: absolute; right: 20px; font-size: 14px; text-align: right; color: #333 } .list-unzip-file { height: 500px; overflow-y: auto } .list-unzip-file li { position: relative; box-sizing: content-box; min-height: 60px; padding: 0 16px; background: #fff; border-bottom: 1px solid #eeeff0; cursor: default; *zoom: 1 } .list-unzip-file li:after,.list-unzip-file li:before { content: " "; display: table } .list-unzip-file li:after { clear: both } .list-unzip-file li:hover .actions-btn { display: inline-block; *display: inline; *zoom: 1 } .list-unzip-file li:hover .span-three { width: 290px } .list-unzip-file li .span-one { margin-top: 22px; width: 16px; height: 16px; line-height: 16px; display: inline-block; *display: inline; *zoom: 1 } .list-unzip-file li .span-two { margin-top: 14px; margin-left: 15px; width: 30px; height: 30px; display: inline-block; *display: inline; *zoom: 1 } .list-unzip-file li .span-three { width: 428px; height: 60px; margin-left: 12px; line-height: 60px; display: block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #333 } .list-unzip-file li .span-four { position: absolute; right: 16px; line-height: 60px; font-size: 12px; text-align: right; color: #666 } .list-unzip-file li .actions-btn { width: auto; width: 180px; display: none; position: absolute; right: 96px; top: 14px } .list-unzip-file li .actions-btn ._btn { padding: 0 } .list-unzip-file li .actions-btn ._btn+._btn { margin-left: 30px } .list-unzip-file li .actions-btn ._btn+._btn:after { content: ""; position: absolute; left: 50%; margin-left: 2px; top: 8px; width: 1px; height: 14px; background: #d1dde9 } .list-unzip-file li .actions-btn .icon { width: 16px; height: 16px } .list-unzip-file li .span-dir { cursor: pointer } body .el-popover { border-radius: 12px; box-shadow: 0 2px 10px 0 rgba(0,0,0,.25) } body .el-popover .popper__arrow { border-width: 10px } body .el-popover[x-placement^=bottom] .popper__arrow { top: -10px; border-bottom-color: #fff } body .el-popover[x-placement^=top] .popper__arrow { bottom: -10px; border-top-color: #fff } body .el-switch__core { height: 24px; border-radius: 12px } body .el-switch__core:after { left: 3px; top: 3px } body .el-switch.is-checked .el-switch__core:after { margin-left: -19px } body .el-checkbox__input.is-checked .el-checkbox__inner,body .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #0574ff; border-color: #0574ff } body .el-dropdown-menu__item:focus,body .el-dropdown-menu__item:not(.is-disabled):hover { background: #f2f4f8; color: #0574ff } .user { margin: 15px 0 } .user .dropdown-default .entry { *zoom: 1; background: #fff } .user .dropdown-default .entry:after,.user .dropdown-default .entry:before { content: " "; display: table } .user .dropdown-default .entry:after { clear: both } .user .dropdown-default .entry li { float: left; width: 88px; height: 99px; margin-left: 1px } .user .dropdown-default .entry li:hover { background: #ebf7fe } .user .dropdown-default .entry li .icon { width: 40px; height: 40px; margin: 0 } .user .dropdown-default .entry li a { display: block; text-align: center; width: 100%; padding-top: 20px; height: 100%; line-height: 1; font-size: 12px } .user .dropdown-default .entry li a:hover { background: none; color: #677184 } .user .dropdown-default .entry li a p { margin-top: 8px; line-height: 1 } .user .dropdown-toggle { margin-left: 8px; font-weight: 700; display: inline-block; color: #fff; height: 30px } .user .dropdown-toggle span { max-width: 90px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; *display: inline; *zoom: 1; text-align: center; vertical-align: middle } .user .name { display: inline-block; vertical-align: middle; line-height: 30px } .user .name .icon { vertical-align: text-bottom } .user .name.has-mask { line-height: 30px } .user .icon { margin-left: 6px } .user .exit { border-left: 1px solid #bababa; margin-left: 10px; padding-left: 10px } .user .user-avatar { width: 28px; height: 28px; display: inline-block; vertical-align: middle } .user .user-avatar img { width: 28px; height: 28px; border-radius: 50% } .user .nav { display: inline-block; vertical-align: middle } .user-expire { overflow: hidden; height: 62px; padding: 12px 16px 0 8px; border-top-left-radius: 4px; border-top-right-radius: 4px; background: url(../img/user-expire-bg-si.2da9a888f37036316eb5d8eb6c4351fd.png) no-repeat 0 0 } .user-expire img { width: 38px; height: 38px; border-radius: 50% } .user-expire .btn-user-expire { margin-left: 8px; width: 74px; padding: 0 4px; height: 17px; line-height: 17px; font-size: 12px; color: #9e4c13; border-radius: 100px } .user-expire .btn-user-expire:hover { color: #9e4c13; background-color: #eeb643; border-color: #eeb643 } .wrap-check-in { position: absolute; right: 14px; top: 20px } .user-expire-cnt { padding-left: 46px; font-size: 12px; color: #fff; text-align: left } .user-expire-cnt .top { padding-left: 7px } .user-expire-cnt .top>* { vertical-align: middle } .user-expire-cnt .top span { display: inline-block; max-width: 78px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .user-expire-cnt .bottom { margin-top: 1px } .user-expire-cnt .time { padding: 0 8px; border-radius: 8.5px; background: #3b73b9; line-height: 17px } .user-expire-cnt .icon { vertical-align: -1px } .user-expire-cnt .icon.icon-crown-privileged-xs { vertical-align: middle } .empty-already-link { width: 226px; margin: 0 auto 62px; text-align: center } .empty-already-link .icon-empty { width: 226px; height: 180px; display: inline-block; *display: inline; *zoom: 1; margin: 111px auto 0; background-repeat: no-repeat; background-position: 0 0; background-image: url(../img/empty-already-link-si.a12cfa11c4f6723ca451474440dad2d3.png) } .empty-already-link p { margin-top: 146px; line-height: 20px; text-align: center; color: #586674 } .empty-card-stock { width: 226px; margin: 0 auto 62px; text-align: center } .empty-card-stock .icon-empty { width: 226px; height: 180px; display: inline-block; *display: inline; *zoom: 1; margin: 0 auto; background-repeat: no-repeat; background-position: 0 0; background-image: url(../img/empty-card-stock-si.e1be38c67f2a299619c23815e38fac72.png) } .empty-card-stock p { line-height: 20px; text-align: center; color: #586674 } .empty-hint-default { padding: 50px 0; width: 100%; text-align: center } .empty-hint-default .icon-empty { width: 290px; height: 163px; display: inline-block; *display: inline; *zoom: 1; margin: 0 auto; background-repeat: no-repeat; background-position: 0 0; background-image: url(../img/empty-hint-default-si.33d3d1d3e2e4b10c9604ae52352a210b.png) } .empty-hint-default p { padding: 20px 0; text-indent: 23px; color: #a5a5a5 } .empty-hint-default.task { padding-top: 100px; line-height: 30px } .empty-hint-default-text { color: #a5a5a5 } .empty-message { padding: 19.3% 0; width: 100%; text-align: center } .empty-message .icon-empty { width: 173px; height: 173px; display: inline-block; *display: inline; *zoom: 1; margin: 0 auto; background-repeat: no-repeat; background-position: 0 0; background-image: url(../img/empty-message-si.eb0cf7eebd3c11be86aaca00f81f8f1c.png) } .empty-message p { padding: 20px 0; text-indent: 23px; font-size: 16px; color: #999 } .icon-privilege-pass { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA89JREFUWAm1Vk9IVGEQn/nWrLYSVzstiVQkuRYEEZ2E8GAE4U2hW0Hd8h+Sp/7soXAP0a56kiS6Jh7yUIdACBEqgi66Wmp6KLUg2RTK1XbfNPOeT9/uvvd23V0/eLzvzcw3v/nmmzffDyHH0Trbt9+zOd+gATUBUC0A+oHAD0hJni8D0RIhTngAR8oD5WNBDCZycY3ZjLo/d/vjyfgDBrlGREey2W/pY6jw+SH0Puqp7VlxW+MYQHAheGDlb+we76yDHXjdnDjqEFcVQMgX8D12yohtAPquExsvCeiCo/NdKBBx1Hv4YHOoOhRLX5YRQEe041wStFf6+aZbF/KNOFcC6kq4LjxndZMSgOx8PRn/WHRwExFhxuNVFyPHI79NER+RMeTM45z2PQMXGIIa7Y/2YoiGPFuwsB2AFFyxztx0bvcmgMbx6fHbpk4/Aj31ifgsC/OrdtObzRsR1lj8nQgCppqL8heV+k72nwqu6Rkw/vM9AX+vvKq6N9B7hkHHzAC4nxyFjdgd+VbS4aTJmMpivRnwA5VWXJaC4zkngFIKHoGuC5aS9rqLDpdTfAa4r1FSLAvaptqfcAHWWxdzLRxrm247r4zeblUVNk8Hb59sD5NGnXZeUcMmrgG5WIoz0sFl57xBaeW2g7NQywHwrZY2EPAnoGpm3UPgw0pT237agTvt3HTAheEvsW08CK/76yLDbDjcGu1YANQG2S6liEwn8s4HXF+P5FfGfW51Jw2LmjpnOk+IlAN5xrV60ykTeYMbESTlCJZT4fmLoDKxqb3NFkRh4IJKy0qYTEYAuoCq3IIoHFxAcEkJjbIPQKSZQSjEW3zo77iVpvzn2QrODoM3MYF8/zckSRu1M9iR4beSUnUpXBOeF5ncZi3YwlzQaDL5gMtaVHBWCYHkeQZTEYOdkZqJooADzvcF+iaVcDUhkDtgTjMjiK4vXacHaGCfW4dz8mCV8y35VL75LwAQ9srnuipz90FV/xKJaHRq6odbh3P3ofeNRVWmesVOD0CoM09C2RaKni8uxU9FLrZONtzT7oerwuui1wOQiVBnrsosxSiWhQ1O/ZDR3Aw/2wFILQh15qNIYa2FwaWtRvxU4au4YZVuByBC4e1CnbntzliNijJncA/i1aA/+NfqLyUAUQhvF+rMN88bq2Ehc0l7pc9XHwlEMtq+4w0nzUZnr4R3dQ6XRwRcU4tScNYzT3fjGIBp2DobLBMCKRxOaJQpd3uz068MPii/mlntTvZZA7AuFA4nNEqYjJAJvsqZzCC3ZOLU4pL0dgBtRDqcdZ3b/D+gZL2tcIgRKgAAAABJRU5ErkJggg==) } .icon-privilege-fail { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABOtJREFUWAm1V19oW2UU/85d7m3TTlsHUxoVV7cHqz4Is52dCK6zaWOatGUOdKKb+jYQfRMcYoU9DXzyYTIYOkWmdNiadnXNoHSICE5kuoL/1iGWdU6sisx2vTe5x9+5yZcm6b1JxroL4fvu+fv7zjn3fCekanw49nJdNvtrl8uchEobKxUhpVoUKcZ+Hss86DNEKhW6584zdOSIU4tp2Kj8cDIZca5l31SKnmHmWypL57ik6B/sjpn1dJDGxv6spBMIgPftq7cvLbxBxK/CcUMlI0E8RONfUsah0KaWQ0ER8QXgnXrJHWXF7UHGr4eOiEyb682naGRkoVxvFQC7e+AhVpmTSnGkXPgG3y9aphWjiZGfi+2UAJCT20vu2ZvgPOeT1KxFDR00OfyXBmHojeTcQdhvmnNxxGqzw0vDPDQU0n4LAKTg1irn2rjfioLuynx19hXN8wBI6KXaNbF4RY6uERmHFdGFYnqV/Q8ovPeIKOsnh8bxOg8MNAvPAyDfedCnxkSnrPTYfovC2/BZnfMzWEyD4zMWbWi3To+/iJh/WczTewDYYC9mXpN3QzqcYtqjmeUrOlzXcjT+oBSO2Wg9gVN9Vy6j38GbQvN5ktIf/mf3JtqR8w7NW73yXhyaDGmvyP361QI5CtDeijRMLfckHpDv2Gw0d/qCIEqbTeE+dL5FO9q/TWXd02jR9UF2Aa7F6RnoMPK9PVBOGACxkZinONZ/vweijiQS368o0YS1rjVJw8NLTm9fp1KZNJw3rfD9d8xuUmqgzZ9dSkW4bncy2SmOD7ZJfzfraCcicx7FOWY1hwfp83eWne7ko+yqSYlaqXbAG3GbAaQ1dzyk6g7bsac4mrjPA2E0PG5tiuzCyW2nJ/4YK/cUgNZ0YQkk1FeE7Gj8KhA3BmD0J5O6bNUZjwDEbyLgRPu3o32nr98OzSEF5Pp7CaYSqy/U1q1y/3tPqJ5n4dwDo2k1rSgCSUHBUC1KyPtxs7lhDw0NZTLRRIxjA5splbpimQ1dqIcfa7GhZVDI80Z+ktG0iisUPoLz55DzbKY3nnQVj9pZZ9oDMTH8u0WWgPipopEiphxevoKZIlrgFs4/MLc//LznvLtv0M2qEyg4C9/zXR6IePxemvz0MkDsgJGSKzfQKHwbMsNVEPBYZKj34fwFhN3N9CR24eSfAL1Z0BMQDk2zBhFeBxD0S4EfsMGhUoY3QOZmOH8xohNmZ/tL4ny5O77bdd2PS5xrLea7PRDRRCtqYt6qUzvg4A/NXrUSzVmTY98a+Vnt2CqBFcKo5zwafxoGj8N54S5fEcnvBATzNPpEK42PX0KKMNz4P8j9UeGgqNFqY7s3OtnFC34dDLfbApx+g1R1w6DUTNUHsn/jnvk6SAc2r5jN4S2op6seALHoRBMHXHYPVrW+BgIAtt9Knzwspgon8kZnTK9rYL+KCUqZk+PvaqECAKkFGZ3BuKiZa70i3OdxcT2LWkJWc08BgLzKVSujMypjNs9fswVOZ0wKxSXvxUZLAAhD5nZvdMZ0Uyx4Y3uEvSncSenP5srtFIqwnCGjs0yv+DIO4HdbOb+Wd6l2RfyW5Lw47MW6gQC0kEyvuQGS98oYpekVVzQZhPZoqCn8dnnIy/WqAtAK6AEkM5yMUThVmwwTrCiCec3F6eZRVfm/55SSDqf1qq3/A9rD+iDI9lacAAAAAElFTkSuQmCC) } .icon-down { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAu5JREFUWAntlktoU1EQhptrqlWbhQQfCCJRBBVETSLSgroRQUEFcVVRAgouKoIggqALcSWCG0Vwq6mKr9KF6KKgS5G8N2YhBowPDCaiBKuJSfwm5ISb23NvklpxYQ4M8/rPzNw55wy3r6+3/vcOuLptQDabnZ/L5Q6wb3etVtsCXwrNc7lcn9DfwJ+gjwcCgdfwtqvjAghuRKPRE0Q8Cy1zikwRVfBhMOeDweBbR6yTU/lisdhiAt6GdipbJ5xCvoAboRtP7fBtO5BKpRaVy+VnJN9oF8TJLt3Af5AixnU4Q2c020ql0t2ZJpc47DWgcDwe32SOq2THAjjzEMBdCvwHfEG1Wr2u229bAFW7oHO6TQ3bO8MwTiKHoFHoB2S7iDVEF/ZbAW6rQemJREIu3Gqla/iY3++/quzyQkiyTuk6ThdGsE+YfbYdqFQq281AjfzVYvtu0XXqHums2TGtA5lMZqBQKAwD2gvYjLXK/WYD2IpZ18lgBumUF99n5W8W0Jhwl/P5/FGcAwpgxzn/ORZfyaJrVfYtwdFaQDKZ9DFeH1Oh4xnypn+yeQrcNyhizoBvEtt6bG7kQWTt8XIPZDg1l9x0g0n3HL6tadUIBP3ApVsBl8HiuGjzKeJd0YCmGEgeYjSPS+b78XbJJRCY5RR6TBO0xSTdBHuhxdhQSDxpTi5maVNIhE4Wga9RxA47LH43Y/sOfo8NZi0fLDH2Kb8U4HjuCtjg/ZzhAwKstNjrKsEvImzV+cRGgWugUWJMRCKR+8iGi01FhIV2m2zsca/XO+zz+ZrTj6Lk/0Aucss7t9lfN3McZ6QDaSeQjW8zz/WG8sm581W3ukne2HtI5sAYFFDBuuBH+Or34MOc+z24DJiuFgWvkmfoJtAL+EyK6CqhBvzS4Bx+4TgMZTWAv2oi96X6tGI4vCLTBugmxraDZhaqkkF0mryPpt3YdDrtKRaLQwDkOc2dhWQtIfhA+Xt+yM/qxxZHT+l14F914DdycFESaJuGlgAAAABJRU5ErkJggg==) } .icon-review { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAZNJREFUWAljYBgFIz0EGO/fv8/x/v17m3///rFTMzCYmJj+sbKyntPV1X2Jz1zGM2fO7AMqcMSniFw5RkbGDywsLOr6+vqvcJnBAlTk8P//f1zyFIkDzRX4+/evHtCQPegGXb16VeLHjx/SLEBFjOiS1OQDo5YJ2TygxWw/f/4sBFpeA7SbnQVZkhg2MMQuAnE8EH9EVw80kAto4RSgONYoPXv2rA/Q4n6gOhWYXpIdANR829jY+CLMAHQamKYuozvg4sWL6n/+/AFZ7ImuHpQISU4AQN8/BBqEEQJAMS5k30Et2w2kHYCYFcpHoUgOAZBuoCXyKKbg57jik0ZJIPgU0kpu1AGjITAaAqMhQI8Q+IyvEKO5A4D1RjTQAZVA+gs2h9DcAcB646eJiUkH0AHqQLwEiFEqP5o7AOZrIyOjZ8BqPBbYVrQBOuIsTBzUJAM6knatImZmZhQfGxoaHgPaZ3b+/PlEIK0EapIdALoGawsG5kpyaaDnPgB9jNF4AYr/A5o5F2TugDfLyfXcqL7hEwIADCCVi4XzH+sAAAAASUVORK5CYII=) } .icon-audio-preview { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA5ZJREFUWAnlls9LVFEUx51xZnRMorDfIqQVYYM/xplWkRUIQmZQWCG0cRNIQdCioKA/wGVIEUHTrkyINhGUK20R5PgzszQaw6Sf0iLDXznT50zvPsY37+rMNIugC/ede77nnO/9vnvfe/fl5PzvzZHqAsRiMVc4HN7vcDjqGNdSV8x4k9Tjf8FM4Xcz7goEAj2Mf0lstbaqgEgkkj89Pd0C4UXIt69GKHFyJ8htKyoqCpWWls6tVLOigIGBAf/S0tJ9yHYqEshnGPfRR8G/Cw62HlNOD4CtEUwa+Hhubu6p6urq/j9I8lUrgOVuIf0GhHlG2VPsdfqjYDC4aGDLTG9vr5tJG6k5R+CQBPHnMa1sS0h8a7MVwOTHSeyEyIn9RG9l0ofW4pV8OE5SL4KLEBHFnkDEA2tNkoD+/v69LHs3ifn0iMfjqausrHxnLUzFR4RsSxdCtmHn2I5av9//IrFW7tBsJDqi0aiolsl//M3kQsodj7pcrnpjG/KFW+aQmGrLBKC4mYSgBCk6n+mdK3KxVVVVL+G8ImPhljlkrNoyAYCXjcDrmpqaOyopC/YaHB8NHjVH3DUF8ATvAPEJyt2302PxjCxc5K2B76ZB5RsaGipTtKYAgCMKLCgouKfG2bIsf4fiWlhYaFTjRAEHBUTpeHl5+bRKyJblgXwDt/pwHVC8iQK2CojScbZjg0rIlmXZN8I9Zswhr2W8udQAdVtIEPcw/SsiJrGdeXl5bRUVFZ8lkG4bHh4uYbkvwdu0uLi4WdUzlzk2V4AkEzQSS7AXIHgrXzVVnKqlpmV+fn4M3rPULONOnMsUQJJ8fJIayYX0DghPJwU1ALlnqLlN2JYT3KtKEwUozNZCeCvx9bFNAhwcHNxNbrsubsVTFkBhPttx1Upg9dlryXFbcZ2fjgDhOCZHro5sZGTEwwN2VBe3w9MVsNbtdpfZEQk2OztbxvIX6uJ2eLoCcljidXZEgnH32piuJm0BnOnabwJHrzaWLQGT/N+915FxfE8Q+6CL2+FprYDT6QyxzNpT0oiF7CbSYSkLgHyC5W/TESnc6/W2katdJZWnrCmAIvnd1rVvxBv4u/mpS1C4z+ebQWgDvvZEhSt+KkqNKYDxcwGsjeQesAB/SK+sMZ3PczLCdgWM2qQ0XtXHCjR/EPv6+vYQuEvfReEUCc/E52/miUrOxHIu1MPTDOc+bDEcYU7YpkxP2Ew0/Ns1vwG0QlvQY0mijAAAAABJRU5ErkJggg==) } .icon-multiple { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABB9JREFUWAnFl11oHFUUx3c3S5qlskHSVF0qNtot2kAgH5SAgomoLa0G60MVfdDiQ02ghYr4ovhgMNWAQRBawdIHP6gPom1pS8mDFlqk0GwSErcB0xJr2rRJaCCtMTEfu/39h7nLdHZmdyPZ9sLl3PP5P/fMuXdmgoECRzKZLJ2bm2vGvCWdTm+CxoLBYEzu8GOQMfiL0ONlZWW/VVdXz0uXbwTzGQD88Ozs7MfYvcmM5rO39begP0QikU9I5EYuH98EhoeHV01PT3/Irt5jh6tzBfHT4TuDb1d5efmn8Xj8Py87zwS0a8r9C86NXk7LlZHIeR7LDq9qZCWQSCRqAD4JyLrlAuWxv4p+W0NDw6DTLuRktPMigQtGGzolDCdmJgE9c5XdNnTarOR6nTCEZYJmElDDrdQzN8G9qDCEZXRWD9hNdwnl/+p2E6xQqtNBU25QU1oV0DlfIfCbBD/LHCKZJb+EhGXfLYEguy+FmcS40EsmKy6AfxF0Nx3ebZQjIyNlU1NTe5F3ICsxcge9xUVVGaYpnkPoBb5I4E50MYK87XDUMsn8ntnGrGTqeA319fXFsX0N/lJVVdWP0E6OdQWyD1i7RxTs5hDKFrfG5iej0ejn9fX1u+APOWxGyPx5AD9Dph2fwGaot7e3cmlp6fdUKtXOPNLT09Mqn3A4/LWoz2hRDzzlo3yEbj2qIwPAu9gcY44zX1DzAKDdv0OVdO8HAN0DWaO1PepFSeCaEbgpm9+kBKw3mltp880k8R3rdEVFxevQJnZ+mbLuBPgr2RDkLfgL8JmjJXkoFDouSpnrRH1GLIjzbYI84GNgiQn+JVXYJ4ZSP4t9N7M0h88XJPo+NiXYy1Z9ljWI+48qkG/oOJ01RpT6T9Z6/3uNRYRtApeSzXX5gUuPLh1mKthGCbwGWbay+5/7+/s3At5YV1f3Ld3+Iutz+K51+Mxi+yq2p0dHRyMTExOH0eux5RrXVQG/3QQI+BEBv6GMMTq8G9DDNN8rtbW1w/htY962o/+L7UsCHxwcfGh8fPxMAeByHQvhqM8orzHKbjsGBgYeBFjP8TGMdKHoiD0DWALfQ8wU82X4XwU+Pz+vx7XZK6BbJmw14RaCn3YrxWOgKzWCfr14x9COE/BPM38CXJdPgGQfX1hYiGttD71rapj7iZHVb8TYuhJX8RGa7g2D6EWp2N/IH3XprKvYehticACldXO5jApl/8Dwio/xE8if9NAdJPE2K4H7/jrW1coz6vLIsigiYZkP1Exj6NOZpjhfFERHUGEIy4gyCei7XZ/OKPT1WqxxVRjOf4RMAkJUWchwO8tiJGF9lpvSmx1aTWgYQ+2mvCc/JndVwCSgLPkYaYJvpyIzRr5cavu2K5Z75yaWZwWMUlTVuC8/p84k7ESK8nt+B0X0CN8ntjGkAAAAAElFTkSuQmCC) } .icon-text-track { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABEVJREFUWAm1l0tsTFEYx83k1rShraqq1zQZdEFVn9qEeCaeESKxYGXDQgSJBEFKSIhIGrHAQrBiJ9JgJ2lJsNDXtCaKRBNBEQ2io51HO37f1Vunt+feO/E4yen9Hv/v+/73nu+cOfWNS3NEIpHxAwMDK4FvSqVSC3lOH57jfD7fe+QeZhjfnaysrKaSkpI4uufweSHa29tnDg4OHifxdrDZXnjxQ6gP/PVAIHC6tLT0o1uMIwF54/7+/lME72dmuiVx8kEkCpHz+E9VV1cndDgtgc7OzmA8Hr9F8CJd0B/YHrEsW1mWD/bYMQT45CXJZLIJ4BQ7+G906RPDMNaWlZU9U/OMItDc3FyE8xFzlgr6h/Ib+qJG7Qu/lZziGbC88x+LS6miWCzW0N3dPdJTIwRwHmHNZXulNSAbZ4aZj9MK+A2q7e3tPWip5hJ0dHTMTiQSzyEw3nJ4PSn8tKqqqoYYo6Wl5S34Qq8Yxf89IyNjLv3wyfwCFN/nVJxCXwiU7h01wQfD4fAs/El8V+z+Yb2Xp25k0+h14vCRZAIE3iHn6pB07oLy8vKIzudlYzsXsuZjtp7EQfwrLzHVgMkadG1xAQ4NDaXk2dbWtgF5oshpjATLc9uK1eEpPsnv9y8zcC7VAew2kt2QILvdSQdr0FtObtNOzs0GwMVuKPy1ra2tUwA/5bM1uGEtHzHb+GIreDp+WcGSb6F8AflVcxwkucYU8AU+60VHoOLgTAlB+L5i0orkne4D/A1vjhahGCEQQ/2smFTxJuQOiYEtuY7ElxBDKkAnk7PP4E9A3tBrgAmAmWnDye7Yyy9dI4XnIdeDW2/DuKrSA3KZ0LIVhvhli2oH/jreXIpvBHcWkCzpCxt4GrpTL/T4CH5A8DJbkKlS4BwFDut86drIf5D853R48j8Uxp1MLQHs1STYpQsWG/u4qaKi4hUdv4Smm++Ac9zmEAtLD9xD2KMLxr4Ku0ztwL8bxyuubEJyhxbkbrzrz8vLawTzwx3n6NVesxzRioMX78vNzX3gD4VCA9ivKj43UbCXh/H1XC5uC5hkaV1WBWsNvt714uLimPlzzEk3A8Nrpmw1t5HMz8/PHiZt4jhH5CCTa9Zkt0Cb7wd3xDlyRzQJiBMSZ2ikIzbgGJW3lbf+Ig4IT0aXIzft3wiJI+YMu+uYyLILzEHxEwjScLW/LPq/FNuietBV1VOm+JPMzMyTFnDkC4iBu0GIu4FcseTw+B/jA1u3qrKyUg4/c5g3IkvhitTNBWQ5LB1PPwv7B8+3FF+nFpccowiIgdvPS0gshUSL6P9ikKuZPDUUD9vzjVoC1cnaGpxwdfTGUewjvaJivGQKR5n1BQUFZ4PBYL8O70jAArPNikhyAH0npCZYdo/nd2Jugj/JL6X81+w4PAlYkV1dXdnRaFS23GpsNRQoRC5ETiFLU/WgR5AbcnJyGuWQsWLdnj8B+Z3OzCRPw28AAAAASUVORK5CYII=) } .icon-word { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAeRJREFUWAnlV81Kw0AQbqIGithDEHrQgDnUSyQH7SOIXrx4VfDmRbyIVz3rQ/gAHjwJvoKntDTi1QewQjCKGJPS+qWwYVsym4Vuf8RA2OzMt/N9M5ndkFLpv18aK4Dv+4udTue21+vtwrbA7CpHTdNixHswTfPAtu0oja0zApAfg3wP87GQpzyIb+DeD4LgiPFmAuBYZcZxj+CyGEcmgBkmPU5dwDyVMRrmFL6Q8g/bUdZ12C6H7UVzUkClUrmp1Wo/RQGYH7toI0kSdQLCMHxsNBpfjKBoxC5aLsLk+ckKALyJsuatUWqb3SZEmndoxE/ZdFGtFWB3ZPEMR76Ccrl86DhOenRKXa1Wy0EfPEuBORApIIqiazThB4cVPoJ8TQggnKQAlPSMWKPUPNNN+Iom7H8yZVJGxZaAM2WwPIZ8BdVq1bYs65sHi57RLy5E+CJMno8U0G63t5vNpvS3oNvtOnkERTZSALK5x120fmT/1Jtw6gLIV4DabhmG8T5yjREgjuMTDOd5sUQCXlzXlW7CvODMhmZ+Q5Oy6cBICsAZEHiep6QLQT43wMpNSAHYARPpj4wEGSvJlktO9Jhx8QKeRCtU+nRdz07M7NcsLTmO0wtUYmy/ZuDo/5rV6/UrlQn97Vi/8LqdmYcVFiIAAAAASUVORK5CYII=) } .icon-conveying { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAf5JREFUWAntl79LAmEYx73TyMihIGixoSGwlvDH4n+QQxCtEgVt0X8Q1NIaBLlE0GLhVENTQxAEtaQRtTQIQUFCQwUVtZz2eUrllPfOswMd9IHH73Pv831+3Pve+97p8XS6aNlsdknTtBUmoq/Fk/FVKpXWtVwu94HR3+Liv+W48U+9XcWlA6mtt+POzTW7DTQ7A4Z5+hzatjGOG+CJPQgEAoPgnMPCQrtDR4iZBL9loF4cN0DgeSgUevf7/SckLNYnUl3Du4nFYoVIJHKL/0nJ4SAqqRzmMRJdsmXOwF4wCGbAPTg9Zp7ZhvPM9QY6jg7DT5j9FdtXMayQREf4dsA0SQbKPC+YRPdRVRMFuEliUuBEOUYJygYIzKOrRISKxeILeIhWC5F0Gr8cJKomHuAu4N/GP4ZtK8oGiNhk3TISyRI9AtXiMiZS3wQFfYzde73eRcMwdrFH/5j2v1YNJCl8TNI4iYJWKcpN+HRdn4FzwWytUTyNbRlTn0u5C0gch5gHJZmtwEmg1+Fw+A1iHnVcXBLL67jhLhBiA7nCf4rOo0MNuDVuqyWoITm4iMARbVqUS9B0FhcB3QbaPwPs9ZyLJXQVKrXl9JrCmAVb+lVMTfkqliO+w0Wzun/+Lyxb+f4zHo1GU6o4y5OQ9dlSBbgYa64BHpJXF8W6oY5n4AdzIK8ueOIKXgAAAABJRU5ErkJggg==) } .icon-recycle { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAcxJREFUWAntV01Lw0AQzUdLRUQQPHup54a0vQie/A0e9e4H2IPg1buIiKA/wLO/wZt6afoHjBc9Vy+2HpTENyELk5CkQ7oi0QbKzs68efOYbrK7hvHfH1PagMFgsBYEwQnwCxNy3i3LOmq32w8TcFG4JgERJgzDXQzrEjyE7gAnEhB1wPO8VSTs4zfPCiS6AwEbiDVZvMh8Mk3zNgUI2XwM+7LT6fiqA8cosMUA05pN8BWKhcBlFNm24kqL01YskR/VVAJK5OtJiQSgXYEeOjmLqhkJwP9xjdQXjCM5RTlkXINqUU0jsdL7/X4PvvNy1OKsXrfbvVDoqANq8htjpQS8okMfgi4RhrCiR9qBYb1eX7Ft28Hi4V+0RBGKEYawCAwTwZyJVIDvOM7Idd1H8NBnNO8ZE4awAPh5IO6XCuA5Wu2ZgFkHqtEBvN9ztPSxg9kY1CEm622oxRhD5WSBuK+IjONa2KgOcXSjD0yDB7iN4g1gzoB9hr/FY3m2SACIadc8zSNJ+Q9ojpyUO3tajTWQrV2PN92BTz20hSxfPJoQgJ3sHqv3x86HxI1b0x0XkDiSUQBXsE3cbPZgLnGgBvsNxa9wZbvRwPWHKL4BKYJzQw7qjgYAAAAASUVORK5CYII=) } .icon-up { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAlhJREFUWAnlVrtLW1EczsM8oHTUsUPtFkzIAxyc21JcslTqqELd7B9guhT1H6jiqh0t1L1ZQ6GSh6Q4COLkZBC6KCQxN/0+uOfy85ie+4rt4IWb83t+33d/59xLIpHHfkVHDaDVas1ZlrU3HA5fjMr7jUWj0TNgLZVKpZree09As9mcRPEJ7km9OIwPER3cmUKh0JE4MenQxpPvjJucuMQkNm153ZlAvV5/i+QBC6DWwr0Qj8d/yga/9mAwmAX5AW71sAvYiq8KxxGgjx7klWKxuKkKw6yNRmMdAjaIAdw7W6FUcfSfOCa76BB7tRWGVPYSC8SHjJGDXCrvTAAqL5UAJH+h4VoVjWMF9hPgzBCLU8B0p2hP8IeXIKc7A5/rg1ySy9mCB2HyABpWwC44eAe+nC0IgLCB1+kj+/D6XmGpBMCIBJoADtG2IiepbX/+VwK+4LVa08lwqj8gtq/H3XxfE+C7DKJlrPdeEcaQW8H6zY1U5v0IqKbT6XcgGEgAaTOHmkXEqjJusj0JAPAPgJQzmUzPBMacXVO2e9zKPR3C41gsNo+DduOKZhewlj1wj9163CZwmkgkXufz+d9uQHqePexF/FTPSd8k4DaVSr3M5XKXssGPzV6IeGPqMX2IJrrdbg0fmb4ESCaTr7LZ7LmMKbvdbj/v9Xrflc+13+8npK/bJgGsfaY3gCCpx5Rv56aV72U1bYGX/tA1/12A2xaMesIjnAtrVAIx3w8URMDTv5AHCvtWHIjF0CQFXBjqxp1yuBwB+P+/ChYnMW5GgXeBz/R74T9y8w+BusDmvB632wAAAABJRU5ErkJggg==) } .icon-space { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA3VJREFUWAntl01IVFEUx33jDDmpRV9EGyMEU8aFOlrUplaJ0VqEoIhAFxJRYRFBaaMuomgRBOHGMBCKINpEq2jTIhw/RgYGQlM3tSmopEHnq995eB/vvXnz8Z6588L1nHs+/ud/z3v3zVWr8DhmZ2cbMpnMyVwuF9Q07XM4HI56gdLcJk1PT5/IZrOD5J0x50Ii6vP5Ii0tLW/Rc2ZfMb1sAlNTU8cBHmLHnUUBNS1GzDAdeU18tlis+EoSoNXHaPUgoF2lwGz+BARG2traJpEZm89YFiQwMzPTIYWJPGtEe1MWeDSjPLaJ9vb2lB0ij0A0Gg0TJDs+Zw/ezJouLJM/SkfG0I13xEKAF+wyhceYFvtmCjvk3qMT95XdpxSRFD69xcWlzF/5o4aFQFVV1VXaM4Gz4EujEt1KcL+Qc57dPzTnOraaI1dP0G3mBWbAnOBBXyAnwrF8AYm8jRkEOG6hdDp9iuD3sJSkCojUkXQLVd6NHWJzMRbJHealm0CmJW9jY51+v/8jH6y42AwCOJdZ1zEleJwZgcgKUhIPATIAiT6WO8VWaBC3JIVbW1ufI1Vhwb3LvMj0M1fAPoy0EDCOhu7QtHUKPgsGg6OhUOi72DglBzjP11H7mbViU4NisoERcsYB18/7/Pz8wbW1tTv4eu0dJEbfvLkDFgIKGClv7ROIPIDIT7HHYrE9qVSqG9AOwP8gP2F+owrH4/G9yWTyJrYrTMeOuSEAhj5+8/dRTU3N48bGxj8bNotIJBK1q6ur1zBKl3ZbnLaFImA5hrYY+3IXhiEKfOVR9NidYsO3KDHMosXNuW4IqLx9vAeTfLJ7lQG9T2ys9ytbudILAR2b5y5tVuOGUtxKzwQoZG6zWXfFYTMEXBUqFLxNYLsD5g7Il87rMD7pZQL8UnFmApaLggrYCskl1ahlEODbHKGY/Mo5fudLECn0Q2ZPE+x+7gjDymEQEAMknlZXVx/hF04YJlXQf5BJwRRsqWHGsxAQR1NT0w+uTwOo9SRJcN5dXuLKGeSvb2DUC6Zg2/PyCKgAmH4jqb+ysrIBkHHsefc5FesgM5LDsz4qGILlEKObChJQCVytlgC5xLqZ+Qpg9bxXVAxS18XHfBkIBEKSI7mmGEdV7mdlDXaRILB7bm6umcur/P/wTiWi91C4i259UJdN5Ssl/wGmFDiMwuxJ5QAAAABJRU5ErkJggg==) } .icon-integral { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA2JJREFUWAntltFL01EUx9vmJps6TaGHwIdE02EynEYv4UNRRC8V1FNv+lKkvhX9AwX5KEREGfUeWC8RhT3YU6CYmOnS7MEoCBRdc1vNbX3Oj90f9/7QOXM+6YXDOffe8/2e8zu79+4cOLA/9noFXFsVYGxsrMXlcnXh14I05nK5BuY12BXYFYJnvoZaY76C/RU9j46iRzs7O2fFZ7OxYQKTk5PN6+vr/YAuQnJ4M3Ax6yTyA78XZWVlg+FwOOrEGAnMzc2Vr66u3gfUTWBjzwnc7hxOKHNPqqurbzQ1Nf1R+DJliI7FYkOoqzjqyyWx8x/Uwwf6JYYidSsjr6845iWfUonLOqmRAFn69M3dsJ0xjAQImNiNoA5OI4YzgWcO55JP+Qme6qRGAh0dHb043EXsU6o778QWTuROJBLp03k2vGq8A4fS6fQ1HC8BCudPsI4rygYLNPcR52Gv1/uQd+CXE2gkMD4+PhAIBO6FQqEl5TgzM1OXSqVOQtSSzWYbIW3Atl5CfOQllDu7xrq8hivIAjLvdrujPp/vfWtr6zJzawhXIpG4TaVvqjUjAZ5dIYshDyB42d7e/gHirHL+H02y7omJiRMkfwH8dSTI82zHtQ0hzycgphpLJDACySd0VMTv93/nWY3rr5k4T09P+0i6imrVE+womGb8j6FPs12nCEVvmgA/wWcAId25gJ0mQFz2wVSivAV89a1ZErBjGLcAwj5EfsdihpfAB0VwLiq4cFOlXp3cSIArMkJ5Izg+wimpO+7QTgqncEsMncs4AxyWGg6eVQF+09pkMnkO51OAu/jSBmyPDi5gZ8AsgBnF5x3n5rW6DXoMwRsJcAaWAQ2wPsjvZDyZHFAvX3Akk8nYDQmHzWpIKKvdkHg8ngV6iW/g0xJADfAB7H4Su8U1rFXrRgLaLfiN41vkFQ/Im7a2tkUF2I6empqq50E7y0edR86ArRJ8oVuQwrF8gyAxkpFu5gv7i9hxdJwvt24BlahkrZI10fX4WdcQHXRysf+XCtgxjIYE5+eI3Sxo4CDkx5mLyLWztghsaX1N7dkbDoN9iWEP4xYEg8Eedh6TZclbojznEC1Ztx0dwzgDaqOUTSmcPwk+zAHeuilVCeiag7ndttz6M4JjlnJv2ZbrsfbtvVmBf5FEgDXFX4WIAAAAAElFTkSuQmCC) } .icon-vip { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAytJREFUWAnllj1oU1EUx5uXpClYjBBoRcFFVESXpFGxioubCAoKDh3q2s3BSUUcVFo/Nit1EV1U/AC1+IU6ayFNhloRCtKhFJcMQYfm298/9j3uy3tpzSNd9MDlnnvO/5z/ufeed5Ourv9dQkEPIJvNHq7VandDoVCkXq+fSafTT4LksoIEKQbyO0xbIN/EPCFbEAlcgHZuEBYMvS01cAHs/BxMZQr5xRhui9UABy4gFot9hLhIru5IJLJg5GxLDVxAqVS6yCn0MrrL5fJYW6wGODQ7O7txaWnpAoli4XD4SjKZnDf8vmoul9tWrVa/4nT6wLKswVQq9ck3wDDy9eyHS00bhW8oAvkzDIPC0Nk7mA5JX0kgv4rfIReW2OtMB6WvJODu4d8uTKVSuW9BvleLZUnaSqs5k8nsw3fSx38A33Efu8tE36wzDDvVA6OG4YWh+6okuObr+GMcZUOuk/HBPjBsNxovoXZF4nEcW0lwfmBgYIJ1zQA21Onp6aP4J5vt5ppeGKEXPA/TzMxMP417k/gh8N/BnQKXaXwFPKNTOB4yNuAcp1GmGGkzMT5dl3laptvRueNLNHavbVAcGxyB/Bu6yCXPRS7F+Qyj0eg7GSQA04wpdnxrbm5uvWx0/mmmXdJXkX4a+6wwEKfYyGfU2+TT5hrC6b5ydFvRDOECwM2mDfAitsvM+lT17q8qYEuAJsGrKcNNAT9ZJzj1suzOCWhBwFvNpiyTagd/Ra5YsN2ME6jN5F0U98EmF9ZVAI3hKUCgTgoFOMevvK4CaKD32CqdJPTJ9ca0uQrgaPSzqqZZK8nR/YtmclcBcnBEa3YN5H5tkkv3FIBtLQtw3b8K8PwnpHtDfLs/mPsE6KDkeWH7OAXXC+s5AQB1SJ1HqVMF6GqbyZXbU4CMAJ/6geULIsrFeOwX67kCG8QzGk0kEp6HxPa3M+fz+ar5+JixLQuwQfRCmCfaisfjVk9Pj8U7XysUCjXuU3epnenKAotvAct/015CvidwZnfgF5bDnELWbW7RA8Vi8UgHycW5m2f+WDO51r5NiF1/OjzVKiCIcE3zbOhRkNh/P+Y3N85MrT628vIAAAAASUVORK5CYII=) } .icon-unzip { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAACuUlEQVRYCe1WvYsTQRSf/QgkxJAqYIImcseBkiLkowrYi4J6YGljYSP4UWhjc1jYeaiFtc214gf4FwhX5YMQggkiEjguQrozISHJbvy9ZTdkd2dnNyHX6A0MM/Ob936/t2/eTMLYWfvfMyCtkoBms3lxMpncgs/1+Xy+LUlSivwxP8b8J6ZfVVX9nMvljggP0gIF0Gg0Lkyn0z0Q3kNXfIg17L+XZXmvUCgc+9gy3wBqtdpNXdcPQBTzI3Ps/0EQdxHEFwduW8q2lWMB8YdI7yfAq4oTUwy+HyuVyiMHrW3pmQE43sa5fgCJMEgbG2cBDh191ysT3ABardb58Xj8A+LnOJzrQHQcl3k1ofLYIP5SJJ7JZHhurNvtcnGAMdTRC4z3nQauDCD1SaTsSJR6fImTx1ijZri4CWqhUOiS84q6MoBU3UG0wnP3EfIKQpnNZvSGvFs2cAUA8WvLBrx5IpHgwazf73PxJfAG5uIAYLC95MCdptNpLu4XAI7VxW2rAar+0Wj0C+xhroIJRiIR7jZ8ubgForYG4XB4J5vN/rawxVmj+B6AoIMNoTg5ok5cHTfH4vQc6WaRBmlZRkYGADwG8MYC/cZisegyGQ6HrN1uu3AB8KRUKr2V6vX6jqZp32Ho9yOz4OIFQJvVanVhE2CiKYpyRUXVP4NxYHGLGOm0psaI87WtAywU0lZBVA5g7DLp9XqMOrVkMslSKeOvgctOBJA2vQNbIiOvvWg0yqz3gOZrti0K4ASdf688WAeDAYvH40a3TAhbo52oOLtDpGJ3FedOp8Nwn5l17lQPQa6hU4O06RaUUQzfQLJ4E5yGp7GGuI735Kqcz+cpA69PQ0TESZqkbXw1ntbnMN6nqEROm9gzNfZNTfufUvM4niK6MgwTmzoWEgVXH+Mh0v6KvnwTH3PG8W9k4C8LeATdCKtRuQAAAABJRU5ErkJggg==) } .table-privilege-wrap { position: relative; max-width: 750px; margin: .65333333rem auto 0 } .table-privilege-table { background: #fff } .table-privilege-table thead tr th { height: 1.6rem; line-height: 1.6rem; font-size: 14px; letter-spacing: 0; text-align: center; color: #333; background: #fff } .table-privilege-table tbody tr { background: #fff } .table-privilege-table tbody tr td { box-sizing: border-box; padding: 0 .26666667rem; height: 1.33333333rem; line-height: .42666667rem; font-size: 12px; text-align: center; color: #333 } .table-privilege-table tbody tr:nth-child(2n) { background: #fbf9f8 } .table-fixed-left { left: 0; position: absolute; z-index: 9; width: 3.2rem; margin-left: .26666667rem } .table-fixed-left .table { border: 1px solid #dbdbdb; width: 100% } .table-fixed-left .table .icon-vip-pri { margin-left: .26666667rem; margin-right: .21333333rem } .table-fixed-left .table tr td,.table-fixed-left .table tr th { padding: 0; width: 3.2rem } .table-fixed-left .table tbody tr td { text-align: left } .table-fixed-left .table sup { font-size: 100%; font-size: 12px; color: #666 } .table-privilege-wrap .table-body { margin-left: 3.44rem; overflow-x: auto } .table-privilege-wrap .table-body .table { width: 7.68rem; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb } .table-privilege-wrap .table-body .table tr td,.table-privilege-wrap .table-body .table tr th { width: 2.56rem; border-right: 1px solid #dbdbdb } .vip-privilege-bottom { max-width: 750px; margin: 0 auto; padding: .21333333rem .26666667rem 0 } .vip-privilege-bottom li { line-height: .45333333rem; font-size: .32rem; color: #333 } .activity-9-h5-body .vip-privilege-bottom li { color: #fff } .icon-vip-pri { display: inline-block; width: .42666667rem; height: .42666667rem; background-position: 0 0; background-size: 98%; background-repeat: no-repeat; vertical-align: -.11rem } @media (max-width:360px) { body .table-fixed-left .table .icon-vip-pri { margin-left: .2rem } } @media (max-width:320px) { body .table-fixed-left .table .icon-vip-pri { margin-left: .1rem; margin-right: .08421053rem } } .table-privilege-table thead tr th { line-height: 1 } .table-privilege-table tbody tr:nth-child(odd) { background: #fbf9f8 } .table-privilege-table tbody tr:nth-child(2n) { background: #fff } .h5-toast { width: 80%; min-width: 150px; background: rgba(0,0,0,.8); color: #fff; line-height: 24px; text-align: center; border-radius: 4px; position: fixed; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 10%; z-index: 999999; font-size: 14px; font-weight: 700; padding: 8px 15px; box-sizing: border-box; min-height: 40px } ul { margin: 0; padding: 0 } .h5-activity-pay-body { margin: 0; min-width: 0; padding: .53333333rem; font-size: 14px; color: #333; height: auto } .h5-activity-pay-body .form-group { margin-bottom: .64rem } .h5-activity-pay-body .form-group label { display: block; margin-bottom: .42666667rem; font-size: 15px } .h5-activity-pay-body .form-group label.phone { margin-bottom: 0 } .h5-activity-pay-body .form-group label span { margin-left: 16px; font-size: 14px; color: #fd3535 } .h5-activity-pay-body .form-group .text { font-size: 18px; color: #333 } .h5-activity-pay-body .form-group input { width: 100%; height: 1.33333333rem; font-size: 15px; border-width: 0 0 1px; border-color: #d8d8d8; background: transparent } .h5-activity-pay-body .service-type { *zoom: 1 } .h5-activity-pay-body .service-type:after,.h5-activity-pay-body .service-type:before { content: " "; display: table } .h5-activity-pay-body .service-type:after { clear: both } .h5-activity-pay-body .service-type li { float: left; width: 4.16rem; height: 1.06666667rem; line-height: 1.06666667rem; vertical-align: middle; border-radius: .08rem; border: 1px solid #d8d8d8 } .h5-activity-pay-body .service-type li:first-child { margin-right: .42666667rem } .h5-activity-pay-body .service-type li .icon { width: .69333333rem; height: .56rem; margin-right: .34666667rem; margin-left: .85333333rem; background-size: contain; margin-top: -.05333333rem } .h5-activity-pay-body .service-type li .icon-activity-vip { background-image: url(../img/icon-activity-vip.2a2d5cc4b34527dc9172bb1fea4d9f50.png) } .h5-activity-pay-body .service-type li .icon-activity-svip { background-image: url(../img/icon-activity-svip.4329bf398a3b317b470ba033501aa601.png) } .h5-activity-pay-body .service-type li.active { color: red } .h5-activity-pay-body .sku-list { width: 100%; margin-top: .64rem; display: -webkit-flex; display: flex; justify-content: space-between } .h5-activity-pay-body .sku-list li { position: relative; display: block; width: 4.18666667rem; height: 2.66666667rem; border: 1px solid #d8d8d8; border-radius: 4px; text-align: center } .h5-activity-pay-body .sku-list li:first-child { margin-left: 0 } .h5-activity-pay-body .sku-list li .name { margin-top: .58666667rem; font-size: 15px } .h5-activity-pay-body .sku-list li .name span { margin-top: .4rem; display: block } .h5-activity-pay-body .sku-list li .price { margin-top: .32rem; font-size: 17px } .h5-activity-pay-body .sku-list li.active { color: #fff; border: 1px solid #3d8cff; background-image: linear-gradient(-132deg,#36a5ff,#3e89ff) } .h5-activity-pay-body .sku-list li.active:before { display: block; content: ""; position: absolute; width: .61333333rem; height: .58666667rem; top: 0; right: 0; background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAsCAYAAAAacYo8AAAAAXNSR0IArs4c6QAAAnhJREFUWAnNmL9LHEEUx7MRQwqtBAMpQhS0sbGzENt0qVIHkhSWtgoWViLCVeofYGcjYp0mKUKqhFQp0qQLBCQQBBV/np+nOzK3O7szO3czsw++vpk378fnlnHxzB5h3W73Oe4TmpZ9i+wGliP0FXWyLBPfawKPfqG22jVgHfSkl5wdwbbDy0PtCHhWpBd4YqmvjVyRNTSJ3iPd5GxBDzysW/DkNwUGjnFksoMH2OKC7FTX5gez7+4x/oOJmtjfIm/PnoTY8GfMnBEI/Av0H5nsugfUtKEqJvxSDv2YuZ9NxCpmYi3FIsF/ZM7dywK/rACrfAmyKkCDkE/+n/SX2fhZdI5qrYrTGKdTE/hT8g+R3Fubvcmhn5L405Ys50bAuiA1rvAbOcwrai5kWIXtqnmcb1XklMKqppGniwv8nmpK/tvS5PvAb9yo5OHlA97ch+0/Ve/GntYu8IuqMfkrBRz522NezvFj6E/hvHar+np5Otvgr8h5rZqz3tFo1rX4vhZ3Wqpab88UG/wJOXMyAC/v5wP0DQ3nsXesG5s3sF7IVBv8ETlTOai8OV7m6wnWx6ix6fP7WjPZBi+/iM/UENZD6AvyMtVnIB4CG7xckREZhl/1Is6LBgKsN6GvDf47OdvoMmfwcqUvEjqE7xqS4F9GgoDLBw4NHww8NHxQ8JDwwcFDwUcBDwEfDXzQ8FHBBw0v/aKavCpRX//uiwqsD+sXXu8Vfd0PfHTY4kBf+GKfJHsf+CSgpqFN4U09ksWawCeDrBrsCl9VnzTuAp8UsG64Db6uNvlZHXxyOBtAFbytrhXnJvhWgLlAFOFdalqTo8O3BsoVRMHfAkSOhBOVJCZTAAAAAElFTkSuQmCC) no-repeat 0 100%;background-size: contain } .h5-activity-pay-body .pay-type { *zoom: 1 } .h5-activity-pay-body .pay-type:after,.h5-activity-pay-body .pay-type:before { content: " "; display: table } .h5-activity-pay-body .pay-type:after { clear: both } .h5-activity-pay-body .pay-type li { position: relative; float: left; width: 3.30666667rem; height: .96rem; line-height: .96rem; border: 1px solid #d8d8d8; border-radius: 4px } .h5-activity-pay-body .pay-type li .icon { display: inline-block; margin-left: .32rem; margin-right: .21333333rem; width: .58666667rem; height: .58666667rem; background-size: 100%; background-position: 50% 50%; vertical-align: middle; margin-top: -.05333333rem } .h5-activity-pay-body .pay-type li .icon-alipay { background-image: url(data:image/png; base64,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) } .h5-activity-pay-body .pay-type li .icon-wechat { background-image: url(data:image/png; base64,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) } .h5-activity-pay-body .pay-type li:first-child { margin-right: .58666667rem } .h5-activity-pay-body .pay-type li.active { color: #fff } .h5-activity-pay-body .pay-type li.active:before { display: block; content: ""; position: absolute; width: .61333333rem; height: .58666667rem; top: 0; right: 0; background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAsCAYAAAAacYo8AAAAAXNSR0IArs4c6QAAAnhJREFUWAnNmL9LHEEUx7MRQwqtBAMpQhS0sbGzENt0qVIHkhSWtgoWViLCVeofYGcjYp0mKUKqhFQp0qQLBCQQBBV/np+nOzK3O7szO3czsw++vpk378fnlnHxzB5h3W73Oe4TmpZ9i+wGliP0FXWyLBPfawKPfqG22jVgHfSkl5wdwbbDy0PtCHhWpBd4YqmvjVyRNTSJ3iPd5GxBDzysW/DkNwUGjnFksoMH2OKC7FTX5gez7+4x/oOJmtjfIm/PnoTY8GfMnBEI/Av0H5nsugfUtKEqJvxSDv2YuZ9NxCpmYi3FIsF/ZM7dywK/rACrfAmyKkCDkE/+n/SX2fhZdI5qrYrTGKdTE/hT8g+R3Fubvcmhn5L405Ys50bAuiA1rvAbOcwrai5kWIXtqnmcb1XklMKqppGniwv8nmpK/tvS5PvAb9yo5OHlA97ch+0/Ve/GntYu8IuqMfkrBRz522NezvFj6E/hvHar+np5Otvgr8h5rZqz3tFo1rX4vhZ3Wqpab88UG/wJOXMyAC/v5wP0DQ3nsXesG5s3sF7IVBv8ETlTOai8OV7m6wnWx6ix6fP7WjPZBi+/iM/UENZD6AvyMtVnIB4CG7xckREZhl/1Is6LBgKsN6GvDf47OdvoMmfwcqUvEjqE7xqS4F9GgoDLBw4NHww8NHxQ8JDwwcFDwUcBDwEfDXzQ8FHBBw0v/aKavCpRX//uiwqsD+sXXu8Vfd0PfHTY4kBf+GKfJHsf+CSgpqFN4U09ksWawCeDrBrsCl9VnzTuAp8UsG64Db6uNvlZHXxyOBtAFbytrhXnJvhWgLlAFOFdalqTo8O3BsoVRMHfAkSOhBOVJCZTAAAAAElFTkSuQmCC) no-repeat 0 100%;background-size: contain } .h5-activity-pay-body .pay-type li.active .icon-alipay { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAAXNSR0IArs4c6QAABMJJREFUWAnNmVtoFFcYx7tRoxaLFUo1gdZ0oepDaO1L4yURSwMKIYJWSh76JKE+pVQoKn1uH6RVYqW0iU8iSkuvLxXFS4IRWqnEh1JaKRgarSFWrDWYVqpsf//ZmfHM8ezMzuxu3A/+e875buebM9+5zNncYxVQoVDIYd4GukAeNBsoUJ8A13xcpvwOnM/lcpLNHBFoJxgAEyAtyUa2nTWPmE5WgRFQLTqLo1VVDxynefBVtaJ0+JFvpVTlhCO9/puOTqrNUh+VpQkO+sC9akcW40999WUaZgz7YxzXWtSfKmg9Za0jKsO/c6S1jkYIR8qj42BWRFB+YxzVYXDLN1lJuc6vpynuo7yRNftUSSOC1WpQ6QRbbnaAv7dBVlIskdWjwXRO/QOwyOKlbU6nNYjRVyyKKaQwYJ5EC/iWUFI/lS1+bF5EYQ7DHIHTnhDnm8hPJOj8Qd4p/zzC7xNUkt5aDzp7ihbO3xF8evNgtsQ41URLClaqL4HwIcVw0BF4dwz+UuprjLar2upiGrwOxRhOQBqDoFr0jNGRBqOSSWfGNCC/DXA0Yt1mJ3Va36RYNel0nl1Sp0GaYSnGNgWsw3da+hGDeS6QZ1csZwdcej6v19JNanZp0uWTtBzyJng7HXzlrIsd8Pp5oKmgge7aoF5mmc9hNITy+jINKlH7jWCXmQ7oe4x2i8lLqA8rJfQdNhM0aHZCsKtpt5i8MurNWQK+h+NwYyijE6n8BSIB03aexqQcQ83exhGjINFdcAhoQ9Ar1FewlkKtt8r/DvAq0IiVOuHtJR1uI/eI0dWM3+o30xSNmiSXQCn6DIEmWCKhtxjsAD8Bk36hoRUlJNoHTIUU9T8V8FAJg6PwlTLSmQ16wQnwOxgHo0A7ZA94PIymqP8KvC/ANHjZkrXC+w9koV8VzBGH5Q/wvNdLORckfdpPofMpsFeB+VawjejoQbPStxpB3cjYtJ+cCybW+wiTDkYL0NkO9Po1AM/LIT7+UWmQvj6eMtppqz9rhFc7HndF4AnZDYc8iXU0sLdLDJVeOuMqve6DNLRGAWvzsK+cXgg6QvZ3Go/o7gNe7hs+Iqlh8J9F911gT1RYD9FVOFqdvEllHy/fMJx+/ZCpm3EH9rbAzvc7C94eoMl3EJQ89yJbAXaBc+AusOmj0DeSTkuqSRasEBqFy5bcbOq1fgnsj88meEPAppMwukDkLYTBUEE2D6wF7wANmDJA6/0DgmGvBB8HUmQLwFvgNLgOroELQK8/zHdDvxv+JIijMYS7wdOBXaoSQ9fk+xD+wnIdofsi+AakIb3+z4FGfU65fXl6GOgW0SZNOgWuq9bFpkPa80E72Am+B5XSDRx8AjaAyGYU9FucdX4LpTzVCyDuK1dr6yR40gdFTUhnmONgK+u5DlweRRIfgTaR10GwaRS1or9aolqAAq4lzcX5YTPYkp0x0vVwGfheyQBdAoJ+lNet+1wxJfL8kZ7JC226LKQbWfspcKBN5aY81Zh04nvN7j9TG0e1/lPmGH08lym4OCOcai0+C6pFozjaHNdnVWR0ojQZAPYpD1Yi6dVrZ+vMEkxk40jrgE5lr6su3R5p09GVQQBts7eAvpgvgYtAN0ZnWFv/pcxE/wNCkDehsbEuDgAAAABJRU5ErkJggg==) } .h5-activity-pay-body .pay-type li.active .icon-wechat { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAA6tJREFUWAnNmUtIFVEYx7tqkfSgFoVCWUKUIaFlmS56YRC1KEhoU4QiPVe9sFq2jmgZUdhCo4KIHqZWUBI9oAwsQyuR2mRJhY+ytMzb75vuDPcOZ17XOzN+8POc833fOd+fM3PnnrlGJiRp0Wg0naklsAkWQhZkx1qJ9UMvdEAbPIbmSCTym9Z/Q+AGqIOv4NUGmHAZVvmmlMXXwiNIlbWwkFyR1BiLzYG7qVJnWucv41OQOSa1LLAOesBv66TA6qTEMvEIjPitMG59qVXuSSwTDsUtEGR3mGIbXYklsRzk3gnLflJ4jVlsWryDhJWM6yDBH58TQH8yNSos6yAyHdogLBul8DUosBQpARL2haWQuteh0FZgTOQMEr+EIPQGNZeqBOKfBWdgqhFncBSCtJsUW2YIMHWIVYD+FX3QCON8DkHYLYoUGYVNHWIL4L5JSKeWhnO+KeDH8DaLLjfpMobEMuAY/AKVLZEP0WFVxORrZVxj8rkZNpC0wlCk6BAvAlnfzqpFaK1dRizWIDXo74BBF/mN5Mgz2dKIZ8JJcPM1fUmKPwAn6yVholSlzYdXFhOa8Dse3cgpgy6LNVTu11L4nSqi8BkHBmKT4Di8hz6oh1LL7YsFyJHH4Hnwaj0i1M2llIXvOAmxizN/K3TLQknYkAiVQ4Abk6+4XDsxqhhzsuCqmwI2Of1y+OhTFVD4Ivh2KfyWLgpXEmwH47axTLYPfBShn+xzEqKVFM9I8CgG5OTCPUI1MFOR4tWlCX3pYZa8Em+2ykdcGhwg3gbrrfKS8GtCWzxO3KPKR2A+/idwGqaocsbgeyofphzwYvKhytGL0pdH1QmQ1wg/TN42Zmv16DzzWOEK+XIflkOHx7le05v1TZFd3el1doD5+0WoPHJEqHw9dsFcGY8j+4CWxfxeNaS9xNH5g2P3OBKoS6kWkfrAaNnZcwFeUqdSDw1hdLRLrzuYOY2+PAPn6b6Q2m/ULWU3/5/uGWiXXhdD4Dv97TCo+0Joh6m5JV6kpQZ2tgTkDBq0yTN6m6UwVYAJBRDEL3n6ZgzQSe7wwsRCfRWf23bWz1NtmO5LuEd1Z4DtCLXOQjH35Bu7uk5CF9lNHkNslLm1kIfAvfDDaS2ns6XqcsijQ86Z8o4kL3JOa5CiWZS/rVAPFxH3VvO6/ONUxLyjjaxbRRHtsM19NZ1xGRRDNsh5VZAr9RkkT1oR1cS8btrUG0JexD5E8qiqSn2FFK2IOPkXywWQ3QrV/gGT2DE4Arf2nAAAAABJRU5ErkJggg==) } .h5-activity-pay-body .pay-type li.active.alipay { border: 1px solid #3d8cff; background-image: linear-gradient(-132deg,#36a5ff,#3e89ff) } .h5-activity-pay-body .pay-type li.active.wechat { border: 1px solid #33c474; background-image: linear-gradient(-132deg,#62e4ac,#33c474) } .h5-activity-pay-body .pay-price { font-size: .64rem; color: #faad14; font-weight: 700 } .h5-activity-pay-body .pay-price .dprice { margin-left: 12px; font-size: 16px; color: #999; text-decoration: line-through } .h5-activity-pay-body .btn-pay-activity { display: block; margin: 0 auto; border-radius: 4px; width: 100%; height: 1.06666667rem; line-height: 1.06666667rem; font-size: 14px; color: #fff; background-image: linear-gradient(-90deg,#35a9ff,#3e87ff 98%); border: none } .h5-activity-pay-body .dialog-confirm { position: relative; overflow: hidden; width: 7.2rem; height: auto; padding-bottom: 1.12rem; background: #fff; border-radius: .21333333rem; color: #999 } .h5-activity-pay-body .dialog-confirm .dark { color: #333 } .h5-activity-pay-body .dialog-confirm .highlight { color: #0574ff } .h5-activity-pay-body .dialog-confirm .title { margin-top: .32rem; font-size: 17px; text-align: center } .h5-activity-pay-body .dialog-confirm .info { color: #f6aa3e } .h5-activity-pay-body .dialog-confirm p { margin-top: .29333333rem; padding-left: .42666667rem; font-size: 15px } .h5-activity-pay-body .dialog-confirm .dialog-footer { position: absolute; width: 100%; height: 1.12rem; bottom: 0; left: 0; border-top: 1px solid #d8d8d8 } .h5-activity-pay-body .dialog-confirm .dialog-footer a,.h5-activity-pay-body .dialog-confirm .dialog-footer button { border: none; background: none; float: left; display: block; width: 49%; text-align: center; height: 1.12rem; line-height: 1.12rem; font-size: 17px } .h5-activity-pay-body .dialog-confirm .dialog-footer a:first-child,.h5-activity-pay-body .dialog-confirm .dialog-footer button:first-child { border-right: 1px solid silver } .h5-activity-pay-body .dialog-middle-page { position: relative; overflow: hidden; width: 7.2rem; background: #fff; border-radius: .21333333rem; color: #999 } .h5-activity-pay-body .dialog-middle-page .dark { color: #333 } .h5-activity-pay-body .dialog-middle-page .highlight { color: #0574ff } .h5-activity-pay-body .dialog-middle-page .title { margin: 1.06666667rem 0; font-size: .48rem; text-align: center } .h5-activity-pay-body .dialog-middle-page .info { color: #f6aa3e } .h5-activity-pay-body .dialog-middle-page p { margin-top: .29333333rem; padding-left: .42666667rem; font-size: 15px } .h5-activity-pay-body .dialog-middle-page .dialog-footer { width: 100% } .h5-activity-pay-body .dialog-middle-page .dialog-footer a { display: block; width: 100%; text-align: center; height: 1.28rem; line-height: 1.28rem; font-size: .48rem; border-top: 1px solid #d8d8d8 } .h5-activity-pay-body .result-wrap { padding-top: 2.77333333rem; text-align: center } .h5-activity-pay-body .result-wrap .icon { margin: 0 auto; display: block; width: 3.01333333rem; height: 2.21333333rem; background: url(../img/icon-activity-result-success.80d070a3d02c29ac48a36f68fbd101d2.png) no-repeat 50% 50%; background-size: cover } .h5-activity-pay-body .result-wrap .title { margin-top: .53333333rem; color: #333; font-size: 17px } .h5-activity-pay-body .result-wrap .subtitle { margin-top: .32rem; color: #999; font-size: 17px } .h5-activity-pay-body .result-wrap .btn-h5-activity-result { margin-top: 1.12rem; display: block; border-radius: 4px; width: 100%; height: 1.06666667rem; line-height: 1.06666667rem; font-size: 14px; color: #fff; background-image: linear-gradient(-90deg,#35a9ff,#3e87ff 98%); border: none } .btn-pay { display: inline-block; text-align: center; color: #fff; font-size: 14px; border-radius: 4px; cursor: pointer } .btn-pay-base { width: 160px; height: 38px; line-height: 38px; background: #39a5ff; background-image: linear-gradient(-118deg,#4082ff,#37a9ff 88%); border: 1px solid #38a6ff } .btn-pay-green-line { width: 118px; height: 36px; line-height: 34px; color: #45d15f!important; background: transparent!important; border: 1px solid #45d15f!important } .btn-pay-complete { color: #fff; background-color: #0574ff; border: 1px solid #0574ff; border-radius: 4px } .btn-pay-complete,.btn-pay-gray-line { padding: 0 20px; height: 36px; line-height: 34px } .btn-pay-gray-line { margin-left: 10px; color: #999!important; background: transparent!important; border: 1px solid #999!important } .btn-pay-sm { width: 100px; height: 28px; line-height: 28px; font-size: 12px } .dialog-pay { height: auto; position: fixed; left: 50%; top: 50%; z-index: 9999; background: #fff; border-radius: 4px; overflow: hidden; -ms-transform: translateY(-50%); transform: translateY(-50%) } .dialog-pay .dialog-hd { border-top-left-radius: 4px; border-top-right-radius: 4px; background: #f0f0f0; border-bottom: 1px solid #ebebeb } .dialog-pay .dialog-hd .title { display: inline-block; font-size: 14px; margin-left: 29px; color: #333 } .dialog-pay .dialog-close { float: right; margin-right: 23px; margin-top: 16px; display: inline-block; height: 16px; width: 16px; background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAZNJREFUOBGFkz1PwlAUhs+5tyUawERJ/BMOfs2GKE1gcDIEEkl08Bfp5iiRwQ5Mhg9TFt0VB0d/gDHqUiKhtsd7WottxXKW9rb3fd7z9txi86rbBaCMzOarjf2dD5hTpkly7PXOAaEo8rQtWEwEe+7ItlrXd8tp+kDcbRHQCRDlPSldwc6IeE9EW2mQXzHUAfFV00TpqFweITuyM4sZwjCZzRnROEmxLnH3sFp5Yq0P+AMBfFgQaNRqlfc0cQwwhdj2QGXcRAWBjKjAxD0jCNqOOvN+rmkHwRLANHsrY48sH4Joq1g5zjxLPBPAD5vt/io43rMvVmsNZbFRL9/yu2SpMcaLM/tts/NPfYF7yp2F6+g1Bkh+MHZWIYdAsPFJ3uCibRWiYr6fApJizsxtL6IohRBwJlYS4gNmicM58yhBzxghBB0n1gmmiaPtsjOL1YddV4ftkXS9dHxgvAn+MdLmHEJ4M4t8sYJwHDYXqrWiOgwv/805BPA1hARxcG2s3RTgstNZavb72ejGeffs7J8VtfEbLlgJH0eNWLgAAAAASUVORK5CYII=) } .dialog-pay .dialog-bd { position: relative } .dialog-pay .dialog-bd .upgrade-info { margin-bottom: 24px; width: 414px; padding: 10px 10px 10px 40px; line-height: 24px; background-color: #fef8e0; font-size: 14px; text-align: left; color: #333; border: 1px solid #fce0af; box-sizing: border-box } .dialog-pay .dialog-bd .upgrade-info .highlight { color: #0574ff } .dialog-pay .dialog-bd .placeholder-upgrade { padding: 74px 0 160px; text-align: center } .dialog-pay .dialog-bd .placeholder-upgrade p { margin-top: 30px; font-size: 14px; color: #333 } .dialog-pay .dialog-bd .tabs-user { margin: 12px 0 18px; line-height: 20px; font-size: 14px; color: #333 } .dialog-pay .dialog-bd .tabs-user .input { width: 340px; height: 40px; padding: 0 10px; line-height: 40px; vertical-align: middle } .dialog-pay .dialog-bd .tabs-sku { margin: 0 0 18px; line-height: 20px; font-size: 14px; color: #333 } .dialog-pay .dialog-bd .tabs-sku .sku-name { color: #0574ff } .dialog-pay .dialog-bd .tabs-count { margin: 24px 0 18px; line-height: 20px; font-size: 14px; color: #333 } .dialog-pay .dialog-bd .tabs-count .title { display: block; margin-bottom: 12px } .dialog-pay .dialog-bd .tabs-message { color: #f60 } .dialog-pay .dialog-bd .slider-wrap { position: absolute; left: 100%; top: 0; width: 100%; height: 100% } .dialog-pay .dialog-bd .slider-wrap * { box-sizing: border-box } .dialog-pay .dialog-bd .slider-wrap .back { display: block; margin-top: 20px; margin-left: 30px; color: #0574ff; cursor: pointer; font-size: 14px } .dialog-pay .dialog-bd .slider-wrap .back>* { vertical-align: middle } .dialog-pay .dialog-bd .slider-wrap .back i { margin-right: 6px; font-size: 20px; font-weight: 700; color: #999; font-family: serif; font-style: normal } .dialog-pay .dialog-bd .slider-wrap .wrap-discount { padding: 0 0 20px; height: calc(100% - 48px); overflow-y: auto } .dialog-pay .dialog-bd .slider-wrap .wrap-discount .loading-info { display: none; vertical-align: middle; margin-top: 8px; line-height: 32px; font-size: 16px; color: #999; text-align: center } .dialog-pay .dialog-bd .slider-wrap .list-card-discount .list-item { float: none; margin: 20px auto; cursor: pointer } .dialog-pay .dialog-bd .slider-wrap .list-card-discount .list-item.selected:before { position: absolute; display: block; content: " "; width: 33px; height: 33px; background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMjhDQTg2MTQ5NUExMUU5QkVFMjg3QkNEQ0VGNjVFNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMjhDQTg2MjQ5NUExMUU5QkVFMjg3QkNEQ0VGNjVFNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkEyOENBODVGNDk1QTExRTlCRUUyODdCQ0RDRUY2NUU3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkEyOENBODYwNDk1QTExRTlCRUUyODdCQ0RDRUY2NUU3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/JhKjwAAAylJREFUeNrEl11IU2EYx//vOe/OdNPU6eYUE6OLvgiJiD7ppjtNKvHO7APCoEAQwgvDm8BupCBECaKLQoMQqguzi6APkIwgCAoqCHZRygw1dbrPc87bs4/CtbnmdrY97GXj7LzP83v+z3Oel8OEEDIAM4Qui0VXA6z2RcZ4CEIgNyYYNDWI4vL5P1c4LY2WjyCY9vZmizo53M+qGwJgXAX0HDDQ8nu8cv2h+/z47R6UOHUm1mashxB62DqkTo1fYtUKGJNjuww2xqC7fTAdPnmDt41diYeIWejR6X51arRXqq4CJBLL0NKQL12DCK2S2EWr5u7vdTzZbabWkavhb2NBWOQjVmYjVWacfFoqFWoRq7TeljAIP9h+XZ+do01qRMLM41MYQb3+0w152wko51+ClddTbywFwz3JU+1NWxHVD8gKBUvSQ2GA4ArEogfy/jMwnboHEViC8CxTgGhi0v+SSK0Ii0JRjeH/FQNY879EUN55iGUPeNO1CIDueoHAgBPCS/6KytKDSAkSoGwsNpg630NqPAcxNxtjYBFVxNIMBI0EU8cY+NE+qO8GEbx7DIxKwyzFxKynD7EuiGwCFqepycwwtdyB1LAXYsEd8SoWZsCsdpgvf4K8ow3qRBfUx110zQpYHXFllTbSXwkgCjnUAwgM7YTwzUO5MAmU2iBcbkibG6F0u8DsuxB60Az19SBYhY1m86a/CmQEkQCiUXNTtvB5SeYjpEwRlPankPY1Q7n4gRrST4DboX2cAHNQ9lxJAMgIIhkIs9VCTH9BcKQJUt0BKB3j0H9MIXhrK4T7K6lREw21zqzhmT768Y+vHazKAf3zM4Se90Cq2YPQk7MESA1YUUvBtZS+eDYzMA7E6QCrdEJ7MwCNYjJLabRUuvZfPzzbkyBBkRJHtO6MpwVgCIQRZ41k1NmYzVljGEQ2IIZCZApiOEQmIDmB2ChIziA2ApJTiHRBOPJgSedIviGSgqxRJG8Q/4Kw8vB7DdPzDhEH8opASnUrkdBLCM34QqzgaMuwr5d+BjxbCgYRARnv7NMXvu1O+hqYV9MCZYWHAIolFN6CvwUYAIh/VoJk6KQNAAAAAElFTkSuQmCC);z-index: 1000; right: 0; top: 0 } .dialog-pay .dialog-bd .discount-coupon .label { margin-left: 6px; padding: 2px 10px; background: #ffe0b3; border: 1px solid #f6aa3e; border-radius: 4px; font-size: 14px; color: #c36300 } .dialog-pay .dialog-bd .discount-coupon .trigger { *zoom: 1; cursor: pointer; color: #999; font-size: 14px; border-bottom: 1px solid #d8d8d8 } .dialog-pay .dialog-bd .discount-coupon .trigger:after,.dialog-pay .dialog-bd .discount-coupon .trigger:before { content: " "; display: table } .dialog-pay .dialog-bd .discount-coupon .trigger:after { clear: both } .dialog-pay .dialog-bd .discount-coupon .trigger.disabled { cursor: default } .dialog-pay .dialog-bd .discount-coupon .trigger .right { margin-right: 6px; float: right; font-size: 20px; color: #999; font-weight: 700; font-family: serif } .dialog-pay .dialog-bd .discount-coupon .info { margin-top: 6px; color: #999 } .dialog-pay .dialog-bd .dialog-btn-wrap { margin-top: 20px; text-align: center } .dialog-pay .dialog-ft { height: 88px; padding-top: 8px; overflow: hidden; background: #f2f8f8; text-align: center; font-size: 14px } .dialog-pay .dialog-ft .info { margin-top: 8px } .dialog-pay .dialog-ft .info .link { margin: 0 35px } .dialog-pay-lg { width: 770px; margin-left: -392px } .dialog-pay-lg .dialog-hd { height: 47px } .dialog-pay-lg .dialog-hd .title { height: 47px; line-height: 47px } .dialog-pay-lg .dialog-bd { padding: 26px 53px 20px } .dialog-pay-lg .dialog-bd .icon-svip,.dialog-pay-lg .dialog-bd .icon-vip { width: 29px; height: 24px; display: inline-block; vertical-align: middle; margin-right: 10px } .dialog-pay-lg .dialog-bd .icon-vip { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAYCAYAAAAGXva8AAAAAXNSR0IArs4c6QAABPxJREFUSA2VVk1sFVUUPufOzPsvtWnaImo0/qJSYjSC6Z8thMSYFosLFsa4ILpzpe5MNDEhmtAFa2OMiSRAbCrWUiPGpNDSwoIFMUFRWFArFWjp3+v7mztz/c7MG3iW9rWctDNn7j33fOf/PqYq1Dls3tee16d9EzO+4SqiwRYrFiE3ZtkHT3fzZ2vJr6moY9gfKLleb9ohrkkyZeJMlkXkeURFbUj7RI7FZAxR3jVk8E3QJnxRB+C/jvXYe1YDVqstvnrSO97e4Pce22VxBoDzOUNXb3r057RHU3M+lQBci3VAkg+wVIzJsSnkHcY3MTPtbh3yB1bTf4+nXUP6y5YmevfTFxV/ftGn4Ws+NWSY6msUJaFcKF8ytJQ3lEpwAFR0KYhCCREIeLhSEF6T8XxzZHxv7J1K8P+Bdg55h1qbzIefAPALAP4y5dOj9Ral40RJhDcALJrADRuKlwEOjygLA5DPYH8p75Mli/gLQu0FGTh8ttv5IAIOJfG1c6B0gC3+6miXxf2Thvr/8ujJRosaNzHZyN0TKaJHAG7fORGq0Ejq5UWiM9d9imFTcjyX8ykBXnvwFqkoueSDf+/8m7Gv5VSg4pXvzX6j9LG+nRYfvuzTbNZQJka0pU5RbUrR1jTRwwCsRpfmfZq4FUosoAZsFJ0oF299KbYSaZj89rlePq5aTpiDhvXRmCJ2IBiHhUUIBjlESJ/dAKBAPfeAoramMAxxGKyRUyFVDjvSgVLTR9pOmH3KM/ojtJeSvPVdCi0UYSma5zNED63jochG9AxS0dKISgaQKy0EitIhaTbG2Jq8b6RlOIacKaxyuYHiKHuhOth2v7Q5Id4BoAxadjRYE13wP62Adwj5NrIpPefhvzbFQVucnUWFYnOjtIi0/Hw97N2wWuBRaD+cCrXAoCE13ut87JHVn3cZkw5Rx6MOoNKH0EFnUBzZcn6qgQvgySlDyygXFzoiENEpZJilv4Yn9tq9QUAnetT+kuZT2QLWyyZK40sfCvA4PK4GLIA//WMoB0ChQlFGZMgjjxJScjV/e+4Nu1tWy1kkGu1RrxU0jS3CQ43ekuaX0GCqUAEhl1AvreKxAJ5CSLOYSkLSpzlUkfS2kMYVgLHZv6VbHcBsDPy+AyoCo912+3zBnJ4DsKRSFEi4ZcDnYMhK4AUBnDa0UJLTIS3BwoRYXCYMhvFtD9pvfccMDSGV0xt9hu+WQfd8fYp31KVR1XfPB5txhK2jITw2csPQIkIZmI9dmb0yWOQyEMJtc8WNq+aRLi4EC+XHqqCy1zboXkRBbZdbRgyXwgh7DVUeRCCs9EiZAM4s+bQpqQLZgkvXdMLaBsBsJBO91wQVgdZB9/f6DG9NlPs2OlT5lhRISJfh8SYUnxiWd2nKK1jNI/t4vlI24quCovK49Qf3j2RcPZ2RYS9DBF5LP0tbSJXmUTRxRyGPocqC5mntqu0jPTwTgax8VwUV4U6MLvdH/XfKoc3SULgfA29kgklbWBU5B+DNuZR64UIHT68EqvyuOFK5fJcfYdY3bPuxnMu3BCSNS0B+KSScewBnCpZ6eT1A0bwuqAhdeZ2LTo31OCr1tvxGEpKWCu5L9PFikScLrnppbA9PhrvVn+uGt/J486ipq5l1Jx2HM9GY83y+vZy0dlzYzVcrZavxG/I0UvBbO8+5tc5TrsezPrHB5PrXt61d9wMouv4DOhE1BtEO5PMAAAAASUVORK5CYII=) } .dialog-pay-lg .dialog-bd .icon-svip { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAYCAYAAAAGXva8AAAAAXNSR0IArs4c6QAABNtJREFUSA2VVV1oHFUU/u7M7sxufjZQWytBjD/UlAjWWksfilqD8SG1pOanFStU4pPPIgi+SFFRsC/FN4VqRQgkbSotigVZqaIE7FNpaW1EEiOmNps0yWZ3M3/X78zsJJtkN64Hdu+de8493/m/CpuQPtt+AoH/NrSfQKDVJqIRSykNw3ShjPdV/28nasnXVKTP7czCXX4WdlIhlQLsBKAorjXgBVyp0uBZ+K25KCh3GfCFFwj3e9V3o6sacFVQPbrzAgEPoiGlYJpAQZR50X2TQA02fzTE9QlgRMb4PgNiQHlOZJR4rb3zqvdG73pg3lhLerT9yxDw4ZcUnv4amM/TSwLfmwFatwDbuab5XSwCJm026Jm4TeOUSZyExTN+a0NBm4eZojNrEciuPNCjj54i4DE8dFjhiQ+A66eAbc1ACz1LESghyuhxgvtMmh4SMMm9nAmZ9JSA2iIvKFHOZszNV/VwB61fpZXw6pG2QQTGZ3iwR+HJD4GxN4HSZaBJLC+LNXUCjfsIRiMqKWD4Z38Bcj8QLKANxPJdwPHoeRrKWaJ15o/oH+hU6t1A6XN7e+HOMVHeECzm8PkLwLVPgJnvyh4mI/WZF5nHpyqhNu7v/grcvhjmVAcELizQW0YKNNoVYGsMHe0HlB7ZlYU3/wySKQONDItFgZm5KIcSUoYMLYeYxz0bQaqdzF8Bps6zgBlqhyHmqk2LBeay0NhNsC8b8Bf3svQNSB52n4wqUZQl6LxQ5mD9gCLfQuNaaaRQglGK8y3tZjTw0NtPN4IEko1R3q6+FcpC2kJIWsJ6INr/n/+GtkhaUb1mVIUENFy9OYPlfRKBoyXsIUmzSx96rEjF8Oa+4p7hrpccyk7xjpDoDOeE7BnugHkNih8ZamDiHfjuWbaKhk9Aj95J45cIatDS0l1g+lMOh5yo2ZxcykydZtXyjpA4Kd4KsWvp3Hvq6MTHsX/Qwzsuwba6kGKLyDBg6Yd9aJVDbTazuI4zT1sjJev/nRngzy9o9GI4CrXP6g3oQIntxLaBmz+D/puvKU6qshnUP3DrBWj3Glx66LDHxEuZrTJnhXwq++dzflP5enLuEFB4lBGK3wZWbKjDXxyB3jUogMJeAZUPdDyyh7nMwSWQhFlExC5uw72fj4BdgsQkgJMMqUeeEAsnrh0IaLB8EW2ZV9SRYdES0kp44wP90/5m5Gb/QjLZDIuAyXJ4YwFZTVb79pcJQKumhqi4sMr1OAYlMzL4C0unkTHeUN3jjPEqbQAVls4e2Ir56UnYdjoc6nKYpAHVnjbhxcRnLcyleFhYGELjPa+rQ1cqLIoEq4IKS2f33Y+FhXFYtl3V2xgoXitnbjE/ynf4uOq5WU5yLBSta3NawVPPjU1hS/PjcNg78VtawV/ZSt4lpOGQZ9qK+W+RzAzWApR7NT2NlepLu1uxVBiHnU6HT1o4WYhULuqwaPipNAGXFrKszaPqyHhFpcWaVtf/BBVRnX2sCXPObW01NYSttHo/3Cnp6cLizzDdftU38fc69obPukDllv7mvm0oZiaRakyFBSVA8pMpFri3gOUu1ffHxAaEKgc1c7peVnVP30HJZqjzeSwLmMmOkVdEzyLhdtcLKHrrBhVhdewqp7m7A14hx8rRyitNM5Gdquf3ceHXS/8CbOHuVJS+X28AAAAASUVORK5CYII=) } .dialog-pay-md { width: 540px; margin-left: -270px } .dialog-pay-md .dialog-hd { height: 47px } .dialog-pay-md .dialog-hd .title { height: 47px; line-height: 47px } .dialog-pay-md .dialog-bd { padding: 26px 46px 20px } .dialog-pay-md .dialog-bd .icon-svip,.dialog-pay-md .dialog-bd .icon-vip { width: 29px; height: 24px; display: inline-block; vertical-align: middle; margin-right: 10px } .dialog-pay-md .dialog-bd .icon-vip { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAYCAYAAAAGXva8AAAAAXNSR0IArs4c6QAABPxJREFUSA2VVk1sFVUUPufOzPsvtWnaImo0/qJSYjSC6Z8thMSYFosLFsa4ILpzpe5MNDEhmtAFa2OMiSRAbCrWUiPGpNDSwoIFMUFRWFArFWjp3+v7mztz/c7MG3iW9rWctDNn7j33fOf/PqYq1Dls3tee16d9EzO+4SqiwRYrFiE3ZtkHT3fzZ2vJr6moY9gfKLleb9ohrkkyZeJMlkXkeURFbUj7RI7FZAxR3jVk8E3QJnxRB+C/jvXYe1YDVqstvnrSO97e4Pce22VxBoDzOUNXb3r057RHU3M+lQBci3VAkg+wVIzJsSnkHcY3MTPtbh3yB1bTf4+nXUP6y5YmevfTFxV/ftGn4Ws+NWSY6msUJaFcKF8ytJQ3lEpwAFR0KYhCCREIeLhSEF6T8XxzZHxv7J1K8P+Bdg55h1qbzIefAPALAP4y5dOj9Ral40RJhDcALJrADRuKlwEOjygLA5DPYH8p75Mli/gLQu0FGTh8ttv5IAIOJfG1c6B0gC3+6miXxf2Thvr/8ujJRosaNzHZyN0TKaJHAG7fORGq0Ejq5UWiM9d9imFTcjyX8ykBXnvwFqkoueSDf+/8m7Gv5VSg4pXvzX6j9LG+nRYfvuzTbNZQJka0pU5RbUrR1jTRwwCsRpfmfZq4FUosoAZsFJ0oF299KbYSaZj89rlePq5aTpiDhvXRmCJ2IBiHhUUIBjlESJ/dAKBAPfeAoramMAxxGKyRUyFVDjvSgVLTR9pOmH3KM/ojtJeSvPVdCi0UYSma5zNED63jochG9AxS0dKISgaQKy0EitIhaTbG2Jq8b6RlOIacKaxyuYHiKHuhOth2v7Q5Id4BoAxadjRYE13wP62Adwj5NrIpPefhvzbFQVucnUWFYnOjtIi0/Hw97N2wWuBRaD+cCrXAoCE13ut87JHVn3cZkw5Rx6MOoNKH0EFnUBzZcn6qgQvgySlDyygXFzoiENEpZJilv4Yn9tq9QUAnetT+kuZT2QLWyyZK40sfCvA4PK4GLIA//WMoB0ChQlFGZMgjjxJScjV/e+4Nu1tWy1kkGu1RrxU0jS3CQ43ekuaX0GCqUAEhl1AvreKxAJ5CSLOYSkLSpzlUkfS2kMYVgLHZv6VbHcBsDPy+AyoCo912+3zBnJ4DsKRSFEi4ZcDnYMhK4AUBnDa0UJLTIS3BwoRYXCYMhvFtD9pvfccMDSGV0xt9hu+WQfd8fYp31KVR1XfPB5txhK2jITw2csPQIkIZmI9dmb0yWOQyEMJtc8WNq+aRLi4EC+XHqqCy1zboXkRBbZdbRgyXwgh7DVUeRCCs9EiZAM4s+bQpqQLZgkvXdMLaBsBsJBO91wQVgdZB9/f6DG9NlPs2OlT5lhRISJfh8SYUnxiWd2nKK1jNI/t4vlI24quCovK49Qf3j2RcPZ2RYS9DBF5LP0tbSJXmUTRxRyGPocqC5mntqu0jPTwTgax8VwUV4U6MLvdH/XfKoc3SULgfA29kgklbWBU5B+DNuZR64UIHT68EqvyuOFK5fJcfYdY3bPuxnMu3BCSNS0B+KSScewBnCpZ6eT1A0bwuqAhdeZ2LTo31OCr1tvxGEpKWCu5L9PFikScLrnppbA9PhrvVn+uGt/J486ipq5l1Jx2HM9GY83y+vZy0dlzYzVcrZavxG/I0UvBbO8+5tc5TrsezPrHB5PrXt61d9wMouv4DOhE1BtEO5PMAAAAASUVORK5CYII=) } .dialog-pay-md .dialog-bd .icon-svip { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAYCAYAAAAGXva8AAAAAXNSR0IArs4c6QAABNtJREFUSA2VVV1oHFUU/u7M7sxufjZQWytBjD/UlAjWWksfilqD8SG1pOanFStU4pPPIgi+SFFRsC/FN4VqRQgkbSotigVZqaIE7FNpaW1EEiOmNps0yWZ3M3/X78zsJJtkN64Hdu+de8493/m/CpuQPtt+AoH/NrSfQKDVJqIRSykNw3ShjPdV/28nasnXVKTP7czCXX4WdlIhlQLsBKAorjXgBVyp0uBZ+K25KCh3GfCFFwj3e9V3o6sacFVQPbrzAgEPoiGlYJpAQZR50X2TQA02fzTE9QlgRMb4PgNiQHlOZJR4rb3zqvdG73pg3lhLerT9yxDw4ZcUnv4amM/TSwLfmwFatwDbuab5XSwCJm026Jm4TeOUSZyExTN+a0NBm4eZojNrEciuPNCjj54i4DE8dFjhiQ+A66eAbc1ACz1LESghyuhxgvtMmh4SMMm9nAmZ9JSA2iIvKFHOZszNV/VwB61fpZXw6pG2QQTGZ3iwR+HJD4GxN4HSZaBJLC+LNXUCjfsIRiMqKWD4Z38Bcj8QLKANxPJdwPHoeRrKWaJ15o/oH+hU6t1A6XN7e+HOMVHeECzm8PkLwLVPgJnvyh4mI/WZF5nHpyqhNu7v/grcvhjmVAcELizQW0YKNNoVYGsMHe0HlB7ZlYU3/wySKQONDItFgZm5KIcSUoYMLYeYxz0bQaqdzF8Bps6zgBlqhyHmqk2LBeay0NhNsC8b8Bf3svQNSB52n4wqUZQl6LxQ5mD9gCLfQuNaaaRQglGK8y3tZjTw0NtPN4IEko1R3q6+FcpC2kJIWsJ6INr/n/+GtkhaUb1mVIUENFy9OYPlfRKBoyXsIUmzSx96rEjF8Oa+4p7hrpccyk7xjpDoDOeE7BnugHkNih8ZamDiHfjuWbaKhk9Aj95J45cIatDS0l1g+lMOh5yo2ZxcykydZtXyjpA4Kd4KsWvp3Hvq6MTHsX/Qwzsuwba6kGKLyDBg6Yd9aJVDbTazuI4zT1sjJev/nRngzy9o9GI4CrXP6g3oQIntxLaBmz+D/puvKU6qshnUP3DrBWj3Glx66LDHxEuZrTJnhXwq++dzflP5enLuEFB4lBGK3wZWbKjDXxyB3jUogMJeAZUPdDyyh7nMwSWQhFlExC5uw72fj4BdgsQkgJMMqUeeEAsnrh0IaLB8EW2ZV9SRYdES0kp44wP90/5m5Gb/QjLZDIuAyXJ4YwFZTVb79pcJQKumhqi4sMr1OAYlMzL4C0unkTHeUN3jjPEqbQAVls4e2Ir56UnYdjoc6nKYpAHVnjbhxcRnLcyleFhYGELjPa+rQ1cqLIoEq4IKS2f33Y+FhXFYtl3V2xgoXitnbjE/ynf4uOq5WU5yLBSta3NawVPPjU1hS/PjcNg78VtawV/ZSt4lpOGQZ9qK+W+RzAzWApR7NT2NlepLu1uxVBiHnU6HT1o4WYhULuqwaPipNAGXFrKszaPqyHhFpcWaVtf/BBVRnX2sCXPObW01NYSttHo/3Cnp6cLizzDdftU38fc69obPukDllv7mvm0oZiaRakyFBSVA8pMpFri3gOUu1ffHxAaEKgc1c7peVnVP30HJZqjzeSwLmMmOkVdEzyLhdtcLKHrrBhVhdewqp7m7A14hx8rRyitNM5Gdquf3ceHXS/8CbOHuVJS+X28AAAAASUVORK5CYII=) } .dialog-pay-medium { width: 646px; margin-left: -323px } .dialog-pay-medium .dialog-hd { height: 58px } .dialog-pay-medium .dialog-hd .title { height: 58px; line-height: 58px; font-size: 16px } .dialog-pay-medium .dialog-hd .dialog-close { margin-right: 22px; margin-top: 22px } .dialog-pay-medium .dialog-bd { padding: 26px 70px 20px } .dialog-pay-medium .dialog-bd .icon-svip,.dialog-pay-medium .dialog-bd .icon-vip { width: 29px; height: 24px; display: inline-block; vertical-align: middle; margin-right: 10px } .dialog-pay-medium .dialog-bd .icon-vip { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAYCAYAAAAGXva8AAAAAXNSR0IArs4c6QAABPxJREFUSA2VVk1sFVUUPufOzPsvtWnaImo0/qJSYjSC6Z8thMSYFosLFsa4ILpzpe5MNDEhmtAFa2OMiSRAbCrWUiPGpNDSwoIFMUFRWFArFWjp3+v7mztz/c7MG3iW9rWctDNn7j33fOf/PqYq1Dls3tee16d9EzO+4SqiwRYrFiE3ZtkHT3fzZ2vJr6moY9gfKLleb9ohrkkyZeJMlkXkeURFbUj7RI7FZAxR3jVk8E3QJnxRB+C/jvXYe1YDVqstvnrSO97e4Pce22VxBoDzOUNXb3r057RHU3M+lQBci3VAkg+wVIzJsSnkHcY3MTPtbh3yB1bTf4+nXUP6y5YmevfTFxV/ftGn4Ws+NWSY6msUJaFcKF8ytJQ3lEpwAFR0KYhCCREIeLhSEF6T8XxzZHxv7J1K8P+Bdg55h1qbzIefAPALAP4y5dOj9Ral40RJhDcALJrADRuKlwEOjygLA5DPYH8p75Mli/gLQu0FGTh8ttv5IAIOJfG1c6B0gC3+6miXxf2Thvr/8ujJRosaNzHZyN0TKaJHAG7fORGq0Ejq5UWiM9d9imFTcjyX8ykBXnvwFqkoueSDf+/8m7Gv5VSg4pXvzX6j9LG+nRYfvuzTbNZQJka0pU5RbUrR1jTRwwCsRpfmfZq4FUosoAZsFJ0oF299KbYSaZj89rlePq5aTpiDhvXRmCJ2IBiHhUUIBjlESJ/dAKBAPfeAoramMAxxGKyRUyFVDjvSgVLTR9pOmH3KM/ojtJeSvPVdCi0UYSma5zNED63jochG9AxS0dKISgaQKy0EitIhaTbG2Jq8b6RlOIacKaxyuYHiKHuhOth2v7Q5Id4BoAxadjRYE13wP62Adwj5NrIpPefhvzbFQVucnUWFYnOjtIi0/Hw97N2wWuBRaD+cCrXAoCE13ut87JHVn3cZkw5Rx6MOoNKH0EFnUBzZcn6qgQvgySlDyygXFzoiENEpZJilv4Yn9tq9QUAnetT+kuZT2QLWyyZK40sfCvA4PK4GLIA//WMoB0ChQlFGZMgjjxJScjV/e+4Nu1tWy1kkGu1RrxU0jS3CQ43ekuaX0GCqUAEhl1AvreKxAJ5CSLOYSkLSpzlUkfS2kMYVgLHZv6VbHcBsDPy+AyoCo912+3zBnJ4DsKRSFEi4ZcDnYMhK4AUBnDa0UJLTIS3BwoRYXCYMhvFtD9pvfccMDSGV0xt9hu+WQfd8fYp31KVR1XfPB5txhK2jITw2csPQIkIZmI9dmb0yWOQyEMJtc8WNq+aRLi4EC+XHqqCy1zboXkRBbZdbRgyXwgh7DVUeRCCs9EiZAM4s+bQpqQLZgkvXdMLaBsBsJBO91wQVgdZB9/f6DG9NlPs2OlT5lhRISJfh8SYUnxiWd2nKK1jNI/t4vlI24quCovK49Qf3j2RcPZ2RYS9DBF5LP0tbSJXmUTRxRyGPocqC5mntqu0jPTwTgax8VwUV4U6MLvdH/XfKoc3SULgfA29kgklbWBU5B+DNuZR64UIHT68EqvyuOFK5fJcfYdY3bPuxnMu3BCSNS0B+KSScewBnCpZ6eT1A0bwuqAhdeZ2LTo31OCr1tvxGEpKWCu5L9PFikScLrnppbA9PhrvVn+uGt/J486ipq5l1Jx2HM9GY83y+vZy0dlzYzVcrZavxG/I0UvBbO8+5tc5TrsezPrHB5PrXt61d9wMouv4DOhE1BtEO5PMAAAAASUVORK5CYII=) } .dialog-pay-medium .dialog-bd .icon-svip { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAYCAYAAAAGXva8AAAAAXNSR0IArs4c6QAABNtJREFUSA2VVV1oHFUU/u7M7sxufjZQWytBjD/UlAjWWksfilqD8SG1pOanFStU4pPPIgi+SFFRsC/FN4VqRQgkbSotigVZqaIE7FNpaW1EEiOmNps0yWZ3M3/X78zsJJtkN64Hdu+de8493/m/CpuQPtt+AoH/NrSfQKDVJqIRSykNw3ShjPdV/28nasnXVKTP7czCXX4WdlIhlQLsBKAorjXgBVyp0uBZ+K25KCh3GfCFFwj3e9V3o6sacFVQPbrzAgEPoiGlYJpAQZR50X2TQA02fzTE9QlgRMb4PgNiQHlOZJR4rb3zqvdG73pg3lhLerT9yxDw4ZcUnv4amM/TSwLfmwFatwDbuab5XSwCJm026Jm4TeOUSZyExTN+a0NBm4eZojNrEciuPNCjj54i4DE8dFjhiQ+A66eAbc1ACz1LESghyuhxgvtMmh4SMMm9nAmZ9JSA2iIvKFHOZszNV/VwB61fpZXw6pG2QQTGZ3iwR+HJD4GxN4HSZaBJLC+LNXUCjfsIRiMqKWD4Z38Bcj8QLKANxPJdwPHoeRrKWaJ15o/oH+hU6t1A6XN7e+HOMVHeECzm8PkLwLVPgJnvyh4mI/WZF5nHpyqhNu7v/grcvhjmVAcELizQW0YKNNoVYGsMHe0HlB7ZlYU3/wySKQONDItFgZm5KIcSUoYMLYeYxz0bQaqdzF8Bps6zgBlqhyHmqk2LBeay0NhNsC8b8Bf3svQNSB52n4wqUZQl6LxQ5mD9gCLfQuNaaaRQglGK8y3tZjTw0NtPN4IEko1R3q6+FcpC2kJIWsJ6INr/n/+GtkhaUb1mVIUENFy9OYPlfRKBoyXsIUmzSx96rEjF8Oa+4p7hrpccyk7xjpDoDOeE7BnugHkNih8ZamDiHfjuWbaKhk9Aj95J45cIatDS0l1g+lMOh5yo2ZxcykydZtXyjpA4Kd4KsWvp3Hvq6MTHsX/Qwzsuwba6kGKLyDBg6Yd9aJVDbTazuI4zT1sjJev/nRngzy9o9GI4CrXP6g3oQIntxLaBmz+D/puvKU6qshnUP3DrBWj3Glx66LDHxEuZrTJnhXwq++dzflP5enLuEFB4lBGK3wZWbKjDXxyB3jUogMJeAZUPdDyyh7nMwSWQhFlExC5uw72fj4BdgsQkgJMMqUeeEAsnrh0IaLB8EW2ZV9SRYdES0kp44wP90/5m5Gb/QjLZDIuAyXJ4YwFZTVb79pcJQKumhqi4sMr1OAYlMzL4C0unkTHeUN3jjPEqbQAVls4e2Ir56UnYdjoc6nKYpAHVnjbhxcRnLcyleFhYGELjPa+rQ1cqLIoEq4IKS2f33Y+FhXFYtl3V2xgoXitnbjE/ynf4uOq5WU5yLBSta3NawVPPjU1hS/PjcNg78VtawV/ZSt4lpOGQZ9qK+W+RzAzWApR7NT2NlepLu1uxVBiHnU6HT1o4WYhULuqwaPipNAGXFrKszaPqyHhFpcWaVtf/BBVRnX2sCXPObW01NYSttHo/3Cnp6cLizzDdftU38fc69obPukDllv7mvm0oZiaRakyFBSVA8pMpFri3gOUu1ffHxAaEKgc1c7peVnVP30HJZqjzeSwLmMmOkVdEzyLhdtcLKHrrBhVhdewqp7m7A14hx8rRyitNM5Gdquf3ceHXS/8CbOHuVJS+X28AAAAASUVORK5CYII=) } .dialog-pay-medium .dialog-bd .pay-goods-title { font-size: 16px } .dialog-pay-qrcode { width: 302px; height: 326px; margin-left: -145px } .dialog-pay-qrcode .dialog-hd { height: 37px } .dialog-pay-qrcode .dialog-hd .title { height: 37px; line-height: 37px } .dialog-pay-qrcode .dialog-close { margin-right: 20px; margin-top: 10px } .dialog-pay-qrcode .dialog-bd { width: 100%; margin: 5px auto auto; text-align: center } .dialog-pay-qrcode .money-wrap { margin-top: 14px } .dialog-pay-qrcode .money-wrap .money { line-height: 20px; font-size: 14px; color: red } .dialog-pay-qrcode .money-wrap .yuan { font-size: 12px } .dialog-pay-qrcode .qrcode-loading { background: #f0f0f0; width: 148px; height: 148px; line-height: 148px; text-align: center; color: #666; margin: 0 auto } .dialog-pay-qrcode .qrcode-photo { display: block; width: 148px; height: 148px; margin: 0 auto } .dialog-pay-qrcode .pay-qrcode-subtitle { padding: 14px 0; font-size: 12px; line-height: 17px; color: #333 } .dialog-pay-qrcode .pay-qrcode-msg-bottom { margin-top: 6px; padding-left: 93px; text-align: left; line-height: 22px } .dialog-pay-qrcode .icon-weixin,.dialog-pay-qrcode .icon-zfb { width: 22px; height: 22px; margin-right: 8px; display: inline-block; vertical-align: -6px; background-repeat: no-repeat; background-position: 0 0 } .dialog-pay-qrcode .icon-zfb { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAA3JJREFUOBGVVU1IVFEUPufOU8f3zKwIS1dRSgjRwiBaRBiBtDInEMeRCimIalMbqTYtImrTzyKIRBDTGRMybRFFC6moiGxpYZAW+UM/UpYzNc5773TOG9/rzTga3s097/x895zvnnsewiKrqZtWgYrXEWEdAVUBYFnalSYRcBiR7oFtDEQj+D0XBGYrDw1SMDkVP0kArUCwMtue8Y0wwwCXCtYbVzpq8I/flgF8oDdRnjKpn4i2+Z3+JyPiUJ6G+zob9AnX1wMW0DmTXgJRuWtc1o44ka/hdhdcSbCUn0rRwFKgnNVxRNjL/L7OeSAnJNUKltgd4DSnVJ0zYF6pSvSuWFPRA0D4tpifUChYYke5fRvjY/6LYn4GAQPn/QD1WvBxQwNazT2zWy07sOafza5gwBveN1+oImODJi0Fdubtc0fUAFk1njMLA0WOz0/LxktEVq3fliFLJzGmJn0KnG724qx/MZ/XXP1qgKTISBRl/SuRCaGUsz0isn8JJjZGZ0cYt9JvcGTEJIM8X6AXBaq2WJMeC0dnDxJBxwIfhHda+kUtzJid8x1KsqMQzSBiS1qNjbmqFUynK7xYhK/ptjLWbQ7rmhbkZ6xUiHWd7Jxw/BDaOsKFHyK9yS18cE6uuVJiYJqUAOYtjpBXgxo9J4j3jMQSn6wkPWanPQFFl4O6Xg4KT+i63nqO46yUeZP73ntgXnIssHZcY8A3PGQq+fSHPU0Fw43d8VE2bWDdvC9VmBYcMxOJ9p6IcViUkftUrIBe2Mh3Q8D3mrkYc0QyvidqflXMt+xkyp6xEN5qeYGLomuMxVusmcTGaKTo1NoSo4xpqufYLk79hxvDVd71HggSFwpatVL2WtOmqwhUQYCjSlGsNGBcn9ZAn/udaOdEuD2FOnjC3XF9RWXh3ZvbMCX0vL89V5Uic0dxQO91OOK2Oc1tc4FLGEcF57QCvb8zhNM+5zDzeTRn2QifCbEvgNRvbDIG5ZD5g9NDKDmVeMqX6RuX3AUI+QzoUOSWudTOlDyKho1apke6AkCGtMxTJtibp1yyvixQpk0LGs0CKpgOsAgyR2WesmFIvpe38BkG1e5bIfzixnnAohDwgvX6Ti7pDNMw4zottksnKMCzoTx9V3R/4Ue/n3N5foUr5/6ZkoWEY1zrqALVl18WvJP9r3Pj/wKHvWp3Ecw3/gAAAABJRU5ErkJggg==) } .dialog-pay-qrcode .icon-weixin { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5QkMyOTU2QjY4QUExMUU4QjA5RkREOEYzQkJCODlBMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5QkMyOTU2QzY4QUExMUU4QjA5RkREOEYzQkJCODlBMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlCQzI5NTY5NjhBQTExRThCMDlGREQ4RjNCQkI4OUEwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlCQzI5NTZBNjhBQTExRThCMDlGREQ4RjNCQkI4OUEwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+47/S3AAAAr9JREFUeNq0Vc1rE1EQn9ndpFTpoaI5KN0km2hbYtKDxQ/UeqkHKSKKIqJgKR78AzyIeKgHrSB4EqFCQRStWk8eepBSSkUUtGCTxprSpOkqWBAPNXUtzb43zqZNadpYm0YX9u17b+b93sxvPhaJCP7Hg38SGFEjDGAf52kzAPlY1QME03zCZFs+IuJTPex/OYAD9pqAt8e89TZRBxAd+7tZOIWAl1KRyUerAvtj+jmQ1MnTDSW5jdhbqVadjofiMyuAjZi3jaTsKoPUwU2bPUeGtg5ZzlJxhsCIvh+k7CwDlJDw28/p7578ltJO7YoUcIdzQ1sHoGSXn6gqhlMN5klb074ao8aOnMg/oh8FQS9KhBR89LEb1OuJhonEfBbpzRzwu0y4mYqYzRqrnFpuBTtmzqfYikjbPDxE1X0jGUqO52gcD3jIyt7mejg7r0XBulGfT2PF3bCkRpBAVmrKPkvIm2zB+YWoz7HKfbdL6fhUn07njhOhMeJrk1b2Fi+qFwEI0J4TEY1537a09hyuLUktExGzNRD3PiAhGxBdz1Ph5Oe8Tu2wv9aI6fdYuakYT6SgV+MLsgCFZY1EF/nTlQxN9vO3P78fiofcv0TmchbEFT5SsVpYFVZIr7iRqNGI1TQWlHhcP2CJzAeWXeN3NVCHjS8Kc/yuqFSCYzWEo3q1P6p3kqBBvrF+LTntcsm3GBz27RUg3hSp01knRxmshYnaUkJ5v+J0a8KFHBxk9w7+k3aJeJiB+3IlzSXXiggz5YNCtwO62CvGImaKd8847q+/XeBrvUptK9o2g1HfIUmir+S+gfjM7a68kKhLZPJbBQAV6sYhy/6hlfD7GQNQ21ORdPdyWQHIrMjULkwt5usquzcjnV8TgdOxPIhkcR+ZYsT3hNC7a+ee/h7sEX+1gJv9CSNa0xuM1QTKDeRvAQYAzB0Va/7brnQAAAAASUVORK5CYII=) } .dialog-pay-finish { width: 302px; height: 326px; margin-left: -145px } .dialog-pay-finish .dialog-hd { height: 37px } .dialog-pay-finish .dialog-hd .title { height: 37px; line-height: 37px } .dialog-pay-finish .dialog-close { margin-right: 20px; margin-top: 10px } .dialog-pay-finish .dialog-bd { text-align: center } .dialog-pay-finish .dialog-bd .icon-pay-finish { display: block; width: 60px; height: 60px; margin: 47px auto 0; background-image: url(../img/icon_complete-si.7a31775472586c4a07962d924249fb67.png) } .dialog-pay-finish .dialog-bd .pay-msg-title { margin-top: 15px; font-size: 14px; color: #333 } .dialog-pay-finish .dialog-bd .pay-msg-subtitle { font-size: 12px; color: #999; line-height: 20px } .dialog-pay-finish .dialog-bd .pay-msg-subtitle.bold { font-weight: 700 } .dialog-pay-finish .dialog-bd .mt16 { margin-top: 16px } .dialog-gift { overflow: hidden; width: 325px; height: 390px; background-repeat: no-repeat; text-align: center } .dialog-gift .dialog-close { position: absolute; display: block; height: 36px; width: 36px; top: -18px; right: -18px; background-image: url(../img/dialog-close.280f5f5155016226a9318682392b682f.png); background-size: 100%; background-position: 50%; cursor: pointer } .dialog-gift .name { margin-top: 138px; font-size: 30px; color: #fff; text-align: center; letter-spacing: 2.4px } .dialog-gift .tip { margin-top: 16px; display: inline-block; font-size: 15px; color: #fffffe; height: 34px; line-height: 34px; border-radius: 17px; padding: 0 16px } .dialog-gift .btn-gift-check { padding: 0; margin-top: 27px; display: inline-block; width: 118px; height: 44px; line-height: 44px; border-radius: 22px; font-size: 17px; color: #7b4e07; background-color: #eec06f; background-image: linear-gradient(-270deg,#eec06f,#f9df9e); cursor: pointer } .dialog-gift .btn-gift-check:hover { background-color: #f9df9e; background-image: linear-gradient(-270deg,#f9df9e,#eec06f) } .dialog-gift.vip { background-image: url(../img/dialog-gift-vip.a3c57839ff57f5ed1c1fb0b1cd381ec2.png) } .dialog-gift.vip .name { text-shadow: 0 1px 4px #205997 } .dialog-gift.vip .tip { background: #257ad9 } .dialog-gift.svip { background-image: url(../img/dialog-gift-svip.f9a915249304c2b188941579280d3111.png) } .dialog-gift.svip .name { text-shadow: 0 1px 8px #e08425 } .dialog-gift.svip .tip { background: #a07c12 } .input-number { font-family: Monospaced Number,Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; position: relative; width: 100%; height: 32px; font-size: 14px; line-height: 1.5; color: rgba(0,0,0,.65); background-color: #fff; background-image: none; -webkit-transition: all .3s; transition: all .3s; margin: 0; padding: 0; display: inline-block; border: 1px solid #d9d9d9; border-radius: 4px; width: 90px } .input-number-handler-wrap { border-left: 1px solid #d9d9d9; width: 22px; height: 100%; background: #fff; position: absolute; top: 0; right: 0; border-radius: 0 4px 4px 0; -webkit-transition: opacity .24s linear .1s; transition: opacity .24s linear .1s; z-index: 2 } .input-number-handler { text-align: center; line-height: 0; height: 50%; overflow: hidden; color: rgba(0,0,0,.45); position: relative; -webkit-transition: all .1s linear; transition: all .1s linear; display: block; width: 100%; font-weight: 700; cursor: pointer } .input-number-handler-down { border-top: 1px solid #d9d9d9; top: -1px; cursor: pointer } .input-number-handler-up-inner { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAeUlEQVQ4T2NkoBAwUqifYfAbIAD14gdcXsXnBZDmDQwMDA8YGBgKGBgYsBqCywCYZpBGkAETcBmCzQBkzRegTgeJYTUE3QBsmmHex2oIsgH4NOM0BNmABVBnwpyNK+BhLkkAKUB3Ac7oQjMNZAhY7eBPiQTzGsVeAACXdxkRksNatAAAAABJRU5ErkJggg==) } .input-number-handler-down-inner { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAf0lEQVQ4T2NkoBAwUqifYXAZIMDAwPCBSC/B1SJ7YQEDA8MEBgaGCwQMAWkGqUsAqUM2ACSxgYGBoQCPITDNIDVg16IHIj5DMDRjMwAkhs0QrJpxGYBuyAOon+HORg4jfOkA5hKQAVg143MBzBKQISCAM3oHV0okMhGiKqPYCwBelRkRdkhtVgAAAABJRU5ErkJggg==) } .input-number-input-wrap { display: inline-block; width: 65px } .input-number-input { width: 100%; text-align: left; outline: 0; -moz-appearance: textfield; height: 30px; -webkit-transition: all .3s linear; transition: all .3s linear; color: rgba(0,0,0,.65); background-color: #fff; border: 0; border-radius: 4px; padding: 0 11px; display: block } .input-number-handler-down-inner,.input-number-handler-up-inner { font-style: normal; vertical-align: baseline; text-align: center; text-transform: none; line-height: 1; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; width: 12px; height: 12px; -webkit-transition: all .1s linear; transition: all .1s linear; display: inline-block; font-size: 12px; font-size: 7px\9; -webkit-transform: scale(.58333333) rotate(0deg); -ms-transform: scale(.58333333) rotate(0deg); transform: scale(.58333333) rotate(0deg); right: 4px; color: rgba(0,0,0,.45); background-size: cover } .list-pay-goods-payment ul { margin-top: 14px; margin-right: -16px } .list-pay-goods-payment .pay-type { display: inline-block; margin-right: 12px; width: 100px; height: 40px; cursor: pointer } .list-pay-goods-payment .pay-type-wechatNative { background-image: url(../img/pay-type-wechatNative.913ea8b4d541ee445b611b5bb238b167.png) } .list-pay-goods-payment .pay-type-wechatNative.active { background-image: url(../img/pay-type-wechatNative-active.8afbebec10bdfce15bb083345bedb049.png) } .list-pay-goods-payment .pay-type-alipayQrCode { background-image: url(../img/pay-type-alipayQrCode.84acf893d2ff56e82fdf02a2fc9fc6c1.png) } .list-pay-goods-payment .pay-type-alipayQrCode.active { background-image: url(../img/pay-type-alipayQrCode-active.68f6e95e5e7d485f6cad773c8607817c.png) } .list-pay-goods-payment .pay-type-paypal { background-image: url(../img/pay-type-paypal.2613eb5064c2270ff24a411ca1c2d0e2.png) } .list-pay-goods-payment .pay-type-paypal.active { background-image: url(../img/pay-type-paypal-active.5202ab766eb9d8110834fa466a0bb3e8.png) } .list-pay-goods-payment .pay-type-mycard { background-image: url(../img/pay-type-mycard.ba7bed44ce8e43d8256def2f35c10c4b.png) } .list-pay-goods-payment .pay-type-mycard.active { background-image: url(../img/pay-type-mycard-active.f55bd70086f264a09247ec6109cf8e10.png) } .list-pay-goods-format { margin-top: 20px; margin-right: -20px; margin-bottom: 5px } .list-pay-goods-format li { margin-right: 20px; display: inline-block; margin-bottom: 15px } .list-pay-goods-format a { display: inline-block; width: 146px; height: 46px; border: 1px solid #e2e2e2; border-radius: 4px; line-height: 46px; text-align: center; color: #3a3a3a } .list-pay-goods-format a span { font-size: 12px } .list-pay-goods-format a .pay-goods-original { color: #3f3f3f; text-indent: 5px; text-decoration: line-through } .list-pay-goods-format a .pay-goods-price { font-size: 14px; color: #f03e45; text-indent: 5px } .list-pay-goods-format a.active { background: #3f86ff; background-image: linear-gradient(-118deg,#4082ff,#37a9ff 88%); color: #fff; position: relative; border: 1px solid #38a6ff } .list-pay-goods-format a.active .pay-goods-original,.list-pay-goods-format a.active .pay-goods-price { color: #fff } .dialog-bd.svip .btn-pay,.dialog-bd.svip .list-pay-goods-format a.active,.dialog-bd.svip .list-pay-goods-payment li.active a { background: #d6a661; background-image: linear-gradient(47deg,#d4a463,#fdcf45); border-color: #d6a661 } .alipay .dialog-bd i { background: url(data:image/png; base64,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) } .wechat .dialog-bd i { background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAABXhJREFUWAnVmGtoHFUUgO+5O9mkqIFWUxJrJtlH4tbdTKoVFAsSkRZtQGxBBFur6A/xh0ps/SHRkGiJiFID/rCKD5D+8wWiQYqiKUUs7YZmNmtMs5lkd220jWLS2KTN7sz13G1myc7O7E72FRzYvXPPPXPOt+c+zpkl5H9yQaGcHaxDOB+K3qMy9QG00YqfegKknjFWDwACYWSeAfkHGDkHFEIasF82bar7IXhzcLEQn2sCRQjwjjY/zDS2D6F2Yr92TU4BriD494SS9w8EnhrshV7N7vO2QDmgJ9y8l2haD2NEsms8px6A4mCsK9Ie/zqn3spgXlC37G4jJHGsZIAGKgT4sqqaPDfui88YhjK6NKNn6LhCTU8zljhVLkjujhGyN7EMYx5ZfMbgPqNrGlG+UaKy8hGaOZChXe4OkMNTUvxVMzdZEeXrMRZSPqk4JKdj5BW3LPbZAvXK4lsIu99MuRIy9N3jHhF7jb4yIuoONT6L58VBo1JF+0CGKKU/GX2m1+jWX5saribZOP6iG4xKFekjoAMcvZG26SxI7l/QIRCST3nlIfMA6nypiHpGxR2ayk7qwoq0eQA9YY+XqYkBgTq6zwWmRlIR1VSS8wwrKXgeQOlP6bp/L8x1I+RBnGFnUlMn0H8XdEw118QWtItln/Y8gDwYnlDTHsa0AUwwoh4cIHBRlNxbhNhl1llWSBuArbLoThLyrqZpu3VAvWWEbf5dntwtYCW0SxdatfirviGUfcs08p6VTpbcBqA/7HcuJi+9lGCsG5/fkGVjRYDl4k5KGGuyUkjLgfmUtvhRgdLbsNYMpuVmNxyQOu7DVNhhddTwx1pk172L6sJZvD2MH0tIrovJ8naK0bqFd3JduGa8raOu9om26Bjd4NxBAD7I0rcJ6Bvz3eiWGz9OsuQQEmzNsmMiwMLFBZhb53GN5i2AMZIDihTr0u14w6Ifj7RdDCgFcJxQAsppfcyq9YbExzWNHUHHN1npmMp5wY2gVxC02lRhlRAP3NmN0uYtQQgmVolt3a6ciUfRz/22HjAoYZAWcI2SeYPctItRqJsL/d1pOmgh5OWiOyS+rKmJUKGQ3DT6Ps+LklkLP1liRtQnsoQWgpZw812x0OQwnir9uBZrLNRsifE9a4Yi7agtba7EoNM74a3LpY9HzvUYxYGkqv6MmxBfY4q/UhEFIPyIsHXh4VulLS4/ZqXskZseXFIvhTGKL+B8ZZSQVs/YkeP+CFLK4LgdZV0Hf92T+r3eXjtyxGMa0wZXpz99vOhWEL6ikfboMEY1bt8Y2+YdaXxI13fJ4iPLy5fHcLPs02WlbJHttOJXYiv1KHyIC7DPrgMN4DM8tDF60IwbZRtGuWwXJqTPufFUPco3iLq0HCt2d5aaFuH+qq11tJx1Tc+lFnykJTJLCfSX2lHR9ijp4ZDcTnpnNra53sAMMFy08RIZwGiObg/cna4pUlOv2772903yDG4Mpy5blxZzu+CgHRP+6VO6/3REuUCRFJ7q+vTBdWkB0wqF/ashOUcGKBdMtcf7Aeg7/H49LpziQ0og+oXRdxYoV1Ck6Iu4Xt80Kpe5rxJKDylS/IiZn4w1alRwyY2vYSo0/dPKqFtMH4NygRL6aESaHrKyYxpRXblGoPbfkfSH1t5+V+Vkd+SC5CZXMpO59asq224+UrwUM86P6L1H8cdO2rGWE5Ro5E47Ruzq8CnGVD1IwfFprhc/M3u5QQnJjCjAmIPSLsFRcyaRXLoVc7wP0y5vXVjcNhBg9eiEf5CHzOBr7h+4CWYwU/+GY4OTgWgQYQsqDfJsJnEGQRrQ7RKeba9vDNS9Xcg7Uwq8yK88EWVO/udDVTU8P+6LThESK9Jd4Y//B6IoJXZVh5X/AAAAAElFTkSuQmCC) } .tabs-pay-goods { margin-bottom: 23px; overflow: hidden } .tabs-pay-goods .tabs-li { float: left; width: 325px; height: 46px; line-height: 46px; text-align: center; color: #333; font-size: 14px; background: #fff; border: 1px solid #d8d8d8; border-radius: 4px; cursor: pointer } .tabs-pay-goods .tabs-li.active.one { background: #dcedff; border-color: #3a9aff } .tabs-pay-goods .tabs-li.active.two { background: #ffeccd; border-color: #feb133 } .tabs-pay-goods .tabs-li+.tabs-li { margin-left: 10px } .pay-mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #373737; background-color: rgba(0,0,0,.65); height: 100%; z-index: 1000; filter: alpha(opacity=50) } .pay-dialog-account p { height: 36px; line-height: 36px; font-size: 14px } .pay-goods-name { height: 45px; margin-top: 18px; margin-bottom: 14px } .pay-goods-name i { display: block; width: 45px; height: 38px; float: left; margin-right: 23px } .pay-goods-name span { line-height: 45px; display: inline-block; height: 45px; font-size: 14px } .vip .pay-goods-name i { background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAYCAYAAAAGXva8AAAAAXNSR0IArs4c6QAABPxJREFUSA2VVk1sFVUUPufOzPsvtWnaImo0/qJSYjSC6Z8thMSYFosLFsa4ILpzpe5MNDEhmtAFa2OMiSRAbCrWUiPGpNDSwoIFMUFRWFArFWjp3+v7mztz/c7MG3iW9rWctDNn7j33fOf/PqYq1Dls3tee16d9EzO+4SqiwRYrFiE3ZtkHT3fzZ2vJr6moY9gfKLleb9ohrkkyZeJMlkXkeURFbUj7RI7FZAxR3jVk8E3QJnxRB+C/jvXYe1YDVqstvnrSO97e4Pce22VxBoDzOUNXb3r057RHU3M+lQBci3VAkg+wVIzJsSnkHcY3MTPtbh3yB1bTf4+nXUP6y5YmevfTFxV/ftGn4Ws+NWSY6msUJaFcKF8ytJQ3lEpwAFR0KYhCCREIeLhSEF6T8XxzZHxv7J1K8P+Bdg55h1qbzIefAPALAP4y5dOj9Ral40RJhDcALJrADRuKlwEOjygLA5DPYH8p75Mli/gLQu0FGTh8ttv5IAIOJfG1c6B0gC3+6miXxf2Thvr/8ujJRosaNzHZyN0TKaJHAG7fORGq0Ejq5UWiM9d9imFTcjyX8ykBXnvwFqkoueSDf+/8m7Gv5VSg4pXvzX6j9LG+nRYfvuzTbNZQJka0pU5RbUrR1jTRwwCsRpfmfZq4FUosoAZsFJ0oF299KbYSaZj89rlePq5aTpiDhvXRmCJ2IBiHhUUIBjlESJ/dAKBAPfeAoramMAxxGKyRUyFVDjvSgVLTR9pOmH3KM/ojtJeSvPVdCi0UYSma5zNED63jochG9AxS0dKISgaQKy0EitIhaTbG2Jq8b6RlOIacKaxyuYHiKHuhOth2v7Q5Id4BoAxadjRYE13wP62Adwj5NrIpPefhvzbFQVucnUWFYnOjtIi0/Hw97N2wWuBRaD+cCrXAoCE13ut87JHVn3cZkw5Rx6MOoNKH0EFnUBzZcn6qgQvgySlDyygXFzoiENEpZJilv4Yn9tq9QUAnetT+kuZT2QLWyyZK40sfCvA4PK4GLIA//WMoB0ChQlFGZMgjjxJScjV/e+4Nu1tWy1kkGu1RrxU0jS3CQ43ekuaX0GCqUAEhl1AvreKxAJ5CSLOYSkLSpzlUkfS2kMYVgLHZv6VbHcBsDPy+AyoCo912+3zBnJ4DsKRSFEi4ZcDnYMhK4AUBnDa0UJLTIS3BwoRYXCYMhvFtD9pvfccMDSGV0xt9hu+WQfd8fYp31KVR1XfPB5txhK2jITw2csPQIkIZmI9dmb0yWOQyEMJtc8WNq+aRLi4EC+XHqqCy1zboXkRBbZdbRgyXwgh7DVUeRCCs9EiZAM4s+bQpqQLZgkvXdMLaBsBsJBO91wQVgdZB9/f6DG9NlPs2OlT5lhRISJfh8SYUnxiWd2nKK1jNI/t4vlI24quCovK49Qf3j2RcPZ2RYS9DBF5LP0tbSJXmUTRxRyGPocqC5mntqu0jPTwTgax8VwUV4U6MLvdH/XfKoc3SULgfA29kgklbWBU5B+DNuZR64UIHT68EqvyuOFK5fJcfYdY3bPuxnMu3BCSNS0B+KSScewBnCpZ6eT1A0bwuqAhdeZ2LTo31OCr1tvxGEpKWCu5L9PFikScLrnppbA9PhrvVn+uGt/J486ipq5l1Jx2HM9GY83y+vZy0dlzYzVcrZavxG/I0UvBbO8+5tc5TrsezPrHB5PrXt61d9wMouv4DOhE1BtEO5PMAAAAASUVORK5CYII=) } .svip .pay-goods-name i { background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAYCAYAAAAGXva8AAAAAXNSR0IArs4c6QAABNtJREFUSA2VVV1oHFUU/u7M7sxufjZQWytBjD/UlAjWWksfilqD8SG1pOanFStU4pPPIgi+SFFRsC/FN4VqRQgkbSotigVZqaIE7FNpaW1EEiOmNps0yWZ3M3/X78zsJJtkN64Hdu+de8493/m/CpuQPtt+AoH/NrSfQKDVJqIRSykNw3ShjPdV/28nasnXVKTP7czCXX4WdlIhlQLsBKAorjXgBVyp0uBZ+K25KCh3GfCFFwj3e9V3o6sacFVQPbrzAgEPoiGlYJpAQZR50X2TQA02fzTE9QlgRMb4PgNiQHlOZJR4rb3zqvdG73pg3lhLerT9yxDw4ZcUnv4amM/TSwLfmwFatwDbuab5XSwCJm026Jm4TeOUSZyExTN+a0NBm4eZojNrEciuPNCjj54i4DE8dFjhiQ+A66eAbc1ACz1LESghyuhxgvtMmh4SMMm9nAmZ9JSA2iIvKFHOZszNV/VwB61fpZXw6pG2QQTGZ3iwR+HJD4GxN4HSZaBJLC+LNXUCjfsIRiMqKWD4Z38Bcj8QLKANxPJdwPHoeRrKWaJ15o/oH+hU6t1A6XN7e+HOMVHeECzm8PkLwLVPgJnvyh4mI/WZF5nHpyqhNu7v/grcvhjmVAcELizQW0YKNNoVYGsMHe0HlB7ZlYU3/wySKQONDItFgZm5KIcSUoYMLYeYxz0bQaqdzF8Bps6zgBlqhyHmqk2LBeay0NhNsC8b8Bf3svQNSB52n4wqUZQl6LxQ5mD9gCLfQuNaaaRQglGK8y3tZjTw0NtPN4IEko1R3q6+FcpC2kJIWsJ6INr/n/+GtkhaUb1mVIUENFy9OYPlfRKBoyXsIUmzSx96rEjF8Oa+4p7hrpccyk7xjpDoDOeE7BnugHkNih8ZamDiHfjuWbaKhk9Aj95J45cIatDS0l1g+lMOh5yo2ZxcykydZtXyjpA4Kd4KsWvp3Hvq6MTHsX/Qwzsuwba6kGKLyDBg6Yd9aJVDbTazuI4zT1sjJev/nRngzy9o9GI4CrXP6g3oQIntxLaBmz+D/puvKU6qshnUP3DrBWj3Glx66LDHxEuZrTJnhXwq++dzflP5enLuEFB4lBGK3wZWbKjDXxyB3jUogMJeAZUPdDyyh7nMwSWQhFlExC5uw72fj4BdgsQkgJMMqUeeEAsnrh0IaLB8EW2ZV9SRYdES0kp44wP90/5m5Gb/QjLZDIuAyXJ4YwFZTVb79pcJQKumhqi4sMr1OAYlMzL4C0unkTHeUN3jjPEqbQAVls4e2Ir56UnYdjoc6nKYpAHVnjbhxcRnLcyleFhYGELjPa+rQ1cqLIoEq4IKS2f33Y+FhXFYtl3V2xgoXitnbjE/ynf4uOq5WU5yLBSta3NawVPPjU1hS/PjcNg78VtawV/ZSt4lpOGQZ9qK+W+RzAzWApR7NT2NlepLu1uxVBiHnU6HT1o4WYhULuqwaPipNAGXFrKszaPqyHhFpcWaVtf/BBVRnX2sCXPObW01NYSttHo/3Cnp6cLizzDdftU38fc69obPukDllv7mvm0oZiaRakyFBSVA8pMpFri3gOUu1ffHxAaEKgc1c7peVnVP30HJZqjzeSwLmMmOkVdEzyLhdtcLKHrrBhVhdewqp7m7A14hx8rRyitNM5Gdquf3ceHXS/8CbOHuVJS+X28AAAAASUVORK5CYII=) } .pay-goods-present li { display: inline-block; margin-right: 90px } .pay-goods-present a { display: inline-block; height: 40px; line-height: 40px; color: #549cff; text-decoration: underline; font-size: 14px } .pay-goods-title { height: 20px; line-height: 20px; font-size: 14px; color: #333; margin: 12px 0 } .pay-goods-total { margin-top: 30px } .pay-goods-total .price-origin { color: #999; font-size: 14px; margin-left: 6px; text-decoration: line-through } .pay-goods-total p .price { font-size: 16px; color: red } .pay-dialog-qrcode i { display: inline-block; width: 160px; height: 160px; background: #efefef } .pay-dialog-qrcode p { line-height: 40px; height: 40px; font-size: 16px } .pay-coupon-card { position: relative; box-sizing: border-box; width: 100%; height: 148px; padding: 24px 30px; background-size: cover; color: #fff } .pay-coupon-card .coupon-title { width: 100%; font-size: 24px; font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .pay-coupon-card .coupon-note { max-width: 220px; margin-top: 10px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .pay-coupon-card .coupon-price { position: absolute; font-size: 40px; top: 52px; right: 48px } .pay-batch-coupon-card { position: relative; box-sizing: border-box; width: 506px; height: 196px; padding: 25px 82px; background-size: cover; color: #fff } .pay-batch-coupon-card .coupon-title { width: 100%; font-size: 24px; font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .pay-batch-coupon-card .coupon-note { max-width: 220px; margin-top: 10px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .pay-batch-coupon-card .coupon-price { position: absolute; font-size: 24px; top: 44px; right: 86px } .pay-batch-coupon-card .coupon-count { position: absolute; font-size: 20px; color: #0574ff; bottom: 10px; right: 70px } .placeholder { text-align: center } .placeholder-icon { margin-top: 0; width: 290px; height: 163px; margin-left: -20px } .placeholder-icon,.placeholder-image { display: inline-block; *display: inline; *zoom: 1 } .placeholder-image { margin-top: 50px } .placeholder-text { text-align: center; font-size: 14px; line-height: 20px; margin-top: 20px; color: #999 } .placeholder-default .placeholder-icon { background-image: url(../img/placeholder-default-si.33d3d1d3e2e4b10c9604ae52352a210b.png) } .placeholder-cps .placeholder-icon { width: 174px; height: 120px; background-image: url(../img/placeholder-cps-si.0cd3a8d93892bcea74fc1132f6f357d6.png) } .placeholder-trash .placeholder-icon { background-image: url(../img/placeholder-trash-si.20accb139a9aa0266a39d1415eec9b6a.png) } .placeholder-share-illegal .placeholder-icon { background-image: url(../img/placeholder-share-illegal-s.47aff76b3b88dcd63a9a85c3e3bcd53e.png); width: 132px; height: 131px } .placeholder-share-illegal .placeholder-text p { color: #9e9e9e; margin-top: 20px; margin-bottom: 40px } .placeholder-link .placeholder-icon { background-image: url(../img/placeholder-link-s.4578b0154bc99abe4f868386d29aefde.png); width: 139px; height: 178px; margin-top: 170px } .placeholder-link .placeholder-text { color: #373737; margin-top: 25px } .placeholder-link .placeholder-text h3 { color: #373737; font-size: 16px } .placeholder-link .placeholder-text p { color: #9e9e9e; margin-top: 20px } .placeholder-link .placeholder-text .btn-gradual-gray { margin-right: 15px } .panel-pwd-forget .panel-hd { padding: 38px 0 34px; min-height: 100px; line-height: 28px; font-size: 20px; font-weight: 400; color: #2a323c } .panel-pwd-forget .panel-bd { padding: 0 310px; border-top: 1px solid #eaeaea; *zoom: 1 } .panel-pwd-forget .panel-bd:after,.panel-pwd-forget .panel-bd:before { content: " "; display: table } .panel-pwd-forget .panel-bd:after { clear: both } .state-404 { position: absolute; top: 50%; left: 50%; margin-top: -189.5px; margin-left: -195.5px; height: 379px; width: 391px } .state-404 .state-icon { display: inline-block; *display: inline; *zoom: 1; width: 391px; height: 291px; background: url(../img/state-404.e50b1e4122d65cdbb75b66568d9e973c.png) no-repeat } .state-500 { position: absolute; top: 50%; left: 50%; margin-top: -176.5px; margin-left: -164px; height: 353px; width: 328px } .state-500 .state-icon { display: inline-block; *display: inline; *zoom: 1; width: 328px; height: 265px; background: url(../img/state-500.a9ce2d79254902adeac6bf52a3711a60.png) no-repeat } body.body-state-update { height: 100%; overflow-y: auto } body.body-state-update .share-container { position: relative; height: calc(100% - 62px); min-height: 862px } .state-update { background: url(../img/update.165937f056828caf83976b4787a207be.png) no-repeat; position: absolute; top: 50%; left: 50%; margin-top: -431px; margin-left: -555.5px; height: 862px; width: 1111px } .state-update .title { margin-top: 148px; font-size: 50px; line-height: 70px; color: #28b2f5; text-align: center } .state-update .detail { padding: 0 188px } .state-update .detail .first { margin-top: 52px; font-size: 26px; color: #28b2f5; text-align: left; line-height: 37px } .state-update .detail .middle { margin-top: 20px; font-size: 26px; color: #28b2f5; text-indent: 2em; text-align: justify; line-height: 45px } .state-update .detail .middle span { padding: 0 5px; color: #ff974b } .state-update .detail .last { margin-top: 15px; font-size: 24px; color: #28b2f5; text-align: right; line-height: 33px } .state-limit { position: absolute; top: 50%; left: 50%; margin-top: -205px; margin-left: -218px; height: 410px; width: 436px } .state-limit .state-icon { display: inline-block; *display: inline; *zoom: 1; width: 436px; height: 306px; background: url(../img/state-ip.713980a713c6f1faea700276dec46f9a.png) no-repeat } .state-limit p { font-size: 20px; color: #616975 } .state-limit a { font-size: 16px } .state-warning { position: absolute; top: 50%; left: 50%; height: 110px; width: 400px; position: inherit; top: 0; left: 0; margin: 0; padding-top: 60px } .state-warning .state-icon { display: inline-block; *display: inline; *zoom: 1; width: 69px; height: 69px; background: url(data:image/png; base64,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) no-repeat } .state { text-align: center } .state p { font-size: 12px; color: #71848d; margin-top: 20px } .state ul { margin-top: 30px } .state li { display: inline-block; *display: inline; *zoom: 1; margin-left: 10px; margin-right: 10px } .state a { text-decoration: underline; color: #49c0fa } .steps { position: absolute; z-index: 1000; width: 100%; height: 100% } .steps-wrap.container { position: relative; height: 100% } .steps .skip { width: auto; font-size: 12px; text-decoration: underline; color: #666; background: transparent } .steps .skip:hover { color: #ff9f40 } .steps-arrows { width: 284px; height: 159px; background-position: 0 0; background-repeat: no-repeat; background-image: url(../img/steps-arrow.76c7e8300f0a4cc92cc3094f4fb1b833.png); *zoom: 1 } .steps-arrows:after,.steps-arrows:before { content: " "; display: table } .steps-arrows:after { clear: both } .steps-arrows p { font-size: 16px; color: #fff; font-weight: 700; text-align: center } .steps-arrows-yellow-left { width: 324px; height: 166px; background-image: url(../img/steps-arrow-yellow-left.8805bfdc3dca233a65932fe9211d2b65.png) } .steps-arrows-yellow-left p { margin-top: 120px; width: 288px; color: #e3c435 } .steps-arrows-yellow-right { width: 324px; height: 164px; background-image: url(../img/steps-arrow-yellow-right.69b64b0170ba38f1c97c666757d37d33.png) } .steps-arrows-yellow-right p { width: 284px; height: 61px; margin-top: 102px; margin-left: 40px; line-height: 60px; text-align: center; color: #e3c435 } .steps-arrows-sm { width: 284px; height: 163px; background-image: url(../img/steps-arrow-sm.ea7e61e9b0230054dc7f2b832440dba3.png) } .steps-arrows-sm p { margin-top: 120px } .steps-arrows-sm-two { margin-top: 70px; margin-left: 62px; width: 321px; height: 162px; background-image: url(../img/steps-arrow-sm-two.fa178ae42694600680ed72790f4371b1.png) } .steps-arrows-sm-two p { margin-top: 97px; width: 282px; height: 62px; line-height: 62px } .steps-arrows-lg { overflow: hidden; margin-left: 204px; margin-top: 20px; width: 447px; height: 222px; background-image: url(../img/steps-arrow-lg.d95ac9388ba2f7921c40371de21723ce.png) } .steps-arrows-lg p { margin-top: 138px; width: 445px; height: 84px; line-height: 84px } .steps-arrows-xl { overflow: hidden; position: absolute; left: 455px; top: 221px; width: 447px; height: 184px; background-image: url(../img/steps-arrow-xl.7acfbb0700bc70a2f2053219b3c39de0.png) } .steps-arrows-xl p { margin-top: 116px; line-height: 24px } .steps .bg { background-position: 0 0; background-repeat: no-repeat } .steps .cloud-down { width: 96px; height: 34px; background-image: url(data:image/png; base64,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) } .steps-buttons { z-index: 1000; position: absolute; bottom: 128px; width: 100%; text-align: center } .steps-buttons .btn-guide { position: static; margin: 0 auto } .matrix-steps-one { top: 83px; left: 99px; background: url(../img/matrix-step01.7605813b53d1a7935a19afd0b7f5a33a.png) no-repeat; width: 333px; height: 217px } .matrix-steps-one a { top: 160px; left: 130px } .matrix-steps-one .skip { left: 94px } .matrix-steps-two { top: 50px; right: 70px; background: url(../img/matrix-step02.148080af878bf74399beaa7185e7301c.png) no-repeat; width: 290px; height: 213px } .matrix-steps-two a { top: 152px; left: 110px } .matrix-steps-three { top: 165px; left: 303px; background: url(../img/matrix-step03.fe8ef36bcc2b1475569d38b77c6d6fff.png) no-repeat; width: 377px; height: 154px } .matrix-steps-three a { top: 90px; left: 188px } .matrix-steps-three .skip { left: 152px } .steps-pwd-forget { width: 100%; padding-top: 37px } .steps-pwd-forget .steps-item { width: 38.3333%; height: 50px; display: inline-block; *display: inline; *zoom: 1 } .steps-pwd-forget .steps-item:last-child { width: 20% } .steps-pwd-forget .steps-item:last-child .steps-item-tail { display: none } .steps-pwd-forget .steps-item-content { width: 100px; display: block; text-align: center } .steps-pwd-forget .steps-item-title { font-size: 14px; color: #c5c5c7 } .steps-pwd-forget .steps-item-icon { margin-top: 9px; width: 6px; height: 6px; border-radius: 50%; background-color: #d5d5d5; margin-left: 47px } .steps-pwd-forget .steps-item-tail { margin-top: 9px; position: relative; padding: 0 24px; margin-left: 48px; margin-right: -30px } .steps-pwd-forget .steps-item-tail:after { position: absolute; top: 3px; left: 13px; content: ""; width: 100%; height: 1px; background-color: #d5d5d5; display: inline-block; *display: inline; *zoom: 1 } .steps-pwd-forget .steps-item-finish .steps-item-tail:after { background-color: #0574ff } .steps-pwd-forget .steps-item-finish .steps-item-title,.steps-pwd-forget .steps-item-process .steps-item-title { color: #0574ff } .steps-pwd-forget .steps-item-finish .steps-item-icon,.steps-pwd-forget .steps-item-process .steps-item-icon { background-color: #0574ff } .steps-new { overflow: hidden } .steps-new .cloud-down { margin-left: 185px; margin-top: 98px } .steps-new .cloud-down-text { margin-left: 299px; margin-top: 96px; width: 560px; height: 320px; background-image: url(../img/cloud-down-text.535fedd47e71112aa59dea479dc1b5f4.png) } .activity-in-login { width: 352px; height: 95px; background-size: 100% } .activity-in-home,.activity-in-login { display: inline-block; *display: inline; *zoom: 1; background-repeat: no-repeat; background-position: 0 0 } .activity-in-home { width: 245px; height: 48px; margin-top: 8px; margin-left: 10px; background-size: contain } .activity-in-sidebar { width: 129px; height: 152px; display: block; margin: 20px auto 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain } @media (max-height:900px) { .activity-in-sidebar { margin-top: 15px } } @media (max-height:890px) { .activity-in-sidebar { margin-top: 5px; height: 140px } } @media (max-height:870px) { .activity-in-sidebar { margin-top: 5px; height: 120px } } @media (max-height:810px) { .activity-in-sidebar { height: 110px } } @media (max-height:768px) { .activity-in-sidebar { margin-top: 2px; height: 100px } } @media (max-height:664px) { .activity-in-sidebar { display: none } } .article { *zoom: 1; width: 1000px; margin: 50px auto } .article:after,.article:before { content: " "; display: table } .article:after { clear: both } .article-sidebar { float: left; width: 160px } .article-sidebar a { display: block; height: 45px; line-height: 45px; padding-left: 15px; padding-right: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #585858; background-color: #edf4ff } .article-sidebar .active a { color: #fff; background-color: #4885dc } .article-main { float: right; width: 785px; padding-left: 25px; border-left: 1px solid #d7d7d7; color: #585858 } .article-main h2,.article-main h3,.article-main ol,.article-main p { margin-bottom: 20px } .article-main h2 { line-height: 40px; border-bottom: 1px solid #d7d7d7 } .article-main ol,.article-main p { text-indent: 2em } .agt-bg { background: #fff } @media (max-width:767px) { .agt-bg { min-width: 100%; width: auto!important; width: 100% } } .agt-main { width: 1140px; min-height: 800px; margin: 77px auto 0; padding: 11px 37px 20px; background: #fff } @media (max-width:767px) { .agt-main { width: 100%; margin-top: 0 } } .agt-main .title { margin-top: 23px; margin-bottom: 22px; font-size: 16px; color: #2a323c } .agt-main p { text-indent: 2em } .agt-main p,.agt-main ul { font-size: 14px; color: #767676 } .agt-main p,.agt-main ul>li { line-height: 26px } .agt-main dl>dd,.agt-main ol>li,.agt-main ul>li { text-indent: -1.7em } .agt-main h1 { margin-top: 40px; margin-bottom: 22px; font-size: 16px; color: #666 } .agt-main ul>li { padding-left: 3.7em; margin-bottom: 10px } .agt-main dl>dd,.agt-main ol>li { padding-left: 3.7em; margin-top: 5px } .agt-main dl>dd { margin-bottom: 5px } .agt-main p+p,.agt-main p+ul { margin-top: 10px } .agt-main p.agt-main-ft-mt { margin-top: 20px } .agt-main-ft { overflow: hidden; margin-top: 10px; padding: 4px 10px 1px; background-color: #f1f9ff } .agt-main-ft ul>li { margin-bottom: 4px; text-indent: 0 } .agt-main table { border-collapse: collapse; border-spacing: 0; text-indent: 0; margin: 6px 0 14px; word-break: break-all } .agt-main table tr td { padding: 0 8px } .changelog-body { height: auto; background: #fff } .changelog-main { width: 962px; padding-bottom: 94px; margin: 102px auto 0 } .changelog-main .list-changelog { margin-top: 72px } .changelog-main .list-changelog>li { padding-top: 18px; padding-bottom: 26px } .changelog-main .list-changelog>li+li { border-top: 1px dashed #d7d7d7 } .changelog-main .list-changelog .title { color: #0574ff; font-weight: 400; font-size: 16px } .changelog-main .list-changelog .subtitle { color: #2a323c; font-weight: 400; font-size: 14px } .changelog-main .list-changelog-detail>li { margin-top: 4px; font-size: 12px; color: #999; line-height: 17px } .changelog-hd a { display: inline-block; padding-bottom: 5px; border-bottom: 2px solid transparent; color: #999; line-height: 22px; font-size: 16px } .changelog-hd a.active { color: #0574ff; border-color: #2fb9fc } .changelog-hd a:hover { color: #0574ff } .changelog-hd a+a { margin-left: 74px } .message-center-wrap { background: #fff; min-height: 855px } .share { position: relative; height: auto; padding-bottom: 184px; background: #f2f2f2 } @media (max-width:767px) { .share { padding-bottom: 20px } } .share-body-lg { height: 100% } .share-wrap { position: relative } .share .bg-white { background-color: #fff } .share-header { position: fixed; top: 0; width: 100%; *zoom: 1; height: 62px; background-color: #184fa1; z-index: 99 } .share-header:after,.share-header:before { content: " "; display: table } .share-header:after { clear: both } @media (max-width:767px) { .share-header { display: none } } .share-header .title { margin-left: 30px; line-height: 62px; font-size: 16px; color: #fff } .share-header .service { float: right; font-size: 14px; color: #fff; line-height: 62px } .share-header .service .icon-phone { width: 16px; height: 16px; background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAURJREFUOBGVk79qwlAUh03JoIMBi4uLg+ID5BVc6uBYig/Qta4GX0AKxbkdMzp2FRf7Z3AsaIdCkUpxd+uWfj/JDblSYxr4OOfe8zsnufecFAo8URTVYA5LaGov90NCEd7gBnqwgvJ/CgxJCE0C/i08mPVJi/gTks/G1xd9gH8yGcEZVGFrxI7j/OA/wpXZy7S8aQpdibAePMMrtDITTRBhBxZxgQb+F7gmnsuSMIPruMgEP8iVaEQk1OEbWlCFNbRNPJcl4RLeoQI+qGBSBF/FR3C8OwQH8AQlCWENAbigi70Dtfge/h42AmNQkXPQcXQnG3jRUbCaEw2bJjaZH+uYBPQlOs6+lVh1x0uLWGvsl+k9yyeoO9E97LtjBVmw34f54b61RqDuqMUL6ILupgkh6AesWQnHFggvQBO7A/07QyhK/wtpLVfn6W/WWwAAAABJRU5ErkJggg==);margin-right: 10px } .share-container { margin-top: 62px } .share .copyright { position: absolute; bottom: 0 } .share-toolbar { padding: 25px 90px } .share-toolbar .pull-left h2 { display: inline-block; *display: inline; *zoom: 1; line-height: 35px; font-size: 16px; color: #373737 } .share-container-list .action-bar { padding-left: 80px; padding-right: 80px; margin-top: 25px } .share-container-list .action-bar .pull-left { width: 635px; font-size: 16px; font-weight: 700 } .share-container-list .action-bar .pull-left span { width: 590px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-left: 5px } .share-container-list .nav-bar { padding: 10px 80px } .share-container-list .view .view-header { padding-left: 80px; padding-right: 80px } .share-container-list .view .view-container { padding-left: 50px; padding-right: 50px } .share-container-list .view-header .span-one { padding-left: 0 } .share-container-list .view-footer { padding-left: 80px; padding-right: 80px } .share-link-container { padding: 30px } .share-link-container .top { margin-bottom: 20px; line-height: 28px; font-size: 16px } .share-link-container .top .icon-type { vertical-align: middle } .share-link-container .top span { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 460px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .share-link-container .form input { vertical-align: middle; border: 1px solid #c5c5c5; padding: 5px; line-height: 20px; width: 300px } .share-link-container .row { *zoom: 1 } .share-link-container .row:after,.share-link-container .row:before { content: " "; display: table } .share-link-container .row:after { clear: both } .share-link-container .span .help-block { background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNDNBQzBFM0VFNDkxMUU0QkE3NUEwQTJFQTU0REI5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNDNBQzBFNEVFNDkxMUU0QkE3NUEwQTJFQTU0REI5MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM0M0FDMEUxRUU0OTExRTRCQTc1QTBBMkVBNTREQjkwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM0M0FDMEUyRUU0OTExRTRCQTc1QTBBMkVBNTREQjkwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+9nCqeQAAAXlJREFUeNpi9D+SwYAEmIDYBYjToTQI7ATiGUB8AIj/wRQy/v//H8wIOJopDaSOA7EsA3bwFIjNN1hPfwpUC9EI1fQIaiM+ALJRDmQIE1ATSPFJfJoYgTBLJZpBm18VrhbEcABiaXzWJCoGM7iJ2zDEywcyQNW6gDRm4NMULuvN4CflzPD213uGvlvzYcLpII3uIJatiAlDqXoKAwczO1yTj6QjQ6ScD8On318Y6q5MZHjx4zVMyo0FxtLgU2KwFjFmEOcQYWi9Po3BUECLIVkplOHzn68MtVcmMDz9/hLZIV+ZNZJMjIAM7fPvrzGIcggxmAjqMNiJmgGxKcOPfz8ZGq9OYrj39TG6D3YwQSOX4T8QTr2zhOHom7MMQmz8DL///2FovjaV4faXh9i8PpsFmiJAkSv97/8/hv5bCxgYGRkZdrw4zHD9011cCWEPRQkAZoo8ED/Ho+k5TBMDmg1PgFgGGj0bgPgbEL8C4uXQBC8D0wQCAAEGAL7tewNrPNxqAAAAAElFTkSuQmCC) 0 no-repeat;padding-left: 19px } .share-link-container .span-full { margin-left: 36px } .share-link-container .help-block { display: block; font-size: 12px; line-height: 30px; color: #4c93f2 } .share-link-container .help-inline { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle } .share-link-container .alert-main { word-break: break-all; max-width: 190px } .share-link-container .form-v { padding-left: 30px } .share-link-container .form-v .row { margin-bottom: 10px; line-height: 40px } .share-link-container .form-v .item { float: left; display: inline-block; vertical-align: middle; text-align: right; font-size: 14px } .share-link-container .form-v .span { margin-left: 80px } .share-link-container .form-v input { width: 150px } .share-link { *zoom: 1; font-size: 14px } .share-link:after,.share-link:before { content: " "; display: table } .share-link:after { clear: both } .share-link-content,.share-link-label { display: block } .share-link-label { float: left } .share-link-content { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; color: #3083eb } .video-body { min-width: 950px; background: #3e3e3e; overflow: auto } body,html { min-height: 100%; overflow: auto; position: relative } .list-upload { font-size: 12px } .list-upload li { position: relative; *zoom: 1; color: #373737; border-bottom: 1px solid #e9e9e9 } .list-upload li:after,.list-upload li:before { content: " "; display: table } .list-upload li:after { clear: both } .list-upload li .progress-bar { position: absolute; top: 0; bottom: 0; background-color: #cbf7d5 } .list-upload li .span { position: relative; float: left } .list-upload li .span span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 5px 10px; line-height: 20px } .list-upload li .span-one { width: 40% } .list-upload li .span-one span { padding-left: 20px } .list-upload li .span-two { width: 30% } .list-upload li .span-two span { padding-left: 20px } .list-upload li .span-two .text-green { color: #27b800 } .list-upload li .span-two .text-red { color: #e93939 } .list-upload li .span-two .text-gray { color: #8c8c8c } .list-upload li .span-two .text-loading { background: url(data:image/gif; base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7) 0 no-repeat } .list-upload li .span-three { width: 16% } .list-upload li .span-three span { color: #8c8c8c } .list-upload li .span-four { width: 10% } .list-upload li .span-four .text-blue,.list-upload li .span-four span a { color: #3083eb } .list-upload .list-header { background-color: #f3f7fc } .list-upload .list-header .span span { padding-top: 2px; padding-bottom: 2px; font-size: 14px; color: #333 } .hint-update-info { position: relative; z-index: 2; padding: 5px 30px 5px 20px; height: 18px } .hint-update-info .hint-container { position: relative; position: absolute; top: 25px; right: 55px; visibility: hidden; border: 1px solid #f1c339; background-color: #ffefcd; color: #e96005; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.2); width: 310px; padding: 10px } .hint-update-info .hint-container:after,.hint-update-info .hint-container:before { position: absolute; pointer-events: none; content: ""; display: block; width: 0; height: 0; border: 6px solid transparent; bottom: 100%; right: 30px } .hint-update-info .hint-container:before { border-bottom-color: #f1c339 } .hint-update-info .hint-container:after { border-bottom-color: #ffefcd; margin-bottom: -1px } .hint-update-info .icon-hint-info { width: 16px; height: 16px; background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABC0lEQVQ4y63TPUoDURTF8V9mMvYRXICpRAu3oGgRFSGzh1hYuhGtLIJxDdFCsIjoFoRgKbqBTKMIkw8sZqLBTEAT/+V795x3ufe8kh9U2v11NLCH1fz4GbdoJXH0NFlfmhAu4RTHCBQzwgVOkjj6+DLIxTfY9TvusJ/EUTp+6axI3KuX9erlIoOdvFulSru/gUeERQawfDUoMhliM8gHFvo7IRoBanOIx9QCVBcwqAYLiCENZCGZl9eyLGFrRbcr14PvpBXTCXApW8kU91uhh+2ZCxqiFSRx1EWzqOJtwPtgll4ziaPu/0Q5iaMUBziXfZhZjPJuD3PN9IzyaB/JAlZFihd0ZN+5O1n/CYyPS6MlWU1IAAAAAElFTkSuQmCC) } .hint-update-info .icon-hint-warning { width: 20px; height: 18px; background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABKElEQVQ4y6XSvy4EURTH8c9udvxPSKjdbVBINEJDrdDYIN5CoRV6iVAovIAXmH0UEo0orDcgGrlLNLuymZ0xg1937j3nm1/O71BBMQ1TVfqgVgG2jTZusZG0Ou8/9ddLYGO4RgOrOCozUC/5P0QYqE9jGub/BIxpmMNx5nkCl391eIqZnPe9mIatoqHcUGIaFnCPBBo7T6DbbvZbHrCSF1CRw7M+rECLCgIaAsY0bGJXuU7yAqpnYDVcVIDBZF5v1uEB1isCYT8b0DcwpmG0t7vf6qo3O+TwEM28iW67OZhwVksGAqr13M3iUf7d5Z1NVm9YTlqd577DkyJYRU3hHGoxDSN4xeg/gBAx3kAXd1grGXjBZ0HdxU3S6nz0d1jHdBaQtDqffqkvkMBOtbvXUtUAAAAASUVORK5CYII=) } .hint-update-info .pull-left { color: #11affb } .hint-update-info .pull-right:hover~.hint-container { visibility: visible } .list-game-configured { font-size: 14px; padding: 26px 10px; overflow-x: hidden; overflow-y: auto } .list-game-configured>li { width: 166px; height: 74px; float: left; position: relative; border: 1px solid transparent } .list-game-configured>li .default { padding: 12px 10px } .list-game-configured>li .default p { padding-top: 14px; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .list-game-configured>li .photo { width: 48px; height: 48px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px } .list-game-configured>li .delete { display: none; position: absolute; bottom: 2px; right: 2px } .list-game-configured>li .delete a { width: 18px; height: 22px; display: block; padding-left: 4px; background-color: #e9e9e9 } .list-game-configured>li .delete a:hover { background-color: #dcdcdc } .list-game-configured>li:hover { border: 1px solid #cbddf3 } .list-game-configured>li:hover .delete { display: block } .list-storage { padding-right: 20px; overflow-x: hidden; overflow-y: auto; height: 106px } .list-storage li { *zoom: 1; min-height: 20px; display: block; margin-bottom: 10px; line-height: 20px; font-size: 14px; color: #2a323c } .list-storage li:after,.list-storage li:before { content: " "; display: table } .list-storage li:after { clear: both } .list-storage .detail { width: 238px; text-align: left } .list-invite-activity { padding-top: 27px; padding-bottom: 25px; padding-left: 77px } .list-invite-activity li { position: relative; font-size: 14px; line-height: 20px; color: #fff; margin-bottom: 22px } .list-invite-activity li:after { content: ""; width: 10px; height: 10px; background: #fff; border-radius: 50%; position: absolute; left: -28px; top: 25% } .list-card-coupon { *zoom: 1 } .list-card-coupon:after,.list-card-coupon:before { content: " "; display: table } .list-card-coupon:after { clear: both } .list-card-coupon li { position: relative; margin-right: 48px; margin-bottom: 23px; float: left; width: 333px; height: 163px; border-radius: 4px; background-repeat: no-repeat; background-position: 0 0; background-size: cover; *zoom: 1 } .list-card-coupon li:after,.list-card-coupon li:before { content: " "; display: table } .list-card-coupon li:after { clear: both } .list-card-coupon .marck { position: absolute; right: -1px; top: 3px; padding-right: 4px; width: 83px; height: 26px; background-repeat: no-repeat; color: #fff; font-size: 12px; line-height: 27px; text-align: right; letter-spacing: 3px } .list-card-coupon .marck-yellow { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAFMAAAAaCAYAAADL5WCkAAAAAXNSR0IArs4c6QAAAclJREFUaAXt2btKA0EUBuB/E5FsDHgJ2qiYxsbKSishhWBjIYpWlrZ24iMIlnaChZWCG2MKCaLBC1pZ+wpWooggGNDZ48ksBHKbTHbKmTQhzNl/mY+TZHYGcC9jAQrWk7UQzzjJBeBub/IFieSORwV/FyHtOxNzAdmZVEhvgcJDEGS7msfamVD/mtO5v8Ydesqg/XZSmM+6jlmLouLAIoQoMWjGPNq+hAZMCRr4c/x+BaIR+zjMZtyCGYFmZgBxw6DjZvF2Xd0WU4KWhnL4rTIopu0iiT/bjpgS9CIzhj9xzR06G/8W9lyZUE3VW/1+A1J5eN6Tqs6NRQJKzFqJt/H5BWSXGLTs0NQCXTEj0NcfjM6vMO2JOs7uUeVvZjMNEXkI0ge8It1uHnOfAa3OdFB6AtqdSff5Prw/H/Mj56ZetH1VWpgUTPjAR8BLpGX7iPRn3BWTguFBoHrJkAv6sXZWKjHJLdp76oqOmFRMTUGg4h4n9T3bbgZTwBsdRA8MmdOPcpUtSyOSW3DikTHdjlGP/dGAKTeHQbcMme0xx5WzQB1THlsIUXa77PH7QmLKA7WQzhjSnf/Et0QiOuoNjxiy7Z+RQbZ1l/4DC+eA6fuUTacAAAAASUVORK5CYII=) } .list-card-coupon .marck-gray { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAFMAAAAaCAYAAADL5WCkAAAAAXNSR0IArs4c6QAAAc9JREFUaAXtmb1LxDAYxtuzFQRBUHBxkK66ON1UwUFwcepBFx1dXf0fHN0EB13aYqF1EBUF6YH/gYOL4Hpwm1MpLdQnpb0Prl+kbnkPemmT930gP54kbSJJ9OtMwHXdJSaS/XVWE1xA07RPXdd/ZNu2L9I0vRScx790X2YqAHqG4hpQyakdsGYwc6ADxhVAlzvoCZ06gckoWJZ1KMvyA4CuCk2Fs/NzMHOgfQB9AdB1Tk1h0xZgMhJY6neSJHkD0C1hyXB0vFeWY5rmF9yp4/oua6e6cgKlzixCfd/fDMPwFc97RR2V1QRKnVmEG4YxVlX1AA79KOqorCZQC5OlYcj/KopyBKBP1TLUwgjUDvNZREEQKKPR6A6L0slsPd1PCbSGyVIAUnYc5wrl+VSC7goCjcO8CKSymUBrZ+bD/BauPG2WFTOiFUy8xK/EcewC0bGYmNr1WmkKA8g1fA09Im6/KVb09to5k720w5FDDG0C2cIplfuXnudtR1E0hMZuCx0KAYHSOZM2Ovi8sQATe5p9SD3j2uCTFDdrbs7MN4ffCSSfISYwcQ40YN/fWGxol52PpZTBzA/U7gGSzn84QbK0Xn7UewOQlSt7B32hUv8AMB6T9qUXTtIAAAAASUVORK5CYII=) } .list-card-coupon .hd { height: 116px; padding: 0 22px; *zoom: 1 } .list-card-coupon .hd:after,.list-card-coupon .hd:before { content: " "; display: table } .list-card-coupon .hd:after { clear: both } .list-card-coupon .hd-left { width: 182px; float: left } .list-card-coupon .hd-right { margin-top: 45px; float: right } .list-card-coupon .title { margin-top: 21px; line-height: 28px; white-space: nowrap } .list-card-coupon .note,.list-card-coupon .title { color: #fff; overflow: hidden; text-overflow: ellipsis } .list-card-coupon .note { height: 40px; margin-top: 8px; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .list-card-coupon .bd { overflow: hidden; height: 47px; padding: 0 22px; box-shadow: 0 2px 14px -4px rgba(0,0,0,.18) } .list-card-coupon .gift,.list-card-coupon .validity { line-height: 47px; color: #2a323c } .list-card-coupon .points { color: #fff; font-size: 14px; text-shadow: 1px 1px 4px rgba(53,53,53,.35) } .list-card-coupon .points>* { vertical-align: middle } .list-card-coupon .points .highlight { font-size: 20px; margin-right: 4px } .list-card-coupon .give-friend { padding-top: 13px } .list-card-coupon .give-friend button { line-height: 22px } .list-card-coupon .expire { line-height: 47px; color: #2a323c } .list-card-coupon .expire span { color: #0574ff } .list-card-coupon .expire span.red { color: #f5464c } .list-card-coupon.list-card-coupon-unused .bd .validity { width: 190px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .list-card-coupon.list-card-coupon-used .hd-left { width: 100% } .list-card-coupon.list-card-coupon-used .bd .gift { width: 155px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .list-card-coupon.list-card-coupon-used .bd .expire { width: 118px; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .list-card-coupon.list-card-coupon-expire li { background-image: url(../img/card-stock-images-expire.75ffd64ff5a930c669f680ee29da3569.png) } .list-card-coupon.list-card-coupon-expire .validity { color: #586674 } .list-card-discount { *zoom: 1 } .list-card-discount:after,.list-card-discount:before { content: " "; display: table } .list-card-discount:after { clear: both } .list-card-discount .list-item { position: relative; margin-right: 27px; margin-bottom: 20px; float: left; width: 408px; height: 122px; border-radius: 4px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; *zoom: 1 } .list-card-discount .list-item:after,.list-card-discount .list-item:before { content: " "; display: table } .list-card-discount .list-item:after { clear: both } .list-card-discount .list-item .wrap-left { float: left; position: relative; width: 150px; height: 100% } .list-card-discount .list-item .wrap-left .sup { position: absolute; top: 14px; left: 21px; font-size: 24px } .list-card-discount .list-item .wrap-left .sub { font-size: 24px } .list-card-discount .list-item .wrap-left .value { line-height: 122px; margin-left: 36px; font-size: 48px } .list-card-discount .list-item .wrap-content { position: relative; overflow: hidden; height: 100%; padding: 8px } .list-card-discount .list-item .wrap-content h1 { line-height: 24px; height: 48px; margin-top: 0; margin-bottom: 4px; font-weight: 400; word-break: break-all; color: #fff; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis } .list-card-discount .list-item .wrap-content .validity { margin-top: 4px; font-size: 12px } .list-card-discount .list-item .wrap-content .btn-use-discount { position: absolute; right: 12px; top: 56px; width: 82px; height: 24px; line-height: 24px; vertical-align: middle; background: #fff; border-radius: 12px; padding: 0; text-align: center; border: none; cursor: pointer } .list-card-discount .list-item .wrap-content .btn-use-discount.disabled { cursor: default; background: #aaa } .list-card-discount .list-item .wrap-content .give-friend { position: absolute; bottom: 8px; left: 8px; font-size: 12px; color: #fff; cursor: pointer } .list-card-discount .list-item .wrap-content .give-friend .icon { margin-right: 6px } .list-card-discount .list-item .wrap-content .give-friend>* { line-height: 14px; vertical-align: middle } .list-card-discount .list-item .info { position: absolute; bottom: 8px; left: 8px; color: #fff } .list-card-discount .list-item .note-info { position: absolute; bottom: 8px; right: 8px; display: inline-block; width: 16px; height: 16px; line-height: 16px; vertical-align: middle } .list-card-discount .list-item .note-info .tooltip { display: none; position: absolute; bottom: 28px; right: -47px; width: 228px; padding: 12px; min-height: 20px; max-height: 244px; margin-left: 2px; vertical-align: middle; line-height: 20px; background-color: #fff; border-radius: 6px; color: #999; font-size: 12px; text-align: left; z-index: 1000; box-shadow: 0 2px 6px 0 rgba(0,0,0,.5) } .list-card-discount .list-item .note-info .tooltip ol { max-height: 244px; list-style: decimal; padding-left: 14px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 11; text-overflow: ellipsis } .list-card-discount .list-item .note-info .tooltip:before { position: absolute; display: block; content: ""; bottom: -15px; right: 46px; width: 0; height: 0; border: 8px solid transparent; border-top-color: #fff } .list-card-discount .list-item .note-info:hover .tooltip { display: block } .list-card-discount .list-item .discount-countdown-wrap { width: 104px; height: 20px; background: #2c78da; border: 1px solid #85c5ff; border-radius: 4px } .list-card-discount .list-item .discount-countdown-wrap .countdown-time { display: inline-block; width: 60px; height: 18px; line-height: 18px; font-size: 12px; background: #dff0ff; color: #1253a6; text-align: center } .list-card-discount .list-item .discount-countdown-wrap .countdown-after { font-size: 11px; color: #fff } .list-card-discount .list-item.type-amount .btn-use-discount { color: #5c89d8 } .list-card-discount .list-item.type-amount .validity { color: #1255ab } .list-card-discount .list-item.type-amount .wrap-left { color: #5b8ad7 } .list-card-discount .list-item.type-discount .discount-countdown-wrap { background: #f85663; border: 1px solid #ffb096 } .list-card-discount .list-item.type-discount .discount-countdown-wrap .countdown-time { background: #ffe2d9; color: #cf323a } .list-card-discount .list-item.type-discount .discount-countdown-wrap .countdown-after { color: #fff } .list-card-discount .list-item.type-discount .btn-use-discount { color: #fd9674 } .list-card-discount .list-item.type-discount .validity { color: #de3a42 } .list-card-discount .list-item.type-discount .wrap-left { color: #fc9173 } .list-card-discount .list-item.list-card-discount-expire,.list-card-discount .list-item.list-card-discount-used { background-image: url(../img/card-discount-gray.8652572545528d6e7e665478f9bb75b4.png) } .list-card-discount .list-item.list-card-discount-expire .validity,.list-card-discount .list-item.list-card-discount-used .validity { color: #fff } .list-card-discount .list-item.list-card-discount-expire .wrap-left,.list-card-discount .list-item.list-card-discount-used .wrap-left { color: #b9b9b9 } .list-card-discount .label { position: absolute; right: -1px; top: 3px; padding-right: 4px; width: 83px; height: 26px; background-repeat: no-repeat; color: #fff; font-size: 12px; line-height: 27px; text-align: right; letter-spacing: 3px } .list-card-discount .label-yellow { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAFMAAAAaCAYAAADL5WCkAAAAAXNSR0IArs4c6QAAAclJREFUaAXt2btKA0EUBuB/E5FsDHgJ2qiYxsbKSishhWBjIYpWlrZ24iMIlnaChZWCG2MKCaLBC1pZ+wpWooggGNDZ48ksBHKbTHbKmTQhzNl/mY+TZHYGcC9jAQrWk7UQzzjJBeBub/IFieSORwV/FyHtOxNzAdmZVEhvgcJDEGS7msfamVD/mtO5v8Ydesqg/XZSmM+6jlmLouLAIoQoMWjGPNq+hAZMCRr4c/x+BaIR+zjMZtyCGYFmZgBxw6DjZvF2Xd0WU4KWhnL4rTIopu0iiT/bjpgS9CIzhj9xzR06G/8W9lyZUE3VW/1+A1J5eN6Tqs6NRQJKzFqJt/H5BWSXGLTs0NQCXTEj0NcfjM6vMO2JOs7uUeVvZjMNEXkI0ge8It1uHnOfAa3OdFB6AtqdSff5Prw/H/Mj56ZetH1VWpgUTPjAR8BLpGX7iPRn3BWTguFBoHrJkAv6sXZWKjHJLdp76oqOmFRMTUGg4h4n9T3bbgZTwBsdRA8MmdOPcpUtSyOSW3DikTHdjlGP/dGAKTeHQbcMme0xx5WzQB1THlsIUXa77PH7QmLKA7WQzhjSnf/Et0QiOuoNjxiy7Z+RQbZ1l/4DC+eA6fuUTacAAAAASUVORK5CYII=) } .list-card-discount .label-gray { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAFMAAAAaCAYAAADL5WCkAAAAAXNSR0IArs4c6QAAAc9JREFUaAXtmb1LxDAYxtuzFQRBUHBxkK66ON1UwUFwcepBFx1dXf0fHN0EB13aYqF1EBUF6YH/gYOL4Hpwm1MpLdQnpb0Prl+kbnkPemmT930gP54kbSJJ9OtMwHXdJSaS/XVWE1xA07RPXdd/ZNu2L9I0vRScx790X2YqAHqG4hpQyakdsGYwc6ADxhVAlzvoCZ06gckoWJZ1KMvyA4CuCk2Fs/NzMHOgfQB9AdB1Tk1h0xZgMhJY6neSJHkD0C1hyXB0vFeWY5rmF9yp4/oua6e6cgKlzixCfd/fDMPwFc97RR2V1QRKnVmEG4YxVlX1AA79KOqorCZQC5OlYcj/KopyBKBP1TLUwgjUDvNZREEQKKPR6A6L0slsPd1PCbSGyVIAUnYc5wrl+VSC7goCjcO8CKSymUBrZ+bD/BauPG2WFTOiFUy8xK/EcewC0bGYmNr1WmkKA8g1fA09Im6/KVb09to5k720w5FDDG0C2cIplfuXnudtR1E0hMZuCx0KAYHSOZM2Ovi8sQATe5p9SD3j2uCTFDdrbs7MN4ffCSSfISYwcQ40YN/fWGxol52PpZTBzA/U7gGSzn84QbK0Xn7UewOQlSt7B32hUv8AMB6T9qUXTtIAAAAASUVORK5CYII=) } .list-card-discount .title { margin-top: 21px; line-height: 28px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .list-card-discount .note { height: 40px; margin-top: 8px; line-height: 20px; color: #fff; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis } .list-card-integral li { margin-bottom: 30px; margin-right: 30px; overflow: hidden; float: left; width: 190px; height: 137px; background: #fff; border-radius: 8px; box-shadow: 0 4px 8px 0 rgba(0,0,0,.08); background-size: 100%; background-position: top; background-repeat: no-repeat; cursor: pointer; -webkit-transition: box-shadow .4s; -moz-transition: box-shadow .4s; -o-transition: box-shadow .4s; transition: box-shadow .4s } .list-card-integral li:hover { box-shadow: 0 6px 18px 0 rgba(0,92,228,.28) } .list-card-integral .hd { width: 100%; font-size: 18px; color: #fff; text-align: center; margin-top: 24px } .list-card-integral .bd { text-align: center } .list-card-integral .integral { margin-top: 6px; font-size: 14px; line-height: 1; color: #fff } .list-card-integral .integral strong { font-weight: 400; font-size: 24px } .list-card-integral .btns { margin-top: 10px } .list-message-center { list-style: none; *zoom: 1 } .list-message-center:after,.list-message-center:before { content: " "; display: table } .list-message-center:after { clear: both } .list-message-center>div,.list-message-center>li { position: relative; padding: 0 48px; line-height: 20px; font-size: 14px; *zoom: 1 } .list-message-center>div .li,.list-message-center>li .li { width: 100%; padding: 12px 0; border-bottom: 1px solid #d8d8d8 } .list-message-center>div:hover,.list-message-center>li:hover { background: #dff4ff } .list-message-center>div:hover .remove,.list-message-center>li:hover .remove { display: block } .list-message-center>div a,.list-message-center>li a { color: #0574ff } .list-message-center>div:after,.list-message-center>div:before,.list-message-center>li:after,.list-message-center>li:before { content: " "; display: table } .list-message-center>div:after,.list-message-center>li:after { clear: both } .list-message-center>div .time,.list-message-center>li .time { margin-bottom: 4px; position: relative; color: #999 } .list-message-center>div .time .badge-dot,.list-message-center>li .time .badge-dot { left: -16px; top: 5px; right: auto } .list-message-center>div .title,.list-message-center>li .title { height: 40px; margin-bottom: 4px; overflow: hidden; text-align: justify; color: #666 } .list-message-center>div .title-cnt,.list-message-center>li .title-cnt { height: auto } .list-message-center>div .remove,.list-message-center>li .remove { display: none; position: absolute; right: 48px; top: 12px; z-index: 99; cursor: pointer } .list-message-center>div .remove .icon,.list-message-center>li .remove .icon { float: left } .copyright { box-sizing: border-box; width: 100%; height: 184px; padding-top: 19px; padding-bottom: 20px; line-height: 20px; text-align: left; font-size: 12px; color: #878787 } @media (max-width:767px) { .copyright { display: none } } .copyright .container { width: 1140px; margin: 0 auto; *zoom: 1 } .copyright .container:after,.copyright .container:before { content: " "; display: table } .copyright .container:after { clear: both } .copyright-wrap { float: left; width: 660px; padding-top: 8px } .copyright-wrap .icon { display: inline-block; width: 18px; height: 16px } .copyright-wrap .icon-copy-one { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNzNGQzdGNjdCODkxMUU4OUUyOUY2NTU2MEI1RUM3RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNzNGQzdGNzdCODkxMUU4OUUyOUY2NTU2MEI1RUM3RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE3M0ZDN0Y0N0I4OTExRTg5RTI5RjY1NTYwQjVFQzdGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE3M0ZDN0Y1N0I4OTExRTg5RTI5RjY1NTYwQjVFQzdGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+uhgbZwAAAlZJREFUeNqsk8trE1EUxiczmUwaDUlEyMIspEXBbXUV8fUfuDAbi7SGmmj9AwQtbmoJCsVNKpgHAUErZCMUDOJK1IW4FsEgXRmEGkNsMsY8Jv5OvQMhprjxwsd53JvvfOecjGc4HGr/43jT6bTWaDS0SCSya1utlhaNRjWfz2cOBoPTHo8nxLsB1us4znatVntH/Osvoj0K+FGaNgxjEd8CBnGdeLlSqfSSyaQG6S4sy9KkK30CiWWa5hL2EujxqI3dAjf7/f5OKpWSu+C/FE3FYrFrtDGnYilUB/fANxStQhzzer0z3W73Lrmv2shD95jhcDiFvTj8swEDfMddY3av8RcoMCMqwTlUZ7CHxommgCi5DHQZrJCA2+B5uVzuYB+AV+pOhn/c7/dn8eMuUYCNXVUzcSSJim02dh/3jSokCj/Rzg0G/Jj7AeiCafIr4IIQLZJYEFKsA2TAD8GmdNhsNrVEIqHl83mt3W7voKSuiDV8sQFd1/fpVP5AUAU+dSmtncCdHluEzgznsVe4N6VFCrWIs7lc7pExOzu7heS3bOQgyaNSBRyjyiniZqfT+Swk8Xh8nvx1VdADbNq8UygUnolCd9hfbNte4eFLFXfBYXAmGAwGQqHQHHeyUUO1Y8vwi8XiC7fN0fX/QNkyVZ6qYb7v9XrrKD3Pj2WjllrET5BlZhsuyTiRnA5S17AZHmf4r5zEX1Ik8tbGX8duuBvei0iOU61WN5nRWfxb4ADYL0pQK6t+Munj9PDtTMqbtHUERUF+3JdN8p21S6XSx9F2Rs9vAQYAEbEZx2rLmIAAAAAASUVORK5CYII=) } .copyright-wrap .icon-copy-two { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBM0Q2MTlGQjdCODkxMUU4QjI2MkUzQzExMDVFQUQwRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBM0Q2MTlGQzdCODkxMUU4QjI2MkUzQzExMDVFQUQwRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkEzRDYxOUY5N0I4OTExRThCMjYyRTNDMTEwNUVBRDBEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkEzRDYxOUZBN0I4OTExRThCMjYyRTNDMTEwNUVBRDBEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zOcR4QAAAlFJREFUeNpclM9LVVEQx+899z5/kQsLwTaBIEgtoqjIWiThLgJXJUQbeVa7WrmL+geC1oWvhVC4kqBFFIgLgwofprYzwoVKEMULFe09748+X9/cy31d+PKdM2dmzsycOddP09Qrl8vdvu+fds6lcOzxRVHkPPvQuSAIomydJImPXyAZXq1UKjuhFgQ4g/EU4ntQZ9PHMUCXmnEIGlrzOTHoACNsT4APWSA5zIE3GI7C3fBbDH1OD+M4rpZKpXvou0Ab+InueRiGKXx4WGgnJqoGvkTQMfgbMRbgC3APyW2yfx2cYL2GvhPdsrK0JLy8D2oFStW9g/E0/Ase1AFqix24S4ZPEL+DdmWcORcDpfa1gYesH8HHZMwBv1kvIkbINfQzlLSqhqvxeWnZzUANNhetF1/ErG/AanynNXyCYFV0y4UkmoEURDeD+JoTPll6e/ThPuIBOMlavbmjKiyTGs12LYHUeU6JMTgH3yXwEeQIHmD7B5hVz0Af2EU/rAuVTdbssJgeyg02P4KLGPbCL1Qe8i34M6yx2EIeQl6yufL+D+RItweusjlH0McY1pjwV5R4Hvkm+m27Tfn9bUmiOEc4X8ZoDMd+eJvA6+oRcjs288jj4BlyPXsiLYH0GhTPTjuL0SQ4hXwbHEf/RwOq3oFrzYlw+3ldhckO2NBTeEfQOqoO02va18nsqZi9Xr0rXQC6Kj5Xs2Tyt8Y34ppCozBbPlf8wCY7a4P+Dkct8ysEfJkHoqErOJTt95AUa1fZGg8r3/4iyeHA6ylh/1XKfwIMANuwaM2qFy1HAAAAAElFTkSuQmCC) } .copyright-wrap .icon-copy-three { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5Rjk5RDlGOTdCODkxMUU4QUM4MjhBM0RDQTU5RDQ4OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5Rjk5RDlGQTdCODkxMUU4QUM4MjhBM0RDQTU5RDQ4OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlGOTlEOUY3N0I4OTExRThBQzgyOEEzRENBNTlENDg4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlGOTlEOUY4N0I4OTExRThBQzgyOEEzRENBNTlENDg4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+QvowXwAAAeBJREFUeNp8VM1KAlEYvfOTijKhEUkF/exz6daFIbhp6yP0CILQInDXInoOn6CFuXDRIt/CoFAEpUFRG2c633hmuJl24fB93nvOvWe++12NIAhUrVZTMnK5nBqPxyqbzarZbLafTCaPDcNIyxp4s8Vi8ZlOp78mk0nMldFqtZSt/o4EUMpkMteIReCI80PbtnvY8AV5F1jqos2NDnFSHeQykIKbJWIoQH6A/AZpBZwO4gMwioTmhpM6UIVI5ucQ+oiWgPmca1VyE78cOY6jLMsqiRMQPYrEhYHwTu5psB4+OWXUsrRardq6IweLUpNUtInm8p6ITycnRY2jb3TCwn5HTjASEFisw0hymaNLRW6R2vVGuI0MQh5YsSZ93/dvEV89z7MFknOuT45w89RuvX6xbkM0RGwALucaMCMl2KoJHeHEKcJAO+kMJzVxASbiXMC8KWua8wG1cY0+gB6wp31/wTTNR8RLAfNCVEdye9TGn+ayYyvSJ3IrbMQr/H7ip11E3UzOnBo3duS6rsL76YIgHWuz6UJnyM8F2o2a5HREI9rNYi/Z9nJ6mX0iT8TTXEhLSHc/k7vc9dZGeNF30rFstiJi/GiRh48WnC7e27+PNnLWnk6nb7v+RrZd/48AAwDM7wVyb4ZhCwAAAABJRU5ErkJggg==) } .copyright-wrap .icon-copy-four { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF5GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMTAtMTJUMTU6NTk6NTIrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTEwLTEyVDE2OjAwOjU1KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTEwLTEyVDE2OjAwOjU1KzA4OjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmI5N2NkY2JiLTMxMzMtNjM0YS1iMDJiLTQ4MzhmOTgyMWUwNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMDMxMzQ4N0QxQjUxMUU4ODI3OEIxNDY4MjNBMjQwOCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAwMzEzNDg3RDFCNTExRTg4Mjc4QjE0NjgyM0EyNDA4IiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDAzMTM0ODREMUI1MTFFODgyNzhCMTQ2ODIzQTI0MDgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDAzMTM0ODVEMUI1MTFFODgyNzhCMTQ2ODIzQTI0MDgiLz4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6Yjk3Y2RjYmItMzEzMy02MzRhLWIwMmItNDgzOGY5ODIxZTA3IiBzdEV2dDp3aGVuPSIyMDE5LTEwLTEyVDE2OjAwOjU1KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjIm3ecAAACkSURBVDjLY/z//z8DNQAjVoNWcPMAyRIg9gdiFajoHSDeCMQ9DBFfvxA2aAW3A5CcB8SKOCy/D8RJQMMO4DYIYsg+kDgBn/wDYmdkwxAGQbxzCcMlEV8ZofL/sbhMD+ZNZIMagGQ9ht24DQKBRqB8A7pB54GkAYkGXQDKG6Ib9BlI8pBo0BegPC/NDMLuNfwAq9eoFthUin6qJUiqZhGqZloyAQAiT4bhxHsW0gAAAABJRU5ErkJggg==) } .copyright-link { color: #0574ff; margin-bottom: 4px } .copyright-link a { color: #0574ff } .copyright-external-link { float: right; margin-right: 12px } .copyright-external-link a { color: #ffa70a; vertical-align: middle; font-weight: 700; display: inline-block; *display: inline; *zoom: 1 } .copyright-external-link a .icon { margin-right: 6px; vertical-align: -3px } .copyright-external-link a+a { margin-left: 24px } .copyright .contact { float: right; margin-top: 22px; color: #666 } .copyright .contact .btn { display: inline-block; width: 80px; height: 20px; line-height: 20px; text-align: center; border: 0; vertical-align: middle; padding: 0; border-radius: 4px; background: #29b6fc; color: #fff } .copyright .contact .phone { color: #29b6fc } .copyright .contact-item { float: left; width: 140px; height: 60px } .copyright .contact-info { float: left } .copyright .contact .icon { float: left; width: 40px; height: 40px; margin-right: 12px } .copyright .contact .icon-contact { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABGBJREFUWAnNWV1sVFUQ/uaWAsVCIcQ2kZiYsCRCQCH4JNpqG3z0LxITQsKjSOQFMJCQ8GOiDwJvhMCjL0ZTgfgqtkIN+mBMNCLBUAiYWFLAkNQCLdJ7mO/cvbv3Lnv3ztJtyyS7e+6ZOTPfmXPPnDmzgsck19e9FG7iLTi3FuKeUTX6Ef4quSH9GoKTIYj8Cmn6Vnr6L3tWnV9Sj7w790Y77o1/pKDeURAr6xmr4M8r2FNomXNE1n13wzrWBND98ForwnAHHHYquFar8qpyIqMQHEIQHJbXz4xWlUl05gJ0/Z3vIsRRBdaRGDf5psgwAmyV7oGTtZQFWUznnLi+zn0I3TcNB0ejnLDqpg3aysJRleF+2tCCu8NfqJINWQMb2i/Si3kdm+Xl3nuVeh/xoJ/NdIIjIjpCbVbz5CMA0d+1d9o8l3QXQdJ2BaWWONoQfOd0n80EiVoO5L3kxikB8aFkIhz0L+9MgIttcnc3BYU4BM2K+6M4V2cokSbg6VeBdv3Mfx6YszhSN/4v8N9F4MaPwE39uImSmdyG390ac4EDlPUejE6IscvqPXsQJrBlW4F5S2rbvPsPcOloBLS2ZJnLYN4ydylPnGiTjI1ts4PTORW2AC9+mg+OJjkBynKM9dWmo3ikKkUAQ7zNBxMVPgCe22gSTQlxDMdayZ/3OiWflYT/D5rGcVnpjcnQ73vsyx00FwKfMlkMckPwnZssUQd1WUjTOQWo+ZyF6L28DWHRQx3UZSHFFhSTzXxxhpJGkVWXJsLcJMUsOMc641yjyK6LAOM0Pcd6HIRzxExssy4hQOdMSqV0KpbFwwfldlbLIpM1VrFxia9n8pOM8dvJJ2D4DDDwph5pl9L9yaeRvyIZyiaJR6GNrhMgb2D5NPJnWmbRaqB5AfDbLuDOtTSPT6NXlLdbZRYCi9ak+TynbTSkYUavhha6eS4tNVsNrzmofTrHXz4E/j4B0DPjt4BrX0V9QbPKHAJmt6XHMomwkGIT933XdrjwcK48g+s6NTy34u50X5f+wufArYoJtHcByz+OvJxUzuTh5022DEeCHXUeda/oUfdZ0ly5PXoVGLmgz7qZ2lYCTz1b5iVbdR51fmu6051/6JRUq4FeOgIsfMEgWEXk6pfA4LEqjGpdcl7WD6ziJtFJ643fShNjVsm0nAd3PN1X66mIKQKo5QgFmXvLr6Uvk8d3jsvqPWcLuR4LMSmVom/xkr4/01DMmNWqo4o3BdH5ta0AOro15S9oyt8eSU0m5aeGQPZLz8ABNssAWX95Ai9N0RITKQs5WitRyMZ14PwaTP7aqfWaRFGpBJCm/H1UxLu2waZt6tR28k7sMVWO9OWHvq6v9ZyenrpMDID1mZ6z74tIagVTHvSIKaCFHN1JvfHYKf+Ni0cV4DyeLOPek1GdZt+UlUL4zvGV6j77SaXnYlylXRx3VP7OdAEzFyABP9El4KRHfYmEVQh/0Tee3SUFU1hEL9lINKbrb4iHwJOkA2gf/kQAAAAASUVORK5CYII=) } .copyright .contact .icon-contact-new { background-image: url(data:image/png; base64,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) } .copyright .contact .gov-item { float: left; margin-top: -9px; margin-left: 14px; vertical-align: top } .copyright .footer-extra { margin: 0 auto; padding-top: 14px; border-top: 1px solid #e6ebf0; width: 1140px; text-align: center } .copyright .footer-extra .item { margin: 0 6px; display: inline-block; height: 50px; background-size: 100%; background-repeat: no-repeat; cursor: default } .copyright .footer-extra .item[href] { cursor: pointer } .copyright .footer-extra .item:first-child { width: 120px; background-image: url(../img/1.06f37a747ce772a79c588c18d288f4cf.png) } .copyright .footer-extra .item:nth-child(2) { width: 121px; background-image: url(../img/2.0c6e06ab17974e3c13c7d8d5545de975.png) } .copyright .footer-extra .item:nth-child(3) { width: 120px; background-image: url(../img/3.adaac94ea24920f70129cdc25dac64a0.png) } .copyright .footer-extra .item:nth-child(4) { width: 235px; background-image: url(../img/4.af9a1e246b6f941f995ca9a9ff95af2f.png) } .copyright .footer-extra .item:nth-child(5) { width: 140px; background-image: url(../img/5.49293c9210fb4ff5cf33b52b1e75cbcc.png) } .login-st .contact,.login-st .contact .phone { color: #fff } .login-st .contact .btn { background-color: #ffbb3d } .login-st .icon-copy-one { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAAXNSR0IArs4c6QAAAcBJREFUOBGt0r0vBEEYx/FdDodc6CkuLv4BVAqiEZ1KweU4iZfcUWg0IhoRIdHIIdor/AMSIioREQoq74WGROKl8RLv6/ub7F3sbS4aT/K5mZ2deeaZ2bOsfwo7Xx7HcYp414QKfCGAW+zZtv1G6wm99AVJggwOog8lKMQ9xvEBXxTkjpBEC5OIQYuecYkxPCLJnBCtJzwVMaGUtwlE3VnaSJXM4g5TqEaEuTMc8Ya+iWxFvNCdDKALDnScB8xhG3FEoCpbMM2aKloTJtGvSnoZ1ZgqVZIJdl2jfcUitqB3uvx6pFjbSGvZdMpodbGqRFUodJx5kqyaJ/eHuZV0+9EBbahT6MhLetCXiUP9b6j05dwkjCl02dpER1eoVSHlWnyECxRDobEGdq8xT+4PzxrvgSpSJTriE1JImz8kk3RpI2jFJ5T0CgtYh6IbQ8gc/4X+JDao3uxi0bl2BzdpFe8IoxkqPQp9USXRcZREl2+S0HqDyoIYxT7SCCOGXRzgEDvohI6aDXO07BMdd0I73VPUYRj6t2uh/uULnGCF9u8gWQAJHOMM51BVbflW+yrSRBboq9QiBF1+ppoTXSzPvvgBcxrAfOU0C8YAAAAASUVORK5CYII=) } .login-st .icon-copy-two { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAAXNSR0IArs4c6QAAAedJREFUOBFV1L1LV1EYwHGvimnYYCHkEgiB2FBGRS+DIm4ROKUgLoIvW01uUv9A4GyEg1A4RdAgBuGgkFJo6KaIg4ogSqKivenP7/d6n8vPAx/Pud5znvuc5xxNSmiFQuEK3W2HOIGt9LzLx/+LnhPGZdnzYpIkB+XZQxP9O3zBH8REA9uc9xc++wH7SrShFzMRyBdf8RntMMMJGNA5PzCAy6jANt7CdUon2Z/C1B+jEyuYxgPUYAPPcAPLqMJPRJYX6hDbOWDCGHbQAD/gh2yHeINVXIJr0lZc0EjT1IfwCtfg5F18h0F/YRyLsOBpsKgRz2l2puoCa7GQ9c/pXeB2fN8La+bW8haBzMzxJ8xmb4/oX+AfGmFt+uBcA5tZvqMI5La8P/fQj2q4jZvYwkdYs+uwTi2IA7pwavw+bev8/IaHqMUo3GYX5uC12MQjzCMNQp8fv2PT9Kjdv3fqNUz/A+6jA/swM3fyG3mLPUaaT3jjPaqHi9ZgjTzqKfRgBN5+65S3COQRmqZfu4tB3EI36rCHaVTjKVx3DNekLYptdMeT8Gv+HdksuFkNZ711m4EHYAlakSYTgYzclv3SuxLNTF/CrUf2nu5VmHkz3uP8Vmb/Ru5kzy4qbrFte5vvHRvYoEv+GzkD/XR7uo8gaUMAAAAASUVORK5CYII=) } .login-st .icon-copy-three { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAAXNSR0IArs4c6QAAAZ1JREFUOBGVlL1KQ0EQRnOjBlG0EkULf3otbVMkCD6JjyAELAStUoiPY5MUKWx8CwVFsTIoIf7EczY7F6NY5IPD7s7OzM5O9qao/KPRaLTM1josZJc3xoeiKF7yemIoJlYsSFBjqEMT9mEV1BPcQAd6JBwylppIRJIVdo6hAfOg8xeoKnjIALrQJtkzY1KZKFdyjvUQPiASzCTPSuUzjyachSs4ico0hryOlfxM4kF3mTjUA/TR15iklIhqlljZE68TlejgVU4zzkP66NvMsenebm6AjX13gTzdQK9lH8S5tqhMX2OMLRMtMl8D+2DALRzBNdgPca7NPX30NcbY5OD4Wwb6c7egnzed2wL3/ij1COsrPEKctMn8DKr8KgNxnm3uReXGGFte7Z65j21OI/L+e3BBM3fEebZFH/U1xthxmZzYx7nD+gA82V/Fx7gLl6C2QZvSxyo7xobBUfWgC/ZAR+XpW5moxD199DUmqWwcmYdU1c72BmN8Ij4+ZYIaWImv2k8kKizfBPaxSKZzHZrgO5n+oyWoFAmn+hv5Bpr0fRwnxnBHAAAAAElFTkSuQmCC) } .login-st .icon-copy-four { background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAAXNSR0IArs4c6QAAAQNJREFUOBGtU8ENwjAMbFKevCvlicQbMQKCAdiBGRijM7BDF0DMwBuJZ6W++TbBFxLLTSOkQi21Sc6+q2O7RTGTqZxO13VL59yZfEd61iHmQWujlKqrqnoFjJeRUNu2O631hQgrjhIb+sDTWnsyxtwEXAyEIFKW5ZUCBrgkhL3t+/4gxZgQrnNPM6Fr+BjyOymIzCh2E6+poxM1SUWiL7ciNtTRu1mITijsVGOOFIrdmSLGHCk0RWAUuxAI5mQrzn6bFjnxg+NNZtREUK7oWuycxMOeOSxEXajR0kxwFgrtr6OT5wjAPwPJGUEIk0oTu/+WGXzpVIM7yAgA7Jef9sOc4f0GiglqzcIdwVIAAAAASUVORK5CYII=) } .header { width: 100%; height: 62px; position: fixed; background: #184fa1; color: #fff; z-index: 1000 } .header .download-client { margin: 15px 14px 15px 0 } .header .download-client a { display: inline-block; padding: 0 13px; height: 32px; font-size: 14px; color: #fff; vertical-align: middle; border-radius: 6px } .header .download-client a>* { line-height: 32px; vertical-align: middle } .header .download-client a i { margin-right: 6px } .header .download-client a:hover { background: #113b7b } .header .task { position: relative; width: 78px; height: 32px; margin: 15px 14px 0 0; border-radius: 6px; font-size: 14px; vertical-align: middle; cursor: pointer } .header .task:hover { background: #113b7b } .header .task .wrap>* { display: inline-block; vertical-align: middle; line-height: 32px } .header .task .icon-task { margin: 0 6px 0 12px; width: 14px; height: 17px } .header .task .num { position: absolute; right: 6px; top: 4px; width: 12px; height: 12px; border-radius: 50%; background: #d63e3e; line-height: 18px; font-size: 12px; text-align: center } .header .dot-message-center { position: relative; display: inline-block; *display: inline; *zoom: 1; border-radius: 6px; width: 36px; height: 32px; margin: 15px 20px 0 0; line-height: 32px; text-align: center; cursor: pointer } .header .dot-message-center:hover { background: #113b7b } .header .dot-message-center i { vertical-align: -3px } .header .dot-message-center .num { position: absolute; right: 6px; top: 4px; width: 12px; height: 12px; border-radius: 50%; background: #d63e3e; line-height: 18px; font-size: 12px } .header-login { z-index: 99; position: absolute; top: 0; left: 0; width: 100%; min-width: 1140px; height: 62px; background: #000 transparent; background: rgba(0,0,0,.1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a000000,endColorstr=#1a000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a000000, endColorstr=#1a000000)" } @media (max-width:768px) { .home-header { display: none!important } } .home-header.theme-white { background: #fff } .home-header.theme-white .title { color: #0574ff } .theme-white.home-header .logo a { background: url(../img/logo-blue.775441a4f58393d5cb3af016b4a9a123.png) no-repeat; background-size: contain } .home-header .user-wrap { line-height: 62px; vertical-align: middle } .home-header .title { margin-left: 30px; line-height: 62px; font-size: 16px; color: #fff } .home-header .btn { width: 96px; height: 34px; line-height: 32px; padding: 0; background: #1ab1fb; color: #fff; font-size: 14px; border-radius: 3px } .home-header .btn-ghost { background: none } .theme-blue.home-header .btn-ghost { border: 1px solid #fff } .theme-blue.home-header .btn-ghost:hover { background: #0574ff; border-color: #0574ff } .theme-white.home-header .btn-ghost { border: 1px solid #0574ff; color: #0574ff } .theme-white.home-header .btn-ghost:hover { color: #fff; background: #0f79ff; border: 1px solid #0f79ff } .home-header .btn-register:hover { background: #0f79ff } @media (max-width:768px) { .home-header .nav { display: none } } .home-header .nav a { position: relative; margin: 0 35px; line-height: 62px; display: inline-block; vertical-align: middle; font-size: 16px } .home-header .nav a:before { content: ""; display: none; position: absolute; width: 98px; height: 4px; bottom: 0; left: 50%; margin-left: -49px } .home-header .nav a.active:before { display: block } .theme-blue.home-header .nav a { color: #fff } .theme-blue.home-header .nav a:hover { color: #ddd } .theme-blue.home-header .nav a.active { color: #fff } .theme-blue.home-header .nav a.active:before { background: #fff } .theme-white.home-header .nav a { color: #333 } .theme-white.home-header .nav a:hover { color: #555 } .theme-white.home-header .nav a.active { color: #1ab1fb } .theme-white.home-header .nav a.active:before { background: #1ab1fb } .home-header .divider { margin-top: 18px; width: 1px; height: 24px; background-color: #aaa } .home-header .link-wrap { padding-top: 14px } .home-header .link-wrap a.text { margin-left: 30px; display: inline-block; height: 34px; line-height: 32px; color: #edf2f6; font-size: 14px; transition: all .1s } .home-header .link-wrap a.text.default .icon { vertical-align: -5px } .home-header .link-wrap a.text i { margin-right: 4px; vertical-align: -3px } .home-header .link-wrap .line+.line { margin-left: 20px } .home-header .link-wrap .link { font-size: 16px } .home-header .link-wrap .link .icon { width: 22px; height: 19px } .home-header .link-wrap .link .icon.icon-home-header-vip { background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAATCAYAAACUef2IAAAABmJLR0QA/wD/AP+gvaeTAAABW0lEQVQ4ja3UPU9UURDG8WFjQAULG40dkBgTGmJjjRRU2MMHwJjYECoTCgtbWkIBlcbC+B2MFpYqjUY7GhoD0UgwvMj+LDzAZbi7LCtPdXOeZ/5n5kxyI5Iwh3WdqYmvmMycDH3UITBrB6OtoEP41SUYVtGboQ28/Q/ooZ7VvetFaB/3DqE38PuCwPAxIqIREeMRcaXtVs+nuxhsRMR2jfk9IiYj4k0bwFJETEdEM52LiK1ALz6ncb7hEgbwoWbcF+jBTewlb/n4Cu7gZwqsFO8W1irn79CHy3ifalbRf7J/HuAgBZ8UbwQ/8AXXS7cvU3YTw7WPhqcp3MRU8cYwWL4XUm4f4y23UTp5nYp2cb+Seei0Ztss+ajwmtPL3MAEZvAnec/PhFbgt8ubnqVPuNoxuMAnarrLUwydC1qBz7eA7mGsK2gB9+BVDfhx19AKvA+L/v2rNzHXSd1f36O1AZguAacAAAAASUVORK5CYII=) } .home-header .link-wrap .link:hover { text-decoration: none!important; color: #fff } .index-loading-avatar { margin-top: 13px; width: 37px; height: 37px; border-radius: 50%; background: #4d73b5 } .index-loading-search { margin-top: 15px; margin-left: 123px; width: 240px; height: 32px; border-radius: 32px; background: #4d73b5 } .index-loading-user { margin-top: 18px; margin-left: 563px } .index-loading-user .avater { width: 28px; height: 28px; border-radius: 50%; background: #4d73b5 } .index-loading-user .title { margin-left: 16px; width: 88px; height: 28px; border-radius: 32px; background: #4d73b5 } .index-loading-menu { padding-top: 36px; padding-left: 18.5px; overflow: hidden } .index-loading-menu p { width: 124px; height: 14.8px; border-radius: 14.8px; background: #4d73b5 } .index-loading-menu p+p { margin-top: 44px } .index-loading-bottom { position: absolute; bottom: 0; left: 0; right: 0 } .index-loading-client { position: relative; width: 100px; height: 10px; margin: 0 auto 21px; background: #4d73b5; border-radius: 5px } .index-loading-client:after,.index-loading-client:before { position: absolute; content: ""; width: 100px; height: 10px; background: #4d73b5; border-radius: 5px } .index-loading-client:after { width: 124px; margin-left: -12px; margin-top: -18px } .index-loading-footer { width: 114px; height: 10px; margin: 0 auto 33px; background: #4d73b5; border-radius: 5px } .index-loading-main-search { margin-left: 14px; padding: 20px 0 20px 16.8px; border-bottom: 2px solid #f8f8f8 } .index-loading-main-search span { width: 96px; height: 32px; display: inline-block; background: #f7f7f7 } .index-loading-main-search span+span { margin-left: 12px } .index-loading-main-list { margin-left: 13.8px; margin-top: 54.8px } .index-loading-main-list li { overflow: hidden; position: relative; height: 60px; background: #fbfbfb } .index-loading-main-list li+li { margin-top: 60px } .index-loading-main-list p { margin-left: 50px; margin-top: 14.8px; width: 30px; height: 30px; background: #f3f3f3 } .index-loading-main-list p:after,.index-loading-main-list p:before { content: ""; position: absolute; width: 129px; height: 13px; left: 92px; background: #f3f3f3 } .index-loading-main-list p:after { top: 15px } .index-loading-main-list p:before { top: 32px } input[type=button],input[type=reset],input[type=submit] { -webkit-appearance: none } button { -webkit-tap-highlight-color: rgba(0,0,0,0) } input,textarea { -webkit-appearance: none } input,textarea { appearance: none } .text-bold { font-weight: 700 } body,html { height: 100% } body>a,html>a { display: none } .inline-block { display: inline-block; *display: inline; *zoom: 1 } .container-header-pt { padding-top: 77px } body { min-width: 1200px; width: auto!important; width: 1200px; *zoom: 1; font-size: 12px; background-size: cover } body:after,body:before { content: " "; display: table } body:after { clear: both } body.bg-blue { background: url(../img/layout_body-bg.4dd2cae26d80524c499d5cbe0eff5056.jpg) no-repeat top } body.bg-no { background: #f3f3f3 } a { cursor: pointer } .container { margin: 0 auto; width: 1140px; *zoom: 1 } .container:after,.container:before { content: " "; display: table } .container:after { clear: both } .page-container { height: 100%; padding-top: 78px; padding-bottom: 24px } .content,.sidebar { height: 100% } .sidebar { position: relative; overflow: hidden; padding-top: 70px; float: left; width: 160px; border-radius: 6px 0 0 6px; background: #2a58ad; background: rgba(42,88,173,.8) } .sidebar-bottom { position: absolute; bottom: 0; left: 0; right: 0 } .sidebar-bottom .icon { display: inline-block; margin-right: 10px } .sidebar-bottom .user-quota-link { display: inline-block; width: 39px; margin-left: 2px; height: 17px; line-height: 17px; border-radius: 10px; color: #1a94e2; background: #173d88; font-size: 14px } .sidebar-bottom .user-quota-link:hover { color: #fff; background: #0574ff } .sidebar .download-client { margin-top: 15px; text-align: center; line-height: 20px } .sidebar .download-client a { display: block; font-size: 14px; color: #fff } .sidebar .download-client a>* { vertical-align: middle } .sidebar .download-client a:hover { color: #0574ff } .sidebar .free-space { color: #ffc924; text-align: center; padding-top: 12px } .sidebar .progress-default { height: 10px; margin-left: 18px; margin-right: 18px; background: #506ea9; background: hsla(0,0%,100%,.2); border-radius: 100px } .sidebar .progress-default .progress-bar { height: 10px } .sidebar .progress-text { margin-top: 5px; margin-bottom: 15px; line-height: 17px; position: relative; color: #fff } .sidebar .footer { margin: 15px 0 30px; font-size: 12px; line-height: 17px; text-align: center; color: #0574ff } @media (max-height:1100px) { body .sidebar { padding-top: 50px } body .nav-main a { padding: 11px 20px 11px 9px } body .nav-main .line-border { margin: 10px auto } } @media (max-height:924px) { body .sidebar { padding-top: 20px } body body .nav-main .line-border { margin: 6px auto } body .sidebar .download-client { margin-bottom: 15px } } @media (max-height:850px) { body .nav-main a { padding: 8px 20px 8px 9px } } @media (max-height:760px) { body .nav-main a { padding: 6px 20px 6px 9px } } @media (max-height:700px) { body .sidebar { padding-top: 10px } body .sidebar .sidebar-bottom .footer { margin-top: 5px; margin-bottom: 10px } body .sidebar .sidebar-bottom .progress-text { margin-bottom: 5px } } @media (max-height:566px) { body .sidebar-bottom .user-quota { display: none } } @media (max-height:525px) { .sidebar .footer,body .sidebar-bottom .download-client { display: none } } .logo { margin-top: 16px } .logo,.logo a { width: 130px; height: 30px } .logo a { display: block; overflow: hidden; text-indent: -999em; background: url(../img/logo-white.434b9bb8f0897c629960912aba92db9d.png) no-repeat 50% 50%; background-size: contain } .logo.logo-st { width: 126px; margin-right: 40px } .logo.logo-st a { width: 100%; /*background: url(../img/logo-st-white.335e229ecb2a92ede74f0b2ffa27c0f1.png) no-repeat 50% 50%;*/ background-size: contain } .content { position: relative; margin-left: 160px; background: #fff; border-radius: 0 6px 6px 0 } .content .js-view-list { overflow: hidden } .content .welcome { padding: 16px 25px; line-height: 14px; color: #373737; background-color: #f6f6f6 } .content .welcome .notice-text { color: red; text-decoration: none; margin-left: 20px } .content .action-bar { height: 70px; line-height: 68px; padding: 0 25px 0 10px; margin-left: 15px; border-bottom: 1px solid #f2f2f2 } .content .action-bar .view-selection { font-size: 14px } .content .action-bar .view-selection span { color: #32a8e9 } .content .action-bar .upload-btn { display: inline-block; *display: inline; *zoom: 1 } .content .action-bar .dropdown .btn-default { margin-right: 0 } .content .action-bar .dropdown-panel { margin-top: -20px } .content .action-bar .dropdown-more .dropdown-panel { margin-top: 4px; background: #fff; box-shadow: 0 2px 4px 0 rgba(46,119,154,.41); border-radius: 2px; text-align: left } .content .nav-bar { padding: 9px 20px; color: #8c8c8c } .content .nav-bar .nav-bar-right { line-height: 20px } .drag-area { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 4px dashed #c9c9c9; background-color: transparent } .drag-area div { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 26px; color: silver } .js-form-Tshow { overflow-y: auto } .view-list .text-gray1 { color: #575757; font-weight: 700; font-size: 14px } .fz18 { font-size: 18px } .foot-list { overflow-y: auto; max-height: 40px } .foot-a-text { white-space: nowrap; max-width: 550px; overflow: hidden; text-overflow: ellipsis } html { overflow-x: auto } .dialog-cutdown { width: 390px; right: 0; position: absolute } .dialog-cutdown .dialog-bd { padding: 13px 20px; width: 350px } .placeholder .plh-txt { margin-left: 15px } .poplogin { width: auto; padding-left: 62px; padding-right: 62px } .matrix .container { position: relative; margin: 0 } .matrix .container .logo-m-bar { padding: 15px 25px 0 } .matrix .container .logo-m-bar .logo_m { width: 120px; height: 21px } .matrix .container .logo-m-bar .logo_m a { display: block; overflow: hidden; text-indent: -999em; width: 120px; height: 21px; background: url(../img/logo_m.ec8d0b7e63bce0c842a5f1e7c2c12f2c.png) no-repeat } .matrix .container .logo-m-bar .progress { width: 140px } .matrix .container .logo-m-bar .text-red { color: #fc3333 } .matrix .container .matrix-navbar { position: absolute; right: 25px; top: 20px } .matrix .container .matrix-navbar ul { *zoom: 1 } .matrix .container .matrix-navbar ul:after,.matrix .container .matrix-navbar ul:before { content: " "; display: table } .matrix .container .matrix-navbar ul:after { clear: both } .matrix .container .matrix-navbar li { float: left; border-left: 1px solid #c6c6c6 } .matrix .container .matrix-navbar li:first-child { padding: 2px 10px 2px 0; border-left: none } .matrix .container .matrix-navbar .progress { width: 160px; background-color: #e2e2e2 } .matrix .container .matrix-navbar .progress-text { color: #434343 } .matrix .container .matrix-navbar .btn-transparent { color: #000; padding: 5px 15px; line-height: 20px; font-size: 14px } .matrix .container .matrix-navbar .btn-transparent:hover { color: #11affb } .matrix .container .matrix-navbar .btn { padding-top: 0; padding-bottom: 0 } .matrix .container .matrix-navbar .text-gray { color: #8c8c8c; text-decoration: none } .matrix .container .matrix-navbar .text-gray:hover { text-decoration: underline } .powered { position: absolute; bottom: 10px; left: 50%; right: 50%; width: 120px } .container-authcode { padding: 60px } .container-authcode .authcode-input { width: 90px; line-height: 20px; padding: 5px; border: 1px solid #ced1d5; background-color: #fff } .authcode-default,.authcode-default .authcode-image,.container-authcode .authcode-input { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle } .authcode-default .authcode-image { width: 80px; height: 38px } .authcode-default .authcode-toggle { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; color: #11affb } .mask { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 999; background: #000 transparent; background: rgba(0,0,0,.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)" } .search-area { width: 240px; height: 32px; border-radius: 20px; margin-top: 15px; margin-left: 48px; line-height: 34px; position: relative; background: #4572b3 } .search-area .input-none { border: none; color: #fff; padding: 0 10px 0 60px; width: 100%; background: none; font-size: 14px } .search-area .input-none::-webkit-input-placeholder { color: #b7c3cc } .search-area .input-none::-moz-placeholder { color: #b7c3cc } .search-area .input-none:-ms-input-placeholder { color: #b7c3cc } .search-area .input-none:-moz-placeholder { color: #b7c3cc } .search-area .input-none::placeholder { color: #b7c3cc } .search-area .btn-search { position: absolute; left: 0; top: 0; width: 60px; height: 32px; background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAYJJREFUOBGd1M0rRFEYx/F7ZiKSSCmRvGzULGyUja2yYC87zU4JCxsLa4vZSCELLG2pWVDK2x8gNiRlwcJL8paQGdf3N5mje26411Of7jnnPs/TvTPnXM9zwvf9NmRwiAc84wQL6HLS7dQURySVMM5gGLfI4hg5tKAXrVhF2hhzxzUYNCnFJj4wg4pghuexlsA4XqAnrHVzlDQLNekL3XQWyEnhEbuwb6Qm7chj2qn5cUpuGooBm8REr3KJcrsYYUD+HrZtKpMjLNqFiANqRpFDmUoSaMSpJjFDNUnUq06N8tBC3CjWPKlQjc6Q0iRmqOaa/XRTqOMdp3CPmqiNyE3iAGu2hkkzXrFiF/8YkDsB7buOQCoLk1DoePwa5HTjDeuhRBYNlqHIosFNYq0Sc9CTqJE28aCbV5hzYwT6vd6xhXlow6q5vgK6p/1Th32o6ZCKv8/KV2tu6EfvRw+aoK/CBXawxL90xVVHq5rLBjoxhv8HzfS6OrznoSeK25Ym2otVn3YfVnSNsDy1AAAAAElFTkSuQmCC) no-repeat 50%; vertical-align: middle; border: none; cursor: pointer } .search-area .clear-search { position: absolute; display: none; width: 12px; height: 12px; overflow: hidden; right: 37px; top: 9px; background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkZGMyYmFjNi04MjcyLTFiNDEtYjc3Mi1iYWUyNzU0MTEzNzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUMyOUQwQjdGN0Q5MTFFNUFEMjNDRjI1RTIxQUFEMjQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUMyOUQwQjZGN0Q5MTFFNUFEMjNDRjI1RTIxQUFEMjQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUzNTdmMWNiLWFlNjQtZjM0Ny04ZjI3LTJlZGMzYWMwZWE2OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpkZGMyYmFjNi04MjcyLTFiNDEtYjc3Mi1iYWUyNzU0MTEzNzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5fSqDXAAAA+0lEQVR42nyRQWrCUBRFX0TqLGScTpJJRkKrA9s1tN2AzpxUh12OO3ADugjBSFvcQAKZJJCEgAMVgveG9yUt4oUD791/38//P1YYhqJ6AHMwBn319mAJFuBEo6sLj2AFnuWvXpUp+ABJR3e+FW6La2vQ48DMhIMgEMdxrinW9FRP4JMDE+OkaSqe5zVBwjrLsvaXJrzD0HRlWUoURU2QYl0URXtg0Pl/2Lqub9aqMwd2prNtW3zflziOG1jTa2nf1Xfm04nruk0wz/Nrgl5VVaZdWvhxPRQbfYV7+gUjHukI3sH3nfAPeGPWXDoBL+ALbMFB2ao30oxcBBgAutJJUqGI9P8AAAAASUVORK5CYII=) no-repeat } .dialog-report { padding: 40px } .dialog-report h3 { font-size: 16px; font-weight: 400 } .dialog-report ul li { font-size: 14px; margin: 20px } .dialog-report .upload-wrap { margin: 18px 0 0 18px } .dialog-report .upload-wrap .input-upload { padding-left: 10px; width: 260px; height: 28px } .upload-wrap { position: relative } .upload { position: absolute; right: 0; top: 0 } .cursor-pointer { cursor: pointer } .error-msg-red { color: #f5464c; padding-left: 20px } .error-msg-red.min-h { visibility: hidden; min-height: 20px } .error-msg-red.min-h.success { color: #7be08e; background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAZNJREFUOBGNU8FKQlEQnblY0KJ+wHruK/qISKEfaB1UiyxI3T6LB+pWiwpb9AX9QCDRtnVB+3zhF0QE9XrTmfu86NMUXfjunZlzZubMXKaR32m3uRYT7xNJgYk9dQtJSMQdQ3Jby1VehyHsLoHczUfvvSaJHIqQcfbhLzOBm9uZlWwl4J1v9VkCCw579yKyOQyYdGbmx4yX3VYSm0kzzwpWUo211eLM2rMQvUwqe6wKpi+IsqDtoPwNI8QHM4GZhQ0X58zSMnRAEWRUbBBIfizLqAEAw1Kse+V2FH+coYe++FIwblQWw/QJgR5S+D645lVu/G6rhdQnzq/Y1LhgeKrnynmUWk0Ik8wOjMwlB3ZfbSF0F7Bv+W/nVZTawCb4WvY0sGIzumEYzKojIYprIKGGV6qrTcv+L3MSzx0Owov1SH6fRycBLS4x3kWAd5Pg9L8bo1WzGrauJJajdMj0G3S6RqvHVkTdbV3P6ZCB164yMGqxBLrTutvKah/MIDZ1smUjxr0DdfYXYhCnmvxIvDfrc/4DsDK6N3imDzcAAAAASUVORK5CYII=) } .error-msg-orange { color: #f6aa3e; padding-left: 20px; visibility: hidden; margin-bottom: 4px; width: 332px; height: 34px; display: table } .error-msg-orange .font { display: table-cell; vertical-align: middle; font-size: 14px } ::-webkit-scrollbar { width: 10px; height: 10px } ::-webkit-scrollbar-thumb,::-webkit-scrollbar-track { border-radius: 999px; border: none; background: #efefef } ::-webkit-scrollbar-thumb { min-height: 20px; background-clip: content-box; box-shadow: inset 0 0 0 5px #d7d7d7 } ::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 0 5px #b3b3b5 } ::-webkit-scrollbar-corner { background: transparent } .overflow-hidden-x { overflow-x: hidden } .overflow-auto-y { overflow-y: auto } .overflow-scroll-y { overflow-x: hidden; overflow-y: scroll } .loading-spinner { -webkit-animation: spinner-spin 1.5s cubic-bezier(.6,.2,0,.8) infinite; animation: spinner-spin 1.5s cubic-bezier(.6,.2,0,.8) infinite } @keyframes fa { 10% { transform: rotate(15deg) } 20% { transform: rotate(-10deg) } 30% { transform: rotate(5deg) } 40% { transform: rotate(-5deg) } 50%,to { transform: rotate(0deg) } } .fixed-activity { position: absolute; top: 88px; right: -178px } .fixed-activity-link { display: block; width: 188px; height: 166px; background: url(../img/fixed-activity-bg.78fce54e73777865c1e92ecfe39da161.png); background-size: 100%; background-repeat: no-repeat; animation: fa 2.5s linear .15s infinite; -moz-animation: fa 2.5s .15s linear infinite; -webkit-animation: fa 2.5s linear .15s infinite; -o-animation: fa 2.5s .15s linear infinite } .fixed-activity .icon-activity-close { z-index: 1000; position: absolute; top: 20px; right: 0; width: 19px; height: 19px } .fixed-help { position: absolute; right: -105px; bottom: 36px; width: 80px; height: 80px } .fixed-help .fixed-help-link { display: inline-block; *display: inline; *zoom: 1; width: 80px; height: 80px; background-color: #fff; border-radius: 10px; font-size: 12px; color: #0574ff; text-align: center } .fixed-help .fixed-help-link:hover { background-color: #0574ff; background-image: linear-gradient(-180deg,#27d7fd,#0574ff); color: #fff } .fixed-help .fixed-help-link span { margin-top: 5px; display: block } .fixed-help .fixed-help-link .icon { margin-top: 8px } .fixed-help .fixed-help-link+.fixed-help-link { margin-top: 28px } .fixed-help .fixed-help-qq { position: relative } .fixed-help .fixed-help-qq .code-photo { display: none; position: absolute; left: -174px; top: -66px; width: 154px; height: 164px; padding: 10px 12px 0; background: #fff; box-shadow: 0 2px 14px -4px rgba(0,0,0,.8); border-radius: 4px; cursor: default; z-index: 99 } .fixed-help .fixed-help-qq .code-photo img { width: 124px } .fixed-help .fixed-help-qq .code-photo:before { content: ""; position: absolute; right: -15px; top: 44%; width: 16px; height: 23px; background-position: 0 0; background-repeat: no-repeat; background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAXCAYAAAAC9s/ZAAAAAXNSR0IArs4c6QAAAQRJREFUOBGllD8PwUAUwIuBBIsYTRKjWH0Eq0jsEpvRbLBL7BLfwGywSqw+ACYxGUlIiPO70gbXXu/0Jb/23b33fv2TtI4QoujECQR76ELiLw+DZ5Cxgpq1hCFPICV3GEPeWETzp4ClGweObSMJjUGCl0aIBUlFK4oQSNEVhpAJFFHQ3QFlP7ZkDUXCpqnAM81ISr7oD4EUnaAPqQSHM7asb7RLpnEFj6TdBZXuXRzBBl3Tke8AbOJC8wDS7v2Q2Ajm9Je/HsRQID/51tegt4gQ3KiPIOf1K2eNYEmtqgz8bgQIjux1wOwP9SF4kE+g8HsR7fotWHOuaxvDigz2IBVWj9p/AvcrZRsbbzXxAAAAAElFTkSuQmCC) } .fixed-help .fixed-help-qq .code-photo p { font-size: 14px; color: #333 } .fixed-help .fixed-help-qq:hover .code-photo { display: block } .fixed-help .fixed-help-first .icon { margin-top: 12px; margin-bottom: 2px } .header-update-link { margin-top: 21px; margin-left: 15px; height: 20px; color: #f6aa3e; font-size: 14px; line-height: 20px; display: inline-block; *display: inline; *zoom: 1 } .header-update-link .icon { margin-right: 6px; vertical-align: -2px; width: 18px; height: 16px; background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAAXNSR0IArs4c6QAAAbxJREFUOBGVkk0rRGEUx//nXjeUsrh3wiAvWVhIwo6ysJgiGS9fgBWx5EuQJYVvwMJMg4jMWmwUkmwm7w1RXmom5jjPNTNxn9Hk1u3c8z/n/M5zzn2APA+H7XFec87zpMH4K4GZiUPOLFJYALjGm8cRp5VD/uqMnhPE0doihJ0VME9lEjX7iWlwcpd3K20V00Ac8Tt4ftkDY1gr/imUloyA+AmviVUlE6/Z22L92RyicjmJk/W/P5I08FjoNvlIRGEY09Qf3+KI3YhPnMI0O2QPdkq6k6fQ67ogJcri5yR7AkRNAruQPW6I+qCN5iVofjA+JY3PpHjMjTEOwNT0bxARqfPvIcXNLohwLguqM4TOWtd8ArMloz2nQaQYhtDz7ecXVt0vEbrlPx2lAw0Cjf17NIR889K6Aqa16IJSaBd7rED7Qr/NvkTv6U6acU9D7BNIgPpuHni9rF6W3iO1y9pYvFlZhWQiInep5Qcp+/szGh+2WbiM7ciiLQo+dmijUc/1FYrNTukSzhTltNexGYHUwzKGVFwDKZEC928ITg7KEmeVn/MxrSUYBV3UG7/LGfeKHPaNyu0/8epe/wt4r5fwndoCMwAAAABJRU5ErkJggg==) } .header-update-link:hover { text-decoration: underline }