@charset "utf-8";
:root {
    --primary: #1890ff;
    --blue-1: #e6f7ff;
    --blue-2: #bae7ff;
    --blue-3: #91d5ff;
    --blue-4: #69c0ff;
    --blue-5: #40a9ff;
    --blue-6: #1890ff;
    --blue-7: #096dd9;
    --blue-8: #0050b3;
    --blue-9: #003a8c;
    --blue-10: #002766;
    --geekblue-1: #f0f5ff;
    --geekblue-2: #d6e4ff;
    --geekblue-3: #adc6ff;
    --geekblue-4: #85a5ff;
    --geekblue-5: #597ef7;
    --geekblue-6: #2f54eb;
    --geekblue-7: #1d39c4;
    --geekblue-8: #10239e;
    --geekblue-9: #061178;
    --geekblue-10: #030852;
    --gray-1: #ffffff;
    --gray-2: #fafafa;
    --gray-3:#f5f5f5;
    --gray-4: #f0f0f0;
    --gray-5: #d9d9d9;
    --gray-6: #bfbfbf;
    --gray-7: #8c8c8c;
    --gray-8: #595959;
    --gray-9:#434343;
    --gray-10: #262626;
    --gray-11: #1f1f1f;
    --gray-12:#141414;
    --gray-13: #000000;
}
html,body {-webkit-text-size-adjust: 100% !important;}
.center {text-align: center}
.left {text-align: left}
.right {text-align: right}
.normal{ font-weight: normal;}
.mr10{margin-right: 10px;}

a, a:hover{text-decoration: none}
.hover:hover {opacity: 0.8; filter:alpha(opacity=80); }
a.hover:hover{text-decoration: none;}

