2092 lines
50 KiB
CSS
2092 lines
50 KiB
CSS
/*公共样式*/
|
|
ul,li{list-style: none;padding: 0; margin: 0}
|
|
.content{ max-width: 640px; margin: 0 auto}
|
|
.bar-nav{background: #18b4ed}
|
|
|
|
.bar .button-link:active,.bar-nav .button-link,.photo-browser-close-link,.bar-nav .title{color: #fff}
|
|
p{margin: 0}
|
|
.p0{padding:0}
|
|
.popup-overlay {
|
|
z-index: 999;
|
|
}
|
|
.modal p{ text-align:left}
|
|
.button-1 {
|
|
border-color: #fff;
|
|
color: #fff;
|
|
}
|
|
.bar-tab .tab-item .icon2 {
|
|
top: .05rem;
|
|
height: 1.2rem;
|
|
font-size: 1.2rem;
|
|
line-height: 1.2rem;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
.bar .icon2 {
|
|
position: relative;
|
|
z-index: 20;
|
|
padding: .5rem .1rem;
|
|
font-size: 1rem;
|
|
line-height: 1.2rem;
|
|
}
|
|
.bar-tab .tab-item .icon2~.tab-label {
|
|
display: block;
|
|
font-size: .55rem;
|
|
position: relative;
|
|
top: .15rem;
|
|
}
|
|
.p0{ padding: 0}
|
|
.mt{margin-top: 10px;}
|
|
.c1{ color: #999}
|
|
.c2{color: #00a5e0}
|
|
.c3{color: #f76249;}
|
|
/**/
|
|
|
|
|
|
.ui-poptips {
|
|
width: 100%;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 999;
|
|
padding: 0 10px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
|
|
.ui-poptips-cnt {
|
|
background-color: rgba(0,0,0,.6);
|
|
line-height: 40px;
|
|
height: 40px;
|
|
color: #fff;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
border-bottom-left-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
|
|
.ui-poptips-cnt i {
|
|
display: inline-block;
|
|
width: 32px;
|
|
height: 1px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
|
|
.ui-poptips-cnt {
|
|
background-color: rgba(0,0,0,.6);
|
|
line-height: 40px;
|
|
height: 40px;
|
|
color: #fff;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
border-bottom-left-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
/**/
|
|
.buttons-tab .button.active {
|
|
color: #ff6666;
|
|
border-color: #ff6666;
|
|
}
|
|
/*border*/
|
|
.ui-border {
|
|
border: 1px solid #e0e0e0;
|
|
}
|
|
|
|
.m0{ margin: 0;}
|
|
|
|
|
|
|
|
|
|
/*login*/
|
|
|
|
.login-box li{ border: 1px solid #e0e0e0;
|
|
background: #fff;
|
|
height: 2rem;
|
|
line-height: 2rem;
|
|
margin-bottom: .4rem;
|
|
padding-left: 2.1rem;
|
|
position: relative;
|
|
}
|
|
.login-box .yzm{ padding-right: 120px;}
|
|
.login-box li span{ display: inline-block;
|
|
position: absolute;
|
|
top:0;
|
|
height: 2rem;
|
|
line-height: 2rem;
|
|
font-size: 1.2rem;
|
|
text-align:center;
|
|
left: .1rem;
|
|
width: 2rem;
|
|
color: #ff9966
|
|
}
|
|
.login-box li .hyzm{
|
|
position: absolute;
|
|
top:-1px;
|
|
height: 2rem;
|
|
line-height: 2rem;
|
|
font-size: .7rem;
|
|
text-align:center;
|
|
right: -1px;
|
|
width: 120px;
|
|
border:none;
|
|
background: #ff9966;
|
|
color: #fff;
|
|
border-radius:0;
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
.login-box li .hyzm2{
|
|
background:rgba(205,242,255,.65);
|
|
color: #333
|
|
}
|
|
.login-box li input{ border:none; color:#ff6666; width: 100%; font-size: .8rem;}
|
|
.login-box .submitBox {
|
|
margin: 10px 10px 0 10px;height: 48px;
|
|
}
|
|
.login-box .btn {
|
|
width: 48%;
|
|
line-height: 40px;
|
|
text-align: center;
|
|
-webkit-border-radius: 4px;
|
|
border-radius: 4px;
|
|
color: #fff;
|
|
font-size:.8rem;
|
|
}
|
|
.login-box .loginBtn {
|
|
background-color: #ff94b7;
|
|
border: 1px solid #ff94b7;
|
|
float: left;
|
|
}
|
|
|
|
.login-box .exBtn {
|
|
display: block;
|
|
background-color: #fff;
|
|
color: #ff94b7;
|
|
border: 1px solid #ff94b7;
|
|
float: right;
|
|
line-height: 43px;
|
|
vertical-align: middle;
|
|
}
|
|
.card-footer a:before{ margin-right:6px; }
|
|
.app_forget {
|
|
margin-top: 6px;
|
|
padding: 0 10px;
|
|
text-align: right;
|
|
}
|
|
.app_forget a{color: #b4b4b4}
|
|
.ewm p{ margin: 0}
|
|
|
|
|
|
.item-title span{color: red; font-size: .6rem; display: inline-block;margin-left: 6px;}
|
|
.list-block .item-after{color: #999; font-size: .7rem}
|
|
|
|
.list-block .list-group-title{ color: #ccc}
|
|
|
|
/*user*/
|
|
|
|
.user {
|
|
position: relative;
|
|
height: 5rem;
|
|
margin: 0 auto;
|
|
background:#18b4ed;
|
|
background-size: cover;
|
|
color: #fff;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.user .set-btn {
|
|
color: #fff;
|
|
float: right;
|
|
position: absolute;
|
|
top: 9px;
|
|
right: 10px;
|
|
}
|
|
.user .set-btn p {
|
|
width: 3rem;
|
|
height: 1.2rem;
|
|
line-height: 1.2rem;
|
|
text-align: center;
|
|
background: rgba(0,0,0,.5);
|
|
border-radius: .7rem;
|
|
}
|
|
.user .user-photo {
|
|
position: absolute;
|
|
bottom: -2rem;
|
|
left: .4rem;
|
|
width: 4rem;
|
|
height: 4rem;
|
|
text-align: center;
|
|
border-radius: 100%;
|
|
padding: .1rem;
|
|
background: rgba(255,255,255,.7);
|
|
-webkit-transform: translateZ(1px);
|
|
transform: translateZ(1px);
|
|
overflow: hidden;
|
|
}
|
|
.user .user-photo img {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 100%;
|
|
}
|
|
.user .user-nick {
|
|
float: left;
|
|
height: 2rem;
|
|
max-width: 100%;
|
|
padding-left: 4.5rem;
|
|
margin-top: 3rem;
|
|
font-size: .8rem;
|
|
|
|
}
|
|
|
|
.user .user-nick a{
|
|
display: inline-block;
|
|
height: 2rem;
|
|
line-height: 2rem;
|
|
color: #fff;
|
|
margin-left: 6px;
|
|
font-size: .6rem;
|
|
}
|
|
.user .user-nick .svip,.user .user-nick .spt{
|
|
background:#ff5000;
|
|
color:#fff;
|
|
height: 1.2rem;
|
|
line-height: 1.2rem;
|
|
border-radius:.3rem;
|
|
padding: 0 .2rem;
|
|
font-size: .6rem;
|
|
}
|
|
.user .user-nick .spt{ background:#999;}
|
|
.user-behavior {
|
|
height: 49px;
|
|
text-align: center;
|
|
-webkit-box-pack: center;
|
|
-moz-box-pack: center;
|
|
-ms-box-pack: center;
|
|
-o-box-pack: center;
|
|
box-pack: center;
|
|
-webkit-box-align: center;
|
|
-moz-box-align: center;
|
|
-ms-box-align: center;
|
|
-o-box-align: center;
|
|
box-align: center;
|
|
display: -webkit-box;
|
|
display: -moz-box;
|
|
display: -ms-box;
|
|
display: -o-box;
|
|
display: box;
|
|
}
|
|
.user-behavior ul {
|
|
display: -webkit-box;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
padding-left: 77px;
|
|
box-sizing: border-box;
|
|
}
|
|
.user-behavior .qian{
|
|
padding-left: 0px;
|
|
}
|
|
.user-behavior ul li:first-child {
|
|
border: 0;
|
|
}
|
|
.user-behavior ul li {
|
|
-webkit-box-flex: 1;
|
|
border-left: 1px solid #e7e7e7;
|
|
}
|
|
.user-behavior ul li a{color: #051b28;font-size: 12px;}
|
|
.user-behavior ul li a p{ padding: 0; margin: 0;}
|
|
.user-behavior ul li a .nm{ color: #ff5000}
|
|
|
|
#list{ margin-top: 10px;}
|
|
.user .user-nick .level {background-position: left center;
|
|
background-repeat: no-repeat;
|
|
background-size: .533rem;
|
|
-webkit-box-flex: 1;
|
|
}
|
|
|
|
.bar-tab .te{ color: #ff6666}
|
|
|
|
|
|
|
|
|
|
.weui_grids {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
.weui_grid {
|
|
position: relative;
|
|
float: left;
|
|
padding: 20px 10px;
|
|
width: 25%;
|
|
box-sizing: border-box;
|
|
}
|
|
.weui_grid .badge{position: absolute; top:6px; right:6px; background:red;color:#fff; padding:2px 4px;
|
|
font-size: 10px;
|
|
font-weight:600;
|
|
border-radius:5px;}
|
|
|
|
.weui_grid:before {
|
|
content: " ";
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 1px;
|
|
height: 100%;
|
|
border-right: 1px solid #D9D9D9;
|
|
color: #D9D9D9;
|
|
-webkit-transform-origin: 0 100%;
|
|
transform-origin: 0 100%;
|
|
-webkit-transform: scaleX(0.5);
|
|
transform: scaleX(0.5);
|
|
right: -1px;
|
|
}
|
|
.weui_grid:after {
|
|
content: " ";
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 1px;
|
|
border-bottom: 1px solid #D9D9D9;
|
|
color: #D9D9D9;
|
|
-webkit-transform-origin: 0 100%;
|
|
transform-origin: 0 100%;
|
|
-webkit-transform: scaleY(0.5);
|
|
transform: scaleY(0.5);
|
|
}
|
|
.weui_grid_icon {
|
|
width: 1.2rem;
|
|
height:1.2rem;
|
|
margin: 0 auto;
|
|
}
|
|
.weui_grid_icon img {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.weui_grid_icon + .weui_grid_label {
|
|
margin-top: 5px;
|
|
}
|
|
.weui_grid_label {
|
|
display: block;
|
|
text-align: center;
|
|
color: #000;
|
|
font-size: .6rem;
|
|
margin: 0;
|
|
}
|
|
|
|
|
|
|
|
/*set*/
|
|
#imgbox{ position: absolute; top:0; left: 0; border: 1px solid rgba(0, 0, 0, 0.6); border-left:none; border-right:none; }
|
|
#imgss{ position:absolute; top:0; left: 0; }
|
|
#facebar{ position: fixed; bottom: 0; width:100%;height: 60px; line-height: 60px; padding: 0 20px; background: #000; color: #fff}
|
|
#facebar .button{ display: inline-block; padding-left:20px; padding-right: 20px; color: #fff; border-color:#fff; margin-top: 14px;}
|
|
.iewm{padding:10px; margin:10px; border:1px #ccc solid}
|
|
.ewm{ position: relative; width:260px; margin: 6px auto; height: 260px; border: 1px solid #ccc; overflow: hidden; background: url(../img/add.png) no-repeat center;background-size:cover;}
|
|
.ewm input{display:block;width:260px; height:260px;position:absolute;top:0; left:0;filter: alpha(opacity=0);
|
|
-moz-opacity: 0;
|
|
-khtml-opacity: 0;
|
|
opacity: 0;}
|
|
.ewm img{ width:100%;}
|
|
.upload_kf_code {
|
|
text-align: center;
|
|
color: #aaa;
|
|
margin-top: 10px;
|
|
font-size: 14px;
|
|
}
|
|
.kf_code_help {
|
|
text-align: left;
|
|
margin:10px;
|
|
padding: 6px;
|
|
|
|
border: 1px #ccc solid;
|
|
border-radius: 2px;
|
|
}
|
|
.kf_code_help p {
|
|
color: #e54040;
|
|
font-size: 17px;
|
|
padding: 15px 10px 10px 10px;
|
|
display: block;
|
|
}
|
|
.alink{ display: block;width: 100%; color: #3d4145}
|
|
.sm-box{ margin: 10px; padding: 10px; border: 1px solid #F96; border-radius: 5px}
|
|
.sm-box span{font-size:14px;}
|
|
/*分享经验*/
|
|
|
|
.myjy-list li,.jy-list li{ background: #fff; padding: 10px; margin-top:10px }
|
|
.topbar{ height: 2rem; position: relative;}
|
|
.topbar img{ width: 2rem; height: 2rem; border-radius: 50%; float: left; padding: 3px; border: 1px solid #f2f2f2}
|
|
.topbar .icon-remove{ position: absolute; right: 10px; top:4px; color: #999;font-size: 14px;font-weight: 100;}
|
|
.jy-u-info{ height: 2rem; margin-left: 2.2rem;}
|
|
.jy-u-info p{width: 100%}
|
|
.jy-u-info .u-name{height: 1.2rem;line-height: 1.2rem; font-size: .7rem; color: #2863ad}
|
|
.jy-u-info .time{ height: .8rem;line-height: .8rem; font-size: .5rem; color: #999}
|
|
.jy-con{
|
|
margin: 6px 0;
|
|
font-size: 14px;
|
|
display: -webkit-box;
|
|
overflow: hidden;
|
|
-webkit-box-orient: vertical;
|
|
text-overflow: ellipsis;
|
|
word-break: break-all;
|
|
color: #777;
|
|
-webkit-line-clamp: 2;
|
|
|
|
|
|
}
|
|
|
|
.jy-img{
|
|
|
|
height: 6rem;
|
|
position: relative;
|
|
}
|
|
.jy-con img{ width: 26px; height: 26px;}
|
|
|
|
.total-img {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
border-bottom-left-radius: 3px;
|
|
width: 35px;
|
|
height: 21px;
|
|
font-size: 12px;
|
|
text-align: right;
|
|
color: #fff;
|
|
background-color: rgba(0,0,0,.62);
|
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAYAAACXtf2DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjZmNjZTgwMC1jNzM0LTg2NDItYWZiZC0xMzlmNTQ4OWQ3ODIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDM3RjY2QjcyNjA3MTFFNTkwMDBCMTU3RjgyODUzQTQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDM3RjY2QjYyNjA3MTFFNTkwMDBCMTU3RjgyODUzQTQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk5M2I2MDgtMWRjYy1jOTQwLWE0YWMtMGYwZjQzZGIzMjhiIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmNmY2NlODAwLWM3MzQtODY0Mi1hZmJkLTEzOWY1NDg5ZDc4MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvDVvjkAAAF/SURBVHjaYty/f78nAwPDXCCWZKAueA7EyUw0MpwBauZcFiTDGckxxcHBAav4gQMH/oPMZmKgMWBBF+Dl5cWp+PPnzyRbQHMf4LMgFIjfAvEzIA6ktgWgCJ8BxELQRDCNFhYwUiMoWXCI/wPiDKjL/wJxGg518sDkmAmkI4GYD4hXAfF0YNK9AHcpMCf/R84HJKSibCCegkNpDRC34PMBIVALxE0ghqysLIO0tDQDCwsLw5MnTxgePHjAADMcqwVEpPUqmOHKyspgC2BAQUEBbNGdO3dwRp4XEG8G4ndA/BWIz0K9KwqVjwfiVhBDRUUFxXAYkJGRAVuEzYKpQLwViH2AWBCIuYDYCIibgfgVELcD8QKYS0EG4QLIFiAHURaI0NLSYhASEmJgZGRk+PbtG8ObN28YHj58CJKqgIU5sgFEJ1NQRCkqKoLDELlcAmERERGGZ8+eMfDz8zNISEiQlw9AYQpyNTYAskRdXZ2yjHbw4EGaFXZbaViYbgUIMACERVHNbysVPAAAAABJRU5ErkJggg==');
|
|
background-repeat: no-repeat;
|
|
background-position-x: 5px;
|
|
background-position-y: 5.5px;
|
|
background-size: 12px 10px;
|
|
}
|
|
.total-img-text {
|
|
display: block;
|
|
margin: 5px;
|
|
padding-left: 14px;
|
|
}
|
|
.jy-imgs {
|
|
|
|
|
|
height: 6rem;
|
|
background-size: cover;
|
|
background-position:center;
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
/*经验详情*/
|
|
.bottom-bar {
|
|
display: -webkit-box;
|
|
visibility: hidden;
|
|
overflow: hidden;
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 99;
|
|
width: 100%;
|
|
height: 44px;
|
|
line-height: 44px;
|
|
color: #00a5e0;
|
|
background: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#fafafa));
|
|
box-shadow: 0 0 2px rgba(0,0,0,.3);
|
|
}
|
|
|
|
.bottom-bar .item {
|
|
display: block;
|
|
-webkit-box-flex: 1;
|
|
position: relative;
|
|
width: 0;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
color: #777;
|
|
box-flex: 1;
|
|
}
|
|
.bottom-bar .item:before {
|
|
display: inline-block;
|
|
position: relative;
|
|
margin-right: 5px;
|
|
width: 20px;
|
|
height: 20px;
|
|
font-size: 0;
|
|
line-height: 0;
|
|
vertical-align: middle;
|
|
color: #324d86;
|
|
content: "";
|
|
}
|
|
.bottom-bar .item:after {
|
|
position: absolute;
|
|
top: 0;
|
|
right: -1px;
|
|
width: 1px;
|
|
height: 44px;
|
|
background: #dadada;
|
|
-webkit-transform: scale(0.5,.5);
|
|
content: "\20";
|
|
}
|
|
.bottom-bar .item.icon-forward:before {
|
|
top: -2px;
|
|
background: url('../img/eye.png') no-repeat;
|
|
background-size: 20px 20px;
|
|
}
|
|
.bottom-bar .item.icon-reply:before {
|
|
top: -2px;
|
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAArlBMVEV3d3f///93d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3fZnHjLAAAAOXRSTlMAAAMEBQYHCAsMDRESFBUZGxweHzI0NTg9YWJmZ2hqbG1ub3t9kJGSlZaZuru/wsfKy83q8vP09/l6oG0XAAAA60lEQVR4XuXSS0/CQBhG4VehFW+oKIIWL+WmhQoitnL+/x+TJl8mTWgnJK7Us3oXT2bzjQ727P9CSY1osaai9SJqSHLwDk/3DhZu1m+ronZ/VkiDIYxV2xiaBp95kadXHg2+c+uDPZYGvzjywRM+DYK8wW+EnXk275RmLUyBt9KshRmwKc2fv9hJ8/R6Zwr+4mU2BD53TGZwSW+/Hx4z9cEpscEQRvVuBKFBDWDSbVWpVncCDzIoRVgkVyq6SHAN5KAUDFe5ycuyy1fDQCXoOk22snDJuVxVUGdbc2OuHprEnB/q8OkjbmoHfgMsUz0uWZEOqwAAAABJRU5ErkJggg==');
|
|
background-size: 20px 20px;
|
|
}
|
|
.bottom-bar .item.icon-like:before {
|
|
top: -2px;
|
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAABZVBMVEV3d3f///93d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3eUDovbAAAAdnRSTlMAAO4RD3qDfYiCM5Z3fAKcHuFC4zo0ZATF4G3PLQsGab2ds1OFBR+3FvwTcgMSmsPMkvCy72VjTem/SAkQfmJ5QH/7uLYw2CdmS0Y8SqpV6BdMKtUO0izTPcKPcAis7RShm804GwFOxstdq0M7KZGO9FnWdGuBAbFVswAAAYlJREFUeF6N01V33DAQQOGZZd4kbZJusLuhhqnMzMzMzHh/fyS7x42dtdT7oKdPZ15mRP+zGJSwsfHV8nFJ1AXOYWtWvLBOdah4gKYXLnPJgJ30+eAaOQP2sOSBPfRaUGHFA/exHnknnCRvQZaMB+5guwWLPHXDZzBlwTQtNxyiGoAzDDthA0YCcJAZJyzRlqCjtF1wHvpDeIJMZje2/c3KFrgX5iVsF5s6loC/4U806lA2ezj8cgQux2ABCtKtPB0L89sATp46DTXp3lnOiZ4n6oKkVGVcdJiLahosMitp1SiJ9tKjtkVIhUXKomaVA5hzwCtcFZ0k74XXuC56g44P3uSWiN6GQQ+sUzBQzaZ64B1GLCxTdMO73BML7/PADR/yKIBTkHPBxzAXQH3ChAsO8FxCOMALF3zJq7/wNbxJh295F53Ce/rT4QwfIlinoDoGjS6uxEeJ4DR80s8wkVSNL1+h7x/UbzAL8D0TD+CHbIL2HFo18yT7+Ws0edcLhstoNt6CAXHobwPA/XGejVBbHAAAAABJRU5ErkJggg==');
|
|
background-repeat: no-repeat;
|
|
background-size: 20px 20px;
|
|
}
|
|
.bottom-bar .item.icon-like.liked {
|
|
color: #314c83;
|
|
}
|
|
.bottom-bar .item.icon-like.liked:before {
|
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAABGlBMVEUxTIP///8xTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIPBlFskAAAAXXRSTlMAABEP7v7jBvsDAeFTafnzKPzPAsb6IPYLFB5NkrfMnYPDmtRUKfh8YQjF7Rvgi0/l1lKCQFCAnA1C8GZbujNxhbRjbBIYrrlGXNtY8nOgE0Gf4ob9h/fap0PKX4ERR0pPAAABI0lEQVR4Xo3P1XLDQAyG0X9bQ2IHoUnKzMzMzMzV+79Ga28dZxx7td+VLo5GIwjNQohGdrZneQWR4uA4/bWuAQfJa5OHWz4cYmEX+fWxsFtCl4UHEhosnJJwmoOdHRLOcjBLshIDy4sk62XgNf3Xr4aTbgDX1HCAgmqGYfh/FYdHWuHoGMVkTkRhukKx5Wci8IcSmgMEwubNJLjgNMOlHCVWgFi1/CmFDZOSy0CUSIZ2UrQN4WrBHYhdLbgHsa8D8zZE1dSAh4BARQMeefCYh7kTD54WWXgGD+KchRcSXnLwypGwfsPAW0iIOzWs3QfwQQ0fEcDykwqmCg2IZw/aL/HwFSGsvhEB77HuI90EkbEI+LRaz359OwigzN+rt0VCmNDsF3UBIKQOGOyRAAAAAElFTkSuQmCC');
|
|
background-repeat: no-repeat;
|
|
background-size: 20px 20px;
|
|
}
|
|
|
|
|
|
|
|
/**/
|
|
.user-info{ position: relative;padding-left:86px; background: #fff; height: 78px; margin: 6px 0; }
|
|
.user-face{ width: 70px; height: 70px;
|
|
border-radius: 50%; background: #efece9;
|
|
padding: 4px; position: absolute;left: 6px; top:4px;}
|
|
.user-to span{ display: inline-block;}
|
|
.user-to{ height: 50px; line-height: 50px;}
|
|
.user-to .name{
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
max-width: 85px;
|
|
height: 18px;
|
|
margin-right: 5px;
|
|
font-size: 17px;
|
|
|
|
line-height: 17px;
|
|
vertical-align: middle;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
-webkit-flex: initial;
|
|
color: #000!important;
|
|
}
|
|
|
|
.l-level {
|
|
background-color: #f8c255;
|
|
border-radius: 15px;
|
|
font-size: 10px;
|
|
padding: 2px 5px;
|
|
height: 16px;
|
|
line-height: 16px;
|
|
min-width: 25px;
|
|
text-align: center;
|
|
line-height: 10px;
|
|
color: #fff;
|
|
font-family: Helvetica;
|
|
border-radius: 1.5px;
|
|
}
|
|
.user-to .l-level {
|
|
-webkit-flex: none;
|
|
min-width: 25px;
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
.post-title-info {
|
|
margin-bottom: 22px;
|
|
|
|
font-size: 16px;
|
|
}
|
|
.post-title-info .time {
|
|
float: left;
|
|
color: #777;
|
|
}
|
|
.post-title-info .detail-from {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
margin-left: 7px;
|
|
border: 1px solid #02abec;
|
|
border-radius: 16px;
|
|
padding: 0 3px;
|
|
max-width: 40%;
|
|
height: 15px;
|
|
font-size: 15px;
|
|
line-height: 15px;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
color: #02abec;
|
|
}
|
|
.jyx-con{ clear: both;
|
|
|
|
margin-bottom: 5px;
|
|
font-size: 17px;
|
|
line-height: 27px;
|
|
word-wrap: break-word;
|
|
word-break: break-all;
|
|
}
|
|
.jyx-con img{
|
|
position: relative;
|
|
width: 17px; height: 17px;top: 3px;
|
|
}
|
|
.img-box {
|
|
overflow: hidden;
|
|
position: relative;
|
|
margin: 4px auto 0;
|
|
background: #efece9;
|
|
}
|
|
.img-box img{ max-width: 100%}
|
|
|
|
/* 评论*/
|
|
|
|
|
|
|
|
|
|
.show-inturn {
|
|
display: none;
|
|
position: relative;
|
|
border-top: 15px solid #eef1f1;
|
|
height: 59px;
|
|
line-height: 44px;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
}
|
|
.show-inturn .leftside-all-icon.all {
|
|
background: #1fbbf3;
|
|
}
|
|
|
|
.show-inturn .leftside-all-icon {
|
|
position: absolute;
|
|
top: 10px;
|
|
height: 24px;
|
|
bottom: 10px;
|
|
left: 0;
|
|
width: 5px;
|
|
content: "";
|
|
}
|
|
.show-inturn span {
|
|
float: left;
|
|
margin-left: 15px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.lists .list:first-child {
|
|
margin-top: 1px;
|
|
border-top:none;
|
|
}
|
|
.lists .list {
|
|
padding: 15px 0 6px 0;
|
|
background-color: #fafafa;
|
|
border-top:1px solid #f2f2f2;
|
|
}
|
|
|
|
|
|
|
|
.comment-wrapper {
|
|
position: relative;
|
|
padding: 0 15px 0 60px;
|
|
}
|
|
|
|
.comment-wrapper .user-avatar {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 15px;
|
|
padding-right: 9px;
|
|
}
|
|
.user-avatar img {
|
|
overflow: hidden;
|
|
position: relative;
|
|
border-radius: 18px;
|
|
width: 35px;
|
|
height: 35px;
|
|
font-size: 12px;
|
|
background-color: #efece9;
|
|
}
|
|
|
|
|
|
.comment-wrapper .name-wrap {
|
|
width: 100%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.name-wrap .user-nick {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
max-width: 115px;
|
|
font-size: 14px;
|
|
/* font-weight: 300;*/
|
|
font-weight: 400!important;
|
|
line-height: 19px;
|
|
vertical-align: middle;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
color: #777!important;
|
|
}
|
|
|
|
.comment-wrapper .name-wrap .l-level {
|
|
position: relative;
|
|
top: -2px;
|
|
min-width: 25px;
|
|
}
|
|
.lv1, .lv2, .lv3,.lv8 {
|
|
background-color: #f8c255;
|
|
}
|
|
|
|
.comment-wrapper .floor {
|
|
float: right;
|
|
padding-top: 2px;
|
|
font-size: 12px;
|
|
color: #bbb;
|
|
}
|
|
.lists .list .content-wrapper {
|
|
margin-top: 5px;
|
|
color: #454545;
|
|
}
|
|
.comment-wrapper .comment-con {
|
|
margin-bottom: 0;
|
|
line-height: 23px;
|
|
clear: both;
|
|
margin-bottom: 5px;
|
|
font-size: 17px;
|
|
line-height: 27px;
|
|
word-wrap: break-word;
|
|
word-break: break-all;
|
|
-webkit-user-select: initial;
|
|
}
|
|
.content-wrapper .comment-con img {
|
|
position: relative;
|
|
top: 3px;
|
|
width: 18px!important;
|
|
height: 18px!important;
|
|
}
|
|
.img-box-container {
|
|
margin: 2px 0 7px;
|
|
}
|
|
.img-box-container .img-box {
|
|
position: relative;
|
|
float: left;
|
|
overflow: hidden;
|
|
margin: 3px 3px 0 0;
|
|
}
|
|
.img-box-container:after {
|
|
display: block;
|
|
clear: both;
|
|
content: "";
|
|
}
|
|
.lists .list .actions {
|
|
margin-top: 4px;
|
|
padding-bottom: 7px;
|
|
}
|
|
.actions {
|
|
margin-top: 5px;
|
|
height: 22px;
|
|
font-size: 12px;
|
|
color: #bbb;
|
|
}
|
|
.actions .btn-action {
|
|
float: right;
|
|
position: relative;
|
|
z-index: 2;
|
|
margin-left: 7px;
|
|
padding-top: 1px;
|
|
padding-left: 24px;
|
|
height: 100%;
|
|
line-height: 22px;
|
|
}
|
|
.btn-action.time {
|
|
float: left;
|
|
margin: 0 10px 0 0;
|
|
padding: 0;
|
|
}
|
|
.actions .btn-action:after {
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 5px;
|
|
content: "";
|
|
}
|
|
.actions .reply:after {
|
|
top: 3px;
|
|
width: 16px;
|
|
height: 16px;
|
|
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAArlBMVEWPj4////+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj492At4UAAAAOXRSTlMAAAMEBQYHCAsMDRESFBUZGxweHzI0NTg9YWJmZ2hqbG1ub3t9kJGSlZaZuru/wsfKy83q8vP09/l6oG0XAAAA6UlEQVR4Xr3Ra0/CQBBG4RmhFW+oVQQtqOWmhQoitnL+/x9zs9lkY+tqYojn0yTvk6ZpRX9pD8DUSldb6m1XacuBW0LdGWD3xaAr9bqDhRUSw1S+TafQVnnkSQJAn7lXeeUmCPqsVT44DIJj3lVAgkBhnyBZlsvEX01QAC/+aoIS2PnrD09Iiqq48pcH//AddkRBcESpsqb/89/MmAfBnEwlhkkATCBWkSHMep0G6PRmMFIDJMWVX1pwnuMaqgUSjTcVVlz4vdqMI3XAdZIbYXbyM/eSNSCnRly73YOawO4hIAcPb1lbvoBPhOI14NP8H2QAAAAASUVORK5CYII=') center center no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.actions .like:after {
|
|
top: 2px;
|
|
width: 16px;
|
|
height: 16px;
|
|
background: center center no-repeat;
|
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABelBMVEWPj4////+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4/35ViBAAAAfXRSTlMAAAJDlryGEhM1EUhb73qJfiCeuGBp1JSmJs4xRwM/fF3ZqRCMI3Y91iltK4rxrMCialaSDnfEoF/96suCnxwwz/Y3H+AGOcbNMnCPm2SrgGeYlco6xQgFjXLMMwQXk2xMs1inqlUe4QfeIZCZZlQntw8iQA2R8O2EgeTyT1ISZcoAAAEuSURBVHheddJVT/VQEEbhOcJR4Bju7u7u7u7u9rnL+u+UNiU0dNbNm508d7PFYySvhUrLc6qq5W1OkAtArQoikN/YRJ4KSmgV8UJIA+1sGJOiSAN+so3ppU8DBRRaTAGVUGzMMFkKKKPtZSroUEAaPntcQQ095tZR7woaIN0EGVg1t/jegjisWjJgC8h8BZFO8+WoqxsSEk72AwODkC7vGiImSawYkfeNMiaMez0iEyAuTTIlMG0AcQczzMoc8zpYYFGWWNbBCh9ljXUVeCEoYTZVsMW2yA7samCPfRHPAYcKOIJjA5xwqoAzzsUAF1wq4IrrF3DDrTsIwp157nseXEGcRzHBEx/cQBQ+WSDK5y9f4ZsDfM+CgP3l/Lj2Q2yQiP389fvPXwf4l/ovZs/e3m8a8+LLQAAAAABJRU5ErkJggg==');
|
|
background-size: 100% 100%;
|
|
}
|
|
.actions .liked:after, .actions .liked-active:after {
|
|
background: center center no-repeat;
|
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAZlBMVEUAAAAxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIMxTIN9wTA8AAAAIXRSTlMA7YpgEPHivEwFn5V6RS4W+OfFp2lWNtnUz860rI8/KR+HwUbGAAAAtklEQVQ4y33S1w7DIAyF4UMGkL3TPfz+L9nGiUSVxv5vuPAnZAmwqzydowRyCX0bFPCkJeWKkUElg4JBLIMrg1HbUb8hJm4SgSN9yZnWXhLoN5DoG4TS+xs/NYb+sk2YZ44OigKI6KiLMucscj4BOq4H6aBAq4MYTgc1ShUYoFbBDYDVQAmg0EANoFJAx29gZJBjKZeBZ+BFYDIGWSqBB9YGAZhmA34BHe1rffgLKTDZ3X90M88++UxJ3ZvgTMAAAAAASUVORK5CYII=');
|
|
background-size: 16px 16px;
|
|
}
|
|
|
|
.actions .liked-active:after {
|
|
-webkit-animation-name: like-animate;
|
|
-webkit-animation-duration: 800ms;
|
|
-webkit-animation-timing-function: cubic-bezier(0.25, 0.1, 0.19, 0.67);
|
|
}
|
|
.ref-comment {
|
|
display: -webkit-box;
|
|
overflow: hidden;
|
|
-webkit-box-orient: vertical;
|
|
position: relative;
|
|
margin: 6px 0 5px;
|
|
padding-left: 10px;
|
|
max-height: 60px;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
text-overflow: ellipsis;
|
|
color: #777;
|
|
-webkit-line-clamp: 3;
|
|
}
|
|
.ref-comment:before {
|
|
position: absolute;
|
|
top: 2px;
|
|
bottom: 2px;
|
|
left: 0;
|
|
width: 2px;
|
|
background-color: #bbb;
|
|
content: "";
|
|
}
|
|
.actions .delete {
|
|
float: left;
|
|
margin-left: 0;
|
|
padding: 0;
|
|
color: #324d82;
|
|
}
|
|
.ref-comment img {
|
|
position: relative;
|
|
top: 3px;
|
|
width: 18px;
|
|
height: 18px;
|
|
|
|
}
|
|
/*.detail-comment-list {
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
|
|
.list {
|
|
padding-top: 15px;
|
|
background-color: #fafafa;
|
|
}
|
|
.list:first-child {
|
|
margin-top: 1px;
|
|
}
|
|
.comment-wrapper {
|
|
position: relative;
|
|
padding: 0 15px 0 60px;
|
|
}
|
|
.comment-wrapper .user-avatar {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 15px;
|
|
padding-right: 9px;
|
|
}
|
|
.comment-wrapper .user-avatar img {
|
|
width: 35px;
|
|
height: 35px;
|
|
}
|
|
.user-avatar img {
|
|
overflow: hidden;
|
|
position: relative;
|
|
border-radius: 18px;
|
|
width: 25px;
|
|
height: 25px;
|
|
font-size: 12px;
|
|
background-color: #efece9;
|
|
}
|
|
.comment-wrapper .name-wrap {
|
|
width: 100%;
|
|
}
|
|
.name-wrap {
|
|
display: inline-block;
|
|
}
|
|
.user-nick {
|
|
font-weight: 400!important;
|
|
color: #324d82!important;
|
|
}
|
|
.name-wrap .user-nick {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
max-width: 115px;
|
|
font-size: 14px;
|
|
font-weight: 300;
|
|
line-height: 19px;
|
|
vertical-align: middle;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
color: #777!important;
|
|
}
|
|
.comment-wrapper .name-wrap .l-level {
|
|
position: relative;
|
|
top: -2px;
|
|
min-width: 25px;
|
|
}
|
|
.lv8, .lv9, .lv10, .lv11, .lv12 {
|
|
background-color: #fd963b;
|
|
}
|
|
.author-male, .author-female {
|
|
display: inline-block;
|
|
}
|
|
.comment-wrapper .name-wrap .author-female {
|
|
position: relative;
|
|
top: -2px;
|
|
}
|
|
.author-female:after {
|
|
display: inline-block;
|
|
width: 14px;
|
|
height: 14px;
|
|
top: 0;
|
|
left: 0;
|
|
font-size: 10px;
|
|
line-height: 14px;
|
|
background-size: 100%;
|
|
background-image: url(http://pub.idqqimg.com/qqun/xiaoqu/mobile/img/n-ico-female.png?e2626b9a);
|
|
content: "123";
|
|
text-indent: -9999em;
|
|
}
|
|
.honour {
|
|
display: inline-block;
|
|
height: 10px;
|
|
padding: 2px 1px;
|
|
font-size: 10px;
|
|
line-height: 10px;
|
|
text-align: center;
|
|
color: #fff;
|
|
border-radius: 1.5px;
|
|
background: #f8bf43;
|
|
}
|
|
.comment-wrapper .floor {
|
|
float: right;
|
|
padding-top: 2px;
|
|
font-size: 12px;
|
|
color: #bbb;
|
|
}
|
|
.honour.fans {
|
|
color: #fff;
|
|
background-color: #9bbef5;
|
|
}
|
|
|
|
.lists .list .content-wrapper {
|
|
margin-top: 5px;
|
|
color: #454545;
|
|
}
|
|
.comment-wrapper .content {
|
|
margin-bottom: 0;
|
|
line-height: 23px;
|
|
}
|
|
.content-wrapper .content {
|
|
clear: both;
|
|
margin-bottom: 5px;
|
|
font-size: 17px;
|
|
line-height: 27px;
|
|
word-wrap: break-word;
|
|
word-break: break-all;
|
|
}
|
|
.allow-copy {
|
|
-webkit-user-select: initial;
|
|
}
|
|
|
|
.lists .list .actions {
|
|
margin: 4px -15px 0 0;
|
|
padding-bottom: 7px;
|
|
}
|
|
.actions {
|
|
margin-top: 5px;
|
|
height: 22px;
|
|
font-size: 12px;
|
|
color: #bbb;
|
|
}
|
|
|
|
.actions .btn-action {
|
|
float: right;
|
|
position: relative;
|
|
z-index: 2;
|
|
margin-left: 7px;
|
|
padding-top: 1px;
|
|
padding-left: 24px;
|
|
height: 100%;
|
|
line-height: 22px;
|
|
}
|
|
.btn-action.time {
|
|
float: left;
|
|
margin: 0 10px 0 0;
|
|
padding: 0;
|
|
}*/
|
|
/**/
|
|
|
|
|
|
.publish-btn {
|
|
position: fixed;
|
|
bottom: 20px;
|
|
right: 15px;
|
|
z-index: 100;
|
|
width: 72px;
|
|
height: 72px;
|
|
background: url(../img/fajy.png);
|
|
background-size: 100% 100%;
|
|
}
|
|
.addjy{display: none; background: rgba(0,0,0,.6);padding-top: 6px; position: relative;width:100%; height:100%;z-index: 10000}
|
|
.editor-outer {
|
|
padding: 15px;
|
|
background: #fff
|
|
}
|
|
.editor {
|
|
margin: 0;
|
|
font-size: 14px;
|
|
color: #000;
|
|
display: -webkit-box;
|
|
display: -moz-box;
|
|
display: box;
|
|
-webkit-box-flex: 1;
|
|
|
|
border: 0;
|
|
width: 100%;
|
|
height: auto;
|
|
min-height: 72px;
|
|
-webkit-appearance: none;
|
|
-moz-box-flex: 1;
|
|
box-flex: 1;
|
|
}
|
|
.border-1px {
|
|
position: relative;
|
|
}
|
|
.border-1px::after {
|
|
width: 200%;
|
|
height: 200%;
|
|
-webkit-transform: scale(0.5,.5);
|
|
transform: scale(0.5,.5);
|
|
-webkit-transform-origin: 0 0;
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
border: 1px solid #c8c7cc;
|
|
|
|
content: " ";
|
|
pointer-events: none;
|
|
}
|
|
|
|
.pub-type {
|
|
display: -webkit-box;
|
|
-webkit-box-pack: end;
|
|
-webkit-box-align: center;
|
|
-webkit-box-sizing: content-box;
|
|
padding: 10px 20px;
|
|
height: 35px;
|
|
font-size: 16px;
|
|
background: #fff;
|
|
}
|
|
|
|
.pub-type li {
|
|
height: 35px;
|
|
line-height: 35px;
|
|
}
|
|
.pub-type .pic-type.active {
|
|
background-image: url(http://pub.idqqimg.com/qqun/xiaoqu/mobile/img/nopack/select-photo2-active.png);
|
|
}
|
|
.pub-type .pic-type {
|
|
overflow: hidden;
|
|
position: relative;
|
|
margin-right: 14px;
|
|
width: 25px;
|
|
height: 25px;
|
|
background: url(http://pub.idqqimg.com/qqun/xiaoqu/mobile/img/nopack/select-photo2.png) no-repeat 0 0;
|
|
background-size: 25px 25px;
|
|
}
|
|
.pub-type .pic-type.active {
|
|
background-image: url(http://pub.idqqimg.com/qqun/xiaoqu/mobile/img/nopack/select-photo2-active.png);
|
|
}
|
|
.pub-type .pub-face {
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 25px;
|
|
height: 25px;
|
|
background: url(http://pub.idqqimg.com/qqun/xiaoqu/mobile/img/nopack/select-face.png) no-repeat 0 0;
|
|
background-size: 25px 25px;
|
|
}
|
|
.pub-flex, .comment-reply .pub-flex {
|
|
-webkit-box-flex: 1;
|
|
}
|
|
.pub-type button {
|
|
border: 0;
|
|
border-radius: 4px;
|
|
width: 81px;
|
|
height: 35px;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
color: #fff;
|
|
}
|
|
.pub-type .pub-cancel, .comment-reply .pub-cancel {
|
|
margin-right: 10px;
|
|
border: 1px solid #d4d4d4;
|
|
color: gray;
|
|
background-color: #fff;
|
|
}
|
|
.pub-publish {
|
|
float: right;
|
|
background-color: #2791dc;
|
|
}
|
|
|
|
.pub-pics {
|
|
display: none;
|
|
padding: 9px 0 15px 10px;
|
|
overflow: hidden;
|
|
}
|
|
.tm{
|
|
|
|
filter: alpha(opacity=0);
|
|
-moz-opacity: 0;
|
|
-khtml-opacity: 0;
|
|
opacity: 0;
|
|
}
|
|
.pub-pics li {
|
|
float: left;
|
|
position: relative;
|
|
margin: 6px 6px 0 0;
|
|
width: 65px;
|
|
height: 65px;
|
|
}
|
|
.pub-pics li input{postion:absolute;top:0; left:0; width:65px; height:65px}
|
|
.pub-pics li .clip {
|
|
overflow: hidden;
|
|
border-radius: 5px;
|
|
width: 65px;
|
|
height: 65px;
|
|
}
|
|
|
|
|
|
.up-mask {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
border-radius: 5px;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #000;
|
|
opacity: .5;
|
|
}
|
|
|
|
.up-progress {
|
|
position: absolute;
|
|
bottom: 8px;
|
|
left: 50%;
|
|
margin-left: -19px;
|
|
border-radius: 4px;
|
|
width: 38px;
|
|
height: 7px;
|
|
background-color: rgba(255,255,255,.11);
|
|
}
|
|
.up-progress .pos {
|
|
box-sizing: border-box;
|
|
border-radius: 4px;
|
|
width: 6px;
|
|
height: 100%;
|
|
background-color: #fff;
|
|
}
|
|
.btn-del {
|
|
/*display: none;*/
|
|
display: block;
|
|
position: absolute;
|
|
top: 3px;
|
|
right: 3px;
|
|
border: 1px solid #fff;
|
|
border-radius: 12px;
|
|
width: 22px;
|
|
height: 22px;
|
|
background: rgba(0,0,0,.38);
|
|
}
|
|
.btn-del:before, .btn-del:after {
|
|
display: block;
|
|
position: absolute;
|
|
top: 11px;
|
|
left: 4px;
|
|
z-index: 2;
|
|
width: 14px;
|
|
height: 1px;
|
|
background: #fff;
|
|
-webkit-transform: rotate(45deg);
|
|
content:""
|
|
}
|
|
.btn-del:after {
|
|
-webkit-transform: rotate(-45deg);
|
|
}
|
|
.up-entry {
|
|
background: transparent url(http://pub.idqqimg.com/qqun/xiaoqu/mobile/img/nopack/publish-sprite.png?9c568819) no-repeat -60px 0;
|
|
background-size: 270px 65px;
|
|
}
|
|
|
|
/**/
|
|
|
|
.pub-faces {
|
|
display: none;
|
|
padding: 25px 0 17px;
|
|
background: #f0eff5;
|
|
}
|
|
.pub-faces .ui-carousel {
|
|
overflow: hidden;
|
|
margin: auto;
|
|
width: 256px;
|
|
|
|
}
|
|
|
|
.ui-carousel-inner {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.pub-faces .face-panel {
|
|
margin: 0 auto;
|
|
float: left;
|
|
width: 256px!important;
|
|
height: 96px!important;
|
|
background: #f0eff5 no-repeat 50% 50%;
|
|
background-size: 256px auto;
|
|
}
|
|
/*.ui-carousel-item {
|
|
position: relative;
|
|
z-index: 9;
|
|
display: none;
|
|
-webkit-transition: .2s ease-in-out left;
|
|
transition: .2s ease-in-out left;
|
|
-webkit-transform: translate(0,0);
|
|
}*/
|
|
.pub-faces .face-panel-1 {
|
|
background-image: url(http://pub.idqqimg.com/qqun/xiaoqu/mobile/img/nopack/face-panel1.png?2fe5ad46);
|
|
}
|
|
.pub-faces .face-panel-2 {
|
|
background-image: url(http://pub.idqqimg.com/qqun/xiaoqu/mobile/img/nopack/face-panel2.png?8e18d844);
|
|
}
|
|
.pub-faces .face-panel-3 {
|
|
background-image: url(http://pub.idqqimg.com/qqun/xiaoqu/mobile/img/nopack/face-panel3.png?6b545eb9);
|
|
}
|
|
.pub-faces .face-panel-4 {
|
|
background-image: url(http://pub.idqqimg.com/qqun/xiaoqu/mobile/img/nopack/face-panel4.png?ffa662fd);
|
|
}
|
|
.pub-faces .face-panel-5 {
|
|
background-image: url(http://pub.idqqimg.com/qqun/xiaoqu/mobile/img/nopack/face-panel5.png?5a20055d);
|
|
}
|
|
.pub-faces .face-panel span {
|
|
float: left;
|
|
box-sizing: border-box;
|
|
width: 36px;
|
|
height: 32px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**/
|
|
|
|
.groupbody {
|
|
position: relative;
|
|
margin-top: 10px;
|
|
margin-bottom: -1px;
|
|
|
|
}
|
|
.icon-wrap span{ display: inline-block; padding:0 10px 0 22px}
|
|
.icon-wrap span{ margin-right: 10px; color: #999; font-size: 14px;background-size: 20px;}
|
|
|
|
.liulan{ background:url(../img/eye.png) no-repeat left ; }
|
|
.ping{ background:url(../img/ping.png) no-repeat left ; }
|
|
.zan{ background:url(../img/zan.png) no-repeat left ; }
|
|
/*ditor*/
|
|
|
|
.fixedDiv{
|
|
position: fixed; left: 50%; top: 50%; margin-top: -129px; display:none
|
|
}
|
|
.text_title{ background: #fff; z-index: 10001}
|
|
.mask{
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0,0,0,.4);
|
|
display: none;
|
|
z-index: 10000;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.item-media{width: 3.2rem; height: 3.2rem; overflow: hidden;}
|
|
.item-media img{ max-width: 100%}
|
|
.eing {
|
|
|
|
background: #cce0f2!important;
|
|
padding: 2% !important;
|
|
max-width: 96% !important;
|
|
margin-bottom: 0 !important;
|
|
|
|
}
|
|
|
|
.text_insert,.text_video,.text_url,.text_img {
|
|
display:none;
|
|
position:fixed;
|
|
width:300px;
|
|
z-index:60000;
|
|
background:#fff;
|
|
border-bottom-left-radius:5px;
|
|
border-bottom-right-radius:5px;
|
|
overflow:hidden
|
|
}
|
|
|
|
.text_img.tinsert_head,.text_video .tinsert_head{ background: #fff; text-align: center;}
|
|
.text_img .tinsert_head .cosle{float:right;width:44px; height:44px;padding:5px; background:url(../img/cosle.png)no-repeat center;background-size:32px}
|
|
.text_video .list-block,.text_url .list-block{margin: 0;}
|
|
.text_img .list-block{ margin:0; height:120px;position: relative;}
|
|
.text_img .list-block input{ height:120px;width:100%; position:absolute;top:0;left:0;filter: alpha(opacity=0);
|
|
-moz-opacity: 0;
|
|
-khtml-opacity: 0;
|
|
opacity: 0;}
|
|
.text_img .list-block .xuanze{ height:120px; line-height:120px; text-align:center}
|
|
.text_video .list-block input,.text_url .list-block input{ border:1px solid #ccc;}
|
|
.tinsert_head {
|
|
background:#eee;
|
|
height:44px;
|
|
line-height:44px;
|
|
padding:0 8px
|
|
}
|
|
.fl {
|
|
float:left;
|
|
cursor:pointer
|
|
}
|
|
.tinsert_body {
|
|
padding:8px
|
|
}
|
|
.text_word,.text_ct {
|
|
width:100%;
|
|
height:140px;
|
|
font-size:15px;
|
|
overflow-y:scroll;
|
|
resize:none;
|
|
margin:0;
|
|
padding:0;
|
|
border:none
|
|
}
|
|
.tinsert_foot {
|
|
background:#e8e8e8
|
|
}
|
|
.boxCheck2 {
|
|
border-top:1px solid #ddd;
|
|
text-align:center
|
|
}
|
|
.fr {
|
|
float:right;
|
|
cursor:pointer
|
|
}
|
|
.text_reset {
|
|
cursor:pointer;
|
|
color:red;
|
|
font-size:16px
|
|
}
|
|
.tinsert_hl li {
|
|
float:left;
|
|
width:24px;
|
|
height:24px;
|
|
margin:10px 5px 0 0;
|
|
cursor:pointer;
|
|
border:1px solid #eee
|
|
}
|
|
.tinsert_hl .nowcolor {
|
|
display:block;
|
|
width:18px;
|
|
height:3px;
|
|
margin:19px 0 0 3px;
|
|
background:#333
|
|
}
|
|
li.icon_bold {
|
|
background:url(../img/icon_bold.png) no-repeat center center;
|
|
background-size:auto 18px
|
|
}
|
|
li.icon_color {
|
|
background:url(../img/icon_color.png) no-repeat center 1px;
|
|
background-size:auto 18px
|
|
}
|
|
li.icon_bgcolor {
|
|
background:url(../img/icon_bgcolor.png) no-repeat center center;
|
|
background-size:auto 18px
|
|
}
|
|
li.icon_font {
|
|
background:url(../img/icon_font.png) no-repeat center center;
|
|
background-size:auto 16px
|
|
}
|
|
li.icon_left {
|
|
background:url(../img/icon_left.png) no-repeat center center;
|
|
background-size:auto 16px
|
|
}
|
|
li.icon_center {
|
|
background:url(../img/icon_center.png) no-repeat center center;
|
|
background-size:auto 16px
|
|
}
|
|
li.icon_right {
|
|
background:url(../img/icon_right.png) no-repeat center center;
|
|
background-size:auto 16px
|
|
}
|
|
.text_bgcolor,.text_color,.text_size {
|
|
display:none;
|
|
position:fixed;
|
|
top:50%;
|
|
left:50%;
|
|
margin-left:-150px;
|
|
margin-top:-115px;
|
|
background:#fff;
|
|
z-index:70000;
|
|
border-radius:5px
|
|
}
|
|
.text_tit {
|
|
margin:10px 8px;
|
|
border-bottom:1px solid #ccc;
|
|
padding-bottom:10px
|
|
}
|
|
.text_tit_l {
|
|
font-size:16px;
|
|
color:#333
|
|
}
|
|
.text_tit_r {
|
|
font-size:16px;
|
|
color:red;
|
|
float:right;
|
|
cursor:pointer
|
|
}
|
|
.check_color {
|
|
width:100%
|
|
}
|
|
.check_color ul li {
|
|
float:left;
|
|
text-align:center;
|
|
width:20%;
|
|
margin-bottom:10px
|
|
}
|
|
.check_color ul li span {
|
|
width:40px;
|
|
height:40px;
|
|
display:inline-block;
|
|
border-radius:3px;
|
|
cursor:pointer
|
|
}
|
|
.clear {
|
|
clear:both
|
|
}
|
|
.check_size ul li {
|
|
padding-bottom:15px;
|
|
color:#333;
|
|
font-size:16px;
|
|
text-align:center;
|
|
cursor:pointer
|
|
}
|
|
.tinsert_foot {
|
|
background:#e8e8e8
|
|
}
|
|
.boxCheck2 {
|
|
border-top:1px solid #ddd;
|
|
text-align:center
|
|
}
|
|
.tinsert_foot .boxYes {
|
|
color:#21b3b5
|
|
}
|
|
.boxYes {
|
|
float:right;
|
|
height:44px;
|
|
width:50%;
|
|
font-size:16px;
|
|
border:0;
|
|
color:#dd4c3a;
|
|
cursor:pointer;
|
|
background:#fff;
|
|
border-left:1px solid #ddd;
|
|
font-weight:700;
|
|
border-bottom-right-radius:4px
|
|
}
|
|
.boxNo {
|
|
float:left;
|
|
height:44px;
|
|
width:50%;
|
|
font-size:16px;
|
|
border:0;
|
|
color:#aaa;
|
|
cursor:pointer;
|
|
background:#fff;
|
|
font-weight:700;
|
|
border-bottom-left-radius:4px;
|
|
|
|
}
|
|
.lstbox{height:70px; line-height:70px; margin:10px; background: #f3f3f5; padding:5px 10px; color: #ccc}
|
|
.lstimg{float:right; width:58px; height:58px; background:url(../img/link.png) #c9c9c9 no-repeat center;background-size:40px; overflow: hidden;}
|
|
|
|
/*采集*/
|
|
.home_main {
|
|
margin: 11px 10px 0;
|
|
background: -webkit-linear-gradient(top, #FFCC99, #fff);
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
}
|
|
.home_bd {
|
|
padding: 18px 10px;
|
|
}
|
|
.home_bd_text {
|
|
background: #fff none repeat scroll 0 0;
|
|
border-radius: 4px;
|
|
margin-bottom: 15px;
|
|
|
|
position: relative;
|
|
}
|
|
.home_text {
|
|
background: #fff none repeat scroll 0 0;
|
|
border-radius: 4px;
|
|
font-size: 12px;
|
|
height: 4rem;
|
|
padding: 10px;
|
|
resize: none;
|
|
border: none;
|
|
width: 100%;
|
|
}
|
|
.home_how {
|
|
background: rgba(1, 102, 191, 0.16) none repeat scroll 0 0;
|
|
border-radius: 3px;
|
|
bottom: 5px;
|
|
color: #0066bf;
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
padding: 4px 6px;
|
|
position: absolute;
|
|
right: 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
/**/
|
|
|
|
.home_guide {
|
|
border-radius: 5px;
|
|
background: #e5e9ec;
|
|
margin: 11px 10px;
|
|
|
|
}
|
|
.home_guide_hd {
|
|
background: url(http://98tym.com/web/img/home_guide.png) no-repeat 11px center;
|
|
background-size: 20px;
|
|
|
|
padding-left: 40px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
font-size: 16px;
|
|
border-bottom: 1px solid #b6c9d8;
|
|
}
|
|
.home_help {
|
|
float: right;
|
|
margin-right: 8px;
|
|
color: #E54040;
|
|
font-size: 14px;
|
|
}
|
|
.home_guide_bd p {
|
|
margin-bottom: 8px;
|
|
}
|
|
.home_guide_bd {
|
|
padding: 15px 15px 5px;
|
|
color: #666;
|
|
line-height: 22px;
|
|
}
|
|
|
|
#cbcon{ margin: 10px; max-width: 100%; overflow: hidden;}
|
|
#uactcon *,#cbcon *{max-width: 100% !important;
|
|
font-size: 16px;
|
|
}
|
|
#uactcon p,#cncon p{ display: block;
|
|
-webkit-margin-before: 1em;
|
|
-webkit-margin-after: 1em;
|
|
-webkit-margin-start: 0px;
|
|
-webkit-margin-end: 0px;
|
|
}
|
|
#uactcon table,#cbcon table{ width: 100% !important;}
|
|
|
|
|
|
|
|
.tedit_tool {
|
|
/*border:1px solid #E54040;*/
|
|
background:#000;
|
|
padding:0 0 2.5% 0;
|
|
overflow:hidden;
|
|
margin:1.5% 2% 20px;
|
|
white-space:normal;
|
|
font-weight:400;
|
|
text-align:left;
|
|
min-width:280px;
|
|
position:absolute;
|
|
left:0;
|
|
z-index:9;
|
|
text-indent: 0;
|
|
}
|
|
.tedit_body * {
|
|
cursor:pointer;
|
|
max-width:100%;
|
|
font-size:16px
|
|
}
|
|
.tedit_tool span.t_link {
|
|
float:left;
|
|
display:inline-block;
|
|
width:30%;
|
|
margin:2.5% 0 0 2.5%;
|
|
height:42px;
|
|
line-height:42px;
|
|
background:#fff;
|
|
position: relative;
|
|
}
|
|
.t_link input{
|
|
z-index:100;
|
|
position:absolute;top:0;left:0;height:42px;
|
|
width:100%;
|
|
filter: alpha(opacity=0);
|
|
-moz-opacity: 0;
|
|
-khtml-opacity: 0;
|
|
opacity: 0;}
|
|
.tedit_tool li {
|
|
|
|
font-size:16px;
|
|
padding-left:32px;
|
|
cursor:pointer;
|
|
position:relative;
|
|
overflow:hidden;
|
|
color: #333 !important;
|
|
}
|
|
li.t_word {
|
|
background:#fff url(../img/t_word.png) no-repeat 9px center;
|
|
background-size:18px auto
|
|
}
|
|
li.t_image {
|
|
background:#fff url(../img/t_image.png) no-repeat 9px center;
|
|
background-size:18px auto
|
|
}
|
|
li.t_del0 {
|
|
background:#fff url(../img/t_del0.png) no-repeat 9px center;
|
|
background-size:18px auto
|
|
}
|
|
li.t_video {
|
|
background:#fff url(../img/t_video.png) no-repeat 9px center;
|
|
background-size:18px auto
|
|
}
|
|
li.t_text {
|
|
background:#fff url(../img/t_text.png) no-repeat 9px center;
|
|
background-size:18px auto
|
|
}
|
|
li.t_cancel {
|
|
background:#fff url(../img/t_cancel.png) no-repeat 9px center;
|
|
background-size:18px auto
|
|
}
|
|
li.t_add {
|
|
background:#fff url(../img/t_add.png) no-repeat 9px center;
|
|
background-size:18px auto
|
|
}
|
|
/*#panel{ position: absolute;left: 0;width: 100%; height: 140px; bottom: 0;}*/
|
|
/*cai*/
|
|
.tedit_guide {
|
|
color: #ff4222;
|
|
line-height: 22px;
|
|
font-size: 15px;
|
|
margin:10px;
|
|
padding: 8px;
|
|
border:1px solid #ff4222;
|
|
|
|
}
|
|
.tedit_guide p {
|
|
padding-bottom: 5px;
|
|
}
|
|
.article_title {
|
|
display: block;
|
|
padding: 10px;
|
|
border:none;
|
|
margin: 10px 10px 20px 10px;
|
|
line-height: 1.4 !important;
|
|
font-weight: 400;
|
|
font-size: 24px !important;
|
|
}
|
|
|
|
body {
|
|
-webkit-touch-callout: none;
|
|
font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
|
|
background-color: #f3f3f3;
|
|
line-height: inherit;
|
|
}
|
|
.cai_title{background: #f3f3f3; height: 80px; padding: 10px; margin: 10px; position: relative}
|
|
.cai_title img{ height: 60px;width: 60px; position: absolute; top:10px; left: 10px;}
|
|
.cai_title p{ font-size: 14px; font-weight: 400;color: #1a1a1b; padding-left:70px; }
|
|
.null_icon{
|
|
width: 10rem;
|
|
height: 10rem;
|
|
background: url(../img/null.png) no-repeat center;
|
|
margin: 40px auto 10px auto; position: relative;
|
|
text-align: center;
|
|
padding-top:8.6rem;
|
|
color: #a9b7b7
|
|
}
|
|
|
|
|
|
/*赚钱*/
|
|
|
|
.q_topbar{
|
|
|
|
height: 6rem;
|
|
padding: 1rem 0;
|
|
width: 100%;
|
|
background:url(../img/bg_zhuan.png)no-repeat;
|
|
background-size:100% 100%;
|
|
line-height: 2rem;
|
|
text-align: center;
|
|
color:#FFFF99;
|
|
font-size:1.4rem;
|
|
}
|
|
.q_c{ background:#fff; margin: 6px 0; }
|
|
|
|
|
|
.tx_box{ margin: 10px; padding: 20px 10px;text-align: center; border: 1px solid #ccc; border-radius: 5px;}
|
|
.tx_box .money{color: #ff4222;display: inline-block; margin-left: 10px;font-weight: 600;}
|
|
.tx_box .money:after{
|
|
content:'元';
|
|
font-weight: 400;
|
|
}
|
|
.money:before{
|
|
content:'￥';
|
|
font-weight: 400;
|
|
}
|
|
.ui-input-wrap {
|
|
background-color: #ebeced;
|
|
height: 44px;
|
|
display: -webkit-box;
|
|
-webkit-box-align: center;
|
|
}
|
|
.ui-input {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
margin: 7px 10px;
|
|
background: #fff;
|
|
padding-left: 10px;
|
|
-webkit-box-flex: 1;
|
|
}
|
|
.ui-input input {
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 0;
|
|
background: 0;
|
|
-webkit-appearance: none;
|
|
outline: 0;
|
|
}
|
|
|
|
|
|
|
|
/*学*/
|
|
.ui-grid-halve{
|
|
padding-left: 15px;
|
|
padding-right: 10px;
|
|
overflow: hidden;
|
|
padding-top: 10px;
|
|
}
|
|
.ui-grid-halve>li {
|
|
width: 50%;
|
|
}
|
|
.ui-grid-halve li{
|
|
padding-right: 5px;
|
|
padding-bottom: 10px;
|
|
float: left;
|
|
position: relative;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
.ui-grid-halve-img, .ui-grid-trisect-img {
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
.ui-grid-halve-img {
|
|
padding-top: 55.17%;
|
|
}
|
|
.ui-grid-halve-img img, .ui-grid-trisect-img img {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
.titlebar {
|
|
text-align: center;
|
|
background: #FFF;
|
|
}
|
|
.titlebar h2 {
|
|
font-size: .8em;
|
|
padding:4px 0;
|
|
margin: 0;
|
|
}
|
|
.titlebar span {
|
|
display: block;
|
|
margin: -4px auto 0 auto;
|
|
font-size: 0.8em;
|
|
color: #999;
|
|
width: 80%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* */
|
|
.top-list-wrap{
|
|
margin-bottom: 6px;
|
|
}
|
|
.top-list {
|
|
|
|
position: relative;
|
|
z-index: 2;
|
|
padding-left: 15px;
|
|
height: 38px;
|
|
line-height: 38px;
|
|
background-color: #fff;
|
|
border-bottom:1px solid #f2f2f2;
|
|
}
|
|
.top-list-wrap .top-list:last-child {
|
|
border-bottom: 0;
|
|
}
|
|
.top-list .link {
|
|
border-bottom:1px solid #f2f2f2;
|
|
display: block;
|
|
overflow: hidden;
|
|
padding-left: 0;
|
|
width: 98%;
|
|
font-size: 15px;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
word-break: break-all;
|
|
color: #000;
|
|
}
|
|
.link label.rec {
|
|
background-color: #fb6e52;
|
|
}
|
|
.link label {
|
|
display: inline-block;
|
|
border-radius: 2px;
|
|
padding: 0 1px;
|
|
min-width: 13px;
|
|
height: 15px;
|
|
font-size: 11px;
|
|
line-height: 15px;
|
|
text-align: center;
|
|
color: #fff;
|
|
-webkit-transform: translateY(-2px);
|
|
}
|
|
.link .name {
|
|
overflow: hidden;
|
|
margin-left: 1px;
|
|
font-size: 14px;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
/*color: #000;*/
|
|
color: #666;
|
|
}
|
|
|
|
|
|
.ui-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
font-size: 14px;
|
|
}
|
|
.ui-border {
|
|
border: 1px solid #e0e0e0;
|
|
}
|
|
table{ background: #fff;}
|
|
thead {
|
|
display: table-header-group;
|
|
vertical-align: middle;
|
|
border-color: inherit;
|
|
}
|
|
tr {
|
|
display: table-row;
|
|
vertical-align: inherit;
|
|
border-color: inherit;
|
|
}
|
|
.ui-table th {
|
|
border-bottom: 1px solid #e0e0e0;
|
|
border-right: 1px solid #e0e0e0;
|
|
text-align: center;
|
|
}
|
|
.ui-table th {
|
|
font-weight: 400;
|
|
}
|
|
tbody {
|
|
display: table-row-group;
|
|
vertical-align: middle;
|
|
border-color: inherit;
|
|
}
|
|
.ui-table td, .ui-table th {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
border-bottom: 1px solid #e0e0e0;
|
|
border-right: 1px solid #e0e0e0;
|
|
text-align: center;
|
|
}
|
|
tbody tr td:first-child{
|
|
padding-left: 10px;
|
|
text-align: left
|
|
}
|
|
|
|
/*积分*/
|
|
#catecon a{ color:#333; display:block;width:100%}
|
|
|
|
.conbox {
|
|
margin: 4px;
|
|
background: #fff;
|
|
}
|
|
|
|
.model_list {
|
|
padding: 6px;
|
|
overflow: hidden;
|
|
border: 1px solid #d3d3d3;
|
|
border-radius: 3px;
|
|
background: #fff;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.model_list li {
|
|
float: left;
|
|
width: 50%;
|
|
text-align: center;
|
|
}
|
|
|
|
.model_list h1 {
|
|
overflow: hidden;
|
|
height: 90px;
|
|
width: 93%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.model_list h1 img {
|
|
max-width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.model_list p {
|
|
font-size: 15px;
|
|
color: #333;
|
|
margin: 5px 0 9px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* 订单 */
|
|
|
|
.shop-order{
|
|
margin-top:6px;
|
|
}
|
|
.shop-order .item-content{ background:#f2f2f2}
|
|
.shop-order .price,.shop-order .number{display:inline-block; color:#f40}
|
|
.shop-order .number{float:right}
|
|
.o-top,.o-bot{
|
|
padding:0 10px;
|
|
width:100%;
|
|
height:44px;
|
|
background:#fff;
|
|
line-height:44px
|
|
}
|
|
|
|
.o-top span{
|
|
display: inline-block;
|
|
font-size:14px;
|
|
}
|
|
.o-top .time{ color:#ccc}
|
|
.o-top .zx{ float:right;color:#f40}
|
|
.o-bot span{ font-size:14px;}
|
|
.o-bot{ margin-left:0}
|
|
.o-bot .price{ font-size:15px; color:red}
|
|
|
|
|
|
/* 视频 */
|
|
.vlist{ background: #f8f8f8; margin-bottom:4px;}
|
|
.feng{ position: relative;line-height: 0;}
|
|
.status {
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 10px;
|
|
display: inline-block;
|
|
width: 48px;
|
|
height: 20px;
|
|
z-index: 9;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
line-height: 20px;
|
|
background-color: #5bc86f;
|
|
|
|
}
|
|
.shiting,.stvip {
|
|
|
|
right: 10px;
|
|
display: inline-block;
|
|
width: 48px;
|
|
height: 20px;
|
|
z-index: 9;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
line-height: 20px;
|
|
}
|
|
.shiting{
|
|
background-color: #5bc86f;
|
|
}
|
|
.stvip{
|
|
background-color: #f6383a;
|
|
}
|
|
.text-ellipsis {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.lesson-title {
|
|
color: #333;
|
|
font-size: 14px;
|
|
}
|
|
.lesson-info {
|
|
position: relative;
|
|
color: #999;
|
|
font-size: 12px;
|
|
}
|
|
.info-left {
|
|
margin-right: 76px;
|
|
}
|
|
.info-right {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
|
|
}
|
|
|
|
.border-r{ border-radius:50%}
|