*{margin:0;padding:0;} 
table{border-collapse:collapse;border-spacing:0;} 
fieldset,img{border:0;} 
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;} 
q:before,q:after{content:'';}
html,body{ width: 100%; height: 100%; font-size: 12px; font-family: Arial, SimSun; }
body{ background:#EBE9ED; color:#636363; }
div, td { word-wrap: break-word; word-break: break-all; }

.clear{ clear:both;}
.hackbox{ display: table; }

.container{ width: 930px; margin: 0 auto; background: white; padding: 0 10px; }
.confix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.boxhavebg{ width:940px; padding:0 10px 0 0; background:url(../i/sy091001_bg01.jpg) repeat-x #fff left top;}

a{ color: #636363; text-decoration: none; }
a:hover{ color: #F60; text-decoration: underline; }

.l1 {height: 1px; font-size: 1px; overflow: hidden; display: block; background: #DDE0E6; margin: 0 5px; clear:both;}
.l2 {height: 1px; font-size: 1px; overflow: hidden; display: block; background: #F3F3F3; border-right: 2px solid #DDE0E6; border-left: 2px solid #DDE0E6; margin: 0 3px; clear:both;}
.l3 {height: 1px; font-size: 1px; overflow: hidden; display: block; background: #F3F3F3; border-right: 1px solid #DDE0E6; border-left: 1px solid #DDE0E6; margin: 0 2px; clear:both;}
.l4 {height: 2px; font-size: 1px; overflow: hidden; display: block; background: #F3F3F3; border-right: 1px solid #DDE0E6; border-left: 1px solid #DDE0E6; margin: 0 1px; clear:both;}
.bb1{ background:#FFFDF0;}
.bb2{ background:#FFFADC;}
.bb3{ background:#fff;}

.f1 {height: 1px; font-size: 1px; overflow: hidden; display: block; background: #EEBCE1; margin: 0 5px; clear:both;}
.f2 {height: 1px; font-size: 1px; overflow: hidden; display: block; background: #FFFFFF; border-right: 2px solid #EEBCE1; border-left: 2px solid #EEBCE1; margin: 0 3px; clear:both;}
.f3 {height: 1px; font-size: 1px; overflow: hidden; display: block; background: #FFFFFF; border-right: 1px solid #EEBCE1; border-left: 1px solid #EEBCE1; margin: 0 2px; clear:both;}
.f4 {height: 2px; font-size: 1px; overflow: hidden; display: block; background: #FFFFFF; border-right: 1px solid #EEBCE1; border-left: 1px solid #EEBCE1; margin: 0 1px; clear:both;}

.conleft{ float:left; width:620px; margin:10px 0 0; overflow:hidden;}
.conright{ float:right; width:300px; margin:10px 0 0; overflow:hidden;}
.content{ float: left; border-left:  1px solid #DDE0E6;  border-right:  1px solid #DDE0E6; overflow:hidden;}
h2.tit{ float: left; width:278px; padding: 0 10px; background: #F3F3F3; line-height: 25px; font-weight:bold;}
h2.tit span a{ float: right; font-weight: normal; color: #636363; text-decoration: none; }
h2.tit span a:hover{ color: #F60; }
ul.sy{ float:left; width:280px; margin:10px 9px 0; display:inline;}
li.bg{ float: left; padding-left: 10px; background: url(../i/icon01_list.gif) no-repeat 0 6px; border-top:1px dashed #E8ECEE; line-height:23px;}
.app620x100{ float:left; width:620px; height:100px; margin:10px 0 0;}
.app300x100{ float:right; width:300px; height:100px; margin:10px 0 0;}
.app930x80{ float:left; width:930px; height:80px; margin:10px 0 0;}
.app620x100 iframe,.app300x100 iframe,.app930x80 iframe{ float:left;}
dl,dl dt,dl dd{ float:left;}

.story{ width: 640px; float: left; padding:10px 0 0; background:url(../i/sy091001_bg03.jpg) no-repeat 4px 4px; }
.story_l{ float:left; width:10px; height:253px; overflow:hidden; background:url(../i/sy091001_bg04.jpg) no-repeat 4px 0;}
.storyin{ float:left; width:620px; height:253px; padding:0 10px 0 0; overflow:hidden; background:url(../i/sy091001_bg05.jpg) no-repeat 620px 0;}
.storyin .content{ width:618px;}
.storyin h2{ width:618px; float: left; background: #F3F3F3; line-height:28px; text-indent:36px; background:url(../i/sy091001_icon02.gif) no-repeat 10px center #F3F3F3; font-weight:bold; font-size:14px;}
.storyin h2 span{ color:#AA3081;}
.storyin p{ width: 618px; height: 218px; overflow: hidden; float: left; border-top: 1px solid #DDE0E6; border-bottom: 1px solid #DDE0E6; }

.login{ float:right; width:300px; height:253px; overflow:hidden; margin:10px 0 0; background:url(../i/sy091001_bg02.jpg) no-repeat;}
.login h2{ float:left; width:300px; text-align:center; line-height:24px; font-weight:bold; font-size:14px; color:#fff;}
.login h2 span{ color:#FFFF00;}
.login p{ float:left; width:300px; overflow:hidden;}
.login p.p1{ height:47px; background:url(../i/sy091001_txt01.gif) no-repeat 16px 17px;}
.login p.p2{ height:45px; background:url(../i/sy091001_txt02.gif) no-repeat 87px 17px;}
.login p.p3{ height:30px; line-height:30px; text-align:center; font-size:14px; color:#FFCAE9;}
.login ul{ float:left; width:258px; height:29px; margin:0 0 0 42px; display:inline;}
.login ul li{ float:left; width:22px; height:31px; text-align:center; line-height:31px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#EA006E; overflow:hidden; margin-right:3px; background-image:url(../i/sy091001_li.gif);}
.login ul li.dh{ width:10px; background:url(../i/sy091001_icon01.gif) no-repeat right bottom;}
.login h3{ float:left; width:300px; text-align:center; margin:12px 0 0;}

.logined{ float:right; width:300px; height:253px; overflow:hidden; margin:10px 0 0;}
.logined .contentf{ float:left; width:298px; height:243px; overflow:hidden; border-right: 1px solid #EEBCE1; border-left: 1px solid #EEBCE1; background:#fff;}
.logined h2{ float:left; width:300px; line-height:20px; font-weight:bold; text-indent:10px;}
.logined a{ color:#00438F;}
.logined a:hover{ color:#F60;}
.logined p{ width: 120px; float: left; margin: 5px 0 0 20px; display: inline;}
.logined p img{ width:110ox; height:135px; padding:3px; background:#F4F6F9;}
.logined dl{ width: 134px; float: left; margin: 10px 0 0 10px; display: inline; line-height: 21px; }
.logined dd{ width: 134px; float: left; margin-top: 5px; }
.logined dd span{ width: 81px; float: right; background: url(../i/btn01_over_ing.gif) no-repeat; height: 21px; line-height: 21px; text-align: center; cursor: pointer; }
.logined dd span a{ width: 81px; height: 21px; display: block;}
.logined dd span a:hover{ background: url(../i/btn01_on_ing.gif) no-repeat; text-decoration: none; }
.logined ul{ float:left; width:258px; margin:10px 0 0 40px; display:inline;}
.logined ul li{ float:left; width:258px; line-height:20px;}

.search{ float:left; width:930px; margin:10px 0 0; background:url(../i/sy091001_bg06.jpg) repeat-x left center;}
.search .content{ width:790px; height:21px; line-height:21px; padding:12px 0 12px 138px; background: url(../i/icon01_search.gif) no-repeat 10px center; position:relative; }
.search strong{ position:absolute; left:36px; top:12px; font-weight:bold; font-size:14px;}
.search input,.search select{ vertical-align:middle;}
.search span{ position:absolute; top:10px; right:17px;}
.search a{ width:58px; line-height:25px; display:block; text-align:center; color:#fff; text-decoration:none; background:url(../i/sy091001_a01.gif) no-repeat;}
.search a:hover{ color:#fff; text-decoration:none; background:url(../i/sy091001_a02.gif) no-repeat;}

.newmember h2{ width: 620px; float: left; height: 29px; position: relative; }
.newmember h2 .title{ background: #F3F3F3; width: 618px; float: left; border-left: 1px solid #DDE0E6; border-right: 1px solid #DDE0E6; height: 25px; }
.newmember h2 .title ul{ width: 100%; position: absolute; top: 1px; left: 0; }
.newmember h2 .title ul li{ float: left; line-height: 29px; border-right: 1px solid white; display: inline; font-weight: normal; cursor: pointer; }
.newmember h2 .title ul li span{  border-right: 1px solid #DDE0E6; float: left; }
.newmember h2 .title ul li a{ color: #636363; text-decoration: none; padding: 0 16px; display: block; line-height: 29px; }
.newmember h2 .title ul li a.over{ background: white; font-weight: bolder; }
.newmember h2 .title ul li.first a.over{ margin-left: 1px; background: url(../i/bg01_tit.gif) white no-repeat 0 0; }
.newmember .content{ width:618px; height:227px;}
dl.zxhy,dl.zcb{ width:600px; margin:10px 9px 0; display:inline;}
dl.zxhy dd,dl.zcb dd{ width:100px; text-align:center; height:110px;}
dl.zxhy dd img,dl.zcb dd img{ width:74px; height:89px; margin-bottom:0; *margin-bottom:3px;}
dl.zxhy dd a,dl.zcb dd a{ text-decoration:none;}
dl.zxhy dd a:hover,dl.zcb dd a:hover{ text-decoration:none;}
dl.zcb dt{ width:575px; padding-left:25px; line-height:22px; margin-top:20px;}
dl.zcb dt strong{ color:#E70063; font-weight:bold;}
dl.zcb dt a,dl.list a{ color:#00438F; text-decoration:underline;}
dl.zcb dt a:hover,dl.list a:hover{ color:#00438F; text-decoration:underline;}
h2.hn{ float:left; width:618px; font-weight:bold; line-height:40px; text-indent:18px;}
ul.hn{ float:left; width:583px; height:84px; overflow:hidden; background:url(../i/sy091020_bg01.gif) no-repeat; margin:5px 0 0 18px; display:inline; _margin:-5px 0 0 18px;}
ul.hn li{ float:left; width:110px; padding:10px 0 0 32px; line-height:20px;}
ul.hn li span{ font-weight:bold;}
ul.hn li span.s1{ color:#7AAA17;}
ul.hn li span.s2{ color:#246997;}
ul.hn li span.s3{ color:#8932C3;}
ul.hn li span.s4{ color:#BC900F;}
dl.hn{ width:309px; height:125px; margin:6px 0 0;}
dl.hn dt{ width:70px; margin:0 20px 0 30px; display:inline;}
dl.hn dd{ width:189px;}
dl.hn dd.tit{ font-weight:bold; line-height:20px;}
dl.hn dd.con{ line-height:18px; padding-left:22px; width:167px; background:url(../i/bg03_090617.gif) no-repeat left 3px;}
dl.hn dd.f{ background-image:url(../i/bg04_090617.gif);}
dl.hn dd.btn{ margin:5px 0 0;}
dl.hn dd.btn a{ width:118px; text-align:center; line-height:21px; display:block; background:url(../i/btn02_over_ing.gif) no-repeat; color:#00438F; text-decoration:none;}
dl.hn dd.btn a:hover{ background-image:url(../i/btn02_on_ing.gif); color:#f60; text-decoration:none;}
dl.list{ width:290px; padding-left:19px;}
dl.list dd.tit{ width:290px; line-height:26px; padding-top:8px; font-weight:bold;}
dl.list dd.img{ width:102px; height:66px; padding:0 10px 0 0;}
dl.list dd.img img{ width:100px; height:64px; border:1px solid #ccc;}
dl.list dd.con{ width:168px; line-height:20px; position:relative;}
dl.list dd.con em{ position:absolute; right:0; bottom:0;}
dl.listhd dd.con em{ right:30px;}
dl.listr{ padding-right:19px; padding-left:0;}
h2.list{ float:left; width:618px; text-indent:19px; line-height:36px; font-weight:bold; color:#EA006E; background:url(../i/sy091020_bg02.gif) no-repeat 108px center;}
ul.list{ float:left; width:582px; margin:0 18px; display:inline;}
ul.list li{ width:281px; border:none;}

.master{ float:left; width:300px;}
.master .content{ width: 298px; height: 251px;}
.master dl{ width: 280px; margin: 10px 0 0 10px; display: inline; }
.master dt{ width: 140px; text-align: center; }
.master dd{ width: 140px; line-height: 22px; }
.master dd a{ color: #636363; text-decoration: none; }
.master dd strong a{ font-weight: bolder; color: #00438f; }
.master dd a:hover{ color: #F60; }
.master ul{ width: 280px; float: left; margin: 10px 9px 0; display: inline;}
.master ul li{ width:130px;}

.lovestory{ float:left; width:300px;}
.lovestory .content{ width:298px; height:237px;}
.lovestory dl{ width:126px; height:120px; margin:10px 11px 0 12px; display:inline;}
.lovestory dl dt{ width:120px; height:90px; overflow:hidden; padding:3px; background:#F4F6F9;}
.lovestory dl dd{ width:126px; text-align:center; line-height:30px;}
.lovestory ul li{ width:280px;}

.jczt{ margin:10px 0 0;}
.jczt .content{ height:227px;}
.mtbd{ margin:10px 0 0;}
.mtbd .content{ height:130px;}
.mtbd ul li{ width:280px;}
.mtbd li.liwai{ border:none;}

.indexlink{ float:left; width:930px; margin:10px 0 0;}
.indexlink h2{ width:930px;}
.indexlink h2 .title{ width:928px;}
.indexlink h2 .title ul em{ float: right; line-height: 29px; margin-right: 10px; display: inline; }
.indexlink .content{ width:928px; height:90px;}
p.partner{ width: 154px; float: left; margin-top: 20px; text-align: center; }
p.partner img{ border: 1px solid #DDE0E6; }
dl.tlink{ width: 900px; margin: 15px 0 0 15px; display: inline; }
dl.tlink dd{ width: 150px; line-height: 2; }
dl.tlink dd a{ color: #00438F; }
p.glory{ width: 25%; float: left; margin-top: 20px; text-align: center; }

.sunshine .sbg{ float:left; width:620px; height:3px; overflow:hidden; background:url(../i/sy091020_bg03.jpg) no-repeat;}
.sunshine .sadd{ float:left; width:620px; height:26px; background:url(../i/sy091020_bg04.jpg) repeat-x;}
.sunshine .sadd em{ float:right; margin-right:24px; line-height:26px;}
.sunshine .sadd em a{ color:#fff; text-decoration:underline;}
.sunshine .sadd em a:hover{ color:#fff; text-decoration:underline;}
.sunshine .sadd span{ float:left; line-height:26px;}
.sunshine .sadd span.sself{ width:112px; background:url(../i/sy091020_bg05.jpg) no-repeat; margin-left:6px; font-weight:bold; font-size:14px; color:#3C3C3C; text-align:center;}
.sunshine .sadd span.sli{ margin-left:24px; color:#fff;}
.sunshine .sadd span.sli a{ color:#fff; text-decoration:none;}
.sunshine .sadd span.sli a:hover{ color:#fff; text-decoration:underline;}
.sunshine .content{ width:618px; background:url(../i/sy091020_bg06.jpg) repeat-x center top #fff;}
.sunshine .ctit{ float:left; width:598px; margin:20px 10px 0; display:inline;}
.sunshine .ctitcon{ float:left; width:596px; border-left:  1px solid #DDE0E6;  border-right:  1px solid #DDE0E6; background:#FFFADC; line-height:20px; text-align:center;}
.sunshine .ctitcon a{ color:#00438F; text-decoration:underline;}
.sunshine .ctitcon a:hover{ color:#00438F; text-decoration:underline;}
.sunshine .gmblist{ float:left; width:618px; margin:20px 0 0;}
.sunshine .gmblist ul{ float:left; width:602px; margin:0 0 0 16px; display:inline;}
.sunshine .gmblist li{ float:left; width:96px; font-weight:bold; cursor:pointer;}
.sunshine .gmblist .gmbcon{ float:left; width:610px; margin:20px 4px 0; display:inline;}
.sunshinebox{ width: 295px; float: left; height:154px; cursor: pointer; margin-left: 10px; display: inline; }
.sunshinebox p.sunshinephoto{ width: 120px; float: left; overflow: hidden; }
.sunshinebox p.sunshinephoto img{ width: 110px; height: 135px; border: 3px solid #F4F6F9; }
.sunshinebox dl.sunshineinfo{ width: 160px; float: left; margin-left: 5px; display: inline; }
.sunshinebox dl.sunshineinfo a{ color: #00438F; text-decoration: none; }
.sunshinebox dl.sunshineinfo dt.tit{ width: 160px; line-height:18px; float: left; font-weight: bolder; border-bottom: 1px dotted #E8ECEE; padding-bottom: 5px; }
.sunshinebox dl.sunshineinfo dt.tit span{ float: right; }
.sunshinebox dl.sunshineinfo dd.info{ width: 160px; float: left; color: black; line-height: 1.7; margin-top: 5px; }
.sunshinebox dl.sunshineinfo dd.intro{ width: 160px; float: left; margin-top: 10px; height: 60px; overflow: hidden; line-height: 1.7; position: relative; }
.sunshinebox dl.sunshineinfo dd.intro span{ position: absolute; bottom: 0; right: 0; }