/*****************************************************
* 象牙塔中国样式--文件编写注释规范
*****************************************************/
@charset "utf-8";
/*****************************************************
* 文件名称：base.css
* 作   者：界面设计制作部---XX
* 创建日期：2019-06-20
* 内容概要:电脑站会员中心全局框架的样式
*****************************************************/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}

body{ 
font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",Arial;font-size:14px;color:#929292;
background: #fff; }

/*.mui-content{background: #fff;}*/

/*元素定义*/
h1,h2,h3,h4,h5,h6 {font-family:"微软雅黑";font-weight:normal}

ol,li,ul{ list-style:none; line-height:25px;}

p,ul,li,body,div,table,tr,td,form,span,input,dl,dt,dd,img{ padding:0px; margin:0px;}
ul,li,dl,dt,dd{ list-style:none;}

/*浮动方式*/
.fl{float:left;}
.fr{float:right;}

/*高度*/
.blank10{height:10px;}
.blank20{height:20px;}

/*背景色定义*/
.background_white{background-color:#fff; }
.background_red{background-color:#ff0000; }

/*链接*/
a:link {color:#666;}/* 未被访问的链接 */
a:visited {color:#666;}/* 已被访问的链接 */
a:hover {color:#333;}/* 鼠标指针移动到链接上 */
a:active {color:#E51C24;}/* 正在被点击的链接 */
a,a:focus,a:active,a:hover {outline:0 none!important}

/*图片*/
img {  border: none;}
a img {  border: none;}

/*清除*/
.clear{clear:both;} 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}


/*一行5列*/
.col-lg-2dot4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-lg-2dot4 {
float: left; padding:3px;
}
.col-lg-2dot4 {
width: 20%; text-align:center;
}
.col-lg-pull-2dot4 {
right: 20%;
}
.col-lg-push-2dot4 {
left: 20%;
}
.col-lg-offset-2dot4 {
margin-left: 20%;
}


/*对齐方式定义*/
.text_align{text-align:center;}
.text_left{text-align:left;}
.text_right{text-align:right;}
.text_left_right{text-align:justify; text-justify:inter-ideograph;}


/*三单行文本的溢出显示省略号(通用)*/
.mui-ellipsis-3 
{ 
    display: -webkit-box; /*将对象作为弹性伸缩盒子模型显示*/ 
    overflow: hidden; 
 
    white-space: normal !important; 
    text-overflow: ellipsis; 
    word-wrap: break-word; 
 
    /*-webkit-line-clamp:3; 限制在一个块元素显示的文本的行数*/ 
    -webkit-box-orient: vertical; /*设置或检索伸缩盒对象的子元素的排列方式*/ 
}



/*****************************XSJ_ADD_CSS***********************************************/
a{ color:#444; text-decoration:none;}
a:hover{ color:#0c51bf; text-decoration:none;}


input,button,a{outline:0 none!important; blr:expression(this.onFocus=this.blur());}


ul,li,p,h3,dl,h4{ list-style:none; margin:0; padding: 0;}

.ma{ margin:0 auto; padding:0;}
.m_15{ margin:0 15px;}
.m_b{ margin-bottom:0;}

.m_t_100{ margin-top:100px;}
.m_t_90{ margin-top:90px;}
.m_t_80{ margin-top:80px;}
.m_t_70{ margin-top:70px;}
.m_t_60{ margin-top:60px;}
.m_t_50{ margin-top:50px;}
.m_t_40{ margin-top:40px;}
.m_t_30{ margin-top:30px;}
.m_t_20{ margin-top:20px;}
.m_t_10{ margin-top:10px;}
.m_t_5{ margin-top:5px;}
.m_b_10{ margin-bottom:10px;}
.m_b_20{ margin-bottom:20px;}
.m_b_30{ margin-bottom:30px;}
.m_b_40{ margin-bottom:40px;}
.m_b_50{ margin-bottom:50px;}
.m_r_10{ margin-right: 10px; }


.f_40{font-size:40px;}
.f_36{font-size:36px;}
.f_30{font-size:30px;}
.f_24{font-size:24px;}
.f_20{font-size:20px;}
.f_18{font-size:18px;}
.f_16{font-size:16px;}
.f_14{font-size:14px;}
.f_12{font-size:12px;}
.f_10{font-size:10px;}

.f_b{ font-weight:bold;}
.f_n{ font-weight:normal;}
.f_s_n{ font-style: normal; }
.d_b{ display: block; }

.t_c{ text-align:center;}
.t_r{ text-align:right;}
.fL{float: left;}
.fR{ float: right; }

.l_80{ line-height:80px;}
.l_60{ line-height:60px;}
.l_50{ line-height:50px;}
.l_40{ line-height:40px;}
.l_30{ line-height:30px;}
.l_25{ line-height:25px;}
.l_20{ line-height:20px;}

.l_s{letter-spacing:5px;}
 
.cW,.cW a,a.cW,.cW01 a{ color:#fff; text-decoration:none;}
.cW01 a:hover{ color:#ff9900; text-decoration:none;}
.cG,.cG a,a.cG{ color:#999; text-decoration:none;}
.cG01,.cG01 a,a.cG01{ color:#999; text-decoration:none;}
.cG01 a:hover,a.cG01:hover{ color:#0079fe; text-decoration:none;}
.cG02,.cG02 a,a.cG02{ color:#ccc; text-decoration:none;}
.cB,.cB a,a.cB{ color:#ccc; text-decoration:none;}
.cB01,.cB01 a,a.cB01{ color:#444; text-decoration:none;}
.cR,.cR a,a.cR{ color:#e60012; text-decoration:none;}
.cO,.cO a,a.cO{ color:#ff9c00; text-decoration:none;}
.cBLU,.cBLU a,a.cBLU{ color:#0079fe; text-decoration:none;}
.cBLU1,.cBLU1 a,a.cBLU1{ color:#0c51bf}


.bW{ background:#fff;}
.bO{ background:#ff9c00;}
.bB{ background:#303135;}
.bG{ background:rgb(245, 245, 245);}
.bBLU{ background:#0079fe;}
.bBLU1{ background:#e9f8ff;}
.bR{ background:#e60012}
.bG01{background:rgba(249, 249, 249, 1)}


.gray { 
    -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray; opacity: .5}


.b_r{ border-right:1px solid rgb(233, 233, 233);}
.b_a{ border:1px solid #cacaca;}
.b_box{ border: 1px solid rgb(233, 233, 233); }
.b_b{ border-bottom:1px solid  rgb(228, 228, 228);}
.b_b_d{ border-bottom:1px dotted #cacaca;}
.b_t{ border-top:1px solid #5e5e5e;}
.b_n{ border: none; }

.b_r_5{ border-radius: 5px; }

 
.w_100{ width: 100%; }



/****************6.13_ADD************************************************************************************/
.nav_fl{}
.nav_fl li{width: 33%; border-right: 1px solid rgb(242, 242, 242);}
.nav_fl li:nth-child(3){ border-right: 0; }

#article img{ width: 100%; border-radius: 5px; }
.hf_content{ display: none; }


.on{ border-left: 4px solid #0079fe; color: #0079fe; }