/*品牌大全*/
/*.subsnav{ background: #e6e6e6; width: 100%; min-width: 1200px; margin-bottom: 20px; overflow: hidden;}*/
/*.subsnav li{ width: 120px; height: 40px; line-height: 40px;  font-size: 14px; float: left; text-align: center; }*/
/*.subsnav li a{ display: block; color: #787878; -webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}*/
/*.subsnav li.on a,.subsnav li.on:hover a{ background: #ff3b3c; color: #fff; }*/
/*.subsnav li a:hover{ background: #fe5354; color: #fff; }*/
.subsnav li{ width: 120px; }

/*过滤条件*/
.category-fliter{ background: #fff; padding: 10px; margin-bottom: 20px; overflow: hidden; color: #787878; font-size: 14px; line-height: 2; zoom:1; position: relative; }
.category-fliter .item{ overflow: hidden; zoom:1; position: relative; }
.category-fliter .left{ width: 85px; float: left; text-align: right; }
.category-fliter .right{ overflow: hidden;  width: 80%; position: relative;}
.category-fliter .right a{ color: #787878; padding: 0 10px; display: inline-block; }
.category-fliter .right a:hover,.category-fliter .right a.on{ color:#ff3b3c; }
.category-fliter .more{ position: absolute; top: 10px; right: 15px; z-index: 5; color: #588AC6; }
.category-fliter .item-hide{ display: none; }
.category-fliter-on .item-hide{ display: block; }
.category-fliter .fliter-next{ position: absolute; z-index: 5;  }
.category-fliter .fliter-next a{ color: #969696; padding: 0 5px; display: inline-block;}
.category-fliter .fliter-next a:hover,.category-fliter .fliter-next a.on{ color:#ff3b3c; }
.fliter-selected{ border-bottom: #cecece 1px solid; background: #e5e5e5; font-size: 14px; overflow: hidden;  color: #787878; line-height: 25px; height: 25px; padding: 5px 0; }
.fliter-selected .left{width: 95px; float: left; text-align: right; margin-right: 10px;}
.fliter-selected .right{ overflow: hidden;  position: relative;}
.fliter-selected a{ color: #787878; }
.fliter-selected .select{ border:#ff3b3c 1px solid; color: #ff3b3c; padding: 0 5px; background: #fff; display: inline-block; margin-right: 5px;  }
.fliter-selected .close{display: inline-block; width: 20px; height: 20px; line-height: 20px; position: relative; top: -2px; vertical-align: middle;  color: #ff3b3c; font-family: 'Microsoft YaHei'; text-align: center; font-size: 16px; font-weight: 700; border-radius: 100%; margin-left: 5px; }
.fliter-selected .closeall{ border:#cecece 1px solid; padding: 0 5px; background: #fff; display: inline-block;}
.fliter-selected .closeall i{display: inline-block; width: 16px; height: 16px; line-height: 14px; background: #ff3b3c; position: relative; top: -1px; vertical-align: middle;  color: #fff; font-family: 'Microsoft YaHei'; text-align: center; font-size: 14px; margin-right: 5px; border-radius: 100%;  }

.grid-con{ overflow: hidden; }
.grid-left{ float: left; width: 820px; }
.grid-right{float: right; width: 360px;}

/*品牌大全lists*/
.Brand-lists .arrange-bar{ height: 40px; background: #f5f5f5; margin-bottom: 10px;  }
.Brand-lists .arrange-bar .order{ float: right; margin-right: 15px; margin-top: 10px;  background: transparent; line-height: 20px; height: 20px; color: #969696; appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url(../images/category/select-icon.png) no-repeat scroll right center transparent;padding-right: 25px; outline: none; }
.Brand-lists .arrange-bar select::-ms-expand { display: none; }
.Brand-lists .arrange-bar .row,.Brand-lists .arrange-bar .col{ width: 50px; height: 40px; float: left; text-align: center; }
.Brand-lists .arrange-bar .row{ background: url(../images/i-status1.png) no-repeat -148px -140px;}
.Brand-lists .arrange-bar .col{ background: url(../images/i-status1.png) no-repeat -187px -140px;}
.Brand-lists .arrange-bar .on{ background-color: #fff; }
.Brand-row .item{ overflow: hidden; margin-bottom: 20px; background: #fff; padding: 20px; font-size: 13px; color: #787878;}
.Brand-row .item:hover{ box-shadow: rgba(0,0,0,.1) 1px 3px 5px;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out; }
.Brand-row .left{ float: left; margin-right: 20px; width: 124px; }
.Brand-row .pic{ width: 122px; height: 94px; overflow: hidden; /* background: #f0f0f0; */ margin-bottom: 10px; border: solid 1px #e6e6e6; }
.Brand-row .pic img{ width: 100%; height: 100%;}
.Brand-row .star{ text-align: center; margin-bottom: 5px; height: 13px; overflow: hidden; }
/*.Brand-row .star i{ width: 75px; height: 13px; display: block; background-image: url(../images/category/star.png); background-repeat: no-repeat; margin: 0 auto}*/
.Brand-row .star00{ background-position: 0 -1px;width: 75px; height: 13px; display: block; background-image: url(../images/category/star.png); background-repeat: no-repeat; margin: 0 auto }
.Brand-row .star01{ background-position: 0 -23px;width: 75px; height: 13px; display: block; background-image: url(../images/category/star.png); background-repeat: no-repeat; margin: 0 auto }
.Brand-row .star02{ background-position: 0 -45px;width: 75px; height: 13px; display: block; background-image: url(../images/category/star.png); background-repeat: no-repeat; margin: 0 auto }
.Brand-row .star03{ background-position: 0 -67px;width: 75px; height: 13px; display: block; background-image: url(../images/category/star.png); background-repeat: no-repeat; margin: 0 auto }
.Brand-row .star04{ background-position: 0 -89px;width: 75px; height: 13px; display: block; background-image: url(../images/category/star.png); background-repeat: no-repeat; margin: 0 auto }
.Brand-row .star05{ background-position: 0 -111px;width: 75px; height: 13px; display: block; background-image: url(../images/category/star.png); background-repeat: no-repeat; margin: 0 auto }
.Brand-row .star00_5 {width: 76px; height: 13px; display: block; background-repeat: no-repeat; margin: 0 auto; background: url(../images/category/star-half.png) no-repeat 0 -1px;}
.Brand-row .star01_5 {width: 76px; height: 13px; display: block; background-repeat: no-repeat; margin: 0 auto; background: url(../images/category/star-half.png) no-repeat 0 -25px;}
.Brand-row .star02_5 {width: 76px; height: 13px; display: block; background-repeat: no-repeat; margin: 0 auto; background: url(../images/category/star-half.png) no-repeat 0 -50px;}
.Brand-row .star03_5 {width: 76px; height: 13px; display: block; background-repeat: no-repeat; margin: 0 auto; background: url(../images/category/star-half.png) no-repeat 0 -74px;}
.Brand-row .star04_5 {width: 76px; height: 13px; display: block; background-repeat: no-repeat; margin: 0 auto; background: url(../images/category/star-half.png) no-repeat 0 -99px;}

.Brand-row .name{ font-size: 14px; margin-bottom: 5px; text-align: center; white-space: nowrap; text-overflow: ellipsis; width: 100%; }
.Brand-row .msg-btn2,.Brand-row .call-btn2{ padding: 0 15px; line-height: 28px; border: #e6e6e6 1px solid; color: #ff3b3c; font-size: 12px;margin-bottom: 10px; display: none; -webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.Brand-row .call-btn2 i,.Brand-row .call-btn i{ background-image: url(../images/i-status1.png);background-position: 0px -108px; background-repeat: no-repeat; width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 3px; position: relative; top: -2px;}

.Brand-row .msg-btn2{ margin-left: 10px; margin-right: 5px;  }
.Brand-row .right{ overflow: hidden; }
.Brand-row .range{ float: right; font-size: 18px; color: #5D5D5D; }
.Brand-row .campanname{ font-size: 18px; color: #5D5D5D; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 10px; margin-bottom: 5px; }
.Brand-row .rule{ color: #969696; font-size: 14px; margin-bottom: 5px; overflow: hidden;}
.Brand-row .rule li{ margin-right: 15px; float: left; }
.Brand-row .rule i{ margin-right: 3px; width: 18px; height: 18px; vertical-align: middle; display: inline-block; position: relative; top: -1px; }
.Brand-row .rule .icon01{background: url(../images/i-status.png) no-repeat -140px -2px;}
.Brand-row .rule .icon02{background: url(../images/i-status.png) no-repeat -2px -2px;}
.Brand-row .rule .icon03{background: url(../images/i-status.png) no-repeat -99px -2px;}
.Brand-row .rule .icon04{background: url(../images/i-status.png) no-repeat -59px -2px;}
.Brand-row .attr{ line-height: 1.8; color: #969696; margin-bottom: 15px; }
.Brand-row .red{ color: #ff3b3c; }
.Brand-row .blue{ color: #588AC6; }
.Brand-row .bottom{ color: #969696; font-size: 14px; line-height: 38px; }
.Brand-row .msg-btn,.Brand-row .call-btn{ width: 177px; text-align: center; line-height: 36px; vertical-align: middle; border: #e6e6e6 1px solid; color: #ff3b3c; font-size: 14px; display: inline-block; float: right; -webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.Brand-row .msg-btn{ margin-right: 20px; }
.Brand-col .con{ margin-left: -10px; margin-right: -10px; zoom:1; position: relative; }
.Brand-col .item{width: 190px; float: left; padding: 0; margin: 0 10px 10px 10px;}
.Brand-col .right{ display: none; }
.Brand-col .left{ float: none;  width: 100%; margin: 0; }
.Brand-col .pic{ width: 190px; height: 147px; text-align: center; }
.Brand-col .pic img{ width: 100%; }
.Brand-col .msg-btn2,.Brand-col .call-btn2{ display: inline-block; }
.Brand-col .msg-btn2:hover,.Brand-col .call-btn2:hover,.Brand-row .msg-btn:hover,.Brand-row .call-btn:hover{ background: #ff3b3c; color: #fff; }
.Brand-col .call-btn2:hover i,.Brand-row .call-btn:hover i{background-image: url(../images/i-status1.png); background-position: -35px -145px;}

/*pger*/
/*.pager{ text-align: center; color: #969696;font-size: 12px; line-height: 30px; clear: both; }
.pager a{ background: #fff; padding: 0 12px; line-height: 28px; height: 28px; display: inline-block; margin: 0 3px; color: #969696; }
.pager a:hover,.pager a.now{ background: #ff3b3c; color: #fff; }
.pager a.disable{ background: #f9f9f9; cursor: pointer; }
.pager a.disable:hover{ background: #f9f9f9;color: #969696; }
.pager .text{ line-height: 26px; height: 26px; width: 40px; text-align: center; vertical-align: middle; border:#969696 1px solid; color: #969696;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out; }
.pager .text:focus{ box-shadow: rgba(0,0,0,0.1) 2px 2px 3px inset,rgba(0,0,0,0.1) -2px -2px 3px inset; }
.pager .go{ line-height: 28px; height: 28px; width: 75px; vertical-align: middle; border:#dcdcdc 1px solid; text-align: center; color: #969696; font-size: 12px; cursor: pointer; background: #fff;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;  }
.pager .go:hover{ box-shadow: rgba(0,0,0,0.1) 2px 2px 3px;  }*/
/*错误样式*/
.Brand-form .field.error { border-color: #ff3232; }
.Brand-form .error ::-webkit-input-placeholder{ color: #ff3232; }
.Brand-form .error ::-moz-placeholder{ color: #ff3232; }
.Brand-form .error :-moz-placeholder{ color: #ff3232; }
.Brand-form{ background: #f0f0f0; margin-bottom: 20px; overflow: hidden; padding: 20px ; color: #787878; font-size: 14px; }
.Brand-form .t{ text-align: center; font-size: 18px; color: #ff3b3c; margin-bottom: 5px; }
.Brand-form .tips{  text-align: center; margin-bottom: 20px;}
.Brand-form li{ overflow: hidden; margin-bottom: 20px; }
.Brand-form li label{ float: left; width: 60px; line-height: 30px; }
.Brand-form li p{ overflow: hidden; }
.Brand-form li .field{ width: 235px; padding: 0 10px; border:#c8c8c8 1px solid; line-height: 28px; height: 28px; -webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out; }
.Brand-form li .field:focus{ box-shadow: rgba(0,0,0,0.1) 2px 2px 3px inset,rgba(0,0,0,0.1) -2px -2px 3px inset; }
.Brand-form .submit-btn{ width: 200px; line-height: 40px; height: 40px; background:#ff3b3c; text-align: center; font-size: 16px; color: #fff; cursor: pointer;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;  }
.Brand-form .submit-btn:hover{ background: #fe5354; }

.Brand-hot{ overflow: hidden; }
.Brand-hot .t{ background: #f5f5f5; line-height: 40px; height: 40px; color: #ff3b3c; font-size: 18px; padding: 0 20px; }
.Brand-hot li{ margin-top: 10px; background: #fff; overflow: hidden; height: 60px; line-height: 60px; font-size: 13px; }
.Brand-hot a{ display: block; color: #5d5d5d;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out; }
.Brand-hot a:hover{ background: #e1e1e1; }
.Brand-hot .pic{ float: left; width: 80px; height: 60px; overflow: hidden; background: #C9C3A3; }
.Brand-hot .pic img{ width: 100%; text-align: center; }
.Brand-hot .name{ text-align: center; overflow: hidden; }
/*.Brand-hot .name i{ width: 75px; height: 13px; display: inline-block; background-image: url(../images/category/star.png); background-repeat: no-repeat; vertical-align: middle; position: relative; top: -1px;}*/
.Brand-hot .star00{ width: 75px; height: 13px; display: inline-block; background-image: url(../images/category/star.png); background-repeat: no-repeat; vertical-align: middle; position: relative; top: -1px;background-position: 0 -1px; }
.Brand-hot .star01{ width: 75px; height: 13px; display: inline-block; background-image: url(../images/category/star.png); background-repeat: no-repeat; vertical-align: middle; position: relative; top: -1px;background-position: 0 -23px; }
.Brand-hot .star02{ width: 75px; height: 13px; display: inline-block; background-image: url(../images/category/star.png); background-repeat: no-repeat; vertical-align: middle; position: relative; top: -1px;background-position: 0 -45px; }
.Brand-hot .star03{ width: 75px; height: 13px; display: inline-block; background-image: url(../images/category/star.png); background-repeat: no-repeat; vertical-align: middle; position: relative; top: -1px;background-position: 0 -67px; }
.Brand-hot .star04{ width: 75px; height: 13px; display: inline-block; background-image: url(../images/category/star.png); background-repeat: no-repeat; vertical-align: middle; position: relative; top: -1px;background-position: 0 -89px; }
.Brand-hot .star05{ width: 75px; height: 13px; display: inline-block; background-image: url(../images/category/star.png); background-repeat: no-repeat; vertical-align: middle; position: relative; top: -1px;background-position: 0 -111px; }
.Brand-hot .star00_5 {width: 76px; height: 13px; display: inline-block;background-repeat: no-repeat; vertical-align: middle; position: relative; top: -1px; background: url(../images/category/star-half.png) no-repeat 0 -1px;}
.Brand-hot .star01_5 {width: 76px; height: 13px; display: inline-block;background-repeat: no-repeat; vertical-align: middle; position: relative; top: -1px; background: url(../images/category/star-half.png) no-repeat 0 -25px;}
.Brand-hot .star02_5 {width: 76px; height: 13px; display: inline-block;background-repeat: no-repeat; vertical-align: middle; position: relative; top: -1px; background: url(../images/category/star-half.png) no-repeat 0 -50px;}
.Brand-hot .star03_5 {width: 76px; height: 13px; display: inline-block;background-repeat: no-repeat; vertical-align: middle; position: relative; top: -1px; background: url(../images/category/star-half.png) no-repeat 0 -74px;}
.Brand-hot .star04_5 {width: 76px; height: 13px; display: inline-block;background-repeat: no-repeat; vertical-align: middle; position: relative; top: -1px; background: url(../images/category/star-half.png) no-repeat 0 -99px;}

.Brand-look{overflow: hidden; background: #f0f0f0; padding: 20px; text-align: center; }
.Brand-look .t{ color: #787878; line-height: 40px; height: 40px; font-size: 18px; margin-bottom: 10px;}
.Brand-look .more{ border:#c8c8c8 1px solid; background: #fff; width: 200px; line-height: 40px; height: 40px; text-align: center; display: inline-block; font-size: 14px; color: #ff3b3c; }

.Special-lists .con{margin-left: -10px; margin-right: -10px; zoom:1; position: relative; overflow: hidden;}
.Special-lists .item{width: 260px; float: left; padding: 0; margin: 0 10px 20px 10px; padding-bottom: 10px; font-size: 14px;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.Special-lists .item:hover{ box-shadow:rgba(0,0,0,0.1) 1px 3px 5px,rgba(0,0,0,0.1) -1px -3px 5px;  }
.Special-lists .pic{ width: 260px; height: 130px; text-align: center; background: #fff; position: relative; margin-bottom:10px; }
.Special-lists .pic img{ width: 100%; }
.Special-lists .time{ position: absolute; z-index: 5; bottom: 0; left: 0; right: 0;  text-align: center; width: 100%; background: rgba(0,0,0,0.7); line-height: 28px; height: 28px; color: #ff3b3c; }
.Special-lists .msg-btn2,.Brand-col .call-btn2{ display: inline-block; }
.Special-lists .name{ text-align: center; color: #787878; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10px; padding: 0 10px; }
.Special-lists .nums{  color: #fe9700; line-height: 32px; margin-left: 10px;}
.Special-lists .nums i{ width: 20px; height: 20px; background: url(../images/s-zs.png) no-repeat center top; display: inline-block; vertical-align: middle; margin-right: 2px; position: relative; top: -3px; }
.Special-lists .join{ width: 110px; height: 32px; background: #fe9700; color: #fff; text-align: center; float: right; line-height: 32px; margin-right: 10px;}
.Special-lists .complete,.Special-lists .startbtn{width: 110px; height: 32px; background: #969696; color: #fff; text-align: center; float: right; line-height: 32px; margin-right: 10px;  cursor: default;}
/*.Special-lists .startbtn{background: #fe9700;width: 240px;margin-left: 10px; float: none;  }*/
.Special-lists .end .time{ display: none; }
.Special-lists .end .nums{ color: #969696; }
.Special-lists .end .nums i{background: url(../images/category/nums-icon02.png) no-repeat center center;}
.Special-lists .end .join{ display: none; }
.Special-lists .end .complete{ display: inline-block; }
.Special-lists .end .nums{ display: inline-block; }
.Special-lists .start .join{ display: none; }
.Special-lists .start .startbtn{ display: inline-block; }
.Special-lists .start .complete{ display: none; }
.Special-lists .start .nums{ display: none; }

/*.crumb{ margin-bottom:10px; color: #969696; font-size: 14px; }
.crumb a{ color:#969696;}
.crumb a:hover{ color: #ff3b3c; }
*/
.Special-intro{ background: #fff; padding: 20px; margin-bottom: 20px; overflow: hidden;}
.Special-intro .preview{ float: left; width: 590px; height: 303px; position: relative; margin-right: 20px; background: #fff; text-align: center; }
.Special-intro .preview img{ width: 100%; }
.Special-intro .preview .bottom{ position: absolute; z-index: 5; bottom: 0; left: 0; right: 0; padding: 0 20px; line-height: 40px; height: 40px; color: #ff3b3c; font-size: 16px; background: rgba(0,0,0,0.7); text-align: left; }
.Special-intro .preview .nums{ float: right; }
.Special-intro .preview .nums i{ width: 20px; height: 20px; background: url(../images/s-zs.png) no-repeat center bottom; display: inline-block; vertical-align: middle; margin-right: 8px; position: relative; top: -2px; }
.Special-intro .itemInfo{ overflow: hidden; color: #969696;font-size: 14px; }
.Special-intro .gosite{ font-size: 14px; color: #598ac5; margin-left: 10px; }
.Special-intro .partner{ font-size: 25px; color: #ff3b3c; margin-bottom: 10px; }
.Special-intro .subst{ margin-bottom: 10px; }
.Special-intro .subst .name{ font-size: 18px; color: #787878; }
.Special-intro .subst .company{ margin-left: 5px; }
.Special-intro .rule{ border-bottom: #c8c8c8 1px solid; padding-bottom: 8px; margin-bottom: 8px; }
/*.Special-intro .rule em{ width: 75px; height: 13px; display: inline-block; background-image: url(../images/category/star.png); background-repeat: no-repeat; vertical-align: middle; position: relative;}*/
.Special-intro .rule .star00{ width: 75px; height: 13px; display: inline-block; background-image: url(../images/category/star.png); background-repeat: no-repeat; vertical-align: middle; position: relative;background-position: 0 -1px; }
.Special-intro .rule .star01{ width: 75px; height: 13px; display: inline-block; background-image: url(../images/category/star.png); background-repeat: no-repeat; vertical-align: middle; position: relative;background-position: 0 -23px; }
.Special-intro .rule .star02{ width: 75px; height: 13px; display: inline-block; background-image: url(../images/category/star.png); background-repeat: no-repeat; vertical-align: middle; position: relative;background-position: 0 -45px; }
.Special-intro .rule .star03{ width: 75px; height: 13px; display: inline-block; background-image: url(../images/category/star.png); background-repeat: no-repeat; vertical-align: middle; position: relative;background-position: 0 -67px; }
.Special-intro .rule .star04{ width: 75px; height: 13px; display: inline-block; background-image: url(../images/category/star.png); background-repeat: no-repeat; vertical-align: middle; position: relative;background-position: 0 -89px; }
.Special-intro .rule .star05{ width: 75px; height: 13px; display: inline-block; background-image: url(../images/category/star.png); background-repeat: no-repeat; vertical-align: middle; position: relative;background-position: 0 -111px; }
.Special-intro .rule .star00_5 {width: 76px; height: 13px; display: inline-block; vertical-align: middle; position: relative; background: url(../images/category/star-half.png) no-repeat 0 -1px;}
.Special-intro .rule .star01_5 {width: 76px; height: 13px; display: inline-block; vertical-align: middle; position: relative; background: url(../images/category/star-half.png) no-repeat 0 -25px;}
.Special-intro .rule .star02_5 {width: 76px; height: 13px; display: inline-block; vertical-align: middle; position: relative; background: url(../images/category/star-half.png) no-repeat 0 -50px;}
.Special-intro .rule .star03_5 {width: 76px; height: 13px; display: inline-block; vertical-align: middle; position: relative; background: url(../images/category/star-half.png) no-repeat 0 -74px;}
.Special-intro .rule .star04_5 {width: 76px; height: 13px; display: inline-block; vertical-align: middle; position: relative; background: url(../images/category/star-half.png) no-repeat 0 -99px;}
.Special-intro .rule ul{ display: inline-block; vertical-align: middle; margin-left: 10px; }
.Special-intro .rule li{ margin-right: 15px; float: left; }
.Special-intro .rule i{ margin-right: 3px; width: 16px; height: 16px; vertical-align: middle; display: inline-block; position: relative; top: -1px; }
.Special-intro .rule .icon01{background: url(../images/category/rule-icon01.png) no-repeat center center;}
.Special-intro .rule .icon02{background: url(../images/category/rule-icon02.png) no-repeat center center;}
.Special-intro .rule .icon03{background: url(../images/category/rule-icon03.png) no-repeat center center;}
.Special-intro .rule .icon04{background: url(../images/category/rule-icon04.png) no-repeat center center;}
.Special-intro .attr{ line-height: 2.2; border-bottom: #c8c8c8 1px solid; padding-bottom: 8px; margin-bottom: 8px;min-height: 92px; }
.Special-intro .investment{ margin-bottom: 18px; }
.Special-intro .investment span{ font-size: 16px; color: #ff3b3c; }
.Special-intro .control{ overflow: hidden; }
.Special-intro .call-btn{ background: #1cba01; color: #fff; width: 90px; height: 40px; line-height: 40px; float: right; margin-left: 1px; text-align: center; font-size: 16px; -webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.Special-intro .call-btn:hover{ opacity: 0.8; }
.Special-intro .tel{background: #1cba01; color: #fff; width: 140px; padding: 5px 15px; height: 30px; line-height: 15px; float: right; font-size: 12px;}
.Special-intro .itemInfo .join{background: #ff9600; color: #fff; width: 265px;  height: 40px; line-height: 40px; display: inline-block; float: left; text-align: center; font-size: 16px; -webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.Special-intro .itemInfo .join:hover{ opacity: 0.8; }
.Special-intro .itemInfo .complete{background: #969696; color: #fff; width: 265px;  height: 40px; line-height: 40px; display: inline-block; float: left; text-align: center; font-size: 16px; -webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.Special-intro .itemInfo .complete:hover{ opacity: 0.8; }
.Special-intro .itemInfo .startbtn{background: #969696; color: #fff; width: 265px;  height: 40px; line-height: 40px; display: inline-block; float: left; text-align: center; font-size: 16px; -webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.Special-intro .itemInfo .startbtn:hover{ opacity: 0.8; }
.Special-defail{ overflow: hidden; font-size: 14px; }
.Special-defail .detail{ overflow: hidden; }
.Special-defail .aside{ float: left; margin-right: 20px; width: 360px; }
.Special-defail .aside .item{ background: #fff;  margin-bottom: 20px; overflow: hidden;}
.Special-defail .aside .t{ height: 40px; line-height: 40px; border-bottom: #f5f5f5 1px solid; padding: 0 20px; color: #ff3b3c; font-size: 16px; }
.Special-defail .aside .con{ padding: 10px 20px; line-height: 2; color: #969696; text-align: justify;  }
.Special-defail .aside .more{ float: right; margin-right: 20px; color: #598ac5; margin-top: 20px; margin-bottom: 20px; }
.Special-defail .about-item p{ margin-bottom: 10px; text-indent: 28px; }
.Special-defail .conditions-item dl{ margin-bottom: 20px; }
.Special-defail .conditions-item dt{ font-size: 16px; color: #787878; }

.Join-form{ overflow: hidden; margin-bottom: 10px; color: #787878;font-size: 14px;}
.Join-form .graph{ background: #127db3; float: left; padding-right: 40px; width: 800px; height: 286px; position: relative;  }
.Join-form .graph .t{ position: absolute; top: 0; right: 0; z-index: 100; background: #ff3b3c; width: 40px; text-align: center; height: 195px; font-size: 20px; color: #fff; line-height: 1.2; padding-top: 90px; }
.Join-form .graph .t i{margin-top: -10px; border-left: #ff3b3c 10px solid; border-top: transparent 10px solid;border-bottom: transparent 10px solid; display: inline-block; position: absolute; z-index: 100; top: 50%; right: -8px; line-height: 0; font-size: 0; }
.Join-form .form{ overflow: hidden; background: #f0f0f0; height: 246px; padding: 20px;  }
.Join-form .form li{ margin-bottom: 12px; overflow: hidden;  }
.Join-form .form label{ float: left; width: 80px; line-height: 26px;}
.Join-form .form p{ overflow: hidden; }
.Join-form .red{ color: #ff3b3c; vertical-align: middle; }
.Join-form .form .text{ border:#c8c8c8 1px solid; height: 26px; line-height: 26px; background: #fff; width: 226px; padding: 0 6px; color: #969696;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out; }
/*.Join-form .form .text:focus{box-shadow: rgba(0,0,0,0.1) 2px 2px 3px inset,rgba(0,0,0,0.1) -2px -2px 3px inset;}*/
/*.Join-form .form .select1{float: left; margin-right: 10px; border:#c8c8c8 1px solid; height: 28px; line-height: 28px; width: 115px;color: #969696;   appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url(../images/category/select-icon.png) no-repeat scroll 95% center #fff; background-size: 8px; padding: 0 12px 0 5px; outline: none; }*/
/*.Join-form .form .select2{float: left; margin-right: 10px; border:#c8c8c8 1px solid; height: 28px; line-height: 28px; width:73px; color: #969696;  appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url(../images/category/select-icon.png) no-repeat scroll 95% center #fff;background-size: 8px; padding: 0 12px 0 5px; outline: none; }*/
.Join-form .form .field{ position: relative; margin-bottom: 12px; padding-left: 80px; }
.Join-form .form .field>label{ position: absolute; left: 0; top: 50%; margin-top: -10px; line-height: 20px; }
.Join-form .form .industryWrap{ float: left; margin-right: 10px; width: 115px; }
.Join-form .form .categoryWrap{ float: left; width: 115px; }
.Join-form .form .provinceWrap{ float: left; margin-right: 10px; width: 73px; }
.Join-form .form .cityWrap{ float: left; margin-right: 10px; width: 74px; }
.Join-form .form .areaWrap{ float: left; width: 73px; }
.Join-form .form select::-ms-expand { display: none; }
.Join-form .form select{-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.Join-form .form select:focus{box-shadow: rgba(0,0,0,0.1) 2px 2px 3px inset,rgba(0,0,0,0.1) -2px -2px 3px inset;}
.Join-form .submit-btn{ width: 200px; line-height: 40px; height: 40px; background:#ff3b3c; text-align: center; font-size: 16px; color: #fff; cursor: pointer; margin: 20px auto; display: block;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out; }
.Join-form .submit-btn:hover{background: #ce3838; }

.Join-lists{ overflow: hidden; font-size: 14px;color: #969696; }
.Join-lists .tabs{ line-height: 40px; height: 40px; background: #f5f5f5; }
.Join-lists .tabs ul{ float: right; }
.Join-lists .tabs li{ float: left;}
.Join-lists .tabs li a{ display: block; padding: 0 15px;color: #969696; }
.Join-lists .tabs li.on a,.Join-lists .tabs li.on a:hover{ background: #fff; }
.Join-lists .tabs li a:hover{ background: #f9f9f9; }
.Join-lists .tabs .t{ float: left; color: #ff3b3c; font-size: 18px; margin-left: 20px; }
.Join-lists .tabs-con{ margin-bottom: 20px; }
.Join-lists .table{ margin-bottom: 20px; background: #fff; padding: 10px 20px 20px;}
.Join-lists .table table{width:100%; }
.Join-lists .table th,.Join-lists .table td{ font-size: 14px; padding: 15px 5px; text-align: center;color: #969696; }
.Join-lists .table th{ font-weight: normal; color: #787878;}
.Join-lists .table tr td{ background: #f5f5f5; -webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.Join-lists .table .btn{ width: 140px; height: 28px; border:#e6e6e6 1px solid; color: #969696; text-align: center; display: inline-block; background: #fff; line-height: 28px; }
.Join-lists .table tr:nth-child(2n+1) td{ background: #ebebeb; }
.Join-lists .table tr:hover td{ background: #ff3b3c; color: #fff; }
.Join-lists .table tr:hover .btn{ color: #ff3b3c; }
.Join-lists .category-fliter{ margin-bottom: 0; border-bottom: #f5f5f5 1px solid; }

.Join-guide{ float: right; width: 320px; overflow: hidden; background: #fff; font-size: 14px; margin-bottom: 20px;}
.Join-guide .t{ height: 40px; line-height: 40px; background: #f5f5f5; padding-left: 20px; padding-right: 10px; }
.Join-guide .t .h1{ font-size: 18px; color: #ff3b3c; }
.Join-guide .t .more{ color: #588ac6; float: right;  }
.Join-guide .con{  padding: 10px 20px; }
.Join-guide .con li{  line-height: 2; }
.Join-guide .con li a{ color: #969696; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.Join-guide .con li a:hover{ color: #ff3b3c; }


.pinlesson{ float: left; width: 860px; overflow: hidden; background: #fff; font-size: 14px; margin-bottom: 20px;color: #969696; }
.pinlesson .t{ height: 40px; line-height: 40px; background: #f5f5f5; padding-left: 20px; padding-right: 10px; }
.pinlesson .t .h1{ font-size: 18px; color: #ff3b3c; }
.pinlesson .t .more{ color: #588ac6;  float: right; }
.pinlesson .con{  padding:20px 10px; }
.pinlesson .con li{ float: left; width: 190px; margin: 0 10px 20px; text-align: center; }
.pinlesson .con li a{ color: #787878; display: block; }
.pinlesson .con li a:hover{ color: #ff3b3c; }
.pinlesson .con li .pic{ width: 190px; height: 107px; background: #127DB2; margin-bottom: 5px; }
.pinlesson .con li .name{ text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.dealersvisit{ overflow: hidden; background: #fff; font-size: 14px; margin-bottom: 20px;color: #787878; }
.dealersvisit .t{ height: 40px; line-height: 40px; background: #f5f5f5; padding-left: 20px; padding-right: 10px; }
.dealersvisit .t .h1{ font-size: 18px; color: #ff3b3c; }
.dealersvisit .t .more{ color: #588ac6;  float: right; }
.dealersvisit .con{  padding:20px 10px; }
.dealersvisit .con li{ float: left; width: 275px; margin: 0 10px 20px; text-align: center; }
.dealersvisit .con li a{ color: #787878; display: block; }
.dealersvisit .con li a:hover{ color: #ff3b3c; }
.dealersvisit .con li .pic{ width: 275px; height: 175px; background: #127DB2; margin-bottom: 5px; }
.dealersvisit .con li .name{ text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.Join-info{ background: #f0f0f0; padding: 20px; font-size: 14px; color: #787878;  margin-bottom: 20px; }
.Join-info .t{ text-align: center; font-size: 18px; color: #5d5d5d; margin-bottom: 10px; }
.Join-info .table{ overflow: hidden; width: 100%; margin-bottom: 20px; }
.Join-info .table table{width:100%; border-left: #f0f0f0 1px solid;border-top: #f0f0f0 1px solid;}
.Join-info .table th,.Join-info .table td{  padding: 20px 10px; text-align: center;color: #969696; border-right: #f0f0f0 1px solid;border-bottom: #f0f0f0 1px solid; }
.Join-info .table th{ font-weight: normal; color: #969696; background: #f5f5f5; }
.Join-info .table td{ background: #fafafa; }
.Join-info .bottom{ overflow: hidden; line-height: 36px; }
.Join-info .bottom .btn{ float: right; width: 175px; height: 34px; line-height: 34px; color: #ff3b3c; border:#e6e6e6 1px solid; text-align: center; background: #fff; }
.Join-info .bottom .looked{ float: right; margin-right: 20px; color: #969696; }
.Join-info .bottom .info{ color: #1CBA00; }

.Join-form1{ overflow: hidden; background: #f0f0f0; padding: 20px; margin-bottom: 20px;  }
.Join-form1 .t{ margin-bottom: 10px; font-size: 18px; color: #ff3b3c; }
.Join-form1 li{ margin-bottom: 10px; overflow: hidden;  }
.Join-form1 label{ float: left; width: 80px; line-height: 26px;}
.Join-form1 p{ overflow: hidden; }
.Join-form1 .red{ color: #ff3b3c; vertical-align: middle; }
.Join-form1 .text{ border:#c8c8c8 1px solid; height: 28px; line-height: 28px; background: #fff; width: 218px; padding: 0 10px; color: #969696; }
.Join-form1 .select1{float: left; margin-right: 10px; border:#c8c8c8 1px solid; height: 28px; line-height: 28px; width: 115px;color: #969696;   appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url(../images/category/select-icon.png) no-repeat scroll 95% center #fff; background-size: 8px; padding: 0 12px 0 5px; outline: none; }
.Join-form1 .select2{float: left; margin-right: 10px; border:#c8c8c8 1px solid; height: 28px; line-height: 28px; width:73px; color: #969696;  appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url(../images/category/select-icon.png) no-repeat scroll 95% center #fff;background-size: 8px; padding: 0 12px 0 5px; outline: none; }
.Join-form1 select::-ms-expand { display: none; }
.Join-form1 .submit-btn{ width: 200px; line-height: 40px; height: 40px; background:#ff3b3c; text-align: center; font-size: 16px; color: #fff; cursor: pointer; margin: 15px auto 0; display: block; }


.recommendation{ overflow: hidden; background: #fff;margin-bottom: 20px;color: #787878; }
.recommendation .t{ height: 40px; line-height: 40px; background: #f5f5f5; padding-left: 20px; padding-right: 10px; }
.recommendation .t .h1{ font-size: 18px; color: #ff3b3c; }
.recommendation .t .more{ color: #588ac6;  float: right; }
.recommendation .con{  padding:20px 8px; }
.recommendation .con li{ float: left; width: 180px; margin: 0 8px 20px;  }
.recommendation .pic{ width: 180px; height: 90px; overflow: hidden; background: #A3C69D; margin-bottom: 5px; }
.recommendation .pic img{ width: 100%; }
.recommendation .name{margin-bottom: 5px; text-align: center; white-space: nowrap; text-overflow: ellipsis; width:60%; overflow: hidden; float: right; }
.recommendation .look{ color: #FFAEAE; }
.recommendation .look i{background-image: url(../images/category/eye-icon.png); background-repeat: no-repeat; width: 18px; height: 10px; display: inline-block; vertical-align: middle; margin-right: 3px; position: relative; top: -2px; }
.recommendation .msg-btn,.recommendation .call-btn{ line-height: 28px; border: #e6e6e6 1px solid; color: #ff3b3c; font-size: 12px;margin-bottom: 10px; display: inline-block;  text-align: center;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.recommendation .call-btn i{ background-image: url(../images/category/call-icon.png); background-repeat: no-repeat; width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 3px; position: relative; top: -2px; }
.recommendation .call-btn{ float: right; width:110px; }
.recommendation .msg-btn{ width: 60px; }
.recommendation .msg-btn:hover,.recommendation .call-btn:hover{ border-color: #ff3b3c; background: #ff3b3c; color: #fff; }
.recommendation .call-btn:hover i{background-image: url(../images/category/call-hover-icon.png); }

#application{ display: none; }
.application-box{  width: 500px; background: #fff; position: fixed; left: 50%; margin-left: -250px; top: 25%; z-index: 1000; }
.while-bg{ background: rgba(0,0,0,0.1); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; }
.application-box .t{ line-height: 50px; height: 50px; padding:0 25px; color: #fff; font-size: 24px; background: #ff3b3c;}
.application-box .close{ position: absolute; z-index: 100; top: 0; right: 0; width: 50px; height: 50px; text-align: center; background: url(../images/category/close-icon.png) no-repeat center center;}
.application-box .con{ padding: 20px; color: #787878; font-size: 14px; line-height: 1.8; }
.application-box .con p{ margin-bottom: 20px; }

/*prop*/
.prop-out .gray-bg{ background: rgba(0,0,0,0.1); width: 100%; height: 100%; z-index: 1000; position: fixed; top: 0; left: 0; bottom: 0; right: 0; }
.prop{ position: fixed; width: 450px; margin: auto; left: 0; right: 0; top: 20%; z-index: 1001; background: #f0f0f0; box-shadow: rgba(0,0,0,0.1) 1px 3px 5px; overflow: hidden; color: #787878;font-size: 18px;}
.prop .title,.prop .title1{ height: 60px; line-height: 60px; background: #ff3b3c; text-align: center; font-size: 24px; color: #fff; }
.prop .title1{ font-size: 18px; }
.prop .con{ padding:30px;  }
.prop .close{ width: 22px; height: 22px; background: url(../images/category/close-icon02.png) no-repeat center center; display: inline-block; position: absolute; top: 10px; right: 10px; z-index: 100;  }
.prop .tips{ text-align: center; color: #ff3b3c; font-size: 18px; margin-bottom: 20px; }
.prop .form{ overflow: hidden; }
.prop .form li{ margin-bottom: 15px; overflow: hidden;line-height:40px;  }
.prop .form label{ float: left; width: 90px;  margin-right: 15px; text-align: right;}
.prop .form p{ overflow: hidden; }
.prop .red{ color: #ff3b3c; vertical-align: middle; }
.prop .form .text{ border:#c8c8c8 1px solid; height: 40px; line-height: 40px; background: #fff; width: 260px; padding: 0 10px; color: #969696;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;vertical-align: middle; }
.prop .form .text:focus{box-shadow: rgba(0,0,0,0.1) 2px 2px 3px inset,rgba(0,0,0,0.1) -2px -2px 3px inset;}
.prop .form .select1{float: left; margin-left: -1px; border:#c8c8c8 1px solid; height: 40px; line-height: 40px; width: 142px;color: #969696;   appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url(../images/category/select-icon.png) no-repeat scroll 92% center #fff; padding: 0 12px 0 5px; outline: none; }
.prop .form .select2{float: left; margin-left: -1px; border:#c8c8c8 1px solid; height: 40px; line-height: 40px; width:95px; color: #969696;  appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url(../images/category/select-icon.png) no-repeat scroll 92% center #fff;padding: 0 12px 0 5px; outline: none; }
.prop .form select::-ms-expand { display: none; }
.prop .form select{-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;font-family: 'Microsoft YaHei';font-size: 16px; vertical-align: middle; }
.prop .form select:focus{box-shadow: rgba(0,0,0,0.1) 2px 2px 3px inset,rgba(0,0,0,0.1) -2px -2px 3px inset;}
.prop .submit-btn{ width: 300px; line-height: 40px; height: 40px; background:#ff3b3c; text-align: center; font-size: 18px; color: #fff; cursor: pointer; margin:20px auto 0; display: block;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out; font-family: 'Microsoft YaHei'; }
.prop .submit-btn:hover{background: #fe5354; }
.prop .success{ text-align: center; line-height: 1.8; }
.prop .success i{ width: 91px; height: 87px; vertical-align: middle; background: url(../images/category/success-icon.png) no-repeat center center; display: inline-block; margin-bottom: 15px; }
.float-prop{ position: fixed; width: 120px; right: 0; z-index: 999; top: 0%; background: #f0f0f0; }
.float-prop .pic{ width: 120px; height: 120px; background: #7D009B; text-align: center; overflow: hidden; }
.float-prop .pic img{ width: 100%; }
.float-prop .t{ height: 36px; line-height: 36px; text-align: center; background: #fff; color: #ff3b3c; font-size: 16px; }
.float-prop .qq-lists{ padding: 10px 10px 0 10px; font-size: 14px; }
.float-prop .qq-lists li{ margin-bottom: 10px;  }
.float-prop .qq-lists a{ display: block; color: #5d5d5d;line-height: 30px; height: 30px; border:#c8c8c8 1px solid; border-radius: 5px; text-align: center;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out; }
.float-prop .qq-lists a i{ width: 20px; height: 23px; display: inline-block; margin-right: 5px; vertical-align: middle; background: url(../images/category/qq-icon.png) no-repeat center center; position: relative; top: -2px;  }
.float-prop .qq-lists a:hover{ background: #fff; }
.float-prop .msg-con{ font-size: 14px; text-align: center; padding:5px 10px 10px; }
.float-prop .msg-con p{ margin-bottom: 5px; }
.float-prop .msg-con .join-btn{ display: block; line-height: 32px; height: 32px; background: #ff3b3c; color: #fff; text-align: center; margin-bottom: 10px; }
.float-prop .msg-con .invite-btn{ display: block; line-height: 32px; height: 32px; background: #FF9600; color: #fff; text-align: center;}
.float-prop .wechat{ text-align: center; padding: 10px;  } 
.float-prop .wechat-code{ width: 90px; height: 90px; display: inline-block; overflow: hidden; background: #5d5d5d; }
.float-prop .nums{ text-align: center; color: #ff3b3c; }

/*Validform*/
.Validform_checktip{
    margin-left:8px;
    line-height:20px;
    height:20px;
    overflow:hidden;
    color:#999;
    font-size:12px;
}
.Validform_right{
    color:#71b83d;
    padding-left:20px;
    background:url(../images/right.png) no-repeat left center;
}
.Validform_wrong{
    color:red;
    padding-left:20px;
    white-space:nowrap;
    background:url(../images/error.png) no-repeat left center;
}
.Validform_loading{
    padding-left:20px;
    background:url(../images/onLoad.gif) no-repeat left center;
}
.Validform_error{
    background-color:#ffe7e7;
}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); border-radius: 3px; overflow: hidden;}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:40px; height:40px; text-align:left; font-weight:bold; padding:0 10px; color:#fff; position:relative; background-color:#656565;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:30px; font-size: 16px; font-weight: normal; position:absolute; right:10px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#ff3b3c;}
#Validform_msg .Validform_info{padding:10px; text-align:left; min-height: 50px;}

/*加盟喜报*/
.brand_topBanner{
    margin-bottom: 10px;
    font-size: 14px;
    color: #787878;
    background: #f0f0f0;
}
.brand_topBanner-left{
    position: relative;
    float: left;
    padding-right: 40px;
    width: 800px;
}
.brand_topBanner-left .title{
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 90px;
    width: 40px;
    height: 195px;
    line-height: 1.2;
    font-size: 20px;
    text-align: center;
    background: #ff3b3c;
    color: #fff;
}
.brand_topBanner-left .title>i{
    position: absolute;
    top: 50%;
    right: -8px;
    display: inline-block;
    margin-top: -10px;
    line-height: 0;
    font-size: 0;
    /*z-index: 100;*/
    border-left: #ff3b3c 10px solid;
    border-top: transparent 10px solid;
    border-bottom: transparent 10px solid;
}
.brand_topBanner-right{
    float: right;
    width: 360px;
}
.brand_topBanner-right .join-form{
    position: relative;
    padding: 20px;
    height: 246px;
    overflow: hidden;
}
.brand_topBanner-right .join-form .field{
    position: relative;
    margin-bottom: 12px;
    padding-left: 80px;
}
.brand_topBanner-right .join-form .field>label{
    position: absolute;
    left: 0;
    top: 50%;
    float: left;
    width: 80px;
    margin-top: -10px;
    line-height: 20px;
}
.brand_topBanner-right .join-form .field>label>span{
    width: 8px;
    height: 20px;
    font-family: \5B8B\4F53;
}
.brand_topBanner-right .join-form input[type="text"]{
    padding: 0 6px;
    width: 226px;
    height: 26px;
    line-height: 26px;
    color: #969696;
    border: #c8c8c8 1px solid;
    background: #fff;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}
.brand_topBanner-right .join-form .btn{
    display: block;
    margin: 20px auto;
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #ff3b3c;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.brand_topBanner-right .join-form .btn:hover{
    background: #ce3838;
}
.brand_topBanner-right .join-form .tips{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    text-align: center;
    font-size: 12px;
    color: #ff3b3c;
}
.brand_topBanner-right .join-form .industryWrap{
    float: left;
    margin-right: 10px;
    width: 115px;
    height: 25px;
}
.brand_topBanner-right .join-form .categoryWrap{
    float: left;
    width: 115px;
    height: 25px;
}
.brand_topBanner-right .join-form .provinceWrap{
    float: left;
    margin-right: 10px;
    width: 73px;
    height: 25px;
}
.brand_topBanner-right .join-form .cityWrap{
    float: left;
    margin-right: 10px;
    width: 74px;
    height: 25px;
}
.brand_topBanner-right .join-form .areaWrap{
    float: left;
    width: 73px;
    height: 25px;
}
.brand_topBanner-right .join-form select{
    height: 25px;
    line-height: 25px;
}

/*加盟留言*/
.join_detail{
    padding: 0 20px 20px;
    font-size: 14px;
    color: #969696;
    background: #f0f0f0;
}
.join_detail>h2{
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    color: #5d5d5d;
    text-align: center;
    background: #f0f0f0;
}
.join_detail>table{
    margin: 0 0 22px;
    /*width: 780px;*/
    width: 100%;
    text-align: center;
    color: #787878;
    border-collapse: separate;
    border-spacing: 1px;
}
.join_detail>table td{
    width: 248px;
    height: 62px;
    background: #fff;
}
.join_detail>table td.title{
    width: 140px;
    background: #f5f5f5;
}
.join_detail>.check{
    float: left;
    line-height: 38px;
    color: #1cba00;
}
.join_detail>.check.c_ff3232{
    color: #ff3232;
}
.join_detail>.view{
    float: right;
    line-height: 38px;
}
.join_detail .btn{
    display: inline-block;
    margin-left: 18px;
    width: 178px;
    height: 36px;
    line-height: 38px;
    font-size: 14px;
    text-align: center;
    color: #ff3232;
    background: #fff;
    border: solid 1px #e6e6e6;
}
.join_detail .btn:hover{
    color: #fff;
    background: #ff3232;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

/*.w360 .join-form{
    padding: 10px 20px 6px 20px;
}
.w360 .join-form .field{
    position: relative;
    margin-bottom: 12px;
    padding-left: 80px
}
.w360 .join-form .field>label{
    position: absolute;
    left: 0;
    top: 50%;
    float: left;
    width: 80px;
    margin-top: -10px;
    line-height: 20px
}
.w360 .join-form input[type="text"]{
    padding: 0 6px;
    width: 226px;
    height: 26px;
    line-height: 26px;
    color: #969696;
    border: #c8c8c8 1px solid;
    background: #fff;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}
.w360 .join-form .btn{
    display: block;
    margin: 20px auto;
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #ff3b3c;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}
.w360 .join-form .btn:hover{
    background: #ce3838
}
.w360 .join-form .tips{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    text-align: center;
    font-size: 12px;
    color: #ff3b3c
}
.w360 .join-form .industryWrap{
    float: left;
    margin-right: 10px;
    width: 115px;
    height: 25px
}
.w360 .join-form .categoryWrap{
    float: left;
    width: 115px;
    height: 25px
}
.w360 .join-form .provinceWrap{
    float: left;
    margin-right: 10px;
    width: 73px;
    height: 25px
}
.w360 .join-form .cityWrap{
    float: left;
    margin-right: 10px;
    width: 74px;
    height: 25px
}
.w360 .join-form .areaWrap{
    float: left;
    width: 73px;
    height: 25px
}*/

/*热门品牌关键字*/
.brand_hotKeywords{
    margin: 12px 0 24px;
    font-size: 12px;
    text-align: center;
}
.brand_hotKeywords>label{
    color: #ff3c3c;
}
.brand_hotKeywords>a{
    margin: 0 5px;
    color: #787878;
}
.brand_hotKeywords>a:hover{
    color: #ff3232;
}

/*热度关注榜*/
.brand_HeatAttentionList{
    padding: 10px;
}
.brand_HeatAttentionList>li{
    float: left;
    margin: 5px;
    width: 285px;
}
.brand_HeatAttentionList>li>a{
    display: block;
    font-size: 18px;
    color: #5d5d5d;
    text-align: center;
    background: #f5f5f5;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.brand_HeatAttentionList>li>a:hover{
    background: #ebebeb;
}
.brand_HeatAttentionList>li .txt{
    padding: 10px 0;
    height: 47px;
}
.brand_HeatAttentionList>li .img{
    float: left;
    width: 84px;
    height: 65px;
    /*border: solid 1px #e6e6e6;*/
}
.brand_HeatAttentionList>li .views{
    margin-top: 6px;
    font-size: 13px;
    color: #ffaeae;
}
/*加盟意向*/
.brand-joinList{
    padding: 11px 15px 12px;
}
.brand-joinList.g_txtList a{
    position: relative;
    padding-left: 9px;
    padding-right: 70px;
    line-height: 19px;
    font-size: 14px
}
.brand-joinList.g_txtList a>i{
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    background: #ff3232
}
.brand-joinList.g_txtList a>span{
    position: absolute;
    top: 0;
    right: 0;
    line-height: 31px;
}
.h576 .brand-joinList{
    padding-top: 12px;
}
.h576 .brand-joinList.g_txtList a{
    line-height: 20px;
}
/*加盟推荐*/
.brand_recommendList{
    padding: 10px;
}
.brand_recommendList>li{
    float: left;
    margin: 10px 9px;
    width: 275px;
    height: 136px;
    border: solid 1px #e6e6e6;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.brand_recommendList>li:hover{
    box-shadow: rgba(0,0,0,.1) 1px 3px 5px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.ie8 .brand_recommendList>li:hover{
    border: solid 1px #c8c8c8;
}
.brand_recommendList>li>a{
    display: block;
    padding: 4px;
    height: 96px;
    color: #969696;
    overflow: hidden;
}
.brand_recommendList .img{
    float: left;
    margin-right: 12px;
    width: 122px;
    height: 94px;
    /*border: solid 1px #e6e6e6;*/
}
.brand_recommendList .txt{
    line-height: 18px;
}
.brand_recommendList .txt>em{
    position: relative;
    display: inline-block;
    margin: 6px 0;
    padding-right: 80px;
    font-size: 14px;
    color: #787878;
}
.brand_recommendList .txt .i-stars{
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -7px;
}
.brand_recommendList .bottom{
    padding: 0 4px;
}
.brand_recommendList .bottom>a{
    float: left;
    width: 124px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    color: #787878;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.brand_recommendList .bottom>button{
    float: right;
    width: 130px;
    height: 28px;
    line-height: 26px;
    font-size: 12px;
    color: #ff3232;
    border: solid 1px #e6e6e6;
    background: #fff;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.brand_recommendList .bottom>button>i{
    margin-right: 3px;
    vertical-align: text-bottom;
}
.brand_recommendList .bottom>button:hover{
    color: #fff;
    background: #ff3232;
}
.brand_recommendList .bottom>button:hover.freeCall>i{
    background-position: -35px -143px;
}

/*招商会-优先匹配品牌*/
.brand_signupPanel{
    padding: 20px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    color: #787878;
    background: #f0f0f0;
}
.brand_signupPanel h2{
    margin-bottom: 8px;
    font-size: 18px;
    text-align: center;
    color: #ff3232;
}
.brand_signupPanel form{
    margin-top: 20px;
}
.brand_signupPanel form .field{
    position: relative;
    margin-bottom: 20px;
    padding-left: 60px;
}
.brand_signupPanel form label{
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    line-height: 28px;
    font-size: 14px;
    text-align: left;
    color: #787878;
}
.brand_signupPanel form label>em{
    margin-left: 3px;
    width: 8px;
    height: 20px;
    font-family: \5B8B\4F53;
}
.brand_signupPanel form input{
    padding: 0 6px;
    width: 246px;
    height: 26px;
    border: solid 1px #fff;
    background: #fff;
}
.brand_signupPanel form .btn{
    width: 200px;
    height: 40px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #ff3c3c;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.brand_signupPanel form .btn:hover{
    background: #ce3838;
}
.brand_signupInfoPanel{
    padding: 24px 20px 30px;
    font-size: 18px;
    text-align: center;
    color: #5d5d5d;
    background: #f0f0f0;
}
.brand_signupInfoPanel .btn{
    display: block;
    margin: 20px auto 0;
    width: 198px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    text-align: center;
    color: #ff3c3c;
    background: #fff;
    border: solid 1px #c8c8c8;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.brand_signupInfoPanel .btn:hover{
    color: #fff;
    background: #ff3c3c;
    border-color: #ff3c3c;
}
.brand_grouponTips{
    margin: 43px 36px;
    padding-left: 25px;
    line-height: 27px;
    font-size: 16px;
    color: #787878;
}
.brand_grouponTips>li{
    margin-bottom: 22px;
    list-style-type: cjk-ideographic;
}
/*暂无数据*/
.noData{ float: none;text-align: center; width: auto;color: #969696;font-size: 14px;display:block;padding-top: 20px; }

/*重点品牌*/
.brandImport_gallery-brands{
    padding: 12px;
}
.brandImport_gallery-brands.g_gallery-brands .brandItem{
    margin: 8px;
    width: 150px;
    border: solid 1px #e6e6e6;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.brandImport_gallery-brands.g_gallery-brands .brandItem>a{
    padding: 13px 13px 0;
}
.brandImport_gallery-brands.g_gallery-brands .brandItem:hover{
    background: #f0f0f0;
}


.brandImport_detail .g_panel-body{
    line-height: 23px;
    font-size: 14px;
}
.brandImport_detail .g_panel-body .more{
    float: right;
    font-size: 14px;
    color: #588ac6;
}

.brandImport_detail .g_panel-body .txt{
    max-height: 185px;
    color: #787878;
    overflow: hidden;
}
.brandImport_detail .g_panel-body .txt.open{
    max-height: none;
}
.brandImport_detail .g_panel-body .txt a{
    color: #787878;
}
.brandImport_detail .g_panel-body .txt a:hover{
    color: #588ac6;
}
.brandImport_detail .contactUs_map{
    margin: 10px;
    height: 320px;
    border: solid 1px #ddd;
}