@charset "utf-8";
@import url(../../css/common.import.css);
@import url(../../css/font.import.css);
@import url(../../css/sprites.import.css);
@font-face {font-family: 'forum-iconfont';
  src: url('../../lib/fonts/iconfont.eot'); /* IE9*/
  src: url('../../lib/fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../../lib/fonts/iconfont.woff') format('woff'), /* chrome、firefox */
  url('../../lib/fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../../lib/fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
  font-family:"forum-iconfont";
  font-size:16px;font-style:normal;
}
BODY {
	FONT-WEIGHT: normal;
	COLOR: #000000;
	FONT-STYLE: normal;
	TEXT-DECORATION: none;
	background-color:#FFF;
	FONT-FAMILY:  "微软雅黑",Tahoma,Arial,宋体;
	display:block;
	background-attachment:fixed;
	_background-image:url(about:blank);

}
#header .nav-tabs{border:0;}
#header .nav-tabs li{margin-left:5px;margin-bottom:0}
#header .nav-tabs li a{
    font-size:14px;
    border:inherit;
    text-align: center;
    width:120px;
    border-top:1px solid;
}

#header .nav-tabs li a:hover{
    border:0;
    border-top:1px solid;
    background-color:#38afff;

}
#header .nav-tabs li.active a{
    border-top-color:transparent!important;
    background-color:#FFF!important;
    color:#000!important;

}
.container{width: 1000px}
.placeholder { color: #aaa; }
.right_panle .affix{
    top: 20px;
}
.container1{width: 1000px}
.placeholder { color: #aaa; }
.right_panle .affix{
    top: 20px;
}
.yul {

    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #dddddd;
    border-right-color: #dddddd;
    border-bottom-color: #dddddd;
    border-left-color: #dddddd;
    background-color: #ffffff;
}
.yu3 {

    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #E4E4E4;
    border-right-color: #E4E4E4;
    border-bottom-color: #E4E4E4;
    border-left-color: #E4E4E4;
    background-color: #ffffff;
}
.yu2 {

    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #cccccc;
    border-right-color: #cccccc;
    border-bottom-color: #cccccc;
    border-left-color: #cccccc;
    background-color: #f8f8f8;
}
.yu5 {

    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #f8f8f8;
    border-right-color: #f8f8f8;
    border-bottom-color: #f8f8f8;
    border-left-color: #f8f8f8;
    background-color: #ffffff;
}
._box
{
    position: relative;
    width: 630px;
    height: 50px;
    background-color: #ffffffF;
    /* background-image: url(images/bg.png);*/
    background-repeat: no-repeat;
    background-position: 0 0;
    background-attachment: scroll;
    line-height: 49px;
    text-align: center;
    color: black;
    cursor: pointer;
    overflow: hidden;
    z-index: 1;
}
._box input
{
    position: absolute;
    width: 630px;
    height: 50px;
    line-height: 40px;
    font-size: 23px;
    opacity: 0;
    filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    left: -5px;
    top: -2px;
    cursor: pointer;
    z-index: 2;
}
._box1
{
    position: relative;
    width: 630px;
    height: 50px;
    background-color: #ffffffF;
    /* background-image: url(images/bg.png);*/
    background-repeat: no-repeat;
    background-position: 0 0;
    background-attachment: scroll;
    line-height: 16px;
    text-align: center;
    color: black;
    cursor: pointer;
    overflow: hidden;
    z-index: 1;
}
._box1 input
{
    position: absolute;
    width: 630px;
    height: 50px;
    line-height: 40px;
    font-size: 23px;
    opacity: 0;
    filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    left: -5px;
    top: -2px;
    cursor: pointer;
}
/*a:hover{ text-decoration:none;}*/
.artli ul li .bubble1 {
    max-width: 120px;
    display: inline-block;
    height: auto;
    width:120px;
    position: relative; }
.artli ul li .bubble2{
    max-width: 500px;
    display: inline-block;
    height: auto;
    width:500px;
    position: relative; }
.tli ul li .bue1 {
    max-width: 65px;
    display: inline-block;
    height: auto;
    width:65px;
    position: relative; }
.artli ul li .bubble2 {
    max-width: 620px;
    height: auto;
    display: inline-block;
    width:620px;
    position: relative; }
.artli ul li .bubble3{
    max-width: 144px;
    display: inline-block;
    width:144px;
    position: relative; }
.artli ul {padding-right:0px;line-height:10px;}
.artli ul li div{display: inline-block;position: relative;  }
.artli ul li span{ padding-right:0px;padding-left:0px;}
.tihuan{
    background: #ffffff;border: 1px solid #1e8cce;
    border-radius: 5px;
    color: #1e8cce;}

.toukuang {width: 80px;
    height:80px;
    border-radius:5px;
    border:1px solid #CCCCCC ;
    float: left;}
.you{float: right;
    text-align: center;
    width: 305px;
    height: 160px;
    border: 1px solid #e8e8e8;}
.ku  {width: 200px;
    height: 170px;
    background: #f8f8f8;
    margin-top: 36px;}
#apDiv1 {
    position: absolute;
    height: 41px;
    z-index: 1;
    left: 0px;
    top: 88px;
    background-color: #ffffcc;
    border: 1px solid #ff9519;

     top: 115px;


    border-color:#000
border:1px;
    float: left;
}
.tips{width:100%;margin:0 auto;line-height:24px;}
.bredcolor{color:#fff;}
.radiotabs {width:100%;}
input.tabs {display:none;}
input.tabs + label {
    display:block;border:0px solid #aaa; text-decoration:none; color:#6699CC;font-weight: 400!important;
    float:left;position:relative; padding:0 0px; margin-right:10px;
    /*border-radius:5px 5px 0 0;*/
    background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.3)));
    background-image:-moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
    background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
    background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
    background-image:linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
}
input.tabs + label img {position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}
.tabcontent {width:100%; border:0px solid #aaa; border-radius:0 5px 5px 5px; background:#fff; position:relative;display:none; clear:left;
}

.tabcontent {display:none;color:#000;}
/*input.tabs:checked + label>strong {background-color:#fff!important; border-bottom:1px solid #FFF!important; color:#666;font-weight: 400!important;}*/
.checkColor{background-color:#fff!important; border-bottom:1px solid #FFF!important; color:#666;font-weight: 400!important;}
input#tab1:checked ~ section#view1 {display:block;}
input#tab2:checked ~ section#view2 {display:block;}
input#tab3:checked ~ section#view3 {display:block;}
input#tab4:checked ~ section#view4 {display:block;}
input#tab5:checked ~ section#view5 {display:block;}


.tipd{width:100%;margin:0 auto;line-height:24px;}
.bredcolor{color:#fff;}
.radiotabd {width:100%;}
input.tabd {display:none;}
input.tabd + label {
    display:block;border:0px solid #aaa; text-decoration:none; color:#333333;
    float:left;position:relative; padding:0 0px; margin-right:30px;
    border-radius:5px 5px 0 0;
    background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.3)));
    background-image:-moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
    background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
    background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
    background-image:linear-gradient(top, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.2) 50%, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
}
input.tabd + label img {position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}
.tabcontent {width:100%; border:0px solid #aaa; border-radius:0 5px 5px 5px; background:#fff; position:relative;display:none; clear:left;
}

.tabcontent {display:none;color:#000;}
input.tabd:checked + label {background-color:#fff; border-bottom:3px solid #000000; color:#000;}
input#tabd1:checked ~ section#view1 {display:block;}
input#tabd2:checked ~ section#view2 {display:block;}
input#tabd3:checked ~ section#view3 {display:block;}
input#tabd4:checked ~ section#view4 {display:block;}
input#tabd5:checked ~ section#view5 {display:block;}

.userPage_title{color: #333333; white-space:normal;word-break: break-all;height: auto; overflow: hidden;line-height: 30px;}
.size13{font-size:13px}
.color6699CC{color: #6699CC}
.color666{color: #666666}
.color999{color: #999999}

/*Index*/
.indexPage{
    width: 1000px;
    margin: 30px auto;
    padding: 0;
    min-height: 700px;
}

.searchIpt{
    width: 700px;
    height: 50px;
    border-radius: 5px;
    text-indent: 24px;
}
.searchIpt::-webkit-input-placeholder{
    color: #a1a1a1;
}
.searchIpt:focus{
    -webkit-box-shadow: 0 ;
    -moz-box-shadow: 0 ;
    box-shadow: 0;
}
.autoComplete{
    position: absolute;
    width: 700px;
    max-height: 300px;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    overflow-y: auto;
    z-index: 100;
    display: none;
}
.articleAutoComplete{
    position: absolute;
    left: 24px;
    width: 275px;
    max-height: 300px;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    overflow-y: auto;
    z-index: 100;
    display: none;
}
.articleAutoComplete .searchResult{
    padding-left: 13px;
}
.articleAutoComplete .searchResult,.autoComplete .searchResult{
    list-style: none;
}
.articleAutoComplete .searchResult li,.autoComplete .searchResult li{
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.inputLable{
    height: 22px;
    line-height: 22px;
    background: lightseagreen;
    display: inline-block;
    color: #FFF;
    padding: 0 10px;
    border-radius: 30px;
    white-space: nowrap;
    font-size: 13px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 35px;
}
.communityContent{
    width: 240px;
    height: 36px;
    color: #FFF;
    margin: 14px auto 0;
    line-height: 36px;
    text-indent: 5px;
    display: block;
}
.baclkI{
    font-size: 16px;
}
.communityContent:hover{
    color: #FFF;
    text-decoration: none;
}
#topic{
    width: 700px;
    height: 36px;
    border-bottom: 1px solid #E4E4E4;
}
#topic a{
    border: 1px solid #E4E4E4;
}

#topicName{
    max-width: 200px;
    height:36px;
    text-decoration:none;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.temA{
    width: 280px;
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
    display: inline-block;
    color: #666;
    position: relative;
}
.moduleA{
    width: 280px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    color: #666;
    position: relative;
}
.temA:hover,.moduleA:hover{
    text-decoration: none;
    color: #51aaf6;
}
.tiketA:hover{
    text-decoration: none;
}
.temNum{
    position: absolute;
    right: 10px;
}
.temText{
    width: 200px;
    position: relative;
    left: -10px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.temNum i{
    margin-left: -5px;
}
#page{
    font-size: 14px;
    color: #666;
}
.faPlus{
    color: #666;
    font-size: 16px;
    margin-left: 10px;
    margin-right: -2px;
}
.questions_content>img{
    width: 50px;
    height: 50px;
}
.leftMenu li{
    width: 280px;
    height: 40px;
    border-bottom: 1px solid #E4E4E4 ;
}
.indexPage .leftMenu li:last-child{
    border-bottom: 0;
}
.leftMenu i{
    font-size: 26px;
    position: relative;
    top: 3px;
}
.temHr{
    width: 264px;
    height: 1px;
    background: #E4E4E4;
    margin-left: 7px;
}
.options{
    width: 700px;
    height: 36px;
    border-bottom: 1px solid #E4E4E4;
}
.options a{
    height:36px;
    text-decoration:none;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    padding: 0 15px;
    border: 1px solid #E4E4E4;
}
.Gray{
    color: #666;
    border-bottom: 1px solid #fff!important;
}
.Gray:hover{
    color: #666;
}
.blue{
    color: #6699CC;
    background: #F6F6F6;
}
.blue:hover{
    color: #6699CC;
}
#questions .questions_content{
    width: 697px;
    height:90px;
    position: relative;
}
#questions .questions_content>img{
    position: relative;
    top: 20px;
}
#questions .questions_content>div{
    position: relative;
    top: 17px;
}
#questions .questions_content>div>p{
    margin: 0;
}
.notText{
    line-height: 20px;
    width: 697px;
    height:130px;
    margin-top: 20px;
    font-size: 14px;
    color: #666;
}
.notText a{
    color: #6699CC;
    text-decoration: none;
    font-weight: bold;
}
.notText a:hover{
    color: #6699CC;
}
.notText span{
    color: #6699CC;
    font-weight: bold;
}
.Count{
    height: 20px;
    font-size:14px;
    text-align: right;
    color: #C9C9C9;
    position: absolute;
    margin: auto;
    right: 0;
    top: 0;
    bottom: 0;
}
.contMg{
    margin: 0 6px 0 11px;
}
.faUpload{
    font-size: 16px;
    color: #4ab9ff!important;
    position: relative;
    top: 2px;
}
.faLock{
    font-size: 18px!important;
    color: #999;
    margin-left: -10px;
    top: -13px!important;
}
.faDesktop{
    font-size: 16px;
    color: #6cc955!important;
    position: relative;
    top: 2px;
}
.faVideo{
    font-size: 16px;
    color: #fcad23!important;
    position: relative;
    top: 2px;
}
.iBox{
    width: 100px;
    height: 24px;
    line-height: 20px;
    text-align: center;
    color: #666;
    background: #F2F2F2;
}
.submitTicketAdd{
    padding: 0;
    color: #666;
    margin-top: 15px;
}
.submitTicket{
    padding: 0;
    color: #666;
 }
#queryTicket label>strong{
    height: 36px;
    display: block;
    line-height: 36px;
    padding: 0 10px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #E4E4E4;
    font-weight: 400;
}
.ticketBtn{
    width: 120px;
    height: 36px;
    font-size: 16px;
}
#ticketMuen{
    width: 1000px;
    height: 36px;
    padding-left: 10px;
    border-bottom: 1px solid #E4E4E4;
}
#ticketList{
    width: 980px;
    margin-left: 10px;
}

