*,
html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: border-box;
}
 
 
 
*{ padding:0px; margin:0px; outline:none; }

a{ text-decoration:none;  }

li{list-style:none;}

input, textarea, select{ border:0px none; background:none; outline:none; font-size:16px; color:#412e1a;   }

img{ outline:none; max-width:100%; height:auto; border:0px none; }

h1, h2, h3, h4, h5, h6, strong, b{ font-weight:normal;  }

input[type='submit']{  border-radius:0px; -webkit-appearance:none; appearance:none; outline:none;}

textarea{ resize:none; overflow:auto; }

:focus{ outline:none;}

 .clr{ clear:both; }  

.clearfix:after{ content:""; display:block; clear:both; height:0px; visibility:hidden;  }

.clearfix{ display:block; zoom:1; }

body{ background:#ecf2f6; }
.hidden_scoll{ overflow:hidden;} 

.csrNew_wrapper{   font-size:16px; color:#56595f;  font-family: arial; min-width:1280px; }

.csrNew_header{ width:100%; padding:18px 30px; background:#fff; border-bottom:18px; margin-bottom:30px;}

.csrNew_logo{ width:142px; float:left; margin:0px 42px 0px 30px; }

.csrNew_logo a{ display:block; height:50px; }

.csrNew_naveType{ width:200px; float:left; padding:14px 0px;  }

.csrNew_naveType span, .csrNew_naveType strong { line-height:20px; font-size:20px; color:#1a3048; }

.csrNew_naveType strong { font-weight:bold; }

.csrNew_naveRight{ width:60%; float:right;  padding:14px 0px; }

.csrNew_naveRight ul{ float:right; }

 .csrNew_naveRight ul li{ float:left; padding-left:36px; }

.csrNew_naveRight ul li span, .csrNew_naveRight ul li strong{  line-height:15px; font-size:20px; color:#56595f; }

.csrNew_naveRight ul li strong{ font-weight:bold; color:#1a3048; }

.csrNew_contant{padding:0px 30px 30px 30px; }

.csrNew_contProducer{ padding:30px; background:#ffffff; }

.csrNew_contProducer_up{ width:100%; padding-bottom:40px; }

.csrNew_contProducer_up h2{ font-size:31px; line-height:36px; color:#1a3048; padding-bottom:36px; font-weight:bold; }

.csrNew_contProducer_up h2 span{ font-weight:normal; }

.csrNew_commentRed{ padding:25px; background:#ea2e2e; width:50%; margin-bottom:10px; } 

.csrNew_commentRed p{ color:#fff; line-height:25px; font-size:16px; }

.csrNew_commentRed p strong{  font-weight:bold;  }

.csrNew_contProducer_setups{ width:100%; }
.csrNew_contProducer_setups_left{  width:50%; padding-right:30px; float:left;  }

.csrNew_contProducer_setups_left h3, .csrNew_contProducer_setups_right h3{ font-size:21px; line-height:26px; padding-bottom:16px; color:#2ebb17; font-weight:bold; }

.csrNew_contProducer_setups_left h3 span, .csrNew_contProducer_setups_right h3 span{ color:#3581cd; }

.csrNew_contProducer_setups_left p , .csrNew_contProducer_setups_right p{ font-size:16px; line-height:24px; padding-bottom:20px; color:#56595f; }

.csrNew_contProducer_clicpBord{ padding:16px 25px 50px 25px; border:1px solid #e3e3e3; }

.csrNew_contProducer_clicpBord ul li{ font-size:16px; line-height:20px; padding-bottom:10px;   }

.csrNew_contProducer_clicpBord ul li strong{ font-weight:bold; }

.csrNew_contProducer_clicpBord ul li em{ font-weight:normal; font-style:normal; color:#1788fa; }

.csrNew_contProducer_clicpBord ul li a{ color:#1788fa;  position:relative; padding:10px 4px;}
.csrNew_contProducer_clicpBord ul li a label{ background:#d5eeff; text-decoration:underline; cursor:pointer;}

.csrNew_contProducer_clicpBord ul li a:hover{ text-decoration:none; }
.csrNew_contProducer_clicpBord ul li a span{ display:none; }
.csrNew_toltip_blue{ display:block; z-index:0; width:auto; position:absolute; left:40%; top:-35px; color:#fff; background:url(../images/csrNew_toltip_blue_img.png) no-repeat 16px center #1788fa; border-radius:3px; padding:0px 20px 0px 42px; line-height:32px; font-size:13px; font-weight:bold; white-space:nowrap;  }

.csrNew_toltip_blue:after{ background:url(../images/csrNew_toltip_blue_arow.png) no-repeat; width:11px; height:50px; content:""; position:absolute; left:20px; top:99%;}

.csrNew_toltip_green{ display:block; width:auto; position:absolute; left:40%; color:#fff; background: #2ebb17; border-radius:3px; bottom:35px; z-index:10; padding:7px 20px 5px 20px; font-size:13px; font-weight:bold; white-space:nowrap;  }

.csrNew_toltip_green:after{ background:url(../images/csrNew_toltip_green_arow.png) no-repeat; width:11px; height:50px; content:""; position:absolute; left:20px; top:99%;}

 .csrNew_contProducer_clicpBord ul li a.hover span{ display:block; }

.csrNew_contProducer_setups_right{  width:50%; padding-left:30px; float:right;  }



.csrNew_contProducer_slct {  width:425px; height: 42px; line-height: 42px; display: block; position: relative; padding:0px 20px; border: 1px solid #e3e3e3; border-radius: 3px; position: relative; text-align: left; margin-bottom:40px;  }

.csrNew_contProducer_slct span { display: block; color: #56595f; overflow: hidden; width: 100%; background: url(../images/settings_downUp_arow2.png) no-repeat right center; background-size:8px auto; }

.csrNew_contProducer_slct select { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }

.csrNew_contProducer_checkBoxs ul{}

.csrNew_contProducer_checkBoxs ul li{ display:inline-block; *display:inline; *zoom:1; padding-right:10px; padding-bottom:24px; line-height:22px; font-size:16px; color:#56595f; width:32.33%; vertical-align:top;  } 

.csrNew_contProducer_checkBoxs ul li label{ display:block; cursor:pointer; padding-left:35px; background:url(../images/csrNew_contProducer_checkBoxs_unchk.png) no-repeat left 5px; position:relative;  }

.csrNew_contProducer_checkBoxs ul li label.checked{  background:url(../images/csrNew_contProducer_checkBoxs_chk.png) no-repeat left 5px; color:#1788fa; font-weight:bold; }

.csrNew_contProducer_checkBoxs ul li label input{ cursor:pointer;  width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;  }

.csrNew_creatComent_btn{ display:block; position:relative; float:right; width:auto; padding:0 20px; height:40px; text-align:center; line-height:40px; color:#fff; border-radius:18px; background:#1788fa; font-size:16px; font-weight:bold;  }

 .csrNew_creatComent_btn.hover {
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	background-image: -webkit-linear-gradient(top, #1788fa, #1788fa);
}


.scrNew_popup_outer{ position:fixed; left:0px; top:0px; width:100%; height:100%; display:none;  }
 
.scrNew_popup_innr{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; background:#fff; padding:30px; width:667px; height:330px;  z-index:23; }

.scrNew_popup_innr h1{ color:#1a3048; font-size:31px; line-height:36px; padding-bottom:24px; font-weight:normal;}

.scrNew_popup_innr h2{ color:#d22727; font-size:31px; line-height:36px; padding-bottom:24px; font-weight:normal;}

.scrNew_popup_innr p{ color:#56595f; font-size:16px; line-height:24px; padding-bottom:20px; }

.scrNew_popup_innr strong{ color:#56595f; font-size:16px; line-height:26px; padding-bottom:10px; font-weight:bold; display:block;}

.scrNew_popup_innr span{ color:#56595f; background:#d5eeff;  font-size:14px; line-height:22px; padding:14px 26px; display:block; margin-bottom:30px; height:230px; overflow-y:scroll;}
 
 
.scrNew_popup_btn{ width:auto; padding:0 20px; height:40px; line-height:40px; text-align:center; color:#000000; display:block; font-weight:bold; border-radius:18px; float:right; background:#ffc835; font-size:15px;  }

.scrNew_popup_btn:hover {
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	background-image: -webkit-linear-gradient(top, #1788fa, #1788fa);
    color:#fff;
}
.scrNew_popup_overlay{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:url(../images/csrNew_colorOverlay.png) repeat; z-index:22; }
 
.scrNew_popup_closBtn {display: block;    height: 17px;    position: absolute;    right: -30px;    top: -30px;    width: 17px;    z-index: 3; background:url(../images/csrpopup_clos_button.png) no-repeat center center; background-size:17px auto;}


.scrNew_popup_innr{ width:580px; height:540px;/*406px*/; font-family:Arial, Helvetica, sans-serif }

.warm_type{padding-bottom:35px!important; padding-top:13px!important; font-size:26px!important;}
.warm_type span{ color:#ea2e2e;}
.warm_type b{ font-weight:bold;}

#scroll_div{height:290px; overflow:auto; margin-bottom:20px;}
.scrNew{ height:560px;}
.scrNew.up_div_class{ height:600px}
.scrNew.up_div_class #scroll_div{margin-bottom:10px;}
.input_li li{ display:block;}

#scrNew_nextstep .scrNew_popup_innr_next_step { width:850px !important;}
#scrNew_nextstep .scrNew_popup_innr_next_step .csrNew_contProducer_checkBoxs ul li{ width:32%!important;}
.disable_btn{ opacity:0.2; pointer-events:none;}

.label_div{ height:0px; width:100px; position:absolute; display:none; top:8px; left:108px; display:none;}
.label_div span{ position:absolute;left:-100px; color:#ffffff!important;background:#a0a0a0;
                          width:320px; height:auto; z-index:60; padding: 12px 20px; font-size:13px!important; line-height:16px!important;
                          padding-left:20px;
                          text-align:left!important;
                          font-weight:normal!important; bottom:10px;
                          border-radius:5px;
                          border:0px solid #e3e3e3;
                          margin-bottom:0px!important;
                          overflow:hidden!important;
                          box-shadow: 0 3px 16px rgba(0,0,0,0.2); 
  
          
}
.label_div i {background:url(../images/question_option_hover.png) no-repeat; position:absolute;width: 11px; height: 4px;bottom: 7px;z-index: 44;left: 50px;}
.label_div a{color: #fff;font-size: 13px;text-decoration: underline;}
.label_div ul{ display:block!important;}
.label_div ul li{ padding-bottom:8px; list-style-type:circle;}

.reach_coment_button{ position:relative; float:right; padding-top:10px; cursor:pointer;}
.reach_coment_button .label_div{ top:0px;}
.reach_coment_button:hover .label_div{ display:block!important;}
.csrNew_creatComent_btn.hover .label_div i{ left:50px;}
.csrNew_creatComent_btn.hover .label_div{ display:block!important;}



.csr_button_view{ position:relative; float:right; padding-top:30px;}
.csr_button_view .label_div{left:50px; top:30px;}
.csr_button_view:hover .label_div{ display:block!important;}
.cold_patch_f_step.hover .label_div{ display:block!important;}

.copy_number:hover span{ display:block;}

#new_close_btn{ position:relative;}
#new_close_btn .label_div{ display:block; }
#new_close_btn .label_div span{width:380px; left:-78px;}
#new_close_btn .label_div i{ left:103px;}