body {background-color: #F1F1F2;  font-size: 12px; color:#474646; font-family: "微软雅黑",Arial,"宋体","Arial Narrow"; padding:0px; margin:0px; background:url(bg.png); }

ul,h1,h2,h3,h4,h5 {list-style-type: none;margin: 0;padding: 0;}

form{ display:block;}

a{ text-decoration:none; color:#474646; }

table{border-collapse: collapse;}

table img{ vertical-align:middle;}

.orderTyle {
    text-align: center;
    margin-top: 20px;
}

.proInfo{ text-align:right;padding:20px;}
.pImg {
    height: 150px;
}
td{ padding:0px;}

textarea,input{ font-size:12px;font-family: "微软雅黑",Arial,"宋体","Arial Narrow"; }

.clear{ clear:both;}

.clearLine{ clear:both; overflow:hidden;}

.tW100{ width:100%}

.th100{ height:100%;}

.left{ float:left;}

.right{ float:right;}

.code{ font-size:12px; line-height:18px; color:#27A23F;}

.block{ display:block;}

.w20{ width:20px;}

.w24{ width:24px;}

.w28{ width:28px;}

.w32{ width:32px;}

.w50{ width:50px;}

.w60{ width:60px;}

.w80{ width:80px;}

.w100{ width:100px;}

.w120{ width:120px;}

.w130{ width:130px;}

.w145{ width:145px;}

.w150{ width:150px;}

.w160{ width:165px;}

.w165{ width:165px;}

.w180{ width:180px;}

.w200{ width:200px;}

.w210{ width:210px;}

.w220{ width:220px;}

.w230{ width:230px;}

.w240{ width:240px;}

.w260{ width:260px;}

.w280{ width:280px;}

.w300{ width:300px;}

.w320{ width:320px;}

.w360{ width:360px;}

.w400{ width:400px;}

.w420{ width:420px;}

.w450{ width:450px;}

.w500{ width:500px;}

.w600{ width:600px;}

.w800{ width:800px;}

.h33{ height:33px;}
.h60{ height:60px;}

.h90{ height:90px;}

.h120{ height:120px;}

.h550{ height:550px;}

.lh32{ line-height: 32px;}

.lh36{ line-height: 36px;}

.rText{ text-align:right;}

.lText{ text-align:left;}

.cText{text-align:center;}

.tAlign{ vertical-align:top;}

.tipText{ font-size:11px; color:#9a9a9a;}

.line{ border-bottom:1px solid #DFE2EA;}

.colorff6766{ color:#ff6766;}

.colorBD3B79{ color:#BD3B79;}

.formBoxTo { padding:8px; }

.inTheBox{ padding: 12px;}

.formLine { clear:both; line-height:38px; margin-bottom:5px; overflow:hidden;}

.formLineLeft { float:left; padding-right:8px; text-align:right; width:120px;}

.formLineRight { float:left; }

.formInput{ margin-top:4px;}

.inputText{border:1px solid #CCCCCC; border-radius:2px; color:#555555; height:24px; line-height:24px; margin-top:4px; padding:2px 8px;}

.selectInput{ border:1px solid #CCCCCC; border-radius:2px; color:#555555; background:#FFFFD9; padding:3px 6px;}

.selectLineInput{ margin-top:7px; height:28px; line-height:28px;}

.cInput{ border:1px solid #CCCCCC; border-radius:2px; color:#555555;  padding: 2px 8px;}

.message{ border:1px solid #E9A6A6;border-radius:4px; background:#DC6868; color:#FFFFFF; position:relative; padding:12px; text-align:left; margin:6px;  line-height: 24px;}

.msgBtn{ background:#C34A4A; padding:3px 8px; color:#fff; border-radius: 2px; margin:0 12px;}

.msgType{ font-weight:bold; padding-right:8px;}

.close{ display:block; position:absolute; right:1px; top:1px; cursor:pointer; width:24px; height:24px; line-height:24px; text-align:center;}

.rightBox{ border-color:#E5F3E8; background:#75C386; }

.warningBox{ border-color:#F2D185; background:#FFEDBB; color:#907F49;}

.noteBox{ border-color:#B2D9E6; background:#6FBBD4; }

.debugNote{ background:#000; color:#46C446; padding-bottom:6px; border-bottom:1px dashed #DBEA85; }

#debug{ background:#000;}

.fRed{ color:#F00;}

.textFocus:focus{ background:#FFFFD9;}

.title2{ color:#3C8AEE; font-size:18px; font-weight:500; line-height:32px; height:36px; text-indent:12px;}

.title3{ background:#D7EFFF; font-size:12px; text-indent:12px; color:#1b8ae8; line-height:36px; font-weight:normal;}

.indent{ text-indent:0;}

.deleteTextTip{ line-height: 28px; color:#f03c73; padding: 12px;}

.h2InTitle{ line-height:36px; background:#FDF9E4; text-align:left; text-indent:12px; color:#fc7283; font-size:16px; }

.floatTool{ display:block;  font-size:11px; line-height:36px; margin-right:6px;position:absolute; right:0; top:0; z-index:100;}

.floatTool a{color:#C6C6C6; }

.dataCPanel{ margin-right:20px;}

.dataTitle{ line-height:36px; border:1px solid #e1e1e1; background:#F8F8FA; text-indent:12px;}

.dataList{line-height:30px; text-indent:12px; border:1px solid #EBEBFE; border-top:0px;  }

.textEllipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*  页面中的样式  */

#payInfoBox{ width: 600px;}

.pListTd{ background:#fff;}

.lineH{ line-height:24px;}

.Csname {color: #FF4E10; font-size: 20px; font-weight: bold;}

.inTop{ position:fixed; top:0px;}

.orderAddr{ line-height:20px; font-size:10px;}

.orderMoney{ color:#3C8AEE;}

.orderNo{ font-weight:bold; color:#9a9a9a;}

.orderTracking{ font-weight:bold; color:#F00;}

.orderTime{ font-size:11px; color:#474646;}

.orderState10{ background:#FFFFEC;}

.orderState30{ background:#E6FCB1;}

.orderState35{ background:#f1e1be;}

.orderState200{ background:#FCD4F8;}

.pImageBox{ padding:6px 0;}

.tdLine{ line-height:24px;}

.hrLine{ border-bottom:1px dashed #CCCCCC;}

.OTaleContent table td{ border: 1px solid #EBEBFE; border-top: none;  padding-left:8px;}

.oTaleTitle{ line-height:32px; background:#F8F8FA;}

.oTaleTitle table td{ padding:0px; border:1px solid #E1E1E1; padding-left:8px;}

.btnRow{ padding:12px 0; }

.btnRowZ{ padding:12px 0; float:left; margin-right:10px;}

.btnLine{ padding-left:12px;}

.pItemLine{ line-height:32px; border-bottom:3px solid #DFE2EA; padding:6px 0; }

.pTbaleTitle{ height:24px; line-height:24px; text-align:center; background:#F8F8FA}

.orderInfo{ width:499px; background:#F8F8FA; border-right:1px solid #DFE2EA;}

.orderProductInfo{ width:699px; overflow:auto; height:420px;}

#loginBox,#mainBox{ background:#FFF; border:1px solid #DFE2EA; margin:20px; min-height:600px;  box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);}

#loginBox{min-height:inherit;}

#mainGroup{ background:#F8F8FA; border-right:1px solid #DFE2EA; height:100%; width:200px;  min-height:600px; float:left;}

#mianPageList{ float:right; width: 1090px;}

.input2{ border:1px solid #AAAAAA; margin-left:12px; display:block;}

.select2{ border: 1px solid #CCCCCC; border-radius: 3px;}

.btn2{ border:1px solid #AAAAAA; padding:4px 12px;color: #444;border-radius:3px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1); margin:12px; cursor:pointer; background:#F0F0F0; display:inline-block;}

.button_blue{color: #fff;box-shadow:  0 1px 1px rgba(255, 255, 255, 0.333) inset;background-color: #34a0fb;border: 1px solid #1b8ae8; border-radius:2px; padding:3px 6px; cursor:pointer;}

.button_red{color: #fff;box-shadow:  0 1px 1px rgba(255, 255, 255, 0.333) inset;background-color: #FB3434;border: 1px solid #E81B1B; border-radius:2px; padding:3px 6px; cursor:pointer;}
 
.glItem{ line-height:34px; height:34px;  font-size:14px; }

.glItem a{ color:#5d7388; display:block; padding-left:12px; }

.hglItem:hover{ background:#E9EBF0;}

.selectglItem{ background:#3C8AEE;}

.selectglItem a{ color:#FFF;}

.pListItem2,.pListItem{ line-height:30px; height:30px;border-top:1px solid #fff; border-bottom:1px solid #fff;}

.pListItem2{ line-height:24px; height:auto;}

.hoverLine:hover{ border-top:1px solid #E9EBF0; border-bottom:1px solid #E9EBF0; background:#F8F8FA;}

.selectLine{ border-top:1px solid #fff; border-bottom:1px solid #fff; background:#FAFF79; }

.pListItem2 a,.pListItem a{ color:#5D7388;}

.pageState1{ padding-left:20px; background:url(tick_shield.png) left center no-repeat;}

.pageState0{ padding-left:20px; background:url(warning_shield_grey.png) left center no-repeat;}

.pageState-1{ padding-left:20px; background:url(recycle_bin_empty3.png) left center no-repeat;}

.ptTable{ width:100%; height:100%;}

.toCode{ background:#CCC; padding:10px; }

.groupInfoName{ font-size:14px; color:#5D7388; background:#F8F8FA; text-indent:12px; line-height:32px;}

#addOrderPage{ width:1200px; height:auto; overflow:hidden;}

.textRow{ line-height:32px; font-size:14px;}

.trackingBox{ width:800px;}

.trackingRight,.trackingLeft{ float:left; width:400px; padding:12px 0;}

.trackingRight{ float:right;}

.Csname{ font-size:20px; color:#FF4E10; font-weight:bold;}

.CsTitle{ font-size:20px; color:#000; font-weight:bold;}

.pItemTo{ float:left; margin:4px;}

.exStr{ font-weight:bold; color:#F00; }

.grayBack{ background:#F8F8FA}

#loginBox{ width:500px; padding:20px; border:1px solid #DFE2EA; background:#fff; margin:0 auto; margin-top:150px;box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);}

.menuBox{ overflow:hidden; clear:both; background:#FFFFFF; box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);}

.mAitem{ display:block; line-height:32px; padding:0 12px; border-right:1px solid #E1E1E1;}

.menuItem {float:left; }

.mAitem:hover{ background:#3C8AEE; color:#fff;}

.mAitem:active{ background:#3C8AEE; color:#fff;}
.selectCheck{ background:#FAFF79;}

.verItem{ padding:3px 6px; clear:both; overflow:hidden; }

.verTime{ display:block;  line-height:32px; float:left; width:90px; text-align:right;}

.verNo{ color:#FC7283;  line-height:32px; padding:0px 8px; display:block; float:left; width: 110px;}

.verContent{ color:#3E78FD;  line-height:32px; display:block; float:left;}

.ttState4{ color:#008000; font-weight:bold;}

.odd{ background:#fbfbfc;}

.hoverItem:hover{ background:#FFFFD7;}

.orderTracking {word-break: break-all;}

#printBox{ width:741px;margin:0 auto;}

.gItem{ float:left; width:24%; height:279px; font-size:10px;padding: 1px;margin: 2px 0; overflow: hidden; word-break: break-all;}

.inGItem{ clear:both; overflow:hidden; border:1px solid #E2E2E2;height:275px;} 

.colorbox{ height:275px;}

.gImage{ float:left; background:#F8F8FA;  }

.gInfoBox{ padding:8px;}

.redInfo{ color:#F00; font-weight:bold;};

.guser{ line-height:32px; height:32px; overflow:hidden; }

.guser strong{color:#FF4E10; font-size:14px;}

.sameOrderTag{ height:8px; margin-top:8px;}

.gInfo{ float:left; width:165px;}

.innnIMage{ height:100px; width:100px; display:table-cell; text-align:center; vertical-align:middle; }

.gImage img{ height:120px; }

.printPageItem{ background:#FFF; border:1px solid #fff; border-top:0px; padding:10px; font-size:16px;}

.printPage1{border-bottom:1px dashed #E2E2E2;}

.shippingItem{  height:38px;  }

.shippingItem span{ color:#000; float:left;}

.kkBoxs{ padding-left:3px; padding-right:20px;}

.kkBox{ border:1px solid #000; width:12px; height:12px; display:block;}

.color0{ border:1px solid #F00;}

.color1{ border:1px solid #0F0;}

.color2{ border:1px solid #00F;}

.color3{ border:1px solid #FF0; }

.color4{ border:1px solid #0FF;}

.color5{ border:1px solid #F90;}

.color6{ border:1px solid #F0F;}

.color7{ border:1px solid #333;}

.color8{ border:1px solid #999;}

.color9{ border:1px solid #600;}
 
.productsSum1 { background:#FFF; border:2px solid #fff;}

.yejiInfoC3 { background:#FFE4C4;}

.yejiInfoC2 { border:2px solid #ccc;}

.yejiInfoC1 { background:#63B8FF; font-weight:bold;}

.pageTop{ line-height:26px; height:26px; padding-bottom:3px;}

.pageBottom{ line-height:32px; height:32px; padding-top:3px; }

.pageTopBox{ clear:both; overflow:hidden;}

.pageTopBoxLeft{ float:left; width:200px;}

.pageTopBoxRight{ float:right; width:200px; text-align:right;}

.pageTopBoxMid{ float:left; text-align:center; width:318px;}

.pqItem{ font-size:15px;}

.smailImageList img{ max-height:55px; }

.smailImageList{ padding:2px;border:1px solid #DFE2EA; border-radius:3px; margin:5px; }

.printBoxLeft{ height:645px; overflow:auto;}

.printMainBoxLeft{ border-left:1px solid #DFE2EA;}

#tabTitle{ clear:both; height:36px; border-bottom:1px solid #DFE2EA}

.tabTitleItem{ float:left; height:36px; line-height:36px; padding:0 12px; border:1px solid #DFE2EA; border-top:0px; border-left:0px; cursor:pointer;}

.tabCItem{ width:100%; position:relative; display:none;}

.shippingTabBox{ height:630px; }

.active{ background:#FAFF79; border-bottom:1px solid #fff}

.ifBox{ bottom:0px; top:0px; height:100%; text-align:center; width:100%; border:none;}

.showImageList img{ max-height:135px;} 

#tabCItem2{ overflow:auto;}

.shItemOrder{ line-height:24px; background:#EBF3FD; border-bottom:1px solid #E2EEFE; padding-left:8px;}

.shItemOrder strong{ color:#ff4e10;}

.logBox{ line-height:32px; padding:12px;}

.tagItem{ font-size:11px; background:#CCC; color:#666; margin:3px; padding:5px; cursor:pointer; border-radius: 3px;}

.tagIn { font-size:11px; background:#C1A40C; color:#fff; margin:2px; padding:2px 3px; border-radius: 3px; cursor:pointer; }

.tagIn0 { background:#B54143;}

.tagIn1 { background:#47A91C;}

.tagIn2 { background:#3796BF;}

.tagIn3 { background:#CF69E2;}

.tagListBox{ clear:both; overflow:hidden; }

.iPhoneBox{ width:100%; height:auto;}

.itopMenu{ background:#fff; border-bottom:1px solid #E1E1E1; clear:both; overflow:hidden;}

.imenuItem{ line-height:32px; height:32px; font-size:14px; border-right:1px solid #E1E1E1;}

.imenuItemR{ border-left:1px solid #E1E1E1; border-right:none; }

.imenuItem a{ display:block; padding:0 10px;}

.imenuItem a:hover{ background:#3C8AEE; color:#fff;}

#findCheck{ background:url(toolbar_find.png) left center no-repeat; display:block; cursor:pointer; padding-left:18px; padding-right:8px;}

.iOrderItem{ background:#FFF; border-top:2px solid #E1E1E1; border-bottom:2px solid #E1E1E1; margin-top:12px; padding:3px;}

.iOrderCustomName{text-overflow: ellipsis;overflow: hidden; white-space: nowrap; max-width:190px; text-align:right; font-weight:bold; color:#ff4e10; font-size:14px;}

.iorderInfo{ border-bottom:1px dashed #E1E1E1; line-height:28px;}

.iProItemBox{ width:55%; }

.iProItem{ border-bottom:1px solid #dfe2ea; padding:5px 0;}

.iProItemNameBox{ width:45%;}

.iorderProList{border: 1px solid #E1E1E1; border-radius:3px; margin:8px;}

.iProItemBox img{ max-width:100%; max-height:100%; }

.iorderBottom{ background:#F8F8FA;}

.iOrderTime{ font-size:10px; color:#BCBBBB;}

#containerBox{ float:left;}

.divInBox{ float:left; margin-left:12px;}

.periodItem{ padding:6px 24px; background:#fff; color:#0080FC; border:1px solid #0080FC;}

.periodItemSelect{ background:#0080FC; color:#FFF;}

.periodList{ height:35px; margin-top:12px; float:left; margin-left:12px;}

.periodItemY{ border-radius:3px 0 0 3px; border-right:0px;}

.periodItemM{ border-right:0px;}

.periodItemD{ border-radius:0  3px 3px 0;}

.leftLine{ border-right:1px solid #F8F8FA;}

.leftLiItem{line-height:36px; background:#FBFBFC; text-indent:12px; border-bottom:1px solid #EBEBFE; position:relative;}

.leftLiItem a.leftText{ display:block;color:#1B8AE8;}

.hoverItem:hover{ background:#F7F7FD;}

#aTypeList{ border:1px solid #EBEBFE; padding:3px;}

.selectItem{ background:#FEFFD4;}

.selectMenu{background:#D7EFFF;}

.formBoxLeft{ background:#FBFBFC;}

.leftBox{ float:left;}

.longText{  text-overflow: ellipsis;white-space: nowrap; overflow: hidden; display:block;}

.toolLink:hover{ color:#1B8AE8}

.orderConfirm{ text-align:center;}

.countOrder{ margin-left:12px;margin-top:5px}

.nowPage{ background:#3C8AEE; color:#fff;}

.yeji{ float:left; margin-right:30px;}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
}

#myBtn:hover {
  background-color: #555;
}

#shippingName {
    margin-left:50px; 
    margin-bottom:50px;  
  
}

.goodsInfo {
    float: left;
    margin: 2px;
    width:190px;
    border: 1px solid #ccc;
}
.sizeDWidth{
    width: 120px;
}
.goodsAttInfo {
    text-align: center;
    font-size: larger;
    font-weight: 500;
    border: 1px solid #ccc;
    height: 160px;
}
.productSizeIno {
     border: 1px solid #ccc;
}
.productSizeIno div{
    float: left;
    border: 1px solid #ccc;
}
.goodsAttInfo span {
    border: 1px solid #000;
    width: 50px;
}
.goodsshangjia {
    text-align: center;
    font-size: larger;
    font-weight: 500;
    border: 1px solid #ccc;
    width: 120x;
}

.yejiInfo tr {
    border: 1px solid #ccc;
}