﻿.star1 {
    padding:0px 0 40px 0;
}
    .star1 input {
        width:calc(100% - 190px);
        font-size:14px;
        height:60px;
        vertical-align:top;
        padding:0 30px;
    }
    .star1 .row {
        font-size:0
    }
    .star1 .search-anniu {
        display: inline-block;
        width: 190px;
        height: 60px;
        line-height: 60px;
        background: #d82d56;
        font-size:16px;
        color:#fff;
        text-align:center;
        vertical-align:top;
    }
        .star1 .search-anniu img {
            margin-right:45px;
            vertical-align:middle;
        }
.screen {
    border-bottom: 1px dashed #e6e6e6;
}
.star2 .row {
    background: #fff3f6;
    padding:20px ;
}
.screen-name1,
.screen-name {
    font-size: 18px;
    color: #333;
    display: inline-block;
    line-height: 48px;
    height: 48px;
    width: 100px;
}
.star2 {
    margin-bottom:80px;
}
.screen-name1 {
    font-weight:bold;
}
.screen-list {
    display: inline-block;
    vertical-align: top;
    max-width: calc(100% - 110px);
    overflow-x: scroll;
    white-space: nowrap;
    line-height: 48px;
}
    

    .screen-list li {
        /*float:left;*/
        display: inline-block;
        line-height: 48px;
        /*min-width:110px;*/
    }
.star2 .screen:nth-child(n+3) li:first-child {
    min-width: 80px;
}
        .screen-list li a {
            display: inline-block;
            line-height: 48px;
            font-size: 18px;
            color: #999999;
            /*padding: 0 25px;*/
            padding-right:35px;
        }
            .screen-list li.cur a,
            .screen-list li a:hover {
                color: #d82d56;
            }
                .screen-list li.cur a{
                    font-weight: bold;
                }
                .screen-list li:first-child a {
                    padding-left: 0;
                }
.star2 .screen:nth-child(n+6) li {
    min-width:110px;
}
    .star2 .screen:nth-child(n+6) li a {
        padding:0;
    }
    .screen-sub {
        display: inline-block;
        font-size: 18px;
        color: #999;
        line-height: 48px;
        vertical-align: top;
    }
        .screen-sub i{
            font-style:normal;
        }
         .star3 .col-md-3 {
            padding: 0 15px;
            margin-bottom: 50px;
        }
.star3 .row {
    margin:0 -25px;
}
    .star3 .row .col-md-3 .star-box{
        display: block;
        width: 100%;
        background: #f0f0f0;
    }
    .star3 .row .col-md-3 .star-box .star-img {
        height: 0;
        padding-bottom: 135%;
        position: relative;
    }
    .star3 .row .col-md-3 .star-box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        left: 0;
        top: 0;
    }
    .star3 .row .col-md-3 .star-box .star-text {
        padding: 20px;
    }
        .star3 .row .col-md-3 .star-box .star-text > div.pull-left {
            width:calc(100% - 95px)
        }
        .star3 .row .star-box .star-text h2 {
            font-size: 20px;
            color: #333;
            font-weight: bold;
        }
    .star3 .row .star-box .star-text p {
        font-size: 16px;
        color: #666666;
    }
    .star3 .row .star-box .star-text .pull-right span {
        display: inline-block;
        width: 90px;
        line-height:35px;
        background: #d82d56;
        color:#fff;
        font-size:14px;
        text-align:center;
        margin-top:8px;
        /*        background: url(../images/phone-bg.png);*/
        /*background-position: 0 0;*/
    }
       /* .star3 .row .star-box .star-text .pull-right span:hover {
            background-position: top right;
        }*/
