* {
    margin: 0px;
    padding: 0px;
}

li {
    list-style-type: none;
}

body {
    background-color: #f0f0f0;
    color: #666;
    font-size: 16px;
    font-family: 微软雅黑,宋体;
    margin: 0;
    padding: 0;
    zoom: 1;
}

/*处理ios按钮颜色无效问题，去除原生样式*/
input[type=button], input[type=submit], input[type=file] {
    cursor: pointer;
    -webkit-appearance: none;
}

a {
    color: #666;
    cursor: pointer;
}
/*处理ios按钮颜色无效问题，去除原生样式*/
input[type=button], input[type=submit], input[type=file], button {
    cursor: pointer;
    -webkit-appearance: none;
}

.text-justify {
    word-break: break-word;
    text-align: justify;
}

.imgcenter {
    display: flex;
    align-items: center;
    justify-content: center;
}


.fl-left {
    float: left;
}

.fl-right {
    float: right;
}

.fl-clear {
    clear: both;
}

.f-container {
}

.f-container-mtb-20 {
    margin: 0px 0px;
    padding: 0px 0px 0px 12px;
    background-color: #fff;
    border-top: solid 1px #D6D7D9;
    border-bottom: solid 1px #D6D7D9;
}


.f-container-mtb-10 {
    margin: 5px 0px;
    padding: 0px 0px 0px 12px;
    background-color: #fff;
    border-top: solid 1px #D6D7D9;
    border-bottom: solid 1px #D6D7D9;
}

.f-container > div {
    margin: 45px 0px;
    border-bottom: solid 1px #D6D7D9;
}

.hq-fix {
    height: 45px;
}

    .hq-fix .content {
        position: fixed;
        bottom: 0px;
        background-color: #fff;
        border-top: solid 1px #D6D7D9;
        width: 100%;
        text-align: center;
    }

        .hq-fix .content a {
            margin: 0px 2px;
        }

            .hq-fix .content a:last-child {
                margin-right: 10px;
            }

.mar-10 {
    margin: 10px;
}

.mar-20 {
    margin: 20px;
}

.mar-tb-10 {
    margin: 10px 0px;
}

.mar-lr-20 {
    margin: 0px 20px;
}

.pad-20 {
    padding: 20px;
}

.pad-10 {
    padding: 10px;
}

.pad-tb-10 {
    padding: 10px 0px;
}

.pad-tb-20 {
    padding: 20px 0px;
}

.pad-lr-20 {
    padding: 0px 20px;
}

.border-tb {
    border-top: solid 1px #D6D7D9;
}

.border-b {
    border-bottom: solid 1px #D6D7D9;
}

.hq-container {
}

a, input, img, li {
    -webkit-tap-highlight-color: transparent;
}

a {
    text-decoration: none;
}

    a.deco {
        text-decoration: underline;
    }

.lab {
    font-size: 16px;
    display: block;
    width: 80px;
    float: left;
}

input[type=text], input[type=password], select {
    border: none;
    outline: none;
    font-size: 16px;
    color: #353535;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    width: 100%;
    text-align: right;
    /*width:92%;
    padding-right:8%;*/
}

    input[type=text].logintext, input[type=password].logintext {
        text-align: left;
        /*width: 50%;*/
        font-size: 18px;
        padding-top: 10px;
        height: auto;
    }

select {
    direction: rtl;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(/Images/right.png);
    background-repeat: no-repeat;
    background-position: 100%,50%;
    background-size: 8px;
    padding-right: 20px;
    background-color: #fff;
    /*width: 98%;*/
}

    select option {
        direction: ltr;
    }

.btn-big {
    margin: 10px 0px;
    height: 50px;
    border-radius: 5px;
    border: none;
    color: #fff;
    width: 100%;
    font-size: 16px;
}

.btn-mid {
    height: 55px;
    line-height: 28px;
    min-width: 160px;
    border: #D6D7D9;
    border-radius: 28px;
    background-color: none;
    color: #D6D7D9;
}