.detailList{
    width: 1000px;
    margin: 30px auto 0;
    min-height: 700px;
}
#reply_btn{
    width: 68px;
    height: 32px;
    position:relative;
    left:50px;
}
.datailRgight{
    width: 280px;
    position: relative;
    top: 80px;
    background: #F5F5F5;
    padding: 18px 18px 0 18px;
}
.pending,.solved{
    padding: 0 15px;
    margin-left: 185px;
    line-height: 24px;
    display: inline-block;
    font-size: 13px;
    color: #666;
    background: #F7CB8E;
    border-radius: 10px;
    text-align: center;
}
.overWork{
    margin: 20px 0 26px 0;
    padding: 20px;
    width:700px;
    background-color: #F5F5F5;
}
.newWork,.closed{
    margin: 20px 0 30px;
    padding: 1px;
    width: 700px;
    background-color: #F5F5F5;
}
.suspended,.deleted,.solvedWork{
    width: 700px;
    height: 120px;
    padding-left: 20px;
    margin: 20px 0 30px;
    background: #F5F5F5;
}
#closed{
    width: 700px;
    height: 162px;
    padding-left: 20px;
    background: #F5F5F5;
}
.solvedWork p{
    width: 618px;
    height: 60px;
    background: #F7CB8E;
    padding-left: 20px;
    padding-top: 12px;
    font-size: 13px;
    color: #666;
    position: relative;
    left: 40px;
    top: 20px;
}
#closed p,.suspended p,.deleted p{
    width: 618px;
    height: 60px;
    line-height: 60px;
    background: #F7CB8E;
    padding-left: 20px;
    color: #666;
    position: relative;
    left: 40px;
    top: 20px;
}
#closed p span{
    color: #6699DD;
}
.disabledBtn{
    width: 68px;
    height: 32px;
    position: relative;
    left: 40px;
    top: 40px;
    background: #999!important;
    color: #FFF;
    border: 0;
}
.pending{
    margin-top: 20px;
}
.newWork dd img,.closed img,.suspended img,.deleted img,.solvedWork img{
    width: 32px;
    height: 32px;
}
.userEva{
    margin: 10px 0 0 10px;
    font-size: 13px;
    color: #666;
}
.userEva input{
    margin-left: 20px;
}
.userEva button{
    width: 68px;
    height: 32px;
    margin-left: 20px;
}
.showcont{
    margin-left: 20px;
}
#suggestion_content{
    width: 500px;
    height: 60px;
    margin-left: 20px;
}
.userImg img{
    width: 32px;
    height: 32px;
}
.userTime p{
    margin: -10px 0 0 0;
    font-size: 12px;
    color: #666;
}
.userTime p>span{
    color: #999;
    margin-left: 5px;
}
.userTime pre{
    padding: 0;
    font-size: 13px;
    color: #666;
}
/*资源*/
.resourcesPage{
    width: 1000px;
    height: auto;
    margin: 3px auto 0;
    min-height: 700px;
}
.resourceMenu li a{
    color: #FFF;
}
.resourceMenu li a:hover{
    text-decoration: none;
}
.resourceContact{
    width: 200px;
    margin-top: 30px;
    padding-bottom: 15px;
    color: #666;
}
.resourceWX{
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #FFF;
}
.resourceWX img{
    width: 80px;
    height: 80px;
}
/*社区管理*/
.communityManagementPage{
    width: 1000px;
    margin: -32px auto 0;
    min-height: 700px;
}
.managementLeft{
    position: relative;
    top: 30px;
    margin-left: 220px;
    color: #666;
}
.conmmunityLeft a:hover{
    text-decoration: none;
}
/*添加文章*/
.articleAddPage{
    width: 1000px;
    height: auto;
    margin: 27px auto 0;
    position: relative;
}
.addheadLeft{
    width: 300px;
    height: 100px;
}
.addheadLeft{
    width: 700px;
    height: 100px
}
.privateContent{
    background: #f3ca9e;
}
.display_inline_block{
    display: inline-block;
}
/*我的账户,修改密码,编辑个人资料,工单提交成功,工单提交失败*/
.minePage,.minePasswordPage,.mineEdit,.ticAddSucc,.ticAddError{
    padding: 0;
    margin-top: 3px;
    color: #666;
    min-height: 700px;
}
.nickNmae,.groupName{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: -10px;
}
.nickNmae{
    max-width: 250px;
}
.groupName{
    max-width: 150px;
}
.text_overflow_ellipsis{
    word-break: keep-all;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.ticAddSucc,.ticAddError,.registerPage,.questionPage,.submitTicketAdd,.submitTicket,.questionUpdataPage{
    min-height: 700px;
}
.submitTicketAdd .modal-center{
    position: absolute;
    height: 100%;
    margin: auto;
    left: 0;
    right: 0;
    top: 50%;
    bottom: 0;
}
.submitTicketAdd .noSignEmail .header{
    margin-bottom: 30px;
}
.submitTicketAdd .noSignEmail .header h2{
    color: #ff6600;
}
.submitTicketAdd .noSignEmail .body .formList{
    list-style: none;
    padding: 0;
}
.submitTicketAdd .noSignEmail .body .formList label{
    width: 100px;
}
.submitTicketAdd .body .formList li{
    margin-bottom: 20px
}
.submitTicketAdd .noSignEmail .body .formList li input{
    width: 350px;
    height: 40px;
    display: inline-block;
    margin-right: 10px;
}
.submitTicketAdd .noSignEmail .body .formList .four{
    margin-bottom: 40px;
}
.submitTicketAdd .noSignEmail .body .formList li .loginTicketDetail{
    width: 350px;
    height: 40px;
    background: #66a9db;
    font-size: 18px;
}
/*问题话题*/
.askPage{
    width: 1000px;
    padding: 0;
    margin: 23px auto;
    min-width: 600px;
}
.questionSearch,.articleSearch{
    position: absolute;
    right: 30px;
    top: 3px;
}
.questionSelect{
    width: 90px;
    height: 20px;
    padding: 0;
}
.articlePage{
    width: 1000px;
    padding: 0;
    margin: 26px auto;
    min-height: 700px;
}
.articleUpdate{
    width: 1000px;
    margin: 0 auto;
}
.articleDraft{
    min-height: 700px;
}
.featuresBorder{
    border: 1px solid #E4E4E4;
}
.featuresBorderRight{
    border-right: 1px solid #E4E4E4;
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
}
/*删除的问题页面*/
.questionDelPage{
    width: 1000px;
    margin: 20px auto 0;
}
/*提交工单*/
#contentCtrl input::-webkit-input-placeholder,#contentCtrl textarea::-webkit-input-placeholder{
    color: #ccc;
}
.searchPage{
    width: 1000px;
    padding: 0;
    margin: 30px auto;
    min-height: 700px;
}
.searchMenu{
    width: 700px;
    height: 36px;
    border-bottom: 1px solid #E4E4E4;
    font-size: 14px;
    margin: 0 0 5px;
    padding-left: 10px;
}
.searchMenu li{
    list-style: none;
    float: left;
    text-align: center;
    line-height: 40px;
}
/*search*/
.searchMenu label a{
    width: 100px;
    height: 36px;
    display: block;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #E4E4E4;
    background: #F6F6F6;
    text-decoration: none;
}
.searchMenu .tabs + label{
    color: #6699CC;
    float: left;
    position: relative;
    margin-right: 10px;
}
.searchColor{
    background-color: #fff!important;
    border-bottom: 1px solid #FFF!important;
    color: #666;
}
/*headerPage*/
.loginBtn,.userBox .signConsole{
    color: #666;
    padding: 4px 15px;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    border-radius: 30px;
    border: 0;
    position: relative;
    bottom: 0px;
    outline: none;
    margin-left: 10px;
}
.userLoginBtn,.engineerLoginBtn{
    border: 1px solid #fff;
    border-radius: 5px;
}
.userLoginBtn{
    color: #000;
    padding: 4px 15px;
}
.engineerLoginBtn{
    background: none;
    color: #fff;
    padding: 4px 10px;
}
#pincode{
    width:163px;
    border: 0!important;
    outline: none;
    background: none;
    color: #E4E4E4;
    text-indent: 8px;
}
.loginMenu{
    text-align: center;
    min-width: 110px;
}
.loginMenu li{
    width: 100%;
}
.loginMenu li a{
    outline: none;
}
.loginText{
    position: absolute;
    right: 0;
    top: 16px;
    color: white;
}
.bgInput{
    width: 160px;
    height: 8px;
    display: inline-block;
    position: absolute;
    top: 13px;
}
#pincode::-webkit-input-placeholder{
    color: #E4E4E4
}
#pincode::-moz-placeholder{
    color: #E4E4E4
}
.userBox{
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 13px;
}
.userBox .userName {
    max-width: 55px;
    position: relative;
    top: 5px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #98DAE6;
}
.userBox img{
    margin-right: 5px;
}
.userBox .signOut{
    color: white;
    position: relative;
    top: 2px;
    margin-left: 5px;
}
.caretDown{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 6px;
    font-size: 22px;
}
#pincodeBtn{
    width: 16px;
    height: 16px;
    padding: 0;
    border:0;
    border-radius: 50%;
    outline: none;
    position: relative;
    top: 5px;
}
#pincodeBtn>i{
    width: inherit;
    height: inherit;
    position: relative;
    top: 1px;
    font-size: 18px;
}

