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

/*客服*/
.service-self-list{ padding:0.15rem;}
.service-self-list li{display:block; background:#FFF; height:50px; border:1px solid #ededed; border-radius:5px; padding:0.4rem 0.2rem; margin-bottom:6px}
.service-self-list li a{display:block}
.service-self-list i{display:inline-block; vertical-align:middle; width:50px; height:50px; background:url(../images/m_service_icon.png) no-repeat 0 0;}
.service-self-list .rbox{padding-left:0.1rem; display:inline-block; vertical-align:middle;}
.service-self-list .rbox .title{font-size:16px; color:#000; padding-bottom:5px}
.service-self-list .rbox .text{font-size:12px; color:#5d5d5d}
.service-self-list .rbox .text a{display:inline-block}
.service-self-list .li-1 i{background-position-x:0;}
.service-self-list .li-2 i{background-position-x:-51px;}
.service-self-list .li-3 i{background-position-x:-102px;}
.service-self-list .li-4 i{background-position-x:-153px;}
.service-self-list .li-5 i{background-position:0 -146px;}
.service-self-list .li-6 i{background-position:-51px -146px;}
.service-self-list .li-7 i{background-position-x:-204px;}

.service-content-box{background:#fff; padding:0.1rem 0.15rem 0.6rem; box-sizing:border-box; min-height:calc(100% - 140px);}
.service-content-box .topTips{background:#fffcef; border:1px solid #f1f1f1; padding:0.1rem;}
.service-content-box .topTips p{font-size:12px; color:#666; line-height:18px;}
.service-content-box .topTips a{color:#85ca3b;}

.service-content-box .bottomTips{flex:100%; margin:0.5em 0 0 0; font-size:12px;}
.service-content-box .bottomTips p{font-size:12px; color:#333; position:relative; padding-left:18px; line-height:1.4em;}
.service-content-box .bottomTips p:before{content:''; background:url(../images/m_service_icon.png) 0 -51px; width:14px; height:14px; position:absolute; left:0; top:1px;}

.service-content-box .form-box>ul>li{display:flex; margin-top:0.25rem; position:relative;}
.service-content-box .form-box>ul>li label{font-size:12px; color:#333; width:8em; line-height:22px; padding-top:3px; text-align:right; flex:none; margin-right:0.08rem;}
.service-content-box .form-box.account-box>ul>li label{width:10em;}
.service-content-box .form-box>ul>li .input-wrap{flex:auto; display:flex; position:relative;}

.service-content-box .form-box>ul>li.required label:before{content:'*'; color:#ff4242; font-size:12px; line-height:1em; display:inline-block; margin-right:3px; vertical-align:middle;}
.service-content-box .form-box>ul>li input,.service-content-box .form-box li select,.service-content-box .form-box li textarea{width:100%; box-sizing:border-box; font-size:12px; padding:0 0.1rem; border:1px solid #eaeaea; border-radius:0.03rem; line-height:28px; height:28px; outline:none; color:#333;}
.service-content-box .form-box>ul>li input::placeholder,.service-content-box .form-box li select::placeholder,.service-content-box .form-box li textarea::placeholder{color:#999;}
.service-content-box .form-box li textarea{min-height:66px;}
.service-content-box .form-box>ul>li .warn-tips{font-size:12px; color:#ff4242; position:relative; vertical-align:top; line-height:22px; display:none; position:absolute; bottom:0; left:8.5em; transform:translateY(105%) !important; background:#fff; z-index:22; padding:2px 10px 2px 22px; border-radius:0.03rem; box-shadow:0 1px 3px rgba(0,0,0,0.2); display:none;}
.service-content-box .form-box>ul>li .warn-tips:before{content:''; background:url(../images/m_service_icon.png) 0 -51px; width:14px; height:14px; position:absolute; left:5px; top:5px; margin:auto;}
.service-content-box .form-box.account-box>ul>li .warn-tips{left:10.5em;}
.service-content-box .form-box .sure{font-size:14px; color:#fff; line-height:1em; border-radius:0.03rem; padding:0.15rem 0.2rem; background:#ffcc00; margin:0.4rem auto 0; display:table;}
.service-content-box .form-box>ul>li .left{margin-right:0.08rem;}
.service-content-box .form-box>ul>li .right{width:65px;}
.service-content-box .form-box>ul>li .left-part-box{margin-right:0.08rem;}
.service-content-box .form-box>ul>li .right-part-box{flex:none; overflow:hidden; font-size:12px; width:1.9rem; text-align:center;}
.service-content-box .form-box>ul>li .right-part-box img{width:100%;}
.service-content-box .form-box>ul>li .money-2,.service-content-box .form-box>ul>li .money-3,.service-content-box .form-box>ul>li .money-4,.service-content-box .form-box>ul>li .money-5,.service-content-box .form-box>ul>li .money-6{margin-right:50px;}

.service-content-box .form-box .opera-box{text-align:left; font-size:12px; letter-spacing:-5px; flex:none; margin:5px 0 5px 5px;}
.service-content-box .form-box .opera-box span{width:20px; height:20px; display:inline-block; border-radius:50%; position:relative; cursor:pointer;}
.service-content-box .form-box .opera-box span:before,.service-content-box .form-box .opera-box span:after{content:''; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background:#fff;}
.service-content-box .form-box .opera-box span:before{width:2px; height:12px;}
.service-content-box .form-box .opera-box span:after{width:12px; height:2px;}
.service-content-box .form-box .opera-box .plus{background:#85ca3b;}
.service-content-box .form-box .opera-box .reduce{background:#ff4242; margin-left:5px;}
.service-content-box .form-box .opera-box .reduce:before{display:none;}

/* 提交反馈 */
.service-content-box .show-icon{width:0.94rem; height:0.94rem; margin:0.4rem auto 0; background:url(../images/m_service_icon.png); background-size:2.54rem;}
.service-content-box .show-icon.icon-1{background-position:-0.15rem -0.51rem;}
.service-content-box .show-icon.icon-2{background-position:-1.1rem -0.51rem;}
.service-content-box .submit-result{font-size:14px; color:#333; text-align:center; padding:0.08rem 0 0.25rem;}
.service-content-box .content-box .text-intr{font-size:14px; color:#333; text-align:center; padding:0.08rem 0 0.25rem;}
.service-content-box .number-box{display:table; margin:0 auto;}
.service-content-box .number-box p{line-height:30px; font-size:14px; color:#999;}
.service-content-box .number-box a{display:table; padding:0.1rem 0.2rem; margin:0.2rem auto; line-height:1em; color:#fff; font-size:16px; background:#85ca3b; vertical-align:middle; border-radius:0.03rem;}

/* 账号密码找回 */
.service-content-box .choose-box{padding-top:0.35rem;}
.service-content-box .choose-box>div{box-sizing:border-box; width:100%; padding:0.15rem 0.15rem 0.25rem; border:1px solid #eaeaea;}
.service-content-box .choose-box .choose-2{margin-top:0.15rem;}
.service-content-box .choose-box>div p{font-size:12px; color:#666; line-height:20px; overflow:hidden;}
.service-content-box .choose-box>div .link-btn{padding:0.15rem 0.2rem; display:table; margin:0.2rem auto 0; border-radius:0.03rem; font-size:14px; color:#fff; text-align:center;}
.service-content-box .choose-box .choose-1 .link-btn{background:#85ca3b;}
.service-content-box .choose-box .choose-2 .link-btn{background:#ffcc00;}
.service-content-box .form-box .get-msg{background:#85ca3b; color:#fff; font-size:12px; line-height:28px; text-align:center; border-radius:0.03rem;}
.service-content-box .form-box .get-msg.on{background:#cccccc; cursor:default;}

/* 结果查询 */
.service-content-box .search-box>ul>li{display:flex; margin-top:0.25rem; position:relative;}
.service-content-box .search-box>ul>li label{font-size:12px; color:#333; width:6em; line-height:22px; padding-top:3px; display:inline-block; text-align:right; flex:none; margin-right:0.08rem;}
.service-content-box .search-box.account-box>ul>li label{width:10em;}
.service-content-box .search-box>ul>li .li-right{flex:auto; display:flex; position:relative;/*  flex-wrap:wrap; */}
.service-content-box .search-box>ul>li.required label:before{content:'*'; color:#ff4242; font-size:12px; line-height:1em; display:inline-block; margin-right:3px; vertical-align:middle;}
.service-content-box .search-box>ul>li input,.service-content-box .search-box li select{flex:auto; box-sizing:border-box; font-size:12px; padding:0 0.1rem; border:1px solid #eaeaea; border-radius:0.03rem; line-height:28px; height:28px; outline:none; color:#333;}
.service-content-box .search-box>ul>li input::placeholder,.service-content-box .search-box li select::placeholderr{color:#999;}
.service-content-box .search-box>ul>li .msg-input{max-width:2rem; margin-right:0.05rem;}
.service-content-box .search-box>ul>li .img-box{flex:none; width:1rem;}
.service-content-box .sure{font-size:14px; color:#fff; line-height:1em; border-radius:0.03rem; padding:0.15rem 0.2rem; background:#ffcc00; margin:0.4rem auto 0; display:table;}

.service-content-box .scroll-wrap{width:100%; overflow-x:scroll;}
.service-content-box .appeal-list-box{padding:0.5rem 0 0.15rem; width:200%;}
.service-content-box .appeal-list-box .list-head{font-size:0; letter-spacing:-5px; line-height:0;}
.service-content-box .appeal-list-box .list-head span{font-size:12px; 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-content-box .appeal-list-box .list-head span:nth-of-type(1){width:24%; padding-right:2%;}
.service-content-box .appeal-list-box .list-head span:nth-of-type(2){width:16%; padding:0 2%;}
.service-content-box .appeal-list-box .list-head span:nth-of-type(3){width:16%; padding:0 2%;}
.service-content-box .appeal-list-box .list-head span:nth-of-type(4){width:24%; padding:0 2%;}
.service-content-box .appeal-list-box .list-head span:nth-of-type(5){width:20%; padding-left:4%;}

.service-content-box .appeal-list-box .list-item{font-size:0; letter-spacing:-5px; line-height:0; margin:0.25rem 0;}
.service-content-box .appeal-list-box .list-item span{font-size:12px; 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-content-box .appeal-list-box .list-item span:nth-of-type(1){width:24%; padding-right:2%;}
.service-content-box .appeal-list-box .list-item span:nth-of-type(2){width:16%; padding:0 2%;}
.service-content-box .appeal-list-box .list-item span:nth-of-type(3){width:16%; padding:0 2%;}
.service-content-box .appeal-list-box .list-item span:nth-of-type(4){width:24%; padding:0 2%;}
.service-content-box .appeal-list-box .list-item span:nth-of-type(5){width:20%; padding-left:2%;}
.service-content-box .appeal-list-box .list-item .state{color:#f35f4f;}
.service-content-box .appeal-list-box .list-item .state.on{color:#85ca3b;}
.service-content-box .appeal-list-box .list-item .reply a{line-height:28px; color:#fff; font-size:12px; background:#85ca3b; display:inline-block; padding:0 0.15rem; border-radius:0.03rem;}

.service-content-box .reply-details-box ul li{line-height:0; margin-top:23px; position:relative; font-size:0; letter-spacing:-5px; display:flex;}
.service-content-box .reply-details-box ul li>*{ letter-spacing:normal; vertical-align:middle;}
.service-content-box .reply-details-box ul li label{font-size:12px; color:#333; width:6em; text-align:right; line-height:28px; margin-right:5px; flex:none;}

.service-content-box .reply-details-box ul li .text{flex:auto; height:28px; box-sizing:border-box; border:1px solid #eaeaea; padding:0 10px; vertical-align:middle; font-size:12px; color:#999; display:inline-block; border-radius:0.03rem; line-height:28px;}
.service-content-box .reply-details-box ul li .text-box{flex:auto; min-height:100px; box-sizing:border-box; border:1px solid #eaeaea; padding:10px; vertical-align:middle; font-size:12px; color:#999; display:inline-block; border-radius:0.03rem; line-height:20px;}
.service-content-box .reply-details-box .opera-box{text-align:center; padding-top:40px;}
.service-content-box .reply-details-box .opera-box a{color:#fff; font-size:12px; line-height:26px; padding:0 0.24rem; display:inline-block; border-radius:0.03rem; margin:0 15px;}
.service-content-box .reply-details-box .opera-box .back-link{background:#ffcc00;}
.service-content-box .reply-details-box .opera-box .keep-on{background:#ccc;}

/*上传图片组件*/
.imageUpload-box{flex:auto; overflow:hidden; flex-wrap:wrap;}
.imageUpload-box .image-box{display:flex; justify-content:space-between; align-items:center;}
.imageUpload-box .image-box span{font-size:12px; color:#999; flex:none;}
.imageUpload-box .image-box a{font-size:14px; color:#fff; line-height:1em; border-radius:0.03rem; padding:0.15rem 0.2rem; background:#ffcc00; flex:none;}
.ui-image-upload{margin-top:0.15rem; width:100%; position:relative; font-size:0; letter-spacing:normal;}
.ui-image-upload .wrap-span{position:relative; width:100%; font-size:0; letter-spacing:-5px; z-index:2;}
.ui-image-upload .wrap-span span{width:32%; display:inline-block; padding-top:32%; margin-right:2%; border-radius:0.03rem; background:#f1f1f1; overflow:hidden; position:relative;}
.ui-image-upload .wrap-span span:last-child{margin-right:0;}
.ui-image-upload .img-opera-box{position:absolute; top:0; left:0; width:100%; font-size:0; letter-spacing:-5px; z-index:3;}
.ui-image-upload .image-edit{width:32%; display:inline-block; padding-top:32%; margin-right:2%; border-radius:0.03rem; background:#f1f1f1; overflow:hidden; position:relative;}
.ui-image-upload .image-edit:last-child{margin-right:0;}
.ui-image-upload .image-edit .thumb{width:100%; height:100%; border-radius:0.03rem; position:absolute; top:0; left:0;}
.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{flex:auto; height:30px; 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:0.03rem;}
.selectUi-box .selectBtn .selectText{font-size:12px; line-height:28px; 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:33px; 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:30px; font-size:12px; border-bottom:1px solid #eee; padding:0 35px 0 0.15rem; color:#999;}
.selectUi-box .selectList-box .searchBox i{font-style:normal; font-family:"宋体"; position:absolute; right:0px; top:0; color:#999; width:24px; font-size:24px; height:30px; line-height:30px; cursor:pointer;}
.selectUi-box .selectList-box .searchBox .searchResult{color:#999; line-height:28px; text-align:center; display:none;}
.selectUi-box .selectList-box .searchBox .searchResult p{color:#999; line-height:28px; font-size:14px;}
.selectUi-box .selectList-box .searchBox .searchResult .sureInput{background:#5FB878; line-height:28px; 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:28px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 0.15rem; transition:0.3s; font-size:12px; 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);}
}

/* 城市选择 */
.picker-box {-webkit-user-select:none; transform:none !important;}
.picker-box dt {background-color:#dbdbdb;padding:5px 20px}
.picker-box dd {padding:8px 20px;border-bottom:1px solid #dbdbdb}
.pro-picker,.city-picker {position:fixed;top:36px;left:0;bottom:0;background-color:#fff;overflow:auto;width:100%; z-index:1111;}
.city-picker li {padding:10px 20px;border-bottom:1px solid #dbdbdb}
.navbar {position:fixed;top:50%;right:20px;width:20px;-webkit-transform:translate(0,-50%) !important;transform:translate(0,-50%) !important;border-radius:5px; z-index:1112;}
.navbar a {display:block;text-align:center;color:gray}
.navbar.active {background-color:grey}
.navbar.active a {color:#fff}
.picker-box .prompt {display:block;width:40px;height:40px;line-height:40px;font-size:18px;border-radius:50%;background-color:gray;color:#fff;text-align:center;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.picker-box .opera-box{background:#fff; position:fixed; top:0; left:0; width:100%; height:36px; box-sizing:border-box; padding:0 0.2rem; line-height:36px; display:flex; justify-content:space-between; border-bottom:1px solid #dbdbdb;}

/* 提示消息 */
.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;
}