@charset "gb2312";
/*中文*/
body{background:#F2F2F2;}
.m0.layui-table{margin:0;}
.m0.layui-table[lay-size="sm"] td{font-size:14px;}
.wp{width:1200px;}
.wp.pd20{width:1160px; padding:20px;}
.wp.wbg{margin:0 auto;}
.mt20{margin-top:20px;}
.mt70{margin-top:70px;}
.pd0{padding:0;}
.dealerlist .wp{width:1200px;}
.dealerlist .header .middle .fr{display:block;}

.dtop{background:#fff;}
.dtop .wp{height:30px; background:#fff; padding:15px 0;}
.dtop .logo{margin-left:15px;}
.dtop .logo img{height:30px;}
.dtop .toptip{margin-left:5px; font-size:20px; line-height:30px; font-weight:bold;}

.page{background:none;}

.dtable1 td{padding:5px; word-wrap:break-word; word-break:break-all; white-space:normal; }
.dtable1 th{padding:5px; word-wrap:break-word; word-break:break-all; white-space:normal;}

.dheader{background:#151E24;}
.dheader .wp{position:relative; height:170px; color:#fff; background-size:1200px 170px;}
.dheader .wp .blackbg{width:1200px; height:170px; background:#000; filter:alpha(opacity=50); opacity:0.5;}
.dheader .wp.nobg .blackbg{display:none;}
.dheader .avatar{position:absolute; left:40px; top:40px; width:50px; height:50px; border:solid 1px #F29700;}
.dheader .avatar img{width:50px; height:50px;}
.dheader .name{position:absolute; left:100px; top:40px; line-height:50px; font-size:20px; font-weight:bold;}
.dheader .pvcount{position:absolute; left:0px; top:110px; padding-left:20px; line-height:20px; font-size:18px; background:url(../../che2/dealer2/images/bg.png) 0 -60px no-repeat;}
.dheader .tel{position:absolute; left:40px; top:110px; padding-left:25px; line-height:20px; font-size:18px; background:url(../../che2/dealer2/images/bg.png) 0 2px no-repeat;}
.dheader .addr{position:absolute; left:410px; top:110px; max-width:550px; padding-left:20px; line-height:20px; font-size:18px; background:url(../../che2/dealer2/images/bg.png) 0 -29px no-repeat; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.dnav{background:#015CB5;}
.dnav .wp{border-top:solid 1px #015CB5; background:#015CB5;}
.dnav ul{padding-left:15px;}
.dnav li{display:block; float:left; margin-right:1px; color:#fff;}
.dnav li.cur{background:#151E24;}
.dnav li a{display:block; padding:0 20px; color:#fff; line-height:40px; font-size:16px; text-decoration:none;}

.dleft{float:left; width:860px;}
.dright{float:right; width:280px;}
.dleft2{float:left; width:280px;}
.dright2{float:right; width:860px;}

.dleft3{float:left; width:900px;}
.dright3{float:right; width:280px;}

.dleft4{float:left; width:280px;}
.dright4/*经销商列表页*/{float:right; width:880px;}

table[cellpadding="5"] td{padding:5px;}
table[cellpadding="5"] th{padding:5px;}

.header .middle .fr{display:none;}

.dlist .content{padding:20px;}
.dlist .diqu{padding-left:50px; margin-bottom:20px;}
.dlist .diqu li{float:left; margin:5px 10px 5px 0;}
.dlist .diqu span{display:block; float:left; width:50px; margin:5px 0 5px -50px;}
.dlist .diqu li a{padding:3px 5px;}
.dlist .diqu li.cur a,.dlist .diqu li:hover a{background:#d00; color:#fff;}
.dlist .list .li{margin-top:20px;}
.dlist .list .li .avatar{float:left; width:130px; height:130px;}
.dlist .list .li .avatar img{width:130px;}
.dlist .list .li .info{float:left; width:400px; margin-left:20px;}
.dlist .list .li .info .dname{display:block; margin-bottom:15px; font-size:16px; font-weight:bold;}
.dlist .list .li .info div{margin-bottom:5px;}
.dlist .info2{width:300px;}
.dlist .info2 .info2tips{font-size:16px;}
.dlist .info2 .info2list{height:50px; padding:10px 0; line-height:25px; /* font-size:16px;*/}
.dlist .info2 .info2btn{display:block; width:110px; height:32px; text-align:center; line-height:32px; background:#F3653E; color:#fff; text-decoration:none;}
.bjbrand .allbrand ul{float:left;}

.box3 .title{padding:10px 20px; background:#151E24; border-bottom:solid 3px #015CB5; font-size:18px; color:#fff; line-height:20px;}
.box3 .title h3{float:left; font-weight:100; font-size:18px; color:#fff; line-height:20px;}
.box3 .title:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}

.box5 .title{padding:10px 20px; background:#E4E9EF; font-size:18px; line-height:20px;}
.box5 .title h3{float:left; font-weight:100; font-size:18px; line-height:20px;}
.box5 .title:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}

.box4{border:solid 1px #015CB5;}
.box4 .title{padding:10px 20px; background:#015CB5; font-size:18px; color:#fff; line-height:20px;}
.box4 .title h3{float:left; font-weight:100; font-size:18px; color:#fff; line-height:20px;}
.box4 .title:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.box4 .content{padding:10px;}
.box4 .mappoint{padding:0;}
.box4 .mappoint iframe{width:278px; height:200px;}

.cxlist li{padding:20px; padding-left:0; border-bottom:dashed 1px #eee;}
.cxlist li .img{display:block; float:left; width:200px; height:150px;}
.cxlist li .img img{width:200px; height:150px;}
.cxlist li .info{float:right; width:620px; height:120px;}
.cxlist li .info .tit{display:block; font-size:20px;}
.cxlist li .info .time{margin-top:8px; color:#666;}
.cxlist li .info .desc{margin-top:8px;}

.tplist{padding:14px;}
.tplist ul{width:850px; text-align:center;}
.tplist li{width:200px; float:left; margin-right:10px;}
.tplist li img{width:200px; height:133px;}


.bjlist .cli{padding:20px; border-bottom:dashed 1px #eee;}
.bjlist li .img{display:block; float:left; width:150px; height:100px;}
.bjlist li .img img{width:150px; height:100px;}
.bjlist li .info{float:right; width:450px; height:100px;}
.bjlist li .info .cname{display:block; font-size:20px; color:#FF9F03;}
.bjlist li .price{color:#A9A9A9;}
.bjlist li .price span{color:#333333;}
.bjlist li .stip{float:right; width:90px; height:20px; line-height:20px; margin-bottom:-1px; padding:0 5px; padding-right:30px; border:solid 1px #aaa; text-align:center; background:url(../../che2/dealer2/images/bjnumtip.png) right -20px #F5F5F5 no-repeat; cursor:pointer; z-index:100;}
.bjlist li .show .stip{border-bottom:none; background-position:right 0px;}
.bjlist li .show table{display:table; *display:block;}
.bjlist table{display:none; background:#aaa;}
.bjlist table td{background:#fff; padding:5px;}
.bjlist table th{background:#F5F5F5; padding:5px;}

.bjbrand .content{padding:20px;}
.bjbrand .clearfix{margin-bottom:30px;}
.bjbrand .icon{float:left; width:60px;}
.bjbrand .icon img{width:60px; height:60px; border:solid 1px #eee;}
.bjbrand ul{float:right; width:150px;}
.bjbrand li{line-height:25px; font-size:16px;}
.bjbrand .bname{line-height:50px; font-size:20px;}

.bjyh{border:none;}
.bjyh .title{border:solid 1px #ddd; border-bottom:none;}
.bjyh table{background:#eee;}
.bjyh table td{background:#fff; padding:5px;}
.bjyh table th{background:#fff; padding:5px; text-align:left;}

.jieshao p{text-indent:2em;}

.liuyanban.nobborder{border-bottom:none;}
.liuyanban form{margin-top:10px;}
.liuyanban form .checkall{vertical-align:middle;}
.liuyanban form .checkalllabel{margin-right:10px;}
.liuyanban input[name='key']{height:14px; padding:5px; line-height:14px;}
.liuyanban input[name='gid[]']{vertical-align:middle;}
.liuyanban input[name='isprivate']{margin-bottom:-1px;}
.liuyanban input[type="submit"]{width:90px; padding:5px; line-height:20px; border:none; background:#FF7E00; color:#fff; border-radius:3px;}
.liuyanban textarea{width:838px; margin-bottom:10px; padding:10px;}
.liuyanban #spacegbKeyImg{margin-bottom:-6px;}
.liuyanban .lytitle{height:30px; margin-bottom:10px; border-bottom:solid 2px #ddd;}
.liuyanban .lytitle h3{float:left; margin-bottom:-2px; padding:0 10px; line-height:30px; border-bottom:solid 2px #1269B0;}
.liuyanban .uname{color:#FF7E00;}
.liuyanban table{background:#eee;}
.liuyanban table td{background:#fff;}
.liuyanban table .td1{padding:10px 0;}
.liuyanban table .td1 .text{padding:10px; word-break:break-all; background:#F5F5F5;}
.liuyanban table .retext{margin-top:5px; padding:10px; word-break:break-all; background:#fdb;}
.liuyanban .tableborder{margin-bottom:10px; border-bottom:dashed 1px #eee;}
.liuyanban .keyinput input{display:inline-block; width:40px; height:14px; padding:4px; line-height:16px; border:solid 1px #ddd;}
.liuyanban .showkey{margin-left:5px;}
.liuyanban .showkey img{width:50px; height:24px;}
.liuyanban .layui-form .layui-unselect{margin-top:0; margin-left:5px;}


.addtitle{border-bottom:solid 1px #ddd; font-size:20px; padding:20px; margin-bottom:30px;}
.add{min-height:500px; padding-bottom:30px;}
.add .close{position:absolute; right:0; top:0px; width:18px; height:18px; background:url(images/post_model_close.png);}
.add .close{background-position:0 -18px;}
.add input[type='text']{ height:20px; line-height:20px; border:solid 1px #ddd; padding:5px;}
.add .red{color:red;}
.add #brandname{width:150px;}
.add .brandbox{position:relative; display:block; float:left;}
.add #brand_list{position:absolute; display:none; width:160px; height:420px; left:0; top:35px; border:solid 1px #ddd; background:#fff; overflow:hidden;}
.add .letter{float:left; width:17px; height:100%; padding:5px; font-size:12px; border-right:solid 1px #ddd;}
.add .letter li{width:7px; padding:0 3px; text-align:center; color:#999; cursor:pointer;}
.add .letter li.cur{color:#000; background:#999;}
.add .letter li[onclick]{display:block; color:#000;}
.add .brands{float:right; width:130px; height:420px; overflow-x:hidden; overflow-y:scroll; z-index:100;}
.add .brands li{padding:3px 5px;}
.add .brands li a{display:block; color:#000;}
.add .brands li:hover{background:#999;}

.add #modelname{display:none; width:150px;}
.add .modelbox{position:relative; display:block; float:left; margin-left:10px;}
.add #model_list{position:absolute; display:none; width:160px; left:0; top:35px; border:solid 1px #ddd;}
.add #model_list #models{width:160px; min-height:100px; max-height:420px; background:#fff; overflow-x:hidden; overflow-y:scroll;}
.add #model_list .ultitle{font-weight:bold; padding:0 5px;}
.add #model_list li{padding:3px 5px; cursor:pointer;}
.add #model_list li:hover{background:#999;}
.add .modetip{float:left; margin-left:20px; line-height:30px;}

.add #stylename{display:none; width:250px;}
.add .stylebox{position:relative; display:block; float:left; margin-left:10px;}
.add #style_list{position:absolute; display:none; width:260px; left:0; top:35px; border:solid 1px #ddd;}
.add #style_list #styles{width:260px; min-height:100px; max-height:420px; background:#fff; overflow-x:hidden; overflow-y:scroll;}
.add #style_list .ultitle{font-weight:bold; padding:0 5px;}
.add #style_list li{padding:3px 5px; cursor:pointer;}
.add #style_list li:hover{background:#999;}

.add #styles .ultitle2{margin:20px 0; font-weight:bold;}
/*.add #styles input{border:none;}*/
.add #styles .sid input{width:60px;}
.add #styles .syear input{width:50px;}
.add #styles .sname input{width:300px;}
.add #styles .zprice input{width:50px;}
.add #styles .price input{width:50px;}
.add .input{width:150px;}
.add input[type="submit"]{width:100px; height:35px; line-height:35px; text-align:center; background:#1269B0; border:none; color:#fff; border-radius:5px;}
.add .select{width:160px; height:35px; padding:5px; border:solid 1px #ddd;}

.styletable{background:#aaa; border-spacing:1px;}
.styletable td{background:#fff; padding:5px;}
.styletable th{background:#ddd; padding:5px;}

.table1{background:#eee; border-spacing:1px;}
.table1 td{background:#fff;}
.table1 th{background:#f5f5f5;}
.table1 th a{color:#5CA0D9;}


.xcConfirm.regbook .popBox{width:400px; height:300px;}
.xcConfirm.regbook .popBox .txtBox{height:250px; margin:10px;}
.xcConfirm.regbook .popBox .txtBox p{height:250px; margin:0;}
.xcConfirm.regbook .popBox .btnArea{display:none;}

.img_upload{display:none; width:120px; height:125px; margin:150px; overflow:hidden;}
#upload_show ul li{position:relative; display:block; float:left; width:150px; margin:4px;}
#upload_show ul li a{position:absolute; right:0; top:0; padding:3px; background:#999; color:#fff;}
#upload_show ul li img{width:150px; height:113px;}
#upload_show ul li input{width:140px; padding:4px;}
#submittext{display:none;}
#colorspan{display:none;}



.editavatar{display:none; width:450px; height:250px; margin:10px auto; overflow:hidden;}
.editavatar object{display:block; margin-top:-113px;}

#avatarimg img{width:100px; height:100px; border-radius:50%;}

.goodslist ul{width:900px; margin-top:15px;}
.goodslist li{float:left; width:200px; margin-right:15px; margin-bottom:15px; padding:4px; border:solid 1px #DADCE3;}
.goodslist li:hover{background:#E5E6ED;}
.goodslist li img{width:200px; height:200px;}
.goodslist li .price{width:180px; height:30px; padding:0 10px; line-height:30px; font-size:16px; color:#F3653E; background:#fff;}
.goodslist li .tit{display:block; width:180px; height:50px; padding:0 10px 10px 10px; line-height:25px; background:#fff;}


.allclass ul{padding:30px 0 50px 50px ; border:solid 1px #E4E9EF; border-top:none;}
.allclass li{height:30px; line-height:30px; font-size:18px;}
.allclass li .icon{float:left; width:18px; height:18px; margin-top:6px; margin-right:5px; background:url(../../che2/dealer2/images/bg.png);}
.allclass li[classname='动力操控'] .icon{background-position:-114px -190px;}
.allclass li[classname='车身外观'] .icon{background-position:-60px -190px;}
.allclass li[classname='灯光升级'] .icon{background-position:-78px -190px;}
.allclass li[classname='轮胎轮毂'] .icon{background-position:-96px -190px;}
.allclass li[classname='内饰改装'] .icon{background-position:-132px -190px;}
.allclass li[classname='音响隔音'] .icon{background-position:-150px -190px;}


.dlist dt{float:left;}
.dlist dd{float:left; width:18px; height:18px; margin-top:1px; margin-left:5px; background:url(../../che2/dealer2/images/bg.png);}
.dlist dd[classname='动力操控']{background-position:-114px -190px;}
.dlist dd[classname='车身外观']{background-position:-60px -190px;}
.dlist dd[classname='灯光升级']{background-position:-78px -190px;}
.dlist dd[classname='轮胎轮毂']{background-position:-96px -190px;}
.dlist dd[classname='内饰改装']{background-position:-132px -190px;}
.dlist dd[classname='音响隔音']{background-position:-150px -190px;}

.box4 .vlist{padding:0;}
.vlist li{position:relative; width:278px; height:208.5px;}
.vlist li .img{display:block; width:278px; height:208.5px;}
.vlist li .img img{width:278px; height:208.5px;}
.vlist li .title{position:absolute; display:block; bottom:0; left:0; width:258px; height:30px; padding:25px 10px 5px 10px ; line-height:30px; background:url(../../che2/dealer2/images/titleblackbg2.png) bottom repeat-x; color:#fff; text-align:center;}
.vlist li .play{position:absolute; display:none; left:50%; top:50%; width:51px; height:51px; margin-left:-25.5px; margin-top:-40px; background:url(../../che2/dealer2/images/bg.png) -60px -260px;}
.vlist li:hover .play{display:block;}


.vlist2 ul{width:920px; margin-top:20px;}
.vlist2 li{float:left; width:220px; height:205px; margin-right:20px; margin-bottom:20px;}
.vlist2 li .img{display:block; width:220px; height:165px;}
.vlist2 li .img img{width:220px; height:165px;}
.vlist2 li .tit{display:block; width:220px; height:40px; line-height:20px;}

.editavatar{display:none; width:450px; height:250px; margin:10px auto; overflow:hidden;}
.editavatar object{display:block; margin-top:-113px;}



.setbox{margin-top:20px; padding:30px; border:solid 1px #ddd;}
.setbox.mt0{margin-top:0;}


.input2{padding:5px 0; line-height:35px;}
.input2 .label{display:block; float:left; width:120px;}
.input2 .label span{color:#e21519;}
.input2 .inputlabel{float:left; margin-right:10px;}
.input2 input[type="text"],.input2 input[type="password"]{float:left; width:250px; height:23px; padding:5px 10px; line-height:23px; border:solid 1px #ddd; border-radius:4px;}
.input2 input[type="checkbox"]{vertical-align:middle; margin-top:-2px; margin-right:2px; margin-bottom:-1px;}
.input2 input[type="radio"]{vertical-align:middle; margin-top:-3px;}
.input2 input[type="file"]{float:left; height:25px; margin-top:5px;}
.input2 .inputlabel{margin-right:10px;}
.input2 [inputtip]{display:block; float:left; height:23px; margin-left:10px; margin-top:6px;}
.input2 #quxianTip[inputtip]{margin-top:3px; margin-left:5px;}
.input2 select{float:left; margin-right:5px; padding:5px; border:solid 1px #ddd; border-radius:4px;}
#saytext{float:left; width:400px; height:60px; padding:10px; border:solid 1px #ddd; border-radius:4px;}
#mappoint{margin-right:10px;}
.submit1{width:60px; height:30px; border:none; border-radius:5px; background:#FF2927; color:#fff;}



#bat input[type="checkbox"]{vertical-align:middle;}
#bat .checkalllabel{margin-left:10px; line-height:38px;}
#bat .checkalllabel input{margin-right:5px; margin-top:-1px; margin-bottom:1px;}