/* 引入字体图标 */
@import url(../iconfont/iconfont.css);

body {
    background: #f2f2f2;
    font-size: 13px;
    color: #282828;
    font-family: 'Microsoft Yahei' !important;
    -webkit-font-smoothing: antialiased;
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    color: #282828;
    text-decoration: none;
}

a:hover {
    color: #0990ee;
}

a:focus {
    outline: none;
}

:focus {
    outline: none;
}

img {
    border: none;
    -webkit-user-drag: none;
}

.cont-row {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.container {
    width: 1280px;
    margin: 0 auto;
    display: block;
    clear: both;
}

.container-White {
    width: 100%;
    float: left;
    background: #fff;
}

.last-child {
    border: none !important;
}

.red {
    color: #e5273c;
}

.blue {
    color: #009be5 !important;
}

.main {
    width: 100%;
    display: block;
    float: left;
    padding-top: 20px;
    padding-bottom: 30px;
}

textarea {
    resize: none;
}

.Orange {
    color: #ff992d;
}

/*load*/
.load {
    width: 100%;
    display: block;
    padding: 50px 0;
    float: left;
}

.load img {
    width: 30px;
    height: 30px;
    margin-bottom: 15px;
}

div.red {
    line-height: 36px;
    position: absolute;
    left: 0;
}

/*input*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
    border: 1px solid #ccc !important;
}

input::-webkit-input-placeholder {
    color: #ccc;
    font-weight: normal;
}

textarea::-webkit-input-placeholder {
    color: #ccc;
    font-weight: normal;
}

.input-box {
    border: 1px solid #d6d6d6;
    font-size: 13px;
    text-indent: 12px;
}

.errorInput {
    border: 1px solid #f93e53 !important;
}

.input-time {
    background: url('../images/calendar.png') no-repeat right center;
}

.textarea-box {
    width: 278px;
    height: 60px;
    padding: 10px;
    border: 1px solid #d6d6d6;
    font-size: 13px;
}

.input-box-disabled {
    background: #f2f2f2;
}

/*select*/
.select2-container--default .select2-selection--single {
    border: 1px solid #d6d6d6;
    border-radius: 0;
}

.select2-container .select2-selection--single {
    height: 32px;
    width: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #424242;
    line-height: 32px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
}

.select2-dropdown {
    border: 1px solid #b0b0b0;
    border-radius: 0;
}

.borderSelectcolor {
    border-color: #eee;
}

.layerSelect {
    border-color: #d6d6d6;
    z-index: 99999999999;
}

.selectbox .select2-container {
    width: 300px !important;
    height: 40px;
}

.selectbox .select2-container .select2-selection--single {
    height: 40px;
    line-height: 40px;
}

.selectbox .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}

.selectbox .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    width: 25px;
}

.select2-container--default .select2-results__option[aria-selected='true'] {
    background: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #009be5;
}

/*verification*/
.error {
    border: 1px solid #f93e53;
    color: #f93e53;
    background: #fff0f0 url('../images/error.png') no-repeat 6px center;
    font-size: 12px;
    height: 22px;
    line-height: 20px;
    padding: 0 16px 0 25px;
    display: none;
}

.warning {
    display: inline;
    padding: 3px;
    padding-left: 25px;
    border: 1px solid #ffcc71;
    font-size: 12px;
    background: #fffff1 url('../images/tips.png') no-repeat 5px center;
}

/*btn*/
.btn,
a.btn {
    border-radius: 4px;
    text-align: center;
    display: inline-table;
    cursor: pointer;
    border: 1px solid #ddd;
}

.btn-szie-sm {
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    font-size: 12px;
    margin: 0 2px;
}

.btn-szie {
    width: 78px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.btn-szie0 {
    width: 88px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
}

.btn-szie1 {
    width: 78px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
}

.btn-szie2 {
    width: 118px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
}

.btn-szie3 {
    width: 110px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
}

.btn-szie4 {
    width: 90px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
}

.btn-szie5 {
    width: 70px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
}

.btn-szie-big {
    width: 100%;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
}

.btn-orange {
    background: #ff992d;
    color: #fff;
    border-color: #ff992d !important;
}

.btn-blue {
    background: #009be5;
    color: #fff;
    border-color: #009be5 !important;
}

.btn-gray {
    background: #b0b0b0;
    color: #fff !important;
    border-color: #b0b0b0 !important;
}

.btn-red {
    background: #e5273c;
    color: #fff;
    border-color: #e5273c !important;
}

.btn-green {
    background: #72bb38;
    color: #fff;
    border-color: #72bb38 !important;
}

.btn-blue:hover,
.btn-orange:hover,
.btn-gray:hover,
.btn-red:hover {
    color: #fff;
}

.btn-blue-line {
    border-color: #009be5 !important;
    color: #009be5;
}

.btn-disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
    color: rgba(255, 255, 255, 0.4);
}

.btn-disabled:hover {
    cursor: not-allowed;
    color: rgba(255, 255, 255, 0.4) !important;
}

body .layerDiv {
    width: auto !important;
    min-width: auto;
    box-shadow: none;
    background: transparent !important;
}

/* layer  open*/
body .layerOpen {
    width: auto !important;
    min-width: 360px;
    box-shadow: none;
    border-radius: 0;
}

body .layerOpen .layui-layer-title {
    height: 44px;
    line-height: 44px;
    padding: 0 80px 0 15px;
}

body .layerOpen .cont {
    padding: 30px;
    font-size: 16px;
}

body .layerOpen .layui-layer-btn {
    padding-top: 0;
    padding-bottom: 24px;
    padding-right: 30px;
}

body .layerOpen .layui-layer-btn a {
    width: 88px;
    height: 34px;
    line-height: 34px;
    padding: 0;
    margin: 0;
    margin-left: 15px;
    text-align: center;
    border-radius: 4px;
    background: #f2f2f2;
    border-color: #d6d6d6;
}

body .layerOpen .layui-layer-btn a.layui-layer-btn0 {
    background: #009be5;
    border-color: #009be5;
}

body .layerOpen2 {
    width: auto !important;
    min-width: 360px;
    box-shadow: none;
    border-radius: 0;
}

body .layerOpen2 .layui-layer-title {
    height: 44px;
    line-height: 44px;
    padding: 0 80px 0 15px;
}

body .layerOpen2 .cont {
    padding: 30px;
    font-size: 14px;
    line-height: 30px;
    max-width: 450px;
}

body .layerOpen2 .layui-layer-btn {
    padding-top: 0;
    padding-bottom: 24px;
    padding-right: 30px;
}

body .layerOpen2 .layui-layer-btn a {
    width: 88px;
    height: 34px;
    line-height: 34px;
    padding: 0;
    margin: 0;
    margin-left: 15px;
    text-align: center;
    border-color: #d6d6d6;
    border-radius: 4px;
    background: #f2f2f2;
    color: #424242;
    font-size: 14px;
}

body .layerOpen2 .layui-layer-btn a.layui-layer-btn1 {
    background: #009be5;
    color: #fff;
    border-color: #009be5;
}

body .layerOpen2 .Description {
    font-size: 13px;
    color: #ff992d;
    line-height: 24px;
    margin-top: 10px;
}

body .layerOpen2 .cont .set-tel {
    width: 298px;
    height: 38px;
    line-height: 38px;
    margin-bottom: 5px;
}

body .layerOpen2 .cont .error {
    line-height: 22px;
    height: 22px;
    font-size: 12px;
    width: 257px;
    display: none;
}

body .layerOpen2 .layerform {
    padding: 30px;
    padding-top: 40px;
    position: relative;
    width: 375px;
    display: block;
    float: left;
}

body .layerOpen2 .layerform ul li {
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 16px;
}

body .layerOpen2 .layerform .title {
    float: left;
    width: 65px;
    line-height: 40px;
    height: 40px;
    padding-right: 10px;
}

body .layerOpen2 .layerform .inputcont {
    float: left;
    width: 300px;
}

body .layerOpen2 .layerform .inputcont .input-box {
    height: 38px;
    width: 298px;
}

body .layerOpen2 .layerform .error {
    position: absolute;
    left: 105px;
    top: 8px;
    width: 258px;
    display: none;
}

body .layerOpen2 .layerform p {
    margin-bottom: 10px;
}

body .layerOpen3 {
    width: auto !important;
    min-width: 360px;
    box-shadow: none;
    border-radius: 0;
}

body .layerOpen3 .layui-layer-title {
    height: 44px;
    line-height: 44px;
    padding: 0 80px 0 15px;
}

body .layerOpen3 .cont {
    padding: 30px;
    font-size: 14px;
    line-height: 30px;
}

body .layerOpen3 .layui-layer-btn {
    padding-top: 0;
    padding-bottom: 24px;
    padding-right: 30px;
}

body .layerOpen3 .layui-layer-btn a {
    width: 88px;
    height: 34px;
    line-height: 34px;
    padding: 0;
    margin: 0;
    margin-left: 15px;
    text-align: center;
    border-radius: 4px;
    background: #f2f2f2;
    border-color: #d6d6d6;
}

body .layerOpen3 .layui-layer-btn a.layui-layer-btn0 {
    background: #009be5;
    border-color: #009be5;
}

body .layerOpen3 .Description {
    font-size: 13px;
    color: #ff992d;
    line-height: 24px;
    margin-top: 10px;
}

body
    .layerOpen2
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    height: 40px;
    line-height: 40px;
}

body .layerOpen2 .select2-container .select2-selection--single {
    height: 40px;
    line-height: 40px;
}

body .layerOpen2 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}

body
    .layerOpen2
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: #b0b0b0 transparent transparent transparent;
}

body .layermsg {
    width: auto !important;
    min-width: 250px;
    box-shadow: none;
    border-radius: 4px;
}

body .layermsg .cont {
    padding: 15px 30px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
}

body .layermsg .cont p.pic {
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto;
}

body .layermsg .cont p.pic img {
    width: 30px;
}

body .layermsg .cont p.tit {
    margin-top: 10px;
}

body .layermsg .cont h3 {
    float: left;
    font-size: 16px;
    line-height: 16px;
    font-weight: normal;
    text-align: left;
    margin-left: 15px;
}

body .layermsg .cont h3 small {
    font-size: 14px;
    color: #858585;
    display: block;
    clear: both;
    margin-top: 10px;
}

body .layerOpen .Example-pic {
    display: block;
    width: 100%;
}

body .layerPic .layui-layer-btn {
    text-align: center;
}

.layerCont {
    display: none;
}

/*animate*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.UpBox {
    margin-top: -10px;
}

/*head*/
.header {
    width: 100%;
    height: 100px;
    display: block;
}

.top {
    width: 100%;
    height: 30px;
    background: #3c3f48;
    display: block;
    clear: both;
    color: #ccc;
    line-height: 30px;
}

.top-logo {
    float: left;
}

.topList {
    /* padding: 9px 0; */
    width: 100%;
    height: 100%;
}

.topList .login-icon {
    display: inline-block;
    /* background: url('../images/tbg.png') no-repeat left center; */
    /* padding-left: 15px; */
    font-size: 12px;
}

.topList ul {
    float: right;
    height: 30px;
}

.topList ul li {
    margin-left: 20px;
    display: inline;
    height: 12px;
    overflow: hidden;
    font-size: 12px;
}

.top a {
    color: #ccc;
    position: relative;
}

.top a.downloadApp:hover {
    color: #fff;
}

.top a.downloadApp .downloadAppCode {
    display: none;
    position: absolute;
    width: 110px;
    height: 130px;
    background: #ffffff;
    box-shadow: 0px 2px 4px 0px rgba(178, 178, 178, 0.2);
    border: 1px solid #e5e8ec;
    font-size: 12px;
    bottom: -143px;
    left: -29px;
    z-index: 50;
    text-align: center;
    line-height: 1em;
}

.top a.downloadApp .downloadAppCode img {
    display: block;
    width: 90px;
    height: 90px;
    margin: 0 auto;
    margin-top: 10px;
    padding-bottom: 4px;
}

.top a.downloadApp:hover .downloadAppCode {
    display: block;
    color: #282828;
}

.head {
    width: 100%;
    height: 70px;
    background: #fff;
    display: block;
    clear: both;
}

.head-logo {
    float: left;
    height: 70px;
}

.head-logo img {
    width: 160px;
    height: 32px;
    margin-top: 21px;
}

.head-nav {
    float: left;
    margin-left: 80px;
}

.head-nav ul li {
    float: left;
}

.head-nav ul li a {
    height: 67px;
    line-height: 67px;
    display: block;
    border-bottom: 3px solid transparent;
    padding: 0 5px;
    margin-left: 54px;
    font-size: 16px;
}

.head-nav ul li a .hot {
    font-size: 12px;
    color: #ee2a4a;
    line-height: 20px;
    vertical-align: text-top;
}

.head-nav ul li.active a {
    border-bottom: 3px solid #009be5;
}

/*footer*/
.bottombox {
    width: 100%;
    min-width: 1200px;
    display: inline-block;
    font-size: 13px;
    background: #3b4658;
}

.bottombox .foot {
    display: inline-block;
    padding-top: 50px;
    padding-bottom: 40px;
    width: 100%;
}

.bottombox .footList {
    display: block;
    margin-right: 90px;
    float: left;
}

.bottombox .footList h3,
.bottombox .QR_code h3 {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 30px;
}

.bottombox .footList ul li {
    display: block;
    margin-top: 20px;
}

.bottombox .footList ul li a {
    font-size: 14px;
    color: #ccc;
    /* background: url('../images/list-icon.png') no-repeat left center; */
    /* padding-left: 10px; */
}

.bottombox .footList ul li a:hover {
    color: #009be5;
}

.bottombox .QR_code {
    float: left;
    border-right: 1px solid #4b5569;
}

.bottombox .QR_code img {
    background: #fff;
    padding: 4px;
    border: 1px solid #e6e6e6;
}

.bottombox .QR_code ul li {
    float: left;
    margin-right: 60px;
}

.bottombox .copyright {
    width: 100%;
    display: block;
    border-top: 1px solid #4b5569;
    padding: 20px 0;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    color: #cccccc;
}

.bottombox .copyright span {
    color: #fff;
    font-size: 14px;
    margin: 0 5px;
}

.bottombox .copyright span a {
    color: #fff;
}

.bottombox .copyright span.zte {
    /* background: url('../images/zte-footer.png') no-repeat left center; */
    /* padding-left: 30px; */
}

.bottombox .foot_contact {
    float: right;
    text-align: right;
}

.bottombox .foot_contact h3 {
    font-size: 25px;
    font-weight: normal;
    color: #fff;
}

.bottombox .foot_contact p {
    color: #969696;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 11px;
}

.bottombox .foot_contact p.service {
    width: 140px;
    height: 40px;
    background: #0990ee;
    border-radius: 2px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    float: right;
}

.bottombox .foot_contact p.service:hover {
    /* background: url('../images/foot-service-hover.png') no-repeat; */
    background: #0882e0;
}

.bottombox-Home .bottombox {
    width: 100%;
    min-width: 1200px;
    display: inline-block;
    background: #3b4658;
    font-size: 13px;
}

.foot-service {
    position: fixed;
    right: 0;
    top: 55%;
    background: #fff;
    z-index: 9999;
    display: block;
    border-bottom: none;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.foot-service ul li {
    width: 60px;
    height: 60px;
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #282828;
}

.foot-service ul li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 60px;
    text-align: center;
}

.foot-service ul li:nth-of-type(4) {
    background-color: #f7f8f9;
}

.foot-service ul li i {
    font-size: 22px;
}

.foot-service ul li .iconText {
    margin-top: 5px;
    font-size: 10px;
    transform: scale(0.83333);
    transform-origin: 0 0;
    margin-left: 10px;
}

.foot-service ul li:nth-of-type(-n + 3):hover {
    background-color: #0990ee;
    color: #fff;
}

/* .foot-service ul li.icon-1 {
    background: url('../images/service.png') no-repeat center;
} */
/* .foot-service ul li.icon-2 {
    background: url('../images/phone.png') no-repeat center;
}
.foot-service ul li.icon-3 {
    background: url('../images/wechat.png') no-repeat center;
}
.foot-service ul li.icon-4 {
    background: url('../images/weibo.png') no-repeat center;
}
.foot-service ul li.icon-5 {
    background: url('../images/top.png') no-repeat center;
}
.foot-service ul li.icon-1:hover {
    background: #009be5 url('../images/service.png') no-repeat center;
}
.foot-service ul li.icon-2:hover {
    background: #009be5 url('../images/phone.png') no-repeat center;
}
.foot-service ul li.icon-3:hover {
    background: #009be5 url('../images/wechat.png') no-repeat center;
}
.foot-service ul li.icon-4:hover {
    background: #009be5 url('../images/weibo.png') no-repeat center;
}
.foot-service ul li.icon-5:hover {
    background: #009be5 url('../images/top.png') no-repeat center;
} */
/* .foot-service ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -999px;
    overflow: hidden;
} */
.service-cont {
    box-sizing: border-box;
    position: absolute;
    left: -230px;
    top: 0px;
    border-radius: 1px;
    width: 130px;
    display: none;
    text-align: center;
    color: #282828;
    cursor: default;
}

.service-cont .service-con {
    box-sizing: border-box;
    background: #fff;
    width: calc(100% - 10px);
    box-shadow: 0px 2px 8px 0px rgba(40, 40, 40, 0.1);
    height: 100%;
}

.service-cont img {
    width: 120px;
    display: block;
}

.service-cont a {
    text-indent: inherit !important;
    color: #009be5;
}

.service-cont .kf {
    line-height: 40px;
    display: block;
    height: 40px;
}

.service-cont.tel {
    box-sizing: border-box;
    width: 190px;
    height: 70px;
    left: -190px;
    text-align: left;
}

.service-cont.tel .service-con {
    padding-left: 19px;
}

.service-cont.tel .phone {
    font-size: 16px;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 1px;
}

.service-cont.tel .time {
    font-size: 12px;
    color: #666;
    margin-top: 1px;
}

.service-cont.online,
.service-cont.wxGzh {
    box-sizing: border-box;
    width: 230px;
    height: 260px;
    left: -230px;
    top: -70px;
    text-align: left;
}

.service-cont.wxGzh {
    top: -130px;
}

.service-cont.wxGzh.qywxPopup {
    position: relative;
    display: block;
    left: 0;
    top: 0;
    margin: 0;
    width: 220px;
}

.service-cont.wxGzh.qywxPopup .service-con {
    position: relative;
    display: block;
    left: 0;
    top: 0;
    margin: 0;
    width: 100%;
}

.service-cont.online .service-con,
.service-cont.wxGzh .service-con {
    border-radius: 6px;
    overflow: hidden;
}

.service-cont.online .head,
.service-cont.wxGzh .head {
    box-sizing: border-box;
    height: 85px;
    background: linear-gradient(270deg, #617291 0%, #505f77 100%);
    padding: 20px;
    color: #fff;
    text-align: left;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    font-size: 16px;
}

.service-cont.online .head .welcome,
.service-cont.wxGzh .head .welcome {
    color: #e2e3e4;
    font-size: 12px;
}

.service-cont.online .content .serviceCon {
    height: 81px;
    padding-left: 70px;
    position: relative;
}

.service-cont.online .content .serviceCon::before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/icon_kefu.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    left: 20px;
    top: 20px;
    font-size: 12px;
}

.service-cont.online .content .serviceCon .oneToOne {
    padding-top: 23px;
}

.service-cont.online .content .serviceCon .service {
    margin-top: 5px;
    font-size: 10px;
    transform: translate(0.8333);
    transform-origin: center;
    color: #39c81d;
    padding-left: 10px;
    position: relative;
}

.service-cont.online .content .serviceCon .service::before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: linear-gradient(180deg, #6be63e 0%, #39c81d 100%);
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 0;
}

.service-cont.online .content .btn {
    box-sizing: border-box;
    width: 140px;
    height: 32px;
    border-radius: 19px;
    line-height: 30px;
    border: 1px solid #0990ee;
    background: #0990ee;
    margin-left: 40px;
    margin-bottom: 10px;
    color: #fff;
}

.service-cont.online .content .btn.wxAdd {
    background-color: #fff;
    color: #0990ee;
}

.service-cont.wxGzh .content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 22px 0;
    font-size: 12px;
}

.foot-service ul li.icon-1:hover .service-cont,
.foot-service ul li.icon-2:hover .service-cont,
.foot-service ul li.icon-3:hover .service-cont,
.foot-service ul li.icon-4:hover .service-cont,
.foot-service ul li.icon-5:hover .service-cont {
    display: block;
}

.bannerBoxContainer {
    width: 100%;
    overflow-x: hidden;
}

.bannerBox {
    width: 1280px;
    height: 430px;
    display: block;
    clear: both;
    position: relative;
    margin: 0 auto;
}

/*banner*/
.banner {
    width: 2560px;
    height: 430px;
    overflow: hidden;
    position: absolute;
    left: calc(50% - 1280px);
}

.banner .hd {
    overflow: hidden;
    position: absolute;
    left: calc(50% - 60px);
    bottom: 0px;
    z-index: 1;
}

.banner .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.banner .hd ul li {
    float: left;
    width: 30px;
    height: 42px;
    margin: 0 5px;
    cursor: pointer;
    position: relative;
    background-color: transparent;
}

