body {
    background: rgb(246, 247, 248);
    color: rgb(51, 51, 51);
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic", "Lucida Grande", メイリオ, Verdana, "ＭＳ Ｐゴシック", sans-serif;
    font-size: medium;
    line-height: 1.6;
    letter-spacing: 0.03em;
    -webkit-font-smoothing: antialiased;
    text-size-adjust: none;
    text-rendering: optimizelegibility;
}
@font-face{font-family:'hacopy';src:url("hacopy.eot?220520");src:url("hacopy.eot#iefix") format("embedded-opentype"), url("hacopy.ttf?220520") format("truetype"), url("hacopy.svg?22052") format("svg");font-weight:normal;font-style:normal;}


.icon_font::after, .icon_font::before, [class*=" ico_"], [class*=" ico_"]::before, [class^="ico_"], [class^="ico_"]::before { font-family: "hacopy"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; vertical-align: middle; letter-spacing: 0px; }
.icon_font:hover { text-decoration: none; }
.ico_instagram::before { content: ""; }
.ico_facebook::before { content: ""; }
.ico_twitter::before { content: ""; }
.ico_weibo::before { content: ""; }
.ico_pinterest::before { content: ""; }
.ico_ameba::before { content: ""; }
.ico_note::before { content: ""; }
.ico_youtube::before { content: ""; }
.ico_tiktok::before { content: ""; }



