#comments {
    padding: 50px 0 20px;
    word-break: break-all;
    word-wrap: break-word
}

.double11-banner {
    display: block;
    width: 100%;
    height: 120px;
    background-color: #fff;
    padding-bottom: 5px;
    padding-top: 10px
}

.double11-banner img {
    width: 100%;
    height: 100%
}

.panelTitle {
    font-size: 16px;
    clear: both;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    font-weight: 400
}

.pop_main_box .pop-content {
    padding: 0 0 40px;
    width: 480px;
    text-align: center;
    font-size: 14px;
    color: #666
}

.pop_width_340 {
    width: 340px;
    margin: 0 auto
}

.pop_width_400 {
    width: 400px;
    margin: 0 auto
}

.pop_main_box .textarea {
    padding: 10px;
    height: 58px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    font-size: 12px;
    line-height: 22px;
    font-family: Helvetica, Hiragino Sans GB, Microsoft Yahei, ans-serif;
    resize: none
}

.a_blockBox {
    height: 42px;
    overflow: hidden
}

.pop_main_box p.pop_info {
    padding-top: 26px;
    margin-bottom: 20px
}

.btn_grey, .btn_login, .btn_reg, a.a_greyBlock, a.a_redBlock, a.a_redBlock_small {
    display: block;
    width: 110px;
    height: 40px;
    line-height: 40px;
    padding-left: 40px;
    background-color: #e62828;
    color: #fff;
    border-radius: 2px;
    font-size: 14px
}

.btn_grey, .btn_login, .btn_reg {
    border: 0;
    width: 150px;
    padding-left: 0;
    margin: 0 auto 20px;
    cursor: pointer
}

.btn_login:hover, .btn_reg:hover, .btn_sub:hover, a.a_greyBlock:hover, a.a_redBlock:hover, a.a_redBlock_small:hover {
    filter: alpha(opacity=90);
    -moz-opacity: .9;
    opacity: .9
}

a.a_greyBlock, a.a_redBlock, a.a_redBlock_small {
    padding-left: 0;
    width: 150px;
    text-align: center;
    margin: 0 auto
}

.gratuity-btn {
    margin-bottom: 0
}

.pop_jubao, .pop_jubao_other {
    padding-right: 24px;
    font-size: 12px;
    line-height: 50px
}

.pop_jubao_other {
    padding-right: 0
}

.pop_jubao_other input, .pop_jubao input {
    margin-right: 4px;
    vertical-align: middle
}

.mosaic {
    height: 14px;
    vertical-align: -2px;
    padding: 0 5px
}

#pop-mosaic .textarea {
    width: 380px;
    margin-bottom: 20px;
    margin-top: 26px
}

.panelTitle .commentNum {
    color: #e62828;
    padding-right: 5px
}

.comment_sendwrap {
    font-size: 12px;
    margin-bottom: 16px;
    position: relative;
    padding-top: 10px
}

.comment_avatar {
    width: 80px;
    height: 80px;
    float: left
}

.comment_listBox {
    margin-bottom: 40px
}

.userPic {
    position: relative;
    width: 80px;
    height: 80px;
    float: left;
    margin-bottom: 8px;
    margin-right: 20px;
    text-align: center;
    overflow: hidden
}

.userPic .avatar-img {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden
}

.userPic .pendant-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px
}

.comment_list .userPic, .comment_sendwrap .userPic {
    float: none;
    display: block;
    margin-right: 0
}

.comment_list .user-box-new {
    width: 48px;
    height: 48px;
    margin-bottom: 4px;
    margin-right: 0;
    text-align: center;
    float: none;
    position: relative
}

.comment_list .user-box-new .user-avatar {
    position: relative;
    width: 48px;
    height: 48px;
    display: block
}

.comment_list .user-box-new .user-avatar .avatar-img {
    position: absolute;
    left: 6px;
    top: 6px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden
}

.comment_list .user-box-new .user-avatar .pendant-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 48px
}

.comment_list .user-box-new .user-medal-new {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 20
}

.comment_list .user-box-new .user-medal-new img {
    width: 100%;
    height: 100%
}

.comment_nickName {
    display: block;
    width: 60px;
    height: 15px;
    line-height: 15px;
    overflow: hidden;
    text-align: center;
    color: #333
}

#comment_error, .comment_sendPart {
    padding-left: 80px
}

.textarea_comment {
    padding: 10px;
    height: 48px;
    border-radius: 2px;
    width: 615px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 20px;
    color: #999;
    resize: none;
    background-color: #f5f5f5;
    border: none
}

.comment_operate {
    padding-left: 5px;
    height: 28px;
    line-height: 28px
}

.comment_operate .comment_smileBox {
    width: 380px;
    height: 40px;
    float: left;
    position: relative;
    z-index: 1
}

.icon-rightframe, .icon-small:hover, .icon-weibo-noframe {
    color: #e62828;
    cursor: pointer
}

.icon-weibo-noframe {
    font-size: 18px
}

.comment_operate .comment_share {
    width: 90px;
    height: 28px;
    float: right;
    color: #999
}

.comment_share i.check {
    width: 12px;
    height: 12px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    vertical-align: -3px;
    margin-right: 2px
}

.comment_share i.check:hover {
    border-color: #e62828;
    cursor: pointer
}

.noLogin .comment_share i.comment_switch {
    display: none
}

.comment_share i.icon-rightframe {
    border: 0;
    display: inline;
    margin-right: 0
}

.comment_operate .btn_sub, .comment_operate .btn_subGrey {
    width: 90px;
    height: 28px;
    text-align: center;
    background-color: #e62828;
    color: #fff;
    border-radius: 2px;
    font-size: 14px;
    float: right;
    cursor: pointer
}

.btn_grey, .comment_operate .btn_subGrey {
    background-color: #ccc
}

.btn_subGrey:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

.comment_wrap .tab_nav {
    height: 23px;
    padding: 0;
    line-height: normal;
    margin: 0 0 26px;
    float: left
}

.comment_wrap .tab_comment_li {
    height: 22px;
    line-height: 22px;
    cursor: pointer;
    width: 58px;
    padding-right: 0;
    float: left;
    display: block;
    color: #666
}

.comment_wrap .tab_comment_li span {
    font-size: 14px
}

.comment_wrap .current_item {
    cursor: default
}

.comment_wrap .current_item span {
    border-bottom: 2px solid #e62828;
    font-weight: 700;
    cursor: default;
    padding-bottom: 6px
}

.comment_list {
    padding-bottom: 20px;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 16px
}

.comment_list .comment_avatar {
    height: auto;
    font-size: 12px;
    text-align: center;
    width: 48px;
    padding-right: 4px;
    position: relative;
    color: #999
}

.comment_list .comment_avatar .grey {
    white-space: nowrap
}

.comment_list .userPic {
    margin-bottom: 10px;
    /*width: 36px;*/
    /*height: 36px*/
}

.comment_conBox {
    width: 730px;
    line-height: 24px;
    color: #666;
    float: left;
    font-size: 14px;
    margin-left: 10px;
}

.comment_avatar_time {
    margin-top: -10px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    margin-bottom: 4px
}

.comment_avatar_time .time {
    float: right;
    margin-top: 2px;
    font-size: 12px;
    color: #999
}

.comment_action {
    text-align: right
}

.comment_action a {
    padding-left: 16px;
    color: #999;
    font-size: 12px
}

.comment_action a.comment-report {
    cursor: default
}

.comment_action a.current {
    color: #e62828
}

.comment_action a:hover {
    color: #5188a6
}

.comment_action .come_from {
    float: left;
    padding-right: 12px;
    color: #999;
    font-size: 12px
}

.comment_action .come_from a {
    padding-left: 0;
    color: #5188a6
}

.comment_action .come_from a:hover {
    text-decoration: underline
}

.comment_blockquote, .comment_conBox blockquote {
    background-color: #f5f5f5;
    padding: 15px 19px;
    border-bottom: 1px solid #eee
}

.comment_blockquote:last-child, .comment_conBox blockquote:last-child {
    border-bottom: none
}

blockquote .comment_con p {
    display: inline
}

.comment_list blockquote .comment_action {
    visibility: hidden
}

.comment_floor {
    float: right;
    color: #999;
    margin: -14px -12px 0 0
}

.quickReply {
    padding-top: 10px;
    position: relative;
    display: none
}

#quick_error {
    position: absolute;
    bottom: 0;
    right: 180px;
    font-size: 12px
}

blockquote .comment_con {
    padding-right: 15px;
    padding-top: 0;
    overflow: hidden
}

blockquote .comment_con a.user_name {
    color: #333
}

blockquote .comment_con a.user_name > span:hover {
    color: #5188a6
}

.comment_showAll {
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px
}

.textarea_quick {
    width: 610px;
    height: auto;
    min-height: 22px;
    overflow: hidden;
    padding: 4px 10px;
    color: #666
}

blockquote .textarea_quick {
    width: 568px;
    border: 1px solid #dcdcdc
}

.blankDiv .quickReply {
    display: block
}

.quickReply .comment_operate {
    height: 24px;
    line-height: 24px
}

.quickReply .comment_smileBox {
    height: 24px
}

.quickReply .comment_share {
    width: 168px;
    height: 24px;
    font-size: 12px
}

.quickReply .comment_operate .btn_sub, .quickReply .comment_operate .btn_subGrey {
    width: 70px;
    height: 24px;
    border-radius: 2px;
    font-size: 12px
}

.seaAll {
    display: none;
    text-align: right;
    font-size: 12px;
    padding-right: 15px
}

.blockquote_wrap {
    margin-bottom: 10px;
    padding-top: 8px
}

.noLogin .comment_sendPart {
    position: relative
}

.comment_tips {
    position: absolute;
    left: 100px;
    top: 15px;
    font-size: 12px;
    color: #999;
    display: none
}

.comment_tips a:hover {
    text-decoration: underline
}

.noLogin .comment_tips {
    display: block
}

#comment_error {
    margin-bottom: 10px
}

#success_1 {
    font-size: 12px
}

#success_1 i {
    color: #7bc7ac;
    background-color: #fff;
    margin-right: 0;
    line-height: 30px;
    font-size: 18px
}


#error {
    color: #e62828;
    text-align: center;
    margin: 20px 0 20px 0;

}

.rank {
    display: inline;
    font-size: 12px
}

.rank.face-stuff-level {
    display: inline-block;
    width: 22px;
    height: 14px;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    top: 2px;
    margin-right: 6px
}

.rank.face-stuff-level a img {
    width: 100%;
    display: block;
    height: 100%
}

i.icon-biaoqing-moon, i.icon-biaoqing-star, i.icon-biaoqing-sun, i.icon-crown {
    color: #fdcc38;
    margin-left: 4px;
    vertical-align: -2px;
    font-size: 16px
}

i.icon-jinpaibaoliaotuan {
    color: #fd9e38;
    margin-right: 4px
}

i.icon-zcchuji, i.icon-zczhongji {
    color: #ffd200;
    font-size: 15px;
    margin-right: 4px;
    vertical-align: -2px
}

i.icon-zczhongji {
    color: #ff8a00
}

i.icon-xiaobian {
    color: #e62828
}

.comment_con p {
    word-wrap: break-word;
    word-break: break-all
}

.comment_con p span {
    white-space: pre-line
}

.comment_con > p a:hover {
    text-decoration: underline
}

.comment-hidden-bar {
    color: #999
}

.comment-hidden-bar .icon {
    display: inline-block;
    margin-right: 2px;
    vertical-align: middle;
    font-size: 16px
}

.comment-hidden-bar span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.71
}

.comment_avatar_time > a.a_underline {
    margin-right: 6px;
    color: #333
}

.comment_avatar_time > a.a_underline > span:hover {
    color: #5188a6
}

i.icon-medal {
    width: 68px;
    background: url(../images/medal01.png) no-repeat;
    vertical-align: -2px
}

i.icon-black5, i.icon-medal {
    height: 18px;
    display: inline-block;
    margin-right: 4px
}

i.icon-black5 {
    width: 34px;
    background: url(../images/black5.png) no-repeat;
    vertical-align: -3px
}

#user_info_name > a {
    margin-right: 4px
}

#user_info_name > a i.icon-medal, #user_info_name > a i.icon-zcchuji, #user_info_name > a i.icon-zczhongji {
    margin-right: 0
}

.comment_wrap ul.pagination {
    padding-top: 0;
    margin-bottom: 30px
}

.comment_wrap .pagedown, .comment_wrap .pageup {
    padding: 0
}

.comment_wrap .pagedown i, .comment_wrap .pageup i {
    vertical-align: -1px
}

.comment_wrap .pagedown span, .comment_wrap .pageup span {
    display: none
}

.smileLayerBg {
    position: absolute;
    top: 34px;
    left: 0;
    clear: both;
    width: 330px;
    height: 211px;
    padding: 0;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #f5f5f5;
    -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .06)
}

.smileLayerBg:after {
    content: "";
    display: inline-block;
    border-top: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    background-color: #fff;
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    position: absolute;
    top: -1px;
    left: 5px
}

.smileLayerBg .smileTab {
    height: 42px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 18px;
    border-bottom: 1px solid #f7f7f7;
    position: relative
}

.smileLayerBg .smileTab img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    padding: 3px;
    margin-right: 10px;
    overflow: hidden;
    background-color: #fff;
    cursor: pointer
}

.smileLayerBg .smileTab img:hover {
    background-color: #f5f5f5;
    border-radius: 4px;
    opacity: .5
}

.smileLayerBg .smileTab img.activeTab {
    background-color: #f5f5f5;
    border-radius: 4px;
    opacity: 1
}

.smileLayerBg .smileTab .smile-close {
    width: 28px;
    line-height: 42px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.smileLayerBg .smileTab .smile-close i {
    font-size: 14px;
    color: #666
}

.smileLayerBg .smileTab .smile-close:hover i {
    color: #e62828
}

.smileLayerBg .expressionBox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 160px;
    overflow: hidden;
    padding: 10px 2px 12px 18px
}

