/*公用类的样式*/

*, ul li,ul,dl,dl dt,dl dd{margin:0;padding:0}

li,ol,ul,dl,dt,dd{list-style:none;list-style-type:none}

a,h1,img,p{border:0}

cite,em,i{font-style:normal;}

input[type=password]{box-sizing: border-box;}

input:focus{outline:none;}

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

a:hover{text-decoration:underline;}/*鼠标悬停时*/

.clearfix{display:block}

* html .clearfix{height:1%}

.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:'\20'}

.mt10{margin-top:10px}

.blue{color:#00b9ef}

.oran{color:#f4ab2e}

.clear{clear:both}

.center{text-align:center}

.none{display:none}

.fl{float:left;}

.fr{float:right}

.mid{ float: left}





/*dialog样式*/

/*hlgdialog*/

.ui_lock_scroll{ *overflow:hidden; }

.ui_lock_scroll body{ overflow:hidden; }



/*结构层*/

.ui_content,.ui_title,.ui_buttons input{ font:12px/1.333 tahoma,arial,\5b8b\4f53,sans-serif; }

table.ui_border,table.ui_dialog{ width:auto;border-spacing:0;*border-collapse:collapse; }

.ui_border td,.ui_dialog td{ padding:0; }

.ui_dialog{ background:#FFF; }



/*标题部分开始*/

.ui_title{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;cursor:move;-moz-user-select:none;-webkit-user-select:none;padding:0 100px 0 0; }

.ui_title_buttons{ position:absolute;cursor:pointer;font-size:0;letter-spacing:-.5em; }



/*对齐自适应*/

.ui_main{ min-width:6em;min-width:0\9;text-align:center; }

.ui_content{zoom:1;text-align:left; font-size:14px; line-height: 1.8; }

.ui_content.ui_state_full{ display:block;width:100%;height:100%;margin:0;padding:0!important; }

.ui_content.ui_state_full iframe{ border-radius:0 0 2px 2px; }

.ui_loading{ width:96px;height:32px;text-align:left;text-indent:-9999em;overflow:hidden;background:url(../images/loading.gif) no-repeat center center; }

.ui_icon_bg{ margin:20px 5px 20px 15px; }

.ui_icon{vertical-align: top;}

.ui_icon img{ width:48px; height:48px; }



/*标题纯CSS按钮开始 min 最小化，max最大化，res还原，rese恢复，close关闭*/

.ui_min,.ui_max,.ui_close,.ui_res{ position:relative;text-decoration:none;letter-spacing:normal;text-align:center;display:inline-block;*display:inline;zoom:1;vertical-align:top;font-family:tahoma,arial,\5b8b\4f53,sans-serif; }

.ui_min b,.ui_max b,.ui_res_t,.ui_res_b{ display:block;position:absolute;overflow:hidden;cursor:pointer; }

.ui_close{ font-weight:500;text-decoration:none;outline:0 none; }

.ui_close:hover{ text-decoration:none; }



/*Tips部分*/

.ui_state_tips .ui_main{ min-width:3em; }

.ui_state_tips .ui_content{ margin-top:-2px;padding:8px 10px!important; }

.ui_state_tips .ui_icon_bg{ margin:11px 0 6px 9px; width:28px; height:28px; }

.ui_state_tips .ui_title,.ui_state_tips .ui_title_buttons,.ui_res{ display:none; } /* 还原按钮也在这里隐藏，这样可节省代码，注间这段一定要写在上面那段代码的下面*/



#ldg_lockmask{ background:#000;filter:alpha(opacity=30);opacity:.3; }

/*==================制作新皮肤到这里结束复制==================*/



/*样式层开始*/

.ui_dialog{ border:1px solid #AAA; border-radius:5px;box-shadow:0 1px 6px rgba(0,0,0,.3);}

.ui_state_lock .ui_dialog{ box-shadow:0 3px 18px rgba(0,0,0,.3); }/*锁屏时遮罩*/

.ui_state_drag .ui_dialog,.ui_state_lock.ui_state_drag .ui_dialog { box-shadow:none; }/*拖动时隐藏阴影，通过css3实现渐变动画*/

.ui_state_focus .ui_title{ color:#505050; }



.ui_lb,.ui_rb,.ui_lt,.ui_rt{ width:0;height:0;*width:1px;*height:1px; }/*隐藏边框*/

.ui_rb{ display:block;width:12px;height:12px;position:absolute;bottom:0;right:0;background:none; }/*重新显示右下角拖动，设为负值会造成浏览器显示滚动条*/



/*标题栏样式*/

.ui_title_bar{ position:relative;height:100%;border-bottom:1px solid #DDD; }

.ui_title{ font-size:14px;font-weight:bold;height:51px;line-height:51px;

  border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;border-radius:2px 2px 0 0;padding-left:10px;

  font-size: 18px;color: #212121; text-align: left }

/*标题纯CSS按钮定位部分*/

.ui_title_buttons{ top:7px;right:5px; }

.ui_min,.ui_max,.ui_close,.ui_res{ color:#ccc;font-size:23px;width:38px;height:39px;line-height:39px;}

.ui_min_b{ top:10px;left:5px;width:10px;height:2px;border-bottom:2px solid #aaa; }

.ui_max_b{ top:5px;left:5px;width:10px;height:7px; }

.ui_res_t,.ui_res_b{ top:8px;left:3px;width:10px;height:5px; }

.ui_res_b{ top:4px;left:6px; }

.ui_res_t,.ui_res_b,.ui_max_b{ border:1px solid #aaa;border-top-width:3px; }

.ui_res_t{ background:#fafafa; }/*还原按钮底部框背景与标题背景融合*/

.ui_close{ vertical-align:baseline;_line-height:22px; }/*IE6关闭按钮垂直居中*/

.ui_close:hover,.ui_close:focus{ color:#bf160b; }

.ui_min:hover b,.ui_max:hover b,.ui_res:hover b{ border-color:#2492FF; }



/*按钮结构部分*/

.ui_buttons{ padding:4px 8px;text-align:right;white-space:nowrap;

  border-top:1px solid #ececec;border-radius:0 0 2px 2px;

  background: #fcfcfc;

  background: -moz-linear-gradient(top, #fcfcfc, #f4f4f4);

  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#f4f4f4));

  background: -o-linear-gradient(top, #fcfcfc, #f4f4f4);

  background: -ms-linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%);

  background: linear-gradient(top, #fcfcfc, #f4f4f4);

  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f4f4f4');}

.ui_buttons input::-moz-focus-inner{ border:0;padding:0;margin:0; }



.ui_buttons input{display:inline-block;*display:inline;zoom:1;margin-left:10px;padding:0 16px;height:24px;border:1px solid #c1c1c1;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,0.15);background: #ffffff;background: -moz-linear-gradient(top, #ffffff, #f4f4f4); background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f4f4f4)); background: -o-linear-gradient(top, #ffffff, #f4f4f4);background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); background: linear-gradient(top, #ffffff, #f4f4f4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4');font:12px \5b8b\4f53;color:#555;vertical-align:middle;cursor:pointer;}

.ui_buttons input:hover{ filter:progid:DXImageTransform.Microsoft.Gradient(enabled=false);background:#f4f4f4;color:#555; }

.ui_buttons input:active{ background: #fbfbfb;background: -moz-linear-gradient(top, #e8e8e8, #fbfbfb); background: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#fbfbfb)); background: -o-linear-gradient(top, #e8e8e8, #fbfbfb);background: -ms-linear-gradient(top, #e8e8e8 0%,#fbfbfb 100%); background: linear-gradient(top, #e8e8e8, #fbfbfb); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#fbfbfb');}

/*用于弹框里的取消或者完成按钮*/

.ui_buttons .completeBtn{display: inline-block;zoom: 1;margin-left: 10px;padding: 0 16px;height: 24px;border: 1px solid #c1c1c1;border-radius: 2px;box-shadow: 0 1px 1px rgba(0,0,0,.15);background: #f2f2f2;background: -webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#f4f4f4));background: linear-gradient(top,#f2f2f2,#f4f4f4);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2',endColorstr='#f4f4f4');font: 12px \5b8b\4f53;color: #555;vertical-align: middle;cursor: pointer;}

.ui_buttons .completeBtn:hover{filter: progid:DXImageTransform.Microsoft.Gradient(enabled=false);background: #fff;color: #707070;border: 1px solid #97e6ff;}

.ui_buttons .completeBtn:active{ background: #fbfbfb;background: -moz-linear-gradient(top, #e8e8e8, #fbfbfb);background: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#fbfbfb));background: -o-linear-gradient(top, #e8e8e8, #fbfbfb);background: -ms-linear-gradient(top, #e8e8e8 0%,#fbfbfb 100%);background: linear-gradient(top, #e8e8e8, #fbfbfb);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#fbfbfb');}

input.ui_state_highlight{

  border: 1px solid #38B3EB;

  box-shadow: 0 1px 1px rgba(0,0,0,0.3);

  background: #4dc2e6; /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM4NzZjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDZmYjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

  background: -moz-linear-gradient(top,  #4dc2e6 0%, #38B3EB 100%); /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4dc2e6), color-stop(100%,#38B3EB)); /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top,  #4dc2e6 0%,#38B3EB 100%); /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top,  #4dc2e6 0%,#38B3EB 100%); /* Opera 11.10+ */

  background: -ms-linear-gradient(top,  #4dc2e6 0%,#38B3EB 100%); /* IE10+ */

  background: linear-gradient(to bottom,  #4dc2e6 0%,#38B3EB 100%); /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dc2e6', endColorstr='#38B3EB',GradientType=0 ); /* IE6-8 */

  font-weight: bold; color: #fff; text-shadow: 0 2px 2px rgba(0,0,0,0.22);

}

input.ui_state_highlight:hover{

  background: #38B3EB; color: #fff;

}

input.ui_state_highlight:active{

  background: #43BBE9; /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(../fonts/202af48241d740b79f20bd443627785d.woff);

  background: -moz-linear-gradient(top,  #43BBE9 0%, #4dc2e6 100%); /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43BBE9), color-stop(100%,#4dc2e6)); /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top,  #43BBE9 0%,#4dc2e6 100%); /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top,  #43BBE9 0%,#4dc2e6 100%); /* Opera 11.10+ */

  background: -ms-linear-gradient(top,  #43BBE9 0%,#4dc2e6 100%); /* IE10+ */

  background: linear-gradient(to bottom,  #43BBE9 0%,#4dc2e6 100%); /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43BBE9', endColorstr='#4dc2e6',GradientType=0 ); /* IE6-8 */

}

/*Tips 部分开始*/

/*基本重置*/

.ui_state_tips ,.ui_state_tips .ui_inner,.ui_state_tips .ui_dialog,.ui_state_tips .ui_title_bar{ border:0 none;background:none;box-shadow:none;border-radius:0;filter:none; }

.ui_state_tips .ui_content{ font-weight:bold;font-size:14px;color:#323232;text-align:center; }

/*Tips(图片背景，IE6也支持圆角) End*/

.ui_state_tips .ui_dialog,.ui_state_tips .ui_l,.ui_state_tips .ui_r{ background-image:url(../images/gb_tip_layer.png);_background-image:url(../images/gb_tip_layer_ie6.png);background-repeat:no-repeat; }/*共用背景图片*/

.ui_state_tips .ui_l{ background-position:-6px 0;width:5px; }/*左侧背景侧样式*/

.ui_state_tips .ui_r{ background-position:0 0;width:5px; }/*右侧背景样式*/

.ui_state_tips .ui_dialog{ background-position: 0 -54px;background-repeat:repeat-x;height:54px;overflow:hidden; }/*主体内容背景*/

/*loading部分*/

.ui-loading .ui_icon_bg{width: 200px;height: 160px;}

.reveal-modal-bg { position: fixed; height: 100%;width: 100%;background: #fff;opacity: 0.3;z-index: 99996;display: none;top: 0;left: 0; }





.reveal-modal-con{padding: 0px 0 51px 0;}

/*dialog登陆注册样式*/

.reveal-modal-con dl dt{

  text-align: center;

  font-family: PingFangSC-Regular;

  font-size: 18px;

  color: #343E4C;



}

.reveal-modal-con dd{ margin-top: 16px; color: #fff}

.reveal-modal-con dd input[type='text'],.reveal-modal-con dd input[type='password']{

  width: 336px;

  height: 43px;

  line-height: 43px;

  border: 1px solid #B3BBD1;

  border-radius: 4px;

  font-size: 14px;

  color: #363E4F;

  padding-left: 31px;

}

.reveal-modal-con dd input[type='text']:hover,.reveal-modal-con dd input[type='password']:hover,

.reveal-modal-con dd input[type='text']:focus,.reveal-modal-con dd input[type='password']:focus{

  border: 1px solid #2386EE;

}

.reveal-modal-con dd input[type='button']{

  border: none;

}

.reveal-modal-con dd#authRow1{ position: relative;}

/*.reveal-modal-con dd input#reg_username,.reveal-modal-con dd input#reg_pwd,.reveal-modal-con dd input#reg_pwd_confirm,.reveal-modal-con dd input#reg_validatacode,.reveal-modal-con dd input#reg_company{ width:300px\9;background:#f2f2f3 ;padding:0 10px;}*/

.reveal-modal-con .reg_validatacode_dd,.login_validatacode_dd{  position: relative;}

.reveal-modal-con .reg_validatacode_dd a.reg_validatacode_a,.reveal-modal-con .reg_validatacode_dd a.reg_validatacode_b,.reveal-modal-con a.login_validatacode_a,.reveal-modal-con  a.login_validatacode_b{

  position: absolute;

  font-size: 14px;

  color: #fff;

  right: 0px;

  top: 0px;

  display: block;

  width: 139px;

  height: 43px;

  text-align: center;

  line-height: 43px;

  border-radius: 4px;

}

.reveal-modal-con .reg_validatacode_dd a.reg_validatacode_a,.reveal-modal-con a.login_validatacode_a{

  text-decoration: none

}

.reveal-modal-con a.login_validatacode_a,.reveal-modal-con a.reg_validatacode_a{

  background: #319AF2;

  background: linear-gradient(180deg,#319AF2 0%,#2386EE 100%);

}

.reveal-modal-con a.login_validatacode_a:hover,.reveal-modal-con a.reg_validatacode_a:hover{

  background: #2386EE;

  background: linear-gradient(180deg,#2386EE 0%,#319AF2 100%);

}

.reveal-modal-con a.login_validatacode_b,.reveal-modal-con a.reg_validatacode_b{ background: #E4E8F2;font-size: 14px;color: #A0B0D0 !important;}

.reveal-modal-con .reg_validatacode_dd a.reg_validatacode_b,.reveal-modal-con a.login_validatacode_b,.reveal-modal-con a.login_validatacode_b:hover{ display: none}

.reveal-modal-con .reg_validatacode_dd a.reg_validatacode_a:hover,.reveal-modal-con .reg_validatacode_dd a.reg_validatacode_b:hover{ text-decoration: none}

.reveal-modal-con dd input#login_btn,.reveal-modal-con dd input#login_btn_gray,.reveal-modal-con dd input#login_prevbtn,

.reveal-modal-con dd input#login_nextbtn,.reveal-modal-con dd input#login_nextbtn_gray,.reveal-modal-con dd input#reg_btn_gray,

.reveal-modal-con dd input#reg_btn2_gray,.reveal-modal-con dd input#joinCorp_gray,

.reveal-modal-con dd input#reg_btn,.reveal-modal-con dd input#reg_btn2,.reveal-modal-con dd input#joinCorp{

  width:336px;

  color: #fff;

  font-size: 14px;

  display: block;

  margin: auto;

  height: 43px;

  line-height: 43px;

  border-radius: 3px;

  background: #319AF2;

  background: linear-gradient(180deg,#319AF2 0%,#2386EE 100%);

}

.reveal-modal-con dd input#login_btn_gray,.reveal-modal-con dd input#reg_btn_gray,

.reveal-modal-con dd input#login_nextbtn_gray,.reveal-modal-con dd input#reg_btn2_gray,.reveal-modal-con dd input#joinCorp_gray{

  background: #ccc;

}

.reveal-modal-con dd input#login_btn:hover,.reveal-modal-con dd input#login_nextbtn:hover,.reveal-modal-con dd input#login_prevbtn:hover,

.reveal-modal-con dd input#reg_btn:hover,.reveal-modal-con dd input#reg_btn2:hover,.reveal-modal-con dd input#joinCorp:hover{

  background: #2386EE;

  background: linear-gradient(180deg,#2386EE 0%,#319AF2 100%);

  cursor: pointer;

}

.reveal-modal-con #rem-chk-wrap{ margin-top:16px;margin-bottom: 19px;}

.reveal-modal-con #rem-chk-wrap,.reveal-modal-con #rem-chk-wrap a{ color: #999}

.reveal-modal-con #rem-chk-wrap .chk{background:url("../images/checked.svg") no-repeat 0 0 ; padding-left: 26px;

display: block; height:18px; line-height: 18px; cursor: pointer;font-size: 12px;color: #56688E;}

.reveal-modal-con #rem-chk-wrap .chk input{ display: none}

.reveal-modal-con #rem-chk-wrap .checked{ background:url("../fonts/unchecked.svg") no-repeat 0 bottom}

.qrcodeLogin{display: none;}





/*验证提示样式*/

.inputContainer {position: relative;float: left;}

.formError {position: absolute;top: 300px;left: 300px;display: block;z-index: 5000;cursor: pointer;}

.ajaxSubmit {padding: 20px;background: #55ea55;border: 1px solid #999;display: none}

.formError .formErrorContent {

  width: 100%;

  background: #6ca3b3;

  position:relative;

  z-index:5001;

  color: #fff;

  width: 150px;

  font-family: tahoma;

  font-size: 14px;

  border: 1px solid #555;

  box-shadow: 0 0 6px rgba(0,0,0,0.3);

  -moz-box-shadow: 0 0 6px rgba(0,0,0,0.3);

  -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);

  padding: 4px 10px 4px 10px;

  border-radius: 6px;

  -moz-border-radius: 6px;

  -webkit-border-radius: 6px;

}

.greenPopup .formErrorContent {background: #33be40;}

.blackPopup .formErrorContent {background: #393939;color: #FFF;}

.formError .formErrorArrow {width: 15px;margin: -2px 0 0 13px;position:relative;z-index: 5006;}

.formError .formErrorArrowBottom {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;margin: 0px 0 0 12px;top:2px;}

.formError .formErrorArrow div {

  border-left: 1px solid #555;

  border-right: 1px solid #555;

  box-shadow: 0 2px 3px rgba(0,0,0,0.3);

  -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3);

  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);

  font-size: 0px;

  height: 1px;

  background: #6ca3b3;

  margin: 0 auto;

  line-height: 0;

  font-size: 0;

  display: block;

}

.formError .formErrorArrowBottom div {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;}

.greenPopup .formErrorArrow div {background: #33be40;}

.blackPopup .formErrorArrow div {background: #393939;color: #FFF;}

.formError .formErrorArrow .line10 {width: 15px;border: none;}

.formError .formErrorArrow .line9 {width: 13px;border: none;}

.formError .formErrorArrow .line8 {width: 11px;}

.formError .formErrorArrow .line7 {width: 9px;}

.formError .formErrorArrow .line6 {width: 7px;}

.formError .formErrorArrow .line5 {width: 5px;}

.formError .formErrorArrow .line4 {width: 3px;}

.formError .formErrorArrow .line3 {width: 1px;border-left: 1px solid #555;border-right: 1px solid #555;border-bottom: 0 solid #555;}

.formError .formErrorArrow .line2 {width: 3px;border: none;background: #555;}

.formError .formErrorArrow .line1 {width: 1px;border: none;background: #555;}



.span_label{

  display: inline-block;

  width: 60px;

  margin-right: 14px;

}



.login_btn_div{

  display: block;

  margin: auto;

  background:#fff;

  color:  #00b9ef;

  font-size: 16px;

  border-radius: 36px;

  height: 43px;

  line-height: 43px;

  border: 1px solid;

}

.login_btn_div:hover{

  background: rgba(0,185,239,0.2);

}

.login_btn_div a{

  color:  #00b9ef;

}

.label_under{

  text-decoration: underline !important;

  color: #00b9ef !important;

}



input[type=email], input[type=password], input[type=tel], input[type=text], textarea{

  padding:0 12px;

}



.select-btn{

  width: 185px;

  color: #28b7ff;

  background: #f0fdfe;

  font-size: 16px;

  display: block;

  border-radius: 5px;

  box-sizing: border-box;

  text-align: center;

  padding: 16px;

  border: 1px solid #28b7ff;

}



#select-userstyle-box select-btn{

  padding: 0px 5px;

}



#select-userstyle-box{

  width: 640px;

  height: 190px;

  position: absolute;

  left: 50%;

  margin-left: -320px;

  background-color: white;

  z-index: 100000;

}



.cur{

  background-color:#00b9ef;

  color: #fff !important;;

}



.select_style_div{

  position: absolute;

  top: 50%;

  left: 50%;

  width: 200px;

  height: 80px;

  font-size: 12px;

  margin-top: -40px;

}





#select_l{

  margin-left: -220px;

}



#select_r{

  margin-left: 20px;

}





/*登录样式*/

#loginbyyzj {

  color: #00b9ef;

  display: block;

  position: absolute;

  right: 10px;

  top: 10px;

  height: 41px;

  background: url("../images/login_bg.png") no-repeat right top;

  padding:10px 36px 0 0 ;

  cursor: pointer;

}

#loginbyyzj {text-indent:-9999px;}

#loginbyyzj:hover {text-indent:0px;}

#loginbyphone{

  color: #00b9ef;

  position: absolute;

  cursor: pointer;

  right: 10px;

  top: 10px;

}

.main-navigation-ul>li.has-mega-menu>ul.sub-menu, .main-navigation-ul>li.no-mega-menu>ul {

  margin-top: -16px;

}

/*手机响应式处理*/

@media only screen and (max-width: 500px) {

  .mobileHide, #homePageTopBar{

    display:none !important;

  }

  .mobile{

    display: block !important;

  }



  .mobile>div{

    padding: 0px !important;

  }

  .mobile_padding{

    background-color: #ebeff2;

    margin: 0px -20px;

  }



  #mk-header{

    height:60px !important;

    border-top: 0 !important;

  }



  .mk-header-logo, .mk-header-logo a{

    height: 60px !important;

    line-height: 60px !important;

  }



  #theme-page{

    width: 100%;

  }



  .mobile_width{

    margin-left: -20px;

    margin-right: -20px;

  }



  .mk-header-logo{

    margin-left: 0px !important;

  }



  .desktop-mode{

    right: 30px;

    left: initial !important;

    top: 0 !important;

  }



  /*客户反馈*/

  .swiper-container_kh{

    text-align: center;

    /*width: 10rem;*/

  }



  .swiper-container_kh img{

    width: 1.33rem;

  }



  .content_kh,.name_kh{

    font-size: 14px;

    color: #333;

    padding: 0px 1rem;

  }



  .content_kh{

    text-align: left;

    margin: 20px 0px;

  }



  .name_kh{

    text-align: right;

  }



  .swiper-pagination-bullet-active{

    background: #777 !important;

  }



  /*  .swiper-pagination-bullet{

      background: #ccc !important;

      opacity: 1 !important;

    }*/

  .blog-list-entry {

    border: 0px !important;

  }

}

.wd15{

  width:15%;

}

.wd16{

  width:16%;

}

.wd20{

  width:20%;

}

.wd25{

  width:25%;

}

.wd33{

  width:33.33%;

}

.wd45{

  width:45%;

}

.wd50{

  width:50%;

}

/*手机版官网css begin*/

.mobile{

  display: none;

}

/*关于我们侧边导航*/

.wpb_wrapper .ab-1 {

  background: linear-gradient(to right,#3dd2e8,#44bbfc);

  background: -webkit-linear-gradient(to right,#3dd2e8,#44bbfc);

  text-align: center;

}

.wpb_wrapper .ab-2 {

  text-align: center;

}

#selectUserNameDiv span,#selectUserNameDiv a{ color: #017EE1 }



.lkhdb{ position: relative; border:#cdcccc 1px solid; border-radius: 3px; padding:12px 10px 10px 51px; background: url("../images/gth_ico.png") no-repeat 19px 10px; margin-top: 10px;}

.lkhdb img{ position: absolute; top:-11px; left: 51px;}

.lkhdb li { margin:0 0 10px 0; color: #b9babb;}

.lkhdb li span{ width: auto ; color: #f95e5e; display: inline}

.cloudservice{width: 290px;height: 156px;background: #18A0FF;border-radius: 3px; position: fixed; right: 71px; bottom: 255px; z-index: 19; display: none}

.cloudservice_close{ text-align: right; }

.cloudservice_close img{ width: 14px;height: 14px; margin: 10px;cursor: pointer;}

.cloudservicecon{ display: flex;padding:0 10px 10px;}

.cloudservice_left{margin-right: 10px;}

.cloudservice_left img{ width: 51px; height: 51px; }

.cloudservice_right dl dt,.cloudservice_right dl dd{ color: #fff;font-size: 14px;font-weight: bold; }

.cloudservice_right dl dd{ height: 19px; line-height: 19px;margin:10px 0 19px 0;background: url('../images/tel_ico.png') no-repeat left center; background-size: 17px; text-indent: 23px; }

.cloudservice_right p{ display: flex; justify-content: space-between;}

.cloudservice_right p a{ display: block; width: 91px;height: 31px; line-height:31px;border-radius: 3px; border:#fff 1px solid; font-size: 13px; text-align: center; transition: .3s}

.cloudservice_right p a:nth-child(1) { background: #FFF;background-position:71px center;color: #18A0FF;}

.cloudservice_right p a:nth-child(1):hover { background: #fff url('../images/ab.png') no-repeat 71px center; text-indent: -11px}

.cloudservice_right p a:nth-child(2) { color: #fff;background-position:71px center;}

.cloudservice_right p a:nth-child(2):hover{background: url('../images/aw.png') no-repeat 71px center;text-indent: -11px}











/* new jdy */

.wpb_content_element {margin-bottom: 0}

.newjdywidth{ width: 1180px;margin: 0 auto }

.exp{ height: 190px; background: url('../images/exp_bg.png') no-repeat center; margin-top: 80px;}

.expcon{ display: flex; justify-content: space-between; align-items: center;height: 190px;  }

.expcon dl dt{font-size: 32px;font-weight: 800;color: #fff;margin-bottom: 10px}

.expcon dl dd{font-size: 16px;font-weight: 500;color: #fff}

.expcon div{ display: flex; justify-content: space-between; }

a.expbtn_a{ display: block;width: 118px;height: 38px;line-height: 38px;border-radius: 2px;border: 1px solid rgb(255,255,255,.65); color: #fff;font-size: 14px; text-align: center;}

a.expbtn_b{ display: block;width: 120px;height: 40px;line-height: 40px;border-radius: 2px;background: #fff;color: #2386EE;font-size: 14px; text-align: center; }

a.expbtn_one{display: block;width: 140px;height: 40px;line-height: 40px;border-radius: 4px;background: #fff;color: #2386EE;font-size: 14px; text-align: center;}

.expcon div a:nth-child(2){margin-left: 16px;}

.tit{font-size: 32px;font-weight: 800;color: #212121; text-align: center;margin: 80px 0 40px 0}

.litit{font-size: 32px;font-weight: bold;color: #212121; text-align: center;margin: 80px 0 40px 0}

.bannercon dl{padding-top: 200px}

.bannercon dt{font-size: 48px;font-weight: 800;color: #FFF;line-height: 67px;letter-spacing: 1px;}

.bannercon dd{font-size: 16px;color: #FFF;line-height: 30px;margin: 24px 0 40px 0}

.bannercon p{ display: flex; align-items: center; }

a.btn_c{ 

  display: block;width: 122px;height: 41px; line-height:42px;background: linear-gradient(90deg, #1882F0 0%, #00AEEE 100%);border-radius: 4px;text-align:center;

  font-size: 14px;color: #FFF;margin-right: 16px; }

a.btn_w{display:block;width: 120px;height: 40px; line-height:40px; text-align:center;border-radius: 4px;border: 1px solid #FFF;font-size: 14px;color: #FFF;}

.about_banner a.btn_w {background-color: rgba(0, 204, 254, 1);border-color: rgba(0, 204, 254, 1);}

a.btn_c,a.btn_w,.expbtn_one,a.whitearrow,a.bluearrow,a.blackarrow { text-indent: 11px; }

a.btn_c:after,a.btn_w:after,.expbtn_one:after,a.whitearrow:after,a.bluearrow:after,a.blackarrow:after {

  display: inline-block;

  content: "";

  padding: 3px;

  transform: rotate(-45deg) translateY(-2px);

  -webkit-transform: rotate(-45deg) translateY(-2px);

  transition: 0.5s;

  opacity: 0;

}

a.btn_c:after,a.btn_w:after,a.whitearrow:after {

  border: #fff solid;

  border-width: 0 1px 1px 0;

}

.expbtn_one:after,a.bluearrow:after{

  border: #2386EE solid;

  border-width: 0 1px 1px 0;

}

a.blackarrow:after {

  border: #333 solid;

  border-width: 0 1px 1px 0;

}

a.btn_c:hover:after,a.btn_w:hover:after,.expbtn_one:hover:after,a.whitearrow:hover:after,a.bluearrow:hover:after,a.blackarrow:hover:after {

  margin-left: 10px;

  transition: 0.5s;

  opacity: 1;

}

a.btn_down {

  width: 260px;

  margin-top: 10px;

  border-radius: 20px;

}

a.btn_down_xswy {

  margin-top: 20px;

}

a.btn_down_jdyapp {

  position: absolute;

  top: 165px;

  left: 210px;

}

.proexpModalBg{

   position: fixed; height: 100%;width: 100%;background: #000;opacity: 0.5;z-index: 99991;display: none;top: 0;left: 0;

}

.proTwoModal {

  width: 610px;height: 278px;background: #FFF;border-radius: 4px; position: fixed;z-index: 99992;left:50%;top:50%;transform: translate(-50%, -50%); display: none

}

.proThreeModal{

  width: 912px;height: 278px;background: #FFF;border-radius: 4px; position: fixed;z-index: 99992;left:50%;top:50%;transform: translate(-50%, -50%); display: none

}

.proFourModal{

  width: 610px;height: 400px;background: #FFF;border-radius: 4px; position: fixed;z-index: 99992;left:50%;top:50%;transform: translate(-50%, -50%); display: none

}

.proThreeModal > div, .proFourModal > div, .proTwoModal > div {

  padding: 23px;

}

.proexpCon{

   display: flex;

   justify-content: space-around;

   margin-bottom: 24px;

}

.proexpClose{ text-align: right; }

.proexpClose img {cursor: pointer;}

.proexpTit{

  font-size: 20px;

  font-weight: 800;

  color: #212121;

  line-height: 28px;

  text-align: center;

  margin-bottom: 40px

}

.proexpCon > div {

  width: 256px;

  height: 114px;

  border-radius: 4px;

  border: 1px solid #E3E3E3;

  display: flex;

  justify-content: center;

  align-items: center;

}

.proexpCon .star { position: relative; display: block; text-align: center;font-size: 14px;color: #666; }

.proexpCon .star img{margin-top: 24px; width: 181px; height: 42px; }

.proexpCon .star .star_tips {

  position: absolute; bottom: 0; width: 100%; height: 33px; line-height: 33px;background: #2384EC; color: #fff; border-radius: 0 0 4px 4px; font-size: 14px; display: none;

}

.proexpCon > div:hover{

  background: #ECFAFF;

  border: 1px solid #ECFAFF;

  cursor: pointer;

}

.proexpCon > div dl{margin-left: 20px;}

.proexpCon > div dl dt{font-size: 20px;font-weight: 500;color: #212121;margin-bottom: 3px;}

.proexpCon > div dl dd{font-size: 14px;color: #666;line-height: 20px;}



.content-body .banner {height: 440px;}

.pagepart {

  text-align: center;

  margin-top: 40px;

}

.pagepart a,.page-status {

  border: 1px solid #cccccc;

  padding: 5px 15px;

  margin: 0px 2px;
  font-size: 13px;

  color: #323232;

}

.pagepart a:hover,.pagepart a.page-num-current {

  background-color: #017EE1;

  color: #ffffff;

  border-color: #017EE1;

}

.item-pic img {

  height: 200px !important;

  width: 100%;

  object-fit: cover;

}

.block3 .top-case .box .mask .tit a ,.item-black p a {
  color: #ffffff;
}