*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
div,form,h3,input,li,p,textarea,ul{margin:0 0 0 0;padding:0 0 0 0;}
article,nav,section{display:block;margin:0 0 0 0;padding:0 0 0 0;}
select{margin:0 0 0 0;}
ul{list-style:none;}
h3{font-style:normal;font-weight:normal;font-size:100%;}
div,p,ul{font-weight:normal;font-style:normal;}
a{color:#2490d0;-webkit-tap-highlight-color:rgba(255, 255, 255, 0.25);}
a:link,a:visited{text-decoration:none;}
a:active,a:hover{text-decoration:underline;}
.over:hover{opacity:0.7;filter:alpha(opacity=70);text-decoration:none;}
::-moz-selection{background:#555;color:#fff;}
::selection{background:#555;color:#fff;}
::-moz-selection{background:#555;color:#fff;}
input,select,textarea{color:#111;font-family:"メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;}
input[type=submit]{cursor:pointer;}
input[type=submit]:hover{opacity:0.6;filter:alpha(opacity=60);}
input[type=text]{border:1px #ddd solid;border-radius:3px;padding:2px 8px 2px 8px;min-height:30px;outline:none;}
input[type=text]:focus{border-color:#a7d5f0;-webkit-box-shadow:0 0 3px rgba(36, 144, 208, 0.3);box-shadow:0 0 3px rgba(36, 144, 208, 0.3);}
textarea{border:1px #ddd solid;border-radius:3px;padding:2px 8px 2px 8px;outline:none;}
textarea:focus{border-color:#a7d5f0;-webkit-box-shadow:0 0 3px rgba(36, 144, 208, 0.3);box-shadow:0 0 3px rgba(36, 144, 208, 0.3);}
#content_container #main select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;border:1px #ddd solid;border-radius:3px;padding:5px 25px 5px 8px;background:#fff url("select_bg.png") no-repeat right 10px center;background-size:12px 7px;cursor:pointer;min-height:30px;}
#content_container #main select:focus{outline:none;}
#content_container #main  select::-ms-expand{display:none;}

::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;opacity:1;}
::-moz-placeholder{color:#999;opacity:1;}
:-ms-input-placeholder{color:#999;}
.clearfix{zoom:1;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
.icon_font:after,.icon_font:before{font-family:'hacopy';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;letter-spacing:0;}
.icon_font:hover{text-decoration:none;}
#content{position:relative;z-index:1;margin:0 auto 0 auto;width:990px;}
#content_container{margin:30px 0 0 0;width:990px;}
#sub_nav{width:260px;float:left;}
#sub_nav ul li{clear:both;margin:12px 0 0 0;position:relative;}
#sub_nav ul li:first-child{margin-top:0;}
#sub_nav ul li a{display:block;border:1px #ddd solid;background:#fff;border-radius:4px;padding:10px 12px 10px 20px;color:#333;}
#sub_nav ul li a:before{content:"";font-size:12px;vertical-align:2px;display:block;position:absolute;right:15px;top:16px;}
#sub_nav ul li a:hover{background:#f5f5f5;}
#sub_nav ul li a span.txt{font-size:14px;float:left;}
.index #sub_nav ul li.nav_index a{background:#333;color:#fff;}
#main{width:690px;float:right;}
#main #main_container{border:1px #ddd solid;border-radius:4px;padding:0 0 30px 0;background-color:#fff;}
#main #main_container h3{background:#f6f7f8;border-radius:4px 4px 0 0;border-bottom:1px #ddd solid;font-size:16px;padding:10px 0 10px 20px;}
#main .post_closed_note{margin:24px 0 40px 0;}
#main .post_closed_note .txt{font-size:11px;letter-spacing:0.03em;text-align:center;}
#main .post_closed_note .txt .about_app{display:block;padding:8px 0 8px 0;text-align:center;text-decoration:none;color:#2490d0;border:1px #2490d0 solid;border-radius:4px;display:inline-block;margin-left:15px;padding:7px 18px 7px 18px;}
#main .post_closed_note .txt .about_app:hover{background:rgba(255, 255, 255, 0.4);text-decoration:none;}
#main .list p.tit{padding:10px 5px 10px 20px;font-size:12px;background:#efefef;border-bottom:1px #ddd solid;}
#main .list ul li{clear:both;margin:25px 0 0 0;}
#main .list ul li .sub{float:left;width:190px;}
#main .list ul li .sub p{text-align:right;font-size:14px;}
#main .list ul li .sub p span{color:#DA4034;font-size:12px;}
#main .list ul li.required .sub{width:206px;}
#main .list ul li .main{margin:0 25px 0 10px;float:left;}
#main .list ul li .main p.input{width:100%;font-size:14px; display: flex;}
#main .list ul li .main p.input input{position:relative;display:block;top:-4px;width:100%;padding-top:5px;padding-bottom:5px;border-radius:4px;font-size:13px; height: auto;}
#main .list ul li .main p.input input.def{color:#bbb;}
#main .list ul li .main p.input select{margin:-5px 0 0 0;width:180px;}
#main .list ul li .main p.input select.year{width:80px;}
#main .list ul li .main p.input select.month{width:60px;}
#main .list ul li .main p.input select.day{width:60px;}
#main .list ul li .main p.txt{padding:7px 0 0 0;font-size:14px;}
#main .list ul li .main p.url{margin:2px 0 0 0;font-size:14px;word-break:break-all;word-break:break-word;}
#main .list ul li.birth .main p.input span{margin:0 8px 0 1px;font-size:14px;}
#main .list ul li.height .main p.input input{float:left;margin:0 8px 0 0;width:170px;vertical-align:middle;}
#submit{margin:22px 0 0 0;}
#submit p{margin:0 auto 0 auto;width:146px;}
#submit p input{width:142px;font-size:14px;cursor: pointer;display:block;padding:8px 0 8px 0;text-align:center;text-decoration:none;color:#fff;font-weight:bold;border:1px #1e78ad solid;border-radius:2px;background:#2490d0;background:-moz-linear-gradient(top, #2490d0 0%, #1f7eb6 100%);background:-webkit-linear-gradient(top, #2490d0 0%, #1f7eb6 100%);background:-webkit-gradient(linear, left top, left bottom, from(#2490d0), to(#1f7eb6));background:-o-linear-gradient(top, #2490d0 0%, #1f7eb6 100%);background:linear-gradient(to bottom, #2490d0 0%, #1f7eb6 100%);padding:10px 0 10px 0;}
#main .list{margin:30px 0 0 0;}
#main .list ul li.place .main{display:none;}
#main .list ul li.place .main p.txt{padding-top:0;min-height:32px;}
#main #basic_info{margin-top:0;border-top:none;background-color:#fff;}
#main #basic_info ul li:first-child p.txt{padding-top:0;}
#main #basic_info ul li#age span#current_age{margin:0 5px 0 0;font-size:13px;}
#main #basic_info ul li#age select{width:162px;}
#main #self p.input{padding:20px 25px 0 25px;}
#main #self p.input textarea{padding:5px 8px 5px 8px;border-radius:3px;width:100%;max-width:100%;min-width:100%;font-size:13px;height:150px;}
#main #favorites{margin-top:20px;}
#main #favorites ul li{margin-top:30px;}
#main #favorites ul li:first-child{margin-top:25px;}
#main #favorites ul li .sub{padding:0 0 0 20px;width:100px;}
#main #favorites ul li .sub p{text-align:left;}
#main #favorites ul li .main{margin:0;width:562px;}
#main #favorites ul li .main .function{position:relative;margin:-5px 0 0 0;}
#main #favorites ul li .main .function .btn{padding:7px 0 7px 13px;font-size:12px;width:177px;float:left;background-color:#777;border-radius:3px;color:#fff;cursor:pointer;}
#main #favorites ul li .main .function .btn:after{content:'\e606';display:inline-block;float:right;padding:5px 10px 0 0;font-size:10px;}
#main #favorites ul li .main .function .counter{margin:8px 0 0 20px;float:left;font-size:12px;}
#main #favorites ul li .main .insert{position:relative;padding:5px 0 0 0;margin:5px 0 0 -106px;width:504px;}

#gbl_title {
    padding: 18px 0px 30px;
    background: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(221, 221, 221);
    position: relative;
}
#gbl_title #gbl_title_container {
    width: 990px;
    margin: 0px auto;
}
#bread ol {
    position: relative;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#bread ol li {
    vertical-align: middle;
    display: inline-block;
}
#bread ol li {
    display: inline-block;
    font-size: 13px;
    letter-spacing: normal;
}
#bread ol li a {
    display: inline-block;
}
#bread ol li a::after{
    content: "";
    font-family: 'hacopy';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    letter-spacing: 0;
    font-size: 10px;
    color: #aaa;
    vertical-align: 0.5px;
    position: relative;
    top: 3px;
}
#user_sub {
    width: 150px;
    margin: 0 0 0 42px;
}
#user_sub .image {
    position: relative;
    width: 150px;
    height: 150px;
}
#user_sub .image p.img {
    font-size: 0;
    line-height: 1;
    letter-spacing: 0;
}
#user_sub .image p.img img {
    border-radius: 50%;
    border: 1px #ddd solid;
}
#sub_nav p.tit {
    padding: 10px 5px 10px 20px;
    font-size: 16px;
    background: #efefef;
    border-bottom: 1px #ddd solid;
    text-align: left;
}

