*{
    font-family:Arial;
    list-style:none;
    padding:0;
    margin: 0;
}
.phantom-nav{
    width:100%;
    height:50px;
    padding:5px 0;
    background:#36326d;
    position:fixed;
    z-index:999;
    top:0;
}
a{
    text-decoration:none !important;

}
.phantom-content{
    width:1100px;
    height:100%;
    margin: 0 auto;
}
.phantom-Img{
    width:200px;
    height:100%;
    float:left;
}
.phantom-Img img{
    width:auto;
    height:100%;
}
.phantom-title{
    width:400px;
    height:100%;
    float:left;
}
.phantom-title a{
    text-decoration:none;
    width:auto;
    display:block;
    padding:0 15px;
    float:left;
    color:#ccc;
    font-size:16px;
    line-height:40px;
    text-align:center;
}
.phantom-title a:hover{
    color:#fff;
}
.phantom-rigth{
    width:200px;
    height:100%;
    float:right;
}
.phantom-rigth a{
    line-height:40px;
    width:auto;
    padding:0 10px;
    color:#fff;
    float:right;
    font-size:18px;
}
.phantom-active{
    color:#fff !important;
}
.phantom-box{
    width:100%;
    height:auto;
    overflow:hidden;
    margin-top:50px;
    position:relative;
}
.phantom-bcon{
    width:100%;
    height:auto;
    overflow:hidden;
}
.phantom-bimg{
    width:100%;
    height:auto;
}
.phantom-bconSelection{
    position:absolute;
    width:1100px;
    height:100%;
    left:0;right:0;
    top:0;
    bottom:0;
    margin:auto;
    z-index:2;
}
.phantom-right{
    width:60%;
    height:35%;
    float:left;
    margin:8% 0 0 2%;
}
.phantom-banBott{
    width:100%;
    height:24%;
    position:absolute;
    background:rgba(255,255,255,0.1);
    left:0;
    right:0;
    bottom:0;
}
@media (max-width: 992px){
    .phantom-banBott {
        display:none;
    }
    .phantom-right{
        margin-top:3%;
    }
}
.phantom-right-t{
    width:90%;
    height:auto;
    color:#fff;
    font-size:30px;
}
.phantom-right-c{
    width:90%;
    height:auto;
    color:#fff;
    margin-top:5px;
    font-size:18px;
}
.phantom-right-btn{
    margin-top:30px;
    width:100px;
    height:35px;
    border:1px solid #fff;
    line-height:35px;
    font-size:16px;
    text-align:center;
    cursor:pointer;
    color:#fff;
}
.phantom-bottBox{
    width:1100px;
    height:100%;
    overflow:hidden;
    margin:0 auto;
}
.phantom-bottfloat{
    width:270px;
    height:auto;
    overflow:hidden;
    float:left;
    margin-top:2%;
    border-right:1px solid #4986a7;
    margin-left: 5px;
}
.phantom-bottfloat:first-of-type{
    margin-left:0;
}
.phantom-bottfloat:last-of-type{
    border-right:none;
}
.p-bfloatlimg{
    width:35px;
    margin:8px 0 0 3px;
    float:left;
}
.p-bfloatrcon{
    width:220px;
    float:left;
    height:80%;
    overflow:hidden;
    margin-left:10px;
}
.p-bfloatlimg img{
    width:100%;
    height:auto;
}
.p-bfloatrcon span{
    font-size:17px;
    color:#fff;
}
.p-bfloatrcon p{
    font-size:13px;
    color:#fff;
}
.p-main {
    font-size: 18px;
    color: #333;
    margin-top: 60px;
}
.p-main-title{
    font-size: 20px;
    margin-top: 30px;
    color: #333;
}
.second-step{
    margin-top:26px;
    height:235px;
}
.second-img{
    width:60px;
    height:60px;
    margin: 0 auto;
    margin-top: 15px;
}
.second-step img {
    width: 50px;
    height: auto;
}
.second-step p {
    width: 100%;
    overflow: hidden;
    height:auto;
    text-align:center;
    margin-top:20px;
}
.p-main-descript{
    text-align: center;
    height: 24px;
    font-size:16px;
    line-height: 24px;
    margin-bottom: 20px;
}
.p-th-box{
    margin-top:20px;
}
.p-th-title{
    width:100%;
    height:auto;
    overflow:hidden;
    position:relative;
}
.p-th-title img{
    width:100%;
    height:auto;
}
.p-th-centert{
    width:80%;
    margin:0 auto;
    height:50px;
    font-size:29px;
    line-height:50px;
    margin-top:15px;
    text-align:center;
}
.pc-th-titlecon{
    width:100%;
    height:auto;
    position:absolute;
    top:0;left:0;right:0;bottom:0;margin:auto;
    padding:13px 0;
    text-align:center;
    color:#fff;
    font-size: 24px;
}
.p-th-con{
    width:80%;
    margin:0 auto;
    height:auto;
    overflow:hidden;
    margin-top:15px;
}
.p-th-conli{
    width:94%;
    height:auto;
    cursor:pointer;
    overflow:hidden;
    margin-top:18px;
    padding:10px 3%;
}
.p-th-conli:hover .p-th-contstyle{
    background: #22d9f5;
    color:#fff;
}
.p-th-conli:hover{
    background: #22d9f5;
}
.p-th-cont{
    width:100%;
    height:auto;
    overflow:hidden;
    color:#373d41;
    font-size:24px;
}
.p-th-contd{
    width:100%;
    height:auto;
    line-height:24px;
    overflow:hidden;
    color:#373d41;
    font-size:18px;
    margin-top:10px;
}
.p-address{
    width:100%;
    height:auto;
    overflow:hidden;
    margin-top:35px;
    padding-bottom:30px;
    background: #373d41;
}
.p-address-lt{
    color:#9a9da0;
    font-size:23px;
    margin-top:36px;
}
.p-address-ltcen{
    color:#73777a;
    font-size:16px;
    height:auto;
    overflow:hidden;
    line-height:20px;
    margin-top:15px;
}
.p-address-ltbott{
    height:20px;
    color:#73777a;
    font-size:16px;
    line-height:20px;
    margin-top:8px;
}
.p-address-rr{
    margin-top:36px;
}
.p-address-rc div{
    font-size:14px;
    color:#9a9da0;
    margin-top:8px;
}
/*登录*/
.loginbox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background:rgba(0,0,0,0.3);
    z-index: 999;
    display:none;
    box-sizing: border-box;
}
.login-content {
    position:fixed;
    top:10%;
    z-index:10000;
    left:0;right:0;
    width: 482px;
    display:none;
    border: 1px solid #cbcbcb;
    background: #fff;
    height: auto;
    margin:auto;
}
.login-title{
    width: inherit;
    height: 48px;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
}
.login-center {
    width:240px;
    height: inherit;
    float: left;
    color: #11115b;
}
.login-center-l {
    background: #fff;
    border-top: 3px solid #07e;
}
.login-center-r {
    background: #eee;
}
.login-infor{
    width:100%;
    height:auto;
    overflow:hidden;
}
.login-infor span {
    width: 358px;
    height: 40px;
    line-height: 40px;
    display: block;
}
.login-infor input {
    width: 358px;
    height: 40px;
    border: 1px solid #cbcbcb;
}
.loginbody {
    width: 480px;
    height: auto;
    background: #fff;
}
.login-bodycon {
    width: 358px;
    height: auto;
    margin: 0 auto;
    overflow:hidden;
}
.login-bodyconl{
    margin-top:50px;
}
.login-forgetPass {
    width: 125px;
    height: 30px;
    line-height: 30px;
    color: #07e;
    font-size: 14px;
    margin-top:15px;
    cursor: pointer;
}
.login-come {
    width: 358px;
    height: 40px;
    text-align: center;
    background: #22d9f5;
    color: #fff;
    line-height: 40px;
    cursor: pointer;
}
.login-yanz {
    width: 358px;
    height: 42px;
    margin-top:15px;
}
.login-yanz input {
    width: 178px;
    height:40px;
    float: left;
    border: 1px solid #cbcbcb;
}
.login-sign {
    width: 358px;
    height: 40px;
    text-align: center;
    background: #22d9f5;
    color: #fff;
    line-height: 40px;
    cursor: pointer;
    margin-top:28px;
}
.forgrt-resetpass {
    width: 100%;
    height: 40px;
    text-align: center;
    background: #22d9f5;
    color: #fff;
    line-height: 40px;
    cursor: pointer;
    margin-top:28px;
}
.login-yanzbutt {
    height: 42px;
    font-size: 16px;
}
.sign-box{
    margin-top:15px;
    display:none;
}
/*forget*/
.forget-pass {
    width: 480px;
    height: 460px;
    padding: 0 40px;
    border: 1px solid #cbcbcb;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: none;
    z-index:10001;
}
.forget-title {
    width: 380px;
    height: 40px;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    line-height: 40px;
    margin-top: 30px;
}
.forget-alignP {
    width: 380px;
    height: 50px;
    text-align: center;
    margin-top: 15px;
}
.forget-email {
    width: 100%;
    height: auto;
    line-height: 30px;
    font-size: 16px;
}
.forget-email input {
    width: 100%;
    height: 40px;
    border: 1px solid #cbcbcb;
}
.forget-yzm {
    width: 100%;
    height: auto;
    margin-top: 10px;
}
.forget-yzmDiv {
    width: 100%;
    height: auto;
}
.forget-yzm input {
    width:49%;
    height:40px;
    border: 1px solid #cbcbcb;
}
.forget-yzmBtn {
    height: 40px;
    float: right;
    font-size: 16px;
    background: #ddd;
    text-align: center;
    cursor: pointer;
}
.forget-cancel {
    width: 380px;
    height: 30px;
    line-height: 30px;
    text-align: right;
    font-size: 16px;
}
.forget-cancel a {
    color: #22d9f5;
}
.p-help-con{
    width:92%;height:auto;
    margin-top:80px;
    overflow:hidden;
}
.aritical-titlelist {
    width: 100%;
    padding: 0 5%;
    height:auto;
    background:#f5f7fa;
    text-align:center;
    cursor: pointer;
    line-height: 45px;
}
.aritical-titlelist:first-of-type{
    border:1px solid #ebedf0;
}
.artical-con,.p-artical-con{
    width:100%;
    height:auto;
    overflow:hidden;
}
.p-artical-faq{
    width:100%;
    height:45px;
    line-height:45px;
    font-size:25px;
}
.p-artical-contitle{
    width:100%;
    height:auto;
    margin-top:30px;
    line-height:30px;
    font-size:24px;
    color:#373d41;
    overflow:hidden;
}
.p-artical-content{
    width:100%;
    height:auto;
    margin-top:16px;
    line-height:30px;
    font-size:18px;
    color:#373d41;
    overflow:hidden;
}
.p-artical-style{
    background:#f5f7fa;
    border:1px solid #ebedf0;
    border-top:none;
    color:#717d85;
}
.aritical-active{
    color:#717d85;
    background:#ebedf0;
}
.artical-con-style{
    display:none;
}
.forget-cancel-style{
    margin:0 auto;
    width:358px;
    margin-bottom:40px;
}

