@charset "utf-8";
.banner .pagination,.banner .pagination a,.module_list_img .imgBox span,.user_card .level_float {background:url(../../image/utanbaby/page_index/sprite_trans.png?20130715) no-repeat 0 0;_background:url(../../image/utanbaby/page_index/sprite_trans_IE6.png?20130715) no-repeat 0 0;}
.boutique .mission a,.boutique .search_bd,.boutique .search_tl,.person_info .arrow_tr,.user_VIP .btn_apply,.user_VIP .btn_renew,.user_achi dl i,.user_achi .dl01 dd,.module_nav h2,.module_nav li,.module i,.send_gifts h4 a,.send_gifts li dd a,.ranking ol,.user_card .babay_info dd.male,.user_card .babay_info dd.female,.user_card .level_float dl,.user_card .level_float dt,.apps li a {background:url(../../image/utanbaby/page_index/sprite_login.png?20130719) no-repeat 0 0;}
.piece,.person_info,.module,.guessyoulike,.VIPBar,.send_gifts,.ranking,.apps,.quickChoice,.homeWrap .boutique {-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);-ms-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1); background-color:#fff;}
.piece,.person_info,.module,.guessyoulike,.user_atten dt,.user_atten dt img,.guess_cont img,.send_gifts,.send_gifts img,.send_gifts li dd a,.ranking,.ranking img,.quickChoice,.homeWrap .boutique {-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;}

/* piece style */
.piece { width:1000px; position:relative; z-index:1;}
.banner { padding:3px 3px 0 3px; width:994px; height:340px; overflow:hidden; position:relative; z-index:1; zoom:1;}
.banner .slides_container a{ position:absolute;top:0px;left:0px; display:block;}
.banner .pagination {background-position:0 -14px; width:110px; height:23px; text-align:center; position:absolute; left:320px; bottom:15px; z-index:500;}
.banner .pagination li {width:15px; height:23px; overflow:hidden; display:inline-block;*display:inline;*zoom:1;}
.banner .pagination li a {width:15px; height:23px; display:block; overflow:hidden; text-indent:-9999px; background-position:-164px 7px;}
.banner .pagination li.current a {background-position:-188px 7px;}

