@charset "utf-8";

*{margin:0; padding:0;font-family:"microsoft yahei";box-sizing: border-box;}
div p{font-family:"microsoft yahei";}
html {
    font-size: 14px;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
a {text-decoration: none;}
ul,li{list-style: none;}
img{display:inline-block;}
html{font-size:50px;}
body{font-size:24px;}
@media screen and (min-width:320px){
    html{font-size:21.333333333333332px;}
    body{font-size:12px;}
}
@media screen and (min-width:360px){
    html{font-size:24px;}
    body{font-size:12px;}
}
@media screen and (min-width:375px){
    html{font-size:25px;}
    body{font-size:12px;}
}
@media screen and (min-width:384px){
    html{font-size:25.6px;}
    body{font-size:14px;}
}
@media screen and (min-width:400px){
    html{font-size:26.666666666666668px;}
    body{font-size:14px;}
}
@media screen and (min-width:414px){
    html{font-size:27.6px;}
    body{font-size:14px;}
}
@media screen and (min-width:424px){
    html{font-size:28.266666666666667px;}
    body{font-size:14px;}
}
@media screen and (min-width:480px){
    html{font-size:32px;}
    body{font-size:15.36px;}
}
@media screen and (min-width:540px){
    html{font-size:36px;}
    body{font-size:17.28px;}
}
@media screen and (min-width:720px){
    html{font-size:48px;}
    body{font-size:23.04px;}
}
@media screen and (min-width:750px){
    html{font-size:50px;}
    body{font-size:24px;}
}
.toverflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height:1rem;
}
#myModal3 {
    background:rgba(0,0,0,0.3)
}
#myModal3 .close{margin-top:-2rem;font-size:40px;}
/*轮播图*/
.swiper-container{width:100%; }
.swiper-container img{width:100%;}
.swiper-pagination-bullet {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
}
.swiper-container2 {
    width:100%;    
    max-height: 7rem;
    position: relative;
    overflow: hidden;
}

.swiper-container-horizontal > .swiper-pagination-bullets {
    position: absolute;
    z-index:100;
    text-align:center;
}
    
.swiper-container2 img{width:100%;}

.sy_content_title {
    background-color: #0498f8;
    line-height: 1.6rem;
    font-size: .7rem;
}

.fontsize {
    font-size: .7rem;
}

.fontsize1 {
    font-size: .5rem !important;
    color: #9a9a9a;
    text-align:center;
}

.sy_content_p {
    margin-top: .2rem;
}

.waring {
    color: red;
}

.font_s {
    font-weight: bold;
    color: #fff;
}

.font_s1 ,.font_s2{
    color: #757171;
}

.title {
    padding: .1rem;
}

.umar_r {
    margin-right: .1rem;
}

.umar_tb {
    margin-top: .1rem;
    margin-bottom: .6rem;
}

.uba {
    border: 2px solid #0498f8;
}

.ubl {
    border-left: 1px solid;
    border-bottom-color: rgba(0,0,0,0.5);
}

.ubr {
    border-right: 1px solid;
    border-bottom-color: #ddd;
}


.seachdetail {
    color: #5b5b5b;
    padding: .1rem;
    border-bottom: 1px dashed #197cbd;
    font-size: .55rem;
    margin-top: .2rem;
}

.seachdetail1 {
    color: red;
    padding: 0.3rem .1rem;
    border-bottom: 2px dashed #197cbd;
    font-size: .7rem;
}

.seachdetailbody {
    color: #1f7ebe;
    font-size: .6rem;
    padding: .3rem;
}
.seachdetailbody p a{text-decoration:underline;}

.seachdetailright {
    padding: 0.06rem 0;
}

.tx_color {
    color: #7B7B7B;
}

.num {
    color: red;
    font-weight: bold;
}

.littlebody {
    background-color: #f6f6f6;
    padding: .1rem 0;
}

.row .littlebody .littlebody div {
    height: .6rem;
    line-height: .8rem;
    font-size: .6rem;
}

.row .littlebody .littlebody img {
    font-size: .3rem;
    height: .8rem;
    width: auto;
}

.float_r {
    float: right;
}

#home tr {
	width:100%;
}
#home .tx_r{
	text-align:right;
}

.tx_c {
    text-align: center;
    padding:0 5px;
}

.visib {
    visibility: hidden;
}

.det {
    padding: .1rem;
    margin: 0 auto;
}

.hg {
    height: 100%;
}

.uinn {
    padding: .25rem;
        font-size: .6rem;
    line-height: .8rem;
}

.uinn1 {
    padding: .2rem 0;
}

.umar_a {
    margin: 0;
}

