@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;list-style:none;}
body{font: 12px/1.5 "microsoft yahei",simsun,arial;color: #333;background-color: #f8f8f9;}
input {font-family:"microsoft yahei",simsun,arial;}
a{text-decoration:none;color:#333;outline:0;}
a:focus {outline:none;-moz-outline:none;}
i,em{font-style:normal;}
img {border:0px;}
.l{float:left;}
.r{float:right;}
.clear{clear:both;}
.f14 {font-size:14px;}
.f12 {font-size:12px;}

.top{position: fixed;height:50px;line-height:50px;background:#fff;border-bottom:1px solid #eee;color#333;top:0;right:0;left:0;z-index: 1000;}
.top_area{width:1135px;margin:auto; font-size:14px;color:#999;position:relative;background:url(/images/logo_30.png) no-repeat 0 center;padding-left:35px;}
.top_area li{display:inline-block;}
.top_area li{ *display: inline }
.top_area .l li{padding:0 20px 0 0;}
.top_area .r li{padding:0 0 0 20px;}
.top_area a{color:#999;}
.top_area a.on {color:#333}
.top_area a:hover{color:#333}
#top_user{position: relative;background: url(/images/icon-top-user.gif) no-repeat 0px 15px;  padding-left: 25px;}
.user_menu{position: absolute;background: #fff;text-align: left;box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.2);border: 1px solid #ccc;left:0px;top: 40px;width: 60px;padding: 6px 14px;line-height: 28px;}


.bananer{width:100%;min-width:1170px;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#f02349',endColorstr='#fe8d79',GradientType=1);
background:-webkit-linear-gradient(-45deg,#f02349 0,#fe8d79 70%);
background:linear-gradient(135deg,#f02349 0,#fe8d79 70%);
background:-moz-linear-gradient(left, #f02349, #fe8d79); 
background:-o-linear-gradient(left, #f02349, #fe8d79); 
}
.bananer h1{padding:120px 0 100px 120px;font-weight:300;font-size:38px;line-height:80px;color:#f1f2f3;font-family:'楷体';background:url('/images/b17.png') no-repeat right bottom;}
.bananer h2{padding:90px 0 30px ;font-weight:300;font-size:38px;line-height:80px;color:#f1f2f3;font-family:'楷体';text-align:center}
.bananer h1 a{cursor: pointer;font-size:14px;font-family:"microsoft yahei";display:inline-block;height:30x;line-height:30px;padding:3px 18px;margin:50px 0 0 150px;border-radius:4px;background:#fe8d79;color:#fff;border:1px solid #ccc;}

.main {width:1172px;margin:auto;padding-top:30px;position:relative;}
.current .blink{color: #c00;}
.select_btn{text-align:center;padding:18px;font-size:14px;}
.select_btn a{display:inline-block;padding:8px 26px;border-radius:20px;background:#0066cc;border:3px solid #aacef0;color:#fff;letter-spacing:2px;}
.select_menu {background:#e6e7e8;line-height:35px;padding:0 8px; margin-top:30px;border:1px solid #ddd;}
.select_menu span{float:right;font-weight:300;}


.arclist {margin:0 -15px;}
.arclist:after {content:' ',display:table,clear:both;}
.arclist ul {margin: 20px 5px 0 5px; font-size:14px;}
.arclist li {float:left;width:18%;margin:1%;height:298px;}
.arclist li span{word-break:break-all;word-wrap:break-word;line-height:23px;}
.arclist li span a{color:#555;}
.arclist li .item{display:block;padding:8px;height:280px;border:1px solid #ccc;overflow:hidden;background-color:#fff;border-radius:3px;}
.arclist li .item h3{font-size:16px; height:28px;margin-bottom:2px;;width:100%;overflow:hidden;}
.arclist li img {width:100%}

.ztlist {margin:0 -15px;}
.ztlist:after {content:' ',display:table,clear:both;}
.ztlist ul {margin: 20px 5px 0 5px; font-size:14px;line-height:28px;}
.ztlist li {float:left;width:96px;;margin:6px;text-align:center;}
.ztlist li a{display:block;border:1px solid #ccc;background-color:#fff;border-radius:2px;}
.ztlist li a:hover {color:#ff4500;}


.login_form{width:290px;margin:20px auto;}
.login_form form{margin-bottom:32px;}
.login_form p{margin-bottom:20px;}
.login_form .ipt{width:288px;height:37px;line-height:37px;margin-bottom:5px;text-indent:36px;border:1px solid #ddd;}
.login_form .ipt_u{background:url('/images/icon-user.gif') no-repeat 10px 10px; }
.login_form .ipt_p{background:url('/images/icon-pw.gif') no-repeat 10px 10px;}

.sns_login{text-align:center;margin-bottom:28px;}
.sns_login a {display:inline-block;width:86px;height:39px;line-height:39px;font-size:14px;background:url(/images/social_btn.gif) no-repeat 0 0;padding:0 0 0 50px;color: #333;text-align:left;}
a.sns_wb {background-position: -138px 0;}
a.sns_qq {background-position: 0px 0;}
a.sns_wb:hover {background-position: -138px -39px}
a.sns_qq:hover {background-position: 0 -39px;}
/**goTop**/
#gotop {cursor:pointer;display:none;position:fixed;_position:absolute;right:20px;bottom:145px;_bottom:expression(eval(document.documentElement.scrollTop));font-size:28px;background:#ddd;color:#fff;float:right;width:50px;height:50px;border-radius:30px;overflow:hidden;z-index:1;text-align:center;}
#gotop:hover{background:#999}
/*button*/
button{box-shadow:rgba(0, 0, 0, 0.01) 0px 1px 2px;font: 12px/1.3 'Arial','Microsoft YaHei';transition:background-color 300ms;-moz-transition:background-color 300ms;-webkit-transition:background-color 300ms;-o-transition:background-color 300ms;}
button:hover{box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 1px;}
button:focus{outline:0;}
button.btn_loading{background:url("/images/loading.gif") no-repeat 5px center ;}
button.btn_0{cursor: pointer;background-color:#fff;margin:12px; line-height:24px;font-size:13px;border-radius:2px;color:#333;border:1px solid #ccc;;padding:0px 12px;}
button.btn_0:hover {background-color:#f7f7f7;}
button.btn_0:focus{outline:0;background-color:#f1f1f1;}
button.btn_1{cursor: pointer;background-color:#e97155;margin:12px; line-height:26px;font-size:13px;border-radius:2px;color:#fff;border:0;padding:0px 12px;}
button.btn_1:hover {background-color:#bb391b;}
button.btn_1:focus{outline:0;background-color:#8d1c01;}
button.btn_2{background-color:#00a1cb;color:#fff;padding:3px 12px;font-size:13px;border:0;cursor:pointer;line-height:24px;border-radius:2px;}
button.btn_2:hover {background-color:#0180a1;}
button.btn_2:focus{outline:0;background-color:#015c73;}
button.btn_3{background-color:#3f89ec;color:#fff;font-size:16px;border:0;cursor:pointer;line-height:36px;height:38px;padding:0 24px;border-radius:2px;}
button.btn_3:hover {background-color:#4f99ec;}
button.btn_3_no{background-color:#dadad9;color:#fff;font-size:18px;border:0;cursor:pointer;line-height:36px;height:38px;padding:0 24px;border-radius:2px;margin-left:30px;}
button.btn_3_no:hover {background-color:#ebebeb;}
button.btn_loading1{padding-left:26px;}
button.disabled{color:#666;text-shadow: #ccc 1px 1px 0;}

.icon_i {display:inline-block;background:url(/images/ico.png) no-repeat;width:18px;height:16px;vertical-align:text-bottom;}
.icon_views{background-position: 0px 1px;}
.icon_like{background-position: 0px -17px;}
.icon_points{background-position: 0px -37px;}
/*ico*/
.ico{display:inline-block;background:url(/images/ico.png) no-repeat;font-style: normal;width:20px;height:20px;vertical-align:text-bottom;}
.ico-view{background-position:1px 4px;}
.ico-like{background-position:1px -16px;}
.ico-points{background-position:1px -35px;}
.ico-tips{ background-position:0 -56px;}
.ico-d{ background-position:0 -82px;}
.ico-share{ background-position:0 -106px;}

.footer{font-size:12px;line-height:26px;padding:20px;margin-top:50px;color:#666;border-top:1px solid #e5e5e5;background:#efefef;min-width:1000px;text-align:center;}
.footer img{border:0px;}
.footer a{color:#666;}
.footer a:hover{color:#000;}