.smileLayerBg .expressionBox .member {
    cursor: pointer;
    width: 282px;
    height: 36px;
    line-height: 36px;
    color: #fee3de;
    font-size: 12px;
    border-radius: 4px;
    margin: -2px 0 8px;
    background: url(../images/back_new.png) no-repeat;
    background-size: 100% 100%;
    padding-left: 45px;
    padding-right: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.smileLayerBg .expressionBox .member:hover {
    color: rgba(254, 227, 222, .7)
}

.smileLayerBg .expressionBox .member i {
    font-size: 12px;
    vertical-align: -1px
}

.smileLayerBg .expressionBox .member span {
    float: right;
    font-size: 10px;
    position: relative;
    top: 1px
}

.blockquote .smileLayerBg {
    top: 28px
}

ul.smileBox {
    padding-bottom: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 160px;
    overflow-y: auto;
    clear: both
}

ul.smileBox li {
    width: 30px;
    height: 30px;
    margin-right: 12px;
    float: left;
    padding: 0;
    border-bottom: 0
}

ul.smileBox li a {
    background-size: 7440px 240px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 3px;
    cursor: pointer
}

ul.smileBox li a:hover {
    background-color: #f5f5f5;
    border-radius: 4px
}

ul.noVip {
    overflow-y: hidden
}

ul.noVip li a {
    cursor: not-allowed;
    opacity: .5
}

ul.noVip li a:hover {
    background-color: rgba(0, 0, 0, 0)
}

ul.smileBox li a.smile1 {
    background-position: -16px -136px
}

ul.smileBox li a.smile2 {
    background-position: -76px -136px
}

ul.smileBox li a.smile3 {
    background-position: -136px -136px
}

ul.smileBox li a.smile4 {
    background-position: -196px -136px
}

ul.smileBox li a.smile5 {
    background-position: -256px -136px
}

ul.smileBox li a.smile6 {
    background-position: -316px -136px
}

ul.smileBox li a.smile7 {
    background-position: -376px -136px
}

ul.smileBox li a.smile8 {
    background-position: -436px -136px
}

ul.smileBox li a.smile9 {
    background-position: -496px -136px
}

ul.smileBox li a.smile10 {
    background-position: -556px -136px
}

ul.smileBox li a.smile11 {
    background-position: -616px -136px
}

ul.smileBox li a.smile12 {
    background-position: -676px -136px
}

ul.smileBox li a.smile13 {
    background-position: -736px -136px
}

ul.smileBox li a.smile14 {
    background-position: -796px -136px
}

ul.smileBox li a.smile15 {
    background-position: -856px -136px
}

ul.smileBox li a.smile16 {
    background-position: -916px -136px
}

ul.smileBox li a.smile17 {
    background-position: -976px -136px
}

ul.smileBox li a.smile18 {
    background-position: -1036px -136px
}

ul.smileBox li a.smile19 {
    background-position: -1096px -136px
}

ul.smileBox li a.smile20 {
    background-position: -1156px -136px
}

ul.smileBox li a.smile21 {
    background-position: -1216px -136px
}

ul.smileBox li a.smile22 {
    background-position: -1276px -136px
}

ul.smileBox li a.smile23 {
    background-position: -16px -16px
}

ul.smileBox li a.smile24 {
    background-position: -76px -16px
}

ul.smileBox li a.smile25 {
    background-position: -136px -16px
}

ul.smileBox li a.smile26 {
    background-position: -196px -16px
}

ul.smileBox li a.smile27 {
    background-position: -256px -16px
}

ul.smileBox li a.smile28 {
    background-position: -316px -16px
}

ul.smileBox li a.smile29 {
    background-position: -376px -16px
}

ul.smileBox li a.smile30 {
    background-position: -436px -16px
}

ul.smileBox li a.smile31 {
    background-position: -496px -16px
}

ul.smileBox li a.smile32 {
    background-position: -556px -16px
}

ul.smileBox li a.smile33 {
    background-position: -616px -16px
}

ul.smileBox li a.smile34 {
    background-position: -676px -16px
}

ul.smileBox li a.smile35 {
    background-position: -736px -16px
}

ul.smileBox li a.smile36 {
    background-position: -796px -16px
}

ul.smileBox li a.smile37 {
    background-position: -856px -16px
}

ul.smileBox li a.smile38 {
    background-position: -916px -16px
}

ul.smileBox li a.smile39 {
    background-position: -976px -16px
}

ul.smileBox li a.smile40 {
    background-position: -1036px -16px
}

ul.smileBox li a.smile41 {
    background-position: -1096px -16px
}

ul.smileBox li a.smile42 {
    background-position: -1156px -16px
}

ul.smileBox li a.smile43 {
    background-position: -1216px -16px
}

ul.smileBox li a.smile44 {
    background-position: -1276px -16px
}

ul.smileBox li a.smile45 {
    background-position: -1336px -16px
}

ul.smileBox li a.smile46 {
    background-position: -1396px -16px
}

ul.smileBox li a.smile47 {
    background-position: -1456px -16px
}

ul.smileBox li a.smile48 {
    background-position: -1516px -16px
}

ul.smileBox li a.smile49 {
    background-position: -1576px -16px
}

ul.smileBox li a.smile50 {
    background-position: -1636px -16px
}

ul.smileBox li a.smile51 {
    background-position: -1696px -16px
}

ul.smileBox li a.smile52 {
    background-position: -1756px -16px
}

ul.smileBox li a.smile53 {
    background-position: -1816px -16px
}

ul.smileBox li a.smile54 {
    background-position: -1876px -16px
}

ul.smileBox li a.smile55 {
    background-position: -1936px -16px
}

ul.smileBox li a.smile56 {
    background-position: -1996px -16px
}

ul.smileBox li a.smile57 {
    background-position: -2056px -16px
}

ul.smileBox li a.smile58 {
    background-position: -2116px -16px
}

ul.smileBox li a.smile59 {
    background-position: -2176px -16px
}

ul.smileBox li a.smile60 {
    background-position: -2236px -16px
}

ul.smileBox li a.smile61 {
    background-position: -2296px -16px
}

ul.smileBox li a.smile62 {
    background-position: -2356px -16px
}

ul.smileBox li a.smile63 {
    background-position: -2416px -16px
}

ul.smileBox li a.smile64 {
    background-position: -2476px -16px
}

ul.smileBox li a.smile65 {
    background-position: -2536px -16px
}

ul.smileBox li a.smile66 {
    background-position: -2596px -16px
}

ul.smileBox li a.smile67 {
    background-position: -2656px -16px
}

ul.smileBox li a.smile68 {
    background-position: -2716px -16px
}

ul.smileBox li a.smile69 {
    background-position: -2776px -16px
}

ul.smileBox li a.smile70 {
    background-position: -2836px -16px
}

ul.smileBox li a.smile71 {
    background-position: -2896px -16px
}

ul.smileBox li a.smile72 {
    background-position: -2956px -16px
}

ul.smileBox li a.smile73 {
    background-position: -3016px -16px
}

ul.smileBox li a.smile74 {
    background-position: -3076px -16px
}

ul.smileBox li a.smile75 {
    background-position: -3136px -16px
}

ul.smileBox li a.smile76 {
    background-position: -3196px -16px
}

ul.smileBox li a.smile77 {
    background-position: -3256px -16px
}

ul.smileBox li a.smile78 {
    background-position: -3316px -16px
}

ul.smileBox li a.smile79 {
    background-position: -3376px -16px
}

ul.smileBox li a.smile80 {
    background-position: -3436px -16px
}

ul.smileBox li a.smile81 {
    background-position: -3496px -16px
}

ul.smileBox li a.smile82 {
    background-position: -3556px -16px
}

ul.smileBox li a.smile83 {
    background-position: -3616px -16px
}

ul.smileBox li a.smile84 {
    background-position: -3676px -16px
}

ul.smileBox li a.smile85 {
    background-position: -3736px -16px
}

ul.smileBox li a.smile86 {
    background-position: -3796px -16px
}

ul.smileBox li a.smile87 {
    background-position: -3856px -16px
}

ul.smileBox li a.smile88 {
    background-position: -3916px -16px
}

ul.smileBox li a.smile89 {
    background-position: -3976px -16px
}

ul.smileBox li a.smile90 {
    background-position: -4036px -16px
}

ul.smileBox li a.smile91 {
    background-position: -4096px -16px
}

ul.smileBox li a.smile92 {
    background-position: -4156px -16px
}

ul.smileBox li a.smile93 {
    background-position: -4216px -16px
}

ul.smileBox li a.smile94 {
    background-position: -4276px -16px
}

ul.smileBox li a.smile95 {
    background-position: -4336px -16px
}

ul.smileBox li a.smile96 {
    background-position: -4396px -16px
}

ul.smileBox li a.smile97 {
    background-position: -4456px -16px
}

ul.smileBox li a.smile98 {
    background-position: -4516px -16px
}

ul.smileBox li a.smile99 {
    background-position: -4576px -16px
}

ul.smileBox li a.smile100 {
    background-position: -4636px -16px
}

ul.smileBox li a.smile101 {
    background-position: -4696px -16px
}

ul.smileBox li a.smile102 {
    background-position: -4756px -16px
}

ul.smileBox li a.smile103 {
    background-position: -4816px -16px
}

ul.smileBox li a.smile104 {
    background-position: -4876px -16px
}

ul.smileBox li a.smile105 {
    background-position: -4936px -16px
}

ul.smileBox li a.smile106 {
    background-position: -4996px -16px
}

ul.smileBox li a.smile107 {
    background-position: -5056px -16px
}

ul.smileBox li a.smile108 {
    background-position: -5116px -16px
}

ul.smileBox li a.smile109 {
    background-position: -5176px -16px
}

ul.smileBox li a.smile110 {
    background-position: -5236px -16px
}

ul.smileBox li a.smile111 {
    background-position: -5296px -16px
}

ul.smileBox li a.smile112 {
    background-position: -5356px -16px
}

ul.smileBox li a.smile113 {
    background-position: -5416px -16px
}

ul.smileBox li a.smile114 {
    background-position: -5476px -16px
}

ul.smileBox li a.smile115 {
    background-position: -5536px -16px
}

ul.smileBox li a.smile116 {
    background-position: -5596px -16px
}

ul.smileBox li a.smile117 {
    background-position: -5656px -16px
}

ul.smileBox li a.smile118 {
    background-position: -5716px -16px
}

ul.smileBox li a.smile119 {
    background-position: -5776px -16px
}

ul.smileBox li a.smile120 {
    background-position: -5836px -16px
}

ul.smileBox li a.smile121 {
    background-position: -5896px -16px
}

ul.smileBox li a.smile122 {
    background-position: -5956px -16px
}

ul.smileBox li a.smile123 {
    background-position: -6016px -16px
}

ul.smileBox li a.smile124 {
    background-position: -6076px -16px
}

ul.smileBox li a.smile125 {
    background-position: -6136px -16px
}

ul.smileBox li a.smile126 {
    background-position: -6196px -16px
}

ul.smileBox li a.smile127 {
    background-position: -6256px -16px
}

ul.smileBox li a.smile128 {
    background-position: -6316px -16px
}

ul.smileBox li a.smile129 {
    background-position: -6376px -16px
}

ul.smileBox li a.smile130 {
    background-position: -6436px -16px
}

ul.smileBox li a.smile131 {
    background-position: -6496px -16px
}

ul.smileBox li a.smile132 {
    background-position: -6556px -16px
}

ul.smileBox li a.smile133 {
    background-position: -6616px -16px
}

ul.smileBox li a.smile134 {
    background-position: -6676px -16px
}

ul.smileBox li a.smile135 {
    background-position: -6736px -16px
}

ul.smileBox li a.smile136 {
    background-position: -6796px -16px
}

ul.smileBox li a.smile137 {
    background-position: -6856px -16px
}

ul.smileBox li a.smile138 {
    background-position: -6916px -16px
}

ul.smileBox li a.smile139 {
    background-position: -6976px -16px
}

ul.smileBox li a.smile140 {
    background-position: -7036px -16px
}

ul.smileBox li a.smile141 {
    background-position: -7096px -16px
}

ul.smileBox li a.smile142 {
    background-position: -7156px -16px
}

ul.smileBox li a.smile143 {
    background-position: -7216px -16px
}

ul.smileBox li a.smile144 {
    background-position: -7276px -16px
}

ul.smileBox li a.smile145 {
    background-position: -7336px -16px
}

ul.smileBox li a.smile146 {
    background-position: -7396px -16px
}

ul.smileBox li a.smile147 {
    background-position: -16px -76px
}

ul.smileBox li a.smile148 {
    background-position: -76px -76px
}

ul.smileBox li a.smile149 {
    background-position: -136px -76px
}

ul.smileBox li a.smile150 {
    background-position: -196px -76px
}

ul.smileBox li a.smile151 {
    background-position: -256px -76px
}

ul.smileBox li a.smile152 {
    background-position: -316px -76px
}

ul.smileBox li a.smile153 {
    background-position: -376px -76px
}

ul.smileBox li a.smile154 {
    background-position: -436px -76px
}

ul.smileBox li a.smile155 {
    background-position: -496px -76px
}

ul.smileBox li a.smile156 {
    background-position: -556px -76px
}

ul.smileBox li a.smile157 {
    background-position: -616px -76px
}

ul.smileBox li a.smile158 {
    background-position: -676px -76px
}

ul.smileBox li a.smile159 {
    background-position: -736px -76px
}

ul.smileBox li a.smile160 {
    background-position: -796px -76px
}

ul.smileBox li a.smile161 {
    background-position: -856px -76px
}

ul.smileBox li a.smile162 {
    background-position: -916px -76px
}

ul.smileBox li a.smile163 {
    background-position: -976px -76px
}

ul.smileBox li a.smile164 {
    background-position: -1036px -76px
}

ul.smileBox li a.smile165 {
    background-position: -1096px -76px
}

ul.smileBox li a.smile166 {
    background-position: -1156px -76px
}

ul.smileBox li a.smile167 {
    background-position: -1216px -76px
}

ul.smileBox li a.smile168 {
    background-position: -1276px -76px
}

ul.smileBox li a.smile169 {
    background-position: -1336px -76px
}

ul.smileBox li a.smile170 {
    background-position: -1396px -76px
}

ul.smileBox li a.smile171 {
    background-position: -1456px -76px
}

ul.smileBox li a.smile172 {
    background-position: -1516px -76px
}

ul.smileBox li a.smile173 {
    background-position: -1576px -76px
}

ul.smileBox li a.smile174 {
    background-position: -1636px -76px
}

ul.smileBox li a.smile175 {
    background-position: -1696px -76px
}

ul.smileBox li a.smile176 {
    background-position: -1756px -76px
}

ul.smileBox li a.smile177 {
    background-position: -1816px -76px
}

ul.smileBox li a.smile178 {
    background-position: -1876px -76px
}

ul.smileBox li a.smile179 {
    background-position: -1936px -76px
}

ul.smileBox li a.smile180 {
    background-position: -1996px -76px
}

ul.smileBox li a.smile181 {
    background-position: -2056px -76px
}

ul.smileBox li a.smile182 {
    background-position: -2116px -76px
}

ul.smileBox li a.smile183 {
    background-position: -2176px -76px
}

ul.smileBox li a.smile184 {
    background-position: -2236px -76px
}

ul.smileBox li a.smile185 {
    background-position: -2296px -76px
}

ul.smileBox li a.smile186 {
    background-position: -2356px -76px
}

ul.smileBox li a.smile187 {
    background-position: -2416px -76px
}

ul.smileBox li a.smile188 {
    background-position: -2476px -76px
}

ul.smileBox li a.smile189 {
    background-position: -2536px -76px
}

ul.smileBox li a.smile190 {
    background-position: -2596px -76px
}

ul.smileBox li a.girl1 {
    background-position: -16px -196px
}

ul.smileBox li a.girl2 {
    background-position: -76px -196px
}

ul.smileBox li a.girl3 {
    background-position: -136px -196px
}

ul.smileBox li a.girl4 {
    background-position: -196px -196px
}

ul.smileBox li a.girl5 {
    background-position: -256px -196px
}

ul.smileBox li a.girl6 {
    background-position: -316px -196px
}

ul.smileBox li a.girl7 {
    background-position: -376px -196px
}

ul.smileBox li a.girl8 {
    background-position: -436px -196px
}

ul.smileBox li a.girl9 {
    background-position: -496px -196px
}

ul.smileBox li a.girl10 {
    background-position: -556px -196px
}

ul.smileBox li a.girl11 {
    background-position: -616px -196px
}

ul.smileBox li a.girl12 {
    background-position: -676px -196px
}

ul.smileBox li a.girl13 {
    background-position: -736px -196px
}

ul.smileBox li a.girl14 {
    background-position: -796px -196px
}

ul.smileBox li a.girl15 {
    background-position: -856px -196px
}

ul.smileBox li a.girl16 {
    background-position: -916px -196px
}

.smilePage {
    text-align: right;
    width: 384px;
    line-height: 24px;
    padding-top: 12px
}

.smilePage a {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 4px;
    text-align: center;
    border-radius: 2px
}

.smilePage a.current, .smilePage a:hover {
    background-color: #e62828;
    color: #fff !important;
    font-weight: 700;
    text-decoration: none
}

.smilePage .red {
    float: left;
    text-align: left
}

.smilePage i {
    margin-right: 5px;
    background-color: #e62828;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    padding: 0 3px;
    border-radius: 2px
}

i.icon-small {
    padding-left: 1px;
    font-size: 22px;
    color: #999
}

.pagination {
    text-align: center;
    margin: 30px 0 0;
    overflow: hidden;
    font-size: 0;
    -webkit-text-size-adjust: none
}

.pagination .pgDotStyle {
    cursor: auto
}

.pagination li {
    min-width: 30px;
    display: inline-block;
    width: auto;
    height: 30px;
    line-height: 30px;
    margin: 0 4px;
    color: #666;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #f7f7f7;
    overflow: hidden;
    font-size: 14px
}

.pagination li span, .pagination li span.dotStyle {
    padding: 0
}

.pagination li.jumpToPage {
    width: 100px;
    background-color: #fff
}

.pagination li.jumpBtn {
    width: 42px
}

.pagination a {
    display: block;
    width: auto;
    height: 100%;
    color: #666;
    padding-left: 5px;
    padding-right: 5px
}

.pagination .pageCurrent, .pagination .pageCurrent:hover, .pagination a:hover {
    background-color: #e62828;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    font-weight: 700
}

.pagination .pagedown a:hover, .pagination .pageup a:hover {
    background-color: #e62828;
    color: #fff
}

.pagination .noClick a, .pagination .noClick a:hover {
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #999;
    font-weight: 400;
    text-decoration: none
}

.pagination span {
    font-size: 12px
}

.pagination .a_jumpTo {
    width: 22px;
    height: 30px;
    line-height: 30px;
    background-color: #e62828;
    color: #fff;
    padding: 0 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.pagination .a_jumpTo:hover {
    font-weight: 400
}

.searchReslut_nav, .tab_nav, .tab_nav_set {
    width: 100%;
    height: 39px;
    margin-bottom: 16px
}

.clear {
    font-size: 0
}

.one-plus {
    position: absolute;
    left: 10px;
    top: -15px;
    font-size: 18px;
    color: #e62828
}

.z-group-box .z-group-data {
    position: relative
}

a.icon-medal618 img {
    height: 20px;
    margin-right: 4px
}

.comment_avatar_time a img {
    height: 16px;
    margin-right: 4px
}

.pop {
    top: 50%;
    left: 50%
}

.pop-close {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 24px;
    height: 24px;
    background: #fff;
    cursor: pointer;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    color: #999;
    text-align: center;
    line-height: 24px;
    font-size: 13px
}

.pop-close:hover {
    color: #e62828
}

.pop-title {
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    padding: 0 20px;
    border-bottom: 1px solid #dcdcdc;
    max-width: 1050px
}

.pop-title .pop_name {
    font-size: 20px;
    float: left
}

.pop_name .grey {
    font-weight: 400;
    font-size: 12px;
    padding-left: 10px
}

.pop-title a.a_underline {
    float: right;
    font-size: 12px
}

.reward-box {
    background: #f5f5f5;
    padding: 20px 20px 26px;
    margin-top: 23px;
    margin-bottom: 35px;
    border-left: 20px solid #fff;
    border-right: 20px solid #fff;
    position: relative
}

.reward-box p {
    padding-bottom: 15px;
    font-weight: 700
}

.reward-btn {
    background: #e62828;
    color: #fff;
    font-size: 16px
}

.reward-btn, .reward-btn-no {
    width: 90px;
    height: 30px;
    line-height: 30px;
    display: block;
    float: left;
    border-radius: 2px;
    margin-top: 0;
    text-align: center
}

.reward-btn-no {
    background: #ccc;
    color: #fff !important;
    font-size: 16px !important;
    padding-left: 0 !important;
    cursor: not-allowed
}

.reward-btn-on:hover, .reward-btn:hover {
    filter: alpha(opacity=90);
    -moz-opacity: .9;
    opacity: .9;
    color: #fff !important;
    text-decoration: none !important
}

.reward-box div ul {
    padding-left: 15px;
    float: left;
    padding-top: 3px
}

.reward-box div ul li {
    width: 24px;
    height: 24px;
    float: left;
    margin-left: 5px;
    position: relative
}

.reward-box div ul li a img, .reward-box div ul li img {
    width: 24px;
    height: 24px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px
}

.reward-box div span {
    float: left;
    padding-left: 10px;
    line-height: 30px;
    font-size: 14px;
    color: #999
}

.reward-box div span a, .reward-box div span a:hover {
    color: #e62828 !important
}

.head-name {
    border: 1px solid #dcdcdc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 15px;
    white-space: nowrap;
    display: inline-block;
    font-size: 12px
}

.head-name, .head-name em {
    position: absolute;
    background: #fff
}

.head-name em {
    width: 8px;
    height: 8px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    bottom: -5px
}

.reward-box .reward-head-portrait .head-name p {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 20px;
    white-space: nowrap;
    display: block;
    text-align: center
}

.reward-box .reward-head-portrait .head-name .time {
    color: #999
}

.Number {
    border-left: 1px solid #dcdcdc;
    padding-left: 10px
}

.btm-bor-none {
    border-bottom: 0
}

.clear {
    float: none !important;
    clear: both;
    height: 0;
    overflow: hidden
}

.icon-dashangyizan, .icon-dashangzan {
    color: #e62828
}

.icon-dashangyizan:before, .icon-dashangzan:before {
    font-size: 20px;
    margin-right: 3px;
    margin-top: -2px
}

a.fav {
    margin-right: 15px
}

#experience-zan a.reward_zan {
    position: relative
}

#experience-zan a.reward_zan i {
    cursor: pointer
}

#experience-zan a.reward_zan em {
    position: absolute;
    color: #e62828;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    font-weight: 700;
    display: none
}

.crumbs a {
    color: #333
}

#user-gold, #user-silver {
    color: #999
}

#gratuity {
    margin-left: -240px
}

#gratuity a:hover {
    text-decoration: none !important
}

.pop-interval-30 {
    padding: 30px;
    text-align: left;
    font-size: 12px;
    position: relative
}

.pop-slogan {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    padding-bottom: 10px
}

.pop-slogan .pop-slogan-img {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 5px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px
}

.gratuity-option {
    margin-left: 2px;
    height: 50px;
    overflow: hidden
}

.gratuity-option .pop_jubao {
    padding-right: 0 !important;
    margin-right: 30px !important
}

.gratuity-option span.pop_jubao span {
    color: #000
}

.gratuity-price {
    padding-top: 8px;
    padding-bottom: 18px
}

.gratuity-price div, .gratuity-price input, .gratuity-price span, .gratuity-price ul {
    float: left
}

.gratuity-price ul li {
    float: left;
    line-height: 28px;
    padding: 0 7px;
    border: 1px solid #dcdcdc;
    margin-right: 6px;
    cursor: pointer;
    min-width: 50px;
    text-align: center
}

.gratuity-price ul li.hover {
    border: 1px solid #e62828
}

.gratuity-price input {
    width: 143px;
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    font-size: 12px
}

.gratuity-price input:focus {
    border: 1px solid #5188a6
}

.gratuity-price span {
    line-height: 30px;
    padding-left: 5px
}

.pop-interval-30 p {
    clear: both;
    margin: 10px 0
}

.gratuity-btn, .gratuity-ok {
    margin: 0;
    width: 90px !important;
    height: 30px !important;
    line-height: 30px !important
}

.pop_msg_error {
    position: absolute;
    bottom: 40px;
    right: 30px;
    color: #e62828
}

.color-gray {
    color: #999
}

.gold {
    display: none
}

.gratuity-btn, .gratuity-ok {
    margin: 0 !important;
    text-align: center
}

.gratuity-success {
    min-height: 131px;
    padding-top: 17px;
    display: none
}

a.gratuity-ok {
    display: none
}

.pop_msg_error a {
    color: #e62828
}

.pop_msg_error span a {
    color: #74a0b8;
    margin-left: 10px
}

.security-input {
    width: 294px;
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #dcdcdc
}

.back_gratuity {
    cursor: pointer
}

.gratuity_list_new {
    padding-bottom: 8px;
    font-size: 14px
}

.gratuity_list li {
    width: 100%;
    clear: both;
    height: 24px;
    margin: 10px 0
}

.gratuity_list li img {
    float: left;
    height: 24px;
    width: 24px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px
}

.gratuity_list li p {
    float: left;
    width: 290px;
    height: 24px;
    overflow: hidden;
    line-height: 24px;
    padding-left: 10px;
    margin: 0;
    clear: none !important;
    text-overflow: ellipsis;
    white-space: nowrap
}

.gratuity_list li p a {
    color: #333
}

.gratuity_list li span {
    float: right;
    text-align: right;
    height: 24px;
    overflow: hidden;
    line-height: 24px;
    color: #999
}

.pop-content .pagination {
    text-align: center;
    margin: 20px 0;
    overflow: hidden
}

.pop- .pagination li {
    display: inline;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    padding-right: 10px;
    color: #5188a6;
    margin: 0
}

.pop-content .pagination li.jumpToPage {
    color: #999;
    padding-left: 10px
}

#gratuity-list-box .pop-content .pagination a {
    display: inline-block;
    padding: 0 5px;
    color: #5188a6;
    line-height: 24px !important;
    border: 0
}

.pop-content .pagination .pageCurrent, .pop-content .pagination .pageCurrent:hover, .pop-content .pagination a:hover, .pop-content .pop-interval-30 .pagination .pageCurrent, .pop-content .pop-interval-30 .pagination .pageCurrent:hover, .pop-content .pop-interval-30 .pagination a:hover {
    background-color: #e62828;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff !important;
    font-weight: 700
}

.pop-content .pagination .pagedown, .pop-content .pagination .pageup {
    border: 0
}

.pop-content .pagination .pagedown a:hover, .pop-content .pagination .pageup a:hover {
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #5188a6 !important;
    font-weight: 400;
    text-decoration: underline
}

.pop-content .pagination .noClick a, .pop-content .pagination .noClick a:hover {
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #999;
    font-weight: 400;
    text-decoration: none
}

.pop-content .pagination span {
    font-family: SimSun;
    font-size: 12px
}

.input_num {
    vertical-align: 1px;
    height: 28px !important;
    line-height: 28px !important;
    border: 1px solid #dcdcdc !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    -ms-border-radius: 2px !important;
    -o-border-radius: 2px !important;
    border-radius: 2px !important;
    padding: 0 5px !important;
    color: #666 !important;
    width: 46px !important;
    margin: 0 5px !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important
}