.lc {
    position: absolute;
    width: .3rem;
    right: -0.15rem;
}

.lc1 {
    position: absolute;
    width: .2rem;
    right: -0.1rem;
    bottom: -0.5rem;
}

.detail {
    padding: .15rem 0;
    border-bottom: 1px solid #b9b9b9;
}

    .detail .detail_title {
        font-size: .6rem;
    }

    .detail .detail_body {
        font-size: .6rem;
        color: #757171;
    }

.pad_bottom {
    padding-bottom: .1rem;
}

.moreinfo {
    width: 72%;
    margin-top: .2rem;
    margin-bottom: .2rem;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    text-align: center;
    font-size: .6rem;
    height: .42rem;
}


/*.moreinfo ::before {
                content: 'n';
                width: 10%;
                border-top-left-radius: 50%;
                border-bottom-left-radius: 50%;
                color: #fff;
                border-left:1px solid #fff;
                background-color: #0498f8;
            }

            .moreinfo ::after {
                content: 'n';
                width: 10%;
                border-top-right-radius: 50%;
                border-bottom-right-radius: 50%;
                color: #fff;
                border-right:1px solid #fff;
                background-color: #0498f8;
            }*/

.btn_default {
    border-color: #0498f8;
    background-color: #fff;
    color: #0498f8;
}

.default {
    color: #5b5b5b;
}

.btn_default1 {
    border-color: #dadada;
    background-color: #dadada;
    color: #757575;
    padding: 0rem .5rem;
}

.btn_fx {
        padding: 0rem 1.2rem;
}

.qrcode {
    padding: 0.06rem;
    background-color: #0498f8;
    color: #fff;
}

.footer {
    background-color: #0498f8;
    padding: .1rem;
    color: #fff;
    text-align: center;
    font-size: .6rem;
  margin: 1px .3rem;
}

#shou {
    line-height: .6rem;
    text-align: center;
    color: #0498f8;
    padding: 0.05rem;
    font-size: .7rem;
}

.tablestyle > tbody > tr > td.ubb {
    border-bottom: 1px solid #ddd;
}

.tablestyle > tbody > tr > td.borstyle {
    vertical-align: middle;
    font-size: .6rem;
    border-top: none;
    border-right: 1px solid #ddd;
    padding-left: 0.8rem;
    color: #757171;
    padding-top: 0.25rem;
}
.tablestyle > tbody > tr > td.borstyle div:nth-child(2) {
    font-size:.5rem
}

.tablestyle > tbody > tr > td {
    padding-right: 0;
}

    .tablestyle > tbody > tr > td > div.md {
        position: relative;
    }

    .tablestyle > tbody > tr > td > div img.statet {
        position: absolute;
        right: -0.22rem;
        width: 0.44rem;
    }

    .tablestyle > tbody > tr > td > div img.state {
    position: absolute;
    right: -0.5rem;
    width: 1rem;
    top: -.6rem;
}

   .tablestyle > tbody > tr > td > div img.state1 {
    position: absolute;
    right: -0.3rem;
    width: .6rem;
    top: -1.6rem;
}

.tablestyle1 {
    font-size: .35rem;
}

.tablestyle1 > tbody > tr > td {
border-top: none;
padding-right: 0;
}

