/*分享*/
.About_late .header .share{
    margin-bottom: 10px;
}
.share_right{
    margin-left: 55px;
    margin-bottom: 10px;
}
.share_top{
    overflow: hidden;
}
.share_top span:nth-child(2){
    float:right;
}
.share_content{
    color: #fff;
    padding-top: 5px;
}


/*recom*/
.recom{width: 100%; margin-top: 3%;}
.recom-tit{padding: 3% 0; border-bottom: 1px solid #dfdfdf; width: 100%;}
.recom-tit p{width: 93%; padding-left: 3%; border-left: 8px solid #bc3b7b; font-size: 1rem; color: #fff;}
.recom .content{width: 94%; padding: 0 3%;}
.recom .content .list{padding: 3% 0; border-bottom: 1px solid #dfdfdf; width: 100%;}
.recom .content .list:last-child{border-bottom: none;}
.recom .content .list .tu{width: 27%; background-color: #ccc; float: left; max-height: 5rem; text-align: center; font-size: 0;}
.recom .content .list .tu span{display: inline-block; line-height: 0; vertical-align: middle;}
.recom .content .list .tu img{width: 100%; }
.recom .content .list .right{width: 66.666%; float: right;}
.recom .content .list .right .tit{width: 100%;}
.recom .content .list .right .tit p{font-size: 1rem; color: #fff; width: 70%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;}
.recom .content .list .right .tit span{font-size: .4rem; color: #bc3b7b; font-weight: bold;}
.recom .content .list .right .tit span samp{font-size: .3rem; color: #bc3b7b; font-weight: normal;}
.recom .recom-jianjie{font-size: .9rem; color: #888888; margin-top: .3rem; width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;}
.recom .recom-jianjieone{margin-top: .1rem;}
.recom-bottom{margin-top: .5rem;}
.recom-bottomtwo{margin-top: .3rem;}
.recom-bottom span{font-size: .3rem; color: #2fb74f; float: left; margin-right: .5rem;}
.icon-duihao{margin-right: 5px;}

.poo-mui{width: 100%; background-color: #bc3b7b; padding: 2% 0;}
.fr {
    float: right;
    display: inline;
}
.sp1{
    cursor: pointer;
}


/*活动*/
.service-ctent{width: 100%;  margin-top: 3%;}
.service-ctent .tit{
    width: 92%;
    line-height: 1.5rem;
    padding: 3% 3% 3% 5%;
    font-size: 15px;
    color: #656469;
}
.footer-look{width: 100%;}
.footer-look a {
    /*   padding: 3% 0;*/
    display: block;
    text-align: center;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #bc3b7b;
    color: #fff;
    font-size: 15px;
    max-width: 640px;
    margin: auto;
    left:0;right:0;
    position: fixed;
}

.service-list,
.service-ties{width: 94%; padding: 3%;overflow: hidden}
.service-list ul li{float: left; width: 48%; line-height: 1.9rem; font-size: .32rem; color: #666666; margin-right: 4%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap; font-size:13px;}
.service-list ul li:nth-child(2n){margin-right: 0;}
.service-list ul li:first-child{
    width: 100%;
}
.service-tit{font-size: .32rem; color: #fff;}
.service-tit a{ font-size:13px;}
.service-ties ul li{width: 25%; margin-bottom: .3rem; float: left; font-size: .32rem; line-height: .6rem; color: #555555; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;}
.service-ties ul li i{margin-right: .2rem; width: .5rem; font-size: .57rem; display: inline-block; float: left;}
#show_member{
    background: #bc3b7b;
}

/*时间*/
.gearDate,
.gearDatetime,
.gearTime {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 10px;
    background-color: rgba(0, 0, 0, 0.2);
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9900;
    overflow: hidden;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.date_ctrl {
    vertical-align: middle;
    background-color: white;
    color: #363837;
    margin: 0;
    height: auto;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9901;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slideInUp {
    animation: slideInUp .3s ease-in;
    -webkit-animation: slideInUp .3s ease-in
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.date_roll,
.datetime_roll,
.time_roll {
    display: -webkit-box;
    width: 100%;
    height: auto;
    overflow: hidden;
    font-weight: bold;
    background-color: transparent;
    -webkit-mask: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#debb47), to(rgba(36, 142, 36, 0)));
    -webkit-mask: -webkit-linear-gradient(top, #debb47 50%, rgba(36, 142, 36, 0))
}

.date_roll>div,
.datetime_roll>div,
.time_roll>div {
    font-size: 2.3em;
    height: 6em;
    float: left;
    background-color: transparent;
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 4
}

.date_roll_mask {
    -webkit-mask: -webkit-gradient(linear, 0% 40%, 0% 0%, from(#debb47), to(rgba(36, 142, 36, 0)));
    -webkit-mask: -webkit-linear-gradient(bottom, #debb47 50%, rgba(36, 142, 36, 0));
    padding: 0 0 3em 0
}

.date_roll>div:nth-child(2) {
    -webkit-box-flex: 2
}

.date_roll>div:nth-child(1),
.datetime_roll>div:nth-child(1) {
    -webkit-box-flex: 4
}

.datetime_roll>div:first-child {
    -webkit-box-flex: 6
}

.datetime_roll>div:last-child {
    -webkit-box-flex: 6
}

.date_grid {
    position: relative;
    top: 2em;
    width: 100%;
    height: 2em;
    margin: 0;
    box-sizing: border-box;
    z-index: 0;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

.date_grid>div {
    color: #000;
    position: absolute;
    right: 0;
    top: 0;
    font-size: .8em;
    line-height: 2.5em
}

.date_roll>div:nth-child(3) .date_grid>div {
    left: 42%
}

.datetime_roll>div .date_grid>div {
    right: 0
}

.datetime_roll>div:first-child .date_grid>div {
    left: auto;
    right: 0%
}

.datetime_roll>div:last-child .date_grid>div {
    left: 50%
}

.time_roll>div:nth-child(1) .date_grid>div {
    right: 0.5em;
    /*border: 1px solid red;*/
}
.time_roll>div .date_grid{
    /*border: 1px solid black;*/
}
.time_roll>div .date_grid>div {
    right:1em;
    /*border: 1px solid blue;*/
}

.date_btn {
    color: #000;
    font-size: 1.6em;
    line-height: 1em;
    text-align: center;
    padding: .8em 1em;
    cursor: pointer
}

.date_btn_box {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch
}

.gear {
    float: left;
    position: absolute;
    z-index: 9902;
    width: 5.5em;
    margin-top: -6em
}

.date_roll>div .gear {
    width: 100%
}

.date_roll>div:nth-child(1) .gear {
    text-indent: 20%
}

.date_roll>div:nth-child(2) .gear {
    text-indent: -20%
}

.date_roll>div:nth-child(3) .gear {
    text-indent: -55%
}

.datetime_roll>div .gear {
    width: 100%;
    text-indent: -25%
}

.datetime_roll>div:first-child .gear {
    text-indent: -10%
}

.datetime_roll>div:last-child .gear {
    text-indent: -50%
}

.time_roll>div .gear {
    width: 100%;
    /*text-indent: -70%;*/
    text-align: center;
}

.time_roll>div:nth-child(1) .gear {
    width: 100%;
    text-indent: 10%
}

.tooth {
    height: 2em;
    line-height: 2em;
    text-align: center
}

/*留言*/
.Input_Box{
    text-align: center;
    padding: 0 10px;
    margin-top: 10px;
}
.Input_text{
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    width: 100%;
    border: #bc3b7b 1px solid;
    height: 100px;
    padding: 5px;
    color:#fff;
    resize: none;
}
.imgBtn{
    color:#fff;
    text-align: center;
}
.Input_Foot{
    width: 74px;
    text-align: center;
    background: #BC3B7B;
    padding: 5px;
    margin: 10px 0;
}
.layout-box{
    border-bottom: 1px solid #dadada;
    background: #fff;
    padding: 9px 0;
}
.box-col {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
}

.media-main{
    float:left;
}
.media-main img{
    border-radius: 100%;
    width: 50px;
    height: 50px;
    overflow: hidden;
}
.comment-list ul li{
    position: relative;
    padding: 10px 12px;
    border-bottom: 1px solid #dadada;
}
.item-list{
    margin-left: 56px;
}
.item-main{
    color:#656469;
    font-weight: bold;
}
.txt-s {
    font-size: 15px;
}
.txt-xxs {
    font-size:15px;
}
.txt-l {
    font-size: .9375rem;
}
.item-other {
    padding: .25rem 0 0;
    line-height: 1rem;
}
.item-minor {
    padding: 5px 0 0;
    line-height: 1.25rem;
    word-wrap: break-word;
    color: #fff;
}


























/*判断测试用*/
@media all and (max-width:640px){
.ui-header .logo a{ font-size:18px;}
.inav .enav p{ font-size:30px;}
.bprod .prod .prod_tit p,.bprod .prod .prod_tit span{ font-size:16px;}	
.prod_foot p{ font-size:16px;}
.dbgu .dbgu1 .dbgu1_img{ padding:10% 0 0 0;}
.dbgu .dbgu1 p{ font-size:20px;}

.c_main .prod .prod_tit p,.c_main .prod .prod_tit span{ font-size:16px;}
.spans3{ font-size:16px;}
.spans3 i{ color:#e84f88;}
.touxs2 p{ font-size:20px;}	
.myyu1 p{ font-size:20px;}
.myyu1 span{ font-size:16px;}
.myyu .myyu2 .myyu2s p{ font-size:15px;}

.leli ul li em{ font-size:19px;}

.carig p{ font-size:17px;}
.cspan1,.cspan2,.cspan3{ font-size:17px;}
.odsp .statp{ font-size:15px;}
.odsp2{ font-size:15px;}
.orderdet ul li{ font-size:15px;}

.addlist ul li p{ font-size:16px;}
.newadds ul li .shp1{ font-size:16px;}
.conaddress p{ font-size:16px;}

.alla1{ font-size:20px;}
.alla2 a{ font-size:16px;}

.mert .mert1{ font-size:16px;}
.mert .mert2{ font-size:16px;}

.merc2 p{ font-size:20px;}
.merc2 em{ font-size:16px;}

.odlist3 .p1 a,.odlist3 .p2{ font-size:17px;}
.orderdet table tr td{ font-size:19px;}
.orderdet3 table tr td,.orderdet3 table tr th{ font-size:19px;}

#goodlist li .gtd3 a{ font-size:19px;}

h15{ font-size:1.2em;}
h14{ font-size:1.1em;}
h13{ font-size:1em;}
h12{ font-size:0.9em;}
.ui-header .logins a{ font-size:16px;}
.indextoux .touxs3 p{ font-size:19px;}
.touxs6 p{ font-size:19px;}
.touxs8 p i{ font-size:19px;}

.carsc a{ font-size:16px;}

.bplist .phlist .phsp2{ font-size:20px;}

.userdind .userdind1 p{ font-size:18px;}
.makes .makes_tit .makest_rig p{ font-size:18px;}
}
@media all and (max-width:580px){
.ui-header .logo a{ font-size:17px;}
.inav .enav p{ font-size:22px;}
.bprod .prod .prod_tit p,.bprod .prod .prod_tit span{ font-size:14px;}	
.prod_foot p{ font-size:15px;}
.dbgu .dbgu1 .dbgu1_img{ padding:10% 0 0 0;}
.dbgu .dbgu1 p{ font-size:18px;}

.c_main .prod .prod_tit p,.c_main .prod .prod_tit span{ font-size:14px;}
.spans3{ font-size:15px;}	
.spans3 i{ color:#e84f88;}
.touxs2 p{ font-size:19px;}
.myyu1 p,.myyu1 span{ font-size:14px;}	
.myyu .myyu2 .myyu2s p{ font-size:14px;}

.leli ul li em{ font-size:17px;}

.carig p{ font-size:16px;}
.cspan1,.cspan2,.cspan3{ font-size:16px;}
.odsp .statp{ font-size:14px;}
.odsp2{ font-size:14px;}
.orderdet ul li{ font-size:14px;}

.addlist ul li p{ font-size:15px;}
.newadds ul li .shp1{ font-size:15px;}
.conaddress p{ font-size:15px;}

.alla1{ font-size:19px;}
.alla2 a{ font-size:15px;}

.mert .mert1{ font-size:15px;}
.mert .mert2{ font-size:15px;}

.merc2 p{ font-size:19px;}
.merc2 em{ font-size:15px;}

.odlist3 .p1 a,.odlist3 .p2{ font-size:16px;}
.orderdet table tr td{ font-size:17px;}
.orderdet3 table tr td,.orderdet3 table tr th{ font-size:17px;}

#goodlist li .gtd3 a{ font-size:17px;}

h15{ font-size:1.1em;}
h14{ font-size:1em;}
h13{ font-size:0.9em;}
h12{ font-size:0.8em;}
.ui-header .logins a{ font-size:15px;}
.indextoux .touxs3 p{ font-size:17px;}
.touxs6 p{ font-size:17px;}
.touxs8 p i{ font-size:17px;}

.carsc a{ font-size:15px;}
.bplist .phlist .phsp2{ font-size:16px;}

.userdind .userdind1 p{ font-size:16px;}

.makes .makes_tit .makest_rig p{ font-size:16px;}
}
@media all and (max-width:385px){
.ui-header .logo a{ font-size:16px;}
.inav .enav p{ font-size:18px;}
.bprod .prod .prod_tit p,.bprod .prod .prod_tit span{ font-size:13px;}	
.prod_foot p{ font-size:18px;}
.dbgu .dbgu1 .dbgu1_img{ padding:10% 0 0 0;}
.dbgu .dbgu1 p{ font-size:14px;}

.c_main .prod .prod_tit p,.c_main .prod .prod_tit span{ font-size:13px;}
.touxs2 p{ font-size:13px;}	
.myyu1 p,.myyu1 span{ font-size:13px;}
.myyu .myyu2 .myyu2s p{ font-size:13px;}

.leli ul li em{ font-size:15px;}
.tongj{ font-size:13px; margin:-17% 0 0 14%;}

.carig p{ font-size:15px;}
.cspan1,.cspan2,.cspan3{ font-size:15px;}
.odsp .statp{ font-size:13px;}
.odsp2{ font-size:13px;}
.orderdet ul li{ font-size:13px;}

.addlist ul li p{ font-size:14px;}
.newadds ul li .shp1{ font-size:14px;}
.conaddress p{ font-size:14px;}

.alla1{ font-size:18px;}
.alla2 a{ font-size:14px;}

.mert .mert1{ font-size:14px;}
.mert .mert2{ font-size:14px;}

.merc2 p{ font-size:18px;}
.merc2 em{ font-size:14px;}

.odlist3 .p1 a,.odlist3 .p2{ font-size:15px;}
.orderdet table tr td{ font-size:15px;}
.orderdet3 table tr td,.orderdet3 table tr th{ font-size:15px;}

#goodlist li .gtd3 a{ font-size:15px;}

h15{ font-size:1em;}
h14{ font-size:0.9em;}
h13{ font-size:0.8em;}
h12{ font-size:0.7em;}
.ui-header .logins a{ font-size:14px;}
.indextoux .touxs3 p{ font-size:15px;}
.touxs6 p{ font-size:15px;}
.touxs8 p i{ font-size:15px;}

.carsc a{ font-size:14px;}
.bplist .phlist .phsp2{ font-size:14px;}

.userdind .userdind1 p{ font-size:14px;}

.makes .makes_tit .makest_rig p{ font-size:14px;}
}
@media all and (max-width:320px){
.ui-header .logo a{ font-size:15px;}
.inav .enav p{ font-size:13px;}
.bprod .prod .prod_tit p,.bprod .prod .prod_tit span{ font-size:12px;}	
.prod_foot p{ font-size:17px;}
.dbgu .dbgu1 .dbgu1_img{ padding:10% 0 0 0;}
.dbgu .dbgu1 p{ font-size:12px;}

.c_main .prod .prod_tit p,.c_main .prod .prod_tit span{ font-size:12px;}	
.spans3{ font-size:12px; padding-right:10px;}
.spans3 i{ color:#e84f88; font-size:14px;}
.spans4{ font-size:12px;}
.spans4 s{ color:#ccc;}
.aps1{ font-size:12px;}
.aps1 i{ font-size:14px;}

.touxs2 p{ font-size:12px;}
.myyu1 p{ font-size:14px;}
.myyu1 span{ font-size:12px;}
.myyu .myyu2 .myyu2s p{ font-size:12px;}

.leli ul li em{ font-size:13px;}

.tuic a{ font-size:12px;}
.tongj{ font-size:12px; margin:-17% 0 0 14%;}

.carig p{ font-size:14px;}
.cspan1,.cspan2,.cspan3{ font-size:14px;}
.jsp1,.jsp2,.jsp3{ font-size:12px;}
.odsp .statp{ font-size:12px;}
.odsp2{ font-size:12px;}
.orderdet ul li{ font-size:12px;}

.addlist ul li p{ font-size:13px;}
.newadds ul li .shp1{ font-size:13px;}
.conaddress p{ font-size:13px;}

.alla1{ font-size:17px;}
.alla2 a{ font-size:13px;}

.mert .mert1{ font-size:13px;}
.mert .mert2{ font-size:13px;}

.merc2 p{ font-size:15px;}
.merc2 em{ font-size:13px;}
.odlist3 .p1 a,.odlist3 .p2{ font-size:14px;}

.orderdet table tr td{ font-size:13px;}
.orderdet3 table tr td,.orderdet3 table tr th{ font-size:13px;}

#goodlist li .gtd3 a{ font-size:13px;}
h15{ font-size:0.9em;}
h14{ font-size:0.85em;}
h13{ font-size:0.75em;}
h12{ font-size:0.65em;}
.ui-header .logins a{ font-size:13px;}

.indextoux .touxs3 p{ font-size:13px;}
.touxs6 p{ font-size:13px;}
.touxs8 p i{ font-size:13px;}

.carsc a{ font-size:13px;}
.bplist .phlist .phsp2{ font-size:12px;}

.userdind .userdind1 p{ font-size:13px;}

.makes .makes_tit .makest_rig p{ font-size:12px;}
}

/*判断 end*/