@media(max-width:640px) {
    /*basic*/
    .attestation {height: .3rem;line-height: .3rem;padding: 0 .2rem;border-radius: 1rem;}

    /*frame*/
    .contant {width: 100%;float: none;}
    .sider {width: 100%;float: none;}
    .subject {margin-bottom: .2rem;}
    .item {padding: .1rem;}

    /*btn*/
    .btn {font-size: .2rem;border-radius: .05rem;}
    .btn i {margin: 0 .05rem 0 -.05rem;line-height: .7rem;}
    .btn-sml {height: .5rem;line-height: .5rem;font-size: .2rem;}
    .btn-sml i {line-height: .5rem;font-size: .2rem;}
    .btn-empty {border-radius: 1rem;}
    .btn-follow {border-radius: 1rem;}
    
    .btn-switch .btn {height: .4rem;line-height: .4rem;font-size: .2rem;padding: 0 .1rem;}
    .btn-switch .btn:first-child {border-radius: .05rem 0 0 .05rem;}
    .btn-switch .btn:last-child {border: 0;border-radius: 0 .05rem .05rem 0;}

    .btn-file {width: 1.5rem;}
    .btn-line {padding: 0 .3rem;margin: 0 .1rem;}

    /*bet*/
    .bet b {font-size: .22rem;margin-right: .05rem;}

    /*corner*/
    .corner {width: .5rem;height: .5rem;border-radius: 0 0 0 .5rem;padding: .05rem;}

    /*head*/
    .head {margin-bottom: .2rem;}
    .head-top {height: .5rem;}

    .head-address {line-height: .5rem;padding: 0 .1rem;}
    .head-address i {margin-right: .05rem;line-height: .5rem;}
    .head-address-cont {top: .5rem;width: 100vw;padding: .1rem;}

    .head-region {line-height: .5rem;padding: 0 .1rem;}
    .head-region i {margin-right: .05rem;line-height: .5rem;}
    .head-region-cont {padding: .1rem;}

    .head-qu li {width: 25%;padding: .1rem;}
    .head-qu li i {height: .6rem;}

    .head-list a {line-height: .5rem;padding: 0 .1rem;}
    .head-list a span {display: none;}
    .head-list a i {line-height: .5rem;}
    .head-list a em {padding-left: .05rem;}
    .head-list a u {width: .4rem;height: .4rem;}

    .head-cont .main {display: block;height: 1.9rem;}
    .head-search {width: calc(100% - 1.4rem - .2rem);float: left;display: flex;margin: 0;padding: 0 .2rem;}
    .head-search input {border-radius: 1rem 0 0 1rem;padding: 0 .2rem;font-size: .2rem;}
    .head-search button {width: 1rem;border-radius: 0 1rem 1rem 0;}

    .head-search-history {top: .8rem;border-radius: .1rem;box-shadow: 0 .05rem .1rem var(--000-1);padding: 0 .1rem;margin: 0 .2rem;width: calc(100% - .4rem);}
    .head-search-history h6 {padding: .1rem 0;}
    .head-search-history ul {padding: .1rem 0;}
    .head-search-history ul li {padding: .05rem;}
    .head-search-history ul li a {padding: .05rem .1rem;border-radius: .05rem;}

    .head-car {margin: .1rem 0;width: 1.4rem;float: right;margin-right: .2rem;}
    .head-car em {margin-left: .05rem;}

    .head-follow {top: .5rem;width: 4rem;padding-top: .1rem;}
    .head-follow .triangle {border-width: 0 .1rem .1rem .1rem;right: .15rem;}
    .head-follow-cont {box-shadow: 0 0 .2rem var(--000-2);padding: .1rem .2rem;}
    .head-follow-cont li {padding: .1rem 0;}
    .head-follow-cont li em {padding: .1rem;margin-right: .2rem;}
    .head-follow-txt i {font-size: .48rem;}

    .logo {width: 2rem;height: 1rem;float: left;margin: 0 .2rem;}

    /*menu*/
    .menu {float: right;}
    .menu cite {line-height: 1rem;}
    .menu-cont {padding: 0;top: 1rem;z-index: 2;}
    .menu-cont li a {font-size: .2rem;}
    .menu-cont li > a {padding: 0;height: .8rem;line-height: .8rem;border: 0;}
    .menu-cont .new {display: none;}
    .menu-group {width: 100%;margin: 0;}
    .menu-group a {background: var(--333);}
    .menu-group a:first-child {border-radius: 0;}
    .menu-group a:last-child {border-radius: 0;}
    .menu-group a:hover {background: var(--333);}

    /*banner*/
    .banner {height: auto;display: block;margin-bottom: .2rem;}
    .banner .swiper-slide {height: 3rem;}
    .banner .swiper-button-next, 
    .banner .swiper-button-prev {display: none;}

    /*nav*/
    nav {width: 100%;position: static;overflow: hidden;}
    .nav-group h4 {font-size: .2rem;height: .5rem;line-height: .5rem;width: 33.33%;float: left;border-width: 0 1px 1px 0;}
    .nav-group:hover .nav-cont {display: none;}
   
    .fly {display: none;}
    
    /*rob*/
    .rob {margin-bottom: .2rem;}
    .rob .swiper-rob {padding-bottom: .3rem;}
    .rob .swiper-slide {height: 3.6rem;}
    .rob-cont a {margin:0 .1rem;}
    .rob-cont a h3 {padding: .2rem 0;font-size: .24rem;}
    .rob-cont a span {height: .4rem;line-height: .4rem;border-radius: 1rem;padding: 0 .1rem;margin-bottom: .1rem;}
    .rob-cont a em {width: 2rem;height: 1.4rem;}
    .rob-cont a h5 {height: .5rem;line-height: .5rem;padding: 0 .1rem;}

    /*title*/
    .title {padding: .4rem 0;}
    .title h3 {font-size: .3rem;}
    .title span {font-size: .2rem;}
    .title u {width: 1rem;height: .03rem;margin: .2rem auto;}
    .title em {width: .4rem;height: .4rem;margin: 0 .2rem;}
    .title .btn {padding: 0 .2rem;margin-right: .2rem;}
    .title label {line-height: .5rem;}

    .title-left h3 {border-left: .05rem var(--red) solid;padding: 0 .2rem;line-height: .3rem;height: .3rem;margin: .1rem 0;}

    .title-sml {padding: .1rem 0;}
    .title-sml h3 {font-size: .24rem;padding: 0 .15rem;margin: .1rem 0;line-height: .24rem;}
    .title-sml .btn {margin: 0 .1rem;}
    .title-sml span {line-height: .24rem;margin: .1rem 0;font-size: .2rem;}

    /*product*/
    .product li {width: 50%;padding: .1rem;}
    .product li em {height: 2.4rem;}
    .product-cont {padding: .1rem;}
    .product li h5 {height: .6rem;line-height: .3rem;}
    .product li h6 {padding: .1rem 0;height: .5rem;}
    .product li aside span {line-height: .22rem;margin-right: .05rem;padding-right: .05rem;}
    .product li .corner {margin: .1rem;}
    .product-edit {width: 1rem;}

    .product-state-cont i {font-size: .5rem;margin: 0 auto .1rem;}
    .product-state-cont span {font-size: .2rem;}
    .product-state-cont cite {font-size: .2rem;}

    .product .btn-flex a {margin-right: .05rem;}
    .product .btn-flex a:last-child {margin-right: 0;}

    .product-empty {height: 5rem;}
    .product-empty i {font-size: .7rem;margin: .2rem auto;}

    /*contrast*/
    .contrast-cont {padding: .1rem;}
    .contrast-cont li {padding: .2rem;border-radius: .1rem;margin: .1rem;}
    .contrast-cont li i {margin: .1rem;}
    .contrast-cont li h4 {padding-bottom: .1rem;}

    /*life*/
    .life {margin: .5rem 0;}
    .life-cont li {width: 50%;padding: .1rem;}
    .life-cont li a em {height: 3rem;border-radius: .1rem;}
    .life-txt {width: 80%;padding: .1rem 0;margin: -.5rem auto .2rem;border-radius: .1rem;}
    .life-txt h4 {padding-bottom: .1rem;}

    .life-title {padding-top: .3rem;}
    .life-title h4 {line-height: .5rem;padding:  0 .5rem;}

    /*foot*/
    .foot {margin-top: 1.3rem;}
    .foot-cont {padding: .3rem 0;display: block;}
    .foot-list {display: block;padding: .2rem;}
    .foot-list li h5 {padding: .2rem 0;}
    .foot-list li a {display: inline-block;line-height: .4rem;padding: 0 .1rem;}
    .foot-other {border: 1px var(--fff-1) solid;border-width: 1px 0 0 0;padding: .2rem;}
    .foot-other .btn {width: 2rem;margin-bottom: .3rem;}
    .foot-copy {display: block;padding: .3rem 0;}
    .foot-copy span {line-height: .4rem;padding: 0;display: block;}
    .foot-copy span img {width: .2rem;height: .2rem;}
    .foot-copy a {line-height: .4rem;}

    /*more*/
    .more {width: 2rem;margin: .3rem auto;}

    /*im*/
    .im {display: none;}

    /*login*/
    .login .menu cite {color: white;}
    .login .head-cont .main {height: .1rem;}

    .login-main {display: block;}
    .login-banner {padding: .2rem .6rem .6rem;}
    .login-cont {width: 6rem;height: auto;border-radius: .1rem;padding: .1rem .3rem;margin: auto;}
    .login-group {padding: 0 0 .1rem;}
    .login-group h4 {padding: .3rem 0;}
    .login-group li {padding: .05rem;}
    .login-group li input {font-size: .22rem;}
    .login-group li a {line-height: .7rem;}
    .login-group p {padding: .2rem 0;}
    .login-group u {width: 1rem;height: .5rem;}
    .login-group i {margin: auto;}
    .login-group > button {margin: .1rem 0;}
    .login-group .select {border-radius: .05rem;}
    .login-group .select select {padding: 0 .2rem;font-size: .22rem;}

    .login-li {margin: 0 .05rem .1rem;}
    .login-li span {line-height: .7rem;}
    .login-up {height: .7rem;}

    /*article*/
    .article {padding: 0 .2rem .4rem;}
    .article .title h3 {padding: .2rem 0;margin-bottom: .1rem;}
    .article-cont {padding: 0 .1rem;}

    /*list*/
    .list-sever {padding: 0 .2rem;}
    .list-sever li {padding: .2rem 0;display: block;text-align: center;}
    .list-sever li em {width: 3rem;height: 2rem;margin: auto;border-radius: .1rem;}
    .list-sever li em b {font-size: .22rem;}
    .list-sever li > .btn {width: auto;margin: 0 .05rem;display: inline-block;padding: 0 .3rem;}
    .list-sever .list-txt {padding: 0 .2rem;margin: .2rem 0;}
    .list-sever .list-txt h5 {margin-bottom: .1rem;height: .3rem;line-height: .3rem;}
    .list-sever .list-txt p {line-height: .3rem;height: auto;margin-bottom: .05rem;text-align: center;}
    .list-sever .list-txt-col {line-height: .3rem;padding-top: .1rem;text-align: center;}
    .list-sever .list-txt-col span {padding-right: .1rem;}
    .list-sever .list-txt-col .btn-switch {margin-right: .1rem;}

    .list-message li em {width: .8rem;height: .8rem;line-height: .8rem;font-size: .4rem;background: var(--sapphire);border-radius: 100%;}

    /*shop*/
    .shop .tab {padding-top: .1rem;}
    .shop-info {margin: 0;padding: .2rem;display: block;}
    .shop-info em {width: 1rem;height: 1rem;margin: .1rem auto;}
    .shop-info a.btn {width: 2rem;margin: auto;}
    .shop-info .data {width: 100%;}
    .shop-basic {padding: 0 .2rem;text-align: center;}
    .shop-basic h3 {padding-bottom: .1rem;}

    .shop-txt a {padding: 0 .2rem;}
    .shop-txt cite {flex: none;}
    .shop-txt .vip {width: .6rem;background-size: .3rem;}
    .shop-txt span.btn {height: .3rem;line-height: .3rem;border-radius: .1rem;font-size: .2rem;padding: 0 .2rem;}
    .shop-txt .attestation {margin-right: .2rem;}

    .shop-infomation {padding: .2rem;}

    /*follow*/
    .follow {padding: .1rem;}
    .follow li {width: 100%;float: none;padding: .2rem;}
    .follow li em {width: .7rem;height: .7rem;}
    .follow-name {padding: 0 .1rem;}
    .follow-name h5,
    .follow-name p {height: .3rem;line-height: .3rem;}
    .follow li .btn {width: 1.2rem;height: .5rem;line-height: .5rem;border-radius: 1rem;font-size: .2rem;}

    /*data*/
    .data {padding: .1rem 0;display: block;text-align: center}
    .data li {padding: .1rem;}
    .data li i {font-size: .4rem;margin: .1rem auto;}
    .data li a {padding: .1rem 0;}
    .data li a u {padding: 0 .06rem;border-radius: 1rem;margin: .1rem;right: 16px;}
    .data .score i {font-size: .2rem;margin: 0;}

    .datas li a u {right: 40px;}
    .datas2 li a u {right: 45px;}
    .datas3{margin-top: 25px;}
    .datas3 li a u {right: 76px;}
    /*score*/
    .score span {line-height: .2rem;}
    .score i {font-size: .2rem;}
    .score-edit i {font-size: .5rem;line-height: .5rem;}

    /*comment*/
    .comment {}
    .comment-list {padding: 0 .2rem;}
    .comment-list li {padding: .2rem 0;}
    .comment-user {padding-bottom: .1rem;}
    .comment-user em {width: .4rem;height: .4rem;}
    .comment-user span {line-height: .4rem;}
    .comment-user h5,
    .comment-user h6 {line-height: .4rem;padding: 0 .1rem;}
    .comment-product {margin-right: .2rem;}
    .comment-product a {width: 1rem;height: 1rem;border-radius: .1rem;}
    .comment-massage .score {padding: .1rem 0;}
    .comment-massage .btn {width: 1.4rem;padding: 0 .2rem;margin: .1rem 0;}
    .comment-massage img {width: 1rem;height: 1rem;margin: 0 .1rem .1rem 0;}

    .comment-principal .product li {width: 3rem;}
    .comment-leave {padding: .3rem;}

    /*form*/
    .form li {border-width: 0;}
    .form .score {padding: .1rem 0;}
    .form .attestation {margin: .1rem 0;}
    .form span {padding: 0 .05rem;}
    .form .view-file {width: 1.5rem;margin: 0 .2rem;}
    .form .sml {width: 100%;}

    .form-title {padding: 20px 0;margin-left: -20px;float: left;width: 100%;}
    .form-title h5 {background: var(--red);color: white;line-height: 40px;padding: 0 25px;border-radius: 0 20px 20px 0;display: inline-block;}

    .form-left {}
    .form-left li {float: left;width: 50%;padding-right: 20px;}
    .form-left li.wide {width: 100%;}
    .form-left li label {height: 50px;overflow: hidden;float: left;}
    .form-left .sml {width: 300px;}
    .form-left .min {width: 150px;}

    .price-add {width: 160px;float: left;}

    .price-list > li {border-width: 1px;padding: .5rem .1rem 0;display: block;}
    .price-col a {width: .5rem;height: .5rem;line-height: .5rem;}

    .upload-group em {height: .4rem;line-height: .4rem;padding: 0 .1rem;border-radius: 0 0 .3rem 0;}

    /*page*/
    .page {padding: .5rem 0;}

    /*classify*/
    .classify-li {padding: .2rem 0;}
    .classify-li li {padding: 0 .1rem;}
    .classify-li li a {font-size: .2rem;padding: 0 .15rem;height: .5rem;line-height: .5rem;border-radius: 1rem;}
    .classify-select {padding: .2rem;}
    .classify-select a {line-height: .7rem;padding: 0 .2rem;}
    .classify-select .select {width: 100%;margin: .1rem 0;border-width: 1px;padding: 0 .2rem;}

    /*tab*/
    .tab {padding-top: .1rem;}
    .tab-list li a {line-height: .7rem;font-size: .22rem;padding: 0 .1rem;}
    .tab-list li a span {padding-left: .05rem;font-size: .2rem;}
    .tab-more a {padding: 0 .2rem;margin-right: .1rem;}

    /*fabric*/
    .fabric h4 {width: 1rem;}
    .fabric-basic {display: block;padding: .2rem;}
    .fabric-light {width: 100%;margin: 0;}
    .fabric-light .gallery-top {height: 5rem;margin-bottom: .1rem;}
    .fabric-light .gallery-thumbs {height: 1rem;}
    .fabric-light em {height: 4rem;}
    .swiper-zoom {padding: .1rem;font-size: .4rem;}
    .fabric-info h3 {padding: .1rem 0;}
    .fabric-info h3 span {font-size: .2rem;padding: 0 .1rem;border-radius: .2rem;margin-right: .1rem;height: .3rem;line-height: .3rem;}
    .fabric-list {padding: .2rem 0;}
    .fabric-list li {padding: .1rem 0;line-height: .4rem;}
    .fabric-list li span {width: 1rem;}
    .fabric-select a {margin: 0 .1rem .05rem 0;padding: 0 .2rem;}

    .fabric-col {padding: .2rem 0;}
    .fabric-col a.btn {width: calc(50% - .1rem);margin: 0;}
    .fabric-col a.btn:first-child {margin-right: .2rem;}
    .fabric-col-list {float: none;text-align: center;}
    .fabric-col-list a {margin: .2rem;display: inline-block;float: none;}
    .fabric-col-list a i {font-size: .4rem;}
    
    .fabric-other {padding: .2rem;}
    .fabric-other .score i {font-size: .2rem;}
    .fabric-txt h5 {padding: .1rem 0;}

    .fabric-video video {height: 4rem;}

    .need-list li a.btn {width: 1.5rem;}

    /*user*/
    .user .product li {width: 50%;height: auto;}
    .user .product li i.checkbox.corner {border-radius: 0 0 .4rem 0;}
    .history .product li {height: auto;}

    .user-toggle {display: flex;}
    .user-toggle i {margin: .15rem;}
    .user-toggle h5 {flex: 1;line-height: .7rem;}
    .user-list {padding: .1rem;border-top-width: 1px;display: none;}
    .user-list ul {padding: .1rem 0;display: flex;align-items: center;justify-content: center;}
    .user-list ul li a {line-height: .7rem;font-size: .22rem;border-radius: .05rem;padding: 0 .2rem;}
    .user-list ul li a em {padding: 0 .08rem;border-radius: 1rem;margin-left: .05rem;}

    .user-info {display: block;padding: .2rem;}
    .user-info-name {width: 100%;display: block;margin-left: -90px}
    .user-info-name em {width: 1rem;height: 1rem;margin: .1rem auto;}
    .user-info-cont {text-align: center;}
    .user-info-cont h3 .new {line-height: .3rem;padding: 0 .1rem;border-radius: 1rem;font-size: .2rem;}
    .user-info-cont .score {padding: .1rem 0;margin: auto;}
    .user-info-cont .score * {float: none;display: inline-block;}
    
    .user-info-other {width: 100%;padding: 0;margin: .2rem 0;border-width: 1px 0 0 .1px;}
    .user-info-other a {line-height: .7rem;text-align: center;border-width: 0 1px 1px 0;}
    .user-info-other a span {padding-left: .1rem;}
    .user-info-other a i {margin-right: .1rem;}

    .user-info-disable {justify-content: center;padding: .2rem 0 0;}
    .user-info-disable .btn {width: 1.2rem;margin: 0 .1rem;}
    .user-flex{display: block}
    .user-flex .subject {margin-right: .2rem;}
    .subject #time h5:last-child{position: absolute;margin-top: 360px;}
    .user-recommend {padding-bottom: .2rem;}

    .user-process {display: flex;padding: 30px;}
    .user-process i {font-size: 36px;flex: 1;color: var(--eee);}
    .user-process i:after {content: 'trending_flat';}
    .user-process li {text-align: center;}
    .user-process li.mono {opacity: .5;}
    .user-process li em {width: 110px;height: 110px;display: block;margin-bottom: 20px;}
    .user-process li b {box-sizing: border-box;}

    .user-li {padding: 25px;}
    .user-li li {display: flex;line-height: 30px;padding: 5px 0;}
    .user-li li span {width: 100px;}
    .user-li li p {line-height: 30px;flex: 1;}
    .user-li li a {color: var(--red);}

    .user-search {width: 2rem;border-radius: 1rem;height: .5rem;margin: 0 .05rem;}
    .user-search button.icons {line-height: .5rem;width: .5rem;height: .5rem;}
    .user-search input {padding: 0 .5rem 0 .2rem;height: .5rem;line-height: .5rem;}

    .user-time {float: right;}
    .user-time input {width: 200px;border-width: 1px;border-radius: 20px;height: 40px;margin: 0 10px;padding: 0 10px;float: none;}

    .user-center {display: flex;}
    .user-center > div {flex: 1;margin-right: 20px;}
    .user-center > div:last-child {margin-right: 0;}

    /*logistics*/
    .logistics {padding: 30px;}
    .logistics-list {padding: 30px 0 30px 10px;position: relative;}
    .logistics-list u {width: 10px;height: 100%;border-right-width: 1px;position: absolute;left: 0;top: 0;}
    .logistics-list li {line-height: 30px;display: flex;padding: 5px 0;}
    .logistics-list li i {width: 7px;height: 7px;background: var(--eee);border-radius: 100%;margin: 11px 11px 11px -4px;}
    .logistics-list li span {width: 100px;height: 30px;text-align: center;}
    .logistics-list li p {flex: 1;}

    /*history*/
    .history-time {padding: .2rem;}
    .history-time h5 {font-size: .3rem;}

    /*program*/
    .program {position: fixed;right: 0;bottom: 0;margin: 50px;width: 160px;background: white;padding: 10px;z-index: 2;}
    .program h6 {text-align: center;padding: 10px 0;}
    .program img {width: 100%;height: auto;}
    .program a {position: absolute;top: 0;right: 0;margin: 3px;}

    /*table*/
    .table {}
    .table table {}
    .table table td {min-width: 100px;max-width: 400px;}
    .table table td p {padding: 10px;}
    .table table tr:nth-child(2n) td {background: var(--bg);}
    .table table tbody tr:hover {background-color: transparent;}
    .table table thead th,
    .table table thead td {background-color: var(--bg);color: var(--333);}
    .table table tbody td .icons:hover {color: var(--red);}

    /*calc*/
    .calc {width: 160px;}
    .calc input {height: 35px;border-width: 1px;margin: 0 5px;}
    .calc a.icons {width: 35px;height: 35px;line-height: 35px;border-width: 1px;}
    .calc a.icons:hover {background: var(--red);color: white;border-color: var(--red);}

    /*pop*/
    .pop {}
    .pop-main {border-radius: .1rem;}
    .pop-title span {font-size: .2rem;padding: 0 .1rem;}
    .pop-title h3 span {display: none;}
    .pop-title a.btn {width: 1.5rem;}

    .pop-buy {text-align: center;padding: 40px;position: relative;}
    .pop-buy em {width: 210px;display: block;margin: 30px auto;padding: 20px;border-width: 1px;}
    .pop-buy em img {width: 100%;height: auto;}
    .pop-buy h3 {}
    .pop-buy h3 i {width: 30px;height: 30px;display: inline-block;vertical-align: middle;margin-right: 10px;}
    .pop-buy h4 {text-align: center;margin-bottom: 30px;}
    .pop-buy h4 span {color: var(--red);}
    .pop-buy .btn {width: 200px;margin: auto;}

    .pop-buy-tip {position: absolute;right: 0;top: 150px;width: 45px;text-align: center;padding: 10px;border-width: 1px;}
    .pop-buy-tip i {color: var(--red);}

    .pop-follow {display: flex;}
    .pop-follow .follow {flex: 1;overflow: auto;max-height: 70%;}

    .zoom-pop img {width: 100%;max-height: 80vh;}

    .rule-cont {padding: .2rem;margin: .2rem;}

    .tip {}
    .tip .pop-main {max-width: 600px;}
    .tip-cont {padding: 40px 0;text-align: center;}
    .tip-cont i {font-size: 48px;width: 50px;height: 50px;display: inline-block;color: var(--red);margin-bottom: 20px;}
    .tip-cont h4 {}

    .agent-pop {display: none;}
    .agent-pop .follow li {width: 100%;}

    .agent-pop .pop-cont,
    .comment-pop .pop-cont,
    .relation-pop .pop-cont {max-height: 70vh;overflow: auto;}

    .pop .upload x {left: auto;}

    .tip-pop {display: block;background-color: transparent;left: auto;top: auto;right: 10px;bottom: 10px;width: 380px;height: auto;}
    .tip-pop .pop-title {display: block;position: relative;background-color: var(--fff-8);}
    .tip-pop .pop-title h3 {font-size: 18px;text-align: center;color: var(--red);}
    .tip-pop .pop-title a {position: absolute;right: 0;top: 0;}
    .tip-pop .pop-main {box-shadow: 0 5px 10px var(--000-1);width: 100%;}
    .tip-pop .pop-cont {text-align: center;font-size: 16px;font-weight: bold;padding: 20px;line-height: 200%;text-indent: 2em;color: var(--red);background-color: var(--fff-8);}

    .about-show-pop .pop-main {width: 100%;height: 100%;max-height: 90vh;max-width: 90vw;}

    /*bracket*/
    .bracket {padding: .2rem;overflow: auto;}
    .bracket cite {width: 1rem;padding: 0 .05rem;}
    .bracket cite .btn {margin: .1rem 0;}
    .bracket dfn {width: 15%;}
    .user .bracket dfn {width: 1rem;}
    .bracket aside {padding: 0 .1rem;}
    .bracket-head {line-height: .5rem;min-width: 10rem;}
    .bracket-head aside a {adding: 0 .2rem;}
    
    .bracket-main,
    .bracket-head {min-width: 13rem;}

    .bracket-group {padding: .1rem 0;}

    .bracket-product em {width: 100px;height: 100px;background-size: cover;margin-right: 20px;cursor: pointer;}
    .bracket-product em i {color: white;font-size: 32px;opacity: 0;}
    .bracket-product em:hover i {opacity: 1;}
    .bracket-product em.active {transform: scale(2);box-shadow: var(--shadow);}
    .bracket-product em.active i {opacity: 0;}
    .bracket-product-txt {flex: 1;}
    .bracket-product-txt h5 {max-height: 40px;line-height: 20px;overflow: hidden;margin-bottom: 5px;}
    .bracket-product-txt h5 span {background: var(--red);color: white;font-size: 14px;padding: 0 10px;border-radius: 10px;margin-right: 5px;height: 20px;line-height: 20px;display: inline-block;}
    .bracket-product-txt p {line-height: 150%;color: #908f8f;}
    .bracket-product-txt a:hover h5 {color: var(--red);}

    .bracket-col {display: block;}
    .bracket-col .btn {width: 100%;margin: .2rem 0;}
    .bracket-col .btn-empty {width: auto;padding: 0 .2rem;display: inline-block;}
    .bracket-col span {padding: 0 .1rem;}
    .bracket-col .bet {padding: .1rem;}

    .bracket-other {}
    .bracket-other li {line-height: 30px;padding: 5px 10px;float: left;width: 100%;}
    .bracket-other li span {float: left;width: 120px;}
    .bracket-other li em {float: right;}
    .bracket-other li h4 {color: var(--red);}
    .bracket-other .select {width: 200px;background-color: transparent;border-width: 1px;}
    .bracket-other .select select {padding-left: 10px;}

    .bracket-pay {padding: 10px 0;overflow: hidden;}
    .bracket-pay a {border-width: 1px;padding: 20px 30px;float: left;margin-right: 20px;position: relative;}
    .bracket-pay a em {width: 40px;height: 40px;margin-right: 10px;}
    .bracket-pay a h5 {font-size: 24px;font-weight: normal;}
    .bracket-pay a.active {border-color: var(--red);}
    .bracket-pay a.active .corner {display: block;}

    .bracket-tip {background: var(--bg);padding: 15px;margin: 10px 0;}
    .bracket-tip i {margin-right: 10px;}

    .bracket-order {margin: 10px 0;border-bottom-width: 1px;}
    .bracket-number {line-height: 40px;background: var(--bg);overflow: hidden;padding: 0 20px;}
    .bracket-number h6 {float: left;}
    .bracket-number span {float: right;color: #908f8f;padding: 0 5px;}

    .bracket-class {flex: 1;}

    .bracket-edit-time {margin: inherit;}
    .bracket-edit-time:hover {color: var(--red);}

    /*address*/
    .address {}
    .address-cont {}
    .address-select {overflow: hidden;padding: 20px;}
    .address-select li {width: 25%;float: left;padding: 10px;}
    .address-select li a {padding: 20px;display: block;border-width: 1px;position: relative;background-size: 100% 100%;}
    .address-select li a h5 {padding-bottom: 10px;}
    .address-select li a h5 span {padding-left: 10px;}
    .address-select li a p {line-height: 30px;height: 60px;overflow: hidden;}
    .address-select li.active a {border-color: white;background-image: url(../images/post.svg);}
    .address-select li.active a i {display: block;}
    .default-btn {width: 90px;display: inline-block;margin: 0 10px;border-radius: 20px;}
    .default-btn.active {border: 1px var(--red) solid;}
    .default-btn.active span {display: none;}

    /*fruit*/
    .fruit {padding: 40px;}
    .fruit-cont {padding: 30px 0;text-align: center;border-bottom-width: 1px;}
    .fruit-cont i {width: 80px;height: 80px;display: block;margin: auto;}
    .fruit-cont h3 {padding: 20px 0;}
    .fruit-cont span {}
    .fruit-col {text-align: center;padding: 20px 0;}
    .fruit-col a {width: 160px;display: inline-block;border-radius: 30px;margin: 10px;}

    /*relation*/
    .relation-select {padding: .1rem;}
    .relation-select li {padding: .1rem;width: 100%;}
    .relation-select li a {padding: .1rem;}
    .relation-select li em {width: 1rem;height: 1rem;margin: 0 .1rem;}
    .relation-select-txt h5 {line-height: .3rem;max-height: .6rem;margin-bottom: .05rem;}
    .relation-select-refresh {width: 1.5rem;margin: 0 auto .2rem;}

    .relation-cont {padding: .2rem;}
    .relation-cont .product {width: 3rem;}

    .relation-list {display: block;}
    .relation-group {margin: .2rem 0;}
    .relation-group:first-child {display: none;}
    .relation-group li {line-height: .5rem;padding: .1rem;height: .7rem;}
    .relation-group li:first-child {height: 3rem;}
    .relation-group li:last-child {height: auto;}
    .relation-group li:nth-child(3),
    .relation-group li:nth-child(4) {height: 1rem;}
    .relation-group .select {margin: .05rem;}
    .relation-group .select select {padding: 0 .5rem 0 .1rem;}

    .relation-open i {margin: 1rem auto .1rem;font-size: .5rem;}
    .relation-name {width: 3rem;}

    .relation-down {width: 3rem;margin: .3rem auto;}
    .relation-print {padding: .3rem;}
    .relation-print-cont {padding: .3rem;}

    /*chat*/
    .chat-padding {padding: .1rem;}
    .chat {height: 8rem;box-shadow: 0 .1rem .2rem var(--000-1);}
    .chat .portrait {width: .5rem;height: .5rem;}
    .chat-title {line-height: .7rem;height: .7rem; padding: 0 .1rem;}
    
    .chat-sider {width: 1rem;}
    .chat-sider .chat-title {text-align: center;padding: 0;}
    .chat-sider .portrait {position: static;}
    .chat-sider-list {height: 7.3rem;}
    .chat-sider-list li a {padding: .1rem;height: auto;}
    .chat-sider-list li a em {position: static; margin: auto;}
    .chat-sider-list li a h6,
    .chat-sider-list li a span,
    .chat-sider-list li a cite {display: none;}

    .chat-main {width: calc(100% - 1rem);}
    
    .chat-cont {padding: .1rem;}
    .chat-cont::-webkit-scrollbar {width: .05rem;}
    .chat-group {margin-bottom: .1rem;padding: 0 .7rem;}
    .chat-txt {min-width: 2rem;}
    .chat-txt cite {padding-bottom: .1rem;}
    .chat-txt-cont {border-radius: .1rem .1rem .1rem 0;padding: .1rem;}
    .chat-txt .triangle {border-width: .1rem .1rem .1rem 0;left: -.1rem;top: .15rem;}
    .chat-txt u {width: .5rem;height: .5rem;padding: .05rem;}

    .chat-group.mine .chat-txt-cont {border-radius: .1rem .1rem 0 .1rem;}
    .chat-group.mine .triangle {border-width: .1rem 0 .1rem .1rem;right: -.1rem;}

    .chat-col {height: .5rem;padding: 0 .1rem;}
    .chat-col a {width: .4rem;height: .5rem;}
    .chat-col a i {line-height: .5rem;}

    .chat-masssage {height: 1.5rem;padding: 0 .1rem .1rem;}
    .chat-masssage textarea {height: 1rem;padding: 0 .1rem;}
    .chat-masssage a {width: 2rem;margin: .1rem;}

    /*smile*/
    .smile {position: absolute;left: 0;bottom: 50px;width: 420px;height: 220px;background: white;box-shadow: var(--shadow);padding: 10px;display: none;}
    .smile u {width: 50px;height: 50px;display: block;float: left;padding: 5px;}
    .smile u img {width: 100%;height: 100%;}
    .smile u:hover {background: var(--eee);}

    /*coor*/
    .coor-buy,
    .coor-lease,
    .coor-show {height: .3rem;line-height: .3rem;margin: 0 .03rem 0 0;padding: 0 .05rem;}

    /*agency*/
    .agency {padding: .1rem;display: block;}
    .agency-cont {margin: .1rem 0;}
    .agency-cont:last-child {width: 100%;max-height: auto;}
    .agency-title {height: .5rem;line-height: .5rem;padding: 0 .2rem;}
    .agency-list {padding: .1rem;}
    .agency-list li {padding: .1rem;}
    .agency-list li em {width: .7rem;height: .7rem;}
    .agency-list li a {width: 1rem;}
    .agency-txt {padding: 0 .2rem;}
    .agency-txt h5 {line-height: .3rem;}
    .agency-txt span {height: .3rem;line-height: .3rem;}
    .agency-pop-cont {padding: .2rem;}
    .agency-pop-cont em {width: 1rem;height: 1rem;}
    .agency-pop-cont h5 {line-height: .4rem;}
    .agency-pop-cont h5 a {margin-left: .1rem;width: .5rem;height: .5rem;line-height: .5rem;}
    .agency-pop-txt {padding: .2rem 0;}

    /*news*/
    .news-bg {padding: .5rem 0;margin-bottom: .5rem;}
    .news-banner {margin: -.2rem auto .3rem;}
    .news-banner .swiper-slide {height: 5rem;}

    .news-tab {padding: .3rem 0;}
    .news-tab a {line-height: .7rem;font-size: .22rem;}

    .news-title {padding: .3rem .2rem;}
    .news-title h3 {font-size: .32rem;}
    .news-title span {font-size: .5rem;margin-top: -.4rem;}

    .news-view {padding-bottom: .5rem;}
    .news-view li {width: 100%;padding: .1rem;}
    .news-view em {height: 3rem;}
    .news-view h5 {line-height: .7rem;padding-top: .2rem;font-size: .22rem;}
    .news-view p {height: 1.2rem;line-height: .3rem;}

    .news-list li {padding: .3rem .2rem;}
    .news-list li em {width: 2rem;height: 1.5rem;}
    .news-list-cont {width: calc(100% - 2rem - .2rem);}
    .news-list-cont h5 {font-size: .22rem;}
    .news-list-cont p {line-height: .4rem;height: .8rem;margin: .1rem 0;}

    .news-group li {margin: .2rem 0;}
    .news-group li a {display: block;}
    .news-group li em {width: 100%;height: 3rem;display: block;}
    .news-group-cont {padding: .2rem;}
    .news-group-cont h5 {font-size: .22rem;padding: .1rem 0;}
    .news-group-cont p {height: 1.2rem;}

    .news-article-title {padding: .3rem .2rem;}
    .news-article-title h2 {padding: .3rem 0;font-size: .32rem;}
    .news-article-title-info {padding: .2rem 0;}
    .news-article-title-info span {padding: 0 .2rem;}
    .news-article-cont article {padding: .2rem;}
    .news-article-cont article p {font-size: .2rem;padding: .1rem 0;}

    /*about*/
    .about-bg {padding: .5rem 0;margin-bottom: .5rem;}
    .about-banner {height: 4rem;margin: -.2rem auto .3rem;}
    .about-title {padding: .4rem .2rem;}
    .about-title h3 {font-size: .34rem;padding: .2rem 0;}
    .about-info {display: block;}
    .about-info em {width: 100%;margin: 0;padding: .5rem;}
    .about-info-cont {padding: .2rem;}
    .about-info-cont p {padding: .1rem 0;}
    .about-list li {width: 100%;float: none;padding: 0 .2rem 0 1.4rem;margin: .2rem 0;}
    .about-list i {font-size: .5rem;width: .8rem;height: .8rem;line-height: .8rem; top: .3rem;left: .2rem;}
    .about-list span {line-height: .4rem;height: auto;}
    .about-map #container {height: 6rem;}

    .about-video li {padding: .1rem;width: 100%;}
    .about-video li span {height: .7rem;line-height: .7rem;}

    .about-btn {width: 2rem;margin: .2rem auto;}

    .about-show {margin-bottom: .5rem;}
    .about-show li {width: 50%;padding: .05rem;}
    .about-show li a {height: 3rem;}

    /*advise*/
    .advise {width: 400px;height: auto;left: auto;right: 0;top: auto;bottom: 0;display: block;}
    .advise .pop-choice {animation-delay: 2s;}
    .advise .pop-title h3 {line-height: 50px;}
    .advise .pop-title .icons {width: 50px;height: 50px;line-height: 50px;}
    .advise-cont {padding: 20px;}

    /*credit*/
    .credit {padding: 40px 0;}
    .credit .icons {margin: inherit;}
    .credit span {color: var(--red);}


    /*region*/
    .region-title {padding: 30px;display: flex;align-items: center;}
    .region-title em {width: 60px;height: 60px;background-size: cover;background-color: var(--eee);}
    .region-title-cont {flex: 1;margin-left: 20px;}
    .region-title-cont h2 {margin-bottom: 10px;}
    .region-title-cont p {}


    /*sentiment*/
    .sentiment {float: left;padding: 10px 0;}
    .sentiment a {float: left;width: auto;display: flex;align-items: center;margin: 0 5px;}
    .sentiment a i {float: left;font-size: 30px;}
    .sentiment a span {line-height: 30px;padding: 0 20px;border-radius: 100px;background: var(--eee);}
    .sentiment a.active i {color: var(--red);}
    .sentiment a.active span {background: var(--red);color: white;}


    /*trouble*/
    .trouble {}
    .trouble-group {margin: 20px 0;padding: 0 20px;}
    .trouble-group h5 {padding: 0 20px;border-left: 4px var(--red) solid;line-height: 100%;}
    .trouble-cont {padding: 10px 0;}
    .trouble-cont p {padding: 10px 0;}
    .trouble-cont img {max-width: 100%;}

    /*cancellation*/
    .cancellation-center {height: 150px;}
    .cancellation-center .btn {width: 150px;}

    .pop-cancellation .pop-main {width: 500px;}

    .cancellation {}
    .cancellation-cont {padding: 20px;}
    .cancellation-btn {width: auto;float: left;padding: 0 30px;}
    .cancellation-form {padding: 30px;}
    .cancellation-form li {display: flex;border-bottom-width: 1px;}
    .cancellation-form li input {flex: 1;}

    /*support*/
    .support {padding: 20px;}
    .support-list {text-align: center;}
    .support-list ul h5 {padding: 10px 0;}
    .support-list ul li a {line-height: 30px;height: 30px;font-size: 14px;font-weight: normal;color: var(--999);}
    .support-list ul li a:hover {background: none;color: var(--red);}

    /*invoice*/
    .invoice-group {margin: .2rem 0;}
    .invoice-title {line-height: .5rem;padding: 0 .2rem;}
    .invoice-cont {display: block;padding: .2rem;}
    .invoice-col {display: flex;padding-top: .2rem;text-align: center;border-top-width: 1px;}
    .invoice-col a {padding: 0 .1rem;flex: 1;}
    .invoice-info {padding-bottom: .2rem;}
    .invoice-info li {line-height: .3rem;}

    /*emergency*/
    .emergency-light {margin-bottom: .3rem;}
    .emergency-tab {margin-bottom: .4rem;}
    .emergency-tab > .tab-list li a {padding: 0 .1rem;border-radius: .1rem .1rem 0 0;}
    .emergency-tab > .tab-list li a i {margin-right: .1rem;}

    .emergency-tit {padding: .3rem 0 .2rem;}

    .emergency-less .tab-list {width: 1.3rem;border-radius: .1rem 0 0 .1rem;}
    .emergency-less .tab-list li a {font-size: .2rem;}
    .emergency-less .tab-cont {padding: .1rem;}
    .emergency-less .tab-group li a {padding: .1rem;}

}