@charset "utf-8";
/* CSS Document */

/*公共定义*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; font-family:arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif}
body{background:#f6f6f6;}
img { border: 0 none; vertical-align: top; }

ul, li{ list-style-type: none; }
body, input, select, button, textarea {color:#484848; font-family:Arial, Helvetica, sans-serif,宋体;font-size:12px;}
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }

a, a:link { color: #333; text-decoration: none; }
a:visited {  }
a:active, a:hover { text-decoration: underline; color:#f54f4a}
a:focus { outline: none; }

.p_hide{display:none}

.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }
#top{position:relative; z-index:1;height:52px;}
.crumbs{padding:10px 0 0 10px;}
.crumbs font{font-size:14px;font-weight:bold}

#head{height:45px; background:#fff; border-bottom:1px solid #dcdcdc; width:100%; z-index:1000;top: 0px; position: fixed; padding-top:7px;}
#head a.logo{width:145px;height:40px; background:url(../images/tu/logo.png); display:block; float:left; margin-right:20px;}

#sidebar-follow{position:absolute}

#indexNav{height:70px; border-bottom:1px solid #e1e1e1; background:#fff; padding-top:12px;}
#indexNav a.logo{width:210px; height:60px; display:block; float:left; background:url(../images/tu/indexLogo.png) no-repeat}
#indexNav ul {float: left; height: 22px; line-height: 22px;_line-height:23px; padding-top:25px;width:700px;padding-left:40px;}
#indexNav ul li { float: left; padding-right: 22px;}
#indexNav ul li a {  font-size:15px; color: #999;}
#indexNav ul li a.crl_on { color:#f54f4a;}
#indexNav ul li a:hover { color:#f54f4a; text-decoration:none}
.indexWrap{width:950px; margin:0 auto; }

.indexTitle{height:45px; margin:10px 0}
.indexTitle a.more{float:right; margin-top:25px;font-size:12px; color:#999}
.indexTitle a.more:hover{ text-decoration:none;color:#f54f4a}
.indexT1{background:url(../images/tu/indexTitle.png) no-repeat}
.indexT2{background:url(../images/tu/indexTitle.png) 0 -45px no-repeat}
.indexT3{background:url(../images/tu/indexTitle.png) 0 -90px no-repeat}

.moko-slider{width:310px; float:left;height:390px; padding-bottom:10px; position:relative}
.moko-slider ul{ overflow:hidden; zoom:1; margin:0; padding:0; list-style:none; height: 390px;}
.moko-slider ul li{  float:left; display:block; width:310px; text-align:center; }
.moko-slider ul li a{ display:block;}
.moko-slider .frame{ width:310px; overflow:hidden;}
.moko-slider .point-ctrl{ position:absolute; right:7px; top:350px;}
.moko-slider .left-point,.moko-slider .right-point{ width: 54px; height: 32px; background:url(../images/tu/ui_slider_ctrl.png); _background:url(../images/ui_slider_ctrl.gif); _filter: alpha(opacity=70); float:left;}
.moko-slider .left-point{ background-position: 0 0;}
.moko-slider .left-point:hover{ background-position: 0 -33px;}
.moko-slider .right-point{ background-position: right 0 ; width: 53px;}
.moko-slider .right-point:hover{ background-position: right -33px;}
.moko-slider .controller{ text-align:right; font: 14px/1.231 arial; _font-size:6px; font-weight:bold; margin:0px; padding-right:10px; overflow:hidden; zoom:1; }
.moko-slider .controller a{ text-decoration:none; color:#999; line-height: 24px; height: 24px; margin:0 5px; display:inline-block; text-align:center; }
.moko-slider .controller a:hover{ color:#dedede;}
.moko-slider .controller .moko-slider-on,.moko-slider .controller .moko-slider-on:hover{ color:#f54f4a;}

.indexRerecommend{width:640px; float:right; height:400px}
.indexRerecommend li{ float:left; width:150px; height:190px; margin:0 0 10px 10px; display:block; position:relative; overflow:hidden}
.indexRerecommend li div{ position:absolute;height:380px;}
.indexRerecommend li a{width:130;height:170px; background:#4fc0e8; display:block;color:#fff; font-size:16px; text-decoration:none; padding:10px;}
.indexRerecommend li span{ display:block;width:150px; height:190px; overflow:hidden}
.indexRerecommend li i{font-size:55px; font-style: normal; display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; display:inline-block; padding-right:30px;background:url(../images/tu/iconPic.png) no-repeat right;}
.indexbagua li{ float:left; width:150px; height:100px; margin:0 0 10px 10px; display:block;position:relative; overflow:hidden}
.indexbagua li div{ position:absolute;height:300px;}
.indexbagua li a{width:130;height:80px; background:#ca50f2; display:block;color:#fff; font-size:16px; text-decoration:none; padding:10px;}
.indexbagua li i{font-size:35px; font-style: normal; display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; display:inline-block; padding-right:30px;background:url(../images/tu/iconPic.png) no-repeat right;}
.indexbagua .fLi{margin-left:0}

.indexTxt{border:1px solid #e1e1e1; margin-top:0px; padding-top:15px; background:#fefefe}
.indexTxt li {float: left;height: 18px;overflow: hidden;padding-bottom: 13px;width:295px;font-size: 15px; margin-left:20px;}
.indexTxt li em { float: left; margin: 6px 8px 0 0; width: 4px; height: 4px; background: #333; overflow: hidden; line-height: 4px;}

.indexBanner{margin-top:20px;}
.indexHotL{float:left;width:630px;}
.indexHotL li{ float:left; width:150px; height:150px; margin:0 0 10px 10px; display:block;position:relative; overflow:hidden}
.indexHotL li div{ position:absolute;height:300px;}
.indexHotL li a{width:130;height:130px; background:#f54f4a; display:block;color:#fff; font-size:16px; text-decoration:none; padding:10px;}
.indexHotL li span{ display:block;width:150px; height:150px; overflow:hidden}
.indexHotL li i{font-size:55px; font-style: normal; display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; display:inline-block; padding-right:30px;background:url(../images/tu/iconPic.png) no-repeat right;}
.indexHotL .fLi{margin-left:0}
.indexHotR{float:right;width:300px;}
.indexHotR .ad2{margin-top:10px}


#nav{}
#nav li{ float:left;}
#nav a{ margin:0 15px;height:42px; display:block; line-height:42px; color:#999999; font-size:15px;}
#nav a:hover{border-image: none;border-style: solid;color: #f54f4a;opacity: 0.98; border:none;text-decoration: none;}
#nav a.cur{color:#f54f4a;font-weight:bold; border-bottom:3px solid }
#nav a.cur:hover{margin:0 15px;border-width: 0}
#nav .collect{width:65px; float:right; padding-top:8px; display:none}
#nav .collect a{width:65px; height:24px; display:block;background:url(../images/tu/nav_collect.png); padding:0}
#nav .collect a:hover{background:url(../images/tu/nav_collect.png) 0 -24px; border:0}

.mainWrap{ padding:0 60px;*padding:0 40px; overflow:hidden; min-width:950px}
.SubWrap{width:980px; margin:0 auto ;}
.mainCon{padding-top:5px;}
.SubmainCon{width:980px; margin:20px auto; background:#ffffff;border:1px solid #dcdcdc; }
.mainCon ul li{width:220px;}
.friendLink{padding:5px 0; color:#eee}
.friendLink a{color:#fff; margin:0 10px;}
.friendLink a:hover{color:#FF0}

.item{float: left;width:250px;position: relative; background:#ffffff; margin:5px;overflow:hidden; }
.item a{color:#333; }
.item a:hover{
	color:#f54f4a;
    opacity: 0.8;
    transition-duration: 0.5s;
	text-decoration:none;
} 
.item .title{padding:0 10px 10px 10px; position:relative}
.item .title .imgset-num{position:absolute;line-height:32px;height:32px;right:0;bottom:58px;padding:0 10px 0 16px;background-image:url(../images/tu/imgsetnum.png);background-repeat:no-repeat;background-position:left top;_filter:progid:dximagetransform.microsoft.alphaimageloader(src='../images/tu/imgsetnum.png', sizingmethod='crop');_background-image:none;color:#fff;}
.item .title .imgset-num-red{background-image:url(../images/tu/imgsetnum2.png);_filter:progid:dximagetransform.microsoft.alphaimageloader(src='../images/tu/imgsetnum2.png', sizingmethod='crop');}

.item .title .imgset-num .num{font-size:26px;margin-right:5px;position:relative;top:1px;font-family:Trebuchet MS}
.item .title .imgset-num .txt{position:relative;line-height:32px;height:32px;top:-4px;display:inline-block;zoom:1}

.item .title .imgset-num2{position:absolute;line-height:27px;height:32px;right:0;bottom:58px;padding:0 10px 0 16px;background-image:url(../images/tu/imgsetnum3.png);background-repeat:no-repeat;background-position:left top;_filter:progid:dximagetransform.microsoft.alphaimageloader(src='../images/tu/imgsetnum3.png', sizingmethod='crop');_background-image:none;color:#fff;}
.item .title .imgset-num2 .num{font-size:18px;margin-right:5px;position:relative;top:1px; font-family:"Microsoft Yahei"}

.item img{width:250px; padding-bottom:10px} 
.item .b_red{border:4px solid #FFF}
.itemNum{ position:relative;background:url(../images/tu/tao.jpg) 10px 0 no-repeat; padding:0 10px 10px 30px}
.itemNum font{color:#f54f4a; font-family: Arial, Helvetica, sans-serif}
.imgfloat-info-con {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    bottom: 0;
    color: #FFFFFF;
    cursor: pointer;
    overflow: hidden;
	display:none;
    padding: 0;
    pointer-events: all;
    position: absolute;
    width: 100%;
    z-index: 0;
	margin-bottom:35px;
	margin-left:-30PX;
}
.imgfloat-info-con a{color:#ffffff;}
.imgfloat-info-con a:hover{color:#ffffff}
.padding-wrapper {
    max-height: 33px;
    padding: 8px 6px 8px 9px;
    position: relative;
    z-index: 10;
}


.Subtitle{ border-bottom: 1px solid #DDDDDD;color: #333333;font-size: 12px;margin-bottom: 8px;padding: 20px 0 15px 10px; position:relative}
.Subtitle h1{font-size:20px; font-weight:normal; padding-left:10px}
.Subtitle h2{font-size:16px; font-weight:normal;padding-left:10px; text-align:left}
.tag{right: 0;width:500px; padding:15px 20px 0 0; text-align:right; position:absolute}
.tag a{color:#999; margin-right:10px;}
.tag a:hover{color:#f54f4a}
.tag font{color:#999}
.Subcon{padding:10px 20px; text-align:center}
.Subcon p{padding:15px; font-size:14px; line-height:25px; }
.Subcon img{margin:5px 0}
.share{float: right;width:300px; padding-top:15px; display:none}

#showPhoto{ margin:0 auto;}
.Subcon .descript{ padding:15px; font-size:14px; line-height:25px; text-align:left}
.Subcon .data{font-size:14px;line-height:25px;}

.subQR{width:125px; height:169px; background:url(../images/tu/weixin_QRcode_125.png); position:fixed; right:20px; top:150px;}
.ad_sogou{margin-bottom:10px; margin-left:10px;}
.ad_baidu{margin-bottom:10px;}

#youLove{ padding:10px 0 0 15px; }
#youLove strong{font-size:16px;color:#333; font-weight:normal;text-align:left; display:block; padding-left:5px; font-family:"微软雅黑"}
#youLove li{width:290px; margin:5px; height:30px; line-height:30px;display:block; float:left; border:1px dotted #ddd;}

#recoment_pic{ padding:0px 0 0 12px; height:430px}
#recoment_pic h3{padding-left:26px;font-size:12px;}
#recoment_pic li{width:150px; height:190px; float:left; display:block; padding:20px 15px 0 17px; position:relative; margin:0; overflow:hidden}
#recoment_pic li img{margin:0}
#recoment_pic li .overlay{height:60px; margin-top:-30px;*margin-top:160px; *margin-left:-150px;position:absolute;width:150px;}
#recoment_pic li .overlay em{height:30px; display:block;}
#recoment_pic li .overlay i{height:30px;display:block; background:url(../images/tu/title_bg.png);font-size:12px; text-align:center;line-height:30px;color:#fff; font-style:normal}
#recoment_pic li a{ text-decoration:none}

#uyan_frame{padding:25px;}
/*翻页*/
.page {clear: both;font-size:14px;text-align: center;padding:15px 0;}
.page span {background: none repeat scroll 0 0 #f54f4a;color: #FFFFFF;display: inline-block;margin: 0 2px;padding: 5px 10px 3px;}
.page a {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CCCCCC;color: #000000;display: inline-block;margin:0 2px;padding: 4px 9px 2px;  text-decoration: none;}
.page a:hover {border: 1px solid #f54f4a;color: #f54f4a;text-decoration: none;}
.page .prev, .page .next {background: url("../images/tu/pagebg.png") no-repeat scroll 0 0 transparent;border: medium none;}
.page .prev {background-position: 0 -50px;padding: 5px 10px 3px 19px;}
.page .next {background-position: 0 0;padding: 5px 19px 3px 10px;}
.page a.prev:hover {background-position: 0 -75px;border: medium none;}
.page a.next:hover {background-position: 0 -25px;border: medium none;}
.page p{ color:#666;padding-top:10px;}

/*图片翻页*/
.PagePre{width:65px; float:left; padding-top:250px;}
.PagePre a{width:61px; height:62px; display:block; background:url(../images/tu/pageImg.png) 0 -104px no-repeat;}
.PagePre a:hover{background:url("../images/tu/pageImg.png") no-repeat scroll 0 0 transparent;}

.PageNext{width:52px; float:left; padding-left:3px; padding-top:250px;}
.PageNext a{width:61px; height:62px; display:block; background:url(../images/tu/pageImg.png) -112px -104px no-repeat;}
.PageNext a:hover{background:url("../images/tu/pageImg.png") no-repeat scroll -112px 0 transparent;}
.conImg{width:490px; float:left;}
.itemList{width:280px; float:right; padding-right:20px;}

.itemList .recommendSlogan{ padding-top:45px;background:url(../images/tu/item_slogan.png) no-repeat; }
.itemList .recommendTxt{ padding:10px; border:1px solid #d7d7d7;margin-bottom:20px; text-align:left;color:#999;  font-size:14px; border-radius:3px;}
.itemList .goodsTitle{background:url(../images/tu/dapeititle.png) no-repeat;padding-top:30px;}
.itemList .tobuySlogan{ padding-top:45px;background:url(../images/tu/item_slogan.png) 0 -60px no-repeat; }
.itemList .tobuyBox{border:1px solid #d7d7d7; padding:25px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:40px; color:#F54F4A;border-radius:3px;}
.itemList .tobuyBox img{width:220px;height:220px;}
.itemList .tobuyBox .rmb{padding-left:68px; background:url(../images/tu/item_rmb.png) 0 22px no-repeat; margin:0 auto 5px auto; display:inline-block;}
.itemList a.btn_tobuy{width:104px; height:43px;background:url(../images/tu/tobuy2.png) no-repeat; display:block; margin:10px auto 0 auto;}

.itemList img{margin-top:0}
.itemList ul{}
.itemList ul li{height:152px; padding-top:45px;border:1px solid #d7d7d7; margin-bottom:3px;border-radius:3px; padding:0 10px 10px 10px;}
.itemList ul .thumb{float:left;width:100px;height:100px;}
.itemList ul .info{ margin-left:110px; height:20px;}
.itemList ul .info .price{ float:left;background:url(../images/tu/tao.jpg) 0 5px no-repeat; padding-left:20px; display:inline-block; margin-top:5px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px;font-style:normal;}
.itemList ul .info a.tobuy{width:69px;height:28px; background:url(../images/tu/tobuy.png); float:right}
.itemList ul .info em{ padding-top:40px;color:#999; font-style:normal; display:block; text-align:left;}

.itemList ul .icon_box{background:url(../images/tu/type-png24.png) no-repeat;height:40px; border-bottom:1px dotted #d7d7d7; margin-bottom:10px;}
.itemList ul .icon_box a{color:#ccc; float:right; margin-top:15px;}
.itemList ul .icon_21{background-position:0 0px}/*上衣*/
.itemList ul .icon_22{background-position:0 -90px}/*裤子*/
.itemList ul .icon_23{background-position:0 -45px}/*鞋子*/
.itemList ul .icon_24{background-position:0 -135px}/*裤子*/
.itemList ul .icon_25{background-position:0 -180px}/*鞋子*/
.itemList ul .icon_26{background-position:0 -225px}/*鞋子*/
.height20{height:20px}

#footer {
    background: none repeat scroll 0 0 #999;
    clear: both;
    color: #D6D6D6;
    margin-top: 20px;
    padding: 10px 0;
	margin-top:20px
}
#footer a {
    color: #D6D6D6;
}

/*回顶部*/
#toWap{position: fixed; bottom:130px; right:10px; }
#toWap a.wap{
    background: url("../images/tu/to_wap.png");
    display: block;
    height: 50px;
    width: 50px;
	position:relative;
	cursor:default
}
#toWap a.wap:hover {
   background: url("../images/tu/to_wap.png") 0 -50px;
}

#toWap div{ position:absolute; width:231px; height:284px;right:50px;bottom:-65px; overflow:hidden; display:none}
#toWap div span{width:231px; height:284px;background:url(../images/tu/wapQRcode.png) no-repeat; position:absolute; left:231px;}

#bottom{position: fixed; bottom:70px; right:10px; display:none}
a.scroll{
    background: url("../images/tu/to_top.png");
    display: block;
    height: 50px;
    width: 50px;
}
a.scroll:hover {
   background: url("../images/tu/to_top.png") 0 -50px;
}

/*
.animated{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-4em)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes slideDown{0%{-moz-transform:translateY(-4em)}100%{-moz-transform:translateY(0)}}@-o-keyframes slideDown{0%{-o-transform:translateY(-4em)}100%{-o-transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-4em)}100%{transform:translateY(0)}}.animated.slideDown{-webkit-animation-name:slideDown;-moz-animation-name:slideDown;-o-animation-name:slideDown;animation-name:slideDown}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-4em)}}@-moz-keyframes slideUp{0%{-moz-transform:translateY(0)}100%{-moz-transform:translateY(-4em)}}@-o-keyframes slideUp{0%{-o-transform:translateY(0)}100%{-o-transform:translateY(-4em)}}@keyframes slideUp{0%{transform:translateY(0)}100%{transform:translateY(-4em)}}.animated.slideUp{-webkit-animation-name:slideUp;-moz-animation-name:slideUp;-o-animation-name:slideUp;animation-name:slideUp}
*/
.slide {
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear
}
.slide--reset {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}
.slide--up {
	-webkit-transform: translateY(4em);
	-ms-transform: translateY(4em);
	transform: translateY(4em)
}
.slide--down {
	-webkit-transform: translateY(-4em);
	-ms-transform: translateY(-4em);
	transform: translateY(-4em)
}