.main{position:relative;max-width:1100px;margin:0 auto;}
.main .vue-loading{border:1px #eee solid;}

.banner{max-width:700px;margin:0 auto;text-align:center;}
.banner .title{font-size:23px;font-weight:900;padding:20px 0;}
.banner .desc{line-height:27px;text-align:left;text-indent:30px;}
.banner .rows{height:40px;padding:20px 0 10px;display:none;}
.banner .rows .row{float:left;width:25%;text-align:center;cursor:pointer;position:relative;padding:30px 0 0;}
.banner .rows .row span{background:#fff;border:2px #000 solid;border-radius:100px;padding:0 10px;line-height:28px;display:inline-block;position:absolute;z-index:2;left:50%;margin-left:-17px;top:0;}
.banner .rows .row p{font-size:12px;color:#666;padding:7px 0 0;}
.banner .rows .row:after{position:absolute;content:"";height:1px;background:#ccc;width:100%;top:15px;left:50%;}
.banner .rows .row:last-child:after{display:none;}
.banner .rows .row i{position:absolute;top:-5px;left:60%;z-index:3;color:#0a6;display:none;}
.banner .rows .active span,.banner .rows .success span{background:#000;color:#fff;}
.banner .rows .success i{display:block;}

.param{max-width:800px;margin:20px auto 0;padding:10px 30px 30px 30px;position:relative;border:1px #eee solid;box-sizing: border-box;border-radius:5px;min-height:400px;}
.param .title{font-size:15px;font-weight:900;padding:20px 0 8px;}
.param .title span{font-weight:300;font-size:12px;color:#988;}
.param .rate{padding:10px 10px 0;font-size:18px;font-weight:300;letter-spacing:5px;}
.param .link{padding:20px 10px 0;font-size:12px;color:#03c;text-decoration:underline;}

.param .pic-title{font-size:12px;color:#b15d37;}
.param .pic-desc{font-size:12px;}
.param .pic-item{padding:25px 0 0;}
.param .pic-inner{position:relative;padding:15px 0 0 230px;min-height:185px;}
.param .upload-item{position:absolute;width:150px;height:150px;left:0;top:15px;border:1px #999 solid;cursor:pointer;}
.param .upload-item span{position:absolute;left:50%;top:43%;z-index:9;color:#000;font-size:45px;margin:-15px 0 0 -19px;}
.param .upload-item img{width:100%;opacity:.8;}
.param .upload-item input{position:absolute;left:0;top:0;height:100px;opacity:0;visibility:hidden;}
.param .pic-example{width:150px;height:182px;border:1px #e2e2e2 solid;text-align:center;box-sizing: border-box;}
.param .pic-example img{width:100%;}
.param .pic-example p{font-size:12px;background:#f5f5f8;border-top:1px #e2e2e2 solid;line-height:28px;}

.select-address{width:100%;height:47px;display:block;}
.select-address .iconfont{position:absolute;margin:0 0 0 -18px;font-size:14px;}
.address-info{padding:0 15px;line-height:47px;border:1px #555 solid;}


.nav{position:relative;width:800px;margin:0 auto;}
.nav .img{position:absolute;right:-220px;width:203px;}
.nav .step{position:absolute;width:200px;left:-230px;top:-25px;}
.nav .step .name{font-weight:bold;padding:10px 10px 5px;}
.nav .step .rows{line-height:40px;border:1px #eee solid;cursor:pointer;transition:all .5s;font-size:13px;color:#777;padding:0 15px;margin:10px 0 0;}
.nav .step .rows:hover{background:#f5f5f8;}
.nav .step .iconfont{display:none;padding:0 5px;font-weight:normal;}
.nav .step .active,.nav .step .success{font-weight:bold;color:#000;}
.nav .step .success .iconfont{display:inline-block;color:#0a6;}

.radios .item{position:relative;cursor:pointer;padding:10px 0 10px 30px;color:#566;transition:all .4s;}
.radios .item .iconfont{position:absolute;font-size:25px;left:0;top:7px;}
.radios .item .icon-radiobuttonselect{display:none;}
.radios .item:hover{color:#000;background:#f5f5f8;}
.radios .active{color:#000;}
.radios .active .icon-radiobuttonselect{display:block;}

.select{padding:13px 12px;border:1px #dedede solid;border-radius:4px;width:100%;box-sizing: border-box;font-size:14px;position:relative;cursor:pointer;transition:all .3s;}
.select:hover,.select:active{background:#fafafa;}
.select[disabled]{background:#f5f5f5;}
.select .iconfont{position:absolute;right:0;top:10px;font-size:25px;}

.btn{padding:20px 0 0;text-align:right;}
.btn .zh-button{display:inline-block;padding:5px 30px;}


.common-input{border-color:#dedede;border-radius:4px;margin-top:0;}

/*品牌选择组件*/
.brand-bg{position:fixed;width:100%;height:100%;top:0;left:0;z-index:98;background:#000;opacity:.5;}
.brand{position:fixed;z-index:100;width:50%;height:80%;top:10%;left:50%;margin-left:-25%;background:#fff;overflow:hidden;}
.brand > .icon-x{position:absolute;font-size:20px;padding:15px;right:0;top:0;cursor:pointer;z-index:101;}
.brand .title{font-size:18px;position:absolute;top:0;text-align:center;line-height:70px;width:100%;font-weight:900;}
.brand .items{padding:70px 0 50px;box-sizing:border-box;position:relative;height:100%;}
.brand .items .icon-left2{position:absolute;font-size:20px;;top:5px;left:5px;padding:15px;z-index:102;cursor:pointer;background:#f5f5f8;border-radius:100px;}

.brand .title{font-size:18px;position:absolute;top:0;text-align:center;line-height:70px;width:100%;font-weight:900;}
.brand .list{width:100%;height:100%;overflow-y:scroll;padding:20px 0;box-sizing: border-box;}
.brand .list::-webkit-scrollbar{}
.brand .item{cursor:pointer;height:51px;line-height:18px;border-radius:5px;transition:all .5s;white-space:nowrap;word-break: break-all;text-overflow:ellipsis;overflow:hidden;letter-spacing:0;}
.brand .item{float:left;width:28%;border:1px #eee solid;margin:0 0 20px 4%;padding:15px 20px 15px 60px;position:relative;box-sizing: border-box;}
.brand .item .pic{position:absolute;width:35px;height:35px;left:15px;top:7px;background-size:contain;background-position:center;background-repeat:no-repeat;}

.brand .item:hover{background:#f5f5f8;}
.brand .active:hover{background-image:linear-gradient(to right, #fff 30% , #fffdf0);border:1px #f1c51e solid !important;}
.brand .common-input{margin:0 0 20px 4%;width:92%;border-radius:5px;box-sizing: border-box;}
.brand .common-input>.icon-x{position:absolute;right:0;font-size:20px;padding:11px 12px;cursor:pointer;}


/*城市选择组件*/
.province-bg{position:fixed;width:100%;height:100%;top:0;left:0;z-index:98;background:#000;opacity:.5;}
.province{position:fixed;z-index:100;width:50%;height:80%;top:10%;left:50%;margin-left:-25%;background:#fff;overflow:hidden;}
.province > .icon-x{position:absolute;font-size:20px;padding:15px;right:0;top:0;cursor:pointer;z-index:101;}
.province .all-section{width:400%;position:absolute;height:100%;z-index:100;left:0%;transition:all .5s;}
.province .items{padding:70px 0 50px;width:25%;float:left;;height:100%;box-sizing:border-box;position:relative;}
.province .items .icon-left2{position:absolute;font-size:20px;;top:15px;left:15px;padding:8px 25px;z-index:102;cursor:pointer;background:#f5f5f8;border-radius:5px;font-weight:900;}
.province .items .title{font-size:18px;position:absolute;top:0;text-align:center;line-height:70px;width:100%;font-weight:900;}
.province .items .list{width:100%;height:100%;overflow-y:scroll;padding:0 0 20px;box-sizing: border-box;}
.province .items .item{float:left;width:30%;border:1px #eee solid;margin:0 0 15px 2%;text-align:center;padding:10px 0;cursor:pointer;transition:all .3s;}
.province .items .item:hover,.province .items .item:active{background:#f5f5f8;}

/*手机端兼容样式*/
@media screen and (max-width:1300px){
	.banner,.param{max-width:92%;margin:20px 0 0 4%;}
	.banner .rows{display:block;}
	.banner .img{display:none;}
	.param{padding:10px 15px 15px 15px;margin-bottom:10px;}
	.nav{display:none;}
	.banner .title{font-size:18px;font-weight:600;padding:5px 0 15px;}
	.btn .zh-button{width:100%;}
	.param .pic-inner{padding-left:160px;}
	.brand,.province{width:92%;height:90%;margin:0;left:3%;}
	.brand .item{width:92%;margin:0 0 20px 4%;}
	.address-w{width:99% !important;}
}