@charset "utf-8";/* CSS Document */
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, input, ruby, section, summary, time, mark, audio, video{border:0;margin:0px;padding:0px;}
body, button, input, select, textarea{font:0.8em/1.4em 'Microsoft Yahei', Helvetica, Arial, STXihei, SimSun, sans-serif; color: #333;}
body{height:100%;background:#ffffff;margin:0 auto;padding:0 0;overflow:visible;}

a{-webkit-transition:all 300ms;
    -moz-transition:all 300ms;
    -o-transition:all 300ms;
    -ms-transition:all 300ms;
    transition:all 300ms;
    color:#333;cursor:pointer;text-decoration:none;outline:none/* for FF Chrome */;}
a:hover{color:#0073EB;text-decoration:none;}
a:focus{outline:0;}
a,area {blr:expression(this.onFocus=this.blur())} /* for IE */
:focus {-moz-outline-style:none;} /* for Firefox */

img{-ms-interpolation-mode:bicubic;border:0;}
ul, li, ul li{list-style-type:none;}
button, input, select, textarea{font-size:100%;}
button{background:none;border:0 none;cursor:pointer;}
input, label{line-height:18px;vertical-align:middle;
	webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;
}
label{display:inline-block;vertical-align:baseline;}
select{line-height:18px;}
table{border-collapse:collapse;border-spacing:0;}
hr{border:none;*color:#fff;height:1px;}

input,button, select{outline:none;}
input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus{border-color:#0073EB;}

textarea{border:1px solid #ccc;padding: 3% 3%;}
input{border:1px solid #ccc;padding-left: 3%;}

table{border-collapse:collapse;border-spacing:0;}
table tr,table tr td{border:none 0;}
th{text-align:inherit;}
table tr td, table tr th {empty-cells: show;}

.clb:after{visibility:hidden;display:block;content:" ";clear:both;}
.clb{zoom:1; clear:both;}
.clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clear{zoom:1;clear:both;}/* for IE6 IE7 */ 
.bare{line-height:0;height:0px;visibility:visible;clear:both;font-size:0px;}
.dots{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ellipsis{-o-text-overflow:ellipsis;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
em,i{font-style:normal;}
.over{ overflow:hidden;}

/*common*/
.fl{float:left;}
.fr{float:right;}

.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
/*SVGicon*/
@font-face {font-family: 'iconfont';
    src: url('iconfont.eot'); /* IE9*/
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont.svg#uxiconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:1.5em;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon {
    /* 通过设置 font-size 来改变图标大小 */
    width: 1.5em; height: 1.5em;
    /* 图标和文字相邻时，垂直对齐 */
    vertical-align: -0.15em;
    /* 通过设置 color 来改变 SVG 的颜色/fill */
    fill: currentColor;
    /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
    normalize.css 中也包含这行 */
    overflow: hidden;
}
select{height: 32px;line-height: 32px;border:1px solid #ccc;width:95%;padding-left:3%;cursor: pointer;
    webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px;
}

/*动态*/
.header_top {
    width: 100%;
    height: 3em;
    line-height: 3em;
    background: #CC3300;
    font-size: 1.4em;
    position: relative;
    color:#fff;
}
.return{
    width:17%;
    padding-left:3%;
}
.return .iconfont{
    color:#fff;
}
.hadader_title{
    width:60%;
    text-align: center;
}
.minede{
    width:17%;
    padding-right: 3%;
    text-align: right;
}
.minede .iconfont{
    color:#fff;
    font-size: 2em;
}
.guanzhu_tab{
    width: 100%;
    height: 3em;
    overflow-x: scroll;
}
.guanzhu_tab li{
    width:20%;
    height:3em;
    line-height: 3em;
    background: #fff;
    float: left;
    text-align: center;
}
.guanzhu_tab li a{
    font-size:1.3em;
}
.active_tab{
    
}
.active_tab a{
   color:#CC3300;
   border-bottom: 2px solid #cc3300;
   padding:0.4em 1em;
}
.fdttg{
    width: 100%;
    height: 3.4em;
    line-height: 3.4em;
    background-color: #f5f5f5;
}
.fdttg .dynamics,.fdttg .Extension{
    width:45%;
    text-align: center;
    font-size: 1.4em;
}
.fdttg .fdttg_line{
    width: 10%;
    text-align: center;
}
.message_t{
    width:97%;
    padding-left: 3%;
    margin-top: 1em;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.6em;
}
.follow{
   width:25%;
}
.follow span{
    color:#999;
}
.customer .cust_n{
    color:#000;
    font-size:1.4em;
}
.follow .follow_gz{
    color:#66CC00;
    border-radius: 4px;
    border:1px solid #66CC00;
    padding:0.2em 0.4em;
    margin-left:5%;
}
.follow .follow_ygz{
    color:#CC3300;
    border-radius: 4px;
    border:1px solid #CC3300;
    padding:0.2em 0.4em;
    margin-left:5%;
}
.time_ll span{
    margin-right: 1em;
    font-size: 0.8em;
}
.portrait{
    width:18%;
}
.customer{
    width:70%;
    padding-left:3%;
}
.message_t .portrait img{
    width:5em;
    height: 5em;
    border-radius: 50%;
}
.message_m{
    width: 97%;
    clear: both;
    padding-top: 1em;
    padding-left: 3%;
}
.message_m li{
    float: left;
    margin-right: 2%;
    width:30%;
    height: 7em;

}
.message_m li img{
   width:100%;
    height: 6em;
}
.message_r{
    width:82%;
    padding-top:0.6em;
}
.customer .authen{
    background: #FEF1E7;
    color: #FF9900;
    padding:0.2em 0.4em;
    margin-right: 1em;
}
.customer p{
    height: 2em;
    line-height: 3em;
}
.message_b .fbxx{
    color:#000;
    font-size: 1.2em;
    height: 2em;
    line-height: 2em;
}
.message_b .time_ll{
    color:#666;
    font-size: 1.1em;
}
.thumbs-up{
    height:4em;
    line-height: 4em;
}
.thumbs-up span{
    padding-right: 1.2em;

}
.thumbs-up a{
    padding:0.3em 0.6em;
   /* border:1px solid #999;*/
    border-radius: 4px;
}
.thumbs-up span .iconfont{
     padding-right: 0.4em;
}
.fdttg .iconfont{
    color:#CC3300;
    padding-right: 0.3em;
}
.comment{
    border-top: 1px solid #ddd;
    width:100%;
}
.comment span{
    color:#3366CC;
}
.comment p{
    height: 2.4em;
    line-height: 2.4em;
    padding-left: 3%;
}
.sqjm {
    position: fixed;
    right: 4%;
    bottom: 10%;
}
.sqjm a {
    background: #CC3300;
    height: 50px;
    width: 60px;
    border-radius: 30px;
    display: block;
    color: #fff;
    text-align: center;
    padding-top:10px;
    box-shadow: 2px 2px 5px #CC3300;
    text-shadow: 2px 2px 5px #CC3300;
}
/*动态详情*/
.dtxq {
    width:94%;
    padding:1em 3% 0 3%;
    overflow: hidden;
}
.dtxq li{
    float: left;
    width:30.33333%;
    margin-right:3%;
}
.dtxq li img{
    width:100%;
    height: 6em;
}
.dtxq_t p{
    padding:0 3%;
}
.huidi{
    width:100%;
    height:1em;
    background: #f5f5f5;
    margin-top: 1.4em;
}
.dtxq_per{
    overflow: hidden;
    width:97%;
    padding-left: 3%;
}
.gzt_l{
    width:20%;
}
.per_content .per_name{
    height:2em;
    line-height: 2em;
    font-size:1.4em;
}
.gzt{
    margin-top: 0.6em;
}
.gzt_c{
    width:40%;
    line-height: 2em;
    height: 2.6em;
    margin-left: 1em;
}
.gzt_l{
    width:20%;
    border-right: 1px solid #ddd;
}
.gzt_r{
    padding-right:1%;
    padding-top:2em;
}
.gzt_r a{
    padding:0.4em 0.8em;
    border-radius: 4px;
    border:1px solid #ddd;
}
.gzt_l .renshu{
    color:#000;
    font-size:1.3em;
    font-weight: bold;
    height:2em;
    line-height:2em;
    text-align: center;
}
.per_tx{
    width: 18%;
    padding-top: 1em;
}
.per_name .iconfont{
    color:#66CC00;
}
.per_name .phone{
    padding-right: 3%;
    padding-top:0.2em;
}
.per_content{
    width:82%;
}
.per_tx img{
    width:4em;
    height: 4em;
    border-radius:50%;
}
.dtxq_t .dtxq_n{
    height: 2em;
    line-height: 2em;
    color:#000;
    font-size:1.3em;
}
.list_dx{
    width: 16%;
}
.list_dx img{
    width:4em;
    height: 4em;
    border-radius: 50%;
}
.comment_num{
    height:2.4em;
    line-height: 2.4em;
    font-size:1.4em;
    border-left: 2px solid #CC3300;
    padding-left: 3%;
    border-bottom: 1px solid #ddd;
}
.list_ym{
    width:84%;
    padding-top: 0.6em;
}
.list_ms{
    height:3em;
    line-height: 1.2em;
    font-size:1.2em;
}
.comment_list{
    margin-top: 1em;
    overflow: hidden;
    border-bottom: 1px solid #dedede;
    padding-left: 3%;
    padding-bottom: 0.3em;
}
.list_ym .list_name{
    color:#3366CC;
    font-size: 1.3em;
}
.fd_sop {
    background: #fff;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #DBDBDB;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
}
.ks-simplestar a{
    padding:0.3em 0.8em;
    border-radius: 4px;
    border:1px solid #ddd;
}
.fd_sop .iconfont{
    padding-right: 0.6em;
}
.fd_sop input{
    height:3em;
    line-height: 3em;
    width:66%;
}
.ft_navline {
    height: 71px;
    display: block;
    overflow: hidden;
}
/*会员充值*/
.membership .recharge img{
    width:100%;
    height: 12em;
}
.recharge_list li{
    width:90%;
    height:5em;
    line-height: 5em;
    background: #f5f5f5;
    border:1px solid #eee;
    margin-left:3%;
    margin-top:1.4em;
    padding-left:2%;
    padding-right: 2%;
}
.recharge_list li .ycl{
    font-size:1.3em;
    font-weight: normal;
    width:74%;
}
.recharge_list li .ycl_sb{
    font-size:0.8em;
    color:#666;
    font-weight: normal;
    margin-left: 0.4em;
}
.price{
    font-size:1.4em;
    font-weight: bold;
    width:23%;
    text-align: center;
}
.shuxian{
    font-size: 2em;
    color:#ddd;
}
.recharge_list .active_dj{
    background: #D3F3F2;
    border:1px solid #009935;
    position: relative;
}
.active_dj .label{
    padding:0.4em 0.6em;
    background: #02ab8b;
    color:#fff;
    position: absolute;
    top:-8px;
    left:10px;
    height:1em;
    line-height: 1em;
}
.advantage{
    padding:0.2em 3%;
}
.advantage .sdys{
    height: 3em;
    line-height: 3em;
    font-size: 1.4em;
    color:#000;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}
.advantage_list{
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    height: 5em;
    padding-top: 1em;
    padding-bottom: 1em;
}
.advantage_list .ys_t{
    font-size: 1.3em;
    color:#000;
    height:2em;
    line-height: 2em;
}
.advantage_list .ys_s{
    font-size: 1em;
    color:#666;
}
.list_l{
    width:20%;
}
.list_r{
    width:80%;
}
.qualific{
    width:94%;
    padding:0 3% 3em 3%;
}
.qualific .zzyq{
    color:#000;
    font-size: 1.4em;
    height:3em;
    line-height: 3em;
    font-weight: bold;
}
.qualific p{
    color:#333;
    font-size: 1.2em;
    height:2em;
    line-height: 2em;
}
.fd_sop b{
    font-size: 1.6em;
    padding-right: 0.6em;
}
.ks-simplestar .ljgm{
    padding: 0.4em 1em;
    border-radius: 4px;
    background:#fff;
    color:#FF3300;
    font-size: 1.4em;
}
.list_l span{
    width:4em;
    height: 4em;
    border:1px solid #cc3300;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 4em;
}
.list_l span .iconfont{
    font-size:1.8em;
    color:#cc3300;
}
.hsjgx{
    height:0.4em;
    width:100%;
    background: #cc3300;
    position: relative;
}
.hsjgx .iconfont{
    position: absolute;
    left:46%;
    bottom: -0.6em;
    font-size: 2em;
    color: #cc3300;
}
.advantage_list:nth-last-child(1){
    border-bottom:none;
}
.qualific span{
    height: 2em;
    font-size: 1.2em;
    line-height: 2em;
}
.huodong_dazhe {
    position: relative;
}
.dazhe .iconfont{
    position: absolute;
    right:2.2em;
    font-size: 3.6em;
    top: -0.2em;
    color: #cc3300;
}
.dazhe .iconfont b{
    color:#fff;
    font-size:1em;
    position: absolute;
    top:-0.2em;
    left:0.7em;
    font-weight: normal;
}
/*----------- 我的动态开始 -----------*/
.details_box{padding: 0 3%;margin-top: 5%;}
.details_box .bg{background: url(line-bg.jpg) repeat-y 4.9em 0;position: relative;}
.details_box .list{clear: both;padding-bottom: 5%;display: block;overflow: hidden;}
.details_box .tx{display: block;overflow: hidden;width:10%;}
.details_box .tx img{width: 60px;
    webkit-border-radius:100px;
    -moz-border-radius:100px;
    -o-border-radius:100px;
    -ms-border-radius:100px;
    border-radius:100px;
}
.details_box .txt_box{font-size: 1.1em;line-height: 1.5em;width:78%;}
.details_box .txt_box .txt .bt{margin-bottom: 0.5em;color: #0073EB}
.details_box .txt_box .time{color: #acacac;margin-top: 0.5em;}
.details_box .tx i{width: 16px;height:16px;background: #ddd;display: block;overflow: hidden;margin:1em;
    webkit-border-radius:100px;
    -moz-border-radius:100px;
    -o-border-radius:100px;
    -ms-border-radius:100px;
    border-radius:100px;}
.details_box .txt_box img{max-width: 100%;width:5em;height:5em;}

.fd_sop{background: #fff;height:40px;line-height:40px;border-top: 1px solid #DBDBDB;position: fixed;bottom: 0;width: 100%;padding: 10px 0;}

.fd_sop2{padding: 10px 0;}
.fd_sop2 a{ display:block;width:42%; height:38px; line-height:38px;float: left;margin-left:3%;text-align: center;background:#0073EB;color: #fff;border:1px solid #0262D7;font-size: 1.1em;
    webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px;
}
.order_card{background: #fff;margin: 1em 0;padding: 0.8em 0;line-height: 1.8em;}
.order_card dl dt{float: left;width: 30%;text-align: center;color: #888;}
.order_card dl dd{width: 65%;margin-left: 5%;float: left;}

.reply{padding-bottom: 5%;}
.reply textarea{margin: 3% 4.5%;padding: 3% 3%;width: 84%;}
.reply button{ display:block;width:42%; height:40px; line-height:40px;float: left;margin-left:5%;text-align: center;background:#0073EB;color:#fff;font-size: 1.1em;
    webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px;
}
.reply button:nth-child(2){background:#D1D5E1;color: #212121;}
.reply button:nth-child(1):hover,.reply button:nth-child(2):hover{background:#0262D7;color: #fff;}
.txt_box .txt{
    background: #fff;
    height: 6em;
    line-height: 6em;
}
.pic_pl{
    margin-right: 0.6em;
    width:28%;
}
.pic_pl img{
    padding-top:0.6em;
    padding-left: 0.6em;
}
.pic_nr span{
    padding-left:0.4em;
    font-size: 1.4em;
    color:#999;
}
.list b{
    color:#4d94db;
}
.list_time p{
    height:1.2em;
    line-height: 1.2em;
}
.list_time .riqi{
    font-size: 2em;
    color:#000;
}
.list_time .yuefen{
    font-size: 1em;
    color:#666;
}
.list_time{
    width:11%;
}
.statistics{
    width:100%;
    background: #fff;
    height:4.8em;
    padding-top:1.2em;
}
.statistics p{
    height: 1.4em;
    line-height: 1.4em;
}
.stat_l{
    width:33%;
    text-align: center;
}
.stat_l .dzh{
    font-size: 1.4em;
    color:#000;
}
.stat_l .dongt{
    font-size: 1.2em;
    color:#666;
}
.fbdt{
    position: relative;
}
.fbdtl{
    padding-left: 0.4em;
    font-size: 1.2em;
}

.fbdt .iconfont{
    font-size: 4em;
}
/*----------- 我的动态 结束 -----------*/


@media screen and (min-width:360px){
   .details_box .tx i {
    margin: 1em 1em 1em 1.3em;
}
@media screen and (min-width:414px){
    .details_box .tx i {
    margin: 1em;
}