/*
    Globle Style
    2017-5-22 11:17:34
    andy.niu@outlook.com
*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
script { display: none !important; }
body { margin: 0; }
a { background: 0 0; }
/*a:focus { outline: thin dotted; }*/
a:active, a:hover { outline: 0; }
h1 { font-size: 2em; margin: .67em 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: 700; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #ff0; color: #000; }
code, kbd, pre, samp { font-family: monospace,serif; font-size: 1em; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -.5em; }
sub { bottom: -.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }
legend { border: 0; padding: 0; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; vertical-align: bottom; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; }
meta.foundation-mq-small { font-family: "only screen and (min-width: 768px)"; width: 48em; }
meta.foundation-mq-medium { font-family: "only screen and (min-width: 960px)"; width: 60em; }
meta.foundation-mq-large { font-family: "print, screen and (min-width: 80em)"; width: 80em; }
body, html { font-size: 14px; }
body { background: #fff; color: #000; padding: 0; margin: 0; font-family: 'PingFang SC','microsoft yahei',Verdana,Arial,Helvetica,sans-serif; font-weight: 400; font-style: normal; line-height: 1; position: relative; cursor: default; }
a:hover { cursor: pointer; }
embed, img, object { max-width: 100%; height: auto; }
embed, object { height: 100%; }
img { -ms-interpolation-mode: bicubic; }
img { display: inline-block; vertical-align: middle; }
textarea { height: auto; min-height: 50px; }
select { width: 100%; }

p.lead { font-size: 1.21875em; line-height: 1.6; }
.subheader { line-height: 1.4; color: #6f6f6f; font-weight: 300; margin-top: .2em; margin-bottom: .5em; }
blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul { margin: 0; padding: 0; direction: ltr; list-style: none; }
a { color: #333; text-decoration: none; line-height: inherit; }
a:focus, a:hover, a.hover { color: #09bb07; text-decoration: none }
a img { border: none; }
p { font-family: inherit; font-weight: 400; font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; text-rendering: optimizeLegibility; }
p aside { font-size: .875em; line-height: 1.35; font-style: italic; }
h1, h2, h3, h4, h5, h6 { font-family: "webfont","Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif; font-weight: 700; font-style: normal; color: #222; text-rendering: optimizeLegibility; margin-top: .2em; margin-bottom: .5em; line-height: 1.2125em; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }
h1 { font-size: 2.125em; }
h2 { font-size: 1.6875em; }
h3 { font-size: 1.375em; }
h4 { font-size: 1.125em; }
h5 { font-size: 1.125em; }
h6 { font-size: 1em; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 1.25em 0 1.1875em; height: 0; }
em, i { font-style: italic; line-height: inherit; }
b, strong { font-weight: 700; line-height: inherit; }
small { font-size: 60%; line-height: inherit; }
code { font-family: Consolas,"Liberation Mono",Courier,monospace; font-weight: 700; color: #e4cc01; }
dl, ol, ul { font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; list-style-position: outside; font-family: inherit; }
ol, ul { margin-left: 0; }
ol.no-bullet, ul.no-bullet { margin-left: 0; }
ul li ol, ul li ul { margin-left: 1.25em; margin-bottom: 0; font-size: 1em; }
ul.circle li ul, ul.disc li ul, ul.square li ul { list-style: inherit; }
ul.square { list-style-type: square; }
ul.circle { list-style-type: circle; }
ul.disc { list-style-type: disc; }
ul.no-bullet { list-style: none; }
ol li ol, ol li ul { margin-left: 1.25em; margin-bottom: 0; }
dl dt { margin-bottom: .3em; font-weight: 700; }
dl dd { margin-bottom: .75em; }
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #000; border-bottom: 1px dotted #ddd; cursor: help; }
abbr { text-transform: none; }
blockquote { margin: 0 0 1.25em; padding: .5625em 1.25em 0 1.1875em; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: .8125em; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #555; }
blockquote, blockquote p { line-height: 1.6; color: #6f6f6f; }

.vcard { display: inline-block; margin: 0 0 1.25em 0; border: 1px solid #ddd; padding: .625em .75em; }
.vcard li { margin: 0; display: block; }
.vcard .fn { font-weight: 700; font-size: .9375em; }
.vevent .summary { font-weight: 700; }
.vevent abbr { cursor: default; text-decoration: none; font-weight: 700; border: none; padding: 0 .0625em; }
#map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed, .map_canvas img, .map_canvas object { max-width: none !important; }
.center-block { display: block; margin-right: auto; margin-left: auto }
.pull-right { float: right !important }
.pull-left { float: left !important }
.hide { display: none !important }
.show { display: block !important }
.invisible { visibility: hidden }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 }
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.text-justify { text-align: justify }
.text-nowrap { white-space: nowrap }
.text-lowercase { text-transform: lowercase }
.text-uppercase { text-transform: uppercase }
.text-flex { display: flex; }
.block { display: block; }
.inlineblock { display: inline-block; }
.clearfix { display: block }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0 }
* html .clearfix { height: 1% }
* + html .clearfix { zoom: 1 }
a.none:hover { text-decoration: none; }
a.color-333,.color-333 { color:#333; }
a.color-666,.color-666 { color:#666; }
a.color-999,.color-999 { color:#999; }
a.color-blue,.color-blue { color:#155DE9; }
a.underline { text-decoration: underline; }
.italic { font-style: italic; font-weight: normal; display: inline; }
.bold { font-weight:bold; }
.inline { display:inline; }
.inline-block { display:inline-block; }
.width-max { max-width:100%; }
.font-12 { font-size: 12px; }
.font-13 { font-size: 13px; }
.font-14 { font-size: 14px; }
.font-15 { font-size: 15px; }
.font-16 { font-size: 16px; }
.font-18 { font-size: 18px; }
.font-20 { font-size: 20px; }
.font-22 { font-size: 22px; }
.font-24 { font-size: 24px; }
.font-26 { font-size: 26px; }
.font-28 { font-size: 28px; }
.font-30 { font-size: 30px; }
.font-32 { font-size: 32px; }
.font-34 { font-size: 34px; }
.font-36 { font-size: 36px; }

.max-img, .max-img img { display: block; vertical-align: middle; width: 100%; height: auto; margin: 0 auto; }
.max-width-img {max-width:100%; }
.with-100 { width: 100%; }
.pos-relative { position:relative;}


@media only screen and (min-width:768px) {
    h1, h2, h3, h4, h5, h6 { line-height: 1.4; }
    h1 { font-size: 2.75em; }
    h2 { font-size: 2.3125em; }
    h3 { font-size: 1.6875em; }
    h4 { font-size: 1.4375em; }
}


.print-only { display: none !important; }

@media print {
    * { background: 0 0 !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
    /*a, a:visited { text-decoration: underline; }*/
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    blockquote, pre { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    img, tr { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: .5cm; }
    h2, h3, p { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
    .hide-on-print { display: none !important; }
    .print-only { display: block !important; }
    .hide-for-print { display: none !important; }
    .show-for-print { display: inherit !important; }
}
.row:after, .row:before { content: " "; display: table; }
.row:after { clear: both; }

div, span, a, header { -webkit-tap-highlight-color: rgba(255,255,255,0); }
/*custom contal input*/
.control { }
.control .control-group { clear: both; display: block; box-sizing: border-box; margin-bottom: .3em; }
.control .control-label { color: #999; display: inline-block; line-height: 46px; }
.control .control-text { line-height: 18px; display: block; width: 100%; border: none; border-bottom: 1px solid #dcdcdc; outline: none; -webkit-appearance: none; border-radius: 0; padding: 14px 0; }
.control .control-select { line-height: 18px; display: block; width: 100%; border: none; border: 1px solid #dcdcdc; outline: none; border-radius: 0; padding: 8px 0; }
.control .control-select.first { margin-top: .3em; }
.control .control-textarea { width: 100%; border: 1px solid #dcdcdc; line-height: 18px; height: 108px; outline: none; padding: 3px 5px; }
.control .label input[type='checkbox'] { box-sizing: border-box; line-height: normal; vertical-align: -2px; }
.control .control-textarea:disabled { background: #F5F5F5; }

/* ============================================================
    flex：定义布局为盒模型
    flex-v：盒模型垂直布局
    flex-1：子元素占据剩余的空间
    flex-align-center：子元素垂直居中
    flex-pack-center：子元素水平居中
    flex-pack-justify：子元素两端对齐
    兼容性：ios 4+、android 2.3+、winphone8+

    <div class="flex flex-pack-justify">
        <div>模块一</div>
        <div>模块二</div>
        <div>模块三</div>
        <div>模块四</div>
    </div>
   ============================================================ */
.flex { display: -webkit-box; display: flex; }
.flex-v { -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.flex-align-center { -webkit-box-align: center;  -ms-flex-align: center; align-items: center; }
.flex-pack-center { -webkit-box-pack: center;  -ms-flex-pack: center; justify-content: center; }
.flex-pack-justify { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

/*Ui Custom Alter*/
.ui-popup-screen{ top: 0;left: 0;right: 0;bottom: 1px;position:fixed;background-color: rgba(0, 0, 0, 0.2); z-index:6; width:100%; height:100%; /*display:none;*/ }
.ui-popup-container{ background: #FFF; -webkit-animation-duration: 225ms;-webkit-animation-name: fadein;-moz-animation-duration: 225ms;-moz-animation-name: fadein;animation-duration: 225ms;animation-name: fadein; position:fixed; z-index:15; max-width:400px; width:80%;-webkit-box-shadow: 0 0 .625rem #999;box-shadow: 0 0 .625rem #999;}
.ui-popup-container .ui-popup-confirm{ border-top:1px solid #DDD; overflow:hidden; }
.ui-popup-container .ui-popup-confirm .ui-btn{ display:block; height:40px; line-height:40px; text-align:center; font-size:14px;color: #2683FF;padding:0;margin: 0; border:none;  }
.ui-popup-container .ui-pop-msg{ line-height:20px;padding: 10px 15px;}
.ui-pop-box{ border-radius: 3px;  }

.ui-alerts { position: fixed; top: 0; left: 0; z-index: 1000; display: none; width: 100%; height: 100%; }
.ui-alerts .ui-alerts-text { position: absolute; top: 50%; left: 50%; width: 80%; z-index: 1001; margin-top: -40px; margin-left: -40%; padding: 15px 20px; border-radius: 5px; background-color: rgba(0,0,0,0.65); }
.ui-alerts .ui-alerts-text div.text { color: #fff; text-align: center; font-size: 14px; }

/*sendbox*/
.sendbox { display: none !important; }

.container {  width: 1170px; margin:0 auto; }
.icon { background: url(/static/portal2018/images/icon.png) no-repeat; display: inline-block; }
.icon.icon-user { width: 15px; height: 15px; background-position: 0 -1px; }
.icon.icon-pass { width: 16px; height: 16px; background-position: -21px 0; }
.icon.icon-more { width: 16px; height: 16px; background-position: -117px -1px; vertical-align: -2px; }
.icon.icon-check { width: 16px; height: 16px; background-position: -136px -1px; vertical-align: -3px; }
.icon.icon-check.checked {background-position: -44px -1px; }
.icon.icon-msg { width: 16px; height: 16px; background-position: -96px -1px; }
.icon.icon-eye { width: 16px; height: 16px; background-position: -72px -1px; }

.icon.icon-help { width: 24px; height: 24px; background-position: 0px -29px; }
.icon.icon-app { width: 24px; height: 24px; background-position: -29px -29px; }
.icon.icon-wechat { width: 24px; height: 24px; background-position: -61px -29px; }
.icon.icon-order { width: 24px; height: 24px; background-position: -90px -29px; }
.icon.icon-top { width: 24px; height: 24px; background-position: -158px 0; }
.icon.icon-qq{ width: 27px; height: 27px; background-position: -55px -66px; }
.icon.icon-sina{ width: 27px; height: 27px;  background-position: -2px -66px;}
.icon.icon-arrow-down{ width:16px;height:16px;background-position:-134px -32px;}
.icon.icon-arror-up{ width: 16px; height: 16px;  background-position: -159px -32px;}
.icon2-arrow-up{width: 15px; height: 11px;background: url(/static/portal2018/images/corner_bg.png);display: block;margin-left: 58%;display: inline-block;vertical-align: middle;}
.icon-sixfoot{ width: 65px; height: 65px;background: url(/static/portal2018/images/sixfoot.png);display: inline-block;vertical-align: middle; }
.icon-trip_icon{ width: 136px; height: 52px;background: url(/static/portal2018/images/trip_icon.png);display: inline-block;vertical-align: middle; }
.icon-sixfoot_icon2{ width: 136px; height: 52px;background: url(/static/portal2018/images/sixfoot_icon2.png);display: inline-block;vertical-align: middle; }
.icon-ewmicon{width: 124px; height: 151px;background: url(/static/portal2018/images/ewm2.jpg);display: inline-block;vertical-align: middle; }

/*global all header */
.top-bar { height: 35px; line-height: 35px; background: #fafafa; border-bottom: 1px solid #ededed; }
.top-bar .item-wrap {  }
.top-bar .item-wrap .item { display:inline-block;position: relative;float: left; }
.top-bar .item-wrap .item.last a{padding-right: 0;}
.top-bar .item-wrap .item>a { color:#999;display: block;height: 100%;padding:0 18px;}
.top-bar .item-wrap .item .new-msg{ display: none;width:5px;font-size:0;height:5px;position:absolute;top:8px;right:8px;border:1px solid #FFF;background-color:red;zoom:1;border-radius: 50%; }
.top-bar .item-wrap .item .new-msg.hasnewmarker{display: block;}
.top-bar .item-wrap .item:hover >a, .top-bar .item-wrap .item.active>a { color: #09bb07;background-color: #fff;box-shadow: 0 2px 5px #ccc; }
.top-bar .item-wrap .item.nomal:hover a{ color: #09bb07;background-color: #fafafa;box-shadow: none; }
.top-bar .item-wrap .item .topnavdrop { display: none;background: #fff;box-shadow: 0 2px 5px #ccc;position: absolute;z-index: 2;zoom: 1;left:0; border:1px solid #eee\9; }
.top-bar .item-wrap .item .topnavdrop.i-right{right: 0px;left: auto;}
.top-bar .item-wrap .item:hover .topnavdrop{ display: block; }
.top-bar .item-wrap .newsbox{position: absolute;right: -44px;background-color: #FFF;border: 1px solid #445350;border-top: none;width: 110px;padding: 0 20px 0 10px;z-index: 999;color: #445250;box-shadow: 2px 2px 3px rgba(68, 82, 80,.3);}
.close_x{width:20px;height:20px;position:absolute;top:0;right:0;cursor:pointer;text-align:center;line-height:20px;font-family:arial}
.newsbox a{color:#FF7F00}
.new_msg_div{margin-bottom:10px}
.msgnav .new{color:red!important}

.topnavdrop .topnavdrop-inner{margin: 0;padding: 10px 3px;  }
.topnavdrop .topnavdrop-inner.rows{ width: 180px;  }
.topnavdrop .topnavdrop-inner.rows.w-210{width: 210px;}
.topnavdrop .topnavdrop-inner.rows.w-240{width: 240px;}
.topnavdrop .topnavdrop-inner.cols{ width: 90px;padding: 10px 0;box-sizing: border-box; }
.topnavdrop .topnavdrop-inner dd{ width: 80px;float: left;margin-bottom: 0;line-height: 28px;height: 28px;}
.topnavdrop .topnavdrop-inner.dd-100 dd{ width: 100px; }
.topnavdrop .topnavdrop-inner.dd-110 dd{ width: 110px; }
.topnavdrop .topnavdrop-inner.cols  dd{width: 100%;}
.topnavdrop .topnavdrop-inner dt{ padding-left: 10px;}
.topnavdrop .topnavdrop-inner a{ display:block;padding-left: 10px; }
.topnavdrop .topnavdrop-inner a.new{ color: #FF0000; }
.topnavdrop .topnavdrop-inner a:hover,.topnavdrop .topnavdrop-inner a.new:hover{ background:#3CB43C;color:#fff;}
.topnavdrop .topnavdrop-inner .mline{border-bottom: 1px dashed #ddd;padding-top: 5px;margin-bottom: 5px;}
.header { border-bottom: 1px solid #ededed; }
.header .logo { margin: 15px 0; }
.header .logo > a.logo_lk{ width: 260px;height: 71px;display: block;background: url(/static/portal2018/images/logo.jpg) no-repeat 50% 50%;text-indent: -999px;overflow: hidden; }
.header .search-container { position: relative; font-size: 14px; margin-top: 36px; margin-left: 50px; }
.header .search-container .search-box { height: 40px; width: 100%; box-sizing: border-box; border: 2px solid #09bb07; line-height: 40px; padding-left: 15px; padding-right: 115px; width: 375px; outline: none }
.header .search-container .search-btn { position:absolute;right:0px;height:100%;width:100px;top:0;background:#09bb07;color:#fff;text-align:center;border:none;outline:none;line-height: 40px;transition: all ease-in-out .3s;  }
.header .search-container .search-btn:hover{opacity: .8;}
.header .nav-section { margin-top:46px; }
.header .nav-section .nav { clear: both; }
.header .nav-section .nav>li { list-style:none;float:left;display:block;margin-left:30px;position: relative;}
.header .nav-section .nav > li>a{ font-size:16px; display:block;border-bottom:3px solid #fff;padding-bottom:2px;}
.header .nav-section .nav > li>a.active, .header .nav-section .nav > li:hover>a { color: #09bb07; border-bottom-color: #09bb07; }
.header .nav-section .nav >li .navdrop{position:absolute;display:none;z-index:3;zoom:1;left:-100%;background-color:#fff;width:100px;box-shadow:0 5px 12px #0000001a;border:1px solid #eee\9; }
.header .nav-section .nav >li:hover .navdrop{display: block;}
.nav .navdrop >dd{ line-height: 36px;margin: 0;text-align: center;height: 36px; }
.nav .navdrop >dd a{ display: block; }
.nav .navdrop >dd a:hover{background-color: #3CB43C;color:#fff;}

.content-body { margin-top:30px; }
.content-body .block-item {  }

/*login*/
.block-item .login-box { width:320px;height:280px;background-color:#f3fefa;padding:40px 20px 0 50px;box-sizing:content-box;  }
.login-box .login-wrap { position: relative; }
.login-box .login-wrap .login_tipmsg{display: none; width:320px;height:25px;line-height:25px;border:1px solid #ff9327;font-size:12px;color:#ff9326;margin-bottom:11px;background:#fff url(/static/portal2018/images/tip_msg.png) no-repeat 8px center;text-indent:30px;position:absolute;top:-32px;box-sizing:border-box;}
.login-box .login-wrap a { color:#999; }
.login-wrap .contro-wrap { position: relative; margin-bottom: 15px; }
.login-wrap .contro-wrap .icon { position: absolute; left: 13px; top: 11px; }
.login-wrap .contro-wrap .control-input { border: 1px solid #ccc; border-radius: 3px; padding-left: 40px; line-height: 38px; height: 38px; outline: none; width: 100%; box-sizing: border-box; }
.login-wrap .contro-wrap .control-input.error{ background:#fed9d9;border-color:#fed9d9;}
.login-wrap .contro-wrap .control-input.error:focus{background: #FFF; box-shadow:none;border-color: #ccc;  }
.login-wrap .contro-wrap .control-btn { width: 100%; display: block; border-radius: 3px; height: 40px; color: #FFF; font-size: 16px; font-weight: bold; border: none; background: #f07f31; outline: none;text-align: center;line-height: 40px; transition: all ease-in-out .3s; }
.login-wrap .contro-wrap .control-btn[disabled]{ opacity: .4;filter: opacity(40);cursor: default; }
.login-wrap .contro-wrap .control-btn:hover {  background-color: #FF730E; }
.login-wrap .contro-wrap .inline-dashed { border-bottom: 1px dashed #dcdcdc; padding: 20px 10px;  }
.login-box .login-wrap .btn-default { width: 85px; line-height: 30px; height: 30px; border: 1px solid #c3ead5; display: block; border-radius: 3px; color: #09bb07; text-align: center }
.login-box .login-wrap .btn-default:hover { background-color: #f5f5f5; border-color: rgba(9, 187, 7, 0.4); }
.login-wrap .inline-dashed { border-bottom: 1px dashed #dedede; padding-bottom: 15px; margin-bottom: 10px; }
.login-wrap .last { line-height:30px; }
.login-wrap .othorlogin{ position: relative;display: none; }
.login-wrap .corner_img{ margin-left: 58%;}
.login-wrap .othorlogin .othorlogin-link{background: #FFF;border:1px solid #DDD;border-radius:5px;padding:2px 5px;text-align:center;margin-top:10px;margin-top: -1px;}

/*swiper*/
.block-item .i-swiper { width: 780px; height: 320px; overflow: hidden; }
.i-swiper .swiper-pagination-bullet { width: 12px; height: 12px; opacity: .3; background: #fff;transition:all ease-in-out .3s; }
.i-swiper .swiper-pagination-bullet-active { opacity: 1; }

/*especially-info*/
.especially-info{margin: 30px 0 0;}
.especially-info .col-3{margin-left:15px;width: 380px;float: left;overflow: hidden; }
.especially-info .col-3 .max-100{height: 80px;width: 380px;transition: all ease-in-out .3s;}
.especially-info .col-3 .max-100:hover{ transform:  scale(1.1);}
.especially-info .col-3.first,.especially-info .col-3:first-child{margin-left: 0;}

/*recommend activity*/
.block-item.activity { margin-top:50px; }
.activity .grid-image { width:455px; }
.activity .grid-image .i-title { margin-bottom:10px; }
.activity .grid-image .i-title a { line-height:22px;display:block; }
.activity .grid-image .grid-wrap { }
.grid-image .grid-wrap .item { width:220px;float:left;margin-left:15px;margin-bottom:20px; }
.grid-image .grid-wrap .item:hover .title { color:#ff7800 }
.grid-image .grid-wrap .item:nth-child(2n+1) { margin-left:0; }
.grid-image .grid-wrap .item.nth{margin-left:0;}
.grid-wrap .item .title { margin-top: 15px; line-height: 20px; height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word;padding:0 8px; }
.grid-wrap .item .pic { overflow:hidden;height:150px;width:220px; }
.grid-wrap .item .pic .max-img { transition: all ease-in-out .3s; height:150px;width:220px;}
.grid-wrap .item:hover .pic .max-img { transform:scale(1.1); }
.grid-wrap .item .price {padding-top: 3px;}
.grid-wrap .item .price .keys{margin-top: 10px;color: #999;}
.grid-wrap .item .price .price-text{font-size: 18px;color: #ff7800;margin-top: 4px;}
.grid-wrap .item .price .price-text>em{font-size: 24px;margin: 0 2px;font-style: normal;}
.grid-wrap .item .price .price-text>i{ font-style: normal;}

.i-tab{clear: both;}
.i-tab .tab-nav{display: none;}
.i-tab .tab-nav>label{ display: inline-block;margin-right: 25px;padding-bottom: 5px;border-bottom: 3px solid #FFF;cursor:pointer;}
.i-tab .tab-nav.active{ display: block}
.i-tab .tab-nav.active>label.active{ color: #09bb07;border-color: #09bb07; }
.i-tab .tab-content{clear: both; }
.i-tab-content .grid-wrap{display: none;height:540px;overflow: hidden; }
.i-tab-content .grid-wrap.active{ display: block}


.activity .recommend { width:665px; }
.recommend .head-news { width:230px; }
.recommend .head-news .label-title { padding-bottom: 8px; border-bottom: 2px solid #c5ebe1;margin-bottom:20px; }
.recommend .head-news .news-list { }
.recommend .head-news .news-list a { color:#666; }
.recommend .head-news .news-list a:hover { color: #ff7800; }
.recommend .head-news .news-list .item { line-height: 22px;height:22px; overflow: hidden; margin-bottom: 10px; text-overflow: ellipsis; display: -webkit-box; display: box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-word; }
.recommend .head-news .last { margin-top:30px; }

.recommend .search-activity { width:380px; }
.search-activity .search-activity-condition { background: #fafafa; padding: 20px 30px 15px; }
.search-activity .search-activity-condition.other { margin-top:30px; } 
.search-activity .label-title { margin-bottom: 20px; }
.search-activity .search-form { }
.search-activity .search-form .contro-wrap { margin-bottom:8px; }
.search-form .contro-wrap .control-label { width: 75px;line-height:32px;text-align: right;}
.search-form .contro-wrap .control-label.frist{letter-spacing: 1px;}
.search-form .contro-wrap .control { width:235px;position: relative; }
.search-form .contro-wrap .control-input { border: 1px solid #ccc; border-radius: 3px; line-height: 30px; height: 30px; outline: none; width: 100%; box-sizing: border-box; padding: 0 10px;}
.search-form .contro-wrap .control-btn { width: 84px; height: 32px; line-height: 32px; border: none; color: #fff; background: #09bb07; text-align: center; display: inline-block;border-radius:3px;transition: all .15s ease 0s; }
.search-form .contro-wrap .control-btn:hover{ background:#2bc329;}

.dropdown .dropdown-label{background: #FFF;border: 1px solid #ccc; border-radius: 3px; line-height: 30px; height: 30px; outline: none; width: 100%; box-sizing: border-box; padding: 0 10px;} 
.dropdown .dropdown-inner{ display: none;min-width:300px;padding:12px 10px 14px;border:1px solid #ddd;background:#fff; position: absolute;z-index: 3;zoom: 1;box-shadow: 2px 2px 8px rgba(0,0,0,.3);}
.dropdown .dropdown-inner.active{ display: block;}
.dropdown-inner .dropdown-option{}
.dropdown-inner .item{float:left;width:60px;height:28px;padding:0 0 0 11px;line-height:28px;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.dropdown-inner .item:hover{ color:#09bb07;}

.dropdown .dropdown-inner.list{box-sizing: border-box;min-width: 100%;padding: 0;}
.dropdown .dropdown-inner.list .dropdown-option{max-height:160px;overflow:auto;background:#fff;z-index:999;}
.dropdown-inner.list .item{display:block;height:32px;padding:0 6px;line-height:32px;overflow:hidden;font-size:14px;color:#404040;float: none; width:auto;}
.dropdown-inner.list .item:hover{ background: #f8f8f8;}
.dropdown .dropdown-label .icon{ position: absolute; right:10px;top:50%;margin-top: -8px; }

.search-activity-condition .area-list { margin-bottom:32px; }
.search-activity-condition .area-list.last { margin-bottom: 10px; }
.search-activity-condition .area-list .item{ display:inline-block;margin-right:20px;line-height:22px; }

/*ad info*/
.block-item.ad-info { margin: 10px 0 55px; overflow: hidden; }
.block-item.btm-other{margin: 10px 0 40px; overflow: hidden;}
.block-item.btm-other img,.block-item.ad-info img{transition: all ease-in-out .3s;}
.block-item.btm-other img:hover,.block-item.ad-info img:hover{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);opacity:.9}
.block-item.ad-info {}

/*choice-activity*/
.choice-activity{padding: 40px 0 36px;}
.choice-activity .title{font-size: 18px;padding-bottom: 20px;}
.choice-activity .choice-items{}
.choice-activity .item{margin-bottom: 25px;overflow: hidden;}
.choice-activity .item .pic{width:100%;transition: all ease-in-out .3s;}
.choice-activity .item .pic:hover { transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

/*bbs wrap*/
.bbs-wrap { }
.bbs-wrap .forum-moudle {  width:365px; }
.bbs-wrap .forum-moudle .bg-moudle { background-color: #f3fefa; padding: 20px 0; }
.bbs-wrap .forum-moudle .forum-block .label-title { padding-left: 25px; font-size: 20px; color: #09bb07; line-height: 18px; height: 18px; position: relative; }
.bbs-wrap .forum-moudle .forum-block .label-title:before { position: absolute; top: 2px; left: 0; width: 4px; height: 100%; background-color: #56c382;content:" "; }

.forum-moudle .forum-block .forum-list { padding:25px; }
.forum-moudle .forum-block .forum-list .item { display: inline-block;  margin-bottom: 20px;;width: 100px; }
.forum-moudle .forum-block .more { margin-left: 20px; padding-bottom: 10px; }
.forum-moudle .forum-block .more a { color: #56c382; }
.forum-moudle .integral-ad { margin: 40px 0 50px; }
.forum-moudle .evaluation { }
.forum-moudle .evaluation .label-title { margin-bottom:25px; }
.forum-moudle .evaluation .evaluation-list { }
.evaluation .evaluation-list .item { margin-bottom:20px;margin-left:25px; float:left;width:169px; }
.evaluation .evaluation-list .item:nth-child(2n+1) { margin-left:0; }
.evaluation .evaluation-list .item.nth{margin-left: 0;}
.evaluation-list .item .pic { overflow: hidden; width: 169px; height: 126px; }
.evaluation-list .item .pic > img { transition: all ease-in-out .3s; }
.evaluation-list .item .pic > img:hover { transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.evaluation-list .item .title { margin-top: 15px; line-height: 18px; height: 54px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-word; }
.evaluation-list .item:hover .title { color: #ff7800 }


.bbs-wrap .forum-essence { width: 750px; }
.bbs-wrap .forum-essence>.label-title { margin-bottom:30px;  }
.bbs-wrap .forum-essence .article-list { }
.forum-essence .article-list .item { padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid #ededed; }
.forum-essence .article-list .item:last-child { margin-bottom:0;border-bottom:none; }
.article-list .item .pic { width: 220px;overflow:hidden; }
.article-list .item .pic .article-img { vertical-align:-2px;transition:all ease-in-out .3s; }
.article-list .item .pic .article-img:hover { transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.article-list .item .article-info { width:510px; }
.article-list .item .article-info .span-title{ margin-bottom:24px;line-height:24px;height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word; }
.article-info .article-user { margin-bottom: 28px; line-height: 22px; }
.article-info .article-user .user-pic{ border-radius:50%;overflow: hidden;height: 20px; width: 20px; }
.article-info .article-user .icon { vertical-align:-3px; }
.article-info .article-user .user-name { color: #57c8ae; display:inline-block;padding:0 10px; }
.article-info .article-user .channel{ display: inline-block;padding: 0 10px;padding-right: 20px; }
.article-info .article-user .channel a{ color: #57c8ae; }
.article-info .article-user .channel a:hover{ text-decoration: underline; }
.article-info .article-user .user-views { display: inline-block; margin-right:5px; }
.article-info .article-user .user-reviews { display: inline-block; }
.article-info .article-content { line-height: 20px; height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; }

/*bottom atlas*/
.block-item.atlas { margin-top:50px; }
.block-item .atlas-list { margin-top:25px; }
.block-item .atlas-list .item { overflow:hidden;width:286px;height:214px;margin-left:8.666666px;margin-bottom:9px;float:left; }
.block-item .atlas-list .item.first, .block-item .atlas-list .item:first-child { width: 580px; height: 214px; }
.block-item .atlas-list .item.nth { margin-left:0; }
.atlas-list .item .pic{ max-width:100%;vertical-align:middle;transition:all ease-in-out .3s; }
.atlas-list .item .pic:hover { transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);opacity:.9; }

/*friend-link*/
.block-item.friend-link { margin-top:70px; }
.block-item.friend-link .label-title {  }
.block-item.friend-link .link-list {  margin-top:10px;margin-bottom:80px; }
.friend-link .link-list .item { float: left; width: 141.25px;border-left:1px dashed #dcdcdc;height:40px;line-height:40px; text-align:center; margin-top:30px; }
.friend-link .link-list .item:first-child { border-left:none; }
.friend-link .link-list .item:nth-child(9){  border-left: none;}
.friend-link .link-list .item .pic { max-width:100px;max-height:40px; }


/*footer*/
.footer {border-top: 2px solid #3cb43c;}
.footer .btm-attr{background: #fff;}
.footer .btm-attr .attr-btn-info { margin-bottom:20px;padding:20px 0 0;background:#fafafa; }
.footerlink{padding-left: 110px;color: #999;}
.footerlink dl dt {margin-bottom: 5px;height: 36px;line-height: 36px;padding-left: 54px;position: relative;left: -54px; font-size:18px;font-weight: normal}
.footerlink dl dt.dt1{ background:url(/static/portal2018/images/aboutus.png) no-repeat left center;}
.footerlink dl dt.dt2{ background:url(/static/portal2018/images/helpicon.png) no-repeat left center;}
.footerlink dl dt.dt3{ background:url(/static/portal2018/images/toolicon.png) no-repeat left center;}
.footerlink dl dt.dt4{ background:url(/static/portal2018/images/guanzhuicon.png) no-repeat left center;}
.footerlink dl .dd4 img{ position:relative; top:-30px;}
.footerlink dl dd {line-height: 20px;margin: 0;line-height: 22px;}
.footerlink li {float: left;margin-right: 144px;_display: inline;}
.footerlink li a{ color: #999;margin-right: 5px; }
.footerlink li a:hover {color: #09bb07;}

.friendlink .links{ padding: 20px 0; }
.friendlink a{color: #999;}
.friendlink a:hover {color: #09bb07;}
.friendlink .links li{display: inline-block;_display: inline;word-wrap: normal;word-break: keep-all;white-space:nowrap;line-height:15px;margin-left: 10px;}

.footer .copyright {height:60px;line-height:60px; background-color:#333;  }
.footer .copyright a{ color: #999}
.footer .copyright a:hover{ color: #09bb07}


/*right toolbar*/
.toolbar-wrap { position: fixed; _position: absolute; top: 0; right: 0; z-index: 9990; width: 0; height: 100%; }
.l-toolbar { width:40px;position:absolute;height:100%;top:0;right:0;background:#333; }
.l-toolbar .bar { position:absolute;top:30%;width:100%; }
.l-toolbar .bar .item { border-bottom: 1px solid #3e3e3e;height:48px;line-height:48px; text-align:center;position:relative; }
.l-toolbar .bar .item:first-child { border-top: 1px solid #3e3e3e; }
.l-toolbar .bar .item>a { display: block; height: 100%; line-height: 60px;transition:all ease-in-out .2s; }
.l-toolbar .bar .item:hover>a { background: #09bb07; }
.l-toolbar .bar .item .tips { position: absolute; left: -88px; top: 0; height: 100%; padding: 0 16px; background-color: #505050; color: #FFF;display:none; }
.l-toolbar .bar .item .tips.t1 { left: -60px; }
.l-toolbar .bar .item .tips.t2 { left: -129px; }
.l-toolbar .bar .item .tips.t3 {left: -124px;padding: 0;top: -6px; }
.l-toolbar .bar .item i.circles { position: absolute; top:12px; right: 10px; width: 6px; height: 6px; background: #ff0000;border-radius:50%; }
.l-toolbar .bar .item .tips .arrow-right { background: url(/static/portal2018/images/toobbar-right.png) no-repeat 0 0;width:7px; height:11px; position:absolute;right:-7px;top:50%;margin-top:-5.5px; }
.l-toolbar .bar .item .tips.t3 .arrow-right{ margin-top: 0px; }
.l-toolbar .bar .item:hover .tips { display:block; }
.l-toolbar .bar .item:hover .tips > a { color:#FFF; }
.l-toolbar .top { position: absolute; bottom: 0; left: 0; width: 100%; height: 46px; border-top:1px solid #3e3e3e; line-height:68px;text-align:center; }
.l-toolbar .top>a { display: block; height: 100%; }
.l-toolbar .top > a:hover { background: #09bb07; }


/* index sliderbox
.slideBox{ width:780px; height:320px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left: 0; bottom:10px; z-index:1;width: 100%;text-align:center; }
.slideBox .hd ul{ overflow:hidden; zoom:1;  margin: 0;padding: 0;display:block; }
.slideBox .hd ul li{display: inline-block; width: 12px;height: 12px;opacity: .3;background: #fff;transition: all ease-in-out .3s;background:#fff; cursor:pointer;margin: 0 5px; opacity:.3; filter:alpha(opacity=30);  border-radius: 50%;}
.slideBox .hd ul li.on{ opacity: 1;filter:alpha(opacity=100); }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;  } */

/*index slider*/
.i-slider { position: relative; width:780px; height:320px; overflow: hidden; }
.i-slider .i-prev, .i-slider .i-next { background: rgba(0,0,0,.6) url(/static/portal2018/images/icon-arrow.png) no-repeat; position: absolute; z-index: 5; top: 50%; height: 50px; width: 30px; margin-top: -25px; opacity: 0; cursor: pointer; transition: opacity ease-in-out .3s; }
.i-slider:hover .i-prev, .i-slider:hover .i-next { opacity: .4;  }
.i-slider .i-prev:hover , .i-slider .i-next:hover { opacity: .8;  }
.i-slider .i-prev { left:0; border-radius:0 5px 5px 0;background-position: -30% 50%; }
.i-slider .i-next { right: 0; border-radius: 5px 0 0 5px; background-position: 130% 50%; }
.i-slider-page { position:absolute;z-index:5;bottom:10px;width:100%;box-sizing:border-box;text-align:center; }
.i-slider .ui-pager-item {display: inline-block; width: 12px;height: 12px;opacity: .3;background: #fff;transition: all ease-in-out .3s;background:#fff; cursor:pointer;margin: 0 5px; opacity:.3; filter:alpha(opacity=30);  border-radius: 50%;}
.i-slider .ui-pager-item.active { opacity: 1;filter:alpha(opacity=100);}
.i-slider .i-slider-item { position: relative; /*transition: all ease-in-out .3s;*/ left: 0;}
.i-slider .i-slider-item .i-item { display:none;top:0;left:0;box-sizing:border-box; transition:opacity ease-in-out .5s; opacity:0; }
.i-slider .i-slider-item .i-item.active { display:block; opacity:1; }
.i-slider .i-slider-item .i-item.scroll { display: block; opacity: 1;}
.i-slider .i-slider-item .i-item img{ max-width:100%; }

/*attr-info*/
.attr-info{border: 1px solid #eee;margin-bottom: 40px;}
.attr-info .first{border-right: 1px solid #eee;width:583px;}
.attr-info .last{width:584px;}
.attr-info .title{ height:38px;border-bottom:1px solid #eee;background:#fafafa;font-size:14px;color:#666;line-height:38px;text-align:center; }
.attr-info .text{padding: 29px 0;line-height: 24px;}
.attr-info .last .text{ padding-top: 46px;}

/*user-info*/
.user-info{ position: relative; }
.user-info .user-pic{ width:99px;height: 99px;overflow: hidden;  }
.user-info .user-pic .pic{width: 100%;vertical-align: middle;line-height: 99px;}
.user-info .user-name{ margin-left: 30px; line-height: 30px; }
.user-info .user-act{margin-top: 30px;}
.user-info .user-act .item{display:block;float:left;width:60px;color:#666;margin-right:20px;position:relative;line-height:20px;margin-bottom:20px;}
.user-info .user-act .item:hover{ color: #09bb07; text-decoration: underline; }
.user-info .user-act .item:before{content: " ";position: absolute;height: 18px;width: 1px; background: #666;top: 2px;right: 0;}
.user-info .user-act .item.nth:before { background: #FFF; }
.user-info .logout{}
.user-info .logout .btn-logout{ display: block;width:100%; text-align: center;font-size: 16px;border: 1px solid #ccc;line-height: 40px;background-color: #fff;border-radius: 3px; }

/*float ad*/
.i-a-l-01,.i-a-r-01{ position: fixed;bottom: 60px;z-index: 10;  }
.i-a-l-01{left: 10px}
.i-a-r-01{right: 50px}
.i-a-l-01 .i-close,.i-a-r-01 .i-close{ width:15px;height:15px;background:rgba(0, 0, 0, 0.7);opacity:0.5;float:left;text-align:center;color:rgb(255,255,255);position:absolute;top:0;line-height:13px;}
.i-a-r-01 .i-close{left: 0; }
.i-a-l-01 .i-close{right: 0; }
.i-a-l-01 .i-close:hover,.i-a-r-01 .i-close:hover{ opacity: .8; cursor: pointer; }
.i-a-l-01 .i-close span,.i-a-r-01 .i-close span{    font-size: 14px;    display: block;}
.i-a-l-01 .i-content,.i-a-r-01 .i-content{width: 120px;height: 300px;overflow: hidden;}
.i-a-l-01 .i-content .pic,.i-a-r-01 .i-content .pic{width: 100%;}

.i-top-01{position: relative; z-index: 30;display: none; }
.i-top-01 .i-content{ position: relative; }
.i-top-01 .i-close{ display:block;overflow:hidden;width:15px;height:15px;background:rgba(255, 255, 255, 0.4);opacity:0.5;float:left;text-align:center;color:#FFF;font-style:normal;}
.i-top-01 .i-close:before,.i-top-01 .i-close:after{content:' ';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#FFF;}
.i-top-01 .i-close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.i-top-01 .i-close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}