@charset "utf-8";
/* CSS Document */
.clearfix:after{ display:block; content:".."; height:0px; visibility:hidden; overflow:hidden; clear:both;}
.banner{ width:100%; padding:10px 0 16px 0px;}
.left_b{ width:36.2069%; float:left;}
.right_b{ width:62.4138%; float:right; position:relative;}
.ilce6000{ display:block; width:50%; height:80%; position:absolute; left:0; bottom:0; text-indent:-9999px; }
.fe1635{display:block; width:50%; height:80%; position:absolute; left:50%; bottom:0; text-indent:-9999px;}
.nav{ width:100%;}
.nav a{ display:block; width:33.3333333%; float:left;}
#a_main{ width:100%;}

#a_main  ul{overflow:hidden;width:100%; margin:0 auto;}
#a_main  ul li{width:100%; height:auto; background:#ffffff; margin:0; position:relative;overflow:hidden;}
.pic{ position:relative;}
#a_main  ul li .img1{height:auto; display:block;}
#a_main  ul li .img2{width:29px; height:16px; position:absolute; bottom:-1px; left:12px;}


#a_main  ul li .div{width:100%; padding:16px 0px 16px 0px; }
#a_main  ul li .div .zuo{width:50%;  float:left; padding-top:8px;}
#a_main  ul li .div  .p1{ color:#999999; padding-left:10px; font-size:30px; font-weight:bold;}
#a_main  ul li .div .zuo .p2{color:#999999; padding-left:10px; font-size:24px; }

#a_main  ul li .div .zuo .p2 .w1{ display:block; height:25px;font-size:1em; color:#64c3f1; line-height:24px; background:url(../images/icon1.png) 0px 0px no-repeat; padding-left:38px; margin-bottom:10px;}
#a_main  ul li .div .zuo .p2 .w2{display:block;height:25px;font-size:1em; color:#a0a0a0; line-height:24px; background:url(../images/icon2.png) 0px 0px no-repeat; padding-left:38px;}




#a_main  ul li .div .you{width:50%;  float:right; padding:8px 0 0px 0; overflow:hidden;}
#a_main  ul li .div .you .p3{width:32%; height:25px; float:left; }
#a_main  ul li .div .you .p3 a{width:25px; height:25px; background:url(../images/icon3.png) no-repeat center;  display:block;}
#a_main  ul li .div .you .p4{width:32%; height:25px; float:left; }
#a_main  ul li .div .you .p4 a{width:25px; height:25px; background:url(../images/icon5.png) center no-repeat ; background-position:0 0; display:block;}
#a_main  ul li .div .you .p4 a.active{background-position:-25px 0;}
#a_main  ul li .div .you .p5{width:auto; height:25px; float:right; margin-left:10%;}
#a_main  ul li .div .you .p5 a{width:20px; height:20px; background:url(../images/icon4.png) center no-repeat; background-size:cover;  display:block;}

#a_main  ul li .div .you .p6{width:32%; height:25px; float:left; }

