@charset "utf-8";
/* CSS Document */
/* KISSY CSS Reset */
body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,span,i,ul,a,em,img,textarea,select{margin:0;padding:0;font-family:"Arial";}
*{padding:0; margin:0; list-style:none;font-family:"Arial";}
body,button,input,select,textarea {font-size:12px;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea {font-size:100%;}
label,input,select {vertical-align:middle;}
address,cite,em {font-style:normal;}
fieldset{cursor:pointer;}
img{border:none;}
ul,ol {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
sub {vertical-align:text-bottom;}
sup {position:relative;top:-1px;left:2px;font:11px/normal tahoma;vertical-align:text-top;}
small {font-size:12px;}
legend {color:#333;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
*:focus { outline: none; }
a{cursor:pointer;}
input[type=submit],input[type=button]{cursor:pointer;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background:rbga(255,255,255,0) !important;}
      
/* default color */
a{text-decoration:none;}
ul,li{padding:0; margin:0;}
/*-------------------------------
  end: reset */

/*清除浮动*/
.clearfix:before,.clearfix:after{content:"."; display:block; visibility:hidden; height:0; line-height:0; font-size:0;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clear{clear:both; height:0;overflow:hidden;}

/*自定义字体*/
@font-face {
  font-family: "Akrobat";
  src: url('../front/AKROBAT-REGULAR.OTF');
}

@font-face {
  font-family: "Akrobat";
  src: url('../front/AKROBAT-BLACK.OTF');
  font-weight: bold;
}

@font-face {
  font-family: "Akrobat";
  src: url('../front/AKROBAT-THIN.OTF');
  font-weight: 300;
}

/*浮动*/
.fl{float:left;}
.fr{float:right;}
i{display:inline-block;*display:inline;*zoom:1;font-style:normal;}
.imgBg{background-repeat:no-repeat;background-position:center top;background-size:cover;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.motion{transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.msg-pop-main{background:rgba(0,0,0,0.5);max-width:250px;position:fixed;left:50%;top:50%;z-index:10000;display:none;border-radius:3px;font-size:12px;}
.msg-pop-main p{padding:10px;line-height:24px;font-size:14px;color:#fff;}
.xs-show{display: none !important;}
.xs-hidden{display: block !important;}
.container{width: 85.9375vw;margin: 0 auto;}
.fac{display: flex;align-items: center;}
.fsc{display: flex;justify-content: space-between;align-items: center;}
.fsb-box{display: flex;justify-content: space-between;}






.load-more{display: block;margin: 0 auto;width: 25.625vw;height: 3.4375vw;background: #D82122;font-size: 1.25vw;font-weight: bold;color: #fff;font-family: "HelveticaCond";position: relative;}
.load-more p{display: flex;height: 100%;justify-content: center;align-items: center;position: relative;z-index: 10;}
.load-more i{display: block;width: 9px;height: 19px;background: url('../images/arrowR.png') no-repeat;background-size: 100%;transform: rotate(90deg);margin-left: 1.5625vw;}
.load-more::before{content: '';position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #FF9900;transition: all 0.3s ease-in-out;}
.load-more:hover::before{width: 100%;}



.home-title{font-size: 3.3333vw;line-height: 4.1667vw;font-weight: bold;font-family: "HelveticaCond";}
.com-title{font-size: 2.5vw;font-weight: bold;line-height: 3.125vw;font-family: "HelveticaCond";}
.no-scroll{position: fixed;left: 0;top: 0;width: 100%;height: 100%;}
.mark{width: 38vw;height: 35.36vw;background: url('../images/mark.png') no-repeat;background-size: cover;position: absolute;right: -5.52vw;bottom: -3.91vw;z-index: 5;opacity: 0.1;}
.anchor{position: absolute;left: 0;top: 0;font-size: 0;}
.wish-pop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 101;display: none;}
.wish-main-pop{width: 64.0625vw;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;box-sizing: border-box;padding: 2.6042vw 2.0833vw 3.125vw;position: absolute;}
.wish-main-pop .close{display: block;width: 2.6042vw;height: 2.6042vw;box-sizing: border-box;border-radius: 50%;position: absolute;right: -3.6458vw;top: 0;background: url('../images/wish_close.png') no-repeat;background-size: 100%;}
.wish-main-pop .title{font-size: 1.4583vw;height:2.5vw;border-bottom: 1px solid #C4C4C4;color: #333;font-weight: 500;}
.wish-main-pop .title span{color: #FFAC30;}
.swiper-wish .item{border-bottom: 1px solid #C4C4C4;padding: 1.0417vw 0 1.5625vw;display: flex;justify-content: space-between;height: 4.1667vw;}
.swiper-wish .item .pic{width: 4.1667vw;height: 4.1667vw;background: #F2F2F2;display: flex;justify-content: center;align-items: center;box-sizing: border-box;padding: 0.5208vw;}
.swiper-wish .item .pic img{display: block;max-width: 100%;,max-height: 3.125vw;}
.swiper-wish .item .info{width: 49.4792vw;}
.swiper-wish .item .info .name{display: block;font-size: 15px;line-height: 1.4299;color: #333;}
.swiper-wish .item .info .model{font-size: 12px;color: #666;line-height: 1.4299;margin-top: 8px;}
.swiper-wish .item .delete{display: block;font-size: 12px;color: #FFAC30;text-decoration: underline;line-height: 1.4299;}
.swiper-wish .item .info .name:hover{color: #FFAC30;}
.swiper-wish .item .delete:hover{color: #FF9900;}
.wish-feed{padding-top: 3.0208vw;}
.wish-feed h5{font-size: 15px;line-height: 1.4299;color: #333;text-transform: capitalize;}
.wish-feed p{font-size: 12px;line-height: 1.4299;color: #999;}
.wish-feed .flex-item{display: flex;justify-content: space-between;margin-top: 1.5625vw;}
.wish-feed .flex-item .item{width: 28.125vw;position: relative;}
.wish-feed .flex-item .item .name{font-size: 15px;line-height: 1.4299;color: #333;margin-bottom: 4px;}
.wish-feed .flex-item .item .text{display: block;box-sizing: border-box;width: 100%;height: 30px;border:1px solid #C4C4C4;padding: 0 10px;font-size: 15px;color: #666;}
.wish-feed .flex-item .item:first-child{display: flex;flex-wrap: wrap;justify-content: space-between;}
.wish-feed .flex-item .item .step{width: 13.5417vw;margin-bottom: 24px;}
.wish-feed .flex-item .item .step:last-child{width: 100%;}
.wish-feed .flex-item .item textarea{box-sizing: border-box;width: 100%;height: 109px;font-size: 15px;color: #666;line-height: 25px;padding: 10px;border:1px solid #C4C4C4;}
.wish-feed .flex-item .item .num{position: absolute;right: 0;top: 0;font-size: 12px;line-height: 1.4299;color: #666;}
.wish-feed .btn{display: block;width: 15.625vw;height: 2.6042vw;font-size: 0.9375vw;color: #fff;margin: 2.6042vw auto 0;border: none;background: #FFAC30;}
.wish-feed .btn:hover{background: #FF9900;}
.wish-pop .tel{font-size: 14px;line-height: 2.054;text-align: center;color: #999;margin-top: 1.7708vw;}
.wish-pop .tel span{color: #333;}
.back-aside{position: fixed;right: 3px;bottom: 30%;width: 58px;height: 66.5px;background: url('../images/backup_icon.png') no-repeat;background-size: cover;z-index: 100;cursor: pointer;margin-right: 12px;}

