@font-face { font-family: 'iconfont'; src: url('iconfont.eot'); src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'), url('iconfont.svg#iconfont') format('svg'); }

.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }

i { font-style: normal; }

.rcolor { color: #E73828; }
/*焦点图*/
.slideBox { width: 100%; height: auto; overflow: hidden; position: relative; }

.slideBox .hd { height: 15px; overflow: hidden; position: absolute; left: 50%; margin-left: -20px; bottom: 4px; z-index: 1; }

.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }

.slideBox .hd ul li { float: left; margin-right: 8px; border-radius: 50%; width: 8px; height: 8px; line-height: 14px; text-align: center; background: transparent; cursor: pointer; border: 1px solid #888; overflow: hidden; text-indent: -100px; }

.slideBox .hd ul li.on { background: #E73828; color: #fff; }

.slideBox .bd { position: relative; height: 100%; z-index: 0; }

.slideBox .bd li { zoom: 1; vertical-align: middle; }

.slideBox .bd img { width: 100%; height: auto; display: block; }
/* 详细介绍 */
.intro { overflow: hidden; }

.intro strong { font-size: 1.5rem; font-weight: normal; padding: .6rem; display: block; }
.intro strong em { border: 1px solid #FF2843; border-radius: .2rem; color: #FF2843; font-size: 1.2rem; font-style: normal; padding: 0 .4rem; display: inline-block; }
.intro p { color: #595757; height: 3rem; line-height: 2rem; padding: .6rem; box-sizing: border-box; font-size: 1.2rem; }
.intro-brief { padding: .6rem; font-size: 1.2rem; color: #777; }
/*.intro p:nth-of-type(2n) {
    background: #EEEEEF;
}*/

.intro_save { float: left; background: #FF2843; color: #fff; font-size: 1.2rem; padding-left: .8rem; padding-right: .8rem; margin-left: 1rem; border-radius: .2rem; position: relative; }
.intro_save em { width: 0; height: 0; border-top: .4rem solid transparent; border-right: .6rem solid red; border-bottom: .4rem solid transparent; position: absolute; top: 50%; left: -.3rem; margin-top: -.2rem; }
.intro-Single { font-size: 1.2rem; color: #999999 !important; }
.intro-preferential { overflow: hidden; height: 3.6rem; line-height: 3.6rem; border-top: .5rem solid #F2F2F2; }
.intro-preferential ul { width: 90%; }
.intro-preferential li { float: left; width: 25%; font-size: 1.2rem; display: block; color: #575757; }
.intro-preferential li i { float: left; font-size: 2.4rem; margin-top: .1rem; }
.intro-preferential .open_ad { float: right; margin-right: 1rem; color: #CCCCCC; font-size: 1.3rem; }
.intro-line { width: 96%; margin: 0 auto; background: #eee; height: 1px; margin-top: .3rem; }
.intro-take { padding: 0 .6rem; margin: 0 auto; /*border-bottom:1px solid #ddd;*/ border-top: .5rem solid #F2F2F2; border-bottom: .5rem solid #F2F2F2; padding-top: .3rem; }
.intro-take .intro-take-title { font-size: 1.3rem; color: #151515; border-bottom: 1px solid #eee; padding-top: 1rem; padding-bottom: 1rem; }
.intro-take ul { padding-top: .6rem; overflow: hidden; padding-bottom: .8rem; }
.intro-take ul li { float: left; width: 25%; text-align: center; color: #555; font-size: 1.3rem; padding-left: .5rem; box-sizing: border-box; }
.intro-take ul li span { font-size: 1.2rem; float: left; text-align: left; }
.intro-take ul li i { margin-top: .2rem; float: left; font-size: 2.2rem; padding-right: .2rem; }
/*开团*/
/*title*/
.list_title { overflow: hidden; }

.list_title span { width: 49.8%; height: 3.6rem; line-height: 3.6rem; text-align: center; font-size: 1.5rem; float: left; border-bottom: 1px solid #dedede; }

.list_title span.on { color: #EB7374; border-bottom: 1px solid #EB7374; }


.get_list img { display: block; width: 100%; }

/*购买记录*/
.buy_list li { border-bottom: 1px solid #eee; font-size: 1.2rem; padding: 1.5rem 0 1.5rem .5rem; box-sizing: border-box; color: #717071; background: #fff; overflow: hidden; position: relative; }

.buy_list li div { /*float: left;*/ }

.buy_list_right { width: 100%; height: 4.6rem; position: relative; }

.txBox { float: left; width: 4.4rem; height: 4.4rem; position: absolute; left: 1px; top: 1px; }

.txBox > img { border-radius: .4rem 0 0 .4rem; width: 100%; height: 100%; }

.middle { width: 74%; height: 4.6rem; border: 1px solid #E50012; border-radius: .4rem 0 0 .4rem; box-sizing: border-box; padding: .2rem 1rem .2rem 4.5rem; }

.middle p:nth-of-type(1) { height: 2.3rem; }
.middle p:nth-of-type(2) { height:2rem; line-height:2rem; }

.goGroup { width: 24%; height: 4.6rem; line-height: 4.6rem; background: #FE2842; color: #fff; text-align: center; border-radius: 0 .4rem .4rem 0; font-size: 1.4rem; position: absolute; /*加*/ right: 8px; top: 0; }

.goGroup a { color: #fff; }
.main { /*margin-bottom:2rem;*/ overflow: hidden; }
.footer { background: #F7F7F7; overflow: hidden; border: none; width: 100%; position: fixed; bottom: 0; left: 0; height: 5rem; line-height: 5rem; }
.footer span { float: left; width: 18%; height: 5rem; line-height: 2rem; color: #6c6c6c; text-align: center; padding-top: .6rem; box-sizing: border-box; }
.footer .single { width: 24%; height: 5rem; background: #EB7374; color: #fff; text-align: center; line-height: 2rem; margin-right: 0; float: right; }
.footer .group { width: 46%; margin-right: 0; height: 5rem; background: #FF2742; color: #fff; text-align: center; line-height: 2rem; float: right; font-size: 1.5rem; }
.intro-comment { border-bottom: .5rem solid #F2F2F2; overflow: hidden; padding: 0 .6rem; }
.intro-comment-title { font-size: 1.4rem; padding-top: 1rem; padding-bottom: 1rem; color: #151515; }
.intro-comment li { padding-top: 1rem; padding-bottom: 1rem; position: relative; border-top: 1px solid #eee; }
.intro-comment-line { position: relative; padding-left: 4rem; }
.intro-comment-line img { width: 3rem; width: 3rem; border-radius: 100px; position: absolute; left: 0; }
.intro-comment-line h3 { height: 3rem; font-size: 1.3rem; font-weight: normal; padding-right: 7rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-top: .5rem; }
.intro-comment-line span { right: 1rem; top: .7rem; position: absolute; font-size: 1.2rem; color: #A6A6A6; }
.intro-comment-con { font-size: 1.3rem; color: #5E5E5E; padding-top: .6rem; line-height: 1.8rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.intro-comment-btn { width: 11rem; height: 2.8rem; line-height: 2.8rem; border: 1px solid #FE293F; margin: .5rem auto 1.5rem; display: block; text-align: center; color: #FE293F !important; font-size: 1.2rem !important; border-radius: .3rem; }



   .popover { display: block !important; transform: translateY(600px); }
        .nickname { display: inline-block; white-space: nowrap; width: 7rem; overflow: hidden; text-overflow: ellipsis; }
        .intro .more { text-align: right; color: #2d89de; }
        .intro-brief {  overflow: hidden; line-height:19px; }
        .join{
            width:40px;
            height:40px;
           
              -webkit-animation: dong 2s ease-in-out infinite;
            z-index:1;
            border-radius:100px;
            box-sizing:border-box;
            padding-left:2px;
            padding-top:2px;
            background: rgba(248, 127, 127, 1);
        }

           @-webkit-keyframes bu {
            0% { box-shadow: 0 0 0 0px rgba(249, 173,23,1); }

            100% { box-shadow: 0 0 0 10px rgba(249, 173,23, 0); }
        }
           
        @-webkit-keyframes dong {
            0% { 
                box-shadow: 0 0 0 0px rgba(255, 158,158,0.7);
               

            }

            100% {
                 box-shadow: 0 0 0 8px rgba(255, 158, 158, 0.1);
                

            }
        }

    
        
     .join-btn{
            width:36px;
            height:36px;
            line-height:36px;
            text-align:center;
             color:#fff !important;
          text-align:center;
            -webkit-animation: bu 1.5s ease-in-out infinite;
            border-radius:100px;
            box-sizing:border-box;
            background:#f10909;
            display:block;
        
     }
     @-webkit-keyframes bu {
                0% {  box-shadow: 0 0 0 2px rgba(244, 56,56,.9);
         }

            100% {
                box-shadow: 0 0 0 8px rgba(244, 56, 56, .1);
            }
        }
    
     .join-max{
          width:44px;
          height:44px;
           position:fixed;
            top:92px;
            right:6px;
             z-index:1;
            border-radius:100px;
            box-sizing:border-box;
            padding-left:2px;
            padding-top:2px;
               -webkit-animation: da 1.5s ease-in-out infinite;
     }
         @-webkit-keyframes da {
            0% { 
                box-shadow: 0 0 0 0px rgba(252, 206,206,0.7);
               

            }

            100% {
                 box-shadow: 0 0 0 12px rgba(252, 203, 206, 0.1);
                

            }
        }