/*自定义*蓝色*文本/边框/背景色*/
.text-blue,a.text-blue:link,a.text-blue:visited,.button.border-blue,blockquote.border-blue,.pager.border-blue a,.pager-prev.border-blue,.pager-next.border-blue {	color: #014c9f;}
.border-blue,.border-blue .button,.border-blue .tab-nav li a,.border-blue .tab-body,.button.bg-blue,.selected.border-blue,.pointer.border-blue li,.nav.border-blue .active a,.nav.nav-tabs.border-blue,.nav-main.border-blue a,.nav-main.border-blue .nav-head,.pagination.border-blue li,.pager.border-blue a {	border-color: #014c9f; color:#fff;}
.bg-blue,.border-blue .button.active,.pointer.border-blue .active,.nav-pills.border-blue .active a,.nav-blue.border-blue .nav-head,.pagination.border-blue .active {	background-color: #014c9f; color:#fff;}
.button.bg-blue:focus,.button.bg-blue:hover{ background-color: #003876; border-color: #003876; color:#fff;}

/*自定义*天蓝*文本/边框/背景色*/
.text-blue-light,a.text-blue-light:link,a.text-blue-light:visited,.button.border-blue-light,blockquote.border-blue-light,.pager.border-blue-light a,.pager-prev.border-blue-light,.pager-next.border-blue-light {	color: #00afec;}
.border-blue-light,.border-blue-light .button,.border-blue-light .tab-nav li a,.border-blue-light .tab-body,.button.bg-blue-light,.selected.border-blue-light,.pointer.border-blue-light li,.nav.border-blue-light .active a,.nav.nav-tabs.border-blue-light,.nav-main.border-blue-light a,.nav-main.border-blue-light .nav-head,.pagination.border-blue-light li,.pager.border-blue-light a {	border-color: #00afec; color:#fff;}
.bg-blue-light,.border-blue-light .button.active,.pointer.border-blue-light .active,.nav-pills.border-blue-light .active a,.nav-blue-light.border-blue-light .nav-head,.pagination.border-blue-light .active {	background-color: #00afec; color:#fff;}
.button.bg-blue-light:focus,.button.bg-blue-light:hover{ background-color: #00bdff; border-color: #00bdff; color:#fff;}


.overflow{ overflow: hidden;}
body{ overflow-x: hidden; }
.text-upper{ text-transform: uppercase;  }

select{ background:url(../images/ico_down.png) right 12px no-repeat #fff; padding-right: 20px; position: relative;}

ul,li{ padding:0; margin:0; list-style-type:none;}
img{ vertical-align: middle;}
.mb0{ margin-bottom: 0!important;}
.fl{ float:left;}
.fr{ float:right;}
.fyh{ font-family:Arial,"Microsoft Yahei";}
.fst{ font-family:Arial,"宋体";}
.fyy{ font-family:Arial,"幼圆";}
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f26{ font-size:26px;}
.f28{ font-size:28px;}
.f30{ font-size:30px;}
.f32{ font-size:32px;}
.f34{ font-size:34px;}
.f36{ font-size:36px;}
.f38{ font-size:38px;}
.f40{ font-size:40px;}
.f42{ font-size:42px;}
.f46{ font-size:46px;}
.f48{ font-size:48px;}
.f50{ font-size:50px;}
.f60{ font-size:60px;}
.f72{ font-size:72px;}
.fn{ font-weight:normal;}
.fb{ font-weight:bold;}
.fs100{ font-weight:100;}
a, a:link, a:active{ text-decoration: none;}
a:hover{ color:#014c9f; text-decoration: none;}

select::-ms-expand { display: none; }
.text-upper{text-transform:uppercase;}

.text-yellow{ color:#fff000;}
.text-pinks{ color:#e40088;}
.text-date{ color:#d2d2d2;}
.text-gray{ color:#979797;}
.text-gray-light{ color:#b4b4b4;}
.text-black2,a.text-black2,a.text-black2:link,a.text-black2:visited{ color:#404040;}
a.text-black2:hover{ color:#1fa978; text-decoration: none;}
.text-gray-light,a.text-gray-light,a.text-gray-light:link{ color:#b3b3b3;}
a.text-gray-light:hover{ color:#1fa978; text-decoration: none;}
.bg-gray{ background-color: #949494;}
.bg-red{ background: #e62129;}
.bg-blue-light{ background-color:#00afec;}
.bg-blue-light:hover{ background-color:#00afec;}
.bg-blue-light:hover *{ color:#fff!important;}
.input:focus,.input:hover{ border-color:#014c9f!important; }
body{  background: #fff; line-height: 1.8;}
p{ padding:0; margin:0;}
/*公共部分*/


/*.htop{ background: #f1f1f1; height: 40px; line-height:39px; border-bottom: 1px solid #e8e8e8; position: relative;}
.htop .sobox{ width:260px; margin-left: 20px; padding-top:5px; height: 33px;  position: relative;}
.htop .sobox .input{ border:0; height: 28px; border-radius: 14px; padding: 0 50px 0 15px; }
.htop .sobox .btn{ background: none; border:0; height: 28px; padding: 0 10px; line-height: 28px; position: absolute; top:5px; right:5px;}
.htop .toptel{ position: absolute; right:0; top:0; padding: 0 20px; height: 40px; background: #f97915; line-height: 32px;}
.htop .icon-phone{ display: inline-block; width:25px; height: 25px; text-align: center; line-height: 25px; background: #fff; border-radius: 50%;}
.htop .f24{ position: relative; bottom:-4px;}*/


.header{ position:relative; height: 100px; z-index: 10; }
.header .logo{ width:250px; padding-top:15px; }
/*.header .topnav{ position: absolute; right:0; top:15px;}
.header .topnav a{display: inline-block; width: 150px; height: 90px; padding: 15px; vertical-align: middle;}
.header .topnav a:last-child{ width:160px;}
.header .topnav a .f18{ color:#00a1d9;}
.header .topnav a .f12{ padding-right: 10px;}
.header .topnav a:hover{ background: #f1f1f1; color:#f97915; border-radius: 8px;}
.header .topnav a.cur{ background: #f1f1f1; border-radius: 8px; }
.header .topnav a.cur .f18{ color:#f97915;}*/

.menu { position: absolute; top:26px; right:110px; }
.menu ul{ height: 48px; line-height: 46px;}
.menu li{ float: left; height: 48px; line-height: 48px; font-weight: normal; position: relative; margin-left: 12px;}
.menu li a{ display: block; color:#4e4e4e; height: 48px; text-align: center; border-bottom:2px solid #fff; padding: 0 10px;}
.menu li.cur a,.menu li:hover a{ color:#014c9f; text-decoration: none; border-bottom:2px solid #014c9f;}

.menu li ul{ display:none; position:absolute; width:100%; top:48px;padding:15px 0; background:#014c9f; font-size:14px; height: auto;}
.menu li ul li{width: 100%; overflow: hidden; height: auto; font-size: 14px; margin-left: 0;}
.menu li ul li a{ color:#b2cae5; line-height:36px;  height:36px; padding: 0; border:0!important;}
.menu li.cur ul li a,.menu li:hover ul li a{ background: none!important; color:#b2cae5;}
.menu li.cur ul li a:hover,.menu li:hover ul li a:hover{ background:#003876!important; color:#fff; line-height:36px; height:36px;}


.utop{     position: absolute;
    right: -175px;
    top: 15px;}
.utop div{ line-height: 20px; margin-bottom:10px;}
.utop i{ display: inline-block; width:20px; height: 20px; line-height: 20px; text-align: center; color:#fff; background: #003876; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }


a.btn-diy,a.btn-diy:link{ padding-left: 30px; padding-right: 30px; color:#606060;}
a.btn-diy0,a.btn-diy0:link{padding-left: 30px; padding-right: 30px; }
a.btn-diy2,a.btn-diy2:link{padding-left: 30px; padding-right: 30px; color:#fff;}
a.btn-diy3:link,a.btn-diy3:visited{padding-left: 30px; padding-right: 30px; color:#00afec; }
a.btn-diy3:hover{ color:#fff!important; background-color: #00afec!important; }

.footer{ background:#014c9f; color:#b1c6dd; }
.footer a{ color:#b1c6dd;}
.footer a:hover{ color:#fff;}

.footer .fotcon{ padding:40px 0 50px;}
.footer .fotcon .xs10{ position: relative;}
.footer .fotcon .fotcat{ width:280px;}

.footer .fotnav{ position: absolute; top:0; right:0; width: 571px; border-left:1px solid #3470b2;}
.footer .fnav{ width:285px; text-align: center; float: left; padding-top:10px; border-right:1px solid #3470b2; height: 160px;}
.footer .fnav .f18{ margin-bottom:10px;}


.footer .qrcode{ width:110px; position: absolute; right:0; top:0;}
.footer .qrcode img{width:100%;}



.footer .copyright{  border-top:1px solid #3470b2; border-bottom:1px solid #3470b2; padding: 20px 0; }

.footer .flink .wrap{ position: relative; padding:20px 0 20px 90px;}
.footer .flink .wrap span.f18{ position: absolute; left: 0; top:15px;}
.footer .flink .wrap a{ display: inline-block; padding: 0 15px;}

.insert{ height:40px;}

/* 问答内容页 */
.contentbox{width:1240px; margin:0 auto; margin-top:20px;height: auto; overflow: hidden;}
.leftbox{width: 900px; background: #FFF; float: left;}
.titlebox{margin: 30px auto;
font-size: 27px; text-align: left; font-weight: normal;}
.addtime{display: inline-block; color: #9eacb6; font-size: 12px;}
.huidabut a{color: white; background: #338eff; padding: 8px 15px; line-height: 50px; border-radius: 4px; text-decoration: none;}
.huidacount{border-bottom: 1px solid #e6e6e6; margin: 15px 0; padding-bottom: 8px;}
.huidacount span { border-bottom: 2px solid #338eff; font-weight: 700; color: #7a8f9a; padding-bottom: 7px;}
.articlebox{width:100%; height: auto; overflow: hidden;}
.articlelist{width:100%; margin-bottom: 20px; border-bottom: 1px solid #ddd; height: auto; overflow: hidden; padding-bottom: 20px;}
.articletop{width:100%; height: 50px; padding:10px 0;}
.articletop img{display: block; width:50px; height: 50px; float: left; border-radius: 50%;}
.articletop div{float: left; height: 50px; margin-left: 10px;}
.articletop a{line-height: 30px; font-size: 15px; display: block;    color: #005cf6;}
.articletop a:hover{color:#338eff;}
.articletop span{display: block; font-size: 12px; color: #bbb;}
.comt-best{background: url(/plus/img/ico-best.png) no-repeat; line-height: 32px; background-size: 32px auto; padding-left: 36px;}
.comt-best span { font-weight: bold; font-size: 15px; color: #7a8e9a;}
.articldeinfo{width:100%; height: 120px; min-height: 120px; overflow: hidden; font-size: 15px; line-height: 30px;}
.articldeinfo img{display: block; width:80%; margin:10px auto; height: auto;}
.zhanbut{display: block; margin-top:10px; float: right; width:70px; text-align: center; line-height: 30px; height: 30px;border: 1px solid #e5e5e5; background-color: #f7f7f7; font-size: 12px; color: #666; border-radius: 2px;}
.zhanbut:hover{background-color: #ddd;}
.comt-zan{border-radius: 40px; min-width: 60px; margin-top: 10px; font-size: 12px; color: white!important; background: #338eff; text-decoration: none; display: inline-block; text-align: center; line-height: 30px; height: 30px; padding:0 10px;}

.rightbox{width: 280px; margin-left: 20px; background: white; padding: 20px; float: left;}
.rightbox h2{margin:10px auto; font-size: 24px; text-align: left; font-weight: normal;}
.newwentibox{width:100%; margin-top:10px;}
.newwentibox li{width:100%; height: 30px;}
.newwentibox li a{font-size: 14px; line-height: 30px;}
.newwentibox li a:hover{color: #338eff;}

.q-form {
    margin: 20px 0;
    display: none;
}
.q-form textarea {
    outline: none;
    width: 90%;
    min-height: 100px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    padding: 10px;
    font-size: 15px;
}
.q-form button {
    display: block;
    background: #338eff;
    border: 0;
    color: white;
    font-size: 14px;
    padding: 4px 15px;
    border-radius: 4px;
    margin-top: 4px;
}
@media (max-width:1240px)   /* 如果浏览器宽度小于1240px */
{
    .contentbox{width:95%; margin:0 auto; margin-top:20px;}
    .leftbox{width:100%;}
    .rightbox{width:100%;}
}