div.text-right a.btn-circle:first-of-type {
    border: 2px solid #D6D7D9;
    background-color: #fff;
    color: #666;
}

div.content .btn-circle:first-of-type, div.text-right a.btn-circle:last-of-type, div.fl-right .btn-circle:last-of-type {
    border: 1px solid #0084ff;
    background-color: #fff;
    color: #0084ff;
}

.btn-circle {
    border: 1px solid #fff;
    border-radius: 25px;
    height: 25px;
    width: 40px;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    padding: 0px 20px;
}

.btn-circle-gray {
    border: 2px solid #D6D7D9;
}


.btn-stylewhite {
    border: 2px solid #D6D7D9;
    border-radius: 25px;
    height: 25px;
    width: 40px;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    padding: 0px 20px;
    margin: 5px;
    height: auto;
    width: 80px;
    padding: 5px 0;
    color: #0084ff;
}


.btn-styleblue {
    border-radius: 25px;
    height: 25px;
    width: 40px;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    padding: 0px 20px;
    margin: 5px;
    height: auto;
    width: 80px;
    padding: 5px 0;
    background-color: #0084ff;
    color: #fff;
    font-weight: 700;
}



input[type=button].btn-gray, input[type=submit].btn-gray, input[type=file].btn-gray {
    background-color: #D6D7D9;
    color: #fff;
}

.btn-gray {
    background-color: #D6D7D9;
    cursor: pointer;
}

.btn-orange {
    background-color: #FFAB2E;
}

input[type=button].btn-orange, input[type=submit].btn-orange, input[type=file].btn-orange {
    background-color: #FFAB2E;
    color: #fff;
}

input[type=button].btn-blue, input[type=submit].btn-blue, input[type=file].btn-blue {
    background-color: #0084ff;
    color: #fff;
}

.btn-blue {
    background-color: #0084ff;
}

.btn-white {
    color: #999;
    background-color: #fff;
    border: solid 2px #D6D7D9;
}

.btn-160 {
    width: 160px;
}

.font-white {
    color: #fff;
}

.font-black {
    color: #000;
}

.font-gray {
    color: #999;
}

.font-blue {
    color: #0084ff;
}

.font-red {
    color: #fe3466;
}

.font-20 {
    font-size: 20px;
}

.font-13 {
    font-size: 13px;
}

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

.font-16 {
    font-size: 16px;
}

.font-18 {
    font-size: 18px;
}

.font-26 {
    font-size: 26px;
}

.font-28 {
    font-size: 28px;
}

.font-30 {
    font-size: 30px;
}