#user_main .intro .name{font-size:15px;line-height:1.4;color:#333;}
#user_main .intro .meta{margin:1px 0 0 0;}
#user_main .intro .meta ul.info{padding:4px 0 0 10px; display: flex; text-align: center;}
#user_main .intro .meta ul.info li{float:left;font-size:12px;margin:0 0 0 8px;position:relative;}
#user_main .intro .meta ul.info li:before{content:'';margin:0 8px 0 0;height:12px;width:1px;background:#ddd;display:inline-block;vertical-align:-1px;}
#user_main .intro .meta ul.info li:first-child{margin-left:0;}
#user_main .intro .meta ul.info li:first-child:before{display:none;}
#user_main .profile{font-size:13px;margin:15px 0 0 0;}
#user_main .profile .txt{overflow:hidden;}
#user_main .favorite{position:relative;margin:0 0 0 -17px;padding:8px 0 0 0;}

.userdata{border: 1px #ddd solid;
    border-radius: 4px;
    background-color: #fff;
    text-align: center;
    margin-bottom: 10px;
}

.report_section{border:1px #ddd solid;border-radius:3px;background:#fff;width: 690px;
    float: right;}
.report_section .title{background:#eaeaea;border-radius:3px 3px 0 0;padding:12px 30px 12px 30px;}
.report_section .title h2{font-size:16px;}
#report_main{margin:0 0 0;}
#report_main .title{border-bottom:1px #ddd solid;}
#report_main .title h2{float:left;}
#report_main .title .txt{float:right;}
#report_main .main ul{display:table;width:100%;}
#report_main .main ul li{display:table-cell;width:16.6%;border-left:1px #ddd solid;padding:27px 0 0 0;text-align:center;height:148px;}
#report_main .main ul li:first-child{border:none;}
#report_main .main ul li .num{margin:8px 0 0 0;font-family:"Helvetica Neue", "Helvetica", "Arial", "Verdana", sans-serif;color:#333;font-size:28px;line-height:1.2;}
#report_main .main ul li .txt{margin:4px 0 0 0;font-size:16px;color:#aaa;line-height:1.2;}
#report_main .main ul li:before{display:block;color:#333;font-size:28px;}
#report_main .main ul li.coordinate:before{content:"";}
#report_main .main ul li.follower:before{content:"";}
#report_main .main ul li.follower .num:before{content:'+';}
#report_main .main ul li.view:before{content:"";}
#report_main .main ul li.like:before{content:"";}
#report_main .main ul li.save:before{content: "";}
#report_main .main ul li.comment:before{content:"";}
#report_main .sub{border-top:1px #ddd solid;text-align:center;padding:14px 0 18px 0;}
#report_main .sub p{font-size:16px;}
#report_main .sub p span{font-family:"Helvetica Neue", "Helvetica", "Arial", "Verdana", sans-serif;color:#333;font-size:28px;padding:0 12px 0 12px;}
#report_main .sub p:before{content:"";color:#fff;display:inline-block;border-radius:50%;background:#333;width:28px;height:28px;font-family:'wearicon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;letter-spacing:0;font-size:15px;text-align:center;padding:6px 0 0 0;vertical-align:0;margin:0 11px 0 0;}
#report_main .sub p.stay:before{background:#52be3c;}

.myddcon{ padding:0}
.myddcon1{ background:#fff; border:1px solid #eee; border-radius:4px; margin-top:0.4rem}
.myddcon1 .dpbox{padding:0 10px ;height:35px;line-height: 35px;border-bottom: 1px solid #eee;}
.myddcon1 .dpbox .dpL{float: left; width: 60%; overflow: hidden;}
.myddcon1 .dpbox .dpL span{display: block; font-size: 0.8rem; max-width:80%; float: left;line-height: 35px;overflow: hidden;}
.myddcon1 .dpbox .dpL img{padding-left: 0.2rem;height: 20px;margin-top: 7px;}
.myddcon1 .dpbox .dpR{ float:right; color:#2490d0; font-size:0.8rem}
.myddcon1 .dpbox .dpR a{ color:#2490d0}

.myddcon1 .shopbox{padding: 10px;border-bottom: 1px solid #eee;overflow: hidden;background: #fff;}
.myddcon1 .shopbox .shopboxL{ float:left; width:50px; height:50px; overflow:hidden; padding-right:15px}
.myddcon1 .shopbox .shopboxL img{width:50px; height:50px;}
.myddcon1 .shopbox .shopboxR{ flex:1;height:50px;}
.shopboxR_1{ height:35px; overflow:hidden}
.shopboxR_1 .sbr1_1{ float:left;height:50px; margin-left: 10px; width:70%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; font-size:0.75rem; color:#333;line-height: 1rem;}
.shopboxR_1 .sbr1_2{ float:right; height:50px}
.shopboxR_1 .sbr1_2 .p1{ color:#999;font-size:0.75rem; text-align:right; text-decoration:line-through}
.shopboxR_1 .sbr1_2 .p2{ color:#333;font-size:0.8rem ; text-align:right}
.shopboxR_2{ height:1rem; overflow:hidden;color:#999}
.shopboxR_2 .p3{ float:left; width:70% ;margin-left: 10px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; font-size:0.75rem; padding-top:0.1rem}
.shopboxR_2 .p4{ float:right;font-size:0.8rem;}

.dphjbox{padding: 10px;height:35px;border-bottom: 1px solid #eee;}
.dphjbox .p5{ color:#999; font-size:0.75rem; text-align:right}
.dphjbox .p5 span{color:#ff2150; font-size:0.9rem; font-weight:500}

.dpbtn{padding: 10px;height: 40px;}
.dpbtn1{ float:left; width:50%; overflow:hidden; font-size: 12px;}
.dpbtn1 img{ display:block; float:left; height:1rem;padding-right:0.2rem; padding-top:0.1rem}
.dpbtn1 .span{ display:block; float:left;color:#666;height: 1.4rem; line-height:1.4rem; font-size:0.75rem}
.dpbtn2{ float:right;}
.dpbtn2 a{ display:block;border: 1px solid #2490d0;color: #fff;font-size: 0.75rem;padding: 0 0.5rem;height: 1.4rem;line-height: 1.4rem;border-radius: 3px;background:#2490d0;box-sizing: border-box;}
.dpbtn3{ float:right; padding-right:0.5rem}
.dpbtn3 a{ display:block;border: 1px solid #ddd;color: #999;font-size: 0.75rem;padding: 0 0.5rem;height:1.4rem;line-height: 1.4rem;border-radius: 3px;box-sizing: border-box; }

#main .order_info table{ border: none;}
#main .order_info {
	width: 96%;
	padding: 0 0 30px 0px;
    margin: 0 auto;
}
#main .order_info tr {
	height: 30px;
	vertical-align: top;
	border-bottom: 1px #000 dotted;
}
#main .order_info th {
	width: 148px;
	font-size: 12px;
	vertical-align: middle;
	padding: 10px 0;
    background: none;
    border: none;
}
#main .order_info  table tbody td{border-bottom: 1px #000 dotted; font-size: 12px;}
.qq-uploader {
    position: relative;
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 25px;
    margin-top: 20px;
}
.qq-upload-button {
    width: 60px;
    height: 60px;
    display: block;
    border: none;
    border-radius: 4px;
    border: 1px solid #c7c7c7;
    background: #fff;
    text-indent: -9999px;
    padding: 0;
    box-sizing: border-box;
}
.qq-uploader::after {
    pointer-events: none;
    content: "4MB以下";
    font-size: 11px;
    display: block;
    position: absolute;
    bottom: 2px;
    width: 100%;
    text-align: center;
    color: #c7c7c7;
    z-index: 1;
}
.qq-uploader::before {
    pointer-events: none;
    content: "";
    display: block;
    font-family: "hacopy";
    position: absolute;
    top: 5px;
    color: #d8d8d8;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    font-size: 30px;
}

.thumlist{width: 60px; height: 60px;float: left; margin-left: 10px; position: relative;margin-top: 20px;}
.thumlist a::before{content: ""; width: 20px; height: 20px; display: block; background-image:url(a7.png) ; background-size: 20px 20px; background-repeat: no-repeat;  position: absolute; right: 0;}
.thumlist a img{border-radius: 4px; width: 60px; height: 60px;}




.member_top_coupon {
    border-collapse: collapse;
    margin: 10px 0px 0px 0px;
    padding: 0;
    width: 100%;
    font-size: 12px;
  }
  .member_top_coupon th {
    background-color: #eee;
    border: 1px solid #b9b9b9;
    color: #333;
    padding: 6px;
    text-align: left;
    vertical-align: top;
    width: 25%;
  }
.member_top_coupon td {
    background-color: #fff!important;
    border: 1px solid #b9b9b9!important;
    padding: 6px;
  }

  #main_container .input_delivery {
      margin: 20px 10px 30px;
      color: #555555;
  }
  #main_container .input_delivery table {
      padding: 20px 0;
      display: block;
      border-bottom: 1px #adadad solid;
      border-collapse: collapse;
  }
  #main_container .input_delivery .separate {
      border-collapse: separate;
  }
  #main_container .input_delivery .select {
      width: 180px;
      padding-left: 10px;
      vertical-align: top;
  }
  #main_container .input_delivery .select a{
      line-height: 30px;
  }
  #main_container .input_delivery .address {
      width: 380px;
  }
  #main_container .input_delivery .edit_address {
      width: 120px;
      vertical-align: bottom;
      padding-right: 10px;
  }
  #main_container .input_delivery .edit_address a {
      background-position: left bottom;
      display: block;
      line-height: 24px;
      padding-left: 30px;
      text-decoration: underline;
  }
  #main_container .input_delivery .edit_address a:first-child {
      color: #2423ff;
      background: url("edit.gif") no-repeat;
      margin-bottom: 5px;
  }
  #main_container .input_delivery .edit_address a+a {
      color: #000;
      background: url("delete.gif") no-repeat;
      background-position: left bottom;
  }
  #main_container .input_delivery .add_address {
      border-bottom: none;
      border-collapse: separate;
  }
  #main_container .input_delivery .add_address td {
      line-height: 30px;
      padding-left: 10px;
  }
  #main_container .input_delivery .add_address td a img {
      margin-right: 7px;
  }

  #main_container .input_delivery .select input[type=radio] {
      display: inline-block;
  }
  #main_container .input_delivery .select input[type=radio] + label {
      position: relative;
      display: inline-block;
      font-size: 13px;
      line-height: 30px;
      cursor: pointer;
  }

