www.gusucode.com > 高端网络公司+论坛网站源码程序 > 高端网络公司+论坛/整站安装/整站源码/template/week_touch/touch/images/wk_style.css

    @charset "gb2312";

/* ----------------------------------
Discuz! X3.0 X3.1 X3.2 (C) 周末设计
http://www.haoweek.com
----------------------------------*/


.bg { background:#F1F1F1; }
.clear{ clear:both;}

.wk_header { width:100%;  background:#FFF; padding:0; overflow:hidden;}
.fix{*zoom:1;}
.fix:after{clear: both;content:"";display: table;}
.wk_fl{float:left;}
.wk_fr{float:right;}
.width100{width:100%;}

/* header begin */
.wk_header { width:100%; height:60px; overflow:hidden; }
.wk_header header{ padding:10px 0;}
.wk_header header h1{width:55%; overflow:hidden;}
.wk_header header .wk_nav{width:40px; height:40px; overflow:hidden; }
.wk_header .wk_fl img { height:40px; width:150px; }
.wk_top_nav{display:none; background:#FFF;}

.search { padding:15px 20px}
.wk_search { background:#FFF; padding-left:10px; }
.wk_searchsinp { width:100%; padding:5px 0; border:0px; font-size:16px}
.wk_scbar_btn_td { width:60px; }
.wk_sbtn { background:#999; height:40px; line-height:40px; width:60px; border:0px; text-align:center; color:#FFF; }

.sub_forum { border:none; border-radius:0; }
.forumlist .wk_forum { position:relative; margin:8px 0 0 0; border:1px solid #eaeaea; border-right:0; border-left:0; background:#FFF; }
.wk_forum_hd { height:40px;line-height:40px; border-bottom:1px solid #eaeaea; font-size:15px; }
.wk_forum_hd h2 { display:inline-block; padding:0 10px; font-size:17px; font-weight:normal; color:#222; }
.wk_forum_hd div.links { position:relative; float:right; }
.wk_forum_hd div.links span.o img { margin-top:10px; margin-right:10px; text-align:center;}
.wk_forum_item { position:relative; border-right:1px solid #efefef; margin-right:-1px; border-bottom:1px solid #efefef; margin-bottom:-1px; overflow:hidden; width:100%;}
.wk_bkimg { float:left; width:60px; height:60px; margin-right:20px }
.wk_bkimg a img { display:block; width:60px; border-radius:2px; }
.wk_bkimg .wkspan { width:100%; height:100%; font-size:4.4em; text-align:center; line-height:60px; border-radius:2px; color:#FFF; }
.z.wk_forum_item .wk_bkimg { width:50px; height:50px; }
.z.wk_forum_item .wk_bkimg a img { width:50px; }
.z.wk_forum_item h3 { margin-top:10px; font-size:1.2em; font-weight:normal; }
.z.wk_forum_item dd { font-size:12px; height:1.5em; line-height:1.5em; color:#AAA; overflow:hidden;}
.wk_forum_item a { display:block; min-height:50px; margin:10px; }
.wk_forum_item a h3 { font-size:14px; }
.wk_forum_item a p { font-size:12px; height:1.5em; line-height:1.5em; color:#999; overflow:hidden; }
.wk_forum_item .nums { font-size:1.1em; color:#999; }
.wk_forum_item .num { position:absolute; line-height:18px; padding:0 10px; top:10px; right:0; border-radius:5px; margin-right:10px; color:#FFF; opacity:0.6; background:#03F; }

.post_from, .post_msg_from {width:92%; padding:6% 4%!important;float:left; padding-bottom:20px;position:relative;background:#FFF;}
.post_from  ul li, .post_msg_from ul li { background:#F0F0F0; margin-bottom:10px; border-radius:5px; }
.bl_line input { min-height:30px; line-height:28px; margin:8px 0; border:0; }
.bl_none { min-height:120px; line-height:28px; }

.week_nv{position: relative;height:auto;padding: 0; border-bottom:10px solid #DDD; background:#FFF;}
.week_nv .week_nv-wp{overflow: hidden;margin:0 36px;height:36px;}
.week_nv ul{display: -webkit-box;display: -moz-box;display:box;margin-left: 0;-webkit-transition: .5s -webkit-transform ease-in-out 0;transition: .5s transform ease-in-out 0; width:100%; height:38px;}
.week_nv li{height:38px;text-align: center;}
.week_nv li a{display: block;padding:0 10px;height: 34px;color:#999;font-size:14px;line-height: 36px;}
.week_nv li.a a{border:0px; border-bottom:2px solid #ea3340;color:#ea3340; }
.week_nv .week_nv-arrow{position: absolute;top: 0;width: 36px;height: 36px;text-align: center;line-height: 34px;}
.week_nv .week_nv-arrow:after{display: inline-block;width: 10px;height: 10px;content: "";vertical-align: middle;}
.week_nv .week_nv-arrow-l{left: 0;}
.week_nv .week_nv-arrow-l:after{border-top: 2px solid #ccc;border-left: 2px solid #ccc;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.week_nv .week_nv-arrow-r{right: 0;}
.week_nv .week_nv-arrow-r:after{border-top: 2px solid #ccc;border-right: 2px solid #ccc;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.wk_th_types{overflow-y:hidden;width:100%;height:44px;}

.wk_list { margin:0 auto; width:100%; background-color:#FFF; border:1px solid #DDD; border-left:0; border-right:0; position:relative; overflow:hidden;}
.wk_list .wk_listul { width:100%; overflow:hidden;}
.wk_list .wk_listli { float:left; list-style:none; width:100% ;background:#F6F6F6; overflow:hidden; border-bottom:1px solid #DDD;}
.wk_list .wk_yse { background:#FFF;}
.wk_list .wk_listli img.wk_list_pic { display:block;float:left;margin:14px 10px 10px 10px;}
.wk_list .wk_listli a { display:block;position:relative;overflow:hidden;}
.wk_list .wk_listli .wk_list_txt { margin:10px; position:relative;overflow:hidden;}
.wk_list .wk_listli .wk_list_txt h2 { height:20px;margin-bottom:5px;font-size:1.3em;float:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.wk_list .wk_listli .wk_list_txt p  {height:40px;color:#999; line-height:20px; font-size:1.1em;float:none;overflow:hidden;}
.wk_list .wk_listli .wk_list_txt span { font-size:1em;height:20px;color:#999; line-height:20px; }
.wk_list .wk_cat { width:100%;float:left;border-bottom:1px solid #DDD;}
.wk_list .wk_cat li { float:left;padding:5px;}

.wk_list_about { width:92%;padding:20px 4%;float:left; position:relative;background:#FFF;border-top:1px solid #DDD;}
.wk_list_about .wk_about { line-height:24px;font-size:10.5pt;}
.wk_list_about .wk_about p {text-indent:2em;}
.wk_list_about .wk_about img { max-width:100%}

.wk_view {width:92%;padding:0 4%!important;float:left; padding-bottom:20px; position:relative;background:#FFF;border-top:1px solid #DDD;}
.wk_view .wk_nruv h1{margin:8px 0;font-size:1.4em;}
.wk_view .wk_nruv .pipe { color:#BBB; margin:0 4px;}
.wk_view .wk_nruv p,.wk_view .notb p a{color:#999;}
.wk_view .wk_nruv .wk_smary{font-size:11pt;padding:10px 0px;color:#999; font-size:12px; margin:10px 0;border-bottom:1px solid #DDD;border-top:1px solid #DDD;}
.wk_view .wk_nruv .wk_smary strong{color:#666;}
.wk_view .wk_multi{line-height:22px;font-size:12pt;}
.wk_view .wk_multi img{max-width:100%}
.wk_view .wk_share{width:90%;padding:5px 5% 0 5%;border-radius:5px;margin:10px 0;float:left;background-color:#F0F0F0;}
.wk_view .wk_share h3,.wk_view .wk_share .bdsharebuttonbox{line-height:28px;padding-right:10px;float:left;}
.wk_view .wk_share .bdsharebuttonbox{width:150px;}
.wk_view .wk_next { width:100%;}
.wk_view .wk_next em { width:100%;line-height:25px;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;}
.wk_view .wk_related { float:left;padding:10px 0; width:100%; border-top:1px solid #DDD;}
.wk_view .wk_related h3 { margin:10px 0; font-size:14px; }
.wk_view .wk_related li { list-style:noen;line-height:25px; height:25px; width:100%;float:left;}
.wk_view .wk_related li a{ font-size:14px; }
.w_h20 { height:10px; overflow:hidden; }

.threadlist, .postlist { position:relative; margin:8px 0 0; border:1px solid #eaeaea; background:#FFF;}
.wk_wye { background:#F6F6F6; }
.nothread { position:relative; margin:0; border:0; border-radius:0; background:none;}
.plc .pi .message { margin-top: 10px; text-shadow:1px 1px 0 #FFF;}
.plc .pi { margin-left: 10px; margin-bottom:20px;}
.plc .pi .authi { margin-left: 45px;}
#fastpostsubmitline .sec_code.vm{ padding: 5px 0;}
.sec_code.vm .txt.px.vm{ margin-top: 5px; line-height: 27px; padding-left: 5px;}
.plc .avatar img { border-radius: 50%;}
.threadlist ul .num { background-image:url(icon_reply.png); }

.wk_shjump { padding:20px;border-radius:10px; margin:10% 10%; background:#FFF;}
.wk_shjump div { font-size:16px; color:#333; line-height:40px; padding-bottom:20px;}
.wk_jump_c { display:block; width:45%; float:left; height:40px; line-height:40px; text-align:center; background:#EA3340; border-radius:10px;color:#FFF; font-size:16px;}
.wk_jump_ba { display:block; width:45%; float:right; height:40px; line-height:40px; text-align:center; background:#EA3340; border-radius:10px;color:#FFF; font-size:16px; }
.wk_jump_b { display:block; height:40px;line-height:40px; text-align:center; background:#EA3340; border-radius:10px; color:#FFF; font-size:16px;}

.btn_pn { margin-top:10px; margin-right:10px;}

.wk_fwkd { padding:25px 30px; background:url(login_bg.jpg) no-repeat center center; }
.wk_log h2 { line-height:25px; padding-bottom:5px;}
.wk_log .wk_x { float:right;}
.wk_loginbox { padding:20px; border-radius:8px; background:#E6E6E6; opacity:0.9;}
.wk_log_tit { height:24px; line-height:14px; text-align:center; font-size:18px;}
.wk_log_tit span { float:right; display:block; width:30px; height:30px; font-size:18px; text-align:center;}
.wk_onli { background:#FFF; height:30px; line-height:20px; overflow:hidden; padding:5px 0;width:100%; text-indent:10px; margin-bottom:10px;border-radius:8px;}
.wk_onli .sec_code, .wk_onli .login_select { margin:0; padding:0; line-height:30px;}
.wk_onli .sec_code input { float:left; }
.wk_onli .sec_code img { margin-left:5px; float:left; height:30px; }
.wk_onli input { border:0px; height:20px; line-height:20px; font-size:16px;width:90%; padding:5px 0;}
.wk_sebtn { line-height:30px; color:#999; font-size:16px; height:30px;}
.wk_sebtn img { float:right; margin:5px 10px 0 0;}
.wk_btn_register button { height:40px; width:100%; text-align:center; border:0px;border-radius:8px; color:#FFF; font-size:18px; background:#666;}
.wk_qqbtn, .wk_reg_link { height:40px; margin-top:10px; width:100%; line-height:40px; text-align:center; border:0px;border-radius:6px; color:#FFF; font-size:18px; background:#666;}
.wk_qqbtn a, .wk_reg_link a { display:block; color:#FFF;}

.wk_scrolltop {display:none; }
.footer { padding-top:15px; padding-bottom:60px; }

.wk_userinfo_inner{ background:url(lights.jpg) bottom center no-repeat; margin-top:-10px; background-size:100%; }
.wk_userinfo_hd{ padding:30px 0; text-align:center; }
.wk_userinfo_hd .wk_avatar { display:inline-block; margin:0 auto; }
.wk_userinfo_hd .wk_avatar img{ width:70px; height:70px; border-radius:50%; border:1px rgba(0,0,0,.3) solid; }
.wk_userinfo_hd h2{ font-size:16px; color:#EEE; text-shadow:1px 1px 0 rgba(0,0,0,.5); }
.wk_userinfo_box{ margin:20px; }
.wk_userinfo_box ul{ border:1px #DDD solid; border-bottom:0; }
.wk_userinfo_box li{ line-height:40px; border-bottom:1px #DDD solid; background:#FFF; padding:0 10px; font-size:14px; }
.wk_userinfo_box li span{ float:right; }
.wk_userinfo_exit{ margin-bottom:60px; }
.wk_userinfo_exit a { font-size:0; line-height:0;}
.wk_myinfo_list{ margin:20px 10px 20px 10px; }
.wk_myinfo_list ul{ width:90%; margin:0 auto; border:0 }
.wk_myinfo_list li{ float:left; width:46%; height:60px; margin:1%; border:1px solid #DDD; background:#FFF; }
.wk_myinfo_list li a{ display:block; line-height:60px; text-align:center; font-size:16px; }
.pmbox li{ height:auto; }
.pmbox li .avatar_img img{ border-radius:50% 50% 5px 50%; }
.msgbox .avat img{ border-radius:50%; }


/* footer begin */

.wk_copyright{line-height:1.5;color:#999999; text-align:center; padding:5%;padding-bottom:20%;}

/* floatnav begin */
.wk_ft_nav { background:#555; height:50px; position:fixed; width:100%; bottom:0px; color:#333; }
.wk_ft_nav dd { float:left; width:25%; text-align:center; height:50px; overflow:hidden}
.wk_ft_nav dd a { display:block; height:50px; }
.wk_ft_nav dd img { height:50px; width:50px; }
.wk_ft_nav .on { background:#EA3340; }


.wk_modn { background:#F0F0F0; border-top:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; height:40px; overflow:hidden; width:100%; }
.wk_modn .row a, .wk_modn .row span, .wk_modn .row em{ display:inline-block; font-size:14px;height:40px;line-height:40px;margin:0 2px;}
.wk_modn .row { white-space:nowrap;}
.wk_modn .row a:first-child{ width:15px;height:15px;margin-left:12px; margin-bottom:-3px; padding-right:3px;background:url(home.png) no-repeat bottom center;background-size:15px 15px;}
.wk_modn .row span{color:#555;}
 .wk_modn .row em { font-size:10px; color:#AAA; margin:0; padding:0; }

.mt-mb { margin:0 0 -10px 0;}