.icon {
    display: block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.tag {
    border: 1px solid #fe3466;
    border-radius: 5px;
    color: #fe3466;
    text-align: center;
    font-size: 8px;
}

.tb-icon {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: cover;
    position: absolute;
    top: 30%;
    right: 10px;
}

.check-on {
    background-image: url('/Images/check-on.png');
}

.check-off {
    background-image: url('/Images/check-off.png');
}

.check-not {
    background-image: url('/Images/check.png');
}

input[type=text].select {
    border: solid 1px #D6D7D9;
    border-radius: 5px;
    background-image: url('/Images/fangdajing.png');
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-size: 15px 15px;
    width: 95%;
    text-align: left;
    font-size: 16px;
    padding: 5px 10px;
}

.hint {
    background-image: url('/Images/tipmsg.png');
    position: absolute;
    margin-left: 5px;
    background-size: 20px;
    height: 20px;
    width: 20px;
    /*top: 25%;*/
    background-repeat: no-repeat;
}

.text-left {
    text-align: left;
    margin-left: 20px;
}

.text-right {
    text-align: right;
    border-top: 1px solid #fff;
}

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

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

    .ul-left li {
        float: left;
    }

.ul-line {
    margin-top: 5px;
}


    .ul-line > li {
        border-bottom: solid 1px #D6D7D9;
    }

        .ul-line > li:last-child {
            border-bottom: none;
        }

.ul-title {
    width: 100%;
}

    .ul-title li {
        padding: 10px 0px;
    }

    .ul-title a {
        position: relative;
    }

        .ul-title a.active {
            color: #0084ff;
            border-bottom: solid 2px #0084ff;
            padding-bottom: 10px;
            font-size: 16px;
        }

.ul-list li {
    margin: 12px 0px;
    font-size: 15px;
}

.ul-mar-tb-10 > li {
    margin: 10px 0px;
}


.ul-pad-20 > li {
    padding: 20px;
}

.ul-pad-tb-20 li {
    padding: 5px 0px;
}

.tb-pad-tb-20 td, .tb-pad-tb-20 th {
    padding: 20px 0px;
}

.tb-line {
    width: 100%;
    border-collapse: collapse;
}

    .tb-line td, .tb-line th {
        /*border-bottom: solid 1px #D6D7D9;*/
        border-bottom: solid 1px #F2F2F2;
        padding: 10px 0px;
        position: relative;
    }

        .tb-line td:last-child, .tb-line th:last-child {
            padding-right: 12px;
        }

    .tb-line tr:last-child td {
        border-bottom: none;
    }

    .tb-line .info {
        color: #000;
    }
/*.tb-line i.icon-right
    {
        width:20px;
        height:20px;
        position:absolute;
        top:25%;
        right:10px;
    }*/


.ul-menu .title-c {
    padding: 20px 0px 20px 20px;
    border-bottom: solid 1px #D6D7D9;
    cursor: pointer;
}

.title-c {
    background-image: url('/images/yuandian.png');
    background-repeat: no-repeat;
    background-position-y: 50%;
    color: #999;
    padding-left: 22px;
    position: relative;
}

    .title-c .btn-circle {
        position: absolute;
        right: 10px;
        top: -5px;
    }

.icon-right {
    background-image: url('/images/right.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 10px;
}

.tb-list {
    width: 100%;
    padding: 11px 0px;
    border-collapse: collapse;
}

    .tb-list td, .tb-list th {
        padding: 11px 0px;
        border-bottom: solid 1px #D6D7D9;
    }

        .tb-list td:last-child, .tb-list th:last-child {
            padding-right: 10px;
            border-bottom: solid 1px #D6D7D9;
        }

    .tb-list tr:last-child td {
        border-bottom: none;
    }

.plan {
    padding: 10px;
    border-bottom: solid 1px #D6D7D9;
    color: #000;
    background-color: #fff;
}

    .plan ul {
        float: left;
        width: 100%;
        position: relative;
    }

        .plan ul li {
            float: left;
        }

    .plan img {
        width: 100px;
        height: 75px;
    }

    .plan button {
        border: none;
        color: #fff;
        padding: 5px 10px;
        font-size: 12px;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 3px;
    }

    .plan .num {
        position: absolute;
        bottom: 0px;
        font-size: 14px;
        color: #D6D7D9;
        right: 0px;
    }

    .plan .orgprice {
        font-size: 14px;
        color: #D6D7D9;
        text-decoration: line-through;
        margin-left: 10px;
    }

    .plan > p {
        padding-top: 10px;
    }

    .plan p {
        color: #000;
    }

    .plan li.li2 {
        padding-left: 1%;
    }

/*.plan .li2 p {
        line-height: 50px;
    }*/

.dot-red {
    position: absolute;
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-radius: 7.5px;
    background-color: #fe3466;
    color: #fff;
    font-style: normal;
    font-size: 10px;
    text-align: center;
}

.dot-white {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    border: 1px solid #fe3466;
    background-color: #fff;
    color: #fe3466;
    font-style: normal;
    font-size: 10px;
    text-align: center;
}


/** 遮罩层 **/
.masklayer {
    background: #000;
    display: none;
    filter: alpha(opacity = 50);
    opacity: 0.5;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1003;
    position: fixed;
    _position: absolute;
    _left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth);
    _top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight);
}