.tablestyle1 > tbody > tr > td.ubb1 {
    border-top: none;
    padding-top: .2rem;
    border-right: 1px solid #ddd;
    width: 40%;    
    height: 2.5rem;
}

    .tablestyle1 > tbody > tr > td.ubb1 > .td_l {
        text-align: center;
        color: #757171;
    }
    .tablestyle1 > tbody > tr:nth-child(1) > td.ubb1 > .td_l {
        color: #000;
    }
    .tablestyle1 > tbody > tr > td.ubb1 > .td_r {
        position: relative;
    }

        .tablestyle1 > tbody > tr > td.ubb1 > .td_r img {
        width: 1.2rem;
        position: absolute;
        right: -.6rem;
        bottom: .5rem;
    }

    .tablestyle1 > tbody > tr > td.ubb1 > div.thisnum {
        position: relative;
    }

   .tablestyle1 > tbody > tr > td.ubb1 > div.thisnum span {
        font-size: .3rem;
        width: 4rem;
        position: absolute;
        right: -2rem;
        text-align: center;
        bottom: -.3rem;
        color: #757171;
    }
    .tablestyle1 > tbody > tr:nth-child(1) > td.ubb1 > div.thisnum span {
    color: #000;
    }
    .tablestyle1 > tbody > tr:nth-child(1) > td.ubb2 > div{color:#000}

.tablestyle1 > tbody > tr > td.ubb2 {
    padding-top: .2rem;
    border-top: none;
    width: 65%;
}

    .tablestyle1 > tbody > tr > td.ubb2 > div {
            font-size: .6rem;
            padding-left: .8rem;
        padding-right: .1rem;
        color: #757171;
    }
.mzs {
    position: absolute;
    top: -.8rem;
    right: .5rem;
}

.zs {
    width: .8rem;
}
.close {
color:#fff;
opacity:.8;
}
.wjh {
    text-align: center;
}

.bg {
    background-image: url('../images/uc_sy_images/bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 90%;
    height: 100%;
    margin: .5rem auto;
    position: relative;
    min-height: 24rem;
}

.smjl {
    background-color: #eee;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.pj .middle {
    display: inline-block;
    height: 1.2rem;
    padding: .05rem .4rem;
    font-size: .6rem;
    border-radius: .8rem;
    line-height: 1.2rem;
    background-color: #0498f8;
}
.smjl_tit {
    margin-top: .1rem;
    margin-bottom: .1rem;
    padding: 0.2rem 0;
    font-size: .7rem;
    line-height: 1rem;
    background-color: #fff;
}

    .smjl_tit span.smjl_tit_l {
        background-color: #0498f8;
        margin-right: .1rem;
    }

.smjl_content {
    margin-top: .2rem;
}


.listmain {
    margin-top:.6rem;
}
.list {
    -webkit-transform: rotate(135deg);
    -webkit-transform-origin-x: 40%;
    border-top: solid 1px;
    border-left: solid 1px;
    /*border-bottom: solid 1px;
			border-right: solid 1px;*/
    margin: 0 auto;
}

.list .child1 {
    transform: rotate(-135deg);
    position: absolute;
    left: 0;
    bottom: -2.2em;
}

.list .child2 {
    transform: rotate(-135deg);
    position: absolute;
    bottom: 2.5em;
    left: -6em;
}

.list .child3 {
    transform: rotate(-135deg);
    position: absolute;
    left: -3.5em;
    top: -2.5em;
}

.list .child4 {
    transform: rotate(-135deg);
    position: absolute;
    top: 2.5em;
    width: 6em;
}

.list .img1 {
    width: 2em;
    transform: rotate(-135deg);
    position: absolute;
    left: -1em;
    bottom: -1em;
}

.list .img2 {
    width: 2em;
    transform: rotate(-135deg);
    position: absolute;
    left: -1em;
    top: -1em;
}

.container-fluid {
     padding-right: 0; 
     padding-left: 0; 
}
.sy_content_p .row {
    margin-right: 0;
    margin-left: 0;
}
.row > .col-xs-12 {
    padding: .2rem .3rem;
}
.row > .con {
    padding-bottom: 0;
}
.detail > .col-xs-8 {
padding:0 .2rem
}
.nav-tabs.nav-justified>li {
    float: left;
    width: 33.3%;
}
.nav>li>a {
     padding: .1rem .1rem; 
}
caption {
    padding:.3rem;
    color: #9a9a9a;
    font-size: .6rem;
}
#home tr {
font-size:.6rem;
}
#pf {
padding:0 1.2rem
}
/*.detail .tx_color{
    padding-right:0;
}*/
.detail .col-xs-7{
    padding-left:.2rem
}





