/*
* FileName    : common.css
* Author      : lyy
*/
/************************************** css-base reset from alice (http://aliceui.org/) **************************************************/
html{ height:100%; background:rgba(0, 0, 0, 0); color:#000; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-size:100px; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section{ margin:0; padding:0 }
article, aside, details, figcaption, figure, footer, header, menu, nav, section{ display:block }
audio, canvas, video{ display:inline-block; *display:inline; *zoom:1 }
body, button, input, select, textarea{ /*font:12px/1.5 tahoma, arial, "Hiragino Sans GB", \5b8b\4f53;*/ font:12px/1.5 "Helvetica Neue", Helvetica, Arial, Sans-serif; }
body{ font-family:"Microsoft YaHei"; color:#3A3A3A; }
input, select, textarea{ font-size:100% }
table{ border-spacing:0; border-collapse:collapse }
th{ text-align:inherit }
fieldset, img{ border:0 }
iframe{ display:block }
abbr, acronym{ border:0; font-variant:normal }
del{ text-decoration:line-through }
address, caption, cite, code, dfn, em, th, var{ font-weight:500; font-style:normal }
ol, ul{ list-style:none }
caption, th{ text-align:left }
h1, h2, h3, h4, h5, h6{ font-weight:500; font-size:100% }
q:before, q:after{ content:'' }
sub, sup{ position:relative; vertical-align:baseline; font-size:75%; line-height:0 }
sup{ top:-0.5em }
sub{ bottom:-0.25em }
ins, a{ text-decoration:none; color:#333; }
code, kbd, pre, samp{ font-size:1em; font-family:monospace, serif }
.f-fl{ display:inline; float:left; }
.f-fr{ display:inline; float:right; }
.fl{ width:49%; float:left; }
.fr{ width:49%; float:right; }
a, input, textarea{ outline:none; -webkit-tap-highlight-color:transparent; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color:#999; }
.background-gray { background:#f5f5f5; }
.ui-content span.no-item-word { position:absolute; width:100%; display:block; text-align:center; top:60%; font-size:14px; color:#999; }

.ui-content .box-nav{ position:relative; background:#fff;  }
.ui-content .box-nav ul{ overflow:hidden; }
.ui-content .box-nav li{ float:left; width:50%; text-align:center; font-size:14px; }
.ui-content .box-nav li a{ display:block; height:0.35rem; line-height:0.35rem; color:#333; }
.ui-content .box-nav li.current{ position:relative; height:0.35rem; }
.ui-content .box-nav li.current a{ color:#666; }
.ui-content .box-nav li.current:after{ content:''; display:block; width:0.1rem; height:0.03rem; margin-left:-0.05rem; border-radius:0.015rem; position:absolute; left:50%; bottom:0; background: linear-gradient(left, #F89B46, #F68235); background: -webkit-linear-gradient(left, #F89B46, #F68235); }
.ui-tab-bd{ display:none; }
.ui-tab-bd.current{ display:block; }
.ui-content .box-prompt{ display:none; position:fixed; left:50%; top:50%; margin:-0.6rem 0 0 -1rem; padding:0.25rem 0.1rem; width:1.6rem; background:rgba(0, 0, 0, .8); border-radius:0.05rem; color:#fff; text-align:center; z-index:20; }
.ui-content .white-bg{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .6); }
.ui-content .white-box{ width:1.8rem; height:1rem; background:#fff; border-radius:0.1rem; padding:0; margin:-0.5rem 0 0 -0.9rem; overflow:hidden; }
.ui-content .white-box .white-tit{ height:0.65rem; line-height:0.65rem; box-sizing:border-box; border-bottom:#dfdfdf 1px solid; color:#333; }
.ui-content .white-box .white-btn{ position:relative; }
.ui-content .white-box .white-btn:after{ content:''; position:absolute; left:50%; top:0; display:block; width:1px; height:0.35rem; background:#dfdfdf; }
.ui-content .white-box .white-btn a{ float:left; height:0.35rem; text-align:center; line-height:0.35rem; width:50%; font-size:14px; }
.ui-content .white-box .white-btn .white-updata{ color:#e34341; }
.page-container .center-bg{ background:#f5f5f5 url("../images/usercenter-bg.jpg") no-repeat center top; background-size:100% 1.05rem; height:100%; }

.ui-content .uc-box{ position:relative; padding-bottom:0.15rem; }
.ui-content .user-box,
.ui-content .user-box a{ font-size:14px; }
.ui-content .usercenter-info{ position: relative; height:1.2rem; padding:0.2rem 0.15rem 0; box-sizing:border-box; background:url("../images/user-bg.png") no-repeat center top; background-size: cover; }
.ui-content .usercenter-info dl{ position:absolute; left:50%; bottom:0; margin-left:-1.4rem; padding:0.25rem 0 0 1rem; width:2.8rem; height:1rem; box-sizing:border-box; background:rgba(255, 255, 255, 0.85 ); border-radius:0.1rem 0.1rem 0 0; border:#fff 1px solid; }
/* .ui-content .usercenter-info dl.no-pay{ padding-top:0.15rem; } */
.ui-content .usercenter-info dt{ position:absolute; top:0.19rem; left:0.16rem; }
.ui-content .usercenter-info dt img{ width:0.6rem; height:0.6rem; display:block; border-radius:50%; }
.ui-content .usercenter-info dt input{ position:absolute; width:100%; height:100%; overflow:hidden; right:0; top:0; opacity:0; filter:alpha(opacity=0); cursor:pointer; }
.ui-content .usercenter-info dt span{ position:absolute; bottom:-0.02rem; left:50%; margin-left:-0.2rem; display:block; font-size:12px; width:0.4rem; height:0.14rem; line-height:0.14rem; border-radius:0.07rem; text-align:center; background-image:url("../images/verified-tag-no.png"); background-repeat:no-repeat; background-size:100%; }
.ui-content .usercenter-info dt span.success{ background-image:url("../images/verified-tag-yes.png"); }
.ui-content .usercenter-info dd{ color:#999; }
.ui-content .usercenter-info .info-title{ position:relative; padding-right:0.15rem; line-height:2; display:block; }
.ui-content .usercenter-info .info-title .nick-word{ font-size:16px; color:#333; }
.ui-content .usercenter-info .info-title .nick-btn{ position:absolute; right:0; top:50%; margin-top:-0.06rem; width:0.115rem; height:0.13rem; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAaCAYAAABctMd+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAG6SURBVEhL5Za/SwMxFMcFcfIPEEFXRwfbS/yBPzZHEe2mIIiT4Oim7SXXKriIk3VwchBxVnAS/SNc1MldK7qYl5wv19w1lXJ3vdPJLzzu7uW9z0tektKePKIcNgiDR8rgC5/3lPkFM5RPhEuPcum3GYMPh6sZE5JNNhhn/I7fN3aBoqscE9qdKJPVCMShMe6qqcDPZcXy3wXB3agdrGctr0sXfq8Z1itqrgD3wLjS6Sc4NCxwpgsQV03jjD+bfngyacnChFoLCA3CYRV7/RL6sMCV7nX0zWHdpMYLg9vAE1xNar9TUyN2gciYdIPEJOGM9lqJLXAonO3an4D1ebZbgVYxQ/FKBY42LyuYwVsSGPteNkPxwnO6/0dg2I4D402czQQePVD9UWIaMIddM5Qs4kEpTKQebBl3IMrFXGawFm7iZTMZ5JinBo07P9huCSbf0qoaIEwsY8EjG4zt2jEp6UU8sRABbJhtWcBa1BNLHYHaGDzjajZNaPcq1P0+bME5QgQerwd8P0HoSpGrYRPyH+W4Yh5/Ko/x6td/0Q5JWQ3hWYbXjpuZ03QRfYFOsYDsFJDZ9P8XTyx+A4M1nqmFvlbSAAAAAElFTkSuQmCC") no-repeat; background-size:0.115rem 0.13rem; }
.ui-content .usercenter-info .info-title-change{ margin-bottom:0.03rem; display:none; width:1.40rem; height:0.2rem; overflow:hidden; border:#36363b 1px solid; border-radius:0.03rem; }
.ui-content .usercenter-info .info-title-change input{ float:left; padding-left:0.05rem; height:0.2rem; width:1.01rem; border:none; background:none; }
.ui-content .usercenter-info .info-title-change a{ float:left; width:0.34rem; height:0.2rem; text-align:center; line-height:0.2rem; color:#fff; background: linear-gradient(left, #3381fd, #3381fd); background: -webkit-linear-gradient(left, #3381fd, #3381fd); border-radius:0.03rem; }
.ui-content .usercenter-info .info-num{ display:inline-block; margin-top:0.03rem; color:#333; }
.ui-content .usercenter-info .info-num b{ color:#FF921B; }
.ui-content .usercenter-info .info-btn{ position:absolute; right:0; bottom:0.01rem; }
.ui-content .usercenter-info .info-btn a{ display:block; width:0.87rem; height:0.325rem; text-align:center; line-height:0.325rem; font-size:0.15rem; color:#fff; background:linear-gradient(left, #f8d62e, #f9b727); background:-webkit-linear-gradient(left, #f8d62e, #f9b727); border-radius:0.1625rem; box-shadow:0 1px 1px #dfdfdf; }
.ui-content .usercenter-nav{ box-sizing:border-box; overflow:hidden; margin: 0 0.15rem; border-bottom:#EFEFEF 1px solid; }
.ui-content .usercenter-nav ul{ overflow:hidden; margin-bottom:0.05rem; display:flex; display:-webkit-flex; }
.ui-content .usercenter-nav li{ text-align:center; box-sizing:border-box; flex-direction:row; flex:1; }
.ui-content .usercenter-nav li a{ position:relative; display:block; padding:0.48rem 0 0.05rem; height:0.17rem; color:#191919; }
.ui-content .usercenter-nav li a img{ top:0.12rem; left:50%; margin-left:-0.17rem; position:absolute; display:block; width:0.33rem; height:0.36rem; }
/* .ui-content .usercenter-nav li a:before{ content:''; position:absolute; right:-1px; top:50%; margin-top:-0.175rem; display:block; width:1px; height:0.35rem; background:#272727; } */
.ui-content .usercenter-nav li.dot a:after{ content:''; position:absolute; margin-left:0.05rem; left:50%; top:0.1rem; display:block; width:0.1rem; height:0.1rem; background:#338ee1; border-radius:50%; }
.ui-content .usercenter-auto{ margin:0.08rem 0.2rem 0; overflow:hidden; }
.ui-content .usercenter-auto input,
.ui-content .usercenter-auto label{ float:left; }
.ui-content .usercenter-auto a{ padding-left:0.16rem; height:0.14rem; line-height:1.2; display:block; background:url("data:image/png;base64,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") no-repeat; background-size:0.14rem 0.5rem; }
.ui-content .usercenter-auto a.current{ background-position:0 -0.25rem; }
.ui-content .usercenter-auto input{ position:absolute; width:0.14rem; height:0.14rem; overflow:hidden; right:0; top:0; opacity:0; filter:alpha(opacity=0); cursor:pointer; }
.ui-content .usercenter-verification{ position:absolute; left:0; top:0.1rem; width:0.65rem; height:0.25rem; text-align:center; line-height:0.25rem; border-radius:0 0.125rem 0.125rem 0; background:#494b4e; }
.ui-content .usercenter-verification.verification{ background:linear-gradient(left, #fca432, #f59315); background:-webkit-linear-gradient(left, #fca432, #f59315); }
.ui-content .option-list ul{padding:0.05rem 0;}
.ui-content .option-list li i{ position:absolute; right:0.15rem; top:50%; display:block; }
.ui-content .option-list li .option-arr{ margin-top:-0.05rem; width:0.055rem; height:0.1rem; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAwMzMwMzNCQjE4QzExRUNCNzQ0RjkzMkM3NkU1Rjc5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAwMzMwMzNDQjE4QzExRUNCNzQ0RjkzMkM3NkU1Rjc5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDAzMzAzMzlCMThDMTFFQ0I3NDRGOTMyQzc2RTVGNzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDAzMzAzM0FCMThDMTFFQ0I3NDRGOTMyQzc2RTVGNzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5A41XcAAABr0lEQVR42qyWTyhEURTGjUFSGqlZsbAQC7FgIUlCkYmUPytFslMWiqxsZMOON1ZKWTDyJ6EGGWxsxEY2FlYsKDZTWIz8+U4dJb1z77ny1a9X79y+7nvnu+e9gOd5af+hdL42gS2wDKr+YpQBasEBCPK9btAB9l131PvDhJQFNkG9q1HQ534O2AbVLkar4NOnFgJxUK41OgEjQj0fHIESbddmwYSwJsxmRRoj0hSYEdYVgkNQoDEijYN5YW0xxySsMSINgyXBrIzzFdIYUQcHwYZgVgn2OCJGI9I7BzUu1GvALsi2GZFSoAccC/VGsAYybUakVz53Z0K9HYxqjEjPoAVcCvWI1oiUBAPaQJpE2YkZGqMyygMJUCrUdzRGuRzACqEe43NqNLLNJNpJv+3RaEqugwahnuCMvZleNk3Mle+2+uiUs5UydS0AFkGXYHIB2jioYvvJJAr6BJMr3mXSlqNpMCSY3HC6H22BpDE7Jqy54w/ovS3ZrWBSqD/wKb/VDP9OofYEmvmxVJ+jD+GQRvgFqz+QC78y8cJz5tz1J4KyUccdo3zMgWvXv5EvAQYAFg9O0rO2yzEAAAAASUVORK5CYII=") no-repeat; background-size:100%; }
.ui-content .option-list .border-line{ margin:0.05rem 0.15rem; height:1px; background-color:#EFEFEF; }
.ui-content .option-list li .bind-word{ font-style:normal; color:#979797; font-size:12px; margin-top:-10px; right:0.28rem; }
.ui-content .option-list li span{ display:block; overflow:hidden; }
.ui-content .option-list li a{ position:relative; display:block; padding:0.08rem 0.15rem; }
.ui-content .option-list li .option-tit em{ display:inline-block; vertical-align:top; margin:0.02rem 0 0 0.05rem; width:0.32rem; height:0.14rem; background:url("../images/protection-tag.png") no-repeat; background-size: 100%; }
.ui-content .option-list li .option-word{ font-size:12px; color:#bbb; }
.ui-content .option-list li .option-word .f-fl{ color:#333; }
.ui-content .option-list li .option-word .f-fr{ color:#666; }
.ui-content .option-list li .info-word{ line-height:2; }
.ui-content .option-list li .option-auto:before{ content:''; position:absolute; right:0.15rem; top:50%; margin-top:-0.11rem; display:block; width:0.425rem; height:0.22rem; border:#FF921B 1px solid; border-radius:0.11rem; background:#FF921B; }
.ui-content .option-list li .option-auto:after{ content:''; position:absolute; right:0.17rem; top:50%; margin-top:-0.085rem; display:block; width: 0.19rem; height:0.19rem; border-radius:50%; background:#fff; }
.ui-content .option-list li .option-auto.current:before{ background:#E3E3E3; border-color: #E3E3E3; }
.ui-content .option-list li .option-auto.current:after{ right: 0.375rem; }
.ui-content .option-list .option-info{ padding:0 0.15rem; }
.ui-content .option-list .option-info .option-tit{ padding:0.08rem 0; border-bottom:#272727 1px solid; }
.ui-content .option-list .option-info .option-word{ padding:0.08rem 0; }
.ui-content .option-list .option-info .option-word:last-child{ border-bottom:#272727 1px solid; }
.ui-content .option-list .logout-btn{ margin:0.1rem 0.15rem; }
.ui-content .option-list .logout-btn a{ display:block; height:0.35rem; text-align:center; line-height:0.35rem; border: #B9B9B9 1px solid; font-size:14px; border-radius:0.18rem; }
.checkinput{ display:none; }

.ui-content .protection-list .protection-word{ padding:0.1rem 0.15rem; }
.ui-content .protection-list li a{ position:relative; display:block; padding:0.11rem 0.15rem; }
.ui-content .protection-list li .protection-tit{ font-size:12px; }
.ui-content .protection-list li .protection-tit em{ display:inline-block; vertical-align:top; margin:0.02rem 0 0 0.05rem; width:0.32rem; height:0.14rem; background:url("../images/protection-tag.png") no-repeat; background-size: 100%; }
.ui-content .protection-list li .protection-word{ font-size:12px; color:#bbb; }
.ui-content .protection-list .protection-id { padding:0 0.15rem 0.05rem; }
.ui-content .protection-list .protection-id p{ position:relative; height: 0.4rem; line-height:0.4rem; padding:0 0.15rem; border-radius:0.03rem; background:rgba(255, 255, 255, .1); }
.ui-content .protection-list .protection-id p a{ position:absolute; right:0.15rem; top:0; display:block; font-style:normal; color:#ff9b1a; font-size:12px; }
.ui-content .protection-list li .protection-auto:before{ content:''; position:absolute; right:0.15rem; top:50%; margin-top:-0.11rem; display:block; width:0.425rem; height:0.22rem; border:#bbb 1px solid; border-radius:0.11rem; background:#000; opacity:0.3; }
.ui-content .protection-list li .protection-auto:after{ content:''; position:absolute; right:0.17rem; top:50%; margin-top:-0.088rem; display:block; width: 0.19rem; height:0.19rem; border-radius:50%; background:#494b4e; }
.ui-content .protection-list li .protection-auto.current:after{ right: 0.375rem; background:linear-gradient(left, #3381fd, #3381fd); background:-webkit-linear-gradient(left, #3381fd, #3381fd); }
.ui-content .input-outer{ padding-top:0.05rem; }
.ui-content .input-outer .protection-input{ padding:0 0.15rem; }
.ui-content .input-outer .protection-input .input-box{ box-sizing:border-box; border-bottom:#272727 1px solid; }
.ui-content .input-outer .protection-input .input-box input{ background:none; border:none; width:100%; height:0.35rem; color:#fff; }
.ui-content .input-outer .protection-input.grey .input-box input{ color:#bbb; }
.ui-content .protection-define{ margin:0.1rem 0.15rem; }
.ui-content .protection-define a{ display:block; height:0.35rem; text-align:center; line-height:0.35rem; background:#3280fd; color:#fff; font-size:14px; border-radius:0.03rem; }
.ui-content .protection-define.gray a{ background:#999; }
.ui-content .protection-box .rule{ margin:0.1rem 0.15rem; }
.ui-content .protection-box .rule p{ padding-left:0.08rem; display:block; height:0.18rem; line-height:0.18rem; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAySURBVBhXY/j//78SEHcAsQsDCAAZZ4AYBpQY/v37dxfKAQEXkIpQoOA7IL2KgYGBAQDY1zK3i3KjJAAAAABJRU5ErkJggg==") no-repeat left center; background-size:0.03rem 0.03rem; }
.ui-content .protection-rule{ padding:0.6rem 0.15rem 0.1rem; }
.ui-content .protection-rule .rule-1{ padding-top:0.85rem; background:url("../images/trust-tag1.png") no-repeat center top; background-size:0.55rem 0.69rem; }
.ui-content .protection-rule.lift .rule-1{ background-image:url("../images/trust-tag2.png"); }
.ui-content .protection-rule .rule-1 span{ display:block; text-align:center; color:#fff; }

.ui-content .no-record{ height:calc(100vh - 0.5rem); position:relative; background:url("../images/no-record.png") no-repeat center 35%; background-size:0.88rem 0.88rem; }
.ui-content .no-network{ position:relative; background:url("../images/no-network.png") no-repeat center 43%; background-size:0.88rem 0.88rem; }
/* .android-body .ui-content .no-record{ height:4rem; } */
.ui-content .record-list{ overflow:hidden; margin:0 0.15rem; }
.ui-content .record-list ul{ padding-top:0.15rem; }
.ui-content .record-list li{ padding:0 0.15rem; margin-bottom:0.1rem; border-radius:0.05rem; background:#fff; border-radius: 0.08rem; }
.ui-content .record-list .record-success { position:relative; border-bottom:#EFEFEF 1px solid; padding:0.1rem 0 0.05rem; }
.ui-content .record-list .record-success .record-number { position:absolute; margin-top:-0.09rem; top:50%; right:0; color:#FF921B; }
.ui-content .record-list .record-success .record-gray { color:#999; }
.ui-content .record-list .record-success:before{ content:""; display:block; position:absolute; right:0.4rem; top:0; width:0.445rem; height:0.345rem; background:url("data:image/png;base64,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") no-repeat; background-size:100%; }
.ui-content .record-list .record-down{ padding:0.085rem 0; }
.ui-content .record-list .record-down .record-gray { color:#999; }
.ui-content .record-list p{ height:0.2rem; line-height:0.2rem; overflow:hidden; }
.ui-content .record-list .delete-this-item{ right:0; width:0.4rem; height:0.4rem; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAYAAABNChwpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGTSURBVFhH7ZZBK0RhFIbviI2NhY0oyg5LWVFK8g/syE6xHUlqssHsrDUSJX/BUvkFysZKUhbKJMTSHc+5885nwp2+O3NrqPvU2/nm/c557zEYgkZUKpVcGIbr6I5zIpi5R3mOHYpLDgGb1bjmIWNHcclg1r76J4UcoAmO4z6yXnTC2WZfKV2K9YehHgsQw7K94cHTmrUlBmT7w1z9AoOyvWFmqjoaET/PdiM0zH8X/hI1gvMK5UdPIzFToEbEzeOP2QKPvGgLPPvFFthHN21SSd+IjIwv+MHoRdfoSJYDbwbZZ/yCLAfeIjpHo7IceKvoDA3JioffjtoHyLMsBwFFu6CeynLgXepuW5YD71Z3a7Lioa/ZBa50V5TlwKv9Nd2QFQ9N2QLZAtkCf3qB6J8UakGWA28XvXE9K8uR2gIGYf3c5fTSi1QXaIb/tQDNk9ZJfackeqt/wzLIKiszLzse+vpo/LABOEbLrYisQ2oE5zk9pjE0ljSTGmReUPzeURo7GdhCD9F0C5BRRnscuxVfRxB8Ak04voE0Y5ctAAAAAElFTkSuQmCC") no-repeat center center; background-size: 0.16rem 0.15rem; }
.ui-content .record-list .delete-this-item a{ display:block; width:100%; height:100%; }

.ui-content .no-card{ height:calc(100vh - 0.5rem); position:relative; background:url("../images/no-card.png") no-repeat center 35%; background-size:0.88rem 0.88rem; }
/* .android-body .ui-content .no-card { height:4rem; } */
.ui-content .card-list{ margin:0 0.15rem; }
.ui-content .card-list li{ position:relative; border-radius:0.05rem; overflow:hidden; margin-top:0.15rem; background:#fff; }
.ui-content .card-list li:before,
.ui-content .card-list li:after{content:""; display:block; position:absolute; width:0.07rem; height:0.15rem; top:0.76rem; background:#1d2125; z-index:1; }
.ui-content .card-list li:before{ left:0; border-radius:0 0.07rem 0.07rem 0; }
.ui-content .card-list li:after{ right:0; border-radius:0.07rem 0 0 0.07rem; }
.ui-content .card-list .style-one dl{ margin-top:0.1rem; position:relative; padding:0 0.78rem 0 0.9rem; height:0.86rem; background:#fff; box-shadow:0 0px 0.05rem #ececec; border-radius: 0.1rem; }
.ui-content .card-list .style-one dl:before{ position:absolute; content:""; display:block; left:0.75rem; top:-0.01rem; width:0.11rem; height:0.06rem; opacity: 1; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAALCAYAAAB7/H1+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC+SURBVDhPrZLhCoMwDITz/i9pQbFYtWjV39m+2sE2Oum2HgRKvVzPS6RpGt33XY/jqFJooSld1+myLNXEQwjatq2Kc07dMMSLHPHb8t7rcNcTnOJ6Xdcqrq21um2bCiATP89/CyNojDlFARnjmg+5htLq+z7OK8memKYpZvOr63EcFY0k9woiYZi5xqtCMK7YFSDxSyVbAgfuR6fvYENwQBPr8/wIZ+6YPoOCm9rKQd7kzsIjQnF+zCLRMhC5Ablb7qhcT5jrAAAAAElFTkSuQmCC") no-repeat; background-size:100%; z-index:1; }
.ui-content .card-list .style-one dl:after{ position:absolute; content:""; display:block; top:auto; left:0.75rem; bottom:-0.01rem; width:0.11rem; height:0.06rem; opacity: 1; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAALCAYAAAB7/H1+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABESURBVDhP7Yw5DgAgDMP4/387lwEvSFFUrg1Lntq4OSIinbzVUREnM48aVmSuUYMVycyoxx3JDdTDiWQfhdXhhj+MkR2YsfYXFlLq9wAAAABJRU5ErkJggg==") no-repeat; background-size:100%; z-index:1; }
.ui-content .card-list .style-one dt{ position:absolute; left:0; top:0; width:0.8rem; height:0.6rem; padding-top:0.26rem; line-height:21px; text-align:center;  color:#FF921B; border-right:#dfdfdf 1px dashed; }
.ui-content .card-list .style-one dt span { font-weight:normal; padding: 0 5px; font-size:12px }
.ui-content .card-list .style-one dt b{ font-size:23px; }
.ui-content .card-list .style-one .card-tit{ padding-top:0.1rem; font-size:14px; line-height:1.3; }
.ui-content .card-list .style-one .card-word{ padding-top:0.08rem; line-height:1.3; color:#666; }
.ui-content .card-list .style-one .card-date{ padding-top:0.08rem; color:#999; }
.ui-content .card-list .style-one .card-tab{ position:absolute; right:0.15rem; top:50%; margin-top: -0.12rem; width:0.56rem; height:0.24rem; text-align:center; line-height:0.24rem; color:#fff; border-radius:0.12rem; background:linear-gradient(left, #F89B46, #F68235); background:-webkit-linear-gradient(left, #F89B46, #F68235); }
.ui-content .card-list .style-one dl.usable .card-tab{ color:#FF921B; background:#fff; border:1px solid #F68537; }
.ui-content .card-list .style-one dl.over dt{ color:#BCBCBC; }
.ui-content .card-list .style-one dl.over .card-tit,
.ui-content .card-list .style-one dl.over .card-word,
.ui-content .card-list .style-one dl.over .card-date{ color:#BCBCBC; }
.ui-content .card-list .style-one dl.over .card-tab{ background:#BCBCBC; }
.ui-content .card-list dl{ position:relative; padding:0.06rem 1.1rem 0 0.2rem; min-height:0.77rem; }
.ui-content .card-list dl:before{ content:""; display:block; opacity:0.5; position:absolute; left:0; top:0; width:100%; height:100%; background:url("data:image/png;base64,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") no-repeat center bottom; background-size:100% auto; }
.ui-content .card-list dl:after{ content:""; opacity:0.24; right:1rem; top:50%; margin-top:-0.16rem; position:absolute; width:1px; height:0.32rem; display:block; background:#fff; }
.ui-content .card-list dt{ font-size:14px; font-weight:bold; height:0.3rem; line-height:0.3rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.ui-content .card-list dt img{ width:0.6rem; height:0.6rem; display:block; border-radius:50%; }
.ui-content .card-list .card-word{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.ui-content .card-list .card-word em{ padding-left:0.06rem; font-weight:bold; vertical-align:middle; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABWSURBVBhXYwCB////KwFxx79//2YCaRewIAgAOcZAjA7SwJJA1buhAnAAFHsHloTysQElkOQZCBsDCIIk0yBsBAA5DGwsCAD5IAVngIJ3gXQHRJSBAQDTlpbBEmqvmgAAAABJRU5ErkJggg==") no-repeat left center; background-size:0.035rem 0.035rem; }
.ui-content .card-list .card-num{ position:absolute; right:0.1rem; top:0.26rem; text-align:center; font-size:22px; }
.ui-content .card-list .card-num b{ font-size:30px; line-height:1.2; }
.ui-content .card-list p{ position:relative; padding:0.1rem; }
.ui-content .card-list p span{ display:block; line-height:1.8; color:#999; font-size:12px; }
.ui-content .card-list p .card-status{ position:absolute; top:50%; margin-top:-0.1025rem; right:0.05rem; width:0.56rem; height:0.195rem; text-align:center; color:#3381fd; line-height:0.195rem; border:#3280fd 1px solid; border-radius:0.0975rem; }
.ui-content .card-list .yellow dl{ background:-webkit-linear-gradient(left, #ffa408, #ffc000); }
.ui-content .card-list .blue dl{ background:#FF921B; }
.ui-content .card-list .green dl{ background:#7cba4f; }
.ui-content .card-list .gray dl{ background:-webkit-linear-gradient(left, #b8b8b8, #acacac); }
/*.ui-content .card-list .gray .use-over{ position:absolute; right:0; bottom:0; display:block; width:0.6rem; height:0.48rem; background:url("../images/use-card-tag.png") no-repeat; background-size:100%; }*/
.ui-content .card-list i{ position:absolute; right:0.15rem; bottom:0.06rem; font-style:normal; width:0.56rem; height:0.2rem; text-align:center; line-height:0.2rem; color:#ffb600; border:#ffb600 1px solid; border-radius:0.1rem; }
.ui-content .card-list .gray i{ color:#adadad; border-color:#adadad; }
.ui-content .card-list .gray p .card-status{ color:#acacac; border-color:#acacac; }
.ui-content .code-input{ padding:15px; height:100%; box-sizing:border-box; background:#fff; height:calc(100vh - 0.35rem); margin-bottom: -0.15rem; }
.ui-content .code-input .input-box{ border-radius:5px; padding-left:20px; box-sizing:border-box; background:#f5f5f5; }
.ui-content .code-input .input-box input{ background:none; border:none; width:100%; height:0.35rem; }
.ui-content .code-input .input-btn{ text-align:center; margin-top:14px; }
.ui-content .code-input .input-btn a{ height:0.36rem; background:linear-gradient(left, #F89B46, #F68235); background:-webkit-linear-gradient(left, #F89B46, #F68235); display:block; text-align:center; line-height:0.36rem; color:#fff; font-size:14px; border-radius:0.18rem; }
.ui-content .code-input .input-btn.gray a { opacity:0.5; }
.ui-content .card-info{ margin:0.08rem 0.2rem; line-height:1.6; }
.ui-content .question-list{ margin:0 0.15rem; padding-top:0.15rem; }
.ui-content .question-list li{ padding:0.06rem 0.15rem 0.1rem; margin-bottom:0.1rem; border-radius:0.03rem; background:rgba(255, 255, 255, .1); }
.ui-content .question-list li .question-title{ font-size:14px; }
.ui-content .question-list .question-word{ padding-bottom:0.05rem; }
.ui-content .question-list .question-word p{ position:relative; padding:0 0 0.1rem 0.26rem; color:#666; }
.ui-content .question-list .question-word p i{ position:absolute; left:0; top:0; width:0.18rem; height:0.18rem; text-align:center; line-height:0.18rem; background:linear-gradient(left, #F89B46, #F68235); background:-webkit-linear-gradient(left, #F89B46, #F68235); display:block; color:#fff; font-style:normal; }
/* .ui-content .question-list .question-word p i:after{ content:''; position:absolute; display:block; top:50%; right:-0.03rem; margin-top:-0.03rem; width:0.03rem; height:0.06rem; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAYAAABBV8wuAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABASURBVChTbczRCQAgDEPBbNZK3X8IO4haUFGbfL6DoFUVsLmVTjGA4oaENzz4w0EGbqIEZsxXK8ZojNEYoxHAABQNW7Hj0ul3AAAAAElFTkSuQmCC") no-repeat; background-size:100%; } */
.ui-content .question-list .question-word p:nth-of-type(2) { color:#999; }
.ui-content .question-list .question-word p:nth-of-type(2) i{ background:linear-gradient(left, #3DA7FF, #71C6FF); background:-webkit-linear-gradient(left, #3DA7FF, #71C6FF); }
/* .ui-content .question-list .question-word p:nth-of-type(2) i:after{ background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAYAAABBV8wuAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABASURBVChTbczBEQAQEEPR9LTuNIgeVyFMDgw2Of43E6TqGWrWfEokSNwQ8IYHfziowPooERjD1Y6cjJyMnIwAFtOrZadkAuWYAAAAAElFTkSuQmCC"); } */
.ui-content .question-otr{ margin:0 0.15rem; border-radius:0.03rem; background:rgba(255, 255, 255, .1) url("../images/qo-tag.png") no-repeat 0.15rem center; background-size:0.27rem 0.27rem; }
.ui-content .question-otr a{ padding-left:0.5rem; height:0.35rem; line-height:0.35rem; }

.ui-content .no-gift{ position:relative; background:url("../images/no-gift.png") no-repeat center 35%; height:calc(100vh - 0.5rem); background-size:0.88rem 0.88rem; }
/* .android-body .ui-content .no-gift{ height:3rem; } */
.ui-content .gift-list{ margin-top:0.05rem; padding:0 0.15rem; overflow:hidden; }
.ui-content .gift-list li{ position:relative; min-height: 0.64rem; margin-top:0.15rem; padding:0.05rem 0.9rem 0.05rem 0.15rem; background:#fff; border-radius: 0.08rem; }
.ui-content .gift-list li.copy{ padding-right:0.15rem; padding-bottom: 0.1rem; }
.ui-content .gift-list li .gift-tit{ font-size:14px; padding-top:0.05rem; }
.ui-content .gift-list li .gift-word{ padding:0.05rem 0 0.1rem; color:#999; }
.ui-content .gift-list li .gift-btn{ position:absolute; top:50%; right:0.15rem; display:block; margin-top:-18px; width:57px; height:36px; font-size:13px; background:linear-gradient(left, #F89B46, #F68235); background:-webkit-linear-gradient(left, #F89B46, #F68235); text-align:center; line-height:36px; color:#fff; border-radius:8px; }
.ui-content .gift-list li .gift-btn.red-btn{ color:#fff; background:linear-gradient(left, #fd8b3e, #fd732b); background:-webkit-linear-gradient(left, #fd8b3e, #fd732b); }
.ui-content .gift-list li .gift-btn.dark-btn{ border:#999 1px solid; color:#fff; background:#999; }
.ui-content .gift-list li .my-code{ position:relative; padding:0 0.5rem 0 0.55rem; border-radius:8px; background: #f5f5f5; }
.ui-content .gift-list li .my-code input{ width:100%; border:none; background:none; height:36px; }
.ui-content .gift-list li .my-code a{ position:absolute; display:block; width:57px; height:36px; right:0; top:0; text-align:center; border-radius:8px; background:linear-gradient(left, #61B8FF, #36A7F6); background:-webkit-linear-gradient(left, #61B8FF, #36A7F6); line-height:36px; color:#fff; font-size:14px; }
.ui-content .gift-list li .my-code i{ position:absolute; left:0.14rem; top:50%; margin-top:-9px; font-style:normal; color:#666; }
.ui-content .gd-box{ margin:0 0.15rem; padding-top:0.15rem; }
.ui-content .gd-box dl{ position:relative; height:0.43rem; padding-left:0.53rem; }
.ui-content .gd-box dt{ position:absolute; left:0; top:0; }
.ui-content .gd-box dt img{ width:0.43rem; height:0.43rem; display:block; border-radius:0.05rem; }
.ui-content .gd-box dd{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ui-content .gd-box .gd-cla{ position:relative; margin-bottom:0.05rem; padding-left:0.08rem; }
.ui-content .gd-box .gd-cla:before{ content:""; position:absolute; left:0; top:50%; width:0.04rem; height:0.08rem; margin-top:-0.035rem; border-radius:0.15rem; background:#F78D3C; }
.ui-content .gd-box .gd-tit{ font-size:14px; }
.ui-content .gd-box .gd-num { padding-top:0.06rem; color:#999; }
.ui-content .gd-box .gd-num b{ font-weight:normal; }
.ui-content .gd-box .gd-time{ padding-top:0.06rem; }
.ui-content .gd-box .gd-btn{ margin:0.08rem 0 0.1rem; display:block; height:0.36rem; line-height:0.36rem; text-align:center; color:#fff; background:linear-gradient(left, #F89B46, #F68235); background:-webkit-linear-gradient(left, #F89B46, #F68235); border-radius:0.18rem; font-size:14px; }
.ui-content .gd-box .gd-btn.grey{ background:#999; color:#fff; }
.ui-content .gd-box .gd-btn.red{ background:linear-gradient(left, #fd8b3e, #fd732b); background:-webkit-linear-gradient(left, #fd8b3e, #fd732b); }
.ui-content .gd-box .gd-word{ padding-bottom:0.12rem; color:#999; }
.ui-content .gd-box .my-code{ position:relative; margin:0.1rem 0; padding:0 0.5rem 0 0.55rem;  border-radius:8px; background: #f5f5f5; }
.ui-content .gd-box .my-code input{ width:100%; border:none; background:none; height:0.36rem; }
.ui-content .gd-box .my-code a{ position:absolute; display:block; width:0.57rem; height:0.36rem; right:0; top:0; text-align:center; border-radius:0.08rem; background:linear-gradient(left, #61B8FF, #36A7F6); background:-webkit-linear-gradient(left, #61B8FF, #36A7F6); line-height:0.36rem; color:#fff; font-size:14px; }
.ui-content .gd-box .my-code i{ position:absolute; left:0.14rem; top:50%; margin-top:-9px; font-style:normal; color:#666; }

.ui-content .no-news{ position:relative; background:url("../images/no-record.png") no-repeat center 35%; height:calc(100vh - 0.5rem); background-size:0.88rem 0.88rem; }
/* .android-body .ui-content .no-news{ height:3rem; } */
.ui-content .news-box .box-nav:after{ left:33.33%; }
.ui-content .news-box .box-nav li{ width:33.33% }
.ui-content .news-box .news-list{ overflow:hidden; }
.ui-content .news-box .news-inner{ padding:0 0.15rem; margin-top:0.1rem; }
.ui-content .news-box .news-inner a { color: #333; }
.ui-content .news-box dl{ margin-bottom: 0.1rem; position:relative; padding:0.13rem 0.18rem 0.13rem 0.72rem; background: #fff; border-radius: 0.08rem; box-shadow: #EFEFEF 0 0 0.08rem; }
.ui-content .news-box dt{ position:absolute; left:0.1rem; top:50%; margin-top:-0.26rem; width:0.48rem; height:0.52rem; display:block; background:url("../images/gov-tag.png") no-repeat; background-size:100%; }
.ui-content .news-box dt.news-tag{ background-image:url("../images/news-tag.png"); }
.ui-content .news-box dt.video-tag{ background-image:url("../images/video-tag.png"); }
.ui-content .news-box .video dt:after{ content:''; position:absolute; left:50%; top:50%; margin:-0.15rem 0 0 -0.15rem; display:block; width:0.3rem; height:0.3rem; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAPHSURBVGhD5ZtPaxNBGMYDscQo6iEfwD/oyS8gFmLPelOL4MH/f6GgeIkKUVvwA+ghxx5yqEjOIYgiCIke2kMv8ZKT36Cph3porM+zzIbdzdt2d2Y2mTUP/CDu7LzzPmB3Z96ZzaWog+A0KIOr4B54Bl6CNwr+5rX7gPfwXvZh30zoKDgP7oJXwDeWFPZlDMY6BpzTcXAdmJjcDcZk7BNg4mISt4GUaBpwrIkYPwIuAympccCxmcNYdBY8B1Ii44Q5MJfUlAcXgTT4JGFOB4BVFcANIA3oAvzbLgIrOgweAGkgl3gEmKuROAF4CKQBXIS5ak9a+Dd7E0iBXYY5M/fEugSkgFmAuScSH/dSoCwR+5XF+bAL71lT6IFe9tU1IAXIIvSyp04CqWOWOQV21R0gdcoy9CSKSzypw/8AvY2Ia07p5n3pdDrrg8Hg746Btre3B41G45sU3wL0FhKnZNqLd1Ozvnq93i8pfj6fX6xUKh/K5fJ7qT0G9Baadp4D0o2xUPnudLvdXr1e/6zD8vLyp9nZ2XfR2IVCYWl1dbXL+P1+/3e0PQH0OJTRw8pzCyHxL1K7LsVicWltbc0z60u6LybDhxcn20a1KJWLseFSqfR2ZWXl68LCQl0yS0n9YkKP3sLijLqgjcrF2HCtVmsyztbW1h+Y/ekFjUjqlwB69WrBUmNsVC7GhtlfhQppY2Ojr36aGr4AvAK41BgblUsqhlut1o/gdalfAujVq/pLjbFRuVg33Gw2v0evR/skhF69rQ6pMTYqF6uGfbPR68H7NaDX0F6PFioXq4bjXNfgBRAbEqFyyYJhIl5MhMolC4arwM3/0in9DVeAmw8tKoWn9FPg7muJsvwe9l5LTk88KIszLW/i4eTUMqW5tDe1dGbxEDScwmqJeIsHZ5aHQcP8t+X18HB5SFkpAJhUPAj7q1BDY8GKx+bmpknFI1S9NCrx2Kpp+WK8YPyZmZnFarX6cW5uTremRUIlHqMino2qpS/Gabfb69I4BtDbyN6xdpk2A4yUaampK8RTRg8vRwk9rKLixpPUKcvsuZlGTdV2KTV1G+LUVB158DVVh1ooHv25BaSALsNTeVrHlqhD4DGQArsIc2XORuKUjMf6pAFcgmZHpo+64uFSl0/lWT1c6otHdF08PswHlPXjw0Hxce/Ce5q7CIlfPbri8fsrQEpkHHDssX0CEBQ/uBjngoNj8fDcxEXjXHO+BlKiJjAmYzvxGU9U/KhqKj7UksQKof8p3jxg1f8J4P4ON7UIf/Ma23hPyp/i5XL/AMJrN0IzzDNcAAAAAElFTkSuQmCC") no-repeat; background-size:100%; }
.ui-content .news-box dt img{ width:0.80rem; height:0.45rem; display:block; background:url("data:image/png;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCABaAKADASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDzeiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigC5BBF5FS+XFRH/qKinfy6AJfLio8uKq8E8vn+XVugBnlxUeXFT6KAGeXFUU8EXkVYpkn+ooAzqKKKACiiigAooooAKKKKACiiigAooooA0Y/wDUU108ynR/6in0AQpB5dTUyigB9MoqpPP5lAA91L/yzq3J/qKzqvSf6igCjRRRQAUUUUAFFFFABRRRQAUUUUAFFFFAGjH/AKin0yP/AFFRXT+X+7oAhnn8ymJP5dMooAmnn8yoaKKACr0n+oqjV6T/AFFAFGiiigAooooAKKKKACiiigAooooAKKKKAL0H+op7pFJWdv8ALo3y0AXvIio8iKqO+WjfLQBe8iKjyIqo75aN8tAF7yIqJ/8AUVR3y0b/ADKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigD//2Q==") no-repeat; background-size:100%; }
.ui-content .news-box .gn-tit{ margin-top:-0.02rem; line-height:1.5; min-height: 0.34rem; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; }
.ui-content .news-box .gn-tit i{ display:inline-block; vertical-align:top; margin:0.01rem 0.05rem 0 0; width:0.29rem; height:0.15rem; text-align:center; border-radius:0.03rem; line-height:0.15rem; font-style:normal; background:#ee9a24; }
.ui-content .news-box .gn-tit i.news-tag{ background:#f44744; }
.ui-content .news-box .gn-tit i.video-tag{ background:#3682fd; }
.ui-content .news-box .gn-time{ color:#bbb; text-align:right; }
/*.ui-content .news-box{ padding-top:0.15rem; }*/
.ui-content .news-word{ margin:0 0.15rem; padding-top:0.15rem; }
.ui-content .news-word p{ text-indent:2em; padding-bottom:0.15rem; }
.ui-content .news-word p,
.ui-content .news-word a,
.ui-content .news-word span,
.ui-content .news-word h1,
.ui-content .news-word h2,
.ui-content .news-word h3,
.ui-content .news-word h4,
.ui-content .news-word h5,
.ui-content .news-word h6{ color:#333 !important; background:none !important; }
.ui-content .backgroundWhite .news-word p,
.ui-content .backgroundWhite .news-word a,
.ui-content .backgroundWhite .news-word span,
.ui-content .backgroundWhite .news-word h1,
.ui-content .backgroundWhite .news-word h2,
.ui-content .backgroundWhite .news-word h3,
.ui-content .backgroundWhite .news-word h4,
.ui-content .backgroundWhite .news-word h5,
.ui-content .backgroundWhite .news-word h6{ color: #333 !important; }
.ui-content .news-word p img{ width:100%; display:block; }
.ui-content .news-word .nd-title{ font-size:14px; text-indent:0; padding:0; color:#333; }
.ui-content .news-word .nd-info{ padding:0.05rem 0 0.18rem; color:#bbb !important; text-indent:0; }
.ui-content .news-word table td { border-style: solid; border-color: #fff !important; }

.information-box{ padding:0 0.15rem; }
.ui-content .no-information { position:relative; height:calc(100vh - 0.5rem); background:url("../images/no-information.png") no-repeat center 35%; background-size:0.88rem 0.88rem; }
/* .android-body .ui-content .no-information{ height:4rem; } */
.ui-content .information-list table{ width:100%; }
.ui-content .information-list tr{ height:0.39rem; border-bottom:#EFEFEF 1px solid; display: table; width: 100%; min-height: 40px; }
.ui-content .information-list td{ position:relative; padding:0 0.5rem 0 0; font-size:14px; }
.ui-content .information-list td p{ overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.ui-content .information-list .tit-current p{ color:#ff9b1a; }
.ui-content .information-list .tit-current span{ color:#ff9b1a; }
.ui-content .information-list td .otr-tit{ color:#888; font-weight:normal; font-size:12px; }
.ui-content .information-list td .link{ position:absolute; height:100%; width:100%; left:0; top:0; display:block; }
.ui-content .information-list td span{ display:flex; align-items:center; position:absolute; height:100%; right:0; top:0; font-size:12px; color:#999; }
.ui-content .information-list td .sel{ position:absolute; height:0.15rem; margin-top:-0.08rem; width:0.15rem; right:0.20rem; top:50%; display:block; background:#fff; border:#dfdfdf 1px solid; border-radius:0.03rem; box-shadow:0 1px 1px #dfdfdf; }
.ui-content .information-list td .sel.current{ background:#338ee1 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAANCAYAAACkTj4ZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADYSURBVDhPpZIxDgFBGEZnIxQqnUSjEomCQjQaUao07qBQOYNISDSbKNxBQXRqR3ADvQOIWN4vX7LZxGJ4yZfdefPPt1Os+5coivpkquVvUFC5A8+BlD+cz1NwJispfygJKDiQI+8ZaX8omJALJQUpfyjoUmA0pfyhpEhuZCwVg+yQspapcIMscyey4z2QjkHO2LySqtRL2F9bEfM5qSTWzsCS2JVr0gnwI+2XpNJhKNRwXeoJ6xYfs5+uJ/UZhhc6ZDcckq3Wc418D4caZEPsr92Ttrbe4NwDoeLJ8z9Si3QAAAAASUVORK5CYII=") no-repeat center; background-size:0.09rem 0.07rem; border:#338ee1 1px solid; }
.ui-content .information-list.white-list tr{ border-bottom:#f0f0f0 1px solid !important; }
.ui-content .information-act{ padding:0.1rem 0.2rem 0; }
.ui-content .information-act .information-del{ margin:0.08rem 0 0.1rem; display:block; height:0.4rem; line-height:0.4rem; text-align:center; color:#fff; background:#1cb0fd; border-radius:0.05rem; box-shadow:0 1px 1px #dfdfdf; font-size:14px; }
.ui-content .information-word{ padding-top:0.15rem; color:#fff !important; }
.ui-content .information-word img{ width:100%; height:auto; display:block; }
.ui-content .information-word p,
.ui-content .information-word a,
.ui-content .information-word span,
.ui-content .information-word h1,
.ui-content .information-word h2,
.ui-content .information-word h3,
.ui-content .information-word h4,
.ui-content .information-word h5,
.ui-content .information-word h6{ color:#666 !important; background:none !important; }
.ui-content .information-word p b { font-size: 14px; font-weight: normal; color: #333; }
.ui-content .information-word table td {border-style: solid; border-color: #666 !important; }
.ui-content .backgroundWhite .information-word p,
.ui-content .backgroundWhite .information-word a,
.ui-content .backgroundWhite .information-word span,
.ui-content .backgroundWhite .information-word h1,
.ui-content .backgroundWhite .information-word h2,
.ui-content .backgroundWhite .information-word h3,
.ui-content .backgroundWhite .information-word h4,
.ui-content .backgroundWhite .information-word h5,
.ui-content .backgroundWhite .information-word h6{ color: #333 !important; }

.ui-content .verified-box{ padding-bottom:0; }
.ui-content .verified-rule{ padding:0 0.15rem 0.05rem; }
.ui-content .verified-rule .rule-1 span{ color:#FC6868; }
.ui-content .verified-rule .rule-1 span.org{ color:#FF921B; }
.ui-content .verified-rule.over .rule-1{ padding:0.48rem 0 0 0; background:url("../images/verified-over-pic.png") no-repeat center top; background-size:0.7rem 0.48rem; min-height:auto; }
.ui-content .verified-rule.over .rule-1 span{ display:block; }
.ui-content .verified-rule.wait .rule-1{ padding:0.48rem 0 0 0; text-align:center; background:url("../images/verified-wait-pic.png") no-repeat center top; background-size:0.7rem 0.48rem; min-height:auto; }
.ui-content .verified-rule.wait .rule-1 span{ display:block; }
.ui-content .verified-rule.edit .rule-1{ background: none; padding: 0; }
.ui-content .verified-input{ padding:0 0.15rem 0.1rem; }
.ui-content .verified-input .input-box{ box-sizing:border-box; background:#F5F5F5; padding:0 0.16rem; border-radius: 0.06rem; }
.ui-content .verified-input .input-box input{ background:none; border:none; width:100%; height:0.35rem; }
.ui-content .verified-input.grey .input-box input{ color:#bbb; }
.ui-content .verified-define{ margin:0.05rem 0.15rem 0.1rem; }
.ui-content .verified-define a{ display:block; height:0.36rem; text-align:center; line-height:0.36rem; background:linear-gradient(left, #F89B46, #F68235); background:-webkit-linear-gradient(left, #F89B46, #F68235); color:#fff; font-size:14px; border-radius:0.18rem; }
.ui-content .verified-define.gray a{ opacity: 0.5; }
.ui-content .verified-btn{ margin:0.05rem 0.15rem; }
.ui-content .verified-btn a{ display:block; height:0.4rem; text-align:center; line-height:0.4rem; background:#3280fd; color:#fff; font-size:14px; border-radius:0.05rem; }
.ui-content .bottom-rule{ padding:0 0.15rem; color:#bbb; }
.ui-content .rule-2{ margin:0.1rem 0.15rem; }
.ui-content .rule-2 p{ padding-left:0.08rem; display:block; height:0.18rem; line-height:0.18rem; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAySURBVBhXY/j//78SEHcAsQsDCAAZZ4AYBpQY/v37dxfKAQEXkIpQoOA7IL2KgYGBAQDY1zK3i3KjJAAAAABJRU5ErkJggg==") no-repeat left center; background-size:0.03rem 0.03rem; }
.ui-content .verified-success{ padding-top:1.06rem; height:1.01rem; background:url("../images/verified-success2.png") no-repeat center 1.06rem; background-size:1.81rem 1.01rem; }

.ui-content .customer-inner{ overflow:hidden; }
.ui-content .customer-inner dl{ float:left; position:relative; padding:0.1rem 0.15rem 0.1rem 0.65rem; }
.ui-content .customer-inner dt{ position:absolute; width:0.4rem; height:0.4rem; left:0.15rem; top:0.1rem; background:url("../images/service-pic.png") no-repeat; background-size:100%; }
.ui-content .customer-inner dt img{ width:0.4rem; height:0.4rem; display:block; border-radius:50%; }
.ui-content .customer-inner dd{ position:relative; padding:0.15rem; background:rgba(255, 255, 255, .1); border-radius:0.03rem; }
.ui-content .customer-inner dd a{ color:#3682fd; }
.ui-content .customer-inner dd:after{ content:''; position:absolute; left:-0.06rem; top:0.14rem; display:block; width:0.07rem; height:0.12rem; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAXCAYAAAA7kX6CAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB/SURBVDhPlc3tDYAgDIRhdQd3UFch7r+OPRIbPlp6veT9AeEJW3KX9Eqlnsj9KAVbRMMRUdBCIfQQcuEKIRNGCE2QQaiDLEIKMwhVeDYXbPrjLVkPvBTu0iNZj6w6eEgsVohlcAcxFk8QY7AJsQi7EFvhJcQ8HELMwhTEBryVDx++NcQlxJOpAAAAAElFTkSuQmCC") no-repeat; background-size:100%; }
.ui-content .customer-user dl{ float:right; padding:0.1rem 0.65rem 0.1rem 0.15rem; }
.ui-content .customer-user dt{ position:absolute; left:auto; right:0.15rem; top:0.1rem; background-image:url("../images/photo.png"); }
.ui-content .customer-user dd a{ color:#338ee1; }
.ui-content .customer-user dd:after{ content:''; position:absolute; left:auto; right:-0.06rem; top:0.14rem; display:block; width:0.07rem; height:0.12rem; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAXCAYAAAA7kX6CAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB4SURBVDhPlcvBDYAwDEPRwg7sAKyC2H8d7Eqg0iZpbOkffHgFu9CNdh5lL5RxCyXcwzS2YAp7kIU4gszFM8hMnIFswFnIfliB7MMqZBuS4YHqFHiiBdVlIdGKJDggbgZNxEXQRZwHQ8RZcIq4HqYQ18I04l4ooFIeG341xD6j5NMAAAAASUVORK5CYII=") no-repeat; background-size:100%; }
.ui-content .customer-inner .customer-answer{ padding-top:0.06rem; }
.ui-content .customer-inner .customer-link{ padding-top:0.12rem; overflow:hidden; }
.ui-content .customer-inner .customer-link .f-fl{ margin-right:0.1rem; }
.ui-content .customer-inner .customer-link .f-fr{ margin-left:0.1rem; }
.ui-content .customer-box{ padding-top:0.15rem; }
.ui-content .customer-input{ padding:0.05rem 0.15rem; }
.ui-content .customer-input .input-box{ position:relative; border-radius:0.03rem; padding-left:0.1rem; box-sizing:border-box; background:rgba(255, 255, 255, .1); }
.ui-content .customer-input .input-box input{ background:none; border:none; width:100%; height:0.38rem; color:#bbb }
.ui-content .customer-input .input-box textarea{ margin-top:0.1rem; background:none; border:none; width:100%; }
.ui-content .customer-upload{ padding:0.05rem 0.15rem; }
.ui-content .customer-upload a{ position:relative; display:block; width:0.75rem; padding-top:0.15rem; height:0.75rem; text-align:center; line-height:0.75rem; color:#bbb; box-sizing:border-box; border-radius:0.08rem; background:rgba(255, 255, 255, .1); }
.ui-content .customer-upload a:after{ position:absolute; content:""; left:50%; top:0.2rem; margin-left:-0.075rem; width:0.15rem; height:0.15rem; display:block; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADKSURBVEhLYyAH1NfXM+3atWv17t27/wDpY0eOHOGFStEW7N27Vx1o6X8Y3rNnTwBUirYA6EtdZIuB/CioFG3BqMWjFtMMjFo8ajHRYPv27ZJAA5SIxcCy2RNII1tcAJMjhEF2gS0FauoFCsANoRPuB1n8HYsErfEXBiCxEU2QHngjw/79+1mAvvYG4lAScDGyQUD+RDR5fNgbZCc4nkkFQM2j+XjUYtqAUYtHLaYZQO/C7Ny5MxAqRVsA7bStAVr6B4iPk95pY2AAAB5AFIQF9teVAAAAAElFTkSuQmCC") no-repeat; background-size:100%; z-index:1; }
.ui-content .customer-upload input,
.ui-content .customer-upload img{ position:absolute; left:0; right:0; top:0; opacity:0; width:100%; height:100%; display:block; z-index:3; }
.ui-content .customer-upload img{ opacity:1; z-index:2; }
.ui-content .customer-define{ margin:0.05rem 0.15rem; }
.ui-content .customer-define a{ display:block; height:0.4rem; text-align:center; line-height:0.4rem; background:#3380fd; color:#fff; font-size:14px; border-radius:0.03rem; }
.ui-content .customer-info{ padding:0 0.2rem 0.1rem; }
.ui-content .customer-info ul{ overflow:hidden; }
.ui-content .customer-info li{ float:left; width:50%; line-height:1.6; color:#888; }
.ui-content .customer-word{ padding:0 0.2rem; }
.ui-content .customer-word p{ position:relative; padding:0 0 0.1rem 0.26rem; }
.ui-content .customer-word p i{ position:absolute; left:0; top:0; width:0.18rem; height:0.18rem; text-align:center; line-height:0.18rem; background:#e34341; display:block; color:#fff; font-style:normal; }
.ui-content .customer-word p i:after{ content:''; position:absolute; display:block; top:50%; right:-0.03rem; margin-top:-0.03rem; width:0.03rem; height:0.06rem; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAYAAABBV8wuAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABASURBVChTbczRCQAgDEPBbNZK3X8IO4haUFGbfL6DoFUVsLmVTjGA4oaENzz4w0EGbqIEZsxXK8ZojNEYoxHAABQNW7Hj0ul3AAAAAElFTkSuQmCC") no-repeat; background-size:100%; }
.ui-content .customer-word p:nth-of-type(2) i{ background:#338ee2; }
.ui-content .customer-word p:nth-of-type(2) i:after{ background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAYAAABBV8wuAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABASURBVChTbczBEQAQEEPR9LTuNIgeVyFMDgw2Of43E6TqGWrWfEokSNwQ8IYHfziowPooERjD1Y6cjJyMnIwAFtOrZadkAuWYAAAAAElFTkSuQmCC"); }

.ui-content .more-box ul{ overflow:hidden; }
.ui-content .more-box li{ float:left; width:25%; padding-top:0.15rem; }
.ui-content .more-box li a{ position:relative; display:block; margin:0 auto; padding-top:0.05rem; width:0.55rem; height:0.55rem; box-sizing:border-box; background:rgba(255, 255, 255, .1); border-radius:0.03rem; }
.ui-content .more-box li .current:after{ content:""; position:absolute; right:0.12rem; top:0.02rem; display:block; width:0.065rem; height:0.065rem; background:#f9504d; border-radius:50%; }
.ui-content .more-box li img{ margin:auto; width:0.245rem; height:0.255rem; display:block; }
.ui-content .more-box li em{ margin-top:0.02rem; display:block; text-align:center; }

.ui-content .error-pic{ padding-top:1.25rem; height:0.9rem; background:url("../images/404.png") no-repeat center 1.25rem; background-size:0.88rem 0.88rem; }
.ui-content .error-word{ padding-top:0.15rem; font-size:0.15rem; text-align:center; }
.ui-content .error-time{ padding-top:0.15rem; color:#bbb; text-align:center; font-size:14px; }
.ui-content .error-time b{ color:#e34341; font-weight:normal; }
.ui-content .error-btn{ padding-top:0.45rem; }
.ui-content .error-btn a{ display:block; margin:auto; width:1.22rem; height:0.28rem; line-height:0.28rem; text-align:center; font-size:14px; color:#338ee2; border:#338ee2 1px solid; border-radius:0.03rem; }

.gd-tao-bg{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, .85); z-index:10; }
.gd-tao-box{ position:absolute; left:50%; top:0.8rem; box-sizing:border-box; padding:0 0.2rem; width:2.94rem; margin-left:-1.47rem; background:#fbfbfb; }
.gd-tao-box p{ padding-top:0.3rem; color:#666; }
.gd-tao-box p b{ color:#ff9b1a; }
.gd-tao-box .gd-tao-input{ position:relative; margin:0.1rem 0 0.2rem; padding:0 0.5rem 0 0.55rem; border:#e8e8e8 1px solid; border-radius:0.03rem; }
.gd-tao-box .gd-tao-input input{ width:100%; border:none; background:none; color:#666; height:0.28rem; }
.gd-tao-box .gd-tao-input a{ position:absolute; display:block; width:0.49rem; height:0.28rem; right:0; top:0; text-align:center; border-radius:0.03rem; background:#3381fd; line-height:0.28rem; color:#fff; font-size:14px; }
.gd-tao-box .gd-tao-input i{ position:absolute; left:0.14rem; top:50%; margin-top:-9px; font-style:normal; color:#bbb; }
.gd-tao-box .gd-tao-close{ position:absolute; top:0.02rem; right:0.07rem; width:0.2rem; height:0.2rem; display:block; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEXSURBVEhLrZVNDoIwFIS9JlsvYMIafw7gicohXOlKz6LvCzyCA5SWMkkj9M18k0ANh7ZtjyGEj63LYSfBsvWGzc3TLr79uveezYIx4r3YqEcbRSVkhVX7oJFBdgkZYTT9qBMbYkguwSvZf7iLgRhXS/BIZh7uwiCBxRJm4o3DXRglOClhTzxpcBcBAQwlXMssD+4iKCDA+8BdAAQ4XmVwFyAB7wdHBtPHwkr+n0QFSMDjVVYCQIA8qsXTlSWCAhqeOdcyyyshIIDJC2VPPGklGCW4eFpsdhZvvASDBFaPonnSShiIMfmcmzdewoYYkuEuy8yX2Df5KoNsuMuyWnLTj/5muMsYQwlsCiq7edjvqfcUC1bHDNUPfPWF3BsGTPIAAAAASUVORK5CYII=") no-repeat center center; background-size:0.12rem 0.12rem; }

.backgroundWhite{ background:#fff; }
.backgroundWhite .ui-content .information-list tr,
.backgroundWhite .ui-content .verified-input .input-box{ border-color:#999; }
.backgroundWhite .ui-content .information-word p,
.backgroundWhite .ui-content .information-word a,
.backgroundWhite .ui-content .information-word h3,
.backgroundWhite .ui-content .information-word h3 span,
.backgroundWhite .ui-content .information-list td p,
.backgroundWhite .ui-content .verified-rule p,
.backgroundWhite .ui-content .verified-input .input-box input { color: #333; }
.backgroundWhite .ui-content .verified-input.grey .input-box input{ color:#bbb; }
.backgroundWhite .ui-content .rule-2 p{ color:#333; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABXSURBVBhXYwABExMTJSMjow5jY+OZQLYLWBAEgIJAMeP/yBgolgaT3I0uCcTvwJJYJMAYZBVI8gy6BAjr6uoKgoxNwyI5E2wsCEAVnAHSd4G4AyLKwAAAftU3D9lsCSsAAAAASUVORK5CYII="); }

.confirm-bg{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:100; background:rgba(0, 0, 0, .6); }
.confirm-box{ position:fixed; left:0; right:0; top:0; bottom:0; margin:auto; width:250px; height:128px; background:#fff; border-radius:5px; z-index:100; }
.confirm-box .confirm-title{ margin-top:10px; height:30px; line-height:30px; text-align:center; font-size:15px; }
.confirm-box .confirm-word{ padding:0 46px; height:83px; width:158px; font-size:14px; text-align:center; display:table-cell; vertical-align:middle; color:#666; }
.confirm-box .confirm-btn{ position:absolute; left:0; bottom:0; width:100%; overflow:hidden; border-top:#dfdfdf 1px solid; }
.confirm-box .confirm-btn:after{ content:""; display:block; width:1px; height:44px; background:#dfdfdf; position:absolute; left:50%; top:0; }
.confirm-box .confirm-btn a{ float:left; width:50%; height:44px; line-height:44px; text-align:center; font-size:16px; color:#666; }
.confirm-box .confirm-btn .confirm-org{ color:#fa8932; }
.confirm-box .close-tag{ position:absolute; display:block; right:8px; top:8px; width:12px; height:12px; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFWSURBVEhLrZVNTsNADIVzNdjANRCLSvyW/5+rkVSKp4foAqkLYIFaiRsAz1NbSpzJtGN4khXF8/y91lWT6oXosCH6qENYoU6rPwqMKXhrXJdN2+5zY9mE8KOF+xvxFqsmeu6xiBYc8NVtxgNHiIXHwmY4YDI4QJWEpODofYNxHA34Ha6tgYv70ZARfE92TuBnYtnIE4Lz3eCqkhD0k3Ds/VwsafHu7WAsoiux+OGqXAiuj7ZfBFeNhphywVUA3Fpgtxg+I7oQu08AJUP+Bc4C6CEVwIU1TsXmUw6u5Q5JwXktthf7pSEA3Q8ggDModybjeaUAEdIBuEN2gavgTa5wNARvnzs7EIcynyoTcimWjTxw1dYQ/FlOrCFW5+G2TfCPPZ+O+JmzsoclcBXmhiEhvHFA76Xvgasw3wvBt1hUs7Y9APQd9YmwiXjd4t2DtQb8tZ7P934ByLZ9Qcen9f0AAAAASUVORK5CYII=") no-repeat; background-size:100%; }

.ui-content .customer-contact{ padding-bottom:0; }
.ui-content .customer-contact .customer-rule{ padding-top:0.3rem; }
.ui-content .customer-contact .customer-rule .rule-1{ padding-top:1.08rem; background:url("../images/customer-pic2.png") no-repeat center top; background-size:1.46rem 1.08rem; }
.ui-content .customer-contact .customer-rule .rule-1 span{ display:block; text-align:center; color:#fff; }
.ui-content .customer-contact .customer-rule .rule-1 span { font-size: 14px; }
.ui-content .customer-contact .customer-rule .rule-1 span a { color: #ff9b1a; }
.ui-content .customer-contact .customer-rule .customer-list { width:2.01rem; margin: 0.16rem auto 0; }
.ui-content .customer-contact .customer-rule .customer-list li { margin-bottom: 0.1rem; box-sizing: border-box; padding-left: 0.4rem; width:2.01rem; height:0.36rem; line-height:0.36rem; background:#F5F5F5 url("../images/qq.png") no-repeat 0.05rem center; background-size: 0.25rem 0.25rem; border-radius:0.08rem; color:#666; }
.ui-content .customer-contact .customer-rule .customer-list li.public { background-image: url("../images/public.png"); }
.ui-content .customer-contact .customer-rule .customer-list li.wechat { background-image: url("../images/wechat.png"); }
.ui-content .customer-contact .customer-link{ margin:0.3rem 0.15rem 0.05rem; }
.ui-content .customer-contact .customer-link a{ display:block; height:0.4rem; text-align:center; line-height:0.4rem; background:#3280fd; color:#fff; font-size:14px; border-radius:0.05rem; }

.ui-content .user-envelope { position: relative; box-sizing: border-box; margin: 0.08rem 0.15rem; padding: 0.05rem 0.1rem; height: 0.79rem; border-radius: 0.03rem; background: url(../images/envelope-bg.png) no-repeat; background-size: 100%; }
.ui-content .user-envelope p { line-height: 0.23rem; }
.ui-content .user-envelope .envelope-money span { font-size: 20px; }
.ui-content .user-envelope .envelope-link { color: #ffd211; }
.ui-content .user-envelope .envelope-btn { position: absolute; top: 50%; right: 0.15rem; margin-top: -0.11rem; width: 0.45rem; height: 0.2rem; text-align: center; line-height: 0.2rem; color: #fff; border: #fff 1px solid; border-radius: 0.03rem; }

.ui-content .red-envelope { padding: 0 0.15rem; }
.ui-content .red-envelope .envelope-card { box-sizing: border-box; padding: 0 0.15rem; height: 1.22rem; background: rgba(255, 255, 255, .1); border-radius: 0.03rem; }
.ui-content .red-envelope .envelope-card dl { position: relative; padding: 0.1rem 0 0.1rem 0.5rem; min-height: 0.42rem; border-bottom: #595250 1px solid; }
.ui-content .red-envelope .envelope-card dt { position: absolute; left: 0; top: 50%; margin-top: -0.21rem; border-radius: 0.1rem; overflow: hidden; }
.ui-content .red-envelope .envelope-card dt img { width: 0.42rem; height: 0.42rem; }
.ui-content .red-envelope .envelope-card dd { line-height: 1.8; }
.ui-content .red-envelope .envelope-card dd.name { font-size: 14px; }
.ui-content .red-envelope .envelope-card dd.link { position: absolute; right: 0; top: 50%; margin-top: -0.12rem; }
.ui-content .red-envelope .envelope-card dd.link a { color: #ff9b1a; }
.ui-content .red-envelope .envelope-card .card-down { position: relative; margin-top: 0.04rem; }
.ui-content .red-envelope .envelope-card .card-down p { line-height: 0.23rem; }
.ui-content .red-envelope .envelope-card .card-down .money { font-size: 18px; font-weight: bold; color: #ff4744; }
.ui-content .red-envelope .envelope-card .card-down .btn { position: absolute; top: 50%; right: 0; margin-top: -0.08rem; width: 0.45rem; height: 0.24rem; text-align: center; line-height: 0.24rem; color: #fff; background: linear-gradient(left, #fd8b3f, #fd8b3f); background: -webkit-linear-gradient(left, #fd8b3f, #fd8b3f); border-radius: 0.03rem; }

.ui-content .envelope-info { margin-top: 0.1rem; padding: 0.07rem 0.15rem 0.04rem; background: rgba(255, 255, 255, .1); border-radius: 0.03rem; }
.ui-content .envelope-info p { line-height: 0.22rem; overflow: hidden; }
.ui-content .envelope-info p span { display: block;  }
.ui-content .envelope-info p .l { float: left; width: 65%; }
.ui-content .envelope-info p .r { float: left; width: 35%; text-align: right; }
.ui-content .envelope-info .info-value .l { font-size: 18px; color: #ff4744; }
.ui-content .envelope-info .info-value .l,
.ui-content .envelope-info .info-value .r .joind { font-size: 16px; }
.ui-content .envelope-info .info-value .l,
.ui-content .envelope-info .info-value .r em { font-weight: bold; }

.ui-content .no-envelope{ background:url("../images/no-envelope.png") no-repeat center; background-size:0.88rem 0.88rem; }
.android-body .ui-content .no-envelope{ height:3rem; }
.ui-content .envelope-list { margin-top: 0.1rem; padding: 0.05rem 0.15rem; background: rgba(255, 255, 255, .1); border-radius: 0.03rem; }
.ui-content .envelope-list .box-nav li { border: none; }
.ui-content .envelope-list .list-box ul { overflow: hidden; }
.ui-content .envelope-list .list-box li { position: relative; margin-bottom: -1px; padding: 0.08rem 0 0.1rem 0.33rem; background: url('../images/envelope-tag.png') no-repeat left center; background-size: 0.23rem 0.28rem; border-bottom: #595250 1px solid; }
.ui-content .envelope-list .list-box li p { line-height: 1.8; }
.ui-content .envelope-list .list-box li .money { color: #ff4744; font-size: 16px; font-weight: bold; }
.ui-content .envelope-list .list-box li .rule { color: #999; padding-right: 0.55rem; }
.ui-content .envelope-list .list-box li .btn { position: absolute; top: 50%; right: 0; margin-top: -0.11rem; width: 0.45rem; height: 0.2rem; text-align: center; line-height: 0.2rem; color: #fff; background: #ff4744; border: #ff4744 1px solid; border-radius: 0.03rem; }
.ui-content .envelope-list .list-box li .btn.over { background: #999; border-color: #999; }
.ui-content .envelope-list .list-box li .btn.wait { background: none; border-color: #999; color: #999; }
.ui-content .envelope-list .box-nav li.current:after { background: #ff9b1a; }

.ui-content .envelope-withdraw .withdraw-money { position: relative; }
.ui-content .envelope-withdraw .withdraw-money p { padding: 0.1rem 0.15rem 0; }
.ui-content .envelope-withdraw .withdraw-money ul { overflow: hidden; padding: 0.1rem; }
.ui-content .envelope-withdraw .withdraw-money li { float: left; width: 33.33%; box-sizing: border-box; padding: 0.05rem; }
.ui-content .envelope-withdraw .withdraw-money li a { display: block; box-sizing: border-box; width: 100%; height: 0.35rem; color: #fff; text-align: center; line-height: 0.35rem; border-radius: 0.03rem; background: rgba(255, 255, 255, .1); }
.ui-content .envelope-withdraw .withdraw-money li a.current { background: rgba(0, 0, 0, .3); border: #ff9b1a 1px solid; color: #ff9b1a; }
.ui-content .envelope-withdraw .withdraw-money .link { position: absolute; right: 0.15rem; top: 0.1rem; color: #ff9b1a; }
.ui-content .envelope-withdraw .withdraw-way { overflow: hidden; margin: 0 0.15rem; padding: 0 0.1rem; border-radius: 0.03rem; background: rgba(255, 255, 255, .1); height: 0.35rem; line-height: 0.35rem; }
.ui-content .envelope-withdraw .withdraw-way .l { float: left; }
.ui-content .envelope-withdraw .withdraw-way .r { float: right; }
.ui-content .envelope-withdraw .withdraw-way .hide { display: none; }
.ui-content .envelope-withdraw .withdraw-way a { color: #ff9b1a; }
.ui-content .envelope-withdraw .withdraw-btn { margin: 0.15rem 0.15rem 0.12rem; }
.ui-content .envelope-withdraw .withdraw-btn a { display:block; height:0.35rem; text-align:center; line-height:0.35rem; background:#3280fd; color:#fff; font-size:14px; border-radius:0.03rem; }
.ui-content .envelope-withdraw .withdraw-btn a.gray { background:#999; }
.ui-content .envelope-withdraw .withdraw-rule { padding: 0 0.15rem; color: #999; }
.ui-content .envelope-withdraw .withdraw-rule span { color: #ff9b1a; }

.ui-content .bind-wechat { padding: 0.1rem 0.15rem; }
.ui-content .bind-wechat .bind-rule p { line-height: 1.8; }
.ui-content .bind-wechat .bind-code{ position:relative; margin-top: 0.13rem; padding-left: 0.62rem; height:0.35rem; border-radius:0.03rem; background: rgba(255, 255, 255, .1); }
.ui-content .bind-wechat .bind-code input{ width:100%; border:none; background:none; color:#ff9b1a; height:0.35rem; font-size: 13px; }
.ui-content .bind-wechat .bind-code a{ position:absolute; display:block; width:0.48rem; height:0.24rem; margin-top: -0.12rem; right:0.1rem; top:50%; text-align:center; border-radius:0.03rem; background:#ff9b1a; line-height:0.24rem; color:#fff; font-size:14px; }
.ui-content .bind-wechat .bind-code i{ position:absolute; left:0.1rem; top:50%; margin-top:-0.09rem; font-style:normal; color:#bbb; font-size: 13px; }
.ui-content .bind-wechat .bind-btn { margin: 0.15rem 0 0.12rem; }
.ui-content .bind-wechat .bind-btn a { display:block; height:0.35rem; text-align:center; line-height:0.35rem; background:#3280fd; color:#fff; font-size:14px; border-radius:0.03rem; }
.ui-content .bind-wechat .bind-btn a.gray { background:#999; }

.ui-content .withdraw-record .withdraw-list { padding: 0.1rem 0.15rem; }
.ui-content .withdraw-record .withdraw-list ul { padding: 0 0.15rem; border-radius:0.03rem; background: rgba(255, 255, 255, .1); overflow: hidden; }
.ui-content .withdraw-record .withdraw-list li { margin-bottom: -1px; padding: 0.1rem 0; border-bottom: #1f2530 1px solid; }
.ui-content .withdraw-record .withdraw-list li p { overflow: hidden; line-height: 2; }
.ui-content .withdraw-record .withdraw-list li p .l { float: left; width: 50%; text-align: left; }
.ui-content .withdraw-record .withdraw-list li p .r { float: right; width: 50%; text-align: right; }
.ui-content .withdraw-record .withdraw-list li .value .l { color: #999; }
.ui-content .withdraw-record .withdraw-list li .value .r.blue { color: #3280fd; }
.ui-content .withdraw-record .withdraw-list li .value .r.red { color: #ff4744; }
.ui-content .withdraw-record .withdraw-list .list-first { padding-bottom: 0.06rem; }
.ui-content .withdraw-record .withdraw-list .list-first .value { font-size: 16px; }
.ui-content .withdraw-record .withdraw-list .list-first .value .l { color: #ff4744; }
.ui-content .withdraw-record .withdraw-list .list-first .value .r { color: #999; }
.ui-content .no-user-envelope .no-user-word { padding-top: 1.35rem; text-align: center; } 

.ui-content .activity-rules { padding: 0.1rem 0.15rem; }
.ui-content .activity-rules .rules-word { padding: 0.1rem 0.15rem; border-radius:0.03rem; background: rgba(255, 255, 255, .1); line-height: 2; }
.ui-content .no-user-envelope .no-user-word { padding-top: 1.75rem; text-align: center; background: url("../images/no-user.png") no-repeat center 0.88rem; background-size: 0.78rem 0.65rem; }
.ui-content .no-activity-envelope .no-activity-word { padding-top: 1.75rem; text-align: center; background: url("../images/no-activity.png") no-repeat center 0.85rem; background-size: 0.72rem 0.65rem; }
.ui-content .withdraw-success { text-align: center; }
.ui-content .withdraw-success .withdraw-word { font-size: 14px; padding-top: 1.25rem; text-align: center; background: url("../images/withdraw-success.png") no-repeat center 0.52rem; background-size: 0.56rem 0.56rem; }
.ui-content .withdraw-success .withdraw-rule { padding-top: 0.05rem; display: inline-block; color: #bbb; text-align: left; }
.ui-content .withdraw-success .withdraw-rule a { color: #3783fd; }

.ui-content .binding-box{ padding:0.1rem 0 }
.ui-content .binding-box .binding-tip{ padding:0 0.15rem 0.1rem; color:#FF921B; }
.ui-content .binding-box .binding-tip p{ padding-top:0.05rem; color:#666; font-size: 14px; }
.ui-content .binding-input{ padding:0 0.15rem 0.1rem; }
.ui-content .binding-input .input-box{ box-sizing:border-box; background:#F5F5F5; padding:0 0.16rem; border-radius: 0.08rem; }
.ui-content .binding-input .input-box input{ background:none; border:none; width:100%; height:0.35rem; }
.ui-content .binding-input .input-box .btn-getCode{ flex:none; margin:0 0.1rem; color:#F78D3C; border:none; background:transparent; }
.ui-content .binding-input .input-box.flex{ display:flex; align-items:center; }
.ui-content .binding-input.grey .input-box input{ color:#bbb; }
.ui-content .binding-define{ margin:0.05rem 0.15rem 0.1rem; }
.ui-content .binding-define a{ display:block; height:0.36rem; text-align:center; line-height:0.36rem; background:linear-gradient(left, #F89B46, #F68235); background:-webkit-linear-gradient(left, #F89B46, #F68235); color:#fff; font-size:14px; border-radius:0.18rem; }
.ui-content .binding-define.gray a{ opacity: 0.5; }
.ui-content .bound { position:relative; height:4rem; background:url("../images/binding.png") no-repeat center 35%; background-size:0.88rem 0.88rem; }
.ui-content span.bound-phone{ position:absolute; width:100%; display:block; text-align:center; top:52%; font-size:14px; color:#333; }
.ui-content .change-phone{position:absolute; top:60%; width:100%; }
.ui-content .change-phone a{ width:30%; margin:auto; display:block; height:0.36rem; text-align:center; line-height:0.36rem; background:linear-gradient(left, #F89B46, #F68235); background:-webkit-linear-gradient(left, #F89B46, #F68235); color:#fff; font-size:14px; border-radius:0.18rem; }

.ui-content .trumpet-box{ padding:0.1rem; font-size:14px; }
.ui-content .trumpet-item{ display:flex; justify-content:space-between; align-items:center; height:0.16rem; margin-bottom:0.1rem; padding:0.15rem; background-color:#fff; border-radius:0.08rem; border:1px solid #fff; }
.ui-content .trumpet-item.present{ background-color:#FFF1E6; border:1px solid #F78D3C; }
.ui-content .trumpet-item .switch-trumpet a{ display:block; width:0.6rem; height:0.26rem; text-align:center; line-height:0.26rem; background:linear-gradient(left, #F89B46, #F68235); background:-webkit-linear-gradient(left, #F89B46, #F68235); color:#fff; font-size:14px; border-radius:0.18rem; }

.ui-content .envelope-recharge .recharge-money p{ padding:0.1rem 0.15rem 0; color:#666; }
.ui-content .envelope-recharge .recharge-money ul{ overflow:hidden; padding:0.05rem 0.1rem; }
.ui-content .envelope-recharge .recharge-money li{ float:left; width:33.33%; box-sizing:border-box; padding:0.05rem; }
.ui-content .envelope-recharge .recharge-money li a{ display:block; box-sizing:border-box; width:100%; height:0.36rem; text-align:center; line-height:0.36rem; border-radius:0.06rem; background:#F5F5F5; border:1px solid #F5F5F5; font-size:14px; }
.ui-content .envelope-recharge .recharge-money li a.current{ background:#FFF1E6; border:#F78D3C 1px solid; }
.ui-content .envelope-recharge .recharge-way{ display:flex; align-items:center; justify-content:space-between; margin:0 0.15rem; padding:0 0.15rem; border-radius:0.06rem; background:#F5F5F5; height:0.36rem; line-height:0.36rem; }
.ui-content .envelope-recharge .recharge-way input{ background:none; border:none; text-align:right; }

.ui-content .envelope-recharge .recharge-info .pay-way{ margin:0.1rem 0.15rem; font-size:14px; }
.ui-content .envelope-recharge .recharge-info .pay-way-list{ background:rgba(255, 255, 255, 0.06); padding:0 0.15rem; display:flex; align-items:center; }
.ui-content .envelope-recharge .recharge-info .pay-way-list .way-item{ height:0.44rem; padding:0 0.1rem; display:flex; align-items:center; justify-content:space-between; background-color: #F5F5F5; box-sizing:border-box; border-radius:0.06rem; margin:0 0.1rem 0.1rem 0; }
.ui-content .envelope-recharge .recharge-info .pay-way-list .way-item .l{ display:flex; align-items:center; margin-right:0.1rem; }
.ui-content .envelope-recharge .recharge-info .pay-way-list .way-item .l img{ width:0.24rem; height:0.24rem; margin-right:0.15rem; }
.ui-content .envelope-recharge .recharge-info .pay-way-list .way-item i{ display:block; background:url("../images/pay-unselected.png") no-repeat center; width:0.2rem; height:0.2rem; background-size:100% 100%; }
.ui-content .envelope-recharge .recharge-info .pay-way-list .way-item i.current{ display:block; background:url("../images/pay-selected.png") no-repeat center; width:0.2rem; height:0.2rem; background-size:100% 100%; }
.ui-content .envelope-recharge .recharge-btn{ margin:0 0.15rem 0.1rem; }
.ui-content .envelope-recharge .recharge-btn a{ display:block; height:0.36rem; text-align:center; line-height:0.36rem; background:linear-gradient(left, #F89B46, #F68235); background:-webkit-linear-gradient(left, #F89B46, #F68235); color:#fff; font-size:14px; border-radius:0.18rem; }
.ui-content .envelope-recharge .recharge-btn a.gray{ background:linear-gradient(left, #FBCDA2, #FAC09A); background:-webkit-linear-gradient(left, #FBCDA2, #FAC09A); }
/* 活动弹窗 - improved responsive popup for images */
.ui-content .movable-popup{position:fixed;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.6);z-index:1100}

.popup-box{width:86%;max-width:900px;box-sizing:border-box;position:relative;display:flex;justify-content:center;align-items:center;padding:.06rem;background:transparent}
.popup-box .information-img{width:100%;display:flex;justify-content:center;align-items:center;padding:0;position:relative}
.popup-box .information-img img{max-width:73%!important;max-height:85vh!important;width:auto!important;height:auto!important;display:block;margin-left:auto;margin-right:auto;border-radius:6px}
.popup-box>.close-popup{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,0.45);display:flex;align-items:center;justify-content:center;z-index:12000;box-shadow:0 4px 10px rgba(0,0,0,0.3);pointer-events:auto}
.popup-box.movable .close-popup,.movable-popup .popup-box>.close-popup{transform:translateY(-14px)!important}.popup-box>.close-popup img{width:18px;height:18px;display:block}

/* Small screens: make popup nearly full screen and increase image size */
@media(max-width:600px){.popup-box{width:96%;padding:.04rem}.popup-box .information-img img{max-width:100%;max-height:88vh}.popup-box>.close-popup{top:8px;right:12px}}

/* Landscape with limited height: limit image height and allow scrolling */
@media(orientation:landscape) and (max-height:500px){.popup-box{width:72%;max-height:82vh;overflow:auto}.popup-box .information-img img{max-height:78vh}}

@media(orientation:portrait) and (max-width:800px){.popup-box{width:98%;max-width:100%;max-height:92vh;overflow:auto}.popup-box .information-img img{max-height:90vh}.popup-box>.close-popup{top:8px;right:12px}}