@charset"utf-8";body {color:#333}
.caseRightContainer {width:245px;height:695px;float:left;margin-left:15px;border:1px solid #ddd}
.caseRightContainer .caseTypesTitle {color:#686868;padding-left:11px;margin-bottom:15px;width:auto;background:#f7f7f7;line-height:37px;font-size:14px;border-bottom:1px solid #ddd}
.caseRightContainer .casePreForm {float:left;margin-left:14px;*margin-left:14px;_margin-left:7px;margin-bottom:21px;border:1px solid #fff;position:relative}
.caseRightContainer .casePreForm:hover {border-color:#008cff}
.caseRightContainer .casePreOutterForm {overflow:hidden;border:1px solid #ccc;width:201px;height:121px;padding:7px}
.caseRightContainer .casePreOutterForm:hover {border-color:#008cff}
.caseRightContainer .casePreInnerForm {width:201px;height:121px;overflow:hidden;margin:auto}
.webModel {width:1002px;height:auto;margin:auto;margin-bottom:30px;overflow:hidden}
.modelSep {clear:both;width:960px;height:8px;margin:auto}
.modelMenu {float:left;width:240px;height:100%;background-color:#eee}
.modelMenuTitle {width:100%;height:40px;line-height:40px;font-size:15px;font-weight:bold;background:url(../images/modelMenuTitle2.png)}
.modelMenuText {width:100%;height:31px;line-height:31px}
.modelMenuTextCheck {background-color:#2f9ec7}
.modelMenuIcoCheck {background:url(../images/ico-hover.png) 25px center no-repeat!important}
.modelMenuText a {display:block;padding-left:40px;height:31px;line-height:31px;background:url(../images/ico.png) 25px center no-repeat;text-decoration:none}
.modelMenuText a:hover {color:#33649e;text-decoration:underline}
.modelMenuFirst {height:40px;line-height:40px;padding-left:30px;background:url(../images/ico2Right2.png) right no-repeat;color:#666;cursor:pointer}
.modelMenuFirst-hover {color:#f30;text-decoration:underline}
.modelMenuFirst-check {background:url(../images/ico2Down2.png) right no-repeat;color:#213e62;font-weight:bold}
.modelMenuFirst-check2 {background:url(../images/ico2Right2_blue.gif) 215px center no-repeat;color:#213e62;font-weight:bold}
.modelMenuDiv {padding-left:33px;display:none;background-color:#dedede}
.modelMenuSecond {float:left;width:65px;height:28px;line-height:28px}
.modelMenuSecond a {color:#666;text-decoration:none}
.modelMenuSecond a:hover {color:#f30;text-decoration:none}
.modelTitleBottom_line {display:block;width:100%;height:2px;line-height:0;font-size:0;background:url(../images/line2.png) repeat-x}
.modelContent {float:left;width:700px;height:100%}
.modelConMiddle {width:100%;height:100%;background-color:#fff}
.modelConTitle {width:650px;height:50px;padding-top:11px;padding-left:40px}
.modelConTitleRight {float:left;width:195px;height:100%;background:url(../images/compute.png) no-repeat}
.modelConList {clear:both;width:670px;height:auto;padding-left:30px}
.modelConList p {font-size:20px;padding-left:28px}
.modelConList .modelForm {float:left;width:206px;height:304px;padding-bottom:20px}
.modelPic {width:165px;height:232px;background:url(../images/modelPic2.png) no-repeat;padding:15px 17px 20px 18px}
.modelPicHover {background:url(../images/modelPic-hover2.png) no-repeat}
.modelPic a img {display:block;width:165px}
.modelBtn {width:100%;height:27px;line-height:27px;text-align:center;margin-top:10px}
.modelBtn a {display:inline-block;width:81px;height:27px;background:url(../images/btn.png) no-repeat}
.modelBtnHover {background:url(../images/btn-hover.png) no-repeat!important}
.modelLeftContainer {width:auto;height:auto}
.modelLeftContainer a {text-decoration:none}
.modelLeftContainer .modelTypesTitle {color:#686868;padding-left:11px;width:auto;background:#f7f7f7;line-height:37px;font-size:14px;border:1px solid #ddd}
.modelLeftContainer .modelTypes {width:auto;height:auto;zoom:1;padding:0 0 0 10px}
.modelLeftContainer .modelAllTypesSep {color:#686868;margin:15px 0 15px 0;width:auto;*+width:960px;height:33px;background:#ededed;font-size:14px;line-height:33px;padding-left:11px}
.modelOneType {float:left;width:135px;height:22px;line-height:22px;padding-left:15px;margin:0 48px 12px 0;font-size:12px;background:url(../images/modelOneTypeIco.gif) 3px center no-repeat}
.modelOneType .f-link {color:#666}
.modelOneType a.notSelected {text-decoration:none;cursor:default}
.modelTypeFirst-check a {color:red;text-decoration:underline}
.modelTypesDetail {font-size:11px;padding-left:11px;border-top:0}
.modelkindsTitle {margin-right:22px}
.modelTypesDetail a {margin-right:25px}
.modelSelectedTypes {float:left;color:#686868;font-size:12px;margin-top:4px;line-height:26px}
.modelSecondTypes {padding-top:6px}
.modelSecondTypes .modelSecondType {font-size:12px;color:#0063db;margin-left:19px;margin-right:0}
.modelContainer {width:100%;height:auto}
.modelPreForm {float:left;margin:16px 18px;_margin:14px 15px;border:1px solid #fff;position:relative}
.modelPreOutterForm {overflow:hidden;border:1px solid #ccc;width:198px;height:210px;padding:5px}
.modelPreInnerForm {width:100%;height:100%;overflow:hidden;margin:auto}
.modelPreview {position:absolute;width:51px;height:32px;bottom:0;right:8px;display:none;background-color:#0079dc;text-align:center;line-height:35px;color:#fff;cursor:pointer;text-decoration:none}
.modelKindShow {display:inline-block;max-width:1040px;_display:inline;_width:1040px;margin-left:8px}
.modelKindShowInner {float:left;margin-top:6px;line-height:22px}
.modelKindShowInner a:hover {color:#f30;text-decoration:underline}
.gn-modelContainer {width:1060px}
.gn-modelPreForm {padding:0;float:left;transition:transform .3s ease,box-shadow .3s ease}
.gn-modelPreForm .f-modelPreInnerForm {width:246px;height:171px;position:relative;background:url(../images/model.png) no-repeat 0 0;_background:url(../images/model.gif) no-repeat 0 0;-webkit-transition:-webkit-transform .2s ease-out;-moz-transition:-moz-transform .2s ease-out;-o-transition:-o-transform .2s ease-out;-ms-transition:-ms-transform .2s ease-out;transition:transform .2s ease-out}
.gn-modelPreForm .f-pcModel {width:244px;height:154px;border:1px solid #cfcfcf;border-top:0;overflow:hidden;position:absolute;top:16px;left:0}
.gn-modelPreForm .f-pcModelImg {width:246px}
.gn-modelPreForm .f-pcModelUrl {position:absolute;display:block;line-height:34px;text-align:center;height:34px;color:#fff;font-size:14px;border-radius:20px;top:91px;z-index:2}
.gn-modelPreForm .f-reg {display:none;width:106px;background-color:#fd6040;left:66px}
.gn-modelPreForm .f-show {display:none;width:88px;background-color:#2f82ff;left:192px}
.gn-modelPreForm .f-pcModulePic {display:none;position:absolute;width:100%;height:100%;background-color:#000;opacity:.7;top:0;border-top-left-radius:6px;border-top-right-radius:6px}
.gn-modelPreForm .f-modelPreInnerForm:hover .f-reg {display:block}
.gn-modelPreForm .f-modelPreInnerForm:hover .f-show {display:block}
.f-mobiModelInnerForm .f-reg,.f-mobiModelInnerForm .f-show {font-size:14px}
.gn-modelPreForm .f-modelPreInnerForm:hover .f-pcModulePic {display:block}
.gn-modelPreForm .f-modelPreInnerForm:hover .f-qrCode {top:65px}
.gn-modelPreForm .f-modelPreInnerForm:hover .f-mobiModulePic {border-radius:7px}
.modelLeftContainer .secondBoxTri {display:none;z-index:12;position:absolute;width:9px;height:6px;background:url(../images/model_sjt.png) 0 -2px no-repeat}
.modelLeftContainer .secondBoxOuter {position:absolute;top:20px;z-index:10;width:136px}
.modelLeftContainer .space {height:10px;width:136px;font-size:7px}
.modelLeftContainer .secondBox {z-index:11;display:none;position:absolute;top:10px;_top:9px;left:0;width:170px;border:1px solid #b9c7d9;background:#fff}
.modelLeftContainer .secondInnerBox {margin-top:5px;margin-left:15px;border:solid #b9c7d9 1px\9;background:#fff}
.modelLeftContainer .secondInnerBox::before {content:'';display:block;position:absolute;left:20px;margin-left:-6px;width:0;height:0;top:-12px;border-style:solid;border-width:6px;border-color:transparent;border-bottom-color:#fff;z-index:1}
.modelLeftContainer .secondInnerBox::after {content:'';display:block;position:absolute;left:20px;width:1px;height:1px;top:2px;border-bottom-color:#fff;z-index:-1;box-shadow:0 0 10px 2px #333}
.modelLeftContainer .secondBoxDetail {width:72px;line-height:1;height:12px;font-size:12px;float:left;margin-bottom:15px;color:#777674}
.modelLeftContainer a.secondBoxDetailLink {color:#555}
.modelLeftContainer a.secondBoxDetailLink:hover {color:#f30}
.modelLeftContainer .colSpace {width:8px;height:14px;float:left;margin-bottom:12x}
.modelLeftContainer .secondBox {box-shadow:0 0 2px 1px rgba(0,0,0,0.1);border:0;display:none;width:150px}
.modelLeftContainer .secondBoxTri {display:none}
.modelLeftContainer a.secondBoxDetailLink {color:#666}
.modelLeftContainer .secondInnerBox {margin:0;padding:15px;padding-bottom:0;padding-right:0;overflow:hidden;_margin-top:-15px}
.modelLeftContainer .secondBoxDetail {width:65px}
.modelLeftContainer .secondBoxDetail-oneline {display:block;width:100%}
.modelLeftContainer .colSpace {width:0}
.modelOneType {background:0;padding-left:0}
.webModel {width:1200px;overflow:visible;min-height:548px;padding-top:25px}
.modelLeftContainer .modelTypes {padding:0;width:110%}
.modelOneType {width:240px;margin:0;font-size:14px;padding-bottom:12px;margin-right:10px}
.modelSelectedTypes,.modelSecondTypes .modelSecondType {font-size:14px}
.modelOneType a.notSelected,.modelSecondTypes .modelSecondType {color:#666;cursor:pointer}
.modelOneType a.notSelected:hover,.modelSecondTypes .modelSecondType:hover,.modelLeftContainer a.secondBoxDetailLink:hover {color:#2f82ff}
.modelSecondTypes .modelSecondType:hover {text-decoration:none}
.modelTypesDetail {padding-left:0;padding-top:1px}
.modelSelectedTypes {color:#999;margin-right:10px}
.gn-title-industry {font-weight:normal;padding:55px 0 23px 0;color:#666;font-size:16px;line-height:1}
.modelOneType .gn-itemLink-active,.modelOneType a.gn-itemLink-active,.modelSecondTypes .gn-itemLink-active {color:#2f82ff}
.tradeCol {width:120px;float:left;height:40px;overflow:hidden}
.modelKindShowInner {width:auto;margin:0;margin-right:24px;overflow:hidden;padding:0 16px;height:32px}
.modelKindShowInner .modelSecondType {display:block;line-height:32px;white-space:nowrap}
.modelKindShowInner-active {height:32px;background:#2f82ff;color:#fff;text-align:center;border-radius:2px;margin-bottom:10px;border-radius:18px}
.modelKindShowInner-active .modelSecondType,.modelKindShowInner-active .modelSecondType:hover {color:#fff;text-decoration:none}
.modelSecondTypes .modelSecondType {margin-left:0}
.gn-modelPreForm .f-modelPreInnerForm {width:356px;height:231px;background:0}
.gn-modelPreForm .f-pcModel {width:inherit;height:216px;left:0;top:15px;border:0}
.gn-modelPreForm .f-pcModelImg {width:100%}
.gn-websiteWin {width:356px;height:236px;background:url(../images/home_ico.png) no-repeat -893px -388px;padding:6px;position:absolute;left:-6px;top:-6px}
.gn-modelPreForm .f-mobiModelImg {width:100%;height:100%;border-radius:7px}
.gn-modelContainer {width:1200px}
.gn-modelPreForm {width:366px;height:250px;margin-left:48px;margin-bottom:60px}
.f-noModelWrap {padding-left:48px;width:1200px}
.f-noModel {height:147px;width:172px;margin:0 auto;background:url(../images/defaultIcon.png) no-repeat 0 -2458px}
.f-noModel-txt {font-size:14px;color:#666;padding-top:20px;padding-bottom:50px;text-align:center}
.modelLeftContainer {font-family:'微软雅黑'}
.modelKindShowInner {font-size:0}
.modelSecondTypes {font-size:14}
.modelSecondTypes .modelSecondTypesWrap {margin-top:0}
.modelOnlySecondTypes .modelSelectedTypes {display:none}
.modelOnlySecondTypes .modelKindShow {max-width:100%;margin-left:0}
.f-view-notMatch {text-align:center;padding-bottom:60px}
.f-view-notMatch .f-pic {width:214px;height:168px;margin:0 auto;background:url(../images/home_ico.png) no-repeat -1174px -1179px}
.f-view-notMatch .f-text {font-size:16px;margin-top:45px;color:#666}
.f-view-notMatch .f-text .f-keyword {color:#ff1d1d}
.f-view-notMatch .f-button {font-size:14px;margin-top:46px;line-height:40px;line-height:40px;display:inline-block;border-radius:20px;border:solid #3583fb 1px;cursor:pointer;width:150px;height:40px;text-align:center;transition:all .3s;color:#666;font-size:14px;color:#3583fb}
.f-view-notMatch .f-button:hover {background-color:#2f82ff;color:#fff;border-color:#2f82ff}
.f-view-notMatch .f-button.f-button-back {width:120px;margin-left:20px;border:1px solid #2f82ff;background-color:#2f82ff;color:#fff}
.f-view-notMatch .f-button.f-button-back:hover {background-color:#2288fe;border-color:#5776ff}
.recommend .recommendTip {font-size:18px;font-weight:600;text-align:center;padding-bottom:50px}
#modelOneType100 {display:none}
#modelOneTypeMobi100 {display:none}
#modelOneType2000 {display:none}
#resFirstTypeList {display:inline-block}
.myTradeBackground {width:100%;height:100%;position:absolute;opacity:.4;filter:alpha(opacity=40);left:0;top:0;z-index:9033;background:black}
.myTradeSuggest {width:515px;height:380px;position:absolute;left:0;top:0;z-index:9034;background:#fff;color:#666;font-family:"Microsoft Yahei","微软雅黑",sans-serif;animation:myTradeSuggest .1s;overflow:hidden}
.myTradeSuggest-callback {height:300px;width:400px;border-radius:2px}
.myTradeSuggest-callback .sweet-alert {width:400px;padding-left:0;padding-right:0}
.myTradeSuggest-callback .myTradeSuggestBag {width:400px}
.myTradeSuggest-callback .myTradeSuggestPic {margin-left:353px}
.myTradeSuggest-callback-fixIE .sweet-alert .sa-icon.sa-success::before {display:none}
.myTradeSuggest-callback-fixIE .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {display:none}
.myTradeSuggest-callback-fixIE .sweet-alert .sa-icon.sa-success .sa-line.sa-long {display:none}
.myTradeSuggest-callback-fixIE .sweet-alert .sa-icon.sa-success .sa-fix {display:none}
.myTradeSuggest-callback-fixIE .sa-icon.sa-success.animate::after {display:none}
.myTradeSuggest-callback-fixIE .sweet-alert .sa-icon.sa-success .sa-placeholder {display:none}
.myTradeSuggest-callback-fixIE .sweet-alert .sa-icon.sa-success {background:url(../images/submit-success.png) no-repeat;width:88px;height:88px;border:0}
.myTradeSuggestTitle {height:65px;border-bottom:1px solid #f2f2f5}
.myTradeSuggestTitleFont {position:absolute;margin-top:25px;margin-left:45px;width:220px;font-size:16px;color:#333}
.myTradeSuggestPic {position:absolute;margin-top:25px;margin-left:471px;width:18px;height:18px;background:url(../images/home_ico.png) -1219px -1484px no-repeat;cursor:pointer;z-index:2001}
.myTradeSuggestPic:hover {width:18px;height:18px;background:url(../images/home_ico.png) -1219px -1484px no-repeat;cursor:pointer}
.myTradeSuggestContent {width:515px;height:303px;font-size:13px;position:relative}
.myTradeLine {clear:both;width:100%;height:auto;float:left;margin-top:30px;position:relative}
.myTradeTitle {width:135px;float:left;text-align:right;height:32px;line-height:32px;font-size:13px}
.myTradeInput {width:293px;height:32px;float:left;margin-left:12px}
.myTradeInputText[type=text] {width:260px;height:30px;line-height:30px;border:0;border-radius:3px;border:1px solid #e3e2e8;font-size:13px;padding-left:10px;color:#666;font-family:"Microsoft Yahei","微软雅黑",sans-serif}
.myTradeInputText {width:260px;height:30px;line-height:30px;border:0;border-radius:3px;border:1px solid #e3e2e8;font-size:13px;padding-left:10px;color:#666;font-family:"Microsoft Yahei","微软雅黑",sans-serif;float:left}
.myTradeInputText::-webkit-input-placeholder {color:#ccc}
.myTradeInputText:-moz-placeholder {color:#ccc}
.myTradeInputText::-moz-placeholder {color:#ccc}
.myTradeInputText:-ms-input-placeholder {color:#ccc}
.myTradeInputPlaceholder::-webkit-input-placeholder {color:#f96161}
.myTradeInputPlaceholder:-moz-placeholder {color:#f96161}
.myTradeInputPlaceholder::-moz-placeholder {color:#f96161}
.myTradeInputPlaceholder:-ms-input-placeholder {color:#f96161}
.myTradeRadio {margin-left:155px;margin-top:7px;cursor:pointer}
.myTradeRadio input[type="radio"] {vertical-align:middle;margin:0 7px 0 0}
.must {color:#f96161;font-size:18px;vertical-align:middle;float:right;line-height:24px;margin-top:8px}
.must1 {color:#f96161;font-size:18px;position:absolute;margin-left:294px;margin-top:-16px}
.myTradeSuggestSubmit {margin-left:125px;display:block;display:*inline;zoom:1;float:left;margin-top:50px;width:108px;height:35px;text-align:center;line-height:35px;background-color:#557ce1;border:1px solid #557ce1;color:white;border-radius:2px;cursor:pointer}
.myTradeSuggestCannel {position:relative;margin-left:45px;margin-top:50px;width:108px;height:35px;float:left;text-align:center;line-height:35px;border-radius:2px;border:1px solid #e3e2e8;cursor:pointer}
.myTradeSuggestCannel:hover {background-color:#557ce1;border:1px solid #557ce1;color:#fff}
.myTradeSuggestBag {text-align:center;width:515px;z-index:2001}
.myTradeSuggestSuccess {font-family:"Microsoft Yahei","微软雅黑",sans-serif;font-size:24px;color:#333}
.myTradeSuggestFeedBack {margin-top:20px;font-family:"Microsoft Yahei","微软雅黑",sans-serif;font-size:14px;color:#999}
.myTradeSuggestKongbai {height:75px;margin-top:63px;line-height:68px;font-family:"Microsoft Yahei","微软雅黑",sans-serif;font-size:14px;color:#999;border:1px solid #f2f2f5}
.myTradeSuggestLoading {margin-top:22px;width:23px;height:23px}
.myTradeSuggestKongbai span {margin-left:15px}
.mySuggestTip {position:absolute;display:none;margin-top:-10px;width:515px;margin-left:155px;color:#f96161}
.myWebsiteTip {position:absolute;display:none;width:515px;margin-left:155px;color:#f96161}
.tradeShopSuggest {position:absolute;width:112px;height:30px;border-radius:26px;border:1px solid #e3e2e8;margin-top:4px;margin-right:6px;text-align:center;line-height:30px;cursor:pointer;color:#999;font-size:12px;right:0}
.tradeShopSuggest:hover {background-color:#557ce1;color:white;border-color:#557ce1}
.clickDiv {float:left;position:relative;margin-left:50px;width:15px;height:15px}
.clickDivNotSelect {background:url(../images/vbg01.png) no-repeat -637px -1214px}
.clickDivSelect {background:url(../images/vbg01.png) no-repeat -637px -1261px}
.selectFont {float:left;position:relative;margin-left:10px;margin-top:-1px;font-size:12px;color:#666}
.myTradeSuggestLine {clear:both;width:100%;height:auto;float:left;margin-top:40px;position:relative}
.sweet-alert .sa-icon.sa-success {border-color:#557ce1}
.sweet-alert .sa-icon {width:80px;height:80px;border:4px solid gray;border-radius:50%;margin:20px auto;position:relative;box-sizing:content-box}
.sweet-alert {background-color:#fff;width:481px;padding:17px;padding-top:40px;border-radius:5px;text-align:center;overflow:hidden;display:block;z-index:2000}
@media all and (max-width:767px) {.sweet-alert {width:auto;margin-left:0;margin-right:0;left:15px;right:15px}
}
.sweet-alert .sa-icon.sa-success::before,.sweet-alert .sa-icon.sa-success::after {content:'';border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;transform:rotate(45deg)}
.sweet-alert .sa-icon.sa-success::before {border-radius:120px 0 0 120px;top:-7px;left:-33px;transform:rotate(-45deg);transform-origin:60px 60px}
.sweet-alert .sa-icon.sa-success::after {border-radius:0 120px 120px 0;top:-11px;left:30px;transform:rotate(-45deg);transform-origin:0 60px}
.sweet-alert .sa-icon.sa-success .sa-line {height:5px;background-color:#5cb85c;display:block;border-radius:2px;position:absolute;z-index:2}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {width:25px;left:14px;top:46px;transform:rotate(45deg)}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {width:47px;right:8px;top:38px;transform:rotate(-45deg)}
.sweet-alert .sa-icon.sa-success .sa-placeholder {width:80px;height:80px;border:4px solid rgba(85,124,225,0.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}
.sweet-alert .sa-icon.sa-success .sa-fix {width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;transform:rotate(-45deg)}
.sweet-alert .sa-icon.sa-success .sa-line {height:5px;background-color:#557ce1;display:block;border-radius:2px;position:absolute;z-index:2}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {width:25px;left:14px;top:46px;transform:rotate(45deg)}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {width:47px;right:8px;top:38px;transform:rotate(-45deg)}
@keyframes animateSuccessTip {0% {width:0;left:1px;top:19px}
54% {width:0;left:1px;top:19px}
70% {width:50px;left:-8px;top:37px}
84% {width:17px;left:21px;top:48px}
100% {width:25px;left:14px;top:45px}
}
@keyframes animateSuccessLong {0% {width:0;right:46px;top:54px}
65% {width:0;right:46px;top:54px}
84% {width:55px;right:0;top:35px}
100% {width:47px;right:8px;top:38px}
}
@keyframes rotatePlaceholder {0% {transform:rotate(-45deg)}
5% {transform:rotate(-45deg)}
12% {transform:rotate(-405deg)}
100% {transform:rotate(-405deg)}
}
.animateSuccessTip {animation:animateSuccessTip .75s}
.animateSuccessLong {animation:animateSuccessLong .75s}
.sa-icon.sa-success.animate::after {animation:rotatePlaceholder 4.25s ease-in}
@keyframes myTradeSuggest {0% {transform:scale(0)}
25% {transform:scale(0.25)}
50% {transform:scale(0.5)}
75% {transform:scale(0.75)}
100% {transform:scale(1)}
}
.myTrade2 {position:relative;border:1px solid #e4e4e4}
.myTrade2Pic {position:relative;width:140px;height:96px;margin-left:117px;margin-top:39px;background:url(../images/vbg01.png) no-repeat 0 -2616px}
.myTrade2Font {position:relative;margin-top:25px;font-size:16px;color:#999;width:100%;text-align:center}
.myTrade2Small {position:relative;margin:2px 8px 0 8px;width:184px;height:138px;border:1px solid #e4e4e4;cursor:pointer}
.myTrade2Small:hover {margin:0 6px 0 6px;border:3px solid #5874d8}
.myTrade2SmallPic {position:relative;width:76px;height:53px;margin-top:26px;margin-left:54px;background:url(../images/vbg01.png) no-repeat 0 -2526px}
.myTrade2SmallFont {position:relative;margin-top:18px;font-size:14px;color:#999;width:184px;text-align:center}
.tips {width:auto;height:40px;line-height:41px;margin:3px 0;font-size:12px;font-family:"微软雅黑";color:#d65c38;border:1px solid #ffecb5;*border-color:#ffd587;border-color:#ffd587/9;background-color:#f8f0cf;z-index:9999;box-shadow:0 5px 10px -5px #b3b3b3;-moz-box-shadow:0 5px 10px -5px #b3b3b3;-webkit-box-shadow:0 5px 10px -5px #b3b3b3;position:relative;top:0;left:0;float:left}
.tips .msg {display:inline;width:auto;height:40px;line-height:41px;word-break:keep-all;white-space:nowrap;float:left;text-align:center;padding:0 16px}
.tips .close {margin:0 10px 0 7px;width:8px;height:40px;cursor:pointer;background:url(../images/close02.png) center no-repeat;float:left;display:inline}
.tips .close_hover {background:url(../images/close03.png) center no-repeat}
.tips a {color:red}
.gnjz-loading {color:#979ba0;font-size:16px;overflow:hidden;width:100%;display:block;position:relative;padding-bottom:40px}
.gnjz-loading .loadTxt {position:absolute;left:55px;right:0;margin:auto;bottom:40px;text-align:center;line-height:45px}
.gnjz-loading .spinner {width:45px;height:45px;margin:auto;position:relative;padding-right:115px}
.gnjz-loading .container1>div,.gnjz-loading .container2>div,.gnjz-loading .container3>div {width:8px;height:8px;background-color:#169af7;border-radius:100%;position:absolute;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.gnjz-loading .spinner .spinner-container {position:absolute;width:30px;height:30px;left:0;top:50%;margin:-15px 0 0 6px}
.gnjz-loading .container2 {-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}
.gnjz-loading .container3 {-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}
.gnjz-loading .circle1 {top:0;left:0}
.gnjz-loading .circle2 {top:0;right:0}
.gnjz-loading .circle3 {right:0;bottom:0}
.gnjz-loading .circle4 {left:0;bottom:0}
.gnjz-loading .container2 .circle1 {-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.gnjz-loading .container3 .circle1 {-webkit-animation-delay:-1.0s;animation-delay:-1.0s}
.gnjz-loading .container1 .circle2 {-webkit-animation-delay:-0.9s;animation-delay:-0.9s}
.gnjz-loading .container2 .circle2 {-webkit-animation-delay:-0.8s;animation-delay:-0.8s}
.gnjz-loading .container3 .circle2 {-webkit-animation-delay:-0.7s;animation-delay:-0.7s}
.gnjz-loading .container1 .circle3 {-webkit-animation-delay:-0.6s;animation-delay:-0.6s}
.gnjz-loading .container2 .circle3 {-webkit-animation-delay:-0.5s;animation-delay:-0.5s}
.gnjz-loading .container3 .circle3 {-webkit-animation-delay:-0.4s;animation-delay:-0.4s}
.gnjz-loading .container1 .circle4 {-webkit-animation-delay:-0.3s;animation-delay:-0.3s}
.gnjz-loading .container2 .circle4 {-webkit-animation-delay:-0.2s;animation-delay:-0.2s}
.gnjz-loading .container3 .circle4 {-webkit-animation-delay:-0.1s;animation-delay:-0.1s}
@-webkit-keyframes bouncedelay {0%,80%,100% {-webkit-transform:scale(0.1)}
40% {-webkit-transform:scale(1.0)}
}
@keyframes bouncedelay {0%,80%,100% {transform:scale(0.1);-webkit-transform:scale(0.0)}
40% {transform:scale(1.0);-webkit-transform:scale(1.0)}
}
.gn-modelPreForm-wrap {margin-left:-48px;padding-top:22px;width:110%;overflow:hidden}
.gn-modelPreForm-wrap_stander {display:block}
.gn_stander .modelTypesDetail_stander,.gn_stander .gn_responsive .modelTypesDetail_responsive {display:block}
.gn_mobi .modelTypesDetail_mobi,.gn_mobi .gn-modelPreForm-wrap_mobi {display:block}
.modelTypesDetail_responsive .modelKindShow {margin-left:0;max-width:1200px}
.gn-mobiModelForm .f-mobiModelInnerForm {left:-2px;top:0;width:224px;height:450px}
.gn-mobiWin {width:220px;height:426px;background:url(../images/mobile.svg)}
.gn-mobiModelForm {left:-16px;height:470px;width:220px;padding:0 6px;margin-right:44px}
.f-mobiModelInnerForm .f-mobiModel {position:absolute;width:200px;height:380px;left:10px;top:28px;overflow:hidden}
.f-mobiModelInnerForm .f-mobiModel .f-reg,.f-mobiModelInnerForm .f-mobiModel .f-show {width:76px;height:34px;transform-origin:center center;transform:scale(0.9615)}
.f-mobiModelInnerForm .f-mobiModel .f-show {width:63px}
.f-qrCode {display:block;width:136px;height:136px;position:absolute;left:50%;margin-left:-76px;border:8px solid #fff;border-radius:3px;overflow:hidden;outline:0;background:#fff;z-index:2;top:-150px;transform-origin:center center;transform:scale(0.9109);transition:top .3s}
.f-qrCode .f-qrCodeImg {width:136px;height:136px;outline:0}
.f-mobiModel .f-reg {width:76px;left:27px}
.f-mobiModel .f-reg.recommed {left:64px}
.f-mobiModel .f-show {width:63px;left:107px}
.gn-mobiModelForm .f-mobiModelUrl {top:229px}
.preview-mask {position:fixed;top:0;bottom:0;left:0;right:0;background-color:#000;opacity:.6;z-index:4}
.preview-container {width:1030px;margin:auto;position:fixed;top:15%;left:0;right:0;z-index:5}
.preview-container .preview-content {height:706px;font-size:0;background-color:#fff;border-radius:4px;overflow:hidden}
.preview-container .sub-content {width:50%;height:100%;display:inline-block;vertical-align:top;box-shadow:-2px 0 3px rgba(0,0,0,0.04)}
.preview-container .p-left {background-color:#f4f4f4}
.preview-container .gn_frame_wrap {position:relative;width:375px;height:631px;margin:37.5px auto 0;box-shadow:0 1px 2px rgba(150,150,150,0.3)}
.preview-container .gn_frame_wrap_mask {position:absolute;width:100%;height:100%;background:#eee}
.preview-container .p-frame {width:100%;height:100%;position:absolute;display:block}
.preview-container .p-right .wrapper {width:242px;margin:142px auto 0}
.preview-container .qrcode-wrapper {margin-bottom:40px;text-align:center;border:1px solid #e6e7ec;width:242px;height:284px;box-sizing:border-box;padding-top:20px;border-radius:4px}
.preview-container .qr-code {width:200px;height:200px}
.preview-container .qrcode-tip {color:#666;font-size:13px;padding:10px 0;display:inline-block;padding-top:30px;font-size:14px;color:#666;line-height:1}
.preview-container .cancel-btn {float:right}
.preview-container .close-btn {width:15px;height:15px;position:absolute;top:20px;right:20px;background:url(..../images/mbg01.png?v=201904031416) no-repeat -681px -44px;cursor:pointer;-webkit-transition:transform .15s;-o-transition:transform .15s;transition:transform .15s;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
.preview-container .close-btn:hover {-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.preview-container .toggle-btn {width:76px;height:76px;line-height:76px;border-radius:50%;position:absolute;top:0;bottom:0;margin:auto 0;background:rgba(0,0,0,0.055);text-align:center;cursor:pointer;transition:background .3s ease}
.preview-container .toggle-btn:hover {background:rgba(0,0,0,0.3)}
.preview-container .toggle-btn:after {content:'';width:19px;height:35px;display:inline-block;vertical-align:middle;margin:-3px auto 0}
.preview-container .left-btn:after {margin-left:-3px;background:url(..../images/mbg01.png?v=201904031416) no-repeat -412px -87px}
.preview-container .right-btn:after {margin-right:-4px;background:url(..../images/mbg01.png?v=201904031416) no-repeat -373px -87px}
.preview-container .left-btn {margin-left:-0.589rem}
.preview-container .right-btn {right:0;margin-right:-0.589rem}
.jz-btn {cursor:pointer;padding:8px 24px;border-radius:2px;border:1px solid #e3e2e8;background-color:#fafafa;font-size:13px;font-family:微软雅黑}
.jz-btn:focus {outline:0}
.jz-btn:hover {border-color:#b4c5f2;background-color:#f8fafe;color:#557ce1}
.jz-btn>.jz-icon+span {margin-left:4px;vertical-align:middle}
.jz-btn-icon {padding:6px 14px 6px 10px}
.jz-icon {font-size:20px;vertical-align:middle}
.jz-btn-global-oper {padding:8px 32px;background-color:#FFF}
.jz-btn-global-oper:hover {border-color:#5874d8;background-color:#5874d8;color:#FFF}
.jz-btn-global-oper.jz-btn-active {border-color:#fd6040;background-color:#fd6040;color:#FFF}
.jz-btn-global-oper:active {border-color:#4a67d1;background-color:#4a67d1}
.jz-btn[disabled] {cursor:not-allowed;color:#bbbec4;background-color:#fff;border-color:#eaeaea}
.jz-btn-global-oper {margin:0 auto;display:block;width:140px;height:40px;color:#fff;line-height:40px;text-align:center;display:block;padding:0;border-radius:20px}
.jz-btn-global-oper span {line-height:1}
.gn-modelPreForm .gn_pcModel {overflow:auto;position:relative}
.gn-modelPreForm .gn_pcModel_wrap {overflow:hidden;width:100%;height:100%}
.preview-container .right-btn {margin-right:-156px}
.preview-container .left-btn {margin-left:-156px}
.gnjz-loading_v2 {padding-bottom:0;position:absolute;left:50%;top:50%;width:45px;height:45px;margin-left:-22px;margin-top:-22px}
.gnjz-loading_v2 .spinner {padding-right:0}
.gnjz-loading_v2 .container1>div,.gnjz-loading_v2 .container2>div,.gnjz-loading_v2 .container3>div {background-color:#aaa}
.newStyle .modelOneType {padding-bottom:12px}
.newStyle .modelLeftContainer .modelTypes {margin-top:22px}
.newStyle .modelSecondTypes {padding-top:15px}
.gn-modelPreForm:hover {transform:translate(0,-10px)}
.gn-modelPreForm.rollImg {width:366px;height:250px;margin-left:48px;margin-bottom:68px}
.gn-modelPreForm.rollImg .f-pcModulePic {display:none;position:absolute;width:100%;height:100%;background-color:#000;opacity:0;top:0;border-top-left-radius:6px;border-top-right-radius:6px}
.gn-modelPreForm.rollImg .model_mask .f-modelPreInnerForm:hover .f-modelBtn {width:100%;height:58px;margin-top:20px;position:relative;background:#fff;box-shadow:0 0 7px 0 rgba(0,0,0,0.11)}
.gn-modelPreForm.rollImg .f-modelPreInnerForm:hover .f-modelBtn {width:100%;height:58px;margin-top:16px;position:relative;background:#fff;box-shadow:0 0 7px 0 rgba(0,0,0,0.11)}
.gn-modelPreForm.rollImg .f-modelBtn .f-pcModelUrl {top:12px}
.gn-modelPreForm.rollImg .model_mask .f-modelPreInnerForm:hover .f-mobiModulePic {border-radius:0}
.gn-modelPreForm.rollImg .f-pcModelName {width:356px;height:60px;line-height:60px;font-size:15px;text-align:center}
.f-mobiModelName {font-size:15px;text-align:center}
.gn-modelPreForm.rollImg .f-reg {display:none;width:116px;background-color:#fd6040;left:60px}
.gn-modelPreForm.rollImg .f-show {display:none;width:96px;background-color:#2f82ff;float:right;right:60px}
.gn-modelPreForm .f-reg:hover {background-color:#fd705b}
.gn-modelPreForm .f-show:hover {background-color:#2b89fb}
.gn_allModelPage .pagenation_model {width:auto;height:28px;text-align:center;font-size:0;padding:25px 0;margin:0 45px;vertical-align:middle}
.pagenation-first a,.pagenation-last a,.pagePrev_model a {width:28px;height:28px;display:block;border:0}
.gn_allModelPage .pagenation-first,.gn_allModelPage .pagenation-last,.gn_allModelPage .pageNext_model,.gn_allModelPage .pageNo_model,.gn_allModelPage .pagePrev_model {display:inline-block;width:28px;height:28px;-moz-border-radius:50%;border-radius:50%;vertical-align:middle;line-height:28px;*display:inline;*zoom:1;margin:0 7px}
.gn_allModelPage .pagenation-first,.gn_allModelPage .pagenation-last,.gn_allModelPage .pageNext_model,.gn_allModelPage .pagePrev_model {background:url(../images/home_ico.png) no-repeat -214px -50px;font-size:0}
.gn_allModelPage .pagePrev_model .prevHide_model,.gn_allModelPage .pageNext_model .nextHide_model {display:block;width:28px;height:28px;line-height:28px;text-decoration:none}
.gn_allModelPage .pageNo_model span {font-size:14px;color:#666}
.gn_allModelPage .pageNo_model.active_page_model span {display:inline-block;vertical-align:top;width:28px;height:28px;line-height:28px;color:#fff;background:#2f82ff;-moz-border-radius:50%;border-radius:50%}
.gn_allModelPage .pageEllipsis_model--all {width:28px;height:24px;line-height:24px;margin-top:2px;display:inline-block;color:#333;font-size:14px;vertical-align:middle}
.gn_allModelPage .pageNext_model .nextShow_model {display:block;width:28px;height:28px;line-height:28px}
.gn_allModelPage .icon-pg-prev,.gn_allModelPage .icon-pg-prev-disable:hover {background-position:-211px -104px}
.gn_allModelPage .icon-pg-next,.gn_allModelPage .icon-pg-next-disable:hover {background-position:-210px -133px}
.gn_allModelPage .icon-pg-last,.gn_allModelPage .icon-pg-last-disable:hover {background-position:-212px -76px}
.gn_allModelPage .pageEllipsis_model {display:inline-block;width:28px;height:28px;float:none;background:0;-moz-border-radius:50%;border-radius:50%;vertical-align:middle;line-height:28px;display:inline;zoom:1;margin:0 7px;font-size:14px}
.gn_mall_landingPage {min-width:1200px;max-width:1200px;margin:66px auto 137px}
.mall_landingPage_top,.mall_landingPage_bottom {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.mall_landingPage_bottom {margin-top:107px}
.mall_landingPage_top .mall_landingPage_bg {margin-right:-117px}
.mall_landingPage_bottom .mall_landingPage_bg {margin-left:-228px}
.mall_landingPage_top .mall_landingPage_title {margin-top:171px}
.mall_landingPage_bottom .mall_landingPage_title {margin-top:150px}
.mall_landingPage_text {color:#333;font-size:36px;font-weight:400}
.mall_landingPage_des {color:#818a9b;font-size:18px;font-weight:400;margin-top:31px;margin-bottom:40px}
.advantage_searchBack {display:none}
.set_4_button2 {position:relative;font-weight:400;text-align:center;width:auto;line-height:46px;height:46px;font-size:18px;overflow:hidden;position:relative;z-index:0;cursor:pointer;color:#fff;-moz-border-radius:23px;border-radius:23px;border:solid #fff 1px;text-align:center}
.set_4_button2.raised {-moz-transition:all .1s;-o-transition:all .1s;-webkit-transition:all .1s;transition:all .1s;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}
.f-index-btn {border:0;width:160px;height:46px;line-height:46px;background-color:#1178fb}
.anim {-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:-1}
.anim:before {position:relative;content:"";display:block;margin-top:100%}
.anim:after {content:"";position:absolute;top:0;bottom:0;left:0;right:0;-moz-border-radius:50%;border-radius:50%}
.hoverable .anim {-moz-animation:anim-out .75s;-webkit-animation:anim-out .75s;-o-animation:anim-out .75s;animation:anim-out .75s}
.hoverable .anim:after {-moz-animation:anim-out-pseudo .75s;-webkit-animation:anim-out-pseudo .75s;-o-animation:anim-out-pseudo .75s;animation:anim-out-pseudo .75s}
.hoverable .anim,.hoverable .anim:after {-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:1.3s;-moz-animation-duration:1.3s;-o-animation-duration:1.3s;animation-duration:1.3s}
.guide_hotel_wrap .gn_pcModel_wrap {background:url(../images/hotel.jpg) no-repeat 0 0;display:block}
.guide_hotel_wrap-mobi .f-pcModel {background:url(../images/mobihotel.jpg) no-repeat 0 0;display:block}
@-webkit-keyframes anim-in {0% {width:0}
100% {width:100%}
}
@-moz-keyframes anim-in {0% {width:0}
100% {width:100%}
}
@-o-keyframes anim-in {0% {width:0}
100% {width:100%}
}
@keyframes anim-in {0% {width:0}
100% {width:100%}
}
@-webkit-keyframes anim-in-pseudo {0% {background:rgba(0,0,0,0.25)}
100% {background:transparent}
}
@-moz-keyframes anim-in-pseudo {0% {background:rgba(0,0,0,0.25)}
100% {background:transparent}
}
@-o-keyframes anim-in-pseudo {0% {background:rgba(0,0,0,0.25)}
100% {background:transparent}
}
@keyframes anim-in-pseudo {0% {background:rgba(0,0,0,0.25)}
100% {background:transparent}
}
@-webkit-keyframes anim-out {0% {width:0}
100% {width:100%}
}
@-moz-keyframes anim-out {0% {width:0}
100% {width:100%}
}
@-o-keyframes anim-out {0% {width:0}
100% {width:100%}
}
@keyframes anim-out {0% {width:0}
100% {width:100%}
}
@-webkit-keyframes anim-out-pseudo {0% {background:rgba(0,0,0,0.25)}
100% {background:transparent}
}
@-moz-keyframes anim-out-pseudo {0% {background:rgba(0,0,0,0.25)}
100% {background:transparent}
}
@-o-keyframes anim-out-pseudo {0% {background:rgba(0,0,0,0.25)}
100% {background:transparent}
}
@keyframes anim-out-pseudo {0% {background:rgba(0,0,0,0.25)}
100% {background:transparent}
}


@charset "utf-8";
.gn_modelV2 .gn-header,.gn_modelV2 .searchArea,.gn_modelV2 .modelTypes,.gn_modelV2 .modelTypesDetail {display:none!important}
.gn_modelV2_container .v2_banner {width:100%;height:324px;margin:40px 0}
.gn_modelV2_container .v2_banner_left {width:700px;height:100%;margin-right:14px;float:left;position:relative}
.gn_modelV2_container .v2_banner_left img {width:100%;height:100%}
.gn_modelV2_container .v2_banner_right {width:486px;height:100%;display:inline-block;float:left;font-size:0}
.gn_modelV2_container .v2_banner_right_top {width:100%;height:155px;background:#ccc}
.gn_modelV2_container .v2_banner_right_bottom {width:100%;height:155px;margin-top:14px}
.gn_modelV2_container .v2_banner_right_bottom img {width:236px;height:100%;float:left}
.gn_modelV2_container .v2_banner_right_bottom .img_left {margin-right:14px}
.gn_modelV2_container .v2_banner img {border-radius:5px}
.gn_modelV2_container .v2_slider_panel {position:relative;width:100%;height:100%;overflow:hidden}
.gn_modelV2_container .v2_slider_list {position:absolute;left:0;top:0;height:100%;width:100%;overflow:hidden}
.gn_modelV2_container .v2_slider_list.s_len_2 {width:200%}
.gn_modelV2_container .v2_slider_list.s_len_4 {width:400%}
.gn_modelV2_container .v2_slider_list .v2_slider_item {height:100%;width:100%;float:left;text-align:left;position:relative}
.gn_modelV2_container .v2_slider_list.s_len_2 .v2_slider_item {width:50%}
.gn_modelV2_container .v2_slider_list.s_len_4 .v2_slider_item {width:25%}
.gn_modelV2_container .v2_index_focus {position:absolute;left:50%;transform:translateX(-50%);bottom:12px}
.gn_modelV2_container .v2_focusList {font-size:0;text-align:center}
.gn_modelV2_container .v2_focusItem {width:10px;height:10px;border-radius:16px;background:rgba(255,255,255,0.5);display:inline-block;*display:inline;*zoom:1;margin-left:10px;transform-origin:center center;transition:width .3s;cursor:pointer}
.v2_index_focus .v2_focusItem:first-child {margin-left:0}
.v2_index_focus .v2_focusItem_active {width:20px;background-color:#fff}
.v2_bread_nav {width:1200px;height:50px;line-height:50px;margin:auto}
.v2_bread_nav a,.v2_bread_nav span {color:#999;font-size:14px}
.v2_bread_nav a:hover,.v2_bread_nav span:hover {color:#3583fb}
.v2_bread_nav div.v2_nav_split {display:inline-block;margin:0 8px;color:#999}
.v2_bread_nav .v2_nav_label_last {color:#333}
.v2_bread_nav .v2_nav_label_last.v2_search_result_tip {color:#333;cursor:default}
.v2_slider_item .J_bdyhBtnLink {display:block;width:131px;height:39px;position:absolute;top:210px;left:37px;border-radius:20px}
.gn_modelV2_container .v2_model_block {margin-top:10px}
.gn_modelV2_container .v2_model_block.is_model_0 {margin-top:0;padding-top:20px;padding-left:7px;}
.gn_modelV2_container .v2_header {height:34px;line-height:34px;overflow:hidden}
.gn_modelV2_container .v2_header_icon {display:inline-block;float:left;height:34px;width:34px;background:url(../images/home_ico.png) 0 -1416px no-repeat}
.gn_modelV2_container .is_model_2 .v2_header_icon {background-position:-48px -1416px}
.gn_modelV2_container .is_model_1 .v2_header_icon {background-position:-92px -1416px}
.gn_modelV2_container .v2_header_title {font-size:26px;color:#222;float:left;display:inline-block;margin-left:15px}
.gn_modelV2_container .v2_header_list {margin-left:30px;float:left}
.gn_modelV2_container .v2_header_item {display:inline-block;width:88px;height:34px;line-height:34px;margin-right:10px;border-radius:17px;color:#333;text-align:center;cursor:pointer;font-size:14px}
.gn_modelV2_container .v2_header_item.is_header_item_select,.gn_modelV2_container .v2_header_item:hover {color:#3583fb}
.gn_modelV2_container .v2_header_item.is_header_item_select {background-color:#e5efff}
.gn_modelV2_container .v2_header_more {color:#333;font-size:14px;display:inline-block;float:right;cursor:pointer}
.gn_modelV2_container .v2_header_more:hover {color:#2f82ff}
.gn_modelV2_container .v2_more_icon {display:inline-block;width:12px;height:14px;margin-left:8px;vertical-align:middle;background:url(../images/home_ico.png) -39px -1336px no-repeat}
.gn_modelV2_container .v2_header_more:hover .v2_more_icon {background-position:-55px -1336px}
.gn_modelV2_container .v2_content_list {margin-left:-48px;padding-top:32px;width:110%;overflow:hidden}
.gn_modelV2_container .v2_content {height:auto;}
.gn_modelV2_container .is_model_index .v2_content {padding-left:8px;}
.gn_modelV2_container .is_model_2 .v2_content {height:auto;}
.gn_modelV2_container .v2_content_list {left:0;top:0}
.gn_modelV2_container .v2_content_list:first-of-type {animation:.6s ease-in-out 0s 1 normal none running fadeOutRight}
.gn_modelV2_container .s_to_left .v2_content_list {animation-name:fadeOutLeft}
.gn_modelV2_container .s_to_right .v2_content_list {animation-name:fadeOutRight}
.gn_modelV2_container .s_hide_animate {opacity:0;z-index:0}
.gn_modelV2_container .s_show_animate {opacity:1;z-index:1}
.gn_modelV2_container .s_to_left .s_show_animate {animation:.6s ease 0s 1 normal none running fadeInRight}
.gn_modelV2_container .s_to_right .s_show_animate {animation:.6s ease 0s 1 normal none running fadeInLeft}
@-webkit-keyframes fadeInRight {from {opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(100%,0,0)}
40% {opacity:0}
to {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInRight {from {opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(100%,0,0)}
40% {opacity:0}
to {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInRight {-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeOutRight {from {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40% {opacity:0}
to {opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes fadeOutRight {from {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40% {opacity:0}
to {opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(100%,0,0)}
}
.fadeOutRight {-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutLeft {0% {opacity:1}
30% {opacity:0}
to {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes fadeOutLeft {0% {opacity:1}
30% {opacity:0}
to {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.fadeOutLeft {-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeInLeft {0% {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
30% {opacity:0}
to {opacity:1}
}
@keyframes fadeInLeft {0% {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
30% {opacity:0}
to {opacity:1}
}
.fadeInLeft {-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
.gn_modelV2_container .v2_content_item {display:inline-block;width:360px;margin:30px 30px 0 30px}
.gn_modelV2_container .v2_item_img {width:360px;height:230px;background-color:#333}
.gn_modelV2_container .v2_item_label {line-height:60px;font-size:15px;color:#333;text-align:center}
.v2_create_btn .button--nina {background-color:transparent}
.tab_wrap {max-width:1200px;margin:auto;margin-bottom:50px}
.tab_header_wrap {margin-top:25px;position:relative;margin-bottom:40px}
.tab_header_list {display:inline-block}
.tab_header_item {font-size:20px;color:#333;display:inline-block;margin:20px 0;margin-right:90px;cursor:pointer}
.tab_header_active_item {color:#3583fb}
.tab_header_item_active_line {display:inline-block;width:100px;height:3px;background:#3583fb;border-radius:2px;left:0;position:absolute;bottom:0;transition:left .3s ease-in-out}
.common_list {font-size:12px}
.common_list_item {font-size:13px;display:inline-block;padding:7px 14px;background:#fff;border:1px solid #eee;border-radius:20px;color:#666;margin-right:10px;margin-bottom:20px}
.common_list_item:hover {cursor:pointer;background:#e8f1ff;border:1px solid #2f82ff;color:#2f82ff}