/* Write your styles */

body{max-width: 640px!important;margin: 0 auto;}
Element{
    -webkit-appearance: none;
}

/*下单样式*/
.clear{clear: both;}
.order_content{width: 100%;background: #fff;}
.order_list{width: 100%;padding: 10px;border-top: 10px solid #efefef;}
.order_listOne{width: 100%;padding: 5px;position: relative;}
.order_listImg{width: 60px;height: 60px;float: left;margin: 5px;}
.order_listImg img{width: 100%;height: 100%;}
.order_listName{float: left;padding: 0 10px 0 10px;font-weight: 300;width: 55%;}
.order_listMoney{float: right;padding: 0 10px 0 0;}
.list_name{font-size: 14px;vertical-align: top;color: #444;}
.list_info{font-size: 14px;color: #b0b0b0;}
.list_money{font-size: 16px;padding: 2px 0;text-align: right;color: #383838;position: absolute;right: 0;top: 0;font-weight: 500;}
.list_details{width: 70px;color: #b0b0b0;border: 1px solid #a7a7a7;text-align: center;border-radius: 5px;font-size: 12px;position: absolute;bottom: 10px;right: 10px;}
.order_listTwo p{margin: 0;font-size: 14px;padding: 10px 0 0 0;color: #aaa;}
.list_now{float: right;margin-right: 10px;}

/**/
.pages.horizontal{bottom: -15px;padding-left: 0;}
.pages li{width: 12px;height: 2px;}
.pages li.active{box-shadow: 0 0 2px orange;}

.mytop-cns {
    width: 100%;
    min-height: 239px;
    overflow: hidden;
}

.mytop-cn {
    width: 100%;
    position: relative;
    width: 100%;
    height: 100%;
}

.mytop-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.mytop-bg img {
    width: 100%;
}

.mytop-dtl {
    width: 200px;
    position: absolute;
    padding-top: 20px;
    margin: auto;
    left: 0px;
    right: 0px;
    z-index: 3;
    text-align: center;
    overflow: hidden;
}

.mytop-users {
    position: relative;
}

.mytop-user {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border: 3px solid #a6a6a6;
}

.vip {
    width:.12rem;
  height:.12rem;
  position:absolute;
  top:.2rem;
  left:.2rem;
}

.mytop-name {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: .8rem;
    color: #fff;
}

.mytop-bh {
    margin: .5rem 0;
    color: #fff
}

.mytop-info {
    margin: .5rem 0;
    color: #fff;
}

.mytop-namesbg {
    background: #d9ba72;
    border-radius: 10px;
    color: #fff;
    font-size: 1.4rem;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    height: 23px;
    display: -webkit-inline-box;
    padding: 0 5px;
}

.mytop-namesbg img {
    height: 70%;
}

.mytop-namesbg span {
    margin-left: 5px;
}

.mytop-sj {
    height: 24px;
    width: 100px;
    position: absolute;
    top: 50px;
    right: 5%;
    z-index: 2;
    background: url(/static/img/share/xj.png)  center;
    background-size: 100% 100%;
    font-size: 1.2rem;
    padding-left: 20px;
    overflow: hidden;
}

.mytop-sj i {
    position: relative;
    top: 7px;
    font-style: normal;
    color: #fff;
}

.mytop-sj span {
    position: relative;
    top: 5px;
    left: 5px;
    font-size: 1.2rem;
    font-weight: 500;
    color: #fff;
}


/**/
.my-content {
    width: 100%;
    border-top: 10px solid #efefef;
    float: left;
}

.my-title {
    width: 100%;
    text-align: center;
    background: url(/static/img/share/t3.png) no-repeat center;
    padding: .8rem 0;
}

.my-title span {
    background: #fff;
    padding: 0 .8rem;
}

.my-title-fl {
    display: block;
    height: 7px;
    width: 113px;
    background: url(/static/img/share/t.png) no-repeat center;
    float: left;
}

.my-title-fr {
    display: block;
    height: 7px;
    width: 113px;
    background: url(/static/img/share/t2.png) no-repeat center;
    float: left;
}
.my-zp {position: relative;}
.my-zpbg{position: relative;margin: auto;left: 0px;right: 0px;top: 0px;z-index: 1;}
.my-zps{position:absolute;left: 87px;top:51px;z-index: 2;height:253px;width:139px;}
.my-zp img {
    /* width: 100%; */
}

.my-zp-name {
    padding: .4rem 0;
    text-align: center;
    font-weight: 700;
    border-bottom: 10px solid #efefef;
}

.my-zp-names {
    padding: .4rem 0;
    border-bottom: 10px solid #efefef;
}

.my-zp-names p {
    margin: .3rem 0;
    /* padding: 0; */
}

.my-zp-namesp {
    text-align: left;
    font-weight: 700;
    font-size: 1.4rem;
    color: #333;
    padding-right:.8rem;
    padding-left:.3rem;
}

.my-zp-namesp span {
    float: right;
    color: #7a7a7a;
    font-size: 1.2rem;
    font-weight: 400;
    padding-top:3px;
}

.my-zp-namesp2 {
    text-align: left;
    font-weight: 500;
    font-size: 1.2rem;
    color: #7a7a7a;
    padding-right:.8rem;
    padding-left:.8rem;
}

.my-zp-namesp2 span {
    float: right;
    color: #7a7a7a;
    font-size: 1.2rem;
    font-weight: 400;
}

.my-user-title {
    padding: .4rem .8rem;
    overflow: hidden;
}

.my-user-title b {
    float: left;
    font-weight: 500;
}

.my-user-title i {
    display: block;
    height: 10px;
    width: 34px;
    background: url(/static/img/share/more.png) no-repeat center;
    background-size: 100% 100%;
    float: left;
    margin: 8px 0 0 5px;
}

.my-user-info {
    padding: .4rem .8rem;
    overflow: hidden;
    font-size: 1.4rem;
    color: #7a7a7a;
}

.my-fixed {
    max-width:640px;
    height: 62px;
    overflow: hidden;
    background: #363636;
    padding: .4rem .8rem;
    position: fixed;
    margin: auto;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 300;
}

.my-fixed-fl {
    width: 70%;
    float: left;
    height: 70%;
    overflow: hidden;
    margin-top: 11px;
}

.my-fixed-fl img {
    float: left;
    margin-top: 4px;
}

.my-fixed-fl-con {
    float: left;
    color: #fff;
    width: 60%;
    font-size: 1.4rem;
}

.my-fixed-fl-con p {
    margin: 0 0 0 15px;
    line-height: 30px;
    vertical-align: middle;
}


.my-fixed-fll {
    width: 75%;
    float: left;
    height: 100%;
    overflow: hidden;
}

.my-fixed-fll img {
    float: left;
    height: 42px;
    margin-top: 5px;
}

.my-fixed-fll-con {
    float: left;
    color: #fff;
    width: 75%;
    font-size: 1.4rem;
}

.my-fixed-fll-con p {
    margin: 0.15rem 0 .3rem .8rem;
    font-size:11px;
}

.my-fixed-fr {
    width: 25%;
    float: right;
    text-align: right;
    height: 35px;
    font-size: 14px;
}

.my-fixed-dn {
    display: block;
    height: 34px;
    line-height: 34px;
    background: #ffb400;
    color: #fff;
    text-align: center;
    width: 85%;
    border-radius: 4px;
    vertical-align: middle;
    float: right;
    margin-top: 10px;
    font-size: 1.3rem;
}

.my-fixed-dnl {
    display: block;
    height: 34px;
    line-height: 34px;
    background: #565656;
    color: #fff;
    text-align: center;
    width: 70%;
    border-radius: 4px;
    vertical-align: middle;
    float: right;
    margin-top: 10px;
    font-size: 1.3rem;
    border:0px;
}

.zw {
    height: 60px;
    width: 100%;
    float: left;
}


/**/

.am-gs {
    width: 100%;
    background: #f4f4f4;
    padding-bottom: 1rem;
}

.share-header {
    height: 50px;
    line-height: 30px;
    margin: 0rem 1rem;
    padding: .4rem 0;
    text-align: left;
    font-size: 1.4rem;
    font-weight: 600;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

.share-lx {
    height: 25px;
    line-height: 25px;
    text-align: center;
    padding: 0 1.2rem;
    font-size: 1.4rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    float: right;
    color: #333;
    background: #fff;
    margin-top: 8px;
}

.share-icon {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

.share-title {
    padding: .9rem 1rem;
    font-size: 1.6rem;
    font-weight: 600;
}

.share-price {
    padding: 0 1rem;
    font-size: 1.4rem;
    background: #fff;
    font-weight: 500;
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
}

.share-price i {
    display: block;
    height: 20px;
    width: 20px;
    background: url(/static/img/share/price.png) no-repeat center;
    background-size: 100% 100%;
    float: left;
    margin: 11px 5px 0px 0;
}

.share-price span {
    float: right;
}

.share-con {
    padding: 1rem .8rem;
    line-height: 140%;
    display: block;
    word-break: break-all;
    font-size: 1.4rem;
    color: #7a7a7a;
}
.share-con p{
    padding:3px 0;margin:0;
}

.share-time {
    padding: .2rem .8rem;
    color: #363636;
    font-size: 1.4rem;
    overflow: hidden;
}

.share-time span {
    width: 90%;
    float: left;
}

.share-time i {
    display: block;
    height: 14px;
    width: 14px;
    background: url(/static/img/share/time.png) no-repeat center;
    background-size: 100% 100%;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
}

.share-place {
    padding: .2rem .8rem;
    color: #363636;
    font-size: 1.4rem;
    overflow: hidden;
}

.share-place span {
    width: 90%;
    float: left;
}

.share-place i {
    display: block;
    height: 18px;
    width: 13px;
    background: url(/static/img/share/place.png) no-repeat center;
    background-size: 100% 100%;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
}

.gd {
    margin-bottom: 1rem;
}

.gd img {
    width: 100%;
}

.share-bm {
    padding: .2rem 1rem 0rem 1rem;
    color: #8c8c8c;
    font-size: 1.4rem;
    font-weight: 500;
}

.share-ul {
    padding: 0;
    margin: 0;
    overflow: hidden;
    padding:0rem .5rem 1rem .5rem;
}

.share-ul li {
    list-style: none;
    width: 11%;
    float: left;
    text-align: center;
    position: relative;
    margin-top:10px;
}

.share-ul li img {
    width: 90%;
    border-radius: 50%;
    margin: 0 auto;
}

.share-vip {
    display: block;
    width: 30%;
    height: 30%;
    background: url(/static/img/share/vip.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 70%;
    right:2%;
    z-index: 2;
}
.share-msg{padding: 1rem 1rem;font-size: 1.4rem;border-top: 10px solid #f4f4f4;}
.share-msg i{display: block;height: 19px;width: 20px;background: url(/static/img/share/msg.png) no-repeat center;background-size:100% 100% ;float: left;margin:3px 10px 0px 0px;}
.reply-ul{margin: 0;padding: 0;background:#f4f4f4;padding: .5rem .5rem;}
.reply-ul li{padding-bottom: 1rem;border-bottom: 1px solid #ddd;overflow: hidden;list-style: none;margin-top: .6rem;}
.reply-ul li:last-child{border-bottom: 0px;}
.reply-user{width:50px;float: left;position: relative;text-align: center;}
.reply-user img{width:40px;width: 40px;border-radius: 50%;margin: 0 auto;}
.reply-info{width: 81%;float: left;margin-left:5px;}
.reply-info p{margin:0rem 0;font-size: 1.3rem;}
.reply-time{color: #959595;}
.reply-con{width: 81%;float: left;margin-left:55px;font-size: 1.2rem;color: #959595}
.reply-rid{color: #333;}
.reply-user i{display: block;height: 12px;width: 12px;background:url(/static/img/share/vip.png) no-repeat center;background-size:100% 100%;position: absolute;
top:28px;right: 5px;}

/**/
.pic-header{padding:.5rem 1rem;text-align: center;font-size: 1.8rem;}
.pic-rly{display: block;;height: 18px;width: 21px;/* background:url(/static/img/share/rp.png) no-repeat center; */background-size:100% 100% ;float: right;margin-top:5.5px;}
.pic-info{padding:.5rem .8rem;overflow: hidden;}
.pic-info > img{width: 15%;border: 3px solid #b9b9b9;border-radius: 50%;float: left;}
.pic-jj{width: 68%;float: left;padding-top: 1.5%;padding-left: 8px;}
.pic-jj p{margin: 0;font-size: 1.4rem;}
.pic-jj-name{color: #999999;}
.dianzan{width:15%;float: right;text-align: center;}
.dianzan img{width:80%;max-width:25px;}
.draw-name{font-size: 16px;color: #333;padding: 5px 0;}
.draw-tip{padding: 7px .2rem;overflow: hidden;}
.draw-tip span{background: #fff5df;padding:5px .8rem;color: #686868;font-size: 1.3rem;margin:.5rem .3rem;border-radius:10px;}
.draw-info{padding: 1px 1rem;overflow: hidden;color:#a7a7a7;font-size: 14px;}
.draw-dn{padding: .4rem 0rem;overflow: hidden;color: #999999;margin: 0 1rem;font-size: 12px;}
.draw-ll{display: block;height: 12px;width: 15px;background:url(/static/img/share/draw-ll.png) no-repeat center;background-size:100% 100% ;margin: 2px 3px 0 0px;}
.draw-time{display: block;height:14px;width:14px;background:url(/static/img/share/time.png) no-repeat center;background-size:100% 100% ;margin: 2px 5px 0 10px;}
.draw-dn i{float: left;}
.draw-dn span{float: left;}
.draw-lls{font-weight: 400;}
.draw-con{margin:.3rem 1rem;padding: .4rem .6rem;background: #f6f6f6;font-size: 1.4rem;border-radius: 4px;}
.pic-jl{padding: .1rem 1rem;overflow: hidden;}
.jl-ul{width:100%;margin: 0;padding-left: 10px;overflow: hidden;float: left;}
.jl-ul li{list-style:none;width:12.5%;float: left;text-align: center;position: relative;padding-right:10px;padding-bottom:10px;}
.jl-ul li img{width:85%;border-radius: 50%}
.jl-ul li i{display: block;width: 28%;height: 32%;background: url(/static/img/share/vip.png) no-repeat center; background-size:100% 100%;position:absolute;top:45%;right:20%;z-index: 2;}
.pic-r{display: block;width:18px;height:32px;background: url(/static/img/share/r.png) no-repeat center;background-size:100% 100%;float: right;margin-top: 1%;}
.pic-msg{border-top: 8px solid #efefef;overflow: hidden;clear: both;}
.msg-ul{margin:.5rem 1rem;overflow: hidden;padding: 0;}
.msg-ul li{list-style: none;width: 100%;padding: .5rem 0;border-bottom: 1px solid #f7f7f7;overflow: hidden;}
.msg-ul li:last-child{border: 0px;}
.msg-ul li > img{width:8%;border-radius: 50%;float: left;}
.msg-fr{width: 90%;float: left;margin-left:2%;}
.msg-frs{width: 100%;}
.msg-frs > b{font-weight: 500;font-size: 1.5rem;float: left;margin-top: 1%;width: 30%; color: #171717;}
.msg-frs > span{color: #8a8a8a;font-size: 1.2rem;float: left;}
.yx{display: block;width: 30px;height: 35px;background-size:100% 100%;float: left;margin-top: 2%;margin-right: 3%;}
.msg-fr-con{float: left;margin-left: 1%;width: 40%;color:#7c7c7c;}
.msg-fr-con > span{float: left;font-size: 1.5rem;margin-top: 4%;margin-right:2%;}
.msg-fr-con > b{font-weight: 400;font-size: 1.6rem;float: left;margin-top: 2%;}
.msg-time{float: right;font-size: 1.3rem;color: #c7c7c7;margin-top: 1.5%;}
.msg-fr-ly{width: 88%;float: left;margin-left: 10%;font-size: 1.3rem;color:#7c7c7c;}
.msg-fr-ly-left{float: left;width:85%;}
.msg-fr-ly-right{float: left;width:15%; text-align: right;}

.mask-bg {
    max-width: 640px;
    height: 100%;
    background: #333;
    position: fixed;
    margin: auto;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 99;
    overflow: hidden;
    opacity: 0.7;
}

.mask {
    max-width: 300px!important;
    margin: auto;
    position: fixed;
    top: 20%;
    left: 0px;
    right: 0px;
    background: #fff;
    border-radius: 5px;
    z-index: 999;
}

.mask-title {
    padding: 1rem 0;
    font-size: 1.5rem;
    color: #333;
    text-align: center;
}

.mask table {
    width: 100%;
    padding: 1.2rem .8rem;
}

.mask table tr {
    margin: .5rem 1rem;
    display: block;
}

.mask table tr td:nth-child(2) {
    width: 82%;
}

.mask table tr td {
    text-align: center;
    font-size: 1.4rem;
}

.mask table tr td input[type="text"] {
    background: #f0f0f0;
    border: 0px;
    border-radius: 4px;
    display: block;
    width: 100%;
    padding: .5rem .4rem;
}

.mask table tr td textarea {
    background: #f0f0f0;
    border: 0px;
    border-radius: 4px;
    display: block;
    width: 100%;
    padding: .5rem .4rem;
}

.mask-ts {
    color: #999;
    text-align: center;
    font-size: 1.2rem;
    padding: 0 .5rem;
}

.mask input[type="submit"] {
    display: block;
    width: 100%;
    background: #febe29;
    color: #fff;
    font-size: 1.4rem;
    border: 0px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 1rem 0px;
}

.close {
    display: block;
    height: 35px;
    width: 35px;
    background: url(/static/img/share/close.jpg) no-repeat center;
    background-size: 100% 100%;
    border-top-right-radius: 4px;
    position: absolute;right: 0px;top: 0px;
    cursor: pointer;
}


.dd-rly {
    display: block;
    height: 18px;
    width: 21px;
    background: url(/static/img/share/back.jpg) no-repeat center;
    background-size: 100% 100%;
    float: left;
    margin-top: 5.5px;
}
.dd-title{text-align: left;padding:12px;font-size: 1.4rem;}
.dd-zp{margin:0 12px 12px 12px;background: #f7f7f7;padding: 12px 12px 12px 2px;}
.dd-name{font-size: 1.5rem;font-weight: 600;}
.dd-name span{float: right;color: #fdb400;}
.dd-user{color: #999;font-size: 1.2rem;}
.dd-info{color: #888;font-size: 1.2rem;}
.dd-ul{padding:.6rem 0;overflow: hidden;margin: 0;}
.dd-ul li{list-style: none;/* width:19%; */float: left;margin-left: 1%;margin-top: 1%;}
.dd-ul li img{/* width: 100%; */}
.dd-infos{padding: 6px 0;font-size:1.5rem;color: #555;margin: 0;}
.dd-infos span{float: left;color: #888;}
.dd-zps{height: 80px;margin:12px 12px 0 12px;background: #f7f7f7;padding: .6rem;overflow: hidden;}
.dd-zps > img{/* height: 70px;float: left; */margin:5px;}
.dd-zpinfo{ margin-left:60px;}
.dd-zpinfo .dd-name{margin-bottom: .4rem;}
.dd-time{padding: .8rem 12px;margin: 0;text-align: left;color: #a7a7a7;font-size: 1.2rem;}
.dd-time span{float: right;color: #363636;font-size: 1.2rem;font-weight: 500;}
.dd-time span b{color: #fdb400;font-weight: 500;}
.call{font-size: 1.6rem;}


/**/
@media only screen and (min-width:0px) and (max-width:320px) {
    .art-name{font-size:1.2rem!important;margin-top: 0rem!important;font-weight:400;}
    .art-infos{font-size: 1rem!important;}
    .art-info{padding-top: 0rem;}
    .gz{font-size: 1.2rem!important;top: .3rem!important;padding: .2rem 0!important;}
    .art-imgnone{font-size: 1.4rem!important;padding: 2rem 0!important;}
    .hall-top ul li p{font-size: 1.2rem!important;}
    /* .hall-top ul li{width: 22%!important;margin-left: 3%!important;} */
    .hall-icon{top: .4rem!important;}
    .hall-i{background: url(/static/img/jt.png) no-repeat top!important;background-size:70% 70%!important ;}
    .hall-pic-word{bottom: 4%!important;}
    .hall-ll{background-size:80% 80%!important ;background-position: top!important;margin-top: .4rem!important;}
    .hall-time{background-size:80% 80%!important ;background-position: top!important;margin-top: .4rem!important;}
    .hall-dn span{font-size: 1.4rem!important;}
    .zan{background-size: 80% 80%!important;}
    .zans{font-size: 1.2rem!important;}
    .hall-r{padding: 1.4%!important;font-size: 1.2rem!important;}
    .hall-pl p{font-size: 1.5rem!important;}
    .hall-pl p b{font-size: 1.5rem!important;}
    .art-nav ul li i{background-size:80% 80% ;}
    .n3{background-size:50% 50%!important;margin-top: 5%!important;}
    .spans{display: block;margin-top: -93%;width: 100%;}
    .pspans{display: block;margin-top: -84%;width: 100%;}
}
@media only screen and (min-width: 320px) and (max-width:375px) {
    .art-name{font-size:1.4rem!important;margin-top: 0rem!important;font-weight:400;}
    .art-infos{font-size: 1.2rem!important;}
    .art-info{padding-top: .4rem;}
    .art-name{padding-top:.4rem;}
    /* .art-info{padding-top: .5rem;} */
    .gz{font-size: 1.2rem!important;top: .5rem!important;padding: .2rem 0!important;}
    .art-imgnone{font-size: 1.4rem!important;padding: 2rem 0!important;}
    .hall-top ul li p{font-size: 1.2rem!important;}
    /* .hall-top ul li{width: 22%!important;margin-left: 3%!important;} */
    .hall-icon{top: 1.4rem!important;}
    .hall-i{background-size:70% 70%!important ;}
    .hall-i{background: url(/static/img/jt.png) no-repeat top!important;background-size:70% 70%!important ;}
    .hall-pic-word{bottom: 4%!important;}
    .hall-ll{background-size:90% 90%!important ;background-position: top!important;margin-top: .4rem!important;}
    .hall-time{background-size:90% 90%!important ;background-position: top!important;margin-top: .4rem!important;}
    .hall-dn span{font-size: 1.4rem!important;}
    .zan{background-size: 80% 80%!important;}
    .zans{font-size: 1.2rem!important;}
    .hall-r{font-size: 1.2rem!important;height: 26px!important;line-height: 26px!important;width: 26px!important; margin-top: 0px!important; }
    .hall-pl p{font-size: 1.5rem!important;}
    .hall-pl p b{font-size: 1.5rem!important;}
    .art-nav ul li i{background-size:80% 80% ;}
    .art-nav ul li p{font-size: 1.3rem!important;}
    .n3{background-size:50% 50%!important;margin-top: 5%!important;}
    .art-title > img {width: 45px!important; height: 45px!important;margin-top: 1px!important;}
    .spans{display: block;margin-top: -80%;width: 100%;}
    .pspans{display: block;margin-top: -85%;width: 100%;}
}
@media only screen and (min-width: 375px) and (max-width:414px) {
    .art-name{font-size:1.6rem!important;margin-top: .2rem!important;font-weight:400;}
    .art-infos{font-size: 1.2rem!important;}
    .art-info{padding-top: .4rem;}
    .art-name{padding-top:.3rem;}
    .gz{font-size: 1.2rem!important;top: .8rem!important;padding: .3rem 0!important;}
    .art-imgnone{font-size: 1.8rem!important;}
    /* .hall-top ul li{width: 22%!important;margin-left: 3%!important;} */
    .hall-top ul li p{font-size: 1.6rem!important;}
    .hall-icon{top: 1.6rem!important;}
    .hall-i{background: url(/static/img/jt.png) no-repeat top!important;background-size:70% 70%!important ;}
    .hall-r{font-size: 1.2rem!important;height: 29px!important;line-height: 29px!important;width: 29px!important;}
    .hall-pl p{font-size: 1.5rem!important;}
    .hall-pl p b{font-size: 1.5rem!important;}
    .n3{background-size:60% 60%!important;margin-top: 6%!important;}
    .art-nav ul li i{background-size:80% 80% ;}
    .art-nav ul li p{font-size: 1.4rem!important;}
    .art-title > img {width: 55px!important; height: 55px!important;margin-top: 1px!important;}
    .spans{display: block;margin-top: -76%;width: 100%;}
    .pspans{display: block;margin-top: -83%;width: 100%;}
    .hall-ll{background-size:90% 90%!important ;background-position: top!important;margin-top: .4rem!important;}
    .hall-time{background-size:90% 90%!important ;background-position: top!important;margin-top: .4rem!important;}
    .hall-dn span{font-size: 1.4rem!important;}
}
@media only screen and (min-width: 414px) and (max-width:480px) {
    .art-name{font-size:1.6rem!important;font-weight:400;}
    .art-infos{font-size:1.4rem!important;}
    .art-info{padding-top: 0.7rem;}
    .art-name{padding-top:.3rem;}
    .gz{font-size: 1.8rem!important;top: 1.2rem!important;padding: .2rem 0!important;}
    .art-imgnone{font-size: 1.7rem!important;}
    /*.hall-top ul li{width: 22%!important;margin-left: 3%!important;} */
    .hall-top ul li p{font-size: 1.8rem!important;}
    .hall-icon{top: 1.5rem!important;}
    .hall-i{background: url(/static/img/jt.png) no-repeat top!important;background-size:70% 70%!important ;}
    .hall-pic-word p{font-size: 1.4rem!important;}
    .hall-r{font-size: 1.2rem!important;height: 33px!important;line-height: 33px!important;width: 33px!important;}
    .hall-pl p{font-size: 1.5rem!important;}
    .hall-pl p b{font-size: 1.5rem!important;}
    .n3{background-size:70% 70%!important;margin-top: 4%!important;}
    .art-nav ul li i{background-size:80% 80% ;}
    .art-nav ul li p{font-size: 1.5rem!important;}
    .art-title > img {width: 55px!important; height: 55px!important;margin-top: 3px!important;}
    .spans{display: block;margin-top: -72%;width: 100%;}
    .pspans{display: block;margin-top: -81%;width: 100%;}
    .hall-ll{background-size:90% 90%!important ;background-position: top!important;margin-top: .4rem!important;}
    .hall-time{background-size:90% 90%!important ;background-position: top!important;margin-top: .4rem!important;}
    .hall-dn span{font-size: 1.4rem!important;}
}
@media only screen and (min-width: 481px) and (max-width:640px) {
    .art-name{font-size:1.8rem!important;font-weight:400;}
    .art-info{padding-top: 1.2rem;}
    .hall-icon{top: 2.2rem!important;}
    /* .art-infos{font-size: 2.4rem!important;} */
    .gz{font-size: 2rem!important;top: 2rem!important;padding: .2rem 0!important;}
    .art-imgnone{font-size: 2rem!important;}
    .hall-top ul li p{font-size: 2rem!important;}
    /* .hall-top ul li{width: 22%!important;margin-left: 3%!important;} */
    .hall-i{background: url(/static/img/jt.png) no-repeat top!important;background-size:90% 90%!important ;}
    .hall-pic-word p{font-size: 1.5rem!important;}
    .hall-r{font-size: 1.6rem!important;height: 40px!important;line-height: 40px!important;width: 40px!important;}
    .hall-pl p{font-size: 1.5rem!important;}
    .hall-pl p b{font-size: 1.5rem!important;}
    .n3{background-size:80% 80%!important;margin-top: 4%!important;}
    .art-nav ul li i{background-size:80% 80% ;}
    .art-nav ul li p{font-size: 1.6rem!important;}
    .art-title > img {width: 55px!important; height: 55px!important;margin-top: 1px!important;}
    .spans{display: block;margin-top: -64%;width: 100%;}
    .pspans{display: block;margin-top: -75%;width: 100%;}
    .hall-ll{background-size:90% 90%!important ;background-position: top!important;margin-top: .4rem!important;}
    .hall-time{background-size:90% 90%!important ;background-position: top!important;margin-top: .4rem!important;}
    .hall-dn span{font-size: 1.4rem!important;}
}
@media only screen and (min-width: 640px) and (max-width:2000px) {
    .art-name{font-size:2rem!important;}
    .art-info{padding-top: 1.7rem;}
    .hall-icon{top: 2.5rem!important;}
    /* .art-infos{font-size: 2.4rem!important;} */
    .gz{font-size: 2rem!important;top: 2rem!important;padding: .2rem 0!important;}
    .art-imgnone{font-size: 2.4rem!important;}
    .hall-top ul li p{font-size: 2.4rem!important;}
    .hall-i{background: url(/static/img/jt.png) no-repeat top!important;background-size:100% 100%!important;margin-top: .3rem;}
    .hall-pic-word p{font-size: 1.6rem!important;}
    .n3{background-size:90% 90%!important;margin-top: 8%!important;}
    .art-nav ul li i{background-size:80% 80% ;}
    .art-nav ul li p{font-size: 1.7rem!important;}
    .art-title > img {width: 55px!important; height: 55px!important;}
    .spans{display: block;margin-top: -70%;width: 100%;}
    .pspans{display: block;margin-top: -70%;width: 100%;}
}
.art{padding: 1.5rem 1.2rem;background: #e8e8e8; padding-top: 60px;}
.art-list{background: #fff;padding: 1.1rem 1.3rem;border-radius: 5px;margin-top: 1rem;}
.art-title{overflow: hidden;position: relative;}
.art-title > img{width:17.6%;border: 2px solid #d3d3d3;border-radius: 50%;float: left;}
.art-info{overflow: hidden; line-height:.3rem;padding: 0;display: inline-block;}
.art-name{font-size:1.4rem;text-align: left;}
.art-infos{text-align: left;color: #a7a7a7;font-size: 1.3rem;}
.art-infos font{color: #ffb400;}
.art-img{overflow: hidden;margin-top: 1rem;}
.art-img p{width: 31.33333%;margin-left: 3%;float: left;margin-top:0;margin-bottom: 0;text-align: center;overflow: hidden;font-size:0px;border-radius: 6%;}
.art-img p img{border-radius: 5px;text-align: center;}
.art-img p:first-child{margin: 0;}
.gz{display: block;background: #bdbdbd;color: #fff;font-size: 2.4rem;width: 22.4%;text-align: center;float: left;padding:.3rem;border-radius: 5px;
position: absolute;right: 0px;top: 2rem;z-index: 3;cursor: pointer;}
.gzs{background: #363636!important;}
.art .art-list:first-child{margin: 0;}
.art-imgnone{background: #f9f9f9;color: #949494;text-align: center;font-size: 2.4rem;padding: 4rem 0;border-radius: 5px;}

.art-menu{height:45px; background-size:100% 100% ;background-color:#fff;margin-top:5px;position:absolute;z-index:100; width: 100%;border-bottom: 1px solid #e4e4e4; color: #c7c7c7;}
.art-menu ul{margin: 0;padding: 0;height:45px;}
.art-menu ul li{list-style: none;width:33.3%; float: left; text-align: center;height:100%;padding-top:8px;}



/**/
.hall-a{display: block;
    height: 18px;
    width: 21px;
    background: url(/static/img/menu.png) no-repeat center;
    background-size: 100% 100%;
    float: right;
    margin-top: 5.5px;}
.hall-top{background: url(/static/img/hall-bg.png) no-repeat center;background-size:100% 100% ;overflow: hidden;}
.hall-top ul{margin: 0;padding: 0;padding: 1.4rem 0;}
.hall-top ul li{list-style: none;width: 25%;float: left; text-align: center;}
.hall-top ul li img{width: 70%;border-radius: 50%;border: 2px solid #9d9b99;}
.hall-top ul li p{font-size: 2.4rem;color: #fff;text-align: center;margin: .4rem;}

.hall-menu{height:50px; background-size:100% 100% ;background-color:#fff;/*padding-top: 5px;*/position: fixed;z-index:9999;border-bottom: 1px solid #e4e4e4;}
.hall-menu ul{margin: 0;padding: 0;height:45px;}
.hall-menu ul li{list-style: none;
    width: .9rem;
    float: left;
    text-align: center;
    height:100%;
    padding-top:8px;
}
.parent_li_border span{border-bottom:1px #363636 solid;padding-bottom: 4px;}

.hall-menu_1{height:50px; background-size:100% 100% ;background-color:#fff;margin-bottom:5px; position:fixed;z-index:100;top:45px;border-top: 5px solid #f0f0f0;}
.hall-menu_1 ul{margin: 0;padding: 0;height:35px;padding-top:10px; }
.hall-menu_1 ul li{list-style: none;width:60px; float: left; text-align: center;padding:3px 5px;margin-left:13px;font-size:12px;}
.child_li_border{border-radius: 20px; background-color: #efefef;color:#000;}
.child_li_border_SEL{border-radius: 20px; background-color: #000;color:#fff;}

.hall-title{overflow: hidden;padding: .6rem 1rem;position: relative;}
.hall-user{width: 14%;float: left;position: relative;}
.hall-user img{width: 100%;border-radius: 50%;}
.hall-vip{display: block;
    width: 35%;
    height: 35%;
    background: url(/static/img/vip.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 65%;
    right: 2%;
    z-index: 2;}
.hall-icon{width:5%;position: absolute;right:2rem;text-align: center;top:4rem;z-index: 10;}
.hall-icon img{width: 100%;}
.follow{color: #363636;background: url(/static/img/follow.png) left center no-repeat;background-size: auto .1rem;padding-left: 16px;}
.unfollow{color: #a7a7a7;}
.hall-pic{position: relative;width: 100%;overflow: hidden;z-index: 0;}
.hall-pic-word{position: absolute;}
.hall-pic-word p{margin: 0;font-size: 1.2rem;line-height: 110%;overflow: hidden;}
.hall-i{display: block;;height: 17px;width: 12px;background: url(/static/img/jt.png) no-repeat center;background-size:100% 100% ;float: left;margin-right: 3px;}
.hall-dn {padding: .4rem 0rem .3rem 0;overflow: hidden;color: #999999;margin: 0 1rem; }
.hall-ll {display: block;height: 13px;width: 18px;background: url(/static/img/draw-ll.png) no-repeat center;background-size: 100% 100%;margin: 0px 3px 0 0px;}
.hall-time {display: block;height: 14px;width: 14px;background: url(/static/img/share/time.png) no-repeat center;background-size: 100% 100%;margin: 0px 5px 0 15px;}

.hall-dn i {float: left;}
.hall-dn span {float: left;font-size: 1.4rem!important;}
.hall-lls {font-weight: 400;}
.zan{display: block;width: 20px;height: 21px;background: url(/static/img/zan.png) no-repeat center;background-size:100% 100%;margin-right: 10%;}
.zans{float: right;font-size: 1.2rem;vertical-align: middle;width: 50px;text-align: right;font-size: 1.4rem;}
.zans i{float: right;font-style: normal!important;}
.hall-r{display: block;border-radius: 50%;background: #c7c7c7;color: #fff;float: right;font-size: 2rem;text-align: center;height: 5hall-rpx;width: 56px;line-height: 56px;}
.hall-pl{color: #8a8a8a;font-size:1.5rem;margin: 1rem 1rem 0 1rem;background: #f6f6f6;border-radius: 3px;padding: .8rem;}
.hall-pl b{color: #363636;font-size:2rem;font-weight: 400;}
.hall-pl p{margin: 0;}
/* .hall-pl p:first-child b{font-weight: 600;} */
.pl-vip{color: #ffb400!important;}
.art-nav{max-width: 640px;padding: .4rem .8rem;overflow: hidden;background: #fff;position: fixed;margin:auto;left: 0px;right: 0px;bottom: 0px;z-index: 99;border-top: 1px solid #c8c6c2;}
.art-nav ul{margin: 0;padding: 0;}
.art-nav ul li{list-style: none;width:20%;float: left;text-align: center;}
.art-nav ul li i{margin: 0 auto;}
.art-nav ul li p{margin: 0; text-align: center;font-size: 1.6rem;color: #979797;}
.n1{display: block;height: 39px;width: 42px;background: url(/static/img/n1.png) no-repeat center;background-size:100% 100% ;}
.n2{display: block;height: 38px;width: 38px;background: url(/static/img/n2.png) no-repeat center;background-size:100% 100% ;}
.n3{display: block;height: 48px;width: 48px;background: url(/static/img/n3.png) no-repeat center #363636;background-size:100% 100%;border-radius: 50%;margin-top: 12%}
.n4{display: block;height: 40px;width: 39px;background: url(/static/img/n4.png) no-repeat center;background-size:100% 100% ;}
.n5{display: block;height: 41px;width: 36px;background: url(/static/img/n5.png) no-repeat center;background-size:100% 100% ;}

.hall-pp{position: absolute;width:364px;height: 255px;top: 56px;left: 138px;z-index: 100;}
.hall-pp img{width: 100%;height: 100%;}

.not_show_help{display: none;}

.jl-ull {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: left;
}

.jl-ull li {
    list-style: none;
    width: 11.1%;
    float: left;
    text-align: center;
    position: relative;
    padding-right:2%;
}

.jl-ull li img {
    width: 100%;
    border-radius: 50%;
}

.jl-ull li i {
    display: block;
    width: 26%;
    height: 31%;
    background: url(/static/img/share/vip.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 70%;
    right: 18%;
    z-index: 2;
}

.cover{background-color:rgba(0, 0, 0, 1);position:fixed;top: 0;left:0;display:none;}


.article-item{float: left;background-color: #fff;width: 100%;}
.article-title{padding-top:8px;padding-left:15px;width: 100%;font-size:14px;font-weight: 700;}
.article-works{height: 26px;width: 100%;font-size: 12px;color: #c7c7c7;float: left;padding-left:12px;padding-top: 3px;}
.article-works .works-left{float: left;width:65%;height:26px;line-height:26px;vertical-align: middle;}
.i1{background: url(/static/img/draw-ll.png) no-repeat center left;background-size: 15px 12px; padding-left: 20px;height:26px;float: left;line-height:24px;vertical-align: middle;}
.i2{background: url(/static/img/share/comment_icon.png) no-repeat center left;background-size: 13px 13px; padding-left: 18px;width:50%;height:26px;float: left;line-height:26px;vertical-align: middle;}
.article-img{width: 100%;float: left;position: relative;}
.article-works-right{position: absolute;z-index: 3; right: 12px;top: 10px;color: #fff;}
.article-desc{padding-top:5px;padding-left:12px;width: 100%;font-size:12px;}

.article-content-img{width: 34%;  height: 100px; float: left;}
.article-content-right{padding-left: 3%; float: left; width: 66%;  padding-top:8px;}
.article-content-right-up{width: 100%; float: left;height: 70px;  font-size: .15rem;  color: #363636;  font-weight: 700;}
.article-content-right-dow{width: 100%; float: left; height: 20px; line-height: 20px; vertical-align: middle;}
.article-content-right-img{width:22px; float: right; padding-top:2px; }
.article-content-right-name{height: 20px; font-size: 12px; color: #c7c7c7;  text-align: left; float:left;}
.article-content-right-text{height: 20px; font-size: 12px; color: #c7c7c7;  text-align: right; background: url('/static/img/share/view-icon.png') left center no-repeat; background-size:14px 12px;  padding-right: 12px;float: right; padding-left:18px;}




.article-info{float: left;width: 94%;padding:0 3%;color: #363636;background-color:#fff; margin-bottom:10px;box-sizing:content-box;}
.article-border{border-bottom:1px solid #d0d0d0;}
.article-info-user{height: 54px;line-height: 54px;vertical-align: middle;font-size: 14px;font-weight: 700;float: left;}
.article-info-header{height:54px;width:50px; float: left;}
.article-info-header img{border-radius:50%;height:40px; width: 40px;margin: 7px 0;}
.article-info-nick{height: 54px;line-height: 54px;vertical-align: middle;font-size: 14px;float: left;}

.article-info-works{float: left;width: 100%;padding:10px 0 10px 0; font-size:14px;color: #c7c7c7;}
.article-info-works .s1{float: left;}
.article-info-works .s2{float: left; margin-left:16px;}
.article-info-works .s3{float: left; margin-left:16px;}

.article-info-title{padding-top:14px;font-size:18px;float: left;width: 100%;font-weight: 600;}
.article-info-content {float: left;font-size: 14px;width: 100%;color:#7c7c7c;line-height: 2;}
.article-info-content-t {width: 100%;float: left; margin:10px 0 10px 0;line-height: 2;}
.article-info-content-t p{width: 100%;text-indent:2em;float: left;color: #7c7c7c;font-size: 14px;line-height: 2; margin:0; padding:0;}
.article-info-content-i {text-align: center;float: left;width: 100%;}
.article-info-content-i img{max-width: 100%;}

.article-user{float: left;width: 100%;padding:10px 0;background-color:#fff;box-sizing:content-box;}
.article-user-inner{width: 94%;margin:0 3%;border:1px solid #efefef;box-sizing:content-box;float: left;}
.article-user-pic{width: 50px;height: 50px;margin:10px;float: left; border-radius:50%; }
.article-user-content{height: 50px; float: left; margin: 10px 0;}
.user-content-name{width: 100%;height: 22px;line-height: 25px;vertical-align: middle;color: #363636;font-size: 1.5rem;font-weight: 700; border-top:4px;}
.user-content-des{width: 100%;height: 22px;line-height: 25px;vertical-align: middle;color: #a7a7a7;font-size: 12px;border-bottom:2px;}

.article-comment{width: 100%;float: left;background-color: #fff;}
.article-comment-title{width: 94%;margin:0 3%;box-sizing:content-box;float: left;padding-top: 17px;margin-bottom:5px;font-weight:600; font-size:16px;}
.article-comment-content{width:100%;background-color: #fff;float: left; }
.article-comment-content ul{margin: 0;height: 60px;padding:8px 3%;}
.article-comment-content ul li{list-style: none;float: left; width: 100%;}
.article-comment-content ul li div img{border-radius: 50%;width: 80%;max-width: 40px;}
.article-comment-content ul li div p{font-size: 14px;color: #c7c7c7;}
.article-comment-w{font-size: 13px;font-weight: 600;width: 100%;}
.article-comment-w .nickname{width:70%;float:left;padding-top:5px;}
.article-comment-w .time{width:30%;float: right;text-align: right;color: #7c7c7c;font-size: 12px;}
.article-comment-c{font-size:12px;color: #c7c7c7;width:70%;}
.article-recommend{width: 100%;float: left;background-color: #fff;margin-bottom:72px;}
.article-recommend-title{width: 94%;margin:0 3%;box-sizing:content-box;float: left;padding-top: 17px;margin-bottom:10px;font-weight:600; font-size:16px;}
.article-recommend-item{width: 94%;margin:0 3%;box-sizing:content-box;float: left; padding-bottom:10px; line-height: 3.9rem;}
.article-recommend-item-pic{max-width: 140px;max-height: 90px; width: 22%;float: left;}
.article-recommend-item-title{width: 75%;padding-left: 3%;float: left;padding-top:1%;font-size: 14px;color: #c7c7c7;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }

.weekstar{float: left;width: 100%;background-color:#fff;}
.weekstar-title{width: 94%;height: 70px;float: left;margin: 10px 3%;}
.weekstar-user{width: 20%;height: 70px;float: left;min-width: 80px;}
.weekstar-user img{border-radius:5px;width: 70px;height: 70px;}
.weekstar-info{width: 60%;height: 70px;float: left;}
.weekstar-name{width: 100%;height: 25px;font-size: 14px;color: #7c7c7c;margin-top: 8px;float: left; line-height: 25px;vertical-align: middle;}
.weekstar-desc{width: 100%;height: 25px;font-size: 12px;color: #c7c7c7;float: left;line-height: 25px;vertical-align: middle;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.weekstar-img{float: left;width: 100%;position: relative; margin-bottom: 5px;}
.weekstar-img img{width: 100%;}

.weekstar-zp{float: left;width: 100%;position:relative;height:120px;}
.weekstar-zp ul{margin: 0;height: 120px;width: 100%;padding:0; }
.weekstar-zp ul li{list-style: none;float: left;padding-right:5px;}
.weekstar-content{width:100%;float: left;padding:10px 12px;font-size: 14px;color: #7c7c7c;border-bottom: 1px solid #c7c7c7;}
.poprecomm{float: left;width:100%;}
.poprecomm-banner{height:50px;width: 100%;background-color:#efefef; text-align:center;float: left;color: #b4b4b4;font-size:18px;line-height: 50px;vertical-align: middle;}
.poprecomm-item{float: left; width: 100%;background-color:#fff;margin-bottom:10px;}
.poprecomm-header{width: 100%;float: left;height: 60px;margin-top:30px;text-align: center;}
.poprecomm-header img{width: 60px;height: 60px;border-radius:50%;}
.poprecomm-name{width: 100%;float: left;height: 30px;line-height: 30px;vertical-align: middle;font-size: 14px;font-weight: 700;color:#7c7c7c;text-align: center;}
.poprecomm-content{width: 80%;float: left;font-size: 12px;color: #7c7c7c;margin-left:10%;text-align: center; color: #c7c7c7;}
.poprecomm-photos{width: 96%;margin: 10px 2%;float: left;height: 100px;text-align: center;position: relative;}
.poprecomm-photos img{margin-right: 5px;}
.poprecomm-photos ul{margin: 0;height: 100px;width: 100%;padding:0; }
.poprecomm-photos ul li{list-style: none;float: left;padding-right:5px;}


.rankList{float: left;width:100%;height: 80px;padding: 0 2%;border-bottom: 1px solid #e4e4e4; background-color: #fff;}
.rankList-no{width:8%; height: 80px;float: left;line-height: 80px;vertical-align: middle;text-align: center;}
.rankList-head{width: 55px;height: 55px;margin: 15px 10px 15px 0;float: left; border-radius:50%; }
.rankList-info{width: 30%;height: 80px;float: left;}
.rankList-info-name{width: 100%;height: 47px;padding-top: 17px;font-size: 16px;color: #363636;}
.rankList-info-city{width: 100%;height: 33px;font-size: 12px;color: #7c7c7c;}
.rankList-num{width: 37%;height: 80px;line-height: 80px;vertical-align: middle;text-align: right;float: right;font-size: 14px;color: #a7a7a7;}


.my-fixed-new {max-width:640px;width: 100%;height: 55px;overflow: hidden;background: #fff;position: fixed;margin:0 auto;bottom: 0px;z-index: 1000;}
.my-fixed-new ul{margin: 0;height: 55px;width: 100%;padding:0;border-top:1px solid #EFEFEF !important;}
.my-fixed-new ul li{list-style: none;float: left;text-align: center;font-size:12px;font-weight: 100;width: 33%;height: 100%;-webkit-tap-highlight-color: transparent;padding-top:5px;}

.my-fixed-new-fabu {width:18%;height: 75px;overflow: hidden;position: fixed;margin: auto;left: 0px;right: 0px;bottom: 0px;z-index: 1001; text-align:center;color:#a7a9b9;font-size:12px;}
.li-color{color:#a7a9b9;}
.li-colored{color:#363636;}

.exit{position: absolute;z-index:100;height: 30px;color: #000;font-size:15px;font-weight: 600;width: 100%;text-align: right;padding-right:10px;}

.comment-css{width:100%;padding: 10px 12px;height:110px;}
.comment-title{height: 30px;width: 100%;font-size:16px;float: left;color: #000;}
.comment-content{width: 100%;float: left;}
.comment-content textarea{width:80%;height:50px;font-size: 13px;float: left;background-color:#efefef;color:#c7c7c7;border: 1px #c7c7c7 solid;}
.comment-content input{width:18%;height:50px;margin-left:2%;float: left;border-radius: 3px;border:0;font-size:16px;font-weight: 600px;background-color: #000;color:#fff;}
.comment-btn{height: 30px;width: 100%;float: left;text-align: center; padding-top:3px;}
.comment-btn input{font-size:16px;font-weight: 600px;background-color: #000;color:#fff;padding: 3px 20px;border-radius: 3px; border:0;}

.my-zpj{width: 100%;padding:0px 12px;}
.my-zpj-item{width:50%;float: left;padding-bottom:10px;position: relative;}
.my-zpj-img{position: relative;width:100%;text-align: center;}
.my-zpj-img img{border-radius:5px;width: 96%;}
.my-zpj-title{width: 96%;position: absolute;bottom:10px;height:60px;background-color:#000; filter:alpha(Opacity=50); opacity: 0.5; z-index:1;margin-left:2%; border-radius:0 0 5px 5px;}
.my-zpj-left{width:80%;float:left; color:#fff;}
.my-zpj-left span{width: 100%;height:20px;padding-top:10px; float: left;font-size:16px;padding-left:10px;line-height:20px;vertical-align: middle;}
.my-zpj-left .p1{font-weight: 700;}
.my-zpj-left .p2{font-size: 12px;}
.my-zpj-right{width:20%;float:left;font-size:16px; color:#fff;height: 60px;line-height: 60px;vertical-align: middle;text-align: center;}

.pic-share{width:30px;height:30px;position: absolute;;right:10px;top:20px;background: rgba(255,255,255,.5);border-radius:50%;z-index: 9;display: flex;align-items: center;justify-content: center;}
.pic-share img{width: 18px;height: 18px;}

.pic-qh{float:left; width: 100%;border-bottom: 1px solid #f7f7f7;}
.pic-qh .im1{float: left;border-right: 1px solid #efefef;width:16%;text-align: center; padding: 10px 0;}
.pic-qh .im2{float: left;width:16%;text-align: center;padding: 10px 0;}
.pic-qh .im3{float: right;width:12%;text-align: center;padding: 10px 0;}
.pic-qh .im4{float: right;border-right: 1px solid #efefef;width:16%;text-align: center;padding: 10px 0;}

.photo-info{padding:10px 12px;float:left; width: 100%;border-bottom: 1px solid #f7f7f7;}
.photo-info-1{width: 100%; height:40px;line-height: 40px;vertical-align: middle;text-align: center;font-size: 20px;font-weight: bolder;color: #121212;}
.photo-info-2{width:100%;height:20px;line-height: 20px;vertical-align: middle;font-size: 14px;text-align:center;color:#686868;}
.photo-info-2 span{padding:0 8px;}
.photo-info-3{width:100%;height:22px;line-height: 22px;vertical-align: middle;font-size: 1.3rem;text-align:center;color:#686868;}
.photo-info-4{width:100%;height:26px;line-height: 26px;vertical-align: middle;font-size: 1.4rem;color:#686868;text-align: center;font-weight: 600;}

.photo-info-5{width: 20%;margin: 0 auto;position: relative;}
.photo-info-5 img{width:100%;border-radius:50%;margin-top: 5px;}
.photo-info-5 i{display: block;width: 30%;height: 30%;background: url(/static/img/share/vip.png) no-repeat center; background-size:100% 100%;position:absolute;top:72%;left:56%;z-index: 2;}

.photo-info-sf{width: 55%;margin: 0 auto;background: url("/static/img/share/right-icon.png") center right no-repeat; background-size:9px 14px;padding-right:10px;padding-left:10px; }
.photo-info-6{width: 100%; height:24px;line-height: 24px;vertical-align: middle;text-align: center;font-size: 16px;font-weight: 600;color: #222;margin-top:5px;}
.photo-info-7{width: 100%; height:20px;line-height: 20px;vertical-align: middle;text-align: center;font-size: 1.3rem;color: #999;}
.photo-info-like{width: 20%;background: url("/static/img/share/like-users.png") left center no-repeat;background-size: 20px; height:28px;line-height:28px;vertical-align:middle; float: left;font-size: 1.5rem;color: #c7c7c7;padding-left:25px;}
.photo-info-likeed{width: 20%;background: url("/static/img/share/like-user.png") left center no-repeat;background-size: 20px; height:28px;line-height:28px;vertical-align:middle; float: left;font-size: 1.5rem;color: #c7c7c7;padding-left:25px;}
.photo-info-likespan{float: right;padding-left:15px;position: relative;}
.photo-info-likespan img{border-radius:50%;width:29px;height:29px;}
.photo-info-likespan i{display: block;width: 12px;height: 12px;background: url(/static/img/share/vip.png) no-repeat center; background-size:100% 100%;position:absolute;top:19px;left:31px;z-index: 2;}
.bk_position{background-position: center;}

.fphoto-title{font-size: 18px; color: #363636; width:100%;padding: 22px 0; font-weight: 700;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.fphoto-params{width: 100%;padding-bottom: 18px;float: left;}
.fphoto-params-name{width: 30%;font-size: 12px;color: #363636 ;float: left;}
.fphoto-params-cont{font-size: 14px;color:#a7a7a7;float: left;}
.fphoto-params-more{float: right;background: url("/static/img/share/right-icon.png") right no-repeat;width:30px;height: 16px; background-size:10px 16px; }
.photo-title{overflow: hidden;clear: both;}
.fdesc-title{width: 100%;line-height: 38px;float: left;font-size: 1.5rem;font-weight: 700;padding: 0 12px;color:#363636;border-bottom: 1px solid #f0f0f0;}
.fdesc-cont{width: 100%;float: left;font-size: 14px;color:#7c7c7c;line-height: 1.5;padding: 10px;}
.fdesc-more{width: 100%;float: left;font-size: 12px;color:#a7a7a7;padding: 5px 0 15px 0;text-align: right;}
#description-cont img{max-width: 100%;}

.photo-information{font-size: 2.25rem;color: #171717;font-weight: 600;line-height:34px;}
.photo-information-msg{color:#181818;font-size:1.61rem;line-height:34px;}
.photo-information-author{font-size:1.55rem;color:#9F9F9F;line-height:34px;display: flex;}
.photo-information-price{font-size:2.25rem;color:#DB2525;line-height:34px;}
.photo-information-author-pv{margin: 0;margin-left: 20px;display: flex;align-items: center;}
.photo-information-author-pv-img{margin-right: 5px;height: 18px;margin-top:2px;}

.pic-similar-wrap{display: flex;flex-wrap: wrap;padding: 4px;}
.pic-similar{border-top: 8px solid #efefef;}
.pic-similar-img{width: 100%;height: 143.5px;overflow: hidden;}
.pic-similar-img img{width: 100%;}
.pic-similar-content{width: 50%;padding: 4px;box-sizing: border-box;margin-bottom: 40px;margin: 0;}
.pic-similar-content-bottom{display: flex;justify-content: space-between;padding-top: 15px;margin-bottom: 18px;font-size: 1.4rem}
.pic-similar-content-bottom div{margin: 0}
.pic-similar-content-bottom div:first-of-type{color: #2E2E2E}
.pic-similar-content-bottom div:last-of-type{color: #DF2B28}
.pic-similar-more{
    display: flex;
    /* float:right; */
    font-weight:normal;
    font-size:12px;
    align-items: center;
}
.pic-similar-more img{width: 8px;height: 8px;margin-left: 5px;}

.red_like_box{
    padding:10px 0;
}
.red_like_box div,.red_like_box span{
    margin: 0;
}

/* 首页拍卖 */
.pic-similar-content-bo{display: flex;justify-content: space-between;padding-top: 15px;margin-bottom: 18px;font-size: .14rem;}
.pic-auction-time{position:absolute;left:0;bottom:0;color: #F3FAF9;width: 100%;height: 40px;font-size: 16px;padding-left: 4px;padding-top: 8px;line-height: 35px}

/* 首页精彩作品 */
.feature_footer{font-size: .14rem;text-align:right;display: flex;justify-content:flex-end;padding: 10px 20px 30px;}
.feature_footer_price{color: #DD2A34;margin-left: 40px;}
.feature_footer_info{display: flex;align-items: center;}
.feature_footer_info_line{margin: 0 10px;color: #a7a7a7;}

.color_more{
    color: #484848;
    /* font-size: 1.3rem */
}
.dis_flex{
    display: flex;
    align-items: center;
}
.img_more{
    width: 8px;
    height: 8px;
    margin-left: 5px;
    margin-top: -1px;
}
.artical_msg{text-align:left;padding:0 4px;font-size:.14rem;padding: 15px 8px;color:#2E2E2E}
.artical_border_bottom{border-bottom: 8px solid #F4F4F4;}
.artical_sty{margin:0px 8px;height:241px;position: relative;}
.special_center{text-align:center;line-height: 241px;font-size: .18rem}

.new-comm-title{display: flex;height: 38px;padding: 0 1rem;overflow: hidden;line-height:38px;vertical-align: middle;font-size: 1.5rem;font-weight: 600;width: 100%;border-bottom: 1px solid #f0f0f0;}
.test2,.test1 {
    display: block;
    float: left;
    width: 100%;
}
.test2 img,.test1 img {
    display: block;
    width: 50px;
    margin: auto;
    margin-top: 20px;
}
.test2 span,.test1 span {
    display: block;
    font-size:12px;
    color:#7f7f7f;
    padding:10px 0 30px;
    width: 119px;
    text-align: center;
}


.new-comm-comment {
    line-height: 38px;
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
    border: 0;
    padding: 0 10px;
    vertical-align: initial!important;
    font-weight: 500;
    color: #363636;
    font-size: 12px;
    flex: auto;
}
.new-comm-comment::-webkit-input-placeholder {
    color: #c7c7c7;
}
.new-comm-comment:-moz-placeholder {
    color: #c7c7c7;
}
.new-comm-comment::-moz-placeholder {
    color: #c7c7c7;
}
.new-comm-comment:-ms-input-placeholder {
    color: #c7c7c7;
}
.new-comm-num{
    color:#fff;
    font-weight: 500;
    background: #121212;
    line-height: 28px;
    padding: 0 10px;
    margin: 5px 0;
    border-radius: 3px;
}
.arrow{
    position:absolute;
    top:8px;
    left:-16px;
    width:0;
    height:0;
    font-size:0;
    border:solid 8px;
    border-color:#ffffff #efefef #ffffff #ffffff;
}
.arrow-right{
    position:absolute;
    top:8px;
    right:-12px;
    width:0;
    height:0;
    font-size:0;
    border:solid 6px;
    border-color:#ffffff #ffffff #ffffff #efefef;
}
.expert-text{
    max-width: 79%;
    float: left;
    font-size: 14px;
    color:#363636;
    background-color:#f0f0f0;
    border-radius: 3px;
    min-height: 16px;
    padding: 6px 10px;
    position: relative;
    margin-left: 10%;
}
.des_info{padding:10px;color: #363636;font-size: 1.4rem;background: url(/static/img/share/des_more.jpg) no-repeat center;background-size:100% 100%;width: 100%;height: 100%;border-radius:8px;}


.photos-s2-img1{width: 49.5%;float: left;height: 375px;}
.photos-s2-img2{width: 49.5%;float: right;height: 375px;}

.photos-s3-img1{width: 100%;float: left;height: 245px;}
.photos-s3-img2{width: 49.5%;float: left;height: 125px; margin-top: 5px;}
.photos-s3-img3{width: 49.5%;float: right;height: 125px; margin-top: 5px;}

.photos-s4-img1{width: 49.5%;float: left;height: 375px;}
.photos-s4-img2{width: 49.5%;float: right;height: 122px; margin-bottom: 5px;}
.photos-s4-img3{width: 49.5%;float: right;height: 121px;}

.photos-s5-part{width: 100%;float: left;height: 230px;margin-bottom: 5px;}
.photos-s5-part-1{width: 49.5%;float: left;height: 230px;}
.photos-s5-img1{width: 100%;float: left;height: 113px;margin-bottom: 4px;}
.photos-s5-img2{width: 100%;float: left;height: 113px;}
.photos-s5-img3{width: 49.5%;float: right;height: 230px;}
.photos-s5-img4{width: 74.5%;float: left;height: 140px;}
.photos-s5-img5{width: 24.5%;float: right;height: 140px;}


.photos-s6-part{width: 100%;float: left;height: 185px; margin-bottom: 5px;}
.photos-s6-part-1{width: 49.5%;float: left;height: 185px;}
.photos-s6-img1{width: 100%;float: left;height: 90px; margin-bottom: 5px;}
.photos-s6-img2{width: 100%;float: left;height: 90px;}
.photos-s6-img3{width: 49.5%;float: right;height: 185px;}
.photos-s6-img4{width: 49.5%;float: left;height: 185px;margin-right:1%;}
.photos-s6-img5{width: 24.25%;float: left;height: 185px;}
.photos-s6-img6{width: 24.25%;float: right;height: 185px;}

.photos-s7-part{width: 100%;float: left;height: 91px;}
.photos-s7-img1{width: 32.66%;float: left;margin-right: 1%; height: 91px;}
.photos-s7-img3{width: 32.66%;float: right; height: 91px;}
.photos-s7-img4{width: 100%;float: left;height: 182px;margin:5px 0;}


.photos-s8-part1{width: 100%;float: left;height: 185px; float: left;}
.photos-s8-part2{width: 100%;float: left;height: 90px;margin-top: 5px; float: left;}
.photos-s8-part3{width: 100%;float: left;height: 90px;margin-top: 5px; float: left;}
.photos-s8-img1{width: 74.5%;height: 185px;float: left;}
.photos-s8-img2{width: 24.5%;height: 90px;float: right;}
.photos-s8-img3{width: 24.5%;height: 90px;float: right;margin-top: 5px;}
.photos-s8-img4{width: 24.5%;height: 90px;float: left;}
.photos-s8-img5{width: 74.5%;height: 90px;float: right;}
.photos-s8-img6{width: 24.5%;height: 90px;float: left;margin-right: 1%;}
.photos-s8-img7{width: 36.75%;height: 90px;float: left;}
.photos-s8-img8{width: 36.75%;height: 90px;float: right;}

.photos-s9-img1{margin-right: 1%;width: 32.66%;height: 122px;margin-bottom: 5px;float: left;}
.photos-s9-img2{width: 32.66%;height: 122px;margin-bottom: 5px;float: right;}

.parent_li_border{
    /* border-bottom: 2px solid #000; */
    border-bottom: 2px solid #868686;
}


.head_more{
    /* height: 5.4rem;line-height: 5.4rem;font-size: 1.5rem */
    height: .52rem;
    line-height: .52rem;
}
.fea_disflex{display: flex;justify-content: center}
.imageList_new{height: auto;padding: .1rem}
.imageList_new>img{height: 1.2rem;margin-right: 5px;}
.ftl_img{width: 1.8rem;height: 1.8rem;margin-left: 0.4rem}
.art-info_new{line-height: 3.3rem}
.span_size{font-size: 1.5rem !important}
.pic-similar-cb{font-size: 1.4rem}
.li_center{display: flex;justify-content: center;align-items: center;}
.in_the_end{text-align: center;padding: 20px 0 0 0;font-size: .1rem;color: #A8A8A8}

.gift_head>p{line-height: 30px;}

.ov_hd{overflow-x: auto !important}

.txt_elips{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.imageList_new_div{
    flex:1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.private_custom_title p{
    margin: 0;
    line-height: 30px;
}
.private_custom{
    width: 100%;
    height: 215px;
    overflow: hidden;
}
.art_flex{
    float: right;
    width: 88%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.space_info{
    padding: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
}
.space_msg{
    width: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 20px;
    text-align: right;
}
.space_msg>img{
    width: 90px;
}
.space_msg>img:first-child{
    margin-bottom:10px;
}

.to_pretend{
    display: flex;
    justify-content: center;
    padding: 20px 0;
}
.to_pretend>div{
    background-color: #171717;
    color:#D0D0D0;
    font-size: .12rem;
    height: 30px;
    box-sizing: border-box;
    padding: 0 10px;
    overflow: hidden;
    line-height: 30px;
}
.to_pretend>div:first-child{
    margin-right: 5px;
    width: 70px;
    text-align: center;
}
.to_pretend>div:last-child{
    font-size: .24rem;
    line-height: 30px;
}
.space_info_line{
    width: 22px;
    height: 20px;
    border-bottom: 3px solid #fff;
}

.hm_hei{
    background-color: #171717;color: #868686;
}


/* 我的订单顶部状态 */
.my_order_head{
    display: flex;
    background-color: #fff;
    padding: 1rem;
    padding-bottom: 0;
}
.my_order_head>div{
    flex-grow: 1;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.order_state{
    background: url(/static/img/dingdanna_02.png) no-repeat;
    background-size: 350px;
	width: 30px;
	height: 30px;
}
.order_pcolor{
    color: #E54040;
}
.line_span{
    width: 50%;
    border-top: 4px solid transparent;
    margin-top: 1rem;
}
.point_dad{
    position: relative;
}
.red_point{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0px;
    top: -5px;
    background: #DE0F10;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
}



/* 我的钱包 */
.my_wallet{
    display: flex;
    background-color: #fff;
    padding: 1rem 0;
    margin-bottom: 10px;
}
.my_wallet_son{
    position: relative;
    width: 20%;
}
.my_wallet_son>div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.mws_son{
    color: #BD9B6E;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
}
.mws_son2{
    color: #202020;
    margin-bottom: 5px;
    font-size: 12px;
}
.mws_son3{
    color: #B7B7B7;
    height: 16px;
    font-size: 10px;
}
.my_wallet_box{
    background: url(/static/img/my_wallet_03.png) no-repeat center;
    background-size:25px 25px;
    width: 30px;
    height: 30px;
}
.my_wallet_son>img{
    width: 5px;
    height: 52px;
    position: absolute;
    left: 0;
    top: 0;
}
.special_field{
    overflow: hidden;
    height: auto;
    padding: 0 8px;
}
.special_field>img{
    width: 100%;
    padding: 8px 0;
}




/* 添加地址 */
.ad_info{
    margin-top: 20px;
    background: #FFFFFF;
}
.ad_info_son{
    display: flex;
    padding: 1rem;
    align-items: center;
}
.ad_info_son_name{
    font-size: .875rem;
    color: #ABABAB;
}
.ad_info_son_msg{
    flex-grow: 1;
}
.ad_info_son_msg>input{
    width: 100%;
    height: 100%;
    border: none;
}
.ad_info_save_father{
    width: 100%;
    margin: 20px 0;
    padding: 0 1rem;
}
.ad_info_save{
    width: 100%;
    background-color: #F54A4A;
    color: #fff;
    text-align: center;
    line-height: 45px;
    border-radius: 4px;
    border: none;
    outline: none;
}
.ad_info_son_line{
    width: 100%;
    padding: 0 1rem;
    height: 2px;
}
.ad_info_son_line>div{
    height: 100%;
    width: 100%;
    background-color: #F7F7F7;
}

/* 排行榜 */
.dis_float{
    float: none;
    padding-top: 30px;
    color: #7F7F7F;
    list-style: none;
    text-align: center;
    height: 100%;
    width: .8rem;
    font-size: 14px;
}
.rank_ing{
    height:100%;
    margin-top:0px;
    border-bottom:1px solid #f0f0f0;
    background-color: #fff;
    position: fixed;
    z-index: 999;
    top: 50px;
}
.content_rank{
    padding-left:.9rem;
    margin-top:50px;
}
.rank_span{
    margin:10px 0;
    display: block;
    width: 100%;
}
.rank_span_act{
    border-left: 3px solid #E22623;
    color: #E22623;
}

.gift_head{
    text-align: center;
    font-size: .042rem;
    padding: 30px 0;
    background: #FFFFFF;
}
.categor_head{
    color:#171717;
    background:#FFF;
    font-size:.05rem;
    height:57.5px;display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
}
.private_custom_title{
    width: 100%;
    text-align: center;
    background-color: #fff;
    font-size: .04rem;
    padding: 30px 0;
}

@media screen and (max-width: 750px) {
    .gift_head{
        text-align: center;
        font-size: .14rem;
        padding: 30px 0;
        background: #FFFFFF;
    }
    .categor_head{
        color:#171717;
        background:#FFF;
        font-size:.19rem;
        height:57.5px;display:flex;
        align-items:center;
        justify-content:center;
        flex-direction:column;
    }
    .private_custom_title{
        width: 100%;
        text-align: center;
        background-color: #fff;
        font-size: .13rem;
        padding: 30px 0;
    }
}


/* 订单评价页面样式 */
.evaluate_star{
    font-size: 1.4rem;
    padding: 0 2rem;
    border: 10px solid #EFEFEF;
    border-left: none;
    border-right: none;
}
.evaluate_star>div{
    padding: 8px 0;
}
.evaluate_star_head{
    display: flex;
    justify-content: space-between;
}
.evaluate_star_head span{
    color: #CECECE;
    margin: 0;
}
.evaluate_wrap{
    padding: 1rem;
}
.evaluate_content{
    padding: 1rem;
    font-size: 1.5rem;
    width: 100%;
    border: none;
    background: #F8F8F8;
    height: 150px;
    resize: none;
    outline: none;
}
.evaluate_sure{
    font-size: 1.5rem;
    color: #fff;
    background-color: #DD2324;
    padding: 8px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
}
.evaluate_star_main{
    display: flex;
    justify-content: space-between;
}
.eveal_star_box{
    margin: 0;
}
.eveal_star_box>li{
    float: left;
    height: 20px;
    width: 20px;
    margin-left: 10px;
    background-size: contain;
}
.eveal_star_default{
    background: url(/static/img/eveal_star_default.png) no-repeat center;
}
.eveal_star_check{
    background: url(/static/img/eveal_star.png) no-repeat center;
}

/* 评价详情 */
.eval_detail{
    border-top: 10px solid #EFEFEF;
    font-size: 1.4rem;
    padding: 1rem;
    padding-top: 0;
}
.eval_detail_son,.eds_son{
    padding: 1rem 0;
}
.eval_detail_son{
    color: #ff6c00;
    background: #fff3e6;
    display: flex;
    padding: 0;
    height: 40px;
    align-items: center;
    padding: 0 1rem;
    justify-content: space-between;
}
.eds_baby{
    display: flex;
    align-items: center;
    margin: 0;
}
.eds_baby>h2{
    font-size: 1.1rem;
    font-weight: 400;
    margin: 0;
    margin-left: .5rem;
}
.eds_baby>img{
    width: 15px;
    height: 15px;
}
.eval_detail_son>img{
    width: 15px;
    height: 15px;
    margin: 0;
}
.eval_detail_son_div{
    display: flex;
    justify-content: space-around;
    margin-top: 1rem;
}
.eds_son{
    display: flex;
}
.eds_son>div{
    margin: 0;
}
.eds_son_img{
    width: 70px;
    height: 70px;
}
.eds_son_info_div{
    display: flex;
    justify-content: space-between;
    font-size: 1.5rem;
    font-weight: 400;
}
.eds_son_info_div>span{
    margin: 0;
}
.eds_son_info{
    flex-grow: 1;
    padding-left: 1rem;
}
.eval_detail_dia{
    padding: 1rem 0;
    padding-left: 4rem;
    position: relative;
}
.edd_star{
    display: flex;
    color: #A1A1A1;
    margin-bottom: 5px;
}
.ed_box>div:last-of-type{
    border-bottom: 10px solid #EFEFEF;
}
.bdr_line{
    border-bottom: 1px solid #F7F7F7;
}
.edd_img{
    width: 30px;
    height: 30px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
}
.edd_img_name{
    display:flex;
    justify-content: space-between;
    color: #959595;
}
.edd_img_name>div{
    margin: 0;
}
.edd_name{
    font-size: 1.6rem;
    display: flex;
    align-items: center;
}
.edd_name>span{
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    padding: 2px 6px;
    font-size: 1rem;
    margin-left:5px;
}
.edd_name_span_buy{
    background: #000;
}
.edd_name_span_sell{
    background: #DD2324;
}
.edd_time{
    font-size: 1rem;
    display: flex;
    align-items: center;
}


/* 订单详情 */
.dd_creat_time{
    font-size: 1.6rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 12px 12px;
    align-items: flex-start;
    color: #1C1C1C;
    border-top: 10px solid #efefef;
}
.dd_creat_time>div{
    margin:0;
}
.dd_creat_time_price{
    font-size: 1.6rem;
    color: #535353;
}
.detail_msg_dad{
    display: flex;
}
.detail_msg_dad>div{
    margin: 0;
}
.detail_msg,.detail_tel{
    font-size: 1.5rem;
}
.detail_tel{
    margin-left: 20px !important;
}
.detail_dress{
    color: #202020;
    padding:6px 12px;
}
.pad_none{
    padding-left: 0;
    padding-bottom: 0;
}
.goods_name_info{
    display: flex;
    align-items: center;
    margin: 10px 0;
}
.goods_name_info>div{
    margin: 0;
}
.goods_name_info_size{
    color: #1C1C1C;
    font-weight: 600;
}
.auther_headpic{
    width: 30px;
    height: 30px;
    margin: 0;
    border-radius: 50%;
}
.auther_msg>span{
    margin: 0;
}
.auther_msg{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.buyer_mess{
    color: #393939 !important;
}
.goods_price_list{
    font-size: 1.6rem;
    padding: 1rem;
    border-top: 10px solid #efefef;
}
.list_logist{
    border-bottom: 10px solid #efefef;
}
.list_logist>p{
    font-size: 1.4rem;
    color: #A7A7A7;
}
.list_prefer{
    border-top: 10px solid #efefef;
    display: flex;
    justify-content: space-between;
}
.list_prefer>div{
    margin: 0;
}
.gpl_son{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.gpl_son>span{
    margin: 0;
}
.gpl_son_last{
    text-align: right;
    margin-top: 20px;
}
.gplsl_pri{
    color: #C5312F;
}
.gpl_prefer{
    background: #fff;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
}
.gpl_prefer>div{
    margin: 0;
}

/* 我的订单 */
.order_sett_father{
    display: flex;
    justify-content: flex-end;
    font-size: 1.6rem;
    margin-top: 20px;
}
.order_settlement{
    display: block;
    color: #DB4044;
    margin: 0;
    text-align: center;
    border-radius: 4px;
    font-size: 1.2rem;
    padding: 2px 6px;
}
.flex_dis{
    position: relative;
}


/* 订单详情物流 */
.logist_info_wrap{
    width: 100%;
    height: 200px;
    overflow-y: auto;
    margin-top: 1rem;
}
.logist_info_wrap_son{
    padding-top: 10px;
    padding-left: 30px;
    font-size: 12px;
    position: relative;
}
.logist_info_wrap>li:first-of-type{
    color: #C53D41;
    margin: 0;
}
.logist_info_wrap>li:first-of-type .liws_point{
    background: #C53D41;
}

.liws_dad,.liws_brother{
    position: relative;
}
.liws_point{
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: -30px;
    top: 5px;
    background-color: #A7B9E9;
    border-radius: 50%;
    z-index: 2;
}

.logist_info_wrap_son::before,
.logist_info_wrap>li:first-of-type .liws_dad::before,
.logist_info_wrap>li:last-of-type .liws_brother::before{
    content: "";
    width: 2px;
    position: absolute;
    height: 100%;
    background: #EBEBEB;
}

.logist_info_wrap_son::before{
    left: 4px;
    top: 0;
}
.logist_info_wrap>li:first-of-type .liws_dad::before{
    left: -26px;
    top: 5px;
}
.logist_info_wrap>li:last-of-type .liws_brother::before{
    left: -26px;
    height: 200%;
    top: -10px;
}

.logist_info_wrap>li:first-of-type::before,
.logist_info_wrap>li:last-of-type::before{
    height: 0;
}



/* 订单支付页面 */
.bgd_pay{
    background: #EFEFEF;
}
.padding_pay{
    padding: 1rem;
}
.font_size{
    font-size: 1.5rem;
}
.pay_the_way,
.pay_bag,
.use_coupon{
    font-size: 1.2rem;
    color: #6D6D6D;
}
.pay_money{
    font-weight: 700;
    color: #EEDA7D;
    margin: 0 .4rem;
    font-size: 1.4rem;
}
.pay_padding{
    padding: 1rem;
}
.pay_radius{
    border-radius: 8px;
    background: #fff;
}
.pay_bag{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pay_bag_son{
    margin: 0;
}
.use_coupon{
    margin-top: 15px;
}
.use_coupon_bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pay_wx{
    margin-top: 15px;
}
.pay_bag_son_pr{
    padding-right: 30px;
    position: relative;
}
.pay_select{
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.img_selected{
    background: url('/static/img/pay_active_03.png') no-repeat center;
    background-size: contain;
}
.img_select{
    background: url('/static/img/pay_active_09.png') no-repeat center;
    background-size: contain;
}
.pay_wx_pic{
    width: 22px;
    height: 22px;
    background: url('/static/img/pay_wx_07.png') no-repeat center;
    background-size: contain;
    margin-right: 15px;
}
.pay_flex{
    display: flex;
    align-items: center;
    font-size: 1.4rem;
}
.to_pay_money{
    background: #2F2F2F;
    color: #EEEEEE;
    text-align: center;
    padding: 10px 0;
    font-size: 1.2rem;
    margin-top: 30px;
}
.pay_right_arrow{
    border-right: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    transform: rotate(-45deg);
    width: 10px;
    height: 10px;
    top: 5px;
    right: 5px;
}


/* 优惠券页面 */
.coupon_wrap div{
    margin: 0;
}
.coupon_wrap{
    display: flex;
    margin-bottom: 1rem;
}
.coupon_wrap_left{
    width: 100px;
    height: 80px;
}
.coupon_wrap_right{
    flex: 1;
    padding: 10px;
    display: flex;
    background: #fff;
}
.cwr_left{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.cwr_left_top{
    color: #3C3C3C;
    font-weight: 600;
}
.cwr_left_bottom{
    color: #989898;
    font-size: 12px;
}
.cwr_right{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 20px;
    color: #7691D7;
    font-size: 26px;
}
.coupon_sure{
    width: 100%;
    text-align: center;
    background: #F14A4D;
    color: #fff;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 16px;
}
.cwr_right_img{
    width:20px;
    height:20px;
}