/** 弹出层 **/
.popup {
    background-color: #fff;
    filter: alpha(opacity = 100);
    opacity: 1;
    width: 80%;
    top: 10%;
    z-index: 1004;
    margin: auto 10%;
    position: fixed !important;
    _position: absolute;
    _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat')? documentElement.scrollTop + (document.documentElement.clientHeight - this.offsetHeight)/2: /*IE6*/
    document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); /*IE5 IE5.5*/
}

.p-round {
    top: 20%;
    border-radius: 0.5em;
}

.popup-content {
    text-align: center;
    margin: 30px 10px 15px 10px;
}

    .popup-content img {
        width: 40px;
    }

.popup-contet-title {
    margin: 8px 0px;
    font-size: 20px;
}

.popup-contet-tips {
    margin: 8px 0px;
    font-size: 14px;
}

.popup-content-split {
    height: 1px;
    background-color: #dadada;
    margin: 20px 0 15px 0;
}

.popup-content-url {
    color: #57afeb;
    font-size: 20px;
    width: 100%;
    display: block;
}

.loading-popup {
    position: absolute;
    text-align: center;
    top: 45%;
    width: 100%;
}


.no-result {
    margin-top: 100px;
    text-align: center;
    color: #000;
    vertical-align: central;
    min-height: 50px;
}

    .no-result p {
        padding: 10px 0px 20px 0px;
        font-size: 16px;
    }

    .no-result img {
        width: 115px;
        height: 115px;
    }


.signtext {
    position: absolute;
    left: 2px;
    top: 3px;
    color: #fff;
    transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
}

.member .m-img {
    padding: 10px 0 7px 3px;
    width: 70px;
    height: 70px;
    margin: 0px 0px 0px 5px;
}

.font-orange {
    color: #f27755;
}

.btn-mp {
    margin: 5px;
    height: auto;
    width: 80px;
    padding: 5px 0;
}

.f-container-mtb-10-2 {
    margin-bottom: 10px;
    padding: 0px 0px 0px 10px;
    background-color: #fff;
    border-top: solid 1px #D6D7D9;
    border-bottom: solid 1px #D6D7D9;
}

.form-bottom {
    padding: 10px;
}
/*返回按钮*/
.backBtn {
    margin-top: 4px;
    float: left;
    height: 36px;
    border-right: 1px solid #d2e8f6;
}

    .backBtn img {
        width: 49px;
        height: 36px;
    }

        .backBtn img:hover {
            background-color: #d2e8f6;
        }

.hq-header-fixed {
    background-color: #F3F3F3;
    width: 100%;
    padding-bottom: 8px;
    z-index: 2;
    position: fixed;
    top: 0;
}

.hq-header-next {
    margin-top: 50px;
}

.backtext {
    padding-left: 20%;
    padding-top: 10px;
}

.topb-line {
    /*border-bottom: 2px solid;*/
    margin-bottom: 5px;
}

/*ie和qq浏览器无效*/
input:read-only {
    background-color: white;
    color: gray;
}

input.input-readonly {
    background-color: white;
    color: gray;
}

select:disabled {
    color: gray;
}

/*弹出层*/
.medal-top {
    position: fixed;
    top: 13%;
    left: 5%;
    width: 90%;
    right: 16%;
    /*border: 1px solid #6D6D6D;*/
    border-radius: 15px;
    background-color: #fff;
    z-index: 10002;
}

/*遮盖层*/
.medal-mid {
    background: #616161;
    /*height: expression(document.documentElement.clientHeight>document.documentElement.offsetHeight?document.documentElement.clientHeight:(document.documentElement.offsetHeight+50+'px'));*/
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /*position: absolute;*/
    position:fixed;
    opacity: 0.7;
    z-index: 10000;
}

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

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.agesign {
    position: relative;
    background-repeat: no-repeat;
    margin-top: 2px;
    margin-left: 5px;
}

.agetext {
    position: absolute;
    right: 0px;
    font-size: 12px;
}

.seximg {
    position: absolute;
    left: 2px;
}

.agesign img.seximg {
    width: 10px;
    height: 10px;
}