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

/*
* @Description:	portal
* @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;}
* { -webkit-tap-highlight-color:rgba(0,0,0,0);}

/* 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,iVBORw0KGgoAAAANSUhEUgAAAQwAAAMgBAMAAAAkU0HEAAAAKlBMVEUAAADX19e/qZ3CwsGhoaH6eRiysrK6uLffhkT/egv2dSAAAAD/egv///+De5OOAAAADHRSTlMA/hr895+GvjPZY2sbLPYRAAACzElEQVR42uzTsYnDQBBA0VnsTGwgfKmLEHIHUsHKD/Wgi830cixncx14bXgPduPPDBMAAAAAAAAAAAAAny//Xj3i9crXOpbbOj0zjsguGdM4ndZ1eWTsWXOL1ztd83Je5vWRMWTeo4OS+XOe51vUzLaOvcsw/jMis42jtXTQMsq8TBE1j/btGR2Ua47lMo/PS7kPraabGs2RW+xvkPEdMWzRT83mCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4Jc9OBAAAAAAAPJ/bQRVVVVVVVVVVVVVVVVVVVVVVVVVVVVVFfbgQAAAAAAAyP+1EVRVVVVVVVVVVVVVFXbnWAVhIAjCcLgi2q4nSXtCwPpA0NYY8DWSyjZRsRZ8cRPDHBew3QgyX/PDNLtERERERERERD9SuElNmaCYZ9G0k6Z5gmKew9IfJn3ZJ4p5DoWsXVRzlDJBMatL7yex1SP0UnnZnWsUs7aFl94+9DbEtihmbUYGq9DNpw7FrG2850LNeBbFrC4VkSxq07dGMX/zp29YyaI24qVGMetb5G6bR+2upmtRzPrMu905SG0QiqIwfBAeqHQREgi0kMW8YQouRgodBByEgNCKg9BZwEUUQVA5i+q7XgvZgG90v8mR5+D+BXB42oN+6v4/x/BW6T6gWp30plsXiKK8QiS8Q+TUu9mIVecRQ8oFwnGAOFHv9qy0akIMF/IjTNJzrKSq5FKEfSW/5LnmXGF3jmIsLhQtHhTnpJSZ/VF/Y2+aMaOmWNBTDElH4bNIGSgZ3JDq2S2rwknPa47H7pyeRS1nt6wJmuWx5szYXyrnt5wBmuMlR+vyMAv2l28ZWdhpy7huGXfARcpwHLs57Aub9V7Pd/6G7eaSXupGjtifW5B/S8YZxzXjB5+S0VRJ7wHXIm9gjDHGGGOMMcaY+P4Az9QVHYJgyroAAAAASUVORK5CYII=') 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;}

/* listContent */
.listContent { overflow:hidden; margin-top:1px;}
.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 -746px;}
.listContent .starNum span { background-position:-55px -759px;}
.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;}

/* 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}}

/* header */
.header { position:relative; *zool:1; width:100%; box-shadow:0 0px 10px -3px #000; border-bottom:1px solid #fff; background-image: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0,#ffffff), color-stop(1, #e5e5e5)); background-image: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background-image: linear-gradient(top,#ffffff 0%, #e5e5e5 100%);}
.header h1 { height:47px; overflow:hidden; font:18px/45px Arial; color:#000; text-align:center;}
.header .return{ position:absolute; left:10px; top:50%; width:49px; height:31px; margin-top:-15px; color: #000; font:14px/32px Arial; text-indent:10px; margin-left: 10px; border-radius: 2px 4px 4px 3px; border:1px solid #c5c5c5; border-left:0 none; transition-property:all; transition-duration:0.3s; background-image: -ms-linear-gradient(top, #ffffff 0%, #d6d6d6 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #d6d6d6 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #d6d6d6 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #ffffff), color-stop(1, #d6d6d6)); background-image: -webkit-linear-gradient(top, #ffffff 0%, #d6d6d6 100%); background-image: linear-gradient(top,#ffffff 0%, #d6d6d6 100%);}
.header .return:hover { background-image: -ms-linear-gradient(top, #d6d6d6 0%, #ffffff 100%); background-image: -moz-linear-gradient(top, #d6d6d6 0%, #ffffff 100%); background-image: -o-linear-gradient(top, #d6d6d6 0%, #ffffff 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #d6d6d6), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(top, #d6d6d6 0%, #ffffff 100%); background-image: linear-gradient(top,#d6d6d6 0%, #ffffff 100%);}
.header .return:before { position: absolute; width:23px; height:23px; content: " "; border:1px solid #c5c5c5; border-top:0 none; border-right:0 none; top: 3px; left:-10px; border-radius:4px 20px 1px 4px; transition-property:all; transition-duration:0.3s; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);  -o-transform: rotate(45deg); background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #D6D6D6 100%); background-image: -moz-linear-gradient(top left, #FFFFFF 0%, #D6D6D6 100%); background-image: -o-linear-gradient(top left, #FFFFFF 0%, #D6D6D6 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(1, #00A3EF)); background-image: -webkit-linear-gradient(top left, #FFFFFF 0%, #D6D6D6 100%); background-image: linear-gradient(top left,#FFFFFF 0%, #D6D6D6 100%);}
.header .return:hover:before { background-image: -ms-linear-gradient(top left, #D6D6D6 0%, #fffffff 100%); background-image: -moz-linear-gradient(top left, #D6D6D6 0%, #fffffff 100%); background-image: -o-linear-gradient(top left, #D6D6D6 0%, #fffffff 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #D6D6D6), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(top left, #D6D6D6 0%, #fffffff 100%); background-image: linear-gradient(top left,#D6D6D6 0%, #fffffff 100%);}

.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; max-height: 24px; overflow: hidden;}
.recommendList li img { width:100%; 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:-217px -78px}
.detailsTabs .num_on {background-position:-225px -78px}
.detailsTabs li:last-child {margin-right:0;}
