/*
	[system] copyright (c) 2008-2022
*/
* {word-break:break-all;font-family:-apple-system,blinkmacsystemfont,"segoe ui","lucida grande",helvetica,arial,verdana,"microsoft yahei";}
body {margin:0;font-size:14px;color:#444444;background:#ffffff;}/*-webkit-user-select:none;*/
ul li {list-style-type:none;}
ol li {list-style-type:decimal;}
ul,form {margin:0px;padding:0px;}
form {margin:0px;}
td {font-size:14px;}
img {border:none;}
a:link,a:visited,a:active,a:hover {color:#444444;text-decoration:none;}
a.b:link,a.b:visited,a.b:active,a.b:hover{text-decoration:none;color:#007aff;}
a,button,input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
.fn-clear:after,.clearfix:after {visibility:hidden; display:block; font-size:0;	content:" "; clear:both; height:0;}
.fn-clear,.clearfix {zoom:1; /* for ie6 ie7 */}
.fn-hide {display:none;}
.fn-left, .fn-right {display:inline;}
.fn-left {float:left;}
.fn-right {float:right;}
h1,h2,h3,h4,h5,h6,p{padding:0;margin:0;font-weight: normal;/* font-size: 14px; */}
input,textarea,select {outline:none;}
.f_red {color:#ff0000;}
.f_blue {color:#003eaa;}
.f_green {color:#2ba245;}
.f_orange {color:#ff6600;}
.f_gray {color:#666666;}
.f_price {color:#ff0000;}
.f_r {float:right;}
.t_c {text-align:center;}
.t_r {text-align:right;}
.c_b {clear:both;}
.f_b {font-weight:bold;}
.lh20 {line-height:200%;}
.px14 {font-size:14px;}
.px12 {font-size:12px;}
.dsn {display:none;}
.main {background:#f6f6f6;overflow:hidden;clear:both;}
.warn {padding:16px;line-height:16px;background:#ffffdd;font-size:12px;}
.btns input {width:80px;float:right;margin:10px 10px 0 0;line-height:28px;font-size:14px;}
.img-circle {border-radius:50%;}
.blank-10 {height:10px;clear:both;}
.blank-16 {height:16px;clear:both;}
.blank-20 {height:20px;clear:both;}
.blank-32 {height:32px;clear:both;}
.blank-36 {height:36px;clear:both;}
.blank-600 {height:600px;clear:both;}
.bd-t {border-top:#f0f0f0 1px solid;}
.bd-r {border-right:#f0f0f0 1px solid;}
.bd-b {border-bottom:#f0f0f0 1px solid;}
.bd-l {border-left:#f0f0f0 1px solid;}

.btn,.btn-red,.btn-green,.btn-blue,.btn-orange {color:#ffffff;font-size:18px;width:100%;line-height:48px;border:none;border-radius:6px;text-align:center;-webkit-appearance:none;}
.btn {background:#ffffff;border:#e4e4e4 1px solid;color:#666666;}
.btn:hover {background:#dedede;border:#cdcdcd 1px solid;}
.btn-green {background:#1aad19;}
.btn-green:hover {background:#179b16;}
.btn-blue {background: #de293a;}
.btn-blue:hover {opacity:.9;filter:alpha(opacity=90);}
.btn-orange {background:#ff8800;}
.btn-orange:hover {opacity:.9;filter:alpha(opacity=90);}
.btn-red {background:#e64340;}
.btn-red:hover {opacity:.9;filter:alpha(opacity=90);}
.input-checkbox {width:24px;height:24px;background: no-repeat;background-size:24px 24px;}
.input-checkbox-checked {width:24px;height:24px;background: no-repeat;background-size:24px 24px;}

.head-bar-fix {height:48px;overflow:hidden;font-size:12px;text-align:center;clear:both;color:#d3d3d3;}
.head-bar-fix em {display:inline-block;width:24px;height:24px;line-height:24px;}
.head-bar-fix .rfd em {background: no-repeat center 4px;background-size:24px 24px;}
.head-bar-fix .rfu em {background: no-repeat center 4px;background-size:24px 24px;}
.head-bar-fix .rfl em {background: no-repeat center 6px;background-size:20px 20px;}
.head-bar {width:100%;height:48px;line-height:48px;overflow:hidden;background:#f7f7f7;border-bottom:#f0f0f0 1px solid;position:fixed;z-index:9;left:0;top:0;user-select:none;-webkit-user-select:none;}
.head-bar img {width:24px;height:24px;vertical-align:top;padding-top:12px;}
.head-bar span {font-size:16px;}
.head-bar-title {position:absolute;z-index:10;left:60px;right:60px;font-size:18px;font-weight:bold;text-align:center;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;user-select:none;-webkit-user-select:none;}
.head-bar-title input[type="search"] {box-sizing:border-box;width:100%;height:30px;line-height:30px;color:#8b8b8b;background:#eeeeee  no-repeat 6px center;background-size:16px 16px;border:none;padding:0 28px;border-radius:4px;font-size:14px;-webkit-appearance:none;}
.head-bar-left {float:left;padding:0 0 0 10px;}
.head-bar-back {float:left;padding:0 0 0 12px;}
.head-bar-right {float:right;padding: 0 10px 0 0;}
.head-tab {position:relative;z-index:10;width:180px;height:49px;left:50%;margin:0 0 0 -90px;}
.head-tab i {font-style:normal;font-weight:normal;font-size:10px;color:#ffffff;z-index:11;position:relative;display:block;width:20px;height:20px;line-height:20px;left:50%;margin:-34px 0 0 24px;background:#ff0000;border-radius:50%;text-align:center;}
.head-tab-on {width:50px;height:45px;float:left;margin:0 16px;border-bottom:#444444 4px solid;}
.head-tab-tb {width:50px;height:45px;float:left;margin:0 16px;}
.head-tab-tb b {color:#666666;}

.header{}
.header .head-bar-title{margin-left: 14%;}

.back2top {width:36px;height:36px;position:fixed;z-index:20;right:20px;bottom:128px;background:#000000  no-repeat center center;background-size:24px 24px;border-radius:50%;display:none;opacity:0.5;filter:alpha(opacity=50);}
.back2top a {display:block;width:100%;height:100%;}

.foot-bar-fix {height:48px;clear:both;}
.foot-bar {width:100%;height:48px;/* overflow:hidden; */background:#ffffff;border-top: #f0f0f0 1px solid !important;position:fixed;z-index:9;left:0;bottom:0;user-select:none;-webkit-user-select:none;}
.foot-bar li {width:20%;height:48px;float:left;text-align:center;font-size:11px;}
.foot-bar span {display:block;padding-top: 30px;color: #5e5e5e;}
.foot-bar i {font-style:normal;font-size:10px;position:relative;z-index:10;display:block;width:6px;height:6px;left:50%;margin:-38px 0 0 8px;background:#ff0000;border:1px solid #f43531;border-radius:5px;}
.foot-bar b {font-weight:normal;font-size:10px;color:#ffffff;z-index:10;position:relative;display:block;width:16px;height:16px;line-height:16px;left:50%;margin:-46px 0 0 6px;background:#ff0000;border-radius:50%;text-align:center;}
.foot-bar .icon-home {background: no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-home-on {background: no-repeat center 5px;background-size:24px 24px;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: bounceto;animation-name: bounceto;-webkit-transform-origin: center bottom;transform-origin: center bottom;}
.foot-bar .icon-channel {background: no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-channel-on {background: no-repeat center 5px;background-size:24px 24px;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: bounceto;animation-name: bounceto;-webkit-transform-origin: center bottom;transform-origin: center bottom;}
.foot-bar .icon-my {background:  no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-my-on {background: no-repeat center 5px;background-size:24px 24px;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: bounceto;animation-name: bounceto;-webkit-transform-origin: center bottom;transform-origin: center bottom;}
.foot-bar .icon-cart {background: no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-cart-on {background: no-repeat center 5px;background-size:24px 24px;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: bounceto;animation-name: bounceto;-webkit-transform-origin: center bottom;transform-origin: center bottom;}
.foot-bar .icon-message {background: no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-message-on {background: no-repeat center 5px;background-size:24px 24px;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: bounceto;animation-name: bounceto;-webkit-transform-origin: center bottom;transform-origin: center bottom;}
.foot-bar .icon-more {background: no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-more-on {background: no-repeat center 5px;background-size:24px 24px;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: bounceto;animation-name: bounceto;-webkit-transform-origin: center bottom;transform-origin: center bottom;}
.foot-bar .icon-time {background: no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-time-on {background: no-repeat center 5px;background-size:24px 24px;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: bounceto;animation-name: bounceto;-webkit-transform-origin: center bottom;transform-origin: center bottom;}
.foot-bar-txt {padding:8px 10px;}
.foot-bar-txt textarea {box-sizing:border-box;width:100%;height:32px;line-height:32px;padding:0 10px;background:#f6f6f6;border-radius:4px;border:none;font-size:14px;color:#999999;}
.foot-bar li.fabu{margin-top: -16px;}
.foot-bar .fabu img {width: 60px;height: 60px;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}

.foot-bar.btns{z-index:10}

.gird-4,.gird-5 {text-align:center;padding:24px 0;overflow:hidden;}
.gird-4 img,.gird-5 img {margin:0 0 6px 0;}
.gird-4 span,.gird-5 span {display:block;font-size:12px;line-height:12px;}
.gird-4 li {width:25%;height:90px;float:left;}
.gird-5 li {width:20%;height:80px;float:left;}

.list-set {background:#ffffff;border-top:#f0f0f0 1px solid;border-bottom:#f0f0f0 1px solid;font-size:16px;}
.list-set li {background:#ffffff;}
.list-set div {margin-left:16px;height:44px;line-height:44px;padding:0 36px 0 0;overflow:hidden;border-top:#f0f0f0 1px solid;background: no-repeat right center;background-size:23px 13px;}
.list-set .on {background:none;}
.list-set a {display:block;width:100%;height:44px;}
.list-set em {display:block;height:16px;line-height:16px;padding:0 6px;float:right;font-size:12px;color:#ffffff;font-style:normal;background:#ff0000;border-radius:10px;margin-top:14px;}
.list-set span {float:right;font-size:14px;color:#444444;padding-left:10px;}
.list-set li:first-child div {border:none;}
.list-set input,.list-set select {border:#f0f0f0 1px solid;border-radius:0;-webkit-appearance:none;padding:4px;font-size:14px;}
.list-set-img div {margin-left:50px;}
.list-set-img img {width:24px;height:24px;position:absolute;z-index:8;margin:10px 0 0 -36px;}

.list-img {height:84px;background:#ffffff;overflow:hidden;clear:both;border-bottom:#f0f0f0 1px solid;padding:0 12px;}
.list-img img {float:left;margin:12px 12px 0 0;}
.list-img ul {margin:12px 0 0 0;}
.list-img li {height:30px;line-height:30px;overflow:hidden;}
.list-img strong {font-size:16px;display:block;width:100%;font-weight:normal;}
.list-img strong span {font-size:16px;}
.list-img em {font-size:12px;color:#666666;font-style:normal;}
.list-img i {font-size:12px;color:#f23030;font-style:normal;float:right;}
.list-img span {font-size:12px;color:#666666;}
.list-img .price {font-size:12px;color:#ff0000;}
.list-img .vip {background: no-repeat 0 center;background-size:14px 14px;padding-left:16px;}
.list-img .check {float:right;width:32px;height:30px;background: no-repeat center center;background-size:20px 20px;}
.list-img .checked {float:right;width:32px;height:30px;background: no-repeat center center;background-size:20px 20px;}
.list-img .sheet {float:right;width:32px;height:30px;background: no-repeat center center;background-size:20px 20px;}

.list-user {height:32px;overflow:hidden;padding:0 16px;margin-top:10px;}
.list-user img {float:left;}
.list-user ul {position:absolute;left:58px;right:16px;}
.list-user li {line-height:16px;color:#999999;}
.list-user span {float:right;font-size:12px;}
.list-user em {font-size:11px;font-style:normal;}

.list-inp {background:#ffffff;padding:0 16px;}
.list-inp div {width:100%;height:48px;line-height:48px;font-size:16px;padding-top:16px;}
.list-inp input[type="text"],.list-inp input[type="password"],.list-inp input[type="tel"],.list-inp input[type="number"],.list-inp input[type="email"],.list-inp input[type="url"] {box-sizing:border-box;width:100%;height:44px;line-height:24px;border:#f0f0f0 1px solid;padding:10px;border-radius:4px;font-size:16px;-webkit-appearance:none;}

.list-btn {padding:0 16px;}

.list-pay {background:#ffffff;border-top:#f0f0f0 1px solid;border-bottom:#f0f0f0 1px solid;font-size:18px;}
.list-pay li {background:#ffffff;}
.list-pay div {margin-left:50px;height:44px;line-height:44px;overflow:hidden;border-top:#f0f0f0 1px solid;}
.list-pay em {display:block;height:16px;line-height:16px;padding:0 6px;float:right;font-size:12px;margin-top:7px;}
.list-pay span {float:right;font-size:12px;color:#666666;}
.list-pay li:first-child div {border:none;}
.list-pay img {width:24px;height:24px;position:absolute;z-index:9;margin:10px 0 0 -36px;border-radius:4px;}
.list-pay .check {width:32px;height:30px;background: no-repeat center center;background-size:24px 24px;}
.list-pay .checked {width:32px;height:30px;background: no-repeat center center;background-size:24px 24px;}

.list-tab {padding:16px;background:#ffffff;}
.list-tab ul {border:#444444 1px solid;border-radius:4px;height: 30px;line-height: 30px;font-size:12px;text-align:center;display:-moz-box;display:-webkit-box;display:box;}
.list-tab li {border-right:#444444 1px solid;color:#444444;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}
.list-tab li:last-child {border-right:none;}
.list-tab span {color:#444444;display:block;width:100%;height:100%;}
.list-tab .on {background:#444444;color:#ffffff;}
.list-tab .on span {color:#ffffff;}

.list-menu {background:#ffffff  repeat-x 0 bottom;height:44px;overflow-x:auto;font-size:16px;}
.list-menu ul {width:10000px;padding:0 10px;}
.list-menu li {height:42px;line-height:42px;padding:0 10px;border-bottom:#efeff4 2px solid;float:left;}
.list-menu .on {border-bottom:#444444 2px solid;color:#444444;}

.list-empty {padding:48px 24px;line-height:200%;color:#999999;font-size:16px;text-align:center;}

.member-info {height:128px;background:#3a82f6;}
.member-info-avatar {width:96px;height:96px;text-align:center;float:left;}
.member-info-avatar img {width:64px;height:64px;border-radius:50%;margin-top:16px;}
.member-info-user {height:96px;float:left;}
.member-info-user p {color:#ffffff;font-size:18px;line-height:32px;margin:20px 0 0 0;}
.member-info-user b {color:#ffffff;font-size:12px;font-weight:normal;}
.member-info-icon {width:48px;height:48px;padding-top:24px;float:right;}

.member-stats {height:192px;background:#f7f7f7;border-radius:12px;position:relative;margin:-32px 10px 0 10px;}
.member-stats li {width:50%;padding:12px 0;float:left;text-align:center;font-size:12px;}
.member-stats li b {font-weight:normal;font-size:20px;display:block;padding:0 10px;height:48px;line-height:48px;overflow:hidden;text-overflow:ellipsis;}

.order-t {height:44px;line-height:44px;padding:0 32px 0 16px;overflow:hidden;background:#ffffff  no-repeat right center;background-size:23px 13px;}
.order-t em {font-size:12px;font-style:normal;float:right;}
.order-p {height:44px;line-height:44px;padding:0 16px;overflow:hidden;background:#ffffff;}
.order-p input[type="text"] {width:50%;border:#f0f0f0 1px solid;padding:4px 6px;border-radius:0;font-size:14px;-webkit-appearance:none;}
.order-b {height:50px;padding:0 16px;overflow:hidden;text-align:right;}
.order-b a {display:inline-block;width:72px;height:24px;line-height:24px;background:#ffffff;border:#f0f0f0 1px solid;border-radius:10px;margin:12px 0 0 16px;font-size:12px;text-align:center;}

.share_icon {display:none;}
.title {}
.title h1{margin-bottom: 18px;font-size: 24px;padding-top: 19px;line-height: 34px;font-weight: normal;color: #222;margin-bottom: 12px;word-break: break-all;padding: 15px;}
.title h1 {/*font-size:20px;line-height:22px;padding:16px;margin:0;*/}
.info {font-size:14px;padding:0 10px 16px 20px;color:#666666;border-bottom:#f6f6f6 10px solid;}
.content {font-size:16px;line-height:180%;font-size: 17px;line-height: 1.67em;word-break: break-all;word-wrap: break-word;padding:10px 16px;}
.content img {max-width:100%;height:auto;border-radius: 10px;}
.content table {max-width:100%;height:auto;}
.content a {color:#007aff;}
.award {padding:32px;text-align:center;}
.award div {width:80px;height:44px;line-height:44px;font-size:20px;font-weight:bold;letter-spacing:2px;margin:auto;background:#ffffff;color:#e94657;border:#e94657 2px solid;border-radius:10px;}
.award div:hover {background:#e94657;color:#ffffff;}
.content-msg {font-size:16px;line-height:32px;padding:48px 16px;text-align:center;}
.contact {padding:0 16px;font-size:16px;line-height:200%;}
.pages {height:36px;padding:24px 0 24px 6px;text-align:center;background:#f7f7f7;clear:both;}
.pages a {display:inline-block;height:34px;line-height:34px;background:#ffffff;border:#f0f0f0 1px solid;border-radius:4px;margin-right:6px;padding:0 12px;font-size:14px;text-align:center;}

.tool {padding:24px 0;text-align:center;border-top:#f6f6f6 10px solid;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;}
.tool div {flex:1;font-style:normal;font-size:12px;color:#666666;height:20px;line-height:20px;padding:30px 0 0 0;}
.tool b {font-weight:normal;}
.tool .like {background: no-repeat center 0;background-size:24px 24px;}
.tool .hate {background: no-repeat center 0;background-size:24px 24px;}
.tool .report {background: no-repeat center 0;background-size:24px 24px;}
.tool .favorite {background: no-repeat center 0;background-size:24px 24px;}
.tool .comment {background: no-repeat center 0;background-size:24px 24px;}
.tool .award {background: no-repeat center 0;background-size:24px 24px;}
.tool .share {background: no-repeat center 0;background-size:24px 24px;}

/*tool-new*/
.tool-new {padding: 25px 0 25px;text-align:center;border-top: #f5f5f5 1px solid;margin-top: 30px;}
.tool-new i {font-style:normal;font-size:14px;color:#555555;display:inline-block;height:24px;line-height:24px;padding: 0px 2px;cursor:pointer;text-align:center;}
.tool-new i em{width: 24px;height: 24px;line-height: 24px;display:inline-block;text-align: center;border-radius: 50px;}
.tool-new i p{font-style: normal;font-size: 14px;}
.tool-new b {font-weight:normal;font-size:12px;}
.tool-new .like em {background: #f2f8ff  no-repeat 4px center;}
.tool-new .like:hover em{background: #f2f8ff  no-repeat 18px center;color:#ff6600;}
.tool-new .hate em {background:#f2f8ff  no-repeat 18px center;}
.tool-new .hate:hover em {background:#f2f8ff  no-repeat 18px center;color:#ff6600;}
.tool-new .report em {background:#f2f8ff  no-repeat 18px center;}
.tool-new .report:hover em {background:#f2f8ff  no-repeat 18px center;color:#ff6600;}
.tool-new .favorite em {background:#f2f8ff  no-repeat 18px center;}
.tool-new .favorite:hover em {background:#f2f8ff  no-repeat 18px center;color:#ff6600;}
.tool-new .comment em {background:#f2f8ff  no-repeat 18px center;}
.tool-new .comment:hover em {background:#f2f8ff  no-repeat 18px center;color:#ff6600;}
.tool-new .award em {background:#f2f8ff  no-repeat 18px center;}
.tool-new .award:hover em {background:#f2f8ff  no-repeat 18px center;color:#ff6600;}
.tool-new .share em {background:#f2f8ff  no-repeat 18px center;}
.tool-new .share:hover em {background:#f2f8ff  no-repeat 18px center;color:#ff6600;}

.ui-head {height:44px;line-height:44px;font-size:16px;padding:0 0 0 20px;background:#f6f6f6;}
.ui-head span {float:right;display:inline-block;font-size:12px;color:#666666;background: no-repeat right center;background-size:23px 13px;padding-right:28px;}
.ui-head i {display:inline-block;height:4px;width:30px;background:#ff6600;border-radius:2px;position:absolute;z-index:8;margin:40px 0 0 0;}

.ui-load {height:48px;line-height:48px;background:#ffffff;font-size:12px;text-align:center;display:none;}
.ui-load i {font-style:normal;display:inline-block;height:16px;line-height:16px;background: no-repeat 0 center;background-size:16px 16px;padding:0 0 0 24px;color:#999999;}
.ui-load b {color:#d3d3d3;}

.ui-viewer {position:fixed;z-index:200;top:0;width:100%;height:10000px;background:#000000;color:#ffffff;display:none;}
.ui-viewer i {position:fixed;z-index:211;top:0px;left:0px;display:block;width:24px;height:24px;background:#333333  no-repeat center center;background-size:16px 16px;border:#000000 16px solid;border-radius:50%;font-size:10px;padding:0;}
.ui-viewer b {position:fixed;z-index:211;top:16px;right:16px;display:inline-block;padding:4px 8px;background:#333333;border-radius:10px;font-size:10px;font-style:normal;color:#ffffff;text-align:center;}
.ui-viewer p {position:fixed;z-index:211;bottom:0;left:0;padding:16px 24px;margin:0;background:#333333;font-size:12px;color:#ffffff;width:100%;display:none;}
.ui-viewer em {position:fixed;z-index:211;top:16px;left:50%;margin-left:-30px;font-size:12px;color:#f6f6f6;width:60px;height:22px;line-height:22px;background:#333333;border-radius:4px;font-style:normal;text-align:center;display:none;}
.ui-viewer li {float:left;}

.ui-album {background:#000000;color:#ffffff;}
.ui-album span,.ui-album pre {display:none;}
.ui-album strong {display:block;line-height:20px;padding:20px;font-size:12px;font-weight:normal;}
.ui-album li {float:left;}
.ui-album em {position:absolute;z-index:5;right:0;margin:24px 24px 0 0;display:inline-block;padding:4px 8px;background:#333333;border-radius:10px;font-size:10px;font-style:normal;color:#ffffff;text-align:center;opacity:0.5;filter:alpha(opacity=50);}
.ui-album b {position:absolute;z-index:6;display:block;width:48px;height:48px;background:#ffffff  no-repeat center center;background-size:48px 48px;left:50%;margin:80px 0 0 -28px;border-radius:50%;opacity:0.8;filter:alpha(opacity=80);}
.ui-album p {position:absolute;z-index:7;width:100%;background:#000000;text-align:center;margin:0;padding:0;display:none;}
.ui-album i {position:absolute;z-index:8;display:block;width:24px;height:24px;background:#000000  no-repeat center center;background-size:16px 16px;border-radius:50%;font-size:10px;padding:0;right:0;margin:10px 10px 0 0;opacity:0.8;filter:alpha(opacity=80);display:none;}

.ui-ico-time,.ui-ico-hits,.ui-ico-info,.ui-ico-play,.ui-ico-pics,.ui-ico-down,.ui-ico-comm,.ui-ico-area,.ui-ico-user,.ui-ico-none,.ui-ico-price,.ui-ico-like,.ui-ico-hate,.ui-ico-sort,.ui-ico-delete,.ui-ico-quote,.ui-ico-report {font-style:normal;font-size:12px;color:#999999;display:inline-block;height:16px;line-height:16px;padding:0 10px 0 18px;}
.ui-ico-time {background: no-repeat 0 center;background-size:14px 14px;}
.ui-ico-hits {background: no-repeat 0 center;background-size:14px 14px;}
.ui-ico-comm {background: no-repeat 0 center;background-size:14px 14px;}
.ui-ico-info {background: no-repeat 0 center;background-size:14px 14px;}
.ui-ico-play {background: no-repeat 0 center;background-size:14px 14px;}
.ui-ico-pics {background: no-repeat 0 center;background-size:14px 14px;}
.ui-ico-down {background: no-repeat 0 center;background-size:14px 14px;}
.ui-ico-area {background: no-repeat 0 center;background-size:14px 14px;}
.ui-ico-user {background: no-repeat 0 center;background-size:14px 14px;}
.ui-ico-price {color:#ff0000;padding:0;font-size:14px;}

.ui-ico-like {background: no-repeat 0 center;background-size:14px 14px;}
.ui-ico-hate {background: no-repeat 0 center;background-size:14px 14px;}
.ui-ico-sort {background: no-repeat 0 center;background-size:14px 14px;}
.ui-ico-delete {background: no-repeat 0 center;background-size:14px 14px;}
.ui-ico-quote {background: no-repeat 0 center;background-size:14px 14px;}
.ui-ico-report {background: no-repeat 0 center;background-size:14px 14px;}

.ui-tool {padding:16px 6px;text-align:right;border-bottom:#f6f6f6 10px solid;}
.ui-main {background:#f6f6f6;padding:0 10px 0 0;overflow:hidden;clear:both;}

.ui-filter {padding:0 0 0 16px;height:48px;line-height:48px;background:#f6f6f6;}
.ui-filter b {display:inline-block;font-weight:normal;margin-right:16px;}
.ui-filter .on {color:#ff6600;}
.ui-filter i {display:inline-block;font-style:normal;padding:0 16px;}
.ui-filter-ord {background: no-repeat 0 center;background-size:12px 12px;}
.ui-filter-dsc {background: no-repeat 0 center;background-size:12px 12px;}
.ui-filter-asc {background: no-repeat 0 center;background-size:12px 12px;}
.ui-filter-box {background: no-repeat 0 center;background-size:12px 12px;}
.ui-filter-ckd {background: no-repeat 0 center;background-size:12px 12px;color:#ff6600;}
.ui-filter-key {padding:0 16px 16px 16px;background:#f6f6f6;}
.ui-filter-key i {display:inline-block;font-style:normal;padding-right:16px;margin-right:16px;background: no-repeat right center;background-size:12px 12px;}

.ui-list-img {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:50%;float:left;}
.ui-list-img div {background:#ffffff;margin:0 0 10px 10px;border-radius:6px;overflow:hidden;}
.ui-list-img img {width:100%;border-radius:6px 6px 0 0;}
.ui-list-img strong {display:block;line-height:20px;height:40px;margin:10px;font-size:14px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;}
.ui-list-img b {display:block;line-height:20px;height:20px;margin:10px;font-size:12px;font-weight:normal;color:#999999;overflow:hidden;text-overflow:ellipsis;}
.ui-list-img .vip {background: no-repeat 0 center;background-size:14px 14px;padding-left:16px;}
.ui-list-img p {margin:0;padding:6px 0 0 10px;height:16px;line-height:16px;font-size:12px;color:#999999;}

.ui-list-txt {background:#ffffff;margin:0 0 10px 0;padding:10px;}
.ui-list-txt strong {display:block;line-height:20px;margin:10px;font-size:16px;font-weight:normal;}
.ui-list-txt p {margin:0;padding:6px 0 6px 10px;height:16px;line-height:16px;font-size:12px;color:#999999;}
.ui-list-txt div {margin:0;padding:0 12px;line-height:24px;max-height:48px;overflow:hidden;color:#999999;}

.ui-list-mix {background:#ffffff;margin:0 0 10px 0;padding:10px;overflow:hidden;clear:both;}
.ui-list-mix img {float:left;margin-right:6px;width:30%;}
.ui-list-mix strong {display:block;line-height:20px;margin:2px 10px 10px 10px;font-size:16px;font-weight:normal;}
.ui-list-mix b {display:block;line-height:20px;height:20px;margin:0 10px;font-size:12px;font-weight:normal;color:#999999;overflow:hidden;text-overflow:ellipsis;}
.ui-list-mix .vip {background: no-repeat 0 center;background-size:14px 14px;padding-left:16px;}
.ui-list-mix p {margin:0;padding:6px 0 6px 10px;height:16px;line-height:16px;font-size:12px;color:#999999;}
.ui-list-mix ul {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;padding:0;}
.ui-list-mix div {margin:0;padding:0 12px;line-height:24px;max-height:48px;overflow:hidden;color:#999999;}

.ui-fr {float:right;}
.ui-ok {background:#ffffff  no-repeat center 44px;background-size:100px 100px;padding:188px 16px 44px 16px;text-align:center;}
.ui-ko {background:#ffffff  no-repeat center 44px;background-size:100px 100px;padding:188px 16px 44px 16px;text-align:center;}
.ui-ok p,.ui-ko p {margin:0;font-size:20px;font-weight:bold;padding-bottom:44px;}
.ui-ok div,.ui-ko div {font-size:16px;color:#999999;padding-bottom:44px;}
.ui-ok input,.ui-ko input {margin-bottom:16px;}

.ui-form {background:#ffffff;padding:16px 24px;}
.ui-form p {padding:16px 0;margin:0;font-size:16px;font-weight:bold;clear:both;}
.ui-form div {line-height:32px;}
.ui-form em {padding-left:6px;font-size:12px;color:#ff0000;}
.ui-form b {float:right;font-size:12px;color:#ff0000;font-weight:normal;}
.ui-form label {display:inline;margin:0 0 0 6px;font-size:16px;}
.ui-form input[type="text"],.ui-form input[type="password"],.ui-form input[type="search"],.ui-form input[type="tel"],.ui-form input[type="number"],.ui-form input[type="email"],.ui-form input[type="url"] {box-sizing:border-box;width:100%;height:44px;line-height:24px;border:#f0f0f0 1px solid;padding:10px;border-radius:4px;font-size:14px;-webkit-appearance:none;}
.ui-form input[type="search"] {background: no-repeat 6px center;background-size:16px 16px;padding:0 28px;}
.ui-form input[type="date"] {width:150px;height:44px;line-height:44px;border:#f0f0f0 1px solid;border-radius:0;padding:0 10px;font-size:14px;-webkit-appearance:none;}
.ui-form input[type="datetime-local"] {width:180px;height:44px;line-height:44px;border:#f0f0f0 1px solid;border-radius:0;padding:0 10px;font-size:14px;-webkit-appearance:none;}
.ui-form input[type="radio"] {border:#f0f0f0 1px solid;}
.ui-form input[type="checkbox"] {border:#f0f0f0 1px solid;}
.ui-form select {padding:0 3px;font-size:14px;height:44px;line-height:44px;border:#f0f0f0 1px solid;margin:0 10px 10px 0;background:#ffffff;}
.ui-form textarea {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:100%;height:72px;line-height:24px;padding:3px;font-size:14px;border:#f0f0f0 1px solid;-webkit-appearance:none;}
.ui-form #captcha {width:100px;}
.ui-form #answer {width:80%;}

.webuploader-container {position:relative;}
.webuploader-element-invisible {position:absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);}
.webuploader-pick {position:relative;display:inline-block;cursor:pointer;width:80px;height:80px;}
.webuploader-pick-hover {}
.webuploader-pick-disable {opacity:0.6;filter:alpha(opacity=60);pointer-events:none;}

.ui-form-thumb-show {width:80px;height:60px;border:#edeef1 1px solid;margin-right:16px;float:left;display:none;}
.ui-form-thumb-show img {width:80px;height:60px;border:none;}
.ui-form-thumb-upload {width:80px;height:60px;overflow:hidden;border:#edeef1 1px solid;float:left;background: no-repeat center center;background-size:40px 40px;}
.ui-form-album-show {width:80px;height:80px;border:#edeef1 1px solid;margin:0 16px 16px 0;float:left;display:none;}
.ui-form-album-show img {width:80px;height:80px;border:none;}
.ui-form-album-upload {width:80px;height:80px;overflow:hidden;border:#edeef1 1px solid;float:left;background: no-repeat center center;background-size:40px 40px;}
.ui-form-file-upload {position:relative;width:32px;height:30px;overflow:hidden;float:right;background:#ffffff  no-repeat center center;background-size:24px 24px;margin:-36px 6px 0 0;}
.ui-form-scan {position:relative;width:32px;height:30px;overflow:hidden;float:right;background:#ffffff  no-repeat center center;background-size:24px 24px;margin:-36px 6px 0 0;}
.limit {padding:0 16px;line-height:48px;font-size:12px;}

.ui-editor-toolbar {background:#f8f8f8;height:36px;line-height:36px;padding-left:10px;border-top:#f0f0f0 1px solid;}
.ui-editor-toolbar li {width:36px;height:36px;line-height:36px;text-align:center;float:left;color:#7f8393;font-size:20px;cursor:pointer;font-family:verdana;}
.ui-editor-img {background: no-repeat center center;background-size:20px 20px;overflow:hidden;}
.ui-editor-bold {}
.ui-editor-italic {font-style:italic;}
.ui-editor-underline {text-decoration:underline;}
.ui-editor-content {border-bottom:#f0f0f0 1px solid;background:#ffffff;height:180px;padding:10px;font-size:16px;}
.ui-editor-content img {max-width:100%;height:auto;}
.ui-editor-content a {color:#007aff;}

.ui-mask {position:fixed;z-index:98;left:0;top:0;right:0;width:100%;height:100%;overflow:hidden;opacity:0.8;filter:alpha(opacity=80);display:none;}
.ui-toast {line-height: 25px;overflow:hidden;display:inline-block;padding: 16px 16px;background:#000000;opacity:0.8;filter:alpha(opacity=80);color:#ffffff;border-radius:6px;position:fixed;z-index:99;top:76px;font-size:14px;display:none;}
.ui-toast p{padding:0;margin:0;height: 25px;line-height: 25px;color:#ffeb3b;}
.ui-sheet {position:fixed;z-index:99;left:0;right:0;bottom:0;display:none;background:#f6f6f6;}
.ui-sheet div {background:#ffffff;border-top:#f0f0f0 1px solid;}
.ui-sheet li {height:44px;line-height:44px;overflow:hidden;text-align:center;font-size:20px;border-top:#f0f0f0 1px solid;}
.ui-sheet p {height:44px;line-height:44px;text-align:center;font-size:20px;font-weight:bold;margin:8px 0;background:#ffffff;}
.ui-sheet em {padding:10px;line-height:24px;font-size:14px;color:#999999;font-style:normal;text-align:center;display:block;}
.ui-sheet span {display:block;width:100%;}
.ui-pop {position:fixed;z-index:99;top:36px;right:10px;width:128px;display:none;}
.ui-pop i {display:block;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:6px solid #333333;margin-left:108px;}
.ui-pop div {text-align:center;background:#333333;border-radius:4px;padding:10px;}
.ui-pop a {display:block;width:100%;height:44px;line-height:44px;color:#ffffff;font-size:16px;}
.ui-side {position:fixed;z-index:99;top:0;right:0;width:256px;height:100%;background:#000000;display:none;}
.ui-frame {position:fixed;z-index:99;bottom:0;left:0;width:100%;background:#f6f6f6;display:none;}
.ui-frame p {height:48px;line-height:48px;margin:0;padding:0 16px;text-align:right;font-size:16px;}
.ui-icon-loading {background: no-repeat center center;background-size:40px 40px;border-radius:50%;}
:root {--sab: env(safe-area-inset-bottom);}
:root {--sab: constant(safe-area-inset-bottom);--sab: env(safe-area-inset-bottom);}
@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  body,.foot-bar,.foot-bar-fix{padding-bottom: calc(constant(safe-area-inset-bottom) - 15px);;padding-bottom: calc(env(safe-area-inset-bottom) - 15px);}
}
/**/
.header{}
.header .logo{float: left;height: 30px;width: 25%;margin-top: 10px;margin-left: 5px;}
.header .logo-icon{float: left; width: 28px; height: 28px; background-repeat: no-repeat; background-size: 30px; margin-top: 1px; border-radius: 2px;}
.header .logo-title{float: left; height: 40px; margin-top: 0;}
.header .logo-title img{height: 30px;width: auto;padding-top: 0;vertical-align: initial;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
/**/
.feed{margin-top: 10px;position: relative;background-color: #fff;/* border-bottom: 1px solid #eee; */}
.feed .hdt{position: relative;-webkit-transition: height .5s cubic-bezier(0.6,.03,.08,.95);transition: height .5s cubic-bezier(0.6,.03,.08,.95);margin-top: 8px;}
.feed .hdt .navwp{position: relative;top: 0px;left: 0;right: 0;width: 100%;overflow: hidden;}
.feed .hdt .navwp::after{content: ""; right: 0; background: -webkit-linear-gradient(left,rgba(255,255,255,0),#fff); background: linear-gradient(to right,rgba(255,255,255,0),#fff); position: absolute; top: 0; bottom: 0; width: 15px; z-index: 9; pointer-events: none;}
.feed .hdt .navwp::before{content: ""; left: 0; background: -webkit-linear-gradient(right,rgba(255,255,255,0),#fff); background: linear-gradient(to left,rgba(255,255,255,0),#fff); position: absolute; top: 0; bottom: 0; width: 15px; z-index: 9; pointer-events: none;}
.feed .hdt .nav{position: relative;height: 35px;padding: 0 10px;margin-right: 45px;font-size: 0;white-space: nowrap;overflow-x: scroll;overflow-y: hidden;overflow: auto;/* scroll-behavior: smooth; *//* width: 100%; *//* margin: 0 auto; */}
.feed.hastab .hdt .nav{height: 35px;}
.feed.hastab .hdt .nav::-webkit-scrollbar{display: none;}
.feed.hastab .hdt .nav .tab-ul{/* display: flex; *//* display: -webkit-flex; */}
.feed .hdt .nav .navbtn{position: relative; display: inline-block; line-height: 1; padding: 15px 12.5px 19px; font-size: 16px; color: #000;}
.feed.hastab .hdt .nav .navbtn{color: #777;padding: 8px 26px 10px 0;font-size: 16px;display: inline-block;/* flex: 0 0 1%; */text-align: center;/* list-style: none; */}
.feed.hastab .hdt .nav .navbtn.on{font-weight: bold;color: #de293a;font-size: 17px;padding: 8px 26px 9px 0;}
.feed.hastab .hdt .nav .navbtn.on a{color: #de293a;}
.feed .hdt .nav .on:after{content: "";position: absolute;left: 50%;bottom: 9px;width: 26px;height: 4px;margin-left: -13px;border-radius: 5px;background: #000;}
.feed .hdt .nav .navbtn:nth-of-type(1).on:after{left: 3px; margin-left: 0;}
.feed.hastab{margin-top: 0;}
.feed.hastab .hdt .nav .navbtn.on:after{left: 26%;width: 17px;margin-left: -9px;background-color: #de293a;bottom: 0;}

.cat-child{margin: 0 10px 5px;background: #f5f5f5;padding-top: 12px;padding-bottom: 5px;}
.cat-child a{display:inline-block;margin: 0px 16px 12px;}
.cat-child a.on{color: #de293a;}

.nav-r-mask{position:absolute;background: url(/uploads/image/simg/icon-xright.png) no-repeat;width: 20px;height: 20px;right:10px;top: 8px;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;transform: rotate(90deg);}

.feed .bdt{min-height: 800px; overflow: hidden;}
.feed .feed-item{margin: 0 10px;}
.feed .temp-items>.link{display: block; padding: 12px 0; border-bottom: 1px solid #eee;}
.feed .temp-items>.link .title{line-height: 22px;margin-bottom: 4px;font-size: 16px;color: #222;text-align: left;font-weight: 400;}
.feed .temp-items>.link:visited .title{/* color: #999; */}
.feed .temp-items>.link .imglist, .feed .temp-items>.link .imgwp{overflow: hidden;}
.feed .temp-items>.link.img_3 .imglist{position: relative;}
.feed .temp-items>.link.img_3 .imgwp{float: left;width: 33.33%;height: 85px;}
.feed .temp-items>.link img{display: block;width: 100%;height: 100%;min-height: 100%;border-radius: 0px;}
.feed .temp-items>.link.img_3 img{margin-left: 1px;}
.feed .temp-items>.link.img_3 .imgwp:first-child img{margin-left: 0;}
.feed .temp-items>.link .tags{font-size: 12px;color: #888888;margin-top: 8px;overflow: hidden;}
.feed .temp-items>.link .tags .tag{float: left; margin-right: 8px; line-height: 18px; height: 18px;}
.feed .temp-items>.link .tags .tag:last-child{margin-right: 0;}
.feed .temp-items>.link .tags .spanlabel{background: #ffeef0;font-size: 12px;display: inline-block;text-align: center;color: #de293a;line-height: 18px;letter-spacing: 0;padding: 0px 3px;border-radius: 4px;margin-bottom: 4px;}
.feed .temp-items>.link.img_3 .imgwp:first-child img{border-top-left-radius: 9px;border-bottom-left-radius: 9px;}
.feed .temp-items>.link.img_3 .imgwp:nth-child(3) img{border-top-right-radius: 9px;border-bottom-right-radius: 9px;}

.feed .topping .temp-items>.link.img_0{border-bottom: 0;padding: 10px 0 1px;}
.feed .topping .temp-items:first-child{padding-top: 5px;}
.feed .topping .temp-items:last-child>.link.img_0{border-bottom: 1px solid #eee;padding-bottom: 12px;}
.feed .topping .temp-items>.link.img_0 .topping{}
.feed .topping .temp-items>.link .title{
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 0px;
}
.feed .topping .temp-items>.link .tags .item-status{float: left;line-height: 18px;height: 18px;color: #de293a;margin-right: 5px;}
.feed .topping .temp-items>.link .tags{font-size: 12px;margin-top: 0px;}
/**/
.feed .temp-items>.link.img_1{padding-left: 37%;position: relative;min-height: 85px;}
.feed .temp-items>.link.img_1 .title{height: 44px;margin-bottom: 15px;overflow: hidden;}
.feed .temp-items>.link.img_1 .imglist{position: absolute;left: 0;top: 12px;width: 33.33%;}
.feed .temp-items>.link.img_1 .imgwp{/* width: 113px; */height: 85px;}
.feed .temp-items>.link.img_1 .imgwp img{border-radius: 9px;}
.feed .temp-items>.link.img_1 .tags{margin-top: 9px;}
.feed .feed_tips{position: absolute; top: 33px; left: 0; right: 0; width: 100%; height: 40px; background-color: #eee; text-align: center; z-index: 999;}
.feed .temp-items>.link .imgwp img{background-color: #eee;background-color: var(--image-placeholder-color);}
/**/
.feed .temp-items>.link.img_video{position: relative;border-bottom: 0;}
.feed .temp-items>.link.img_video .title{position:absolute;color: #ffff;z-index: 1;top: 20px;left: 10px;font-weight: 700;font-size: 15px;}
.feed .temp-items>.link.img_video .spanlabel{background: #de293a;font-size: 12px;display: inline-block;text-align: center;color: #ffffff;line-height: 18px;letter-spacing: 0;padding: 0px 3px;border-radius: 4px;margin-right: 5px;font-weight: normal;}
.feed .temp-items>.link.img_video .spanlabel.spanlevel{background:#ff9800}
.feed .temp-items>.link.img_video .imgwp{position:relative;height: 240px;}
.feed .temp-items>.link.img_video .imgwp img{background-size: 100%;background-position: 50%;background-repeat: no-repeat;background-color: #000;left: 0;top: 0;border-radius: 0;}
.feed .temp-items>.link.img_video .video-play{width: 52px; height: 52px; overflow: hidden; display: inline-block; background-image: url(/uploads/image/simg/bofang.png); background-size: cover;}
.feed .temp-items>.link.img_video .video-play{position: absolute;left: 50%;top: 52%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 1;}
.feed .temp-items>.link.img_video .videoabsolut{position:absolute;bottom: 5px;right:5px;}
.feed .temp-items>.link.img_video .video_playcount{display: inline-block; border-radius: 3px; font-size: 12px; color: #fff; line-height: 24px; padding: 0 10px; text-align: center}
.feed .temp-items>.link.img_video .video_playcount{height: 23px; opacity: .42; background: #000; height: 24px}
.feed .temp-items>.link.img_video .videotext{font-size: 16px; text-align: left; color: #222; line-height: 24px}
.vs-content__zmt{margin: 0 10px;margin-bottom:15px;}
.vs-content__zmt__img{height: 30px;width: 30px;float: left;border-radius: 50px;}
.vs-content__zmt__img img{height: 100%; width: 100%; display: block; border-radius: 50%;}
.vs-content__zmt__name{float: left;font-size: 14px;color: #222222;line-height: 30px;height: 30px;margin-left: 5px;margin-right: 8px;}
.vs-content__zmt .tag{height: 30px;line-height: 30px;color:#888888;font-size:12px}
.vs-content__zmt .follow_btn{float: right;width: 60px;height: 22px;line-height: 22px;background: #fff2f2;color: #fa3939;border-radius: 3px;margin-top: 2px;font-size: 11px;}
/**/
.feed .tuijian{width: 100%;}
.feed .tuijian .slidebox{position:relative;overflow:hidden;margin: 13px auto;max-width:560px;border-radius: 9px;margin-bottom: 0;}
.feed .tuijian .slidebox .hd{position:absolute;height:28px;line-height:28px;bottom:0;left: 6px;z-index:1;}
.feed .tuijian .slidebox .hd li{display:inline-block;width: 10px;height: 4px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#333;text-indent:-9999px;overflow:hidden;margin: 0 3px;}
.feed .tuijian .slidebox .hd li.on{ background:#fff;width: 15px;}
.feed .tuijian .slidebox .bd{position:relative;z-index:0;}
.feed .tuijian .slidebox .bd li{position:relative;text-align:center;width: 100%;border-radius: 9px;overflow: hidden;}
.feed .tuijian .slidebox .bd li img{background:url(/uploads/image/simg/loading.gif) center center no-repeat;vertical-align:top;width:100%;height: 180px;border-radius: 9px;}
.feed .tuijian .slidebox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }
.feed .tuijian .slidebox .bd li .tit{display:block;width:100%;position:absolute;bottom:0;text-indent:10px;height: 60px;line-height: 60px;/* background: repeat-x; */color:#fff;font-size: 14px;text-align:left;background: linear-gradient(rgb(175 175 175 / 0%), #000000);}
	
/**/
.pnheaderns{font-size: 16px;font-weight: bold;display: flex;position: fixed;top: 0;left: 0;width: 100%;background: #fff;z-index: 100;height: 48px;line-height: 48px;}
.pnheaderns .pnheadleft{margin-left:8px}
.pnheaderns .pnheadcent{flex: 1; text-align: center;}
.pnheaderns .pnheadtext{position: absolute; width: 100%; text-align: center; z-index: -1; left: 0; top: 1.5rem;}
.no{display: none;}
.pnheaderns .pnheadright .pnheadserch{width: 26px;height: 26px;margin-left: 15px;float: left;position: relative;margin-top: 7px;}
.pnheaderns .pnheadright .pnheadserch:after{content: '';width: 26px;height: 26px;background: url(/uploads/image/simg/newpicon.png) no-repeat 0 -38px;background-size: 100%;position: absolute;left: -10px;top: 2px;}
.pnheaderns .pnheadright .pnheadmenu{width: 1.8rem; height: 1.8rem; margin-left: 2rem; float: left; position: relative;}
.pnheaderns .pnheadright .pnheadgoback{width: 26px;height: 26px;margin-left: 15px;float: left;position: relative;margin-top: 7px;}
.pnheaderns .pnheadright .pnheadgoback:after{content: '';width: 26px;height: 26px;background: url(/uploads/image/simg/newpicon.png) no-repeat -3px -122px;background-size: 100%;position: absolute;left: -9px;top: 2px;}
.padding-30{padding: 10px 10px 0;}
.pnnavlist{overflow: hidden;font-size: 15px;height: 7rem;}
.pnnavlist li{float: left;width: 21%;background: #f8f8fa;border-radius: 50px;text-align: center;margin: 2% 2%;height: 35px;line-height: 35px;}
.pnnavlist .pnnavpithon{background: #de293a;}
.pnnavlist li a{display: block;}
.pnnavlist .pnnavpithon a{color: #fff;}
.pnnavpibox{float: left;width: 25%;text-align: center;padding: 25px 0 0 0;}
.pnnavpibox .pnnavpicn{width: 24px;height: 24px;margin: 0 auto;}
.pnnavpibox .pnnavxtex{padding-top: 5px;font-size: 14px;}
.pnloginbox{display: flex;padding: 20px 0;}
.pnloginbox .pnbjs{flex: 1;}
.pnloginbox .pnbtnmg{width: 30%;height: 40px;background: #f8f8fa;border-radius: 50px;text-align: center;line-height: 40px;font-size: 14px;letter-spacing: 0.1rem;}
.pnloginbox .pnbtnmg a{display: block;}
.pnloginbox .pnbtnmg span{visibility: hidden;}
/**/
.m-news-loadmore{text-align: center; padding: 15px 0 20px 0;}
.m-news-loadmore p{height: 30px;border: 1px solid #de293a;border-radius: 3px;color: #de293a;text-align: center;line-height: 30px;display: inline-block;padding: 0 10px;}
/**/
.pnfooter {font-size: 14px;}
.pnfooter div {text-align: center;padding: 20px 10px;font-size: 14px;color: #656565;}
.pnfooter div span{margin:0 5px}
.pnfooter p { line-height: 22px; text-align: center; background: #f4f4f7;color: #959595;padding-top:20px}
.pnfooter p:last-child{padding-top:5px;padding-bottom:20px}
/**/
.item-top{padding: 10px 0 0px;}
.item-top h3{margin: 0; font-size: 15px; line-height: 20px; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; font-weight: 400;}
.item-top h3{-webkit-line-clamp: 1;}
.item-top .item-status{display: inline-block; color: #de293a; border: none; padding: 0; font-size: 12px; transform-origin: 0 0; -webkit-transform: none; border-radius: 3px; position: relative; margin-right: 6px; top: -1px;}
.item-top:first-child{padding-top:15px}
.item-top:last-child{border-bottom: 1px solid #eee;padding-bottom: 15px;}
/**/
/**/
.bottom_inputbox{position: fixed; bottom: 0; width: 100%; height: 48px; background: #fff; box-shadow: 0px -2px 8px #ececec; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); z-index: 10000000;}
.bottom_inputbox .search{height: 34px;width: 55%;border-radius: 50px;line-height: 34px;float: left;margin-left: 2%;overflow: hidden;margin-top: 8px;}
.bottom_inputbox .search input{border: none;height: 34px;line-height: 34px;width: 97%;outline: 0;padding-left: 9%;background: #f2f2f2;font-size: 14px;border-radius: 50px;}
.bottom_inputbox .information, .bottom_inputbox .fabulous, .bottom_inputbox .favorites{float: left;margin-top: 5px;margin-left: 6%;}
.bottom_inputbox .fabulous, .bottom_inputbox .favorites{width: 24px;}
.bottom_inputbox .information{position: relative;margin-right: 5px;}
.bottom_inputbox .information i{background: url(/uploads/image/simg/xinxi.png) no-repeat 3px; background-size: 19px; display: inline-block; height: 19px; width: 22px;}
.bottom_inputbox .information p, .bottom_inputbox .fabulous p, .bottom_inputbox .favorites p{font-size: 11px;color: #737373;}
.bottom_inputbox .information span{position: absolute; top: -5px; left: 10px; display: inline-block; background: linear-gradient(to right,#ffa63c,#ff4d5d); color: #fff; line-height: 1; padding: 1px 3px; font-size: 11px; border-radius: 20px; border: 1px solid #fff;}
.bottom_inputbox .fabulous i{background: url(/uploads/image/simg/dianzan.png) no-repeat 3px;background-size: 19px;display: inline-block;height: 19px;width: 24px;}
.bottom_inputbox .fabulous.ok i{background: url(/uploads/image/simg/dianzan_s.png) no-repeat 3px;background-size: 19px;}
.bottom_inputbox .fabulous.ok p{color: #de293a;}
.bottom_inputbox .favorites i{background: url(/uploads/image/simg/sou_1.png) no-repeat 2px;background-size: 19px;display: inline-block;height: 19px;width: 24px;}
.bottom_inputbox .favorites.ok i{background: url(/uploads/image/simg/sou_1_on.png) no-repeat 2px;background-size: 19px;}
.bottom_inputbox .favorites.ok p{color: #de293a;}
.bottom_inputbox .favorites.okh i,.bottom_inputbox .fabulous.okh i{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: bounceto;animation-name: bounceto;-webkit-transform-origin: center bottom;transform-origin: center bottom;}
.bottom_inputbox .favorites.ok.okh,.bottom_inputbox .fabulous.ok.okh{}
.bottom_inputbox .favorites{}
.bottom_inputbox .favorites.ok.okh i{}
.bottom_inputbox .favorites.ok.okh em{background: url(/uploads/image/simg/sou_1_on.png) no-repeat 2px;background-size: 19px;}
.bottom_inputbox .fabulous.ok.okh em{background: url(/uploads/image/simg/dianzan_s.png) no-repeat 2px;background-size: 19px;}
.bottom_inputbox .favorites.ok.okh em,.bottom_inputbox .fabulous.ok.okh em{display: inline-block;height: 19px;width: 24px;animation: fly 3s cubic-bezier(0.18, 0.89, 0.32, 1.28) forwards;position: absolute;}

/**/
.info-new{height:60px;padding: 0 15px;font-size: 16px;border-bottom: #f6f6f6 1px solid;}
#zmt_headimg{width: 35px;height: 35px;float: left;border-radius: 50%;margin-right: 8px;display: inline-block;background-color: #eee;position: relative;}
#zmt_headimg img{width: 100%;height: 100%;display: block;border-radius: 50%;}
#zmt_headimg:after{position: absolute; content: ''; left: 0; top: 0; width: 198%; height: 198%; border: 1px solid #f0f0f0; border-radius: 50%; -webkit-transform: scale(.5); -webkit-transform-origin: 0 0;}
.zmt-info{padding-left: 39px;}
#zmt_name{display: inline-block; font-size: 14px; line-height: 14px; color: inherit; margin: 2px 0 6px;}
#zmt_time{display: inline-block; font-size: 12px; line-height: 12px; height: 13px; vertical-align: middle; color: #999;}
.zmt-info #zmt_time{display: block;}
#zmt_time .zmt_original{background-color: #de293a;color: #fff;padding: 1.9px 4.7px;text-align: center;margin: 0 -7px 0 4px;font-size: 12px;/* transform: scale(.83); */border-radius: 2px;display: inline-block;}
span.follow_btn{width: 60px;line-height: 28px;height: 28px;border-radius: 3px;background: #fff2f2;font-size: 12px;display: inline-block;text-align: center;}
span.follow_btn span{color: #de293a; font-size: 12px;}
.info-new span.follow_btn{float: right; position: relative; margin-top: -31.5px;}
/**/
.jubaobox{margin: 5px 0; display: flex; align-items: center; justify-content: space-between; padding: 8px; background: #f7f8fa; border-radius: 3px; color: #667480; font-size: 14px;}
.jubaobox p{line-height:20px;font-size:12px}
.jubaobox .jubao_btn{color: #fc410d;font-size: 14px;display: flex;align-items: center;flex-shrink: 0;margin-left: 30px;}
.jubaobox .jubao_btn::before{content: ''; display: block; width: 17px; height: 17px; background: url(/uploads/image/simg/jubao_icon.png) no-repeat center/cover; margin-right: 3px;}
/**/
.popuprightbottom{position: fixed; bottom: 200px; bottom: calc(200px   constant(safe-area-inset-bottom)); bottom: calc(200px   env(safe-area-inset-bottom)); right: 20px; z-index: 99; text-align: right;}
.popuprightbottom .postfast{width: 45px; height: 45px; border-radius: 50%; margin-bottom: 0; position: relative; display: inline-block; curson: pointer; background: -moz-linear-gradient(42deg,rgba(255,160,23,1),rgba(255,183,26,1)); background: -webkit-linear-gradient( 42deg,rgba(255,160,23,1),rgba(255,183,26,1)); background: -ms-linear-gradient(42deg,rgba(255,160,23,1),rgba(255,183,26,1)); background: linear-gradient(42deg,rgba(255,160,23,1),rgba(255,183,26,1));}
.popuprightbottom .postfast:after{content: ''; display: block; width: 100%; height: 100%; background: no-repeat center; background-size: cover; background-image: url(/uploads/image/simg/ico-haibao.png);}

/**/
.garr-container{vertical-align: top; width: 100%; margin: auto;}
.pgc-home{background: #f4f5f6; min-height: inherit;}
.pgc-home .home-content{position: relative; background: #fff; -webkit-box-shadow: 0 1px 12px 0 rgba(0,0,0,.05); -moz-box-shadow: 0 1px 12px 0 rgba(0,0,0,.05); box-shadow: 0 1px 12px 0 rgba(0,0,0,.05); margin-top: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.pgc-checkout-center-dashboard{padding: 18px; padding-top: 0;}
.common-dashboard{width: 100%; font-size: 14px;}
.common-dashboard, .common-dashboard .common-dashboard-column{}
.common-dashboard .common-dashboard-column{-webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; background-color: #f8f8f8; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: 150px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.common-dashboard .common-dashboard-column:not(:last-child){margin-bottom: 20px;}
.pgc-checkout-center-dashboard .common-dashboard-primary, .pgc-checkout-center-dashboard .common-dashboard-title{padding-top: 5%;}
.common-dashboard .common-dashboard-column .common-dashboard-primary{color: #222; font-size: 36px; line-height: 36px; margin-bottom: 0px; padding-top: 4%;}
.pgc-checkout-center-dashboard .checkout-center-money-unit{font-size: 15px; margin-left: 3px;}
.common-dashboard .common-dashboard-column .common-dashboard-secondary{color: #222; font-size: 18px; line-height: 100%; padding-top: 1%;}
.garr-container a{color: #406599; cursor: pointer;}
/**/
.list .item{padding: 20px 10px; border-bottom: 1px solid #f5f5f7; position: relative; /* display: flex; align-items: center; */}
.list .item .list-li{width: 100%;}
.list .imgbox{width: 65px; height: 65px; border-radius: 100%; margin-right: 11px;}
.list .imgbox img{width: 100%; height: 100%; display: block; border-radius: 100%; object-fit: cover;}
.nickname a{color: #313233; font-size: 16px; font-weight: bold; line-height: 25px; max-width: 280px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list .txtbox .gray{color: #8d8e91; font-size: 12px; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 280px;}
.list .txtbox .gray.fans_num{color: #bababf; margin-top: 4px;}
.list .nofollow{color: #fff;font-size: 12px;background: linear-gradient(90deg,rgba(64,137,255,1) 0%,rgba(38,121,255,1) 100%);display: block;padding: 0 8px;padding-right: 8px;box-shadow: 0px 3px 13px 0px rgba(40,136,255,0.23);border-radius: 20px;height: 28px;text-align: center;line-height: 28px;box-sizing: border-box;position: absolute;right: 10px;top: 20%;}
.list .nofollow.follow{background: #fff; color: #313233; box-shadow: none; border: solid 1px #919191;}
.list .nofollow::before{content: ''; display: inline-block; width: 13px; height: 13px; background: url(/uploads/image/simg/gz.png) no-repeat center; background-size: cover; vertical-align: middle; margin-bottom: 4px; margin-right: 6px;}
.list .nofollow.follow::before{background-image: url(/uploads/image/simg/gz.png);}
.list .item .list-check{height: 30px;line-height: 30px;position: absolute;right: 3px;bottom: 15px;}
.list .item .list-check .check {float:right;width:32px;height:30px;background: no-repeat center center;background-size:20px 20px;}
.list .item .list-check .checked {float:right;width:32px;height:30px;background: no-repeat center center;background-size:20px 20px;}
.list .item .list-check .sheet {float:right;width:32px;height:30px;background: no-repeat center center;background-size:20px 20px;}

/**/
.mall-foot {height:48px;}
.mall-foot table,.mall-foot td {height:48px;}
.mall-foot img {width:24px;height:24px;}
.mall-foot span {display:block;padding-top:0px;color:#7a7e83;font-size:11px;}
.mall-foot b {font-weight:normal;font-size:10px;color:#ffffff;z-index:10;position:absolute;display:block;width:16px;height:16px;line-height:16px;left:0;margin:-44px 0 0 128px;background:#ff0000;border-radius:50%;text-align:center;}
.btn-buy,.btn-cart,.btn-call,.btn-xh {font-size:14px;width:100%;height:38px;line-height:38px;border:none;border-radius:20px;text-align:center;cursor:pointer;padding:0;-webkit-appearance:none;}
.btn-xh {background:#cccccc;color:#ffffff;}
.btn-xh:disabled {background:#cccccc;cursor:not-allowed;}
.btn-buy {background:#f2ac3c;color:#ffffff;}
.btn-buy:disabled {background:#cccccc;cursor:not-allowed;}
.btn-cart {background:#ea4125;color:#ffffff;}
.btn-cart:disabled {background:#cccccc;cursor:not-allowed;}
.btn-call {background:#2196f3;color:#ffffff;}
.btn-call:disabled {background:#cccccc;cursor:not-allowed;}
.btn-xh.on{background:#ea4125;color:#ffffff;}
/**/
.player-xh{z-index:1;position:fixed;}
.catname-xh{z-index:100;position: absolute;background:#ffffff;/* top: 20px; */bottom:0;height: 100%;width: 100%;}
.catname-xh .padding-30{background:#ffffff;padding-bottom:40px}
.catname-xh .pnnavlist li{height: 30px;line-height: 30px;font-size: 14px;width: 16%;}

@-webkit-keyframes bounceto{
0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translatez(0);transform:translatez(0)}
40%,43%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}
70%{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
90%{-webkit-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0)}
}

@keyframes bounceto{
0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translatez(0);transform:translatez(0)}
40%,43%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}
70%{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
90%{-webkit-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0)}
}


/**/
@keyframes pulse{
90%{transform: rotate(-45deg) scale(1);}
80%{transform: rotate(-45deg) scale(1.1);}
70%{transform: rotate(-45deg) scale(0.9);}
60%{transform: rotate(-45deg) scale(1.2);}
50%{transform: rotate(-45deg) scale(0.9);}
40%{transform: rotate(-45deg) scale(1.1);}
30%{transform: rotate(-45deg) scale(0.9);}
20%{transform: rotate(-45deg) scale(1);}
}
@keyframes fly{
    to{transform: translate(-50%, -100px) scale(0);}
}