
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-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);}
html, body { min-height:100%; box-sizing:border-box;}

body { padding-bottom:60px; background: #e2e6ef;}

.wrap { box-sizing: border-box; max-width: 320px!important; padding-left: 10px!important; padding-right: 10px!important; margin-left: auto!important; margin-right: auto!important; }

/* public image */
.detailsTabBox,.main-item a,.photo-guide article a, .photo-guide .multi-list a, .photo-guide .single-list a
{ background:url(../images/default-pic.png) no-repeat center center; background-size: auto 50%;}

header,.header { position: relative; z-index: 9; text-align: center; 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%); background:#f8f8f8\9;}
header h1,.header h1 { display: inline-block; max-width: ;x-width:80%; height:47px; overflow:hidden; padding-left: 45px; font: 18px/47px Arial; color: #000; background: url(data:image/png;base64,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) no-repeat 0 center; background-size:auto 50%; }
/* detailsTab */
.detailsTabBox { width: 300px; overflow:hidden; margin: 10px auto 0 auto; position: relative; z-index: 8; height: 200px; border-radius:4px;}
.detailsTab { width: 300px; height: 200px; overflow: hidden; margin: 0px auto; position: relative; z-index: 8; top: -1px; }
.detailsTab #scroller { width: 900px; 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: 300px; float: left; }
div[id^="wrapper"] { position: relative; overflow: auto; width: 100%; }
.detailsTabSub { position: relative; height: 200px; white-space: nowrap; }
.detailsTabSub li { display: inline-block; }
.detailsTabSub ul { position: absolute; }
.detailsTabSub img { width:300px; height:200px; vertical-align: top;  border-radius: 4px;}

.detailsTabs { position: absolute; left: 0; bottom: -1px; z-index: 9; padding-left:10px;}
.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: 8px; height: 8px; border-radius: 8px; margin: 0 2px; overflow: hidden; text-indent: -9999px; vertical-align: top; background: #e1e1e1; }
.detailsTabs .num_on { background: #d40000; }
.detailsTabs li:last-child { margin-right: 0; }

.main-item { position: relative; z-index: 9; overflow:hidden; margin-left:-1%; text-align: center; }
.main-item a{ float:left; position:relative; *zoom:1; width:23%; margin:3% 0 0 2%; box-sizing:border-box; text-align:right; border-radius:4px;}
.main-item a:after { content:attr(title); position:absolute; left:0; bottom:0; width:100%; text-align:center; font:13px/20px Arial; color:#fff;}
.main-item img{ width:100%; vertical-align:top;}
.main-item-standard { text-align:left;}
.main-item-standard a { text-align:right;}
.main-item-less { margin-left:-4%;}
.main-item-less a { width:46%; margin-left:4%;}
.main-item-less a:after { top:50%; bottom:auto; margin-top:-20px; font:20px/40px Arial; text-indent:52px;}


/* item-nav */
.item-nav { display: -webkit-box; -webkit-box-pack: justify; padding: 3% 0; margin: 3% auto; text-align: center; background: #fff; border:1px solid #d1d1d1; border-radius: 4px;}
.item-nav dt { width: 20%; -webkit-box-sizing: border-box; }
.item-nav dt a { display: block; width: 100%; padding: 0; border-right: 1px solid #c9c9c9; }
.item-nav dt img { width: 72%; vertical-align: top; }
.item-nav dd { width: 79%; }
.item-nav dd a { float: left; width: 28%; padding: 3% 0 3% 4%; text-align: left; font: 14px/0.8 Arial; border: 1px solid #fff; }
.item-nav dd a:active { background: -webkit-gradient(linear,0 0,0 100%,from(#e9eef5),to(#dce0e8)); border-color: #b4bfcb; box-shadow: inset 0 1px 0 #dee0e8; }

.operate { display:none; position: fixed; left: 0; bottom: 0; z-index: 9; width: 100%; padding: 10px 0; background: #393838; box-shadow: 0 1px 10px -1px #393838; text-align: center; }
.operate a { display: inline-block; width: 80%; font: 18px/37px Arial; color: #fff; text-align: center; border-radius: 10px; box-shadow: 2px 2px 13px -2px #040000; background-image: -ms-linear-gradient(top, #3ebf45 0%, #2e9234 100%); background-image: -moz-linear-gradient(top, #3ebf45 0%, #2e9234 100%); background-image: -o-linear-gradient(top, #3ebf45 0%, #2e9234 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #3ebf45), color-stop(1, #2e9234)); background-image: -webkit-linear-gradient(top, #3ebf45 0%, #2e9234 100%); background-image: linear-gradient(top,#3ebf45 0%, #2e9234 100%); background:#2e9234\9;}
.operate a:hover { background-image: -ms-linear-gradient(top, #2e9234 0%, #3ebf45 100%); background-image: -moz-linear-gradient(top, #2e9234 0%, #3ebf45 100%); background-image: -o-linear-gradient(top, #2e9234 0%, #3ebf45 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #2e9234), color-stop(1, #3ebf45)); background-image: -webkit-linear-gradient(top, #2e9234 0%, #3ebf45 100%); background-image: linear-gradient(top,#2e9234 0%, #3ebf45 100%); background:#3ebf45\9;}
.operate-force { padding:0; background:url(../images/login-lianwo-down-bg.png) repeat-x 0 0; background-size:auto 100%;}
.operate-force a,.operate-force a:hover { width:300px; height:64px; overflow:hidden; text-indent:-999px; text-align:left; box-shadow:none; background:url(../images/login-lianwo-down.png) no-repeat 0 0; background-size:100% auto; border-radius:0;}

.photo-guide { padding: 2px 0 5px 0; margin: 3% auto; background: #fff; border:1px solid #d1d1d1; border-radius: 4px;}
.photo-guide h3 { display: block; padding: 0 10px; font: 14px/30px Arial; color: #000; border-bottom:1px solid #d1d1d1;}
.photo-guide .more { float:right; font-size:12px;}
.photo-guide .tips{ width:94%; margin:0 auto; font:16px/20px Arial; color:#000; text-align:left;}
.photo-guide img { width: 94%; vertical-align: top; }
.photo-guide article a,.photo-guide .multi-list a,.photo-guide .single-list a { display: inline-block; box-sizing: border-box; text-align: center; }
.multi-list { width: 96%; padding: 9px 0 6px 0; text-align: center; margin: 0 auto;}
.multi-list a{ width:32%; height:78px;}
.multi-list a img { height:100%;}
.single-list { padding: 7px 0; }
.single-list a { width: 100%; }

.main-ad { display: block; width:100%; margin: 3% auto; overflow:hidden; text-align:center;  border-radius:4px; background:#fff;}
.main-ad img{ width:100%; vertical-align:top; border-radius:4px;}

/* search */
.search { display: -webkit-box; -webkit-box-pack: justify; text-align: center; padding: 3.5% 0 1% 0;}
.searchArea { display: block; width: 100%; height:36px; overflow: hidden; }
.search input { height: 36px; margin: 0; border-radius: 0; background: transparent; border: 0 none; outline: 0 none; }
.search input:nth-child(1) { -webkit-box-sizing: border-box; width: 73%; padding: 5px 10px 5px 35px; font: 14px/26px Arial; color: #000; border: 0 none; -webkit-appearance: none; background: url(../images/search-btn.png) no-repeat 8px center #fff; background-size:auto 40%; vertical-align:-1px; }
.search input:nth-child(2) { -webkit-box-sizing: border-box; width: 25%; padding: 0 1%; margin-left:2%; font: 12px/34px Arial; color: #000; text-align: center; border:1px solid #969696; box-shadow:inset 1px 1px 0px 0px #fff; background-image: -ms-linear-gradient(top, #fbfbfb 0%, #d7d7d7 100%); background-image: -moz-linear-gradient(top, #fbfbfb 0%, #d7d7d7 100%); background-image: -o-linear-gradient(top, #fbfbfb 0%, #d7d7d7 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #fbfbfb), color-stop(1, #d7d7d7)); background-image: -webkit-linear-gradient(top, #fbfbfb 0%, #d7d7d7 100%); background-image: linear-gradient(top,#fbfbfb 0%, #d7d7d7 100%); }
.search input:nth-child(2):hover { background-image: -ms-linear-gradient(top, #d7d7d7 0%, #fbfbfb 100%); background-image: -moz-linear-gradient(top, #d7d7d7 0%, #fbfbfb 100%); background-image: -o-linear-gradient(top, #d7d7d7 0%, #fbfbfb 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #d7d7d7), color-stop(1, #fbfbfb)); background-image: -webkit-linear-gradient(top, #d7d7d7 0%, #fbfbfb 100%); background-image: linear-gradient(top,#d7d7d7 0%, #fbfbfb 100%); }

.pop-shade { display:none; position:fixed; left:0; top:0; z-index:10; width:100%; height:100%; background:rgba(0,0,0,0.5);}

/* pop-login */
.pop-login { display:none; position:fixed; left:50%; top:10%; z-index:11; width:300px; overflow:hidden; margin:0 0 0 -150px; background:#fff; border-radius:8px;}
.pop-login .login-tabs { padding:10px 10px 0 10px; border-radius:8px 8px 0 0; background:#35a53b; text-align:center; }
.pop-login .login-tabs li{ display:inline-block; width:49%; background:#257329; border-radius:8px 8px 0 0; cursor:pointer;}
.pop-login .login-tabs span{ font:16px/38px Arial; color:#fff; background-size:auto 100%!important; padding-left:0!important; background-position:1000px 1000px!important;}
.pop-login .login-tabs .webchat{ padding-left:28px; background:url(../images/login-webchat.png) no-repeat 0 center;}
.pop-login .login-tabs .phone{ padding-left:15px; background:url(../images/login-phone.png) no-repeat 0 center;}
.pop-login .login-tabs .act{ background:#fff;}
.login-tabs .act span{ color:#000;}
.login-tabs .act .webchat{ background-image:url(../images/login-webchat-on.png);}
.login-tabs .act .phone{ background-image:url(../images/login-phone-on.png);}
.pop-login .login-tab li{ display:none;}
.pop-login .login-tab .act{ display:block;}
.login-phone { padding:5px 20px;}
.login-phone .number{ display:block; width:100%; height:38px; margin:30px auto 0 auto; box-sizing:border-box; padding:0 5px; border-radius:4px; border:1px solid #c1c1c1; font-size:14px; color:#333;}
.login-phone .number-btn{ display:block; width:100%; margin:30px auto 0 auto; box-sizing:border-box; border-radius:4px; text-align:center; font:18px/38px Arial; color:#fff; cursor:pointer; background-image: -ms-linear-gradient(top, #03e61a 0%, #0e9f01 100%); background-image: -moz-linear-gradient(top, #03e61a 0%, #0e9f01 100%); background-image: -o-linear-gradient(top, #03e61a 0%, #0e9f01 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #03e61a), color-stop(1, #0e9f01)); background-image: -webkit-linear-gradient(top, #03e61a 0%, #0e9f01 100%); background-image: linear-gradient(top,#03e61a 0%, #0e9f01 100%); background:#0e9f01\9;}
.login-phone .number-btn:hover { background-image: -ms-linear-gradient(top, #0e9f01 0%, #03e61a 100%); background-image: -moz-linear-gradient(top, #0e9f01 0%, #03e61a 100%); background-image: -o-linear-gradient(top, #0e9f01 0%, #03e61a 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #0e9f01), color-stop(1, #03e61a)); background-image: -webkit-linear-gradient(top, #0e9f01 0%, #03e61a 100%); background-image: linear-gradient(top,#0e9f01 0%, #03e61a 100%); background:#03e61a\9;}
.login-phone .my-number{ padding:10px 0; font:16px/30px Arial; color:#000;}
.login-phone .my-number .edit{ float:right; color:#0d7ebf;}
.login-phone .my-number .edit:hover { color:#f00;}
.login-phone .code-area{ overflow:hidden;}
.login-phone .code-number{ float:left; width:70%; height:38px; box-sizing:border-box; padding:5px; border-radius:4px; border:1px solid #c1c1c1; font:14px/28px Arial; color:#333;}
.login-phone .re-get{ float:right; width:27%; height:38px; box-sizing:border-box; font:14px/38px Arial; color:#323232; text-align:center; border:1px solid #cfcfcf; border-radius:4px; background-image: -ms-linear-gradient(top, #f1f1f1 0%, #cfcfcf 100%); background-image: -moz-linear-gradient(top, #f1f1f1 0%, #cfcfcf 100%); background-image: -o-linear-gradient(top, #f1f1f1 0%, #cfcfcf 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #f1f1f1), color-stop(1, #cfcfcf)); background-image: -webkit-linear-gradient(top, #f1f1f1 0%, #cfcfcf 100%); background-image: linear-gradient(top,#f1f1f1 0%, #cfcfcf 100%); background:#0e9f01\9;}
.login-phone .re-get:hover { background-image: -ms-linear-gradient(top, #cfcfcf 0%, #f1f1f1 100%); background-image: -moz-linear-gradient(top, #cfcfcf 0%, #f1f1f1 100%); background-image: -o-linear-gradient(top, #cfcfcf 0%, #f1f1f1 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #cfcfcf), color-stop(1, #f1f1f1)); background-image: -webkit-linear-gradient(top, #cfcfcf 0%, #f1f1f1 100%); background-image: linear-gradient(top,#cfcfcf 0%, #f1f1f1 100%); background:#03e61a\9;}
.login-phone .re-get-no,.login-phone .re-get-no:hover { font-size:11px; color:#8e8e8e; background:#dfdfdf;}
.pop-login .code-tips{ height:20px; padding:2px 0; text-align:left;}
.pop-login .code-tips span{ padding-left:15px; font:13px/20px Arial; color:#cd0505; background:url(../images/login-error-tips.png) no-repeat 0 center; background-size:auto 85%;}
.pop-login .login-btn{ display:block; width:100%; margin-top:10px; box-sizing:border-box; border-radius:4px; text-align:center; font:18px/38px Arial; color:#fff; cursor: pointer; background-image: -ms-linear-gradient(top, #03e61a 0%, #0e9f01 100%); background-image: -moz-linear-gradient(top, #03e61a 0%, #0e9f01 100%); background-image: -o-linear-gradient(top, #03e61a 0%, #0e9f01 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #03e61a), color-stop(1, #0e9f01)); background-image: -webkit-linear-gradient(top, #03e61a 0%, #0e9f01 100%); background-image: linear-gradient(top,#03e61a 0%, #0e9f01 100%); background:#0e9f01\9;}
.pop-login .login-btn:hover{ background-image: -ms-linear-gradient(top, #0e9f01 0%, #03e61a 100%); background-image: -moz-linear-gradient(top, #0e9f01 0%, #03e61a 100%); background-image: -o-linear-gradient(top, #0e9f01 0%, #03e61a 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #0e9f01), color-stop(1, #03e61a)); background-image: -webkit-linear-gradient(top, #0e9f01 0%, #03e61a 100%); background-image: linear-gradient(top,#0e9f01 0%, #03e61a 100%); background:#03e61a\9;}
.pop-login .safe-tips{ padding:5px 0; border-top:1px solid #d4d4d4; text-align:center;}
.pop-login .safe-tips span { padding-left:15px; font:12px/30px Arial; color:#000; background:url(../images/login-safe-ico.png) no-repeat 0 center; background-size:auto 100%;}
.pop-login .other-login{ text-align:center;}
.pop-login .other-login a{ display:inline-block; width:134px; height:46px; overflow:hidden; background-size:100% auto!important; text-indent:-999px;}
.pop-login .other-login .login-weibo{ background:url(../images/login-weibo.png) no-repeat 0 0;}
.pop-login .other-login .login-weibo:hover{ background-image:url(../images/login-weibo-on.png)}
.pop-login .other-login .login-qq{ margin-left:5px; background:url(../images/login-qq.png) no-repeat 0 0;}
.pop-login .other-login .login-qq:hover{ background-image:url(../images/login-qq-on.png)}
.pop-login .lianwo-down{ display:block; width:100%; height:64px; overflow:hidden; margin-top:10px; text-indent:-999px; background:url(../images/login-lianwo-down.png) no-repeat 0 0; background-size:100% auto;}

/* pop-tips */
.pop-tips { position:absolute; left:0; top:47px; z-index:9; width:100%; overflow:hidden; text-align:center; font:12px/24px Arial; color:#d4684a; border-bottom:1px solid #e5cf94; opacity:0.9; filter:alpha(opacity=90); transition:all .5s ease 0; background-image: -ms-linear-gradient(top, #f9edd6 0%, #fdefc5 100%); background-image: -moz-linear-gradient(top, #f9edd6 0%, #fdefc5 100%); background-image: -o-linear-gradient(top, #f9edd6 0%, #fdefc5 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #f9edd6), color-stop(1, #fdefc5)); background-image: -webkit-linear-gradient(top, #f9edd6 0%, #fdefc5 100%); background-image: linear-gradient(top,#f9edd6 0%, #fdefc5 100%); background:#f9edd6\9;}

/* #wrapper */
#wrapper { width: 100%; height:100%; z-index:2; overflow:hidden; border-radius:4px;}
#nav-home { position: absolute; z-index: 3; bottom: 0; box-sizing:border-box; width: 100%; padding-left:20px; left: 0;}
#nav-home li { display: inline-block; position:relative; z-index:8; width: 8px; height: 8px; border-radius: 8px; margin: 0 2px; overflow: hidden; text-indent: -9999px; vertical-align: top; background: #e1e1e1; }
#nav-home li.selected { background: #d40000; }
#swipeview-slider > div { display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; -webkit-box-align: center; overflow: hidden;}
#swipeview-slider img { width:100%; height:100%; vertical-align: top; border-radius:4px;}

.detailsTabs { position: absolute; left: 0; bottom: -1px; z-index: 2; padding-left:10px;}
.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; }

/* login-phone code-style 防蹭网模式 */
.code-style .login-phone .code-msg{ min-height:51px; _height:51px; padding-left:60px; margin-top:15px; font:13px/17px Arial; color:#333; background:url('data:image/png;base64,[encoded data, 6028 characters]') no-repeat 0 center; background-size:auto 100%;}
.code-style .login-phone .number{ margin-top:15px;}
.code-style .login-phone .number-btn{ margin-top:15px;}
/*  */
.code-style .login-phone .free-msg { margin-top:15px; font:14px/18px Arial; color:#333;}

/* pop-ios-shortcut caizx 20131221 */
.pop-ios-shortcut { display:none; position:fixed; left:50%; bottom:10px; z-index:9; width:100px; padding:10px 10px 10px 50px; margin-left:-81px; background:rgba(0,0,0,0.8); border:1px solid #000; border-radius:4px; box-shadow:1px 1px 20px -3px #000;}
.pop-ios-shortcut:before { content:' '; position:absolute; left:50%; bottom:-12px; width:0; height:0; margin-left:-6px; border:6px solid transparent; border-top-color:#000;}
/* width:10px; height:10px; margin-left:-7px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);  -o-transform: rotate(45deg); background:rgba(0,0,0,0.8); border:1px solid #000; border-top:0 none; border-right:0 none; box-shadow:1px 1px 20px -3px #000; border-radius:30px 0 3px 0; */
.pop-ios-shortcut .close-btn{ position:absolute; right:5px; top:5px; width:8px; height:8px; overflow:hidden; text-indent:-99px; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAABm1BMVEUAAAAAAAAAAAAAAAAAAAAFBQUAAAAAAAAAAAAHBwcCAgIGBgYAAAAAAAAAAAB5eXlcXFw/Pz8AAAAAAAAAAADr6+uJiYkAAAAAAAAAAACWlpbs7OwAAAAMDAwWFhYAAAAhISEvLy8AAAAAAADt7e2goKDo6OidnZ0bGxsRERF/f38AAADj4+O4uLjLy8vb29uFhYUAAAAAAADw8PDu7u7i4uLl5eXf39+rq6tycnJ5eXk/Pz/W1tbv7+/v7+/a2trX19fe3t7t7e1qamrW1tYoKCjb29shISFBQUFfX18xMTEAAAAAAADm5ubs7OzBwcG+vr6ysrJlZWWQkJCtra2YmJhRUVFQUFDe3t7Ozs7Nzc3f39/Pz8/d3d3a2tro6Ojj4+Pu7u7m5ua7u7vLy8vk5OS4uLjt7e3r6+vr6+u9vb3Gxsa/v7/IyMjDw8Ph4eHq6urg4ODExMTMzMzy8vLAwMC5ubmvr6+2trbJycmTk5PBwcHw8PD19fX8/Pypqambm5uLi4vc3NyhoaG1tbXX19fT09OlpaXY2Nh6qTfJAAAAWHRSTlMAhTgQEwoOAQIIjpYaJ00ZEw42SAThIjJCLCnWPp2qWLjEO2PpNtAxsaP9VL86WaP+UXr477fGsUj5/NqT8vWchqzA9se92tqr8pm3s8nxsa/47/fw8dcbA0N3ZwAAAzhJREFUSMed1vdT2mAcx/EYwhCIIuAARGS4QJx127q3tbungkBAxgEKIspeVbF/dh8Qvj4iCXf9/MQdeV2Sy907If5zSutmPq+ZULY8bkKTz29alS+/83GGiefX27lN+3rObbtx5iaUyCzmGIbx+/251XZOs5q1nZ6eXjiYRSVB7b6YQCC31s5h1mrGbt+lCNpfM0hN8tkMf5KpmbOzJxVBemsGLb7AZzEbr+Y8RBLyn2Ci0fhcVzPTNRd4Nee/SII+dICJOrPjoDAzjpvgIU0IOvR/wTid2c+yRiObj2LGo+8QECKpTl8G43QzwzIhToSyYSdmfHqdVIQelFS3Ywfjdvs1nULMdGpw87ijkyoJNJHUMpiqG7RAd4/w1XS7MZMYtFTOU1XU9GgMjNcbBSXsaTDTFDJ11TEQBoOUSS18MSbcFEY7agbUPRivy/lBjf4VqU+8mHkewA2akKcYewTjirg/jYhEIx9x8zCmoOBeQWkTYCIR7+zQ0CxuimMKHhhQgj7tMxiksowLM2ltnwAMrvolD2BubiJvjARMwwT94iIYmw0zJUk/mHfKIE43M1Nig4BgHZ8Ul94bs5jksxuk5G1TjWa5TQ6GRfW2md+aJTCcqoCbYlsvGPbxvjgxc+v4ymsBoDtgbi+90Ch2s+B/ay5Trg1OBd3BTSplW+jiNONNzNXVBd4o7u6ACYUc83ijOLqT9IEJxZ4aysbWnb29RzCxWHkYbxRrd4zGwQSY60xZg6vm3RmdlqKyFcBkMvZKo2Bs3amU7RnM3d25CVcs3ak26gFMOHxpUmOKrTtCSjFQBBMMXp2oRWAauqOtdAfKlgYT9MRQ2WrGmmXrDlJ92jQYj+c6OlRVysV4pFl3oGySEpj7+0zAqqxcGxjoTmPZpuoGLRxAVyjYjrB2B8pmBuPzBbcFBO1q2R2+QbwMJplM0QT5h6s70KilukGTE+Q3rDvQkPdqC8wPklDtO2pmCxmORh3UTGKfJijd73LF3H6fUXF9G/XOHCSrZkVHoZe7UZ/OhIorYFiUamallCiY9Ub0ekfKIj4+khhpMCyKNkqOjsWWikGKR5MGFdX6y5JSGUiah477B6571r6ReIbKAAAAAElFTkSuQmCC') no-repeat 0 0; background-size:100% auto;}
.pop-ios-shortcut .ico{ position:absolute; left:8px; top:13px; width:35px; height:35px; box-shadow:0 0 3px 1px #000; border-radius:4px;}
.pop-ios-shortcut p{ font:10px/14px Arial; color:#fff;}

/* 不支持设备提示 */
.nonsupport-msg { padding:10px 30px; font:28px/40px Arial; color:#f5831e; text-align:left;}

/* 设备适配 */
@media screen{}
	.pcstyle .detailsTabBox,
	.pcstyle .phone-screen,
	.pcstyle .main-item,
	.pcstyle .photo-guide,
	.pcstyle .item-nav,
	.pcstyle .pop-login .lianwo-down
	{ display:none;}

	.pcstyle .focus-pc-pic { display:block;  width:640px; margin:5px auto;}
	.pcstyle .focus-pc-pic img { width:640px; height:426px; vertical-align:top;}

	.pcstyle header,.pcstyle .header { width:640px; margin:0 auto; box-shadow:none;}
	.pcstyle header h1, .pcstyle .header h1 { padding-left:0\9; background-position:1000px 1000px\9;}

	.pcstyle .pop-login { display:block; position:static; width:640px; margin:0 auto; border-radius:0 0 8px 8px;}
	.pcstyle .pop-login .login-tabs { border-radius:0;}

	.pcstyle .pop-tips { width:640px; left:50%; margin-left:-320px;}
	.pcstyle .login-phone .number { line-height:38px;}

	.pcstyle .pop-login .login-tab li { height:auto; padding-bottom:20px;}

	/* 开放模式下 */
	.pcstyle .open-wifi .operate{ display:block; position:relative; width:640px; margin:0 auto; background:#fff; box-shadow:none;}
	
@media screen and (max-width:1136px) {}
	.detailsTabBox,
	.phone-screen,
	.main-item,
	.photo-guide,
	.pop-login .lianwo-down
	{ display:block;}

	.focus-pc-pic { display:none;}

	.item-nav{ display:-webkit-box;}

	header,.header { width:100%; margin:auto; box-shadow:0 0px 10px -3px #000}
	header h1, .header h1 { padding-left:45px\9; background-position:0 center\9;}
	
	.pop-login { display:none; width:300px; position:fixed; margin:0 0 0 -150px; border-radius:8px;}
	.pop-login .login-tabs { border-radius:8px 8px 0 0;}

	.pop-tips { width:100%; left:0; margin-left:0;}
	.login-phone .number { line-height:inherit;}

	/* 开放模式下 */
	.open-wifi .operate { display:none; position: fixed; left: 0; bottom: 0; z-index: 9; width: 100%; padding: 10px 0; background: #393838; box-shadow: 0 1px 10px -1px #393838; text-align: center; }

/* 微信登录 */
.login-phone .weixin-info{ padding:20px 0 0 0; counter-reset: sectioncounter;}
.login-phone .weixin-info li{ position: relative; display:block; height:auto; padding-left:50px; font:14px/22px Arial; word-break:break-all;}
.login-phone .weixin-info li:before {position: absolute; left:0; top:0; content: "第" counter(sectioncounter) "步："; counter-increment: sectioncounter;}
.login-phone .weixin-info strong{margin:0 4px; color:#18721c;}

.pcstyle .login-tabs:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0}
.pcstyle .login-tabs{*zoom:1}
.pcstyle .login-tabs li{float:left;}

.pcstyle .login-phone .code-number{width:396px; _width:376px; *height:28px;}
.pcstyle .login-phone .re-get{width:178px;}

.pcstyle .code-style .login-phone .code-msg{min-height:100px; _height:100px; padding-left:120px; line-height: 30px; font-size: 20px; _background:url(../images/ic_fc.png) no-repeat 0 0;}
.pcstyle .code-style .login-phone .free-msg{line-height: 30px; font-size: 20px;}
.pcstyle .login-phone .number{ *width:588px;}