﻿*{box-sizing: border-box;}
.clear {clear:both;}
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li, fieldset, form, lengend, button, input, textarea,th, td { margin: 0; padding: 0 }
body,button, input, select, textarea { font-family: "微软雅黑","Arial",HELVETICA; font-size:14px; background:#ffffff; -webkit-text-size-adjust:100% }
h1,h2,h3,h4, h5, h6 { font-size: 100%;}
address, cite, dfn, em, var,i { font-style: normal }
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace }
small { font-size: 12px }
ul, ol { list-style: none }
.fr {float: right;}
.fl {float: left;}

/*app下载*/
.index_app {display: none;position: fixed;bottom: 53px;left: 0;width: 100%;background: #f6f6f6;padding: 4px 10px;color: #666;z-index: 1001;border-bottom: 1px solid #e2e2e6;border-top: 1px solid #e2e2e6;}
    .index_app .app_logo {height: 42px;float: left;margin-right: 10px;}
    .index_app .app_title {line-height: 42px;font-size: 20px;}
    .index_app a.app_download_a {position: absolute;top: 7px;right: 60px;}
    .index_app img.app_download {height: 36px;}
    .index_app img.app_close {position: absolute;top: 8px;right: 10px;height: 34px;}

/*SystemSettings.html*/
.mainbody_ul {top: 84px;margin-top:0px;font-size: 14px; }
.right-text {float:right;color:#999;}
.mainbody_post{top:0px; position: relative;}
mainbody {word-wrap:break-word;}
/*MessageCenter.html*/
.icon-img {float:left;padding-right:10px;}
.placeholder {color:#ccc !important;} /* 输入框默认颜色 */
:-moz-placeholder {color:#ccc !important;}
::-webkit-input-placeholder {color:#ccc !important;} 
/*My.html*/
.user-cell {overflow: hidden;background:#ffaa00; position: relative; padding:0 0 10px 0;}
    /*.user-head {width: 80px;margin: 25px auto 0; display: block; border-radius: 50%; overflow-x: hidden;}*/
    .user-name {padding-top: 10px;width:100%; position: relative; text-align:center;font-size: 17px; color: #fff;height: 37px;overflow: hidden;line-height: 27px;}
    .user-name_new {padding-top: 10px;width:100%; position: relative; text-align:center;font-size: 17px; color: #666;height: 37px;overflow: hidden;line-height: 27px;}
    .switch {position:absolute;right: 50%;bottom: 30px;margin-right: -54px;cursor: pointer; width: 14px; height:14px; }
    .columntitle {width:100%; background:#efefef; color:#666; font-size:12px; line-height:30px; padding:5px 0 0 0; text-indent:10px; margin:20px 0 10px;}
    .headimg{width: 100%;margin: 0 auto;position: relative;}
    .switch-img {height:15px;margin-top:4px;float:left;}
.main-bottom {position: fixed;bottom:0;left:0;width:100%;text-align:center;background:#f6f6f6;padding:8px 0 4px;color:#666;z-index:999; display:flex}
    .bottom-left{width:50%;float:left;}
    .bottom-right{width:50%;float:right;}
.set {width:40px; height:40px; position: absolute; right:5px; top:5px; padding:10px; float: left;}
.user_relation {background: #F4F5F6; overflow: hidden;}
.user_relation a {width: 50%; float: left; background: #fff url(../images/bg_line.png) right center no-repeat; text-align: center; color: #666; font:normal 12px/40px "微软雅黑"; margin:0 0 10px 0;}   
.autograph {width:100%; padding:10px 0 5px 0; text-align: center; font:normal 12px/24px "微软雅黑"; color: #fff;}

/*Install.html*/
#userheadbox span{width: 40px; height: 40px; display: block;border-radius: 50%;    overflow: hidden;}
.head-text {float: left;padding-top: 10px;}
.mui-pull-right {margin-right:30px;color:#999;}
.binding-phone {color:#f85959;}
.ID-binding {padding:15px;}

/*StationMessage.html*/
.batch {color:#fff;float:right;font-size: 14px;margin-top: 12px;}
.message-list {padding:10px;border-bottom:1px solid #e2e2e6;}
.message-list div {margin-left:60px;}
.message-sender {color:#777;}
.message-sender a {color:#888;float:right;}
.message-operate {position: fixed;right:20px;}
.message-operate li {background:#f0f0f0;color:#666;padding:8px 20px;list-style-type:none;}
.message-operate li.on {background:#3e5160;color:#fafafa;}
.message-text {font-size: 16px;padding-right: 10px;}
.message-time {font-size: 12px;color:#bbb;}

/*Discovery.html Index.html Recent.html*/
.header-user {float:left; padding:5px 5px 5px 5px;}
.searchbox {margin:0 70px 0 50px; position:relative;}
input.searchText { border:none; height:26px; float:left; margin:9px 0; border-radius:3px; color:#666; padding:3px 4px;}
.searchbtn {float:left; position:absolute; right:0px; top:9px; padding:0px; width:26px; height:26px; line-height:26px; text-align:center}
.headuserimg {position:absolute; left:50%; top:20px; margin-left:-30px; z-index:2; border-radius:50%; overflow:hidden; width:60px; height:60px;}
.nav-items {padding-top:10px;}
    .nav-item {margin:0 5px;color:#fff;float:none;font-size: 14px;}
    .active {font-size: 16px;}
.index-list {padding:10px;border-bottom:1px solid #e2e2e6; overflow: hidden;}
.index-list:active {background:#eee;}
.index-list:visited b,.index-list:visited p {color:#999;}
.index-text {font-size: 19px; color: #4c4c4c; line-height: 24px; max-height:75px; overflow:hidden; padding:4px 0 0 0;}
.index-text b {font-weight:normal; color:#ffaa00; margin:0 3px;}
.index-text p {font-size:15px; color:#999; line-height:20px; padding:6px 0 0 0;}
.index-text em {color:#ffaa00; padding:0 3px;}
.index-time, .index-more,.recent-more {font-size: 13px;color:#999;padding-top:5px;clear:both;}
.index-more .fl {padding:3px 0;}
.read-quantity {padding:3px;}
.read-quantity img {margin:0px 2px -1px 0;}
.reply-quantity {padding:3px;}
.reply-quantity img {margin:2px 2px -2px 0;}
.like-quantity {padding:3px;}
.like-quantity img {margin:2px 2px -1px 0;}
.recent-time {float:right;}
.index-pic-1 {padding-top:10px; width:100%;}
.index-pic-2 {float:left;margin:4px 10px 0 0;width:33.33%; overflow:hidden;}
.index-pic-3 {width: 100%;height:70px;overflow:hidden;margin-top:10px;}
.index-pic-3 div {width:33.33%;float:left;padding-right:5px; overflow:hidden; border-right:1px solid #fff;}
.index-pic-3 img {}
.index-option {float:left;padding: 0px 10px;font-size: 12px; line-height: 16px; color: #bbc0d4; box-sizing: border-box; flex:1;}
.index-option .on {color:#ffaa00;}
.publicnote {margin-top: -25px;padding-top: 10px;height: 71px;background: #eee;border-radius: 40px;}

/*InsidePage.html*/
.publisher {padding:10px 0px 0px 0px;border-bottom:0px solid #e4e4e4; height:40px; position: relative;}
    .publisher .userhead {float:left;margin:0px 10px 0 0; width:25px; height: 25px; border-radius: 50%;}
    .publisher h6 {font:normal 14px/25px "微软雅黑"; margin:0px 0 0 0px; color: #a56e17; float:left; margin:0 5px 0 0;}
    .publisher span {font:normal 12px/25px "微软雅黑"; color:#999; float:left;}
    .publisher .follow {position: absolute; right: 10px; top:8px; border:1px solid #ffaa00; border-radius:5px; padding:0px 12px; height: 28px; line-height:28px; text-decoration:none; color:#ffaa00; font-size:12px;}
    .publisher .follow img {width:24px; padding:3px 0 0 0;}
    .publisher .follow.on {background:#ffaa00; color:#fff;}
        .publisher .sendmessage {position: absolute; right: 80px; top:8px; border:1px solid #ffaa00; border-radius:5px; padding:0px 12px; font-size:12px; height: 28px; line-height:28px; text-decoration:none; color:#ffaa00;}
    .publisher .sendmessage img {width:28px;}
        .center-list i .sendmessage{position: absolute; right: 10px; top:13px; border:1px solid #ddd; border-radius:5px; padding:5px 12px; height: 34px; line-height:24px; text-decoration:none; color:#ffaa00;}
    .center-list i .sendmessage img {width:28px;}
    #my_collect i .sendmessage{position: absolute; right: 100px; top:13px; border:1px solid #ddd; border-radius:5px; padding:5px 12px; height: 34px; line-height:24px; text-decoration:none; color:#ffaa00;}
    #my_collect i .sendmessage img {width:28px;}
.inside-text {padding:10px;color:#454545;}
    .inside-text .inside-time img {padding:0px 0; float: left; margin:6px 0px 0 0; width: 14px;}
    .inside-title {font-size: 22px;color:#000; line-height: 28px; border-bottom:0px solid #ddd; margin:0 0 10px 0;}
    .inside-title h5 {line-height:28px;}
.inside_detail {font:normal 18px/29px "微软雅黑"; color:#666; width:100%; overflow:hidden;}
.inside_detail.small {height:500px;}
.inside_detail p {font:normal 18px/29px "微软雅黑"; margin:10px 0; color:#333;}
.inside_detail img {margin:10px 0; max-width:100% !important;}
        .inside-time {font-size: 12px;color:#777;padding:0px 0; margin:30px 0 30px; overflow:hidden;}
        .inside-time span {color:#999;margin-right:3px;padding:4px 8px; border:1px solid #ddd; border-radius:5px;}
.inside-time span.tags_one {color: #999;margin-right: 3px;padding: 1px 8px;border: 1px solid #ddd;border-radius: 5px;float: left;margin-bottom: 3px;}
    .inside-eye {float:right;color:#bbb;margin-right:10px;}
        .inside-eye img {padding:0;margin:2px 5px 0 0;float:left;}
    .inside-share {clear:both;text-align:center;padding-top:10px;overflow: hidden;}
        .inside-share a {background:#fff;color:#999;width:32%;padding:5px 0;margin-right:1%;float:left;border:1px solid #ddd;border-radius: 20px;}
        .inside-share a:active {}
        .inside-share a:nth-child(3) {margin-right:0;}
        .inside-share img {width:20px;height:20px;padding:0;margin:0 3px -4px 0;}
.Interested {margin:10px;background:#fff;border:1px solid #ddd;padding:0;}
    .Interested li {color:#505050;border-bottom:1px solid #ddd;list-style-type:none;padding:10px 5px;}
    .Interested li:active {}
    .Interested div {color:#999;border-bottom:0;padding:10px 0 0 5px;}
.allcomment {padding:0;margin:0;}
    .allcomment-title,.hot-title {padding:5px 0 5px 10px;border-left:5px solid #ffaa00;margin:5px 0;}
    .allcomment li {border-bottom:1px solid #ddd;padding-bottom: 10px; overflow: hidden;}
    .allcomment li:active {}
    .allcomment li:nth-child(2) {border-top:1px solid #ddd;}
    .showMorehandle {height: 32px;
    float: right;
    line-height: 32px;
    margin: 5px 3%;
    color: #000000;
    background: #f3f3f3;
    padding: 0 15px;
    border-radius: 16px;}
    .comment-user {float:left; width: 34px; height: 34px; border-radius: 50%; overflow: hidden;}
        .commentcell-user {margin:8px 0 7px 40px; color: #a56e17; font-size:16px; line-height:20px;}
        .commentcell-user label {border:1px solid #999;color:#999; border-radius:14px; font:normal 14px/28px "微软雅黑"; padding:0 8px;}
        .commentcell-user span {color:#777}
            .commentcell-user span {color:#bbb;float:right;}
            .commentcell-text {margin:6px 0 0 0; width: 100%; float: left; color: #666; font:normal 16px/24px "微软雅黑"; word-wrap: break-word;}
            .commentcell-text p {margin:6px 0 0 0; width: 100%; float: left; color: #666; font:normal 16px/24px "微软雅黑"; word-wrap: break-word;}
            .commentcell-text a {color:#ffaa00; text-decoration:none; margin:0 0 0 3px;}
            .commentcell-text img {max-width:100% !important;}
        .quote-cell {padding:10px;background:#ececec;}
            .quote-from span {color:#3ca0ec;}
        .commentcell-time {color:#bbb; width: 100%; float: left; margin:8px 0 0 0; font-size:12px;}
        .commentcell-time a {color: #bbc0d4; text-decoration: none; padding:0 6px;}
            .commentcell-like {float:right;}
                .commentcell-like a {color:#bbb;}
                .commentcell-like img {height:14px;padding:0 1px 0 7px;margin: 0 2px -1px 0;}
.replyInside {padding:6px 10px; overflow: hidden; font-size:16px; line-height:20px;}
.replyThisOne {background: #f3f3f3; margin:0px 3% 0px; border-bottom:#ececec 1px solid; overflow: hidden; width: 94%; float: left; padding:6px 10px 6px 20px; box-sizing:border-box;}
.replyThisOne:last-child { border-bottom:#ececec 0px solid;}
.replyThisOne .commentcell-user {margin:8px 0 0px 0;}
.replyThisOne .commentcell-text { color:#999;}
.replyThisOne:first-child {border-radius:5px 5px 0 0;}
.replyThisOne:last-child {border-radius:0 0 5px 5px;}
.replyUser {color:#a56e17; padding:0 0 0 5px; text-decoration:none;}
.main-bottom input {width: 60%;height: 30px;float: left;border-radius: 20px;margin:0 0 0 6px; font-size:14px; border:1px solid #ddd; padding:0 10px; outline: none;}
.inside-bottom-img {float: right;width:40px;padding:7px 5px 0 5px;}
.showreply {display:none;}
.main-bottom textarea {box-sizing: border-box;border: 1px solid #ddd;height: 72px;width: 100%;padding: 5px;font-size: 15px;display:none;}
.inside-bottom-img {float: left;width: 10%;padding: 7px 0 0 10px;}
.inside-bottom-reply {padding: 6px 20px;font-size: 14px;position: absolute;right: 10px;bottom: 10px;background: #eee;z-index: 100;border: 1px solid #A2A2A2;border-radius: 8px;display:none;}
.inside-bottom-reply-senior {padding: 6px 20px;font-size: 14px;position: absolute;right: 90px;bottom: 10px;background: #eee;z-index: 100;border: 1px solid #A2A2A2;border-radius: 8px;display:none;}
.inside-bottom-topost {padding: 6px 30px;font-size: 14px;position: fixed;left: 10px;bottom: 10px;background: #eee;z-index: 100;border: 1px solid #A2A2A2;border-radius: 8px;display:none;}
.backdrop{position: fixed;z-index: 98;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0,0,0,.3);display:none;}
#DefaultList {}
.mainbody_detail {background:#fff;}
.replyemote {position: absolute;left: 10px;bottom: 10px; width:30px; display:none;}

.space10 {width:100%; height:10px;background:#eef1f1;}
.space44 {width:100%; height:44px;}
.space21 {width:100%; height:21px;}
.space60 {width:100%; height:60px;}
.space130 {width:100%; height:97px;}

/*mui */
.mui-table-view {margin:0 0 10px;}
.mui-ios .mui-table-view-cell span {font:normal 14px/19px "微软雅黑"; /*margin: 0px; float: left; color: #666;*/}
.mui-table-view:before,.mui-table-view:after {background: #fff;}
.mui-table-view-cell:after {background: #e4e4e4;}


.mainbody .NumberMycenter {top:0px; background: #e7e7e7;}
.mainbody .NumberMycenter li {background: #fff; margin:0 0 10px 0; padding:0 0 0px 0;}
.mainbody .NumberMycenter li i {width: 100%; border-bottom:1px solid #ddd; position:relative; display: block; overflow: hidden;font:normal 14px/19px "微软雅黑"; box-sizing:border-box; padding:10px 15px;}
.delCollect {position:absolute; right:15px; top:13px; border:1px solid #ffaa00; color:#ffaa00; padding:7px 5px 6px; border-radius:3px;}
.mainbody .NumberMycenter li i a {display: block; overflow: hidden;}
.mainbody .NumberMycenter li i .userimg {width:40px; height:40px; border-radius: 50%; overflow:hidden; float: left; margin:0 10px 0 0;}
.mainbody .NumberMycenter li i .lanmuimg {width:100px; height:40px; border-radius: 10px; overflow:hidden; float: left; margin:0 10px 0 0;}
.addIcon {float:right;background:#999; color:#fff; margin:-12px 0 0 0; padding:4px 8px; border-radius:5px; font-size:12px;}
.addIconquota {float:right;background:#ffaa00; color:#fff; margin:0px 0 0 0; height:14px; border-radius:7px; line-height:14px; font-size:12px; width:60px; text-align:center}
.unadd {float:right;background:#fff; color:#999; border:1px solid #999; margin:-12px 10px 0 0; padding:3px 8px; border-radius:5px; font-size:12px;}
.mainbody .NumberMycenternoMarMsg li .addIcon {float: right;
    background: #999;
    color: #fff;
     margin: 0px 0 0 0; 
    padding: 4px 13px;
     border-radius: 0px; 
    font-size: 12px;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 63px;
    line-height: 57px;}
.mainbody .NumberMycenternoMarMsg li .unadd {    float: right;
    background: red;
    color: #fff;
     border: 0px solid #999; 
     margin: 0px 0px 0 0; 
    padding: 3px 13px;
     border-radius: 0px; 
    font-size: 12px;
    position: absolute;
    right: 50px;
    top: 0px;
    height: 63px;
    line-height: 57px;}

.my_messageShow
{
animation:mymove 1s infinite;
-webkit-animation:showmove 1s infinite forwards; /*Safari and Chrome*/
animation-iteration-count:1;
-webkit-animation-iteration-count:1;
}

@keyframes hidemove
{
from {right:0px;}
to {right:100px;}
}

@-webkit-keyframes hidemove  /*Safari and Chrome*/
{
from {right:0px;}
to {right:100px;}
}
.my_messageHide
{
animation:mymove 1s infinite;
-webkit-animation:hidemove 1s infinite forwards; /*Safari and Chrome*/
animation-iteration-count:1;
-webkit-animation-iteration-count:1;
}

@keyframes showmove
{
from {right:100px;}
to {right:0px;}
}

@-webkit-keyframes showmove /*Safari and Chrome*/
{
from {right:100px;}
to {right:0px;}
}

.mainbody .NumberMycenternoMar li {margin:0px; position:relative;}
.mainbody .NumberMycenter li i h5 {margin: 5px 0 2px 0;color: #333;overflow: hidden;}
.mainbody .NumberMycenter li i span { font-size: 12px;color: #999;overflow: hidden;float: left;height: 20px;}
.overflowbox {overflow:hidden; margin:5px 15px 0;}
.txtMycenter {padding:8px 15px 0; display: block; font:normal 16px/22px "微软雅黑";}
.mainbody .NumberMycenter li .item { margin:10px 15px; background: #f7f7f7; overflow: hidden;}
.mainbody .NumberMycenter li .item h6 {font:normal 16px/22px "微软雅黑"; color:#333; margin:6px 8px 2px;}
.mainbody .NumberMycenter li .item p {color:#999; margin:0 8px 5px; font-size:14px; height: 42px; overflow: hidden;}
.mainbody .NumberMycenter li .item .pic {width:100px; height:70px; float:left; margin:0 8px 0 0;}
.mainbody .NumberMycenter li .item .pics_3 {position:relative;width:100%; height:70px;overflow:hidden;}
.mainbody .NumberMycenter li .item .pics_3 .total_num {position: absolute;bottom: 0;right: 0;background: #f7f7f7;padding: 0 5px;border-top-left-radius: 5px;}
.mainbody .NumberMycenter li .item .pics_3 li {width:33.33%;height:70px;float:left;padding:3px;margin:0;}
.mainbody .NumberMycenter li .item .pics_9 {position:relative;width:100%; height:210px;overflow:hidden;}
.mainbody .NumberMycenter li .item .pics_9 .total_num {position: absolute;bottom: 0;right: 0;background: #f7f7f7;padding: 0 5px;border-top-left-radius: 5px;}
.mainbody .NumberMycenter li .item .pics_9 li {width:33.33%;height:70px;float:left;padding:3px;margin:0;}


/*post*/
.mainbody_post .title {margin:0 0px;}
.lanmu {border-bottom:0px solid #e6e6e6; font:normal 14px/44px "微软雅黑"; padding:0 10px; color:#999; overflow:hidden}
.lanmu .fr {color:#ffaa00; font-weight: bold;}
.title input {border:none; padding:10px 0; font-size:18px; border-bottom:1px solid #e6e6e6; border-radius: 0px; line-height: 45px; height:45px; margin:5px 0;}
.txtbody {margin:0 10px;}
.txtbody .textarea {width: 100%;min-height: 20px; max-height: 300px;margin: 0 0 0px;-webkit-user-select:text; padding: 3px 0px; outline: 0; border: 0px dashed #ddd; font-size: 14px; line-height: 24px;word-wrap: break-word;overflow-x: hidden;overflow-y: auto; color:#999;}
.txtbody .pic {width: 100%; overflow: hidden; position: relative; margin:0 0 10px 0;}
.txtbody .pic img {width: 100%;}
.txtbody .pic .close {position: absolute; right: 0px; top:0px; background: rgba(0,0,0,0.6) url(../images/close01.png) center 6px no-repeat; width:30px; height:30px; border-radius:0 0 0 100%; font:normal 24px/20px "黑体"; text-align: center; color: #fff; text-indent: 6px;}
.place {position: fixed; height:34px; bottom: 57px; left: 0px; width: 100%; background:#fff; box-sizing:border-box; padding: 0 10px 0px; font:normal 12px/34px "微软雅黑"; color: #999;}
.place img {float: left; margin:10px 5px 0 0; width: 12px;}
.pictureUpload {position: fixed; bottom:0px; left:0px; display:none; width: 100%; height:100%; border-top:0px solid #e6e6e6; background:rgba(0,0,0,0.4); z-index:101;}
.pictureUpload a {float: left; margin:0; text-align:center; position:absolute; bottom:0px; left:0px; background:#fff; width:100%; height: 40px; border-top:1px solid #efefef; line-height:40px; color:#666;}
.pictureUpload a img {width: 22px; height: 22px; float:left;}
.loading01 {width:140px; height:140px; position:fixed; top:50%; left:50%; margin:-70px 0 0 -70px; display:none; z-index:999; background:rgba(0,0,0,0.4); border-radius:8px;}
.loading01 span {width:100%; display:block; text-align:center; color:#fff;}
.inside_bar {margin:10px 0 10px 0; overflow: hidden; color: #999; font-size: 14px;}
.inside_bar .zan {padding:0 0 0 20px; background: url(../images/zan.png) left 1px no-repeat; margin:0 10px 0 0; background-size: 16px;}
.inside_bar .cai {padding:0 0 0 20px; background: url(../images/cai.png) left 2px no-repeat; background-size: 16px; display:none;}
.inside_bar .zan.on {padding:0 0 0 20px; background: url(../images/zan_on.png) left 1px no-repeat; background-size: 16px;}
.inside_bar .cai.on {padding:0 0 0 20px; background: url(../images/cai_on.png) left 2px no-repeat; background-size: 16px;}
.inside_bar .fr img {margin:0 4px 0 0; vertical-align:middle}
.otheritem {background: #fff; overflow: hidden;}
.otheritem .hd h6 {color: #ffaa00; font-size:16px; padding:4px 10px; margin:6px 0 0;}
.otheritem .bd ul {margin:5px 10px;}
.otheritem .bd li {background: #f7f7f7; overflow: hidden; margin: 0 0 10px 0;}
.otheritem .bd li i {float: left; width: 110px; height:80px; overflow: hidden; margin:0 6px 0 0;}
.otheritem .bd li h5 {font:normal 16px/18px "微软雅黑"; max-height: 36px; margin:4px 0 0 6px; overflow: hidden; color: #666;}
.otheritem .bd li p {font:normal 12px/16px "微软雅黑"; max-height: 32px; margin:4px 0 4px 6px; overflow: hidden; color: #999;}

.box_toolbar {position:fixed; left:0px; bottom:0px; width:100%; background:#fff;}
.box_toolbar .addTxt,.box_toolbar .addImg,.box_toolbar .addVideo {float:left; width:30%; background:#fff; border-radius:20px; box-shadow:0 0 6px #ccc; color:#787878; padding:3px; margin:10px 1.66%; line-height:30px;}
.box_toolbar .addTxt img,.box_toolbar .addImg img,.box_toolbar .addVideo img {float:left; margin:0 5px 0 0;}
.write_box {background:#efefef; width:100%; padding:5px; margin:0 0 10px;}
.write_box .textarea {background:#fff; width:100%; padding:5px; border:none; color:#666;}
.content_limit {overflow:hidden; font-size:12px; position:relative}
.content_limit .fl {border-radius:50%; overflow:hidden; width:36px; height:36px; padding:5px;}
.content_limit .fl img {width:100%;}
.content_limit .fr {padding:8px 4px 0; color:#e43737;}
.content_limit .fr img {float: left;margin: 3px 4px 0 0; width:14px;}
.write_box .glyphicon-move {width:30%; height:100%; position:absolute; left:35%; top:0px;background:url(/static/m/images/longpress.png) no-repeat;background-size:100%;}

.choose_tag {border:1px solid #ddd; border-radius:6px; box-shadow:0px 0px 4px #ccc; height:36px; padding:0 10px; line-height:34px; margin:15px 0 0 0; font-size:14px;}
.tags {width:100%; float:left; margin:10px 0 0 0;}
.tagbtn {border:1px solid #ddd; border-radius:18px; height:28px; padding:0 10px; line-height:26px; margin:10px 10px 10px 0; float:left; position:relative; color:#999;}
.tagbtn label {position:absolute; right:-5px; top:-5px; width:15px; height:15px;}
.borbot {border-bottom:1px solid #e5e5e5;}
.tagbtn.hover {border-color:#ffaa00;color:#ffaa00;}


.choosetag {position:fixed; top:0px; left:0px; width:100%; height:100%;background:#fff; z-index:10000; display:none;}
.choosetagforBK {position:fixed; top:44px; left:0px; bottom:53px; width:100%;background:#fff; z-index:100; overflow:hidden; overflow-y:scroll;}
.chooseAnswer {margin:44px 0 5px 0; padding:0 10px; overflow:hidden;}
.choosetaglist {border-top:0px solid #e5e5e5; background:#fff;}
.choosetaglist .leftbar {float:left; background:#f2f2f2; width:40%; padding:0 0 40px 0; overflow-y:scroll;}
.choosetaglist .leftbar .leftbarUl{ overflow-y:scroll;}
.choosetaglist .leftbar li {width:100%; font:normal 14px/40px "微软雅黑"; text-align:center; color:#666;}
.choosetaglist .leftbar li.on {background:#fff;}
.choosetaglist .rightside {width:60%; float:left; overflow-y:scroll;}
.choosetaglist .rightside ul {margin:0 15px;}
.choosetaglist .rightside li {width:100%; border-bottom:1px solid #f2f2f2; text-indent:40px; font:normal 14px/40px "微软雅黑"; color:#666; }
.choosetaglist .rightside li.active {color:#ffaa00; background:url(../images/rightchoose.png) 10px center no-repeat; background-size:14px;}


.identifying {position:absolute; right:0px; top:0px; height:40px; padding:0 15px; font:normal 14px/40px "微软雅黑"; color:#999; border-left:1px solid #ebebec; display:none}
.identifyingforsign {position:absolute; right:0px; top:0px; height:40px; padding:0 15px; font:normal 14px/40px "微软雅黑"; color:#999; border-left:1px solid #ebebec;}
.sendCode_block {height: 40px;}
.sendCode_block div {width: 50%;text-align: center;float: left;height: 40px;padding: 0 15px;font: normal 14px/40px "微软雅黑";color: #999;border-left: 1px solid #ebebec;}
.sendCode_block div:first-child {border-left: 1px solid #fff;}

.mainbody_topf {top:44px; position:absolute; width:100%;}
.colunmbox {margin:10px 0 10px 10px; overflow:hidden; box-sizing:border-box}
.colunmboxhd {margin:0 0 10px 0;}


.sixinDetail {width: 100%;background: #fff;}
.sixinDetail .hd {background: #fafafa; height: 48px; border-bottom:1px solid #e6e6e6; position: relative;}
.sixinDetail .hd a.back {width:9px; height:14px; padding:17px 19px; display: block; position: absolute; left: 0px; top:0px;}
.sixinDetail .hd a.back img {vertical-align: top;}
.sixinDetail .hd h2 {text-align: center; width: 100%; color:#999; font:normal 16px/48px "微软雅黑";}
.sixinDetail .hd h2 b {margin:0 15px; color: #666;}
.sixinDetail .hd a.blacklist {position: absolute; right: 10px; top: 10px; background: #999; color: #fff; font:normal 14px/28px "微软雅黑"; padding:0 10px; border-radius:5px;}
.sixinDetail .bd {width: 100%; margin-right: -20px;}
.sixinDetail .bd a.moreDetails {width:90px; text-align: center; margin: 20px auto 25px; display: block; color:#ffaa00;}
.sixinDetail .bd .time {width: 100%; text-align: center; color: #999; display: block;}
.sixinDetail .bd .leftTalk {float: left; margin:10px 0 10px 20px; width: 100%;}
.sixinDetail .bd .leftTalk a.pic {width:40px; height:40px; overflow: hidden; border-radius: 50%; float: left; margin:0 15px 0 0;}
.sixinDetail .bd .leftTalk .talktxt {background: #fafafa; border: 1px solid #e6e6e6; word-break:break-all; float: left; border-radius: 5px; position: relative; min-height: 44px; padding:8px 10px; color: #333; font:normal 14px/22px "微软雅黑"; max-width:200px;}
.sixinDetail .bd .leftTalk .talktxt .jt {position: absolute; left: -10px; top:20px;}
.sixinDetail .bd .rightTalk {float: right; margin:10px 20px 10px 0; width: 100%;}
.sixinDetail .bd .rightTalk a.pic {width:40px; height:40px; overflow: hidden; border-radius: 50%; float: right; margin:0 0 0 15px;}
.sixinDetail .bd .rightTalk .talktxt {background: #fdf5e8; border: 1px solid #e6e6e6; float: right; border-radius: 5px; position: relative; min-height: 44px; padding:8px 10px; color: #333; font:normal 14px/22px "微软雅黑"; max-width:200px;}
.sixinDetail .bd .rightTalk .talktxt .jt {position: absolute; right: -10px; top:20px;}
.sixinReply {border-top:1px solid #e6e6e6; background: #fafafa; padding:0 0 15px 0; position:fixed; bottom:0px; left:0px; width:100%;}
.sixinReply .txt {width:90%; margin:20px auto; border:1px solid #e6e6e6; display: block; font:normal 14px/40px "微软雅黑"; text-indent: 10px;}
.sixinReply .fabulist {width: 90%; margin:0 auto;}
.sixinReply .fabulist .emote {margin: 0 15px 0 0;}
.sixinReply .fabulist .btnReply {float: right; background: #ffaa00; color: #fff; font:normal 16px/38px "微软雅黑"; padding: 0 25px; border: none; border-radius: 8px; outline: none; cursor: pointer;}

#detailInfo {min-height:500px;}
#detailInfo,#allReply {word-break:break-all}
.showmore {
    width: 100%;
    text-align: center;
    color: #999;
    padding: 5px 0 5px;
}
.moderator {padding:44px 10px 0; width:100%; line-height:30px; height:74px; overflow:hidden; background:#f2f2f2; color:#999;}
.moderator span {margin:0 10px 0 0;}
.moderator2 {padding:0px 10px 0; width:100%; line-height:30px; height:30px; overflow:hidden; border-top:1px solid #ddd; background:#f2f2f2; color:#999;}
.moderator2 span {margin:0 10px 0 0;}

.postbox {position:fixed; bottom:40px; right:20px; padding:0px; box-sizing:border-box;z-index:2; box-shadow: 0px 0px 10px #666;border-radius: 50%;}

.postbox01 {position:fixed; bottom:0px; left:0px; width:100%; background:#f2f2f2; padding:5px 10px; box-sizing:border-box;}

.postbox01 .postbtn {width:100%; background:#ffaa00; color:#fff; border:0px; border-radius:5px; line-height:30px; text-align:center}
.postbox01 .postbtn01 {width:100%; background:#c5c5c5; color:#fff; border:0px; border-radius:5px; line-height:40px; text-align:center}

.postbox .postbtn {width:50px; height:50px; background:#ffaa00 url(../images/postbtn_png.png) 16px 14px no-repeat; text-indent:-9999px; background-size:20px 20px; color:#fff; border:0px; border-radius:50%; line-height:50px; text-align:center}
.postbox .postbtn01 {width:100%; background:#c5c5c5; color:#fff; border:0px; border-radius:5px; line-height:40px; text-align:center}
.redsz{    float: right;
    background: red;
    color: white;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    text-align: center;font-size: 12px;
    display:none
}
.hdd{
        position: absolute;
    right: 15px;
    bottom: 35px;
    background: red;
    width: 8px;
    height: 8px;
    border-radius: 4px;
}
.redszxt{
      position: absolute;
    left: 48px;
    top: 10px;
    background: red;
    color: white;
    border-radius: 8px;
    width: 16px;
    height: 16px;
    text-align: center;
    font-size: 10px
}


/*mainbottom*/
.homepage {background:url(../images/home.png) center 2px no-repeat; background-size:22px; height:41px; padding:24px 0 0 0;}
.postpage {background:url(../images/post.png) center 2px no-repeat; background-size:22px; height:41px; padding:24px 0 0 0;}
.friendspage {background:url(../images/relationship.png) center 2px no-repeat; background-size:22px; height:41px; padding:24px 0 0 0;}
.mycolumn {background:url(../images/column.png) center 2px no-repeat; background-size:22px; height:41px; padding:24px 0 0 0;}
.mypage {background:url(../images/my.png) center 2px no-repeat; background-size:22px; height:41px; padding:24px 0 0 0;}
.homepage.active {background:url(../images/home_on.png) center 2px no-repeat; background-size:22px; color:#ffaa00}
.postpage.active {background:url(../images/post_on.png) center 2px no-repeat; background-size:22px; color:#ffaa00}
.friendspage.active {background:url(../images/relationship_on.png) center 2px no-repeat; background-size:22px; color:#ffaa00}
.mycolumn.active {background:url(../images/columnon.png) center 2px no-repeat; background-size:22px; color:#ffaa00}
.mypage.active {background:url(../images/my_on.png) center 2px no-repeat; background-size:18px; color:#ffaa00}



/*sign*/
.floatbg {position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none;}
.floatperfect{width:80%; position:fixed; left:10%; background:#fff; top:30%; padding:15px 10px 5px; border-radius:10px; display:none;}
.floatperfect .hd {border-bottom:1px solid #e2e2e2; text-align:center;}
.floatperfect .hd h2 {font-size:20px; line-height:32px; color:#666;}
.floatperfect .hd span {color:#999; line-height:30px;}
.floatperfect .bd li {width:100%; float:left; text-align:center; height:40px; font:normal 16px/40px "微软雅黑"; color:#c4830f;}
.floatreg{width:80%; position:absolute; left:10%; background:#fff; top:10%; padding:5px 0px 0px; border-radius:10px; overflow:hidden; display:none;}
.floatreg .hd {border-bottom:1px solid #e2e2e2; text-align:center;}
.floatreg .hd h2 {font-size:20px; line-height:52px; color:#666;}
.floatreg .bd li {width:100%; float:left; padding:0 10px; text-align:left; height:42px; font:normal 16px/40px "微软雅黑"; color:#c4830f; border-bottom:1px solid #f8f8f8}
.floatreg .bd ul.floatregUl {height:300px; overflow-y:scroll;}
.floatreg .bd li i {border:1px solid #ddd; border-radius:50%; width:18px; height:18px; float:left; margin:12px 6px;}
.floatreg .bd li.on i label {background:#ffaa00; width:10px; height:10px; margin:3px; float:left; border-radius:50%;}
.floatreg .cancel,.floatreg .surereg{width:50%; float:left; text-align:center; height:44px; line-height:44px; border-top:1px solid #ddd; color:#ffaa00;}
.floatreg .cancel {border-right:1px solid #ddd; color:#999}


/*usefulColumn*/
.usefulColumn {width:100%; padding:10px 0; border:none; overflow:hidden; border-bottom:1px solid #ddd;}
.usefulColumn .hd {color:#ffaa00; padding:0 8px; border-left:4px solid #ffaa00; margin:0 10px; }
.usefulColumn .bd {padding:0 10px; overflow:hidden}

.center-list-item p img {max-width:100%;}
.txtMycenter img {max-width:100%;}

/*sharepart*/
.action-sheet-mask {position: fixed;top: 0;left: 0;display:none;z-index: 1003;border: 0px solid transparent;width: 100%;height: 100%;background: rgba(0,0,0,.5);opacity: 0;-webkit-transition: opacity .15s ease-in-out;-webkit-user-select: none;-webkit-highlight: none;-webkit-tap-highlight-color: transparent;}
.action-sheet-mask.show {opacity: 1 !important;}
.shareback{position:absolute;width:100%;left:0px;bottom:0px;height:40px;line-height:40px;text-align:center;font-family:"微软雅黑";color:#666;background-color:#fff}
.sharepart{width:100%;position:absolute;bottom:40px;left:0px; background:rgba(255,255,255,0.9); padding:20px 0 5px 0;}
.sharepart ul li{font-family:"微软雅黑";float:left;width:20%;text-align:center;padding-bottom:20px;}
.sharepart ul li img{padding-bottom:5px;}
.sharepart ul li span{display:block;text-align:center;color:#666;}

.ruleEule {width:80%; position:fixed; left:10%; top:20%; background:#fff; border:1px solid #e2e2e2; display:none;}
.ruleEule .ruleEulehd {width:100%; padding:15px 0; text-align:center; color:#666; font:normal 16px/45px "微软雅黑";}
.uleEulefooter {position:absolute; bottom:0px; left:0px; width:100%; background:#ffaa00; color:#fff;}
.uleEulefooter .aui-dialog-btn {color:#fff;}
.ruleEulebd {height:280px; padding:0 15px 0px; margin:0 0 45px; overflow-y:scroll; color:#999;}

.ruleEule01 {width:80%; position:fixed; left:10%; top:20%; background:#fff; border:1px solid #e2e2e2; display:none;}
.ruleEule01 .ruleEulehd01 {width:100%; padding:15px 0; text-align:center; color:#666; font:normal 16px/45px "微软雅黑";}
.uleEulefooter01 {position:absolute; bottom:0px; left:0px; width:100%; background:#ffaa00; color:#fff;}
.uleEulefooter01 .aui-dialog-btn {color:#fff;}
.ruleEulebd01 {height:280px; padding:0 15px 0px; margin:0 0 45px; overflow-y:scroll; color:#999;}

.telbg {background:rgba(0,0,0,0.6); position:fixed; left:0px; top:0px; width:100%; height:100%; display:none;}
.telBox {position:fixed; width:80%; height:110px; left:10%; top:50%; margin-top:-55px; background:#fff; overflow:hidden; text-align:center; border:1px solid #e3e3e3; border-radius:8px; color:#777;}
.telBox input {width:50%; float:left; border:none; border-radius:0px; border-top:1px solid #ddd; height:38px; box-sizing:border-box;}
input.cancel {border-right:1px solid #ddd;}
.telBox .text {height:70px; line-height:70px;}


.userbox {background:#fff; border-bottom:10px solid #F4F5F6; border-top:10px solid #F4F5F6; overflow:hidden}
.userbox .userlist {padding:10px; width:100%; overflow:hidden;}
.userbox .userlist img {width:60px; height:60px; border-radius:50%; overflow:hidden; float:left; margin:0 10px 0 0;}
.userbox .userlist h2 {line-height:60px; display:inline-block; float:left; color:#666; font-size:18px; max-width:120px; overflow:hidden; height:60px; text-overflow:ellipsis; white-space:nowrap;}
.userbox .userinfo li {width:25%; float:left; text-align:center; padding:10px 0 10px;}
.userbox .userinfo li h6 { color:#333;}
.userbox .userinfo li span {color:#999;}
.usertitle {width:100%; overflow:hidden}
.usertitle .zhuHui {width:50%; float:left; text-align:center; height:50px; line-height:40px; padding:10px 0 0 0;}
.usertitle .zhuHui h6 { font:normal 14px/38px "微软雅黑"; height:38px;}
.usertitle .zhuHui.on h6 {border-bottom:2px solid #ffaa00; display:block;width: 34px;margin: 0 auto;}
.userlist .sendmessage,.userlist .follow {background:#fff; border:1px solid #ffaa00; border-radius:4px; padding:4px 9px; font-size:12px; color:#ffaa00; margin:12px 10px; float:right}
.userlist .follow.on {color:#fff; background:#ffaa00;}
.userlist .mySetting img {width:30px; height:17px; margin:1px 6px 0 0;}
.userlist .mySetting {color:#888; float:right; padding:19px 15px 19px 0; background:url(../images/moreDetail.png) center right no-repeat; background-size:8px}
.userbox .userlist h2.user-name {padding:0px; text-align:left; font-size:16px;}
/*表情*/
.faces_list_bg {height:227px;}
.pub-faces-bg {position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); display:none;}
.pub-faces {display:none;padding: 5px 0 0px;background: #fff;position:fixed;bottom:0px;left:0px;border-top:1px solid #efefef;z-index:99;}
.pub-faces .over {float: right;margin: 5px 10px;background: #ffaa00;color: #fff;padding: 3px 13px;border-radius: 5px;}
.pub-faces .face-panel-wrap {overflow: hidden}
.pub-faces .ui-carousel {overflow: hidden;margin: auto;width: 256px}
.pub-faces .face-panel {float: left;width: 256px;height: 96px;background: #f0eff5 no-repeat 50% 50%;background-size: 256px auto}
.pub-faces .face-panel span {float: left;box-sizing: border-box;width: 36px;height: 32px}
.pub-faces .face-panel-1 {background-image: url(http://pub.idqqimg.com/qqun/xiaoqu/mobile/img/nopack/face-panel1.png?64907b3d)}
.pub-faces .face-panel-2 {background-image: url(http://pub.idqqimg.com/qqun/xiaoqu/mobile/img/nopack/face-panel2.png?5dca52f1)}
.pub-faces .face-panel-3 {background-image: url(http://pub.idqqimg.com/qqun/xiaoqu/mobile/img/nopack/face-panel3.png?b3128771)}
.pub-faces .face-panel-4 {background-image: url(http://pub.idqqimg.com/qqun/xiaoqu/mobile/img/nopack/face-panel4.png?3a5046c2)}
.pub-faces .face-panel-5 {background-image: url(http://pub.idqqimg.com/qqun/xiaoqu/mobile/img/nopack/face-panel5.png?174a3e2e)}
.pub-faces .ui-carousel-indicators li {margin: 0 3px;background-color: #ddd}
.pub-faces .ui-carousel-indicators li.js-active {background-color: #64b5e8}
.pub-faces .ui-carousel-indicators {position: relative;bottom: initial;left: initial;margin-top: 25px;margin-left: -7px;width: initial}
/*评论表情*/
.faces_list {clear:both; display: block; margin:-1px auto 0px auto;padding:12px 0px 0px 12px; height:201px;}
.faces_list li {cursor: pointer;float: left;border: 1px solid #E8E8E8;height:38px;width:38px;overflow: hidden;margin: -1px 0 0 -1px;padding: 5px 5px;text-align: center;}
.faces_list li img { width:26px; height:26px;}


/*草稿箱提醒样式*/
#iosDialog2,#iosDialogDelete2 {display:none;}
.weui-mask {position: fixed;z-index: 1000;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);}
.weui-dialog {position: fixed;z-index: 5000;width: 80%;max-width: 300px;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-color: #FFFFFF;text-align: center;border-radius: 3px;overflow: hidden;}
.weui-dialog__hd {padding: 1.3em 1.6em 0.5em;}
.weui-dialog__title {font-weight: 400;font-size: 18px;}
.weui-dialog__bd {padding: 0 1.6em 0.8em;min-height: 40px;font-size: 15px;line-height: 1.3;word-wrap: break-word;word-break: break-all;color: #999999;}
.weui-dialog__bd:first-child {padding: 2.7em 20px 1.7em;color: #353535;}
.weui-dialog__ft {position: relative;line-height: 48px;font-size: 18px;display: -webkit-box;display: -webkit-flex;display: flex;}
.weui-dialog__ft:after {content: " ";position: absolute;left: 0;top: 0;right: 0;height: 1px;border-top: 1px solid #D5D5D6;color: #D5D5D6;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.weui-dialog__btn {display: block;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;color: #3CC51F;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);position: relative;}
.weui-dialog__btn:active {background-color: #EEEEEE;}
.weui-dialog__btn:after {content: " ";position: absolute;left: 0;top: 0;width: 1px;bottom: 0;border-left: 1px solid #D5D5D6;color: #D5D5D6;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleX(0.5);transform: scaleX(0.5);}
.weui-dialog__btn:first-child:after {display: none;}
.weui-dialog__btn_default {color: #353535;}
.weui-dialog__btn_primary {color: #0BB20C;}
.replyto {display: inline;margin: 0 0 0 7px;}

.list_content {width:100%; overflow:hidden; margin:0 0 10px 0;}
a.replybtn {color:#666}

/*单层评论跳出css*/
.replyDetail {}

/*video css*/
.videobox {border:1px solid #ddd;display:block; margin:0 0 10px 0;}

/*删除帖子，编辑帖子*/
.contralDetailbg {display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1001;}
.contralDetail {position:fixed;bottom:40px; left:0px; padding: 20px 0 5px 0; background: rgba(255,255,255,0.9); width:100%;}
.contralDetail ul li {font-family: "微软雅黑";float: left;width: 20%;text-align: center;padding-bottom: 20px;}
.contralDetail ul li img {padding-bottom: 5px;}
.contralDetail ul li span {display: block;text-align: center;color: #666;}
.contralDetail .delete,.contralDetail .updata,.contralDetail .updataclean {display:none} 
.contralDetailQuit {position: absolute;width: 100%;left: 0px;bottom: 0px;height: 40px;line-height: 40px;text-align: center;font-family: "微软雅黑";color: #666;background-color: #fff;}


.choosehd {width:100%; border-bottom:1px solid #ddd; overflow:hidden; position:fixed; top:0px; left:0px; z-index:999; background:#fff;}
.choosehd .choosehdbox {width:50%; float:left; text-align:center; font:normal 14px/40px "微软雅黑"; color:#888;border-image:url(../images/borderimage.jpg); }
.choosehd .choosehdbox h3 { font:normal 14px/40px "微软雅黑"; margin:0 20px;}
.choosehd .choosehdbox.on {color:#ffaa00}
.choosehd .choosehdbox.on h3 {border-bottom:3px solid #ffaa00; }

#my_help {display:none;}

#hotlist .index-list {
    border-bottom: 1px solid #f1f1f1;
}

    #hotlist .index-list a {
        color: #a56e17
    }
#infolist .index-list {
padding:10px 0;
margin:0 10px;
    border-bottom: 1px solid #f1f1f1;
}

    #infolist .index-list .fl {
        color: #a56e17
    }

#infolist .index-pic-info {
    float: left;
    margin: 4px 10px 0 0;
    width:60px;
height:60px;
    overflow: hidden;
}
#infolist .index-text {
    padding: 8px 0 5px 0;
height:37px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#infolist .index-more {display:flex;}
    #infolist .index-more .reply-quantity-items {flex:1;}
    .moreHot {
        width: 100%;
        text-align: center;
        color: #ffaa00;
        padding: 7px 0 9px;
    }

.ActionBar {width:44px; height:44px; text-align:center; line-height:40px;}


/*shoplist by tsd*/
.shoplist,.shopDetail {width:100%; box-sizing:border-box; padding:0 10px; margin:54px 0 0;}
.shoplist li {background:#f5f5f5; position:relative; padding:0 0 10px 0; margin:0 0 10px 0;}
.shoplist li i {display:block; overflow:hidden}
.shoplist li i img {float:left}
.shoplist li h5 {padding:10px 10px 0; font:bold 20px/34px "微软雅黑"; color:#333; height:40px;}
.shoplist li p {font-size:14px; padding:0 10px; line-height:26px;height:26px;}
.shoplist li p em {font-size:20px; font-weight:bold;}
.shoplist li a {position:absolute; right:0px; bottom:0px; background:#ec5810; color:#fff; height:102px; line-height:102px; padding:0 15px;}

/*shopdetail by tsd*/
.shopDetail {border-bottom:1px solid #ddd ;}
.shopDetail h5 {width:100%; padding:10px 10px 0; text-align:center; font:bold 22px/34px "微软雅黑"; color:#333;}
.shopDetail p {font-size:14px; padding:0 10px; text-align:center; line-height:26px;width:100%;}
.shopDetail p em {font-size:20px; font-weight:bold;}
.number {width:110px; margin:10px auto; overflow:hidden}
.number input {border:1px solid #ddd; padding:0 0px; float:left; height:30px; width:50px; text-align:center; border-radius:0px; line-height:30px;}
.number a {float:left}
.shopDetail_person {background:#f5f5f5}
.shopDetail_person .bd {overflow:hidden;}
.buy_float {position:fixed; bottom:0px; left:0px; width:100%; height:50px; background:#fff; border-top:1px solid #e5e5e5; box-shadow:0 0 2px #ddd;}
.buy_float span {height:50px; line-height:50px; color:#fff;padding:0 20px; background:#ffaa00; margin:0 0 0 15px;}
.buy_float p {line-height:50px; font-size:12px; text-align:right;}
.buy_float_bg {height:50px; width:100%;}
.payment {width:100%; height:100%; background:#fff; position:fixed; top:0px; left:0px; z-index:-1; opacity:0; }

input.paySureBtn { width:100%; height:45px; text-align:center; border-radius:0px; background:#ffaa00; border:none; color:#fff; position:fixed; bottom:0px; left:0px;}

/*orderList by tsd*/
.orderList {margin-top:44px;}
.orderList li,.orderDetail {background:#fff; margin:0 0 10px 0; overflow:hidden; padding:0px 0 0 0; font:normal 12px/18px "微软雅黑";}
.orderList li .item,.orderDetail .item {background:#f7f7f7; display:flex; padding:7px;}
.orderList li .item .leftItem,.orderDetail .item .leftItem { flex:1;}
.orderList li .item .leftItem i.pic,.orderDetail .item .leftItem i.pic {width:100px; height:60px; overflow:hidden; float:left; margin:0 10px 0 0;}
.orderList li .item .leftItem h5,.orderDetail .item .leftItem h5 {color:#333; font:normal 14px/22px "微软雅黑";}
.orderList li .item .leftItem p,.orderDetail .item .leftItem p {font-size:12px; color:#999;}
.orderList li .item .rightItem,.orderDetail .item .rightItem {text-align:right; font:normal 12px/18px "微软雅黑"; color:#999;}
.orderList li .item .rightItem h4,.orderDetail .item .rightItem h4 { font:normal 14px/22px "微软雅黑"; color:#333;}
.orderList li .prise,.orderDetail .prise {border-bottom:1px solid #f5f5f5; text-align:right; padding:0 7px;}
.orderList li .prise p,.orderDetail .prise p { font:normal 12px/36px "微软雅黑";}
.orderList li .prise p b,.orderDetail .prise p b {font:normal 14px/36px "微软雅黑";}
.orderList li .timeState,.orderDetail .timeState {font:normal 12px/36px "微软雅黑"; text-align:right; padding:0 7px; height:36px;}
.orderList li .timeState label,.orderDetail .timeState label {border:0px solid #ffaa00; border-radius:13px; height:26px; font:normal 12px/25px "微软雅黑"; color:#ffaa00; margin:5px 0;}

/*OrderUserInfo by tsd*/
.OrderUserInfo {margin:44px 0 10px 0; background:#fff url(../images/place.png) 11px center no-repeat; background-size:14px; padding:5px 10px 7px 35px; color:#8f8f94; font-size:13px;}
.OrderUserInfo p {width:100%; display:block; overflow:hidden; line-height:18px; font-size:13px; padding:4px 0 0 0;}
.priseList {overflow:hidden; padding:5px 0;}
.priseList li {font-size:12px; color:#8f8f94; overflow:hidden; padding:0px 7px;}
.orderDetail .prise p.fr {font-size:14px;}
.priseList li.bigfont {color:#444; font-size:13px;}
.orderState {position:fixed; left:0px; bottom:0px; background:#fff; height:40px; width:100%;}
.orderState label {border:1px solid #ddd; border-radius:14px; height:28px; font:normal 12px/27px "微软雅黑"; float:right; display:block; padding:0 16px; color:#666; margin:5px 10px;}

.successImg {margin:50% 15%; width:70%}
.Successfloat {position:fixed; left:0px; bottom:0px; height:45px; font:normal 14px/44px "微软雅黑"; text-align:center; width:100%; border-top:0px solid #ddd;}
.Successfloat a {width:100%; float:left; display:block; color:#fff; background:#ffaa00;}

.orderListNull {width:100%; text-align:center; margin:50% 0; color:#999;}
.orderListNull img {opacity:0.4;}
.orderListNull a {border:1px solid #ffaa00; border-radius:5px; padding:4px 14px; color:#ffaa00; margin:10px auto 0; display:block; width:100px;}

.pointDetail {width:100%; background-size:100%; position:relative}
.pointDetail p {position:absolute; left:50%; top:7.5%; margin-left:-40px; width:80px; height:105px; text-align:center; color:#ffaa00; padding:2% 0 0; background:url(/static/m/images/pointDetail01.png) no-repeat; background-size:100%;}
.pointDetail p b {width:100%; display:block; font-size:24px; font-weight:normal; color:#ffaa00;height:25%;}
.pointDetail p label {width:100%; display:block; font-size:14px; font-weight:normal; color:#ffaa00;height:60%; padding:44% 0 0;}

.enrollBox {border:1px solid #ffaa00; margin:10px;}
.enrollBoxHd {background:#ffaa00; padding:10px; min-height:40px;}
.enrollBoxHd h5 {color:#fff; font:bold 16px/20px "微软雅黑";}
.enrollBoxBd {padding:10px 10px; font: normal 14px/34px "微软雅黑";}
select.enrollSelect {border: solid 1px #bcbcbc !important;appearance:none;-moz-appearance:none;-webkit-appearance:none; margin:5px 0;color:#666;background: url("/static/images/arrow.png") no-repeat scroll 99% center transparent;height:34px;line-height:15px;padding:4px 44px 4px 4px;outline:none;width:100%; text-indent:5px;}
input.enrollText {border: solid 1px #bcbcbc; width:100%; outline:none; height:34px; box-sizing:border-box; text-indent:10px; margin:5px 0; padding:0px;}
select::-ms-expand { display: none; }
.enrollBox .enrollBoxBd li {overflow:hidden; margin:0 0 2px 0;}
.enrollBox .enrollBoxBd li .enrollBtn {background: #ffaa00;color: #fff;color: #fff;width: 100%;height: 34px;margin: 5px 0;cursor: pointer;border:none;}
.enrollBox .enrollBoxBd li .enrollRadio {margin:11px 3px 0 0; float:left; }
.enrollBox .enrollBoxBd li .enrollCheck {margin:11px 3px 0 0; float:left; }
.enrollRadioBox {margin:0 10px 0 0; overflow:hidden; float:left}
.enrollCheckbox {margin:0 10px 0 0; overflow:hidden; float:left}

.enrollBoxHd h5 em {font-weight:normal; font-size:12px; white-space:nowrap}
[v-cloak] {
    display: none;
}
.insideContent {position:relative;}
.btnTips span {width:100%; text-align:center; display:block; background:linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 70%);padding-top: 160px; position:absolute; left:0px; bottom:0px; color:#ff9600;}