body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0px;padding:0px;}
body{font:12px/150% Arial,Verdana,"\5b8b\4f53"; font-family:'寰蒋闆呴粦';}
table{border-collapse:collapse; border-spacing:0;}
img{border:0 none;}
ul li{list-style-type:none;}
i,em{font-style:normal}
a{text-decoration:none;}
.fl{float:left;display:inline;/*IE6鍙屽€嶉棿璺�*/}
.fr{float:right;display:inline;}
.clear{clear:both;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
input{background: none;border: none;}
input:focus{outline: none;}
input::-ms-clear{display:none;}
/* 鍏ㄥ眬鏍峰紡 */

/* 涓讳綋鏍峰紡 */
.maindiv{width: 1200.6px;margin: 0 auto; margin-bottom: 40px;}

/* 鍏ㄥ眬瀛椾綋棰滆壊 */
.redfontcolor{color: #ff0000!important}
.bluefontcolor{color: #0047d7!important}

/* 鎵€鏈夊叕鐢ㄦ寜閽� */
.backredbbtn{font-size: 12px;text-indent: 6px;font-family: "microsoft yahei"; height: 30px;line-height: 30px;background: #fd4646 url(../images/aleft.png) no-repeat 8px center;color: #fff;display: block;padding: 0 16px;}
.redbbtn{color: #fff; padding: 10px 0; font-family: "microsoft yahei"; font-size: 18px; text-align: center; color: #fff;background: #df1f23; border: 1px solid #a80101;width: 120px; display: block;}
.redbbtnCenter{color: #fff; padding: 10px 0; font-family: "microsoft yahei"; font-size: 18px; text-align: center; color: #fff;background: #df1f23; border: 1px solid #a80101;width: 120px; display: block;}
.grybbtn{color: #fff; padding: 10px 0; font-family: "microsoft yahei"; font-size: 18px; text-align: center; color: #fff;background: #aaaaaa; border: 1px solid #959595;width: 120px; display: block;}
.greyjbtn{display: block; width: 128px;height: 34px;line-height: 34px;font-size: 14px;font-family:"microsoft yahei"; border: 1px solid #c8c8c8;background: url(../images/greyjbtn.png) repeat-x; text-align: center; color: #666;}

/* 鐘舵€佹爮 */
.sbar{padding: 15px 0;background: #fffbf8; border: 1px solid #d2d2d2;margin-bottom: 20px; overflow: hidden;}
.sbar h3{width: 330px; height: 30px; line-height: 30px; font-family: "microsoft yahei"; font-weight: normal; font-size: 14px; text-indent: 16px;float: left; color: #333;}
.sbar h3 i{font-size: 16px; color: #df1f24; font-family: Arial;}

/* 涓讳骇鍝佸浘鐗� */
.mainimgbox{/*border: 1px solid #ebebeb;*/overflow: hidden;height: 330px; width: 330px;position: relative;}
.mainimgbox img{width: 330px;height: 330px;}
.mainimgtip{width: 100%; position: absolute;height: 36px; line-height: 36px; color: #666;bottom: 0px;padding-left: 40px;font-size: 12px; background:url(../images/sldicon.png) no-repeat 10px center;}

/* 閫氱敤input */
.inputtbox{border: 1px solid #ebebeb; margin-left:16px;margin-top:43px;padding: 10px 10px; background: #fff;box-shadow:0 1px 2px 0 rgba(240,240,240,0.8) inset;}
.inputtbox input{font-size: 16px; color: #666; font-family: "microsoft yahei";width: 100%;}

/* 澶撮儴logo姝ラ */
.logostip{padding: 30px 0;}
.logostip ul{overflow: hidden;}
.logostip ul li{height: 52px;width: 224px; float: left;background: url(../images/tipbgn.png) no-repeat center center;margin-right: 20px;overflow: hidden;}
.logostip ul li.logosper{margin-right: 0px;}
.logostip ul li em{ width: 52px; color: #989898; height: 52px; float: left;font: 30px/52px "microsoft yahei";}
.logostip ul li a{display: block;width: 224px;overflow: hidden;}
.logostip ul li span{float: left; height: 52px;text-indent: 20px;font: 18px/52px "microsoft yahei"; color: #989898;}
.logostip ul li em.one{background:url(../images/num/oneh.png) no-repeat center center;}
.logostip ul li em.two{background:url(../images/num/twoh.png) no-repeat center center;}
.logostip ul li em.three{background:url(../images/num/threeh.png) no-repeat center center;}
.logostip ul li em.four{background:url(../images/num/fourh.png) no-repeat center center;} 
.logostip ul li em.five{background:url(../images/num/fiveh.png) no-repeat center center;}
.logostip .tactive{background: url(../images/tipbga.png) no-repeat center center; }
.logostip .tactive span{color: #fff;}
.logostip .tactive em.one{background:url(../images/num/onew.png) no-repeat center center;}
.logostip .tactive em.two{background:url(../images/num/twow.png) no-repeat center center;}
.logostip .tactive em.three{background:url(../images/num/threew.png) no-repeat center center;}
.logostip .tactive em.four{background:url(../images/num/fourw.png) no-repeat center center;}
.logostip .tactive em.five{background:url(../images/num/fivew.png) no-repeat center center;}
.logostip ul li.tactive  a:hover span{color: #fff!important;}
.logostip ul li a:hover span{color: #df1f23;}

/* 鎼滅储logo */
.searchbox{padding: 32px 0;background: #fafafa;border: 1px solid #f2f2f2;margin-bottom: 20px;}
.searchcon{position: relative;width: 830px; margin: 0 auto;height: 46px; overflow: hidden;} 
.searchcon .left{float: left; width: 24px; height: 46px; background: url(../images/seal.png) no-repeat center center;}
.searchcon .right{float: right; width: 24px; height: 46px; background: url(../images/sear.png) no-repeat center center;}
.searchcon .middle{width: 782px;float: left; padding: 11px 0 15px 0; background: url(../images/seac.png) repeat-x;}
.searchcon .middle input{color: #666; font-size: 16px;font-family: "microsoft yahei"; height: 24px;line-height: 24px; width: 740px;}
.searchbtn{position: absolute; height: 46px; width: 46px;right:0px; background: url(../images/seachbtn.png) no-repeat center center;}
.logogroom{border: 1px solid #f2f2f2;}
.logogroom h3{border-bottom: 1px solid #f2f2f2;overflow: hidden; font-weight: normal; font-size: 20px; font-family: "microsoft yahei";color: #df1f23;}
.logogroom h3 i{float: left; height: 50px; line-height: 44px;width: 240px; text-indent: 16px; border-top: 4px solid #f01e00;}
.logogroom ul{overflow: hidden; padding: 16px 8px;}
.logogroom ul li{position: relative; overflow: hidden; float: left; width: 173px;height: 173px;border: 4px solid #f7f7f7; margin: 10px 8px;}
.logogroom ul li:hover{border-color: #fa6e00;}
.logogroom ul li .logobox{text-align: center; display:table-cell;vertical-align:middle;height: 173px;width: 173px;}
.newluse{width: 80px; height: 26px; position: absolute; right: 0px;bottom: 0px;background: url(../images/newlubg.png) no-repeat center center; text-align: center; text-indent: 5px; line-height: 26px; color: #fff;}
.suspendbox{position: fixed;left: -202px;top:224px; z-index: 10;} 
.suspendl{background: #fff; width: 180px;padding:2px 10px; border:1px solid #4d4d4d;float: left;}
.suspendl p{font-family: "microsoft yahei"; font-size: 12px; margin: 10px 0;color: #333;}
.suspendr{ float: left;height: 172px;width: 50px;background: url(../images/suspendrbgho.png) no-repeat;}
.suspendr p{padding: 28px 12px 2px 12px; font-size: 18px; font-family: "microsoft yahei"; color: #fff; line-height: 22px;}
.lognocue h3{font-weight: normal; font-size: 16px;color: #666;font-family: "microsoft yahei"; height: 30px;line-height: 30px;padding-bottom: 6px;}
.lognolis{overflow: hidden;}
.lognoltop{padding: 30px 20px 24px 20px; height: 100px;}
.lognolis li{float: left; height: 240px;width: 378px; border: 1px solid #e5e5e5;margin-right: 30px;border-radius: 6px;}
.lognoltop i{height: 110px;width: 110px;float: left; margin-right: 10px;}
.lognoltop h4{font-weight: normal; font-size: 27px; color: #666;font-family: "microsoft yahei";padding-top: 28px; padding-left: 10px;}
.lognoltop p{line-height: 1.2; font-size: 16px; font-family: "microsoft yahei";padding-top: 14px; color: #999;}
.lognolis li.lognolsp{margin-right: 0px;}
.logolist{text-align: center;}
.logolist img{*margin-top: 14px;width: 162px;}

/* 閫夋嫨浜у搧 */
.productlist{border-top: 1px solid #ebebeb;border-left: 1px solid #ebebeb; overflow: hidden;margin-right: -1px;}
.productlist li{overflow: hidden; position: relative; border-right: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb; float: left;width: 299px;height: 378px;}
.productimg{height: 202px; width: 202px; overflow: hidden;}
.productimg img{width: 299px;height: 299px;position: absolute;left: 0;top: 0;}
.productbto{ padding: 8px 0;}
.productlist a{display: block;}
.productbto p{overflow: hidden;}
.productbto p i{font-family: "microsoft yahei"; font-size: 14px; color: #333;float: left; width: 90px; font-weight: 800;}
.productbto p i em{font-size: 12px;}
.productbto p {font-size: 14px; color: #e0383b; font-family:Arial, "microsoft yahei";}
.productbto span{color: #999; font-size: 12px; font-family:"microsoft yahei";text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.productbtn{display: none; position: absolute; overflow: hidden;padding: 8px 0;}
.productbtn p{float: left; margin: 4px;padding-left: 12px; width: 120px;}
.productbtn p a{ font-size: 12px;font-family:Arial, "microsoft yahei";color: #fff; background-color: #df1f24; height: 34px;line-height: 34px; display: block;width: 120px; display: block;text-align: center;border-radius: 6px;}
.productlist li:hover .productbtn{display: block;}
.shopcar{text-indent: 16px; background:#df1f24 url(../images/shopcar.png) no-repeat 24px center!important;}
.finish{text-indent: 30px; background:#df1f24 url(../images/finish.png) no-repeat 30px center!important;}
.penrubt{text-indent: 25px; background:#df1f24 url(../images/penrubt.png) no-repeat 30px center!important;}

/* 閫夋嫨椋庢牸 */
.mannerbox{border: 1px solid #ebebeb;padding: 28px;min-height:550px; margin-top:20px;}
.mannerlist{overflow: hidden;}
.mannerlist li{float: left;width: 190px;height: 222px; margin-left:28px; position: relative; } 
.mannerbtn {overflow: hidden;}
.mannerimg{margin: 8px;width: 174px;height: 174px;}
.mannerimg img{display: block;width: 174px;height: 172px;}
/*.mannerbtn a{display: none;  float: left;height: 26px;line-height: 26px; width: 83px;background-color: red; text-align: center;margin-left: 8px; color: #fff;font-size: 12px;font-family: "microsoft yahei";}*/
.mannerbtn a{display:none; text-align:center; font-family:'Microsoft YaHei'; font-size:14px; width:83px; float: left; margin-left:10px;}
.mannerbtn a span:hover{color:red;}
.mannerhbg{display: none; position: absolute;width: 190px;height: 190px;background:url(../images/mannerhbg.png) no-repeat center center;z-index: -1}
.mannerlist li:hover .mannerbtn a{display: block;}
.mannerlist li:hover .mannerhbg{display: block;}
.mannerbox .bigshow{ position:relative; width:402px; margin-left:399px; float:left;}
.mannerbox .bigshow .selector-color{ text-align:center;}
.mannerbox .bigshow .selector-color span{ display:inline-block; width:22%; height:30px; margin-right:4%; box-sizing:border-box;}
.mannerbox .bigshow .editer-color{ position:absolute; top:igpx; width:100%;}
.mannerbox .bigshow .editer-color li{ display:none; padding:1px; box-sizing:border-box; border:1px solid #ccc; line-height:0;}
.mannerbox .bigshow .editer-color span{ display:inline-block; width:9%; height:25px; box-sizing:border-box; border:2px solid #fff;margin-left: 0.3px;}
.mannerbox .bigshow span.active{ border:3px solid #EE6262 !important;}
.mannerbox .bigshow .selector-color span:last-child{ margin-right:0;}
.mannerbox .bigshow .img-product{ display:table; width:100%; margin:32px 0; box-sizing:border-box; border:1px solid #ccc;}
.mannerbox .bigshow .img-product .center{ display:table-cell; text-align:center; vertical-align:middle;}
.mannerbox .bigshow .btn-next{ display:block; margin:0 auto; height: 48px; line-height: 46px;width: 140px; text-align: center;font-size: 20px;font-family:"microsoft yahei"; color:#fff;cursor: pointer; font-weight: bold; background: url(../images/rebbg.png) repeat-x; border: 1px solid #a94100;}

/* 濉啓鏍囪 */
.sloganbox{border: 1px solid #ebebeb;padding: 53px;overflow: hidden;margin-top:20px;}
.sloganboxri{width: 610px;height: 400px;background: #fafafa;margin-left: 30px;padding: 0 20px;}
.sloganboxri h3{margin-bottom: 40px; font-family:"microsoft yahei"; color: #333; font-weight: normal; font-size: 21px;height: 70px;line-height: 70px; border-bottom: 1px solid #ebebeb;}
.sloganboxri h3 i{font-size: 14px;}


/* 浜у搧璇︽儏璐墿杞� */ 
.numblst{margin-right: 10px; overflow: hidden; float: left;}
.numblst em{float: left;height: 24px; line-height: 24px;padding-right:4px;}
.numblsto{margin-right: 10px; overflow: hidden; float: left;}
.numblsto em{float: left;height: 24px; line-height: 24px;padding-right:4px;}
.nummce{color: #333; float: left; text-align: center; display: block; width: 34px;padding: 0px 2px; height: 22px;line-height: 22px; border: 1px solid #cccccc;background: #fff;margin: 0 3px;}
.numlbtn{float: left; display: block; background:#fff url(../images/addlow.png) no-repeat 0px 0px; height: 14px; width: 14px; border: 1px solid #dcdccc;margin-top: 4px;}
.numrbtn{float: left;  display: block; height: 14px; width: 14px;background: #fff url(../images/addlow.png) no-repeat -14px 0px; border: 1px solid #dcdccc;margin-top: 4px;}
.DisDe{background: #fff url(../images/addlow.png) no-repeat 0px -14px;}
.DisIn{background: #fff url(../images/addlow.png) no-repeat -14px -14px;}

/* SUK */
.suktopbox{/*overflow: hidden;*/margin: 20px 0 28px 0;}
.sukrmetion{width: 770px;}
.sukrmeco{padding-bottom:2px; /*min-height: 396px;*//*background: #f9f9f9;*/margin-bottom: 10px;}
.sukhea{padding: 15px 40px 15px 34px; overflow: hidden; font-weight: normal;}
.sukhea span{height: 30px;line-height: 30px; font-size: 20px;color: #148c00;font-family:"microsoft yahei"; font-weight: bold;}
.sukmanb{/*background: #fffbf8;*/margin: 0 20px; /*padding: 0 16px;*/}
.sukmanhe{margin-bottom: -10px; height: 50px;line-height: 50px;font-size: 20px; color: #333;font-family:"microsoft yahei";}
.sukmanulsit{overflow: hidden; padding:10px 0}
.sukmanulsit>div{padding: 9px 0; overflow: hidden;/*height: 24px;*/ }
.sukmanulsit>div .stit{float: left; color: #666;margin-right: 6px; height: 24px; line-height: 25px;}
.sukmanulsit>div .scon{float: left; color: #666;height: 24px; line-height: 24px;}
.sukmanulsit>div .scon b{color: #ff0000;}
.sukmanulsit>div .smoney{float: left; height: 24px; line-height: 24px; font-size: 22px;font-family:Arial,"microsoft yahei";color: #ff0000;font-weight: bold;margin-left: -4px;}
.sku-total{ margin-top:20px; padding-right:10px; text-align:right;}
.sku-total i{ font-size:22px; font-weight:bold; color:#f00;}
.colorlis{overflow: hidden;}
.sukmanulsit{overflow: hidden; padding:10px 0; margin-top: 20px;}
.sukmanulsit>li{padding: 9px 0; overflow: hidden;height: 24px; }
.sukmanulsit>li .stit{float: left; color: #666;margin-right: 6px; height: 24px; line-height: 25px;}
.sukmanulsit>li .scon{float: left; color: #666;height: 24px; line-height: 24px;}
.sukmanulsit>li .scon b{color: #ff0000;}
.sukmanulsit>li .smoney{float: left; height: 24px; line-height: 24px; font-size: 22px;font-family:Arial,"microsoft yahei";color: #ff0000;font-weight: bold;margin-left: -4px;}
.colorlis a{ cursor: pointer; float: left; width: 22px;height: 22px;border: 1px solid #e1ddde;margin-right: 10px;display: block;}
.colorlis a.on{height: 20px;width: 20px; border: 2px solid #ed0000;}
.colorlis li{ cursor: pointer; float: left; width: 22px;height: 22px;border: 1px solid #e1ddde;margin-right: 10px;display: block;}
.colorlis li.on{height: 20px;width: 20px; border: 2px solid #ed0000;}
.sexlis{overflow: hidden;} 
.sexlis a{float: left; text-align: center; margin-right: 10px; height: 22px;line-height: 22px;width: 34px;  color: #333;display: block; border: 1px solid #e1ddde;}
.sexlis a.on{height: 18px;width: 32px; line-height: 20px;  border: 2px solid #ed0000;}
.show_opa{opacity: 1 !important;}
.none{display:none}
.new_cardimgbox .big li{position:absolute;top:0;left:0;width:400px;height:400;opacity:0;filter:alpha(opacity=0);}
.longcolorlis{overflow: hidden;}
.longcolorlis a{cursor: pointer; float: left; width: 63px;height: 22px;border: 1px solid #e1ddde;margin:0 14px 0 8px;}
.longcolorlis li{cursor: pointer; float: left; width: 63px;height: 22px;border: 1px solid #e1ddde;margin:0 14px 0 8px;}
 



.witecolor{background: #fff}
.blackcolor{background: #08080a}
.bluecolor{background: #0c0f2e}
.redcolor{background: #d71928}
.geycolor{background: #bfbece}
.cyancolor{background: #6ec7ec}
.greencolor{background: #96b763}
.pinkcolor{background: #fe679a}
.wibl{background: url(../images/bliaobg.png) no-repeat 0px -00px;}
.grbl{background: url(../images/bliaobg.png) no-repeat 0px -22px;}
.blbl{background: url(../images/bliaobg.png) no-repeat 0px -44px;}
.slbl{background: url(../images/bliaobg.png) no-repeat 0px -66px;}
.lsbl{background: url(../images/bliaobg.png) no-repeat 0px -88px;}
.rebl{background: url(../images/bliaobg.png) no-repeat 0px -110px;}
.fsbl{background: url(../images/bliaobg.png) no-repeat 0px -132px;}
.suksecb{overflow: hidden; margin: 12px 20px; padding:0 16px; padding-bottom: 8px;}
.suksecb h4{font-size:14px; color: #666;font-size: 14px;height: 34px;line-height: 36px;} 
.suksecblist li{height: 22px; line-height: 22px;}
.suksecblist li label{overflow: hidden; cursor: pointer; display: inline-block;}
.suksecblist li input{height: 22px; line-height: 22px; float: left; margin-right: 8px;}
.suksecblist li span{color: #333; height: 22px; line-height: 21px; float: left;}
.suksecblist li b{padding-right: 10px;}
.suksecblist li strong{color: #f00000;}
.suksecblist li a{color: #0047d7;margin-left: 8px;}
.sukbbtnbox{overflow: hidden;}
.sukbbtnbox li{float: left;margin-left: 20px; height: 48px; line-height: 46px;width: 140px; text-align: center;font-size: 20px;font-family:"microsoft yahei"; font-weight: bold; }
.sukbbtnbox li a{display: block;height: 100%;width: 100%; color: #fff;}
.sukrmeco .addfav{ float:right; width:auto; margin:25px 38px 0 0; padding-left:40px; background:url(../images/ico_star01.png) no-repeat 0 center; line-height:46px; font-size:14px; font-weight:normal; color:#333; cursor:pointer;}
.sukbbtnbox .addfav.active{  background:url(../images/ico_star02.png) no-repeat 0 center;}
.sukbbtnbox.v1{ text-align:right;}
.sukbbtnbox.v1 li{ display:inline-block; float:none; margin:25px 25px 0 0;}
.rebbg{background: url(../images/rebbg.png) repeat-x; border: 1px solid #a40000;}
.ylebtn{background: url(../images/ylebtn.png) repeat-x; border: 1px solid #a94100;}
.suksecbot{height: 60px; line-height: 70px;color: #666;}
.suksecbot i{color: #ff0000;}
.suksecbot strong{font-size: 22px;font-family: Arial,"microsoft yahei"; color: #ff0000;}

/*琛ㄦ牸*/
.table{ border:1px solid #ddd;width:80%; margin-top: 16px; background: #fff;}
.table th,.table td{color: #666; padding:8px 14px;line-height:18px;text-align:center;vertical-align:center;font-size: 12px;}
.table th{background: #f6f6f6;font-weight: normal;color: #333} 


/* 涓€璧疯喘鍒囨崲 */
.changbatch h3{overflow: hidden; padding: 24px 0 20px 0; border-top: 1px solid #e6e6e6;}
.changbathel{text-indent: 10px; float: left; color: #df1f23; font-size: 18px; font-weight: normal; font-family:"microsoft yahei";}
.changbather{float: right;margin-right: 10px; overflow: height: ;}
.changbather a{float: left;height: 22px;line-height: 22px; padding: 0px 18px; color: #999;font-size: 16px;font-weight: normal;font-family:"microsoft yahei";}
.changbather a.prev{background: url(../images/changebtn.png) no-repeat left -66px;border-right: 1px  dotted; padding-left: 24px;}
.changbather a.prev:hover{color: #666; background: url(../images/changebtn.png) no-repeat left -44px;}
.changbather a.next{background: url(../images/changebtn.png) no-repeat right -22px;padding-right: 24px;}
.changbather a.next:hover{color: #666; background: url(../images/changebtn.png) no-repeat right -0px;}
.anyClass{width: 1199px!important;border: 1px solid #ededed; height: 290px;*border-right: none;}
.changbatulst{background:#eee;}
.changbatulst li{overflow: hidden; position: relative; width: 239px; height: 290px; border-right: 1px solid #ededed;float: left; }
.changbatulst li:first-child{width: 239px; *width: 238px;}
.changbatulst li a{color: #333;}
.changbatulimg{width: 239px; height: 239px;}
.changbatulimg img{position: absolute;left: 0px;top: 0px; width: 239px; height: 239px;}
.changbatulbottom{overflow: hidden;height: 50px; line-height: 50px; }
.changbatulbottom input{float: left; height: 50px;line-height: 50px;margin: 0 8px; margin-left: 20px;}
.changbatulbottom  b{padding-right: 10px;}
.changbatulbottom i{color: #f00000}

.changbatch.v1 h3{ padding-top:0; border-top:none;}
.changbatch.v1 .anyClass{ height:auto;}
.changbatch.v1 li{ height:330px;}
.changbatch.v1 .changbatulbottom{ height:auto;}
.changbatch.v1 .changbatulbottom p{ text-align:center;}
.changbatch.v1 .center{text-align:center; overflow:hidden;}
.changbatch.v1 .numblst{ display:inline-block; float:none; width:100px; margin-left:13px;}
.changbatch.v1 .numblst input{ margin:0; height:22px; margin:0 5px; line-height:22px;}
.changbatch.v1 .btn-add{ width:83px; height:26px; margin:0 auto; background:url(../images/mannerbtn.png) no-repeat; text-align:center; line-height:26px; cursor:pointer;}


/* 涓婁紶姝ラ */
.stephe{width: 880px;height: 50px; margin: 24px auto 10px auto;}
.stepul{overflow: hidden;margin-top: 10px;}
.stepul li{float: left; color: #999;text-align: center; font-size: 16px; font-family:"microsoft yahei";}
.stepulisl{width: 170px;} 
.stepulism{width: 540px;}
.steptcon{clear: both; padding: 116px 0; text-align: center;font-size: 18px; font-family:"microsoft yahei";color: #666;} 
.steptcon span{background:url(../images/rigtiicon.png) no-repeat left center;padding: 12px 0 12px 60px;  }
.stepinp{ overflow: hidden; text-align: center;}
.stepinpsp i{height: 46px; line-height: 46px; font-size: 16px;color: #333;  font-family:"microsoft yahei";}
.stepinpbox{width: 400px; position: relative;}
.stepinpsp{display: inline-block; padding: 70px 0 30px 0}
.stepinpshum{font-size: 14px;font-family:"microsoft yahei"; color: #666;margin-bottom: 60px;}
input.uploadFile{cursor: pointer; position:absolute;right:-80px;top:8px;opacity:0;filter:alpha(opacity=0); cursor:pointer;width:70px;height:36px;overflow: hidden;}
.textbox{float:left; width:200px;width: 100%;}
.bluecbtn{float:left;display:inline-block;padding:6px 20px;margin-left: 10px;color:#fff;font:16px "microsoft yahei";cursor:pointer;background-color:#7ba2db;line-height:28px;border: 1px solid #6993d2;} 
.stepbotbtn{ width: 284px;padding: 0 10px;overflow: hidden;margin: 0 auto;}
.stepbotbtn li{float: left; margin: 0 10px;}

/* 寮圭獥 */
.bombbox{display: none; position: fixed;z-index: 99;width: 100%;height: 100%;}
.alphabg{position:fixed;top: 0;left: 0; background: #000;width: 100%;height: 100%;opacity:0.6;filter:alpha(opacity=60);z-index: 100;}
.bombcon{border-radius: 3px;overflow: hidden; position: fixed;left: 50%;top: 50%; width: 630px;background: #fff;height: 380px;margin-left: -315px;margin-top: -190px;z-index: 101}
.bombcon h3{height: 40px;background: #dcdcdc;width: 100%; overflow: hidden;}
.bombdeletbtn{float: right;height: 40px;width: 40px;background: url(../images/delebtn.png) no-repeat center center;}
.bombimg{height: 158px;width: 158px;border: 1px solid #d2d2d2;float: left;margin: 18px 12px 0px 13px;}
.bombimg img{height: 158px; width: 158px;}
.bombritc{width: 400px;background: #f9f9f9;float: left;margin-top: 18px;padding:0 16px; margin-bottom: 20px;}
.makesurebox{border-radius: 3px;overflow: hidden; position: fixed;left: 50%;top: 50%; width: 420px;background: #fff;height: 260px;margin-left: -210px;margin-top: -130px;z-index: 101}
.makesurebox h3{height: 40px;background: #dcdcdc;width: 100%; overflow: hidden;}
.makesuredlebtn {float: right;height: 40px;width: 40px;background: url(../images/delebtn.png) no-repeat center center;}
.makesurep{font-size: 22px; text-align: center; color: #333;font-family:"microsoft yahei"; padding: 60px 0 60px 0;}


/* 鍒涘缓logo */
.createlogo >.topbar{ padding:0 0 40px 15px; font-size:14px; color:#333;}
.createlogo >.border{ border:1px solid #f2f2f2;}
.createlogo >.border >.steplist > li{ width:1140px; margin:0 auto; padding-bottom:0px; background:url(../images/nologo_libg.png) repeat-x 0 bottom;}
.createlogo >.border >.steplist > li >.topbar{ position:relative; margin-top:56px; border-bottom:1px solid #e6e6e6; line-height:78px;}
.createlogo >.border >.steplist > li >.topbar:after{ clear:left; display:block; content:'';}
.createlogo >.border >.steplist > li:first-child >.topbar{ margin-top:0;}
.createlogo >.border >.steplist > li >.topbar >.no{ float:left; margin-left:15px; font-size:12px; color:#989595;}
.createlogo >.border >.steplist > li >.topbar >.no > i{ color:#ef6063;}
.createlogo >.border >.steplist > li >.topbar >.link{ float:right; font-size:12px; color:#989595;}
.createlogo >.border >.steplist > li >.topbar >.link > a{ color:#5495e5;}
.createlogo >.border >.steplist > li >.topbar >.link > a:hover{ text-decoration:underline;}
.createlogo >.border >.steplist > li >.topbar >.QR{ float:right; margin:22px 66px 0 18px; cursor:pointer;}
.createlogo >.border >.steplist > li >.topbar >.QR + div{ position:absolute; top:620px; right:10px; display:none;}
.createlogo >.border >.steplist > li >.topbar >.QR:hover + div{ display:block;}
.createlogo >.border >.steplist > li >.topbar >.userlogo{ float:left; width:50px; height:50px; margin:16px 10px 0 26px;}
.createlogo >.border >.steplist > li >.topbar >.btn-edit{ float:left; width:18px; height:18px; margin:35px  0 0 10px; cursor:pointer}
.createlogo >.border >.steplist > li.noborder{ padding-bottom:0; background:none;}
.createlogo h2{ float:left; margin-left:10px; font-size:16px; font-weight:bold; color:#676666;}
.createlogo .h2{ float:left; min-width:17px; margin:26px 0 0 10px; padding:5px; font-size:16px; font-weight:bold; color:#676666;}
.createlogo .h2.active{ border:1px solid #ccc;}
.createlogo >.border >.steplist > li >.topbar > b{ margin-left:22px; font-size:12px; font-weight:normal; color:#989595;}
.createlogo .selectfile{ margin-top:62px; overflow:hidden;}
.createlogo .selectfile .label{ float:left; margin-left:50px; font-size:16px; line-height:34px;}
.createlogo .selectfile input{ float:left; min-width:398px; height:34px; border:1px solid #bfbfbf; box-sizing:border-box; line-height:34px;}
.createlogo .selectfile .btn-select{ float:left; width:80px; height:34px; margin-left:10px; font-size:18px; line-height:34px; text-align:center; color:#fff; cursor:pointer; background:#7ba2db; border:none;}
.createlogo .note{ margin:66px 0 0 86px; font-size:14px; color:#666;}
.createlogo .selectfile +.note{ margin-top:40px;}
.createlogo .btn-upload{ width:124px; height:36px; margin:70px 0 0 135px; font-size:18px; line-height:36px; text-align:center; color:#fff; cursor:pointer; background:#df1f23; border:1px solid #a80101; box-sizing:border-box;}
.createlogo .btn-buy{ display:block; width:138px; height:36px; margin:18px auto 20px; font-size:14px; color:#fff; line-height:36px; text-indent:36px; border-radius:6px; background:#df1f24 url(../images/shopcar.png) no-repeat 26px center;}
.createlogo .btn-design{ display:block; width:138px; height:36px; margin:18px auto 20px; font-size:14px; color:#fff; line-height:36px; text-indent:36px; border-radius:6px; background:#df1f24 url(../images/btnDesignTip.png) no-repeat 26px center;}
.createlogo .btn-release{ display:block; width:138px; height:36px; margin:0 auto; font-size:14px; color:#fff; line-height:36px; text-indent:28px; border-radius:6px; background:#fcaf17 url(../images/ico_star.png) no-repeat 10px center;}
.createlogo .logoli{ padding:26px 8px 0; overflow:hidden;}
.createlogo .logoli > li{ position:relative; float:left; margin-right:18px;}
.createlogo .logoli > li .btn-del{ position:absolute; top:5px; right:5px; width:32px; height:32px; background:url(../images/ico_del.png) no-repeat; cursor:pointer;}
.createlogo .logoli > li img{ display:block; max-width:172px; max-height:172px;position: absolute;top: 0;right: 0;bottom: 0; left: 0;margin: auto; }
.createlogo .logoli > li.add img{ border:4px solid #ededed;}

.show{ min-height:528px; margin-top:0px;}
.show a{ color:inherit;}
.show >.topbar{ width:1140px; margin:40px auto 70px; padding-bottom:26px; overflow:hidden; border-bottom:1px solid #e6e6e6;}
.show >.topbar2{ margin-bottom:70px; overflow:hidden;}
.show .change{ float:right; width:202px; margin-right:52px; font-size:18px; color:#999; background:url(../images/changebg.png) repeat-y center 0;}
.show .change span{ line-height:22px; cursor:pointer;}
.show .change > span:first-child{ float:left; padding-left:25px; background:url(../images/changebtn.png) no-repeat; background-position:0 -66px;}
.show .change > span:first-child:hover{ color:#666; background-position:0 -44px;}
.show .change > span:last-child{ float:right; padding-right:25px; background:url(../images/changebtn.png) no-repeat; background-position:right -22px;}
.show .change > span:last-child:hover{ color:#666; background-position:right 0;}
.productlist2{ overflow:hidden;}
.productlist2 > li{ position:relative; float:left; width:285px; margin-bottom:5px;padding-left: 12px;}
.productlist2 > li .btn-del{ position:absolute; top:5px; right:5px; width:32px; height:32px; background:url(../images/ico_del.png) no-repeat; cursor:pointer;}
.productlist2 > li >.a{ display:block; overflow:hidden; border-right:1px solid #ededed;}
.productlist2 > li:last-child >.a{ border-right:none;}
.productlist2 > li >.a > img{ display:block; max-height:285px; margin:0 auto;}
.productlist2 > li > h3{ font-size:12px; font-weight:normal; line-height:64px; text-align:center;}
.productlist2 > li > h3 > b{ font-size:14px; font-weight:bold; color:#252525;}
.productlist2 > li > h3 > i{ color:#e0383b;}
.productlist2 .btn-buy{ display:block; width:138px; height:36px; margin:0 auto; font-size:14px; color:#fff; line-height:36px; text-indent:60px; border-radius:6px; background:#df1f24 url(../images/shopcar.png) no-repeat 30px center;}
.productlist2 .btn-cart{ display:block; width:138px; height:36px; margin:0 auto ; font-size:14px; color:#fff; line-height:36px; text-indent:44px; border-radius:6px; background:#f36c21 url(../images/ico_heart.png) no-repeat 25px center;}
.productlist2.o li{ height:442px;}
.productlist2.o .btn-buy{ display:none;}
.productlist2.o .btn-cart{ display:none;}
.productlist2.o li:hover .btn-buy{ display:block;}
.productlist2.o li:hover .btn-cart{ display:block;}