@font-face{font-family:element-icons;src:url(data:application/font-woff;base64,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) format("woff"),url(static/fonts/element-icons.6f0a763.ttf) format("truetype");}
.product{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0;
}
.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    box-shadow: 0 0 5px #ccc;
    z-index: 99;
}
.steps {
    background: #fff;
    height: 80px;
    display: -ms-flexbox;
    display: flex;
}
.container {
    width: 1226px;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
}
.fixed .header-logo {
    width: 400px;
    position: relative;
    float: left;
}
.fixed .header-logo h1 {
    display: inline-block;
}
.recycle-steps {
    float: right;
    margin-top: 30px;
    display: block;
}
.recycle-steps li {
    float: left;
    font-size: 14px;
    line-height: 20px;
    color: #8e8e8e;
    margin-right: 40px;
    height: 20px;
    position: relative;
}
.recycle-steps li.active {
    color: #ef1611;
}
.recycle-steps li:before {
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    background: #ef1611;
    color: #fff;
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background: #999;
    border-radius: 50%;
}
.recycle-steps li.active:before {
    color: #fff;
    background: #ef1611;
}
.recycle-steps li:first-child:before {
    content: "1";
}
.recycle-steps li:nth-child(2):before {
    content: "2";
}
.recycle-steps li:nth-child(3):before {
    content: "3";
}
.recycle-steps li:nth-child(4):before {
    content: "4";
}
.recycle-steps li:nth-child(5):before {
    content: "5";
}
.recycle-steps li:after {
    content: "";
    position: absolute;
    border-top: 2px dashed #ccc;
    width: 20px;
    display: inline-block;
    top: 10px;
    left: 95px;
}
.recycle-steps li:nth-child(5) {
    margin-right: 0;
    display: block !important;
}
.recycle-steps li:nth-child(5):after{
	display: none;
}

