@charset "utf-8";
.mian {
    width: 1200px;
    margin: auto;
    background: #fff;
    border: 1px solid #dbdada
}

.mian .detail-left {
    float: left;
    width: 888px;
    margin: 20px 20px
}

.detail-left .img-phone {
    width: 383px;
    height: 383px;
    display: inline-block;
    border: 1px solid #dbdada
}

.detail-left .img-phone img {
    width: 383px;
    height: 383px
}

.detail-left .detail-img {
    width: 400px;
    float: left
}

.img-list {
    width: 385px;
    margin-top: 15px
}

.img-list a {
    display: inline-block;
    width: 80px;
    height: 80px
}

.img-list a img {
    width: 80px;
    height: 80px
}

.img-list .left {
    height: 70px;
    background: url(../images/detail/bg.png) no-repeat -17px 11px;
    width: 20px;
    float: left
}

.img-list .list {
    width: 385px;
    float: left
}

.img-list .list a {
    margin-right: 15px;
    border: 1px solid #fff
}

.img-list .list a:nth-child(4) {
    margin-right: -1px
}

.img-list .list a:hover {
    border: 1px solid #b10c2e
}

.img-list .list .img-on {
    border: 1px solid #b10c2e
}

.img-list .right {
    height: 70px;
    background: url(../images/detail/bg.png) no-repeat -73px 11px;
    width: 18px;
    float: right
}

.detail-cent {
    float: left;
    width: 485px
}

.detail-cent .detail-name {
    color: #393939;
    font-size: 18px;
    font-family: "微软雅黑";
    line-height: 30px;
    height: 55px;
    overflow: hidden;
    display: inline-block
}

.detail-cent .dect {
    font-size: 14px;
    color: #c91137;
    font-family: "微软雅黑";
    margin-top: 10px
}

.detail-cent .detail-class {
    margin-top: 20px;
    line-height: 24px
}

.detail-class li {
    float: left;
    width: 190px
}

.fenxiang-sc {
    margin-top: 20px
}

.fenxiang-sc .fenxiang span {
    float: left;
    line-height: 30px;
    margin-right: 10px;
    display: inline-block
}

.sc {
    background: url(../images/detail/bg.png) no-repeat -117px -11px;
    padding-left: 20px;
    line-height: 30px;
    float: left;
    margin-left: 25px
}

.detail-cent .prcie-but {
    height: 35px;
    position: relative;
    margin-top: 10px;
    width: 260px;
    float: left
}

.detail-cent .prcie-but .res {
    position: absolute;
    left: 0;
    font-family: "微软雅黑";
    font-size: 24px;
    color: #b80808
}

.price {
    width: 180px;
    height: 40px;
    display: inline-block;
    color: #fff;
    line-height: 40px;
    text-align: center;
    background: #b80808;
    border-radius: 2px
}

.price1 {
    width: 135px;
    height: 40px;
    display: inline-block;
    background: url(../images/detail/bg.png) no-repeat -12px -182px
}

.price:hover {
    color: #fff
}

.operation {
    background: #fffae7;
    border: 1px solid #e4dec7;
    margin-top: 20px
}

.operation p {
    color: #3d3d3d;
    padding-left: 15px;
    background: url(../images/detail/bg.png) no-repeat -279px -1px;
    line-height: 24px;
    margin-left: 10px;
    margin-top: 10px
}

.operation-bu {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px dashed #e4dec7;
    margin: 15px 15px
}

.operation-shop {
    background: url(../images/detail/bg.png) no-repeat -13px -117px;
    width: 124px;
    height: 36px;
    display: inline-block;
    margin-right: 10px
}

.cart {
    background: url(../images/detail/bg.png) no-repeat -159px -118px;
    width: 124px;
    height: 36px;
    display: inline-block
}

.auther {
    float: left;
    width: 240px;
    position: relative
}

.auther .ico-auth {
    position: absolute;
    right: -14px;
    top: -5px;
    display: inline-block
}

.auther .auth-cen {
    width: 244px;
    position: relative;
    top: -12px;
    left: 0;
    border: 5px solid #a10707
}

.auther-title {
    background: #ececec;
    height: 45px;
    line-height: 45px;
}

.auther-title span {
    background: url(../images/detail/bg.png) no-repeat -110px -56px;
    padding-left: 30px;
    display: inline-block;
    margin-left: 10px;
}

.auth-name {
    line-height: 40px;
    margin-left: 10px;
    margin-right: 10px;
}

.auth-cent {
    margin: 0 10px;
    line-height: 24px;
    display: inline-block;
    border-top: 1px dashed #e3e3e3;
    padding-top: 5px;
    overflow: hidden;
    height: auto!important;
    height: 105px;
    min-height: 105px;
    width:224px;
}

.auth-but {
    width: 168px;
    height: 37px;
    display: inline-block;
    line-height: 37px;
    text-align: center;
    margin: 30px 40px;
    background: #b90808;
    color: #fff;
    border-radius: 3px
}

