.width_100{width:100px;}
.width_400{width:400px;}
.width_300{width:300px;}
.width_600{width:600px;}
.w135{width:135px;}
.w150{width:150px;}
.w120{width:120px;}
.w_80{width:80px;}
.text_shanchu{text-decoration: line-through;}
.text-green{color:#139542;}
.background_green{background:#139542;}
.product_box{height:80px;overflow-x: hidden;width:250px;}
.rebate_box{height:80px;overflow-x: hidden;width:200px;}
/* .overflow{width:998px;overflow-x: scroll;} */
.form_overflow{width:998px;overflow-x: scroll;}
.xuanfuNav{width:35px;position: fixed;right:0;top:50%;z-index: 999;}
.xuanfuNav_50{height:50px;width:35px;border-radius: 20px;}
.list_th{vertical-align: middle !important;}
.border-dashed{border:1px dashed #b9b9b9;}
.border-top-dashed{border-top:1px dashed #b9b9b9;}
.border-bottom-dashed{border-bottom:1px dashed #b9b9b9;}
.border-bottom-yellow{border-bottom:2px solid #f68220;}

.icon_w{width:24px;height:24px;text-align: center;border:1px solid #b9b9b9;}
.sui-btn.btn-yellow{background:#f7cf30;border-color:#f7cf30;}
.sui-btn.btn-green{background:#139542;border-color:#28CB5C;}
.sui-btn.btn-orange{background:#f68220;border-color:#f68220;}
.btn-green:hover,
.btn-green:focus {
  color: #ffffff;
  background-color: #28CB5C;
  border: 1px solid #28CB5C;
}
.btn-orange:hover,
.btn-orange:focus {
  color: #ffffff;
  background-color: #f68220;
  border: 1px solid #f68220;
}

.th_background{background: #e5f1fd !important;border-right:1px solid #b9b9b9 !important;}
.th_background2{background: #f1f1f1 !important;border-right:1px solid #b9b9b9 !important;}
/* .sui-table td{padding: 6px 0 !important;} */

.sy-btn{
  display: inline-block;
  padding: 2px 14px;
  box-sizing: border-box;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
  height: 24px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: red;
  /* background-color: #eeeeee; */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid red;
}

h5{
  margin:0;
  height:38px;
  line-height:38px;
  font-size:16px;
  padding-left:20px;
  font-weight:normal;
  cursor:pointer;
  background:#f3fbfe;
}
.font-12{font-size: 12px !important;}

.mar-top-7{margin-top:7px;}
.padding-40{padding: 40px;}
.vertical-align{vertical-align:middle;}

/* text */
.font10{font-size: 10px;}

.text_green{color:#5f7800;}
.text-yellow{color:#f68220;}
.text_inp_blue{color:blue !important;}
.background-lightblue{background:#e5f1fd;}
.back-lightblue{background:#e5f1fd !important;}
.back-green{background:rgb(16, 185, 16) !important;color:white;}
.background-fcfcfc{background:#fcfcfc;}

.logistics_s{text-align: center;}
.logistics_s ul{width:400px;margin:0 auto;padding:0;}
.logistics_s ul li{text-align: center;float: left;padding:10px;}

.memder-address{width:600px;border:1px solid #d9d9d9;text-align:center;}
.memder-address ul{list-style-type: none;}
.memder-address ul li:first-child{background:#f1f1f1;font-size:12px;font-weight:bold;}
.memder-address ul li{border-bottom:1px solid #d9d9d9;text-align:center;font-size:12px;padding:5px;line-height:18px;}

/*竖着的进度条*/
.cbp_tmtimeline {
  margin: 30px 0 0 0;
  padding: 0;
  list-style: none;
  position: relative;
}

.cbp_tmtimeline:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgb(46, 46, 223);
  left: 80px;
}

.cbp_tmtimeline > li {
  position: relative;
}

.cbp_tmtimeline > li .cbp_lficon {
  display: block;
  width: 70px;
  position: absolute;
  text-align: right;
  /* padding-left: 80px; */
}
/*
.cbp_tmtimeline > li .cbp_tmtime span {
  display: block;
  text-align: right;
}
*/
.cbp_tmtimeline > li .cbp_tmlabel {
  margin: 0 0 15px 100px;
  position: relative;
}

.cbp_tmtimeline > li .cbp_tmicon {
  width: 10px;
  height: 10px;
  font-family: 'ecoico';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  color: #fff;
  background: rgb(34, 81, 235);
  border-radius: 50%;
  text-align: center;
  left: 80px;
  top: 0;
  margin-left: -5px;
}


/* 横进度条 */
.sy-steps-round-auto {
  display: table;
  width: 75%;
  margin:0 auto;
}
.sy-sui-steps-round {
  font-size: 0px;
  overflow: hidden;
  line-height: 0px;
  /* margin: 18px 0px; */
  padding: 0px 6px;
}
.sy-steps-4 > div {
  width: 33%;
}
.sy-steps-round-auto > div {
  display: table-cell;
}
.sy-steps-round-auto > div .bar {
  width: auto;
}
.sy-sui-steps-round > div {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.sy-sui-steps-round > .finished .round {
  border: 1px #0e509a solid;
  background-color: #0e509a;
  color: #ffffff;
}
.sy-sui-steps-round > div .round {
  width: 15px;
  height: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #FFF;
  line-height: 22px;
  text-align: center;
  float: left;
}

.sy-sui-steps-round > .todo .bar {
  background-color: #eeeeee;
}
.sy-sui-steps-round > div .bar {
  margin: 7px 0px 0px 0px;
  /* width: 200px; */
  height: 3px;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.sy-sui-steps-round > div .wrap:before,
.sy-sui-steps-round > div .wrap:after {
  display: table;
  content: "";
  line-height: 0;
}
.sy-sui-steps-round > div .wrap:after {
  clear: both;
}
.sy-sui-steps-round > div > label {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 20px;
  height: 18px;
  /* margin-top: 6px; */
  /* color: #0e509a; */
  cursor: default;
  text-align: center;
  width: 50%;
  margin-left: -25%;
  position: relative;
  left: 15px;
}
.sy-sui-steps-round > div:first-child > label {
  width: auto;
  max-width: 50%;
  margin-left: 0;
  left: 0;
  line-height: 20px;
}
.sy-sui-steps-round > div:last-child,
.sy-sui-steps-round > div.last {
  width: 30px !important;
}
.sy-sui-steps-round > div:last-child > label,
.sy-sui-steps-round > div.last > label {
  position: relative;
  width: auto;
  margin-left: 0;
  left: auto;
  right: 0;
  line-height: 20px;
}
.sy-sui-steps-round > .finished .bar {
  background-color: #eeeeee;
}
.sy-sui-steps-round > .current .round {
  border: 1px #d3d3d3 solid;
  background-color: #d3d3d3;
}
.sy-sui-steps-round > .current .bar {
  background-color: #eeeeee;
}
.sy-sui-steps-round > .todo .round {
  border: 1px #d3d3d3 solid;
  background-color: #d3d3d3;
  color: #999999;
}
.sy-sui-steps-round > .todo .bar {
  background-color: #eeeeee;
}


/*-----------------订单列表-------------*/
.list_zy_h2{ height:42px; line-height:36px; margin-bottom:8px;}
.list_zy_h2 ul{border-bottom:6px #f1f1f1 solid; height:36px;}
.list_zy_h2 ul li{ /*width:95px;*/ height:18px; padding:9px 7px; line-height:18px; text-align:center; font-size:14px; float:left; display:block; float:left; border-bottom:6px #f1f1f1 solid;}
.list_zy_h2 ul li.active{border-bottom:6px #0a529c solid;}
.list_zy_h2 a.te{ padding-left:265px; width:173px;}
.list_zy_h2 span{ float:left; margin-right:3px; padding-left:21px; border-left:solid 1px #f1f1f1;}
.list_zy_h2 i{ width:18px; line-height:18px; height:18px; background-color: #0a529c; color:#fff; font-size:12px; display:block; border-radius:18px; float:left; margin-top:2px;}
.list_zy_h2 p{ margin:0px auto; height:18px;}
/* .zy_bock{ border:solid 1px #dddfe1;} */
.zy_bock_title{ height:60px; border-bottom:solid 1px #dddfe1;background:#f1f1f1;}
.zy_bock_title td{ text-align:center;}
.zy_bock_title h5{ font-size:14px; padding-bottom:3px;}
.zy_bock_title h4{font-size:14px; color:#bd2022;}
.zy_bock_title p{
  font-size:12px;
  /* color:#7e7e7f; */
}
td.zy_bock_title_bg{ background:url(../../../statics/syngenta/images/png_77.png) -7px 0px no-repeat; color:#fff; font-size:16px; text-indent:18px; text-align:left;}
td.zy_bock_title_bg2{ background:url(../../../statics/syngenta/images/png_78.png)  -7px 0px no-repeat; color:#fff; font-size:16px; text-indent:27px; text-align:left;}
td.zy_bock_title_bg3{ background:url(../images/png_78_1.png)  -7px 0px no-repeat; color:#fff; font-size:16px; text-indent:27px; text-align:left;}
td.zy_bock_title_bg4{ background:url(../images/png_78_2.png)  -7px 0px no-repeat; color:#fff; font-size:16px; text-indent:27px; text-align:left;}
td.zy_bock_title_bg5{ background:url(../images/png_78_3.png)  -7px 0px no-repeat; color:#fff; font-size:16px; text-indent:27px; text-align:left;}
td.zy_bock_title_bg6{ background:url(../../../statics/syngenta/images/png_78_4.png)  -7px 0px no-repeat; color:#fff; font-size:16px; text-indent:10px; text-align:left;}

.zy_bock_con td{
  font-size:12px;
  /* color:#9fa1a1; */
  padding: 10px 0;}
.zy_bock_con_img{ display:block; margin:0px auto 20px;}
.zy_bock_con p{
  line-height:25px;
  font-size:12px;
  /* color:#9fa1a1; */
}
.zy_bock_con span{ color:#130804; padding-right:3px; font-size:12px;}
a.lis_anniu_blue{ display:block;  /*width:165px;*/ height:24px; line-height:24px; text-align:center; color:#fff; color:#0e509a;}
.zy_bock_box{  position:relative; }
.zy_bock_con{ height:100%;}
.zy_bock_con i{ padding-left:25px;}
td.td_43{  text-indent:27px; color:#130804; height:40px; padding-top:5px;}
.dq_tab td{ padding:5px; width:130px;}
.gp_td_duo{ width:80px; padding:0px 20px;}
.gp_td_duo p{ line-height:18px !important; padding-top:5px;}
.gp_td_duo strong{ font-weight:bold;}
.gp_table .dq_tab{ margin:5px 0px;}

p.checkBox img{ margin:3px auto 0px; display:none; }
.mAuto{ margin:0px auto;}


/*steps*/
.sy-steps {
  height: 10px;
  position: absolute;
}
.sy-steps li {
  float: left;
  position: relative;
  height: 10px;
  display: inline-block;
}
.sy-steps li .sy-steps-round {
  width: 10px;
  height: 10px;
  float: left;
  background: #b9b9b9;
  border-radius: 50%;
}
.sy-steps li .sy-steps-line {
  width: 200px;
  height: 2px;
  margin-top: 4px;
  float: left;
  background: #b9b9b9;
}
.sy-steps li .sy-steps-word {
  position: absolute;
  right: 0px;
  top: 15px;
  width: 125px;
  margin-right: -58px;
  text-align: center;
}
.sy-steps li:first-child .sy-steps-line {
  display: none;
}
.sy-steps li.active .sy-steps-round {
  background: #0054a7;
}
.sy-steps li.active .sy-steps-line {
  background: #0054a7;
}
.sy-steps li.active .sy-steps-word {
  color: #0054a7;
}