.pop-content .pop-interval-30 .pagination .a_jumpTo {
    width: 36px;
    height: 24px;
    line-height: 24px;
    background-color: #e62828;
    color: #fff;
    padding: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.pop-content .pop-interval-30 .pagination .a_jumpTo:hover {
    font-weight: 400
}

.gratuity_list_top {
    padding-bottom: 15px
}

.gratuity_list_top li {
    width: 100%;
    clear: both;
    height: 36px;
    padding: 10px 0;
    border-bottom: 1px dashed #e6e6e6
}

.gratuity_list_top li span.sort_value {
    font-size: 25px;
    line-height: 36px;
    padding-right: 10px;
    color: #db3c38;
    float: left;
    font-weight: 700
}

.gratuity_list_top li img {
    width: 36px;
    height: 36px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    float: left
}

.gratuity_list_top li span.sort_txt {
    width: 165px
}

.gratuity_list_top li span.gratuity_txt, .gratuity_list_top li span.sort_txt {
    line-height: 36px;
    padding-left: 10px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.gratuity_list_top li span.gratuity_txt {
    width: 175px
}

.gratuity_txt span, .input-error {
    color: #e62828
}

.input-error {
    border: 1px solid #e62828 !important
}

#page-list-content {
    padding-bottom: 10px
}

.pop_main_box .pop-content {
    padding: 0 30px
}

#cover {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=50);
    opacity: .5;
    display: none
}

.gratuity-btn:hover, .gratuity-ok:hover {
    color: #f8f8f8 !important
}

#gratuity-list-box {
    margin-left: -240px
}

#gratuity-list-box ul.pagination {
    margin-top: 0
}

.gratuityOk {
    left: 50%;
    margin-left: -155px;
    top: 200px
}

.pop_no_title .pop-content {
    width: 310px;
    padding: 40px 0;
    text-align: center;
    font-size: 14px
}

.pop_no_title .oneLine i {
    vertical-align: -1px
}

.pop_no_title .pop_info, .pop_no_title .pop_info_show {
    text-align: left;
    color: #666;
    line-height: 20px;
    max-width: 210px;
    display: inline-block
}

.pad_none {
    padding-left: 0 !important;
    padding-right: 0 !important
}

i.icon-check-o, i.icon-loginright, i.icon-logintanhao {
    width: 32px;
    height: 32px;
    font-size: 32px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    line-height: 32px;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle !important
}

i.icon-logintanhao {
    color: #e62828
}

i.icon-check-o, i.icon-loginright {
    color: #7bc7ac
}

@media screen and (max-width: 680px) {
    .gratuityOk {
        left: 50%;
        margin-left: 0;
        top: 200px
    }
}

#comments .level-bg {
    display: inline-block;
    width: 27px;
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    color: #fff;
    vertical-align: text-top;
    letter-spacing: 1px;
    text-align: center;
    border-radius: 2px;
    background-color: #333;
    position: relative;
    top: 1px
}

#comments span.stuff-tag {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32px;
    font-size: 12px;
    height: 18px;
    border-top-left-radius: 4px;
    background: rgba(0, 0, 0, .4);
    line-height: 20px;
    color: #fff;
    text-align: center
}

#comments .icon-fans, #comments .icon-goodboy, #comments .icon-jinpaibaoliaotuan, #comments .icon-juweihui, #comments .icon-living, #comments .icon-media, #comments .icon-rightknights, #comments .icon-seven, #comments .icon-signin201609, #comments .icon-vip_living, #comments .icon-xiaobian, #comments .icon-xunzhang618, #comments .icon-zcchuji, #comments .icon-zczhongji, #comments .icon-zhima {
    font-size: 0;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 4px;
    background-size: 100% !important
}

#comments .icon-xunzhang618 {
    background: url(../images/xunzhang618.png) no-repeat
}

#comments .icon-rightknights {
    background: url(../images/rightknights.png) no-repeat
}

#comments .icon-fans {
    background: url(../images/fans.png) no-repeat
}

#comments .icon-living, #comments .icon-vip_living {
    background: url(../images/living.png) no-repeat
}

#comments .icon-vip_living {
    background-image: url(../images/vip_living.png)
}

#comments .icon-seven {
    background: url(../images/seven.png) no-repeat
}

#comments .icon-media {
    background: url(../images/media.png) no-repeat
}

#comments .icon-goodboy {
    background: url(../images/goodboy.png) no-repeat
}

#comments .icon-juweihui {
    background: url(../images/juweihui.png) no-repeat
}

#comments .icon-7feedback img, #comments .icon-medal618 img, #comments .icon-updating8 img, #comments .icon-visa img, #comments .icon-zhiyoujie2 img {
    height: 16px;
    display: inline-block;
    margin-right: 4px
}

#comments .icon-signin201609 {
    background: url(../images/signin201609.png) no-repeat
}

#comments .icon-jinpaibaoliaotuan {
    background: url(../images/jinpaibaoliaotuan.png) no-repeat
}

#comments .icon-xiaobian {
    background: url(../images/xiaobian.png) no-repeat
}

#comments .icon-zcchuji {
    background: url(../images/zcchuji.png) no-repeat
}

#comments .icon-zczhongji {
    background: url(../images/zczhongji.png) no-repeat
}

#comments .icon-zhima {
    background: url(../images/zhima.png) no-repeat
}

#comments .icon-medal {
    font-size: 0;
    vertical-align: -5px
}

#comments .icon-medal, #comments .icon-medal a {
    display: inline-block;
    height: 20px
}

#comments .icon-medal img {
    height: 20px;
    display: block
}

.comment-box:after {
    display: none;
}

.comment-box {
    padding-top: 5px;
    margin-left: 5px
}

.comment-box .textarea_comment {
    float: left;
    border: 1px solid #ccc;
    background: #fff;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.comment-box .new-comment-share {
    width: 70px;
    height: 70px;
    border-radius: 2px;
    text-align: center;
    background-image: linear-gradient(136deg, #ff5a3c, #e62828);
    color: #fff;
    float: right;
    font-size: 14px
}

.new-comment-share .btn_sub, .new-comment-share .btn_subGrey {
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 14px;
    border-radius: 2px
}

.new-comment-share .btn_sub {
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer
}

.new-comment-share:hover {
    opacity: .8
}

.new-comment-share .btn_grey, .new-comment-share .btn_subGrey {
    background-color: #ccc
}

.comment-tab-box ul.pagination {
    float: right;
    margin: 0 -2px 0 0
}

.comment-tab-box .tab_nav {
    width: auto
}

.comment-tab-box .pagination li {
    background: rgba(0, 0, 0, 0);
    margin: 0 3px;
    min-width: 16px;
    color: #666;
    font-size: 12px
}

.comment-tab-box .pagination .pagedown {
    min-width: 0;
    margin: 0
}

.comment-tab-box .pagination .pagedown a {
    padding: 0
}

.comment-tab-box .pagination .jumpToPage, .comment-tab-box .pagination .jumpToPage + li {
    display: none
}

.comment-tab-box .pagination .pageCurrent, .comment-tab-box .pagination .pageCurrent:hover, .comment-tab-box .pagination a:hover {
    color: #e62828;
    background-color: rgba(0, 0, 0, 0)
}

.talent-report-cover {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=50);
    opacity: .5;
    display: none
}

.talent-report-wrap {
    display: none;
    width: 480px;
    height: 243px;
    border-radius: 4px;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99999;
    text-align: center
}

.talent-report-wrap .icon {
    width: 120px;
    height: 100px;
    background-color: rgba(0, 0, 0, 0);
    margin-bottom: 20px;
    margin-top: -50px
}

.talent-report-wrap .title {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.63;
    text-align: center;
    color: #333;
    margin-bottom: 20px
}

.talent-report-wrap .desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.86;
    text-align: center;
    color: #666;
    margin-bottom: 30px
}

.talent-report-wrap .talent-report-btn {
    width: 126px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    background-color: #e62828;
    border: 0;
    font-size: 16px;
    color: #fff;
    cursor: pointer
}

.talent-report-wrap .talent-report-btn:hover {
    opacity: .9
}

.talent-report-wrap .close-icon {
    position: absolute;
    top: -34px;
    right: 0;
    height: 24px;
    width: 24px;
    cursor: pointer;
    border-radius: 24px;
    border: 2px solid #fff;
    font-size: 17px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: .8
}

.talent-report-wrap .close-icon:hover {
    opacity: 1
}

.talent-report-wrap .close-icon:before {
    margin-left: 1px
}

.talent-report-wrap .close-icon:after {
    content: "";
    position: absolute;
    height: 10px;
    width: 2px;
    right: 0;
    bottom: -12px;
    left: 0;
    margin: auto;
    background-color: #fff
}

.autocomplete-suggestions {
    border-top: 1px solid #fff;
    background-color: #fff;
    padding-top: 7px;
    z-index: 1010;
    font-size: 14px;
    overflow: hidden;
    margin-top: 8px;
    margin-bottom: 7px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    border-radius: 2px;
    padding-bottom: 7px
}

.autocomplete-suggestions .autocomplete-suggestion {
    font-weight: 700;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 14px;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    cursor: pointer
}

.autocomplete-suggestions .autocomplete-suggestion.focus, .autocomplete-suggestions .autocomplete-suggestion:hover {
    background-color: #f5f5f5
}

.autocomplete-suggestions .autocomplete-text-normal {
    font-weight: 400
}

.autocomplete-suggestions .autocomplete-selected {
    background: #e5e5e5
}

.autocomplete-suggestions .autocomplete-suggestion strong {
    font-weight: 400
}

form.show-history {
    position: relative
}

.s-history {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    padding-top: 14px;
    border-top: 1px solid #fff;
    border-radius: 2px;
    background-color: #fff;
    z-index: 1010;
    font-size: 14px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.s-history-head {
    position: relative;
    padding: 0 10px 8px
}

.s-history-head a {
    position: absolute;
    right: 14px;
    top: 0
}

.s-history-head a:hover {
    opacity: .8
}

.s-history-list {
    padding-bottom: 7px
}

.s-history-list li {
    position: relative;
    padding: 0 10px;
    line-height: 30px;
    cursor: pointer;
    height: 30px
}

.s-history-list li.focus, .s-history-list li:hover {
    background-color: #f5f5f5
}

.s-history-list li.focus span, .s-history-list li:hover span {
    display: block
}

.s-history-list li > a {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
    margin: 0 -10px;
    color: #333;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.s-history-list li span {
    display: none;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 15px;
    color: #ccc;
    z-index: 1
}

.s-history-list li span:hover {
    color: #e62828
}

.left-layer {
    position: fixed;
    width: 48px;
    left: 20px;
    top: 300px;
    display: none;
    z-index: 9
}

.left-layer > div {
    width: 100%;
    height: 39px;
    padding-top: 8px;
    background: #fff;
    text-align: center;
    margin-bottom: 1px;
    color: #999;
    cursor: pointer
}

.left-layer > div span {
    display: block;
    font-size: 12px
}

.left-layer > div i {
    font-size: 16px;
    margin-bottom: 6px
}

.left-layer .comment a {
    color: #999
}

.left-layer .comment:hover, .left-layer .comment:hover a, .left-layer .fav.active, .left-layer .fav:hover, .left-layer .fav:hover a {
    color: #e62828
}

.left-layer .comment a {
    position: relative;
    display: block
}

.left-layer .comment a span {
    padding-top: 19px
}

.left-layer .comment a i {
    position: absolute;
    left: 16px
}

.left-layer .qrcode {
    width: 100%;
    height: 82px;
    margin-top: 10px;
    padding-top: 0;
    background: url(../images/iPhone.png) no-repeat 50%;
    background-size: contain;
    position: relative
}

.left-layer .qrcode:hover .code {
    display: block
}

.left-layer .qrcode .code {
    display: none;
    position: absolute;
    width: 200px;
    height: 232px;
    top: 91px;
    left: 0;
    background: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 2px
}

.left-layer .qrcode .code:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid #fff;
    position: absolute;
    top: -5px;
    left: 18px
}

.left-layer .qrcode .code img {
    display: block;
    width: 180px;
    height: 180px;
    margin: 12px 10px 14px
}

.left-layer .left-share {
    position: relative;
    line-height: 35px
}

.left-layer .left-share > i {
    width: 100%;
    display: block;
    height: 100%;
    margin-bottom: 0;
    line-height: 30px
}

.left-layer .left-share > i:hover {
    color: #e62828
}

.left-layer .left-share li {
    border-bottom: 1px solid #f5f5f5;
    line-height: 32px;
    text-align: left;
    font-size: 12px;
    padding: 4px 0
}

.left-layer .left-share li:last-child {
    border-bottom: none
}

.left-layer .left-share li i {
    display: block;
    float: left;
    margin: 6px 10px;
    font-size: 20px;
    color: #333
}

.left-layer .left-share li a {
    color: #999;
    display: block;
    width: 100%;
    height: 100%
}

.left-layer .left-share li a:hover {
    background-color: #f5f5f5;
    color: #333
}

.left-layer .left-share .common-share-list {
    width: 120px;
    height: 345px;
    padding: 16px 10px 0;
    position: absolute;
    top: 48px;
    left: 0;
    -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1);
    background: #fff;
    border-radius: 2px;
    display: none;
    z-index: 999
}

.left-layer .left-share .common-share-list .common-share-wechat {
    padding: 4px 0
}

.left-layer .left-share .common-share-list .common-share-wechat span {
    display: block;
    line-height: 12px;
    font-size: 12px;
    color: #999
}

.left-layer .left-share .common-share-list .common-share-wechat img {
    display: block;
    width: 100px;
    height: 100px;
    margin: 10px
}

.left-layer .catelogue:hover, .left-layer .catelogue:hover i {
    color: #e62828
}

.left-layer .catelogue:hover .list {
    display: block
}

.left-layer .list {
    position: absolute;
    left: 40px;
    top: 0;
    background: #fff;
    width: 198px;
    border: 1px solid #dcdcdc;
    padding: 20px 0;
    display: none
}

.left-layer .list li {
    position: relative;
    line-height: 20px;
    padding: 10px 10px 10px 40px;
    text-align: left
}

.left-layer .list li:first-child:after {
    content: "";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border: 2px solid #ccc;
    border-radius: 50%;
    left: 10px;
    top: -15px;
    background: #fff
}

.left-layer .list li:last-child:after {
    content: "";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border: 2px solid #ccc;
    border-radius: 50%;
    left: 10px;
    bottom: -15px;
    background: #fff
}

.left-layer .list li:hover a {
    color: #e62828
}

.left-layer .list li:hover:before {
    background: #e62828
}

.left-layer .list li a {
    color: #666;
    font-size: 12px
}

.left-layer .list li:before {
    content: "";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    background: #ccc;
    border: 2px solid #fff;
    border-radius: 50%;
    top: 15px;
    left: 10px
}

.left-layer .list:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    top: 10px;
    bottom: 10px;
    left: 15px;
    background: #dcdcdc
}

.share_invitation {
    position: relative
}

.share_invitation #lottie {
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    text-align: center;
    opacity: 1
}

.share_invitation #lottie svg:first-child {
    width: 200% !important;
    height: 200% !important;
    position: relative;
    top: -39px;
    left: -24px
}

.share_invitation .qr-box {
    position: absolute;
    top: 0;
    left: 57px;
    display: none;
    width: 180px;
    padding: 12px 10px 14px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    background-color: #fff
}

.share_invitation .qr-box .arrow-left {
    width: 0;
    height: 0;
    border-top: 6px solid rgba(0, 0, 0, 0);
    border-bottom: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid #fff;
    position: absolute;
    top: 18px;
    left: -6px
}

.share_invitation .qr-box img {
    width: 100%;
    display: block
}

.share_invitation .qr-box p {
    color: #999;
    font-size: 12px
}

.share_invitation .qr-box p span {
    font-weight: 700;
    display: inline;
    color: #e62828
}

.share_invitation .qr-box .mt-14 {
    margin-top: 14px
}

.share_invitation .qr-box .mt-6 {
    margin-top: 6px
}

.share_invitation:hover .qr-box {
    display: block
}

.jump-comment-icon {
    -webkit-animation: jumpDown 2.14s linear infinite;
    animation: jumpDown 2.14s linear infinite;
    display: inline-block
}

@-webkit-keyframes jumpDown {
    7.4%, 22.2% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    0%, 14.8%, 29.6%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes jumpDown {
    7.4%, 22.2% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    0%, 14.8%, 29.6%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.crumbs {
    height: 48px;
    line-height: 48px;
    margin: 10px 0 0
}

.crumbs .txt-gray {
    color: #999;
    display: inline;
    font-size: 14px
}

.crumbs i {
    position: relative;
    top: 1px;
    color: #999
}

.crumbs a:hover {
    color: #5188a6
}

.main-left {
    padding: 30px;
    width: 862px;
    float: left;
    background: #fff
}

.main-left .coupon-box {
    margin-top: 34px
}

.main-left .coupon-box, .main-left .coupon-box * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.main-left .coupon-box .coupon-title {
    font-weight: 700
}

.main-left .coupon-box .coupon-item {
    margin: 20px 20px 0 0;
    background: rgba(230, 40, 40, .1);
    border-radius: 2px;
    display: inline-block;
    font-size: 0;
    height: 30px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    position: relative;
    cursor: pointer
}

.main-left .coupon-box .coupon-item:after {
    display: table;
    clear: both
}

.main-left .coupon-box .coupon-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: -3px;
    width: 8px;
    height: 30px;
    background: #fff url("../images/download_1.png") 50% no-repeat;
    background-size: cover;
    z-index: 10
}

.main-left .coupon-box .coupon-item:after {
    content: "";
    position: absolute;
    top: 0;
    right: -3px;
    width: 8px;
    height: 30px;
    background: url('../images/p3.png') 50% no-repeat;
    background-size: cover;
    z-index: 10
}

.main-left .coupon-box .coupon-item:hover {
    opacity: .8
}

.main-left .coupon-box .coupon-item .coupon-info {
    float: left;
    color: #e62828;
    min-width: 174px;
    max-width: 376px;
    font-size: 14px;
    background: #fff;
    position: relative;
    padding: 0 14px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 30px;
    line-height: 30px
}

.main-left .coupon-box .coupon-item .line-img {
    float: left;
    width: 2px;
    height: 30px;
    background: url('../images/p5.png') 50% no-repeat;
    background-size: 2px 30px
}

.main-left .coupon-box .coupon-item .btn-get {
    float: left;
    color: #fff;
    width: 56px;
    font-size: 14px;
    background: #e62828;
    text-align: center;
    height: 30px;
    line-height: 30px
}

.main-left .subsidies-buy {
    font-size: 14px;
    margin-top: 29px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.main-left .subsidies-buy .subsidies-title {
    font-weight: 700
}

.main-left .subsidies-buy .subsidies-info {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 20px;
    width: 230px;
    background: #f5f5f5;
    padding: 0 14px;
    height: 30px;
    line-height: 30px
}

.main-left .subsidies-buy .subsidies-info span {
    color: #e62828
}

.main-left .unionpay-box {
    background: #fff;
    margin-bottom: 30px
}

.main-left .unionpay-box .unionpay-img {
    width: 100%;
    display: block
}

.main-left .order-box {
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.main-left .order-box .order-title {
    color: #333;
    font-weight: 700;
    font-size: 16px
}

.main-left .order-box * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.main-left .order-box .img-thumbnail-box {
    margin-top: 16px;
    position: relative
}

.main-left .order-box .img-thumbnail-box .order-img {
    width: 110px;
    height: 110px;
    cursor: pointer;
    background: #efefef;
    position: relative;
    border: 1px solid #f5f5f5
}

.main-left .order-box .img-thumbnail-box .order-img .order-img-tip {
    position: absolute;
    width: 14px;
    height: 14px;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .3);
    padding: 1px 3px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 14px
}

.main-left .order-box .img-thumbnail-box .order-img img {
    width: 100%
}

.main-left .order-box .img-thumbnail-box .order-img:hover {
    opacity: .8
}

.main-left .order-box .img-thumbnail-box .order-img:hover + .order-img-box {
    display: block
}

.main-left .order-box .img-thumbnail-box .order-img-scroll {
    margin-top: 14px;
    display: none
}

.main-left .order-box .img-thumbnail-box .order-img-scroll .imgContent {
    position: relative
}

.main-left .order-box .img-thumbnail-box .order-img-scroll .imgContent .imgLoading {
    position: absolute;
    top: 50%;
    left: 50%
}

.main-left .order-box .img-thumbnail-box .order-img-scroll .imgContent .bigImgContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 682px;
    max-height: 480px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    overflow: hidden
}

.main-left .order-box .img-thumbnail-box .order-img-scroll .imgContent .bigImgContent .aimgcon img {
    max-height: 480px;
    display: block;
    margin: 0 auto;
    cursor: url(../images/small.cur), auto
}

.main-left .order-box .img-thumbnail-box .order-img-scroll .imgContent .imgpn {
    display: block;
    background: rgba(0, 0, 0, .3);
    width: 20px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    height: 40px;
    line-height: 40px
}

.main-left .order-box .img-thumbnail-box .order-img-scroll .imgContent .imgpn.img-prev {
    left: 0
}

.main-left .order-box .img-thumbnail-box .order-img-scroll .imgContent .imgpn.img-next {
    right: 0
}

.main-left .order-box .img-thumbnail-box .order-img-box {
    display: none;
    position: absolute;
    padding: 10px;
    top: 0;
    left: 120px;
    max-width: 620px;
    max-height: 620px;
    z-index: 100;
    background: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 2px
}

.main-left .order-box .img-thumbnail-box .order-img-box .pop-arrow-left {
    top: 53px
}

.main-left .order-box .img-thumbnail-box .order-img-box img {
    max-height: 600px;
    max-width: 600px;
    display: block
}

.main-left .declare {
    margin-top: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #999
}

.main-left .baike {
    margin-top: 20px
}

.main-left .baike .baike-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-left .baike .baike-title .title {
    font-size: 16px;
    color: #333;
    line-height: 24px;
    font-weight: 600
}

.main-left .baike .baike-title .baike-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-left .baike .baike-title .baike-logo:hover {
    opacity: .8;
    cursor: pointer
}

.main-left .baike .baike-title .baike-logo img {
    width: 60px;
    height: 14px;
    margin-right: 1px
}

.main-left .baike .baike-title .baike-logo i {
    font-size: 12px;
    color: #999
}

.main-left .baike .introduce {
    margin-top: 14px
}

.main-left .baike .introduce p {
    line-height: 28px;
    font-size: 16px;
    color: #333;
    display: inline-block
}

.main-left .baike .introduce a {
    color: #447dbd
}

.main-left .baike .introduce a:hover {
    opacity: .8
}

.main-left .shaiwu-module {
    margin-top: 29px
}

.main-left .shaiwu-module .shaiwu-header {
    padding-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.main-left .shaiwu-module .shaiwu-header .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    color: #333
}

.main-left .shaiwu-module .shaiwu-header .more_class {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 26px;
    font-size: 14px;
    color: #999;
    position: relative;
    cursor: pointer;
    margin-left: 4px
}

.main-left .shaiwu-module .shaiwu-header .more_class:hover .download-app {
    display: block
}

.main-left .shaiwu-module .shaiwu-header .more_class i {
    margin-left: 4px;
    line-height: 26px;
    font-size: 12px
}

.main-left .shaiwu-module .shaiwu-header .more_class:hover {
    color: #5188a6
}

.main-left .shaiwu-module .shaiwu-header .more_class .download-app {
    display: none;
    position: absolute;
    z-index: 1000;
    top: 41px;
    right: 0;
    padding: 15px 10px 10px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    text-align: center
}

.main-left .shaiwu-module .shaiwu-header .more_class .download-app:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid #fff;
    position: absolute;
    top: -5px;
    right: 18px;
    z-index: 10
}