.banner .hd ul li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 2px;
    background: #ffffff;
    opacity: 0.6;
}

.banner .hd ul li.on {
}

.banner .hd ul li.on:after {
    opacity: 1;
}

.banner .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.banner .bd li {
    zoom: 1;
    vertical-align: middle;
    position: relative;
    font-family: PingFang SC;
}
.banner .bd li .contentText1 {
    position: absolute;
    left: calc(50% - 160px);
    top: 58px;
    color: #fff;
    text-align: center;
    user-select: none;
}

.banner .bd li .contentText1 .line1 {
    font-size: 29px;
    font-weight: 300;
    line-height: 42px;
}

.banner .bd li .contentText1 .line2 {
    font-size: 30px;
    font-weight: 400;
    line-height: 42px;
    margin-top: 49px;
}

.banner .bd li .contentText1 .line3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 13px;
}

.banner .bd li .contentText2 {
    position: absolute;
    left: 915px;
    top: 116px;
    color: #fff;
    user-select: none;
}

.banner .bd li .contentText2 .line1 {
    font-size: 40px;

    font-weight: bold;
    color: #eef3fa;
    background: linear-gradient(0deg, #ffffff 0%, #e2e8ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.banner .bd li .contentText2 .line2 {
    font-size: 18px;
    color: #eef3fa;
    line-height: 13px;
    margin-top: 24px;
}

.banner .bd li .contentText2 .line3 {
    width: 100px;
    height: 34px;
    border: 1px solid #5675e3;
    font-size: 13px;
    font-weight: 400;
    color: #5675e3;
    margin-top: 102px;
    text-align: center;
    line-height: 34px;
}

.banner .bd li .contentText3 {
    position: absolute;
    left: calc(50% - 310px);
    top: 137px;
    color: #fff;
    user-select: none;
}

.banner .bd li .contentText3 .line1 {
    font-size: 40px;
    font-weight: bold;
    background: linear-gradient(to bottom, #ffffff, #c2d5ff);
    -webkit-background-clip: text;
    color: transparent;
    display: inline-block;
}

.banner .bd li .contentText3 .line2 {
    width: 100px;
    height: 34px;
    border: 1px solid #a5a5ff;
    font-size: 13px;
    font-weight: 400;
    color: #a5a5ff;
    margin-top: 62px;
    margin-left: calc(50% - 30px);
    text-align: center;
    line-height: 34px;
}

.banner .bd img {
    width: 2560px;
    height: 430px;
    display: block;
}

.banner .prev,
.banner .next {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 36px;
    height: 60px;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.banner .prev {
    background: url('../images/banner_prev.png') no-repeat center;
}

.banner .next {
    left: auto;
    right: 290px;
    background: url('../images/banner_next.png') no-repeat center;
}

.banner .prev:hover {
    background: rgba(0, 0, 0, 0.5) url('../images/banner_prev.png') no-repeat center;
    filter: alpha(opacity=100);
    opacity: 1;
}

.banner .next:hover {
    background: rgba(0, 0, 0, 0.5) url('../images/banner_next.png') no-repeat center;
    filter: alpha(opacity=100);
    opacity: 1;
}

.bannerlogin .next {
    right: 320px;
}

/*公告*/
.announcement {
    display: block;
    clear: both;
    height: 35px;
    background: #fff url('../images/announcement.png') no-repeat 15px center;
}

.announcement h3 {
    font-size: 14px;
    font-weight: normal;
    line-height: 35px;
    float: left;
    padding-left: 40px;
}

.txtScroll-top {
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
}

.txtScroll-top .infoList li {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
}

.homeEntranceMenu {
    width: 230px;
    height: 405px;
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    left: 0;
    top: 5px;
    padding-top: 15px;
}

.homeEntranceMenu .list .line {
    height: 65px;
    display: flex;
    padding-left: 30px;
    align-items: center;
    color: #282828;
    font-size: 16px;
    cursor: pointer;
    position: relative;
}

.homeEntranceMenu .list .line .openCon {
    display: none;
    width: 660px;
    height: 366px;
    background: #ffffff;
    position: absolute;
    right: -700px;
    top: -15px;
    padding: 27px 20px;
    font-size: 14px;
    cursor: default;
}

.homeEntranceMenu .list .line:nth-of-type(1) .openCon {
    top: calc(-15px);
}

.homeEntranceMenu .list .line:nth-of-type(2) .openCon {
    top: calc(-15px - 65px);
}

.homeEntranceMenu .list .line:nth-of-type(3) .openCon {
    top: calc(-15px - 130px);
}

.homeEntranceMenu .list .line:nth-of-type(4) .openCon {
    top: calc(-15px - 195px);
}

.homeEntranceMenu .list .line:nth-of-type(5) .openCon {
    top: calc(-15px - 260px);
}

.homeEntranceMenu .list .line:nth-of-type(6) .openCon {
    top: calc(-15px - 325px);
}

.homeEntranceMenu .list .line .openCon .toLine {
    display: flex;
    height: 40px;
    line-height: 40px;
    margin-bottom: 3px;
}

.homeEntranceMenu .list .line .openCon .toLine .name {
    display: inline-block;
    width: 98px;
    text-align: right;
}

.homeEntranceMenu .list .line .openCon .toLine .name .openLIneIcon {
    font-size: 12px;
    margin-left: 8px;
    color: #a1a6a4;
}

.homeEntranceMenu .list .line .openCon .toLine .to {
    display: inline-block;
    margin-left: 10px;
    text-indent: 10px;
    position: relative;
    color: #282828;
}

.homeEntranceMenu .list .line .openCon .toLine .to:hover {
    color: #0990ee;
}

.homeEntranceMenu .list .line .openCon .toLine .to::before {
    content: '';
    width: 1px;
    height: 12px;
    background: #e2e3e4;
    position: absolute;
    left: 0;
    top: calc(50% - 6px);
}

.homeEntranceMenu .list .line:hover .openCon {
    display: block;
}

.homeEntranceMenu .list .line:hover {
    background: #ffffff;
}

.homeEntranceMenu .list .line .leftIcon {
    font-size: 21px;
    color: #0990ee;
    margin-right: 15px;
}

.homeEntranceMenu .list .line .rightIcon {
    font-size: 12px;
    position: absolute;
    right: 24px;
    top: calc(50% - 6px);
    color: #a1a6a4;
}

/*Home Entrance*/
.Home_Entrance {
    width: 250px;
    float: right;
    height: 420px;
    background: #fff;
    position: absolute;
    right: 0px;
    top: 5px;
}

.Home_Entrance h3.tit {
    display: block;
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #eee;
    text-indent: 10px;
    font-size: 14px;
}

.Home_Entrance .icon-List {
    display: block;
    height: 160px;
    margin: 0 15px;
    border-bottom: 1px solid #e2e3e4;
}

.Home_Entrance .icon-List ul li {
    float: left;
    width: 110px;
    height: 80px;
    text-align: center;
}

.Home_Entrance .icon-List ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.Home_Entrance .icon-List ul li i {
    font-size: 25px;
    color: #0990ee;
    display: inline-table;
    padding-top: 15px;
}

.Home_Entrance .icon-List ul li p {
    font-size: 14px;
    margin-top: 7px;
    color: #282828;
}

.Home_Entrance .icon-List ul li a:hover {
    color: #424242;
}

.HomeRecharge {
    display: block;
    width: 100%;
    float: left;
}

.HomeRecharge .HomeRecharge-tab {
    width: 100%;
    font-size: 14px;
}

.HomeRecharge .HomeRecharge-tab a {
    width: 60px;
    float: left;
    padding: 15px 18px 0px 18px;
    margin-bottom: 10px;
    color: #969696;
    position: relative;
    text-align: center;
}

.HomeRecharge .HomeRecharge-tab a.active {
    color: #0990ee;
}

.HomeRecharge .HomeRecharge-tab a.active::after {
    content: '';
    display: block;
    width: 28px;
    height: 2px;
    background: #0990ee;
    margin: 0 auto;
    margin-top: 8px;
}

.HomeRecharge .HomeRecharge-tab a .discount {
    display: none;
    width: 33px;
    height: 16px;
    line-height: 16px;
    background: url('../images/discount.png') no-repeat left center;
    color: #fff;
    position: absolute;
    right: -35px;
    top: -5px;
    text-align: center;
    padding-left: 3px;
}

.HomeRecharge .HomeRecharge-tab a .discount em {
    font-size: 11px;
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    font-style: normal;
}

.HomeRecharge .HomeRecharge-tab a.active .discount {
    display: block;
}

.HomeRecharge-tabcont {
    width: 100%;
    display: block;
    float: left;
}

.HomeRecharge-tabcont .tabcont {
    display: none;
    padding: 0 15px;
    position: relative;
}

.HomeRecharge-tabcont .tabcont p {
    display: block;
    margin-bottom: 4px;
}

.HomeRecharge-tabcont .tabcont input {
    display: block;
    width: 218px;
    height: 33px;
    line-height: 33px;
    border: 1px solid #e2e3e4;
    text-indent: 10px;
    font-size: 14px;
    transition: border 0.2s;
}

.HomeRecharge-tabcont .tabcont input:focus {
    border: 1px solid #0990ee;
}

.HomeRecharge-tabcont .tabcont .expenseList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.HomeRecharge-tabcont .tabcont .expenseList li {
    width: 68px;
    height: 35px;
    border-radius: 2px;
    border: 1px solid #e2e3e4;
    font-size: 14px;
    line-height: 33px;
    text-align: center;
    color: #282828;
    margin-top: 8px;
    cursor: pointer;
}

.HomeRecharge-tabcont .tabcont .expenseList li.selected {
    background: #f2354b;
    border: 1px solid #f2354b;
    color: #fff;
}

.HomeRecharge-tabcont .active {
    display: block;
}

.HomeRecharge-tabcont .select2-container {
    width: 110px !important;
}

.HomeRecharge-tabcont .select2-container--default .select2-selection--single {
    border-color: #b0b0b0;
}

.HomeRecharge-tabcont .Price {
    margin-left: 12px;
}

.HomeRecharge-tabcont .Price em {
    font-style: normal;
    color: #e5273c;
}

.HomeRecharge-tabcont .error {
    display: none;
    position: absolute;
    left: 20px;
    top: 52px;
    z-index: 999;
    width: 179px;
}

.HomeRecharge-tabcont p .btn {
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    width: 130px;
    height: 35px;
    background: #0990ee;
    border-radius: 2px;
    border: none;
}

.HomeRecharge-tabcont p .btn:hover {
    background-color: #0882e0;
}

h3.homeContainerTitle {
    font-size: 32px;
    line-height: 45px;
    padding-top: 50px;
    padding-bottom: 30px;
    font-weight: normal;
    text-align: center;
}

.homeMoreCheck {
    display: block;
    max-width: 150px;
    margin: 0 auto;
    color: #0990ee;
    font-size: 14px;
    text-align: center;
    margin-top: 30px;
}

.homeMoreCheck:hover i {
    transform: translateX(5px);
}

.homeMoreCheck i {
    font-size: 12px;
    display: inline-block;
    margin-left: 2px;
    width: 12px;
    height: 7px;
    transition: all 0.2s;
}

/*品牌动态 Area*/
.Activity {
    width: 100%;
    position: relative;
    float: left;
    display: block;
    clear: both;
}

.Activity .hd {
    height: 0;
    background: #f4f4f4;
    padding: 0 10px;
}

.Activity .hd .prev,
.Activity .hd .next {
    display: block;
    width: 24px;
    height: 40px;
    float: right;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: 30%;
    z-index: 999;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.Activity .hd .prev {
    left: 0;
    background: url('../images/activ_prev.png') no-repeat center;
}

.Activity .hd .next {
    right: 0;
    background: url('../images/activ_next.png') no-repeat center;
}

.Activity .hd .prev:hover {
    background: rgba(0, 0, 0, 0.5) url('../images/activ_prev.png') no-repeat center;
    filter: alpha(opacity=100);
    opacity: 1;
}

.Activity .hd .next:hover {
    background: rgba(0, 0, 0, 0.5) url('../images/activ_next.png') no-repeat center;
    filter: alpha(opacity=100);
    opacity: 1;
}

.Activity .bd {
    padding: 0;
}

.Activity .bd .tempWrap {
    height: 270px;
    padding-left: 12px;
    margin-left: -12px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.Activity .bd ul {
    zoom: 1;
    overflow: initial !important;
}

.Activity .bd ul li {
    margin-right: 12px;
    float: left;
    display: block;
    overflow: hidden;
    background: #fff;
    text-align: center;
    width: 291px;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.3);
}

.Activity .bd ul li:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.Activity .bd ul li .picBox {
    width: 291px;
    height: 200px;
    float: left;
    position: relative;
    overflow: hidden;
}

.Activity .bd ul li .picBox img {
    width: 291px;
    height: 200px;
    display: block;
    float: left;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
}

.Activity .bd ul li .picBox:hover img,
.Activity .bd ul li .picBox:focus img,
.Activity .bd ul li .picBox:active img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.Activity .bd ul li .picBox em {
    width: 291px;
    height: 200px;
    display: block;
    background: rgba(0, 0, 0, 0.3);
    z-index: 99;
    position: absolute;
    left: 0;
    top: 0;
}

.Activity .bd ul li:hover .picBox em {
    display: none;
}

.Activity .bd ul li .tit {
    width: 259px;
    border-top: none;
    float: left;
    padding: 15px;
    text-align: left;
    color: #424242;
    font-size: 16px;
}

.Activity .bd ul li .tit p {
    overflow: hidden;
    height: 20px;
    font-size: 16px;
    text-align: center;
    display: block;
}

.Activity .bd ul li .tit p.text {
    color: #858585;
    font-size: 14px;
    height: inherit;
    margin-top: 5px;
}

.Activity .bd ul li .tit em {
    font-size: 14px;
    float: right;
    font-style: normal;
    color: #858585;
}

.Activity .bd ul li .tit em:hover {
    color: #009be5;
}

/*产品专题*/
.ProList {
    width: 100%;
    display: block;
    height: 535px;
    background-color: #fff;
    overflow: hidden;
}

.ProList h3 {
    display: block;
    margin-top: 60px;
    padding-bottom: 30px;
    line-height: 45px;
    font-size: 32px;
    text-align: center;
    font-weight: normal;
}

.ProList .card {
    display: flex;
}

.ProList ul li a {
    display: block;
    width: 303px;
    height: 340px;
    margin-right: 20px;
    box-shadow: 0px 2px 4px 0px rgba(178, 178, 178, 0.2);
    border: 1px solid #e5e8ec;
    position: relative;
}

.ProList ul li a:hover {
    color: #282828;
    background: linear-gradient(153deg, #e3eeff 0%, #f6f8ff 38%, #f2e9fd 100%);
}

.ProList ul li a:hover .btnFooter {
    background: linear-gradient(270deg, #fd544d 0%, #ee2a4a 100%);
    color: #fff;
}

.ProList ul li:last-of-type a {
    margin-right: 0px;
}

.ProList li .contentCon {
    padding: 22px 20px;
}

.ProList li .contentCon .cardName {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    padding-bottom: 6px;
}

.ProList li .contentCon .noti {
    font-size: 12px;
    color: #999999;
    line-height: 17px;
}

.ProList li .contentCon .attr {
    display: block;
    padding: 25px 0px 11px;
    border-bottom: 1px solid #e2e3e4;
    margin-bottom: 23px;
}

.ProList li .contentCon .attr li {
    display: flex;
    font-size: 14px;
    padding-bottom: 14px;
}

.ProList li .contentCon .attr li .name {
    color: #666666;
    margin-right: 15px;
}

.ProList li .contentCon {
    font-size: 14px;
}

.ProList li .contentCon .amountNum {
    color: #ee2a4a;
    font-size: 24px;
    margin-left: 5px;
}

.ProList li .btnFooter {
    height: 50px;
    background: #ffffff;
    box-shadow: 0px -3px 5px 0px rgba(226, 227, 228, 0.3);
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #ee2a4a;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.ProList li .floatLabel {
    position: absolute;
    right: 0;
    top: 0;
}

.ProList li .floatLabel img {
    width: 70px;
    height: 70px;
}

.ProList li .floatLabel span {
    font-size: 12px;
    color: #fff;
    position: absolute;
    right: 8px;
    top: 18px;
    transform: rotate(45deg);
}

.ProList li:nth-of-type(4) .floatLabel span {
    right: 2px;
    top: 18px;
}

/*Mobile zone*/
.Home-title {
    width: 100%;
    display: block;
    float: left;
    margin: 35px 0 15px 0;
    height: 20px;
    line-height: 20px;
}

.Home-title h3 {
    float: left;
    font-size: 22px;
    font-weight: normal;
}

.Home-title span {
    float: right;
}

.Home-title span i {
    background: url('../images/more.png') no-repeat;
    width: 17px;
    height: 17px;
    display: inline-table;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -3px;
}

/* 靓号商店 */
.numberStore {
    background-image: url(../images/number_store_bg.jpg);
    background-repeat: no-repeat;
    background-size: auto 768px;
    background-position: center bottom;
    height: 768px;
    width: 100%;
}

.numberStore .numberTypeTab {
    height: 54px;
    background: linear-gradient(180deg, #f2f5f7 0%, #ffffff 100%);
    box-shadow: 6px 8px 20px 0px rgba(55, 100, 170, 0.08);
    border-radius: 27px;
    border: 2px solid #ffffff;
    display: flex;
    align-items: center;
    padding: 0 9px;
    justify-content: space-between;
    position: relative;
}

.numberStore .numberTypeTab .item {
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    text-align: center;
    border-radius: 18px;
    cursor: pointer;
    user-select: none;
    z-index: 2;
    transition: all 0.2s;
}

.numberStore .numberTypeTab .item.selected {
    /* background: #0990ee; */
    color: #fff;
}

.numberStore .numberTypeTab .selectbBg {
    position: absolute;
    z-index: 1;
    border-radius: 18px;
    width: 120px;
    height: 36px;
    background: #0990ee;
    color: #fff;
    left: 9px;
}

.numberStore .numberContent {
    margin-top: 30px;
    width: 100%;
    height: 459px;
    background: #ffffff;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08);
    display: flex;
}

.numberStore .numberContent .leftImgCon {
    width: 280px;
    position: relative;
}

.numberStore .numberContent .leftImgCon img {
    width: 100%;
    height: 100%;
}

.numberStore .numberContent .leftImgCon .desc {
    font-size: 16px;
    color: #064375;
    line-height: 22px;
    position: absolute;
    left: 30px;
    top: 50px;
}

.numberStore .numberContent .leftImgCon .desc .line {
    padding-bottom: 16px;
    position: relative;
    padding-left: 23px;
}

.numberStore .numberContent .leftImgCon .desc .line i {
    font-size: 15px;
    color: #ee2a4a;
    margin-right: 8px;
    position: absolute;
    left: 0;
    top: 1px;
}

.numberStore .numberContent ul {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    background-color: #e2e3e4;
    grid-gap: 1px 1px;
}

.numberStore .numberContent ul li .change {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0990ee;
    font-size: 18px;
}

.numberStore .numberContent ul li .change i {
    font-size: 20px;
    margin-right: 13px;
}

.numberStore .numberContent ul li .change::before {
    content: '';
    width: 20px;
    height: 20px;
}

.numberStore .numberContent ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.numberStore .numberContent ul li a .left {
    font-size: 23px;
    /* font-weight: bold; */
    line-height: 36px;
    padding-left: 35px;
    padding-top: 25px;
}

.numberStore .numberContent ul li a .left .noti {
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    font-weight: normal;
    margin-top: 7px;
}

.numberStore .numberContent ul li a .right {
    padding-top: 29px;
    padding-right: 35px;
}

.numberStore .numberContent ul li a .right .amount {
    font-size: 15px;
    text-align: right;
}

.numberStore .numberContent ul li a .right .val {
    font-size: 23px;
}

.numberStore .numberContent ul li a .right .prettyType {
    margin-top: 7px;
    border: 1px solid #ee2a4a;
    color: #ee2a4a;
    width: 60px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.numberStore .numberContent ul li a:hover {
    color: #282828;
}

.numberStore .numberContent ul li {
    background-color: #fff;
    cursor: pointer;
    transition: all 0.2s;
}

.numberStore .numberContent ul li:hover {
    z-index: 2;
    box-sizing: border-box;
    /* -webkit-box-shadow: 0 8px 20px rgb(0 0 0 / 10%);
    box-shadow: 0 8px 20px rgb(0 0 0 / 10%); */
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
}

/* 智能硬件 */
.itHardware {
    height: 635px;
}

.itHardware .itContent {
    display: flex;
    box-shadow: 0px 2px 4px 0px rgba(178, 178, 178, 0.2);
    border: 1px solid #e5e8ec;
}

.itHardware .itContent .imgHead {
    position: relative;
    width: 280px;
}

.itHardware .itContent .imgHead img {
    width: 100%;
    height: 100%;
}

.itHardware .itContent .imgHead .title {
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0px;
    top: 0px;
    padding-top: 70px;
    font-size: 20px;
    font-weight: bold;
}

.itHardware .itContent .imgHead .title .desc {
    font-size: 16px;
    font-weight: normal;
    margin-top: 16px;
}

.itHardware .itContent ul {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    background-color: #e2e3e4;
    grid-gap: 1px 1px;
}

.itHardware .itContent ul li {
    background-color: #fff;
    cursor: pointer;
    font-size: 18px;
    /* font-weight: bold; */
    text-align: center;
    line-height: 24px;
    position: relative;
    transition: all 0.2s;
}

.itHardware .itContent li a:hover {
    color: #282828;
}

.itHardware .itContent ul li:hover {
    z-index: 2;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
}

.itHardware .itContent ul li img {
    width: 230px;
    height: 170px;
    display: block;
    margin: 0 auto;
    margin-top: 39px;
}

.itHardware .itContent ul li .name {
    margin-top: 27px;
    font-size: 16px;
}

.itHardware .itContent ul li .amountCon {
    font-size: 16px;
    margin-top: 24px;
}

.itHardware .itContent ul li .amountCon .val {
    font-size: 22px;
}

.itHardware .itContent ul li .beforeAmount {
    font-size: 16px;
    font-weight: normal;
    color: #999999;
    text-decoration: line-through;
    margin-top: 5px;
}

.itHardware .itContent ul li .descList {
    position: absolute;
    left: 38px;
    top: 68px;
    display: flex;
    flex-direction: column;
}

.itHardware .itContent ul li .descList span {
    display: block;
    width: 110px;
    height: 23px;
    border-radius: 12px;
    background: #ee2a4a;
    color: #fff;
    line-height: 23px;
    font-size: 12px;
    font-weight: normal;
    transform: scale(0.667);
    transform-origin: center;
    white-space: nowrap;
}

.itHardware .itContent ul li .descList > div:not(:first-child) {
    margin-top: 9px;
}

/* 品牌动态 */
.brandDynamics {
    height: 645px;
    user-select: none;
}

.brandDynamics ul {
    display: flex;
    justify-content: space-between;
}

.brandDynamics li {
    box-sizing: border-box;
    width: 313px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e8ec;
    padding: 0px;
    transition: all 0.2s;
    cursor: pointer;
    position: relative;
}

.brandDynamics li > a {
    padding: 30px 29px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
}

.brandDynamics li:hover {
    box-shadow: 0 8px 20px rgb(0 0 0 / 10%);
}

.brandDynamics li:hover .title {
    color: #282828;
}

.brandDynamics li:hover .homeMoreCheck {
    color: #0990ee;
}

.brandDynamics li:hover .homeMoreCheck i {
    transform: translateX(5px);
}

.brandDynamics li .type {
    width: 50px;
    height: 22px;
    background: #ee2a4a;
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    text-align: center;
}

.brandDynamics li .type.notice {
    background-color: #3b4658;
}

.brandDynamics li .title {
    width: 260px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 22px;
}

.brandDynamics li p {
    font-size: 14px;
    color: #666666;
    line-height: 25px;
    margin-top: 30px;
}

.brandDynamics li .homeMoreCheck {
    text-align: left;
    font-size: 14px;
    margin: 0px;
    margin-top: 39px;
    position: absolute;
    color: #666666;
    left: 30px;
    bottom: 44px;
}

.brandDynamics li .homeMoreCheck:hover {
    color: #0990ee;
}

.brandDynamics li.first {
    padding: 0px;
    width: 280px;
    height: 100%;
    position: relative;
}

.brandDynamics li.first img {
    width: 100%;
    height: 100%;
}

.brandDynamics li.first .descCon {
    position: absolute;
    margin-top: 70px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    width: 100%;
    left: 0;
    top: 0;
}

.brandDynamics li.first .desc {
    font-size: 16px;
    margin-top: 16px;
}

/* 商务合作 */
.business {
    height: 485px;
    background: url(../images/cooperate_bg.jpg) no-repeat;
    background-position: center bottom;
    background-size: auto 100%;
}

.business .businessContent {
    box-sizing: border-box;
    height: 310px;
    background-color: #fff;
    padding: 40px 0 30px;
    display: flex;
}

.business .inputCon {
    width: 920px;
    padding: 0 30px;
}

.business .inputCon .inputLine {
    display: flex;
}

.business .inputCon .inputLine input:not(:first-child) {
    margin-left: 10px;
}

.business .inputCon input::-webkit-input-placeholder,
.business .inputCon textarea::-webkit-input-placeholder {
    color: #b2b2b2;
}

.business .inputCon input {
    margin: 0;
    box-sizing: border-box;
    width: 300px;
    border: 1px solid #e2e3e4;
    height: 50px;
    font-size: 14px;
    border-radius: 2px;
    display: block;
    padding-left: 15px;
}

.business .inputCon textarea {
    margin: 0;
    padding-top: 15px;
    box-sizing: border-box;
    border: 1px solid #e2e3e4;
    font-size: 14px;
    border-radius: 2px;
    width: 920px;
    height: 100px;
    padding: 15px;
    line-height: 1em;
}

.business .inputCon textarea {
    margin-top: 25px;
}

.business .businessSubmit {
    display: block;
    width: 140px;
    height: 40px;
    background: #0990ee;
    box-shadow: 0px 1px 1px 0px rgba(226, 227, 228, 0.5);
    border-radius: 2px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    margin-top: 25px;
}

.business .businessSubmit:active {
    background: #0486e4;
    box-shadow: 0px 1px 1px 0px rgba(226, 227, 228, 0.5);
}

.business .businessSubmit:hover {
    background: #0882e0;
}

.business .qrCodeCon {
    height: 230px;
    flex: 1;
    border-left: 1px solid #e2e3e4;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #666;
    font-size: 14px;
}

.business .qrCodeCon img {
    width: 180px;
    height: 180px;
    margin-bottom: 20px;
}

/* 自定义下拉框 */
.cus-select {
    box-sizing: border-box;
    position: relative;
}

.cus-select select {
    display: none;
}

.cus-select:after {
    content: '';
    display: block;
    position: absolute;
    top: 45%;
    right: 15px;
    transform: translateY(-35%) rotate(45deg);
    width: 8px;
    height: 8px;
    border: 1px solid #bdc1cf;
    border-left: 0px;
    border-top: 0px;
    z-index: 9999;
    /*  */
    pointer-events: none;
}

.cus-select ul {
    display: none;
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    left: 0;
    background: #ffffff;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    border: 1px solid #e2e3e4;
    margin-top: 4px;
    padding: 4px 0;
}

.cus-select input:focus + ul {
    display: block;
}

.cus-select ul li {
    box-sizing: border-box;
    width: 100%;
    height: 38px;
    line-height: 38px;
    padding-left: 15px;
    font-size: 14px;
    cursor: pointer;
}

.cus-select ul li.selected {
    background-color: #e8f2ff;
}

.cus-select ul li:hover {
    background-color: #e8f2ff;
}

/* 物联网解决方案 */
.resolveContainer {
    width: 100%;
    height: 615px;
    background: linear-gradient(180deg, #3b4658 0%, #48556a 100%);
    overflow-x: hidden;
}

.resolveContainer h3 {
    color: #fff;
}

.resolveContainer .homeMoreCheck {
    color: #fff;
}

.resolveContainer .tabCon {
    box-sizing: border-box;
    position: relative;
    height: 54px;
    width: 1280px;
    border-radius: 27px;
    border: 2px solid #48556a;
    display: flex;
    align-items: center;
    padding: 0 9px;
    justify-content: space-between;
    margin: 0 auto;
    background: linear-gradient(180deg, #3b4658 0%, #48556a 100%);
    box-shadow: 6px 8px 20px 0px rgba(55, 100, 170, 0.08);
    color: #e2e3e4;
}

.resolveContainer .tabOuterCon {
    position: relative;
}

.resolveContainer .tabOuterCon .bgBar {
    content: '';
    display: block;
    z-index: 1;
    width: 120px;
    height: 36px;
    background: #0990ee;
    border-radius: 18px;
    position: absolute;
    left: 239px;
    top: 9px;
}

.resolveContainer .tabCon li {
    z-index: 2;
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    text-align: center;
    border-radius: 18px;
    cursor: pointer;
    user-select: none;
}

/* .resolveContainer .tabCon li.selected {
    background: #0990ee;
    color: #fff;
} */

.resolveContainer .slideCon {
    margin-top: 40px;
    position: relative;
    height: 286px;
}

.resolveContainer .slideCon .actionIcon {
    font-size: 12px;
    line-height: 54px;
    text-align: center;
    position: absolute;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    background: #ffffff;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1), 0px 1px 6px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: all 0.2s;
}

.resolveContainer .slideCon .actionIcon:hover {
    color: #0990ee;
}

.resolveContainer .slideCon .leftIcon {
    left: 201px;
    top: 115px;
    transform: rotate(180deg);
    cursor: pointer;
}

.resolveContainer .slideCon .rightIcon {
    right: 201px;
    top: 115px;
    cursor: pointer;
}

.resolveContainer .slideCon ul {
    list-style: none;
    position: absolute;
    left: -172px;
    display: flex;
}

.resolveContainer .slideCon li {
    position: relative;
    display: inline-block;
}

.resolveContainer .slideCon li.active {
    width: 400px;
}

.resolveContainer .slideCon li.active.banner-active {
    width: 695px;
    margin-right: 50px;
}

.resolveContainer .slideCon li:not(:last-child) {
    margin-right: 80px;
}

.resolveContainer .slideCon .bg {
    width: 400px;
    height: 286px;
    background: #ffffff url(../images/wlw_01.png) no-repeat;
    background-size: 150px 161px;
    background-position: 0px -4px;
}

.resolveContainer .slideCon li:nth-of-type(1) .bg {
    background: #ffffff url(../images/wlw_01.png) no-repeat;
    background-size: 150px 161px;
    background-position: 0px -4px;
}

.resolveContainer .slideCon li:nth-of-type(2) .bg {
    background: #ffffff url(../images/wlw_02.png) no-repeat;
    background-size: 150px 161px;
    background-position: 0px -4px;
}

.resolveContainer .slideCon li:nth-of-type(3) .bg {
    background: #ffffff url(../images/wlw_03.png) no-repeat;
    background-size: 150px 161px;
    background-position: 0px -4px;
}

.resolveContainer .slideCon li:nth-of-type(4) .bg {
    background: #ffffff url(../images/wlw_04.png) no-repeat;
    background-size: 150px 161px;
    background-position: 0px -4px;
}

.resolveContainer .slideCon li:nth-of-type(5) .bg {
    background: #ffffff url(../images/wlw_05.png) no-repeat;
    background-size: 150px 161px;
    background-position: 0px -4px;
}

.resolveContainer .slideCon li:nth-of-type(6) .bg {
    background: #ffffff url(../images/wlw_06.png) no-repeat;
    background-size: 150px 161px;
    background-position: 0px -4px;
}

.resolveContainer .slideCon .bg .name {
    width: 150px;
    font-size: 28px;
    color: #282828;
    line-height: 40px;
    margin-top: 56px;
    /* text-align: center; */
    margin-left: 25px;
    white-space: nowrap;
}

.resolveContainer .slideCon .bg .desc {
    width: 230px;
    margin-left: 25px;
    margin-top: 45px;
    font-size: 14px;
    color: #666666;
    line-height: 25px;
}

.resolveContainer .slideCon .bg .knowMore a {
    font-size: 14px;
    color: #0990ee;
    text-align: left;
    margin-left: 25px;
}

.resolveContainer .slideCon img {
    width: 380px;
    height: 266px;
    position: absolute;
    right: 10px;
    top: 10px;
}

/*首页靓号商店*/
.Mobile_zone {
    width: 100%;
    display: block;
    float: left;
}

.Mobile_zone .l-cont {
    width: 291px;
    display: block;
    float: left;
    height: 290px;
    margin-right: 12px;
    background: #fff;
    padding: 15px 0;
    text-align: center;
}

.Mobile_zone .l-cont p {
    color: #424242;
    font-size: 15px;
}

.Mobile_zone .r-cont {
    width: 897px;
    float: left;
    background: #fff;
    height: 300px;
    padding-top: 20px;
}

.Mobile_zone .r-cont ul {
    display: inline-block;
    clear: both;
}

.Mobile_zone .r-cont ul li {
    width: 299px;
    float: left;
    text-align: center;
    font-size: 20px;
    padding: 15px 0;
}

.Mobile_zone .r-cont ul li span {
    display: inline-table;
    vertical-align: middle;
}

.Mobile_zone .r-cont ul li i {
    display: inline-table;
    vertical-align: middle;
    border: 1px solid #e5273c;
    color: #e5273c;
    font-size: 15px;
    border-radius: 2px;
    padding: 3px 10px;
    font-style: normal;
    margin-left: 10px;
}

.Mobile_zone .r-cont ul li a {
    color: #424242;
}

.Mobile_zone .r-cont .Refresh {
    display: block;
    clear: both;
    border-top: 1px solid #e5e5e5;
    height: 48px;
    margin-top: 10px;
}

.Mobile_zone .r-cont .Refresh a {
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 48px;
    line-height: 48px;
    padding-left: 30px;
    color: #009be5;
    font-size: 18px;
    background: url('../images/Refresh-blue.png') no-repeat left center;
}

.Mobile_zone .r-cont2 {
    width: 897px;
    float: left;
    background: #fff;
    height: 300px;
    padding-top: 20px;
}

.Mobile_zone .r-cont2 ul li {
    width: 298px;
    float: left;
    text-align: center;
    margin-top: 40px;
    font-size: 16px;
    border-right: 1px solid #e5e5e5;
    cursor: pointer;
}

.Mobile_zone .r-cont2 ul li img {
    width: 240px;
    height: 140px;
    margin-bottom: 10px;
}

.Mobile_zone .r-cont2 ul li a {
    color: #424242;
    display: block;
}

.Mobile_zone .r-cont2 ul li p.price {
    color: #e5273c;
    font-weight: bold;
    margin-top: 10px;
}

.Mobile_zone .r-cont2 ul li:last-child {
    border: none;
}

/*Home Product*/
.moreProduct {
    width: 1200px;
    display: block;
    float: left;
}

.moreProduct ul {
    width: 1212px;
}

.moreProduct ul li {
    width: 291px;
    height: 291px;
    float: left;
    display: block;
    background: #fff;
    margin-right: 12px;
    position: relative;
}

.moreProduct ul li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.moreProduct ul li .open {
    width: 291px;
    height: 181px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    padding-top: 110px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.moreProduct ul li .centerBox {
    display: inline-table;
    vertical-align: middle;
}

.moreProduct ul li .open h3 {
    font-size: 20px;
    padding-bottom: 20px;
}

.moreProduct ul li .open hr {
    width: 220px;
    height: 1px;
    border: none;
    background: #fff;
    opacity: 0.4;
    filter: alpha(opacity=40);
    margin-bottom: 20px;
}

.moreProduct ul li .open p {
    font-size: 16px;
}

.moreProduct ul li .hoverBox {
    width: 291px;
    height: 291px;
    position: absolute;
    left: 0;
    top: 0;
    /*display:flex;*/
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    cursor: pointer;
    display: none;
}

.moreProduct ul li .hoverBox dd {
    width: 200px;
    height: 56px;
    border: 1px solid #fff;
    border-radius: 28px;
    margin-top: 10px;
}

.moreProduct ul li .hoverBox h3 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 12px;
}

.moreProduct ul li .hoverBox dd h4 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 16px;
}

.moreProduct ul li .hoverBox dd h4 p {
    font-size: 13px;
}

.moreProduct ul li:hover .open {
    -webkit-animation: moreProducthover2 0.5s linear;
    animation: moreProducthover2 0.5s linear;
    display: none;
}

.moreProduct ul li:hover .hoverBox {
    display: block;
    -webkit-animation: moreProducthover 0.5s linear;
    animation: moreProducthover 0.5s linear;
    padding-top: 30px;
}

@-webkit-keyframes moreProducthover {
    from {
        opacity: 0.1;
    }

    50% {
        opacity: 0.5;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes moreProducthover2 {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    to {
        opacity: 0;
    }
}

.login-tab {
    width: 261px;
    float: right;
    height: 390px;
    background: #fff;
    padding: 0 15px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.login-tab .hd {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #d6d6d6;
    position: relative;
    margin-top: 32px;
}

.login-tab .hd ul {
    float: left;
    height: 32px;
    width: 100%;
    position: absolute;
    top: -1px;
}

.login-tab .hd ul li {
    float: left;
    cursor: pointer;
    width: 40%;
    margin: 0 5%;
    text-align: center;
    font-size: 14px;
}

.login-tab .hd ul li.on {
    height: 30px;
    color: #009be5;
    border-bottom: 2px solid #009be5;
}

.login-tab .bd ul {
    /*padding:15px;*/
    zoom: 1;
}

.login {
    width: 100%;
    display: block;
    clear: both;
}

.login .warning {
    position: absolute;
    left: 15px;
    top: 59px;
    width: 232px;
    display: block;
}

.login .error {
    height: 24px;
    line-height: 22px;
    text-indent: 25px;
    padding: 0;
    position: absolute;
    left: 15px;
    top: 58px;
    width: 260px;
    display: none;
}

.login h3 {
    font-size: 16px;
    font-weight: normal;
    margin-top: 24px;
    text-align: center;
}

.login ul {
    display: block;
    padding: 24px 0 5px 0;
}

.login ul li {
    display: block;
    margin-bottom: 20px;
    width: 100%;
    float: left;
    position: relative;
}

.login ul li .input-box {
    width: 259px;
    display: block;
    text-indent: 40px;
    height: 38px;
    font-size: 14px;
    background: none;
}

.login ul li .code-input {
    width: 159px;
    float: left;
}

.login .login-set {
    width: 100%;
    display: block;
    margin-bottom: 16px;
    float: left;
    font-size: 12px;
}

.login .login-set .l {
    float: left;
}

.login .login-set .r {
    float: right;
}

.login .login-set label {
    cursor: pointer;
}

.login .login-set a {
    color: #009be5;
}

.login .btnBox {
    width: 100%;
    float: left;
}

.login .btnBox .btn {
    border-radius: 1px;
}

.login .forget-password {
    width: 100%;
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    margin-top: 5px;
}

.login .forget-password hr {
    border: none;
    width: 100%;
    height: 1px;
    background: #eee;
    position: absolute;
    top: 50%;
}

.login .forget-password a {
    color: #009be5;
    background: #fff;
    position: relative;
    z-index: 9999;
    padding: 0 10px;
    font-size: 14px;
}

.login .codeBox {
    width: 90px;
    height: 38px;
    float: right;
    border: 1px solid #e6e6e6;
}

.login .codeBox img {
    width: 90px;
    height: 38px;
}

.login input[type='checkbox'] {
    margin-right: 5px;
}

.login .icon-1 {
    background: url('../images/login_icon1.png') no-repeat 0 center;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 13px;
    top: 10px;
    z-index: 99;
}

.login .icon-2 {
    background: url('../images/login_icon2.png') no-repeat 0 center;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 13px;
    top: 10px;
    z-index: 99;
}

.login .icon-3 {
    background: url('../images/login_icon3.png') no-repeat 0 center;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 13px;
    top: 10px;
    z-index: 99;
}

.login .icon-4 {
    background: url('../images/login_icon4.png') no-repeat 0 center;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 13px;
    top: 10px;
    z-index: 99;
}

.login ul li .warning {
    width: 260px;
    height: 24px;
    line-height: 22px;
    display: none;
}

.login ul li .warning,
.login ul li .error {
    top: 39px;
    border: 0;
    background-color: transparent;
    left: 0;
    background-position: left center;
    text-indent: 20px;
    padding: 0;
}

/*forget password*/
.forget {
    display: block;
    float: left;
    background: #fff;
    width: 100%;
    padding: 30px 0 40px 0;
}

.forget .titbox {
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-indent: 24px;
}

.forget-tab {
    width: 912px;
    height: 50px;
    margin: 0 auto;
}

.forget-tab ul li {
    width: 228px;
    height: 50px;
    float: left;
    position: relative;
    text-align: center;
}

.forget-tab ul li hr {
    width: 100%;
    height: 3px;
    background: #e6e6e6;
    border: none;
    position: absolute;
    left: 0;
    top: 13px;
}

.forget-tab ul li .tit {
    position: relative;
}

.forget-tab ul li .tit i {
    width: 29px;
    height: 29px;
    background: url('../images/tips_nor.png') no-repeat center;
    display: inline-table;
    line-height: 29px;
    font-style: normal;
    margin-bottom: 8px;
    color: #fff;
}

.forget-tab ul li .tit p {
    color: #969696;
}

.forget-tab ul li.active hr {
    background: #ff992d;
}

.forget-tab ul li.active i {
    background: url('../images/tips_sel.png') no-repeat;
}

.forget-tab ul li.active p {
    color: #424242;
}

.forget-cont {
    position: relative;
}

.forget-cont.cont1 {
    margin: 50px auto 0 auto;
    width: 388px;
}

.forget-cont.cont2 {
    margin: 50px auto 0 auto;
    width: 510px;
}

.forget-cont.cont3 {
    margin: 50px auto 0 auto;
    width: 420px;
}

.forget-cont.cont4 {
    margin: 50px auto 0 auto;
    width: 380px;
}

.forget-cont.cont1 .error,
.forget-cont.cont3 .error {
    display: none;
    width: 298px;
    position: absolute;
    left: 88px;
    top: -40px;
    padding: 3px 0;
    text-indent: 25px;
}

.forget-cont ul {
    width: 100%;
    display: block;
}

.forget-cont ul li {
    width: 100%;
    float: left;
}

.forget-cont .title {
    float: left;
    width: 78px;
    text-align: right;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
}

.forget-cont .inputcont {
    float: left;
    width: 300px;
    margin-bottom: 16px;
}

.forget-cont .inputcont .input-box {
    display: block;
    height: 38px;
    width: 298px;
    float: left;
    font-size: 13px;
}

.forget-cont .inputcont .input-box.code-input {
    width: 198px;
}

.forget-cont .codeBox {
    width: 90px;
    height: 38px;
    float: right;
    border: 1px solid #e6e6e6;
}

.forget-cont .codeBox img {
    width: 90px;
    height: 38px;
}

.forget-cont .btn-cont {
    display: inline-block;
    padding-left: 88px;
    margin-top: 8px;
}

.forget-cont.cont2 .btn-cont {
    display: inline-block;
    margin-top: 30px;
}

.forget-cont.cont2 .codeInfo {
    display: block;
    padding-left: 25px;
    line-height: 24px;
    margin-bottom: 16px;
}

.forget-cont.cont2 .Remarks {
    display: block;
    color: #969696;
    padding-left: 25px;
    float: left;
}

.forget-cont.cont2 .input-box.code-input {
    width: 158px;
}

.forget-cont.cont2 .codeBtn {
    display: inline-table;
    vertical-align: top;
}

.forget-cont.cont2 .passwordCode {
    width: 98px;
    height: 40px;
    border: 1px solid #d6d6d6;
    background: #f2f2f2;
    margin-left: 12px;
    cursor: pointer;
}

.forget-cont.cont2 .error {
    width: 268px;
    display: none;
    padding: 3px 0;
    text-indent: 25px;
    margin-bottom: 10px;
    margin-left: 88px;
}

.forget-cont.cont3 .Tips {
    margin-top: 32px;
    margin-bottom: 0;
}

.forget-cont.cont4 .ok-password {
    display: block;
    background: url('../images/success.png') no-repeat left top;
    padding-left: 90px;
    padding-bottom: 40px;
    margin-top: 30px;
    float: left;
}

.forget-cont.cont4 .ok-password h2 {
    font-size: 20px;
    font-weight: normal;
}

.forget-cont.cont4 .ok-password p {
    color: #969696;
    margin-top: 10px;
}

.forget-cont.cont4 .Order-failure {
    height: 150px;
    display: block;
    background: url('../images/failure.png') no-repeat left top;
    padding-left: 90px;
}

.forget-cont.cont4 .ok-password h2,
.forget-cont.cont4 .Order-failure h2 {
    font-size: 20px;
    font-weight: normal;
}

.forget-cont.cont4 .ok-password p,
.forget-cont.cont4 .Order-failure p {
    color: #969696;
    margin-top: 10px;
}

.forget-cont.cont4 .ok-password p a {
    color: #009be5;
}

.forget-cont.cont4 .ok-password.ok-stime {
    background: url('../images/stime.png') no-repeat left top;
}

.forget-cont.cont4 .ok-password.ok-warning {
    background: url('../images/warning.png') no-repeat left top;
}

.forget-cont.cont4 .Order-failure p.reason {
    line-height: 24px;
}

.forget-cont.cont4 .Order-failure p.reason span {
    color: #424242;
}

.forget-cont.cont4 .link {
    display: block;
    color: #969696;
}

.forget-cont.cont4 .link a {
    color: #009be5;
}

/*user left menu*/
.leftBox {
    float: left;
    width: 220px;
    background: #fff;
    border: 1px solid #fff;
}

.left_user {
    display: block;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    padding: 20px 0;
    position: relative;
}

.left_user .user_pic {
    display: block;
}

.left_user .user_pic img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
}

.left_user .user_Phone {
    font-size: 20px;
    margin: 8px 0;
}

.left_user .user_status {
    background: #72bb38;
    color: #fff;
    width: 66px;
    height: 22px;
    line-height: 22px;
    border-radius: 30px;
    position: absolute;
    right: 25px;
    top: 20px;
    font-size: 12px;
}

.left_user .user_operating {
    font-size: 14px;
}

.left_user .user_operating a {
    color: #009be5;
}

.left_menu {
    width: 100%;
    display: block;
}

.left_menu ul li {
    display: block;
}

.left_menu ul li h3 {
    background: #eee;
    font-size: 15px;
    text-indent: 40px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: relative;
}

.left_menu ul li h3 em {
    width: 13px;
    height: 50px;
    display: block;
    float: right;
    background: url('../images/minus.png') no-repeat center;
    position: absolute;
    right: 20px;
    top: 0;
}

.left_menu ul li h3:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top: 5px solid #eee;
    margin-left: 40px;
}

.left_menu ul li.active h3 em {
    background: url('../images/plus.png') no-repeat center;
}

.left_menu ul li.active h3:after {
    display: none;
}

.left_menu dl {
    display: block;
    padding: 10px 0;
}

.left_menu ul li.active dl {
    display: none;
}

.left_menu dl dd {
    display: block;
    text-indent: 40px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    position: relative;
}

.left_menu dl dd i.hot {
    width: 24px;
    height: 9px;
    display: inline-table;
    background: url(../images/hot.png) no-repeat;
    position: absolute;
    top: -1px;
}

.left_menu dl dd i.recommend {
    width: 37px;
    height: 20px;
    display: block;
    background: url(../images/hot.png) no-repeat;
    position: absolute;
    top: 4px;
    right: 20px;
}

.left_menu dl dd i.new {
    width: 37px;
    height: 20px;
    display: block;
    background: url(../images/new.png) no-repeat;
    position: absolute;
    top: 4px;
    right: 20px;
}

.left_menu dl dd a {
    color: #858585;
}

.left_menu dl dd a.active {
    color: #009be5;
}

.leftBox .feedback {
    display: block;
    height: 40px;
    background: url('../images/feedback-bj.png') no-repeat center;
}

.leftBox .feedback a {
    background: url('../images/feedback-icon.png') no-repeat 60px center;
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    line-height: 40px;
    text-indent: 90px;
}

/*right content*/
.rightBox {
    width: 968px;
    float: right;
}

.rightBox .user_info {
    display: block;
    width: 100%;
    float: left;
}

.rightBox .user_info .account {
    width: 240px;
    height: 180px;
    padding: 10px 20px;
    float: left;
    background: #fff;
    margin-right: 12px;
}

.rightBox .user_info .account .tit,
.rightBox .user_info .account_info .tit {
    display: block;
    border-bottom: 1px solid #eee;
    height: 36px;
    line-height: 36px;
}

.rightBox .user_info .account .tit h3,
.rightBox .user_info .account_info .tit h3 {
    font-size: 14px;
    float: left;
}

.rightBox .user_info .account .tit span {
    float: right;
    font-size: 12px;
}

.rightBox .user_info .account .tit span a {
    color: #969696;
}

.rightBox .user_info .account .money {
    text-align: center;
    font-size: 20px;
    padding: 20px 0;
}

.rightBox .user_info .account .money span {
    font-size: 30px;
}

.rightBox .user_info .account .operating {
    text-align: center;
}

.rightBox .user_info .account_info {
    width: 344px;
    height: 180px;
    background: #fff;
    padding: 10px 20px;
    float: right;
}

.rightBox .user_info .account_info .cont {
    display: block;
    padding: 15px 0;
}

.rightBox .user_info .account_info .cont li {
    height: 34px;
    line-height: 34px;
    font-size: 14px;
}

.rightBox .user_info .account_info .cont li span {
    color: #969696;
    margin-left: 15px;
}

.rightBox .user_info .account_info .cont li span {
    color: #969696;
    margin-left: 15px;
}

.rightBox .user_info .account_info .cont li b {
    margin-left: 15px;
    font-weight: bold;
}

.rightBox .user_info .account_info .cont li a {
    color: #009be5;
}

.rightBox .user_info .account_info .cont li:last-child {
    margin-top: 8px;
}

.rightBox .user_info .account_info ul li.posBox {
    position: relative;
    cursor: pointer;
}

.rightBox .user_info .account_info ul li .pos-cont {
    width: 200px;
    min-height: 50px;
    line-height: 24px;
    background: #72bb38;
    display: none;
    color: #fff;
    border-radius: 4px;
    padding: 10px 15px;
    position: absolute;
    left: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.rightBox .user_info .account_info ul li .pos-cont:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom: 8px solid #72bb38;
    position: absolute;
    left: 50px;
    top: -14px;
}

.rightBox .user_info .account_info ul li.posBox:hover .pos-cont {
    display: block;
}

.right-cont {
    width: 100%;
    float: left;
    background: #fff;
    margin-top: 12px;
}

.Not_operational {
    display: block;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 110px;
    font-size: 20px;
}

.Not_operational img {
    margin-bottom: 20px;
}

.Not_operational p.btnbox {
    margin-top: 24px;
}

.Business_content {
    display: block;
    padding: 20px 30px 30px 30px;
    width: 908px;
    float: left;
}

.Business_content .title {
    display: block;
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    width: 100%;
}

.Business_content .title h3 {
    float: left;
    font-size: 14px;
    font-weight: bold;
}

.Business_content .title span {
    font-size: 13px;
    float: right;
}

.Business_content .point {
    color: #969696;
    display: block;
    margin-bottom: 15px;
}

.Business_content .point .tit {
    color: #424242;
    margin-top: 10px;
}

.Business_content .point p {
    line-height: 24px;
}

.Business_content .point b {
    color: #424242;
}

.Business_content .Export {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 30px;
    position: relative;
}

.Package_annal {
    width: 360px;
    float: left;
    padding-right: 50px;
    border-right: 1px solid #eee;
}

.Package_annal ul li {
    width: 100%;
    display: block;
    clear: both;
}

.Package_annal ul li h4 {
    display: block;
    font-size: 13px;
    font-weight: normal;
    line-height: 30px;
}

.Package_annal ul li h4 small {
    float: right;
    font-size: 13px;
}

.Package_annal ul li dl dd {
    padding-left: 20px;
}

.Package_annal ul li h3 {
    font-size: 16px;
    font-weight: normal;
    display: block;
}

.Package_annal ul li h3 small {
    float: right;
    color: #e5273c;
    font-size: 16px;
    margin-top: 10px;
}

.Package_annal ul li.dx {
    color: #969696;
}

.Package-used {
    width: 447px;
    float: right;
    margin-top: 40px;
}

.Package-used ul li {
    height: 28px;
    display: block;
    margin-bottom: 50px;
    padding-left: 40px;
}

.Package-used ul li.icon-1 {
    background: url('../images/service_voice.png') no-repeat left center;
}

.Package-used ul li.icon-2 {
    background: url('../images/service_flow.png') no-repeat left center;
}

.Package-used ul li.icon-3 {
    background: url('../images/service_mes.png') no-repeat left center;
}

.Package-used ul li .tit {
    float: left;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
}

.Package-used ul li .r-cont {
    float: right;
    width: 350px;
    margin-top: -8px;
}

.Package-used ul li .r-cont .r-text {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 7px;
}

.Package-used ul li .r-cont .r-text .used {
    float: left;
    line-height: 21px;
}

.Package-used ul li .r-cont .r-text .over {
    float: right;
}

.Package-used ul li .r-cont .r-text .over span {
    font-size: 16px;
    color: #e5273c;
}

.Package-used ul li .r-cont .progressbar {
    margin: 0 !important;
    float: left;
}

.Package-used ul li .r-cont .progressbar .percentCount {
    display: none !important;
}

.Trendbox {
    float: left;
    margin-top: 30px;
    width: 100%;
}

.Trendbox .title {
    display: block;
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    font-weight: bold;
    margin: 0;
    border: none;
}

.Trendbox .Trend-unit {
    font-size: 13px;
    display: block;
    margin: 22px 0 22px 0;
}

.Trend {
    width: 100%;
    height: 300px;
    float: left;
}

.Tips {
    display: block;
    width: 100%;
    float: left;
    /*margin-bottom: 40px;*/
}

.Tips .title {
    border: none;
    background: url('../images/tips_icon.png') no-repeat left center;
    text-indent: 20px;
    margin: 0;
    font-weight: bold;
    text-align: left;
    width: 100%;
    float: left;
}

.Tips .cont {
    color: #969696;
    line-height: 24px;
}

/*search*/
.searchbox {
    width: 100%;
    display: block;
    /*margin-bottom: 16px;*/
    float: left;
}

.searchbox h3 {
    float: left;
    font-size: 13px;
    line-height: 40px;
}

.searchBtn {
    float: left;
    margin-left: 16px;
}

.search-tab-set {
    float: left;
}

.search-tab-set ul li {
    float: left;
    border: 1px solid #d6d6d6;
    width: 118px;
    height: 34px;
    line-height: 34px;
    margin-right: 12px;
    margin-bottom: 12px;
    cursor: pointer;
    text-align: center;
}

.search-tab-set ul li.active {
    border: 1px solid #009be5;
    color: #009be5;
    background: url('../images/selected_1.png') no-repeat right bottom;
}

.search-tab-set ul li.time {
    border: none;
    width: 140px;
}

.search-tab-set ul li.searchBtn {
    border: none;
}

.search-time {
    float: left;
}

.search-time ul li {
    float: left;
    margin-left: 10px;
}

.search-time ul li .input-box {
    width: 138px;
    height: 34px;
}

.search-tab-set1 {
    width: 830px;
}

.search-tab-set1 .searchBtn {
    margin: 0;
}

.search-tab-set1 .searchBtn span {
    margin-left: 15px;
}

.search-tab-set1 .search-time ul li {
    float: left;
    margin-left: 0 !important;
}

/*Pay*/
.PayBox {
    background: #fff;
    display: block;
    padding: 24px;
    padding-bottom: 40px;
}

.PayBox h3 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
}

.PayBox .paycont {
    background: #fafafa;
    display: block;
    border: 1px solid #eeeeee;
    height: 48px;
    margin: 16px 0 30px 0;
    line-height: 48px;
}

.PayBox .paycont span {
    margin-left: 24px;
    margin-right: 10px;
}

.PayBox .paycont span b {
    font-weight: bold;
}

.PayBox ul {
    display: block;
    width: 100%;
    padding: 30px 0;
}

.PayBox ul li {
    display: block;
    border: 1px solid #fff;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    padding: 16px 0;
}

.PayBox ul li .pay-radio {
    display: inline-table;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    background: url('../images/pay_check_nor.png') no-repeat center;
    margin-left: 24px;
}

.PayBox ul li .paymentMethod {
    display: inline-table;
    vertical-align: middle;
    margin-left: 30px;
    font-size: 16px;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    text-indent: 45px;
}

.PayBox ul li .paymentMethod.icon-1 {
    background: url('../images/payfor_1.png') no-repeat left center;
}

.PayBox ul li .paymentMethod.icon-2 {
    background: url('../images/payfor_2.png') no-repeat left center;
}

.PayBox ul li .paymentMethod.icon-3 {
    background: url('../images/payfor_3.png') no-repeat left center;
}

.PayBox ul li .paymentMethod.icon-4 {
    background: url('../images/payfor_4.png') no-repeat left center;
}

.PayBox ul li .money {
    display: none;
    float: right;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    font-weight: bold;
    margin-right: 24px;
}

.PayBox ul li .money em {
    font-style: normal;
    color: #e5273c;
    font-size: 16px;
}

.PayBox ul li.active {
    border: 1px solid #009be5;
}

.PayBox ul li.active .pay-radio {
    background: url('../images/pay_check_sel.png') no-repeat center;
}

.PayBox ul li.active .money {
    display: inline-table;
}

.PayBox .btnBox {
    text-align: center;
}

/*wechat pay*/
.wechat_pay {
    width: 100%;
    background: #e6e6e6;
    float: left;
}

.wechat_pay .left-cont {
    float: left;
    width: 852px;
    background: #fff;
    padding: 24px;
}

.wechat_pay .left-cont h3 {
    font-size: 16px;
}

.wechat_pay .left-cont .r-pic {
    float: right;
    width: 330px;
    margin-right: 76px;
}

.wechat_pay .left-cont .l-cont {
    margin-left: 176px;
    width: 200px;
    text-align: center;
    padding-top: 30px;
    float: left;
}

.wechat_pay .left-cont .l-cont .tel {
    font-size: 14px;
}

.wechat_pay .left-cont .l-cont .tit {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 3px;
}

.wechat_pay .left-cont .l-cont .price {
    color: #e5273c;
    font-size: 24px;
    font-weight: bold;
}

.wechat_pay .left-cont .l-cont .QR_code {
    width: 198px;
    height: 198px;
    border: 1px solid #eee;
    margin-top: 30px;
}

.wechat_pay .left-cont .l-cont .QR_code img {
    width: 198px;
    height: 198px;
}

.wechat_pay .left-cont .l-cont .prompt {
    width: 130px;
    height: 37px;
    padding-top: 3px;
    padding-left: 70px;
    margin-top: 13px;
    background: #ff7674 url('../images/scan.png') no-repeat 34px center;
    font-size: 12px;
    color: #fff;
    text-align: left;
}

.wechat_pay .pay_info {
    width: 300px;
    float: right;
}

.wechat_pay .pay_info h3 {
    background: #b0b0b0;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.wechat_pay .pay_info ul {
    display: block;
    padding: 40px 24px;
}

.wechat_pay .pay_info ul li {
    line-height: 30px;
    font-size: 12px;
}

.wechat_pay .pay_info ul li.tit {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

/*pay_operator*/
.pay_operator {
    display: block;
    background: #fff;
    width: 100%;
    float: left;
}

.pay_operator h3 {
    font-size: 16px;
    padding: 24px;
}

.pay_operator .l-cont {
    display: block;
    float: left;
    vertical-align: top;
    width: 344px;
    padding: 16px 40px;
}

.pay_operator .l-cont p {
    font-size: 14px;
    margin-bottom: 16px;
}

.pay_operator .l-cont em {
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    color: #e5273c;
}

.pay_operator .r-cont {
    float: left;
    width: 653px;
    padding-bottom: 40px;
}

.pay_operator .r-cont .Tips {
    margin-top: 32px;
}

.pay_operator .r-cont .error {
    display: none;
    width: 298px;
    position: absolute;
    left: 78px;
    top: -30px;
    padding: 3px 0;
    text-indent: 25px;
}

/*Order status*/
.Order-status {
    padding: 80px 0 !important;
}

.Order-status .forget-cont {
    margin-top: 0;
    width: 450px !important;
}

/*实名补录*/
.RealNameAdditional .forget-tab {
    width: 684px;
}

.RealNameAdditional .Upload_card {
    width: 908px;
    margin-left: 116px;
    margin-top: 23px;
    float: left;
    display: block;
    border: 1px solid #eee;
}

.RealNameAdditional .Upload_card ul li {
    width: 242px;
    float: left;
    height: 374px;
    border-right: 1px solid #eee;
    padding: 30px;
    position: relative;
}

.RealNameAdditional .Upload_card ul li h3 {
    font-size: 14px;
    text-align: center;
    font-weight: normal;
}

.RealNameAdditional .Upload_card ul li .upload-pic {
    width: 240px;
    height: 151px;
    border: 1px solid #d6d6d6;
    margin-bottom: 26px;
    margin-top: 28px;
    background: #f2f2f2 url('../images/addbtn.png') no-repeat center;
    cursor: pointer;
}

.RealNameAdditional .Upload_card ul li .upload-pic .preview {
    width: 240px;
    height: 142px;
}

.RealNameAdditional .Upload_card ul li .upload-pic .preview img {
    width: 240px;
    height: 151px;
}

.RealNameAdditional .Upload_card ul li .upload-pic .preview .img {
    width: 240px;
    height: 151px;
    display: block;
    float: left;
}

.RealNameAdditional .Upload_card ul li .fileIpunt {
    display: none;
}

.RealNameAdditional .Upload_card ul li .Example-pic {
    width: 242px;
    height: 153px;
    position: relative;
}

.RealNameAdditional .Upload_card ul li .Example-pic i {
    position: absolute;
    right: 3px;
    bottom: 12px;
    display: block;
    width: 16px;
    height: 16px;
    background: url('../images/fbig.png') no-repeat;
}

.RealNameAdditional .Upload_card ul li .Example-pic img {
    width: 240px;
    height: 142px;
    border: 1px solid #eee;
    cursor: pointer;
}

.RealNameAdditional .btnBox {
    display: block;
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 30px;
    position: relative;
}

.RealNameAdditional .forget-cont.cont4 {
    width: 420px;
    height: 180px;
}

.RealNameAdditional .forget-cont.cont4 .btn {
    margin-top: 23px;
}

.RealNameAdditional .cont1 ul li .title {
    border: 0;
    height: 40px;
    margin-bottom: 0;
    float: left;
    width: 78px;
}

.RealNameAdditional .cont1 ul li .inputcont {
    line-height: 40px;
}

.user-info .cont1 {
    width: 450px;
}

.user-info .cont1 ul li .title {
    width: 98px;
    margin-right: 10px;
}

.user-info .btn-cont {
    padding-left: 110px;
}

.user-info label {
    margin-right: 15px;
    cursor: pointer;
}

.user-info .error {
    left: 108px !important;
}

.user-info .Tips {
    margin-top: 50px;
}

.right-cont .RealNameAdditional .Upload_card {
    margin-left: 0;
}

.right-cont .RealNameAdditional .btnBox {
    margin-bottom: 50px;
    position: relative;
}

.Upload_card ul li .error {
    position: absolute;
    left: 30px;
    top: 50px;
    width: 219px;
    display: none;
}

/*业务内容表单*/
.right-form {
    width: 100%;
    display: block;
    float: left;
}

.right-form ul li {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 16px;
}

.right-form ul li .title {
    border: none;
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: right;
    width: 90px;
    padding-right: 10px;
    margin-bottom: 0;
}

.right-form ul li .inputcont {
    float: left;
    width: 808px;
    font-size: 14px;
    line-height: 40px;
}

.right-form ul li .inputcont .input-box {
    width: 388px;
    height: 38px;
    font-size: 14px;
}

.right-form ul li .Moneyrow {
    width: 100%;
    display: block;
}

.right-form ul li .Moneyrow ul li {
    float: left;
    margin-right: 16px;
    margin-bottom: 0;
    border: 1px solid #e0e0e0;
    width: 88px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
    color: #444;
    margin-bottom: 15px;
}

.right-form ul li .Moneyrow ul li.active {
    color: #f93e53;
    border-color: #f93e53;
    background: url('../images/selected.png') no-repeat right bottom;
}

.right-form ul li .Moneyrow1 {
    width: 400px;
    display: block;
}

.right-form ul li .Moneyrow1 ul li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #e0e0e0;
    width: 88px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
    color: #444;
}

.right-form ul li .Moneyrow1 ul li.active {
    color: #f93e53;
    border-color: #f93e53;
    background: url('../images/selected.png') no-repeat right bottom;
}

.right-form ul li .favorable {
    width: 686px;
    float: left;
    display: block;
    padding: 20px;
    border: 1px dashed #ffac36;
    background: #fff2ea;
}

.right-form ul li .favorable ul li {
    width: 148px;
    height: 38px;
    border: 1px dashed #ffac36;
    background: #fff;
    margin-right: 16px;
    line-height: 38px;
    text-align: center;
    color: #ff992d;
    cursor: pointer;
}

.right-form ul li .favorable ul li i {
    width: 14px;
    height: 14px;
    display: inline-table;
    vertical-align: middle;
    margin-right: 5px;
    background: url('../images/dis_radio_nor.png') no-repeat center;
}

.right-form ul li .favorable ul li em {
    display: inline-table;
    vertical-align: middle;
    font-style: normal;
}

.right-form ul li .favorable ul li.active {
    border: 1px solid #ffac36;
}

.right-form ul li .favorable ul li.active i {
    background: url('../images/dis_radio_sel.png') no-repeat center;
}

.right-form ul li .favorable dl dd {
    height: 14px;
    line-height: 13px;
    margin-bottom: 15px;
    color: #ffac36;
    cursor: pointer;
    font-size: 13px;
    background: url('../images/dis_radio_nor1.png') no-repeat center left;
    padding-left: 20px;
}

.right-form ul li .favorable dl dd.active {
    background: url('../images/dis_radio_sel1.png') no-repeat center left;
}

.right-form ul li .favorable dl dd:last-child {
    margin-bottom: 0;
}

.right-form ul li.DescriptionLi {
    height: inherit;
    line-height: 24px;
    margin-bottom: 0;
}

.right-form ul li.DescriptionLi .Description {
    float: left;
    width: 808px;
    font-size: 14px;
    margin-top: 8px;
    font-size: 13px;
}

.right-form ul li em.price {
    font-size: 20px;
    color: #e5273c;
    font-style: normal;
    margin-right: 10px;
}

.right-form .btnBox {
    display: block;
    padding-left: 100px;
    padding-bottom: 30px;
    padding-top: 20px;
    border-bottom: 1px solid #eee;
    clear: both;
    margin-bottom: 30px;
}

.right-form .btnBox span {
    margin-left: 15px;
}

.right-form .warning {
    border: none;
    background-color: transparent;
}

.right-form .error {
    border: none;
    background-color: transparent;
    display: none;
}

.right-form ul li .favorable .text {
    background: url('../images/icon0.png') no-repeat left center;
    text-indent: 20px;
    width: 100%;
    display: block;
    float: left;
}

.right-form ul li.price {
    line-height: 20px !important;
    height: 20px;
}

.right-form.form-conventional {
    position: relative;
}

.right-form.form-conventional .inputcont {
    width: 300px;
    float: left;
    margin-left: 5px;
}

.right-form.form-conventional .inputcont .input-box {
    width: 298px;
}

.right-form.form-conventional .btnBox {
    padding-left: 105px;
    border: none;
    padding-bottom: 0;
}

.right-form.form-conventional .error {
    border: 1px solid #f93e53;
    color: #f93e53;
    background: #fff0f0 url('../images/error.png') no-repeat 5px center;
    width: 258px;
    font-size: 12px;
    position: absolute;
    left: 105px;
    top: -35px;
}

/*表格*/
.box-tabel {
    width: 908px;
    float: left;
    display: block;
    clear: both;
    position: relative;
    border: 1px solid #e6e6e6;
    border-right: none;
    /*margin-bottom:15px;*/
}

.box-tabel.tabel-border-bottomNone {
    border-bottom: none;
}

.box-tabel table {
    width: 100%;
}

.box-tabel .tableSidebar {
    display: block;
    width: 100%;
}

/*表头 13px 内容12px*/
.tabelList {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}

.tabelList th {
    height: 40px;
    background: #f2f2f2;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    font-size: 14px;
}

.tabelList td {
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    height: 40px;
    font-size: 13px;
}

/*表头 14px 内容13px*/
.tabelList2 {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}

.tabelList2 th {
    height: 40px;
    background: #f2f2f2;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    font-size: 14px;
}

.tabelList2 td {
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    height: 44px;
    font-size: 13px;
}

.tab-page {
    display: block;
    height: 36px;
    background: #f2f2f2;
    border-right: 1px solid #e6e6e6;
}

.tab-page .page-left {
    float: left;
    line-height: 36px;
    padding-left: 10px;
}

.tab-page .page-right {
    float: right;
    padding-right: 10px;
    height: 36px;
}

.Sorting {
    display: inline-table;
    width: 7px;
    height: 10px;
    background: url('../images/sort_1.png') no-repeat;
    margin-left: 5px;
    vertical-align: middle;
}

.Sorting.dow {
    background: url('../images/sort_2.png') no-repeat;
}

.fybox {
    position: relative;
}

.fybox .tisp {
    position: absolute;
    right: 0;
    top: 5px;
    width: 70px;
    height: 30px;
    background: #00baf5;
    color: #fff;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    display: none;
}

.fybox .tisp:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right: 5px solid #00baf5;
    position: absolute;
    left: -10px;
    top: 10px;
}

.fybox:hover .tisp {
    display: block;
}

/*未开通业务*/
.nonactivated {
    width: 100%;
    display: block;
    float: left;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 30px;
}

.nonactivated ul {
    width: 980px;
}

.nonactivated ul li {
    width: 182px;
    height: 148px;
    border: 1px solid #eee;
    margin-right: 12px;
    float: left;
    text-align: center;
}

.nonactivated ul li p.icon {
    display: inline-table;
    width: 42px;
    height: 42px;
    margin-top: 27px;
    margin-bottom: 20px;
}

.nonactivated ul li p.txtName {
    margin-bottom: 8px;
}

.nonactivated ul li p.txtLink a {
    color: #009be5;
}

/*page*/
.page {
    display: block;
    font-size: 12px;
}

.page .text {
    height: 36px;
    line-height: 36px;
    float: left;
}

.page .page-list {
    float: left;
    height: 32px;
    margin-left: 15px;
    padding-top: 4px;
}

.page .page-list ul li {
    display: inline-table;
    vertical-align: middle;
    padding: 0 7px;
    margin-right: 5px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #d6d6d6;
    background: #fff;
    text-align: center;
}

.page .page-list ul li .page-select {
    border: none;
    background: none;
    padding: 0;
}

.page .page-list ul li.page-select {
    border: none;
    background: none;
    padding: 0;
}

.page .dataTables_length {
    display: inline-table;
    vertical-align: middle;
    height: 32px !important;
    margin-top: 2px;
}

.page .dataTables_info {
    display: inline-table;
    vertical-align: middle;
    height: 32px !important;
    line-height: 24px;
    margin-top: 2px;
}

.page .page-list ul li input {
    border: none;
    width: 50px;
    height: 24px;
    line-height: 24px;
}

.page .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #009be5;
}

.page .select2-container {
    width: 60px !important;
    height: 26px;
}

.page .select2-container .select2-selection--single {
    height: 26px;
    line-height: 26px;
}

.page .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px;
}

.page .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
}

/*流量包订购*/
.Order-flow .forget-cont {
    margin-bottom: 50px;
}

.sales-form {
    width: 420px;
    margin: 50px auto;
    float: inherit;
}

/*新增地址*/
.address {
    width: 100%;
    display: block;
    clear: both;
    float: left;
    margin-top: 24px;
}

.address h3 {
    font-size: 14px;
    font-weight: bold;
}

.address ul {
    display: block;
    width: 100%;
    float: left;
    margin-top: 15px;
}

.address ul li {
    display: block;
    background: url('../images/dis_radio_nor.png') no-repeat left 8px;
    padding-left: 25px;
    line-height: 30px;
    cursor: pointer;
}

.address ul li.active {
    background: url('../images/add_radio_sel.png') no-repeat left 8px;
}

.address ul li .default {
    width: 32px;
    height: 20px;
    display: inline-table;
    border-radius: 2px;
    background: #72bb38;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
}

.address .add_address {
    display: block;
    margin-top: 15px;
    margin-bottom: 30px;
    width: 100%;
    float: left;
}

.address .add_address a {
    color: #009be5;
}

.add_addressbox {
    width: 720px !important;
    display: none;
}

.add_addressbox ul li .title {
    width: 90px !important;
    text-align: right;
}

.add_select {
    width: 95px;
    float: left;
    margin-right: 10px;
}

.add_addressbox ul li .inputcont {
    width: 620px !important;
}

.add_addressbox ul li .inputcont2 {
    float: left;
}

.add_addressbox .default-text {
    display: block;
    padding-left: 100px;
}

.add_addressbox .default-text input {
    margin-right: 5px;
}

.add_select .select2-container {
    width: 100% !important;
}

.add_addressbox .error {
    left: 130px !important;
}

/*地址管理*/
.addressbox {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 24px;
}

.addressbox .input-box {
    width: 298px !important;
}

.addressbox .default-text {
    display: block;
    padding-left: 100px;
}

.addressbox .default-text input {
    margin-right: 5px;
}

.addressbox .btnBox {
    border: none;
    /*margin-top:24px;*/
}

.addressbox .error {
    border: 1px solid #f93e53;
    color: #f93e53;
    background: #fff0f0 url('../images/error.png') no-repeat 5px center;
    font-size: 12px;
    width: 258px;
    position: absolute;
    left: 100px;
    top: -35px;
}

/*物流信息*/
.Logistics {
    width: 100%;
    display: block;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}

.Logistics p {
    line-height: 30px;
}

.Logistics p.Logistics_info {
    padding-left: 30px;
}

.Logistics p.Logistics-style {
    background: url('../images/Logistics-line.png') no-repeat left 10px;
}

.Logistics p.text {
    padding-left: 30px;
    color: #969696;
    padding-top: 10px;
}

.delivery_information {
    display: block;
    clear: both;
    padding: 30px 0;
}

.delivery_information h3 {
    font-size: 13px;
    font-weight: bold;
}

.delivery_information p {
    color: #969696;
    line-height: 40px;
}

/*feedback*/
.feedbackBox {
    background: #fff;
    width: 1140px;
    float: left;
    padding: 10px 30px;
    padding-bottom: 50px;
}

.titelTab {
    width: 100%;
    height: 40px;
    display: block;
    border-bottom: 1px solid #eee;
    margin-bottom: 50px;
}

.titelTab a {
    width: 80px;
    height: 40px;
    display: block;
    float: left;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
}

.titelTab a.active {
    border-bottom: 2px solid #009be5;
    color: #009be5;
}

.feedbackList {
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
}

.feedbackList .contbox {
    width: 250px;
    display: block;
    position: relative;
}

.feedbackList .contbox .tit {
    width: 200px;
    padding: 0 25px;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    text-overflow: ellipsis;
}

.feedbackList .contbox .cont {
    width: 250px;
    display: none;
    background: #72bb38;
    border-radius: 4px;
    position: absolute;
    right: -280px;
    top: -30px;
    color: #fff;
    padding: 15px;
    line-height: 24px;
    text-align: left;
}

.feedbackList .contbox:hover .cont {
    display: block;
}

.feedbackList .contbox:hover .cont:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right: 5px solid #72bb38;
    position: absolute;
    left: -10px;
    top: 45px;
}

/*协议*/
.protocol {
    width: 1120px;
    display: block;
    float: left;
    background: #fff;
    padding: 40px;
    position: relative;
}

.protocol .title {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #e6e6e6;
    height: 60px;
    line-height: 60px;
    font-weight: bold;
}

.protocol .return {
    position: absolute;
    right: 40px;
    top: 60px;
}

.protocol .return a {
    color: #009be5;
}

.protocol h3 {
    font-size: 13px;
    margin-top: 30px;
    margin-bottom: 10px;
}

.protocol p {
    line-height: 24px;
}

.textLayer .error {
    top: 105px !important;
}

.invoicTab {
    width: 100%;
    height: 40px;
    display: block;
    margin-bottom: 24px;
    float: left;
}

.invoicTab ul {
    float: left;
}

.invoicTab ul li {
    width: 80px;
    height: 39px;
    line-height: 38px;
    float: left;
    border-bottom: 1px solid #eee;
    text-align: center;
}

.invoicTab ul li.active {
    color: #009be5;
    height: 38px;
    line-height: 38px;
    border-bottom: 2px solid #009be5;
}

.invoicTab ul li.active a {
    color: #009be5;
}

.invoicTab .text {
    float: right;
    line-height: 40px;
}

.invoice-info {
    width: 100%;
    display: block;
    clear: both;
    float: left;
    margin-bottom: 30px;
    margin-top: 15px;
}

.invoice-info h3 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
}

.invoice-info ul {
    display: block;
    float: left;
}

.invoice-info ul li {
    display: block;
    cursor: pointer;
    float: left;
    margin-right: 30px;
    height: 36px;
    line-height: 36px;
}

.invoice-info ul li .tit {
    float: left;
    background: url('../images/dis_radio_nor.png') no-repeat left center;
    padding-left: 25px;
}

.invoice-info ul li.active .tit {
    background: url('../images/add_radio_sel.png') no-repeat left center;
}

.invoice-info ul li .default {
    width: 32px;
    height: 20px;
    display: inline-table;
    border-radius: 2px;
    background: #72bb38;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
}

.invoice-info .error {
    float: left;
    height: 36px;
    margin-left: 10px;
    line-height: 34px;
    border: none;
    background-color: transparent;
    text-indent: 5px;
    display: none;
}

.invoice-info dl {
    display: block;
    width: 100%;
    float: left;
    margin-top: 10px;
}

.invoice-info dl dd {
    display: block;
    cursor: pointer;
    float: left;
    margin-right: 30px;
    height: 36px;
    line-height: 36px;
}

.invoice-info dl dd .inputcont {
    float: left;
    margin-left: 10px;
}

.invoice-info dl dd .input-box {
    height: 34px;
    width: 298px;
}

/*404*/
.error404 {
    width: 100%;
    display: block;
    float: left;
    background: #fff;
    padding: 80px 0;
    text-align: center;
}

.error404 h2 {
    font-size: 20px;
    margin-bottom: 24px;
    margin-top: 30px;
}

.morebox {
    width: 100%;
    float: left;
    margin-top: 50px;
}

.morebox h3 {
    font-size: 13px;
    font-weight: normal;
    margin: 30px 0;
}

.morebox ul li {
    width: 227px;
    float: left;
    text-align: center;
    padding-bottom: 50px;
}

.morebox ul li img {
    width: 42px;
    height: 42px;
    margin-bottom: 15px;
    border-radius: 50%;
}

.balance {
    border: 1px solid #e6e6e6;
    width: 906px;
    float: left;
}

.balance .balance-1 {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 40px;
    position: relative;
}

.balance .balance-1 .money {
    font-size: 60px;
    color: #e92669;
    margin-top: 18px;
}

.balance .balance-1 .money span {
    font-size: 20px;
}

.balance .balance-1 .next_text {
    position: absolute;
    right: 30px;
    top: 28px;
}

.balance .balance-2 {
    width: 452px;
    float: left;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-right: 1px solid #e6e6e6;
}

.balance .balance-3 {
    width: 453px;
    float: left;
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.balance .balance-2 span,
.balance .balance-3 span {
    color: #e92669;
}

.title_tab {
    width: 100%;
    float: left;
    height: 40px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 15px;
}

.title_tab a {
    min-width: 80px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    display: block;
    float: left;
    margin-right: 15px;
    font-size: 14px;
}

.title_tab a.active {
    border-bottom: 2px solid #009be5;
    color: #009be5;
    line-height: 38px;
}

.bill-tabel {
    display: block;
    border: 1px solid #e6e6e6;
    width: 906px;
    float: left;
}

.bill-tabel table {
    width: 100%;
}

.bill-tabel table td {
    line-height: 36px;
    padding: 0 35px;
}

.bill-tabel table td.th_title {
    background: #f2f2f2;
    border-top: 1px solid #e6e6e6;
}

.bill-tabel table td.border-r {
    border-right: 1px solid #e6e6e6;
}

.bill-tabel table td.td_cont {
    line-height: 24px;
    border-top: 1px solid #e6e6e6;
}

.bill-tabel table td.td_cont .l-box,
.bill-tabel table td.td_cont .r-box {
    display: block;
    padding: 5px 0;
    width: 350px;
}

.bill-tabel table td.td_cont .l-box h3,
.bill-tabel table td.td_cont .r-box h3 {
    font-size: 13px;
}

.bill-tabel table td.td_cont .l-box ul li {
    text-indent: 20px;
}

.bill-tabel table td.td_cont .l-box ul li p {
    text-indent: 40px;
}

.bill-tabel table td.total {
    background: #f2f2f2;
    border-top: 1px solid #e6e6e6;
}

.Package-box {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.Package-box ul li {
    min-height: 28px;
    display: block;
    margin-bottom: 50px;
    padding-left: 65px;
    border-bottom: 1px solid #eee;
    padding-bottom: 50px;
    width: 843px;
    float: left;
}

.Package-box ul li:last-child {
    margin-bottom: 24px;
}

.Package-box ul li.icon-1 {
    background: url('../images/ye_voice.png') no-repeat left top;
}

.Package-box ul li.icon-2 {
    background: url('../images/ye_flow.png') no-repeat left top;
}

.Package-box ul li.icon-3 {
    background: url('../images/ye_mes.png') no-repeat left top;
}

.Package-box ul li .tit {
    float: left;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
}

.Package-box ul li .r-cont {
    float: right;
    width: 640px;
    margin-right: 70px;
}

.Package-box ul li .r-cont .r-text {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 7px;
}

.Package-box ul li .r-cont .r-text .txt {
    display: block;
    width: 100%;
    clear: both;
    margin: 5px 0;
}

.Package-box ul li .r-cont .r-text .used {
    float: left;
    line-height: 21px;
}

.Package-box ul li .r-cont .r-text .over {
    float: right;
}

.Package-box ul li .r-cont .r-text .over span {
    font-size: 16px;
    color: #e5273c;
}

.Package-box ul li .progressbar {
    box-shadow: none;
}

.Package-box ul li .r-cont .progressbar {
    margin: 0 !important;
    float: left;
}

.Package-box ul li .r-cont .progressbar .percentCount {
    display: none !important;
}

.LineProgressbar-list {
    display: block;
    width: 600px;
    padding: 20px;
    margin-right: 70px;
    margin-top: 20px;
    clear: both;
    background: #fffbf8;
    float: right;
}

.LineProgressbar-list .r-cont {
    width: 100% !important;
    margin: 0 0 15px 0 !important;
}

.LineProgressbar-list .r-cont .r-text .txt {
    color: #858585;
}

.Business_box {
    width: 100%;
    /*float:left;*/
    margin-bottom: 15px;
}

.Business_box .box-tabel {
    margin-top: 0;
}

.weui-vcode-btn {
    border: none;
    position: absolute;
    right: 10px;
    top: 0;
    color: #009be5;
    background: none;
    cursor: pointer;
    height: 40px;
    font-size: 14px;
}

.inputDisabled {
    color: #858585;
}

.Related_services {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.Related_services h3 {
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 16px;
}

.Related_services ul li {
    display: block;
    background: #f2f2f2;
    border: 1px solid #e6e6e6;
    text-indent: 15px;
    height: 42px;
    line-height: 42px;
}

.Related_services ul li a {
    display: block;
    width: 100%;
    height: 42px;
}

.Related_services ul li i {
    float: right;
    font-style: normal;
    font-size: 16px;
    color: #969696;
    width: 42px;
    height: 42px;
    background: url('../images/arrow_right.png') no-repeat center;
}

.bill-cont h3 {
    font-size: 13px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 10px;
}

.bill-cont ul {
    margin-bottom: 10px;
    width: 100%;
    float: left;
}

.bill-cont ul li {
    width: 50%;
    float: left;
    text-align: left;
    line-height: 24px;
    text-indent: 33px;
}

.radiolist {
    width: 100%;
    float: left;
}

.radiolist ul li {
    width: auto !important;
    float: left;
    background: url('../images/dis_radio_nor.png') no-repeat left center;
    padding-left: 20px;
    margin-right: 10px;
    cursor: pointer;
}

.radiolist ul li.active {
    background: url('../images/add_radio_sel.png') no-repeat left center;
}

.news {
    display: block;
    width: 100%;
    float: left;
    padding-top: 20px;
    padding-bottom: 40px;
    overflow: hidden;
}

.news .tit {
    font-size: 13px;
    font-weight: normal;
}

.news .tit a {
    color: #858585;
}

.news .tit a:after {
    content: '>';
    display: inline;
    padding: 0 10px;
}

.news_list {
    display: block;
    width: 100%;
    float: left;
    overflow: hidden;
}

.news_list ul {
    width: 1230px;
    float: left;
    padding-top: 10px;
}

.news_list ul li {
    margin-right: 30px;
    margin-bottom: 30px;
    background: #fff;
    width: 543px;
    border: 1px solid #e6e6e6;
    padding: 20px;
    float: left;
    display: block;
}

.news_list ul li img {
    width: 545px;
    height: 362px;
}

.news_list ul li p {
    font-size: 16px;
    line-height: 40px;
}

.news_list ul li span {
    color: #858585;
    font-size: 14px;
}

.news_list ul li a {
    color: #424242;
}

.pagelist {
    display: block;
    height: 42px;
    text-align: center;
    width: 100%;
    float: left;
}

.pagelist span {
    display: inline-table;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 2px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
}

.pagelist span.active {
    background: #009be5;
    color: #fff;
    border-color: #009be5;
}

.pagelist a {
    display: inline-table;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 2px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
}

.news-cont {
    display: block;
    padding: 40px 150px;
    width: 900px;
    background: #fff;
    float: left;
    margin-top: 10px;
}

.news-cont .news-tit {
    display: block;
    clear: both;
    border-bottom: 1px solid #eee;
    text-align: center;
}

.news-cont .news-tit p {
    font-size: 24px;
    color: #424242;
}

.news-cont .news-tit span {
    font-size: 14px;
    color: #858585;
    padding: 15px 0;
    display: block;
}

.news-cont .cont {
    font-size: 14px;
    color: #424242;
    line-height: 24px;
    padding-top: 30px;
}

.news-cont .cont p {
    margin: 10px 0;
}

.Newsbanner {
    width: 1200px;
    display: block;
    float: left;
    background: #eee;
    margin: 20px 0;
}

.Newsbanner img {
    width: 100%;
    height: 320px;
}

.NewsList {
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 20px;
}

.NewsList .tit {
    font-size: 13px;
    font-weight: normal;
}

.NewsList .tit a {
    color: #858585;
}

.NewsList .tit a:after {
    content: '>';
    display: inline;
    padding: 0 10px;
}

.NewsList .colum {
    font-size: 18px;
    font-weight: bold;
    margin-top: 25px;
}

.NewsList .colum a {
    float: right;
    font-size: 12px;
    font-weight: normal;
    line-height: 24px;
}

.News-left {
    width: 830px;
    float: left;
}

.News-left .List {
    width: 790px;
    float: left;
    background: #fff;
    margin-top: 15px;
    padding: 20px 20px 0 20px;
}

.News-left .List ul {
    width: 100%;
    padding-bottom: 20px;
    float: left;
}

.News-left .List ul li {
    display: block;
    clear: both;
    height: 150px;
    padding: 20px 0;
    position: relative;
    border-bottom: 1px solid #ededed;
}

.News-left .List ul li .NewsPic {
    width: 240px;
    height: 150px;
    float: left;
    margin-right: 20px;
}

.News-left .List ul li .view-cont {
    float: left;
    width: 530px;
    height: 150px;
    position: relative;
}

.News-left .List ul li .view-cont h4 {
    font-size: 20px;
    font-weight: normal;
    color: #282828;
}

.News-left .List ul li .view-cont .Time {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 15px;
    line-height: 15px;
    font-size: 13px;
    color: #858585;
}

.News-left .List ul li .view-cont .cont-r {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 15px;
    line-height: 15px;
    font-size: 13px;
    color: #858585;
}

.News-left .List ul li .view-cont .share {
    float: left;
    margin-right: 20px;
    background: url('../images/share.png') no-repeat left center;
    padding-left: 20px;
    cursor: pointer;
    position: relative;
}

.News-left .List ul li .view-cont .browse {
    float: left;
    background: url('../images/browse.png') no-repeat left center;
    padding-left: 20px;
}

.News-left .List ul li .view-cont .shareCont {
    width: 117px;
    display: none;
    position: absolute;
    left: -35px;
    top: 0;
    z-index: 99;
}

.News-left .List ul li .view-cont .cont-r .social-share {
    width: 95px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 3px;
    padding: 10px 10px 5px 10px;
    margin-top: 25px;
}

.News-left .List ul li .view-cont .cont-r .social-share:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: 11px;
    width: 0;
    height: 0;
    border-width: 8px 6px 6px 6px;
    border-style: solid;
    border-color: transparent transparent #ddd transparent;
}

.News-left .List ul li .view-cont .cont-r .social-share:before {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: 12px;
    width: 0;
    height: 0;
    z-index: 99;
    border-width: 8px 6px 6px 6px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.News-left .List ul li .view-cont .cont-r .social-share p {
    text-align: left;
    font-size: 13px;
    margin-bottom: 5px;
    cursor: pointer;
}

.News-left .List ul li .view-cont .cont-r .social-share span.text {
    margin-left: 10px;
    position: absolute;
    left: 20px;
    display: block;
    top: 0;
    width: 65px;
    color: #282828;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
}

.News-left .List ul li .view-cont .cont-r .social-share a:hover span.text {
    color: #00baf5 !important;
}

.News-left .List ul li .view-cont .share:hover .shareCont {
    display: block;
}

.News-left .pageBox {
    padding-left: 0;
    padding-right: 0;
}

.News-right {
    width: 350px;
    float: right;
}

.News-right ul {
    width: 320px;
    float: left;
    background: #fff;
    margin-top: 15px;
    padding: 15px 15px 0 15px;
}

.News-right ul li {
    display: block;
    clear: both;
    padding-bottom: 20px;
    height: 80px;
    font-size: 14px;
}

.News-right ul li img {
    float: left;
    width: 120px;
    height: 80px;
    margin-right: 12px;
}

.News-left .tit {
    margin-top: 20px;
    margin-bottom: 28px;
}

.NewsBox {
    width: 770px;
    float: left;
    background: #fff;
    padding: 25px 30px 25px 30px;
}

.NewsBox h1.biaoti {
    text-align: center;
    font-size: 24px;
    margin-bottom: 10px;
}

.NewsBox .other {
    display: block;
    border-bottom: 1px solid #ebebeb;
    padding: 20px 0;
    position: relative;
}

.NewsContent {
    display: block;
    clear: both;
    font-size: 14px;
    padding-bottom: 30px;
    line-height: 26px;
}

.NewsContent img {
    width: 100%;
}

.newsMore {
    display: block;
    clear: both;
}

.newsMore span {
    display: block;
    clear: both;
    line-height: 30px;
}

.newsMore span a {
    color: #009be5;
}

.NewsBox .other .share_box {
    position: absolute;
    right: 0;
    top: 20px;
}

.NewsBox .other .share_box .share_title {
    font-size: 12px;
    font-weight: normal;
    float: left;
    line-height: 20px;
}

.search-phone {
    background: url('../images/address.png') no-repeat 100px 50px;
    padding: 50px 0;
    padding-left: 200px;
    width: 708px;
    overflow: hidden;
    position: relative;
}

.search-phone .inputcont {
    width: 608px !important;
}

.search-phone ul li .input-box {
    width: 298px !important;
}

.search-phone ul li .input-code {
    width: 198px !important;
    height: 38px;
    font-size: 14px;
    float: left;
}

.search-phone ul li .code-img {
    margin-left: 10px;
    display: block;
    float: left;
    vertical-align: top;
    width: 88px;
    height: 38px;
    border: 1px solid #d6d6d6;
}

.search-phone ul li .code-img img {
    width: 88px;
    height: 38px;
    display: block;
}

.search-phone ul li .searchBtn {
    margin-left: 10px;
    padding: 1px 0;
}

.search-phone ul li.areaBox {
    display: none;
}

.search-phone .error {
    border: 1px solid #f93e53;
    width: 273px;
    margin-top: 15px;
    color: #f93e53;
    background: #fff0f0 url('../images/error.png') no-repeat 6px center;
    font-size: 12px;
    height: 22px;
    line-height: 20px;
    padding: 0 0 0 25px;
    display: none;
    position: absolute;
    left: 300px;
    top: 0px;
}

.change-course {
    display: block;
    width: 100%;
}

.change-course ul {
    width: 930px;
}

.change-course ul li {
    border: 1px solid #d6d6d6;
    padding: 20px;
    height: 255px;
    float: left;
    width: 170px;
    margin-right: 20px;
    margin-bottom: 15px;
    cursor: pointer;
    position: relative;
}

.change-course ul li.active {
    border-color: #009be5;
    background: url('../images/sel_blue.png') no-repeat right bottom;
}

.change-course ul li h3 {
    font-size: 20px;
}

.change-course ul li p {
    font-size: 14px;
    margin: 10px 0;
    line-height: 24px;
    height: 96px;
}

.change-course ul li span {
    z-index: 999;
    display: none;
    padding: 17px 20px;
    width: 170px;
    min-height: 86px;
    background: #72bb38;
    color: #fff;
    position: absolute;
    left: 0;
    margin-top: 10px;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    font-size: 14px;
    line-height: 24px;
}

.change-course ul li span:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom: 5px solid #72bb38;
    position: absolute;
    left: 50%;
    top: -10px;
}

.change-course ul li:hover span {
    display: block;
}

.change-course-btnBx {
    display: block;
    padding: 15px 0 30px 0;
    float: left;
    width: 100%;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}

.flowList {
    display: block;
    width: 100%;
    float: left;
}

.flowList h3 {
    font-size: 13px;
}

.listcont {
    display: block;
    margin-top: 15px;
    float: left;
    width: 906px;
}

.listcont .tit {
    width: 70px;
    float: left;
    line-height: 40px;
    text-align: left;
    font-weight: bold;
}

.listcont ul {
    display: block;
    float: left;
    margin-left: 10px;
    width: 800px;
}

.listcont ul li {
    border: 1px solid #d6d6d6;
    background: #fff;
    width: 188px;
    height: 38px;
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 13px;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
}

.listcont ul li.active {
    border-color: #e5273c;
    color: #e5273c;
    background: #fff url('../images/selected.png') no-repeat right bottom;
}

.listcont1 ul li {
    border: 1px solid #cce0ea;
    background: #eff9fe;
}

.listcont1 ul li.active {
    background: #eff9fe url('../images/selected_blue.png') no-repeat right bottom;
    border-color: #009be5;
    color: #009be5;
}

.listcont2 {
    display: block;
    margin: 0;
    float: left;
    width: 906px;
}

.listcont2 .cont {
    width: 100%;
    float: left;
}

.listcont2 .cont .tit {
    width: 70px;
    float: left;
    line-height: 40px;
    text-align: right;
}

.listcont2 ul {
    display: block;
    float: left;
    margin-left: 80px;
    width: 800px;
}

.listcont2 ul li {
    width: 188px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #d6d6d6;
    background: #fff;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.listcont2 ul li.active {
    border-color: #e5273c;
    color: #e5273c;
    background: #fff url('../images/selected.png') no-repeat right bottom;
}

.order-flow-btn {
    width: 100%;
    padding: 15px 0 30px 0;
    border-bottom: 1px solid #eee;
    float: left;
    margin-bottom: 25px;
}

.order-flow-btn .btnBox {
    margin-left: 80px;
}

.select-cont {
    display: block;
    margin-left: 80px;
    clear: both;
    float: left;
    margin-bottom: 15px;
    color: #858585;
}

.select-cont span {
    margin: 0 15px;
    color: #424242;
}

.listcont ul li.disabled,
.listcont2 ul li.disabled {
    background: #d6d6d6;
    color: #fff;
    border: 1px solid #d6d6d6;
}

.listcont3 {
    margin-left: 70px;
    margin-top: 0;
}

.business_tit {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #eee;
    font-size: 14px;
    font-weight: bold;
    text-indent: 15px;
    float: left;
}

.business-list {
    width: 100%;
    float: left;
    margin: 20px 0 40px 0;
}

.business-list ul li {
    width: 227px;
    float: left;
}

.business-list ul li .pic {
    width: 100px;
    height: 100px;
    float: left;
}

.business-list ul li .pic img {
    width: 100px;
    height: 100px;
    display: block;
}

.business-list ul li .cont {
    width: 111px;
    height: 100px;
    float: right;
    line-height: 24px;
    position: relative;
}

.business-list ul li .cont .btn {
    position: absolute;
    bottom: 5px;
}

.pro-title {
    width: 100%;
    display: block;
    float: left;
    background: #f9f9f9;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    text-indent: 20px;
}

.productPropaganda {
    width: 100%;
    height: 430px;
    background: url(../images/banner_lh.jpg) no-repeat;
    background-size: auto 100%;
    background-position: center bottom;
}

.productPropaganda .container {
    position: relative;
    user-select: none;
}

.productPropaganda .container .text {
    position: absolute;
    top: 152px;
    left: 104px;
}

.productPropaganda .container .text .line1 {
    font-size: 46px;
    font-weight: bold;
    background: linear-gradient(270deg, #22549e 0%, #0e3a66 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.productPropaganda .container .text .line2 {
    margin-top: 16px;
    font-size: 22px;
    color: #134074;
    font-weight: normal;
}

.pro-filter {
    background: #fff;
    margin-top: 30px;
}

.pro-filter .filter-cont {
    padding: 10px 20px;
    display: block;
    clear: both;
    border: 1px solid #e2e3e4;
}

.pro-filter .filter-cont ul li {
    width: 100%;
    min-height: 39px;
    font-size: 14px;
    line-height: 39px;
    display: block;
    clear: both;
    position: relative;
}

.pro-filter .filter-cont ul li:not(:last-child) {
    border-bottom: 1px dashed #e2e3e4;
}

.pro-filter .filter-cont ul li .title {
    width: 86px;
    float: left;
    color: #999999;
    text-align: center;
}

.pro-filter .filter-cont ul li .cont {
    height: 100%;
    display: block;
    padding-left: 96px;
}

.pro-filter .filter-cont ul li .cont label.radiobox {
    display: block;
    float: left;
    overflow: hidden;
    margin-right: 15px;
}

.pro-filter .filter-cont ul li .cont label.radiobox span {
    display: block;
    float: left;
    padding: 0 20px;
    line-height: 39px;
    border-radius: 5px;
    cursor: pointer;
}

.pro-filter .filter-cont ul li .cont label.radiobox input {
    display: none;
}

.pro-filter .filter-cont ul li .cont label.radiobox input:checked + span {
    color: #0990ee;
}

.pro-filter .filter-cont li .cont .citySelect {
    padding: 5px 0;
    line-height: 1em;
    line-height: 30px;
}

.pro-filter .filter-cont li .cont .citySelect .selectItems {
    display: flex;
    flex-wrap: wrap;
}

.pro-filter .filter-cont li .cont .citySelect .selectItems label {
}

.pro-filter .filter-cont li .cont .citySelect .citySelectHead {
    display: flex;
}

.pro-filter .filter-cont li .cont .citySelect label {
    cursor: pointer;
    padding: 0 20px;
}

.pro-filter .filter-cont li .cont .citySelect .citySelectHead i {
    font-size: 7px;
    display: inline-block;
    transform: scale(0.58);
    margin-left: 5px;
}

.pro-filter .filter-cont li .cont .citySelect input {
    display: none;
}

.pro-filter .filter-cont li .cont .citySelect input:checked + span {
    color: #0990ee;
}

.pro-filter .filter-cont li .cont .citySelect .citySelectHead input:checked + span i {
    transform: scale(0.58) rotate(180deg);
}

.pro-filter .filter-cont li .cont .citySelect .selectItems label:hover {
    color: #0990ee;
}

.pro-filter .filter-cont ul li a {
    width: 100px;
    height: 30px;
    border: 1px solid #ddd;
    display: block;
    float: left;
    text-align: center;
    font-size: 16px;
}

.pro-filter .filter-cont ul li a.active {
    background: #009be5;
    color: #fff;
    border-color: #009be5;
}

.pro-filter .filter-cont ul li .a-row1 {
    border-right: none;
    border-radius: 5px 0 0 5px;
}

.pro-filter .filter-cont ul li .a-row2 {
    border-left: none;
    border-radius: 0 5px 5px 0;
}

.productList {
}

.productList .title {
    width: 100%;
    display: block;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.productList .sort input {
    display: none;
}

.productList .sort label span {
    cursor: pointer;
    font-size: 12px;
    margin-right: 20px;
}

.productList .sort input:checked + span {
    color: #0990ee;
}

.productList .title button {
    background: #fff !important;
}

.productList .title #searchBtn img {
    width: 15px;
    height: 15px;
}

.productList .title .Sort-title {
    float: left;
    margin-left: 20px;
    font-size: 16px;
    line-height: 32px;
}

.productList .title .soro-row a {
    width: 100px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    display: block;
    float: left;
    text-align: center;
    font-size: 14px;
}

.productList .title .soro-row a.active {
    background: #009be5;
    color: #fff;
    border-color: #009be5;
}

.productList .title .soro-row .a-row {
    border-radius: 5px;
}

.productList .title .soro-row .a-row1 {
    border-right: none;
    border-radius: 5px 0 0 5px;
}

.productList .title .soro-row .a-row2 {
    border-left: none;
    border-radius: 0 5px 5px 0;
}

.productList .title .soro-row a i {
    display: inline-table;
    width: 9px;
    height: 12px;
    vertical-align: middle;
    background: none;
    margin-left: 5px;
}

.productList .title .soro-row a span {
    display: inline-table;
    vertical-align: middle;
}

.productList .title .soro-row a.Rise i {
    background: url('../images/Rise.png') no-repeat center;
}

.productList .title .soro-row a.drop i {
    background: url('../images/drop.png') no-repeat center;
}

.productList .numList {
    width: 100%;
    display: block;
    float: left;
    position: relative;
}

.productList .numList hr {
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    border: none;
    background: #ebebeb;
}

.productList .numList-title {
    display: block;
    width: 100%;
    float: left;
    background: #f1f2f1;
    color: #707070;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
}

.numListCont {
    display: block;
    width: 100%;
    border: 1px solid #e2e3e4;
}

.productList .numListCont ul {
    flex: 1;
    height: 689px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
    background-color: #e2e3e4;
    grid-gap: 1px 1px;
}

.productList .numListCont ul li .change {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0990ee;
    font-size: 18px;
}

.productList .numListCont ul li .change i {
    font-size: 20px;
    margin-right: 13px;
}

.productList .numListCont ul li .change::before {
    content: '';
    width: 20px;
    height: 20px;
}

.productList .numListCont ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.productList .numListCont ul li a .left {
    font-size: 23px;
    padding-left: 28px;
    padding-top: 25px;
}

.productList .numListCont ul li a .left .noti {
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    font-weight: normal;
    margin-top: 7px;
}

.productList .numListCont ul li a .right {
    padding-top: 25px;
    padding-right: 35px;
}

.productList .numListCont ul li a .right .amount {
    font-size: 15px;
    text-align: right;
}

.productList .numListCont ul li a .right .val {
    font-size: 23px;
}

.productList .numListCont ul li a .right .prettyType {
    margin-top: 7px;
    border: 1px solid #ee2a4a;
    color: #ee2a4a;
    width: 60px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.productList .numListCont ul li a:hover {
    color: #282828;
}

.productList .numListCont ul li {
    background-color: #fff;
    cursor: pointer;
    transition: all 0.2s;
}

.productList .numListCont ul li:hover {
    z-index: 2;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
    /* border: 1px solid #e2e3e4; */
    /* transform: scale(1.02); */
}

.bg {
    width: 370px;
    height: 450px;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
}

.bg_left {
    width: 370px;
    height: auto;
    float: left;
}

.bg_right {
    float: left;
}

.show {
    width: 370px;
    height: 370px;
    margin-bottom: 10px;
    position: relative;
    cursor: move;
}

.show img {
    width: 370px;
    height: 370px;
}

.mask {
    width: 215px;
    height: 215px;
    background: #000;
    filter: Alpha(opacity=50);
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.bigshow {
    width: 430px;
    height: 430px;
    overflow: hidden;
    margin-left: 10px;
    display: none;
    border: 1px solid #e8e8e8;
}

.bigshow img {
    width: 860px;
    height: 860px;
    margin-right: 10px;
}

.smallshow {
    width: 100%;
    height: 70px;
    position: relative;
}

.smallshow img {
    width: 59px;
    height: 59px;
    border: 1px solid #e8e8e8;
}

.smallshow > .middle_box {
    margin-left: 20px;
    margin-right: 30px;
    width: 320px;
    overflow: hidden;
    height: 70px;
}

.smallshow .middle {
    overflow: hidden;
    transition: all 0.5s;
    height: 70px;
}

.smallshow .middle > li {
    width: 59px;
    height: 59px;
    float: left;
    cursor: pointer;
    padding: 0 5px;
}

.smallshow > p {
    position: absolute;
    top: 0;
    width: 17px;
    height: 60px;
}

.smallshow > .prev {
    left: 0;
    background: url(../images/left_button.png) no-repeat;
    transition: all 0.5s;
}

.smallshow > .next {
    right: 0;
    background: url(../images/right_button.png) no-repeat;
    transition: all 0.5s;
}

.smallshow > .prev.prevnone {
    left: 0;
    background: url(../images/left_button.png) no-repeat;
    cursor: not-allowed;
}

.smallshow > .next.nextnone {
    right: 0;
    background: url(../images/right_button.png) no-repeat;
    cursor: not-allowed;
}

.proInfo {
    display: block;
    float: left;
    margin-left: 20px;
    width: 810px;
}

.proInfo .title {
    display: block;
    clear: both;
    font-size: 18px;
    font-weight: bold;
    padding-left: 10px;
}

.proInfo .title-sm {
    font-size: 14px;
    color: #858585;
    padding-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.proInfo .price-1,
.proInfo .price-2,
.proInfo .addressSel,
.proInfo .tc,
.proInfo .activity {
    display: block;
    clear: both;
    width: 810px;
    float: left;
}

.proInfo .tit {
    width: 70px;
    line-height: 32px;
    float: left;
    padding-left: 10px;
}

.proInfo .cont {
    width: 730px;
    float: left;
    line-height: 32px;
}

.proInfo .cont .txt {
    width: 100%;
    display: block;
    clear: both;
    color: #858585;
    font-size: 12px;
    margin-top: 5px;
    float: left;
}

.proInfo .Price-2 .cont {
    font-size: 16px;
    color: #e5273c;
    font-weight: bold;
}

.proInfo .Price-2 .cont span {
    font-size: 24px;
}

.proInfo .activity span {
    display: block;
    float: left;
    width: 66px;
    line-height: 22px;
    border: 1px solid #e5273c;
    text-align: center;
    color: #e5273c;
    margin-top: 3px;
}

.proInfo .addressSel .cont {
    line-height: inherit;
}

.proInfo .info {
    display: block;
    padding: 10px;
    width: 460px;
    background: #f7f7f7;
    float: left;
    margin-top: 10px;
    margin-left: 80px;
    margin-bottom: 10px;
}

.proInfo .infoCont .tit {
    padding: 0;
}

.proInfo .infoCont .cont {
    width: 385px;
}

/* .proInfo .tc{margin-top:15px;} */
.proInfo .tc ul li {
    width: 110px;
    height: 38px;
    margin-bottom: 10px;
    float: left;
    margin-right: 10px;
}

.proInfo .tc ul li span {
    border: 1px solid #e0e0e0;
    text-align: center;
    position: relative;
    width: 108px;
    height: 36px;
    line-height: 38px;
    display: block;
    cursor: pointer;
}

.proInfo .tc ul li input {
    display: none;
}

.proInfo .tc ul li input:checked + span {
    border-color: #009be5;
    background: url('../images/selected_blue.png') no-repeat right bottom;
}

.proInfo .btnCont {
    display: block;
    clear: both;
    width: 710px;
    float: left;
    padding-left: 75px;
    margin-top: 14px;
}

.proInfo .btnCont button {
    width: 150px;
    height: 42px;
    border: none;
    background: #009be5;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
}

.slideTxtBox {
    width: 100%;
    text-align: left;
    float: left;
    margin-top: 30px;
}

.slideTxtBox .hd {
    height: 51px;
    line-height: 51px;
    background: #f4f4f4;
    width: 1199px;
    border-left: 1px solid #ddd;
    margin: 0 auto;
    position: relative;
}

.slideTxtBox .hd ul {
    float: left;
    height: 51px;
}

.slideTxtBox .hd ul li {
    float: left;
    padding: 0 50px;
    height: 50px;
    line-height: 49px;
    cursor: pointer;
    border-right: 1px solid #ddd;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.slideTxtBox .hd ul li.on {
    height: 49px;
    line-height: 49px;
    background: #fff;
    border-bottom: 1px solid #fff;
    border-top: 2px solid #009be5;
    color: #009be5;
}

.slideTxtBox .bd {
    width: 100%;
    float: left;
}

.slideTxtBox .bd .cont {
    display: block;
    padding: 15px 0 0 0;
}

.slideTxtBox .bd .cont h3.title {
    display: block;
    clear: both;
    border-left: 3px solid #ff992d;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    text-indent: 11px;
    margin-bottom: 10px;
}

.slideTxtBox .bd .cont .txt {
    display: block;
    clear: both;
    margin-bottom: 10px;
}

.slideTxtBox .bd .cont .txt p {
    text-indent: 15px;
    font-size: 14px;
}

.guideRow {
    width: 900px;
    padding: 30px 150px;
    display: block;
    float: left;
    background: #fff;
    margin: 20px 0;
}

.guideRow ul li {
    width: 300px;
    float: left;
    text-align: center;
    position: relative;
}

.guideRow ul li hr {
    position: absolute;
    left: 0;
    top: 15px;
    height: 1px;
    width: 100%;
    border: none;
    background: #e6e6e6;
    z-index: 1;
}

.guideRow ul li img {
    position: relative;
    z-index: 2;
}

.Chosen {
    display: block;
    width: 1140px;
    background: #fff;
    padding: 17px 30px 20px 30px;
    float: left;
    margin-bottom: 20px;
}

.Chosen img {
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 13px;
}

.Chosen table {
    width: 100%;
}

.Chosen th {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 13px;
    font-size: 14px;
    font-weight: bold;
}

.Chosen td {
    padding-top: 20px;
}

.Chosen td h3 {
    font-size: 16px;
    color: #424242;
    font-weight: normal;
}

.Chosen td p {
    color: #858585;
    font-size: 13px;
    margin-top: 4px;
}

.Chosen td .price {
    color: #e5273c;
    font-size: 14px;
}

.Chosen td .price span {
    font-size: 20px;
    font-weight: bold;
}

.PackageCont {
    display: block;
    width: 1200px;
    background: #fff;
    float: left;
    margin-bottom: 20px;
}

.guide-title {
    width: 1140px;
    background: #fafafa;
    padding: 0 30px;
    float: left;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    font-weight: bold;
}

.guide-title i {
    width: 18px;
    height: 18px;
    background: #ff992d;
    border-radius: 50%;
    display: block;
    float: left;
    line-height: 18px;
    color: #fff;
    margin-top: 13px;
    font-size: 14px;
    margin-right: 5px;
    text-align: center;
    font-weight: normal;
    font-style: normal;
}

.guide-cont {
    display: block;
    clear: both;
    padding: 15px 30px;
    line-height: 24px;
    font-size: 14px;
}

.guide-cont span {
    color: #ff992d;
}

.guideCont {
    width: 1140px;
    padding: 20px 30px;
    float: left;
}

.guide-Box {
    width: 100%;
    float: left;
    position: relative;
}

.guide-Box .tit {
    width: 75px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
}

.guide-Box .cont {
    display: block;
    padding-left: 80px;
    line-height: 30px;
}

.guide-Box .cont .tc-text {
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #ff992d;
}

.guide-Box .cont .tc-cont {
    display: block;
    clear: both;
    background: #fff8f1;
    margin-top: 10px;
    padding: 10px 18px;
    font-size: 13px;
    color: #424242;
    line-height: 24px;
    margin-bottom: 10px;
}

.guide-Box .cont.sel-1 label {
    width: 80px;
    height: 30px;
    float: left;
    position: relative;
    margin-right: 10px;
}

.guide-Box .cont.sel-1 label input {
    display: none;
}

.guide-Box .cont.sel-1 label span {
    width: 80px;
    height: 30px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #f2f2f2;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}

.guide-Box .cont.sel-1 label input:checked + span {
    background: #009be5;
    color: #fff;
}

.tel-search {
    width: 100%;
    float: left;
    height: 32px;
    padding: 10px 0;
    background: #f5f5f5;
    margin-bottom: 26px;
    margin-top: 12px;
}

.tel-search .search {
    float: left;
    margin-left: 10px;
}

.tel-search .search input[type='search'] {
    width: 184px;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #e0e0e0;
    border-right: none;
    background: #fff;
    float: left;
}

.tel-search .search button {
    width: 37px;
    height: 30px;
    border: none;
    padding: 0;
    background: none;
    float: left;
    cursor: pointer;
}

.tel-search .Update {
    float: right;
    margin-right: 10px;
    border: none;
    cursor: pointer;
    height: 30px;
    overflow: hidden;
}

.tel-List {
    width: 100%;
    display: block;
    float: left;
}

.tel-List .cont {
    width: 1215px;
    float: left;
}

.tel-List .cont label {
    width: 150px;
    height: 40px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    position: relative;
}

.tel-List .cont label span {
    width: 148px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #e0e0e0;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    font-size: 14px;
}

.tel-List .cont label input:checked + span {
    border-color: #009be5;
    background: #fff url('../images/selected_blue.png') no-repeat right bottom;
}

.tel-List .cont label input {
    display: none;
}

.tel-List .cont label .text {
    display: none;
    width: 250px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    color: #ff992d;
    background: #fff;
    border: 1px solid #ff992d;
    position: absolute;
    top: -55px;
    left: -50px;
    border-radius: 4px;
}

.tel-List .cont label .text i {
    width: 16px;
    height: 8px;
    background: url('../images/arr.png') no-repeat center;
    position: absolute;
    left: 45%;
    bottom: -8px;
}

.tel-List .cont label:hover .text {
    display: block;
}

.Sel-Tel {
    display: block;
    width: 1110px;
    padding: 15px;
    background: #f7fcff;
    float: left;
}

.Sel-Tel .tit {
    width: 90px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.Sel-Tel .cont {
    padding-left: 90px;
}

.sel-List label {
    width: auto;
    height: 40px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}

.sel-List label span {
    padding: 0 10px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    background: #fff;
    border: 1px solid #e0e0e0;
    display: block;
    cursor: pointer;
    font-size: 13px;
}

.sel-List label input:checked + span {
    border-color: #009be5;
    background: #fff url('../images/selected_blue.png') no-repeat right bottom;
}

.sel-List label input {
    display: none;
}

.Sel-Tel .Remarks {
    color: #009be5;
    font-size: 14px;
}

.proUpload .Upload_card {
    margin-left: 0;
    border: none;
    margin-top: 0;
}

.proUpload .Upload_card ul li {
    border: none;
    height: inherit;
    padding-bottom: 0;
}

.proUpload .Upload_card ul li .upload-pic {
    margin-top: 0;
}

.buy-tips {
    display: block;
    padding: 20px 30px;
    width: 1140px;
    float: left;
    background: #fff;
    margin-bottom: 20px;
}

.buy-tips h3 {
    margin-bottom: 15px;
    font-size: 14px;
}

.buy-tips p {
    font-size: 14px;
}

.pay-product {
    width: 100%;
    display: block;
    float: left;
    text-align: right;
    margin-top: 15px;
    position: relative;
}

.pay-product p {
    float: right;
    padding-right: 170px;
    line-height: 42px;
}

.pay-product p span {
    color: #e5273c;
}

.pay-product p span i {
    font-size: 24px;
    font-style: normal;
}

.pay-product button {
    width: 150px;
    height: 42px;
    background: #009be5;
    color: #fff;
    border: 0;
    border-radius: 4px;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
}

.bz {
    width: 430px;
    float: left;
    padding-left: 59px;
    border-left: 1px solid #ebebeb;
    margin-top: 10px;
}

.bz h3 {
    font-size: 14px;
}

.bz textarea {
    width: 410px;
    border: 1px solid #e0e0e0;
    padding: 10px;
    margin-top: 15px;
    font-size: 13px;
}

.guide-BoxInput {
    width: 450px;
    float: left;
    position: relative;
    margin-top: 10px;
}

.guide-BoxInput input[type='text'] {
    width: 300px;
    height: 32px;
    padding: 0 10px;
    font-size: 13px;
}

.guide-Box .tips {
    float: left;
    margin-left: -30px;
    line-height: 36px;
    margin-top: 10px;
    display: none;
}

.guide-Box .tips img {
    vertical-align: text-bottom;
    margin-right: 5px;
}

.productLayer {
    display: block;
    padding: 30px;
    width: 400px;
    float: left;
}

.productLayer ul li {
    width: 100%;
    float: left;
    height: 32px;
    position: relative;
    line-height: 32px;
}

.productLayer .tit {
    width: 120px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: right;
}

.productLayer .cont {
    display: block;
    padding: 0 !important;
    padding-left: 130px !important;
    color: #ff992d;
}

.productLayer .cont span {
    color: #424242;
}

.PayBox .info {
    padding: 0 320px;
    margin-top: 20px;
    width: 512px;
    float: left;
    margin-bottom: 20px;
}

.PayBox .info img {
    float: left;
    margin-right: 25px;
}

.PayBox .info .text {
    float: left;
    margin-top: 2px;
}

.orderInfo {
    display: block;
    padding: 0;
    width: 100%;
    float: left;
    border: 1px solid #eee;
    border-bottom: none;
    margin-bottom: 30px;
}

.orderInfo .tit {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    background: #fafafa;
    border-bottom: 1px solid #eee;
}

.orderInfo .lCont {
    float: left;
}

.orderInfo .lCont b {
    font-size: 18px;
}

.orderInfo .rCont {
    float: right;
    cursor: pointer;
    background: url('../images/arrDow.png') no-repeat center right;
    padding-right: 15px;
}

.orderInfo .details {
    background: url('../images/arrUp.png') no-repeat center right;
}

.orderInfo .cInfo {
    display: none;
    padding: 15px;
    line-height: 24px;
    border-bottom: 1px solid #eee;
}

.orderInfo .blockCont {
    display: block;
}

.myOrder {
    width: 908px;
    padding: 20px 30px 30px 30px;
    float: left;
    background: #fff;
}

.OrderMune {
    width: 100%;
    float: left;
    border-bottom: 1px solid #eee;
    height: 40px;
}

.OrderMune a {
    width: 100px;
    text-align: center;
    display: block;
    float: left;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    margin-top: 10px;
    padding-bottom: 15px;
    position: relative;
}

.OrderMune a.active {
    color: #009be5;
    border-bottom: 2px solid #009be5;
}

.menuSearch {
    width: 218px;
    height: 28px;
    float: right;
    border: 1px solid #e0e0e0;
    position: relative;
}

.menuSearch input {
    width: 100%;
    height: 28px;
    line-height: 28px;
    border: none;
    text-indent: 10px;
}

.menuSearch button {
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    height: 28px;
    border: none;
    border-left: 1px solid #e0e0e0;
    background: #f5f5f5;
}

.menuSearch input::placeholder {
    color: #b2b2b2;
    font-size: 12px;
    line-height: 28px;
}

.listNone {
    width: 100%;
    height: 1186px;
    text-align: center;
    float: left;
}

.listNone img {
    margin: 90px auto 0 auto;
    display: block;
}

.listNone a {
    width: 88px;
    height: 34px;
    border: 1px solid #009be5;
    color: #009be5;
    border-radius: 4px;
    text-align: center;
    line-height: 34px;
    display: block;
    margin: 0 auto;
}

.OrderList {
    width: 100%;
    min-height: 1186px;
    float: left;
}

.OrderList .filter {
    width: 100%;
    float: left;
    height: 36px;
    line-height: 36px;
    background: #f5f5f5;
    margin-top: 18px;
    text-align: center;
}

.order-row-1 {
    width: 148px;
    float: left;
}

.order-row-2 {
    width: 304px;
    float: left;
}

.order-row-3,
.order-row-4,
.order-row-5 {
    width: 110px;
    float: left;
    border-left: 1px solid #f5f5f5;
}

.order-row-6 {
    width: 120px;
    float: left;
    border-left: 1px solid #f5f5f5;
}

.list-row {
    display: block;
    width: 906px;
    float: left;
    border: 1px solid #eee;
    margin-top: 20px;
}

.list-row .listTielt {
    width: 100%;
    float: left;
    background: #f5f5f5;
    height: 32px;
    line-height: 32px;
}

.list-row .listTielt p {
    float: left;
    margin-left: 20px;
    font-size: 13px;
    color: #858585;
}

.list-row .listTielt p span {
    color: #424242;
}

.list-row .listTielt p a {
    color: #858585;
}

.list-row .listTielt .kf-icon {
    float: right;
    margin-right: 15px;
    background: url('../images/kficon.png') no-repeat center left;
    padding-left: 25px;
}

.list-row table td {
    padding-top: 20px;
    text-align: center;
    font-size: 14px;
    vertical-align: top;
    color: #424242;
}

.list-row table td .btn {
    width: 78px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #009be5;
    border-color: #009be5;
    margin: 0 auto 3px auto;
}

.list-row table td .time {
    margin-bottom: 3px;
}

.list-row .order-row-3,
.list-row .order-row-4,
.list-row .order-row-5 {
    width: 110px;
    float: inherit;
    border-color: #f5f5f5;
    padding-bottom: 20px;
}

.list-row .order-row-7 {
    width: 451px;
    text-align: left;
    padding-top: 0;
}

.list-row .order-row-6 a {
    display: block;
    text-align: center;
    margin-bottom: 5px;
}

.selectLabel {
    line-height: 0;
}

.selectLabel .select2-container .select2-selection--single {
    height: 36px;
}

.selectLabel .select2-container--default .select2-selection--single {
    border-color: #f5f5f5;
    border-bottom: none;
    background: #f5f5f5;
}

.selectLabel .select2-container--open .select2-selection--single {
    border-color: #eee;
    background: #fff;
}

.proBox:first-child {
    border: none;
}

.proBox {
    width: 411px;
    float: left;
    display: block;
    clear: both;
    padding: 20px;
    height: 60px;
    border-top: 1px solid #eee;
    text-align: left;
}

.proBox img {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 13px;
}

.proBox h3 {
    color: #424242;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
}

.proBox h3 small {
    float: right;
}

.proBox p {
    font-size: 12px;
    color: #858585;
    line-height: 18px;
    margin-top: 6px;
}

/*我的订单*/

.navRow {
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #858585;
    font-size: 14px;
    float: left;
}

.OrderStatus {
    width: 1200px;
    height: 228px;
    float: left;
    background: #fff;
    border-top: 2px solid #009be5;
    margin-bottom: 20px;
    display: none;
}

.OrderStatusLeft {
    width: 240px;
    float: left;
    height: 228px;
    border-right: 1px solid #eee;
    text-align: center;
}

.OrderStatusLeft p {
    font-size: 13px;
    color: #858585;
    margin-top: 25px;
}

.OrderStatusLeft h3 {
    font-size: 22px;
    color: #ff7e30;
    margin-top: 70px;
}

.OrderStatusRight {
    width: 929px;
    float: left;
    padding: 24px 0 0 30px;
}

.OrderStatusRight h3 {
    font-weight: normal;
}

.OrderStatusRight ul {
    width: 100%;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

.OrderStatusRight ul li {
    width: 180px;
    float: left;
    position: relative;
    margin-top: 40px;
}

.OrderStatusRight ul li .cont {
    width: 100px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.OrderStatusRight ul li .cont img {
    background: #fff;
    padding: 0 10px;
    display: block;
    margin: 0 auto;
}

.OrderStatusRight ul li .cont h3 {
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    margin-top: 20px;
}

.OrderStatusRight ul li .cont p {
    font-size: 12px;
    color: #858585;
    width: 70px;
    margin: 10px auto 0 auto;
}

.OrderStatusRight ul li hr {
    width: 100%;
    height: 0;
    border: none;
    border-top: 1px dashed #6acefd;
    position: absolute;
    top: 17px;
    left: 50px;
    z-index: 0;
}

.OrderStatusRight ul li.NotPerformed hr {
    border-color: #e6e6e6;
}

.OrderStatusRight ul li.last-child hr {
    display: none;
}

.orderView {
    width: 100%;
    float: left;
    background: #fff;
}

.orderView .title {
    width: 100%;
    display: block;
    height: 44px;
    border-bottom: 1px solid #eee;
    line-height: 44px;
    text-indent: 30px;
    font-size: 16px;
    color: #31373d;
}

.orderView .contbox {
    display: inline-block;
    clear: both;
    padding: 30px;
}

.orderView .contbox .cont {
    width: 323px;
    height: 120px;
    float: left;
    margin-right: 15px;
    padding-right: 40px;
    border-right: 1px solid #eee;
}

.orderView .contbox .cont ul li {
    width: 100%;
    display: block;
    clear: both;
    line-height: 24px;
    position: relative;
    min-height: 24px;
}

.orderView .contbox .cont ul li .tit {
    width: 85px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    color: #858585;
    text-align-last: justify;
}

.orderView .contbox .cont ul li .contText {
    display: block;
    padding-left: 90px;
}

.Logisticsbox {
    width: 100%;
    float: left;
    background: #fff;
    margin-bottom: 20px;
    height: 337px;
    font-size: 14px;
}

.Logisticsbox .title {
    width: 100%;
    display: block;
    height: 44px;
    border-bottom: 1px solid #eee;
    line-height: 44px;
    text-indent: 30px;
    font-size: 16px;
    color: #31373d;
}

.Logisticsbox ul {
    display: block;
    padding: 30px;
    font-size: 14px;
}

.Logisticsbox ul li {
    width: 100%;
    display: block;
    position: relative;
    min-height: 14px;
    _min-height: 14px;
    *min-height: 14px;
    line-height: 14px;
    padding-bottom: 12px;
}

.Logisticsbox ul li .tit {
    width: 70px;
    color: #858585;
    height: 14px;
    position: absolute;
    left: 0;
    top: 0;
}

.Logisticsbox ul li .cont {
    display: block;
    padding-left: 80px;
}

.Logisticsbox ul li dl {
    width: 100%;
    height: 170px;
    display: inline-block;
    overflow-y: auto;
    background: url('../images/line.png') repeat-y 5px 10px;
}

.Logisticsbox ul li dl dd {
    width: 100%;
    float: left;
    position: relative;
    padding-bottom: 20px;
}

.Logisticsbox ul li dl dd i {
    width: 7px;
    height: 7px;
    background: url('../images/line-icon.png') no-repeat center;
    display: block;
    float: left;
    margin-top: 10px;
    margin-left: 2px;
}

.Logisticsbox ul li dl dd .LogisticsInfo {
    float: left;
    margin-left: 10px;
}

.Logisticsbox ul li dl dd .LogisticsInfo h3 {
    font-size: 14px;
    font-weight: normal;
    color: #858585;
}

.Logisticsbox ul li dl dd .LogisticsInfo p {
    font-size: 14px;
    color: #858585;
    margin-top: 8px;
}

.Logisticsbox ul li dl dd.first-child i {
    background: url('../images/line-icon-on.png') no-repeat center;
}

.Logisticsbox ul li dl dd.first-child h3 {
    color: #424242;
}

.LogisticsRow1,
.LogisticsRow2 {
    width: 590px;
    float: left;
}

.LogisticsRow2 {
    float: right;
}

.commodityView {
    display: block;
    width: 100%;
    float: left;
    background: #fff;
    margin-bottom: 20px;
}

.commodityView table {
    width: 100%;
    border-bottom: 1px solid #eee;
}

.commodityView th {
    height: 44px;
    border-bottom: 1px solid #eee;
    text-align: center;
    font-weight: normal;
    color: #858585;
}

.commodityView td {
    text-align: center;
    vertical-align: top;
    padding: 20px 0;
    line-height: 24px;
    font-size: 16px;
}

.commodityView td .proBox {
    padding: 20px 30px;
}

.commodityView td .proBox h3 {
    font-size: 16px;
}

.commodityView td a {
    font-size: 14px;
    line-height: 24px;
}

.commodityView td .btn {
    width: 78px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #009be5;
    border-color: #009be5;
    margin: 0 auto 3px auto;
}

.priceCont {
    display: block;
    float: right;
    padding: 20px 30px;
    text-align: right;
    line-height: 24px;
    font-size: 14px;
}

.priceCont span {
    float: left;
    width: 80px;
    text-align-last: justify;
    margin-right: 30px;
}

body .activityLayer {
    width: 620px !important;
    height: 523px;
    background: none;
}

body .activityLayer .layui-layer-setwin .layui-layer-close2 {
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;
    background-image: none;
    display: none;
}

.ActivityBtn {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 40px;
    text-align: center;
}

.ActivityBtn img {
    margin: 0 15px;
}

.icon_help {
    display: block;
    width: 14px;
    height: 14px;
    float: left;
    position: relative;
}

.icon_help .cont {
    width: 345px;
    height: 145px;
    border: 1px solid #e0e0e0;
    padding: 7px 15px 15px 15px;
    background: #fff;
    position: absolute;
    top: -180px;
    left: -200px;
    border-radius: 4px;
    display: none;
}

.icon_help .cont h3 {
    font-size: 14px;
    color: #ff992e;
    font-weight: normal;
}

.icon_help .cont p {
    line-height: 20px;
    font-size: 13px;
}

.icon_help .cont:after {
    content: '';
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 8px solid #e0e0e0;
    position: absolute;
    left: 50%;
    margin-left: 10px;
    bottom: -16px;
}

.icon_help .cont:before {
    content: '';
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 7px solid #fff;
    position: absolute;
    left: 50%;
    margin-left: 11px;
    bottom: -13px;
    z-index: 10;
}

.icon_help:hover .cont {
    display: block;
}

/*靓号定制*/
.pic-banner {
    min-width: 1200px;
    display: block;
    clear: both;
    height: 440px;
    position: relative;
}

.pic-banner .l {
    position: absolute;
    left: 0;
    top: 0;
}

.pic-banner .r {
    position: absolute;
    right: 0;
    top: 0;
}

.pic-banner .c {
    width: 100%;
    height: 440px;
    text-align: center;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.dingzhiForm {
    width: 100%;
    float: left;
    background: #fff;
    margin: 20px 0;
}

.dingzhiForm .text {
    font-size: 16px;
    padding: 30px 50px;
}

.dingzhiForm ul {
    display: block;
    width: 800px;
    margin: 30px auto;
}

.dingzhiForm ul li {
    width: 100%;
    height: 40px;
    display: block;
    clear: both;
    margin-bottom: 20px;
}

.dingzhiForm ul li .title {
    width: 220px;
    height: 40px;
    float: left;
    line-height: 40px;
    text-align: right;
    margin-right: 20px;
    font-size: 16px;
}

.dingzhiForm ul li .inputCont {
    width: 400px;
    height: 40px;
    float: left;
}

.dingzhiForm ul li .inputCont input {
    width: 396px;
    height: 38px;
    font-size: 16px;
    text-indent: 8px;
    padding: 0;
}

.dingzhiForm ul li button {
    width: 400px;
    display: block;
    height: 50px;
    background: #e5273c;
    border: none;
    font-size: 20px;
    color: #fff;
    border-radius: 4px;
}

.dingzhiForm ul li .select2-container .select2-selection--single {
    height: 40px;
}

.dingzhiForm
    ul
    li
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 38px;
    font-size: 16px;
}

.dingzhiForm
    ul
    li
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 40px;
}

.tjlayer {
    display: none;
    padding: 30px;
    width: 700px;
}

.tjlayer table {
    width: 100%;
    background: #babab9;
    font-size: 16px;
}

.tjlayer table th {
    background: #e8e8e8;
    text-align: center;
    height: 45px;
}

.tjlayer table td {
    background: #fff;
    text-align: center;
    height: 45px;
}

.tjlayer table td a {
    color: #e5273c;
    text-decoration: underline;
}

.tjlayer p {
    display: block;
    margin: 20px 0 0 0;
}

.tjlayer p a {
    width: 398px;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    margin: 0 auto;
    display: block;
}

.tjlayer p a.btn-gray {
    color: #242424 !important;
}

.tjlayer .RefreshBtn {
    background: url('../images/dj-Refresh.png') no-repeat left center;
    padding-left: 35px;
    float: right;
    height: 21px;
    margin-bottom: 20px;
    cursor: pointer;
    line-height: 21px;
    font-size: 18px;
    color: #005bd6;
}

.tclayer {
    display: none;
    padding: 30px;
    width: 700px;
}

.tclayer .leftPic {
    float: left;
    width: 220px;
}

.tclayer .leftPic img {
    width: 220px;
    height: 220px;
    display: block;
    background: #eee;
}

.tclayer .rightCont {
    width: 450px;
    float: right;
}

.tclayer .rightCont ul li {
    width: 100%;
    display: block;
    clear: both;
}

.tclayer .rightCont .title {
    float: left;
    line-height: 28px;
    margin-right: 5px;
    height: 28px;
    width: 70px;
    text-align: right;
}

.tclayer .rightCont .text {
    float: left;
    line-height: 28px;
}

.tclayer .rightCont .Price {
    color: #e5273c;
    font-size: 18px;
}

.tclayer .rightCont .Price em {
    font-style: normal;
    font-size: 30px;
}

.tclayer .tc {
    width: 370px;
    float: left;
    margin-top: 10px;
}

.tclayer .tc dl {
    width: 100%;
    display: block;
}

.tclayer .tc dl dd {
    width: 110px;
    height: 38px;
    margin-bottom: 10px;
    float: left;
    margin-right: 10px;
}

.tclayer .tc dl dd span {
    border: 1px solid #e0e0e0;
    text-align: center;
    position: relative;
    width: 108px;
    height: 36px;
    line-height: 36px;
    display: block;
    cursor: pointer;
}

.tclayer .tc dl dd input {
    display: none;
}

.tclayer .tc dl dd input:checked + span {
    border-color: #009be5;
    background: url('../images/selected_blue.png') no-repeat right bottom;
}

.tclayer .rightCont button {
    width: 150px;
    margin: 20px 0;
}

.nav-height {
    width: 100%;
    display: block;
    height: 241px;
    clear: both;
}

.fixBox {
    display: block;
    width: 100%;
    float: left;
    height: 241px;
}

.navFix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.fixBox .colum {
    background: #e7d3b7;
    height: 150px;
    padding: 15px 0;
    display: block;
    clear: both;
}

.fixBox .colum ul {
    background: #fef6eb;
    width: 1200px;
    height: 130px;
    padding-top: 20px;
}

.fixBox .colum ul li {
    width: 240px;
    float: left;
    margin-bottom: 20px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
}

.fixBox .colum ul li a {
    display: block;
}

.fixBox .colum ul li a:hover {
    color: #af6324;
    font-weight: bold;
}

.fixBox .colum ul li a.active {
    color: #af6324;
    font-weight: bold;
}

.fixBox .colum ul li img {
    float: left;
    margin-right: 10px;
    margin-left: 50px;
}

.fixBox .filterBox {
    background: #f9ecdb;
    display: block;
    clear: both;
}

.fixBox .filterBox .container {
    padding: 15px 0;
    height: 30px;
    border-bottom: 1px solid #c7bdaf;
}

.fixBox .filterBox .title {
    float: left;
    line-height: 30px;
    margin-right: 10px;
    background: url('../images/dj-address.png') no-repeat 20px center;
    padding-left: 55px;
    font-size: 16px;
}

.fixBox .filterBox .addressSelect {
    float: left;
    margin-right: 20px;
}

.fixBox .filterBox .Hot-address {
    float: left;
    line-height: 30px;
    color: #af6324;
}

.fixBox .filterBox .Hot-address span {
    color: #af6324;
    cursor: pointer;
}

.fixBox .filterBox .Hot-address span:hover {
    text-decoration: underline;
}

.fixBox .filterBox .dj-Tisp {
    float: right;
    height: 30px;
    position: relative;
}

.fixBox .filterBox .dj-Tisp .dj-Tisp-title {
    display: block;
    background: url('../images/dj-Warning.png') no-repeat left center;
    padding-left: 25px;
    line-height: 30px;
    cursor: pointer;
}

.fixBox .filterBox .dj-Tisp .dj-Tisp-title:hover {
    color: #af6324;
}

.fixBox .filterBox .dj-Tisp .dj-tisp-cont {
    width: 350px;
    display: none;
    position: absolute;
    right: 0;
    top: 30px;
    background: #fff;
    border: 1px solid #af6324;
    padding: 15px;
    border-radius: 2px;
}

.fixBox .filterBox .dj-Tisp .dj-tisp-cont:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom: 5px solid #af6324;
    position: absolute;
    right: 15px;
    top: -10px;
}

.fixBox .filterBox .dj-Tisp:hover .dj-tisp-cont {
    display: block;
}

.lg-Cont {
    width: 100%;
    background: #f9ecdb;
    float: left;
    padding: 30px 0;
}

.lg-List {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 50px;
}

.lg-List .title {
    display: block;
    width: 100%;
    float: left;
}

.lg-List .title .pic {
    float: left;
    margin-right: 20px;
}

.lg-List .title .text {
    float: left;
    margin-top: 8px;
}

.lg-List .title .text h3 {
    font-size: 36px;
    line-height: 36px;
    height: 36px;
    color: #4760b9;
}

.lg-List .title .text p {
    font-size: 24px;
    color: #b48054;
    margin-top: 5px;
}

.lg-List ul {
    width: 100%;
    float: left;
    margin-top: 50px;
}

.lg-List ul li {
    width: 258px;
    float: left;
    margin-right: 2px;
    margin-bottom: 2px;
    height: 75px;
    background: #fff;
    padding: 20px;
    position: relative;
}

.lg-List ul li h3 {
    font-size: 24px;
}

.lg-List ul li a h3 {
    color: #424242;
}

.lg-List ul li .price {
    color: #dc8d50;
    font-size: 15px;
    float: left;
    position: absolute;
    right: 20px;
    top: 20px;
}

.lg-List ul li .price em {
    font-style: normal;
    font-size: 24px;
}

.lg-List ul li p.textCont {
    font-size: 15px;
    margin: 10px 0;
    color: #858585;
    height: 35px;
    line-height: 35px;
}

.lg-List ul li .btn {
    border: 1px solid #dc8d50;
    width: 70px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #dc8d50;
    margin-top: 5px;
    float: right;
    border-radius: 2px;
    font-size: 12px;
}

.lg-List ul li .Refresh {
    display: block;
    width: 100%;
    height: 100%;
    background: url('../images/dj-Refresh2.png') no-repeat 80px center;
    text-indent: 50px;
    line-height: 75px;
    color: #e28e4a;
    text-align: center;
    font-size: 24px;
}

.dz-tips {
    font-size: 16px;
    line-height: 32px;
    margin-top: 30px;
}

.ContFix {
    margin-top: 241px;
}

.dzgonggaoBox {
    width: 100%;
    height: 54px;
    position: absolute;
    bottom: 43px;
    left: 0;
}

.dzgonggao {
    width: 320px;
    height: 54px;
    line-height: 54px;
    background: url('../images/dj-tisp.png') no-repeat left center;
    margin: 0 auto;
    text-indent: 30px;
    font-size: 16px;
}

.dzgonggao a {
    color: #009be5;
}

.dzgonggao a:hover {
    text-decoration: underline;
}

/*page*/
.pageBox {
    display: block;
    clear: both;
    padding: 0 20px 20px 20px;
    text-align: center;
}

.m-style {
    position: relative;
    text-align: center;
    zoom: 1;
    display: inline-table;
}

.m-style:before,
.m-style:after {
    content: '';
    display: table;
}

.m-style:after {
    clear: both;
    overflow: hidden;
}

.m-style span {
    float: left;
    margin: 0 5px;
    width: 38px;
    height: 34px;
    line-height: 34px;
    color: #bdbdbd;
    font-size: 14px;
}

.m-style .active {
    float: left;
    margin: 0 5px;
    width: 32px;
    height: 28px;
    line-height: 28px;
    background: #0990ee;
    color: #fff;
    font-size: 14px;
    border: 1px solid #0990ee;
}

.m-style a {
    float: left;
    margin: 0 5px;
    width: 32px;
    height: 28px;
    line-height: 28px;
    background: #fff;
    border: 1px solid #e5e5e5;
    color: #282828;
    font-size: 12px;
}

.m-style a:hover {
    color: #fff;
    background: #0990ee;
    border-color: #0990ee;
}

.m-style .jump-btn {
    width: 50px;
}

.m-style .next,
.m-style .prev {
    font-size: 12px;
    width: 60px;
}

.now,
.count {
    padding: 0 5px;
    color: #009be5;
}

.eg img {
    max-width: 800px;
    min-height: 500px;
}

.m-style .pageToInput {
    float: left;
    margin-left: 15px;
    margin-right: 3px;
}

.m-style input {
    margin: 0 8px;
    width: 48px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: #fff;
    border: 1px solid #ebebeb;
    outline: 0;
    color: #bdbdbd;
    font-size: 14px;
}

.webNav {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top: 18px;
}

.webNav ul {
    width: 1218px;
    display: block;
}

.webNav ul li {
    width: 388px;
    display: block;
    float: left;
    margin-right: 18px;
    margin-bottom: 30px;
}

.webNav ul li h3 {
    font-size: 16px;
    font-weight: normal;
    color: #009be5;
    padding-bottom: 15px;
}

.webNav ul li .tit {
    width: 100%;
    height: 39px;
    background: #f9f9f9;
    display: block;
    clear: both;
    border-top: 1px solid #009be5;
    line-height: 39px;
    text-indent: 45px;
    color: #424242;
    font-size: 16px;
}

.webNav ul li .tit.webicon1 {
    background-image: url('../images/webicon1.png');
    background-position: 20px center;
    background-repeat: no-repeat;
}

.webNav ul li .tit.webicon2 {
    background-image: url('../images/webicon2.png');
    background-position: 20px center;
    background-repeat: no-repeat;
}

.webNav ul li .tit.webicon3 {
    background-image: url('../images/webicon3.png');
    background-position: 20px center;
    background-repeat: no-repeat;
}

.webNav ul li .tit.webicon4 {
    background-image: url('../images/webicon4.png');
    background-position: 20px center;
    background-repeat: no-repeat;
}

.webNav ul li .tit.webicon5 {
    background-image: url('../images/webicon5.png');
    background-position: 20px center;
    background-repeat: no-repeat;
}

.webNav ul li .tit.webicon6 {
    background-image: url('../images/webicon6.png');
    background-position: 20px center;
    background-repeat: no-repeat;
}

.webNav ul li .cont {
    display: block;
    clear: both;
    padding: 10px 20px;
    height: 120px;
    background: #fff;
}

.webNav ul li .cont a {
    margin-right: 20px;
    display: inherit;
    float: left;
    margin-bottom: 10px;
    font-size: 14px;
}

/*选择号码*/
.Numlayer {
    padding: 20px 30px 30px 30px;
    width: 696px;
    float: left;
}

.Numlayer .RefreshBtn {
    float: right;
}

.Numlayer .RefreshBtn a {
    width: 68px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    color: #009be5;
    border: 1px solid #009be5;
    display: block;
}

.Numlayer .searchBox {
    float: right;
    margin-right: 12px;
    width: 198px;
    border: 1px solid #d1d1d1;
    height: 26px;
}

.Numlayer .searchBox input[type='search'] {
    width: 160px;
    height: 26px;
    line-height: 26px;
    display: block;
    float: left;
    border: none;
    padding: 0;
    text-indent: 10px;
}

.Numlayer .searchBox input[type='search']::placeholder {
    color: #858585;
}

.Numlayer .searchBox button {
    width: 35px;
    height: 26px;
    border: none;
    border-left: 1px solid #d1d1d1;
    background: url('../images/icon_search.png') no-repeat center;
    float: right;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
}

.Numlayer ul {
    display: block;
    margin-top: 20px;
    width: 100%;
    float: left;
}

.Numlayer ul li {
    width: 140px;
    height: 50px;
    text-align: center;
    float: left;
    position: relative;
    margin-left: -1px;
    margin-top: -1px;
}

.Numlayer ul li span {
    display: block;
    width: 138px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #e0e0e0;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.Numlayer ul li:hover span {
    border-color: #009be5;
    z-index: 999;
}

.Numlayer ul li input[type='radio'] {
    opacity: 0;
}

.Numlayer ul li input[type='radio']:checked + span {
    border-color: #009be5;
    z-index: 999;
    background: url('../images/selected_1.png') no-repeat right bottom;
}

body .layerNum .layui-layer-btn {
    text-align: center;
}

body .layerNum .layui-layer-btn a {
    border-color: #009be5;
    background: #009be5;
    color: #fff;
    width: 130px;
}

.layer-qrcode {
    background-color: transparent !important;
}

.layer-qrcode .qrcodeCon {
    width: 320px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    box-shadow: 0px 2px 8px 0px rgba(40, 40, 40, 0.1);
    border-radius: 6px;
    background-color: #fff;
}

.layer-qrcode .qrcodeCon .closeIcon {
    color: #fff;
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 14px;
    padding: 10px;
    cursor: pointer;
}

.layer-qrcode .qrcodeCon .head {
    box-sizing: border-box;
    height: 120px;
    background: linear-gradient(270deg, rgb(97, 114, 145) 0%, rgb(80, 95, 119) 100%);
    padding: 34px 30px 32px;
    color: rgb(255, 255, 255);
    text-align: left;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    font-size: 18px;
    clear: both;
    user-select: none;
}

.layer-qrcode .qrcodeCon .content {
    box-sizing: border-box;
    height: 311px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
}

.qrcodeCon.wxgzh .head .welcome {
    color: #e2e3e4;
    font-size: 15px;
}

.qrcodeCon.wxgzh .content img {
    width: 180px;
    display: block;
    margin-top: 50px;
    margin-bottom: 10px;
}

.qrcodeCon.hmzf .head {
    text-align: center;
}

.qrcodeCon.hmzf .head .con {
    font-size: 16px;
}

.qrcodeCon.hmzf .head .welcome {
    font-weight: bold;
}

.qrcodeCon.hmzf .content {
    height: 300px;
}

.qrcodeCon.hmzf #qrcodeCon {
    width: 200px;
    height: 200px;
    margin-top: 50px;
}

.qrcodeCon.hmzf #qrcodeCon img {
    width: 100%;
    height: 100%;
}