@charset "utf-8";
ul{overflow: hidden;}
ul li{list-style:none;}
a{color:#818181;}
body{}
.row{}
.pagination{padding:10px 0;}
.pagination li.active{display: inline!important}

.header-title{background-image: url(../assets/img/logo.png);background-repeat: no-repeat;height:100px;background-position: -10px -20px;}
.header-title .btn-group{font-size: 14px;letter-spacing: 0px;margin:30px 25px 0 0;}

.header-menu{border-top:3px solid #2080CA;border-bottom:1px solid #E1E1E1;background: #FAFAFA;padding:0; box-shadow:0px 0px 11px #E0E0E0;}
.header-menu ul li{height:50px; line-height: 55px; font-size: 16px;font-weight: 500;cursor: pointer;padding-left:0px;}
.header-menu ul li a{color:#666;margin-left:1px;font-weight: bolder;}
.header-menu ul li i{color:#CCC;padding:5px;}

.header-menu ul li.menu_mouseover{border-bottom: 2px solid #F8A835;}
.header-menu ul li.menu_mouseover i{color:#F8A835;}
.header-menu ul li.menu_mouseover a{color:#1F7EC9;text-decoration: none;/*text-shadow: 0px 0px 2px #F0F0F0;*/}

.top_links{height:30px;line-height: 30px;padding:0;}
.top_links a{padding:0px 25px 0px 30px;display:block;font-size:12px;font-family:Verdana,Geneva,sans-serif;background-repeat:no-repeat;text-decoration:none;float:right;}
.top_links a:hover{color:#06C;background-color:#f4f4f4}
.top_links a:active{color:#06C;background-color:#f4f4f4}

.dropdown-menu.login-menu{width:250px;}
.dropdown-menu.login-menu li{padding:15px 15px 0 15px;}
.dropdown-menu.login-menu li .content-wrap div{margin-bottom: 10px;}
.dropdown-menu.login-menu li i{width: 15px;}

.banner{overflow: hidden;}
.banner img{width:100%;}

.footer{text-align: center;padding:15px 0;}
.footer a{text-decoration: none;color: #666;font-size: 12px;}
.footer .menu a{padding:0px 15px;border-right:1px solid #999;}
.footer p{font-size: 12px;color: #666;margin-top:5px;}
.footer .menu a:hover{text-decoration:underline;color: #5FA1DC;}
.footer .menu a:last-child{border:none;}

.main{overflow: hidden;min-height:550px;position: relative;/*background: #5597CE;*/border-top:2px solid #75B7EE; border-bottom:2px solid #5698CF; 
  box-shadow: 0px 1px 3px 1px #DADADA;
  -moz-box-shadow: 0px 1px 3px 1px #DADADA;
  -webkit-box-shadow: 0px 1px 3px 1px #DADADA;
  background: linear-gradient(330deg, #FDFDFD 0%, #DFDFDF 40%, #FFF 100%);
  background: -webkit-linear-gradient(330deg, #FDFDFD 0%, #DFDFDF 40%, #FFF 100%);
}

.main .search{text-align: center;padding:30px 0;position: relative;}
.main .search input{height:35px; line-height: 35px;border-radius: 3px;border-style: none;border:1px solid #DADADA;padding:1px 5px;}
.main .search-shadow{border-bottom:1px solid #CCC;box-shadow: 0px 0px 5px #CECECE;-moz-box-shadow: 0px 0px 5px #CECECE;-webkit-box-shadow: 0px 0px 5px #CECECE;background: #F0F0F0;}

.main .menu{font-size: 14px;}
.main .menu li{background: #77B9F0;margin:0;text-align: center;margin-bottom: 5px;box-shadow: 0px 1px 5px #CECECE;-moz-box-shadow: 0px 1px 5px #CECECE;-webkit-box-shadow: 0px 1px 5px #CECECE;padding:0;}
.main .menu li:last-child{border-radius: 0 0 5px 0;-moz-border-radius: 0 0 5px 0;-webkit-border-radius: 0 0 5px 0;}
.main .menu li:last-child.active a{border-radius: 0 0 5px 0;-moz-border-radius: 0 0 5px 0;-webkit-border-radius: 0 0 5px 0;}
.main .menu li a{ color: #FFF;display: block;padding:8px 0;}
.main .menu li:hover{background: #81C3FA;}
.main .menu li:hover a{}
.main .menu li.active{}
.main .menu li.active a{color:#666; background: #FFF;border-radius: 2px 2px 0 0;-moz-border-radius: 2px 2px 0 0;-webkit-border-radius: 2px 2px 0 0;}

.main .box-shade{ box-shadow:0px 0px 5px #CACACA;background: #FFF;}
.main .box{background: #FFF;border-left: 1px solid #EAEAEA;border-right: 1px solid #EEE;border-bottom: 1px solid #EEE;}
.main .contents li{height:26px; line-height: 26px;overflow: hidden;padding-right: 10px;}
.main .contents li div{}
.main .contents li.active{display: block;}

.main .contents .title{height:35px;line-height: 35px;margin:30px 0 15px 0;overflow: hidden;border-bottom:2px solid #6DAFE6;}
.main .contents .title span{font-size: 16px;}
.main .contents .title i{}

.main .contents .question-list dl dt{font-size: 16px;background: #EAEAEA;padding:3px 5px;font-weight: bolder;;}
.main .contents .question-list dl dd{font-size: 14px;background: #FFF;padding:3px 8px;height:auto;overflow: hidden;}
.main .contents .page-header{margin: 0 0 10px 0;}
.main .contents .content ul li{font-size: 15px;}
.main .contents .content{overflow: hidden;padding:5px;}
.main .contents .content dd{ overflow: hidden;height:25px; line-height: 25px;}

.main .contents .content.searchlist{padding-top:30px;}
.main .contents .content.searchlist ul{margin-bottom: 22px;}
.main .contents .content.searchlist ul li{height: auto;padding:0;}
.main .contents .content.searchlist li.s_title{font-size: 17px;line-height: 20px;}
.main .contents .content.searchlist li.s_title a{color:#2084DA;}
.main .contents .content.searchlist li.s_description{font-size: 13px;line-height: 20px;}
.main .contents .content.searchlist li.s_time{text-align: left;line-height: 20px;}

.main .contents .contact dt{ font-size: 18px;font-weight: bolder;border-bottom: 1px solid #75B7EE;}
.main .contents .contact dd{ font-size: 16px;padding: 5px 0 10px 0;height:auto;}

.question-show{}
.question-show h2{font-weight: bolder;}
.question-show div.content{margin:0;background: #FFF;min-height:300px;border:1px solid #E5E5E5;padding:10px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0px 0px 5px #EDEDED inset;-moz-box-shadow: 0px 0px 5px #EDEDED inset;-webkit-box-shadow: 0px 0px 5px #EDEDED inset;}

.question-show div.attachments{margin-top: 10px;}

.is-useful label{padding:5px 10px 3px 0;}
.is-useful textarea{border:1px solid #DCDCDC;width:100%;height:100px;}
.is-useful button{margin-top:5px;}

.check{}
.check div{height:auto;overflow: hidden;text-align: center;margin-bottom: 40px;}
.check div p{width:200px;height:130px;border:1px solid #6DAFE6;margin:0 auto;padding:15px 10px 0 10px;font-size: 17px;font-weight: bolder;cursor: pointer;background: #FFF;position: relative;text-align: center; box-shadow:0px 0px 5px #CACACA inset;}
.check div p small{font-size: 14px;font-weight: 100;padding-top:5px;text-align: left;}
.check div p button{position: absolute;bottom: 2px;right:2px;}

.check p.shade{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}

.content_area{transition:all 0.3s ease-in;height:0px;overflow: hidden;text-align: center;}
.content_area span{margin:0 auto; border:1px solid #ccc;border-radius: 0 0 3px 3px;-moz-border-radius: 0 0 3px 3px;-webkit-border-radius: 0 0 3px 3px;padding:3px 8px;background: #DEDEDE;font-size: 12px;cursor: pointer;}
.content_area .content_html{padding:20px 30px;width:900px;margin:0 auto;margin-bottom: 10px;}
.content_area .content_html input{height:30px; line-height: 30px;}
.content_area.active{transition:all 0.3s ease-in;height:10%;overflow:hidden;padding:20px;margin-bottom: 40px;background: #FFF;border-top:1px solid #ccc;border-bottom:1px solid #ccc; box-shadow:0px 0px 11px #CACACA inset;}

.ui-autocomplete{width:100px; background: #FFF; border:1px solid #CCCCCC;position: absolute;padding:0;margin:0;}
.ui-autocomplete li.ui-menu-item{padding:2px 8px;}
.ui-autocomplete li.ui-state-focus{background: #F0F0F0;padding:2px 8px;margin:0;}
.ui-autocomplete li a{text-decoration: none;display: block;;}
.ui-helper-hidden-accessible{display: none;height:0px;}

.main .box h2{font-weight: bolder;border:1px solid #F1F1F1;text-align: center;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;padding:10px 0;}
.main .box .catmenu{text-align: center;padding:0;}
.main .box .catmenu li{height:35px; line-height:35px;margin-bottom: 5px; background: #F4F4F4;cursor: pointer;font-size: 16px;text-align: left;padding-left:30px;}
.main .box .catmenu li a{color: #666;display: block;}
.main .box .catmenu li:hover{background: #72A7DE;}
.main .box .catmenu li:hover a{color: #FFF;text-decoration: none;}
.main .box .catmenu li:hover a i{color: #FFF;}

.main .box .catmenu li.active{background: #72A7DE;}
.main .box .catmenu li.active a{color: #FFF;text-decoration: none;}
.main .box .catmenu li.active a i{color: #FFF;}

.toolbar ul{position: fixed;width:auto;}
.toolbar ul li{height:40px;width:40px;line-height:45px;text-align: center;background: #FFF;margin-top: 3px;border:1px solid #DFDFDF;cursor: pointer;margin-left: 5px;}

@media (min-width: 768px) {
  .container{width:1200px;}
  .header-title{padding:20px 120px 20px 100px;}
  .quick{margin-left:40px;}
  /*.common-tips li{float: left;}*/
  .margin-right-80{margin-right: 80px!important}
  .margin-right-40{margin-right: 40px!important}
  .margin-left-40{margin-left: 40px!important}
  .margin-left-60{margin-left: 60px!important}
  .margin-left-80{margin-left: 80px!important}
  .main .search input{width:400px;}
  .main .contents .other-question ul li{width:50%;float: left;}
  .main .contents .other-question .page-header{padding-left: 10px;}
  .main .contents .other-question ul li{padding-left: 10px;}
  .main .contents .other-question ul:last-child{border-right:none;margin:0;padding:0;}
  .main .contents .common-question{border-right:1px solid #EEEEEE;}
  .question-show div.info{padding: 10px 0 5px;text-align: left;}
  .question-show div.keywords{padding: 10px 0 5px;text-align: right;}
}
@media (max-width: 1119px) {
  .container{width:1000px;}
}
@media (max-width: 767px) {
  .container{width:100%;}
  .header-title{overflow: hidden;height:auto;}
  .area-login{width:100%;margin-top: 100px;margin-bottom:10px;text-align: right;}
  .area-login .btn-group{margin:0;}
  .margin-top-20{margin-top: 20px!important}
}
@media (max-width: 480px) {
  .contents h2{font-size: 23px;}
  .question-show h2{font-size: 20px;}
  .main .search input{width:98%;margin-bottom: 5px;}
  .main .search button{width:98%;}
  .main .contents .other-question .page-header{margin-top: 15px;}
  .question-show div.info{padding: 0;text-align: left;}
  .question-show div.keywords{text-align: left;padding:0;}
  .header-title{background-size: 100% ;background-position: 0 0 ;}
  .area-login{margin-top: 80px;}
}

@media (max-width: 320px) {
  .question-show div.info{padding: 0;text-align: left;}
  .question-show div.keywords{text-align: left;padding:0;}
}