.auth-but:hover {
    color: #fff
}

.detail-bottom {
    width: 1200px;
    margin: 20px auto
}

.centent {
    float: left;
    width: 888px
}

.centent .centent-a {
    border-bottom: 2px solid #b10c2e;
    display: block
}

.centent .centent-a a {
    cursor: pointer;
    padding-left: 20px;
    padding-right: 20px;
    color: #b10c2e;
    font-size: 14px;
    border: 1px solid #b10c2e;
    border-bottom: 0;
    line-height: 35px;
    display: inline-block;
    margin-right: 10px
}

.centent .centent-a .centent-on {
    background: #b10c2e;
    color: #fff
}

.centent .centent-a a:hover {
    background: #b10c2e;
    color: #fff
}

.centent .centent-text {
    line-height: 24px;
    color: #474747;
    border: 1px solid #e3e3e3
}

/*.centent .centent-text img {
    width: 100%
}*/

.hot-right {
    width: 279px;
    float: right
}

.hot-title {
    background: #a10707;
    height: 43px;
    line-height: 43px
}

.hot-title span {
    color: #fff;
    border-left: 4px solid #fff;
    padding-left: 10px;
    font-size: 14px;
    color: #fff;
    margin-left: 10px
}

.hot-product {
    background: #fff;
    margin-bottom: 20px;
    border-top: 1px solid #a10707;
    margin-top: 2px;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4
}

.hot-product .product-list {
    margin: 13px 13px
}

.product-list li a {
    border: 1px solid #d2d2d2;
    width: 249px;
    height: 100%;
    overflow: hidden;
    display: inline-block
}

.product-list li span {
    line-height: 22px;
    color: #545454;
    margin-top: 5px;
    display: inline-block;
    height: 44px;
    overflow: hidden
}

.product-list li p {
    font-family: "微软雅黑";
    color: #a40000;
    font-size: 18px;
    font-family: "微软雅黑";
    margin-left: 5px
}

.detail-bottom .commodity-title {
    position: relative;
    margin-top: 10px;
    line-height: 35px;
    height: 35px;
    border-bottom: 2px solid #b10c2e;
    color: #dad8d8;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4
}

.detail-bottom .commodity-title a {
    font-size: 14px;
    color: #605f5f;
    padding-left: 15px;
    padding-right: 15px;
    height: 35px;
    display: inline-block
}

.detail-bottom .commodity-title a:hover {
    background: #b10c2e;
    color: #fff
}

.detail-bottom .commodity-title .on {
    background: #b10c2e;
    color: #fff
}

.tion {
    display: block;
    padding: 17px 17px;
    border: 1px solid #e4e4e4;
    background: #fff
}

.tion .tion-list {
    padding-bottom: 15px;
    border-bottom: 1px dashed #e5e5e5;
    margin-bottom: 15px
}

.tion .tion-img {
    float: left;
    width: 88px
}

.tion .tion-img a {
    display: block
}

.tion .tion-img p {
    color: #7a7a7a;
    text-align: center;
    font-family: "微软雅黑";
    font-size: 14px;
    margin-top: 5px
}

.tion .tion-right {
    width: 810px;
    float: left;
    margin-left: 20px
}

.tion .tion-top {
    display: block;
    line-height: 24px
}

.tion .tion-grade {
    float: left
}

.tion .tion-grade i {
    background: url(../images/detail/grade.jpg) no-repeat;
    width: 87px;
    height: 20px;
    display: inline-block;
    float: left
}

.tion .tion-grade i a {
    background: url(../images/detail/grade-r.jpg) no-repeat;
    width: 87px;
    height: 20px;
    display: inline-block
}

.tion .tion-grade font {
    line-height: 24px;
    float: left;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #e33849;
    margin-left: 10px
}

.tion .tion-time {
    float: right;
    color: #a7a7a7
}

.tion .tion-p {
    margin-top: 5px;
    line-height: 24px;
    color: #6b6b6b;
    margin-bottom: 5px
}

.tion .img-tion a {
    display: inline-block;
    border: 2px solid #f2f2f2;
    padding: 2px 2px;
    margin-right: 5px;
    position: relative
}

.tion .img-tion a:hover {
    border: 2px solid #e33849
}

.tion .img-tion a:hover .tion-ico {
    position: absolute;
    bottom: -6px;
    left: 16px;
    display: inline-block;
    background: url(../images/detail/borade-e.jpg) no-repeat;
    width: 8px;
    height: 4px
}

.tion .img-tion .tion-on {
    border: 2px solid #e33849
}

.tion .img-tion .tion-on i {
    position: absolute;
    bottom: -6px;
    left: 16px;
    display: inline-block;
    background: url(../images/detail/borade-e.jpg) no-repeat;
    width: 8px;
    height: 4px
}

.tion .item-e {
    margin-top: 10px
}

