@charset "utf-8";
body{font-family:Microsoft YaHei;background:#fff;font-size:12px;color:#333;line-height:24px;margin: 0;padding: 0 0 60px;}
p,h3,h4,h2,h1,h5,ul,li,dl,dd{margin:0;padding:0;font-weight: 300;}
ul,li,dl,dd,ol{list-style:none;}
textarea {resize: none;}
input,textarea {outline:none;}
img{max-width:100%;}
a,a:hover{text-decoration: none;color: #333;}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.left{float: left;}
.right{float: right;}
.clear{clear: both;height: 1px;width: 100%;}
.tright{text-align: right;}
.tleft{text-align: left;}
.tcenter{text-align: center;}
.cont{width: 640px;margin: 0 auto;}
input[type='text'],select,textarea{border:solid 1px #d6d6d6;padding: 2px;}

header{
    height: 80px;
    text-align: center;
    padding: 5px;
    overflow:hidden;
}
header img{
    height: 70px;
}
header img.right{
    height: 50px;
    margin: 10px 0;
}
nav{
    background: #cc0000;
    height: 40px;
    width: 100%;
}
nav .cont {
    overflow: hidden;
}
nav .cont li{
    height: 100%;
    padding-top: 5px;
    line-height: 35px;
    width: 20%;
    text-align: center;
    float: left;
    font-family: '宋体';
}
nav .cont li a{
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 15px;
    font-weight: 600;
}
nav .cont li.active a,nav .cont li:hover a{
    background:#fff;
    border-radius: 3px 3px 0 0;
    color: #333;
}

.pubbtn{
    background: #cc0000;
    border-radius:3px;
    color: #fff;
    border:none;
    padding:4px 10px; 
}

.sousuo {
    height: 34px;
    line-height: 28px;
    border: 1px solid #e7e7e7;
    background: #f6f6f6;
    z-index: 100;
    overflow: hidden;
    padding: 2px 5px;
}
.sousuo dl{margin-right: 5px;}
.sousuo input[type='text'],.sousuo select{
    width: 100px;
    height: 24px;
}
.right01 {
    border: 1px solid #e7e7e7;
    margin: 2px auto;
}
.ss_top{padding: 3px;}
.top_sy{
    background:#f8ebc9;
    padding: 10px 20px;
}
.ss_top ul li{
    display: inline-block;
    width: 30px;
    text-align: center;
}
.ss_top ul li input{
    width: 30px;
}
.sy_line{
    border-bottom: dotted 1px #ddd;
    padding: 2px 0;
    margin-bottom: 2px;
}


#filter {
    height: auto;
    font-size: 12px;
}
#filter dl {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    clear: both;
    padding: 0px 0;
    border-top: 1px solid #d6d6d6;
}
#filter dt {
    display: block;
    float: left;
    width: 60px;
    padding: 0px 3px;
    margin: 0px 0;
    padding-top: 3px;
}
#filter dt {
    text-align: right;
    font-weight: bold;
    color: #212121;
}
.ceng {
    height: auto;
    text-align: left;
    padding: 3px 0 10px 60px;
}
#filter dd {
    display: block;
    float: left;
    text-align: left;
    color: #0066cc;
    margin: 0 3px;
    line-height: 18px;
}
#filter dd a {
    color: #0066cc;
}
#filter dd a {
    cursor: pointer;
    padding: 2px;
    text-decoration: none;
}
#filter dd .seled {
    background-color: #cc0000;
    color: #FFFFFF;
    padding: 2px;
    text-decoration: none;
}

