#content:after,#content:before,.art-page:after,.art-page:before,.blk-container-other:after,.blk-container-other:before,.clearfix:after,.clearfix:before {
    content: " ";
    display: table
}

#content:after,.art-page:after,.blk-container-other:after,.clearfix:after {
    clear: both
}

blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

body,button,input,select,textarea {
    font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1",Arial,HELVETICA;
    -ms-overflow-style: scrollbar
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%
}

address,cite,dfn,em,var {
    font-style: normal
}

code,kbd,pre,samp {
    font-family: Courier new,Courier,monospace
}

small {
    font-size: 12px
}

em,i {
    font-style: normal
}

ol,ul {
    list-style: none
}

a {
    text-decoration: none
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

legend {
    color: #000
}

fieldset,img {
    border: 0
}

button,input,select,textarea {
    font-size: 100%
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body {
    color: #585858
}

body {
    background-color: #fff;
    background: none;
}

a {
    color: #585858;
    outline: 0 none
}

#forumPage .layout {
    width: 1170px;
    margin: 0 auto
}

a:hover {
    text-decoration: none
}

.lazy-showBG {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    z-index: 1
}

.lazy-showBG .header-bg {
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2
}

.travel-banner {
    position: relative;
    height: 160px
}

.travel-banner .header-bg {
    height: 160px;
    background-image: url(http://static.8264.com/static/images/forum/readmodelTravel/BN1S3cTLXxXVbt26F.jpg)
}

.strategy-header,.travel-header {
    position: relative;
    z-index: 3
}

.top-profile {
    position: relative;
    padding: 42px 0 42px 95px
}

.t-profile-data {
    position: absolute;
    left: 0;
    top: 42px
}

.t-profile-data img {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #fff
}

.t-profile-title h1 {
    font-size: 28px;
    color: #fff;
    font-weight: 400;
    line-height: 36px
}

.t-profile-thumb {
    margin-top: 12px;
    color: rgba(255,255,255,.65)
}

.t-profile-thumb .tp-username {
    color: #fff;
    margin-right: 12px
}

.t-profile-thumb .tp-pubDate {
    margin-right: 12px
}

.strategy-banner {
    position: relative;
    height: 352px
}

.strategy-banner .header-bg {
    height: 352px;
    background-image: url(http://static.8264.com/static/images/forum/readmodelTravel/BN1S3cTLXxXVbt27F.jpg)
}

.strategy-header .blk-crumbNav {
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    padding-top: 18px;
    margin-bottom: 0
}

.strategy-header .blk-crumbNav .cate-name {
    color: #fff
}

.stragy-titbar {
    width: 65%;
    margin: 35px auto 0;
    text-align: center;
    height: 190px
}

.stragy-titbar .stragy-title h1 {
    font-size: 34px;
    color: #fff;
    line-height: 54px
}

.stragy-titbar .stragy-thumb {
    margin-top: 35px
}

.stragy-titbar .stragy-thumb .user-name {
    font-size: 14px;
    color: #fff
}

.stragy-titbar .stragy-thumb .pb-time {
    margin-top: 5px;
    color: rgba(255,255,255,.65)
}

.attent-wrapper {
    position: relative;
    font-size: 0;
    margin: 52px 0 0;
    text-align: center
}

.attent-wrapper .left-joint {
    display: inline-block;
    vertical-align: top;
    width: 34px;
    height: 39px;
    background: url(http://static.8264.com/static/images/forum/readmodelTravel/rlt.png) no-repeat
}

.attent-wrapper .right-joint {
    display: inline-block;
    vertical-align: top;
    width: 34px;
    height: 39px;
    background: url(http://static.8264.com/static/images/forum/readmodelTravel/rrt.png) no-repeat
}

.attent-wrapper .attentList-content {
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    height: 30px;
    padding: 12px 10px;
    font-size: 12px
}

.attentList-content .attent-num {
    float: left;
    color: #666;
    margin-right: 18px
}

.attentList-content .attent-num em {
    font-size: 24px;
    line-height: 30px;
    color: #ff7247;
    margin-right: 4px
}

.attentList-content a {
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 8px
}

.attentList-content img {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.attentList-content .more-link {
    text-indent: -9999em;
    background: url(http://static.8264.com/static/images/forum/readmodelTravel/sdot.png) no-repeat center center;
    margin-right: 0
}

.art-attentList {
    padding-bottom: 30px
}

.art-attentList .attentList-inner {
    height: 26px
}

.art-attentList .attent-num em {
    font-size: 22px;
    line-height: 26px
}

.art-attentList a {
    width: 26px;
    height: 26px
}

.art-attentList img {
    width: 26px;
    height: 26px
}

#content {
    width: 1170px;
    margin: 0 auto 20px;
    padding-top: 30px
}

.main-rect {
    width: 100%;
    float: left;
    min-height: 1px
}

.main-rect .col-main {
    width: 1170px;
    margin-right: 0
}

.col-main-right {
    width: 100%;
    overflow: hidden;
}

.main-rect .col-main-v2 {
    margin-right: 310px
}

.main-extra {
    float: left;
    width: 330px;
    margin-left: -330px
}

.main-extra-v2 {
    float: left;
    width: 240px;
    margin-left: -240px
}

.main-extra-v3 {
    float: left;
    width: 310px;
    margin-left: -310px
}

.side-float {
    position: fixed;
    width: 50px;
    left: 50%;
    margin-left: 275px;
    bottom: 20px;
    display: none;
    z-index: 1040
}

.side-float .mui-tab {
    width: 50px;
    height: 50px;
    margin-bottom: 4px;
    position: relative
}

.side-float a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 48px;
    height: 48px;
    display: block;
    border: 1px solid #e7e7e7
}

.side-float a:hover {
    background-color: #43a6df;
    border-color: #43a6df
}

.side-float a:hover.icon-history {
    background: url(http://static.8264.com/static/images/forum/readmodelTravel/whistory.png) no-repeat 50% 50% #43a6df
}

.side-float a:hover.icon-favorites {
    background: url(http://static.8264.com/static/images/forum/readmodelTravel/wfavorites.png) no-repeat 50% 50% #43a6df
}

.side-float a:hover.icon-gotop {
    background: url(http://static.8264.com/static/images/forum/readmodelTravel/wgotop.png) no-repeat 50% 50% #43a6df
}

.side-float .mui-tab-tip {
    border: 1px solid #eee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    display: none;
    width: 90px;
    height: 32px;
    line-height: 32px;
    position: absolute;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    left: 50px;
    top: 8px
}

.side-float .mui-tab-tip .mui-tab-tip-arr {
    border-bottom: 9px solid #eee;
    border-left: 9px solid transparent;
    bottom: 2px;
    height: 0;
    position: absolute;
    left: -9px;
    width: 0
}

.side-float .mui-tab-tip .mui-tab-tip-arr:before {
    content: "";
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
    height: 0;
    position: absolute;
    left: -7px;
    width: 0;
    bottom: -8px
}

.side-float .icon-history {
    background: url(http://static.8264.com/static/images/forum/readmodelTravel/history.png) no-repeat 50% 50% #fff
}

.side-float .icon-favorites {
    background: url(http://static.8264.com/static/images/forum/readmodelTravel/favorites.png) no-repeat 50% 50% #fff
}

.side-float .icon-gotop {
    background: url(http://static.8264.com/static/images/forum/readmodelTravel/gotop.png) no-repeat 50% 50% #fff
}

.blk-crumbNav {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    margin-bottom: 20px
}

.blk-crumbNav .cate-name {
    color: #999
}

.blk-crumbNav em {
    font-style: normal;
    margin: 0 3px
}

.blk-crumbNav .prior-postLink {
    float: right;
    height: 28px;
    line-height: 28px;
    border: 1px solid #43a6df;
    padding: 0 12px;
    color: #4db1ea;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.blk-crumbNav .prior-postLink .icon-book {
    width: 16px;
    height: 13px;
    background: url(http://static.8264.com/static/images/forum/readmodelTravel/bxPXXX1sX2bX-16-13.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 5px 0 0
}

.blk-container {
    padding-bottom: 80px
}

.blk-BGContainer {
    width: 1110px;
    background-color: #fff;
    padding: 30px 30px 30px 30px;
    -webkit-box-shadow: 0 1px 2px rgba(4,0,0,.07);
    box-shadow: 0 1px 2px rgba(4,0,0,.07);
    overflow: hidden
}

.art-title {
    font-size: 24px;
    line-height: 36px;
    color: #000
}

.art-info {
    padding: 15px 0;
    font-size: 12px
}

.art-info .pub-author {
    float: left
}

.art-info .user-img {
    width: 24px;
    height: 24px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 6px
}

.art-info .user-name {
    color: #999
}

.art-info .pub-time {
    color: #999;
    line-height: 24px;
    margin-left: 10px
}

.art-info .cate-tag {
    display: inline-block;
    border: 1px solid #a4b5be;
    line-height: 22px;
    padding: 0 10px;
    color: #a4b5be;
    margin-left: 10px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}

.art-content {
    font-size: 16px;
    line-height: 28px;
    color: #333
}

.art-content-old>:first-child {
    margin-top: 0 !important;
}

.art-content-old>:first-child img {
    margin-top: 0 !important;
}

.art-content-old br {
    line-height: 3;
}

.art-content-old p[align="center"] {
    margin-top: -1.5em;
}

.art-content-old br+p[align="center"] {
    margin-top: 0;
}

.art-content-old img+p[align="center"] {
    margin-top: 0;
}

.art-content-old>img+br {
    line-height: 0;
    height: 0;
    font-size: 0;
}

.art-content-old>br+img {
    margin-top: 0px;
}

.art-content-old>img+br+img {
    margin-top: 18px;
}

.art-content-old>p[align="left"]+p[align="center"] {
    margin-top: 0;
}

.art-content-old>p[align="left"]+p[align="left"] {
    margin-top: 18px;
}

.art-content-old>p[align="center"]+p[align="center"] {
    margin-top: 0;
}

.art-content-old>p+p[align="center"] {
    margin-top: 0;
}

.art-content-old>p[align="center"]+br {
    line-height: 0;
    height: 0;
    font-size: 0;
}

.art-content img {
    display: block;
    margin: 18px 0;
    max-width: 100%;
    position: inherit !important;
    width: auto !important;
    height: auto !important;
}

.art-thumb {
    padding-top: 20px
}

.art-thumb .art-tags {
    font-size: 14px
}

.art-thumb .art-tags .art-tags-tit {
    color: #333
}

.art-thumb .art-tags a {
    background-color: #f0f0f0;
    display: inline-block;
    height: 30px;
    padding: 0 8px;
    line-height: 30px;
    color: #888;
    margin-right: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.blk-container-other {
    margin-top: 35px
}

.blk-container-other .content-aboutArt {
    margin-left: -21px
}

.blk-container-other .blk-recomItem {
    float: left;
    width: 256px;
    margin-left: 21px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(4,0,0,.07);
    box-shadow: 0 1px 2px rgba(4,0,0,.07)
}

.blk-container-other .blk-recomItem img {
    width: 256px;
    height: 170px;
    display: block
}

.blk-container-other .blk-recomItem h3 {
    font-weight: 400;
    padding: 12px 20px;
    font-size: 14px;
    color: #333
}

#comment {
    background-color: #f8f8f8;
    padding-top: 25px
}

#comment .blk-comment {
    width: 810px;
    margin-top: 0
}

.blk-comment {
    margin-top: 25px;
}

.blk-comment .blkc-title {
    font-size: 24px;
    color: #333;
    font-weight: 400;
    padding-bottom: 25px
}

.comment-form {
    position: relative;
    padding-left: 70px;
    margin-bottom: 35px
}

.comment-form .avatar {
    position: absolute;
    left: 0
}

.comment-form .post-box-cont {
    position: relative;
    background-color: #e8e8e8;
    height: 72px;
    padding: 8px 73px 8px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.comment-form .post-box-cont .comment-notes {
    width: 100%;
    height: 72px;
    border: 0 none;
    background: 0 0;
    line-height: 22px;
    resize: none;
    outline: 0 none;
    font-size: 14px
}

.comment-form .post-box-cont .btn-comment {
    position: absolute;
    background-color: #aeaeae;
    width: 65px;
    height: 100%;
    border: 0 none;
    outline: 0 none;
    right: 0;
    top: 0;
    color: #fff;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
    font-size: 14px
}

.comment-form .post-box-cont:before {
    content: "";
    position: absolute;
    border-top: 10px solid #e8e8e8;
    border-left: 10px solid transparent;
    left: -10px;
    bottom: 30px
}

.comment-navbar-nav {
    height: 32px;
    border-bottom: 2px solid #ddd
}

.comment-navbar-nav li {
    float: left;
    position: relative;
    bottom: -2px;
    font-size: 14px;
    color: #585858;
    line-height: 22px;
    padding: 0 0 8px;
    margin-right: 25px;
    cursor: pointer
}

.comment-navbar-nav li.active {
    border-bottom: 2px solid #43a6df;
    color: #43a6df
}

.post-list li {
    position: relative;
    padding-left: 68px;
    border-bottom: 1px solid #ddd
}

.post-list .pl-avatar img {
    position: absolute;
    width: 48px;
    height: 48px;
    left: 0;
    top: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.post-list .pl-user {
    color: #4A87FA;
    font-size: 14px;
}

.post-list .pl-time {
    color: #c2c2c2;
    margin-left: 15px
}

.post-list .pl-btn-reply {
    float: right;
    color: #43a6df;
    display: none
}

.post-list .pl-post-header {
    padding-top: 20px
}

.post-list .pl-post-content {
    margin-top: 10px;
    padding-bottom: 20px;
    font-size: 14px;
}

.post-list .pl-post-content p {
    font-size: 14px
}

.post-list .pl-post-content img {
    margin-top: 10px;
    max-width: 100%;
    position: initial;
    width: auto;
    height: auto;
    left: initial;
    top: initial;
}

.post-list .pl-reply-box {
    margin-bottom: 10px
}

.pl-post-body {
    overflow: hidden
}

.pl-reply-box {
    display: none
}

.pl-reply-box .pl-reply-box-content {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding-left: 20px;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden
}

.pl-reply-box .pl-reply-box-content textarea {
    display: inline-block;
    float: left;
    padding: 10px;
    width: 100%;
    height: 50px;
    background: 0 0;
    resize: none;
    border: 0 none;
    outline: 0 none;
    margin-left: -20px
}

.pl-reply-box .pl-reply-box-footer {
    height: 38px;
    line-height: 38px
}

.pl-reply-box .pl-reply-box-footer .pl-btn-submit {
    margin: 5px 0 0 0
}

.pl-btn-submit {
    float: right;
    background-color: #43a3dd;
    border: 0 none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 67px
}

.pl-post-children {
    background-color: #f2f2f2;
    margin-bottom: 20px
}

.pl-post-children li {
    border-bottom: 0 none;
    padding: 20px;
    font-size: 14px;
    background: #e6e6e6;
}

.pl-post-children p {
    color: #888
}

.author-profile {
    height: 280px
}

.pf-photo {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 100px;
    margin: 25px auto 0;
    padding: 4px;
    position: relative;
    width: 100px
}

.pf-photo .photo,.pf-photo .photo-wrap,.pf-photo img {
    border-radius: 50%;
    height: 100px;
    width: 100px
}

.pf-username {
    margin-top: 10px;
    text-align: center
}

.pf-username .username {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700
}

.pf-intro {
    margin-top: 2px;
    text-align: center;
    font-size: 12px;
    line-height: 18px
}

.pf-opt {
    margin-top: 15px;
    text-align: center
}

.pf-opt .opt-box {
    display: inline-block
}

.pf-opt .opt-box .btn-bed {
    float: left;
    margin: 0 5px
}

.btn-30px {
    display: inline-block;
    width: 82px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #d4d4d4;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.btn-30px em {
    display: inline-block;
    vertical-align: middle;
    margin: -3px 4px 0 0
}

.icon-square {
    width: 12px;
    height: 12px;
    background: url(http://static.8264.com/static/images/forum/readmodelTravel/square.png) no-repeat
}

.icon-mess {
    width: 16px;
    height: 12px;
    background: url(http://static.8264.com/static/images/forum/readmodelTravel/mess.png) no-repeat
}

.sub-title {
    padding-bottom: 6px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 22px
}

.hot-posts,.latest-posts {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(4,0,0,.07);
    box-shadow: 0 1px 2px rgba(4,0,0,.07);
    padding: 20px 25px 25px
}

.latest-posts li {
    position: relative;
    margin-top: 15px;
    padding-left: 15px
}

.latest-posts li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 4px;
    height: 4px;
    background-color: #a4b5be
}

.latest-posts a {
    font-size: 13px;
    line-height: 20px
}

.latest-posts .lp-time {
    font-size: 12px;
    color: #bbb;
    margin-top: 6px
}

.hot-posts {
    margin-top: 30px
}

.subImg-list li {
    position: relative;
    padding-left: 110px;
    margin-top: 20px;
    height: 50px
}

.subImg-list .targ-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 50px;
    background: url(http://static.8264.com/static/images/forum/readmodelTravel/lazy-img-70x50.jpg) no-repeat
}

.subImg-list img {
    width: 100px;
    height: 50px;
    margin: 4px 0;
}

.subImg-list p {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    overflow: hidden
}

.subImg-list .lp-time {
    font-size: 12px;
    color: #bbb;
    margin-top: 6px;
    display: block
}

.w8h6-list {
    width: 310px;
    padding-top: 30px
}

.w8h6-list li {
    padding-left: 90px;
    height: 66px
}

.w8h6-list .targ-img {
    width: 80px;
    height: 66px;
    background: url(http://static.8264.com/static/images/forum/readmodelTravel/lazy-img-80x66.jpg) no-repeat
}

.w8h6-list img {
    width: 80px;
    height: 66px
}

.w8h6-list .view-num {
    color: #999;
    padding-left: 0;
    font-size: 12px;
    margin-top: 5px;
    margin-left: 10px
}

.w8h6-list .view-num .icon-view {
    background: url(http://static.8264.com/static/images/forum/readmodelTravel/eyes.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 5px 0 0;
    width: 16px;
    height: 11px
}

.show-advWrap {
    margin-top: 30px
}

.appAdv-wrap {
    padding-top: 30px
}

.appAdv-wrap img {
    width: 100%
}

.hotTags-list {
    margin-top: 30px
}

.hotTags-list ul {
    overflow: hidden
}

.hotTags-list li {
    float: left;
    margin-right: 8px;
    margin-bottom: 8px
}

.hotTags-list a {
    background-color: #dfefff;
    color: #6797c7;
    line-height: 30px;
    height: 30px;
    display: block;
    font-size: 14px;
    padding: 0 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.art-page .pg {
    float: right;
    line-height: 26px;
    margin: 0 0 16px
}

.art-page .pg a,.art-page .pg strong {
    float: left;
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #999;
    height: 24px;
    padding: 6px 7px 4px;
    margin-left: 5px;
    font-family: "Microsoft YaHei";
    background: 0 0;
    border: 0;
    border-bottom: 2px solid #fff
}

.art-page .pg a.select,.art-page .pg a:hover,.art-page .pg strong {
    border: 0;
    border-bottom: 2px solid #00A6FC;
    color: #141414;
    text-decoration: none;
    background: 0 0
}

.artComment-page {
    margin-top: 25px;
    padding-bottom: 25px
}

.artComment-page .pg a,.artComment-page .pg strong {
    border-bottom: 2px solid #f8f8f8
}

.artComment-page .pg a.select,.artComment-page .pg a:hover,.artComment-page .pg strong {
    border: 0;
    border-bottom: 2px solid #00A6FC;
    color: #141414;
    text-decoration: none;
    background: 0 0
}

.strgy-page .pg {
    float: right;
    line-height: 26px;
    margin: 30px 0 30px
}

.strgy-page .pg a,.strgy-page .pg strong {
    float: left;
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #999;
    height: 24px;
    padding: 6px 7px 4px;
    margin-left: 5px;
    font-family: "Microsoft YaHei";
    background: 0 0;
    border: 0;
    border-bottom: 2px solid #fff
}

.strgy-page .pg a.select,.strgy-page .pg a:hover,.strgy-page .pg strong {
    border: 0;
    border-bottom: 2px solid #00A6FC;
    color: #141414;
    text-decoration: none;
    background: 0 0
}

.fx-share {
    position: fixed;
    left: 50%;
    margin-left: -665px;
    width: 60px;
    top: 436px
}

.fx-share.fx-artShare {
    top: 155px
}

.share-standard {
    border: 1px solid #eee;
    background-color: #fbfbfb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.share-standard a {
    display: block;
    padding: 8px 9px;
    border-top: 1px solid #eee;
    text-align: center
}

.share-standard img {
    width: 40px;
    height: 40px;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.share-standard .share-link {
    width: 24px;
    height: 40px;
    padding: 8px 17px
}

.share-num {
    width: 40px;
    height: 40px;
    padding: 8px 9px;
    text-align: center;
    color: #999
}

.share-num em {
    font-size: 20px;
    color: #ff7247;
    display: block;
    line-height: 1
}

.pop-comment-wrap {
    display: none;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1050
}

.fl-pop-wrap-cntr {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.fl-pop-wrap-cntr .fl-pop-wrap-cntr-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 -3px 6px rgba(12,3,6,.11);
    background-color: #f8f8f8;
    z-index: -1
}

.fl-art-cntr {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-shadow: 0 -3px 6px rgba(12,3,6,.11)
}

.fl-art-cntr .fl-pop-wrap-cntr-bg {
    box-shadow: 0 -3px 6px rgba(12,3,6,.11);
    background-color: #101b24;
    opacity: .9;
    filter: alpha(opacity=90)
}

.fl-art-cntr .comment-main h1 {
    color: #c7c7c7
}

.fl-art-cntr .comment-num {
    color: #999
}

.fl-art-cntr .commentLogin-body .btn-d-r {
    height: 44px;
    line-height: 44px;
    margin: -1px -1px 0 0
}

.pcw-content {
    position: relative;
    width: 1170px;
    margin: 0 auto;
    padding: 25px 0 30px;
    overflow: hidden
}

.pcw-content .pop-close {
    position: absolute;
    background: url(http://static.8264.com/static/images/forum/readmodelTravel/x.png) no-repeat;
    width: 23px;
    height: 22px;
    top: 10px;
    right: 0
}

.pcw-content .pop-close .close-x {
    line-height: 99999em
}

.comment-main {
    float: left
}

.comment-main h1 {
    font-size: 26px;
    font-weight: 400;
    color: #333
}

.comment-main h1 em {
    color: #ff8d6a;
    font-weight: 700
}

.userlist-wrap {
    margin-top: 10px;
    height: 30px
}

.userlist-wrap a {
    display: inline-block;
    float: left;
    margin-right: 3px
}

.userlist-wrap img {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.userlist-wrap .more-link {
    width: 30px;
    height: 30px;
    text-indent: -9999em;
    background: url(http://static.8264.com/static/images/forum/readmodelTravel/dot.png) no-repeat 50% 50%;
    margin: 0 5px 0 8px
}

.userlist-wrap .comment-num {
    display: inline-block;
    font-size: 14px;
    margin: 4px 0 0 5px
}

.userlist-wrap .comment-num em {
    color: #ff8d6a;
    font-style: italic
}

.commentLogin-body {
    float: right;
    width: 500px;
    background-color: #fff;
    border: 1px solid #ededed;
    height: 42px;
    margin: 20px 75px 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.commentLogin-body .fl-pop-form {
    float: left;
    width: 425px;
    padding: 5px
}

.commentLogin-body .fl-pop-form textarea {
    display: block;
    border: 0 none;
    width: 100%;
    outline: 0 none;
    height: 32px;
    resize: none
}

.commentLogin-body .fl-pop-form p {
    text-align: center;
    font-size: 14px;
    line-height: 32px;
    color: #999
}

.commentLogin-body .fl-pop-form a {
    color: #369;
    margin: 0 3px
}

.commentLogin-body .btn-d-r {
    float: right;
    border: none;
    background-color: #ff8d6a;
    color: #fff;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    width: 65px;
    text-align: center;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.fl-open-wrap {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    bottom: 0;
    width: 149px;
    height: 163px;
    overflow: hidden
}

.fl-open-wrap .fl-open-wrap-cntr {
    background: url(http://static.8264.com/static/images/forum/readmodelTravel/float-pc.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.strgy-item {
    position: relative;
    padding-top: 32px;
    padding-left: 98px
}

.module-face {
    position: absolute;
    left: 0
}

.module-face img {
    width: 70px;
    height: 70px;
    border: 1px solid #e8e8e8;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 4px
}

.module-title h3 {
    font-size: 24px;
    color: #333;
    font-weight: 400
}

.module-line {
    font-size: 14px;
    margin-top: 15px;
    color: #666
}

.module-line .user-name {
    color: #43a6df;
    margin-right: 10px
}

.module-line .dt-date {
    margin-right: 10px
}

.module-line .rg-tags {
    display: inline-block;
    border: 1px solid #e0e0e0;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}

.module-body {
    margin-top: 20px
}

.module-body p {
    font-size: 14px;
    line-height: 26px;
    color: #333
}

.module-pic {
    margin-top: 20px;
    overflow: hidden
}

.module-pic .pic-item {
    float: left;
    width: 168px;
    height: 126px;
    margin-right: 8px;
    text-align: center;
    background: url(http://static.8264.com/static/images/forum/readmodelTravel/lazy-img-270x128.jpg) no-repeat;
    overflow: hidden
}

.module-pic .pic-item:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.module-pic .pic-item.last-980 {
    margin-right: 0
}

.module-pic img {
    max-width: 100%;
    -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    -ms-transition: all 1.2s ease;
    transition: all 1.2s ease
}

.module-attent {
    margin-top: 30px;
    border-bottom: 1px solid #edf0f2
}

.mui-mbar-outer {
    position: fixed;
    top: 0;
    right: -452px;
    bottom: 0;
    background: url(http://static.8264.com/static/images/forum/readmodelTravel/fx-bg.jpg) no-repeat left top;
    box-shadow: -2px 0 8px rgba(4,0,0,.25);
    z-index: 1040;
    -webkit-transition: all 500ms cubic-bezier(.7,0,.3,1) 0s;
    -moz-transition: all 500ms cubic-bezier(.7,0,.3,1) 0s;
    -o-transition: all 500ms cubic-bezier(.7,0,.3,1) 0s;
    -ms-transition: all 500ms cubic-bezier(.7,0,.3,1) 0s;
    transition: all 500ms cubic-bezier(.7,0,.3,1) 0s
}

.close-menu {
    position: absolute;
    width: 23px;
    height: 74px;
    left: -23px;
    top: 50%;
    margin-top: -37px;
    background: url(http://static.8264.com/static/images/forum/readmodelTravel/close-bg.png) no-repeat
}

.close-menu a {
    color: #fff;
    padding: 22px 0 24px 8px;
    line-height: 14px;
    display: block
}

.mui-mbar-standard {
    position: relative;
    width: 512px;
    height: 100%;
    overflow-y: auto
}

.mui-mbar-tab {
    padding: 45px 42px 0
}

.mui-mbar-tab-hot {
    padding-top: 80px
}

.mui-mbar-tab-title {
    font-size: 22px;
    color: #fff;
    line-height: 32px;
    margin-bottom: 20px
}

.mui-mbar-tab-title .all-link {
    font-size: 12px;
    color: #bad0df;
    display: inline-block;
    margin-left: 10px;
    border: 1px solid #637685;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    padding: 0 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}

.card-label-list {
    width: 422px;
    height: 132px;
    overflow: hidden
}

.card-label-list li {
    width: 132px;
    height: 132px;
    float: left;
    background-color: #fff;
    margin-right: 8px;
    font-size: 0;
    text-align: center
}

.card-label-list li.last-980 {
    margin-right: 0
}

.card-label-list .art-tit {
    font-size: 20px;
    font-weight: bolder;
    color: #333;
    margin-top: 20px
}

.card-label-list .art-count {
    font-size: 12px
}

.card-label-list .pipe-line {
    width: 24px;
    height: 2px;
    display: inline-block;
    background-color: #d1d7db;
    margin: 5px 0 10px
}

.card-label-list .usr-list img {
    display: inline-block;
    width: 22px;
    height: 22px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 2px
}

.label-list {
    margin: -8px 0 0;
    overflow: hidden
}

.label-list a {
    display: inline-block;
    float: left;
    white-space: nowrap;
    background-color: #7790a2;
    color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    margin: 8px 8px 0 0;
    font-size: 14px;
    border: 1px solid #7790a2
}

.label-list a.active,.label-list a:hover {
    background: url(http://static.8264.com/static/images/forum/readmodelTravel/corner.png) no-repeat top right;
    color: #99afbf
}

.main-feed-con .forum-feed-list {
    margin-top: -30px
}

.feed-item {
    padding-bottom: 30px;
    border-bottom: 1px solid #e6e6e6;
    padding-top: 30px
}

.feed-item .pic {
    float: left
}

.feed-item .pic img {
    width: 200px;
    height: 124px
}

.feed-item .content h3 {
    font-size: 20px
}

.feed-item .content h3 a {
    color: #333
}

.feed-item .content .feed-detail-item {
    margin-top: 12px
}

.feed-item .content .feed-detail-item p {
    font-size: 14px;
    color: #666;
    min-height: 30px;
}

.feed-item .content .feed-meta {
    font-size: 12px;
    margin-top: 18px
}

.feed-main {
    margin-left: 225px
}

.feed-meta {
    color: #999
}

.feed-meta .feed-item-author {
    color: #43a6df
}

.feed-meta .mfc-line {
    margin: 0 5px
}

@media (max-width: 1460px) {
    .fl-open-wrap {
        width:40px
    }

    .fl-open-wrap .fl-open-wrap-cntr {
        background-position: -109px 0
    }

    .fx-share {
        left: 5px;
        margin-left: 0
    }
}

@media (max-width: 1260px) {
    #content {
        width:980px
    }

    #forumPage .layout {
        width: 980px
    }

    .main-rect .col-main {
        width: 680px;
        margin-right: 300px
    }

    .main-extra-v3 {
        width: 260px;
        margin-left: -260px
    }

    .w8h6-list {
        width: 260px
    }

    #comment .blk-comment {
        width: 680px
    }

    .side-float {
        width: 252px;
        margin-left: 230px
    }

    .pcw-content {
        width: 980px
    }

    .commentLogin-body {
        width: 450px
    }

    .commentLogin-body .fl-pop-form {
        width: 375px
    }
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: translateX(35px);
        transform: translateX(35px)
    }

    100% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px)
    }
}

@keyframes shake {
    0% {
        -webkit-transform: translateX(35px);
        transform: translateX(35px)
    }

    100% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px)
    }
}

.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

.fl_dh {
    font-size: 0;
    height: 30px;
    background: #f4f4f4;
    margin: 0px 0px 20px 0px;
}

.fl_dh a {
    display: inline-block;
    _zoom: 1;
    _display: inline;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #585858;
    text-decoration: none;
}

.fl_dh a:hover {
    color: #43a6df;
    font-size: 12px;
    text-decoration: none;
}

.fl_dh a.syq {
    background: url(http://static.8264.com/static/images/portal/indexbgq.gif) right center #e5e4e2 no-repeat;
    padding: 0px 19px 0px 15px;
}

.fl_dh a.dpdq {
    background: url(http://static.8264.com/static/images/portal/pdbgq.gif) right center #e5e4e2 no-repeat;
    padding: 0px 19px 0px 11px;
}

.fl_dh a.zpdq {
    padding: 0px 0px 0px 11px;
}

.input-bx {
    height: 35px;
    line-height: 35px
}

.get-code {
    width: 120px;
    height: 33px;
    line-height: 33px;
    border: 1px solid #ff942b;
    color: #ff7e00;
    background: #fff;
    float: left;
    text-align: center;
    margin-left: 10px
}

.get-code:link {
    color: #ff7e00
}

.tips-buttom {
    background: #fff7e7;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 12px;
    border-radius: 0 0 6px 6px
}

.tips-buttom img {
    margin: -3px 4px 0 0
}

.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.fade.in {
    opacity: 1
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.modal-dialog {
    position: relative;
    width: 600px;
    margin: 60px auto
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    background-clip: padding-box;
    outline: 0;
    z-index: 1040
}

.thickbox>.tit-bx {
    background-color: #f4f4f4;
    padding: 18px 18px 12px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-top-right-radius: 6px;
    border-top-right-radius: 6px
}

.thickbox>.tit-bx>h3 {
    font-size: 16px;
    color: #949494;
    float: left
}

.thickbox>.tit-bx>.close {
    text-indent: -99em;
    float: right;
    width: 15px;
    height: 15px;
    display: block;
    background: url(http://static.8264.com/static/images/close.png) left top no-repeat;
    cursor: pointer
}

.thickbox>.tit-bx>.close:hover {
    background-position: left bottom
}

.thickbox .sec-cont {
    padding: 25px 30px 35px
}

.form-group>.control-label {
    padding: 7px 10px 0 15px;
    text-align: right;
    width: 100px;
    float: left
}

.form-group>.input-bx>.btn-save {
    border: none;
    display: inline-block;
    padding: 10px 45px;
    background-color: #ff7e00;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.form-group>.input-bx>select {
    width: 336px
}

.fixedsticky-on {
    position: fixed;
    border-top: 1px solid #eee
}

.fixedsticky-off {
    position: static
}

.thickbox .sec-cont {
    padding: 25px 30px 35px
}

.form-group {
    margin-bottom: 15px
}

.form-group>.control-label {
    padding: 7px 10px 0 15px;
    text-align: right;
    width: 100px;
    float: left
}

.input-bx {
    height: 35px;
    line-height: 35px
}

.setting-form input[type="text"],.setting-form input[type="password"],.form-group input[type="text"],.form-group input[type="password"] {
    background-color: #fff;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.12) inset;
    outline: 0 none;
    border: 1px solid #dfdfdf;
    padding: 7px;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 320px;
    line-height: initial
}

button,input {
    line-height: normal
}

input,button,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

input {
    line-height: normal
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

.thickbox>.tit-bx {
    background-color: #f4f4f4;
    padding: 18px 18px 12px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-top-right-radius: 6px;
    border-top-right-radius: 6px
}

.thickbox>.tit-bx>.close {
    text-indent: -99em;
    float: right;
    width: 15px;
    height: 15px;
    display: block;
    background: url(http://static.8264.com/static/images/close.png) left top no-repeat;
    cursor: pointer
}

.form-group>.control-label {
    padding: 7px 10px 0 15px;
    text-align: right;
    width: 100px;
    float: left
}

.form-group>.input-bx>.btn-save {
    border: none;
    display: inline-block;
    padding: 10px 45px;
    background-color: #ff7e00;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: initial
}

.modal-backdrop {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50);
}

.tit-bx:after {
    content: " ";
    display: table;
}

.tit-bx:after {
    clear: both;
}

.ta_20180301 {
    text-align: center;
    color: red;
    font-size: 16px;
}

.article {
    width: 670px;
    overflow: hidden
}

.az{width:100%;padding:8px 0;border-bottom:1px solid #e0efeb}
.azl{display:block;float:left;width:168px;height:104px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-right:20px;overflow: hidden;}
.azl img{width:168px;height:104px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.azl img:hover,.ayc_sub img:hover,.axc img:hover{opacity: 0.7;filter:alpha(opacity=70);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.azr{display: table;float:left;width:480px;height: 104px;}
.asign_sub {width: 100%;display: table-cell;vertical-align: middle;}
.atitle{display:block;width:100%;max-height:58px;font-weight:bold;font-size:20px;line-height:30px;overflow:hidden}
.asign{width:100%;color:#888;margin-top:8px;line-height:21px}
.alabel{float:left;color:#666;line-height:21px;border:1px solid #ddd;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:0 10px;text-align:center;margin-right:14px}
.aname{float:left;max-width:240px}
.asign em{display:block;float:left;width:3px;height:3px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#888;margin:9px 10px}
.anum{float:left}
.ay{width:100%;padding:8px 0;border-bottom:1px solid #e0efeb}
.aotitle{display:block;width:100%;font-weight:bold;font-size:20px;line-height:30px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px}
.ayc{width:100%;}
.ayc_sub{width:168px;height:104px;display:inline-block;_zoom:1;float:left;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-right:10px;overflow: hidden;}
.ayc_sub img{width:168px;height:104px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.aydetail{display:inline-block;_zoom:1;float:left;width:134px;height:104px;text-align:center;line-height:104px;color:#94a1a9;background-color:#f4f6f8;font-size:15px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer}
.ax{width:100%;padding:8px 0;border-bottom:1px solid #e0efeb}
.axc{width:668px;height:auto;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.axc img{width:668px;height:auto;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.article_loading {text-align: center;line-height: 45px;height: 45px;font-size: 16px;}
.aqrcode{float: left;display: inline-block;margin-left: 14px;position: relative;z-index: 100;}
.aqrcode img{cursor:pointer;}
.aqrcodesub{position: absolute;top: -132px;left: -55px;display:none;}
.aqrcodesub_sub{position: relative;width: 125px;height: 137px;}
.qrcodexcx{width: 100px;position: absolute;top: 24px;left: 12px;}
.clear_b:after{content:"";display:block;clear:both;visibility:hidden}
.clear_b{zoom:1}

.article_loading {
    text-align: center;
    line-height: 45px;
    height: 45px;
    font-size: 16px;
}

.article>div:first-child {
    padding-top: 0
}

.asignmt {
    margin-top: 6px;
}

.artComment-page {
    padding-bottom: 0px;
}

.attent-num em {
    color: #ff7247;
    margin-right: 4px;
    font-size: 22px;
}

.tc-newpost {
    background-color: #FF7F00;
    border-color: #FF7F00;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    text-align: center;
    display: block;
    font-size: 16px;
    padding: 11px 0;
    margin-bottom: 20px;
    cursor: pointer;
}

.deco {
    background: url(http://static.8264.com/static/images/hbwmain.png) no-repeat;
    width: 17px;
    height: 18px;
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
}

.wxmain {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 134px;
    overflow: hidden;
    background-color: #fbfbfb
}

.wxml {
    width: 134px;
    height: 134px;
    display: inline-block;
    _zoom: 1;
    float: left
}

.wxmr {
    width: 126px;
    display: inline-block;
    _zoom: 1;
    float: left;
    height: 134px;
    text-align: center;
}

.wxmr h4 {
    font-size: 18px;
    color: #444;
    margin: 32px 0 4px 0
}

.wxmr p {
    color: #666;
    font-size: 14px;
    line-height: 20px
}

.avatar img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 0px 5px 0px 0px;
    vertical-align: -4px;
    float: left;
}

.spacemain img {
    width: 48px !important;
    height: 48px !important;
}

.yuebanheader {
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px
}

.yuebanImg {
    float: left;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    width: 74px;
    height: 74px
}

.yuebanImg img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    width: 74px;
    height: 74px
}

.yuebanheader_center {
    float: left;
    font-family: "Microsoft YaHei";
    margin: 14px 22px;
    width: 250px
}

.yuebanheader_center p {
    font-size: 16px;
    color: #333;
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.yuebanheader_center span {
    color: #508eff
}

.yuebanheader_right {
    float: left;
    width: 372px;
    color: #999;
    line-height: 74px;
    text-align: right
}

.arrange {
    width: 100%;
    overflow: hidden;
    background: #f7f7f7
}

.arrangeheader {
    width: 248px;
    overflow: hidden;
    line-height: 50px;
    padding: 6px
}

.arrangeheader div {
    float: left;
    font-size: 16px;
    color: #333
}

.arrangeheader p {
    position: relative;
    float: left;
    color: #508eff;
    padding-left: 20px
}

.arrangeheader p:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 17px;
    background: #508eff;
    top: 17px;
    left: 8px
}

.arrangeheader a {
    float: right;
    float: right;
    color: #999
}

.arrangelist {
    width: 100%;
    overflow: hidden
}

.arrangelist li {
    width: 250px;
    height: 67px;
    overflow: hidden;
    background-repeat: no-repeat;
    margin: 0 auto 14px
}

.arrangelist li[type=boy] {
    background-image: url(http://image1.8264.com/forum/201804/26/055023yp1wgvuc81h9pu1s.png)
}

.arrangelist li[type=girl] {
    background-image: url(http://image1.8264.com/forum/201804/26/055257ryqqliesh2dn5pou.png)
}

.arrangelist_left {
    width: 42px;
    height: 42px;
    margin: 12px 20px 12px 29px;
    float: left
}

.arrangelist_left img {
    width: 42px;
    height: 42px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.arrangelist_right {
    float: left;
    margin: 5px 0
}

.arrangelist_right p {
    font-size: 14px;
    color: #4a4646;
    line-height: 32px
}

.arrangelist_right span {
    color: #888;
    font-size: 12px
}

.avatar img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 0 5px 0 0;
    vertical-align: -4px;
    float: left
}

.black_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 9999;
    -moz-opacity: .8;
    opacity: .8;
    filter: alpha(opacity=80)
}

.white_content {
    display: none;
    position: absolute;
    top: 4%;
    left: 50%;
    width: 690px;
    height: auto;
    padding-bottom: 80px;
    border-radius: 14px;
    background-color: #f9fafd;
    z-index: 10000;
    overflow: auto;
    margin-left: -345px;
}

.white_content_small {
    display: none;
    position: absolute;
    top: 20%;
    left: 30%;
    width: 40%;
    height: 50%;
    background-color: #fff;
    z-index: 1002;
    overflow: auto
}

.header_title {
    width: 100%;
    height: 80px;
    background: #6A9DFD;
    cursor: default;
    background: url(http://static.8264.com/static/images/bbs/fayueban_popup_tophead.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    line-height: 80px;
    position: relative
}

.header_title span {
    font-size: 26px;
    color: #fff
}

.header_title img {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 12px;
    top: 13px
}

.conter_bounced {
    width: 312px;
    height: auto;
    margin: 0 auto
}

.trip {
    font-size: 16px;
    color: #353535;
    margin-top: 24px
}

.times_bounced {
    width: 100%;
    display: box;
    display: -webkit-box
}

.timess {
    width: 149px;
    height: 40px;
    background-color: #fff;
    box-show: 0 0 2px 0 rgba(196,196,196,.5);
    border-radius: 4px;
    border: 1px solid #F2F3F6
}

.time_hen {
    line-height: 45px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 20px;
    color: #e7e7e7
}

input::-webkit-input-placeholder {
    font-family: "?¡é¨¨¨ª??o¨²";
    color: #ddd;
    font-size: 12px
}

input::-moz-placeholder {
    font-family: "?¡é¨¨¨ª??o¨²";
    color: #ddd;
    font-size: 12px
}

input:-moz-placeholder {
    font-family: "?¡é¨¨¨ª??o¨²";
    color: #ddd;
    font-size: 12px
}

input:-ms-input-placeholder {
    font-family: "?¡é¨¨¨ª??o¨²";
    color: #ddd;
    font-size: 12px
}

.card_screen {
    width: 669px;
    height: 334px;
    background: #fff;
    box-shadow: 0 0 3px 0 rgba(132,132,132,.5);
    border-radius: 4px;
    font-family: "?¡é¨¨¨ª??o¨²";
    padding-left: 10px;
    overflow: hidden;
    margin-top: 2px
}

.start_time {
    width: 100%;
    height: 55px;
    margin-top: 35px
}

.start_time input {
    width: 70px;
    height: 31px;
    border: 1px solid #d4e1eb;
    border-radius: 2px;
    margin-top: -5px;
    font-size: 12px;
    color: #90a7b9;
    padding-left: 24px;
    background: url(http://static.8264.com/static/images/bbs/shouye_List%20Options_icon_date.png) no-repeat 3px 8px;
    cursor: pointer;
    padding-right: 5px
}

.card_screen li {
    float: left;
    font-size: 12px;
    color: #636363;
    margin-right: 20px;
    cursor: pointer
}

.card_screen h1 {
    width: 75px;
    height: 55px;
    font-size: 13px;
    color: #444;
    margin-right: 0;
    float: left;
    font-weight: 400
}

.card_screen li:last-child {
    font-size: 14px;
    color: #508eff
}

.card_screen .active {
    height: 22px;
    line-height: 22px;
    background: #6da0fd;
    border-radius: 2px;
    color: #fff;
    padding: 0 6px
}

.card_screen hr {
    width: 580px;
    height: 1px;
    margin: 0 auto;
    background: #f0f0f0
}

.destination {
    width: 100% height: 100px;
    margin-top: 0
}

.destination li {
    line-height: 50px
}

.destination input {
    width: 160px;
    height: 31px;
    border: 1px solid #d4e1eb;
    border-radius: 2px;
    margin-top: -5px;
    padding-left: 5px!important
}

.card_screen .destination .active {
    margin-top: 15px
}

.destination h1 {
    height: 85px;
    margin-top: 15px
}

.days h1 {
    height: 40px
}

.days {
    height: 40px;
    margin-top: 15px
}

.Your_Choice {
    font-family: "?¡é¨¨¨ª??o¨²";
    margin-top: 22px
}

.Your_Choice h1 {
    margin-top: 4px
}

.Your_Choice li {
    width: auto;
    height: 27px;
    line-height: 27px;
    padding-left: 6px;
    border: 1px solid #d4e1eb;
    border-radius: 2px;
    padding-right: 6px
}

.Your_Choice li span {
    margin-right: 12px;
    color: #aaa;
    font-size: 14px
}

.Your_Choice a {
    color: #4f8eff;
    line-height: 27px
}

.Your_Choice li .close {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 4px;
    background: url(http://static.8264.com/static/images/bbs/shouye_List%20Options_icon_guanbi.png)
}

.arrangement_mode {
    font-family: "?¡é¨¨¨ª??o¨²";
    margin-top: 32px;
    font-size: 14px;
    overflow: hidden
}

.arrangement_mode ul li {
    float: left;
    padding-right: 16px;
    padding-left: 16px;
    border-right: 1px solid #e5e5e5;
    color: #444;
    cursor: pointer
}

.arrangement_mode ul .active {
    color: #4F8EFF
}

.invitation {
    width: 100%;
    font-family: "?¡é¨¨¨ª??o¨²";
    margin-top: 30px;
    border-radius: 10px;
    position: relative
}

.invitation ul {
    width: 100%;
    border-radius: 8px
}

.invitation li:nth-child(odd) {
    margin-right: 18px
}

.one_invitation {
    width: 325px;
    height: auto;
    float: left;
    position: absolute
}

.invitation_head {
    width: 325px;
    overflow: hidden;
    height: 67px;
    background: #ff72a9;
    box-shadow: 0 2px 3px 0 rgba(255,84,151,.7)
}

.woman .invitation_head {
    background: #ff72a9
}

.man .invitation_head {
    background: #5dbdff;
    box-shadow: 0 2px 3px 0 #5dbdff
}

.invitation_head .head_icon {
    width: 46px;
    height: 46px;
    background: red;
    margin: 12px 0 0 12px
}

.woman .invitation_head .head_icon {
    background: #ff72a9;
    box-shadow: 0 1px 2px 0 rgba(228,161,187,.5);
    border-radius: 2px;
    background-image: linear-gradient(0deg,#ff79b8 0,#fd98c7 100%),linear-gradient(#df6c99,#df6c99);
    background-blend-mode: normal,normal
}

.man .invitation_head .head_icon {
    background: #5DBDFF;
    box-shadow: 0 1px 2px 0 rgba(72,180,255,.5);
    background-image: linear-gradient(0deg,#57bbff 0,#7ecaff 100%),linear-gradient(#df6c99,#df6c99);
    background-blend-mode: normal,normal;
    border-radius: 2px
}

.head_icon p {
    font-size: 12px;
    text-align: center;
    color: #fff;
    margin-top: -5px
}

.head_icon .totdays {
    font-size: 20px;
    margin-top: 0
}

.invitation_body {
    width: 325px;
    height: auto;
    box-shadow: 0 0 5px 0 rgba(132,132,132,.6);
    border-radius: 8px;
    float: left
}

.head_portrait {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    margin: -36px auto 12px;
    border: 5px solid #fff
}

.head_portrait img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.personal_name {
    font-size: 16px;
    text-align: center;
    margin-bottom: 22px
}

.personal_name span {
    margin-right: 10px
}

.personal_name i {
    display: inline-block;
    width: 22px;
    height: 15px;
    background: red;
    color: #fff;
    font-size: 12px;
    padding-left: 13px;
    line-height: 15px;
    border-radius: 4px;
    font-style: normal
}

.woman .personal_name i {
    background: #ff72a9 url(http://static.8264.com/static/images/bbs/shouye_icon_woman.png) no-repeat 5px
}

.man .personal_name i {
    background: #75B2FD url(http://static.8264.com/static/images/bbs/shouye_icon_man.png) no-repeat 5px
}

.personal_des {
    width: 285px;
    padding: 0 20px;
    margin-bottom: 14px
}

.invitation_img {
    width: 300px;
    padding: 0 12px;
    margin-bottom: 18px
}

.invitation_img img {
    width: 300px;
    height: 220px;
    border-radius: 4px
}

.tour_dates {
    text-align: center;
    color: #666;
    font-size: 12px;
    background: #f0f4f8
}

.describe {
    padding: 20px 0 12px 0;
    font-size: 16px;
    color: #353535
}

.input_text {
    width: 314px;
    height: 168px;
    background-color: #fff;
    box-show: 0 0 2px 0 rgba(196,196,196,.5);
    border-radius: 2px;
    border: 1px solid #e7e7e7;
    font-size: 15px;
    color: #BBB;
    padding: 10px;
    line-height: 23px
}

.upphoto_warp {
    width: 314px;
    height: 140px;
    background-color: #FFF;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    padding: 10px
}

.upphoto_warp ul li {
    float: left
}

.upphoto_warp ul li img {
    width: 90px;
    height: 90px;
    margin-left: 11px;
    border-radius: 8px
}

.radio {
    text-align: center;
    font-size: 12px;
    margin-top: 12px
}

.call_list {
    padding: 20px 0 12px 0;
    font-size: 16px;
    color: #353535
}

.call_list span {
    color: #999
}

.call_me {
    width: 100%;
    height: 40px;
    border: 1px solid #e7e7e7
}

.call_me input {
    width: 96%;
    border: none;
    line-height: 40px;
    margin-left: 10px;
    font-size: 14px
}

.next_play {
    width: 314px;
    height: 46px;
    background-color: #6da0fd;
    box-show: 0 2px 4px 0 rgba(75,139,255,.7);
    border-radius: 4px;
    border: none;
    color: #fff;
    font-size: 16px
}

.gender_man {
    width: 70px;
    height: 38px;
    background-size: 100% 100%;
    border-radius: 7px
}

.gender_men {
    width: 70px;
    height: 38px;
    background-size: 100% 100%;
    margin-left: 1px;
    border-radius: 7px
}

.gender_men span {
    font-size: 14px;
    color: #fff;
    line-height: 33px;
    margin-left: 17px
}

.gender_man span {
    font-size: 14px;
    color: #fff;
    line-height: 33px;
    margin-left: 17px
}

.gender {
    display: -webkit-box;
    display: box;
    padding-bottom: 34px
}

.item {
    width: 100px;
    height: 100px;
    float: left;
    position: relative
}

.addImg {
    width: 190px;
    height: 190px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    cursor: pointer
}

.upload_input {
    display: block;
    width: 0;
    height: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(Opacity=0)
}

.preBlock,.preview {
    position: absolute;
    display: block;
    width: 100px;
    height: 100px;
    left: 0;
    top: 0
}

.preBlock img {
    display: block;
    width: 100px;
    height: 100px
}

.delete {
    width: 30px!important;
    height: 30px!important;
    position: absolute;
    right: 75px;
    top: -12px;
    cursor: pointer;
    display: none
}

.outer_main {
    display: none;
    position: fixed;
    top: 18%;
    left: 50%;
    z-index: 9999;
    margin-left: -260px
}

.outer {
    width: 520px;
    height: 400px;
    background: #fff;
    margin: 109px auto;
    border-radius: 10px
}

.shut_down {
    width: 15px;
    height: 15px;
    float: right;
    margin-top: 9px;
    margin-right: 9px;
    overflow: hidden
}

.outerp {
    text-align: center;
    font-size: 18px;
    color: #333;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 20px
}

.out {
    margin: 0 auto;
    width: 68px;
    height: 68px
}

.out img {
    width: 100%;
    height: 100%
}

.out_yuanfa {
    text-align: center;
    font-size: 14px;
    color: #999;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 20px 0
}

.out_next {
    width: 472px;
    height: auto;
    border-top: 1px solid #e7e7e7;
    margin: 0 auto;
    overflow: hidden
}

.out_next_left {
    text-align: center
}

.out_next_right {
    width: 50%;
    border-right: 1px solid #e7e7e7;
    height: 100%;
    text-align: center;
    float: left
}

.next_yes {
    font-size: 13px;
    background: #508EFF;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 17px;
    margin-top: 16px;
    cursor: pointer
}

.next_no {
    font-size: 13px;
    background: #00C4CE;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 17px;
    margin-top: 16px;
    cursor: pointer
}

.next_p {
    font-size: 14px;
    color: #666;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.correlation {
    display: none;
    width: 520px;
    height: 400px;
    background: #fff;
    margin: 109px auto;
    border-radius: 10px
}

.correlation_title {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 20px
}

.correlation_left {
    box-align: center;
    -webkit-box-align: center;
    -ms-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    float: left;
    font-size: 16px;
    color: #666
}

.correlation_right {
    float: right
}

.correlation_left img {
    margin-right: 10px
}

.div {
    display: none;
    width: 520px;
    height: 400px;
    background: #fff;
    margin: 109px auto;
    border-radius: 10px
}

.div_top {
    display: none;
    width: 520px;
    height: 400px;
    background: #fff;
    margin: 109px auto;
    border-radius: 10px
}

.div_next {
    width: 100%;
    text-align: center;
    overflow: hidden
}

.div_next p {
    color: #333;
    font-size: 16px
}

.div_next img {
    margin-top: 90px;
    margin-bottom: 20px
}

.account_generated {
    display: none;
    width: 520px;
    height: 400px;
    background: #fff;
    margin: 109px auto
}

.account_generated_big {
    width: 100%;
    text-align: center;
    margin-top: 50px
}

.account_generated_pt {
    font-size: 14px;
    color: #999
}

.account_generated_p {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #333
}

.account_generated_button {
    width: 210px;
    height: 40px;
    background: #ff7f00;
    border-radius: 3px;
    font-size: 18px;
    color: #fff;
    margin-top: 20px;
    border: none
}

.information_big {
    width: 100%;
    text-align: center;
    margin-top: 20px
}

.information_big p {
    font-size: 16px;
    color: #333;
    margin-top: 10px
}

.information_list {
    width: 100%;
    height: auto;
    border-top: 1px solid #e7e7e7;
    box-sizing: border-box;
    margin-top: 20px;
    padding: 20px 0 0 0
}

.information_num {
    width: 281px;
    height: 36px;
    border: 1px solid #e7e7e7;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 auto;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    line-height: 29px;
    padding: 0 10px;
    background-color: #FAFCFF
}

.information_num input {
    border: none;
    font-size: 15px;
    outline: 0;
    margin-left: 10px
}

.information_num_button {
    border: none;
    height: 31px;
    background: #fff;
    font-size: 14px;
    color: #666;
    text-align: center;
    cursor: pointer;
    margin-left: 6px;
    outline: 0
}

.information_num_que {
    width: 260px;
    height: 40px;
    background: #508eff;
    color: #fff;
    font-size: 16px;
    margin-top: 20px;
    border: none;
    margin-left: 25%;
    border-radius: 3px
}

.information_nums {
    width: 281px;
    height: 36px;
    border: 1px solid #e7e7e7;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 auto;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    line-height: 29px;
    margin-top: 10px;
    padding: 0 10px;
    background-color: #FAFCFF
}

.information_nums input {
    border: none;
    font-size: 15px;
    outline: 0;
    width: 123px;
    margin-left: 10px
}

.small_rz {
    height: 100%;
    float: left;
    width: 160px;
    border-right: 1px solid #e7e7e7
}

.invitation_one {
    width: 326px;
    height: 300px;
    box-shadow: 0 0 3px 0 rgba(132,132,132,.5);
    border-radius: 10px;
    position: relative
}

.invitation_header_o {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    box-shadow: 0 0 3px 0 rgba(132,132,132,.5)
}

.invitation_header_t {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    left: 74%;
    top: 71%
}

.invitation_header_main {
    position: absolute;
    top: -12px;
    left: 12px;
    border: 5px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 3px 0 rgba(132,132,132,.5)
}

.invitation_bigwarp {
    overflow: hidden
}

.invitation_name {
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px 30px;
    margin-left: 62px
}

.next_invitation img {
    width: 96px;
    height: 84px;
    margin-right: 2px;
    border-radius: 4px
}

.next_invitation {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    display: box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 10px 0 13px
}

.loaction {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 15px
}

.cont_en {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 15px 10px 15px
}

.cont_en p {
    font-size: 14px;
    color: #555;
    line-height: 22px;
    letter-spacing: 0;
    font-stretch: normal;
    font-weight: 400;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}