@charset "utf-8";
fieldset,img {border: none;}
.color333{color:#333!important;}
.colorWhite {color:#fff!important;}
.font14 {font-size:14px!important;}
.font20 {font-size:20px!important;}

.fl{float: left;}
.fr{float: right;}
.cursor{cursor:pointer;}
.noMargin {margin:0!important;}
.noMarginRight {margin-right:0px!important;}
.noPadding {padding:0!important;}
.marginTop5{margin-top:5px;}
.marginTop10{margin-top:10px;}
.marginTop15{margin-top:15px;}
.marginTop20{margin-top:20px;}
.marginTop30{margin-top:30px;}
.marginTop40{margin-top:40px;}
.marginTop50{margin-top:50px;}
.marginTop70{margin-top:70px;}
.marginTop80{margin-top: 80px;}
.marginTop90{margin-top: 90px;}
.marginTop120{margin-top: 120px;}
.marginTop150{margin-top: 150px;}
.marginTop200{margin-top: 200px;}
.marginTop240{margin-top: 240px;}
.marginTop300{margin-top: 300px;}
.marginRight5{margin-right:5px;}
.marginRight10{margin-right:10px;}
.marginRight15{margin-right:15px;}
.marginRight20{margin-right:20px;}
.marginRight24{margin-right:24px;}
.marginRight30{margin-right:30px;}
.marginRight40{margin-right:40px;}
.marginRight50{margin-right:50px;}
.marginRight70{margin-right:70px;}
.marginRight90{margin-right:90px;}
.marginRight100{margin-right:100px;}
.marginLeft5{margin-left:5px;}
.marginLeft10{margin-left:10px;}
.marginLeft15{margin-left:15px;}
.marginLeft20{margin-left:20px;}
.marginLeft30{margin-left:30px;}
.marginLeft40{margin-left:40px;}
.marginLeft50{margin-left:50px;}
.marginLeft55{margin-left:55px;}
.marginLeft70{margin-left:70px;}
.marginLeft80{margin-left:80px;}
.marginLeft100{margin-left:100px;}
.marginLeft200{margin-left:200px;}
.marginLeft400{margin-left:400px;}
.marginBottom5{margin-bottom:5px;}
.marginBottom10{margin-bottom:10px;}
.marginBottom15{margin-bottom:15px;}
.marginBottom20{margin-bottom:20px;}
.marginBottom30{margin-bottom:30px;}
.marginBottom40{margin-bottom:40px;}
.marginBottom70{margin-bottom:70px;}
.marginBottom90{margin-bottom: 90px;}
.marginBottom130{margin-bottom: 130px;}

.paddingTop5{padding-top:5px;}
.paddingTop10{padding-top:10px;}
.paddingTop15{padding-top:15px;}
.paddingTop20{padding-top:20px;}
.paddingTop30{padding-top:30px;}
.paddingTop40{padding-top:40px;}
.paddingTop50{padding-top:50px;}
.paddingTop60{padding-top:60px;}
.paddingTop70{padding-top:70px;}
.paddingTop80{padding-top:80px;}
.paddingTop90{padding-top:90px;}
.paddingTop110{padding-top:110px;}
.paddingTop125{padding-top:125px;}
.paddingRight5{padding-right:5px;}
.paddingRight10{padding-right:10px;}
.paddingRight15{padding-right:15px;}
.paddingRight20{padding-right:20px;}
.paddingRight30{padding-right:30px;}
.paddingRight40{padding-right:40px;}
.paddingRight70{padding-right:70px;}
.paddingLeft5{padding-left:5px;}
.paddingLeft10{padding-left:10px;}
.paddingLeft15{padding-left:15px;}
.paddingLeft20{padding-left:20px;}
.paddingLeft30{padding-left:30px;}
.paddingLeft40{padding-left:40px;}
.paddingLeft70{padding-left:70px;}
.paddingLeft80{padding-left:80px;}
.paddingLeft90{padding-left:90px;}
.paddingBottom5{padding-bottom:5px;}
.paddingBottom10{padding-bottom:10px;}
.paddingBottom15{padding-bottom:15px;}
.paddingBottom20{padding-bottom:20px;}
.paddingBottom30{padding-bottom:30px;}
.paddingBottom40{padding-bottom:40px;}
.paddingBottom70{padding-bottom:70px;}
.paddingBottom100{padding-bottom:100px;}

.lineHeight20{line-height: 20px!important;}
.textAlignRight{text-align: right!important;}

.container { margin-left:auto;margin-right:auto;*zoom:1;}
.container:before {display:table;content:"";}
.container980{width:980px;margin-left:auto;margin-right:auto;*zoom:1;}

.tilText{
    /*position:absolute;*/
    /*top:-12px;*/
    /*background:#fff;*/
    /*left:50%;*/
    /*margin-left: -42px;*/
}
.textAlignCenter{text-align: center!important;}
.tilTtep{margin-left: 550px;;}
.tilTtep ul li{float:left;margin:0 30px;}
.tilTtep ul li.on{color:#ff6c00;}


.iconBox3d ul li{
    float: left;
    /*margin-left: 58px;margin-right: 58px*/
    width:25%;
    margin-bottom: 40px;;
}
.orderIndexNavCent{width:950px;text-align: center;}
.orderCentWidth{width:100%;}

.orderIndexContBox{margin-bottom: 50px;}


/*下单页面   使用brand样式*/
.seriesChoiceBox {text-align: center;}
.seriesChoiceBox .seriesChoiceSpan{display:inline-block;padding:6px 20px;background:#f09b22;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;font-size: 18px;color:#fff;margin-left: 5px;margin-right: 5px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;}
.seriesChoiceBox .circularIcon img{vertical-align: middle;margin-right: 5px;}
.seriesChoiceBox .seriesChoiceSpan.currentOn{filter:alpha(opacity=100);opacity:1;}
.fabriBox_optsTil .fabsearchIpt{padding:3px 5px; width:130px;}
.fabriBox_optsTil .fabsearchBtn{padding:5px 10px;cursor:pointer;}
.peymentTop h2{text-indent: 0;}
.orderIndex_C450{width:450px;}
.diyOrderList ul li{width:250px;margin-left: 8px;margin-right: 8px; margin-bottom:16px;float: left;}
.diyOrderList ul li .diyOrderImg{height:350px;width:250px;overflow:hidden;text-align: center;}
.craftBox ul li{float: left;padding:5px 10px;background:#eee;margin-left: 5px;margin-right: 5px;margin-bottom: 10px;cursor:pointer;}
.craftBox ul li.currenOn{background:#333;color:#fff;}
/*///////////////////////////////////////////////////////////*/



/*
*brands.css
*/
/*左边效果*/
.orderIndexContBox{margin-bottom: 20px;}
.orderIndex_L{width:360px;position:relative;overflow:hidden;}
.orderIndex_L .options_list li{width:410px;list-style: none;height:70px;border-bottom: 1px solid #e3e3e3;overflow:hidden;cursor:pointer;}
.sidebar-orders{position:relative;height:520px;width:310px;margin-top:10px;}
.container_orders.min{width:60px;}

.orderIndex_L .options_list{height:520px;overflow-y: auto;overflow-x:hidden ;width:410px;}  /*这里添加了溢出y抽出现滚动条*/
.orderIndex_L .container_orders.min .options_list{width:72px;}                              /*当添加min的时候，宽度要变小，看到滚动条*/
.container_orders {width: 410px;position: absolute;top: 0px; bottom: 0;overflow: hidden;background-color: #FFF;z-index: 99999;transition: width .6s;transition: width .3s;overflow-x: hidden;}
.orderIndex_L .options_list .options_L{width:60px;background:#fefefe;height:77px;float: left;text-align: center;line-height: 76px;opacity:0.6;}
.orderIndex_L .options_list .options_L.current{opacity: 1;}
.orderIndex_L .options_list .options_R{width:195px;background:#fefefe;height:77px;float: left;line-height: 77px;font-size: 15px;color:#666666;}
.orders_opts{z-index: 70110; position: absolute;top: 0;left: -340px;width: 340px;bottom: 0;overflow-y: auto;-webkit-transition: left .6s;transition: left .6s;background:#fefefe;border-left: 1px solid #e3e3e3;padding-left:10px;}
.orders_opts.active{left:70px;width:298px;}
.orders_opts .box_optsTil{line-height: 30px;font-size: 15px;;}
.getBackBtn{position:absolute;right:20px;top:10px;cursor:pointer;}
.ordersOptsUl{}
.ordersOptsUl ul li{margin:5px;height:110px;width:75px;text-align: center;float: left;cursor:pointer;position:relative;list-style: none;opacity:1;overflow:hidden;}
.ordersOptsUl ul li.current .picLiOn{position:absolute;left:0;top:0;height:30px;width:30px;background:url(/3D/images/picOn.png) no-repeat left top;}
.ordersOptsUl ul li.current{opacity:1;}
/*.ordersOptsUl .closeBgBox{height:90px;width:66px;position:absolute;left:0px;top:-20px;cursor:default;background:rgba(255,255,255,0.7) url(/3D/images/closeBg.png) center center no-repeat;display:none;}*/
.ordersOptsUl ul li:hover .closeBgBox{display:block;}
.allCategories{cursor:pointer;}
/*面料*/
.fabriSidebar-orders{width:60px;}
.fabriContainer_orders {width: 60px;position: absolute;top: 0px; bottom: 0;overflow: hidden;margin-bottom: 30px;background-color: #FFF;z-index: 99999;transition: width .6s;transition: width .3s;overflow-x: hidden;}
.fabriOrders_opts{z-index: 70110; position: absolute;top: 0;left: 60px;width: 350px;bottom: 0;overflow-y: auto;padding-bottom: 50px;background:#fff;border-left: 1px solid #e3e3e3;padding-left:10px;}
.fabriOrders_opts.active{display: none;}
.fabriSidebar-orders{position:relative;height:700px;width:310px;margin-top:10px;}

.fibriOrderIndex_L{width:410px;position:relative;overflow:hidden;}
.fibriOrderIndex_L .options_list li{width:60px;list-style: none;height:70px;border-bottom: 1px solid #e3e3e3;overflow:hidden;cursor:pointer;}
.fibriOrderIndex_L .options_list .options_L{width:60px;background:#fefefe;height:77px;float: left;text-align: center;line-height: 110px;opacity:0.6;}
.fibriOrderIndex_L .options_list .options_L.current{opacity: 1;}
.fibriOrderIndex_L .options_list .options_R{width:195px;background:#fefefe;height:77px;float: left;line-height: 77px;font-size: 15px;color:#666666;}
/*/////*/
.fabriBox_optsTil {line-height: 40px;font-size: 14px;color:#666666;}
.fabriOrdersOptsUl ul li{width:105px;float: left;margin:5px 5px;cursor:pointer;}
.fabriOrdersOptsUl li .fabriOrdersOptsImg{width:105px;height:105px;margin-bottom: 4px;overflow:hidden;border: 2px solid transparent;}
.fabriOrdersOptsUl li.current .fabriOrdersOptsImg{width:105px;height:105px;border: 2px solid #e74646;margin-bottom: 4px;}
.fabriOrdersOptsUl li .fabriOrdersOptsImg img{width:105px;height:105px;}
.fabriOrdersOptsTxt{width:100%;color:#000;font-size:14px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;line-height: 24px;height:24px;}
.prieOptsTxt{position:absolute;right: 0;top:0;}
.fabriOrdersOptsTxt1{position: relative;}
.fabriOrdersOptsSpan{width:90px;color:#000;font-size:14px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;line-height: 24px;height:24px;}
.fabriOrdersOptsSpan2{color:#666;font-size: 12px;}
.fabriOrdersOptsTxt2{font-size: 12px;color:#666666;}
.fabriOrdersOptsTxt3{font-size: 14px;color:#000;}
/*/////////////////////*/
.recomOrdersOptsUl ul li{width:150px;float: left;margin:5px 8px;list-style: none;cursor:pointer;}
.recomOrdersOptsUl ul li .fabriOrdersOptsImg{width:150px;height:150px;overflow:hidden;border: 2px solid transparent;}
.recomOrdersOptsUl li.current .fabriOrdersOptsImg{width:150px;height:150px;border: 2px solid #e74646;margin-bottom: 4px;}
.recomOrdersOptsUl li .fabriOrdersOptsImg img{width:150px;height:150px;}
.fabricDetailCont{padding:30px;position:fixed;max-height:500px; width:540px;background:#333333;z-index:99999;left:50%;margin-left:-200px;top:20%;}
.maxFabricBox{max-height:500px;overflow-y: auto;width:auto;padding:5px;}
/*.fabricBigBg{background:rgba(255,255,255,0.5);height:100%;width:100%;position:fixed;left:0;top:0;z-index: 100000;}*/
.closeFabricCont{position:absolute;right:10px;top:10px;font-size: 18px;cursor:pointer;display:none;}
.fabricDetailBox .fabricDetail_L{width:200px;height:200px;border:1px solid #fff;}
.fabricDetailBox .fabricDetail_C{width:50px;}
.fabricDetailBox .fabricDetail_C ul li{float: left;margin-bottom: 8px;border:1px solid #666666;height:43px;width:43px;cursor:pointer;}
.fabricDetailBox .fabricDetail_C ul li.current{border:1px solid #fff;}
.fabricDetailBox .fabricDetail_R{width:220px;}
/*中间专区*/
.orderIndex_C{height:700px;width:100%;}
.orderIndexBig{position: relative;}
.orderIndexPic{height:700px;width:500px;text-align: center;overflow:hidden;}
.orderIndexPic img{height:700px;width:auto;}
.orderIndexList{position:absolute;bottom:0;left:0;}
.orderIndexList ul{width:500px;background:rgba(0,0,0,0.5);padding:20px 0;}
.orderIndexList ul li{height:67px;width:56px;float:left;margin-left: 20px;margin-right: 20px;list-style: none;cursor:pointer;}
.orderIndexList ul li img{height:67px;width:56px;}
.orderIndexList ul li.current{border:1px solid #ff5274;}

/*右边专区*/
.orderIndex_R{width:220px;height:500px;text-align: right;}
.orderPeriod{font-size: 14px;color:#000;line-height: 30px;}
.orderBrandName{color:#666666;}
.orderBrandName img{vertical-align: middle;margin-right: 5px;}
.orderGoodsTil{font-size: 30px;color:#282828;font-weight: normal;}
.orderDefaultBox{margin-top: 10px;color:#000;font-size: 16px;}
.orderDefaultBox img{height:30px;width:30px;vertical-align: middle;}
.orderPriceP{font-size: 45px;color:#282828;}
.orderIndex_R .orderNextBtn{padding:16px 0;background:#e74646;display:inline-block;color:#fff;font-size: 18px;width:210px;text-align: center;}
.orderIndex_R .buyItNowBtn{background:#c2c2c2;}

/*详情*/
.orderInDeTop span{display:inline-block;padding:10px 50px;font-size: 16px;cursor:pointer;margin-top: 14px;}
.orderInDeTop{color:#fff;}
.orderTopDetails{height:70px;background:#333333;width:100%;}
.orderDownDetails{margin-bottom: 50px;border:1px solid #cbcbcb;padding-top: 80px;padding-left: 200px;padding-right: 200px;padding-bottom: 200px;;}
.orderDownDetails_span{font-size: 14px;}
.orderDownDetails_span span{width:30%;display:inline-block;color:#666;line-height: 30px;}

.orderDownBox{background:#fff;}
.orderDownCont_L{width:200px;}
.orderDownCont_R{width:660px;text-align: left;margin-left: 10px;}
.orderDownCont_R p{line-height: 23px;color:#333;font-size: 14px;}
.orderDownBigBox h2{font-weight: normal;font-size: 16px;color:#000;}
.orderDownDescribe h2{text-align: center;font-size: 20px;font-weight: normal;color:#282828;}
.DownDescribeImg{text-align: center;margin-top: 20px;overflow:hidden;}
.DownDescribeImg img{}

/*customersPaymentIndex.html*/
.peyment_L{width:680px;}
.peymentTop {font-size: 24px;color:#282828;position:relative;}
.peymentTop h2{line-height:36px;width:80%;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-weight: normal;}
.peymentTop .orderBrandName{position:absolute;right:0;top:0;font-size: 14px;}
.customPeopleBox{font-size: 14px;color:#282828;padding: 10px 0;}
.peymentaddressCont .dateArrival{color:#000000;font-size: 14px;font-weight: bold;line-height: 20px;}
.peymentaddressCont{position:relative;}
.peymentaddressCont p{line-height: 26px;width:80%;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-weight: normal;}
.peymentaddressBtn{position:absolute;width:180px;height:40px;line-height:40px;text-align:center;font-size:18px ;right:0px;top:20px;background:#333333;color:#fff;}
.orderAddressBtn{display:inline-block;width:180px;height:40px;line-height:40px;text-align:center;font-size:18px ;background:#333333;color:#fff;}
.peyForCont{position:relative;}
.peyForBtn{position:absolute;right:0px;top:10px;background:#e74646;display:inline-block;width:180px;height:56px;line-height:56px;color:#fff;text-align:center;font-size: 18px;}
.addressContBox span{display:inline-block;}
.addressContBox .recipientsBox{width:150px;}
.addressContBox .telBox{width:150px;}
.addressContBox .detailedAddress{width:400px;}
.addressContBox .defaultAddress{width:30px;}
.inputTextBox input[type="text"]{ padding: 5px 10px;line-height: 20px;width: 150px;border: 1px solid #dcdcdc;}
/*customersMeasureIndex.html*/
.measureIndexCont_L h2{font-size: 16px;color:#000;font-weight: normal;}
.measureIndexCont_L .indexLogInBtn{color:#e74646;border:1px solid #e74646;padding:2px 5px;display:inline-block;}

/*//////*/
.payCurrentNone{display:none;}
.payUserMessage{background: url(../../images/goods/capacityShowIco.png) no-repeat 600px center;height:40px;line-height: 40px;font-size: 14px;color:#000;cursor:pointer;}
.payUserMessageOn{background:url(../../images/goods/capacityHideIco.png) no-repeat 600px center;height:40px;line-height: 40px;font-size: 14px;color:#000;cursor:pointer;}
.payUserMessageClose{background:url(../../images/goods/capacityHideIco.png) no-repeat 600px center;height:40px;line-height: 40px;font-size: 14px;color:#000;cursor:pointer;}

/*////*/
.regionTilBox ul li{float: left;font-size: 16px;margin-left: 3px;margin-right: 3px;list-style: none;padding-left: 3px;padding-right: 3px;cursor:pointer;}
.regionTilBox ul li.current{border-bottom: 1px solid #e60012;}
.regionListCont{font-size: 16px;padding:5px;}
.regionBigCont .displayNone{display:none;}
.regionListCont ul{height:200px;}
.regionListCont.regionListCont140 ul{height:140px;}
.regionListCont ul li{padding:5px 10px;background:#333333;color:#fff;float: left;list-style: none;margin:5px;cursor:pointer;}
.regionListCont ul li.currentOn{background:#e60012;}
.streetIpt{padding:5px 10px;vertical-align: middle;line-height: 20px;width:150px;}
.nameIptTxt{padding:5px 10px;vertical-align: middle;line-height: 20px;width:120px;}
.phoneIptTxt{padding:5px 10px;vertical-align: middle;line-height: 20px;width:250px;}
.phoneIptCont{position:relative;}

/*绣字*/
.embroideryIpt input{width:200px;padding:2px 10px;line-height: 20px;}
.typefaceSelect select{width:221px;height: 30px;}
.fontColorBox ul li{float: left;height:50px;width:50px;text-align: center;overflow:hidden;margin-left: 10px;margin-right: 10px;}
.fontColorBox ul li.current{border-bottom: 2px solid #e74646;}
/*.ordersOptsUl  .fontLocationBox ul li{height:100px;width:100px;text-align: center;overflow:hidden;margin-left: 5px;margin-right: 5px;border-bottom: 2px solid #fff;}
.ordersOptsUl  .fontLocationBox ul li.current{border-bottom: 2px solid #e74646;}*/
.ListbuttonBox ul li{height:50px;width:50px;overflow:hidden;text-align: center;margin-left: 10px;margin-right: 10px;float:left;}
.ListbuttonBox ul li.current{border-bottom: 2px solid #e74646;}
.fibriOrderIndex_L .options_list .fibrioptionsImg{line-height: 20px;padding-top: 10px;}
.textureCont span{display:inline-block;margin-bottom: 5px;margin-left: 5px;margin-right: 5px;color:#2d3345;cursor:pointer;}
.textureCont span.current{color:#f5aa1b;}

/*
*brands.css		END
*/








/* 
*orderIndex.css
*/
i{font-style: normal;}
/*公共导航部分*/
.naviOrderTop{background:#5f5f5f;position:relative;height:80px;overflow:hidden;}
.naviOrderName{width:300px;text-align: center;background-color: #f09c22;color:#fff;height:80px;font-size: 30px;font-weight: bold;line-height: 80px;}
.naviOrderBoxUl .naviOrderUl {margin-left: 100px;;}
.naviOrderBoxUl .naviOrderUl>li{float: left;position:relative;padding:0 50px;}
.naviOrderBoxUl .naviOrderUl li>a{color:#fff;display:inline-block;line-height:80px;display:inline-block;font-size: 20px;border-bottom:2px solid transparent;}
.naviOrderTop .manageBtn{padding:10px 20px;display:inline-block;color:#fff;background-color: #ffc342;}
.orderCentWidth{width:100%;}
.orderCentWidth .NavCentSpanOn{color:#c88b67;}
.newPage_index #customPage_li1>a , .newManPage_index #customPage_li2>a ,.ladyPage_index #customPage_li3>a ,.customShopOrder_page #customPage_li4>a , .factory_naviPage #customPage_li5>a{color: #f09b22;}



/*定制细节调整面料20170314   添加C的均为定制店角色下单 customShopOrderIndex.html*/
.orderIndex_LC{width:365px;}
.orderIndex_RC{width:250px;}
.fabriOrders_optsC{width:296px;border-left: none;right:60px;left: 0;padding-left:5px;padding-bottom: 10px;}
.fabriSidebar-ordersC{width:300px;height:500px;}
.orderIndex_RC.no3DOrderIndex_RC{width:350px;}
.fabriSidebar-ordersC.no3DFabriSidebar-ordersC{width:350px;}
.fabriContainer_ordersC{right:0;}
.orderIndex_L .container_orders.min .options_listC{height:500px;}
/*.orderNextBtn { padding: 16px 0;background: #e74646;display: inline-block;color: #fff;font-size: 18px;width: 210px;text-align: center;}*/
.orderNextBtn{padding:10px 40px;color:#fff;display: inline-block;font-size: 14px;border-radius: 5px; background: -webkit-gradient(linear,left top,right top,from(#ffbe23),to(#ff9600));background: linear-gradient(90deg,#ffbe23,#ff9600);}
.fabsearchIpt.newFabsearchIpt{    margin-left: 10px;width:160px;padding:5px 20px;border-radius: 14px;border:1px solid #ffbe23;}
.newSearchIcon{position:absolute;right:20px;top:0px;cursor:pointer;z-index: 1;}
.newFabriBox_optsTil{position:relative;}
.completeCustom{padding:8px 10px;background:#ffbe23;display:inline-block;color:#fff;border-radius: 5px;}
.searchFabricBtn{padding:5px 10px;display:inline-block;color:#fff;background:#009cff;line-height: 20px;}
.tilTtep{margin-left: 550px;;}
.tilTtep ul li{float:left;margin:0 30px;}
.tilTtep ul li.on{color:#ff6c00;}
.fabriContainer_ordersC.min{border-left: 1px solid #ccc;}
.orderIndex_LC .options_list.options_list520{height:520px;}
.orderIndex_LC .options_list{height:auto;}
.doubleUlheight{height:520px;overflow-y:auto;overflow-x:hidden;width:322px;}
.orderIndex_LC .container_orders.min .doubleUlheight{width:72px;}
/*下单*/
.shopMeasureCont_L{width:690px;}
.shopMeasureCont_L h2{font-size: 16px;color:#000;font-weight: normal;}
.customDetailsBox{position:relative;}
.customDetailsBtn{display:inline-block;color:#000;padding-right: 20px;}
.brandsToUpHeight{height:20px;overflow:hidden;margin-top:20px;font-size: 12px;}
.brandsToUpHeightOn{height:auto;}
.brandsToUpBox{ z-index:2;cursor:pointer;position: relative;}
.brandsToUp{   
    height:20px;width:20px;display:inline-block;background:url(/3D/images/brandsToUp.png) no-repeat center;}
.brandsToUpOn{transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); }
.checkOrderBtn{padding:15px 30px;background-color: #333333;color:#fff;font-size: 18px;}
.detailPrompt{
    right:0px;
    position:relative;
    padding:10px 16px;
    background-image: url(/3D/images/detailIconBg.png);
    background-repeat: no-repeat;
    background-position: right center;
    color:#FFF;
    display:inline-block;
    animation: detailPrompt 0.8s linear 0.2s infinite alternate;
    -moz-animation: detailPrompt 0.8s linear 0.2s infinite alternate;
    -webkit-animation: detailPrompt 0.8s linear 0.2s infinite alternate;
}
@keyframes detailPrompt{
    0% {right:0;}
    50% {right:10px;}
    100% {right:0px;}
}
@-moz-keyframes detailPrompt{
    0% {right:0;}
    50% {right:10px;}
    100% {right:0px;}
}
@-webkit-keyframes detailPrompt{
    0% {right:0;}
    50% {right:10px;}
    100% {right:0px;}
}
.customDetailsBtn:hover{color:#c88b67;}
.customDetailsBody{position:absolute;width:690px;right:0;top:36px;z-index:6;}
.detailsCont{padding:0 20px;}
.measureMessageTil ul li{float: left;font-size: 16px;padding:15px 10px;margin-left: 30px;margin-right: 30px;border-bottom: 2px solid transparent;cursor:pointer;}
.measureMessageTil ul li.current{border-bottom: 2px solid #ff5454;}
.sizeCont ul li{padding:8px 15px;border:1px solid #cccccc;float: left;margin-left: 4px;margin-right: 4px;margin-bottom: 8px;cursor:pointer;list-style: none;}
.sizeCont ul li.current{border:1px solid #ff5454;color:#ff5454;}
.measureMessage{padding:10px 20px ;height: 400px;overflow-x: hidden;overflow-y: auto;}
.addPutCont ul li{float: left;}
.storePayIpt{height:16px;width:16px;vertical-align: middle;}
.customizeBox560{width:560px;}
.customizeBox ul li{float: left;padding-bottom: 10px;padding-top:10px;width:50%;}
.fontWeight{font-weight: bold;font-size:16px;}
.detailTitleBox{display:inline-block;padding:8px 10px;color:#fff;background:#f09b22;position: relative;bottom:-16px;}
.returnColor{color:#f09b22;margin-top:14px;}
.fabriOrdersOptsImgC{position:relative;}
.recomOrdersOptsUl ul li .particularsBoxC{height:22px;background-color:#f76969;line-height: 22px;color:#fff;position:absolute;bottom:-22px;width:100%;text-align: center;z-index: 2;}
.recomOrdersOptsUl ul li:hover .particularsBoxCOn{bottom:0;transition:all 0.5s;}
.fabriOrdersOptsUl ul li .particularsBoxC{height:22px;background-color:#f76969;line-height: 22px;color:#fff;position:absolute;bottom:-22px;width:100%;text-align: center;z-index: 2;}
.fabriOrdersOptsUl ul li:hover .particularsBoxCOn{bottom:0;transition:all 0.5s;}
/*.recomOrdersOptsUl ul li.on */
.searchPos{position: absolute; z-index: 111111;background-color: #fff;right: 0;}


/*自供面料*/
.confessFabricBtn{padding:18px 40px;display:inline-block;border:1px solid #bfbfbf;cursor:pointer;}
.confessFabricBtnOn{border:2px solid #ffba00;color:#ffba00;background:url(/3D/images/yellowCheckIcon.jpg) no-repeat right bottom ;}
.hintTxtBox{width:190px;padding:20px;background-color: #f8f8f8;}
.hoverConfessTxt{position:absolute;}
.confessLiBox:hover .hoverConfessTxt{}
.measureItemPlusBox {padding:0px 14px;}
.paddingRight50{padding-right: 50px;}
/*净体数据*/
.netDataBtn{background: url(/3D/images/netDataBtn.png) no-repeat left center;padding:18px 40px;display:inline-block;cursor:pointer;}
.netDataBtnOn{background: url(/3D/images/netDataBtnOn.png) no-repeat left center;}


.orderIndex_L #remark{height: 60px;border-radius:unset;width: 100%;}


/* 
*orderIndex.css  END
*/

/*
order.css
 */
.minBack{
    line-height: 23px;
    color: #5e5e5e;
    height: 26px;
    width: 24px;
    background-color: #FFF;
    border: 1px solid #ddd;
    background-image: url(/3D/images/jian.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-indent:-999px;
    cursor:pointer;
}
.minBack:hover{
    background-image: url(/3D/images/jianred.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-indent:-999px;
}
.addBack{
    line-height: 23px;
    color: #5e5e5e;
    height: 26px;
    width: 24px;
    background-color: #FFF;
    border: 1px solid #ddd;
    background-image: url(/3D/images/add.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-indent:-999px;
    cursor:pointer;
}

.addBack:hover{
    line-height: 23px;
    color: #5e5e5e;
    height: 26px;
    width: 24px;
    background-color: #FFF;
    border: 1px solid #ddd;
    background-image: url(/3D/images/addred.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-indent:-999px;
}

/* form--------------------------------------------------------------------------------------- */
.countInput input[type="text"]{ text-align:center;font-size: 12px;color: #666666;padding-top: 3px;padding-right: 5px;padding-bottom: 1px;padding-left: 5px;border: 1px solid #cccccc;height: 20px;line-height:20px;}
.countInput input[type="button"]{vertical-align: -5px;vertical-align: 0px \9;font-size: 14px;background-color:#e9e9e9;color: #666666;padding-top: 2px;padding-right: 8px;padding-bottom: 2px;padding-left: 8px;border: 1px solid #dcdcdc;height: 26px;line-height:26px;}
.countInput1 input[type="text"]{
    float: left;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    color: #5e5e5e;
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    height: 15px;
    line-height: 15px;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #dddddd;
    border-right-color: #dddddd;
    border-bottom-color: #dddddd;
    border-left-color: #dddddd;
}
.countInput1 div{float:left;display:inline-block;vertical-align: 0px \9;font-size: 14px;font-weight:bold;background-color:#ffffff;color: #5e5e5e;padding-top: 2px;text-align:center;padding-bottom: 2px;padding-left: 3px;border: 1px solid #dddddd;width:18px;height: 15px;line-height:15px;*zoom:1}
.countInput1 div:hover{color: #cc0000;}

.countInput2 input[type="text"]{
    float: left;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    color: #5e5e5e;
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    height: 15px;
    line-height: 15px;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #dddddd;
    border-right-color: #dddddd;
    border-bottom-color: #dddddd;
    border-left-color: #dddddd;
}
.countInput2 div{float:left;display:inline-block;vertical-align: 0px \9;font-size: 14px;font-weight:bold;background-color:#ffffff;color: #5e5e5e;padding-top: 2px;text-align:center;padding-bottom: 2px;padding-left: 3px;border: 1px solid #dddddd;width:35px;height: 26px;line-height:20px;*zoom:1}
.countInput2 div:hover{color: #cc0000;}



.getSizeTable input[type="text"]{font-size: 12px;color: #666666;width: 32px;padding-top: 6px;padding-right: 10px;padding-bottom: 6px;padding-left: 10px;border: 1px solid #cccccc;height: 26px;line-height:26px;}
.getSizeTable input[type="text"]:focus{border: 1px solid #ff0000;}
.getSizeTableGray{background-color:#fff;}
.sizeTableBlack{background-color:#000;}
.sizeTableBlack td{line-height: 30px;height: 30px;background-color: #FFF;text-align: center;}
/*
order.css END
 */


/*图片放大*/
.img_big img:hover, img.img_big:hover{transform: scale(1.1);cursor:pointer;}


/*大弹框*/
.printerManualsBox{height:100%;width:100%;position:fixed;background:rgba(0,0,0,0.5);top:0;left:0;display:none;z-index: 9999999;}
.printerManuals{height:660px;width:780px;position:absolute;left:50%;top:50%;margin-left:-415px;background:#fff;margin-top:-335px;border:5px solid #484848;-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px; color:#262629;padding-left:20px;padding-right:20px;}
.patternCloseBtn{position:absolute;right:10px;top:10px;cursor:pointer;}
.newsPriceTil{font-weight: normal;color: #5e5e5e;line-height: 40px;font-size: 14px;}
.newsPriceTil .newsPriceSpan{padding:3px 10px;display:inline-block;line-height: 24px;}
.newsPriceTil .activeOn{background:#444;color:#fff;}
.priceListTop{padding-bottom: 30px;border-bottom: 1px dashed #dcdcdc;padding-left: 20px;padding-right: 20px;}
.newsPriceCont{height:520px;overflow-y: auto;}
.priceNameInput{padding-top:5px;padding-bottom: 5px;position:relative;}
.priceNameInput input[type="text"]{padding:5px 10px;width:360px;margin-left:5px;}
.priceNameUl{padding-left: 60px;;}
.usableName{position:absolute;top:8px;}


/*下单详情，量体  预约量体*/
.originalMessageBtn,.creatMessageBtn{padding:3px 10px;border:1px solid #ff4400;background-color: #ff4400; color:#fff;font-size: 14px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
.originalBody{max-height: 200px;overflow-y: auto;}
.customPeopleBox{max-height: 200px;overflow-y: auto;}
.customPeopleBox .customPeopleSpan{display:inline-block;margin-bottom: 10px;}
.originalTop{background:#eeeeee;}
.originalTop span,.originalDown span{display:inline-block;vertical-align: top;}
.originalMessageBox .originalSpan20{width:20px;}
.originalMessageBox .originalSpan80{width:80px;word-break: break-all;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-weight: normal;}
.originalMessageBox .originalSpan100{width:98px;word-break: break-all;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-weight: normal;}
.originalMessageBox .originalSpan130{width:130px;word-break: break-all;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-weight: normal;}
.originalMessageBox .originalSpanPercent24{width:24%;word-break: break-all;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-weight: normal;}
.originalMessageBox .originalSpanPercent50{width:49%;word-break: break-all;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-weight: normal;}
.originalMessageBox .originalSpan150{width:150px;word-break: break-all;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-weight: normal;}
.originalMessageBox .originalSpan118{width:118px;}
.originalMessageBox .originalSpan500{width:500px;}
.originalMessageBox .originalSpan300{width:300px;}
.originalMessageBox .originalSpan250{width:250px;}
.originalMessageBox .originalSpan200{width:200px;}
.colorRed {color:#ff0000!important;}
.borderNone {border:none!important;}
.borderTopGray{border-top-width: 1px;border-top-style: solid;border-top-color: #cbcbcb;}
.borderBottomGray{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #cbcbcb;}
.bottomdashedGray{border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #cbcbcb;}
.borderDashedGray{border-bottom-width: 1px;	border-bottom-style: dashed;border-bottom-color: #e9e9e9;}
.borderRightDashedGray{border-right-width: 1px;	border-right-style: dashed;border-right-color: #e9e9e9;}
.borderRightGray{border-right-width: 1px;border-right-style: solid;border-right-color: #cbcbcb;}
.borderLeftGray{border-left-width: 1px;border-left-style: solid;border-left-color: #cbcbcb;}
.borderGray{border: 1px solid #ededed;}
.displayNone{display:none;}
.displayBlock{display:block;}
.font12 {font-size:12px!important;}

.backgroundMain{background:#ff5274;}






@media (min-width: 768px) {
    .container {width:750px}
}

@media (min-width: 992px) {
    .container {width:970px}
}

@media (min-width: 1200px) {
    .container {width:1170px}
    .orderIndex_C{height:600px;width:425px;}
}