.phone{border: 1px solid #CFCFCF;}
.related-search {
    
    padding: 0px 3px;
    background: url(../img/bg098.jpg) repeat-x;
    height: 32px;
}
.related-search .left a {
    margin-right: 0;
    line-height: 32px;
    border: 1px solid #CCCCCC;
    background: #fff;
    color: #0033CC;
    text-decoration: none;
    margin: 0 3px;
    padding: 2px 5px;
}
.related-search .left a:hover ,.related-search .left a.curr{
    background: none repeat scroll 0 0 #cc0000;
    border-color: #cc0000;
    color: #fff;
    font-weight: 600;
}
.page-bottom{line-height: 32px;}

.related-main{
    overflow: hidden;
	clear:both;
}
.related-main li{
    float: left;
    width: 50%;
    padding-left: 15px;
    position: relative;
    padding: 5px 10px;
    cursor: pointer;
    border-bottom: solid 1px #f7f7f7;
}
.related-main li h3{
    font-size: 22px;
    color: #cc0000;
    font-weight: 600;
}
.related-main li h3 font{
    color: #007cc3;
}
.related-main li p{
    color: #999;
    line-height: 20px;
}
.related-main li p.price{
    color: #333;
}
.related-main li p.price font{
    color: #cc0000;
    padding-right: 10px;
    font-size: 13px;
}
.related-main li .phide{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background:#626262;
    padding: 10px 15px;
}
.related-main li .phide h3{
    color: #fff;
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 20px;
}
.related-main li .phide h3 font{
    color: #fff;
}
.related-main li .phide a{font-size: 14px;}
.related-main li .phide a:hover{color: #fff;}
.related-main li.yyy{background: url(../img/yyy.jpg) right bottom no-repeat;}
.related-main li.yyy h3,.related-main li.yyy h3 font,.related-main li.yyy p,.related-main li.yyy p.price,.related-main li.yyy p.price font{
    color: #999;
}

.phone .bot-page{margin-top: 10px;clear: both;padding: 5px;}
.phone .bot-page a{color: #0066cc;}

footer{padding: 10px;overflow:hidden;position: relative;text-align: center;}
footer a,footer span{padding: 0 5px;}

.limain{position: fixed;display: none;}
.limain{left:50%;bottom: 60px;width: 80px;margin-left: -40px;background: #fff;text-align: center;border:solid 1px #ddd;border-radius: 3px 3px 0 0;border-bottom: none;border-top: none;}
.limain a{display: block;line-height: 32px;border-top: solid 1px #ddd;}

.nav{position: fixed;bottom: 0;left: 0;width: 100%;height: 60px;}
.nav .cont{overflow: hidden;background: #fff;border-top: solid 1px #ddd;height: 60px;padding: 5px 0;position: relative;}
.nav .cont li{float: left;width: 20%;text-align: center;}
.nav .cont li span{display: block;}
.nav .cont li.active{color: #cc0000;}

.cphone{border: solid 1pX #DDD;margin: .5%;width: 99%;}
.ztbt{height: 34px;line-height: 34px;background: url(../img/bg099.jpg) repeat-x center;padding:0 5px;font-size: 14px;color: #cc0000;font-weight: 600;}
.ztbt a.right{background: url(../img/more.jpg) no-repeat right center;padding-right: 10px;font-size: 12px;font-weight: 300;color: #999;}

.main2{display: none;}
.cphone .ztbt span{padding-left: 15px;}
.cphone .ztbt span font{display: inline-block;height: 34px;line-height: 34px;border-top: 1px solid transparent;color: #333;font-weight: 300;width: 90px;text-align: center;font-size: 12px;cursor: pointer;}
.cphone .ztbt span font.active{border-top: 1px solid #cc0000;background:#fff;}

.ztmain{padding: 5px;color: #444;line-height: 20px;}
.ztmain font{color: #c00;font-weight: 600;}
.ztmain a{color: #0000eb;}

.shbg,.shmain,.djbg,.djmain{position: fixed;display: none;z-index: 2;}
.shbg,.djbg{left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.shmain,.djmain{left: 50%;top: 50%;width: 300px;height: 350px;margin-left: -150px;margin-top: -175px;background: #fff;border-radius: 3px;padding:10px;overflow-y: scroll;}



.yyhm{background: #f5f5f5;padding: 10px;border-radius: 3px;}
.yyhm H3{color: #c00;font-weight: 600;padding-bottom: 5px;}

.yyhm .order,.yyhm .tsl{font-size: 15px;color:#666;font-weight: 600;padding: 10px;}
.yyhm .order{border-top:dashed 1px #ddd;border-bottom:dashed 1px #ddd;}
.yyhm .order .or1{color: #f60;font-size: 18px;}
.yyhm .order .or2{color: #007cc3;font-size: 18px;}
.yyhm .order font,.yyhm .order .or3{color: #c00;}
.yyhm .order font{font-size: 16px;}
.yyhm .tsl{border-bottom:dashed 1px #ddd;}
.yyhm .tsl p{color: #c00;padding-left: 15px;font-size: 14px;}

.yyhm form{padding: 5px 0;}
.yyhm form .input{overflow:hidden;font-size: 14px;overflow:hidden;margin: 5px 0;}
.yyhm form .input .fbt{float: left;width:90px;text-align: right;font-weight: 600;padding-right: 5px;color: #666;}
.yyhm form .input .fbt span{color: #c00;}
.yyhm form .input .fnr{padding-left: 90px;position: relative;}
.yyhm form .input .fnr input[type='text'],.yyhm form .input .fnr textarea{border:solid 1px #ddd;width: 100%;padding: 5px;}
.yyhm form .input .fnr label{font-size: 12px;}
.yyhm form .input .fnr a{color: #0000eb;font-size: 12px;padding-left: 10px;}
.yyhm form .input .fnr font{position: absolute;right:10px;top: 2px;color: #888;font-size: 12px;}

.news .ztbt a{font-size: 12px;font-weight: 300;padding-right: 15px;}
.news .ztbt a.active{font-size: 14px;color: #c00;font-weight: 600;}
.new-list{padding: 10px;}
.new-list li{width: 100%;}
.new-list li a{font-size: 14px; color: #555;line-height: 26px;}

.npage{color: #000;text-align: center;font-size: 12px;padding-bottom: 10px;}
.npage a{display: inline-block;margin:0px 5px;border:solid 1px #ccc;border-radius: 2px;background:#f1f1f1;line-height: 18px;padding:1px 2px;color: #666;}

.new-nr{padding: 10px;}
.new-nr h4{font-size: 16px;color: #222;text-align: center;padding: 10px 0;}
.new-nr p{color:#666;font-size: 13px;}
.new-nr a{color: #0000eb;}
.new-nr h4 a{font-size: 12px;padding-left: 20px;}
.new-nr p img{margin-top: 10px;}

.failure{padding-left: 50px;background: url(../img/failure.gif) no-repeat 2px 5px;background-size: 45px}
.success{padding-left: 50px;background: url(../img/success.gif) no-repeat 2px 5px;background-size: 45px}
.yyts{background: #f5f5f5;padding: 10px;border-radius: 3px;}
.yyts h3{color: #c00;font-weight: 600;font-size: 14px;border-bottom: dashed 1px #ddd;margin-bottom: 5px;padding-bottom: 5px;}
.yyts a{color: #0000eb;}


/*#newBridge .nb-icon-wrap{
    height: 60px!important;
    top: auto!important;
    bottom: -30px!important;
    right: 20%!important;
}
#newBridge .nb-icon-wrap-0 .nb-icon-wrap-base{
    background: transparent!important;   
}*/
#newBridge .nb-invite-wrap-base{display: none!important;}


@media(max-width:480px){
    .cont{width: 100%;}
    nav .cont li a{padding: 0 5px;}

    header{height: 60px;}
    header img{height: 50px;}
    header img.right{height: 40px;margin: 5px 0;}

    .top_sy{padding:2px 2px 0;}
    .sousuo input[type='text'],.sousuo select{padding: 3px 0;}
    .sousuo input[type='text']{width: 90px;}
    .sousuo select{width: 50px;}
    .sousuo dl{margin-right: 1px;}
    .sousuo dl label input{margin: 2px 0;}

    .bot-page input[type='text']{width: 30px;}

    footer a{width: 36%;}
    footer span{width: 32%;}

}


@media(max-width:375px){
    .ss_top ul{overflow:hidden;}
    .ss_top ul li{width: 8.09090%;float: left;margin: 0 0.5%;}
    .ss_top ul li input{width: 100%;}

    .bot-page{text-align: center;}
    .bot-page span{display: block;}

    footer a{text-align: right}
    footer span{text-align: left;padding: 0 5px;}
    footer a,footer span{width: 50%;}
    footer span.fot3{width: 100%;text-align: center;}

}
@media(max-width:360px){
    .related-search .left a{
        margin: 0 1px;
        padding: 2px;
    }
    header{height: 50px;}
    header img{height: 40px;}
    header img.right{height: 30px;}
    .sousuo .pubbtn{padding: 3px;}

}
@media(max-width:320px){
    .ss_top ul li{    width: 8.59090%; margin: 0 0.25%;}
    .related-search .left a{padding: 2px 1px;}
    .page-bottom input{width: 40px;padding: 3px;}
    .related-main li p.price font{padding: 0;}
    nav .cont li a{font-size: 12PX;}
	.sousuo input[type='text']{width:80px;}

    .news .ztbt a{padding-right: 4px;}
    .news .ztbt a.active{font-size: 12px;}
    .new-list li a{font-size: 13px;}
    .sousuo select{width: 45px;}
    .sousuo{padding: 3px 2px;}
    .sousuo .pubbtn{padding: 3px 0px;}
}