/*table*/
.det_c{width: 98%;margin: 0 auto;}
.det_c tr{font-size:.6rem }
.det_c tr td,.det tr td { padding: .3rem .2rem; }
.det_c tr td.col-lg-7{color:#464646}
.det tr td.col-lg-7{color:#464646}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border:none;color:#0498f8}
.nav-tabs>li>a {border:none;color:#9a9a9a}
.nav-tabs>li {
   width:33.3333%;text-align:center;border-bottom:.2rem solid #ccc; color:#a5a4a4
}
.nav-tabs>li.active{border-bottom:.2rem solid #0498f8;}
.xiangqing{width: 98%;margin: 0 auto;}
#profile,#messages{margin-top:1rem;position:relative;}


table.tx_c > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border:none;padding:.1rem;
}
table.tx_c > thead > tr >th{background-color:#dadada; text-align:center}

.tel_wjh2{font-weight:bold;}
/*修改*/
#myModal1 .modal-dialog {
    margin:20% 1.4rem;
}
#myModal1 .modal-content {
    border: 1px solid #999;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}
.ggImg img{width:100%;max-height:16rem;border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;}
#myModal1 .close {
    width: 20%;
    margin: 0 40%;
    font-size: 2rem;
}

.modal-dialog {
    margin: 30% 10px;
}
.modal-content {
    padding: .6rem;
}
#myModal1 .modal-content {
    padding: .6rem 0;
}
.tel_jingg p{margin:0;font-weight:bold;}
.detail td a {
    text-decoration: underline;
}
#myModal4 {font-size:.5rem;}
#myModal4 .mod-top{width:100%; text-align:center}
#myModal4 .mod-title{width:100%;font-size:.6rem; text-align:center; margin:.4rem 0 .5rem; font-weight:bold;}
#myModal4 .mod-con{width:100%; text-indent:1rem;line-height:.7rem;margin-bottom:.3rem }
#myModal4 .mod-footer p{margin:0; line-height:.8rem;}

/*scan_more*/
.scan_more{float:right;height:1rem;width:1rem;  background-image: url('../images/uc_sy_images/icon_49.png'); background-size:cover;}
#con{width:100%; padding-top:3rem;overflow: hidden;position: relative; height: 18rem; overflow-y: scroll;}
.listS{width:4rem; height:3rem; margin:0 auto;position: relative;color:#7981D2}
.listS:nth-child(1){color:aliceblue}
.listS .line{width:5rem; height:1px; transform: rotate(36.5deg); transform-origin: 0% 0%;
	background:#7981D2; position: absolute;left:0;top:0;}
.listS2 .line{transform: rotate(142deg);left:100%;}
.listS .Snum{position: absolute;width:3rem; left:-3.8rem;top:-.4rem;text-align: right;}
.listS .dz{position: absolute; left:1rem; top:-.8rem; width:6rem; text-align: left; }
.listS .img{position: absolute;width:1rem; left:-.5rem;top:-.5rem; }
.listS2 .Snum{left:4.8rem;text-align: left; }
.listS2 .dz{left:-3.2rem; width:6rem;text-align: right; }
.listS2 .img{left:3.5rem; }
.scanText{position: absolute;width:11rem; bottom:2.2rem; font-size: .8rem;color:cornsilk; left:1.2rem; text-align: center;}
.numC{color:cornflowerblue;}
.numD{color:#f66;}
.shug{margin:0 .5rem }
.hide{display:none;}
.listS:nth-last-child(1) .line{display:none;}

/*评价*/
#myModal5 .close, #myModal6 .close {
color:#ccc;
font-size:1.5rem;  
position: absolute;
right: .8rem;
}
.content .row > .col-xs-12 {
    padding-right: 15px;
    padding-left: 15px;
}
.bg_default {
    background-color: #dadada;
}
.bg_danger {
    background-color: red;
}
.content {
    background-color: #fff;
    text-align: center;
}

.content .title img {
    width: 2.5rem;
}
.content .info_title{
    font-size:.6rem;
}
.content .content_info .info_content img {
    margin: .1rem;
    width: 1.5rem;
}
#myModal5 .min{
    padding:0 .2rem;
    font-size:.6rem;
    
}
.content .content_info .container-fluid .middle {
    width:25%;
    float: left;
    padding: .1rem;
    border-radius:.5rem;
    border: 1px solid #f6f6f6;
    font-size: .6rem;
    line-height: 1rem;
    text-align:center;
}

.content .content_info .container-fluid .middle1 {
    width:25%;
    float: left;
    padding: .1rem;
    border-radius:.5rem;
    border: 1px solid #FFD143;
    font-size: .6rem;
    line-height: 1rem;
    text-align:center;
}
/*投诉*/
#myModal5 .modal-dialog,#myModal6 .modal-dialog{
    margin:5% 10px;
}
.content2 .fankui {
padding:0
}
.content2 {
    padding-top: .1rem;
    font-size:.6rem;
}

.content2 .container-fluid {
    background-color: #fff;
    border-bottom: 1px solid #f6f6f6;
}

.content2 .contit {
    font-weight: bold;
}


.content2 .row .radio label input[type=radio] {
    margin-top: 15px;
}

.txt-box .txt_title {
    font-weight: bold;
}
textarea.form-control {
    outline: none;
    resize: none;
}

.db-top {
    width: 100%;
    text-align: center;
    margin-bottom: .6rem;
}
#dbInput {
    border-radius: .5rem;
    border: 1px solid #0498f8;
    width: 8rem;
    height: 1.8rem;
    padding-left: .5rem;
    font-size: .8rem;
    outline: none;
}
.db-btn {
    border: 1px solid #30bef5; padding: .45rem 1rem; background-color: #0498f8; color: #fff; border-radius: .5rem; margin-left:.3rem;
}

/*流通信息*/

/*基本信息选项卡*/
#tab1 .cot {
	color:#929194;
}
#tab1 .cot img{
	width:100%;
	height:auto;
	display: block;
}