/* CSS Document */
body{ font:12px  "Microsoft YaHei"; background:#eaedf1;  color:#333;}
a{ text-decoration:none;}
ul,li{list-style:none; }
.both{ clear:both;}
* { margin:0; padding:0; font-family:"Microsoft YaHei"}
html { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:50px 0 25px 0; overflow:hidden;}
html, body { height:100%;}
.html{ padding:0;}

.login_body{margin:0 auto; width:260px;}

.clearfloat:after,.dealer_list li:after,.details dd:after,.edit_add li:after{display:block; clear:both; content:""; visibility:hidden; height:0; }
.clearfloat,.dealer_list li,.details dd,.edit_add li{zoom:1} 



.word_wrap{word-wrap:break-word;}

.font_b{ font-weight:bold;}
.w20{ width:20px;}
.w25{ width:25px;}
.w30{ width:30px;}
.w35{ width:35px;}
.w40{ width:40px;}
.w45{ width:45px;}
.w50{ width:50px;}
.w60{ width:60px;}
.w70{ width:70px;}
.w75{ width:75px;}
.w85{ width:85px;}
.w100{ width:100px;}
.w120{ width:120px;}
.w130{ width:130px;}
.w150{ width:150px;}
.w160{ width:160px;}
.w170{ width:170px;}
.w180{ width:180px;}
.w200{ width:200px;}
.w220{ width:220px;}
.w230{ width:230px;}
.w250{ width:250px;}
.w280{ width:280px;}
.w300{ width:300px;}
.w320{ width:320px;}
.w350{ width:350px;}
.w400{ width:400px;}
.w450{ width:450px;}
.w500{ width:500px;}
.w900{ width:900px;}

.w_24{ width:24%;}
.w_30{ width:30%;}
.w_32{ width:32%;}
.w_34{ width:34%;}
.w_35{ width:35%;}
.w_36{ width:36%;}
.w_38{ width:38%;}
.w_40{ width:40%;}
.w_42{ width:42%;}
.w_45{ width:45%;}
.w_46{ width:46%;}

.h30{ line-height:30px;}
.h70{ height:70px;}
.h250_min{ min-height:250px;}
.h250{ height:250px;}
.alpha_50{opacity:0.3; filter:Alpha(opacity=30); }







.nav_none{ display:none; -webkit-transition-duration: .5s; transition-duration: .5s;}
.nav_dd{  -webkit-transition-duration: .5s; transition-duration: .5s;}

.trhide{ vertical-align:top;}
.bg_f9{ background:#f9f9f9; color:#666;}
.bg_f2ffea{ background:#f2ffea;}
.bg_f9f9f9{ background:#f9f9f9;}
.b_l_15_eaedf1{ border-left:15px solid #eaedf1;}

.b_b_t10{border-top:10px solid #eaedf1;}
.b_b_b10{border-bottom:10px solid #eaedf1;}
.b_b_r10{border-right:10px solid #eaedf1;}
.b_b_r1{border-right:1px solid #eaedf1;}
.b_b_d_t1{border-top:1px dashed #eaedf1;}

.mg_left_5{ margin-left:5px;}
.mg_left_10px{ margin-left:10px;}
.mg_top_20{ margin-top:20px;}
.m_b_30{ margin-bottom:30px;}
.m_b_10{ margin-bottom:10px;}
.m_b_15{ margin-bottom:15px;}
.m_r_10{ margin-right:10px;}


.p_left_10{ padding-left:10px;}
.p_right_10{ padding-right:10px;}


.text_center{ text-align:center;}
.text_right{ text-align:right;}
.text_left{ text-align:left;}
.text_top{ vertical-align:top;}

.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:24px;}

.lh_30{ line-height:30px;}

.C_F00{ color:#F00;}
.C_666{ color:#666;}
.C_888{ color:#888;}
.C_FFF{ color:#FFF;}

.C_C00{ color:#C00;}
.C_C00:hover{ color:#F00;}

.a_c_1785c8{ color:#1785c8; text-decoration:underline;}
.a_c_1785c8:hover{ text-decoration:none; color:#28b5d6;}

.a_b_1785c8{background:#1785c8; color:#FFF;}
.a_b_1785c8:hover{ background:#FFB600;}

.a_list{ font-size:18px; text-decoration:note;}

.a_ccc{ color:#bbb; text-decoration:underline}

.a_c00{ color:#c00;}


.sdms_main_home a{ color:#1785c8; text-decoration:underline}
.sdms_main_home a:hover{ text-decoration:none; color:#c00;}


.c_999{color:#ccc;}
.c_1785c8{color:#1785c8;}
.c_28b5d6{color:#28b5d6;}
.c_d14a61{ color:#d14a61;}
.c_5793f3{ color:#5793f3;}

.ok_send_a{ display:block; background:#1785c8; float:left; padding:10px 40px; color:#FFF; border-radius:3px;}
.ok_send_a:hover{background:#28b5d6;}

.ok_send_div{ padding:30px 0 80px 240px;}

.b_28b5d6{ background:#28b5d6;}
.b_ddd{ background:#ddd;}


.order_1{order:1;}
.order_2{ order:2;}
.flex{ display:flex; display:-moz-box; /* Firefox */ display: -ms-flexbox; /* IE10 */ display: -webkit-box; /* Safari */ display: -webkit-flex; }
.flex_end{justify-content: flex-end;}

.a_c_999_u{ color:#999; text-decoration:underline;}
.a_c_999_u:hover{ text-decoration:none;}

.in_cny{ display:block; background:#7f9cc2; width:90px; text-align:center; line-height:30px; color:#FFF; border-radius:2px;}
.in_cny:hover{background:#28b5d6;}

.status_0{color:#999;}
.status_1{color:#28b5d6;}
.status_2{color:#C00;}
.status_3{}
.status_4{color:#C00;}


.line_dd_38 dd{ line-height:42px;}

.yuan_o{ font-size:9px; display:block; float:left; border-radius:50%; text-align:center; font-weight:normal;  border:1px solid #333; }
.yuan_o_l{width:16px; height:16px; line-height:15px; }
.yuan_o_s{width:11px; height:11px; line-height:10px; }

.yuan_1785c8{width:24px; height:24px; line-height:23px; font-size:12px; display:block; float:left; border-radius:50%; text-align:center; font-weight:normal; border:1px solid #28b5d6 ;  background:#28b5d6; color:#FFF;}


.details_list_title{ line-height:35px; display:block; color:#1785c8; font-size:14px; border-bottom:1px solid #1785c8; padding:10px 0 0 10px; margin-bottom:5px; }


/* 登录页 */
.input_text{background:#dce0e5; border:1px solid #d5dae0; color:#7f9cc2;width:240px; height:30px; padding:5px 10px; }
.login_ul li{ padding-bottom:10px;  width:250px; }
.login_ul input{ border-radius:5px;}
.login_ul a{ color:#1785c8; text-decoration:underline;}
.login_ul a:hover{ text-decoration:none; color:#28b5d6;}
.input_button{background:#1785c8; border:1px solid #1785c8; width:260px; height:40px; color:#FFF; appearance: none;  cursor: pointer;  -webkit-transition-duration: .5s; transition-duration: .5s;}
.input_button:hover{background:#28b5d6; border:1px solid #28b5d6; }
.chk_2{display: none; }
.chk_2 + label {background-color: #FFF;	border: 1px solid #C1CACA;margin-top:5px; font-weight:normal; width:18px; margin-right:10px;	height:18px; display:block; float:left;	 border-radius: 3px;	position: relative;	font-size: 16px;}
.sdms_logo{ font-size:50px; color:#dce0e5; font-weight:100;}
.sdms_logo span{ font-size:40px;}
.login_font_color{color:#7f9cc2;}


/* 页面抬头标题部位 */
.title_name{ padding:0 30px; width:calc(100% - 60px); height:55px; border-bottom:1px solid #ddd; display:flex}

.title_name h2 {
    font-size: 24px;
    height: 44px;
    line-height: 44px;
    font-weight: 300;
    width: 100%;
    color: #555;
}
.title_name h2 span{ font-size:12px; color:#999; padding-top:10px;  }
.title_name p{ padding-top:7px ;  height:30px; display:flex; width:calc(100% - 400px); justify-content: flex-end; text-align:right;}
.title_name p a{ line-height:28px;  padding:0 15px; margin-left:8px; border-radius:2px;}
.title_name p .a_del{ background:#1785c8; border:1px solid #1785c8; color:#FFF; order:1;}
.title_name p .a_del:hover,.page_size .button a:hover{background:#28b5d6; border:1px solid #28b5d6;  -webkit-transition-duration: .5s; transition-duration: .5s;}
.title_name p .a_re{background:#f7f7f7; border:1px solid #ddd; color:#333;}
.title_name p .a_re:hover{background:#FFF;}


/* 页面搜索部位 */
.button_search{padding:20px; border-bottom:1px solid #f9f9f9; display:flex}
.input_search{width:200px; line-height:18px; padding:5px; float:left; color:#666; margin-left:10px; border:1px solid #ccc;}
.input_search_b{text-decoration:none; background-color: #eee; color: #333;   text-align: center;   height: 30px;  padding: 0 10px;  margin-left:5px;  display: inline-block; display:block; float:left;  appearance: none;  cursor: pointer;  border:1px solid #ddd;  -webkit-transition-duration: .5s; transition-duration: .5s;}
.input_search_b:hover{background-color:#FFF;}

.a_button_search{ display:block; padding:6px 12px; background:#28b5d6; color:#FFF; border-radius:1px;}
.a_button_search:hover{background:#1785c8;  -webkit-transition-duration: .5s; transition-duration: .5s;}



/* 操作按钮下拉菜单 */
.dropdown_menu {float:left; z-index:100; text-align:left; border-radius:2px; margin-left:10px; background: #1785c8; list-style: none; position: relative; display: inline-table;}
.dropdown_menu li:hover > ul {display: block;}
.dropdown_menu li {float: left;}
.dropdown_menu li:hover { background: #28b5d6;border-radius:2px 2px 0 0; -webkit-transition-duration: .5s; transition-duration: .5s;}
.dropdown_menu li:hover a {color: #FFF; display:block;}
.dropdown_menu li a { display: block; padding:0 15px; line-height:30px; color: #FFF; text-decoration: none; }
.dropdown_menu ul {display: none; background: #28b5d6; border-radius: 0px; padding: 0;position: absolute; /* top: 100%;*/}
.dropdown_menu ul li {float: none; position: relative; white-space:nowrap; }
.dropdown_menu .li:hover { background: #46cded; border-radius:0;}




/* 分页CSS */
.page_size{ padding:5px 30px 25px 30px; display:flex; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.page_size .button{width:400px; display:flex;}
.page_size .button a{display:block; line-height:28px; margin-right:5px; padding:0 10px; border-radius:2px; background:#1785c8; border:1px solid #1785c8; color:#FFF;}
.page_size .page{ width:calc(100% - 400px);  display:flex; }
.page_size .page span,.page_size .page a{ display:block; color:#333; border-left:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; line-height:28px; padding:0 10px;
		FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fff,endColorStr=#eee);/*IE 6 7 8*/ 
		background:-moz-linear-gradient(top,#FFF,#eee);/*火狐*/ 
		background:-ms-linear-gradient(top, #fff,  #ddd); /* IE 10 */
		background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#FFF), to(#ddd));/*谷歌*/ 
		background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#ddd));      /* Safari 4-5, Chrome 1-9*/
		background:-webkit-linear-gradient(top, #fff, #ddd);   /*Safari5.1 Chrome 10+*/
		background:-o-linear-gradient(top, #fff, #ddd);  /*Opera 11.10+*/
}
.page_size .page span:hover,.page_size .page a:hover{ background:#eee;}
.page_size .page .selected{ background:#1785c8; color:#fff; border-top:1px solid #1785c8; border-bottom:1px solid #1785c8;}
.page_size .page .selected:hover{background:#1785c8;}
.page_size .radius_left{border-radius:4px 0 0 4px;}
.page_size .radius_right{border-radius:0 4px 4px 0;}
.page_size .boder_right{border-right:1px solid #ddd; }



/* 复选框  */
.chk_1,.chk_3{display: none;}
.chk_1 + label,.chk_3 + label {background-color: #FFF;	border: 1px solid #C1CACA; font-weight:normal; width:18px;	height:18px; display:block;	border-radius: 3px;	position: relative;	font-size: 16px;}
.chk_1:checked + label,.chk_2:checked + label,.chk_3:checked + label {background-color: #92A1AC;	border: 1px solid #92A1AC;}
.chk_1:checked + label:after,.chk_2:checked + label:after,.chk_3:checked + label:after {content: '\2714'; line-height:14px; position: absolute; top: 0px;	left: 0px;	color: #FFF; width: 18px;  text-align: center;	font-size: 14px; padding: 2px 0 0 0;}
.chk_1 + label{margin-left:12px; }
.chk_3 + label{margin-left:5px;}



/* 顶部css */
.sdms_top { position:relative; top:-50px; height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sdms_top .left{float:left; width:300px; padding-left:77px;}
.sdms_top .right{float:right;width:600px;}
.sdms_top .left a{float:left;}
.sdms_top .right a{float:right;}
.sdms_top a i{width:12px; text-align:right; font-size:14px;}
.sdms_top_manage{background:url(../images/logo.png) no-repeat #1785c8;}
.sdms_top_manage a{display:block; line-height:50px; color:#FFF; padding:0 20px; border-left:1px solid #156fa5;}
.sdms_top_manage a:hover{background:#1b76ad;}

.sdms_top_u{background:url(../images/u_logo.png) no-repeat #28b5d6;}
.sdms_top_u a{display:block; line-height:50px; color:#FFF; padding:0 20px; border-left:1px solid #1da1c0;}
.sdms_top_u a:hover{background:#1da1c0;}


/* 左侧菜单 */
.sdms_nav {top:-50px; position:relative; height:100%; background:#3e495f; float:left; margin-right:0 !important; margin-right:-3px; overflow:auto;	overflow-x: hidden; overflow-y: auto; }
.sdms_nav dt,.sdms_nav dd{ line-height:40px;}
.sdms_nav a{color:#f0f0f0; display:block; -webkit-transition-duration: .2s; transition-duration: .2s;}
.sdms_nav dt a:hover,.sdms_nav dd a:hover{ background:#3a4459; }
.sdms_nav dt a{line-height:40px;}
.sdms_nav dd a{line-height:38px;}
.sdms_nav .zooming{ height:22px; width:100%; text-align:center; font-size:14px; display:block; color:#999; font-weight:lighter; margin-right:0 !important; overflow-x: hidden; overflow-y: auto;}
.sdms_nav .a,.sdms_nav .a:hover{background:#28b5d6; color:#FFF;  cursor:default;}
.sdms_nav .a i{opacity:100; filter:Alpha(opacity=100);}

.sdms_nav_spread {
    width: 10%;
}
.sdms_nav_spread i{width:23px;}
.sdms_nav_spread dt a{padding-left:16px;}
.sdms_nav_spread dt i{ font-size:14px;}
.sdms_nav_spread dd i{opacity:0.5; filter:Alpha(opacity=50); }
.sdms_nav_spread dd a{padding-left:25px;}
.sdms_nav_spread dt a{background:#353e51;}



.sdms_nav_hide{ width:50px; -webkit-transition-duration: .5s; transition-duration: .5s;}
.sdms_nav_hide a span{ display:none; }
.sdms_nav_hide dd i{opacity:0.5; filter:Alpha(opacity=50); }
.sdms_nav_hide{ text-align:center;}
.sdms_nav_hide dd i,.sdms_nav_hide dt i{ font-size:14px;}
.sdms_nav_hide dt a{background:#353e51;}



/* 二级菜单 */
.sdms_second_nav {
    top: -50px;
    position: relative;
    background: #eaedf1;
    float: left;
    width: 8%;
    height: 100%;
    text-align: center
}
.sdms_second_nav h3{ display:block;height:33px; padding:48px 0 0 20px; border-bottom:1px solid #fefefe;}
.sdms_second_nav li{}
.sdms_second_nav li a{display:block; line-height:35px; padding-left:20px; color:#333; border-bottom:1px solid #fefefe;}
.sdms_second_nav li a:hover{background:#e0e0e0; padding-left:25px; -webkit-transition-duration: .2s; transition-duration: .2s;}
.sdms_second_nav li .a,.sdms_second_nav li .a:hover{background:#28b5d6; color:#FFF; padding-left:20px; cursor:default;}


/* 右侧框架 - 公用 */
.sdms_main{top:-50px; position:relative; overflow:auto; height:calc(100% - 50px); background:#FFF; border-top:15px solid #eaedf1; border-right:15px solid #eaedf1;border-bottom:15px solid #eaedf1; padding:10px 0;}

.sdms_main_home{top:-50px; position:relative; overflow:auto; height:calc(100% - 30px); background:#eaedf1; border:15px solid #eaedf1; display:flex;}
.sdms_main_home .left{ width:calc(100% - 335px); margin-right:15px;}

/* 版权 */
.sdms_bottom{top:-50px; position:relative; line-height:25px; height:25px; background:#FFF; clear:both;	color:#999;}


/* 表格 */
.table{ width:100%; padding:10px 30px;}
.table thead td{ font-weight:bold; line-height:40px; border-bottom:1px solid #e9e9e9; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.table tbody td{ line-height:35px; border-bottom:1px solid #e9e9e9;  overflow:hidden; white-space:nowrap;}
.table tr.tr_2 {}
.table tr.tr_1{background-color: #f9f9f9;}
.table tbody .tr1:hover{background-color: #eaedf1;}
.table tbody{ color:#666;}
.table .status{line-height:22px; text-align:center; width:60px; display:inline-block; border-radius:2px; }
.table td{border-right:1px solid #e9e9e9; padding:0 6px;}
.table thead td{ border-top:1px solid #eee; background:#f5f5f5; font-size:12px; color:#333;}

.table_ul{ padding:15px 0;}
.table_ul li{line-height:26px; border-bottom:1px dotted #eee;}
.table_ul li span{ width:140px; padding-right:10px; text-align:right; display:block; float:left; }
.table_ul li p{ width:70px;padding-right:10px; text-align:right; display:block; float:left; }

.table_c999 tbody{ color:#ccc;}
.table_order tr td{ line-height:28px;}





/* 分销商内页 */
.dealer_companyname{padding:20px 30px; font-size:18px;  border-bottom:1px solid #eee; display:flex;}
.dealer_companyname p{ padding-right:30px;}
.dealer_list_w{  color:#333; padding:0 30px; width:1000px;}
.dealer_list li{line-height:35px; border-bottom:1px dotted #eee;  padding:0 10px;}
.dealer_list li span{ display:block; float:left; text-align:right; padding-right:10px; width:100px;}
.dealer_list li p{ display:block; float:left;}
.dealer_list li:hover{ background:#f9f9f9; }


/* 分销商内页图片弹窗 */
#imgbox-overlay {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: #000;	display: none;	z-index: 80;}
.imgbox-wrap {	position: absolute;	top: 0;	left: 0;	background: #FFF;	display: none;	z-index: 90;}


/*分销商内页tabs*/
.tabs{ margin-left:30px; padding:15px 0 0 10px; border-bottom:2px solid #ddd; }
.tabs li {	float: left; margin-right: 3px;}
.tabs li a {display: block; padding:3px 13px; line-height:28px; color: #333;	text-decoration: none;	 border-left:1px solid #ddd; border-top:1px solid #ddd;border-right:1px solid #ddd; border-radius:2px 2px 0 0; background:#eee; text-align:center; cursor:pointer;}
.tabs li .a {	background: #1785c8 !important;	border-left:1px solid #1785c8;border-top:1px solid #1785c8;border-right:1px solid #1785c8; color: #FFF !important;}/* 热点当前tab */
.tabs li .other_a {	background: #FF8E00 !important;	color: #FFF !important;}/* 热点当前tab */

.dealer_shop{ width:100%;}
.dealer_shop thead td{ font-weight:bold; font-size:14px; line-height:40px; border-bottom:1px dotted #ddd; color:#666;}
.dealer_shop tbody td{ line-height:45px; color:#666; border-bottom:1px dotted #ddd; overflow:hidden; white-space:nowrap;}
.dealer_shop tr.tr_1 {background-color: #FFF;}
.dealer_shop tr.tr_2{background-color: #fafafa;}
.dealer_shop tbody tr:hover{background-color: #f9f9f9;}
.dealer_shop tbody td span{ display:block; width:55px; background:#28b5d6; color:#FFF; text-align:center; line-height:23px; border-radius:4px;}
.dealer_shop tbody td .no{background:#eee; color:#999; border:1px solid #ddd; }


/* tab */
.box { margin:20px 30px;}
.tab_menu {	overflow: hidden; border-bottom:2px solid #ddd; padding-left:10px;}
.tab_menu li { padding:3px 20px; float:left;  line-height:28px; color: #333; margin-right:3px; border-left:1px solid #ddd;border-top:1px solid #ddd;border-right:1px solid #ddd; border-radius:2px 2px 0 0; background:#eee; text-align:center; cursor:pointer;}
.tab_menu li.current {	color: #FFF; background: #1785c8; font-weight:bold; border-left:1px solid #1785c8;border-top:1px solid #1785c8;border-right:1px solid #1785c8; }
.tab_box {	padding: 20px;}
.tab_box li { display:flex; line-height:28px; padding:10px 0; overflow: hidden; border-bottom:1px solid #f0f0f0;}
.tab_box li p { font-size: 12px; width:120px; display:block; text-align:right; padding-right:10px; color: #666;}
.tab_box li input{ border-radius:3px; line-height:28px; border:1px solid #ddd; padding:0 8px; font-size:12px; color:#666;}
.tab_box .hide { display: none;}
.tab_box select{min-width:100px;}

.tab_table{ width:700px;border-right:1px solid #eee;border-top:1px solid #eee; }
.tab_table td{border-left:1px solid #eee;border-bottom:1px solid #eee; padding:8px 15px; line-height:25px;}
.tab_table thead{ background:#f0f0f0;}






/*口岸详情*/

.port_details{padding:10px 30px;}
.port_details li{ line-height:25px; padding:9px 0; border-bottom:1px dotted #ddd; display:flex;}
.port_details li span{ width:140px; display:block; text-align:right; color:#999; padding-right:8px;}
.port_details li .input{ border:1px solid #ddd; font:12px  "Microsoft YaHei";  display:block; line-height:20px; width:300px; padding:0 10px;}
.port_details li .input:focus,.port_details li .select:focus{border:1px solid #28b5d6;}
.port_details li .select{ border:1px solid #ddd; font:12px  "Microsoft YaHei";  display:block; line-height:20px; padding:0 10px 0 5px;}
.port_details li .select option{padding:5px 0 5px 8px; height:20px;}
.port_details li a{ text-decoration:underline; color:#1785c8;}
.port_details li a:hover{ text-decoration:none; color:#F00;}


/*弹框样式2*/
.cd-popup h3 {color: #FFF; margin: 0;	padding:10px 20px;	text-align: left; display:flex;	font-size:18px; font-weight:100;	background:#157ab8;	border-radius: 3px 3px 0 0;}
.cd-popup .button{height:55px; padding-left:178px; padding-top:5px;}
.cd-popup .button a{ display:block; padding:8px 30px; float:left; color:#FFF; background:#1785c8; border-radius: 3px; margin-right:90px;}
.cd-popup .button a:hover{background:#28b5d6; }
.cd-popup { position:fixed;left: 0; top: 0; height:100%; width: 100%; background-color: rgba(0, 0, 0, 0.7); opacity: 0; visibility: hidden;
-webkit-transition: opacity 0.5s 0s, visibility 0s 0.5s;
-moz-transition: opacity 0.5 0s, visibility 0s 0.5s; 
transition: opacity 0.3s 0s, visibility 0s 0.5s; 
z-index:9999;
}

.cd-popup.is-visible { opacity: 1; visibility: visible;
-webkit-transition: opacity 0.5s 0s, visibility 0s 0s; 
-moz-transition: opacity 0.5s 0s, visibility 0s 0s; 
transition: opacity 0.5s 0s, visibility 0s 0s;
}
.cd-popup-container { position: relative; width:650px; margin:4% auto; background: #FFF; border-radius:5px; text-align: left;
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
  transform: translateY(-60px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.cd-popup-close{ z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  }



.details_name{padding-left:30px; font-size:18px; padding-top:15px; font-weight:bold;}
.details{padding:0 35px; line-height:36px; margin-top:25px;}
.details dt{border-bottom:1px solid #28b5d6; color:#28b5d6; font-size:14px; font-weight:bold; display:flex; justify-content:space-between}
.details dt span{ text-align:left; flex:calc(100% - 300px); overflow:hidden; word-break:keep-all; white-space:nowrap; }
.details dt div{ width:160px; padding-right:20px; text-align:right;}
.details dt p{ display:block; border-radius:50%; width:38px;  float:left; text-align:center; color:#FFF; background:#28b5d6; font-size:16px;  margin:0 10px 0 20px;}
.details dd{ border-bottom:1px dotted #ddd; display:flex; justify-content: flex-start }

 .details dd .l_span{ padding:0 10px; border-right:1px dotted #ddd;overflow:hidden; word-break:keep-all; white-space:nowrap;}
/*.details dd span{overflow:hidden; word-break:keep-all; white-space:nowrap;}
*/.details  .a_change{ padding:3px 10px; margin-left:10px; font-size:12px; font-weight:normal;  background:#1785c8;  border-radius:2px; color:#FFF; overflow:hidden; word-break:keep-all; white-space:nowrap;  }
.details  .a_change:hover{background:#28b5d6;}

.details  .a_new{ padding:3px 10px; margin-left:10px; font-size:12px; font-weight:normal;  background:#28b5d6;  border-radius:2px; color:#FFF; overflow:hidden; word-break:keep-all; white-space:nowrap;  }
.details  .a_new:hover{background:#1785c8;}


.details .line{ height:10px; border-bottom:1px dotted #ddd; }
.details input,.details select{ border:1px solid #ccc; font-size:12px; color:#666; padding:3px 5px;}

.save_button{ padding:20px 0 0 35px;}
.save_button a{ display:block; float:left; padding:10px 30px; background:#1785c8; font-size:14px; border-radius:3px; color:#FFF; margin-right:50px;}
.save_button a:hover{background:#28b5d6; }


/*弹框样式2*/
.open_window{padding:10px 30px;}
.open_window li{ line-height:25px; padding:12px 0; border-bottom:1px dotted #ddd; display:flex;}
.open_window li span{ width:90px; display:block; text-align:right; color:#999; padding-right:8px;}
.open_window li .input{ border:1px solid #ddd; font:12px  "Microsoft YaHei";  display:block; line-height:20px; padding:4px 10px;}
.open_window li .input:focus,.open_window li .select:focus{border:1px solid #28b5d6;}
.open_window li .select{ border:1px solid #ddd; font:12px  "Microsoft YaHei";  display:block;  padding:0 5px 0 5px;}
.open_window li .select option{padding:0 0 0 8px; }
.open_window li a{ text-decoration:underline; color:#1785c8;}
.open_window li a:hover{ text-decoration:none; color:#F00;}





/*左边菜单样式2*/
.tipso_bubble, .tipso_bubble>.tipso_arrow {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box}
.tipso_bubble {	position: absolute;	text-align: left;	line-height:28px;	border-radius: 2px;	z-index: 9999;	padding:5px 15px}
.tipso_style {	cursor: help;}
.tipso_bubble>.tipso_arrow {	position: absolute;	width: 0;	height: 0;	border: 8px solid;	pointer-events: none}
.tipso_bubble.top>.tipso_arrow {	border-color: #000 transparent transparent;	top: 100%;	left: 50%;	margin-left: -8px}
.tipso_bubble.bottom>.tipso_arrow {	border-color: transparent transparent #000;	bottom: 100%;	left: 50%;	margin-left: -8px}
.tipso_bubble.left>.tipso_arrow {	border-color: transparent transparent transparent #000;	top: 50%;	left: 100%;	margin-top: -8px}
.tipso_bubble.right>.tipso_arrow {	border-color: transparent #000 transparent transparent;	top: 50%;	right: 100%;	margin-top: -8px}


/*商品添加样式2*/

.edit_add{ padding:30px;}
.edit_add li{ border-bottom:1px solid #eee; padding:8px 0;}
.edit_add li p{ width:150px; text-align:right;}
.edit_add li div{ width:50px; text-align:right;}
.edit_add li p,.edit_add li input,.edit_add li div{ display:block; float:left; padding:8px; font-size:12px;}
.edit_add li input{ border:1px solid #ddd; border-radius:3px;}


/*商品备案样式*/
.goods_record{padding:30px; width:100%;}
.goods_record td{ padding:10px 10px; border-right:1px solid #eee; border-bottom:1px solid #eee; }
.border_top,.border_top td{ border-top:1px solid #eee; background:#fcfcfc;}
.border_left{ border-left:1px solid #eee;}

/*装载单弹出窗口样式*/

.batch_stock{ padding:0 40px; font-size:16px; margin-top:20px;}



.import_xls{ margin:30px; border-left:1px solid #eee;border-top:1px solid #eee;border-right:1px solid #eee; }
.import_xls li{ padding:10px 0 10px 30px; line-height:25px; border-bottom:1px solid #eee; }
.import_xls li .button{ padding:5px 20px;}

.import_xls .input{ padding:5px;  border:1px solid #ccc; color:#666;}

.import_xls .import{ display:block; padding:5px 20px; background:#1785c8; color:#FFF; border-radius:2px;}
.import_xls .import:hover{background:#28b5d6;  -webkit-transition-duration: .5s; transition-duration: .5s;}

.import_xls .cancel{ display:block; padding:4px 19px; color:#666; border:1px solid #ddd; background:#eee; border-radius:2px;}
.import_xls .cancel:hover{background:#ddd;  -webkit-transition-duration: .5s; transition-duration: .5s;}




/*客户账单  */
.statement_nopay{ background:#ffffe2; border:1px solid #ededed; width:calc(100% - 60px);  padding:8px 15px; margin:15px 30px 5px 30px; line-height:28px;}


.statement_table{margin:15px 30px 5px 30px; width:calc(100% - 60px); border-top:1px solid #ededed; border-left:1px solid #ededed; color:#444}
.statement_table td{border-right:1px solid #ededed; border-bottom:1px solid #ededed; padding:8px; text-align:center; line-height:22px; background:#ffffe2;}
.statement_table thead{ font-weight:bold;}
.statement_table span{ font-weight:300}



/*报价单  */
.quotation{padding:5px 35px; margin-top:10px;}
.quotation .name{ background:#7f9cc2; line-height:40px; color:#FFF; padding-left:15px; font-size:14px; margin-bottom:5px; border-radius:2px;}

.quotation li{ display:flex; padding:0 30px; border-bottom:1px solid #eee;}
.quotation p{ display:block; width:150px; text-align:right; padding:12px; margin-right:15px; border-right:1px solid #eee;}
.quotation input{ border:1px solid #ddd; border-radius:3px; padding:0 5px; font-size:12px; color:#666; margin-right:5px;}
.quotation span{ padding:0 5px;}
.quotation span,.quotation input{line-height:24px; margin:8px 0; }


.b_C00{ background:#C00;}

.quotation_u{padding:5px 35px; margin-top:10px;}
.name_u{ background:#7f9cc2; line-height:40px; color:#FFF; padding-left:15px; font-size:14px; border-radius:2px 2px 0 0;}
.quotation_u li{display:flex; border-left:1px solid #d8e1ed; border-right:1px solid #d8e1ed; border-bottom:1px solid #d8e1ed; line-height:22px;}
.quotation_u li p{ width:220px; text-align:right; padding:8px; border-right:1px solid #d8e1ed;}
.quotation_u li span{padding:8px;}
.quotation_u_table{ text-align:center;}
.quotation_u_table td{ background:#f2f5f9;  border-left:2px solid #FFF; border-bottom:2px solid #FFF; padding:6px 25px;}
.quotation_u_w150 td{ width:150px;}


/*Tips  */
.show_bubble{display:none;position:absolute;z-index:999;left:0;top:0;}
.show_content{background:#353e51;color:#ffffff;border-top-color: #000;border-right-color: transparent;	border-left-color: transparent;	border-bottom-color: transparent; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; padding:10px; min-width: 20px; }
.show_arrow {-webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;border: 10px solid;border-top-color: #000;border-right-color: transparent; border-left-color: transparent; border-bottom-color: transparent; width: 0; height: 0; position: absolute;    }



/*分页下拉菜单  */
.dropdown-menu{width: 100px; border: medium none; border-radius: 3px; box-shadow: rgba(86, 96, 117, 0.701961) 0px 0px 3px;font-size: 12px;position: absolute;display: none;}
.dropdown-menu>li>a { display: block; padding: 3px 20px; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; border-radius: 3px;color: inherit;
line-height: 25px; margin: 4px; text-align: left; font-weight: normal;}



/*help  */

.help{padding:10px 30px 50px 30px; line-height:23px;}
.help dd{ padding-left:55px; }
.help dt{ padding-top:15px; margin-top:15px; padding-left:25px; color:#1785c8; border-top:1px dotted #ddd;}



/*公告*/

.notice_Detail{ border:1px solid #dedede; margin:20px 30px; padding:20px;}
.notice_Detail dt{line-height:30px; }
.notice_Detail dd{border-top:1px solid #dedede;  padding-top:20px; margin-top:10px; line-height:26px; font-size:14px;}

/*工单*/
.workorder_line{ margin:20px 40px;}
.workorder_line .line{background:url(../images/line.jpg) repeat-x 0 8px;}
.workorder_q{margin:20px 30px; border-top:1px solid #dedede;border-right:1px solid #dedede; width:calc(100% - 60px); line-height:35px;}
.workorder_q td{border-left:1px solid #dedede;border-bottom:1px solid #dedede; padding:0 10px;}


/*沟通记录*/
.workorder_q_a{ margin:20px 30px; border-left:1px solid #dedede;border-bottom:1px solid #dedede;border-right:1px solid #dedede;}

.workorder_q_a dt{border-left:5px solid #1785c8; border-bottom:1px solid #dedede;border-top:1px solid #dedede; line-height:25px; padding:5px 8px; font-size:14px;}
.workorder_q_a dd{ margin:20px; padding:10px; border-bottom:1px dashed #dedede; line-height:22px; }
.workorder_q_a dd div{ width:95px; text-align:center; padding-top:5px;}
.workorder_q_a dd table{ }
.workorder_q_a dd table td{vertical-align:top}
.workorder_q_a dd textarea{ border:1px solid #dedede; padding:5px; font-size:12px; height:100px; margin-top:3px; margin-bottom:20px; line-height:22px;}
.workorder_q_a dd button{ font-size:12px; margin-bottom:10px; border:1px solid #dedede;}
.workorder_q_a dd button:hover{border:1px solid #7E7979; background:#D9D9D9;}
.workorder_q_a dd .img_a{ border:1px solid #1785c8; display:block; width:30px; height:35px;}
.workorder_q_a dd .img_a:hover{border:1px solid #FF0004; opacity:0.5;}


/*控制台*/
.home_bigdata{ display:flex; width:100%; margin-bottom:15px; color:#999;}
.home_bigdata dl{ width:12.5%; padding:15px; margin-right:1px; white-space :nowrap;  background:#FFF; border-bottom:1px solid #ccc;}
.home_bigdata dl dt{ font-size:26px; font-weight:100;}
.home_bigdata dl:hover{ background:#f9f9f9; color:#000;}
.home_bigdata dl dt a{ text-decoration:none;}

.home_bigdata dl dd{}
.home_bigdata dl dt i{ width:16px; font-size:12px;color:#bbb; }
.home_bigdata .a_c00{ color:#c00;}
.home_bigdata .a_c00:hover{ color:#000;}
.home_bigdata .a_999{ color:#999;}

.home_personal_center{display:flex; white-space :nowrap; margin-bottom:15px;}
.home_personal_center dl{ padding:10px 15px 5px; border-bottom:1px solid #ccc; background:#FFF;  overflow:hidden;}
.home_personal_center div{border-bottom:1px solid #ccc; background:#FFF;  overflow:hidden;}
.home_personal_center div a{ display:block; color:#666; padding-left:15px; line-height:50px; text-decoration:none; border:1px #FFF solid; }
.home_personal_center div a:hover{ border:1px solid #99DAFF; background:#f9f9f9; }
.home_personal_center div p{ display:block; background:#eaedf1; height:1px; width:100%;}
.home_personal_center dl dt i{width:16px; font-size:12px;color:#bbb; }
.home_personal_center dl dt{color:#999;}
.home_personal_center dl dt span{ font-size:32px; font-weight:100; padding:0 5px; letter-spacing:-1px;}
.home_personal_center .c_c00{ color:#c00;}
.home_personal_center .c_333{ color:#333;}
.home_personal_center .a_cny{ display:flex; justify-content:flex-end; border:1px dashed #ddd; padding:10px; background:#fafafa;  overflow:hidden;}
.home_personal_center .a_cny a{ margin-left:20px; text-decoration:none}
.home_personal_center .img{ padding:15px; width:97px; margin-right:1px;}
.home_personal_center .personal{ width:calc(46% - 198px);}
.home_personal_center .personal dt{ padding-top:5px;}
.home_personal_center .personal dd p{ line-height:25px; color:#999; padding-left:16px;}
.home_personal_center .personal span a{font-size:20px; font-weight:100; padding:0 5px; letter-spacing:-1px; }
.home_personal_center .personal span{ padding-left:16px; padding-bottom:8px; display:block; border-bottom:1px dashed #ddd; margin-bottom:10px;}

.home_title{ padding-left:10px; background:#f9f9f9;}
.home_title dl{width:80px; text-align:center; font-size:14px;}
.home_title dt{ line-height:42px;}
.home_title dd{background:#28b5d6; height:2px;}
.home_orderchart{ background:#FFF; padding:15px; border-bottom:1px solid #ccc; }

.home_list{ padding:20px 0 20px 20px; background:#FFF; border-bottom:1px solid #ccc; }
.home_list li {line-height:28px; }
.home_list li i{ width:15px;}
.home_list li span{ color:#ccc; font-size:11px; padding-left:5px;}