body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
        margin:0;
        padding:0;
    }
    input,textarea,select {
        font-family:inherit;
        font-size:inherit;
        font-weight:inherit;
        *font-size:100%;
    }
    textarea {
        resize:none
    }
    :focus {
        outline-color:none;
    }
    *:focus {outline: none;}
    .wrapper-main {
        width: 1080px;
    }

    .wrapper-left {
        width: 670px;
        float: left;
        background: #fff;
        padding: 20px 40px 20px 20px;
        margin-left: 30px;
    }
    .wrap-right {
        width: 300px;
        float: right;
        margin-top: 10px;
    }
    .blog-main {
        width: 100%;
    }
    .blog-main .blog-send {
        position: relative;
    }
    .blog-send .blog-send-title {
        position: relative;
        overflow: hidden;
        height: 30px;
        padding: 0 5px;
    }
    .blog-send-title .title {
        float: left;
        font-size: 20px;
        
    }
    .blog-send-title .hot {
        float: right;
        font-size: 14px;
    }
    .blog-send-title .hot a {
        color: red;
    }
    .blog-send-area {
        position: relative;
        border-width: 1px;
        border-style: solid;
        border-color: #cccccc;
        box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15) inset;
        min-height: 70px;
        height: auto;
        border-radius: 2px;
    }
    .blog-send-area .textarea {
        height: 70px;
        margin: 0;
        padding: 5px;
        border-style:none;
        border-width: 0;
        font-size:14px;
        word-wrap:break-word;
        line-height:18px;
        overflow: visible;
        outline:line;
        width: 98%;
    }
   
    .blog-send-area .block {
        padding-top: 4px;
        padding-bottom: 4px;
        border-top-style:dashed ;
        border-top-color: #D0D0D0;
        border-top-width: 0;
        background: #F8F8F8;
        border-radius: 0 0 3px 3px;
        height: 0;
        width: 100%;
        overflow: hidden;
    }
    .content {
        float: left;
        width: 705px;
    }
    .content {
        float: left;
        position: relative;
        zoom: 1;
    }
    .upload-local-image-list {
        height: auto;
    }
    .image-list {
        margin-left: 5px;
    }
    .upload-local-image-item {
        position: relative;
        float: left;
        width: 80px;
        height: 80px;
        margin: 5px;
        background: #fff;
    }
    
    .image-list .image-box {
        background: #ccc;
        width: 120px;
        height: 120px;
        background-size: cover;
        background-position: 50% 50%;
    }
    .upload-local-image-item .image-box {
        width: 80px;
        height: 80px;
    }
    .add-local-image-button {
        position: relative;
        display: inline-block;
        width: 80px;
        height: 80px;
        margin-bottom: 5px;
        border: 2px dashed #ddd;
        line-height: 76px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        font-size: 36px;
        color: #ddd;
        cursor: pointer;
        overflow: hidden;
        margin-top: 5px;
        margin-left: 5px;
    }
    .upload-local-image-item .image-progress {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        text-align: center;
        line-height: 80px;
        font-size: 14px;
    }
    .upload-local-image-item .close-modal {
        display: none;
    }
    .close-modal.small {
        top: -8px;
        right: -8px;
        width: 18px;
        height: 18px;
        font-size: 14px;
        line-height: 16px;
        border-radius: 9px;
    }
    .close-modal {
        position: absolute;
        z-index: 2;
        top: -9px;
        right: -9px;
        width: 20px;
        height: 20px;
        font-size: 16px;
        line-height: 18px;
        color: #fff;
        text-align: center;
        cursor: pointer;
        background: rgba(153, 153, 153, 0.6);
        border-radius: 10px;
    }
    .pull-left {
        float: left;
    }
    .add-local-image-button input {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 80px;
        height: 80px;
        direction: rtl;
        font-size: 23px;
        opacity: 0;
        cursor: pointer;
    }
    .c-gray {
     color: #999 !important;
    }
    .blog-send-foot {
        padding: 6px 0 4px;
    }
    .blog-send-foot .blog-send-option{
        float: left;
    }
    .blog-send-foot .send-list {
        position: relative;
        z-index: 103;
        float: left;
        min-width: 45px;
        margin: 3px 20px 0 0;
        position: relative;
    }

    .blog-send-option  .insert-face .icon-biaoqing {
        color: #ffa405;
        font-size: 16px;
    }
    .blog-send-option  .upload-pic .icon-iconfonttupian24px {
        color: #84c002;
        font-size: 16px;
    }
    .blog-send-option  .upload-vadio .icon-shipin {
        color: #5a8ce6;
        font-size: 16px;
    }
    .blog-send-option .blog-send-foot .blog-send-button{
        float: right;
    }
    .blog-send-button .insert-btn {
        display: inline-block;
        height: 28px;
        line-height: 29px;
        width: 60px;
        font-size: 14px;
        background: #ff8140;
        border: 1px solid #f77c3d;
        color: #fff;
        box-shadow: 0px 1px 2px rgba(0,0,0,0.25);
        padding: 0 10px 0 10px;
        border-radius: 2px;
        text-align: center;
        cursor: pointer;
    }
    .insert-btn:hover {
        background: #eb7350;
    }
    .blog-send-button {
        float: right;
    }
    .insert-btn-disabled {
        background: #ffc09f !important;
        color: #fff !important;
        border: 1px solid #fbbd9e !important;
        box-shadow: none !important;
        cursor: default !important;
    }
    .blog-content {
        margin-top: 20px;
        width: 100%;
    }
    .blog-content .blog-cat {
        height: 37px;
        border: 0;
        border-bottom: 1px solid #E4E4E4;
    }

    .blog-content .blog-cat .blog-cat-contain {
        float: left;
    }
    .blog-cat-contain .blog-cat-ul {
        position: relative;
        z-index: 5;
        bottom: -1px;
        height: auto;
    }
    .blog-cat-contain .blog-cat-ul .cat-items {
        float: left;
    }
    .blog-cat-ul .cat-items .text {
        padding: 7px 20px 7px 20px;
        display: inline-block;
       
    }
    .blog-cat-ul .cat-items a:hover{
        padding: 7px 20px 6px 20px;
        color: red;
        border-bottom: 3px solid #ccc;
     }

    .blog-cat-ul .selected .text{
            border-bottom: 3px solid #f77c3d;
            color: #333;
            font-weight: bold;
    }

    .blog-content .blog-cat .blog-cat-search {
        float: right;
    }
    .blog-list {

    }
    .blog-list-contain .list-block {
        float: left;
        width: 100%;
        padding: 16px 0 18px;
        border-bottom: 1px dotted #e4e4e4;
        line-height: 23px;
    }
     .list-block .list-block-pic {
        position: relative;
        float: left;
        padding: 4px 15px 4px 0;
     } 
     .list-block-pic img {
        width: 50px;
        height: 50px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .list-block-msg {
         padding-left: 65px;
        margin-right: 0;
        word-wrap: break-word;
    }
    .list-block-msg .msg-username {
        height: 23px;
        font-size: 14px;
        line-height: 23px;
        color: #999;
    }
    .msg-username strong {
        padding-right: 5px;
         text-align: left;
    }
    .msg-username strong a {
        font-weight: 800;
        color: #006a92;
    }
    .list-block-msg .msg-content {
        font-size: 14px;
        overflow: hidden;
        word-wrap: break-word;
        color:#333;
        display: -webkit-box;
    }
    .list-block-msg .msg-multimedia {

    }
    .msg-multimedia .media-wrap {
        padding-top: 0;
        float: left;
        clear: none;

        padding: 8px 0 10px;
    }
    .msg-multimedia .media-wrap .pic-box {
        padding-bottom: 8px;
    }
    .msg-multimedia .media-wrap .pic-box a {
        float: left;
        margin-right: 5px;
        overflow: hidden;
        display: inline;
    }
    .msg-multimedia .media-wrap .pic-box a img {
        padding: 0;
        border: 0 solid #E7E7E7;
        background: #f4f4f4;
        display: inline-block;
    }
    .msg-multimedia .media-mini {

    }
    .msg-multimedia .media-info {
        position: relative;;
    }
     .msg-multimedia .media-info {
        clear: both;
        margin-top: 6px;
        line-height: 25px;
        height: 25px;
        color: #999;
     }
     .msg-multimedia .media-info .span-left {
        float: left;
        font-size: 12px;
     }
     .msg-multimedia .media-info .span-left a {
         color: #808080;
     }
     .media-info .fun-list {
        float: right;
        padding-right: 0;
        white-space: nowrap;
     }
     .media-info .fun-list a:hover em{
        color: #ff8140 !important;
     }
     .fun-list span {
        margin-left:7px;
        color: #DBDBDB;
    }
    .msg-comment {
        position: relative;
        z-index: 10;
        margin: 11px 0 4px;
        padding: 6px 10px 0;
        overflow: visible;
        background-color: #F7F7F7;
        border-color: #DEE3E3;
    }
    .msg-comment .top {
        width: 100%;
        color: #999;
        line-height: 19px;
        overflow: hidden;
    }
    .msg-comment .top .left {
        float: left;
    }
    .msg-comment .cont {
        position: relative;
        margin: 4px 0;
        border-width:1px;
        border-style: solid;
        border-color: #cdcdcd;
        background-color:#fff;
    }
    .msg-comment .cont .cont-input {
        height: 37px;
        width: 97.8%;
        padding: 5px 1%;
        overflow-y: hidden;
        border: 0;
        background: none;
        overflow: hidden;
        font-family: Tahoma,Arial;
        font-size: 12px;
        vertical-align:middle;
    }
    .msg-comment .bot {
        width: 100%;
        height: 35px;
        font-size: 12px;
        line-height: 31px;
    }
    .msg-comment .bot .list-fun {
        float: left;
        padding: 0;
         background: none;
    }
    .list-fun .send-list {
        float: left;
        margin-right: 10px;
    }
    .list-fun  .insert-face .icon-biaoqing {
        color: #ffa405;
        font-size: 14px;
    }
    .list-fun  .upload-pic .icon-iconfonttupian24px {
        color: #84c002;
        font-size: 14px;
    }
    .list-fun  .upload-vadio .icon-pengyou {
        color: #5a8ce6;
        font-size: 14px;
    }
    .list-fun .blog-send-foot .blog-send-button{
        float: right;
    }
    .msg-comment .bot .insert-common {
        float: right;
    }
    .insert-common .insert-common-btn,
    .insert-common .insert-common-btns{
        display: inline-block;
        height: 20px;
        line-height: 21px;
        min-width: 28px;
        padding: 0 10px 0 10px;
        border-radius: 2px;
        font-size: 12px;
        text-align: center;
        background: #ff8140;
        border: 1px solid #f77c3d;
        color: #fff;
        box-shadow: 0px 1px 2px rgba(0,0,0,0.25);
        cursor: pointer;
    }
     .insert-common .insert-common-btn:hover {
        background: #eb7350;
     }
    .tab-style {
        height: 1px;
        padding-top: 0;
        position: relative;
        width: 100%;
        padding: 1px 30px 0 0;
        margin: 5px -15px;
        overflow: hidden;
    }
    .tab-style .line {
        padding-right: 24px;
        clear: both;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        overflow: hidden;
        background: #DEE3E3;
    }
        
    .msg-comment .comment-list {
         padding: 0 15px;
         position: relative;
        z-index: 10;
        margin: 4px 0 4px;
        padding: 0 10px 0;
        overflow: hidden;
    }
    .comment-list ul {

    }
    .comment-list ul li {
        -webkit-transition-property: background-color;
         -webkit-transition-duration: 0.4s;
        transition-property: background-color;
        transition-duration: 0.4s;
        overflow: visible;
        padding: 4px 0 3px;
        background: none!important;
        position: relative;
        float: left;
        width: 100%;
        overflow-y: visible;
        border-bottom: 1px dotted #e4e4e4;
        line-height: 23px;
    }
    .comment-list ul li .msg-box {
        overflow: visible;
        margin-right: 0;
        word-wrap: break-word;
    }
    .comment-list ul li .msg-box .msg-cnt {
        display: block;
        padding: 0;
        font-size: 12px;
        line-height: 18px;
        word-wrap: break-word;
        overflow: hidden;
    }
    .comment-list ul li .msg-box .msg-cnt strong {
        padding-right: 5px;
         text-align: left;
    }
    .comment-list ul li .talk-wrap {
        position: relative;
         z-index: 10;
         display: none;
    }
    .comment-list ul li .talk-wrap .cont {
        position: relative;
        margin: 4px 0;
        border: 1px solid #cdcdcd;
    }
    .comment-list ul li .talk-wrap .cont .input-text {
         overflow-y: auto;
        height: 17px;
        width: 97.8%;
        padding: 5px 1%;
        overflow-y: hidden;
        border: 0;
        background: none;
    }
    .msg-box .msg-cnt strong a {
        color: #006a92;
    }
    .msg-box .msg-cnt .contents {
        margin: 0 4px 0 0;
    }
    .comment-list ul li .msg-box .msg-info {
        margin-top: 1px;
        clear: both;
        margin-top: 6px;
        line-height: 19px;
        color: #999;
    }
     .comment-list ul li .msg-box .msg-info .note {
        color: #999;
     }
     .msg-box .msg-info .note a {
        font-size: 12px;
        color: #999;
     }
     .comment-list ul li .msg-box .msg-info .reply {
        right: 0.2em;
        color: #889DB6;
        position: absolute;
     }
    .clcik {
        border-color:#7BD6F6 !important;
        -moz-outline-radius:8px !important;
        -webkit-box-shadow:0 0 10px rgba(123,214,246,.6) !important;
        -moz-box-shadow:0 0 10px rgba(123,214,246,.6) !important;
        box-shadow:0 0 10px rgba(123,214,246,.6) !important;
    }

    .upload-local-image-item:hover .js-remove-attachment {
        display: block;
    }
    .fun-list a {
         width: 50px;
        height: 25px;
        display: inline-block;
        text-align: right;
        line-height: 25px;
    }
     .collect {
        background: url(../images/buyer/collect1.png);
        background-repeat: no-repeat;
        background-size: 35%;
        background-position: 40% 45%;
     }
     .collected {
        background: url(../images/buyer/collect2.png);
        background-repeat: no-repeat;
        background-size: 35%;
        background-position: 40% 45%;
        color: #e45050 !important;
     }
     .collected em {
        color: #e45050 !important;
     }
     .share {
         background: url(../images/buyer/shake1.png);
        background-repeat: no-repeat;
        background-size: 35%;
        background-position: 40% 45%;
     }
     .comment {
          background: url(../images/buyer/comment.png);
        background-repeat: no-repeat;
        background-size: 35%;
        background-position: 40% 45%;
     }
     .thunm {
          background: url(../images/buyer/thnum2.png);
        background-repeat: no-repeat;
        background-size: 35%;
        background-position: 40% 45%;
     }
     .thunmed {
        background: url(../images/buyer/thnum1.png);
        background-repeat: no-repeat;
        background-size: 35%;
        background-position: 40% 45%;
        
     }
     .thunmed em {
        color: #e45050 !important;
     }
     .pic-box-3 {
        width: 575px;
        float: left;
     }
     .pic-box-6 {
        width: 380px;
        float: left;
     }
    .pic-box .pic-box-6 a {
        margin-right: 5px !important;
        margin-bottom: 5px;
     }
     .title a {
        color: #666;
     }
     .Tf_handle .fun-list .share {
        background-position:72% 50%;
     }