.helpNavigation li{
    float:left;
    list-style:none;
    margin-right: 15px;
}
#menu1{
    width: 158px;
    margin-left: -50px;
}
#menu1>li{
    width: 100%;
}
.prelog{border: 0px;outline: none;}
.line_blue ul li a{ color:#0099ff;}
.line_blue ul li{ padding-top: 2px;}
.forum_community_select{
    height: 30px;
    padding: 0 12px;
    font-size: 14px;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-right: 5px;
    width: 120px;
    display: inline-block;
}
#forum_community_time_box input{
    width: 170px;
    height: 25px;
    padding: 0 12px;
    font-size: 14px;
    color: #555;
    border-radius: 4px;
    display: inline-block;
}
.ticket_bottom_80{
    bottom: 80px;
}
.ticket_bottom_0{
    bottom: 0;
}
.color_ccc{
    color:#ccc;
}
.color_yellow{
    color: #ffb34b;
}
.fuwenben{
    width: 1px;
    height: 118px;
    position: absolute;
    right: 0;
    top: 31px;
    background: #D4D4D4;
    z-index: 1000;
}
.fuwenbenAdd{
    width: 1px;
    height: 181px;
    position: absolute;
    right: 0;
    top: 64px;
    background: #D4D4D4;
    z-index: 1000;
}
.articleBorder{
    width: 1px;
    height: 450px;
    position: absolute;
    right: 0;
    top: 75px;
    background: #D4D4D4;
    z-index: 1000;
}
.questionBorder{
    width: 1px;
    height: 455px;
    position: absolute;
    top: 30px;
    right: 30px;
    background: #D4D4D4;
    z-index: 1000;
}
.registerPage{
    width: 1000px;
    margin: 50px auto;
}
.registerPage .noSignEmail .header{
    margin-bottom: 32px;
}
.registerPage .noSignEmail .header .text{
  color: #333;
}
.registerPage .noSignEmail .body .formList{
    list-style: none;
    padding: 0;
}
.registerPage .noSignEmail .body .formList label{
    width: 95px;
    color: #666;
}
.registerPage .body .formList li{
    margin-bottom: 20px
}
.registerPage .noSignEmail .body .formList li .input{
    width: 350px;
    height: 40px;
    display: inline-block;
    margin-right: 10px;
}
.registerPage .noSignEmail .body .formList .four{
    margin-bottom: 40px;
}
.registerPage .noSignEmail .body .formList li .loginTicketDetail{
    width: 350px;
    height: 40px;
    font-size: 14px;
    font-weight: 700;
    outline: 0;
}
.nickNameHide{
    display: inline-block;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: -4px;
}
.lableList{
    background: #e3eff7;
    color: #6699cc;
    padding: 2px 10px;
    border-radius: 30px;
    text-decoration: none;
    margin: 0 5px 5px 0;
    white-space: nowrap;
    cursor: default;
    font-size: 13px;
}
.lableList:hover{
    text-decoration: none;
    color: #6699cc;
}
.titleOverflow450{
    width: 450px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.titleOverflow700{
    width: 700px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
/* 新年礼物活动 */
/*.happyNew{
    position: fixed;
    margin: auto;
    right: 30px;
    top: 35%;
    cursor: pointer;
    display: none;
}
.happyNew .jx1 .close,.happyNew .jx2 .close{
    display: inline-block;
    text-align: center;
    font-size: 20px;
    position: absolute;
    top: -30px;
    width: 23px;
    height: 23px;
    background-color: red;
    border-radius: 50%;
    color: #fff;
}
.happyNew .jx1 .close{
    left: 190px;
}
.happyNew .jx2 .close{
    left: 136px;
}
.happyNew .jx2{
    display: none;
}*/

/*
*没有账号
*/
.noAccountPage{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    border: 0;
}
.noAccountPage .noAccountContent{
    width: 480px;
    height: 300px;
    margin: 25px 85px 0 55px;
}
.noAccountPage ul{
    list-style: none;
    padding: 0;
}
input.noTables{
    display: none;
}
.noTableTitle{
    padding: 3px 15px;
    outline: none;
    border: 0;
    font-size: 18px;
    margin-right: 8px;
    background: #eee;
}
.noAccountPage .user{
    display: none;
}
.noTableContent{
    margin-top: 16px;
}
.noAccountPage .accountThird{
    margin-top: 38px;
    text-align: right;
}
.noAccountPage .accountThird a{
    text-decoration: none;
}
.noAccountPage .accountThird img{
    margin-left: 10px;
}
.noAccountContent .user li{
    margin-top: 20px;
}
.noAccountContent .user li:nth-child(1),.noAccountContent .user li:nth-child(2){
    padding-bottom: 16px;
    border-bottom: 1px solid #EFEFEF;
}
.noAccountPage .noTableContent li strong{
    float: left;
}
.noAccountPage .noTableContent li span{
    display: block;
    overflow: hidden;
}.noAccountPage .noTableContent li a{
    font-weight: 700;
    display: inline-block;
    margin: 12px 0 0 84px;
}
/*
*账号绑定页面
*/

.accountBindingPage .header{
    width: 100%;
    height: 70px;
    line-height: 70px;
}
.accountBindingPage .header .headerNav{
    width: 1000px;
    height: 100%;
    margin: auto;
    position: relative;
}
.accountBindingPage .header .logo{
    float: left;
    margin-right: 10px;
}
.accountBindingPage .header .headerText{
    overflow: hidden;
    font-size: 26px;
    margin: 0;
}
.accountBindingPage .header .headerText h1{
    display: inline-block;
    font-size: 26px;
}
.accountBindingPage .bgImage{
    width: 100%;
    height: 100%;
    z-index: -1;
}
.accountBindingPage .body{
    position: absolute;
    left: 0;
    right: 0;
    top: 70px;
    bottom: 0;
}
.accountBindingPage .body .content{
    width: 1000px;
    height: 500px;
    background: #fff;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 115px;
}
.accountBindingPage .body .content .bindingForm{
    width: 350px;
    height: 100%;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.accountBindingPage .body .content .title{
    margin: 70px auto 35px;
    font-size: 35px;
    text-align: center;
}
.accountBindingPage .bindingFormList{
    list-style: none;
    padding: 0;
}
.accountBindingPage .bindingFormList > li .formText{
    width: 350px;
    height: 44px;
}
.accountBindingPage .bindingFormList > .FormList_1{
    margin-bottom: 26px;
}
.accountBindingPage .bindingFormList > .FormList_2{
    margin-bottom: 45px;
}
.accountBindingPage .bindingFormList > .FormList_3{
    margin-bottom: 27px;
}
.accountBindingPage .bindingFormList > .FormList_4{
    text-align: center;
}
.accountBindingPage .bindingFormList .formCheckbox a{
    float: right;
}
.accountBindingPage .bindingFormList .keepSignText{
    position: relative;
    top: -2px;
}
.accountBindingPage .bindingFormList > .FormList_3 input{
    width: 350px;
    height: 43px;
    background: #66a9db;
    outline: 0;
    border: 0;
    font-size: 18px;
    color: #fff;
}
/* start 多选下拉 */
.multiselect-icon{
  position: absolute;
  top: 6px;
  right: 4px;
}
.multiselect-options{
    width: 700px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    padding-left: 10px;
    display: none;
}
.multiselect-options .multiselect-search{
  margin-top: 5px;
  width: 99%;
  padding-left: 5px;
  line-height: 24px;
  border: 1px solid #e4e4e4;
}
.multiselect-option{
  color: #666;
  text-decoration: none;
  padding: 10px 0;
  display: inline-block;
  width: 100%;
}
.multiselect-option .selected{
  display: none;
}
.multiselect-option .txt{
  margin-left: 10px;
}
.multiselect-option:hover{
    text-decoration: none;
    color: #666;
}
/* end 多选下拉 */

#inputfileName li i,#uploadgif li i{
  color: #d1d3dd
}
#inputfileName li span,#uploadgif li span{
    position: relative;
    top: -1px;
}
