@charset "utf-8";

/* ================================ */
/* 触屏版消息等样式		*/
/* ================================ */
body{line-height: 1.5}
i.user_icon{background:url('../images/user_icon.png') no-repeat center center;background-size: 15px;padding-right: 15px;}
i.quest_icon{background:url('../images/quest_icon.png') no-repeat center center;background-size: 15px;padding-right: 15px;}
i.adm_icon{background:url('../images/adm_icon.png') no-repeat center center;background-size: 15px;padding-right: 15px;}
.star{width:84px !important;height: 14px !important;line-height: 14px !important;background:url('../images/star_bg.png') no-repeat 0 center;background-size: auto 14px !important;text-align: left !important;}
.star b{background: url('../images/star_bg_show.png') repeat-x 0 center;background-size: auto 14px;}
.star.big{vertical-align: middle;background:url('../images/star_bg.png') no-repeat 0 center;}
.star.big b{display: inline-block;height: 100%;background: url('../images/star_bg_show.png') repeat-x 0 center;background-size: auto 14px;}
/*消息中心*/
.msg-center dl  {width: 100% }
.msg-center dd {border-top: solid 0.05rem #F5F5F5;height: 5.5rem;margin-left: 0.25%;/* margin-top: 0.25%; */ float: left; text-align: center; background-color: #FFF;width: 33%;}
.msg-center dd a { display: block;}
.msg-center dd img {width:2rem;height:2rem; margin: 1.5rem 0 0.5rem; }
.msg-center dd a { color: #333; }
.msg-center dd p { font-size: 0.5rem; line-height: 1rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

/*我的资产*/
.assets-msgbox{background-color: #f7f7f7;}
.assets-msgbox ul{padding: 0 3% 20px;}
.assets-msgbox ul li>p{line-height: 45px;text-align: center;color: #666;font-size: 12px;}
.assets-msgbox ul li a>div{background-color: #fff;padding:10px;border:1px solid #eee;border-radius: 4px;}
.assets-msgbox ul li h4{color: #555;overflow: hidden;font-size: 0.7rem}
.assets-msgbox ul li div div{margin-top: 6px}
.assets-msgbox ul li div div p{color: #777;font-size: 0.5rem;height: 2.1rem;overflow: hidden;}
.assets-msgbox ul li div div p.coupon-p{padding-top: calc(170 / 310 * 40px - 18px)}
.assets-msgbox i{float: left;margin-right:30px;width:80px;height: calc(170 / 310 * 80px);line-height: calc(170 / 310 * 80px);color: #fff;text-align: center;overflow: hidden;}

/*订单消息*/
.order-msgbox{background-color: #f7f7f7;}
.order-msgbox ul{padding: 0 3% 20px;}
.order-msgbox ul li>p{line-height: 45px;text-align: center;color: #666;font-size: 12px;}
.order-msgbox ul li a>div{background-color: #fff;padding:10px;border:1px solid #eee;border-radius: 4px;}
.order-msgbox ul li h4{color: #555;overflow: hidden;font-size: 0.7rem}
.order-msgbox ul li h4 em{float: right;color: #f73030;font-weight: normal;}
.order-msgbox ul li div div{margin-top: 6px}
.order-msgbox ul li div div p{color: #777;font-size: 0.5rem;height: 2.1rem;overflow: hidden;}
.order-msgbox ul li div div p.order-p{padding-top: 12px;}
.order-msgbox i{float: left;margin-right:15px;color: #fff;text-align: center;overflow: hidden;}
.order-msgbox i img{width:60px;height: 60px;display: block;}

/*优惠促销*/
.active-msgbox{background: #f7f7f7;}
.active-msgbox ul{padding: 0 3% 20px;}
.active-msgbox ul li>p{line-height: 45px;text-align: center;color: #666;font-size: 12px;}
.active-msgbox ul li a>div{background-color: #fff;padding:10px;border:1px solid #eee;border-radius: 4px;}
.active-msgbox ul li a>div>p{color: #666;background: #fff url('../product/p_you_jian.png') no-repeat right center;background-size: 8px;}
.active-msgbox ul li h4{color: #555;overflow: hidden;font-size: 0.7rem}
.active-msgbox ul li div div{margin-top: 6px;margin-bottom:10px;padding-bottom: 10px;border-bottom: 1px solid #eee;}
.active-msgbox ul li div div p{color: #777;font-size: 12px;height: 54px;overflow: hidden;}
.active-msgbox ul li div div p.order-p{padding-top: 6px;}
.active-msgbox i{text-align: center;overflow: hidden;position: relative;width: 100%;padding-bottom: calc(100% * 4 / 9);display: block;}
.active-msgbox i img{width:100%;display: block;position: absolute;top:0;left: 0}

/*商城公告*/
.article-msgbox{background-color: #f7f7f7;}
.article-msgbox ul{background-color: #fff;border-width:1px 0 1px 0;border-color: #ccc;border-style: solid;padding: 0 3%;}
.article-msgbox ul li{border-bottom: 1px solid #eee;padding:7px 0;background:url('../product/p_you_jian.png') no-repeat right center;background-size: 8px;}
.article-msgbox ul li:last-child{border:none;}
.article-msgbox ul li p{font-size: 14px;font-weight: bold;color: #666;line-height: 17px;}
.article-msgbox ul li em{font-size: 12px;color: #999;}
.article-msgbox ul li.art-content i{width: 50px;height:50px;float: left;position: relative;}
.article-msgbox ul li.art-content img{display: block;position: absolute;width: 100%;top:0;left:0;}
.article-msgbox ul li.art-content i em{position: absolute;border-radius: 50%;width: 5px;height: 5px;background-color: #f73030;top:-2px;right:-2px;}
.article-msgbox ul li.art-content div{width: calc(100% - 70px);float: left;margin-top: 7px;margin-left: 10px;}

/*系统信息*/
.system-msgbox{}
.system-msgbox .p_sys{padding:0;margin:0;}
.system-msgbox .p_sys .trigger-list{width: 100%;border-bottom:1px solid #ddd;background-color: #fff;display: -webkit-box;}
.system-msgbox .p_sys .trg{text-align: center;line-height: 18px;padding:10px 0;font-size: 14px;}
.system-msgbox .p_sys .trg.act{border-bottom: 2px solid #f73030;color:#f73030;}

    /*咨询*/
 .switch_reply{line-height: 1rem;}
.switch_reply.show-two-reply{height: 2rem; overflow: hidden;margin-top: 0.1rem;}
.system-msgbox .ask_list{padding:0;}
.system-msgbox .ask_item{background-color: #fff;margin-top: 8px;padding: 0 3%;border-width: 1px 0 1px 0;border-color: #eee;border-style: solid;}
.system-msgbox .ask_item a>div.right_arrow{padding:10px 0;border-bottom: 1px solid #eee;border-top: 1px solid #eee;background:url("../product/p_you_jian.png") no-repeat right center;background-size: 9px;padding-right: 9px;}
.system-msgbox .ask_item a span{position: relative;width: 60px;padding-bottom: 60px;overflow: hidden;float: left;margin-right: 10px;}
.system-msgbox .ask_item a span img{display: block;width: 100%;position: absolute;top: 0;left: 0;}
.system-msgbox .ask_item a p{float: left;width: calc(100% - 75px);height: 38px;overflow: hidden;margin-top: 11px;}
.system-msgbox .ask_item ul{padding: 5px 0 10px;}
.system-msgbox .ask_item ul li{color: #999;}
.system-msgbox .ask_item ul li i{margin:2px 5px 0 0;float: left;height: 15px;}
.system-msgbox .ask_item ul li em{float: right;}
.system-msgbox .ask_item ul li p{width:calc(100% - 20px);max-height: 38px;overflow: hidden;display:inline-block;}
.system-msgbox .ask_item ul li.first-msg{color: #666;height: 19px;}
.system-msgbox .ask_item ul li.first-msg p{max-height: 19px;width: calc(100% - 50%);}
.system-msgbox .ask_item ul li.more-box{height: auto;padding: 0;}
.system-msgbox .ask_item ul li.more-box b{margin-top: 8px;}
.system-msgbox .ask_item ul li.more-box div{height: 0;overflow: hidden;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}

	/*评论*/
.system-msgbox .discuss_list{padding:0;}
.system-msgbox .discuss_item{background-color: #fff;margin-top: 8px;padding: 0 3%;border-width: 1px 0 1px 0;border-color: #eee;border-style: solid;}
.system-msgbox .discuss_item a>div.right_arrow{padding:10px 0;border-bottom: 1px solid #eee;background:url("../product/p_you_jian.png") no-repeat right center;background-size: 9px;padding-right: 9px;}
.system-msgbox .discuss_item a span{position: relative;width: 60px;padding-bottom: 60px;overflow: hidden;float: left;margin-right: 10px;}
.system-msgbox .discuss_item a span img{display: block;width: 100%;position: absolute;top: 0;left: 0;}
.system-msgbox .discuss_item a p{float: left;width: calc(100% - 75px);height: 38px;overflow: hidden;margin-top: 11px;}
.system-msgbox .discuss_item .dis-box{padding:15px 0;}
.system-msgbox .discuss_item .dis-box .dis-title img{width: 40px;height:40px;float: left;display: block;border-radius: 50%;}
.system-msgbox .discuss_item .dis-box .dis-title>div{float: left;margin:1px 0 0 5px;}
.system-msgbox .discuss_item .dis-box .dis-title>div p{color: #fff;background-color: #f73030;font-size: 12px;-webkit-transform-origin-x:0;-webkit-transform:scale(calc(9/12));float: right;padding: 0 6px;border-radius: 4px;margin-left: 5px;}
.system-msgbox .discuss_item .dis-box .dis-title>div .star{vertical-align: top;}
.system-msgbox .discuss_item .dis-box .dis-title>em{float: right;color: #999;}
.system-msgbox .discuss_item .dis-box .dis-con{margin:5px 0 0 45px;}
.system-msgbox .discuss_item .dis-box .dis-con p{color: #666;}
.system-msgbox .discuss_item .dis-box .dis-con li em{margin-left:5px;color: #aaa;}
.system-msgbox .discuss_item .dis-box .dis-con .more-box{height: auto;margin-top: 0;}
.system-msgbox .discuss_item .dis-box .dis-con .more-box b{margin-top: 8px;}
.system-msgbox .discuss_item .dis-box .dis-con .more-box div{height: 0;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;overflow: hidden;}

	/*站内信*/
.system-msgbox .system_list{background-color: #fff;padding: 0;}
.system-msgbox .system_list h4{padding:0 3%;line-height: 35px;height: 35px;color: #f73030;font-weight: normal;}
.system-msgbox .system_list ol li{border-top: 1px solid #eee;padding:0 3%;}
.system-msgbox .system_list ol li:last-child{border-bottom: 1px solid #eee;}
.system-msgbox .system_list ol li p{line-height: 16px;font-size: 12px;color: #999;height: 32px;overflow: hidden;margin-bottom: 10px;word-break:break-all;word-wrap:break-word;}
.system-msgbox .system_list ol li div{margin:10px 0 6px;}
.system-msgbox .system_list ol li div span{padding-left: 8px;color: #555;}
.system-msgbox .system_list ol li div em{float: right;font-size: 12px;color: #999;}

/*客服*/
.explain {background: #fff;clear: both;border-top:1px solid #f5f5f5 }
.explain div{padding: 1rem;}
.explain div textarea{resize:none;border:0;padding-top: 0.5rem;color: #666}