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

/*
* @Description:	wo.com.cn
* @Author:		caizx2012@live.com
* @Update:		caizx2012@live.com
*/

html, body, section, article, nav, header, footer, form, div, em, span, a, label, p, h1, h2, h3, h4, h5, h6, dl, ul, ol, li, dt, dd, select { margin: 0; padding: 0; font-size: 16px; font-weight: normal; font-style: normal; -webkit-text-size-adjust:none;}
body, select, input, option { color: #171717; font-family: "Microsoft YaHei",Arial; }
body > header, body > section { clear: both; }

h3 { font-size: 18px; }
li { list-style-type: none; }
a { text-decoration: none; color: #171717; }
input[type=text]:focus::-webkit-input-placeholder, input[type=search]:focus::-webkit-input-placeholder { color: rgba(0,0,0,0); }
input:focus, :active, :focus { outline: 0 none; }
img { border:0 none;}

/* image */
.freeWifi .freePic,
.freeTips .style3 i,
.listContent .starNum, .listContent .starNum span,
.popDownBtn .wifiIco,
.popDownBtn .highLight i,
.popDownBtn .close,
.popStar,
.detailsTabs li,.detailsTabs .num_on
{ background:url('data:image/png;base64,[encoded data, 134728 characters]') no-repeat 1000px 1000px;}
.freeWifi { background-image:url('data:image/jpg;base64,[encoded data, 13524 characters]');}
.detailsTabBox { background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAENCAMAAADwlV8OAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDJGMDVFNDlGNDk0MTFFMkJENUQ5RkRBOTJGMjk1MUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDJGMDVFNEFGNDk0MTFFMkJENUQ5RkRBOTJGMjk1MUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMkYwNUU0N0Y0OTQxMUUyQkQ1RDlGREE5MkYyOTUxRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMkYwNUU0OEY0OTQxMUUyQkQ1RDlGREE5MkYyOTUxRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnJOdWAAAABFUExURePj4eTk4uTk5OPj4+Li4t/f3d3e2eXl497e3OHi3cXFxc/P0eDf5OHj3t/d4tvb297d4tza2+Lj3uLi4OXl5eHh3+bm5oG8My8AAABjSURBVHja7Mg3EoBADATBFQjv7f+fihaOKlxABsFN0MGgYIiZM7U2I0TMObHfOzgHdvX2VRWqu3bwXMgO2hKRgIicDNjJkSFhq6M7b5yZ1+v1fmxl9cgYSobaatFYHXK2CDAAJOpoK+ZNv68AAAAASUVORK5CYII=') no-repeat 1000px 1000px;}

/* freeWifi */
.freeWifi { padding:12px 0; margin-bottom:10px; background-position:0 bottom; background-repeat:repeat-x; background-color:#58aae6;}
.freeWifi .freePic{ display:block; width:268px; height:76px; margin:0 auto; background-position:0 0;}
/* freeTips */
.freeTips { text-align:center; font:13px/1.5 Arial; margin-bottom:10px;}
.freeTips .style1{ font-size:17px; color:#919090;}
.freeTips .style2{ font-size:49px; color:#32ae38; font-weight:bold;}
.freeTips .style3{ position:relative; *zoom:1; font-size:33px; color:#1e75ce; font-weight:bold; line-height:54px; display:inline-block; height:54px; padding-left:65px; margin-bottom:10px; }
.freeTips .style3 i { position:absolute; left:10px; top:50%; width:55px; height:54px; overflow:hidden; margin-top:-27px; background-position:0 -746px;}
.freeTips .style4{ font-size:13px; color:#444444;}

/* getExperience */
.getExperience { position:relative; display:none; width:190px; height:38px; margin:0 auto; font:22px/38px Arial; color:#fff; background:#238dd7; border:1px solid #0f68a7; border-radius:10px; text-align:center;}
.getExperience:active { background:#227cbb;}
.getExperience a { display:block; color:#fff;}
.getExperience.wifiLoading { font-size:12px; text-indent:20px; color:#010101; background:#b4b4b4; border-color:#999;}

/* listNav */
.listNav { width:100%; height:40px; border-bottom:2px solid #b6b7b9; background-image: -ms-linear-gradient(top, #F9F9F9 0%, #EFEFF1 100%); background-image: -moz-linear-gradient(top, #F9F9F9 0%, #EFEFF1 100%); background-image: -o-linear-gradient(top, #F9F9F9 0%, #EFEFF1 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #F9F9F9), color-stop(1, #EFEFF1)); background-image: -webkit-linear-gradient(top, #F9F9F9 0%, #EFEFF1 100%); background-image: linear-gradient(top,#F9F9F9 0%, #EFEFF1 100%); border-bottom:1px solid #fafafc;}
.listNav a{ display:inline-block; width:32%; height:41px; text-align:center; font:18px/40px Arial; color:#000;}
.listNav span{ position:relative; *zoom:1; width:0; height:24px; overflow:hidden; top:1px; border-left:1px solid #cecfd1;}
.listNav a:hover,.listNav .act{ border-bottom:2px solid #2487e8;}

/* listContent */
.listContent { overflow:hidden; border-top:2px solid #b4b5b7;}
.listContent .list { margin-top:-1px;}
.listContent li{ position:relative; *zoom:1; min-height:61px; padding:8px 15px 8px 80px; border-top:1px solid #fafafa; border-bottom:1px solid #cecfd1; background:#ededed; transition-property:all; transition-duration:0.3s;}
.listContent li:hover { background:#dfdfdf;}
.listContent .pic{ position:absolute; left:15px; top:10px;}
.listContent .details{ display:inline-block; margin-right:84px; }
.listContent h3{ font:14px/1.5 Arail; color:#000;}
.listContent .starNum,.listContent .starNum span{ display:block; width:75px; height:13px; background-position:-55px -745px;}
.listContent .starNum span { background-position:-55px -758px;}
.listContent .starNum1 span{ width:20%;}
.listContent .starNum2 span{ width:40%;}
.listContent .starNum3 span{ width:60%;}
.listContent .starNum4 span{ width:80%;}
.listContent .starNum5 span{ width:100%;}
.listContent .number{ margin-top:4px; font:12px/1.5 Arial; color:#888;}
.downloadBtn { position:absolute; right:20px; top:50%; margin-top:-14px; width:70px; height:28px; font:12px/28px Arial; color:#fff; background:#3cb1e4; text-align:center; border-radius:4px; border:1px solid #2a94c2; transition-property:all; transition-duration:0.3s;}
.downloadBtn:hover { background:#3c9fca;}
/* detailsContent */
.detailsContent li { background:#fdfdfd;}
.detailsContent li:hover { background:#f6f6f6;}

/* loadingTips */
.loadingTips { position:relative; *zoom:1; padding:5px 0; border-top:1px solid #fafafa; border-bottom:1px solid #cecfd1; background:#ededed; text-align:center;}
.loadingTips #floatingCirclesG { left:50%; margin-left:-72px;}

/* popDownBtn */
.popDownBtn { position:fixed; left:50%; bottom:5px; margin-left:-115px; padding:15px 10px 15px 70px; background-color:rgba(0,0,0,0.7); border:1px solid #000; border-radius:4px; box-shadow:1px 1px 10px 0px #333; font:12px/1.2 Arial; color:#fffefe;}
.popDownBtn span{ display:block;}
.popDownBtn .highLight{ position:relative; display:inline-block; *zoom:1; padding-right:20px; color:#5ec9f8;}
.popDownBtn .highLight i { position:absolute; right:0; top:50%; width:12px; height:11px; overflow:hidden; margin-top:-6px; background-position:-233px -77px;}
.popDownBtn .close { position:absolute; right:4px; top:4px; width:9px; height:10px; background-position:-246px -77px; z-index:5;}
.popDownBtn .wifiIco { position:absolute; left:10px; top:50%; width:55px; height:54px; overflow:hidden; margin-top:-27px; background-position:0 -746px;}
.popDownBtnMin { padding:15px 10px; margin-left:-120px;}
.popDownBtnMin .wifiIco { display:none;}
.popDownBtnMin span { display:inline-block;}
.popDownBtnMin .close{ display:none;}

/* popStar */
.popStar { display:none; position:fixed; left:50%; top:10%; margin-left:-108px; width:170px; height:117px; padding:105px 23px 0 23px;z-index:100;}
.popStar .close { position:absolute; right:1px; top:83px; width:32px; height:32px;}
.popStar1 { background-position:0 -76px;}
.popStar1 .title,.popStar2 .title  { font:bold 18px/1.5 Arial; color:#000; text-align:center;}
.popStar1 .tips,.popStar2 .tips{ font:12px/1.5 Arial; color:#80714f;}
.popStar2 { background-position:0 -300px;}
.popStar3 { padding-top:78px; height:144px; background-position:0 -523px;}
.popStar3 .title{ font:bold 24px/1.5 Arial; color:#493d21; text-align:center;}
.popStar3 .tips{ font:16px/1.2 Arial; color:#6f603f;}
.popStar3 .getBtn{ display:block; width:78px; height:24px; margin:5px auto 0 auto; background:#38b63e; border:1px solid #308d32; border-radius:2px; font:bold 12px/24px Arial; text-align:center; color:#fff;}
.popStar3 .getBtn:hover { background:#33a138;}

/* loading */
#floatingCirclesG{position:absolute; left:13px; top:50%; margin-top:-15px;width:30px;height:30px;-moz-transform:scale(0.6);-webkit-transform:scale(0.6);-o-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6);}
.f_circleG{ position:absolute; background-color:#FFFFFF; height:5px; width:5px; -moz-border-radius:3px; -moz-animation-name:f_fadeG; -moz-animation-duration:1.04s; -moz-animation-iteration-count:infinite; -moz-animation-direction:linear; -webkit-border-radius:3px; -webkit-animation-name:f_fadeG; -webkit-animation-duration:1.04s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:linear; -o-border-radius:3px; -o-animation-name:f_fadeG; -o-animation-duration:1.04s; -o-animation-iteration-count:infinite; -o-animation-direction:linear; -ms-border-radius:3px; -ms-animation-name:f_fadeG; -ms-animation-duration:1.04s; -ms-animation-iteration-count:infinite; -ms-animation-direction:linear; border-radius:3px; animation-name:f_fadeG; animation-duration:1.04s; animation-iteration-count:infinite; animation-direction:linear; }
#frotateG_01{ left:0; top:12px; -moz-animation-delay:0.39s; -webkit-animation-delay:0.39s; -o-animation-delay:0.39s; -ms-animation-delay:0.39s; animation-delay:0.39s; }
#frotateG_02{ left:4px; top:4px; -moz-animation-delay:0.52s; -webkit-animation-delay:0.52s; -o-animation-delay:0.52s; -ms-animation-delay:0.52s; animation-delay:0.52s; }
#frotateG_03{ left:12px; top:0; -moz-animation-delay:0.65s; -webkit-animation-delay:0.65s; -o-animation-delay:0.65s; -ms-animation-delay:0.65s; animation-delay:0.65s; }
#frotateG_04{ right:4px; top:4px; -moz-animation-delay:0.78s; -webkit-animation-delay:0.78s; -o-animation-delay:0.78s; -ms-animation-delay:0.78s; animation-delay:0.78s; }
#frotateG_05{ right:0; top:12px; -moz-animation-delay:0.91s; -webkit-animation-delay:0.91s; -o-animation-delay:0.91s; -ms-animation-delay:0.91s; animation-delay:0.91s; }
#frotateG_06{ right:4px; bottom:4px; -moz-animation-delay:1.04s; -webkit-animation-delay:1.04s; -o-animation-delay:1.04s; -ms-animation-delay:1.04s; animation-delay:1.04s; }
#frotateG_07{ left:12px; bottom:0; -moz-animation-delay:1.17s; -webkit-animation-delay:1.17s; -o-animation-delay:1.17s; -ms-animation-delay:1.17s; animation-delay:1.17s; }
#frotateG_08{ left:4px; bottom:4px; -moz-animation-delay:1.3s; -webkit-animation-delay:1.3s; -o-animation-delay:1.3s; -ms-animation-delay:1.3s; animation-delay:1.3s; }
@-moz-keyframes f_fadeG{0%{ background-color:#000000}100%{ background-color:#FFFFFF}}
@-webkit-keyframes f_fadeG{0%{ background-color:#000000}100%{ background-color:#FFFFFF}}
@-o-keyframes f_fadeG{0%{ background-color:#000000}100%{ background-color:#FFFFFF}}
@-ms-keyframes f_fadeG{0%{ background-color:#000000}100%{ background-color:#FFFFFF}}
@keyframes f_fadeG{0%{ background-color:#000000}100%{ background-color:#FFFFFF}}

/* details */
.detailsTitle { position:relative; *zool:1; font:bold 18px/40px Arial; color:#000; text-align:center; background-image: -ms-linear-gradient(top, #F9F9F9 0%, #EFEFF1 100%); background-image: -moz-linear-gradient(top, #F9F9F9 0%, #EFEFF1 100%); background-image: -o-linear-gradient(top, #F9F9F9 0%, #EFEFF1 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #F9F9F9), color-stop(1, #EFEFF1)); background-image: -webkit-linear-gradient(top, #F9F9F9 0%, #EFEFF1 100%); background-image: linear-gradient(top,#F9F9F9 0%, #EFEFF1 100%); border-bottom:1px solid #fafafc;}
.detailsTitle .return{ position:absolute; left:10px; top:50%; padding: 0px 10px; margin-top:-12px; background: #d5d5d7; color: #000; font:12px/24px Arial; margin-left: 1em; border-radius: 4px; border:1px solid #c5c5c5; transition-property:all; transition-duration:0.3s;}
.detailsTitle .return:hover { background: #b5b5b5; color: white;}
.detailsTitle .return:before { position: absolute; content: " "; border: transparent 12px solid; border-right-color: #d5d5d7; top: 0; left:-24px; height:0; width:0;  transition-property:all; transition-duration:0.3s;}
.detailsTitle .return:hover:before { border-right-color: #b5b5b5;}
.detailsTit { padding-left:10px; font:bold 18px/42px Arial; color:#000; background:#f7f7f7;}
.recommendList { padding:10px 0;}
.recommendList li{ display:inline-block; width:24%;}
.recommendList li a { display:block; text-align:center; font:14px/22px Arial; color:#343434;}
.recommendList li span { display:block;}
.recommendList li img { vertical-align:top;}
.detailsInfo { margin:5px 10px; font:14px/22px Arial; color:#686868;}

/* detailsTab */
.detailsTabBox {height:259px; padding-top:10px; background-position:0 0; background-repeat:repeat-x;}
.detailsTab { width:153px; height:230px; overflow:hidden;}
.detailsTab {width:153px; height:230px; margin:0px auto; position:relative; z-index:100; top:-1px;}
.detailsTab #scroller { width:1600px; height:100%;-webkit-box-sizing: border-box;-webkit-box-orient: horizontal;-webkit-box-pack: justify;-webkit-box-align: center; box-sizing: border-box; box-orient: horizontal; box-pack: justify; box-align: center;}
.detailsTab #scroller li {width:153px; float:left;}
div[id^="wrapper"] {position:relative;overflow:auto;width:100%}
.detailsTabSub {position:relative;height:230px;white-space:nowrap;}
.detailsTabSub li {display:inline-block;}
.detailsTabSub ul {position:absolute;}
.detailsTabSub img { vertical-align:top;}
.detailsTabs {overflow:hidden;text-align:center; width:153px; height:18px; margin:10px auto 0 auto;}
.detailsTab #indicator {overflow:hidden; text-align:center; margin:0 auto; height:12px; padding-top:4px; width:84px; background-color:rgba(0,0,0,0.4);  border-radius:10px;}
.detailsTabs li {display:inline-block; width:7px;height:7px; border-radius:4px;margin-right:6px; overflow:hidden;text-indent:-9999px; vertical-align:top; background-position:-216px -77px;}
.detailsTabs .num_on {background-position:-225px -77px;}
.detailsTabs li:last-child {margin-right:0;}