.main-left .shaiwu-module .shaiwu-header .more_class .download-app .img-desc {
    width: 180px;
    height: 180px;
    margin-bottom: 10px
}

.main-left .shaiwu-module .shaiwu-header .more_class .download-app span {
    display: block;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #999
}

.main-left .shaiwu-module .shaiwu-content {
    padding: 14px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    background-color: #fff
}

.main-left .shaiwu-module .shaiwu-content .goods-desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.main-left .shaiwu-module .shaiwu-content .shaiwu-card {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 28px;
    margin-bottom: 28px
}

.main-left .shaiwu-module .shaiwu-content .shaiwu-card:nth-child(2n) {
    margin-right: 0
}

.main-left .shaiwu-module .shaiwu-content .shaiwu-card:last-child {
    margin-bottom: 0
}

.main-left .shaiwu-module .shaiwu-content .shaiwu-card:nth-last-child(2) {
    margin-bottom: 0
}

.main-left .shaiwu-module .shaiwu-content .shaiwu-card .img-box {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 120px;
    height: 120px;
    margin-right: 14px;
    border-radius: 2px;
    position: relative
}

.main-left .shaiwu-module .shaiwu-content .shaiwu-card .img-box:hover {
    opacity: .8
}

.main-left .shaiwu-module .shaiwu-content .shaiwu-card .img-box .video {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: rgba(0, 0, 0, .34);
    text-align: center
}

.main-left .shaiwu-module .shaiwu-content .shaiwu-card .img-box .video i {
    padding-left: 2px;
    line-height: 30px;
    color: #fff;
    font-size: 18px
}

.main-left .shaiwu-module .shaiwu-content .shaiwu-card .img-box img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 2px
}

.main-left .shaiwu-module .shaiwu-content .shaiwu-card .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 179px;
    height: 120px
}

.main-left .shaiwu-module .shaiwu-content .shaiwu-card .content .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.75;
    color: #333;
    height: 84px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.main-left .shaiwu-module .shaiwu-content .shaiwu-card .content .title:hover {
    color: #5188a6
}

.main-left .shaiwu-module .shaiwu-content .shaiwu-card .content .tool {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.main-left .shaiwu-module .shaiwu-content .shaiwu-card .content .tool .left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 20px;
    width: 124px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 7px
}

.main-left .shaiwu-module .shaiwu-content .shaiwu-card .content .tool .left .avatar {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    border-radius: 100%
}

.main-left .shaiwu-module .shaiwu-content .shaiwu-card .content .tool .left .txt {
    display: block;
    font-size: 12px;
    line-height: 20px;
    color: #666;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.main-left .shaiwu-module .shaiwu-content .shaiwu-card .content .tool .left .vip {
    margin-left: 5px;
    line-height: 20px;
    width: 12px;
    height: 12px
}

.main-left .shaiwu-module .shaiwu-content .shaiwu-card .content .tool .right {
    width: 48px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 14px;
    line-height: 20px;
    color: #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.main-left .shaiwu-module .shaiwu-content .shaiwu-card .content .tool .right i {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    line-height: 20px;
    font-size: 16px;
    margin-right: 4px
}

.main-left .shaiwu-module .shaiwu-content .shaiwu-card .content .tool .right span {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    position: relative;
    top: 1px;
    width: 28px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.main-left .goods-module {
    margin-top: 30px
}

.main-left .goods-module .goods-header {
    line-height: 36px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
}

.main-left .goods-module .goods-header, .main-left .goods-module .goods-header .title-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-left .goods-module .goods-header .title-box .title {
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-right: 30px;
    border-bottom: 2px solid rgba(0, 0, 0, 0)
}

.main-left .goods-module .goods-header .title-box .title.active {
    color: #e62828;
    border-bottom: 2px solid #e62828
}

.main-left .goods-module .goods-header .title-box .title:hover {
    color: #e62828
}

.main-left .goods-module .goods-header .more_class {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 36px;
    color: #999
}

.main-left .goods-module .goods-header .more_class:hover {
    color: #5188a6
}

.main-left .goods-module .goods-header .more_class i {
    font-size: 12px;
    margin-left: 4px
}

.main-left .goods-module .goods-content {
    margin-bottom: 20px;
    padding: 14px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    background-color: #fff
}

.main-left .goods-module .goods-content .goods-desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.main-left .goods-module .goods-content.hide {
    display: none
}

.main-left .goods-module .goods-content .goods-card {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 28px;
    margin-bottom: 28px
}

.main-left .goods-module .goods-content .goods-card:nth-child(2n) {
    margin-right: 0
}

.main-left .goods-module .goods-content .goods-card:last-child {
    margin-bottom: 0
}

.main-left .goods-module .goods-content .goods-card:nth-last-child(2) {
    margin-bottom: 0
}

.main-left .goods-module .goods-content .goods-card .img-box {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 120px;
    height: 120px;
    margin-right: 14px;
    border-radius: 2px
}

.main-left .goods-module .goods-content .goods-card .img-box:hover {
    opacity: .8
}

.main-left .goods-module .goods-content .goods-card .img-box img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 2px
}

.main-left .goods-module .goods-content .goods-card .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 179px;
    height: 120px
}

.main-left .goods-module .goods-content .goods-card .content .title-desc {
    position: relative;
    top: -3px
}

.main-left .goods-module .goods-content .goods-card .content .title-desc .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    color: #333;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 6px
}

.main-left .goods-module .goods-content .goods-card .content .title-desc .title:hover {
    color: #5188a6
}

.main-left .goods-module .goods-content .goods-card .content .title-desc .sub-title {
    font-size: 12px;
    line-height: 20px;
    color: #999;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.main-left .goods-module .goods-content .goods-card .content .tool, .main-left .goods-module .goods-content .goods-card .content .tool .tool-desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-left .goods-module .goods-content .goods-card .content .tool .tool-desc {
    margin-right: 14px
}

.main-left .goods-module .goods-content .goods-card .content .tool .tool-desc:last-child {
    margin-right: 0
}

.main-left .goods-module .goods-content .goods-card .content .tool .tool-desc .zdm-icon {
    line-height: 16px;
    font-size: 16px;
    margin-right: 4px;
    color: #999
}

.main-left .goods-module .goods-content .goods-card .content .tool .tool-desc .num {
    max-width: 35px;
    font-size: 14px;
    line-height: 16px;
    color: #999;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.main-left .author-box {
    margin-top: 26px;
    margin-bottom: 30px;
    padding: 0;
    font-size: 12px
}

.main-left .author-box, .main-left .author-box * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.main-left .author-box .author-info-box {
    height: 107px;
    margin: 0 auto
}

.main-left .author-box .author-info-box .author-title {
    margin-bottom: 30px
}

.main-left .author-box .author-info-box .author-title .title-txt {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #333
}

.main-left .author-box .author-info-box .author-title .title-txt2 {
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #999
}

.main-left .author-box .author-info-box .author-block {
    float: left
}

.main-left .author-box .author-info-box .author-blo2 {
    float: left;
    margin-left: 7px
}

.main-left .author-box .au-img-box {
    position: relative;
    margin: 0 auto;
    width: 72px;
    height: 72px;
    display: block
}

.main-left .author-box .au-img-box .au-img {
    position: absolute;
    left: 6px;
    top: 6px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-block
}

.main-left .author-box .au-img-box .pendant-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 72px;
    height: 72px
}

.main-left .author-box .au-img-box .label {
    position: absolute;
    bottom: 6px;
    right: 6px;
    width: 20px;
    height: 18px;
    z-index: 20
}

.main-left .author-box .au-img-box:hover {
    opacity: .8
}

.main-left .author-box .name {
    display: block;
    color: #333;
    margin-top: 11px;
    font-size: 14px;
    height: 16px;
    line-height: 16px
}

.main-left .author-box .name .btn-level {
    display: inline-block;
    width: 22px;
    height: 14px;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    top: 2px
}

.main-left .author-box .name .btn-level img {
    width: 100%;
    display: block;
    height: 100%
}

.main-left .author-box .name:hover .txt {
    color: #5188a6
}

.main-left .author-box .txt-info {
    display: block;
    margin-top: 20px;
    color: #999
}

.main-left .author-box .txt-info .num:hover {
    color: #5188a6
}

.main-left .author-box .txt-info p {
    display: inline-block
}

.main-left .author-box .txt-info .line {
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #999;
    position: relative;
    top: 2px;
    margin: 0 10px
}

.main-left .author-box .btn-group {
    margin-top: 16px;
    font-size: 10px;
    float: right
}

.main-left .author-box .btn-group .btn {
    width: 76px;
    text-align: center;
    border-radius: 2px;
    display: inline-block;
    cursor: pointer;
    height: 28px;
    line-height: 28px
}

.main-left .author-box .btn-group .btn:hover {
    opacity: .8
}

.main-left .author-box .btn-group .reward-btn {
    background: rgba(230, 40, 40, .1);
    margin-right: 10px;
    color: #e62828 !important;
    float: none;
    font-size: 12px
}

.main-left .author-box .btn-group .focus-btn {
    background: #e62828;
    color: #fff;
    vertical-align: top
}

.main-left .author-box .btn-group .focus-btn i {
    position: relative;
    top: 1px
}

.main-left .ads {
    margin: 30px 0 30px -14px;
    width: 710px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.main-left .ads img {
    max-width: 710px;
    height: auto
}

.main-left .ads .label-ad {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    color: #fff;
    line-height: 12px;
    background-color: rgba(0, 0, 0, .4);
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 2px 5px;
    border-top-left-radius: 4px
}

.main-left .card-bottom-overdue {
    padding: 14px 5px 0;
    font-size: 0;
    max-height: 102px;
    overflow: hidden
}

.main-left .card-bottom-overdue .mall-item {
    background: #fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    border-radius: 4px;
    padding: 5px;
    margin-right: 14px;
    margin-bottom: 14px;
    display: inline-block
}

.main-left .card-bottom-overdue .mall-item .mall-img {
    margin-right: 5px;
    vertical-align: top;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block
}

.main-left .card-bottom-overdue .mall-item .txt-box {
    position: relative;
    display: inline-block;
    height: 20px;
    line-height: 20px
}

.main-left .card-bottom-overdue .mall-item .mall-name {
    font-size: 14px;
    color: #666;
    margin-right: 20px
}

.main-left .card-bottom-overdue .mall-item .min-price {
    color: #fff;
    background: #e62828;
    border-radius: 2px;
    font-size: 12px;
    display: inline-block;
    padding: 0 2px;
    line-height: 16px;
    height: 16px;
    margin-right: 10px;
    position: relative;
    top: -1px
}

.main-left .card-bottom-overdue .mall-item .mall-price {
    font-size: 14px;
    color: #e62828;
    margin-right: 3px
}

.main-left .card-bottom-overdue .mall-item i {
    color: #999;
    font-size: 12px
}

.main-left .card-bottom-overdue .mall-item:hover {
    opacity: .8
}

.comment_wrap .comment-title {
    font-weight: 700;
    margin-bottom: 6px;
    font-size: 14px;
    color: #333
}

#history-comments {
    margin-top: -20px
}

#history-comments .level-bg {
    display: inline-block;
    width: 22px;
    height: 14px;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    top: 1px
}

#history-comments .level-bg img {
    width: 100%;
    display: block
}

#history-comments span.stuff-tag {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32px;
    font-size: 12px;
    height: 18px;
    border-top-left-radius: 4px;
    background: rgba(0, 0, 0, .4);
    line-height: 20px;
    color: #fff;
    text-align: center
}

#history-comments .icon-fans, #history-comments .icon-goodboy, #history-comments .icon-jinpaibaoliaotuan, #history-comments .icon-juweihui, #history-comments .icon-living, #history-comments .icon-media, #history-comments .icon-rightknights, #history-comments .icon-seven, #history-comments .icon-signin201609, #history-comments .icon-vip_living, #history-comments .icon-xiaobian, #history-comments .icon-xunzhang618, #history-comments .icon-zcchuji, #history-comments .icon-zczhongji, #history-comments .icon-zhima {
    font-size: 0;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 4px;
    background-size: 100% !important
}

#history-comments .icon-xunzhang618 {
    background: url(../images/xunzhang618.png) no-repeat
}

#history-comments .icon-rightknights {
    background: url(../images/rightknights.png) no-repeat
}

#history-comments .icon-fans {
    background: url(../images/fans.png) no-repeat
}

#history-comments .icon-living, #history-comments .icon-vip_living {
    background: url(../images/living.png) no-repeat
}

#history-comments .icon-vip_living {
    background-image: url(../images/vip_living.png)
}

#history-comments .icon-seven {
    background: url(../images/seven.png) no-repeat
}

#history-comments .icon-media {
    background: url(../images/media.png) no-repeat
}

#history-comments .icon-goodboy {
    background: url(../images/goodboy.png) no-repeat
}

#history-comments .icon-juweihui {
    background: url(../images/juweihui.png) no-repeat
}

#history-comments .icon-7feedback img, #history-comments .icon-medal618 img, #history-comments .icon-updating8 img, #history-comments .icon-visa img, #history-comments .icon-zhiyoujie2 img {
    height: 18px;
    display: inline-block
}

#history-comments .icon-signin201609 {
    background: url(../images/signin201609.png) no-repeat
}

#history-comments .icon-jinpaibaoliaotuan {
    background: url(../images/jinpaibaoliaotuan.png) no-repeat
}

#history-comments .icon-xiaobian {
    background: url(../images/xiaobian.png) no-repeat
}

#history-comments .icon-zcchuji {
    background: url(../images/zcchuji.png) no-repeat
}

#history-comments .icon-zczhongji {
    background: url(../images/zczhongji.png) no-repeat
}

#history-comments .icon-zhima {
    background: url(../images/zhima.png) no-repeat
}

#history-comments .icon-medal {
    font-size: 0;
    vertical-align: -4px
}

#history-comments .icon-medal, #history-comments .icon-medal a {
    display: inline-block;
    height: 20px
}

#history-comments .icon-medal img {
    height: 20px;
    display: block
}

.title-fixed {
    display: none;
    position: fixed;
    padding: 0 12px;
    top: 60px;
    height: 48px;
    line-height: 48px;
    background: #fff;
    z-index: 200;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    border-radius: 2px;
    width: 802px;
    border: 1px solid #f5f5f5;
}

.title-fixed, .title-fixed * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.title-fixed.show-fixed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.title-fixed .title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.title-fixed .info {
    margin-left: 12px
}

.title-fixed .info .btn-group {
    position: relative;
    line-height: 0
}

.title-fixed .info .btn-group .btn {
    font-size: 12px;
    margin-left: 12px;
    margin-right: 0;
    height: 24px;
    line-height: 24px
}

.title-fixed .info .btn-group .icon-qr-o {
    font-size: 14px
}

.title-fixed .info .btn-group .other-link-box {
    font-size: 12px
}

.title-fixed .info .btn-group .go-red-packet {
    display: none
}

.title-fixed .info .btn-group .btn-more-box {
    margin-right: 0;
    margin-left: 12px;
    line-height: normal
}

.title-fixed .info .btn-group .btn-more-box .btn {
    margin: 0
}

.title-fixed .info .btn-group .btn-more-box .go-buy:after {
    top: 13px
}

.title-fixed .info .btn-group .btn-more-box .other-link-box {
    top: 24px
}

.title-fixed .info .btn-group .go-buy, .title-fixed .info .btn-group .no-buy {
    text-align: center;
    width: 70px;
    padding: 0 !important;
}

