@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; box-sizing:border-box; height:700px; background:url(../images/service_bg.jpg) no-repeat center top;}
.service-head-box{width:1000px; margin:0 auto; box-sizing:border-box; position:relative; padding-bottom:35px;}
.service-head-box .nav{text-align:right; font-size:0; letter-spacing:-5px; line-height:0; padding:5px 10px 0 0;}
.service-head-box .nav a{font-size:18px; color:#333; line-height:1em; display:inline-block; letter-spacing:normal; margin-left:50px; padding:0 5px 14px; position:relative;}
.service-head-box .nav a:after{content:''; width:0px; height:3px; background:#ffd600; position:absolute; left:0; right:0; bottom:0; margin:auto; transition:0.3s;}
.service-head-box .nav a:hover:after,.service-head-box .nav a.on:after{width:100%;}
.service-head-box .title{font-size:30px; color:#333; line-height:1em; position:absolute; top:0; left:0; padding-left:24px; border-left:5px solid #ffd600;}

.service-box .service-list{width:1000px; height:482px; margin:0 auto; position:relative;}
.service-box .service-list .part-div{position:absolute; box-sizing:border-box; border-radius:2px; overflow:hidden; transition:0.3s; overflow:visible;}
.service-box .service-list .part-1{width:325px; height:320px; background:url(../images/service_icon.png) no-repeat 0 0; left:0; top:0; overflow:visible; z-index:111; padding-top:160px;}
.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:325px; height:155px; padding:1px; background:#fff;}
.service-box .service-list .part-2{top:0; left:338px;}
.service-box .service-list .part-3{top:0; right:0;}
.service-box .service-list .part-4{top:164px; left:338px;}
.service-box .service-list .part-5{top:164px; right:0;}
.service-box .service-list .part-6{width:325px; height:150px; left:0; bottom:0; background:url(../images/service_icon.png) no-repeat 0 -321px; padding:22px 0 0 158px;}
.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:156.5px; height:150px; background:#fff; bottom:0; border:1px solid #fff;}
.service-box .service-list .part-7{left:338px; overflow:visible;}
.service-box .service-list .part-8{left:506px;}
.service-box .service-list .part-9{left:675px;}
.service-box .service-list .part-10{right:0;}

.service-box .service-list .part-div .tit{font-size:18px; line-height:1em; font-weight:bold; display:block; padding-bottom:12px;}
.service-box .service-list .part-1 .tit{color:#704700; text-align:center;}
.service-box .service-list .part-1 .intr{font-size:18px; line-height:1.2em; color:#704700; text-align:center; display:block;}
.service-box .service-list .part-1 a{width:160px; height:45px; line-height:45px; border-radius:45px; text-align:center; background:#fff; font-size:16px; color:#333; display:block; margin:15px auto 0;}
.service-box .service-list .part-1 a:hover{color:#ffc300;}
.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{display:block; height:100%; background:#fff; border-radius:2px; position:relative; padding:46px 32px 0 148px; box-sizing:border-box;}
.service-box .service-list .part-2:hover{background:#00a1ff; background:linear-gradient(to right,#00a1ff,#6148fe);}
.service-box .service-list .part-3:hover{background:#ffa600; background:linear-gradient(to right,#ffa600,#ff6c00);}
.service-box .service-list .part-4:hover{background:#d32cf8; background:linear-gradient(to right,#d32cf8,#8c02e9);}
.service-box .service-list .part-5:hover{background:#ff5ea2; background:linear-gradient(to right,#ff5ea2,#ff056e);}
.service-box .service-list .part-7:hover,.service-box .service-list .part-8:hover,.service-box .service-list .part-9:hover,.service-box .service-list .part-10:hover{border-color:#dddddd;}
.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{width:100px; height:100px; background:url(../images/service_icon.png) no-repeat; position:absolute; top:0; bottom:0; left:35px; margin:auto;}
.service-box .service-list .part-2 .icon{background-position:-326px 0;}
.service-box .service-list .part-3 .icon{background-position:-427px 0;}
.service-box .service-list .part-4 .icon{background-position:-326px -101px;}
.service-box .service-list .part-5 .icon{background-position:-427px -101px;}
.service-box .service-list .part-2 .tit,.service-box .service-list .part-3 .tit,.service-box .service-list .part-4 .tit,.service-box .service-list .part-5 .tit{color:#333; padding-bottom:10px;}
.service-box .service-list .part-2 .intr,.service-box .service-list .part-3 .intr,.service-box .service-list .part-4 .intr,.service-box .service-list .part-5 .intr{font-size:14px; line-height:24px; color:#333;}
.service-box .service-list .part-6 .code{width:120px; height:120px; position:absolute; left:18px; top:15px;}
.service-box .service-list .part-6 .code{width:100%; height:100%;}
.service-box .service-list .part-6 span{display:block;}
.service-box .service-list .part-6 .tit{color:#333;}
.service-box .service-list .part-6 .intr{font-size:18px; color:#333; line-height:1em;}
.service-box .service-list .part-6 .intr-2{font-size:16px; color:#333; line-height:1em; padding-top:45px;}
.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{width:50px; height:50px; display:block; background:url(../images/service_icon.png) no-repeat; margin:0 auto;}
.service-box .service-list .part-7 .icon{background-position:-326px -202px;}
.service-box .service-list .part-8 .icon{background-position:-377px -202px;}
.service-box .service-list .part-9 .icon{background-position:-428px -202px;}
.service-box .service-list .part-10 .icon{width:60px; background-position:-326px -348px;}
.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{display:block; box-sizing:border-box; height:100%; padding-top:33px; position:relative;}
.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; color:#333; text-align:center; padding-top:16px;}
.service-box .service-list .part-9 .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 0px 2px rgba(0,0,0,0.1); visibility:hidden; opacity:0; transition:0.3s; border-radius:2px;}
.service-box .service-list .part-9 .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-9>a:hover .e-mail{ opacity:1; visibility:visible; bottom:-40px;}


/*上传图片组件*/
.ui-image-upload{display:block; height:90px; 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:90px; height:90px; background:url(../images/public_img.png) no-repeat -164px -392px; margin-right:10px; box-sizing:border-box; border:1px solid #eee; border-radius:2px;}
.ui-image-upload .wrap-span .span-3{margin-right:0;}
.ui-image-upload .img-opera-box{position:absolute; top:0; left:0; z-index:3; font-size:0; letter-spacing:-5px;}
.ui-image-upload .image-edit{display:inline-block;letter-spacing:normal;width:90px;height:90px;background:#fff;position:relative;margin-right:10px;box-sizing:border-box;overflow: hidden;}
.ui-image-upload .image-edit:last-child{margin-right:0;}
.ui-image-upload .image-edit .thumb{width:100%;min-height:100%;border-radius:2px;box-sizing:border-box;border:1px solid #eee;pointer-events:none;}
.ui-image-upload .image-edit .image-del{ position:absolute; right:1px; top:1px; width:19px; height:19px; color:transparent; font-size:0; background:url(../images/public_img.png) no-repeat -131px -379px; 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:350px; height:45px; 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 18px; border:1px solid #eaeaea; border-radius:2px; z-index:12; background:#fff;}
.selectUi-box.showList .selectBtn{border-color:#ffd600;}
.selectUi-box .selectBtn .selectText{font-size:16px; line-height:43px; color:#333;}
.selectUi-box .selectBtn i{width:0; height:0; border-color:transparent; border-style:solid; display:inline-block; border-width:6px 5px; border-top-color:#999999; position:absolute; top:50%; margin-top:-3px; right:15px; transition:0.3s; border-top-left-radius:2px; border-top-right-radius:2px;}
.selectUi-box.showList .selectBtn i{transform:rotate(-180deg); margin-top:-9px;}
.selectUi-box .selectBtn.placeholder .selectText{color:#999;}

.selectUi-1{z-index:20;}
.selectUi-2{z-index:19;}
.selectUi-3{z-index:18;}
.selectUi-4{z-index:17;}
.selectUi-5{z-index:16;}

.selectUi-box .selectList-box{width:100%; box-sizing:border-box; position:absolute; padding-top:15px; top:30px; /* box-shadow: 0 2px 4px rgba(0,0,0,.12); */ border: 1px solid #eee; 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:44px; 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:45px; line-height:44px; 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:44px; font-size:14px;}
.selectUi-box .selectList-box .searchBox .searchResult .sureInput{background:#00baff; line-height:44px; font-size:14px; color:#fff; cursor:pointer; border-bottom:1px solid #fff;}
.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:45px; 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:#00baff; 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:40px 0 150px; background:#f7f7f8 url(../images/service_bg2.jpg) no-repeat center top;}

/* 左侧导航 */
.service-insideBox .leftPart{width:320px; padding:33px 0 40px; box-sizing:border-box; float:left; background:#fff; border-radius:2px;}
.service-insideBox .leftPart a{display:block; padding:20px 0; text-align:center; font-size:16px; color:#666; margin-bottom:10px; transition:all 0s; position:relative; border-left:5px solid transparent;}
.service-insideBox .leftPart a:hover,.service-insideBox .leftPart a.on{background:#f6f6f6; border-color:#ffdb01;}
.service-insideBox .leftPart .service-online{width:200px; height:50px; line-height:48px; border:1px solid #ffdb01; border-radius:5px; padding:0; margin:25px auto 0;}
.service-insideBox .leftPart .service-online:hover,.service-insideBox .leftPart .service-online.on{background:#ffdb01;}

/* 右侧内容 */
.service-insideBox .rightPart{width:850px; min-height:701px; box-sizing:border-box; padding:40px 0 90px; float:right; overflow:hidden; background:#fff; border-radius:2px;}
.service-insideBox .rightPart .topTips{padding:23px 33px; box-sizing:border-box; width:780px; margin:0 auto; background:#ffd600; border-radius:2px;}
.service-insideBox .rightPart .topTips-2{text-align:center;}
.service-insideBox .rightPart .topTips h3{font-size:24px; color:#333; line-height:1em; font-weight:normal; padding-bottom:10px;}
.service-insideBox .rightPart .topTips p{font-size:14px; color:#333; line-height:22px;}
.service-insideBox .rightPart .topTips p .red{color:#ff0101; font-size:14px;}
.service-insideBox .rightPart .topTips p a{color:#fe0000; font-size:14px; text-decoration:underline;}
.service-insideBox .rightPart .bottomTips{padding-left:255px; margin-top:5px;}
.service-insideBox .rightPart .bottomTips p{font-size:14px;color: #ff0101;position:relative;padding-left:22px;line-height:1.8em;}
.service-insideBox .rightPart .bottomTips p:before{content:''; background:url(../images/public_img.png) -64px -191px; width:16px; height:16px; position:absolute; left:0; top:0; bottom:0; margin:auto;}
.service-insideBox .rightPart .bottomTips + .warn-tips{position:absolute !important; top:0px; left:595px;}

/* 表单 */
.service-insideBox .rightPart .form-box{padding-top:15px;}
.service-insideBox .rightPart .form-box>ul{padding-left:40px;}
.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:15px; 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:16px; color:#333; width:240px; text-align:right; line-height:45px; margin-right:5px; float:left;}
.service-insideBox .rightPart .form-box>ul>li>label span{color:#ff0101; 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:#ff0101; font-size:16px; line-height:1em; display:inline-block; margin-right:3px; vertical-align:middle;}
.service-insideBox .rightPart .form-box>ul>li>input{width:350px; height:45px; box-sizing:border-box; border:1px solid #eaeaea; padding:0 15px; vertical-align:middle; font-size:16px; color:#333; display:inline-block; border-radius:2px;}
.service-insideBox .rightPart .form-box>ul>li>input::placeholder{color:#999;}
.service-insideBox .rightPart .form-box>ul>li>textarea::placeholder{color:#999;}
.service-insideBox .rightPart .form-box>ul>li>select{width:350px; height:45px; box-sizing:border-box; border:1px solid #eee; padding:0 10px; vertical-align:middle; font-size:16px; color:#999; border-radius:2px;}
.service-insideBox .rightPart .form-box>ul>li>select option{line-height:45px; display:block;}
.service-insideBox .rightPart .form-box>ul>li .select-time.left{width:200px;}
.service-insideBox .rightPart .form-box>ul>li .select-money.right{width:145px; margin-left:5px;}
.service-insideBox .rightPart .form-box>ul>li .left-part-box{width:200px; line-height:45px; display:inline-block; vertical-align:middle; border-radius:2px;}
.service-insideBox .rightPart .form-box>ul>li .right-part-box{width:145px; line-height:45px; margin-left:5px; display:inline-block; vertical-align:top; border-radius:2px;}
.service-insideBox .rightPart .form-box>ul>li .selectCss{display:none;}
.service-insideBox .rightPart .form-box>ul>li>textarea{width:350px; max-width:350px; font-size:16px; color:#333; box-sizing:border-box; border:1px solid #eaeaea; padding:10px 15px; line-height:22px; resize:none; height:160px; font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,sans-serif,Arial,"tahoma";}
.service-insideBox .rightPart .form-box>ul>li .warn-tips{font-size:16px; color:#ff0101; margin-left:12px; padding-left:18px; position:relative; vertical-align:top; line-height:45px; display:none;}
.service-insideBox .rightPart .form-box>ul>li .warn-tips:before{content:''; background:url(../images/public_img.png) -64px -191px; width:16px; height:16px; position:absolute; left:0; top:0; bottom:0; margin:auto;}
.service-insideBox .rightPart .form-box .sure{font-size:16px; color:#333; line-height:1em; border-radius:2px; width:350px; text-align:center; padding:15px 0; background:#ffd600; margin:30px 0 0 285px; 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:#ffd600; float:right; display:none;}
.service-insideBox .rightPart .form-box .image-box{display:block;}
.service-insideBox .rightPart .form-box .image-box span{color:#999; font-size:16px; line-height:45px;}
.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:#00baff;}
.service-insideBox .rightPart .form-box .opera-box .reduce{background:#cccccc; 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:#1f9eff; color:#fff; font-size:16px; line-height:45px; text-align:center;}
.service-insideBox .rightPart .form-box .get-msg.on{background:#cccccc; cursor:default;}
.service-insideBox .rightPart .form-box .min-tips{padding-left:250px; font-size:12px; color:#ff0101;}

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

/* 结果查询 */
.service-insideBox .rightPart .search-box ul{line-height:0; display:table; margin:23px 0 0 200px;}
.service-insideBox .rightPart .search-box ul li{display:block; margin-bottom:15px; position:relative; font-size:0; letter-spacing:-5px;}
.service-insideBox .rightPart .search-box ul li>*{ letter-spacing:normal; vertical-align:middle;}
.service-insideBox .rightPart .search-box ul li label{font-size:16px; color:#333; text-align:right; line-height:45px; margin-right:5px; display:inline-block; width:100px;}
.service-insideBox .rightPart .search-box ul li input,.service-insideBox .rightPart .search-box ul li select{width:350px; height:45px; box-sizing:border-box; border:1px solid #eaeaea; padding:0 10px; vertical-align:middle; font-size:16px; color:#333; display:inline-block; border-radius:2px;}
.service-insideBox .rightPart .search-box ul li input::placeholder{color:#999;}
.service-insideBox .rightPart .search-box ul li .img-box{width:110px; height:45px; position:absolute; right:0; top:0; line-height:45px;}
.service-insideBox .rightPart .search-box ul li .img-box img{width:100px; height:30px;}

.service-insideBox .rightPart .search-box .sure{font-size:16px; color:#333; line-height:1em; border-radius:2px; padding:15px 0px; background:#ffd600; width:350px; box-sizing:border-box; display:block; text-align:center; margin-left:305px;}

.service-insideBox .rightPart .appeal-list-title{font-size:16px; color:#333; padding:80px 0 0 45px;}
.service-insideBox .rightPart .appeal-list-box{padding:15px 35px 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:16px; 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:1em; vertical-align:middle; border:1px solid #dcdcdc; padding:15px 0;  background:#f6f6f6;}
.service-insideBox .rightPart .appeal-list-box .list-head span:nth-of-type(1){width:40%; border-right:none;}
.service-insideBox .rightPart .appeal-list-box .list-head span:nth-of-type(2){width:20%; border-right:none;}
.service-insideBox .rightPart .appeal-list-box .list-head span:nth-of-type(3){width:20%; border-right:none;}
.service-insideBox .rightPart .appeal-list-box .list-head span:nth-of-type(4){width:20%;}

.service-insideBox .rightPart .appeal-list-box .list-item{font-size:0; letter-spacing:-5px; line-height:0;}
.service-insideBox .rightPart .appeal-list-box .list-item span{font-size:16px; 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:1em; vertical-align:middle; border:1px solid #dcdcdc; border-top:none; padding:15px 0;}
.service-insideBox .rightPart .appeal-list-box .list-item a{font-size:16px; color:#333;}
.service-insideBox .rightPart .appeal-list-box .list-item a:hover{text-decoration:underline;}
.service-insideBox .rightPart .appeal-list-box .list-item span:nth-of-type(1){width:40%; border-right:none;}
.service-insideBox .rightPart .appeal-list-box .list-item span:nth-of-type(2){width:20%; border-right:none;}
.service-insideBox .rightPart .appeal-list-box .list-item span:nth-of-type(3){width:20%; border-right:none;}
.service-insideBox .rightPart .appeal-list-box .list-item span:nth-of-type(4){width:20%;}

.service-insideBox .rightPart .appeal-list-box .list-item .state{color:#ff0000;}
.service-insideBox .rightPart .appeal-list-box .list-item .state.on{color:#83de22;}
.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:15px; 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:16px; color:#333; width:240px; text-align:right; line-height:45px; margin-right:5px; display:inline-block; vertical-align:top;}

.service-insideBox .rightPart .reply-details-box ul li .text{width:350px; height:45px; box-sizing:border-box; border:1px solid #eee; padding:0 10px; vertical-align:middle; font-size:16px; color:#999; display:inline-block; border-radius:2px; line-height:43px;}
.service-insideBox .rightPart .reply-details-box ul li .text-box{width:360px; min-height:100px; box-sizing:border-box; border:1px solid #eee; padding:5px 10px; vertical-align:middle; font-size:16px; color:#999; display:inline-block; border-radius:2px; line-height:32px;}
.service-insideBox .rightPart .reply-details-box .opera-box{padding:40px 0 0 315px;}
.service-insideBox .rightPart .reply-details-box .opera-box a{color:#333; font-size:16px; line-height:45px; padding:0 50px; display:inline-block; border-radius:2px; margin-right:28px;}
.service-insideBox .rightPart .reply-details-box .opera-box .back-link{background:#ffd600;}
.service-insideBox .rightPart .reply-details-box .opera-box .keep-on{background:#ccc;}

/* 找回游戏 */
.game-back-box{padding:15px 35px 30px; margin-top:25px;}
.game-back-box .list-head,.game-back-box .list-item{font-size:0; letter-spacing:-5px; line-height:0;}
.game-back-box .list-head>span,.game-back-box .list-item>span{font-size:16px; color:#333; display:inline-block; letter-spacing:normal; width:25%; text-align:center; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1em; vertical-align:middle; border:1px solid #dcdcdc; border-top:none; padding:15px 10px;}
.game-back-box .list-head span{background:#f6f6f6; border:1px solid #dcdcdc;}
.game-back-box .list-item>span{line-height:80px;}
.game-back-box .list-item a{font-size:16px; color:#333;}
.game-back-box>div>span:nth-of-type(1),.game-back-box>div>div>span:nth-of-type(1){width:34%; border-right:none;}
.game-back-box>div>span:nth-of-type(2),.game-back-box>div>div>span:nth-of-type(2){width:24%; border-right:none;}
.game-back-box>div>span:nth-of-type(3),.game-back-box>div>div>span:nth-of-type(3){width:18%; border-right:none;}
.game-back-box>div>span:nth-of-type(4),.game-back-box>div>div>span:nth-of-type(4){width:24%;}
.game-back-box .list-item .link-text{font-size:0; line-height:0; opacity:0; position:absolute; right:0; top:0; width:0; height:0;}
.game-back-box .list-item .opera-box{position:relative;}
.game-back-box .list-item .opera-box a{display:block; width:120px; height:35px; background:#ffd600; line-height:35px; margin:0 auto; border-radius:2px;}
.game-back-box .list-item .opera-box .android{background:#7ac52f; color:#fff;}
.game-back-box .list-item .opera-box a:nth-of-type(2){margin-top:10px;}

/* 提交反馈 */
.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:-326px -253px;}
.service-insideBox .rightPart .show-icon.icon-2{background-position:-421px -253px;}
.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:2px;}

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