input{outline: none;}
.tuoyuanbox{border:1px solid #333;border-radius: 15px;}
.tuoyuanbox.on{border-color:#d53879}
.fangbox{border:1px solid #333;border-radius: 5px;}
.fangbox.on{border-color:#d53879}
.certified{border:1px solid #d53879;border-radius: 5px;color:#d53879;font-size: 14px;display: inline-block;width: 50px;text-align: center;height: 20px;line-height: 20px;}
body{color:#ddd;background:#270743;font-size: 14px;}
.star {margin:4px 0 0 0;padding: 0;height: 12px;display: inline-block;}
.star0 { background:url('../images/review_start.png') no-repeat 0 0px;  width:68px; height:12px; }
.star1 { background:url('../images/review_start.png') no-repeat 0 -14px; width:68px; height:12px; }
.star2 { background:url('../images/review_start.png') no-repeat 0 -28px; width:68px; height:12px; }
.star3 { background:url('../images/review_start.png') no-repeat 0 -42px; width:68px; height:12px; }
.star4 { background:url('../images/review_start.png') no-repeat 0 -56px; width:68px; height:12px; }
.star5 { background:url('../images/review_start.png') no-repeat 0 -70px; width:68px; height:12px; }
a:link {text-decoration:none;}
a:active {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
input::-webkit-input-placeholder {
     /* placeholder颜色  */
     color: #aaa;
     /* placeholder字体大小  */
     font-size: 15px;
     /* placeholder位置  */
     text-align: left;
}
.my_content{width:95%;margin:0 auto;}
.title{font-size: 18px;color:#fff;margin-top: 20px;margin-bottom: 10px;}
.title .more{float:right;color:#d53879;font-size: 15px;margin-top: 5px;}
.mokuai{border-top:1px solid #666;border-bottom:1px solid #666;padding:10px 0;}
.media{padding:5px 0;margin-top: 0;}
footer{padding:20px 0;text-align: center;color:#aaa;font-size: 12px;}
footer p{margin:0;}
.header{background:#000;height:40px;font-size: 18px;line-height: 40px;padding:0 15px;color:#fff;position:relative;z-index: 9;border-bottom: 1px solid #000;}
.header a{color:#fff;vertical-align: top;}
.header p{display: inline-block;margin:0;width:85%;text-align: center;height: 100%;overflow: hidden;}
.header .sousuo{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 15px;background: #000;display: none;}
.header .sousuo input{width:90%;height:30px;line-height:30px;color:#000;border:none;border-radius:15px;padding:15px;/*background-color: rgba(255,255,255,0.8);*/margin-right: 10px;}
.title ul{list-style: none;padding:0;font-size: 15px;width:75%;float: right;margin:4px 0 0 0;}
.title ul li{width:25%;float: left;text-align: center;}
.title ul li.on{color:#d53879;border-bottom: 2px solid #d53879;padding-bottom: 9px;}
.my_content .mokuai.zixun p{padding:0 5px;line-height: 25px;margin:0;}
.my_content .mokuai.zixun p a{font-size: 15px;color:#aaa;}
.my_content .media-left{width:40%;}
.my_content .media a{color:#ddd;}
.my_content .media-left img{width:100%;}
.my_content .media-body p{color:#aaa;margin-bottom: 3px;}
/*.my_content .media-body{border-bottom: 1px solid #4F3B61;}*/
.mokuai .media:last-child .media-body{border:none;}
hr{border-top:1px solid #4F3B61 !important;}
h2{font-size:16px !important;}


#index{position:relative;}
#index header{position:absolute;top:10px;left:0;width:100%;height:40px;font-size: 15px;line-height: 40px;padding:0 10px;z-index: 2;}
#index header .dizhi{display: inline-block;width:18%;text-align: center;background: none;border: none;outline: none;}
#index header .sousuo{display: inline-block;width:68%;text-align: center;position: relative;}
#index header .sousuo .glyphicon-search{position: absolute;left:7px;top:12px;}
#index header .sousuo input{width:100%;border-radius:20px;height:30px;line-height: 30px;border:none;background-color:rgba(255,255,255,0.5);outline: none;color:#fff;padding:0 25px 0;}
#index .navigation a{color:#aaa;width:25%;float:left;text-align: center;}
.my_content .zixun .media-body{border:none;}
.my_content .zixun .media{padding:10px 0;border-bottom: 1px solid #4F3B61;}
.my_content .zixun_details .details_title{text-align: center;color:#fff;font-size: 18px;margin-top: 20px;}
.my_content .zixun_details .details_s_title{text-align: center;color:#aaa;}
.my_content .zixun_details .details_content{color:#aaa;}
.my_content .zixun_details a{color:#ddd;}
.my_content .zixun_details a .details_btn{display: inline-block;width:60px;height:25px;line-height: 25px;border:1px solid #ddd;border-radius: 5px;text-align: center;margin-right: 5px;}

.review_class a{display: inline-block;color:#ddd;width:18%;float:left;text-align: center;border:1px solid #ddd;height:30px;line-height: 30px;border-radius:15px;margin:10px 1% 0;}
.review_class a.on{color:#d53879;border:1px solid #d53879;}
.review_list{margin-top: 20px;}
.review_list .media{padding-top: 10px;border-top:1px solid #666;margin-top: 10px;}
.review_list .media .media-left{width:20%;}
.review_list .media .media-left img{width:100%;border-radius:50%;}
.review_list .media .review_shanghu{background:#3D1164;border-radius: 5px;padding:10px;}
.review_list .media .review_shanghu .fx_left{width:35%;float:left;}
.review_list .media .review_shanghu .fx_left img{width:100%;height:66px;}
.review_list .media .review_shanghu .fx_right{width:60%;float:right;}

.fenye{padding-top: 10px;border-top:1px solid #666;margin-top: 10px;}
.fenye a.fenye_anniu{color:#d53879;border:1px solid #d53879;border-radius:5px;display: inline-block;width:50px;text-align: center;}
.fenye a.yema{color:#ddd;display: inline-block;width:30px;text-align: center;}
.fenye a.on.yema{color:#d53879;}
.zixun_media .media-left{width:35%;}
.zixun_media .media{padding-top: 10px;border-top: 1px solid #4F3B61;padding-bottom: 10px;}
.cross_list{list-style: none;padding:0;}
.cross_list li{width:150px;display: inline-block;}
.cross_list li img{width:100%;height:100px;}
.kapian{width:95%;margin:20px auto;background:#462D5C;padding:15px;border-radius:10px;}
.kapian .glyphicon-map-marker{color:#d53879;}
ul{list-style: none;padding:0;}
.review_list ul li{width:32%;display: inline-block;}
.review_list ul li img{width:100%;}
input.pinglun{width:100%;border:none;background:#000;height:45px;margin-top: 10px;padding: 0 15px;border-radius:23px;}


/*----------------------------------------------*/
/*                                              */
/*                唐明明☀20150724               */
/*                                              */
/*----------------------------------------------*/

/* screening */
div.screening{
     width: 100%;
     overflow: hidden;
     background: #270743;
     position: relative;
     z-index: 4;
}
div.screening>ul{
     margin: 0;
     padding: 0;
     list-style-type: none;
     border-bottom: solid 1px #aaa;
     overflow: hidden;
}
div.screening>ul>li{
     float: left;
     width: 25%;
     text-align: center;
     line-height: 40px;
     /*border-left: solid 1px #d3d3d3;*/
     /*background: url("../images/on_1.png") no-repeat 85% center;*/
}
/* grade */
.meishi22,.grade-eject,.Category-eject,.Sort-eject,.Regional-eject,.Brand-a-eject{
     position:fixed;
     top: -65%;
     width: 100%;
     height: 63%;
     z-index: 1;
     -webkit-transition-duration: 0.4s;
}

.meishi22>ul,.grade-eject>ul,.Category-eject>ul,.Sort-eject>ul,.Brand-a-eject>ul{
     margin: 0;
     padding: 0;
     overflow: auto;
     height: 100%;
     width: 100%;
     -webkit-transition-duration: 0.4s;
}
.meishi22>ul>li,.grade-eject>ul>li,.Category-eject>ul>li,.Sort-eject>ul>li,.Brand-a-eject>ul>li{
     height: 40px;
     line-height: 40px;
     /*font-size: 16px;*/
     padding-left: 1rem;
     /*border-bottom: solid 1px #eee;*/
}
.meishi22>ul.meishia-w,.grade-eject>ul.grade-w,.Category-eject>ul.Category-w{
     background: #21063A;
     position: absolute;
     z-index: 1;
}
.meishi22>ul.meishia-t,.grade-eject>ul.grade-t,.Category-eject>ul.Category-t{
     background: #3B155E;
     position: absolute;
     z-index: 2;
     left: 100%;
}
.meishi22>ul.meishia-t>li,.grade-eject>ul.grade-t>li,.Category-eject>ul.Category-t>li{
     padding-left: 15px;
}
.meishi22>ul.meishia-s,.grade-eject>ul.grade-s,.Category-eject>ul.Category-s{
     background: #fff;
     position: absolute;
     z-index: 3;
     left: 100%;
     list-style-type: none;
}
.meishi22>ul.meishia-s>li,.grade-eject>ul.grade-s>li,.Category-eject>ul.Category-s>li{
     border-bottom: solid 1px #eee;
     margin-left: 1rem;
     padding: 0;
}
.grade-w-roll{
     top: 80px;
}
.grade-w-roll-a{
     top: 120px;
}
.grade-w-roll::after{
     position: fixed;
     content: "";
     width: 100%;
     height: 100%;
     display: block;
     background:rgba(0,0,0,0.2);
     top: 0;
}
/*Sort-eject*/
.Sort-Sort{
     background: #270743;
     position: absolute;
     z-index: 3;
     left: 0;
     list-style-type: none;
}
.Sort-Sort>li{
     /*border-bottom: solid 1px #eee;*/
     padding: 0 10px;
}
.Sort-height{
     height: 63%;
}
.Regional-height{
     height: 63%;
}


/* demo-content */
.demo-content{padding-top: 3rem;}

.meishi1{ background:url(../images/meishi1.png) no-repeat left ; background-size:25px; height:3rem; padding-left:2rem; width:10rem;}
.meishi2{ background:url(../images/meishi2.png) no-repeat left ; background-size:25px; height:3rem; padding-left:2rem; width:10rem;}
.meishi3{ background:url(../images/meishi3.png) no-repeat left ; background-size:25px; height:3rem; padding-left:2rem; width:10rem;}
.meishi4{ background:url(../images/meishi4.png) no-repeat left ; background-size:25px; height:3rem; padding-left:2rem; width:10rem;}
.meishi5{ background:url(../images/meishi5.png) no-repeat left ; background-size:25px; height:3rem; padding-left:2rem; width:10rem;}
.meishi6{ background:url(../images/meishi6.png) no-repeat left ; background-size:25px; height:3rem; padding-left:2rem; width:10rem;}
.meishi7{ background:url(../images/meishi7.png) no-repeat left ; background-size:25px; height:3rem; padding-left:2rem; width:10rem;}
.meishi8{ background:url(../images/meishi8.png) no-repeat left ; background-size:25px; height:3rem; padding-left:2rem; width:10rem;}


.xiaobiao{ background-color:#d2d3ce; color:#FFFFFF; padding:0px 5px; font-size:10px; border-radius:8px; margin-left:10px;}
.xiaobiao1{font-size:10px; margin-left:20px;}



.zimu{ height:20px; background-color:#e4e4e4; border-bottom:1px solid #e5e5e5; padding-left:20px; line-height:20px;}


.wrap {
     position: relative;
     margin-top:-60px;
}
.slider-v3 {
     margin: 1.5em auto;
}
.wrap input {
     position: absolute;
     left: -9999px;
}

.slider-v3 {
     position: relative;
     display: block;
     width: 5em;
     height: 2em;
     cursor: pointer;
     border-radius: 1.5em;
     transition: 350ms;
     background: #ddd;
}
.slider-v3::after {
     position: absolute;
     content: '';
     width: 1.5em;
     height: 1.5em;
     top: 0.2em;
     left: 0.5em;
     border-radius: 1.5em;
     transition: width 200ms ease-out, height 300ms 50ms ease-in, top 300ms 50ms ease-in, left 250ms 50ms ease-in, box-shadow 300ms ease-in;
     background: #e23a46;
     box-shadow: 0 0 0 1.5em #f2f2f2 inset;
}
input:checked + .slider-v3::after {
     top: 0.2em;
     left: 3em;
     box-shadow: 0 0 0 0 #f2f2f2 inset;
}



.choose a{color:#666666;text-decoration:none;}
.choose a:hover{color:#990000;text-decoration:none;}
.choose{padding: 13px 30px 30px 0;}
.choosetext{height:24px;padding:20px 0;font-size:14px;}
.choosebox{padding:0 0 35px 0;}
.choosebox li{float:left;margin-right:10px;display:inline;padding-bottom: 22px;}
.choosebox li a{float:left;background:#fff;font-size:14px;border:1px solid #ccc;height:14px;line-height:14px;padding:4px 12px; display:block;}
.choosebox li a.current{background:#e23a46; color:#FFFFFF;}
.choosebox li input{display:none;}
.choose .btn-img{overflow:hidden;background:#fff;cursor:pointer;border:0;}
.choose .btn-img span{font-size:18px;font-weight:800;color:#e23a46;font-family:"微软雅黑","宋体";}

.filter-subtitle{
     color: #999;
     font-weight: 400;
     line-height: 22px;
     margin: 12px 12px -4px;
     font-size:1em;
}
.filter-type{
     padding: 0 0 16px 12px;
}
.mod-list{
     overflow: hidden;
}
.filter-type .mod-list-item{
     float: left;
     box-sizing: border-box;
     width: 25%;
     padding: 12px 12px 0 0;
}
.filter-type .active .mod-list-info{
     background-color: #fff7d1;
     border-color: #fc0;
     pointer-events: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
     .filter-radio .radio-group input + span, .filter-type .mod-list-info {
          border: 0;
          line-height: 32px;
     }
}
.filter-type .mod-list-info{
     display: block;
     position: relative;
     box-sizing: border-box;
     background-clip: padding-box;
     border: 1px solid #e5e5e5;
     border-radius: 3px;
     line-height: 30px;
     text-align: center;
}
a{text-decoration: none;color: #404040;}
.fx_screening a{text-decoration: none;color: #ddd;}
ul, ol, li{list-style: none;}
.filter-bar{
     padding: 16px 12px;
     overflow: hidden;
}
.filter-bar .filter-btn{
     float: right;
     box-sizing: border-box;
     width: 72px;
     height: 32px;
     background-color: #fc0;
     background-clip: padding-box;
     border: 0 none;
     border-radius: 3px;
     color: #404040;
     font: 14px/32px helvetica neue,helvetica,arial,hiragino sans gb,microsoft yahei,sans-serif;
     padding: 0;
     margin-left: 12px;
}
.filter-bar .btn-default{
     background-color: transparent;
     box-shadow: inset 0 0 1px #ccc;
     line-height: 30px;
}
.screening ul li.on{color:#d53879;}

.fabiao{
     font-size: 14px;
     position: absolute;
     width: 70px;
     text-align: center;
     right: 10px;
     background: #CA028A;
     border-radius: 15px;
     height: 30px;
     line-height: 30px;
     margin-top: 5px;
}

.shop_body>ul>li{
     background: #fff;
     width: 96%;
     margin: 10px auto;
     border-radius: 10px;
     padding: 10px 20px !important;
}
.star.fx_star{margin-top: 0;margin-bottom: 10px;}
.product_img{
     float:left;
     width:30vw;
     max-width: 192px;
     height:30vw;
     max-height: 192px;
}
.product_star{
     float:left;
     width:50vw;
     max-width: 320px;
     margin-left: 10px;
}
.product_star h3{
     margin-top: 10px;
     font-size:18px;
}
.shop_body .star li{
     width:30px;
     height:30px;
     background-image: url("../images/star_off.png");
     float:left;
     background-size:100% 100%;
     text-align: center;
     line-height: 30px;
     color: #8A8A8A;
}
.shop_body .star li.on{
     background-image: url("../images/star_on.png");
     color:#FFA72C;
}
.shop_body .star li.on_on{
     background-image: url("../images/star_on.png");
     color:#FFA72C;
}
.shop_body .textarea{
     width:100%;
     height:100px;
     border:none;
     color:#bbb;
     background:#000;
     border-radius:10px;
     padding:10px;
     outline: none;
}
label{color:#bbb;font-size: 15px;}
.star_box{
     height:30px;
     line-height:30px;
     margin:10px 0;
}
#sc{opacity: 0;}
#preview{
     width:30%;
     height:100px;
     border-radius: 10px;
}
.jiage{background: #000;border:none;width:100px;height: 35px;border-radius: 5px;margin: 0 10px;padding:0 10px;outline: none;}

.login-page-wrap {
     position: relative;
     width: 100%;
     height: 100%;
     margin: 0;

}

.login-box{width:100%;}
.form-box {
     margin:0 auto;
     padding: 0 30px;
}

.login-input {
     background: transparent;
     box-shadow: none;
     color: #fff;
     width: 100%;
     margin: 20px 0 0;
     height: 40px;
     display: inherit;
     outline: none;
     border: none;
     border-bottom: 1px solid #8d869b;
}
.login-input.no-border {
     border-bottom: none;
     width: 120px;
}
input.login-input:-internal-autofill-previewed,
input.login-input:-internal-autofill-selected {
     border-bottom-color: #eeeeee;
     transition: background-color 5000s ease-in-out 0s !important;
     -webkit-text-fill-color: #fff;
}
.btn-on{background:#CA028A;color:#fff;border-radius:10px;width:100%;margin:0 auto;height:40px;border: none;margin-top:30px;outline: none;}
.btn-off{background:#817B87;color:#fff;border-radius:10px;width:100%;margin:0 auto;height:40px;border: none;margin-top:30px;outline: none;}
.wechat-login-panel {
     padding: 30px 0;
}
.wechat-login-btn {
     display: block;
     text-align: center;
     font-size: 14px;
     height: 40px;
     line-height: 40px;
     background:#CA028A;
     color:#fff;
     border-radius:10px;
     width:100%;
}

.verify-code-box {
     position: relative;
     border-bottom: 1px solid #8d869b;
}
.btn-send {
     color: #999999;
     display: block;
     position: absolute;
     width: 120px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     right: 0;
     top: 5px;
     background: #270743;
     border: none;
     border-left: 1px solid rgba(141,134,155, 0.3);
}
a.btn-send:link, a.btn-send:visited{
     color: #999999;
}
a.btn-send:hover{
     color: #ffffff;
}
.login-type-box {
     margin-top: 30px;
     text-align: center;
     color: #999999;
}
.login-type-box a {
     color: #999999;
}

.login-icon {
     width: 44px;
     height: 44px;
     display: block;
     float: left;
     border-radius: 22px;
     margin-right: 15px;
     margin-bottom: 5px;
}
.login-icon.login-icon-wx {
     background: url(../images/wx_login_logo.png) center no-repeat;
     background-size: 44px;
}
.login-icon.login-icon-phone {
     background: url(../images/phone_login_logo.png) center no-repeat;
     background-size: 44px;
}
.wechat-box {
     position: absolute;
     bottom: 50px;
     left: 0;
     width: 100%;
     box-sizing: border-box;
}
.oauth-title {
     position: relative;
     margin-bottom: 30px;
     border-bottom: 1px solid #4a4452;
     width: 100%;
     height: 0;
     overflow: visible;
}
.oauth-title .title-text {
     position: absolute;
     top: -10px;
     left: 50%;
     margin-left: -75px;
     width: 150px;
     text-align: center;
     font-size: 14px;
     font-weight: 400;
     color: #666;
     background: #270743;
}

.head-img {
     width: 102px;
     height: 102px;
}

.xieyi{height:25px;line-height: 25px;margin-top: 20px;margin-bottom: 0;font-size: 15px;}
.xieyi .xy{display: inline-block;width:25px;height:25px;background-image: url("../images/choose_off.png");background-size: 100% 100%;vertical-align: bottom;}
.xieyi .xy.xieyi_on{background-image: url("../images/choose_on.png");}



.view-text{
  /**
    思路：
    1.设置inline-block属相
    2.强制不换行
    3.固定高度
    4.隐藏超出部分
    5.显示“……”
  */
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow:ellipsis;
}


.map_tanchu_box{width:100vw;height:100vh;background:rgba(0,0,0,0.5);position: fixed;top:0;left:0;display: none;}
#map_tanchu{width:90%;height:50vh;position: fixed;left:5vw;top:25vh;background:#fff;border-radius:10px;}
#map_tanchu .pull-right{width:20px;height:20px;color:#000;line-height: 20px;text-align: center;margin-top: 10px;margin-right: 10px;}

.page-box span{display: inline-block;width:16%;height:30px;line-height: 30px;text-align: center;border-radius: 5px;border:1px solid #CC0287;margin-right: 5%;}
.page-box span a{color:#CC0287;}
.page-box span.ass a{color:#fff;}
.page-box span.ass{border:none;}
.page-box span:last-child{margin-right: 0;}



.panel-comm {
    border:1px solid transparent;
}
.panel-fullsize {
    border:0;
}
.panel-heading {
    padding: 10px;
    background-color:#FFF;
    border-bottom: 1px solid #5D2C71;
    position: relative;
}
.panel-expand > .panel-heading {
    margin-bottom:-1px;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.panel-body {
    padding:10px;
    background:#462D5C;
}
.panel-body .panel-title {
    margin-bottom: 5px;
}
.panel-footer {
    padding: 10px;
    border-top: 1px solid #ddd;
}
.panel-icon-r {
    position: absolute;
    right:10px;
}
.panel-icon-l {
    position: absolute;
    left:10px;
}
.panel-group > .panel-comm {
    border-bottom-width:0;
}
.panel-group > .panel-comm:last-child {
    border-bottom-width:1px;
}
.panel-group > .panel-comm > .panel-heading {
    border-bottom-width:0;
}
.panel-group > .panel-comm > .panel-body,
.panel-group > .panel-comm > .panel-collapse {
    border-top:1px solid transparent;
}
.panel-default {
    border-color:#ddd;
}
.panel-default > .panel-heading,
.panel-default > .panel-footer {
    color: #ddd;
    border-color:#5D2C71;
    background: #5D2C71;
}
/*.panel-mycolor > .panel-comm,
.panel-mycolor > .panel-heading,
.panel-mycolor > .panel-footer {
    color: #666;
    border-color:#FFE297;
    background: #FFF3D5;
}*/
.panel-mycolor > .panel-comm,
.panel-mycolor > .panel-heading,
.panel-mycolor > .panel-footer {
    color: #ddd;
    border-color:#270743;
    background: #270743;
}
.panel-white {
    border-color:#ddd;
}
.panel-comm.panel-white,
.panel-white > .panel-heading,
.panel-white > .panel-body,
.panel-white > .panel-collapse,
.panel-white > .panel-footer {
    color: #666;
    border-color:#ddd!important;
    background: #FFF;
}

.panel-heading .label-comm,
.panel-footer .label-comm {
    position: relative;
    top:-2px;
}




.richtxt-list {}
.richtxt-list > .richtxt-comm {
}
.richtxt-list > .richtxt-comm:first-child  {
}
.richtxt-comm,
.richtxt-body {
    overflow: hidden;
}
.richtxt-comm .fl {
    margin-right: 10px;
}
.richtxt-comm .fr {
    margin-left: 10px;
}
.richtxt-img {
    display: block;
    border:1px solid #ddd;
    margin:auto;
}
.richtxt-heading {
    margin:0 0 5px 0;
}