﻿.con .choice a,.con .left .ka,.bt-login,.con .help-top li,
.con .list ul li,
.page .bt,.page a.per,.page a.next,
.con .amend,.i-right .user-info p,
.login-g,.login-p,.con .poplogo,
.con .client-new li,.help li
{background:url(../img/bj.gif) no-repeat #FFF;}

.orange:link,.orange:visited{color:#C30}
.input{border:1px solid #757272;height:20px;line-height:23px}
.input-big{border:2px solid #757272;height:35px;line-height:38px;padding-left:10px;color:#F30;font-family:Verdana;font-weight:bold;font-size:20px}

/* public ///////////////////////////////////////////// */
.space8{clear:both;width:100%;height:8px;overflow:hidden;clear:both}
.space11{clear:both;width:100%;height:11px;overflow:hidden;clear:both}
.space15{clear:both;width:100%;height:15px;overflow:hidden;clear:both}

.bt-login{background-position:-5px -320px;height:35px;line-height:35px;width:196px;border:none;font-size:14px;font-weight:700;color:#333;cursor:pointer}

/* tooltip ///////////////////////////////////////////// */
#tooltip{position:absolute;border:1px solid #333;background:#f7f5d1;padding:2px 5px;color:#333;display:none;white-space:nowrap;z-index:100000;margin-top:0}
.tooltip{cursor:pointer}


/* layout ///////////////////////////////////////////// */
.con{clear:both;margin:0 auto;width:980px;height:auto;display:table}
.con .left{float:left;width:72%;border:1px solid #c9c7c7;margin:0 0 0 8px !important;margin:0 0 10px 4px;width:73% !important;line-height:200%;}
.con .right{float:right;margin:0 9px 0 0 !important;margin:0 6px 0 0;width:24%;overflow:hidden}
.con .i-left{float:left;width:25%;margin:10px 0 0 3px;}
.con .i-right{float:right;margin:10px 9px 0 0 !important;margin:10px 6px 0 0;width:72.2%;line-height:180%;overflow:hidden;border:1px solid #c9c7c7;background:#fff;}

/* login ///////////////////////////////////////////// */
.con .login{clear:both;margin:0 auto;width:970px;height:250px;background:#e7e9e6 no-repeat;border:5px solid #a1a0a1;overflow:hidden}

.con .login-form{float:right;margin-top:10px}
.con .login-form tr{margin:5px}
.con .login-form th{text-align:right;font-weight:normal}
.con .login-b{display:inline-block;background:url(../img/bt.gif) no-repeat;width:71px;height:26px;border:none;color:#FFF;text-align:center;cursor:pointer;font-weight:bold}
.con .login-b:hover{color:#FF0}
.con .login-form .orange{font-size:12px;margin-left:10px}


.con .loginyes{float:right;width:280px;font-size:12px;overflow:hidden;}
.con .loginyes dl{width:95%;margin:20px auto 0 auto}
.con .loginyes dt{float:left}
.con .loginyes dd{float:right;width:185px;margin:3px 0 0 0}
.con .loginyes  .amend,.con .loginyes  .amend:link,.con .loginyes .amend:visited{width:100px;height:32px;background:url("../img/ico.png") -468px -192px;background:red;}
.con .loginyes .inf,.con .loginyes .bt{width:93%;margin:10px auto;line-height:250%}
.con .loginyes .bt{text-align:center}

.loginyes{width:247px;height:265px;float:left;background:url("../img/ico.png") no-repeat 0 -341px;}
.loginyes h3{height:35px;line-height:35px;margin-bottom:18px;text-indent:30px;font-size:14px;}
.loginyes dl dt{float:left;margin:0 10px 0 10px;display:inline;}
.loginyes dl dt img{width:65px;height:65px;}
.loginyes dl{clear:both;overflow:hidden;width:247px;height:68px;margin:0;}
.loginyes dd{margin-bottom:10px;}
.loginyes ul.inf{margin:6px 0 0 12px;line-height:180%;}
.loginyes .bt{margin:22px 0 0 0;text-align:center}
.loginyes .bt a{display:inline-block;width:100px;height:32px;line-height:32px;background:url("../img/ico.png") no-repeat -468px -192px}


.con .login-g,.con .login-p{display:inline-block;width:199px;text-align:center;line-height:33px;*line-height:35px;border:none;cursor:pointer;font-weight:bold}
.con .login-g{height:33px;color:#151c50;background-position:-480px -110px}
.con .login-p{background-position:-480px -310px}
.con .login-g:link,.con .login-g:visited{color:#444}
.con .login-g:hover,.con .login-g:active{color:#F30;text-decoration:none}
.con .login-p{padding-top:0 !important;height:33px !important;padding-top:8px;height:23px}
.con .login-p img{margin:0 5px -3px 0}
.con .login-p:link,.con .login-p:visited{color:#000}
.con .login-p:hover,.con .login-p:active{color:#FF0;text-decoration:none}

/* logo ///////////////////////////////////////////// */
.con .poplogo{clear:both;margin:0 auto;background-position:-5px -891px;width:980px;height:150px}
.con .poplogo a{display:inline-block;width:323px;*width:326px;height:140px}

/* client ///////////////////////////////////////////// */
/* public */
.con .client h4,.con .client-new h4,.con .subject h4,.con .help h4,.con .blog-f h4,.con .blog-s h4,.con .blog-b h4{float:left;margin:5px 2px;text-indent:10px}
.con a.m{display:inline-block;float:right;margin:5px;font-size:12px}
.con .client ul{clear:both;margin:0 auto;width:100%}
.con .subject ul,.con .help ul,.con .blog-f ul,.con .blog-s ul,.con .blog-b ul{clear:both;margin:0 auto;width:95%}
.con .client,.con .client-new ,.con .subject{float:left;margin:0 auto;padding:2px;height:190px;border:1px solid #dad0d6;background:url(../img/menu-bak.gif) repeat-x top;overflow:hidden}
.con .help,.con .blog-f,.con .blog-s,.con .blog-b{background:url(../img/menu-bak2.gif) repeat-x top;overflow:hidden}
.con .help li{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}
.con .vedio,.con .help{clear:none;float:right;padding:2px;width:264px;border:1px solid #dad0d6}

.con .client{width:495px}
.con .client img{border:1px solid #999;margin-top:5px}
.con .client li{float:left;margin:4px 0 0 0;width:33.33%;height:72px;text-align:center;font-size:12px}

.con .client-new{width:195px}
.con .client-new h4{width:100%}


.tab .mulitline { clear: both; height: 300px; padding: 0; margin: 10px 10px 10px; overflow: hidden; }
.mulitline li{ width: 100%; height: 30px;line-height: 30px; border-bottom: 1px dashed #999; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }

.con .subject,.con .help{height:143px}
.con .subject{width:696px}
.con .subject ul{width:690px;height:100px;margin:4px auto 0 auto}
.con .subject li{float:left;margin:0 2px 0 3px!important;margin:0 2px;width:223px;height:100px;border:1px solid #CCC;background:#F5f5f5}

.con .help{}
.con .help li{background-position:-480px 6px;line-height:27px;text-indent:10px;font-size:12px }

.index-blog{width:32%;height:160px;padding:2px 2px 10px 2px;border:1px solid #dad0d6;overflow:hidden}
.con .blog-f,.con .blog-b{float:left;margin:0 10px 0 0; }
.con .blog-s{float:right;margin:0}
.index-blog li{height:24px;line-height:24px;border-bottom:1px dashed #DDD;font-size:12px}
.index-blog li.over{background:#FFC}
.index-blog font{float:left;margin-right:2px;font-size:14px;font-weight:bold}
.index-blog li a{display:block;float:left;width:210px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}
.index-blog span{float:right;font-size:10px;color:#999}
.red_b{
	color:#F00;
	clear:both;
}



/* user center ///////////////////////////////////////////// */
.con .i-left .border{padding:8px 5px;min-height:150px;display:table;border:2px solid #c9c7c7;}

.con .i-left dl{width:97%;margin:10px auto;font-size:12px;}
.con .i-left dt{float:left;margin-bottom:10px;}
.con .i-left dd{float:right;width:142px;margin:3px 0 0 0;}

.con .i-left .name{float:right;width:62%;margin:8px 3px;font-size:12px}
.con .i-left .inf{clear:both;width:95%;margin:3px auto;font-size:12px;line-height:180%;}
.con .i-left .bt{clear:both;margin:0 auto 8px auto;width:92%}
.con .amend{display:inline-block;width:100px;height:27px;background-position:-5px -495px;line-height:27px;*line-height:30px;text-align:center;font-size:12px}
.con .amend2{width:207px;margin-top:7px;background-position:-120px -495px;font-weight:bold;color:#f30 }

.con .i-right h3{border-bottom:1px solid #c9c7c7;text-indent:35px;padding:5px}
.con .i-right table{margin:20px auto}
.con .i-right table th{text-align:right}
.con .i-right table th,.con .i-right table td{line-height:36px}
.con .i-right .bt{clear:both;margin:20px auto;width:92%;text-align:center}


/* right info ///////////////////////////////////////////// */
.con .left-top{position:relative;margin:60px 0 0 8px !important;margin:60px 0 0 6px;width:53% !important}
.con .choice{position:absolute;top:-39px;left:20px;width:700px;height:40px}
.con .choice a{display:inline-block;width:151px;height:39px;line-height:39px;margin-right:7px;border-bottom:1px solid #c9c7c7;text-align:center;font-weight:700}
.con a.bt{background-position:-190px -385px}
.con a.btck{background-position:-5px -385px;border-bottom-color:#FFF; color:#333}

.i-right .text{margin:10px auto; padding:15px 0;width:95%;background:#f0f0f0;border:3px solid #858585;overflow:hidden}
.i-right .text-pop{background:#fffafe;border:3px solid #9c8295}
.i-right .text h4{margin:0 0 5px 10px;text-align:center}
.i-right .text p{text-align:center}
.i-right .text p a{color:#666}

.i-right .user-info{margin:10px auto; padding:10px 0;width:95%;background:#FFe9dD;border:3px solid #e3af97;text-align:left;overflow:hidden}
.i-right .user-info h4{margin:0 0 5px 10px}
.i-right .user-info p{width:90%;padding:5px 0 5px 18px;margin:0 auto;border-bottom:1px solid #DDD;background-position:-990px -100px}
.i-right .user-info strong{margin:0 4px}

.cc_img{clear:both;margin:10px auto 0;width:100%;height:auto;background-color:#FFF}
.cc_img .ff,.cc_img .ss,.cc_img .bb{position:relative;float:left;width:188px;height:188px;margin:0;display:inline;border:2px solid #eee;overflow:hidden}
.cc_img .ff img,.cc_img .ss img,.cc_img .bb img{position: absolute;top:0;left:0}
.cc_img .ff.over,.cc_img .ss.over,.cc_img .bb.over{border-color:#555}
.i-right .ff {}
.i-right .bb{}
.i-right .ss{}

.i-right .click span{display:inline-block;float:left;width:225px;line-height:35px;text-align:center}

/*
.i-right .click{clear:both;margin:10px auto;*margin:10px auto 0 auto;width:95%}
.i-right .click a{display:inline-block;margin-left:68px}
.i-right .click .date-over{font-size:12px}
*/

/* reg ///////////////////////////////////////////// */
.con .reg h3{margin:20px auto;width:95%;line-height:30px;background-color:#cc99bf;text-indent:20px}
.con .reg table{margin:10px auto}
.con .reg th{text-align:right}
.con .reg .ka{background-position:-5px -110px;width:405px;height:200px}
.con .reg .note{font-size:12px;color:#999}
.con .reg .other{width:420px;margin-top:5px}
.con .reg .other li{clear:none;float:left;width:24%;margin:0 0 8px 0}
.con a.backindex{font-size:12px vertical-align:middle;margin:-30px 0 0 15px;text-decoration:underline}
.con a.backindex:link,.con a.backindex:visited{color:#931473}
.con a.backindex:hover,.con a.backindex:active{color:#03C}

.con .reg-sm { margin:10px auto; width:90%; padding:10px 15px; background:#FFD; border:2px solid #E3E197; color:#000}
.con .reg-sm a { margin:4px 3px; height:30px;line-height:30px;display:inline-block; border:1px solid #CCC; font-size:14px;background:#FFF; width:43%; text-align:center; }
.con .reg-sm a:link,.con .reg-sm a:visited{color:#931473}
.con .reg-sm a:hover,.con .reg-sm a:active{color:#03C; border-color:#333; background:#F7F7F7; text-decoration:none}


.forget{padding:20px 0}
.forget table{margin:0 auto}
.forget h3{margin:20px auto;width:95%;line-height:30px;background-color:#cc99bf;text-indent:20px}

/* FAQ list ///////////////////////////////////////////// */
.con .list ul{margin:8px auto;width:95%}
.con .list ul li{clear:both;padding:3px 0;text-indent:25px;border-bottom:1px dashed #DDD;line-height:30px;background-position:-470px 10px}
.con .list ul li.over{background:#FFF5FA}
.con .list p{width:95%;margin:10px auto;overflow:hidden}
.con .list .back{clear:both;width:98%;margin:20px auto;text-align:center}

.con .content{width:94%;margin:15px auto;line-height:220%}
.con h1{margin:20px auto;text-align:center;border-bottom:1px dashed #DDD;line-height:40px;font-size:20px;font-family:"Microsoft YaHei",verdana, simsun, Lucida Grande, '宋体', sans-serif}
.con .content .back{margin:15px auto;text-align:center}
.con .content a{text-decoration:underline}
.con .content a:link,.con .content a:visited{color:#999}
.con .content a:hover,.con .content a:active{color:#F30;text-decoration:underline}



/* Page ///////////////////////////////////////////// */
.page{clear:both;margin:20px auto 10px auto;width:100%;line-height:25px;text-align:center;font-family:Tahoma;vertical-align:middle}
.page a{display:inline-block;margin:0 1px;padding:0 6px;border:1px solid #c3c3c3;vertical-align:text-top}
.page a:link,.page a:visited{color:#0063dc}
.page a:hover,.page a:active{color:#F60;text-decoration:underline}

.page a.per{padding-left:13px;background-position:-991px -22px}
.page a.next{padding-right:13px;background-position:-943px -62px}
.page strong{margin:0 3px;line-height:15px;display:inline-block;vertical-align:text-bottom;border:none;color:#F60}
.page input{margin: 0 4px -4px 4px;vertical-align:text-bottom}
.page .bt{margin-bottom:-8px;width:60px;height:25px;line-height:30px;border:none;background-position:-5px -450px;cursor:pointer}

/* agreements ///////////////////////////////////////////// */
.agreements{margin:10px auto 30px auto;width:90%;background:#f8f8f8;border:1px solid #ccc}
.agreements li{margin-bottom:10px;padding-bottom:10px;background-color:#F8F8F8}
.agreements li h4{padding:8px 8px 8px 15px;margin:0px;font-size:14px}
.agreements .t{margin:0 10px;padding:10px;height:140px;background-color:white;border:1px solid #E9E9E9;overflow:auto;font-size:12px}


/* 新手上路 ///////////////////////////////////////////// */
.con .help-top{height:auto;display:table;border:1px solid #e8e8e8}
.con .help-top h4{width:100%;text-indent:15px;height:30px;line-height:30px;font-size:14px;font-weight:700;color:#931473;border-top:3px solid #cc99bf;border-bottom:1px solid #cc99bf}
.con .help-top h4 span{float:left}
.con .help-top h4 a{float:right;margin-right:10px;font-size:12px;font-weight:700;color:#999}
.con .help-top ul{margin:8px auto;width:89%;font-size:12px}
.con .help-top li{clear:both;width:100%;margin:4px auto;text-indent:10px;border-bottom:1px dashed #DDDDDD;line-height:23px;background-position:-480px 3px}

/* 广告 ///////////////////////////////////////////// */
.con .gg{margin:10px auto;width:100%;text-align:center;overflow:hidden}
.con .gg img{margin:5px auto;*margin:2px auto}

/* other ///////////////////////////////////////////// */
.other{padding-bottom:25px}
.other a{margin:0 4px; text-decoration:underline}
.other a:link,.other a:visited{color:#03C}
.other a:hover,.other a:active{color:#F30;text-decoration:underline}

.other h2 { margin:35px auto 3px auto; width:95%; height:35px; line-height:35px; overflow-x:hidden; font-size:14px; text-indent:16px; }
.other h5 { clear:both; margin:20px auto 10px auto; width:100%; line-height:33px; line-height:30px; font-size:14px; background:#F4F4F4; border-bottom:1px solid #C3C3C3; text-align:left; text-indent:10px; }
.other .other_text { margin:0 auto; width:95%; line-height:230%; clear:both; }
.other .other_text p { text-indent:30px; }
.other .other_text p.no-indent{ text-indent:0}
.other .site a { margin-top:15px; display:inline-block; width:205px; background:#FFD; border:1px solid #999; text-decoration:none; }
.other .other_text dl { width:100%; margin:15px auto; font-size:14px; }
.other .other_text dt { font-weight:bold; margin:0 0 8px 0; }
.other .other_text dd { text-indent:30px; }

.other .lc { margin:0 auto; background:#C3C3C3; }
.other .lc tr { background:#FFF; }
.other .lc tr.alt{ background:#EFEFEF; }
.other .lc td { line-height:220%; padding:0 5px}


.other-table { width:100%; margin:8px auto; *margin:13px auto; border-left:1px solid #CCC; border-top:1px solid #CCC; }
.other-table th { padding:0 8px; background:#EFEFEF; color:#000; line-height:32px; border-right:1px solid #CCC; border-bottom:1px solid #CCC; font-size:14px; }
.other-table td { padding:4px 10px; font-size:12px; line-height:26px; border-bottom:1px solid #CCC; border-right:1px solid #CCC; font-size:14px; }
.other-table td img { vertical-align:middle;  margin-left:7px; }
.other-table hr { clear:both; margin:5px auto; width:94%; border:1px dashed #c0c0c0; height:1px; }

/* friend_link ///////////////////////////////////////////// */
.other .img-link{clear:both; margin:13px auto; width:90%; height:auto; text-align:center}
.other .img-link a{ display:inline-block; margin:0 7px; width:88px; height:31px}
.other .img-link img{ width:88px; height:31px}
.other .text-link{ clear:both; margin:18px auto; width:90%; height:auto; text-align:center; font-size:12px}
.other .text-link a{ margin:0 2px;white-space:nowrap}
.other .text-link a:link,.other .text-link a:visited{color:#666666}
.other .text-link a:hover,.other .text-link a:active{color:#F30;text-decoration:underline}

/* join_us ///////////////////////////////////////////// */
.other .job{margin:5px auto; width:93%; border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; background:#DDDDDD}
.other .job th,.other .job td{ border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC; font-size:14px; vertical-align:top}
.other .job th{ padding:0 8px; background:#EFEFEF;  color:#000000; line-height:32px; text-align:right; }
.other .job td{ padding:4px 10px; background:#FFFFFF; overflow:hidden;  white-space:normal; text-align:left; line-height:26px}

.other_text h6{ clear:both; margin:10px auto 25px; width:98%; padding:0 0 5px; border-bottom:1px solid #CCCCCC; font-size:12px; text-align:right}
.other_text h6 a{ text-decoration:none; vertical-align:middle}
.other_text h6 img{ margin:0 5px 0 0}
#help_a{
	color:#666
}