.mod_hang_appeal_btn { display: block; width: 200px; height: 100px; color: #0989c5; text-align: center; font-size: 20px; cursor: pointer; }
.mod_hang_appeal_btn img{max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto; }


.mod_hang_appeal:hover .mod_hang_appeal_show{ display:block;opacity: 1;}


.mod_hang_appeal_btn i, .mod_hang_qrcode_btn i { display: inline-block; width: 200px; height: 60px; line-height: 60px; font-size: 40px; color: #0989c5; background-color: #fff }
.mod_hang_appeal.show .mod_hang_appeal_show { display: block }
.mod_hang_appeal_show { opacity: 0; z-index:-9;  position: absolute; right: 70px; bottom: 90px; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1); width: 150px }
.mod_hang_appeal_show li {
    *zoom:1; cursor: pointer }
.mod_hang_appeal_show li:hover { background: #f3f5fb }
.mod_hang_appeal_show li:after, .mod_hang_appeal_show li:before { content: ""; display: block; clear: both; height: 0; line-height: 0; visibility: hidden }
.mod_hang_appeal_show .icon_box, .mod_hang_appeal_show .text_box { float: left; width: 215px; height: 90px; cursor: pointer }
.mod_hang_appeal_show .icon_box { width: 78px; line-height: 90px; text-align: center }
.mod_hang_appeal_show .icon_box i { color: #0989c5; font-size: 30px }
.mod_hang_appeal_show .text_box h5 { margin-top: 10px; font-size: 16px; color: #03004c; line-height: 24px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.mod_hang_appeal_show .text_box p { margin-top: 10px; max-height: 36px; overflow: hidden; line-height: 18px; font-size: 14px; color: #666; cursor: pointer }
.jdc-side { display: none; position: fixed; right: 0px; bottom: 20px; z-index: 300; width: 170px }