/* CSS Document */

* { margin: 0px; padding: 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
html, body { min-height: 100%; height: 100%; }
img { border: 0; }
li { list-style: none; }
a { font-size: 12px; color: #fff; text-decoration: none; }
a:hover { text-decoration: none; }
body { background-color: #fff; }

.contain { width: 960px; margin: 0 auto; overflow: hidden; margin-bottom: 20px; }

.headWrap { background: #444 url('../images/head_bg.png') repeat-x; height: 120px; margin-bottom: 20px; }
.headWrap .headTop { height: 75px; }
.headWrap .headTop .headLogo { background: url('../images/m_logo.png') no-repeat; width: 220px; height: 75px; float: left; }
.headWrap .headTop .headPic { float: right; padding: 11px 10px 0 0; }
.headWrap .headTop .headPic .pic { background-color: #CCC; border: 1px solid #fff; width: 52px; height: 52px; float: left; }
.headWrap .headTop .headPic .info { float: left; color: #fff; line-height: 26px; height: 52px; padding-left: 10px; }
.headWrap .headTop .headPic .info a { margin-left: 15px; }
.headWrap .mainNav { height: 45px; line-height: 45px; }
.headWrap .mainNav li { float: left; margin-right: 25px; }

.sideNav { width: 190px; overflow: hidden; float: left; padding: 15px; }
.sideNav ul { overflow: hidden; line-height: 35px; }
.sideNav ul li { border-bottom: 1px solid #ccc; padding-left: 25px; }
.sideNav ul li a { color: #436ea3; }
.sideNav .kefu_us { font-size: 18px; margin-top: 20px; line-height: 22px; }
.sideNav .kefu_us .kefu { width: 190px; height: 70px; background: url(../images/bw8.png) no-repeat; }
.sideNav .serverInfo a { color: #81ba10; }
.sideNav .serverInfo { font-size: 18px; margin-top: 20px; line-height: 22px; border: 1px dashed #b6b6b6; padding: 10px 5px; background-color: rgb(235, 251, 255); }
.sideNav .serverInfo .kefu_title { color: #81ba10; }
.sideNav .serverInfo .kefuDown { text-decoration: none; }
.sideNav .serverInfo .kefuDown a { color: Red; }
.sideNav .Shortcut_Bar { width: 190px; margin-top: 20px; overflow: hidden; }
.sideNav .Shortcut_Bar_Box { background: #eff0f2; border: 1px #ccc solid; border-radius: 5px; height: 83px; }
.sideNav .Shortcut_Bar_Box_title { height: 27px; border-bottom: 1px solid #ccc; margin: 0 10px; color: #666; font-weight: bold; overflow: hidden; line-height: 28px; }
.sideNav .Shortcut_Bar_Box_main { margin: 5px 20px; line-height: 20px; }
.sideNav .Shortcut_Bar_Box_main a { font-weight: bold; color: #ff9500; }

/*右侧内容区****************************/
.rightContent { width: 700px; padding: 15px 20px; float: left; color: #3c3c3d; line-height: 22px; }
.rightContent .btn { border: 0; background: url(../images/btn_bg.png) 0 -295px no-repeat; width: 150px; height: 35px; color: #fff; }
.rightContent .btnFalse { width: 150px; background-color: #CCC; height: 42px; border: 0; border-radius: 5px; margin-top: 15px; font-size: 16px; }
.rightContent input[type="text"], .rightContent input[type='password'], .text { border: solid 1px #E5E5E5; background: #FFFFFF; padding: 9px; background: -webkit-gradient( linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF) ); background: -moz-linear-gradient( top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px ); -moz-box-shadow: 0px 0px 8px #f0f0f0; -webkit-box-shadow: 0px 0px 8px #f0f0f0; box-shadow: 0px 0px 8px #f0f0f0; }
.rightContent input[type="text"]:focus, .rightContent input[type='password']:focus, .text:focus { background: #feffef; }

/*右侧内容区----提交工单****************************/
.add {  border-bottom: 2px solid #458fce; overflow:hidden; padding-bottom:15px;}
.add h3, .radio h3, .services h3 { margin: 5px 0; line-height: 28px; }
.add i, .radio i, .services i { font-weight: normal; color: #f00; }
.add input[type="text"], .text { margin-top: 5px; width: 97%; }
.select { border: solid 1px #d2d2d2; background: #FFFFFF; margin-top: 5px; padding: 5px; display: block; font-size: 16px; width: 45%; background: -webkit-gradient( linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF) ); background: -moz-linear-gradient( top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px ); -moz-box-shadow: 0px 0px 8px #f0f0f0; -webkit-box-shadow: 0px 0px 8px #f0f0f0; box-shadow: 0px 0px 8px #f0f0f0; }
.btnAdd { margin: 10px 0 0 10px; }
.marginTop { margin-top: 35px; }
.u { margin-left: 80px; line-height: 25px; }
.services { border: 1px solid #d2d2d2; overflow: hidden; padding: 5px 15px; margin-top: 5px; }
.services span label { width: 150px; display: inline-block; line-height: 25px; }
.contact { margin-bottom: 10px; border: 1px solid #d2d2d2; padding: 10px; overflow: hidden; }
.contact p { margin-bottom: 15px; }
.contact input[type='text'] { width: 45%; }
.contact .left { width: 120px; height: 130px; float: left; overflow: hidden; }
.contact .right { width: 520px; float: left; border-left: 1px solid #e8e8e8; overflow: hidden; padding-left: 20px; }
.contact .right #write label { width: 80px; float: left; }

/*右侧内容区----工单列表数据样式*/
.thead { border-bottom: 2px solid #989898; color: #3c3c3d; }
.tbody { color: #3c3c3d; }
.tbody a { color: #008aef; }
.thead th { height: 35px; text-align: left; padding: 0 15px; }
.tbody td { padding: 5px 15px; border-bottom: 1px solid #e1e1e1; }
.tbody tr:hover { background-color: #f9f9f9; cursor: pointer; }
.tfoot { text-align: left; padding: 15px 10px; }
.tfoot a { color: #008aef; }

.statebtn { display: block; width: 60px; font-size: 14px; text-align: center; line-height: 28px; color: #fff !important;  border-radius: 2px; background-color: #56b24f; cursor:pointer}
.state0 { display: block; width: 60px; font-size: 14px; text-align: center; line-height: 28px; background-color: #fff; border-radius: 2px; color: #CCC; cursor:default}
.state1 { display: block; width: 60px; font-size: 14px; text-align: center; line-height: 28px; background-color: #fff; border-radius: 2px; color: #498bf6; cursor:default}
.state2 { display: block; width: 60px; font-size: 14px; text-align: center; line-height: 28px; background-color: #fff; border-radius: 2px; color: #ff6500; cursor:default}
.state3 { display: block; width: 60px; font-size: 14px; text-align: center; line-height: 28px; background-color: #fff; border-radius: 2px; color: #666666; cursor:default}
.state4 { display: block; width: 60px; font-size: 14px; text-align: center; line-height: 28px; background-color: #fff; border-radius: 2px; color: #3a3a3a; cursor:default}

/*右侧内容区----用户联系人维护*/
.contacter { border: 1px solid #d2d2d2; overflow: hidden; padding: 15px 20px; }
.contacter .left { float: left; width: 309px; border-right: 1px solid #e8e8e8; overflow: hidden; margin-bottom: 10px; padding-right: 10px; display: block; }
.contacter .right { float: left; width: 310px; overflow: hidden; padding-left: 10px; }
.contacter h3 { line-height: 35px; border-bottom: 1px solid #e8e8e8; margin-bottom: 15px; }
.contacter p { margin-bottom: 15px; }
.contacter input[type='text'] { padding: 9px; border: 1px solid #e5e5e5; box-shadow: 0px 0px 8px #f0f0f0; width: 65%; color: #666; }
.contacter input[type="text"]:focus { background: #feffef; }
.contacter span { padding-left: 50%; margin: 15px 0 0 -75px; }
/*右侧内容区----用户密码重设*/
.updatePwd { width: 100%; }
.updatePwd input[type='password'] { width: 35%; margin: 9px 30px 0px 50px; }
.updatePwd p { margin-bottom: 15px; }
.updatePwd span { margin-left: 70px; }
.updatePwd i { color: #f00; }
.updatePwd input[type='submit'] { margin-left: 125px; }

/*右侧内容区----用户状态*/
.ustatus { line-height: 25px; overflow: hidden; border-bottom: 1px solid #d2d2d2; margin-bottom: 15px; }
.ustatus li { float: left; margin-right: 20px; }

/*右侧内容区----工单列表数据样式 --- 工单详情*/
.tDetail { line-height:22px;}
.tDetail h2 { line-height: 35px; padding-left: 5px; border-bottom: 1px solid #d6dbe1; font-weight: normal; font-size: 14px; }
.tDetail h3 { line-height: 35px; padding-left: 5px; font-size: 18px; }
.tDetail .tTilte { line-height: 35px; padding-left:5px; }
.tDetail .tIntro { border-bottom: 2px solid #458fce; overflow: hidden; padding-bottom: 10px; }
.tDetail .tIntro ul { overflow: hidden; line-height: 20px; border-top: 1px solid #999; border-bottom: 1px solid #d2d2d2; padding: 5px; }
.tDetail .tIntro ul li { float: left; height: 40px; padding-left: 5px; width: 12%; border-right: 1px solid #ccc; }
.tDetail .tIntro ul li span { padding: 5px; }
.tDetail .tIntro ul li a { color: #008aef; }
.tDetail .tIntro ul li:last-child { border-right: 0; }
.tDetail .endTicket {background: #ffffcd url(../images/icon_i.png) 10px 13px no-repeat; border: 1px solid #fdefa0; border-radius: 5px; line-height: 45px; padding-left: 35px; font-size: 14px; }
.tDetail .endTicket a { color: #008aef; }
.tDetail .endTicket i { color: Red; }
.reply { padding: 15px 10px; border-bottom: 2px solid #458fce; }
.reply h2 { border-bottom: 1px solid #d6dbe1; }
.reply .text { margin-bottom: 15px; padding: 9px; border: 1px solid #e5e5e5; box-shadow: 0px 0px 8px #f0f0f0; width: 97%; height: 100px; color: #666; }
.replyRecord { border-bottom: 2px solid #458fce; height: auto !important; height: 300px; min-height: 300px; }
.replyRecord .exitTicket { border-radius:5px; height:30px; width:100%; border:1px solid #008aef; background:#429ee1; padding-left:20px; margin-bottom:15px;}
.replyRecord .wrap { padding: 15px 10px; }
.boxL, .boxR { margin-bottom: 25px; }
.boxL .luser, .boxR .luser { width: 100px; float: left; }
.boxL .rBox, .boxR .rBox { margin-left: 100px !important; height: auto !important; }
.boxL .rBox .left, .boxR .rBox .right { padding: 15px 10px; border-radius: 10px; position: relative; min-height:100px; }
.boxL .rBox .rtime, .boxR .rBox .rtime { color: #666; float: right; line-height: 25px; }
.boxL .rBox .filePic, .boxR .rBox .filePic { padding-top:10px; margin-top:10px; border-top:1px dotted #d2d2d2;}
.boxL .rBox .left span, .boxR .rBox .right span { width: 0; height: 0; font-size: 0; overflow: hidden; position: absolute; }
.boxL .rBox .left span.bot, .boxR .rBox .right span.bot { border-width: 10px; border-style: solid; left: -19px; top: 16px; }
.boxL .rBox .left span.bot_border, .boxR .rBox .right span.bot_border { border-width: 11px; border-style: solid; left: -22px; top: 15px; }
.boxL .rBox .left { border: 1px solid #d7d7d8; background: #f7f7f7; }
.boxL .rBox .left span.bot { border-color: transparent #f7f7f7 transparent transparent; }
.boxL .rBox .left span.bot_border { border-color: #ffffff #d0d0d1 #ffffff #ffffff; }
.boxR .rBox .right { border: 1px solid #acc4ab; background: #eff6ee; }
.boxR .rBox .right span.bot { border-color: transparent #eff6ee transparent transparent; }
.boxR .rBox .right span.bot_border { border-color: #ffffff #acc4ab #ffffff #ffffff; }

.upload { margin-top:15px; padding:15px 0; border-top:1px solid #d7d7d8; }
.upload p { padding-left:55px;}
.upload .fileUpload {margin-left:5px; width:250px; }

/*右侧内容区----有问必答*/
.tabs { overflow: hidden; border-bottom: 2px solid #666; height: 35px; }
.tabs input[type='submit'] { line-height: 35px; border: 1px solid #555; width: 120px; border-bottom: 0; }
.tabs .active { background-color: #fff; border-color: #436ea3; }
.ask { line-height: 28px; }
.ask label { float: right; }
.orderList { margin-top: 25px; }
.orderList .listBox { overflow: hidden; border: 1px solid #f5edd4; background-color: #fefcf1; padding: 10px 19px; margin-bottom: 20px; }
.orderList .listBox h4 { font-size: 14px; }
.orderList .listBox h4 label { font-weight: normal; }
.orderList .listBox .a { background: url(../images/logs_bg.png) 0 -185px no-repeat; height: 20px; }
.orderList .listBox .b { background-color: #fcf9e6; border-left: 1px solid #e8dd97; border-right: 1px solid #e8dd97; width: 608px; padding: 20px 25px; }
.orderList .listBox .c { background: url(../images/logs_bg.png) 0 -225px no-repeat; height: 10px; margin-bottom: 10px; }
.orderList a { color: #436ea3; }
.orderList .askTitle { color: #5daa1d; }
.orderList .qtime { float: right; }
.orderList .qtime label { color: #436ea3; }

/* star */
.rate, .rating { margin: 0 10px 20px 10px; overflow: hidden; }
.rating { border-bottom: 2px solid #458fce; padding-bottom: 10px; }
.rate .text, .rating .text { margin: 0 0 15px; width: 97%; height: 100px; }
.rate ul, .rating ul { overflow: hidden; padding: 10px 0; }
.rate ul li, .rating ul li { float: left; margin-right: 45px; position:relative; }
.rating ul li p { position:absolute; top:0; left:170px; color:red; line-height:20px;}
.rate ul li label, .rating ul li label { float: left; margin-right: 10px; }
.ratingStar, .waitingRatingStar, .filledRatingStar, .emptyRatingStar { background: url(../images/star.png) no-repeat; width: 24px; height: 19px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat; }
.waitingRatingStar /*normal mode empty style*/ { background-position: 0 -28px; }
.filledRatingStar /*normal mode filled style*/ { background-position: 0 -28px; }
.emptyRatingStar /*readonly mode empty style*/ { background-position: 0 0; }
/****foot*************/
.footer_wrap { overflow: hidden; background-color: #444; }
.footer { width: 960px; margin: 0 auto; overflow: hidden; }
.footer .link { padding: 10px 10px 0 10px; width: 940px; overflow: hidden; }
.footer .link .c { width: 175px; margin-right: 10px; line-height: 18px; float: left; }
.footer .link .c ul { margin-bottom: 25px; }
.footer .link .c a { color: #ccc; }
.footer .link .c h4 { color: #FFFFFF; margin-bottom: 5px; }
.copyright { height: 36px; border-bottom: #626262 1px solid; border-top: #000000 1px solid; margin-bottom: 50px; }
.copyright .content { height: 34px; border-bottom: #000000 1px solid; border-top: #626262 1px solid; color: #ccc; line-height: 34px; padding-left: 10px; }
.copyright .content a { color: #CCC; }


/****登录*************/
.loginWrap { border: 1px solid #b4b4b4; background-color: #f9f9f9; border-radius: 15px; padding: 15px; overflow: hidden; color: #666; }
.loginWrap h3 { line-height: 35px; font-size: 18px; }
.loginWrap .loginBox { border: 1px solid #e8e8e8; background-color: #fff; padding: 20px; overflow: hidden; }
.loginWrap .loginBox .left { float: left; width: 424px; border-right: 1px solid #e8e8e8; padding-right: 20px; }
.loginWrap .loginBox .left label { display: block; padding: 10px 0; font-size: 14px; }
.loginWrap .loginBox .left input[type='text'], .loginWrap .loginBox .left input[type='password'] { padding: 9px; border: 1px solid #e5e5e5; box-shadow: 0px 0px 8px #f0f0f0; width: 75%; color: #666; }
.loginWrap .loginBox .left a { color: #666; }
    .loginWrap .loginBox .left a:hover { text-decoration:underline;}
.loginWrap .loginBox .left .btnLogin { width: 150px; background-color: #5daa1d; height: 42px; border: 0; border-radius: 5px; box-shadow: 0px 2px 2px rgba(0,0,0,0.3), inset 0px 1px 0px #9dd35d; margin-top: 15px; color: #fff; font-size: 16px; }
.loginWrap .loginBox .left h3 { border-top: 2px solid #e8e8e8; margin-top: 25px; padding: 15px 0 5px 0; }
.loginWrap .loginBox .left p { line-height: 25px; }
.loginWrap .loginBox .right { float: left; width: 440px; line-height: 25px; }
.loginWrap .loginBox .right ol { padding: 35px 0 0 40px; }
.loginWrap .loginBox .right ol li { list-style-type: decimal; }
.loginWrap .loginBox .right ol li a { color:#f60;}