@font-face {
    font-family: '思源n';
    src: url('font/SourceHanSansCN-Normal.otf');
}
@font-face {
    font-family: '思源r';
    src: url('font/SourceHanSansCN-Regular.otf');
}
*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font:62.5% '思源r',Tahoma,Simsun}
html,body{ min-width: 1350px; }
[v-cloak] {
    display: none;
}
li{list-style:none;}
a{text-decoration:none;}
.hide{display: none !important;}
.z-index2{z-index: 2;}
.clearfix:after,.clearfix:before{display:table;content:" ";}
.clearfix:after{clear:both;}
.abs{position: absolute;}
.rela{position: relative;}
.dib{display: inline-block;}
.v-middle {vertical-align: middle;}
.fl{float: left;}
.fr{float: right;}
.ftc{text-align: center;}
.ftr{ text-align: right; }
.textover{overflow:hidden;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis}
.underline { text-decoration: underline; }
.cursor { cursor: pointer; }
.bold{ font-weight: bold; }
.w100 { width: 100%; }
.break-all { word-break: break-all; }
.hide { display: none; }

.flex{ display:-webkit-box;display:-moz-box;display:-ms-flexbox; display:-webkit-flex; display:flex;}
.flex-pc{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pj{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.flex-pe{-webkit-box-pack:end;-moz-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
.flex-ac{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.flex-ae{-webkit-box-align:end;-moz-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;}
.flex-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;}
.flex-pc {-webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-se {-webkit-box-pack:space-evenly;-moz-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;}
.flex-wrap { flex-wrap: wrap; }
.flex-column {flex-direction: column;}

.c999 { color: #999999; }
.cred { color: #ea5958; }
.cmain { color: #844095; }

.ft12 { font-size: 12px; }
.ft13 { font-size: 13px; }
.ft14 { font-size: 14px; }
.ft16 { font-size: 16px; }
.ft18 { font-size: 18px; }
.ft20 { font-size: 20px; }
.ft22 { font-size: 22px; }
.ft24 { font-size: 24px; }
.ft26 { font-size: 26px; }
.ft28 { font-size: 28px; }
.ft30 { font-size: 30px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }

.el-button:focus, .el-button:hover {
    color: #844095;
    border-color: #844095;
    background-color: #f5f2fd;
}
.el-button--primary,.el-button--primary:focus, .el-button--primary:hover {
    color: #ffffff;
    background-color: #844095;
    border-color: #844095;
}


.tp-content{position:relative;width:1200px;margin:0 auto}
.tp-container{position:relative;min-width:1350px;}

/* 头部 */
.tp-head {
    background-color: #f6f6f6;
    padding: 20px 0;
}
.fixed-header {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
    background: #ffffff;
}
.slogan-wrap {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px;
    height: 68px;
}
.tp-slogan{
    color: #444444;
    font-size: 2.2rem;
    letter-spacing: 1px;
    font-weight: bold;
    display: inline-block;
    margin-top: 10px;
}
.tp-slogan .tp-slogan-span {
    color: #844095;
}
.slogan-wrap .tp-slogan-english {
    color: #c0c0c0;
    display: block;
    /* font-size: 0.8rem; */
    font-size:12px;
    margin-top: -8px;
    letter-spacing: 0px;
}
/* 头部右侧导航 */
.tp-nav {
    margin: 27px 100px 0 0;
}
.tp-nav-flag {
    width: 64px;
    height: 4px;
    border-radius: 2px;
    bottom: -15px;
    left: 20px;
    background-color: #844095;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.tp-nav li {
    float: left;
    font-size: 1.6rem;
    color: #333333;
    padding: 0 20px 10px 20px;
}
.tp-nav li:hover,
.tp-nav li.active,
.tp-nav li:hover a,
.tp-nav li.active a {
    color: #844095;
}
.tp-nav li a {
    color: #000000;
    cursor: pointer;
}
.phone-num-wrap {
    margin-top: 18px;
}
.phone-num {
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 1px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 20px;
}
.phone-num-span {
    color: #844095;
}
.user-center-tag {
    cursor: pointer;
}

/* 右侧固定导航 */
.fix-right-btn-wrap {
    width: 60px;
    height: 130px;
    position: fixed;
    top: 45%;
    top: -webkit-calc(50% - 65px);
    top: -moz-calc(50% - 65px);
    top: calc(50% - 65px);
    right: 20px;
    z-index: 5;
}
.fix-right-btn-wrap .fix-right-btn {
    width: 60px;
    height: 60px;
    display: -webkit-flex;
	-webkit-align-items: center;
	display: flex;
	align-items: center;
    border-radius: 5px;
    background: #333333;
    text-align: center;
}
.fix-right-btn-wrap .fix-right-btn:hover {
    background: #844095;
}
.fix-right-btn-wrap .fix-btn-top {
    margin-bottom: 10px;
}
.fix-right-btn-wrap .fix-right-btn .btn-img {
    margin: 0 auto;
    align-items: center;
    -webkit-align-items: center;
}
.fix-right-btn-wrap .fix-btn-code:hover {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.fix-right-btn-wrap .fix-right-btn .code-wrap {
    width: 200px;
    height: 220px;
    background: #844095;
    top: 0;
    right: 60px;
    border-radius: 10px;
    border-top-right-radius: 0;
    text-align: center;
}
.fix-right-btn-wrap .fix-right-btn .code-img {
    width: 150px;
    height: 150px;
    margin-top: 25px;
}
.fix-right-btn-wrap .fix-right-btn .fix-code-tit {
    color: #ffffff;
    font-size: 16px;
}

/* 联系我们 */
.tp-contact-us {
    height: 610px;
    background: #393939;
}
.tp-contact-us .tcu-left-wrap .tcu-l-bg {
    display: inline-block;
    width: 320px;
    height: 320px;
    margin: 146px 0 0 198px;
    background: url(../images/index/contact_us_bg.png) no-repeat;
}
.tp-contact-us .tcu-left-wrap .tcu-l-bg::after {
    content: "";
    display: block;
    width: 442px;
    height: 442px;
    border-radius: 442px;
    border: 1px dashed #6f6f6f;
    margin: -61px 0 0 -61px;
}
.tp-contact-us .tcu-right-wrap {
    margin-left: 145px;
    padding-top: 90px;
    color: #ffffff;
}
.tp-contact-us .tcu-right-wrap .tcu-r-tit {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 30px;
}
.tp-contact-us .tcu-right-wrap .tcu-r-item {
    font-size: 18px;
    margin-bottom: 15px;
}
.tp-contact-us .tcu-right-wrap .tcu-r-item .phone-span {
    font-size: 28px;
    font-weight: bold;
    color: #f6c44c;
}
.tp-contact-us .tcu-right-wrap .tcu-r-code-tit {
    margin: 55px 0  20px 0;
    font-size: 12px;
}
.tp-contact-us .tcu-right-wrap .tcu-qc-list {
    width: 289px;
    justify-content: space-between;
    text-align: center;
}
.tp-contact-us .tcu-right-wrap .tcu-qc-list .tcu-code-tit {
    font-size: 14px;
}

.tcu-qc-list img{
	width: 70px;
	height: auto;
}

/* 底部 */
.tp-footer {
    background-color: #f4f4f4;
    padding: 40px 0;
}
.tp-footer-link {
    justify-content: center;
    margin-bottom: 19px;
}
.tp-footer-link li {
    padding: 0 10px;
    font-size: 1.4rem;
    color: #333333;
}
.tp-footer-link li::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 19px;
    background-color: #4e4e4e;
    position: relative;
    left: 10px;
    top: 4px;
}
.tp-footer-link li:last-child::after {
    width: 0;
}
.tp-footer-link li a {
    color: #333333;
}
.copyright-info {
    font-size: 1.2rem;
    color: #333333;
}
/* 标题样式1 */
.tp-common-title {
    font-size: 40px;
    font-weight: bold;
    margin: 60px 0 50px 0;
    text-align: center;
}
.tp-common-title::after {
    content: '';
    display: block;
    width: 263px;
    height: 20px;
    background-color: #f6c44c;
    margin: 0 auto;
    margin-top: -20px;
}

.tp-loading .el-loading-spinner .path{
    stroke: #844095;
}

/* 个人中心 */
.uc-page {
    background-color: #f7f7f7;
    min-height: 100vh;
}
.uc-page .uc-header {
    background-color: #ffffff;
    height: 70px;
    line-height: 70px;
    margin-bottom: 20px;
}
.uc-page .uc-header .uc-header-content {
    width: 1200px;
    margin: 0 auto;
}
.uc-header-content .icon-home {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(../images/userCenter/icon_home.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 10px;
}
.uc-header-content .uc-route span {
    margin-right: 5px;
    font-size: 14px;
}
.uc-header-content .user-img {
    width: 40px;
    height: 34px;
    margin-left: 10px;
    position: relative;
    top: 10px;
}
.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #ecf5ff;
    color: #844095;
}
.uc-content-wrap {
    width: 1200px;
    margin: 0 auto;
}
.uc-content-wrap .left-nav {
    width: 260px;
    background-color: #ffffff;
    border-radius: 20px;
}
.uc-content-wrap .left-nav .uc-logo {
    width: 260px;
    height: 112px;
    background: url(../images/userCenter/user_center.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 8px;
}
.uc-content-wrap .left-nav .uc-item {
    width: 220px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    margin-bottom: 30px;
    background-color: #f7f7f7;
    padding: 0 20px 0 23px;
    border-radius: 10px;
    cursor: pointer;
}
.uc-content-wrap .left-nav .uc-item.active {
    background-color: #ea5958;
    cursor: default;
}
.uc-content-wrap .left-nav .uc-item .nav-text {
    color: #666666;
    font-size: 16px;
}
.uc-content-wrap .left-nav .uc-item.active .nav-text{
    color: #ffffff;
}
.uc-content-wrap .left-nav .uc-item .nav-icon {
    margin-right: 9px;
}
.uc-content-wrap .left-nav .uc-item .icon-user {
    display: inline-block;
    width: 17px;
    height: 20px;
    background: url(../images/userCenter/icon_user.png) no-repeat;
    background-size: 100% 100%;
}
.uc-content-wrap .left-nav .uc-item.active .icon-user {
    background: url(../images/userCenter/icon_user_active.png) no-repeat;
    background-size: 100% 100%;
}
.uc-content-wrap .left-nav .uc-item .icon-order {
    display: inline-block;
    width: 19px;
    height: 20px;
    background: url(../images/userCenter/icon_order.png) no-repeat;
    background-size: 100% 100%;
}
.uc-content-wrap .left-nav .uc-item.active .icon-order {
    background: url(../images/userCenter/icon_order_active.png) no-repeat;
    background-size: 100% 100%;
}
.uc-content-wrap .left-nav .uc-item .icon-right {
    display: inline-block;
    width: 7px;
    height: 11px;
    background: url(../images/userCenter/icon_right.png) no-repeat;
    background-size: 100% 100%;
}
.uc-content-wrap .left-nav .uc-item.active .icon-right {
    background: url(../images/userCenter/icon_right_active.png) no-repeat;
    background-size: 100% 100%;
}
.uc-content-wrap .right-con {
    width: 930px;
}