@charset "utf-8";
/*
 * @name	:139G 客服中心样式
 * @author	:chenfahui(email:chenfh@xmxu.cn)
 * @version	:1.0
 */
 
.service{width:1000px;margin:auto;padding:5px 0 0;}
.service .side{width:275px;float:left;}
.service .main{width:715px;float:right;}

.service .sideLogin{padding:10px 0 0;}
.service .sideLogin .tit{display:none;}
.service .sideNews ul{overflow:hidden;}
.service .sideNews li{border-top:1px dashed #cddaee;height:32px;line-height:32px;padding:0 0 0 15px;margin:-1px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;}
.service .sideNews a:hover .nub,.service .question .list a:hover .nub{border-left-color:#f26522;}
.service .sideNews .nub,.service .question .list .nub{display:inline-block;height:0;width:0;border:5px solid;border-color:#fff #fff #fff #666;vertical-align:middle;overflow:hidden;}

.service .cover{position:relative;padding:10px 0 0;}
.service .cover .img{border:3px solid #d1e0ee;}
.service .cover .link{position:absolute;left:530px;top:220px;}
.service .cover .link a{display:block;width:150px;height:30px;background:url(../images/blank.gif);}
.service .cover .shadow,.service .pass .passBox .icon,.service .bindL .icon{background:url(../images/service_bg.jpg) no-repeat;}
.service .cover .shadow{height:10px;width:733px;position:absolute;left:50%;bottom:-10px;margin:0 0 0 -366px;}
.service .search{padding:10px 0 0;}
.service .search .inner{padding:17px 0 18px 15px;border:1px dotted #d1e0ee;background:#eaf4fb;height:37px;}
.service .search .label{float:left;font-size:14px;font-weight:700;line-height:37px;}
.service .search .data{float:left;width:130px;background:#fff;margin:0 10px 0 0;display:inline;}
.service .search .text{float:left;border-bottom:1px solid #DDD;border-right:1px solid #DDD;}
.service .search .text input{border:1px solid #ccc;height:14px;padding:10px;width:160px;}
.service .search .btn{float:left;padding:5px 0 0 10px;}
.service .search .btn span{padding:0 10px 0 20px;}

.service .self ul{overflow:hidden;}
.service .self li{border-left:1px dashed #cddaee;border-top:1px dashed #cddaee;margin:-1px 0 0 -1px;float:left;width:25%;height:160px;}
.service .self dt{font-size:14px;font-weight:700;color:#f26522;text-align:center;padding:15px 0 10px;white-space:nowrap;overflow:hidden;}
.service .self dd{text-align:center;}
.service .self dd p{padding:0 10px;text-indent:24px;text-align:left;display:block;height:70px;line-height:22px;overflow:hidden;margin:0 0 5px;}

.service .group ul{overflow:hidden;padding:8px;min-height:493px;}
.service .group li{float:left;border:1px solid #cddaee;width:218px;display:inline;margin:15px 6px;height:165px;overflow:hidden;}
.service .group dt{background:#eaf4fb;border-bottom:1px dashed #d1e0ee;font-size:14px;font-weight:700;padding:5px;color:#333;white-space:nowrap;overflow:hidden;}
.service .group dt span{display:inline-block;max-width:110px;vertical-align:top;overflow:hidden;text-overflow:ellipsis;word-wrap:normal;}
.service .group dd{height:61px;overflow:auto;}
.service .group dd p{padding:9px 0 0 10px;}
.service .group .photo{padding:1px;}

.service .question h3{text-align:center;font-size:14px;color:#f26522;padding:20px 0 10px;}
.service .question .list li{position:relative;padding:10px 100px 10px 15px;border-bottom:1px dashed #cddaee;line-height:25px;}
.service .question .list a{font-size:14px;}
.service .question .list .time{position:absolute;right:10px;top:10px;}
.service .question .page{padding:20px 0;}
.service .question .type{text-align:right;padding:0 30px 5px 0;}
.service .question .editor,.service .question .back{border-top:1px dashed #cddaee;line-height:2;color:#333;}
.service .question .editor{padding:30px;font-size:14px;}
.service .question .tags{padding:30px;}
.service .question .tags dt{float:left;}
.service .question .back{padding:20px 20px;text-align:right;}
.service .question .back a{color:#f26522;font-family:simsun;}
.service .question .link{border:1px dashed #a5d1dc;background:#eaf4fb;text-align:center;margin:0 0 30px;padding:5px 0;color:#6b6b6b;}
.service .question .link a{color:#f26522;text-decoration:underline;margin:0 10px;}
.service .question .linkBot{margin:30px 0 0;}

.service .pass .passBox{float:left;border:1px dotted #a5d1dc;background:#eaf4fb;width:435px;height:300px;margin:30px;display:inline;font-size:14px;line-height:30px;color:#333;position:relative;}
.service .pass .passBox p{padding:40px 0 0 40px;}
.service .pass .passBox a{font-size:14px;text-decoration:underline;color:#f26522;}
.service .pass .passBox .icon{width:222px;height:160px;background-position:0 -25px;position:absolute;bottom:0;right:0;}
.service .pass .appeal{float:right;}
.service .pass .appeal .icon{background-position:0 -193px;width:245px;height:70px;left:50%;top:150px;margin:0 0 0 -122px;}
.service .pass .appeal .icon:lang(zh_TW){background:url(../images/service_bg_tw.jpg) no-repeat;}
.service .pass .appeal .icon a{display:block;height:70px;width:245px;}

.service .bind .commInn{padding:40px 0;}
.service .bind .back{padding:50px;text-align:center;font-size:15px;line-height:30px;}
.service .bind .back .icon{background:url(../images/person_main_bg.gif) no-repeat 0 -90px;height:110px;margin:auto;width:130px;}
.service .bindL{float:left;width:400px;height:200px;border-right:1px dashed #d1e0ee;}
.service .bindL .icon{width:210px;height:140px;background-position:-519px -22px;margin:40px 0 0 160px;}
.service .bindL .iconPhone{background-position:-285px -24px;}
.service .bindR{float:right;width:550px;padding:0 30px 0 0;}
.service .bindM{clear:both;border:1px dotted #d1e7f0;background:#eaf4fb;font-size:14px;padding:20px;margin:20px 120px 0;}
.service .bindM span{color:#09a3cd;font-weight:700;}
.service .bindM a,.service .bind .back a{color:#f26522;text-decoration:underline;font-size:14px;}

.service .formItem{padding:8px 0;zoom:1;font-size:14px;line-height:36px;}
.service .formTit{float:left;width:100px;text-align:right;}
.service .formTxt{float:left;}
.service .formTxt .txt{border-right:1px solid #ddd;border-bottom:1px solid #ddd;float:left;}
.service .formTxt .txt input{border:1px solid #ccc;background:none;height:14px;width:160px;padding:10px;line-height:15px;float:left;}
.service .formTxt .txt input.short{width:100px;}
.service .formTxt img{vertical-align:middle;}
.service .formMsg{overflow:hidden;padding:0 0 0 20px;position:relative;height:36px;}
.service .formMsg .msg{background:#eaf4fb;display:block;padding:0 0 0 30px;color:#09a3cd;}
.service .formMsg .nub{position:absolute;left:10px;top:50%;margin:-10px 0 0;display:block;height:20px;width:20px;text-align:center;line-height:20px;color:#eaf4fb;}
.service .formMsg .sta{background:url(../images/commBox_bg.gif) no-repeat 0 -166px;display:block;height:17px;width:17px;position:absolute;left:30px;top:50%;margin:-8px 0 0;}
.service .formError .txt input{border-color:#ed5c17;}
.service .formError .msg{background:#ffecdd;color:#ff0000;}
.service .formError .nub{color:#ffecdd;}
.service .formError .sta{background-position:0 -184px;}
.service .formMay .msg,.service .formMay .nub{display:none;}
.service .formMay .sta{background-position:0 -202px;}
.service .formTxt .txt input.code{height:36px;width:auto;border-left:0;background:#eee;cursor:pointer;background:-moz-linear-gradient(center top , #FFFFFF, #EBEBEB) repeat;background:-o-linear-gradient(top, #FFFFFF 0px, #EBEBEB 100%) transparent;background:-webkit-linear-gradient(top, #FFFFFF 0%, #EBEBEB 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFEBEBEB);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFEBEBEB)";background:-ms-linear-gradient(top, #FFFFFF, #EBEBEB);}
.service .actionErrorMsg{padding:5px 10px;}
.service .showCaptcha{padding:0 0 0 5px;}

.feedback{position:relative;height:50px;}
.feedback .int{position:absolute;right:0;top:50%;margin:-12px 0 0;}
.feedback .btn{float:left;margin:0 25px 0 0;position:relative;}
.feedback .btn a{background:url(../images/feedback_icon.gif) no-repeat;padding:0 0 0 25px;height:25px;float:left;line-height:25px;}
.feedback .btn a{color:#333;}
.feedback .btnLike a{background-position:0 -58px;}
.feedback .btnTread a{background-position:0 -88px;}
.feedback .btnLike .num,.feedback .btnLike .add{color:#f26522;}
.feedback .btnTread .num,.feedback .btnTread .add,.feedback .btnTread .msg{color:#4c97f1;}
.feedback .add,.feedback .msg{position:absolute;top:-30px;left:50%;color:#f26522;border:1px solid #b0c4d6;background:#d7e8f8;padding:0 10px;border-radius:5px;white-space:nowrap;}