html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1;font-family:"PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif;font-weight: 300}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:#333;text-decoration:none}
ins{background-color:#FF9;color:#000;text-decoration:none}
mark{background-color:#FF9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #CCC;margin:1em 0;padding:0}
input,select{vertical-align:middle}
input,select,textarea{color:#AAA;font-size:16px;line-height:19px}
textarea{resize:none}
input::-webkit-input-placeholder{color:#B0B0B0}
h1{color:#333}
img,object{max-width:100%}
.fn-clear:before,.fn-clear:after{content:" ";display:table}
.fn-clear:after{clear:both}
.fn-left{float:left}
.fn-right{float:right}
.fn-black,a.fn-black{color:#333}
.fn-gray,a.fn-gray{color:#666}
.fn-darkgray,a.fn-darkgray{color:#999}
.fn-silver,a.fn-silver{color:#AAA}
.fn-floor,a.fn-floor{padding:0 3px;background-color:#CCC;color:#FFF}
.fn-textright{float:right;margin-top: -4px;}
.fn-keyword,a.fn-keyword{color:#EB7B6A}
.fn-pruple,a.fn-purple{color:#66B}
.fn-sysMessage .ui-list-item-info{margin-top:0;margin-bottom:10px}
.fn-sysMessage .ui-list-item-info a{font-size: 16px;}
.ui-header{position:relative;z-index:10;box-sizing:border-box;width:100%;height:40px;background: #66B}
.ui-header:before,.ui-header:after{content:" ";display:table}
.ui-header:after{clear:both}
.ui-crumbs{padding:10px 15px;line-height:20px;font-weight:300;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;zoom:1;}
.ui-crumbs a{color:#fff}
.ui-nav{float:right;padding:0;height:100%;list-style:none}
.ui-nav:before,.ui-nav:after{content:" ";display:table}
.ui-nav:after{clear:both}
.ui-nav-item{position:relative;z-index:20;float:left;height:100%;min-width: 40px;text-align: center}
.ui-nav-item:last-of-type{padding-right:5px;}
.ui-nav-item-current{background: #3F3F8F}
.ui-nav-item-inner{position:absolute;display:none;width:100%;height:40px;background: #3F3F8F}
.ui-nav-item-current .ui-nav-item-inner{display:block}
.ui-nav-item:last-child .ui-nav-item-inner{border-right:0}
.ui-bar{position:relative;z-index:10;padding:15px;background-color:#F3F3FF}
.ui-bar-head{margin-bottom:8px;overflow:hidden}
.ui-bar-head:before,.ui-bar-head:after{content:" ";display:table}
.ui-bar-head:after{clear:both}
.ui-bar-head-title{float:left;color:#444;font-weight:700;font-size:16px;line-height:1.5}
.ui-bar-head .ui-button-green{float:right}
.ui-bar-content{line-height:1.5625;word-break:keep-all}
.ui-bar-follow .ui-bar-content:last-of-type{margin-bottom:10px;}
.ui-bar-content:before,.ui-bar-content:after{content:" ";display:table}
.ui-bar-content:after{clear:both}
.ui-bar-content a,.ui-bar-content span,.ui-bar-content em{position:relative;display:block;float:left;margin:0 1em 0 0}
.ui-bar-content a{color:#666;text-decoration:none}
.ui-bar-content span{color:#AAA;}
.ui-bar-crumb{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.ui-bar-crumb:after{clear:both}
.ui-bar-crumb-title{color:#444;}
.ui-bar-crumb .ui-button-group{float:right}
.ui-bar-datail{padding:11px 15px;}
.ui-bar-datail .ui-back{float:left;display:inline-block;margin-top:5px}
.ui-bar-datail .ui-button-group > .ui-button{background: #BBB}
.ui-bar-datail .ui-button-group > .ui-button-green{background: #82BB0F}
.ui-bar-toggle .ui-bar-toggle-open{float:left;display:none;max-width:40%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;zoom:1;line-height:24px;color:#66B;background: none;font-size:13px}
.ui-bar-toggle .ui-bar-toggle-close{position:absolute;right:10px;bottom:6px;color:#66B;background: none;font-size:13px}
.ui-bar-toggle-off{padding:11px 15px}
.ui-bar-toggle-off .ui-bar-head{margin:0}
.ui-bar-toggle-off .ui-bar-toggle-open{display:block}
.ui-bar-toggle-off .ui-bar-toggle-close{display:none}
.ui-bar-toggle-off .ui-bar-content{display:none}
.ui-bar-container{height:46px}
.ui-bar-tips{position: absolute;top:47px;left:0;width:100%;text-align: center;font-size:12px;line-height: 27px;color:#fff;background-color: rgba(0,0,0,.7);}
.ui-bar-fixed{
box-sizing:border-box;position:fixed;top:0px;left:0;z-index:15;width:100%;
/* animation:fixedmove 1s;-moz-animation:fixedmove 1s;-webkit-animation:fixedmove 1s; -o-animation:fixedmove 1s; */
}
@keyframes fixedmove{from {top:-41px;}to {top:0px;}}
@-moz-keyframes fixedmove {from {top:-41px;}to {top:0px;}}
@-webkit-keyframes fixedmove{from {top:-41px;}to {top:0px;}}
@-o-keyframes fixedmove{from {top:-41px;}to {top:0px;}}
.ui-box{padding:15px;}
.ui-box-body{padding-bottom:0;border-bottom:none}
.ui-box-head{
margin-bottom:15px;/*个人和消息提醒都有用到*/
line-height:17px;color:#333;font-size:17px;font-weight:700}
.ui-box-head .fn-right{font-weight:300;color:#66B}
.ui-box-head .fn-right .ui-icon{margin-right:3px}
.ui-box-container{line-height:21px;font-weight: 300;color:#999;}
.ui-box-container-block{min-height:240px}
.ui-box-container .fn-gray a{color:#777}
.ui-box-follow{padding:15px 15px 0;font-size: 17px;}
.ui-box-follow .ui-box-head{margin:0}
/**/
.ui-box-user{margin-top:20px;padding-left:15px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.ui-box-user .ui-list-item{padding:15px 10px 15px 0;}
.ui-box-user .ui-list-item:last-of-type{border:none;}
.ui-box-user .ui-icon{float:right;}
.ui-box-user-signOut{padding-left:0;text-align:center;line-height:48px;}
.ui-box-user-signOut a{display:block;}
/**/
.ui-box-shadow{padding-bottom:15px;border-bottom:0;background:url(images/wap/ui-box-shadow.png?2) repeat-x 0 bottom}
.ui-box-shadow .ui-bar-crumb{padding-bottom:0}
.ui-list{padding:0;margin:0;list-style:none}
.ui-list-item,.ui-list-item1{position:relative;padding:10px 0;border-bottom:1px solid #DDD}
.ui-list-shadow{padding-top:0;padding-bottom:15px;border-bottom:0;border-bottom:1px solid #666;}
.ui-list-item-title{margin-bottom: 10px;line-height:1.30;color:#666;white-space:normal;word-break:break-all;word-wrap:break-word}
.ui-list-item-title a{color:#333}
.ui-list-item-title a:visited{color:#999}
.ui-list-item-title .fn-right{font-size:12px;}
.ui-list-item-info{margin-top:10px;color:#AAA;font-size:75%}
.ui-list-item-info:before,.ui-list-item-info:after{content:" ";display:table}
.ui-list-item-info:after{clear:both}
.ui-list-item-replies{float:left;color:#AAA}
.ui-list-item-author{float:right}
.ui-list-item-attr{color:#AAA;font-size:75%;line-height:1.20}
.ui-list-item-content{margin-top:15px;font-size: 17px;letter-spacing: 0.37px;line-height: 24px;color:#444;white-space:normal;word-break:break-all;word-wrap:break-word;overflow:hidden}
.ui-list-item-content a{color:#66b}
.ui-list-item-content table{width:100%}
.ui-list-item-content td,.ui-list-item-content th{width:auto}
.ui-topic-updated{margin:10px 0 15px;font-size: 12px;color: #aaa;}
.ui-topic-updated a.fn-link{color: #66b;}
.autoImageError{position: relative;margin:10px 0;padding-top:200px;display: block;width:100%;height:140px;background: #ddd;text-align: center;font-size: 16px;font-weight: normal;color: #AAA;letter-spacing: 0.3px;}
.autoImageError:before{content:"";position: absolute;left:0;top:40%;width:100%;height:60px;background: url('images/image_fault.png') center no-repeat;background-size: 60px;}
/*商家入驻*/
.ui-topic-trade{box-sizing:border-box;margin: 15px 0;padding: 10px 10px;width: 100%;overflow: hidden;
background-color: #fffaee;}
.trade-infos{max-width:65%;}
.trade-order{max-width:35%;}
.trade-imgBlock{display: inline-block;margin-right: 5px;width: 50px;height: 50px;border-radius: 50%;overflow:hidden;}
.trade-img{width: 100%;height: 100%;}
.trade-info{display: inline-block;max-width:70%;vertical-align: top;}
.trade-title{margin-bottom:4px;max-height:1.5em;overflow:hidden;font-size: 15px;font-weight:bold;}
.trade-title a{color: #333;}
.trade-mark{margin-left: 3px;padding: 1px 5px;font-size: 10px;color: #fff;line-height: 14px;background-color: #9a9aeb;border-radius: 2px;}
.trade-recommend{font-size: 10px;color: #999;line-height: 12px;}
.ui-topic-trade .ui-button{margin-top: 10px;width: 90px;font-size: 16px;line-height: 28px;letter-spacing:1px;}
.ui-topic-trade .ui-button-orange{color: #fff;background-color: #fda935;}
.ui-topic-trade .ui-button-orange:hover{color: #fff;background-color: #f1981b;}
/**/
.ui-list-item-operate{margin-top:5px;line-height:20px;font-size:87.5%;text-align:right}
.ui-list-item-reply{position:relative;margin:10px 0;padding:10px 10px;line-height:21px;word-wrap:break-word;background: #EEE;font-size: 15px}
.ui-list-item-reply .fn-right{font-size: 12px}/*回复的楼层字体*/
.ui-list-item-reply:before,
.ui-list-item-reply:after{content:" ";display:table}
.ui-list-item-reply:after{clear:both}
.ui-list-item-noborder{border:0}
.ui-list-item-ad .ui-list-item-ad-extend{text-align: right; margin-top: -3px; height: 22px;}
.ui-list-item-ad .ui-list-item-ad-icon{float: right; display: block; width: 34px; line-height: 15px; border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;font-style: normal; text-align: center; font-size: 11px; color: #aa4411;}
.ui-list-upload{margin-top:10px;height:62px}
.ui-list-upload .ui-list-item{position:relative;float:left;margin-right:10px;padding:0;border:1px solid #DDD;width:60px;height:60px}
.ui-list-upload .ui-list-item img{width:60px;height:60px}
.ui-list-upload .ui-list-item-remove{position:absolute;top:-8px;right:-8px;display:block;width:16px;height:16px;overflow:hidden;background:#F00;color:#FFF;font-size:16px;text-align:center;line-height:16px;border-radius:8px;cursor:pointer}
.ui-list-upload-loading{background:url(images/loading.gif?2) no-repeat right center}
.ui-list-message .ui-list-item{padding-left:60px}
.ui-list-message .ui-list-item:before,.ui-list-message .ui-list-item:after{content:" ";display:table}
.ui-list-message .ui-list-item:after{clear:both}
.ui-list-message .ui-list-item-avatar{position:relative;float:left;margin:2px 0 0 -60px;width:50px;height:50px;overflow:hidden}
.ui-list-message .ui-list-item-avatar img{max-width:50px;max-height:50px}
.ui-list-sysmessage .ui-list-item{position:relative;margin-bottom:10px;padding:10px;border:1px solid #DDD}
.ui-list-sysmessage .ui-list-item-title{margin-bottom:0}
.ui-list-sysmessage .ui-icon-new2{position:absolute;top:0;right:0}
.ui-list-item-wo,.ui-list-item-ta{margin-bottom:15px;padding:10px}
.ui-list-item-wo{position:relative;float:right;width:93%;border:none;background-color:#EEE}
.ui-list-item-wo .ui-list-item-title{color:#666}
.ui-list-item-wo .ui-list-item-title a{color:#FFF}
.ui-list-item-wo .ui-list-item-attr,.ui-list-item-ta .ui-list-item-attr{font-size:12px;color:#AAA;text-align:right}
.ui-list-item-ta{position:relative;float:left;width:93%;border:1px solid #CCC}
.ui-footer{
padding:12px;padding-bottom:20px;background-color:#F0F0F0;color:#888}
.ui-footer:before,.ui-footer:after{content:" ";display:table}
.ui-footer:after{clear:both}
.ui-footer a{color:#66B}
.ui-footer-left{float:left}
.ui-footer-right{float:right}
.ui-button{display:block;padding:0 6px;background-color:#E9E9FF;text-align:center;cursor:pointer;font-size:100%;line-height:23px;color:#FFF;text-decoration:none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
.ui-button-green{background-color:#82BB0F;padding:0 18px;}
.ui-button-orange{background-color:#F96}
.ui-button-large{padding:5px 18px}
.ui-button-small{margin-top:1px;font-size:12px;line-height:16px}
.ui-button-border{border:1px solid #C3C3C3;background-color:#777}
.ui-button-group:before,.ui-button-group:after{content:" ";display:table}
.ui-button-group:after{clear:both}
.ui-button-group .ui-button{margin:0 5px 0 0;background: #B0B0ED;font-size:12px;line-height:25px;color:#FFF}
.ui-button-group .ui-button-purple{padding:4px 0;color:#66B;background: #E9E9FF;font-size:16px;}
.ui-button-group .ui-button-item2{float:left;width:50%;font-size: 16px}
.ui-button-item2 .ui-button{font-size:16px;background: #ccc}
.ui-button-group .ui-button-item3{float:left;width:33.3%}
.ui-button-group .ui-button-item4{float:left;width:25%}
.ui-button-group .ui-button-item5{float:left;width:20%}
.ui-button-group .ui-button-item2:last-child .ui-button,.ui-button-group .ui-button-item3:last-child .ui-button,.ui-button-group .ui-button-item4:last-child .ui-button,.ui-button-group .ui-button-item5:last-child .ui-button{margin:0}
.ui-button-group > .ui-button{float:left;border-radius: 2px}
.ui-button-group > .ui-button:last-child{margin:0}
.ui-button-fixed{position:fixed;top:0;left:0;z-index:200;width:100%}
.ui-button-more{background: none;border:1px solid #ddd;border-radius:1px;color:#66B;margin-bottom:20px;}
.ui-insert{margin:10px 0;}
.ui-emotion{display:inline-block;margin-right:5px;padding:5px;background: #CCC;border-radius: 2px;color:#FFF;font-weight: 300;}
.ui-add-shadow{ border:1px solid #DDD;}
.ui-add{display:block;color:#777;line-height:2.5;text-align:center}
.ui-icon{
display:inline-block;width:20px;height:20px;
background:url(images/wap/ui-icon.png?2) no-repeat;
background-size:77px;
vertical-align:top;
font-size:0;line-height:0
}
.ui-homeadd{position:absolute;bottom:0;left:50%;margin-left:-98px;width:195px;height:85px;background:url(images/wap/ui-homeadd.png?2) no-repeat}
.ui-homeadd-close{display:block;position:absolute;top:7px;right:7px;width:15px;height:15px;cursor:pointer;font-size:0px;line-height:0px;overflow:hidden}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2){
/* .ui-icon{background:url(images/wap/ui-icon@2x.png?2) no-repeat;background-size:77px} */
.ui-homeadd{background:url(images/wap/ui-homeadd@2x.png?2);background-size:195px}
}
.ui-icon-user{margin-top:10px;width:21px;background-position:0 0;position:relative}
.ui-icon-search{margin-top:10px;background-position:-54px 0}
.ui-icon-mail{margin-top:10px;width:22px;background-position:-27px 0;position:relative}
.ui-icon-gotop{position:fixed;
right:15px;
bottom:8px;
width:46px;height:46px;background-position:0 -279px}
.ui-icon-light{position:absolute;top:-1px;right:-2px;width:7px;height:7px;background-position:0 -27px}
.ui-icon-new{position:absolute;top:-5px;right:-5px;width:10px;height:10px;background-position:0 -20px}
.ui-icon-add{background-position:0 -40px}
.ui-icon-open{margin:7px 2px 0;width:11px;height:11px;background-position:-28px -27px}
.ui-icon-close{margin:6px 5px 0;width:11px;height:11px;background-position:-12px -27px}
.ui-icon-logo{margin-top:10px;margin-left:15px;width:72px;background-position:0 -116px}
.ui-back{margin-right:12px;font-size:16px;line-height:16px;text-align:right;color:#66B;}
.ui-icon-back{margin-top:-2px;margin-right:5px;width:14px;height:16px;background-position:-40px -92px}
.ui-icon-set{width:23px;height:21px;background-position:-43px -51px;cursor:pointer}
.ui-icon-remove{margin:3px 0 0 2px;width:10px;height:10px;background-position:-67px -27px;cursor:pointer}
.ui-icon-replies{margin-top:-2px;margin-right:5px;width:18px;height:16px;background-position:-44px -27px}
.ui-icon-emotion{margin-top:2px;background-position:0 -89px}
.ui-icon-image{margin-top:2px;background-position:-20px -90px}
.ui-icon-gt{margin:0 6px;width:8px;background-position:-5px -69px}
.ui-icon-unchecked{background-position:-25px -249px}
.ui-icon-checked{height:21px;background-position:0 -249px}
.ui-icon-refresh{background-position:-22px -68px}
.ui-icon-arrowta{position:absolute;top:11px;left:-6px; width: 10px;
height: 10px;background:#FFF;border-bottom:1px solid #ccc;border-left:1px solid #ccc;
-webkit-transform: rotate(45deg) scale(1,0.6);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
.ui-icon-arrowwo{position:absolute;top:11px;right:-10px; width: 0;
height: 0;border-top: 6px solid transparent;border-left: 10px solid #eee; border-bottom: 6px solid transparent;}
.ui-icon-new2{position:absolute;top:0;left:0;width:24px;height:24px;background-position:-48px -250px}
.ui-icon-system{width:50px;height:50px;background-position:0 -190px}
.ui-icon-quote{margin:-1px 3px 0;background-position:-28px -141px}
.ui-icon-message{margin:-1px 3px 0;width:22px;height:22px;background-position:0 -139px}
.ui-icon-emotion2{margin-right:5px;background-position:2px -89px;}
.ui-icon-image2{margin-right:5px;background-position:-17px -89px}
.ui-icon-next,.ui-icon-previous,
.ui-icon-first,.ui-icon-last,
.ui-icon-refresh{margin:2px 3px 0 2px;width:16px}
.ui-icon-previous{background-position:-3px -47px}
.ui-icon-next{background-position:-24px -47px}
.ui-icon-first{background-position:-1px -165px}
.ui-icon-last{background-position:-23px -165px}
.ui-icon-quoteclose{position:absolute;z-index:2;top:-10px;right:-9px;width: 24px;height: 24px;background-position:-54px -139px}
.ui-icon-footerClose{padding:4px 4px;width:10px;height:10px;background-position: -44px -275px;-webkit-tap-highlight-color: rgba(255, 0, 0, 0);}
.ui-icon-quoteButton{position:absolute;bottom:-8px;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 8px solid #EEE;}
.ui-quotearrow{position:absolute;bottom:-11px;left:10px;width:10px;height:11px;background-position:-40px -200px}
.ui-paging{padding:15px 0 5px;font-size:75%}
.ui-paging:before,.ui-paging:after{content:" ";display:table}
.ui-paging:after{clear:both}
.ui-paging a,.ui-paging span{display:block;margin-right:5px;float:left;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;zoom:1}
.ui-paging a i{display:inline-block;line-height:25px;}
.ui-paging span i{display:block;border:1px solid #CCC;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;line-height:23px;color:#666;font-style:normal;background-color:#FAFAFA;}
.ui-paging-first,.ui-paging-prev,.ui-paging-next,.ui-paging-last{min-width:18%}
.ui-button-group .ui-button.ui-paging-last{margin-right:0;}
.ui-paging.ui-button-group .ui-button{padding-left:0;}
.ui-paging-text{min-width:12%;max-width: 17%;}
.ui-paging-null{width:19.5%;margin-right:5px}
.ui-paging .ui-input-container{display:none;margin:0 1px;padding:0;width:48px;height:22px;overflow:hidden;min-height:22px}
.ui-paging .ui-input-container input{height:18px}
.ui-tag{margin-bottom:15px;padding:5px 10px 5px 50px;border:1px solid #CCC;line-height:1.5625;word-break:keep-all;font-size: 15px}
.ui-tag:before,.ui-tag:after{content:" ";display:table}
.ui-tag:after{clear:both}
.ui-tag-head{float:left;margin-left:-40px;color:#AAA}
.ui-tag a{display:block;float:left;margin:0 1em 0 0;color:#777;text-decoration:none}
.ui-tag a.ui-tag-current{color:#66B}
.ui-box-content{font-weight:300;}
.ui-attention{list-style:none;line-height:16px;word-break:keep-all}
.ui-attention:before,.ui-attention:after{content:" ";display:table}
.ui-attention:after{clear:both}
.ui-attention-item{float:left;margin-top:5px;margin-right:13px;}
.ui-attention a{color:#666}
.ui-attention .ui-icon-remove{visibility:hidden}
.ui-hotkey{padding:5px 10px;line-height:20px;word-break:keep-all;min-height:240px}
.ui-hotkey a{display:inline-block;margin-right:20px}
.ui-table{width:100%}
.ui-table-emotion{line-height:1}
.ui-table-emotion td{border:1px solid #CCC;height:36px;text-align:center}
.ui-form{line-height:1.25;color:#666}
.ui-form-title{margin-bottom:10px;color:#444;font-weight:700;white-space:normal;word-break:break-all;word-wrap:break-word}
.ui-form-item{margin-bottom:10px}/**/
.ui-form-item-info{margin-bottom:5px;font-size:87.5%;color:#AAA}
.ui-form-item-quote{line-height:1.3;color:#AAA}
.ui-form-space{margin-top:5px}
.ui-input,.ui-input-container{padding:10px;border:1px solid #CCC;-webkit-border-radius: 1px;
-moz-border-radius: 1px;border-radius: 1px;background-color:#FAFAFA;min-height:20px}
/* 锁定状态 */
.ui-input-container-disable{background-color:#eee;}
.ui-input-container-disable textarea::-webkit-input-placeholder,
.ui-input-container-disable textarea:-moz-placeholder,
.ui-input-container-disable textarea::-moz-placeholder,xxxxxxxxx
.ui-input-container-disable textarea:-ms-input-placeholder{color:#aaa;}
.ui-input-prompt{text-align:center;font-size:87.5%;line-height:57px;color:#B0B0B0}
.ui-input-container input,.ui-input-container textarea{padding:0;border:0;width:100%;background-color:transparent;color:#333}
.ui-label-checkbox{display:block;cursor:pointer}
.ui-label-checkbox:before,.ui-label-checkbox:after{content:" ";display:table}
.ui-label-checkbox:after{clear:both}
.ui-label-checkbox input{display:none}
.ui-label-checkbox .ui-icon{float:right}
.ui-form-search{position:relative;z-index:100}
.ui-form-search .ui-button{position:absolute;top:0;right:0;border-left:1px solid #B0B0B0}
.ui-form-search-container{position:absolute;top:30px;left:0;display:none;width:100%;background-color:#FFF}
.ui-form-search-content{margin:0;padding:5px 0;list-style:none;border-right:1px solid #B0B0B0;border-bottom:1px solid #B0B0B0;border-left:1px solid #B0B0B0}
.ui-form-search-content a{display:block;margin-bottom:1px;padding:4px 10px;font-size:87.5%;line-height:1;color:#66B}
.ui-form .quote{margin-bottom:11px}
.ui-form-alert{padding:5px 0;color:#FBAF5D;display:none}
.ui-tab{border:1px solid #B0B0B0;background-color:#FAF8F6}
.ui-tab-items{margin:0;padding:0;list-style:none;line-height:28px}
.ui-tab-items:before,.ui-tab-items:after{content:" ";display:table}
.ui-tab-items:after{clear:both}
.ui-tab-item{float:left;margin-right:1px;width:33.1%;background-color:#B0B0B0;text-align:center;color:#FFF;cursor:pointer}
.ui-tab-item:last-child{margin-right:0}
.ui-tab-item-current{background-color:transparent;color:#777;cursor:default}
.ui-tab-container{padding:9px}
.ui-tab-content{display:none;white-space:normal;word-break:break-all;word-wrap:break-word}
.ui-tab-content-current{display:block}
.ui-touch{overflow:hidden;zoom:1}
.ui-touch-items{margin-top:10px;height:6px;font-size:0;line-height:0;overflow:hidden;text-align:center}
.ui-touch-item{display:inline-block;margin:0 3px;width:6px;height:6px;background-color:#DDDCDC;border-radius:3px}
.ui-touch-item-current{background-color:#B0B0B0}
.ui-touch-container{overflow:hidden}
.ui-touch-content{display:none;height:112px;white-space:normal;word-break:break-all;word-wrap:break-word}
.ui-touch-content-current{display:block}
.ui-user{position:relative;margin-bottom:10px;padding:0 0 0 65px;height:54px;font-size:87.5%;line-height:22px}/**/
.ui-user-avatar{position:absolute;top:2px;left:0;height:55px;width:55px}
.ui-user-set{position:absolute;top:0;right:0;color:#66B}
.ui-user-set .ui-icon{margin-right:3px}
.ui-user .fn-black{font-size:17px;line-height: 17px;}
.ui-user .fn-darkgray{font-size:12px;line-height: 12px;}
.ui-notice{margin-top:110px;padding:240px 0 0;width:100%;font-size:14px;text-align:center;line-height:30px;color:#999}
.ui-notice a{color:#66B}
.ui-notice-404,.ui-notice-notsearch,.ui-notice-notfound{background:url(images/wap/404-new.png) no-repeat center 80px;background-size:156px 140px;}
.ui-notice-clique_not_in{background:url(images/wap/cliqueerror-new.png) no-repeat center 107px;background-size: 160px 120px;}
.ui-notice-fail,.ui-notice-error{background:url(images/wap/ui-notice-fail.png?2) no-repeat center 107px}
.notice-title{width:80%;margin:0 auto;text-align: center;}
.default img{background:transparent url(/public/js/ueditor/dialogs/emotion/images/default.png?v=1.1) no-repeat scroll left top;cursor:pointer;width:30px;height:30px;margin-top:3px}
.old img{background:transparent url(/public/js/ueditor/dialogs/emotion/images/old.png?v=1.1) no-repeat scroll left top;cursor:pointer;width:30px;height:30px;margin-top:3px}
.classic img{background:transparent url(/public/js/ueditor/dialogs/emotion/images/classic.png?v=1.1) no-repeat scroll left top;cursor:pointer;width:30px;height:30px;margin-top:3px}
/* quote */
.quote{
position:relative;
margin-bottom:10px;
padding:10px;
background-color:#EEE;
color:#666;
}
.quote hr{border:0;margin:2px 0}
.quote-hd{
font-size: 12px;
line-height:12px;
letter-spacing: 0.25px;
color: #999;
}
.quote-bd{
padding-top:5px;
word-break:break-all;
}
.quote-block{
max-height:130px;
overflow: hidden;
}
.quote-footer{
position: absolute;z-index: 2;left:0;bottom:0;
width:100%;font-size: 12px;line-height:12px;
}
#quoteBtn{padding-top:15px;padding-bottom:10px;display: none;cursor:pointer;-webkit-tap-highlight-color: transparent;text-align: center;color:#999;}
#quoteBtn .quoteBtnIcon{margin-right:4px;width:8px;height:5px;background-position: 0 -334px;vertical-align: middle;}
#quoteBtn .quoteBtnIcon.quoteBtnIconReversal{
transform:rotate3d(0,0,1,180deg);
transition:transform .4s;
}
.ui-topic-content .quote.quote-block-limited,
.quote-block-limited{
padding-bottom:30px;
}
.quote-block-limited:not(.quote-block-opened) .quote-footer:before{
content:"";position: absolute;z-index: 1;bottom:30px;left:0;
width:100%;height:100px;
background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(238,238,238,0) 38%,rgba(238,238,238,0.5) 75%,rgba(238,238,238,1) 96%,
rgba(238,238,238,1) 100%);
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(238,238,238,0) 38%,rgba(238,238,238,0.5) 75%,rgba(238,238,238,1) 96%,
rgba(238,238,238,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 0%,rgba(238,238,238,0) 38%,rgba(238,238,238,0.5) 75%,rgba(238,238,238,1) 96%,
rgba(238,238,238,1) 100%);
}
.ui-padding-null{padding-bottom: 0}
.ui-margin-null{margin-bottom: 0}
.ui-marginList .ui-list-item:first-of-type{padding-top:0}
.ui-border-top{border-top:1px solid #ccc;}
.ui-border-bottom{border-bottom:1px solid #ccc}
.ui-border-bottom .ui-header{margin-bottom:10px;}
.ui-margin-negative{margin-top:10px;margin-bottom:-15px;}
.ui-margin-negative .ui-button.fn-right{line-height:20px}
.ui-littleScreen .ui-button-large{padding:5px 7px}
.ui-littleScreen .ui-emotion{margin-right:0}
.ui-sfid{position:relative;display: inline-block;width:49%;}
.ui-sfid select{width:100%;height: 33px;background: #E9E9FF;border:transparent;border-radius:1px;color:#66b;text-align-last: center;-webkit-appearance: none;}
.ui-sfid option{text-align:center;}
.ui-spread{position:absolute;right:10px;top:12px;width:14px;height:10px;background-position: -27px -27px}
iframe.edui-faked-video,video.edui-faked-video{width:100%}
.ui-reback{display:inline-block;margin:7px 5px 0 7px}
/* anonymity */
.ui-anonymity{position: relative;padding-right:16px;color:#66b;}
.ui-anonymity:before{content:"?";position: absolute;top:0;right:0;width:14px;line-height:14px;font-size:12px;-webkit-transform-origin-x: 0;-webkit-transform: scale(0.80);transform-origin-x: 0;transform: scale(0.80);font-weight:bold;text-align:center;border:1px solid #66b;border-radius: 50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
/* CABINET */
.footer-cabinet{position: relative;margin-top:20px;}
.footer-cabinet:not(#cabinetWechat){height:127px;}
.cabinet{padding:0 15px;display: flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;height:60px;background: #eee;color: #333;}
.shelf{display: flex;flex-direction: row;align-items:center;font-size: 11px;}
.shelf-img{margin-right:6px;width:40px;height:40px;}
.shelf-img-round{
position:relative;z-index: 2;
margin-bottom:27px;
width:55px;height:55px;
}
.shelf-circle{
position: absolute;top:-23px;left:8px;
width:69px;height:23px;
overflow: hidden;
}
.shelf-circle:after{
content:"";
position: absolute;z-index: 1;top:0px;left:0px;
width:69px;height:69px;
background: rgba(0,0,0,.7);
border-radius:50%;
}
.shelf-title{margin-bottom:4px;font-size: 16px;font-weight: 400;}
.ui-btn-openApp{display: inline-block;width:65px;line-height: 21px;border:1px solid #66b;border-radius: 4px;font-size:13px;font-weight: 400;text-align:center;color:#66b;}
.footer-cabinet .ui-icon-gotop{position: absolute;}
.footer-cabinet .ui-icon-footerClose{display: none;right:0;}
.footer-cabinet-fixed .cabinet{position:fixed;z-index:10;bottom:0;left:0;padding-right:25px;height:50px;background: rgba(0,0,0,0.70);color: #fff;-webkit-animation:footerFixed 1s forwards;animation:footerFixed 1s forwards;}
.footer-cabinet-fixed .ui-btn-openApp{border-color:#FFA14C;background:#FFA14C;box-shadow: 0 2px 0 0 #CA4D28;color:#fff;}
.footer-cabinet-fixed .ui-icon-footerClose{display: block;position:absolute;top:0;right:0;}
@-webkit-keyframes footerFixed {from {-webkit-transform:translateY(100%)}to {-webkit-transform:translateY(0)}}
@keyframes footerFixed {from {transform:translateY(100%)}to {transform:translateY(0)}}
/* TOAST */
.toast-block {position:fixed;top:0;left:0;z-index:10;
display:flex;justify-content: center;align-items: center;
width:100%;height:100%;background: rgba(0,0,0,.5);}
.toast {
display: flex;flex-direction: column;justify-content: center;align-items: center;
width:250px;height:275px;
text-align: center;
line-height: 22px;font-size: 16px;
background: #fff;color: #999;
}
.toastImg{margin-bottom:5px;width:200px;height:200px;}
.toast-center {
height: 60px;width: 60px;
-webkit-animation: loading-center-absolute 1s infinite;
animation: loading-center-absolute 1s infinite;
}
/* TOAST LOADING ANIMATION */
.object{float: left;margin-right: 20px;margin-bottom: 20px; width: 20px;height: 20px;background-color: #66b;border-radius: 50% 50% 50% 50%;}
.object:nth-child(2n+0) {margin-right: 0px;}
#object_one{-webkit-animation: object_one 1s infinite;animation: object_one 1s infinite;}
#object_two{-webkit-animation: object_two 1s infinite;animation: object_two 1s infinite;}
#object_three{-webkit-animation: object_three 1s infinite;animation: object_three 1s infinite;}
#object_four{-webkit-animation: object_four 1s infinite;animation: object_four 1s infinite;}
@-webkit-keyframes loading-center-absolute{100%{-webkit-transform:rotate(360deg);ransform:rotate(360deg);}}
@keyframes loading-center-absolute{100%{-webkit-transform:rotate(360deg);ransform:rotate(360deg);}}
@-webkit-keyframes object_one {50%{-webkit-transform:translate(20px,20px);transform:translate(20px,20px);}}
@keyframes object_one {50%{-webkit-transform:translate(20px,20px);transform:translate(20px,20px);}}
@-webkit-keyframes object_two {50%{-webkit-transform:translate(-20px,20px);transform:translate(-20px,20px);}}
@keyframes object_two {50%{-webkit-transform:translate(-20px,20px);transform:translate(-20px,20px);}}
@-webkit-keyframes object_three{50%{-webkit-transform:translate(20px,-20px);transform:translate(20px,-20px);}}
@keyframes object_three{50%{-webkit-transform:translate(20px,-20px);transform:translate(20px,-20px);}}
@-webkit-keyframes object_four {50%{-webkit-transform:translate(-20px,-20px);transform:translate(-20px,-20px);}}
@keyframes object_four {50%{-webkit-transform:translate(-20px,-20px);transform:translate(-20px,-20px);}}
/* 横屏IphoneX适配 */
@media all and (orientation : landscape) {
.ui-header{
padding-right: env(safe-area-inset-right);
}
.ui-crumbs{
padding-left: env(safe-area-inset-left);
}
.ui-icon-logo{
margin-left: env(safe-area-inset-left);
}
.ui-bar{
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
}
.ui-box{
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
}
.ui-box-user{
padding-left: env(safe-area-inset-left);
}
.ui-footer{
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
padding-bottom: env(safe-area-inset-bottom);
}
.ui-icon-gotop{
right: env(safe-area-inset-right);
}
.cabinet{
padding: 0 env(safe-area-inset-left);
}
}
/* Modal */
.ui-modal-block {
position: fixed;z-index: 100;top: 0;left: 0;
display: table;
width: 100%;height: 100%;
-webkit-tap-highlight-color: transparent;
background: rgba(0, 0, 0, 0.4); }
.ui-modal {
position: fixed;top: 50%;left: 50%;
display: table;
width: 301px;
overflow: hidden;
font-size: 16px;
text-align: center;
background: #fff;
border-radius: 6px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.ui-modal em {
display: block;
margin-top: 30px;
font-size: 18px;
font-weight: bold;
font-style: normal;
letter-spacing: 0.38px;
color: #333; }
.ui-modal p {
margin-top: 15px;
font-size: 16px;
letter-spacing: 0.35px;
color: #999; }
.ui-modal-footer {
margin-top: 36px;
display: table;
table-layout: fixed;
width: 100%;
line-height: 50px;
background: #eee; }
.ui-modal-btn {
display: table-cell;
border-right: 1px solid #ccc;
font-size: 17px;
letter-spacing: 0.38px;
color: #333; }
.ui-modal-btn:active {
background: #ccc; }
.ui-modal-btn:last-of-type {
border-right: none; }
/* 问答模式 */
.list-icon{width:18px;margin-right:1px;vertical-align: middle;margin-top:-3px;}
.up-icon{height:15.75px;margin-right:1px;vertical-align: middle;margin-top:-3px;}
.how-send-problem{text-align: center;color: #6666BB;margin-top:15px;font-size:17px;line-height: 1;font-weight: 500;}
.problem-des{font-size:16px;color:#333;margin-top:10px;line-height: 27px;}
.problem-des-footer{font-size:12px;color:#aaa;display: flex;justify-content: space-between;align-items: center;margin-top:10px;}
.problem-icon{width:22px;margin-right:5px;vertical-align: middle;}
.newui-list-shadow{padding-top: 0;border-bottom: 0;border-bottom: 1px solid #666;}
.quiz-choose-type{padding-top:10px;display: flex;justify-content: space-between;align-items: center;padding-bottom: 0px;}
.all-num{font-size:18px;color:#000;font-weight: 600;}
.choose-type-box{height:38px;display: flex;align-items: center;}
.type-btn{height:38px;line-height: 38px;vertical-align: middle;position: relative;color:#6666BB;font-size:16px;}
.type-btn:first-of-type {margin-right: 20px;}
.type-btn .btn-bd {width: 15px;height: 2px;background: #6666BB;position: absolute;bottom: 0;left: 50%;margin-left: -7.5px;display: none;}
.btn-active{font-weight: 600;}
.btn-active .btn-bd{display: block;}
.quiz-fn-purple{display: inline-flex;align-items: center;}
.quiz-fn-purple:first-of-type {margin-right: 20px;}
.ui-icon-like{width:17px;height:16px;display:inline-block;margin-right:5px;background: url(../img/problem/wap-newlike.png) no-repeat center top;background-size: 100% 100%;}
.ui-icon-liked{width:17px;height:16px;display:inline-block;margin-right:5px;background: url(../img/problem/wap-newliked.png) no-repeat center top;background-size: 100% 100%;}
.ui-icon-unlike{width:17px;height:16px;display:inline-block;margin-right:5px;background: url(../img/problem/wap_unlike.png) no-repeat center top;background-size: 100% 100%;}
.ui-icon-quizcomment{width:17px;height:15px;display:inline-block;margin-right:5px;background: url(../img/problem/newcomment.png?v=2) no-repeat center top;background-size: 100% 100%;}
.ui-list-item-operate{min-width: 24px;font-size: 12px;color:#6666BB;}
.quiz-cabinet{margin:0 15px;background:#6666BB;display: flex;flex-direction: column;justify-content: space-between;align-items: center;padding:14px 0 10px 0;}
.open-app-title{font-size: 16px;line-height: 24px;vertical-align: middle;color:#fff;text-align: center;font-weight: 600;margin-top:7px;}
.quiz-logo{width:45px;}
.quiz-footer-cabinet{height:auto;}
.openapp-pop{width:100%;height:100%;position: fixed;top:0;left:0;background:rgba(0,0,0,0.6);z-index:9999;display: none;}
.openapp-pop-wrap{width:270px;height:345px;position: absolute;top:50%;left:50%;margin:-178px 0 0 -135px;background: url(../img/problem/wap-pop.png) no-repeat center top;background-size:100% 100%;}
.openapp-pop-wrap2{width:270px;height:345px;position: absolute;top:50%;left:50%;margin:-178px 0 0 -135px;background: url(../img/problem/wap-pop-2.png) no-repeat center top;background-size:100% 100%;}
.close-pop{width:18px;height:18px;position: absolute;right:20px;top:20px;}
.pop-open-app{width:156px;height:40px;position: absolute;bottom:36px;left:55px;display: block;}
.problem-quote{background: none;padding-top:0;padding-left:0;padding-right: 0;margin-bottom:0;}
.problem-quote .quote-block{max-height:300px;}
.problem-quote .quote-footer:before {
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0.5) 75%, #ffffff 96%, #ffffff 100%) !important;
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0.5) 75%, #ffffff 96%, #ffffff 100%) !important;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0.5) 75%, #ffffff 96%, #ffffff 100%) !important;
}
.commment-all-num{color:#6666BB;font-size:15px;margin-top:18px;font-weight: 600;height:22px;line-height: 22px;vertical-align: middle;display: flex;align-items: center;}
.commment-all-num img{width:22px;}
.comment-type-btn{height:38px;line-height: 38px;vertical-align: middle;position: relative;color:#999999;font-size:18px;font-weight: 600;}
.comment-type-btn:first-of-type {margin-right: 20px;}
.comment-type-btn .btn-bd {width: 15px;height: 2px;background: #000;position: absolute;bottom: 0;left: 10px;display: none;}
.comment-btn-active{color:#000;}
.comment-btn-active .btn-bd{display: block;}
.no-border{border: none;margin-bottom:10px;}
.zan-icon,.comment-link .num{color:#6666BB;}
.zan-list{display: flex;justify-content: space-between;font-size:12px;color:#aaa;padding:15px 0;}
.zan-list p{color:#333;font-size: 15px;}
.num{min-width:24px;text-align: left;}
/* 故事模式样式 */
.tale-box{width:100%;}
.tale-cover{width:100%;max-height:190px;overflow: hidden;}
.tale-cover img{width:100%;}
.ui-list-noborder{border:none;padding-bottom:5px;}
.ui-list-item-content-notop{padding-top:0;margin-top:0;}
.item-list-num{font-size:15px;font-weight: bold;color:#000;}
.tale-quote{margin-top:10px;margin-bottom:0;}
.list-view{width:110px;position: fixed;bottom:15%;left:0;}
.list-view-pop{width:100%;height:100%;position: fixed;top:0;left:0;background: rgba(0,0,0,.7);z-index:999;display: none;}
.list-view-box{width:62.4%;height:100%;background: #fff;overflow-y: auto;}
.list-view-title{padding:20px 0 20px 15px;box-shadow:0px 1px 7px 0px rgba(0,0,0,0.1);}
.list-view-ul li{padding: 12px 15px;border-bottom:1px solid #ddd;line-height: 1.5;}
.list-view-ul li a{display: flex;justify-content: flex-start;}
.list-view-ul .li-left-num{color:#999;margin-right:10px;width:35px;flex-grow: 0;flex-shrink: 0;text-align:right;}
.list-view-ul .li-right-text{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.quote-add-top{margin-top:10px;}
.loadingBlock { position: relative; padding: 20px 0; width: 100%; font-size: 0.27733rem; color: #999; text-align: center; }
.loadingBlockAbsolute { margin: 0 auto; width: 120px; height: 20px; }
[class^="loadingCircle"] { float: left; margin-top: 5px; margin-right: 10px; width: 0px; height: 10px; background-color: #dddddd; border-radius: 50%; -webkit-animation: loading 1s infinite; -moz-animation: loading 1s infinite; -o-animation: loading 1s infinite; animation: loading 1s infinite; }
.loadingCircleOne { margin-left: 15px; }
.loadingCircleTwo { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; }
.loadingCircleThree { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; }
.loadingCircleFour { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; }
.loadingCircleFive { margin-right: 0; -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; }
.loadingBlock.ui-topNav { display: block; margin-top: -60px; }
.loadingBlock.ui-topNav:after { content: ''; position: absolute; left: 0; bottom: 0px; z-index: -1; width: 100%; height: 1000px; }
.loadingNotMore { text-align: center; }
.gotocomment{width:100%;color:#6666BB;text-align: center;padding:14px 0;background: #f2f2f2;}
.ui-list-nobottom{padding-bottom:0;}
.ui-list-nomargin{margin:0;}
.tale-icon{width:18px;height:18px;background: url(../css/images/taleicon.png) no-repeat center top;background-size: cover; display: inline-block; vertical-align: middle;margin-top: -2px;margin-right:6px;}
.ui-list-item-advertising{display: flex;justify-content: space-between;align-items: center;}
.ui-list-item-advertising:before, .ui-list-item-advertising:after {content:none;display: table;}
.wap-advertising-icon{float: left;width:35px;}
.wap-advertising-icon img{width:100%;}
.quote-tale-time{margin-top:5px;margin-bottom:15px;}
.ui-advertisement{width:calc(100% + 30px);position: relative;margin-top:-1px;margin-left:-15px;}
.ui-advertisement img{width:100%;display: block;}
.ui-advertisement-notop{margin-top:0 !important;}
.merchant-link{width:100%;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 15px 0 0 0;color: #66B;font-size:14px;}
@keyframes loading { 0% { -webkit-transform: scale(0); transform: scale(0);
width: 10px; }
50% { -webkit-transform: scale(1); transform: scale(1);
width: 10px; }
100% { -webkit-transform: scale(0); transform: scale(0);
width: 10px; } }
@-webkit-keyframes loading { 0% { -webkit-transform: scale(0);
width: 10px; }
50% { -webkit-transform: scale(1);
width: 10px; }
100% { -webkit-transform: scale(0);
width: 10px; } }
@-moz-keyframes loading { 0% { -moz-transform: scale(0);
width: 10px; }
50% { -moz-transform: scale(1);
width: 10px; }
100% { -moz-transform: scale(0);
width: 10px; } }
body{background:#fff;}
body a{-webkit-tap-highlight-color: transparent;}
.ui-icon-share{width:61px;height:61px;position: fixed;right:15px;bottom:20px;background:url(images/wap/share.png) no-repeat center top;background-size: 100% 100%;z-index:9999;}
.share-getcoins{width:43px;height: 23px;position: absolute;top:-13px;left:-0px; -webkit-animation: jump 1s infinite; -moz-animation: jump 1s infinite; -o-animation: jump 1s infinite; animation: jump 1s infinite;}
@keyframes jump {
0% { -webkit-transform: translateY(0); transform: translateY(0); }
50% { -webkit-transform: translateY(-2px); transform: translateY(-2px);}
100% { -webkit-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes jump {
0% { -webkit-transform: translateY(0); }
50% {-webkit-transform: translateY(-2px); }
100% { -webkit-transform: translateY(0);} }
@-moz-keyframes jump {
0% { -moz-transform: translateY(0); }
50% { -moz-transform: translateY(-2px) }
100% { -moz-transform: translateY(0);}
}
.share-pop{width: 100%;height:100%;position: fixed;top:0;left:0;background:rgba(0,0,0,0.4);z-index:9999;display: none;}
.bottom-box{width:100%;background:#fff;position: absolute;bottom:0;left:0;}
.bottom-box .bottom-top{padding: 15px 0 20px;text-align: center;}
.bottom-box .bottom-top .title{color:#333333;font-size:16px;line-height: 16px;margin-bottom:10px;}
.bottom-box .bottom-top .detail{color:#666666;font-size:13px;line-height: 13px;margin-bottom:20px;}
.bottom-box .bottom-top .icon-box{width:100%;display: flex;justify-content: space-evenly;}
.bottom-box .bottom-top .icon-box .icon-box-detail{width:50px;text-align: center;display: inline-block;}
.bottom-box .bottom-top .icon-box .icon-box-detail img{width: 50px;}
.bottom-box .bottom-top .icon-box .icon-box-detail p{width: 50px;text-align: center;font-size: 12px;color:#333;margin-top:6px;}
.bottom-button{width:100%;height:50px;line-height: 50px;vertical-align: middle;text-align: center;font-size: 17px;color:#333;background:#f8f8f8;}
.sure-pop{width: 100%;height:100%;position: fixed;top:0;left:0;background:rgba(0,0,0,0.4);z-index:9999;display: none;}
.sure-pop .sure-pop-wrap{width:100%;height:100%;position: absolute;left:0;top:0;display: flex;justify-content: center;align-items: center;}
.sure-pop-content{width:60%;background: #fff;border-radius: 5px;}
.sure-pop-content .content-top{padding:20px 0 10px 0;display: flex;flex-direction: column;align-items: center; text-align: center;}
.sure-pop-content .content-top p{color:#666;font-size: 12px;line-height: 24px;}
.sure-pop-content .content-top .title{font-size: 14px;color:#000;font-weight: 400;}
.content-bottom{width:100%;height:40px;border-top:1px solid #ddd;text-align: center;line-height: 40px;vertical-align: middle;font-size:16px;color:#3F3F8F;font-weight: 400;}
.Vlogo{width:13px;height:13px;display: inline-block;background: url(images/wap/Vlogo.png) no-repeat center top;background-size:100%;vertical-align: middle;margin-top:-2px;margin-right:2px;}
.zanshake{ -webkit-animation: shake 0.5s forwards; -moz-animation: shake 0.5s forwards; -o-animation: shake 0.5s forwards; animation: shake 0.5s forwards;transform-origin: 0 100%;-webkit-transform-origin: 0 100%;-o-transform-origin: 0 100%;-moz-transform-origin: 0 100%;}
@keyframes shake {
0% { -webkit-transform: rotate(0); transform: rotate(0); }
25% { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); }
50% { -webkit-transform: rotate(0); transform: rotate(0); }
75% { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); }
100% { -webkit-transform: rotate(0); transform: rotate(0); }
}
@-webkit-keyframes shake{
0% { -webkit-transform: rotate(0); transform: rotate(0); }
25% { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); }
50% { -webkit-transform: rotate(0); transform: rotate(0); }
75% { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); }
100% { -webkit-transform: rotate(0); transform: rotate(0); }}
@-moz-keyframes shake{ 0% { -moz-transform: rotate(0); transform: rotate(0); }
25% { -moz-transform: rotate(-20deg); transform: rotate(-20deg); }
50% { -moz-transform: rotate(0); transform: rotate(0); }
75% { -moz-transform: rotate(-20deg); transform: rotate(-20deg); }
100% { -moz-transform: rotate(0); transform: rotate(0); } }
/* 飘一飘 */
.newfloat { position: fixed; top: 20%; right: 0%; padding: 0 38px 0 45px;transform: translateX(100%);z-index:9999999; }
.newfloat span { display: inline-block; float: left; }
.newfloat .left { width: 45px; height: 30px; position: absolute; top: 0; left: 0; }
.newfloat .p { font-size: 15px; line-height: 30px;font-weight: bold; color: #fff; white-space: nowrap; display: flex; justify-content: flex-start; align-items: center;}
.havacoins { width: 28px; height: 28px; background: url(../img/barrage/wap/havecoins.png) no-repeat right center; background-size: 100% 100%; margin-left: 0.10667rem; }
.ui-android .newfloat .p { font-size: 15px; line-height: 30px;font-weight: 300; color: #fff; white-space: nowrap;}
.newfloat .right { width: 38px; height: 30px; position: absolute; top: 0; right: 0; }
.beerskittles1 .left { background-image: url("https://css.libaclub.com/app/floatimg/beerskittles1.png"); background-size: 100% 100%; }
.beerskittles1 .p { background: rgba(113, 197, 126, 0.9); }
.beerskittles1 .right { background-image: url("https://css.libaclub.com/app/floatimg/beerskittlesright.png"); background-size: 100% 100%; }
.beerskittles2 .left { background-image: url("https://css.libaclub.com/app/floatimg/beerskittles2.png"); background-size: 100% 100%; }
.beerskittles2 .p { background: rgba(113, 197, 126, 0.9); }
.beerskittles2 .right { background-image: url("https://css.libaclub.com/app/floatimg/beerskittlesright.png"); background-size: 100% 100%; }
.house1 .left { background-image: url("https://css.libaclub.com/app/floatimg/house1.png"); background-size: 100% 100%; }
.house1 .p { background: rgba(255, 140, 45, 0.9); }
.house1 .right { background-image: url("https://css.libaclub.com/app/floatimg/houseright.png"); background-size: 100% 100%; }
.house2 .left { background-image: url("https://css.libaclub.com/app/floatimg/house2.png"); background-size: 100% 100%; }
.house2 .p { background: rgba(255, 140, 45, 0.9); }
.house2 .right { background-image: url("https://css.libaclub.com/app/floatimg/houseright.png"); background-size: 100% 100%; }
.community1 .left { background-image: url("https://css.libaclub.com/app/floatimg/community1.png"); background-size: 100% 100%; }
.community1 .p { background: rgba(164, 186, 196, 0.9); }
.community1 .right { background-image: url("https://css.libaclub.com/app/floatimg/communityright.png"); background-size: 100% 100%; }
.community2 .left { background-image: url("https://css.libaclub.com/app/floatimg/community2.png"); background-size: 100% 100%; }
.community2 .p { background: rgba(164, 186, 196, 0.9); }
.community2 .right { background-image: url("https://css.libaclub.com/app/floatimg/communityright.png"); background-size: 100% 100%; }
.marry1 .left { background-image: url("https://css.libaclub.com/app/floatimg/marry1.png"); background-size: 100% 100%; }
.marry1 .p { background: rgba(255, 94, 45, 0.9); }
.marry1 .right { background-image: url("https://css.libaclub.com/app/floatimg/marryright.png"); background-size: 100% 100%; }
.marry2 .left { background-image: url("https://css.libaclub.com/app/floatimg/marry2.png"); background-size: 100% 100%; }
.marry2 .p { background: rgba(255, 94, 45, 0.9); }
.marry2 .right { background-image: url("https://css.libaclub.com/app/floatimg/marryright.png"); background-size: 100% 100%; }
.travel1 .left { background-image: url("https://css.libaclub.com/app/floatimg/travel1.png"); background-size: 100% 100%; }
.travel1 .p { background: rgba(103, 207, 221, 0.9); }
.travel1 .right { background-image: url("https://css.libaclub.com/app/floatimg/travelright.png"); background-size: 100% 100%; }
.travel2 .left { background-image: url("https://css.libaclub.com/app/floatimg/travel2.png"); background-size: 100% 100%; }
.travel2 .p { background: rgba(103, 207, 221, 0.9); }
.travel2 .right { background-image: url("https://css.libaclub.com/app/floatimg/travelright.png"); background-size: 100% 100%; }
.emotion1 .left { background-image: url("https://css.libaclub.com/app/floatimg/emotion1.png"); background-size: 100% 100%; }
.emotion1 .p { background: rgba(255, 128, 171, 0.9); }
.emotion1 .right { background-image: url("https://css.libaclub.com/app/floatimg/emotionright.png"); background-size: 100% 100%; }
.emotion2 .left { background-image: url("https://css.libaclub.com/app/floatimg/emotion2.png"); background-size: 100% 100%; }
.emotion2 .p { background: rgba(255, 128, 171, 0.9); }
.emotion2 .right { background-image: url("https://css.libaclub.com/app/floatimg/emotionright.png"); background-size: 100% 100%; }
.fashion1 .left { background-image: url("https://css.libaclub.com/app/floatimg/fashion1.png"); background-size: 100% 100%; }
.fashion1 .p { background: rgba(233, 78, 59, 0.9); }
.fashion1 .right { background-image: url("https://css.libaclub.com/app/floatimg/fashionright.png"); background-size: 100% 100%; }
.fashion2 .left { background-image: url("https://css.libaclub.com/app/floatimg/fashion2.png"); background-size: 100% 100%; }
.fashion2 .p { background: rgba(233, 78, 59, 0.9); }
.fashion2 .right { background-image: url("https://css.libaclub.com/app/floatimg/fashionright.png"); background-size: 100% 100%; }
.child1 .left { background-image: url("https://css.libaclub.com/app/floatimg/child1.png"); background-size: 100% 100%; }
.child1 .p { background: rgba(120, 194, 55, 0.9); }
.child1 .right { background-image: url("https://css.libaclub.com/app/floatimg/childright.png"); background-size: 100% 100%; }
.child2 .left { background-image: url("https://css.libaclub.com/app/floatimg/child2.png"); background-size: 100% 100%; }
.child2 .p { background: rgba(120, 194, 55, 0.9); }
.child2 .right { background-image: url("https://css.libaclub.com/app/floatimg/childright.png"); background-size: 100% 100%; }
.child3 .left { background-image: url("https://css.libaclub.com/app/floatimg/child3.png"); background-size: 100% 100%; }
.child3 .p { background: rgba(120, 194, 55, 0.9); }
.child3 .right { background-image: url("https://css.libaclub.com/app/floatimg/childright3.png"); background-size: 100% 100%; }
.child4 .left { background-image: url("https://css.libaclub.com/app/floatimg/child4.png"); background-size: 100% 100%; }
.child4 .p { background: rgba(120, 194, 55, 0.9); }
.child4 .right { background-image: url("https://css.libaclub.com/app/floatimg/childright4.png"); background-size: 100% 100%; }
.fitment1 .left { background-image: url("https://css.libaclub.com/app/floatimg/fitment1.png"); background-size: 100% 100%; }
.fitment1 .p { background: rgba(57, 158, 255, 0.9); }
.fitment1 .right { background-image: url("https://css.libaclub.com/app/floatimg/fitmentright.png"); background-size: 100% 100%; }
.fitment2 .left { background-image: url("https://css.libaclub.com/app/floatimg/fitment2.png"); background-size: 100% 100%; }
.fitment2 .p { background: rgba(57, 158, 255, 0.9); }
.fitment2 .right { background-image: url("https://css.libaclub.com/app/floatimg/fitmentright.png"); background-size: 100% 100%; }
.chat1 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat1.png"); background-size: 100% 100%; }
.chat1 .p { background: rgba(243, 90, 150, 0.9); }
.chat1 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright1.png"); background-size: 100% 100%; }
.chat2 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat2.png"); background-size: 100% 100%; }
.chat2 .p { background: rgba(166, 126, 237, 0.9); }
.chat2 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright2.png"); background-size: 100% 100%; }
.chat3 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat3.png"); background-size: 100% 100%; }
.chat3 .p { background: rgba(204, 117, 219, 0.9); }
.chat3 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright3.png"); background-size: 100% 100%; }
.chat4 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat4.png"); background-size: 100% 100%; }
.chat4 .p { background: rgba(255, 140, 45, 0.9); }
.chat4 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright4.png"); background-size: 100% 100%; }
.chat5 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat5.png"); background-size: 100% 100%; }
.chat5 .p { background: rgba(255, 200, 31, 0.9); }
.chat5 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright5.png"); background-size: 100% 100%; }
.chat6 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat6.png"); background-size: 100% 100%; }
.chat6 .p { background: rgba(103, 207, 221, 0.9); }
.chat6 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright6.png"); background-size: 100% 100%; }
.chat7 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat7.png"); background-size: 100% 100%; }
.chat7 .p { background: rgba(79, 195, 247, 0.9); }
.chat7 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright7.png"); background-size: 100% 100%; }
.chat8 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat8.png"); background-size: 100% 100%; }
.chat8 .p { background: rgba(255, 128, 171, 0.9); }
.chat8 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright8.png"); background-size: 100% 100%; }
.chat9 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat9.png"); background-size: 100% 100%; }
.chat9 .p { background: rgba(164, 186, 196, 0.9); }
.chat9 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright9.png"); background-size: 100% 100%; }
.chat10 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat10.png"); background-size: 100% 100%; }
.chat10 .p { background: rgba(113, 197, 126, 0.9); }
.chat10 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright10.png"); background-size: 100% 100%; }
.chat11 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat11.png"); background-size: 100% 100%; }
.chat11 .p { background: rgba(255,158,67, 0.9); }
.chat11 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright11.png"); background-size: 100% 100%; }
.chat12 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat12.png"); background-size: 100% 100%; }
.chat12 .p { background: rgba(99,184,255, 0.9); }
.chat12 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright12.png"); background-size: 100% 100%; }
.chat13 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat13.png"); background-size: 100% 100%; }
.chat13 .p { background: rgba(164,186,196, 0.9); }
.chat13 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright13.png"); background-size: 100% 100%; }
.chat14 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat14.png"); background-size: 100% 100%; }
.chat14 .p { background: rgba(14,198,220, 0.9); }
.chat14 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright14.png"); background-size: 100% 100%; }
.chat15 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat15.png"); background-size: 100% 100%; }
.chat15 .p { background: rgba(207,145,218, 0.9); }
.chat15 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright15.png"); background-size: 100% 100%; }
.chat16 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat16.png"); background-size: 100% 100%; }
.chat16 .p { background: rgba(255,104,24, 0.9); }
.chat16 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright16.png"); background-size: 100% 100%; }
.chat17 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat17.png"); background-size: 100% 100%; }
.chat17 .p { background: rgba(73,185,127, 0.9); }
.chat17 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright17.png"); background-size: 100% 100%; }
.chat18 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat18.png"); background-size: 100% 100%; }
.chat18 .p { background: rgba(50,162,255, 0.9); }
.chat18 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright18.png"); background-size: 100% 100%; }
.chat19 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat19.png"); background-size: 100% 100%; }
.chat19 .p { background: rgba(179,155,221, 0.9); }
.chat19 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright19.png"); background-size: 100% 100%; }
.chat20 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat20.png"); background-size: 100% 100%; }
.chat20 .p { background: rgba(0,192,165, 0.9); }
.chat20 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright20.png"); background-size: 100% 100%; }
.chat21 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat21.png"); background-size: 100% 100%; }
.chat21 .p { background: rgba(95,154,255, 0.9); }
.chat21 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright21.png"); background-size: 100% 100%; }
.chat22 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat22.png"); background-size: 100% 100%; }
.chat22 .p { background: rgba(255,162,0, 0.9); }
.chat22 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright22.png"); background-size: 100% 100%; }
.chat23 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat23.png"); background-size: 100% 100%; }
.chat23 .p { background: rgba(255,76,139, 0.9); }
.chat23 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright23.png"); background-size: 100% 100%; }
.chat24 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat24.png"); background-size: 100% 100%; }
.chat24 .p { background: rgba(255,88,38, 0.9); }
.chat24 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright24.png"); background-size: 100% 100%; }
.chat25 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat25.png"); background-size: 100% 100%; }
.chat25 .p { background: rgba(220,107,76, 0.9); }
.chat25 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright25.png"); background-size: 100% 100%; }
.chat26 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat26.png"); background-size: 100% 100%; }
.chat26 .p { background: rgba(80,209,227, 0.9); }
.chat26 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright26.png"); background-size: 100% 100%; }
.chat27 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat27.png"); background-size: 100% 100%; }
.chat27 .p { background: rgba(255,111,111, 0.9); }
.chat27 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright27.png"); background-size: 100% 100%; }
.chat28 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat28.png"); background-size: 100% 100%; }
.chat28 .p { background: rgba(173,193,202, 0.9); }
.chat28 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright28.png"); background-size: 100% 100%; }
.chat29 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat29.png"); background-size: 100% 100%; }
.chat29 .p { background: rgba(113,197,126, 0.9); }
.chat29 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright29.png"); background-size: 100% 100%; }
.chat30 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat30.png"); background-size: 100% 100%; }
.chat30 .p { background: rgba(204,127,219, 0.9); }
.chat30 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright30.png"); background-size: 100% 100%; }
.chat31 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat31.png"); background-size: 100% 100%; }
.chat31 .p { background: rgba(203,77,88, 0.9); }
.chat31 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright31.png"); background-size: 100% 100%; }
.chat32 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat32.png"); background-size: 100% 100%; }
.chat32 .p { background: rgba(100,155,54, 0.9); }
.chat32 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright32.png"); background-size: 100% 100%; }
.chat33 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat33.png"); background-size: 100% 100%; }
.chat33 .p { background: rgba(255,128,171, 0.9); }
.chat33 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright33.png"); background-size: 100% 100%; }
.chat34 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat34.png"); background-size: 100% 100%; }
.chat34 .p { background: rgba(245,67,0, 0.9); }
.chat34 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright34.png"); background-size: 100% 100%; }
.chat35 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat35.png"); background-size: 100% 100%; }
.chat35 .p { background: rgba(164,186,196, 0.9); }
.chat35 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright35.png"); background-size: 100% 100%; }
.chat36 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat36.png"); background-size: 100% 100%; }
.chat36 .p { background: rgba(145,108,95, 0.9); }
.chat36 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright36.png"); background-size: 100% 100%; }
.chat37 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat37.png"); background-size: 100% 100%; }
.chat37 .p { background: rgba(170,191,48, 0.9); }
.chat37 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright37.png"); background-size: 100% 100%; }
.chat38 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat38.png"); background-size: 100% 100%; }
.chat38 .p { background: rgba(56,142,60, 0.9); }
.chat38 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright38.png"); background-size: 100% 100%; }
.chat39 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat39.png"); background-size: 100% 100%; }
.chat39 .p { background: rgba(191,54,12, 0.9); }
.chat39 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright39.png"); background-size: 100% 100%; }
.chat40 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat40.png"); background-size: 100% 100%; }
.chat40 .p { background: rgba(120,144,156, 0.9); }
.chat40 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright40.png"); background-size: 100% 100%; }
.chat41 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat41.png"); background-size: 100% 100%; }
.chat41 .p { background: rgba(255,102,0, 0.9); }
.chat41 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright41.png"); background-size: 100% 100%; }
.chat42 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat42.png"); background-size: 100% 100%; }
.chat42 .p { background: rgba(229,115,115, 0.9); }
.chat42 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright42.png"); background-size: 100% 100%; }
.chat43 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat43.png"); background-size: 100% 100%; }
.chat43 .p { background: rgba(232,176,0, 0.9); }
.chat43 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright43.png"); background-size: 100% 100%; }
.chat44 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat44.png"); background-size: 100% 100%; }
.chat44 .p { background: rgba(96,125,139, 0.9); }
.chat44 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright44.png"); background-size: 100% 100%; }
.chat45 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat45.png"); background-size: 100% 100%; }
.chat45 .p { background: rgba(23,138,206, 0.9); }
.chat45 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright45.png"); background-size: 100% 100%; }
.chat46 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat46.png"); background-size: 100% 100%; }
.chat46 .p { background: rgba(134,121,208, 0.9); }
.chat46 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright46.png"); background-size: 100% 100%; }
.chat47 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat47.png"); background-size: 100% 100%; }
.chat47 .p { background: rgba(255,87,34, 0.9); }
.chat47 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright47.png"); background-size: 100% 100%; }
.chat48 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat48.png"); background-size: 100% 100%; }
.chat48 .p { background: rgba(255,181,0, 0.9); }
.chat48 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright48.png"); background-size: 100% 100%; }
.chat49 .left { background-image: url("https://css.libaclub.com/app/floatimg/chat49.png"); background-size: 100% 100%; }
.chat49 .p { background: rgba(239,108,0, 0.9); }
.chat49 .right { background-image: url("https://css.libaclub.com/app/floatimg/chatright49.png"); background-size: 100% 100%; }
.other1 .left { background-image: url("https://css.libaclub.com/app/floatimg/other1.png"); background-size: 100% 100%; }
.other1 .p { background: rgba(57,158,255, 0.9); }
.other1 .right { background-image: url("https://css.libaclub.com/app/floatimg/otherright1.png"); background-size: 100% 100%; }
.sticker .left { background-image: url("https://css.libaclub.com/app/floatimg/sticker.png"); background-size: 100% 100%; }
.sticker .p { background: rgba(57,158,255, 0.9); }
.sticker .right { background-image: url("https://css.libaclub.com/app/floatimg/stickerright.png"); background-size: 100% 100%; }
.imgfloat { position: fixed; top: 20%; right: 0%; width: 96px; height: 60px;transform: translateX(100%); z-index: 999999; border-top-left-radius: 10px; border-bottom-left-radius: 10px; overflow: hidden; }
.imgfloat span { display: inline-block; float: left; }
.imgfloat .p { width: 50px; height: 50px; padding: 5px; overflow: hidden; }
.imgfloat .img { border: 2px solid #fff; border-radius: 5px; width: 46px; height: 46px; overflow: hidden; background: #fff; display: flex; justify-content: center; align-items: center; }
.imgfloat .img img { max-width: 100%; }
.imgfloat .right { width: 36px; height: 60px; position: absolute; top: 0; right: 0px; }
.imgfloat1 .p { background: rgba(134, 121, 208, 0.9); }
.imgfloat1 .right { background-image: url("https://css.libaclub.com/app/floatimg/imageright1.png"); background-size: 100% 100%; }
.imgfloat2 .p { background: rgba(243,90,150, 0.9); }
.imgfloat2 .right { background-image: url("https://css.libaclub.com/app/floatimg/imageright2.png"); background-size: 100% 100%; }
.imgfloat3 .p { background: rgba(113,197,126, 0.9); }
.imgfloat3 .right { background-image: url("https://css.libaclub.com/app/floatimg/imageright3.png"); background-size: 100% 100%; }
.imgfloat4 .p { background: rgba(79,195,247, 0.9); }
.imgfloat4 .right { background-image: url("https://css.libaclub.com/app/floatimg/imageright4.png"); background-size: 100% 100%; }
.imgfloat5 .p { background: rgba(103,207,221, 0.9); }
.imgfloat5 .right { background-image: url("https://css.libaclub.com/app/floatimg/imageright5.png"); background-size: 100% 100%; }
.imgfloat6 .p { background: rgba(255,128,171, 0.9); }
.imgfloat6 .right { background-image: url("https://css.libaclub.com/app/floatimg/imageright6.png"); background-size: 100% 100%; }
.imgfloat7 .p { background: rgba(255,140,45, 0.9); }
.imgfloat7 .right { background-image: url("https://css.libaclub.com/app/floatimg/imageright7.png"); background-size: 100% 100%; }
.imgfloat8 .p { background: rgba(255,181,0, 0.9); }
.imgfloat8 .right { background-image: url("https://css.libaclub.com/app/floatimg/imageright8.png"); background-size: 100% 100%; }
.imgfloat9 .p { background: rgba(170,191,48, 0.9); }
.imgfloat9 .right { background-image: url("https://css.libaclub.com/app/floatimg/imageright9.png"); background-size: 100% 100%; }
.imgfloat10 .p { background: rgba(120,144,156, 0.9); }
.imgfloat10 .right { background-image: url("https://css.libaclub.com/app/floatimg/imageright10.png"); background-size: 100% 100%; }
.normal {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000;-webkit-animation: go 8s forwards linear; -moz-animation: go 8s forwards linear; animation: go 8s forwards linear; }
.slow {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000;-webkit-animation: go 12s forwards linear; -moz-animation: go 12s forwards linear; animation: go 12s forwards linear; }
@-webkit-keyframes masked-animation {
0% {
background-position: 0 0;
}
100% {
background-position: -200% 0;
}
}
@keyframes masked-animation {
0% {
background-position: 0 0;
}
100% {
background-position: -200% 0;
}
}
@-moz-keyframes masked-animation {
0% {
background-position: 0 0;
}
100% {
background-position: -200% 0;
}
}
@-webkit-keyframes go {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(calc(-100vw - 1px));
}
}
@keyframes go {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(calc(-100vw - 1px));
}
}
@-moz-keyframes go {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(calc(-100vw - 1px));
}
}
.openapp-btn{width:180px;height:33px;background:url(images/wap/openapp.png) no-repeat center top;background-size:100% 100%;position: fixed;bottom:28px;left:50%;margin-left:-90px;transform: translateY(62px);z-index: 99999;}
.openApp-link{display: inline-block;width: 147px;height:33px;position: absolute;top:0;left:0;}
.openApp-btn-close{display: inline-block;width: 33px;height:33px;position: absolute;top:0;right:0;}
.showopenapp {-webkit-animation: showopenapp 0.5s forwards linear; -moz-animation: showopenapp 0.5s forwards linear; animation: showopenapp 0.5s forwards linear; }
.hideopenapp {-webkit-animation: hideopenapp 0.5s forwards linear; -moz-animation: hideopenapp 0.5s forwards linear; animation: hideopenapp 0.5s forwards linear; }
@-webkit-keyframes showopenapp {
0% {
opacity: 0;
-webkit-transform: translateY(62px);
transform: translateY(62px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes showopenapp {
0% {
opacity: 0;
-webkit-transform: translateY(62px);
transform: translateY(62px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@-moz-keyframes showopenapp {
0% {
opacity: 0;
-moz-transform: translateY(62px);
transform: translateY(62px);
}
100% {
opacity: 1;
-moz-transform: translateY(0px);
transform: translateY(0px);
}
}
@-webkit-keyframes hideopenapp {
0% {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
-webkit-transform: translateY(62px);
transform: translateY(62px);
}
}
@keyframes hideopenapp {
0% {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
-webkit-transform: translateY(62px);
transform: translateY(62px);
}
}
@-moz-keyframes hideopenapp {
0% {
opacity: 1;
-moz-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
-moz-transform: translateY(62px);
transform: translateY(62px);
}
}
.ui-tip-warn { background: #FFF1CD; padding: 12px 15px; display: flex; justify-content: flex-start; align-items: center; font-size: 12px; color: #EA8E5F; margin:-15px 0 15px; }
.ui-tip-warn .tip-warn-icon { width: 13px; height: 13px; display: block; margin-right: 5px; background: url(images/wap/tip-warn.png) no-repeat center top; background-size: 100% 100%; }
.item-tip-warn{ width: 100%; margin-left:-15px; }
.ui-icon-replies { width: 15px; height: 15px; background: url(../../public/css/images/wap/v20-icon/discuss-icon.png) no-repeat center top; background-size: 100% 100%; }
.ui-hot { width: 35px; height: 11px; background: url(../../public/css/images/wap/v20-icon/hot-pic.png) no-repeat center top; background-size: 100% 100%; margin-left:5px; }
.under-hot { padding-left: 20px; background: url(../../public/css/images/wap/v20-icon/hot-icon.png) no-repeat left center; background-size: 15px 13px; font-size:13px; color: #999999; line-height: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 10px 0 0 0; }
.hot-box { width: 100vw; margin-left: -15px; background: #F2F2F2; max-width: 200%; margin-top: -1px; position: relative; z-index:0; }
.hot-box .hot-body { padding: 18px 15px 0; line-height: 0; }
.hot-box .hot-body .hot-title { font-size:17px; font-weight: 500; color: #333333; line-height:17px; }
.hot-box .hot-body .hot-list li { padding: 14px 0; border-bottom: 1px solid #ddd; display: flex; justify-content: flex-start; }
.hot-box .hot-body .hot-list li .left { width: 33px; flex: 0 0 33px; display: flex; flex-direction: column; align-items: center; margin-right: 10px; }
.hot-box .hot-body .hot-list li .left .no-icon { width: 15px; height: 20px; }
.hot-box .hot-body .hot-list li .left .zan-num { font-weight: 500; color: #FE7631; font-size: 12px; margin-top: 7px; text-align: center; display: inline-block; }
.hot-box .hot-body .hot-list li .right { flex: auto; }
.hot-box .hot-body .hot-list li .right .top { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; font-weight: 400; color: #999999; font-size: 12px; margin-bottom: 10px; }
.hot-box .hot-body .hot-list li .right .top span { line-height: 1; }
.hot-box .hot-body .hot-list li .right .bottom { font-size: 15px; font-weight: 400; color: #333333; line-height: 22px; }
.hot-box .hot-body .hot-list li .right .bottom .content { max-height: 66px; overflow-y: hidden; margin-bottom: 5px; }
.hot-box .hot-body .hot-list li .right .bottom img { max-width: 100%; }
.hot-box .hot-body .hot-list li .right .bottom .openit { font-weight: 400; color: #6969BD; font-size: 14px; display: none; line-height: 14px; }
.hot-box .hot-body .hot-list li .right .bottom .openit .openit-btn { padding: 0 10px 10px 0; }
.hot-box .hot-body .hot-list li .right .bottom .quote-p { font-weight: 400; color: #999999; text-align: right; height: 12px; }
.hot-box .hot-body .hot-list li .right .bottom .quote-p span { font-size: 12px; display: inline-block; transform-origin: top right; }
.hot-box .hot-body .hot-list li:nth-child(1) .no-icon { background: url(../../public/css/images/wap/v20-icon/no1.png) no-repeat center top; background-size: 100% 100%; }
.hot-box .hot-body .hot-list li:nth-child(2) .no-icon { background: url(../../public/css/images/wap/v20-icon/no2.png) no-repeat center top; background-size: 100% 100%; }
.hot-box .hot-body .hot-list li:nth-child(3) .no-icon { background: url(../../public/css/images/wap/v20-icon/no3.png) no-repeat center top; background-size: 100% 100%; }
.hot-box .hot-body .hot-list li:last-of-type { border: none; }
.ui-bar-crumb a{-webkit-tap-highlight-color: transparent;}
.topic-icon{display: inline-block;margin-right:13px;margin-left:13px;}
.topic-only{width: 22px;height: 22px;background: url(../../public/css/images/wap/topic-only.png) no-repeat center top;background-size: 22px 22px;}
.topic-all{width: 20px;height: 17px;background: url(../../public/css/images/wap/topic-all.png) no-repeat center top;background-size: 20px 17px;}
.ui-icon-floaticon{width: 22px;height: 22px;background: url(../../public/css/images/wap/topic-float.png) no-repeat center top;background-size: 22px 22px;}
.topic-collect{width: 22px;height: 22px;background: url(../../public/css/images/wap/topic-collect.png) no-repeat center top;background-size: 22px 22px;}
.topic-collected{width: 22px;height: 22px;background: url(../../public/css/images/wap/topic-collected.png) no-repeat center top;background-size: 22px 22px;}
.topic-share{width: 20px;height: 5px;background: url(../../public/css/images/wap/topic-share.png) no-repeat center top;background-size: 20px 5px;position: relative;right:0;bottom:0;margin-right:0;margin-bottom: 8px;}
.topic-share img{max-width: 300%;left:-28px;display: none;}
#fixedReply{position: fixed;right:15px;bottom: 80px;z-index:99999;}
.topic-reply{width: 45px;height: 45px;background: url(../../public/css/images/wap/topic-reply.png) no-repeat center top;background-size: 45px 45px;margin-right: 0;z-index: 9999;margin-left:0;}
.quiz-reply{width: 45px;height: 45px;background: url(../../public/css/images/wap/quiz-reply.png) no-repeat center top;background-size: 45px 45px;margin-right: 0;z-index: 9999;margin-left:0;}
.tale-reply{width: 45px;height: 45px;background: url(../../public/css/images/wap/tale-reply.png) no-repeat center top;background-size: 45px 45px;margin-right: 0;z-index: 9999;margin-left:0;}
.ui-prompt-block { position: fixed; display: table; top: 50%; left: 50%; max-width: 80%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);z-index:9999; }
.ui-prompt { padding: 12px 24px; background: rgba(0, 0, 0, 0.84); color: #fff; text-align: center; font-size: 20px; border-radius: 3px; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); -webkit-animation: prompt 2s ease-in forwards; -moz-animation: prompt 2s ease-in forwards; -o-animation: prompt 2s ease-in forwards; animation: prompt 2s ease-in forwards; }
@keyframes prompt { 0% { -webkit-transform: scale(1.5); transform: scale(1.5);
opacity: 1; }
20% { -webkit-transform: scale(1); transform: scale(1);
opacity: 1; }
75% { -webkit-transform: scale(1); transform: scale(1);
opacity: 1; }
100% { -webkit-transform: scale(1); transform: scale(1);
opacity: 0; } }
@-webkit-keyframes prompt { 0% { -webkit-transform: scale(1.5);
opacity: 1; }
20% { -webkit-transform: scale(1);
opacity: 1; }
75% { -webkit-transform: scale(1);
opacity: 1; }
100% { -webkit-transform: scale(1);
opacity: 0; } }
@-moz-keyframes prompt { 0% { -moz-transform: scale(1.5);
opacity: 1; }
20% { -moz-transform: scale(1);
opacity: 1; }
75% { -moz-transform: scale(1);
opacity: 1; }
100% { -moz-transform: scale(1);
opacity: 0; } }
.forum-warn{ width: auto; padding: 5px 5px; min-height:24px; margin:0 auto; background:#fffac9; border:1px solid #ffe212; font-size:14px; font-weight: bold; color:#b0984d; display: flex; align-items: center; justify-content: center;}
.forum-warn-icon{flex:0 0 16px; width:16px; height:13px; display: inline-block; background: url(images/forum-warn.png) no-repeat center top; background-size: 16px 13px; margin-right: 6px; }
.forum-warn p{ line-height: 18px; }
.v-icon-text{font-size: 12px; font-weight: 500; color: #3999FF; line-height: 12px;display: inline-flex;justify-content: flex-start;align-items: center;margin-top: 10px;}
.v-icon-text .new-v-icon{display:inline-block; width: 10px;height: 12px;margin-right: 4px;background: url(images/new-v-icon.png) no-repeat center top;background-size: 100% 100%;}