ul,ol,dl{
    margin: 0;
    padding: 0;
}
ul>li,ol>li,dl>dd{
    list-style: none;
    margin: 0;
}
/* -----  新首页  ----- */
.bg-w{
    background-color: #fff;
}
.bg-ga{
    background-color: #f3f3f3;
}
.cont-w{
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    padding: 60px 0;
}
.cont-w:after {clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden;}
.cont-b{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.cont-title{
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 32px;
    line-height: 55px;
    color: var(--gray-10);
}
.cont-title svg.icon {
    width: 50px;
    height: 50px;
    margin-right: 20px;
}
.tools-b{
    width: 100%;
    margin: 0 auto;
}
.tool{
    float: left;
    width: 380px;
    height: 310px;
    padding: 160px 0 0 ;
    margin: 0 30px 30px 0;
    background: #fff url("static/images/index/tools-bg-01.png") center 35px no-repeat;
}

.tool:nth-child(1){
    background-image: url("static/images/index/tools-bg-01.png");
}
.tool:nth-child(2){
    background-image: url("static/images/index/tools-bg-02.png");
}
.tool:nth-child(3){
    background-image: url("static/images/index/tools-bg-03.png");
}
.tool:nth-child(4){
    background-image: url("static/images/index/tools-bg-04.png");
}
.tool:nth-child(5){
    background-image: url("static/images/index/tools-bg-05.png");
}
.tool:nth-child(6){
    background-image: url("static/images/index/tools-bg-06.png");
}
.tool:nth-child(3n){
    margin-right: 0;
}
.tool-title{
    text-align: center;
    font-size: 24px;
    color: #555;
    margin: 0 auto 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}
.tool-title>span{
    background-color: #fff;
}
.tool-name{
    float: left;
    font-size: 16px;
    color: #999;
    margin: 0 30px 0 20px;
}
.tool-tools{
    float: left;
    width: 266px;
}
.tool-tools>li{
    float: left;
    min-width: 80px;
    margin-right: 10px;
}
.tool-tools.performance>li{
    min-width: 50px;
}
.tool-tools.performance>li:nth-child(3){
    margin-right: 0px;
}
.tool-tools>li>a{
    font-size: 14px;
    color: #3293ff;
    border-radius: 3px;
    padding: 5px 10px;
    line-height: 28px;
}
.tool-tools>li>a:hover{ background-color: #3293ff; color: #ffffff}

.solutions{
    width: 600px;
    float: left;
    height: 530px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.solutions:hover {
    cursor: pointer;
}

.su-mask{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    text-align: center;
    position: relative;
    transition: background-color .1s linear;
}

.su-icon{
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-top: 125px;
    transition: margin-top .2s linear;
}
.su-icon.su1{
    background-position: 6px 0;
}
.su-icon.su2{
    background-position: -150px 0;
}

.su-title{
    font-size: 48px;
    color: #fff;
    margin-top: 20px;
}
.su-subtitle{
    font-size: 16px;
    color: #fff;
}
.su-a{
    display: inline-block;
    width: 165px;
    height: 48px;
    line-height: 46px;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
    text-decoration: none;
    margin-top: 30px;
    color: #fff;
}
.solutions:hover .su-a{
    background-color: #fff;
    color: #293037;
    text-decoration: none;
}
/*solutions 动画
.solutions:hover .su-mask{
    background-color: rgba(50,147,255, .6);
    transition: background-color .1s linear;
}
.solutions:hover .su-icon{
    margin-top: 100px;
    transition: margin-top .2s linear;
}
.solutions:hover .su-a{
    opacity: 1;
    margin-top: 38px;
    transition: all .2s linear;
}
solutions 动画  end*/

.serve{
    float: left;
    width: 500px;
    height: 68px;
    margin: 30px 0 30px 90px;
}
.serve-dl{
    float: left;
    color: #505f79;
    margin-left: 30px;
    width: 75%;
}
.serve-dl dt{
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
    color: var(--blue-7);
}
.serve-dl dd{
    font-size: 14px;
    line-height: 1.7em;
}
.serve-icon{
    width: 60px;
    height: 60px;
    display: inline-block;
}
.serve-icon.i1{
    background: url("/static/home/images/index/icons/daliang.png");
}
.serve-icon.i2{
    background: url("/static/home/images/index/icons/daliang.png");
}
.serve-icon.i3{
    background: url("/static/home/images/index/icons/daliang.png");
}
.serve-icon.i4{
    background: url("/static/home/images/index/icons/daliang.png");
}

.cont-safe{
    padding: 0;
    background: #35b3fe url("/static/home/images/index/exampleBox1.6192d.jpg") center no-repeat;
    height: 140px;
}
.safe-title{
    font-size: 28px;
    line-height: 140px;
    padding-left: 235px;
    color: #fff;
}

.morePartners{
    width:1080px;
    text-align:right;
    margin:0 auto;
}

.morePartners a{
    color:#34b2fe;
}
.morePartners a:hover {
    filter:alpha(opacity=70);       /* IE */
    -moz-opacity:0.7;              /* 老版Mozilla */
    -khtml-opacity:0.7;              /* 老版Safari */
    opacity: 0.7;           /* 支持opacity的浏览器*/
}
.partner{
    width: 1080px;
    height: 240px;
    margin: 60px auto 0;
    overflow: hidden;
    position: relative;
}
.partner_list{
    width: 9999px;
    position: absolute;
    top: 0;
    left: 0;
}
.partner_box{
    width: 1080px;
    float: left;
}
.partner_arrows{
    width: 22px;
    height: 36px;
    position: absolute;
    top: 218px;
    opacity: .3;
}
.partner_arrows:hover{
    opacity: 1;
    cursor: pointer;
}
.partner_arrows.left{
    left: 0;
    background-position: 0 -405px;
    display: none;
}
.partner_arrows.right{
    right: 0;
    background-position: -75px -405px;
}
.partner_list dl{  float: left;width: 192px; height:106px;  cursor: pointer; overflow: hidden;position: relative; margin: 0 30px 20px 0;}
.partner_list dl:nth-child(5n){ margin-right: 0}
.partner_list dl dt{width: 192px; height:106px; border: 1px solid #eaeaea; background:#ffffff url(static/images/index/partner.png) no-repeat; position: absolute;top: 0px; left: 0px;}
.partner_list dl dd{width: 192px; height: 106px; padding: 5px;box-sizing: border-box;  position: absolute; top: 106px; left: 0px;   border: 1px solid #eaeaea; background: #f8f8f8; }
.partner_detail a{  font-family: "Tahoma", "宋体"; font-size: 12px; color:#777777; display:block; text-decoration: none; height: 106px;}

/*---友情链接开始---*/
.friend-links .friends-box{width:1080px;margin:0 auto;}
.friend-links .friend-link-title{color:#555;}
.friend-links .links-container ul{overflow:hidden;}
.friend-links .friend-item{float:left;padding:0 20px;border-right:1px solid #777;margin:8px 0;height:14px;line-height:14px;}
.friend-links .friend-item:last-child,.friend-links .friend-item:nth-child(11),.friend-links .friend-item:nth-child(21){border:none;}
/*---友情链接结束---*/


.footer-banner{
    background: #39404e url("/static/home/images/index/join.jpg") center no-repeat;
    position: relative;
    height: 449px;
}
.footer-mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.13);
}
.footer-banner .cont-b{
    text-align: center;
}
.footer-banner .cont-title{
    color: #fff;
    margin: 70px 0 20px;
}
.footer-banner .cont-subtitle{
    text-align: center;
    color: #fff;
    margin-bottom: 55px;
}
.footer-a{
    display: inline-block;
    width: 182px;
    height: 50px;
    line-height: 48px;
    font-size: 18px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 0;
    cursor: pointer;
    color: #fff;
    background-color: transparent;
}
.footer-a:hover{
    color: #fff;
    filter:alpha(opacity=70);       /* IE */
    -moz-opacity:0.7;              /* 老版Mozilla */
    -khtml-opacity:0.7;              /* 老版Safari */
    opacity: 0.7;           /* 支持opacity的浏览器*/
}
/* -----  新首页结束  ----- */

.contact_list{width: 96%; margin-left: 6%;}
.contact_list:after{content: ""; display: block;height:104px;}
.contact_list dl{  float: left;margin-right: 2%; width: 23%}
.contact_list dl dt{ float: left; width: 56px ; height: 56px; background: url(../img/source/icons/sprites.png) no-repeat  }
.contact_list dl:nth-of-type(1)>dt{background-position:-7px -299px; }
.contact_list dl:nth-of-type(2)>dt{background-position:-80px -299px; }
.contact_list dl:nth-of-type(3)>dt{background-position:-153px -299px; }
.contact_list dl:nth-of-type(4)>dt{background-position:-227px -299px; }
.contact_list dl dd{ float: left; margin-left: 13px; margin-top: -2px; line-height: 29px;}
.customer_service, .RTX_service{ display: inline-block; width: 92px; height: 27px; line-height: 26px; text-decoration: none; border: 1px solid #d2d2d2; border-radius: 3px; background: #f6f6f6 url(../img/source/icons/sprites.png) no-repeat -448px -175px; font-size: 12px; color: #777777; font-family: "Tahoma", "宋体";padding-left: 34px; white-space: nowrap }
.customer_service:hover{opacity: 0.8; text-decoration: none; }
.RTX_service{background-position: -449px -209px; width: 116px; border: none;  cursor: default; margin-left: -13px;}

.panel.panel-tx {}
.panel-tx > .panel-heading { color:#555555; border-radius: 0;}
.panel-tx .panel-heading .panel-title{ font-size:18px;}
.panel-tx .panel-heading .panel-title .contents {margin-right: 10px; font-size: 14px; vertical-align: 15%}
.panel-tx .panel-title a {color: inherit}
.panel-tx > .panel-heading > a {color: white}
.panel-tx > .panel-body > a {margin-right: 10px}

.txPanel {padding: 5px 0 10px}
.txPanel .txPanel-header {height: 50px; line-height: 50px; color: #555555; font-size: 17px; }
.txPanel-header .text {}
.txPanel-header .search {font-size: 15px}
.txPanel-header .search>.contents>input[type=text] {width: 150px}
.txPanel-body {padding: 5px 0}

#UserRegisterForm .emailinfo {font-size: 15px; color: #8c8c8c;}

.item-group {float: right; position: relative; width: 250px}
.item-group button, .item-group span, .item-group input, .item-group select {margin-left: 5px}

.onworking {background: url('../img/source/construction.png') no-repeat 50%; margin: 0 auto; height: 500px}

.inviteForm {height: 400px; width: 550px; margin: 50px auto; border: 1px #aaaaaa solid; text-align: center}
.inviteForm .inner {margin: 150px auto 20px auto; width: 60%;}
.inviteForm .message {text-align: left; margin: 30px auto}
.inviteForm .buttons button{margin-top: 30px}
.inviteForm .comments {text-align: left; color: #737589; margin-top: 10px}

.cTitle {width: 100%; text-align: left; margin: 20px 0 0 5px; display: table; height: 30px}
.cTitle .text {padding: 0 30px 3px 15px; background-color: #77b6f7; color: #ffffff; height: 30px; font-size: 20px; position: absolute; }
.cTitle .text:after {content: ''; position: absolute; width:0; height:0; right: 0;
    border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 10px solid #ffffff; }
.cTitle a {text-decoration:none; font-size: 14px; height: 30px; line-height: 30px; margin-left: 25%}

.xTitle {height: 40px; line-height: 40px}
.toolTitle {width: 100%; font-size: 22px; text-align: center; background: url(../img/source/titleBack.png) 50% no-repeat;
    margin-top: 20px; height: 30px; line-height: 30px}

.toolArea {margin-bottom: 20px}
.toolsub {font-size: 18px; margin: 20px 10px}
.tooltable {padding: 0}


.login{ width:775px; height:356px; margin:100px auto;position:relative; border:1px solid #b1b3b4; padding-top:36px;}
.login .LoginBottom{ *zoom:1; text-align:center;height:320px;}
.login .LoginBottom h4{ margin-top:0; margin-bottom:30px;}
.login .LoginBottom .RtxLogin{ float:left; width:348px; height:320px; overflow:hidden;}
.login .LoginBottom .QQLogin{float:left; width:374px; height:320px;}
.login .LoginBottom .OA{ width:128px; height:128px; border:1px solid #959595; border-radius:5px; margin:0 auto;}
.login .LoginBottom .QQ{ width:128px; height:128px; border:1px solid #959595; border-radius:5px; margin:0 auto;}
.login .LoginBottom a{ color:red; margin-top:20px; display:block;}
.otherLogin {margin-top: 10px; text-align: left}
.otherLogin .icon {margin-right: 10px; }
.otherLogin img {height: 30px; width: 30px}


.panel.panel-tx .panel-body .span10 pre{ width:700px; background:none; padding-left:0; font-family:"微软雅黑"; height:auto; white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word; }

.container .containerL{ float:left; width:20%}
.container .containerR{ float:left;  border-left:2px solid #d3d1d1; min-height:900px; width:80%}
.container .containerR .SubNav{ height:60px; border-bottom:2px solid #d3d1d1;}
.container .containerR .SubNav ul{ background:url(../img/source/icon_r2_c2.png) no-repeat 146px 20px; overflow:hidden;*zoom:1; height:inherit; line-height:60px; list-style:none;}
.container .containerR .SubNav ul li{ float:left; padding-left:162px;}
.container .containerR .SubNav ul li a{ font-size:18px;}
.container .containerR .form-group{position:relative;  background:url(../img/source/hbg.png) no-repeat 0px 4px; margin-left:15px; margin-top:10px; margin-bottom:0;}
.container .containerR .form-group h3{ margin:0; height:40px; line-height:40px; font-size:16px; /*background:url(../img/source/sarrow.png) no-repeat 80px center; cursor:pointer;*/ padding-left:10px;}
.container .containerR .form-group .subMenu{ width:100px; background:#0CF; height:300px; border-radius:5px; position:absolute; left:60px; top:35px; z-index:100; display:none;}
.container .containerR .guideWrap{ margin-left:15px; margin-top:10px;}
.container .containerR .guideEditWrap{ margin-left:17px;}
.container .containerR .form-group .editorTxt{ border-radius:5px;}
.guideEditWrap .form-control{ border:none;}
.form-group .t_e .clear{ margin-bottom: 15px;border-radius: 5px;}
.form-group .t_e .t_e_main{ border-radius: 5px;}
.containerR .now_state { background:#fff; border-radius: 5px; margin: 0 -15px 10px 15px; height:auto; min-height: 100px; position:relative;}
.containerR .now_state .form-group{ background:none;}
.containerR .now_state .form-group .modify,.containerR .now_state .form-group .delete_article{ cursor:pointer;}
.containerR .now_state .btn{ position:absolute; right:15px; top:10%; border-radius:2px; border:0; cursor:pointer; z-index: 200}
.containerR .alignR{ height:100px;}
.containerR .alignR .btn{ margin-right: 5px}
.container .containerR .form-group h4{ padding-left:10px; font-size:16px;}
.guide_title{ overflow:hidden;  margin-top:20px; *zoom:1;}
.title_left{ height:30px; line-height:30px; background:#fff; border-radius:5px; width:89%; float:left;}
.title_right{ border:0; padding:7px 20px; font-size:12px; border-radius:5px; float:left; margin:10px; cursor:not-allowed;}
.guide_title .guideLabel{ width:500px; padding-left:10px;}
.modify,.delete_article,.edit{color:#a6abb3;}

#historyList{ color:#ccc;}
#historyList li a{ font-style:italic; color:#a6abb3;}


.note_main{ margin: auto; width:1000px;box-sizing:border-box ; }
.note_main .span12 th{ font-weight:normal; line-height:35px; height:35px;}
.note_main .span12 td{ margin-top:10px;}
.note_main .span12 .note_title{ background:#e4e4e4;}
.note_main .span12 .note_editA,.note_main .span12 .note_editB{ cursor:pointer;}
.note_main ul { overflow:hidden;*zoom:1; list-style:none; }
.note_main ul li{ float:left; border:1px solid #000; margin-right:10px;margin-top:10px; padding:2px 20px; border-radius:5px; cursor:pointer;}
.note_main .span12 .note_detail,.note_main .span12 .start_time,.note_main .span12 .end_time{background:none; border:0;}
.note_edit{ border:0; background:none; height:30px;}
.note_main .start_time,.note_main .end_time{ width:180px; padding:3px;width:120px;font-size:12px;font-family:Arial, Helvetica, sans-serif;}
#calendarYear,#calendarMonth,#calendarHour,#calendarMinute{ height:20px; margin:2px 0 3px 5px;}
.ptitle .container{ background: #373A3F;}

.QQLogin #login_frame{opacity: 0}


.infomsg {margin-top: 60px; margin-bottom: 20px;  }

.corporation_detail{height: 200px; width: 650px; margin:20px auto; padding:0 10px; border:1px solid #ececec; text-align: center}
.corporation_top{ height: 60px; margin: 20px 30px; text-align: left}
.corporation_logo {display: inline-block; margin: 0 30px}
.corporation_logo img {max-height: 60px; max-width: 200px;}
.corporation_name{display: inline-block; vertical-align: middle; margin-left: 20px}
.corporation_name>h3 {margin-top: 10px}
.corporation_des{ max-height: 80px; overflow: auto; margin: 0 50px; text-align: left}
.corporation_des pre {text-indent: 25px; font-size: 14px; line-height: 1.8; color: #555555;  white-space: -moz-pre-wrap;
    white-space: pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; overflow-x: hidden; }

.cResults {width: 550px; margin: 30px auto; text-align: center}
.cResults .btn-join {margin: 20px}

pre.describe{ height: auto; white-space: -moz-pre-wrap; white-space: pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;
    overflow-x: hidden; font-size: 14px; line-height: 1.8; color: #555555}


.searchCorp {text-align: center; margin-top: 40px; color: #999999; position: relative}
.searchCorp .inline {margin: 8px}
.report_title .inline {margin: 20px}

.sResults {overflow-y: auto; max-height: 560px; width: 100%; max-width: 850px; padding-top: 20px}
.sResults .corps {padding: 10px;}
.sResults .corps .corp_detail {border: 1px solid #ddd; height: 250px; text-align: left;background:#fff;}
.sResults .corps .corp_detail .corp_img {text-align: center; width: 100%; height: 80px;border-bottom:1px solid #ddd;}
.sResults .corps .corp_detail .corp_img img {max-height: 80px; min-width: 240px; margin: 0 auto}
.sResults .corps .corp_detail .corp_name {font-size: 18px; margin: 20px 22px 10px; text-align: center; white-space:nowrap;color:#333;}
.sResults .corps .corp_detail .apply-join{padding:8px 18px;border-radius:2px;color:#555;font-size:16px;border-color:#c3c3c3;background:#f2f2f2;}
.corp_detail .members, .corporation_name .members {width: 100%; text-align: center; display: block; color: #999999}
.sResults .corps .btn-add {text-align: center; }


.table-power {width: 90%; margin: 30px auto; text-align: center;}
.table-power tr {height: 10px;}
.table-power tr.light {height: 40px; color: #6a6a6a}
.table-power tr.btntd {height: 60px; padding-top: 20px}
.table-power select {min-width: 100px; text-align: center}
/*.table-power td:not(.powerTool) {width: 300px}*/
.table-power tr.light:hover td:not(.powerTool):not(.permission-item) {background: #5baffb; color: white}
.table-power tr.light:hover select {color: #333;}
.table-power th {text-align: center; font-size: 16px;}
.table-power tr.light>td:not(.powerTool), .table-power td.rborder {border-right: 1px solid #ccc}
.table-power tr.light>td:last-child, .table-power td.rborder:last-child {border: none}
.table-power td.powerTool {width: 50px; background-color: #f2f2f2; color: #999999; font-size: 18px}

/*.table-permisison tr.light>td:nth-last-of-type(3), .table-permisison td.rborder:nth-last-of-type(3) {background-color: #D7EDF5;}*/
.permission {background-position:  -1279px -33px;
}
.table-permission {width:100%;}
.table-permission th {width:30%;}
.table-permission th {text-align: center; font-size: 20px; font-weight:500;}
.table-permission td {font-size:15px;color:#666;}
.table-permission tr.light>td:not(.powerTool), .table-permission td.light-rborder {border-right: 1px solid #fafafa;}
/*.table-permission tr.light:hover td:not(.permission-item) {background: #5baffb;color:white;}*/
.table-permission .mborder {display:inline-block; width:75px; height:1px; border-top: 1px solid #ccc;vertical-align: middle;margin: 0 10px;}
.table-permission .content td {text-align: left;padding-left: 86px;}
.table-permission .icons {display:inline-block;background: url(../img/source/icons/sprites.png) no-repeat;
    margin-right: 10px;}
.table-permission .grey-hook {width:16px; height:16px; background-position: -1196px -377px;  }
.table-permission .blue-hook {width:16px; height:16px; background-position: -1196px -330px;  }
.table-permission .orange-hook {width:16px; height:16px; background-position: -1196px -295px;  }
.table-permission .grey-cross {width:16px; height:16px; background-position: -548px -38px;  }

.selects .pselectInput {width: 30%; margin-bottom: 5px}
.selects button {vertical-align: 5%}

.advantage_wrap { width:100%; background: url(static/images/index/advantage.png) no-repeat; height: 323px ; background-size: 100% 323px; min-width: 1000px}
.advantage .img_title{font-size: 40px; margin-bottom: 6px; color: #fff; padding-top: 60px;}
.advantage .detail_advantage{overflow: hidden;*zoom:1; list-style: none; margin-left:5%}
.advantage .detail_advantage li{float: left; width:28%; margin:4% 2%; text-align: left; padding-left:60px; }
.advantage .detail_advantage li:nth-of-type(1){background: url(static/images/index/advantage01.png) no-repeat}
.advantage .detail_advantage li:nth-of-type(2){background: url(static/images/index/advantage02.png) no-repeat}
.advantage .detail_advantage li:nth-of-type(3){background: url(static/images/index/advantage03.png) no-repeat}
.advantage .detail_advantage li h4{color:#fff; font-size: 18px; padding-bottom: 10px; margin-top: 2px}
.advantage .detail_advantage li p{color:#fff; white-space: nowrap}
.users .title{height:100px; line-height: 100px; font-size:34px; color: #555555;}
.some_users{ overflow: hidden; *zoom:1;width: 90%;margin:0 auto;}
.some_users dl{ float: left; color: #6a7884;}
.users_title{font-weight: normal; font-size: 20px;width: 430px;  margin: auto;  height: 50px;  line-height: 50px; color: #ffffff;}
.some_users dl dd{width:430px; height: 200px; margin:auto; padding-top: 18px; line-height: 30px; font-size: 14px; color:#999999;}
.some_users dl dd .logo { margin: 10px 0 0 50px;}
.some_users dl dd .contents {text-align: left; margin-left: 30px; font-size: 15px}
.some_users dl dd .contents .green{color:#51c891; font-size: 18px; margin: 0 5px}
.some_users dl dd .contents .blue{color:#5c9ef5; font-size: 18px; margin: 0 5px}

.index_news_wrap{ background: #f7f8fa; height: 100%; width:100%}
.index_news{overflow: hidden; *zoom:1; margin:30px auto ;}
.index_news dl{float:left; margin: 0px 4%;}
.index_comments{overflow: hidden; *zoom:1; border-bottom: 1px solid #d9d9d9; font-weight: normal;}
.index_comments h3{float: left; font-size: 30px;margin-bottom: 25px;}
.index_comments span{float:right; margin-top: 48px; color: #2597b4;}
.index_comments span a{color:#999999;   height:19px; display: inline-block; border:1px solid #ccc; border-radius: 25px; font-size: 12px; text-decoration: none; padding:0 10px; background: #efefef }
.index_comments span a:hover{ background: #ffffff}
.index_news ul{ list-style: none; padding:0; margin-top: 50px;}
.index_contents_pic ul li{ overflow: hidden; }
/*.index_contents_pic ul li p{margin:10px; }*/
.index_contents_pic ul li h4{margin-top: 0; }

.index_footer{ height: 288px; width:100%; background: #2c3e50; position:relative }
.index_footer_container { overflow: hidden;}
.index_footer_container .email_read{ margin-top:50px; text-align: center; position:relative; margin-bottom: 40px; }
.footer_menu{display: none;position:absolute;top:102px; font-size: 14px;line-height: 30px;}
.footer_menu span{color: #555e6f;
    background: #fff;
    display: block;
    width: 100px;
    height: 91px;
    line-height: 24px;
    font-size: 13px;
    padding-top: 10px;}
.footer_menu:before{position: absolute;
    width: 0;
    height: 0;
    line-height: 0px;
    content: "";
    border-bottom: 8px solid #ffffff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    left: 40px;
    top: -8px;}

.index_footer .about_us{width:80% ; margin:47px 10% 0; height: 225px; }
.index_footer .about_us ul{ float: left; list-style: none;padding-left: 5%; width:20%}
.index_footer .about_us ul:last-child {padding-left: 10%}
.index_footer .about_us ul li{ height: 27px; white-space: nowrap; color:#d9d9d9;}
.index_footer .about_us ul li a{ color:#d9d9d9; text-decoration: none;font-size: 13px;}
.index_footer .about_us ul li a:hover{opacity: 0.8; filter:alpha(opacity=80);}
.index_footer .about_us ul li.specialFont{color:#555e6f; font-size: 16px;}
.index_footer .about_us .email{background:url(static/images/index/email.png) no-repeat 0px 4px; padding-left: 25px; }
.index_footer .about_us .Cop_QQ{background:url(static/images/index/qq.png) no-repeat 0px 1px; padding-left: 25px; }
.index_footer .about_us .footer_RTX{background:url(static/images/index/RTX.png) no-repeat 0px 1px; padding-left: 25px; }
.index_footer .about_us .footer_wechat{background:url(static/images/index/wechat.png) no-repeat 0px 1px; padding-left: 28px;position: relative }


#suggestion{position: absolute; border:1px solid #ccc;width: 175px; display:none; z-index: 10;max-height: 130px; background: #fff; overflow: hidden}
#suggestion li{ cursor:pointer; height:26px; line-height:26px; list-style:none; padding-left:10px; text-align: left}
#suggestion li:hover{ background:#2fbef3; color:#fff;}

.reason {font-size: 18px}
.reason div {margin: 20px auto}
.reason textarea {width: 550px; height: 100px; margin-top: 20px}
.form-control-feedback{right: 26px; top: -3px}
.joinBox .joinForm{width:80%;margin:0 auto;}
.joinBox .joinForm  .prompt{text-align:left;color:#777;}
.joinBox .joinForm input[type=text]{width:60%;margin-right:20px;}
.joinBox .joinForm input[type=button]{width:120px;}
.joinBox .joinForm>div{margin:30px 0 50px;}
.joinBox .joinForm .errorInfo{height:20px;margin:10px 0;}

.form-control.input_readonly{ border:none;-webkit-box-shadow:none; box-shadow: none; line-height: 34px; background: transparent; cursor: default; padding-top: 0px;}
.no_arrow{background: transparent;
    width: 268px;
    padding: 5px;
    font-size: 14px;
    height: 30px;
    -webkit-appearance: none; -ms-appearance:none;-moz-appearance: none; -o-appearance:none;
    border:none;-webkit-box-shadow:none; box-shadow: none; padding:0; line-height: 34px;}

.chosenWS {min-width: 120px}
.public_url {word-break: break-all; display: inline-block; max-width: 420px; -ms-user-select: text; color: #21661f; line-height: 2; margin: 30px; float: left}
.public_code {display: inline-block; color: #c7254e; font-size: 13px; margin: 20px 30px}



/*-----登录页开始------*/
.loginBox{width:100%;}
.loginBox .getCode {height:40px;margin-left:8px;color:#555;border:1px solid #c3c3c3;background:#f4f4f4;}
.loginBox .top-nav{width:1200px;margin:0 auto;padding:30px 0;}
.loginBox .top-nav ul:after{content:'.';display:table;clear:both;visibility:hidden;}
.loginBox .nav-item{float:right;margin-left:30px;font-size:16px;}
.loginBox .logo-w{width:239px;height:105px;background:url(../img/source/logo.png) no-repeat center;margin:0 auto;cursor:pointer;}
.loginBox .loginWay-change{position:relative;width:520px;height:360px;margin:30px auto 60px;background:#fff;border-radius:4px;}
.loginBox .tab-list ul:after{content:'.';display:table;clear:both;visibility:hidden;}
.loginBox .tab-item{position:relative;float:left;width:40%;height:50px;line-height:50px;text-align:center;background:#ebf1f9;font-size:16px;cursor:pointer;}
.loginBox .tab-item.active{background:#fff;}
.loginBox .tab-item.active .blue-tri{display:block;}
.loginBox .rtx-btn{border-left:1px solid #fff;width:20%;color:#00a0e9;font-size:12px;}
.loginBox .icon{margin-right:10px;}
.loginBox .blue-tri{position:absolute;top:0;left:0;width:0;height:0;border:10px solid transparent;border-bottom-color:#439cff;transform:rotate(-45deg) translate(0,-15px);-moz-transform:rotate(-45deg) translate(0,-15px);-ms-transform:rotate(-45deg) translate(0,-15px);display:none;}
.loginBox #phone_div{position:absolute;left:0;bottom:0;width:520px;height:310px;padding:35px 48px;}
.loginBox .phone-num,.loginBox .phone-code{margin:8px 0;}
.loginBox input[name="phone-num"],.loginBox input[name="phone-code"]{width:240px;height:40px;}
.loginBox .label-title{color:#a0a0a0;display: inline-block; width: 58px;}
/*-----登录页结束------*/



/*-----注册页开始-----*/
.rheader {width: 100%; height: 130px;background: #d9e9f9; font-size: 24px; color: #555555;}
.rheader .rhead-img{display:inline-block;width:217px;height:98px;background:url(../img/source/register_h_img.png) no-repeat center;margin:16px 0 0 -160px;}
.register-box  .phone-num,.register-box .phone-code{margin:8px 0;}
.register-box .label-title{color:#a0a0a0;display: inline-block; width: 56px;}
.register-box input[name="phone-num"],.register-box input[name="phone-code"]{width:240px;height:40px;}
.register-box .prompt{margin:10px 0 0 60px;color:#999;font-size:12px;}
.register-box .prompt p{margin:3px 0;font-family:SimSun;}
.register-box .check-box{margin:10px 0 40px 60px;}
.phoneVali-succ .jobs-list li{float:left;margin:6px 0;width:33.33333%;color:#555;}

/*--注册完成complete开始--*/
.register-complete .complete-content{width:810px;margin:0 auto;}
.register-complete .complete-content .go-selfCenter{width:100%;padding:20px 30px;background:#f3f4f5;color:#555555;margin:20px 0;}
.register-complete .complete-content .services-list ul li{float:left;width:230px;height:150px;margin:0 60px 50px 0;border: 1px solid #D9E5F0; background-color: #f7f9fa;  padding: 10px 20px 20px; text-align: center; cursor: pointer;}
.register-complete .complete-content .services-list ul li:nth-child(3n){margin-right:0;}
.register-complete .complete-content .services-list ul li:hover {animation:change .2s ease-in-out forwards;}
.register-complete .complete-content .services-list ul li:hover .start{display:inline;}
.register-complete .complete-content .services-list ul li:hover .flowContent{display:none;}
.register-complete .complete-content .services-list ul li:hover .flowTitle{margin-bottom:20px;}
.register-complete .flowImg {margin: -35px auto 0; width: 62px; height: 60px; background: url(../img/source/solution/icons.png) no-repeat}
.register-complete .flowTitle {font-size: 18px; color: #333333; margin: 10px auto}
.register-complete .flowContent {font-size: 12px; color: #777777; text-align: left; line-height: 16px}
.register-complete .start{padding:8px 20px;display:none;}
.register-complete .flowImg.cloud {background-position: -1px 0}
.register-complete .flowImg.cube {background-position: -1px -77px}
.register-complete .flowImg.unity {background-position: 0 -162px}
.register-complete .flowImg.gaps {background-position: -109px 0}
.register-complete .flowImg.weak {background-position: -220px 0}
.register-complete .flowImg.stand {background-position: -330px 0}
.register-complete .flowImg.expert {background-position: -330px -73px}
.register-complete .flowImg.bee {background-position: -443px 0}
@keyframes change{
     from{
         background:#f7f9fa;
         border-color:#D9E5F0;
     }
     to{
         background:#fff;
         border-color:#3293ff;
     }
 }
/*--注册完成complete结束--*/

/*-----注册页结束-----*/


/*----个人中心开始----*/
.personalInfo{position:fixed;top:50px;left:0;width:200px;background:#ebedf0;padding-bottom:50px;height:100%;z-index:1020;}
.personalInfo .personal-title{width:100%;height:50px;line-height:50px;color:#7f8081;padding-left:50px;font-size:18px;background:#dbe5ef;}
.personalInfo .personal-tabs{margin-top:40px;}
.personalInfo .personal-tabs li{margin-bottom:10px;}
.personalInfo .personal-tabs li a{display:block;width:100%;height:38px;line-height:38px;color:#555;padding-left:52px;text-decoration:none;}
.personalInfo .personal-tabs li.active a{color:#79b2ff;background:#fff;}
.personalInfo .personal-tabs li.active .icons{background-image:url(../img/source/icons/blue_icon.png);}
.personalInfo .personal-tabs li .icons{display:inline-block;width:17px;height:18px;background:url(../img/source/icons/ga_icon.png) no-repeat center;vertical-align:-10%;margin-right:15px;}


.personBody .personal-box{width:100%;min-width:1200px;padding:50px 0 0 200px;}
.personal-box .wrapBox{width:100%;padding:28px;}
.personal-box .wrapBox .title b{font-size:24px;color:#555;font-weight:normal;}
.personal-box .wrapBox .title span{font-size:12px;font-family:SimSun;color:#999;padding-left:10px;}
/*基本信息开始*/
.personal-box .base-info-box{width:100%;padding:50px;background:#f4f5f6;margin-top:22px;}
.personal-box .base-info-box form>div{margin-bottom:20px;}
.personal-box .base-info-box .label-title{display:inline-block;text-align:right;min-width:60px;color:#8b8c8c;margin-right:10px;}
.personal-box .base-info-box .code{margin:10px 0 0 73px;}
.personal-box .base-info-box .phone input,.personal-box .base-info-box .name input{width:220px;}
.personal-box .base-info-box  button{margin-left:10px;background:#f4f4f4;color:#555;border:1px solid #c3c3c3;}
.personal-box .base-info-box  button[disabled]{background:#dedede;}
.personal-box .base-info-box  .address input{width:400px;}
.personal-box .base-info-box  .headPic{position:relative;}
.personal-box .base-info-box  .headPic .head-logo img{width:60px;height:60px;border-radius:4px;margin-right:10px;}
.personal-box .base-info-box  .headPic .pic-limit{font-size:12px;font-family:SimSun;color:#999;position:relative;top:-20px;}
.personal-box .base-info-box  .headPic .change-pic{position:absolute;bottom:0;left:136px;font-size:12px;font-family:SimSun;}
.personal-box .base-info-box  .update{font-size:12px;font-family:SimSun;color:#3393ff;position:relative;top:-2px;left:10px;}
.personal-box .base-info-box  .file-upload{position:absolute;bottom:0;left:146px;width:56px;height:27px;opacity:0;}
/*基本信息结束*/


/*认证信息开始*/
.personal-box .permission-info-box{width:100%;}
.personal-box .permission-info-box .corp-permission,.personal-box .permission-info-box .personal-permission{width:100%;padding:28px;background:#f4f5f6;margin-top:20px;}
.personal-box .permission-info-box .title{font-size:20px;color:#777;}
.personal-box .permission-info-box .title.yes:after{content:'';display:inline-block;width:32px;height:23px;background:url(../img/source/icons/cret_yes.png) no-repeat center;vertical-align:-18%;margin-left:10px;}
.personal-box .permission-info-box .gift{color:#555;}
.personal-box .permission-info-box button{width:98px;height:40px;margin-top:15px;}
.personal-box .permission-info-box  td,th{border-color:#c4d1da;color:#555;font-weight:normal;}
.personal-box .permission-info-box  td:last-child,.personal-box .permission-info-box  th:last-child{text-align:center;width:220px;}
.personal-box .permission-info-box  td:first-child,.personal-box .permission-info-box th:first-child{padding-left:20px;border-right:1px solid #c4d1da;}
.permission-info-box .label-title{color:#777;display:inline-block;min-width:60px;text-align:right;}
.permission-info-box .content{color:#555;margin:0 10px;}
.permission-info-box a{color:#3393ff;font-size:12px;font-family:SimSun;vertical-align:8%;}
.permission-info-box .has-auth>div{margin:15px 0;}
.permission-info-box .has-auth div input[type="text"]{width:220px;margin-left:10px;}
.permission-info-box .has-auth div button[type="button"]{height:30px;margin:0 0 0 10px;background:#f4f4f4;border:1px solid #c3c3c3;color:#555;}
.permission-info-box .has-auth div .confirm-btn{width:60px;}
.confirmMask{width:100%;height:100%;background:rgba(0,0,0,.6);position:absolute;top:0;left:0;z-index:10000;display:none;}
.confirmMask .confirmContainer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);
    width:400px;height:200px;padding:40px;text-align:center;background:#fff;font-size:16px;}
.confirmMask .confirmContainer .button-box{margin-top:40px;}
.confirmMask .confirmContainer .closeConfirm{position:absolute;top:10px;right:12px;cursor:pointer;}
    /*认证信息结束*/

/*我的企业开始*/
.corporation-box .corp-info-box{width:100%;}
.corporation-box .corp-info-box .auth-corp{width:100%;padding:28px;background:#f4f5f6;margin:15px 0;}
.corp-info-box .create-join-box .tabs li{float:left;padding:8px 20px;color:#333;background:#f2f2f2;border:1px solid #c3c3c3;cursor:pointer;}
.corp-info-box .create-join-box .tabs li:first-child{border-right:none;}
.corp-info-box .create-join-box .tabs li:last-child{border-left:none;}
.corp-info-box .create-join-box .tabs li.active{color:#fff;background:#80bcff;border-color:#80bcff;}
.corp-info-box .create-join-box .container-box{position:relative;width:100%;padding:40px 110px;background:#f4f5f6;min-height:653px;}
.corp-info-box .create-join-box .container-box:before{content:'';position:absolute;top:-1px;right:0;width:100%;border-top:1px solid #c3c3c3;}
.corp-info-box .pic-add-icon{width:60px;height:60px;background:url(../img/CorpLogo/pic_ga_add.png) no-repeat center;border:1px solid #c3c3c3;}
.corp-info-box .license-require div{font-size: 12px; color: #777;font-family:SimSun;margin-top:4px;}
.corp-info-box .join-box .searchCorp #s_index{width:340px;height:40px;margin:8px 0;border-radius:0;}
.corp-info-box .join-box .searchCorp .search-btn{width:110px;height:40px;margin:8px 0 8px -6px;border-radius:0;}
.corp-info-box .join-box .sResults{margin:20px auto;}
.corp-info-box .join-box #suggestion{width:340px;}
.corp-info-box .join-box #suggestion li{height:30px;line-height:30px;}

.manageContainer .tabChange{position:relative;}
.manageContainer .tabChange li{float:left;border:1px solid #c3c3c3}
.manageContainer .tabChange li a{float:left;width:110px;height:35px;line-height:35px;text-align:center;color:#333;background:#fff;text-decoration:none;}
.manageContainer .tabChange li:nth-child(2){border-left:none;border-right:none;}
.manageContainer .tabChange li.active a{color:#fff;background:#80bcff;}
.manageContainer .tabChange li.active{border-color:#80bcff;}
.manageContainer .tabChange:after{content:'';position:absolute;bottom:0;right:0;width:100%;border-top:1px solid #c3c3c3;}
.manageContainer #permissionsForm .prompt{color:#555;margin:20px 0 10px;}
.manageContainer #permissionsForm .setBox{width:100%;background:#f4f5f6;padding:26px 64px;}
.manageContainer #permissionsForm .setBox label{color:#777;float:left;font-weight:normal;}
.manageContainer #permissionsForm .setBox .checkList{float:left;margin-left:10px;}
.manageContainer #permissionsForm .setBox .infoMsg{font-family:SimSun;font-size:12px;color:#999;margin-left:20px;}
.manageContainer #permissionsForm .setBox .detailInfo{margin:10px 0 0 20px;display:none;}
.manageContainer #permissionsForm .setBox .detailInfo input[type=text]{width:230px;height:24px;}
.manageContainer #permissionsForm .setBox .singleCheck{margin-bottom:28px;}
.manageContainer #permissionsForm .setBox .checkList .rIconL{margin-left:40px;}
.manageContainer #permissionsForm .setBox .checkList .editBtn{margin-left:10px;}
.manageContainer #permissionsForm .setBox .accountCheckList .detailInfo{color:#777;}
.manageContainer #permissionsForm .setBox .accountCheckList .detailInfo span{float:left;}
.manageContainer #permissionsForm .setBox .accountCheckList .detailInfo ul{float:left;}
.manageContainer #permissionsForm .setBox .accountCheckList .detailInfo ul li{float:left;margin:0 26px 10px 0;}
.manageContainer #permissionsForm .setBox .accountCheckList .detailInfo ul li:last-child{margin-right:0;}
.manageContainer .addCorpMembers{background:#f4f5f6;padding:16px 30px;}
.manageContainer .addCorpMembers #memberValue{width:240px;}
.manageContainer .addCorpMembers  button.add{float:left;}
.manageContainer .addCorpMembers .inline{position:relative;float:right;}
.manageContainer .addCorpMembers .search-btn{position:absolute;top:0;right:5px;}
.manageContainer .subContainer .projectSelect{border:1px solid #c3c3c3;margin:0 10px -10px;width:240px;}
.manageContainer .subContainer .quitBorder div.search{position:relative;float:right;}
.manageContainer .subContainer .quitBorder div.search #memberValue{width:240px;}
.manageContainer .subContainer .quitBorder div.search button{position:absolute;top:20px;right:5px;}
.manageContainer .adminCheck .adminName{display:inline-block;max-width:215px;margin-bottom:-5px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}

.chosenTeamContainer .chosenList{clear:both;}
.chosenTeamContainer .chosenList ul li{position:relative;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 10px;text-align:center;
    height:24px;line-height:24px;background:#e6eaed;margin:0 12px 8px 0;font-family:SimSun;font-size:12px;color:#555;}
.chosenTeamContainer .chosenList ul li:last-child{margin-right:0;}
.chosenTeamContainer .chosenList ul li .remove{position:absolute;top:2px;right:2px;width:11px;height:11px;background:url(../img/source/icons/icons.png) no-repeat -450px -28px;cursor:pointer;}
.chosenTeamContainer .topContainer{margin-bottom:10px;}
.chosenTeamContainer .topContainer .title{float:left;font-size:16px;color:#555;}
.chosenTeamContainer .topContainer .search{position:relative;float:right;font-family:SimSun;font-size:12px;}
.chosenTeamContainer .topContainer .search input[type=text]{width:200px;}
.chosenTeamContainer .topContainer .search button{position:absolute;top:1px;right:5px;width:40px;background:#3293ff;color:#fff;border:none;}
.chosenTeamContainer .tcdPageCode{padding:0;}
/*我的企业结束*/

/*----个人中心结束----*/


/*福利活动页开始*/
.welfare-box .cont-title{font-size:36px;color:#555;}
.welfare-box .user-welfare .complete-register-info,.welfare-box .user-welfare .complete-cert-info{width:45%;}
.welfare-box .user-welfare .complete-register-info{float:left;}
.welfare-box .user-welfare .complete-cert-info{float:right;}
.welfare-box .user-welfare>div .title{font-size:24px;color:#fff;text-align:center;padding:12px 0;background:#38bb9e;}
.welfare-box .user-welfare .complete-cert-info .title{background:#29b2df;}
.welfare-box .user-welfare>div .price{font-size:20px;color:#6a6a6a;text-align:center;padding:20px 0;background:#ebebeb;}
.welfare-box .user-welfare>div .price span{font-size:30px;margin:0 10px;color:#818181;}
.welfare-box .user-welfare>div ul{background:#fafafa;padding:28px;color:#555;}
.welfare-box .user-welfare>div ul li{height:34px;line-height:34px;}
.welfare-box .user-welfare>div ul li span{font-size:20px;color:#05ab4f;margin:0 3px;}
.welfare-box .prompt{font-size:18px;color:#a0a0a0;text-align:center;}
.welfare-box .corp-welfare .corp-account-info,.welfare-box .expert-vouchers{width:45%;margin-top:50px;}
.welfare-box .corp-welfare .corp-account-info{float:left;}
.welfare-box .corp-welfare .expert-vouchers{float:right;}
.welfare-box .corp-welfare>div .title{font-size:20px;color:#fff;padding:12px 0;background:#ebb33c;text-align:center;}
.welfare-box .corp-welfare>div .price{text-align:center;font-size:20px;color:#fff;padding:16px 0;background:#f5c960;}
.welfare-box .corp-welfare>div .price span{font-size:36px;margin-right:10px;}
.welfare-box .corp-welfare>div ul{background:#fff;padding:28px 10px 40px;}
.welfare-box .corp-welfare>div ul li{color:#555;}
.welfare-box .corp-welfare>div ul li span{color:#ff7902;font-size:20px;margin:0 3px;}
.welfare-box .corp-welfare>div.corp-account-info ul li{margin-left:80px;}
.welfare-box .corp-welfare>div ul li dt,.welfare-box .corp-welfare>div ul li dd{float:left;}
.welfare-box .corp-welfare>div ul li dt{width:20%;font-weight:normal;}
.welfare-box .corp-welfare>div ul li dd{width:80%;}
.welfare-box .corp-welfare>div ul li dd span{color:#9d9d9d;font-size:14px;}
.welfare-box .rules-explain li{color:#555;margin:30px 0;}
/*福利活动页结束*/


/*20170419活动页开始*/
.act-box{position:relative;}
.act-box .tab-change{position:absolute;top:-30px;left:50%;width:420px;transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);}
.act-box .tab-change li{float:left;}
.act-box .tab-change li a{text-decoration:none;display:inline-block;width:210px;text-align:center;height:60px;line-height:60px;background:#fff;font-size:20px;color:#333;box-shadow:0 0 5px #aaa;}
.act-box .tab-change li a i{display:inline-block;width:33px;height:28px;vertical-align:-10%;margin-right:10px;background-repeat:no-repeat;background-image:url(../img/source/icons/sprites.png);}
.act-box .tab-change li.active a{background:#597ef7;color:#fff;}
.act-box .tab-change li.game-tab a{border-top-left-radius:4px;border-bottom-left-radius:4px;}
.act-box .tab-change li.application-tab a{border-top-right-radius:4px;border-bottom-right-radius:4px;}
.act-box .tab-change li.game-tab a i{background-position:-1048px -406px;}
.act-box .tab-change li.application-tab a i{background-position:-1048px -454px;}
.act-box .tab-change li.game-tab.active a i{background-position:-1102px -406px;}
.act-box .tab-change li.application-tab.active a i{background-position:-1102px -454px;}
.act-box .cont-b>div.games,.act-box .cont-b>div.applications{display:none;}
.act-box .cont-b>div.active{display:block;}
.act-box .cont-b>div dl{position:relative;float:left;width:30%;margin:0 5%  60px 0;box-shadow:0 0 5px #aaa;}
.act-box .cont-b>div dl.command:before{content:'';position:absolute;top:0;left:0;width:52px;height:52px;background:url(../img/source/icons/sprites.png) no-repeat -969px -408px;}
.act-box .cont-b>div dl:nth-child(3n){margin-right:0;}
.act-box .cont-b>div dl dt{background:#f6f6f7;padding:58px 0 48px;text-align:center;font-weight:normal;height:255px;}
.act-box .cont-b>div dl dt h4{font-size:28px;color:#333;}
.act-box .cont-b>div dl dt .bold{font-size:18px;color:#555;margin-top:30px;}
.act-box .cont-b>div dl dt span{font-size:36px;color:#fe7700;}
.act-box .cont-b>div dl dd{padding:20px 9px 0;background:#fff;color:#777;height:250px;}
.act-box .cont-b>div dl dd ul{height:130px;}
.act-box .cont-b>div dl dd ul,.act-box .cont-b>div dl dd ul li{list-style-type:disc;margin:0 0 6px 10px;}
.act-box .cont-b>div dl dd .button-box{text-align:center;margin-top:20px;}
.act-box .cont-b>div dl dt .prompt{font-size:18px;color:#777;}
.act-box .cont-b>div dl dt del{color:#999;}
.act-box .cont-b>div dl dt .bottom-info{font-size:24px;color:#555;margin-top:40px;}
.act-box .activity-rules{margin:70px 0 20px;color:#777;}
.act-box .activity-rules h2{font-size:24px;color:#555;margin-bottom:20px;}
.act-box .activity-rules ol li{margin-top:10px;}
.act-box .activity-rules ol li i{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;font-style:normal;color:#fff;margin-right:10px;border-radius:50%;background:#c7c7c7;}
    /*20170419活动页结束*/



.loginBanner {height: 430px; width: 100%; background-color: #034774}
.loginLogo{ background: url(static/images/index/newLogo.png?v=11031730) no-repeat ; height: 80px; width: 300px; overflow: hidden; margin: 10px 0 -10px;
    cursor:pointer; float: left;}
.bannerImg {background: url(static/images/index/loginBanner.png) -10px no-repeat;}
.loginDiv {width: 400px; height: 330px; margin: 50px 0 50px 60%; text-align: center;
    border-radius: 4px; background-color: #e6edf1}
.mask{z-index: 1021;  width: 100%;  height: 100%;  background: #000000;  position: fixed;  left: 0;  top: 0; opacity:0.60;filter: alpha(opacity=60); display: none;}
.logintitle {font-size: 12px; color: #777777; text-align: left; width: 100%; padding: 30px 0 0 70px}
.loginBtns {padding: 55px 0 0}
.loginBtn {
    background-size: 200%;
    height: 56px;
    width: 260px;
    margin: 0 auto;
    border-radius: 3px;
    line-height: 56px;
    font-size: 17px;
    cursor: pointer;
    text-align: left}
.loginBtn.active {text-align: center; background-color: #2a93dd; color: #ffffff; margin-bottom: 15px}
.loginBtn:hover {opacity: 0.8}

.rtxBtn {background: url(../img/source/icons/rtxicon.png) -32px 0 no-repeat; height: 32px; width: 32px; display: inline-block; vertical-align: -15%}
.loginBtn.active .rtxBtn {background-position: 0}

.qqBtn {background: url(../img/source/icons/qqicon.png) -30px 0 no-repeat; height: 32px; width: 30px; display: inline-block; vertical-align: -15%}
.loginBtn.active .qqBtn {background-position: 0}

.fbBtn {background: url(../img/source/icons/fbicon.png) -30px 0 no-repeat; height: 30px; width: 30px; display: inline-block; vertical-align: -15%}
.loginBtn.active .fbBtn {background-position: 0}

.form-group { margin-bottom: 20px; }
.form-group .control-label {padding-top: 4px}
.form-group .readonly-label {padding-top: 4px; text-align: left; margin-bottom: 0; font-weight: normal; font-size: 16px; color: #777}
.control-label {font-weight: normal; font-size: 15px; color: #777777}
.title-label {font-size:20px; color:#000;}
.help-block {font-size: 13px; color: #999999; margin-left: 2px;}
.fullContainer {
    width: 100%;
    min-width: 1200px;
    padding-left:220px;
    padding-right: 10px;
    max-width: 100%;
}

.personBody .fullContainer{
    padding-top:50px;
    padding-left:200px;

}
.fullContainer:after {content: '.';clear: both;display: block; height: 0; visibility:hidden;}
.fullContainer .selfCenter {
    float: left; position: relative; margin: 15px auto 30px -200px; color: #777777; width: 200px; z-index: 1020;
}
.personBody .fullContainer .selfCenter{margin: 0 auto 30px 0;}

.fullContainer .subContainer {
    width: 100%;
    float: left;
    position: relative;
    padding: 28px 2%;
    margin: 15px 0 30px;
    min-width: 980px;
    /*border-top: 1px solid #ececec;*/
    background-color: #ffffff
}
.personBody .selfCenter{position: fixed;top:50px; overflow: auto;left:0;width:200px; background: #ebedf0;}
.personBody  .subContainer{ margin: 0 0 30px;}



.selfCenter .centerTitle {width: 100%; height: 40px; line-height: 40px; background-color: #e5ebf0; text-align: left; padding-left: 30px; font-size: 16px;color:#777;}
.selfCenter .userModules { background-color: #f2f2f2; padding-bottom: 30px;padding-top:20px;}
.personBody .selfCenter .userModules{background: none;padding-bottom: 0;}
.selfCenter .userModules>ul {padding: 0 0 16px 40px; list-style-type:none; cursor: pointer;}
.selfCenter .userModules>ul>span {height: 28px; display: inline-block; line-height: 28px}
.selfCenter .userModules>ul>span.icons { width: 30px;background: url(../img/source/icons/sprites.png) no-repeat;}
.selfCenter .userModules>ul>span.text {font-size: 16px; color: #aaaaaa; vertical-align: 20%;margin-bottom: 5px;}
.selfCenter .userModules>ul.myReport>span.icons {background-position: -12px -250px}
.selfCenter .userModules>ul.myProj>span.icons {background-position:-62px -250px }
.selfCenter .userModules>ul.myWallet>span.icons {background-position:-621px -325px }
.selfCenter .userModules>ul.myView>span.icons {background-position: -116px -250px}
.selfCenter .userModules>ul.myCorp>span.icons {background-position: -168px -250px}
.selfCenter .userModules>ul.mySystem>span.icons {background-position: -224px -250px}
.selfCenter .userModules>ul.myGad>span.icons {background-position: -287px -252px}
.selfCenter .userModules>ul.myUserRecord>span.icons {background-position: -12px -365px}
.selfCenter .userModules>ul>li {margin: 5px 0 0 40px; display: none}
.selfCenter .userModules>ul.active>li {display: block}
.selfCenter .userModules>ul>li>a {height: 18px; line-height: 18px; font-size: 15px; color: #666666; text-decoration:none; outline:none;}
.selfCenter .userModules>ul>li.active a, .selfCenter .userModules>ul>li:hover a {color: #3e9ada}

.container_title {font-size: 25px; height: 45px; vertical-align: middle}
.container_title>.text {display: inline-block; height: 35px;}
.container_title>.subtext {display: inline-block; font-size: 13px; color: #999999; margin-left: 15px;}
.container_title .btn {float: right; position: relative; margin: 20px}
div.divWidth{
    width:980px;
    margin:0 auto;
}

.pf-project{ margin-top:20px; display:table;}
.pf-project ul li{float:left; margin:0 30px 20px; list-style-type:none;display:inline; text-align: center}
.pf-project ul li a { display:block; text-decoration:none;}
.pf-project ul li a img { max-width:200px; max-height:60px; border:1px solid #989898;}
.pf-project ul li a span {display:block; width:200px; height:30px; line-height:30px; font-size:16px; text-align:center; color:#555555; cursor:hand; white-space:nowrap; overflow:hidden;}
.pf-project .li-no-mg{ margin-right:0}
.pf-project ul li a:hover span {color:#3196f1;}

.blockDiv {width: 100%; margin: 10px auto}
.blockDiv:after, .txPanel:after, .toolArea:after, .bee_reports:after {content: '.';clear: both;display: block; height: 0; visibility:hidden;}

.corpTitle {height: 50px; font-size: 32px; margin-left: 5px}
.corpTitle .corpnumbers {font-size: 13px; color: #999999}

.subtag {padding-top: 20px; padding-bottom: 20px}
.subtag .ptil {font-size: 18px; color: #777777}
.subtag .contents {display: inline-block; float: right}


.noRobot {height: 370px; width: 100%; text-align: center; padding-top: 200px}
.noRobot.bee {background: url(../img/source/icons/nobee.png) no-repeat 49% 30%; }
.noRobot.cloud {background: url(../img/source/icons/nocloud.png) no-repeat 49% 30%; }
.noRobot .texts {line-height: 1.6; margin: 20px auto; font-size: 17px; color: #999999; }

.datetime {width: 120px; vertical-align: middle}
.dateRange {min-width: 240px; vertical-align: middle; font-size: 12px}
.dateRange ~ .range {background: #92a8c2; color: #fff; cursor: pointer; height: 20px; font-size:13px; padding: 5px; margin-left: 10px}
.dateRange ~ .range.active {background: #80bcff; font-weight: bold;}
.rolling-edit .datetime {width: 300px; font-size: 13px}
.bee_reports {width: 100%; height: 400px; background-color: #f2f2f2; padding: 20px}
.praises {height: 280px; background-color: #ffffff; margin-top: 20px; padding: 10px}
.bee_reports .praisePie {float: left; position: relative; width: 28%}
.bee_reports .praiseTrend {float: left; position: relative; width: 70%; margin-left: 2%; height: 260px}
.projects {min-width: 160px; }
.report_title {font-size: 18px; color: #999999;}
.report_title .num {font-size: 24px; color: #555555; vertical-align: -3%;}
.bee_reports ~ .btn-detail {margin: 10px}

.nav.nav-tabs li:first-child {margin-left: 30px}
/*.nav.nav-tabs.txNav li:first-child {margin-left: 0}*/

.praisesList .text {font-size: 16px; margin: 35px 0 15px}
.datas {float: left; position: relative; width: 47%; height: 235px; background-color: #ffffff; border-radius: 5px; }
.datas.posData {margin-right: 3%}
.datas.negData {margin-left: 3%}
.datas .head {height: 40px; font-size: 18px; line-height: 40px; padding-left: 20px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-bottom: 10px}
.datas.posData .head {background-color: #aadeb8}
.datas.negData .head {background-color: #fcbcaf}
.datas .contents {height: 35px; line-height: 35px; border-bottom: 1px solid #ececec; font-size: 13px; color: #777777; padding-left: 20px}
.datas .contents .content {color: #179725; display: inline-block}
.datas .contents .author {margin-left: 10px; display: inline-block}

.mytestHead li a {color: #555555}
.mytestHead li.active a, .mytestHead .nav-tabs>li a:focus {color: #333333}
.resulttipword {font-size: 16px; margin: 40px 5px 10px; display: block}

.paginator{float:right;height:25px;overflow:hidden}
.paginator,.paginator input,.paginator button{font-family:Tahoma,"\5B8B\4F53";font-size:12px}
.paginator a,.paginator span{float:left;height:23px;margin:0 1px 0 0;text-align:center;white-space:nowrap;vertical-align:middle;line-height:23px;}
.paginator a{color:#3196f1}
.paginator b{font-family:"\5B8B\4F53";margin:3px;font-weight:300}
.paginator a:link,.paginator a:visited,.paginator a:hover,.paginator a:active{text-decoration:none}
.paginator .page-start,.paginator a,.paginator .page-end{padding:0 8px;}
.paginator .page-start{border-color:#d9d9d9;}
.paginator .page-end{border-color:#d9d9d9;}
.paginator .page-this,.paginator .page-break{padding:0 3px}
.paginator .page-break{border:1px solid #fff}
.paginator .page-this{border:1px solid #3196f1;background-color:#3196f1;color:#FFF;padding:0 8px;font-weight:bold}
.paginator .page-skip{height:22px;line-height:22px;padding:0 3px;margin:0;background:none}
.paginator .page-skip input{width:26px;*width:23px;height:19px;line-height:19px;border:1px #3196f1 solid;font-size:12px;margin:-1px 6px 0 6px;#margin-top:1px;_margin-top:0;padding:0 0 0 2px;vertical-align:middle;padding-top:0;padding-bottom:0}
.paginator .page-skip button{font-size:12px;padding:0 5px 5px 5px;_padding:0 5px 0 5px;width:auto;_width:0;height:22px;*height:23px;*line-height:20px;_height:16px;_line-height:16px;margin-left:10px;*margin-top:-1px;overflow:visible;vertical-align:top; background-color:#3196f1; border:1px solid #3196f1; color:#FFF}
.paginator a:hover{border:1px solid #A6A6A6;color:#3196f1}

.devnotice{ padding:30px 0; text-align:center; color:#0066FF}
#showComment{margin: 0 auto;padding:0px;margin-top:13%;background-color:#fbfbfb;width: 450px;height: 272px;border: 5px solid #cccccc}
#showShare{margin: 0 auto;padding:0px;margin-top:13%;background-color:#fbfbfb;width: 600px;height: 372px;border: 5px solid #cccccc}
.ccInput{ width:400px; height:100px;}

.cloud_search {margin: 30px 10px}
.cloud_search .inline {margin: 6px}

.email_block {margin-bottom: 20px; overflow-y: auto; height: 250px}
.memberEmails {margin-bottom: 10px}
.emailColumn {margin: 10px 0}
.emailColumn input {width: 60%; }
.emailColumn select {width: 20%; margin-left: 10px}

a.notice_link, a.notice_link:hover, a.notice_link:visited {text-decoration: none}
a.notice_link:visited {color: inherit}

.all_counts {font-size: 13px; color: #999999; margin: 5px}
.notice_title {width: 100%; text-align: center; font-size: 20px; color: #555555}
.notice_content {width: 100%; max-width: 100%; padding: 20px;}
.notice_content img {max-width: 800px}
.notice_area {margin: 20px}
.notice_history {float: left; margin-left: 20px; color: #999}
.notice_history .log_name{width: 100px; text-align: left; display: inline-block}

/*公告部分开始*/
.notice-head{width:100%;padding:15px 20px;background:#f4f5f6;font-size:12px;color:#777;}
.notice-head .notice-type{float:left;margin-top:8px;font-family:SimSun;}
.notice-head .notice-type span{color:#555;padding:3px 12px;background:#dae4eb;margin-right:10px;font-family:SimSun;cursor:pointer;}
.notice-head .notice-type span.active{color:#fff;background:#6fb3ff;}
.notice-head .search-notice{float:right;font-family:SimSun;}
/*公告部分结束*/

/*申请审批部分开始*/
.deal_application .tab-change{position:relative;margin-bottom:30px;}
.deal_application .tab-change:after{content:'';position:absolute;right:0;bottom:0;width:100%;border-bottom:1px solid #c3c3c3;}
.deal_application .tab-change li{float:left;padding:8px 30px;background:#fff;color:#333;border:1px solid #c3c3c3;cursor:pointer;}
.deal_application .tab-change li.active{background:#80bcff;color:#fff;border:none;padding:9px 30px;}
.deal_application .tab-change li:first-child{border-right:none;}
.deal_application .tab-change li:last-child{border-left:none;}
.deal_application .choose-list{padding:20px;background:#f4f5f6;}
.deal_application .choose-list .choose-type{margin-bottom:15px;}
.deal_application .choose-list ul li{float:left;font-size:12px;font-family:SimSun;color:#555;padding:3px 12px;background:#dae4eb;margin-left:15px;cursor:pointer;}
.deal_application .choose-list ul li.active{color:#fff;background:#6fb3ff;}
.deal_application .choose-list span{float:left;font-size:12px;font-family:SimSun;color:#777;margin-top:3px;}
.deal_application .myDeal,.deal_application .myApplication{display:none;}
.deal_application .myDeal.active,.deal_application .myApplication.active{display:block;}
/*申请审批部分结束*/


.uplogo {padding: 1px 4px; border-radius: 2px; background-color: #ffa200; color: #ffffff; font-size: 12px}
.newlogo {padding: 1px 4px; border-radius: 2px; background-color: #ec032f; color: #ffffff; font-size: 12px}

.index_notice_wrap{ background: #f5f5f5; height: 43px; width: 100%;display:none;}
.index_notice{ padding: 0; margin-left: 50px; margin-right: 15px; list-style: none;}
.index_notice:after{content: ""; display: block; height: 43px;}
.index_notice li{ float: left; line-height: 43px; margin-right: 104px;}
.index_notice li:nth-of-type(1){width: 25px; height: 25px; background: url(../img/source/icons/sprites.png) no-repeat -459px -115px;margin-right: 15px; margin-top: 8px}
.index_notice li:nth-of-type(4){float: right;margin-right: 34px;}
.list_circle{ display: inline-block; height: 7px;width: 7px; background: #faa95a; border-radius: 50%;margin-right: 10px; margin-bottom: 2px}

.tx-pane {padding: 10px 0 10px 30px}
.nav-tabs.txNav * {font-size: 17px}
.nav-tabs.txNav li {background-color: #f3f3f3; border: 1px solid #ddd; border-radius: 0;}
.nav-tabs.txNav li.active, .nav-tabs.txNav li.active:focus, .nav-tabs.txNav li.active>a,
.nav-tabs.txNav li.active a:focus {background-color: #77b6f7; border: 1px solid #77b6f7; color:white}
.nav-tabs.txNav li > a {padding: 8px 28px; color: inherit}
.nav-tabs.txNav li.active>a, .nav-tabs.txNav li.active>a:hover {border-color: #77b6f7;}

.borderCopy {border: 1px solid #ccc; height: 90px; line-height: 90px}
.borderCopy .btn-copy {margin-right: 30px}

.scoreBanner {padding: 5px 30px; background-color: #fcda9f; border-radius: 1px; float: left; position: relative}
.scoreBanner:before {content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: #ffffff; position: absolute; top: 7px; left: 7px}
.scoreBanner:after {content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: #ffffff; position: absolute; top: 7px; right: 7px}
.scoreBanner .text {color: #7e5623; display: inline-block; font-size: 15px}
.scoreBanner .num {color: #ce6600; display: inline-block; font-size: 28px; vertical-align: -5%; margin-left: 10px}

.quitBorder {background-color: #f6f6f6; height: 68px; line-height: 68px; padding: 0 20px; margin-bottom: 30px }

/*t-lab*/
.lab-conents {float:left; width: 80%; padding: 20px 4px; position: relative}
.lab-about {float:left; width: 20%; position: relative; padding: 20px 10px; color: #777777; text-align: center}
.lab-top {width: 100%; height: 300px}
.lab-top-img {width: 100%; height: 300px}
.lab-top-title {float:left;position:relative; height: 40px; margin-top: -40px; background-color: rgba(0, 0, 0 ,0.45); width: 100%;
    text-align: right; padding-right: 10px; filter:alpha(opacity=45);}
.lab-top-title p{ line-height: 40px; font-size: 25px; color: #ffffff}

.lab-tags {height: 60px; width: 100%; padding: 15px}
.lab-tags .tag {font-size: 15px; height: 30px; line-height: 30px; padding-left: 15px; padding-right: 15px;
    display: inline-block; margin-right: 10px; cursor: pointer; border-radius: 2px}
.lab-tags .tag.active {color: #ffffff; background-color: #80bcff; cursor: default; padding-right: 5px;}
.lab-tags .tag.active:after {content: ''; width:0; height:0; border-left:5px solid transparent;
    border-right:5px solid transparent;border-top:5px solid #80bcff; position: relative; top: 30px; right: 50%}

.lab-infos {border: 1px solid #ececec; border-radius: 2px; padding: 0 18px; margin-bottom: 50px; background-color: #ffffff}
.lab-infos>div {height: 200px; padding: 30px 0; border-top: 1px dashed #ececec}
.lab-infos>div>a {text-decoration: none; color: inherit}
.lab-infos>div:first-child {border-top: none}
.lab-infos>div:after {content: '.';clear: both;display: block; height: 0; visibility:hidden;}
.lab-infos .lab-img {height: 140px; width: 240px; float: left; position: relative; margin-right: 30px}
.lab-infos .lab-views {margin-left: 0}
.lab-infos .lab-views > span {margin-left: 10px;}
.lab-infos .lab-views > span:first-child {margin-left: 0;}
.lab-infos .lab-title {font-size: 20px;}
.lab-infos .lab-intruce {font-size: 14px; margin-top: 5px; line-height: 22px; word-break: break-all; color: #777777; height: 68px}
.lab-author {float: right; font-size: 13px; color: #999999; display: inline-block; text-align: center}
.lab-author img {width: 55px; height: 55px; border-radius: 50%;}
.lab-views {margin-top: 15px; font-size: 13px; color: #999999; display: inline-block; margin-left: 10px}
.lab-views .logo {margin-left: 10px}
.lab-time {display: inline-block; font-size: 13px; color: #999999; margin-left: 10px}
.lab-content-area .lab-time {margin-left: 0}
.lab-ctags {margin-left: 20px; display: inline-block; font-size: 13px; color: #999999;}
.lab-ctags .tag {padding: 2px 6px; margin-right: 10px; cursor: pointer ; background-color: #f3f3f3; border-radius: 2px}

.lab-about .lab-about-title {font-size: 21px; line-height: 21px; text-align: left;}
.lab-about .lab-about-content {margin-top: 20px; border: 1px solid #ececec; border-radius: 2px; 
    height: auto; padding: 16px; text-align: center; background-color: #ffffff; margin-bottom: 30px}
.lab-about .lab-about-text {font-size: 12px; line-height: 23px; text-align: left; margin-bottom: 10px}
.lab-about .lab-about-text li {margin-left: 5px; padding-left: 5px; margin-bottom: 15px; line-height: 18px}
.lab-about .lab-about-text li a {text-decoration: none; color: inherit}
.lab-about .lab-about-connect {border: 1px solid #cccccc; width: 90px; height: 30px; line-height: 26px; vertical-align: top; border-radius: 2px; cursor: pointer;
    margin: 30px auto; display: inline-block; background: #f6f6f6 url(../img/source/icons/sprites.png) no-repeat -455px -248px;
    padding-left: 15px; color: inherit; text-decoration: none}
.lab-about .lab-code-border { margin-top: 20px; border: 1px solid #ececec; border-radius: 2px; padding: 30px; height: 200px; background-color: #ffffff}
.lab-about .lab-code-border .lab-code {margin: 0 auto; width: 104px; height: 100px; padding-top: 105px;
    background: url(../img/source/icons/sprites.png) no-repeat -329px -278px; border: 1px solid #ccc}

.lab-content-area {border-radius: 2px; border: 1px solid #ececec; padding: 20px 30px; background-color: #ffffff}
.lab-content-area .tag {cursor: default}
.lab-content-title {font-size: 30px; word-break: break-all;}
.lab-content-text {width: 100%; max-width: 100%; border-top: 1px solid #ececec; padding-top: 10px}
.lab-content-text img {max-width: 890px}
.lab-content-text * {word-break: break-all}
ul.lab-actives {list-style: square; margin-left: -20px; text-align: left}
ul.lab-actives > li {margin: 15px}
ul.lab-actives > li > a {color: inherit; text-decoration: none; word-break: break-all; line-height: 22px}
.lab-comment {border-radius: 2px; border: 1px solid #ececec; padding: 15px 30px; background-color: #ffffff; margin-top: 20px}
.lab-comment .bottomBorder {width: 100%; border-bottom: 1px solid #ececec; padding: 0 0 10px; font-size: 14px; color: #888888}
.lab-comment .bottomBorder.afterClean {padding: 15px 0}
.lab-comment .bottomBorder img, .lab-comment .answer-block img {width: 55px; height: 55px; border-radius: 50%; }
.lab-comment .bottomBorder .floor {color: #999999; font-size: 12px; text-align: right}
.lab-comment .lab-name {font-size: 14px; color: #333333}
.lab-comment .lab-name span {font-size: 12px; color: #999999; margin-left: 10px}
.lab-comment .lab-name .author-name{font-size: 14px; color: #333333;margin-left:0;}
.lab-comment .lab-context {word-break: break-all}
.lab-comment p {font-size: 15px; color: #333333; padding: 15px 0 5px}
.lab-comment .chat-block {width: 75px; display: inline-block; font-size: 12px; color: #888888; cursor: pointer}
.lab-comment .answer-block {width: 100%; padding: 25px 0; font-size: 14px; color: #888888; cursor: pointer}
.lab-comment .answer-block textarea {width: 100%; height: 82px; resize: none; margin-bottom: 10px; color: #555555}
.lab-comment .showMoreComment {width: 100%; text-align: center}
.lab-comment .showMoreComment .btn {margin: 20px auto 0; width: 180px; height: 36px; background-color: #f5f5f5; border: 1px solid #ababab;
    border-radius: 3px; font-size: 12px; color: #555555; line-height: 25px}
.lab-comment .lab-delete {cursor: pointer; margin-left: 20px; color: #888888}
.lab-comment .lab-delete span {font-size: 22px; vertical-align: -3px}

.tagAdds {width: 100%; min-height: 50px; border: 1px solid #ececec; border-radius: 2px; margin-top: 10px; padding: 0 10px 10px; }
.tagAdds .tagChoose {padding: 5px; color: #ffffff; background-color: #cccccc; border-radius: 3px;
    margin-right: 10px; margin-top: 10px; display: inline-block; cursor: pointer; font-weight: bold}
.tagAdds .tagChoose.active {background-color: #42c1ff}
.tagChoose .close {position: absolute; margin-left: -12px; margin-top: -12px; display: none}
.tagChoose:hover .close {display: inline-block}
.tagTitle {background: url(../img/source/icons/tagTitle.png) no-repeat; padding: 20px 30px; height: 100px; margin: -20px 0 10px;}
.tagTitle .tagName {font-size: 26px; color: #3293ff;}
.tagTitle .tagName span {color: #555555; font-size: 22px}
.tagTitle .tagContent {font-size: 14px; color: #999999; margin-top: 5px}

.agreeBtn {width: 100px; height: 35px; border: 1px solid #f4ddb3; border-radius: 3px; line-height: 35px; vertical-align: top; cursor: pointer;
    display: inline-block; background-color: #fbf0dc; padding-left: 10px; font-size: 12px; color: #555555; margin-right: 20px}
.agreeBtn .logo {margin-right: 5px}
/*.agreeBtn:hover .heart-large {background-position: -459px -496px;}*/
.lab-share {width: 100px; height: 35px; border: 1px solid #e3e3e3; border-radius: 3px; line-height: 35px; vertical-align: top; cursor: pointer;
    display: inline-block; background: url(../img/source/icons/sprites.png) no-repeat -454px -297px #f5f5f5; padding-left: 35px; font-size: 12px; color: #555555}
.wechatCode {width: 265px; height: 120px; position: absolute; padding: 20px; margin-left: -50px;
    background-color: #ffffff; border: 1px solid #ececec; z-index: 100; display: none; }
.lab-share:hover .wechatCode {display: block; }
.wechatCode img {float: left; position: relative; height: 80px; width: 80px}
.wechatCode span {float: left; position: relative; width: 130px; margin-left: 10px; color: #666666; line-height: 20px}





/*wallet*/
.wtitle {font-size: 22px; color: #777777}
.wallets {margin: 5px auto; height: 140px; width: 190px; background: url(../img/source/voucher/cashs.png) no-repeat;
    padding-top: 35px; font-size: 35px; padding-right: 5px}
.walletTip {position: absolute; color: #949494; font-size: 12px; width: 100%; top: 160px }
.wallets.myCash {background-position: 20px -12px; color: #fd7555;}
.wallets.myVouch {background-position: -268px -15px; color: #fc9919;}
.wallets.myInvite {background-position: -550px -10px; color: #55b2bb;}
.voucherWidth{ float: left; height: 180px}
.voucherWidth:hover {opacity: 0.75; filter:alpha(opacity=75);}

.voucher {width: 300px; height: 140px; margin:15px  auto; padding: 10px 0 0 30px; text-align: left; color: white;}
.voucher.cashD,.voucher.usedD{padding: 10px 0 0 20px;}
.voucher.type {background: url(../img/source/voucher/double.png) no-repeat;}
.voucher.typed {background: url(../img/source/voucher/doubled.png) no-repeat; }
.voucher.cash .multis {margin-left: 5px;font-size: 20px;font-weight: normal;}
.voucher.all {background: url(../img/source/voucher/all.png) no-repeat}
.voucher.alld {background: url(../img/source/voucher/alld.png) no-repeat;}
.voucher.double {background: url(../img/source/voucher/type.png) no-repeat; }
.voucher.doubled {background: url(../img/source/voucher/typed.png) no-repeat;}
.voucher.used {background: url(../img/source/voucher/used.png) no-repeat; color: #999999;}
.voucher.expire {background: url(../img/source/voucher/expire.png) no-repeat; color: #999999;}
.voucher.useds {background: url(../img/source/voucher/useds.png) no-repeat; color: #999999;}
.voucher.expires {background: url(../img/source/voucher/expires.png) no-repeat; color: #999999;}
.panelValid label,.panelUsed label{margin-bottom:15px;}

.voucher .numeDiv{text-align: right;padding-right:52px;margin-top:10px;}
.voucher.cashD .numeDiv,.voucher.usedD .numeDiv{padding-right:60px;margin-top:18px;}

.voucher .num{margin-top:-10px;margin-bottom: 5px;}
.voucher.cashD .num ,.voucher.usedD .num {margin-top:-15px;}
.voucher .num>span.sum{font-size: 56px;font-weight: bold;vertical-align: bottom;line-height: 1;}
.voucher .num>span.unit {font-size: 14px}
.voucher .num>span.multis {font-size: 26px; vertical-align: bottom;}
.voucher .name {font-size: 12px;text-align: right;background: #fff;display: inline-block;padding:0 5px;line-height: 20px;}
.voucher .name.numType{color:#e19b2e;}
.voucher .name.numDouble{color:#c48fd6;}
.voucher .name.numAll{color:#e47472;}
.voucher .deadline {font-size: 12px; white-space: nowrap;}
.voucher .deadline>span{font-size: 16px;font-weight: bold;width:35px;display: inline-block;text-align: center;}

.noVouch {width: 100px; height: 100px; background: url(../img/source/voucher/noVouch.png) no-repeat; margin: 40px auto 0}
.vouchid {text-align: left; font-size: 12px; color: #999999; margin-top: 3px; margin-bottom: 10px; min-height: 18px;padding-left:15px; padding-right: 58px}

/*invite*/
.inviteBlock { width: 100%; height: 100px; line-height: 100px; font-size: 18px; color: #555555; padding-left: 50px; background-color: #d2e3ee}
.inviteBlock input {height: 35px; font-size: 14px; line-height: 35px; width: 500px; color: #0d7af3; margin: 5px}
.inviteRule {font-size: 14px; color: #777777;}
.inviteRule>div {margin: 5px 0}
.inviteRule .title {font-size: 18px; margin-bottom: 10px}
.inviteRule a {font-size: 12px; margin-left: 20px; color: #1897f1}

.welfareBlock {width: 100%; height: 180px; font-size: 18px; margin-top:20px; color: #777777; padding: 10px 50px; background: #f2f3f4}
.welfareBlock div {height: 50px; line-height: 50px}
.welfareBlock input {font-size: 14px; color: #9f9f9f; width: 400px; margin: 0 20px}

.fontLab {font-size: 14px; color: #ffffff; padding: 0 5px 2px; margin-right: 8px; display: inline-block; border-radius: 2px}
.fontLab.laberG {background-color: #45cf9d}
.fontLab.laberO {background-color: #f76735}
.fontLab.laberR {background-color: #e74e55}

.msg-back {margin: 70px 0 20px 0; padding: 10px 50px; background-color: #ffffff}
.messages {line-height: 45px; font-size: 15px; color: #555555; margin: 10px 0}

/*cloud report*/
.searchArea {width: 100%; background: #f4f4f4; padding: 15px 10px 15px 100px; line-height: 30px; font-size: 13px; color: #555555}
.searchArea .conditions {width: 100%}
.searchArea .conditions .condName {margin-left: -80px; float: left; position: relative}
.searchArea .conditions .condData {line-height: 20px; width: 100%; padding-left: 20px; padding-right: 20px;
    float: left; position: relative; vertical-align: middle; margin: 5px 0}
.searchArea .conditions .condData .verTitle {display: inline-block; margin-right: 20px}
.searchArea .conditions:after {content: '.';clear: both;display: block; height: 0; visibility:hidden;}
.searchArea .conditions .condData label, .searchArea .conditions .condData span {background: #92a8c2; color: white; padding: 0 5px; display: inline-block; margin-right: 10px;
    cursor: pointer; font-size: 12px; font-weight: normal}
.searchArea .conditions .condData label.active, .searchArea .conditions .condData span.active {background: #65aef8; font-weight: bold}
.chooseLabel {margin: 10px; color: #777777; min-height: 30px;}
.chooseLabel label {padding: 0 5px; border: 1px solid #999999; display: inline-block; margin-right: 10px; color: #777777; font-size: 12px}
.chooseLabel label i.close {font-size: 17px}
/*订单管理导出表格*/
.filterTable:after{ content: ""; clear: both; display: block; }
.filterTableCon{ float:left; border-right:solid 1px #ccc; padding-right:10px; margin: 10px auto; }
.searchBtn{ float:left; margin-left:15px;  margin-top:25px; }
.deriveTable{ float:right; margin-top:50px; }
.contentsDiv select{  width:240px; }
.statusDiv select{  width:125px; }
/*代金券新增样式*/
.myValid{ content: '.'; clear: both; display: block; }

.projectSelect {margin: 10px; font-size: 13px; border: none; width: 180px}
/*.projectSelect option {font-weight: normal}*/

.proMember {width: 18%; display: inline-block; height: 95px; margin-right: 1%; margin-bottom: 20px; position: relative}
.proMember > .close {display: none; position: absolute; right: 3px; top: -2px; font-size: 25px}
.proMember:hover {background-color: #f4f4f4}
.proMember:hover > .close {display: block}
.proMember img {width: 65px; height: 65px; border-radius: 50%; margin-top: 15px; margin-left: 0; float: left}
.proMember .user_info {color: #666666; font-size: 13px; float: left; margin-left: 10px; white-space: nowrap; width: 95px}
.proMember .user_info .user_name {margin-top: 20px}
.proMember .user_info .user_op {margin-top: 10px;}
.proMember .user_info .user_op .btn {vertical-align: 3%}

.proInfo {width: 100%; height: 185px; background-color: #f2f3f4; color: #555555}
.proInfo .proName {font-weight: bold; font-size: 30px; padding: 20px 30px 0}
.proInfo .infoTab {text-align: left; padding: 15px 0 15px 30px; float: left; position: relative; width: 30%}
.proInfo .infoTab .num {font-size: 20px}
.proInfo .rechargeBtn {border-left: 1px solid #aaaaaa; height: 155px; margin: 15px 0 15px 0; padding: 8px; text-align: center; line-height: 30px}
.proInfo .rechargeBtn .num {font-size: 26px}

.dragIcon {width: 31px; height: 31px; background: url(../img/source/drag.png); cursor: move; display: inline-block}
.grey{
    -webkit-filter: grayscale(100%);    /* webkit内核支持程度较好 */
    -moz-filter: grayscale(100%);    /* 其他内核现在并不支持，为了将来兼容性书写 */
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);    /* 标准写法 */
}
.move {cursor: move}
.centerTitle .teamName{
    line-height: 30px; color:#555; font-size:13px;;display: inline-block; background: #fff;
}
.centerTitle .teamName input{
    padding:0 10px;border: 0; width: 160px;cursor: pointer;height: 30px;}
.centerTitle .teamName input:hover{
    text-decoration: underline;
}

/*订单提交*/
.orderContent{width:990px;margin:0 auto; color:#555;}

.contHd{padding:10px 0; height:70px;}
.orderContent .group:after{content: "."; clear: both;display: block; height: 0; visibility:hidden;}
.contTitle{float: left;}
.contTitle .logo{width:32px;height:40px;float: left; background: url(../img/source/icons/orderSbmt.png) no-repeat;}
.contTitle .orderLogo{background-position:-20px -2px;}
.contTitle .text{font-size: 22px;line-height: 2;float: left;}
.progressR{float: right; width:370px;height:50px;background: url(../img/source/icons/orderSbmt.png) no-repeat;}
.progressR.submitPic{background-position:-16px -74px;}
.progressR.orderPic{background-position:-16px -145px;}
.progressR.payPic{background-position:-16px -245px;}
.progressR.finishPic{background-position:-16px -345px;}


.orderContent .giftChosen{border:solid 1px #e3e3e3;padding:0 25px 20px; margin-bottom:15px;position: relative;}
.giftChosen .giftSelect{border-top: dashed 1px #e3e3e3;padding:25px 0 5px 0;position: relative;}
.giftSelect .giftType{font-size: 16px; margin-right:35px;width:64px;text-align: left;
    display: inline-block;vertical-align: top;}
.giftSelect  .giftInfoDiv{display: inline-block;width:610px;}
.giftSelect  .giftInfo{ min-width:100px;text-align:center;margin-right:15px;padding:1px 15px; font-size: 14px; height:32px; line-height:28px; border:solid 1px #c3c3c3;
    background: #f6f6f6; display: inline-block;cursor: pointer;margin-bottom: 20px;box-sizing: border-box;}
.giftSelect  .giftInfo:hover{border: solid 2px #3293ff; padding: 0 14px}
.giftSelect  .giftInfo.active{border: solid 2px #3293ff; position: relative; padding: 0 14px}
.giftSelect  .giftInfo.active:before{content: "";width:20px; height:18px;background:url(../img/source/icons/orderSbmt.png) no-repeat -80px -23px;
    position: absolute;right:0;bottom:0;z-index:1; }
.giftSelect  .giftInfo.cash{padding:0; width:100px;text-align: center;}
.giftSelect  .payUser{position:relative;display: inline-block;height:75px;}
.giftSelect  .payNum{ padding:1px 22px 1px 35px; width:auto; position: relative;}
.giftSelect  .payNum:hover{padding:0 21px 0 34px;}
.giftSelect  .giftInfo.payNum.active{padding:0 21px 0 34px;}
.giftSelect .remainTime{ content:"";position:absolute; font-family: "宋体";font-size: 12px; color:#999;top:40px;display: none;width:150px;padding-bottom: 10px;}
.giftSelect  .payNum .payNumIcon{display:inline-block;width:22px;height:18px;position: absolute;top:5px;left:15px;
    background:url(../img/source/icons/orderSbmt.png) no-repeat ;}
.giftSelect  .payNum:hover .payNumIcon{top:4px; left:14px;}
.giftSelect  .giftInfo.payNum.active  .payNumIcon{top:4px; left:14px;}
.giftSelect  .payNum .payTeam{background-position: -133px -24px;}
.giftSelect  .payNum .payPersonal{background-position: -183px -24px;}
.giftSelect .subtotal{text-align: right;font-size: 14px;color:#777;position: absolute;bottom:20px;right:0;}
.giftSelect .subPrice{text-align: right;font-size: 14px;color:#777;position: absolute;bottom:45px;right:0;}
.giftSelect  .moreNum{padding-right:15px;font-size: 12px;font-family: "宋体";color:#777;position: relative;cursor: pointer;
    margin-left:15px; vertical-align: top;}
.giftSelect  .moreNum:hover{opacity: 0.8;}
.giftSelect  .moreNum:after{ content:"";background: url(../img/source/icons/orderSbmt.png) no-repeat -236px -29px; width:15px;height:14px;
    position: absolute;right:0;top:0;}
.voucherDIVInfo{display: inline-block;margin-left:10px;}
/*.giftSelect .giftInfoDiv .voucherDIV{display: inline-block;position: relative;height:70px;}*/
/*.giftSelect  .usefulInfo{font-size: 12px;font-family: "宋体";color:#999;width:170px;position: absolute;left:0;top:38px; display: none;}*/
.giftSelect  .usefulInfo{font-size: 12px;font-family: "宋体";color:#999;width:170px;display: inline-block;}
.giftSelect  .slideUp:after{content:"";background: url(../img/source/icons/orderSbmt.png) no-repeat -286px -29px; width:15px;height:14px;
    position: absolute;right:0;top:0;}
.budget.giftSelect  .giftInfo {min-width: 90px}


.orderContent  .orderInfo{ border:solid 2px #ffdf93;background: #fff9e8;}
.orderInfo .orderInfoHd{height:24px;line-height: 24px;text-align: center;background: #feedc4;font-size: 14px;color:#595959;}
.orderInfo .chosenInfo{ list-style: none;margin:15px 25px 10px 0;line-height: 25px;font-size: 12px; text-align: right; font-family: "宋体";color:#999;}
.orderInfo .chosenInfo li{display: inline-block; margin-right:20px;}
.orderInfo .payTotal{text-align: right;margin-right:25px;margin-bottom: 10px;}
.orderContent .btnSub{text-align: right;margin:15px 0;}


/*提交订单页开始*/
.orderContainer{width:100%;background:#f8f9fa;padding:20px 0 50px;}
.orderContainer .orderContentBox{width:950px;float:left;border:1px solid #efefef;padding:10px;background:#fff;}
.orderContainer .orderContentBox .title{margin-top:0;font-size:20px;color:#555;font-weight:normal;width:276px;height:42px;line-height:42px;padding-left:20px;background:url(../img/source/icons/sprites.png) no-repeat -504px -431px;}
.orderContainer .orderContentBox .stepNum{background:#fff;margin-right:8px;font-size:18px;font-weight:bold;font-style:normal;text-align:center;color:#97a9bc;display:inline-block;width:30px;height:30px;line-height:26px;border-radius:50%;border:2px solid #97a9bc;}
.orderContainer .orderContentBox .giftChosen{padding:30px 50px;}
.orderContainer .orderContentBox .giftChosen .giftType{text-align:right;width:100px;font-size:14px;}
.orderContainer .orderContentBox .package-box,.orderContainer .orderContentBox .product-list-box{display:none;}
.orderContainer .orderContentBox .package-box.active,.orderContainer .orderContentBox .product-list-box.active{display:block;}
.orderContainer .orderContentBox .package-item-box{display:none;}
.orderContainer .orderContentBox .package-item-box.active{display:block;}
.orderContainer .orderContentBox .package-item-box .child-info-box{display:none;}
.orderContainer .orderContentBox .package-item-box .child-info-box.active{display:block;}


.orderContainer .contactUsBox{width:220px;float:right;border:1px solid #efefef;background:#fff;padding:40px 0;text-align:center;}
/*提交订单页结束*/

.table.table-tdDiv{border-bottom: 0;}
.table.table-tdDiv th{background-color:#dbe5ef;}
.table.table-tdDiv .myCont td{border: none;padding: 0;color:#555;}
.table.table-tdDiv .myCont td .tdDiv{margin-top:20px;border-top:solid 1px #e3e3e3; border-bottom:solid 1px #e3e3e3;display: table;width:100%;}
 .tdDiv .orderNum{background:  #f5f5f5;height:30px;line-height: 30px;color:#999;font-family: "宋体"; padding-left:20px;font-size: 12px;}
 .tdDiv .tdDivCon{line-height: 3; color:#555;}
 .tdDiv .tdDivCon .payDiv{display: inline-block;}
.tdDiv .tdDivCon .payDiv.payTime{color:#ff7902;}
.tdDiv .tdDivCon .payDiv .refundInfo{font-size: 12px;color:#777;font-family: "宋体";position: relative;}
 .tdDiv .tdDivCon .myOrderIcon{width:20px;height:20px;display: inline-block;
    background: url(../img/source/icons/orderSbmt.png) no-repeat;vertical-align: middle;}
.tdDiv .tdDivCon .myOrderIcon.payIcon{background-position: -328px -25px;}
.tdDiv .tdDivCon .myOrderIcon.refundIcon{background-position: -382px -28px;}
.tdDiv .information span{font-family: "宋体";float: left;}
.tdDiv .information:after{content:".";clear: both;display: block;visibility: hidden;height:0;}
.payStatus .tdDivCon{display: block}

.suspend{position: absolute; top:24px;left:-40px;line-height: 2;width:230px;z-index: 1; display: none;}
.suspend .suspendCon{padding:10px;border:solid 1px #dadada;background: #fafafa;border-radius: 4px;font-family: "宋体"; font-size: 12px;color:#777;}
.suspend .suspendCon p{padding:0;}
.suspend .suspendCon p:hover{text-decoration: none;}
.suspendCon:after{content:".";clear: both;display: block;visibility: hidden;height:0;}
.suspendDelta{ width:30px; height:20px;  background: url(../img/source/icons/orderSbmt.png) no-repeat -413px -22px;
    z-index:1;position: absolute; top: -17px; left: 7px;}
.suspendCon .listProject{float: left;text-align: left;font-family: "宋体"; }
.suspendCon .ProjectCon{width:130px;text-align: left;float: left; font-size: 12px; font-family: "宋体";}


.normalQuestion{width:110px; position: fixed;top:36%;right:48px;font-size: 12px;font-family: "宋体";z-index: 1;}
.normalQuestion .questionTitle{ background: #dbe5ef;color:#777;text-align: center;line-height: 26px;}
.normalQuestion  dl{padding:15px 10px 10px 0; background: #f2f3f4;margin-bottom: 10px;}
.normalQuestion  dl dd{list-style: none;line-height:1.5;margin-bottom: 10px;}
.normalQuestion  dl dd p{padding-left:15px; margin:0; color:#555;font-family: "宋体";font-size: 12px;cursor: default;}
.normalQuestion  dl dd p:hover{text-decoration: underline;}
.consult{border-radius: 3px;cursor: pointer; text-align: center;line-height: 2.85;padding-left:18px;
    background:#3293ff url(../img/source/icons/orderSbmt.png) no-repeat -465px -14px;}
.normalQuestion .suspend{width:320px;}
.normalQuestion .suspendQues{top:26px;left:-320px; display: none;}
.suspendQues .suspendCon{ color:#555;}
.suspendQues .suspendDelta{position:absolute;top:13px;left:307px; background-position:-414px -65px;z-index: 1;}
.howPay .suspendDelta{top:88px;}
.howUse .suspendDelta{top:61px;}
.howInvoice .suspendDelta{top:133px;}
.howRetreat .suspendDelta{top:160px;}


.toggleBtn{display: inline-block;margin-left:350px;vertical-align: middle;color:#555;font-family: "宋体";font-size: 12px;cursor: pointer;}
.toggleBtn .toggleBtnIcon{width:15px;height:15px;background: url(../img/source/icons/orderSbmt.png) no-repeat -425px -229px;
display: inline-block; vertical-align: middle;}
.toggleBtn .toggleBtnIcon2{background-position: -425px -198px;}
.toggleBtn:hover{opacity: 0.8}

.companyService{position: absolute;right:15px;top:15px;z-index: 1;}

/*自己补充的样式*/
.font_songti{font-size: 12px;font-family: "宋体";}
.font_wryh{font-family: "微软雅黑";}
.font_14{font-size:14px;}
.font_16{font-size:16px;}

.color_555{color:#555;}
.color_999{color:#999;}
.color_777{color:#777;}
.color_ccc{color:#ccc;}

.clearFloat:after{content:".";clear:both;display: block;height:0;visibility: hidden;}
.floatRight{float:right;}
.floatLeft{float:left;}

.textLeft{text-align: left;}
.textRight{text-align: left;}
.textCenter{text-align: center;}



/*企业定制服务*/
.bespokeInfo{margin-bottom: 20px; color:#999;}
.bespokeInfo span{text-align: right;display: inline-block;margin-right:20px;}
.customTitle{height:107px;width:100%;}
.bespokService{width:100%;margin:0 auto; padding:0 35px;list-style: none;}
.bespokService .bespokProject{background:#f3f7fe;border:solid 1px #c3c3c3;width:350px;height:256px;margin:30px 30px 0 0;padding:15px 27px;
    box-sizing: border-box;border-radius: 2px; position: relative;}
.bespokService .bespokProject span{width:60px;height:60px;display: inline-block;
    background:url(../img/source/icons/orderSbmt.png) no-repeat  -135px -575px;position: absolute;bottom:15px;right:25px;}
.bespokService .bespokProject span:hover{opacity: 0.8;}
.bespokService .bespokProject:last-child span{ background-position: -258px -574px;}
.bespokService .bespokProject.active{border-color:#5063a4;}
.bespokService .bespokProject.active span{ background-position: 0 -574px;}
.bespokService .bespokProject.textDiv{padding:0; background:#f3f7fe;}
.bespokService .bespokProject  .textHeader{color:#2a82ee;font-size: 24px;text-align: left;line-height: 1;margin-bottom:20px;}
.bespokService .bespokProject p{line-height: 2;margin:0;}
.moreService{width:100%;height:100%;border:none;padding:70px 15px 15px 15px;box-sizing: border-box;resize: none;background:#fff;}
textarea.moreService::-webkit-input-placeholder {color: #2a82ee; font-size: 18px;}
textarea.moreService::-moz-placeholder {color: #2a82ee; font-size: 18px;}
.bespokBtn{margin:40px auto;display: block; width:228px; height:70px;box-sizing:border-box;
    background: #fdbc08;font-size: 30px;line-height: 68px;padding:0;text-align: center;color:#3d3b35;font-family:"黑体";}
.bespokBtn:hover{opacity: 0.8;}
.bespokDIv .bespokText{color:#fff;font-size:18px;text-align: center; display: none;}
.bespokDIv .bespokText span{display:inline-block;margin-right:10px;vertical-align:middle;width:22px;height:22px;
    background: url(../img/source/icons/orderSbmt.png) no-repeat -384px -611px;}

.companyIn{position: absolute;top:15px;right:15px;cursor: pointer;z-index: 1;line-height: 1.8;}
.companyIn .companyInICon{width:35px;height:35px;display: inline-block;vertical-align: bottom;margin-top:14px;
    background: url(../img/source/icons/companyIcon.gif) no-repeat -7px -6px; cursor: pointer;}
.companyIn:hover{opacity: 0.8;}
.bespokBtned{background:#8abaff;cursor:not-allowed;display: none;}



/*团队额度*/
.teamLimit{list-style: none;line-height: 2; min-width: 500px;}
.liStyle{min-width: 150px;text-align: center;margin-bottom: 30px;}
.liStyle p{height:30px;line-height: 30px;}

/*个人余额*/
.proType{padding:25px 15px;background: #f2f3f4;}
.proType ul{list-style: none;padding:0;}
.proType ul .proTypeLi{width:20%;border-right:solid 1px #e0e0e0; margin-bottom: 20px;font-size: 14px;color:#555;padding:0 3%;}
.proType ul .proTypeLiBorder{border:none;}
.proTypeCon{min-width: 180px; margin:0 auto;text-align: left;}
.proTypeCon .marLeft39{margin-left:39px;}
.proTypeCon .num{ font-weight: bold;margin-right:10px;width:50px;text-align: right;display: inline-block;}
.proTypeCon .freeServe{color:#23a00e;}
.proTypeCon .payServe{color:#ff7902}
.proTypeCon .proTypeConIcon{width:16px;height:16px;display: inline-block;vertical-align: middle;background:url(../img/source/icons/orderSbmt.png) no-repeat;margin-right:10px;}
.proTypeCon .freeIcon{background-position: -19px -488px;}
.proTypeCon .payIcon{background-position: -75px -489px;}
.proTypeCon .titleIcon{width:32px;height:32px;display: inline-block;vertical-align: middle;margin-right: 5px;}
/*.proTypeCon .titleIcon.compatibleTest{background-position:-136px -484px; }*/
/*.proTypeCon .titleIcon.cloudTest{background-position:-209px -484px; }*/
/*.proTypeCon .titleIcon.safeTest{background-position:-297px -484px; }*/
/*.proTypeCon .titleIcon.beeTest{background-position:-380px -487px; }*/
.rechargeInfo{background:#fef6de;margin-top:5px;width:100%;padding:15px 25px; }

.uploadImages {display: inline-block; margin-right: 10px; vertical-align: top; position: relative}
.uploadImages img {width: 50px; height: 50px}
.uploadImages .removeSpan {position: absolute; top: 45px; left: -1px}
.uploadImages .removeSpan>span {font-size: 25px; cursor: pointer; vertical-align: -8%}

/*用户认证*/
.progressContainerA {padding:10px 0; height:70px;width:710px; margin: 15px auto;}
.progressA {float: left; width:330px;height:50px;background: url(../img/source/icons/authentic-sprite.png) no-repeat;}
.progressA.authenticStep1 {
    background-position: 0 -56px;}
.progressA.authenticStep2 {
    background-position: 0 -106px;}
.progressA.authenticStep3 {
    background-position: 0 0;}
.warningA {display:inline-block; width:16px; height:16px; background: url(../img/source/icons/authentic-sprite.png) no-repeat;}

.warningA.orange {
    background-position: -320px -17px;
}
.warning.red {
    background-position: -336px 0;
}
.passIcon {
    background: url(../img/source/icons/sprites.png) no-repeat -276px -94px;float:right;
    height:50px; width: 50px;}
.noticeA {display:inline-block; width:16px; height:16px; background: url(../img/source/icons/sprites.png) no-repeat;}
.greenNotice {
    background-position: -144px -205px;
}
.phoneAuthIcon{
    background: url(../img/source/icons/authentic-sprite.png) no-repeat -330px -33px; width:75px; height:60px; margin-left: 10px;
}
.emailAuthIcon{
    background: url(../img/source/icons/authentic-sprite.png) no-repeat -341px -102px; width:50px; height:40px;
    margin:0 auto;
}
.cardAuthIcon{
    background: url(../img/source/icons/authentic-sprite.png) no-repeat -345px -150px; width:50px; height:40px;
    margin:0 auto;
}
.payIconConsume{width: 20px;  height: 20px;  display: inline-block;  background: url(../img/source/icons/orderSbmt.png) no-repeat -328px -25px;  vertical-align: middle;}

.idcardArea {text-align: center; width: 100%; margin: 10px 0 ; color: #777777; font-size: 14px}
.idcard {width: 250px; height: 160px; border-radius: 3px; border: 1px solid #ececec; cursor: pointer}
.idcardmsg {width: 100%; height: 20px; margin-top: 10px; color: #777777; font-size: 13px}
.fileinput-button input.idupload {position: absolute; width: 250px; height: 160px; top: 0; left: 0; cursor: pointer; margin-bottom: -35px; font-size: 100px; }
.idcard-upload {display: inline-block; width: 250px; height: 160px; cursor: pointer}
@media screen and (-webkit-min-device-pixel-ratio:0) { .fileinput-button input.idupload {font-size: 0}  }
.cardDemo {width: 290px; height: 190px; border-radius: 3px; border: 1px solid #ececec;}

.voucher-header {width: 100%; height: 128px; text-align: center; min-width: 1200px;
    background: url(static/images/index/voucher-banner.png) no-repeat center #62b8f4; }
.voucher-body {width: 700px; padding: 90px 0 50px 100px; margin:0 auto}
input.voucher-input {width: 390px; height: 40px; line-height: 40px}
input.voucher-input + .btn-lg {border-radius: 0; height: 40px; line-height: 38px; margin-left: -4px; padding-top: 0;}
.voucher-info {margin-top: 60px; font-size: 12px; color: #777777; line-height: 28px}
.voucher-info a {color: #3293ff}
.err-msg {height: 20px; font-size: 12px; margin-top: 10px}
.err-msg span {display: none}


/*定价页开始*/
.price-img.price-1>.tab-change{width:400px;margin:46px auto;}
.price-img.price-1>.tab-change li{float:left;font-size:20px;background:#fff;}
.price-img.price-1>.tab-change li a{display:inline-block;width:200px;height:50px;line-height:50px;color:#555;text-decoration:none;}
.price-img.price-1>.tab-change li a i{margin-right:15px;}
.price-img.price-1>.tab-change li.active{background:#333638;}
.price-img.price-1>.tab-change li.active a{color:#fff;}
.price-img.price-1>.tab-change li.package-price{border-top-left-radius:3px;border-bottom-left-radius:3px;}
.price-img.price-1>.tab-change li.summary-price{border-top-right-radius:3px;border-bottom-right-radius:3px;}

.price-page-box .main{width:100%;background:#fff;margin-bottom:-150px;}
.price-page-box .main .container{position:relative;top:-220px;}
.price-page-box .main .container dl{position:relative;float:left;width:25%;background:#fff;border-right:1px solid #d1d2d6;box-shadow:2px 3px 8px #ccc;}
.price-page-box .main .container dl.purchase-limit:before{content:'';position:absolute;top:0;left:0;width:52px;height:52px;background:url(../img/source/icons/sprites.png) no-repeat -968px -496px;}
.price-page-box .main .container dl.purchase-cost:before{content:'';position:absolute;top:0;left:0;width:52px;height:52px;background:url(../img/source/icons/sprites.png) no-repeat -968px -560px;}
.price-page-box .main .container dl:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;box-shadow:-3px 3px 8px #ccc;}
.price-page-box .main .container dl:nth-child(4n){border-top-right-radius:4px;border-bottom-right-radius:4px;border:none;box-shadow:3px 3px 8px #ccc;}
.price-page-box .main .container dl dt{text-align:center;padding:30px 0 40px;font-weight:normal;}
.price-page-box .main .container dl dt .title{font-size:26px;color:#333;}
.price-page-box .main .container dl dt .type{color:#777;margin-bottom:28px;}
.price-page-box .main .container dl dt .original-price{color:#999;}
.price-page-box .main .container dl dt .present-price{color:#fe7700;font-size:30px;margin-bottom:20px;}
.price-page-box .main .container dl dd{padding:0 20px 30px;color:#777;}

.price-page-box .package-box,.price-page-box .summary-box{display:none;}
.price-page-box .package-box.active,.price-page-box .summary-box.active{display:block;}

.price-page-box .comment-box{height:500px;background-color:#f4f5f6;}
.price-page-box .comment-box dl{display:inline-block;}
.price-page-box .comment-box dl.active dd{display:block;}
.price-page-box .comment-box dl dt{width:147px;height:68px;cursor:pointer;}
.price-page-box .comment-box dl dt .partner-logo{width:140px;height:40px;margin:7px 2px;}
.price-page-box .comment-box dl dd{position:absolute;top:60px;left:50%;transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);margin:40px auto;text-align:center;display:none;}
.price-page-box .comment-box dl dd .comment-logo{width:80px;height:80px;border-radius:50%;}
.price-page-box .comment-box dl dd .comment-name{font-size:20px;color:#333;}
.price-page-box .comment-box dl dd .comment-job{color:#999;}
.price-page-box .comment-box dl dd .comment-content{width:780px;font-size:16px;color:#555;text-align:left;line-height:1.7em;margin-top:40px;}

.price-page-box .common-question{background:#fff;}
.price-page-box .common-question .title{color:#5a5a5a;font-size:24px;margin-bottom:30px;}
.price-page-box .common-question .question-answer{color:#777;}
.price-page-box .common-question .question-answer li{margin-bottom:20px;}
.price-page-box .common-question .question-answer li .answer{margin-left:22px;}

.price-page-box .footer-banner .footer-a{margin-top:50px;}

.price-page-box .summary-box .quality-require dl.purchase-cost:before{content:'';position:absolute;top:0;left:0;width:52px;height:52px;background:url(../img/source/icons/sprites.png) no-repeat -968px -560px;}
.price-page-box .summary-box .quality-require dl.purchase-limit:before{content:'';position:absolute;top:0;left:0;width:52px;height:52px;background:url(../img/source/icons/sprites.png) no-repeat -968px -496px;}
.price-page-box .summary-box .free-tool dl.purchase-cost:before{content:'';position:absolute;top:0;left:0;width:52px;height:52px;background:url(../img/source/icons/sprites.png) no-repeat -968px -560px;}
.price-page-box .summary-box .free-tool dl.purchase-limit:before{content:'';position:absolute;top:0;left:0;width:52px;height:52px;background:url(../img/source/icons/sprites.png) no-repeat -968px -496px;}
.price-page-box .summary-box .cont-title{color:#5a5a5a;font-size:24px;text-align:left;}
.price-page-box .summary-box .others dl{position:relative;float:left;width:24%;margin:0 1.33% 20px 0;background:#fff;box-shadow:0 0 5px #aaa;border-radius:2px;}
.price-page-box .summary-box .others dl:nth-child(4n){margin-right:0;}
.price-page-box .summary-box .others dl dt{text-align:center;padding:10px;font-weight:normal;}
.price-page-box .summary-box .others dl dt .title{font-size:20px;color:#333;}
.price-page-box .summary-box .others dl dt .type{color:#555;text-align:right;}
.price-page-box .summary-box .others dl dt .price{color:#555;font-size:16px;}
.price-page-box .summary-box .others dl dt .price span{color:#fe7700;margin-right:5px;}
.price-page-box .summary-box .others dl dd{color:#777;padding:0 20px 20px;}
.price-page-box .summary-box .others dl dd a{color:#3293ff;text-decoration:none;}
.price-page-box .summary-box .others dl dd .purchase-link{text-align:right;}
.price-page-box .summary-box .free-tool{background:#fff;}
.price-page-box .summary-box .quality-require{background:#f4f5f6;}
/*定价页结束*/



.price-img {width: 100%; text-align: center; min-width: 1200px; }
.price-img.price-1 {height: 560px; background: url(../img/source/intro/price-index.png) no-repeat center #424853;}
.price-img.price-2 {height: 500px; background: url(../img/source/intro/price-2.png) no-repeat center #ECEDEE;}
.price-img.price-3 {height: 430px; background: url(../img/source/intro/price-3.png) no-repeat center #333536; text-align: center; padding-top: 125px}
.price-img.price-3 a:hover {opacity: 0.8}

.price-img.price-1 .container {font-size: 38px; color: #ffffff; padding: 95px 0 0}
.price-img.price-1 .title {font-size: 16px; color: #ffffff; margin: 10px auto}
.price-img.price-1 p {margin-left: 655px; font-size: 14px; color: #555555; line-height: 14px}
.price-img.price-1 .btn {margin: 50px 0 0 655px}
.price-img.price-3 div {font-size: 30px; color: #ffffff}
.price-img.price-3 a {border: 2px solid #ffffff; border-radius: 5px; color: #ffffff; display: block; font-size: 24px;
    height: 60px; margin: 40px auto; padding: 10px; text-align: center; width: 210px; text-decoration: none}
.choose_price {margin-top: 50px; background: #F3F4F5; width: 100%; padding: 35px 58px 50px}
.toolPrice {width: 500px; height: 130px; background: #ffffff; margin: 15px; display: inline-block; float: left; position: relative; padding: 20px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor: default !important}
.toolPrice.recommend:after {content: '荐'; position: absolute; right: 0; top: 0; width: 30px; height: 28px; background: #ff7902;
    color: #ffffff; font-size: 18px; text-align: center}
.price_contents {font-size: 16px; color: #777777; margin: 30px 15px 0}
.price-total {font-size: 30px; color: #ff7902}
.price-button {width: 100%; text-align: center; margin-top: 20px}
.price-button .btn {margin: 0 auto; color: #ffffff; background: #ff7902}
.price-button .btn:hover {opacity: 0.8}
.price-button .btn:disabled {background: #dedede;border-color:#dedede; color:#777777;}
.tool_title {font-size: 20px; color: #333333; line-height: 20px}
.price-slips {float: left; position: relative;}
.slips {margin-top: 5px; padding: 10px; width: 355px; }
.price-slips span {text-align: center; font-size: 13px; color: #999999; margin-top: -8px; display: inline-block;}
.slips div {width: 335px; height: 8px; border: 1px solid #3293ff; background: #d6ecff; cursor: pointer}
.slips div:before {content: ''; position: absolute; width: 18px; height: 18px; border-radius: 50%; background: #3293ff; margin-left: -9px; margin-top: -6px}
.price-input {width: 98px; float: left; position: relative; margin-left:2px; margin-top: 5px; font-size: 16px; color: #999999}
.price-input input {padding-left: 10px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor: default !important}
.price-unit {font-size: 12px; color: #777777; margin-top: 5px}
.price-table {width: 985px; border: 1px solid #eeeeee; margin: 60px auto}
.table.price-table th, .table.price-table td {vertical-align: middle; }
.price-table th {height: 60px; font-size: 20px; color: #ffffff; border-left: 1px solid #ffffff; background: #6fb3ff;text-align: center}
.price-table th:first-child {border-left: none}
.table.price-table td {font-size: 12px; color: #777777; background: #ffffff; text-align: center; border: 1px solid #eeeeee; height: 50px; min-width: 150px}
.price-table td.title {font-size: 16px; color: #555555}
.price-table td.left {padding-left: 25px; text-align: left}
.price-table .colorB {font-size: 16px}
.price-table td.deep {background: #f6f8fa}
.group:after{content: " "; clear: both;display: block; list-style: none}
.eachTool ul li{list-style: none;}
.eachTool ul li>div{height: 30px;padding:5px 10px;}
.eachTool .toolTop>h4{width:120px; display: inline-block}
#treeNav>li{background: #f3f3f3;width: 500px;border-left: 1px solid #dfdfdf ;border-right: 1px solid #dfdfdf ;border-bottom: 1px solid #dfdfdf ;list-style: none}
#treeNav>li>span{display: block;cursor:pointer;padding-left: 16px;padding-top: 5px;padding-bottom: 5px;border-bottom: 1px solid #dfdfdf ;position: relative}
.secondMenu{background: #f3f3f3;padding-left: 100px;}
.ThirdMenu{padding-left: 150px; }
.secondMenu>li{background: #f3f3f3;list-style: none}
.secondMenu>li>span,.ThirdMenu>li>span,.fourthMenu>li>span{display: block;padding-top: 5px;padding-bottom: 5px;position: relative;cursor:pointer;}
#treeNav>li i{  cursor: pointer;display: none;z-index: 10}
#treeNav>li i.deleteMenu{position: absolute;right: 5px;top:7px}
#treeNav>li input:disabled{    outline: none;  border: none;  background: #f3f3f3;width: 100px;display: none }
#treeNav .spanName{  cursor: pointer;}
#treeNav>li span:hover>i{display: inline-block}
.commonPro{background: #f3f3f3;width: 500px;border: 1px solid #dfdfdf ;padding-left: 16px; padding-top: 10px; padding-bottom: 10px;}
.wordSearchWrap{background: #d6e5ec ;height: 130px;}
.wordSearch{width: 1180px;margin: auto;padding-top: 40px;background:url(../img/source/icons/hlepBg.png) no-repeat;padding-left: 282px;height: 130px; }
.wordSearchT>span{font-size: 24px;color:#777;margin-right: 14px;}
#helpSearch{height:41px; width: 450px;border:1px solid #cececf;border-right:none;padding-left: 10px; float: left}
.wordSearchB{margin-left: 110px;padding-top: 5px;}
.wordSearchB>a{padding: 0px 7px;  color: #3293ff;  font-size: 12px;text-decoration: none}
.wordSearchB>a:hover{  opacity: 0.8;}
/*帮助展示页*/
.MenuLeft{width: 200px;background:#f4f5f7 ; font-size: 12px;}
.MenuLeft>.allArticle{height:50px;line-height: 50px;width: 100%;color:#333333;font-size: 14px; border-bottom: 1px solid #dde1e6;padding-left:22px;position: relative;cursor: pointer}
.viewFirstMenu{height:38px;line-height: 38px;font-size: 14px;color:#999999;padding-left: 22px;border-bottom: 1px solid #dde1e6;background:#e7e7e7 }
.viewSecondMenu,.viewThirdMenu{padding-left: 0px;margin-bottom: 0px;}
.viewThirdMenu{border-bottom: 1px solid #dde1e6;display: none}
.viewSecondMenu>li{list-style: none;color:#555555;background:#f4f5f7 ;position: relative}
.viewSecondMenu>li>span{height: 36px;line-height: 36px;display: block;padding-left: 22px;border-bottom: 1px solid #dde1e6;font-family: '宋体';padding-right: 20px;cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url("ellipsis.xml#ellipsis");}
.viewThirdMenu>li{  list-style: none;/*height: 36px;line-height: 36px;*/padding-left:40px;background: #f0f8fd;cursor: pointer ;}
.viewThirdMenu>li>a{color:#555555;font-family: '宋体';text-decoration: none;display: block;padding:10px 10px 10px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url("ellipsis.xml#ellipsis");
}
.viewThirdMenu>li:hover,.viewThirdMenu>li.active{background: #ffffff;color:#3293ff}
.viewFourthMenu li{color:#999;}
.viewFourthMenu li.active{color:#3293ff;}
.menuSlide{height: 20px;width: 20px;background:url("../img/source/icons/sprites.png") no-repeat;position: absolute;top:10px;right: 10px;
    cursor: pointer; }
.menuSlide.up{background-position:-10px -459px }
.menuSlide.down{background-position:-31px -459px}
.quickNav,.quickNav span{font-size: 12px;color:#999999;font-family: '宋体'}
.quickNav{padding:10px 0px 8px;border-bottom:1px solid #e0e0e0 }
.quickNav span.active{color:#3293ff}
.ifHelp{padding:20px 0 25px 27px;background: #f2f5f7;font-size: 12px;color:#777}
.notHelp>span{background: url('../img/source/icons/sprites.png') no-repeat -79px -456px;display: inline-block;height:  40px;width: 40px;margin-right: 3px;}
.success>span{background: url('../img/source/icons/sprites.png') no-repeat -154px -452px; display: inline-block;height:  40px;width: 40px;margin-right: 3px;}
.articleRight .title{color:#555555;font-size: 18px;margin-bottom: 20px;}
.btn.helpBtn{font-size: 12px;padding:5px 20px;}
.rightArrow{position: absolute;right: 10px;top:20px;border-left: 5px solid #8c8c8c;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid transparent   }
.articleDetail{position: absolute;width:520px;padding-left:10px;padding-top:12px;padding-bottom: 20px;top:-1px;left:199px; border: 1px solid #3293ff;font-size: 12px;display: none;background-color: #fff;z-index: 100}
.MenuLeft>.allArticle:hover>.articleDetail{display: block}
.MenuLeft>.allArticle:hover{background-color: #fff;border-top: 1px solid #3293ff;border-bottom: 1px solid #3293ff;color:#3293ff;border-left: 1px solid #3293ff;color:#3293ff;}
.allArticle:after{content: "";position: absolute;height:48px;width: 1px;background-color: #fff;right: -1px;top:0 ;z-index: 101}
.MenuLeft.fixed{position: fixed;top:20px;}
.articleRight.rightFixed{margin-left: 200px;}
.articleDetail .listFirst{height: 30px;line-height:30px;margin-right: 22px; color:#999;text-align: right;width: 78px;}
.articleDetail .listSecond{height: 30px;line-height:30px; }
.articleDetail .listSecond>a{color:#555;text-decoration: none;margin-right: 25px;font-family: '宋体'}
.articleDetail .listSecond>a:hover,.viewThirdMenu>li>a:hover,.homeNav>.navLeft .homeSecond>a:hover,.homeCommon>dl>dd>p>a:hover{color:#3293ff}
.helpRegistered,.noLevelhelpRegistered{width: 100%;height: 90px;background: url('../img/source/icons/registered.png');margin-top: 25px;text-align: right;padding-right: 143px;line-height: 90px;}
.noLevelhelpRegistered{background: url('../img/source/icons/nolevelBg.png');}
.helpRegistered>a,.noLevelhelpRegistered>a{padding:8px 30px; border:1px solid #ffffff;color:#fff;border-radius: 3px;}
/*帮助展示页*/
/*帮助搜索页*/
.searchheader{padding:30px 0 18px;font-size: 18px;color:#555555;border-bottom:1px solid #e0e0e0;margin-bottom: 10px;}
.searchWord{color:#d80000;font-size: 16px;}
.searchResult{padding-left: 0px;padding-top: 10px;border-bottom:1px solid #e0e0e0 }
.searchResult>li{  list-style: none;color:#777777;margin-bottom: 28px;}
.searchResult>li>.title{font-size: 16px;padding-bottom: 8px;}
.searchResult>li>.title>a{color:#777777}
.searchResult>li>.content{font-size:12px;padding-bottom: 8px;line-height: 23px;}
.searchResult>li>.nav{font-size: 12px;color:#999999}
.searchheader a,.quickNav a{color: #3293ff;font-size: 14px;text-decoration: none}
.searchQQ{color:#999;font-size: 12px;}
.searchQQ>a{color:#3293ff;}
.noSearchData{padding-top: 100px;width: 350px;margin:auto;padding-bottom: 50px;}
.noSearchData>dt,.noSearchData>dd{float: left}
.noSearchData>dt{height: 56px;width: 56px;background: url('../img/source/icons/sprites.png') no-repeat -315px -430px;margin-right:23px }
.noSearchData>dd>h4{font-size: 18px;color:#777;margin-top: 5px;}
.noSearchData>dd>p{font-size:14px;color:#999999;margin-bottom: 40px }
/*帮助首页*/
.homeNav{background: #f6f9fa;padding-left: 30px;padding-top: 20px;padding-bottom: 20px}
.homeNav>.navLeft{  width: 48%;margin-bottom: 10px;}
.homeNav>.navLeft .homeFirst{font-size: 14px;color:#999;width: 16%;text-align: right;margin-right:20px; }
.homeNav>.navLeft .homeSecond{font-size: 12px;padding-top: 2px}
.homeNav>.navLeft .homeSecond>a{padding-right: 35px;font-family: '宋体';color:#555;text-decoration: none}
.homeCommon{padding-left:50px;padding-top: 12px }
.homeCommon>dl{float: left;width: 50%;height:200px;margin-bottom: 40px; }
.homeCommon>dl>dt,.homeCommon>dl>dd{float: left;}
.homeCommon>dl>dt{height:80px;width: 73px;background: url('../img/source/icons/helpHome.png') no-repeat;margin-right: 18px }
.homeCommon>dl:nth-of-type(1)>dt{background-position: -400px 0 }
.homeCommon>dl:nth-of-type(2)>dt{background-position: -0px 0 }
.homeCommon>dl:nth-of-type(3)>dt{background-position: -77px  0 }
.homeCommon>dl:nth-of-type(4)>dt{background-position: -159px  0 }
.homeCommon>dl:nth-of-type(5)>dt{background-position:-238px 0 }
.homeCommon>dl:nth-of-type(6)>dt{background-position: -319px 0 }
.homeCommon>dl>dd>h5{font-size:20px;color:#777777;margin-bottom: 18px; margin-top: 0px;}
.homeCommon>dl>dd>p>a{color:#555;font-size: 14px;margin-bottom: 5px;text-decoration: none}

.solutionMenu:after, .solutionSample:after {content: '.';clear: both;display: block; height: 0; visibility:hidden;}
.solutionBanner {height: 435px; min-width: 1200px; margin: 0 auto; background-repeat: no-repeat; background-size: auto 435px; background-position: center; padding-top: 125px}
.solutionBanner.game {background-image: url(../img/source/solution/banner-game.jpg) ; background-color: #2E343F}
.solutionBanner.application {background-image: url(../img/source/solution/banner-app.jpg); background-color: #39404E}
.solutionBanner .title {font-size: 54px; color: #ffffff; width: 1200px; margin: 0 auto}
.solutionBanner .content {font-size: 18px; color: #ffffff; width: 1200px; margin: 25px auto}
.solutionMenu {width: 100%; height: 90px; background-color: #7a6b4d; padding: 0}

.solutionMenu ul.nav {width: 100%; height: 90px}
.solutionMenu ul.nav.container {padding-left: 0; padding-right: 0}
.solutionMenu ul.nav li {width: 16.666666%; height: 90px; text-align: center; border-right: 1px solid #7a6b4d; background-color: #373737; font-size: 20px}
.solutionMenu ul.nav li:first-child {margin-left: 0}
.solutionMenu ul.nav li>a   {padding: 30px; width: 100%; height: 90px; border-radius: 0; color: white;}
.solutionMenu ul.nav li>a:hover, .solutionMenu ul.nav li:hover, .solutionMenu ul.nav li.active>a,
.solutionMenu ul.nav li>a:focus {background-color: #d6a136; color: white; border: none}

.solutionFlow {float: left; position: relative; width: 210px; background-color: #E3Eff3; padding-bottom: 20px; }
.solutionFlow .stitle {width: 100%; height: 80px; background-color: #D3E3F1; font-size: 24px; text-align: center; padding: 20px}
.arraw-right {float: left; position: relative; width: 35px; height: 40px; background: url(../img/source/solution/solutions.png) no-repeat -345px}
.arraw-right.x4 {margin: 25px}
.solutionFlow .flowBlock {border: 1px solid #D9E5F0; background-color: #F6F6F6; margin: 38px 15px 10px; padding: 10px 20px; text-align: center; cursor: pointer;}
.solutionFlow .flowBlock:hover { background: #ffffff}
.solutionFlow .flowImg {margin: -35px auto 0; width: 62px; height: 60px; background: url(../img/source/solution/icons.png) no-repeat}
.solutionFlow .flowTitle {font-size: 18px; color: #333333; margin: 10px auto}
.solutionFlow .flowContent {font-size: 12px; color: #777777; text-align: left; line-height: 16px}
.solutionSample {margin: 20px auto 60px}
.sampleImg {float: left; position: relative; width: 400px; height: 220px}
.sampleRight {float: left; position: relative; margin-left: 35px; width: 750px; height: 220px}
.sampleTitle {font-size: 24px; color: #555555; margin: -10px 0 18px}
.sampleContent {font-size: 14px; color: #777777; line-height: 24px}
.sampleUse {position: absolute; bottom: 0; font-size: 12px; color: #999999}
.sampleUse .sampleLink {color: #3293ff; margin-left: 8px}

.sampleImg.appeal {width: 218px; height: 148px; background: url(../img/source/solution/imgs.jpg) no-repeat}
.sampleImg.appeal2 {width: 290px; height: 210px; background: url(../img/source/solution/imgs2.png) no-repeat}
.sampleRight.appeal {margin-left: 30px; width: 900px; height: 148px}
.solutionFlow .flowImg.cloud {background-position: -1px 0}
.solutionFlow .flowImg.cube {background-position: -1px -77px}
.solutionFlow .flowImg.unity {background-position: 0 -162px}
.solutionFlow .flowImg.gaps {background-position: -109px 0}
.solutionFlow .flowImg.weak {background-position: -220px 0}
.solutionFlow .flowImg.stand {background-position: -330px 0}
.solutionFlow .flowImg.expert {background-position: -330px -73px}
.solutionFlow .flowImg.bee {background-position: -443px 0}

.solutionFlow .flowImg.safe{
    width: 80px;
    height: 80px;
    background: url(../img/source/safe-icon.png) no-repeat;
    margin: -40px auto 0;
}
.solutionFlow .flowImg.safe.game-safe{
    background-position: -84px 0;
}
.solutionFlow .flowImg.safe.game-plugin{
    background-position: -166px 0;
}
.solutionFlow .flowImg.safe.game-reinforce{
    background-position: 0 -80px;
}
.solutionFlow .flowImg.safe.app-penetration{
    background-position: -84px -80px;
}
.solutionFlow .flowImg.safe.app-reinforce{
    background-position: 0 0;
}

.appealImg {width: 95px; height: 95px; background: url(../img/source/solution/icons.png) no-repeat}
.appealImg.frequently {background-position: 0 -242px}
.appealImg.gamer {background-position: 0 -362px}
.appealImg.stress {background-position: -128px -362px}
.appealImg.praise {background-position: -385px -238px}
.appealImg.fluency {background-position: -258px -240px}
.appealImg.map {background-position: -128px -240px}
.appealImg.server {background-position: -258px -362px}
.appealImg.phone {background-position: -258px -628px}
.appealImg.lowPhone {background-position: -128px -496px}
.appealImg.performance {background-position: -385px -624px}
.appealImg.net {background-position: 0 -743px}
.appealImg.bee {background-position: -128px -743px}
.appealImg.week {background-position: -385px -496px}
.appealImg.pkg {background-position: 0 -624px}
.appealImg.viscosity {background-position: -128px -624px}
.appealImg.game {background-position: 0 -496px}
.appealImg.connect {background-position: -258px -496px}

.inviteBack {background: url(../img/source/invite-back.png) no-repeat #5281EA right; height: 200px; padding: 60px}
a.invite-link { border: 1px solid #ffffff; border-radius: 5px; color: #ffffff; display: block; font-size: 18px; height: 50px;
    margin: 40px auto; padding: 10px; text-align: center; text-decoration: none; width: 170px;}
.invitePic {width: 90px; height: 90px; border-radius: 50%; border: 2px solid #fff; position: relative; float: left}
.inviteMsg {position: relative; float: left; margin-left: 15px; font-size: 28px; color: #ffffff}
.inviteMsg span {font-size: 20px}


/*我们的产品*/
.clear{clear:both;}
.dn{display:none;}
.bg-ga{background:#fff;}
.bg-ga .cont-title{margin-bottom:78px;}
.hot{
    padding:0 130px;
    overflow: hidden;
}
@keyframes change {
    0% {
        width: 0px;
    }
    100% {
        width: 100%;
    }
}
@keyframes change-reverse {
    0% {
        width: 100%;
    }
    100% {
        width: 0px;
    }
}
.hot div{
    display: inline-block;
    float: left;
    margin-right: 113px;
    text-align: center;
    cursor:pointer;
}
.hot div.item{
    padding-bottom: 10px;
}
.hot div.active {
    /* border-bottom: 3px var(--primary) solid; */
    /* -webkit-animation: change 950ms linear normal;
    animation: change 950ms linear normal; */
}
.hot .change{
    margin-top: 10px
}
.hot div.active .change{
    width: 100%;
    border-bottom: 3px var(--geekblue-6) solid;
    -webkit-animation: change 950ms linear;
    animation: change 400ms linear;
}
/* .hot div:not(.active) .change{
    width: 0%;
    border-bottom: 3px var(--primary) solid;
    -webkit-animation: change-reverse 950ms linear;
    animation: change-reverse 950ms linear;
} */
.hot div.last{
    margin-right:0;
}
.hot span{
    display:block;
    font-size:20px;
    color:#505f79;
}
.hot i{
    font-size: 40px;
}
.hot i.active{
    color: var(--geekblue-6);
    font-size: 40px;
}


/*情形一*/
.spread{
    border-top: 1px solid var(--geekblue-6);
    padding:54px 130px;
    background:#f3f5f6;
    margin-top: 0px;
    position: relative;
}
.spread .ftl .test-left{    border-right: 1px solid #dedede;
    padding-right: 118px;}
.test{display:inline-block;background:url("../img/source/icons/sprites.png") no-repeat -345px -635px;
    width:66px;height:66px;
    position: absolute;
    top: 0;
    left: 0;}
.ftl{float:left;}
.ftr{float:right;}
.t-left{
    position: relative;}
.test-left{    margin-left: 86px;}
.test-left h2{
    margin:0;
    color: var(--gray-12);
}
.test-left p{
    font-size:14px;
    color: var(--gray-11);
}
.test-left p.advantage-p {
    color: var(--gray-10);
}
.test-left p.advantage-p i{
    color: var(--primary);
    padding-right: 5px;
}
.test-left p.quick{font-size: 16px;font-family: "Microsoft YaHei";    margin-bottom: 0;    line-height: 1.5;}
/* .quickout{margin:12px 0 20px 0;max-width:266px;color: #505f79;} */
.gou{vertical-align: middle;display:inline-block;width:16px!important;height:15px!important;background:url("/static/home/images/index/ok.png") no-repeat!important;margin-right:10px}
.test-left a{
    display:inline-block;
    line-height: 30px;
    padding: 6px 28px;
    margin-top:25px;}
.test-left a:hover{    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
.jian{display:inline-block;width:25px;height:18px;background:url("/static/home/images/index/icons/arrow-1.png") no-repeat;
    position: absolute;top:-18px;left:153px;}
.jian.jian2{left:372px;}
.jian.jian3{left:582px;}
.jian.jian4{left:800px;}
.jian.jian5{left:1017px;}
/*情形二*/
.case2{padding:0 0 0 80px;    position: relative;}
.case2 img{    position: absolute;
    top: 0;
    left: 80px;
    margin-top: 5px;}
.case2 .test-left{    margin-left: 310px;}
.case2 .quick{display:inline-block;}
.case2 .test-left p.quick{    display: inline-block;}
.case2 .quickout{max-width: none;}
.lastContent{padding:54px 100px;}

/*解决方案hover*/
.solutions:hover .su-a{
    color:#3293ff;
}

.solutions:hover .su-mask{
    background-color: rgba(50,147,255,.5);
}

/*控制中心反色*/
.justshow{background:#f1f2f3;}
.subContainer{background:#f1f2f3;}
.searchArea{background:#fff;}
.nav-tabs.txNav li{background:#fff;}
.nav-tabs.txNav li>a:hover{background:transparent;border-color:transparent;}
.table{background:#fff;}

.subContainer html{background:#f1f2f3 !important;}
.subContainer html body{background:#f1f2f3 !important;}

/*移动安全解决方案*/
.solutionBanner.appSecurity{
    background-image: url(../img/source/solution/banner-security.png);
    background-color: #2694ec;
    padding-top:88px;
}
.appSecurity .content{
    margin:6px auto 70px;
    font-size:16px;
}
.appSecurity .btnBox{
    width:1200px;
    margin:0 auto;
}
.appSecurity .appBtn{
    display:inline-block;
    text-align:center;
    width:180px;
    height:50px;
    line-height:40px;
    border:1px solid #fff;
    color:#fff;
    font-size:18px;
    border-radius:4px;
}
.appSecurity .title,.appSecurity .content,.appSecurity .btnBox{
    padding-left:85px;
}
.securityNav{
    width:100%;
    height:90px;
    line-height:90px;
}
.securityNav .nav-icon{
    display:inline-block;
    width:48px;
    height:48px;
    vertical-align:middle;
    margin-right:10px;
    background-image:url(../img/source/solution/safe-icons.png);
    background-repeat:no-repeat;
}
.nav-icon.icon-hang{
    background-position:0 0;
}
.securityNav li.active .nav-icon.icon-hang{
    background-position:0 -48px;
}
.nav-icon.icon-know{
    background-position:-48px 0;
}
.securityNav li.active .nav-icon.icon-know{
    background-position:-48px -48px;
}
.nav-icon.icon-pay{
    background-position:-96px 0;
}
.securityNav li.active .nav-icon.icon-pay{
    background-position:-96px -48px;
}
.securityNav ul{
    width:1200px;
    margin:0 auto;
    display:flex;
}
.securityNav ul li{
    float:left;
    flex:1;
    text-align:center;
    font-size:18px;
    color:#333;
    cursor:pointer;
}
.securityNav ul li.active{
    border-bottom:2px solid #3293ff;
}
.securityContentWrap{
    width:100%;
    margin-bottom:40px;
}
.securityContent{
    width:1200px;
    margin:0 auto;
    background:#f3f3f3;
    padding:40px 40px 40px 50px;
    border-top:2px solid #dcdcdc;
    display:none;
}
.securityContent.active{
    display:block;
}
.securityContent .textDesc{
    float:left;
    width:532px;
    margin-right:40px;
}
.securityContent .imgView{
    float:left;
}
.app-title{
    font-size:24px;
    color:#333;
    margin-bottom:16px;
}
.app-desc{
    font-size:14px;
    color:#777;
    line-height:22px;
}

.process1{
    width:531px;
    height:471px;
    background:url(../img/source/solution/process1.png) no-repeat center;
}
.process2{
    width:530px;
    height:427px;
    background:url(../img/source/solution/process2.png) no-repeat center;
}
.solve .app-desc{
    padding-left:22px;
}
.solve-title{
    font-size:16px;
    color:#333;
}
.solve{
    margin:40px 0 30px;
}
.related-product ul{
    padding-left:22px;
}
.related-product ul li{
    float:left;
    margin-right:44px;
}
.related-product ul li:last-child{
    margin-right:0;
}
.related-product .product-img{
    width:66px;
    height:66px;
    margin:0 auto;
    background-image:url(../img/source/solution/safe-icons.png);
    background-repeat:no-repeat;
}
.product-img.safe-test{
    background-position:-69px -104px;
}
.product-img.mtp-test{
    background-position:-3px -104px;
}
.product-img.monitor-test{
    background-position:-143px -101px;
}
.product-img.reinforce-test{
    background-position:-221px -101px;
}

.security-part-wrap{
    width:1120px;
    /*height:300px;*/
}
.security-part-wrap .partner_box{
    width:1120px;
}
.partner_list .partner_box .security-dl{
    width:200px;
    height:84px;
}
.partner_list .partner_box .security-part{
    width:200px;
    height:84px;
    background:#ffffff url(../img/source/solution/safe-cases.png) no-repeat;
}
.qmark-gray{
    display:inline-block;
    width:14px;
    height:14px;
    background:url(../img/source/icons/qmark_gray.png) no-repeat center;
    margin-top:4px;
    cursor:pointer;
}
.qmark-content{
    display:inline-block;
    margin-top:5px;
    font-size:12px;
    color:#777;
}


/*企业团队start*/
.subContainer.corpProView>.blockDiv{
    background:#fff;
    min-height:700px;
}
.corpProView .corp-project-wrap{
    padding:0 30px;
    background:#fff;
}
.corpProView .corp-project-wrap .table{
    margin-bottom:0;
}
.corpProView .label-title{
    font-size:12px;
    color:#777;
}
.corpProView .team-chosen{
    display:inline-block;
    width:80px;
    height:25px;
    line-height:25px;
    text-align:center;
    font-size:12px;
    background:#dae4eb;
    color:#333333;
}
.corpProView .team-chosen.active{
    background:#6fb3ff;
    color:#fff;
}

.corpProView #nameSearch{
    height:26px;
    line-height:26px;
}
.corpProView .teamSearchBtn{
    width:40px;
    padding:0;
    text-align:center;
    margin-left:-10px;
    height:26px;
    line-height:26px;
    font-size:12px;
    font-family: SimSun;
    border-radius:0;
}
.corpProView .teamSearchBtn .glyphicon{
    top:0;
}
/*企业团队end*/


/*首页解决方案页start*/
.solutions{
    width:240px;
    height:450px;
}
.su-title{
    font-size:36px;
    margin-bottom:30px;
}
.su-subtitle{
    font-size:14px;
    text-align:left;
    padding:0 30px;
    line-height:1.7;
    display:none;
}
.su-icon{
    margin-top:145px;
}
.su-icon.su1{
    background-position: 0 0;
}
.su-icon.su2{
    background-position: -120px 0;
}
.su-icon.su3{
    background-position: -243px 0;
}
.su-icon.su4{
    background-position: -379px 0;
}
.su-icon.su5{
    background-position: -528px 0;
}
.su-a{
    width:120px;
    height:40px;
    line-height:38px;
    font-size:14px;
    border-radius:0;
    margin-top:10px;
    display:none;
}
.solutions:hover .su-a{
    display:inline-block;
    background:transparent;
    color:#fff;
}

/*首页解决方案页end*/


/*引导蒙层start*/
.mtp-step-mask{
    position:fixed;
    top:0;left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
    z-index:1000;
    display:none;
}
.mtp-step1{
    position:absolute;
    top:125px;
    left:268px;
    width:745px;
    height:392px;
    background:url(../img/source/mtp/mtp_step1.png) no-repeat center;
    display:none;
}
.img-step1{
    position:absolute;
    top:3px;
    left:3px;
    width:366px;
    height:131px;
    background:url(../img/source/mtp/img_step1.png) no-repeat center;
}
.btn-step1{
    position:absolute;
    left:4px;
    bottom:3px;
    width:77px;
    height:29px;
    background:url(../img/source/mtp/btn_step1.png) no-repeat center;
}
.operate-wrap{
    position:absolute;
    left:154px;
    bottom:62px;
}
.next-step{
    display:inline-block;
    width:124px;
    height:44px;
    background:url(../img/source/mtp/next_step.png) no-repeat center;
    cursor:pointer;
}
.dump-teach{
    display:inline-block;
    width:105px;
    height:20px;
    background:url(../img/source/mtp/dump_teach.png) no-repeat center;
    margin-left:18px;
    cursor:pointer;
}
.mtp-step2{
    position:absolute;
    top:168px;
    left:0;
    width:1090px;
    height:131px;
    background:url(../img/source/mtp/mtp_step2.png) no-repeat center;
    display:none;
}
.btn-step2{
    position:absolute;
    left:3px;
    top:3px;
    width:197px;
    height:36px;
    background:url(../img/source/mtp/btn_step2.png) no-repeat center;
}
.prev-step{
    position:absolute;
    top:27px;
    left:360px;
    width:80px;
    height:21px;
    background:url(../img/source/mtp/prev_step.png) no-repeat center;
    cursor:pointer;
}
.mtp-step2 .operate-wrap{
    left:360px;
    top:165px;
}
.mtp-step3{
    position:absolute;
    top:95px;
    left:262px;
    width:1036px;
    height:342px;
    background:url(../img/source/mtp/mtp_step3.png) no-repeat center;
    display:none;
}
.img-step3{
    position:absolute;
    bottom:2px;
    left:3px;
    width:858px;
    height:151px;
    background:url(../img/source/mtp/img_step3.png) no-repeat center;
}
.complete-step{
    display:inline-block;
    width:125px;
    height:45px;
    background:url(../img/source/mtp/complete_step.png) no-repeat center;
    cursor:pointer;
}
.mtp-step3 .prev-step{
    left:128px;
    top:-42px;
}
.mtp-step3 .operate-wrap{
    left:128px;
    top:120px;
}
.operate-wrap .index-dot{
    display:inline-block;
    margin:15px 37px 0 0;
}
.operate-wrap .index-dot li{
    float:left;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#fff;
    margin-right:18px;
    cursor:pointer;
}
.operate-wrap .index-dot li.active{
    background:#ffa800;
    cursor:default;
}
/*引导蒙层end*/

.platformIndex .btn.btn-banner {
    padding: 10px 50px;
    font-size: 20px;
    border-radius: 0;
    min-width: 170px;
}
.platformIndex .btn.btn-banner:hover {
    background: transparent;
    color: #fff;
    filter:alpha(opacity=70);       /* IE */
    -moz-opacity:0.7;              /* 老版Mozilla */
    -khtml-opacity:0.7;              /* 老版Safari */
    opacity: 0.7;           /* 支持opacity的浏览器*/
}

/*首页优化*/
.spread .ftl .test-left.single-case {
    border-right: 0;
}