.webdiyerCss .redcss, .webdiyerCss .page_go {
    background:#d82d56 !important;
    border-color:#d82d56 !important;
}
.star1-table{
    width:100%;
    border:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
.star-detail1 {
    padding:80px 0 60px 0;
}
.star-detail1 .col-md-9 {
    position: relative;
    height: 420px;
}
    .star-detail1 .col-md-9 table {
        width:80%;
        left:50%;
        transform:translate(-50%,-50%);
    }
    .star1-table tr td {
        border: 0;
        color: #333;
        font-size: 16px;
        line-height: 38px;
        padding: 7px 20px;
        border-bottom: 1px dashed #ccc;
    }
    .star1-table tr td .name {
        color: #999;
        display: inline-block;
        width: 80px;
        text-align-last: justify;
    }
    .star1-table tr td .maohao {
        color:#999;
    }
.star-detail2 .star-price table {
    width:100%;
}
    .star-detail2 .star-price table tr td {
        font-size:16px;
        text-align:center;
        color:#333;
    }
.title-detail,
table .title {
    background: #d82d56;
    border-color: #d82d56;
}
.title-detail,
table .title td,
table .title{
    color: #fff !important;
    padding-left: 70px;
    font-size: 20px !important;
    text-align: left !important;
    position: relative;
}
.star-detail-brand .introduction-dingbu:before,
.star-jjr .title::before,
.title-detail::before,
table tr.title td:before {
    content: '';
    width: 26px;
    height: 20px;
    background: url("../images/table1-title.png") no-repeat;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
}
.star-detail .star-jjr table .title{
    width: 2.5em;
    box-sizing: content-box;
    padding-left: 60px !important;
}
.star-detail .star-jjr table .title:before {
    left: 20px;
    background-color: #d82d56;
    background-image: url(../images/table2-icon.png);
}


.star-detail-brand .introduction-dingbu:before {
    width: 18px;
    height: 22px;
    background: url(../images/tableb-icon.png);
}
.star-detail3 table tr.title td:before {
    width: 18px;
    height: 22px;
    background: url(../images/table3-icon.png);
}

.star-detail4 table tr.title td:before {
    width: 29px;
    height: 22px;
    background: url(../images/table4-icon.png);
}
.star-price span{
    padding: 5px;
    display: inline-block;
}
.price-body{
    margin: 60px auto 0;
}
.price-body .item {
    width: 33.33%;
    float: left;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
}
.price-body .item p {
    border: 1px solid #ececec;
    margin-top: -1px;
    margin-right: -1px;
}
.price-body .item p.type,
.star-detail2 .star-price table tr:nth-child(2) td {
    color: #999;
}
.star-detail .star-jjr {
    margin-top:60px;
}
.star-detail2 .star-price{
    margin-bottom:60px;
}
.star-detail .star-jjr td img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #ccc;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.star-detail .star-jjr td img ~ span{
    display: inline-block;
    vertical-align: middle;
}
.star-detail2 .star-jjr table {
    width: 100%;
}
.star-detail .star-jjr table {
    background: #ffefef;
}
.star-detail .star-jjr table .border-t {
    border-top: 1px dashed #c7c7c7;
}
.star-detail .star-jjr table tr td {
    border: 0;
    font-size: 14px;
    color: #666666;
    padding: 7px 20px;
}
.star-detail3 .content3 {
    padding:20px 30px;
    margin-bottom:40px;
}
.star-detail3 .content3 p {
    font-size:18px;
    color:#666;
    text-indent:2em;
    line-height:36px;
    text-indent: 0 !important;
}
.star-detail table {
    width: 100%;
}
.star-detail4 {
    margin-bottom:100px;
}
    .star-detail4 .col-md-12 {
        padding-top:30px;
    }
