@charset "utf-8";

/**
 * style.css main stylesheet.
 * 
 * @author xlight http://im87.cn
 * @version 2.0
 */
/**common**/
body{ margin:0;color:#595959;font:12px/1.5 Lucida Grande,Helvetica,tahoma,arial,Microsoft YaHei,sans-serif; line-height:26px;background:url(images/bg_body.jpg);}
img{border:none}
li{ list-style:none}
h1,h2,h3,h4,p{ margin:0}
h1{ font-size:26px; line-height:30px}
h2{ font-size:20px}
h3{ font-size:16px}
h4{line-height:23px; font-size:14px}
h5{font-weight:bold; margin:0; padding:0; font-size:12px; line-height:23px}
ul,.block ul,form,a,img{padding:0; margin:0}
a{color:#0084ff; text-decoration:none}
a:hover{ color:#ffaa00;}
input{font-family:Lucida Grande,Helvetica,tahoma,arial,Microsoft YaHei,sans-serif;}
.clear{clear:both;font-size: 0; line-height: 0;height:0}
.center{text-align:center}
.bold{font-weight:bold}
.none{width:0;height:0;line-height:0; font-size:0}
.right{float:right}
.hidden{display:none}
.inline{display:inline}
.block{display:block}
/**public**/
.wrapper{width:100%;height:100%;}
#header{height:97px;padding-top:21px;background:url(images/bg_header.jpg) repeat-x}
#logo{display:block;width:185px;height:81px;float:left;background:url(images/logo.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="misc/images/logo.png");_cursor: pointer;}
#header .block{float:left; line-height: 81px;}
#header .login{float:right; _line-height:30px;_padding-top:26px}
#header .login img{vertical-align: middle;}
#header .login span{margin-right:10px}
#header .nav li{float:left;font-size:18px;text-align: center; width:100px;}
#header .nav li a.active,#header .nav li a:hover{color:#0066ff}
#header .nav .quan a{width:100%; height:100%;display: block;background:url(images/quan.png) center no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="misc/images/quan.png");_cursor: pointer;}
#content{background:url(images/bg_content.jpg)}
#content .nav{text-align: right;padding-top:10px}
#content .nav a{line-height: 16px; padding-left:18px;display:block}
#content .nav li{margin-left: 5px;}
#content .keep{background:url(images/icon_a.png) no-repeat}
#content .save{background:url(images/icon_a.png) 0 -16px no-repeat}
#content .prom{background:url(images/icon_a.png) 0 -32px no-repeat}
#footer{height:119px;background:url(images/bg_footer.jpg) repeat-x}
#footer .block{padding-top:20px}
#footer .nav,#footer .copy{text-align: right;}
#footer .nav li{display:inline;padding-left:5px;}
#header,#content,#footer{width:100%}
#header a,#footer a,.seller a{color:#333}
#header a:hover,#footer a:hover,.seller a:hover{color:#999}
.w960{width:960px;margin:auto}
.w860{width:860px;margin:auto}
ul.pager{text-align: right;margin:0 20px 10px 0;font-size:0}
ul.pager li{margin-left: 5px;font-size:12px}
ul.pager a,ul.pager span{padding:0 8px;background:#65aa02;display:block;color:#fff;border:1px solid #65aa02}
ul.pager .active a,ul.pager .active span{background:#fff;color:#65aa02;border:1px solid #cdcdcd}

.search input{border:none;vertical-align: middle;}
.left{width:675px;float:left}
.right{width:250px;float:right}
.right .block{margin-bottom:10px}
.submit{cursor:pointer}
input.input-a,input.input-b,input.input-c,input.input-d,input.input-e{background:url(images/icon_b.png);border:none;}
input.input-a{width:108px;height:33px;cursor:pointer;background-position: 0 -397px;display:block}
input.input-b{width:152px;height:24px;background-position: 0 -473px;line-height: 24px;padding:2px 5px;color:#ff2a00;font-weight: bold;}
input.input-c{width:217px;height:28px;background-position:0 -501px;padding: 2px 5px;line-height: 28px;}
input.input-d{width:108px;height:33px;background-position:-108px -397px;}
input.input-e{width:95px;height:29px;background-position:-156px 0;}
/**index**/
#index .search{margin:85px auto 90px auto;width:728px;}
#index .search .keywords{width:539px;height:40px;color:#006699;font-size:18px;line-height: 40px;border:none;background:url(images/search.png);padding:5px;padding-left:35px;vertical-align: middle;}
#index .search .submit{width:133px;height:57px;background:url(images/search.png) 133px 0;border:none;cursor:pointer;vertical-align: middle;}
.search-b form{padding:10px 0}
#index .notice{float: left; padding-top: 10px;padding-left: 115px}
#index .tip{background:url(images/icon_a.png) 0 -48px no-repeat;padding-left:25px}
#index .shotcuts{padding-bottom:60px}
#index .shotcuts li.block{margin:0 8px;vertical-align: top;font-size: 0}
#index .shotcuts li a.block{color:#3a80bc;display: block; cursor: pointer}
#index .shotcuts li a:hover h3,#index .shotcuts li a:hover{color: #222}
#index .shotcuts li a{color:#3a80bc}
#index .shotcuts li .color-a{color:#719a00}
#index .shotcuts .block-head{height:7px;width:160px;background:url(images/block.png);}
#index .shotcuts .block-content{padding:8px 12px;background:url(images/repeat_a.png) repeat-y;}
#index .shotcuts .block-foot{height:15px;width:160px;background:url(images/block.png) 0 -7px}
#index .shotcuts .b-c-head{width:135px;height:4px;background:url(images/block.png) 0 -22px}
#index .shotcuts .b-c-content{width:125px;background:url(images/repeat_a.png) -160px 0 repeat-y;text-align: left;padding:5px;font-size:12px}
#index .shotcuts .b-c-foot{width:135px;height:4px;background:url(images/block.png) 0 -26px}
#index .shotcuts .block-head,
#index .shotcuts .block-foot,
#index .shotcuts .b-c-head,
#index .shotcuts .b-c-foot{font-size: 0;line-height: 0;}
#index .shotcuts h3{font-weight: normal;color:#3a80bc}
#index .shotcuts .bg{width: 100%; height: 100%;}
#index .shotcuts .quan a .bg{background: url(images/quan.jpg) center no-repeat}
#index .shotcuts .quan a:hover .bg{background: url(images/quan02.jpg) center no-repeat}
#index .shotcuts .video a .bg{background: url(images/video.jpg) center no-repeat}
#index .shotcuts .video a:hover .bg{background: url(images/video02.jpg) center no-repeat}
#index .shotcuts .about a{display: block;text-align: center}
#index .shotcuts .about a.follow{background: url(images/01.jpg) center no-repeat}
#index .shotcuts .about a.follow:hover{background: url(images/01-1.jpg) center no-repeat}
#index .shotcuts .about a.renren{background: url(images/02.jpg) center no-repeat}
#index .shotcuts .about a.renren:hover{background: url(images/02-1.jpg) center no-repeat}
/**search**/
#search #content .w960{background:#fff;margin-bottom:5px;padding:10px;width:940px}
#search .faq{padding:20px;background:#F3F3F3}
#search .faq .color-a{color:#719a00}
#search .search{background:url(images/bg_a.png) no-repeat;padding-top:45px}
#search .search .keywords{width:498px;height:28px;line-height:28px;background:url(images/search.png) 0 -57px;padding:5px;padding-left:35px;color:#999}
#search .search .submit{width:136px;height:38px;background:url(images/search.png) -538px -57px;padding:0}
#search .search .tip{padding:5px}
#search .goods{border:1px solid #e6e6e6}
#search .goods .toolbar{background:#f9f9e0;padding:5px;border-bottom: 2px solid #e6e6e6;color:#808080;}
#search .goods .orderby,
#search .goods input{height:18px;line-height:18px;padding:0 5px;margin: 0 5px;vertical-align:middle}
#search .goods input{background:url(images/repeat_b.png) repeat-x;border:1px solid #ccc;}
#search .goods .orderby{background:url(images/icon_b.png) no-repeat;width:48px;height:20px;line-height:20px;}
#search .goods .price{width:45px}
#search .goods .active{background:url(images/icon_b.png) 0 -20px no-repeat;}
#search .goods .submit{height:20px;color:#808080;}
#search .goods .list{min-height: 200px;padding:10px;padding-bottom:0;line-height: 28px;}
#search .goods .list li{border-bottom:1px solid #E5E5E5;padding:5px 0;margin-bottom: 10px;}
#search .goods h4{font-weight:normal}
#search .photo{border:1px solid #cdcdcd;float:left;line-height:0;margin-right:10px;width:86px;}
#search .photo a{display:block;line-height: 0;}
#search .goods dl,
#search .goods dt,
#search .search-link dl,
#search .search-link dt{float:left;margin:0}
#search .goods dd{margin:0;}
#search .goods .d-a,#search .search-link .d-a{width:205px;}
#search .goods .d-b,#search .search-link .d-b{width:125px;padding-left:20px}
#search .goods .d-c{width:145px;padding-left:50px}
#search .search-link .discount .d-c{width:165px;line-height:28px;padding-left:15px;margin-top:-5px;}
#search .goods .seller a{margin-right:5px}
#search .goods .price{color:#ff0000;font:bold 16px arial;padding-right:5px}
#search .search-link .search{background:none;padding:0}
#search .search-link .discount{padding:8px;margin:15px 0;background:#ff6d05}
#search .search-link .discount-i{padding:10px 15px;background: #fff;}
#search .search-link .discount .price{font:bold 16px arial;padding-right:5px}
#search .search-link .discount .price-big{font: bold 28px Arial;color:#ff0000;padding-right:5px;}
#search .search-link .buttons{float:right}
#search .search-link .buttons a{background:url(images/icon_b.png);margin-left:10px}
#search .search-link .buttons a.share{background-position:0 -40px;width:147px;height:41px}
#search .search-link .buttons a.get-discount{background-position: 0 -81px;width:147px;height:41px}
#search .search-link .tip{background:url(images/icon_b.png) 0 -122px no-repeat;width:135px;height:21px;margin: 10px 0}
/**tutorials**/
#tutorials .search{margin:10px 0 15px}
#tutorials .search .keywords{width:474px;padding:5px 0 5px 35px;height:34px;line-height:28px;background:url(images/search.png) 0 -98px;color:#999}
#tutorials .search .submit{width:131px;height:50px;background:url(images/search.png) -515px -95px;padding:0}
#tutorials .video{margin-bottom:15px}
#tutorials .video-list li,#tutorials .video-list .header{margin-bottom:10px}
#tutorials .video-list .header,
#tutorials .video-list li a{display:block;width:218px;padding:0 10px;background:url(images/icon_b.png) no-repeat}
#tutorials .video-list .header{height:66px; background-position:0 -143px;}
#tutorials .video-list li a{height:31px;font:23px bold;font-family:Microsoft YaHei,SimHei; color:#ffea00;line-height:31px;background-position:0 -209px;padding-top:5px;padding-bottom:10px}
#tutorials .video-list li a:hover,
#tutorials .video-list li a.active{background-position:0 -255px}
/**faq**/
#faq .body{background:#fff;padding:10px 30px;width:900px}
#faq .left{width:605px}
#faq .right{width:252px}
#faq .right-nav{background:#f6fdca;padding-bottom:100px}
#faq .right-nav .header{text-align: center;color:#ff4000;font-size: 18px;padding:15px 0}
#faq .right-nav li a{background:url(images/icon_b.png) 0 -301px no-repeat;display:block;height:48px;line-height:48px;text-align: center;font-size:20px;font-weight:bold;color:#222}
#faq .right-nav li a:hover,
#faq .right-nav li.active a{background:url(images/icon_b.png) 0 -349px no-repeat;}
#faq #help .block h3{ background: url("images/bg_faqblock.gif") no-repeat;color: #FF4800; height: 28px;line-height: 28px;margin: 10px 0;padding:0 0 5px 35px;border-bottom:6px solid #ff6a00}
#faq #help ul.part li{margin-bottom: 5px;}
#faq #help ul.part h4 {background: url("images/bg_faqitem.gif") no-repeat right center #F0EEEE;cursor: pointer;display: block;height: 31px;line-height: 31px; padding-left: 20px;}
#faq #help ul.part p{display:none;padding: 0 20px;}
/**user**/
#user .left{width:193px;margin-right:5px}
#user .left .header{padding:20px 0;text-align: center;height:50px;background:url(images/block.png) 0 -30px no-repeat}
#user .left h1{color:#2f8c00}
#user .left-nav{margin-top:20px}
#user .left li a{height:45px;line-height:45px;display:block;font-size: 15px;color:#222}
#user .left li a.active,#user .left li a:hover{background:url(images/arr.png) center no-repeat;color:#2f8c00}
#user .left,#user .right{float:left;border:1px solid #a6c8dd;background:#fff;margin-top:10px;margin-bottom:20px;min-height:480px;}
#user .right{width:758px}
#user .right .header{background:#eaf2ff;padding:20px 15px;border-bottom:1px solid #afdaff;color:#2f8c00}
#user .right .body{line-height: 45px;font-size:15px;color:#222}
#user .right .block{float:left;border:none}
#user .right .c-left{width:340px;padding:20px 10px 20px 20px;}
#user .right .invite{width:232px;height:43px;line-height:43px;background:url(images/icon_b.png) 0 -430px;display:block;margin:auto}
#user .right .c-right{border-left: 1px solid #DDDDDD;padding-left: 10px;width: 350px;padding:20px 20px 20px 10px}
#user .right .body .op{float:right;font-size: 12px;}
#user .right .body .op a{margin: 0 3px;}
#user .right .info {color: red;font-weight: bold;}
#user .right .body .input-a{margin:auto;margin-top:5px;}
#user .right .notes{ background:#F3F3F3;border: 1px solid #DDDDDD;line-height: 25px; margin-top: 10px;padding: 10px;font-size:12px}
#user table{border-collapse: collapse;border-bottom:1px dashed #ddd;margin-bottom:10px}
#user th{border:1px solid #ccc;border-top:none;padding:0}
#user tr.odd td{background:#f2f2f2}
#user td{font-size:12px;text-align: center;line-height: 32px;}
#user .pager{line-height: 26px;}
#user p{font-size: 12px;}
#user .recommend h1 a{margin: 10px 0;color:red;display:block}
#user .recommend p{padding: 10px 20px;}
#user .recommend .body{line-height: 26px;}
#user .recommend table{margin-bottom:0}
#user .recommend th{border:1px solid #ccc}
#user .recommend td{line-height: 26px;}
#user span.dt{text-align: right;width: 100px;color:#222}
#form-user-setting{padding-left:20px}
#form-user-setting input.input-d{margin-left:100px}
#form-user-setting li,#form-user-setting .input-c{color:#ff2a00}
#user .setting .tip{width:340px;padding-left:20px;line-height: 26px;margin-top:30px;color:#ff2a00}
/**auth**/
#auth .auth{width:860px;margin:auto;padding:20px 0}
#auth .auth .top,#auth .auth .bottom{width:100%;background:url(images/block.png) no-repeat;height:3px;font-size: 0;line-height: 0;}
#auth .auth .top{background-position:0 -120px}
#auth .auth .center{height: 435px;background:url(images/repeat_a.png) -295px 0 repeat-y}
#auth .auth .left{width:315px;padding:50px 80px 0 80px;color:#006ead}
#auth .auth .left h1{color:#ff5500;border-bottom:4px solid #ffaa00;padding-bottom:15px}
#auth .auth .link{padding:25px 0;font-size: 16px;border-bottom:4px solid #ffaa00;}
#auth .auth .tip{padding:20px 0;text-align: left;}
#auth .auth .login{line-height: 45px;font-size:16px;padding:20px 0}
#auth .auth .right{width:385px;float:right;height:100%;}
#auth .auth .bottom{background-position:0 -123px}
/**other**/
#popup{ visibility: hidden;position: absolute;padding-left: 6px;}
#popup .block{border:1px solid #666;width:auto}
#popup-href{width:100%;height:100%;text-align: center;display: table-cell; vertical-align: middle;border: 4px solid #E8E8E8;vertical-align: middle;width:250px;height:250px;background: #fff;*display:block;*font-size:218px;*font-family:arial;}
#popup-href img{vertical-align: middle;max-width:220px;max-height:220px;}
#popup .arr{position: absolute;width:7px;height:13px;background:url(images/arr2.png) -1px;left:0;top:36px;line-height: 0;font-size: 0;}
.ww{background: url("http://img04.taobaocdn.com/tps/i4/T1UPFAXnNfXXXXXXXX-130-60.gif") no-repeat;height: 20px;line-height:20px;width: 67px;}
#content .nav li,#index .shotcuts li,#search .goods .orderby,#search .goods input,
.pager li,#search .search-link .buttons a,#search .seller a,input.input-b,#user span.dt
/*inline-block*/{display:inline-block;zoom:1;*display:inline;}

/**·ÖÒ³**/
.scott{text-align:center;margin:3px;padding:3px}
.scott a{border-bottom:#ddd 1px solid;border-left:#ddd 1px solid;border-right:#ddd 1px solid;border-top:#ddd 1px solid;color:#88af3f;margin-right:2px;text-decoration:none;padding:2px 5px}
.scott span.current{background-color:#b2e05d;border-bottom:#b2e05d 1px solid;border-left:#b2e05d 1px solid;border-right:#b2e05d 1px solid;border-top:#b2e05d 1px solid;color:#fff;font-weight:700;margin-right:2px;padding:2px 5px}
.scott span.disabled{border-bottom:#f3f3f3 1px solid;border-left:#f3f3f3 1px solid;border-right:#f3f3f3 1px solid;border-top:#f3f3f3 1px solid;color:#ccc;margin-right:2px;padding:2px 5px}
.scott a:hover,div.scott a:active{background-color:#f1ffd6;border-bottom:#85bd1e 1px solid;border-left:#85bd1e 1px solid;border-right:#85bd1e 1px solid;border-top:#85bd1e 1px solid;color:#638425}

/**°´Å¥**/
.info_num{border-radius:2px 2px 2px 2px;display:block;float:left;font-size:12px;height:42px;line-height:42px;margin-bottom:10px;margin-right:10px;width:180px}
.green{background:none repeat scroll 0 0 #8fc400}
.blue{background:none repeat scroll 0 0 #4096ee}
a.info_num{color:#FFF;text-decoration:none;font-size:22px;text-align:center;font-weight:700}

.green{color:#00ff00}