.main {
    margin-top: 120px;
}
.el-col-6 {
    width: 40%;
    float: left;
}
.phone {
    padding: 40px 20px 0;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 4px;
    width: 100%;
}
.phone .logo {
    width: 200px;
    height: 200px;
    display: block;
    margin: 0 auto;
}
.phone .name {
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #333;
    line-height: 58px;
    height: 58px;
    text-align: center;
    overflow: hidden;
}
.phone .data {
    display: -ms-flexbox;
    display: flex;
}
.phone .data .item:first-child {
    border-right: 1px solid #ccc;
}
.phone .data .item {
    width: 50%;
}
.phone .data .item.else {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.phone .data .item .num {
    font-size: 16px;
    color: #666;
    font-family: PingFang SC;
    font-weight: 700;
    line-height: 1em;
    height: 25px;
    padding-bottom: 9px;
}
.phone .data .item .msg {
    font-size: 14px;
    color: #999;
    font-family: PingFang SC;
    font-weight: 700;
    line-height: 1em;
}
.phone .change-phone {
    display: block;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #f24644;
    line-height: 46px;
    text-align: center;
}
.notice {
    padding: 4px 20px 20px;
    background: #fff;
    border-radius: 4px;
}
.notice h3 {
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #333;
    line-height: 50px;
}
.notice .box p {
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #999;
    line-height: 20px;
    padding-bottom: 3px;
}

.el-col-18 {
    width: 60%;
    float: left;
}
.product-box {
    padding: 18px 50px 55px!important;
    background: #fff;
    border-radius: 4px;
}
.product-box .item{
    display: none;
    border-top: 1px solid #ccc;
}
.product-box .item.show {
    display: block;
}
.product-box .item .top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.product-box .item .top .q-a {
    display: -ms-flexbox;
    display: flex;
}
.product-box .item .top .q-a .q {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #333;
    line-height: 52px;
    padding-right: 30px;
}
.product-box .item .top .q-a .a {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #999;
    line-height: 52px;
}
.product-box .item .top .q-a .a span {
    padding-left: 20px;
    color: #f24644;
}
.product-box .item .answer-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.product-box .item .answer-list p {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 300px;
    height: 52px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #333;
    line-height: 50px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 20px;
    cursor: pointer;
    overflow: hidden;
}
.product-box .item .answer-list .active p, .product-box .item .answer-list p:hover {
    border-color: #f24644;
}
.product-box .item .answer-list input {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 300px;
    font-size: 28px;
    font-family: PingFang SC;
    color: #333;
    line-height: 50px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 20px;
    cursor: pointer;
}
.el-row:after {
    clear: both;
}

.product-box .btn .submit{
    width: 320px;
    background: #f24644;
    border-radius: 6px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #fff;
    line-height: 56px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
}


.el-col-5 {
    width: 33%;
    float: left;
}
.assess-trend {
    margin-top: 20px;
    background: #fff;
    padding: 32px 10px 28px 0;
    box-shadow: 0 0 10px #eee;
}
.assess-trend .name {
    margin: 20px 0;
}
.re-assess-btn {
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    padding: 0 20px;
    margin-top: 10px;
    display: inline-block;
}
.el-col-13 {
    width: 66%;
    float: right;
}
.assess-trend h3 {
    font-size: 16px;
    font-weight: 400;
}
.price-trend {
    color: #ff3737;
}
.price-trend .flag {
    font-size: 24px;
}
.price-trend .number {
    font-size: 42px;
    position: relative;
}
.el-alert--error {
    background-color: #fef0f0;
    color: #f56c6c;
}
.el-alert {
    width: 100%;
    padding: 8px 16px;
    margin: 0;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    opacity: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    transition: opacity .2s;
}
.el-alert__content {
    display: table-cell;
    padding: 0 8px;
}
.el-alert__title {
    font-size: 13px;
    line-height: 18px;
}
.assess-btn {
    margin-top: 20px;
}
.assess-btn a {
    display: inline-block;
    background: #ff3737;
    padding: 10px 48px;
    font-size: 20px;
    color: #fff;
    border-radius: 2px;
}
.assess-btn span {
    color: #666;
    margin-left: 24px;
}
[class*=" el-icon-"], [class^=el-icon-] {
    font-family: element-icons!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.el-icon-circle-check-outline:before {
    content: "\E63E";
}
.assess-attr {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #efefef;
    height: 100px;
}
.assess-attr p {
    height: 80px;
    overflow: hidden;
}
.el-tabs--border-card {
    background: #fff;
    border: 1px solid #dcdfe6;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
}
.el-tabs--border-card>.el-tabs__header {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4e7ed;
    margin: 0;
}
.el-tabs__nav-wrap {
    overflow: hidden;
    margin-bottom: -1px;
    position: relative;
}
.el-tabs__nav-scroll {
    overflow: hidden;
}
.el-tabs__nav {
    white-space: nowrap;
    position: relative;
    transition: transform .3s;
    float: left;
    z-index: 2;
}
.el-tabs__item {
    padding: 0 20px;
    height: 40px;
    box-sizing: border-box;
    line-height: 40px;
    display: inline-block;
    list-style: none;
    font-size: 14px;
    font-weight: 500;
    color: #303133;
    position: relative;
    cursor: pointer;
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    color: #409eff;
    background-color: #fff;
    border-right-color: #dcdfe6;
    border-left-color: #dcdfe6;
}
[class*=" el-icon-"], [class^=el-icon-] {
    font-family: element-icons!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.el-icon-date:before {
    content: "\E608";
}
.el-tabs--border-card>.el-tabs__content {
    padding: 15px;
}
.el-tabs__content {
    overflow: hidden;
    position: relative;
}
.trans {
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
}
.trans > div.tr_1 {
    width: 50%;
}
.trans h2 {
    font-size: 18px;
    margin: 20px 0;
}
.trans p {
    line-height: 30px;
}

.help {
    padding: 30px;
}
.help h3 {
    font-size: 18px;
    margin-top: 25px;
    position: relative;
    padding-left: 45px;
}
.help h3 i {
    display: inline-block;
    margin-right: 20px;
    font-size: 24px;
    position: absolute;
    top: -3px;
    left: 0;
}
.icon-question:before {
    content: "\E691";
}
.help div.clearfix {
    color: #666;
    line-height: 30px;
    margin-left: 45px;
}
.privacy {
    padding: 20px;
}
.listProcess {
    padding: 60px 30px 100px;
}
.listProcess ul {
    padding: 0;
    margin-left: 0;
}
.listProcess ul li {
    float: left;
    width: 80px;
    text-align: center;
    margin-right: 100px;
}
.listProcess ul li img {
    width: auto;
    height: 42px;
    margin-bottom: 13px;
}
.listProcess ul li span {
    display: block;
    color: #666;
}






.checkout-wrap {
    margin-top: 30px;
}
.el-col-16 {
    width: 66.66667%;
    float: left;
}
.el-col-7 {
    width: 29.16667%;
    float: right;
}
.checkout-form {
    background: #fff;
    padding: 40px 30px;
}
.pickup {
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px 80px;
}
.pickup .item {
    width: 160px;
    text-align: center;
    margin-right: 30px;
    line-height: 40px;
    cursor: pointer;
    box-shadow: 0 0 5px #cdcdcd;
}
.pickup .item p {
    border: 2px solid #fff;
    display: inline-block;
    width: 100%;
    transition: border .5s;
}
.pickup .active p {
    border: 2px solid #4a90e2;
}
.tip {
    margin-bottom: 30px;
    padding-left: 80px;
    position: relative;
}
.checkout-wrap h3 {
    font-size: 16px;
    line-height: 40px;
}
.el-form--inline .el-form-item {
    margin-right: 10px;
}
.el-form-item__label {
    text-align: right;
    float: left;
    font-size: 14px;
    color: #606266;
    line-height: 40px;
    padding: 0 12px 0 0;
    box-sizing: border-box;
}
.el-form--inline .el-form-item__label {
    float: none;
    display: inline-block;
}
.el-form--inline .el-form-item, .el-form--inline .el-form-item__content {
    display: inline-block;
    vertical-align: top;
}
.el-form-item__content {
    line-height: 40px;
    position: relative;
    font-size: 14px;
}
.el-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%;
}
.el-input__inner{
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: 0;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
}
.shengshi{
    width: 100%;
}
#address-box{
    width: 80%;
}
.address{
    width: 76%;
}
.inp-select {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: 0;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 25%;
}
.el-form--inline .el-form-item {
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 22px;
}
.el-form-item:after, .el-form-item:before {
    display: table;
    content: "";
}
.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
}
.el-button--danger {
    color: #fff;
    background-color: #f56c6c;
    border-color: #f56c6c;
}
.checkout-info {
    padding: 30px 20px;
    background: #fff;
    margin-left: 50px;
}

.phone {
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
    margin-bottom: 20px;
    width: 100%;
}
.phone img {
    margin-right: 5px;
}
.phone p {
    margin-top: 5px;
}
.phone p span {
    display: block;
}
.total {
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.total div {
    display: -ms-flexbox;
    display: flex;
}
.total div label {
    width: 50%;
    display: inline-block;
}
.total div span {
    width: 50%;
    display: inline-block;
    text-align: right;
    color: red;
}
.checkout-info h3 {
    line-height: 30px;
    font-size: 14px;
}
.assess-attr p span {
    display: inline-block;
    color: #666;
    margin-right: 10px;
    font-size: 12px;
}
.assess-notice {
    margin-top: 10px;
}
.assess-notice .notice p {
    font-size: 12px;
    color: #666;
    line-height: 20px;
    margin-bottom: 5px;
}