/* 
 * @description: 养猪赚钱计算器
 * @author: meijiao.ping (2015-3-11 15:40:10)
 * @update:  meijiao.ping (2015-3-11 15:40:10)
*/

@charset "utf-8";

/* base */
body{ font:12px/1.5 "宋体",Verdana; color:#666; background:url(../images/y_pbg.png?t=783ede0) repeat left top; background-size:27px 27px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ margin:0; padding:0;}
li{ list-style-type:none;}
img{ vertical-align:top; border:0;}
ol,ul { list-style:none;}
h1,h2,h3,h4,h5,h6,input{ font-size:12px; font-weight:normal;}
address,cite,code,em,th{ font-weight:normal; font-style:normal;}
input{ outline:0; vertical-align:middle;}
input,textarea,select{ -webkit-appearance:none; -webkit-border-radius:0; outline:0;}


/* public */
.fb{ font-weight:bold;}
.left{ float:left;}
.right{ float:right;}
.clear{ zoom:1;}
.clear:after{ content:''; display:block; clear:both;}
.hied{ display:none;}
.wrap{ width:960px; margin:0 auto;}
.box10{ height:10px; clear:both;}
.box8{ height:8px; clear:both;}
.box30{ height:30px;}
.box100{ height:100px;}
.box5{ height:5px;}
.t_left{ text-align:left;}
.t_right{ text-align:right;}


/* font link */
a{ text-decoration:none; color:#333;}

/* font color */
.yahei{ font-family:"微软雅黑";}
.arial{ font-family:"Arial"}
.f140{font-family:"宋体"}
.red{ color:#c10000;}
.red1{ color:#ff3f3f;}
.black{ color:#333;}
.white{ color:#fff;}
.gray_l{ color:#666;}
.gray_9{ color:#999;}
.yellow1 { color:#918976;}
.blue{ color:blue;}
.yellow{ color:#ffe63c;}
.yellowred{ color:#ff4a00;}
.radius5{ border-radius:5px;}
.green{ color:#027710;}


/* font size */
.f14{ font-size:14px;}
.f28{ font-size:28px;}
.f20{ font-size:20px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f24{ font-size:24px;}
.f22{ font-size:22px;}
.f30{ font-size:30px;}
.f140{ font-size:140px;}
.h_border{ border:1px solid #b1b1b1;}
/* box */
.t_center{ text-align:center;}
/*Siningmeeting*/

/*praise*/
.wrap640{ width:100%; overflow:hidden; margin:0 auto; max-width:640px; }
/*.wrap640 img,.wrap640 .btngb,.headpoh{ width:100%; max-width:640px; }
*/.wrap640 input{ max-width:600px;}

/*historymessage*/
.h_padding{ padding:10px; overflow:hidden;}
.y_table{ width:80%; margin:0 auto;}
.y_topline{ background:url(../images/datebg.png?t=783ede0) repeat-x left center; background-size:2px 3px; height:3px;}
.bgleft{ background:url(../images/left0.fw.png?t=783ede0) no-repeat center; background-size:21px 25px; height:25px; width:21px; position:absolute; top:1px; left:-21px;}
.bgright{ background:url(../images/right0.png?t=783ede0) no-repeat right center; background-size:21px 25px; height:25px; width:21px; position:absolute; top:1px; right:0;}
/*.y_bgtable{ overflow:hidden; background:url(../images/datebg.png?t=783ede0), url(../images/right0.png?t=783ede0), url(../images/datebg.png?t=783ede0),  url(../images/left0.fw.png?t=783ede0); background-repeat:repeat-x, no-repeat, repeat-x, no-repeat; background-size:2px 3px, 21px 25px, 2px 3px, 21px 25px; background-position:left top, right center, left bottom, left center; border-radius:20px;}
*/
.y_date{ position:relative; margin-left:21px; padding-right:21px; height:24px;}
.y_sup{ width:100%; margin-left:1px; }
.y_sup em{ display:block;}
.y_sup0{ background:url(../images/support.png?t=783ede0) no-repeat 20% center; background-size:34px 34px; display:block; height:34px; padding-left:46%;}
.y_sup1{ background:url(../images/oppose.png?t=783ede0) no-repeat 20% center; background-size:34px 34px; display:block; height:34px;  padding:10px 0 0 46%;}
.y_sup td{ border-left:2px solid #ddd0b4; border-bottom:2px solid #ddd0b4; padding:18px; width:50%;}
.y_evbg span{ display:inline-block; background:none, url(../images/leftev.png?t=783ede0), none, url(../images/leftev.png?t=783ede0); background-repeat:no-repeat, no-repeat, no-repeat, no-repeat; background-size:auto, 17px 16px, auto, 17px 16px; background-position:bottom, right, bottom, left; padding:0 23px;}
.y_evbg{ padding:6px 0;}	
.y_line{ height:2px; background:#ddd0b4;}
.y_explain { padding:10px 5px;text-indent:2em; line-height:26px;}
.y_explainbg{ overflow:hidden; background:url(../images/bg_1.png?t=783ede0), url(../images/bg_2.png?t=783ede0), url(../images/bg_3.png?t=783ede0), url(../images/bg_4.png?t=783ede0); background-repeat:no-repeat, no-repeat, no-repeat, no-repeat; background-size: auto 15px, 18px auto, auto 15px, 18px auto; background-position:top, right, bottom, left;}
.y_expo{border:2px solid #ddd0b4; /*border-left:0;*/ padding-bottom:10px;}
.y_topimg{ position:absolute; top:-2px; right:-2px; z-index:2;}
.y_rightimg{ position:absolute; bottom:-2px; right:-2px; z-index:2;}
.y_bottomimg{position:absolute; bottom:-2px; left:-2px;z-index:2;}
.y_leftimg{ position:absolute; top:-2px; left:-2px;z-index:2;}
.y_expoout{ margin-left:25px; padding-right:23px;}
.y_exptop{/* background:url(../images/toplist.png?t=783ede0),*/ background:none, url(../images/img4.png?t=783ede0), none, url(../images/img0.png?t=783ede0); background-size:2px 3px, 23px 25px, auto, 23px 25px; background-position:23px top, right top, bottom, left top; background-repeat: repeat-x, no-repeat, no-repeat, no-repeat; height:25px;}
.t_top{/* background:url(../images/toplist.png?t=783ede0) repeat-x left top; background-size:2px 2px; height:2px; margin:0 21px;*/ background:url(../images/toplist.png?t=783ede0), none, url(../images/toplist.png?t=783ede0), none; background-position:left top, right, 50% center, left; background-repeat:repeat-x, no-repeat, repeat-y, no-repeat; background-size:2px 2px, auto, 2px 2px, auto; height:25px;  margin:0 21px;}
.y_exptop1{/* background:url(../images/toplist.png?t=783ede0),*/ background:none, url(../images/img2.png?t=783ede0), none, url(../images/img3.png?t=783ede0); background-size:2px 3px, 23px 25px, auto, 23px 25px; background-position:23px top, right top, bottom, left top; background-repeat: repeat-x, no-repeat, no-repeat, no-repeat; height:25px;}
.t_top1{ background:url(../images/toplist.png?t=783ede0) repeat-x left bottom; background-size:2px 2px; height:2px; margin:0 23px; height:25px;}
.y_tipbg{ display:inline-block; background: none, url(../images/tipright.png?t=783ede0), none, url(../images/tipleft.png?t=783ede0); background-repeat:no-repeat, no-repeat, no-repeat, no-repeat; background-position:top, right, bottom, left; background-size: auto, 11px 6px, auto, 15px 14px; padding:0 17px 0 21px;}
.y_tipbg0{ display:inline-block; background: none, url(../images/tipright0.png?t=783ede0), none, url(../images/tipleft.png?t=783ede0); background-repeat:no-repeat, no-repeat, no-repeat, no-repeat; background-position:top, right, bottom, left; background-size: auto, 11px 6px, auto, 15px 14px; padding:0 17px 0 21px;}