@charset "gb2312";
/* CSS QuanJing.com */
html,body { min-height:100%; background:#fff; }
body,textarea { font:12px "ËÎÌå",Arial,sans-serif; }
body,form,menu,dir,fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6 { padding:0; margin:0; }
sup,sub { vertical-align:baseline; }
table { border-collapse:collapse; }
li { list-style:none; }
fieldset,a img { border:0; }
button,label,input.radio,input.checkbox { cursor:pointer; }
input[type=radio],input[type=checkbox] { cursor:pointer; }
.claer { clear:both; }
.claer:after { content:"Çå³ý¸¡¶¯"; clear:both; display:block; font-size:0; height:0; overflow:hidden; }
a { color:#666; text-decoration:none; }
a:hover { color:#333; text-decoration:underline; }
/* box */
body { text-align:center; }
.header,
.center { position:relative; width:960px; margin:0 auto; text-align:left; }
/* header */
.header { height:60px; overflow:hidden; background:#8b8e85 url("/images/navBg.gif") repeat-x; }
.header h1 { position:absolute; top:4px; left:10px; }
.header h2 { width:0; height:0; overflow:hidden; }
.header .nav { float:left; width:215px; padding:40px 0 0 5px; }
.header .nav ul { height:16px; overflow:hidden; }
.header .nav li { float:left; margin-left:-1px; padding:0 10px; border-left:solid 1px #ccc; }
.header .nav_s { float:left; width:auto!important; width:1px; height:24px; margin-top:37px; padding-left:27px; background:#eee url("/images/navBg.gif") no-repeat 0 -84px; }
.header .nav_s .bg { padding-right:5px; background:url("/images/navBg.gif") no-repeat right -108px; }
.header .nav_s ul { height:24px; padding-left:5px; white-space:nowrap; background:url("/images/navBg.gif") repeat-x 0 -60px; }
.header .nav_s li { float:left!important; float:none; display:inline; line-height:24px; padding:0 10px 0 7px; zoom:1; background:url("/images/navBg.gif") no-repeat 0 -137px; }
.header .login_links{ position:absolute; right:15px; top:2px;}
.header .login_links ul li{ display:inline; line-height:26px; padding-left:13px;background:url("/images/ico_arrow_grey.gif") 6px center no-repeat;}
.header .login_links ul li a:link,
.header .login_links ul li a:visited{ color:#ccc; text-decoration:none; line-height:26px;}
.header .login_links ul li a:hover{ color:#e5e5e5; text-decoration:underline;}
.header .nav a { color:#ccc; }
.header .nav .up a { color:#fff; }
.header .nav_s a { color:#333; }
.flashNav { border:1px solid #ccc; margin:0 auto; padding-top:4px; width:958px; }
/* footer */
.footer { margin-top:10px; padding:20px 0; border-top:solid 1px #ccc; }
.footer p { line-height:25px; color:#999; }
.footer a { color:#999; }
/* loginBox */
.login_holder{ width:481px; font-size:12px; color:#666; position:absolute; left:30%; top:20%; text-align:left; }
.login_shaodow_top,
.login_shaodow_bottom{ width:100%; height:15px; overflow:hidden;}
.login_shaodow_top{ background:url("/images/login_shadow_top.png") no-repeat!important; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/login_shadow_top.png",sizingMethod="image"); }
.login_shaodow_bottom{ background:url("/images/login_shadow_bottom.png") no-repeat!important; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/login_shadow_bottom.png",sizingMethod="image"); }
.login_shaodow_middle{ width:100%; overflow:hidden; background:url("/images/login_shadow_middle.png")!important; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/login_shadow_middle.png",sizingMethod="scale"); }
.login_holder h2{ width:450px; margin:0 auto; background:#eee; text-indent:26px; font-size:14px; line-height:175%; color:#333;}
.login_holder h2.h2_login{ background:#eee url("/images/h2_login.gif") 5px 3px no-repeat;}
.login_holder h2 span{ position:relative; top:2px;}
.login_content{ width:450px; margin:20px auto 10px auto; overflow:hidden; position:relative;}
.login_form{ float:left; width:227px; background:url("/images/login_dotted.gif") top right repeat-y;}
.login_form p{ width:100%; overflow:hidden; font-family:"ËÎÌå"; margin-bottom:8px;}
.login_form p label{ float:left; width:51px; margin-right:6px; text-align:right; position:relative; top:5px; }
.login_form p input{ float:left; display:inline; width:150px; background:#fff; border:1px #abadb3 solid; padding:2px;}
.login_form p .btn_submit{ width:78px; height:22px; cursor:pointer; background:url("/images/btn_sure.gif"); border:0; margin-left:59px;}
.login_intro{ float:left; width:195px; margin-left:15px;}
.login_intro p{ line-height:170%; color:#999; text-indent:26px;}
.login_intro a:link,
.login_intro a:visited{ font-weight:bold; padding:0 4px; text-decoration:none; color:#999;}
.pop_close1{ position:absolute; width:11px; height:11px; right:20px; top:20px; text-indent:-9999px;overflow:hidden; background:url("/images/ico_close.gif"); z-index:1000; }
/* new_word */
.new_word { margin:30px 0; padding-left:15px; letter-spacing:.5em; font-size:16px; font-weight:bolder; background:url("/images/wi.jpg") no-repeat left center; }
/* login_page */
.login_page { padding:100px 250px; }
.login_page h2 { height:16px; border-bottom:solid 1px #ccc; padding:0 0 8px 12px; margin:0 0 10px; font-size:14px; background:#fff url("/images/manage_bg.gif") no-repeat -100px 3px; }
.login_page p { clear:left; padding:10px 0 0; line-height:16px; }
.login_page p label { float:left; width:150px; text-align:right; }
.login_page p .button { margin-left:150px; }
/* center */
.center { min-height:400px; overflow:hidden; }
/* RegisterOk */
.regOK { padding:50px 0 0 250px; }
.regOK p { line-height:22px; }
/* page */
.cooperation { margin-top:5px; }
.cooperation h2 { height:31px; line-height:34px; overflow:hidden; text-indent:1em; font-size:14px; color:#fff; background:#999; }
.cooperation div { border:solid 1px #999; font-size:13px; background:#eee; }
.cooperation p { margin:60px 150px 20px; line-height:20px; text-indent:2em; }
.cooperation dl { margin:40px 270px 100px; }
.photo { margin-top:6px; }
.photo .right { float:right; width:200px; }
.photo .login { padding:5px 10px 15px; border:solid 1px #ccc; overflow:hidden; color:#000; }
.photo .login legend { display:none; }
.photo .login label { display:block; line-height:30px; }
.photo .login input { width:148px; height:18px; border:solid 1px #999; }
.photo .login button,
.photo .login .button { float:left; vertical-align:middle; width:50px; height:20px; margin:5px 20px 0 0; padding:0; line-height:18px; border:solid 1px #666; text-align:center; text-decoration:none!important; color:#444; background:url("/images/button.gif") repeat-x; }
.photo .login .button { width:48px; height:18px; line-height:20px; overflow:hidden; }
.photo .right .img { margin-top:5px; height:400px; overflow:hidden; background:url("/images/photo.gif") no-repeat; }
.photo .right .img p { height:142px; padding-top:41px; overflow:hidden; text-align:center; }
.photo .right .img a { display:block; line-height:22px; font-size:14px; color:#333; }
.photo .right .img a img { display:block; margin:0 auto; border:solid 1px #999; }
.photo .left { float:left; width:750px; overflow:hidden; }
.photo .lt,
.photo .ct,
.photo .rt { position:relative; float:left; width:300px; height:305px; overflow:hidden; }
.photo .lt h3,
.photo .ct h3,
.photo .rt h3 { position:relative; left:20px; float:left; width:100px; height:25px; line-height:28px; overflow:hidden; margin-left:-10px; text-align:center; font-size:13px; font-weight:normal; color:#333; background:url("/images/photo.gif") no-repeat 0 -525px; cursor:pointer; }
.photo .lt h3.up,
.photo .ct h3.up,
.photo .rt h3.up { z-index:99!important; background-position:0 -450px; cursor:text; }
.photo .lt div,
.photo .ct div,
.photo .rt div { display:none; position:absolute; left:0; top:25px; width:298px; height:258px; padding:10px 0; overflow:auto; border:solid 1px #ccc; }
.photo .lt div.up,
.photo .ct div.up,
.photo .rt div.up { display:block; }
.photo .lt li,
.photo .ct li,
.photo .rt li { padding-left:25px; background:url("/images/photo.gif") no-repeat -182px -436px; }
.photo .lt li a,
.photo .ct li a,
.photo .rt li a { line-height:22px; color:#666; }
.photo .ct { width:220px; margin-left:5px; }
.photo .ct h3 { left:15px; width:110px; background-position:0 -500px; }
.photo .ct h3.up { background-position:0 -425px; }
.photo .ct div { width:218px; }
.photo .lt h3 { left:58px; width:110px; background-position:0 -500px; }
.photo .lt h3.up { background-position:0 -425px; }
.photo .rt { float:right; width:220px;}
.photo .rt h3 { left:33px; width:175px; background-position:0 -400px; cursor:text; }
.photo .rt div { display:block; width:218px; }
.photo .banner { clear:left; padding-top:5px; }
.photo .banner img { border:solid 1px #ccc; }
.photo .uList { clear:left; padding-top:5px; width:100%; overflow:hidden; }
.photo .uList ul { width:150%; white-space:nowrap; }
.photo .uList li { float:left; width:120px; padding:5px; margin:0 21px 0 1px; overflow:hidden; border:solid 1px #ccc; text-align:center; }
.photo .uList li a { color:#666; }
.photo .uList li img { display:block; margin-bottom:5px; }
.question { padding-bottom:30px; }
.question ul { height:21px; display:block; padding-left:30px; border-top:solid 4px #fff; background:#f6f6f6; }
.question li { position:relative; bottom:-1px; float:left; width:94px; height:21px; overflow:hidden; text-indent:15px; background:url("/images/question.gif") no-repeat -2973px 0; }
.question li.up { text-indent:18px; background-position:-2880px 0; }
.question li a { line-height:24px; font-size:13px; color:#333; text-decoration:none!important; }
.question li.up a { font-weight:bolder; color:#f60; }
.question .tab { overflow:hidden; border-top:solid 1px #b6b7b3; background:url("/images/question.gif") repeat-y -960px 0; }
.question .tab h2 { height:28px; margin-bottom:30px; border-top:solid 2px #eee; text-indent:8px; line-height:30px; font-size:13px; background:url("/images/question.gif") repeat-y -1920px 0; }
.question .tab div.tabList { display:none; padding-bottom:30px; height:auto!important; height:1%; background:url("/images/question.gif") no-repeat 0 bottom; }
.question .tab div.up { display:block; }
.question .tab div p { margin:0 30px 15px; line-height:14px; color:#666; }
.question .tab p.tips { padding:10px; background:#E2E2E2; }
.question .tab p.border { width:878px; overflow:hidden; padding:10px; border:solid 1px #E2E2E2; }
.question .tab p input { width:120px; }
.question .tab p textarea { width:900px; height:150px; overflow:hidden; }
.question .tab p button { padding:3px 8px 1px; }
.question .tab .n { display:block; padding:0 0 15px; }
.question .tab .r { text-align:right; }
.question .tab .t { padding-left:2em; }
.pher_a { margin-top:5px; font-size:14px; }
.pher_a a { color:#666; }
.pher_a .left { float:left; width:755px; }
.pher_a .right { float:right; width:200px; }
.pher_a .h,
.pher_b h2 { height:23px; line-height:25px; overflow:hidden; border:solid #ccc; border-width:1px 1px 0; text-indent:15px; font-size:14px; color:#666; background:url("/images/button.gif") repeat-x; }
.pher_a .left h3 { height:30px; line-height:33px; overflow:hidden; border-bottom:solid 1px #ccc; text-indent:15px; font-size:14px; font-weight:normal; color:#666; background:#f2f2f2; }
.pher_a .left div { position:relative; border:solid #ccc; border-width:0 1px 1px; }
.pher_a .left div p.more { position:absolute; right:5px; top:8px; }
.pher_a .left ul { width:736px; padding:0 0 15px 17px; overflow:hidden; zoom:1; }
.pher_a .left li { float:left; width:165px; height:255px; overflow:hidden; margin:15px 17px 0 0; border:solid 1px #ccc; background:#f2f2f2; }
.pher_a .left dt { height:145px; padding-top:5px; text-align:center; }
.pher_a .left dt img { border:solid 1px #ccc; padding:3px; background:#fff; }
.pher_a .left dd { width:130px; margin-left:18px; line-height:24px; } 
.pher_a .search form,
.pher_a .top ol,
.pher_a .album ul { padding:0 10px 15px; border:solid 1px #ccc; overflow:hidden; color:#000; }
.pher_a .search label { display:block; line-height:30px; }
.pher_a .search input,
.pher_a .search select { width:148px; height:18px; border:solid 1px #999; }
.pher_a .search button { float:left; vertical-align:middle; width:90px; height:20px; margin:10px 20px 0 0; padding:0; line-height:18px; border:solid 1px #666; text-align:center; text-decoration:none!important; color:#444; background:url("/images/button.gif") repeat-x; }
.pher_a .top,
.pher_a .album { margin-top:5px; }
.pher_a .top ol,
.pher_a .album ul { padding-top:10px; line-height:24px; }
.pher_a .top li { margin-left:25px; list-style:decimal; }
.pher_a .album li { padding-left:15px; background:url("/images/photo.gif") no-repeat -192px -436px; }
.pher_b { margin-top:5px; border:solid 1px #ccc; overflow:hidden; font-size:14px; color:#666; }
.pher_b h2 { border:0; }
.pher_b .tips { position:relative; height:30px; line-height:33px; overflow:hidden; border-bottom:solid 1px #ccc; text-indent:15px; color:#666; background:#f2f2f2; }
.pher_b .tips span { margin-right:20px; }
.pher_b .tips em { position:absolute; right:5px; top:0; font-style:normal; }
.pher_b .left { float:left; width:161px; height:645px; border-right:solid 1px #ccc; background:#f2f2f2; }
.pher_b .left dl { height:320px; border-bottom:solid 1px #ccc; }
.pher_b .left dt { text-align:center; padding:25px 0 15px; }
.pher_b .left dt img { border:solid 1px #ccc; padding:3px; background:#fff; }
.pher_b .left dd { margin-left:15px; line-height:28px; }
.pher_b .left h3 { text-indent:10px; line-height:35px; font-size:14px; font-weight:normal; }
.pher_b .left .text { height:280px; margin:0 4px; padding:0 5px; overflow-y:auto; line-height:14px; font-size:12px; background:#fff; }
.pher_b .left ul { margin-top:5px; padding-bottom:5px; border-bottom:solid 1px #ccc; }
.pher_b .left li { padding:3px 0; }
.pher_b .right { height:645px; overflow-y:auto; }
.single_one{ float:left; display:inline; width:170px; padding:20px 7px 20px 16px;}
.single_one .pic_holder { width:170px; height:177px; margin-bottom:3px;}
.single_one .pic_holder a{ display:block; padding-bottom:7px; background:url("/images/search_dotted.gif") 0 bottom repeat-x; width:170px; text-align:center;}
.single_one .pic_holder p{ display:none;}
.single_one em{ font-family:Verdana; font-size:10px; font-style:normal; line-height:200%; display:block;}
.single_one em .rm{ color:#f39d64;}
.single_one em .rf{ color:#00791f;}
.single_one p a:link,
.single_one p a:visited{ text-decoration:none; padding-left:14px;}
.single_one p a.favorite_folder{ background:url("/images/ico_favorite.gif") 0 2px no-repeat;}
.single_one p a.small_sample{ background:url("/images/ico_sample.gif") 0 2px no-repeat;}
.single_one p a.icon_shopping_cart{ background:url("/images/ico_cart.gif") 0 2px no-repeat; display:inline; margin-right:11px; padding-left:16px;}
.single_one p a.big_sample {background:url("/images/big.gif") 0 50% no-repeat;}
.single_one p a.more_sample {background:url("/images/more.gif") 0 50% no-repeat;}
.pic_info p{ padding:0 4px; text-align:right;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;height:20px; line-height:20px; float:left; width:160px;}
.pic_info p.first{ border-left:none;border-right:none; text-align:left; width:162px;}
.pic_info p a.floatL{ display:block; text-align:left; float:left;border-right:1px solid #ccc; width:67px;}
.single_one a { padding-left:0px; font-size:12px; color:#666; }
.single_one a.similarpic{ background:url("/images/more.gif") 0 2px no-repeat;}
.single_one a.bigpic{ background:url("/images/ico_search.gif") 0 2px no-repeat; }

.popup_box{ position:absolute; right:30px; top:23px; z-index:1000; font-family:Verdana, Arial; display:none; background:#eeeeee; border:1px #bfbfbf solid;}
.popup_box_inside{ width:100%; overflow:hidden;}
.popup_box .btn_close{ float:right; display:inline; margin:5px 5px 0 0; width:11px; height:11px; text-indent:-999px; overflow:hidden; background:url(/images/ico_close.gif) no-repeat;}

.popup_kefu{ width:148px;}
.popup_kefu .popup_box_inside{}
/*.popup_kefu ul{ padding:16px 15px 20px 10px;}
.popup_kefu ul li{ padding-left:8px; line-height:160%; }
.popup_kefu ul li a:link,
.popup_kefu ul li a:visited{ text-decoration:none; line-height:160%;}*/
.popup_kefu { background:#eee; }
.popup_kefu ul { padding:18px 15px 5px 10px; }
.popup_kefu li { padding:4px 0 3px; margin-bottom:4px; text-indent:15px; background:url(/kefu/images/icon/kefu_icon.gif) no-repeat 0 1px; }
.popup_kefu li a { color:#f60; }
.popup_kefu .online a:hover { color:#c00; }
.popup_kefu li span { color:#f60; }
.popup_kefu li.offline { background-position:0 -29px; }
.popup_kefu li.offline a { color:#666; }
.popup_kefu li.offline span { color:#999; }