.tion .item-e span {
    border: 1px solid #d9d9d9;
    padding: 5px 5px;
    display: inline-block
}

.consultation {
    padding: 5px 17px;
    border: 1px solid #e4e4e4;
    display: block;
    background: #fff
}

.consultation .consultation-list {
    border-bottom: 1px dashed #c1c1c1;
    line-height: 38px;
    padding-bottom: 10px;
    padding-top: 10px
}

.consultation .consultation-list span {
    background: url(../images/detail/p.jpg) no-repeat -0px 11px;
    padding-left: 25px;
    display: block;
    font-size: 14px;
    font-family: "微软雅黑"
}

.consultation .consultation-list p {
    background: url(../images/detail/b.jpg) no-repeat -0px 11px;
    padding-left: 25px;
    display: block;
    color: #808080
}

.dity-title {
    line-height: 22px;
    font-family: "微软雅黑";
    border-left: 4px solid #b10c2e;
    padding-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 16px
}

.texa-text {
    background: #fdfdfd;
    border: 1px solid #eaeaea;
    padding: 5px 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 842px;
    height: 60px
}

.texa-but {
    background: #bb0b0b;
    color: #fff;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 3px;
    margin-bottom: 20px
}

.texa-but:hover {
    color: #fff
}

.guan {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 40px
}

.guan a {
    overflow: hidden;
    height: 87px;
    display: inline-block
}

.tuij {
    margin: 13px 13px
}

.tuij li a {
    border: 1px solid #d2d2d2;
    width: 215px;
    height: 100%;
    overflow: hidden;
    display: inline-block
}

.tuij li span {
    line-height: 22px;
    color: #545454;
    margin-top: 20px;
    display: inline-block;
    height: 44px;
    overflow: hidden
}

.tuij li p {
    font-family: "微软雅黑";
    color: #a40000;
    font-size: 18px;
    font-family: "微软雅黑";
    margin-left: 5px
}

.art-gallery {
    margin: 15px 15px
}

.art-img {
    float: left
}

.art-cent {
    float: left;
    width: 420px;
    margin-left: 20px
}

.art-cent .art-namt {
    width: 420px;
    overflow: hidden;
    display: inline-block;
    color: #c91137;
    font-size: 18px;
    font-family: "微软雅黑";
    line-height: 30px
}

.art-cent .art-p {
    width: 420px;
    max-height: 140px;
    font-size: 14px;
    color: #393939;
    line-height: 24px
}

.art-list {
    margin-top: 10px
}

.art-list li {
    width: 200px;
    line-height: 26px;
    float: left;
    color: #3d3d3d;
    font-size: 14px
}

.art-fenxiang {
    margin-top: 20px;
    border-top: 1px dashed #e3e3e3;
    padding-top: 20px
}

.art-fenxiang span {
    line-height: 34px;
    font-size: 14px;
    margin-right: 5px
}

.sign {
    float: left;
    width: 153px;
    margin: 30px 50px
}

.sign a {
    display: inline-block
}

.sign font {
    color: #444;
    font-size: 18px;
    font-family: "微软雅黑";
    margin-top: 5px;
    display: inline-block
}

.sign font i {
    font-size: 24px;
    color: #b90808
}

.sgin-cent {
    width: 1200px;
    margin: 20px auto
}

.sgin-left {
    float: left;
    width: 888px
}

.sgin-left .sgin-title {
    height: 48px;
    line-height: 48px;
    background: #f4f4f4;
    border: 1px solid #dbdada;
    display: block
}

.sgin-left .sgin-title i {
    font-size: 18px;
    font-family: "微软雅黑";
    color: #b90808;
    padding-left: 30px;
    background: url(../images/detail/sign.png) no-repeat 0 10px;
    display: inline-block;
    margin-left: 15px
}

.sgin-left .sgin-text {
    border: 1px solid #e3e3e3;
    overflow: hidden;
    border-top: 2px solid #b90808;
    padding: 20px 15px 30px 15px;
    background: #fff;
    line-height: 24px
}

.sgin-right {
    float: right;
    width: 285px
}

.sgin-right .sgin-link {
    line-height: 52px;
    height: 52px;
    background: url(../images/detail/sign-bg.png) repeat-x;
    display: block
}

.sgin-right .sgin-link i {
    font-size: 18px;
    font-family: "微软雅黑";
    color: #fff;
    padding-left: 30px;
    background: url(../images/detail/link.png) no-repeat 0 16px;
    display: inline-block;
    margin-left: 15px
}

.sgin-right .sgin-list {
    background: #fff
}

.sgin-right .sgin-list li {
    line-height: 24px;
    color: #575757;
    font-size: 14px
}

.sgin-list li span {
    width: 150px;
    float: left
}

.sgin-list li font {
    float: right
}

.pr2 {
    width: 160px;
    height: 40px;
    display: inline-block;
    color: #fff;
    line-height: 40px;
    text-align: center;
    background: #b80808;
    border-radius: 2px
}