.title-fixed .info .btn-group .qr-code-box {
    top: auto;
    bottom: -142px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.title-fixed .info .z-bgm-edit {
    display: none
}

.info, .info * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.info:after {
    content: "";
    display: table;
    clear: both
}

.info .img-box {
    width: 250px;
    height: 250px;
    display: block;
    float: left;
    border: 1px solid #f5f5f5;
    position: relative;
    margin-right: 0px;
    text-align: center
}

.info .img-box .label {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    padding: 0 6px 0 22px;
    color: #999;
    z-index: 11;
    opacity: .8;
    height: 22px;
    line-height: 22px
}

.info .img-box .label.youhui {
    background: #fff url('../images/p6.png') no-repeat;
    background-position: 2px
}

.info .img-box .label.haitao {
    background: #fff url('../images/p7.png') no-repeat;
    background-position: 2px
}

.info .img-box .label.jisu {
    background: #fff url('../images/p8.png') no-repeat;
    background-position: 2px
}

.info .img-box .label.jisu-new {
    background: #fff url('../images/p9.png') no-repeat;
    background-size: 16px auto;
    background-position: 3px
}

.info .img-box .label.no-icon {
    background: #fff;
    background: none;
    padding-left: 0;
    width: auto;
    height: auto;
    opacity: 1
}

.info .img-box .main-img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    margin: 0 auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.info .img-box .main-img:hover {
    opacity: .9
}

.info .info-right {
    float: right;
    width: 522px;
    position: relative
}

.info .info-right .title {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: left !important;
}

.info .info-right .price {
    font-size: 16px;
    color: #e62828;
    line-height: 30px;
    margin-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.info .info-right .price .price-large {
    font-size: 26px
}

.info .info-right .price .num {
    position: relative;
    top: 2px
}

.info .info-right .price .yuan {
    font-size: 20px;
    font-weight: 500
}

.info .info-right .price .price-bold {
    font-weight: 500
}

.info .info-right .price .normal {
    font-size: 16px;
    color: #999
}

.info .info-right .price .normal .line-through {
    text-decoration: line-through
}

.info .info-right .old-price-box .old-price {
    font-size: 20px;
    color: #999;
    line-height: 30px;
    margin-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.info .info-right .old-price-box .old + span:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 20px;
    background: #999;
    margin: 0 10px;
    position: relative;
    top: 2px
}

.info .info-right .old-price-box .normal {
    font-size: 16px;
    color: #999
}

.info .info-right .old-price-box .normal .line-through {
    text-decoration: line-through
}

.info .info-right .old-price-box .tips {
    margin-top: 6px;
    font-size: 12px;
    line-height: 22px;
    color: #999
}

.info .info-right .info-details {
    position: relative
}

.info .info-right a {
    color: #666
}

.info .info-right .author-info {
    font-size: 0;
    color: #666;
    margin-top: 14px;
    height: 24px;
    line-height: 24px
}

.info .info-right .author-info.label-box-hover {
    margin-bottom: 86px
}

.info .info-right .author-info > * {
    margin-right: 10px;
    font-size: 12px
}

.info .info-right .author-info .author-img {
    vertical-align: top;
    margin-right: 6px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-block
}

.info .info-right .author-info .name {
    max-width: 85px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.info .info-right .author-info .name:hover {
    color: #5188a6
}

.info .info-right .author-info .mall {
    color: #999;
    max-width: 85px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.info .info-right .author-info .article_meta_tip {
    display: inline-block;
    position: relative;
    vertical-align: top;
    z-index: 80
}

.info .info-right .author-info .article_meta_tip:hover i {
    color: #e62828
}

.info .info-right .author-info .article_meta_tip:hover > div {
    display: block
}

.info .info-right .author-info .article_meta_tip i {
    font-size: 16px;
    vertical-align: middle;
    color: #ccc;
    position: relative;
    top: -1px;
    cursor: pointer
}

.info .info-right .author-info .article_meta_tip > div {
    display: none;
    left: 22px;
    top: -22px;
    color: #999;
    position: absolute;
    height: 68px;
    width: 177px;
    line-height: 16px;
    background: #fff;
    z-index: 3;
    padding: 10px;
    font-size: 12px;
    text-align: justify;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 2px
}

.info .info-right .author-info .line {
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #ddd;
    position: relative;
    top: 6px;
    vertical-align: top
}

.info .info-right .author-info .time {
    float: right;
    color: #999;
    margin: 0
}

.info .info-right .label-box {
    margin-top: 6px;
    font-size: 0;
    position: relative;
    padding: 0 14px 8px;
    margin-left: -14px;
    width: 459px;
    z-index: 11;
    max-height: 90px
}

.info .info-right .label-box.label-box-more {
    padding: 0 14px 14px;
    height: 80px
}

.info .info-right .label-box.label-box-more.label-box-hover {
    background: #fff;
    height: auto;
    max-height: none;
    position: absolute;
    top: 24px;
    left: 0;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 2px
}

.info .info-right .label-box.label-box-more.label-box-hover .more {
    display: none
}

.info .info-right .label-box.label-box-more .more {
    display: block
}

.info .info-right .label-box .more {
    display: none;
    color: #666;
    font-size: 12px;
    position: absolute;
    right: 14px;
    bottom: 6px;
    height: 22px;
    line-height: 22px
}

.info .info-right .label-box .label {
    color: #666;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    border-radius: 2px;
    padding: 0 10px;
    margin-top: 14px;
    margin-right: 14px;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    height: 22px;
    line-height: 22px
}

.info .info-right .label-box .label i {
    color: #e62828
}

.info .info-right .label-box .label .box {
    position: absolute
}

.info .info-right .label-box a.label:hover, .info .info-right .label-box a.red, .info .info-right .label-box span.label:hover, .info .info-right .label-box span.red {
    color: #e62828
}

.info .info-right .label-box .block {
    display: inline-block;
    position: relative
}

.info .info-right .label-box .block .labelClick, .info .info-right .label-box .block .labelLow:hover + .hover-txt, .info .info-right .label-box .block .labelPre:hover + .hover-txt {
    display: block
}

.info .info-right .label-box .block .pop-arrow-left {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    top: 50%;
    left: -6px;
    margin-top: -6px;
    border: 6px solid rgba(0, 0, 0, 0);
    border-left-width: 0
}

.info .info-right .label-box .labelLow-txt {
    display: none;
    padding: 7px 0;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    font-size: 14px;
    float: left;
    position: absolute;
    top: 11px;
    z-index: 15;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.info .info-right .label-box .labelLow-txt i {
    position: absolute;
    left: -10px;
    color: #fff;
    top: 9px
}

.info .info-right .label-box .labelLow-txt .left {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.14;
    letter-spacing: normal;
    color: #666;
    padding-left: 14px
}

.info .info-right .label-box .labelLow-txt .right {
    margin-left: 7px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.14;
    letter-spacing: normal;
    color: #333;
    padding-right: 14px
}

.info .info-right .label-box .labelTop-txt {
    display: none;
    padding: 20px 14px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    font-size: 14px;
    float: left;
    position: absolute;
    top: -5px;
    z-index: 25
}

.info .info-right .label-box .labelTop-txt i {
    position: absolute;
    left: -10px;
    color: #fff;
    top: 9px
}

.info .info-right .label-box .labelTop-txt .side-change {
    padding: 0
}

.info .info-right .label-box .labelTop-txt .ranking-img {
    width: 38px;
    position: absolute;
    display: block;
    z-index: 1
}

.info .info-right .label-box .labelTop-txt .pop-arrow-left {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    top: 30px;
    left: -6px;
    margin-top: -6px;
    border: 6px solid rgba(0, 0, 0, 0);
    border-left-width: 0
}

.info .info-right .label-box .labelTime-txt {
    display: none;
    padding: 14px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    font-size: 14px;
    float: left;
    position: absolute;
    top: -5px;
    z-index: 25
}

.info .info-right .label-box .labelTime-txt .pop-arrow-left {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    top: 30px;
    left: -6px;
    margin-top: -6px;
    border: 6px solid rgba(0, 0, 0, 0);
    border-left-width: 0
}

.info .info-right .label-box .labelTime-txt .decline {
    position: absolute;
    left: -10px;
    color: #fff;
    top: 9px
}

.info .info-right .label-box .labelTime-txt .top {
    font-size: 14px
}

.info .info-right .label-box .labelTime-txt .top i {
    color: #e62828;
    font-size: 16px;
    vertical-align: -1px
}

.info .info-right .label-box .labelTime-txt .top span {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.14;
    letter-spacing: normal;
    color: #000;
    margin-left: 7px
}

.info .info-right .label-box .labelTime-txt .content {
    width: 215px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: normal;
    color: #333
}

.info .info-right .label-box .labelTime-txt .content li {
    margin-top: 14px;
    width: 100%;
    float: left
}

.info .info-right .label-box .labelTime-txt .content li span {
    float: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.14;
    letter-spacing: normal;
    color: #999
}

.info .info-right .label-box .labelTime-txt .content li p {
    float: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: normal
}

.info .info-right .label-box .labelTime-txt .content li p span {
    color: #333;
    line-height: 20px;
    max-width: 140px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.info .info-right .label-box .labelTime-txt .content li p i {
    margin-left: 7px;
    color: #999;
    vertical-align: -1px
}

.info .info-right .label-box .labelTime-txt .content li a:hover span {
    color: #5188a6
}

.info .info-right .label-box .labelPre-txt {
    display: none;
    padding: 5px 0;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    font-size: 14px;
    float: left;
    position: absolute;
    top: 9px;
    z-index: 25;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.info .info-right .label-box .labelPre-txt .decline {
    position: absolute;
    left: -10px;
    color: #fff;
    top: 9px
}

.info .info-right .label-box .labelPre-txt .contxt {
    position: relative;
    width: auto;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    color: #333
}

.info .info-right .label-box .labelPre-txt .contxt .data {
    width: 50px;
    padding-left: 13px;
    float: left;
    font-size: 14px;
    line-height: 1.43;
    font-weight: 400;
    letter-spacing: normal;
    color: #999
}

.info .info-right .label-box .labelPre-txt .contxt p {
    float: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    letter-spacing: normal;
    margin-left: 20px;
    max-width: 140px;
    max-height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-right: 5px
}

.info .info-right .label-box .labelPre-txt .contxt i {
    padding-right: 10px;
    margin-top: 3px;
    color: #999;
    display: inline-block
}

.info .info-right .label-box .labelPre-txt .contxt a:hover p, .info .info-right .label-box .labelPre-txt .contxt a:hover span {
    color: #5188a6
}

.info .info-right .structuration-box {
    position: relative;
    background-color: #f9f9f9;
    padding: 14px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 14px;
    border-radius: 2px
}

.info .info-right .structuration-box .canal, .info .info-right .structuration-box .money, .info .info-right .structuration-box .number, .info .info-right .structuration-box .preferential {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 24px;
    margin-bottom: 5px
}

.info .info-right .structuration-box .canal .item-title, .info .info-right .structuration-box .money .item-title, .info .info-right .structuration-box .number .item-title, .info .info-right .structuration-box .preferential .item-title {
    color: #999;
    margin-right: 20px
}

.info .info-right .structuration-box .canal .item-subtitle, .info .info-right .structuration-box .money .item-subtitle, .info .info-right .structuration-box .number .item-subtitle, .info .info-right .structuration-box .preferential .item-subtitle {
    color: #333;
    line-height: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    top: 2px
}

.info .info-right .structuration-box .canal .item-subtitle span, .info .info-right .structuration-box .money .item-subtitle span, .info .info-right .structuration-box .number .item-subtitle span, .info .info-right .structuration-box .preferential .item-subtitle span {
    display: inline-block;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.info .info-right .structuration-box .canal .item-subtitle .featrue, .info .info-right .structuration-box .money .item-subtitle .featrue, .info .info-right .structuration-box .number .item-subtitle .featrue, .info .info-right .structuration-box .preferential .item-subtitle .featrue {
    height: 20px;
    padding: 2px 4px;
    font-size: 12px;
    line-height: 16px;
    color: #e62828;
    border-radius: 2px;
    border: 1px solid #e62828;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block
}

.info .info-right .structuration-box .canal span {
    margin-right: 7px
}

.info .info-right .structuration-box .preferential {
    margin-bottom: 0
}

.info .info-right .structuration-box .preferential .item-subtitle {
    color: #999;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 60%
}

.info .info-right .structuration-box .preferential .item-subtitle.hidden {
    height: 24px;
    overflow: hidden
}

.info .info-right .structuration-box .preferential .item-subtitle a {
    max-width: 100%;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.info .info-right .structuration-box .preferential .item-subtitle a .icon-angle-right-o-thin {
    position: relative;
    top: -2px
}

.info .info-right .structuration-box .preferential .item-subtitle a span {
    height: 24px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.info .info-right .structuration-box .preferential .item-subtitle .red {
    color: #e62828;
    cursor: pointer
}

.info .info-right .structuration-box .preferential .item-subtitle .red .comma {
    color: #999;
    margin-left: 2px;
    margin-right: 6px
}

.info .info-right .structuration-box .preferential .item-subtitle .red:hover {
    opacity: .8
}

.info .info-right .structuration-box .preferential .item-subtitle .gray {
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    white-space: nowrap
}

.info .info-right .structuration-box .preferential .item-subtitle .gray .comma {
    color: #999;
    margin-left: 2px;
    margin-right: 6px
}

.info .info-right .structuration-box .preferential .preferential_an:hover, .info .info-right .structuration-box .preferential .preferential_up:hover {
    color: #447dbd;
    cursor: pointer
}

.info .info-right .structuration-box .preferential .preferential_up {
    display: none
}

.info .info-right .structuration-box div:last-child {
    margin-bottom: 0
}

.info .info-right .remind-box {
    margin-top: 10px;
    display: none;
    padding: 10px 0;
    font-size: 12px;
    letter-spacing: 0;
    color: #666
}

.info .info-right .remind-box .less-day, .info .info-right .remind-box .more-day {
    display: none
}

.info .info-right .remind-box .more-day .day, .info .info-right .remind-box .more-day .hour {
    margin: 0 5px 0 10px
}

.info .info-right .remind-box .remind-btn {
    color: #e62828;
    margin-left: 10px;
    cursor: pointer;
    display: inline-block;
    position: relative
}

.info .info-right .remind-box .remind-btn > span:hover {
    opacity: .8
}

.info .info-right .remind-box .remind-btn.reminded {
    color: #999
}

.info .info-right .remind-box .remind-btn.reminded:hover .qr-more {
    display: block
}

.info .info-right .remind-box .remind-btn.begin {
    cursor: auto
}

.info .info-right .remind-box .remind-btn .qr-more {
    display: none;
    position: absolute;
    top: -120px;
    right: -220px;
    width: 200px;
    background: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 2px;
    height: 254px;
    padding: 12px 10px;
    z-index: 100
}

.info .info-right .remind-box .remind-btn .qr-more img {
    width: 180px;
    height: 180px;
    display: block
}

.info .info-right .remind-box .remind-btn .qr-more p {
    margin-top: 14px;
    font-size: 12px;
    color: #999;
    text-align: center;
    line-height: 16px
}

.info .info-right .remind-box .date {
    font-size: 14px;
    color: #fff;
    background: #666;
    border-radius: 2px;
    text-align: center;
    width: 22px;
    display: inline-block;
    height: 24px;
    line-height: 24px
}

.info .info-right .remind-box .date_h {
    margin-left: 6px
}

.info .info-right .z-bgm-edit {
    color: #5188a6;
    position: relative;
    font-size: 12px !important
}

.info .info-right .z-bgm-edit:hover {
    text-decoration: underline
}

.info .btn-group {
    position: relative;
    font-size: 0;
    padding-top: 20px
}

.info .btn-group .btn {
    font-size: 14px;
    margin-right: 20px;
    display: inline-block;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    position: relative;
    height: 36px;
    line-height: 36px;
    padding: 0;
    vertical-align: unset;
}

.info .btn-group .btn:hover {
    z-index: 120;
    cursor: pointer
}

.info .btn-group .btn:hover > .qr-code-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.info .btn-group .go-buy {
    background: #e62828;
    width: 164px
}

.info .btn-group .go-buy:hover {
    opacity: .8;
}

.info .btn-group .go-buy i {
    position: relative;
    top: 1px;
    margin-left: 2px
}

.info .btn-group .go-red-packet {
    display: inline-block;
    position: relative;
    width: 164px;
    height: 36px;
    background: url(../images/red-paper.png) no-repeat 50%;
    background-size: 100% 100%;
    line-height: 36px;
    border-radius: 2px;
    margin-right: 12px;
    font-size: 14px;
    color: #fff;
    padding-left: 54px
}

.info .btn-group .go-red-packet:hover {
    opacity: .8
}

.info .btn-group .no-buy {
    background: #999;
    width: 164px
}

.info .btn-group .no-buy:hover {
    opacity: .8
}

.info .btn-group .no-buy i {
    position: relative;
    top: 1px;
    margin-left: 2px
}

.info .btn-group .btn-more-box {
    font-size: 14px;
    display: inline-block;
    margin-right: 20px;
    position: relative;
    border-radius: 2px
}

.info .btn-group .btn-more-box .other-link-box {
    display: none;
    position: absolute;
    background: #fff;
    left: 0;
    width: 100%;
    padding: 7px 0;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    text-align: center
}

.info .btn-group .btn-more-box .other-link-box > a {
    padding: 0 7px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.info .btn-group .btn-more-box .other-link-box > a:hover {
    background: #ffedeb;
    color: #e62828
}

.info .btn-group .btn-more-box:hover {
    z-index: 120
}

.info .btn-group .btn-more-box:hover .other-link-box {
    display: block
}

.info .btn-group .btn-more-box .go-buy {
    position: relative;
    margin-right: 0
}

.info .btn-group .btn-more-box .go-buy:after {
    content: "";
    right: 1px;
    bottom: 1px;
    position: absolute;
    width: 0;
    height: 0;
    border-color: rgba(0, 0, 0, 0) #fff #fff rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 5px
}

.info .btn-group .btn-more-box .go-buy i {
    margin-left: 0
}

.info .btn-group .btn-more-box .other-link {
    display: block;
    line-height: 24px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.info .btn-group .mobile-buy, .info .btn-group .wx-buy, .info .btn-group .wx-qr-buy {
    display: none;
    padding: 0 10px
}

.info .btn-group .mobile-buy .icon-qr-o, .info .btn-group .wx-buy .icon-qr-o, .info .btn-group .wx-qr-buy .icon-qr-o {
    font-size: 16px;
    margin-right: 7px;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.info .btn-group .wx-qr-buy {
    position: relative;
    background: #67c643
}

.info .btn-group .wx-qr-buy:hover {
    background: rgba(103, 198, 67, .8)
}

.info .btn-group .wx-buy {
    background: #67c643
}

.info .btn-group .wx-buy:hover {
    background: rgba(103, 198, 67, .8)
}

.info .btn-group .mobile-buy {
    background: #199aeb
}

.info .btn-group .mobile-buy:hover {
    background: rgba(25, 154, 235, .8)
}

.info .btn-group .qr-code-box {
    display: none;
    position: absolute;
    right: -180px;
    top: -63px;
    width: 100%;
    height: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 2px;
    background: #fff;
    padding: 10px
}

.info .btn-group .qr-haibao {
    right: -210px !important;
    top: -126px !important;
    width: 200px !important;
}

.info .btn-group .qr-haibao img:hover {
    opacity: 1 !important;
}

.info .btn-group .btn:hover > .qr-code-box {
    display: -webkit-box;
    display: -ms-flexbox;
    /*display: flex*/
}

.info .btn-group .qr-code-box img {
    max-width: 100%;
    max-height: 100%;
    display: block
}

.info .btn-group-title {
    padding-top: 10px
}

.info .qr-buy-container {
    position: relative
}

.info .qr-buy-container .large-pic {
    position: absolute;
    width: 200px;
    height: 200px;
    padding: 10px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    background: #fff;
    right: 50px;
    top: -120px;
    display: none;
    z-index: 100
}

.info .qr-buy-container .large-pic img {
    width: 180px;
    height: 180px
}

.info .qr-buy-container .large-pic .qrcode-logo {
    position: relative
}

.info .qr-buy-container .large-pic .qrcode-logo img {
    position: absolute;
    top: -120px;
    left: 60px;
    width: 60px;
    height: 60px
}

.info .qr-buy-container .small-routine, .info .qr-buy-container .zdm-routine {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 164px;
    height: 80px;
    padding: 10px;
    border-radius: 2px;
    border: 1px solid #f5f5f5;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.info .qr-buy-container .small-routine img, .info .qr-buy-container .zdm-routine img {
    width: 60px;
    height: 60px
}

.info .qr-buy-container .small-routine .routine-title, .info .qr-buy-container .zdm-routine .routine-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    color: #333
}

.info .qr-buy-container .small-routine .routine-title span, .info .qr-buy-container .zdm-routine .routine-title span {
    line-height: 20px;
    font-weight: 600;
    margin-left: 10px
}

.info .qr-buy-container .small-routine .routine-title .check-large-pic, .info .qr-buy-container .zdm-routine .routine-title .check-large-pic {
    line-height: 20px;
    font-size: 12px;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    color: #ccc;
    margin-left: 2px
}

.info .qr-buy-container .small-routine .routine-title .check-large-pic i, .info .qr-buy-container .zdm-routine .routine-title .check-large-pic i {
    display: inline-block;
    margin-right: 2px;
    position: relative;
    top: 1px;
    left: 1px
}

.error_report_box {
    font-size: 12px;
    margin-top: 20px;
    height: 24px;
    line-height: 24px
}

.error_report_box, .error_report_box * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.error_report_box:after {
    content: "";
    display: table;
    clear: both
}

.error_report_box .report_title {
    float: left
}

.error_report_box ul.error_report {
    float: left;
    cursor: pointer;
    color: #999;
    margin-top: 2px
}

.error_report_box ul.error_report li.li.hover {
    background: #fde4e4;
    color: #e62828
}

.error_report_box ul.error_report > li {
    padding: 0 10px;
    float: left;
    margin-left: 1px;
    background: #f5f5f5;
    cursor: pointer;
    position: relative;
    color: #333;
    height: 22px;
    line-height: 22px
}

.error_report_box ul.error_report > li:hover {
    background: #feecec;
    color: #e62828
}

.error_report_box ul.error_report .other_report_box {
    display: none;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 2px;
    background: #fff;
    width: 182px;
    padding: 12px 10px 14px;
    position: absolute;
    z-index: 999;
    right: 0;
    color: #333;
    line-height: 22px;
    top: 22px
}

.error_report_box ul.error_report .other_report_box .report_reason:after {
    content: "";
    display: table;
    clear: both
}

.error_report_box ul.error_report .other_report_box .report_reason li {
    line-height: 26px;
    cursor: pointer
}

.error_report_box ul.error_report .other_report_box .report_reason li label {
    display: inline-block;
    cursor: pointer
}

.error_report_box ul.error_report .other_report_box .report_reason input[type=text] {
    width: 94px;
    margin-left: 8px;
    border: 1px solid #ddd;
    height: 20px;
    line-height: 20px;
    padding: 0 3px
}

.error_report_box ul.error_report .other_report_box .report_reason input[type=radio] {
    display: none
}

.error_report_box ul.error_report .other_report_box .report_reason hr {
    height: 1px;
    overflow: hidden;
    background: #f5f5f5;
    border: 0
}

.error_report_box ul.error_report .other_report_box .report_reason .rd + label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #ddd;
    top: 2px
}

.error_report_box ul.error_report .other_report_box .report_reason .rd + label:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 500;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: #f1f1f1;
    -webkit-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
    transition: all .15s ease-in
}

.error_report_box ul.error_report .other_report_box .report_reason .rd:checked + label {
    border-color: #e62828
}

.error_report_box ul.error_report .other_report_box .report_reason .rd:checked + label:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 6px;
    height: 6px;
    background: #e62828
}

.error_report_box ul.error_report .other_report_box button {
    width: 100%;
    height: 25px;
    line-height: 25px;
    background: #f5f5f5;
    border-radius: 2px;
    margin-top: 10px;
    cursor: pointer
}

.error_report_box ul.error_report .other_report_box button:hover {
    background: #fce4e4;
    color: #e62828
}

#feed-side .baoliao-box {
    margin-bottom: 0
}

#feed-side .share_app_icon {
    z-index: 101
}

#feed-side > div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all
}

#feed-side div.J_side_fixed_copy.J_side_fixed_animation {
    margin-top: 60px
}

.side-detail .side-haowu-zhongce .side-zhongce-ul .feed-hor {
    margin: 0 0 14px
}

.baoliao-box {
    padding: 26px 14px 30px;
    border-bottom: 1px solid #f7f7f7;
    background: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(230, 40, 40, .08)), to(hsla(0, 0%, 100%, 0)));
    background-image: -o-linear-gradient(top, rgba(230, 40, 40, .08) 0, hsla(0, 0%, 100%, 0) 100%);
    background-image: linear-gradient(180deg, rgba(230, 40, 40, .08), hsla(0, 0%, 100%, 0))
}

.baoliao-box, .baoliao-box * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.baoliao-box .txt {
    line-height: 24px
}

.baoliao-box .txt span {
    font-weight: 700
}

.baoliao-box .txt a:hover {
    text-decoration: underline
}

.baoliao-box .txt i {
    font-size: 16px;
    color: #e62828;
    vertical-align: -2px;
    margin-left: 3px;
    cursor: pointer
}

.baoliao-box .video {
    display: none;
    width: 720px;
    height: 400px;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10000
}

.baoliao-box .video .close {
    width: 22px;
    height: 22px;
    border-radius: 50% 50%;
    border: 1px solid #fff;
    margin-top: -32px;
    position: absolute;
    right: 0;
    text-align: center
}

.baoliao-box .video .close .line {
    height: 10px;
    width: 2px;
    background-color: #fff;
    z-index: 10000;
    position: absolute;
    left: 10px;
    top: 21px
}

.baoliao-box .video .close .icon-times-o {
    cursor: pointer;
    color: #fff;
    text-align: center;
    font-size: 16px;
    vertical-align: -5px
}

.baoliao-box .video .close .icon-times-o:hover {
    color: #fff
}

.baoliao-box .btn-go {
    margin: 24px auto 0;
    display: block;
    color: #fff;
    width: 160px;
    background-image: -webkit-gradient(linear, left top, right top, from(#ff5a3c), to(#e62828));
    background-image: -o-linear-gradient(left, #ff5a3c 0, #e62828 100%);
    background-image: linear-gradient(90deg, #ff5a3c, #e62828);
    -webkit-box-shadow: 0 2px 5px 0 rgba(230, 40, 40, .3);
    box-shadow: 0 2px 5px 0 rgba(230, 40, 40, .3);
    border-radius: 2px;
    text-align: center;
    height: 36px;
    line-height: 36px
}

.baoliao-box .btn-go:hover {
    opacity: .8
}

.baoliao-box .rookie-award-container {
    position: relative;
    margin-top: 10px;
    text-align: center
}

.baoliao-box .rookie-award {
    display: inline-block
}

.baoliao-box .rookie-award span {
    line-height: 24px;
    cursor: pointer;
    vertical-align: middle
}

.baoliao-box .rookie-award .icon {
    font-size: 16px;
    color: #e62828;
    cursor: pointer;
    vertical-align: middle
}

.baoliao-box .rookie-award-desc {
    width: 328px;
    padding: 14px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    text-align: left;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    position: absolute;
    top: 24px;
    left: -14px;
    z-index: 99;
    display: none;
    margin-top: 30px
}

.baoliao-box .rookie-award-desc h5 {
    font-weight: 700;
    color: #333;
    margin-bottom: 10px
}

.baoliao-box .rookie-award-desc p {
    color: #666;
    line-height: 24px;
    margin-bottom: 8px
}

.baoliao-box .rookie-award-desc a:hover {
    text-decoration: underline
}

.baoliao-box .rookie-award-desc .icon-sub {
    display: inline-block;
    position: relative;
    top: 1px
}

.baoliao-box .rookie-award:hover .rookie-award-desc {
    display: block;
    -webkit-animation: must-read .5s ease forwards;
    animation: must-read .5s ease forwards
}

@-webkit-keyframes must-read {
    0% {
        opacity: 0
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@keyframes must-read {
    0% {
        opacity: 0
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

.share_app_icon {
    font-size: 12px;
    padding: 26px 10px;
    z-index: 101;
    height: 92px
}

.share_app_icon .icon-angle-right-o-thin {
    font-size: 12px;
    color: #999
}

.share_app_icon .share_box:hover > a {
    opacity: .8
}

.share_app_icon .share_box:hover .more_share {
    display: block
}

.share_app_icon .more_share {
    position: absolute;
    left: -51px;
    top: 45px;
    padding: 4px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 2px;
    background-color: #fff;
    width: 130px;
    text-align: center;
    color: #666;
    display: none
}

.share_app_icon .more_share img {
    width: 100%
}

.share_app_icon .more_share p {
    line-height: 32px
}

.share_app_icon .more_share span {
    position: absolute;
    top: -12px;
    left: 64px;
    width: 0;
    height: 0;
    border: 6px dashed rgba(0, 0, 0, 0);
    border-bottom: 6px solid rgba(0, 0, 0, 0)
}

.share_app_icon .more_share em {
    position: absolute;
    top: -5px;
    left: -6px;
    width: 0;
    height: 0;
    border: 6px dashed rgba(0, 0, 0, 0);
    border-bottom: 6px solid #fff
}

.share_app_icon i {
    font-size: 40px;
    display: inline-block
}

.share_app_icon .rss, .share_app_icon .sina, .share_app_icon .weixin {
    width: 40px;
    float: left;
    margin-right: 10px;
    height: 40px;
    position: relative;
    z-index: 3
}

.share_app_icon .sina i {
    color: #de4d2c
}

.share_app_icon .rss i {
    color: #f1c144
}

.share_app_icon .weixin i {
    color: #67c643
}

.share_app_icon .weixin .more_share {
    width: 150px;
    height: 182px;
    line-height: normal;
    left: -59px;
    z-index: 1000
}

.share_app_icon .weixin .more_share span {
    left: 72px
}

.share_app_icon .line {
    display: inline-block;
    width: 2px;
    height: 32px;
    background: #f5f5f5;
    position: relative;
    top: 2px;
    margin: 0 20px 0 14px
}

.share_app_icon .app {
    position: relative;
    top: -8px;
    font-size: 14px
}

.share_app_icon .app:hover {
    text-decoration: underline
}

.share_app_icon .icon-mobile-o {
    color: #999;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.haojia-collect {
    padding-top: 10px
}

.haojia-collect .col-head {
    font-size: 16px;
    color: #333;
    margin-bottom: 26px;
    overflow: hidden
}

.haojia-collect .col-head a {
    color: #333
}

.haojia-collect .col-head .col-head-left {
    font-weight: 700;
    float: left
}

.haojia-collect .col-head .col-head-right {
    float: right
}

.haojia-collect .col-head .col-head-right:hover {
    opacity: .8
}

.haojia-collect .col-head .col-head-right img {
    width: 30px;
    height: 24px;
    margin-right: 4px;
    position: relative;
    top: -2px
}

.haojia-collect .col-head .col-head-right span {
    color: #e62828;
    margin-right: 4px
}

.haojia-collect .col-head .col-head-right i {
    font-size: 12px;
    color: #999
}

.haojia-collect .col-fill {
    padding: 0 30px
}

.haojia-collect .col-fill .col-fill-body .col-rec-item {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .08);
    border-radius: 2px;
    padding-top: 30px;
    margin-bottom: 20px
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-rec-head {
    height: 50px;
    padding: 0 20px;
    margin-bottom: 18px
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-rec-head .col-rec-user {
    font-size: 0
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-rec-head .col-rec-user a {
    color: #333
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-rec-head .col-rec-user a .col-user-avatar {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-rec-head .col-rec-user a .col-user-avatar:hover {
    opacity: .9
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-rec-head .col-rec-user a .col-user-avatar img {
    width: 100%;
    height: 100%
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-rec-head .col-rec-user a .col-user-name {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin-right: 6px
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-rec-head .col-rec-user a .col-user-name:hover {
    color: #5188a6
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-rec-head .col-rec-user .col-user-medal {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-rec-head .col-rec-hot {
    float: right;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    color: #e62828;
    background-color: #ffeded;
    border-radius: 15px;
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    margin: 10px 0
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-rec-head .col-rec-hot .icon-fire {
    font-size: 16px;
    margin-right: 2px;
    vertical-align: -2px
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-rec-reason {
    background: #f5f5f5;
    border-radius: 2px;
    margin: 0 20px 30px;
    padding: 14px 20px;
    color: #333;
    position: relative
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-rec-reason:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-bottom: 6px solid #f5f5f5;
    position: absolute;
    top: -6px;
    left: 19px
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-rec-reason .col-reason-price {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 12px
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-rec-reason .col-reason-price span {
    color: #e62828
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-rec-reason .col-reason-desc {
    line-height: 24px
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-prod-cont {
    padding-bottom: 1px
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-prod-cont.col-prod-min {
    max-height: 360px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-prod-cont .col-prod-item {
    position: relative;
    overflow: hidden;
    height: 90px;
    margin: 0 20px 30px
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-prod-cont .col-prod-item .col-prod-label {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 84px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    background: rgba(240, 72, 72, .8);
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    height: 16px;
    line-height: 16px;
    padding: 0 6px;
    z-index: 9
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-prod-cont .col-prod-item .col-prod-logo {
    float: left;
    margin-right: 14px;
    width: 90px;
    height: 90px;
    border-radius: 2px;
    overflow: hidden
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-prod-cont .col-prod-item .col-prod-logo:hover {
    opacity: .9
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-prod-cont .col-prod-item .col-prod-logo .col-prod-img {
    width: 90px;
    height: 90px
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-prod-cont .col-prod-item .col-prod-body .col-prod-title {
    font-weight: 700;
    overflow: hidden;
    font-size: 16px;
    line-height: 28px;
    color: #333;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 56px;
    margin-bottom: 6px
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-prod-cont .col-prod-item .col-prod-body .col-prod-title:hover {
    color: #5188a6
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-prod-cont .col-prod-item .col-prod-body .col-prod-bottom {
    overflow: hidden
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-prod-cont .col-prod-item .col-prod-body .col-prod-bottom .col-prod-price {
    font-size: 18px;
    color: #f04848;
    float: left;
    max-width: 390px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-prod-cont .col-prod-item .col-prod-body .col-prod-bottom .col-prod-go {
    float: right;
    width: 68px;
    height: 28px;
    border-radius: 2px;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    background-color: #e62828;
    color: #fff
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-prod-cont .col-prod-item .col-prod-body .col-prod-bottom .col-prod-go:hover {
    opacity: .8
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-prod-cont .col-prod-item .col-prod-out .col-prod-price {
    color: #999 !important
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-rec-more {
    color: #999;
    text-align: center;
    height: 42px;
    line-height: 42px;
    border-top: 1px solid #eee;
    cursor: pointer
}

.haojia-collect .col-fill .col-fill-body .col-rec-item .col-rec-more:hover {
    opacity: .8
}

.haojia-collect .col-fill .col-rec-loading {
    padding: 15px 0 35px;
    text-align: center
}

.haojia-collect .col-fill .col-pagenation {
    padding-top: 4px;
    padding-bottom: 5px
}

.haojia-collect .col-fill .col-pagenation .col-pagenation-list {
    font-size: 0;
    text-align: center;
    padding-left: 0
}

.haojia-collect .col-fill .col-pagenation .col-pagenation-list li {
    background: rgba(0, 0, 0, 0);
    margin: 0 3px;
    min-width: 16px;
    color: #666;
    font-size: 12px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    overflow: hidden
}

.haojia-collect .col-fill .col-pagenation .col-pagenation-list li.page-number, .haojia-collect .col-fill .col-pagenation .col-pagenation-list li.page-turn {
    cursor: pointer
}

.haojia-collect .col-fill .col-pagenation .col-pagenation-list li a, .haojia-collect .col-fill .col-pagenation .col-pagenation-list li span {
    display: block;
    width: 100%;
    height: 100%;
    color: #666
}

.haojia-collect .col-fill .col-pagenation .col-pagenation-list li.current, .haojia-collect .col-fill .col-pagenation .col-pagenation-list li.current a, .haojia-collect .col-fill .col-pagenation .col-pagenation-list li.page-number:hover, .haojia-collect .col-fill .col-pagenation .col-pagenation-list li.page-turn:hover, .haojia-collect .col-fill .col-pagenation .col-pagenation-list li a:hover {
    color: #e62828
}

.haojia-collect .col-fill .col-pagenation .col-pagenation-list li i {
    font-size: 12px
}

.haojia-collect .col-empty {
    padding-top: 16px
}

.haojia-collect .col-empty .col-empty-text {
    height: 70px;
    position: relative;
    padding-left: 125px;
    padding-top: 8px;
    z-index: 0;
    font-size: 16px;
    color: #666
}

.haojia-collect .col-empty .col-empty-text:before {
    content: "";
    display: block;
    width: 71px;
    height: 51px;
    position: absolute;
    background: url(../images/quote-left.png) 0 0 no-repeat;
    top: -15px;
    left: 105px;
    background-size: 100%;
    z-index: -1
}

.haojia-collect .col-empty .col-empty-text:after {
    content: "";
    display: block;
    width: 22px;
    height: 32px;
    position: absolute;
    background: url(../images/quote-right.png) 0 0 no-repeat;
    bottom: 0;
    right: 125px;
    background-size: 100%;
    z-index: -1
}

.haojia-collect .col-empty .col-empty-text p {
    text-align: left;
    height: 28px;
    line-height: 28px;
    margin: 0;
    font-size: 16px
}

.haojia-collect .col-empty .col-empty-text p img {
    margin: 0 4px;
    width: 24px;
    height: 22px;
    position: relative;
    top: -4px;
    display: inline-block
}

.haojia-collect .col-empty .col-empty-text p span {
    color: #e62828
}

.haojia-collect .col-empty .col-empty-cont {
    margin-bottom: 40px
}

.haojia-collect .col-empty .col-empty-cont .col-empty-btn {
    width: 140px;
    height: 40px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .08);
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    margin: 5px auto 0;
    font-size: 15px;
    color: #333;
    cursor: pointer
}

.haojia-collect .col-empty .col-empty-cont .col-empty-btn:hover {
    opacity: .8
}

.haojia-collect .col-empty .col-empty-cont .col-empty-btn i {
    color: #e62828;
    font-size: 24px;
    margin-right: 8px;
    vertical-align: middle
}

.guide-layer {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    z-index: 1002;
    display: none
}

.guide-layer .guide-wrapper {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 100%
}

.guide-layer .guide-wrapper .guide-img-1 {
    left: 24px;
    top: 20px;
    position: absolute;
    width: 1116px
}

.guide-layer .guide-wrapper .guide-img-2 {
    position: absolute;
    left: 26px;
    top: 106px;
    width: 824px
}

.guide-layer .guide-wrapper .btn-group {
    position: absolute;
    left: 50%;
    bottom: 90px;
    margin-left: -57px
}

.guide-layer .guide-wrapper .btn-group .last-step-btn {
    background-color: #e62828;
    width: 128px;
    height: 40px;
    border-radius: 20px;
    margin: 0 auto;
    line-height: 40px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 16px
}

.guide-layer .guide-wrapper .btn-group .last-step-btn:hover {
    background-color: rgba(230, 40, 40, .8)
}

.side-detail-mix .J_hover_show {
    display: none;
    padding-top: 10px;
    padding-bottom: 14px
}

.side-detail-mix .J_hover_show.show {
    display: block
}

.side-detail-mix .J_hover_show .side-wiki-content-more {
    width: 300px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    color: #666;
    margin: 14px auto 0;
    background: #f7f7f7;
    border-radius: 2px;
    display: block
}

.side-detail-mix .J_hover_show .side-wiki-content-more:hover {
    opacity: .8
}

.guess-like {
    margin-top: 55px;
    margin-bottom: 27px
}

.guess-like, .guess-like * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.guess-like p {
    word-break: break-all;
    line-height: 1.5
}

.guess-like .quan-explain-title {
    font-size: 16px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    margin-top: 40px;
    border-bottom: 1px solid #f5f5f5
}

.guess-like .quan-explain-title .custom_paging {
    float: right;
    font-size: 12px;
    color: #999
}

.guess-like .quan-explain-container {
    margin-top: 45px;
    margin-bottom: 38px;
    text-align: center
}

.guess-like .quan-explain-container img {
    width: 600px
}

.guess-like .quan-explain {
    overflow: hidden;
    position: relative;
    width: auto;
    height: 213px;
    margin: 0 15px;
}

.guess-like .quan-explain button {
    width: 20px;
    height: 40px;
    margin-top: -45px;
    cursor: pointer
}

.guess-like .quan-explain button i {
    font-size: 20px
}

.guess-like .quan-explain:hover button {
    background: rgba(0, 0, 0, .3);
    display: inline-block !important
}

.guess-like .quan-explain-item {
    float: left;
    margin-right: 10px
}

.guess-like .quan-explain-item:nth-child(4) {
    margin-right: 0
}

.guess-like .quan-explain-item a {
    display: block
}

.guess-like .quan-explain-item span {
    margin-top: 10px;
    color: #e62828
}

.guess-like .quan-explain-item:hover .quan-avaliable img {
    opacity: .9
}

.guess-like .quan-explain-item:hover .quan-avaliable-title {
    color: #5188a6
}

.guess-like .quan-explain-item .quan-avaliable {
    width: 163px;
    height: 163px;
    border: 1px solid #f5f5f5;
    overflow: hidden
}

.guess-like .quan-explain-item .quan-avaliable img {
    /*max-width: 161px;*/
    max-height: 161px
}

.guess-like .quan-explain-item .quan-avaliable-title {
    color: #666;
    font-size: 12px;
    height: 40px;
    margin-top: 10px;
    width: 163px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.artic-label-box {
    margin: 30px 0 25px
}

.artic-label-box, .artic-label-box * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.artic-label-box .label-title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
    background: none;
    border: none;
    padding: 0;
}

.corner-btn {
    display: inline-block;
    font-size: 12px;
    text-align: center;
    color: #fff !important;
    background: #e62828;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.experience-meta-nowrap {
    font-size: 12px;
    position: relative
}

.experience-meta-nowrap .m-an {
    position: absolute;
    right: 0;
    top: 19px;
    font-size: 12px;
    color: #999;
    line-height: 12px;
    display: none
}

.experience-meta-nowrap .m-an:hover {
    color: #5188a6;
    cursor: pointer
}

.experience-meta-nowrap .m-an:hover i {
    color: #5188a6
}

.experience-meta-nowrap .m-an i {
    vertical-align: -1px;
    display: inline-block;
    padding-left: 2px;
    color: #999
}

.experience-meta-nowrap .m-an .pack-up {
    display: none
}

.experience-meta-nowrap ul {
    padding: 10px;
    margin: -10px
}

.experience-meta-nowrap ul li {
    float: left
}

.experience-meta-nowrap ul li .meta-tags {
    line-height: 20px;
    margin: 0 10px 14px 0;
    background: #f5f5f5;
    border-radius: 15px;
    overflow: visible
}

.experience-meta-nowrap ul li .meta-tags a {
    padding: 4px 16px 4px 5px;
    display: inline-block;
    color: #333;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.experience-meta-nowrap ul li .meta-tags a:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .08);
    box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .08);
    border-radius: 15px
}

.experience-meta-nowrap ul li .meta-tags a span {
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px
}

.experience-meta-nowrap ul li .meta-tags a span i {
    font-size: 14px;
    color: #e62828;
    vertical-align: -2px;
    display: inline-block
}

.experience-meta-nowrap ul li .meta-tags .tags-hovers {
    color: #333;
    white-space: nowrap;
    position: absolute;
    height: 44px;
    line-height: 44px;
    z-index: 3;
    padding: 0 12px;
    -webkit-box-shadow: 0 0 14px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 14px 1px rgba(0, 0, 0, .1);
    border-radius: 2px;
    margin-top: 10px;
    background-color: #fff;
    display: none
}

.experience-meta-nowrap ul li .meta-tags .tags-hovers em {
    position: absolute;
    width: 0;
    height: 0;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    border-style: solid;
    border-width: 0 5px 5px;
    top: -5px;
    left: 15px
}

.experience-meta-nowrap ul li .meta-tags .tags-hovers .corner-btn {
    width: 50px;
    margin-left: 20px;
    height: 20px;
    line-height: 20px;
    cursor: pointer
}

.experience-meta-nowrap ul li .meta-tags .tags-hovers .corner-btn:hover {
    opacity: .8
}

.experience-meta-nowrap ul li .meta-tags .tags-hovers .corner-btn i {
    font-size: 12px;
    vertical-align: -1px;
    padding-right: 3px;
    display: inline-block
}

.experience-meta-nowrap ul li:hover .tags-hovers {
    display: block
}

.experience-meta-nowrap ul.hidden {
    overflow: hidden;
    height: 91px
}

.experience-meta-nowrap ul.more {
    padding-right: 60px
}

.score_rateBox {
    width: 286px;
    height: 66px;
    margin: 50px auto;
    font-size: 12px;
    text-align: center;
    color: #999;
    line-height: normal;
    position: relative
}

.score_rateBox, .score_rateBox * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.score_rateBox a {
    position: relative;
    display: block
}

.score_rateBox i {
    font-size: 66px;
    display: block;
    color: #999
}

.score_rateBox i.icon-zhi-circle {
    color: #e62828
}

.score_rateBox span.scoredInfo {
    width: 66px;
    height: 66px;
    background-color: #e62828;
    border-radius: 100%;
    color: #fff;
    font-size: 12px;
    line-height: 66px;
    display: none;
    cursor: default
}

.score_rateBox .unworthCurrent + span.scoredInfo {
    background-color: #999
}

.score_rateBox span.addNumber {
    font-size: 20px;
    font-weight: 700;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -11px;
    margin-left: -11px;
    display: none;
    height: 22px;
    line-height: 22px;
    width: 24px
}

.score_rateBox span.addNumber.add {
    color: #e62828
}

.score_rateBox .details_buzhi, .score_rateBox .details_zhi {
    width: 66px;
    height: 66px;
    float: left
}

.score_rateBox .details_zhi.show-anmi:hover {
    -webkit-animation: border_large .6s;
    animation: border_large .6s;
    opacity: .8;
    cursor: pointer
}

.score_rateBox .details_buzhi {
    float: right
}

.score_rateBox .details_buzhi.show-anmi:hover {
    -webkit-animation: rock .6s;
    animation: rock .6s;
    opacity: .8;
    cursor: pointer
}

.score_rateBox .score_rate {
    line-height: 20px;
    width: 120px;
    position: absolute;
    left: 83px;
    margin-top: 10px
}

.score_rateBox .score_rate .grey {
    color: #999
}

.score_rateBox .score_rate .red {
    color: #e62828
}

.score_rateBox .score_rate .progressBox {
    width: 120px;
    margin: 0 auto;
    height: 6px;
    background-color: #ccc;
    position: relative
}

.score_rateBox .score_rate .progressing {
    height: 6px;
    background-color: #e62828;
    position: absolute;
    left: 0;
    top: 0
}

@-webkit-keyframes border_large {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    20%, 60% {
        -webkit-transform: translate3d(0, -6px, 0);
        transform: translate3d(0, -6px, 0)
    }

    40%, 80% {
        -webkit-transform: translate3d(0, 6px, 0);
        transform: translate3d(0, 6px, 0)
    }
}

@keyframes border_large {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    20%, 60% {
        -webkit-transform: translate3d(0, -6px, 0);
        transform: translate3d(0, -6px, 0)
    }

    40%, 80% {
        -webkit-transform: translate3d(0, 6px, 0);
        transform: translate3d(0, 6px, 0)
    }
}

@-webkit-keyframes rock {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    20%, 60% {
        -webkit-transform: translate3d(-6px, 0, 0);
        transform: translate3d(-6px, 0, 0)
    }

    40%, 80% {
        -webkit-transform: translate3d(6px, 0, 0);
        transform: translate3d(6px, 0, 0)
    }
}

@keyframes rock {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    20%, 60% {
        -webkit-transform: translate3d(-6px, 0, 0);
        transform: translate3d(-6px, 0, 0)
    }

    40%, 80% {
        -webkit-transform: translate3d(6px, 0, 0);
        transform: translate3d(6px, 0, 0)
    }
}

.banner_scroll {
    margin-top: 30px
}

.banner_scroll, .banner_scroll * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.banner_scroll .imgContent {
    position: relative
}

.banner_scroll .imgContent:hover .imgpn {
    display: block
}

.banner_scroll .imgContent .imgLoading {
    position: absolute;
    top: 50%;
    left: 50%
}

.banner_scroll .imgContent .bigImgContent {
    width: 682px;
    height: 398px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    overflow: hidden
}

.banner_scroll .imgContent .bigImgContent, .banner_scroll .imgContent .bigImgContent a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.banner_scroll .imgContent .bigImgContent a {
    width: 100%;
    height: 100%
}

.banner_scroll .imgContent .bigImgContent a > img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto
}

.banner_scroll .imgContent .imgpn {
    display: none;
    background: rgba(0, 0, 0, .3);
    width: 20px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    height: 40px;
    line-height: 40px
}

.banner_scroll .imgContent .imgpn i {
    vertical-align: -1px
}

.banner_scroll .imgContent .imgpn.img-prev {
    left: 0
}

.banner_scroll .imgContent .imgpn.img-next {
    right: 0
}

.banner_scroll .smallImgScroll {
    margin-top: 10px
}

.banner_scroll .smallImgScroll .smallImgList:after {
    content: "";
    display: table;
    clear: both
}

.banner_scroll .smallImgScroll .smallImgList .thisimg {
    border: 2px solid #eee
}

.banner_scroll .smallImgScroll .smallImgList li {
    border: 2px solid rgba(0, 0, 0, 0);
    float: left;
    margin-right: 10px;
    width: 110px;
    height: 110px;
    overflow: hidden
}

.banner_scroll .smallImgScroll .smallImgList li, .banner_scroll .smallImgScroll .smallImgList li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.banner_scroll .smallImgScroll .smallImgList li > a:hover {
    opacity: .9
}

.operate_box {
    width: 100%;
    border-top: 1px solid #f5f5f5;
    padding-top: 16px;
    font-size: 12px;
    color: #999
}

.operate_box, .operate_box * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.operate_box .pre_next_article {
    width: 450px;
    height: 52px;
    float: left
}

.operate_box .operate_icon {
    float: right;
    text-align: right
}

.operate_box .operate_icon a {
    color: #999;
    margin: 0;
    height: 16px;
    line-height: 16px;
    display: inline-block
}

.operate_box .operate_icon a i {
    font-size: 16px;
    vertical-align: text-top
}

.operate_box .operate_icon a.shareWords {
    margin: 0 0 0 18px;
    padding: 0
}

.operate_box .operate_icon a.fav {
    margin-right: 18px
}

.operate_box .operate_icon > a:hover, .operate_box .operate_icon a.fav.active {
    color: #e62828
}

.operate_box .operate_icon .operateShare {
    float: right;
    z-index: 113;
    position: relative
}

.operate_box .operate_icon .operateShare > a:hover {
    color: #e62828
}

.operate_box .operate_icon .operateShare .common-share-list {
    display: none;
    position: absolute;
    width: 140px;
    left: 0;
    top: 26px;
    background-color: #fff;
    padding: 6px 10px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    z-index: 1000;
    text-align: left
}

.operate_box .operate_icon .operateShare .common-share-list li {
    white-space: nowrap;
    padding: 4px 0;
    border-top: 1px solid #eee;
    font-size: 14px
}

.operate_box .operate_icon .operateShare .common-share-list li a {
    display: inline-block;
    width: 100%;
    padding-left: 10px;
    line-height: 32px;
    height: 32px;
    color: #999;
    border: 0;
    padding-top: 0;
    text-align: left;
    font-size: 12px
}

.operate_box .operate_icon .operateShare .common-share-list li a:hover {
    background-color: #f5f5f5;
    color: #333;
    text-decoration: none
}

.operate_box .operate_icon .operateShare .common-share-list li a i {
    color: #333;
    font-size: 20px;
    margin-right: 10px;
    vertical-align: middle
}

.operate_box .operate_icon .operateShare .common-share-list li.common-share-wechat {
    border-top: 0;
    margin-bottom: 10px
}

.operate_box .operate_icon .operateShare .common-share-list li.common-share-wechat img {
    margin-left: 10px
}

.operate_box .operate_icon .operateShare .common-share-list li.common-share-wechat span {
    margin: 10px 0;
    font-size: 12px;
    display: block;
    color: #999;
    cursor: default
}

article.txt-detail {
    color: #333;
    margin-top: 30px
}

article.txt-detail .youku-player-box {
    margin-bottom: 20px
}

article.txt-detail .bilibili-iframe {
    width: 682px;
    height: 480px
}

article.txt-detail > a {
    color: #5188a6
}

article.txt-detail > a:hover {
    text-decoration: underline
}

article.txt-detail h1 {
    font-weight: 400;
    font-size: 28px;
    padding-bottom: 15px;
    word-break: break-all;
    line-height: 44px
}

article.txt-detail h1 .edit_interface {
    color: #5188a6;
    padding-left: 5px;
    display: block;
    float: right;
    font-size: 12px
}

article.txt-detail h2, article.txt-detail h3, article.txt-detail h4 {
    font-size: 20px;
    line-height: 28px;
    padding-bottom: 20px;
    font-weight: 700
}

article.txt-detail .describe {
    margin-bottom: 20px;
    word-break: break-all;
    word-wrap: break-word;
    font-weight: 700
}

article.txt-detail .baoliao-block, article.txt-detail .describe {
    font-size: 16px;
    line-height: 28px
}

article.txt-detail .baoliao-block .name {
    font-weight: 700
}

article.txt-detail p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 20px;
    word-break: break-all;
    word-wrap: break-word
}

article.txt-detail p a {
    color: #5188a6
}

article.txt-detail p a:hover {
    text-decoration: underline
}

article.txt-detail p span {
    color: #151515
}

article.txt-detail p a.seo_link {
    line-height: 20px;
    border-bottom: 1px dashed #333;
    color: #333
}

article.txt-detail p a.seo_link:hover {
    color: #5188a6
}

article.txt-detail p a img {
    display: block;
    margin: 0 auto 20px;
    max-width: 682px;
    cursor: pointer
}

article.txt-detail p embed, article.txt-detail p video {
    display: block;
    margin: 0 auto;
    max-width: 682px
}

article.txt-detail p > img {
    max-width: 100%;
    margin: 0 auto 20px;
    display: block
}

article.txt-detail p img.face {
    display: inline;
    margin: 0
}

article.txt-detail .img_desc {
    display: block;
    margin: 0 auto;
    text-align: center
}

article.txt-detail .img_desc a img {
    padding-bottom: 20px;
    margin: 0 auto 10px
}

article.txt-detail .recommend-tab {
    padding-bottom: 30px;
    position: relative
}

article.txt-detail .recommend-tab .xilie {
    float: left
}

article.txt-detail .recommend-tab .xilie span {
    font-size: 12px;
    color: #999;
    display: inline-block;
    padding-right: 10px;
    line-height: 28px
}

article.txt-detail .recommend-tab .direct-link {
    float: right;
    width: 90px;
    height: 28px;
    line-height: 28px;
    background: #e62828;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    text-align: center
}

article.txt-detail .recommend-tab .direct-link:hover {
    opacity: .8
}

article.txt-detail blockquote {
    background: #f7f7f7;
    border-radius: 2px;
    padding: 10px 15px 15px 10px;
    margin-bottom: 20px;
    position: relative;
    z-index: 0
}

article.txt-detail blockquote p {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    margin-bottom: 0
}

article.txt-detail blockquote a {
    color: #5188a6
}

article.txt-detail blockquote:before {
    content: "";
    display: block;
    width: 65px;
    height: 42px;
    position: absolute;
    background: url(../images/big-left.png) 0 0 no-repeat;
    top: 0;
    left: 0;
    background-size: 100%;
    z-index: -1
}

article.txt-detail blockquote:after {
    content: "";
    display: block;
    width: 22px;
    height: 17px;
    position: absolute;
    background: url(../images/small-right.png) 0 0 no-repeat;
    right: 15px;
    bottom: 5px;
    background-size: 100%;
    z-index: -1
}

article.txt-detail .interests_statement {
    font-size: 14px;
    color: #999;
    line-height: 24px
}

article.txt-detail .the-end {
    padding: 40px 0 60px
}

article.txt-detail .the-end img {
    width: 92px;
    height: 11px;
    display: block;
    margin: 0 auto
}

article.txt-detail .card {
    padding: 10px 0 40px
}

article.txt-detail .card img {
    display: block;
    margin: 0 auto
}

article.txt-detail table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
    line-height: normal
}

article.txt-detail table tr td, article.txt-detail table tr th {
    padding: 5px 10px;
    border: 1px solid #ddd
}

article.txt-detail table tr td a:visited, article.txt-detail table tr th a:visited {
    color: #999
}

article.txt-detail table tr.jingRed td, article.txt-detail table tr.jingRed td a {
    color: #e62828
}

article.txt-detail table tr.jingRed td a:visited {
    color: #999
}

article.txt-detail ol, article.txt-detail ul {
    margin: 0 0 26px;
    padding-left: 35px
}

article.txt-detail ol li, article.txt-detail ul li {
    font-size: 14px;
    line-height: 26px
}

article.txt-detail ul li {
    list-style-type: disc
}

article.txt-detail ol li {
    list-style-type: decimal
}

article.txt-detail .hw-tnum {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    text-align: center
}

article.txt-detail .hw-tnum .hw-num {
    display: inline-block;
    position: relative;
    font-style: oblique;
    padding: 0 3px
}

article.txt-detail .hw-tnum .hw-num:after, article.txt-detail .hw-tnum .hw-num:before {
    content: " ";
    display: block;
    border-top: 1px solid #000;
    width: 30px;
    position: absolute;
    margin: auto 0;
    top: 50%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

article.txt-detail .hw-tnum .hw-num:before {
    left: -35px
}

article.txt-detail .hw-tnum .hw-num:after {
    right: -35px
}

article.txt-detail .hw-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    text-align: center
}

.interests-statement, article.txt-detail .interests-statement {
    font-size: 14px;
    color: #999;
    line-height: 28px
}

.new-baike-card {
    width: 622px;
    margin: 30px auto 0;
    background: #f9f9f9;
    border-radius: 2px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    position: relative;
    top: 0;
    left: 0
}

.new-baike-card, .new-baike-card * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.new-baike-card:hover {
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .04);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .04);
    top: -2px
}

.new-baike-card .card-box {
    height: 148px;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    border-radius: 2px;
    font-size: 0;
    padding: 14px
}

.new-baike-card .card-box .img-box {
    float: left;
    width: 120px;
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-radius: 2px;
    margin-right: 14px;
    overflow: hidden
}

.new-baike-card .card-box .img-box .img-main {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto
}

.new-baike-card .card-box .img-box .img-main:hover {
    opacity: .9
}

.new-baike-card .card-box .img-box .label {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    opacity: .8;
    background: #e62828;
    border-radius: 2px;
    width: 36px;
    height: 16px;
    line-height: 16px
}

.new-baike-card .card-box .info-box {
    width: 460px;
    display: inline-block;
    position: relative;
    height: 100%
}

.new-baike-card .card-box .info-box .card-title {
    font-size: 16px;
    color: #333;
    letter-spacing: 0;
    line-height: 28px;
    font-weight: 700;
    height: 56px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.new-baike-card .card-box .info-box .card-title:hover {
    color: #5188a6
}

.new-baike-card .card-box .info-box .label-box {
    margin-top: 17px;
    font-size: 12px;
    line-height: 12px
}

.new-baike-card .card-box .info-box .label-box.last {
    margin-top: 23px
}

.new-baike-card .card-box .info-box .label-box > p {
    min-width: 108px;
    display: inline-block;
    margin-right: 20px
}

.new-baike-card .card-box .info-box .label-box > p a:hover {
    text-decoration: underline
}

.new-baike-card .card-box .info-box .label-box-overdue {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 12px;
    color: #999
}

.new-baike-card .card-box .info-box .label-box-overdue a {
    color: #999
}

.new-baike-card .card-box .info-box .label-box-overdue .line {
    margin: 0 10px
}

.new-baike-card .card-box .info-box .btn-reduce {
    width: 80px;
    background: #e62828;
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
    line-height: 12px;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    cursor: pointer;
    height: 28px;
    line-height: 28px
}

.new-baike-card .card-box .info-box .btn-reduce:hover {
    background: rgba(230, 40, 40, .8)
}

.new-baike-card .card-box .info-box .btn-reduce:hover .qr-more {
    display: block
}

.new-baike-card .card-box .info-box .btn-reduce .qr-more {
    display: none;
    position: absolute;
    top: 42px;
    left: -60px;
    width: 200px;
    background: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 2px;
    height: 254px;
    padding: 12px 10px;
    z-index: 100
}

.new-baike-card .card-box .info-box .btn-reduce .qr-more img {
    width: 180px;
    height: 180px;
    display: block
}

.new-baike-card .card-box .info-box .btn-reduce .qr-more p {
    margin-top: 14px;
    font-size: 12px;
    color: #999;
    text-align: center;
    line-height: 16px
}

.new-baike-card .card-boxsmall {
    height: 88px;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    border-radius: 2px;
    font-size: 0;
    padding: 14px;
    position: relative
}

.new-baike-card .card-boxsmall .img-box {
    float: left;
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-radius: 2px;
    margin-right: 14px;
    overflow: hidden
}

.new-baike-card .card-boxsmall .img-box .img-main {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto
}

.new-baike-card .card-boxsmall .img-box .img-main:hover {
    opacity: .9
}

.new-baike-card .card-boxsmall .img-box .label {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    opacity: .8;
    background: #e62828;
    border-radius: 2px;
    width: 36px;
    z-index: 11;
    height: 16px;
    line-height: 16px
}

.new-baike-card .card-boxsmall .info-box {
    width: 430px;
    display: inline-block;
    height: 100%;
    margin-top: 4px
}

.new-baike-card .card-boxsmall .info-box .card-title {
    font-size: 16px;
    color: #333;
    letter-spacing: 0;
    line-height: 28px;
    font-weight: 700;
    width: 430px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.new-baike-card .card-boxsmall .info-box .card-title:hover {
    color: #5188a6;
    cursor: pointer
}

.new-baike-card .card-boxsmall .info-box .label-box {
    margin-top: 17px;
    font-size: 12px;
    line-height: 12px
}

.new-baike-card .card-boxsmall .info-box .label-box.last {
    margin-top: 23px
}

.new-baike-card .card-boxsmall .info-box .label-box > p {
    min-width: 108px;
    display: inline-block;
    margin-right: 20px
}

.new-baike-card .card-boxsmall .info-box .label-box > p a:hover {
    text-decoration: underline
}

.new-baike-card .card-boxsmall .info-box .label-box-overdue {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 12px;
    color: #999
}

.new-baike-card .card-boxsmall .info-box .label-box-overdue a {
    color: #999
}

.new-baike-card .card-boxsmall .info-box .label-box-overdue .line {
    margin: 0 10px
}

.new-baike-card .card-boxsmall .info-box .btn-reduce {
    width: 80px;
    background: #e62828;
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
    line-height: 12px;
    position: absolute;
    top: 30px;
    right: 0;
    margin-right: 14px;
    text-align: center;
    cursor: pointer;
    height: 28px;
    line-height: 28px
}

.new-baike-card .card-boxsmall .info-box .btn-reduce:hover {
    background: rgba(240, 72, 72, .8)
}

.new-baike-card .card-boxsmall .info-box .btn-reduce:hover .qr-more {
    display: block
}

.new-baike-card .card-boxsmall .info-box .btn-reduce .qr-more {
    display: none;
    position: absolute;
    top: 42px;
    left: -60px;
    width: 200px;
    background: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 2px;
    height: 254px;
    padding: 12px 10px;
    z-index: 100
}

.new-baike-card .card-boxsmall .info-box .btn-reduce .qr-more img {
    width: 180px;
    height: 180px;
    display: block
}

.new-baike-card .card-boxsmall .info-box .btn-reduce .qr-more p {
    margin-top: 14px;
    font-size: 12px;
    color: #999;
    text-align: center;
    line-height: 16px
}

.new-baike-card .card-bottom {
    height: 88px;
    padding: 20px 14px
}

.new-baike-card .card-bottom .baike-title {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.new-baike-card .card-bottom .info {
    font-size: 12px;
    display: block;
    color: #333
}

.new-baike-card .card-bottom .info > span {
    max-width: 430px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.new-baike-card .card-bottom .info > span:hover {
    color: #5188a6
}

.new-baike-card .card-bottom .info .fr {
    float: right;
    position: relative
}

.new-baike-card .card-bottom .info .fr i {
    position: absolute;
    top: 1px
}

.new-baike-card .card-bottom .info .info-price {
    color: #e62828;
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.new-baike-card .card-bottom .info .info-price:hover {
    opacity: .8
}

.new-baike-card .card-bottom-overdue {
    padding: 14px 14px 0;
    font-size: 0;
    max-height: 102px;
    overflow: hidden
}

.new-baike-card .card-bottom-overdue .mall-item {
    background: #fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    border-radius: 4px;
    padding: 5px;
    margin-right: 14px;
    margin-bottom: 14px;
    display: inline-block
}

.new-baike-card .card-bottom-overdue .mall-item .mall-img {
    margin-right: 5px;
    vertical-align: top;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block
}

.new-baike-card .card-bottom-overdue .mall-item .txt-box {
    position: relative;
    display: inline-block;
    height: 20px;
    line-height: 20px
}

.new-baike-card .card-bottom-overdue .mall-item .mall-name {
    font-size: 14px;
    color: #666;
    margin-right: 20px
}

.new-baike-card .card-bottom-overdue .mall-item .min-price {
    color: #fff;
    background: #e62828;
    border-radius: 2px;
    font-size: 12px;
    display: inline-block;
    padding: 0 2px;
    line-height: 16px;
    height: 16px;
    margin-right: 5px;
    position: relative;
    top: -1px
}

.new-baike-card .card-bottom-overdue .mall-item .mall-price {
    font-size: 14px;
    color: #e62828;
    margin-right: 3px
}

.new-baike-card .card-bottom-overdue .mall-item i {
    color: #999;
    font-size: 12px
}

.side-eleven-activity {
    width: 328px;
    height: 282px;
    padding-top: 100px;
    background: url(../images/activity-bg1.png);
    background-size: 100% auto;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important
}

.side-eleven-activity .eleven-inner {
    width: 316px;
    margin: 0 auto
}

.side-eleven-activity .eleven-inner .quan-box {
    height: 108px;
    background: url(../images/quan-bg1.png);
    background-size: 100% 100%;
    position: relative;
    padding-left: 48px;
    padding-top: 28px
}

.side-eleven-activity .eleven-inner .quan-box .go-eleven-link {
    display: block;
    width: 104px;
    height: 78px;
    position: absolute;
    right: 12px;
    top: 24px
}

.side-eleven-activity .eleven-inner .quan-box .go-eleven-link img {
    width: 100%;
    height: 100%
}

.side-eleven-activity .eleven-inner .quan-title {
    color: #e62828;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700
}

.side-eleven-activity .eleven-inner .count-clock {
    font-size: 0;
    color: #999;
    margin-top: 9px
}

.side-eleven-activity .eleven-inner .count-clock .count-text {
    font-size: 12px
}

.side-eleven-activity .eleven-inner .count-clock .count-text.text-1 {
    margin-right: 4px
}

.side-eleven-activity .eleven-inner .count-clock .count-text.text-2, .side-eleven-activity .eleven-inner .count-clock .count-text.text-3 {
    margin-right: 2px
}

.side-eleven-activity .eleven-inner .count-clock .time {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    display: inline-block;
    background-color: #5c5c5c;
    color: #fff;
    border-radius: 2px;
    text-align: center
}

.side-eleven-activity .eleven-inner .quan-info {
    color: #999;
    font-size: 12px;
    margin-top: 12px
}

body {
    background: #f5f5f5
}

.content {
    width: 1200px;
    margin: 0 auto
}

.content *, .content .main-left {
    word-break: break-all;

}

.content .main-left {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content .wrap-main {
    margin-top: 0
}

.content .wrap-main:after {
    content: "";
    display: table;
    clear: both
}

#global-search {
    padding-top: 0 !important
}

#global-nav {
    position: relative !important
}

.pop-arrow-left {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    top: 50%;
    left: -6px;
    margin-top: -6px;
    border: 6px solid rgba(0, 0, 0, 0);
    border-left-width: 0
}

.pop-arrow-left:after {
    content: " ";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 6px 6px 6px 0;
    top: -6px;
    left: 1px
}

.pop-arrow-top {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    left: 50%;
    top: -6px;
    margin-left: -6px;
    border: 6px solid rgba(0, 0, 0, 0);
    border-top: 0 solid rgba(0, 0, 0, 0)
}

.pop-arrow-top:after {
    content: " ";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    border-style: solid;
    border-width: 0 6px 6px;
    left: -6px;
    top: 1px
}

.embed-card {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.embed-card:hover {
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0)
}

.pop_no_title .oneLine i.icon-check-circle {
    vertical-align: middle;
    font-size: 60px;
    margin-right: 20px;
    color: #20b2aa
}

#comments {
    margin-top: -30px
}

.comment_listBox {
    margin-bottom: 0
}

dir {
    padding: 0
}

.embed-card a, span.embed-card a {
    padding-right: 0;
    text-decoration: none;
    color: #313131;
    color: #333;
    background: #ccc
}

.embed-card span, span.embed-card span {
    display: block;
    border-radius: 2px;
    overflow: hidden;
    padding-right: 0;
}

.z-tag-baike, .z-tag-brand {
    display: inline-block;
    height: 17px;
    padding: 0 3px;
    border-radius: 2px;
    margin-right: 14px;
    line-height: 18px;
    font-size: 12px;
    vertical-align: 3px
}

.z-tag-brand:hover {
    color: #066;
    background-color: rgba(0, 102, 102, .2)
}

.z-tag-brand {
    background-color: rgba(0, 102, 102, .7);
    color: #fff
}

.z-tag-baike {
    opacity: .8;
    background: #e62828;
    color: #fff;
    border-radius: 2px
}

.z-tag-baike:hover {
    opacity: .7
}

.embed-card, span.embed-card {
    display: block;
    position: relative;
    width: 602px;
    padding: 10px;
    margin: 30px auto;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    border-radius: 2px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.embed-card:hover, span.embed-card:hover {
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .08);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.embed-card .z-tag-baike, .embed-card .z-tag-brand {
    position: absolute;
    top: 10px;
    left: 10px;
    padding-right: 3px
}

.embed-card-logo {
    float: left;
    margin-right: 14px
}

.embed-card-logo img {
    display: block;
    width: 150px;
    height: 150px;
    margin: 0 !important
}

.embed-card-info {
    padding-right: 4px;
    overflow: hidden;
    height: 150px;
}

.embed-card-info > span {
    display: block
}

.embed-card-info .card-name {
    font-size: 16px;
    line-height: 34px;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-weight: 700;
    word-break: normal
}

.embed-card-info .card-title {
    height: 120px;
    line-height: 28px;
}

.embed-card-info .card-name:hover {
    color: #5188a6
}

.embed-card-info .card-name b, .embed-card-info .card-name em, .embed-card-info .card-name strong {
    font-weight: 400
}

.embed-card-info .card-tags {
    height: 20px;
    overflow: hidden
}

.embed-card-info .card-tags > span {
    display: inline-block;
    padding: 0 7px;
    margin-right: 8px;
    height: 16px;
    border: 1px solid #eee;
    line-height: 16px;
    color: #999;
    font-size: 12px
}

.embed-card-info .card-tags span.tag-noborder {
    border: none
}

.embed-card-info .card-abstract {
    height: 36px;
    margin: 12px 0;
    font-size: 12px;
    color: #999;
    line-height: 18px;
    overflow: hidden
}

.embed-card-info .card-controls {
    overflow: hidden;
    line-height: 28px;
    bottom: 0;
}

.embed-card-info .card-controls .group-data, .embed-card-info .card-controls .mall-data {
    float: left;
    margin-right: 10px;
    color: #999;
    font-size: 12px;
}

.embed-card-info .card-controls .group-data i {
    margin-right: 5px;
    font-style: normal !important
}

.embed-card-info .card-controls .mall-data {
    margin-top: 7px;
    line-height: 14px;
    color: #333
}

.embed-card-info .card-controls .mall-data:hover {
    color: #5188a6
}

.embed-card-info .card-controls .card-inline-split {
    float: left;
    margin-right: 10px;
    font-size: 12px;
    color: #ccc
}

.embed-card-info .card-btn-black, .embed-card-info .card-btn-deep, .embed-card-info .card-btn-light {
    float: right;
    width: 68px;
    height: 28px;
    margin-left: 10px;
    border-radius: 2px;
    line-height: 28px;
    text-align: center;
    font-size: 12px
}

.embed-card-info .card-btn-black:hover, .embed-card-info .card-btn-deep:hover, .embed-card-info .card-btn-light:hover {
    opacity: .9
}

.embed-card-info .card-btn-light {
    background-color: rgba(0, 102, 102, .1);
    color: #066
}

.embed-card-info .card-btn-deep {
    background-color: #066;
    color: #fff
}

.embed-card-info .card-btn-black {
    background-color: #000;
    color: #fff
}

.embed-card.main-site .embed-card-info .card-name {
    height: auto;
    overflow: hidden;
    margin-top: 7px;
    line-height: 28px;
    white-space: normal
}

.embed-card-info .card-name em, .embed-card.main-site .embed-card-info .card-name b, .embed-card.main-site .embed-card-info .card-name strong {
    margin-left: 6px;
    color: #e62828
}

.embed-card.main-site .embed-card-info .card-abstract {
    margin-bottom: 20px;
    white-space: normal
}

.embed-card.main-site .embed-card-info .card-btn-light {
    background-color: rgba(230, 40, 40, .1);
    color: #e62828
}

.embed-card.main-site .embed-card-info .card-btn-deep {
    background-color: #e62828;
    color: #fff
}

.baike-card .card-abstract {
    height: 18px
}

.baike-card .card-sub-abstract {
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 12px;
    color: #e62828
}

.baike-card .embed-card-info {
    position: relative
}

.embed-card.main-site.baike-sku .embed-card-info .card-abstract {
    margin-top: 0;
    margin-bottom: 10px
}

.embed-card.main-site.baike-spu .embed-card-info .card-abstract {
    margin-top: 0;
    margin-bottom: 40px
}

.embed-card.main-site.baike-card .embed-card-info .card-name {
    margin-top: 3px;
    margin-bottom: 12px
}

@media only screen and (max-width: 480px) {
    span.embed-card {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .embed-card .embed-card-logo {
        width: 24.27184%;
        margin-left: 9px
    }

    .embed-card .embed-card-logo img {
        width: 100%;
        height: auto
    }

    .embed-card .embed-card-info {
        overflow: visible;
        padding: 0 9px
    }
}

p .embed-card a {
    display: inline
}

.card-for-editor .embed-card, .card-for-editor span.embed-card {
    width: auto
}

.card-for-editor .card-abstract, .card-for-editor .card-btn-deep, .card-for-editor .card-btn-light, .card-for-editor .card-controls .card-btn-black, .card-for-editor .card-controls a, .card-for-editor .card-inline-split, .card-for-editor .group-data {
    display: none
}

.card-for-editor .group-data em {
    font-style: normal;
    margin-right: 4px
}

.card-for-editor .embed-card.main-site .embed-card-info .card-name {
    margin-top: 1%;
    margin-bottom: 1.5%
}

.simple-card.embed-card {
    width: 124px;
    height: 206px;
    margin: 0 14px 30px 0;
    display: inline-block
}

.simple-card .embed-card-logo {
    float: none;
    margin-right: 0;
    width: 124px;
    height: 124px
}

.simple-card .embed-card-logo img {
    width: 124px;
    height: 124px
}

.simple-card.embed-card.main-site .embed-card-info .card-name {
    height: 40px;
    line-height: 20px;
    margin-top: 10px;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.simple-card .embed-card-info .price, .simple-card .embed-card-info b {
    position: absolute;
    top: 190px;
    left: 4px;
    width: 124px;
    height: 22px;
    line-height: 22px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.embed-card-logo img.qrcode, .simple-card .card-abstract, .simple-card .card-controls {
    display: none
}

.embed-card:hover img.qrcode {
    display: block
}

.embed-card:hover img.production {
    display: none
}

.embed-card .embed-card-xcx .card-abstract {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.embed-card .embed-card-xcx .info-xcx {
    height: 14px;
    font-size: 12px;
    line-height: 14px;
    color: #666
}

.embed-card .embed-card-xcx .info-xcx i {
    color: #7885d5;
    font-size: 12px;
    vertical-align: top;
    margin-right: 5px
}

.embed-card.brand-card .embed-card-info .card-name {
    height: 28px;
    line-height: 28px;
    margin-top: 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    word-break: break-all
}

.embed-card.brand-card .embed-card-info .card-controls {
    line-height: 12px
}

.embed-card.brand-card .embed-card-info .card-abstract {
    height: 44px;
    line-height: 22px;
    margin: 14px 0;
    color: #666;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.coupon-card-wraper {
    width: 622px;
    margin: 30px auto
}

.coupon-card-wraper span.main-site.coupon-card {
    padding: 10px;
    margin: 0
}

.coupon-card-wraper span.main-site.coupon-card .embed-card-info {
    position: relative;
    height: 150px
}

.coupon-card-wraper span.main-site.coupon-card .embed-card-info .card-name {
    height: auto;
    line-height: 28px;
    margin-bottom: 5px
}

.coupon-card-wraper span.main-site.coupon-card .embed-card-info .price {
    height: 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #e62828;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 13px
}

.coupon-card-wraper span.main-site.coupon-card .embed-card-info .tags {
    overflow: hidden;
    height: 30px
}

.coupon-card-wraper span.main-site.coupon-card .embed-card-info .tags a.tag {
    float: left;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    border-radius: 2px;
    padding: 0 6px;
    margin-right: 10px;
    margin-top: 14px;
    color: #999;
    background-color: #f5f5f5
}

.coupon-card-wraper span.main-site.coupon-card .embed-card-info .tags a.special-tag {
    color: #e62828;
    background-color: #ffedeb
}

.coupon-card-wraper span.main-site.coupon-card .embed-card-info .tags span.tag {
    float: left;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    border-radius: 2px;
    padding: 0 6px;
    margin-right: 10px;
    margin-top: 14px;
    color: #999;
    background-color: #f5f5f5
}

.coupon-card-wraper span.main-site.coupon-card .embed-card-info .tags span.special-tag {
    color: #e62828;
    background-color: #ffedeb
}

.coupon-card-wraper span.main-site.coupon-card .embed-card-info .card-controls {
    width: 438px;
    position: absolute;
    bottom: 0;
    right: 0
}

.coupon-card-wraper span.main-site.coupon-card .embed-card-info .card-controls .group-data {
    font-size: 12px;
    color: #999;
    line-height: 12px;
    margin-top: 16px
}

.coupon-card-wraper .coupon-section {
    padding: 13px 14px;
    border-radius: 0 0 2px 2px;
    background-color: #f9f9f9
}

.coupon-card-wraper .coupon-section .coupon-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    padding-left: 1px;
    height: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.coupon-card-wraper .coupon-section .coupon-info .coupon-type {
    width: 36px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 2px;
    background-color: #ffedeb;
    color: #e62828;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.coupon-card-wraper .coupon-section .coupon-info p {
    font-size: 12px;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0
}

.coupon-card-wraper .coupon-section .coupon-info .scan-code {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #f04848;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.coupon-card-wraper .coupon-section .coupon-info .scan-code i {
    font-size: 14px;
    margin-right: 2px
}

.coupon-card-wraper .coupon-section .coupon-info .scan-code .coupon-code {
    display: none;
    position: absolute;
    width: 200px;
    height: 232px;
    top: -15px;
    left: 77px;
    background: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 2px;
    z-index: 10
}

.coupon-card-wraper .coupon-section .coupon-info .scan-code .coupon-code:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid #fff;
    position: absolute;
    top: 18px;
    left: -5px
}

.coupon-card-wraper .coupon-section .coupon-info .scan-code .coupon-code img {
    display: block;
    width: 180px;
    height: 180px;
    margin: 12px 10px 14px
}

.coupon-card-wraper .coupon-section .coupon-info .scan-code .coupon-code span {
    display: block;
    font-size: 12px;
    text-align: center;
    color: #999
}

.coupon-card-wraper .coupon-section .coupon-info .scan-code:hover {
    cursor: pointer
}

.coupon-card-wraper .coupon-section .mall-link {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    line-height: 28px;
    margin-top: 4px
}

.coupon-card-wraper .coupon-section .mall-link a {
    font-size: 12px;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.coupon-card-wraper .coupon-section .mall-link a i {
    font-size: 14px;
    margin-left: 4px
}

.insert-outer-newline .price {
    color: #e62828;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}

.insert-outer-newline .card-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    display: block;
    height: 22px !important;
    margin-bottom: 5px
}

.insert-outer-newline .card-abstract {
    margin-top: 5px;
    margin-bottom: 24px !important;
    height: 40px;
    line-height: 20px
}

.zhongce-card-wraper .card-btn-light {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 0 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pop {
    position: fixed;
    display: none;
    background: #fff;
    border-radius: 4px;
    width: 480px;
    z-index: 10000
}

.pop .youhuiquan .close {
    width: 22px;
    height: 22px;
    border-radius: 50% 50%;
    border: 1px solid #fff;
    margin-top: -64px;
    position: absolute;
    right: 0;
    text-align: center
}

.pop .youhuiquan .close .line {
    height: 10px;
    width: 2px;
    background-color: #fff;
    z-index: 10000;
    position: absolute;
    left: 11px;
    top: 23px
}

.pop .youhuiquan .close .icon-times-o {
    cursor: pointer;
    color: #fff;
    text-align: center;
    font-size: 16px;
    vertical-align: -5px
}

.pop .youhuiquan .close .icon-times-o:hover {
    color: #fff
}

.pop .youhuiquan .pop-title {
    overflow: hidden;
    margin-top: 30px;
    font-size: 16px;
    color: #333;
    text-align: center;
    height: 26px;
    line-height: 26px;
    border-bottom: none;
    padding: 0
}

.pop .youhuiquan .pop-content {
    padding-top: 22px;
    width: 480px;
    margin: 0 auto;
    text-align: center;
    color: #666;
    word-break: break-all
}

.pop .youhuiquan .pop-content .pop-txt {
    width: 362px;
    line-height: 26px;
    text-align: center;
    margin: 0 auto 10px
}

.pop .youhuiquan .pop-content .pop-info1 {
    float: left;
    font-size: 16px;
    background-image: url(../images/quanbg1.png);
    width: 362px;
    padding: 12px 0;
    background-size: 100% 100%;
    margin: 10px auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.pop .youhuiquan .pop-content .pop-info1 .pop-infoL {
    float: left;
    margin-left: 20px
}

.pop .youhuiquan .pop-content .pop-info1 a {
    float: right;
    margin-right: 30px
}

.pop .youhuiquan .pop-content .pop-info2 {
    font-size: 16px;
    background-image: url(../images/quanbg2.png);
    width: 362px;
    height: 26px;
    padding: 12px 0;
    background-size: 100% 100%;
    margin: 10px auto
}

.pop .youhuiquan .pop-content .pop-info2 span {
    display: inline-block;
    width: 270px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.pop .youhuiquan .pop-content .toast {
    width: 68px;
    background: #4b4b4b;
    padding: 8px 0;
    font-size: 12px;
    color: #fff;
    border-radius: 4px 4px;
    margin-top: -60px;
    display: none
}

.pop .youhuiquan .pop-content .toast, .pop .youhuiquan .pop-content .toast .pop-arrow-bottom {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.pop .youhuiquan .pop-content .toast .pop-arrow-bottom {
    display: block;
    width: 0;
    height: 0;
    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    margin-top: 8px;
    border-color: #4b4b4b rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 6px 6px 0
}

.pop .youhuiquan .pop-content .pop-pw {
    float: left
}

.pop .youhuiquan .pop-content .pop-how, .pop .youhuiquan .pop-content .pop-info {
    width: 380px;
    font-size: 16px;
    color: #333;
    line-height: 26px;
    position: relative;
    margin: 0 auto 13px;
    text-align: center
}

.pop .youhuiquan .pop-content .pop-how .J_copy, .pop .youhuiquan .pop-content .pop-how .J_copy_over, .pop .youhuiquan .pop-content .pop-info .J_copy, .pop .youhuiquan .pop-content .pop-info .J_copy_over {
    color: #e62828;
    font-size: 14px
}

.pop .youhuiquan .pop-content .pop-info a {
    color: #5188a6
}

.pop .youhuiquan .pop-content .pop-is-beiwo {
    color: #999;
    font-size: 12px;
    display: none
}

.pop .youhuiquan .pop-content .pop-red-alert {
    display: block;
    position: absolute;
    top: 30px;
    width: 100%
}

.pop .youhuiquan .pop-btn-wrap {
    text-align: center;
    font-size: 0;
    margin-top: 30px;
    margin-bottom: 30px
}

.pop .youhuiquan .pop-btn {
    border: 1px solid #e62828;
    display: inline-block;
    width: 126px;
    height: 40px;
    line-height: 40px;
    background-color: #e62828;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    margin: 20px 20px 0
}

.pop .youhuiquan .pop-btn:hover {
    opacity: .9
}

.pop .youhuiquan .pop-cancel {
    background: #fff;
    color: #666;
    border: 1px solid #d6d6d6
}

.pop .youhuiquan .pop-how {
    display: block;
    margin-top: 30px
}

.J_pop_codeAndPw .toast {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 20px
}

.captcha-cover {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 9999;
    display: none
}

.captcha-cover #J_geetest_captcha {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.captcha-cover .gt_holder.gt_embed {
    display: inline-block
}

.captcha-cover .gt_holder {
    width: 290px;
    margin: 200px auto
}

#pop-report, #pop-report .pop-content, #pop-report .pop-content .pop_width_400 {
    width: auto
}

.comment_avatar a img {
    border-radius: 100%;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
}

.jingyan_height{
    height: 40px;
}