.mod_recommend_v2 {
    position: relative;
    overflow: hidden;
}
.mod_recommend_v2 ul{ margin: 0; padding: 0;}
.mod_recommend_v2 .listx {
    list-style: none;
    margin: 0;
    padding: 0 1px 0 0;
    overflow: hidden;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.mod_recommend_v2 .listx li {
    background: #f7f7f7;
    position: relative;
    float: left;
    width: 20%;
    margin-bottom: 1px;
    padding: 10px 10px 0;
    box-sizing: border-box;
    border-radius: 10px;
    margin-top: 0!important;
}
.mod_recommend_v2 .listx li:nth-child(2n) {
    float: right;
    margin-right: -1px;
}
.mod_recommend_v2 .listx .cover {
    position: relative;
    overflow: hidden;
    padding-top: 100%;
    height: 0;
}
.mod_recommend_v2 .listx .cover img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.mod_recommend_v2 .listx .rec_name {
    margin: 12px 0 4px;
    font-size: 12px;
    color: #333;
    line-height: 18px;
    height: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.mod_recommend_v2 .mod_tag {
    display: inline-block;
    vertical-align: middle;
    height: 14px;
}
.mod_recommend_v2 .mod_tag .tag_img, .mod_recommend_v2 .mod_tag img {
    display: block;
    height: 100%;
}
.mod_recommend_v2 .listx .flex_wrap {
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
}
.mod_recommend_v2 .listx .flex_wrap .price_info {
    width: 100%;
    overflow: hidden;
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
}
.mod_recommend_v2 .listx .flex_wrap .price {
    display: inline-block;
    font-size: 12px;
    color: #e93b3d;
    margin-right: 3px;
    line-height: 20px;
}
.mod_recommend_v2 .listx .flex_wrap .price em {
    font-size: 16px;
    font-style: normal;
}

.item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    padding:5px 10px;
}
.item_two {
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.head {
    overflow: hidden;
    width: 30px;
    height: 50px;
    border-radius: 5px;
    text-align: center;
}
.head img {
    display: block;
    width: 80%;
    margin-top:10px;
}
.item_one .head {
    margin-right: 5px;
}
.item_two .head {
    margin-left: 10px;
}
.content {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex-: 1;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    word-wrap: break-word;
    word-break: normal;
    padding: 10px;
    border-radius: 5px;
    position: relative;
    font-size: 12px;
}
.item_one .content {
    background: #d7dbda;
}
.item_two .content {
    background: #a0d1ea;
}
.item_one .content:before,
.item_two .content:after {
    content: '';
    position: absolute;
    top: 20px;
    z-index: 10;
    border: solid transparent;
    border-width: 8px 10px;
}
.item_one .content:before {
    left: -19.4px;
    border-right-color: #d7dbda;
}
.item_two .content:after {
    right: -18.4px;
    border-left-color: #a0d1ea!important;
}

.item p.content::after{
    content: '';
    border: solid transparent;
    border-width: 8px 10px;
}
.msg_content{ display: none;}
.msg_name{ cursor: pointer; text-decoration: underline;}

.msg_name::after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    height: 8px;
    width: 8px;
    margin-top: -5px;
    position: absolute;
    right: 7px;
    top: 49%;
    transform: rotate(-45deg);
}



.fwpj{width: 100%;display: flex;justify-content: space-between;align-items: center;background: #FFFFFF;padding: .25rem 0rem  .35rem;font-size: 14px;color: #000000;margin-top: 1.03rem;margin-bottom: .15rem;}
.star{display: flex;}
.star span{width:20px;height:20px;margin-left: .3rem;background: url(star.png) center center no-repeat;background-size: 100%;cursor: pointer;}
.star span.on{background-image: url(star-active.png);}

.item_box{font-size:11px;}
.item_box .item_photo{float:left;width:25%;}
.item_box .item_photo img{width:100%;}
.item_box .item_detail{width:72%;float:left;margin-left:3%;word-wrap:break-word;}
.item_box .item_detail p.item_name{line-height:15px;}
.item_box .item_detail p.item_name a{font-size:12px;text-decoration:underline;}


.messagelist{ width:96%; margin:0 auto}
.chat-sender{
    clear:both;
    font-size: 80%;
  }
  .chat-sender div:nth-of-type(1){
    float: left;
  }
  .chat-sender div:nth-of-type(2){
    margin: 0 50px 2px 50px;
    padding: 0px;
    color: #848484;
    font-size: 70%;
    text-align: left;
  }
  .chat-sender div:nth-of-type(3){
    background-color: #f1f0f0;
    /*float: left;*/
    margin: 0 50px 10px 50px;
    padding: 10px 10px 10px 10px;
    border-radius:7px;
    text-indent: -12px;
  }

  .chat-receiver{
    clear:both;
    font-size: 80%;
  }
  .chat-receiver div:nth-of-type(1){
    float: right;
  }
  .chat-receiver div:nth-of-type(2){
    margin: 0px 50px 2px 50px;
    padding: 0px;
    color: #848484;
    font-size: 70%;
    text-align: right;
  }
  .chat-receiver div:nth-of-type(3){
    /*float:right;*/
    background-color: #b2e281;
    margin: 0px 50px 10px 50px;
    padding: 10px 10px 10px 10px;
    border-radius:7px;
  }

  .chat-receiver div:first-child img,
  .chat-sender div:first-child img{
    width: 40px;
    height: 40px;
    border-radius: 10%;
  }
  .chat-sender span img,.chat-receiver span img{ max-width: 100%;}

  .chat-left_triangle{
    height: 0px;
    width: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent #f1f0f0 transparent transparent;
    position: relative;
    left: -22px;
    top: 3px;
  }
  .chat-right_triangle{
    height: 0px;
    width: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent transparent #b2e281;
    position: relative;
    right:-22px;
    top:3px;
  }

  .chat-notice{
    clear: both;
    font-size: 70%;
    color: white;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .chat-notice span{
    background-color: #cecece;
    line-height: 25px;
    border-radius: 5px;
    padding: 5px 10px;
    position: relative;
    padding-right: 20px;
  }

  .chat-notice span.m::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 5px;
    height: 5px;
    margin-top: -5px;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    transform: rotate(45deg);
}