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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, p, img, table, tr, td, hr {margin:0; padding:0; border:0; list-style-type:none; outline:none; font-family: Arial, Helvetica, sans-serif; font-size:12px; }
.clr {
	clear:both;
	display:block;
	height:1px;
}
a{ color:#008ef0;}

.main{ width:320px; margin:0 auto;}
.title{ height:40px; background-color:#008ef0; font-size:16px; font-weight:bold; text-align:center; line-height:40px; color:#FFFFFF; position:relative;}
.title_fixed{ width:320px; height:40px; background-color:#008ef0; font-size:16px; font-weight:bold; text-align:center; line-height:40px; color:#FFFFFF; position:fixed; top:0px; z-index:998;}
.backIcon{ text-align:center; line-height:40px; position:absolute; top:10px; left:5px;}
.back{ font-size:16px; font-weight:normal; text-align:center; line-height:40px; color:#FFFFFF; position:absolute; top:0px; left:17px;}
.help{ position:absolute; top:7px; right:5px;}
.banner{ height:53px; background:url(../images/banner_bg.jpg) repeat-x bottom left; color:#008ef0;}
.banner ul{ margin-left:15px;}
.banner ul li{ float:left; line-height:17px; font-size:14px;}
.banner ul li.rfloat{ float:right;}
.banner ul li strong{ color:#ff0000; font-size:14px;}
.banner ul li.top{ margin-top:9px; margin-right:10px;}
.banner_text{ text-align:center; line-height:18px; padding-top:8px; font-size:14px;}

.contain{background-color:#f1eeee; margin:0 auto; padding:0; position:relative; top:40px;}
.list_a{clear:both; }
.list_a table{border-collapse: collapse; padding:0; margin:0 auto 3px;}

#left{ width:60px; text-align:center; color:#999999;}
.cpicon{position:relative;}
.new{ position:absolute; left:30px; top:-10px}

#middle{ width:190px; color:#999999; background:#fff; padding:5px;}
#middle ul li { margin-bottom:5px; line-height:17px;}
#middle ul li h1{ width:190px; font-size:15px; color:#655967; font-weight:bold; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }

#right{text-align:center; background-color:#56be8e; color:#FFFFFF;}
#right ul li{ font-size:12px; margin-bottom:5px;}
#right ul li strong{ color:#95e6c1;  font-size:14px;}
#right ul li h3{ font-size:18px;}

.ty{-webkit-border-radius:50px; -moz-border-radius:50px; background-color:#56be8e; border-radius:50px; width:40px; height:15px; color:#FFF; text-align:center; line-height:15px; float: left; margin-right:5px;}

.ty1{-webkit-border-radius:50px; -moz-border-radius:50px; background-color:#f3de4f; border-radius:50px; width:40px; height:15px; color:#666666; text-align:center; line-height:15px; float: left;}

.bg_note{ width:320px; background:url(../images/bg_note.png) repeat; height:100%; padding:70px 0 30px 0; text-align:center; position:fixed; z-index:999; top:0px; }
.bg_note_ex{ width:320px; height:100%; padding:0px 0px; text-align:center; position:fixed; z-index:999; top:0px; }
.table_note{ margin:0 auto; -webkit-border-radius:10px; -moz-border-radius:10px; background-color:#fff; border-radius:10px; width:260px; color:#999; text-align:center; line-height:15px; padding:15px; position:relative;}
.close{ position:absolute; right:8px;}
/*.table_note table tr td{ padding:5px 0;}*/
.note_title{ font-size:16px; text-align:center; color:#666; line-height:20px; font-weight:bold; padding:5px 0 10px 0;}
.note_txt{ text-align:left; line-height:18px; font-size:14px; padding:10px 0;}
.note_txt_ex{ text-align:left; line-height:18px; font-size:15px; padding:10px 0; color:#777;}
.note_txt_ex a{ font-size:15px;}

.bnt_note{ margin:0 auto; -webkit-border-radius:5px; -moz-border-radius:5px; background-color:#008ef0; border-radius:5px; width:100%; height:25px; color:#fff; text-align:center; line-height:25px; font-size:16px; font-weight:bold; padding:5px 0;}
.bnt_note a{ color:#FFFFFF; text-decoration:none; display:block; font-size:16px;}



.poptip{bottom:18px; width:320px; display:none; height:70px; background-color:rgba(f,f,f,0.0); position:fixed;  text-align:center;  z-index:998;}
.poptip_body{bottom:0px; left:30px; width:250px; height:70px; background-color:rgba(0,0,0,0.8); position:absolute; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0 auto; padding:12px 5px 5px; text-align:center; line-height:20px; color:#FFF;}
.poptip_body:before{ content:""; position:absolute; right:45%; top:87px; width:0; height:0; border-left:10px solid transparent; border-top:18px solid rgba(0,0,0,0.8); border-right:10px solid transparent;}
.poptip_close, .poptip_close a{text-align:right;position:absolute; width:40px; height:20px; display:block; right:5px; top:0px; color:#FFFF00; text-decoration:none; font-size:16px;}