﻿/* 21xiehou Style Platform Copyright(c) 2009, 21xiehou.com */

/*
 * Update Log:
 * 2009-08-05	guoyun	created initial version
*/

html { color:#333; background-color:#dadada; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,span,input,textarea,p,blockquote,th,td,a,img { margin:0; padding:0; } 
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img { border:0; } 
address,caption,cite,code,dfn,em,strong,th,var { 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:''; } 
abbr,acronym { border:0; } 
input,textarea,select { font-family:inherit; font-size:inherit; font-weight:inherit; }
/*to enable resizing for IE*/
input,textarea,select { *font-size: 100%; }
/*because legend doesn't inherit in IE */
legend { color: #333; }
strong { font-weight:bold;}

body { font:12px Arial, Helvetica, sans-serif; }
h2 { font-size:14px; }
a { color:#933d3a; text-decoration:none; }
a:hover { color:#933d3a; text-decoration:underline;}
.clear { clear:both; height:0; line-height:0; font-size:0; }
.clearfix { zoom:1; }
.clearfix:after { content:""; display:block; clear:both; height:0; }
.myleft { float:left; }
.myright { float:right;}
.red { color:#933d3a;}
.red1 { color:#c00;}
.gray { color:#999;}
.black { color:#000;}
.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}
.ml50 { margin-left:50px;}
.ml55 { margin-left:55px;}
.ml75 { margin-left:75px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr13 { margin-right:13px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px;}
.mr40 { margin-right:40px;}
.mr50 { margin-right:50px;}
.mr70 { margin-right:70px;}
.mt5 { margin-top:5px;}
.mt8 { margin-top:8px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt130 { margin-top:60px;}
.mt25 { margin-top:25px;}
.mt30 { margin-top:30px;}
.mt50 { margin-top:50px;}
.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.pd40 { padding-bottom:40px;}
.strg { font-weight:bold;}
.wd325 { width:325px;}
.pt15 { padding-top:15px;}

.inpt_1, .inpt_2, .inpt_error, .inpt_3, .inpt_4, .inpt_5, .inpt_6, .inpt_7, .inpt_8 { width:162px; height:17px; padding:3px 5px 0 5px; border:#bdbcbd solid 1px; background:url(http://img1.21xiehou.com/static/images/inpt_1bg.gif) repeat-x;}
.inpt_2 { width:55px;}
.inpt_3 { width:373px;}
.inpt_4 { width:364px;}
.inpt_5 { width:128px;}
.inpt_6 { width:70px;}
.inpt_7 { width:103px;}
.inpt_8 { width:64px; color:#c00;}
.inpt_qb { width:64px; height:22px; line-height:26px; padding-bottom:2px; border:none; background:url(http://img1.21xiehou.com/static/images/myxh_phoabg.png) no-repeat; cursor:pointer;}
.inpt_qb1 { width:64px; height:22px; line-height:26px; padding-bottom:2px; border:none; background:url(http://img1.21xiehou.com/static/images/myxh_phoabg.png) no-repeat 0 -30px; cursor:pointer;}
.inpt_qb2 { width:64px; height:22px; line-height:26px; padding-bottom:2px; border:none; background:url(http://img1.21xiehou.com/static/images/myxh_phoabg.png) no-repeat 0 -60px; cursor:pointer;}
.inpt_sc { width:88px; height:22px; line-height:26px; padding-bottom:2px; padding-left:20px; border:none; background:url(http://img1.21xiehou.com/static/images/my_photosc.gif) no-repeat; cursor:pointer;}

.inpt_error { border:#efa5a5 solid 1px; background:url(http://img1.21xiehou.com/static/images/inpt_errorbg.gif) repeat-x;}
.sele_1, .sele_2, .sele_3 , .sele_4 { height:18px; border:#bdbcbd solid 1px;}
.textarea_1, .textarea_2, .textarea_3, .textarea_4 { width:483px; height:126px; overflow-x:hidden; overflow-y:auto; padding:5px 0 0 5px; border:#bdbcbd solid 1px; background:url(http://img1.21xiehou.com/static/images/textarea_bg1.png) no-repeat right bottom;}
.textarea_2 { width:378px; background:url(http://img1.21xiehou.com/static/images/textarea_bg1.png) no-repeat right bottom;}
.textarea_3 { width:368px; background:url(http://img1.21xiehou.com/static/images/textarea_bg1.png) no-repeat right bottom;}
.textarea_4 { width:238px; background:url(http://img1.21xiehou.com/static/images/textarea_bg1.png) no-repeat right bottom;}
.textarea-talk { width:260px; height:39px; font-size:14px; line-height:20px; padding:5px; border:none; overflow-x:hidden; overflow-y:auto;}

.btn_1 { width:99px; height:24px; color:#fff; font-weight:bold; font-size:14px; background:url(http://img1.21xiehou.com/static/images/btn_login.png); border:medium none; cursor:pointer;}

.page { width:980px; margin:0 auto; background:#fff;}
#page { width:980px; margin:0 auto; background:#fff;}
.h2hidn { display:block; overflow:hidden; width:0; height:0;}
.btmbor_1 { height:1px; font-size:0; overflow:hidden; background:url(http://img1.21xiehou.com/static/images/inx_btmbor.gif) repeat-x;}

/*页头*/
.header_box { height:54px; padding:0 10px; border-bottom:#8c474c; background: #000 url(http://img1.21xiehou.com/static/images/logo_bg.gif) repeat-x;}
.header_box h1 { float:left; width:118px; height:43px; margin-top:8px; background:url(http://img1.21xiehou.com/static/images/logo.png);}
.header_box h1 a { display:block; width:118px; height:43px;}
.header_box h2 { float:left; padding-top:32px; color:#FFF; font-size:12px;}
.header_box p { float:right; padding-top:32px; color:#ccc;}
.header_box p a { color:#ccc;}
*html .header_box p { padding-top:30px;}
*+html .header_box p { padding-top:30px;}
.header_box ul { float:right; padding-top:32px;}
.header_box ul li { float:left; padding-left:10px; padding-right:8px; background:url(http://img1.21xiehou.com/static/images/top_list.gif) no-repeat 0 2px; color:#fff;}
.header_box ul li { background/*\**/:url(http://img1.21xiehou.com/static/images/top_list.gif) no-repeat \9;}
.header_box ul li a { color:#FFF;}
.header_box ul li a:hover { color:#FFF;}
.header_box ul .li1 { background:none;}
.sl-topnav { float:right; text-align:right;}

.header_box .sl-topnav ul { padding-top:0; margin-top:5px;}
.header_box .sl-topnav p { float:none; height:20px; padding-top:0px; margin-top:5px; padding-right:8px;}
.header_box .sl-topnav p em { font-weight:bold;}

/*主导航*/
.main_nav { height:56px; background:url(http://img1.21xiehou.com/static/images/main_bg.gif) repeat-x; border-bottom:#c6baaf solid 1px; position:relative;}
.main_nav ul {}
.main_nav ul li { float:left; background:url(http://img1.21xiehou.com/static/images/main_li_bg.gif) no-repeat 0 20px;}
.main_nav ul li a { display:block; float:left; height:56px; line-height:56px; padding:0 11px; font-family:微软雅黑; font-size:14px; font-weight:bold;  color:#933d3a;}
.main_nav ul li a:hover { background:url(http://img1.21xiehou.com/static/images/main_li_hoverbg.gif) repeat-x;}
.main_nav ul .li1 { background:none;} 
.main_nav .pic1 { position:absolute; left:435px; top:5px; z-index:2;}
 
/*页尾*/
.page_btm { height:145px; padding-left:20px; background:url(http://img1.21xiehou.com/static/images/pagebtm_bg.gif) repeat-x 0px -54px #000;}
.page_btm ul { height:50px; line-height:50px;}
.page_btm ul li { float:left; margin:0 10px;}
.page_btm ul .li1 { margin-left:0px;}
.page_btm ul li a { color:#b1b1b1; font-weight:bold;}
.page_btm ul li a:hover { color:#cccccc; text-decoration:underline;}
.page_btm p { height:20px; line-height:20px; color:#b1b1b1}
.page_btm p a { color:#b1b1b1}
.page_btm p img { vertical-align:middle;}
*html .page_btm p img { vertical-align:baseline;}

/*首页*/
.index_cont { background:url(http://img1.21xiehou.com/static/images/main_bg.gif) #fff repeat-x 0 -58px;}
.index_cont_main { padding-top:22px; padding-left:10px; background:url(http://img1.21xiehou.com/static/images/cont_bg.png) no-repeat center 0; }

.select_indx { width:68px; height:18px; border:#9d5e6c solid 1px; border:none;}
.button_indx { width:65px; height:24px; background:url(http://img1.21xiehou.com/static/images/loginbox_btn.gif) no-repeat; color:#fff; border:none; margin:0 10px; cursor:pointer;}
.indx_tle1 { height:49px; text-indent:-999px; overflow:hidden;}
.more1 { height:24px; text-align:right;}
.more1 a { color:#999;}
.more1 a:hover { color:#933d3a;}

/*我的邂逅*/

.ared1 { color:#d54948;}
.ared2 { color:#933d3a;}
.ared3 { color:#c00;}
.aredunli3 { color:#c00;}
.aredunli1 { color:#c00; text-decoration:underline;}

.ablared { color:#333;}
.ablared:hover { color:#933d3a}
.agray1{ color:#999;}
.agray1:hover { color:#999;}
.aredunli { color:#933d3a; text-decoration:underline;}
.aredunli:hover { text-decoration:none;}
.amore1 { color:#999} 

.a_gray { color:#666;}
.a_gray:hover { color:#933d3a}

.myxh_head { height:108px; padding:10px 80px 0 55px; background: #b31313 url(http://img1.21xiehou.com/static/images/lg_box1bg.jpg);}
.myxh_head p { float:left; margin-top:35px; font-size:24px; font-family:微软雅黑; color:#fff;}
.myxh_head p span { margin-top:15px; margin-left:15px; font-size:18px;}
.myxh_head img { display:block; float:right;}

.my_kgtw, .my_kglb { margin-top:10px; margin-right:10px;}
.my_kgtw, .my_kglb, .my_kgjj, .my_kgyj, .my_kgqb, .my_kghn, .my_kggt { display:block; width:16px; height:16px; text-indent:-999; overflow:hidden; background:url(http://img1.21xiehou.com/static/images/myxh_kgcon1.gif) no-repeat;}
.my_kglb { background-position: 0 -20px;}
.my_kgjj { background-position: 0 -60px;}
.my_kgyj { background-position: 0 -100px;}
.my_kgqb { background-position: 0 -80px;}
.my_kghn { background-position: 0 -40px;}

.my_titl1 { height:30px; padding-top:6px; border-bottom:#ccc dashed 1px;}
.my_titl1 h2 { width:76px; height:23px; text-indent:-999px; overflow:hidden;}

.my_titl2 { height:30px; padding-top:6px;}
.my_titl2 h2 { width:76px; height:23px; text-indent:-999px; overflow:hidden;}

.my_btmbg { height:30px; background:url(http://img1.21xiehou.com/static/images/myxh_mainbg3.png) no-repeat 670px;}

.my_kgpagenav { padding:3px; margin:3px; margin-top:20px; text-align:center;}
.my_kgpagenav span { padding:3px 6px; border:#ccc solid 1px;}
.my_kgpagenav .current { padding:3px 6px; border:#ccc solid 1px; background:#b6b6b6; color:#fff; font-weight:bold;}
.my_kgpagenav a { padding:3px 6px; border:#ccc solid 1px; color:#333; text-decoration:none;}
.my_kgpagenav a:hover { background:#b6b6b6; color:#fff;}
.my_kgpagenav .nobold:hover { background:#b6b6b6; color:#fff; font-weight:normal;}

.the-pagenav { padding:3px; margin:3px; text-align:center;}
.the-pagenav span { padding:3px 6px; border:#930 solid 1px;}
.the-pagenav .current { padding:3px 6px; border:#930 solid 1px; background:#000; color:#fff; font-weight:bold;}
.the-pagenav a { padding:3px 6px; border:#930 solid 1px; color:#ccc; text-decoration:none; background:#600;}
.the-pagenav a:hover { background:#000; color:#fff; font-weight:bold;}
.the-pagenav .nobold:hover { background:#000; color:#fff; font-weight:normal;}

/*男大当婚右BOX*/

.nd_contrig { float:right; width:250px; padding-right:10px;}
.nd_pic { border:#ccc solid 1px;}
.my_titl1 .nd_dsbl { background:url(http://img1.21xiehou.com/static/images/title_nd_3.png);}
.my_titl1 .nd_aqgs { background:url(http://img1.21xiehou.com/static/images/title_nd_4.png);}
.nd_rigsrh { height:27px; padding-top:8px; padding-left:4px;}
.nd_rigsrh label .nd_rigsrh input .nd_rigsrh select { float:left;}
.nd_aqdl { line-height:24px; padding-left:4px;}
.nd_aqdl dt {}
.nd_aqdl dd { text-indent:2em;}

.nd_rigul {}
.nd_rigul li { line-height:22px; padding-left:12px; background:url(http://img1.21xiehou.com/static/images/list_1.gif) no-repeat 5px 9px;}
.nd_rigul li a { color:#333;}
.nd_rigul li a:hover { color:#933d3a; text-decoration:underline;}
.nd_dspic { width:186px; height:126px; margin:15px auto 0 auto;}
.nd_dspic img { padding:2px; border:#ccc solid 1px;}
.nd_dspic1 { width:186px; margin-left:25px; text-align:center; height:30px; line-height:26px;}
.nd_dspic1 a { font-weight:bold;}
.my_titl1 .gj_ggfs { background:url(http://img1.21xiehou.com/static/images/title_gj_1.png);}
.my_titl1 .gj_xfjw { width:112px; background:url(http://img1.21xiehou.com/static/images/title_gj_2.png);}
.my_titl1 .gj_gjhy { background:url(http://img1.21xiehou.com/static/images/title_gj_3.png);}
.my_titl1 .zh_zhj { width:57px; background:url(http://img1.21xiehou.com/static/images/title_zh_1.png);}
.my_titl1 .zh_zhxs { background:url(http://img1.21xiehou.com/static/images/title_zh_2.png);}
.my_titl1 .zh_zhfl { width:113px; background:url(http://img1.21xiehou.com/static/images/title_zh_3.png);}
.my_titl1 .nd_xzhs { width:147px; background:url(http://img1.21xiehou.com/static/images/title_nd_1.png);}
.my_titl2 .nd_xzhs { width:147px; background:url(http://img1.21xiehou.com/static/images/title_nd_1.png);}
.my_titl1 .nd_aqzn { background:url(http://img1.21xiehou.com/static/images/title_nd_2.png);}
/*爱情顾问*/
.aqgw_cont_main { padding-top:22px; background:url(http://img1.21xiehou.com/static/images/cont_bg.png) no-repeat center 0;}
.my_titl1 .lve_jptj { background:url(http://img1.21xiehou.com/static/images/title_lve_1.png);}
.my_titl1 .lve_cgal { background:url(http://img1.21xiehou.com/static/images/title_lve_2.png);}

/*婚恋百科*/
.baike_cont_main { padding-top:22px; padding-left:10px; background:url(http://img1.21xiehou.com/static/images/cont_bg.png) no-repeat center 0;}

/*文章列表*/
.story-list-head { height:90px;}
.story-list-head img { display:block;}
.sl-crumb { padding-left:20px; height:33px; line-height:33px; color:#FFFFFF; background:url(http://img1.21xiehou.com/static/images/sl-crumbbg.gif) repeat-x;}
.sl-crumb a { color:#fff; margin-left:5px; margin-right:5px;}
.sl-crumb a:hover { color:#fff;}
.sl_cont { margin-top:20px; background:url(http://img1.21xiehou.com/static/images/myxh_mainbg2.png) repeat-y 670px 0;}
.sl-cover1 { width:120px; text-align:center;}
.sl-cover1 img { display:block; margin:0 auto; padding:2px; border:#ccc solid 1px;}
.sl-cover1 span { display:block; height:24px; line-height:24px; text-align:center;}
.sl-cover1 a { color:#333; font-weight:bold;}
.sl-cover1 a:hover { color:#933d3a;}
.sl-cover-rig { width:120px;}
.sl-cover-rig span { display:block; line-height:25px; margin-bottom:5px;}
.sl-cover-rig span a { color:#333; font-weight:bold;}
.sl-cover-rig a:hover { color:#933d3a;}
.sl-cover-rig p { color:#999; line-height:22px; text-indent:2em;}
.sl-cover-rig p a { color:#999;}
.sl-cover-rig a:hover { color:#933d3a;}

.story-main {float:left; width:690px;  background: url(http://img1.21xiehou.com/static/images/sl-mainbg.jpg) no-repeat right 0; }

.story-main h1 { width:640px; text-align:center; height:46px; line-height:46px; font-size:20px; font-family:微软雅黑,黑体;}
.art-info { width:640px; height:24px; line-height:24px; text-align:center; color:#666; border-bottom:#e6d2c6 solid 1px; border-top:#e6d2c6 solid 1px;}
.art-info .source a { color:#666;}
.art-info .source a:hover { color:#933d3a;}
.art-info .source, .art-info .time, .art-info .from { margin-right:10px;}
.story-cover { width:640px; margin-top:30px; margin-bottom:40px;}
.story-main p { width:620px; margin-left:20px; line-height:26px; font-size:14px; margin-bottom:25px;}
.story-main p img { padding:2px; border:#ccc solid 1px;}

.other-story-title { width:620px; font-size:14px; font-weight:bold; margin-left:20px; padding-left:15px; padding-top:20px; border-top:#999 dashed 1px; margin-top:40px;}
.other-story-ul { margin-left:30px; margin-top:10px;}
.other-story-ul li { float:left; width:270px; padding-left:30px; line-height:30px; background:url(http://img1.21xiehou.com/static/images/list_2.gif) no-repeat 20px 14px;}
.other-story-ul li a { color:#039; font-size:14px;}
.sl-editor { width:620px; margin-left:20px; margin-top:20px; margin-bottom:20px; color:#999; text-align:right;}

/*在线聊天*/
.online-talk { width:505px; padding-top:35px; padding-left:25px; background:url(http://img1.21xiehou.com/static/images/talk-bg.gif) no-repeat 46px 294px;}
.talk-photo { float:left; width:109px; height:113px; background:url(http://img1.21xiehou.com/static/images/myxh__kgpicbg1.png);}
.talk-photo img { padding:3px;}
.talk-cont { float:left; width:360px; margin-left:10px;}
.talk-show { width:336px; height:217px; padding:5px 10px; border:#ccc solid 1px; overflow:auto;}
.talk-option { width:346px; height:25px; margin-top:7px; line-height:25px; padding-left:10px; border:#ccc solid 1px; background:#f4f4f4;}
.talk-option img { float:left; margin-top:4px; margin-right:5px;}
.talk-option a { color:#333; text-decoration:underline;}
.talk-option a:hover { color:#333; text-decoration:none;}
.talk-textarea { float:left; width:280px; height:54px; border-left:#ccc solid 1px; border-bottom:#ccc solid 1px;}
.talk-button { float:left; width:76px; height:39px; padding-top:15px; border-right:#ccc solid 1px; border-bottom:#ccc solid 1px;}
.talk-show .friend-id { color:#c00; font-size:14px; line-height:24px;}
.talk-show .my-id { color:#00c; font-size:14px; line-height:24px;}
.talk-show .the-cont { color:#333; font-size:14px; line-height:24px; text-indent:1.5em;}

/*页面底部*/
.pgbtm-cont { margin-top:20px; background:url(http://img1.21xiehou.com/static/images/myxh_mainbg2.png) repeat-y 195px 0;}
#pgbtm-menu { float:left; width:205px; padding-left:10px; padding-top:20px;  background: url(http://img1.21xiehou.com/static/images/sl-mainbg.jpg) no-repeat right 0;}
#pgbtm-menu h3 { width:180px; height:28px; border-bottom:#ccc solid 1px; background:url(http://img1.21xiehou.com/static/images/title_21.png) no-repeat 40px 0;}
#pgbtm-menu ul { width:180px; line-height:36px;}
#pgbtm-menu ul li { padding-left:50px; border-bottom:#ccc dashed 1px;}
#pgbtm-menu ul li a { color:#933d3a; font-size:14px;}
#pgbtm-menu ul .li1 { background:url(http://img1.21xiehou.com/static/images/ico-pgbtm1.gif) no-repeat 30px 11px;}
#pgbtm-menu ul .li1 a { font-weight:bold;}
.pgbtm-right { float:left; width:680px; padding-left:30px; padding-top:20px;}
.pgbtm-right h3 { height:28px; line-height:28px; margin-bottom:20px; font-size:14px; text-align:center; border-bottom:#ccc solid 1px; color:#933d3a; font-weight:bold; }
#pgbtm-content { width:680px; font-size:14px; line-height:30px;}
#pgbtm-content h4 { margin-top:40px; font-weight:bold;}
#pgbtm-content p { text-indent:2em;}
.pgbtm_btmbg { height:30px; background:url(http://img1.21xiehou.com/static/images/myxh_mainbg3.png) no-repeat 195px;}

/*浮动窗口*/
#interaction-info { width:282px; position:relative;}
#interaction-info h3 { height:30px; background:url(/static/images/interaction-info-h3bg.png) no-repeat;}
#interaction-info h3 ul { height:25px; padding-top:5px; padding-left:10px;}
#interaction-info h3 ul li { float:left; width:70px; height:18px; padding-top:7px; color:#FFF; font-weight:bold; text-align:center; cursor:pointer;}
#interaction-info h3 ul .li1 { color:#c00; background:url(/static/images/interaction-libg.png);} 

.popup { width:266px; height:165px; padding-left:14px; border-left:#954400 solid 1px; border-right:#954400 solid 1px; border-bottom:#954400 solid 1px; color:#333; background:url(/static/images/interaction-popbg.png) repeat-x; overflow:hidden;}
.popup li { margin-top:25px;}
.popup .disno { display:none;}
.popup-photo { float:left; width:109px; background:url(http://img1.21xiehou.com/static/images/pic_bg4.gif) no-repeat;}
.popup-photo img { padding:3px;}
.popup-cont { display:block; float:left; width:130px; line-height:20px; margin-left:15px;}
.popup-cont .p1{ height:45px;}
.popup li a { color:#c00; text-decoration:underline;}
.popup li a:hover { color:#c00; text-decoration:none;}
.intera-info-min, .intera-info-max, .intera-info-close { width:29px; height:18px; background:url(/static/images/interaction-min.png); text-indent:-999px; overflow:hidden; position:absolute; right:39px; top:0; cursor:pointer;}
.intera-info-min:hover {background:url(/static/images/interaction-min1.png);}
.intera-info-max { background:url(/static/images/interaction-max.png);}
.intera-info-max:hover { background:url(/static/images/interaction-max1.png);}
.intera-info-close { background:url(/static/images/interaction-close.png); position:absolute; right:7px; top:0;}
.intera-info-close:hover { background:url(/static/images/interaction-close1.png);}