.boutique { padding:30px 20px 20px 20px; background:#fff url(../../image/utanbaby/page_index/boutique_bg.png) repeat-x 0 0;}
.boutique .lump { width:210px; margin-right:30px; _display:inline;}
.boutique .lump h3 { color:#d82d61; font-family:\5FAE\8F6F\96C5\9ED1; margin-bottom:5px; line-height:20px;}
.boutique .lump h3 span { float:right; color:#888; font-size:12px; font-weight:400; font-family:\5b8b\4f53; line-height:24px;}
.boutique .lump h3 em { padding-left:8px; font-size:12px; font-weight:400; font-family:\5b8b\4f53;}

.boutique .willDo { height:80px; line-height:20px; overflow:hidden; padding-top:3px;}
.boutique .willDo a:hover { text-decoration:none; color:#90BBD8;}
.boutique .mission { margin-top:7px;}
.boutique .mission a { display:block; height:31px; text-indent:-9999px; overflow:hidden;}
.boutique .mission .btn_getMission { background-position:0 0; width:120px; margin-left:42px;}
.boutique .mission .btn_getMission:hover { background-position:0 -36px;}
.boutique .mission .btn_viewMission { background-position:0 -72px; width:140px; margin-left:32px;}
.boutique .mission .btn_viewMission:hover { background-position:0 -108px;}
.boutique .mission .btn_gotMission { background-position:0 -696px; width:140px; margin-left:32px;}
.boutique .mission .btn_gotMission:hover { background-position:0 -732px;}

.boutique .lump li { height:28px; line-height:28px; overflow:hidden;}
.boutique .search { height:16px; line-height:16px; padding:6px 0 6px 15px; margin-top:12px; overflow:hidden;}
.boutique .search_bd { background-position:0 -144px;}
.boutique .search .serTxt { height:16px; border:0; padding:0; margin:0; width:135px; color:#bbb;}
.boutique .search .serBtn { border:none; background:none; width:50px; cursor:pointer;}
.boutique .search_tl { background-position:0 -177px;}

.person_info { background:url(../../image/utanbaby/page_index/person_info_bg.png?20130715) repeat 0 0; width:250px; position:absolute; top:-10px; right:10px; z-index:4; }
.person_info .arrow_tr { background-position:-197px 0; display:block; width:8px; height:11px; font-size:0; line-height:0; overflow:hidden; position:absolute; top:-2px; right:-9px; z-index:4;}
.user_atten { border-bottom:1px solid #B2D8E3; background:rgba(225,250,255,0.9); background-color:transparent\9;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5E1FAFF', endColorstr='#E5E1FAFF');}
.user_atten dl { padding:15px 0 10px 10px;}
.user_atten dt { width:60px; height:60px; padding:3px; border:1px solid #D8F0F4; background:#fff; position:absolute; top:-10px; z-index:5; right:0;}
.user_atten dd { float:left; width:55px; text-align:center;}
.user_atten dd a { color:#8fc4cf;}
.user_atten dd a b { display:block; color:#00738b; font-size:18px; font-family:Tahoma; font-weight:400; margin-bottom:3px;}
.user_atten dd a:hover { text-decoration:none; color:#ff5691;}
.user_atten dd a:hover b { color:#ff5691;}

.person_info_bot { padding:14px;}
.user_card .nameBox .userName { color:#ff5691; font-size:14px; font-weight:700; margin-right:10px; display:inline;}
.user_card .levelBox { position:relative; height:16px; z-index:101;}
.user_card .level_float { display:none; background-position:0 -70px; width:192px; height:40px; padding:14px 0 0 8px; position:absolute; top:18px; left:-40px; z-index:11;} 
.user_card .level_float dl { background-position:0 -805px; width:175px; height:10px; position:relative; z-index:11; margin-bottom:5px;}
.user_card .level_float dt { background-position:0 -820px; height:10px; position:absolute; top:0; left:0; z-index:11;}
.user_card .level_float dd { color:#fff; font-size:9px; font-family:Tahoma; text-shadow:1px 0 0 #71cad5,0 1px 0 #71cad5,-1px 0 0 #71cad5,0 -1px 0 #71cad5; position:absolute; top:-2px; -webkit-transform:scale(.75); -webkit-transform-origin:0 0; z-index:12;}
.user_card .level_float .lv_prev { left:5px;}
.user_card .level_float .lv_next { right:3px;}
.user_card .level_float p { color:#666;}
.user_card .levelBox span { float:left;}

.user_card .babay_info { line-height:36px;}
.user_card .babay_info dt { float:left; color:#ff5691;}
.user_card .babay_info dt img {border-radius:20px; padding:2px; background:#fff; border:1px solid #E9F0F3; margin-right:5px;}
.user_card .babay_info dd { float:left; margin-left:5px; display:inline;}
.user_card .babay_info dd.male,.user_card .babay_info dd.female { width:14px; height:36px; font-size:0; line-height:0; overflow:hidden;}
.user_card .babay_info dd.male { background-position:0 -763px;}
.user_card .babay_info dd.female { background-position:-18px -763px;}

.user_VIP span,.user_VIP a { float:left; height:34px; line-height:30px;}
.user_VIP .btn_apply,.user_VIP .btn_renew { width:124px; text-indent:-9999px; overflow:hidden;}
.user_VIP .btn_apply { background-position:0 -210px;}
.user_VIP .btn_apply:hover { background-position:0 -251px;}
.user_VIP .btn_renew { background-position:0 -294px;}
.user_VIP .btn_renew:hover { background-position:0 -335px;}

.user_achi { margin-top:5px;}
.user_achi dl { height:20px; line-height:20px; padding:15px 0; border-bottom:1px dotted #aaa;}
.user_achi dl i { float:left; width:30px; height:20px;}
.user_achi .dl01 i { background-position:-185px -31px;}
.user_achi .dl02 i { background-position:-185px -71px;}
.user_achi .dl03 i { background-position:-185px -109px;}
.user_achi .dl04 i { background-position:-185px -225px;}
.user_achi .dl05 i { background-position:-185px -265px;}
.user_achi dl:hover { color:#ff5691;}
.user_achi dl:hover a { color:#ff5691;}

.user_achi .dl03 dt a { color:#ff0000; text-decoration:underline; margin-left:8px;}
.user_achi dt { float:left;}
.user_achi dt span { color:#ff8000;}
.user_achi dd { float:right;}
.user_achi .dl01 dd { background-position:-189px -302px; padding-left:20px;}
/* left style */
.left { width:740px;}
.module { margin-bottom:10px;}
.module_wrap,.quickChoice { background:url(../../image/utanbaby/page_index/module_bg.png?20130205) repeat-x 0 0;}
.module_nav h2 { float:left; width:150px; height:55px; text-indent:-9999px; overflow:hidden;}
.module_nav ul { float:left; padding-top:25px;}
.module_nav li { float:left; padding:0 8px 0 4px;}
.module i { display:block; height:6px; font-size:0; line-height:0; overflow:hidden; background-repeat:repeat-x; margin:0 3px;}

.module_bbxh .module_nav h2 { background-position:0 -379px;}
.module_bbxh .module_nav li { background-position:right -1086px;}
.module_bbxh .module_nav li a { color:#61bfc8;}
.module_bbxh i { background-position:0 -973px;}

.module_mmlh .module_nav h2 { background-position:0 -437px;}
.module_mmlh .module_nav li,.module_zbm .module_nav li { background-position:right -1116px;}
.module_mmlh .module_nav li a,.module_zbm .module_nav li a { color:#fd7eaa;}
.module_mmlh i,.module_zbm i { background-position:0 -984px;}
.module_zbm .module_nav h2 { background-position:0 -628px; width:130px;}

.module_zjtj .module_nav h2 { background-position:0 -494px;}
.module_zjtj .module_nav li { background-position:right -1146px;}
.module_zjtj .module_nav li a { color:#7daa0f;}
.module_zjtj i { background-position:0 -995px;}

.module_ppth .module_nav h2 { background-position:0 -553px;}
.module_ppth .module_nav li { background-position:right -1176px;}
.module_ppth .module_nav li a { color:#ef1f1f;}
.module_ppth i { background-position:0 -1006px;}

.module_nav li a { padding:2px 4px;}
.module_nav li a:hover { color:#fff; background:#F36C9B;}

.module_list_img { width:515px; padding-top:20px;}
.module_list_img li { float:left; width:150px; margin:0 0 10px 16px; display:inline;}
.module_list_img .imgBox { height:100px; position:relative; overflow:hidden; z-index:1;}
.module_list_img .imgBox span { background-position:0 -42px; display:block; height:18px; line-height:18px; padding:0 5px 0 15px; color:#fff; font-family:Tahoma; position:absolute; right:0; bottom:0;}
.module_list_img .infoBox { height:30px; line-height:30px; overflow:hidden;}

.module_list_img .imgBox b { width:150px; height:100px; position:absolute; top:0; left:-120px; *display:none; display:block\9\0; background-image:-webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));background-image:-moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));background-image:-ms-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));background-image:linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); -webkit-transform:skewx(-25deg); -moz-transform:skewx(-25deg); -ms-transform:skewx(-25deg);transform:skewx(-25deg);-webkit-transition:0s;-moz-transition:0s;-ms-transition:0s;transition:0s;}
.module_list_img .imgBox:hover b {left:130px;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;transition:0.5s;}

.module_list_txt { width:190px; padding:10px 20px 15px 15px; background:url(../../image/utanbaby/page_index/module_list_txt_bg.jpg) repeat-y 0 0;}
.module_list_txt li { height:34px; line-height:34px; overflow:hidden; border-bottom:1px dotted #ddd;}
.module_list_txt li a,.module_ppth .module_list_txt dt a { color:#888;}
.module_list_txt li a:hover,.module_ppth .module_list_txt dt a:hover { color:#333;}

.module_ppth .module_list_txt dd .infoBox span { color:#f36c9b; font-weight:700; font-family:Tahoma;}
.module_ppth .module_list_txt dl { border-bottom:1px dashed #ddd;}
.module_ppth .module_list_txt dt { height:34px; line-height:34px; overflow:hidden;}
.module_ppth .module_list_txt dd { padding:5px 0; display:none;}
.module_ppth .module_list_txt dd .imgBox { float:left; width:65px;}
.module_ppth .module_list_txt dd .infoBox { float:right; width:115px;}
.module_ppth .module_list_txt dd .infoBox a { display:block; margin-bottom:5px;}
/* 第一次|未选择 */
.quickChoice { background-color:#fff; padding-top:9px;}
.quickWrap { background:url(../../image/utanbaby/page_u_home/quickChoice_bg.jpg) no-repeat right bottom; height:455px;}
.quickChoice ul { width:475px; height:330px; position:relative; margin:20px 0 30px 150px;}
.quickChoice li { width:179px; height:62px; position:absolute;}
.quickChoice li a { background:url(../../image/utanbaby/page_u_home/btn_quickChoice.png) no-repeat 0 0; display:block; width:179px; height:62px;text-indent:-9999px;overflow:hidden;}
.quickChoice .btn_quickChoice01 { top:0; left:150px;}
.quickChoice .btn_quickChoice02 { top:90px; left:0;}
.quickChoice .btn_quickChoice03 { bottom:90px; left:150px;}
.quickChoice .btn_quickChoice04 { top:90px; right:0;}
.quickChoice .btn_quickChoice05 { bottom:0; left:150px;}
.quickChoice .btn_quickChoice01 a { background-position:0 0;}
.quickChoice .btn_quickChoice01 a:hover { background-position:0 -62px;}
.quickChoice .btn_quickChoice02 a { background-position:0 -124px;}
.quickChoice .btn_quickChoice02 a:hover { background-position:0 -186px;}
.quickChoice .btn_quickChoice03 a { background-position:0 -496px;}
.quickChoice .btn_quickChoice03 a:hover { background-position:0 -558px;}
.quickChoice .btn_quickChoice04 a { background-position:0 -372px;}
.quickChoice .btn_quickChoice04 a:hover { background-position:0 -434px;}
.quickChoice .btn_quickChoice05 a { background-position:0 -248px;}
.quickChoice .btn_quickChoice05 a:hover { background-position:0 -310px;}
.quickChoice p { background:url(../../image/utanbaby/page_index/choiceDesc_bg.png) no-repeat 0 0; width:678px; height:60px; margin-left:35px; text-indent:-9999px; overflow:hidden;}
/* right style */
.right { width:250px;}
.guessyoulike,.send_gifts,.rankWrap,.apps { padding:15px 15px 5px 15px;}
.guessyoulike  h4,.send_gifts h4,.ranking h4,.apps h4 { font-size:14px; margin-bottom:12px;}

.guess_tigger { height:40px; line-height:40px; background:#F3F3F3;}
.guess_tigger a { float:left; font-size:14px; color:#666; font-weight:700; padding:0 24px; border-left:1px solid #eee; border-bottom:1px solid #eee;}
.guess_tigger a:hover { text-decoration:none;}
.guess_tigger a.current { background:#fff; color:#333; border-bottom:1px solid #fff;}

.guess_cont h5 { font-weight:400; margin-bottom:8px;}
.guess_cont ul { height:50px; margin-bottom:20px;}
.guess_cont li { float:left; margin-right:5px; display:inline; width:50px; height:50px; position:relative;}

.send_gifts h4 a { background-position:-178px -461px; float:right; width:12px; height:12px; text-indent:-9999px; overflow:hidden;}
.send_gifts h4 a:hover { background-position:-195px -461px;-webkit-transform:rotate(360deg);-webkit-transition:-webkit-transform 0.8s ease-in-out 0.2s;-moz-transform:rotate(360deg);-moz-transition:-moz-transform 0.8s ease-in-out 0.2s;-o-transform:rotate(360deg);-o-transition:-o-transform 0.8s ease-in-out 0.2s;transform:rotate(360deg);transition:transform 0.8s ease-in-out 0.2s;}

.send_gifts li,.ranking li { margin-bottom:10px;}
.send_gifts li .imgBox,.ranking .imgBox { float:left; width:50px; height:50px; position:relative;}
.send_gifts li dl { float:right; width:160px;}
.send_gifts li dt { margin-bottom:13px;}
.send_gifts li dt a { color:#ff5691; margin-right:10px;}
.send_gifts li dd a { height:22px; line-height:22px; padding:0 8px; display:inline-block;*display:inline;*zoom:1;*vertical-align:top;vertical-align:3px;_vertical-align:4px; background-position:-35px -773px; border:1px solid #E4E4E4;}
.send_gifts li dd a:hover { text-decoration:none;box-shadow:0 2px 2px rgba(8,1,3,.1);}

.ranking ol { background-position:-190px -481px; padding-left:25px;}
.ranking li { height:50px;}
.ranking dl { float:right; width:135px;}
.ranking dd { text-align:right; color:#555; margin-top:10px;}
.ranking dt .user_vip_flag { float:left; position:static;}
.ranking dt { height:17px; overflow:hidden;}

.apps li { float:left; margin:0 9px 5px 0; display:inline;}
.apps li a { display:block; width:64px; height:64px; text-indent:-9999px; overflow:hidden;}
.apps li .apps01 { background-position:0 -1022px;}
.apps li .apps02 { background-position:-74px -1022px;}
.apps li .apps03 { background-position:0 -1096px;}

/* 未登录首页 */
.tab li a,.boutique .grid_yewd h3 span,.boutique .ask_area,.grid_news li { background:url(../../image/utanbaby/page_index/sprite_unlogin.png?20140217) no-repeat 0 0;}

.homeWrap .banner { padding:3px;}
.slides_container { height:340px;}
.homeWrap .pagination { left:442px;}
.homeWrap .module_list_txt { width:230px;}
.homeWrap .module_list_img { width:735px;}
.homeWrap .module_list_img li { margin:0 0 10px 27px;}
.homeWrap .module_ppth .module_list_txt dd .infoBox { width:150px;}

/* 淘点金标签宽度修复 start */
/* 未登录状态 */
.taobaoke { position:relative; z-index:1; width:290px; margin-left:-44px;}
.module_ppth .module_list_img { margin-right:-40px;}
.module_ppth .module_list_txt { padding-top:0;}
.module_ppth .module_list_img li { margin:0 0 10px 20px;}
#tk_box_1 { border:none !important;}
/* 已登录状态 */
.left .module_ppth .module_list_img { width:440px;}
.left .taobaoke { margin-left:-94px;}
.left .module_ppth .module_list_img li { margin:0 30px 10px;}
/* 淘点金标签宽度修复 end */

.tab li { float:left; width:200px; height:98px;}
.tab a { display:block; height:85px; text-indent:-9999px; overflow:hidden;}
.tab .current a { height:95px;}
.tab .tab01 { background-position:0 -101px;}
.tab .tab01:hover { background-position:0 -1151px;}
.tab .current .tab01 { background-position:0 -201px;}
.tab .tab02 { background-position:0 -311px;}
.tab .tab02:hover { background-position:0 -1251px;}
.tab .current .tab02 { background-position:0 -411px;}
.tab .tab03 { background-position:0 -521px;}
.tab .tab03:hover { background-position:0 -1351px;}
.tab .current .tab03 { background-position:0 -621px;}
.tab .tab04 { background-position:0 -731px;}
.tab .tab04:hover { background-position:0 -1451px;}
.tab .current .tab04 { background-position:0 -831px;}
.tab .tab05 { background-position:0 -941px;}
.tab .tab05:hover { background-position:0 -1551px;}
.tab .current .tab05 { background-position:0 -1041px;}
.nav_scroll{position:fixed;width:1000px; top:74px; z-index:5;}

.boutique .grid { width:300px;}
.boutique .grid h3 { color:#666; font-family:\5FAE\8F6F\96C5\9ED1; margin-bottom:10px; line-height:20px;}
.boutique .grid_mrrw h3 { color:#d82d61;} 
.boutique .grid_mrrw p.last { padding-top:10px; margin-top:10px; border-top:1px dashed #aaa;}
.boutique .grid_mrrw p a:hover { text-decoration:none; color:#90BBD8;}

.boutique .grid_yewd h3 span { float:right; background-position:0 5px; width:132px; text-indent:-9999px; overflow:hidden; _display:none;}
.boutique .ask_area { background-position:0 -33px; width:252px; height:38px; padding:8px 0 8px 48px; overflow:hidden;}
.boutique .ask_txt,.boutique .ask_btn { float:left; height:42px;}
.boutique .ask_txt { width:198px; border:0; color:#bbb; overflow:auto; font-size:14px;}
.boutique .ask_btn { width:51px; border:none; background:none; cursor:pointer;}
.boutique .ask_hotuser { padding:15px 0 0 5px;}
.boutique .ask_hotuser h5 { font-weight:400; color:#666;}
.boutique .ask_hotuser li { float:left; width:30px; height:30px; margin:6px 6px 0 0; _display:inline;}

.boutique .grid_mmb { margin:0 30px; _display:inline;}
.boutique .grid_mmb li,.grid_news li { height:25px; line-height:25px; overflow:hidden;}
.boutique .grid_mmb li span { float:right; color:#aaa;}

.grid_news dt { font-size:16px; font-family:"微软雅黑"; margin-bottom:5px; height:24px; overflow:hidden;}
.grid_news dt a { color:#000;}
.grid_news dd a { color:#61BFC8;}
.grid_news ul { margin:8px 0;}
.grid_news li { background-position:-297px 13px; padding-left:8px;}