.fans-big-title {
    font-size:18px;
    color:#333;
    padding-left:15px !important;
    position:relative;
    margin-bottom:30px;
    margin-top:50px;
}
    .fans-big-title:before {
        content: '';
        width: 8px;
        height: 8px;
        background: #d82d56;
        border-radius: 4px;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
.fans-type-content {
    font-size:0;
}
.fans-text {
    height: 260px;
    background: #ff7495;
    position:relative;
}
.fans-img {
    height:260px;
}
    .fans-img img {
        height:100%;
        width:100%;
    }
    .fans-text-box {
        padding: 0 15px 0 20px;
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
    }
    .fans-text h2 {
        font-size: 16px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 15px;
    }
    .fans-text p {
        font-size: 14px;
        color: #eeeded;
        line-height:30px;
    }
.fans-last {
    margin:50px 0 100px 0;
    text-align:center;
}
    .fans-last a.fans-more {
        display: inline-block;
        width: 210px;
        height: 50px;
        line-height: 50px;
        background: #d82d56;
        text-align:center;
        color:#fff;
        font-size:14px;
        border:1px solid transparent;
        transition:all linear .3s;
    }
        .fans-last a.fans-more:hover {
            background: #fff;
            color: #d82d56;
            border: 1px solid #d82d56;
        }
.star-broker1 {
    border-bottom: 1px dashed #e1e1e1;
    padding-bottom:50px;
    margin-top:50px;
}
.star-broker1 .star-broker-title {
    padding-left: 15px;
    font-size: 16px;
    position: relative;
    color: #666;
    text-indent: 0;
}
.star-broker1 p {
    color:#666;
    text-indent:2em;
    line-height:32px;
    font-size:16px;
}
    .star-broker1 p.pc-img {
        text-indent:0;
        display:block;
    }
        .star-broker1 p.p-img a {
            font-size:0;
        }
        .star-broker1 p.p-img {
            text-indent: 0;
        }
    .star-broker1 p.phone-img {
        text-indent: 0;
        display: none;
    }
    .star-broker1 img {
        margin-top: 10px;
    }
    .star-broker-title:before {
        content: '';
        width: 8px;
        height: 8px;
        background: #d82d56;
        border-radius: 4px;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
.oxds-text {
    background: #ff7495;
    color:#fff;
    height:460px;
    position:relative;
    top:-60px;
}
    .oxds-text div {
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        padding:0 20px 0 30px;
    }
    .oxds-text p {
        font-size: 18px;
        line-height: 36px;
        color: #fff;
        text-indent: 2em;
    }
.oxds-img {
    position:relative;
}
    .oxds-img div {
        width: 50%;
        height: 200px;
        right:0;
        position:absolute;
        background: #ff7495;
        top:-60px;
        z-index:-1;
    }
.oxds-content {
    margin-top:90px;
}
.oxds-content2  .oxds-img div {
    left: 0;
    right:inherit;

}
.oxds .big-title {
    margin-top:80px;
}
.shhz-text .star-broker-title {
    position:relative;
    font-size:18px;
    color:#666;
    line-height:36px;
    padding-left:15px;
}
    .shhz-text .star-broker-title:before {
        transform:none;
        top:14px;
    }
    .shhz .col-md-4 > div {
        width: 80%;
        margin: 0 auto;
    }
.shhz-text h2 {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    margin: 25px 0 15px 0;
}
.bx-ContactUs ul li .icon-q i {
    color: #d82d56 !important;
}
.fans-last2 a {
    margin:0 40px;
}
@media(max-width:1000px) {

    .star-detail .star-price {
        margin-bottom: 30px;
    }
    .introduction-dingbu{
        margin: 0;
    }
    .star2 {
        margin-bottom: 30px;
    }
    .star3 .col-md-3 {
        margin-bottom:20px;
    }
    .row {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .fans-last a.fans-more {
        width:30%;
    }
    .fans-last2 a {
        margin:0 10px;
    }
    .fans-last {
        margin:10px 0 !important;
    }
    .star1 {
        padding:20px 0 30px 0; 
    }
        .star1 .search-anniu {
            width:100px;
            height:40px;
            line-height:40px;
            }
            .star1 .search-anniu img {
                margin-right:10px;
            }
        .star1 input {
            width:calc(100% - 100px);
            height:40px;
            padding-left:10px;
        }
    .screen-name1, .screen-name {
        font-size:16px;
        width:60px;
    }
    .screen-list li a {
        padding:0 5px;
        font-size:14px;
        line-height:35px;
    }
    .star-detail1 .col-md-9 {
        height:auto;
        margin-top:20px;
    }
        .star-detail1 .col-md-9 table {
            position:static;
            top:0;
            transform:none;
            width:100%;
        }
    .star1-table tr td .name {
        width:58px;
        font-size:14px;
    }
    .star1-table tr td span {
        font-size:14px;
    }
    .star-detail2 .star-jjr table tr:nth-child(n+2) td {
        width:50%;
    }
    .star-detail2 .star-jjr {
        padding-left: 0;
        margin-top: 20px;
    }
    .star-detail4 {
        margin-bottom:30px;
    }
    .star-detail1 .col-md-3 img {
        width:100%;
        max-width:inherit;
    }
    .star-detail1 {
        padding:30px 0;
    }
    .oxds .big-title {
        margin-top:30px;
    }
    .oxds-img div {
        display:none;
    }
    .oxds-text div {
        position: static;
        top: 0;
        transform: none;
        padding: 10px ;
    }
    .oxds-text {
        height:auto;
        top:0;
        
    }
        .oxds-text p {
            font-size:16px;
        }
    .shhz .col-md-4 img {
        width: 30%;
    }
    .shhz-text h2 {
        font-size:18px;
    }
    .shhz-text .star-broker-title {
        font-size: 16px;
        line-height: 25px;
    }
    .shhz .col-md-4 > div {
        width:80%;
        margin-bottom:15px;
    }
    .shhz-text .star-broker-title:before {
        transform: none;
        top: 9px;
    }
    .screen-list::-webkit-scrollbar {
        display:none;
    }
    .star-detail2 {
        margin-bottom: 10px;
    }
    .star-detail3 .content3 {
        padding: 20px 0;
        margin-bottom: 0px;
    }

    .screen-name1 {
    font-size:14px;
    width:70px;
    }
    .star3 .row {
        margin: 0px;
    }
    .screen-sub {
    font-size:14px;
    }
    .star-broker1 p.pc-img {
        display:none;
    }
    .star-broker1 p.phone-img {
        display: block;
    }
    .fans-img {
        height:auto;
    }
 
}
