/*公共类*/

@charset "utf-8"; html,body,*{font-family: "microsoft yahei" !important;}
.btncom{display: inline-block;border-radius: 4px;padding: 10px 40px;cursor: pointer;}
.btnbank{color: #333;border: 1px solid #ddd;background: #fff;cursor: pointer;}
.btnhove,.btnbank:hover{color: #fff;border: 1px solid #666;background: #666;}
.btnhove:hover{color: #fff;background: #333;}
.fill{display: block;width: 100%;height: 100%;border: none;}
.anisca2{cursor: pointer;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);transform: scale(1, 1);}
.anisca:hover .anisca2{-webkit-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
.anisca{cursor: pointer;overflow: hidden;}
.bosh{-webkit-box-shadow: 0px 0px 10px #ddd;box-shadow: 0px 0px 10px #ddd;}
.boshh:hover{-webkit-box-shadow: 0px 0px 10px #ddd;box-shadow: 0px 0px 10px #ddd;}
.inblau{display: inline-block;width: auto;}
.heiaut{height: auto;overflow: hidden;}
.over{-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
.flejc{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.flejc2{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flxai{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.fleai2{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.thecol,.thecolhov:hover{color: #1E9FFF !important;cursor: pointer;margin:7px 5px 0;}
.thecol:hover{color: #4FABEF !important;cursor: pointer;}
.thebg,.thebghov:hover{background: #1E9FFF !important;color: #fff !important;cursor: pointer;}
.thebg:hover{background: #4FABEF !important;color: #fff !important;cursor: pointer;}
.thebor{border: 1px solid #1E9FFF;cursor: pointer;}
.thebor:hover{border: 1px solid #4FABEF;cursor: pointer;}
.thesha{-webkit-box-shadow: 0px 0px 20px #1E9FFF;box-shadow: 0px 0px 20px #1E9FFF;border-radius: 10px;cursor: pointer;}
.thesha:hover{-webkit-box-shadow: 0px 0px 20px #4FABEF;box-shadow: 0px 0px 20px #4FABEF;border-radius: 10px;cursor: pointer;}
.theshain{-webkit-box-shadow: 0px 0px 20px #1E9FFF inset;box-shadow: 0px 0px 20px #1E9FFF inset;}
.rad6{border-radius: 6px}
.aniall,.boshh{transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s;}
.bosh{-webkit-box-shadow: 0px 0px 10px #ddd;box-shadow: 0px 0px 10px #ddd;}
.boshh:hover{-webkit-box-shadow: 0px 0px 10px #ddd;box-shadow: 0px 0px 10px #ddd;}

/*0注册商户*/

.reg_shanghu_title{width: 100%;position: absolute;top: -32px;left: 0;}
.reg_shanghu_title_a{float: left;background: #d8d8d8;width: 109px;height: 32px;text-align: center;line-height: 32px;color: #404040;font-size: 12px;}
.reg_shanghu_title_a.on{background: #595e67; color: #fff;}
.reg_item_process{width: 525px;position: absolute;left: 300px;top: 75px;}
.reg_item_process_each{width: 175px;float: left;text-align: center;position: relative;}
.reg_item_process_each:after{content: '';display: block;width: 85px;height: 3px;background: #ccc;position: absolute;top: 9px;left: 0;}
.reg_item_process_each:before{content: '';display: block;width: 85px;height: 3px;background: #ccc;position: absolute;top: 9px;right: 0;}
.reg_item_process_each span{display: block;width: 20px;height: 20px;text-align: center;line-height: 20px;margin: auto;font-size: 12px;color: #909090;background: #cccccc;border-radius: 100%;}
.reg_item_process_each p{font-size: 12px;color: #909090;line-height: 12px;margin-top: 10px;}
.reg_item_process_each.on:after,.reg_item_process_each.on:before{background: #ff6969;}
.reg_item_process_each.on span{background: #ff6969;color: #fff;}
.reg_item_process_each.on p{color: #ff6969;}
.reg_shanghu .reg_item{padding-top: 204px;}
.reg_content, .reg, .reg_form, .reg_item{height: auto;}
.reg_item{background: none;}
.items span i{display: inline-block;font-style: normal;font-size: 14px;color: #ff6969;}
a.z-agreeBtn{width: 188px;background: #ccc;letter-spacing: 0;display: inline-block;}
a.z-agreeBtn.on,a.z-agreeBtn:hover{background: #FF6C6B;}
.reg_item_img{text-align: center;position: absolute;top: 76px;left: 90px;}
.reg_item_img p{font-size: 14px;color: #363636;line-height: 14px;margin-top: 22px;}

/*0注册商户信息*/

.reg_backt_to_lastPage{font-size: 14px;color: #00acee; vertical-align: top;display: inline-block;margin-left: 15px;line-height: 34px;}

/*0注册个人成功和注册商户成功*/

.reg_sucess{width: 100%;height: 426px;text-align: center;box-sizing: border-box;padding-top: 105px;}
.reg_sucess p{font-size: 24px;color: #ff6969;line-height: 24px;margin-top: 25px;}

/*视频专区页面*/

.play_video{background: #aaa;width: auto;height: auto;overflow: hidden;margin-top: 0;}
.play_video a{background: url(../images/play.png) no-repeat;width: 83px;height: 97px;}
.play_video2 a{background: url(../images/play1.png) no-repeat;width: 83px;height: 97px;}
.play_video a span{color: red;padding-top: 35px;display: block;}

/*维修页面的左边导航与右边搜索*/

.repair_wrap{padding: 0;}
.repair_pos form{position: relative;display: inline-block;overflow: hidden;border-radius: 6px;}
.repair_pos input{outline: none;border: none;display: inline-block;height: 40px;float: left;}
.repair_pos,.repair_pos .blockbox,.repair_pos .pst{height: auto;overflow: hidden;}
.repair_pos .blockbox{padding: 10px 0px;}
.repair_pos .pst{display: inline-block;width: auto;line-height: 1;}
.repair_sear{width: 380px;padding-left: 20px;}
.repair_sear:focus{box-shadow: 0px 0px 3px #1E9FFF inset;}
.repair_sub{width: 150px;cursor: pointer;}
.repair_pos .fl{height: 40px;line-height: 40px;}
.repair_pos .fr em{position: absolute;top: 12px;right: 110px;background: url(../images/repair3.png) no-repeat;display: block;width: 16px;height: 16px;}

/*维修页面的维修服务商头部*/

.repair_wrap .searchbox{background: -pink;padding: 15px 0px;border-bottom: 1px solid #eee;}
.repair_wrap .searchbox b{font-size: 22px;margin-right: 15px;font-weight: 400;}
.repair_wrap .searchbox em{background: url(../images/repair1.png) no-repeat;display: inline-block;width: 57px;height: 11px;text-align: center;}
.repair_wrap .searchbox em span{display: block;margin-top: -5px;}

/*维修页面的中间区域可重复的盒子*/

.repair_c{height: auto;margin: 0;background: #fff;display: flex;align-items: center;border-radius: 6px;margin: 15px 0px;}
.repair_c .box{float: left;display: inline-block;height: auto;overflow: hidden;}
.repair_c .one{width: 250px;background: -orange;text-align: center;}
.repair_c .two{width: 700px;background: -greenyellow;}
/*.repair_c .two>div{padding: 20px 0px;font-size: 14px;}*/
.repair_c .two>div{padding: 10px 0px;font-size: 14px;}
.repair_c .two>div:hover{background: #f5f5f5;}
.repair_c .two .tit{font-size: 16px;font-weight: 700;padding-left: 20px;}
.repair_c .two .tit em{position: relative;left: 10px;}
.repair_c .two>div>span{display: inline-block;width: 100px;text-align: right;}
.repair_c .two .red{color: #FF0000;}
.repair_c .two .blue{color: #1E9FFF;}
.repair_c .two ul,.repair_c .two ul li{display: inline-block;}
.repair_c .two ul li{margin: 0px 5px;}
.repair_c .three{width: 250px;background: -gold;text-align: center;}
.repair_c .three a{margin: 10px 0px;font-size: 14px;}

/*维修页面的弹出层layer*/

#layer_repair{display: none;width: 667px;height: 567px;background: #fff;text-align: center;}
#layer_repair .row{height: 40px;line-height: 40px;}
#layer_repair .row1{padding-top: 10px;font-size: 16px;font-weight: 700;}
#layer_repair .row2{border-bottom: 1px solid #eee;padding-bottom: 10px;font-size: 14px;}
#layer_repair .tel{margin-right: 15px;}
#layer_repair .red{color: #FF0000;}
#layer_repair form *{border: none;outline: none;}
#layer_repair label{display: block;width: 100%;height: 40px;line-height: 40px;background: -#ddd;margin: 20px 0px;}
#layer_repair label *{display: inline-block;}
#layer_repair label span:first-child{background: -greenyellow;width: 200px;text-align: right;}
#layer_repair label .comForm{background: -red;width: 200px;height: 40px;border-radius: 4px;border: 1px solid #eee;}
#layer_repair label span:last-child{background: -orange;width: 200px;color: #888;}

/*机型库的维修服务商头部*/

.phonetype_wrap .searchbox{height: auto;overflow: hidden;display: flex;align-items: center;padding-bottom: 25px;border-bottom: 1px solid #ddd;}
.phonetype_wrap .searchbox .red{color: #FF0000;font-size: 14px;margin-right: 5px;}
.phonetype_wrap .searchbox *{display: inline-block;width: auto;font-size: 14px;}
.phonetype_wrap .searchbox ul{height: auto;overflow: hidden;line-height: 1;}
.phonetype_wrap .searchbox b{font-size: 18px;font-weight: 400;}
.phonetype_wrap .searchbox .total{margin: 0px 12px;}
.phonetype_wrap .searchbox .total .red{margin: 0px 5px;}
.phonetype_wrap .searchbox ul li{border: 1px solid #ddd;padding: 6px 10px;}
.phonetype_wrap .searchbox ul li a{font-size: 20px;font-weight: 700;}
.phonetype_wrap .brandbox{border-bottom: 1px dotted #ddd;padding: 10px;overflow: hidden;}
.phonetype_wrap .brandbox label{display: inline-block;width: auto;}
.phonetype_wrap .brandbox .brandlist *{}
.phonetype_wrap .brandbox .brandlist2 li{float: left;margin-right: 10px;margin-bottom: 10px;}
.phonetype_wrap .brandbox .brandlist2 a{height: 48px;line-height: 48px;margin: 0;padding: 0px 10px;width: auto;}
.phonetype_wrap .brandbox .brandlist2 a:hover{background: #1E9FFF;color: #fff;border-radius: 4px;}
.phonetype_wrap .category{margin-top: 10px;}
.phonetype_wrap .marbot{margin-bottom: 10px;}
.phonetype_wrap .category label{font-weight: 700;}
.product-search-m{float: right;width: 950px !important;}

/*机型库页面的中间区域可重复的盒子*/

.phonetype_c{background: #fff;height: auto;overflow: hidden;display: flex;/*justify-content: space-around;*/flex-wrap: wrap;padding: 20px;margin-bottom: 0;}
.phonetype_c .box{width: 215px;float: left;text-align: center;margin-bottom: 20px;margin-right: 20px;}
.phonetype_c .box:hover{color: #1E9FFF;}
.phonetype_c .img{display: block;width: 215px;height: 215px;overflow: hidden;border:1px solid #E8E8E8;}
.phonetype_c p{height: 40px;line-height: 40px;transition: all 0s !important;}
.phonetype_c .p1{font-weight: 700;font-size: 14px;height: 40px;overflow: hidden;word-break:break-all;word-wrap:break-word;}

/*机型库详情页面的左侧商品轮播和右侧商品详情*/

.phonetype2_wrap{padding: 0;}
.phonetype2_wrap *{font-size: 14px;}
.phonetype2_wrap .searchbox ul{height: auto;line-height: 1;}
.phonetype2_wrap .searchbox ul li{margin-right: 0;}
.phonetype2_wrap .goods{height: auto;overflow: hidden;float: left;}
.phonetype2_wrap .wid340{background: -greenyellow;width: 370px;height: 495px;}
.phonetype2_wrap .wid800 *{transition: all 0s;}
.phonetype2_wrap .wid800{background: -orange;width: 745px;padding-left: 20px;}
.phonetype2_wrap .wid800 b{display: inline-block;width: 100px;text-align: right;margin-right: 10px;background: -red;}
.phonetype2_wrap .wid800>p{padding: 15px 0px;background: -greenyellow;}
.phonetype2_wrap .wid800>.p1{font-size: 20px;position: relative;}
.phonetype2_wrap .wid800>.p2{color: #FF0000;font-size: 16px;}
.phonetype2_wrap .wid800 .p1 a{position: absolute;top: 15px;right: 5px;}
.phonetype2_wrap .wid800 .ul1{background: -pink;height: auto;overflow: hidden;}
.phonetype2_wrap .wid800 .ul1 li{display: inline-block;width: 32%;float: left;text-align: left;padding: 15px 0px;word-break:break-all;word-wrap:break-word}
.phonetype2_wrap .wid800 .ul1 b{font-weight: 400;}
.phonetype2_wrap .wid800 .ul2{padding: 15px 0px}
.phonetype2_wrap .wid800 .ul2 li{margin-right: 20px;border: 1px solid #ddd;padding: 5px 10px;}
.phonetype2_wrap .wid800 .ul2 .pro{text-align: left;margin-right: -15px;font-weight: 400;}
.phonetype2_wrap .wid800 .ul3{padding-top: 20px;padding-bottom: 10px;background: #f5f5f5;}
.phonetype2_wrap .wid800 .ul3 .p1{padding-left: 20px;font-weight: 700;font-size: 16px;margin-bottom: 10px;}
.phonetype2_wrap .wid800 .ul3 .p2{padding-left: 20px;line-height: 30px;}
.phonetype2_wrap .wid800 .ul4{padding-top: 10px;}
.phonetype2_wrap .wid800 .ul4 .fl{width: 47%;background: -greenyellow;padding-right: 3%;border-right: 1px solid #ddd;}
.phonetype2_wrap .wid800 .ul4 .fr{width: calc( 47% - 1px);padding-left: 3%;background: -yellow;}
.phonetype2_wrap .wid800 .ul4 p{height: 40px;line-height: 40px;font-weight: 700;font-size: 16px;}
.phonetype2_wrap .wid800 .ul4 li{display: block;width: 99%;height: 30px;line-height: 30px;border-bottom: 1px dashed #ddd;}
.phonetype2_wrap .wid800 .ul4 li:hover a{color: #1E9FFF;}
.phonetype2_wrap .wid800 .ul4 a span:first-child{float: left;}
.phonetype2_wrap .wid800 .ul4 a span:last-child{float: right;}
.phonetype2_wrap .wid800 .ul4 .ul42 a span:first-child:before{content: "促";display: inline-block;padding: 0px;height: 20px;width: 20px;text-align: center;line-height: 20px;background: red;border-radius: 4px;margin-right: 5px;color: #fff;}

/*机型库详情页面的左侧轮播*/

.pcSlide{width: 340px;}
.pcSlide .view .swiper-container{width: 340px;height: 400px;background: -red;}
.pcSlide .preview .swiper-container{width: 235px;height: 80px;padding:10px;padding-top: 7px;background: -cyan;}
.pcSlide .view .swiper-slide img{display: block;width: 100%;height: 100%;border: none;}
.pcSlide .preview .swiper-slide img{padding: 2px;display: inline-block;width: 90%;height: 90%;border: none;}
.pcSlide .preview{width: 100%;position: relative;}
.pcSlide .preview .swiper-slide{width: 100px;height: 80px;display: flex;align-items: center;}
.pcSlide .preview .active-nav img{padding: 0;border: 2px solid red;}
.pcSlide .preview .arrow-left{background: url(../images/arr3.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.pcSlide .preview .arrow-right{background: url(../images/arr4.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}

/*机型库详情页面的产品经销商和维修服务商的Tab切换*/

.searchbox2{background: rgb(141, 147, 158);padding: 30px;}
.searchbox2 .bd *{font-size: 12px;}
.searchbox2 .hd{margin-bottom: 20px;position: relative;}
.searchbox2 .hd .showMore{position: absolute;top: 0;right: 10px;color: #fff;}
.searchbox2 .hd li{background: -red;border-bottom: 2px solid rgb(141, 147, 158);height: 50px;line-height: 50px;margin-right: 20px;cursor: pointer;}
.searchbox2 .hd li a{color: #ddd;font-size: 20px;}
.searchbox2 .hd li.on,.searchbox2 .hd li:hover{border-bottom: 2px solid #fff;}
.searchbox2 .hd li.on a,.searchbox2 .hd li:hover a{color: #fff;}
.searchbox2 .hd li em{background: url(../images/chuizi.png) no-repeat;display: inline-block;width: 12px;height: 16px;margin-right: 10px;}
.searchbox2 .bd ul{display: flex;flex-wrap: wrap;width: 102%;}
.searchbox2 .bd .wid380{background: #fff;padding: 13px;margin-bottom: 15px;margin-right: 15px;width: 345px;}
.searchbox2 .bd .wid380 p{padding: 5px 0px;}
.searchbox2 .bd .wid380 .p1{font-size: 20px;}
.searchbox2 .bd .wid380 .p1 h3{float: left;}
.searchbox2 .bd .wid380 .p5{float: right;margin-top:6px;}
.searchbox2 .bd .wid380 .orange{color: orange;}
.searchbox2 .bd .wid380 .spanBtn{background: #ff5757;padding: 5px 15px;color: #fff;}
.searchbox2 .bd .wid380 .spanBtn:hover{background: #ef3d3d;}

/*机型库详情页面的通用Tab头部*/

.comHD ul{border-bottom: 1px solid #232323;background: #f5f5f5;}
.comHD li{color: #232323;padding: 14px 28px;font-size: 16px;cursor: pointer;}
.comHD li:hover,.comHD .on{background: #232323;color: #fff;}

/*机型库详情页面的产品介绍与主要参数的Tab切换*/

.searchbox3 .bd .ul1{height: auto;display: block;width: 100%;background: #ddd;}
.searchbox3 .bd .ul1{/*display: flex;*/align-items: center;justify-content: center;}
.searchbox3 .bd .ul2{background: #fff;padding: 30px 0px;}
.searchbox3 .bd .ul2 .tables{width: 60%;margin: 0px auto;border-collapse: collapse;}
.searchbox3 .bd .ul2 .tables tr{height: 40px;}
.searchbox3 .bd .ul2 .tables tr th{background: #aaa;text-align: left;color: #fff;font-size: 16px;padding-left: 20px;letter-spacing: 2px;}
.searchbox3 .bd .ul2 .tables tr:hover{background: #ddd;}
.searchbox3 .bd .ul2 .tables tr td:first-child{text-align: right;padding-right: 20px;}
.searchbox3 .bd .ul2 .tables tr td:last-child{padding-left: 20px;}
.searchbox3 .bd .ul3{background: #fff;padding-bottom: 20px;padding-top: 10px;}
.searchbox3 .bd .ul3 .box{display: inline-block;width: 44%;border-bottom: 1px dotted #aaa;float: left;padding: 0% 3%;}
.searchbox3 .bd .ul3 .red{color: #FF0000;margin: 0px 4px;}
.searchbox3 .bd .ul3 p{padding: 10px 0px;}
.searchbox3 .bd .ul3 .p1{font-size: 16px;font-weight: 700;margin-top: 20px;}
.searchbox3 .bd .ul3 .p4{margin-bottom: 20px;margin-top: 10px;}
.searchbox3 .bd .ul3 .p4 a{background: #11af09;padding: 10px 20px;color: #fff;}
.searchbox3 .bd .ul3 .p4 a:hover{background: #19bb11;}
.searchbox3 .bd .ul3 .p4 em{background: url(../images/yunduo.png) no-repeat;display: inline-block;width: 22px;height: 16px;margin-right: 5px;}
.searchbox3 .bd .ul3 .p3 span{display: inline-block;width: auto;background: -red;font-size: 12px;margin-right: 10px;}
.searchbox3 .bd .ul3 .p2{font-size: 12px;}
.searchbox3 .bd .ul4{display: flex;/*justify-content: space-around;*/padding: 30px;background: #fff;}
.searchbox3 .bd .ul4 .box{display: inline-block;text-align: center;float: left;}
.searchbox3 .bd .ul4 .box:hover{color: #1E9FFF;}
.searchbox3 .bd .ul4 .box .img{display: block;width: 157px;height: 157px;position: relative;}
.searchbox3 .bd .ul4 .box .txt{padding: 10px 0px;}
.searchbox3 .bd .ul5 .img em{background: url(../images/play2.png) no-repeat;display: inline-block;width: 60px;height: 60px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}