@charset "utf-8";

/*兼容旧版的样式*/
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix{zoom:1;}
.clear{clear:both;}
.hide{display:none;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.mt10{margin-top:10px;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}

.mod_popup_hd .close_btn{background:url('https://images.youshang.com/resources/portal/v10/images/common/spr_gl_new_v3.png') no-repeat;}
.layout_w960{width:960px;margin:0 auto;}
.mod_img_tit{height:20px;font-size:0;text-indent:-9999px;overflow:hidden;}
/*mod_box*/
.mod_box{margin-bottom:20px;}
.mod_box .hd{height:40px;line-height:40px;overflow:hidden;border-bottom:1px solid #e2e2e2;}
.mod_box .hd_noborder{border-bottom:0;}
.mod_box .hd h3{float:left;font-size:16px;font-family:'Microsoft Yahei';font-weight:bold;}
.mod_box .hd .more{float:right;margin-right:10px;}
.mod_box .bd{padding:10px 0;zoom:1;}

/*mod_btn*/
.mod_btn,.mod_btn span{background:url('https://images.youshang.com/resources/portal/v10/images/common/spr_btn.png') no-repeat;}
.mod_btn{display:inline-block;height:40px;margin-right:10px;padding-left:30px;line-height:38px;color:#fff;text-align:center;text-decoration:none;vertical-align:middle;font-size:16px;font-weight:bold;text-shadow:1px 1px 0 #1f7fce;}
.mod_btn span{display:block;float:left;height:100%;padding-right:30px;cursor:pointer;background-position:right 0;}
.mod_btn:hover{color:#fff;text-decoration:none;background-position:0 -40px;}
.mod_btn:hover span{text-decoration:none;background-position:right -40px;}
/*btn orange*/
.mod_btn_orange{background-position:0 -80px;text-shadow:1px 1px 0 #ffa40d;}
.mod_btn_orange span{background-position:right -80px;}
.mod_btn_orange:hover{background-position:0 -120px;}
.mod_btn_orange:hover span{text-decoration:none;background-position:right -120px;}
.mod_btn_try,.mod_btn_buy,.mod_btn_exp,.mod_btn_intension{height:46px;width:170px;padding:0;overflow:hidden;line-height:200px;background-position:0 -160px;}
.mod_btn_try:hover{background-position:0 -206px;}
.mod_btn_buy{width:140px;height:40px;background-position:-342px -160px;}
.mod_btn_buy:hover{background-position:-342px -200px;}
.mod_btn_intension{width:140px;height:40px;background-position:-342px -240px;}
.mod_btn_intension:hover{background-position:-342px -280px;}
.mod_btn_exp{background-position:0 -252px;}
.mod_btn_exp:hover{background-position:0 -298px;}

/*mod_product_links*/
.mod_product_links:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.mod_product_links{zoom:1;text-align:center;}
.mod_product_links .mod_btn{display:inline-block;}
.mod_product_links .text_links{display:inline-block;font-size:14px;margin-top:10px;*display:inline;zoom:1;}
.mod_product_links .text_links a{margin:0 5px;white-space:nowrap;}

/*mod_popoup*/
.mod_popup_hd{position:relative;height:40px;}
.mod_popup_hd h3{height:100%;padding-left:15px;line-height:40px;font-size:16px;font-weight:bold;font-family:'Microsoft Yahei';background:#f6f6f6;}
.mod_popup_hd .close_btn{position:absolute;top:12px;right:12px;display:block;height:16px;width:16px;overflow:hidden;background-position:-321px -46px;}
.mod_popup_bd{padding:1px 10px;}

/*mod_sub_nav*/
.mod_sub_nav{height:25px;overflow:hidden;margin-bottom:10px;padding-left:20px;font-size:16px;line-height:25px;font-family:"Microsoft Yahei";}
.mod_sub_nav li{float:left;margin-right:20px;}
.mod_sub_nav .index{font-weight:bold;}
.mod_sub_nav .current{color:#0099D5;font-weight:bold;}
.mod_sub_nav .current a{color:#0099D5;}

/*main*/
#main{width:960px;margin:10px auto 0;padding-bottom:10px;min-width:960px;}
#cur_page{height:25px;margin-bottom:10px;padding-left:20px;color:#0099d6;font-weight:bold;font-size:16px;line-height:25px;font-family:"Microsoft Yahei";}

/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
  color: #333;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0;
}
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

/* HTML5 媒体文件跟 img 保持一致 */
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/* 要注意表单元素并不继承父级 font 的问题 */
body, button, input, select, textarea {
  font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";
  -webkit-font-smoothing: antialiased;
}

input, select, textarea {
  font-size: 100%;
}

/* 去掉各 table cell 的边距并让其边重合 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* IE bug fixed: th 不继承 text-align */
th {
  text-align: inherit;
}

/* 去除默认边框 */
fieldset, img {
  border: 0;
}

/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
  display: block;
}

/* 去掉 firefox 下此元素的边框 */
abbr, acronym {
  border: 0;
  font-variant: normal;
}

/* 一致的 del 样式 */
del {
  text-decoration: line-through;
}

i {
  font-style: normal;
}

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: 500;
}

/* 去掉列表前的标识, li 会继承 */
ol, ul {
  list-style: none;
}

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th {
  text-align: left;
}

/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 500;
  color: #000;
}

h1 {
  font-size: 24px;
}

h2 {
  font-size: 16px;
}

h3, h4, h5, h6 {
  font-size: 14px;
}

/* 解决ie下重复最后字符 */
q:before, q:after {
  content: '';
}

/* 统一上标和下标 */
sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* 默认不显示下划线，保持页面简洁 */
ins, a {
  text-decoration: none;
}

a, .y-lnk-highlight, .y-lnk, .y-lnk-gray, .y-lnk-highlight {
  -webkit-transition: color .2s;
  -moz-transition: color .2s;
  -ms-transition: color .2s;
  -o-transition: color .2s;
}

a, a:link, a:visited, a:hover {
  color: #333;
  text-decoration: none;
}

.y-lnk-highlight, .y-lnk-highlight:link, .y-lnk-highlight:visited {
  color: #f60;
}

.y-lnk-highlight:hover {
  color: #f60;
}

.y-lnk, .y-lnk:link, .y-lnk:visited {
  color: #000;
}

.y-lnk:hover {
  color: #00a2ca;
}

.y-lnk-gray, .y-lnk-gray:link, .y-lnk-gray:visited {
  color: #666;
}

.y-lnk-gray:hover {
  color: #00a2ca;
}

.y-lnk-highlight, .y-lnk, .y-lnk-gray {
  cursor: pointer;
}

/* 清理浮动 */
.y-clear:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.y-clear {
  zoom: 1; /* for IE6 IE7 */
}

/* 人名币符号 ¥ */
.y-cny {
  font-family: arial;
}

/* 隐藏, 通常用来与 JS 配合 */
body .fn-hide {
  display: none;
}

/* inline对齐方式 */
.y-align-right {
  text-align: right !important;
}

.y-align-left {
  text-align: left !important;
}

.y-align-center {
  text-align: center !important;
}

/* 设置内联, 减少浮动带来的bug */
.y-left, .y-right {
  display: inline;
}

.y-left {
  float: left !important;
}

.y-right {
  float: right !important;
}

/* 隐藏 */
.y-hide {
  display: none !important;
}

/* 颜色 */
.y-red {
  color: #e00;
}

.y-orange {
  color: #f60;
}

.y-blue {
  color: #00a2ca;
}

.y-green {
  color: #390;
}

.y-black {
  color: #000;
}

.y-dark {
  color: #333;
}

.y-gray {
  color: #666;
}

.y-pale {
  color: #999;
}

.y-light {
  color: #ccc;
}

/* grid */
.y-row {
  min-width: 1000px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  zoom: 1;
  *width: 1000px;
}

.y-row:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* 为栅格两边留白10像素 */
.y-row-edge {
  padding-left: 10px;
  padding-right: 10px;
  *padding-left: 0;
  *padding-right: 0;
}

.y-row .y-span1, .y-row .y-span2, .y-row .y-span3, .y-row .y-span4, .y-row .y-span5, .y-row .y-span6, .y-row .y-span7, .y-row .y-span8, .y-row .y-span9, .y-row .y-span10, .y-row .y-span11, .y-row .y-span12 {
  float: left;
  display: inline;
  margin-right: 2%;
  *margin-right: 20px;
}

.y-row .y-span1 {
  width: 6.5%;
  *width: 65px;
}

.y-row .y-span2 {
  width: 15%;
  *width: 150px;
}

.y-row .y-span3 {
  width: 23.5%;
  *width: 235px;
}

.y-row .y-span4 {
  width: 32%;
  *width: 320px;
}

.y-row .y-span5 {
  width: 40.5%;
  *width: 405px;
}

.y-row .y-span6 {
  width: 49%;
  *width: 490px;
}

.y-row .y-span7 {
  width: 57.5%;
  *width: 575px;
}

.y-row .y-span8 {
  width: 66%;
  *width: 660px;
}

.y-row .y-span9 {
  width: 74.5%;
  *width: 745px;
}

.y-row .y-span10 {
  width: 83%;
  *width: 830px;
}

.y-row .y-span11 {
  width: 91.5%;
  *width: 915px;
}

.y-row .y-span12 {
  width: 100%;
  *width: 1000px;
}

.y-row .y-last {
  margin-right: 0px !important;
}/* 按钮各状态切换时长 */
.y-btn-blue, a.y-btn-blue, .y-btn-white, a.y-btn-white, .y-btn-anti, a.y-btn-anti, .y-btn-trans, a.y-btn-trans{
	-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;
}
/* 蓝色按钮，ie下没有min-width宽度自适应，padding一半解决ie下button双倍内间距 */
.y-btn-blue, .y-btn-white, .y-btn-anti, .y-btn-trans{
	display: inline-block; min-width: 140px; height: 36px; padding: 0 30px 1px; background: #00a2ca; border:solid 1px #00a2ca; line-height: 32px; font-size: 14px; color: #fff; text-align: center; outline: none; cursor: pointer;
	border-radius: 0px;
	*width: auto; *padding: 0 15px;
}
.y-btn-blue:hover, .y-btn-white:hover{
	background: #33b5d4; border-color: #33b5d4;
}
.y-btn-blue:active, .y-btn-white:active{
	background: #008fb2; border-color: #008fb2;
}
/* 白色按钮 */
.y-btn-white{
	background: #fff; border-color: #00a2ca; color: #00a2ca;
}
.y-btn-white:hover, .y-btn-white:active{
	color: #fff;
}
/* 反色按钮 */
.y-btn-anti{
	background: #fff; border-color: #fff; color: #00a2ca;
}
.y-btn-anti:hover{
	background: #9cddf5; border-color: #9cddf5;
}
.y-btn-anti:active{
	background: #5acbeb; border-color: #5acbeb; color: #fff;
}
/* 透明按钮 */
.y-btn-trans{
	background: transparent; border-color: #fff; color: #fff;
}
.y-btn-trans:hover{
	background: #fff; color: #000;
}
.y-btn-trans:active{
	background: #e7e7e7; border-color: #e7e7e7;
}
/* 按钮尺寸 */
.y-btn-blue.y-btn-l, .y-btn-white.y-btn-l, .y-btn-anti.y-btn-l, .y-btn-trans.y-btn-l{
	min-width: 180px; height: 42px; padding: 0 40px; line-height: 38px; font-size: 18px;
	*padding: 0 20px;
}
.y-btn-blue.y-btn-s, .y-btn-white.y-btn-s, .y-btn-anti.y-btn-s, .y-btn-trans.y-btn-s{
	min-width: 100px; height: 26px; padding: 0 20px; line-height: 20px; font-size: 12px;
	*padding: 0 10px;
}
/* 按钮置灰 */
.y-btn-blue.y-btn-disabled, .y-btn-white.y-btn-disabled, 
.y-btn-blue:hover.y-btn-disabled, .y-btn-white:hover.y-btn-disabled, 
.y-btn-blue:active.y-btn-disabled, .y-btn-white:active.y-btn-disabled{
	background: #efefef; border-color: #efefef; color: #ccc; cursor: default;
}
.y-btn-anti.y-btn-disabled, .y-btn-trans.y-btn-disabled,
.y-btn-anti:hover.y-btn-disabled, .y-btn-trans:hover.y-btn-disabled,
.y-btn-anti:active.y-btn-disabled, .y-btn-trans:active.y-btn-disabled{
	background: #c4c4c4; border-color: #c4c4c4; color: #8d8d8d; cursor: default;
} 				

/* 链接模拟按钮样式 */
a.y-btn-blue, a.y-btn-blue:link, a.y-btn-blue:visited,
a.y-btn-white, a.y-btn-white:link, a.y-btn-white:visited,
a.y-btn-anti, a.y-btn-anti:link, a.y-btn-anti:visited,
a.y-btn-trans, a.y-btn-trans:link, a.y-btn-trans:visited{
	display: inline-block; min-width: 78px; height: 33px; padding: 0 30px 1px; background: #00a2ca; line-height: 33px; font-size: 14px; color: #fff; text-align: center; outline: none;
	border-radius: 0px;
	*width: auto;
}
a.y-btn-blue:hover{
	background: #33b5d4; border-color: #33b5d4; text-decoration: none;
}
a.y-btn-blue:active{
	background: #008fb2; border-color: #008fb2;
}
/* 白色链接按钮 */
a.y-btn-white, a.y-btn-white:link, a.y-btn-white:visited{
	background: #fff; border-color: #00a2ca; color: #00a2ca;
}
a.y-btn-white:hover{
	background: #33b5d4; border-color: #33b5d4; color: #fff; text-decoration: none;
}
a.y-btn-white:active{
	background: #008fb2; border-color: #008fb2; color: #fff;
}
/* 反色链接按钮 */
a.y-btn-anti, a.y-btn-anti:link, a.y-btn-anti:visited{
	background: #fff; border-color: #fff; color: #00a2ca;
}
a.y-btn-anti:hover{
	background: #9cddf5; border-color: #9cddf5; text-decoration: none;
}
a.y-btn-anti:active{
	background: #5acbeb; border-color: #5acbeb; color: #fff;
}
/* 透明链接按钮 */
a.y-btn-trans, a.y-btn-trans:link, a.y-btn-trans:visited{
	background: transparent; border-color: #fff; color: #fff;
}
a.y-btn-trans:hover{
	background: #fff; color: #000; text-decoration: none;
}
a.y-btn-trans:active{
	background: #e7e7e7; border-color: #e7e7e7;
}

.triangle1{
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff;
  position: absolute;
  z-index: 1000;
  top: 0;
}






/*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;background:#DDD;-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{ display:inline-block;*display:inline;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(icons/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:30px;line-height:30px;color:#666;
background: #fafafa;
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');
border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;border-radius:2px 2px 0 0;padding-left:10px; }
.ui_state_drag .ui_title { 
background: #fafafa;
background: -moz-linear-gradient(top, #f4f4f4, #fcfcfc); 
background: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#fcfcfc)); 
background: -o-linear-gradient(top, #f4f4f4, #fcfcfc);
background: -ms-linear-gradient(top, #f4f4f4 0%,#fcfcfc 100%); 
background: linear-gradient(top, #f4f4f4, #fcfcfc); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#fcfcfc');}

/*标题纯CSS按钮定位部分*/
.ui_title_buttons{ top:7px;right:5px; }
.ui_min,.ui_max,.ui_close,.ui_res{ color:#aaa;font-size:18px;width:20px;height:20px;line-height:18px; }
.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(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0NWNhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYzZhYjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
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(icons/gb_tip_layer.png);_background-image:url(icons/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;}

.topbar {
  height: 56px;
  line-height: 56px;
  font-size: 16px;
  color: #FFFFFF;
  z-index: 99;
  -webkit-transition: height .2s linear;
  -moz-transition: height .2s linear;
  transition: height .2s linear;
  margin-bottom: 29px;
}
.topbar .topbar-logo {
  margin-right: 72px;
}
.topbar .topbar-logo img {
  position: relative;
  vertical-align: top;
  top: -29px;
}
.topbar .topbar-nav-list {
  color: #fff;
  font-size: 16px;
}
.topbar .topbar-nav-list > li {
  float: left;
  margin-right: 48px;
}
.topbar .topbar-nav-list > li .nav {
  color: #fff;
  transition: .3s
}
.topbar .topbar-nav-list > li .nav:hover{
  color: #017EE1;
}
.topbar .topbar-nav-list .dropdown-menu {
  padding: 0;
  margin: 0;
  padding: 12px 0;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  border: 1px solid #e6e6e6;
  text-align: center;
}
.topbar .topbar-nav-list .dropdown-menu li {
  position: relative;
  padding: 12px 0;
  line-height: 1;
  font-size: 16px;
  cursor: pointer;
}
.topbar .topbar-nav-list .dropdown-menu li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background-color: #017EE1;
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.topbar .topbar-nav-list .dropdown-menu li:hover:before {
  width: 100%;
}
.topbar .topbar-nav-list .dropdown-menu li:hover a {
  color: #fff;
}
.topbar .topbar-nav-list .dropdown-menu::before {
  content: ' ';
  position: absolute;
  top: -8px;
  left: 49%;
  width: 16px;
  height: 8px;
  background-image: url("../images/arrow-top.png");
  background-repeat: no-repeat;
}
.topbar .topbar-nav-list .productList {
  width: 128px;
  min-width: 128px;
  left: -50px;
}
.topbar .topbar-nav-list .productList::before {
  left: 47%;
}
.topbar .topbar-nav-list .productList a {
  position: relative;
}
.topbar .topbar-menu a {
  float: right;
  width: 96px;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.topbar .topbar-menu .blue-bg {
  background: #017EE1;
}
.topbar .topbar-menu  .logined a{ width: auto; margin-right: 10px;}


.login_box{ width: 261px; margin: 0 auto }
.login_box .login_btn{position:relative;z-index:110;float:left;width:65px;height:32px;text-indent:-9999px;background-position:0 -40px;overflow:hidden;}
.login_box .login_btn:hover{color:#fff;text-decoration:none;box-shadow:0 0 8px rgba(110,200,210,0.4);border-radius:5px;}
.login_box .login_btn_active{height:30px;background-position:-70px -40px;}
.login_box .login_btn_active:hover{box-shadow:none;border-radius:0;}
.login_box .login_form ul{padding-left:45px;}
.login_box .login_form li{padding:7px 0;}
.login_box .login_form input{vertical-align:middle;}
.login_box .login_form .input_txt{width:211px;height:29px;padding:5px;line-height:29px;color:#333;border:1px solid #d6d6d6;}
.login_box .login_form a{color:#337ab7;}
.login_box .input_wrap{position:relative;zoom:1;}
.login_box .input_wrap label{position:absolute;left:-61px;top:7px;padding-right:5px;width:61px;text-align:right;font-weight:bold;line-height:28px;}
.login_box .submit button{width:69px;height:33px;line-height:33px; font-size:14px;border:none;border-radius:6px; color:#fff;background:#337ab7; text-align:center;cursor:pointer;}
.login_box .submit button:hover{ background: #017EE1 }
.login_box .submit a{margin-left:10px;}
.login_box .login_form #rememberName{margin:-2px 2px 0 0}
.login_box .login_form .remember{margin:0 10px 0 0;}
.login_box .login_form .warning{display:none;padding:0;color:#cf0000;}
.footer {
  color: #fff;
  color: rgba(255, 255, 255, 0.5);
  background: #2A323D;
  padding-top: 32px;
  padding-bottom: 24px;
}
.footer a {
  color: #fff;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: color .2s;
  -moz-transition: color .2s;
  transition: color .2s;
}
.footer a:hover {
  color: #017EE1;
}
.footer .main-know {
  position: relative;
}
.footer .main-know > img {
  position: absolute;
  left: 0;
  top: 0;
}
.footer .main-know .main-know-content {
  padding-left: 90px;
}
.footer .main-know .main-know-content .foot-col-list {
  text-align: left;
}
.footer .main-know .main-know-content .foot-col-list > li {
  display: inline-block;
  vertical-align: top;
  margin-right: 110px;
}
.footer .main-know .main-know-content .foot-col-list > li:last-child {
  margin: 0;
}
.footer .main-know .main-know-content .foot-col-list > li .nav-title {
  margin-bottom: 23px;
  font-size: 12px;
  color: #FFFFFF;
}
.footer .main-know .main-know-content .foot-col-list > li .foot-col-nav-list .nav {
  margin-bottom: 16px;
}
.footer .main-know .main-know-content .foot-col-list > li .foot-col-nav-list .nav a {
  font-size: 12px;
}
.footer .main-know .main-know-content .foot-col-list > li .foot-col-nav-list .nav h5 {
  margin-top: 8px;
  font-size: 14px;
  color: #FFFFFF;
}
.footer .main-know .main-know-content .foot-col-list > li .foot-col-nav-list .nav img {
  display: block;
  margin-bottom: 6px;
}
.footer .copy-right {
  padding-top: 32px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.footer .copy-right h3 {
  margin-bottom: 16px;
  font-size: 14px;
  color: #FFFFFF;
}
.footer .copy-right .links {
  margin-bottom: 32px;
}
.footer .copy-right .links a {
  margin-right: 24px;
}
.footer .copy-right .banners {
  position: relative;
}
.footer .copy-right .banners a {
  margin-right: 10px;
}
.footer .copy-right .banners span {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 314px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  line-height: 23px;
}
.sidebar {
  position: fixed;
  width: 72px;
  right: 40px;
  top: 34%;
  z-index: 400;
}
.sidebar .connect {
  margin-bottom: 16px;
  box-shadow: 0 3px 9px 0 rgba(38, 42, 47, 0.1);
  border-radius: 3px;
}
.sidebar .connect .con-block {
  position: relative;
}
.sidebar .connect .con-block .pop {
  display: none;
  padding-right: 15px;
  position: absolute;
  right: 37px;
  top: 89%;
  margin-top: -76px;
}
.sidebar .connect .con-block > i {
  display: block;
  height: 72px;
  width: 72px;
  background-position: center 19px;
  background-repeat: no-repeat;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  transition: all .2s linear;
  color: #017EE1;
  text-align: center;
}
.sidebar .connect .con-block > i span{
  display: block;
  padding-top: 43px;
}
.sidebar .connect .con-block > i:hover {
  background-color: #017EE1;
  color: #fff;
}
.sidebar .connect .con-block .icon-cell {
  background-image: url("../images/icon_cell.png");
}
.ws-xu {
  position: relative;
}
.ws-xu::after {
  position: absolute;
  width: 10px;
  height: 10px;
  content: '';
  top: 20%;
  right: 28%;
  border-radius: 50%;
  background-color: red;
}
.sidebar .connect .con-block .icon-xu {
    background-image: url("../images/32.png");
}
.sidebar .connect .con-block .xu-font {
    font-size: 14px;color: #666666;letter-spacing: 0;line-height: 24px;
}
.sidebar .connect .con-block .btn {
    display: inline-block;background: #017EE1;border-radius: 1px;width: 136px;line-height: 24px;font-size: 16px;color: #FFFFFF;letter-spacing: 0;text-align: center;cursor:pointer; 
}
.sidebar .connect .con-block .icon-cell:hover {
  background-image: url("../images/icon_cell_active.png");
}
.sidebar .connect .con-block .icon-service {
  background-image: url("../images/icon_service.png");
}
.sidebar .connect .con-block .icon-service:hover {
  background-image: url("../images/icon_service_active.png");
}
.sidebar .connect .con-block .icon-app {
  background-image: url("../images/icon_wx.png");
}
.sidebar .connect .con-block .icon-app:hover {
  background-image: url("../images/icon_wx_active.png");
}
.sidebar .connect .con-block .detail {
  position: relative;
  padding: 24px;
  width: 171px;
  background: #fff;
  border: 1px solid #E6E6E6;
  box-shadow: 0 3px 9px 0 rgba(38, 42, 47, 0.1);
  font-size: 16px;
  color: #666666;
  left:-29px;
}
.sidebar .connect .con-block .detail:before {
  content: " ";
  position: absolute;
  right: -8px;
  top: 30%;
  margin-top: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #eaecee;
}
.sidebar .connect .con-block .detail:after {
  content: "";
  position: absolute;
  right: -7px;
  top: 30%;
  margin-top: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #fff;
}
.sidebar .connect .con-block .detail p {
  line-height: 1;
}
.sidebar .connect .con-block .detail p > a {
  cursor: pointer;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  transition: all .2s linear;
}
.sidebar .connect .con-block .detail p > a:hover {
  color: #017EE1;
}
.sidebar .connect .con-block .detail .p1 {
  margin-bottom: 8px;
}
.sidebar .connect .con-block .detail .p2 {
  color: #017EE1;
}
.sidebar .connect .con-block .detail .p3 {
  margin-bottom: 16px;
}
.sidebar .connect .con-block .detail .p3:last-child {
  margin-bottom: 0;
}
.sidebar .connect .con-block .detail .p3 .blue-radio {
  display: inline-block;
  top: -2px;
  margin-right: 3px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #017EE1;
  position: relative;
}
.sidebar .back-top {
  height: 48px;
  width: 48px;
  border-radius: 50%;
  overflow: hidden;
  margin-left: 10px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/icon_toparrow.png");
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  transition: all .2s linear;
  cursor: pointer;
  background-color: #fff;
  box-shadow:0 3px 9px 0 rgba(38, 42, 47, 0.1);
}
.sidebar .back-top:hover {
  background-image: url("../images/icon_toparrow_active.png");
  background-color: #017EE1;
}
.bv-form .help-block {
    margin-bottom: 0;
}
.bv-form .tooltip-inner {
    text-align: left;
}
.nav-tabs li.bv-tab-success > a {
    color: #3c763d;
}
.nav-tabs li.bv-tab-error > a {
    color: #a94442;
}
.bv-form .bv-icon-no-label {
  top: 0;
}
.bv-form .bv-icon-input-group {
  top: 0;
  z-index: 100;
}

.lesson-title {
  color: #017ee1 !important;;
  text-align: center;
  display: block;
  position: relative;
  line-height: 20px !important;
}
.lesson-title:hover {
  color: #017ee1;
}
.lesson-title::before {
  content: '';
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scale(0);
  transform-origin: center;
  transition: all .3s;
  background-color: #017ee1;
}
.lesson-title:hover::before {
  transform: scale(0.7);
}
.icon-lesson {
  background-image: url('https://images.youshang.com/resources/portal/v10/images/jdy/ys_right_bg.png') !important;
}

.footer1 {
	background: #222;
	width: 100%;
	min-width: 1250px;
	overflow: hidden;
	padding-bottom: 15px;
	text-align: center;
	color: #FFF;
	line-height: 22px;
	padding-top: 15px
}
.main1 {
	width: 1250px;
	margin: 0 auto;
}