@import "base.css";
@import "animation.css";

.tc-container {
    position: absolute;
    width: 100%;
    min-height: 100%;
}

.tc-alert-cover {
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(5, 5, 5, 0.5);
}

.xy-loading-cover {
    background-color: transparent !important;
}

.xy-loading {
    position: absolute;
    bottom: 135px;
    width: 100%;
}

.xy-loading-dot {
    width: 72px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    height: 18px;
}

.xy-loading-dot li {
    margin-left: 8px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
}

.xy-loading-dot li:first-child {
    margin-left: 0 !important;
}

.xy-loading-dot li:nth-of-type(1) {
    background-color: #0e6eb8;
}

.xy-loading-dot li:nth-of-type(2) {
    background-color: #16ae67;
}

.xy-loading-dot li:nth-of-type(3) {
    background-color: #29a7e1;
}

.xy-loading-dot li:nth-of-type(4) {
    background-color: #f8b62d;
}

.xy-loading-dot li:nth-of-type(5) {
    background-color: #d60251;
}

.xy-loading-mes {
    width: 80px;
    margin: 5px auto 0;
    color: #666666;
    font-size: 14px;
    line-height: 14px;
    transform: translateX(4px);
    -webkit-transform: translateX(4px);
}

.wrapper {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.scroller {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

.scroll-top-ele,
.scroll-bottom-ele {
    height: 44px;
    line-height: 44px;
    text-align: center;
}

.scroll-top-ele img,
.scroll-bottom-ele img {
    display: inline-block;
    width: 22px;
    margin-right: 10px;
    vertical-align: middle;
}

.scroll-top-ele {
    position: absolute;
    width: 100%;
    top: -24px;
}

.scroll-top-ele.loading img,
.scroll-bottom-ele.loading img {
    animation-name: rotate;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.pullUpTxt {
    color: #666;
    cursor: pointer;
}

.pullUpTxt2 {
    color: #bbb;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.tc-alert-tip {
    width: 260px;
    background: rgba(249, 249, 249, 1);
    border-radius: 0.1rem;
}

.tc-alert-tip-top {
    position: relative;
    width: 100%;
    height: 9px;
    /*background:rgba(255,156,35,1);*/
    border-radius: 5px 5px 0 0;
}

.tc-alert-tip-text {
    position: relative;
    margin: 15px auto;
    width: 235px;
    min-height: 110px;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    color: rgba(102, 102, 102, 1);
    line-height: 1.5;
    word-break: break-all;
    white-space: pre-line;
}

.tc-alert-x {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 50px;
    height: 50px;
    background: url(../../img/popup_close.png) no-repeat center;
    background-size: 28px 28px;
    cursor: pointer;
}

.tc-logo {
    background: url(../../img/logo/logo.png) no-repeat;
    background-size: 100% 100%;
}

.tc-logo100 {
    background: url(../../img/logo/100.png) no-repeat;
    background-size: 100% 100%;
}

.tc-logo17100 {
    background: url(../../img/logo/17100.png) no-repeat;
    background-size: 100% 100%;
}

.tc-logo28200 {
    background: url(../../img/logo/28200.png) no-repeat;
    background-size: 100% 100%;
}

.tc-logo28300 {
    background: url(../../img/logo/28300.png) no-repeat;
    background-size: 100% 100%;
}

.tc-logo29200 {
    background: url(../../img/logo/29200.png) no-repeat;
    background-size: 100% 100%;
}

.tc-logo31300 {
    background: url(../../img/logo/31300.png) no-repeat;
    background-size: 100% 100%;
}

.tc-logo31400 {
    background: url(../../img/logo/31400.png) no-repeat;
    background-size: 100% 100%;
}

.tc-logo33800 {
    background: url(../../img/logo/33800.png) no-repeat;
    background-size: 100% 100%;
}

.tc-logo10000 {
    background: url(../../img/logo/10000.png) no-repeat;
    background-size: 100% 100%;
}

.tc-logo9900 {
    background: url(../../img/logo/9900.png) no-repeat;
    background-size: 100% 100%;
}

.tc-logo10160,
.tc-logo11500 {
    background: url(../../img/logo/11500.png) no-repeat;
    background-size: 100% 100%;
}

.tc-logo11600 {
    background: url(../../img/logo/11600.png) no-repeat;
    background-size: 100% 100%;
}

.tc-logo11700 {
    background: url(../../img/logo/11700.png) no-repeat;
    background-size: 100% 100%;
}

.tc-logo9900101,
.tc-logo9900102,
.tc-logo9900103,
.tc-logo9900104,
.tc-logo9900105,
.tc-logo9900106,
.tc-logo9900107,
.tc-logo9900801 {
    background: url(../../img/logo/9900101.png) no-repeat;
    background-size: 100% 100%;
}

.tc-logo9900201,
.tc-logo9900202,
.tc-logo9900203,
.tc-logo9900204,
.tc-logo9900802, .tc-logo990000, .tc-logo9900000 {
    background: url(../../img/logo/9900201.png) no-repeat;
    background-size: 100% 100%;
}

.common-timing {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 30px !important;
    height: 33px;
    width: 220px;
    line-height: 33px !important;
    font-size: 16px !important;
    color: #fff;
    background-color: rgba(68, 68, 68, .37);
    border-radius: 16px;
    text-align: center;
}

.tc-banner-title {
    position: absolute;
    bottom: 1.42rem;
    left: 14%;
    width: 72%;
    height: .6rem;
    color: #FFF;
    font-size: .5rem;
    line-height: .6rem;
    text-align: center;
    font-weight: bold;
}

.tc-banner-title2 {
    position: absolute;
    bottom: .74rem;
    left: 14%;
    width: 72%;
    height: .3rem;
    color: #fff;
    font-size: .25rem;
    line-height: .3rem;
    text-align: center;
    font-weight: bold;
}

.tc-banner-time {
    position: absolute;
    bottom: .62rem;
    /* left: 28%; */
    left: 14%;
    width: 72%;
    height: .4rem;
    color: #FFF;
    font-size: .24rem;
    line-height: .4rem;
    text-align: center;
}

.tc-banner-time2 {
    position: absolute;
    bottom: .34rem;
    /* left: 28%; */
    left: 14%;
    width: 72%;
    height: .2rem;
    color: #fff;
    font-size: .12rem;
    line-height: .2rem;
    text-align: center;
}

.tc-banner-ts {
    z-index: 101;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100px;
    background: url(../../img/personcenter/bannertclihe.png) no-repeat top;
    background-size: cover;
}

.tc-banner-ts > div {
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: url(../../img/personcenter/zhuanpan.png) no-repeat;
    background-size: 100% 100%;
    display: none;
}

.tc-banner-ts p {
    position: absolute;
    left: 0;
    width: 70%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
}

.tc-banner-ts p span:nth-of-type(1) {
    color: #fff;
    font-weight: bold;
    font-size: 25px;
    line-height: 30px;
}

.tc-banner-ts p span:nth-of-type(2) {
    color: #FFF;
    font-size: 12px;
    line-height: 20px;
}

@media (max-width: 374px) {
}

@media only screen and (min-width: 375px) and (max-width: 413px) {
}

@media (min-width: 414px) {
}

/** 对话框 开始 **/
.tc-alert-normal {
    width: 5.76rem;
    height: auto;
    background: rgba(249, 249, 249, 1);
    border-radius: 0.2rem;
}

.tc-alert-normal-top {
    width: 100%;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.44rem;
    font-weight: bold;
    font-family: PingFangSC-Regular;
    background: rgba(255, 255, 255, 0);
    border-radius: 0.2rem 0.2rem 0rem 0rem;
    text-align: center;
}

.tc-alert-normal-text {
    position: relative;
    margin: .2rem .3rem .2rem;
    font-size: 0.32rem;
    font-family: PingFangSC-Regular;
    color: rgba(68, 68, 68, 1);
    line-height: 0.5rem;
    text-align: center;
}

.tc-alert-normal-text > span {
    font-size: 0.32rem;
    font-family: PingFangSC-Regular;
    color: rgba(68, 68, 68, 1);
    line-height: 0.5rem;
}

.tc-alert-normal-btn {
    position: relative;
    bottom: 0;
    margin: .3rem 0 0;
    width: 5.76rem;
    height: .8rem;
    line-height: .8rem;
    background: rgba(214, 34, 22, 1);
    border-radius: 0rem 0rem 0.2rem 0.2rem;
    font-size: 0.32rem;
    font-family: PingFangSC-Regular;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    cursor: pointer;
}

.tc-alert-normal-bottom {
    width: 5.76rem;
    height: .8rem;
    position: relative;
    bottom: 0;
    margin: .3rem 0 0;
    border-radius: 0rem 0rem 0.2rem 0.2rem;
    display: flex;
    align-items: center;
}

.tc-alert-normal-confirm-btn {
    width: 2.88rem;
    height: .8rem;
    line-height: .8rem;
    background: rgba(214, 34, 22, 1);
    border-radius: 0rem 0rem 0.2rem 0rem;
    font-size: 0.32rem;
    font-family: PingFangSC-Regular;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    cursor: pointer;
}

.tc-alert-normal-cancel-btn {
    width: 2.88rem;
    height: .8rem;
    line-height: .8rem;
    background: rgba(204, 204, 204, 1);
    border-radius: 0rem 0rem 0rem 0.2rem;
    font-size: 0.32rem;
    font-family: PingFangSC-Regular;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    cursor: pointer;
}

/** 对话框 结束 **/