@charset "utf-8";
.green-btn{background:#85ca3b !important;}

/* 客服中心导航 */
.service-head{background-color:#fff; height:100px; background-color:rgba(255,255,255,0.6); width:100%; position:relative; top:0; left:0; z-index:11; box-shadow:0 3px 4px rgba(0,0,0,0.05);}
.service-head .logo{width:258px; height:100px; display:inline-block;}
.service-head .logo img{width:100%; height:100%;}
.service-head .nav{float:right; letter-spacing:-5px; font-size:0; padding-top:35px;}
.service-head .nav a{letter-spacing:normal; font-size:18px; color:#333; line-height:1em; display:inline-block; padding:7px 14px; margin-left:37px; border-radius:40px;}
.service-head .nav a:hover{color:#ffc300;}
.service-head .nav a.on{background:#ffc300; color:#fff;}

/* 客服中心首页 */
.service-box{padding:60px 0 90px; background:url(../images/service_bg.jpg) no-repeat center top;}
.service-cru{width:1000px; margin:0 auto; padding-bottom:10px;}
.service-cru p{font-size:20px; color:#333; padding-left:8px; border-left:3px solid #ffc300; line-height:28px; display:inline-block;}
.service-cru span{float:right; font-size:14px; color:#999; line-height:1em; padding:14px 5px 0 0; display:none;}

.service-box .service-list{width:1000px; height:504px; margin:0 auto; position:relative;}
.service-box .service-list .part-div{position:absolute; background:#fff; border-radius:5px; overflow:hidden; transition:0.3s;}
.service-box .service-list .part-div:hover{transform:translateY(-4px); box-shadow: 0px 5px 5px rgba(0,0,0,.1);}
.service-box .service-list .part-1:hover,.service-box .service-list .part-6:hover{transform:translateY(0); box-shadow:0 0 0 rgba(0,0,0,0);}
.service-box .service-list .part-div>a{width:100%; height:100%; box-sizing:border-box; display:block; position:relative;}
.service-box .service-list .part-div .tit{font-size:16px; color:#333; line-height:1.2em; padding-bottom:6px; display:block; font-weight:bold;}
.service-box .service-list .part-div .intr{font-size:14px; color:#999; line-height:24px;}
.service-box .service-list .part-div .icon{width:90px; height:90px; background:url(../images/service_icon.png) no-repeat; position:absolute;}
.service-box .service-list .part-7 .tit,.service-box .service-list .part-8 .tit,.service-box .service-list .part-9 .tit,.service-box .service-list .part-10 .tit{font-weight:normal;}
.service-box .service-list .part-1{width:308px; height:331px; background:url(../images/service_icon.png) no-repeat 0 0; left:0; top:0; overflow:visible; z-index:111;}
.service-box .service-list .part-1 .wechat-code{position:absolute; width:100%; height:100%; border-radius:5px; background:#fff; top:0; text-align:center; padding-top:8px; box-sizing:border-box; opacity:0; transition:0.3s ease-in-out;/*  right:-50px; */ right:0;/*  visibility: hidden; */;}
.service-box .service-list .part-1 .wechat-code img{max-width:100%;}
.service-box .service-list .part-1:hover .wechat-code{opacity:1;/*  right:0; visibility:visible; */;}
/* .service-box .service-list .part-1 .wechat-code{position:absolute; right:-100px;; top:0; bottom:0; margin:auto; width:200px; height:240px; border-radius:5px; box-shadow:5px 0px 10px rgba(0,0,0,0.1); visibility:hidden; opacity:0; transition:0.3s; border-radius:5px;}
.service-box .service-list .part-1 .wechat-code:before{content:''; width:0; height:0; border-width:10px 12px; border-color:transparent  #fff transparent transparent; border-style:solid; position:absolute; left:-24px; top:0; bottom:0; margin:auto;}
.service-box .service-list .part-1 .wechat-code img{width:100%; height:100%;}
.service-box .service-list .part-1>a:hover .wechat-code{right:-160px; opacity:1; visibility:visible;} */

.service-box .service-list .part-1>a,.service-box .service-list .part-4>a,.service-box .service-list .part-4>a,.service-box .service-list .part-7>a{cursor:default;}
.service-box .service-list .part-4>a:after,.service-box .service-list .part-5>a:after{content:''; width:100px; height:157px; background:url(../images/service_icon.png) no-repeat; position:absolute; right:0; top:0;}
.service-box .service-list .part-4>a:after{background-position:-309px -182px;}
.service-box .service-list .part-5>a:after{background-position:-409px -182px;}

.service-box .service-list .part-2,.service-box .service-list .part-3,.service-box .service-list .part-4,.service-box .service-list .part-5{width:330px; height:157px;}
.service-box .service-list .part-2{top:0; left:324px;}
.service-box .service-list .part-3{top:0; right:0;}
.service-box .service-list .part-4{top:173px; left:324px;}
.service-box .service-list .part-5{top:173px; right:0;}
.service-box .service-list .part-6{width:308px; height:157px; left:0; bottom:0;}
.service-box .service-list .part-7,.service-box .service-list .part-8,.service-box .service-list .part-9,.service-box .service-list .part-10{width:157px; height:157px; bottom:0;}
.service-box .service-list .part-7{right:519px; overflow:visible;}
.service-box .service-list .part-7 .e-mail{position:absolute; bottom:-50px;; left:0; width:100%; font-size:14px; text-align:center; line-height:24px; color:#999; background:#fff; box-shadow:0px 5px 10px rgba(0,0,0,0.1); visibility:hidden; opacity:0; transition:0.3s; border-radius:3px;}
.service-box .service-list .part-7 .e-mail:before{content:''; width:0; height:0; border-width:12px 10px; border-color:transparent transparent #fff transparent; border-style:solid; position:absolute; top:-24px; left:0; right:0; margin:auto;}
.service-box .service-list .part-7>a:hover .e-mail{ opacity:1; visibility:visible; bottom:-40px;}
.service-box .service-list .part-8{right:346px;}
.service-box .service-list .part-9{right:173px;}
.service-box .service-list .part-10{right:0;}

.service-box .service-list .part-1>a{padding:210px 35px 0;}
.service-box .service-list .part-1 .tit{color:#fff; display:block; text-align:center;}
.service-box .service-list .part-1 .intr{color:#fff; display:block; text-align:center;}
.service-box .service-list .part-2>a,.service-box .service-list .part-3>a,.service-box .service-list .part-4>a,.service-box .service-list .part-5>a{padding:42px 20px 0 125px;}
.service-box .service-list .part-2 .icon,.service-box .service-list .part-3 .icon,.service-box .service-list .part-4 .icon,.service-box .service-list .part-5 .icon{left:17px; top:33.5px;}

.service-box .service-list .part-2 .icon{background-position:-309px 0;}
.service-box .service-list .part-3 .icon{background-position:-400px 0;}
.service-box .service-list .part-4 .icon{background-position:-491px 0;}
.service-box .service-list .part-5 .icon{background-position:-582px 0;}
.service-box .service-list .part-7>a,.service-box .service-list .part-8>a,.service-box .service-list .part-9>a,.service-box .service-list .part-10>a{padding-top:120px;}
.service-box .service-list .part-7 .icon,.service-box .service-list .part-8 .icon,.service-box .service-list .part-9 .icon,.service-box .service-list .part-10 .icon{left:33.5px; top:23px;}
.service-box .service-list .part-7 .tit,.service-box .service-list .part-8 .tit,.service-box .service-list .part-9 .tit,.service-box .service-list .part-10 .tit{text-align:center;}
.service-box .service-list .part-7 .icon{background-position:-309px -91px;}
.service-box .service-list .part-8 .icon{background-position:-400px -91px;}
.service-box .service-list .part-9 .icon{background-position:-491px -91px;}
.service-box .service-list .part-10 .icon{background-position:-582px -91px;}

.service-box .service-list .slide-box-1 .slide-num{position:absolute; right:10px; bottom:8px; z-index:11; line-height:0; font-size:0; letter-spacing:-5px;}
.service-box .service-list .slide-box-1 .slide-num li{width:10px; height:10px; border-radius:10px; background:#fff; display:inline-block; margin-left:5px; transition:0.3s;}
.service-box .service-list .slide-box-1 .slide-num .on{width:22px; background:#fed339;}

/*上传图片组件*/
.ui-image-upload{display:block; margin-top:15px; height:78px; position:relative;}
.ui-image-upload .wrap-span{position:relative; z-index:2; font-size:0; letter-spacing:-5px; }
.ui-image-upload .wrap-span span{display:inline-block; letter-spacing:normal; width:78px; height:78px; border-radius:3px; background:#f1f1f1; margin-right:13px;}
.ui-image-upload .wrap-span .span-3{margin-right:0;}
.ui-image-upload .img-opera-box{position:absolute; top:0; left:0; width:100%; z-index:3; font-size:0; letter-spacing:-5px;}
.ui-image-upload .image-edit{display:inline-block; letter-spacing:normal; width:78px; height:78px; border-radius:3px; background:#f1f1f1; position:relative; margin-right:13px;}
.ui-image-upload .image-edit:last-child{margin-right:0;}
.ui-image-upload .image-edit .thumb{width:100%; height:100%; border-radius:4px;}
.ui-image-upload .image-edit .image-del{ position:absolute; right:0; bottom:0; width:50px; height:22px; line-height:22px; text-align:center; font-size:12px; color:#fff;background-color: #FF5722; cursor:pointer;}
.ui-image-btn{overflow:hidden; position:relative; cursor:pointer;}
.ui-image-btn .file{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
/* 自定义select */
.selectUi-box{width:260px; height:35px; display:inline-block; box-sizing:border-box; vertical-align:middle; font-size:14px; color:#333; position:relative; ;}
.selectUi-box .selectBtn{position:relative; cursor:pointer; padding:0 10px; border:1px solid #eaeaea; border-radius:3px;}
.selectUi-box .selectBtn .selectText{font-size:14px; line-height:33px; color:#333;}
.selectUi-box .selectBtn i{width:0; height:0; border-color:transparent; border-style:solid; display:inline-block; border-width:6px 4px; border-top-color:#c2c2c2; position:absolute; top:50%; margin-top:-3px; right:8px; transition:0.3s;}
.selectUi-box.showList .selectBtn i{transform:rotate(-180deg); margin-top:-9px;}
.selectUi-box .selectBtn.placeholder .selectText{color:#999;}

.selectUi-box .selectList-box{width:100%; box-sizing:border-box; position:absolute; top:38px; box-shadow: 0 2px 4px rgba(0,0,0,.12); border: 1px solid #d2d2d2; background:#fff; animation:fadeInUp 0.4s ease-in-out; z-index:11;}
.selectUi-box .selectList-box .searchBox{position:relative;}
.selectUi-box .selectList-box .searchBox input{border:none; display:block; width:100%; box-sizing:border-box; line-height:34px; font-size:14px; border-bottom:1px solid #eee; padding:0 35px 0 15px; color:#999;}
.selectUi-box .selectList-box .searchBox i{font-style:normal; font-family:"宋体"; position:absolute; right:5px; top:0; color:#999; width:24px; font-size:24px; height:35px; line-height:34px; cursor:pointer;}
.selectUi-box .selectList-box .searchBox .searchResult{color:#999; line-height:34px; text-align:center; display:none;}
.selectUi-box .selectList-box .searchBox .searchResult p{color:#999; line-height:34px; font-size:14px;}
.selectUi-box .selectList-box .searchBox .searchResult .sureInput{background:#5FB878; line-height:34px; font-size:14px; color:#fff; cursor:pointer;}
.selectUi-box.multiple .selectList-box .searchBox .searchResult .sureInput{display:none;}
.selectUi-box .selectList-box .operaBox{line-height:32px; border-bottom:1px solid #eee; padding:0 10px;}
.selectUi-box .selectList-box .operaBox span{font-size:12px; cursor:pointer; margin-right:8px;}
.selectUi-box .selectList-box .operaBox .selectAll{color:#333;}
.selectUi-box .selectList-box .operaBox .deleAll{color:#999;}
.selectUi-box .selectList-box .selectList{overflow-y:auto;}
.selectUi-box .selectList-box .selectList li{cursor:pointer; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 15px; transition:0.3s; font-size:14px; color:#333;}
.selectUi-box .selectList-box .selectList li:hover{background:#eee;}
.selectUi-box .selectList-box .selectList li.on{background:#5FB878; cursor:default; color:#fff;}
/* 单选样式 */
.selectUi-box .selectList-box{display:none;}
.selectUi-box.showList .selectList-box{display:block;}

@keyframes fadeInUp{
    0%{transform:translateY(50px); opacity:0;}
    50%{opacity:1;}
    100%{transform:translateY(0px);}
;}

/* 城市控件 */
.city-box {position:absolute;z-index:9999;background:#fff;border:1px solid #c9cbce;width:400px;padding:15px 15px 5px;}
.city-box:before,.city-box:after{content:'';display:block;width:0;height:0;border-width:10px;border-style:solid;position:absolute;left:20px;z-index:9998;}
.city-box:before {border-color:transparent transparent #fff;top:-19px;z-index:10001;}
.city-box:after {border-color:transparent transparent #c8c8c8;top:-20px;}
.rightSelector:before,.rightSelector:after {left:280px;}
.prov-city{padding-bottom:10px;margin-bottom:15px;border-bottom:1px solid #d8d8d8;}
.provence{position:relative;}
.provence>div{font-weight:700; font-size:14px; color:#666;}
.provence .clearInput{position:absolute; right:0; top:0; font-weight:normal; color:#85ca3b; font-size:12px; cursor:pointer;}
.provence:after,.provence ul:after,.prov-city ul:after,#js_provCitys:after {content:" ";display:block;height:0;clear:both;}
.provence ul{list-style-type:none;font-weight:400; padding:5px 0 10px;}
.provence li,.prov-city li,#js_provCitys li {float:left; margin:0 6px;cursor:pointer;color:#999; position:relative;}
/* .provence li {padding:0; height:24px;line-height:24px; position:relative; margin:0 6px; display:inline-block;} */
.provence span:hover,.prov-city li:hover,#js_provCitys li:hover {color:#53a302;}
.prov-city p {font-weight:700;margin-bottom:10px;}
.prov-city ul,#js_provCitys {position:initial;border:0;*zoom:1;list-style:none;margin:0 -5px;}
.prov-city li,#js_provCitys li {font-size:12px;}
#js_provCitys{position:absolute;top:33px; left:-15px; z-index:99999; width:360px; background:#fff; border:1px solid #d8d8d8; padding:5px 10px;margin:0;}
#js_provCitys:before,#js_provCitys:after{content:'';display:block;width:0;height:0;border-width:10px;border-style:solid;position:absolute;left:20px;z-index:9998;}
#js_provCitys:before {border-color:transparent transparent #fff;top:-19px;z-index:10001;}
#js_provCitys:after {border-color:transparent transparent #c8c8c8;top:-20px;}
.provence span {display:inline-block; height:100%; text-align:center; font-size:12px;}


/* 自助服务 */
.service-insideBox{padding:60px 0; background:url(../images/service_bg2.jpg) no-repeat center top;}
.service-insideBox .m1200{background:#fff;}
.service-insideBox .title{height:92px; background:url(../images/service_tit.jpg) 0 0;}
.service-insideBox .title-2{background-position-y:-92px;}

/* 左侧导航 */
.service-insideBox .leftPart{width:240px; padding:23px 20px 0; box-sizing:border-box; float:left;}
.service-insideBox .leftPart a{display:block; padding:10px 0; text-align:center; background:#f1f1f1; font-size:16px; color:#666; margin-bottom:23px; border-radius:40px; transition:all 0s; position:relative;}
.service-insideBox .leftPart a:before,.service-insideBox .leftPart a:after{content:''; position:absolute; top:0; bottom:0; margin:auto;}
.service-insideBox .leftPart a:before{width:20px; height:1px; background:#eaeaea; right:-20px;}
.service-insideBox .leftPart a:after{width:10px; height:10px; border-radius:10px; right:-25px; background:#eaeaea;}
.service-insideBox .leftPart a.on:before,.service-insideBox .leftPart a.on:after{background:#ffc300;}
.service-insideBox .leftPart a:hover,.service-insideBox .leftPart a.on{color:#fff; background:#ffcc00;}

/* 右侧内容 */
.service-insideBox .rightPart{width:960px; box-sizing:border-box; padding:23px 35px 60px; float:right; border-left:1px solid #eaeaea; min-height:400px; overflow:hidden;}
.service-insideBox .rightPart .topTips{padding:6px 10px; background:#fffcef; border:1px solid #f1f1f1;}
.service-insideBox .rightPart .topTips-2{text-align:center;}
.service-insideBox .rightPart .topTips p{font-size:14px; color:#666; line-height:22px;}
.service-insideBox .rightPart .topTips p .red{color:#ff4242; font-size:14px;}
.service-insideBox .rightPart .topTips p a{color:#85ca3b; font-size:14px;}
.service-insideBox .rightPart .bottomTips{padding-left:255px; margin-top:5px;}
.service-insideBox .rightPart .bottomTips p{font-size:12px; color:#333; position:relative; padding-left:18px; line-height:1.4em;}
.service-insideBox .rightPart .bottomTips p:before{content:''; background:url(../images/service_icon.png) -511px -182px; width:14px; height:14px; position:absolute; left:0; top:0; bottom:0; margin:auto;}

/* 表单 */
.service-insideBox .rightPart .form-box>ul{padding-left:100px;}
.service-insideBox .rightPart .form-box>ul:after{content:'';display:block; clear:both; height:0;}
.service-insideBox .rightPart .form-box>ul>li{line-height:0; vertical-align:middle; margin-top:23px; position:relative; font-size:0; letter-spacing:-5px;}
.service-insideBox .rightPart .form-box>ul>li>*{ letter-spacing:normal; vertical-align:middle;}
.service-insideBox .rightPart .form-box>ul>li>label{font-size:14px; color:#333; width:240px; text-align:right; line-height:35px; margin-right:5px; float:left;}
.service-insideBox .rightPart .form-box>ul>li>label span{color:#ff4242; font-size:14px; line-height:1em; display:inline-block; margin-right:3px; vertical-align:middle;}
.service-insideBox .rightPart .form-box>ul>li.required label:before{content:'*'; color:#ff4242; font-size:14px; line-height:1em; display:inline-block; margin-right:5px; vertical-align:middle;}
.service-insideBox .rightPart .form-box>ul>li>input{width:260px; height:35px; box-sizing:border-box; border:1px solid #eaeaea; padding:0 10px; vertical-align:middle; font-size:14px; color:#333; display:inline-block; border-radius:3px;}
.service-insideBox .rightPart .form-box>ul>li>input::placeholder{color:#999;}
.service-insideBox .rightPart .form-box>ul>li>select{width:260px; height:35px; box-sizing:border-box; border:1px solid #eaeaea; padding:0 10px; vertical-align:middle; font-size:14px; color:#999; border-radius:3px;}
.service-insideBox .rightPart .form-box>ul>li .select-time.left{width:160px;}
.service-insideBox .rightPart .form-box>ul>li .select-money.right{width:90px; margin-left:10px;}
.service-insideBox .rightPart .form-box>ul>li .left-part-box{width:140px; line-height:35px; display:inline-block; vertical-align:middle; border-radius:3px;}
.service-insideBox .rightPart .form-box>ul>li .right-part-box{width:110px; line-height:35px; margin-left:10px; display:inline-block; vertical-align:top; border-radius:3px;}
.service-insideBox .rightPart .form-box>ul>li .selectCss{display:none;}
.service-insideBox .rightPart .form-box>ul>li>textarea{width:260px; max-width:260px; font-size:14px; color:#333; box-sizing:border-box; border:1px solid #eaeaea; padding:10px 15px; line-height:22px; resize:none; height:90px; font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,sans-serif,Arial,"tahoma";}
.service-insideBox .rightPart .form-box>ul>li .warn-tips{font-size:12px; color:#ff4242; margin-left:12px; padding-left:18px; position:relative; vertical-align:top; line-height:35px; display:none;}
.service-insideBox .rightPart .form-box>ul>li .warn-tips:before{content:''; background:url(../images/service_icon.png) -511px -182px; width:14px; height:14px; position:absolute; left:0; top:0; bottom:0; margin:auto;}
.service-insideBox .rightPart .form-box .sure{font-size:16px; color:#fff; line-height:1em; border-radius:3px; padding:10px 25px; background:#ffcc00; margin:40px auto 0; display:table;}
.service-insideBox .rightPart .form-box>ul>li .ui-image-btn{font-size:16px; color:#fff; line-height:1em; border-radius:3px; padding:10px 25px; background:#ffcc00; float:right;}
.service-insideBox .rightPart .form-box .image-box{width:260px; display:inline-block;}
.service-insideBox .rightPart .form-box .image-box span{float:left; color:#999; font-size:12px; line-height:1.6em;}
.service-insideBox .rightPart .form-box .opera-box{text-align:left; display:inline-block; margin-left:12px; font-size:0; letter-spacing:-5px;}
.service-insideBox .rightPart .form-box .opera-box span{width:20px; height:20px; display:inline-block; border-radius:50%; position:relative; cursor:pointer;}
.service-insideBox .rightPart .form-box .opera-box span:before,.service-insideBox .rightPart .form-box .opera-box span:after{content:''; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background:#fff;}
.service-insideBox .rightPart .form-box .opera-box span:before{width:2px; height:12px;}
.service-insideBox .rightPart .form-box .opera-box span:after{width:12px; height:2px;}
.service-insideBox .rightPart .form-box .opera-box .plus{background:#85ca3b;}
.service-insideBox .rightPart .form-box .opera-box .reduce{background:#ff4242; margin-left:5px;}
.service-insideBox .rightPart .form-box .opera-box .reduce:before{display:none;}
.service-insideBox .rightPart .imageUpload-box{display:inline-block; vertical-align:top !important;}
.service-insideBox .rightPart .form-box .get-msg{background:#85ca3b; color:#fff; font-size:14px; line-height:35px; text-align:center;}
.service-insideBox .rightPart .form-box .get-msg.on{background:#cccccc; cursor:default;}

/* 账号密码找回 */
.service-insideBox .rightPart .choose-box{padding-top:35px;}
.service-insideBox .rightPart .choose-box>div{box-sizing:border-box; width:426px; padding:32px; border:1px solid #eaeaea;}
.service-insideBox .rightPart .choose-box .choose-1{float:left;}
.service-insideBox .rightPart .choose-box .choose-2{float:right;}
.service-insideBox .rightPart .choose-box>div p{font-size:14px; color:#666; line-height:24px; height:72px; overflow:hidden;}
.service-insideBox .rightPart .choose-box>div .link-btn{width:260px; line-height:40px; display:table; margin:40px auto 0; border-radius:3px; font-size:16px; color:#fff; text-align:center;}
.service-insideBox .rightPart .choose-box .choose-1 .link-btn{background:#85ca3b;}
.service-insideBox .rightPart .choose-box .choose-2 .link-btn{background:#ffcc00;}

/* 结果查询 */
.service-insideBox .rightPart .search-box ul{display:flex; justify-content:space-between; line-height:0; margin:23px 0 30px;}
.service-insideBox .rightPart .search-box ul li{flex:none; display:inline-block;}
.service-insideBox .rightPart .search-box ul li>*{ letter-spacing:normal; vertical-align:middle;}
.service-insideBox .rightPart .search-box ul li label{font-size:14px; color:#333; text-align:right; line-height:35px; margin-right:5px;}
.service-insideBox .rightPart .search-box ul li input,.service-insideBox .rightPart .search-box ul li select{width:160px; height:35px; box-sizing:border-box; border:1px solid #eaeaea; padding:0 10px; vertical-align:middle; font-size:14px; color:#333; display:inline-block; border-radius:3px;}
.service-insideBox .rightPart .search-box ul li input::placeholder{color:#999;}
.service-insideBox .rightPart .search-box ul li .msg-input{width:100px;}

.service-insideBox .rightPart .search-box .sure{font-size:16px; color:#fff; line-height:1em; border-radius:3px; padding:10px 25px; background:#ffcc00; margin:0px auto 0; display:table;}
.service-insideBox .rightPart .appeal-list-box{padding:50px 0 30px;}
.service-insideBox .rightPart .appeal-list-box .list-head{font-size:0; letter-spacing:-5px; line-height:0;}
.service-insideBox .rightPart .appeal-list-box .list-head span{font-size:14px; color:#333; display:inline-block; letter-spacing:normal; width:20%; text-align:center; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:1.2em; vertical-align:middle;}
.service-insideBox .rightPart .appeal-list-box .list-head span:nth-of-type(1){width:25%; padding-right:6%;}
.service-insideBox .rightPart .appeal-list-box .list-head span:nth-of-type(2){width:17%; padding:0 2%;}
.service-insideBox .rightPart .appeal-list-box .list-head span:nth-of-type(3){width:18%; padding:0 2%;}
.service-insideBox .rightPart .appeal-list-box .list-head span:nth-of-type(4){width:25%; padding:0 4%;}
.service-insideBox .rightPart .appeal-list-box .list-head span:nth-of-type(5){width:15%; padding-left:4%;}

.service-insideBox .rightPart .appeal-list-box .list-item{font-size:0; letter-spacing:-5px; line-height:0; margin:25px 0;}
.service-insideBox .rightPart .appeal-list-box .list-item span{font-size:14px; color:#999999; display:inline-block; letter-spacing:normal; width:20%; text-align:center; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:1.2em; vertical-align:middle;}
.service-insideBox .rightPart .appeal-list-box .list-item span:nth-of-type(1){width:25%; padding-right:6%;}
.service-insideBox .rightPart .appeal-list-box .list-item span:nth-of-type(2){width:17%; padding:0 2%;}
.service-insideBox .rightPart .appeal-list-box .list-item span:nth-of-type(3){width:18%; padding:0 2%;}
.service-insideBox .rightPart .appeal-list-box .list-item span:nth-of-type(4){width:25%; padding:0 4%;}
.service-insideBox .rightPart .appeal-list-box .list-item span:nth-of-type(5){width:15%; padding-left:4%;}
.service-insideBox .rightPart .appeal-list-box .list-item .state{color:#f35f4f;}
.service-insideBox .rightPart .appeal-list-box .list-item .state.on{color:#85ca3b;}
.service-insideBox .rightPart .appeal-list-box .list-item .reply a{line-height:32px; color:#fff; font-size:14px; background:#85ca3b; display:inline-block; padding:0 10px; border-radius:3px;}

.service-insideBox .rightPart .reply-details-box ul{padding-left:70px;}
.service-insideBox .rightPart .reply-details-box ul li{line-height:0; margin-top:23px; position:relative; font-size:0; letter-spacing:-5px; display:block;}
.service-insideBox .rightPart .reply-details-box ul li>*{ letter-spacing:normal; vertical-align:middle;}
.service-insideBox .rightPart .reply-details-box ul li label{font-size:14px; color:#333; width:240px; text-align:right; line-height:35px; margin-right:5px; display:inline-block; vertical-align:top;}

.service-insideBox .rightPart .reply-details-box ul li .text{width:360px; height:35px; box-sizing:border-box; border:1px solid #eaeaea; padding:0 10px; vertical-align:middle; font-size:14px; color:#999; display:inline-block; border-radius:3px; line-height:35px;}
.service-insideBox .rightPart .reply-details-box ul li .text-box{width:360px; min-height:100px; box-sizing:border-box; border:1px solid #eaeaea; padding:10px; vertical-align:middle; font-size:14px; color:#999; display:inline-block; border-radius:3px; line-height:32px;}
.service-insideBox .rightPart .reply-details-box .opera-box{text-align:center; padding-top:40px;}
.service-insideBox .rightPart .reply-details-box .opera-box a{color:#fff; font-size:14px; line-height:35px; padding:0 20px; display:inline-block; border-radius:3px; margin:0 15px;}
.service-insideBox .rightPart .reply-details-box .opera-box .back-link{background:#ffcc00;}
.service-insideBox .rightPart .reply-details-box .opera-box .keep-on{background:#ccc;}

/* 提交反馈 */
.service-insideBox .rightPart .show-icon{width:94px; height:94px; margin:40px auto 0; background:url(../images/service_icon.png);}
.service-insideBox .rightPart .show-icon.icon-1{background-position:0 -332px;}
.service-insideBox .rightPart .show-icon.icon-2{background-position:-95px -332px;}
.service-insideBox .rightPart .submit-result{font-size:16px; color:#333; text-align:center; padding:8px 0 25px;}
.service-insideBox .rightPart .content-box .text-intr{font-size:16px; color:#333; text-align:center; padding:8px 0 25px;}
.service-insideBox .rightPart .number-box{display:table; margin:0 auto;}
.service-insideBox .rightPart .number-box p{display:inline-block; line-height:30px; font-size:14px; color:#999;}
.service-insideBox .rightPart .number-box a{display:inline-block; padding:7px 16px; line-height:1em; color:#fff; font-size:16px; background:#85ca3b; margin-left:30px; vertical-align:middle; border-radius:3px;}

/* 常见问题 */
.service-insideBox .rightPart .problem-list-box{padding:23px 0 50px;}
.service-insideBox .rightPart .problem-list-box ul{border-top:1px solid #eaeaea;}
.service-insideBox .rightPart .problem-list-box li{padding:14px 20px; border-bottom:1px solid #eaeaea;}
.service-insideBox .rightPart .problem-list-box li .problem-title{font-size:14px; color:#666; line-height:1.2em; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:80%; display:inline-block;}
.service-insideBox .rightPart .problem-list-box li .problem-title:before{content:''; width:8px; height:8px; border-radius:8px; background:#e2e2e2;display:inline-block; vertical-align:middle; margin-right:10px; transition:0.3s;}
.service-insideBox .rightPart .problem-list-box li .problem-title:hover{text-decoration:underline;}
.service-insideBox .rightPart .problem-list-box li .problem-intr{font-size:14px; color:#999; line-height:24px; display:none;}
/* .service-insideBox .rightPart .problem-list-box li .problem-title:hover{color:#ffcc00;}
.service-insideBox .rightPart .problem-list-box li .problem-title:hover:before{background:#ffcc00;} */
/* .service-insideBox .rightPart .problem-details-box .problem-title{font-size:16px; color:#333; text-align:center; position:relative; overflow:hidden; text-overflow:ellipsis; padding:18px 0 25px;}
.service-insideBox .rightPart .problem-details-box .content{font-size:14px; color:#666; line-height:28px; padding-bottom:50px;}
.service-insideBox .rightPart .problem-details-box .content p{font-size:14px; color:#666; line-height:28px;}
.service-insideBox .rightPart .problem-details-box .content img{max-width:80%; display:table; margin:8px auto;}
.service-insideBox .rightPart .agree-box{border:1px solid #f1f1f1; padding:23px 0 20px; text-align:center; margin-bottom:15px;}
.service-insideBox .rightPart .agree-box p{font-size:14px; line-height:1.2em; color:#666; margin-bottom:15px;}
.service-insideBox .rightPart .agree-box a{width:94px; height:30px; display:inline-block; background:url(../images/service_icon.png); margin:0 8px;}
.service-insideBox .rightPart .agree-box .agree{background-position:-511px -207px;}
.service-insideBox .rightPart .agree-box .agree.on{background-position:-511px -237px;}
.service-insideBox .rightPart .agree-box .not-agree{background-position:-511px -267px;}
.service-insideBox .rightPart .agree-box .not-agree.on{background-position:-511px -297px;} */

/* 提示消息 */
.msg-box{background:rgba(0,0,0,0.5); z-index:10000; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); color:#fff; font-size:14px; padding:8px 12px; border-radius:4px; max-width:100%; box-sizing:border-box;}

/* 加载动画 */
.loading-bg{background:rgba(0,0,0,0.5); z-index:10000; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); color:#fff; font-size:14px; padding:8px 12px; border-radius:4px; max-width:100%; box-sizing:border-box;}
.loading-bg.hide{display:none;}
.loading-bg .loading{margin:0 auto; flex:none; height:24px; width:24px; border-radius:100%; border:2px solid #fff; border-bottom-color:transparent; -webkit-animation: rotate 0.75s linear infinite;
 animation: rotate 0.75s linear infinite;
;}
.loading-bg p{flex:none; color:#fff; font-size:14px; padding-top:3px;}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    ;}
    50% {
        -webkit-transform: rotate(180deg);
    ;}
    100% {
        -webkit-transform: rotate(360deg);
    ;}
;}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    ;}
    50% {
        transform: rotate(180deg);
    ;}
    100% {
        transform: rotate(360deg);
    ;}
;}

.layui-laydate-footer{
    padding:10px !important;
}
.layui-laydate-footer .laydate-btns-time{
    padding:0 8px;
    margin-right:5px;
    background:#009688!important;
    color:#fff!important;
}