/*基础、全局样式文件*/
* { margin: 0; padding: 0; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: none; }
html { height: 100%; /*font-size:62.5%;*/ font-size: 125%; /*font-size:125%; font-size:1.6rem;基准是20px*/ /*比如实际高度为100px时，rem等于100/10/2=5rem; 也就是要除以20 */ }

@media screen and (min-width: 415px) and (max-width: 1024px) {
    html { /*font-size:62.5%;*/ font-size: 72.5%; }
}

@media screen and (min-width: 375px) and (max-width: 415px) {
    html { /*font-size:32.5%;*/ font-size: 62.5%; }
}

@media screen and (min-width: 320px) and (max-width: 375px) {
    html { /*font-size:32.5%;*/ font-size: 62.5%; }
}

@media screen and (min-width: 300px) and (max-width: 320px) {
    html { /*font-size:32.5%;*/ font-size: 62.5%; }
}

body { height: 100%; min-width: 300px; max-width: 750px; margin: 0 auto; color: #666; font-size: 1.6rem; line-height: 1.5; }
    body.bgfff { background: #fff; }
.wraperbox { font-size: 1rem; /*padding-top:4.5rem;*/ }
.base-size { font-size: 1.4rem; }
ol, ul, li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
strong, var, em, i { font-style: normal; font-weight: normal; }
a { text-decoration: none; color: #394043; }
img { border: none; vertical-align: top; max-width: 100%; }
.clearfix:after { content: ""; display: table; clear: both; }
.no-margin { margin: 0 !important; }
.margin10 { margin-top: 1rem !important; }
.mar-right5 { margin-right: 4.5rem !important; }
input { -webkit-appearance: none; -o-appearance: none; -moz-appearance: none; appearance: none; }
    input:focus, textarea:focus { outline: none; }
    input:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; /*去除高光*/ }
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #a0a0a0; }
    input:-moz-placeholder, textarea:-moz-placeholder { color: #a0a0a0; }
    input::-moz-placeholder, textarea::-moz-placeholder { color: #a0a0a0; }
    input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #a0a0a0; }
/*input{font-size:16px; color:#6d6d6d;}*/


.fleft { float: left; }
.fright { float: right; }
.hintBox { position: fixed; top: 35%; left: 50%; background: rgba(0, 0, 0, .6); color: #fff; font-size: 16px; padding: 10px 15px; border-radius: 6px; z-index: 9999; }


.card-infobox { padding: 0.6rem 1.2rem; }
.card-infobg { padding: 2rem 1.2rem 1rem; background: url(../images/card_bg.png) top right no-repeat; background-size: cover; border-radius: 0.3rem; box-shadow: 0 2px 8px 1px rgba(68,183,243,0.3); -webkit-box-shadow: 0 2px 8px 1px rgba(68,183,243,0.3); -moz-box-shadow: 0 2px 8px 1px rgba(68,183,243,0.3); -o-box-shadow: 0 2px 8px 1px rgba(68,183,243,0.3); -ms-box-shadow: 0 2px 8px 1px rgba(68,183,243,0.3); }
.card-info { position: relative; min-height: 6.2rem; padding-left: 7.2rem; color: #fff; color: #ceeeff; line-height: 1.7; }
    .card-info .avatar { position: absolute; top: 0.6rem; left: 0; z-index: 1; width: 6.1rem; height: 6.1rem; border: 1px solid #fff; border-radius: 50%; overflow: hidden; }
    .card-info .avatar { width: 6.1rem; height: 6.1rem; }
    .card-info h2 { font-size: 1.7rem; color: #fff; height: 3rem; line-height: 3rem; }
        .card-info h2 * { vertical-align: middle; }
        .card-info h2 strong { font-weight: 600; }
    .card-info .i-vip { display: inline-block; width: 2.6rem; height: 2.6rem; margin-left: 0.3rem; background: url(../images/card_vip.png) center no-repeat; background-size: 2.2rem; }
    .card-info .i-phone { display: inline-block; width: 1.8rem; height: 1.8rem; background: url(../images/card_phone.png) center left no-repeat; background-size: 1.4rem; }
    .card-info p * { vertical-align: top; }
    .card-info p { margin-top: 0.3rem; }
.card-other { margin-top: 1.2rem; color: #fff; font-size: 1.3rem; }
    .card-other li { position: relative; float: left; width: 50%; text-align: center; line-height: 2.6rem; }
        .card-other li:first-child:after { position: absolute; top: 0.7rem; right: 0; display: block; width: 1px; height: 1.2rem; font-size: 0; background: #fff; content: ""; }
        .card-other li * { vertical-align: top; }
    .card-other .i-zan { display: inline-block; width: 2rem; height: 2rem; margin-right: 0.2rem; background: url(../images/card_zan.png) center bottom no-repeat; background-size: 1.6rem; }
.set-signature { padding: 1rem 0 1.2rem; border-bottom: 1px solid #e8e8e8; }
    .set-signature .go { display: inline-block; line-height: 2.6rem; color: #5680a6; }


.mould-title { padding: 0 1.2rem; }
    .mould-title h2 { line-height: 4rem; font-size: 2rem; color: #000; }
.main-camp { margin-top: 0.5rem; }
.main-camp-list { padding-left: 1.1rem; }
.mcamp-item { margin: 3px; padding-bottom: 1rem; box-shadow: 0 0 3px 0 rgba(86,86,86,0.2); -webkit-box-shadow: 0 0 3px 0 rgba(86,86,86,0.2); -moz-box-shadow: 0 0 3px 0 rgba(86,86,86,0.2); -o-box-shadow: 0 0 3px 0 rgba(86,86,86,0.2); -ms-box-shadow: 0 0 3px 0 rgba(86,86,86,0.2); }
.mcamp-img a { display: block; height: 8.3rem; overflow: hidden; }
    .mcamp-img a img { height: 8.3rem; }
.mcamp-info a { display: block; padding: 0.2rem 0.9rem; }
.mcamp-info h2 { height: 2.6rem; line-height: 2.6rem; font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mcamp-info .price { color: #fa5741; }
.mcamp-foot { padding: 0 0.9rem; margin-top: 0.5rem; }
    .mcamp-foot .link { display: block; height: 2.6rem; line-height: 2.6rem; color: #1ba8f0; border: 1px solid #1ba8f0; border-radius: 2px; text-align: center; }

.dynamicbox { margin-top: 1rem; }
.dynamic-list { padding:0 1.2rem; }
.dynamic-item { /*padding: 0.6rem 1.2rem 0.6rem 0; border-bottom: 1px solid #e8e8e8;*/ display: block; box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.15); margin-bottom: 1.5rem; border-radius: 1rem; padding: 1.2rem 1rem 0.5rem; }
    .dynamic-item + .dynamic-item { margin-top: 0.6rem; }
    .dynamic-item:last-child { border-bottom: none; }
    .dynamic-item .wordsbox { position: relative; font-size: 1.5rem; line-height: 2rem; }
        .dynamic-item .wordsbox * { vertical-align: middle; }
        .dynamic-item .wordsbox.min-height { max-height: 6rem; overflow: hidden; }
    .dynamic-item .null-more { display: inline-block; width: 7.2rem; height: 2rem; }
    .dynamic-item .open-more { position: absolute; bottom: 0; right: 0; z-index: 1; display: inline-block; height: 2rem; line-height: 2rem; padding: 0 1.8rem 0 0.5rem; color: #5680a6; background: #fff; }
.dynamic-photo { }
    .dynamic-photo ul { margin-right: -1.5rem; *zoom: 1; }
    .dynamic-photo li { float: left; width: 9rem; margin-top: 1rem; margin-right: 1rem; }
    .dynamic-photo .photo { width: 9rem; height: 9rem; background-position:center center;}
        .dynamic-photo .photo img { width: 9rem; height: 9rem; }
.dynamic-head { color: #9c9fa1; margin-bottom: 0.5rem; }
    .dynamic-head .time { color: #9c9fa1; }
    .dynamic-head .tag { display: inline-block; padding: 0 0.2rem; margin-left: 0.5rem; height: 1.6rem; line-height: 1.6rem; font-size: 1.2rem; border-radius: 2px; }
        .dynamic-head .tag.tag-orange { color: #ff8062; border: 1px solid #ff8062; }
        .dynamic-head .tag.tag-blue{ color: #5bacfe; border: 1px solid #5bacfe; }
.dynamic-foot, .dynamic-foot-n { position: relative; min-height: 3rem; line-height: 3rem; margin-top: 0.3rem; font-size: 1.3rem; }
    .dynamic-foot *, .dynamic-foot-n * { vertical-align: middle; }
    .dynamic-foot .time, .dynamic-foot-n .time { color: #9c9fa1; }
    .dynamic-foot .tag, .dynamic-foot-n .tag { display: inline-block; padding: 0 0.2rem; margin-left: 0.5rem; height: 1.6rem; line-height: 1.6rem; font-size: 1.2rem; border-radius: 2px; }
        .dynamic-foot .tag.tag-orange, .dynamic-foot-n .tag.tag-orange { color: #ff8062; border: 1px solid #ff8062; }
        .dynamic-foot .tag.tag-blue, .dynamic-foot-n .tag.tag-blue { color: #5bacfe; border: 1px solid #5bacfe; }
    .dynamic-foot .other, .dynamic-foot-n .other { position: absolute; top: 0; right: 0; z-index: 1; color: #9c9fa1; }
        .dynamic-foot .other span, .dynamic-foot-n .other span { display: inline-block; }
    .dynamic-foot .zan, .dynamic-foot-n .zan { padding-left: 1.7rem; background: url(../images/ico_zan.png) center left no-repeat; background-size: 1.4rem; }
        .dynamic-foot .zan.zened, .dynamic-foot-n .zan.zened { background: url(../images/ico_zaned.png) center left no-repeat; background-size: 1.4rem; }

.timeout { color: #9c9fa1; font-size: 1rem; line-height: 1.1rem; position: absolute; right: 0; line-height: 3rem; }

.statementbox { padding: 1.2rem 1rem; line-height: 2rem; background: #f8f8f9; color: #9c9fa1; font-size: 1.2rem; text-align: center; }


.mould-title { padding: 0; }
    .mould-title h2 { padding: 0 1rem; }
.click_More { width: 100%; line-height: 40px; text-align: center; margin: 10px auto; cursor: pointer; clear: both; font-size: 15px; }
.btm-fungoods { padding-left: 6.4rem !important; }
.btmf-fun { width: 6.4rem !important; }
.swiper-housing .slip-img { padding-top: 0 !important; }
.buildingbox { padding-top: 0 !important; }
.mark-list { display: block; }
.box { height: 200px; border-radius: 5px; }
.txt_none { width: 100%; border: 1px solid #ddd; resize: none; overflow-y: auto; height: 7rem; font-size: 1.2rem; line-height: 1.6rem; }
.dynamicbox { background-color: #fff; }
select { line-height: 3rem; height: 3rem; padding: 0 1rem; border: 1px solid #ddd; }
.main-camp-one .main-camp-list { padding: 0.5rem; background-color: #fff; }
.main-camp-one .mcamp-item1 { border-bottom: 1px solid #e8e8e8; padding-bottom: 1rem; }
.main-camp-one .mcamp-img { position: relative; display: block; float: left; width: 34%; padding-left: 0.5rem; }
    .main-camp-one .mcamp-img a { padding-top: 75%; background-repeat: no-repeat; background-position: center; background-size: cover; height: auto !important; }
.main-camp-one .mcamp-info { position: relative; float: right; width: 63%; padding-left: 1rem; box-sizing: border-box; }


.fix-salesbox + .wrapbox { padding-bottom: 6rem; }
.fix-salesbox { position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; background: #fff; max-width: 750px; margin: 0 auto; box-shadow: 0 0 7px rgba(147,139,139,0.2); }
    .fix-salesbox .salesbox { position: relative; padding-left: 11.5rem; padding-right: 1.2rem; height: 5rem; }
.sales-operate { position: absolute; top: 0; left: 0; z-index: 11; width: 10.5rem; text-align: center; font-size: 1.2rem; color: #6b7072; }
    .sales-operate .item { float: left; display: block; width: 50%; padding-top: 0.5rem; color: #6b7072; }
    .sales-operate .icon { display: block; width: 2.3rem; height: 2.3rem; margin: 0 auto; }
        .sales-operate .icon.i-collect { background: url(/Content/images/fixed_icon/icon_collect.png) center center no-repeat; background-size: 2.3rem; }
        .sales-operate .icon.i-subscribe { background: url(/Content/images/fixed_icon/icon_subscribe.png) center center no-repeat; background-size: 2.3rem; }
    .sales-operate .item.collected { color: #e63d2e; }
        .sales-operate .item.collected .icon.i-collect { background: url(/Content/images/fixed_icon/icon_collect_active.png) center center no-repeat; background-size: 2.3rem; }

    .sales-operate p { height: 1.6rem; line-height: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sales-btn { padding-top: 0.5rem; text-align: center; font-size: 1.5rem; font-weight: 600; }
    .sales-btn .btn { display: block; width: 47%; height: 4rem; line-height: 4rem; border-radius: 0.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        .sales-btn .btn.btn-online { float: left; color: #fff; background: #ec3712; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#18b2f2),color-stop(80%,#0b82e6)); background: -webkit-linear-gradient(left,#18b2f2 20%,#0b82e6 80%); background: linear-gradient(to right,#18b2f2 20%,#0b82e6 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#18b2f2', endColorstr='#0b82e6', GradientType=1); color: #fff; }
        .sales-btn .btn.btn-tel { float: right; color: #fff; background: #ec3712; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#f24f18),color-stop(80%,#e61e0b)); background: -webkit-linear-gradient(left,#f24f18 20%,#e61e0b 80%); background: linear-gradient(to right,#f24f18 20%,#e61e0b 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24f18', endColorstr='#e61e0b', GradientType=1); color: #fff; }
.dynamic-video video { width: 100%; max-height: 220px; }