.explores{ color:#a0a0a0; font-size:12px; text-align:right; margin-bottom:8px; height:20px; line-height:20px; padding-right:9%;}
.dot_os{ font-weight:bold; margin:0 5px;}

.pic_box{ width:100%; margin:0% auto 0;}
.history_back{ display:block; width:10%; position:absolute; top:3%; left:1%;}

.user_s{ border-bottom:1px solid #d1d1d1; padding:0 0 4% 0; position:relative; margin-top:4%;}
.user_names_pl{ color:#343434; font-size:16px; padding-left:11%; background:url(../images/user.png) left 2px no-repeat; background-size:7% auto;width:95%; margin:0 auto;}
.user_names_pl span{ color:#a0a0a0; font-size:14px;}
.time_pl{ position:absolute; right:5%; top:1%; font-size:14px; color:#d1d1d1;}

.btm_pl{ position:absolute; bottom:0; left:0; z-index:99; width:100%; border-top:1px #bcbcbc solid; background:#FFFFFF;}
.wrotepl{ font-size:18px; color:#bcbcbc; height:44px; padding:0 0 0 15px; background:none; border:1px #bcbcbc solid; border-radius:4px; width:70%; background:#ffffff; line-height:44px;}
.apply_btn{ font-size:18px; color:#fff; border-radius:4px; background:#64c3f1; text-align:center; width:27%; display:block; height:44px; line-height:44px; float:right;}
.load_c{width:27%; display:none; height:44px;float:right;}
.loads{ width:40px; height:40px; margin:0 auto; }
.loads img{  display:block; width:100%;}


.produce_botm{ width:100%; background:#fff; position:fixed; bottom:0; left:0; z-index:99;}
.produce_botm h4{ font-size:16px; color:#2e2e2e; padding:6px 0 6px 12px; width:75%;}
.conts_num{ font-size:12px; color:#a0a0a0; position:absolute; top:6px; right:12px;}
.pl_area{  padding:5px 0; border-top:1px solid #f6f6f6; border-bottom:1px solid #f6f6f6;}

.pxyl1{ width:33%; float:left; text-align:center; position:relative; border-right:1px #eeeeee solid; height:25px;}
.pxyl2{ width:33%; float:left; text-align:center; position:relative; border-right:1px #eeeeee solid; height:25px;}
.pxyl3{ width:33%; float:left; text-align:center; position:relative; height:25px;}

.pxyl1 a{ display:block; color:#a0a0a0; font-size:12px; line-height:25px; width:100%; height:25px; background:url(../images/icon3.png) 5px center no-repeat; background-size:25px 25px;}
.pxyl2 a{ display:block; color:#a0a0a0; font-size:12px; line-height:25px;width:100%; height:25px; background:url(../images/icon6.png) 5px center no-repeat; background-size:25px 25px;}
.pxyl2 a.active{ background:url(../images/icon7.png) 5px center no-repeat; background-size:25px 25px;}
.pxyl3 a{ display:block; color:#a0a0a0;font-size:12px; line-height:25px;width:100%; height:25px;background:url(../images/icon4.png) 5px center no-repeat; background-size:25px 25px;}

.totop {
    width: 20px;
    position: absolute;
    left: 50%;
    bottom: 94px;
    margin-left: -10px;
}
.tobottom{ width:20px; margin:10px auto 5px;}

.fc_detail{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:10001; background:rgba(0,0,0,0.9); -webkit-transition:all 0.6s ease; -webkit-transform:translate(0,1500px); opacity:0;}
.hup{-webkit-transform:translate(0,0); opacity:1;}
.fc_ox{ width:100%; padding-top:15px;}
.fc_title{ font-size:14px; color:#fff; text-align:center; margin-bottom:10px;}
.user_names{ color:#65c5ef; text-align:center; width:50%; margin:0 auto 20px; line-height:20px; font-size:14px;}
.user_names img{ width:22px; display:inline-table; vertical-align: middle; margin-right:5px;}

.border_os{ border-top:1px #3d3d3d solid; border-bottom:1px #3d3d3d solid; padding:10px 0;}
.model_names{ color:#fff; text-align:center; font-size:12px;}
.model_camera{ width:30%; margin:10px auto 30px;}
.model_nexname{ word-break:break-all; text-align:center; font-size:12px; color:#fff; padding:0 5%;}
.model_nex{ width:36%; margin:10px auto;}
.model_photosc{ word-break:break-all; text-align:center; font-size:12px; color:#fff; padding:0 5%;}
.topic_name{ color:#fff; text-align:center; font-size:12px; padding:10px 0;}
.apply_times{ color:#fff; text-align:center; font-size:12px; padding-bottom:10px;border-bottom:1px #3d3d3d solid;}

.close_fc{ position:absolute; top:0; left:2px; color:#fff; font-size:40px; display:block;}

@media screen and (max-width:560px){
	
#a_main  ul li .div{width:100%; padding:15px 0px 50px 0px; }
#a_main  ul li .div .zuo{width:50%;  float:left; padding-top:8px;}
#a_main  ul li .div  .p1{ color:#2e2e2e; border-bottom:1px #a0a0a0 solid; padding-bottom:10px; padding-left:10px; font-size:14px; font-weight:bold;}
#a_main  ul li .div .zuo .p2{color:#999999; padding-left:10px; font-size:1em; }

#a_main  ul li .div .zuo .p2 .w1{ display:block; height:20px;font-size:12px; color:#64c3f1; line-height:20px; background:url(../images/icon1.png) left center no-repeat; padding-left:26px; margin-bottom:8px; background-size:auto 100%;}
#a_main  ul li .div .zuo .p2 .w2{display:block;height:20px;font-size:1em; color:#a0a0a0; line-height:20px; background:url(../images/icon2.png) left center no-repeat; padding-left:26px;background-size:auto 100%;}

#a_main  ul li .div .you .p3 a{width:auto; height:20px; background:url(../images/icon3.png) left top no-repeat; background-size:auto 100%;  display:block;padding-left:25px; color:#a0a0a0; line-height:20px;}
#a_main  ul li .div .you .p4 a{width:auto; height:20px; background:url(../images/icon6.png) left top no-repeat ; background-size:auto 100%; display:block; padding-left:25px; color:#a0a0a0; line-height:20px;}

#a_main  ul li .div .you .p6 a{width:auto; height:20px; background:url(../images/icon8.png) left top no-repeat ; background-size:auto 100%; display:block; padding-left:25px; color:#a0a0a0; line-height:20px;}
	
	
	}
#a_main  ul li .div .you .p4 a.active{background:url(../images/icon7.png) left top no-repeat ; background-size:auto 100%;}
.loading {color:#777777;font-size:1.25em;text-align:center;width:100%;display:none;margin-top:10px; padding:5px 0px;}
.loading img{ display:block; width:30px; margin:0 auto;}

.check_zone .p1.actived{ right:88%;}
.check_zone .p1 {
    color: #7c7c7c;
    cursor: pointer;
    width: 10%;
	position:fixed;
	z-index:99;
	top:50px; 
	right:88%;
	 -webkit-transition:all 0.5s  ease;
}
#a_pop{ width:82%; border:1px solid #e0e0e0; position:absolute; right:0; top:0; z-index:999; background:#ffffff; height:100%; overflow:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch;}
.opacty_bg{z-index:999; width:100%; height:100%; position:fixed; right:0; top:0; -webkit-transition:all 0.5s ease; -webkit-transform:translate(110%,0); }
.opacty_bg.active{ -webkit-transform:translate(0,0);}

.fc_bg{ background:rgba(0,0,0,0); width:100%; height:100%; position:absolute; top:0; left:0; z-index:99; -webkit-transition-delay:0.1s;}
.active .fc_bg{  background:rgba(0,0,0,0.5);}

#a_pop .button {
    top: 50%;
	margin-top:-2%;
    left: -6%;
    position: absolute;
    width: 4%;
}
.p2_xiala{ width:99%; border:1px solid #e0e0e0; margin-top:6px; background:url(/smallapp/acafe/images/m_x.gif) 99% center no-repeat; background-size:4% auto;}
#main_f,#main_s1,#len_f,#len_s,#len_t1{ width:96%; height:40px; line-height:40px; color:##7a7a7a; font-size:16px; -webkit-appearance:none; appearance:none; border:0 none; padding-left:10px;}
.p1_title{ font-size:16px;color: #000000; margin-bottom:6px; margin-top:6px;}
#len_t,#main_s{  height:40px; line-height:40px;color:#7a7a7a; font-size:16px; -webkit-appearance:none; appearance:none; border:0 none; padding-left:10px; background:#ffffff; width:86%;}
.p3_pop{ width:100%;}


.p3_pop{ width:100%; margin-top:6px; clear:both;}
.box2_but{ width:100%; clear:both; padding:20px 0px 20px 0px ; }
#a_pop .kssx {
    background: #64c3f1;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    margin: 0 12px 0 0px;
    text-align: center;
    width: 120px;
	float:right;
}
#a_pop  .qk {
    background:  #64c3f1;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 120px;
}	
#a_pop .box1_wfh1 {
    color: #940000;
    display: none;
    font-size: 12px;
    overflow: hidden;
    padding: 17px 0 24px 0px;
    text-align: center;
    width: 100%;
}

#a_pop .box1_wfh {
    color: #940000;
    display: none;
    font-size: 12px;
    overflow: hidden;
    padding: 17px 0 24px 0px;
    text-align: center;
    width: 100%;
}
ul.smart_autocomplete_container {
    background-color: #ffffff;
    border: 2px solid #e0e0e0;
    overflow: hidden;
    padding: 5px 5px 5px 20px;
    width: 95%;
}	
ul.smart_autocomplete_container li {
    color: #8c8c8c;
    cursor: pointer;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
    width: 100%;
}
.box1_wfh1 img , .box1_wfh img{ width:auto;padding: 0 10px 0 0; display:inline;vertical-align:middle;}	
.all_zone {
    color: #9f9f9f;
    float: left;
    height: 55px;
    line-height: 55px;
    padding-left: 20px;
}
.all_zone a{ font-size:14px; text-decoration:underline;color: #9f9f9f;}



	
	
	
#header{ position:relative; z-index:998;}
.common_nav{ width:100%; position:relative; background:#000000;}
.fix_nav{ position:fixed; left:0; top:0; z-index:9999;}
.nav_960 { width:960px; margin:0 auto; position:relative; }
.nav_960 ul li.s_nav1 { padding-right:1px; background:url(/smallapp/acafe/images/common/slice.gif) right 20px no-repeat; float:left; position:relative;}
.nav_960 ul li a.fnav{ display:block; width:138px; height:60px; text-indent:-9999px; }
.nav_960 ul li a.c_nav1{ background:url(/smallapp/acafe/images/common/nav1.jpg) no-repeat;}
.nav_960 ul li:hover a.c_nav1{ background:url(/smallapp/acafe/images/common/nav1_hover.jpg) no-repeat;}
.nav_960 ul li a.c_nav2{ background:url(/smallapp/acafe/images/common/nav2.jpg) no-repeat;}
.nav_960 ul li:hover a.c_nav2{ background:url(/smallapp/acafe/images/common/nav2_hover.jpg) no-repeat;}
.nav_960 ul li a.c_nav3{ background:url(/smallapp/acafe/images/common/nav3.jpg) no-repeat;}
.nav_960 ul li:hover a.c_nav3{ background:url(/smallapp/acafe/images/common/nav3_hover.jpg) no-repeat;}
.nav_960 ul li a.c_nav4{ background:url(/smallapp/acafe/images/common/nav4.jpg) no-repeat;}
.nav_960 ul li:hover a.c_nav4{ background:url(/smallapp/acafe/images/common/nav4_hover.jpg) no-repeat;}
.nav_960 ul li a.c_nav5{ background:url(/smallapp/acafe/images/common/nav5.jpg) no-repeat;}
.nav_960 ul li:hover a.c_nav5{ background:url(/smallapp/acafe/images/common/nav5_hover.jpg) no-repeat;}
.nav_960 ul li a.c_nav6{ background:url(/smallapp/acafe/images/common/nav6.jpg) no-repeat;}
.nav_960 ul li:hover a.c_nav6{ background:url(/smallapp/acafe/images/common/nav6_hover.jpg) no-repeat;}

.nav_con{ width:138px; padding:16px 0px; float:left;}
.nav_con ul{ padding:0 4px;}
.nav_con ul li.s_nav2{ height:36px; line-height:36px; color:#262626; font-size:12px; text-align:center; border-bottom:1px solid #dbdbdb;}
.nav_con ul li.n_btom{ border-bottom:0 none;}
.nav_con ul li.s_nav2 a{color:#262626;}
.nav_con ul li.s_nav2 a:hover{color:#00afe2;}
.banner_zone{ float:left; padding-top:30px; padding-bottom:30px;}
.alogo{ display:none; position:absolute; left:-140px; top:0px;}


.shaixuan_z{position:absolute; left:50%; top:197px; margin-left:-530px; z-index:99;}
.shaixuan{ width:41px; height:94px; display:block; text-indent:-9999px; background:url(/smallapp/acafe/images/filter/shaixuan.jpg) no-repeat; }
.active_sx{ background:url(/smallapp/acafe/images/filter/shaixuan_hover.jpg) no-repeat;}

.paixu{ width:41px; height:94px; display:block; text-indent:-9999px; background:url(/smallapp/acafe/images/filter/paixu.jpg) no-repeat; margin-top:10px; }
.paixu_sx{ background:url(/smallapp/acafe/images/filter/paixu_hover.jpg) no-repeat;}


#a_pop1 {
    
    left: 41px;

    position: absolute;
    top: 124px;
    
    z-index: 999;
}
.pop_m1{
	background: #fff ;
    border: 4px solid #e0e0e0;
	width: 290px;
	padding: 25px;
	position:relative;
	margin-left:10px;
	}
#a_pop1 .sanjiao {
    height: 20px;
    left: 0px;
    position: absolute;
    top: 10px;
    width: 10px;
}
#a_pop1 .button {
    height: 68px;
    position: absolute;
    right: 0;
    top: 0px;
    width: 15px;
}
.s_fixed{
	
	position:fixed; left:50%; top:60px; margin-left:-530px; z-index:99;
	
	}




















.fl{ float:left;}
.fr{ float:right;}
.pa{ position:absolute;}
.pr{ position:relative;}
.content{width:100%;}
.main{ width:960px; margin:0 auto;}

#header{ position:relative; z-index:1000;}
.header{ background:#000;}
.navzone{ padding:0px 0px; background:#ffffff;}
.nav_z{ padding:12px 0px; border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2; }
.nav{ height:38px; position:relative;}
.tname{ padding-top:0px; margin-right:54px;}
.navs{ float:left; height:38px;}
.navs ul li.s_n1 { float:left; padding-right:20px; background:url(/smallapp/acafe/images/common/line.jpg) right center no-repeat; margin-right:20px; position:relative;}
.navs ul li.last{padding-right:0px; margin-right:0px; background:none;}
.navs ul li a.nav1{ display:block; height:38px; line-height:38px; color:#000000; font-size:18px; background:url(/smallapp/acafe/images/common/n_bg.jpg) -150px 0px  no-repeat; transition: background 0.6s ease;}
.navs ul li a.nav1:hover{ background:url(/smallapp/acafe/images/common/n_bg.jpg) 0px 0px no-repeat;}
.navs ul li a.nav1 img{ display:inline; vertical-align:middle; padding-top:10px;}


/* flexslider */
.kv{ padding-bottom:20px;}
.flexslider{position:relative;overflow:hidden;background:url(/smallapp/acafe/images/common/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}

.flex-control-nav{position:relative;z-index:2;width:100%;text-align:center;  height:30px; margin-top:36px;}
.flex-control-nav li{display:inline-block;width:200px;height:3px;margin:0 5px; margin-top:14px;}
.flex-control-nav a{display:inline-block;width:200px;height:3px;overflow:hidden;cursor:pointer; background:#9c9c9c; vertical-align:top;}
.flex-control-nav .flex-active{background:#ba3524;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flexslider img{ width:100%;}
.txt_flex{position:relative;z-index:2;width:100%;text-align:center; margin:0 auto; overflow:hidden;}
.txt_flex ul { width:90%; margin:0 auto;}
.txt_flex li{display:inline-block;width:32%;margin:0 5px 0 0; margin-top:10px; color:#6b6b6b; text-align:left; padding-bottom:6px; border-bottom:5px solid #9c9c9c; cursor:pointer;}
.txt_flex li.flex-active{ color:#000000;border-bottom:5px solid #ba3524;}
.slides li{  background-position:center center; background-repeat:no-repeat;}
.slides li a{ display:inline-block; width:100%; height:100%;}
.s_zone{ display:none;}
.zk{ display:none;}
.fixed{ position:fixed; left:0; top:0; z-index:99;}
.nav_m{ height:90px; }
.maincontent{ background:#ffffff; width:1580px; margin:0 auto;}
.titleline{  padding-top:23px; padding-bottom:20px;}
.title{ width:160px;}
.redline{ background:#af1602; height:28px; width:5px; margin-top:7px; margin-right:22px;}
.picturetitle{ font-size:30px; color:#101010;}
.more{ margin-top:5px;}
.viewpicture{  clear:both; display:block; overflow:hidden; }
.viewpicture img{ display:block;}
.viewpicture ul{ width:1592px; overflow:hidden;}
.viewpicture li{ float:left; margin-right:11px;}
.bz{ font-size:16px; color:#af1602; text-decoration:none; margin-top:5px; margin-bottom:10px;}
.bz span{ color:#4e4e4e; text-decoration:underline;}
.bz span a{color:#4e4e4e; text-decoration:underline;}


.viewpicture .backing1{ padding:0 143px; background:#efefef;}
.viewpicture .backing2{ padding:0 243px; background:#efefef;}
.pcbx{ margin-top:10px;}


#a_bottom{width:100%; height:124px; background:#000; margin-top:20px;}
#a_bottom .box{ width:960px; height:124px; margin:0 auto; overflow:hidden;}
#a_bottom .box .p30{width:960px; height:30px; line-height:30px; text-align:left; color:#696969; font-size:12px;}
#a_bottom .box .p50{width:960px; height:50px; overflow:hidden; line-height:50px;}
#a_bottom .box .p40{width:960px; height:40px; line-height:40px; text-align:center; color:#696969; font-size:12px;}

#a_bottom .box .p50 a{ float:left; color:#fff; font-size:12px; display:block; margin-right:20px;}
#a_bottom .box .p50 a:hover{ color:#fff; text-decoration:underline;}
#a_bottom .box .p50 span{ float:right; color:#fff; font-size:12px;}

#a_bottom .box .p30 a{ color:#696969; text-decoration:underline;}
#a_bottom .box .p30 a:hover{ color:#696969;}

.viewpicture img{ width:100%;}
.sitem{ }
.bitem{ width:785px; height:448px; overflow:hidden; }
.item1{ width:387px; height:219px; overflow:hidden;}
.pd11{margin-bottom:10px;}
.pr11{margin-right:11px;}
.bitem1{ width:586px; height:448px ; overflow:hidden; }
.sitem1{  }

.bitem2{ width:782px; height:448px; overflow:hidden; }
.sitem2{ width:786px; }
.sitem2 .item1{ float:left; }

.main_ac{ width:100%; overflow:hidden;}
.main_ac ul { width:1000em;}
.main_ac ul  li img{ width:100%;}
.main_ac ul  li { float:left;  margin-right:15px;}
.leftb,.rightb{ display:block; position:absolute;  top:50%; margin-top:-12px;}
.leftb{ left:-15px;}
.rightb{ right:-15px;}
.hd_page{ width:100%; padding-top:16px; text-align:center;}
.hd_page a{ width:10px; height:10px; display:inline-block; margin:0px 2px; background:#ccccca;}
.hd_page a.actives{ background:#af1602;}
.main_ac ul li{ width:516px;}


.nav_item{ display:block; position:absolute;left:0px; top:60px; background:#ffffff; display:none; width:500px;}
.nav_item{ width:500px;}
.nav_item6{ left:-362px;}
.nav_item4{left:-362px;}
.nav_con{ width:138px; padding:16px 0px; float:left;}
.nav_con ul{ padding:0 4px;}
.nav_con ul li.s_nav2{ height:36px; line-height:36px; color:#262626; font-size:12px; text-align:center; border-bottom:1px solid #dbdbdb;}
.nav_con ul li.n_btom{ border-bottom:0 none;}
.nav_con ul li.s_nav2 a{color:#262626;}
.nav_con ul li.s_nav2 a:hover{color:#00afe2;}
.banner_zone{ float:left; padding-top:30px; padding-bottom:30px;}

.header .main .right{width:400px; line-height:82px; float:right; font-size:14px;}
.header .main .right a{ float:right; color:#ffffff;}
.header .main .right a:hover{ float:right; color:#5abce1; text-decoration:underline;}
.header .main .right span{ float:right; color:#fff; margin:0 8px 0 8px;}

.header .main .right span.myp{ color:#C00;}	
	
	
.back_zone img{ width:auto;}	
	
@media screen and (max-width:800px){
	
.header .main .right{ display:none;}
.new_hot{width:100%; background:#f3f5f9; height:auto; padding:40px 0 40px 0; position:relative;}
.new_hot h3{height:auto; margin:0 auto; text-align:center; background-size:100%; background:url(/smallapp/acafe/images/index/h3_bg.jpg) center center repeat-x;  text-align:center;}
.line_act1 h3{height:auto; margin:0 auto; text-align:center; background:url(/smallapp/acafe/images/index/h3_bg.jpg) left center repeat-x;}

.new_hot h3 img{ width:28%; height:100%;}

.line_act{width:100%; background:#ffffff; height:auto; padding:40px 0 60px 0; position:relative;}
.line_act h3{height:auto; margin:0 auto; text-align:center; background-size:100%; background:url(/smallapp/acafe/images/index/h3_bg1.jpg) center center repeat-x; text-align:center;}	
.line_act h3 img{width:28%; height:100%;}

.hot_box{ position:relative; width:98%; margin:0 auto; overflow:hidden; padding:30px 0 10px 0;}
.hot_ul{width:100%;}	
.hot_ul li{width:32%; float:left; border:1px solid #000000; margin:0 0.38% 6px 0.38%;}
.hot_ul li .list_box{width:100%; height:auto;}
.hot_ul li .list_box1{width:100%;  height:auto;}
.list_box h2{width:33%; background:#af1602; font-size:16px; height:32px; color:#FFF; font-weight:normal; text-align:center; line-height:33px;}
.list_box .p1{width:92%; padding:10px 0 10px 0; height:50px; margin:0 auto; font-size:16px; color:#000; line-height:24px;}
.list_box img{width:100%; margin:0 auto;}
.list_box .p2{width:92%; font-size:14px; height:95px; margin:0 auto; color:#666666; line-height:20px; padding:15px 0 15px 0;}
.list_box .p2 span{color:#2b2b2b; line-height:30px;}
.list_box .p3{width:92%; font-size:14px; margin:0 auto; height:90px; color:#666666; line-height:20px; padding:15px 0 15px 0;}
.list_box a{width:30%; background:#000; margin:0 0 8% 4%; height:auto; text-align:center; line-height:30px; font-size:14px; color:#FFF; display:block;}

.hot_more{ position:relative; width:97.2%; height:100%; border:1px solid #000; margin:0 auto; padding:14px 0 8px 0; text-align:center; overflow:hidden;}
.hot_more img{width:17%;}

.bottom_kv{width:97.2%; margin:0 auto; height:auto; overflow:hidden; border:1px solid #000;}
.bottom_kv .box{width:50%; float:left; height:100%;}
.bottom_kv .box1{width:50%; float:left; height:100%;}
.bottom_kv .box p{width:94%; text-align:center; margin:0 auto; padding:20px 0 8px 0; line-height:24px; font-size:12px; color:#666666;}
.bottom_kv .box a{width:30%; height:35px; margin:0 auto; text-align:center; line-height:35px; font-size:18px; color:#FFF; display:block; background:#000;}
.bottom_kv .box1 img{width:100%; height:100%; display:block;}


.slides li{  background-position:center center; background-repeat:no-repeat; }
.txt_flex{ display:none;}


.s_zone{ display:block;}
.nav_m{ display:none;}
.logo img{ width:60px;}
.main{ width:100%; position:relative; height:44px; background:#000;}
.zk{ position:absolute; right:0px; top:0; display:block; }
.s_zone{ width:100%; height:100%; position:fixed; left:100%; top:0; z-index:99; background:rgba(0,0,0,0.8);}
.sn_nav{ width:90%; height:100%; position:absolute; left:10%; top:0%; background:#FFF;}
.back_zone{ width:100%; height:44px; background:#000; position:absolute; left:0; top:0;}
.sn_nav ul { padding-top:42px;}
.sn_nav ul li { height:46px; line-height:46px; border-bottom:1px solid #cecece;}
.sn_nav ul li a{ display:block; height:46px; padding:0px 20px; color:#000000; font-size:18px; background:url(/smallapp/acafe/images/common/sanjiao.png) 90% center no-repeat; }



#a_bottom{width:100%; height:auto; background:#000; margin-top:20px;}
#a_bottom .box{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
#a_bottom .box .p30{width:100%; height:auto; line-height:20px; text-align:left; color:#696969; font-size:12px;}
#a_bottom .box .p50{width:98%; height:auto; overflow:hidden; line-height:20px; margin:0 auto;}
#a_bottom .box .p40{width:100%; height:40px; line-height:40px; text-align:center; color:#696969; font-size:12px;}
#a_bottom .box .p50 span { float:left;}








.maincontent{ width:98%; margin:0 auto; overflow:hidden;}
.viewpicture ul{ width:100%;}
.viewpicture li{ width:100%; margin-right:0px; height:auto;}
	.viewpicture img{ width:100%;}
	.sitem{ width:100%; }
	.viewpicture li.bitem{ width:99%; height:auto; margin-left:1%;}
	.viewpicture li.bitem1{width:99%; height:auto; margin-left:1%; margin-bottom:7px;}
	.viewpicture li.bitem2{width:99%; height:auto; margin-left:1%; margin-bottom:7px;}
	
	
	
	.hot_ul li{width:24%; float:left; border:1px solid #000000; margin:0 0.28% 0 0.28%;}
	.item1{ width:49%; height:auto; margin-left:1%; margin-bottom:7px; float:left; margin-top:5px;  }
	.pd11{margin-bottom:7px;}
	.pr11{margin-right:7px;}
	
	.sitem2 .item1{ float:left;width:49%; height:auto; margin-left:1%; margin-bottom:7px; float:left; margin-top:0px; margin-right:0px;}
	
	
	
.main_ac{ width:98%; overflow:hidden; margin:0 auto;}
.main_ac ul { width:100%;}
.main_ac ul  li img{ width:100%;}
.main_ac ul  li { float:left;  margin-right:0;}
.leftb,.rightb{ display:block; position:absolute;  top:50%; margin-top:-12px; display:none;}
.leftb{ left:-15px;}
.rightb{ right:-15px;}
.hd_page{ width:100%; padding-top:16px; text-align:center; display:none;}
.hd_page a{ width:10px; height:10px; display:inline-block; margin:0px 2px; background:#ccccca;}
.hd_page a.actives{ background:#af1602;}
.main_ac ul  li { width:100%; margin-bottom:7px;}
	
	
	
	
.mobile_nav{ width:100%; background:#000000; height:44px; display:none;}
.mobile_nav .logo img {
    width: 60px;
	margin-left:1%;
}
.zk {
    position: absolute;
    right: 0px;
    top: 0;
    display: block;
	width:44px;
}
.s_zone{ display:none;}
.s_zone{ width:100%; height:100%; position:fixed; left:100%; top:0; z-index:99; background:rgba(0,0,0,0.8);}
.sn_nav{ width:90%; height:100%; position:absolute; left:10%; top:0%; background:#FFF;}
.back_zone{ width:44px; height:44px; background:#000; position:absolute; left:0; top:0;}
.sn_nav ul { padding-top:42px;}
.sn_nav ul li { height:46px; line-height:46px; border-bottom:1px solid #cecece;}
.sn_nav ul li a{ display:block; height:46px; padding:0px 20px; color:#000000; font-size:18px; background:url(/smallapp/acafe/images/new/sanjiao.png) 90% center no-repeat; }

#header{ height:64px;}
.ring img{ padding-top:22px;}
.mlg a.ring_c {
    display: none;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    color: #FFFFFF;
    font-size: 12px;
    background: #ad0000;
    margin: 22px 0 0px 10px;
    padding: 0 6px;
}


.mobile_login{ float:right; line-height:44px; margin-right:65px;}
.mobile_login a{ color:#fff; font-size:12px;}

.header_m{ display:none;}
	.mobile_nav{ display:block;}
	.s_zone{ display:block;}
	#header{ height:auto;}
	
	
	#a_bottom{width:100%; height:auto; background:#000; margin-top:20px;}
	#a_bottom .box{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
	#a_bottom .box .p30{width:100%; height:auto; line-height:20px; text-align:left; color:#696969; font-size:12px;}
	#a_bottom .box .p50{width:98%; height:auto; overflow:hidden; line-height:20px; margin:0 auto;}
	#a_bottom .box .p40{width:100%; height:40px; line-height:40px; text-align:center; color:#696969; font-size:12px;}
	#a_bottom .box .p50 span { float:left;}
	



.mobile_nav{ display:block; background:#ffffff;}	

}


@media screen and (max-width:480px){

.new_hot{width:100%; background:#f3f5f9; height:auto; padding:40px 0 40px 0; position:relative;}
.new_hot h3{height:auto; margin:0 auto; text-align:center; background-size:100%; background:url(/smallapp/acafe/images/index/h3_bg.jpg) center center repeat-x;  text-align:center;}
.new_hot h3 img{ width:49%; height:100%;}

.line_act{width:100%; background:#ffffff; height:auto; padding:20px 0 20px 0; position:relative;}
.line_act h3{height:auto; margin:0 auto; text-align:center; background-size:100%; background:url(/smallapp/acafe/images/index/h3_bg1.jpg) center center repeat-x; text-align:center;}	
.line_act1 h3{height:auto; margin:0 auto; text-align:center; background:url(/smallapp/acafe/images/index/h3_bg.jpg) left center repeat-x;}

.line_act h3 img{width:49%; height:100%;}

.hot_box{position:relative; width:96%; margin:0 auto; overflow:hidden; padding:10px 0 10px 0;}
.hot_ul{width:98%; margin:0 auto;}	
.hot_ul li{width:100%; margin:0 auto; border:1px solid #000000; margin:3% 0 0 0;}
.hot_ul li .list_box{width:100%; height:auto;}
.hot_ul li .list_box1{width:100%;  height:auto;}
.list_box h2{width:35%; background:#af1602; font-size:18px; height:40px; color:#FFF; font-weight:normal; text-align:center; line-height:40px;}
.list_box .p1{width:94%; padding:10px 0 10px 0; height:50px; margin:0 auto; font-size:18px; color:#000; line-height:24px;}
.list_box img{width:100%; margin:0 auto;}
.list_box .p2{width:94%; font-size:15px; height:95px; margin:0 auto; color:#666666; line-height:24px; padding:15px 0 15px 0;}
.list_box .p2 span{color:#2b2b2b; line-height:32px;}
.list_box .p3{width:94%; font-size:15px; margin:0 auto; height:95px; color:#666666; line-height:24px; padding:15px 0 15px 0;}
.list_box a{width:30%; background:#000; margin:0 0 8% 3%; height:auto; text-align:center; line-height:35px; font-size:16px; color:#FFF; display:block;}

.hot_more{ position:relative; width:96%; height:100%; border:1px solid #000; margin:0 auto; padding:14px 0 8px 0; text-align:center; overflow:hidden;}
.hot_more img{width:28%;}

.bottom_kv{width:97.2%; margin:0 auto; height:auto; overflow:hidden; border:1px solid #000;}
.bottom_kv .box{width:100%; float:left; height:100%;}
.bottom_kv .box1{width:100%; float:left; height:100%; padding:5% 0 0 0;}
.bottom_kv .box p{width:94%; text-align:center; margin:0 auto; padding:20px 0 8px 0; line-height:26px; font-size:14px; color:#666666;}
.bottom_kv .box a{width:30%; height:35px; margin:0 auto; text-align:center; line-height:35px; font-size:18px; color:#FFF; display:block; background:#000;}
.bottom_kv .box1 img{width:100%; height:100%; display:block;}
.slides li{  background-position:center center; background-repeat:no-repeat; }
.txt_flex{ display:none;}


.s_zone{ display:block;}
.nav_m{ display:none;}
.logo img{ width:60px;}
.main{ width:100%; position:relative;height:44px; background:#000;}
.zk{ position:absolute; right:0px; top:0; display:none; }
.s_zone{ width:100%; height:100%; position:fixed; left:100%; top:0; z-index:99; background:rgba(0,0,0,0.8);}
.sn_nav{ width:90%; height:100%; position:absolute; left:10%; top:0%; background:#FFF;}
.back_zone{ width:100%; height:44px; background:#000; position:absolute; left:0; top:0;}
.sn_nav ul { padding-top:42px;}
.sn_nav ul li { height:46px; line-height:46px; border-bottom:1px solid #cecece;}
.sn_nav ul li a{ display:block; height:46px; padding:0px 20px; color:#000000; font-size:18px; background:url(/smallapp/acafe/images/common/sanjiao.png) 90% center no-repeat; }



.maincontent{ width:98%; margin:0 auto; overflow:hidden;}
.viewpicture ul{ width:100%;}
.viewpicture li{ width:100%; margin-right:0px; height:auto;}
	.viewpicture img{ width:100%;}
	.sitem{ width:100%; }
	.viewpicture li.bitem{ width:99%; height:auto; margin-left:1%;}
	.viewpicture li.bitem1{width:99%; height:auto; margin-left:1%; margin-bottom:7px;}
	.viewpicture li.bitem2{width:99%; height:auto; margin-left:1%; margin-bottom:7px;}
	
	
	
	
	.item1{ width:49%; height:auto; margin-left:1%; margin-bottom:7px; float:left; margin-top:5px;  }
	.pd11{margin-bottom:7px;}
	.pr11{margin-right:7px;}
	
	.sitem2 .item1{ float:left;width:49%; height:auto; margin-left:1%; margin-bottom:7px; float:left; margin-top:0px; margin-right:0px;}
	
	
	.bz{ font-size:12px;}



}


@media screen and (max-width:320px){

.new_hot{width:100%; background:#f3f5f9; height:auto; padding:40px 0 40px 0; position:relative;}
.new_hot h3{height:auto; margin:0 auto; text-align:center; background-size:100%; background:url(/smallapp/acafe/images/index/h3_bg.jpg) center center repeat-x;  text-align:center;}
.new_hot h3 img{ width:49%; height:100%;}

.line_act{width:100%; background:#ffffff; height:auto; padding:40px 0 40px 0; position:relative;}
.line_act h3{height:auto; margin:0 auto; text-align:center; background-size:100%; background:url(/smallapp/acafe/images/index/h3_bg1.jpg) center center repeat-x; text-align:center;}	

.line_act1 h3{height:auto; margin:0 auto; text-align:center; background:url(/smallapp/acafe/images/index/h3_bg.jpg) left center repeat-x;}

.line_act h3 img{width:49%; height:100%;}

.hot_box{position:relative; width:96%; margin:0 auto; overflow:hidden; padding:10px 0 10px 0;}
.hot_ul{width:100%;}	
.hot_ul li{width:99.3%; margin:0 auto; border:1px solid #000000; margin:3% 0 0 0;}
.hot_ul li .list_box{width:100%; height:auto;}
.hot_ul li .list_box1{width:100%;  height:auto;}
.list_box h2{width:35%; background:#af1602; font-size:17px; height:40px; color:#FFF; font-weight:normal; text-align:center; line-height:40px;}
.list_box .p1{width:94%; padding:10px 0 10px 0; height:50px; margin:0 auto; font-size:17px; color:#000; line-height:24px;}
.list_box img{width:100%; margin:0 auto;}
.list_box .p2{width:94%; font-size:14px; height:95px; margin:0 auto; color:#666666; line-height:18px; padding:15px 0 15px 0;}
.list_box .p2 span{color:#2b2b2b; line-height:32px;}
.list_box .p3{width:94%; font-size:14px; margin:0 auto; height:80px; color:#666666; line-height:18px; padding:15px 0 15px 0;}
.list_box a{width:30%; background:#000; margin:0 0 8% 3%; height:auto; text-align:center; line-height:35px; font-size:16px; color:#FFF; display:block;}

.hot_more{ position:relative; width:96%; height:100%; border:1px solid #000; margin:0 auto; padding:14px 0 8px 0; text-align:center; overflow:hidden;}
.hot_more img{width:36%;}

.bottom_kv{width:96%; margin:0 auto; height:auto; overflow:hidden; border:1px solid #000;}
.bottom_kv .box{width:100%; float:left; height:100%;}
.bottom_kv .box1{width:100%; float:left; height:100%; padding:5% 0 0 0;}
.bottom_kv .box p{width:94%; text-align:center; margin:0 auto; padding:20px 0 8px 0; line-height:22px; font-size:14px; color:#666666;}
.bottom_kv .box a{width:40%; height:35px; margin:0 auto; text-align:center; line-height:35px; font-size:16px; color:#FFF; display:block; background:#000;}
.bottom_kv .box1 img{width:100%; height:100%; display:block;}
.slides li{ background-position:center center; background-repeat:no-repeat; background-size:cover;}
.txt_flex{ display:none;}


.s_zone{ display:block;}
.nav_m{ display:none;}
.logo img{ width:60px;}
.main{ width:100%; position:relative;height:44px; background:#000;}
.zk{ position:absolute; right:0px; top:0; display:none; }
.s_zone{ width:100%; height:100%; position:fixed; left:100%; top:0; z-index:99; background:rgba(0,0,0,0.8); }
.sn_nav{ width:90%; height:100%; position:absolute; left:10%; top:0%; background:#FFF;}
.back_zone{ width:100%; height:44px; background:#000; position:absolute; left:0; top:0;}
.sn_nav ul { padding-top:42px;}
.sn_nav ul li { height:46px; line-height:46px; border-bottom:1px solid #cecece;}
.sn_nav ul li a{ display:block; height:46px; padding:0px 20px; color:#000000; font-size:18px; background:url(/smallapp/acafe/images/common/sanjiao.png) 90% center no-repeat; }




}	

.detail_c{ position:fixed; width:100%; height:100%; background:#FFFFFF; left:0; top:0; z-index:10;}

.pic_main{ width:100%; height:100%; position:absolute; left:0; top:0;}
.pic_main img{ position:absolute; left:0%; top:50%; -webkit-transform:translate(0,-50%);}

.comment_bg{  width:100%; }

.sl_up{ -webkit-transform:translate(0px,0px);}


@-webkit-keyframes totop{
	0%{ -webkit-transform:translate(0px,0px); opacity:1;}
	50%{ -webkit-transform:translate(0px,-5px); opacity:0.6;}
	100%{ -webkit-transform:translate(0px,0px); opacity:1;}
	
	
	
	}
.ttops{ -webkit-animation:totop 1s linear infinite;}
@-webkit-keyframes todown{
	0%{ -webkit-transform:translate(0px,0px); opacity:1;}
	50%{ -webkit-transform:translate(0px,5px); opacity:0.6;}
	100%{ -webkit-transform:translate(0px,0px); opacity:1;}
	
	
	
	}
.ttods{ -webkit-animation:todown 1s linear infinite;}
.closedss{ display:block; width:20px; position:absolute; right:10px; top:10px;}
.closedss img{ width:100%;}

.sno{ line-height:18px; font-size:14px; display:none;}
.snoi{ width:294px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%);}
.snoimg{ float:left; width:18px; margin-right:4px;}
.soninfo{ float:left;}
.zk{ display:block;}
.expand{ width:44px; display:block;}
.s_zone{ z-index:10000;}
#selfBoxMark{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10000;
    width: 100%;
    filter: alpha(opacity=50);
    background-color: #000;
    -moz-opacity: 0.5;
    opacity: 0.5;
}
#selfBoxContent{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10000;
    background: transparent !important;
}




.mobile_nav {
    width: 100%;
    background: #000000;
    height: 50px;
    display: none;
    position: relative;
}
.mobile_nav{ display:block; background:#000000;}
.s_zone{ display:block;}
#header{ height:auto; position:relative; z-index:1000;}	
.logo{ display:block; width:24%; height:100%; background:url(/smallapp/acafe/images/new/mobile/sony.png) left center no-repeat; background-size:100% auto; margin:0 auto; text-indent:-9999px; }
.mobile_login{ position:absolute; right:0; top:0; line-height:50px; margin-right:5%; min-width:30px;}
.zk {
    position: absolute;
    left: 5%;
    top: 0;
    display: block;
	width:5%;
	height:100%;
	background:url(/smallapp/acafe/images/new/mobile/s.png) left center no-repeat;
	background-size:100% auto;
	text-indent:-9999px;
}
.mobile_login a{ color:#ffffff; font-size:14px;}


.mn_zk{background:#ffffff;}

.mn_zk .logo{ display:block; width:24%; height:100%; background:url(/smallapp/acafe/images/new/mobile/sony1.png) left center no-repeat; background-size:100% auto; margin:0 auto; text-indent:-9999px; }
.mn_zk .zk {
    position: absolute;
    left: 5%;
    top: 0;
    display: block;
	width:5%;
	height:100%;
	background:url(/smallapp/acafe/images/new/mobile/a_s.png) left center no-repeat;
	background-size:100% auto;
	text-indent:-9999px;
}
.mn_zk .mobile_login a{ color:#000000; font-size:14px;}


.m_navs{ background:#000000; width:100%; position:absolute; left:0; top:50px; display:none;}
.m_navs ul li{ height:56px; float:left;width: calc(33% - 18px);}
.m_navs ul li:nth-child(1){ width:56px;}
.m_navs ul li a{ display:block; height:56px; margin-left:5%; line-height:40px; color:#FFFFFF; font-size:18px;}
.m_navs ul li a.mindex{ display:block; width:56px; height:100%; background:url(/smallapp/acafe/images/new/mobile/home.jpg) left center no-repeat; background-size:auto 56px; text-indent:-9999px; margin-left:0%; }
.m_navs ul li a.mxue{ display:block; width:56px ;height:100%; background:url(/smallapp/acafe/images/new/mobile/xue.jpg) left center no-repeat; background-size:auto 56px;  text-indent:-9999px; margin:0 auto;}
.m_navs ul li a.mshang{ display:block; width:56px ;height:100%; background:url(/smallapp/acafe/images/new/mobile/shang.jpg) left center no-repeat; background-size:auto 56px;  text-indent:-9999px; margin:0 auto; }
.m_navs ul li a.msai{ display:block; width:56px;height:100%; background:url(/smallapp/acafe/images/new/mobile/sai.jpg) left center no-repeat;background-size:auto 56px;  text-indent:-9999px; margin:0 auto; }






.check_title{ width:100%; position:relative; color:#3e3e3e; font-size:16px;}
.nqk{ color:#64c3f1; font-size:12px; position:absolute; right:0; top:2px; display:none;}
.check_mcon{ padding-top:20px;}
.check_mcon p { float:left; height:24px; line-height:24px; color:#3e3e3e; font-size:12px;}
.check_mcon .input_z{ margin-left:60px;}
.input_z input{ width:100%; border:1px solid #a6a6a6; height:24px; background:#ffffff; color:#3e3e3e; font-size:12px; padding-left:6px;}
.xzzt{height:24px; line-height:24px; color:#3e3e3e; font-size:12px;}
.xzhuti{ padding-top:14px;}


.p3_pop a {
    display: block;
    float: left;
    line-height: 26px;
    color: #696969;
    font-size: 12px;
    margin-left: 2px;
    padding: 0 12px;
    height: 26px;
    text-align: center;
	margin-bottom:5px;
}
.p3_pop a.a_hover {
    color: #ffffff;
    border-radius: 6px;
    background: url(../images/dele.png) right top no-repeat #2883ca;
}
.spop {
    width: 60%;
    border: 1px solid #A8A8A8;
    background: rgba(255,255,255,1.00);
    position:fixed;
    height: 200px;
    overflow: hidden;
        overflow-y: hidden;
    overflow-y: auto;
    z-index: 999;
}
.spop li {
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 4px;
    padding-left: 2px;
}


#a_main ul li{ padding-bottom:30px;}
.avater_z{ border-bottom:1px  solid #eeeeee; padding:12px 0 ;}
.v_ater { float:left; line-height:24px; padding-left:4%;}
.v_ater img{ width:20px; float:left; padding-top:2px; border-radius:50%;}
.v_ater span{ padding-left:6px;}
.v_op{ float:right; padding-right:4%;}
.share_btn{ width:24px; height:24px; display:block; background:url(../images/share.png) left center no-repeat; background-size:auto 100%; text-indent:-9999px; float:left;}
.comment_btn{width:27px; height:24px; display:block; background:url(../images/comment.png) left center no-repeat; background-size:auto 100%; text-indent:-9999px; margin-right:20px; float:left;}
.vote_btn{width:28px; height:24px; display:block; background:url(../images/vote.png) left center no-repeat; background-size:auto 100%; margin-right:20px; float:left; position:relative;}
.vote_btn span{ display:block; width:50px; position:absolute; left:2px; top:-9px; text-align:center;}
.vote_btn span font{ display:inline-block; height:16px; padding:0 5px;  line-height:16px; color:#64c3f1; font-size:12px; background:#fff; border-radius:5px;}


.v_op .active{background:url(../images/vote_act.png) left center no-repeat; background-size:auto 100%;}
.t_t{ padding:10px 4% 14px ;}
.t_title{ float:left; color:#2e2e2e; font-size:14px; font-weight:bold;}
.t_time{ font-size:12px; float:right; color:#cacaca;}
.t_comment{ padding:0 4%;}
.t_comment p{ line-height:18px; color:#878787; font-size:12px;}
.t_comment p span{ font-weight:bold;}
.t_c_i{ background:url(../../images/new/index/tcomment.png) left 1px no-repeat; background-size:16px auto; padding-left:20px;}


.wj_b{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; background:rgba(0,0,0,0.6); display:none;}	
.wj_c{ width:80%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%);}
.wj_close{ width:30px; position:absolute; top:-30px; right:0px;}
.wjp{ display:none;}
.wjm{ display:block;}


.c_infos{ width:100%; height:3.7rem; background:#f6f6f6;}
.c_cmain{ width:7rem; margin:0 auto; position:relative;}
.pad30{ padding-top:0.3rem;}
.c_avater{ width:0.7rem; border-radius:50%; float:left;}
.c_if_m{ margin-left:0.9rem; position:relative;}
.cif_pic{ width:3.57rem; position:absolute; right:0; top:0;}
.c_if_cm{ width:2.52rem; height:2.1rem; border-bottom:1px solid #d9d9d9;}
.cif_name{ font-size:0.26rem; color:#303030; font-weight:bold;}
.cif_title {
    color: #828282;
    font-size: 0.22rem;
    line-height: 0.4rem;
    padding-bottom: 0.1rem;
    height: 0.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 2.5rem;
    word-break: break-word;
    white-space: nowrap;
}

.cif_camera{ font-size:0.16rem; color:#bababa; line-height:0.26rem; background:url(/smallapp/acafe/images/new/mobile/comment/icon1.png) left center no-repeat; background-size:0.16rem 0.16rem; padding-left:0.28rem;}
.cif_lens{ font-size:0.16rem; color:#bababa; line-height:0.26rem; background:url(/smallapp/acafe/images/new/mobile/comment/icon2.png) left 0.05rem no-repeat; background-size:0.16rem 0.16rem; padding-left:0.28rem;}
.cif_exif{ font-size:0.16rem; color:#bababa; line-height:0.26rem; background:url(/smallapp/acafe/images/new/mobile/comment/icon3.png) left center no-repeat; background-size:0.16rem 0.16rem; padding-left:0.28rem;}
.c_comment_title{ color:#181818; font-size:0.22rem; position:absolute; left:0; top:2.1rem;}
.c_mcon{ overflow:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch; height:calc(100% - 4.7rem ); padding-top:0.3rem; -webkit-box-sizing:border-box;}
.cm_comment{ padding-left:0.25rem; }
.c_coment_z{ width:100%; height:1rem; background:#f6f6f6; position:absolute; left:0; bottom:0; z-index:9999;}
.pad24{ padding-top:0.24rem;}
.cc_m_avater{ width:0.46rem; border-radius:50%; float:left; margin-top:0.05rem;}
.cc_a_input{ width:6.34rem; height:0.56rem; background:#e4e4e4; margin-left:0.6rem; padding-left:0.15rem; -webkit-box-sizing:border-box; position:relative;}
.cc_a_input input{ width:5.65rem; height:0.56rem; font-size:0.22rem; color:#222222; background:none; border:0 none; appearance:normal;}
.cc_csubmit{ display:block; width:0.36rem; height:0.33rem; position:absolute; right:0.15rem; top:0.115rem; text-indent:-9999px; background:url(/smallapp/acafe/images/new/mobile/comment/comment_btn.png) no-repeat; background-size:100% auto;}	

.cm_comment ul li{ margin-bottom:0.3rem;}
.c_s_avater{ width:0.56rem; float:left; border-radius:50%;}
.c_s_if{ margin-left:0.75rem; border-bottom:1px solid #d9d9d9; color:#535353; font-size:0.22rem; line-height:0.34rem; }
.c_s_if span{ color:#4f4f4f; font-size:0.22rem; font-weight:bold;}
.d_s_des{ width:6.1rem;}
.c_s_time{ padding:0rem 0 0.3rem 0; color:#b1b1b1; font-size:0.18rem;}
.c_s_if span.szk{ color:#4cbcf6;}

.nocomeng{ display:none;}


.load_c1{width:0.33rem; height:0.33rem; display:none; position:absolute; right:0.15rem; top:0.1rem; float:none; }
.load_ct1{ width:0.33rem; height:0.33rem; margin:0 auto; }
.load_ct1 img{  display:block; width:100%;}

.c_avater img { border-radius:50%;}
.c_s_avater img{border-radius:50%; }
.extra_s{ display:none;}
.cc_m_avater img{ border-radius:50%;}

.view_more_c{ color:#64c3f1; font-size:12px; }
p.v_c_p{padding-top:4px;}