@charset "utf-8";
/* CSS Document */
body{ font-family:'Microsoft YaHei'; color:#333; background:#ebeae8}
input::-moz-placeholder{color:#ccc}
input::-webkit-placeholder{color:#ccc}
input::placeholder{color:#ccc}
.wrapper{ width:1244px; margin:0 auto; position:relative}
.icon{ background:url(../images/icon.png) no-repeat}
.btn{display:inline-block;line-height:1;border-radius:2px;font-size:14px;padding:0 12px;height:28px;line-height:28px;background:#fff;background:linear-gradient( #FAFAFA, #F2F2F2);border:1px solid #D9D9D9;cursor:pointer;text-decoration:none;color:#444;white-space:nowrap;-moz-user-select:none;-webkit-user-select:none;user-select:none;-moz-text-shadow:0 1px 0 rgba(255,255,255,.5);-webkit-text-shadow:0 1px 0 rgba(255,255,255,.5);text-shadow:0 1px 0 rgba(255,255,255,.5);text-align:center}
.btn:hover{text-decoration:none;color:#444;background:linear-gradient(#FFF, #F7F7F7);-moz-box-shadow:inset 0 1px 0 white,0 1px 0 rgba(255,255,255,.05);-webkit-box-shadow:inset 0 1px 0 white,0 1px 0 rgba(255,255,255,.05);box-shadow:inset 0 1px 0 white,0 1px 0 rgba(255,255,255,.05);border:1px solid #CCC}
.rbtn{background:#E53E49;background:linear-gradient( #E53E49, #D43636);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 0 rgba(255,255,255,.3);text-shadow:0 -1px 0 rgba(0,0,0,.1);color:#fff;border:1px solid #C90000}
.rbtn:hover{background:linear-gradient( #F45D68, #E54646);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 0 rgba(255,255,255,.1);border:1px solid #C90000}
.header{ background:#fff; height:46px;-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.2);box-shadow:0 0 4px rgba(0, 0, 0, 0.2); position:fixed; left:0; top:0; z-index:97; width:100%}
.logo{ height:48px; line-height:48px; font-size:26px; float:left}
.logo em{ display:inline-block; width:31px; height:26px; background:url(../images/logo.png) no-repeat;margin-right:5px; font-size:0; line-height:0; vertical-align:22px; *vertical-align:-3px}
.nav{ padding-left:28px; display:inline-block; float:left; line-height:48px}
.nav a{ display:inline-block; margin-right:32px; font-size:14px; color:#333; text-decoration:none; float:left}
.nav a:hover,
.nav a.cur{ color:#d30000; text-decoration:none}
.login-box{ float:right; line-height:48px}
.login,.register{padding:0;width:50px;height:32px;line-height:32px; margin-left:5px}
.register{background:#E53E49;background:linear-gradient( #E53E49, #D43636);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 0 rgba(255,255,255,.3);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 0 rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 0 rgba(255,255,255,.3);-moz-text-shadow:0 -1px 0 rgba(0,0,0,.1);-webkit-text-shadow:0 -1px 0 rgba(0,0,0,.1);text-shadow:0 -1px 0 rgba(0,0,0,.1);color:#fff;border:1px solid #C90000}
.register:hover{background:linear-gradient( #F45D68, #E54646);color:#fff;-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 0 rgba(255,255,255,.1);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 0 rgba(255,255,255,.1);border:1px solid #C90000}
.quit{ padding-left:10px; font-size:14px}
.quit a{ color:#333; text-decoration:none; font-size:14px}
.quit a:hover{ color:#333; text-decoration:underline}
.searching{ float:right; position:relative;margin-right:10px;padding-top:6px;overflow:hidden}
.searching input{width:140px;height:32px;padding:0 6px 0 12px;font-size:14px;color:#bbb;background:#fafafa;border:1px solid #ddd;border-radius:2px}
.searching .go{ display:inline-block; width:18px; height:18px; background-position:-55px 0; position:absolute; right:10px; top:14px; font-size:0; line-height:0}
.searching .go:hover{ background-position:-55px -18px}
#bannerwrapper{position: relative;margin: 30px auto;width: 100%;height: 528px;}
#banner{position:relative;width: 100%;height: 608px;overflow: hidden;}
.imgList{position:relative;width:6000px;height:608px;z-index: 10;overflow: hidden;}
.imgList li{float:left;display: inline;}
.banner-last,
.banner-next{ display:inline-block; width:24px; height:41px; position:absolute; top:260px; font-size:0; line-height:0;z-index: 20;}
.banner-last{ left:5%; background-position:left top}
.banner-last:hover{ background-position:left -41px}
.banner-next{ right:5%; background-position:-24px top}
.banner-next:hover{ background-position:-24px -41px}
.list-box{ margin-top:20px; position:relative;min-height:500px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>500?"500px":"");}
.pinmain{position:relative;float:left;margin-bottom:18px;margin-right:16px;}
.pin{position:relative;float:left;margin-bottom:18px;margin-right:16px;width:236px;font-size:12px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,.3);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3)}
.pin-img{ display:block; position:relative}
.pin-img img{ display:block; width:100%; height:auto}
.pin-tit{ padding:8px 12px; line-height:18px; font-size:12px}
.pin-tit a{color:#333; text-decoration:none}
.pin-tit a:hover{ color:#9e7e6b; text-decoration:none}
.operation{ border-top:1px #f2f2f2 solid; padding:8px 12px}
.operation label{ padding-right:10px}
.operation label em{ display:inline-block; width:12px; height:12px; font-size:0; line-height:0; margin-right:2px; overflow:hidden;vertical-align:-1px}
.operation label em.repin{ background-position:-80px top; height:11px; }
.operation label em.repining{ background-position:-80px -11px; height:11px}
.operation label em.like{ background-position:-96px top;vertical-align:-2px}
.operation label em.likeing{ background-position:-96px -11px}
.list-more{cursor:pointer;width:100%;text-align:center; padding:0px 0 50px;z-index: 30}
.list-more a{ display:inline-block; height:48px; padding:0 215px;background:#fff;background:linear-gradient( #fff, #eee); border:1px #d7d7d7 solid; line-height:48px; font-size:14px; color:#333; text-decoration:none; margin:0 auto; border-radius:3px}
.list-more a:hover{background:#f7f7f7;background:linear-gradient( #f7f7f7, #eee);color:#333; text-decoration:none }
.pop-bg{ background:#000;filter:alpha(opacity=20);-moz-opacity:0.2;-webkit-opacity:0.2;-ms-opacity:0.2;opacity: 0.2; width:100%; height:100%; position:fixed; left:0; top:0; z-index:99}
.login_frame{ background:#fff; width:350px; height:400px; border-radius:8px; position:fixed; left:50%; top:50%; margin:-200px 0 0 -260px; *position:absolute; z-index:100; padding:0 125px}
.register_frame{ height:450px; margin-top:-225px}
.picmax_frame{ background:#fff;border-radius:8px; position:fixed; left:50%; top:50%; margin:-200px 0 0 -260px; *position:absolute; z-index:100; padding:0 125px}
.close-frame{ display:inline-block; width:15px; height:15px; font-size:0; line-height:0; background-position:-112px top; position:absolute; right:15px; top:15px}
.close-frame:hover{ background-position:-112px -15px}
.h1-frame{ text-align:center; padding:50px 0 22px; font-size:24px; line-height:26px; font-weight:normal}
.h1-frame em{ display:inline-block; width:31px; height:26px; margin-right:5px; vertical-align:-4px; background-position:-169px top}
.label-frame{ position:relative; text-align: right;padding-bottom:22px; display:inline-block; width:350px}
.label-name{ height:36px; font-size:14px;width:50px;text-align: right; }
.label-input{ height:36px; width:248px; padding:0 10px; line-height:36px; font-size:14px; border:1px #cacaca solid; border-radius:3px}
.label-captcha{ width:147px; }
.label-captcha-img{ float:right; width:98px; height:36px; border:1px #cacaca solid;display:inline-block}
.label-captcha-img img{ width:98px; height:36px}
.label-prompt{ position:absolute; left:80px; top:40px; font-size:12px; color:#c20b0b}
.label-prompt i{ vertical-align:middle; font-size:14px}
.a-frame{ display:block; color:#fff; font-size:18px; margin-left:0; width:100%; height:38px; line-height:38px}
.switch-back{ padding-top:5px; line-height:22px}
.switch-back a{ color:#c20b0b; text-decoration:none; font-size:12px}
.switch-back a:hover{color:#c20b0b; text-decoration:underline}
.seltion,
.pin-view{ position:relative; top:65px; padding-bottom:65px; *padding-bottom:45px; width:1244px; margin:0 auto}
.seltion-box{background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,.3);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3); padding:20px 20px 15px}
.seltion-box dl{ padding-bottom:5px; line-height:24px}
.seltion-box dt{ width:60px; float:left}
.seltion-box dd{padding-left:100px;}
.seltion-box a{ display:inline-block; margin-right:16px; color:#333; text-decoration:none;word-break:break-all;white-space:nowrap}
.seltion-box a:hover,
.seltion-box a.active{ color:#d30000; text-decoration:none}
.h1-title{ line-height:28px; font-size:24px; color:#333; padding:20px 0 8px; border-bottom:1px #cecece solid; width:1244px; margin:0 auto; *padding-top:50px}
.main-part{ width:890px; float:left}
.image-piece,
.img-con,
.collect-part{ background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,.3);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3); margin-bottom:15px; position:relative; padding:30px}
.main-image{ width:960px; height:auto; overflow:hidden}
.image-holder{ text-align:center; position:relative}
.image-holder img{ display:inline-block}
.zoomin{ display:inline-block; width:28px; height:28px; text-align:center; line-height:34px; padding: 0; margin-right: 15px; float: right}
.zoomin .icon{ display:inline-block; width:18px; height:18px; background-position:-119px -41px; font-size:0; line-height:0; margin:5px}
.tool-bar{ position:absolute; left:0; bottom:0;background:rgba(0, 0, 0, 0.6); *background:url(../images/pop_bg.png) repeat left top;background:url(../images/pop_bg.png) repeat left top\9; height:40px; width:100%; line-height:40px;color:#fff}
.tool-look{ display:inline-block; float:left; padding:0 20px 0 15px }
.tool-look .icon{ background-position:-93px -41px; margin-right:5px; width:16px; height:10px; display:inline-block; vertical-align:middle}
.tool-like{ float:left; display:inline-block; color:#fff; text-decoration:none; margin-right: 20px}
.tool-like:hover{ color:#fff; text-decoration:none}
.tool-like .icon{display:inline-block;width:13px; height:13px; background-position:-93px -55px; vertical-align:middle; margin-right:5px}
.tool-likeing .icon{ background-position:-93px -68px}
.tool-download{ float:left; display:inline-block; color:#fff; text-decoration:none; margin-right: 20px}
.tool-download:hover{ color:#fff; text-decoration:none}
.tool-share{ margin-right:10px; float:right; line-height: 30px; position: relative}
.tool-share span{ display:inline-block; float:left; color: #333; font-size: 14px; cursor: pointer}
.share-btns{height:28px;width:180px;background:#FAFAFA;border:1px solid #EDEDED;text-align:left;display:inline-block;vertical-align:middle; position: absolute; right: 0; top: 30px; display: none}
.tool-share a{ width:30px; height:28px; display:inline-block; background:url(../images/share_icon.png) no-repeat; font-size:0; line-height:0; float:left; position: relative}
.tool-share a.weibo{ background-position:6px 4px}
.tool-share a.weibo:hover{ background-position:-34px 4px}
.tool-share a.kongjian{ background-position:6px -36px}
.tool-share a.kongjian:hover{background-position:-34px -36px}
.tool-share a.weixin{ background-position:6px -276px}
.tool-share a.weixin:hover{ background-position:-34px -276px}
.tool-share a.haoyou{ background-position:6px -156px}
.tool-share a.haoyou:hover{background-position:-34px -156px}
.tool-share a.douban{ background-position:6px -196px}
.tool-share a.douban:hover{ background-position:-34px -196px}
.tool-share a.renren{ background-position:6px -236px}
.tool-share a.renren:hover{ background-position:-34px -236px}
.tool-share a:after{content:"";display:block;position:absolute;width:1px;height:16px;right:0;top:6px;background:#EDEDED}
.tool-share:hover .share-btns{ display: block; }
.img-prev,
.img-next{ display:inline-block; width:36px; height:72px; position:absolute; top:50%; margin-top:-36px; font-size:0; line-height:0}
.img-prev{ background-position:left -93px; left:20px}
.img-prev:hover{background-position:left -165px}
.img-next{ background-position:-36px -93px; right:20px}
.img-next:hover{background-position:-36px -165px}
.side-part{ width:335px; float:right}
.board-piece,
.same-palette,
.right-advert{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,.3);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3); padding:10px}
.board-pins{ height:620px;width:315px}
.board_pins_waterfall{ min-height:620px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>620?"620px":""); position:relative;overflow-x:hidden;overflow-y:auto;}
.board_pins_waterfall a{ display:inline-block; width:98px; position:absolute;}
.board_pins_waterfall a>img{ width:100%; display:inline-block}
.board_pins_waterfall .cover{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,.5);-moz-box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1); *background:none}
.board_pins_waterfall a:hover .cover{background:rgba(255,255,255,.2);-moz-box-shadow:inset 0 0 0 1px rgba(0,0,0,.35);-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px rgba(0,0,0,.35)}
/*backtop s*/
.fixed-r{ width:46px; height:46px; position:fixed; left:50%; bottom:150px; margin-left:622px; z-index:98;_position:absolute;_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight-200); display:none}
.backtop{ display:inline-block; width:46px; height:46px; background:rgba(0, 0, 0, 0.6); background:url(../images/pop_bg.png) repeat left top; font-size:0; line-height:0; border-radius:5px}
.backtop em{ display:inline-block; width:23px; height:13px; background-position:-136px top; margin:16px 0 0 11px}
.backtop:hover{background:rgba(0, 0, 0, 0.8); text-decoration:none}
/*backtop e*/
/*footer s*/
.foot{ background:#323232; padding:35px 0 60px; text-align:center; color:#797979}
.foot p{ line-height:24px; font-size:12px}
.foot a{color:#797979; text-decoration:none}
.foot a:hover{color:#797979; text-decoration:underline}
/*footer e*/
/*@media only screen and (max-width:1024px){
	 .wrapper{ width:992px}
	 .nav a{ margin-right:20px}
	 .searching input{ width:240px}
	 .seltion, .pin-view{ width:992px}
	 .seltion-box dd{ width:884px}
	 .fixed-r{ margin-left:449px}
	}*/
@media only screen and (min-width:1025px) and (max-width:1280px){
	.fixed-r{ margin-left:575px}
	}
@media only screen and (min-width:1401px) and (max-width:1600px){
	.searching input{ width:200px}/*400修改为200px,2016.6.5根据林宇要求修改*/
	}
@media only screen and (min-width:1601px) and (max-width:1920px){
	.wrapper{ width:1496px}
	.seltion, .pin-view{ width:1496px}
	.searching input{ width:140px}
	.seltion-box dd{ width:1356px}
	.main-part{ width:1140px}
	.fixed-r{ margin-left:760px}
	}

.user_page{ position: relative; top:65px; background: #fff; margin-bottom:80px; min-height: 600px }
.user_nav{ background: #f55050; height: 46px; line-height: 46px; color: #fff;-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.2);box-shadow:0 0 4px rgba(0, 0, 0, 0.2) }
.user_nav span{ display: inline-block; font-size: 22px; padding-left: 15px; float: left }
.user_nav ul{ float:left}
.user_nav li{ font-size: 14px; float: left; padding-left: 34px }
.user_nav a{ color: #fff; text-decoration: none }
.user_nav a:hover{ color: #ffebeb; text-decoration: none }
.crumbs{ padding: 10px 0 10px 15px; color: #666; line-height: 24px }
.crumbs a{ color: #666; text-decoration: none }
.crumbs a:hover{ color: #999 }
.user-basic{ padding-top: 30px }
.head-pic{ float: left; padding-left: 80px; width: 170px }
.head-box{ width: 150px; height: 150px; background: #fff;-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.2);box-shadow:0 0 4px rgba(0, 0, 0, 0.2); padding: 10px }
.head-btn{ width: 144px; height: 38px; line-height: 38px; margin-top: 10px; font-size: 14px }
.basic-box{float:left;padding-left: 90px}
.basic-con{ padding-bottom: 50px }
.basic-con .p1{ font-size: 16px; font-weight: bold; line-height: 24px; padding-bottom: 10px }
.basic-con .p2{ line-height: 28px; font-size: 14px; padding-left: 16px }
.basic-con a{ font-size: 14px; color: #f55050; text-decoration: none; margin-right: 20px }
.basic-con a:hover{color: #d52a2a; text-decoration: none}
.basic-safe{ font-size: 14px;padding-left: 16px; line-height: 24px; padding-bottom: 15px }
.basic-safe .d1{ float: left; padding-right: 30px; width: 145px }
.basic-safe .d2{float: left; padding-right: 30px; width: 315px; font-size: 12px; color: #666}
.user-h1{ font-size: 24px; line-height: 30px; padding-bottom:10px;border-bottom: 1px #e6e6e6 solid; margin:10px 30px; font-weight: normal; color: #4b4b4b }
.modify-box{ padding:45px 0 0 50px }
.modify-box dl{ padding-bottom: 15px; line-height: 38px; font-size: 14px }
.modify-box dt{ width: 88px; text-align: right; float: left }
.modify-box dt i{ color: #db0000; padding-right:4px; vertical-align: -2px }
.modify-box dd{ float: left}
.modify-input,
.modify-input2{ width: 260px; height: 36px; line-height: 36px; padding: 0 5px; background: #fff; border: 1px #dcdcdc solid; border-radius:2px; font-size: 14px; font-family: 'Microsoft YaHei'; color: #4b4b4b }
.modify-confirm{ width: 440px; padding-left: 352px }
.modify-confirm span{ display:block; height: 55px; line-height: 55px; font-size: 16px; font-weight: bold; padding-left: 75px; background: url(../images/Valid_big.png) no-repeat left top; padding-bottom: 25px }
.modify-confirm p{ line-height: 24px; font-size: 14px; padding-bottom: 25px }
.modify-confirm p i{ color: #f55050 }
.modify-confirm a{font-size: 14px; color: #f55050; text-decoration: none}
.modify-confirm a:hover{color: #d52a2a; text-decoration: none}
.palette{ top: 65px }
.palette .crumbs{ padding-left: 0 }
.palette .list-box{ margin-top: 10px; width: 1260px}
.palette .pin{ position: relative; float: left; background: #fff; width: 216px; height: 330px;-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.2);box-shadow:0 0 4px rgba(0, 0, 0, 0.2); padding: 10px; margin-right: 16px; overflow:hidden}
.add-box{ border: 2px #bfbfbf dashed; height: 326px; display: block; text-align: center; background: #f1f1f1 }
.add-box:hover{ background: #fff }
.add-box span{ display:inline-block; background: url(../images/add.png) no-repeat center top; padding-top: 65px; line-height: 24px; width: 100%; color: #666; text-decoration: none; margin-top: 110px }
.add-box span:hover{ color: #666 }
.section-big{ position: relative; width: 216px; height: 216px }
.section-big-pop{ background: url(../images/transparent.png) repeat left top; position: absolute; left: 0; top: 0; width: 100%; height: 86px; z-index: 1 }
.section-big .p1{ position: absolute; left: 0; top: 0; z-index: 2; width: 206px; line-height: 24px; color: #fff; font-size: 14px; padding:5px 0 0 10px }
.section-big .p2{ position: absolute; left: 0; bottom: 0; z-index: 2; height: 24px; line-height: 24px; padding: 0 12px; color: #fff; background: url(../images/pop_bg.png) repeat left top}
.section-small{ padding-top: 3px; width: 219px }
.section-small li{ float: left; margin-right: 3px; width: 70px; height: 70px }
.section-small li.noimg{ border: 1px #ddd solid; width: 68px; height: 68px }
.section-big.noimg{ border: 1px #ddd solid; width: 214px; height: 214px}
.section-btn{ margin-top: 11px; height: 28px; line-height: 28px; margin-left: 0; width: 100%; padding: 0 }
.text-input{ width: 260px; height:120px; line-height: 36px; padding: 0 5px; background: #fff; border: 1px #dcdcdc solid; border-radius:2px; font-size: 14px; font-family: 'Microsoft YaHei'; color: #4b4b4b }
.select-btn{  background: url(../images/selArrow.png) no-repeat 238px 5px; padding-right:40px; width: 226px }
.select-box{display: none; position: absolute; left:0; top: 37px; border: 1px #dcdcdc solid; width: 271px; border-radius: 0 0 3px 3px; background: #fff}
.select-box li{ line-height: 36px}
.select-box li a{ display: block; padding: 0 5px;color: #4b4b4b; text-decoration: none  }
.select-box li a:hover{ background: #ebebeb }
.modify-box dd.cur{ position: relative; z-index: 2}
.modify-box dd.cur .select-box{ display: block}
.gather{ top: 65px ; padding-bottom: 80px }
.gather .list-box{ margin-top: 10px}
.gather .crumbs{ padding-left: 0 }
.gather .add-box{margin:10px; width: 212px}
.about-box{ padding: 22px 22px 0 }
.about-img{ width: 1200px; height: 300px; position: relative }
.about-title{ display: inline-block; height: 50px; line-height: 50px; background: url(../images/about_logo.png) no-repeat left top; padding-left: 75px; color: #f55050; font-size: 48px; position: absolute; left: 50%; top: 82px; margin-left: -133px }
.about-btn{ display: inline-block; width: 280px; height: 64px; line-height: 64px; text-align: center; color: #fff; font-size: 30px; position: absolute; left:50%; margin-left: -140px; top: 180px; background: #d53939; border-radius: 5px }
.about-btn:hover{ background: #c52424; color: #fff; text-decoration: none }
.about-text{ font-size: 14px; line-height: 24px; padding-top: 20px }
.about-text h1{ font-size: 16px; font-weight: bold }
.about-text .p1{ padding-bottom: 26px }
.Msg{ display:none; padding-left:50px; height:38px; line-height:38px; font-size: 14px }
.Error{ background: url(../images/Error.png) no-repeat 18px 7px; color: #ff7800 }
.Focus{ background: url(../images/Focus.png) no-repeat 18px 7px; color: #4084e1 }
.Valid{ background: url(../images/Valid.png) no-repeat 18px 7px; color: #f55050 }
.survived,.cancel{ line-height: 28px; height: 28px; margin-right: 10px; margin-left: 0}
.cancel,.cancel:hover{ color: #999 }
.tool-top{ position: absolute; left:0; top: 0; width: 100%; text-align: left; padding-top: 15px}
.tool-top .repin-btn{ margin:0 10px 0 15px; float: left  }
.like-btn{ float: left }
.like-btn .heart{ display: inline-block; width: 13px; height: 12px; background: url(../images/icon.png) no-repeat -148px -41px; font-size: 0; margin-top: 8px }
.like-btn .heart:hover{background-position: -148px -54px}
.cur .heart{ background-position: -148px -54px }
.source{ color: #fff; font-size: 14px; padding-right: 10px; display: inline-block; float: right }
.source a{ color: #fff; text-decoration: none }
.source a:hover{ color: #fff; text-decoration: none }
.img-con{ padding: 20px 30px }
.img-source{ padding-bottom: 15px}
.userheader{ float: left; width: 50px; height: 50px; display: inline-block; overflow: hidden }
.userheader img{width: 50px; height: 50px}
.reprint-info{ float: left; width: 770px; padding-left: 10px }
.reprint-info .p1,
.palette-info .p2{ line-height: 20px; font-size: 16px; color: #999; padding:4px 0 6px}
.reprint-info .p1 a,
.palette-info .p2 a,
.same-palette .p2 a,
.alike-name a{  color: #333; text-decoration: none }
.reprint-info .p1 a:hover,
.palette-info .p2 a:hover,
.same-palette .p2 a:hover,
.alike-name a:hover{color:#9e7e6b}
.reprint-info .p2,
.palette-info .p1{ color: #999; line-height: 18px; font-size: 14px }
.img-name{ background: #fafafa; padding:15px; line-height: 20px; font-size: 14px; margin-bottom: 15px }
.comment{ border-top: 1px #f5f2f2 solid;border-bottom: 1px #f5f2f2 solid; padding: 15px 0 }
.comment-con{float: left; padding-left: 10px; width: 770px}
.comment-con .textarea{   border: 1px #dcdcdc solid; line-height: 20px; font-size: 12px; height: 40px; line-height: 20px; padding: 4px 10px; width: 748px; font-family:'Microsoft YaHei' }
.like-img .p1{ line-height: 24px; font-size: 16px; color: #333; padding: 15px 0 8px}
.like-img ul{ display:block; font-size: 0 }
.like-img li{ display: inline-block; width: 50px; height: 50px; margin:0  10px 10px 0 }
.collect-part{ padding: 20px 30px; width: 375px; height: auto}
.palette-img{ float: left; width: 50px; height: 50px; display: inline-block; overflow-y: hidden}
.palette-img img{width: 50px; height: 50px}
.palette-info{ padding-left: 10px; float: left }
.palette-btn{ float: right; margin-top: 10px }
.same-palette{ margin-top: 20px }
.same-palette .p1{ color: #999; line-height: 20px; font-size: 14px }
.same-palette .p2{ line-height: 20px; font-size: 14px; padding-top: 4px}
.same-palette ul{ display: block; font-size: 0; padding-top: 5px; width: 325px }
.same-palette li{ display:inline-block; width:72px; height: 72px; margin:0 9px 10px 0; overflow-y: hidden}
.same-palette img{ width: 72px; height: 72px }
.right-advert{ margin-top: 20px }
.right-advert img{ max-width: 320px }
.alike{ width: 1244px; margin: 0 auto; overflow: hidden; height: 349px; min-height: auto; padding-bottom: 10px}
.alike-box{ width: 1244px } 
.alike-box .pin{ position: relative; float: left; width: 209px; margin:10px 16px 10px 0; padding: 10px }
.alike-palette{ padding-top: 10px }
.alike-img{ display: inline-block; overflow: hidden; width: 30px; height: 30px; float: left }
.alike-img img{ width: 30px; height: 30px }
.alike-name{ padding-left: 10px; line-height: 30px; font-size: 12px; float: left }
.alike-btn{ float: right }

.pay-box{ padding:10px 30px}
.pay-inputbox{ padding-bottom:10px}
.pay-box label{ float:left; padding-right:25px}
.pay-box .s1{ display:inline-block; line-height:30px; font-size:14px; float:left}
.pay-box .input-box{ float:left; position:relative}
.pay-box .modify-input,
.pay-box .modify-input2{ height:28px; width:100px; line-height:28px; font-size:12px}
.pay-box .modify-input2{ width:200px}
.pay-box .select-btn{ padding-right:30px; background:url(../images/selArrow2.png) no-repeat 114px 11px}
.pay-box .select-box{top:29px; width:135px}
.pay-box .i1{ display:inline-block; line-height:30px; padding:0 5px}
.pay-table{ border-top:1px #e9e9e9 solid;border-left:1px #e9e9e9 solid}
.pay-table th,
.pay-table td{border-bottom:1px #e9e9e9 solid;border-right:1px #e9e9e9 solid; padding:6px 10px; line-height:24px; font-size:12px; text-align:center}
.pay-table th{ font-weight:bold; background:#f4f4f4}
.pay-table td.left{ text-align:left}
.pay-table td a{ color:#06c}
.pay-table td a:hover{ color:#e30}
.pay-table td .i-1{ color:#e30}
@media only screen and (min-width:1601px) and (max-width:1920px){
	.h1-title{ width: 1496px; } 
	.alike{ width: 1496px; } 
	.alike-box{ width: 1496px; } 
	}

.bigPage{ padding:30px 0; text-align:center}
.bigPage > a{ display:inline-block;height:37px;width:37px;text-align:center;line-height:37px; position:relative; text-decoration:none;color:#7f7f7f;font-size:14px;font-weight:bold;margin:0 5px; padding:0; vertical-align:top}
.bigPage > a.register,.bigPage > a.register:hover{color:#fff; cursor:default}
.bigPage > b{ display:inline-block;line-height:37px;margin:0 5px}
.pagePrev b{cursor:pointer;width:0;height:0;border-width:6px;border-style:solid;font-size:0;line-height:0;border-color:#f8f8f8 #4e4e4e #f8f8f8 #f8f8f8; position:absolute;left:9px;top:12px}
.pageNext b{cursor:pointer;width:0;height:0;border-width:6px;border-style:solid;font-size:0;line-height:0;border-color:#f8f8f8 #f8f8f8 #f8f8f8 #4e4e4e; position:absolute;left:16px;top:12px}
.bigPage > a.pageNext.pageDisabled b{border-color:#eee #eee #eee #c1c1c1; cursor:default}
.bigPage > a.pagePrev.pageDisabled b{border-color:#eee #c1c1c1 #eee #eee; cursor:default}
.bigPage .s2{ display:inline-block; line-height:39px; color:#999}
.bigPage .modify-input{ height:37px; line-height:37px; width:37px; text-align:center}


/*2016.12.13 s*/
.collect-box{ padding-bottom:50px}
.collect-img{ float:left; width:400px; height:500px; margin-left:70px; border:1px #e6e6e6 solid; padding:10px;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:436px;*font-family:Arial}
.collect-img img{ display:inline-block; max-height:500px; max-width:400px; vertical-align:middle}
.collect-con{ float:left; padding-left:50px; width:660px}
.collect-con dl{ padding-bottom: 15px; line-height: 38px; font-size: 14px }
.collect-con dt{ width: 88px; text-align: right; float: left }
.collect-con dd{ float: left;width:570px}
.label-box{ display:inline-block; line-height:24px; padding-top:7px}
.label-box label{ line-height:24px; margin:0 15px 8px 0; display:inline-block}
.label-box .checkbox,
.label-box .radio{ margin:0 5px 0 0; vertical-align:-2px}
.label-box .text-input{ width:500px}
.h2-title{ padding-top:30px; border-bottom:2px #f55050 solid; line-height:36px}
.h2-title .s1{ float:left; display:inline-block; font-size:22px; font-weight:normal; color:#f55050}
.h2-title .s2{ float:left; display:inline-block; font-size:14px; font-weight:normal; color:#b0b0b0; padding:12px 0 0 20px; line-height:18px}
.h2-title .s2 a{ color:#333; display:inline-block}
.h2-title .s2 a:hover{ color:#f55050; text-decoration:none}
.h2-title .i1{ display:inline-block; margin:0 15px; width:1px; overflow:hidden; font-size:12px; color:#999; vertical-align:-2px }
.h2-title .more{ float:left; display:inline-block; width:20px; height:16px; background:url(../images/more.png) no-repeat left top; margin:14px 0 0 6px; font-size:0}
.list-box2{ padding-top:20px; overflow:hidden}
.list-box2 ul{ display:block; width:120%}
.list-box2 li{ display:inline-block; float:left; width:236px; background:#fff; margin:0 16px 15px 0}
.list-box2 li .pin{ position:relative; left:0; top:0;height:250px}
.list-box2 li .pin-img img{ width:236px; height:160px}
/*2016.12.13 4*/
.imgList{ width:100%}
.imgList li{ position:absolute; margin-left:-960px; left:50%; width:1920px}